impact-nova 1.7.38 → 1.7.40

package/dist/components/ui/ag-grid-react/index.js

@@ -13,13 +13,13 @@ import { AG_GRID_VALUE_FORMATTERS as ye } from "./value-formatters.js";
 /* empty css                */
 const be = re(() => import("./headers/advanced-filter/advanced-filter-dialog.js"));
 ie.registerModules([se, ce, ue]);
-const x = "
", T = "", H = (s) => {
+const x = "
", I = "", H = (s) => {
   if (!s) return;
   const r = s.cellRendererParams?.splits;
   if (Array.isArray(r) && r.length > 0) return r;
   const l = s.cellEditorParams?.splits;
   if (Array.isArray(l) && l.length > 0) return l;
-}, V = (s, r) => {
+}, _ = (s, r) => {
   const l = [];
   for (const g of r) {
     const f = g?.field?.split(".").pop();
@@ -44,7 +44,7 @@ const x = "
", T = "", H = (s) => {
     l.push("");
   }
   return l;
-}, _ = (s) => {
+}, V = (s) => {
   if (typeof navigator < "u" && navigator.clipboard?.writeText) {
     navigator.clipboard.writeText(s).catch(() => K(s));
     return;
@@ -69,7 +69,7 @@ function De({
   onGridReady: a,
   ...u
 }) {
-  const c = b(null), h = b(null), [F, w] = j(null), [I, E] = j(!1), [O, D] = j(null), [W, L] = j(!1), M = b(null), P = b(null), S = b(null), U = v(() => [], []), $ = C(() => ({
+  const c = b(null), h = b(null), [F, w] = j(null), [P, M] = j(!1), [O, D] = j(null), [W, L] = j(!1), S = b(null), T = b(null), E = b(null), U = v(() => [], []), $ = C(() => ({
     numericColumn: {
       cellClass: "ag-right-aligned-cell",
       headerClass: "ag-right-aligned-header",
@@ -102,10 +102,10 @@ function De({
       c.current.setGridOption("context", { ...e, activeSearchColumnId: null }), c.current.refreshHeader();
     },
     openAdvancedFilter: (e) => {
-      D(e || null), E(!0);
+      D(e || null), M(!0);
     },
     closeAdvancedFilter: () => {
-      E(!1), D(null);
+      M(!1), D(null);
     },
     applyAdvancedFilter: (e) => {
       if (!c.current) return;
@@ -113,17 +113,17 @@ function De({
       c.current.setFilterModel(t), c.current.onFilterChanged();
     },
     openMenu: (e, t, o = "column") => {
-      M.current = e, P.current = t, S.current = o, L(!0);
+      S.current = e, T.current = t, E.current = o, L(!0);
     },
     closeMenu: () => {
-      M.current = null, P.current = null, S.current = null, L(!1);
+      S.current = null, T.current = null, E.current = null, L(!1);
     },
     // Getters read from refs - O(1) per header, no memory allocation
     get activeMenuColumnId() {
-      return M.current;
+      return S.current;
     },
     get activeMenuVariant() {
-      return S.current;
+      return E.current;
     }
   }), []), q = v((e) => {
     c.current = e.api, w(e.api);
@@ -157,7 +157,7 @@ function De({
     suppressHeaderKeyboardEvent: (e) => {
       const { event: t } = e, o = t.target;
       if (o.tagName === "INPUT" || o.tagName === "TEXTAREA")
-        return !(t.key === "Enter" || t.key === "Escape" || t.key === "Tab");
+        return !(t.key === "Escape" || t.key === "Tab");
       if (t.key === "Enter" || t.key === " ") {
         const n = o.closest(".ag-header-cell");
         if (n) {
@@ -189,12 +189,12 @@ function De({
     if (t == null || typeof t != "object") return t;
     const o = H(e.column?.getColDef());
     if (o && o.length > 0) {
-      const n = V(t, o);
+      const n = _(t, o);
       if (o.length === 1) {
         const d = o[0]?.field?.split(".").pop(), y = d ? t[d] : void 0;
         return y && typeof y == "object" && "value" in y ? y.value ?? "" : n[0];
       }
-      return T + n.join(x);
+      return I + n.join(x);
     }
     const i = Object.entries(t).map(([, n]) => n && typeof n == "object" && "value" in n ? n.value : typeof n != "object" && typeof n < "u" ? n : null).filter((n) => n != null);
     return i.length === 0 ? "" : i.length === 1 ? i[0] : i.join(x);
@@ -211,8 +211,8 @@ function De({
     return e.value;
   }, []), Y = v((e) => {
     const t = e?.data ?? "";
-    if (!t.includes(x) && !t.includes(T)) {
-      _(t);
+    if (!t.includes(x) && !t.includes(I)) {
+      V(t);
       return;
     }
     const o = [], i = t.split(`
@@ -223,7 +223,7 @@ function De({
         o.push("");
         continue;
       }
-      const k = d.split("	").map((p) => p.startsWith(T) ? { isSplit: !0, slots: p.slice(1).split(x) } : { isSplit: !1, slots: p.split(x) }), N = Math.max(1, ...k.map((p) => p.slots.length));
+      const k = d.split("	").map((p) => p.startsWith(I) ? { isSplit: !0, slots: p.slice(1).split(x) } : { isSplit: !1, slots: p.split(x) }), N = Math.max(1, ...k.map((p) => p.slots.length));
       if (N === 1) {
         o.push(k.map((p) => p.slots[0] ?? "").join("	"));
         continue;
@@ -233,7 +233,7 @@ function De({
         o.push(te.join("	"));
       }
     }
-    _(o.join(`
+    V(o.join(`
 `));
   }, []), R = v((e) => {
     const t = e.value;
@@ -241,7 +241,7 @@ function De({
     if (typeof t != "object") return String(t);
     const o = H(e.column?.getColDef());
     if (o && o.length > 0) {
-      const n = V(t, o);
+      const n = _(t, o);
       return o.length === 1 ? n[0] : n.join(`
 `);
     }
@@ -293,7 +293,7 @@ function De({
     /* @__PURE__ */ m(
       xe,
       {
-        isOpen: I,
+        isOpen: P,
         columnId: O,
         gridApi: F,
         onClose: A.closeAdvancedFilter,
@@ -304,10 +304,10 @@ function De({
       Fe,
       {
         isOpen: W,
-        columnId: M.current,
+        columnId: S.current,
         gridApi: F,
-        anchor: P.current,
-        variant: S.current,
+        anchor: T.current,
+        variant: E.current,
         onClose: A.closeMenu
       }
     )
@@ -323,7 +323,7 @@ function xe({
   if (!s || !r || !l) return null;
   const a = l.getColumn(r);
   if (!a) return null;
-  const u = a.getColDef(), c = u.headerComponentParams, h = he(u), F = h.text !== -1 || h.number !== -1 || h.date !== -1, w = h.set !== -1, E = u.filter === "agMultiColumnFilter" && (F || w) ? "multi" : u.filter === "agNumberColumnFilter" ? "number" : u.filter === "agDateColumnFilter" ? "date" : u.filter === "agSetColumnFilter" || c?.selectOptions ? "select" : "text", O = Ce(l.getFilterModel());
+  const u = a.getColDef(), c = u.headerComponentParams, h = he(u), F = h.text !== -1 || h.number !== -1 || h.date !== -1, w = h.set !== -1, M = u.filter === "agMultiColumnFilter" && (F || w) ? "multi" : u.filter === "agNumberColumnFilter" ? "number" : u.filter === "agDateColumnFilter" ? "date" : u.filter === "agSetColumnFilter" || c?.selectOptions ? "select" : "text", O = Ce(l.getFilterModel());
   return /* @__PURE__ */ m(le, { fallback: null, children: /* @__PURE__ */ m(
     be,
     {
@@ -332,10 +332,9 @@ function xe({
       onApply: f,
       columnId: r,
       columnLabel: u.headerName || r,
-      columnType: E,
+      columnType: M,
       selectOptions: c?.selectOptions,
       isMultiSelect: c?.isMultiSelect,
-      datePickerVariant: c?.datePickerVariant,
       initialModel: O,
       api: l
     }

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

@@ -24,7 +24,7 @@ const I = r.forwardRef(
     {
       ref: a,
       className: n(
-        "flex flex-row bg-canvas-elevated rounded-lg shadow-elevation-card overflow-hidden w-full max-w-[1496px] m-auto min-w-0 flex-1",
+        "flex flex-row bg-canvas-elevated rounded-lg shadow-elevation-card overflow-hidden w-[83%] mx-auto min-w-0 flex-1",
         t
       ),
       ...o,

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

@@ -0,0 +1,17 @@
+export type IndicatorType = 'sort' | 'filter';
+interface ColumnIndicatorProps {
+    /** Type of indicator - determines color and label */
+    type: IndicatorType;
+    /** Additional CSS classes */
+    className?: string;
+}
+/**
+ * Small colored badge indicating column state (sorted or filtered).
+ * Uses design tokens for colors and i18n for accessibility labels.
+ *
+ * @example
+ * <ColumnIndicator type="sort" />
+ * <ColumnIndicator type="filter" />
+ */
+export declare const ColumnIndicator: React.FC<ColumnIndicatorProps>;
+export {};

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

@@ -0,0 +1,30 @@
+import { jsx as e } from "react/jsx-runtime";
+import { cn as n } from "../../../lib/utils.js";
+import { useImpactNovaI18n as s } from "../../../i18n/ImpactNovaI18nContext.js";
+const c = ({
+  type: r,
+  className: l
+}) => {
+  const { t: a } = s(), t = {
+    sort: {
+      colorClass: "bg-indicator-sort",
+      label: a("dataTable.indicatorSortedAriaLabel")
+    },
+    filter: {
+      colorClass: "bg-indicator-filter",
+      label: a("dataTable.indicatorFilteredAriaLabel")
+    }
+  }, { colorClass: i, label: o } = t[r];
+  return /* @__PURE__ */ e(
+    "span",
+    {
+      className: n("w-2 h-2 rounded-[2px] inline-block shrink-0", i, l),
+      title: o,
+      "aria-label": o
+    }
+  );
+};
+c.displayName = "ColumnIndicator";
+export {
+  c as ColumnIndicator
+};