@stenajs-webui/filter 18.12.0 → 18.12.1-next.0

package/dist/index.es.js

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