@stenajs-webui/filter 19.0.0-next.26 → 19.0.0-next.28

package/dist/features/search-filter/features/filter-checkbox/FilterCheckbox.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import { CheckboxProps } from "@stenajs-webui/forms";
+export interface FilterCheckboxProps extends CheckboxProps {
+    label: string;
+}
+export declare const FilterCheckbox: React.FC<FilterCheckboxProps>;

package/dist/features/search-filter/features/filter-checkbox/FilterCheckboxList.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import { PropsWithChildren } from "react";
+export interface FilterCheckboxListProps extends PropsWithChildren {
+    maxHeight?: string;
+}
+export declare const FilterCheckboxList: React.FC<FilterCheckboxListProps>;

package/dist/index.d.ts

@@ -16,6 +16,8 @@ export * from "./features/search-filter/context/SearchFilterDispatchContext";
 export * from "./features/search-filter/hooks/UseLocalSearchFilterState";
 export * from "./features/search-filter/redux/SearchFilterRedux";
 export * from "./features/search-filter/types/FilterEntity";
+export * from "./features/search-filter/features/filter-checkbox/FilterCheckbox";
+export * from "./features/search-filter/features/filter-checkbox/FilterCheckboxList";
 export * from "./features/search-filter/features/chips/SearchFilterChips";
 export * from "./features/search-filter/features/chips/SectionChips";
 export * from "./features/search-filter/features/chips/SearchFilterChip";

package/dist/index.es.js

