@embeddable.com/remarkable-ui 2.0.44 → 2.0.45

package/dist/index.d.ts

@@ -384,6 +384,7 @@ declare const SelectListOption: FC<SelectListOptionProps>;
 type MultiSelectFieldProps = {
     startIcon?: React.ComponentType<IconProps>;
     disabled?: boolean;
+    disableApplyButton?: boolean;
     isClearable?: boolean;
     isLoading?: boolean;
     isSearchable?: boolean;
@@ -394,6 +395,7 @@ type MultiSelectFieldProps = {
     values?: string[];
     avoidCollisions?: boolean;
     onChange: (value: string[]) => void;
+    onPendingChange?: (values: string[]) => void;
     onSearch?: (search: string) => void;
     error?: boolean;
     errorMessage?: string;

package/dist/index.js

@@ -2787,6 +2787,7 @@ var MultiSelectField = ({
   label,
   required,
   disabled,
+  disableApplyButton,
   isClearable,
   isLoading,
   isSearchable,
@@ -2797,6 +2798,7 @@ var MultiSelectField = ({
   values = [],
   avoidCollisions,
   onChange,
+  onPendingChange,
   onSearch,
   error = false,
   errorMessage
@@ -2809,6 +2811,7 @@ var MultiSelectField = ({
   useSelectSearchFocus(isOpen, searchFieldRef);
   useEffect8(() => {
     setPreValues(values);
+    onPendingChange?.(values);
   }, [JSON.stringify(values)]);
   useEffect8(() => {
     if (isLoading) {
@@ -2834,9 +2837,13 @@ var MultiSelectField = ({
     e.preventDefault();
     if (!newValue) return;
     if (preValues.includes(newValue)) {
-      setPreValues(preValues.filter((v) => v !== newValue));
+      const next = preValues.filter((v) => v !== newValue);
+      setPreValues(next);
+      onPendingChange?.(next);
     } else {
-      setPreValues([...preValues, newValue]);
+      const next = [...preValues, newValue];
+      setPreValues(next);
+      onPendingChange?.(next);
     }
   };
   const handleSearch = (newSearch) => {
@@ -2852,6 +2859,7 @@ var MultiSelectField = ({
   const handleClearAll = () => {
     setSearchValue("");
     onSearch?.("");
+    onPendingChange?.([]);
     onChange([]);
   };
   const hasError = error || !!errorMessage;
@@ -2920,7 +2928,7 @@ var MultiSelectField = ({
             Button,
             {
               className: styles23.submitButton,
-              disabled: isSubmitDisabled || isLoading,
+              disabled: isSubmitDisabled || isLoading || disableApplyButton,
               variant: "primary",
               size: "medium",
               onClick: () => handleSave(preValues),