impact-nova 1.7.31 → 1.7.33

package/dist/components/ui/data-table/data-table-column-list.js

@@ -1,87 +1,85 @@
-import { jsx as x } from "react/jsx-runtime";
-import { useState as N, useRef as C, useCallback as b, useEffect as F } from "react";
-import { useDataTable as X } from "./data-table-context.js";
-import { NestedList as Y } from "../nested-list/nested-list.js";
-import { SelectionMode as Z } from "../types/nested-list.types.js";
-import { mergePartialOrderedColumnState as ee } from "./data-table-column-state.js";
-import { useImpactNovaI18n as te } from "../../../i18n/ImpactNovaI18nContext.js";
-const de = ({
-  enableApplyDiscard: v = !1,
-  showSearch: q = !0,
-  showSelectAll: j = !0,
-  showCollapse: K = !0
+import { jsx as w } from "react/jsx-runtime";
+import { useState as A, useRef as _, useCallback as k, useEffect as F } from "react";
+import { useDataTable as J } from "./data-table-context.js";
+import { NestedList as Q } from "../nested-list/nested-list.js";
+import { SelectionMode as X } from "../types/nested-list.types.js";
+import { mergePartialOrderedColumnState as Z } from "./data-table-column-state.js";
+import { useImpactNovaI18n as ee } from "../../../i18n/ImpactNovaI18nContext.js";
+const te = 300, M = 100, de = ({
+  enableApplyDiscard: R = !1,
+  showSearch: U = !0,
+  showSelectAll: q = !0,
+  showCollapse: W = !0
 }) => {
-  const { gridApi: l } = X(), { t: p } = te(), [V, w] = N([]), [W, B] = N(!1), f = C(!1), T = C(null), y = C(0), z = C({}), [O, P] = N(!1), L = C(/* @__PURE__ */ new Map()), g = b(() => {
-    if (!l || f.current) return;
-    const r = l.getColumnState(), s = new Map(r.map((t) => [t.colId, t]));
-    L.current = s;
-    const c = l.getColumns() || [], i = new Map(c.map((t) => [t.getColId(), t])), n = [], e = [], k = /* @__PURE__ */ new Map(), D = /* @__PURE__ */ new Map(), J = (t, a) => {
-      const o = t.getGroupId(), u = `${o}::${a === n ? "f" : "s"}`, d = k.get(u);
-      if (d && d.list === a && a[a.length - 1] === d.node)
-        return d.node;
-      const m = D.get(u) || 0;
-      D.set(u, m + 1);
-      const I = t.getColGroupDef(), h = a === n ? "f" : "s", R = {
-        id: m === 0 ? `${o}__${h}` : `${o}__${h}__${m}`,
-        label: I?.headerName || o,
+  const { gridApi: e } = J(), { t: T } = ee(), [K, O] = A([]), [V, B] = A(!1), v = _(!1), x = _(null), E = _(0), z = _({}), [L, $] = A(!1), D = k(() => {
+    if (!e || v.current) return;
+    const r = e.getColumnState(), u = e.getColumns() || [], c = new Map(u.map((t) => [t.getColId(), t])), a = [], i = [], l = /* @__PURE__ */ new Map(), h = /* @__PURE__ */ new Map(), g = (t, o) => {
+      const n = t.getGroupId(), d = `${n}::${o === a ? "f" : "s"}`, p = l.get(d);
+      if (p && p.list === o && o[o.length - 1] === p.node)
+        return p.node;
+      const S = h.get(d) || 0;
+      h.set(d, S + 1);
+      const G = t.getColGroupDef(), y = o === a ? "f" : "s", N = {
+        id: S === 0 ? `${n}__${y}` : `${n}__${y}__${S}`,
+        label: G?.headerName || n,
         checked: !0,
         children: [],
         category: "group"
       };
-      return a.push(R), k.set(u, { list: a, node: R }), R;
+      return o.push(N), l.set(d, { list: o, node: N }), N;
     };
-    let E = 0, $ = 0, G = 0, A = 0;
+    let f = 0, C = 0, m = 0, s = 0;
     r.forEach((t) => {
-      const a = i.get(t.colId);
-      if (!a) return;
-      let o = l.getDisplayNameForColumn(a, "header");
-      if (o === "") return;
-      if (o == null) {
-        const h = a.getColDef();
-        if (h.headerName === "") return;
-        o = h.headerName || h.field || t.colId;
+      const o = c.get(t.colId);
+      if (!o) return;
+      let n = e.getDisplayNameForColumn(o, "header");
+      if (n === "") return;
+      if (n == null) {
+        const y = o.getColDef();
+        if (y.headerName === "") return;
+        n = y.headerName || y.field || t.colId;
       }
-      if (!o || o.trim() === "")
+      if (!n || n.trim() === "")
         return;
-      const u = !t.hide, d = {
+      const d = !t.hide, p = {
         id: t.colId,
-        label: o,
-        checked: u
+        label: n,
+        checked: d
       };
-      t.pinned ? (E++, u && $++) : (G++, u && A++);
-      const m = t.pinned ? n : e, I = a.getOriginalParent();
-      I?.getColGroupDef()?.children ? J(I, m).children.push(d) : m.push(d);
+      t.pinned ? (f++, d && C++) : (m++, d && s++);
+      const S = t.pinned ? a : i, G = o.getOriginalParent();
+      G?.getColGroupDef()?.children ? g(G, S).children.push(p) : S.push(p);
     });
-    const M = (t) => {
-      let a = t.length > 0;
-      for (const o of t)
-        o.children && (o.checked = M(o.children)), o.checked || (a = !1);
-      return a;
+    const I = (t) => {
+      let o = t.length > 0;
+      for (const n of t)
+        n.children && (n.checked = I(n.children)), n.checked || (o = !1);
+      return o;
     };
-    M(n), M(e);
-    const Q = [
+    I(a), I(i);
+    const b = [
       {
         id: "root-frozen",
-        label: p("dataTable.frozenColumns"),
-        checked: E > 0 && $ === E,
-        children: n,
+        label: T("dataTable.frozenColumns"),
+        checked: f > 0 && C === f,
+        children: a,
         category: "structure",
         isDragDisabled: !0
       },
       {
         id: "root-scrollable",
-        label: p("dataTable.scrollableColumns"),
-        checked: G > 0 && A === G,
-        children: e,
+        label: T("dataTable.scrollableColumns"),
+        checked: m > 0 && s === m,
+        children: i,
         category: "structure",
         isDragDisabled: !0
       }
     ];
-    w(Q), B(!0);
-  }, [l, p]);
+    O(b), B(!0);
+  }, [e, T]);
   F(() => {
-    if (!l) return;
-    const r = setTimeout(() => g(), 0), s = [
+    if (!e) return;
+    const r = setTimeout(() => D(), 0), u = [
       "columnVisible",
       "columnPinned",
       "columnMoved",
@@ -96,89 +94,111 @@ const de = ({
       "displayedColumnsChanged"
     ];
     let c = null;
-    const i = () => {
+    const a = () => {
       c && clearTimeout(c), c = setTimeout(() => {
-        c = null;
-        const n = !f.current;
-        f.current = !1, g(), n && P((e) => !e);
+        c = null, !v.current && (D(), $((i) => !i));
       }, 150);
     };
-    return l.isDestroyed() || s.forEach((n) => l.addEventListener(n, i)), () => {
-      clearTimeout(r), c && clearTimeout(c), l.isDestroyed() || s.forEach((n) => l.removeEventListener(n, i));
+    return e.isDestroyed() || u.forEach((i) => e.addEventListener(i, a)), () => {
+      clearTimeout(r), c && clearTimeout(c), e.isDestroyed() || u.forEach((i) => e.removeEventListener(i, a));
     };
-  }, [l, g]), F(() => {
-    if (y.current === 0) return;
+  }, [e, D]), F(() => {
+    if (E.current === 0) return;
     const r = requestAnimationFrame(() => {
-      const s = T.current?.querySelector('[data-component="nested-list"] .overflow-y-auto');
-      s && (s.scrollTop = y.current, y.current = 0);
+      const u = x.current?.querySelector('[data-component="nested-list"] .overflow-y-auto');
+      u && (u.scrollTop = E.current, E.current = 0);
     });
     return () => cancelAnimationFrame(r);
-  }, [O]);
-  const _ = b((r) => {
-    const s = [], c = (i, n) => {
-      i.forEach((e) => {
-        if (e.id === "root-frozen") {
-          e.children && c(e.children, "left");
+  }, [L]);
+  const j = k((r) => {
+    const u = [], c = (a, i) => {
+      a.forEach((l) => {
+        if (l.id === "root-frozen") {
+          l.children && c(l.children, "left");
           return;
         }
-        if (e.id === "root-scrollable") {
-          e.children && c(e.children, null);
+        if (l.id === "root-scrollable") {
+          l.children && c(l.children, null);
           return;
         }
-        e.category === "group" || e.children && e.children.length > 0 ? e.children && c(e.children, n) : l?.getColumn(e.id) && s.push({
-          colId: e.id,
-          pinned: n,
-          hide: !e.checked
+        l.category === "group" || l.children && l.children.length > 0 ? l.children && c(l.children, i) : e?.getColumn(l.id) && u.push({
+          colId: l.id,
+          pinned: i,
+          hide: !l.checked
         });
       });
     };
-    return c(r, null), s;
-  }, [l]), S = b((r) => {
-    if (!l) return;
-    f.current = !0;
-    const s = _(r);
-    if (s.length === 0) {
+    return c(r, null), u;
+  }, [e]), P = k((r) => {
+    if (!e) return;
+    v.current = !0;
+    const u = j(r);
+    if (u.length === 0) {
       setTimeout(() => {
-        f.current = !1;
-      }, 300);
+        v.current = !1;
+      }, M);
       return;
     }
-    const c = l.getColumnState(), i = ee(c, s);
-    l.applyColumnState({
-      state: i,
-      applyOrder: !0
-    }), setTimeout(() => {
-      f.current = !1;
-      const n = T.current?.querySelector('[data-component="nested-list"] .overflow-y-auto');
-      n && (y.current = n.scrollTop), g(), P((e) => !e);
-    }, 300);
-  }, [l, _, g]), U = b((r) => {
-    S(r);
-  }, [S]), H = b((r) => {
-    v || S(r), w(r);
-  }, [v, S]);
-  return W ? /* @__PURE__ */ x("div", { ref: T, className: "flex flex-col h-full bg-canvas-elevated", children: /* @__PURE__ */ x(
-    Y,
+    const c = e.getColumnState(), a = Z(c, u), i = new Set(c.filter((s) => s.pinned).map((s) => s.colId)), l = a.filter((s) => s.pinned && !i.has(s.colId)), h = new Set(l.map((s) => s.colId));
+    e.applyColumnState({ state: a, applyOrder: !0 });
+    const g = () => {
+      v.current = !1;
+      const s = x.current?.querySelector('[data-component="nested-list"] .overflow-y-auto');
+      s && (E.current = s.scrollTop), D(), $((I) => !I);
+    };
+    if (h.size === 0) {
+      setTimeout(g, M);
+      return;
+    }
+    let f = !1, C = null;
+    const m = () => {
+      if (f || e.isDestroyed()) return;
+      const s = e.getColumnState();
+      if (l.filter((b) => {
+        const t = s.find((o) => o.colId === b.colId);
+        return t && !t.pinned;
+      }).length > 0) {
+        f = !0, C && clearTimeout(C), e.removeEventListener("columnPinned", m);
+        const b = a.filter((t) => t.pinned && !h.has(t.colId));
+        if (b.length > 0) {
+          const t = b[0], o = a.map(
+            (n) => n.colId === t.colId ? { ...n, pinned: null } : n
+          );
+          e.applyColumnState({ state: o, applyOrder: !0 });
+        }
+        setTimeout(g, M);
+      }
+    };
+    e.addEventListener("columnPinned", m), C = setTimeout(() => {
+      e.removeEventListener("columnPinned", m), f || g();
+    }, te);
+  }, [e, j, D]), Y = k((r) => {
+    P(r);
+  }, [P]), H = k((r) => {
+    R || P(r), O(r);
+  }, [R, P]);
+  return V ? /* @__PURE__ */ w("div", { ref: x, className: "flex flex-col h-full bg-canvas-elevated", children: /* @__PURE__ */ w(
+    Q,
     {
-      items: V,
+      items: K,
       onChange: H,
-      onSubmit: U,
-      enableApplyDiscard: v,
-      enableSearch: q,
-      enableSelectAll: j,
+      onSubmit: Y,
+      enableApplyDiscard: R,
+      enableSearch: U,
+      enableSelectAll: q,
       enableDragDrop: !0,
       enableCollapse: !0,
-      enableGlobalCollapse: K,
-      selectionMode: Z.CASCADE_DOWN,
-      searchPlaceholder: p("dataTable.searchColumnsPlaceholder"),
+      enableGlobalCollapse: W,
+      selectionMode: X.CASCADE_DOWN,
+      searchPlaceholder: T("dataTable.searchColumnsPlaceholder"),
       className: "h-full",
       initialCollapsedItems: z.current,
       onCollapseChange: (r) => {
         z.current = r;
       }
     },
-    O ? "sync-a" : "sync-b"
-  ) }) : /* @__PURE__ */ x("div", { className: "p-4 text-[13px] text-content-placeholder", children: p("dataTable.loadingColumns") });
+    L ? "sync-a" : "sync-b"
+  ) }) : /* @__PURE__ */ w("div", { className: "p-4 text-[13px] text-content-placeholder", children: T("dataTable.loadingColumns") });
 };
 export {
   de as DataTableColumnList