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

package/CHANGELOG.md

@@ -3,6 +3,19 @@
 All notable changes to this project will be documented in this file. See
 [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.1.0-alpha.385](https://github.com/mittwald/flow/compare/0.1.0-alpha.384...0.1.0-alpha.385) (2024-12-18)
+
+### Features
+
+- **List:** update search field size
+  ([#1068](https://github.com/mittwald/flow/issues/1068))
+  ([22e7008](https://github.com/mittwald/flow/commit/22e7008e0047fab8a5bda8afe8d6655fabfee2a7))
+
+# Change Log
+
+All notable changes to this project will be documented in this file. See
+[Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
 # [0.1.0-alpha.384](https://github.com/mittwald/flow/compare/0.1.0-alpha.383...0.1.0-alpha.384) (2024-12-18)
 
 ### Bug Fixes

package/dist/css/List.css

@@ -1 +1 @@
-@charset "UTF-8";.flow--list--items--item--view{display:flex;padding:var(--list-item--padding);gap:var(--list-item--content-to-content-spacing);align-items:start}.flow--list--items--item--view .flow--list--items--item--view--content{display:flex;flex-wrap:wrap;gap:var(--list-item--content-to-content-spacing);align-items:center;flex-grow:1}.flow--list--items--item--view .flow--list--items--item--view--title{order:0;flex-grow:1;display:grid;grid-column-gap:var(--list-item--content-to-content-spacing);grid-template-areas:"avatar title   " "avatar subtitle";grid-template-columns:auto 1fr}.flow--list--items--item--view .flow--list--items--item--view--title:empty{display:none}.flow--list--items--item--view .flow--list--items--item--view--title:not(:has(.flow--list--items--item--view--avatar)){grid-template-areas:"title   " "subtitle";grid-template-columns:1fr}.flow--list--items--item--view .flow--list--items--item--view--title:not(:has(.flow--list--items--item--view--sub-title)){grid-template-areas:"avatar title"}.flow--list--items--item--view .flow--list--items--item--view--title:not(:has(.flow--list--items--item--view--sub-title)):not(:has(.flow--list--items--item--view--avatar)){grid-template-areas:"title"}.flow--list--items--item--view .flow--list--items--item--view--title .flow--list--items--item--view--avatar{grid-area:avatar;align-self:center}.flow--list--items--item--view .flow--list--items--item--view--title .flow--list--items--item--view--heading{grid-area:title;align-self:center}.flow--list--items--item--view .flow--list--items--item--view--title .flow--list--items--item--view--sub-title{grid-area:subtitle;font-size:var(--list-item--subtitle-font-size)}.flow--list--items--item--view .flow--list--items--item--view--title .flow--list--items--item--view--sub-title .flow--list--items--item--view--text:not(:last-child):after{content:"–";display:inline-block;margin:0 var(--size-rem--s)}.flow--list--items--item--view .flow--list--items--item--view--top-content{order:2}.flow--list--items--item--view .flow--list--items--item--view--action{margin-left:auto}.flow--list--items--item--view .flow--list--items--item--view--bottom-content{order:4;width:100%}.flow--list--list-summary{border-width:var(--list-item--border-width);border-bottom-width:0;border-style:var(--list-item--border-style);border-color:var(--list-item--border-color);padding:var(--list-item--padding);border-top-left-radius:var(--list-item--corner-radius);border-top-right-radius:var(--list-item--corner-radius)}.flow--list--header{display:flex;flex-direction:column;row-gap:var(--list--content-to-content-spacing)}.flow--list--header .flow--list--header--picker-list-and-search{display:flex;gap:var(--list--block-to-block-spacing);align-items:center;justify-content:space-between;flex-wrap:wrap-reverse}.flow--list--header .flow--list--header--picker-list{display:flex;flex-grow:9999;flex-wrap:wrap;gap:var(--list--content-to-content-spacing)}.flow--list--header .flow--list--header--search-and-actions{display:flex;flex-grow:1;gap:var(--list--content-to-content-spacing);flex-wrap:wrap-reverse;justify-content:space-between}.flow--list--header .flow--list--header--search-field{width:180px;flex-grow:1}.flow--list--header .flow--list--header--actions{margin-left:auto}.flow--list--header--active-filters{display:flex;flex-direction:row;column-gap:var(--list--content-to-content-spacing);row-gap:var(--list--content-to-content-spacing);flex-wrap:wrap;align-items:center}.flow--list--header--active-filters .flow--list--header--active-filters--clear-button{margin-inline-start:auto}.flow--list{display:flex;flex-direction:column;row-gap:var(--list--block-to-block-spacing);container-type:inline-size}.flow--list :has(.flow--list--list-summary) .flow--list--items,.flow--list :has(.flow--list--list-summary) .flow--list--table{border-top-left-radius:0;border-top-right-radius:0}.flow--list--items{display:flex;flex-direction:column;border-radius:var(--list-item--corner-radius);border-color:var(--list-item--border-color);border-width:var(--list-item--border-width);border-style:var(--list-item--border-style);overflow:hidden}.flow--list--items:empty{display:none}.flow--list--items.flow--list--items--is-loading{pointer-events:none;opacity:.5}.flow--list--items[data-empty=true]{border:none}.flow--list--items--item{cursor:default;background-color:var(--list-item--background-color--default)}.flow--list--items--item{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--list--items--item[data-focused],.flow--list--items--item:focus{outline-style:none}.flow--list--items--item[data-focus-visible],.flow--list--items--item:focus-visible{outline-style:auto}.flow--list--items--item[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--list--items--item.flow--list--items--item{outline-offset:calc(var(--size-px--xs) * -1)}.flow--list--items--item:where(.flow--list--items--item--is-selected){background-color:var(--list-item--background-color--pressed)}.flow--list--items--item:not(:last-child){border-bottom-color:var(--list-item--border-color);border-bottom-width:var(--list-item--border-width);border-bottom-style:var(--list-item--border-style)}.flow--list--items--item:where(.flow--list--items--item--has-action):not(.flow--list--items--item--is-selected):hover{background-color:var(--list-item--background-color--hover)}.flow--list--items--item:where(.flow--list--items--item--has-action)[data-pressed]{background-color:var(--list-item--background-color--pressed)}.flow--list--footer{font-size:var(--font-size-text--s);display:flex;flex-direction:column;align-items:center;row-gap:var(--list--content-to-content-spacing)}.flow--list--table.flow--list--table--is-loading{pointer-events:none;opacity:.5}.flow--list--table--row.flow--list--table--is-selected{background-color:var(--list-item--background-color--pressed)}.flow--list--table--row:where(.flow--list--table--has-action){cursor:default}.flow--list--table--row:where(.flow--list--table--has-action):not(.flow--list--table--is-selected):hover{background-color:var(--list-item--background-color--hover)}.flow--list--table--row:where(.flow--list--table--has-action)[data-pressed]{background-color:var(--list-item--background-color--pressed)}
+@charset "UTF-8";.flow--list--items--item--view{display:flex;padding:var(--list-item--padding);gap:var(--list-item--content-to-content-spacing);align-items:start}.flow--list--items--item--view .flow--list--items--item--view--content{display:flex;flex-wrap:wrap;gap:var(--list-item--content-to-content-spacing);align-items:center;flex-grow:1}.flow--list--items--item--view .flow--list--items--item--view--title{order:0;flex-grow:1;display:grid;grid-column-gap:var(--list-item--content-to-content-spacing);grid-template-areas:"avatar title   " "avatar subtitle";grid-template-columns:auto 1fr}.flow--list--items--item--view .flow--list--items--item--view--title:empty{display:none}.flow--list--items--item--view .flow--list--items--item--view--title:not(:has(.flow--list--items--item--view--avatar)){grid-template-areas:"title   " "subtitle";grid-template-columns:1fr}.flow--list--items--item--view .flow--list--items--item--view--title:not(:has(.flow--list--items--item--view--sub-title)){grid-template-areas:"avatar title"}.flow--list--items--item--view .flow--list--items--item--view--title:not(:has(.flow--list--items--item--view--sub-title)):not(:has(.flow--list--items--item--view--avatar)){grid-template-areas:"title"}.flow--list--items--item--view .flow--list--items--item--view--title .flow--list--items--item--view--avatar{grid-area:avatar;align-self:center}.flow--list--items--item--view .flow--list--items--item--view--title .flow--list--items--item--view--heading{grid-area:title;align-self:center}.flow--list--items--item--view .flow--list--items--item--view--title .flow--list--items--item--view--sub-title{grid-area:subtitle;font-size:var(--list-item--subtitle-font-size)}.flow--list--items--item--view .flow--list--items--item--view--title .flow--list--items--item--view--sub-title .flow--list--items--item--view--text:not(:last-child):after{content:"–";display:inline-block;margin:0 var(--size-rem--s)}.flow--list--items--item--view .flow--list--items--item--view--top-content{order:2}.flow--list--items--item--view .flow--list--items--item--view--action{margin-left:auto}.flow--list--items--item--view .flow--list--items--item--view--bottom-content{order:4;width:100%}.flow--list--list-summary{border-width:var(--list-item--border-width);border-bottom-width:0;border-style:var(--list-item--border-style);border-color:var(--list-item--border-color);padding:var(--list-item--padding);border-top-left-radius:var(--list-item--corner-radius);border-top-right-radius:var(--list-item--corner-radius)}.flow--list--header{display:flex;flex-direction:column;row-gap:var(--list--content-to-content-spacing)}.flow--list--header .flow--list--header--picker-list-and-search{display:flex;gap:var(--list--block-to-block-spacing);align-items:center;justify-content:space-between;flex-wrap:wrap-reverse}.flow--list--header .flow--list--header--picker-list{display:flex;flex-wrap:wrap;gap:var(--list--content-to-content-spacing)}.flow--list--header .flow--list--header--search-and-actions{display:flex;flex-grow:1;gap:var(--list--content-to-content-spacing);flex-wrap:wrap-reverse;justify-content:end}.flow--list--header .flow--list--header--search-field{max-width:180px;flex-grow:1;transition:max-width var(--transition--duration--default)}.flow--list--header .flow--list--header--search-field:has(input:focus){max-width:600px}.flow--list--header--active-filters{display:flex;flex-direction:row;column-gap:var(--list--content-to-content-spacing);row-gap:var(--list--content-to-content-spacing);flex-wrap:wrap;align-items:center}.flow--list--header--active-filters .flow--list--header--active-filters--clear-button{margin-inline-start:auto}.flow--list{display:flex;flex-direction:column;row-gap:var(--list--block-to-block-spacing);container-type:inline-size}.flow--list :has(.flow--list--list-summary) .flow--list--items,.flow--list :has(.flow--list--list-summary) .flow--list--table{border-top-left-radius:0;border-top-right-radius:0}.flow--list--items{display:flex;flex-direction:column;border-radius:var(--list-item--corner-radius);border-color:var(--list-item--border-color);border-width:var(--list-item--border-width);border-style:var(--list-item--border-style);overflow:hidden}.flow--list--items:empty{display:none}.flow--list--items.flow--list--items--is-loading{pointer-events:none;opacity:.5}.flow--list--items[data-empty=true]{border:none}.flow--list--items--item{cursor:default;background-color:var(--list-item--background-color--default)}.flow--list--items--item{outline-color:var(--focus--outline-color);outline-offset:var(--focus--outline-offset);outline-width:var(--focus--outline-width);outline-style:none}.flow--list--items--item[data-focused],.flow--list--items--item:focus{outline-style:none}.flow--list--items--item[data-focus-visible],.flow--list--items--item:focus-visible{outline-style:auto}.flow--list--items--item[data-focused]:not([data-focus-visible]):focus-visible{outline-style:none}.flow--list--items--item.flow--list--items--item{outline-offset:calc(var(--size-px--xs) * -1)}.flow--list--items--item:where(.flow--list--items--item--is-selected){background-color:var(--list-item--background-color--pressed)}.flow--list--items--item:not(:last-child){border-bottom-color:var(--list-item--border-color);border-bottom-width:var(--list-item--border-width);border-bottom-style:var(--list-item--border-style)}.flow--list--items--item:where(.flow--list--items--item--has-action):not(.flow--list--items--item--is-selected):hover{background-color:var(--list-item--background-color--hover)}.flow--list--items--item:where(.flow--list--items--item--has-action)[data-pressed]{background-color:var(--list-item--background-color--pressed)}.flow--list--footer{font-size:var(--font-size-text--s);display:flex;flex-direction:column;align-items:center;row-gap:var(--list--content-to-content-spacing)}.flow--list--table.flow--list--table--is-loading{pointer-events:none;opacity:.5}.flow--list--table--row.flow--list--table--is-selected{background-color:var(--list-item--background-color--pressed)}.flow--list--table--row:where(.flow--list--table--has-action){cursor:default}.flow--list--table--row:where(.flow--list--table--has-action):not(.flow--list--table--is-selected):hover{background-color:var(--list-item--background-color--hover)}.flow--list--table--row:where(.flow--list--table--has-action)[data-pressed]{background-color:var(--list-item--background-color--pressed)}

package/dist/js/List.js

@@ -148,7 +148,7 @@ const Ue = "flow--list--items--item--view", ze = "flow--list--items--item--view-
   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" }))));
 }, Xe = "flow--list--list-summary", Ze = {
   listSummary: Xe
-}, ni = It("ListSummary", (n) => {
+}, ii = 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 }, () => {
@@ -195,17 +195,16 @@ 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(() => {
+  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 = 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,
     {
@@ -236,8 +235,8 @@ 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) => {
+  return s.length === 0 && !o && !c ? null : /* @__PURE__ */ a.createElement("div", { className: ds.activeFilters }, s, o, c, d);
+}), ms = (n) => {
   const { className: t, onChange: e, value: s, ...i } = n, [o, c] = O(s ?? "");
   ve(s, () => {
     c(s ?? "");
@@ -258,15 +257,15 @@ const Ue = "flow--list--items--item--view", ze = "flow--list--items--item--view-
       ...i
     }
   );
-}, gs = (n) => {
-  const { className: t, search: e } = n, s = e.render ?? hs;
+}, hs = (n) => {
+  const { className: t, search: e } = n, s = e.render ?? ms;
   return Et(s, {
     className: t,
     value: e.value,
     onChange: e.setValue.bind(e),
     ...e.textFieldProps
   });
-}, ps = () => {
+}, gs = () => {
   const n = I(b), t = f(), 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,
@@ -288,16 +287,16 @@ const Ue = "flow--list--items--item--view", ze = "flow--list--items--item--view-
     },
     n.format(`list.settings.viewMode.${i}`)
   )))));
-}, fs = (n) => {
+}, ps = (n) => {
   const { className: t, hasActionGroup: e } = n, s = f();
   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));
-}, bs = "flow--list", Ss = {
-  list: bs
+  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(gs, null), /* @__PURE__ */ a.createElement(es, null), i), /* @__PURE__ */ a.createElement("div", { className: V.searchAndActions }, s.search && /* @__PURE__ */ a.createElement(hs, { className: V.searchField, search: s.search }), /* @__PURE__ */ a.createElement(M, { id: "actions" }))), /* @__PURE__ */ a.createElement(us, null));
+}, fs = "flow--list", bs = {
+  list: fs
 };
