diff --git a/public/components/FormControls/FormikCheckableCard/FormikCheckableCard.js b/public/components/FormControls/FormikCheckableCard/FormikCheckableCard.js
index e8e6382aa..037924aa3 100644
--- a/public/components/FormControls/FormikCheckableCard/FormikCheckableCard.js
+++ b/public/components/FormControls/FormikCheckableCard/FormikCheckableCard.js
@@ -6,29 +6,15 @@
import React from 'react';
import PropTypes from 'prop-types';
import { EuiCheckableCard } from '@elastic/eui';
-
import FormikInputWrapper from '../FormikInputWrapper';
-import FormikFormRow from '../FormikFormRow';
-const FormikCheckableCard = ({
- name,
- formRow = false,
- fieldProps = {},
- rowProps = {},
- inputProps = {},
-}) => (
+const FormikCheckableCard = ({ name, fieldProps = {}, inputProps = {} }) => (
- formRow ? (
-
-
-
- ) : (
-
- )
- }
+ render={({ field, form }) => (
+
+ )}
/>
);
@@ -47,14 +33,13 @@ const FieldCheckableCard = ({
onChange={(e) =>
typeof onChange === 'function' ? onChange(e, field, form) : field.onChange(e)
}
+ className="eui-fullHeight"
/>
);
FormikCheckableCard.propTypes = {
name: PropTypes.string.isRequired,
- formRow: PropTypes.bool,
fieldProps: PropTypes.object,
- rowProps: PropTypes.object,
inputProps: PropTypes.object,
};
diff --git a/public/components/FormControls/FormikCheckableCard/__snapshots__/FormikCheckableCard.test.js.snap b/public/components/FormControls/FormikCheckableCard/__snapshots__/FormikCheckableCard.test.js.snap
index 303b528a6..9375a7b4e 100644
--- a/public/components/FormControls/FormikCheckableCard/__snapshots__/FormikCheckableCard.test.js.snap
+++ b/public/components/FormControls/FormikCheckableCard/__snapshots__/FormikCheckableCard.test.js.snap
@@ -2,7 +2,7 @@
exports[`FormikCheckableCard render 1`] = `
`;
diff --git a/public/pages/CreateMonitor/components/AssociateMonitors/AssociateMonitors.js b/public/pages/CreateMonitor/components/AssociateMonitors/AssociateMonitors.js
index 2981d0afd..27e6e6d7b 100644
--- a/public/pages/CreateMonitor/components/AssociateMonitors/AssociateMonitors.js
+++ b/public/pages/CreateMonitor/components/AssociateMonitors/AssociateMonitors.js
@@ -49,8 +49,9 @@ const AssociateMonitors = ({ isDarkMode, values, httpClient, errors }) => {
Delegate monitors
- Delegate two or more monitors to run as part of this workflow. The monitor types per query,
- per bucket, and per document are supported.{' '}
+ Delegate two or more monitors to run as part of this workflow. The order in which you select
+ the monitors determines their order in the workflow. The monitor types per query, per
+ bucket, and per document are supported.
- Delegate two or more monitors to run as part of this workflow. The monitor types per query, per bucket, and per document are supported.
+ Delegate two or more monitors to run as part of this workflow. The order in which you select the monitors determines their order in the workflow. The monitor types per query, per bucket, and per document are supported.
@@ -181,46 +163,37 @@ exports[`MonitorDefinitionCard renders without AD plugin 2`] = `
style="width:275px"
>