impact-nova 2.0.5 → 2.0.7

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

@@ -1,66 +1,66 @@
-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, Cross as Y } from "impact-nova-icons";
+import { jsxs as y, jsx as r } from "react/jsx-runtime";
+import { useRef as Xe, useState as ee, useCallback as te } from "react";
+import { Filter as Ze, Cross as q } from "impact-nova-icons";
 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 G } from "../../input.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 { Popover as et, PopoverTrigger as tt, PopoverContent as rt, PopoverHeader as nt, PopoverTitle as lt, 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 { getMultiFilterIndices as B, 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 re } from "./utils/date-utils.js";
 import { deriveHeaderSearchCommittedState as ut } from "./derive-header-search-state.js";
 import { useImpactNovaI18n as ft } from "../../../../i18n/ImpactNovaI18nContext.js";
 const kt = ({
-  column: k,
-  api: v,
+  column: w,
+  api: x,
   onClose: ne,
-  handleInlineSearch: ae,
-  handleClearSearchInline: oe,
-  onAdvanceSearchClick: se,
-  toggleAdvanceSearch: ie,
+  handleInlineSearch: le,
+  handleClearSearchInline: ae,
+  onAdvanceSearchClick: oe,
+  toggleAdvanceSearch: se,
   advanceSearchEnabled: We = !1,
-  selectOptions: V,
+  selectOptions: G,
   isMultiSelect: C,
   onSelectScrollToBottom: Oe,
   onSelectSearchChange: Re,
-  onSelectOpen: ce,
-  isLoadingSelect: de,
+  onSelectOpen: ie,
+  isLoadingSelect: ce,
   enableSpaceSplitting: je = !1,
   enableBooleanParsing: Ee = !1,
   enableDateParsing: qe = !1
 }) => {
-  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,
+  const { t: i } = ft(), l = w.getColDef(), d = w.getColId(), V = l?.filter || "agTextColumnFilter", M = V === "agDateColumnFilter", L = V === "agSetColumnFilter" || G && G.length > 0 || l?.cellDataType === "boolean", _ = l?.headerComponentParams?.datePickerVariant || "date", I = M && _ === "month", W = M && _ === "week", c = l?.headerComponentParams?.fiscalConfig, b = l?.headerComponentParams?.dateDisplayFormat || st, de = ot(), U = Xe(null), ue = ut({
+    api: x,
     colId: d,
-    colDef: n,
+    colDef: l,
     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), b = () => {
-    D(!1), Q(null);
-  }, N = (e, t) => {
-    const a = (l) => l.replace(/[^0-9.\-+eE]/g, ""), s = (l, z) => {
-      const w = Be(
-        l,
+    isMonthVariant: I,
+    isWeekVariant: W,
+    datePickerVariant: _,
+    dateDisplayFormat: b
+  }), [J, K] = ee(null), [Ye, fe] = ee(!1), k = (e) => Ye && J && J[e] !== void 0 ? J[e] : ue[e], Q = k("searchText"), O = k("dateDisplayString"), pe = k("selectedDate"), he = k("selectedMonth"), me = k("selectedWeek"), S = (e) => {
+    K((t) => ({ ...ue, ...t, ...e }));
+  }, p = () => fe(!0), h = () => {
+    fe(!1), K(null);
+  }, D = (e, t) => {
+    const a = (n) => n.replace(/[^0-9.\-+eE]/g, ""), s = (n, H) => {
+      const P = Be(
+        n,
         je,
         Ee,
         qe
       );
       if (console.log("[HeaderSearchInput] Pattern Debug:", {
-        input: l,
-        filterType: z,
-        parsed: w
-      }), w.conditions.length === 0) return null;
+        input: n,
+        filterType: H,
+        parsed: P
+      }), P.conditions.length === 0) return null;
       const we = (u) => {
         let F = Ie(u.operator);
-        if (z === "number") {
+        if (H === "number") {
           const ke = parseFloat(a(u.value));
           return ["contains", "notContains", "startsWith", "endsWith"].includes(
             F
@@ -78,18 +78,18 @@ const kt = ({
           filterType: "text"
         };
       };
-      let B = null;
-      if (w.conditions.length === 1)
-        B = we(w.conditions[0]);
+      let z = null;
+      if (P.conditions.length === 1)
+        z = we(P.conditions[0]);
       else {
-        const u = w.conditions.map(we).filter((F) => F !== null);
-        u.length === 0 ? B = null : u.length === 1 ? B = u[0] : B = {
-          filterType: z,
-          operator: w.logic,
+        const u = P.conditions.map(we).filter((F) => F !== null);
+        u.length === 0 ? z = null : u.length === 1 ? z = u[0] : z = {
+          filterType: H,
+          operator: P.logic,
           conditions: u
         };
       }
-      return B;
+      return z;
     };
     let o = null;
     if (!(e === null || e === "" || Array.isArray(e) && e.length === 0))
@@ -99,67 +99,67 @@ const kt = ({
           filterType: "set"
         };
       else if (t === "date")
-        if (O && e && typeof e == "object" && "startDate" in e && "endDate" in e) {
-          const l = it(e);
+        if (W && e && typeof e == "object" && "startDate" in e && "endDate" in e) {
+          const n = it(e);
           o = {
             type: "inRange",
-            dateFrom: l.dateFrom,
-            dateTo: l.dateTo,
+            dateFrom: n.dateFrom,
+            dateTo: n.dateTo,
             filterType: "date"
           };
-        } else if (W && e && typeof e == "object" && "month" in e && "year" in e) {
-          const l = ct(e);
+        } else if (I && e && typeof e == "object" && "month" in e && "year" in e) {
+          const n = ct(e);
           o = {
             type: "inRange",
-            dateFrom: l.dateFrom,
-            dateTo: l.dateTo,
+            dateFrom: n.dateFrom,
+            dateTo: n.dateTo,
             filterType: "date"
           };
         } else {
-          const l = e instanceof Date ? dt(e) : null;
-          o = l ? { type: "equals", dateFrom: l, filterType: "date" } : null;
+          const n = e instanceof Date ? dt(e) : null;
+          o = n ? { type: "equals", dateFrom: n, filterType: "date" } : null;
         }
       else {
-        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 n = l.filter === "agMultiColumnFilter" ? B(l) : null, H = n ? n.text !== -1 ? "text" : "number" : V === "agNumberColumnFilter" ? "number" : "text";
+        o = s(String(e), H);
       }
-    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);
+    const f = l.filter === "agMultiColumnFilter" ? B(l) : null, T = f ? t === "text" ? f.text !== -1 ? f.text : f.number : t === "set" ? f.set : f.date : 0;
+    Z(o, T);
+  }, X = (e) => {
+    if (le) {
+      le(Array.isArray(e) ? e.join(",") : e);
       return;
     }
-    N(e, M ? "date" : "text");
+    D(e, M ? "date" : "text");
   }, ge = (e) => {
     const t = e.target.value;
-    A({ searchText: t }), Z(t);
+    S({ searchText: t }), X(t);
   }, ve = (e) => {
-    A({ selectedDate: e }), Z(e);
+    S({ selectedDate: e }), X(e);
   }, ye = (e) => {
-    A({ selectedMonth: e }), N(e || null, "date");
+    S({ selectedMonth: e }), D(e || null, "date");
   }, xe = (e) => {
-    A({ selectedWeek: e }), N(e || null, "date");
+    S({ selectedWeek: e }), D(e || null, "date");
   }, Ge = (e) => {
     if (!e.trim()) return null;
     const t = Be(e, !1, !1, !1);
     if (t.conditions.length === 0) return null;
     const a = (o) => {
-      let m = Ie(o.operator);
+      let v = 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]), {
+        v
+      ) && (v = v === "notContains" ? "notEqual" : "equals"), o.operator === "inRange") {
+        let T = re(o.value, b), n = re(o.valueTo || "", b);
+        return !T || !n ? null : (T > n && ([T, n] = [n, T]), {
           type: "inRange",
           dateFrom: T,
-          dateTo: l,
+          dateTo: n,
           filterType: "date"
         });
       }
-      const f = le(o.value, y);
+      const f = re(o.value, b);
       return f ? {
-        type: m,
+        type: v,
         dateFrom: f,
         filterType: "date"
       } : null;
@@ -172,47 +172,47 @@ const kt = ({
       operator: t.logic,
       conditions: s
     };
-  }, $ = re(
+  }, Z = te(
     (e, t) => {
-      const a = v.getFilterModel(), s = { ...a };
-      if (n.filter === "agMultiColumnFilter") {
+      const a = x.getFilterModel(), s = { ...a };
+      if (l.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] = {
+        const o = a[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: m
+          filterModels: v
         };
       } else
         e ? s[d] = e : delete s[d];
-      v.setFilterModel(s), v.onFilterChanged();
+      x.setFilterModel(s), x.onFilterChanged();
     },
-    [v, d, n]
-  ), be = re(
+    [x, d, l]
+  ), be = te(
     (e) => {
-      const t = n.filter === "agMultiColumnFilter" ? I(n).date : 0;
-      $(e, t);
+      const t = l.filter === "agMultiColumnFilter" ? B(l).date : 0;
+      Z(e, t);
     },
-    [n, $]
+    [l, Z]
   ), Fe = (e) => {
     const t = e.target.value.replace(/[^0-9/\-!=><+,~]/g, "");
-    if (A({ dateDisplayString: t }), !t.trim()) {
+    if (S({ dateDisplayString: t }), !t.trim()) {
       be(null);
       return;
     }
     const a = Ge(t);
     a && be(a);
-  }, ee = () => {
-    Q(null), Z(""), oe && oe();
-  }, j = (e) => {
-    N(e, "set");
-  }, E = V || (n?.cellDataType === "boolean" ? [
+  }, $ = () => {
+    K(null), X(""), ae && ae();
+  }, R = (e) => {
+    D(e, "set");
+  }, j = G || (l?.cellDataType === "boolean" ? [
     { label: i("gridHeader.true"), value: "true" },
     { label: i("gridHeader.false"), value: "false" }
-  ] : []), Ce = re(() => {
-    const e = v.getFilterModel()[d];
+  ] : []), Ce = te(() => {
+    const e = x.getFilterModel()[d];
     if (!e) return [];
     if ("filterType" in e && e.filterType === "multi" && e.filterModels) {
-      const a = I(k.getColDef()).set;
+      const a = B(w.getColDef()).set;
       if (a !== -1) {
         const s = e.filterModels[a];
         if (s?.filterType === "set" && s.values)
@@ -225,29 +225,29 @@ const kt = ({
         return [String(e.filter)];
     }
     return [];
-  }, [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;
+  }, [x, d, w]), [E, A] = ee(null), Me = () => {
+    const e = E !== null ? E : Ce();
+    return C ? j.filter((t) => e.includes(t.value)) : j.find((t) => e.includes(t.value)) || null;
   }, Te = (e) => {
     let t = [];
     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();
+      R(t), e && ne();
       return;
     }
-    H(t);
+    A(t);
   }, Ve = () => {
-    j([]), H([]);
+    R([]), A([]);
   }, Le = (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 = []), j(t), H(null);
+        Array.isArray(e) ? t = e.map((a) => a.value) : e && typeof e == "object" && "value" in e ? t = [e.value] : e === null && (t = []), R(t), A(null);
         return;
       }
-      q !== null && (j(q), H(null));
+      E !== null && (R(E), A(null));
     }
   }, _e = () => {
-    H(Ce()), ce && ce();
+    A(Ce()), ie && ie();
   }, Ue = () => We ? /* @__PURE__ */ r(
     "svg",
     {
@@ -259,7 +259,7 @@ const kt = ({
       width: "18",
       height: "18",
       onClick: (e) => {
-        e.stopPropagation(), J.current && J.current.blur(), se ? se(k) : ie ? ie(d) : ue && ue.openAdvancedFilter(d);
+        e.stopPropagation(), U.current && U.current.blur(), oe ? oe(w) : se ? se(d) : de && de.openAdvancedFilter(d);
       },
       children: /* @__PURE__ */ r("path", { d: "M3 17v2h6v-2H3zM3 5v2h10V5H3zm10 16v-2h8v-2h-8v-2h-2v6h2zM7 9v2H3v2h4v2h2V9H7zm14 4v-2H11v2h10zm-6-4h2V7h4V5h-4V3h-2v6z" })
     }
@@ -268,23 +268,23 @@ const kt = ({
     {
       onClick: ne,
       className: "cursor-pointer shrink-0 text-brand hover:text-brand-strong",
-      children: /* @__PURE__ */ r(Y, { size: "xs" })
+      children: /* @__PURE__ */ r(q, { size: "xs" })
     }
-  ), 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;
+  ), N = l.filter === "agMultiColumnFilter", m = B(l);
+  let g = "text";
+  N ? g = m.set !== -1 ? "set" : m.date !== -1 ? "date" : "text" : L ? g = "set" : M && (g = "date");
+  const Ke = N ? m.text !== -1 || m.number !== -1 : !M && !L, De = N ? m.set !== -1 : L, Ne = N ? m.date !== -1 : M, Qe = x.getFilterModel()[d], Pe = N && Qe?.filterModels?.some((e, t) => {
+    const a = t === m.text || t === m.number ? "text" : t === m.set ? "set" : "date";
+    return e !== null && a !== g;
   });
-  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(
+  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" && De ? /* @__PURE__ */ r(
       ze,
       {
-        options: E,
+        options: j,
         value: Me(),
         onChange: Te,
-        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",
@@ -296,38 +296,38 @@ const kt = ({
         onMenuScrollToBottom: Oe,
         onInputChange: Re,
         onClearAll: Ve,
-        isLoading: de,
-        onFocus: x,
-        onBlur: b
+        isLoading: ce,
+        onFocus: p,
+        onBlur: h
       }
-    ) : h === "date" && Ne ? R ? /* @__PURE__ */ r(
-      G,
+    ) : g === "date" && Ne ? O ? /* @__PURE__ */ r(
+      Y,
       {
-        value: R,
+        value: O,
         onChange: Fe,
         placeholder: i("filter.search"),
         className: "w-full bg-canvas-elevated",
         autoFocus: !0,
-        onFocus: x,
-        onBlur: b,
+        onFocus: p,
+        onBlur: h,
         suffix: /* @__PURE__ */ r(
           "button",
           {
             onClick: (e) => {
-              e.stopPropagation(), ee();
+              e.stopPropagation(), $();
             },
             className: "cursor-pointer text-navigation-muted hover:text-brand-variant-hover",
-            children: /* @__PURE__ */ r(Y, { size: "xs" })
+            children: /* @__PURE__ */ r(q, { size: "xs" })
           }
         )
       }
-    ) : O ? /* @__PURE__ */ r(
+    ) : W ? /* @__PURE__ */ r(
       He,
       {
         value: me || void 0,
         onChange: (e) => xe(e || null),
         placeholder: i("datePicker.selectWeek"),
-        format: y,
+        format: b,
         minDate: /* @__PURE__ */ new Date("2000-01-01"),
         maxDate: /* @__PURE__ */ new Date("2100-12-31"),
         className: "w-full bg-canvas-elevated",
@@ -339,7 +339,7 @@ const kt = ({
         fiscalYearStartMonth: c?.fiscalYearStartMonth,
         weekStartsOn: c?.weekStartsOn
       }
-    ) : W ? /* @__PURE__ */ r(
+    ) : I ? /* @__PURE__ */ r(
       Ae,
       {
         value: he || void 0,
@@ -349,8 +349,8 @@ const kt = ({
         maxDate: /* @__PURE__ */ new Date("2100-12-31"),
         className: "w-full bg-canvas-elevated",
         showFooter: !1,
-        onFocus: x,
-        onBlur: b
+        onFocus: p,
+        onBlur: h
       }
     ) : /* @__PURE__ */ r(
       Se,
@@ -358,40 +358,40 @@ const kt = ({
         value: pe || void 0,
         onChange: (e) => ve(e || null),
         placeholder: i("filter.selectDate"),
-        format: y,
+        format: b,
         minDate: /* @__PURE__ */ new Date("2000-01-01"),
         maxDate: /* @__PURE__ */ new Date("2100-12-31"),
         className: "w-full bg-canvas-elevated",
         weekStartsOn: c?.weekStartsOn,
-        onFocus: x,
-        onBlur: b
+        onFocus: p,
+        onBlur: h
       }
     ) : /* @__PURE__ */ r(
-      G,
+      Y,
       {
-        value: X,
+        value: Q,
         onChange: ge,
         placeholder: i("filter.search"),
         type: "text",
         autoFocus: !0,
-        ref: J,
-        onFocus: x,
-        onBlur: b,
-        suffix: X && /* @__PURE__ */ r(
+        ref: U,
+        onFocus: p,
+        onBlur: h,
+        suffix: Q && /* @__PURE__ */ r(
           "button",
           {
             onClick: (e) => {
-              e.stopPropagation(), ee();
+              e.stopPropagation(), $();
             },
             className: "cursor-pointer text-navigation-muted hover:text-brand-variant-hover",
-            children: /* @__PURE__ */ r(Y, { size: "xs" })
+            children: /* @__PURE__ */ r(q, { size: "xs" })
           }
         )
       }
     ),
-    /* @__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(
+    /* @__PURE__ */ y("div", { className: "flex items-center gap-1.5 shrink-0", children: [
+      N && /* @__PURE__ */ y(et, { children: [
+        /* @__PURE__ */ r(tt, { asChild: !0, children: /* @__PURE__ */ y(
           "button",
           {
             type: "button",
@@ -412,67 +412,67 @@ const kt = ({
             ]
           }
         ) }),
-        /* @__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__ */ y(rt, { align: "end", className: "w-[300px]", children: [
+          /* @__PURE__ */ r(nt, { children: /* @__PURE__ */ r(lt, { children: i("gridHeader.activeFilters") }) }),
+          /* @__PURE__ */ y(at, { className: "flex flex-col gap-4", children: [
+            g !== "text" && Ke && /* @__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.textSearch") }),
               /* @__PURE__ */ r(
-                G,
+                Y,
                 {
-                  value: X,
+                  value: Q,
                   onChange: ge,
                   placeholder: i("filter.searchPlaceholder"),
                   className: "bg-canvas-elevated",
-                  onFocus: () => D(!0),
-                  onBlur: () => D(!1)
+                  onFocus: p,
+                  onBlur: h
                 }
               )
             ] }),
-            h !== "set" && De && /* @__PURE__ */ g("div", { className: "flex flex-col gap-1.5", children: [
+            g !== "set" && De && /* @__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.selectionFilter") }),
               /* @__PURE__ */ r(
                 ze,
                 {
-                  options: E,
+                  options: j,
                   value: Me(),
                   onChange: Te,
-                  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: de,
-                  onFocus: () => D(!0),
-                  onBlur: () => D(!1)
+                  isLoading: ce,
+                  onFocus: p,
+                  onBlur: h
                 }
               )
             ] }),
-            h !== "date" && Ne && /* @__PURE__ */ g("div", { className: "flex flex-col gap-1.5", children: [
+            g !== "date" && Ne && /* @__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") }),
-              R ? /* @__PURE__ */ r(
-                G,
+              O ? /* @__PURE__ */ r(
+                Y,
                 {
-                  value: R,
+                  value: O,
                   onChange: Fe,
                   className: "w-full bg-canvas-elevated",
-                  onFocus: x,
-                  onBlur: b,
+                  onFocus: p,
+                  onBlur: h,
                   suffix: /* @__PURE__ */ r(
                     "button",
                     {
                       onClick: (e) => {
-                        e.stopPropagation(), ee();
+                        e.stopPropagation(), $();
                       },
                       className: "cursor-pointer text-navigation-muted hover:text-brand-variant-hover",
-                      children: /* @__PURE__ */ r(Y, { size: "xs" })
+                      children: /* @__PURE__ */ r(q, { size: "xs" })
                     }
                   )
                 }
-              ) : O ? /* @__PURE__ */ r(
+              ) : W ? /* @__PURE__ */ r(
                 He,
                 {
                   value: me || void 0,
                   onChange: (e) => xe(e || null),
-                  format: y,
+                  format: b,
                   className: "w-full bg-canvas-elevated",
                   showFooter: !1,
                   calendarType: c?.calendarType,
@@ -482,26 +482,26 @@ const kt = ({
                   fiscalYearStartMonth: c?.fiscalYearStartMonth,
                   weekStartsOn: c?.weekStartsOn
                 }
-              ) : W ? /* @__PURE__ */ r(
+              ) : I ? /* @__PURE__ */ r(
                 Ae,
                 {
                   value: he || void 0,
                   onChange: (e) => ye(e || null),
                   className: "w-full bg-canvas-elevated",
                   showFooter: !1,
-                  onFocus: x,
-                  onBlur: b
+                  onFocus: p,
+                  onBlur: h
                 }
               ) : /* @__PURE__ */ r(
                 Se,
                 {
                   value: pe || void 0,
                   onChange: (e) => ve(e || null),
-                  format: y,
+                  format: b,
                   className: "w-full bg-canvas-elevated",
                   weekStartsOn: c?.weekStartsOn,
-                  onFocus: x,
-                  onBlur: b
+                  onFocus: p,
+                  onBlur: h
                 }
               )
             ] })