@hybr1d-tech/charizard 1.1.78 → 1.1.80

package/dist/hybr1d-ui.js

@@ -9561,44 +9561,55 @@ function S1({ items: e, onChange: l, renderItem: n }) {
 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([]), 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;
+function Gm({
+  checkedState: e,
+  setCheckedState: l,
+  search: n,
+  table: c
+}) {
+  const t = q.useCallback(
+    (i, o) => {
+      l((u) => {
+        const m = u.map((v) => v.id === i ? { ...v, checked: o } : v), d = c.getColumn(i);
+        return d && d.toggleVisibility(o), 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())
+    [c, 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())
       );
-      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(
+      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: d.label,
-        id: d.id,
-        checked: d.checked,
-        setCheckedState: r
+        label: u.label,
+        id: u.id,
+        checked: u.checked,
+        setCheckedState: (m) => {
+          if (typeof m == "function") {
+            const v = m(e).find((h) => h.id === u.id);
+            v && t(u.id, v.checked);
+          } else {
+            const d = [...m], v = d.findIndex((h) => h.id === u.id);
+            v !== -1 && t(u.id, d[v].checked);
+          }
+        }
       }
-    ) }, d.id))
-  ] }, u)) });
+    ) }, u.id))
+  ] }, i)) });
 }
 function Fm({
   customColumnConfig: e,
@@ -9659,7 +9670,8 @@ function Fm({
         {
           checkedState: d,
           setCheckedState: v,
-          search: h
+          search: h,
+          table: l
         }
       ) : /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
         /* @__PURE__ */ a.jsx("div", { className: e2.option, children: /* @__PURE__ */ a.jsx(