@algorithm-shift/design-system 1.2.92 → 1.2.93

package/dist/index.mjs

@@ -26915,7 +26915,7 @@ var TextInput = ({ className, style, ...props }) => {
     }
   }, []);
   const handleChange = (e) => {
-    props.onChange?.(e);
+    props.onChange?.(e, e.target.name || "");
   };
   return /* @__PURE__ */ jsxs7(Fragment3, { children: [
     /* @__PURE__ */ jsx20(
@@ -26957,7 +26957,7 @@ var NumberInput = ({ className, style, ...props }) => {
     }
   }, []);
   const handleChange = (e) => {
-    props.onChange?.(e);
+    props.onChange?.(e, e.target.name || "");
   };
   return /* @__PURE__ */ jsxs8(Fragment4, { children: [
     /* @__PURE__ */ jsx21("div", { className: "flex justify-start items-center relative", children: /* @__PURE__ */ jsx21(
@@ -27000,7 +27000,7 @@ var EmailInput = ({ className, style, ...props }) => {
     }
   }, []);
   const handleChange = (e) => {
-    props.onChange?.(e);
+    props.onChange?.(e, props.name || "");
   };
   return /* @__PURE__ */ jsxs9(Fragment5, { children: [
     /* @__PURE__ */ jsx22("div", { className: "flex justify-start items-center relative", children: /* @__PURE__ */ jsx22(
@@ -27042,7 +27042,7 @@ var PasswordInput = ({ className, style, ...props }) => {
     }
   }, []);
   const handleChange = (e) => {
-    props.onChange?.(e);
+    props.onChange?.(e, e.target.name || "");
   };
   return /* @__PURE__ */ jsxs10(Fragment6, { children: [
     /* @__PURE__ */ jsx23("div", { className: "flex justify-start items-center relative", children: /* @__PURE__ */ jsx23(
@@ -27103,7 +27103,7 @@ var Textarea2 = ({ className, style, ...props }) => {
     }
   }, []);
   const handleChange = (e) => {
-    props.onChange?.(e);
+    props.onChange?.(e, e.target.name || "");
   };
   return /* @__PURE__ */ jsxs11(Fragment7, { children: [
     /* @__PURE__ */ jsx25(
@@ -27145,7 +27145,7 @@ var UrlInput = ({ className, style, ...props }) => {
     }
   }, []);
   const handleChange = (e) => {
-    props.onChange?.(e);
+    props.onChange?.(e, e.target.name || "");
   };
   return /* @__PURE__ */ jsxs12(Fragment8, { children: [
     /* @__PURE__ */ jsxs12("div", { className: "flex justify-start items-center relative", children: [
@@ -27238,7 +27238,7 @@ var CheckboxInput = ({ className, style, ...props }) => {
     }
   }, []);
   const handleChange = (value) => {
-    props.onChange?.(value);
+    props.onChange?.(value, props.name || "");
   };
   return /* @__PURE__ */ jsxs13(Fragment9, { children: [
     /* @__PURE__ */ jsx29("div", { className, style, children: /* @__PURE__ */ jsxs13("div", { className: "flex items-center space-x-2", children: [
@@ -27325,7 +27325,7 @@ var RadioInput = ({
     }
   }, []);
   const handleChange = (value) => {
-    onChange?.(value);
+    onChange?.(value, props.name || "");
   };
   const resolvedDefaultValue = (typeof defaultValue === "string" ? defaultValue : void 0) ?? options[0]?.value;
   return /* @__PURE__ */ jsxs14(Fragment10, { children: [
@@ -27360,7 +27360,8 @@ var MultiCheckbox = ({
   value: propValue = {},
   onChange,
   isEditable = true,
-  isDisabled = false
+  isDisabled = false,
+  ...props
 }) => {
   const list = Array.isArray(data) ? data : [];
   const [value, setValue] = useState3(propValue);
@@ -27370,14 +27371,14 @@ var MultiCheckbox = ({
   }));
   useEffect11(() => {
     if (propValue !== void 0) {
-      onChange?.(propValue);
+      onChange?.(propValue, props.name || "");
     }
   }, []);
   const handleChange = useCallback(
     (key, checked) => {
       setValue((prev) => {
         const newValue = { ...prev, [key]: checked };
-        onChange?.(newValue);
+        onChange?.(newValue, props.name || "");
         return newValue;
       });
     },
@@ -27491,7 +27492,7 @@ function RichText({ className, style, ...props }) {
     }
   }, []);
   const handleChange = (content) => {
-    props.onChange?.(content);
+    props.onChange?.(content, props.name || "");
   };
   return /* @__PURE__ */ jsxs16(
     "div",
@@ -27764,8 +27765,7 @@ function useLazyDropdown(config) {
   const reset = useCallback2(() => {
     setSearchTerm("");
     setPage(1);
-    loadPage(1, "");
-  }, [loadPage]);
+  }, []);
   useEffect13(() => {
     if (config.initialData?.length) {
       allDataRef.current = config.initialData;
@@ -27858,7 +27858,7 @@ function LazySelectDropdown({
     search(term);
   };
   const handleSelect = (optValue) => {
-    onChange?.(optValue);
+    onChange?.(optValue, id || "");
     setIsOpen(false);
     setSearchTerm("");
     reset();
@@ -27947,7 +27947,7 @@ var Dropdown = ({ className, style, ...props }) => {
     }
   }, []);
   const handleChange = (value) => {
-    props.onChange?.(value);
+    props.onChange?.(value, props.name ?? "");
   };
   const dataKey = props.dataKey || "value";
   const dataLabel = props.dataLabel || "label";
@@ -28042,7 +28042,7 @@ var SwitchToggle = ({ className, style, ...props }) => {
     }
   }, []);
   const handleChange = (value) => {
-    props.onChange?.(value);
+    props.onChange?.(value, props.name || "");
   };
   return /* @__PURE__ */ jsxs20(Fragment13, { children: [
     /* @__PURE__ */ jsx39("div", { className, style, children: /* @__PURE__ */ jsxs20("div", { className: "flex items-center space-x-2 mb-2", children: [
@@ -28077,7 +28077,7 @@ var PhoneInput = ({ className, style, ...props }) => {
     }
   }, []);
   const handleChange = (val) => {
-    props.onChange?.(val);
+    props.onChange?.(val, props.name || "");
   };
   return /* @__PURE__ */ jsxs21(Fragment14, { children: [
     /* @__PURE__ */ jsx40(
@@ -28125,7 +28125,7 @@ var SearchInput = ({ className, style, ...props }) => {
     }
   }, []);
   const handleChange = (e) => {
-    props.onChange?.(e);
+    props.onChange?.(e, e.target.name || "");
   };
   return /* @__PURE__ */ jsxs22(Fragment15, { children: [
     /* @__PURE__ */ jsx41("div", { className: "flex justify-start items-center relative", children: /* @__PURE__ */ jsx41(
@@ -28164,7 +28164,7 @@ var FileInput2 = ({ className, style, ...props }) => {
     }
   }, []);
   const handleChange = (e) => {
-    props.onChange?.(e);
+    props.onChange?.(e, props.name || "");
   };
   return /* @__PURE__ */ jsxs23("div", { className: "d-flex items-center relative align-middle", children: [
     /* @__PURE__ */ jsx42(
@@ -28222,7 +28222,7 @@ function DatePicker({ className, style, ...props }) {
     }
   }, []);
   const handleChange = (e) => {
-    props.onChange?.(e);
+    props.onChange?.(e, e.target.name || "");
   };
   const toDateInputValue = (value) => {
     if (!value) return "";
@@ -28495,7 +28495,7 @@ var DateRange = ({ className, style, ...props }) => {
   const handleChange = (value) => {
     setDate(value);
     if (value) {
-      props.onChange?.(value);
+      props.onChange?.(value, props.name || "");
     }
   };
   return /* @__PURE__ */ jsxs25(Fragment17, { children: [
@@ -28549,7 +28549,7 @@ var TextInputGroup = ({ className, style, prepend, append, ...props }) => {
     }
   }, []);
   const handleChange = (e) => {
-    props.onChange?.(e);
+    props.onChange?.(e, e.target.name || "");
   };
   return /* @__PURE__ */ jsxs26(Fragment18, { children: [
     /* @__PURE__ */ jsxs26(
@@ -28836,12 +28836,13 @@ var MultiSelect = ({
   const [open, setOpen] = React8.useState(false);
   React8.useEffect(() => {
     if (value) {
-      onChange(value);
+      onChange(value, props.name || "");
     }
   }, []);
   const toggleOption = (val) => {
     onChange(
-      value?.includes(val) ? value.filter((v) => v !== val) : [...value || [], val]
+      value?.includes(val) ? value.filter((v) => v !== val) : [...value || [], val],
+      props.name || ""
     );
   };
   const selectedLabels = React8.useMemo(