@mittwald/flow-react-components 0.1.0-alpha.384 → 0.1.0-alpha.386

package/dist/js/List.js

@@ -3,21 +3,21 @@
 var Xt = Object.defineProperty;
 var Zt = (n, t, e) => t in n ? Xt(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e;
 var r = (n, t, e) => Zt(n, typeof t != "symbol" ? t + "" : t, e);
-import a, { createContext as _t, useContext as te, createElement as Et, useState as O, useEffect as x, useRef as wt, useId as ee, Suspense as se, cloneElement as ae } from "react";
+import a, { createContext as _t, useContext as te, createElement as Et, useState as O, useEffect as k, useRef as wt, useId as ee, Suspense as se, cloneElement as ae } from "react";
 import "./propsContext-DzAKlmhS.js";
 import { PropsContextProvider as Z } from "./PropsContextProvider.js";
 import "@react-aria/utils";
 import { isShallowEqual as ie, unique as ne, difference as re, times as oe } from "remeda";
 import { d as Y } from "./dynamic-ClpUSmEt.js";
-import { B as E } from "./Button-BTc_iJae.js";
+import { B as w } from "./Button-BTc_iJae.js";
 import { IconArrowBackUp as le } from "@tabler/icons-react";
 import { I as pt } from "./Icon--OEo4TjW.js";
 import { I as ce } from "./IconContextMenu-x1p9NcUF.js";
 import { a as H, C as _ } from "./ContextMenuTrigger-CsnzKkVf.js";
 import { M as tt } from "./MenuItem-BhQ--5y5.js";
 import { useLocalizedStringFormatter as I } from "react-aria";
-import { TunnelProvider as Ft, TunnelExit as M } from "@mittwald/react-tunnel";
-import k from "clsx";
+import { TunnelProvider as Ft, TunnelExit as x } from "@mittwald/react-tunnel";
+import B from "clsx";
 import { f as It } from "./flowComponent-BQs9wMX_.js";
 import { R as de } from "./Render-BOMk4emj.js";
 import { T } from "./Text-Dh4iy9qD.js";
@@ -45,12 +45,12 @@ import { I as Ve } from "./IconChevronDown-wKRgAuyR.js";
 import { I as ke } from "./IconChevronUp-C2rq4v--.js";
 import { I as Be } from "./IllustratedMessage-DB1AH-Oq.js";
 import { I as Me } from "./IconSearch-9xESFc33.js";
-import { a as v, b as D, d as xe } from "./deepHas-KHS5X1F_.js";
+import { a as y, b as D, d as xe } from "./deepHas-KHS5X1F_.js";
 import { ListLoaderAsyncResource as De, TypedListLoaderAsyncResource as Ne } from "./List/ListLoaderAsyncResource.js";
 import { S as Re } from "./Skeleton-CKLaTmDR.js";
 import { a as Lt, e as Pt, d as At, b as Vt, T as kt, c as Bt } from "./Table-BdpXhsOd.js";
 import { A as $e } from "./ActionGroup-Bd0aZvbX.js";
-const Ue = "flow--list--items--item--view", ze = "flow--list--items--item--view--content", Ke = "flow--list--items--item--view--title", Oe = "flow--list--items--item--view--avatar", He = "flow--list--items--item--view--sub-title", qe = "flow--list--items--item--view--heading", Ge = "flow--list--items--item--view--text", We = "flow--list--items--item--view--top-content", je = "flow--list--items--item--view--action", Je = "flow--list--items--item--view--bottom-content", g = {
+const Ue = "flow--list--items--item--view", ze = "flow--list--items--item--view--content", Ke = "flow--list--items--item--view--title", Oe = "flow--list--items--item--view--avatar", He = "flow--list--items--item--view--sub-title", qe = "flow--list--items--item--view--heading", Ge = "flow--list--items--item--view--text", We = "flow--list--items--item--view--top-content", je = "flow--list--items--item--view--action", Je = "flow--list--items--item--view--bottom-content", p = {
   view: Ue,
   content: ze,
   title: Ke,
@@ -61,7 +61,7 @@ const Ue = "flow--list--items--item--view", ze = "flow--list--items--item--view-
   topContent: We,
   action: je,
   bottomContent: Je
-}, b = { "de-DE": {
+}, S = { "de-DE": {
   "list.filters.clear": "Filter entfernen",
   "list.filters.reset": "Filter zurücksetzen",
   "list.filters.store": "Filter speichern",
@@ -94,9 +94,9 @@ const Ue = "flow--list--items--item--view", ze = "flow--list--items--item--view-
   "list.toggleExpandButton.collapse": "Show less",
   "list.toggleExpandButton.expand": "Show more"
 } }, Ye = (n) => {
-  const { className: t, children: e } = n, s = I(b);
+  const { className: t, children: e } = n, s = I(S);
   return /* @__PURE__ */ a.createElement(H, null, /* @__PURE__ */ a.createElement(
-    E,
+    w,
     {
       variant: "plain",
       color: "secondary",
@@ -106,19 +106,19 @@ const Ue = "flow--list--items--item--view", ze = "flow--list--items--item--view-
     },
     /* @__PURE__ */ a.createElement(ce, null)
   ), e);
-}, Qe = (n) => n === "top" ? g.topContent : n === "bottom" ? g.bottomContent : g.topContent, Mt = (n) => {
+}, Qe = (n) => n === "top" ? p.topContent : n === "bottom" ? p.bottomContent : p.topContent, Mt = (n) => {
   const { children: t, className: e } = n, s = {
     ContextMenu: {
-      wrapWith: /* @__PURE__ */ a.createElement(Ye, { className: g.action }),
+      wrapWith: /* @__PURE__ */ a.createElement(Ye, { className: p.action }),
       placement: "bottom end",
       tunnelId: "button"
     },
     Button: {
-      className: g.action,
+      className: p.action,
       tunnelId: "button"
     },
     ActionGroup: {
-      className: g.action,
+      className: p.action,
       ignoreBreakpoint: !0,
       tunnelId: "button",
       Button: {
@@ -129,29 +129,29 @@ const Ue = "flow--list--items--item--view", ze = "flow--list--items--item--view-
       className: Y((o) => Qe(o.slot))
     },
     Avatar: {
-      className: g.avatar,
+      className: p.avatar,
       tunnelId: "title"
     },
     Heading: {
-      className: g.heading,
+      className: p.heading,
       level: 5,
       tunnelId: "title"
     },
     Text: {
-      className: g.text,
+      className: p.text,
       tunnelId: "text"
     },
     Link: {
       unstyled: !0
     }
-  }, i = k(g.view, e);
-  return /* @__PURE__ */ a.createElement("div", { className: i }, /* @__PURE__ */ a.createElement(Z, { props: s, mergeInParentContext: !0 }, /* @__PURE__ */ a.createElement(Ft, null, /* @__PURE__ */ a.createElement("div", { className: g.content }, t, /* @__PURE__ */ a.createElement("div", { className: g.title }, /* @__PURE__ */ a.createElement(M, { id: "title" }), /* @__PURE__ */ a.createElement("div", { className: g.subTitle }, /* @__PURE__ */ a.createElement(M, { id: "text" })))), /* @__PURE__ */ a.createElement(M, { id: "button" }))));
+  }, i = B(p.view, e);
+  return /* @__PURE__ */ a.createElement("div", { className: i }, /* @__PURE__ */ a.createElement(Z, { props: s, mergeInParentContext: !0 }, /* @__PURE__ */ a.createElement(Ft, null, /* @__PURE__ */ a.createElement("div", { className: p.content }, t, /* @__PURE__ */ a.createElement("div", { className: p.title }, /* @__PURE__ */ a.createElement(x, { id: "title" }), /* @__PURE__ */ a.createElement("div", { className: p.subTitle }, /* @__PURE__ */ a.createElement(x, { id: "text" })))), /* @__PURE__ */ a.createElement(x, { id: "button" }))));
 }, Xe = "flow--list--list-summary", Ze = {
   listSummary: Xe
 }, ni = It("ListSummary", (n) => {
   const { children: t } = n;
   return /* @__PURE__ */ a.createElement("header", { className: Ze.listSummary, ...n }, t);
-}), xt = _t({}), f = () => te(xt).list, _e = () => f().loader.getLoaderInvocationHooks().map((t, e) => /* @__PURE__ */ a.createElement(de, { key: e }, () => {
+}), xt = _t({}), b = () => te(xt).list, _e = () => b().loader.getLoaderInvocationHooks().map((t, e) => /* @__PURE__ */ a.createElement(de, { key: e }, () => {
   t();
 })), ts = (n) => {
   const { sorting: t } = n;
@@ -160,11 +160,11 @@ const Ue = "flow--list--items--item--view", ze = "flow--list--items--item--view-
   const { children: t, locales: e, variables: s } = n;
   return I(e).format(t, s);
 }, es = () => {
-  const n = f(), t = n.visibleSorting.map((i) => /* @__PURE__ */ a.createElement(ts, { sorting: i, key: i.id }));
+  const n = b(), t = n.visibleSorting.map((i) => /* @__PURE__ */ a.createElement(ts, { sorting: i, key: i.id }));
   if (t.length === 0)
     return null;
-  const e = n.visibleSorting.find((i) => i.isSorted()), s = /* @__PURE__ */ a.createElement(T, null, e ? /* @__PURE__ */ a.createElement(a.Fragment, null, e.name ?? e.property) : /* @__PURE__ */ a.createElement(R, { locales: b }, "list.sorting"));
-  return /* @__PURE__ */ a.createElement(H, null, /* @__PURE__ */ a.createElement(E, { variant: "outline", color: "secondary" }, s, /* @__PURE__ */ a.createElement(ue, null)), /* @__PURE__ */ a.createElement(
+  const e = n.visibleSorting.find((i) => i.isSorted()), s = /* @__PURE__ */ a.createElement(T, null, e ? /* @__PURE__ */ a.createElement(a.Fragment, null, e.name ?? e.property) : /* @__PURE__ */ a.createElement(R, { locales: S }, "list.sorting"));
+  return /* @__PURE__ */ a.createElement(H, null, /* @__PURE__ */ a.createElement(w, { variant: "outline", color: "secondary" }, s, /* @__PURE__ */ a.createElement(ue, null)), /* @__PURE__ */ a.createElement(
     _,
     {
       selectionMode: "single",
@@ -187,7 +187,7 @@ const Ue = "flow--list--items--item--view", ze = "flow--list--items--item--view-
     },
     l.render()
   )), d = e.filter((l) => l.isActive).map((l) => l.id);
-  return /* @__PURE__ */ a.createElement(H, null, /* @__PURE__ */ a.createElement(E, { variant: "outline", color: "secondary" }, /* @__PURE__ */ a.createElement(T, null, i ?? o), /* @__PURE__ */ a.createElement(me, null)), /* @__PURE__ */ a.createElement(
+  return /* @__PURE__ */ a.createElement(H, null, /* @__PURE__ */ a.createElement(w, { variant: "outline", color: "secondary" }, /* @__PURE__ */ a.createElement(T, null, i ?? o), /* @__PURE__ */ a.createElement(me, null)), /* @__PURE__ */ a.createElement(
     _,
     {
       selectionMode: s === "one" ? "single" : "multiple",
@@ -195,19 +195,18 @@ const Ue = "flow--list--items--item--view", ze = "flow--list--items--item--view-
     },
     c
   ));
-}, as = "flow--list--header", is = "flow--list--header--picker-list-and-search", ns = "flow--list--header--picker-list", rs = "flow--list--header--search-and-actions", os = "flow--list--header--search-field", ls = "flow--list--header--actions", V = {
+}, as = "flow--list--header", is = "flow--list--header--picker-list-and-search", ns = "flow--list--header--picker-list", rs = "flow--list--header--search-and-actions", os = "flow--list--header--search-field", V = {
   header: as,
   pickerListAndSearch: is,
   pickerList: ns,
   searchAndActions: rs,
-  searchField: os,
-  actions: ls
-}, cs = "flow--list--header--active-filters", ds = "flow--list--header--active-filters--clear-button", us = {
-  activeFilters: cs,
-  clearButton: ds
-}, ms = fe(() => {
-  const n = f(), t = I(b), s = n.filters.flatMap((l) => l.values).filter((l) => l.isActive).map((l) => /* @__PURE__ */ a.createElement(be, { key: l.id, onClose: () => l.deactivate() }, /* @__PURE__ */ a.createElement(T, null, l.render()))), i = n.filters.filter((l) => l.hasChanged()).length > 0, o = n.supportsSettingsStorage && i && /* @__PURE__ */ a.createElement(G, null, /* @__PURE__ */ a.createElement(W, null, /* @__PURE__ */ a.createElement(R, { locales: b }, "list.filters.store")), /* @__PURE__ */ a.createElement(
-    E,
+  searchField: os
+}, ls = "flow--list--header--active-filters", cs = "flow--list--header--active-filters--clear-button", ds = {
+  activeFilters: ls,
+  clearButton: cs
+}, us = fe(() => {
+  const n = b(), t = I(S), s = n.filters.flatMap((l) => l.values).filter((l) => l.isActive).map((l) => /* @__PURE__ */ a.createElement(be, { key: l.id, onClose: () => l.deactivate() }, /* @__PURE__ */ a.createElement(T, null, l.render()))), i = n.filters.filter((l) => l.hasChanged()).length > 0, o = n.supportsSettingsStorage && i && /* @__PURE__ */ a.createElement(G, null, /* @__PURE__ */ a.createElement(W, null, /* @__PURE__ */ a.createElement(R, { locales: S }, "list.filters.store")), /* @__PURE__ */ a.createElement(
+    w,
     {
       size: "s",
       variant: "plain",
@@ -216,8 +215,8 @@ const Ue = "flow--list--items--item--view", ze = "flow--list--items--item--view-
       "aria-label": t.format("list.filters.store")
     },
     /* @__PURE__ */ a.createElement(he, null)
-  )), c = i ? /* @__PURE__ */ a.createElement(G, null, /* @__PURE__ */ a.createElement(W, null, /* @__PURE__ */ a.createElement(R, { locales: b }, "list.filters.reset")), /* @__PURE__ */ a.createElement(
-    E,
+  )), c = i ? /* @__PURE__ */ a.createElement(G, null, /* @__PURE__ */ a.createElement(W, null, /* @__PURE__ */ a.createElement(R, { locales: S }, "list.filters.reset")), /* @__PURE__ */ a.createElement(
+    w,
     {
       size: "s",
       variant: "plain",
@@ -226,8 +225,8 @@ const Ue = "flow--list--items--item--view", ze = "flow--list--items--item--view-
       "aria-label": t.format("list.filters.reset")
     },
     /* @__PURE__ */ a.createElement(pt, null, /* @__PURE__ */ a.createElement(le, null))
-  )) : void 0, d = s.length > 0 ? /* @__PURE__ */ a.createElement(G, null, /* @__PURE__ */ a.createElement(W, null, /* @__PURE__ */ a.createElement(R, { locales: b }, "list.filters.clear")), /* @__PURE__ */ a.createElement(
-    E,
+  )) : void 0, d = s.length > 0 ? /* @__PURE__ */ a.createElement(G, null, /* @__PURE__ */ a.createElement(W, null, /* @__PURE__ */ a.createElement(R, { locales: S }, "list.filters.clear")), /* @__PURE__ */ a.createElement(
+    w,
     {
       size: "s",
       variant: "plain",
@@ -236,26 +235,33 @@ const Ue = "flow--list--items--item--view", ze = "flow--list--items--item--view-
     },
     /* @__PURE__ */ a.createElement(pt, null, /* @__PURE__ */ a.createElement(ge, null))
   )) : void 0;
-  return s.length === 0 && !o && !c ? null : /* @__PURE__ */ a.createElement("div", { className: us.activeFilters }, s, o, c, d);
-}), hs = (n) => {
-  const { className: t, onChange: e, value: s, ...i } = n, [o, c] = O(s ?? "");
-  ve(s, () => {
-    c(s ?? "");
-  }, [o]);
-  const d = () => {
-    e(void 0), c("");
-  }, l = (u) => {
-    u.key === "Enter" ? o.trim() === "" ? e(void 0) : e(o) : u.key === "Escape" && d();
+  return s.length === 0 && !o && !c ? null : /* @__PURE__ */ a.createElement("div", { className: ds.activeFilters }, s, o, c, d);
+}), ms = 800, hs = (n) => {
+  const { className: t, onChange: e, value: s, autoSubmit: i, ...o } = n, [c, d] = O(s ?? ""), l = () => {
+    c.trim() === "" ? e(void 0) : e(c);
+  };
+  k(() => {
+    if (i) {
+      const h = setTimeout(() => l(), ms);
+      return () => clearTimeout(h);
+    }
+  }, [c, i]), ve(s, () => {
+    d(s ?? "");
+  }, [c]);
+  const u = () => {
+    e(void 0), d("");
+  }, m = (h) => {
+    h.key === "Enter" ? l() : h.key === "Escape" && u();
   };
   return /* @__PURE__ */ a.createElement(
     ye,
     {
       className: t,
-      value: o,
-      onKeyUp: l,
-      onChange: (u) => c(u),
-      onClear: d,
-      ...i
+      value: c,
+      onKeyUp: m,
+      onChange: (h) => d(h),
+      onClear: u,
+      ...o
     }
   );
 }, gs = (n) => {
@@ -267,9 +273,9 @@ const Ue = "flow--list--items--item--view", ze = "flow--list--items--item--view-
     ...e.textFieldProps
   });
 }, ps = () => {
-  const n = I(b), t = f(), e = t.viewMode, s = [];
+  const n = I(S), t = b(), e = t.viewMode, s = [];
   return t.itemView && s.push("list"), t.table && s.push("table"), s.length <= 1 ? null : /* @__PURE__ */ a.createElement(H, null, /* @__PURE__ */ a.createElement(
-    E,
+    w,
     {
       variant: "outline",
       color: "secondary",
@@ -289,11 +295,11 @@ const Ue = "flow--list--items--item--view", ze = "flow--list--items--item--view-
     n.format(`list.settings.viewMode.${i}`)
   )))));
 }, fs = (n) => {
-  const { className: t, hasActionGroup: e } = n, s = f();
+  const { className: t, hasActionGroup: e } = n, s = b();
   if (s.filters.length === 0 && s.visibleSorting.length === 0 && !s.search && !s.table && !e)
     return null;
   const i = s.filters.map((o) => /* @__PURE__ */ a.createElement(ss, { key: o.property, filter: o }));
-  return /* @__PURE__ */ a.createElement("div", { className: k(t, V.header) }, /* @__PURE__ */ a.createElement("div", { className: V.pickerListAndSearch }, /* @__PURE__ */ a.createElement("div", { className: V.pickerList }, /* @__PURE__ */ a.createElement(ps, null), /* @__PURE__ */ a.createElement(es, null), i), /* @__PURE__ */ a.createElement("div", { className: V.searchAndActions }, s.search && /* @__PURE__ */ a.createElement(gs, { className: V.searchField, search: s.search }), /* @__PURE__ */ a.createElement(M, { id: "actions" }))), /* @__PURE__ */ a.createElement(ms, null));
+  return /* @__PURE__ */ a.createElement("div", { className: B(t, V.header) }, /* @__PURE__ */ a.createElement("div", { className: V.pickerListAndSearch }, /* @__PURE__ */ a.createElement("div", { className: V.pickerList }, /* @__PURE__ */ a.createElement(ps, null), /* @__PURE__ */ a.createElement(es, null), i), /* @__PURE__ */ a.createElement("div", { className: V.searchAndActions }, s.search && /* @__PURE__ */ a.createElement(gs, { className: V.searchField, search: s.search }), /* @__PURE__ */ a.createElement(x, { id: "actions" }))), /* @__PURE__ */ a.createElement(us, null));
 }, bs = "flow--list", Ss = {
   list: bs
 };
@@ -601,7 +607,7 @@ class at {
       globalFilterFn: "auto",
       ...e
     });
-    return x(() => {
+    return k(() => {
       t && t(this.list);
     }, [this.list, t, o]), o;
   }
@@ -732,14 +738,14 @@ class nt {
         this.loaderState.isBatchLoaded(e) ? "loaded" : i
       );
     };
-    x(() => (s(t.state.value), t.state.observe(s)), [t, e]);
+    k(() => (s(t.state.value), t.state.observe(s)), [t, e]);
   }
   useObserveBatchData(t, e) {
     const s = (i) => {
       const { data: o, itemTotalCount: c } = i;
       this.loaderState.setDataBatch(e, o), c !== void 0 && this.list.batches.updateItemTotalCount(c);
     };
-    x(() => (t.value.value.isSet && s(t.value.value.value), t.value.observe((i) => {
+    k(() => (t.value.value.isSet && s(t.value.value.value), t.value.observe((i) => {
       i.isSet && s(i.value);
     })), [t, e]);
   }
@@ -882,8 +888,8 @@ let Q = K, Ps = class {
     this.list = t, this.header = new As(this, s), this.body = new Bs(this, i), this.componentProps = o;
   }
 };
-var y;
-let xs = (y = class {
+var E;
+let xs = (E = class {
   constructor(t) {
     r(this, "filters");
     r(this, "itemView");
@@ -915,13 +921,13 @@ let xs = (y = class {
       onChange: l,
       loader: u,
       search: m,
-      onAction: w,
+      onAction: h,
       getItemId: C,
       defaultViewMode: L,
       accordion: P = !1,
-      ...p
+      ...f
     } = t;
-    this.settingsStore = Ae(), this.settingStorageKey = e, this.filterSettingsStorageKey = e ? `${e}.activeFilters` : void 0, this.viewModeStorageKey = e ? `${e}.viewMode` : void 0, this.supportsSettingsStorage = !!this.settingStorageKey, this.items = new ys(this), this.filters = o.map((h) => new $(this, h)), this.sorting = c.map((h) => new Ts(this, h)), this.search = m ? new Ls(this, m) : void 0, this.itemView = s ? new Q(this, s) : void 0, this.accordion = P, this.table = i ? new Ms(this, i) : void 0, this.batches = new Es(this, d), this.componentProps = p, this.loader = nt.useNew(this, u), this.onAction = w, this.getItemId = C, this.reactTable = at.useNew(this, l, {
+    this.settingsStore = Ae(), this.settingStorageKey = e, this.filterSettingsStorageKey = e ? `${e}.activeFilters` : void 0, this.viewModeStorageKey = e ? `${e}.viewMode` : void 0, this.supportsSettingsStorage = !!this.settingStorageKey, this.items = new ys(this), this.filters = o.map((g) => new $(this, g)), this.sorting = c.map((g) => new Ts(this, g)), this.search = m ? new Ls(this, m) : void 0, this.itemView = s ? new Q(this, s) : void 0, this.accordion = P, this.table = i ? new Ms(this, i) : void 0, this.batches = new Es(this, d), this.componentProps = f, this.loader = nt.useNew(this, u), this.onAction = h, this.getItemId = C, this.reactTable = at.useNew(this, l, {
       manualFiltering: this.loader.manualFiltering,
       manualPagination: this.loader.manualPagination,
       manualSorting: this.loader.manualSorting
@@ -929,15 +935,15 @@ let xs = (y = class {
     const [A, q] = O(
       L ?? this.getStoredViewModeDefaultSetting() ?? "list"
     );
-    this.viewMode = A, this.setViewMode = (h) => {
-      q(h), this.settingsStore && this.viewModeStorageKey && this.settingsStore.set(
+    this.viewMode = A, this.setViewMode = (g) => {
+      q(g), this.settingsStore && this.viewModeStorageKey && this.settingsStore.set(
         "List",
         this.viewModeStorageKey,
-        y.viewModeSettingsStorageSchema,
-        h
+        E.viewModeSettingsStorageSchema,
+        g
       );
-    }, x(() => {
-      this.filters.forEach((h) => h.deleteUnknownFilterValues());
+    }, k(() => {
+      this.filters.forEach((g) => g.deleteUnknownFilterValues());
     }, [this.filters]);
   }
   get isFiltered() {
@@ -947,7 +953,7 @@ let xs = (y = class {
     return this.sorting.filter((t) => t.defaultEnabled !== "hidden");
   }
   static useNew(t) {
-    return new y(t);
+    return new E(t);
   }
   storeFilterDefaultSettings() {
     if (this.settingsStore && this.filterSettingsStorageKey) {
@@ -978,7 +984,7 @@ let xs = (y = class {
       return this.settingsStore.get(
         "List",
         this.viewModeStorageKey,
-        y.viewModeSettingsStorageSchema
+        E.viewModeSettingsStorageSchema
       );
   }
   getSorting(t) {
@@ -997,7 +1003,7 @@ let xs = (y = class {
   useIsEmpty() {
     return !this.loader.useIsLoading() && this.items.entries.length === 0;
   }
-}, r(y, "viewModeSettingsStorageSchema", N.enum(["list", "table"]).optional()), y);
+}, r(E, "viewModeSettingsStorageSchema", N.enum(["list", "table"]).optional()), E);
 const Ds = "flow--list--items", Ns = "flow--list--items--is-loading", yt = {
   items: Ds,
   isLoading: Ns
@@ -1006,9 +1012,9 @@ const Ds = "flow--list--items", Ns = "flow--list--items--is-loading", yt = {
   isSelected: $s,
   hasAction: Us
 }, Nt = () => /* @__PURE__ */ a.createElement(Mt, null, /* @__PURE__ */ a.createElement(et, null, /* @__PURE__ */ a.createElement(z, { width: "200px" })), /* @__PURE__ */ a.createElement(T, null, /* @__PURE__ */ a.createElement(z, { width: "300px" }))), zs = (n) => {
-  const { isExpanded: t, toggle: e, children: s, contentElementId: i } = n, o = I(b);
+  const { isExpanded: t, toggle: e, children: s, contentElementId: i } = n, o = I(S);
   return /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(
-    E,
+    w,
     {
       variant: "plain",
       color: "secondary",
@@ -1023,12 +1029,12 @@ const Ds = "flow--list--items", Ns = "flow--list--items--is-loading", yt = {
   ), t && s);
 }, Ks = (n) => {
   var P;
-  const { data: t, children: e } = n, s = f(), i = s.itemView, o = s.onAction, [c, d] = O(
+  const { data: t, children: e } = n, s = b(), i = s.itemView, o = s.onAction, [c, d] = O(
     ((P = i == null ? void 0 : i.defaultExpanded) == null ? void 0 : P.call(i, t)) ?? !1
-  ), l = ee(), u = wt(null), m = s.accordion, w = e ?? (i == null ? void 0 : i.render(t));
-  if (x(() => {
-    var p, A;
-    m && ((p = u.current) == null || p.setAttribute("aria-expanded", String(c)), (A = u.current) == null || A.setAttribute("aria-controls", l));
+  ), l = ee(), u = wt(null), m = s.accordion, h = e ?? (i == null ? void 0 : i.render(t));
+  if (k(() => {
+    var f, A;
+    m && ((f = u.current) == null || f.setAttribute("aria-expanded", String(c)), (A = u.current) == null || A.setAttribute("aria-controls", l));
   }, [c, l, u.current, m]), !m)
     return {
       gridItemProps: {
@@ -1036,15 +1042,15 @@ const Ds = "flow--list--items", Ns = "flow--list--items--is-loading", yt = {
           o == null || o(t);
         } : void 0
       },
-      children: w
+      children: h
     };
   const C = () => {
-    d((p) => !p), o == null || o(t);
+    d((f) => !f), o == null || o(t);
   }, L = {
     Content: {
-      id: Y((p) => p.slot === "bottom" ? l : void 0),
+      id: Y((f) => f.slot === "bottom" ? l : void 0),
       wrapWith: Y(
-        (p) => p.slot === "bottom" ? /* @__PURE__ */ a.createElement(
+        (f) => f.slot === "bottom" ? /* @__PURE__ */ a.createElement(
           zs,
           {
             contentElementId: l,
@@ -1066,11 +1072,11 @@ const Ds = "flow--list--items", Ns = "flow--list--items--is-loading", yt = {
         props: L,
         dependencies: [l, c]
       },
-      w
+      h
     )
   };
 }, Os = (n) => {
-  const { id: t, data: e } = n, i = f().itemView, { gridItemProps: o, children: c } = Ks(n);
+  const { id: t, data: e } = n, i = b().itemView, { gridItemProps: o, children: c } = Ks(n);
   if (!i)
     return null;
   const d = i.textValue ? i.textValue(e) : void 0, l = i.href ? i.href(e) : void 0, u = !!o.onAction || !!l;
@@ -1078,7 +1084,7 @@ const Ds = "flow--list--items", Ns = "flow--list--items--is-loading", yt = {
     st.GridListItem,
     {
       id: t,
-      className: (m) => k(
+      className: (m) => B(
         U.item,
         u && U.hasAction,
         m.isSelected && U.isSelected
@@ -1090,17 +1096,17 @@ const Ds = "flow--list--items", Ns = "flow--list--items--is-loading", yt = {
     /* @__PURE__ */ a.createElement(se, { fallback: /* @__PURE__ */ a.createElement(Nt, null) }, c)
   );
 }, Hs = (n) => /* @__PURE__ */ a.createElement(st.GridListItem, { textValue: "-", className: U.item }, n.children), X = () => {
-  const n = I(b);
+  const n = I(S);
   return /* @__PURE__ */ a.createElement(Be, null, /* @__PURE__ */ a.createElement(Me, null), /* @__PURE__ */ a.createElement(et, null, n.format("list.noResult.heading")), /* @__PURE__ */ a.createElement(T, null, n.format("list.noResult.text")));
 }, qs = () => {
   var e;
-  const t = ((e = f().itemView) == null ? void 0 : e.fallback) ?? /* @__PURE__ */ a.createElement(Nt, null);
+  const t = ((e = b().itemView) == null ? void 0 : e.fallback) ?? /* @__PURE__ */ a.createElement(Nt, null);
   return Array.from(Array(5)).map((s, i) => /* @__PURE__ */ a.createElement(Hs, { key: i }, ae(t)));
 }, Gs = () => {
-  const n = f(), t = n.loader.useIsLoading(), e = n.loader.useIsInitiallyLoading();
+  const n = b(), t = n.loader.useIsLoading(), e = n.loader.useIsInitiallyLoading();
   if (!n.itemView)
     return null;
-  const s = n.items.entries.map((o) => /* @__PURE__ */ a.createElement(Os, { key: o.id, data: o.data, id: o.id })), i = k(yt.items, t && yt.isLoading);
+  const s = n.items.entries.map((o) => /* @__PURE__ */ a.createElement(Os, { key: o.id, data: o.data, id: o.id })), i = B(yt.items, t && yt.isLoading);
   return /* @__PURE__ */ a.createElement("div", { "aria-hidden": e, "aria-busy": t }, /* @__PURE__ */ a.createElement(
     st.GridList,
     {
@@ -1113,7 +1119,7 @@ const Ds = "flow--list--items", Ns = "flow--list--items--is-loading", yt = {
 }, Rt = (n) => null, Ws = () => Rt, $t = (n) => null, js = () => $t, Ut = (n) => null, Js = () => Ut, zt = (n) => null, Ys = () => zt, Kt = (n) => null, Qs = () => Kt, Xs = "flow--list--footer", Zs = {
   footer: Xs
 }, _s = (n) => {
-  const t = I(b), e = f(), s = e.batches, i = e.loader.useIsInitiallyLoading(), o = e.useIsEmpty(), c = s.getTotalItemsCount(), d = s.getVisibleItemsCount();
+  const t = I(S), e = b(), s = e.batches, i = e.loader.useIsInitiallyLoading(), o = e.useIsEmpty(), c = s.getTotalItemsCount(), d = s.getVisibleItemsCount();
   if (o)
     return null;
   const l = i ? /* @__PURE__ */ a.createElement(Re, { width: "200px" }) : t.format("list.paginationInfo", {
@@ -1122,9 +1128,9 @@ const Ds = "flow--list--items", Ns = "flow--list--items--is-loading", yt = {
   });
   return /* @__PURE__ */ a.createElement(T, { ...n }, l);
 }, ta = (n) => {
-  const t = I(b), e = f(), s = e.loader.useIsLoading(), i = e.loader.useIsInitiallyLoading();
+  const t = I(S), e = b(), s = e.loader.useIsLoading(), i = e.loader.useIsInitiallyLoading();
   return !e.batches.hasNextBatch() && !s ? null : /* @__PURE__ */ a.createElement(
-    E,
+    w,
     {
       isPending: s && !i,
       isDisabled: i,
@@ -1139,23 +1145,23 @@ const Ds = "flow--list--items", Ns = "flow--list--items--is-loading", yt = {
 function Ot(n) {
   return null;
 }
-const sa = () => Ot, Ht = (n) => null, qt = (n) => null, Gt = (n) => null, aa = (n) => /* @__PURE__ */ a.createElement(Lt, { ...n }, /* @__PURE__ */ a.createElement(Pt, null, /* @__PURE__ */ a.createElement(At, null, /* @__PURE__ */ a.createElement(z, { width: "100%" }))), /* @__PURE__ */ a.createElement(Vt, null, Array.from(Array(5)).map((t, e) => /* @__PURE__ */ a.createElement(kt, { key: e }, /* @__PURE__ */ a.createElement(Bt, null, /* @__PURE__ */ a.createElement(z, { width: "100%" })))))), ia = "flow--list--table", na = "flow--list--table--is-loading", ra = "flow--list--table--row", oa = "flow--list--table--is-selected", la = "flow--list--table--has-action", B = {
+const sa = () => Ot, Ht = (n) => null, qt = (n) => null, Gt = (n) => null, aa = (n) => /* @__PURE__ */ a.createElement(Lt, { ...n }, /* @__PURE__ */ a.createElement(Pt, null, /* @__PURE__ */ a.createElement(At, null, /* @__PURE__ */ a.createElement(z, { width: "100%" }))), /* @__PURE__ */ a.createElement(Vt, null, Array.from(Array(5)).map((t, e) => /* @__PURE__ */ a.createElement(kt, { key: e }, /* @__PURE__ */ a.createElement(Bt, null, /* @__PURE__ */ a.createElement(z, { width: "100%" })))))), ia = "flow--list--table", na = "flow--list--table--is-loading", ra = "flow--list--table--row", oa = "flow--list--table--is-selected", la = "flow--list--table--has-action", M = {
   table: ia,
   isLoading: na,
   row: ra,
   isSelected: oa,
   hasAction: la
 }, ca = () => {
-  const n = f(), t = n.table, e = n.useIsEmpty(), s = n.loader.useIsLoading(), i = n.loader.useIsInitiallyLoading();
+  const n = b(), t = n.table, e = n.useIsEmpty(), s = n.loader.useIsLoading(), i = n.loader.useIsInitiallyLoading();
   if (!t)
     return null;
   if (i)
     return /* @__PURE__ */ a.createElement(aa, { ...t.componentProps });
   if (e)
     return /* @__PURE__ */ a.createElement(X, null);
-  const o = t.list.onAction, c = k(
-    B.table,
-    s && B.isLoading,
+  const o = t.list.onAction, c = B(
+    M.table,
+    s && M.isLoading,
     t.componentProps.className
   );
   return /* @__PURE__ */ a.createElement(
@@ -1177,11 +1183,11 @@ const sa = () => Ot, Ht = (n) => null, qt = (n) => null, Gt = (n) => null, aa =
         return /* @__PURE__ */ a.createElement(
           kt,
           {
-            className: (u) => k(
-              B.row,
-              o && B.hasAction,
+            className: (u) => B(
+              M.row,
+              o && M.hasAction,
               t.body.row.componentProps.className,
-              u.isSelected && B.isSelected
+              u.isSelected && M.isSelected
             ),
             key: d.id,
             id: d.id,
@@ -1195,13 +1201,13 @@ const sa = () => Ot, Ht = (n) => null, qt = (n) => null, Gt = (n) => null, aa =
   );
 }, Wt = (n) => null, jt = (n) => null, Jt = (n) => null, da = It("List", (n) => {
   var rt, ot, lt, ct, dt, ut, mt, ht, gt;
-  const { children: t, batchSize: e, onChange: s, refProp: i, ...o } = n, c = (rt = v(
+  const { children: t, batchSize: e, onChange: s, refProp: i, ...o } = n, c = (rt = y(
     t,
     Rt
-  )) == null ? void 0 : rt.props, d = (ot = v(
+  )) == null ? void 0 : rt.props, d = (ot = y(
     t,
     De
-  )) == null ? void 0 : ot.props, l = (lt = v(t, Kt)) == null ? void 0 : lt.props, u = {
+  )) == null ? void 0 : ot.props, l = (lt = y(t, Kt)) == null ? void 0 : lt.props, u = {
     source: c ? {
       ...c,
       asyncLoader: c.children
@@ -1211,23 +1217,23 @@ const sa = () => Ot, Ht = (n) => null, qt = (n) => null, Gt = (n) => null, aa =
     } : l ? {
       staticData: l.data
     } : void 0
-  }, m = (ct = v(t, Ot)) == null ? void 0 : ct.props, w = (dt = v(t, zt)) == null ? void 0 : dt.props, C = (ut = v(t, Wt)) == null ? void 0 : ut.props, L = D(t, Ht).map(
-    (S) => ({
-      ...S.props,
-      name: S.props.children
+  }, m = (ct = y(t, Ot)) == null ? void 0 : ct.props, h = (dt = y(t, zt)) == null ? void 0 : dt.props, C = (ut = y(t, Wt)) == null ? void 0 : ut.props, L = D(t, Ht).map(
+    (v) => ({
+      ...v.props,
+      name: v.props.children
     })
   ), P = D(t, Gt).map(
-    (S) => ({
-      ...S.props,
-      renderFn: S.props.children
+    (v) => ({
+      ...v.props,
+      renderFn: v.props.children
     })
-  ), p = (mt = v(t, qt)) == null ? void 0 : mt.props, A = (ht = v(t, jt)) == null ? void 0 : ht.props, q = (gt = v(t, Jt)) == null ? void 0 : gt.props, h = xs.useNew({
+  ), f = (mt = y(t, qt)) == null ? void 0 : mt.props, A = (ht = y(t, jt)) == null ? void 0 : ht.props, q = (gt = y(t, Jt)) == null ? void 0 : gt.props, g = xs.useNew({
     onChange: s,
     loader: u,
     filters: D(t, $t).map(
-      (S) => ({
-        ...S.props,
-        renderItem: S.props.children
+      (v) => ({
+        ...v.props,
+        renderItem: v.props.children
       })
     ),
     search: m ? {
@@ -1235,10 +1241,10 @@ const sa = () => Ot, Ht = (n) => null, qt = (n) => null, Gt = (n) => null, aa =
       textFieldProps: m,
       defaultValue: m.defaultValue
     } : void 0,
-    sorting: D(t, Ut).map((S) => S.props),
-    itemView: w ? {
-      ...w,
-      renderFn: w.children
+    sorting: D(t, Ut).map((v) => v.props),
+    itemView: h ? {
+      ...h,
+      renderFn: h.children
     } : void 0,
     table: L.length > 0 ? {
       header: {
@@ -1248,7 +1254,7 @@ const sa = () => Ot, Ht = (n) => null, qt = (n) => null, Gt = (n) => null, aa =
       body: {
         ...q,
         row: {
-          ...p,
+          ...f,
           cells: P
         }
       },
@@ -1272,11 +1278,11 @@ const sa = () => Ot, Ht = (n) => null, qt = (n) => null, Gt = (n) => null, aa =
     xt.Provider,
     {
       value: {
-        list: h
+        list: g
       }
     },
     /* @__PURE__ */ a.createElement(_e, null),
-    /* @__PURE__ */ a.createElement("div", { className: Ss.list, ref: i }, t, /* @__PURE__ */ a.createElement(fs, { hasActionGroup: Qt }), /* @__PURE__ */ a.createElement("div", null, h.items.entries.length > 0 && /* @__PURE__ */ a.createElement(M, { id: "listSummary" }), h.viewMode === "list" && /* @__PURE__ */ a.createElement(Gs, null), h.viewMode === "table" && /* @__PURE__ */ a.createElement(ca, null)), /* @__PURE__ */ a.createElement(ea, null))
+    /* @__PURE__ */ a.createElement("div", { className: Ss.list, ref: i }, t, /* @__PURE__ */ a.createElement(fs, { hasActionGroup: Qt }), /* @__PURE__ */ a.createElement("div", null, g.items.entries.length > 0 && /* @__PURE__ */ a.createElement(x, { id: "listSummary" }), g.viewMode === "list" && /* @__PURE__ */ a.createElement(Gs, null), g.viewMode === "table" && /* @__PURE__ */ a.createElement(ca, null)), /* @__PURE__ */ a.createElement(ea, null))
   )));
 }), ua = () => da, mi = () => ({
   List: ua(),
@@ -1311,5 +1317,5 @@ export {
   Js as TypedListSorting,
   Qs as TypedListStaticData,
   mi as typedList,
-  f as useList
+  b as useList
 };