impact-nova 1.6.2 → 1.6.4

package/dist/components/ui/chart/chart.js

@@ -1,9 +1,9 @@
-import { jsx as s, jsxs as F } from "react/jsx-runtime";
+import { jsx as s, jsxs as b } from "react/jsx-runtime";
 import * as n from "react";
-import * as l from "highcharts";
-import H from "highcharts-react-official";
-import { cn as g } from "../../../lib/utils.js";
-import { Skeleton as L } from "../skeleton.js";
+import * as i from "highcharts";
+import F from "highcharts-react-official";
+import { cn as p } from "../../../lib/utils.js";
+import { Skeleton as k } from "../skeleton.js";
 import { Minimize2 as A, Maximize2 as j } from "lucide-react";
 import { Button as I } from "../button.js";
 import B from "highcharts/highcharts-more";
@@ -13,41 +13,41 @@ import P from "highcharts/modules/treemap";
 import D from "highcharts/modules/venn";
 import V from "highcharts/modules/stock";
 import O from "highcharts/modules/accessibility";
-import G from "highcharts/modules/exporting";
-import J from "highcharts/modules/dumbbell";
-import K from "highcharts/modules/lollipop";
-import Q from "highcharts-border-radius";
-import { getBaseChartOptions as U } from "./chart.utils.js";
-import { useImpactNovaI18n as W } from "../../../i18n/ImpactNovaI18nContext.js";
+import W from "highcharts/modules/exporting";
+import G from "highcharts/modules/dumbbell";
+import J from "highcharts/modules/lollipop";
+import K from "highcharts-border-radius";
+import { getBaseChartOptions as Q } from "./chart.utils.js";
+import { useImpactNovaI18n as U } from "../../../i18n/ImpactNovaI18nContext.js";
 const c = (e, r) => {
   typeof e == "function" ? e(r) : typeof e == "object" && e.default && typeof e.default == "function" && e.default(r);
 };
