@stenajs-webui/filter 17.18.1 → 17.18.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.es.js CHANGED
@@ -1,146 +1,142 @@
1
1
  (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)}})();
2
- import { createContext as b, useContext as E, useCallback as u, useState as R, useReducer as U, useMemo as v } from "react";
3
- import { Drawer as X } from "@stenajs-webui/modal";
4
- import { cssColor as H } from "@stenajs-webui/theme";
5
- import { Row as M, Indent as Z, Heading as _, Column as T, SeparatorLine as N, truthyKeysAsList as j, Text as ee, Box as A } from "@stenajs-webui/core";
6
- import { Icon as te, SecondaryButton as $, stenaTimes as ne, stenaSliders as z, Spinner as re, Banner as oe, FlatButton as D, Chip as q } from "@stenajs-webui/elements";
7
- import { jsxs as L, jsx as c, Fragment as ce } from "react/jsx-runtime";
8
- import { Collapsible as se, CollapsibleContent as P, CollapsibleClickableContent as ie } from "@stenajs-webui/panels";
9
- import { upperFirst as le, lowerCase as ae } from "lodash";
10
- import { combineReducers as de } from "redux";
11
- import { reducerIdGate as k, createValueByIdReducer as ue, createEntityReducer as V, reducerIdGateAction as C, createEntityActions as g, createValueByIdActions as w } from "@stenajs-webui/redux";
12
- import he from "@emotion/styled";
13
- import { Checkbox as pe } from "@stenajs-webui/forms";
14
- import { ChipMultiSelect as Ce } from "@stenajs-webui/select";
15
- import { stringsToDateRange as Se, dateRangeToStrings as fe, DateRangeCalendar as me } from "@stenajs-webui/calendar";
16
- const Fe = ({
2
+ import { createContext as M, useContext as L, useCallback as h, useState as R, useReducer as Q, useMemo as v } from "react";
3
+ import { Drawer as U } from "@stenajs-webui/modal";
4
+ import { cssColor as X } from "@stenajs-webui/theme";
5
+ import { Row as k, Column as $, truthyKeysAsList as j, Text as Z, Box as V } from "@stenajs-webui/core";
6
+ import { CardHeader as _, FlatButton as B, stenaTimes as I, stenaSliders as D, SecondaryButton as N, Spinner as ee, Banner as te, Chip as q } from "@stenajs-webui/elements";
7
+ import { jsx as c, jsxs as y, Fragment as ne } from "react/jsx-runtime";
8
+ import { Collapsible as re, CollapsibleContent as H, CollapsibleClickableContent as oe } from "@stenajs-webui/panels";
9
+ import { upperFirst as ce, lowerCase as se } from "lodash";
10
+ import { combineReducers as le } from "redux";
11
+ import { reducerIdGate as E, createValueByIdReducer as ie, createEntityReducer as T, reducerIdGateAction as S, createEntityActions as g, createValueByIdActions as w } from "@stenajs-webui/redux";
12
+ import ae from "@emotion/styled";
13
+ import { Checkbox as de } from "@stenajs-webui/forms";
14
+ import { ChipMultiSelect as ue } from "@stenajs-webui/select";
15
+ import { stringsToDateRange as he, dateRangeToStrings as pe, DateRangeCalendar as Ce } from "@stenajs-webui/calendar";
16
+ const Se = ({
17
17
  onRequestClose: e,
18
18
  header: t = "Filters",
19
- headerIcon: n = z
20
- }) => /* @__PURE__ */ L(M, {
21
- height: "56px",
22
- justifyContent: "space-between",
23
- alignItems: "center",
24
- indent: 2,
25
- children: [/* @__PURE__ */ L(M, {
26
- alignItems: "center",
27
- children: [/* @__PURE__ */ c(te, {
28
- icon: n,
29
- color: H("--lhds-color-ui-800"),
30
- size: 24
31
- }), /* @__PURE__ */ c(Z, {}), /* @__PURE__ */ c(_, {
32
- variant: "h4",
33
- children: t
19
+ headerIcon: n = D,
20
+ contentRight: r
21
+ }) => /* @__PURE__ */ c(_, {
22
+ flex: "0 0 auto",
23
+ contentRight: /* @__PURE__ */ y(k, {
24
+ gap: 2,
25
+ children: [r, /* @__PURE__ */ c(B, {
26
+ leftIcon: I,
27
+ onClick: e
34
28
  })]
35
- }), /* @__PURE__ */ c($, {
36
- leftIcon: ne,
37
- onClick: e
38
- })]
39
- }), G = b(null), I = () => {
40
- const e = E(G);
29
+ }),
30
+ leftIcon: n,
31
+ text: t
32
+ }), z = M(null), G = () => {
33
+ const e = L(z);
41
34
  if (!e)
42
35
  throw new Error(
43
36
  "Missing search filter context, wrap components with SearchFilterContext component."
44
37
  );
45
38
  return e;
46
- }, K = b(null), f = () => {
47
- const e = E(K);
39
+ }, K = M(null), F = () => {
40
+ const e = L(K);
48
41
  if (!e)
49
42
  throw new Error("Missing search filter dispatch context.");
50
43
  return e;
51
- }, W = b(null), m = () => {
52
- const e = E(W);
44
+ }, W = M(null), x = () => {
45
+ const e = L(W);
53
46
  if (!e)
54
47
  throw new Error("Missing search filter actions context.");
55
48
  return e;
56
- }, Ye = ({
49
+ }, Ke = ({
57
50
  children: e,
58
51
  header: t,
59
52
  headerIcon: n,
60
- ...r
53
+ headerContentRight: r,
54
+ ...o
61
55
  }) => {
62
56
  const {
63
57
  settings: {
64
- open: o
58
+ open: s
65
59
  }
66
- } = I(), s = f(), i = m(), a = u(() => {
67
- s(i.closeFilters());
68
- }, [i, s]);
69
- return /* @__PURE__ */ c(X, {
70
- background: H("--lhds-color-ui-50"),
60
+ } = G(), l = F(), a = x(), d = h(() => {
61
+ l(a.closeFilters());
62
+ }, [a, l]);
63
+ return /* @__PURE__ */ c(U, {
64
+ background: X("--lhds-color-ui-50"),
71
65
  width: "370px",
72
- isOpen: o,
73
- onRequestClose: a,
74
- ...r,
75
- children: /* @__PURE__ */ L(T, {
76
- children: [/* @__PURE__ */ c(Fe, {
77
- onRequestClose: a,
66
+ isOpen: s,
67
+ onRequestClose: d,
68
+ ...o,
69
+ children: /* @__PURE__ */ y($, {
70
+ height: "100%",
71
+ children: [/* @__PURE__ */ c(Se, {
72
+ onRequestClose: d,
78
73
  header: t,
79
- headerIcon: n
80
- }), /* @__PURE__ */ c(N, {}), e]
74
+ headerIcon: n,
75
+ contentRight: r
76
+ }), e]
81
77
  })
82
78
  });
83
- }, Je = ({
79
+ }, We = ({
84
80
  label: e = "Filters",
85
- leftIcon: t = z
81
+ leftIcon: t = D
86
82
  }) => {
87
- const n = f(), r = m(), o = u(() => {
83
+ const n = F(), r = x(), o = h(() => {
88
84
  n(r.openFilters());
89
85
  }, [r, n]);
90
- return /* @__PURE__ */ c($, {
86
+ return /* @__PURE__ */ c(N, {
91
87
  label: e,
92
88
  leftIcon: t,
93
89
  onClick: o
94
90
  });
95
- }, y = function({
91
+ }, O = function({
96
92
  sectionId: t,
97
93
  label: n,
98
94
  contentLeft: r,
99
95
  contentRight: o,
100
96
  loading: s,
101
- error: i,
97
+ error: l,
102
98
  onRetry: a,
103
- disableContentPadding: S,
104
- children: h
99
+ disableContentPadding: d,
100
+ children: p
105
101
  }) {
106
- var O;
107
- const l = I(), p = f(), F = m(), x = (O = l.expandedSections.values[t]) != null ? O : !1, J = u(() => {
108
- p(F.setSectionExpanded(t, !x));
109
- }, [F, p, x, t]), Q = n != null ? n : xe(t);
110
- return /* @__PURE__ */ c(se, {
111
- label: Q,
112
- collapsed: !x,
113
- onClick: J,
102
+ var P;
103
+ const i = G(), C = F(), f = x(), m = (P = i.expandedSections.values[t]) != null ? P : !1, b = h(() => {
104
+ C(f.setSectionExpanded(t, !m));
105
+ }, [f, C, m, t]), J = n != null ? n : fe(t);
106
+ return /* @__PURE__ */ c(re, {
107
+ label: J,
108
+ collapsed: !m,
109
+ onClick: b,
114
110
  contentLeft: r,
115
111
  contentRight: o,
116
- children: s ? /* @__PURE__ */ c(P, {
117
- children: /* @__PURE__ */ c(M, {
112
+ children: s ? /* @__PURE__ */ c(H, {
113
+ children: /* @__PURE__ */ c(k, {
118
114
  spacing: !0,
119
115
  justifyContent: "center",
120
116
  flex: 1,
121
- children: /* @__PURE__ */ c(re, {
117
+ children: /* @__PURE__ */ c(ee, {
122
118
  size: "small"
123
119
  })
124
120
  })
125
- }) : i ? /* @__PURE__ */ c(oe, {
121
+ }) : l ? /* @__PURE__ */ c(te, {
126
122
  variant: "error",
127
- text: i,
128
- contentRight: a ? /* @__PURE__ */ c(D, {
123
+ text: l,
124
+ contentRight: a ? /* @__PURE__ */ c(B, {
129
125
  label: "Retry",
130
126
  onClick: a
131
127
  }) : null
132
- }) : S ? h : /* @__PURE__ */ c(P, {
133
- children: h
128
+ }) : d ? p : /* @__PURE__ */ c(H, {
129
+ children: p
134
130
  })
135
131
  });
136
- }, xe = (e) => le(ae(e)), Y = b(null), Qe = () => {
137
- const e = E(Y);
132
+ }, fe = (e) => ce(se(e)), Y = M(null), Ye = () => {
133
+ const e = L(Y);
138
134
  if (!e)
139
135
  throw new Error(
140
136
  "Missing search filter context, wrap components with SearchFilterContext component."
141
137
  );
142
138
  return e;
143
- }, ge = function({
139
+ }, me = function({
144
140
  state: t,
145
141
  dispatch: n,
146
142
  actions: r,
@@ -150,7 +146,7 @@ const Fe = ({
150
146
  value: n,
151
147
  children: /* @__PURE__ */ c(W.Provider, {
152
148
  value: r,
153
- children: /* @__PURE__ */ c(G.Provider, {
149
+ children: /* @__PURE__ */ c(z.Provider, {
154
150
  value: t,
155
151
  children: /* @__PURE__ */ c(Y.Provider, {
156
152
  value: t.formModel,
@@ -159,77 +155,77 @@ const Fe = ({
159
155
  })
160
156
  })
161
157
  });
162
- }, we = (e) => ({
158
+ }, Fe = (e) => ({
163
159
  settings: {
164
160
  open: !1
165
161
  },
166
162
  formModel: e,
167
163
  expandedSections: { values: {} }
168
- }), Re = (e, t) => de({
169
- expandedSections: k(
170
- d(e, "expandedSections"),
171
- ue(t.expandedSections)
164
+ }), xe = (e, t) => le({
165
+ expandedSections: E(
166
+ u(e, "expandedSections"),
167
+ ie(t.expandedSections)
172
168
  ),
173
- formModel: k(
174
- d(e, "formModel"),
175
- V(t.formModel)
169
+ formModel: E(
170
+ u(e, "formModel"),
171
+ T(t.formModel)
176
172
  ),
177
- settings: k(
178
- d(e, "settings"),
179
- V(t.settings)
173
+ settings: E(
174
+ u(e, "settings"),
175
+ T(t.settings)
180
176
  )
181
- }), ve = (e, t) => ({
182
- openFilters: () => C(
183
- d(e, "settings"),
177
+ }), ge = (e, t) => ({
178
+ openFilters: () => S(
179
+ u(e, "settings"),
184
180
  g().setEntityFields({
185
181
  open: !0
186
182
  })
187
183
  ),
188
- closeFilters: () => C(
189
- d(e, "settings"),
184
+ closeFilters: () => S(
185
+ u(e, "settings"),
190
186
  g().setEntityFields({
191
187
  open: !1
192
188
  })
193
189
  ),
194
- setFormModelFields: (n) => C(
195
- d(e, "formModel"),
190
+ setFormModelFields: (n) => S(
191
+ u(e, "formModel"),
196
192
  g().setEntityFields(n)
197
193
  ),
198
- clearFormModel: () => C(
199
- d(e, "formModel"),
194
+ clearFormModel: () => S(
195
+ u(e, "formModel"),
200
196
  g().setEntity(t)
201
197
  ),
202
- expandSection: (n) => C(
203
- d(e, "expandedSections"),
198
+ expandSection: (n) => S(
199
+ u(e, "expandedSections"),
204
200
  w().setValue(n, !0)
205
201
  ),
206
- collapseSection: (n) => C(
207
- d(e, "expandedSections"),
202
+ collapseSection: (n) => S(
203
+ u(e, "expandedSections"),
208
204
  w().setValue(n, !1)
209
205
  ),
210
- setSectionExpanded: (n, r) => C(
211
- d(e, "expandedSections"),
206
+ setSectionExpanded: (n, r) => S(
207
+ u(e, "expandedSections"),
212
208
  w().setValue(n, r)
213
209
  ),
214
- clearExpandedSections: () => C(
215
- d(e, "expandedSections"),
210
+ clearExpandedSections: () => S(
211
+ u(e, "expandedSections"),
216
212
  w().clearAllValues()
217
213
  )
218
- }), d = (e, t) => `${e}.${t}`, Me = (e) => {
214
+ }), u = (e, t) => `${e}.${t}`, we = (e) => {
219
215
  const [t] = R(
220
- () => Re("local", e)
216
+ () => xe("local", e)
221
217
  ), [n] = R(
222
- () => ve(
218
+ () => ge(
223
219
  "local",
224
220
  e.formModel
225
221
  )
226
- ), [r, o] = U(t, e);
222
+ ), [r, o] = Q(t, e);
227
223
  return {
228
224
  actions: n,
229
225
  state: r,
230
226
  dispatch: o
231
227
  };
232
- }, Ue = function({
228
+ }, Je = function({
233
229
  initialFormModel: t,
234
230
  children: n
235
231
  }) {
@@ -237,117 +233,117 @@ const Fe = ({
237
233
  state: r,
238
234
  actions: o,
239
235
  dispatch: s
240
- } = Me(we(t));
241
- return /* @__PURE__ */ c(ge, {
236
+ } = we(Fe(t));
237
+ return /* @__PURE__ */ c(me, {
242
238
  state: r,
243
239
  actions: o,
244
240
  dispatch: s,
245
241
  children: n
246
242
  });
247
- }, B = he.div`
243
+ }, A = ae.div`
248
244
  padding: calc(var(--swui-metrics-spacing) / 2)
249
245
  calc(var(--swui-metrics-indent) / 2);
250
- `, Xe = ({
246
+ `, Qe = ({
251
247
  children: e,
252
248
  disableClearAllButton: t = !1
253
249
  }) => {
254
- const n = f(), r = m(), o = u(() => n(r.clearFormModel()), [r, n]);
255
- return /* @__PURE__ */ L(M, {
250
+ const n = F(), r = x(), o = h(() => n(r.clearFormModel()), [r, n]);
251
+ return /* @__PURE__ */ y(k, {
256
252
  flexWrap: "wrap",
257
- children: [e, !t && /* @__PURE__ */ c(B, {
258
- children: /* @__PURE__ */ c(D, {
253
+ children: [e, !t && /* @__PURE__ */ c(A, {
254
+ children: /* @__PURE__ */ c(B, {
259
255
  size: "small",
260
256
  label: "Clear all",
261
257
  onClick: o
262
258
  })
263
259
  })]
264
260
  });
265
- }, Le = function({
261
+ }, Re = function({
266
262
  label: t,
267
263
  sectionId: n
268
264
  }) {
269
- const r = f(), o = m(), s = u(() => {
265
+ const r = F(), o = x(), s = h(() => {
270
266
  r(o.clearExpandedSections()), r(o.expandSection(n)), r(o.openFilters());
271
267
  }, [o, r, n]);
272
- return /* @__PURE__ */ c(B, {
268
+ return /* @__PURE__ */ c(A, {
273
269
  children: /* @__PURE__ */ c(q, {
274
270
  label: t,
275
271
  variant: "secondary",
276
272
  onClick: s
277
273
  })
278
274
  });
279
- }, be = function({
275
+ }, ve = function({
280
276
  sectionId: t,
281
277
  label: n,
282
278
  value: r,
283
279
  onClickRemove: o
284
280
  }) {
285
- const s = f(), i = m(), a = u((l) => s(i.setFormModelFields(l)), [s, i]), S = u(() => {
281
+ const s = F(), l = x(), a = h((i) => s(l.setFormModelFields(i)), [s, l]), d = h(() => {
286
282
  o == null || o({
287
283
  value: r,
288
284
  setFormModelFields: a
289
285
  });
290
- }, [o, a, r]), h = u(() => {
291
- s(i.clearExpandedSections()), s(i.expandSection(t)), s(i.openFilters());
292
- }, [i, s, t]);
293
- return /* @__PURE__ */ c(B, {
286
+ }, [o, a, r]), p = h(() => {
287
+ s(l.clearExpandedSections()), s(l.expandSection(t)), s(l.openFilters());
288
+ }, [l, s, t]);
289
+ return /* @__PURE__ */ c(A, {
294
290
  children: /* @__PURE__ */ c(q, {
295
291
  label: n != null ? n : t,
296
- onClick: h,
297
- onClickRemove: o ? S : void 0
292
+ onClick: p,
293
+ onClickRemove: o ? d : void 0
298
294
  })
299
295
  });
300
- }, Ze = function({
296
+ }, Ue = function({
301
297
  sectionId: t,
302
298
  chips: n,
303
299
  emptyChipLabel: r,
304
300
  onClickRemoveOnChip: o
305
301
  }) {
306
- return n != null && n.length ? /* @__PURE__ */ c(ce, {
302
+ return n != null && n.length ? /* @__PURE__ */ c(ne, {
307
303
  children: n.map(({
308
304
  label: s,
309
- value: i
310
- }) => /* @__PURE__ */ c(be, {
305
+ value: l
306
+ }) => /* @__PURE__ */ c(ve, {
311
307
  label: s != null ? s : t,
312
308
  sectionId: t,
313
309
  onClickRemove: o,
314
- value: i
315
- }, i))
316
- }) : r ? /* @__PURE__ */ c(Le, {
310
+ value: l
311
+ }, l))
312
+ }) : r ? /* @__PURE__ */ c(Re, {
317
313
  sectionId: t,
318
314
  label: r
319
315
  }) : null;
320
- }, _e = (e, t, n) => ({
321
- chips: Ee(
316
+ }, Xe = (e, t, n) => ({
317
+ chips: Me(
322
318
  e[t],
323
319
  n
324
320
  ),
325
- onClickRemoveOnChip: ke(
321
+ onClickRemoveOnChip: Le(
326
322
  e,
327
323
  t
328
324
  )
329
- }), Ee = (e, t) => j(e).map((n) => {
325
+ }), Me = (e, t) => j(e).map((n) => {
330
326
  var o;
331
327
  const r = t == null ? void 0 : t.find((s) => s.value === n);
332
328
  return { value: n, label: (o = r == null ? void 0 : r.label) != null ? o : n };
333
- }), ke = (e, t) => ({ setFormModelFields: n, value: r }) => {
329
+ }), Le = (e, t) => ({ setFormModelFields: n, value: r }) => {
334
330
  const o = { ...e[t] };
335
331
  o[r] = !1, n({
336
332
  [t]: o
337
333
  });
338
- }, Ne = ({
334
+ }, Ze = ({
339
335
  options: e,
340
336
  value: t,
341
337
  onValueChange: n,
342
338
  ...r
343
- }) => /* @__PURE__ */ c(y, {
339
+ }) => /* @__PURE__ */ c(O, {
344
340
  disableContentPadding: !0,
345
341
  ...r,
346
- children: /* @__PURE__ */ c(T, {
342
+ children: /* @__PURE__ */ c($, {
347
343
  maxHeight: "400px",
348
344
  overflowY: "auto",
349
345
  flex: 1,
350
- children: e == null ? void 0 : e.map((o) => /* @__PURE__ */ c(ie, {
346
+ children: e == null ? void 0 : e.map((o) => /* @__PURE__ */ c(oe, {
351
347
  onClick: () => {
352
348
  if (t && n) {
353
349
  const s = !t[o.value];
@@ -357,137 +353,143 @@ const Fe = ({
357
353
  });
358
354
  }
359
355
  },
360
- contentLeft: /* @__PURE__ */ c(pe, {
356
+ contentLeft: /* @__PURE__ */ c(de, {
361
357
  tabIndex: -1,
362
358
  value: t == null ? void 0 : t[o.value]
363
359
  }),
364
- children: /* @__PURE__ */ c(ee, {
360
+ children: /* @__PURE__ */ c(Z, {
365
361
  children: o.label
366
362
  })
367
363
  }, o.value))
368
364
  })
369
- }), et = ({
365
+ }), _e = ({
370
366
  options: e,
371
367
  value: t,
372
368
  noneSelectedLabel: n,
373
369
  onValueChange: r,
374
370
  ...o
375
371
  }) => {
376
- const [s, i] = R(""), a = v(() => t ? j(t).map((l) => {
377
- var F;
378
- const p = e == null ? void 0 : e.find((x) => x.value === l);
372
+ const [s, l] = R(""), a = v(() => t ? j(t).map((i) => {
373
+ var f;
374
+ const C = e == null ? void 0 : e.find((m) => m.value === i);
379
375
  return {
380
- value: l,
381
- label: (F = p == null ? void 0 : p.label) != null ? F : l
376
+ value: i,
377
+ label: (f = C == null ? void 0 : C.label) != null ? f : i
382
378
  };
383
- }) : [], [e, t]), S = v(() => e == null ? void 0 : e.filter((l) => l.value.toLocaleLowerCase().indexOf(s.toLocaleLowerCase()) > -1 || l.label.toLocaleLowerCase().indexOf(s.toLocaleLowerCase()) > -1), [e, s]), h = u((l) => {
384
- r == null || r(ye(l));
379
+ }) : [], [e, t]), d = v(() => e == null ? void 0 : e.filter((i) => i.value.toLocaleLowerCase().indexOf(s.toLocaleLowerCase()) > -1 || i.label.toLocaleLowerCase().indexOf(s.toLocaleLowerCase()) > -1), [e, s]), p = h((i) => {
380
+ r == null || r(be(i));
385
381
  }, [r]);
386
- return /* @__PURE__ */ c(y, {
382
+ return /* @__PURE__ */ c(O, {
387
383
  ...o,
388
- children: /* @__PURE__ */ c(Ce, {
389
- options: S,
384
+ children: /* @__PURE__ */ c(ue, {
385
+ options: d,
390
386
  value: a,
391
- onValueChange: h,
387
+ onValueChange: p,
392
388
  inputValue: s,
393
389
  noneSelectedLabel: n,
394
- onInputChange: i,
390
+ onInputChange: l,
395
391
  closeMenuOnSelect: !1
396
392
  })
397
393
  });
398
- }, ye = (e) => e.reduce((t, n) => (t[n.value] = !0, t), {}), tt = (e, t, n) => ({
399
- chips: Be(
394
+ }, be = (e) => e.reduce((t, n) => (t[n.value] = !0, t), {}), Ie = (e, t, n) => ({
395
+ chips: Ee(
400
396
  e[t],
401
397
  e[n]
402
398
  ),
403
- onClickRemoveOnChip: Oe(
399
+ onClickRemoveOnChip: ke(
404
400
  t,
405
401
  n
406
402
  )
407
- }), Be = (e, t) => !e && !t ? [] : [
403
+ }), Ee = (e, t) => !e && !t ? [] : [
408
404
  { value: "dateRange", label: `${e != null ? e : ""} - ${t != null ? t : ""}` }
409
- ], Oe = (e, t) => ({ setFormModelFields: n }) => {
405
+ ], ke = (e, t) => ({ setFormModelFields: n }) => {
410
406
  n({
411
407
  [e]: void 0,
412
408
  [t]: void 0
413
409
  });
414
- }, nt = (e, t, n) => ({
410
+ }, Ne = (e, t, n) => ({
415
411
  value: {
416
412
  startDate: e[t],
417
413
  endDate: e[n]
418
414
  },
419
415
  onValueChange: (r, { dispatch: o, actions: s }) => {
420
- const i = {
416
+ const l = {
421
417
  [t]: r.startDate,
422
418
  [n]: r.endDate
423
419
  };
424
- o(s.setFormModelFields(i));
420
+ o(s.setFormModelFields(l));
425
421
  }
426
- }), rt = ({
422
+ }), et = ({
427
423
  value: e,
428
424
  onValueChange: t,
429
425
  sectionId: n,
430
- ...r
426
+ contentLeft: r,
427
+ contentRight: o,
428
+ disableContentPadding: s,
429
+ ...l
431
430
  }) => {
432
- const o = f(), s = m(), i = v(() => ({
433
- dispatch: o,
434
- actions: s
435
- }), [s, o]), [a, S] = R("startDate"), h = v(() => Se(e), [e]), l = u((p) => {
436
- t(fe(p), i);
437
- }, [t, i]);
438
- return /* @__PURE__ */ c(y, {
431
+ const a = F(), d = x(), p = v(() => ({
432
+ dispatch: a,
433
+ actions: d
434
+ }), [d, a]), [i, C] = R("startDate"), f = v(() => he(e), [e]), m = h((b) => {
435
+ t(pe(b), p);
436
+ }, [t, p]);
437
+ return /* @__PURE__ */ c(O, {
439
438
  sectionId: n,
440
- children: /* @__PURE__ */ c(A, {
439
+ contentRight: o,
440
+ contentLeft: r,
441
+ disableContentPadding: s,
442
+ children: /* @__PURE__ */ c(V, {
441
443
  flex: 1,
442
444
  alignItems: "center",
443
- children: /* @__PURE__ */ c(A, {
445
+ children: /* @__PURE__ */ c(V, {
444
446
  background: "white",
445
447
  indent: !0,
446
- children: /* @__PURE__ */ c(me, {
447
- setFocusedInput: S,
448
- focusedInput: a,
449
- value: h,
450
- onValueChange: l,
451
- ...r
448
+ children: /* @__PURE__ */ c(Ce, {
449
+ setFocusedInput: C,
450
+ focusedInput: i,
451
+ value: f,
452
+ onValueChange: m,
453
+ ...l
452
454
  })
453
455
  })
454
456
  })
455
457
  });
456
458
  };
457
459
  export {
458
- et as ChipMultiSelectSection,
459
- rt as DateRangeCalendarSection,
460
- Le as EmptyChip,
460
+ _e as ChipMultiSelectSection,
461
+ et as DateRangeCalendarSection,
462
+ Re as EmptyChip,
461
463
  W as SearchFilterActionsContext,
462
- Je as SearchFilterButton,
463
- be as SearchFilterChip,
464
- Xe as SearchFilterChips,
465
- ge as SearchFilterContext,
464
+ We as SearchFilterButton,
465
+ ve as SearchFilterChip,
466
+ Qe as SearchFilterChips,
467
+ me as SearchFilterContext,
466
468
  K as SearchFilterDispatchContext,
467
- Ye as SearchFilterDrawer,
468
- Ue as SearchFilterLocalStateContext,
469
+ Ke as SearchFilterDrawer,
470
+ Je as SearchFilterLocalStateContext,
469
471
  Y as SearchFilterModelContext,
470
- Fe as SearchFilterPanelHeader,
471
- y as SearchFilterSection,
472
- G as SearchFilterStateContext,
473
- Ze as SectionChips,
474
- Ne as SimpleCheckboxListSection,
475
- Ee as createChipsForBooleanRecord,
476
- Be as createChipsForDateRange,
477
- _e as createChipsPropsForBooleanRecord,
478
- tt as createChipsPropsForDateRange,
479
- nt as createDateRangeSectionProps,
480
- ke as createOnClickRemoveOnChipForBooleanRecord,
481
- Oe as createOnClickRemoveOnChipForDateRange,
482
- ve as createSearchFilterActions,
483
- we as createSearchFilterInitialState,
484
- Re as createSearchFilterReducer,
485
- xe as formatColumnIdToHeaderCellLabel,
486
- d as getReducerIdFor,
487
- Me as useLocalSearchFilterState,
488
- m as useSearchFilterActions,
489
- f as useSearchFilterDispatch,
490
- Qe as useSearchFilterModel,
491
- I as useSearchFilterState
472
+ Se as SearchFilterPanelHeader,
473
+ O as SearchFilterSection,
474
+ z as SearchFilterStateContext,
475
+ Ue as SectionChips,
476
+ Ze as SimpleCheckboxListSection,
477
+ Me as createChipsForBooleanRecord,
478
+ Ee as createChipsForDateRange,
479
+ Xe as createChipsPropsForBooleanRecord,
480
+ Ie as createChipsPropsForDateRange,
481
+ Ne as createDateRangeSectionProps,
482
+ Le as createOnClickRemoveOnChipForBooleanRecord,
483
+ ke as createOnClickRemoveOnChipForDateRange,
484
+ ge as createSearchFilterActions,
485
+ Fe as createSearchFilterInitialState,
486
+ xe as createSearchFilterReducer,
487
+ fe as formatColumnIdToHeaderCellLabel,
488
+ u as getReducerIdFor,
489
+ we as useLocalSearchFilterState,
490
+ x as useSearchFilterActions,
491
+ F as useSearchFilterDispatch,
492
+ Ye as useSearchFilterModel,
493
+ G as useSearchFilterState
492
494
  };
493
495
  //# sourceMappingURL=index.es.js.map