impact-nova 1.5.14 → 1.6.0

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

@@ -1,15 +1,15 @@
-import { jsxs as M, jsx as s } from "react/jsx-runtime";
-import { useRef as ce, useState as S, useEffect as fe, useCallback as He } from "react";
-import { Filter as ze } from "lucide-react";
-import { cn as Se } from "../../../../lib/utils.js";
-import { DatePicker as ue } from "../../date-picker/date-picker.js";
+import { jsxs as F, jsx as s } from "react/jsx-runtime";
+import { useRef as ce, useState as q, useEffect as ue, useCallback as ze } from "react";
+import { Filter as Se } from "lucide-react";
+import { cn as qe } from "../../../../lib/utils.js";
+import { DatePicker as fe } from "../../date-picker/date-picker.js";
 import { Input as me } from "../../input.js";
 import he from "../../select/select.js";
-import { Popover as qe, PopoverTrigger as Ee, PopoverContent as Be, PopoverHeader as Re, PopoverTitle as ke, PopoverBody as Oe } from "../../popover.js";
+import { Popover as Ee, PopoverTrigger as we, PopoverContent as Be, PopoverHeader as Re, PopoverTitle as ke, PopoverBody as Oe } from "../../popover.js";
 import { Cross as pe } from "../../../../icons/index.js";
 import { useGridHeader as We } from "./context/grid-header-context.js";
