@bigbinary/neeto-rules-frontend 2.7.9 → 2.7.11

package/dist/{index-CtB-Do-N.js → index-DOW_ZlOp.js}

@@ -6,7 +6,7 @@ import _typeof from '@babel/runtime/helpers/typeof';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { b as useUpdateAutomationRule, e as useFetchNameGenerationStatus } from './useAutomationRulesApi-C9I3wUZ8.js';
-import { u as useOnClickOutside, S as SHORTCUTS, f as flatten } from './keyboardShortcuts-DcvmDX_K.js';
+import { u as useOnClickOutside, S as SHORTCUTS, f as flatten } from './keyboardShortcuts-Ow9vI9My.js';
 import { toLower, identity, pluck, isEmpty, mergeDeepLeft, isNotNil, whereAny, reject, equals, unless, path, omit, useWith, split, when, is, trim, eqBy, F, values, isNil, without, append, pipe, filter, uniq, join, map, assoc, mergeLeft, includes, test } from 'ramda';
 import { t } from 'i18next';
 import * as yup from 'yup';
@@ -14,7 +14,7 @@ import { useShallow } from 'zustand/shallow';
 import { Button, Callout, Typography, Input as Input$1, Label, Select, DatePicker, Checkbox, Badge, RadioGroup as RadioGroup$1, TimePicker } from '@bigbinary/neeto-atoms';
 import { RadioGroup, Textarea, Input as Input$2, Switch, MultiEmailInput, Select as Select$1 } from '@bigbinary/neeto-atoms/formik';
 import classNames from 'classnames';
-import { PanelRightClose, Search, Trash2, CircleHelp, RefreshCw, Check, X, Plus, ChevronLeft } from 'lucide-react';
+import { PanelRightClose, Search, Trash2, CircleHelp, RefreshCw, Lock, Check, X, Plus, ChevronLeft } from 'lucide-react';
 import { useTranslation, Trans } from 'react-i18next';
 import { a as useActiveField } from './useCustomDataStore-CU3KpyD4.js';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
@@ -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,
@@ -1395,13 +1406,30 @@ var SelectField$1 = function SelectField(_ref2) {
     setValue(value !== null && value !== void 0 ? value : null);
     setTouched(true);
   };
+  var formatOptionLabel = function formatOptionLabel(_ref3) {
+    var label = _ref3.label,
+      isPrivate = _ref3.isPrivate;
+    return /*#__PURE__*/jsxs("div", {
+      className: "flex items-center justify-between gap-2",
+      children: [/*#__PURE__*/jsx("span", {
+        children: label
+      }), isPrivate && /*#__PURE__*/jsx(Lock, {
+        "aria-label": t("neetoRules.slack.private"),
+        className: "text-muted-foreground shrink-0",
+        role: "img",
+        size: 14
+      })]
+    });
+  };
   return /*#__PURE__*/jsxs("div", {
     className: "flex items-start gap-2",
-    children: [/*#__PURE__*/jsx(Select$1, _objectSpread$c(_objectSpread$c({}, _objectSpread$c({
+    children: [/*#__PURE__*/jsx(Select$1, _objectSpread$c(_objectSpread$c({}, _objectSpread$c(_objectSpread$c({
       className: className,
       name: name,
       required: required
-    }, otherProps)), {}, {
+    }, otherProps), {}, {
+      formatOptionLabel: formatOptionLabel
+    })), {}, {
       innerRef: ref,
       label: defaultLabel,
       options: dropdownOptions,
@@ -2053,7 +2081,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 +3143,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 +3528,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 +3785,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 +4043,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 +4288,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 +4376,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")
         })]
       })
@@ -4597,8 +4630,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")
         })]
       })
@@ -4620,8 +4654,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,
@@ -4756,14 +4791,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",
@@ -5334,4 +5371,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-CtB-Do-N.js.map
+//# sourceMappingURL=index-DOW_ZlOp.js.map