impact-nova 1.7.27 → 1.7.29

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

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

package/dist/i18n/defaultMessages.d.ts

@@ -239,11 +239,15 @@ export interface GridHeaderMessages {
     columnWidth: string;
     autosizeThisColumn: string;
     autosizeAllColumns: string;
+    autosizeAllVisibleColumns: string;
     searchOptions: string;
     advanceSearch: string;
     clickForDetails: string;
     information: string;
     noInformationAvailable: string;
+    columnOptions: string;
+    chooseColumns: string;
+    resetColumns: string;
 }
 export interface ImpactNovaMessages {
     calendar: CalendarMessages;

package/dist/i18n/defaultMessages.js

@@ -80,7 +80,7 @@ const e = {
   dropHere: "Drop here",
   releaseToDrop: "Release to drop",
   dragHere: "Drag here"
-}, r = {
+}, n = {
   frozenColumns: "Frozen Columns",
   scrollableColumns: "Scrollable Columns",
   searchColumnsPlaceholder: "Search columns...",
@@ -135,7 +135,7 @@ const e = {
   toggle: "Toggle",
   more: "More",
   loading: "Loading"
-}, n = {
+}, r = {
   cancel: "Cancel",
   confirm: "Confirm"
 }, c = {
@@ -210,20 +210,24 @@ const e = {
   columnWidth: "Column width",
   autosizeThisColumn: "Autosize This Column",
   autosizeAllColumns: "Autosize All Columns",
+  autosizeAllVisibleColumns: "Autosize All Visible Columns",
   searchOptions: "Search Options",
   advanceSearch: "Advance Search",
   clickForDetails: "Click for details",
   information: "Information",
-  noInformationAvailable: "No information available for this column."
+  noInformationAvailable: "No information available for this column.",
+  columnOptions: "Column Options",
+  chooseColumns: "Choose Columns",
+  resetColumns: "Reset Columns"
 }, v = {
   calendar: e,
   datePicker: t,
   filter: a,
   select: o,
   nestedList: s,
-  dataTable: r,
+  dataTable: n,
   aria: i,
-  prompt: n,
+  prompt: r,
   filterStrip: c,
   filterPanel: d,
   advancedFilter: f,

package/dist/i18n/locales/de.js

@@ -210,6 +210,10 @@ const e = {
     columnWidth: "Spaltenbreite",
     autosizeThisColumn: "Diese Spalte anpassen",
     autosizeAllColumns: "Alle Spalten anpassen",
+    autosizeAllVisibleColumns: "Alle sichtbaren Spalten anpassen",
+    columnOptions: "Spaltenoptionen",
+    chooseColumns: "Spalten auswählen",
+    resetColumns: "Spalten zurücksetzen",
     searchOptions: "Suchoptionen",
     advanceSearch: "Erweiterte Suche",
     clickForDetails: "Klicken für Details",

package/dist/i18n/locales/es.js

@@ -210,6 +210,10 @@ const e = {
     columnWidth: "Ancho de columna",
     autosizeThisColumn: "Ajustar esta columna",
     autosizeAllColumns: "Ajustar todas las columnas",
+    autosizeAllVisibleColumns: "Ajustar todas las columnas visibles",
+    columnOptions: "Opciones de columna",
+    chooseColumns: "Elegir columnas",
+    resetColumns: "Restablecer columnas",
     searchOptions: "Opciones de búsqueda",
     advanceSearch: "Búsqueda avanzada",
     clickForDetails: "Clic para más detalles",

package/dist/i18n/locales/hi.js

@@ -210,6 +210,10 @@ const e = {
     columnWidth: "कॉलम चौड़ाई",
     autosizeThisColumn: "इस कॉलम का आकार स्वचालित करें",
     autosizeAllColumns: "सभी कॉलम का आकार स्वचालित करें",
+    autosizeAllVisibleColumns: "सभी दृश्य कॉलम का आकार स्वचालित करें",
+    columnOptions: "कॉलम विकल्प",
+    chooseColumns: "कॉलम चुनें",
+    resetColumns: "कॉलम रीसेट करें",
     searchOptions: "खोज विकल्प",
     advanceSearch: "उन्नत खोज",
     clickForDetails: "विवरण के लिए क्लिक करें",

package/dist/i18n/locales/kn.js

@@ -210,6 +210,10 @@ const e = {
     columnWidth: "ಕಾಲಮ್ ಅಗಲ",
     autosizeThisColumn: "ಈ ಕಾಲಮ್ ಸ್ವಯಂ-ಗಾತ್ರ",
     autosizeAllColumns: "ಎಲ್ಲಾ ಕಾಲಮ್‌ಗಳು ಸ್ವಯಂ-ಗಾತ್ರ",
+    autosizeAllVisibleColumns: "ಎಲ್ಲಾ ದೃಶ್ಯ ಕಾಲಮ್‌ಗಳನ್ನು ಸ್ವಯಂ-ಗಾತ್ರ ಮಾಡಿ",
+    columnOptions: "ಕಾಲಮ್ ಆಯ್ಕೆಗಳು",
+    chooseColumns: "ಕಾಲಮ್‌ಗಳನ್ನು ಆರಿಸಿ",
+    resetColumns: "ಕಾಲಮ್‌ಗಳನ್ನು ಮರುಹೊಂದಿಸಿ",
     searchOptions: "ಹುಡುಕಾಟ ಆಯ್ಕೆಗಳು",
     advanceSearch: "ಸುಧಾರಿತ ಹುಡುಕಾಟ",
     clickForDetails: "ವಿವರಗಳಿಗಾಗಿ ಕ್ಲಿಕ್ ಮಾಡಿ",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "impact-nova",
-  "version": "1.7.27",
+  "version": "1.7.29",
   "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",