impact-nova 1.7.7 → 1.7.9

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/textarea.d.ts

@@ -3,9 +3,10 @@ import { HelperTextPosition } from './types/helper-text.types';
 import * as React from "react";
 declare const textareaVariants: (props?: {
     isError?: boolean;
+    size?: "sm" | "md" | "lg" | "default";
     disabled?: boolean;
 } & import('class-variance-authority/types').ClassProp) => string;
-export interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "disabled">, VariantProps<typeof textareaVariants> {
+export interface TextareaProps extends Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, "disabled" | "size">, VariantProps<typeof textareaVariants> {
     label?: string;
     helperText?: React.ReactNode;
     /** @default "absolute" */

package/dist/components/ui/textarea.js

@@ -1,104 +1,112 @@
-import { jsxs as e, jsx as d, Fragment as w } from "react/jsx-runtime";
+import { jsxs as e, jsx as a, Fragment as N } from "react/jsx-runtime";
 import * as m from "react";
-import { cva as N } from "class-variance-authority";
-import { Info as f } from "../../icons/index.js";
-import { cn as t } from "../../lib/utils.js";
-const y = N(
-  "flex min-h-20 w-full rounded-md border border-field bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-content-empty focus-visible:outline-none focus-visible:border-brand hover:border-brand disabled:cursor-not-allowed disabled:bg-disabled-surface disabled:text-disabled-foreground disabled:border-stroke md:text-sm",
+import { cva as y } from "class-variance-authority";
+import { Info as x } from "../../icons/index.js";
+import { cn as d } from "../../lib/utils.js";
+const z = y(
+  "flex w-full rounded-md border border-field bg-transparent px-3 py-2 text-sm font-medium shadow-sm transition-colors placeholder:font-medium placeholder:text-content-empty focus-visible:outline-none focus-visible:border-brand hover:border-brand disabled:cursor-not-allowed disabled:bg-disabled-surface disabled:text-disabled-foreground disabled:border-stroke",
   {
     variants: {
       isError: {
         true: "border-destructive hover:border-destructive",
         false: ""
       },
+      size: {
+        default: "min-h-20",
+        sm: "min-h-14",
+        md: "min-h-[72px]",
+        lg: "min-h-32"
+      },
       disabled: {
-        true: "cursor-not-allowed opacity-100 bg-disabled-surface border-stroke text-disabled-foreground hover:border-stroke",
+        true: "cursor-not-allowed opacity-100 bg-disabled-surface border-stroke text-disabled-foreground placeholder:text-disabled-foreground hover:border-stroke",
         false: ""
       }
     },
     defaultVariants: {
+      size: "default",
       isError: !1
     }
   }
-), k = m.forwardRef(
+), C = m.forwardRef(
   ({
     className: b,
     label: u,
-    helperText: s,
-    helperTextPosition: l = "absolute",
-    characterLimit: c,
-    isError: a,
-    disabled: r,
-    value: i,
-    onChange: g,
+    helperText: l,
+    helperTextPosition: s = "absolute",
+    characterLimit: o,
+    isError: t,
+    size: g,
+    disabled: i,
+    value: r,
+    onChange: v,
     ...n
-  }, v) => {
-    const [p, o] = m.useState(0);
+  }, p) => {
+    const [h, c] = m.useState(0);
     m.useEffect(() => {
-      i ? o(String(i).length) : n.defaultValue && o(String(n.defaultValue).length);
-    }, [i, n.defaultValue]);
-    const h = (x) => {
-      o(x.target.value.length), g?.(x);
+      r ? c(String(r).length) : n.defaultValue && c(String(n.defaultValue).length);
+    }, [r, n.defaultValue]);
+    const w = (f) => {
+      c(f.target.value.length), v?.(f);
     };
     return /* @__PURE__ */ e("div", { className: "flex w-full min-w-[240px] flex-col gap-[6px]", children: [
       /* @__PURE__ */ e("div", { className: "flex flex-col gap-[6px]", children: [
         u && /* @__PURE__ */ e(
           "label",
           {
-            className: t(
+            className: d(
               "text-xs font-medium leading-[18px] text-content-tertiary",
-              r && "opacity-70",
-              a && "text-destructive"
+              i && "opacity-70",
+              t && "text-destructive"
             ),
             children: [
               u,
               " ",
-              n.required && /* @__PURE__ */ d("span", { className: "text-destructive", children: "*" })
+              n.required && /* @__PURE__ */ a("span", { className: "text-destructive", children: "*" })
             ]
           }
         ),
         /* @__PURE__ */ e(
           "div",
           {
-            className: t(
-              s && l === "absolute" && "relative"
+            className: d(
+              l && s === "absolute" && "relative"
             ),
             children: [
-              /* @__PURE__ */ d(
+              /* @__PURE__ */ a(
                 "textarea",
                 {
-                  className: t(
-                    y({ isError: a, disabled: r, className: b }),
+                  className: d(
+                    z({ isError: t, size: g, disabled: i, className: b }),
                     "bg-canvas",
-                    r && "bg-disabled-surface"
+                    i && "bg-disabled-surface"
                   ),
-                  ref: v,
-                  disabled: !!r,
-                  value: i,
-                  onChange: h,
+                  ref: p,
+                  disabled: !!i,
+                  value: r,
+                  onChange: w,
                   "data-component": "textarea",
                   ...n
                 }
               ),
-              s && l === "absolute" && /* @__PURE__ */ e(
+              l && s === "absolute" && /* @__PURE__ */ e(
                 "div",
                 {
-                  className: t(
+                  className: d(
                     "absolute left-0 top-full z-10 mt-1 flex min-w-0 max-w-full items-center gap-[6px] text-[12px] font-medium leading-[18px] text-navigation-muted",
-                    a && "text-destructive"
+                    t && "text-destructive"
                   ),
                   children: [
-                    /* @__PURE__ */ d(
-                      f,
+                    /* @__PURE__ */ a(
+                      x,
                       {
                         size: "xs",
-                        className: t(
+                        className: d(
                           "shrink-0",
-                          a ? "text-destructive" : "text-content-muted"
+                          t ? "text-destructive" : "text-content-muted"
                         )
                       }
                     ),
-                    /* @__PURE__ */ d("p", { className: "min-w-0", children: s })
+                    /* @__PURE__ */ a("p", { className: "min-w-0", children: l })
                   ]
                 }
               )
@@ -106,47 +114,44 @@ const y = N(
           }
         )
       ] }),
-      (s && l === "flow" || c) && /* @__PURE__ */ e("div", { className: "flex items-center justify-between gap-[6px]", children: [
-        /* @__PURE__ */ d(
+      (l && s === "flow" || o) && /* @__PURE__ */ e("div", { className: "flex items-center justify-between gap-[6px]", children: [
+        /* @__PURE__ */ a(
           "div",
           {
-            className: t(
+            className: d(
               "flex min-w-0 flex-1 items-center gap-[6px]",
-              a && "text-destructive"
+              t && "text-destructive"
             ),
-            children: s && l === "flow" && /* @__PURE__ */ e(w, { children: [
-              /* @__PURE__ */ d(
-                f,
+            children: l && s === "flow" && /* @__PURE__ */ e(N, { children: [
+              /* @__PURE__ */ a(
+                x,
                 {
                   size: "xs",
-                  className: t(
-                    "shrink-0",
-                    a ? "text-destructive" : "text-content-muted"
-                  )
+                  color: t ? "destructive" : "muted"
                 }
               ),
-              /* @__PURE__ */ d(
+              /* @__PURE__ */ a(
                 "p",
                 {
-                  className: t(
+                  className: d(
                     "min-w-0 text-[12px] font-medium leading-[18px] text-navigation-muted",
-                    a && "text-destructive"
+                    t && "text-destructive"
                   ),
-                  children: s
+                  children: l
                 }
               )
             ] })
           }
         ),
-        c && /* @__PURE__ */ e(
+        o && /* @__PURE__ */ e(
           "div",
           {
             className: "text-[12px] font-medium leading-[18px] text-navigation-muted text-right",
             "data-component": "character-count-indicator",
             children: [
-              p,
+              h,
               "/",
-              c
+              o
             ]
           }
         )
@@ -154,7 +159,7 @@ const y = N(
     ] });
   }
 );
-k.displayName = "Textarea";
+C.displayName = "Textarea";
 export {
-  k as Textarea
+  C as Textarea
 };