impact-nova 1.8.3 → 1.9.0-alpha.0

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

@@ -1,319 +1,223 @@
-import { jsxs as D, jsx as i } from "react/jsx-runtime";
-import { useRef as Oe, useState as A, useEffect as Ee, useCallback as ue } from "react";
-import { Filter as ot } from "lucide-react";
-import { cn as at } from "../../../../lib/utils.js";
-import { DatePicker as Re } from "../../date-picker/date-picker.js";
-import { MonthPicker as je } from "../../date-picker/month-picker.js";
-import { WeekPicker as qe } from "../../date-picker/week-picker.js";
-import { Input as J } from "../../input.js";
-import Le from "../../select/select.js";
-import { Popover as it, PopoverTrigger as st, PopoverContent as dt, PopoverHeader as ct, PopoverTitle as ft, PopoverBody as ut } from "../../popover.js";
-import { Cross as K } from "../../../../icons/index.js";
-import { useGridHeader as mt } from "./context/grid-header-context.js";
-import { getMultiFilterIndices as y, getDisplayStringFromFilterModel as Q, formatRuleForDisplay as ht, agToInternalOperator as pt, parseInputPattern as Ye, mapOperatorToAgGrid as Ge } from "./utils/filter-utils.js";
-import { DEFAULT_DATE_DISPLAY_FORMAT as pe, deserializeDate as P, deserializeMonth as X, deserializeWeek as Z, serializeWeek as gt, serializeMonth as yt, serializeDate as Ft, displayDateToIso as me } from "./utils/date-utils.js";
-import { useImpactNovaI18n as vt } from "../../../../i18n/ImpactNovaI18nContext.js";
-function Ve(h, f, N, H, B = "date", k = pe) {
-  const F = f[h];
-  if (!F) return "";
-  let M = null;
-  if (F.filterType === "multi" && F.filterModels) {
-    const { date: x } = y(N);
-    x !== -1 && (M = F.filterModels[x]);
-  } else H && (M = F);
-  if (!M) return "";
-  if ("conditions" in M && M.conditions)
-    return he(M, k);
-  const W = M.type;
-  return !W || B === "date" && W === "equals" ? "" : he(M, k);
-}
-function he(h, f = pe) {
-  if ("conditions" in h && h.conditions && h.operator) {
-    const k = h.operator === "AND" ? "+" : ",";
-    return h.conditions.map((F) => he(F, f)).filter((F) => !!F).join(k);
-  }
-  const N = h.type, H = h.dateFrom, B = h.dateTo;
-  return N ? ht({
-    operator: pt[N] || N,
-    value: H || "",
-    valueTo: B,
-    columnType: "date"
-  }, f) : "";
-}
-const Wt = ({
-  column: h,
-  api: f,
-  onClose: N,
-  handleInlineSearch: H,
-  handleClearSearchInline: B,
-  onAdvanceSearchClick: k,
-  toggleAdvanceSearch: F,
-  advanceSearchEnabled: M = !1,
-  selectOptions: W,
-  isMultiSelect: x,
-  onSelectScrollToBottom: _e,
-  onSelectSearchChange: Ue,
-  onSelectOpen: ge,
-  isLoadingSelect: ye,
-  enableSpaceSplitting: Je = !1,
-  enableBooleanParsing: Ke = !1,
-  enableDateParsing: Qe = !1
+import { jsxs as g, jsx as r } from "react/jsx-runtime";
+import { useRef as Xe, useState as te, useCallback as re } from "react";
+import { Filter as Ze } from "lucide-react";
+import { cn as $e } from "../../../../lib/utils.js";
+import { DatePicker as Se } from "../../date-picker/date-picker.js";
+import { MonthPicker as Ae } from "../../date-picker/month-picker.js";
+import { WeekPicker as He } from "../../date-picker/week-picker.js";
+import { Input as Y } from "../../input.js";
+import ze from "../../select/select.js";
+import { Popover as et, PopoverTrigger as tt, PopoverContent as rt, PopoverHeader as lt, PopoverTitle as nt, PopoverBody as at } from "../../popover.js";
+import { useGridHeader as ot } from "./context/grid-header-context.js";
+import { getMultiFilterIndices as I, parseInputPattern as Be, mapOperatorToAgGrid as Ie } from "./utils/filter-utils.js";
+import { DEFAULT_DATE_DISPLAY_FORMAT as st, serializeWeek as it, serializeMonth as ct, serializeDate as dt, displayDateToIso as le } from "./utils/date-utils.js";
+import { deriveHeaderSearchCommittedState as ut } from "./derive-header-search-state.js";
+import { useImpactNovaI18n as ft } from "../../../../i18n/ImpactNovaI18nContext.js";
+import { Cross as G } from "../../../../icons/generated/cross.js";
+const St = ({
+  column: k,
+  api: v,
+  onClose: ne,
+  handleInlineSearch: ae,
+  handleClearSearchInline: oe,
+  onAdvanceSearchClick: se,
+  toggleAdvanceSearch: ie,
+  advanceSearchEnabled: We = !1,
+  selectOptions: V,
+  isMultiSelect: C,
+  onSelectScrollToBottom: Oe,
+  onSelectSearchChange: Re,
+  onSelectOpen: ce,
+  isLoadingSelect: de,
+  enableSpaceSplitting: je = !1,
+  enableBooleanParsing: Ee = !1,
+  enableDateParsing: qe = !1
 }) => {
-  const { t: p } = vt(), a = h.getColDef(), d = h.getColId(), $ = a?.filter || "agTextColumnFilter", m = $ === "agDateColumnFilter", ee = $ === "agSetColumnFilter" || W && W.length > 0 || a?.cellDataType === "boolean", Y = a?.headerComponentParams?.datePickerVariant || "date", S = m && Y === "month", I = m && Y === "week", g = a?.headerComponentParams?.fiscalConfig, T = a?.headerComponentParams?.dateDisplayFormat || pe, Fe = mt(), te = Oe(null), le = Oe(!1), [re, ne] = A(() => {
-    const t = f.getFilterModel()[d];
-    if (!t) return "";
-    if (t.filterType === "multi" && t.filterModels) {
-      const l = y(a), o = l.text !== -1 ? l.text : l.number;
-      if (o !== -1) {
-        const r = t.filterModels[o];
-        if (r) return Q(d, r);
-      }
-      return "";
-    }
-    return m ? "" : Q(d, t);
-  }), [ve, u] = A(!1), [G, oe] = A(() => {
-    if (!m) return "";
-    const e = f.getFilterModel();
-    return Ve(d, e, a, m, Y, T);
-  });
-  Ee(() => {
-    le.current = ve;
-  }, [ve]);
-  const [Me, ae] = A(() => {
-    if (S || I) return null;
-    const t = f.getFilterModel()[d];
-    if (t) {
-      if (t.filterType === "multi" && t.filterModels) {
-        const { date: l } = y(a);
-        if (l !== -1) {
-          const o = t.filterModels[l];
-          if (o) {
-            if (o.dateFrom) return P(o.dateFrom);
-            if (o.filter) return P(o.filter);
-          }
-        }
-      }
-      if (m) {
-        if (t.dateFrom) return P(t.dateFrom);
-        if (t.filter) return P(t.filter);
-      }
-    }
-    return null;
-  }), [xe, ie] = A(() => {
-    if (!S) return null;
-    const t = f.getFilterModel()[d];
-    if (t) {
-      if (t.filterType === "multi" && t.filterModels) {
-        const { date: l } = y(a);
-        if (l !== -1) {
-          const o = t.filterModels[l];
-          if (o?.dateFrom) return X(o.dateFrom);
-        }
-      }
-      if (m && t.dateFrom)
-        return X(t.dateFrom);
-    }
-    return null;
-  }), [Te, se] = A(() => {
-    if (!I) return null;
-    const t = f.getFilterModel()[d];
-    if (t) {
-      if (t.filterType === "multi" && t.filterModels) {
-        const { date: l } = y(a);
-        if (l !== -1) {
-          const o = t.filterModels[l];
-          if (o?.dateFrom && o?.dateTo)
-            return Z(o.dateFrom, o.dateTo);
-        }
-      }
-      if (m && t.dateFrom && t.dateTo)
-        return Z(t.dateFrom, t.dateTo);
-    }
-    return null;
-  });
-  Ee(() => {
-    const e = () => {
-      const t = f.getFilterModel(), l = t[d];
-      let o = "";
-      if (l)
-        if (l.filterType === "multi" && l.filterModels) {
-          const r = y(a), n = r.text !== -1 ? r.text : r.number;
-          if (n !== -1) {
-            const s = l.filterModels[n];
-            o = s ? Q(d, s) : "";
-          }
-        } else m || (o = Q(d, l));
-      if (le.current || ne((r) => r !== o ? o : r), m && !le.current) {
-        const r = Ve(d, t, a, m, Y, T);
-        oe((n) => n !== r ? r : n);
-      }
-      if (I) {
-        let r = null;
-        if (l)
-          if (l.filterType === "multi" && l.filterModels) {
-            const { date: n } = y(a);
-            if (n !== -1) {
-              const s = l.filterModels[n];
-              s?.dateFrom && s?.dateTo && (r = Z(s.dateFrom, s.dateTo));
-            }
-          } else m && l.dateFrom && l.dateTo && (r = Z(l.dateFrom, l.dateTo));
-        se((n) => n === null && r === null ? n : n?.startDate?.getTime() !== r?.startDate?.getTime() || n?.endDate?.getTime() !== r?.endDate?.getTime() ? r : n);
-      } else if (S) {
-        let r = null;
-        if (l)
-          if (l.filterType === "multi" && l.filterModels) {
-            const { date: n } = y(a);
-            if (n !== -1) {
-              const s = l.filterModels[n];
-              s?.dateFrom && (r = X(s.dateFrom));
-            }
-          } else m && l.dateFrom && (r = X(l.dateFrom));
-        ie((n) => n === null && r === null ? n : n?.month !== r?.month || n?.year !== r?.year ? r : n);
-      } else {
-        let r = null;
-        if (l)
-          if (l.filterType === "multi" && l.filterModels) {
-            const { date: n } = y(a);
-            if (n !== -1) {
-              const s = l.filterModels[n];
-              s && (r = s.dateFrom ? P(s.dateFrom) : s.filter ? P(s.filter) : null);
-            }
-          } else m && (r = l.dateFrom ? P(l.dateFrom) : l.filter ? P(l.filter) : null);
-        ae((n) => n?.getTime() !== r?.getTime() ? r : n);
-      }
-    };
-    return f.addEventListener("filterChanged", e), () => {
-      f.removeEventListener("filterChanged", e);
-    };
-  }, [f, d, m, S, I]);
-  const O = (e, t) => {
-    const l = (c) => c.replace(/[^0-9.\-+eE]/g, ""), o = (c, q) => {
-      const R = Ye(c, Je, Ke, Qe);
+  const { t: i } = ft(), n = k.getColDef(), d = k.getColId(), L = n?.filter || "agTextColumnFilter", M = L === "agDateColumnFilter", _ = L === "agSetColumnFilter" || V && V.length > 0 || n?.cellDataType === "boolean", U = n?.headerComponentParams?.datePickerVariant || "date", W = M && U === "month", O = M && U === "week", c = n?.headerComponentParams?.fiscalConfig, y = n?.headerComponentParams?.dateDisplayFormat || st, ue = ot(), J = Xe(null), fe = ut({
+    api: v,
+    colId: d,
+    colDef: n,
+    isDateFilter: M,
+    isMonthVariant: W,
+    isWeekVariant: O,
+    datePickerVariant: U,
+    dateDisplayFormat: y
+  }), [K, Q] = te(null), [Ye, D] = te(!1), S = (e) => Ye && K && K[e] !== void 0 ? K[e] : fe[e], X = S("searchText"), R = S("dateDisplayString"), pe = S("selectedDate"), he = S("selectedMonth"), me = S("selectedWeek"), A = (e) => {
+    Q((t) => ({ ...fe, ...t, ...e }));
+  }, x = () => D(!0), F = () => {
+    D(!1), Q(null);
+  }, N = (e, t) => {
+    const a = (l) => l.replace(/[^0-9.\-+eE]/g, ""), s = (l, z) => {
+      const w = Be(
+        l,
+        je,
+        Ee,
+        qe
+      );
       if (console.log("[HeaderSearchInput] Pattern Debug:", {
-        input: c,
-        filterType: q,
-        parsed: R
-      }), R.conditions.length === 0) return null;
-      const Be = (v) => {
-        let w = Ge(v.operator);
-        if (q === "number") {
-          const We = parseFloat(l(v.value));
-          return ["contains", "notContains", "startsWith", "endsWith"].includes(w) && (w = w === "notContains" ? "notEqual" : "equals"), v.operator === "inRange" ? {
-            type: w,
-            filter: parseFloat(l(v.value)) || 0,
-            filterTo: parseFloat(l(v.valueTo || "")) || 0,
+        input: l,
+        filterType: z,
+        parsed: w
+      }), w.conditions.length === 0) return null;
+      const we = (u) => {
+        let b = Ie(u.operator);
+        if (z === "number") {
+          const ke = parseFloat(a(u.value));
+          return ["contains", "notContains", "startsWith", "endsWith"].includes(
+            b
+          ) && (b = b === "notContains" ? "notEqual" : "equals"), u.operator === "inRange" ? {
+            type: b,
+            filter: parseFloat(a(u.value)) || 0,
+            filterTo: parseFloat(a(u.valueTo || "")) || 0,
             filterType: "number"
-          } : isNaN(We) ? null : { type: w, filter: We, filterType: "number" };
+          } : isNaN(ke) ? null : { type: b, filter: ke, filterType: "number" };
         }
         return {
-          type: w,
-          filter: v.value,
-          filterTo: v.valueTo,
+          type: b,
+          filter: u.value,
+          filterTo: u.valueTo,
           filterType: "text"
         };
       };
-      let L = null;
-      if (R.conditions.length === 1)
-        L = Be(R.conditions[0]);
+      let B = null;
+      if (w.conditions.length === 1)
+        B = we(w.conditions[0]);
       else {
-        const v = R.conditions.map(Be).filter((w) => w !== null);
-        v.length === 0 ? L = null : v.length === 1 ? L = v[0] : L = {
-          filterType: q,
-          operator: R.logic,
-          conditions: v
+        const u = w.conditions.map(we).filter((b) => b !== null);
+        u.length === 0 ? B = null : u.length === 1 ? B = u[0] : B = {
+          filterType: z,
+          operator: w.logic,
+          conditions: u
         };
       }
-      return L;
+      return B;
     };
-    let r = null;
+    let o = null;
     if (!(e === null || e === "" || Array.isArray(e) && e.length === 0))
       if (t === "set")
-        r = { values: Array.isArray(e) ? e : [String(e)], filterType: "set" };
+        o = {
+          values: Array.isArray(e) ? e : [String(e)],
+          filterType: "set"
+        };
       else if (t === "date")
-        if (I && e && typeof e == "object" && "startDate" in e && "endDate" in e) {
-          const c = gt(e);
-          r = { type: "inRange", dateFrom: c.dateFrom, dateTo: c.dateTo, filterType: "date" };
-        } else if (S && e && typeof e == "object" && "month" in e && "year" in e) {
-          const c = yt(e);
-          r = { type: "inRange", dateFrom: c.dateFrom, dateTo: c.dateTo, filterType: "date" };
+        if (O && e && typeof e == "object" && "startDate" in e && "endDate" in e) {
+          const l = it(e);
+          o = {
+            type: "inRange",
+            dateFrom: l.dateFrom,
+            dateTo: l.dateTo,
+            filterType: "date"
+          };
+        } else if (W && e && typeof e == "object" && "month" in e && "year" in e) {
+          const l = ct(e);
+          o = {
+            type: "inRange",
+            dateFrom: l.dateFrom,
+            dateTo: l.dateTo,
+            filterType: "date"
+          };
         } else {
-          const c = e instanceof Date ? Ft(e) : null;
-          r = c ? { type: "equals", dateFrom: c, filterType: "date" } : null;
+          const l = e instanceof Date ? dt(e) : null;
+          o = l ? { type: "equals", dateFrom: l, filterType: "date" } : null;
         }
       else {
-        const c = a.filter === "agMultiColumnFilter" ? y(a) : null, q = c ? c.text !== -1 ? "text" : "number" : $ === "agNumberColumnFilter" ? "number" : "text";
-        r = o(String(e), q);
+        const l = n.filter === "agMultiColumnFilter" ? I(n) : null, z = l ? l.text !== -1 ? "text" : "number" : L === "agNumberColumnFilter" ? "number" : "text";
+        o = s(String(e), z);
       }
-    const s = a.filter === "agMultiColumnFilter" ? y(a) : null, z = s ? t === "text" ? s.text !== -1 ? s.text : s.number : t === "set" ? s.set : s.date : 0;
-    ce(r, z);
-  }, de = (e) => {
-    if (H) {
-      H(Array.isArray(e) ? e.join(",") : e);
+    const f = n.filter === "agMultiColumnFilter" ? I(n) : null, T = f ? t === "text" ? f.text !== -1 ? f.text : f.number : t === "set" ? f.set : f.date : 0;
+    $(o, T);
+  }, Z = (e) => {
+    if (ae) {
+      ae(Array.isArray(e) ? e.join(",") : e);
       return;
     }
-    O(e, m ? "date" : "text");
-  }, be = (e) => {
+    N(e, M ? "date" : "text");
+  }, ge = (e) => {
     const t = e.target.value;
-    ne(t), de(t);
-  }, Ce = (e) => {
-    ae(e), de(e);
-  }, De = (e) => {
-    ie(e), O(e || null, "date");
-  }, Ne = (e) => {
-    se(e), O(e || null, "date");
-  }, Xe = (e) => {
+    A({ searchText: t }), Z(t);
+  }, ve = (e) => {
+    A({ selectedDate: e }), Z(e);
+  }, ye = (e) => {
+    A({ selectedMonth: e }), N(e || null, "date");
+  }, xe = (e) => {
+    A({ selectedWeek: e }), N(e || null, "date");
+  }, Ge = (e) => {
     if (!e.trim()) return null;
-    const t = Ye(e, !1, !1, !1);
+    const t = Be(e, !1, !1, !1);
     if (t.conditions.length === 0) return null;
-    const l = (r) => {
-      let n = Ge(r.operator);
-      if (["contains", "notContains", "startsWith", "endsWith"].includes(n) && (n = n === "notContains" ? "notEqual" : "equals"), r.operator === "inRange") {
-        let z = me(r.value, T), c = me(r.valueTo || "", T);
-        return !z || !c ? null : (z > c && ([z, c] = [c, z]), { type: "inRange", dateFrom: z, dateTo: c, filterType: "date" });
+    const a = (o) => {
+      let m = Ie(o.operator);
+      if (["contains", "notContains", "startsWith", "endsWith"].includes(
+        m
+      ) && (m = m === "notContains" ? "notEqual" : "equals"), o.operator === "inRange") {
+        let T = le(o.value, y), l = le(o.valueTo || "", y);
+        return !T || !l ? null : (T > l && ([T, l] = [l, T]), {
+          type: "inRange",
+          dateFrom: T,
+          dateTo: l,
+          filterType: "date"
+        });
       }
-      const s = me(r.value, T);
-      return s ? { type: n, dateFrom: s, filterType: "date" } : null;
+      const f = le(o.value, y);
+      return f ? {
+        type: m,
+        dateFrom: f,
+        filterType: "date"
+      } : null;
     };
     if (t.conditions.length === 1)
-      return l(t.conditions[0]);
-    const o = t.conditions.map(l).filter((r) => r !== null);
-    return o.length === 0 ? null : o.length === 1 ? o[0] : {
+      return a(t.conditions[0]);
+    const s = t.conditions.map(a).filter((o) => o !== null);
+    return s.length === 0 ? null : s.length === 1 ? s[0] : {
       filterType: "date",
       operator: t.logic,
-      conditions: o
+      conditions: s
     };
-  }, ce = ue((e, t) => {
-    const l = f.getFilterModel(), o = { ...l };
-    if (a.filter === "agMultiColumnFilter") {
-      if (t === -1) return;
-      const r = l[d], n = r && r.filterType === "multi" ? [...r.filterModels || []] : Array(a.filterParams?.filters?.length || 1).fill(null);
-      n[t] = e, n.every((s) => s === null) ? delete o[d] : o[d] = { filterType: "multi", filterModels: n };
-    } else
-      e ? o[d] = e : delete o[d];
-    f.setFilterModel(o), f.onFilterChanged();
-  }, [f, d, a]), we = ue((e) => {
-    const t = a.filter === "agMultiColumnFilter" ? y(a).date : 0;
-    ce(e, t);
-  }, [a, ce]), Pe = (e) => {
+  }, $ = re(
+    (e, t) => {
+      const a = v.getFilterModel(), s = { ...a };
+      if (n.filter === "agMultiColumnFilter") {
+        if (t === -1) return;
+        const o = a[d], m = o && o.filterType === "multi" ? [...o.filterModels || []] : Array(n.filterParams?.filters?.length || 1).fill(null);
+        m[t] = e, m.every((f) => f === null) ? delete s[d] : s[d] = {
+          filterType: "multi",
+          filterModels: m
+        };
+      } else
+        e ? s[d] = e : delete s[d];
+      v.setFilterModel(s), v.onFilterChanged();
+    },
+    [v, d, n]
+  ), Fe = re(
+    (e) => {
+      const t = n.filter === "agMultiColumnFilter" ? I(n).date : 0;
+      $(e, t);
+    },
+    [n, $]
+  ), be = (e) => {
     const t = e.target.value.replace(/[^0-9/\-!=><+,~]/g, "");
-    if (oe(t), !t.trim()) {
-      we(null);
+    if (A({ dateDisplayString: t }), !t.trim()) {
+      Fe(null);
       return;
     }
-    const l = Xe(t);
-    l && we(l);
-  }, fe = () => {
-    ne(""), ae(null), ie(null), se(null), oe(""), de(""), B && B();
-  }, V = (e) => {
-    O(e, "set");
-  }, _ = W || (a?.cellDataType === "boolean" ? [{ label: p("gridHeader.true"), value: "true" }, { label: p("gridHeader.false"), value: "false" }] : []), ke = ue(() => {
-    const e = f.getFilterModel()[d];
+    const a = Ge(t);
+    a && Fe(a);
+  }, ee = () => {
+    Q(null), Z(""), oe && oe();
+  }, j = (e) => {
+    N(e, "set");
+  }, E = V || (n?.cellDataType === "boolean" ? [
+    { label: i("gridHeader.true"), value: "true" },
+    { label: i("gridHeader.false"), value: "false" }
+  ] : []), Ce = re(() => {
+    const e = v.getFilterModel()[d];
     if (!e) return [];
     if ("filterType" in e && e.filterType === "multi" && e.filterModels) {
-      const l = y(h.getColDef()).set;
-      if (l !== -1) {
-        const o = e.filterModels[l];
-        if (o?.filterType === "set" && o.values) return o.values;
+      const a = I(k.getColDef()).set;
+      if (a !== -1) {
+        const s = e.filterModels[a];
+        if (s?.filterType === "set" && s.values)
+          return s.values;
       }
     } else {
       if (e.filterType === "set" && "values" in e)
@@ -322,236 +226,287 @@ const Wt = ({
         return [String(e.filter)];
     }
     return [];
-  }, [f, d, h]), [U, j] = A(null), Se = () => {
-    const e = U !== null ? U : ke();
-    return x ? _.filter((t) => e.includes(t.value)) : _.find((t) => e.includes(t.value)) || null;
-  }, Ie = (e) => {
+  }, [v, d, k]), [q, H] = te(null), Me = () => {
+    const e = q !== null ? q : Ce();
+    return C ? E.filter((t) => e.includes(t.value)) : E.find((t) => e.includes(t.value)) || null;
+  }, Te = (e) => {
     let t = [];
-    if (Array.isArray(e) ? t = e.map((l) => l.value) : e && typeof e == "object" && "value" in e && (t = [e.value]), !x) {
-      V(t), e && N();
+    if (Array.isArray(e) ? t = e.map((a) => a.value) : e && typeof e == "object" && "value" in e && (t = [e.value]), !C) {
+      j(t), e && ne();
       return;
     }
-    j(t);
-  }, Ze = () => {
-    V([]), j([]);
-  }, $e = (e) => {
-    if (x) {
+    H(t);
+  }, Ve = () => {
+    j([]), H([]);
+  }, Le = (e) => {
+    if (C) {
       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 = []), V(t), j(null);
+        Array.isArray(e) ? t = e.map((a) => a.value) : e && typeof e == "object" && "value" in e ? t = [e.value] : e === null && (t = []), j(t), H(null);
         return;
       }
-      U !== null && (V(U), j(null));
+      q !== null && (j(q), H(null));
+    }
+  }, _e = () => {
+    H(Ce()), ce && ce();
+  }, Ue = () => We ? /* @__PURE__ */ r(
+    "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(), J.current && J.current.blur(), se ? se(k) : ie ? ie(d) : ue && ue.openAdvancedFilter(d);
+      },
+      children: /* @__PURE__ */ r("path", { d: "M3 17v2h6v-2H3zM3 5v2h10V5H3zm10 16v-2h8v-2h-8v-2h-2v6h2zM7 9v2H3v2h4v2h2V9H7zm14 4v-2H11v2h10zm-6-4h2V7h4V5h-4V3h-2v6z" })
+    }
+  ) : null, Je = () => /* @__PURE__ */ r(
+    "button",
+    {
+      onClick: ne,
+      className: "cursor-pointer shrink-0 text-brand hover:text-brand-strong",
+      children: /* @__PURE__ */ r(G, { size: "xs" })
     }
-  }, et = () => {
-    j(ke()), ge && ge();
-  }, tt = () => M ? /* @__PURE__ */ i("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(), te.current && te.current.blur(), k ? k(h) : F ? F(d) : Fe && Fe.openAdvancedFilter(d);
-  }, children: /* @__PURE__ */ i("path", { d: "M3 17v2h6v-2H3zM3 5v2h10V5H3zm10 16v-2h8v-2h-8v-2h-2v6h2zM7 9v2H3v2h4v2h2V9H7zm14 4v-2H11v2h10zm-6-4h2V7h4V5h-4V3h-2v6z" }) }) : null, lt = () => /* @__PURE__ */ i("button", { onClick: N, className: "cursor-pointer shrink-0 text-brand hover:text-brand-strong", children: /* @__PURE__ */ i(K, { size: "xs" }) }), E = a.filter === "agMultiColumnFilter", b = y(a);
-  let C = "text";
-  E ? C = b.set !== -1 ? "set" : b.date !== -1 ? "date" : "text" : ee ? C = "set" : m && (C = "date");
-  const rt = E ? b.text !== -1 || b.number !== -1 : !m && !ee, ze = E ? b.set !== -1 : ee, Ae = E ? b.date !== -1 : m, nt = f.getFilterModel()[d], He = E && nt?.filterModels?.some((e, t) => {
-    const l = t === b.text || t === b.number ? "text" : t === b.set ? "set" : "date";
-    return e !== null && l !== C;
+  ), P = n.filter === "agMultiColumnFilter", p = I(n);
+  let h = "text";
+  P ? h = p.set !== -1 ? "set" : p.date !== -1 ? "date" : "text" : _ ? h = "set" : M && (h = "date");
+  const Ke = P ? p.text !== -1 || p.number !== -1 : !M && !_, De = P ? p.set !== -1 : _, Ne = P ? p.date !== -1 : M, Qe = v.getFilterModel()[d], Pe = P && Qe?.filterModels?.some((e, t) => {
+    const a = t === p.text || t === p.number ? "text" : t === p.set ? "set" : "date";
+    return e !== null && a !== h;
   });
-  return /* @__PURE__ */ D("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: [
-    C === "set" && ze ? /* @__PURE__ */ i(
-      Le,
+  return /* @__PURE__ */ g("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: [
+    h === "set" && De ? /* @__PURE__ */ r(
+      ze,
       {
-        options: _,
-        value: Se(),
-        onChange: Ie,
-        isMulti: x !== void 0 ? x : a?.cellDataType !== "boolean",
-        placeholder: p("filter.select"),
+        options: E,
+        value: Me(),
+        onChange: Te,
+        isMulti: C !== void 0 ? C : n?.cellDataType !== "boolean",
+        placeholder: i("filter.select"),
         className: "w-full bg-canvas-elevated",
         parentClassName: "flex-1 min-w-0",
         menuWidth: "200px",
         menuPortalTarget: document.body,
         autoFocus: !0,
-        onMenuOpen: et,
-        onMenuClose: $e,
-        onMenuScrollToBottom: _e,
-        onInputChange: Ue,
-        onClearAll: Ze,
-        isLoading: ye,
-        onFocus: () => u(!0),
-        onBlur: () => u(!1)
+        onMenuOpen: _e,
+        onMenuClose: Le,
+        onMenuScrollToBottom: Oe,
+        onInputChange: Re,
+        onClearAll: Ve,
+        isLoading: de,
+        onFocus: x,
+        onBlur: F
       }
-    ) : C === "date" && Ae ? G ? /* @__PURE__ */ i(
-      J,
+    ) : h === "date" && Ne ? R ? /* @__PURE__ */ r(
+      Y,
       {
-        value: G,
-        onChange: Pe,
-        placeholder: p("filter.search"),
+        value: R,
+        onChange: be,
+        placeholder: i("filter.search"),
         className: "w-full bg-canvas-elevated",
         autoFocus: !0,
-        onFocus: () => u(!0),
-        onBlur: () => u(!1),
-        suffix: /* @__PURE__ */ i("button", { onClick: (e) => {
-          e.stopPropagation(), fe();
-        }, className: "cursor-pointer text-navigation-muted hover:text-brand-variant-hover", children: /* @__PURE__ */ i(K, { size: "xs" }) })
+        onFocus: x,
+        onBlur: F,
+        suffix: /* @__PURE__ */ r(
+          "button",
+          {
+            onClick: (e) => {
+              e.stopPropagation(), ee();
+            },
+            className: "cursor-pointer text-navigation-muted hover:text-brand-variant-hover",
+            children: /* @__PURE__ */ r(G, { size: "xs" })
+          }
+        )
       }
-    ) : I ? /* @__PURE__ */ i(
-      qe,
+    ) : O ? /* @__PURE__ */ r(
+      He,
       {
-        value: Te || void 0,
-        onChange: (e) => Ne(e || null),
-        placeholder: p("datePicker.selectWeek"),
-        format: T,
+        value: me || void 0,
+        onChange: (e) => xe(e || null),
+        placeholder: i("datePicker.selectWeek"),
+        format: y,
         minDate: /* @__PURE__ */ new Date("2000-01-01"),
         maxDate: /* @__PURE__ */ new Date("2100-12-31"),
         className: "w-full bg-canvas-elevated",
         showFooter: !1,
-        calendarType: g?.calendarType,
-        fiscalMode: g?.fiscalMode,
-        selectionMode: g?.selectionMode,
-        fiscalMonthPattern: g?.fiscalMonthPattern,
-        fiscalYearStartMonth: g?.fiscalYearStartMonth,
-        weekStartsOn: g?.weekStartsOn
+        calendarType: c?.calendarType,
+        fiscalMode: c?.fiscalMode,
+        selectionMode: c?.selectionMode,
+        fiscalMonthPattern: c?.fiscalMonthPattern,
+        fiscalYearStartMonth: c?.fiscalYearStartMonth,
+        weekStartsOn: c?.weekStartsOn
       }
-    ) : S ? /* @__PURE__ */ i(
-      je,
+    ) : W ? /* @__PURE__ */ r(
+      Ae,
       {
-        value: xe || void 0,
-        onChange: (e) => De(e || null),
-        placeholder: p("datePicker.selectMonth"),
+        value: he || void 0,
+        onChange: (e) => ye(e || null),
+        placeholder: i("datePicker.selectMonth"),
         minDate: /* @__PURE__ */ new Date("2000-01-01"),
         maxDate: /* @__PURE__ */ new Date("2100-12-31"),
         className: "w-full bg-canvas-elevated",
         showFooter: !1,
-        onFocus: () => u(!0),
-        onBlur: () => u(!1)
+        onFocus: x,
+        onBlur: F
       }
-    ) : /* @__PURE__ */ i(
-      Re,
+    ) : /* @__PURE__ */ r(
+      Se,
       {
-        value: Me || void 0,
-        onChange: (e) => Ce(e || null),
-        placeholder: p("filter.selectDate"),
-        format: T,
+        value: pe || void 0,
+        onChange: (e) => ve(e || null),
+        placeholder: i("filter.selectDate"),
+        format: y,
         minDate: /* @__PURE__ */ new Date("2000-01-01"),
         maxDate: /* @__PURE__ */ new Date("2100-12-31"),
         className: "w-full bg-canvas-elevated",
-        weekStartsOn: g?.weekStartsOn,
-        onFocus: () => u(!0),
-        onBlur: () => u(!1)
+        weekStartsOn: c?.weekStartsOn,
+        onFocus: x,
+        onBlur: F
       }
-    ) : /* @__PURE__ */ i(
-      J,
+    ) : /* @__PURE__ */ r(
+      Y,
       {
-        value: re,
-        onChange: be,
-        placeholder: p("filter.search"),
+        value: X,
+        onChange: ge,
+        placeholder: i("filter.search"),
         type: "text",
         autoFocus: !0,
-        ref: te,
-        onFocus: () => u(!0),
-        onBlur: () => u(!1),
-        suffix: re && /* @__PURE__ */ i("button", { onClick: (e) => {
-          e.stopPropagation(), fe();
-        }, className: "cursor-pointer text-navigation-muted hover:text-brand-variant-hover", children: /* @__PURE__ */ i(K, { size: "xs" }) })
+        ref: J,
+        onFocus: x,
+        onBlur: F,
+        suffix: X && /* @__PURE__ */ r(
+          "button",
+          {
+            onClick: (e) => {
+              e.stopPropagation(), ee();
+            },
+            className: "cursor-pointer text-navigation-muted hover:text-brand-variant-hover",
+            children: /* @__PURE__ */ r(G, { size: "xs" })
+          }
+        )
       }
     ),
-    /* @__PURE__ */ D("div", { className: "flex items-center gap-1.5 shrink-0", children: [
-      E && /* @__PURE__ */ D(it, { children: [
-        /* @__PURE__ */ i(st, { asChild: !0, children: /* @__PURE__ */ D("div", { className: "relative group p-1 hover:bg-brand-tint rounded-md transition-colors cursor-pointer", children: [
-          /* @__PURE__ */ i(ot, { size: "md", className: at("text-content-tertiary group-hover:text-brand-variant-hover", He && "text-brand-variant-hover") }),
-          He && /* @__PURE__ */ i("span", { className: "absolute top-0.5 right-0.5 w-2 h-2 rounded-full bg-brand border border-white shadow-sm" })
+    /* @__PURE__ */ g("div", { className: "flex items-center gap-1.5 shrink-0", children: [
+      P && /* @__PURE__ */ g(et, { children: [
+        /* @__PURE__ */ r(tt, { asChild: !0, children: /* @__PURE__ */ g("div", { className: "relative group p-1 hover:bg-brand-tint rounded-md transition-colors cursor-pointer", children: [
+          /* @__PURE__ */ r(
+            Ze,
+            {
+              size: "md",
+              className: $e(
+                "text-content-tertiary group-hover:text-brand-variant-hover",
+                Pe && "text-brand-variant-hover"
+              )
+            }
+          ),
+          Pe && /* @__PURE__ */ r("span", { className: "absolute top-0.5 right-0.5 w-2 h-2 rounded-full bg-brand border border-white shadow-sm" })
         ] }) }),
-        /* @__PURE__ */ D(dt, { align: "end", className: "w-[300px]", children: [
-          /* @__PURE__ */ i(ct, { children: /* @__PURE__ */ i(ft, { children: p("gridHeader.activeFilters") }) }),
-          /* @__PURE__ */ D(ut, { className: "flex flex-col gap-4", children: [
-            C !== "text" && rt && /* @__PURE__ */ D("div", { className: "flex flex-col gap-1.5", children: [
-              /* @__PURE__ */ i("span", { className: "text-xs font-semibold text-content-tertiary", children: p("gridHeader.textSearch") }),
-              /* @__PURE__ */ i(
-                J,
+        /* @__PURE__ */ g(rt, { align: "end", className: "w-[300px]", children: [
+          /* @__PURE__ */ r(lt, { children: /* @__PURE__ */ r(nt, { children: i("gridHeader.activeFilters") }) }),
+          /* @__PURE__ */ g(at, { className: "flex flex-col gap-4", children: [
+            h !== "text" && Ke && /* @__PURE__ */ g("div", { className: "flex flex-col gap-1.5", children: [
+              /* @__PURE__ */ r("span", { className: "text-xs font-semibold text-content-tertiary", children: i("gridHeader.textSearch") }),
+              /* @__PURE__ */ r(
+                Y,
                 {
-                  value: re,
-                  onChange: be,
-                  placeholder: p("filter.searchPlaceholder"),
+                  value: X,
+                  onChange: ge,
+                  placeholder: i("filter.searchPlaceholder"),
                   className: "bg-canvas-elevated",
-                  onFocus: () => u(!0),
-                  onBlur: () => u(!1)
+                  onFocus: () => D(!0),
+                  onBlur: () => D(!1)
                 }
               )
             ] }),
-            C !== "set" && ze && /* @__PURE__ */ D("div", { className: "flex flex-col gap-1.5", children: [
-              /* @__PURE__ */ i("span", { className: "text-xs font-semibold text-content-tertiary", children: p("gridHeader.selectionFilter") }),
-              /* @__PURE__ */ i(
-                Le,
+            h !== "set" && De && /* @__PURE__ */ g("div", { className: "flex flex-col gap-1.5", children: [
+              /* @__PURE__ */ r("span", { className: "text-xs font-semibold text-content-tertiary", children: i("gridHeader.selectionFilter") }),
+              /* @__PURE__ */ r(
+                ze,
                 {
-                  options: _,
-                  value: Se(),
-                  onChange: Ie,
-                  isMulti: x !== void 0 ? x : a?.cellDataType !== "boolean",
-                  placeholder: p("filter.select"),
+                  options: E,
+                  value: Me(),
+                  onChange: Te,
+                  isMulti: C !== void 0 ? C : n?.cellDataType !== "boolean",
+                  placeholder: i("filter.select"),
                   className: "w-full bg-canvas-elevated",
-                  isLoading: ye,
-                  onFocus: () => u(!0),
-                  onBlur: () => u(!1)
+                  isLoading: de,
+                  onFocus: () => D(!0),
+                  onBlur: () => D(!1)
                 }
               )
             ] }),
-            C !== "date" && Ae && /* @__PURE__ */ D("div", { className: "flex flex-col gap-1.5", children: [
-              /* @__PURE__ */ i("span", { className: "text-xs font-semibold text-content-tertiary", children: p("gridHeader.dateFilter") }),
-              G ? /* @__PURE__ */ i(
-                J,
+            h !== "date" && Ne && /* @__PURE__ */ g("div", { className: "flex flex-col gap-1.5", children: [
+              /* @__PURE__ */ r("span", { className: "text-xs font-semibold text-content-tertiary", children: i("gridHeader.dateFilter") }),
+              R ? /* @__PURE__ */ r(
+                Y,
                 {
-                  value: G,
-                  onChange: Pe,
+                  value: R,
+                  onChange: be,
                   className: "w-full bg-canvas-elevated",
-                  onFocus: () => u(!0),
-                  onBlur: () => u(!1),
-                  suffix: /* @__PURE__ */ i("button", { onClick: (e) => {
-                    e.stopPropagation(), fe();
-                  }, className: "cursor-pointer text-navigation-muted hover:text-brand-variant-hover", children: /* @__PURE__ */ i(K, { size: "xs" }) })
+                  onFocus: x,
+                  onBlur: F,
+                  suffix: /* @__PURE__ */ r(
+                    "button",
+                    {
+                      onClick: (e) => {
+                        e.stopPropagation(), ee();
+                      },
+                      className: "cursor-pointer text-navigation-muted hover:text-brand-variant-hover",
+                      children: /* @__PURE__ */ r(G, { size: "xs" })
+                    }
+                  )
                 }
-              ) : I ? /* @__PURE__ */ i(
-                qe,
+              ) : O ? /* @__PURE__ */ r(
+                He,
                 {
-                  value: Te || void 0,
-                  onChange: (e) => Ne(e || null),
-                  format: T,
+                  value: me || void 0,
+                  onChange: (e) => xe(e || null),
+                  format: y,
                   className: "w-full bg-canvas-elevated",
                   showFooter: !1,
-                  calendarType: g?.calendarType,
-                  fiscalMode: g?.fiscalMode,
-                  selectionMode: g?.selectionMode,
-                  fiscalMonthPattern: g?.fiscalMonthPattern,
-                  fiscalYearStartMonth: g?.fiscalYearStartMonth,
-                  weekStartsOn: g?.weekStartsOn
+                  calendarType: c?.calendarType,
+                  fiscalMode: c?.fiscalMode,
+                  selectionMode: c?.selectionMode,
+                  fiscalMonthPattern: c?.fiscalMonthPattern,
+                  fiscalYearStartMonth: c?.fiscalYearStartMonth,
+                  weekStartsOn: c?.weekStartsOn
                 }
-              ) : S ? /* @__PURE__ */ i(
-                je,
+              ) : W ? /* @__PURE__ */ r(
+                Ae,
                 {
-                  value: xe || void 0,
-                  onChange: (e) => De(e || null),
+                  value: he || void 0,
+                  onChange: (e) => ye(e || null),
                   className: "w-full bg-canvas-elevated",
                   showFooter: !1,
-                  onFocus: () => u(!0),
-                  onBlur: () => u(!1)
+                  onFocus: x,
+                  onBlur: F
                 }
-              ) : /* @__PURE__ */ i(
-                Re,
+              ) : /* @__PURE__ */ r(
+                Se,
                 {
-                  value: Me || void 0,
-                  onChange: (e) => Ce(e || null),
-                  format: T,
+                  value: pe || void 0,
+                  onChange: (e) => ve(e || null),
+                  format: y,
                   className: "w-full bg-canvas-elevated",
-                  weekStartsOn: g?.weekStartsOn,
-                  onFocus: () => u(!0),
-                  onBlur: () => u(!1)
+                  weekStartsOn: c?.weekStartsOn,
+                  onFocus: x,
+                  onBlur: F
                 }
               )
             ] })
           ] })
         ] })
       ] }),
-      tt(),
-      lt()
+      Ue(),
+      Je()
     ] })
   ] });
 };
 export {
-  Wt as HeaderSearchInput
+  St as HeaderSearchInput
 };
+//# sourceMappingURL=header-search-input.js.map