impact-nova 1.7.7 → 1.7.9

package/dist/components/ui/ag-grid-react/headers/column-menu/column-settings-menu.js

@@ -1,7 +1,7 @@
 import { jsxs as r, jsx as e, Fragment as j } from "react/jsx-runtime";
 import "react";
 import { Settings as F, Checkmark as h, Search as _ } from "../../../../../icons/index.js";
-import { DropdownMenu as E, DropdownMenuTrigger as G, DropdownMenuContent as L, DropdownMenuLabel as k, DropdownMenuSeparator as z, DropdownMenuSub as p, DropdownMenuSubTrigger as f, DropdownMenuSubContent as g, DropdownMenuItem as i } from "../../../dropdown-menu.js";
+import { DropdownMenu as E, DropdownMenuTrigger as G, DropdownMenuContent as L, DropdownMenuLabel as k, DropdownMenuSeparator as z, DropdownMenuSub as p, DropdownMenuSubTrigger as f, DropdownMenuSubContent as g, DropdownMenuItem as a } from "../../../dropdown-menu.js";
 import { useGridHeader as R } from "../context/grid-header-context.js";
 import { useImpactNovaI18n as B } from "../../../../../i18n/ImpactNovaI18nContext.js";
 const U = ({
@@ -13,15 +13,14 @@ const U = ({
 }) => {
   const { t } = B(), C = R(), o = s.getColumn(l);
   if (!o) return null;
-  const a = o.getColDef(), x = o.getSort(), S = o.getPinned(), M = a?.sortable !== !1, y = a?.filter || "agTextColumnFilter", H = y === "agNumberColumnFilter" || (Array.isArray(a?.type) ? a.type.includes("numericColumn") : a?.type === "numericColumn"), b = y === "agDateColumnFilter" || (Array.isArray(a?.type) ? a.type.includes("dateColumn") : a?.type === "dateColumn"), u = (n) => {
+  const i = o.getColDef(), x = o.getSort(), S = o.getPinned(), M = i?.sortable !== !1, y = i?.filter || "agTextColumnFilter", H = y === "agNumberColumnFilter" || (Array.isArray(i?.type) ? i.type.includes("numericColumn") : i?.type === "numericColumn"), b = y === "agDateColumnFilter" || (Array.isArray(i?.type) ? i.type.includes("dateColumn") : i?.type === "dateColumn"), m = (n) => {
     s.applyColumnState({
       state: [{ colId: l, sort: n }],
       defaultState: { sort: null }
     }), c();
-  }, m = (n) => {
+  }, u = (n) => {
     s.applyColumnState({
-      state: [{ colId: l, pinned: n }],
-      defaultState: { pinned: null }
+      state: [{ colId: l, pinned: n }]
     }), c();
   }, w = (n) => {
     n ? s.autoSizeAllColumns() : s.autoSizeColumns([l]), c();
@@ -29,9 +28,9 @@ const U = ({
     const n = s.getGridOption("context") || {};
     s.setGridOption("context", { ...n, activeSearchColumnId: l }), s.refreshHeader(), c();
   }, T = () => {
-    const n = a?.headerComponentParams;
+    const n = i?.headerComponentParams;
     n?.onAdvanceSearchClick ? n.onAdvanceSearchClick(o) : n?.toggleAdvanceSearch ? n.toggleAdvanceSearch(l) : C && C.openAdvancedFilter(l), c();
-  }, d = A?.getBoundingClientRect(), D = a?.headerComponentParams, N = D?.isSearchable, v = D?.advanceSearchEnabled;
+  }, d = A?.getBoundingClientRect(), D = i?.headerComponentParams, N = D?.isSearchable, v = D?.advanceSearchEnabled;
   return /* @__PURE__ */ r(E, { open: O, onOpenChange: (n) => !n && c(), children: [
     d && /* @__PURE__ */ e(G, { asChild: !0, children: /* @__PURE__ */ e(
       "div",
@@ -65,36 +64,36 @@ const U = ({
           M && /* @__PURE__ */ r(p, { children: [
             /* @__PURE__ */ e(f, { inset: !0, children: t("gridHeader.sort") }),
             /* @__PURE__ */ r(g, { sideOffset: 10, alignOffset: -5, children: [
-              /* @__PURE__ */ e(i, { onClick: () => u("asc"), children: /* @__PURE__ */ r("span", { className: "flex items-center w-full justify-between", children: [
+              /* @__PURE__ */ e(a, { onClick: () => m("asc"), children: /* @__PURE__ */ r("span", { className: "flex items-center w-full justify-between", children: [
                 /* @__PURE__ */ e("span", { children: t(H ? "gridHeader.sortAscNumber" : b ? "gridHeader.sortAscDate" : "gridHeader.sortAscText") }),
                 x === "asc" && /* @__PURE__ */ e(h, { size: "sm", className: "ml-2 text-content-tertiary" })
               ] }) }),
-              /* @__PURE__ */ e(i, { onClick: () => u("desc"), children: /* @__PURE__ */ r("span", { className: "flex items-center w-full justify-between", children: [
+              /* @__PURE__ */ e(a, { onClick: () => m("desc"), children: /* @__PURE__ */ r("span", { className: "flex items-center w-full justify-between", children: [
                 /* @__PURE__ */ e("span", { children: t(H ? "gridHeader.sortDescNumber" : b ? "gridHeader.sortDescDate" : "gridHeader.sortDescText") }),
                 x === "desc" && /* @__PURE__ */ e(h, { size: "sm", className: "ml-2 text-content-tertiary" })
               ] }) }),
-              /* @__PURE__ */ e(i, { onClick: () => u(null), children: /* @__PURE__ */ e("span", { children: t("gridHeader.reset") }) })
+              /* @__PURE__ */ e(a, { onClick: () => m(null), children: /* @__PURE__ */ e("span", { children: t("gridHeader.reset") }) })
             ] })
           ] }),
           /* @__PURE__ */ r(p, { children: [
             /* @__PURE__ */ e(f, { inset: !0, children: t("gridHeader.freezeColumn") }),
             /* @__PURE__ */ r(g, { className: "z-[120]", sideOffset: 10, alignOffset: -5, children: [
-              /* @__PURE__ */ e(i, { onClick: () => m("left"), children: /* @__PURE__ */ r("span", { className: "flex items-center w-full justify-between", children: [
+              /* @__PURE__ */ e(a, { onClick: () => u("left"), children: /* @__PURE__ */ r("span", { className: "flex items-center w-full justify-between", children: [
                 /* @__PURE__ */ e("span", { children: t("gridHeader.pinLeft") }),
                 S === "left" && /* @__PURE__ */ e(h, { size: "sm", className: "ml-2 text-content-tertiary" })
               ] }) }),
-              /* @__PURE__ */ e(i, { onClick: () => m("right"), children: /* @__PURE__ */ r("span", { className: "flex items-center w-full justify-between", children: [
+              /* @__PURE__ */ e(a, { onClick: () => u("right"), children: /* @__PURE__ */ r("span", { className: "flex items-center w-full justify-between", children: [
                 /* @__PURE__ */ e("span", { children: t("gridHeader.pinRight") }),
                 S === "right" && /* @__PURE__ */ e(h, { size: "sm", className: "ml-2 text-content-tertiary" })
               ] }) }),
-              /* @__PURE__ */ e(i, { onClick: () => m(null), children: /* @__PURE__ */ e("span", { children: t("gridHeader.noPin") }) })
+              /* @__PURE__ */ e(a, { onClick: () => u(null), children: /* @__PURE__ */ e("span", { children: t("gridHeader.noPin") }) })
             ] })
           ] }),
           /* @__PURE__ */ r(p, { children: [
             /* @__PURE__ */ e(f, { inset: !0, children: t("gridHeader.columnWidth") }),
             /* @__PURE__ */ r(g, { className: "z-[120]", sideOffset: 10, alignOffset: -5, children: [
-              /* @__PURE__ */ e(i, { onClick: () => w(!1), children: t("gridHeader.autosizeThisColumn") }),
-              /* @__PURE__ */ e(i, { onClick: () => w(!0), children: t("gridHeader.autosizeAllColumns") })
+              /* @__PURE__ */ e(a, { onClick: () => w(!1), children: t("gridHeader.autosizeThisColumn") }),
+              /* @__PURE__ */ e(a, { onClick: () => w(!0), children: t("gridHeader.autosizeAllColumns") })
             ] })
           ] }),
           (N || v) && /* @__PURE__ */ r(j, { children: [
@@ -104,8 +103,8 @@ const U = ({
               " ",
               t("gridHeader.searchOptions")
             ] }),
-            N && /* @__PURE__ */ e(i, { inset: !0, onClick: P, children: t("gridHeader.search") }),
-            v && /* @__PURE__ */ e(i, { inset: !0, onClick: T, children: t("gridHeader.advanceSearch") })
+            N && /* @__PURE__ */ e(a, { inset: !0, onClick: P, children: t("gridHeader.search") }),
+            v && /* @__PURE__ */ e(a, { inset: !0, onClick: T, children: t("gridHeader.advanceSearch") })
           ] })
         ] })
       }

package/dist/components/ui/ag-grid-react/index.js

@@ -1,5 +1,5 @@
 import { jsxs as U, jsx as a } from "react/jsx-runtime";
-import { lazy as V, useRef as D, useState as f, useCallback as F, useMemo as y, useEffect as W, Suspense as _ } from "react";
+import { lazy as V, useRef as D, useState as f, useCallback as v, useMemo as y, useEffect as W, Suspense as _ } from "react";
 import { ModuleRegistry as $, AllCommunityModule as q, ValidationModule as K } from "ag-grid-community";
 import { AllEnterpriseModule as z } from "ag-grid-enterprise";
 import { AgGridReact as J } from "ag-grid-react";
@@ -22,11 +22,11 @@ function ye({
   onGridReady: m,
   ...u
 }) {
-  const r = D(null), s = D(null), [h, M] = f(null), [G, C] = f(!1), [b, x] = f(null), [R, S] = f(!1), [A, k] = f(null), [N, E] = f(null), O = F((e) => {
+  const r = D(null), s = D(null), [h, M] = f(null), [x, C] = f(!1), [b, G] = f(null), [R, S] = f(!1), [A, k] = f(null), [N, E] = f(null), O = v((e) => {
     if (!r.current) return;
     const t = Z(e);
     r.current.setFilterModel(t), r.current.onFilterChanged();
-  }, []), v = y(() => ({
+  }, []), F = y(() => ({
     openSearch: (e) => {
       if (!r.current) return;
       const t = r.current.getGridOption("context") || {};
@@ -38,10 +38,10 @@ function ye({
       r.current.setGridOption("context", { ...e, activeSearchColumnId: null }), r.current.refreshHeader();
     },
     openAdvancedFilter: (e) => {
-      x(e || null), C(!0);
+      G(e || null), C(!0);
     },
     closeAdvancedFilter: () => {
-      C(!1), x(null);
+      C(!1), G(null);
     },
     applyAdvancedFilter: (e) => {
       O(e);
@@ -53,8 +53,10 @@ function ye({
       S(!1), k(null), E(null);
     },
     activeMenuColumnId: A
-  }), [O, A]), T = F((e) => {
-    r.current = e.api, M(e.api), e.api.setGridOption("context", { activeSearchColumnId: null }), m && m(e);
+  }), [O, A]), T = v((e) => {
+    r.current = e.api, M(e.api);
+    const t = e.api.getGridOption("context") || {};
+    e.api.setGridOption("context", { ...t, activeSearchColumnId: null }), m && m(e);
   }, [m]);
   W(() => {
     const e = s.current;
@@ -103,13 +105,13 @@ function ye({
     // User components override
     ...d
     // Optional custom formatters override defaults
-  }), [d, u.components]), P = F((e) => {
+  }), [d, u.components]), P = v((e) => {
     if (e.value !== null && e.value !== void 0 && typeof e.value == "object") {
       const t = Object.entries(e.value).map(([n, l]) => l && typeof l == "object" && "value" in l ? l.value : typeof l != "object" && typeof l < "u" ? l : null).filter((n) => n != null);
       return t.length > 0 ? t.join("	") : "";
     }
     return e.value;
-  }, []), w = F((e) => {
+  }, []), w = v((e) => {
     if (typeof e.value == "string") {
       const t = e.value.trim();
       if (t.startsWith("{") || t.startsWith("["))
@@ -121,7 +123,7 @@ function ye({
     }
     return e.value;
   }, []);
-  return /* @__PURE__ */ U(Y.Provider, { value: v, children: [
+  return /* @__PURE__ */ U(Y.Provider, { value: F, children: [
     /* @__PURE__ */ a("div", { ref: s, style: { width: "100%", height: "100%" }, children: /* @__PURE__ */ a(
       J,
       {
@@ -167,11 +169,11 @@ function ye({
     /* @__PURE__ */ a(
       le,
       {
-        isOpen: G,
+        isOpen: x,
         columnId: b,
         gridApi: h,
-        onClose: v.closeAdvancedFilter,
-        onApply: v.applyAdvancedFilter
+        onClose: F.closeAdvancedFilter,
+        onApply: F.applyAdvancedFilter
       }
     ),
     /* @__PURE__ */ a(
@@ -181,7 +183,7 @@ function ye({
         columnId: A,
         gridApi: h,
         anchor: N,
-        onClose: v.closeMenu
+        onClose: F.closeMenu
       }
     )
   ] });

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

@@ -5,10 +5,6 @@ export type DataTableRowHeight = 'default' | 'compact' | 'comfort';
 export interface DataTableContextValue {
     gridApi: GridApi | null;
     registerApi: (api: GridApi) => void;
-    sheetTarget: HTMLDivElement | null;
-    setSheetTarget: (node: HTMLDivElement | null) => void;
-    /** True while at least one `DataTableSheet` in this table has `open` — expands grid host so the portaled overlay is not clipped. */
-    scopedSheetOpen: boolean;
     /** Call `+1` when a sheet opens, `-1` when it closes or unmounts (supports multiple sheets). */
     registerScopedSheetDepth: (delta: 1 | -1) => void;
     fontSize: DataTableFontSize;
@@ -20,3 +16,15 @@ export interface DataTableContextValue {
 }
 export declare const DataTableContext: import('react').Context<DataTableContextValue>;
 export declare const useDataTable: () => DataTableContextValue;
+/**
+ * Separate context for sheet-portal state that changes on every sheet open/close.
+ * Isolated from `DataTableContext` so that `scopedSheetOpen` toggling does NOT
+ * force grid consumers (`DataTableContent`, `AgGridWrapper`) to re-render.
+ */
+export interface DataTableSheetPortalContextValue {
+    sheetTarget: HTMLDivElement | null;
+    setSheetTarget: (node: HTMLDivElement | null) => void;
+    scopedSheetOpen: boolean;
+}
+export declare const DataTableSheetPortalContext: import('react').Context<DataTableSheetPortalContextValue>;
+export declare const useDataTableSheetPortal: () => DataTableSheetPortalContextValue;

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

@@ -1,11 +1,18 @@
 import { createContext as e, useContext as a } from "react";
-const o = e(null), r = () => {
+const o = e(null), l = () => {
   const t = a(o);
   if (!t)
     throw new Error("useDataTable must be used within a DataTable");
   return t;
+}, n = e(null), s = () => {
+  const t = a(n);
+  if (!t)
+    throw new Error("useDataTableSheetPortal must be used within a DataTable");
+  return t;
 };
 export {
   o as DataTableContext,
-  r as useDataTable
+  n as DataTableSheetPortalContext,
+  l as useDataTable,
+  s as useDataTableSheetPortal
 };

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

@@ -1,4 +1,20 @@
 import { default as React } from 'react';
+/**
+ * Returns both `open` and `setOpen`.
+ * Subscribes to BOTH contexts — use only in components that genuinely
+ * need to read the `open` flag (DataTableSheetContent, Trigger, etc.).
+ */
+export declare const useDataTableSheet: () => {
+    open: boolean;
+    setOpen: (open: boolean) => void;
+};
+/**
+ * Returns ONLY `setOpen`. Does NOT subscribe to `open` changes, so the
+ * consuming component will NOT re-render when the sheet opens/closes.
+ */
+export declare const useDataTableSheetApi: () => {
+    setOpen: (open: boolean) => void;
+};
 export declare const DataTableSheet: ({ children, defaultOpen, open: controlledOpen, onOpenChange, }: {
     children: React.ReactNode;
     defaultOpen?: boolean;

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

@@ -1,117 +1,140 @@
-import { jsx as t, jsxs as c } from "react/jsx-runtime";
-import m, { useState as w, useEffect as T, createContext as g, useContext as S } from "react";
-import { createPortal as y } from "react-dom";
-import { X as N } from "lucide-react";
-import { cn as p } from "../../../lib/utils.js";
-import { Button as C } from "../button.js";
-import { useDataTable as v } from "./data-table-context.js";
-import { DATA_TABLE_SCOPED_SHEET_HOST_MIN_HEIGHT_PX as u } from "./data-table-constants.js";
-const b = g(
-  null
-), d = () => {
-  const e = S(b);
-  if (!e)
+import { jsx as n, jsxs as d } from "react/jsx-runtime";
+import i, { useState as w, useCallback as y, useEffect as D, useContext as f, createContext as b } from "react";
+import { createPortal as g } from "react-dom";
+import { X as C } from "lucide-react";
+import { cn as u } from "../../../lib/utils.js";
+import { Button as N } from "../button.js";
+import { useDataTable as k, useDataTableSheetPortal as _ } from "./data-table-context.js";
+import { DATA_TABLE_SCOPED_SHEET_HOST_MIN_HEIGHT_PX as v } from "./data-table-constants.js";
+const x = b(!1), h = b(null), S = () => {
+  const e = f(x), o = f(h);
+  if (!o)
     throw new Error("useDataTableSheet must be used within DataTableSheet");
-  return e;
-}, A = ({
+  return { open: e, setOpen: o };
+}, E = () => {
+  const e = f(h);
+  if (!e)
+    throw new Error("useDataTableSheetApi must be used within DataTableSheet");
+  return { setOpen: e };
+}, M = ({
   children: e,
-  defaultOpen: a = !1,
-  open: o,
+  defaultOpen: o = !1,
+  open: t,
   onOpenChange: r
 }) => {
-  const { registerScopedSheetDepth: n } = v(), [s, l] = w(a), f = o !== void 0, i = f ? o : s, x = (h) => {
-    f || l(h), r?.(h);
-  };
-  return T(() => {
-    if (i)
-      return n(1), () => n(-1);
-  }, [i, n]), /* @__PURE__ */ t(b.Provider, { value: { open: i, setOpen: x }, children: e });
-}, z = ({
+  const { registerScopedSheetDepth: a } = k(), [s, l] = w(o), c = t !== void 0 ? t : s, m = i.useRef(r);
+  m.current = r;
+  const T = y((p) => {
+    t === void 0 && l(p), m.current?.(p);
+  }, [t]);
+  return D(() => {
+    if (c)
+      return a(1), () => a(-1);
+  }, [c, a]), /* @__PURE__ */ n(h.Provider, { value: T, children: /* @__PURE__ */ n(x.Provider, { value: c, children: e }) });
+}, X = ({
   children: e,
-  asChild: a
+  asChild: o
 }) => {
-  const { setOpen: o, open: r } = d(), n = () => {
-    o(!r);
+  const { setOpen: t, open: r } = S(), a = () => {
+    t(!r);
   };
-  if (a) {
-    const s = m.Children.only(e);
-    return m.cloneElement(s, {
+  if (o) {
+    const s = i.Children.only(e);
+    return i.cloneElement(s, {
       onClick: (l) => {
-        s.props.onClick?.(l), n();
+        s.props.onClick?.(l), a();
       }
     });
   }
-  return /* @__PURE__ */ t(C, { variant: "outline", onClick: n, children: e });
-}, B = ({
+  return /* @__PURE__ */ n(N, { variant: "outline", onClick: a, children: e });
+}, G = ({
   title: e,
-  children: a,
-  className: o
+  children: o,
+  className: t
 }) => {
-  const { setOpen: r } = d();
-  return /* @__PURE__ */ c(
+  const { setOpen: r } = E();
+  return /* @__PURE__ */ d(
     "div",
     {
-      className: p(
+      className: u(
         "flex shrink-0 flex-row justify-between items-center px-4 py-3 mb-2 bg-brand-tint",
-        o
+        t
       ),
       children: [
-        /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: e && /* @__PURE__ */ t("h2", { className: "font-[Manrope] font-bold text-base text-content", children: e }) }),
-        /* @__PURE__ */ c("div", { className: "flex items-center gap-2", children: [
-          a,
-          /* @__PURE__ */ t(
+        /* @__PURE__ */ n("div", { className: "flex items-center gap-2", children: e && /* @__PURE__ */ n("h2", { className: "font-[Manrope] font-bold text-base text-content", children: e }) }),
+        /* @__PURE__ */ d("div", { className: "flex items-center gap-2", children: [
+          o,
+          /* @__PURE__ */ n(
             "span",
             {
               role: "button",
               className: "close_icon cursor-pointer flex items-center justify-center w-6 h-6 rounded-full hover:bg-muted/50 transition-colors",
               onClick: () => r(!1),
-              children: /* @__PURE__ */ t(N, { className: "h-4 w-4 text-content-muted" })
+              children: /* @__PURE__ */ n(C, { className: "h-4 w-4 text-content-muted" })
             }
           )
         ] })
       ]
     }
   );
-}, I = ({
+}, L = ({
   children: e,
-  className: a
+  className: o
 }) => {
-  const { open: o } = d(), { sheetTarget: r } = v();
-  if (!o) return null;
-  const n = /* @__PURE__ */ c(
+  const { open: t } = S(), { sheetTarget: r } = _(), a = i.useRef(!1);
+  if (t && (a.current = !0), !a.current) return null;
+  const s = /* @__PURE__ */ d(
     "div",
     {
-      className: "-my-px flex h-[calc(100%_+_2px)] animate-in slide-in-from-right-[100%] duration-200 ease-in-out fade-in fill-mode-forwards",
-      style: { minHeight: u },
+      className: u(
+        "-my-px flex h-[calc(100%_+_2px)]",
+        t && "animate-in slide-in-from-right-[100%] duration-200 ease-in-out fade-in fill-mode-forwards"
+      ),
+      style: {
+        minHeight: v,
+        display: t ? void 0 : "none"
+      },
       children: [
-        /* @__PURE__ */ t("div", { className: "w-[10px] bg-canvas-elevated border-l border-stroke-hairline shrink-0" }),
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ n("div", { className: "w-[10px] bg-canvas-elevated border-l border-stroke-hairline shrink-0" }),
+        /* @__PURE__ */ n(
           "div",
           {
             "data-component": "data-table-sheet-panel",
-            className: p(
+            className: u(
               "relative flex h-full w-[355px] flex-col overflow-y-auto bg-canvas-elevated border-t border-l border-stroke-hairline pointer-events-auto shadow-elevation-floating",
-              a
+              o
             ),
             children: e
           }
         ),
-        /* @__PURE__ */ t("div", { className: "w-[16px] bg-canvas-elevated border-l border-stroke-hairline shrink-0" })
+        /* @__PURE__ */ n("div", { className: "w-[16px] bg-canvas-elevated border-l border-stroke-hairline shrink-0" })
       ]
     }
-  ), s = /* @__PURE__ */ t("div", { className: "pointer-events-none absolute inset-0 z-[35] flex justify-end overflow-x-hidden overflow-y-visible", children: n });
-  return r ? y(s, r) : /* @__PURE__ */ t(
+  ), l = /* @__PURE__ */ n(
+    "div",
+    {
+      className: "pointer-events-none absolute inset-0 z-[35] flex justify-end overflow-x-hidden overflow-y-visible",
+      style: { display: t ? void 0 : "none" },
+      children: s
+    }
+  );
+  return r ? g(l, r) : /* @__PURE__ */ n(
     "div",
     {
       className: "pointer-events-none fixed inset-0 z-[35] flex justify-end overflow-x-hidden overflow-y-visible",
-      style: { minHeight: u },
-      children: n
+      style: {
+        minHeight: v,
+        display: t ? void 0 : "none"
+      },
+      children: s
     }
   );
 };
 export {
-  A as DataTableSheet,
-  I as DataTableSheetContent,
-  B as DataTableSheetHeader,
-  z as DataTableSheetTrigger
+  M as DataTableSheet,
+  L as DataTableSheetContent,
+  G as DataTableSheetHeader,
+  X as DataTableSheetTrigger,
+  S as useDataTableSheet,
+  E as useDataTableSheetApi
 };