@bigbinary/neeto-rules-frontend 2.7.8 → 2.7.10

package/dist/{index-7Oqmz32n.js → index-5dGlq6Wm.js}

@@ -86,6 +86,17 @@ var ScrollToErrorField = function ScrollToErrorField(_ref) {
   return null;
 };
 
+var DEFAULT_LONG_TEXT_ROWS = 8;
+
+// Atoms puts leading-none on option labels, which suits short options but
+// leaves panel options — full sentences that regularly wrap — with no leading
+// at all on their second line.
+var PANEL_OPTION_LABEL_CLASSES = "[&_label]:leading-normal";
+
+// A vertical RadioGroup also defaults to an 8px gap, too tight to scan once the
+// options wrap. Checkbox lists space themselves and only need the label fix.
+var PANEL_RADIO_GROUP_CLASSES = "data-[orientation=vertical]:gap-3 ".concat(PANEL_OPTION_LABEL_CLASSES);
+
 var Body = function Body(_ref) {
   var children = _ref.children,
     className = _ref.className;
@@ -416,8 +427,9 @@ var ActionPanel = function ActionPanel() {
           variant: "h5",
           children: [label, "..."]
         }), /*#__PURE__*/jsx(Typography, {
+          color: "muted",
           "data-testid": "action-description",
-          variant: "body1",
+          variant: "body3",
           children: t("neetoRules.form.addActionDescription")
         })]
       })
@@ -443,6 +455,7 @@ var ActionPanel = function ActionPanel() {
         })]
       }), isNotEmpty(searchedOptions) ? /*#__PURE__*/jsx(RadioGroup, {
         ref: ref,
+        className: PANEL_RADIO_GROUP_CLASSES,
         name: "".concat(name, ".name"),
         orientation: "vertical",
         value: selectedField === null || selectedField === void 0 ? void 0 : selectedField.value,
@@ -472,8 +485,6 @@ var ActionPanel = function ActionPanel() {
   });
 };
 
-var DEFAULT_LONG_TEXT_ROWS = 8;
-
 var Target$k = function Target(_ref) {
   var _errors$actions, _touched$actions, _selectedField$separa;
   var index = _ref.index,
@@ -2053,7 +2064,7 @@ var MultiSelectCheckbox$1 = function MultiSelectCheckbox(_ref2) {
   };
   var defaultLabel = (selectedField === null || selectedField === void 0 ? void 0 : selectedField.placeholder) || t("neetoRules.labels.selectValues");
   return /*#__PURE__*/jsxs("div", {
-    className: "space-y-3",
+    className: classNames("space-y-3", PANEL_OPTION_LABEL_CLASSES),
     children: [/*#__PURE__*/jsx(Label, {
       required: required,
       children: defaultLabel
@@ -3115,8 +3126,9 @@ var ActionSubItemPanel = function ActionSubItemPanel() {
             children: header
           })]
         }), /*#__PURE__*/jsx(Typography, {
+          color: "muted",
           "data-testid": "action-sub-item-description",
-          variant: "body1",
+          variant: "body3",
           children: t("neetoRules.form.addActionSubItemDescription")
         })]
       })
@@ -3499,7 +3511,7 @@ var MultiSelectCheckbox = function MultiSelectCheckbox(_ref2) {
   };
   var defaultLabel = t("neetoRules.labels.selectValues");
   return /*#__PURE__*/jsxs("div", {
-    className: "space-y-3",
+    className: classNames("space-y-3", PANEL_OPTION_LABEL_CLASSES),
     children: [/*#__PURE__*/jsx(Label, {
       required: required,
       children: defaultLabel
@@ -3756,6 +3768,7 @@ var RadioField = function RadioField(_ref2) {
     }), isNotEmpty(searchedOptions) ? /*#__PURE__*/jsx(RadioGroup$1, _objectSpread$4(_objectSpread$4({
       ref: ref,
       required: required,
+      className: PANEL_RADIO_GROUP_CLASSES,
       label: showLabel && t("neetoRules.labels.selectValue"),
       orientation: "vertical",
       value: selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value,
@@ -4013,8 +4026,9 @@ var FieldPanel = function FieldPanel() {
           variant: "h5",
           children: [index ? logicalOperatorLabel : conditionLabel, "..."]
         }), /*#__PURE__*/jsx(Typography, {
+          color: "muted",
           "data-testid": "condition-description",
-          variant: "body1",
+          variant: "body3",
           children: t("neetoRules.form.addConditionDescription")
         })]
       })
@@ -4257,8 +4271,9 @@ var VerbAndValuePanel = function VerbAndValuePanel() {
             children: [index ? logicalOperatorLabel : conditionLabel, " ", fieldLabel, "..."]
           })]
         }), /*#__PURE__*/jsx(Typography, {
+          color: "muted",
           "data-testid": "condition-verb-and-value-description",
-          variant: "body1",
+          variant: "body3",
           children: t("neetoRules.form.addConditionVerbAndValueDescription")
         })]
       })
