@stenajs-webui/filter 17.13.2 → 17.13.3

package/dist/index.es.js

@@ -1,497 +1,493 @@
-(function(){ try {var elementStyle = document.createElement('style'); elementStyle.appendChild(document.createTextNode("")); document.head.appendChild(elementStyle);} catch(e) {console.error('vite-plugin-css-injected-by-js', e);} })();import { createContext, useContext, useCallback, useState, useReducer, useMemo } from "react";
-import { Drawer } from "@stenajs-webui/modal";
-import { cssColor } from "@stenajs-webui/theme";
-import { Row, Indent, Heading, Column, SeparatorLine, truthyKeysAsList, Text, Box } from "@stenajs-webui/core";
-import { Icon, SecondaryButton, stenaTimes, stenaSliders, Spinner, Banner, FlatButton, Chip } from "@stenajs-webui/elements";
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { Collapsible, CollapsibleContent, CollapsibleClickableContent } from "@stenajs-webui/panels";
-import { upperFirst, lowerCase } from "lodash";
-import { combineReducers } from "redux";
-import { reducerIdGate, createValueByIdReducer, createEntityReducer, reducerIdGateAction, createEntityActions, createValueByIdActions } from "@stenajs-webui/redux";
-import styled from "@emotion/styled";
-import { Checkbox } from "@stenajs-webui/forms";
-import { ChipMultiSelect } from "@stenajs-webui/select";
-import { stringsToDateRange, dateRangeToStrings, DateRangeCalendar } from "@stenajs-webui/calendar";
-const SearchFilterPanelHeader = ({
-  onRequestClose,
-  header = "Filters",
-  headerIcon = stenaSliders
-}) => {
-  return /* @__PURE__ */ jsxs(Row, {
-    height: "56px",
-    justifyContent: "space-between",
+(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 b, useContext as E, useCallback as u, useState as R, useReducer as U, useMemo as v } from "react";
+import { Drawer as X } from "@stenajs-webui/modal";
+import { cssColor as H } from "@stenajs-webui/theme";
+import { Row as M, Indent as Z, Heading as _, Column as T, SeparatorLine as N, truthyKeysAsList as j, Text as ee, Box as A } from "@stenajs-webui/core";
+import { Icon as te, SecondaryButton as $, stenaTimes as ne, stenaSliders as z, Spinner as re, Banner as oe, FlatButton as D, Chip as q } from "@stenajs-webui/elements";
+import { jsxs as L, jsx as c, Fragment as ce } from "react/jsx-runtime";
+import { Collapsible as se, CollapsibleContent as P, CollapsibleClickableContent as ie } from "@stenajs-webui/panels";
+import { upperFirst as le, lowerCase as ae } from "lodash";
+import { combineReducers as de } from "redux";
+import { reducerIdGate as k, createValueByIdReducer as ue, createEntityReducer as V, reducerIdGateAction as C, createEntityActions as g, createValueByIdActions as w } from "@stenajs-webui/redux";
+import he from "@emotion/styled";
+import { Checkbox as pe } from "@stenajs-webui/forms";
+import { ChipMultiSelect as Ce } from "@stenajs-webui/select";
+import { stringsToDateRange as Se, dateRangeToStrings as fe, DateRangeCalendar as me } from "@stenajs-webui/calendar";
+const Fe = ({
+  onRequestClose: e,
+  header: t = "Filters",
+  headerIcon: n = z
+}) => /* @__PURE__ */ L(M, {
+  height: "56px",
+  justifyContent: "space-between",
+  alignItems: "center",
+  indent: 2,
+  children: [/* @__PURE__ */ L(M, {
     alignItems: "center",
-    indent: 2,
-    children: [/* @__PURE__ */ jsxs(Row, {
-      alignItems: "center",
-      children: [/* @__PURE__ */ jsx(Icon, {
-        icon: headerIcon,
-        color: cssColor("--lhds-color-ui-800"),
-        size: 24
-      }), /* @__PURE__ */ jsx(Indent, {}), /* @__PURE__ */ jsx(Heading, {
-        variant: "h4",
-        children: header
-      })]
-    }), /* @__PURE__ */ jsx(SecondaryButton, {
-      leftIcon: stenaTimes,
-      onClick: onRequestClose
+    children: [/* @__PURE__ */ c(te, {
+      icon: n,
+      color: H("--lhds-color-ui-800"),
+      size: 24
+    }), /* @__PURE__ */ c(Z, {}), /* @__PURE__ */ c(_, {
+      variant: "h4",
+      children: t
     })]
-  });
-};
-const SearchFilterStateContext = createContext(null);
-const useSearchFilterState = () => {
-  const c = useContext(SearchFilterStateContext);
-  if (!c) {
-    throw new Error("Missing search filter context, wrap components with SearchFilterContext component.");
-  }
-  return c;
-};
-const SearchFilterDispatchContext = createContext(null);
-const useSearchFilterDispatch = () => {
-  const c = useContext(SearchFilterDispatchContext);
-  if (!c) {
+  }), /* @__PURE__ */ c($, {
+    leftIcon: ne,
+    onClick: e
+  })]
+}), G = b(null), I = () => {
+  const e = E(G);
+  if (!e)
+    throw new Error(
+      "Missing search filter context, wrap components with SearchFilterContext component."
+    );
+  return e;
+}, K = b(null), f = () => {
+  const e = E(K);
+  if (!e)
     throw new Error("Missing search filter dispatch context.");
-  }
-  return c;
-};
-const SearchFilterActionsContext = createContext(null);
-const useSearchFilterActions = () => {
-  const c = useContext(SearchFilterActionsContext);
-  if (!c) {
+  return e;
+}, W = b(null), m = () => {
+  const e = E(W);
+  if (!e)
     throw new Error("Missing search filter actions context.");
-  }
-  return c;
-};
-const SearchFilterDrawer = ({
-  children,
-  header,
-  headerIcon,
-  ...drawerProps
+  return e;
+}, Ye = ({
+  children: e,
+  header: t,
+  headerIcon: n,
+  ...r
 }) => {
   const {
     settings: {
-      open
+      open: o
     }
-  } = useSearchFilterState();
-  const dispatch = useSearchFilterDispatch();
-  const actions = useSearchFilterActions();
-  const closeDrawer = useCallback(() => {
-    dispatch(actions.closeFilters());
-  }, [actions, dispatch]);
-  return /* @__PURE__ */ jsx(Drawer, {
-    background: cssColor("--lhds-color-ui-50"),
+  } = I(), s = f(), i = m(), a = u(() => {
+    s(i.closeFilters());
+  }, [i, s]);
+  return /* @__PURE__ */ c(X, {
+    background: H("--lhds-color-ui-50"),
     width: "370px",
-    isOpen: open,
-    onRequestClose: closeDrawer,
-    ...drawerProps,
-    children: /* @__PURE__ */ jsxs(Column, {
-      children: [/* @__PURE__ */ jsx(SearchFilterPanelHeader, {
-        onRequestClose: closeDrawer,
-        header,
-        headerIcon
-      }), /* @__PURE__ */ jsx(SeparatorLine, {}), children]
+    isOpen: o,
+    onRequestClose: a,
+    ...r,
+    children: /* @__PURE__ */ L(T, {
+      children: [/* @__PURE__ */ c(Fe, {
+        onRequestClose: a,
+        header: t,
+        headerIcon: n
+      }), /* @__PURE__ */ c(N, {}), e]
     })
   });
-};
-const SearchFilterButton = ({
-  label = "Filters",
-  leftIcon = stenaSliders
+}, Je = ({
+  label: e = "Filters",
+  leftIcon: t = z
 }) => {
-  const dispatch = useSearchFilterDispatch();
-  const actions = useSearchFilterActions();
-  const onClickButton = useCallback(() => {
-    dispatch(actions.openFilters());
-  }, [actions, dispatch]);
-  return /* @__PURE__ */ jsx(SecondaryButton, {
-    label,
-    leftIcon,
-    onClick: onClickButton
+  const n = f(), r = m(), o = u(() => {
+    n(r.openFilters());
+  }, [r, n]);
+  return /* @__PURE__ */ c($, {
+    label: e,
+    leftIcon: t,
+    onClick: o
   });
-};
-const SearchFilterSection = function SearchFilterSection2({
-  sectionId,
-  label,
-  contentLeft,
-  contentRight,
-  loading,
-  error,
-  onRetry,
-  disableContentPadding,
-  children
+}, y = function({
+  sectionId: t,
+  label: n,
+  contentLeft: r,
+  contentRight: o,
+  loading: s,
+  error: i,
+  onRetry: a,
+  disableContentPadding: S,
+  children: h
 }) {
-  var _a;
-  const state = useSearchFilterState();
-  const dispatch = useSearchFilterDispatch();
-  const actions = useSearchFilterActions();
-  const expanded = (_a = state.expandedSections.values[sectionId]) != null ? _a : false;
-  const onClickLabel = useCallback(() => {
-    dispatch(actions.setSectionExpanded(sectionId, !expanded));
-  }, [actions, dispatch, expanded, sectionId]);
-  const activeLabel = label != null ? label : formatColumnIdToHeaderCellLabel(sectionId);
-  return /* @__PURE__ */ jsx(Collapsible, {
-    label: activeLabel,
-    collapsed: !expanded,
-    onClick: onClickLabel,
-    contentLeft,
-    contentRight,
-    children: loading ? /* @__PURE__ */ jsx(CollapsibleContent, {
-      children: /* @__PURE__ */ jsx(Row, {
-        spacing: true,
+  var O;
+  const l = I(), p = f(), F = m(), x = (O = l.expandedSections.values[t]) != null ? O : !1, J = u(() => {
+    p(F.setSectionExpanded(t, !x));
+  }, [F, p, x, t]), Q = n != null ? n : xe(t);
+  return /* @__PURE__ */ c(se, {
+    label: Q,
+    collapsed: !x,
+    onClick: J,
+    contentLeft: r,
+    contentRight: o,
+    children: s ? /* @__PURE__ */ c(P, {
+      children: /* @__PURE__ */ c(M, {
+        spacing: !0,
         justifyContent: "center",
         flex: 1,
-        children: /* @__PURE__ */ jsx(Spinner, {
+        children: /* @__PURE__ */ c(re, {
           size: "small"
         })
       })
-    }) : error ? /* @__PURE__ */ jsx(Banner, {
+    }) : i ? /* @__PURE__ */ c(oe, {
       variant: "error",
-      text: error,
-      contentRight: onRetry ? /* @__PURE__ */ jsx(FlatButton, {
+      text: i,
+      contentRight: a ? /* @__PURE__ */ c(D, {
         label: "Retry",
-        onClick: onRetry
+        onClick: a
       }) : null
-    }) : disableContentPadding ? children : /* @__PURE__ */ jsx(CollapsibleContent, {
-      children
+    }) : S ? h : /* @__PURE__ */ c(P, {
+      children: h
     })
   });
-};
-const formatColumnIdToHeaderCellLabel = (columnId) => upperFirst(lowerCase(columnId));
-const SearchFilterModelContext = createContext(null);
-const useSearchFilterModel = () => {
-  const c = useContext(SearchFilterModelContext);
-  if (!c) {
-    throw new Error("Missing search filter context, wrap components with SearchFilterContext component.");
-  }
-  return c;
-};
-const SearchFilterContext = function SearchFilterScope({
-  state,
-  dispatch,
-  actions,
-  children
+}, xe = (e) => le(ae(e)), Y = b(null), Qe = () => {
+  const e = E(Y);
+  if (!e)
+    throw new Error(
+      "Missing search filter context, wrap components with SearchFilterContext component."
+    );
+  return e;
+}, ge = function({
+  state: t,
+  dispatch: n,
+  actions: r,
+  children: o
 }) {
-  return /* @__PURE__ */ jsx(SearchFilterDispatchContext.Provider, {
-    value: dispatch,
-    children: /* @__PURE__ */ jsx(SearchFilterActionsContext.Provider, {
-      value: actions,
-      children: /* @__PURE__ */ jsx(SearchFilterStateContext.Provider, {
-        value: state,
-        children: /* @__PURE__ */ jsx(SearchFilterModelContext.Provider, {
-          value: state.formModel,
-          children
+  return /* @__PURE__ */ c(K.Provider, {
+    value: n,
+    children: /* @__PURE__ */ c(W.Provider, {
+      value: r,
+      children: /* @__PURE__ */ c(G.Provider, {
+        value: t,
+        children: /* @__PURE__ */ c(Y.Provider, {
+          value: t.formModel,
+          children: o
         })
       })
     })
   });
-};
-const createSearchFilterInitialState = (initialFormModel) => ({
+}, we = (e) => ({
   settings: {
-    open: false
+    open: !1
   },
-  formModel: initialFormModel,
+  formModel: e,
   expandedSections: { values: {} }
-});
-const createSearchFilterReducer = (reducerId, initialState) => combineReducers({
-  expandedSections: reducerIdGate(getReducerIdFor(reducerId, "expandedSections"), createValueByIdReducer(initialState.expandedSections)),
-  formModel: reducerIdGate(getReducerIdFor(reducerId, "formModel"), createEntityReducer(initialState.formModel)),
-  settings: reducerIdGate(getReducerIdFor(reducerId, "settings"), createEntityReducer(initialState.settings))
-});
-const createSearchFilterActions = (reducerId, initialFormModel) => ({
-  openFilters: () => reducerIdGateAction(getReducerIdFor(reducerId, "settings"), createEntityActions().setEntityFields({
-    open: true
-  })),
-  closeFilters: () => reducerIdGateAction(getReducerIdFor(reducerId, "settings"), createEntityActions().setEntityFields({
-    open: false
-  })),
-  setFormModelFields: (fields) => reducerIdGateAction(getReducerIdFor(reducerId, "formModel"), createEntityActions().setEntityFields(fields)),
-  clearFormModel: () => reducerIdGateAction(getReducerIdFor(reducerId, "formModel"), createEntityActions().setEntity(initialFormModel)),
-  expandSection: (section) => reducerIdGateAction(getReducerIdFor(reducerId, "expandedSections"), createValueByIdActions().setValue(section, true)),
-  collapseSection: (section) => reducerIdGateAction(getReducerIdFor(reducerId, "expandedSections"), createValueByIdActions().setValue(section, false)),
-  setSectionExpanded: (section, expanded) => reducerIdGateAction(getReducerIdFor(reducerId, "expandedSections"), createValueByIdActions().setValue(section, expanded)),
-  clearExpandedSections: () => reducerIdGateAction(getReducerIdFor(reducerId, "expandedSections"), createValueByIdActions().clearAllValues())
-});
-const getReducerIdFor = (reducerId, reducerIdSuffix) => `${reducerId}.${reducerIdSuffix}`;
-const useLocalSearchFilterState = (initialState) => {
-  const [reducer] = useState(() => createSearchFilterReducer("local", initialState));
-  const [actions] = useState(() => createSearchFilterActions("local", initialState.formModel));
-  const [state, dispatch] = useReducer(reducer, initialState);
+}), Re = (e, t) => de({
+  expandedSections: k(
+    d(e, "expandedSections"),
+    ue(t.expandedSections)
+  ),
+  formModel: k(
+    d(e, "formModel"),
+    V(t.formModel)
+  ),
+  settings: k(
+    d(e, "settings"),
+    V(t.settings)
+  )
+}), ve = (e, t) => ({
+  openFilters: () => C(
+    d(e, "settings"),
+    g().setEntityFields({
+      open: !0
+    })
+  ),
+  closeFilters: () => C(
+    d(e, "settings"),
+    g().setEntityFields({
+      open: !1
+    })
+  ),
+  setFormModelFields: (n) => C(
+    d(e, "formModel"),
+    g().setEntityFields(n)
+  ),
+  clearFormModel: () => C(
+    d(e, "formModel"),
+    g().setEntity(t)
+  ),
+  expandSection: (n) => C(
+    d(e, "expandedSections"),
+    w().setValue(n, !0)
+  ),
+  collapseSection: (n) => C(
+    d(e, "expandedSections"),
+    w().setValue(n, !1)
+  ),
+  setSectionExpanded: (n, r) => C(
+    d(e, "expandedSections"),
+    w().setValue(n, r)
+  ),
+  clearExpandedSections: () => C(
+    d(e, "expandedSections"),
+    w().clearAllValues()
+  )
+}), d = (e, t) => `${e}.${t}`, Me = (e) => {
+  const [t] = R(
+    () => Re("local", e)
+  ), [n] = R(
+    () => ve(
+      "local",
+      e.formModel
+    )
+  ), [r, o] = U(t, e);
   return {
-    actions,
-    state,
-    dispatch
+    actions: n,
+    state: r,
+    dispatch: o
   };
-};
-const SearchFilterLocalStateContext = function SearchFilterLocalScope({
-  initialFormModel,
-  children
+}, Ue = function({
+  initialFormModel: t,
+  children: n
 }) {
   const {
-    state,
-    actions,
-    dispatch
-  } = useLocalSearchFilterState(createSearchFilterInitialState(initialFormModel));
-  return /* @__PURE__ */ jsx(SearchFilterContext, {
-    state,
-    actions,
-    dispatch,
-    children
+    state: r,
+    actions: o,
+    dispatch: s
+  } = Me(we(t));
+  return /* @__PURE__ */ c(ge, {
+    state: r,
+    actions: o,
+    dispatch: s,
+    children: n
   });
-};
-const ChipSpacer = styled.div`
+}, B = he.div`
   padding: calc(var(--swui-metrics-spacing) / 2)
     calc(var(--swui-metrics-indent) / 2);
-`;
-const SearchFilterChips = ({
-  children,
-  disableClearAllButton = false
+`, Xe = ({
+  children: e,
+  disableClearAllButton: t = !1
 }) => {
-  const dispatch = useSearchFilterDispatch();
-  const actions = useSearchFilterActions();
-  const onClickClearAll = useCallback(() => dispatch(actions.clearFormModel()), [actions, dispatch]);
-  return /* @__PURE__ */ jsxs(Row, {
+  const n = f(), r = m(), o = u(() => n(r.clearFormModel()), [r, n]);
+  return /* @__PURE__ */ L(M, {
     flexWrap: "wrap",
-    children: [children, !disableClearAllButton && /* @__PURE__ */ jsx(ChipSpacer, {
-      children: /* @__PURE__ */ jsx(FlatButton, {
+    children: [e, !t && /* @__PURE__ */ c(B, {
+      children: /* @__PURE__ */ c(D, {
         size: "small",
         label: "Clear all",
-        onClick: onClickClearAll
+        onClick: o
       })
     })]
   });
-};
-const EmptyChip = function EmptyChip2({
-  label,
-  sectionId
+}, Le = function({
+  label: t,
+  sectionId: n
 }) {
-  const dispatch = useSearchFilterDispatch();
-  const actions = useSearchFilterActions();
-  const onClickLabel = useCallback(() => {
-    dispatch(actions.clearExpandedSections());
-    dispatch(actions.expandSection(sectionId));
-    dispatch(actions.openFilters());
-  }, [actions, dispatch, sectionId]);
-  return /* @__PURE__ */ jsx(ChipSpacer, {
-    children: /* @__PURE__ */ jsx(Chip, {
-      label,
+  const r = f(), o = m(), s = u(() => {
+    r(o.clearExpandedSections()), r(o.expandSection(n)), r(o.openFilters());
+  }, [o, r, n]);
+  return /* @__PURE__ */ c(B, {
+    children: /* @__PURE__ */ c(q, {
+      label: t,
       variant: "secondary",
-      onClick: onClickLabel
+      onClick: s
     })
   });
-};
-const SearchFilterChip = function SearchFilterChip2({
-  sectionId,
-  label,
-  value,
-  onClickRemove
+}, be = function({
+  sectionId: t,
+  label: n,
+  value: r,
+  onClickRemove: o
 }) {
-  const dispatch = useSearchFilterDispatch();
-  const actions = useSearchFilterActions();
-  const setFormModelFields = useCallback((fields) => dispatch(actions.setFormModelFields(fields)), [dispatch, actions]);
-  const onClickRemoveHandler = useCallback(() => {
-    onClickRemove == null ? void 0 : onClickRemove({
-      value,
-      setFormModelFields
+  const s = f(), i = m(), a = u((l) => s(i.setFormModelFields(l)), [s, i]), S = u(() => {
+    o == null || o({
+      value: r,
+      setFormModelFields: a
     });
-  }, [onClickRemove, setFormModelFields, value]);
-  const onClickLabel = useCallback(() => {
-    dispatch(actions.clearExpandedSections());
-    dispatch(actions.expandSection(sectionId));
-    dispatch(actions.openFilters());
-  }, [actions, dispatch, sectionId]);
-  return /* @__PURE__ */ jsx(ChipSpacer, {
-    children: /* @__PURE__ */ jsx(Chip, {
-      label: label != null ? label : sectionId,
-      onClick: onClickLabel,
-      onClickRemove: onClickRemove ? onClickRemoveHandler : void 0
+  }, [o, a, r]), h = u(() => {
+    s(i.clearExpandedSections()), s(i.expandSection(t)), s(i.openFilters());
+  }, [i, s, t]);
+  return /* @__PURE__ */ c(B, {
+    children: /* @__PURE__ */ c(q, {
+      label: n != null ? n : t,
+      onClick: h,
+      onClickRemove: o ? S : void 0
     })
   });
-};
-const SectionChips = function SectionChips2({
-  sectionId,
-  chips,
-  emptyChipLabel,
-  onClickRemoveOnChip
+}, Ze = function({
+  sectionId: t,
+  chips: n,
+  emptyChipLabel: r,
+  onClickRemoveOnChip: o
 }) {
-  if (!(chips == null ? void 0 : chips.length)) {
-    if (!emptyChipLabel) {
-      return null;
-    }
-    return /* @__PURE__ */ jsx(EmptyChip, {
-      sectionId,
-      label: emptyChipLabel
-    });
-  }
-  return /* @__PURE__ */ jsx(Fragment, {
-    children: chips.map(({
-      label,
-      value
-    }) => /* @__PURE__ */ jsx(SearchFilterChip, {
-      label: label != null ? label : sectionId,
-      sectionId,
-      onClickRemove: onClickRemoveOnChip,
-      value
-    }, value))
+  return n != null && n.length ? /* @__PURE__ */ c(ce, {
+    children: n.map(({
+      label: s,
+      value: i
+    }) => /* @__PURE__ */ c(be, {
+      label: s != null ? s : t,
+      sectionId: t,
+      onClickRemove: o,
+      value: i
+    }, i))
+  }) : r ? /* @__PURE__ */ c(Le, {
+    sectionId: t,
+    label: r
+  }) : null;
+}, _e = (e, t, n) => ({
+  chips: Ee(
+    e[t],
+    n
+  ),
+  onClickRemoveOnChip: ke(
+    e,
+    t
+  )
+}), Ee = (e, t) => j(e).map((n) => {
+  var o;
+  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 };
+}), ke = (e, t) => ({ setFormModelFields: n, value: r }) => {
+  const o = { ...e[t] };
+  o[r] = !1, n({
+    [t]: o
   });
-};
-const createChipsPropsForBooleanRecord = (formModel, fieldName, options) => ({
-  chips: createChipsForBooleanRecord(formModel[fieldName], options),
-  onClickRemoveOnChip: createOnClickRemoveOnChipForBooleanRecord(formModel, fieldName)
-});
-const createChipsForBooleanRecord = (booleanRecord, options) => truthyKeysAsList(booleanRecord).map((key) => {
-  var _a;
-  const option = options == null ? void 0 : options.find((o) => o.value === key);
-  return { value: key, label: (_a = option == null ? void 0 : option.label) != null ? _a : key };
-});
-const createOnClickRemoveOnChipForBooleanRecord = (formModel, fieldName) => {
-  return ({ setFormModelFields, value }) => {
-    const newRecord = { ...formModel[fieldName] };
-    newRecord[value] = false;
-    setFormModelFields({
-      [fieldName]: newRecord
-    });
-  };
-};
-const SimpleCheckboxListSection = ({
-  options,
-  value,
-  onValueChange,
-  ...sectionProps
-}) => /* @__PURE__ */ jsx(SearchFilterSection, {
-  disableContentPadding: true,
-  ...sectionProps,
-  children: /* @__PURE__ */ jsx(Column, {
+}, Ne = ({
+  options: e,
+  value: t,
+  onValueChange: n,
+  ...r
+}) => /* @__PURE__ */ c(y, {
+  disableContentPadding: !0,
+  ...r,
+  children: /* @__PURE__ */ c(T, {
     maxHeight: "400px",
     overflowY: "auto",
     flex: 1,
-    children: options == null ? void 0 : options.map((d) => /* @__PURE__ */ jsx(CollapsibleClickableContent, {
+    children: e == null ? void 0 : e.map((o) => /* @__PURE__ */ c(ie, {
       onClick: () => {
-        if (value && onValueChange) {
-          const sel = !value[d.value];
-          onValueChange({
-            ...value,
-            [d.value]: sel
+        if (t && n) {
+          const s = !t[o.value];
+          n({
+            ...t,
+            [o.value]: s
           });
         }
       },
-      contentLeft: /* @__PURE__ */ jsx(Checkbox, {
+      contentLeft: /* @__PURE__ */ c(pe, {
         tabIndex: -1,
-        value: value == null ? void 0 : value[d.value]
+        value: t == null ? void 0 : t[o.value]
       }),
-      children: /* @__PURE__ */ jsx(Text, {
-        children: d.label
+      children: /* @__PURE__ */ c(ee, {
+        children: o.label
       })
-    }, d.value))
+    }, o.value))
   })
-});
-const ChipMultiSelectSection = ({
-  options,
-  value,
-  noneSelectedLabel,
-  onValueChange,
-  ...sectionProps
+}), et = ({
+  options: e,
+  value: t,
+  noneSelectedLabel: n,
+  onValueChange: r,
+  ...o
 }) => {
-  const [text, setText] = useState("");
-  const listValue = useMemo(() => value ? truthyKeysAsList(value).map((key) => {
-    var _a;
-    const option = options == null ? void 0 : options.find((o) => o.value === key);
+  const [s, i] = R(""), a = v(() => t ? j(t).map((l) => {
+    var F;
+    const p = e == null ? void 0 : e.find((x) => x.value === l);
     return {
-      value: key,
-      label: (_a = option == null ? void 0 : option.label) != null ? _a : key
+      value: l,
+      label: (F = p == null ? void 0 : p.label) != null ? F : l
     };
-  }) : [], [options, value]);
-  const filteredOptions = useMemo(() => {
-    return options == null ? void 0 : options.filter((p) => p.value.toLocaleLowerCase().indexOf(text.toLocaleLowerCase()) > -1 || p.label.toLocaleLowerCase().indexOf(text.toLocaleLowerCase()) > -1);
-  }, [options, text]);
-  const onValueChangeInternal = useCallback((value2) => {
-    onValueChange == null ? void 0 : onValueChange(createBooleanRecordFromValue(value2));
-  }, [onValueChange]);
-  return /* @__PURE__ */ jsx(SearchFilterSection, {
-    ...sectionProps,
-    children: /* @__PURE__ */ jsx(ChipMultiSelect, {
-      options: filteredOptions,
-      value: listValue,
-      onValueChange: onValueChangeInternal,
-      inputValue: text,
-      noneSelectedLabel,
-      onInputChange: setText,
-      closeMenuOnSelect: false
+  }) : [], [e, t]), S = v(() => e == null ? void 0 : e.filter((l) => l.value.toLocaleLowerCase().indexOf(s.toLocaleLowerCase()) > -1 || l.label.toLocaleLowerCase().indexOf(s.toLocaleLowerCase()) > -1), [e, s]), h = u((l) => {
+    r == null || r(ye(l));
+  }, [r]);
+  return /* @__PURE__ */ c(y, {
+    ...o,
+    children: /* @__PURE__ */ c(Ce, {
+      options: S,
+      value: a,
+      onValueChange: h,
+      inputValue: s,
+      noneSelectedLabel: n,
+      onInputChange: i,
+      closeMenuOnSelect: !1
     })
   });
-};
-const createBooleanRecordFromValue = (value) => {
-  return value.reduce((sum, item) => {
-    sum[item.value] = true;
-    return sum;
-  }, {});
-};
-const createChipsPropsForDateRange = (formModel, startDateFieldName, endDateFieldName) => ({
-  chips: createChipsForDateRange(formModel[startDateFieldName], formModel[endDateFieldName]),
-  onClickRemoveOnChip: createOnClickRemoveOnChipForDateRange(startDateFieldName, endDateFieldName)
-});
-const createChipsForDateRange = (startDate, endDate) => {
-  if (!startDate && !endDate) {
-    return [];
-  }
-  return [
-    { value: "dateRange", label: `${startDate != null ? startDate : ""} - ${endDate != null ? endDate : ""}` }
-  ];
-};
-const createOnClickRemoveOnChipForDateRange = (startDateFieldName, endDateFieldName) => {
-  return ({ setFormModelFields }) => {
-    setFormModelFields({
-      [startDateFieldName]: void 0,
-      [endDateFieldName]: void 0
-    });
-  };
-};
-const createDateRangeSectionProps = (formModel, startDateFieldName, endDateFieldName) => ({
+}, ye = (e) => e.reduce((t, n) => (t[n.value] = !0, t), {}), tt = (e, t, n) => ({
+  chips: Be(
+    e[t],
+    e[n]
+  ),
+  onClickRemoveOnChip: Oe(
+    t,
+    n
+  )
+}), Be = (e, t) => !e && !t ? [] : [
+  { value: "dateRange", label: `${e != null ? e : ""} - ${t != null ? t : ""}` }
+], Oe = (e, t) => ({ setFormModelFields: n }) => {
+  n({
+    [e]: void 0,
+    [t]: void 0
+  });
+}, nt = (e, t, n) => ({
   value: {
-    startDate: formModel[startDateFieldName],
-    endDate: formModel[endDateFieldName]
+    startDate: e[t],
+    endDate: e[n]
   },
-  onValueChange: (value, { dispatch, actions }) => {
-    const fields = {
-      [startDateFieldName]: value.startDate,
-      [endDateFieldName]: value.endDate
+  onValueChange: (r, { dispatch: o, actions: s }) => {
+    const i = {
+      [t]: r.startDate,
+      [n]: r.endDate
     };
-    dispatch(actions.setFormModelFields(fields));
+    o(s.setFormModelFields(i));
   }
-});
-const DateRangeCalendarSection = ({
-  value,
-  onValueChange,
-  sectionId,
-  ...dateRangeCalendarProps
+}), rt = ({
+  value: e,
+  onValueChange: t,
+  sectionId: n,
+  ...r
 }) => {
-  const dispatch = useSearchFilterDispatch();
-  const actions = useSearchFilterActions();
-  const options = useMemo(() => ({
-    dispatch,
-    actions
-  }), [actions, dispatch]);
-  const [focusedInput, setFocusedInput] = useState("startDate");
-  const dateRangeValue = useMemo(() => stringsToDateRange(value), [value]);
-  const onValueChangeHandler = useCallback((value2) => {
-    onValueChange(dateRangeToStrings(value2), options);
-  }, [onValueChange, options]);
-  return /* @__PURE__ */ jsx(SearchFilterSection, {
-    sectionId,
-    children: /* @__PURE__ */ jsx(Box, {
+  const o = f(), s = m(), i = v(() => ({
+    dispatch: o,
+    actions: s
+  }), [s, o]), [a, S] = R("startDate"), h = v(() => Se(e), [e]), l = u((p) => {
+    t(fe(p), i);
+  }, [t, i]);
+  return /* @__PURE__ */ c(y, {
+    sectionId: n,
+    children: /* @__PURE__ */ c(A, {
       flex: 1,
       alignItems: "center",
-      children: /* @__PURE__ */ jsx(Box, {
+      children: /* @__PURE__ */ c(A, {
         background: "white",
-        indent: true,
-        children: /* @__PURE__ */ jsx(DateRangeCalendar, {
-          setFocusedInput,
-          focusedInput,
-          value: dateRangeValue,
-          onValueChange: onValueChangeHandler,
-          ...dateRangeCalendarProps
+        indent: !0,
+        children: /* @__PURE__ */ c(me, {
+          setFocusedInput: S,
+          focusedInput: a,
+          value: h,
+          onValueChange: l,
+          ...r
         })
       })
     })
   });
 };
-export { ChipMultiSelectSection, DateRangeCalendarSection, EmptyChip, SearchFilterActionsContext, SearchFilterButton, SearchFilterChip, SearchFilterChips, SearchFilterContext, SearchFilterDispatchContext, SearchFilterDrawer, SearchFilterLocalStateContext, SearchFilterModelContext, SearchFilterPanelHeader, SearchFilterSection, SearchFilterStateContext, SectionChips, SimpleCheckboxListSection, createChipsForBooleanRecord, createChipsForDateRange, createChipsPropsForBooleanRecord, createChipsPropsForDateRange, createDateRangeSectionProps, createOnClickRemoveOnChipForBooleanRecord, createOnClickRemoveOnChipForDateRange, createSearchFilterActions, createSearchFilterInitialState, createSearchFilterReducer, formatColumnIdToHeaderCellLabel, getReducerIdFor, useLocalSearchFilterState, useSearchFilterActions, useSearchFilterDispatch, useSearchFilterModel, useSearchFilterState };
+export {
+  et as ChipMultiSelectSection,
+  rt as DateRangeCalendarSection,
+  Le as EmptyChip,
+  W as SearchFilterActionsContext,
+  Je as SearchFilterButton,
+  be as SearchFilterChip,
+  Xe as SearchFilterChips,
+  ge as SearchFilterContext,
+  K as SearchFilterDispatchContext,
+  Ye as SearchFilterDrawer,
+  Ue as SearchFilterLocalStateContext,
+  Y as SearchFilterModelContext,
+  Fe as SearchFilterPanelHeader,
+  y as SearchFilterSection,
+  G as SearchFilterStateContext,
+  Ze as SectionChips,
+  Ne as SimpleCheckboxListSection,
+  Ee as createChipsForBooleanRecord,
+  Be as createChipsForDateRange,
+  _e as createChipsPropsForBooleanRecord,
+  tt as createChipsPropsForDateRange,
+  nt as createDateRangeSectionProps,
+  ke as createOnClickRemoveOnChipForBooleanRecord,
+  Oe as createOnClickRemoveOnChipForDateRange,
+  ve as createSearchFilterActions,
+  we as createSearchFilterInitialState,
+  Re as createSearchFilterReducer,
+  xe as formatColumnIdToHeaderCellLabel,
+  d as getReducerIdFor,
+  Me as useLocalSearchFilterState,
+  m as useSearchFilterActions,
+  f as useSearchFilterDispatch,
+  Qe as useSearchFilterModel,
+  I as useSearchFilterState
+};
 //# sourceMappingURL=index.es.js.map