@stenajs-webui/filter 17.21.0 → 17.23.0

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# v17.22.0 (Mon Oct 24 2022)
+
+#### 🚀 Enhancement
+
+- Add `StickyFooter` for filter, automatically makes buttons 100% wide [#521](https://github.com/StenaIT/stenajs-webui/pull/521) ([@mattias800](https://github.com/mattias800))
+
+#### Authors: 1
+
+- Mattias Andersson ([@mattias800](https://github.com/mattias800))
+
+---
+
 # v17.18.3 (Thu Sep 29 2022)
 
 #### 🐛 Bug Fix

package/dist/features/search-filter/components/ClearFiltersButton.d.ts

@@ -3,5 +3,5 @@ interface ClearFiltersButtonProps {
     label?: string;
     onClick?: () => void;
 }
-export declare const ClearFiltersButton: React.VFC<ClearFiltersButtonProps>;
+export declare const ClearFiltersButton: React.FC<ClearFiltersButtonProps>;
 export {};

package/dist/features/search-filter/components/StickyFooter.d.ts

@@ -0,0 +1,7 @@
+import { BoxProps } from "@stenajs-webui/core";
+import * as React from "react";
+import { ReactNode } from "react";
+export interface StickySearchButtonProps extends Pick<BoxProps, "gap"> {
+    children?: ReactNode;
+}
+export declare const StickyFooter: React.FC<StickySearchButtonProps>;

package/dist/index.d.ts

@@ -5,6 +5,7 @@ export * from "./features/search-filter/components/SearchFilterDrawer";
 export * from "./features/search-filter/components/SearchFilterButton";
 export * from "./features/search-filter/components/SearchFilterSection";
 export * from "./features/search-filter/components/SearchFilterPanelHeader";
+export * from "./features/search-filter/components/StickyFooter";
 export * from "./features/search-filter/components/context/SearchFilterContext";
 export * from "./features/search-filter/components/context/SearchFilterLocalStateContext";
 export * from "./features/search-filter/config/SearchFilterConfig";

package/dist/index.es.js

@@ -2,13 +2,13 @@
 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 k, Column as $, truthyKeysAsList as j, Text as Z, Box as V } from "@stenajs-webui/core";
-import { CardHeader as _, FlatButton as B, stenaTimes as I, stenaSliders as D, SecondaryButton as N, Spinner as ee, Banner as te, Chip as q } from "@stenajs-webui/elements";
-import { jsx as c, jsxs as y, Fragment as ne } from "react/jsx-runtime";
+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 le } from "redux";
-import { reducerIdGate as E, createValueByIdReducer as ie, createEntityReducer as T, reducerIdGateAction as S, createEntityActions as g, createValueByIdActions as w } from "@stenajs-webui/redux";
+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";
@@ -16,11 +16,11 @@ import { stringsToDateRange as he, dateRangeToStrings as pe, DateRangeCalendar a
 const Se = ({
   onRequestClose: e,
   header: t = "Filters",
-  headerIcon: n = D,
+  headerIcon: n = z,
   contentRight: r
 }) => /* @__PURE__ */ c(_, {
   flex: "0 0 auto",
-  contentRight: /* @__PURE__ */ y(k, {
+  contentRight: /* @__PURE__ */ O(E, {
     gap: 2,
     children: [r, /* @__PURE__ */ c(B, {
       leftIcon: I,
@@ -29,8 +29,8 @@ const Se = ({
   }),
   leftIcon: n,
   text: t
-}), z = M(null), G = () => {
-  const e = L(z);
+}), q = M(null), G = () => {
+  const e = L(q);
   if (!e)
     throw new Error(
       "Missing search filter context, wrap components with SearchFilterContext component."
@@ -57,16 +57,16 @@ const Se = ({
     settings: {
       open: s
     }
-  } = G(), l = F(), a = x(), d = h(() => {
-    l(a.closeFilters());
-  }, [a, l]);
+  } = G(), i = F(), a = x(), d = h(() => {
+    i(a.closeFilters());
+  }, [a, i]);
   return /* @__PURE__ */ c(U, {
     background: X("--lhds-color-ui-50"),
     width: "370px",
     isOpen: s,
     onRequestClose: d,
     ...o,
-    children: /* @__PURE__ */ y($, {
+    children: /* @__PURE__ */ O(y, {
       height: "100%",
       children: [/* @__PURE__ */ c(Se, {
         onRequestClose: d,
@@ -78,7 +78,7 @@ const Se = ({
   });
 }, We = ({
   label: e = "Filters",
-  leftIcon: t = D
+  leftIcon: t = z
 }) => {
   const n = F(), r = x(), o = h(() => {
     n(r.openFilters());
@@ -88,19 +88,19 @@ const Se = ({
     leftIcon: t,
     onClick: o
   });
-}, O = function({
+}, A = function({
   sectionId: t,
   label: n,
   contentLeft: r,
   contentRight: o,
   loading: s,
-  error: l,
+  error: i,
   onRetry: a,
   disableContentPadding: d,
   children: p
 }) {
-  var P;
-  const i = G(), C = F(), f = x(), m = (P = i.expandedSections.values[t]) != null ? P : !1, b = h(() => {
+  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, {
@@ -110,7 +110,7 @@ const Se = ({
     contentLeft: r,
     contentRight: o,
     children: s ? /* @__PURE__ */ c(H, {
-      children: /* @__PURE__ */ c(k, {
+      children: /* @__PURE__ */ c(E, {
         spacing: !0,
         justifyContent: "center",
         flex: 1,
@@ -118,9 +118,9 @@ const Se = ({
           size: "small"
         })
       })
-    }) : l ? /* @__PURE__ */ c(te, {
+    }) : i ? /* @__PURE__ */ c(te, {
       variant: "error",
-      text: l,
+      text: i,
       contentRight: a ? /* @__PURE__ */ c(B, {
         label: "Retry",
         onClick: a
@@ -129,7 +129,21 @@ const Se = ({
       children: p
     })
   });
-}, fe = (e) => ce(se(e)), Y = M(null), Ye = () => {
+}, fe = (e) => ce(se(e)), Ye = ({
+  children: e,
+  ...t
+}) => /* @__PURE__ */ c(y, {
+  style: {
+    marginTop: "auto"
+  },
+  justifyContent: "center",
+  spacing: 2,
+  indent: !0,
+  shadow: "popover",
+  zIndex: 1,
+  ...t,
+  children: e
+}), Y = M(null), Je = () => {
   const e = L(Y);
   if (!e)
     throw new Error(
@@ -146,7 +160,7 @@ const Se = ({
     value: n,
     children: /* @__PURE__ */ c(W.Provider, {
       value: r,
-      children: /* @__PURE__ */ c(z.Provider, {
+      children: /* @__PURE__ */ c(q.Provider, {
         value: t,
         children: /* @__PURE__ */ c(Y.Provider, {
           value: t.formModel,
@@ -161,18 +175,18 @@ const Se = ({
   },
   formModel: e,
   expandedSections: { values: {} }
-}), xe = (e, t) => le({
-  expandedSections: E(
+}), xe = (e, t) => ie({
+  expandedSections: k(
     u(e, "expandedSections"),
-    ie(t.expandedSections)
+    le(t.expandedSections)
   ),
-  formModel: E(
+  formModel: k(
     u(e, "formModel"),
-    T(t.formModel)
+    j(t.formModel)
   ),
-  settings: E(
+  settings: k(
     u(e, "settings"),
-    T(t.settings)
+    j(t.settings)
   )
 }), ge = (e, t) => ({
   openFilters: () => S(
@@ -225,7 +239,7 @@ const Se = ({
     state: r,
     dispatch: o
   };
-}, Je = function({
+}, Qe = function({
   initialFormModel: t,
   children: n
 }) {
@@ -240,17 +254,17 @@ const Se = ({
     dispatch: s,
     children: n
   });
-}, A = ae.div`
+}, P = ae.div`
   padding: calc(var(--swui-metrics-spacing) / 2)
     calc(var(--swui-metrics-indent) / 2);
-`, Qe = ({
+`, Ue = ({
   children: e,
   disableClearAllButton: t = !1
 }) => {
   const n = F(), r = x(), o = h(() => n(r.clearFormModel()), [r, n]);
-  return /* @__PURE__ */ y(k, {
+  return /* @__PURE__ */ O(E, {
     flexWrap: "wrap",
-    children: [e, !t && /* @__PURE__ */ c(A, {
+    children: [e, !t && /* @__PURE__ */ c(P, {
       children: /* @__PURE__ */ c(B, {
         size: "small",
         label: "Clear all",
@@ -265,8 +279,8 @@ const Se = ({
   const r = F(), o = x(), s = h(() => {
     r(o.clearExpandedSections()), r(o.expandSection(n)), r(o.openFilters());
   }, [o, r, n]);
-  return /* @__PURE__ */ c(A, {
-    children: /* @__PURE__ */ c(q, {
+  return /* @__PURE__ */ c(P, {
+    children: /* @__PURE__ */ c(D, {
       label: t,
       variant: "secondary",
       onClick: s
@@ -278,22 +292,22 @@ const Se = ({
   value: r,
   onClickRemove: o
 }) {
-  const s = F(), l = x(), a = h((i) => s(l.setFormModelFields(i)), [s, l]), d = h(() => {
+  const s = F(), i = x(), a = h((l) => s(i.setFormModelFields(l)), [s, i]), d = h(() => {
     o == null || o({
       value: r,
       setFormModelFields: a
     });
   }, [o, a, r]), p = h(() => {
-    s(l.clearExpandedSections()), s(l.expandSection(t)), s(l.openFilters());
-  }, [l, s, t]);
-  return /* @__PURE__ */ c(A, {
-    children: /* @__PURE__ */ c(q, {
+    s(i.clearExpandedSections()), s(i.expandSection(t)), s(i.openFilters());
+  }, [i, s, t]);
+  return /* @__PURE__ */ c(P, {
+    children: /* @__PURE__ */ c(D, {
       label: n != null ? n : t,
       onClick: p,
       onClickRemove: o ? d : void 0
     })
   });
-}, Ue = function({
+}, Xe = function({
   sectionId: t,
   chips: n,
   emptyChipLabel: r,
@@ -302,18 +316,18 @@ const Se = ({
   return n != null && n.length ? /* @__PURE__ */ c(ne, {
     children: n.map(({
       label: s,
-      value: l
+      value: i
     }) => /* @__PURE__ */ c(ve, {
       label: s != null ? s : t,
       sectionId: t,
       onClickRemove: o,
-      value: l
-    }, l))
+      value: i
+    }, i))
   }) : r ? /* @__PURE__ */ c(Re, {
     sectionId: t,
     label: r
   }) : null;
-}, Xe = (e, t, n) => ({
+}, Ze = (e, t, n) => ({
   chips: Me(
     e[t],
     n
@@ -322,7 +336,7 @@ const Se = ({
     e,
     t
   )
-}), Me = (e, t) => j(e).map((n) => {
+}), Me = (e, t) => $(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 };
@@ -331,15 +345,15 @@ const Se = ({
   o[r] = !1, n({
     [t]: o
   });
-}, Ze = ({
+}, _e = ({
   options: e,
   value: t,
   onValueChange: n,
   ...r
-}) => /* @__PURE__ */ c(O, {
+}) => /* @__PURE__ */ c(A, {
   disableContentPadding: !0,
   ...r,
-  children: /* @__PURE__ */ c($, {
+  children: /* @__PURE__ */ c(y, {
     maxHeight: "400px",
     overflowY: "auto",
     flex: 1,
@@ -362,24 +376,24 @@ const Se = ({
       })
     }, o.value))
   })
-}), _e = ({
+}), Ie = ({
   options: e,
   value: t,
   noneSelectedLabel: n,
   onValueChange: r,
   ...o
 }) => {
-  const [s, l] = R(""), a = v(() => t ? j(t).map((i) => {
+  const [s, i] = R(""), a = v(() => t ? $(t).map((l) => {
     var f;
-    const C = e == null ? void 0 : e.find((m) => m.value === i);
+    const C = e == null ? void 0 : e.find((m) => m.value === l);
     return {
-      value: i,
-      label: (f = C == null ? void 0 : C.label) != null ? f : i
+      value: l,
+      label: (f = C == null ? void 0 : C.label) != null ? f : l
     };
-  }) : [], [e, t]), d = v(() => e == null ? void 0 : e.filter((i) => i.value.toLocaleLowerCase().indexOf(s.toLocaleLowerCase()) > -1 || i.label.toLocaleLowerCase().indexOf(s.toLocaleLowerCase()) > -1), [e, s]), p = h((i) => {
-    r == null || r(be(i));
+  }) : [], [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));
   }, [r]);
-  return /* @__PURE__ */ c(O, {
+  return /* @__PURE__ */ c(A, {
     ...o,
     children: /* @__PURE__ */ c(ue, {
       options: d,
@@ -387,100 +401,101 @@ const Se = ({
       onValueChange: p,
       inputValue: s,
       noneSelectedLabel: n,
-      onInputChange: l,
+      onInputChange: i,
       closeMenuOnSelect: !1
     })
   });
-}, be = (e) => e.reduce((t, n) => (t[n.value] = !0, t), {}), Ie = (e, t, n) => ({
-  chips: Ee(
+}, be = (e) => e.reduce((t, n) => (t[n.value] = !0, t), {}), Ne = (e, t, n) => ({
+  chips: ke(
     e[t],
     e[n]
   ),
-  onClickRemoveOnChip: ke(
+  onClickRemoveOnChip: Ee(
     t,
     n
   )
-}), Ee = (e, t) => !e && !t ? [] : [
+}), ke = (e, t) => !e && !t ? [] : [
   { value: "dateRange", label: `${e != null ? e : ""} - ${t != null ? t : ""}` }
-], ke = (e, t) => ({ setFormModelFields: n }) => {
+], Ee = (e, t) => ({ setFormModelFields: n }) => {
   n({
     [e]: void 0,
     [t]: void 0
   });
-}, Ne = (e, t, n) => ({
+}, et = (e, t, n) => ({
   value: {
     startDate: e[t],
     endDate: e[n]
   },
   onValueChange: (r, { dispatch: o, actions: s }) => {
-    const l = {
+    const i = {
       [t]: r.startDate,
       [n]: r.endDate
     };
-    o(s.setFormModelFields(l));
+    o(s.setFormModelFields(i));
   }
-}), et = ({
+}), tt = ({
   value: e,
   onValueChange: t,
   sectionId: n,
   contentLeft: r,
   contentRight: o,
   disableContentPadding: s,
-  ...l
+  ...i
 }) => {
   const a = F(), d = x(), p = v(() => ({
     dispatch: a,
     actions: d
-  }), [d, a]), [i, C] = R("startDate"), f = v(() => he(e), [e]), m = h((b) => {
+  }), [d, a]), [l, C] = R("startDate"), f = v(() => he(e), [e]), m = h((b) => {
     t(pe(b), p);
   }, [t, p]);
-  return /* @__PURE__ */ c(O, {
+  return /* @__PURE__ */ c(A, {
     sectionId: n,
     contentRight: o,
     contentLeft: r,
     disableContentPadding: s,
-    children: /* @__PURE__ */ c(V, {
+    children: /* @__PURE__ */ c(T, {
       flex: 1,
       alignItems: "center",
-      children: /* @__PURE__ */ c(V, {
+      children: /* @__PURE__ */ c(T, {
         background: "white",
         indent: !0,
         children: /* @__PURE__ */ c(Ce, {
           setFocusedInput: C,
-          focusedInput: i,
+          focusedInput: l,
           value: f,
           onValueChange: m,
-          ...l
+          ...i
         })
       })
     })
   });
 };
 export {
-  _e as ChipMultiSelectSection,
-  et as DateRangeCalendarSection,
+  Ie as ChipMultiSelectSection,
+  tt as DateRangeCalendarSection,
   Re as EmptyChip,
   W as SearchFilterActionsContext,
   We as SearchFilterButton,
   ve as SearchFilterChip,
-  Qe as SearchFilterChips,
+  Ue as SearchFilterChips,
   me as SearchFilterContext,
   K as SearchFilterDispatchContext,
   Ke as SearchFilterDrawer,
-  Je as SearchFilterLocalStateContext,
+  Qe as SearchFilterLocalStateContext,
   Y as SearchFilterModelContext,
   Se as SearchFilterPanelHeader,
-  O as SearchFilterSection,
-  z as SearchFilterStateContext,
-  Ue as SectionChips,
-  Ze as SimpleCheckboxListSection,
+  A as SearchFilterSection,
+  q as SearchFilterStateContext,
+  Xe as SectionChips,
+  _e as SimpleCheckboxListSection,
+  Ye as StickyFooter,
   Me as createChipsForBooleanRecord,
-  Ee as createChipsForDateRange,
-  Xe as createChipsPropsForBooleanRecord,
-  Ie as createChipsPropsForDateRange,
-  Ne as createDateRangeSectionProps,
+  ke as createChipsForDateRange,
+  Ze as createChipsPropsForBooleanRecord,
+  Ne as createChipsPropsForDateRange,
+  et as createDateRangeSectionProps,
   Le as createOnClickRemoveOnChipForBooleanRecord,
-  ke as createOnClickRemoveOnChipForDateRange,
+  Ee as createOnClickRemoveOnChipForDateRange,
   ge as createSearchFilterActions,
   Fe as createSearchFilterInitialState,
   xe as createSearchFilterReducer,
@@ -489,7 +504,7 @@ export {
   we as useLocalSearchFilterState,
   x as useSearchFilterActions,
   F as useSearchFilterDispatch,
-  Ye as useSearchFilterModel,
+  Je as useSearchFilterModel,
   G as useSearchFilterState
 };
 //# sourceMappingURL=index.es.js.map

package/dist/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../src/features/search-filter/components/SearchFilterPanelHeader.tsx","../src/features/search-filter/context/SearchFilterStateContext.ts","../src/features/search-filter/context/SearchFilterDispatchContext.ts","../src/features/search-filter/context/SearchFilterActionsContext.ts","../src/features/search-filter/components/SearchFilterDrawer.tsx","../src/features/search-filter/components/SearchFilterButton.tsx","../src/features/search-filter/components/SearchFilterSection.tsx","../src/features/search-filter/context/SearchFilterModelContext.ts","../src/features/search-filter/components/context/SearchFilterContext.tsx","../src/features/search-filter/redux/SearchFilterRedux.ts","../src/features/search-filter/hooks/UseLocalSearchFilterState.ts","../src/features/search-filter/components/context/SearchFilterLocalStateContext.tsx","../src/features/search-filter/features/chips/ChipSpacer.tsx","../src/features/search-filter/features/chips/SearchFilterChips.tsx","../src/features/search-filter/features/chips/EmptyChip.tsx","../src/features/search-filter/features/chips/SearchFilterChip.tsx","../src/features/search-filter/features/chips/SectionChips.tsx","../src/features/search-filter/section-factories/boolean-record/BooleanRecordChips.ts","../src/features/search-filter/section-factories/boolean-record/components/SimpleCheckboxListSection.tsx","../src/features/search-filter/section-factories/boolean-record/components/ChipMultiSelectSection.tsx","../src/features/search-filter/section-factories/date-range/DateRangeChips.ts","../src/features/search-filter/section-factories/date-range/DateRangePropsFactory.ts","../src/features/search-filter/section-factories/date-range/components/DateRangeCalendarSection.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport {\n  CardHeader,\n  FlatButton,\n  stenaSliders,\n  stenaTimes,\n} from \"@stenajs-webui/elements\";\nimport { IconDefinition } from \"@fortawesome/free-solid-svg-icons\";\nimport { Row } from \"@stenajs-webui/core\";\n\ninterface SearchFilterPanelHeaderProps {\n  onRequestClose: () => void;\n  header?: string;\n  headerIcon?: IconDefinition;\n  contentRight?: ReactNode;\n}\n\nexport const SearchFilterPanelHeader: React.FC<\n  SearchFilterPanelHeaderProps\n> = ({\n  onRequestClose,\n  header = \"Filters\",\n  headerIcon = stenaSliders,\n  contentRight,\n}) => {\n  return (\n    <CardHeader\n      flex={\"0 0 auto\"}\n      contentRight={\n        <Row gap={2}>\n          {contentRight}\n          <FlatButton leftIcon={stenaTimes} onClick={onRequestClose} />\n        </Row>\n      }\n      leftIcon={headerIcon}\n      text={header}\n    />\n  );\n};\n","import { createContext, useContext } from \"react\";\nimport { SearchFilterState } from \"../redux/SearchFilterRedux\";\n\nexport const SearchFilterStateContext = createContext<\n  SearchFilterState<unknown>\n>(null as unknown as SearchFilterState<unknown>);\n\nexport const useSearchFilterState = <\n  TFormModel\n>(): SearchFilterState<TFormModel> => {\n  const c = useContext(SearchFilterStateContext);\n  if (!c) {\n    throw new Error(\n      \"Missing search filter context, wrap components with SearchFilterContext component.\"\n    );\n  }\n  return c as SearchFilterState<TFormModel>;\n};\n","import { createContext, useContext } from \"react\";\nimport { SearchFilterDispatch } from \"../redux/SearchFilterRedux\";\n\nexport const SearchFilterDispatchContext = createContext<\n  SearchFilterDispatch<unknown>\n>(null as unknown as SearchFilterDispatch<unknown>);\n\nexport const useSearchFilterDispatch = () => {\n  const c = useContext(SearchFilterDispatchContext);\n  if (!c) {\n    throw new Error(\"Missing search filter dispatch context.\");\n  }\n  return c;\n};\n","import { createContext, useContext } from \"react\";\nimport { SearchFilterActions } from \"../redux/SearchFilterRedux\";\n\nexport const SearchFilterActionsContext = createContext<\n  SearchFilterActions<unknown, any>\n>(null as unknown as SearchFilterActions<unknown, any>);\n\nexport const useSearchFilterActions = <\n  TFormModel,\n  TSectionKey extends string\n>() => {\n  const c = useContext(SearchFilterActionsContext);\n  if (!c) {\n    throw new Error(\"Missing search filter actions context.\");\n  }\n  return c as SearchFilterActions<TFormModel, TSectionKey>;\n};\n","import * as React from \"react\";\nimport { ReactNode, useCallback } from \"react\";\nimport { Drawer, DrawerProps } from \"@stenajs-webui/modal\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport { Column } from \"@stenajs-webui/core\";\nimport { SearchFilterPanelHeader } from \"./SearchFilterPanelHeader\";\nimport { useSearchFilterState } from \"../context/SearchFilterStateContext\";\nimport { useSearchFilterDispatch } from \"../context/SearchFilterDispatchContext\";\nimport { useSearchFilterActions } from \"../context/SearchFilterActionsContext\";\nimport { IconDefinition } from \"@fortawesome/free-solid-svg-icons\";\n\ninterface SearchFilterDrawerProps\n  extends Omit<DrawerProps, \"isOpen\" | \"onRequestClose\"> {\n  header?: string;\n  headerIcon?: IconDefinition;\n  headerContentRight?: ReactNode;\n}\n\nexport const SearchFilterDrawer: React.FC<SearchFilterDrawerProps> = ({\n  children,\n  header,\n  headerIcon,\n  headerContentRight,\n  ...drawerProps\n}) => {\n  const {\n    settings: { open },\n  } = useSearchFilterState();\n  const dispatch = useSearchFilterDispatch();\n  const actions = useSearchFilterActions();\n\n  const closeDrawer = useCallback(() => {\n    dispatch(actions.closeFilters());\n  }, [actions, dispatch]);\n\n  return (\n    <Drawer\n      background={cssColor(\"--lhds-color-ui-50\")}\n      width={\"370px\"}\n      isOpen={open}\n      onRequestClose={closeDrawer}\n      {...drawerProps}\n    >\n      <Column height={\"100%\"}>\n        <SearchFilterPanelHeader\n          onRequestClose={closeDrawer}\n          header={header}\n          headerIcon={headerIcon}\n          contentRight={headerContentRight}\n        />\n        {children}\n      </Column>\n    </Drawer>\n  );\n};\n","import { SecondaryButton, stenaSliders } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { useCallback } from \"react\";\nimport { useSearchFilterDispatch } from \"../context/SearchFilterDispatchContext\";\nimport { useSearchFilterActions } from \"../context/SearchFilterActionsContext\";\nimport { IconDefinition } from \"@fortawesome/free-solid-svg-icons\";\n\ninterface SearchFilterDrawerButtonProps {\n  label?: string;\n  leftIcon?: IconDefinition;\n}\n\nexport const SearchFilterButton: React.FC<SearchFilterDrawerButtonProps> = ({\n  label = \"Filters\",\n  leftIcon = stenaSliders,\n}) => {\n  const dispatch = useSearchFilterDispatch();\n  const actions = useSearchFilterActions();\n\n  const onClickButton = useCallback(() => {\n    dispatch(actions.openFilters());\n  }, [actions, dispatch]);\n\n  return (\n    <SecondaryButton\n      label={label}\n      leftIcon={leftIcon}\n      onClick={onClickButton}\n    />\n  );\n};\n","import * as React from \"react\";\nimport { PropsWithChildren, useCallback } from \"react\";\nimport { Row } from \"@stenajs-webui/core\";\nimport { Collapsible, CollapsibleContent } from \"@stenajs-webui/panels\";\nimport { lowerCase, upperFirst } from \"lodash\";\nimport { Banner, FlatButton, Spinner } from \"@stenajs-webui/elements\";\nimport { useSearchFilterState } from \"../context/SearchFilterStateContext\";\nimport { useSearchFilterDispatch } from \"../context/SearchFilterDispatchContext\";\nimport { useSearchFilterActions } from \"../context/SearchFilterActionsContext\";\n\nexport interface SearchFilterSectionProps<TSectionKey extends string> {\n  sectionId: TSectionKey;\n  contentLeft?: React.ReactNode;\n  contentRight?: React.ReactNode;\n  disableContentPadding?: boolean;\n  loading?: boolean;\n  error?: string;\n  onRetry?: () => void;\n  label?: string;\n}\n\nexport const SearchFilterSection = function SearchFilterSection<\n  TSectionKey extends string\n>({\n  sectionId,\n  label,\n  contentLeft,\n  contentRight,\n  loading,\n  error,\n  onRetry,\n  disableContentPadding,\n  children,\n}: PropsWithChildren<SearchFilterSectionProps<TSectionKey>>) {\n  const state = useSearchFilterState();\n  const dispatch = useSearchFilterDispatch();\n  const actions = useSearchFilterActions();\n\n  const expanded = state.expandedSections.values[sectionId] ?? false;\n\n  const onClickLabel = useCallback(() => {\n    dispatch(actions.setSectionExpanded(sectionId, !expanded));\n  }, [actions, dispatch, expanded, sectionId]);\n\n  const activeLabel = label ?? formatColumnIdToHeaderCellLabel(sectionId);\n\n  return (\n    <Collapsible\n      label={activeLabel}\n      collapsed={!expanded}\n      onClick={onClickLabel}\n      contentLeft={contentLeft}\n      contentRight={contentRight}\n    >\n      {loading ? (\n        <CollapsibleContent>\n          <Row spacing justifyContent={\"center\"} flex={1}>\n            <Spinner size={\"small\"} />\n          </Row>\n        </CollapsibleContent>\n      ) : error ? (\n        <Banner\n          variant={\"error\"}\n          text={error}\n          contentRight={\n            onRetry ? <FlatButton label={\"Retry\"} onClick={onRetry} /> : null\n          }\n        />\n      ) : disableContentPadding ? (\n        children\n      ) : (\n        <CollapsibleContent>{children}</CollapsibleContent>\n      )}\n    </Collapsible>\n  );\n};\n\nexport const formatColumnIdToHeaderCellLabel = (columnId: string): string =>\n  upperFirst(lowerCase(columnId));\n","import { createContext, useContext } from \"react\";\n\nexport const SearchFilterModelContext = createContext<unknown>(null as unknown);\n\nexport const useSearchFilterModel = <TFormModel>(): TFormModel => {\n  const c = useContext(SearchFilterModelContext);\n  if (!c) {\n    throw new Error(\n      \"Missing search filter context, wrap components with SearchFilterContext component.\"\n    );\n  }\n  return c as TFormModel;\n};\n","import * as React from \"react\";\nimport { PropsWithChildren } from \"react\";\nimport {\n  SearchFilterActions,\n  SearchFilterDispatch,\n  SearchFilterState,\n} from \"../../redux/SearchFilterRedux\";\nimport { SearchFilterDispatchContext } from \"../../context/SearchFilterDispatchContext\";\nimport { SearchFilterActionsContext } from \"../../context/SearchFilterActionsContext\";\nimport { SearchFilterStateContext } from \"../../context/SearchFilterStateContext\";\nimport { SearchFilterModelContext } from \"../../context/SearchFilterModelContext\";\n\ninterface SearchFilterScopeProps<TFormModel, TSectionKey extends string> {\n  state: SearchFilterState<TFormModel>;\n  dispatch: SearchFilterDispatch<TFormModel>;\n  actions: SearchFilterActions<TFormModel, TSectionKey>;\n}\n\nexport const SearchFilterContext = function SearchFilterScope<\n  TFormModel,\n  TSectionKey extends string\n>({\n  state,\n  dispatch,\n  actions,\n  children,\n}: PropsWithChildren<SearchFilterScopeProps<TFormModel, TSectionKey>>) {\n  return (\n    <SearchFilterDispatchContext.Provider\n      value={dispatch as SearchFilterDispatch<unknown>}\n    >\n      <SearchFilterActionsContext.Provider value={actions}>\n        <SearchFilterStateContext.Provider value={state}>\n          <SearchFilterModelContext.Provider value={state.formModel}>\n            {children}\n          </SearchFilterModelContext.Provider>\n        </SearchFilterStateContext.Provider>\n      </SearchFilterActionsContext.Provider>\n    </SearchFilterDispatchContext.Provider>\n  );\n};\n","import { combineReducers } from \"redux\";\nimport {\n  createEntityActions,\n  createEntityReducer,\n  createValueByIdActions,\n  createValueByIdReducer,\n  EntityAction,\n  EntityState,\n  reducerIdGate,\n  reducerIdGateAction,\n  ReducerIdGateAction,\n  ValueByIdAction,\n  ValueByIdState,\n} from \"@stenajs-webui/redux\";\nimport { Dispatch } from \"react\";\n\nexport interface SearchFilterSettings {\n  open: boolean;\n}\n\nexport type SearchFilterDispatch<TFormModel> = Dispatch<\n  SearchFilterAction<TFormModel>\n>;\n\nexport interface SearchFilterState<TFormModel> {\n  expandedSections: ValueByIdState<boolean>;\n  formModel: EntityState<TFormModel>;\n  settings: EntityState<SearchFilterSettings>;\n}\n\nexport type SearchFilterAction<TFormModel> =\n  | ReducerIdGateAction<ValueByIdAction<boolean>>\n  | ReducerIdGateAction<EntityAction<TFormModel>>\n  | ReducerIdGateAction<EntityAction<SearchFilterSettings>>;\n\nexport const createSearchFilterInitialState = <TFormModel>(\n  initialFormModel: TFormModel\n): SearchFilterState<TFormModel> => ({\n  settings: {\n    open: false,\n  },\n  formModel: initialFormModel,\n  expandedSections: { values: {} },\n});\n\nexport const createSearchFilterReducer = <TFormModel>(\n  reducerId: string,\n  initialState: SearchFilterState<TFormModel>\n) =>\n  combineReducers({\n    expandedSections: reducerIdGate(\n      getReducerIdFor(reducerId, \"expandedSections\"),\n      createValueByIdReducer<boolean>(initialState.expandedSections)\n    ),\n    formModel: reducerIdGate(\n      getReducerIdFor(reducerId, \"formModel\"),\n      createEntityReducer<TFormModel>(initialState.formModel)\n    ),\n    settings: reducerIdGate(\n      getReducerIdFor(reducerId, \"settings\"),\n      createEntityReducer<SearchFilterSettings>(initialState.settings)\n    ),\n  });\n\nexport interface SearchFilterActions<TFormModel, TSectionKey extends string> {\n  openFilters: () => SearchFilterAction<TFormModel>;\n  closeFilters: () => SearchFilterAction<TFormModel>;\n  setFormModelFields: (\n    fields: Partial<TFormModel>\n  ) => SearchFilterAction<TFormModel>;\n  clearFormModel: () => SearchFilterAction<TFormModel>;\n  expandSection: (section: TSectionKey) => SearchFilterAction<TFormModel>;\n  collapseSection: (section: TSectionKey) => SearchFilterAction<TFormModel>;\n  setSectionExpanded: (\n    section: TSectionKey,\n    expanded: boolean\n  ) => SearchFilterAction<TFormModel>;\n  clearExpandedSections: () => SearchFilterAction<TFormModel>;\n}\n\nexport const createSearchFilterActions = <\n  TFormModel,\n  TSectionKey extends string\n>(\n  reducerId: string,\n  initialFormModel: TFormModel\n): SearchFilterActions<TFormModel, TSectionKey> => ({\n  openFilters: () =>\n    reducerIdGateAction(\n      getReducerIdFor(reducerId, \"settings\"),\n      createEntityActions<SearchFilterSettings>().setEntityFields({\n        open: true,\n      })\n    ),\n  closeFilters: () =>\n    reducerIdGateAction(\n      getReducerIdFor(reducerId, \"settings\"),\n      createEntityActions<SearchFilterSettings>().setEntityFields({\n        open: false,\n      })\n    ),\n  setFormModelFields: (fields: Partial<TFormModel>) =>\n    reducerIdGateAction(\n      getReducerIdFor(reducerId, \"formModel\"),\n      createEntityActions<TFormModel>().setEntityFields(fields)\n    ),\n  clearFormModel: () =>\n    reducerIdGateAction(\n      getReducerIdFor(reducerId, \"formModel\"),\n      createEntityActions<TFormModel>().setEntity(initialFormModel)\n    ),\n  expandSection: (section: TSectionKey) =>\n    reducerIdGateAction(\n      getReducerIdFor(reducerId, \"expandedSections\"),\n      createValueByIdActions<boolean>().setValue(section, true)\n    ),\n  collapseSection: (section: TSectionKey) =>\n    reducerIdGateAction(\n      getReducerIdFor(reducerId, \"expandedSections\"),\n      createValueByIdActions<boolean>().setValue(section, false)\n    ),\n  setSectionExpanded: (section: TSectionKey, expanded: boolean) =>\n    reducerIdGateAction(\n      getReducerIdFor(reducerId, \"expandedSections\"),\n      createValueByIdActions<boolean>().setValue(section, expanded)\n    ),\n  clearExpandedSections: () =>\n    reducerIdGateAction(\n      getReducerIdFor(reducerId, \"expandedSections\"),\n      createValueByIdActions<boolean>().clearAllValues()\n    ),\n});\n\nexport const getReducerIdFor = (\n  reducerId: string,\n  reducerIdSuffix: keyof SearchFilterState<unknown>\n): string => `${reducerId}.${reducerIdSuffix}`;\n","import {\n  createSearchFilterActions,\n  createSearchFilterReducer,\n  SearchFilterState,\n} from \"../redux/SearchFilterRedux\";\nimport { useReducer, useState } from \"react\";\n\nexport const useLocalSearchFilterState = <\n  TFormModel,\n  TSectionKey extends string\n>(\n  initialState: SearchFilterState<TFormModel>\n) => {\n  const [reducer] = useState(() =>\n    createSearchFilterReducer<TFormModel>(\"local\", initialState)\n  );\n\n  const [actions] = useState(() =>\n    createSearchFilterActions<TFormModel, TSectionKey>(\n      \"local\",\n      initialState.formModel\n    )\n  );\n\n  const [state, dispatch] = useReducer(reducer, initialState);\n\n  return {\n    actions,\n    state,\n    dispatch,\n  };\n};\n","import * as React from \"react\";\nimport { PropsWithChildren } from \"react\";\nimport { useLocalSearchFilterState } from \"../../hooks/UseLocalSearchFilterState\";\nimport { SearchFilterContext } from \"./SearchFilterContext\";\nimport { createSearchFilterInitialState } from \"../../redux/SearchFilterRedux\";\n\ninterface SearchFilterLocalScopeProps<TFormModel> {\n  initialFormModel: TFormModel;\n}\n\nexport const SearchFilterLocalStateContext = function SearchFilterLocalScope<\n  TFormModel\n>({\n  initialFormModel,\n  children,\n}: PropsWithChildren<SearchFilterLocalScopeProps<TFormModel>>) {\n  const { state, actions, dispatch } = useLocalSearchFilterState(\n    createSearchFilterInitialState(initialFormModel)\n  );\n\n  return (\n    <SearchFilterContext state={state} actions={actions} dispatch={dispatch}>\n      {children}\n    </SearchFilterContext>\n  );\n};\n","import styled from \"@emotion/styled\";\n\nexport const ChipSpacer = styled.div`\n  padding: calc(var(--swui-metrics-spacing) / 2)\n    calc(var(--swui-metrics-indent) / 2);\n`;\n","import * as React from \"react\";\nimport { ReactNode, useCallback } from \"react\";\nimport { Row } from \"@stenajs-webui/core\";\nimport { ChipSpacer } from \"./ChipSpacer\";\nimport { FlatButton } from \"@stenajs-webui/elements\";\nimport { useSearchFilterDispatch } from \"../../context/SearchFilterDispatchContext\";\nimport { useSearchFilterActions } from \"../../context/SearchFilterActionsContext\";\n\ninterface SearchFilterChipsProps {\n  disableClearAllButton?: boolean;\n  children?: ReactNode;\n}\n\nexport const SearchFilterChips: React.FC<SearchFilterChipsProps> = ({\n  children,\n  disableClearAllButton = false,\n}) => {\n  const dispatch = useSearchFilterDispatch();\n  const actions = useSearchFilterActions();\n\n  const onClickClearAll = useCallback(\n    () => dispatch(actions.clearFormModel()),\n    [actions, dispatch]\n  );\n\n  return (\n    <Row flexWrap={\"wrap\"}>\n      {children}\n      {!disableClearAllButton && (\n        <ChipSpacer>\n          <FlatButton\n            size={\"small\"}\n            label={\"Clear all\"}\n            onClick={onClickClearAll}\n          />\n        </ChipSpacer>\n      )}\n    </Row>\n  );\n};\n","import * as React from \"react\";\nimport { ChipSpacer } from \"./ChipSpacer\";\nimport { Chip } from \"@stenajs-webui/elements\";\nimport { useCallback } from \"react\";\nimport { useSearchFilterDispatch } from \"../../context/SearchFilterDispatchContext\";\nimport { useSearchFilterActions } from \"../../context/SearchFilterActionsContext\";\n\ninterface EmptyChipProps<TSectionKey extends string> {\n  sectionId: TSectionKey;\n  label: string;\n}\n\nexport const EmptyChip = function EmptyChip<TSectionKey extends string>({\n  label,\n  sectionId,\n}: EmptyChipProps<TSectionKey>) {\n  const dispatch = useSearchFilterDispatch();\n  const actions = useSearchFilterActions();\n\n  const onClickLabel = useCallback(() => {\n    dispatch(actions.clearExpandedSections());\n    dispatch(actions.expandSection(sectionId));\n    dispatch(actions.openFilters());\n  }, [actions, dispatch, sectionId]);\n\n  return (\n    <ChipSpacer>\n      <Chip label={label} variant={\"secondary\"} onClick={onClickLabel} />\n    </ChipSpacer>\n  );\n};\n","import * as React from \"react\";\nimport { useCallback } from \"react\";\nimport { ChipSpacer } from \"./ChipSpacer\";\nimport { Chip } from \"@stenajs-webui/elements\";\nimport { useSearchFilterDispatch } from \"../../context/SearchFilterDispatchContext\";\nimport { useSearchFilterActions } from \"../../context/SearchFilterActionsContext\";\nimport { SearchFilterSectionOnClickRemoveOnChip } from \"../../config/SearchFilterConfig\";\n\ninterface SearchFilterChipProps<TFormModel, TSectionKey> {\n  sectionId: TSectionKey;\n  label: string;\n  value: string;\n  onClickRemove?: SearchFilterSectionOnClickRemoveOnChip<TFormModel>;\n}\n\nexport const SearchFilterChip = function SearchFilterChip<\n  TFormModel,\n  TSectionKey extends string\n>({\n  sectionId,\n  label,\n  value,\n  onClickRemove,\n}: SearchFilterChipProps<TFormModel, TSectionKey>) {\n  const dispatch = useSearchFilterDispatch();\n  const actions = useSearchFilterActions();\n\n  const setFormModelFields = useCallback(\n    (fields: Partial<TFormModel>) =>\n      dispatch(actions.setFormModelFields(fields)),\n    [dispatch, actions]\n  );\n\n  const onClickRemoveHandler = useCallback(() => {\n    onClickRemove?.({ value, setFormModelFields });\n  }, [onClickRemove, setFormModelFields, value]);\n\n  const onClickLabel = useCallback(() => {\n    dispatch(actions.clearExpandedSections());\n    dispatch(actions.expandSection(sectionId));\n    dispatch(actions.openFilters());\n  }, [actions, dispatch, sectionId]);\n\n  return (\n    <ChipSpacer>\n      <Chip\n        label={label ?? sectionId}\n        onClick={onClickLabel}\n        onClickRemove={onClickRemove ? onClickRemoveHandler : undefined}\n      />\n    </ChipSpacer>\n  );\n};\n","import * as React from \"react\";\nimport {\n  SearchFilterSectionChipModel,\n  SearchFilterSectionOnClickRemoveOnChip,\n} from \"../../config/SearchFilterConfig\";\nimport { EmptyChip } from \"./EmptyChip\";\nimport { SearchFilterChip } from \"./SearchFilterChip\";\n\nexport interface SectionChipsProps<TFormModel, TSectionKey extends string> {\n  sectionId: TSectionKey;\n  chips?: Array<SearchFilterSectionChipModel>;\n  emptyChipLabel?: string;\n  onClickRemoveOnChip?: SearchFilterSectionOnClickRemoveOnChip<TFormModel>;\n}\n\nexport const SectionChips = function SectionChips<\n  TFormModel,\n  TSectionKey extends string\n>({\n  sectionId,\n  chips,\n  emptyChipLabel,\n  onClickRemoveOnChip,\n}: SectionChipsProps<TFormModel, TSectionKey>) {\n  if (!chips?.length) {\n    if (!emptyChipLabel) {\n      return null;\n    }\n    return <EmptyChip sectionId={sectionId} label={emptyChipLabel} />;\n  }\n\n  return (\n    <>\n      {chips.map(({ label, value }) => (\n        <SearchFilterChip\n          key={value}\n          label={label ?? sectionId}\n          sectionId={sectionId}\n          onClickRemove={onClickRemoveOnChip}\n          value={value}\n        />\n      ))}\n    </>\n  );\n};\n","import { BooleanRecord, BooleanRecordOptions } from \"./BooleanRecordTypes\";\nimport {\n  SearchFilterSectionChipModel,\n  SearchFilterSectionOnClickRemoveOnChip,\n} from \"../../config/SearchFilterConfig\";\nimport { PickByValue, truthyKeysAsList } from \"@stenajs-webui/core\";\nimport { SectionChipsProps } from \"../../features/chips/SectionChips\";\n\nexport const createChipsPropsForBooleanRecord = <\n  TFormModel,\n  TSectionKey extends string,\n  TField extends keyof PickByValue<TFormModel, BooleanRecord>\n>(\n  formModel: TFormModel,\n  fieldName: TField,\n  options?: BooleanRecordOptions\n): Pick<\n  SectionChipsProps<TFormModel, TSectionKey>,\n  \"chips\" | \"onClickRemoveOnChip\"\n> => ({\n  chips: createChipsForBooleanRecord(\n    formModel[fieldName] as unknown as BooleanRecord,\n    options\n  ),\n  onClickRemoveOnChip: createOnClickRemoveOnChipForBooleanRecord(\n    formModel,\n    fieldName\n  ),\n});\n\nexport const createChipsForBooleanRecord = (\n  booleanRecord: BooleanRecord,\n  options?: BooleanRecordOptions\n): Array<SearchFilterSectionChipModel> =>\n  truthyKeysAsList(booleanRecord).map((key) => {\n    const option = options?.find((o) => o.value === key);\n    return { value: key, label: option?.label ?? key };\n  });\n\nexport const createOnClickRemoveOnChipForBooleanRecord = <\n  TFormModel,\n  TField extends keyof PickByValue<TFormModel, BooleanRecord>\n>(\n  formModel: TFormModel,\n  fieldName: TField\n): SearchFilterSectionOnClickRemoveOnChip<TFormModel> => {\n  return ({ setFormModelFields, value }) => {\n    const newRecord = { ...formModel[fieldName] };\n    newRecord[value] = false;\n    setFormModelFields({\n      [fieldName]: newRecord,\n    } as unknown as Partial<TFormModel>);\n  };\n};\n","import * as React from \"react\";\nimport {\n  SearchFilterSection,\n  SearchFilterSectionProps,\n} from \"../../../components/SearchFilterSection\";\nimport { Column, Text } from \"@stenajs-webui/core\";\nimport { CollapsibleClickableContent } from \"@stenajs-webui/panels\";\nimport { Checkbox, ValueAndOnValueChangeProps } from \"@stenajs-webui/forms\";\nimport { BooleanRecord, BooleanRecordOptions } from \"../BooleanRecordTypes\";\n\nexport interface SimpleCheckboxSectionProps<TSectionKey extends string>\n  extends SearchFilterSectionProps<TSectionKey>,\n    ValueAndOnValueChangeProps<BooleanRecord> {\n  options?: BooleanRecordOptions;\n}\n\nexport const SimpleCheckboxListSection = <TSectionKey extends string>({\n  options,\n  value,\n  onValueChange,\n  ...sectionProps\n}: SimpleCheckboxSectionProps<TSectionKey>): React.ReactElement => (\n  <SearchFilterSection disableContentPadding {...sectionProps}>\n    <Column maxHeight={\"400px\"} overflowY={\"auto\"} flex={1}>\n      {options?.map((d) => (\n        <CollapsibleClickableContent\n          key={d.value}\n          onClick={() => {\n            if (value && onValueChange) {\n              const sel = !value[d.value];\n              onValueChange({\n                ...value,\n                [d.value]: sel,\n              });\n            }\n          }}\n          contentLeft={<Checkbox tabIndex={-1} value={value?.[d.value]} />}\n        >\n          <Text>{d.label}</Text>\n        </CollapsibleClickableContent>\n      ))}\n    </Column>\n  </SearchFilterSection>\n);\n","import * as React from \"react\";\nimport { useCallback, useMemo, useState } from \"react\";\nimport {\n  SearchFilterSection,\n  SearchFilterSectionProps,\n} from \"../../../components/SearchFilterSection\";\nimport { ValueAndOnValueChangeProps } from \"@stenajs-webui/forms\";\nimport { BooleanRecord, BooleanRecordOptions } from \"../BooleanRecordTypes\";\nimport { ChipMultiSelect, ChipMultiSelectValue } from \"@stenajs-webui/select\";\nimport { truthyKeysAsList } from \"@stenajs-webui/core\";\n\ninterface ChipMultiSelectSectionProps<TSectionKey extends string>\n  extends SearchFilterSectionProps<TSectionKey>,\n    ValueAndOnValueChangeProps<BooleanRecord> {\n  noneSelectedLabel?: string;\n  options?: BooleanRecordOptions;\n}\n\nexport const ChipMultiSelectSection = <TSectionKey extends string>({\n  options,\n  value,\n  noneSelectedLabel,\n  onValueChange,\n  ...sectionProps\n}: ChipMultiSelectSectionProps<TSectionKey>): React.ReactElement => {\n  const [text, setText] = useState<string>(\"\");\n\n  const listValue = useMemo<Array<ChipMultiSelectValue>>(\n    () =>\n      value\n        ? truthyKeysAsList(value).map<ChipMultiSelectValue>((key) => {\n            const option = options?.find((o) => o.value === key);\n            return { value: key, label: option?.label ?? key };\n          })\n        : [],\n    [options, value]\n  );\n\n  const filteredOptions = useMemo(() => {\n    return options?.filter(\n      (p) =>\n        p.value.toLocaleLowerCase().indexOf(text.toLocaleLowerCase()) > -1 ||\n        p.label.toLocaleLowerCase().indexOf(text.toLocaleLowerCase()) > -1\n    );\n  }, [options, text]);\n\n  const onValueChangeInternal = useCallback(\n    (value: Array<ChipMultiSelectValue>) => {\n      onValueChange?.(createBooleanRecordFromValue(value));\n    },\n    [onValueChange]\n  );\n\n  return (\n    <SearchFilterSection {...sectionProps}>\n      <ChipMultiSelect\n        options={filteredOptions}\n        value={listValue}\n        onValueChange={onValueChangeInternal}\n        inputValue={text}\n        noneSelectedLabel={noneSelectedLabel}\n        onInputChange={setText}\n        closeMenuOnSelect={false}\n      />\n    </SearchFilterSection>\n  );\n};\n\nconst createBooleanRecordFromValue = (\n  value: Array<ChipMultiSelectValue>\n): BooleanRecord => {\n  return value.reduce<BooleanRecord>((sum, item) => {\n    sum[item.value] = true;\n    return sum;\n  }, {});\n};\n","import {\n  SearchFilterSectionChipModel,\n  SearchFilterSectionOnClickRemoveOnChip,\n} from \"../../config/SearchFilterConfig\";\nimport { PickByValue } from \"@stenajs-webui/core\";\nimport { SectionChipsProps } from \"../../features/chips/SectionChips\";\n\nexport const createChipsPropsForDateRange = <\n  TFormModel,\n  TSectionKey extends string,\n  TField extends keyof PickByValue<TFormModel, string | undefined>\n>(\n  formModel: TFormModel,\n  startDateFieldName: TField,\n  endDateFieldName: TField\n): Pick<\n  SectionChipsProps<TFormModel, TSectionKey>,\n  \"chips\" | \"onClickRemoveOnChip\"\n> => ({\n  chips: createChipsForDateRange(\n    formModel[startDateFieldName] as unknown as string | undefined,\n    formModel[endDateFieldName] as unknown as string | undefined\n  ),\n  onClickRemoveOnChip: createOnClickRemoveOnChipForDateRange(\n    startDateFieldName,\n    endDateFieldName\n  ),\n});\n\nexport const createChipsForDateRange = (\n  startDate: string | undefined,\n  endDate: string | undefined\n): Array<SearchFilterSectionChipModel> => {\n  if (!startDate && !endDate) {\n    return [];\n  }\n  return [\n    { value: \"dateRange\", label: `${startDate ?? \"\"} - ${endDate ?? \"\"}` },\n  ];\n};\n\nexport const createOnClickRemoveOnChipForDateRange = <\n  TFormModel,\n  TField extends keyof PickByValue<TFormModel, string | undefined>\n>(\n  startDateFieldName: TField,\n  endDateFieldName: TField\n): SearchFilterSectionOnClickRemoveOnChip<TFormModel> => {\n  return ({ setFormModelFields }) => {\n    setFormModelFields({\n      [startDateFieldName]: undefined,\n      [endDateFieldName]: undefined,\n    } as unknown as Partial<TFormModel>);\n  };\n};\n","import { PickByValue } from \"@stenajs-webui/core\";\nimport { DateRangeCalendarSectionProps } from \"./components/DateRangeCalendarSection\";\n\nexport const createDateRangeSectionProps = <\n  TFormModel,\n  TField extends keyof PickByValue<TFormModel, string | undefined>,\n  TSectionKey extends string\n>(\n  formModel: TFormModel,\n  startDateFieldName: TField,\n  endDateFieldName: TField\n): Pick<\n  DateRangeCalendarSectionProps<TFormModel, TSectionKey>,\n  \"value\" | \"onValueChange\"\n> => ({\n  value: {\n    startDate: formModel[startDateFieldName] as unknown as string | undefined,\n    endDate: formModel[endDateFieldName] as unknown as string | undefined,\n  },\n  onValueChange: (value, { dispatch, actions }) => {\n    const fields: Partial<TFormModel> = {\n      [startDateFieldName]: value.startDate,\n      [endDateFieldName]: value.endDate,\n    } as any;\n    dispatch(actions.setFormModelFields(fields));\n  },\n});\n","import {\n  DateRange,\n  DateRangeCalendar,\n  DateRangeCalendarProps,\n  DateRangeFocusedInput,\n  dateRangeToStrings,\n  DateStringRange,\n  stringsToDateRange,\n} from \"@stenajs-webui/calendar\";\nimport * as React from \"react\";\nimport { useCallback, useMemo, useState } from \"react\";\nimport { Box } from \"@stenajs-webui/core\";\nimport {\n  SearchFilterSection,\n  SearchFilterSectionProps,\n} from \"../../../components/SearchFilterSection\";\nimport {\n  SearchFilterActions,\n  SearchFilterDispatch,\n} from \"../../../redux/SearchFilterRedux\";\nimport { useSearchFilterDispatch } from \"../../../context/SearchFilterDispatchContext\";\nimport { useSearchFilterActions } from \"../../../context/SearchFilterActionsContext\";\n\nexport interface DateRangeCalendarSectionProps<\n  TFormModel,\n  TSectionKey extends string\n> extends Omit<\n      SearchFilterSectionProps<TSectionKey>,\n      \"label\" | \"onRetry\" | \"error\" | \"loading\"\n    >,\n    Omit<\n      DateRangeCalendarProps<{}>,\n      \"value\" | \"onValueChange\" | \"focusedInput\" | \"setFocusedInput\"\n    > {\n  value: DateStringRange;\n  onValueChange: (\n    value: DateStringRange,\n    options: SetDateOptions<TFormModel, TSectionKey>\n  ) => void;\n}\n\nexport interface SetDateOptions<TFormModel, TSectionKey extends string> {\n  dispatch: SearchFilterDispatch<TFormModel>;\n  actions: SearchFilterActions<TFormModel, TSectionKey>;\n}\n\nexport const DateRangeCalendarSection = <\n  TFormModel,\n  TSectionKey extends string\n>({\n  value,\n  onValueChange,\n  sectionId,\n  contentLeft,\n  contentRight,\n  disableContentPadding,\n  ...dateRangeCalendarProps\n}: DateRangeCalendarSectionProps<TFormModel, TSectionKey>) => {\n  const dispatch = useSearchFilterDispatch();\n  const actions = useSearchFilterActions<TFormModel, TSectionKey>();\n\n  const options = useMemo<SetDateOptions<TFormModel, TSectionKey>>(\n    () => ({ dispatch, actions }),\n    [actions, dispatch]\n  );\n  const [focusedInput, setFocusedInput] =\n    useState<DateRangeFocusedInput>(\"startDate\");\n\n  const dateRangeValue = useMemo(() => stringsToDateRange(value), [value]);\n\n  const onValueChangeHandler = useCallback(\n    (value: DateRange) => {\n      onValueChange(dateRangeToStrings(value), options);\n    },\n    [onValueChange, options]\n  );\n\n  return (\n    <SearchFilterSection\n      sectionId={sectionId}\n      contentRight={contentRight}\n      contentLeft={contentLeft}\n      disableContentPadding={disableContentPadding}\n    >\n      <Box flex={1} alignItems={\"center\"}>\n        <Box background={\"white\"} indent>\n          <DateRangeCalendar\n            setFocusedInput={setFocusedInput}\n            focusedInput={focusedInput}\n            value={dateRangeValue}\n            onValueChange={onValueChangeHandler}\n            {...dateRangeCalendarProps}\n          />\n        </Box>\n      </Box>\n    </SearchFilterSection>\n  );\n};\n"],"names":["SearchFilterPanelHeader","onRequestClose","header","headerIcon","stenaSliders","contentRight","CardHeader","Row","_jsx","FlatButton","stenaTimes","SearchFilterStateContext","createContext","useSearchFilterState","c","useContext","SearchFilterDispatchContext","useSearchFilterDispatch","SearchFilterActionsContext","useSearchFilterActions","SearchFilterDrawer","children","headerContentRight","drawerProps","settings","open","dispatch","actions","closeDrawer","useCallback","closeFilters","Drawer","cssColor","Column","SearchFilterButton","label","leftIcon","onClickButton","openFilters","SecondaryButton","SearchFilterSection","sectionId","contentLeft","loading","error","onRetry","disableContentPadding","state","expanded","expandedSections","values","onClickLabel","setSectionExpanded","activeLabel","formatColumnIdToHeaderCellLabel","Collapsible","CollapsibleContent","Spinner","Banner","columnId","upperFirst","lowerCase","SearchFilterModelContext","useSearchFilterModel","SearchFilterContext","formModel","createSearchFilterInitialState","initialFormModel","createSearchFilterReducer","reducerId","initialState","combineReducers","reducerIdGate","getReducerIdFor","createValueByIdReducer","createEntityReducer","createSearchFilterActions","reducerIdGateAction","createEntityActions","fields","section","createValueByIdActions","reducerIdSuffix","useLocalSearchFilterState","reducer","useState","useReducer","SearchFilterLocalStateContext","ChipSpacer","styled","div","SearchFilterChips","disableClearAllButton","onClickClearAll","clearFormModel","EmptyChip","clearExpandedSections","expandSection","Chip","SearchFilterChip","value","onClickRemove","setFormModelFields","onClickRemoveHandler","undefined","SectionChips","chips","emptyChipLabel","onClickRemoveOnChip","length","_Fragment","map","createChipsPropsForBooleanRecord","fieldName","options","createChipsForBooleanRecord","createOnClickRemoveOnChipForBooleanRecord","booleanRecord","truthyKeysAsList","key","option","o","_a","newRecord","SimpleCheckboxListSection","onValueChange","sectionProps","d","CollapsibleClickableContent","sel","Checkbox","Text","ChipMultiSelectSection","noneSelectedLabel","text","setText","listValue","useMemo","find","filteredOptions","filter","p","toLocaleLowerCase","indexOf","onValueChangeInternal","createBooleanRecordFromValue","ChipMultiSelect","reduce","sum","item","createChipsPropsForDateRange","startDateFieldName","endDateFieldName","createChipsForDateRange","createOnClickRemoveOnChipForDateRange","startDate","endDate","createDateRangeSectionProps","DateRangeCalendarSection","dateRangeCalendarProps","focusedInput","setFocusedInput","dateRangeValue","stringsToDateRange","onValueChangeHandler","dateRangeToStrings","Box","DateRangeCalendar"],"mappings":"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"}
+{"version":3,"file":"index.es.js","sources":["../src/features/search-filter/components/SearchFilterPanelHeader.tsx","../src/features/search-filter/context/SearchFilterStateContext.ts","../src/features/search-filter/context/SearchFilterDispatchContext.ts","../src/features/search-filter/context/SearchFilterActionsContext.ts","../src/features/search-filter/components/SearchFilterDrawer.tsx","../src/features/search-filter/components/SearchFilterButton.tsx","../src/features/search-filter/components/SearchFilterSection.tsx","../src/features/search-filter/components/StickyFooter.tsx","../src/features/search-filter/context/SearchFilterModelContext.ts","../src/features/search-filter/components/context/SearchFilterContext.tsx","../src/features/search-filter/redux/SearchFilterRedux.ts","../src/features/search-filter/hooks/UseLocalSearchFilterState.ts","../src/features/search-filter/components/context/SearchFilterLocalStateContext.tsx","../src/features/search-filter/features/chips/ChipSpacer.tsx","../src/features/search-filter/features/chips/SearchFilterChips.tsx","../src/features/search-filter/features/chips/EmptyChip.tsx","../src/features/search-filter/features/chips/SearchFilterChip.tsx","../src/features/search-filter/features/chips/SectionChips.tsx","../src/features/search-filter/section-factories/boolean-record/BooleanRecordChips.ts","../src/features/search-filter/section-factories/boolean-record/components/SimpleCheckboxListSection.tsx","../src/features/search-filter/section-factories/boolean-record/components/ChipMultiSelectSection.tsx","../src/features/search-filter/section-factories/date-range/DateRangeChips.ts","../src/features/search-filter/section-factories/date-range/DateRangePropsFactory.ts","../src/features/search-filter/section-factories/date-range/components/DateRangeCalendarSection.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport {\n  CardHeader,\n  FlatButton,\n  stenaSliders,\n  stenaTimes,\n} from \"@stenajs-webui/elements\";\nimport { IconDefinition } from \"@fortawesome/free-solid-svg-icons\";\nimport { Row } from \"@stenajs-webui/core\";\n\ninterface SearchFilterPanelHeaderProps {\n  onRequestClose: () => void;\n  header?: string;\n  headerIcon?: IconDefinition;\n  contentRight?: ReactNode;\n}\n\nexport const SearchFilterPanelHeader: React.FC<\n  SearchFilterPanelHeaderProps\n> = ({\n  onRequestClose,\n  header = \"Filters\",\n  headerIcon = stenaSliders,\n  contentRight,\n}) => {\n  return (\n    <CardHeader\n      flex={\"0 0 auto\"}\n      contentRight={\n        <Row gap={2}>\n          {contentRight}\n          <FlatButton leftIcon={stenaTimes} onClick={onRequestClose} />\n        </Row>\n      }\n      leftIcon={headerIcon}\n      text={header}\n    />\n  );\n};\n","import { createContext, useContext } from \"react\";\nimport { SearchFilterState } from \"../redux/SearchFilterRedux\";\n\nexport const SearchFilterStateContext = createContext<\n  SearchFilterState<unknown>\n>(null as unknown as SearchFilterState<unknown>);\n\nexport const useSearchFilterState = <\n  TFormModel\n>(): SearchFilterState<TFormModel> => {\n  const c = useContext(SearchFilterStateContext);\n  if (!c) {\n    throw new Error(\n      \"Missing search filter context, wrap components with SearchFilterContext component.\"\n    );\n  }\n  return c as SearchFilterState<TFormModel>;\n};\n","import { createContext, useContext } from \"react\";\nimport { SearchFilterDispatch } from \"../redux/SearchFilterRedux\";\n\nexport const SearchFilterDispatchContext = createContext<\n  SearchFilterDispatch<unknown>\n>(null as unknown as SearchFilterDispatch<unknown>);\n\nexport const useSearchFilterDispatch = () => {\n  const c = useContext(SearchFilterDispatchContext);\n  if (!c) {\n    throw new Error(\"Missing search filter dispatch context.\");\n  }\n  return c;\n};\n","import { createContext, useContext } from \"react\";\nimport { SearchFilterActions } from \"../redux/SearchFilterRedux\";\n\nexport const SearchFilterActionsContext = createContext<\n  SearchFilterActions<unknown, any>\n>(null as unknown as SearchFilterActions<unknown, any>);\n\nexport const useSearchFilterActions = <\n  TFormModel,\n  TSectionKey extends string\n>() => {\n  const c = useContext(SearchFilterActionsContext);\n  if (!c) {\n    throw new Error(\"Missing search filter actions context.\");\n  }\n  return c as SearchFilterActions<TFormModel, TSectionKey>;\n};\n","import * as React from \"react\";\nimport { ReactNode, useCallback } from \"react\";\nimport { Drawer, DrawerProps } from \"@stenajs-webui/modal\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport { Column } from \"@stenajs-webui/core\";\nimport { SearchFilterPanelHeader } from \"./SearchFilterPanelHeader\";\nimport { useSearchFilterState } from \"../context/SearchFilterStateContext\";\nimport { useSearchFilterDispatch } from \"../context/SearchFilterDispatchContext\";\nimport { useSearchFilterActions } from \"../context/SearchFilterActionsContext\";\nimport { IconDefinition } from \"@fortawesome/free-solid-svg-icons\";\n\ninterface SearchFilterDrawerProps\n  extends Omit<DrawerProps, \"isOpen\" | \"onRequestClose\"> {\n  header?: string;\n  headerIcon?: IconDefinition;\n  headerContentRight?: ReactNode;\n}\n\nexport const SearchFilterDrawer: React.FC<SearchFilterDrawerProps> = ({\n  children,\n  header,\n  headerIcon,\n  headerContentRight,\n  ...drawerProps\n}) => {\n  const {\n    settings: { open },\n  } = useSearchFilterState();\n  const dispatch = useSearchFilterDispatch();\n  const actions = useSearchFilterActions();\n\n  const closeDrawer = useCallback(() => {\n    dispatch(actions.closeFilters());\n  }, [actions, dispatch]);\n\n  return (\n    <Drawer\n      background={cssColor(\"--lhds-color-ui-50\")}\n      width={\"370px\"}\n      isOpen={open}\n      onRequestClose={closeDrawer}\n      {...drawerProps}\n    >\n      <Column height={\"100%\"}>\n        <SearchFilterPanelHeader\n          onRequestClose={closeDrawer}\n          header={header}\n          headerIcon={headerIcon}\n          contentRight={headerContentRight}\n        />\n        {children}\n      </Column>\n    </Drawer>\n  );\n};\n","import { SecondaryButton, stenaSliders } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { useCallback } from \"react\";\nimport { useSearchFilterDispatch } from \"../context/SearchFilterDispatchContext\";\nimport { useSearchFilterActions } from \"../context/SearchFilterActionsContext\";\nimport { IconDefinition } from \"@fortawesome/free-solid-svg-icons\";\n\ninterface SearchFilterDrawerButtonProps {\n  label?: string;\n  leftIcon?: IconDefinition;\n}\n\nexport const SearchFilterButton: React.FC<SearchFilterDrawerButtonProps> = ({\n  label = \"Filters\",\n  leftIcon = stenaSliders,\n}) => {\n  const dispatch = useSearchFilterDispatch();\n  const actions = useSearchFilterActions();\n\n  const onClickButton = useCallback(() => {\n    dispatch(actions.openFilters());\n  }, [actions, dispatch]);\n\n  return (\n    <SecondaryButton\n      label={label}\n      leftIcon={leftIcon}\n      onClick={onClickButton}\n    />\n  );\n};\n","import * as React from \"react\";\nimport { PropsWithChildren, useCallback } from \"react\";\nimport { Row } from \"@stenajs-webui/core\";\nimport { Collapsible, CollapsibleContent } from \"@stenajs-webui/panels\";\nimport { lowerCase, upperFirst } from \"lodash\";\nimport { Banner, FlatButton, Spinner } from \"@stenajs-webui/elements\";\nimport { useSearchFilterState } from \"../context/SearchFilterStateContext\";\nimport { useSearchFilterDispatch } from \"../context/SearchFilterDispatchContext\";\nimport { useSearchFilterActions } from \"../context/SearchFilterActionsContext\";\n\nexport interface SearchFilterSectionProps<TSectionKey extends string> {\n  sectionId: TSectionKey;\n  contentLeft?: React.ReactNode;\n  contentRight?: React.ReactNode;\n  disableContentPadding?: boolean;\n  loading?: boolean;\n  error?: string;\n  onRetry?: () => void;\n  label?: string;\n}\n\nexport const SearchFilterSection = function SearchFilterSection<\n  TSectionKey extends string\n>({\n  sectionId,\n  label,\n  contentLeft,\n  contentRight,\n  loading,\n  error,\n  onRetry,\n  disableContentPadding,\n  children,\n}: PropsWithChildren<SearchFilterSectionProps<TSectionKey>>) {\n  const state = useSearchFilterState();\n  const dispatch = useSearchFilterDispatch();\n  const actions = useSearchFilterActions();\n\n  const expanded = state.expandedSections.values[sectionId] ?? false;\n\n  const onClickLabel = useCallback(() => {\n    dispatch(actions.setSectionExpanded(sectionId, !expanded));\n  }, [actions, dispatch, expanded, sectionId]);\n\n  const activeLabel = label ?? formatColumnIdToHeaderCellLabel(sectionId);\n\n  return (\n    <Collapsible\n      label={activeLabel}\n      collapsed={!expanded}\n      onClick={onClickLabel}\n      contentLeft={contentLeft}\n      contentRight={contentRight}\n    >\n      {loading ? (\n        <CollapsibleContent>\n          <Row spacing justifyContent={\"center\"} flex={1}>\n            <Spinner size={\"small\"} />\n          </Row>\n        </CollapsibleContent>\n      ) : error ? (\n        <Banner\n          variant={\"error\"}\n          text={error}\n          contentRight={\n            onRetry ? <FlatButton label={\"Retry\"} onClick={onRetry} /> : null\n          }\n        />\n      ) : disableContentPadding ? (\n        children\n      ) : (\n        <CollapsibleContent>{children}</CollapsibleContent>\n      )}\n    </Collapsible>\n  );\n};\n\nexport const formatColumnIdToHeaderCellLabel = (columnId: string): string =>\n  upperFirst(lowerCase(columnId));\n","import { BoxProps, Column } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\n\nexport interface StickySearchButtonProps extends Pick<BoxProps, \"gap\"> {\n  children?: ReactNode;\n}\n\nexport const StickyFooter: React.FC<StickySearchButtonProps> = ({\n  children,\n  ...boxProps\n}) => {\n  return (\n    <Column\n      style={{ marginTop: \"auto\" }}\n      justifyContent={\"center\"}\n      spacing={2}\n      indent\n      shadow={\"popover\"}\n      zIndex={1}\n      {...boxProps}\n    >\n      {children}\n    </Column>\n  );\n};\n","import { createContext, useContext } from \"react\";\n\nexport const SearchFilterModelContext = createContext<unknown>(null as unknown);\n\nexport const useSearchFilterModel = <TFormModel>(): TFormModel => {\n  const c = useContext(SearchFilterModelContext);\n  if (!c) {\n    throw new Error(\n      \"Missing search filter context, wrap components with SearchFilterContext component.\"\n    );\n  }\n  return c as TFormModel;\n};\n","import * as React from \"react\";\nimport { PropsWithChildren } from \"react\";\nimport {\n  SearchFilterActions,\n  SearchFilterDispatch,\n  SearchFilterState,\n} from \"../../redux/SearchFilterRedux\";\nimport { SearchFilterDispatchContext } from \"../../context/SearchFilterDispatchContext\";\nimport { SearchFilterActionsContext } from \"../../context/SearchFilterActionsContext\";\nimport { SearchFilterStateContext } from \"../../context/SearchFilterStateContext\";\nimport { SearchFilterModelContext } from \"../../context/SearchFilterModelContext\";\n\ninterface SearchFilterScopeProps<TFormModel, TSectionKey extends string> {\n  state: SearchFilterState<TFormModel>;\n  dispatch: SearchFilterDispatch<TFormModel>;\n  actions: SearchFilterActions<TFormModel, TSectionKey>;\n}\n\nexport const SearchFilterContext = function SearchFilterScope<\n  TFormModel,\n  TSectionKey extends string\n>({\n  state,\n  dispatch,\n  actions,\n  children,\n}: PropsWithChildren<SearchFilterScopeProps<TFormModel, TSectionKey>>) {\n  return (\n    <SearchFilterDispatchContext.Provider\n      value={dispatch as SearchFilterDispatch<unknown>}\n    >\n      <SearchFilterActionsContext.Provider value={actions}>\n        <SearchFilterStateContext.Provider value={state}>\n          <SearchFilterModelContext.Provider value={state.formModel}>\n            {children}\n          </SearchFilterModelContext.Provider>\n        </SearchFilterStateContext.Provider>\n      </SearchFilterActionsContext.Provider>\n    </SearchFilterDispatchContext.Provider>\n  );\n};\n","import { combineReducers } from \"redux\";\nimport {\n  createEntityActions,\n  createEntityReducer,\n  createValueByIdActions,\n  createValueByIdReducer,\n  EntityAction,\n  EntityState,\n  reducerIdGate,\n  reducerIdGateAction,\n  ReducerIdGateAction,\n  ValueByIdAction,\n  ValueByIdState,\n} from \"@stenajs-webui/redux\";\nimport { Dispatch } from \"react\";\n\nexport interface SearchFilterSettings {\n  open: boolean;\n}\n\nexport type SearchFilterDispatch<TFormModel> = Dispatch<\n  SearchFilterAction<TFormModel>\n>;\n\nexport interface SearchFilterState<TFormModel> {\n  expandedSections: ValueByIdState<boolean>;\n  formModel: EntityState<TFormModel>;\n  settings: EntityState<SearchFilterSettings>;\n}\n\nexport type SearchFilterAction<TFormModel> =\n  | ReducerIdGateAction<ValueByIdAction<boolean>>\n  | ReducerIdGateAction<EntityAction<TFormModel>>\n  | ReducerIdGateAction<EntityAction<SearchFilterSettings>>;\n\nexport const createSearchFilterInitialState = <TFormModel>(\n  initialFormModel: TFormModel\n): SearchFilterState<TFormModel> => ({\n  settings: {\n    open: false,\n  },\n  formModel: initialFormModel,\n  expandedSections: { values: {} },\n});\n\nexport const createSearchFilterReducer = <TFormModel>(\n  reducerId: string,\n  initialState: SearchFilterState<TFormModel>\n) =>\n  combineReducers({\n    expandedSections: reducerIdGate(\n      getReducerIdFor(reducerId, \"expandedSections\"),\n      createValueByIdReducer<boolean>(initialState.expandedSections)\n    ),\n    formModel: reducerIdGate(\n      getReducerIdFor(reducerId, \"formModel\"),\n      createEntityReducer<TFormModel>(initialState.formModel)\n    ),\n    settings: reducerIdGate(\n      getReducerIdFor(reducerId, \"settings\"),\n      createEntityReducer<SearchFilterSettings>(initialState.settings)\n    ),\n  });\n\nexport interface SearchFilterActions<TFormModel, TSectionKey extends string> {\n  openFilters: () => SearchFilterAction<TFormModel>;\n  closeFilters: () => SearchFilterAction<TFormModel>;\n  setFormModelFields: (\n    fields: Partial<TFormModel>\n  ) => SearchFilterAction<TFormModel>;\n  clearFormModel: () => SearchFilterAction<TFormModel>;\n  expandSection: (section: TSectionKey) => SearchFilterAction<TFormModel>;\n  collapseSection: (section: TSectionKey) => SearchFilterAction<TFormModel>;\n  setSectionExpanded: (\n    section: TSectionKey,\n    expanded: boolean\n  ) => SearchFilterAction<TFormModel>;\n  clearExpandedSections: () => SearchFilterAction<TFormModel>;\n}\n\nexport const createSearchFilterActions = <\n  TFormModel,\n  TSectionKey extends string\n>(\n  reducerId: string,\n  initialFormModel: TFormModel\n): SearchFilterActions<TFormModel, TSectionKey> => ({\n  openFilters: () =>\n    reducerIdGateAction(\n      getReducerIdFor(reducerId, \"settings\"),\n      createEntityActions<SearchFilterSettings>().setEntityFields({\n        open: true,\n      })\n    ),\n  closeFilters: () =>\n    reducerIdGateAction(\n      getReducerIdFor(reducerId, \"settings\"),\n      createEntityActions<SearchFilterSettings>().setEntityFields({\n        open: false,\n      })\n    ),\n  setFormModelFields: (fields: Partial<TFormModel>) =>\n    reducerIdGateAction(\n      getReducerIdFor(reducerId, \"formModel\"),\n      createEntityActions<TFormModel>().setEntityFields(fields)\n    ),\n  clearFormModel: () =>\n    reducerIdGateAction(\n      getReducerIdFor(reducerId, \"formModel\"),\n      createEntityActions<TFormModel>().setEntity(initialFormModel)\n    ),\n  expandSection: (section: TSectionKey) =>\n    reducerIdGateAction(\n      getReducerIdFor(reducerId, \"expandedSections\"),\n      createValueByIdActions<boolean>().setValue(section, true)\n    ),\n  collapseSection: (section: TSectionKey) =>\n    reducerIdGateAction(\n      getReducerIdFor(reducerId, \"expandedSections\"),\n      createValueByIdActions<boolean>().setValue(section, false)\n    ),\n  setSectionExpanded: (section: TSectionKey, expanded: boolean) =>\n    reducerIdGateAction(\n      getReducerIdFor(reducerId, \"expandedSections\"),\n      createValueByIdActions<boolean>().setValue(section, expanded)\n    ),\n  clearExpandedSections: () =>\n    reducerIdGateAction(\n      getReducerIdFor(reducerId, \"expandedSections\"),\n      createValueByIdActions<boolean>().clearAllValues()\n    ),\n});\n\nexport const getReducerIdFor = (\n  reducerId: string,\n  reducerIdSuffix: keyof SearchFilterState<unknown>\n): string => `${reducerId}.${reducerIdSuffix}`;\n","import {\n  createSearchFilterActions,\n  createSearchFilterReducer,\n  SearchFilterState,\n} from \"../redux/SearchFilterRedux\";\nimport { useReducer, useState } from \"react\";\n\nexport const useLocalSearchFilterState = <\n  TFormModel,\n  TSectionKey extends string\n>(\n  initialState: SearchFilterState<TFormModel>\n) => {\n  const [reducer] = useState(() =>\n    createSearchFilterReducer<TFormModel>(\"local\", initialState)\n  );\n\n  const [actions] = useState(() =>\n    createSearchFilterActions<TFormModel, TSectionKey>(\n      \"local\",\n      initialState.formModel\n    )\n  );\n\n  const [state, dispatch] = useReducer(reducer, initialState);\n\n  return {\n    actions,\n    state,\n    dispatch,\n  };\n};\n","import * as React from \"react\";\nimport { PropsWithChildren } from \"react\";\nimport { useLocalSearchFilterState } from \"../../hooks/UseLocalSearchFilterState\";\nimport { SearchFilterContext } from \"./SearchFilterContext\";\nimport { createSearchFilterInitialState } from \"../../redux/SearchFilterRedux\";\n\ninterface SearchFilterLocalScopeProps<TFormModel> {\n  initialFormModel: TFormModel;\n}\n\nexport const SearchFilterLocalStateContext = function SearchFilterLocalScope<\n  TFormModel\n>({\n  initialFormModel,\n  children,\n}: PropsWithChildren<SearchFilterLocalScopeProps<TFormModel>>) {\n  const { state, actions, dispatch } = useLocalSearchFilterState(\n    createSearchFilterInitialState(initialFormModel)\n  );\n\n  return (\n    <SearchFilterContext state={state} actions={actions} dispatch={dispatch}>\n      {children}\n    </SearchFilterContext>\n  );\n};\n","import styled from \"@emotion/styled\";\n\nexport const ChipSpacer = styled.div`\n  padding: calc(var(--swui-metrics-spacing) / 2)\n    calc(var(--swui-metrics-indent) / 2);\n`;\n","import * as React from \"react\";\nimport { ReactNode, useCallback } from \"react\";\nimport { Row } from \"@stenajs-webui/core\";\nimport { ChipSpacer } from \"./ChipSpacer\";\nimport { FlatButton } from \"@stenajs-webui/elements\";\nimport { useSearchFilterDispatch } from \"../../context/SearchFilterDispatchContext\";\nimport { useSearchFilterActions } from \"../../context/SearchFilterActionsContext\";\n\ninterface SearchFilterChipsProps {\n  disableClearAllButton?: boolean;\n  children?: ReactNode;\n}\n\nexport const SearchFilterChips: React.FC<SearchFilterChipsProps> = ({\n  children,\n  disableClearAllButton = false,\n}) => {\n  const dispatch = useSearchFilterDispatch();\n  const actions = useSearchFilterActions();\n\n  const onClickClearAll = useCallback(\n    () => dispatch(actions.clearFormModel()),\n    [actions, dispatch]\n  );\n\n  return (\n    <Row flexWrap={\"wrap\"}>\n      {children}\n      {!disableClearAllButton && (\n        <ChipSpacer>\n          <FlatButton\n            size={\"small\"}\n            label={\"Clear all\"}\n            onClick={onClickClearAll}\n          />\n        </ChipSpacer>\n      )}\n    </Row>\n  );\n};\n","import * as React from \"react\";\nimport { ChipSpacer } from \"./ChipSpacer\";\nimport { Chip } from \"@stenajs-webui/elements\";\nimport { useCallback } from \"react\";\nimport { useSearchFilterDispatch } from \"../../context/SearchFilterDispatchContext\";\nimport { useSearchFilterActions } from \"../../context/SearchFilterActionsContext\";\n\ninterface EmptyChipProps<TSectionKey extends string> {\n  sectionId: TSectionKey;\n  label: string;\n}\n\nexport const EmptyChip = function EmptyChip<TSectionKey extends string>({\n  label,\n  sectionId,\n}: EmptyChipProps<TSectionKey>) {\n  const dispatch = useSearchFilterDispatch();\n  const actions = useSearchFilterActions();\n\n  const onClickLabel = useCallback(() => {\n    dispatch(actions.clearExpandedSections());\n    dispatch(actions.expandSection(sectionId));\n    dispatch(actions.openFilters());\n  }, [actions, dispatch, sectionId]);\n\n  return (\n    <ChipSpacer>\n      <Chip label={label} variant={\"secondary\"} onClick={onClickLabel} />\n    </ChipSpacer>\n  );\n};\n","import * as React from \"react\";\nimport { useCallback } from \"react\";\nimport { ChipSpacer } from \"./ChipSpacer\";\nimport { Chip } from \"@stenajs-webui/elements\";\nimport { useSearchFilterDispatch } from \"../../context/SearchFilterDispatchContext\";\nimport { useSearchFilterActions } from \"../../context/SearchFilterActionsContext\";\nimport { SearchFilterSectionOnClickRemoveOnChip } from \"../../config/SearchFilterConfig\";\n\ninterface SearchFilterChipProps<TFormModel, TSectionKey> {\n  sectionId: TSectionKey;\n  label: string;\n  value: string;\n  onClickRemove?: SearchFilterSectionOnClickRemoveOnChip<TFormModel>;\n}\n\nexport const SearchFilterChip = function SearchFilterChip<\n  TFormModel,\n  TSectionKey extends string\n>({\n  sectionId,\n  label,\n  value,\n  onClickRemove,\n}: SearchFilterChipProps<TFormModel, TSectionKey>) {\n  const dispatch = useSearchFilterDispatch();\n  const actions = useSearchFilterActions();\n\n  const setFormModelFields = useCallback(\n    (fields: Partial<TFormModel>) =>\n      dispatch(actions.setFormModelFields(fields)),\n    [dispatch, actions]\n  );\n\n  const onClickRemoveHandler = useCallback(() => {\n    onClickRemove?.({ value, setFormModelFields });\n  }, [onClickRemove, setFormModelFields, value]);\n\n  const onClickLabel = useCallback(() => {\n    dispatch(actions.clearExpandedSections());\n    dispatch(actions.expandSection(sectionId));\n    dispatch(actions.openFilters());\n  }, [actions, dispatch, sectionId]);\n\n  return (\n    <ChipSpacer>\n      <Chip\n        label={label ?? sectionId}\n        onClick={onClickLabel}\n        onClickRemove={onClickRemove ? onClickRemoveHandler : undefined}\n      />\n    </ChipSpacer>\n  );\n};\n","import * as React from \"react\";\nimport {\n  SearchFilterSectionChipModel,\n  SearchFilterSectionOnClickRemoveOnChip,\n} from \"../../config/SearchFilterConfig\";\nimport { EmptyChip } from \"./EmptyChip\";\nimport { SearchFilterChip } from \"./SearchFilterChip\";\n\nexport interface SectionChipsProps<TFormModel, TSectionKey extends string> {\n  sectionId: TSectionKey;\n  chips?: Array<SearchFilterSectionChipModel>;\n  emptyChipLabel?: string;\n  onClickRemoveOnChip?: SearchFilterSectionOnClickRemoveOnChip<TFormModel>;\n}\n\nexport const SectionChips = function SectionChips<\n  TFormModel,\n  TSectionKey extends string\n>({\n  sectionId,\n  chips,\n  emptyChipLabel,\n  onClickRemoveOnChip,\n}: SectionChipsProps<TFormModel, TSectionKey>) {\n  if (!chips?.length) {\n    if (!emptyChipLabel) {\n      return null;\n    }\n    return <EmptyChip sectionId={sectionId} label={emptyChipLabel} />;\n  }\n\n  return (\n    <>\n      {chips.map(({ label, value }) => (\n        <SearchFilterChip\n          key={value}\n          label={label ?? sectionId}\n          sectionId={sectionId}\n          onClickRemove={onClickRemoveOnChip}\n          value={value}\n        />\n      ))}\n    </>\n  );\n};\n","import { BooleanRecord, BooleanRecordOptions } from \"./BooleanRecordTypes\";\nimport {\n  SearchFilterSectionChipModel,\n  SearchFilterSectionOnClickRemoveOnChip,\n} from \"../../config/SearchFilterConfig\";\nimport { PickByValue, truthyKeysAsList } from \"@stenajs-webui/core\";\nimport { SectionChipsProps } from \"../../features/chips/SectionChips\";\n\nexport const createChipsPropsForBooleanRecord = <\n  TFormModel,\n  TSectionKey extends string,\n  TField extends keyof PickByValue<TFormModel, BooleanRecord>\n>(\n  formModel: TFormModel,\n  fieldName: TField,\n  options?: BooleanRecordOptions\n): Pick<\n  SectionChipsProps<TFormModel, TSectionKey>,\n  \"chips\" | \"onClickRemoveOnChip\"\n> => ({\n  chips: createChipsForBooleanRecord(\n    formModel[fieldName] as unknown as BooleanRecord,\n    options\n  ),\n  onClickRemoveOnChip: createOnClickRemoveOnChipForBooleanRecord(\n    formModel,\n    fieldName\n  ),\n});\n\nexport const createChipsForBooleanRecord = (\n  booleanRecord: BooleanRecord,\n  options?: BooleanRecordOptions\n): Array<SearchFilterSectionChipModel> =>\n  truthyKeysAsList(booleanRecord).map((key) => {\n    const option = options?.find((o) => o.value === key);\n    return { value: key, label: option?.label ?? key };\n  });\n\nexport const createOnClickRemoveOnChipForBooleanRecord = <\n  TFormModel,\n  TField extends keyof PickByValue<TFormModel, BooleanRecord>\n>(\n  formModel: TFormModel,\n  fieldName: TField\n): SearchFilterSectionOnClickRemoveOnChip<TFormModel> => {\n  return ({ setFormModelFields, value }) => {\n    const newRecord = { ...formModel[fieldName] };\n    newRecord[value] = false;\n    setFormModelFields({\n      [fieldName]: newRecord,\n    } as unknown as Partial<TFormModel>);\n  };\n};\n","import * as React from \"react\";\nimport {\n  SearchFilterSection,\n  SearchFilterSectionProps,\n} from \"../../../components/SearchFilterSection\";\nimport { Column, Text } from \"@stenajs-webui/core\";\nimport { CollapsibleClickableContent } from \"@stenajs-webui/panels\";\nimport { Checkbox, ValueAndOnValueChangeProps } from \"@stenajs-webui/forms\";\nimport { BooleanRecord, BooleanRecordOptions } from \"../BooleanRecordTypes\";\n\nexport interface SimpleCheckboxSectionProps<TSectionKey extends string>\n  extends SearchFilterSectionProps<TSectionKey>,\n    ValueAndOnValueChangeProps<BooleanRecord> {\n  options?: BooleanRecordOptions;\n}\n\nexport const SimpleCheckboxListSection = <TSectionKey extends string>({\n  options,\n  value,\n  onValueChange,\n  ...sectionProps\n}: SimpleCheckboxSectionProps<TSectionKey>): React.ReactElement => (\n  <SearchFilterSection disableContentPadding {...sectionProps}>\n    <Column maxHeight={\"400px\"} overflowY={\"auto\"} flex={1}>\n      {options?.map((d) => (\n        <CollapsibleClickableContent\n          key={d.value}\n          onClick={() => {\n            if (value && onValueChange) {\n              const sel = !value[d.value];\n              onValueChange({\n                ...value,\n                [d.value]: sel,\n              });\n            }\n          }}\n          contentLeft={<Checkbox tabIndex={-1} value={value?.[d.value]} />}\n        >\n          <Text>{d.label}</Text>\n        </CollapsibleClickableContent>\n      ))}\n    </Column>\n  </SearchFilterSection>\n);\n","import * as React from \"react\";\nimport { useCallback, useMemo, useState } from \"react\";\nimport {\n  SearchFilterSection,\n  SearchFilterSectionProps,\n} from \"../../../components/SearchFilterSection\";\nimport { ValueAndOnValueChangeProps } from \"@stenajs-webui/forms\";\nimport { BooleanRecord, BooleanRecordOptions } from \"../BooleanRecordTypes\";\nimport { ChipMultiSelect, ChipMultiSelectValue } from \"@stenajs-webui/select\";\nimport { truthyKeysAsList } from \"@stenajs-webui/core\";\n\ninterface ChipMultiSelectSectionProps<TSectionKey extends string>\n  extends SearchFilterSectionProps<TSectionKey>,\n    ValueAndOnValueChangeProps<BooleanRecord> {\n  noneSelectedLabel?: string;\n  options?: BooleanRecordOptions;\n}\n\nexport const ChipMultiSelectSection = <TSectionKey extends string>({\n  options,\n  value,\n  noneSelectedLabel,\n  onValueChange,\n  ...sectionProps\n}: ChipMultiSelectSectionProps<TSectionKey>): React.ReactElement => {\n  const [text, setText] = useState<string>(\"\");\n\n  const listValue = useMemo<Array<ChipMultiSelectValue>>(\n    () =>\n      value\n        ? truthyKeysAsList(value).map<ChipMultiSelectValue>((key) => {\n            const option = options?.find((o) => o.value === key);\n            return { value: key, label: option?.label ?? key };\n          })\n        : [],\n    [options, value]\n  );\n\n  const filteredOptions = useMemo(() => {\n    return options?.filter(\n      (p) =>\n        p.value.toLocaleLowerCase().indexOf(text.toLocaleLowerCase()) > -1 ||\n        p.label.toLocaleLowerCase().indexOf(text.toLocaleLowerCase()) > -1\n    );\n  }, [options, text]);\n\n  const onValueChangeInternal = useCallback(\n    (value: Array<ChipMultiSelectValue>) => {\n      onValueChange?.(createBooleanRecordFromValue(value));\n    },\n    [onValueChange]\n  );\n\n  return (\n    <SearchFilterSection {...sectionProps}>\n      <ChipMultiSelect\n        options={filteredOptions}\n        value={listValue}\n        onValueChange={onValueChangeInternal}\n        inputValue={text}\n        noneSelectedLabel={noneSelectedLabel}\n        onInputChange={setText}\n        closeMenuOnSelect={false}\n      />\n    </SearchFilterSection>\n  );\n};\n\nconst createBooleanRecordFromValue = (\n  value: Array<ChipMultiSelectValue>\n): BooleanRecord => {\n  return value.reduce<BooleanRecord>((sum, item) => {\n    sum[item.value] = true;\n    return sum;\n  }, {});\n};\n","import {\n  SearchFilterSectionChipModel,\n  SearchFilterSectionOnClickRemoveOnChip,\n} from \"../../config/SearchFilterConfig\";\nimport { PickByValue } from \"@stenajs-webui/core\";\nimport { SectionChipsProps } from \"../../features/chips/SectionChips\";\n\nexport const createChipsPropsForDateRange = <\n  TFormModel,\n  TSectionKey extends string,\n  TField extends keyof PickByValue<TFormModel, string | undefined>\n>(\n  formModel: TFormModel,\n  startDateFieldName: TField,\n  endDateFieldName: TField\n): Pick<\n  SectionChipsProps<TFormModel, TSectionKey>,\n  \"chips\" | \"onClickRemoveOnChip\"\n> => ({\n  chips: createChipsForDateRange(\n    formModel[startDateFieldName] as unknown as string | undefined,\n    formModel[endDateFieldName] as unknown as string | undefined\n  ),\n  onClickRemoveOnChip: createOnClickRemoveOnChipForDateRange(\n    startDateFieldName,\n    endDateFieldName\n  ),\n});\n\nexport const createChipsForDateRange = (\n  startDate: string | undefined,\n  endDate: string | undefined\n): Array<SearchFilterSectionChipModel> => {\n  if (!startDate && !endDate) {\n    return [];\n  }\n  return [\n    { value: \"dateRange\", label: `${startDate ?? \"\"} - ${endDate ?? \"\"}` },\n  ];\n};\n\nexport const createOnClickRemoveOnChipForDateRange = <\n  TFormModel,\n  TField extends keyof PickByValue<TFormModel, string | undefined>\n>(\n  startDateFieldName: TField,\n  endDateFieldName: TField\n): SearchFilterSectionOnClickRemoveOnChip<TFormModel> => {\n  return ({ setFormModelFields }) => {\n    setFormModelFields({\n      [startDateFieldName]: undefined,\n      [endDateFieldName]: undefined,\n    } as unknown as Partial<TFormModel>);\n  };\n};\n","import { PickByValue } from \"@stenajs-webui/core\";\nimport { DateRangeCalendarSectionProps } from \"./components/DateRangeCalendarSection\";\n\nexport const createDateRangeSectionProps = <\n  TFormModel,\n  TField extends keyof PickByValue<TFormModel, string | undefined>,\n  TSectionKey extends string\n>(\n  formModel: TFormModel,\n  startDateFieldName: TField,\n  endDateFieldName: TField\n): Pick<\n  DateRangeCalendarSectionProps<TFormModel, TSectionKey>,\n  \"value\" | \"onValueChange\"\n> => ({\n  value: {\n    startDate: formModel[startDateFieldName] as unknown as string | undefined,\n    endDate: formModel[endDateFieldName] as unknown as string | undefined,\n  },\n  onValueChange: (value, { dispatch, actions }) => {\n    const fields: Partial<TFormModel> = {\n      [startDateFieldName]: value.startDate,\n      [endDateFieldName]: value.endDate,\n    } as any;\n    dispatch(actions.setFormModelFields(fields));\n  },\n});\n","import {\n  DateRange,\n  DateRangeCalendar,\n  DateRangeCalendarProps,\n  DateRangeFocusedInput,\n  dateRangeToStrings,\n  DateStringRange,\n  stringsToDateRange,\n} from \"@stenajs-webui/calendar\";\nimport * as React from \"react\";\nimport { useCallback, useMemo, useState } from \"react\";\nimport { Box } from \"@stenajs-webui/core\";\nimport {\n  SearchFilterSection,\n  SearchFilterSectionProps,\n} from \"../../../components/SearchFilterSection\";\nimport {\n  SearchFilterActions,\n  SearchFilterDispatch,\n} from \"../../../redux/SearchFilterRedux\";\nimport { useSearchFilterDispatch } from \"../../../context/SearchFilterDispatchContext\";\nimport { useSearchFilterActions } from \"../../../context/SearchFilterActionsContext\";\n\nexport interface DateRangeCalendarSectionProps<\n  TFormModel,\n  TSectionKey extends string\n> extends Omit<\n      SearchFilterSectionProps<TSectionKey>,\n      \"label\" | \"onRetry\" | \"error\" | \"loading\"\n    >,\n    Omit<\n      DateRangeCalendarProps<{}>,\n      \"value\" | \"onValueChange\" | \"focusedInput\" | \"setFocusedInput\"\n    > {\n  value: DateStringRange;\n  onValueChange: (\n    value: DateStringRange,\n    options: SetDateOptions<TFormModel, TSectionKey>\n  ) => void;\n}\n\nexport interface SetDateOptions<TFormModel, TSectionKey extends string> {\n  dispatch: SearchFilterDispatch<TFormModel>;\n  actions: SearchFilterActions<TFormModel, TSectionKey>;\n}\n\nexport const DateRangeCalendarSection = <\n  TFormModel,\n  TSectionKey extends string\n>({\n  value,\n  onValueChange,\n  sectionId,\n  contentLeft,\n  contentRight,\n  disableContentPadding,\n  ...dateRangeCalendarProps\n}: DateRangeCalendarSectionProps<TFormModel, TSectionKey>) => {\n  const dispatch = useSearchFilterDispatch();\n  const actions = useSearchFilterActions<TFormModel, TSectionKey>();\n\n  const options = useMemo<SetDateOptions<TFormModel, TSectionKey>>(\n    () => ({ dispatch, actions }),\n    [actions, dispatch]\n  );\n  const [focusedInput, setFocusedInput] =\n    useState<DateRangeFocusedInput>(\"startDate\");\n\n  const dateRangeValue = useMemo(() => stringsToDateRange(value), [value]);\n\n  const onValueChangeHandler = useCallback(\n    (value: DateRange) => {\n      onValueChange(dateRangeToStrings(value), options);\n    },\n    [onValueChange, options]\n  );\n\n  return (\n    <SearchFilterSection\n      sectionId={sectionId}\n      contentRight={contentRight}\n      contentLeft={contentLeft}\n      disableContentPadding={disableContentPadding}\n    >\n      <Box flex={1} alignItems={\"center\"}>\n        <Box background={\"white\"} indent>\n          <DateRangeCalendar\n            setFocusedInput={setFocusedInput}\n            focusedInput={focusedInput}\n            value={dateRangeValue}\n            onValueChange={onValueChangeHandler}\n            {...dateRangeCalendarProps}\n          />\n        </Box>\n      </Box>\n    </SearchFilterSection>\n  );\n};\n"],"names":["SearchFilterPanelHeader","onRequestClose","header","headerIcon","stenaSliders","contentRight","CardHeader","Row","_jsx","FlatButton","stenaTimes","SearchFilterStateContext","createContext","useSearchFilterState","c","useContext","SearchFilterDispatchContext","useSearchFilterDispatch","SearchFilterActionsContext","useSearchFilterActions","SearchFilterDrawer","children","headerContentRight","drawerProps","settings","open","dispatch","actions","closeDrawer","useCallback","closeFilters","Drawer","cssColor","Column","SearchFilterButton","label","leftIcon","onClickButton","openFilters","SecondaryButton","SearchFilterSection","sectionId","contentLeft","loading","error","onRetry","disableContentPadding","state","expanded","expandedSections","values","onClickLabel","setSectionExpanded","activeLabel","formatColumnIdToHeaderCellLabel","Collapsible","CollapsibleContent","Spinner","Banner","columnId","upperFirst","lowerCase","StickyFooter","boxProps","marginTop","SearchFilterModelContext","useSearchFilterModel","SearchFilterContext","formModel","createSearchFilterInitialState","initialFormModel","createSearchFilterReducer","reducerId","initialState","combineReducers","reducerIdGate","getReducerIdFor","createValueByIdReducer","createEntityReducer","createSearchFilterActions","reducerIdGateAction","createEntityActions","fields","section","createValueByIdActions","reducerIdSuffix","useLocalSearchFilterState","reducer","useState","useReducer","SearchFilterLocalStateContext","ChipSpacer","styled","div","SearchFilterChips","disableClearAllButton","onClickClearAll","clearFormModel","EmptyChip","clearExpandedSections","expandSection","Chip","SearchFilterChip","value","onClickRemove","setFormModelFields","onClickRemoveHandler","undefined","SectionChips","chips","emptyChipLabel","onClickRemoveOnChip","length","_Fragment","map","createChipsPropsForBooleanRecord","fieldName","options","createChipsForBooleanRecord","createOnClickRemoveOnChipForBooleanRecord","booleanRecord","truthyKeysAsList","key","option","o","_a","newRecord","SimpleCheckboxListSection","onValueChange","sectionProps","d","CollapsibleClickableContent","sel","Checkbox","Text","ChipMultiSelectSection","noneSelectedLabel","text","setText","listValue","useMemo","find","filteredOptions","filter","p","toLocaleLowerCase","indexOf","onValueChangeInternal","createBooleanRecordFromValue","ChipMultiSelect","reduce","sum","item","createChipsPropsForDateRange","startDateFieldName","endDateFieldName","createChipsForDateRange","createOnClickRemoveOnChipForDateRange","startDate","endDate","createDateRangeSectionProps","DateRangeCalendarSection","dateRangeCalendarProps","focusedInput","setFocusedInput","dateRangeValue","stringsToDateRange","onValueChangeHandler","dateRangeToStrings","Box","DateRangeCalendar"],"mappings":"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"}

package/dist/index.js

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

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/features/search-filter/components/SearchFilterPanelHeader.tsx","../src/features/search-filter/context/SearchFilterStateContext.ts","../src/features/search-filter/context/SearchFilterDispatchContext.ts","../src/features/search-filter/context/SearchFilterActionsContext.ts","../src/features/search-filter/components/SearchFilterDrawer.tsx","../src/features/search-filter/components/SearchFilterButton.tsx","../src/features/search-filter/components/SearchFilterSection.tsx","../src/features/search-filter/context/SearchFilterModelContext.ts","../src/features/search-filter/components/context/SearchFilterContext.tsx","../src/features/search-filter/redux/SearchFilterRedux.ts","../src/features/search-filter/hooks/UseLocalSearchFilterState.ts","../src/features/search-filter/components/context/SearchFilterLocalStateContext.tsx","../src/features/search-filter/features/chips/ChipSpacer.tsx","../src/features/search-filter/features/chips/SearchFilterChips.tsx","../src/features/search-filter/features/chips/EmptyChip.tsx","../src/features/search-filter/features/chips/SearchFilterChip.tsx","../src/features/search-filter/features/chips/SectionChips.tsx","../src/features/search-filter/section-factories/boolean-record/BooleanRecordChips.ts","../src/features/search-filter/section-factories/boolean-record/components/SimpleCheckboxListSection.tsx","../src/features/search-filter/section-factories/boolean-record/components/ChipMultiSelectSection.tsx","../src/features/search-filter/section-factories/date-range/DateRangeChips.ts","../src/features/search-filter/section-factories/date-range/DateRangePropsFactory.ts","../src/features/search-filter/section-factories/date-range/components/DateRangeCalendarSection.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport {\n  CardHeader,\n  FlatButton,\n  stenaSliders,\n  stenaTimes,\n} from \"@stenajs-webui/elements\";\nimport { IconDefinition } from \"@fortawesome/free-solid-svg-icons\";\nimport { Row } from \"@stenajs-webui/core\";\n\ninterface SearchFilterPanelHeaderProps {\n  onRequestClose: () => void;\n  header?: string;\n  headerIcon?: IconDefinition;\n  contentRight?: ReactNode;\n}\n\nexport const SearchFilterPanelHeader: React.FC<\n  SearchFilterPanelHeaderProps\n> = ({\n  onRequestClose,\n  header = \"Filters\",\n  headerIcon = stenaSliders,\n  contentRight,\n}) => {\n  return (\n    <CardHeader\n      flex={\"0 0 auto\"}\n      contentRight={\n        <Row gap={2}>\n          {contentRight}\n          <FlatButton leftIcon={stenaTimes} onClick={onRequestClose} />\n        </Row>\n      }\n      leftIcon={headerIcon}\n      text={header}\n    />\n  );\n};\n","import { createContext, useContext } from \"react\";\nimport { SearchFilterState } from \"../redux/SearchFilterRedux\";\n\nexport const SearchFilterStateContext = createContext<\n  SearchFilterState<unknown>\n>(null as unknown as SearchFilterState<unknown>);\n\nexport const useSearchFilterState = <\n  TFormModel\n>(): SearchFilterState<TFormModel> => {\n  const c = useContext(SearchFilterStateContext);\n  if (!c) {\n    throw new Error(\n      \"Missing search filter context, wrap components with SearchFilterContext component.\"\n    );\n  }\n  return c as SearchFilterState<TFormModel>;\n};\n","import { createContext, useContext } from \"react\";\nimport { SearchFilterDispatch } from \"../redux/SearchFilterRedux\";\n\nexport const SearchFilterDispatchContext = createContext<\n  SearchFilterDispatch<unknown>\n>(null as unknown as SearchFilterDispatch<unknown>);\n\nexport const useSearchFilterDispatch = () => {\n  const c = useContext(SearchFilterDispatchContext);\n  if (!c) {\n    throw new Error(\"Missing search filter dispatch context.\");\n  }\n  return c;\n};\n","import { createContext, useContext } from \"react\";\nimport { SearchFilterActions } from \"../redux/SearchFilterRedux\";\n\nexport const SearchFilterActionsContext = createContext<\n  SearchFilterActions<unknown, any>\n>(null as unknown as SearchFilterActions<unknown, any>);\n\nexport const useSearchFilterActions = <\n  TFormModel,\n  TSectionKey extends string\n>() => {\n  const c = useContext(SearchFilterActionsContext);\n  if (!c) {\n    throw new Error(\"Missing search filter actions context.\");\n  }\n  return c as SearchFilterActions<TFormModel, TSectionKey>;\n};\n","import * as React from \"react\";\nimport { ReactNode, useCallback } from \"react\";\nimport { Drawer, DrawerProps } from \"@stenajs-webui/modal\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport { Column } from \"@stenajs-webui/core\";\nimport { SearchFilterPanelHeader } from \"./SearchFilterPanelHeader\";\nimport { useSearchFilterState } from \"../context/SearchFilterStateContext\";\nimport { useSearchFilterDispatch } from \"../context/SearchFilterDispatchContext\";\nimport { useSearchFilterActions } from \"../context/SearchFilterActionsContext\";\nimport { IconDefinition } from \"@fortawesome/free-solid-svg-icons\";\n\ninterface SearchFilterDrawerProps\n  extends Omit<DrawerProps, \"isOpen\" | \"onRequestClose\"> {\n  header?: string;\n  headerIcon?: IconDefinition;\n  headerContentRight?: ReactNode;\n}\n\nexport const SearchFilterDrawer: React.FC<SearchFilterDrawerProps> = ({\n  children,\n  header,\n  headerIcon,\n  headerContentRight,\n  ...drawerProps\n}) => {\n  const {\n    settings: { open },\n  } = useSearchFilterState();\n  const dispatch = useSearchFilterDispatch();\n  const actions = useSearchFilterActions();\n\n  const closeDrawer = useCallback(() => {\n    dispatch(actions.closeFilters());\n  }, [actions, dispatch]);\n\n  return (\n    <Drawer\n      background={cssColor(\"--lhds-color-ui-50\")}\n      width={\"370px\"}\n      isOpen={open}\n      onRequestClose={closeDrawer}\n      {...drawerProps}\n    >\n      <Column height={\"100%\"}>\n        <SearchFilterPanelHeader\n          onRequestClose={closeDrawer}\n          header={header}\n          headerIcon={headerIcon}\n          contentRight={headerContentRight}\n        />\n        {children}\n      </Column>\n    </Drawer>\n  );\n};\n","import { SecondaryButton, stenaSliders } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { useCallback } from \"react\";\nimport { useSearchFilterDispatch } from \"../context/SearchFilterDispatchContext\";\nimport { useSearchFilterActions } from \"../context/SearchFilterActionsContext\";\nimport { IconDefinition } from \"@fortawesome/free-solid-svg-icons\";\n\ninterface SearchFilterDrawerButtonProps {\n  label?: string;\n  leftIcon?: IconDefinition;\n}\n\nexport const SearchFilterButton: React.FC<SearchFilterDrawerButtonProps> = ({\n  label = \"Filters\",\n  leftIcon = stenaSliders,\n}) => {\n  const dispatch = useSearchFilterDispatch();\n  const actions = useSearchFilterActions();\n\n  const onClickButton = useCallback(() => {\n    dispatch(actions.openFilters());\n  }, [actions, dispatch]);\n\n  return (\n    <SecondaryButton\n      label={label}\n      leftIcon={leftIcon}\n      onClick={onClickButton}\n    />\n  );\n};\n","import * as React from \"react\";\nimport { PropsWithChildren, useCallback } from \"react\";\nimport { Row } from \"@stenajs-webui/core\";\nimport { Collapsible, CollapsibleContent } from \"@stenajs-webui/panels\";\nimport { lowerCase, upperFirst } from \"lodash\";\nimport { Banner, FlatButton, Spinner } from \"@stenajs-webui/elements\";\nimport { useSearchFilterState } from \"../context/SearchFilterStateContext\";\nimport { useSearchFilterDispatch } from \"../context/SearchFilterDispatchContext\";\nimport { useSearchFilterActions } from \"../context/SearchFilterActionsContext\";\n\nexport interface SearchFilterSectionProps<TSectionKey extends string> {\n  sectionId: TSectionKey;\n  contentLeft?: React.ReactNode;\n  contentRight?: React.ReactNode;\n  disableContentPadding?: boolean;\n  loading?: boolean;\n  error?: string;\n  onRetry?: () => void;\n  label?: string;\n}\n\nexport const SearchFilterSection = function SearchFilterSection<\n  TSectionKey extends string\n>({\n  sectionId,\n  label,\n  contentLeft,\n  contentRight,\n  loading,\n  error,\n  onRetry,\n  disableContentPadding,\n  children,\n}: PropsWithChildren<SearchFilterSectionProps<TSectionKey>>) {\n  const state = useSearchFilterState();\n  const dispatch = useSearchFilterDispatch();\n  const actions = useSearchFilterActions();\n\n  const expanded = state.expandedSections.values[sectionId] ?? false;\n\n  const onClickLabel = useCallback(() => {\n    dispatch(actions.setSectionExpanded(sectionId, !expanded));\n  }, [actions, dispatch, expanded, sectionId]);\n\n  const activeLabel = label ?? formatColumnIdToHeaderCellLabel(sectionId);\n\n  return (\n    <Collapsible\n      label={activeLabel}\n      collapsed={!expanded}\n      onClick={onClickLabel}\n      contentLeft={contentLeft}\n      contentRight={contentRight}\n    >\n      {loading ? (\n        <CollapsibleContent>\n          <Row spacing justifyContent={\"center\"} flex={1}>\n            <Spinner size={\"small\"} />\n          </Row>\n        </CollapsibleContent>\n      ) : error ? (\n        <Banner\n          variant={\"error\"}\n          text={error}\n          contentRight={\n            onRetry ? <FlatButton label={\"Retry\"} onClick={onRetry} /> : null\n          }\n        />\n      ) : disableContentPadding ? (\n        children\n      ) : (\n        <CollapsibleContent>{children}</CollapsibleContent>\n      )}\n    </Collapsible>\n  );\n};\n\nexport const formatColumnIdToHeaderCellLabel = (columnId: string): string =>\n  upperFirst(lowerCase(columnId));\n","import { createContext, useContext } from \"react\";\n\nexport const SearchFilterModelContext = createContext<unknown>(null as unknown);\n\nexport const useSearchFilterModel = <TFormModel>(): TFormModel => {\n  const c = useContext(SearchFilterModelContext);\n  if (!c) {\n    throw new Error(\n      \"Missing search filter context, wrap components with SearchFilterContext component.\"\n    );\n  }\n  return c as TFormModel;\n};\n","import * as React from \"react\";\nimport { PropsWithChildren } from \"react\";\nimport {\n  SearchFilterActions,\n  SearchFilterDispatch,\n  SearchFilterState,\n} from \"../../redux/SearchFilterRedux\";\nimport { SearchFilterDispatchContext } from \"../../context/SearchFilterDispatchContext\";\nimport { SearchFilterActionsContext } from \"../../context/SearchFilterActionsContext\";\nimport { SearchFilterStateContext } from \"../../context/SearchFilterStateContext\";\nimport { SearchFilterModelContext } from \"../../context/SearchFilterModelContext\";\n\ninterface SearchFilterScopeProps<TFormModel, TSectionKey extends string> {\n  state: SearchFilterState<TFormModel>;\n  dispatch: SearchFilterDispatch<TFormModel>;\n  actions: SearchFilterActions<TFormModel, TSectionKey>;\n}\n\nexport const SearchFilterContext = function SearchFilterScope<\n  TFormModel,\n  TSectionKey extends string\n>({\n  state,\n  dispatch,\n  actions,\n  children,\n}: PropsWithChildren<SearchFilterScopeProps<TFormModel, TSectionKey>>) {\n  return (\n    <SearchFilterDispatchContext.Provider\n      value={dispatch as SearchFilterDispatch<unknown>}\n    >\n      <SearchFilterActionsContext.Provider value={actions}>\n        <SearchFilterStateContext.Provider value={state}>\n          <SearchFilterModelContext.Provider value={state.formModel}>\n            {children}\n          </SearchFilterModelContext.Provider>\n        </SearchFilterStateContext.Provider>\n      </SearchFilterActionsContext.Provider>\n    </SearchFilterDispatchContext.Provider>\n  );\n};\n","import { combineReducers } from \"redux\";\nimport {\n  createEntityActions,\n  createEntityReducer,\n  createValueByIdActions,\n  createValueByIdReducer,\n  EntityAction,\n  EntityState,\n  reducerIdGate,\n  reducerIdGateAction,\n  ReducerIdGateAction,\n  ValueByIdAction,\n  ValueByIdState,\n} from \"@stenajs-webui/redux\";\nimport { Dispatch } from \"react\";\n\nexport interface SearchFilterSettings {\n  open: boolean;\n}\n\nexport type SearchFilterDispatch<TFormModel> = Dispatch<\n  SearchFilterAction<TFormModel>\n>;\n\nexport interface SearchFilterState<TFormModel> {\n  expandedSections: ValueByIdState<boolean>;\n  formModel: EntityState<TFormModel>;\n  settings: EntityState<SearchFilterSettings>;\n}\n\nexport type SearchFilterAction<TFormModel> =\n  | ReducerIdGateAction<ValueByIdAction<boolean>>\n  | ReducerIdGateAction<EntityAction<TFormModel>>\n  | ReducerIdGateAction<EntityAction<SearchFilterSettings>>;\n\nexport const createSearchFilterInitialState = <TFormModel>(\n  initialFormModel: TFormModel\n): SearchFilterState<TFormModel> => ({\n  settings: {\n    open: false,\n  },\n  formModel: initialFormModel,\n  expandedSections: { values: {} },\n});\n\nexport const createSearchFilterReducer = <TFormModel>(\n  reducerId: string,\n  initialState: SearchFilterState<TFormModel>\n) =>\n  combineReducers({\n    expandedSections: reducerIdGate(\n      getReducerIdFor(reducerId, \"expandedSections\"),\n      createValueByIdReducer<boolean>(initialState.expandedSections)\n    ),\n    formModel: reducerIdGate(\n      getReducerIdFor(reducerId, \"formModel\"),\n      createEntityReducer<TFormModel>(initialState.formModel)\n    ),\n    settings: reducerIdGate(\n      getReducerIdFor(reducerId, \"settings\"),\n      createEntityReducer<SearchFilterSettings>(initialState.settings)\n    ),\n  });\n\nexport interface SearchFilterActions<TFormModel, TSectionKey extends string> {\n  openFilters: () => SearchFilterAction<TFormModel>;\n  closeFilters: () => SearchFilterAction<TFormModel>;\n  setFormModelFields: (\n    fields: Partial<TFormModel>\n  ) => SearchFilterAction<TFormModel>;\n  clearFormModel: () => SearchFilterAction<TFormModel>;\n  expandSection: (section: TSectionKey) => SearchFilterAction<TFormModel>;\n  collapseSection: (section: TSectionKey) => SearchFilterAction<TFormModel>;\n  setSectionExpanded: (\n    section: TSectionKey,\n    expanded: boolean\n  ) => SearchFilterAction<TFormModel>;\n  clearExpandedSections: () => SearchFilterAction<TFormModel>;\n}\n\nexport const createSearchFilterActions = <\n  TFormModel,\n  TSectionKey extends string\n>(\n  reducerId: string,\n  initialFormModel: TFormModel\n): SearchFilterActions<TFormModel, TSectionKey> => ({\n  openFilters: () =>\n    reducerIdGateAction(\n      getReducerIdFor(reducerId, \"settings\"),\n      createEntityActions<SearchFilterSettings>().setEntityFields({\n        open: true,\n      })\n    ),\n  closeFilters: () =>\n    reducerIdGateAction(\n      getReducerIdFor(reducerId, \"settings\"),\n      createEntityActions<SearchFilterSettings>().setEntityFields({\n        open: false,\n      })\n    ),\n  setFormModelFields: (fields: Partial<TFormModel>) =>\n    reducerIdGateAction(\n      getReducerIdFor(reducerId, \"formModel\"),\n      createEntityActions<TFormModel>().setEntityFields(fields)\n    ),\n  clearFormModel: () =>\n    reducerIdGateAction(\n      getReducerIdFor(reducerId, \"formModel\"),\n      createEntityActions<TFormModel>().setEntity(initialFormModel)\n    ),\n  expandSection: (section: TSectionKey) =>\n    reducerIdGateAction(\n      getReducerIdFor(reducerId, \"expandedSections\"),\n      createValueByIdActions<boolean>().setValue(section, true)\n    ),\n  collapseSection: (section: TSectionKey) =>\n    reducerIdGateAction(\n      getReducerIdFor(reducerId, \"expandedSections\"),\n      createValueByIdActions<boolean>().setValue(section, false)\n    ),\n  setSectionExpanded: (section: TSectionKey, expanded: boolean) =>\n    reducerIdGateAction(\n      getReducerIdFor(reducerId, \"expandedSections\"),\n      createValueByIdActions<boolean>().setValue(section, expanded)\n    ),\n  clearExpandedSections: () =>\n    reducerIdGateAction(\n      getReducerIdFor(reducerId, \"expandedSections\"),\n      createValueByIdActions<boolean>().clearAllValues()\n    ),\n});\n\nexport const getReducerIdFor = (\n  reducerId: string,\n  reducerIdSuffix: keyof SearchFilterState<unknown>\n): string => `${reducerId}.${reducerIdSuffix}`;\n","import {\n  createSearchFilterActions,\n  createSearchFilterReducer,\n  SearchFilterState,\n} from \"../redux/SearchFilterRedux\";\nimport { useReducer, useState } from \"react\";\n\nexport const useLocalSearchFilterState = <\n  TFormModel,\n  TSectionKey extends string\n>(\n  initialState: SearchFilterState<TFormModel>\n) => {\n  const [reducer] = useState(() =>\n    createSearchFilterReducer<TFormModel>(\"local\", initialState)\n  );\n\n  const [actions] = useState(() =>\n    createSearchFilterActions<TFormModel, TSectionKey>(\n      \"local\",\n      initialState.formModel\n    )\n  );\n\n  const [state, dispatch] = useReducer(reducer, initialState);\n\n  return {\n    actions,\n    state,\n    dispatch,\n  };\n};\n","import * as React from \"react\";\nimport { PropsWithChildren } from \"react\";\nimport { useLocalSearchFilterState } from \"../../hooks/UseLocalSearchFilterState\";\nimport { SearchFilterContext } from \"./SearchFilterContext\";\nimport { createSearchFilterInitialState } from \"../../redux/SearchFilterRedux\";\n\ninterface SearchFilterLocalScopeProps<TFormModel> {\n  initialFormModel: TFormModel;\n}\n\nexport const SearchFilterLocalStateContext = function SearchFilterLocalScope<\n  TFormModel\n>({\n  initialFormModel,\n  children,\n}: PropsWithChildren<SearchFilterLocalScopeProps<TFormModel>>) {\n  const { state, actions, dispatch } = useLocalSearchFilterState(\n    createSearchFilterInitialState(initialFormModel)\n  );\n\n  return (\n    <SearchFilterContext state={state} actions={actions} dispatch={dispatch}>\n      {children}\n    </SearchFilterContext>\n  );\n};\n","import styled from \"@emotion/styled\";\n\nexport const ChipSpacer = styled.div`\n  padding: calc(var(--swui-metrics-spacing) / 2)\n    calc(var(--swui-metrics-indent) / 2);\n`;\n","import * as React from \"react\";\nimport { ReactNode, useCallback } from \"react\";\nimport { Row } from \"@stenajs-webui/core\";\nimport { ChipSpacer } from \"./ChipSpacer\";\nimport { FlatButton } from \"@stenajs-webui/elements\";\nimport { useSearchFilterDispatch } from \"../../context/SearchFilterDispatchContext\";\nimport { useSearchFilterActions } from \"../../context/SearchFilterActionsContext\";\n\ninterface SearchFilterChipsProps {\n  disableClearAllButton?: boolean;\n  children?: ReactNode;\n}\n\nexport const SearchFilterChips: React.FC<SearchFilterChipsProps> = ({\n  children,\n  disableClearAllButton = false,\n}) => {\n  const dispatch = useSearchFilterDispatch();\n  const actions = useSearchFilterActions();\n\n  const onClickClearAll = useCallback(\n    () => dispatch(actions.clearFormModel()),\n    [actions, dispatch]\n  );\n\n  return (\n    <Row flexWrap={\"wrap\"}>\n      {children}\n      {!disableClearAllButton && (\n        <ChipSpacer>\n          <FlatButton\n            size={\"small\"}\n            label={\"Clear all\"}\n            onClick={onClickClearAll}\n          />\n        </ChipSpacer>\n      )}\n    </Row>\n  );\n};\n","import * as React from \"react\";\nimport { ChipSpacer } from \"./ChipSpacer\";\nimport { Chip } from \"@stenajs-webui/elements\";\nimport { useCallback } from \"react\";\nimport { useSearchFilterDispatch } from \"../../context/SearchFilterDispatchContext\";\nimport { useSearchFilterActions } from \"../../context/SearchFilterActionsContext\";\n\ninterface EmptyChipProps<TSectionKey extends string> {\n  sectionId: TSectionKey;\n  label: string;\n}\n\nexport const EmptyChip = function EmptyChip<TSectionKey extends string>({\n  label,\n  sectionId,\n}: EmptyChipProps<TSectionKey>) {\n  const dispatch = useSearchFilterDispatch();\n  const actions = useSearchFilterActions();\n\n  const onClickLabel = useCallback(() => {\n    dispatch(actions.clearExpandedSections());\n    dispatch(actions.expandSection(sectionId));\n    dispatch(actions.openFilters());\n  }, [actions, dispatch, sectionId]);\n\n  return (\n    <ChipSpacer>\n      <Chip label={label} variant={\"secondary\"} onClick={onClickLabel} />\n    </ChipSpacer>\n  );\n};\n","import * as React from \"react\";\nimport { useCallback } from \"react\";\nimport { ChipSpacer } from \"./ChipSpacer\";\nimport { Chip } from \"@stenajs-webui/elements\";\nimport { useSearchFilterDispatch } from \"../../context/SearchFilterDispatchContext\";\nimport { useSearchFilterActions } from \"../../context/SearchFilterActionsContext\";\nimport { SearchFilterSectionOnClickRemoveOnChip } from \"../../config/SearchFilterConfig\";\n\ninterface SearchFilterChipProps<TFormModel, TSectionKey> {\n  sectionId: TSectionKey;\n  label: string;\n  value: string;\n  onClickRemove?: SearchFilterSectionOnClickRemoveOnChip<TFormModel>;\n}\n\nexport const SearchFilterChip = function SearchFilterChip<\n  TFormModel,\n  TSectionKey extends string\n>({\n  sectionId,\n  label,\n  value,\n  onClickRemove,\n}: SearchFilterChipProps<TFormModel, TSectionKey>) {\n  const dispatch = useSearchFilterDispatch();\n  const actions = useSearchFilterActions();\n\n  const setFormModelFields = useCallback(\n    (fields: Partial<TFormModel>) =>\n      dispatch(actions.setFormModelFields(fields)),\n    [dispatch, actions]\n  );\n\n  const onClickRemoveHandler = useCallback(() => {\n    onClickRemove?.({ value, setFormModelFields });\n  }, [onClickRemove, setFormModelFields, value]);\n\n  const onClickLabel = useCallback(() => {\n    dispatch(actions.clearExpandedSections());\n    dispatch(actions.expandSection(sectionId));\n    dispatch(actions.openFilters());\n  }, [actions, dispatch, sectionId]);\n\n  return (\n    <ChipSpacer>\n      <Chip\n        label={label ?? sectionId}\n        onClick={onClickLabel}\n        onClickRemove={onClickRemove ? onClickRemoveHandler : undefined}\n      />\n    </ChipSpacer>\n  );\n};\n","import * as React from \"react\";\nimport {\n  SearchFilterSectionChipModel,\n  SearchFilterSectionOnClickRemoveOnChip,\n} from \"../../config/SearchFilterConfig\";\nimport { EmptyChip } from \"./EmptyChip\";\nimport { SearchFilterChip } from \"./SearchFilterChip\";\n\nexport interface SectionChipsProps<TFormModel, TSectionKey extends string> {\n  sectionId: TSectionKey;\n  chips?: Array<SearchFilterSectionChipModel>;\n  emptyChipLabel?: string;\n  onClickRemoveOnChip?: SearchFilterSectionOnClickRemoveOnChip<TFormModel>;\n}\n\nexport const SectionChips = function SectionChips<\n  TFormModel,\n  TSectionKey extends string\n>({\n  sectionId,\n  chips,\n  emptyChipLabel,\n  onClickRemoveOnChip,\n}: SectionChipsProps<TFormModel, TSectionKey>) {\n  if (!chips?.length) {\n    if (!emptyChipLabel) {\n      return null;\n    }\n    return <EmptyChip sectionId={sectionId} label={emptyChipLabel} />;\n  }\n\n  return (\n    <>\n      {chips.map(({ label, value }) => (\n        <SearchFilterChip\n          key={value}\n          label={label ?? sectionId}\n          sectionId={sectionId}\n          onClickRemove={onClickRemoveOnChip}\n          value={value}\n        />\n      ))}\n    </>\n  );\n};\n","import { BooleanRecord, BooleanRecordOptions } from \"./BooleanRecordTypes\";\nimport {\n  SearchFilterSectionChipModel,\n  SearchFilterSectionOnClickRemoveOnChip,\n} from \"../../config/SearchFilterConfig\";\nimport { PickByValue, truthyKeysAsList } from \"@stenajs-webui/core\";\nimport { SectionChipsProps } from \"../../features/chips/SectionChips\";\n\nexport const createChipsPropsForBooleanRecord = <\n  TFormModel,\n  TSectionKey extends string,\n  TField extends keyof PickByValue<TFormModel, BooleanRecord>\n>(\n  formModel: TFormModel,\n  fieldName: TField,\n  options?: BooleanRecordOptions\n): Pick<\n  SectionChipsProps<TFormModel, TSectionKey>,\n  \"chips\" | \"onClickRemoveOnChip\"\n> => ({\n  chips: createChipsForBooleanRecord(\n    formModel[fieldName] as unknown as BooleanRecord,\n    options\n  ),\n  onClickRemoveOnChip: createOnClickRemoveOnChipForBooleanRecord(\n    formModel,\n    fieldName\n  ),\n});\n\nexport const createChipsForBooleanRecord = (\n  booleanRecord: BooleanRecord,\n  options?: BooleanRecordOptions\n): Array<SearchFilterSectionChipModel> =>\n  truthyKeysAsList(booleanRecord).map((key) => {\n    const option = options?.find((o) => o.value === key);\n    return { value: key, label: option?.label ?? key };\n  });\n\nexport const createOnClickRemoveOnChipForBooleanRecord = <\n  TFormModel,\n  TField extends keyof PickByValue<TFormModel, BooleanRecord>\n>(\n  formModel: TFormModel,\n  fieldName: TField\n): SearchFilterSectionOnClickRemoveOnChip<TFormModel> => {\n  return ({ setFormModelFields, value }) => {\n    const newRecord = { ...formModel[fieldName] };\n    newRecord[value] = false;\n    setFormModelFields({\n      [fieldName]: newRecord,\n    } as unknown as Partial<TFormModel>);\n  };\n};\n","import * as React from \"react\";\nimport {\n  SearchFilterSection,\n  SearchFilterSectionProps,\n} from \"../../../components/SearchFilterSection\";\nimport { Column, Text } from \"@stenajs-webui/core\";\nimport { CollapsibleClickableContent } from \"@stenajs-webui/panels\";\nimport { Checkbox, ValueAndOnValueChangeProps } from \"@stenajs-webui/forms\";\nimport { BooleanRecord, BooleanRecordOptions } from \"../BooleanRecordTypes\";\n\nexport interface SimpleCheckboxSectionProps<TSectionKey extends string>\n  extends SearchFilterSectionProps<TSectionKey>,\n    ValueAndOnValueChangeProps<BooleanRecord> {\n  options?: BooleanRecordOptions;\n}\n\nexport const SimpleCheckboxListSection = <TSectionKey extends string>({\n  options,\n  value,\n  onValueChange,\n  ...sectionProps\n}: SimpleCheckboxSectionProps<TSectionKey>): React.ReactElement => (\n  <SearchFilterSection disableContentPadding {...sectionProps}>\n    <Column maxHeight={\"400px\"} overflowY={\"auto\"} flex={1}>\n      {options?.map((d) => (\n        <CollapsibleClickableContent\n          key={d.value}\n          onClick={() => {\n            if (value && onValueChange) {\n              const sel = !value[d.value];\n              onValueChange({\n                ...value,\n                [d.value]: sel,\n              });\n            }\n          }}\n          contentLeft={<Checkbox tabIndex={-1} value={value?.[d.value]} />}\n        >\n          <Text>{d.label}</Text>\n        </CollapsibleClickableContent>\n      ))}\n    </Column>\n  </SearchFilterSection>\n);\n","import * as React from \"react\";\nimport { useCallback, useMemo, useState } from \"react\";\nimport {\n  SearchFilterSection,\n  SearchFilterSectionProps,\n} from \"../../../components/SearchFilterSection\";\nimport { ValueAndOnValueChangeProps } from \"@stenajs-webui/forms\";\nimport { BooleanRecord, BooleanRecordOptions } from \"../BooleanRecordTypes\";\nimport { ChipMultiSelect, ChipMultiSelectValue } from \"@stenajs-webui/select\";\nimport { truthyKeysAsList } from \"@stenajs-webui/core\";\n\ninterface ChipMultiSelectSectionProps<TSectionKey extends string>\n  extends SearchFilterSectionProps<TSectionKey>,\n    ValueAndOnValueChangeProps<BooleanRecord> {\n  noneSelectedLabel?: string;\n  options?: BooleanRecordOptions;\n}\n\nexport const ChipMultiSelectSection = <TSectionKey extends string>({\n  options,\n  value,\n  noneSelectedLabel,\n  onValueChange,\n  ...sectionProps\n}: ChipMultiSelectSectionProps<TSectionKey>): React.ReactElement => {\n  const [text, setText] = useState<string>(\"\");\n\n  const listValue = useMemo<Array<ChipMultiSelectValue>>(\n    () =>\n      value\n        ? truthyKeysAsList(value).map<ChipMultiSelectValue>((key) => {\n            const option = options?.find((o) => o.value === key);\n            return { value: key, label: option?.label ?? key };\n          })\n        : [],\n    [options, value]\n  );\n\n  const filteredOptions = useMemo(() => {\n    return options?.filter(\n      (p) =>\n        p.value.toLocaleLowerCase().indexOf(text.toLocaleLowerCase()) > -1 ||\n        p.label.toLocaleLowerCase().indexOf(text.toLocaleLowerCase()) > -1\n    );\n  }, [options, text]);\n\n  const onValueChangeInternal = useCallback(\n    (value: Array<ChipMultiSelectValue>) => {\n      onValueChange?.(createBooleanRecordFromValue(value));\n    },\n    [onValueChange]\n  );\n\n  return (\n    <SearchFilterSection {...sectionProps}>\n      <ChipMultiSelect\n        options={filteredOptions}\n        value={listValue}\n        onValueChange={onValueChangeInternal}\n        inputValue={text}\n        noneSelectedLabel={noneSelectedLabel}\n        onInputChange={setText}\n        closeMenuOnSelect={false}\n      />\n    </SearchFilterSection>\n  );\n};\n\nconst createBooleanRecordFromValue = (\n  value: Array<ChipMultiSelectValue>\n): BooleanRecord => {\n  return value.reduce<BooleanRecord>((sum, item) => {\n    sum[item.value] = true;\n    return sum;\n  }, {});\n};\n","import {\n  SearchFilterSectionChipModel,\n  SearchFilterSectionOnClickRemoveOnChip,\n} from \"../../config/SearchFilterConfig\";\nimport { PickByValue } from \"@stenajs-webui/core\";\nimport { SectionChipsProps } from \"../../features/chips/SectionChips\";\n\nexport const createChipsPropsForDateRange = <\n  TFormModel,\n  TSectionKey extends string,\n  TField extends keyof PickByValue<TFormModel, string | undefined>\n>(\n  formModel: TFormModel,\n  startDateFieldName: TField,\n  endDateFieldName: TField\n): Pick<\n  SectionChipsProps<TFormModel, TSectionKey>,\n  \"chips\" | \"onClickRemoveOnChip\"\n> => ({\n  chips: createChipsForDateRange(\n    formModel[startDateFieldName] as unknown as string | undefined,\n    formModel[endDateFieldName] as unknown as string | undefined\n  ),\n  onClickRemoveOnChip: createOnClickRemoveOnChipForDateRange(\n    startDateFieldName,\n    endDateFieldName\n  ),\n});\n\nexport const createChipsForDateRange = (\n  startDate: string | undefined,\n  endDate: string | undefined\n): Array<SearchFilterSectionChipModel> => {\n  if (!startDate && !endDate) {\n    return [];\n  }\n  return [\n    { value: \"dateRange\", label: `${startDate ?? \"\"} - ${endDate ?? \"\"}` },\n  ];\n};\n\nexport const createOnClickRemoveOnChipForDateRange = <\n  TFormModel,\n  TField extends keyof PickByValue<TFormModel, string | undefined>\n>(\n  startDateFieldName: TField,\n  endDateFieldName: TField\n): SearchFilterSectionOnClickRemoveOnChip<TFormModel> => {\n  return ({ setFormModelFields }) => {\n    setFormModelFields({\n      [startDateFieldName]: undefined,\n      [endDateFieldName]: undefined,\n    } as unknown as Partial<TFormModel>);\n  };\n};\n","import { PickByValue } from \"@stenajs-webui/core\";\nimport { DateRangeCalendarSectionProps } from \"./components/DateRangeCalendarSection\";\n\nexport const createDateRangeSectionProps = <\n  TFormModel,\n  TField extends keyof PickByValue<TFormModel, string | undefined>,\n  TSectionKey extends string\n>(\n  formModel: TFormModel,\n  startDateFieldName: TField,\n  endDateFieldName: TField\n): Pick<\n  DateRangeCalendarSectionProps<TFormModel, TSectionKey>,\n  \"value\" | \"onValueChange\"\n> => ({\n  value: {\n    startDate: formModel[startDateFieldName] as unknown as string | undefined,\n    endDate: formModel[endDateFieldName] as unknown as string | undefined,\n  },\n  onValueChange: (value, { dispatch, actions }) => {\n    const fields: Partial<TFormModel> = {\n      [startDateFieldName]: value.startDate,\n      [endDateFieldName]: value.endDate,\n    } as any;\n    dispatch(actions.setFormModelFields(fields));\n  },\n});\n","import {\n  DateRange,\n  DateRangeCalendar,\n  DateRangeCalendarProps,\n  DateRangeFocusedInput,\n  dateRangeToStrings,\n  DateStringRange,\n  stringsToDateRange,\n} from \"@stenajs-webui/calendar\";\nimport * as React from \"react\";\nimport { useCallback, useMemo, useState } from \"react\";\nimport { Box } from \"@stenajs-webui/core\";\nimport {\n  SearchFilterSection,\n  SearchFilterSectionProps,\n} from \"../../../components/SearchFilterSection\";\nimport {\n  SearchFilterActions,\n  SearchFilterDispatch,\n} from \"../../../redux/SearchFilterRedux\";\nimport { useSearchFilterDispatch } from \"../../../context/SearchFilterDispatchContext\";\nimport { useSearchFilterActions } from \"../../../context/SearchFilterActionsContext\";\n\nexport interface DateRangeCalendarSectionProps<\n  TFormModel,\n  TSectionKey extends string\n> extends Omit<\n      SearchFilterSectionProps<TSectionKey>,\n      \"label\" | \"onRetry\" | \"error\" | \"loading\"\n    >,\n    Omit<\n      DateRangeCalendarProps<{}>,\n      \"value\" | \"onValueChange\" | \"focusedInput\" | \"setFocusedInput\"\n    > {\n  value: DateStringRange;\n  onValueChange: (\n    value: DateStringRange,\n    options: SetDateOptions<TFormModel, TSectionKey>\n  ) => void;\n}\n\nexport interface SetDateOptions<TFormModel, TSectionKey extends string> {\n  dispatch: SearchFilterDispatch<TFormModel>;\n  actions: SearchFilterActions<TFormModel, TSectionKey>;\n}\n\nexport const DateRangeCalendarSection = <\n  TFormModel,\n  TSectionKey extends string\n>({\n  value,\n  onValueChange,\n  sectionId,\n  contentLeft,\n  contentRight,\n  disableContentPadding,\n  ...dateRangeCalendarProps\n}: DateRangeCalendarSectionProps<TFormModel, TSectionKey>) => {\n  const dispatch = useSearchFilterDispatch();\n  const actions = useSearchFilterActions<TFormModel, TSectionKey>();\n\n  const options = useMemo<SetDateOptions<TFormModel, TSectionKey>>(\n    () => ({ dispatch, actions }),\n    [actions, dispatch]\n  );\n  const [focusedInput, setFocusedInput] =\n    useState<DateRangeFocusedInput>(\"startDate\");\n\n  const dateRangeValue = useMemo(() => stringsToDateRange(value), [value]);\n\n  const onValueChangeHandler = useCallback(\n    (value: DateRange) => {\n      onValueChange(dateRangeToStrings(value), options);\n    },\n    [onValueChange, options]\n  );\n\n  return (\n    <SearchFilterSection\n      sectionId={sectionId}\n      contentRight={contentRight}\n      contentLeft={contentLeft}\n      disableContentPadding={disableContentPadding}\n    >\n      <Box flex={1} alignItems={\"center\"}>\n        <Box background={\"white\"} indent>\n          <DateRangeCalendar\n            setFocusedInput={setFocusedInput}\n            focusedInput={focusedInput}\n            value={dateRangeValue}\n            onValueChange={onValueChangeHandler}\n            {...dateRangeCalendarProps}\n          />\n        </Box>\n      </Box>\n    </SearchFilterSection>\n  );\n};\n"],"names":["SearchFilterPanelHeader","onRequestClose","header","headerIcon","stenaSliders","contentRight","CardHeader","Row","_jsx","FlatButton","stenaTimes","SearchFilterStateContext","createContext","useSearchFilterState","c","useContext","SearchFilterDispatchContext","useSearchFilterDispatch","SearchFilterActionsContext","useSearchFilterActions","SearchFilterDrawer","children","headerContentRight","drawerProps","settings","open","dispatch","actions","closeDrawer","useCallback","closeFilters","Drawer","cssColor","Column","SearchFilterButton","label","leftIcon","onClickButton","openFilters","SecondaryButton","SearchFilterSection","sectionId","contentLeft","loading","error","onRetry","disableContentPadding","state","expanded","expandedSections","values","onClickLabel","setSectionExpanded","activeLabel","formatColumnIdToHeaderCellLabel","Collapsible","CollapsibleContent","Spinner","Banner","columnId","upperFirst","lowerCase","SearchFilterModelContext","useSearchFilterModel","SearchFilterContext","formModel","createSearchFilterInitialState","initialFormModel","createSearchFilterReducer","reducerId","initialState","combineReducers","reducerIdGate","getReducerIdFor","createValueByIdReducer","createEntityReducer","createSearchFilterActions","reducerIdGateAction","createEntityActions","fields","section","createValueByIdActions","reducerIdSuffix","useLocalSearchFilterState","reducer","useState","useReducer","SearchFilterLocalStateContext","ChipSpacer","styled","div","SearchFilterChips","disableClearAllButton","onClickClearAll","clearFormModel","EmptyChip","clearExpandedSections","expandSection","Chip","SearchFilterChip","value","onClickRemove","setFormModelFields","onClickRemoveHandler","undefined","SectionChips","chips","emptyChipLabel","onClickRemoveOnChip","length","_Fragment","map","createChipsPropsForBooleanRecord","fieldName","options","createChipsForBooleanRecord","createOnClickRemoveOnChipForBooleanRecord","booleanRecord","truthyKeysAsList","key","option","_a","newRecord","SimpleCheckboxListSection","onValueChange","sectionProps","d","CollapsibleClickableContent","sel","Checkbox","Text","ChipMultiSelectSection","noneSelectedLabel","text","setText","listValue","useMemo","find","o","filteredOptions","filter","p","toLocaleLowerCase","indexOf","onValueChangeInternal","createBooleanRecordFromValue","ChipMultiSelect","reduce","sum","item","createChipsPropsForDateRange","startDateFieldName","endDateFieldName","createChipsForDateRange","createOnClickRemoveOnChipForDateRange","startDate","endDate","createDateRangeSectionProps","DateRangeCalendarSection","dateRangeCalendarProps","focusedInput","setFocusedInput","dateRangeValue","stringsToDateRange","onValueChangeHandler","dateRangeToStrings","Box","DateRangeCalendar"],"mappings":"mmBAkBaA,EAET,CAAC,CACHC,eAAAA,EACAC,OAAAA,EAAS,UACTC,WAAAA,EAAaC,EAAAA,aACbC,aAAAA,CAJG,UAOAC,EAAAA,WAAD,CACE,KAAM,WACN,oBACGC,MAAD,CAAK,IAAK,EAAV,SACGF,CAAAA,EACDG,EAAA,IAACC,aAAD,CAAY,SAAUC,EAAAA,WAAY,QAAST,CAAAA,CAF7C,CAAA,CAAA,CAHJ,EAQE,SAAUE,EACV,KAAMD,CAAAA,CAVV,ECvBWS,EAA2BC,gBAEtC,IAA6C,EAElCC,EAAuB,IAEE,CAC9B,MAAAC,EAAIC,aAAWJ,CAAwB,EAC7C,GAAI,CAACG,EACH,MAAM,IAAI,MACR,oFAAA,EAGG,OAAAA,CACT,ECdaE,EAA8BJ,gBAEzC,IAAgD,EAErCK,EAA0B,IAAM,CACrC,MAAAH,EAAIC,aAAWC,CAA2B,EAChD,GAAI,CAACF,EACG,MAAA,IAAI,MAAM,yCAAyC,EAEpD,OAAAA,CACT,ECVaI,EAA6BN,gBAExC,IAAoD,EAEzCO,EAAyB,IAG/B,CACC,MAAAL,EAAIC,aAAWG,CAA0B,EAC/C,GAAI,CAACJ,EACG,MAAA,IAAI,MAAM,wCAAwC,EAEnD,OAAAA,CACT,ECEaM,GAAwD,CAAC,CACpEC,SAAAA,EACAnB,OAAAA,EACAC,WAAAA,EACAmB,mBAAAA,KACGC,CALiE,IAMhE,CACE,KAAA,CACJC,SAAU,CAAEC,KAAAA,CAAF,GACRZ,EAFJ,EAGMa,EAAWT,IACXU,EAAUR,IAEVS,EAAcC,EAAAA,YAAY,IAAM,CAC3BF,EAAAA,EAAQG,cAAT,CAAA,EACP,CAACH,EAASD,CAAV,CAF4B,EAI/B,aACGK,EAAAA,OAAD,CACE,WAAYC,WAAS,oBAAD,EACpB,MAAO,QACP,OAAQP,EACR,eAAgBG,EAJlB,GAKML,EALN,gBAOGU,SAAD,CAAQ,OAAQ,OAAhB,SAAA,CACEzB,EAAA,IAACR,EAAD,CACE,eAAgB4B,EAChB,OAAA1B,EACA,WAAAC,EACA,aAAcmB,CAJhB,CAAA,EAMCD,CAPH,CAAA,CAAA,CAAA,CARJ,CAmBD,EC1CYa,GAA8D,CAAC,CAC1EC,MAAAA,EAAQ,UACRC,SAAAA,EAAWhC,EAAAA,YAF+D,IAGtE,CACJ,MAAMsB,EAAWT,IACXU,EAAUR,IAEVkB,EAAgBR,EAAAA,YAAY,IAAM,CAC7BF,EAAAA,EAAQW,aAAT,CAAA,EACP,CAACX,EAASD,CAAV,CAF8B,EAIjC,aACGa,EAAAA,gBAAD,CACE,MAAAJ,EACA,SAAAC,EACA,QAASC,CAAAA,CAJb,CAOD,ECTYG,EAAsB,SAEjC,CACAC,UAAAA,EACAN,MAAAA,EACAO,YAAAA,EACArC,aAAAA,EACAsC,QAAAA,EACAC,MAAAA,EACAC,QAAAA,EACAC,sBAAAA,EACAzB,SAAAA,CATA,EAU2D,OAC3D,MAAM0B,EAAQlC,IACRa,EAAWT,IACXU,EAAUR,IAEV6B,GAAWD,EAAAA,EAAME,iBAAiBC,OAAOT,KAA9BM,KAAAA,EAA4C,GAEvDI,EAAetB,EAAAA,YAAY,IAAM,CACrCH,EAASC,EAAQyB,mBAAmBX,EAAW,CAACO,CAAvC,CAAD,GACP,CAACrB,EAASD,EAAUsB,EAAUP,CAA9B,CAF6B,EAI1BY,EAAclB,GAAAA,KAAAA,EAASmB,EAAgCb,CAAD,EAE5D,aACGc,EAAAA,YAAD,CACE,MAAOF,EACP,UAAW,CAACL,EACZ,QAASG,EACT,YAAAT,EACA,aAAArC,EALF,SAOGsC,EACCnC,EAAA,IAACgD,qBAAD,CAAA,eACGjD,MAAD,CAAK,QAAL,GAAa,eAAgB,SAAU,KAAM,EAA7C,eACGkD,UAAD,CAAS,KAAM,OAAA,CAAf,CAAA,CADF,CAAA,CADF,EAKEb,EACFpC,EAAA,IAACkD,SAAD,CACE,QAAS,QACT,KAAMd,EACN,aACEC,EAAUrC,EAAA,IAACC,aAAD,CAAY,MAAO,QAAS,QAASoC,CAArC,CAAA,EAAmD,IAJjE,CAAA,EAOEC,EACFzB,QAECmC,EAAAA,mBAAD,CAAA,SAAAnC,CAAA,CAAA,CAAA,CAzBN,CA6BD,EAEYiC,EAAmCK,GAC9CC,aAAWC,EAAAA,UAAUF,CAAD,CAAV,EC5ECG,EAA2BlD,gBAAuB,IAAe,EAEjEmD,GAAuB,IAA8B,CAC1D,MAAAjD,EAAIC,aAAW+C,CAAwB,EAC7C,GAAI,CAAChD,EACH,MAAM,IAAI,MACR,oFAAA,EAGG,OAAAA,CACT,ECMakD,EAAsB,SAGjC,CACAjB,MAAAA,EACArB,SAAAA,EACAC,QAAAA,EACAN,SAAAA,CAJA,EAKqE,CAEnE,OAAAb,EAAA,IAACQ,EAA4B,SAA7B,CACE,MAAOU,EADT,SAGGlB,EAAAA,IAAAU,EAA2B,SAA5B,CAAqC,MAAOS,EAA5C,SACGnB,EAAAA,IAAAG,EAAyB,SAA1B,CAAmC,MAAOoC,EAA1C,SACGvC,EAAAA,IAAAsD,EAAyB,SAA1B,CAAmC,MAAOf,EAAMkB,UAAhD,SAAA5C,CAAA,CAAA,CAAA,CADF,CAAA,CADF,CAAA,CAJJ,CAaD,ECLY6C,EACXC,IACmC,CACnC,SAAU,CACR,KAAM,EACR,EACA,UAAWA,EACX,iBAAkB,CAAE,OAAQ,EAAG,CACjC,GAEaC,EAA4B,CACvCC,EACAC,IAEAC,kBAAgB,CACd,iBAAkBC,EAAA,cAChBC,EAAgBJ,EAAW,kBAAkB,EAC7CK,EAAA,uBAAgCJ,EAAa,gBAAgB,CAC/D,EACA,UAAWE,EAAA,cACTC,EAAgBJ,EAAW,WAAW,EACtCM,EAAA,oBAAgCL,EAAa,SAAS,CACxD,EACA,SAAUE,EAAA,cACRC,EAAgBJ,EAAW,UAAU,EACrCM,EAAA,oBAA0CL,EAAa,QAAQ,CACjE,CACF,CAAC,EAkBUM,EAA4B,CAIvCP,EACAF,KACkD,CAClD,YAAa,IACXU,EAAA,oBACEJ,EAAgBJ,EAAW,UAAU,EACrCS,EAAA,oBAAA,EAA4C,gBAAgB,CAC1D,KAAM,EAAA,CACP,CACH,EACF,aAAc,IACZD,EAAA,oBACEJ,EAAgBJ,EAAW,UAAU,EACrCS,EAAA,oBAAA,EAA4C,gBAAgB,CAC1D,KAAM,EAAA,CACP,CACH,EACF,mBAAqBC,GACnBF,EAAA,oBACEJ,EAAgBJ,EAAW,WAAW,EACtCS,sBAAkC,EAAA,gBAAgBC,CAAM,CAC1D,EACF,eAAgB,IACdF,EAAA,oBACEJ,EAAgBJ,EAAW,WAAW,EACtCS,sBAAkC,EAAA,UAAUX,CAAgB,CAC9D,EACF,cAAgBa,GACdH,EAAA,oBACEJ,EAAgBJ,EAAW,kBAAkB,EAC7CY,EAAAA,yBAAkC,SAASD,EAAS,EAAI,CAC1D,EACF,gBAAkBA,GAChBH,EAAA,oBACEJ,EAAgBJ,EAAW,kBAAkB,EAC7CY,EAAAA,yBAAkC,SAASD,EAAS,EAAK,CAC3D,EACF,mBAAoB,CAACA,EAAsBhC,IACzC6B,EAAA,oBACEJ,EAAgBJ,EAAW,kBAAkB,EAC7CY,EAAAA,yBAAkC,SAASD,EAAShC,CAAQ,CAC9D,EACF,sBAAuB,IACrB6B,EAAA,oBACEJ,EAAgBJ,EAAW,kBAAkB,EAC7CY,EAAA,uBAAA,EAAkC,eAAe,CACnD,CACJ,GAEaR,EAAkB,CAC7BJ,EACAa,IACW,GAAGb,KAAaa,ICjIhBC,EAIXb,GACG,CACG,KAAA,CAACc,CAAO,EAAIC,EAAA,SAAS,IACzBjB,EAAsC,QAASE,CAAY,CAAA,EAGvD,CAAC3C,CAAO,EAAI0D,EAAA,SAAS,IACzBT,EACE,QACAN,EAAa,SACf,CAAA,EAGI,CAACvB,EAAOrB,CAAQ,EAAI4D,EAAAA,WAAWF,EAASd,CAAY,EAEnD,MAAA,CACL,QAAA3C,EACA,MAAAoB,EACA,SAAArB,CAAA,CAEJ,ECrBa6D,GAAgC,SAE3C,CACApB,iBAAAA,EACA9C,SAAAA,CAFA,EAG6D,CACvD,KAAA,CAAE0B,MAAAA,EAAOpB,QAAAA,EAASD,SAAAA,CAAayD,EAAAA,EACnCjB,EAA+BC,CAAD,CAD8B,EAI9D,aACGH,EAAD,CAAqB,MAAAjB,EAAc,QAAApB,EAAkB,SAAAD,EAArD,SAAAL,CAAA,CADF,CAKD,ECvBYmE,EAAaC,GAAOC,QAAAA;AAAAA;AAAAA;AAAAA,ECWpBC,GAAsD,CAAC,CAClEtE,SAAAA,EACAuE,sBAAAA,EAAwB,EAF0C,IAG9D,CACJ,MAAMlE,EAAWT,IACXU,EAAUR,IAEV0E,EAAkBhE,EAAAA,YACtB,IAAMH,EAASC,EAAQmE,eAAT,CAAA,EACd,CAACnE,EAASD,CAAV,CAFiC,EAKnC,cACGnB,EAAAA,IAAD,CAAK,SAAU,OAAf,SAAA,CACGc,EACA,CAACuE,SACCJ,EAAD,CAAA,eACG/E,aAAD,CACE,KAAM,QACN,MAAO,YACP,QAASoF,CAAAA,CAHX,CAAA,CAJN,CAAA,CAAA,CADF,CAcD,EC3BYE,EAAY,SAA+C,CACtE5D,MAAAA,EACAM,UAAAA,CAFsE,EAGxC,CAC9B,MAAMf,EAAWT,IACXU,EAAUR,IAEVgC,EAAetB,EAAAA,YAAY,IAAM,CAC5BF,EAAAA,EAAQqE,uBAAT,EACCrE,EAAAA,EAAQsE,cAAcxD,CAAtB,CAAD,EACCd,EAAAA,EAAQW,aAAT,CACP,EAAA,CAACX,EAASD,EAAUe,CAApB,CAJ6B,EAMhC,aACG+C,EAAD,CAAA,eACGU,OAAD,CAAM,MAAA/D,EAAc,QAAS,YAAa,QAASgB,CAAAA,CAAnD,CAAA,CAFJ,CAKD,ECfYgD,EAAmB,SAG9B,CACA1D,UAAAA,EACAN,MAAAA,EACAiE,MAAAA,EACAC,cAAAA,CAJA,EAKiD,CACjD,MAAM3E,EAAWT,IACXU,EAAUR,IAEVmF,EAAqBzE,EAAAA,YACxBkD,GACCrD,EAASC,EAAQ2E,mBAAmBvB,CAA3B,CAAD,EACV,CAACrD,EAAUC,CAAX,CAHoC,EAMhC4E,EAAuB1E,EAAAA,YAAY,IAAM,CAC7BwE,GAAA,MAAAA,EAAA,CAAED,MAAAA,EAAOE,mBAAAA,CAAAA,EACxB,EAAA,CAACD,EAAeC,EAAoBF,CAApC,CAFqC,EAIlCjD,EAAetB,EAAAA,YAAY,IAAM,CAC5BF,EAAAA,EAAQqE,uBAAT,EACCrE,EAAAA,EAAQsE,cAAcxD,CAAtB,CAAD,EACCd,EAAAA,EAAQW,aAAT,CACP,EAAA,CAACX,EAASD,EAAUe,CAApB,CAJ6B,EAMhC,aACG+C,EAAD,CAAA,eACGU,OAAD,CACE,MAAO/D,GAAAA,KAAAA,EAASM,EAChB,QAASU,EACT,cAAekD,EAAgBE,EAAuBC,MAAAA,CAHxD,CAAA,CAFJ,CASD,ECrCYC,GAAe,SAG1B,CACAhE,UAAAA,EACAiE,MAAAA,EACAC,eAAAA,EACAC,oBAAAA,CAJA,EAK6C,CACzC,OAACF,GAAAA,MAAAA,EAAOG,aAQVC,EAAAA,SAAA,CAAA,SACGJ,EAAMK,IAAI,CAAC,CAAE5E,MAAAA,EAAOiE,MAAAA,CAAAA,UAClBD,EAAD,CAEE,MAAOhE,GAAAA,KAAAA,EAASM,EAChB,UAAAA,EACA,cAAemE,EACf,MAAAR,CALF,EACOA,CADP,CADD,CAAA,CAFL,EANOO,QAGGZ,EAAD,CAAW,UAAAtD,EAAsB,MAAOkE,CAAAA,CAA/C,EAFS,IAkBZ,ECpCYK,GAAmC,CAK9C/C,EACAgD,EACAC,KAII,CACJ,MAAOC,EACLlD,EAAUgD,GACVC,CACF,EACA,oBAAqBE,EACnBnD,EACAgD,CACF,CACF,GAEaE,EAA8B,CACzCE,EACAH,IAEAI,EAAAA,iBAAiBD,CAAa,EAAE,IAAKE,GAAQ,OAC3C,MAAMC,EAASN,GAAA,YAAAA,EAAS,KAAM,GAAM,EAAE,QAAUK,GAChD,MAAO,CAAE,MAAOA,EAAK,OAAOE,EAAAD,GAAA,YAAAA,EAAQ,QAAR,KAAAC,EAAiBF,EAC/C,CAAC,EAEUH,EAA4C,CAIvDnD,EACAgD,IAEO,CAAC,CAAE,mBAAAX,EAAoB,MAAAF,KAAY,CACxC,MAAMsB,EAAY,CAAE,GAAGzD,EAAUgD,EAAW,EAC5CS,EAAUtB,GAAS,GACAE,EAAA,CACjB,CAACW,GAAYS,CAAA,CACoB,CAAA,ECnC1BC,GAA4B,CAA6B,CACpET,QAAAA,EACAd,MAAAA,EACAwB,cAAAA,KACGC,CAJiE,UAMnErF,EAAD,CAAqB,sBAArB,GAAA,GAA+CqF,EAA/C,eACG5F,SAAD,CAAQ,UAAW,QAAS,UAAW,OAAQ,KAAM,EAArD,SACGiF,GAAAA,YAAAA,EAASH,IAAKe,SACZC,EAAAA,4BAAD,CAEE,QAAS,IAAM,CACb,GAAI3B,GAASwB,EAAe,CACpBI,MAAAA,EAAM,CAAC5B,EAAM0B,EAAE1B,OACPwB,EAAA,CACZ,GAAGxB,EACH,CAAC0B,EAAE1B,OAAQ4B,CAAAA,CAFA,CAId,CACF,EACD,kBAAcC,WAAD,CAAU,SAAU,GAAI,MAAO7B,GAAAA,YAAAA,EAAQ0B,EAAE1B,MAAAA,CAXxD,EAAA,eAaG8B,OAAD,CAAA,SAAOJ,EAAE3F,KAAAA,CAAT,CAAA,EAZK2F,EAAE1B,KADT,EADD,CADH,CADF,CANK,ECEM+B,GAAyB,CAA6B,CACjEjB,QAAAA,EACAd,MAAAA,EACAgC,kBAAAA,EACAR,cAAAA,KACGC,CAL8D,IAMC,CAClE,KAAM,CAACQ,EAAMC,CAAP,EAAkBjD,WAAiB,EAAT,EAE1BkD,EAAYC,UAChB,IACEpC,EACIkB,mBAAiBlB,CAAD,EAAQW,IAAmCQ,GAAA,OACzD,MAAMC,EAASN,GAAAA,YAAAA,EAASuB,KAAYC,GAAAA,EAAEtC,QAAUmB,GACzC,MAAA,CAAEnB,MAAOmB,EAAKpF,OAAOqF,EAAAA,GAAAA,YAAAA,EAAQrF,QAARqF,KAAAA,EAAiBD,CAAAA,CAF/C,CAAA,EAIA,CAAA,EACN,CAACL,EAASd,CAAV,CARuB,EAWnBuC,EAAkBH,EAAAA,QAAQ,IACvBtB,GAAAA,YAAAA,EAAS0B,OAEZC,GAAAA,EAAEzC,MAAM0C,oBAAoBC,QAAQV,EAAKS,kBAAzC,CAAA,EAAgE,IAChED,EAAE1G,MAAM2G,oBAAoBC,QAAQV,EAAKS,kBAAzC,CAAA,EAAgE,IAEnE,CAAC5B,EAASmB,CAAV,CAN4B,EAQzBW,EAAwBnH,cAC3BuE,GAAuC,CACtB6C,GAAAA,MAAAA,EAAAA,GAA6B7C,CAAD,EAA/B,EAEf,CAACwB,CAAD,CAJuC,EAOzC,aACGpF,EAAD,CAAA,GAAyBqF,EAAzB,eACGqB,kBAAD,CACE,QAASP,EACT,MAAOJ,EACP,cAAeS,EACf,WAAYX,EACZ,kBAAAD,EACA,cAAeE,EACf,kBAAmB,EAAA,CAPrB,CAAA,CAFJ,CAaD,EAEKW,GACJ7C,GAEOA,EAAM+C,OAAsB,CAACC,EAAKC,KACvCD,EAAIC,EAAKjD,OAAS,GACXgD,GACN,CAHI,CAAA,EChEIE,GAA+B,CAK1CrF,EACAsF,EACAC,KAII,CACJ,MAAOC,EACLxF,EAAUsF,GACVtF,EAAUuF,EACZ,EACA,oBAAqBE,EACnBH,EACAC,CACF,CACF,GAEaC,EAA0B,CACrCE,EACAC,IAEI,CAACD,GAAa,CAACC,EACV,GAEF,CACL,CAAE,MAAO,YAAa,MAAO,GAAGD,GAAA,KAAAA,EAAa,QAAQC,GAAA,KAAAA,EAAW,IAAK,CAAA,EAI5DF,EAAwC,CAInDH,EACAC,IAEO,CAAC,CAAE,mBAAAlD,KAAyB,CACdA,EAAA,CACjB,CAACiD,GAAqB,OACtB,CAACC,GAAmB,MAAA,CACa,CAAA,ECjD1BK,GAA8B,CAKzC5F,EACAsF,EACAC,KAII,CACJ,MAAO,CACL,UAAWvF,EAAUsF,GACrB,QAAStF,EAAUuF,EACrB,EACA,cAAe,CAACpD,EAAO,CAAE,SAAA1E,EAAU,QAAAC,KAAc,CAC/C,MAAMoD,EAA8B,CAClC,CAACwE,GAAqBnD,EAAM,UAC5B,CAACoD,GAAmBpD,EAAM,OAAA,EAEnB1E,EAAAC,EAAQ,mBAAmBoD,CAAM,CAAC,CAC7C,CACF,GCoBa+E,GAA2B,CAGtC,CACA1D,MAAAA,EACAwB,cAAAA,EACAnF,UAAAA,EACAC,YAAAA,EACArC,aAAAA,EACAyC,sBAAAA,KACGiH,CAPH,IAQ4D,CAC5D,MAAMrI,EAAWT,IACXU,EAAUR,IAEV+F,EAAUsB,EAAAA,QACd,KAAO,CAAE9G,SAAAA,EAAUC,QAAAA,CACnB,GAAA,CAACA,EAASD,CAAV,CAFqB,EAIjB,CAACsI,EAAcC,CAAf,EACJ5E,WAAgC,WAAxB,EAEJ6E,EAAiB1B,EAAAA,QAAQ,IAAM2B,EAAAA,mBAAmB/D,CAAD,EAAS,CAACA,CAAD,CAAlC,EAExBgE,EAAuBvI,cAC1BuE,GAAqB,CACNiE,EAAAA,EAAAA,mBAAmBjE,CAAD,EAASc,CAA5B,CAAA,EAEf,CAACU,EAAeV,CAAhB,CAJsC,EAOxC,aACG1E,EAAD,CACE,UAAAC,EACA,aAAApC,EACA,YAAAqC,EACA,sBAAAI,EAJF,eAMGwH,MAAD,CAAK,KAAM,EAAG,WAAY,SAA1B,eACGA,MAAD,CAAK,WAAY,QAAS,OAA1B,GAAA,eACGC,oBAAD,CACE,gBAAAN,EACA,aAAAD,EACA,MAAOE,EACP,cAAeE,EAJjB,GAKML,CAAAA,CALN,CAAA,CADF,CAAA,CADF,CAAA,CAPJ,CAoBD"}
+{"version":3,"file":"index.js","sources":["../src/features/search-filter/components/SearchFilterPanelHeader.tsx","../src/features/search-filter/context/SearchFilterStateContext.ts","../src/features/search-filter/context/SearchFilterDispatchContext.ts","../src/features/search-filter/context/SearchFilterActionsContext.ts","../src/features/search-filter/components/SearchFilterDrawer.tsx","../src/features/search-filter/components/SearchFilterButton.tsx","../src/features/search-filter/components/SearchFilterSection.tsx","../src/features/search-filter/components/StickyFooter.tsx","../src/features/search-filter/context/SearchFilterModelContext.ts","../src/features/search-filter/components/context/SearchFilterContext.tsx","../src/features/search-filter/redux/SearchFilterRedux.ts","../src/features/search-filter/hooks/UseLocalSearchFilterState.ts","../src/features/search-filter/components/context/SearchFilterLocalStateContext.tsx","../src/features/search-filter/features/chips/ChipSpacer.tsx","../src/features/search-filter/features/chips/SearchFilterChips.tsx","../src/features/search-filter/features/chips/EmptyChip.tsx","../src/features/search-filter/features/chips/SearchFilterChip.tsx","../src/features/search-filter/features/chips/SectionChips.tsx","../src/features/search-filter/section-factories/boolean-record/BooleanRecordChips.ts","../src/features/search-filter/section-factories/boolean-record/components/SimpleCheckboxListSection.tsx","../src/features/search-filter/section-factories/boolean-record/components/ChipMultiSelectSection.tsx","../src/features/search-filter/section-factories/date-range/DateRangeChips.ts","../src/features/search-filter/section-factories/date-range/DateRangePropsFactory.ts","../src/features/search-filter/section-factories/date-range/components/DateRangeCalendarSection.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ReactNode } from \"react\";\nimport {\n  CardHeader,\n  FlatButton,\n  stenaSliders,\n  stenaTimes,\n} from \"@stenajs-webui/elements\";\nimport { IconDefinition } from \"@fortawesome/free-solid-svg-icons\";\nimport { Row } from \"@stenajs-webui/core\";\n\ninterface SearchFilterPanelHeaderProps {\n  onRequestClose: () => void;\n  header?: string;\n  headerIcon?: IconDefinition;\n  contentRight?: ReactNode;\n}\n\nexport const SearchFilterPanelHeader: React.FC<\n  SearchFilterPanelHeaderProps\n> = ({\n  onRequestClose,\n  header = \"Filters\",\n  headerIcon = stenaSliders,\n  contentRight,\n}) => {\n  return (\n    <CardHeader\n      flex={\"0 0 auto\"}\n      contentRight={\n        <Row gap={2}>\n          {contentRight}\n          <FlatButton leftIcon={stenaTimes} onClick={onRequestClose} />\n        </Row>\n      }\n      leftIcon={headerIcon}\n      text={header}\n    />\n  );\n};\n","import { createContext, useContext } from \"react\";\nimport { SearchFilterState } from \"../redux/SearchFilterRedux\";\n\nexport const SearchFilterStateContext = createContext<\n  SearchFilterState<unknown>\n>(null as unknown as SearchFilterState<unknown>);\n\nexport const useSearchFilterState = <\n  TFormModel\n>(): SearchFilterState<TFormModel> => {\n  const c = useContext(SearchFilterStateContext);\n  if (!c) {\n    throw new Error(\n      \"Missing search filter context, wrap components with SearchFilterContext component.\"\n    );\n  }\n  return c as SearchFilterState<TFormModel>;\n};\n","import { createContext, useContext } from \"react\";\nimport { SearchFilterDispatch } from \"../redux/SearchFilterRedux\";\n\nexport const SearchFilterDispatchContext = createContext<\n  SearchFilterDispatch<unknown>\n>(null as unknown as SearchFilterDispatch<unknown>);\n\nexport const useSearchFilterDispatch = () => {\n  const c = useContext(SearchFilterDispatchContext);\n  if (!c) {\n    throw new Error(\"Missing search filter dispatch context.\");\n  }\n  return c;\n};\n","import { createContext, useContext } from \"react\";\nimport { SearchFilterActions } from \"../redux/SearchFilterRedux\";\n\nexport const SearchFilterActionsContext = createContext<\n  SearchFilterActions<unknown, any>\n>(null as unknown as SearchFilterActions<unknown, any>);\n\nexport const useSearchFilterActions = <\n  TFormModel,\n  TSectionKey extends string\n>() => {\n  const c = useContext(SearchFilterActionsContext);\n  if (!c) {\n    throw new Error(\"Missing search filter actions context.\");\n  }\n  return c as SearchFilterActions<TFormModel, TSectionKey>;\n};\n","import * as React from \"react\";\nimport { ReactNode, useCallback } from \"react\";\nimport { Drawer, DrawerProps } from \"@stenajs-webui/modal\";\nimport { cssColor } from \"@stenajs-webui/theme\";\nimport { Column } from \"@stenajs-webui/core\";\nimport { SearchFilterPanelHeader } from \"./SearchFilterPanelHeader\";\nimport { useSearchFilterState } from \"../context/SearchFilterStateContext\";\nimport { useSearchFilterDispatch } from \"../context/SearchFilterDispatchContext\";\nimport { useSearchFilterActions } from \"../context/SearchFilterActionsContext\";\nimport { IconDefinition } from \"@fortawesome/free-solid-svg-icons\";\n\ninterface SearchFilterDrawerProps\n  extends Omit<DrawerProps, \"isOpen\" | \"onRequestClose\"> {\n  header?: string;\n  headerIcon?: IconDefinition;\n  headerContentRight?: ReactNode;\n}\n\nexport const SearchFilterDrawer: React.FC<SearchFilterDrawerProps> = ({\n  children,\n  header,\n  headerIcon,\n  headerContentRight,\n  ...drawerProps\n}) => {\n  const {\n    settings: { open },\n  } = useSearchFilterState();\n  const dispatch = useSearchFilterDispatch();\n  const actions = useSearchFilterActions();\n\n  const closeDrawer = useCallback(() => {\n    dispatch(actions.closeFilters());\n  }, [actions, dispatch]);\n\n  return (\n    <Drawer\n      background={cssColor(\"--lhds-color-ui-50\")}\n      width={\"370px\"}\n      isOpen={open}\n      onRequestClose={closeDrawer}\n      {...drawerProps}\n    >\n      <Column height={\"100%\"}>\n        <SearchFilterPanelHeader\n          onRequestClose={closeDrawer}\n          header={header}\n          headerIcon={headerIcon}\n          contentRight={headerContentRight}\n        />\n        {children}\n      </Column>\n    </Drawer>\n  );\n};\n","import { SecondaryButton, stenaSliders } from \"@stenajs-webui/elements\";\nimport * as React from \"react\";\nimport { useCallback } from \"react\";\nimport { useSearchFilterDispatch } from \"../context/SearchFilterDispatchContext\";\nimport { useSearchFilterActions } from \"../context/SearchFilterActionsContext\";\nimport { IconDefinition } from \"@fortawesome/free-solid-svg-icons\";\n\ninterface SearchFilterDrawerButtonProps {\n  label?: string;\n  leftIcon?: IconDefinition;\n}\n\nexport const SearchFilterButton: React.FC<SearchFilterDrawerButtonProps> = ({\n  label = \"Filters\",\n  leftIcon = stenaSliders,\n}) => {\n  const dispatch = useSearchFilterDispatch();\n  const actions = useSearchFilterActions();\n\n  const onClickButton = useCallback(() => {\n    dispatch(actions.openFilters());\n  }, [actions, dispatch]);\n\n  return (\n    <SecondaryButton\n      label={label}\n      leftIcon={leftIcon}\n      onClick={onClickButton}\n    />\n  );\n};\n","import * as React from \"react\";\nimport { PropsWithChildren, useCallback } from \"react\";\nimport { Row } from \"@stenajs-webui/core\";\nimport { Collapsible, CollapsibleContent } from \"@stenajs-webui/panels\";\nimport { lowerCase, upperFirst } from \"lodash\";\nimport { Banner, FlatButton, Spinner } from \"@stenajs-webui/elements\";\nimport { useSearchFilterState } from \"../context/SearchFilterStateContext\";\nimport { useSearchFilterDispatch } from \"../context/SearchFilterDispatchContext\";\nimport { useSearchFilterActions } from \"../context/SearchFilterActionsContext\";\n\nexport interface SearchFilterSectionProps<TSectionKey extends string> {\n  sectionId: TSectionKey;\n  contentLeft?: React.ReactNode;\n  contentRight?: React.ReactNode;\n  disableContentPadding?: boolean;\n  loading?: boolean;\n  error?: string;\n  onRetry?: () => void;\n  label?: string;\n}\n\nexport const SearchFilterSection = function SearchFilterSection<\n  TSectionKey extends string\n>({\n  sectionId,\n  label,\n  contentLeft,\n  contentRight,\n  loading,\n  error,\n  onRetry,\n  disableContentPadding,\n  children,\n}: PropsWithChildren<SearchFilterSectionProps<TSectionKey>>) {\n  const state = useSearchFilterState();\n  const dispatch = useSearchFilterDispatch();\n  const actions = useSearchFilterActions();\n\n  const expanded = state.expandedSections.values[sectionId] ?? false;\n\n  const onClickLabel = useCallback(() => {\n    dispatch(actions.setSectionExpanded(sectionId, !expanded));\n  }, [actions, dispatch, expanded, sectionId]);\n\n  const activeLabel = label ?? formatColumnIdToHeaderCellLabel(sectionId);\n\n  return (\n    <Collapsible\n      label={activeLabel}\n      collapsed={!expanded}\n      onClick={onClickLabel}\n      contentLeft={contentLeft}\n      contentRight={contentRight}\n    >\n      {loading ? (\n        <CollapsibleContent>\n          <Row spacing justifyContent={\"center\"} flex={1}>\n            <Spinner size={\"small\"} />\n          </Row>\n        </CollapsibleContent>\n      ) : error ? (\n        <Banner\n          variant={\"error\"}\n          text={error}\n          contentRight={\n            onRetry ? <FlatButton label={\"Retry\"} onClick={onRetry} /> : null\n          }\n        />\n      ) : disableContentPadding ? (\n        children\n      ) : (\n        <CollapsibleContent>{children}</CollapsibleContent>\n      )}\n    </Collapsible>\n  );\n};\n\nexport const formatColumnIdToHeaderCellLabel = (columnId: string): string =>\n  upperFirst(lowerCase(columnId));\n","import { BoxProps, Column } from \"@stenajs-webui/core\";\nimport * as React from \"react\";\nimport { ReactNode } from \"react\";\n\nexport interface StickySearchButtonProps extends Pick<BoxProps, \"gap\"> {\n  children?: ReactNode;\n}\n\nexport const StickyFooter: React.FC<StickySearchButtonProps> = ({\n  children,\n  ...boxProps\n}) => {\n  return (\n    <Column\n      style={{ marginTop: \"auto\" }}\n      justifyContent={\"center\"}\n      spacing={2}\n      indent\n      shadow={\"popover\"}\n      zIndex={1}\n      {...boxProps}\n    >\n      {children}\n    </Column>\n  );\n};\n","import { createContext, useContext } from \"react\";\n\nexport const SearchFilterModelContext = createContext<unknown>(null as unknown);\n\nexport const useSearchFilterModel = <TFormModel>(): TFormModel => {\n  const c = useContext(SearchFilterModelContext);\n  if (!c) {\n    throw new Error(\n      \"Missing search filter context, wrap components with SearchFilterContext component.\"\n    );\n  }\n  return c as TFormModel;\n};\n","import * as React from \"react\";\nimport { PropsWithChildren } from \"react\";\nimport {\n  SearchFilterActions,\n  SearchFilterDispatch,\n  SearchFilterState,\n} from \"../../redux/SearchFilterRedux\";\nimport { SearchFilterDispatchContext } from \"../../context/SearchFilterDispatchContext\";\nimport { SearchFilterActionsContext } from \"../../context/SearchFilterActionsContext\";\nimport { SearchFilterStateContext } from \"../../context/SearchFilterStateContext\";\nimport { SearchFilterModelContext } from \"../../context/SearchFilterModelContext\";\n\ninterface SearchFilterScopeProps<TFormModel, TSectionKey extends string> {\n  state: SearchFilterState<TFormModel>;\n  dispatch: SearchFilterDispatch<TFormModel>;\n  actions: SearchFilterActions<TFormModel, TSectionKey>;\n}\n\nexport const SearchFilterContext = function SearchFilterScope<\n  TFormModel,\n  TSectionKey extends string\n>({\n  state,\n  dispatch,\n  actions,\n  children,\n}: PropsWithChildren<SearchFilterScopeProps<TFormModel, TSectionKey>>) {\n  return (\n    <SearchFilterDispatchContext.Provider\n      value={dispatch as SearchFilterDispatch<unknown>}\n    >\n      <SearchFilterActionsContext.Provider value={actions}>\n        <SearchFilterStateContext.Provider value={state}>\n          <SearchFilterModelContext.Provider value={state.formModel}>\n            {children}\n          </SearchFilterModelContext.Provider>\n        </SearchFilterStateContext.Provider>\n      </SearchFilterActionsContext.Provider>\n    </SearchFilterDispatchContext.Provider>\n  );\n};\n","import { combineReducers } from \"redux\";\nimport {\n  createEntityActions,\n  createEntityReducer,\n  createValueByIdActions,\n  createValueByIdReducer,\n  EntityAction,\n  EntityState,\n  reducerIdGate,\n  reducerIdGateAction,\n  ReducerIdGateAction,\n  ValueByIdAction,\n  ValueByIdState,\n} from \"@stenajs-webui/redux\";\nimport { Dispatch } from \"react\";\n\nexport interface SearchFilterSettings {\n  open: boolean;\n}\n\nexport type SearchFilterDispatch<TFormModel> = Dispatch<\n  SearchFilterAction<TFormModel>\n>;\n\nexport interface SearchFilterState<TFormModel> {\n  expandedSections: ValueByIdState<boolean>;\n  formModel: EntityState<TFormModel>;\n  settings: EntityState<SearchFilterSettings>;\n}\n\nexport type SearchFilterAction<TFormModel> =\n  | ReducerIdGateAction<ValueByIdAction<boolean>>\n  | ReducerIdGateAction<EntityAction<TFormModel>>\n  | ReducerIdGateAction<EntityAction<SearchFilterSettings>>;\n\nexport const createSearchFilterInitialState = <TFormModel>(\n  initialFormModel: TFormModel\n): SearchFilterState<TFormModel> => ({\n  settings: {\n    open: false,\n  },\n  formModel: initialFormModel,\n  expandedSections: { values: {} },\n});\n\nexport const createSearchFilterReducer = <TFormModel>(\n  reducerId: string,\n  initialState: SearchFilterState<TFormModel>\n) =>\n  combineReducers({\n    expandedSections: reducerIdGate(\n      getReducerIdFor(reducerId, \"expandedSections\"),\n      createValueByIdReducer<boolean>(initialState.expandedSections)\n    ),\n    formModel: reducerIdGate(\n      getReducerIdFor(reducerId, \"formModel\"),\n      createEntityReducer<TFormModel>(initialState.formModel)\n    ),\n    settings: reducerIdGate(\n      getReducerIdFor(reducerId, \"settings\"),\n      createEntityReducer<SearchFilterSettings>(initialState.settings)\n    ),\n  });\n\nexport interface SearchFilterActions<TFormModel, TSectionKey extends string> {\n  openFilters: () => SearchFilterAction<TFormModel>;\n  closeFilters: () => SearchFilterAction<TFormModel>;\n  setFormModelFields: (\n    fields: Partial<TFormModel>\n  ) => SearchFilterAction<TFormModel>;\n  clearFormModel: () => SearchFilterAction<TFormModel>;\n  expandSection: (section: TSectionKey) => SearchFilterAction<TFormModel>;\n  collapseSection: (section: TSectionKey) => SearchFilterAction<TFormModel>;\n  setSectionExpanded: (\n    section: TSectionKey,\n    expanded: boolean\n  ) => SearchFilterAction<TFormModel>;\n  clearExpandedSections: () => SearchFilterAction<TFormModel>;\n}\n\nexport const createSearchFilterActions = <\n  TFormModel,\n  TSectionKey extends string\n>(\n  reducerId: string,\n  initialFormModel: TFormModel\n): SearchFilterActions<TFormModel, TSectionKey> => ({\n  openFilters: () =>\n    reducerIdGateAction(\n      getReducerIdFor(reducerId, \"settings\"),\n      createEntityActions<SearchFilterSettings>().setEntityFields({\n        open: true,\n      })\n    ),\n  closeFilters: () =>\n    reducerIdGateAction(\n      getReducerIdFor(reducerId, \"settings\"),\n      createEntityActions<SearchFilterSettings>().setEntityFields({\n        open: false,\n      })\n    ),\n  setFormModelFields: (fields: Partial<TFormModel>) =>\n    reducerIdGateAction(\n      getReducerIdFor(reducerId, \"formModel\"),\n      createEntityActions<TFormModel>().setEntityFields(fields)\n    ),\n  clearFormModel: () =>\n    reducerIdGateAction(\n      getReducerIdFor(reducerId, \"formModel\"),\n      createEntityActions<TFormModel>().setEntity(initialFormModel)\n    ),\n  expandSection: (section: TSectionKey) =>\n    reducerIdGateAction(\n      getReducerIdFor(reducerId, \"expandedSections\"),\n      createValueByIdActions<boolean>().setValue(section, true)\n    ),\n  collapseSection: (section: TSectionKey) =>\n    reducerIdGateAction(\n      getReducerIdFor(reducerId, \"expandedSections\"),\n      createValueByIdActions<boolean>().setValue(section, false)\n    ),\n  setSectionExpanded: (section: TSectionKey, expanded: boolean) =>\n    reducerIdGateAction(\n      getReducerIdFor(reducerId, \"expandedSections\"),\n      createValueByIdActions<boolean>().setValue(section, expanded)\n    ),\n  clearExpandedSections: () =>\n    reducerIdGateAction(\n      getReducerIdFor(reducerId, \"expandedSections\"),\n      createValueByIdActions<boolean>().clearAllValues()\n    ),\n});\n\nexport const getReducerIdFor = (\n  reducerId: string,\n  reducerIdSuffix: keyof SearchFilterState<unknown>\n): string => `${reducerId}.${reducerIdSuffix}`;\n","import {\n  createSearchFilterActions,\n  createSearchFilterReducer,\n  SearchFilterState,\n} from \"../redux/SearchFilterRedux\";\nimport { useReducer, useState } from \"react\";\n\nexport const useLocalSearchFilterState = <\n  TFormModel,\n  TSectionKey extends string\n>(\n  initialState: SearchFilterState<TFormModel>\n) => {\n  const [reducer] = useState(() =>\n    createSearchFilterReducer<TFormModel>(\"local\", initialState)\n  );\n\n  const [actions] = useState(() =>\n    createSearchFilterActions<TFormModel, TSectionKey>(\n      \"local\",\n      initialState.formModel\n    )\n  );\n\n  const [state, dispatch] = useReducer(reducer, initialState);\n\n  return {\n    actions,\n    state,\n    dispatch,\n  };\n};\n","import * as React from \"react\";\nimport { PropsWithChildren } from \"react\";\nimport { useLocalSearchFilterState } from \"../../hooks/UseLocalSearchFilterState\";\nimport { SearchFilterContext } from \"./SearchFilterContext\";\nimport { createSearchFilterInitialState } from \"../../redux/SearchFilterRedux\";\n\ninterface SearchFilterLocalScopeProps<TFormModel> {\n  initialFormModel: TFormModel;\n}\n\nexport const SearchFilterLocalStateContext = function SearchFilterLocalScope<\n  TFormModel\n>({\n  initialFormModel,\n  children,\n}: PropsWithChildren<SearchFilterLocalScopeProps<TFormModel>>) {\n  const { state, actions, dispatch } = useLocalSearchFilterState(\n    createSearchFilterInitialState(initialFormModel)\n  );\n\n  return (\n    <SearchFilterContext state={state} actions={actions} dispatch={dispatch}>\n      {children}\n    </SearchFilterContext>\n  );\n};\n","import styled from \"@emotion/styled\";\n\nexport const ChipSpacer = styled.div`\n  padding: calc(var(--swui-metrics-spacing) / 2)\n    calc(var(--swui-metrics-indent) / 2);\n`;\n","import * as React from \"react\";\nimport { ReactNode, useCallback } from \"react\";\nimport { Row } from \"@stenajs-webui/core\";\nimport { ChipSpacer } from \"./ChipSpacer\";\nimport { FlatButton } from \"@stenajs-webui/elements\";\nimport { useSearchFilterDispatch } from \"../../context/SearchFilterDispatchContext\";\nimport { useSearchFilterActions } from \"../../context/SearchFilterActionsContext\";\n\ninterface SearchFilterChipsProps {\n  disableClearAllButton?: boolean;\n  children?: ReactNode;\n}\n\nexport const SearchFilterChips: React.FC<SearchFilterChipsProps> = ({\n  children,\n  disableClearAllButton = false,\n}) => {\n  const dispatch = useSearchFilterDispatch();\n  const actions = useSearchFilterActions();\n\n  const onClickClearAll = useCallback(\n    () => dispatch(actions.clearFormModel()),\n    [actions, dispatch]\n  );\n\n  return (\n    <Row flexWrap={\"wrap\"}>\n      {children}\n      {!disableClearAllButton && (\n        <ChipSpacer>\n          <FlatButton\n            size={\"small\"}\n            label={\"Clear all\"}\n            onClick={onClickClearAll}\n          />\n        </ChipSpacer>\n      )}\n    </Row>\n  );\n};\n","import * as React from \"react\";\nimport { ChipSpacer } from \"./ChipSpacer\";\nimport { Chip } from \"@stenajs-webui/elements\";\nimport { useCallback } from \"react\";\nimport { useSearchFilterDispatch } from \"../../context/SearchFilterDispatchContext\";\nimport { useSearchFilterActions } from \"../../context/SearchFilterActionsContext\";\n\ninterface EmptyChipProps<TSectionKey extends string> {\n  sectionId: TSectionKey;\n  label: string;\n}\n\nexport const EmptyChip = function EmptyChip<TSectionKey extends string>({\n  label,\n  sectionId,\n}: EmptyChipProps<TSectionKey>) {\n  const dispatch = useSearchFilterDispatch();\n  const actions = useSearchFilterActions();\n\n  const onClickLabel = useCallback(() => {\n    dispatch(actions.clearExpandedSections());\n    dispatch(actions.expandSection(sectionId));\n    dispatch(actions.openFilters());\n  }, [actions, dispatch, sectionId]);\n\n  return (\n    <ChipSpacer>\n      <Chip label={label} variant={\"secondary\"} onClick={onClickLabel} />\n    </ChipSpacer>\n  );\n};\n","import * as React from \"react\";\nimport { useCallback } from \"react\";\nimport { ChipSpacer } from \"./ChipSpacer\";\nimport { Chip } from \"@stenajs-webui/elements\";\nimport { useSearchFilterDispatch } from \"../../context/SearchFilterDispatchContext\";\nimport { useSearchFilterActions } from \"../../context/SearchFilterActionsContext\";\nimport { SearchFilterSectionOnClickRemoveOnChip } from \"../../config/SearchFilterConfig\";\n\ninterface SearchFilterChipProps<TFormModel, TSectionKey> {\n  sectionId: TSectionKey;\n  label: string;\n  value: string;\n  onClickRemove?: SearchFilterSectionOnClickRemoveOnChip<TFormModel>;\n}\n\nexport const SearchFilterChip = function SearchFilterChip<\n  TFormModel,\n  TSectionKey extends string\n>({\n  sectionId,\n  label,\n  value,\n  onClickRemove,\n}: SearchFilterChipProps<TFormModel, TSectionKey>) {\n  const dispatch = useSearchFilterDispatch();\n  const actions = useSearchFilterActions();\n\n  const setFormModelFields = useCallback(\n    (fields: Partial<TFormModel>) =>\n      dispatch(actions.setFormModelFields(fields)),\n    [dispatch, actions]\n  );\n\n  const onClickRemoveHandler = useCallback(() => {\n    onClickRemove?.({ value, setFormModelFields });\n  }, [onClickRemove, setFormModelFields, value]);\n\n  const onClickLabel = useCallback(() => {\n    dispatch(actions.clearExpandedSections());\n    dispatch(actions.expandSection(sectionId));\n    dispatch(actions.openFilters());\n  }, [actions, dispatch, sectionId]);\n\n  return (\n    <ChipSpacer>\n      <Chip\n        label={label ?? sectionId}\n        onClick={onClickLabel}\n        onClickRemove={onClickRemove ? onClickRemoveHandler : undefined}\n      />\n    </ChipSpacer>\n  );\n};\n","import * as React from \"react\";\nimport {\n  SearchFilterSectionChipModel,\n  SearchFilterSectionOnClickRemoveOnChip,\n} from \"../../config/SearchFilterConfig\";\nimport { EmptyChip } from \"./EmptyChip\";\nimport { SearchFilterChip } from \"./SearchFilterChip\";\n\nexport interface SectionChipsProps<TFormModel, TSectionKey extends string> {\n  sectionId: TSectionKey;\n  chips?: Array<SearchFilterSectionChipModel>;\n  emptyChipLabel?: string;\n  onClickRemoveOnChip?: SearchFilterSectionOnClickRemoveOnChip<TFormModel>;\n}\n\nexport const SectionChips = function SectionChips<\n  TFormModel,\n  TSectionKey extends string\n>({\n  sectionId,\n  chips,\n  emptyChipLabel,\n  onClickRemoveOnChip,\n}: SectionChipsProps<TFormModel, TSectionKey>) {\n  if (!chips?.length) {\n    if (!emptyChipLabel) {\n      return null;\n    }\n    return <EmptyChip sectionId={sectionId} label={emptyChipLabel} />;\n  }\n\n  return (\n    <>\n      {chips.map(({ label, value }) => (\n        <SearchFilterChip\n          key={value}\n          label={label ?? sectionId}\n          sectionId={sectionId}\n          onClickRemove={onClickRemoveOnChip}\n          value={value}\n        />\n      ))}\n    </>\n  );\n};\n","import { BooleanRecord, BooleanRecordOptions } from \"./BooleanRecordTypes\";\nimport {\n  SearchFilterSectionChipModel,\n  SearchFilterSectionOnClickRemoveOnChip,\n} from \"../../config/SearchFilterConfig\";\nimport { PickByValue, truthyKeysAsList } from \"@stenajs-webui/core\";\nimport { SectionChipsProps } from \"../../features/chips/SectionChips\";\n\nexport const createChipsPropsForBooleanRecord = <\n  TFormModel,\n  TSectionKey extends string,\n  TField extends keyof PickByValue<TFormModel, BooleanRecord>\n>(\n  formModel: TFormModel,\n  fieldName: TField,\n  options?: BooleanRecordOptions\n): Pick<\n  SectionChipsProps<TFormModel, TSectionKey>,\n  \"chips\" | \"onClickRemoveOnChip\"\n> => ({\n  chips: createChipsForBooleanRecord(\n    formModel[fieldName] as unknown as BooleanRecord,\n    options\n  ),\n  onClickRemoveOnChip: createOnClickRemoveOnChipForBooleanRecord(\n    formModel,\n    fieldName\n  ),\n});\n\nexport const createChipsForBooleanRecord = (\n  booleanRecord: BooleanRecord,\n  options?: BooleanRecordOptions\n): Array<SearchFilterSectionChipModel> =>\n  truthyKeysAsList(booleanRecord).map((key) => {\n    const option = options?.find((o) => o.value === key);\n    return { value: key, label: option?.label ?? key };\n  });\n\nexport const createOnClickRemoveOnChipForBooleanRecord = <\n  TFormModel,\n  TField extends keyof PickByValue<TFormModel, BooleanRecord>\n>(\n  formModel: TFormModel,\n  fieldName: TField\n): SearchFilterSectionOnClickRemoveOnChip<TFormModel> => {\n  return ({ setFormModelFields, value }) => {\n    const newRecord = { ...formModel[fieldName] };\n    newRecord[value] = false;\n    setFormModelFields({\n      [fieldName]: newRecord,\n    } as unknown as Partial<TFormModel>);\n  };\n};\n","import * as React from \"react\";\nimport {\n  SearchFilterSection,\n  SearchFilterSectionProps,\n} from \"../../../components/SearchFilterSection\";\nimport { Column, Text } from \"@stenajs-webui/core\";\nimport { CollapsibleClickableContent } from \"@stenajs-webui/panels\";\nimport { Checkbox, ValueAndOnValueChangeProps } from \"@stenajs-webui/forms\";\nimport { BooleanRecord, BooleanRecordOptions } from \"../BooleanRecordTypes\";\n\nexport interface SimpleCheckboxSectionProps<TSectionKey extends string>\n  extends SearchFilterSectionProps<TSectionKey>,\n    ValueAndOnValueChangeProps<BooleanRecord> {\n  options?: BooleanRecordOptions;\n}\n\nexport const SimpleCheckboxListSection = <TSectionKey extends string>({\n  options,\n  value,\n  onValueChange,\n  ...sectionProps\n}: SimpleCheckboxSectionProps<TSectionKey>): React.ReactElement => (\n  <SearchFilterSection disableContentPadding {...sectionProps}>\n    <Column maxHeight={\"400px\"} overflowY={\"auto\"} flex={1}>\n      {options?.map((d) => (\n        <CollapsibleClickableContent\n          key={d.value}\n          onClick={() => {\n            if (value && onValueChange) {\n              const sel = !value[d.value];\n              onValueChange({\n                ...value,\n                [d.value]: sel,\n              });\n            }\n          }}\n          contentLeft={<Checkbox tabIndex={-1} value={value?.[d.value]} />}\n        >\n          <Text>{d.label}</Text>\n        </CollapsibleClickableContent>\n      ))}\n    </Column>\n  </SearchFilterSection>\n);\n","import * as React from \"react\";\nimport { useCallback, useMemo, useState } from \"react\";\nimport {\n  SearchFilterSection,\n  SearchFilterSectionProps,\n} from \"../../../components/SearchFilterSection\";\nimport { ValueAndOnValueChangeProps } from \"@stenajs-webui/forms\";\nimport { BooleanRecord, BooleanRecordOptions } from \"../BooleanRecordTypes\";\nimport { ChipMultiSelect, ChipMultiSelectValue } from \"@stenajs-webui/select\";\nimport { truthyKeysAsList } from \"@stenajs-webui/core\";\n\ninterface ChipMultiSelectSectionProps<TSectionKey extends string>\n  extends SearchFilterSectionProps<TSectionKey>,\n    ValueAndOnValueChangeProps<BooleanRecord> {\n  noneSelectedLabel?: string;\n  options?: BooleanRecordOptions;\n}\n\nexport const ChipMultiSelectSection = <TSectionKey extends string>({\n  options,\n  value,\n  noneSelectedLabel,\n  onValueChange,\n  ...sectionProps\n}: ChipMultiSelectSectionProps<TSectionKey>): React.ReactElement => {\n  const [text, setText] = useState<string>(\"\");\n\n  const listValue = useMemo<Array<ChipMultiSelectValue>>(\n    () =>\n      value\n        ? truthyKeysAsList(value).map<ChipMultiSelectValue>((key) => {\n            const option = options?.find((o) => o.value === key);\n            return { value: key, label: option?.label ?? key };\n          })\n        : [],\n    [options, value]\n  );\n\n  const filteredOptions = useMemo(() => {\n    return options?.filter(\n      (p) =>\n        p.value.toLocaleLowerCase().indexOf(text.toLocaleLowerCase()) > -1 ||\n        p.label.toLocaleLowerCase().indexOf(text.toLocaleLowerCase()) > -1\n    );\n  }, [options, text]);\n\n  const onValueChangeInternal = useCallback(\n    (value: Array<ChipMultiSelectValue>) => {\n      onValueChange?.(createBooleanRecordFromValue(value));\n    },\n    [onValueChange]\n  );\n\n  return (\n    <SearchFilterSection {...sectionProps}>\n      <ChipMultiSelect\n        options={filteredOptions}\n        value={listValue}\n        onValueChange={onValueChangeInternal}\n        inputValue={text}\n        noneSelectedLabel={noneSelectedLabel}\n        onInputChange={setText}\n        closeMenuOnSelect={false}\n      />\n    </SearchFilterSection>\n  );\n};\n\nconst createBooleanRecordFromValue = (\n  value: Array<ChipMultiSelectValue>\n): BooleanRecord => {\n  return value.reduce<BooleanRecord>((sum, item) => {\n    sum[item.value] = true;\n    return sum;\n  }, {});\n};\n","import {\n  SearchFilterSectionChipModel,\n  SearchFilterSectionOnClickRemoveOnChip,\n} from \"../../config/SearchFilterConfig\";\nimport { PickByValue } from \"@stenajs-webui/core\";\nimport { SectionChipsProps } from \"../../features/chips/SectionChips\";\n\nexport const createChipsPropsForDateRange = <\n  TFormModel,\n  TSectionKey extends string,\n  TField extends keyof PickByValue<TFormModel, string | undefined>\n>(\n  formModel: TFormModel,\n  startDateFieldName: TField,\n  endDateFieldName: TField\n): Pick<\n  SectionChipsProps<TFormModel, TSectionKey>,\n  \"chips\" | \"onClickRemoveOnChip\"\n> => ({\n  chips: createChipsForDateRange(\n    formModel[startDateFieldName] as unknown as string | undefined,\n    formModel[endDateFieldName] as unknown as string | undefined\n  ),\n  onClickRemoveOnChip: createOnClickRemoveOnChipForDateRange(\n    startDateFieldName,\n    endDateFieldName\n  ),\n});\n\nexport const createChipsForDateRange = (\n  startDate: string | undefined,\n  endDate: string | undefined\n): Array<SearchFilterSectionChipModel> => {\n  if (!startDate && !endDate) {\n    return [];\n  }\n  return [\n    { value: \"dateRange\", label: `${startDate ?? \"\"} - ${endDate ?? \"\"}` },\n  ];\n};\n\nexport const createOnClickRemoveOnChipForDateRange = <\n  TFormModel,\n  TField extends keyof PickByValue<TFormModel, string | undefined>\n>(\n  startDateFieldName: TField,\n  endDateFieldName: TField\n): SearchFilterSectionOnClickRemoveOnChip<TFormModel> => {\n  return ({ setFormModelFields }) => {\n    setFormModelFields({\n      [startDateFieldName]: undefined,\n      [endDateFieldName]: undefined,\n    } as unknown as Partial<TFormModel>);\n  };\n};\n","import { PickByValue } from \"@stenajs-webui/core\";\nimport { DateRangeCalendarSectionProps } from \"./components/DateRangeCalendarSection\";\n\nexport const createDateRangeSectionProps = <\n  TFormModel,\n  TField extends keyof PickByValue<TFormModel, string | undefined>,\n  TSectionKey extends string\n>(\n  formModel: TFormModel,\n  startDateFieldName: TField,\n  endDateFieldName: TField\n): Pick<\n  DateRangeCalendarSectionProps<TFormModel, TSectionKey>,\n  \"value\" | \"onValueChange\"\n> => ({\n  value: {\n    startDate: formModel[startDateFieldName] as unknown as string | undefined,\n    endDate: formModel[endDateFieldName] as unknown as string | undefined,\n  },\n  onValueChange: (value, { dispatch, actions }) => {\n    const fields: Partial<TFormModel> = {\n      [startDateFieldName]: value.startDate,\n      [endDateFieldName]: value.endDate,\n    } as any;\n    dispatch(actions.setFormModelFields(fields));\n  },\n});\n","import {\n  DateRange,\n  DateRangeCalendar,\n  DateRangeCalendarProps,\n  DateRangeFocusedInput,\n  dateRangeToStrings,\n  DateStringRange,\n  stringsToDateRange,\n} from \"@stenajs-webui/calendar\";\nimport * as React from \"react\";\nimport { useCallback, useMemo, useState } from \"react\";\nimport { Box } from \"@stenajs-webui/core\";\nimport {\n  SearchFilterSection,\n  SearchFilterSectionProps,\n} from \"../../../components/SearchFilterSection\";\nimport {\n  SearchFilterActions,\n  SearchFilterDispatch,\n} from \"../../../redux/SearchFilterRedux\";\nimport { useSearchFilterDispatch } from \"../../../context/SearchFilterDispatchContext\";\nimport { useSearchFilterActions } from \"../../../context/SearchFilterActionsContext\";\n\nexport interface DateRangeCalendarSectionProps<\n  TFormModel,\n  TSectionKey extends string\n> extends Omit<\n      SearchFilterSectionProps<TSectionKey>,\n      \"label\" | \"onRetry\" | \"error\" | \"loading\"\n    >,\n    Omit<\n      DateRangeCalendarProps<{}>,\n      \"value\" | \"onValueChange\" | \"focusedInput\" | \"setFocusedInput\"\n    > {\n  value: DateStringRange;\n  onValueChange: (\n    value: DateStringRange,\n    options: SetDateOptions<TFormModel, TSectionKey>\n  ) => void;\n}\n\nexport interface SetDateOptions<TFormModel, TSectionKey extends string> {\n  dispatch: SearchFilterDispatch<TFormModel>;\n  actions: SearchFilterActions<TFormModel, TSectionKey>;\n}\n\nexport const DateRangeCalendarSection = <\n  TFormModel,\n  TSectionKey extends string\n>({\n  value,\n  onValueChange,\n  sectionId,\n  contentLeft,\n  contentRight,\n  disableContentPadding,\n  ...dateRangeCalendarProps\n}: DateRangeCalendarSectionProps<TFormModel, TSectionKey>) => {\n  const dispatch = useSearchFilterDispatch();\n  const actions = useSearchFilterActions<TFormModel, TSectionKey>();\n\n  const options = useMemo<SetDateOptions<TFormModel, TSectionKey>>(\n    () => ({ dispatch, actions }),\n    [actions, dispatch]\n  );\n  const [focusedInput, setFocusedInput] =\n    useState<DateRangeFocusedInput>(\"startDate\");\n\n  const dateRangeValue = useMemo(() => stringsToDateRange(value), [value]);\n\n  const onValueChangeHandler = useCallback(\n    (value: DateRange) => {\n      onValueChange(dateRangeToStrings(value), options);\n    },\n    [onValueChange, options]\n  );\n\n  return (\n    <SearchFilterSection\n      sectionId={sectionId}\n      contentRight={contentRight}\n      contentLeft={contentLeft}\n      disableContentPadding={disableContentPadding}\n    >\n      <Box flex={1} alignItems={\"center\"}>\n        <Box background={\"white\"} indent>\n          <DateRangeCalendar\n            setFocusedInput={setFocusedInput}\n            focusedInput={focusedInput}\n            value={dateRangeValue}\n            onValueChange={onValueChangeHandler}\n            {...dateRangeCalendarProps}\n          />\n        </Box>\n      </Box>\n    </SearchFilterSection>\n  );\n};\n"],"names":["SearchFilterPanelHeader","onRequestClose","header","headerIcon","stenaSliders","contentRight","CardHeader","Row","_jsx","FlatButton","stenaTimes","SearchFilterStateContext","createContext","useSearchFilterState","c","useContext","SearchFilterDispatchContext","useSearchFilterDispatch","SearchFilterActionsContext","useSearchFilterActions","SearchFilterDrawer","children","headerContentRight","drawerProps","settings","open","dispatch","actions","closeDrawer","useCallback","closeFilters","Drawer","cssColor","Column","SearchFilterButton","label","leftIcon","onClickButton","openFilters","SecondaryButton","SearchFilterSection","sectionId","contentLeft","loading","error","onRetry","disableContentPadding","state","expanded","expandedSections","values","onClickLabel","setSectionExpanded","activeLabel","formatColumnIdToHeaderCellLabel","Collapsible","CollapsibleContent","Spinner","Banner","columnId","upperFirst","lowerCase","StickyFooter","boxProps","marginTop","SearchFilterModelContext","useSearchFilterModel","SearchFilterContext","formModel","createSearchFilterInitialState","initialFormModel","createSearchFilterReducer","reducerId","initialState","combineReducers","reducerIdGate","getReducerIdFor","createValueByIdReducer","createEntityReducer","createSearchFilterActions","reducerIdGateAction","createEntityActions","fields","section","createValueByIdActions","reducerIdSuffix","useLocalSearchFilterState","reducer","useState","useReducer","SearchFilterLocalStateContext","ChipSpacer","styled","div","SearchFilterChips","disableClearAllButton","onClickClearAll","clearFormModel","EmptyChip","clearExpandedSections","expandSection","Chip","SearchFilterChip","value","onClickRemove","setFormModelFields","onClickRemoveHandler","undefined","SectionChips","chips","emptyChipLabel","onClickRemoveOnChip","length","_Fragment","map","createChipsPropsForBooleanRecord","fieldName","options","createChipsForBooleanRecord","createOnClickRemoveOnChipForBooleanRecord","booleanRecord","truthyKeysAsList","key","option","_a","newRecord","SimpleCheckboxListSection","onValueChange","sectionProps","d","CollapsibleClickableContent","sel","Checkbox","Text","ChipMultiSelectSection","noneSelectedLabel","text","setText","listValue","useMemo","find","o","filteredOptions","filter","p","toLocaleLowerCase","indexOf","onValueChangeInternal","createBooleanRecordFromValue","ChipMultiSelect","reduce","sum","item","createChipsPropsForDateRange","startDateFieldName","endDateFieldName","createChipsForDateRange","createOnClickRemoveOnChipForDateRange","startDate","endDate","createDateRangeSectionProps","DateRangeCalendarSection","dateRangeCalendarProps","focusedInput","setFocusedInput","dateRangeValue","stringsToDateRange","onValueChangeHandler","dateRangeToStrings","Box","DateRangeCalendar"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stenajs-webui/filter",
-  "version": "17.21.0",
+  "version": "17.23.0",
   "description": "",
   "author": "mattias800",
   "license": "MIT",
@@ -26,15 +26,15 @@
     "deploy": "gh-pages -d example/build"
   },
   "dependencies": {
-    "@stenajs-webui/calendar": "17.21.0",
-    "@stenajs-webui/core": "17.21.0",
-    "@stenajs-webui/elements": "17.21.0",
-    "@stenajs-webui/forms": "17.21.0",
-    "@stenajs-webui/modal": "17.21.0",
-    "@stenajs-webui/panels": "17.21.0",
-    "@stenajs-webui/redux": "17.21.0",
-    "@stenajs-webui/select": "17.21.0",
-    "@stenajs-webui/theme": "17.21.0",
+    "@stenajs-webui/calendar": "17.23.0",
+    "@stenajs-webui/core": "17.23.0",
+    "@stenajs-webui/elements": "17.23.0",
+    "@stenajs-webui/forms": "17.23.0",
+    "@stenajs-webui/modal": "17.23.0",
+    "@stenajs-webui/panels": "17.23.0",
+    "@stenajs-webui/redux": "17.23.0",
+    "@stenajs-webui/select": "17.23.0",
+    "@stenajs-webui/theme": "17.23.0",
     "date-fns": "2.26.0"
   },
   "peerDependencies": {
@@ -65,5 +65,5 @@
   "files": [
     "dist"
   ],
-  "gitHead": "77154f580c8d43db240e544d7bc9d000cc980c6b"
+  "gitHead": "38a8785db11f22a185a3b659d316821af20022fb"
 }