@stenajs-webui/filter 18.12.0 → 18.12.1

package/dist/index.es.js

@@ -1,10 +1,10 @@
 (function(){"use strict";try{var e=document.createElement("style");e.appendChild(document.createTextNode("")),document.head.appendChild(e)}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
-import { createContext as M, useContext as L, useCallback as h, useState as R, useReducer as Q, useMemo as v } from "react";
-import { Drawer as U } from "@stenajs-webui/modal";
-import { cssColor as X } from "@stenajs-webui/theme";
-import { Row as E, Column as y, truthyKeysAsList as $, Text as Z, Box as T } from "@stenajs-webui/core";
-import { CardHeader as _, FlatButton as B, stenaTimes as I, stenaSliders as z, SecondaryButton as N, Spinner as ee, Banner as te, Chip as D } from "@stenajs-webui/elements";
-import { jsx as c, jsxs as O, Fragment as ne } from "react/jsx-runtime";
+import { jsx as c, jsxs as E, Fragment as Q } from "react/jsx-runtime";
+import { createContext as M, useContext as L, useCallback as h, useState as R, useReducer as U, useMemo as v } from "react";
+import { Drawer as X } from "@stenajs-webui/modal";
+import { cssColor as Z } from "@stenajs-webui/theme";
+import { Row as y, Column as B, truthyKeysAsList as $, Text as _, Box as T } from "@stenajs-webui/core";
+import { CardHeader as I, FlatButton as O, stenaTimes as N, stenaSliders as z, SecondaryButton as ee, Spinner as te, Banner as ne, Chip as D } from "@stenajs-webui/elements";
 import { Collapsible as re, CollapsibleContent as H, CollapsibleClickableContent as oe } from "@stenajs-webui/panels";
 import { upperFirst as ce, lowerCase as se } from "lodash";
 import { combineReducers as ie } from "redux";
@@ -18,18 +18,18 @@ const Se = ({
   header: t = "Filters",
   headerIcon: n = z,
   contentRight: r
-}) => /* @__PURE__ */ c(_, {
-  flex: "0 0 auto",
-  contentRight: /* @__PURE__ */ O(E, {
-    gap: 2,
-    children: [r, /* @__PURE__ */ c(B, {
-      leftIcon: I,
-      onClick: e
-    })]
-  }),
-  leftIcon: n,
-  text: t
-}), q = M(null), G = () => {
+}) => /* @__PURE__ */ c(
+  I,
+  {
+    flex: "0 0 auto",
+    contentRight: /* @__PURE__ */ E(y, { gap: 2, children: [
+      r,
+      /* @__PURE__ */ c(O, { leftIcon: N, onClick: e })
+    ] }),
+    leftIcon: n,
+    text: t
+  }
+), q = M(null), G = () => {
   const e = L(q);
   if (!e)
     throw new Error(
@@ -54,28 +54,32 @@ const Se = ({
   ...o
 }) => {
   const {
-    settings: {
-      open: s
-    }
+    settings: { open: s }
   } = G(), i = F(), a = x(), d = h(() => {
     i(a.closeFilters());
   }, [a, i]);
-  return /* @__PURE__ */ c(U, {
-    background: X("--lhds-color-ui-50"),
-    width: "370px",
-    isOpen: s,
-    onRequestClose: d,
-    ...o,
-    children: /* @__PURE__ */ O(y, {
-      height: "100%",
-      children: [/* @__PURE__ */ c(Se, {
-        onRequestClose: d,
-        header: t,
-        headerIcon: n,
-        contentRight: r
-      }), e]
-    })
-  });
+  return /* @__PURE__ */ c(
+    X,
+    {
+      background: Z("--lhds-color-ui-50"),
+      width: "370px",
+      isOpen: s,
+      onRequestClose: d,
+      ...o,
+      children: /* @__PURE__ */ E(B, { height: "100%", children: [
+        /* @__PURE__ */ c(
+          Se,
+          {
+            onRequestClose: d,
+            header: t,
+            headerIcon: n,
+            contentRight: r
+          }
+        ),
+        e
+      ] })
+    }
+  );
 }, We = ({
   label: e = "Filters",
   leftIcon: t = z
@@ -83,11 +87,14 @@ const Se = ({
   const n = F(), r = x(), o = h(() => {
     n(r.openFilters());
   }, [r, n]);
-  return /* @__PURE__ */ c(N, {
-    label: e,
-    leftIcon: t,
-    onClick: o
-  });
+  return /* @__PURE__ */ c(
+    ee,
+    {
+      label: e,
+      leftIcon: t,
+      onClick: o
+    }
+  );
 }, A = function({
   sectionId: t,
   label: n,
@@ -103,47 +110,40 @@ const Se = ({
   const l = G(), C = F(), f = x(), m = (V = l.expandedSections.values[t]) != null ? V : !1, b = h(() => {
     C(f.setSectionExpanded(t, !m));
   }, [f, C, m, t]), J = n != null ? n : fe(t);
-  return /* @__PURE__ */ c(re, {
-    label: J,
-    collapsed: !m,
-    onClick: b,
-    contentLeft: r,
-    contentRight: o,
-    children: s ? /* @__PURE__ */ c(H, {
-      children: /* @__PURE__ */ c(E, {
-        spacing: !0,
-        justifyContent: "center",
-        flex: 1,
-        children: /* @__PURE__ */ c(ee, {
-          size: "small"
-        })
-      })
-    }) : i ? /* @__PURE__ */ c(te, {
-      variant: "error",
-      text: i,
-      contentRight: a ? /* @__PURE__ */ c(B, {
-        label: "Retry",
-        onClick: a
-      }) : null
-    }) : d ? p : /* @__PURE__ */ c(H, {
-      children: p
-    })
-  });
+  return /* @__PURE__ */ c(
+    re,
+    {
+      label: J,
+      collapsed: !m,
+      onClick: b,
+      contentLeft: r,
+      contentRight: o,
+      children: s ? /* @__PURE__ */ c(H, { children: /* @__PURE__ */ c(y, { spacing: !0, justifyContent: "center", flex: 1, children: /* @__PURE__ */ c(te, { size: "small" }) }) }) : i ? /* @__PURE__ */ c(
+        ne,
+        {
+          variant: "error",
+          text: i,
+          contentRight: a ? /* @__PURE__ */ c(O, { label: "Retry", onClick: a }) : null
+        }
+      ) : d ? p : /* @__PURE__ */ c(H, { children: p })
+    }
+  );
 }, 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 = () => {
+}) => /* @__PURE__ */ c(
+  B,
+  {
+    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(
@@ -156,19 +156,13 @@ const Se = ({
   actions: r,
   children: o
 }) {
-  return /* @__PURE__ */ c(K.Provider, {
-    value: n,
-    children: /* @__PURE__ */ c(W.Provider, {
-      value: r,
-      children: /* @__PURE__ */ c(q.Provider, {
-        value: t,
-        children: /* @__PURE__ */ c(Y.Provider, {
-          value: t.formModel,
-          children: o
-        })
-      })
-    })
-  });
+  return /* @__PURE__ */ c(
+    K.Provider,
+    {
+      value: n,
+      children: /* @__PURE__ */ c(W.Provider, { value: r, children: /* @__PURE__ */ c(q.Provider, { value: t, children: /* @__PURE__ */ c(Y.Provider, { value: t.formModel, children: o }) }) })
+    }
+  );
 }, Fe = (e) => ({
   settings: {
     open: !1
@@ -233,7 +227,7 @@ const Se = ({
       "local",
       e.formModel
     )
-  ), [r, o] = Q(t, e);
+  ), [r, o] = U(t, e);
   return {
     actions: n,
     state: r,
@@ -243,17 +237,10 @@ const Se = ({
   initialFormModel: t,
   children: n
 }) {
-  const {
-    state: r,
-    actions: o,
-    dispatch: s
-  } = we(Fe(t));
-  return /* @__PURE__ */ c(me, {
-    state: r,
-    actions: o,
-    dispatch: s,
-    children: n
-  });
+  const { state: r, actions: o, dispatch: s } = we(
+    Fe(t)
+  );
+  return /* @__PURE__ */ c(me, { state: r, actions: o, dispatch: s, children: n });
 }, P = ae.div`
   padding: calc(var(--swui-metrics-spacing) / 2)
     calc(var(--swui-metrics-indent) / 2);
@@ -261,17 +248,21 @@ const Se = ({
   children: e,
   disableClearAllButton: t = !1
 }) => {
-  const n = F(), r = x(), o = h(() => n(r.clearFormModel()), [r, n]);
-  return /* @__PURE__ */ O(E, {
-    flexWrap: "wrap",
-    children: [e, !t && /* @__PURE__ */ c(P, {
-      children: /* @__PURE__ */ c(B, {
+  const n = F(), r = x(), o = h(
+    () => n(r.clearFormModel()),
+    [r, n]
+  );
+  return /* @__PURE__ */ E(y, { flexWrap: "wrap", children: [
+    e,
+    !t && /* @__PURE__ */ c(P, { children: /* @__PURE__ */ c(
+      O,
+      {
         size: "small",
         label: "Clear all",
         onClick: o
-      })
-    })]
-  });
+      }
+    ) })
+  ] });
 }, Re = function({
   label: t,
   sectionId: n
@@ -279,54 +270,45 @@ 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(P, {
-    children: /* @__PURE__ */ c(D, {
-      label: t,
-      variant: "secondary",
-      onClick: s
-    })
-  });
+  return /* @__PURE__ */ c(P, { children: /* @__PURE__ */ c(D, { label: t, variant: "secondary", onClick: s }) });
 }, ve = function({
   sectionId: t,
   label: n,
   value: r,
   onClickRemove: o
 }) {
-  const s = F(), i = x(), a = h((l) => s(i.setFormModelFields(l)), [s, i]), d = h(() => {
-    o == null || o({
-      value: r,
-      setFormModelFields: a
-    });
+  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(i.clearExpandedSections()), s(i.expandSection(t)), s(i.openFilters());
   }, [i, s, t]);
-  return /* @__PURE__ */ c(P, {
-    children: /* @__PURE__ */ c(D, {
+  return /* @__PURE__ */ c(P, { children: /* @__PURE__ */ c(
+    D,
+    {
       label: n != null ? n : t,
       onClick: p,
       onClickRemove: o ? d : void 0
-    })
-  });
+    }
+  ) });
 }, Xe = function({
   sectionId: t,
   chips: n,
   emptyChipLabel: r,
   onClickRemoveOnChip: o
 }) {
-  return n != null && n.length ? /* @__PURE__ */ c(ne, {
-    children: n.map(({
-      label: s,
-      value: i
-    }) => /* @__PURE__ */ c(ve, {
+  return n != null && n.length ? /* @__PURE__ */ c(Q, { children: n.map(({ label: s, value: i }) => /* @__PURE__ */ c(
+    ve,
+    {
       label: s != null ? s : t,
       sectionId: t,
       onClickRemove: o,
       value: i
-    }, i))
-  }) : r ? /* @__PURE__ */ c(Re, {
-    sectionId: t,
-    label: r
-  }) : null;
+    },
+    i
+  )) }) : r ? /* @__PURE__ */ c(Re, { sectionId: t, label: r }) : null;
 }, Ze = (e, t, n) => ({
   chips: Me(
     e[t],
@@ -350,52 +332,47 @@ const Se = ({
   value: t,
   onValueChange: n,
   ...r
-}) => /* @__PURE__ */ c(A, {
-  disableContentPadding: !0,
-  ...r,
-  children: /* @__PURE__ */ c(y, {
-    maxHeight: "400px",
-    overflowY: "auto",
-    flex: 1,
-    children: e == null ? void 0 : e.map((o) => /* @__PURE__ */ c(oe, {
-      onClick: () => {
-        if (t && n) {
-          const s = !t[o.value];
-          n({
-            ...t,
-            [o.value]: s
-          });
-        }
-      },
-      contentLeft: /* @__PURE__ */ c(de, {
-        tabIndex: -1,
-        value: t == null ? void 0 : t[o.value]
-      }),
-      children: /* @__PURE__ */ c(Z, {
-        children: o.label
-      })
-    }, o.value))
-  })
-}), Ie = ({
+}) => /* @__PURE__ */ c(A, { disableContentPadding: !0, ...r, children: /* @__PURE__ */ c(B, { maxHeight: "400px", overflowY: "auto", flex: 1, children: e == null ? void 0 : e.map((o) => /* @__PURE__ */ c(
+  oe,
+  {
+    onClick: () => {
+      if (t && n) {
+        const s = !t[o.value];
+        n({
+          ...t,
+          [o.value]: s
+        });
+      }
+    },
+    contentLeft: /* @__PURE__ */ c(de, { tabIndex: -1, value: t == null ? void 0 : t[o.value] }),
+    children: /* @__PURE__ */ c(_, { children: o.label })
+  },
+  o.value
+)) }) }), Ie = ({
   options: e,
   value: t,
   noneSelectedLabel: n,
   onValueChange: r,
   ...o
 }) => {
-  const [s, i] = R(""), a = v(() => t ? $(t).map((l) => {
-    var f;
-    const C = e == null ? void 0 : e.find((m) => m.value === l);
-    return {
-      value: l,
-      label: (f = C == null ? void 0 : C.label) != null ? f : l
-    };
-  }) : [], [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(A, {
-    ...o,
-    children: /* @__PURE__ */ c(ue, {
+  const [s, i] = R(""), a = v(
+    () => t ? $(t).map((l) => {
+      var f;
+      const C = e == null ? void 0 : e.find((m) => m.value === l);
+      return { value: l, label: (f = C == null ? void 0 : C.label) != null ? f : l };
+    }) : [],
+    [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(A, { ...o, children: /* @__PURE__ */ c(
+    ue,
+    {
       options: d,
       value: a,
       onValueChange: p,
@@ -403,8 +380,8 @@ const Se = ({
       noneSelectedLabel: n,
       onInputChange: i,
       closeMenuOnSelect: !1
-    })
-  });
+    }
+  ) });
 }, be = (e) => e.reduce((t, n) => (t[n.value] = !0, t), {}), Ne = (e, t, n) => ({
   chips: ke(
     e[t],
@@ -442,33 +419,34 @@ const Se = ({
   disableContentPadding: s,
   ...i
 }) => {
-  const a = F(), d = x(), p = v(() => ({
-    dispatch: a,
-    actions: d
-  }), [d, a]), [l, C] = R("startDate"), f = v(() => he(e), [e]), m = h((b) => {
-    t(pe(b), p);
-  }, [t, p]);
-  return /* @__PURE__ */ c(A, {
-    sectionId: n,
-    contentRight: o,
-    contentLeft: r,
-    disableContentPadding: s,
-    children: /* @__PURE__ */ c(T, {
-      flex: 1,
-      alignItems: "center",
-      children: /* @__PURE__ */ c(T, {
-        background: "white",
-        indent: !0,
-        children: /* @__PURE__ */ c(Ce, {
+  const a = F(), d = x(), p = v(
+    () => ({ dispatch: a, actions: d }),
+    [d, a]
+  ), [l, C] = R("startDate"), f = v(() => he(e), [e]), m = h(
+    (b) => {
+      t(pe(b), p);
+    },
+    [t, p]
+  );
+  return /* @__PURE__ */ c(
+    A,
+    {
+      sectionId: n,
+      contentRight: o,
+      contentLeft: r,
+      disableContentPadding: s,
+      children: /* @__PURE__ */ c(T, { flex: 1, alignItems: "center", children: /* @__PURE__ */ c(T, { background: "white", indent: !0, children: /* @__PURE__ */ c(
+        Ce,
+        {
           setFocusedInput: C,
           focusedInput: l,
           value: f,
           onValueChange: m,
           ...i
-        })
-      })
-    })
-  });
+        }
+      ) }) })
+    }
+  );
 };
 export {
   Ie as ChipMultiSelectSection,

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/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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"}
+{"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","jsx","CardHeader","jsxs","Row","FlatButton","stenaTimes","SearchFilterStateContext","createContext","useSearchFilterState","c","useContext","SearchFilterDispatchContext","useSearchFilterDispatch","SearchFilterActionsContext","useSearchFilterActions","SearchFilterDrawer","children","headerContentRight","drawerProps","open","dispatch","actions","closeDrawer","useCallback","Drawer","cssColor","Column","SearchFilterButton","label","leftIcon","onClickButton","SecondaryButton","SearchFilterSection","sectionId","contentLeft","loading","error","onRetry","disableContentPadding","state","expanded","_a","onClickLabel","activeLabel","formatColumnIdToHeaderCellLabel","Collapsible","CollapsibleContent","Spinner","Banner","columnId","upperFirst","lowerCase","StickyFooter","boxProps","SearchFilterModelContext","useSearchFilterModel","SearchFilterContext","createSearchFilterInitialState","initialFormModel","createSearchFilterReducer","reducerId","initialState","combineReducers","reducerIdGate","getReducerIdFor","createValueByIdReducer","createEntityReducer","createSearchFilterActions","reducerIdGateAction","createEntityActions","fields","section","createValueByIdActions","reducerIdSuffix","useLocalSearchFilterState","reducer","useState","useReducer","SearchFilterLocalStateContext","ChipSpacer","styled","SearchFilterChips","disableClearAllButton","onClickClearAll","EmptyChip","Chip","SearchFilterChip","value","onClickRemove","setFormModelFields","onClickRemoveHandler","SectionChips","chips","emptyChipLabel","onClickRemoveOnChip","createChipsPropsForBooleanRecord","formModel","fieldName","options","createChipsForBooleanRecord","createOnClickRemoveOnChipForBooleanRecord","booleanRecord","truthyKeysAsList","key","option","o","newRecord","SimpleCheckboxListSection","onValueChange","sectionProps","d","CollapsibleClickableContent","sel","Checkbox","Text","ChipMultiSelectSection","noneSelectedLabel","text","setText","listValue","useMemo","filteredOptions","p","onValueChangeInternal","createBooleanRecordFromValue","ChipMultiSelect","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,5 +1,5 @@
 (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"),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`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("react/jsx-runtime"),a=require("react"),J=require("@stenajs-webui/modal"),Q=require("@stenajs-webui/theme"),S=require("@stenajs-webui/core"),x=require("@stenajs-webui/elements"),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);
 `,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;

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/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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"}
+{"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","jsx","CardHeader","jsxs","Row","FlatButton","stenaTimes","SearchFilterStateContext","createContext","useSearchFilterState","c","useContext","SearchFilterDispatchContext","useSearchFilterDispatch","SearchFilterActionsContext","useSearchFilterActions","SearchFilterDrawer","children","headerContentRight","drawerProps","open","dispatch","actions","closeDrawer","useCallback","Drawer","cssColor","Column","SearchFilterButton","label","leftIcon","onClickButton","SecondaryButton","SearchFilterSection","sectionId","contentLeft","loading","error","onRetry","disableContentPadding","state","expanded","_a","onClickLabel","activeLabel","formatColumnIdToHeaderCellLabel","Collapsible","CollapsibleContent","Spinner","Banner","columnId","upperFirst","lowerCase","StickyFooter","boxProps","SearchFilterModelContext","useSearchFilterModel","SearchFilterContext","createSearchFilterInitialState","initialFormModel","createSearchFilterReducer","reducerId","initialState","combineReducers","reducerIdGate","getReducerIdFor","createValueByIdReducer","createEntityReducer","createSearchFilterActions","reducerIdGateAction","createEntityActions","fields","section","createValueByIdActions","reducerIdSuffix","useLocalSearchFilterState","reducer","useState","useReducer","SearchFilterLocalStateContext","ChipSpacer","styled","SearchFilterChips","disableClearAllButton","onClickClearAll","EmptyChip","Chip","SearchFilterChip","value","onClickRemove","setFormModelFields","onClickRemoveHandler","SectionChips","chips","emptyChipLabel","onClickRemoveOnChip","createChipsPropsForBooleanRecord","formModel","fieldName","options","createChipsForBooleanRecord","createOnClickRemoveOnChipForBooleanRecord","booleanRecord","truthyKeysAsList","key","option","newRecord","SimpleCheckboxListSection","onValueChange","sectionProps","d","CollapsibleClickableContent","sel","Checkbox","Text","ChipMultiSelectSection","noneSelectedLabel","text","setText","listValue","useMemo","o","filteredOptions","p","onValueChangeInternal","createBooleanRecordFromValue","ChipMultiSelect","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": "18.12.0",
+  "version": "18.12.1",
   "description": "",
   "author": "mattias800",
   "license": "MIT",
@@ -26,15 +26,15 @@
     "deploy": "gh-pages -d example/build"
   },
   "dependencies": {
-    "@stenajs-webui/calendar": "18.12.0",
-    "@stenajs-webui/core": "18.12.0",
-    "@stenajs-webui/elements": "18.12.0",
-    "@stenajs-webui/forms": "18.12.0",
-    "@stenajs-webui/modal": "18.12.0",
-    "@stenajs-webui/panels": "18.12.0",
-    "@stenajs-webui/redux": "18.12.0",
-    "@stenajs-webui/select": "18.12.0",
-    "@stenajs-webui/theme": "18.12.0",
+    "@stenajs-webui/calendar": "18.12.1",
+    "@stenajs-webui/core": "18.12.1",
+    "@stenajs-webui/elements": "18.12.1",
+    "@stenajs-webui/forms": "18.12.1",
+    "@stenajs-webui/modal": "18.12.1",
+    "@stenajs-webui/panels": "18.12.1",
+    "@stenajs-webui/redux": "18.12.1",
+    "@stenajs-webui/select": "18.12.1",
+    "@stenajs-webui/theme": "18.12.1",
     "date-fns": "2.26.0"
   },
   "peerDependencies": {
@@ -65,5 +65,5 @@
   "files": [
     "dist"
   ],
-  "gitHead": "d0bc10e9bd393ffa69851bed86e6929d632aae2a"
+  "gitHead": "8818f001c7328f889eb570756dc9f7ad7b394ca9"
 }