impact-nova 1.7.38 → 1.7.40

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

@@ -1,106 +1,114 @@
-import { jsx as U } from "react/jsx-runtime";
-import { useState as j, useRef as R, useCallback as L, useEffect as B } from "react";
-import { useDataTable as ee } from "./data-table-context.js";
-import { NestedList as te } from "../nested-list/nested-list.js";
-import { SelectionMode as ne } from "../types/nested-list.types.js";
-import { mergePartialOrderedColumnState as le } from "./data-table-column-state.js";
-import { useImpactNovaI18n as oe } from "../../../i18n/ImpactNovaI18nContext.js";
-function re(v) {
-  const T = [];
-  let h = v.getOriginalParent();
-  for (; h; ) {
-    const M = h.getColGroupDef();
-    M?.headerName && M?.children && T.push(h), h = h.getOriginalParent();
+import { jsxs as ce, jsx as y } from "react/jsx-runtime";
+import { useState as W, useRef as R, useCallback as g, useEffect as J } from "react";
+import { useDataTable as se } from "./data-table-context.js";
+import { NestedList as ae } from "../nested-list/nested-list.js";
+import { SelectionMode as de } from "../types/nested-list.types.js";
+import { mergePartialOrderedColumnState as ue } from "./data-table-column-state.js";
+import { PinSwitch as fe } from "./pin-switch.js";
+import { ColumnIndicator as Q } from "./column-indicator.js";
+import { IndicatorLegend as pe } from "./indicator-legend.js";
+import { useImpactNovaI18n as he } from "../../../i18n/ImpactNovaI18nContext.js";
+function me(E) {
+  const P = [];
+  let C = E.getOriginalParent();
+  for (; C; ) {
+    const w = C.getColGroupDef();
+    w?.headerName && w?.children && P.push(C), C = C.getOriginalParent();
   }
-  return T.reverse(), T;
+  return P.reverse(), P;
 }
-const ce = 300, q = 100, he = ({
-  enableApplyDiscard: v = !1,
-  showSearch: T = !0,
-  showSelectAll: h = !0,
-  showCollapse: M = !0
+const ge = 300, K = 100, Ee = ({
+  enableApplyDiscard: E = !1,
+  showSearch: P = !0,
+  showSelectAll: C = !0,
+  showCollapse: w = !0
 }) => {
-  const { gridApi: e } = ee(), { t: D } = oe(), [Y, F] = j([]), [H, J] = j(!1), k = R(!1), z = R(null), x = R(0), W = R({}), [K, Q] = j(!1), E = L(() => {
-    if (!e || k.current) return;
-    const r = e.getColumnState(), u = e.getColumns() || [], c = new Map(u.map((l) => [l.getColId(), l])), i = [], s = [], t = /* @__PURE__ */ new Map(), S = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new Map();
-    f.set(i, "f"), f.set(s, "s");
-    let P = 0;
-    const G = (l) => {
-      let n = f.get(l);
-      return n === void 0 && (n = `n${P++}`, f.set(l, n)), n;
-    }, N = (l, n) => {
-      const o = l.getGroupId(), C = G(n), I = `${o}::${C}`, b = t.get(I);
-      if (b && b.list === n && n[n.length - 1] === b.node)
-        return b.node;
-      const y = S.get(I) || 0;
-      S.set(I, y + 1);
-      const p = l.getColGroupDef(), w = {
-        id: y === 0 ? `${o}__${C}` : `${o}__${C}__${y}`,
-        label: p?.headerName || o,
+  const { gridApi: n } = se(), { t: L } = he(), [X, F] = W([]), [Z, ee] = W(!1), N = R(!1), $ = R(null), M = R(0), V = R({}), [B, te] = W(!1), x = g(() => {
+    if (!n || N.current) return;
+    const r = n.getColumnState(), i = n.getColumns() || [], t = new Map(i.map((o) => [o.getColId(), o])), s = [], l = [], e = /* @__PURE__ */ new Map(), v = /* @__PURE__ */ new Map(), f = /* @__PURE__ */ new Map();
+    f.set(s, "f"), f.set(l, "s");
+    let p = 0;
+    const T = (o) => {
+      let c = f.get(o);
+      return c === void 0 && (c = `n${p++}`, f.set(o, c)), c;
+    }, h = (o, c) => {
+      const a = o.getGroupId(), S = T(c), D = `${a}::${S}`, k = e.get(D);
+      if (k && k.list === c && c[c.length - 1] === k.node)
+        return k.node;
+      const _ = v.get(D) || 0;
+      v.set(D, _ + 1);
+      const O = o.getColGroupDef(), A = {
+        id: _ === 0 ? `${a}__${S}` : `${a}__${S}__${_}`,
+        label: O?.headerName || a,
         checked: !0,
         children: [],
         category: "group"
       };
-      return n.push(w), t.set(I, { list: n, node: w }), w;
+      return c.push(A), e.set(D, { list: c, node: A }), A;
     };
-    let a = 0, $ = 0, m = 0, d = 0;
-    r.forEach((l) => {
-      const n = c.get(l.colId);
-      if (!n) return;
-      let o = e.getDisplayNameForColumn(n, "header");
-      if (o === "") return;
-      if (o == null) {
-        const p = n.getColDef();
-        if (p.headerName === "") return;
-        o = p.headerName || p.field || l.colId;
+    let d = 0, j = 0, m = 0, u = 0;
+    r.forEach((o) => {
+      const c = t.get(o.colId);
+      if (!c) return;
+      let a = n.getDisplayNameForColumn(c, "header");
+      if (a === "") return;
+      if (a == null) {
+        const b = c.getColDef();
+        if (b.headerName === "") return;
+        a = b.headerName || b.field || o.colId;
       }
-      if (!o || o.trim() === "")
+      if (!a || a.trim() === "")
         return;
-      const C = !l.hide, I = {
-        id: l.colId,
-        label: o,
-        checked: C
+      const S = !o.hide, D = !!o.sort, k = c.isFilterActive(), _ = o.pinned === "left" ? "left" : o.pinned === "right" ? "right" : null, O = {
+        id: o.colId,
+        label: a,
+        checked: S,
+        data: {
+          hasSortApplied: D,
+          hasFilterApplied: k,
+          pinned: _
+        }
       };
-      l.pinned ? (a++, C && $++) : (m++, C && d++);
-      const b = l.pinned ? i : s, y = re(n);
-      if (y.length > 0) {
-        let p = b, O = null;
-        for (const w of y)
-          O = N(w, p), p = O.children;
-        O.children.push(I);
+      o.pinned ? (d++, S && j++) : (m++, S && u++);
+      const U = o.pinned ? s : l, A = me(c);
+      if (A.length > 0) {
+        let b = U, q = null;
+        for (const ie of A)
+          q = h(ie, b), b = q.children;
+        q.children.push(O);
       } else
-        b.push(I);
+        U.push(O);
     });
-    const g = (l) => {
-      let n = l.length > 0;
-      for (const o of l)
-        o.children && (o.checked = g(o.children)), o.checked || (n = !1);
-      return n;
+    const I = (o) => {
+      let c = o.length > 0;
+      for (const a of o)
+        a.children && (a.checked = I(a.children)), a.checked || (c = !1);
+      return c;
     };
-    g(i), g(s);
-    const _ = [
+    I(s), I(l);
+    const G = [
       {
         id: "root-frozen",
-        label: D("dataTable.frozenColumns"),
-        checked: a > 0 && $ === a,
-        children: i,
+        label: L("dataTable.frozenColumns"),
+        checked: d > 0 && j === d,
+        children: s,
         category: "structure",
         isDragDisabled: !0
       },
       {
         id: "root-scrollable",
-        label: D("dataTable.scrollableColumns"),
-        checked: m > 0 && d === m,
-        children: s,
+        label: L("dataTable.scrollableColumns"),
+        checked: m > 0 && u === m,
+        children: l,
         category: "structure",
         isDragDisabled: !0
       }
     ];
-    F(_), J(!0);
-  }, [e, D]);
-  B(() => {
-    if (!e) return;
-    const r = setTimeout(() => E(), 0), u = [
+    F(G), ee(!0);
+  }, [n, L]);
+  J(() => {
+    if (!n) return;
+    const r = setTimeout(() => x(), 0), i = [
       "columnVisible",
       "columnPinned",
       "columnMoved",
@@ -112,115 +120,163 @@ const ce = 300, q = 100, he = ({
       "columnEverythingChanged",
       "dragStopped",
       "columnValueChanged",
-      "displayedColumnsChanged"
+      "displayedColumnsChanged",
+      "sortChanged",
+      "filterChanged"
     ];
-    let c = null;
-    const i = () => {
-      c && clearTimeout(c), c = setTimeout(() => {
-        if (c = null, k.current) return;
-        const s = z.current?.querySelector('[data-component="nested-list"] .overflow-y-auto');
-        s && (x.current = s.scrollTop), E(), Q((t) => !t);
+    let t = null;
+    const s = () => {
+      t && clearTimeout(t), t = setTimeout(() => {
+        if (t = null, N.current) return;
+        const l = $.current?.querySelector('[data-component="nested-list"] .overflow-y-auto');
+        l && (M.current = l.scrollTop), x(), te((e) => !e);
       }, 150);
     };
-    return e.isDestroyed() || u.forEach((s) => e.addEventListener(s, i)), () => {
-      clearTimeout(r), c && clearTimeout(c), e.isDestroyed() || u.forEach((s) => e.removeEventListener(s, i));
+    return n.isDestroyed() || i.forEach((l) => n.addEventListener(l, s)), () => {
+      clearTimeout(r), t && clearTimeout(t), n.isDestroyed() || i.forEach((l) => n.removeEventListener(l, s));
     };
-  }, [e, E]), B(() => {
-    if (x.current === 0) return;
+  }, [n, x]), J(() => {
+    if (M.current === 0) return;
     const r = requestAnimationFrame(() => {
-      const u = z.current?.querySelector('[data-component="nested-list"] .overflow-y-auto');
-      u && (u.scrollTop = x.current, x.current = 0);
+      const i = $.current?.querySelector('[data-component="nested-list"] .overflow-y-auto');
+      i && (i.scrollTop = M.current, M.current = 0);
     });
     return () => cancelAnimationFrame(r);
-  }, [K]);
-  const V = L((r) => {
-    const u = [], c = (i, s) => {
-      i.forEach((t) => {
-        if (t.id === "root-frozen") {
-          t.children && c(t.children, "left");
+  }, [B]);
+  const Y = g((r) => {
+    const i = [], t = (s, l) => {
+      s.forEach((e) => {
+        if (e.id === "root-frozen") {
+          e.children && t(e.children, "left");
           return;
         }
-        if (t.id === "root-scrollable") {
-          t.children && c(t.children, null);
+        if (e.id === "root-scrollable") {
+          e.children && t(e.children, null);
           return;
         }
-        t.category === "group" || t.children && t.children.length > 0 ? t.children && c(t.children, s) : e?.getColumn(t.id) && u.push({
-          colId: t.id,
-          pinned: s,
-          hide: !t.checked
-        });
+        if (e.category === "group" || e.children && e.children.length > 0)
+          e.children && t(e.children, l);
+        else if (n?.getColumn(e.id)) {
+          let p;
+          if (l === null)
+            p = null;
+          else {
+            const h = e.data?.pinned;
+            p = h === "left" || h === "right" ? h : l;
+          }
+          i.push({
+            colId: e.id,
+            pinned: p,
+            hide: !e.checked
+          });
+        }
       });
     };
-    return c(r, null), u;
-  }, [e]), A = L((r) => {
-    if (!e) return;
-    k.current = !0;
-    const u = V(r);
-    if (u.length === 0) {
+    return t(r, null), i;
+  }, [n]), z = g((r) => {
+    if (!n) return;
+    N.current = !0;
+    const i = Y(r);
+    if (i.length === 0) {
       setTimeout(() => {
-        k.current = !1;
-      }, q);
+        N.current = !1;
+      }, K);
       return;
     }
-    const c = e.getColumnState(), i = le(c, u), s = new Set(c.filter((a) => a.pinned).map((a) => a.colId)), t = i.filter((a) => a.pinned && !s.has(a.colId)), S = new Set(t.map((a) => a.colId));
-    e.applyColumnState({ state: i, applyOrder: !0 });
+    const t = n.getColumnState(), s = ue(t, i), l = new Set(t.filter((d) => d.pinned).map((d) => d.colId)), e = s.filter((d) => d.pinned && !l.has(d.colId)), v = new Set(e.map((d) => d.colId));
+    n.applyColumnState({ state: s, applyOrder: !0 });
     const f = () => {
-      k.current = !1, E();
+      N.current = !1, x();
     };
-    if (S.size === 0) {
-      setTimeout(f, q);
+    if (v.size === 0) {
+      setTimeout(f, K);
       return;
     }
-    let P = !1, G = null;
-    const N = () => {
-      if (P || e.isDestroyed()) return;
-      const a = e.getColumnState();
-      if (t.filter((m) => {
-        const d = a.find((g) => g.colId === m.colId);
-        return d && !d.pinned;
+    let p = !1, T = null;
+    const h = () => {
+      if (p || n.isDestroyed()) return;
+      const d = n.getColumnState();
+      if (e.filter((m) => {
+        const u = d.find((I) => I.colId === m.colId);
+        return u && !u.pinned;
       }).length > 0) {
-        P = !0, G && clearTimeout(G), e.removeEventListener("columnPinned", N);
-        const m = i.filter((d) => d.pinned && !S.has(d.colId));
+        p = !0, T && clearTimeout(T), n.removeEventListener("columnPinned", h);
+        const m = s.filter((u) => u.pinned && !v.has(u.colId));
         if (m.length > 0) {
-          const d = m[0], g = i.map(
-            (_) => _.colId === d.colId ? { ..._, pinned: null } : _
+          const u = m[0], I = s.map(
+            (G) => G.colId === u.colId ? { ...G, pinned: null } : G
           );
-          e.applyColumnState({ state: g, applyOrder: !0 });
+          n.applyColumnState({ state: I, applyOrder: !0 });
         }
-        setTimeout(f, q);
+        setTimeout(f, K);
       }
     };
-    e.addEventListener("columnPinned", N), G = setTimeout(() => {
-      e.removeEventListener("columnPinned", N), P || f();
-    }, ce);
-  }, [e, V, E]), X = L((r) => {
-    A(r);
-  }, [A]), Z = L((r) => {
-    v || A(r), F(r);
-  }, [v, A]);
-  return H ? /* @__PURE__ */ U("div", { ref: z, className: "flex flex-col h-full bg-canvas-elevated", children: /* @__PURE__ */ U(
-    te,
+    n.addEventListener("columnPinned", h), T = setTimeout(() => {
+      n.removeEventListener("columnPinned", h), p || f();
+    }, ge);
+  }, [n, Y, x]), ne = g((r) => {
+    z(r);
+  }, [z]), re = g((r) => {
+    E || z(r), F(r);
+  }, [E, z]), H = g((r, i) => {
+    F((t) => {
+      const s = (l) => l.map((e) => e.id === r ? {
+        ...e,
+        data: {
+          ...e.data,
+          pinned: i
+        }
+      } : e.children ? {
+        ...e,
+        children: s(e.children)
+      } : e);
+      return s(t);
+    }), n && n.applyColumnState({
+      state: [{ colId: r, pinned: i }]
+    });
+  }, [n]), le = g((r, i) => {
+    if (!i.isLeaf) return null;
+    const t = r.data;
+    return !t?.hasSortApplied && !t?.hasFilterApplied ? null : /* @__PURE__ */ ce("span", { className: "inline-flex items-center gap-1 ml-1.5 shrink-0", children: [
+      t?.hasSortApplied && /* @__PURE__ */ y(Q, { type: "sort" }),
+      t?.hasFilterApplied && /* @__PURE__ */ y(Q, { type: "filter" })
+    ] });
+  }, []), oe = g((r, i) => {
+    const t = r.data;
+    return r.category === "structure" ? r.id !== "root-frozen" ? null : /* @__PURE__ */ y(pe, {}) : !i.isLeaf || !(t?.pinned === "left" || t?.pinned === "right") ? null : /* @__PURE__ */ y(
+      fe,
+      {
+        value: t?.pinned ?? null,
+        onChange: (l) => H(r.id, l),
+        className: "shrink-0"
+      }
+    );
+  }, [H]);
+  return Z ? /* @__PURE__ */ y("div", { ref: $, className: "flex flex-col h-full bg-canvas-elevated", children: /* @__PURE__ */ y(
+    ae,
     {
-      items: Y,
-      onChange: Z,
-      onSubmit: X,
-      enableApplyDiscard: v,
-      enableSearch: T,
-      enableSelectAll: h,
+      items: X,
+      onChange: re,
+      onSubmit: ne,
+      renderLabelExtras: le,
+      renderActions: oe,
+      enableApplyDiscard: E,
+      enableSearch: P,
+      enableSelectAll: C,
       enableDragDrop: !0,
       enableCollapse: !0,
-      enableGlobalCollapse: M,
-      selectionMode: ne.CASCADE_DOWN,
-      searchPlaceholder: D("dataTable.searchColumnsPlaceholder"),
+      enableGlobalCollapse: w,
+      selectionMode: de.CASCADE_DOWN,
+      searchPlaceholder: L("dataTable.searchColumnsPlaceholder"),
       className: "h-full",
-      initialCollapsedItems: W.current,
+      initialCollapsedItems: V.current,
       onCollapseChange: (r) => {
-        W.current = r;
+        V.current = r;
       }
     },
-    K ? "sync-a" : "sync-b"
-  ) }) : /* @__PURE__ */ U("div", { className: "p-4 text-[13px] text-content-placeholder", children: D("dataTable.loadingColumns") });
+    B ? "sync-a" : "sync-b"
+  ) }) : /* @__PURE__ */ y("div", { className: "p-4 text-[13px] text-content-placeholder", children: L("dataTable.loadingColumns") });
 };
 export {
-  he as DataTableColumnList
+  Ee as DataTableColumnList
 };

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

@@ -1,21 +1,21 @@
-import { jsx as i, jsxs as D } from "react/jsx-runtime";
-import { useState as l, useRef as O, useCallback as H, useMemo as b, useEffect as y, memo as E } from "react";
-import { AgGridWrapper as F } from "../ag-grid-react/index.js";
-import { cn as _ } from "../../../lib/utils.js";
-import { DataTableContext as N, DataTableSheetPortalContext as M, useDataTable as z, useDataTableSheetPortal as I } from "./data-table-context.js";
-import { DATA_TABLE_SCOPED_SHEET_HOST_MIN_HEIGHT_PX as j } from "./data-table-constants.js";
+import { jsx as i, jsxs as E } from "react/jsx-runtime";
+import { useState as l, useRef as F, useCallback as _, useMemo as S, useEffect as A, memo as N } from "react";
+import { AgGridWrapper as M } from "../ag-grid-react/index.js";
+import { cn as y } from "../../../lib/utils.js";
+import { DataTableContext as z, DataTableSheetPortalContext as I, useDataTable as j, useDataTableSheetPortal as P } from "./data-table-context.js";
+import { DATA_TABLE_SCOPED_SHEET_HOST_MIN_HEIGHT_PX as R } from "./data-table-constants.js";
 import { AG_GRID_VALUE_FORMATTERS as k } from "../ag-grid-react/value-formatters.js";
-const w = {
+const C = {
   default: 46,
   compact: 30,
   comfort: 52
-}, P = (o) => {
+}, G = (o) => {
   if (o)
     return o.map((e) => {
       if ("children" in e && e.children)
         return {
           ...e,
-          children: P(e.children)
+          children: G(e.children)
         };
       const t = e;
       return !t.valueFormatter && (t.type === "numericColumn" || t.type === "number") ? {
@@ -27,65 +27,65 @@ const w = {
   children: o,
   className: e
 }) => {
-  const [t, r] = l(null), [n, p] = l(null), [s, h] = l("medium"), [c, d] = l("full"), [u, f] = l("default"), [g, S] = l(!1), m = O(0), x = H((v) => {
-    m.current = Math.max(0, m.current + v), S(m.current > 0);
-  }, []), T = H((v) => {
-    r(v);
-  }, []), a = {
+  const [t, r] = l(null), [n, p] = l(null), [c, d] = l("medium"), [h, u] = l("full"), [s, f] = l("default"), [g, b] = l(!1), m = F(0), x = _((H) => {
+    m.current = Math.max(0, m.current + H), b(m.current > 0);
+  }, []), T = _((H) => {
+    r(H);
+  }, []), v = {
     small: "12px",
     medium: "14px",
     large: "16px"
-  }[s], R = `${w[u]}px`, C = b(() => ({
+  }[c], a = `${C[s]}px`, O = S(() => ({
     gridApi: t,
     registerApi: T,
     registerScopedSheetDepth: x,
-    fontSize: s,
-    setFontSize: h,
-    numericFormat: c,
-    setNumericFormat: d,
-    rowHeight: u,
+    fontSize: c,
+    setFontSize: d,
+    numericFormat: h,
+    setNumericFormat: u,
+    rowHeight: s,
     setRowHeight: f
   }), [
     t,
     T,
     x,
-    s,
-    h,
     c,
     d,
+    h,
     u,
+    s,
     f
-  ]), G = b(() => ({
+  ]), D = S(() => ({
     sheetTarget: n,
     setSheetTarget: p,
     scopedSheetOpen: g
   }), [n, p, g]);
-  return /* @__PURE__ */ i(N.Provider, { value: C, children: /* @__PURE__ */ i(M.Provider, { value: G, children: /* @__PURE__ */ i(
+  return /* @__PURE__ */ i(z.Provider, { value: O, children: /* @__PURE__ */ i(I.Provider, { value: D, children: /* @__PURE__ */ i(
     "div",
     {
       "data-component": "data-table",
-      className: _("flex flex-col w-full min-h-0 rounded-[inherit]", e),
+      className: y("flex flex-col w-full min-h-0 rounded-[inherit]", e),
       style: {
-        "--ag-font-size": a,
-        "--ag-row-height": R
+        "--ag-font-size": v,
+        "--ag-row-height": a
       },
       children: o
     }
   ) }) });
-}, A = {
+}, w = {
   full: "full_no",
   k: "thou",
   m: "mil",
   b: "bil",
   full_precision: "full_precision"
-}, L = E(function() {
-  const { setSheetTarget: e, scopedSheetOpen: t } = I();
+}, L = N(function() {
+  const { setSheetTarget: e, scopedSheetOpen: t } = P();
   return /* @__PURE__ */ i(
     "div",
     {
       ref: e,
       className: "absolute inset-0 pointer-events-none z-[39] flex overflow-x-hidden overflow-y-visible",
-      style: t ? { minHeight: j } : void 0
+      style: t ? { minHeight: R } : void 0
     }
   );
 });
@@ -95,49 +95,50 @@ function J(o) {
     rowHeight: t,
     gridApi: r,
     numericFormat: n
-  } = z(), {
-    className: p,
-    onGridReady: s,
+  } = j(), { scopedSheetOpen: p } = P(), {
+    className: c,
+    onGridReady: d,
     rowHeight: h,
-    context: c,
-    columnDefs: d,
-    maintainColumnOrder: u = !0,
-    ...f
-  } = o, g = w[t], S = h ?? g, m = b(() => P(d), [d]), x = b(() => ({
-    ...c,
-    formatType: A[n]
-  }), [c, n]);
-  y(() => {
+    context: u,
+    columnDefs: s,
+    maintainColumnOrder: f = !0,
+    ...g
+  } = o, b = C[t], m = h ?? b, x = S(() => G(s), [s]), T = S(() => ({
+    ...u,
+    formatType: w[n]
+  }), [u, n]);
+  A(() => {
     r?.resetRowHeights();
-  }, [t, r]), y(() => {
+  }, [t, r]), A(() => {
     if (r) {
       const a = r.getGridOption("context") || {};
       r.setGridOption("context", {
         ...a,
-        formatType: A[n]
+        formatType: w[n]
       }), r.refreshCells({ force: !0 });
     }
   }, [n, r]);
-  const T = H((a) => {
-    e(a.api), s?.(a);
-  }, [e, s]);
-  return /* @__PURE__ */ D(
+  const v = _((a) => {
+    e(a.api), d?.(a);
+  }, [e, d]);
+  return /* @__PURE__ */ E(
     "div",
     {
-      className: _(
+      className: y(
         "relative flex-1 min-h-0 w-full bg-canvas-elevated rounded-b-[inherit] grid-rounded-bottom",
-        p
+        c
       ),
+      style: p ? { minHeight: R } : void 0,
       children: [
         /* @__PURE__ */ i(
-          F,
+          M,
           {
-            ...f,
-            columnDefs: m,
-            rowHeight: S,
-            onGridReady: T,
-            context: x,
-            maintainColumnOrder: u
+            ...g,
+            columnDefs: x,
+            rowHeight: m,
+            onGridReady: v,
+            context: T,
+            maintainColumnOrder: f
           }
         ),
         /* @__PURE__ */ i(L, {})
@@ -148,7 +149,7 @@ function J(o) {
 const K = ({
   children: o,
   className: e
-}) => /* @__PURE__ */ i("div", { "data-component": "data-table-toolbar", className: _("flex items-center justify-between px-4 py-3 shrink-0 bg-canvas-elevated rounded-t-[inherit]", e), children: o });
+}) => /* @__PURE__ */ i("div", { "data-component": "data-table-toolbar", className: y("flex items-center justify-between px-4 py-3 shrink-0 bg-canvas-elevated rounded-t-[inherit]", e), children: o });
 export {
   q as DataTable,
   J as DataTableContent,

package/dist/components/ui/data-table/index.d.ts

@@ -6,4 +6,7 @@ export * from './data-table-format-options';
 export * from './data-table-sheet';
 export * from './data-table-view-menu';
 export * from './data-table-saved-views';
+export * from './pin-switch';
+export * from './column-indicator';
+export * from './indicator-legend';
 export type { SavedTableViewItem, TableViewTypeOption, DataTableSavedViewsProps, DataTableSavedViewsActionContext, DataTableSavedViewsCancelContext, } from '../types/data-table-saved-views.types';