@@ -1,35 +1,35 @@
 (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 { jsx as c, jsxs as B, Fragment as j } from "react/jsx-runtime";
-import { createContext as M, useContext as b, useCallback as u, useState as R, useReducer as J, useMemo as v } from "react";
+import { jsx as c, jsxs as M, Fragment as H } from "react/jsx-runtime";
+import { createContext as b, useContext as L, useCallback as u, useState as R, useReducer as J, useMemo as v } from "react";
 import { DrawerHeader as Q, Drawer as U } from "@stenajs-webui/modal";
 import { cssColor as X } from "@stenajs-webui/theme";
-import { Column as O, Box as y, Row as A, Space as Z, truthyKeysAsList as D } from "@stenajs-webui/core";
-import { SecondaryButton as _, stenaSlidersMini as I, MenuButton as N, Spinner as ee, Banner as te, FlatButton as $, Chip as z } from "@stenajs-webui/elements";
-import { upperFirst as ne, lowerCase as re } from "lodash";
-import { combineReducers as oe } from "redux";
-import { reducerIdGate as k, createValueByIdReducer as ce, createEntityReducer as T, reducerIdGateAction as f, createEntityActions as g, createValueByIdActions as w } from "@stenajs-webui/redux";
-import se from "@emotion/styled";
-import { CheckboxWithLabel as ie } from "@stenajs-webui/forms";
-import { ChipMultiSelect as ae } from "@stenajs-webui/select";
-import { stringsToDateRange as le, dateRangeToStrings as de, DateRangeCalendar as ue } from "@stenajs-webui/calendar";
-const he = ({ header: e = "Filter", ...t }) => /* @__PURE__ */ c(Q, { ...t, header: e }), q = M(null), G = () => {
-  const e = b(q);
+import { Column as O, Box as B, Row as A, Space as Z, Text as _, truthyKeysAsList as D } from "@stenajs-webui/core";
+import { SecondaryButton as I, stenaSlidersMini as N, MenuButton as ee, Spinner as te, Banner as ne, FlatButton as $, ContentMenuButton as re, Chip as z } from "@stenajs-webui/elements";
+import { upperFirst as oe, lowerCase as ce } from "lodash";
+import { combineReducers as se } from "redux";
+import { reducerIdGate as y, createValueByIdReducer as ie, createEntityReducer as j, reducerIdGateAction as f, createEntityActions as g, createValueByIdActions as w } from "@stenajs-webui/redux";
+import { Checkbox as ae } from "@stenajs-webui/forms";
+import le from "@emotion/styled";
+import { ChipMultiSelect as de } from "@stenajs-webui/select";
+import { stringsToDateRange as ue, dateRangeToStrings as he, DateRangeCalendar as pe } from "@stenajs-webui/calendar";
+const Se = ({ header: e = "Filter", ...t }) => /* @__PURE__ */ c(Q, { ...t, header: e }), q = b(null), G = () => {
+  const e = L(q);
   if (!e)
     throw new Error(
       "Missing search filter context, wrap components with SearchFilterContext component."
     );
   return e;
-}, W = M(null), F = () => {
-  const e = b(W);
+}, K = b(null), m = () => {
+  const e = L(K);
   if (!e)
     throw new Error("Missing search filter dispatch context.");
   return e;
-}, K = M(null), x = () => {
-  const e = b(K);
+}, W = b(null), x = () => {
+  const e = L(W);
   if (!e)
     throw new Error("Missing search filter actions context.");
   return e;
-}, $e = ({
+}, Ke = ({
   children: e,
   header: t,
   headerContentRight: n,
@@ -37,7 +37,7 @@ const he = ({ header: e = "Filter", ...t }) => /* @__PURE__ */ c(Q, { ...t, head
 }) => {
   const {
     settings: { open: o }
-  } = G(), s = F(), i = x(), l = u(() => {
+  } = G(), s = m(), i = x(), l = u(() => {
     s(i.closeFilters());
   }, [i, s]);
   return /* @__PURE__ */ c(
@@ -47,7 +47,7 @@ const he = ({ header: e = "Filter", ...t }) => /* @__PURE__ */ c(Q, { ...t, head
       isOpen: o,
       onRequestClose: l,
       ...r,
-      children: /* @__PURE__ */ B(
+      children: /* @__PURE__ */ M(
         O,
         {
           height: "100%",
@@ -55,28 +55,28 @@ const he = ({ header: e = "Filter", ...t }) => /* @__PURE__ */ c(Q, { ...t, head
           background: X("--lhds-color-ui-50"),
           children: [
             /* @__PURE__ */ c(
-              he,
+              Se,
               {
                 onRequestClose: l,
                 header: t,
                 contentRight: n
               }
             ),
-            /* @__PURE__ */ c(y, { spacing: 1, indent: 1, gap: 1, children: e })
+            /* @__PURE__ */ c(B, { spacing: 1, indent: 1, gap: 1, children: e })
           ]
         }
       )
     }
   );
-}, ze = ({
+}, We = ({
   label: e = "Filters",
-  leftIcon: t = I
+  leftIcon: t = N
 }) => {
-  const n = F(), r = x(), o = u(() => {
+  const n = m(), r = x(), o = u(() => {
     n(r.openFilters());
   }, [r, n]);
   return /* @__PURE__ */ c(
-    _,
+    I,
     {
       label: e,
       leftIcon: t,
@@ -95,22 +95,22 @@ const he = ({ header: e = "Filter", ...t }) => /* @__PURE__ */ c(Q, { ...t, head
   contentRight: S
 }) {
   var V;
-  const a = G(), C = F(), m = x(), h = (V = a.expandedSections.values[t]) != null ? V : !1, L = u(() => {
-    C(m.setSectionExpanded(t, !h));
-  }, [m, C, h, t]), E = n != null ? n : pe(t);
-  return /* @__PURE__ */ B(j, { children: [
+  const a = G(), C = m(), F = x(), h = (V = a.expandedSections.values[t]) != null ? V : !1, E = u(() => {
+    C(F.setSectionExpanded(t, !h));
+  }, [F, C, h, t]), k = n != null ? n : Ce(t);
+  return /* @__PURE__ */ M(H, { children: [
     /* @__PURE__ */ c(
-      N,
+      ee,
       {
-        label: E,
+        label: k,
         leftIcon: p,
         expandable: !0,
         expanded: h,
         selected: h,
-        onClick: L,
+        onClick: E,
         right: S,
-        children: r ? /* @__PURE__ */ c(A, { spacing: !0, justifyContent: "center", flex: 1, children: /* @__PURE__ */ c(ee, { size: "small" }) }) : o ? /* @__PURE__ */ c(
-          te,
+        children: r ? /* @__PURE__ */ c(A, { spacing: !0, justifyContent: "center", flex: 1, children: /* @__PURE__ */ c(te, { size: "small" }) }) : o ? /* @__PURE__ */ c(
+          ne,
           {
             variant: "error",
             text: o,
@@ -121,7 +121,7 @@ const he = ({ header: e = "Filter", ...t }) => /* @__PURE__ */ c(Q, { ...t, head
     ),
     h && /* @__PURE__ */ c(Z, {})
   ] });
-}, pe = (e) => ne(re(e)), qe = ({
+}, Ce = (e) => oe(ce(e)), Ye = ({
   children: e,
   ...t
 }) => /* @__PURE__ */ c(
@@ -136,46 +136,46 @@ const he = ({ header: e = "Filter", ...t }) => /* @__PURE__ */ c(Q, { ...t, head
     ...t,
     children: e
   }
-), Y = M(null), Ge = () => {
-  const e = b(Y);
+), Y = b(null), Je = () => {
+  const e = L(Y);
   if (!e)
     throw new Error(
       "Missing search filter context, wrap components with SearchFilterContext component."
     );
   return e;
-}, Se = function({
+}, fe = function({
   state: t,
   dispatch: n,
   actions: r,
   children: o
 }) {
   return /* @__PURE__ */ c(
-    W.Provider,
+    K.Provider,
     {
       value: n,
-      children: /* @__PURE__ */ c(K.Provider, { value: r, children: /* @__PURE__ */ c(q.Provider, { value: t, children: /* @__PURE__ */ c(Y.Provider, { value: t.formModel, children: o }) }) })
+      children: /* @__PURE__ */ c(W.Provider, { value: r, children: /* @__PURE__ */ c(q.Provider, { value: t, children: /* @__PURE__ */ c(Y.Provider, { value: t.formModel, children: o }) }) })
     }
   );
-}, Ce = (e) => ({
+}, Fe = (e) => ({
   settings: {
     open: !1
   },
   formModel: e,
   expandedSections: { values: {} }
-}), fe = (e, t) => oe({
-  expandedSections: k(
+}), me = (e, t) => se({
+  expandedSections: y(
     d(e, "expandedSections"),
-    ce(t.expandedSections)
+    ie(t.expandedSections)
   ),
-  formModel: k(
+  formModel: y(
     d(e, "formModel"),
-    T(t.formModel)
+    j(t.formModel)
   ),
-  settings: k(
+  settings: y(
     d(e, "settings"),
-    T(t.settings)
+    j(t.settings)
   )
-}), me = (e, t) => ({
+}), xe = (e, t) => ({
   openFilters: () => f(
     d(e, "settings"),
     g().setEntityFields({
@@ -212,11 +212,11 @@ const he = ({ header: e = "Filter", ...t }) => /* @__PURE__ */ c(Q, { ...t, head
     d(e, "expandedSections"),
     w().clearAllValues()
   )
-}), d = (e, t) => `${e}.${t}`, Fe = (e) => {
+}), d = (e, t) => `${e}.${t}`, ge = (e) => {
   const [t] = R(
-    () => fe("local", e)
+    () => me("local", e)
   ), [n] = R(
-    () => me(
+    () => xe(
       "local",
       e.formModel
     )
@@ -226,28 +226,46 @@ const he = ({ header: e = "Filter", ...t }) => /* @__PURE__ */ c(Q, { ...t, head
     state: r,
     dispatch: o
   };
-}, We = function({
+}, Qe = function({
   initialFormModel: t,
   children: n
 }) {
-  const { state: r, actions: o, dispatch: s } = Fe(
-    Ce(t)
+  const { state: r, actions: o, dispatch: s } = ge(
+    Fe(t)
   );
-  return /* @__PURE__ */ c(Se, { state: r, actions: o, dispatch: s, children: n });
-}, H = se.div`
+  return /* @__PURE__ */ c(fe, { state: r, actions: o, dispatch: s, children: n });
+}, we = ({
+  label: e,
+  ...t
+}) => /* @__PURE__ */ c(re, { children: /* @__PURE__ */ M(A, { gap: 2, alignItems: "center", justifyContent: "flex-start", children: [
+  /* @__PURE__ */ c(ae, { ...t }),
+  /* @__PURE__ */ c(_, { children: e })
+] }) }), Re = ({
+  children: e,
+  maxHeight: t
+}) => /* @__PURE__ */ c(
+  O,
+  {
+    maxHeight: t,
+    overflowY: t ? "auto" : void 0,
+    gap: 1,
+    spacing: 1,
+    children: e
+  }
+), T = le.div`
   padding: calc(var(--swui-metrics-spacing) / 2)
     calc(var(--swui-metrics-indent) / 2);
-`, Ke = ({
+`, Ue = ({
   children: e,
   disableClearAllButton: t = !1
 }) => {
-  const n = F(), r = x(), o = u(
+  const n = m(), r = x(), o = u(
     () => n(r.clearFormModel()),
     [r, n]
   );
-  return /* @__PURE__ */ B(A, { flexWrap: "wrap", children: [
+  return /* @__PURE__ */ M(A, { flexWrap: "wrap", children: [
     e,
-    !t && /* @__PURE__ */ c(H, { children: /* @__PURE__ */ c(
+    !t && /* @__PURE__ */ c(T, { children: /* @__PURE__ */ c(
       $,
       {
         size: "small",
@@ -256,21 +274,21 @@ const he = ({ header: e = "Filter", ...t }) => /* @__PURE__ */ c(Q, { ...t, head
       }
     ) })
   ] });
-}, xe = function({
+}, ve = function({
   label: t,
   sectionId: n
 }) {
-  const r = F(), o = x(), s = u(() => {
+  const r = m(), o = x(), s = u(() => {
     r(o.clearExpandedSections()), r(o.expandSection(n)), r(o.openFilters());
   }, [o, r, n]);
-  return /* @__PURE__ */ c(H, { children: /* @__PURE__ */ c(z, { label: t, variant: "secondary", onClick: s }) });
-}, ge = function({
+  return /* @__PURE__ */ c(T, { children: /* @__PURE__ */ c(z, { label: t, variant: "secondary", onClick: s }) });
+}, Me = function({
   sectionId: t,
   label: n,
   value: r,
   onClickRemove: o
 }) {
-  const s = F(), i = x(), l = u(
+  const s = m(), i = x(), l = u(
     (a) => s(i.setFormModelFields(a)),
     [s, i]
   ), p = u(() => {
@@ -278,7 +296,7 @@ const he = ({ header: e = "Filter", ...t }) => /* @__PURE__ */ c(Q, { ...t, head
   }, [o, l, r]), S = u(() => {
     s(i.clearExpandedSections()), s(i.expandSection(t)), s(i.openFilters());
   }, [i, s, t]);
-  return /* @__PURE__ */ c(H, { children: /* @__PURE__ */ c(
+  return /* @__PURE__ */ c(T, { children: /* @__PURE__ */ c(
     z,
     {
       label: n != null ? n : t,
@@ -286,14 +304,14 @@ const he = ({ header: e = "Filter", ...t }) => /* @__PURE__ */ c(Q, { ...t, head
       onClickRemove: o ? p : void 0
     }
   ) });
-}, Ye = function({
+}, Xe = function({
   sectionId: t,
   chips: n,
   emptyChipLabel: r,
   onClickRemoveOnChip: o
 }) {
-  return n != null && n.length ? /* @__PURE__ */ c(j, { children: n.map(({ label: s, value: i }) => /* @__PURE__ */ c(
-    ge,
+  return n != null && n.length ? /* @__PURE__ */ c(H, { children: n.map(({ label: s, value: i }) => /* @__PURE__ */ c(
+    Me,
     {
       label: s != null ? s : t,
       sectionId: t,
@@ -301,42 +319,42 @@ const he = ({ header: e = "Filter", ...t }) => /* @__PURE__ */ c(Q, { ...t, head
       value: i
     },
     i
-  )) }) : r ? /* @__PURE__ */ c(xe, { sectionId: t, label: r }) : null;
-}, Je = (e, t, n) => ({
-  chips: we(
+  )) }) : r ? /* @__PURE__ */ c(ve, { sectionId: t, label: r }) : null;
+}, Ze = (e, t, n) => ({
+  chips: be(
     e[t],
     n
   ),
-  onClickRemoveOnChip: Re(
+  onClickRemoveOnChip: Le(
     e,
     t
   )
-}), we = (e, t) => D(e).map((n) => {
+}), be = (e, t) => D(e).map((n) => {
   var o;
   const r = t == null ? void 0 : t.find((s) => s.value === n);
   return { value: n, label: (o = r == null ? void 0 : r.label) != null ? o : n };
-}), Re = (e, t) => ({ setFormModelFields: n, value: r }) => {
+}), Le = (e, t) => ({ setFormModelFields: n, value: r }) => {
   const o = { ...e[t] };
   o[r] = !1, n({
     [t]: o
   });
-}, Qe = ({
+}, _e = ({
   options: e,
   value: t,
   onValueChange: n,
   ...r
-}) => /* @__PURE__ */ c(P, { disableContentPadding: !0, ...r, children: /* @__PURE__ */ c(O, { maxHeight: "400px", overflowY: "auto", flex: 1, gap: 1, spacing: 1, children: e == null ? void 0 : e.map((o) => /* @__PURE__ */ c(A, { alignItems: "center", children: /* @__PURE__ */ c(
-  ie,
+}) => /* @__PURE__ */ c(P, { disableContentPadding: !0, ...r, children: /* @__PURE__ */ c(Re, { maxHeight: "400px", children: e == null ? void 0 : e.map((o) => /* @__PURE__ */ c(
+  we,
   {
-    tabIndex: -1,
     value: t == null ? void 0 : t[o.value],
     label: o.label,
     onValueChange: (s) => n == null ? void 0 : n({
       ...t,
       [o.value]: s
     })
-  }
-) }, o.value)) }) }), Ue = ({
+  },
+  o.value
+)) }) }), Ie = ({
   options: e,
   value: t,
   noneSelectedLabel: n,
@@ -345,21 +363,21 @@ const he = ({ header: e = "Filter", ...t }) => /* @__PURE__ */ c(Q, { ...t, head
 }) => {
   const [s, i] = R(""), l = v(
     () => t ? D(t).map((a) => {
-      var m;
+      var F;
       const C = e == null ? void 0 : e.find((h) => h.value === a);
-      return { value: a, label: (m = C == null ? void 0 : C.label) != null ? m : a };
+      return { value: a, label: (F = C == null ? void 0 : C.label) != null ? F : a };
     }) : [],
     [e, t]
   ), p = v(() => e == null ? void 0 : e.filter(
     (a) => a.value.toLocaleLowerCase().indexOf(s.toLocaleLowerCase()) > -1 || a.label.toLocaleLowerCase().indexOf(s.toLocaleLowerCase()) > -1
   ), [e, s]), S = u(
     (a) => {
-      r == null || r(ve(a));
+      r == null || r(Ee(a));
     },
     [r]
   );
   return /* @__PURE__ */ c(P, { ...o, children: /* @__PURE__ */ c(
-    ae,
+    de,
     {
       options: p,
       value: l,
@@ -370,23 +388,23 @@ const he = ({ header: e = "Filter", ...t }) => /* @__PURE__ */ c(Q, { ...t, head
       closeMenuOnSelect: !1
     }
   ) });
-}, ve = (e) => e.reduce((t, n) => (t[n.value] = !0, t), {}), Xe = (e, t, n) => ({
-  chips: Me(
+}, Ee = (e) => e.reduce((t, n) => (t[n.value] = !0, t), {}), Ne = (e, t, n) => ({
+  chips: ke(
     e[t],
     e[n]
   ),
-  onClickRemoveOnChip: be(
+  onClickRemoveOnChip: ye(
     t,
     n
   )
-}), Me = (e, t) => !e && !t ? [] : [
+}), ke = (e, t) => !e && !t ? [] : [
   { value: "dateRange", label: `${e != null ? e : ""} - ${t != null ? t : ""}` }
-], be = (e, t) => ({ setFormModelFields: n }) => {
+], ye = (e, t) => ({ setFormModelFields: n }) => {
   n({
     [e]: void 0,
     [t]: void 0
   });
-}, Ze = (e, t, n) => ({
+}, et = (e, t, n) => ({
   value: {
     startDate: e[t],
     endDate: e[n]
@@ -398,7 +416,7 @@ const he = ({ header: e = "Filter", ...t }) => /* @__PURE__ */ c(Q, { ...t, head
     };
     o(s.setFormModelFields(i));
   }
-}), _e = ({
+}), tt = ({
   value: e,
   onValueChange: t,
   sectionId: n,
@@ -408,12 +426,12 @@ const he = ({ header: e = "Filter", ...t }) => /* @__PURE__ */ c(Q, { ...t, head
   leftIcon: i,
   ...l
 }) => {
-  const p = F(), S = x(), a = v(
+  const p = m(), S = x(), a = v(
     () => ({ dispatch: p, actions: S }),
     [S, p]
-  ), [C, m] = R("startDate"), h = v(() => le(e), [e]), L = u(
-    (E) => {
-      t(de(E), a);
+  ), [C, F] = R("startDate"), h = v(() => ue(e), [e]), E = u(
+    (k) => {
+      t(he(k), a);
     },
     [t, a]
   );
@@ -425,13 +443,13 @@ const he = ({ header: e = "Filter", ...t }) => /* @__PURE__ */ c(Q, { ...t, head
       sectionId: n,
       contentRight: r,
       disableContentPadding: o,
-      children: /* @__PURE__ */ c(y, { flex: 1, alignItems: "center", children: /* @__PURE__ */ c(y, { background: "white", indent: !0, children: /* @__PURE__ */ c(
-        ue,
+      children: /* @__PURE__ */ c(B, { flex: 1, alignItems: "center", children: /* @__PURE__ */ c(B, { background: "white", indent: !0, children: /* @__PURE__ */ c(
+        pe,
         {
-          setFocusedInput: m,
+          setFocusedInput: F,
           focusedInput: C,
           value: h,
-          onValueChange: L,
+          onValueChange: E,
           ...l
         }
       ) }) })
@@ -439,40 +457,42 @@ const he = ({ header: e = "Filter", ...t }) => /* @__PURE__ */ c(Q, { ...t, head
   );
 };
 export {
-  Ue as ChipMultiSelectSection,
-  _e as DateRangeCalendarSection,
-  xe as EmptyChip,
-  K as SearchFilterActionsContext,
-  ze as SearchFilterButton,
-  ge as SearchFilterChip,
-  Ke as SearchFilterChips,
-  Se as SearchFilterContext,
-  W as SearchFilterDispatchContext,
-  $e as SearchFilterDrawer,
-  We as SearchFilterLocalStateContext,
+  Ie as ChipMultiSelectSection,
+  tt as DateRangeCalendarSection,
+  ve as EmptyChip,
+  we as FilterCheckbox,
+  Re as FilterCheckboxList,
+  W as SearchFilterActionsContext,
+  We as SearchFilterButton,
+  Me as SearchFilterChip,
+  Ue as SearchFilterChips,
+  fe as SearchFilterContext,
+  K as SearchFilterDispatchContext,
+  Ke as SearchFilterDrawer,
+  Qe as SearchFilterLocalStateContext,
   Y as SearchFilterModelContext,
-  he as SearchFilterPanelHeader,
+  Se as SearchFilterPanelHeader,
   P as SearchFilterSection,
   q as SearchFilterStateContext,
-  Ye as SectionChips,
-  Qe as SimpleCheckboxListSection,
-  qe as StickyFooter,
-  we as createChipsForBooleanRecord,
-  Me as createChipsForDateRange,
-  Je as createChipsPropsForBooleanRecord,
-  Xe as createChipsPropsForDateRange,
-  Ze as createDateRangeSectionProps,
-  Re as createOnClickRemoveOnChipForBooleanRecord,
-  be as createOnClickRemoveOnChipForDateRange,
-  me as createSearchFilterActions,
-  Ce as createSearchFilterInitialState,
-  fe as createSearchFilterReducer,
-  pe as formatColumnIdToHeaderCellLabel,
+  Xe as SectionChips,
+  _e as SimpleCheckboxListSection,
+  Ye as StickyFooter,
+  be as createChipsForBooleanRecord,
+  ke as createChipsForDateRange,
+  Ze as createChipsPropsForBooleanRecord,
+  Ne as createChipsPropsForDateRange,
+  et as createDateRangeSectionProps,
+  Le as createOnClickRemoveOnChipForBooleanRecord,
+  ye as createOnClickRemoveOnChipForDateRange,
+  xe as createSearchFilterActions,
+  Fe as createSearchFilterInitialState,
+  me as createSearchFilterReducer,
+  Ce as formatColumnIdToHeaderCellLabel,
   d as getReducerIdFor,
-  Fe as useLocalSearchFilterState,
+  ge as useLocalSearchFilterState,
   x as useSearchFilterActions,
-  F as useSearchFilterDispatch,
-  Ge as useSearchFilterModel,
+  m as useSearchFilterDispatch,
+  Je as useSearchFilterModel,
   G as useSearchFilterState
 };
 //# sourceMappingURL=index.es.js.map

package/dist/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":["../src/features/search-filter/components/SearchFilterPanelHeader.tsx","../src/features/search-filter/context/SearchFilterStateContext.ts","../src/features/search-filter/context/SearchFilterDispatchContext.ts","../src/features/search-filter/context/SearchFilterActionsContext.ts","../src/features/search-filter/components/SearchFilterDrawer.tsx","../src/features/search-filter/components/SearchFilterButton.tsx","../src/features/search-filter/components/SearchFilterSection.tsx","../src/features/search-filter/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 { DrawerHeader } from \"@stenajs-webui/modal\";\n\ninterface SearchFilterPanelHeaderProps {\n  onRequestClose: () => void;\n  header?: string;\n  contentRight?: ReactNode;\n}\n\nexport const SearchFilterPanelHeader: React.FC<\n  SearchFilterPanelHeaderProps\n> = ({ header = \"Filter\", ...props }) => {\n  return <DrawerHeader {...props} header={header} />;\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 { Box, Column } from \"@stenajs-webui/core\";\nimport { SearchFilterPanelHeader } from \"./SearchFilterPanelHeader\";\nimport { useSearchFilterState } from \"../context/SearchFilterStateContext\";\nimport { useSearchFilterDispatch } from \"../context/SearchFilterDispatchContext\";\nimport { useSearchFilterActions } from \"../context/SearchFilterActionsContext\";\n\ninterface SearchFilterDrawerProps\n  extends Omit<DrawerProps, \"isOpen\" | \"onRequestClose\"> {\n  header?: string;\n  headerContentRight?: ReactNode;\n}\n\nexport const SearchFilterDrawer: React.FC<SearchFilterDrawerProps> = ({\n  children,\n  header,\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      floating\n      isOpen={open}\n      onRequestClose={closeDrawer}\n      {...drawerProps}\n    >\n      <Column\n        height={\"100%\"}\n        borderRadius={\"var(--swui-border-radius)\"}\n        background={cssColor(\"--lhds-color-ui-50\")}\n      >\n        <SearchFilterPanelHeader\n          onRequestClose={closeDrawer}\n          header={header}\n          contentRight={headerContentRight}\n        />\n        <Box spacing={1} indent={1} gap={1}>\n          {children}\n        </Box>\n      </Column>\n    </Drawer>\n  );\n};\n","import { SecondaryButton, stenaSlidersMini } 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/fontawesome-svg-core\";\n\ninterface SearchFilterDrawerButtonProps {\n  label?: string;\n  leftIcon?: IconDefinition;\n}\n\nexport const SearchFilterButton: React.FC<SearchFilterDrawerButtonProps> = ({\n  label = \"Filters\",\n  leftIcon = stenaSlidersMini,\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, Space } from \"@stenajs-webui/core\";\nimport { lowerCase, upperFirst } from \"lodash\";\nimport {\n  Banner,\n  FlatButton,\n  MenuButton,\n  Spinner,\n} from \"@stenajs-webui/elements\";\nimport { useSearchFilterState } from \"../context/SearchFilterStateContext\";\nimport { useSearchFilterDispatch } from \"../context/SearchFilterDispatchContext\";\nimport { useSearchFilterActions } from \"../context/SearchFilterActionsContext\";\nimport { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\n\nexport interface SearchFilterSectionProps<TSectionKey extends string> {\n  sectionId: TSectionKey;\n  label?: string;\n  leftIcon?: IconDefinition;\n  contentRight?: React.ReactNode;\n  disableContentPadding?: boolean;\n  loading?: boolean;\n  error?: string;\n  onRetry?: () => void;\n}\n\nexport const SearchFilterSection = function SearchFilterSection<\n  TSectionKey extends string\n>({\n  sectionId,\n  label,\n  loading,\n  error,\n  onRetry,\n  disableContentPadding,\n  children,\n  leftIcon,\n  contentRight,\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    <>\n      <MenuButton\n        label={activeLabel}\n        leftIcon={leftIcon}\n        expandable\n        expanded={expanded}\n        selected={expanded}\n        onClick={onClickLabel}\n        right={contentRight}\n      >\n        {loading ? (\n          <Row spacing justifyContent={\"center\"} flex={1}>\n            <Spinner size={\"small\"} />\n          </Row>\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          children\n        )}\n      </MenuButton>\n      {expanded && <Space />}\n    </>\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, Row } from \"@stenajs-webui/core\";\nimport {\n  CheckboxWithLabel,\n  ValueAndOnValueChangeProps,\n} 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} gap={1} spacing={1}>\n      {options?.map((d) => (\n        <Row key={d.value} alignItems={\"center\"}>\n          <CheckboxWithLabel\n            tabIndex={-1}\n            value={value?.[d.value]}\n            label={d.label}\n            onValueChange={(v) =>\n              onValueChange?.({\n                ...value,\n                [d.value]: v,\n              })\n            }\n          />\n        </Row>\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  label?: string;\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  contentRight,\n  disableContentPadding,\n  label,\n  leftIcon,\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      label={label}\n      leftIcon={leftIcon}\n      sectionId={sectionId}\n      contentRight={contentRight}\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","header","props","jsx","DrawerHeader","SearchFilterStateContext","createContext","useSearchFilterState","c","useContext","SearchFilterDispatchContext","useSearchFilterDispatch","SearchFilterActionsContext","useSearchFilterActions","SearchFilterDrawer","children","headerContentRight","drawerProps","open","dispatch","actions","closeDrawer","useCallback","Drawer","jsxs","Column","cssColor","Box","SearchFilterButton","label","leftIcon","stenaSlidersMini","onClickButton","SecondaryButton","SearchFilterSection","sectionId","loading","error","onRetry","disableContentPadding","contentRight","state","expanded","_a","onClickLabel","activeLabel","formatColumnIdToHeaderCellLabel","Fragment","MenuButton","Row","Spinner","Banner","FlatButton","Space","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","CheckboxWithLabel","v","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","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/filter-checkbox/FilterCheckbox.tsx","../src/features/search-filter/features/filter-checkbox/FilterCheckboxList.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 { DrawerHeader } from \"@stenajs-webui/modal\";\n\ninterface SearchFilterPanelHeaderProps {\n  onRequestClose: () => void;\n  header?: string;\n  contentRight?: ReactNode;\n}\n\nexport const SearchFilterPanelHeader: React.FC<\n  SearchFilterPanelHeaderProps\n> = ({ header = \"Filter\", ...props }) => {\n  return <DrawerHeader {...props} header={header} />;\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 { Box, Column } from \"@stenajs-webui/core\";\nimport { SearchFilterPanelHeader } from \"./SearchFilterPanelHeader\";\nimport { useSearchFilterState } from \"../context/SearchFilterStateContext\";\nimport { useSearchFilterDispatch } from \"../context/SearchFilterDispatchContext\";\nimport { useSearchFilterActions } from \"../context/SearchFilterActionsContext\";\n\ninterface SearchFilterDrawerProps\n  extends Omit<DrawerProps, \"isOpen\" | \"onRequestClose\"> {\n  header?: string;\n  headerContentRight?: ReactNode;\n}\n\nexport const SearchFilterDrawer: React.FC<SearchFilterDrawerProps> = ({\n  children,\n  header,\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      floating\n      isOpen={open}\n      onRequestClose={closeDrawer}\n      {...drawerProps}\n    >\n      <Column\n        height={\"100%\"}\n        borderRadius={\"var(--swui-border-radius)\"}\n        background={cssColor(\"--lhds-color-ui-50\")}\n      >\n        <SearchFilterPanelHeader\n          onRequestClose={closeDrawer}\n          header={header}\n          contentRight={headerContentRight}\n        />\n        <Box spacing={1} indent={1} gap={1}>\n          {children}\n        </Box>\n      </Column>\n    </Drawer>\n  );\n};\n","import { SecondaryButton, stenaSlidersMini } 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/fontawesome-svg-core\";\n\ninterface SearchFilterDrawerButtonProps {\n  label?: string;\n  leftIcon?: IconDefinition;\n}\n\nexport const SearchFilterButton: React.FC<SearchFilterDrawerButtonProps> = ({\n  label = \"Filters\",\n  leftIcon = stenaSlidersMini,\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, Space } from \"@stenajs-webui/core\";\nimport { lowerCase, upperFirst } from \"lodash\";\nimport {\n  Banner,\n  FlatButton,\n  MenuButton,\n  Spinner,\n} from \"@stenajs-webui/elements\";\nimport { useSearchFilterState } from \"../context/SearchFilterStateContext\";\nimport { useSearchFilterDispatch } from \"../context/SearchFilterDispatchContext\";\nimport { useSearchFilterActions } from \"../context/SearchFilterActionsContext\";\nimport { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\n\nexport interface SearchFilterSectionProps<TSectionKey extends string> {\n  sectionId: TSectionKey;\n  label?: string;\n  leftIcon?: IconDefinition;\n  contentRight?: React.ReactNode;\n  disableContentPadding?: boolean;\n  loading?: boolean;\n  error?: string;\n  onRetry?: () => void;\n}\n\nexport const SearchFilterSection = function SearchFilterSection<\n  TSectionKey extends string\n>({\n  sectionId,\n  label,\n  loading,\n  error,\n  onRetry,\n  disableContentPadding,\n  children,\n  leftIcon,\n  contentRight,\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    <>\n      <MenuButton\n        label={activeLabel}\n        leftIcon={leftIcon}\n        expandable\n        expanded={expanded}\n        selected={expanded}\n        onClick={onClickLabel}\n        right={contentRight}\n      >\n        {loading ? (\n          <Row spacing justifyContent={\"center\"} flex={1}>\n            <Spinner size={\"small\"} />\n          </Row>\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          children\n        )}\n      </MenuButton>\n      {expanded && <Space />}\n    </>\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 * as React from \"react\";\nimport { Row, Text } from \"@stenajs-webui/core\";\nimport { ContentMenuButton } from \"@stenajs-webui/elements\";\nimport { Checkbox, CheckboxProps } from \"@stenajs-webui/forms\";\n\nexport interface FilterCheckboxProps extends CheckboxProps {\n  label: string;\n}\n\nexport const FilterCheckbox: React.FC<FilterCheckboxProps> = ({\n  label,\n  ...checkboxProps\n}) => {\n  return (\n    <ContentMenuButton>\n      <Row gap={2} alignItems={\"center\"} justifyContent={\"flex-start\"}>\n        <Checkbox {...checkboxProps} />\n        <Text>{label}</Text>\n      </Row>\n    </ContentMenuButton>\n  );\n};\n","import * as React from \"react\";\nimport { PropsWithChildren } from \"react\";\nimport { Column } from \"@stenajs-webui/core\";\n\nexport interface FilterCheckboxListProps extends PropsWithChildren {\n  maxHeight?: string;\n}\n\nexport const FilterCheckboxList: React.FC<FilterCheckboxListProps> = ({\n  children,\n  maxHeight,\n}) => {\n  return (\n    <Column\n      maxHeight={maxHeight}\n      overflowY={maxHeight ? \"auto\" : undefined}\n      gap={1}\n      spacing={1}\n    >\n      {children}\n    </Column>\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 { ValueAndOnValueChangeProps } from \"@stenajs-webui/forms\";\nimport { BooleanRecord, BooleanRecordOptions } from \"../BooleanRecordTypes\";\nimport { FilterCheckbox } from \"../../../features/filter-checkbox/FilterCheckbox\";\nimport { FilterCheckboxList } from \"../../../features/filter-checkbox/FilterCheckboxList\";\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    <FilterCheckboxList maxHeight={\"400px\"}>\n      {options?.map((d) => (\n        <FilterCheckbox\n          key={d.value}\n          value={value?.[d.value]}\n          label={d.label}\n          onValueChange={(v) =>\n            onValueChange?.({\n              ...value,\n              [d.value]: v,\n            })\n          }\n        />\n      ))}\n    </FilterCheckboxList>\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  label?: string;\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  contentRight,\n  disableContentPadding,\n  label,\n  leftIcon,\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      label={label}\n      leftIcon={leftIcon}\n      sectionId={sectionId}\n      contentRight={contentRight}\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","header","props","jsx","DrawerHeader","SearchFilterStateContext","createContext","useSearchFilterState","c","useContext","SearchFilterDispatchContext","useSearchFilterDispatch","SearchFilterActionsContext","useSearchFilterActions","SearchFilterDrawer","children","headerContentRight","drawerProps","open","dispatch","actions","closeDrawer","useCallback","Drawer","jsxs","Column","cssColor","Box","SearchFilterButton","label","leftIcon","stenaSlidersMini","onClickButton","SecondaryButton","SearchFilterSection","sectionId","loading","error","onRetry","disableContentPadding","contentRight","state","expanded","_a","onClickLabel","activeLabel","formatColumnIdToHeaderCellLabel","Fragment","MenuButton","Row","Spinner","Banner","FlatButton","Space","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","FilterCheckbox","checkboxProps","ContentMenuButton","Checkbox","Text","FilterCheckboxList","maxHeight","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","v","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","DateRangeCalendar"],"mappings":"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"}

package/dist/index.js

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

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/features/search-filter/components/SearchFilterPanelHeader.tsx","../src/features/search-filter/context/SearchFilterStateContext.ts","../src/features/search-filter/context/SearchFilterDispatchContext.ts","../src/features/search-filter/context/SearchFilterActionsContext.ts","../src/features/search-filter/components/SearchFilterDrawer.tsx","../src/features/search-filter/components/SearchFilterButton.tsx","../src/features/search-filter/components/SearchFilterSection.tsx","../src/features/search-filter/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 { DrawerHeader } from \"@stenajs-webui/modal\";\n\ninterface SearchFilterPanelHeaderProps {\n  onRequestClose: () => void;\n  header?: string;\n  contentRight?: ReactNode;\n}\n\nexport const SearchFilterPanelHeader: React.FC<\n  SearchFilterPanelHeaderProps\n> = ({ header = \"Filter\", ...props }) => {\n  return <DrawerHeader {...props} header={header} />;\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 { Box, Column } from \"@stenajs-webui/core\";\nimport { SearchFilterPanelHeader } from \"./SearchFilterPanelHeader\";\nimport { useSearchFilterState } from \"../context/SearchFilterStateContext\";\nimport { useSearchFilterDispatch } from \"../context/SearchFilterDispatchContext\";\nimport { useSearchFilterActions } from \"../context/SearchFilterActionsContext\";\n\ninterface SearchFilterDrawerProps\n  extends Omit<DrawerProps, \"isOpen\" | \"onRequestClose\"> {\n  header?: string;\n  headerContentRight?: ReactNode;\n}\n\nexport const SearchFilterDrawer: React.FC<SearchFilterDrawerProps> = ({\n  children,\n  header,\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      floating\n      isOpen={open}\n      onRequestClose={closeDrawer}\n      {...drawerProps}\n    >\n      <Column\n        height={\"100%\"}\n        borderRadius={\"var(--swui-border-radius)\"}\n        background={cssColor(\"--lhds-color-ui-50\")}\n      >\n        <SearchFilterPanelHeader\n          onRequestClose={closeDrawer}\n          header={header}\n          contentRight={headerContentRight}\n        />\n        <Box spacing={1} indent={1} gap={1}>\n          {children}\n        </Box>\n      </Column>\n    </Drawer>\n  );\n};\n","import { SecondaryButton, stenaSlidersMini } 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/fontawesome-svg-core\";\n\ninterface SearchFilterDrawerButtonProps {\n  label?: string;\n  leftIcon?: IconDefinition;\n}\n\nexport const SearchFilterButton: React.FC<SearchFilterDrawerButtonProps> = ({\n  label = \"Filters\",\n  leftIcon = stenaSlidersMini,\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, Space } from \"@stenajs-webui/core\";\nimport { lowerCase, upperFirst } from \"lodash\";\nimport {\n  Banner,\n  FlatButton,\n  MenuButton,\n  Spinner,\n} from \"@stenajs-webui/elements\";\nimport { useSearchFilterState } from \"../context/SearchFilterStateContext\";\nimport { useSearchFilterDispatch } from \"../context/SearchFilterDispatchContext\";\nimport { useSearchFilterActions } from \"../context/SearchFilterActionsContext\";\nimport { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\n\nexport interface SearchFilterSectionProps<TSectionKey extends string> {\n  sectionId: TSectionKey;\n  label?: string;\n  leftIcon?: IconDefinition;\n  contentRight?: React.ReactNode;\n  disableContentPadding?: boolean;\n  loading?: boolean;\n  error?: string;\n  onRetry?: () => void;\n}\n\nexport const SearchFilterSection = function SearchFilterSection<\n  TSectionKey extends string\n>({\n  sectionId,\n  label,\n  loading,\n  error,\n  onRetry,\n  disableContentPadding,\n  children,\n  leftIcon,\n  contentRight,\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    <>\n      <MenuButton\n        label={activeLabel}\n        leftIcon={leftIcon}\n        expandable\n        expanded={expanded}\n        selected={expanded}\n        onClick={onClickLabel}\n        right={contentRight}\n      >\n        {loading ? (\n          <Row spacing justifyContent={\"center\"} flex={1}>\n            <Spinner size={\"small\"} />\n          </Row>\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          children\n        )}\n      </MenuButton>\n      {expanded && <Space />}\n    </>\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, Row } from \"@stenajs-webui/core\";\nimport {\n  CheckboxWithLabel,\n  ValueAndOnValueChangeProps,\n} 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} gap={1} spacing={1}>\n      {options?.map((d) => (\n        <Row key={d.value} alignItems={\"center\"}>\n          <CheckboxWithLabel\n            tabIndex={-1}\n            value={value?.[d.value]}\n            label={d.label}\n            onValueChange={(v) =>\n              onValueChange?.({\n                ...value,\n                [d.value]: v,\n              })\n            }\n          />\n        </Row>\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  label?: string;\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  contentRight,\n  disableContentPadding,\n  label,\n  leftIcon,\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      label={label}\n      leftIcon={leftIcon}\n      sectionId={sectionId}\n      contentRight={contentRight}\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","header","props","jsx","DrawerHeader","SearchFilterStateContext","createContext","useSearchFilterState","c","useContext","SearchFilterDispatchContext","useSearchFilterDispatch","SearchFilterActionsContext","useSearchFilterActions","SearchFilterDrawer","children","headerContentRight","drawerProps","open","dispatch","actions","closeDrawer","useCallback","Drawer","jsxs","Column","cssColor","Box","SearchFilterButton","label","leftIcon","stenaSlidersMini","onClickButton","SecondaryButton","SearchFilterSection","sectionId","loading","error","onRetry","disableContentPadding","contentRight","state","expanded","_a","onClickLabel","activeLabel","formatColumnIdToHeaderCellLabel","Fragment","MenuButton","Row","Spinner","Banner","FlatButton","Space","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","CheckboxWithLabel","v","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","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/filter-checkbox/FilterCheckbox.tsx","../src/features/search-filter/features/filter-checkbox/FilterCheckboxList.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 { DrawerHeader } from \"@stenajs-webui/modal\";\n\ninterface SearchFilterPanelHeaderProps {\n  onRequestClose: () => void;\n  header?: string;\n  contentRight?: ReactNode;\n}\n\nexport const SearchFilterPanelHeader: React.FC<\n  SearchFilterPanelHeaderProps\n> = ({ header = \"Filter\", ...props }) => {\n  return <DrawerHeader {...props} header={header} />;\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 { Box, Column } from \"@stenajs-webui/core\";\nimport { SearchFilterPanelHeader } from \"./SearchFilterPanelHeader\";\nimport { useSearchFilterState } from \"../context/SearchFilterStateContext\";\nimport { useSearchFilterDispatch } from \"../context/SearchFilterDispatchContext\";\nimport { useSearchFilterActions } from \"../context/SearchFilterActionsContext\";\n\ninterface SearchFilterDrawerProps\n  extends Omit<DrawerProps, \"isOpen\" | \"onRequestClose\"> {\n  header?: string;\n  headerContentRight?: ReactNode;\n}\n\nexport const SearchFilterDrawer: React.FC<SearchFilterDrawerProps> = ({\n  children,\n  header,\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      floating\n      isOpen={open}\n      onRequestClose={closeDrawer}\n      {...drawerProps}\n    >\n      <Column\n        height={\"100%\"}\n        borderRadius={\"var(--swui-border-radius)\"}\n        background={cssColor(\"--lhds-color-ui-50\")}\n      >\n        <SearchFilterPanelHeader\n          onRequestClose={closeDrawer}\n          header={header}\n          contentRight={headerContentRight}\n        />\n        <Box spacing={1} indent={1} gap={1}>\n          {children}\n        </Box>\n      </Column>\n    </Drawer>\n  );\n};\n","import { SecondaryButton, stenaSlidersMini } 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/fontawesome-svg-core\";\n\ninterface SearchFilterDrawerButtonProps {\n  label?: string;\n  leftIcon?: IconDefinition;\n}\n\nexport const SearchFilterButton: React.FC<SearchFilterDrawerButtonProps> = ({\n  label = \"Filters\",\n  leftIcon = stenaSlidersMini,\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, Space } from \"@stenajs-webui/core\";\nimport { lowerCase, upperFirst } from \"lodash\";\nimport {\n  Banner,\n  FlatButton,\n  MenuButton,\n  Spinner,\n} from \"@stenajs-webui/elements\";\nimport { useSearchFilterState } from \"../context/SearchFilterStateContext\";\nimport { useSearchFilterDispatch } from \"../context/SearchFilterDispatchContext\";\nimport { useSearchFilterActions } from \"../context/SearchFilterActionsContext\";\nimport { IconDefinition } from \"@fortawesome/fontawesome-svg-core\";\n\nexport interface SearchFilterSectionProps<TSectionKey extends string> {\n  sectionId: TSectionKey;\n  label?: string;\n  leftIcon?: IconDefinition;\n  contentRight?: React.ReactNode;\n  disableContentPadding?: boolean;\n  loading?: boolean;\n  error?: string;\n  onRetry?: () => void;\n}\n\nexport const SearchFilterSection = function SearchFilterSection<\n  TSectionKey extends string\n>({\n  sectionId,\n  label,\n  loading,\n  error,\n  onRetry,\n  disableContentPadding,\n  children,\n  leftIcon,\n  contentRight,\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    <>\n      <MenuButton\n        label={activeLabel}\n        leftIcon={leftIcon}\n        expandable\n        expanded={expanded}\n        selected={expanded}\n        onClick={onClickLabel}\n        right={contentRight}\n      >\n        {loading ? (\n          <Row spacing justifyContent={\"center\"} flex={1}>\n            <Spinner size={\"small\"} />\n          </Row>\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          children\n        )}\n      </MenuButton>\n      {expanded && <Space />}\n    </>\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 * as React from \"react\";\nimport { Row, Text } from \"@stenajs-webui/core\";\nimport { ContentMenuButton } from \"@stenajs-webui/elements\";\nimport { Checkbox, CheckboxProps } from \"@stenajs-webui/forms\";\n\nexport interface FilterCheckboxProps extends CheckboxProps {\n  label: string;\n}\n\nexport const FilterCheckbox: React.FC<FilterCheckboxProps> = ({\n  label,\n  ...checkboxProps\n}) => {\n  return (\n    <ContentMenuButton>\n      <Row gap={2} alignItems={\"center\"} justifyContent={\"flex-start\"}>\n        <Checkbox {...checkboxProps} />\n        <Text>{label}</Text>\n      </Row>\n    </ContentMenuButton>\n  );\n};\n","import * as React from \"react\";\nimport { PropsWithChildren } from \"react\";\nimport { Column } from \"@stenajs-webui/core\";\n\nexport interface FilterCheckboxListProps extends PropsWithChildren {\n  maxHeight?: string;\n}\n\nexport const FilterCheckboxList: React.FC<FilterCheckboxListProps> = ({\n  children,\n  maxHeight,\n}) => {\n  return (\n    <Column\n      maxHeight={maxHeight}\n      overflowY={maxHeight ? \"auto\" : undefined}\n      gap={1}\n      spacing={1}\n    >\n      {children}\n    </Column>\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 { ValueAndOnValueChangeProps } from \"@stenajs-webui/forms\";\nimport { BooleanRecord, BooleanRecordOptions } from \"../BooleanRecordTypes\";\nimport { FilterCheckbox } from \"../../../features/filter-checkbox/FilterCheckbox\";\nimport { FilterCheckboxList } from \"../../../features/filter-checkbox/FilterCheckboxList\";\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    <FilterCheckboxList maxHeight={\"400px\"}>\n      {options?.map((d) => (\n        <FilterCheckbox\n          key={d.value}\n          value={value?.[d.value]}\n          label={d.label}\n          onValueChange={(v) =>\n            onValueChange?.({\n              ...value,\n              [d.value]: v,\n            })\n          }\n        />\n      ))}\n    </FilterCheckboxList>\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  label?: string;\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  contentRight,\n  disableContentPadding,\n  label,\n  leftIcon,\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      label={label}\n      leftIcon={leftIcon}\n      sectionId={sectionId}\n      contentRight={contentRight}\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","header","props","jsx","DrawerHeader","SearchFilterStateContext","createContext","useSearchFilterState","c","useContext","SearchFilterDispatchContext","useSearchFilterDispatch","SearchFilterActionsContext","useSearchFilterActions","SearchFilterDrawer","children","headerContentRight","drawerProps","open","dispatch","actions","closeDrawer","useCallback","Drawer","jsxs","Column","cssColor","Box","SearchFilterButton","label","leftIcon","stenaSlidersMini","onClickButton","SecondaryButton","SearchFilterSection","sectionId","loading","error","onRetry","disableContentPadding","contentRight","state","expanded","_a","onClickLabel","activeLabel","formatColumnIdToHeaderCellLabel","Fragment","MenuButton","Row","Spinner","Banner","FlatButton","Space","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","FilterCheckbox","checkboxProps","ContentMenuButton","Checkbox","Text","FilterCheckboxList","maxHeight","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","v","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","DateRangeCalendar"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stenajs-webui/filter",
-  "version": "19.0.0-next.26",
+  "version": "19.0.0-next.28",
   "description": "",
   "author": "mattias800",
   "license": "MIT",
@@ -26,15 +26,15 @@
     "deploy": "gh-pages -d example/build"
   },
   "dependencies": {
-    "@stenajs-webui/calendar": "19.0.0-next.26",
-    "@stenajs-webui/core": "19.0.0-next.26",
-    "@stenajs-webui/elements": "19.0.0-next.26",
-    "@stenajs-webui/forms": "19.0.0-next.26",
-    "@stenajs-webui/modal": "19.0.0-next.26",
-    "@stenajs-webui/panels": "19.0.0-next.26",
-    "@stenajs-webui/redux": "19.0.0-next.26",
-    "@stenajs-webui/select": "19.0.0-next.26",
-    "@stenajs-webui/theme": "19.0.0-next.26",
+    "@stenajs-webui/calendar": "19.0.0-next.28",
+    "@stenajs-webui/core": "19.0.0-next.28",
+    "@stenajs-webui/elements": "19.0.0-next.28",
+    "@stenajs-webui/forms": "19.0.0-next.28",
+    "@stenajs-webui/modal": "19.0.0-next.28",
+    "@stenajs-webui/panels": "19.0.0-next.28",
+    "@stenajs-webui/redux": "19.0.0-next.28",
+    "@stenajs-webui/select": "19.0.0-next.28",
+    "@stenajs-webui/theme": "19.0.0-next.28",
     "date-fns": "2.26.0"
   },
   "peerDependencies": {
@@ -65,5 +65,5 @@
   "files": [
     "dist"
   ],
-  "gitHead": "22d72d4b249d665c16bb761b519f610e97cf9ccd"
+  "gitHead": "beca9576dfe1a47d6aaf5122585c227bcad75383"
 }