-typeof l == "object" && (c(B, l), c(M, l), c(T, l), c(P, l), c(D, l), c(O, l), c(G, l), c(J, l), c(K, l), c(V, l), c(Q, l));
-const b = n.createContext(null), k = () => {
-  const e = n.useContext(b);
+typeof i == "object" && (c(B, i), c(M, i), c(T, i), c(P, i), c(D, i), c(O, i), c(W, i), c(G, i), c(J, i), c(V, i), c(K, i));
+const E = n.createContext(null), z = () => {
+  const e = n.useContext(E);
   if (!e)
     throw new Error("Chart components must be used within a ChartContainer");
   return e;
-}, z = n.forwardRef(
-  ({ className: e, children: r, isLoading: i = !1, ...o }, f) => {
-    const a = n.useRef(null), m = n.useRef(null), [u, h] = n.useState(!1), [x, p] = n.useState(!1);
-    n.useImperativeHandle(f, () => a.current);
-    const w = () => {
-      const t = a.current;
-      t && (p(!0), t.classList.add("fullscreen-animating"), setTimeout(() => {
-        t.requestFullscreen ? t.requestFullscreen() : t.webkitRequestFullscreen ? t.webkitRequestFullscreen() : t.msRequestFullscreen && t.msRequestFullscreen(), h(!0), t.classList.remove("fullscreen-animating");
+}, S = n.forwardRef(
+  ({ className: e, children: r, isLoading: a = !1, ...o }, h) => {
+    const l = n.useRef(null), u = n.useRef(null), [m, f] = n.useState(!1), [R, w] = n.useState(!1);
+    n.useImperativeHandle(h, () => l.current);
+    const x = () => {
+      const t = l.current;
+      t && (w(!0), t.classList.add("fullscreen-animating"), setTimeout(() => {
+        t.requestFullscreen ? t.requestFullscreen() : t.webkitRequestFullscreen ? t.webkitRequestFullscreen() : t.msRequestFullscreen && t.msRequestFullscreen(), f(!0), t.classList.remove("fullscreen-animating");
       }, 200));
-    }, C = () => {
-      const t = a.current;
-      t && (p(!0), t.classList.add("fullscreen-animating-out"), setTimeout(() => {
-        document.exitFullscreen ? document.exitFullscreen() : document.webkitExitFullscreen ? document.webkitExitFullscreen() : document.msExitFullscreen && document.msExitFullscreen(), h(!1), t.classList.remove("fullscreen-animating-out");
+    }, g = () => {
+      const t = l.current;
+      t && (w(!0), t.classList.add("fullscreen-animating-out"), setTimeout(() => {
+        document.exitFullscreen ? document.exitFullscreen() : document.webkitExitFullscreen ? document.webkitExitFullscreen() : document.msExitFullscreen && document.msExitFullscreen(), f(!1), t.classList.remove("fullscreen-animating-out");
       }, 200));
-    }, q = () => {
-      u ? C() : w();
+    }, C = () => {
+      m ? g() : x();
     };
     return n.useEffect(() => {
       const t = () => {
-        document.fullscreenElement || document.webkitFullscreenElement || document.msFullscreenElement || h(!1);
+        document.fullscreenElement || document.webkitFullscreenElement || document.msFullscreenElement || f(!1);
       };
       return document.addEventListener("fullscreenchange", t), document.addEventListener("webkitfullscreenchange", t), () => {
         document.removeEventListener("fullscreenchange", t), document.removeEventListener(
@@ -56,44 +56,44 @@ const b = n.createContext(null), k = () => {
         );
       };
     }, []), n.useEffect(() => {
-      if (!m?.current?.chart) return;
-      const t = m.current.chart;
+      if (!u?.current?.chart) return;
+      const t = u.current.chart;
       let d = null;
-      const E = () => {
-        u && a.current ? (d && cancelAnimationFrame(d), d = requestAnimationFrame(() => {
-          const v = a.current;
+      const N = () => {
+        m && l.current ? (d && cancelAnimationFrame(d), d = requestAnimationFrame(() => {
+          const v = l.current;
           if (!v) return;
-          const R = v.getBoundingClientRect(), N = v.querySelector('[class*="ChartContent"]');
-          if (N) {
-            const y = N.getBoundingClientRect();
-            t.setSize(y.width, y.height, !1);
+          const y = v.getBoundingClientRect(), H = v.querySelector('[class*="ChartContent"]');
+          if (H) {
+            const L = H.getBoundingClientRect();
+            t.setSize(L.width, L.height, !1);
           } else
-            t.setSize(R.width, R.height, !1);
+            t.setSize(y.width, y.height, !1);
           d = null;
         })) : (t.setSize(null, null, !1), t.reflow());
       };
-      return window.addEventListener("resize", E), () => {
-        d && cancelAnimationFrame(d), window.removeEventListener("resize", E);
+      return window.addEventListener("resize", N), () => {
+        d && cancelAnimationFrame(d), window.removeEventListener("resize", N);
       };
-    }, [u]), /* @__PURE__ */ s(
-      b.Provider,
+    }, [m]), /* @__PURE__ */ s(
+      E.Provider,
       {
         value: {
-          isExpanded: u,
-          toggleFullscreen: q,
-          isLoading: i,
-          containerRef: a,
-          chartComponentRef: m
+          isExpanded: m,
+          toggleFullscreen: C,
+          isLoading: a,
+          containerRef: l,
+          chartComponentRef: u
         },
         children: /* @__PURE__ */ s(
           "div",
           {
-            ref: a,
-            className: g(
+            ref: l,
+            className: p(
               e,
               "w-full relative bg-canvas-elevated transition-all duration-200 ease-in-out",
-              u && "fixed inset-0 z-50 h-screen w-screen p-4 bg-canvas flex flex-col",
-              x && "overflow-hidden"
+              m && "fixed inset-0 z-50 h-screen w-screen p-4 bg-canvas flex flex-col",
+              R && "overflow-hidden"
             ),
             ...o,
             children: r
@@ -103,89 +103,98 @@ const b = n.createContext(null), k = () => {
     );
   }
 );
-z.displayName = "ChartContainer";
+S.displayName = "ChartContainer";
 const X = n.forwardRef(
-  ({ className: e, children: r, ...i }, o) => /* @__PURE__ */ s("div", { ref: o, className: g("flex items-center justify-between mb-4", e), ...i, children: r })
+  ({ className: e, children: r, ...a }, o) => /* @__PURE__ */ s("div", { ref: o, className: p("flex items-center justify-between mb-4", e), ...a, children: r })
 );
 X.displayName = "ChartHeader";
 const Y = n.forwardRef(
-  ({ className: e, ...r }, i) => /* @__PURE__ */ s("h3", { ref: i, className: g("text-lg font-semibold leading-none tracking-tight", e), ...r })
+  ({ className: e, ...r }, a) => /* @__PURE__ */ s("h3", { ref: a, className: p("text-lg font-semibold leading-none tracking-tight", e), ...r })
 );
 Y.displayName = "ChartTitle";
 const Z = n.forwardRef(
-  ({ className: e, ...r }, i) => /* @__PURE__ */ s("div", { ref: i, className: g("flex items-center gap-2", e), ...r })
+  ({ className: e, ...r }, a) => /* @__PURE__ */ s("div", { ref: a, className: p("flex items-center gap-2", e), ...r })
 );
 Z.displayName = "ChartActions";
 const _ = n.forwardRef(
-  ({ className: e, ...r }, i) => {
-    const { t: o } = W(), { toggleFullscreen: f, isExpanded: a } = k(), m = o("aria.toggleFullscreen");
-    return /* @__PURE__ */ F(
+  ({ className: e, ...r }, a) => {
+    const { t: o } = U(), { toggleFullscreen: h, isExpanded: l } = z(), u = o("aria.toggleFullscreen");
+    return /* @__PURE__ */ b(
       I,
       {
         variant: "ghost",
         size: "icon",
-        onClick: f,
-        ref: i,
-        className: g("h-8 w-8", e),
-        "aria-label": m,
+        onClick: h,
+        ref: a,
+        className: p("h-8 w-8", e),
+        "aria-label": u,
         ...r,
         children: [
-          a ? /* @__PURE__ */ s(A, { className: "h-4 w-4" }) : /* @__PURE__ */ s(j, { className: "h-4 w-4" }),
-          /* @__PURE__ */ s("span", { className: "sr-only", children: m })
+          l ? /* @__PURE__ */ s(A, { className: "h-4 w-4" }) : /* @__PURE__ */ s(j, { className: "h-4 w-4" }),
+          /* @__PURE__ */ s("span", { className: "sr-only", children: u })
         ]
       }
     );
   }
 );
 _.displayName = "ChartFullScreen";
-const S = n.forwardRef(
-  ({ className: e, children: r, loader: i, ...o }, f) => {
-    const { isLoading: a, chartComponentRef: m, isExpanded: u } = k();
-    return a && i ? /* @__PURE__ */ s("div", { ref: f, className: g(e, "w-full relative flex items-center justify-center flex-1 min-h-[300px]", u && "min-h-0"), ...o, children: i }) : /* @__PURE__ */ F("div", { ref: f, className: g(e, "w-full relative flex-1 min-h-[300px]", u && "min-h-0"), ...o, children: [
-      a && /* @__PURE__ */ F("div", { className: "absolute inset-0 z-10 bg-canvas/50 flex flex-col gap-2 p-4", children: [
-        /* @__PURE__ */ s(L, { className: "h-8 w-1/3" }),
-        /* @__PURE__ */ s(L, { className: "flex-1 w-full" })
+const q = n.forwardRef(
+  ({ className: e, children: r, loader: a, ...o }, h) => {
+    const { isLoading: l, chartComponentRef: u, isExpanded: m } = z();
+    return l && a ? /* @__PURE__ */ s("div", { ref: h, className: p(e, "w-full relative flex items-center justify-center flex-1 min-h-[300px]", m && "min-h-0"), ...o, children: a }) : /* @__PURE__ */ b("div", { ref: h, className: p(e, "w-full relative flex-1 min-h-[300px]", m && "min-h-0"), ...o, children: [
+      l && /* @__PURE__ */ b("div", { className: "absolute inset-0 z-10 bg-canvas/50 flex flex-col gap-2 p-4", children: [
+        /* @__PURE__ */ s(k, { className: "h-8 w-1/3" }),
+        /* @__PURE__ */ s(k, { className: "flex-1 w-full" })
       ] }),
-      n.Children.map(r, (h) => n.isValidElement(h) ? n.cloneElement(h, { ref: m }) : h)
+      n.Children.map(r, (f) => n.isValidElement(f) ? n.cloneElement(f, { ref: u }) : f)
     ] });
   }
 );
-S.displayName = "ChartContent";
+q.displayName = "ChartContent";
 const $ = n.forwardRef(
   (e, r) => {
     const {
-      height: i,
+      height: a,
       width: o,
-      className: f,
-      isLoading: a,
-      loader: m,
-      title: u,
-      children: h,
-      ...x
-    } = e, p = n.useContext(b), w = n.useMemo(() => {
-      const C = U({ title: u, ...x });
+      className: h,
+      isLoading: l,
+      loader: u,
+      title: m,
+      noWrapper: f,
+      children: R,
+      ...w
+    } = e, x = n.useContext(E), g = n.useMemo(() => {
+      const C = Q({ title: m, ...w });
       return {
         ...C,
         chart: {
           ...C.chart,
-          height: i ?? null,
+          height: a ?? null,
           width: o ?? null
         }
       };
     }, [e]);
-    return p ? /* @__PURE__ */ s(
-      H,
+    return f ? /* @__PURE__ */ s(
+      F,
+      {
+        highcharts: i,
+        options: g,
+        ref: r,
+        containerProps: { style: { height: "100%", width: "100%" } }
+      }
+    ) : x ? /* @__PURE__ */ s(
+      F,
       {
-        highcharts: l,
-        options: w,
+        highcharts: i,
+        options: g,
         ref: r,
         containerProps: { style: { height: "100%", width: "100%" } }
       }
-    ) : /* @__PURE__ */ s(z, { className: f, isLoading: a, children: /* @__PURE__ */ s(S, { loader: m, children: /* @__PURE__ */ s(
-      H,
+    ) : /* @__PURE__ */ s(S, { className: h, isLoading: l, children: /* @__PURE__ */ s(q, { loader: u, children: /* @__PURE__ */ s(
+      F,
       {
-        highcharts: l,
-        options: w,
+        highcharts: i,
+        options: g,
         ref: r,
         containerProps: { style: { height: "100%", width: "100%" } }
       }
@@ -196,8 +205,8 @@ $.displayName = "Chart";
 export {
   $ as Chart,
   Z as ChartActions,
-  z as ChartContainer,
-  S as ChartContent,
+  S as ChartContainer,
+  q as ChartContent,
   _ as ChartFullScreen,
   X as ChartHeader,
   Y as ChartTitle

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