impact-nova 1.7.32 → 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

package/dist/components/ui/nested-list/hooks/useNestedListDragDrop.js

@@ -1,6 +1,6 @@
 import { useCallback as S } from "react";
 import { useSensors as Z, useSensor as V, MouseSensor as $, TouchSensor as E, closestCenter as p } from "@dnd-kit/core";
-import { arrayMove as w } from "@dnd-kit/sortable";
+import { arrayMove as A } from "@dnd-kit/sortable";
 const W = "droppable-", y = /* @__PURE__ */ new Set(["root-frozen", "root-scrollable"]);
 function X(h) {
   if (h.startsWith(W)) {
@@ -65,7 +65,7 @@ const rn = ({
       return null;
     },
     []
-  ), A = S(
+  ), G = S(
     (t, e, o) => t.map((r) => {
       if (r.children && r.children.length > 0) {
         const n = r.children.findIndex(
@@ -74,7 +74,7 @@ const rn = ({
           (i) => i.id === o
         );
         if (n !== -1 && l !== -1) {
-          const i = w(r.children, n, l);
+          const i = A(r.children, n, l);
           return {
             ...r,
             children: i
@@ -82,7 +82,7 @@ const rn = ({
         }
         return {
           ...r,
-          children: A(r.children, e, o)
+          children: G(r.children, e, o)
         };
       }
       return r;
@@ -98,7 +98,7 @@ const rn = ({
         (i) => i.id === e
       );
       if (n !== -1 && l !== -1) {
-        const i = w(
+        const i = A(
           t,
           l,
           n
@@ -112,7 +112,7 @@ const rn = ({
     (t, e, o) => {
       const r = t.findIndex((l) => l.id === e), n = t.findIndex((l) => l.id === o);
       if (r !== -1 && n !== -1) {
-        const l = w(t, r, n);
+        const l = A(t, r, n);
         return u?.(e, o), l;
       }
       return null;
@@ -120,20 +120,20 @@ const rn = ({
     [u]
   ), z = S(
     (t, e, o) => {
-      const r = A(t, e, o);
+      const r = G(t, e, o);
       return u?.(e, o), r;
     },
-    [A, u]
-  ), G = S(
+    [G, u]
+  ), N = S(
     (t, e, o, r = !1) => {
       const n = F(t, e);
       if (!n) return null;
       const l = (s) => s.filter((c) => c.id !== e).map(
         (c) => c.children ? { ...c, children: l(c.children) } : c
-      ).filter((c) => !(c.children && c.children.length === 0 && c.category === "group")), i = F(t, o), f = !n.children || n.children.length === 0, R = i?.children && i.children.length > 0, M = d[o] === !0, _ = f && R && !M, g = (s) => {
+      ).filter((c) => !(c.children && c.children.length === 0 && c.category === "group")), i = F(t, o), f = !n.children || n.children.length === 0, R = i?.children && i.children.length > 0, M = d[o] === !0, w = f && R && !M && r, g = (s) => {
         for (let c = 0; c < s.length; c++) {
           if (s[c].id === o)
-            if (_) {
+            if (w) {
               const L = {
                 ...s[c],
                 children: [n, ...s[c].children || []]
@@ -156,7 +156,7 @@ const rn = ({
       return Y ? (u?.(e, o), O) : null;
     },
     [u, d]
-  ), N = S(
+  ), _ = S(
     (t, e, o) => {
       const r = F(t, e);
       if (!r) return t;
@@ -181,10 +181,10 @@ const rn = ({
         }
         const f = X(i);
         if (f)
-          return N(n, l, f);
-        const R = C(n, l), M = C(n, i), _ = T(n, l), g = T(n, i);
+          return _(n, l, f);
+        const R = C(n, l), M = C(n, i), w = T(n, l), g = T(n, i);
         if (y.has(i) && R !== null && R > 0)
-          return N(n, l, i);
+          return _(n, l, i);
         if (R === 0 && M !== null && M > 0)
           return B(
             n,
@@ -193,7 +193,7 @@ const rn = ({
           ) || n;
         if (R === null || M === null)
           return n;
-        if (R > 0 && M > 0 && _ !== g) {
+        if (R > 0 && M > 0 && w !== g) {
           const P = j(n, l), O = j(n, i);
           if (P && O && P !== O) {
             const a = o.rect.current.translated, b = r.rect;
@@ -202,7 +202,7 @@ const rn = ({
               const Q = a.top + a.height / 2, U = b.top + b.height / 2;
               H = Q > U;
             }
-            return G(n, l, i, H) || n;
+            return N(n, l, i, H) || n;
           }
           const Y = o.rect.current.translated, s = r.rect;
           let c = !1;
@@ -210,7 +210,7 @@ const rn = ({
             const a = Y.top + Y.height / 2, b = s.top + s.height / 2;
             c = a > b;
           }
-          return G(n, l, i, c) || n;
+          return N(n, l, i, c) || n;
         }
         return R === 0 ? k(n, l, i) || n : z(n, l, i);
       });
@@ -221,8 +221,8 @@ const rn = ({
       B,
       k,
       z,
-      G,
       N,
+      _,
       x
     ]
   ), K = S(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "impact-nova",
-  "version": "1.7.32",
+  "version": "1.7.33",
   "description": "Enterprise-grade React design system built with React 19, Vite, Tailwind CSS, and Radix UI. Built-in internationalization (i18n) and comprehensive UI component library for scalable, accessible, and performant applications.",
   "type": "module",
   "main": "./dist/index.js",