-import { getMultiFilterIndices as D, getDisplayStringFromFilterModel as q, parseInputPattern as je } from "./utils/filter-utils.js";
-import { deserializeDate as C, serializeDate as ge } from "./utils/date-utils.js";
+import { getMultiFilterIndices as D, getDisplayStringFromFilterModel as E, parseInputPattern as je } from "./utils/filter-utils.js";
+import { deserializeDate as M, serializeDate as ge } from "./utils/date-utils.js";
 import { useImpactNovaI18n as Ge } from "../../../../i18n/ImpactNovaI18nContext.js";
 const Le = {
   contains: "contains",
@@ -33,34 +33,34 @@ const Le = {
   handleClearSearchInline: V,
   onAdvanceSearchClick: J,
   toggleAdvanceSearch: K,
-  advanceSearchEnabled: xe = !1,
-  selectOptions: E,
-  isMultiSelect: b,
-  onSelectScrollToBottom: ye,
-  onSelectSearchChange: Fe,
+  advanceSearchEnabled: ve = !1,
+  selectOptions: w,
+  isMultiSelect: T,
+  onSelectScrollToBottom: xe,
+  onSelectSearchChange: ye,
   onSelectOpen: Q,
   isLoadingSelect: U,
-  enableSpaceSplitting: Me = !1,
-  enableBooleanParsing: ve = !1,
-  enableDateParsing: Ce = !1
+  enableSpaceSplitting: Fe = !1,
+  enableBooleanParsing: be = !1,
+  enableDateParsing: Me = !1
 }) => {
-  const { t: p } = Ge(), a = I.getColDef(), o = I.getColId(), B = a?.filter || "agTextColumnFilter", x = B === "agDateColumnFilter", R = B === "agSetColumnFilter" || E && E.length > 0 || a?.cellDataType === "boolean", X = We(), k = ce(null), Y = ce(!1), [O, W] = S(() => {
+  const { t: p } = Ge(), a = I.getColDef(), o = I.getColId(), B = a?.filter || "agTextColumnFilter", v = B === "agDateColumnFilter", R = B === "agSetColumnFilter" || w && w.length > 0 || a?.cellDataType === "boolean", X = We(), k = ce(null), Y = ce(!1), [O, W] = q(() => {
     const t = d.getFilterModel()[o];
     if (!t) return "";
     if (t.filterType === "multi" && t.filterModels) {
       const l = D(a), r = l.text !== -1 ? l.text : l.number;
       if (r !== -1) {
         const m = t.filterModels[r];
-        if (m) return q(o, m);
+        if (m) return E(o, m);
       }
       return "";
     }
-    return x ? "" : q(o, t);
-  }), [Z, u] = S(!1);
-  fe(() => {
+    return v ? "" : E(o, t);
+  }), [Z, f] = q(!1);
+  ue(() => {
     Y.current = Z;
   }, [Z]);
-  const [$, j] = S(() => {
+  const [$, j] = q(() => {
     const t = d.getFilterModel()[o];
     if (t) {
       if (t.filterType === "multi" && t.filterModels) {
@@ -68,19 +68,19 @@ const Le = {
         if (l !== -1) {
           const r = t.filterModels[l];
           if (r) {
-            if (r.dateFrom) return C(r.dateFrom);
-            if (r.filter) return C(r.filter);
+            if (r.dateFrom) return M(r.dateFrom);
+            if (r.filter) return M(r.filter);
           }
         }
       }
-      if (x) {
-        if (t.dateFrom) return C(t.dateFrom);
-        if (t.filter) return C(t.filter);
+      if (v) {
+        if (t.dateFrom) return M(t.dateFrom);
+        if (t.filter) return M(t.filter);
       }
     }
     return null;
   });
-  fe(() => {
+  ue(() => {
     const e = () => {
       const l = d.getFilterModel()[o];
       let r = "";
@@ -89,9 +89,9 @@ const Le = {
           const i = D(a), n = i.text !== -1 ? i.text : i.number;
           if (n !== -1) {
             const c = l.filterModels[n];
-            r = c ? q(o, c) : "";
+            r = c ? E(o, c) : "";
           }
-        } else x || (r = q(o, l));
+        } else v || (r = E(o, l));
       Y.current || W((i) => i !== r ? r : i);
       let m = null;
       if (l)
@@ -99,71 +99,71 @@ const Le = {
           const { date: i } = D(a);
           if (i !== -1) {
             const n = l.filterModels[i];
-            n && (m = n.dateFrom ? C(n.dateFrom) : n.filter ? C(n.filter) : null);
+            n && (m = n.dateFrom ? M(n.dateFrom) : n.filter ? M(n.filter) : null);
           }
-        } else x && (m = l.dateFrom ? C(l.dateFrom) : l.filter ? C(l.filter) : null);
+        } else v && (m = l.dateFrom ? M(l.dateFrom) : l.filter ? M(l.filter) : null);
       j((i) => i?.getTime() !== m?.getTime() ? m : i);
     };
     return d.addEventListener("filterChanged", e), () => {
       d.removeEventListener("filterChanged", e);
     };
-  }, [d, o, x]);
+  }, [d, o, v]);
   const ee = (e, t) => {
     const r = { ...d.getFilterModel() }, m = (n) => n.replace(/[^0-9.\-+eE]/g, ""), i = (n, c) => {
-      const A = c === "number" ? m(n) : n, g = je(A, Me, ve, Ce);
+      const A = c === "number" ? m(n) : n, g = je(A, Fe, be, Me);
       if (console.log("[HeaderSearchInput] Pattern Debug:", {
         input: n,
         sanitizedInput: A,
         filterType: c,
         parsed: g
       }), g.conditions.length === 0) return null;
-      const T = (h) => {
-        let v = Le[h.operator] || "contains";
+      const C = (h) => {
+        let b = Le[h.operator] || "contains";
         if (c === "number") {
           const de = parseFloat(m(h.value));
-          return ["contains", "notContains", "startsWith", "endsWith"].includes(v) && (v = v === "notContains" ? "notEqual" : "equals"), h.operator === "inRange" ? {
-            type: v,
+          return ["contains", "notContains", "startsWith", "endsWith"].includes(b) && (b = b === "notContains" ? "notEqual" : "equals"), h.operator === "inRange" ? {
+            type: b,
             filter: parseFloat(m(h.value)) || 0,
             filterTo: parseFloat(m(h.valueTo || "")) || 0,
             filterType: "number"
-          } : isNaN(de) ? null : { type: v, filter: de, filterType: "number" };
+          } : isNaN(de) ? null : { type: b, filter: de, filterType: "number" };
         }
         return {
-          type: v,
+          type: b,
           filter: h.value,
           filterTo: h.valueTo,
           filterType: "text"
         };
       };
-      let f = null;
+      let u = null;
       if (g.conditions.length === 1)
-        f = T(g.conditions[0]);
+        u = C(g.conditions[0]);
       else {
-        const h = g.conditions.map(T).filter((v) => v !== null);
-        h.length === 0 ? f = null : h.length === 1 ? f = h[0] : f = {
+        const h = g.conditions.map(C).filter((b) => b !== null);
+        h.length === 0 ? u = null : h.length === 1 ? u = h[0] : u = {
           filterType: c,
           operator: g.logic,
           conditions: h
         };
       }
-      return console.log("[HeaderSearchInput] Resulting Model:", f), f;
+      return console.log("[HeaderSearchInput] Resulting Model:", u), u;
     };
     if (a.filter === "agMultiColumnFilter") {
       const n = D(a), c = t === "text" ? n.text !== -1 ? n.text : n.number : t === "set" ? n.set : n.date;
       if (c === -1) return;
       const A = d.getFilterModel()[o], g = A && A.filterType === "multi" ? [...A.filterModels || []] : Array(a.filterParams?.filters?.length || 1).fill(null);
-      let T = null;
+      let C = null;
       if (e !== null && e !== "" && (!Array.isArray(e) || e.length > 0))
         if (t === "set")
-          T = { values: Array.isArray(e) ? e : [String(e)], filterType: "set" };
+          C = { values: Array.isArray(e) ? e : [String(e)], filterType: "set" };
         else if (t === "date") {
-          const f = e instanceof Date ? ge(e) : null;
-          T = f ? { type: "equals", dateFrom: f, filterType: "date" } : null;
+          const u = e instanceof Date ? ge(e) : null;
+          C = u ? { type: "equals", dateFrom: u, filterType: "date" } : null;
         } else {
-          const f = n.text !== -1 ? "text" : "number";
-          T = i(String(e), f);
+          const u = n.text !== -1 ? "text" : "number";
+          C = i(String(e), u);
         }
-      g[c] = T, g.every((f) => f === null) ? delete r[o] : r[o] = { filterType: "multi", filterModels: g };
+      g[c] = C, g.every((u) => u === null) ? delete r[o] : r[o] = { filterType: "multi", filterModels: g };
     } else if (e === null || e === "" || Array.isArray(e) && e.length === 0)
       delete r[o];
     else if (t === "date") {
@@ -184,17 +184,17 @@ const Le = {
       _(Array.isArray(e) ? e.join(",") : e);
       return;
     }
-    ee(e, x ? "date" : "text");
+    ee(e, v ? "date" : "text");
   }, te = (e) => {
     const t = e.target.value;
     W(t), G(t);
   }, le = (e) => {
     j(e), G(e);
-  }, be = () => {
+  }, Te = () => {
     W(""), j(null), G(""), V && V();
-  }, w = (e) => {
+  }, H = (e) => {
     ee(e, "set");
-  }, H = E || (a?.cellDataType === "boolean" ? [{ label: p("gridHeader.true"), value: "true" }, { label: p("gridHeader.false"), value: "false" }] : []), re = He(() => {
+  }, z = w || (a?.cellDataType === "boolean" ? [{ label: p("gridHeader.true"), value: "true" }, { label: p("gridHeader.false"), value: "false" }] : []), re = ze(() => {
     const e = d.getFilterModel()[o];
     if (!e) return [];
     if ("filterType" in e && e.filterType === "multi" && e.filterModels) {
@@ -210,63 +210,63 @@ const Le = {
         return [String(e.filter)];
     }
     return [];
-  }, [d, o, I]), [z, P] = S(null), ne = () => {
-    const e = z !== null ? z : re();
-    return b ? H.filter((t) => e.includes(t.value)) : H.find((t) => e.includes(t.value)) || null;
+  }, [d, o, I]), [S, P] = q(null), ne = () => {
+    const e = S !== null ? S : re();
+    return T ? z.filter((t) => e.includes(t.value)) : z.find((t) => e.includes(t.value)) || null;
   }, oe = (e) => {
     let t = [];
-    if (Array.isArray(e) ? t = e.map((l) => l.value) : e && typeof e == "object" && "value" in e && (t = [e.value]), !b) {
-      w(t), e && L();
+    if (Array.isArray(e) ? t = e.map((l) => l.value) : e && typeof e == "object" && "value" in e && (t = [e.value]), !T) {
+      H(t), e && L();
       return;
     }
     P(t);
-  }, Te = () => {
-    w([]), P([]);
+  }, Ce = () => {
+    H([]), P([]);
   }, De = (e) => {
-    if (b) {
+    if (T) {
       if (e !== void 0) {
         let t = [];
-        Array.isArray(e) ? t = e.map((l) => l.value) : e && typeof e == "object" && "value" in e ? t = [e.value] : e === null && (t = []), w(t), P(null);
+        Array.isArray(e) ? t = e.map((l) => l.value) : e && typeof e == "object" && "value" in e ? t = [e.value] : e === null && (t = []), H(t), P(null);
         return;
       }
-      z !== null && (w(z), P(null));
+      S !== null && (H(S), P(null));
     }
   }, Ne = () => {
     P(re()), Q && Q();
-  }, Ae = () => xe ? /* @__PURE__ */ s("svg", { className: "cursor-pointer text-[#7a8294] hover:text-[#3649C6] shrink-0", fill: "currentColor", focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24", width: "18", height: "18", onClick: (e) => {
+  }, Ae = () => ve ? /* @__PURE__ */ s("svg", { className: "cursor-pointer text-navigation-muted hover:text-brand-variant-hover shrink-0", fill: "currentColor", focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24", width: "18", height: "18", onClick: (e) => {
     e.stopPropagation(), k.current && k.current.blur(), J ? J(I) : K ? K(o) : X && X.openAdvancedFilter(o);
-  }, children: /* @__PURE__ */ s("path", { d: "M3 17v2h6v-2H3zM3 5v2h10V5H3zm10 16v-2h8v-2h-8v-2h-2v6h2zM7 9v2H3v2h4v2h2V9H7zm14 4v-2H11v2h10zm-6-4h2V7h4V5h-4V3h-2v6z" }) }) : null, Ie = () => /* @__PURE__ */ s("button", { onClick: L, className: "cursor-pointer shrink-0 text-[#4259ee] hover:text-[#0f1c76]", children: /* @__PURE__ */ s(pe, { size: "xs" }) }), N = a.filter === "agMultiColumnFilter", y = D(a);
-  let F = "text";
-  N ? F = y.set !== -1 ? "set" : y.date !== -1 ? "date" : "text" : R ? F = "set" : x && (F = "date");
-  const Pe = N ? y.text !== -1 || y.number !== -1 : !x && !R, se = N ? y.set !== -1 : R, ie = N ? y.date !== -1 : x, we = d.getFilterModel()[o], ae = N && we?.filterModels?.some((e, t) => {
-    const l = t === y.text || t === y.number ? "text" : t === y.set ? "set" : "date";
-    return e !== null && l !== F;
+  }, children: /* @__PURE__ */ s("path", { d: "M3 17v2h6v-2H3zM3 5v2h10V5H3zm10 16v-2h8v-2h-8v-2h-2v6h2zM7 9v2H3v2h4v2h2V9H7zm14 4v-2H11v2h10zm-6-4h2V7h4V5h-4V3h-2v6z" }) }) : null, Ie = () => /* @__PURE__ */ s("button", { onClick: L, className: "cursor-pointer shrink-0 text-brand hover:text-brand-strong", children: /* @__PURE__ */ s(pe, { size: "xs" }) }), N = a.filter === "agMultiColumnFilter", x = D(a);
+  let y = "text";
+  N ? y = x.set !== -1 ? "set" : x.date !== -1 ? "date" : "text" : R ? y = "set" : v && (y = "date");
+  const Pe = N ? x.text !== -1 || x.number !== -1 : !v && !R, se = N ? x.set !== -1 : R, ie = N ? x.date !== -1 : v, He = d.getFilterModel()[o], ae = N && He?.filterModels?.some((e, t) => {
+    const l = t === x.text || t === x.number ? "text" : t === x.set ? "set" : "date";
+    return e !== null && l !== y;
   });
-  return /* @__PURE__ */ M("div", { className: "ag-header-cell-label flex items-center gap-1 w-full bg-[#eceefd] px-1 py-2 ag-header-cell-search-active h-full", children: [
-    F === "set" && se ? /* @__PURE__ */ s(
+  return /* @__PURE__ */ F("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: [
+    y === "set" && se ? /* @__PURE__ */ s(
       he,
       {
-        options: H,
+        options: z,
         value: ne(),
         onChange: oe,
-        isMulti: b !== void 0 ? b : a?.cellDataType !== "boolean",
+        isMulti: T !== void 0 ? T : a?.cellDataType !== "boolean",
         placeholder: p("filter.select"),
-        className: "w-full bg-white",
+        className: "w-full bg-canvas-elevated",
         parentClassName: "flex-1 min-w-0",
         menuWidth: "200px",
         menuPortalTarget: document.body,
         autoFocus: !0,
         onMenuOpen: Ne,
         onMenuClose: De,
-        onMenuScrollToBottom: ye,
-        onInputChange: Fe,
-        onClearAll: Te,
+        onMenuScrollToBottom: xe,
+        onInputChange: ye,
+        onClearAll: Ce,
         isLoading: U,
-        onFocus: () => u(!0),
-        onBlur: () => u(!1)
+        onFocus: () => f(!0),
+        onBlur: () => f(!1)
       }
-    ) : F === "date" && ie ? /* @__PURE__ */ s(
-      ue,
+    ) : y === "date" && ie ? /* @__PURE__ */ s(
+      fe,
       {
         value: $ || void 0,
         onChange: (e) => le(e || null),
@@ -274,9 +274,9 @@ const Le = {
         format: "MM-dd-yyyy",
         minDate: /* @__PURE__ */ new Date("2000-01-01"),
         maxDate: /* @__PURE__ */ new Date("2100-12-31"),
-        className: "w-full bg-white",
-        onFocus: () => u(!0),
-        onBlur: () => u(!1)
+        className: "w-full bg-canvas-elevated",
+        onFocus: () => f(!0),
+        onBlur: () => f(!1)
       }
     ) : /* @__PURE__ */ s(
       me,
@@ -285,66 +285,66 @@ const Le = {
         onChange: te,
         placeholder: p("filter.search"),
         type: "text",
-        className: "flex-1 bg-white",
+        className: "flex-1 bg-canvas-elevated",
         autoFocus: !0,
         ref: k,
-        onFocus: () => u(!0),
-        onBlur: () => u(!1),
+        onFocus: () => f(!0),
+        onBlur: () => f(!1),
         suffix: O && /* @__PURE__ */ s("button", { onClick: (e) => {
-          e.stopPropagation(), be();
-        }, className: "cursor-pointer text-[#7a8294] hover:text-[#3649C6]", children: /* @__PURE__ */ s(pe, { size: "xs" }) })
+          e.stopPropagation(), Te();
+        }, className: "cursor-pointer text-navigation-muted hover:text-brand-variant-hover", children: /* @__PURE__ */ s(pe, { size: "xs" }) })
       }
     ),
-    /* @__PURE__ */ M("div", { className: "flex items-center gap-1.5 shrink-0", children: [
-      N && /* @__PURE__ */ M(qe, { children: [
-        /* @__PURE__ */ s(Ee, { asChild: !0, children: /* @__PURE__ */ M("div", { className: "relative group p-1 hover:bg-[#dbe0fb] rounded-md transition-colors cursor-pointer", children: [
-          /* @__PURE__ */ s(ze, { size: "md", className: Se("text-[#60697D] group-hover:text-[#3649C6]", ae && "text-[#3649C6]") }),
-          ae && /* @__PURE__ */ s("span", { className: "absolute top-0.5 right-0.5 w-2 h-2 rounded-full bg-[#4259ee] border border-white shadow-sm" })
+    /* @__PURE__ */ F("div", { className: "flex items-center gap-1.5 shrink-0", children: [
+      N && /* @__PURE__ */ F(Ee, { children: [
+        /* @__PURE__ */ s(we, { asChild: !0, children: /* @__PURE__ */ F("div", { className: "relative group p-1 hover:bg-brand-tint rounded-md transition-colors cursor-pointer", children: [
+          /* @__PURE__ */ s(Se, { size: "md", className: qe("text-content-tertiary group-hover:text-brand-variant-hover", ae && "text-brand-variant-hover") }),
+          ae && /* @__PURE__ */ s("span", { className: "absolute top-0.5 right-0.5 w-2 h-2 rounded-full bg-brand border border-white shadow-sm" })
         ] }) }),
-        /* @__PURE__ */ M(Be, { align: "end", className: "w-[300px]", children: [
+        /* @__PURE__ */ F(Be, { align: "end", className: "w-[300px]", children: [
           /* @__PURE__ */ s(Re, { children: /* @__PURE__ */ s(ke, { children: p("gridHeader.activeFilters") }) }),
-          /* @__PURE__ */ M(Oe, { className: "flex flex-col gap-4", children: [
-            F !== "text" && Pe && /* @__PURE__ */ M("div", { className: "flex flex-col gap-1.5", children: [
-              /* @__PURE__ */ s("span", { className: "text-xs font-semibold text-[#60697D]", children: p("gridHeader.textSearch") }),
+          /* @__PURE__ */ F(Oe, { className: "flex flex-col gap-4", children: [
+            y !== "text" && Pe && /* @__PURE__ */ F("div", { className: "flex flex-col gap-1.5", children: [
+              /* @__PURE__ */ s("span", { className: "text-xs font-semibold text-content-tertiary", children: p("gridHeader.textSearch") }),
               /* @__PURE__ */ s(
                 me,
                 {
                   value: O,
                   onChange: te,
                   placeholder: p("filter.searchPlaceholder"),
-                  className: "bg-white",
-                  onFocus: () => u(!0),
-                  onBlur: () => u(!1)
+                  className: "bg-canvas-elevated",
+                  onFocus: () => f(!0),
+                  onBlur: () => f(!1)
                 }
               )
             ] }),
-            F !== "set" && se && /* @__PURE__ */ M("div", { className: "flex flex-col gap-1.5", children: [
-              /* @__PURE__ */ s("span", { className: "text-xs font-semibold text-[#60697D]", children: p("gridHeader.selectionFilter") }),
+            y !== "set" && se && /* @__PURE__ */ F("div", { className: "flex flex-col gap-1.5", children: [
+              /* @__PURE__ */ s("span", { className: "text-xs font-semibold text-content-tertiary", children: p("gridHeader.selectionFilter") }),
               /* @__PURE__ */ s(
                 he,
                 {
-                  options: H,
+                  options: z,
                   value: ne(),
                   onChange: oe,
-                  isMulti: b !== void 0 ? b : a?.cellDataType !== "boolean",
+                  isMulti: T !== void 0 ? T : a?.cellDataType !== "boolean",
                   placeholder: p("filter.select"),
-                  className: "w-full bg-white",
+                  className: "w-full bg-canvas-elevated",
                   isLoading: U,
-                  onFocus: () => u(!0),
-                  onBlur: () => u(!1)
+                  onFocus: () => f(!0),
+                  onBlur: () => f(!1)
                 }
               )
             ] }),
-            F !== "date" && ie && /* @__PURE__ */ M("div", { className: "flex flex-col gap-1.5", children: [
-              /* @__PURE__ */ s("span", { className: "text-xs font-semibold text-[#60697D]", children: p("gridHeader.dateFilter") }),
+            y !== "date" && ie && /* @__PURE__ */ F("div", { className: "flex flex-col gap-1.5", children: [
+              /* @__PURE__ */ s("span", { className: "text-xs font-semibold text-content-tertiary", children: p("gridHeader.dateFilter") }),
               /* @__PURE__ */ s(
-                ue,
+                fe,
                 {
                   value: $ || void 0,
                   onChange: (e) => le(e || null),
-                  className: "w-full bg-white",
-                  onFocus: () => u(!0),
-                  onBlur: () => u(!1)
+                  className: "w-full bg-canvas-elevated",
+                  onFocus: () => f(!0),
+                  onBlur: () => f(!1)
                 }
               )
             ] })