@@ -4344,7 +4359,8 @@ var DelayPanel = function DelayPanel() {
           variant: "h5",
           children: t("neetoRules.common.addDelay")
         }), /*#__PURE__*/jsx(Typography, {
-          variant: "body1",
+          color: "muted",
+          variant: "body3",
           children: t("neetoRules.helpText.addDelay")
         })]
       })
@@ -4361,16 +4377,14 @@ var DelayPanel = function DelayPanel() {
           type: "number",
           onFocus: setValueFieldActive
         }), /*#__PURE__*/jsx(Select$1, {
-          defaultValue: findBy({
-            value: value.unit
-          }, DELAY_UNIT_OPTIONS),
-          innerRef: unitRef,
+          defaultValue: value.unit,
           name: "".concat(name, ".value.unit"),
           options: DELAY_UNIT_OPTIONS,
           placeholder: t("neetoRules.placeholders.selectOption"),
-          onChange: function onChange(option) {
+          ref: unitRef,
+          onChange: function onChange(unit) {
             return setValue(_objectSpread$3(_objectSpread$3({}, value), {}, {
-              unit: option.value
+              unit: unit
             }));
           },
           onFocus: setUnitFieldActive
@@ -4599,8 +4613,9 @@ var EventsPanel = function EventsPanel() {
           variant: "h5",
           children: [t("neetoRules.common.when"), "..."]
         }), /*#__PURE__*/jsx(Typography, {
+          color: "muted",
           "data-testid": "event-description",
-          variant: "body1",
+          variant: "body3",
           children: t("neetoRules.form.addEventDescription")
         })]
       })
@@ -4622,8 +4637,9 @@ var EventsPanel = function EventsPanel() {
           }
         })
       }), /*#__PURE__*/jsxs("div", {
-        className: "space-y-3",
+        className: classNames("space-y-3", PANEL_OPTION_LABEL_CLASSES),
         children: [isNotEmpty(searchedOptions) ? singleSelect ? /*#__PURE__*/jsx(RadioGroup$1, {
+          className: PANEL_RADIO_GROUP_CLASSES,
           orientation: "vertical",
           value: (eventNames === null || eventNames === void 0 ? void 0 : eventNames[0]) || "",
           onValueChange: handleRadioChange,
@@ -4758,14 +4774,16 @@ var PerformerPanel = function PerformerPanel() {
             children: [t("neetoRules.form.actionTriggeredBy"), "..."]
           })]
         }), /*#__PURE__*/jsx(Typography, {
+          color: "muted",
           "data-testid": "performer-description",
-          variant: "body1",
+          variant: "body3",
           children: t("neetoRules.form.addPerformerDescription")
         })]
       })
     }), /*#__PURE__*/jsx(Panel.Body, {
       children: /*#__PURE__*/jsx(RadioGroup, {
         ref: ref,
+        className: PANEL_RADIO_GROUP_CLASSES,
         disabled: isMenuDisabled,
         name: "".concat(performerName, ".value"),
         orientation: "vertical",
@@ -5336,4 +5354,4 @@ var formatData = function formatData(data) {
 };
 
 export { ActionSubItem as A, DEFAULT_RULE_ACTION as D, EditorAction as E, FIELDS_WITH_OPTIONS as F, OPERATORS as O, PANEL_TYPES as P, RadioField as R, SelectField as S, TouchErrors as T, ValueField as V, getFieldDetails$1 as a, getSlackChannelErrors as b, getLogicalOperatorOptions as c, getFieldDetails as d, getVerbOptions as e, DEFAULT_DELAY as f, getActionOptions as g, getAllEvents as h, STATUS_KEYS as i, formatData as j, buildPayload as k, ScrollToErrorField as l, Panel as m, getValidationSchema as n, DEFAULT_INITIAL_VALUE as o, ErrorCallout as p, SmsFields as q, PhoneNumberField as r, usePollRuleName as u };
-//# sourceMappingURL=index-7Oqmz32n.js.map
+//# sourceMappingURL=index-5dGlq6Wm.js.map