@mittwald/flow-react-components 0.1.0-alpha.304 → 0.1.0-alpha.305

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 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.305](https://github.com/mittwald/flow/compare/0.1.0-alpha.304...0.1.0-alpha.305) (2024-10-28)
+
+### Bug Fixes
+
+- **List:** hide summary in empty list
+  ([77f5a54](https://github.com/mittwald/flow/commit/77f5a540cdd77a8b8e93fd14b954b80c2e1be72a))
+
+# 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.304](https://github.com/mittwald/flow/compare/0.1.0-alpha.303...0.1.0-alpha.304) (2024-10-28)
 
 ### Bug Fixes

package/dist/js/List.js

@@ -3,7 +3,7 @@
 var Je = Object.defineProperty;
 var Ye = (a, e, t) => e in a ? Je(a, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : a[e] = t;
 var r = (a, e, t) => Ye(a, typeof e != "symbol" ? e + "" : e, t);
-import i, { createContext as _e, useContext as Qe, createElement as be, useState as J, useEffect as B, useRef as Xe, Suspense as Ze, cloneElement as et } from "react";
+import i, { createContext as _e, useContext as Qe, createElement as be, useState as J, useEffect as D, useRef as Xe, Suspense as Ze, cloneElement as et } from "react";
 import "./propsContext-DzAKlmhS.js";
 import { P as ve } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
@@ -13,10 +13,10 @@ import { B as y } from "./Button-Da1fC2tj.js";
 import { IconArrowBackUp as rt } from "@tabler/icons-react";
 import { I as ue } from "./Icon-COqUQ8Af.js";
 import { I as lt } from "./IconContextMenu-CzXLrZcd.js";
-import { a as R, C as Y } from "./ContextMenuTrigger-C0auvmeM.js";
+import { a as $, C as Y } from "./ContextMenuTrigger-C0auvmeM.js";
 import { M as _ } from "./MenuItem-CWcJNHm3.js";
 import { useLocalizedStringFormatter as w } from "react-aria";
-import { TunnelProvider as ye, TunnelExit as D } from "@mittwald/react-tunnel";
+import { TunnelProvider as ye, TunnelExit as x } from "@mittwald/react-tunnel";
 import T from "clsx";
 import { g as ot } from "./getContainerBreakpointSizeClassName-BrcFDcCY.js";
 import { f as we } from "./flowComponent-uZXy7sF4.js";
@@ -34,17 +34,17 @@ import { H as Q } from "./Heading-CB3ASpaU.js";
 import { S as yt } from "./Section-DszRJOuI.js";
 import { getProperty as wt } from "dot-prop";
 import { hash as Ee } from "object-code";
-import V from "zod";
+import k from "zod";
 import { useReactTable as Et, getCoreRowModel as Ft, getSortedRowModel as Tt, getFilteredRowModel as Ct, getPaginationRowModel as It, getFacetedUniqueValues as Lt } from "@tanstack/react-table";
 import Fe from "invariant";
 import { getAsyncResource as ge } from "@mittwald/react-use-promise";
 import { u as pe } from "./useSelector-DpU7_HMO.js";
 import { u as Pt } from "./SettingsProvider-D9oDS5r9.js";
 import * as X from "react-aria-components";
-import { S as x } from "./SkeletonText-B5ZghZhO.js";
+import { S as N } from "./SkeletonText-B5ZghZhO.js";
 import { I as Vt } from "./IllustratedMessage-CeYE8bxs.js";
 import { I as kt } from "./IconSearch-Bufq0n5e.js";
-import { d as S, a as P } from "./deepFindOfType-6pG0fH7S.js";
+import { d as S, a as V } from "./deepFindOfType-6pG0fH7S.js";
 import { ListLoaderAsyncResource as At, TypedListLoaderAsyncResource as Mt } from "./List/ListLoaderAsyncResource.js";
 import { S as Bt } from "./Skeleton-CKLaTmDR.js";
 import { a as Te, e as Ce, d as Ie, b as Le, T as Pe, c as Ve } from "./Table-BdpXhsOd.js";
@@ -93,7 +93,7 @@ const xt = "flow--list--items--item--view", Nt = "flow--list--items--item--view-
   "list.sorting": "Sorting"
 } }, Ht = (a) => {
   const { className: e, children: t } = a, s = w(b);
-  return /* @__PURE__ */ i.createElement(R, null, /* @__PURE__ */ i.createElement(
+  return /* @__PURE__ */ i.createElement($, null, /* @__PURE__ */ i.createElement(
     y,
     {
       variant: "plain",
@@ -140,7 +140,7 @@ const xt = "flow--list--items--item--view", Nt = "flow--list--items--item--view-
     t,
     m[ot(s)]
   );
-  return /* @__PURE__ */ i.createElement("div", { className: l }, /* @__PURE__ */ i.createElement(ve, { props: n }, /* @__PURE__ */ i.createElement(ye, null, e, /* @__PURE__ */ i.createElement("div", { className: m.title }, /* @__PURE__ */ i.createElement(D, { id: "title" })), /* @__PURE__ */ i.createElement(D, { id: "topContent" }))));
+  return /* @__PURE__ */ i.createElement("div", { className: l }, /* @__PURE__ */ i.createElement(ve, { props: n }, /* @__PURE__ */ i.createElement(ye, null, e, /* @__PURE__ */ i.createElement("div", { className: m.title }, /* @__PURE__ */ i.createElement(x, { id: "title" })), /* @__PURE__ */ i.createElement(x, { id: "topContent" }))));
 }, Gt = "flow--list--list-summary", jt = {
   listSummary: Gt
 }, _i = we("ListSummary", (a) => {
@@ -151,15 +151,15 @@ const xt = "flow--list--items--item--view", Nt = "flow--list--items--item--view-
 })), Jt = (a) => {
   const { sorting: e } = a;
   return /* @__PURE__ */ i.createElement(_, { id: e.id }, e.name);
-}, k = (a) => {
+}, A = (a) => {
   const { children: e, locales: t, variables: s } = a;
   return w(t).format(e, s);
 }, Yt = () => {
   const a = g(), e = a.visibleSorting.map((n) => /* @__PURE__ */ i.createElement(Jt, { sorting: n, key: n.id }));
   if (e.length === 0)
     return null;
-  const t = a.visibleSorting.find((n) => n.isSorted()), s = /* @__PURE__ */ i.createElement(E, null, t ? /* @__PURE__ */ i.createElement(i.Fragment, null, t.name ?? t.property) : /* @__PURE__ */ i.createElement(k, { locales: b }, "list.sorting"));
-  return /* @__PURE__ */ i.createElement(R, null, /* @__PURE__ */ i.createElement(y, { variant: "outline", color: "secondary" }, s, /* @__PURE__ */ i.createElement(dt, null)), /* @__PURE__ */ i.createElement(
+  const t = a.visibleSorting.find((n) => n.isSorted()), s = /* @__PURE__ */ i.createElement(E, null, t ? /* @__PURE__ */ i.createElement(i.Fragment, null, t.name ?? t.property) : /* @__PURE__ */ i.createElement(A, { locales: b }, "list.sorting"));
+  return /* @__PURE__ */ i.createElement($, null, /* @__PURE__ */ i.createElement(y, { variant: "outline", color: "secondary" }, s, /* @__PURE__ */ i.createElement(dt, null)), /* @__PURE__ */ i.createElement(
     Y,
     {
       selectionMode: "single",
@@ -182,7 +182,7 @@ const xt = "flow--list--items--item--view", Nt = "flow--list--items--item--view-
     },
     c.render()
   )), d = t.filter((c) => c.isActive).map((c) => c.id);
-  return /* @__PURE__ */ i.createElement(R, null, /* @__PURE__ */ i.createElement(y, { variant: "outline", color: "secondary" }, /* @__PURE__ */ i.createElement(E, null, n ?? l), /* @__PURE__ */ i.createElement(ut, null)), /* @__PURE__ */ i.createElement(
+  return /* @__PURE__ */ i.createElement($, null, /* @__PURE__ */ i.createElement(y, { variant: "outline", color: "secondary" }, /* @__PURE__ */ i.createElement(E, null, n ?? l), /* @__PURE__ */ i.createElement(ut, null)), /* @__PURE__ */ i.createElement(
     Y,
     {
       selectionMode: s === "one" ? "single" : "multiple",
@@ -201,7 +201,7 @@ const xt = "flow--list--items--item--view", Nt = "flow--list--items--item--view-
   activeFilters: is,
   clearButton: as
 }, rs = pt(() => {
-  const a = g(), e = w(b), s = a.filters.flatMap((c) => c.values).filter((c) => c.isActive).map((c) => /* @__PURE__ */ i.createElement(ft, { key: c.id, onClose: () => c.deactivate() }, /* @__PURE__ */ i.createElement(E, null, c.render()))), n = a.filters.filter((c) => c.hasChanged()).length > 0, l = a.supportsSettingsStorage && n && /* @__PURE__ */ i.createElement(H, null, /* @__PURE__ */ i.createElement(q, null, /* @__PURE__ */ i.createElement(k, { locales: b }, "list.filters.store")), /* @__PURE__ */ i.createElement(
+  const a = g(), e = w(b), s = a.filters.flatMap((c) => c.values).filter((c) => c.isActive).map((c) => /* @__PURE__ */ i.createElement(ft, { key: c.id, onClose: () => c.deactivate() }, /* @__PURE__ */ i.createElement(E, null, c.render()))), n = a.filters.filter((c) => c.hasChanged()).length > 0, l = a.supportsSettingsStorage && n && /* @__PURE__ */ i.createElement(H, null, /* @__PURE__ */ i.createElement(q, null, /* @__PURE__ */ i.createElement(A, { locales: b }, "list.filters.store")), /* @__PURE__ */ i.createElement(
     y,
     {
       size: "s",
@@ -211,7 +211,7 @@ const xt = "flow--list--items--item--view", Nt = "flow--list--items--item--view-
       "aria-label": e.format("list.filters.store")
     },
     /* @__PURE__ */ i.createElement(mt, null)
-  )), o = n ? /* @__PURE__ */ i.createElement(H, null, /* @__PURE__ */ i.createElement(q, null, /* @__PURE__ */ i.createElement(k, { locales: b }, "list.filters.reset")), /* @__PURE__ */ i.createElement(
+  )), o = n ? /* @__PURE__ */ i.createElement(H, null, /* @__PURE__ */ i.createElement(q, null, /* @__PURE__ */ i.createElement(A, { locales: b }, "list.filters.reset")), /* @__PURE__ */ i.createElement(
     y,
     {
       size: "s",
@@ -221,7 +221,7 @@ const xt = "flow--list--items--item--view", Nt = "flow--list--items--item--view-
       "aria-label": e.format("list.filters.reset")
     },
     /* @__PURE__ */ i.createElement(ue, null, /* @__PURE__ */ i.createElement(rt, null))
-  )) : void 0, d = s.length > 0 ? /* @__PURE__ */ i.createElement(H, null, /* @__PURE__ */ i.createElement(q, null, /* @__PURE__ */ i.createElement(k, { locales: b }, "list.filters.clear")), /* @__PURE__ */ i.createElement(
+  )) : void 0, d = s.length > 0 ? /* @__PURE__ */ i.createElement(H, null, /* @__PURE__ */ i.createElement(q, null, /* @__PURE__ */ i.createElement(A, { locales: b }, "list.filters.clear")), /* @__PURE__ */ i.createElement(
     y,
     {
       size: "s",
@@ -263,7 +263,7 @@ const xt = "flow--list--items--item--view", Nt = "flow--list--items--item--view-
   });
 }, cs = () => {
   const a = w(b), e = g(), t = e.viewMode, s = [];
-  return e.itemView && s.push("list"), e.table && s.push("table"), s.length <= 1 ? null : /* @__PURE__ */ i.createElement(R, null, /* @__PURE__ */ i.createElement(
+  return e.itemView && s.push("list"), e.table && s.push("table"), s.length <= 1 ? null : /* @__PURE__ */ i.createElement($, null, /* @__PURE__ */ i.createElement(
     y,
     {
       variant: "outline",
@@ -288,7 +288,7 @@ const xt = "flow--list--items--item--view", Nt = "flow--list--items--item--view-
   if (s.filters.length === 0 && s.visibleSorting.length === 0 && !s.search && !s.table && !t)
     return null;
   const n = s.filters.map((l) => /* @__PURE__ */ i.createElement(_t, { key: l.property, filter: l }));
-  return /* @__PURE__ */ i.createElement("div", { className: T(e, F.header) }, /* @__PURE__ */ i.createElement("div", { className: F.pickerListAndSearch }, /* @__PURE__ */ i.createElement("div", { className: F.pickerList }, /* @__PURE__ */ i.createElement(cs, null), /* @__PURE__ */ i.createElement(Yt, null), n), /* @__PURE__ */ i.createElement("div", { className: F.searchAndActions }, s.search && /* @__PURE__ */ i.createElement(os, { className: F.searchField, search: s.search }), /* @__PURE__ */ i.createElement(D, { id: "actions" }))), /* @__PURE__ */ i.createElement(rs, null));
+  return /* @__PURE__ */ i.createElement("div", { className: T(e, F.header) }, /* @__PURE__ */ i.createElement("div", { className: F.pickerListAndSearch }, /* @__PURE__ */ i.createElement("div", { className: F.pickerList }, /* @__PURE__ */ i.createElement(cs, null), /* @__PURE__ */ i.createElement(Yt, null), n), /* @__PURE__ */ i.createElement("div", { className: F.searchAndActions }, s.search && /* @__PURE__ */ i.createElement(os, { className: F.searchField, search: s.search }), /* @__PURE__ */ i.createElement(x, { id: "actions" }))), /* @__PURE__ */ i.createElement(rs, null));
 }, us = "flow--list", ms = {
   list: us
 };
@@ -387,7 +387,7 @@ class fe {
   }
 }
 const Ss = (a, e) => a === e, bs = (a) => String(a);
-class A {
+class M {
   constructor(e, t) {
     r(this, "_values");
     r(this, "_valuesFromTableState");
@@ -512,7 +512,7 @@ class A {
     this.onFilterUpdateCallbacks.add(e);
   }
 }
-r(A, "settingsStorageSchema", V.record(V.array(V.unknown())).optional());
+r(M, "settingsStorageSchema", k.record(k.array(k.unknown())).optional());
 class vs {
   constructor(e, t) {
     r(this, "list");
@@ -594,7 +594,7 @@ class Z {
       globalFilterFn: "auto",
       ...t
     });
-    return B(() => {
+    return D(() => {
       e && e(this.list);
     }, [this.list, e, l]), l;
   }
@@ -716,7 +716,7 @@ class te {
     }), this.useObserveBatchData(t, e), this.useObserveBatchLoadingState(t, e);
   }
   useObserveBatchLoadingState(e, t) {
-    B(() => (this.loaderState.setBatchLoadingState(
+    D(() => (this.loaderState.setBatchLoadingState(
       t,
       e.state.value
     ), e.state.observe((s) => {
@@ -728,7 +728,7 @@ class te {
       const { data: l, itemTotalCount: o } = n;
       this.loaderState.setDataBatch(t, l), o !== void 0 && this.list.batches.updateItemTotalCount(o);
     };
-    B(() => (e.value.value.isSet && s(e.value.value.value), e.value.observe((n) => {
+    D(() => (e.value.value.isSet && s(e.value.value.value), e.value.observe((n) => {
       n.isSet && s(n.value);
     })), [e, t]);
   }
@@ -807,7 +807,7 @@ class ws {
     this.onUpdateCallbacks.add(e);
   }
 }
-const N = class N {
+const R = class R {
   constructor(e, t = {}) {
     r(this, "list");
     r(this, "textValue");
@@ -818,11 +818,11 @@ const N = class N {
     this.list = e, this.textValue = n, this.renderFn = o, this.href = l, this.fallback = s;
   }
   render(e) {
-    return (this.renderFn ?? N.fallbackRenderItemFn)(e, this.list);
+    return (this.renderFn ?? R.fallbackRenderItemFn)(e, this.list);
   }
 };
-r(N, "fallbackRenderItemFn", (e) => be("pre", void 0, JSON.stringify(e)));
-let j = N, Es = class {
+r(R, "fallbackRenderItemFn", (e) => be("pre", void 0, JSON.stringify(e)));
+let j = R, Es = class {
   constructor(e, t = {}) {
     r(this, "tableHeader");
     r(this, "componentProps");
@@ -903,26 +903,26 @@ let Ps = (v = class {
       loader: u,
       search: h,
       onAction: C,
-      getItemId: $,
+      getItemId: z,
       defaultViewMode: L,
-      ...z
+      ...U
     } = e;
-    this.settingsStore = Pt(), this.settingStorageKey = t, this.filterSettingsStorageKey = t ? `${t}.activeFilters` : void 0, this.viewModeStorageKey = t ? `${t}.viewMode` : void 0, this.supportsSettingsStorage = !!this.settingStorageKey, this.items = new gs(this), this.filters = l.map((p) => new A(this, p)), this.sorting = o.map((p) => new vs(this, p)), this.search = h ? new ws(this, h) : void 0, this.itemView = s ? new j(this, s) : void 0, this.table = n ? new Ls(this, n) : void 0, this.batches = new ps(this, d), this.componentProps = z, this.loader = te.useNew(this, u), this.onAction = C, this.getItemId = $, this.reactTable = Z.useNew(this, c, {
+    this.settingsStore = Pt(), this.settingStorageKey = t, this.filterSettingsStorageKey = t ? `${t}.activeFilters` : void 0, this.viewModeStorageKey = t ? `${t}.viewMode` : void 0, this.supportsSettingsStorage = !!this.settingStorageKey, this.items = new gs(this), this.filters = l.map((p) => new M(this, p)), this.sorting = o.map((p) => new vs(this, p)), this.search = h ? new ws(this, h) : void 0, this.itemView = s ? new j(this, s) : void 0, this.table = n ? new Ls(this, n) : void 0, this.batches = new ps(this, d), this.componentProps = U, this.loader = te.useNew(this, u), this.onAction = C, this.getItemId = z, this.reactTable = Z.useNew(this, c, {
       manualFiltering: this.loader.manualFiltering,
       manualPagination: this.loader.manualPagination,
       manualSorting: this.loader.manualSorting
     });
-    const [U, K] = J(
+    const [K, O] = J(
       L ?? this.getStoredViewModeDefaultSetting() ?? "list"
     );
-    this.viewMode = U, this.setViewMode = (p) => {
-      K(p), this.settingsStore && this.viewModeStorageKey && this.settingsStore.set(
+    this.viewMode = K, this.setViewMode = (p) => {
+      O(p), this.settingsStore && this.viewModeStorageKey && this.settingsStore.set(
         "List",
         this.viewModeStorageKey,
         v.viewModeSettingsStorageSchema,
         p
       );
-    }, B(() => {
+    }, D(() => {
       this.filters.forEach((p) => p.deleteUnknownFilterValues());
     }, [this.filters]);
   }
@@ -946,7 +946,7 @@ let Ps = (v = class {
       this.settingsStore.set(
         "List",
         this.filterSettingsStorageKey,
-        A.settingsStorageSchema,
+        M.settingsStorageSchema,
         e
       );
     }
@@ -956,7 +956,7 @@ let Ps = (v = class {
       return this.settingsStore.get(
         "List",
         this.filterSettingsStorageKey,
-        A.settingsStorageSchema
+        M.settingsStorageSchema
       );
   }
   getStoredViewModeDefaultSetting() {
@@ -983,15 +983,15 @@ let Ps = (v = class {
   useIsEmpty() {
     return !this.loader.useIsLoading() && this.items.entries.length === 0;
   }
-}, r(v, "viewModeSettingsStorageSchema", V.enum(["list", "table"]).optional()), v);
+}, r(v, "viewModeSettingsStorageSchema", k.enum(["list", "table"]).optional()), v);
 const Vs = "flow--list--items", ks = "flow--list--items--is-loading", Se = {
   items: Vs,
   isLoading: ks
-}, As = "flow--list--items--item", Ms = "flow--list--items--item--is-selected", Bs = "flow--list--items--item--has-action", M = {
+}, As = "flow--list--items--item", Ms = "flow--list--items--item--is-selected", Bs = "flow--list--items--item--has-action", B = {
   item: As,
   isSelected: Ms,
   hasAction: Bs
-}, Be = () => /* @__PURE__ */ i.createElement(ke, null, /* @__PURE__ */ i.createElement(Q, null, /* @__PURE__ */ i.createElement(x, { width: "200px" })), /* @__PURE__ */ i.createElement(E, null, /* @__PURE__ */ i.createElement(x, { width: "300px" }))), Ds = (a) => {
+}, Be = () => /* @__PURE__ */ i.createElement(ke, null, /* @__PURE__ */ i.createElement(Q, null, /* @__PURE__ */ i.createElement(N, { width: "200px" })), /* @__PURE__ */ i.createElement(E, null, /* @__PURE__ */ i.createElement(N, { width: "300px" }))), Ds = (a) => {
   const { id: e, data: t, children: s } = a, l = g().itemView;
   if (!l)
     return null;
@@ -1001,9 +1001,9 @@ const Vs = "flow--list--items", ks = "flow--list--items--is-loading", Se = {
     {
       id: e,
       className: (h) => T(
-        M.item,
-        u && M.hasAction,
-        h.isSelected && M.isSelected
+        B.item,
+        u && B.hasAction,
+        h.isSelected && B.isSelected
       ),
       onAction: () => o && o(t),
       textValue: d,
@@ -1011,7 +1011,7 @@ const Vs = "flow--list--items", ks = "flow--list--items--is-loading", Se = {
     },
     /* @__PURE__ */ i.createElement(Ze, { fallback: /* @__PURE__ */ i.createElement(Be, null) }, s ?? l.render(t))
   );
-}, xs = (a) => /* @__PURE__ */ i.createElement(X.GridListItem, { textValue: "-", className: M.item }, a.children), W = () => {
+}, xs = (a) => /* @__PURE__ */ i.createElement(X.GridListItem, { textValue: "-", className: B.item }, a.children), W = () => {
   const a = w(b);
   return /* @__PURE__ */ i.createElement(Vt, null, /* @__PURE__ */ i.createElement(kt, null), /* @__PURE__ */ i.createElement(Q, null, a.format("list.noResult.heading")), /* @__PURE__ */ i.createElement(E, null, a.format("list.noResult.text")));
 }, Ns = () => {
@@ -1061,7 +1061,7 @@ const Vs = "flow--list--items", ks = "flow--list--items--is-loading", Se = {
 function ze(a) {
   return null;
 }
-const Js = () => ze, Ue = (a) => null, Ke = (a) => null, Oe = (a) => null, Ys = (a) => /* @__PURE__ */ i.createElement(Te, { ...a }, /* @__PURE__ */ i.createElement(Ce, null, /* @__PURE__ */ i.createElement(Ie, null, /* @__PURE__ */ i.createElement(x, { width: "100%" }))), /* @__PURE__ */ i.createElement(Le, null, Array.from(Array(5)).map((e, t) => /* @__PURE__ */ i.createElement(Pe, { key: t }, /* @__PURE__ */ i.createElement(Ve, null, /* @__PURE__ */ i.createElement(x, { width: "100%" })))))), _s = "flow--list--table", Qs = "flow--list--table--is-loading", Xs = "flow--list--table--row", Zs = "flow--list--table--is-selected", ei = "flow--list--table--has-action", I = {
+const Js = () => ze, Ue = (a) => null, Ke = (a) => null, Oe = (a) => null, Ys = (a) => /* @__PURE__ */ i.createElement(Te, { ...a }, /* @__PURE__ */ i.createElement(Ce, null, /* @__PURE__ */ i.createElement(Ie, null, /* @__PURE__ */ i.createElement(N, { width: "100%" }))), /* @__PURE__ */ i.createElement(Le, null, Array.from(Array(5)).map((e, t) => /* @__PURE__ */ i.createElement(Pe, { key: t }, /* @__PURE__ */ i.createElement(Ve, null, /* @__PURE__ */ i.createElement(N, { width: "100%" })))))), _s = "flow--list--table", Qs = "flow--list--table--is-loading", Xs = "flow--list--table--row", Zs = "flow--list--table--is-selected", ei = "flow--list--table--has-action", I = {
   table: _s,
   isLoading: Qs,
   row: Xs,
@@ -1133,20 +1133,20 @@ const Js = () => ze, Ue = (a) => null, Ke = (a) => null, Oe = (a) => null, Ys =
     } : c ? {
       staticData: c.data
     } : void 0
-  }, h = (ne = S(e, ze)) == null ? void 0 : ne.props, C = (re = S(e, Re)) == null ? void 0 : re.props, $ = (le = S(e, He)) == null ? void 0 : le.props, L = P(e, Ue).map(
+  }, h = (ne = S(e, ze)) == null ? void 0 : ne.props, C = (re = S(e, Re)) == null ? void 0 : re.props, z = (le = S(e, He)) == null ? void 0 : le.props, L = V(e, Ue).map(
     (f) => ({
       ...f.props,
       name: f.props.children
     })
-  ), z = P(e, Oe).map(
+  ), U = V(e, Oe).map(
     (f) => ({
       ...f.props,
       renderFn: f.props.children
     })
-  ), U = (oe = S(e, Ke)) == null ? void 0 : oe.props, K = (ce = S(e, qe)) == null ? void 0 : ce.props, p = (de = S(e, Ge)) == null ? void 0 : de.props, O = Ps.useNew({
+  ), K = (oe = S(e, Ke)) == null ? void 0 : oe.props, O = (ce = S(e, qe)) == null ? void 0 : ce.props, p = (de = S(e, Ge)) == null ? void 0 : de.props, P = Ps.useNew({
     onChange: s,
     loader: u,
-    filters: P(e, xe).map(
+    filters: V(e, xe).map(
       (f) => ({
         ...f.props,
         renderItem: f.props.children
@@ -1157,24 +1157,24 @@ const Js = () => ze, Ue = (a) => null, Ke = (a) => null, Oe = (a) => null, Ys =
       textFieldProps: h,
       defaultValue: h.defaultValue
     } : void 0,
-    sorting: P(e, Ne).map((f) => f.props),
+    sorting: V(e, Ne).map((f) => f.props),
     itemView: C ? {
       ...C,
       renderFn: C.children
     } : void 0,
     table: L.length > 0 ? {
       header: {
-        ...K,
+        ...O,
         columns: L
       },
       body: {
         ...p,
         row: {
-          ...U,
-          cells: z
+          ...K,
+          cells: U
         }
       },
-      ...$
+      ...z
     } : void 0,
     batchesController: {
       batchSize: t
@@ -1194,11 +1194,11 @@ const Js = () => ze, Ue = (a) => null, Ke = (a) => null, Oe = (a) => null, Ys =
     Ae.Provider,
     {
       value: {
-        list: O
+        list: P
       }
     },
     /* @__PURE__ */ i.createElement(Wt, null),
-    /* @__PURE__ */ i.createElement("div", { className: ms.list, ref: n }, e, /* @__PURE__ */ i.createElement(ds, { hasActionGroup: We }), /* @__PURE__ */ i.createElement("div", null, /* @__PURE__ */ i.createElement(D, { id: "listSummary" }), O.viewMode === "list" && /* @__PURE__ */ i.createElement(Rs, null), O.viewMode === "table" && /* @__PURE__ */ i.createElement(ti, null)), /* @__PURE__ */ i.createElement(Ws, null))
+    /* @__PURE__ */ i.createElement("div", { className: ms.list, ref: n }, e, /* @__PURE__ */ i.createElement(ds, { hasActionGroup: We }), /* @__PURE__ */ i.createElement("div", null, P.items.entries.length > 0 && /* @__PURE__ */ i.createElement(x, { id: "listSummary" }), P.viewMode === "list" && /* @__PURE__ */ i.createElement(Rs, null), P.viewMode === "table" && /* @__PURE__ */ i.createElement(ti, null)), /* @__PURE__ */ i.createElement(Ws, null))
   )));
 }), ii = () => si, ia = () => ({
   List: ii(),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.304",
+  "version": "0.1.0-alpha.305",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -384,7 +384,7 @@
     "@chakra-ui/live-region": "^2.1.0",
     "@internationalized/date": "^3.5.6",
     "@internationalized/string-compiler": "^3.2.5",
-    "@mittwald/react-tunnel": "^0.1.0-alpha.304",
+    "@mittwald/react-tunnel": "^0.1.0-alpha.305",
     "@mittwald/react-use-promise": "^2.5.0",
     "@react-aria/utils": "^3.25.3",
     "@react-types/shared": "^3.25.0",
@@ -412,7 +412,7 @@
   },
   "devDependencies": {
     "@faker-js/faker": "^9.0.3",
-    "@mittwald/flow-design-tokens": "^0.1.0-alpha.304",
+    "@mittwald/flow-design-tokens": "^0.1.0-alpha.305",
     "@mittwald/react-use-promise": "^2.5.0",
     "@nx/storybook": "^20.0.0",
     "@storybook/addon-a11y": "^8.3.5",
@@ -491,5 +491,5 @@
       "optional": true
     }
   },
-  "gitHead": "8d580e7a80871af58825cea0fe44c28415ca0ea9"
+  "gitHead": "9aa19d24ecb93c2557d948bf80233740a9bd12a8"
 }