@mittwald/flow-react-components 0.1.0-alpha.257 → 0.1.0-alpha.259

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.
Files changed (6) hide show
  1. package/dist/ActionGroup-CX4_8oFU.js +48 -0
  2. package/dist/ActionGroup.js +3 -45
  3. package/dist/List.js +182 -181
  4. package/dist/styles.css +1 -1
  5. package/dist/types/components/List/components/Header/Header.d.ts +3 -1
  6. package/package.json +4 -4
package/dist/List.js CHANGED
@@ -1,68 +1,69 @@
1
1
  "use client"
2
2
  /* */
3
- var Gt = Object.defineProperty;
4
- var jt = (a, t, e) => t in a ? Gt(a, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[t] = e;
5
- var r = (a, t, e) => jt(a, typeof t != "symbol" ? t + "" : t, e);
6
- import i, { createContext as _t, useContext as Wt, createElement as ft, useState as G, useEffect as k, useRef as Jt, Suspense as Yt, cloneElement as Qt } from "react";
3
+ var jt = Object.defineProperty;
4
+ var _t = (a, t, e) => t in a ? jt(a, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : a[t] = e;
5
+ var r = (a, t, e) => _t(a, typeof t != "symbol" ? t + "" : t, e);
6
+ import i, { createContext as Wt, useContext as Jt, createElement as ft, useState as G, useEffect as k, useRef as Yt, Suspense as Qt, cloneElement as Xt } from "react";
7
7
  import "./propsContext-DzAKlmhS.js";
8
8
  import { P as bt } from "./PropsContextProvider-C6Z4XGp6.js";
9
9
  import "@react-aria/utils";
10
- import { isShallowEqual as Xt, unique as Zt, difference as te, times as ee } from "remeda";
11
- import { d as se } from "./dynamic-ClpUSmEt.js";
10
+ import { isShallowEqual as Zt, unique as te, difference as ee, times as se } from "remeda";
11
+ import { d as ie } from "./dynamic-ClpUSmEt.js";
12
12
  import { B as S } from "./Button-BepCRVIi.js";
13
- import { IconArrowBackUp as ie } from "@tabler/icons-react";
14
- import { I as ae } from "./Icon-cEgH3ZXQ.js";
15
- import { I as ne } from "./IconContextMenu-DLHXM1Ph.js";
13
+ import { IconArrowBackUp as ae } from "@tabler/icons-react";
14
+ import { I as ne } from "./Icon-cEgH3ZXQ.js";
15
+ import { I as re } from "./IconContextMenu-DLHXM1Ph.js";
16
16
  import { a as D, C as j } from "./ContextMenuTrigger-5-EjHDtY.js";
17
17
  import { M as _ } from "./MenuItem-CFE7SA5J.js";
18
18
  import { useLocalizedStringFormatter as w } from "react-aria";
19
19
  import { TunnelProvider as St, TunnelExit as K } from "@mittwald/react-tunnel";
20
20
  import F from "clsx";
21
- import { g as re } from "./getContainerBreakpointSizeClassName-BrcFDcCY.js";
22
- import { f as oe } from "./flowComponent-CY2oW3O9.js";
23
- import { R as le } from "./Render-BdlTa7Qb.js";
21
+ import { g as oe } from "./getContainerBreakpointSizeClassName-BrcFDcCY.js";
22
+ import { f as le } from "./flowComponent-CY2oW3O9.js";
23
+ import { R as ce } from "./Render-BdlTa7Qb.js";
24
24
  import { T as y } from "./Text-T_kNKeFe.js";
25
- import { b as ce, I as de, a as ue, c as me } from "./IconView-B0kOF1Eh.js";
26
- import { I as he } from "./IconClose-DVYTU3Rp.js";
27
- import { observer as ge } from "mobx-react-lite";
25
+ import { b as de, I as ue, a as me, c as he } from "./IconView-B0kOF1Eh.js";
26
+ import { I as ge } from "./IconClose-DVYTU3Rp.js";
27
+ import { observer as pe } from "mobx-react-lite";
28
28
  import { a as lt, T as ct } from "./TooltipTrigger-TslkLN5s.js";
29
- import { makeObservable as pe, observable as dt, computed as ut, action as U } from "mobx";
29
+ import { makeObservable as fe, observable as dt, computed as ut, action as U } from "mobx";
30
30
  import "./context-Cf7tqFtF.js";
31
- import { u as fe } from "./useOnChange-C1Quwyuz.js";
32
- import { S as be } from "./SearchField-CMvYWO_P.js";
31
+ import { u as be } from "./useOnChange-C1Quwyuz.js";
32
+ import { S as Se } from "./SearchField-CMvYWO_P.js";
33
33
  import { H as W } from "./Heading-FRIQlW19.js";
34
- import { S as Se } from "./Section-DsyCp0AH.js";
35
- import { getProperty as ve } from "dot-prop";
34
+ import { S as ve } from "./Section-DsyCp0AH.js";
35
+ import { getProperty as we } from "dot-prop";
36
36
  import { hash as vt } from "object-code";
37
37
  import O from "zod";
38
- import { useReactTable as we, getCoreRowModel as ye, getSortedRowModel as Ee, getFilteredRowModel as Fe, getPaginationRowModel as Te, getFacetedUniqueValues as Ce } from "@tanstack/react-table";
38
+ import { useReactTable as ye, getCoreRowModel as Ee, getSortedRowModel as Fe, getFilteredRowModel as Te, getPaginationRowModel as Ce, getFacetedUniqueValues as Ie } from "@tanstack/react-table";
39
39
  import wt from "invariant";
40
40
  import { getAsyncResource as mt } from "@mittwald/react-use-promise";
41
41
  import { u as ht } from "./useSelector-DpU7_HMO.js";
42
- import { u as Ie } from "./SettingsProvider-D2-kWC3S.js";
42
+ import { u as Le } from "./SettingsProvider-D2-kWC3S.js";
43
43
  import * as J from "react-aria-components";
44
44
  import { S as A } from "./SkeletonText-B5ZghZhO.js";
45
- import { I as Le } from "./IllustratedMessage-B3MHD01M.js";
46
- import { I as Pe } from "./IconSearch-a4VYepNE.js";
47
- import { d as b, a as L } from "./deepFindOfType-6pG0fH7S.js";
48
- import { ListLoaderAsyncResource as Ve, TypedListLoaderAsyncResource as ke } from "./List/ListLoaderAsyncResource.js";
49
- import { S as Ae } from "./Skeleton-CKLaTmDR.js";
45
+ import { I as Pe } from "./IllustratedMessage-B3MHD01M.js";
46
+ import { I as Ve } from "./IconSearch-a4VYepNE.js";
47
+ import { d as f, a as L } from "./deepFindOfType-6pG0fH7S.js";
48
+ import { ListLoaderAsyncResource as ke, TypedListLoaderAsyncResource as Ae } from "./List/ListLoaderAsyncResource.js";
49
+ import { S as Be } from "./Skeleton-CKLaTmDR.js";
50
50
  import { T as yt, d as Et, c as Ft, a as Tt, e as Ct, b as It } from "./TableRow-BsPgWqkU.js";
51
- const Be = "flow--list--items--item--view", Me = "flow--list--items--item--view--title", De = "flow--list--items--item--view--top-content", xe = "flow--list--items--item--view--content", Ne = "flow--list--items--item--view--action", Re = "flow--list--items--item--view--avatar", $e = "flow--list--items--item--view--text", ze = "flow--list--items--item--view--heading", m = {
52
- view: Be,
53
- title: Me,
54
- topContent: De,
55
- content: xe,
56
- action: Ne,
57
- avatar: Re,
58
- text: $e,
59
- heading: ze,
51
+ import { A as Me } from "./ActionGroup-CX4_8oFU.js";
52
+ const De = "flow--list--items--item--view", xe = "flow--list--items--item--view--title", Ne = "flow--list--items--item--view--top-content", Re = "flow--list--items--item--view--content", $e = "flow--list--items--item--view--action", ze = "flow--list--items--item--view--avatar", Ue = "flow--list--items--item--view--text", Oe = "flow--list--items--item--view--heading", m = {
53
+ view: De,
54
+ title: xe,
55
+ topContent: Ne,
56
+ content: Re,
57
+ action: $e,
58
+ avatar: ze,
59
+ text: Ue,
60
+ heading: Oe,
60
61
  "container-breakpoint-size-xs": "flow--list--items--item--view--container-breakpoint-size-xs",
61
62
  "container-breakpoint-size-s": "flow--list--items--item--view--container-breakpoint-size-s",
62
63
  "container-breakpoint-size-m": "flow--list--items--item--view--container-breakpoint-size-m",
63
64
  "container-breakpoint-size-l": "flow--list--items--item--view--container-breakpoint-size-l",
64
65
  "container-breakpoint-size-xl": "flow--list--items--item--view--container-breakpoint-size-xl"
65
- }, f = { "de-DE": {
66
+ }, b = { "de-DE": {
66
67
  "list.filters.reset": "Filter zurücksetzen",
67
68
  "list.filters.store": "Filter speichern",
68
69
  "list.noResult.heading": "Keine Suchergebnisse gefunden",
@@ -90,8 +91,8 @@ const Be = "flow--list--items--item--view", Me = "flow--list--items--item--view-
90
91
  "list.settings.viewMode.table": "Table",
91
92
  "list.showMore": "Show more",
92
93
  "list.sorting": "Sorting"
93
- } }, Ue = (a) => {
94
- const { className: t, children: e } = a, s = w(f);
94
+ } }, Ke = (a) => {
95
+ const { className: t, children: e } = a, s = w(b);
95
96
  return /* @__PURE__ */ i.createElement(D, null, /* @__PURE__ */ i.createElement(
96
97
  S,
97
98
  {
@@ -99,12 +100,12 @@ const Be = "flow--list--items--item--view", Me = "flow--list--items--item--view-
99
100
  className: t,
100
101
  "aria-label": s.format("list.options")
101
102
  },
102
- /* @__PURE__ */ i.createElement(ne, null)
103
+ /* @__PURE__ */ i.createElement(re, null)
103
104
  ), e);
104
- }, Oe = (a) => a === "top" ? m.topContent : a === "bottom" ? m.content : m.topContent, Lt = (a) => {
105
+ }, He = (a) => a === "top" ? m.topContent : a === "bottom" ? m.content : m.topContent, Lt = (a) => {
105
106
  const { children: t, className: e, containerBreakpointSize: s = "m" } = a, n = {
106
107
  ContextMenu: {
107
- wrapWith: /* @__PURE__ */ i.createElement(Ue, { className: m.action }),
108
+ wrapWith: /* @__PURE__ */ i.createElement(Ke, { className: m.action }),
108
109
  placement: "bottom end"
109
110
  },
110
111
  Button: {
@@ -115,7 +116,7 @@ const Be = "flow--list--items--item--view", Me = "flow--list--items--item--view-
115
116
  ignoreBreakpoint: !0
116
117
  },
117
118
  Content: {
118
- className: se((c) => Oe(c.slot)),
119
+ className: ie((c) => He(c.slot)),
119
120
  tunnelId: "topContent"
120
121
  },
121
122
  Avatar: {
@@ -137,32 +138,32 @@ const Be = "flow--list--items--item--view", Me = "flow--list--items--item--view-
137
138
  }, o = F(
138
139
  m.view,
139
140
  e,
140
- m[re(s)]
141
+ m[oe(s)]
141
142
  );
142
143
  return /* @__PURE__ */ i.createElement("div", { className: o }, /* @__PURE__ */ i.createElement(bt, { props: n }, /* @__PURE__ */ i.createElement(St, null, t, /* @__PURE__ */ i.createElement("div", { className: m.title }, /* @__PURE__ */ i.createElement(K, { id: "title" })), /* @__PURE__ */ i.createElement(K, { id: "topContent" }))));
143
- }, Pt = _t({}), g = () => Wt(Pt).list, Ke = () => g().loader.getLoaderInvocationHooks().map((t, e) => /* @__PURE__ */ i.createElement(le, { key: e }, () => {
144
+ }, Pt = Wt({}), g = () => Jt(Pt).list, qe = () => g().loader.getLoaderInvocationHooks().map((t, e) => /* @__PURE__ */ i.createElement(ce, { key: e }, () => {
144
145
  t();
145
- })), He = (a) => {
146
+ })), Ge = (a) => {
146
147
  const { sorting: t } = a;
147
148
  return /* @__PURE__ */ i.createElement(_, { id: t.id }, t.name);
148
149
  }, B = (a) => {
149
150
  const { children: t, locales: e, variables: s } = a;
150
151
  return w(e).format(t, s);
151
- }, qe = () => {
152
- const a = g(), t = a.visibleSorting.map((n) => /* @__PURE__ */ i.createElement(He, { sorting: n, key: n.id }));
152
+ }, je = () => {
153
+ const a = g(), t = a.visibleSorting.map((n) => /* @__PURE__ */ i.createElement(Ge, { sorting: n, key: n.id }));
153
154
  if (t.length === 0)
154
155
  return null;
155
156
  const e = a.visibleSorting.find((n) => n.isSorted()), s = /* @__PURE__ */ i.createElement(y, null, e ? /* @__PURE__ */ i.createElement(
156
157
  B,
157
158
  {
158
- locales: f,
159
+ locales: b,
159
160
  variables: {
160
161
  property: e.name ?? e.property
161
162
  }
162
163
  },
163
164
  "list.setSorting"
164
- ) : /* @__PURE__ */ i.createElement(B, { locales: f }, "list.sorting"));
165
- return /* @__PURE__ */ i.createElement(D, null, /* @__PURE__ */ i.createElement(S, { variant: "soft", size: "s", color: "secondary" }, s, /* @__PURE__ */ i.createElement(ce, null)), /* @__PURE__ */ i.createElement(
165
+ ) : /* @__PURE__ */ i.createElement(B, { locales: b }, "list.sorting"));
166
+ return /* @__PURE__ */ i.createElement(D, null, /* @__PURE__ */ i.createElement(S, { variant: "soft", size: "s", color: "secondary" }, s, /* @__PURE__ */ i.createElement(de, null)), /* @__PURE__ */ i.createElement(
166
167
  j,
167
168
  {
168
169
  selectionMode: "single",
@@ -173,7 +174,7 @@ const Be = "flow--list--items--item--view", Me = "flow--list--items--item--view-
173
174
  },
174
175
  t
175
176
  ));
176
- }, Ge = (a) => {
177
+ }, _e = (a) => {
177
178
  const { filter: t } = a, { values: e, mode: s, name: n, property: o } = t, c = e.map((d) => /* @__PURE__ */ i.createElement(
178
179
  _,
179
180
  {
@@ -185,7 +186,7 @@ const Be = "flow--list--items--item--view", Me = "flow--list--items--item--view-
185
186
  },
186
187
  d.render()
187
188
  )), l = e.filter((d) => d.isActive).map((d) => d.id);
188
- return /* @__PURE__ */ i.createElement(D, null, /* @__PURE__ */ i.createElement(S, { variant: "soft", size: "s", color: "secondary" }, /* @__PURE__ */ i.createElement(y, null, n ?? o), /* @__PURE__ */ i.createElement(de, null)), /* @__PURE__ */ i.createElement(
189
+ return /* @__PURE__ */ i.createElement(D, null, /* @__PURE__ */ i.createElement(S, { variant: "soft", size: "s", color: "secondary" }, /* @__PURE__ */ i.createElement(y, null, n ?? o), /* @__PURE__ */ i.createElement(ue, null)), /* @__PURE__ */ i.createElement(
189
190
  j,
190
191
  {
191
192
  selectionMode: s === "one" ? "single" : "multiple",
@@ -193,18 +194,18 @@ const Be = "flow--list--items--item--view", Me = "flow--list--items--item--view-
193
194
  },
194
195
  c
195
196
  ));
196
- }, je = "flow--list--header", _e = "flow--list--header--picker-list-and-search", We = "flow--list--header--picker-list", Je = "flow--list--header--search-and-actions", Ye = "flow--list--header--search-field", Qe = "flow--list--header--actions", E = {
197
- header: je,
198
- pickerListAndSearch: _e,
199
- pickerList: We,
200
- searchAndActions: Je,
201
- searchField: Ye,
202
- actions: Qe
203
- }, Xe = "flow--list--header--active-filters", Ze = "flow--list--header--active-filters--clear-button", ts = {
204
- activeFilters: Xe,
205
- clearButton: Ze
206
- }, es = ge(() => {
207
- const a = g(), t = w(f), s = a.filters.flatMap((l) => l.values).filter((l) => l.isActive).map((l) => /* @__PURE__ */ i.createElement(S, { variant: "soft", size: "s", key: l.id, onPress: () => l.deactivate() }, /* @__PURE__ */ i.createElement(y, null, l.render()), /* @__PURE__ */ i.createElement(he, null))), n = a.filters.filter((l) => l.hasChanged()).length > 0, o = a.supportsSettingsStorage && n && /* @__PURE__ */ i.createElement(lt, null, /* @__PURE__ */ i.createElement(ct, null, /* @__PURE__ */ i.createElement(B, { locales: f }, "list.filters.store")), /* @__PURE__ */ i.createElement(
197
+ }, We = "flow--list--header", Je = "flow--list--header--picker-list-and-search", Ye = "flow--list--header--picker-list", Qe = "flow--list--header--search-and-actions", Xe = "flow--list--header--search-field", Ze = "flow--list--header--actions", E = {
198
+ header: We,
199
+ pickerListAndSearch: Je,
200
+ pickerList: Ye,
201
+ searchAndActions: Qe,
202
+ searchField: Xe,
203
+ actions: Ze
204
+ }, ts = "flow--list--header--active-filters", es = "flow--list--header--active-filters--clear-button", ss = {
205
+ activeFilters: ts,
206
+ clearButton: es
207
+ }, is = pe(() => {
208
+ const a = g(), t = w(b), s = a.filters.flatMap((l) => l.values).filter((l) => l.isActive).map((l) => /* @__PURE__ */ i.createElement(S, { variant: "soft", size: "s", key: l.id, onPress: () => l.deactivate() }, /* @__PURE__ */ i.createElement(y, null, l.render()), /* @__PURE__ */ i.createElement(ge, null))), n = a.filters.filter((l) => l.hasChanged()).length > 0, o = a.supportsSettingsStorage && n && /* @__PURE__ */ i.createElement(lt, null, /* @__PURE__ */ i.createElement(ct, null, /* @__PURE__ */ i.createElement(B, { locales: b }, "list.filters.store")), /* @__PURE__ */ i.createElement(
208
209
  S,
209
210
  {
210
211
  size: "s",
@@ -213,8 +214,8 @@ const Be = "flow--list--items--item--view", Me = "flow--list--items--item--view-
213
214
  onPress: () => a.storeFilterDefaultSettings(),
214
215
  "aria-label": t.format("list.filters.store")
215
216
  },
216
- /* @__PURE__ */ i.createElement(ue, null)
217
- )), c = n ? /* @__PURE__ */ i.createElement(lt, null, /* @__PURE__ */ i.createElement(ct, null, /* @__PURE__ */ i.createElement(B, { locales: f }, "list.filters.reset")), /* @__PURE__ */ i.createElement(
217
+ /* @__PURE__ */ i.createElement(me, null)
218
+ )), c = n ? /* @__PURE__ */ i.createElement(lt, null, /* @__PURE__ */ i.createElement(ct, null, /* @__PURE__ */ i.createElement(B, { locales: b }, "list.filters.reset")), /* @__PURE__ */ i.createElement(
218
219
  S,
219
220
  {
220
221
  size: "s",
@@ -223,12 +224,12 @@ const Be = "flow--list--items--item--view", Me = "flow--list--items--item--view-
223
224
  onPress: () => a.resetFilters(),
224
225
  "aria-label": t.format("list.filters.reset")
225
226
  },
226
- /* @__PURE__ */ i.createElement(ae, null, /* @__PURE__ */ i.createElement(ie, null))
227
+ /* @__PURE__ */ i.createElement(ne, null, /* @__PURE__ */ i.createElement(ae, null))
227
228
  )) : void 0;
228
- return s.length === 0 && !o && !c ? null : /* @__PURE__ */ i.createElement("div", { className: ts.activeFilters }, s, o, c);
229
- }), ss = (a) => {
229
+ return s.length === 0 && !o && !c ? null : /* @__PURE__ */ i.createElement("div", { className: ss.activeFilters }, s, o, c);
230
+ }), as = (a) => {
230
231
  const { className: t, onChange: e, value: s, ...n } = a, [o, c] = G(s ?? "");
231
- fe(s, () => {
232
+ be(s, () => {
232
233
  c(s ?? "");
233
234
  }, [o]);
234
235
  const l = () => {
@@ -237,7 +238,7 @@ const Be = "flow--list--items--item--view", Me = "flow--list--items--item--view-
237
238
  u.key === "Enter" ? o.trim() === "" ? e(void 0) : e(o) : u.key === "Escape" && l();
238
239
  };
239
240
  return /* @__PURE__ */ i.createElement(
240
- be,
241
+ Se,
241
242
  {
242
243
  className: t,
243
244
  value: o,
@@ -247,16 +248,16 @@ const Be = "flow--list--items--item--view", Me = "flow--list--items--item--view-
247
248
  ...n
248
249
  }
249
250
  );
250
- }, is = (a) => {
251
- const { className: t, search: e } = a, s = e.render ?? ss;
251
+ }, ns = (a) => {
252
+ const { className: t, search: e } = a, s = e.render ?? as;
252
253
  return ft(s, {
253
254
  className: t,
254
255
  value: e.value,
255
256
  onChange: e.setValue.bind(e),
256
257
  ...e.textFieldProps
257
258
  });
258
- }, as = () => {
259
- const a = w(f), t = g(), e = t.viewMode, s = [];
259
+ }, rs = () => {
260
+ const a = w(b), t = g(), e = t.viewMode, s = [];
260
261
  return t.itemView && s.push("list"), t.table && s.push("table"), s.length <= 1 ? null : /* @__PURE__ */ i.createElement(D, null, /* @__PURE__ */ i.createElement(
261
262
  S,
262
263
  {
@@ -266,8 +267,8 @@ const Be = "flow--list--items--item--view", Me = "flow--list--items--item--view-
266
267
  "aria-label": a.format("list.settings")
267
268
  },
268
269
  /* @__PURE__ */ i.createElement(y, null, a.format(`list.settings.viewMode.${e}`)),
269
- /* @__PURE__ */ i.createElement(me, null)
270
- ), /* @__PURE__ */ i.createElement(j, { selectionMode: "single", selectedKeys: [e] }, /* @__PURE__ */ i.createElement(Se, null, /* @__PURE__ */ i.createElement(W, null, a.format("list.settings.viewMode")), s.map((n) => /* @__PURE__ */ i.createElement(
270
+ /* @__PURE__ */ i.createElement(he, null)
271
+ ), /* @__PURE__ */ i.createElement(j, { selectionMode: "single", selectedKeys: [e] }, /* @__PURE__ */ i.createElement(ve, null, /* @__PURE__ */ i.createElement(W, null, a.format("list.settings.viewMode")), s.map((n) => /* @__PURE__ */ i.createElement(
271
272
  _,
272
273
  {
273
274
  id: n,
@@ -278,16 +279,16 @@ const Be = "flow--list--items--item--view", Me = "flow--list--items--item--view-
278
279
  },
279
280
  a.format(`list.settings.viewMode.${n}`)
280
281
  )))));
281
- }, ns = (a) => {
282
- const { className: t } = a, e = g();
283
- if (e.filters.length === 0 && e.visibleSorting.length === 0 && !e.search)
282
+ }, os = (a) => {
283
+ const { className: t, hasActionGroup: e } = a, s = g();
284
+ if (s.filters.length === 0 && s.visibleSorting.length === 0 && !s.search && !s.table && !e)
284
285
  return null;
285
- const s = e.filters.map((n) => /* @__PURE__ */ i.createElement(Ge, { key: n.property, filter: n }));
286
- return /* @__PURE__ */ i.createElement("div", { className: F(t, E.header) }, /* @__PURE__ */ i.createElement("div", { className: E.pickerListAndSearch }, /* @__PURE__ */ i.createElement("div", { className: E.pickerList }, /* @__PURE__ */ i.createElement(as, null), /* @__PURE__ */ i.createElement(qe, null), s), /* @__PURE__ */ i.createElement("div", { className: E.searchAndActions }, e.search && /* @__PURE__ */ i.createElement(is, { className: E.searchField, search: e.search }), /* @__PURE__ */ i.createElement(K, { id: "actions" }))), /* @__PURE__ */ i.createElement(es, null));
287
- }, rs = "flow--list", os = {
288
- list: rs
286
+ const n = s.filters.map((o) => /* @__PURE__ */ i.createElement(_e, { key: o.property, filter: o }));
287
+ return /* @__PURE__ */ i.createElement("div", { className: F(t, E.header) }, /* @__PURE__ */ i.createElement("div", { className: E.pickerListAndSearch }, /* @__PURE__ */ i.createElement("div", { className: E.pickerList }, /* @__PURE__ */ i.createElement(rs, null), /* @__PURE__ */ i.createElement(je, null), n), /* @__PURE__ */ i.createElement("div", { className: E.searchAndActions }, s.search && /* @__PURE__ */ i.createElement(ns, { className: E.searchField, search: s.search }), /* @__PURE__ */ i.createElement(K, { id: "actions" }))), /* @__PURE__ */ i.createElement(is, null));
288
+ }, ls = "flow--list", cs = {
289
+ list: ls
289
290
  };
290
- let ls = class Vt {
291
+ let ds = class Vt {
291
292
  constructor(t, e, s) {
292
293
  r(this, "id");
293
294
  r(this, "data");
@@ -298,16 +299,16 @@ let ls = class Vt {
298
299
  return new Vt(t, e.id, e.original);
299
300
  }
300
301
  };
301
- class cs {
302
+ class us {
302
303
  constructor(t) {
303
304
  r(this, "list");
304
305
  this.list = t;
305
306
  }
306
307
  get entries() {
307
- return this.list.reactTable.table.getRowModel().rows.map((t) => ls.fromRow(this, t));
308
+ return this.list.reactTable.table.getRowModel().rows.map((t) => ds.fromRow(this, t));
308
309
  }
309
310
  }
310
- class ds {
311
+ class ms {
311
312
  constructor(t, e = {}) {
312
313
  r(this, "batchSize");
313
314
  r(this, "list");
@@ -354,7 +355,7 @@ class ds {
354
355
  }
355
356
  }
356
357
  }
357
- const us = "$";
358
+ const hs = "$";
358
359
  class gt {
359
360
  // eslint-disable-next-line @typescript-eslint/no-explicit-any
360
361
  constructor(t, e) {
@@ -363,7 +364,7 @@ class gt {
363
364
  this.filter = t, this.value = e;
364
365
  }
365
366
  equals(t) {
366
- return Xt(this.value, t.value);
367
+ return Zt(this.value, t.value);
367
368
  }
368
369
  get id() {
369
370
  return `${this.filter.property}@@${vt(this.value)}`;
@@ -381,7 +382,7 @@ class gt {
381
382
  this.filter.deactivateValue(this);
382
383
  }
383
384
  }
384
- const ms = (a, t) => a === t, hs = (a) => String(a);
385
+ const gs = (a, t) => a === t, ps = (a) => String(a);
385
386
  class P {
386
387
  constructor(t, e) {
387
388
  r(this, "_values");
@@ -395,7 +396,7 @@ class P {
395
396
  r(this, "onFilterUpdateCallbacks", /* @__PURE__ */ new Set());
396
397
  r(this, "defaultSelectedValues");
397
398
  var s;
398
- this.list = t, this.property = e.property, this.mode = e.mode ?? "one", this._values = (s = e.values) == null ? void 0 : s.map((n) => new gt(this, n)), this.matcher = e.matcher ?? ms, this.renderItem = e.renderItem ?? hs, this.name = e.name, this.defaultSelectedValues = e.defaultSelected ? this.values.filter(
399
+ this.list = t, this.property = e.property, this.mode = e.mode ?? "one", this._values = (s = e.values) == null ? void 0 : s.map((n) => new gt(this, n)), this.matcher = e.matcher ?? gs, this.renderItem = e.renderItem ?? ps, this.name = e.name, this.defaultSelectedValues = e.defaultSelected ? this.values.filter(
399
400
  (n) => {
400
401
  var o;
401
402
  return (o = e.defaultSelected) == null ? void 0 : o.some((c) => c === n.value);
@@ -422,7 +423,7 @@ class P {
422
423
  }
423
424
  getReactTableFilterFn() {
424
425
  return (t, e, s) => {
425
- const n = this.property, o = n.startsWith(us) ? t.original : ve(t.original, n);
426
+ const n = this.property, o = n.startsWith(hs) ? t.original : we(t.original, n);
426
427
  return this.checkFilterMatches(o, s);
427
428
  };
428
429
  }
@@ -450,7 +451,7 @@ class P {
450
451
  return ((t = this.getTableColumnFilter()) == null ? void 0 : t.value) ?? null;
451
452
  }
452
453
  getValuesFromTableState() {
453
- return Zt(
454
+ return te(
454
455
  Array.from(this.getTableColumn().getFacetedUniqueValues().keys()).flatMap((t) => t).filter((t) => t != null)
455
456
  ).map((t) => new gt(this, t));
456
457
  }
@@ -485,7 +486,7 @@ class P {
485
486
  }
486
487
  hasChanged() {
487
488
  const t = this.getArrayValue().map((s) => s.value), e = (this.getInitialValues() ?? []).map((s) => s.value);
488
- return t.length !== e.length || te(t, e).length > 0;
489
+ return t.length !== e.length || ee(t, e).length > 0;
489
490
  }
490
491
  getInitialValues() {
491
492
  return this.getStoredDefaultSelectedValues() ?? this.defaultSelectedValues;
@@ -505,7 +506,7 @@ class P {
505
506
  }
506
507
  }
507
508
  r(P, "settingsStorageSchema", O.record(O.array(O.unknown())).optional());
508
- class gs {
509
+ class fs {
509
510
  constructor(t, e) {
510
511
  r(this, "list");
511
512
  r(this, "property");
@@ -567,7 +568,7 @@ class Y {
567
568
  for (const l of this.list.filters)
568
569
  l.updateInitialState(n);
569
570
  (c = this.list.search) == null || c.updateInitialState(n);
570
- const o = we({
571
+ const o = ye({
571
572
  data: s,
572
573
  state: {
573
574
  sorting: this.sortingState
@@ -575,11 +576,11 @@ class Y {
575
576
  getRowId: this.list.getItemId,
576
577
  initialState: n,
577
578
  columns: this.getTableColumnDefs(),
578
- getCoreRowModel: ye(),
579
- getSortedRowModel: Ee(),
580
- getFilteredRowModel: Fe(),
581
- getPaginationRowModel: Te(),
582
- getFacetedUniqueValues: Ce(),
579
+ getCoreRowModel: Ee(),
580
+ getSortedRowModel: Fe(),
581
+ getFilteredRowModel: Te(),
582
+ getPaginationRowModel: Ce(),
583
+ getFacetedUniqueValues: Ie(),
583
584
  onSortingChange: (l) => {
584
585
  this.handleSortingStateUpdate(l);
585
586
  },
@@ -628,7 +629,7 @@ class Q {
628
629
  r(this, "dataBatches", []);
629
630
  r(this, "prevDataBatches", []);
630
631
  r(this, "batchLoadingStates", ["void"]);
631
- pe(this, {
632
+ fe(this, {
632
633
  prevDataBatches: !1,
633
634
  useMergedData: !1,
634
635
  useIsLoading: !1,
@@ -642,7 +643,7 @@ class Q {
642
643
  });
643
644
  }
644
645
  static useNew() {
645
- return Jt(new Q()).current;
646
+ return Yt(new Q()).current;
646
647
  }
647
648
  reset() {
648
649
  this.batchLoadingStates = [], this.dataBatches = [];
@@ -666,7 +667,7 @@ class Q {
666
667
  return ht(() => this.isLoading);
667
668
  }
668
669
  }
669
- const ps = [];
670
+ const bs = [];
670
671
  class X {
671
672
  constructor(t, e = {}) {
672
673
  r(this, "list");
@@ -677,7 +678,7 @@ class X {
677
678
  r(this, "loaderState");
678
679
  var l;
679
680
  const { source: s } = e;
680
- this.dataSource = s ?? { staticData: ps };
681
+ this.dataSource = s ?? { staticData: bs };
681
682
  const n = "manualPagination" in this.dataSource ? this.dataSource.manualPagination : void 0, o = "manualFiltering" in this.dataSource ? this.dataSource.manualFiltering : void 0, c = "manualSorting" in this.dataSource ? this.dataSource.manualSorting : void 0;
682
683
  this.list = t, this.loaderState = Q.useNew(), this.manualPagination = n ?? !1, this.manualFiltering = o ?? this.manualPagination, this.manualSorting = c ?? this.manualPagination, this.list.filters.forEach((d) => d.onFilterUpdated(() => this.reset())), (l = this.list.search) == null || l.onUpdated(() => this.reset());
683
684
  }
@@ -697,7 +698,7 @@ class X {
697
698
  return this.loaderState.useMergedData();
698
699
  }
699
700
  getLoaderInvocationHooks() {
700
- return ee(this.list.batches.getBatchIndex() + 1, (e) => e).map((e) => () => {
701
+ return se(this.list.batches.getBatchIndex() + 1, (e) => e).map((e) => () => {
701
702
  this.useLoadBatch(e);
702
703
  });
703
704
  }
@@ -768,7 +769,7 @@ class X {
768
769
  throw new Error("Unknown data source");
769
770
  }
770
771
  }
771
- class fs {
772
+ class Ss {
772
773
  constructor(t, e) {
773
774
  r(this, "list");
774
775
  r(this, "render");
@@ -814,21 +815,21 @@ const M = class M {
814
815
  }
815
816
  };
816
817
  r(M, "fallbackRenderItemFn", (t) => ft("pre", void 0, JSON.stringify(t)));
817
- let H = M, bs = class {
818
+ let H = M, vs = class {
818
819
  constructor(t, e = {}) {
819
820
  r(this, "tableHeader");
820
821
  r(this, "componentProps");
821
822
  this.tableHeader = t, this.componentProps = e;
822
823
  }
823
- }, Ss = class {
824
+ }, ws = class {
824
825
  constructor(t, e = {}) {
825
826
  r(this, "table");
826
827
  r(this, "componentProps");
827
828
  r(this, "columns");
828
829
  const { columns: s = [], ...n } = e;
829
- this.table = t, this.columns = s.map((o) => new bs(this, o)), this.componentProps = n;
830
+ this.table = t, this.columns = s.map((o) => new vs(this, o)), this.componentProps = n;
830
831
  }
831
- }, vs = class {
832
+ }, ys = class {
832
833
  constructor(t, e = {}) {
833
834
  r(this, "row");
834
835
  r(this, "renderFn");
@@ -836,32 +837,32 @@ let H = M, bs = class {
836
837
  const { renderFn: s, ...n } = e;
837
838
  this.row = t, this.renderFn = s, this.componentProps = n;
838
839
  }
839
- }, ws = class {
840
+ }, Es = class {
840
841
  constructor(t, e = {}) {
841
842
  r(this, "tableBody");
842
843
  r(this, "cells");
843
844
  r(this, "componentProps");
844
845
  const { cells: s = [], ...n } = e;
845
- this.tableBody = t, this.cells = s.map((o) => new vs(this, o)), this.componentProps = n;
846
+ this.tableBody = t, this.cells = s.map((o) => new ys(this, o)), this.componentProps = n;
846
847
  }
847
- }, ys = class {
848
+ }, Fs = class {
848
849
  constructor(t, e = {}) {
849
850
  r(this, "table");
850
851
  r(this, "componentProps");
851
852
  r(this, "row");
852
853
  const { row: s, ...n } = e;
853
- this.table = t, this.row = new ws(this, s), this.componentProps = n;
854
+ this.table = t, this.row = new Es(this, s), this.componentProps = n;
854
855
  }
855
- }, Es = class {
856
+ }, Ts = class {
856
857
  constructor(t, e = {}) {
857
858
  r(this, "list");
858
859
  r(this, "header");
859
860
  r(this, "body");
860
861
  r(this, "componentProps");
861
862
  const { header: s, body: n, ...o } = e;
862
- this.list = t, this.header = new Ss(this, s), this.body = new ys(this, n), this.componentProps = o;
863
+ this.list = t, this.header = new ws(this, s), this.body = new Fs(this, n), this.componentProps = o;
863
864
  }
864
- }, Fs = class kt {
865
+ }, Cs = class kt {
865
866
  constructor(t) {
866
867
  r(this, "settingStorageKey");
867
868
  r(this, "supportsSettingsStorage");
@@ -896,7 +897,7 @@ let H = M, bs = class {
896
897
  defaultViewMode: I,
897
898
  ...N
898
899
  } = t;
899
- this.defaultSettings = Ie(), this.settingStorageKey = e, this.filterSettingsStorageKey = e ? `${e}.activeFilters` : void 0, this.supportsSettingsStorage = !!this.settingStorageKey, this.items = new cs(this), this.filters = o.map((v) => new P(this, v)), this.sorting = c.map((v) => new gs(this, v)), this.search = h ? new fs(this, h) : void 0, this.itemView = s ? new H(this, s) : void 0, this.table = n ? new Es(this, n) : void 0, this.batches = new ds(this, l), this.componentProps = N, this.loader = X.useNew(this, u), this.onAction = T, this.getItemId = x, this.reactTable = Y.useNew(this, d, {
900
+ this.defaultSettings = Le(), this.settingStorageKey = e, this.filterSettingsStorageKey = e ? `${e}.activeFilters` : void 0, this.supportsSettingsStorage = !!this.settingStorageKey, this.items = new us(this), this.filters = o.map((v) => new P(this, v)), this.sorting = c.map((v) => new fs(this, v)), this.search = h ? new Ss(this, h) : void 0, this.itemView = s ? new H(this, s) : void 0, this.table = n ? new Ts(this, n) : void 0, this.batches = new ms(this, l), this.componentProps = N, this.loader = X.useNew(this, u), this.onAction = T, this.getItemId = x, this.reactTable = Y.useNew(this, d, {
900
901
  manualFiltering: this.loader.manualFiltering,
901
902
  manualPagination: this.loader.manualPagination,
902
903
  manualSorting: this.loader.manualSorting
@@ -953,14 +954,14 @@ let H = M, bs = class {
953
954
  return !this.loader.useIsLoading() && this.items.entries.length === 0;
954
955
  }
955
956
  };
956
- const Ts = "flow--list--items", Cs = "flow--list--items--is-loading", pt = {
957
- items: Ts,
958
- isLoading: Cs
959
- }, Is = "flow--list--items--item", Ls = "flow--list--items--item--is-selected", Ps = "flow--list--items--item--has-action", V = {
960
- item: Is,
961
- isSelected: Ls,
962
- hasAction: Ps
963
- }, At = () => /* @__PURE__ */ i.createElement(Lt, null, /* @__PURE__ */ i.createElement(W, null, /* @__PURE__ */ i.createElement(A, { width: "200px" })), /* @__PURE__ */ i.createElement(y, null, /* @__PURE__ */ i.createElement(A, { width: "300px" }))), Vs = (a) => {
957
+ const Is = "flow--list--items", Ls = "flow--list--items--is-loading", pt = {
958
+ items: Is,
959
+ isLoading: Ls
960
+ }, Ps = "flow--list--items--item", Vs = "flow--list--items--item--is-selected", ks = "flow--list--items--item--has-action", V = {
961
+ item: Ps,
962
+ isSelected: Vs,
963
+ hasAction: ks
964
+ }, At = () => /* @__PURE__ */ i.createElement(Lt, null, /* @__PURE__ */ i.createElement(W, null, /* @__PURE__ */ i.createElement(A, { width: "200px" })), /* @__PURE__ */ i.createElement(y, null, /* @__PURE__ */ i.createElement(A, { width: "300px" }))), As = (a) => {
964
965
  const { id: t, data: e, children: s } = a, o = g().itemView;
965
966
  if (!o)
966
967
  return null;
@@ -978,20 +979,20 @@ const Ts = "flow--list--items", Cs = "flow--list--items--is-loading", pt = {
978
979
  textValue: l,
979
980
  href: d
980
981
  },
981
- /* @__PURE__ */ i.createElement(Yt, { fallback: /* @__PURE__ */ i.createElement(At, null) }, s ?? o.render(e))
982
+ /* @__PURE__ */ i.createElement(Qt, { fallback: /* @__PURE__ */ i.createElement(At, null) }, s ?? o.render(e))
982
983
  );
983
- }, ks = (a) => /* @__PURE__ */ i.createElement(J.GridListItem, { textValue: "-", className: V.item }, a.children), q = () => {
984
- const a = w(f);
985
- return /* @__PURE__ */ i.createElement(Le, null, /* @__PURE__ */ i.createElement(Pe, null), /* @__PURE__ */ i.createElement(W, null, a.format("list.noResult.heading")), /* @__PURE__ */ i.createElement(y, null, a.format("list.noResult.text")));
986
- }, As = () => {
984
+ }, Bs = (a) => /* @__PURE__ */ i.createElement(J.GridListItem, { textValue: "-", className: V.item }, a.children), q = () => {
985
+ const a = w(b);
986
+ return /* @__PURE__ */ i.createElement(Pe, null, /* @__PURE__ */ i.createElement(Ve, null), /* @__PURE__ */ i.createElement(W, null, a.format("list.noResult.heading")), /* @__PURE__ */ i.createElement(y, null, a.format("list.noResult.text")));
987
+ }, Ms = () => {
987
988
  var e;
988
989
  const t = ((e = g().itemView) == null ? void 0 : e.fallback) ?? /* @__PURE__ */ i.createElement(At, null);
989
- return Array.from(Array(5)).map((s, n) => /* @__PURE__ */ i.createElement(ks, { key: n }, Qt(t)));
990
- }, Bs = () => {
990
+ return Array.from(Array(5)).map((s, n) => /* @__PURE__ */ i.createElement(Bs, { key: n }, Xt(t)));
991
+ }, Ds = () => {
991
992
  const a = g(), t = a.loader.useIsLoading(), e = a.loader.useIsInitiallyLoading();
992
993
  if (!a.itemView)
993
994
  return null;
994
- const s = a.items.entries.map((o) => /* @__PURE__ */ i.createElement(Vs, { key: o.id, data: o.data, id: o.id })), n = F(pt.items, t && pt.isLoading);
995
+ const s = a.items.entries.map((o) => /* @__PURE__ */ i.createElement(As, { key: o.id, data: o.data, id: o.id })), n = F(pt.items, t && pt.isLoading);
995
996
  return /* @__PURE__ */ i.createElement("div", { "aria-hidden": e, "aria-busy": t }, /* @__PURE__ */ i.createElement(
996
997
  J.GridList,
997
998
  {
@@ -999,21 +1000,21 @@ const Ts = "flow--list--items", Cs = "flow--list--items--is-loading", pt = {
999
1000
  ...a.componentProps,
1000
1001
  renderEmptyState: () => /* @__PURE__ */ i.createElement(q, null)
1001
1002
  },
1002
- e ? /* @__PURE__ */ i.createElement(As, null) : s
1003
+ e ? /* @__PURE__ */ i.createElement(Ms, null) : s
1003
1004
  ));
1004
- }, Bt = (a) => null, Ms = () => Bt, Mt = (a) => null, Ds = () => Mt, Dt = (a) => null, xs = () => Dt, xt = (a) => null, Ns = () => xt, Nt = (a) => null, Rs = () => Nt, $s = "flow--list--footer", zs = {
1005
- footer: $s
1006
- }, Us = (a) => {
1007
- const t = w(f), e = g(), s = e.batches, n = e.loader.useIsInitiallyLoading(), o = e.useIsEmpty(), c = s.getTotalItemsCount(), l = s.getVisibleItemsCount();
1005
+ }, Bt = (a) => null, xs = () => Bt, Mt = (a) => null, Ns = () => Mt, Dt = (a) => null, Rs = () => Dt, xt = (a) => null, $s = () => xt, Nt = (a) => null, zs = () => Nt, Us = "flow--list--footer", Os = {
1006
+ footer: Us
1007
+ }, Ks = (a) => {
1008
+ const t = w(b), e = g(), s = e.batches, n = e.loader.useIsInitiallyLoading(), o = e.useIsEmpty(), c = s.getTotalItemsCount(), l = s.getVisibleItemsCount();
1008
1009
  if (o)
1009
1010
  return null;
1010
- const d = n ? /* @__PURE__ */ i.createElement(Ae, { width: "200px" }) : t.format("list.paginationInfo", {
1011
+ const d = n ? /* @__PURE__ */ i.createElement(Be, { width: "200px" }) : t.format("list.paginationInfo", {
1011
1012
  visibleItemsCount: l,
1012
1013
  totalItemsCount: c
1013
1014
  });
1014
1015
  return /* @__PURE__ */ i.createElement(y, { ...a }, d);
1015
- }, Os = (a) => {
1016
- const t = w(f), e = g(), s = e.loader.useIsLoading(), n = e.loader.useIsInitiallyLoading();
1016
+ }, Hs = (a) => {
1017
+ const t = w(b), e = g(), s = e.loader.useIsLoading(), n = e.loader.useIsInitiallyLoading();
1017
1018
  return !e.batches.hasNextBatch() && !s ? null : /* @__PURE__ */ i.createElement(
1018
1019
  S,
1019
1020
  {
@@ -1026,22 +1027,22 @@ const Ts = "flow--list--items", Cs = "flow--list--items--is-loading", pt = {
1026
1027
  },
1027
1028
  t.format("list.showMore")
1028
1029
  );
1029
- }, Ks = () => /* @__PURE__ */ i.createElement("div", { className: zs.footer }, /* @__PURE__ */ i.createElement(Us, null), /* @__PURE__ */ i.createElement(Os, null));
1030
+ }, qs = () => /* @__PURE__ */ i.createElement("div", { className: Os.footer }, /* @__PURE__ */ i.createElement(Ks, null), /* @__PURE__ */ i.createElement(Hs, null));
1030
1031
  function Rt(a) {
1031
1032
  return null;
1032
1033
  }
1033
- const Hs = () => Rt, $t = (a) => null, zt = (a) => null, Ut = (a) => null, qs = (a) => /* @__PURE__ */ i.createElement(yt, { ...a }, /* @__PURE__ */ i.createElement(Et, null, /* @__PURE__ */ i.createElement(Ft, null, /* @__PURE__ */ i.createElement(A, { width: "100%" }))), /* @__PURE__ */ i.createElement(Tt, null, Array.from(Array(5)).map((t, e) => /* @__PURE__ */ i.createElement(Ct, { key: e }, /* @__PURE__ */ i.createElement(It, null, /* @__PURE__ */ i.createElement(A, { width: "100%" })))))), Gs = "flow--list--table", js = "flow--list--table--is-loading", _s = "flow--list--table--row", Ws = "flow--list--table--is-selected", Js = "flow--list--table--has-action", C = {
1034
- table: Gs,
1035
- isLoading: js,
1036
- row: _s,
1037
- isSelected: Ws,
1038
- hasAction: Js
1039
- }, Ys = () => {
1034
+ const Gs = () => Rt, $t = (a) => null, zt = (a) => null, Ut = (a) => null, js = (a) => /* @__PURE__ */ i.createElement(yt, { ...a }, /* @__PURE__ */ i.createElement(Et, null, /* @__PURE__ */ i.createElement(Ft, null, /* @__PURE__ */ i.createElement(A, { width: "100%" }))), /* @__PURE__ */ i.createElement(Tt, null, Array.from(Array(5)).map((t, e) => /* @__PURE__ */ i.createElement(Ct, { key: e }, /* @__PURE__ */ i.createElement(It, null, /* @__PURE__ */ i.createElement(A, { width: "100%" })))))), _s = "flow--list--table", Ws = "flow--list--table--is-loading", Js = "flow--list--table--row", Ys = "flow--list--table--is-selected", Qs = "flow--list--table--has-action", C = {
1035
+ table: _s,
1036
+ isLoading: Ws,
1037
+ row: Js,
1038
+ isSelected: Ys,
1039
+ hasAction: Qs
1040
+ }, Xs = () => {
1040
1041
  const a = g(), t = a.table, e = a.useIsEmpty(), s = a.loader.useIsLoading(), n = a.loader.useIsInitiallyLoading();
1041
1042
  if (!t)
1042
1043
  return null;
1043
1044
  if (n)
1044
- return /* @__PURE__ */ i.createElement(qs, { ...t.componentProps });
1045
+ return /* @__PURE__ */ i.createElement(js, { ...t.componentProps });
1045
1046
  if (e)
1046
1047
  return /* @__PURE__ */ i.createElement(q, null);
1047
1048
  const o = t.list.onAction, c = F(
@@ -1084,15 +1085,15 @@ const Hs = () => Rt, $t = (a) => null, zt = (a) => null, Ut = (a) => null, qs =
1084
1085
  })
1085
1086
  )
1086
1087
  );
1087
- }, Ot = (a) => null, Kt = (a) => null, Ht = (a) => null, Qs = oe("List", (a) => {
1088
+ }, Ot = (a) => null, Kt = (a) => null, Ht = (a) => null, Zs = le("List", (a) => {
1088
1089
  var Z, tt, et, st, it, at, nt, rt, ot;
1089
- const { children: t, batchSize: e, onChange: s, refProp: n, ...o } = a, c = (Z = b(
1090
+ const { children: t, batchSize: e, onChange: s, refProp: n, ...o } = a, c = (Z = f(
1090
1091
  t,
1091
1092
  Bt
1092
- )) == null ? void 0 : Z.props, l = (tt = b(
1093
+ )) == null ? void 0 : Z.props, l = (tt = f(
1093
1094
  t,
1094
- Ve
1095
- )) == null ? void 0 : tt.props, d = (et = b(t, Nt)) == null ? void 0 : et.props, u = {
1095
+ ke
1096
+ )) == null ? void 0 : tt.props, d = (et = f(t, Nt)) == null ? void 0 : et.props, u = {
1096
1097
  source: c ? {
1097
1098
  ...c,
1098
1099
  asyncLoader: c.children
@@ -1102,7 +1103,7 @@ const Hs = () => Rt, $t = (a) => null, zt = (a) => null, Ut = (a) => null, qs =
1102
1103
  } : d ? {
1103
1104
  staticData: d.data
1104
1105
  } : void 0
1105
- }, h = (st = b(t, Rt)) == null ? void 0 : st.props, T = (it = b(t, xt)) == null ? void 0 : it.props, x = (at = b(t, Ot)) == null ? void 0 : at.props, I = L(t, $t).map(
1106
+ }, h = (st = f(t, Rt)) == null ? void 0 : st.props, T = (it = f(t, xt)) == null ? void 0 : it.props, x = (at = f(t, Ot)) == null ? void 0 : at.props, I = L(t, $t).map(
1106
1107
  (p) => ({
1107
1108
  ...p.props,
1108
1109
  name: p.props.children
@@ -1112,7 +1113,7 @@ const Hs = () => Rt, $t = (a) => null, zt = (a) => null, Ut = (a) => null, qs =
1112
1113
  ...p.props,
1113
1114
  renderFn: p.props.children
1114
1115
  })
1115
- ), R = (nt = b(t, zt)) == null ? void 0 : nt.props, $ = (rt = b(t, Kt)) == null ? void 0 : rt.props, v = (ot = b(t, Ht)) == null ? void 0 : ot.props, z = Fs.useNew({
1116
+ ), R = (nt = f(t, zt)) == null ? void 0 : nt.props, $ = (rt = f(t, Kt)) == null ? void 0 : rt.props, v = (ot = f(t, Ht)) == null ? void 0 : ot.props, z = Cs.useNew({
1116
1117
  onChange: s,
1117
1118
  loader: u,
1118
1119
  filters: L(t, Mt).map(
@@ -1155,7 +1156,7 @@ const Hs = () => Rt, $t = (a) => null, zt = (a) => null, Ut = (a) => null, qs =
1155
1156
  tunnelId: "actions",
1156
1157
  ignoreBreakpoint: !0
1157
1158
  }
1158
- };
1159
+ }, Gt = !!f(t, Me);
1159
1160
  return /* @__PURE__ */ i.createElement(bt, { props: qt }, /* @__PURE__ */ i.createElement(St, null, /* @__PURE__ */ i.createElement(
1160
1161
  Pt.Provider,
1161
1162
  {
@@ -1163,15 +1164,15 @@ const Hs = () => Rt, $t = (a) => null, zt = (a) => null, Ut = (a) => null, qs =
1163
1164
  list: z
1164
1165
  }
1165
1166
  },
1166
- /* @__PURE__ */ i.createElement(Ke, null),
1167
- /* @__PURE__ */ i.createElement("div", { className: os.list, ref: n }, t, /* @__PURE__ */ i.createElement(ns, null), z.viewMode === "list" && /* @__PURE__ */ i.createElement(Bs, null), z.viewMode === "table" && /* @__PURE__ */ i.createElement(Ys, null), /* @__PURE__ */ i.createElement(Ks, null))
1167
+ /* @__PURE__ */ i.createElement(qe, null),
1168
+ /* @__PURE__ */ i.createElement("div", { className: cs.list, ref: n }, t, /* @__PURE__ */ i.createElement(os, { hasActionGroup: Gt }), z.viewMode === "list" && /* @__PURE__ */ i.createElement(Ds, null), z.viewMode === "table" && /* @__PURE__ */ i.createElement(Xs, null), /* @__PURE__ */ i.createElement(qs, null))
1168
1169
  )));
1169
- }), Xs = () => Qs, Yi = () => ({
1170
- List: Xs(),
1171
- Filter: Ds(),
1172
- Search: Hs(),
1173
- Sorting: xs(),
1174
- Item: Ns(),
1170
+ }), ti = () => Zs, Zi = () => ({
1171
+ List: ti(),
1172
+ Filter: Ns(),
1173
+ Search: Gs(),
1174
+ Sorting: Rs(),
1175
+ Item: $s(),
1175
1176
  ItemView: Lt,
1176
1177
  TableHeader: Kt,
1177
1178
  TableColumn: $t,
@@ -1179,24 +1180,24 @@ const Hs = () => Rt, $t = (a) => null, zt = (a) => null, Ut = (a) => null, qs =
1179
1180
  TableRow: zt,
1180
1181
  TableCell: Ut,
1181
1182
  Table: Ot,
1182
- StaticData: Rs(),
1183
- LoaderAsync: Ms(),
1184
- LoaderAsyncResource: ke()
1183
+ StaticData: zs(),
1184
+ LoaderAsync: xs(),
1185
+ LoaderAsyncResource: Ae()
1185
1186
  });
1186
1187
  export {
1187
- Qs as List,
1188
+ Zs as List,
1188
1189
  Mt as ListFilter,
1189
1190
  xt as ListItem,
1190
1191
  Lt as ListItemView,
1191
1192
  Bt as ListLoaderAsync,
1192
1193
  Dt as ListSorting,
1193
1194
  Nt as ListStaticData,
1194
- Xs as TypedList,
1195
- Ds as TypedListFilter,
1196
- Ns as TypedListItem,
1197
- Ms as TypedListLoaderAsync,
1198
- xs as TypedListSorting,
1199
- Rs as TypedListStaticData,
1200
- Yi as typedList,
1195
+ ti as TypedList,
1196
+ Ns as TypedListFilter,
1197
+ $s as TypedListItem,
1198
+ xs as TypedListLoaderAsync,
1199
+ Rs as TypedListSorting,
1200
+ zs as TypedListStaticData,
1201
+ Zi as typedList,
1201
1202
  g as useList
1202
1203
  };