-let vs = class Dt {
+let Ss = class Dt {
   constructor(t, e, s) {
     r(this, "id");
     r(this, "data");
@@ -308,16 +307,16 @@ let vs = class Dt {
     return new Dt(t, e.id, e.original);
   }
 };
-class ys {
+class vs {
   constructor(t) {
     r(this, "list");
     this.list = t;
   }
   get entries() {
-    return this.list.reactTable.table.getRowModel().rows.map((t) => vs.fromRow(this, t));
+    return this.list.reactTable.table.getRowModel().rows.map((t) => Ss.fromRow(this, t));
   }
 }
-class Es {
+class ys {
   constructor(t, e = {}) {
     r(this, "batchSize");
     r(this, "list");
@@ -364,7 +363,7 @@ class Es {
     }
   }
 }
-const ws = "$";
+const Es = "$";
 class F {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
   constructor(t, e) {
@@ -394,7 +393,7 @@ class F {
     this.filter.deactivateValue(this);
   }
 }
-const J = (n) => Array.isArray(n) ? n : [n], Fs = (n, t) => n === t, Is = (n) => String(n);
+const J = (n) => Array.isArray(n) ? n : [n], ws = (n, t) => n === t, Fs = (n) => String(n);
 class $ {
   constructor(t, e) {
     r(this, "_values");
@@ -408,7 +407,7 @@ class $ {
     r(this, "onFilterUpdateCallbacks", /* @__PURE__ */ new Set());
     r(this, "defaultSelectedValues");
     var s;
-    this.list = t, this.property = e.property, this.mode = e.mode ?? "one", this._values = (s = e.values) == null ? void 0 : s.map((i) => F.create(this, i)), this.matcher = e.matcher ?? Fs, this.renderItem = e.renderItem ?? Is, this.name = e.name, this.defaultSelectedValues = e.defaultSelected;
+    this.list = t, this.property = e.property, this.mode = e.mode ?? "one", this._values = (s = e.values) == null ? void 0 : s.map((i) => F.create(this, i)), this.matcher = e.matcher ?? ws, this.renderItem = e.renderItem ?? Fs, this.name = e.name, this.defaultSelectedValues = e.defaultSelected;
   }
   getStoredSelectedIds() {
     var t;
@@ -429,7 +428,7 @@ class $ {
   }
   getReactTableFilterFn() {
     return (t, e, s) => {
-      const i = this.property, o = i.startsWith(ws) ? t.original : we(t.original, i);
+      const i = this.property, o = i.startsWith(Es) ? t.original : we(t.original, i);
       return this.checkFilterMatches(o, s);
     };
   }
@@ -520,7 +519,7 @@ class $ {
   }
 }
 r($, "settingsStorageSchema", N.record(N.array(N.string())).optional());
-class Ts {
+class Is {
   constructor(t, e) {
     r(this, "list");
     r(this, "property");
@@ -684,7 +683,7 @@ class it {
     return t in this.dataBatches;
   }
 }
-const Cs = [];
+const Ts = [];
 class nt {
   constructor(t, e = {}) {
     r(this, "list");
@@ -695,7 +694,7 @@ class nt {
     r(this, "loaderState");
     var d;
     const { source: s } = e;
-    this.dataSource = s ?? { staticData: Cs };
+    this.dataSource = s ?? { staticData: Ts };
     const i = "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;
     this.list = t, this.loaderState = it.useNew(), this.manualPagination = i ?? !1, this.manualFiltering = o ?? this.manualPagination, this.manualSorting = c ?? this.manualPagination, this.list.filters.forEach((l) => l.onFilterUpdated(() => this.reset())), (d = this.list.search) == null || d.onUpdated(() => this.reset());
   }
@@ -787,7 +786,7 @@ class nt {
     throw new Error("Unknown data source");
   }
 }
-class Ls {
+class Cs {
   constructor(t, e) {
     r(this, "list");
     r(this, "render");
@@ -834,21 +833,21 @@ const K = class K {
   }
 };
 r(K, "fallbackRenderItemFn", (t) => Et("pre", void 0, JSON.stringify(t)));
-let Q = K, Ps = class {
+let Q = K, Ls = class {
   constructor(t, e = {}) {
     r(this, "tableHeader");
     r(this, "componentProps");
     this.tableHeader = t, this.componentProps = e;
   }
-}, As = class {
+}, Ps = class {
   constructor(t, e = {}) {
     r(this, "table");
     r(this, "componentProps");
     r(this, "columns");
     const { columns: s = [], ...i } = e;
-    this.table = t, this.columns = s.map((o) => new Ps(this, o)), this.componentProps = i;
+    this.table = t, this.columns = s.map((o) => new Ls(this, o)), this.componentProps = i;
   }
-}, Vs = class {
+}, As = class {
   constructor(t, e = {}) {
     r(this, "row");
     r(this, "renderFn");
@@ -856,34 +855,34 @@ let Q = K, Ps = class {
     const { renderFn: s, ...i } = e;
     this.row = t, this.renderFn = s, this.componentProps = i;
   }
-}, ks = class {
+}, Vs = class {
   constructor(t, e = {}) {
     r(this, "tableBody");
     r(this, "cells");
     r(this, "componentProps");
     const { cells: s = [], ...i } = e;
-    this.tableBody = t, this.cells = s.map((o) => new Vs(this, o)), this.componentProps = i;
+    this.tableBody = t, this.cells = s.map((o) => new As(this, o)), this.componentProps = i;
   }
-}, Bs = class {
+}, ks = class {
   constructor(t, e = {}) {
     r(this, "table");
     r(this, "componentProps");
     r(this, "row");
     const { row: s, ...i } = e;
-    this.table = t, this.row = new ks(this, s), this.componentProps = i;
+    this.table = t, this.row = new Vs(this, s), this.componentProps = i;
   }
-}, Ms = class {
+}, Bs = class {
   constructor(t, e = {}) {
     r(this, "list");
     r(this, "header");
     r(this, "body");
     r(this, "componentProps");
     const { header: s, body: i, ...o } = e;
-    this.list = t, this.header = new As(this, s), this.body = new Bs(this, i), this.componentProps = o;
+    this.list = t, this.header = new Ps(this, s), this.body = new ks(this, i), this.componentProps = o;
   }
 };
 var y;
-let xs = (y = class {
+let Ms = (y = class {
   constructor(t) {
     r(this, "filters");
     r(this, "itemView");
@@ -921,7 +920,7 @@ let xs = (y = class {
       accordion: P = !1,
       ...p
     } = 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 vs(this), this.filters = o.map((h) => new $(this, h)), this.sorting = c.map((h) => new Is(this, h)), this.search = m ? new Cs(this, m) : void 0, this.itemView = s ? new Q(this, s) : void 0, this.accordion = P, this.table = i ? new Bs(this, i) : void 0, this.batches = new ys(this, d), this.componentProps = p, this.loader = nt.useNew(this, u), this.onAction = w, this.getItemId = C, this.reactTable = at.useNew(this, l, {
       manualFiltering: this.loader.manualFiltering,
       manualPagination: this.loader.manualPagination,
       manualSorting: this.loader.manualSorting
@@ -998,14 +997,14 @@ let xs = (y = class {
     return !this.loader.useIsLoading() && this.items.entries.length === 0;
   }
 }, r(y, "viewModeSettingsStorageSchema", N.enum(["list", "table"]).optional()), y);
-const Ds = "flow--list--items", Ns = "flow--list--items--is-loading", yt = {
-  items: Ds,
-  isLoading: Ns
-}, Rs = "flow--list--items--item", $s = "flow--list--items--item--is-selected", Us = "flow--list--items--item--has-action", U = {
-  item: Rs,
-  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 xs = "flow--list--items", Ds = "flow--list--items--is-loading", yt = {
+  items: xs,
+  isLoading: Ds
+}, Ns = "flow--list--items--item", Rs = "flow--list--items--item--is-selected", $s = "flow--list--items--item--has-action", U = {
+  item: Ns,
+  isSelected: Rs,
+  hasAction: $s
+}, 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" }))), Us = (n) => {
   const { isExpanded: t, toggle: e, children: s, contentElementId: i } = n, o = I(b);
   return /* @__PURE__ */ a.createElement(a.Fragment, null, /* @__PURE__ */ a.createElement(
     E,
@@ -1021,7 +1020,7 @@ const Ds = "flow--list--items", Ns = "flow--list--items--is-loading", yt = {
     },
     t ? /* @__PURE__ */ a.createElement(ke, null) : /* @__PURE__ */ a.createElement(Ve, null)
   ), t && s);
-}, Ks = (n) => {
+}, zs = (n) => {
   var P;
   const { data: t, children: e } = n, s = f(), i = s.itemView, o = s.onAction, [c, d] = O(
     ((P = i == null ? void 0 : i.defaultExpanded) == null ? void 0 : P.call(i, t)) ?? !1
@@ -1045,7 +1044,7 @@ const Ds = "flow--list--items", Ns = "flow--list--items--is-loading", yt = {
       id: Y((p) => p.slot === "bottom" ? l : void 0),
       wrapWith: Y(
         (p) => p.slot === "bottom" ? /* @__PURE__ */ a.createElement(
-          zs,
+          Us,
           {
             contentElementId: l,
             toggle: C,
@@ -1069,8 +1068,8 @@ const Ds = "flow--list--items", Ns = "flow--list--items--is-loading", yt = {
       w
     )
   };
-}, Os = (n) => {
-  const { id: t, data: e } = n, i = f().itemView, { gridItemProps: o, children: c } = Ks(n);
+}, Ks = (n) => {
+  const { id: t, data: e } = n, i = f().itemView, { gridItemProps: o, children: c } = zs(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;
@@ -1089,18 +1088,18 @@ 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 = () => {
+}, Os = (n) => /* @__PURE__ */ a.createElement(st.GridListItem, { textValue: "-", className: U.item }, n.children), X = () => {
   const n = I(b);
   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 = () => {
+}, Hs = () => {
   var e;
   const t = ((e = f().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 = () => {
+  return Array.from(Array(5)).map((s, i) => /* @__PURE__ */ a.createElement(Os, { key: i }, ae(t)));
+}, qs = () => {
   const n = f(), 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(Ks, { key: o.id, data: o.data, id: o.id })), i = k(yt.items, t && yt.isLoading);
   return /* @__PURE__ */ a.createElement("div", { "aria-hidden": e, "aria-busy": t }, /* @__PURE__ */ a.createElement(
     st.GridList,
     {
@@ -1108,11 +1107,11 @@ const Ds = "flow--list--items", Ns = "flow--list--items--is-loading", yt = {
       ...n.componentProps,
       renderEmptyState: () => /* @__PURE__ */ a.createElement(X, null)
     },
-    e ? /* @__PURE__ */ a.createElement(qs, null) : s
+    e ? /* @__PURE__ */ a.createElement(Hs, null) : s
   ));
-}, 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) => {
+}, Rt = (n) => null, Gs = () => Rt, $t = (n) => null, Ws = () => $t, Ut = (n) => null, js = () => Ut, zt = (n) => null, Js = () => zt, Kt = (n) => null, Ys = () => Kt, Qs = "flow--list--footer", Xs = {
+  footer: Qs
+}, Zs = (n) => {
   const t = I(b), e = f(), s = e.batches, i = e.loader.useIsInitiallyLoading(), o = e.useIsEmpty(), c = s.getTotalItemsCount(), d = s.getVisibleItemsCount();
   if (o)
     return null;
@@ -1121,7 +1120,7 @@ const Ds = "flow--list--items", Ns = "flow--list--items--is-loading", yt = {
     totalItemsCount: c
   });
   return /* @__PURE__ */ a.createElement(T, { ...n }, l);
-}, ta = (n) => {
+}, _s = (n) => {
   const t = I(b), e = f(), s = e.loader.useIsLoading(), i = e.loader.useIsInitiallyLoading();
   return !e.batches.hasNextBatch() && !s ? null : /* @__PURE__ */ a.createElement(
     E,
@@ -1135,22 +1134,22 @@ const Ds = "flow--list--items", Ns = "flow--list--items--is-loading", yt = {
     },
     t.format("list.showMore")
   );
-}, ea = () => /* @__PURE__ */ a.createElement("div", { className: Zs.footer }, /* @__PURE__ */ a.createElement(_s, null), /* @__PURE__ */ a.createElement(ta, null));
+}, ta = () => /* @__PURE__ */ a.createElement("div", { className: Xs.footer }, /* @__PURE__ */ a.createElement(Zs, null), /* @__PURE__ */ a.createElement(_s, null));
 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 = {
-  table: ia,
-  isLoading: na,
-  row: ra,
-  isSelected: oa,
-  hasAction: la
-}, ca = () => {
+const ea = () => Ot, Ht = (n) => null, qt = (n) => null, Gt = (n) => null, sa = (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%" })))))), aa = "flow--list--table", ia = "flow--list--table--is-loading", na = "flow--list--table--row", ra = "flow--list--table--is-selected", oa = "flow--list--table--has-action", B = {
+  table: aa,
+  isLoading: ia,
+  row: na,
+  isSelected: ra,
+  hasAction: oa
+}, la = () => {
   const n = f(), 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 });
+    return /* @__PURE__ */ a.createElement(sa, { ...t.componentProps });
   if (e)
     return /* @__PURE__ */ a.createElement(X, null);
   const o = t.list.onAction, c = k(
@@ -1193,7 +1192,7 @@ 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) => {
+}, Wt = (n) => null, jt = (n) => null, Jt = (n) => null, ca = 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(
     t,
@@ -1221,7 +1220,7 @@ const sa = () => Ot, Ht = (n) => null, qt = (n) => null, Gt = (n) => null, aa =
       ...S.props,
       renderFn: S.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({
+  ), 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 = Ms.useNew({
     onChange: s,
     loader: u,
     filters: D(t, $t).map(
@@ -1276,14 +1275,14 @@ const sa = () => Ot, Ht = (n) => null, qt = (n) => null, Gt = (n) => null, aa =
       }
     },
     /* @__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: bs.list, ref: i }, t, /* @__PURE__ */ a.createElement(ps, { hasActionGroup: Qt }), /* @__PURE__ */ a.createElement("div", null, h.items.entries.length > 0 && /* @__PURE__ */ a.createElement(M, { id: "listSummary" }), h.viewMode === "list" && /* @__PURE__ */ a.createElement(qs, null), h.viewMode === "table" && /* @__PURE__ */ a.createElement(la, null)), /* @__PURE__ */ a.createElement(ta, null))
   )));
-}), ua = () => da, mi = () => ({
-  List: ua(),
-  Filter: js(),
-  Search: sa(),
-  Sorting: Js(),
-  Item: Ys(),
+}), da = () => ca, ui = () => ({
+  List: da(),
+  Filter: Ws(),
+  Search: ea(),
+  Sorting: js(),
+  Item: Js(),
   ItemView: Mt,
   TableHeader: jt,
   TableColumn: Ht,
@@ -1291,25 +1290,25 @@ const sa = () => Ot, Ht = (n) => null, qt = (n) => null, Gt = (n) => null, aa =
   TableRow: qt,
   TableCell: Gt,
   Table: Wt,
-  StaticData: Qs(),
-  LoaderAsync: Ws(),
+  StaticData: Ys(),
+  LoaderAsync: Gs(),
   LoaderAsyncResource: Ne()
 });
 export {
-  da as List,
+  ca as List,
   $t as ListFilter,
   zt as ListItem,
   Mt as ListItemView,
   Rt as ListLoaderAsync,
   Ut as ListSorting,
   Kt as ListStaticData,
-  ni as ListSummary,
-  ua as TypedList,
-  js as TypedListFilter,
-  Ys as TypedListItem,
-  Ws as TypedListLoaderAsync,
-  Js as TypedListSorting,
-  Qs as TypedListStaticData,
-  mi as typedList,
+  ii as ListSummary,
+  da as TypedList,
+  Ws as TypedListFilter,
+  Js as TypedListItem,
+  Gs as TypedListLoaderAsync,
+  js as TypedListSorting,
+  Ys as TypedListStaticData,
+  ui as typedList,
   f as useList
 };