impact-nova 1.7.19 → 1.7.21

package/dist/components/ui/ag-grid-react/headers/advanced-filter/advanced-filter-dialog.js

@@ -1,5 +1,5 @@
 import { jsxs as f, jsx as r, Fragment as U } from "react/jsx-runtime";
-import { useState as D } from "react";
+import { useState as R } from "react";
 import { Dialog as W, DialogContent as X, DialogHeader as Y, DialogTitle as Z, DialogClose as _, DialogBody as I, DialogFooter as ee } from "../../../dialog.js";
 import { Button as C } from "../../../button.js";
 import { ButtonGroup as te } from "../../../button-group.js";
@@ -19,19 +19,19 @@ const B = (S) => {
   columnId: s,
   columnLabel: P,
   columnType: v,
-  selectOptions: j,
+  selectOptions: A,
   isMultiSelect: $,
   initialModel: k,
   api: h
   // Add api to props
 }) => {
-  const { t: d } = ne(), T = () => (k?.rules || []).filter((e) => !("logic" in e)), [y, G] = D("column"), [F, O] = D(() => {
-    const e = {}, n = T(), t = B(n);
+  const { t: d } = ne(), E = () => (k?.rules || []).filter((e) => !("logic" in e)), [y, G] = R("column"), [x, O] = R(() => {
+    const e = {}, n = E(), t = B(n);
     return Object.keys(t).forEach((a) => {
       e[a] = k?.logic || "OR";
     }), e[s] || (e[s] = "OR"), e;
-  }), [g, L] = D(() => {
-    const e = T();
+  }), [g, w] = R(() => {
+    const e = E();
     if (h) {
       const t = h.getFilterModel();
       t && Object.keys(t).forEach((i) => {
@@ -63,7 +63,7 @@ const B = (S) => {
               value: l.values
             };
           else if (l.filterType === "multi") {
-            const c = l.filterModels?.find((R) => R && R.filterType === "set");
+            const c = l.filterModels?.find((D) => D && D.filterType === "set");
             c && (o = {
               id: Math.random().toString(36).substr(2, 9),
               columnId: i,
@@ -78,12 +78,12 @@ const B = (S) => {
       });
     }
     return e.some((t) => t.columnId === s) || e.push(N(s, v)), e;
-  }), [x] = D(() => ({
+  }), [b] = R(() => ({
     allRules: g,
     // Use the computed rules (potentially synced)
-    columnLogic: { ...F }
-  })), J = JSON.stringify({ allRules: g, columnLogic: F }) !== JSON.stringify(x), E = (e) => g.filter((n) => n.columnId === e), b = (e, n) => {
-    L((t) => {
+    columnLogic: { ...x }
+  })), J = JSON.stringify({ allRules: g, columnLogic: x }) !== JSON.stringify(b), T = (e) => g.filter((n) => n.columnId === e), F = (e, n) => {
+    w((t) => {
       const a = /* @__PURE__ */ new Set(), i = [];
       t.forEach((o) => {
         a.has(o.columnId) || (a.add(o.columnId), i.push(o.columnId));
@@ -93,22 +93,22 @@ const B = (S) => {
         o === e ? l.push(...n) : l.push(...t.filter((c) => c.columnId === o));
       }), l;
     });
-  }, M = (e) => F[e] || "OR", w = (e, n) => {
+  }, L = (e) => x[e] || "OR", M = (e, n) => {
     O((t) => ({ ...t, [e]: n }));
   }, H = () => {
-    y === "column" ? (b(s, [N(s, v)]), w(s, "OR")) : (L([N(s, v)]), O({ [s]: "OR" }));
+    y === "column" ? (F(s, [N(s, v)]), M(s, "OR")) : (w([N(s, v)]), O({ [s]: "OR" }));
   }, V = () => {
-    L(x.allRules.length > 0 ? x.allRules : [N(s, v)]), O(x.columnLogic);
+    w(b.allRules.length > 0 ? b.allRules : [N(s, v)]), O(b.columnLogic);
   }, K = () => {
     const e = g.filter((n) => n.operator === "empty" || n.operator === "notEmpty" ? !!n.columnId : n.columnId && n.value !== "" && n.value !== null);
     if (e.length === 0)
       m(null);
     else {
       const n = e[0].columnId;
-      m({ logic: M(n), rules: e });
+      m({ logic: L(n), rules: e });
     }
     u();
-  }, Q = B(g), A = Object.keys(Q), q = (e, n) => {
+  }, Q = B(g), j = Object.keys(Q), q = (e, n) => {
     if (!h) return n;
     const t = h.getColumn(e);
     if (!t) return n;
@@ -125,16 +125,18 @@ const B = (S) => {
     (console.log("[AdvancedFilterDialog] Current State:", {
       mode: y,
       allRules: g,
-      columnLogic: F,
-      activeColumns: A
+      columnLogic: x,
+      activeColumns: j
     }), null),
-    /* @__PURE__ */ f(X, { className: "w-[550px] max-w-[95vw] p-0", hideClose: !0, children: [
-      /* @__PURE__ */ f(Y, { className: "flex flex-row items-center gap-4 px-4 py-2", children: [
+    /* @__PURE__ */ f(X, { className: "w-[800px] max-w-[95vw] max-h-[90vh] flex flex-col p-0", hideClose: !0, children: [
+      /* @__PURE__ */ f(Y, { className: "flex flex-row items-center justify-between px-4 py-3", children: [
         /* @__PURE__ */ r(Z, { children: d("advancedFilter.title") }),
-        /* @__PURE__ */ r("div", { className: "flex-1 flex  items-center justify-end", children: /* @__PURE__ */ f(
+        /* @__PURE__ */ r(_, { asChild: !0, children: /* @__PURE__ */ r(C, { variant: "ghost", size: "icon", className: "h-8 w-8 p-0 text-content-tertiary hover:text-brand-variant-hover", onClick: u, "aria-label": d("aria.close"), children: /* @__PURE__ */ r(le, { size: 14 }) }) })
+      ] }),
+      /* @__PURE__ */ f("div", { className: "flex items-center justify-between px-4 py-4 pb-2", children: [
+        /* @__PURE__ */ f(
           te,
           {
-            className: "",
             value: y,
             onValueChange: (e) => G(e),
             children: [
@@ -142,10 +144,10 @@ const B = (S) => {
               /* @__PURE__ */ r(C, { value: "global", size: "md", children: d("advancedFilter.allFilters") })
             ]
           }
-        ) }),
-        /* @__PURE__ */ r(_, { asChild: !0, children: /* @__PURE__ */ r(C, { variant: "ghost", size: "icon", className: "h-8 w-8 p-0 text-content-tertiary hover:text-brand-variant-hover", onClick: u, "aria-label": d("aria.close"), children: /* @__PURE__ */ r(le, { size: 14 }) }) })
+        ),
+        /* @__PURE__ */ r(C, { variant: "ghost", onClick: H, className: "!text-brand", children: d("advancedFilter.clearAll") })
       ] }),
-      /* @__PURE__ */ r(I, { className: "px-0 py-4 min-h-[300px] max-h-[400px] overflow-y-auto", children: /* @__PURE__ */ r("div", { className: "flex flex-col gap-6 w-full px-4", children: y === "column" ? (
+      /* @__PURE__ */ r(I, { className: "px-0 py-4 flex-1 overflow-y-auto min-h-0", children: /* @__PURE__ */ r("div", { className: "flex flex-col gap-6 w-full px-4", children: y === "column" ? (
         // Column Mode: Single column section
         /* @__PURE__ */ r(
           z,
@@ -153,17 +155,17 @@ const B = (S) => {
             columnId: s,
             columnLabel: q(s, P),
             columnType: v,
-            selectOptions: j,
-            isMultiSelect: j ? !!$ : !0,
-            rules: E(s),
-            logic: M(s),
-            onLogicChange: (e) => w(s, e),
-            onRulesChange: (e) => b(s, e)
+            selectOptions: A,
+            isMultiSelect: A ? !!$ : !0,
+            rules: T(s),
+            logic: L(s),
+            onLogicChange: (e) => M(s, e),
+            onRulesChange: (e) => F(s, e)
           }
         )
       ) : (
         // Global Mode: All columns with filters
-        /* @__PURE__ */ r(U, { children: A.length === 0 ? /* @__PURE__ */ r("div", { className: "text-center py-8 text-content-placeholder", children: d("advancedFilter.noFiltersApplied") }) : A.map((e, n) => {
+        /* @__PURE__ */ r(U, { children: j.length === 0 ? /* @__PURE__ */ r("div", { className: "text-center py-8 text-content-placeholder", children: d("advancedFilter.noFiltersApplied") }) : j.map((e, n) => {
           let t = null;
           if (h) {
             const p = h.getColumn(e);
@@ -171,7 +173,7 @@ const B = (S) => {
           }
           const a = t?.headerComponentParams, i = t?.headerName || e, l = q(e, i), o = t?.filter === "agNumberColumnFilter" ? "number" : t?.filter === "agDateColumnFilter" ? "date" : t?.filter === "agMultiColumnFilter" ? "multi" : t?.filter === "agSetColumnFilter" || a?.selectOptions ? "select" : "text";
           console.log(`[AdvancedFilterDialog] Column: ${e}, Type: ${o}, Filter: ${t?.filter}`);
-          const c = a?.selectOptions, R = a?.isMultiSelect;
+          const c = a?.selectOptions, D = a?.isMultiSelect;
           return /* @__PURE__ */ f("div", { children: [
             n > 0 && /* @__PURE__ */ r("hr", { className: "border-stroke-hairline mb-6" }),
             /* @__PURE__ */ r(
@@ -181,40 +183,30 @@ const B = (S) => {
                 columnLabel: l,
                 columnType: o,
                 selectOptions: c,
-                isMultiSelect: R,
-                rules: E(e),
-                logic: M(e),
-                onLogicChange: (p) => w(e, p),
-                onRulesChange: (p) => b(e, p),
+                isMultiSelect: D,
+                rules: T(e),
+                logic: L(e),
+                onLogicChange: (p) => M(e, p),
+                onRulesChange: (p) => F(e, p),
                 canDeleteLastRule: !0,
-                onDeleteColumnFilter: () => b(e, [])
+                onDeleteColumnFilter: () => F(e, [])
               }
             )
           ] }, e);
         }) })
       ) }) }),
-      /* @__PURE__ */ f(ee, { className: "flex justify-between", children: [
+      /* @__PURE__ */ r(ee, { className: "flex justify-end border-t border-[#D9DDE7]", children: /* @__PURE__ */ f("div", { className: "flex gap-3", children: [
         /* @__PURE__ */ r(
           C,
           {
-            onClick: H,
+            onClick: V,
             variant: "secondary",
-            children: d("advancedFilter.clearAll")
+            disabled: !J,
+            children: d("advancedFilter.discard")
           }
         ),
-        /* @__PURE__ */ f("div", { className: "flex gap-3", children: [
-          /* @__PURE__ */ r(
-            C,
-            {
-              onClick: V,
-              variant: "outline",
-              disabled: !J,
-              children: d("advancedFilter.discard")
-            }
-          ),
-          /* @__PURE__ */ r(C, { onClick: K, variant: "default", children: d("advancedFilter.apply") })
-        ] })
-      ] })
+        /* @__PURE__ */ r(C, { onClick: K, variant: "default", children: d("advancedFilter.apply") })
+      ] }) })
     ] })
   ] });
 };

package/dist/components/ui/ag-grid-react/headers/custom-header-group.js

@@ -5,13 +5,13 @@ import { HeaderInfo as f } from "./components/header-info.js";
 import { TruncatedText as u } from "./components/truncated-text.js";
 const y = (t) => {
   const {
-    displayName: l,
+    displayName: i,
     showInfoIcon: c = !1,
     columnGroup: e,
     setExpanded: n
-  } = t, o = e ? e.isExpanded() : !1, r = e ? e.isExpandable() : !1, d = (i) => {
-    i && i.stopPropagation(), n && e && n(!o);
-  }, s = l || "";
+  } = t, o = e ? e.isExpanded() : !1, r = e ? e.isExpandable() : !1, d = (l) => {
+    l && l.stopPropagation(), n && e && n(!o);
+  }, s = i || "";
   return !s && c === !1 ? null : /* @__PURE__ */ p(
     "div",
     {
@@ -23,7 +23,7 @@ const y = (t) => {
           u,
           {
             text: s,
-            className: "ag-header-group-text font-semibold text-content"
+            className: "ag-header-group-text font-bold text-content"
           }
         ),
         /* @__PURE__ */ a(f, { ...t, className: "ml-1" }),

package/dist/components/ui/ag-grid-react/headers/custom-header.js

@@ -116,9 +116,9 @@ const ee = () => /* @__PURE__ */ h(T, { children: [
     enableSpaceSplitting: B,
     enableBooleanParsing: E,
     enableDateParsing: R
-  } = r, d = Q(), { t: N } = V(), n = s.getColDef(), v = s.getColId(), k = s.isFilterActive(), j = s.getSort(), y = s.getSortIndex(), O = !!j, z = y != null && (y > 0 || a.getColumnState().filter((o) => o.sort).length > 1), G = O && z, I = n?.filter || "agTextColumnFilter", p = I === "agNumberColumnFilter" || (Array.isArray(n?.type) ? n.type.some((o) => o === "number" || o === "numericColumn") : n?.type === "number" || n?.type === "numericColumn");
+  } = r, d = Q(), { t: N } = V(), n = s.getColDef(), p = s.getColId(), k = s.isFilterActive(), j = s.getSort(), y = s.getSortIndex(), O = !!j, z = y != null && (y > 0 || a.getColumnState().filter((o) => o.sort).length > 1), G = O && z, I = n?.filter || "agTextColumnFilter", v = I === "agNumberColumnFilter" || (Array.isArray(n?.type) ? n.type.some((o) => o === "number" || o === "numericColumn") : n?.type === "number" || n?.type === "numericColumn");
   I === "agDateColumnFilter" || (Array.isArray(n?.type) ? n.type.includes("dateColumn") : n?.type);
-  const L = a.getGridOption("context")?.activeSearchColumnId === v, M = ![
+  const L = a.getGridOption("context")?.activeSearchColumnId === p, M = ![
     "agTextColumnFilter",
     "agNumberColumnFilter",
     "agDateColumnFilter",
@@ -132,10 +132,10 @@ const ee = () => /* @__PURE__ */ h(T, { children: [
     o.stopPropagation(), C && S && S(o.shiftKey);
   }, U = (o) => {
     if (o.stopPropagation(), u && u(r), M) {
-      a.showColumnFilter ? a.showColumnFilter(v) : a.showColumnMenu(v);
+      a.showColumnFilter ? a.showColumnFilter(p) : a.showColumnMenu(p);
       return;
     }
-    d && (L ? d.closeSearch() : d.openSearch(v));
+    d && (L ? d.closeSearch() : d.openSearch(p));
   }, K = (o) => /* @__PURE__ */ e("span", { onClick: (q) => q.stopPropagation(), children: /* @__PURE__ */ e(
     W,
     {
@@ -169,7 +169,7 @@ const ee = () => /* @__PURE__ */ h(T, { children: [
     {
       className: g(
         "ag-header-cell-label flex items-center w-full group min-w-0 h-full",
-        p ? "flex-row-reverse" : "flex-row",
+        v ? "flex-row-reverse" : "flex-row",
         // Center the content area if it's a selection column
         n?.headerCheckboxSelection && (!t || t.trim() === "") ? "justify-center" : ""
       ),
@@ -181,17 +181,17 @@ const ee = () => /* @__PURE__ */ h(T, { children: [
             className: g(
               "ag-header-cell-text relative group flex min-w-0",
               // Use items-start for non-numeric to allow 2-line text expansion
-              p ? "items-center" : "items-start",
+              v ? "items-center" : "items-start",
               // Remove flex-1 if we are centering via parent's justify-center
               !(n?.headerCheckboxSelection && (!t || t.trim() === "")) && "flex-1",
-              p ? "flex-row-reverse" : "flex-row",
+              v ? "flex-row-reverse" : "flex-row",
               C ? "sortable cursor-pointer" : ""
             ),
             onClick: C ? F : void 0,
             children: /* @__PURE__ */ h("div", { className: g(
               "flex min-w-0",
               // Use items-start for non-numeric to allow 2-line text expansion
-              p ? "flex-row-reverse items-center" : "flex-row items-start",
+              v ? "flex-row-reverse items-center" : "flex-row items-start",
               // If it's a checkbox-only header, ensure it shrinks to content for centering
               n?.headerCheckboxSelection && (!t || t.trim() === "") ? "justify-center items-center" : "gap-1 flex-1"
             ), children: [
@@ -199,7 +199,7 @@ const ee = () => /* @__PURE__ */ h(T, { children: [
               t && t.trim() !== "" && t !== N("gridHeader.selection") && /* @__PURE__ */ e(Y, { text: t }),
               t && t.trim() !== "" && K(g(
                 "text-content-tertiary hover:text-brand-variant-hover transition-colors",
-                p ? "mr-1" : "ml-1"
+                v ? "mr-1" : "ml-1"
               ))
             ] })
           }
@@ -209,7 +209,7 @@ const ee = () => /* @__PURE__ */ h(T, { children: [
           {
             className: g(
               "flex items-center shrink-0 group gap-1",
-              p ? "flex-row-reverse" : "flex-row"
+              v ? "flex-row-reverse" : "flex-row"
             ),
             children: [
               C && /* @__PURE__ */ h(
@@ -243,10 +243,10 @@ const ee = () => /* @__PURE__ */ h(T, { children: [
                 {
                   className: g(
                     "custom-ag-menu-icon-button cursor-pointer flex items-center shrink-0 overflow-hidden transition-colors duration-200 outline-none focus:outline-none focus:ring-0 text-content-tertiary hover:text-brand-variant-hover",
-                    d?.activeMenuColumnId === v ? "opacity-100 w-auto text-brand-variant-hover" : "w-0 opacity-0 group-hover:w-auto group-hover:opacity-100"
+                    d?.activeMenuColumnId === p ? "opacity-100 w-auto" : "w-0 opacity-0 group-hover:w-auto group-hover:opacity-100"
                   ),
                   onClick: (o) => {
-                    o.stopPropagation(), d && d.openMenu(v, o.currentTarget);
+                    o.stopPropagation(), d && d.openMenu(p, o.currentTarget);
                   },
                   children: /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ e("path", { d: "M14 18C14 18.55 13.8042 19.0208 13.4125 19.4125C13.0208 19.8042 12.55 20 12 20C11.45 20 10.9792 19.8042 10.5875 19.4125C10.1958 19.0208 10 18.55 10 18C10 17.45 10.1958 16.9792 10.5875 16.5875C10.9792 16.1958 11.45 16 12 16C12.55 16 13.0208 16.1958 13.4125 16.5875C13.8042 16.9792 14 17.45 14 18ZM14 12C14 12.55 13.8042 13.0208 13.4125 13.4125C13.0208 13.8042 12.55 14 12 14C11.45 14 10.9792 13.8042 10.5875 13.4125C10.1958 13.0208 10 12.55 10 12C10 11.45 10.1958 10.9792 10.5875 10.5875C10.9792 10.1958 11.45 10 12 10C12.55 10 13.0208 10.1958 13.4125 10.5875C13.8042 10.9792 14 11.45 14 12ZM14 6C14 6.55 13.8042 7.02083 13.4125 7.4125C13.0208 7.80417 12.55 8 12 8C11.45 8 10.9792 7.80417 10.5875 7.4125C10.1958 7.02083 10 6.55 10 6C10 5.45 10.1958 4.97917 10.5875 4.5875C10.9792 4.19583 11.45 4 12 4C12.55 4 13.0208 4.19583 13.4125 4.5875C13.8042 4.97917 14 5.45 14 6Z", fill: "currentColor" }) })
                 }

package/dist/components/ui/ag-grid-react/value-formatters.js

@@ -1,94 +1,102 @@
-const a = (e) => e?.nullDisplay ?? "-", F = (e, n) => {
-  let t, o;
-  return n === "bil" ? (t = e / 1e9, o = "B") : n === "mil" ? (t = e / 1e6, o = "M") : (t = e / 1e3, o = "K"), isNaN(t) || !isFinite(t) ? `0.0${o}` : t.toFixed(1) + o;
-}, y = (e, n) => !n || n === "full_no" ? null : F(e, n), N = (e) => {
-  const n = e.colDef, t = typeof n.valueFormatter == "object" ? n.valueFormatter : n;
-  if (e.value == null) return t.nullDisplay ?? "-";
-  const o = t.currency || "USD", c = t.locale || "en-US", r = e.context?.formatType || t.formatType, l = Number(e.value);
-  if (isNaN(l)) return String(e.value);
-  const s = y(Math.abs(l), r);
-  if (s) {
-    const u = l < 0 ? "-" : "", i = new Intl.NumberFormat(c, {
+const a = (t) => t?.nullDisplay ?? "-", D = (t, n) => {
+  let e, o;
+  return n === "bil" ? (e = t / 1e9, o = "B") : n === "mil" ? (e = t / 1e6, o = "M") : (e = t / 1e3, o = "K"), isNaN(e) || !isFinite(e) ? `0.0${o}` : e.toFixed(1) + o;
+}, y = (t, n) => !n || n === "full_no" || n === "full_precision" ? null : D(t, n), g = (t) => {
+  const n = t.colDef, e = typeof n.valueFormatter == "object" ? n.valueFormatter : n;
+  if (t.value == null) return e.nullDisplay ?? "-";
+  const o = e.currency || "USD", i = e.locale || "en-US", r = t.context?.formatType || e.formatType, c = Number(t.value);
+  if (isNaN(c)) return String(t.value);
+  const m = y(Math.abs(c), r);
+  if (m) {
+    const l = c < 0 ? "-" : "", u = new Intl.NumberFormat(i, {
       style: "currency",
       currency: o
-    }).formatToParts(0).find((D) => D.type === "currency")?.value || o;
-    return `${u}${i}${s}`;
+    }).formatToParts(0).find((s) => s.type === "currency")?.value || o;
+    return `${l}${u}${m}`;
   }
-  return new Intl.NumberFormat(c, {
+  if (r === "full_precision") {
+    const l = c < 0 ? "-" : "", u = new Intl.NumberFormat(i, { style: "currency", currency: o }).formatToParts(0).find((s) => s.type === "currency")?.value || o;
+    return `${l}${u}${new Intl.NumberFormat(i, { minimumFractionDigits: 2, maximumFractionDigits: 20 }).format(Math.abs(c))}`;
+  }
+  return new Intl.NumberFormat(i, {
     style: "currency",
     currency: o
-  }).format(l);
-}, d = (e) => {
-  const n = e.colDef, t = typeof n.valueFormatter == "object" ? n.valueFormatter : n;
-  if (e.value == null) return t.nullDisplay ?? "-";
-  const o = t.symbol || "$", c = t.position || "prefix", r = t.decimals ?? 2, l = t.locale || "en-US", s = e.context?.formatType || t.formatType, u = Number(e.value);
-  if (isNaN(u)) return String(e.value);
-  const m = y(Math.abs(u), s);
-  let i;
-  return m ? i = `${u < 0 ? "-" : ""}${m}` : i = new Intl.NumberFormat(l, {
+  }).format(c);
+}, b = (t) => {
+  const n = t.colDef, e = typeof n.valueFormatter == "object" ? n.valueFormatter : n;
+  if (t.value == null) return e.nullDisplay ?? "-";
+  const o = e.symbol || "$", i = e.position || "prefix", r = e.decimals ?? 2, c = e.locale || "en-US", m = t.context?.formatType || e.formatType, l = Number(t.value);
+  if (isNaN(l)) return String(t.value);
+  const f = y(Math.abs(l), m);
+  let u;
+  return f ? u = `${l < 0 ? "-" : ""}${f}` : m === "full_precision" ? u = `${l < 0 ? "-" : ""}${new Intl.NumberFormat(c, { minimumFractionDigits: r, maximumFractionDigits: 20 }).format(Math.abs(l))}` : u = new Intl.NumberFormat(c, {
     minimumFractionDigits: r,
     maximumFractionDigits: r
-  }).format(u), c === "prefix" ? `${o}${i}` : `${i}${o}`;
-}, b = (e) => {
-  if (e.value == null) return a(e.colDef);
-  const n = e.colDef, t = n.decimals ?? 0, o = n.locale || "en-US", c = e.context?.formatType || n.formatType, r = Number(e.value);
-  if (isNaN(r)) return String(e.value);
-  const l = y(Math.abs(r), c);
-  return l ? `${r < 0 ? "-" : ""}${l}` : new Intl.NumberFormat(o, {
-    minimumFractionDigits: t,
-    maximumFractionDigits: t
+  }).format(l), i === "prefix" ? `${o}${u}` : `${u}${o}`;
+}, N = (t) => {
+  if (t.value == null) return a(t.colDef);
+  const n = t.colDef, e = n.decimals ?? 0, o = n.locale || "en-US", i = t.context?.formatType || n.formatType, r = Number(t.value);
+  if (isNaN(r)) return String(t.value);
+  const c = y(Math.abs(r), i);
+  return c ? `${r < 0 ? "-" : ""}${c}` : i === "full_precision" ? `${r < 0 ? "-" : ""}${new Intl.NumberFormat(o, { minimumFractionDigits: e, maximumFractionDigits: 20 }).format(Math.abs(r))}` : new Intl.NumberFormat(o, {
+    minimumFractionDigits: e,
+    maximumFractionDigits: e
   }).format(r);
-}, f = (e) => {
-  if (e.value == null) return a(e.colDef);
-  const n = Number(e.value);
-  if (isNaN(n)) return String(e.value);
-  const t = Math.abs(n), o = n < 0 ? "-" : "";
-  return t >= 1e9 ? `${o}${(t / 1e9).toFixed(1)}B` : t >= 1e6 ? `${o}${(t / 1e6).toFixed(1)}M` : t >= 1e3 ? `${o}${(t / 1e3).toFixed(1)}K` : new Intl.NumberFormat("en-US", {
+}, F = (t) => {
+  if (t.value == null) return a(t.colDef);
+  const n = Number(t.value);
+  if (isNaN(n)) return String(t.value);
+  const e = Math.abs(n), o = n < 0 ? "-" : "";
+  return e >= 1e9 ? `${o}${(e / 1e9).toFixed(1)}B` : e >= 1e6 ? `${o}${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${o}${(e / 1e3).toFixed(1)}K` : new Intl.NumberFormat("en-US", {
     maximumFractionDigits: 2
   }).format(n);
-}, v = (e) => {
-  if (e.value == null) return a(e.colDef);
-  const n = Number(e.value);
-  if (isNaN(n)) return String(e.value);
-  const t = e.colDef, o = t.decimals ?? 2, c = t.divideBy ?? 100, r = n / c;
-  return new Intl.NumberFormat("en-US", {
+}, d = (t) => {
+  if (t.value == null) return a(t.colDef);
+  const n = Number(t.value);
+  if (isNaN(n)) return String(t.value);
+  const e = t.colDef, o = e.decimals ?? 2, i = e.divideBy ?? 100, r = t.context?.formatType || e.formatType, c = n / i;
+  return r === "full_precision" ? new Intl.NumberFormat("en-US", {
+    style: "percent",
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 20
+  }).format(c) : new Intl.NumberFormat("en-US", {
     style: "percent",
     minimumFractionDigits: o,
     maximumFractionDigits: o
-  }).format(r);
-}, g = (e) => {
-  if (!e.value) return a(e.colDef);
-  const n = e.colDef, t = n.dateStyle || "medium", o = n.locale || "en-US", c = new Date(e.value);
-  return isNaN(c.getTime()) ? String(e.value) : new Intl.DateTimeFormat(o, {
-    dateStyle: t
   }).format(c);
-}, S = (e) => {
-  if (!e.value) return a(e.colDef);
-  const n = e.colDef, t = n.dateStyle || "medium", o = n.timeStyle || "short", c = n.locale || "en-US", r = new Date(e.value);
-  return isNaN(r.getTime()) ? String(e.value) : new Intl.DateTimeFormat(c, {
-    dateStyle: t,
+}, v = (t) => {
+  if (!t.value) return a(t.colDef);
+  const n = t.colDef, e = n.dateStyle || "medium", o = n.locale || "en-US", i = new Date(t.value);
+  return isNaN(i.getTime()) ? String(t.value) : new Intl.DateTimeFormat(o, {
+    dateStyle: e
+  }).format(i);
+}, $ = (t) => {
+  if (!t.value) return a(t.colDef);
+  const n = t.colDef, e = n.dateStyle || "medium", o = n.timeStyle || "short", i = n.locale || "en-US", r = new Date(t.value);
+  return isNaN(r.getTime()) ? String(t.value) : new Intl.DateTimeFormat(i, {
+    dateStyle: e,
     timeStyle: o
   }).format(r);
-}, $ = (e) => {
-  if (e.value == null) return a(e.colDef);
-  const n = e.colDef, t = n.trueValue || "Yes", o = n.falseValue || "No";
-  return e.value ? t : o;
+}, S = (t) => {
+  if (t.value == null) return a(t.colDef);
+  const n = t.colDef, e = n.trueValue || "Yes", o = n.falseValue || "No";
+  return t.value ? e : o;
 }, x = {
   // Currency formatters
-  currency: N,
-  currencySymbol: d,
+  currency: g,
+  currencySymbol: b,
   // Number formatters
-  number: b,
-  compact: f,
-  compactNumber: f,
-  largeNumber: f,
+  number: N,
+  compact: F,
+  compactNumber: F,
+  largeNumber: F,
   // Percentage formatter
-  percentage: v,
+  percentage: d,
   // Date formatters
-  date: g,
-  dateTime: S,
+  date: v,
+  dateTime: $,
   // Boolean formatter
-  boolean: $
+  boolean: S
 };
 export {
   x as AG_GRID_VALUE_FORMATTERS

package/dist/components/ui/create-item-flow/create-item-flow.js

@@ -220,7 +220,7 @@ const K = n.forwardRef(
       "div",
       {
         ref: c,
-        className: r("flex items-center justify-between mt-auto shrink-0 pb-[27px]", t),
+        className: r("flex items-center justify-between mt-auto shrink-0 pt-6 pb-[27px]", t),
         "data-slot": "actions",
         ...m,
         children: e
@@ -229,7 +229,7 @@ const K = n.forwardRef(
       "div",
       {
         ref: c,
-        className: r("flex items-center justify-between mt-auto shrink-0 pb-[27px]", t),
+        className: r("flex items-center justify-between mt-auto shrink-0 pt-6 pb-[27px]", t),
         "data-slot": "actions",
         ...m,
         children: [

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

@@ -1,6 +1,6 @@
 import { GridApi } from 'ag-grid-community';
 export type DataTableFontSize = 'small' | 'medium' | 'large';
-export type DataTableNumericFormat = 'full' | 'k' | 'm' | 'b' | 'precision';
+export type DataTableNumericFormat = 'full' | 'k' | 'm' | 'b' | 'full_precision';
 export type DataTableRowHeight = 'default' | 'compact' | 'comfort';
 export interface DataTableContextValue {
     gridApi: GridApi | null;

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

@@ -3,9 +3,9 @@ import "react";
 import { useDataTable as d } from "./data-table-context.js";
 import { RadioGroup as i, RadioGroupItem as l } from "../radio-group.js";
 import { Label as n } from "../label.js";
-import { useImpactNovaI18n as x } from "../../../i18n/ImpactNovaI18nContext.js";
+import { useImpactNovaI18n as u } from "../../../i18n/ImpactNovaI18nContext.js";
 const b = () => {
-  const { t: a } = x(), {
+  const { t: a } = u(), {
     fontSize: c,
     setFontSize: o,
     numericFormat: m,
@@ -65,8 +65,8 @@ const b = () => {
               /* @__PURE__ */ e(n, { htmlFor: "num-b", className: "font-normal text-[13px] text-content-tertiary cursor-pointer", children: a("dataTable.numericB") })
             ] }),
             /* @__PURE__ */ t("div", { className: "flex items-center space-x-2", children: [
-              /* @__PURE__ */ e(l, { value: "precision", id: "num-precision" }),
-              /* @__PURE__ */ e(n, { htmlFor: "num-precision", className: "font-normal text-[13px] text-content-tertiary cursor-pointer", children: a("dataTable.numericPrecision") })
+              /* @__PURE__ */ e(l, { value: "full_precision", id: "num-full-precision" }),
+              /* @__PURE__ */ e(n, { htmlFor: "num-full-precision", className: "font-normal text-[13px] text-content-tertiary cursor-pointer", children: a("dataTable.numericFullPrecision") })
             ] })
           ]
         }

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

@@ -77,7 +77,7 @@ const w = {
   k: "thou",
   m: "mil",
   b: "bil",
-  precision: "full_no"
+  full_precision: "full_precision"
 }, L = E(function() {
   const { setSheetTarget: e, scopedSheetOpen: t } = I();
   return /* @__PURE__ */ i(

package/dist/components/ui/header.d.ts

@@ -1,3 +1,4 @@
+import { BadgeProps } from './badge';
 import { KeyBinding } from './command-palette/utils';
 import * as React from "react";
 declare const Header: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLElement> & React.RefAttributes<HTMLElement>>;
@@ -6,6 +7,10 @@ declare const HeaderRight: React.ForwardRefExoticComponent<React.HTMLAttributes<
 declare const HeaderLogo: React.ForwardRefExoticComponent<React.AnchorHTMLAttributes<HTMLAnchorElement> & React.RefAttributes<HTMLAnchorElement>>;
 declare const HeaderSeparator: React.ForwardRefExoticComponent<Omit<Omit<import('@radix-ui/react-separator').SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const HeaderTitle: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLHeadingElement> & React.RefAttributes<HTMLHeadingElement>>;
+declare const HeaderBadge: {
+    ({ className, children, style, ...props }: Omit<BadgeProps, "size" | "shape">): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
 type HeaderBotButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement>;
 declare const HeaderBotButton: React.ForwardRefExoticComponent<HeaderBotButtonProps & React.RefAttributes<HTMLButtonElement>>;
 interface NotificationIconButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, "children"> {
@@ -16,4 +21,4 @@ interface NotificationIconButtonProps extends Omit<React.ButtonHTMLAttributes<HT
     tooltipKeybinding?: KeyBinding;
 }
 declare const NotificationIconButton: React.ForwardRefExoticComponent<NotificationIconButtonProps & React.RefAttributes<HTMLButtonElement>>;
-export { Header, HeaderLeft, HeaderRight, HeaderLogo, HeaderSeparator, HeaderTitle, HeaderBotButton, NotificationIconButton, };
+export { Header, HeaderLeft, HeaderRight, HeaderLogo, HeaderSeparator, HeaderTitle, HeaderBadge, HeaderBotButton, NotificationIconButton, };