@hybr1d-tech/charizard 1.1.90 → 1.1.91

package/dist/hybr1d-ui.js

@@ -9561,33 +9561,39 @@ function S1({ items: e, onChange: l, renderItem: n }) {
 S1.Item = Sm;
 S1.DragHandle = Rm;
 function Gm({ checkedState: e, setCheckedState: l, search: n }) {
-  const c = g.useMemo(() => {
-    const s = {};
-    return e.forEach((r) => {
-      const i = r.group || "Ungrouped";
-      s[i] || (s[i] = []), s[i].push(r);
-    }), s;
-  }, [e]), t = g.useMemo(() => {
-    const s = {};
-    return Object.entries(c).forEach(([r, i]) => {
-      const o = i.filter(
-        (u) => u.label.toLowerCase().includes(n.toLowerCase())
+  const c = g.useRef([]);
+  g.useEffect(() => {
+    if (!(e != null && e.length)) return;
+    const r = new Set(c.current.map((u) => u.id)), i = new Set(e.map((u) => u.id));
+    (c.current.length !== e.length || ![...i].every((u) => r.has(u))) && (c.current = structuredClone(e));
+  }, [e]);
+  const t = g.useMemo(() => {
+    const r = {};
+    return e.forEach((i) => {
+      const o = i.group || "Ungrouped";
+      r[o] || (r[o] = []), r[o].push(i);
+    }), r;
+  }, [e]), s = g.useMemo(() => {
+    const r = {};
+    return Object.entries(t).forEach(([i, o]) => {
+      const u = o.filter(
+        (m) => m.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: l2.groupTitle, children: s }),
-    r.map((i) => /* @__PURE__ */ a.jsx("div", { className: l2.option, children: /* @__PURE__ */ a.jsx(
+      u.length > 0 && (r[i] = u);
+    }), r;
+  }, [t, n]);
+  return /* @__PURE__ */ a.jsx(a.Fragment, { children: Object.entries(s).map(([r, i]) => /* @__PURE__ */ a.jsxs("div", { children: [
+    /* @__PURE__ */ a.jsx("h3", { className: l2.groupTitle, children: r }),
+    i.map((o) => /* @__PURE__ */ a.jsx("div", { className: l2.option, children: /* @__PURE__ */ a.jsx(
       E1,
       {
-        label: i.label,
-        id: i.id,
-        checked: i.checked,
+        label: o.label,
+        id: o.id,
+        checked: o.checked,
         setCheckedState: l
       }
-    ) }, i.id))
-  ] }, s)) });
+    ) }, o.id))
+  ] }, r)) });
 }
 function Fm({
   customColumnConfig: e,