@bigbinary/neeto-rules-frontend 2.5.57 → 2.5.58

package/dist/v2/NeetoRulesForm.js

@@ -1361,9 +1361,7 @@ var SelectField$2 = function SelectField(_ref2) {
     t = _useTranslation2.t;
   var _useField3 = 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 = useActiveField(name, {
@@ -1372,19 +1370,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 = findBy({
-    value: field.value
-  }, dropdownOptions) || {
-    label: defaultLabel,
-    value: ""
-  };
-  var handleSelectOption = function handleSelectOption(_ref3) {
-    var _option$value;
-    var value = _ref3.value;
-    var option = 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__*/jsxs("div", {
@@ -1397,7 +1384,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__*/jsx(Button, {
@@ -1928,23 +1914,6 @@ var MultiSelect$1 = function MultiSelect(_ref2) {
     }),
     ref = _useActiveField2.ref,
     setFieldActive = _useActiveField2.setFieldActive;
-  var _useField3 = useField(name),
-    _useField4 = _slicedToArray(_useField3, 3),
-    field = _useField4[0],
-    _useField4$ = _useField4[2],
-    setValue = _useField4$.setValue,
-    setTouched = _useField4$.setTouched;
-  var allOptions = 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(pluck("value", options));
-    setTouched(true);
-  };
   var defaultLabel = (selectedField === null || selectedField === void 0 ? void 0 : selectedField.placeholder) || t("neetoRules.labels.selectValues");
   return /*#__PURE__*/jsx("div", {
     className: "space-y-3",
@@ -1955,8 +1924,6 @@ var MultiSelect$1 = function MultiSelect(_ref2) {
       innerRef: ref,
       label: defaultLabel,
       options: dropdownOptions,
-      value: selectedOptions,
-      onChange: handleSelectOption,
       onFocus: setFieldActive
     })
   });
@@ -3407,25 +3374,11 @@ var MultiSelect = function MultiSelect(_ref2) {
     otherProps = _objectWithoutProperties(_ref2, _excluded$9);
   var _useTranslation2 = useTranslation(),
     t = _useTranslation2.t;
-  var _useField3 = useField(name),
-    _useField4 = _slicedToArray(_useField3, 3),
-    field = _useField4[0],
-    _useField4$ = _useField4[2],
-    setValue = _useField4$.setValue,
-    setTouched = _useField4$.setTouched;
   var _useActiveField2 = 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(pluck("value", options));
-    setTouched(true);
-  };
   return /*#__PURE__*/jsx("div", {
     className: "space-y-3",
     children: /*#__PURE__*/jsx(Select$1, _objectSpread$j({
@@ -3435,8 +3388,6 @@ var MultiSelect = function MultiSelect(_ref2) {
       innerRef: ref,
       label: t("neetoRules.labels.selectValues"),
       options: dropdownOptions,
-      value: options,
-      onChange: handleMultiSelectOption,
       onFocus: setFieldActive
     }, otherProps))
   });
@@ -3666,35 +3617,21 @@ var MultiSelectCreate = function MultiSelectCreate(_ref2) {
     required = _ref2$required === void 0 ? false : _ref2$required;
   var _useTranslation2 = useTranslation(),
     t = _useTranslation2.t;
-  var _useField3 = useField(name),
-    _useField4 = _slicedToArray(_useField3, 3),
-    field = _useField4[0],
-    _useField4$ = _useField4[2],
-    setValue = _useField4$.setValue,
-    setTouched = _useField4$.setTouched;
   var _useActiveField2 = useActiveField(name, {
       shouldAutoFocus: shouldAutoFocus
     }),
     ref = _useActiveField2.ref,
     setFieldActive = _useActiveField2.setFieldActive;
-  var selectedOptions = field.value || [];
-  var allOptions = getAllOptions(selectedOptions);
-  var handleMultiSelectOption = function handleMultiSelectOption(options) {
-    setValue(pluck("value", options));
-    setTouched(true);
-  };
   return /*#__PURE__*/jsx(Select$1, {
     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
   });
 };
@@ -3780,8 +3717,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 = _findBy({
       value: value
     }, options);
@@ -3809,12 +3745,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__*/createElement(RadioGroup$1.Item, {
           label: label,
           value: value,
@@ -3886,7 +3822,6 @@ var SelectField$1 = function SelectField(_ref2) {
     t = _useTranslation2.t;
   var _useField3 = useField(name),
     _useField4 = _slicedToArray(_useField3, 3),
-    field = _useField4[0],
     _useField4$ = _useField4[2],
     setValue = _useField4$.setValue,
     setTouched = _useField4$.setTouched;
@@ -3895,18 +3830,7 @@ var SelectField$1 = function SelectField(_ref2) {
     }),
     ref = _useActiveField2.ref,
     setFieldActive = _useActiveField2.setFieldActive;
-  var selectedOption = useMemo(function () {
-    if (field.value && dropdownOptions) {
-      return 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);
   };
@@ -3916,7 +3840,6 @@ var SelectField$1 = function SelectField(_ref2) {
     innerRef: ref,
     label: placeholder || t("neetoRules.labels.selectValue"),
     options: dropdownOptions,
-    value: selectedOption,
     onChange: handleOnChange,
     onFocus: setFieldActive
   });
@@ -4630,8 +4553,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 = findBy({
       value: value
     }, dropdownOptions);
@@ -4689,7 +4611,7 @@ var EventsPanel = function EventsPanel() {
         children: [isNotEmpty(searchedOptions) ? singleSelect ? /*#__PURE__*/jsx(RadioGroup$1, {
           orientation: "vertical",
           value: (eventNames === null || eventNames === void 0 ? void 0 : eventNames[0]) || "",
-          onChange: handleRadioChange,
+          onValueChange: handleRadioChange,
           children: searchedOptions.map(function (option, index) {
             return /*#__PURE__*/createElement(RadioGroup$1.Item, _objectSpread$f(_objectSpread$f({}, index === 0 ? {
               ref: ref,