impact-nova 3.0.0-alpha.6 → 3.0.0-alpha.7

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

@@ -1,22 +1,25 @@
-import { jsxs as v, jsx as r } from "react/jsx-runtime";
-import { useRef as _e, useCallback as X, useState as Ue } from "react";
-import { Filter as Ye, Cross as j } from "impact-nova-icons";
-import { cn as Je } from "../../../../lib/utils.js";
-import { DatePicker as De } from "../../../forms/date-picker/date-picker.js";
-import { MonthPicker as Me } from "../../../forms/date-picker/month-picker.js";
-import { WeekPicker as Ne } from "../../../forms/date-picker/week-picker.js";
+import { jsxs as y, jsx as r } from "react/jsx-runtime";
+import { useRef as Ue, useCallback as X, useState as Ye } from "react";
+import { Filter as Je, Cross as R } from "impact-nova-icons";
+import { cn as Ke } from "../../../../lib/utils.js";
+import { DatePicker as Me } from "../../../forms/date-picker/date-picker.js";
+import { MonthPicker as Ne } from "../../../forms/date-picker/month-picker.js";
+import { WeekPicker as Pe } from "../../../forms/date-picker/week-picker.js";
 import { Input as q } from "../../../forms/input/input.js";
-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 H, parseInputPattern as ke, mapOperatorToAgGrid as we } 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 { fiscalCalendarPassThrough as st } from "../../../forms/date-picker/fiscal-pass-through.js";
-import { useHeaderSearchEditingState as it } from "./use-header-search-editing-state.js";
-const Nt = ({
-  column: N,
-  api: b,
+import { Select as we } from "../../../forms/select/select.js";
+import { Popover as Qe, PopoverTrigger as Xe, PopoverContent as Ze, PopoverHeader as $e, PopoverTitle as et, PopoverBody as tt } from "../../../feedback/popover/popover.js";
+import { useImpactNovaI18n as rt } from "../../../../i18n/use-impact-nova-i18n.js";
+import { useGridHeader as lt } from "./context/grid-header-context.js";
+import { getMultiFilterIndices as A, parseInputPattern as ke, mapOperatorToAgGrid as Se } from "./utils/filter-utils.js";
+import { DEFAULT_DATE_DISPLAY_FORMAT as nt, serializeWeek as at, serializeMonth as ot, serializeDate as st, displayDateToIso as Z } from "./utils/date-utils.js";
+import { fiscalCalendarPassThrough as it } from "../../../forms/date-picker/fiscal-pass-through.js";
+import { useHeaderSearchEditingState as ct } from "./use-header-search-editing-state.js";
+function dt(f) {
+  return typeof f != "object" || f === null || !("selectMenuSearchable" in f) ? !0 : f.selectMenuSearchable !== !1;
+}
+const wt = ({
+  column: f,
+  api: F,
   onClose: $,
   handleInlineSearch: ee,
   handleClearSearchInline: te,
@@ -24,49 +27,49 @@ const Nt = ({
   toggleAdvanceSearch: le,
   advanceSearchEnabled: Ae = !1,
   selectOptions: G,
-  isMultiSelect: F,
+  isMultiSelect: C,
   onSelectScrollToBottom: He,
   onSelectSearchChange: ze,
   onSelectOpen: ne,
   isLoadingSelect: ae,
   enableSpaceSplitting: Be = !1,
-  enableBooleanParsing: Se = !1,
-  enableDateParsing: Ie = !1
+  enableBooleanParsing: Ie = !1,
+  enableDateParsing: We = !1
 }) => {
-  const { t: i } = tt(), l = N.getColDef(), c = N.getColId(), V = l?.filter || "agTextColumnFilter", C = V === "agDateColumnFilter", L = V === "agSetColumnFilter" || G && G.length > 0 || l?.cellDataType === "boolean", _ = l?.headerComponentParams?.datePickerVariant || "date", z = C && _ === "month", B = C && _ === "week", S = st(
+  const { t: i } = rt(), l = f.getColDef(), c = f.getColId(), V = l?.filter || "agTextColumnFilter", oe = dt(l?.headerComponentParams), T = V === "agDateColumnFilter", L = V === "agSetColumnFilter" || G && G.length > 0 || l?.cellDataType === "boolean", _ = l?.headerComponentParams?.datePickerVariant || "date", H = T && _ === "month", z = T && _ === "week", B = it(
     l?.headerComponentParams ?? {}
-  ), y = l?.headerComponentParams?.dateDisplayFormat || lt, oe = rt(), U = _e(null), {
+  ), b = l?.headerComponentParams?.dateDisplayFormat || nt, se = lt(), U = Ue(null), {
     searchText: Y,
     dateDisplayString: I,
-    selectedDate: se,
-    selectedMonth: ie,
-    selectedWeek: ce,
+    selectedDate: ie,
+    selectedMonth: ce,
+    selectedWeek: de,
     updateDraft: P,
-    handleFocus: f,
-    handleBlur: p,
-    clearEditingOverlay: We
-  } = it({
-    api: b,
+    handleFocus: p,
+    handleBlur: h,
+    clearEditingOverlay: je
+  } = ct({
+    api: F,
     colId: c,
     colDef: l,
-    isDateFilter: C,
-    isMonthVariant: z,
-    isWeekVariant: B,
+    isDateFilter: T,
+    isMonthVariant: H,
+    isWeekVariant: z,
     datePickerVariant: _,
-    dateDisplayFormat: y
-  }), D = (e, t) => {
-    const n = (a) => a.replace(/[^0-9.\-+eE]/g, ""), s = (a, R) => {
-      const w = ke(
+    dateDisplayFormat: b
+  }), M = (e, t) => {
+    const n = (a) => a.replace(/[^0-9.\-+eE]/g, ""), s = (a, O) => {
+      const k = ke(
         a,
         Be,
-        Se,
-        Ie
+        Ie,
+        We
       );
-      if (w.conditions.length === 0) return null;
-      const Ce = (d) => {
-        let x = we(d.operator);
-        if (R === "number") {
-          const Te = parseFloat(n(d.value));
+      if (k.conditions.length === 0) return null;
+      const Te = (d) => {
+        let x = Se(d.operator);
+        if (O === "number") {
+          const De = parseFloat(n(d.value));
           return ["contains", "notContains", "startsWith", "endsWith"].includes(
             x
           ) && (x = x === "notContains" ? "notEqual" : "equals"), d.operator === "inRange" ? {
@@ -74,7 +77,7 @@ const Nt = ({
             filter: parseFloat(n(d.value)) || 0,
             filterTo: parseFloat(n(d.valueTo || "")) || 0,
             filterType: "number"
-          } : isNaN(Te) ? null : { type: x, filter: Te, filterType: "number" };
+          } : isNaN(De) ? null : { type: x, filter: De, filterType: "number" };
         }
         return {
           type: x,
@@ -83,18 +86,18 @@ const Nt = ({
           filterType: "text"
         };
       };
-      let A = null;
-      if (w.conditions.length === 1)
-        A = Ce(w.conditions[0]);
+      let S = null;
+      if (k.conditions.length === 1)
+        S = Te(k.conditions[0]);
       else {
-        const d = w.conditions.map(Ce).filter((x) => x !== null);
-        d.length === 0 ? A = null : d.length === 1 ? A = d[0] : A = {
-          filterType: R,
-          operator: w.logic,
+        const d = k.conditions.map(Te).filter((x) => x !== null);
+        d.length === 0 ? S = null : d.length === 1 ? S = d[0] : S = {
+          filterType: O,
+          operator: k.logic,
           conditions: d
         };
       }
-      return A;
+      return S;
     };
     let o = null;
     if (!(e === null || e === "" || Array.isArray(e) && e.length === 0))
@@ -104,16 +107,16 @@ const Nt = ({
           filterType: "set"
         };
       else if (t === "date")
-        if (B && e && typeof e == "object" && "startDate" in e && "endDate" in e) {
-          const a = nt(e);
+        if (z && e && typeof e == "object" && "startDate" in e && "endDate" in e) {
+          const a = at(e);
           o = {
             type: "inRange",
             dateFrom: a.dateFrom,
             dateTo: a.dateTo,
             filterType: "date"
           };
-        } else if (z && e && typeof e == "object" && "month" in e && "year" in e) {
-          const a = at(e);
+        } else if (H && e && typeof e == "object" && "month" in e && "year" in e) {
+          const a = ot(e);
           o = {
             type: "inRange",
             dateFrom: a.dateFrom,
@@ -121,50 +124,50 @@ const Nt = ({
             filterType: "date"
           };
         } else {
-          const a = e instanceof Date ? ot(e) : null;
+          const a = e instanceof Date ? st(e) : null;
           o = a ? { type: "equals", dateFrom: a, filterType: "date" } : null;
         }
       else {
-        const a = l.filter === "agMultiColumnFilter" ? H(l) : null, R = a ? a.text !== -1 ? "text" : "number" : V === "agNumberColumnFilter" ? "number" : "text";
-        o = s(String(e), R);
+        const a = l.filter === "agMultiColumnFilter" ? A(l) : null, O = a ? a.text !== -1 ? "text" : "number" : V === "agNumberColumnFilter" ? "number" : "text";
+        o = s(String(e), O);
       }
-    const u = l.filter === "agMultiColumnFilter" ? H(l) : null, T = u ? t === "text" ? u.text !== -1 ? u.text : u.number : t === "set" ? u.set : u.date : 0;
-    K(o, T);
+    const u = l.filter === "agMultiColumnFilter" ? A(l) : null, D = u ? t === "text" ? u.text !== -1 ? u.text : u.number : t === "set" ? u.set : u.date : 0;
+    K(o, D);
   }, J = (e) => {
     if (ee) {
       ee(Array.isArray(e) ? e.join(",") : e);
       return;
     }
-    D(e, C ? "date" : "text");
-  }, de = (e) => {
+    M(e, T ? "date" : "text");
+  }, ue = (e) => {
     const t = e.target.value;
     P({ searchText: t }), J(t);
-  }, ue = (e) => {
-    P({ selectedDate: e }), J(e);
   }, fe = (e) => {
-    P({ selectedMonth: e }), D(e || null, "date");
+    P({ selectedDate: e }), J(e);
   }, pe = (e) => {
-    P({ selectedWeek: e }), D(e || null, "date");
+    P({ selectedMonth: e }), M(e || null, "date");
+  }, he = (e) => {
+    P({ selectedWeek: e }), M(e || null, "date");
   }, Ee = (e) => {
     if (!e.trim()) return null;
     const t = ke(e, !1, !1, !1);
     if (t.conditions.length === 0) return null;
     const n = (o) => {
-      let g = we(o.operator);
+      let v = Se(o.operator);
       if (["contains", "notContains", "startsWith", "endsWith"].includes(
-        g
-      ) && (g = g === "notContains" ? "notEqual" : "equals"), o.operator === "inRange") {
-        let T = Z(o.value, y), a = Z(o.valueTo || "", y);
-        return !T || !a ? null : (T > a && ([T, a] = [a, T]), {
+        v
+      ) && (v = v === "notContains" ? "notEqual" : "equals"), o.operator === "inRange") {
+        let D = Z(o.value, b), a = Z(o.valueTo || "", b);
+        return !D || !a ? null : (D > a && ([D, a] = [a, D]), {
           type: "inRange",
-          dateFrom: T,
+          dateFrom: D,
           dateTo: a,
           filterType: "date"
         });
       }
-      const u = Z(o.value, y);
+      const u = Z(o.value, b);
       return u ? {
-        type: g,
+        type: v,
         dateFrom: u,
         filterType: "date"
       } : null;
@@ -179,26 +182,26 @@ const Nt = ({
     };
   }, K = X(
     (e, t) => {
-      const n = b.getFilterModel(), s = { ...n };
+      const n = F.getFilterModel(), s = { ...n };
       if (l.filter === "agMultiColumnFilter") {
         if (t === -1) return;
-        const o = n[c], g = o && o.filterType === "multi" ? [...o.filterModels || []] : Array(l.filterParams?.filters?.length || 1).fill(null);
-        g[t] = e, g.every((u) => u === null) ? delete s[c] : s[c] = {
+        const o = n[c], v = o && o.filterType === "multi" ? [...o.filterModels || []] : Array(l.filterParams?.filters?.length || 1).fill(null);
+        v[t] = e, v.every((u) => u === null) ? delete s[c] : s[c] = {
           filterType: "multi",
-          filterModels: g
+          filterModels: v
         };
       } else
         e ? s[c] = e : delete s[c];
-      b.setFilterModel(s);
+      F.setFilterModel(s);
     },
-    [b, c, l]
+    [F, c, l]
   ), me = X(
     (e) => {
-      const t = l.filter === "agMultiColumnFilter" ? H(l).date : 0;
+      const t = l.filter === "agMultiColumnFilter" ? A(l).date : 0;
       K(e, t);
     },
     [l, K]
-  ), he = (e) => {
+  ), ge = (e) => {
     const t = e.target.value.replace(/[^0-9/\-!=><+,~]/g, "");
     if (P({ dateDisplayString: t }), !t.trim()) {
       me(null);
@@ -207,17 +210,17 @@ const Nt = ({
     const n = Ee(t);
     n && me(n);
   }, Q = () => {
-    We(), J(""), te && te();
+    je(), J(""), te && te();
   }, W = (e) => {
-    D(e, "set");
-  }, E = G || (l?.cellDataType === "boolean" ? [
+    M(e, "set");
+  }, j = G || (l?.cellDataType === "boolean" ? [
     { label: i("gridHeader.true"), value: "true" },
     { label: i("gridHeader.false"), value: "false" }
-  ] : []), ge = X(() => {
-    const e = b.getFilterModel()[c];
+  ] : []), ve = X(() => {
+    const e = F.getFilterModel()[c];
     if (!e) return [];
     if ("filterType" in e && e.filterType === "multi" && e.filterModels) {
-      const n = H(N.getColDef()).set;
+      const n = A(f.getColDef()).set;
       if (n !== -1) {
         const s = e.filterModels[n];
         if (s?.filterType === "set" && s.values)
@@ -230,30 +233,30 @@ const Nt = ({
         return [String(e.filter)];
     }
     return [];
-  }, [b, c, N]), [O, k] = Ue(null), ve = () => {
-    const e = O !== null ? O : ge();
-    return F ? E.filter((t) => e.includes(t.value)) : E.find((t) => e.includes(t.value)) || null;
-  }, ye = (e) => {
+  }, [F, c, f]), [E, w] = Ye(null), ye = () => {
+    const e = E !== null ? E : ve();
+    return C ? j.filter((t) => e.includes(t.value)) : j.find((t) => e.includes(t.value)) || null;
+  }, be = (e) => {
     let t = [];
-    if (Array.isArray(e) ? t = e.map((n) => n.value) : e && typeof e == "object" && "value" in e && (t = [e.value]), !F) {
+    if (Array.isArray(e) ? t = e.map((n) => n.value) : e && typeof e == "object" && "value" in e && (t = [e.value]), !C) {
       W(t), e && $();
       return;
     }
-    k(t);
+    w(t);
   }, Oe = () => {
-    W([]), k([]);
+    W([]), w([]);
   }, Re = (e) => {
-    if (F) {
+    if (C) {
       if (e !== void 0) {
         let t = [];
-        Array.isArray(e) ? t = e.map((n) => n.value) : e && typeof e == "object" && "value" in e ? t = [e.value] : e === null && (t = []), W(t), k(null);
+        Array.isArray(e) ? t = e.map((n) => n.value) : e && typeof e == "object" && "value" in e ? t = [e.value] : e === null && (t = []), W(t), w(null);
         return;
       }
-      O !== null && (W(O), k(null));
+      E !== null && (W(E), w(null));
     }
-  }, je = () => {
-    k(ge()), ne && ne();
-  }, qe = () => Ae ? /* @__PURE__ */ r(
+  }, qe = () => {
+    w(ve()), ne && ne();
+  }, Ge = () => Ae ? /* @__PURE__ */ r(
     "svg",
     {
       className: "cursor-pointer text-navigation-muted hover:text-brand-variant-hover shrink-0",
@@ -264,57 +267,57 @@ const Nt = ({
       width: "18",
       height: "18",
       onClick: (e) => {
-        e.stopPropagation(), U.current && U.current.blur(), re ? re(N) : le ? le(c) : oe && oe.openAdvancedFilter(c);
+        e.stopPropagation(), U.current && U.current.blur(), re ? re(f) : le ? le(c) : se && se.openAdvancedFilter(c);
       },
       children: /* @__PURE__ */ r("path", { d: "M3 17v2h6v-2H3zM3 5v2h10V5H3zm10 16v-2h8v-2h-8v-2h-2v6h2zM7 9v2H3v2h4v2h2V9H7zm14 4v-2H11v2h10zm-6-4h2V7h4V5h-4V3h-2v6z" })
     }
-  ) : null, Ge = () => /* @__PURE__ */ r(
+  ) : null, Ve = () => /* @__PURE__ */ r(
     "button",
     {
       onClick: $,
       className: "cursor-pointer shrink-0 text-brand hover:text-brand-strong",
-      children: /* @__PURE__ */ r(j, { size: "xs" })
+      children: /* @__PURE__ */ r(R, { size: "xs" })
     }
-  ), M = l.filter === "agMultiColumnFilter", m = H(l);
-  let h = "text";
-  M ? h = m.set !== -1 ? "set" : m.date !== -1 ? "date" : "text" : L ? h = "set" : C && (h = "date");
-  const Ve = M ? m.text !== -1 || m.number !== -1 : !C && !L, xe = M ? m.set !== -1 : L, be = M ? m.date !== -1 : C, Le = b.getFilterModel()[c], Fe = M && Le?.filterModels?.some((e, t) => {
+  ), N = l.filter === "agMultiColumnFilter", m = A(l);
+  let g = "text";
+  N ? g = m.set !== -1 ? "set" : m.date !== -1 ? "date" : "text" : L ? g = "set" : T && (g = "date");
+  const Le = N ? m.text !== -1 || m.number !== -1 : !T && !L, xe = N ? m.set !== -1 : L, Fe = N ? m.date !== -1 : T, _e = F.getFilterModel()[c], Ce = N && _e?.filterModels?.some((e, t) => {
     const n = t === m.text || t === m.number ? "text" : t === m.set ? "set" : "date";
-    return e !== null && n !== h;
+    return e !== null && n !== g;
   });
-  return /* @__PURE__ */ v("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" && xe ? /* @__PURE__ */ r(
-      Pe,
+  return /* @__PURE__ */ y("div", { className: "ag-header-cell-label flex w-full min-w-0 items-center justify-between gap-2 bg-brand-tint px-3 py-2 ag-header-cell-search-active h-full", children: [
+    g === "set" && xe ? /* @__PURE__ */ r(
+      we,
       {
-        options: E,
-        value: ve(),
-        onChange: ye,
-        isMulti: F !== void 0 ? F : l?.cellDataType !== "boolean",
+        options: j,
+        value: ye(),
+        onChange: be,
+        isMulti: C !== void 0 ? C : l?.cellDataType !== "boolean",
         placeholder: i("filter.select"),
         className: "w-full bg-canvas-elevated",
         parentClassName: "flex-1 min-w-0",
-        menuWidth: "200px",
+        isSearchable: oe,
         menuPortalTarget: document.body,
         autoFocus: !0,
-        onMenuOpen: je,
+        onMenuOpen: qe,
         onMenuClose: Re,
         onMenuScrollToBottom: He,
         onInputChange: ze,
         onClearAll: Oe,
         isLoading: ae,
-        onFocus: f,
-        onBlur: p
+        onFocus: p,
+        onBlur: h
       }
-    ) : h === "date" && be ? I ? /* @__PURE__ */ r(
+    ) : g === "date" && Fe ? I ? /* @__PURE__ */ r(
       q,
       {
         value: I,
-        onChange: he,
+        onChange: ge,
         placeholder: i("filter.search"),
         className: "w-full bg-canvas-elevated",
         autoFocus: !0,
-        onFocus: f,
-        onBlur: p,
+        onFocus: p,
+        onBlur: h,
         suffix: /* @__PURE__ */ r(
           "button",
           {
@@ -322,61 +325,61 @@ const Nt = ({
               e.stopPropagation(), Q();
             },
             className: "cursor-pointer text-navigation-muted hover:text-brand-variant-hover",
-            children: /* @__PURE__ */ r(j, { size: "xs" })
+            children: /* @__PURE__ */ r(R, { size: "xs" })
           }
         )
       }
-    ) : B ? /* @__PURE__ */ r(
-      Ne,
+    ) : z ? /* @__PURE__ */ r(
+      Pe,
       {
-        value: ce || void 0,
-        onChange: (e) => pe(e || null),
+        value: de || void 0,
+        onChange: (e) => he(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",
         showFooter: !1,
-        ...S
+        ...B
       }
-    ) : z ? /* @__PURE__ */ r(
-      Me,
+    ) : H ? /* @__PURE__ */ r(
+      Ne,
       {
-        value: ie || void 0,
-        onChange: (e) => fe(e || null),
+        value: ce || void 0,
+        onChange: (e) => pe(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: f,
-        onBlur: p
+        onFocus: p,
+        onBlur: h
       }
     ) : /* @__PURE__ */ r(
-      De,
+      Me,
       {
-        value: se || void 0,
-        onChange: (e) => ue(e || null),
+        value: ie || void 0,
+        onChange: (e) => fe(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: S.weekStartsOn,
-        onFocus: f,
-        onBlur: p
+        weekStartsOn: B.weekStartsOn,
+        onFocus: p,
+        onBlur: h
       }
     ) : /* @__PURE__ */ r(
       q,
       {
         value: Y,
-        onChange: de,
+        onChange: ue,
         placeholder: i("filter.search"),
         type: "text",
         autoFocus: !0,
         ref: U,
-        onFocus: f,
-        onBlur: p,
+        onFocus: p,
+        onBlur: h,
         suffix: Y && /* @__PURE__ */ r(
           "button",
           {
@@ -384,14 +387,14 @@ const Nt = ({
               e.stopPropagation(), Q();
             },
             className: "cursor-pointer text-navigation-muted hover:text-brand-variant-hover",
-            children: /* @__PURE__ */ r(j, { size: "xs" })
+            children: /* @__PURE__ */ r(R, { size: "xs" })
           }
         )
       }
     ),
-    /* @__PURE__ */ v("div", { className: "flex items-center gap-1.5 shrink-0", children: [
-      M && /* @__PURE__ */ v(Ke, { children: [
-        /* @__PURE__ */ r(Qe, { asChild: !0, children: /* @__PURE__ */ v(
+    /* @__PURE__ */ y("div", { className: "flex items-center gap-1.5 shrink-0", children: [
+      N && /* @__PURE__ */ y(Qe, { children: [
+        /* @__PURE__ */ r(Xe, { asChild: !0, children: /* @__PURE__ */ y(
           "button",
           {
             type: "button",
@@ -399,63 +402,64 @@ const Nt = ({
             className: "relative group p-1 hover:bg-brand-tint rounded-md transition-colors cursor-pointer bg-transparent border-none",
             children: [
               /* @__PURE__ */ r(
-                Ye,
+                Je,
                 {
                   size: "md",
-                  className: Je(
+                  className: Ke(
                     "text-content-tertiary group-hover:text-brand-variant-hover",
-                    Fe && "text-brand-variant-hover"
+                    Ce && "text-brand-variant-hover"
                   )
                 }
               ),
-              Fe && /* @__PURE__ */ r("span", { className: "absolute top-0.5 right-0.5 w-2 h-2 rounded-full bg-brand border border-white shadow-sm" })
+              Ce && /* @__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__ */ v(Xe, { align: "end", className: "w-[300px]", children: [
-          /* @__PURE__ */ r(Ze, { children: /* @__PURE__ */ r($e, { children: i("gridHeader.activeFilters") }) }),
-          /* @__PURE__ */ v(et, { className: "flex flex-col gap-4", children: [
-            h !== "text" && Ve && /* @__PURE__ */ v("div", { className: "flex flex-col gap-1.5", children: [
+        /* @__PURE__ */ y(Ze, { align: "end", className: "w-[300px]", children: [
+          /* @__PURE__ */ r($e, { children: /* @__PURE__ */ r(et, { children: i("gridHeader.activeFilters") }) }),
+          /* @__PURE__ */ y(tt, { className: "flex flex-col gap-4", children: [
+            g !== "text" && Le && /* @__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(
                 q,
                 {
                   value: Y,
-                  onChange: de,
+                  onChange: ue,
                   placeholder: i("filter.searchPlaceholder"),
                   className: "bg-canvas-elevated",
-                  onFocus: f,
-                  onBlur: p
+                  onFocus: p,
+                  onBlur: h
                 }
               )
             ] }),
-            h !== "set" && xe && /* @__PURE__ */ v("div", { className: "flex flex-col gap-1.5", children: [
+            g !== "set" && xe && /* @__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(
-                Pe,
+                we,
                 {
-                  options: E,
-                  value: ve(),
-                  onChange: ye,
-                  isMulti: F !== void 0 ? F : l?.cellDataType !== "boolean",
+                  options: j,
+                  value: ye(),
+                  onChange: be,
+                  isMulti: C !== void 0 ? C : l?.cellDataType !== "boolean",
                   placeholder: i("filter.select"),
                   className: "w-full bg-canvas-elevated",
+                  isSearchable: oe,
                   isLoading: ae,
-                  onFocus: f,
-                  onBlur: p
+                  onFocus: p,
+                  onBlur: h
                 }
               )
             ] }),
-            h !== "date" && be && /* @__PURE__ */ v("div", { className: "flex flex-col gap-1.5", children: [
+            g !== "date" && Fe && /* @__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") }),
               I ? /* @__PURE__ */ r(
                 q,
                 {
                   value: I,
-                  onChange: he,
+                  onChange: ge,
                   className: "w-full bg-canvas-elevated",
-                  onFocus: f,
-                  onBlur: p,
+                  onFocus: p,
+                  onBlur: h,
                   suffix: /* @__PURE__ */ r(
                     "button",
                     {
@@ -463,51 +467,51 @@ const Nt = ({
                         e.stopPropagation(), Q();
                       },
                       className: "cursor-pointer text-navigation-muted hover:text-brand-variant-hover",
-                      children: /* @__PURE__ */ r(j, { size: "xs" })
+                      children: /* @__PURE__ */ r(R, { size: "xs" })
                     }
                   )
                 }
-              ) : B ? /* @__PURE__ */ r(
+              ) : z ? /* @__PURE__ */ r(
+                Pe,
+                {
+                  value: de || void 0,
+                  onChange: (e) => he(e || null),
+                  format: b,
+                  className: "w-full bg-canvas-elevated",
+                  showFooter: !1,
+                  ...B
+                }
+              ) : H ? /* @__PURE__ */ r(
                 Ne,
                 {
                   value: ce || void 0,
                   onChange: (e) => pe(e || null),
-                  format: y,
                   className: "w-full bg-canvas-elevated",
                   showFooter: !1,
-                  ...S
+                  onFocus: p,
+                  onBlur: h
                 }
-              ) : z ? /* @__PURE__ */ r(
+              ) : /* @__PURE__ */ r(
                 Me,
                 {
                   value: ie || void 0,
                   onChange: (e) => fe(e || null),
+                  format: b,
                   className: "w-full bg-canvas-elevated",
-                  showFooter: !1,
-                  onFocus: f,
-                  onBlur: p
-                }
-              ) : /* @__PURE__ */ r(
-                De,
-                {
-                  value: se || void 0,
-                  onChange: (e) => ue(e || null),
-                  format: y,
-                  className: "w-full bg-canvas-elevated",
-                  weekStartsOn: S.weekStartsOn,
-                  onFocus: f,
-                  onBlur: p
+                  weekStartsOn: B.weekStartsOn,
+                  onFocus: p,
+                  onBlur: h
                 }
               )
             ] })
           ] })
         ] })
       ] }),
-      qe(),
-      Ge()
+      Ge(),
+      Ve()
     ] })
   ] });
 };
 export {
-  Nt as HeaderSearchInput
+  wt as HeaderSearchInput
 };