impact-nova 2.1.0-alpha.6 → 2.1.0-alpha.8

package/dist/components/data/ag-grid-react/headers/header-search-input.js

@@ -10,11 +10,11 @@ import { Select as Pe } from "../../../forms/select/select.js";
 import { Popover as Ke, PopoverTrigger as Qe, PopoverContent as Xe, PopoverHeader as Ze, PopoverTitle as $e, PopoverBody as et } from "../../../feedback/popover/popover.js";
 import { useImpactNovaI18n as tt } from "../../../../i18n/use-impact-nova-i18n.js";
 import { useGridHeader as rt } from "./context/grid-header-context.js";
-import { getMultiFilterIndices as z, parseInputPattern as we, mapOperatorToAgGrid as ke } from "./utils/filter-utils.js";
+import { getMultiFilterIndices as H, parseInputPattern as we, mapOperatorToAgGrid as ke } from "./utils/filter-utils.js";
 import { DEFAULT_DATE_DISPLAY_FORMAT as lt, serializeWeek as nt, serializeMonth as at, serializeDate as ot, displayDateToIso as Z } from "./utils/date-utils.js";
 import { useHeaderSearchEditingState as st } from "./use-header-search-editing-state.js";
 const Tt = ({
-  column: w,
+  column: P,
   api: x,
   onClose: $,
   handleInlineSearch: ee,
@@ -32,48 +32,44 @@ const Tt = ({
   enableBooleanParsing: Be = !1,
   enableDateParsing: Ie = !1
 }) => {
-  const { t: i } = tt(), n = w.getColDef(), d = w.getColId(), G = n?.filter || "agTextColumnFilter", M = G === "agDateColumnFilter", V = G === "agSetColumnFilter" || Y && Y.length > 0 || n?.cellDataType === "boolean", L = n?.headerComponentParams?.datePickerVariant || "date", B = M && L === "month", I = M && L === "week", c = n?.headerComponentParams?.fiscalConfig, b = n?.headerComponentParams?.dateDisplayFormat || lt, oe = rt(), _ = Le(null), {
+  const { t: i } = tt(), l = P.getColDef(), d = P.getColId(), G = l?.filter || "agTextColumnFilter", M = G === "agDateColumnFilter", V = G === "agSetColumnFilter" || Y && Y.length > 0 || l?.cellDataType === "boolean", L = l?.headerComponentParams?.datePickerVariant || "date", z = M && L === "month", B = M && L === "week", c = l?.headerComponentParams?.fiscalConfig, b = l?.headerComponentParams?.dateDisplayFormat || lt, oe = rt(), _ = Le(null), {
     searchText: U,
-    dateDisplayString: O,
+    dateDisplayString: I,
     selectedDate: se,
     selectedMonth: ie,
     selectedWeek: ce,
-    updateDraft: k,
+    updateDraft: w,
     handleFocus: p,
     handleBlur: h,
     clearEditingOverlay: Oe
   } = st({
     api: x,
     colId: d,
-    colDef: n,
+    colDef: l,
     isDateFilter: M,
-    isMonthVariant: B,
-    isWeekVariant: I,
+    isMonthVariant: z,
+    isWeekVariant: B,
     datePickerVariant: L,
     dateDisplayFormat: b
   }), D = (e, t) => {
-    const a = (l) => l.replace(/[^0-9.\-+eE]/g, ""), s = (l, A) => {
-      const P = we(
-        l,
+    const n = (a) => a.replace(/[^0-9.\-+eE]/g, ""), s = (a, R) => {
+      const S = we(
+        a,
         ze,
         Be,
         Ie
       );
-      if (console.log("[HeaderSearchInput] Pattern Debug:", {
-        input: l,
-        filterType: A,
-        parsed: P
-      }), P.conditions.length === 0) return null;
+      if (S.conditions.length === 0) return null;
       const Ce = (u) => {
         let F = ke(u.operator);
-        if (A === "number") {
-          const Me = parseFloat(a(u.value));
+        if (R === "number") {
+          const Me = parseFloat(n(u.value));
           return ["contains", "notContains", "startsWith", "endsWith"].includes(
             F
           ) && (F = F === "notContains" ? "notEqual" : "equals"), u.operator === "inRange" ? {
             type: F,
-            filter: parseFloat(a(u.value)) || 0,
-            filterTo: parseFloat(a(u.valueTo || "")) || 0,
+            filter: parseFloat(n(u.value)) || 0,
+            filterTo: parseFloat(n(u.valueTo || "")) || 0,
             filterType: "number"
           } : isNaN(Me) ? null : { type: F, filter: Me, filterType: "number" };
         }
@@ -84,18 +80,18 @@ const Tt = ({
           filterType: "text"
         };
       };
-      let H = null;
-      if (P.conditions.length === 1)
-        H = Ce(P.conditions[0]);
+      let A = null;
+      if (S.conditions.length === 1)
+        A = Ce(S.conditions[0]);
       else {
-        const u = P.conditions.map(Ce).filter((F) => F !== null);
-        u.length === 0 ? H = null : u.length === 1 ? H = u[0] : H = {
-          filterType: A,
-          operator: P.logic,
+        const u = S.conditions.map(Ce).filter((F) => F !== null);
+        u.length === 0 ? A = null : u.length === 1 ? A = u[0] : A = {
+          filterType: R,
+          operator: S.logic,
           conditions: u
         };
       }
-      return H;
+      return A;
     };
     let o = null;
     if (!(e === null || e === "" || Array.isArray(e) && e.length === 0))
@@ -105,31 +101,31 @@ const Tt = ({
           filterType: "set"
         };
       else if (t === "date")
-        if (I && e && typeof e == "object" && "startDate" in e && "endDate" in e) {
-          const l = nt(e);
+        if (B && e && typeof e == "object" && "startDate" in e && "endDate" in e) {
+          const a = nt(e);
           o = {
             type: "inRange",
-            dateFrom: l.dateFrom,
-            dateTo: l.dateTo,
+            dateFrom: a.dateFrom,
+            dateTo: a.dateTo,
             filterType: "date"
           };
-        } else if (B && e && typeof e == "object" && "month" in e && "year" in e) {
-          const l = at(e);
+        } else if (z && e && typeof e == "object" && "month" in e && "year" in e) {
+          const a = at(e);
           o = {
             type: "inRange",
-            dateFrom: l.dateFrom,
-            dateTo: l.dateTo,
+            dateFrom: a.dateFrom,
+            dateTo: a.dateTo,
             filterType: "date"
           };
         } else {
-          const l = e instanceof Date ? ot(e) : null;
-          o = l ? { type: "equals", dateFrom: l, filterType: "date" } : null;
+          const a = e instanceof Date ? ot(e) : null;
+          o = a ? { type: "equals", dateFrom: a, filterType: "date" } : null;
         }
       else {
-        const l = n.filter === "agMultiColumnFilter" ? z(n) : null, A = l ? l.text !== -1 ? "text" : "number" : G === "agNumberColumnFilter" ? "number" : "text";
-        o = s(String(e), A);
+        const a = l.filter === "agMultiColumnFilter" ? H(l) : null, R = a ? a.text !== -1 ? "text" : "number" : G === "agNumberColumnFilter" ? "number" : "text";
+        o = s(String(e), R);
       }
-    const f = n.filter === "agMultiColumnFilter" ? z(n) : null, T = f ? t === "text" ? f.text !== -1 ? f.text : f.number : t === "set" ? f.set : f.date : 0;
+    const f = l.filter === "agMultiColumnFilter" ? H(l) : null, T = f ? t === "text" ? f.text !== -1 ? f.text : f.number : t === "set" ? f.set : f.date : 0;
     K(o, T);
   }, J = (e) => {
     if (ee) {
@@ -139,27 +135,27 @@ const Tt = ({
     D(e, M ? "date" : "text");
   }, de = (e) => {
     const t = e.target.value;
-    k({ searchText: t }), J(t);
+    w({ searchText: t }), J(t);
   }, ue = (e) => {
-    k({ selectedDate: e }), J(e);
+    w({ selectedDate: e }), J(e);
   }, fe = (e) => {
-    k({ selectedMonth: e }), D(e || null, "date");
+    w({ selectedMonth: e }), D(e || null, "date");
   }, pe = (e) => {
-    k({ selectedWeek: e }), D(e || null, "date");
+    w({ selectedWeek: e }), D(e || null, "date");
   }, We = (e) => {
     if (!e.trim()) return null;
     const t = we(e, !1, !1, !1);
     if (t.conditions.length === 0) return null;
-    const a = (o) => {
+    const n = (o) => {
       let v = ke(o.operator);
       if (["contains", "notContains", "startsWith", "endsWith"].includes(
         v
       ) && (v = v === "notContains" ? "notEqual" : "equals"), o.operator === "inRange") {
-        let T = Z(o.value, b), l = Z(o.valueTo || "", b);
-        return !T || !l ? null : (T > l && ([T, l] = [l, T]), {
+        let T = Z(o.value, b), a = Z(o.valueTo || "", b);
+        return !T || !a ? null : (T > a && ([T, a] = [a, T]), {
           type: "inRange",
           dateFrom: T,
-          dateTo: l,
+          dateTo: a,
           filterType: "date"
         });
       }
@@ -171,8 +167,8 @@ const Tt = ({
       } : null;
     };
     if (t.conditions.length === 1)
-      return a(t.conditions[0]);
-    const s = t.conditions.map(a).filter((o) => o !== null);
+      return n(t.conditions[0]);
+    const s = t.conditions.map(n).filter((o) => o !== null);
     return s.length === 0 ? null : s.length === 1 ? s[0] : {
       filterType: "date",
       operator: t.logic,
@@ -180,10 +176,10 @@ const Tt = ({
     };
   }, K = X(
     (e, t) => {
-      const a = x.getFilterModel(), s = { ...a };
-      if (n.filter === "agMultiColumnFilter") {
+      const n = x.getFilterModel(), s = { ...n };
+      if (l.filter === "agMultiColumnFilter") {
         if (t === -1) return;
-        const o = a[d], v = o && o.filterType === "multi" ? [...o.filterModels || []] : Array(n.filterParams?.filters?.length || 1).fill(null);
+        const o = n[d], v = o && o.filterType === "multi" ? [...o.filterModels || []] : Array(l.filterParams?.filters?.length || 1).fill(null);
         v[t] = e, v.every((f) => f === null) ? delete s[d] : s[d] = {
           filterType: "multi",
           filterModels: v
@@ -192,35 +188,35 @@ const Tt = ({
         e ? s[d] = e : delete s[d];
       x.setFilterModel(s), x.onFilterChanged();
     },
-    [x, d, n]
+    [x, d, l]
   ), he = X(
     (e) => {
-      const t = n.filter === "agMultiColumnFilter" ? z(n).date : 0;
+      const t = l.filter === "agMultiColumnFilter" ? H(l).date : 0;
       K(e, t);
     },
-    [n, K]
+    [l, K]
   ), me = (e) => {
     const t = e.target.value.replace(/[^0-9/\-!=><+,~]/g, "");
-    if (k({ dateDisplayString: t }), !t.trim()) {
+    if (w({ dateDisplayString: t }), !t.trim()) {
       he(null);
       return;
     }
-    const a = We(t);
-    a && he(a);
+    const n = We(t);
+    n && he(n);
   }, Q = () => {
     Oe(), J(""), te && te();
-  }, W = (e) => {
+  }, O = (e) => {
     D(e, "set");
-  }, E = Y || (n?.cellDataType === "boolean" ? [
+  }, W = Y || (l?.cellDataType === "boolean" ? [
     { label: i("gridHeader.true"), value: "true" },
     { label: i("gridHeader.false"), value: "false" }
   ] : []), ge = X(() => {
     const e = x.getFilterModel()[d];
     if (!e) return [];
     if ("filterType" in e && e.filterType === "multi" && e.filterModels) {
-      const a = z(w.getColDef()).set;
-      if (a !== -1) {
-        const s = e.filterModels[a];
+      const n = H(P.getColDef()).set;
+      if (n !== -1) {
+        const s = e.filterModels[n];
         if (s?.filterType === "set" && s.values)
           return s.values.filter((o) => o != null);
       }
@@ -231,29 +227,29 @@ const Tt = ({
         return [String(e.filter)];
     }
     return [];
-  }, [x, d, w]), [R, S] = _e(null), ve = () => {
-    const e = R !== null ? R : ge();
-    return C ? E.filter((t) => e.includes(t.value)) : E.find((t) => e.includes(t.value)) || null;
+  }, [x, d, P]), [E, k] = _e(null), ve = () => {
+    const e = E !== null ? E : ge();
+    return C ? W.filter((t) => e.includes(t.value)) : W.find((t) => e.includes(t.value)) || null;
   }, ye = (e) => {
     let t = [];
-    if (Array.isArray(e) ? t = e.map((a) => a.value) : e && typeof e == "object" && "value" in e && (t = [e.value]), !C) {
-      W(t), e && $();
+    if (Array.isArray(e) ? t = e.map((n) => n.value) : e && typeof e == "object" && "value" in e && (t = [e.value]), !C) {
+      O(t), e && $();
       return;
     }
-    S(t);
+    k(t);
   }, Ee = () => {
-    W([]), S([]);
+    O([]), k([]);
   }, Re = (e) => {
     if (C) {
       if (e !== void 0) {
         let t = [];
-        Array.isArray(e) ? t = e.map((a) => a.value) : e && typeof e == "object" && "value" in e ? t = [e.value] : e === null && (t = []), W(t), S(null);
+        Array.isArray(e) ? t = e.map((n) => n.value) : e && typeof e == "object" && "value" in e ? t = [e.value] : e === null && (t = []), O(t), k(null);
         return;
       }
-      R !== null && (W(R), S(null));
+      E !== null && (O(E), k(null));
     }
   }, je = () => {
-    S(ge()), ne && ne();
+    k(ge()), ne && ne();
   }, qe = () => Se ? /* @__PURE__ */ r(
     "svg",
     {
@@ -265,7 +261,7 @@ const Tt = ({
       width: "18",
       height: "18",
       onClick: (e) => {
-        e.stopPropagation(), _.current && _.current.blur(), re ? re(w) : le ? le(d) : oe && oe.openAdvancedFilter(d);
+        e.stopPropagation(), _.current && _.current.blur(), re ? re(P) : le ? le(d) : oe && oe.openAdvancedFilter(d);
       },
       children: /* @__PURE__ */ r("path", { d: "M3 17v2h6v-2H3zM3 5v2h10V5H3zm10 16v-2h8v-2h-8v-2h-2v6h2zM7 9v2H3v2h4v2h2V9H7zm14 4v-2H11v2h10zm-6-4h2V7h4V5h-4V3h-2v6z" })
     }
@@ -276,21 +272,21 @@ const Tt = ({
       className: "cursor-pointer shrink-0 text-brand hover:text-brand-strong",
       children: /* @__PURE__ */ r(j, { size: "xs" })
     }
-  ), N = n.filter === "agMultiColumnFilter", m = z(n);
+  ), N = l.filter === "agMultiColumnFilter", m = H(l);
   let g = "text";
   N ? g = m.set !== -1 ? "set" : m.date !== -1 ? "date" : "text" : V ? g = "set" : M && (g = "date");
   const Ge = N ? m.text !== -1 || m.number !== -1 : !M && !V, xe = N ? m.set !== -1 : V, be = N ? m.date !== -1 : M, Ve = x.getFilterModel()[d], Fe = N && Ve?.filterModels?.some((e, t) => {
-    const a = t === m.text || t === m.number ? "text" : t === m.set ? "set" : "date";
-    return e !== null && a !== g;
+    const n = t === m.text || t === m.number ? "text" : t === m.set ? "set" : "date";
+    return e !== null && n !== g;
   });
   return /* @__PURE__ */ y("div", { className: "ag-header-cell-label flex items-center gap-1 w-full bg-brand-tint px-1 py-2 ag-header-cell-search-active h-full", children: [
     g === "set" && xe ? /* @__PURE__ */ r(
       Pe,
       {
-        options: E,
+        options: W,
         value: ve(),
         onChange: ye,
-        isMulti: C !== void 0 ? C : n?.cellDataType !== "boolean",
+        isMulti: C !== void 0 ? C : l?.cellDataType !== "boolean",
         placeholder: i("filter.select"),
         className: "w-full bg-canvas-elevated",
         parentClassName: "flex-1 min-w-0",
@@ -306,10 +302,10 @@ const Tt = ({
         onFocus: p,
         onBlur: h
       }
-    ) : g === "date" && be ? O ? /* @__PURE__ */ r(
+    ) : g === "date" && be ? I ? /* @__PURE__ */ r(
       q,
       {
-        value: O,
+        value: I,
         onChange: me,
         placeholder: i("filter.search"),
         className: "w-full bg-canvas-elevated",
@@ -327,7 +323,7 @@ const Tt = ({
           }
         )
       }
-    ) : I ? /* @__PURE__ */ r(
+    ) : B ? /* @__PURE__ */ r(
       Ne,
       {
         value: ce || void 0,
@@ -345,7 +341,7 @@ const Tt = ({
         fiscalYearStartMonth: c?.fiscalYearStartMonth,
         weekStartsOn: c?.weekStartsOn
       }
-    ) : B ? /* @__PURE__ */ r(
+    ) : z ? /* @__PURE__ */ r(
       De,
       {
         value: ie || void 0,
@@ -440,10 +436,10 @@ const Tt = ({
               /* @__PURE__ */ r(
                 Pe,
                 {
-                  options: E,
+                  options: W,
                   value: ve(),
                   onChange: ye,
-                  isMulti: C !== void 0 ? C : n?.cellDataType !== "boolean",
+                  isMulti: C !== void 0 ? C : l?.cellDataType !== "boolean",
                   placeholder: i("filter.select"),
                   className: "w-full bg-canvas-elevated",
                   isLoading: ae,
@@ -454,10 +450,10 @@ const Tt = ({
             ] }),
             g !== "date" && be && /* @__PURE__ */ y("div", { className: "flex flex-col gap-1.5", children: [
               /* @__PURE__ */ r("span", { className: "text-xs font-semibold text-content-tertiary", children: i("gridHeader.dateFilter") }),
-              O ? /* @__PURE__ */ r(
+              I ? /* @__PURE__ */ r(
                 q,
                 {
-                  value: O,
+                  value: I,
                   onChange: me,
                   className: "w-full bg-canvas-elevated",
                   onFocus: p,
@@ -473,7 +469,7 @@ const Tt = ({
                     }
                   )
                 }
-              ) : I ? /* @__PURE__ */ r(
+              ) : B ? /* @__PURE__ */ r(
                 Ne,
                 {
                   value: ce || void 0,
@@ -488,7 +484,7 @@ const Tt = ({
                   fiscalYearStartMonth: c?.fiscalYearStartMonth,
                   weekStartsOn: c?.weekStartsOn
                 }
-              ) : B ? /* @__PURE__ */ r(
+              ) : z ? /* @__PURE__ */ r(
                 De,
                 {
                   value: ie || void 0,

package/dist/components/data/ag-grid-react/index.d.ts

@@ -1,6 +1,6 @@
 import { AgGridWrapperProps } from './ag-grid.types';
 import { subscribeGridApiEvent, subscribeGridApiEvents } from './grid-api-event-subscription';
 export { subscribeGridApiEvent, subscribeGridApiEvents };
-export declare function AgGridWrapper<TData>({ children, defaultColDef, defaultColGroupDef, columnDefs, valueFormatters, onGridReady: userOnGridReady, onGridPreDestroyed: userOnGridPreDestroyed, onFilterChanged: userOnFilterChanged, onSelectionChanged: userOnSelectionChanged, onModelUpdated: userOnModelUpdated, ensureDomOrder, autoSizeStrategy, tooltipShowMode, tooltipShowDelay, tooltipHideDelay, tooltipInteraction, ...restProps }: AgGridWrapperProps<TData> & {
+export declare function AgGridWrapper<TData>({ children, defaultColDef, defaultColGroupDef, columnDefs, valueFormatters, onGridReady: userOnGridReady, onGridPreDestroyed: userOnGridPreDestroyed, onFilterChanged: userOnFilterChanged, onSelectionChanged: userOnSelectionChanged, onModelUpdated: userOnModelUpdated, ensureDomOrder, autoSizeStrategy, tooltipShowMode, tooltipShowDelay, tooltipHideDelay, tooltipInteraction, themeOverride, ...restProps }: AgGridWrapperProps<TData> & {
     className?: string;
 }): import("react/jsx-runtime").JSX.Element;