@hybr1d-tech/charizard 1.1.76 → 1.1.78

package/dist/hybr1d-ui.js

@@ -9562,33 +9562,43 @@ 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 = q.useMemo(() => {
-    const s = {};
-    return e.forEach((r) => {
-      const i = r.group || "Ungrouped";
-      s[i] || (s[i] = []), s[i].push(r);
-    }), s;
-  }, [e]), t = q.useMemo(() => {
-    const s = {};
-    return Object.entries(c).forEach(([r, i]) => {
-      const o = i.filter(
-        (u) => u.label.toLowerCase().includes(n.toLowerCase())
+  const [c, t] = q.useState([]), s = q.useRef([]);
+  q.useEffect(() => {
+    JSON.stringify(s.current) !== JSON.stringify(e) && (t(e), s.current = e);
+  }, [e]);
+  const r = q.useCallback(
+    (u) => {
+      const m = typeof u == "function" ? u(c) : u;
+      t(m), l(m), s.current = m;
+    },
+    [l, c]
+  ), i = q.useMemo(() => {
+    const u = {};
+    return c.forEach((m) => {
+      const d = m.group || "Ungrouped";
+      u[d] || (u[d] = []), u[d].push({ ...m });
+    }), u;
+  }, [c]), o = q.useMemo(() => {
+    const u = {};
+    return Object.entries(i).forEach(([m, d]) => {
+      const v = d.filter(
+        (h) => h.label.toLowerCase().includes(n.toLowerCase())
       );
-      o.length > 0 && (s[r] = o);
-    }), s;
-  }, [c, n]);
-  return /* @__PURE__ */ a.jsx(a.Fragment, { children: Object.entries(t).map(([s, r]) => /* @__PURE__ */ a.jsxs("div", { children: [
-    /* @__PURE__ */ a.jsx("h3", { className: e2.groupTitle, children: s }),
-    r.map((i) => /* @__PURE__ */ a.jsx("div", { className: e2.option, children: /* @__PURE__ */ a.jsx(
+      v.length > 0 && (u[m] = v);
+    }), u;
+  }, [i, n]);
+  return /* @__PURE__ */ a.jsx(a.Fragment, { children: Object.entries(o).map(([u, m]) => /* @__PURE__ */ a.jsxs("div", { children: [
+    /* @__PURE__ */ a.jsx("h3", { className: e2.groupTitle, children: u }),
+    m.map((d) => /* @__PURE__ */ a.jsx("div", { className: e2.option, children: /* @__PURE__ */ a.jsx(
       E1,
       {
-        label: i.label,
-        id: i.id,
-        checked: i.checked,
-        setCheckedState: l
+        label: d.label,
+        id: d.id,
+        checked: d.checked,
+        setCheckedState: r
       }
-    ) }, i.id))
-  ] }, s)) });
+    ) }, d.id))
+  ] }, u)) });
 }
 function Fm({
   customColumnConfig: e,