@stenajs-webui/filter 19.0.0-next.2 → 19.0.0-next.20

package/dist/index.es.js

@@ -1,506 +1,478 @@
 (function(){"use strict";try{var e=document.createElement("style");e.appendChild(document.createTextNode("")),document.head.appendChild(e)}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
-import { createContext as L, useContext as E, useCallback as p, useState as v, useReducer as Y, useMemo as M } from "react";
-import { Drawer as I } from "@stenajs-webui/modal";
-import { cssColor as J } from "@stenajs-webui/theme";
-import { Row as b, Column as O, Box as B, Space as Q, truthyKeysAsList as V } from "@stenajs-webui/core";
-import { CardHeader as U, FlatButton as A, stenaTimes as X, stenaSliders as j, SecondaryButton as Z, MenuButton as _, Spinner as N, Banner as ee, Chip as $ } from "@stenajs-webui/elements";
-import { jsx as o, jsxs as k, Fragment as z } from "react/jsx-runtime";
-import { upperFirst as te, lowerCase as ne } from "lodash";
-import { combineReducers as re } from "redux";
-import { reducerIdGate as y, createValueByIdReducer as ce, createEntityReducer as T, reducerIdGateAction as C, createEntityActions as w, createValueByIdActions as R } from "@stenajs-webui/redux";
-import oe from "@emotion/styled";
-import { CheckboxWithLabel as se } from "@stenajs-webui/forms";
-import { ChipMultiSelect as ie } from "@stenajs-webui/select";
-import { stringsToDateRange as ae, dateRangeToStrings as le, DateRangeCalendar as de } from "@stenajs-webui/calendar";
-const ue = ({
-  onRequestClose: e,
-  header: t = "Filters",
-  headerIcon: n = j,
-  contentRight: r
-}) => /* @__PURE__ */ o(U, {
-  flex: "0 0 auto",
-  contentRight: /* @__PURE__ */ k(b, {
-    gap: 2,
-    children: [r, /* @__PURE__ */ o(A, {
-      leftIcon: X,
-      onClick: e,
-      variant: "danger"
-    })]
-  }),
-  leftIcon: n,
-  text: t
-}), D = L(null), q = () => {
-  const e = E(D);
+import { jsx as c, jsxs as B, Fragment as j } from "react/jsx-runtime";
+import { createContext as M, useContext as b, useCallback as u, useState as R, useReducer as J, useMemo as v } from "react";
+import { DrawerHeader as Q, Drawer as U } from "@stenajs-webui/modal";
+import { cssColor as X } from "@stenajs-webui/theme";
+import { Column as O, Box as y, Row as A, Space as Z, truthyKeysAsList as D } from "@stenajs-webui/core";
+import { SecondaryButton as _, stenaSlidersMini as I, MenuButton as N, Spinner as ee, Banner as te, FlatButton as $, Chip as z } from "@stenajs-webui/elements";
+import { upperFirst as ne, lowerCase as re } from "lodash";
+import { combineReducers as oe } from "redux";
+import { reducerIdGate as k, createValueByIdReducer as ce, createEntityReducer as T, reducerIdGateAction as f, createEntityActions as g, createValueByIdActions as w } from "@stenajs-webui/redux";
+import se from "@emotion/styled";
+import { CheckboxWithLabel as ie } from "@stenajs-webui/forms";
+import { ChipMultiSelect as ae } from "@stenajs-webui/select";
+import { stringsToDateRange as le, dateRangeToStrings as de, DateRangeCalendar as ue } from "@stenajs-webui/calendar";
+const he = ({ header: e = "Filter", ...t }) => /* @__PURE__ */ c(Q, { ...t, header: e }), q = M(null), G = () => {
+  const e = b(q);
   if (!e)
     throw new Error(
       "Missing search filter context, wrap components with SearchFilterContext component."
     );
   return e;
-}, G = L(null), f = () => {
-  const e = E(G);
+}, W = M(null), F = () => {
+  const e = b(W);
   if (!e)
     throw new Error("Missing search filter dispatch context.");
   return e;
-}, W = L(null), m = () => {
-  const e = E(W);
+}, K = M(null), x = () => {
+  const e = b(K);
   if (!e)
     throw new Error("Missing search filter actions context.");
   return e;
 }, $e = ({
   children: e,
   header: t,
-  headerIcon: n,
-  headerContentRight: r,
-  ...c
+  headerContentRight: n,
+  ...r
 }) => {
   const {
-    settings: {
-      open: s
+    settings: { open: o }
+  } = G(), s = F(), i = x(), l = u(() => {
+    s(i.closeFilters());
+  }, [i, s]);
+  return /* @__PURE__ */ c(
+    U,
+    {
+      floating: !0,
+      isOpen: o,
+      onRequestClose: l,
+      ...r,
+      children: /* @__PURE__ */ B(
+        O,
+        {
+          height: "100%",
+          borderRadius: "var(--swui-border-radius)",
+          background: X("--lhds-color-ui-50"),
+          children: [
+            /* @__PURE__ */ c(
+              he,
+              {
+                onRequestClose: l,
+                header: t,
+                contentRight: n
+              }
+            ),
+            /* @__PURE__ */ c(y, { spacing: 1, indent: 1, gap: 1, children: e })
+          ]
+        }
+      )
     }
-  } = q(), i = f(), l = m(), d = p(() => {
-    i(l.closeFilters());
-  }, [l, i]);
-  return /* @__PURE__ */ o(I, {
-    background: J("--lhds-color-ui-50"),
-    width: "370px",
-    isOpen: s,
-    onRequestClose: d,
-    ...c,
-    children: /* @__PURE__ */ k(O, {
-      height: "100%",
-      children: [/* @__PURE__ */ o(ue, {
-        onRequestClose: d,
-        header: t,
-        headerIcon: n,
-        contentRight: r
-      }), /* @__PURE__ */ o(B, {
-        spacing: !0,
-        indent: !0,
-        children: e
-      })]
-    })
-  });
+  );
 }, ze = ({
   label: e = "Filters",
-  leftIcon: t = j
+  leftIcon: t = I
 }) => {
-  const n = f(), r = m(), c = p(() => {
+  const n = F(), r = x(), o = u(() => {
     n(r.openFilters());
   }, [r, n]);
-  return /* @__PURE__ */ o(Z, {
-    label: e,
-    leftIcon: t,
-    onClick: c
-  });
+  return /* @__PURE__ */ c(
+    _,
+    {
+      label: e,
+      leftIcon: t,
+      onClick: o
+    }
+  );
 }, P = function({
   sectionId: t,
   label: n,
   loading: r,
-  error: c,
+  error: o,
   onRetry: s,
   disableContentPadding: i,
-  children: l
+  children: l,
+  leftIcon: p,
+  contentRight: S
 }) {
-  var g;
-  const d = q(), S = f(), a = m(), u = (g = d.expandedSections.values[t]) != null ? g : !1, F = p(() => {
-    S(a.setSectionExpanded(t, !u));
-  }, [a, S, u, t]), x = n != null ? n : he(t);
-  return /* @__PURE__ */ k(z, {
-    children: [/* @__PURE__ */ o(_, {
-      label: x,
-      expandable: !0,
-      expanded: u,
-      selected: u,
-      onClick: F,
-      children: r ? /* @__PURE__ */ o(b, {
-        spacing: !0,
-        justifyContent: "center",
-        flex: 1,
-        children: /* @__PURE__ */ o(N, {
-          size: "small"
-        })
-      }) : c ? /* @__PURE__ */ o(ee, {
-        variant: "error",
-        text: c,
-        contentRight: s ? /* @__PURE__ */ o(A, {
-          label: "Retry",
-          onClick: s
-        }) : null
-      }) : l
-    }), u && /* @__PURE__ */ o(Q, {})]
-  });
-}, he = (e) => te(ne(e)), De = ({
+  var V;
+  const a = G(), C = F(), m = x(), h = (V = a.expandedSections.values[t]) != null ? V : !1, L = u(() => {
+    C(m.setSectionExpanded(t, !h));
+  }, [m, C, h, t]), E = n != null ? n : pe(t);
+  return /* @__PURE__ */ B(j, { children: [
+    /* @__PURE__ */ c(
+      N,
+      {
+        label: E,
+        leftIcon: p,
+        expandable: !0,
+        expanded: h,
+        selected: h,
+        onClick: L,
+        right: S,
+        children: r ? /* @__PURE__ */ c(A, { spacing: !0, justifyContent: "center", flex: 1, children: /* @__PURE__ */ c(ee, { size: "small" }) }) : o ? /* @__PURE__ */ c(
+          te,
+          {
+            variant: "error",
+            text: o,
+            contentRight: s ? /* @__PURE__ */ c($, { label: "Retry", onClick: s }) : null
+          }
+        ) : l
+      }
+    ),
+    h && /* @__PURE__ */ c(Z, {})
+  ] });
+}, pe = (e) => ne(re(e)), qe = ({
   children: e,
   ...t
-}) => /* @__PURE__ */ o(O, {
-  style: {
-    marginTop: "auto"
-  },
-  justifyContent: "center",
-  spacing: 2,
-  indent: !0,
-  shadow: "popover",
-  zIndex: 1,
-  ...t,
-  children: e
-}), K = L(null), qe = () => {
-  const e = E(K);
+}) => /* @__PURE__ */ c(
+  O,
+  {
+    style: { marginTop: "auto" },
+    justifyContent: "center",
+    spacing: 2,
+    indent: !0,
+    shadow: "popover",
+    zIndex: 1,
+    ...t,
+    children: e
+  }
+), Y = M(null), Ge = () => {
+  const e = b(Y);
   if (!e)
     throw new Error(
       "Missing search filter context, wrap components with SearchFilterContext component."
     );
   return e;
-}, pe = function({
+}, Se = function({
   state: t,
   dispatch: n,
   actions: r,
-  children: c
+  children: o
 }) {
-  return /* @__PURE__ */ o(G.Provider, {
-    value: n,
-    children: /* @__PURE__ */ o(W.Provider, {
-      value: r,
-      children: /* @__PURE__ */ o(D.Provider, {
-        value: t,
-        children: /* @__PURE__ */ o(K.Provider, {
-          value: t.formModel,
-          children: c
-        })
-      })
-    })
-  });
-}, Se = (e) => ({
+  return /* @__PURE__ */ c(
+    W.Provider,
+    {
+      value: n,
+      children: /* @__PURE__ */ c(K.Provider, { value: r, children: /* @__PURE__ */ c(q.Provider, { value: t, children: /* @__PURE__ */ c(Y.Provider, { value: t.formModel, children: o }) }) })
+    }
+  );
+}, Ce = (e) => ({
   settings: {
     open: !1
   },
   formModel: e,
   expandedSections: { values: {} }
-}), Ce = (e, t) => re({
-  expandedSections: y(
-    h(e, "expandedSections"),
+}), fe = (e, t) => oe({
+  expandedSections: k(
+    d(e, "expandedSections"),
     ce(t.expandedSections)
   ),
-  formModel: y(
-    h(e, "formModel"),
+  formModel: k(
+    d(e, "formModel"),
     T(t.formModel)
   ),
-  settings: y(
-    h(e, "settings"),
+  settings: k(
+    d(e, "settings"),
     T(t.settings)
   )
-}), fe = (e, t) => ({
-  openFilters: () => C(
-    h(e, "settings"),
-    w().setEntityFields({
+}), me = (e, t) => ({
+  openFilters: () => f(
+    d(e, "settings"),
+    g().setEntityFields({
       open: !0
     })
   ),
-  closeFilters: () => C(
-    h(e, "settings"),
-    w().setEntityFields({
+  closeFilters: () => f(
+    d(e, "settings"),
+    g().setEntityFields({
       open: !1
     })
   ),
-  setFormModelFields: (n) => C(
-    h(e, "formModel"),
-    w().setEntityFields(n)
+  setFormModelFields: (n) => f(
+    d(e, "formModel"),
+    g().setEntityFields(n)
   ),
-  clearFormModel: () => C(
-    h(e, "formModel"),
-    w().setEntity(t)
+  clearFormModel: () => f(
+    d(e, "formModel"),
+    g().setEntity(t)
   ),
-  expandSection: (n) => C(
-    h(e, "expandedSections"),
-    R().setValue(n, !0)
+  expandSection: (n) => f(
+    d(e, "expandedSections"),
+    w().setValue(n, !0)
   ),
-  collapseSection: (n) => C(
-    h(e, "expandedSections"),
-    R().setValue(n, !1)
+  collapseSection: (n) => f(
+    d(e, "expandedSections"),
+    w().setValue(n, !1)
   ),
-  setSectionExpanded: (n, r) => C(
-    h(e, "expandedSections"),
-    R().setValue(n, r)
+  setSectionExpanded: (n, r) => f(
+    d(e, "expandedSections"),
+    w().setValue(n, r)
   ),
-  clearExpandedSections: () => C(
-    h(e, "expandedSections"),
-    R().clearAllValues()
+  clearExpandedSections: () => f(
+    d(e, "expandedSections"),
+    w().clearAllValues()
   )
-}), h = (e, t) => `${e}.${t}`, me = (e) => {
-  const [t] = v(
-    () => Ce("local", e)
-  ), [n] = v(
-    () => fe(
+}), d = (e, t) => `${e}.${t}`, Fe = (e) => {
+  const [t] = R(
+    () => fe("local", e)
+  ), [n] = R(
+    () => me(
       "local",
       e.formModel
     )
-  ), [r, c] = Y(t, e);
+  ), [r, o] = J(t, e);
   return {
     actions: n,
     state: r,
-    dispatch: c
+    dispatch: o
   };
-}, Ge = function({
+}, We = function({
   initialFormModel: t,
   children: n
 }) {
-  const {
-    state: r,
-    actions: c,
-    dispatch: s
-  } = me(Se(t));
-  return /* @__PURE__ */ o(pe, {
-    state: r,
-    actions: c,
-    dispatch: s,
-    children: n
-  });
-}, H = oe.div`
+  const { state: r, actions: o, dispatch: s } = Fe(
+    Ce(t)
+  );
+  return /* @__PURE__ */ c(Se, { state: r, actions: o, dispatch: s, children: n });
+}, H = se.div`
   padding: calc(var(--swui-metrics-spacing) / 2)
     calc(var(--swui-metrics-indent) / 2);
-`, We = ({
+`, Ke = ({
   children: e,
   disableClearAllButton: t = !1
 }) => {
-  const n = f(), r = m(), c = p(() => n(r.clearFormModel()), [r, n]);
-  return /* @__PURE__ */ k(b, {
-    flexWrap: "wrap",
-    children: [e, !t && /* @__PURE__ */ o(H, {
-      children: /* @__PURE__ */ o(A, {
+  const n = F(), r = x(), o = u(
+    () => n(r.clearFormModel()),
+    [r, n]
+  );
+  return /* @__PURE__ */ B(A, { flexWrap: "wrap", children: [
+    e,
+    !t && /* @__PURE__ */ c(H, { children: /* @__PURE__ */ c(
+      $,
+      {
         size: "small",
         label: "Clear all",
-        onClick: c
-      })
-    })]
-  });
-}, Fe = function({
+        onClick: o
+      }
+    ) })
+  ] });
+}, xe = function({
   label: t,
   sectionId: n
 }) {
-  const r = f(), c = m(), s = p(() => {
-    r(c.clearExpandedSections()), r(c.expandSection(n)), r(c.openFilters());
-  }, [c, r, n]);
-  return /* @__PURE__ */ o(H, {
-    children: /* @__PURE__ */ o($, {
-      label: t,
-      variant: "secondary",
-      onClick: s
-    })
-  });
-}, xe = function({
+  const r = F(), o = x(), s = u(() => {
+    r(o.clearExpandedSections()), r(o.expandSection(n)), r(o.openFilters());
+  }, [o, r, n]);
+  return /* @__PURE__ */ c(H, { children: /* @__PURE__ */ c(z, { label: t, variant: "secondary", onClick: s }) });
+}, ge = function({
   sectionId: t,
   label: n,
   value: r,
-  onClickRemove: c
+  onClickRemove: o
 }) {
-  const s = f(), i = m(), l = p((a) => s(i.setFormModelFields(a)), [s, i]), d = p(() => {
-    c == null || c({
-      value: r,
-      setFormModelFields: l
-    });
-  }, [c, l, r]), S = p(() => {
+  const s = F(), i = x(), l = u(
+    (a) => s(i.setFormModelFields(a)),
+    [s, i]
+  ), p = u(() => {
+    o == null || o({ value: r, setFormModelFields: l });
+  }, [o, l, r]), S = u(() => {
     s(i.clearExpandedSections()), s(i.expandSection(t)), s(i.openFilters());
   }, [i, s, t]);
-  return /* @__PURE__ */ o(H, {
-    children: /* @__PURE__ */ o($, {
+  return /* @__PURE__ */ c(H, { children: /* @__PURE__ */ c(
+    z,
+    {
       label: n != null ? n : t,
       onClick: S,
-      onClickRemove: c ? d : void 0
-    })
-  });
-}, Ke = function({
+      onClickRemove: o ? p : void 0
+    }
+  ) });
+}, Ye = function({
   sectionId: t,
   chips: n,
   emptyChipLabel: r,
-  onClickRemoveOnChip: c
+  onClickRemoveOnChip: o
 }) {
-  return n != null && n.length ? /* @__PURE__ */ o(z, {
-    children: n.map(({
-      label: s,
-      value: i
-    }) => /* @__PURE__ */ o(xe, {
+  return n != null && n.length ? /* @__PURE__ */ c(j, { children: n.map(({ label: s, value: i }) => /* @__PURE__ */ c(
+    ge,
+    {
       label: s != null ? s : t,
       sectionId: t,
-      onClickRemove: c,
+      onClickRemove: o,
       value: i
-    }, i))
-  }) : r ? /* @__PURE__ */ o(Fe, {
-    sectionId: t,
-    label: r
-  }) : null;
-}, Ye = (e, t, n) => ({
-  chips: ge(
+    },
+    i
+  )) }) : r ? /* @__PURE__ */ c(xe, { sectionId: t, label: r }) : null;
+}, Je = (e, t, n) => ({
+  chips: we(
     e[t],
     n
   ),
-  onClickRemoveOnChip: we(
+  onClickRemoveOnChip: Re(
     e,
     t
   )
-}), ge = (e, t) => V(e).map((n) => {
-  var c;
+}), we = (e, t) => D(e).map((n) => {
+  var o;
   const r = t == null ? void 0 : t.find((s) => s.value === n);
-  return { value: n, label: (c = r == null ? void 0 : r.label) != null ? c : n };
-}), we = (e, t) => ({ setFormModelFields: n, value: r }) => {
-  const c = { ...e[t] };
-  c[r] = !1, n({
-    [t]: c
+  return { value: n, label: (o = r == null ? void 0 : r.label) != null ? o : n };
+}), Re = (e, t) => ({ setFormModelFields: n, value: r }) => {
+  const o = { ...e[t] };
+  o[r] = !1, n({
+    [t]: o
   });
-}, Ie = ({
+}, Qe = ({
   options: e,
   value: t,
   onValueChange: n,
   ...r
-}) => /* @__PURE__ */ o(P, {
-  disableContentPadding: !0,
-  ...r,
-  children: /* @__PURE__ */ o(O, {
-    maxHeight: "400px",
-    overflowY: "auto",
-    flex: 1,
-    gap: 1,
-    spacing: 1,
-    children: e == null ? void 0 : e.map((c) => /* @__PURE__ */ o(b, {
-      alignItems: "center",
-      children: /* @__PURE__ */ o(se, {
-        tabIndex: -1,
-        value: t == null ? void 0 : t[c.value],
-        label: c.label,
-        onValueChange: (s) => n == null ? void 0 : n({
-          ...t,
-          [c.value]: s
-        })
-      })
-    }, c.value))
-  })
-}), Je = ({
+}) => /* @__PURE__ */ c(P, { disableContentPadding: !0, ...r, children: /* @__PURE__ */ c(O, { maxHeight: "400px", overflowY: "auto", flex: 1, gap: 1, spacing: 1, children: e == null ? void 0 : e.map((o) => /* @__PURE__ */ c(A, { alignItems: "center", children: /* @__PURE__ */ c(
+  ie,
+  {
+    tabIndex: -1,
+    value: t == null ? void 0 : t[o.value],
+    label: o.label,
+    onValueChange: (s) => n == null ? void 0 : n({
+      ...t,
+      [o.value]: s
+    })
+  }
+) }, o.value)) }) }), Ue = ({
   options: e,
   value: t,
   noneSelectedLabel: n,
   onValueChange: r,
-  ...c
+  ...o
 }) => {
-  const [s, i] = v(""), l = M(() => t ? V(t).map((a) => {
-    var F;
-    const u = e == null ? void 0 : e.find((x) => x.value === a);
-    return {
-      value: a,
-      label: (F = u == null ? void 0 : u.label) != null ? F : a
-    };
-  }) : [], [e, t]), d = M(() => e == null ? void 0 : e.filter((a) => a.value.toLocaleLowerCase().indexOf(s.toLocaleLowerCase()) > -1 || a.label.toLocaleLowerCase().indexOf(s.toLocaleLowerCase()) > -1), [e, s]), S = p((a) => {
-    r == null || r(Re(a));
-  }, [r]);
-  return /* @__PURE__ */ o(P, {
-    ...c,
-    children: /* @__PURE__ */ o(ie, {
-      options: d,
+  const [s, i] = R(""), l = v(
+    () => t ? D(t).map((a) => {
+      var m;
+      const C = e == null ? void 0 : e.find((h) => h.value === a);
+      return { value: a, label: (m = C == null ? void 0 : C.label) != null ? m : a };
+    }) : [],
+    [e, t]
+  ), p = v(() => e == null ? void 0 : e.filter(
+    (a) => a.value.toLocaleLowerCase().indexOf(s.toLocaleLowerCase()) > -1 || a.label.toLocaleLowerCase().indexOf(s.toLocaleLowerCase()) > -1
+  ), [e, s]), S = u(
+    (a) => {
+      r == null || r(ve(a));
+    },
+    [r]
+  );
+  return /* @__PURE__ */ c(P, { ...o, children: /* @__PURE__ */ c(
+    ae,
+    {
+      options: p,
       value: l,
       onValueChange: S,
       inputValue: s,
       noneSelectedLabel: n,
       onInputChange: i,
       closeMenuOnSelect: !1
-    })
-  });
-}, Re = (e) => e.reduce((t, n) => (t[n.value] = !0, t), {}), Qe = (e, t, n) => ({
-  chips: ve(
+    }
+  ) });
+}, ve = (e) => e.reduce((t, n) => (t[n.value] = !0, t), {}), Xe = (e, t, n) => ({
+  chips: Me(
     e[t],
     e[n]
   ),
-  onClickRemoveOnChip: Me(
+  onClickRemoveOnChip: be(
     t,
     n
   )
-}), ve = (e, t) => !e && !t ? [] : [
+}), Me = (e, t) => !e && !t ? [] : [
   { value: "dateRange", label: `${e != null ? e : ""} - ${t != null ? t : ""}` }
-], Me = (e, t) => ({ setFormModelFields: n }) => {
+], be = (e, t) => ({ setFormModelFields: n }) => {
   n({
     [e]: void 0,
     [t]: void 0
   });
-}, Ue = (e, t, n) => ({
+}, Ze = (e, t, n) => ({
   value: {
     startDate: e[t],
     endDate: e[n]
   },
-  onValueChange: (r, { dispatch: c, actions: s }) => {
+  onValueChange: (r, { dispatch: o, actions: s }) => {
     const i = {
       [t]: r.startDate,
       [n]: r.endDate
     };
-    c(s.setFormModelFields(i));
+    o(s.setFormModelFields(i));
   }
-}), Xe = ({
+}), _e = ({
   value: e,
   onValueChange: t,
   sectionId: n,
-  contentLeft: r,
-  contentRight: c,
-  disableContentPadding: s,
-  ...i
+  contentRight: r,
+  disableContentPadding: o,
+  label: s,
+  leftIcon: i,
+  ...l
 }) => {
-  const l = f(), d = m(), S = M(() => ({
-    dispatch: l,
-    actions: d
-  }), [d, l]), [a, u] = v("startDate"), F = M(() => ae(e), [e]), x = p((g) => {
-    t(le(g), S);
-  }, [t, S]);
-  return /* @__PURE__ */ o(P, {
-    sectionId: n,
-    contentRight: c,
-    contentLeft: r,
-    disableContentPadding: s,
-    children: /* @__PURE__ */ o(B, {
-      flex: 1,
-      alignItems: "center",
-      children: /* @__PURE__ */ o(B, {
-        background: "white",
-        indent: !0,
-        children: /* @__PURE__ */ o(de, {
-          setFocusedInput: u,
-          focusedInput: a,
-          value: F,
-          onValueChange: x,
-          ...i
-        })
-      })
-    })
-  });
+  const p = F(), S = x(), a = v(
+    () => ({ dispatch: p, actions: S }),
+    [S, p]
+  ), [C, m] = R("startDate"), h = v(() => le(e), [e]), L = u(
+    (E) => {
+      t(de(E), a);
+    },
+    [t, a]
+  );
+  return /* @__PURE__ */ c(
+    P,
+    {
+      label: s,
+      leftIcon: i,
+      sectionId: n,
+      contentRight: r,
+      disableContentPadding: o,
+      children: /* @__PURE__ */ c(y, { flex: 1, alignItems: "center", children: /* @__PURE__ */ c(y, { background: "white", indent: !0, children: /* @__PURE__ */ c(
+        ue,
+        {
+          setFocusedInput: m,
+          focusedInput: C,
+          value: h,
+          onValueChange: L,
+          ...l
+        }
+      ) }) })
+    }
+  );
 };
 export {
-  Je as ChipMultiSelectSection,
-  Xe as DateRangeCalendarSection,
-  Fe as EmptyChip,
-  W as SearchFilterActionsContext,
+  Ue as ChipMultiSelectSection,
+  _e as DateRangeCalendarSection,
+  xe as EmptyChip,
+  K as SearchFilterActionsContext,
   ze as SearchFilterButton,
-  xe as SearchFilterChip,
-  We as SearchFilterChips,
-  pe as SearchFilterContext,
-  G as SearchFilterDispatchContext,
+  ge as SearchFilterChip,
+  Ke as SearchFilterChips,
+  Se as SearchFilterContext,
+  W as SearchFilterDispatchContext,
   $e as SearchFilterDrawer,
-  Ge as SearchFilterLocalStateContext,
-  K as SearchFilterModelContext,
-  ue as SearchFilterPanelHeader,
+  We as SearchFilterLocalStateContext,
+  Y as SearchFilterModelContext,
+  he as SearchFilterPanelHeader,
   P as SearchFilterSection,
-  D as SearchFilterStateContext,
-  Ke as SectionChips,
-  Ie as SimpleCheckboxListSection,
-  De as StickyFooter,
-  ge as createChipsForBooleanRecord,
-  ve as createChipsForDateRange,
-  Ye as createChipsPropsForBooleanRecord,
-  Qe as createChipsPropsForDateRange,
-  Ue as createDateRangeSectionProps,
-  we as createOnClickRemoveOnChipForBooleanRecord,
-  Me as createOnClickRemoveOnChipForDateRange,
-  fe as createSearchFilterActions,
-  Se as createSearchFilterInitialState,
-  Ce as createSearchFilterReducer,
-  he as formatColumnIdToHeaderCellLabel,
-  h as getReducerIdFor,
-  me as useLocalSearchFilterState,
-  m as useSearchFilterActions,
-  f as useSearchFilterDispatch,
-  qe as useSearchFilterModel,
-  q as useSearchFilterState
+  q as SearchFilterStateContext,
+  Ye as SectionChips,
+  Qe as SimpleCheckboxListSection,
+  qe as StickyFooter,
+  we as createChipsForBooleanRecord,
+  Me as createChipsForDateRange,
+  Je as createChipsPropsForBooleanRecord,
+  Xe as createChipsPropsForDateRange,
+  Ze as createDateRangeSectionProps,
+  Re as createOnClickRemoveOnChipForBooleanRecord,
+  be as createOnClickRemoveOnChipForDateRange,
+  me as createSearchFilterActions,
+  Ce as createSearchFilterInitialState,
+  fe as createSearchFilterReducer,
+  pe as formatColumnIdToHeaderCellLabel,
+  d as getReducerIdFor,
+  Fe as useLocalSearchFilterState,
+  x as useSearchFilterActions,
+  F as useSearchFilterDispatch,
+  Ge as useSearchFilterModel,
+  G as useSearchFilterState
 };
 //# sourceMappingURL=index.es.js.map