impact-nova 1.6.2 → 1.6.3

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

@@ -8,10 +8,6 @@ export declare const DataTable: ({ children, className }: {
     children: React.ReactNode;
     className?: string;
 }) => import("react/jsx-runtime").JSX.Element;
-/**
- * DataTable Content
- * Wraps AgGridWrapper and captures the API reference.
- */
 export declare function DataTableContent<TData>(props: AgGridWrapperProps<TData> & {
     className?: string;
 }): import("react/jsx-runtime").JSX.Element;

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

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

package/dist/components/ui/date-picker/date-picker.js

@@ -1,120 +1,129 @@
-import { jsxs as C, jsx as r } from "react/jsx-runtime";
+import { jsxs as C, jsx as c } from "react/jsx-runtime";
 import * as o from "react";
-import { X as W } from "lucide-react";
-import { CalendarMonth as Y } from "../../../icons/index.js";
-import { format as f, isValid as k, parse as w } from "date-fns";
-import { cn as Z, padValidDateString as _, maskDate as $ } from "../../../lib/utils.js";
-import { Input as F } from "../input.js";
-import { Popover as ee, PopoverTrigger as te, PopoverContent as ne } from "../popover.js";
+import { X as Y } from "lucide-react";
+import { CalendarMonth as Z } from "../../../icons/index.js";
+import { format as u, isValid as x, parse as I } from "date-fns";
+import { cn as _, padValidDateString as $, maskDate as F } from "../../../lib/utils.js";
+import { Input as ee } from "../input.js";
+import { Popover as te, PopoverTrigger as ne, PopoverContent as re } from "../popover.js";
 import { Calendar as oe } from "../calendar.js";
