@hybr1d-tech/charizard 1.1.77 → 1.1.79

package/dist/hybr1d-ui.js

@@ -9562,43 +9562,45 @@ S1.Item = Sm;
 S1.DragHandle = Rm;
 const I2 = "select", $2 = "dropdown-actions", G2 = "select-radio";
 function Gm({ checkedState: e, setCheckedState: l, search: n }) {
-  const [c, t] = q.useState([]);
+  const c = q.useRef([]);
   q.useEffect(() => {
-    t(e);
+    JSON.stringify(c.current) !== JSON.stringify(e) && (c.current = e.map((i) => ({ ...i })));
   }, [e]);
-  const s = q.useMemo(() => {
-    const o = {};
-    return c.forEach((u) => {
-      const m = u.group || "Ungrouped";
-      o[m] || (o[m] = []), o[m].push(u);
-    }), o;
-  }, [c]), r = q.useMemo(() => {
-    const o = {};
-    return Object.entries(s).forEach(([u, m]) => {
-      const d = m.filter(
-        (v) => v.label.toLowerCase().includes(n.toLowerCase())
-      );
-      d.length > 0 && (o[u] = d);
-    }), o;
-  }, [s, n]), i = q.useCallback(
-    (o) => {
-      const u = typeof o == "function" ? o(c) : o;
-      t(u), l(u);
+  const t = q.useCallback(
+    (i) => {
+      const o = i.map((u) => ({ ...u }));
+      return c.current = o, l(o), o;
     },
-    [l, c]
-  );
-  return /* @__PURE__ */ a.jsx(a.Fragment, { children: Object.entries(r).map(([o, u]) => /* @__PURE__ */ a.jsxs("div", { children: [
-    /* @__PURE__ */ a.jsx("h3", { className: e2.groupTitle, children: o }),
-    u.map((m) => /* @__PURE__ */ a.jsx("div", { className: e2.option, children: /* @__PURE__ */ a.jsx(
+    [l]
+  ), s = q.useMemo(() => {
+    const i = {};
+    return e.forEach((o) => {
+      const u = o.group || "Ungrouped";
+      i[u] || (i[u] = []), i[u].push({ ...o });
+    }), i;
+  }, [e]), r = q.useMemo(() => {
+    const i = {};
+    return Object.entries(s).forEach(([o, u]) => {
+      const m = u.filter(
+        (d) => d.label.toLowerCase().includes(n.toLowerCase())
+      );
+      m.length > 0 && (i[o] = m);
+    }), i;
+  }, [s, n]);
+  return /* @__PURE__ */ a.jsx(a.Fragment, { children: Object.entries(r).map(([i, o]) => /* @__PURE__ */ a.jsxs("div", { children: [
+    /* @__PURE__ */ a.jsx("h3", { className: e2.groupTitle, children: i }),
+    o.map((u) => /* @__PURE__ */ a.jsx("div", { className: e2.option, children: /* @__PURE__ */ a.jsx(
       E1,
       {
-        label: m.label,
-        id: m.id,
-        checked: m.checked,
-        setCheckedState: i
+        label: u.label,
+        id: u.id,
+        checked: u.checked,
+        setCheckedState: (m) => {
+          t(typeof m == "function" ? m(e) : m);
+        }
       }
-    ) }, m.id))
-  ] }, o)) });
+    ) }, u.id))
+  ] }, i)) });
 }
 function Fm({
   customColumnConfig: e,