@bigbinary/neeto-rules-frontend 2.5.57 → 2.5.58

package/dist/.ready

@@ -1 +1 @@
-Built at 2026-05-11T12:09:10.489Z
+Built at 2026-05-12T17:14:19.821Z

package/dist/cjs/v2/NeetoRulesForm.js

@@ -1382,9 +1382,7 @@ var SelectField$2 = function SelectField(_ref2) {
     t = _useTranslation2.t;
   var _useField3 = formik.useField(name),
     _useField4 = _slicedToArray(_useField3, 3),
-    field = _useField4[0];
-    _useField4[1];
-    var _useField4$ = _useField4[2],
+    _useField4$ = _useField4[2],
     setValue = _useField4$.setValue,
     setTouched = _useField4$.setTouched;
   var _useActiveField2 = useCustomDataStore.useActiveField(name, {
@@ -1393,19 +1391,8 @@ var SelectField$2 = function SelectField(_ref2) {
     ref = _useActiveField2.ref,
     setFieldActive = _useActiveField2.setFieldActive;
   var defaultLabel = (selectedField === null || selectedField === void 0 ? void 0 : selectedField.placeholder) || t("neetoRules.labels.selectValue");
-  var selectedOption = neetoCist.findBy({
-    value: field.value
-  }, dropdownOptions) || {
-    label: defaultLabel,
-    value: ""
-  };
-  var handleSelectOption = function handleSelectOption(_ref3) {
-    var _option$value;
-    var value = _ref3.value;
-    var option = neetoCist.findBy({
-      value: value
-    }, dropdownOptions);
-    setValue((_option$value = option === null || option === void 0 ? void 0 : option.value) !== null && _option$value !== void 0 ? _option$value : null);
+  var handleSelectOption = function handleSelectOption(value) {
+    setValue(value !== null && value !== void 0 ? value : null);
     setTouched(true);
   };
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
@@ -1418,7 +1405,6 @@ var SelectField$2 = function SelectField(_ref2) {
       innerRef: ref,
       label: defaultLabel,
       options: dropdownOptions,
-      value: selectedOption,
       onChange: handleSelectOption,
       onFocus: setFieldActive
     })), handleSlackChannelRefresh && action.name === "message_to_slack" && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
@@ -1949,23 +1935,6 @@ var MultiSelect$1 = function MultiSelect(_ref2) {
     }),
     ref = _useActiveField2.ref,
     setFieldActive = _useActiveField2.setFieldActive;
-  var _useField3 = formik.useField(name),
-    _useField4 = _slicedToArray(_useField3, 3),
-    field = _useField4[0],
-    _useField4$ = _useField4[2],
-    setValue = _useField4$.setValue,
-    setTouched = _useField4$.setTouched;
-  var allOptions = react.useMemo(function () {
-    var values = field.value || [];
-    return values.map(function (value) {
-      return getDetailsByValue(value, dropdownOptions);
-    });
-  }, [field.value, dropdownOptions]);
-  var selectedOptions = getSelectedOptions(allOptions);
-  var handleSelectOption = function handleSelectOption(options) {
-    setValue(ramda.pluck("value", options));
-    setTouched(true);
-  };
   var defaultLabel = (selectedField === null || selectedField === void 0 ? void 0 : selectedField.placeholder) || t("neetoRules.labels.selectValues");
   return /*#__PURE__*/jsxRuntime.jsx("div", {
     className: "space-y-3",
@@ -1976,8 +1945,6 @@ var MultiSelect$1 = function MultiSelect(_ref2) {
       innerRef: ref,
       label: defaultLabel,
       options: dropdownOptions,
-      value: selectedOptions,
-      onChange: handleSelectOption,
       onFocus: setFieldActive
     })
   });
@@ -3428,25 +3395,11 @@ var MultiSelect = function MultiSelect(_ref2) {
     otherProps = _objectWithoutProperties(_ref2, _excluded$9);
   var _useTranslation2 = reactI18next.useTranslation(),
     t = _useTranslation2.t;
-  var _useField3 = formik.useField(name),
-    _useField4 = _slicedToArray(_useField3, 3),
-    field = _useField4[0],
-    _useField4$ = _useField4[2],
-    setValue = _useField4$.setValue,
-    setTouched = _useField4$.setTouched;
   var _useActiveField2 = useCustomDataStore.useActiveField(name, {
       shouldAutoFocus: shouldAutoFocus
     }),
     ref = _useActiveField2.ref,
     setFieldActive = _useActiveField2.setFieldActive;
-  var selectedOptions = field.value || [];
-  var options = dropdownOptions === null || dropdownOptions === void 0 ? void 0 : dropdownOptions.filter(function (option) {
-    return selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.includes(option.value);
-  });
-  var handleMultiSelectOption = function handleMultiSelectOption(options) {
-    setValue(ramda.pluck("value", options));
-    setTouched(true);
-  };
   return /*#__PURE__*/jsxRuntime.jsx("div", {
     className: "space-y-3",
     children: /*#__PURE__*/jsxRuntime.jsx(formik$1.Select, _objectSpread$j({
@@ -3456,8 +3409,6 @@ var MultiSelect = function MultiSelect(_ref2) {
       innerRef: ref,
       label: t("neetoRules.labels.selectValues"),
       options: dropdownOptions,
-      value: options,
-      onChange: handleMultiSelectOption,
       onFocus: setFieldActive
     }, otherProps))
   });
@@ -3687,35 +3638,21 @@ var MultiSelectCreate = function MultiSelectCreate(_ref2) {
     required = _ref2$required === void 0 ? false : _ref2$required;
   var _useTranslation2 = reactI18next.useTranslation(),
     t = _useTranslation2.t;
-  var _useField3 = formik.useField(name),
-    _useField4 = _slicedToArray(_useField3, 3),
-    field = _useField4[0],
-    _useField4$ = _useField4[2],
-    setValue = _useField4$.setValue,
-    setTouched = _useField4$.setTouched;
   var _useActiveField2 = useCustomDataStore.useActiveField(name, {
       shouldAutoFocus: shouldAutoFocus
     }),
     ref = _useActiveField2.ref,
     setFieldActive = _useActiveField2.setFieldActive;
-  var selectedOptions = field.value || [];
-  var allOptions = getAllOptions(selectedOptions);
-  var handleMultiSelectOption = function handleMultiSelectOption(options) {
-    setValue(ramda.pluck("value", options));
-    setTouched(true);
-  };
   return /*#__PURE__*/jsxRuntime.jsx(formik$1.Select, {
     name: name,
     required: required,
-    isCreateable: true,
+    isCreatable: true,
     isMulti: true,
     className: "mt-4 w-full",
     "data-testid": "multi-select-create-container",
     innerRef: ref,
     label: t("neetoRules.labels.selectValues"),
     placeholder: t("neetoRules.placeholders.multiSelect"),
-    value: allOptions,
-    onChange: handleMultiSelectOption,
     onFocus: setFieldActive
   });
 };
@@ -3801,8 +3738,7 @@ var RadioField$1 = function RadioField(_ref2) {
     value: field.value
   }, options);
   var searchedOptions = getSearchedOptions$1(options, searchTerm);
-  var handleRadioChange = function handleRadioChange(_ref3) {
-    var value = _ref3.target.value;
+  var handleRadioChange = function handleRadioChange(value) {
     var selectedOption = neetoCist._findBy({
       value: value
     }, options);
@@ -3830,12 +3766,12 @@ var RadioField$1 = function RadioField(_ref2) {
       label: showLabel && t("neetoRules.labels.selectValue"),
       orientation: "vertical",
       value: selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value,
-      onChange: handleRadioChange,
-      onFocus: setFieldActive
+      onFocus: setFieldActive,
+      onValueChange: handleRadioChange
     }, otherProps), {}, {
-      children: searchedOptions.map(function (_ref4) {
-        var label = _ref4.label,
-          value = _ref4.value;
+      children: searchedOptions.map(function (_ref3) {
+        var label = _ref3.label,
+          value = _ref3.value;
         return /*#__PURE__*/react.createElement(neetoAtoms.RadioGroup.Item, {
           label: label,
           value: value,
@@ -3907,7 +3843,6 @@ var SelectField$1 = function SelectField(_ref2) {
     t = _useTranslation2.t;
   var _useField3 = formik.useField(name),
     _useField4 = _slicedToArray(_useField3, 3),
-    field = _useField4[0],
     _useField4$ = _useField4[2],
     setValue = _useField4$.setValue,
     setTouched = _useField4$.setTouched;
@@ -3916,18 +3851,7 @@ var SelectField$1 = function SelectField(_ref2) {
     }),
     ref = _useActiveField2.ref,
     setFieldActive = _useActiveField2.setFieldActive;
-  var selectedOption = react.useMemo(function () {
-    if (field.value && dropdownOptions) {
-      return neetoCist.findBy({
-        value: field.value
-      }, dropdownOptions);
-    }
-    return {
-      label: placeholder || t("neetoRules.labels.selectValue")
-    };
-  }, [field.value, dropdownOptions]);
-  var handleOnChange = function handleOnChange(_ref3) {
-    var value = _ref3.value;
+  var handleOnChange = function handleOnChange(value) {
     handleSelect ? handleSelect(value) : setValue(value);
     setTouched(true);
   };
@@ -3937,7 +3861,6 @@ var SelectField$1 = function SelectField(_ref2) {
     innerRef: ref,
     label: placeholder || t("neetoRules.labels.selectValue"),
     options: dropdownOptions,
-    value: selectedOption,
     onChange: handleOnChange,
     onFocus: setFieldActive
   });
@@ -4651,8 +4574,7 @@ var EventsPanel = function EventsPanel() {
   var handleMultiSelectOption = function handleMultiSelectOption(option) {
     handleOptionChange(option);
   };
-  var handleRadioChange = function handleRadioChange(_ref2) {
-    var value = _ref2.target.value;
+  var handleRadioChange = function handleRadioChange(value) {
     var option = neetoCist.findBy({
       value: value
     }, dropdownOptions);
@@ -4710,7 +4632,7 @@ var EventsPanel = function EventsPanel() {
         children: [neetoCist.isNotEmpty(searchedOptions) ? singleSelect ? /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.RadioGroup, {
           orientation: "vertical",
           value: (eventNames === null || eventNames === void 0 ? void 0 : eventNames[0]) || "",
-          onChange: handleRadioChange,
+          onValueChange: handleRadioChange,
           children: searchedOptions.map(function (option, index) {
             return /*#__PURE__*/react.createElement(neetoAtoms.RadioGroup.Item, _objectSpread$f(_objectSpread$f({}, index === 0 ? {
               ref: ref,