impact-nova 1.7.8 → 1.7.10

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
 };

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

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

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

@@ -1,29 +1,33 @@
 import { DataTable as t, DataTableContent as T, DataTableToolbar as o } from "./data-table.js";
 import { DATA_TABLE_SCOPED_SHEET_HOST_MIN_HEIGHT_PX as D, TABLE_VIEWPORT_SHELL_EXPANDED_CLASS as l } from "./data-table-constants.js";
 import { DataTableColumnList as n } from "./data-table-column-list.js";
-import { DataTableContext as S, useDataTable as m } from "./data-table-context.js";
-import { DataTableFormatOptions as E } from "./data-table-format-options.js";
-import { DataTableSheet as x, DataTableSheetContent as f, DataTableSheetHeader as V, DataTableSheetTrigger as u } from "./data-table-sheet.js";
-import { DataTableViewMenuContent as C, DataTableViewMenuDensity as s, DataTableViewMenuSettingsItem as A, DataTableViewMenuTrigger as H, DataTableViewMenuViewportExpand as L } from "./data-table-view-menu.js";
-import { DataTableSavedViews as g } from "./data-table-saved-views.js";
+import { DataTableContext as i, DataTableSheetPortalContext as p, useDataTable as m, useDataTableSheetPortal as x } from "./data-table-context.js";
+import { DataTableFormatOptions as _ } from "./data-table-format-options.js";
+import { DataTableSheet as s, DataTableSheetContent as f, DataTableSheetHeader as h, DataTableSheetTrigger as C, useDataTableSheet as V, useDataTableSheetApi as w } from "./data-table-sheet.js";
+import { DataTableViewMenuContent as H, DataTableViewMenuDensity as L, DataTableViewMenuSettingsItem as M, DataTableViewMenuTrigger as P, DataTableViewMenuViewportExpand as g } from "./data-table-view-menu.js";
+import { DataTableSavedViews as O } from "./data-table-saved-views.js";
 export {
   D as DATA_TABLE_SCOPED_SHEET_HOST_MIN_HEIGHT_PX,
   t as DataTable,
   n as DataTableColumnList,
   T as DataTableContent,
-  S as DataTableContext,
-  E as DataTableFormatOptions,
-  g as DataTableSavedViews,
-  x as DataTableSheet,
+  i as DataTableContext,
+  _ as DataTableFormatOptions,
+  O as DataTableSavedViews,
+  s as DataTableSheet,
   f as DataTableSheetContent,
-  V as DataTableSheetHeader,
-  u as DataTableSheetTrigger,
+  h as DataTableSheetHeader,
+  p as DataTableSheetPortalContext,
+  C as DataTableSheetTrigger,
   o as DataTableToolbar,
-  C as DataTableViewMenuContent,
-  s as DataTableViewMenuDensity,
-  A as DataTableViewMenuSettingsItem,
-  H as DataTableViewMenuTrigger,
-  L as DataTableViewMenuViewportExpand,
+  H as DataTableViewMenuContent,
+  L as DataTableViewMenuDensity,
+  M as DataTableViewMenuSettingsItem,
+  P as DataTableViewMenuTrigger,
+  g as DataTableViewMenuViewportExpand,
   l as TABLE_VIEWPORT_SHELL_EXPANDED_CLASS,
-  m as useDataTable
+  m as useDataTable,
+  V as useDataTableSheet,
+  w as useDataTableSheetApi,
+  x as useDataTableSheetPortal
 };

package/dist/components/ui/filter-strip/filter-tag-list.js

@@ -99,7 +99,7 @@ const j = ({
                     variant: "secondary",
                     size: "md",
                     shape: "rounded",
-                    className: "whitespace-nowrap bg-[#eceefd] text-[#4259ee] hover:bg-[#dce1fc] border-0 h-6 px-2 text-xs font-medium font-['Manrope'] cursor-pointer",
+                    className: "whitespace-nowrap bg-[#eceefd] text-[#4259ee] hover:bg-[#dce1fc] border-0 h-5 px-2 text-xs font-medium font-['Manrope'] cursor-pointer",
                     onClick: () => i?.(e.id),
                     tabIndex: 0,
                     role: "button",
@@ -125,7 +125,7 @@ const j = ({
                       variant: "secondary",
                       size: "md",
                       shape: "rounded",
-                      className: "whitespace-nowrap bg-[#eceefd] text-[#4259ee] hover:bg-[#dce1fc] border-0 h-6 px-2 text-xs font-medium font-['Manrope'] cursor-pointer",
+                      className: "whitespace-nowrap bg-[#eceefd] text-[#4259ee] hover:bg-[#dce1fc] border-0 h-5 px-2 text-xs font-medium font-['Manrope'] cursor-pointer",
                       children: b
                     }
                   ) }) }),