-import { Tooltip as T, TooltipTrigger as V, TooltipContent as A } from "../tooltip.js";
-import { getDateFnsLocale as re } from "../../../i18n/getDateFnsLocale.js";
-import { useImpactNovaI18n as ce } from "../../../i18n/ImpactNovaI18nContext.js";
+import { Tooltip as M, TooltipTrigger as T, TooltipContent as A } from "../tooltip.js";
+import { getDateFnsLocale as ce } from "../../../i18n/getDateFnsLocale.js";
+import { useImpactNovaI18n as ie } from "../../../i18n/ImpactNovaI18nContext.js";
 const le = o.forwardRef(
   ({
-    value: e,
-    onChange: p,
+    value: t,
+    onChange: f,
     format: n = "MM/dd/yyyy",
-    placeholder: v,
+    placeholder: E,
     minDate: L,
-    maxDate: E,
-    startMonth: O,
-    endMonth: j,
+    maxDate: j,
+    startMonth: K,
+    endMonth: O,
     showFooter: d = !0,
-    disabled: I,
+    disabled: R,
     className: B,
-    ...b
-  }, H) => {
-    const { locale: S, t: P } = ce(), c = o.useMemo(() => re(S), [S]), X = v ?? P("datePicker.selectDate"), m = o.useRef(null), g = o.useRef(null);
-    o.useImperativeHandle(H, () => m.current);
-    const [l, u] = o.useState(!1), [M, i] = o.useState(e), [s, a] = o.useState(e ? f(e, n, { locale: c }) : ""), [q, x] = o.useState(e || /* @__PURE__ */ new Date());
+    ...H
+  }, X) => {
+    const { locale: b, t: m } = ie(), i = o.useMemo(() => ce(b), [b]), q = E ?? m("datePicker.selectDate"), g = o.useRef(null), y = o.useRef(null);
+    o.useImperativeHandle(X, () => g.current);
+    const [r, l] = o.useState(!1), D = o.useRef(!1), [N, a] = o.useState(t), [s, p] = o.useState(t ? u(t, n, { locale: i }) : ""), [z, w] = o.useState(t || /* @__PURE__ */ new Date());
     o.useEffect(() => {
-      m.current && g.current !== null && (m.current.setSelectionRange(g.current, g.current), g.current = null);
+      g.current && y.current !== null && (g.current.setSelectionRange(y.current, y.current), y.current = null);
     }, [s]), o.useEffect(() => {
-      l || (a(e ? f(e, n, { locale: c }) : ""), i(e));
-    }, [e, n, l, c]), o.useEffect(() => {
-      l && (i(e), x(e || /* @__PURE__ */ new Date()));
-    }, [l, e]);
-    const z = (t) => {
-      i(t), t && a(f(t, n, { locale: c })), d || (p?.(t), u(!1));
-    }, G = (t) => {
-      p?.(t !== void 0 ? t : M), u(!1);
-    }, J = () => {
-      i(e), a(e ? f(e, n, { locale: c }) : ""), u(!1);
-    }, N = () => {
-      i(void 0), a(""), p?.(void 0), d || u(!1);
-    }, K = (t) => {
-      const h = t.target.value, D = $(h, n, s);
-      if (a(D), D === "") {
-        i(void 0), d || p?.(void 0);
+      r || (p(t ? u(t, n, { locale: i }) : ""), a(t));
+    }, [t, n, r, i]), o.useEffect(() => {
+      r && (a(t), w(t || /* @__PURE__ */ new Date()));
+    }, [r, t]);
+    const G = (e) => {
+      a(e), e && p(u(e, n, { locale: i })), d || (f?.(e), l(!1));
+    }, J = (e) => {
+      f?.(e !== void 0 ? e : N), l(!1);
+    }, S = () => {
+      a(t), p(t ? u(t, n, { locale: i }) : ""), l(!1);
+    }, V = () => {
+      a(void 0), p(""), f?.(void 0), d || l(!1);
+    }, Q = (e) => {
+      const h = e.target.value, k = F(h, n, s);
+      if (p(k), k === "") {
+        a(void 0), d || f?.(void 0);
         return;
       }
-      const y = w(D, n, /* @__PURE__ */ new Date(), { locale: c });
-      k(y) && D.length === n.length && (i(y), x(y), d || p?.(y));
-    }, Q = () => {
-      if (l) return;
-      const t = _(s, n), h = w(t, n, /* @__PURE__ */ new Date(), { locale: c });
-      !k(h) || t.length !== n.length ? (a(e ? f(e, n, { locale: c }) : ""), i(e)) : (a(t), d || p?.(h));
-    }, R = (e ? f(e, n, { locale: c }) : "") !== s, U = s.length === n.length && !k(w(s, n, /* @__PURE__ */ new Date(), { locale: c }));
-    return /* @__PURE__ */ C(ee, { open: l, onOpenChange: u, children: [
-      /* @__PURE__ */ r(te, { asChild: !0, children: /* @__PURE__ */ r("div", { "data-component": "date-picker", "data-state": l ? "open" : "closed", "data-pending": R || void 0, children: /* @__PURE__ */ r(
-        F,
+      const P = I(k, n, /* @__PURE__ */ new Date(), { locale: i });
+      x(P) && k.length === n.length && (a(P), w(P), d || f?.(P));
+    }, U = () => {
+      if (r) return;
+      const e = $(s, n), h = I(e, n, /* @__PURE__ */ new Date(), { locale: i });
+      !x(h) || e.length !== n.length ? (p(t ? u(t, n, { locale: i }) : ""), a(t)) : (p(e), d || f?.(h));
+    }, v = (t ? u(t, n, { locale: i }) : "") !== s, W = s.length === n.length && !x(I(s, n, /* @__PURE__ */ new Date(), { locale: i }));
+    return /* @__PURE__ */ C(te, { open: r, onOpenChange: l, children: [
+      /* @__PURE__ */ c(ne, { asChild: !0, children: /* @__PURE__ */ c("div", { "data-component": "date-picker", "data-state": r ? "open" : "closed", "data-pending": v || void 0, children: /* @__PURE__ */ c(
+        ee,
         {
-          ref: m,
+          ref: g,
           value: s,
-          onChange: K,
-          onBlur: Q,
-          onClick: (t) => l && t.stopPropagation(),
-          placeholder: l ? n : X,
-          disabled: I,
+          onChange: Q,
+          onBlur: U,
+          onClick: (e) => r && e.stopPropagation(),
+          onKeyDown: (e) => {
+            (e.key === "Enter" || e.key === "ArrowDown") && !r && (e.preventDefault(), D.current = !0, l(!0)), e.key === "Escape" && r && (e.preventDefault(), S());
+          },
+          placeholder: r ? n : q,
+          disabled: R,
           "data-form-control": "input",
-          className: Z(
+          className: _(
             "cursor-pointer",
-            U ? "text-destructive" : R ? "text-content-muted" : "",
+            W ? "text-destructive" : v ? "text-content-muted" : "",
             B
           ),
           suffix: /* @__PURE__ */ C("div", { className: "flex items-center gap-1", children: [
-            e && !I && /* @__PURE__ */ C(T, { children: [
-              /* @__PURE__ */ r(V, { asChild: !0, children: /* @__PURE__ */ r(
-                W,
+            t && !R && /* @__PURE__ */ C(M, { children: [
+              /* @__PURE__ */ c(T, { asChild: !0, children: /* @__PURE__ */ c(
+                Y,
                 {
                   className: "h-4 w-4 cursor-pointer hover:text-content",
-                  onClick: (t) => {
-                    t.stopPropagation(), N();
+                  onClick: (e) => {
+                    e.stopPropagation(), V();
                   }
                 }
               ) }),
-              /* @__PURE__ */ r(A, { variant: "tertiary", side: "top", children: P("calendar.clear") })
+              /* @__PURE__ */ c(A, { variant: "tertiary", side: "top", children: m("calendar.clear") })
             ] }),
-            /* @__PURE__ */ C(T, { children: [
-              /* @__PURE__ */ r(V, { asChild: !0, children: /* @__PURE__ */ r(Y, { className: "h-4 w-4 text-secondary-foreground" }) }),
-              /* @__PURE__ */ r(A, { variant: "tertiary", side: "top", children: P("datePicker.selectDate") })
+            /* @__PURE__ */ C(M, { children: [
+              /* @__PURE__ */ c(T, { asChild: !0, children: /* @__PURE__ */ c("button", { type: "button", tabIndex: 0, "aria-label": m("datePicker.selectDate"), onClick: (e) => {
+                e.stopPropagation(), l(!r);
+              }, onKeyDown: (e) => {
+                (e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), D.current = !0, l(!r));
+              }, className: "inline-flex items-center justify-center bg-transparent border-none p-0 cursor-pointer", children: /* @__PURE__ */ c(Z, { className: "h-4 w-4 text-secondary-foreground" }) }) }),
+              /* @__PURE__ */ c(A, { variant: "tertiary", side: "top", children: m("datePicker.selectDate") })
             ] })
           ] }),
-          ...b
+          ...H
         }
       ) }) }),
-      /* @__PURE__ */ r(
-        ne,
+      /* @__PURE__ */ c(
+        re,
         {
           className: "w-auto p-0",
           align: "start",
-          onOpenAutoFocus: (t) => t.preventDefault(),
-          children: /* @__PURE__ */ r(
+          onOpenAutoFocus: (e) => {
+            D.current || e.preventDefault(), D.current = !1;
+          },
+          children: /* @__PURE__ */ c(
             oe,
             {
               mode: "single",
-              selected: M,
-              onSelect: z,
-              month: q,
-              onMonthChange: x,
-              disabled: { before: L, after: E },
-              startMonth: O,
-              endMonth: j,
+              selected: N,
+              onSelect: G,
+              month: z,
+              onMonthChange: w,
+              disabled: { before: L, after: j },
+              startMonth: K,
+              endMonth: O,
               showFooter: d,
-              onApply: G,
-              onCancel: J,
-              onClear: N,
+              onApply: J,
+              onCancel: S,
+              onClear: V,
               captionLayout: "dropdown"
             }
           )