@mittwald/flow-react-components 0.1.0-alpha.53 → 0.1.0-alpha.55

package/dist/Button-O2JAPot2.js

@@ -0,0 +1,97 @@
+"use client"
+/* */
+import n from "react";
+import * as E from "react-aria-components";
+import v from "clsx";
+import { C as x } from "./ClearPropsContext-CD1-9TZA.js";
+import { P as C } from "./PropsContextProvider-B6QiUIPM.js";
+import "@react-aria/utils";
+import "./propsContext-Dx7WKmmM.js";
+import "remeda";
+import "@tabler/icons-react";
+import "html-react-parser";
+import { f as I } from "./flowComponent-92d7kP4i.js";
+import { b as h, I as N, a as z } from "./IconSucceeded-C_S9H4Jp.js";
+import { T as B } from "./Text-Dts2bzGQ.js";
+import { useLocalizedStringFormatter as D } from "react-aria";
+const L = "flow--button", T = "flow--button--icon", A = "flow--button--text", K = "flow--button--content", U = "flow--button--state-icon", $ = "flow--button--is-succeeded", R = "flow--button--is-failed", W = "flow--button--is-pending", _ = "flow--button--plain", j = "flow--button--primary", k = "flow--button--solid", q = "flow--button--accent", G = "flow--button--danger", H = "flow--button--secondary", J = "flow--button--soft", e = {
+  button: L,
+  icon: T,
+  text: A,
+  content: K,
+  stateIcon: U,
+  "size-s": "flow--button--size-s",
+  isSucceeded: $,
+  isFailed: R,
+  isPending: W,
+  plain: _,
+  primary: j,
+  solid: k,
+  accent: q,
+  danger: G,
+  secondary: H,
+  soft: J
+}, m = (t) => {
+  const { if: c, children: o } = t;
+  return c ? o : o.props.children;
+}, M = {
+  "de-DE": {
+    "button.isFailed": "Fehlgeschlagen",
+    "button.isPending": "Ausstehend",
+    "button.isSucceeded": "Erfolgreich"
+  },
+  "en-EN": {
+    "button.isFailed": "Failed",
+    "button.isPending": "Pending",
+    "button.isSucceeded": "Succeeded"
+  }
+}, O = (t) => ((t.isPending || t.isSucceeded || t.isFailed) && (t = { ...t }, t.onPress = void 0, t.onPressStart = void 0, t.onPressEnd = void 0, t.onPressChange = void 0, t.onPressUp = void 0, t.onKeyDown = void 0, t.onKeyUp = void 0), t), rt = I("Button", (t) => {
+  t = O(t);
+  const {
+    variant: c = "primary",
+    style: o = "solid",
+    children: d,
+    className: f,
+    size: a = "m",
+    isPending: r,
+    isDisabled: b,
+    isSucceeded: s,
+    isFailed: i,
+    "aria-label": g,
+    ...P
+  } = t, w = v(
+    e.button,
+    r && e.isPending,
+    s && e.isSucceeded,
+    i && e.isFailed,
+    e[`size-${a}`],
+    e[c],
+    e[o],
+    f
+  ), S = {
+    Icon: {
+      className: e.icon,
+      "aria-hidden": !0,
+      size: a
+    },
+    Text: {
+      className: e.text
+    }
+  }, F = D(M), p = s || i || r ? F.format(
+    `button.${s ? "isSucceeded" : i ? "isFailed" : "isPending"}`
+  ) : void 0, l = s ? h : i ? N : r ? z : void 0, u = l && /* @__PURE__ */ n.createElement(l, { size: a, className: e.stateIcon }), y = typeof d == "string";
+  return /* @__PURE__ */ n.createElement(x, null, /* @__PURE__ */ n.createElement(
+    E.Button,
+    {
+      className: w,
+      isDisabled: b,
+      "aria-label": p ?? g,
+      ...P
+    },
+    /* @__PURE__ */ n.createElement(m, { if: u }, /* @__PURE__ */ n.createElement("span", { className: e.content }, /* @__PURE__ */ n.createElement(m, { if: y }, /* @__PURE__ */ n.createElement(B, null, /* @__PURE__ */ n.createElement(C, { props: S }, d))))),
+    u
+  ));
+});
+export {
+  rt as B
+};

package/dist/Button.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { B as o } from "./Button-BnXrfuF-.js";
+import { B as o } from "./Button-O2JAPot2.js";
 export {
   o as Button,
   o as default

package/dist/ContextMenu.js

@@ -0,0 +1,27 @@
+"use client"
+/* */
+import c from "react";
+import * as s from "react-aria-components";
+import { MenuTrigger as C } from "react-aria-components";
+import u from "clsx";
+const x = "flow--context-menu", l = "flow--context-menu--menu-list", m = {
+  contextMenu: x,
+  "popover-slide": "flow--context-menu--popover-slide",
+  menuList: l
+}, d = (e) => {
+  const { children: t, onAction: n, ...o } = e;
+  return /* @__PURE__ */ c.createElement(s.Popover, { className: m.contextMenu, ...o }, /* @__PURE__ */ c.createElement(s.Menu, { className: m.menuList, onAction: n }, t));
+}, i = "flow--context-menu--context-menu-item", a = "flow--context-menu--context-menu-item--icon", M = "flow--context-menu--context-menu-item--text", f = {
+  contextMenuItem: i,
+  icon: a,
+  text: M
+}, I = (e) => {
+  const { children: t, className: n, ...o } = e, r = u(f.contextMenuItem, n);
+  return /* @__PURE__ */ c.createElement(s.MenuItem, { ...o, className: r }, t);
+};
+export {
+  d as ContextMenu,
+  I as ContextMenuItem,
+  C as ContextMenuTrigger,
+  d as default
+};

package/dist/CopyButton.js

@@ -2,7 +2,7 @@
 /* */
 import o from "react";
 import n from "copy-to-clipboard";
-import { B as a } from "./Button-BnXrfuF-.js";
+import { B as a } from "./Button-O2JAPot2.js";
 import "@tabler/icons-react";
 import "clsx";
 import "html-react-parser";

package/dist/List.js

@@ -1,36 +1,36 @@
 "use client"
 /* */
-var V = Object.defineProperty;
-var B = (i, t, e) => t in i ? V(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
-var n = (i, t, e) => (B(i, typeof t != "symbol" ? t + "" : t, e), e);
-import r, { createContext as U, useContext as $, Suspense as D, createElement as x, useMemo as O, useEffect as I, isValidElement as H } from "react";
-import { useMessageFormatter as j, useLocalizedStringFormatter as q } from "react-aria";
-import { T as J } from "./Text-Dts2bzGQ.js";
-import { B as b } from "./Button-BnXrfuF-.js";
+var B = Object.defineProperty;
+var U = (i, t, e) => t in i ? B(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e;
+var n = (i, t, e) => (U(i, typeof t != "symbol" ? t + "" : t, e), e);
+import r, { createContext as $, useContext as O, Suspense as R, createElement as x, useMemo as H, useEffect as f, isValidElement as j } from "react";
+import { useMessageFormatter as q, useLocalizedStringFormatter as J } from "react-aria";
+import { T as K } from "./Text-Dts2bzGQ.js";
+import { B as y } from "./Button-O2JAPot2.js";
 import "@tabler/icons-react";
-import R from "clsx";
+import M from "clsx";
 import "html-react-parser";
 import "./propsContext-Dx7WKmmM.js";
 import "@react-aria/utils";
-import { times as K } from "remeda";
+import { times as G } from "remeda";
 import "@mittwald/react-tunnel";
-import { a as G, I as Q } from "./IconChevronUp-CT0CRmbO.js";
-import { L as W } from "./Label-BtthqZPA.js";
-import { getProperty as X } from "dot-prop";
-import { useSignal as f } from "@preact/signals-react";
-import { useReactTable as Y, getCoreRowModel as Z, getSortedRowModel as _, getFilteredRowModel as tt, getPaginationRowModel as et, getFacetedUniqueValues as at } from "@tanstack/react-table";
-import { useSignals as S } from "@preact/signals-react/runtime";
-import it from "invariant";
+import { a as Q, I as W } from "./IconChevronUp-CT0CRmbO.js";
+import { L as X } from "./Label-BtthqZPA.js";
+import { getProperty as Y } from "dot-prop";
+import { useSignal as S } from "@preact/signals-react";
+import { useReactTable as Z, getCoreRowModel as _, getSortedRowModel as tt, getFilteredRowModel as et, getPaginationRowModel as at, getFacetedUniqueValues as it } from "@tanstack/react-table";
+import { useSignals as b } from "@preact/signals-react/runtime";
+import st from "invariant";
 import { getAsyncResource as T } from "@mittwald/react-use-promise";
-import { deepFind as st, deepForEach as nt } from "react-children-utilities";
+import { deepFind as nt, deepForEach as ot } from "react-children-utilities";
 import { I as rt } from "./InlineCode-DZzyKdCm.js";
-import { ListLoaderAsyncResource as ot } from "./List/ListLoaderAsyncResource.js";
-const M = U({}), g = () => $(M).list, lt = (i) => /* @__PURE__ */ r.createElement(r.Fragment, null, i.children()), ct = (i) => {
+import { ListLoaderAsyncResource as lt } from "./List/ListLoaderAsyncResource.js";
+const A = $({}), g = () => O(A).list, ct = (i) => /* @__PURE__ */ r.createElement(r.Fragment, null, i.children()), ut = (i) => {
   const { pageIndex: t } = i;
   return g().loader.useSuspenseHook(t), null;
-}, ut = () => g().loader.getLoaderInvocationHooks().map((t, e) => /* @__PURE__ */ r.createElement(D, { key: e, fallback: /* @__PURE__ */ r.createElement(ct, { pageIndex: e }) }, /* @__PURE__ */ r.createElement(lt, null, () => {
+}, gt = () => g().loader.getLoaderInvocationHooks().map((t, e) => /* @__PURE__ */ r.createElement(R, { key: e, fallback: /* @__PURE__ */ r.createElement(ut, { pageIndex: e }) }, /* @__PURE__ */ r.createElement(ct, null, () => {
   t();
-}))), A = {
+}))), N = {
   "de-DE": {
     paginationInfo: "{visibleItemsCount} von insgesamt {totalItemsCount} angezeigt",
     paginationInfoFiltered: "{visibleItemsCount} von insgesamt {filteredItemsCount} (gefiltert aus {totalItemsCount}) angezeigt",
@@ -41,23 +41,23 @@ const M = U({}), g = () => $(M).list, lt = (i) => /* @__PURE__ */ r.createElemen
     paginationInfoFiltered: "Showing {visibleItemsCount} of {filteredItemsCount} (unfiltered total count {totalItemsCount})",
     showMore: "Show more"
   }
-}, gt = (i) => {
-  const t = j(A), e = g(), a = e.pagination, s = e.isFiltered() && !e.loader.manualFiltering, o = a.getTotalItemsCount(), c = a.getFilteredItemsCount(), l = a.getVisibleItemsCount();
+}, mt = (i) => {
+  const t = q(N), e = g(), a = e.pagination, s = e.isFiltered() && !e.loader.manualFiltering, o = a.getTotalItemsCount(), l = a.getFilteredItemsCount(), c = a.getVisibleItemsCount();
   if (o === 0)
     return null;
   const h = s ? t("paginationInfoFiltered", {
-    visibleItemsCount: l,
-    filteredItemsCount: c,
+    visibleItemsCount: c,
+    filteredItemsCount: l,
     totalItemsCount: o
   }) : t("paginationInfo", {
-    visibleItemsCount: l,
+    visibleItemsCount: c,
     totalItemsCount: o
   });
-  return /* @__PURE__ */ r.createElement(J, { ...i }, h);
-}, mt = () => null, dt = (i) => {
-  const { sorting: t } = i, e = t.direction, a = e === "asc" ? G : e === "desc" ? Q : mt, s = e !== !1;
+  return /* @__PURE__ */ r.createElement(K, { ...i }, h);
+}, dt = () => null, pt = (i) => {
+  const { sorting: t } = i, e = t.direction, a = e === "asc" ? Q : e === "desc" ? W : dt, s = e !== !1;
   return /* @__PURE__ */ r.createElement(
-    b,
+    y,
     {
       variant: s ? "primary" : "secondary",
       onPress: t.getTableColumn().getToggleSortingHandler()
@@ -65,18 +65,18 @@ const M = U({}), g = () => $(M).list, lt = (i) => /* @__PURE__ */ r.createElemen
     t.getTableColumn().id,
     /* @__PURE__ */ r.createElement(a, { size: "s" })
   );
-}, pt = "flow--list--filter-bar--sorting-picker", ht = "flow--list--filter-bar--sorting-picker--items", E = {
-  sortingPicker: pt,
-  items: ht
-}, ft = () => {
-  const { sorting: i } = g(), t = i.map((e) => /* @__PURE__ */ r.createElement(dt, { sorting: e, key: e.getTableColumn().id }));
-  return /* @__PURE__ */ r.createElement("div", { className: E.sortingPicker }, /* @__PURE__ */ r.createElement("div", { className: E.items }, t));
-}, St = "flow--list--filter-bar--filter-picker-item", bt = "flow--list--filter-bar--filter-picker-item--items", L = {
-  filterPickerItem: St,
-  items: bt
-}, yt = (i) => {
+}, ht = "flow--list--filter-bar--sorting-picker", ft = "flow--list--filter-bar--sorting-picker--items", L = {
+  sortingPicker: ht,
+  items: ft
+}, St = () => {
+  const { sorting: i } = g(), t = i.map((e) => /* @__PURE__ */ r.createElement(pt, { sorting: e, key: e.getTableColumn().id }));
+  return /* @__PURE__ */ r.createElement("div", { className: L.sortingPicker }, /* @__PURE__ */ r.createElement("div", { className: L.items }, t));
+}, bt = "flow--list--filter-bar--filter-picker-item", yt = "flow--list--filter-bar--filter-picker-item--items", E = {
+  filterPickerItem: bt,
+  items: yt
+}, wt = (i) => {
   const { filter: t } = i, a = t.values.map((s) => /* @__PURE__ */ r.createElement(
-    b,
+    y,
     {
       variant: t.isValueActive(s) ? "primary" : "secondary",
       key: t.getValueId(s),
@@ -84,21 +84,21 @@ const M = U({}), g = () => $(M).list, lt = (i) => /* @__PURE__ */ r.createElemen
     },
     String(s)
   ));
-  return /* @__PURE__ */ r.createElement("div", { className: L.filterPickerItem }, /* @__PURE__ */ r.createElement(W, null, t.property), /* @__PURE__ */ r.createElement("div", { className: L.items }, a));
-}, vt = () => g().filters.map((t) => /* @__PURE__ */ r.createElement(yt, { key: t.property, filter: t })), wt = "flow--list--filter-bar", Pt = {
-  filterBar: wt
-}, Ft = (i) => {
+  return /* @__PURE__ */ r.createElement("div", { className: E.filterPickerItem }, /* @__PURE__ */ r.createElement(X, null, t.property), /* @__PURE__ */ r.createElement("div", { className: E.items }, a));
+}, Pt = () => g().filters.map((t) => /* @__PURE__ */ r.createElement(wt, { key: t.property, filter: t })), vt = "flow--list--filter-bar", Ft = {
+  filterBar: vt
+}, Ct = (i) => {
   const { className: t } = i;
-  return /* @__PURE__ */ r.createElement("div", { className: R(t, Pt.filterBar) }, /* @__PURE__ */ r.createElement(ft, null), /* @__PURE__ */ r.createElement(vt, null));
-}, Ct = "flow--list", It = "flow--list--filter-bar", Tt = "flow--list--items", Et = "flow--list--pagination-infos", Lt = "flow--list--show-more-button", d = {
-  list: Ct,
-  filterBar: It,
-  items: Tt,
+  return /* @__PURE__ */ r.createElement("div", { className: M(t, Ft.filterBar) }, /* @__PURE__ */ r.createElement(St, null), /* @__PURE__ */ r.createElement(Pt, null));
+}, It = "flow--list", Tt = "flow--list--filter-bar", Lt = "flow--list--items", Et = "flow--list--pagination-infos", kt = "flow--list--show-more-button", d = {
+  list: It,
+  filterBar: Tt,
+  items: Lt,
   paginationInfos: Et,
-  showMoreButton: Lt
+  showMoreButton: kt
 };
 var u;
-let kt = (u = class {
+let Dt = (u = class {
   constructor(t, e, a) {
     n(this, "id");
     n(this, "data");
@@ -112,19 +112,19 @@ let kt = (u = class {
     return new u(t, e.id, e.original);
   }
 }, n(u, "fallbackRenderItemFn", (t) => x("pre", void 0, JSON.stringify(t))), u);
-class y {
+class w {
   constructor(t) {
     n(this, "list");
     this.list = t;
   }
   static useNew(t) {
-    return new y(t);
+    return new w(t);
   }
   get entries() {
-    return this.list.reactTable.table.getRowModel().rows.map((t) => kt.fromRow(this, t));
+    return this.list.reactTable.table.getRowModel().rows.map((t) => Dt.fromRow(this, t));
   }
 }
-class Dt {
+class Rt {
   constructor(t, e = {}) {
     n(this, "list");
     n(this, "initialPageSize");
@@ -165,8 +165,8 @@ class Dt {
     }));
   }
 }
-const Rt = (i, t) => i === t;
-class Mt {
+const Mt = (i, t) => i === t;
+class At {
   constructor(t, e) {
     n(this, "_values");
     n(this, "list");
@@ -174,14 +174,14 @@ class Mt {
     n(this, "mode");
     n(this, "matcher");
     n(this, "onFilterUpdateCallbacks", /* @__PURE__ */ new Set());
-    this.list = t, this.property = e.property, this.mode = e.mode ?? "one", this._values = e.values, this.matcher = e.matcher ?? Rt;
+    this.list = t, this.property = e.property, this.mode = e.mode ?? "one", this._values = e.values, this.matcher = e.matcher ?? Mt;
   }
   updateTableColumnDef(t) {
     t.enableColumnFilter = !0, t.filterFn = this.getReactTableFilterFn();
   }
   getReactTableFilterFn() {
     return (t, e, a) => this.checkFilterMatches(
-      X(t.original, this.property),
+      Y(t.original, this.property),
       a
     );
   }
@@ -233,7 +233,7 @@ class Mt {
     this.onFilterUpdateCallbacks.add(t);
   }
 }
-class At {
+class Nt {
   constructor(t, e) {
     n(this, "list");
     n(this, "property");
@@ -249,7 +249,7 @@ class At {
     return this.list.reactTable.getTableColumn(this.property);
   }
 }
-class v {
+class P {
   constructor(t, e = {}) {
     n(this, "list");
     n(this, "table");
@@ -261,13 +261,13 @@ class v {
       const a = typeof t == "function" ? t(e) : t;
       this.tableState.value = this.getUpdatedTableState(e, a);
     });
-    this.list = t, this.tableState = f(void 0), this.table = this.useReactTable(e);
+    this.list = t, this.tableState = S(void 0), this.table = this.useReactTable(e);
   }
   static useNew(t, e = {}) {
-    return new v(t, e);
+    return new P(t, e);
   }
   useReactTable(t = {}) {
-    const e = this.list.loader.useData(), a = Y({
+    const e = this.list.loader.useData(), a = Z({
       data: e,
       initialState: {
         pagination: {
@@ -275,18 +275,18 @@ class v {
         }
       },
       columns: this.getTableColumnDefs(),
-      getCoreRowModel: Z(),
-      getSortedRowModel: _(),
-      getFilteredRowModel: tt(),
-      getPaginationRowModel: et(),
-      getFacetedUniqueValues: at(),
+      getCoreRowModel: _(),
+      getSortedRowModel: tt(),
+      getFilteredRowModel: et(),
+      getPaginationRowModel: at(),
+      getFacetedUniqueValues: it(),
       onStateChange: this.onTableStateChange,
       ...t
     });
     return this.useUpdateTableState(a), a;
   }
   useUpdateTableState(t) {
-    S();
+    b();
     const e = this.tableState.value;
     e ? t.setOptions((a) => ({
       ...a,
@@ -298,7 +298,7 @@ class v {
   }
   getTableColumn(t) {
     const e = this.table.getColumn(t);
-    return it(!!e, `Column #${t} is not defined`), e;
+    return st(!!e, `Column #${t} is not defined`), e;
   }
   getTableColumnDefs() {
     const t = /* @__PURE__ */ new Map(), e = (a) => {
@@ -320,8 +320,8 @@ class v {
     ), Array.from(t.values());
   }
 }
-const Nt = [];
-class zt {
+const zt = [];
+class Vt {
   constructor(t, e = {}) {
     n(this, "list");
     n(this, "dataSource");
@@ -331,9 +331,9 @@ class zt {
     n(this, "manualFiltering");
     n(this, "manualPagination");
     const { source: a } = e;
-    this.dataSource = a ?? { staticData: Nt };
-    const s = "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.pagesDataSignal = f({}), this.pagesLoadingStateSignal = f({}), this.manualPagination = s ?? !1, this.manualFiltering = o ?? this.manualPagination, this.manualSorting = c ?? this.manualPagination, this.list.filters.forEach((l) => l.onFilterUpdated(() => this.reset()));
+    this.dataSource = a ?? { staticData: zt };
+    const s = "manualPagination" in this.dataSource ? this.dataSource.manualPagination : void 0, o = "manualFiltering" in this.dataSource ? this.dataSource.manualFiltering : void 0, l = "manualSorting" in this.dataSource ? this.dataSource.manualSorting : void 0;
+    this.list = t, this.pagesDataSignal = S({}), this.pagesLoadingStateSignal = S({}), this.manualPagination = s ?? !1, this.manualFiltering = o ?? this.manualPagination, this.manualSorting = l ?? this.manualPagination, this.list.filters.forEach((c) => c.onFilterUpdated(() => this.reset()));
   }
   reset() {
     this.pagesLoadingStateSignal.value = {}, this.pagesDataSignal.value = {}, this.list.reactTable.table.setPagination(() => ({
@@ -342,33 +342,35 @@ class zt {
     }));
   }
   useIsLoading() {
-    return S(), Object.values(this.pagesLoadingStateSignal.value).some(
+    return b(), Object.values(this.pagesLoadingStateSignal.value).some(
       (t) => t === "loading"
     );
   }
   useData() {
-    S();
+    b();
     const t = Object.values(this.pagesDataSignal.value);
-    return O(
+    return H(
       () => t.flatMap((e) => e),
       [this.pagesDataSignal.value]
     );
   }
   useSuspenseHook(t) {
-    I(() => (this.updatePageLoadingState(t, "loading"), () => {
+    f(() => (this.updatePageLoadingState(t, "loading"), () => {
       this.updatePageLoadingState(t, "loaded");
     }), [t]);
   }
   getLoaderInvocationHooks() {
-    return K(this.list.pagination.getPageIndex() + 1, (e) => e).map((e) => () => {
+    return G(this.list.pagination.getPageIndex() + 1, (e) => e).map((e) => () => {
       this.useLoadPage(e);
     });
   }
   useLoadPage(t) {
-    const e = this.getPageDataAsyncResource(t), { data: a, itemTotalCount: s } = e.use();
-    I(() => {
+    const e = this.getPageDataAsyncResource(t), { data: a, itemTotalCount: s } = e.use(), o = e.watchState();
+    f(() => {
       this.updatePageData(t, a), s !== void 0 && this.list.pagination.updateItemTotalCount(s);
-    }, [t, a, s, e]);
+    }, [t, a, s, e]), f(() => {
+      this.updatePageLoadingState(t, o);
+    }, [t, o]);
   }
   getDataLoaderOptions(t) {
     return {
@@ -427,7 +429,7 @@ class zt {
     );
   }
 }
-let Vt = class N {
+let Bt = class z {
   constructor(t) {
     n(this, "filters");
     n(this, "sorting");
@@ -441,26 +443,26 @@ let Vt = class N {
       filters: a = [],
       sorting: s = [],
       pagination: o,
-      enableMultiSort: c = !1
+      enableMultiSort: l = !1
     } = t;
-    this.render = e, this.items = y.useNew(this), this.filters = a.map((l) => new Mt(this, l)), this.sorting = s.map((l) => new At(this, l)), this.pagination = new Dt(this, o), this.loader = new zt(this, t.loader), this.reactTable = v.useNew(this, {
-      enableMultiSort: c,
+    this.render = e, this.items = w.useNew(this), this.filters = a.map((c) => new At(this, c)), this.sorting = s.map((c) => new Nt(this, c)), this.pagination = new Rt(this, o), this.loader = new Vt(this, t.loader), this.reactTable = P.useNew(this, {
+      enableMultiSort: l,
       manualFiltering: this.loader.manualFiltering,
       manualPagination: this.loader.manualPagination,
       manualSorting: this.loader.manualSorting
     });
   }
   static useNew(t) {
-    return new N(t);
+    return new z(t);
   }
   isFiltered() {
     return this.filters.some((t) => t.isActive());
   }
 };
-const Bt = (i) => {
-  const t = q(A), e = g(), a = e.loader.useIsLoading(), o = e.pagination.hasNextPage();
+const Ut = (i) => {
+  const t = J(N), e = g(), a = e.loader.useIsLoading(), o = e.pagination.hasNextPage();
   return /* @__PURE__ */ r.createElement(
-    b,
+    y,
     {
       isPending: a,
       ...i,
@@ -470,25 +472,27 @@ const Bt = (i) => {
     },
     t.format("showMore")
   );
-}, Ut = "flow--list--items", $t = {
-  items: Ut
-}, xt = "flow--list--item--list-item", Ot = {
+}, $t = "flow--list--items", Ot = "flow--list--items--is-loading", k = {
+  items: $t,
+  isLoading: Ot
+}, xt = "flow--list--item--list-item", Ht = {
   listItem: xt
-}, Ht = (i) => {
-  const { children: t } = i;
-  return /* @__PURE__ */ r.createElement("div", { className: Ot.listItem }, t);
 }, jt = (i) => {
-  const { className: t } = i, a = g().items.entries.map((s) => /* @__PURE__ */ r.createElement(Ht, { key: s.id }, /* @__PURE__ */ r.createElement(D, null, s.render())));
-  return /* @__PURE__ */ r.createElement("div", { className: R($t.items, t) }, a);
-}, z = (i, t) => H(i) ? typeof t == "string" ? typeof i.type == "string" ? i.type === t : !1 : i.type === t : !1, p = (i, t) => st(i, (e) => z(e, t)), k = (i, t) => {
+  const { children: t } = i;
+  return /* @__PURE__ */ r.createElement("div", { className: Ht.listItem }, t);
+}, qt = (i) => {
+  const { className: t } = i, e = g(), a = e.loader.useIsLoading(), s = e.items.entries.map((l) => /* @__PURE__ */ r.createElement(jt, { key: l.id }, /* @__PURE__ */ r.createElement(R, null, l.render()))), o = M(
+    k.items,
+    t,
+    a && k.isLoading
+  );
+  return /* @__PURE__ */ r.createElement("div", { className: o }, s);
+}, V = (i, t) => j(i) ? typeof t == "string" ? typeof i.type == "string" ? i.type === t : !1 : i.type === t : !1, p = (i, t) => nt(i, (e) => V(e, t)), D = (i, t) => {
   const e = [];
-  return nt(i, (a) => {
-    z(a, t) && e.push(a);
+  return ot(i, (a) => {
+    V(a, t) && e.push(a);
   }), e;
 };
-function qt(i) {
-  return null;
-}
 function Jt(i) {
   return null;
 }
@@ -501,13 +505,16 @@ function Gt(i) {
 function Qt(i) {
   return null;
 }
-const Wt = (i) => /* @__PURE__ */ r.createElement(rt, null, JSON.stringify(i.data));
-function ye(i) {
-  var w, P, F, C;
-  const { children: t, ...e } = i, a = (w = p(t, qt)) == null ? void 0 : w.props, s = (P = p(
+function Wt(i) {
+  return null;
+}
+const Xt = (i) => /* @__PURE__ */ r.createElement(rt, null, JSON.stringify(i.data));
+function we(i) {
+  var v, F, C, I;
+  const { children: t, ...e } = i, a = (v = p(t, Jt)) == null ? void 0 : v.props, s = (F = p(
     t,
-    ot
-  )) == null ? void 0 : P.props, o = (F = p(t, Qt)) == null ? void 0 : F.props, c = {
+    lt
+  )) == null ? void 0 : F.props, o = (C = p(t, Wt)) == null ? void 0 : C.props, l = {
     source: a ? {
       ...a,
       asyncLoader: a.children
@@ -517,30 +524,30 @@ function ye(i) {
     } : o ? {
       staticData: o.data
     } : void 0
-  }, l = (m) => /* @__PURE__ */ r.createElement(Wt, { data: m }), h = Vt.useNew({
-    loader: c,
-    filters: k(t, Jt).map((m) => m.props),
-    sorting: k(t, Kt).map((m) => m.props),
-    render: ((C = p(t, Gt)) == null ? void 0 : C.props.children) ?? l,
+  }, c = (m) => /* @__PURE__ */ r.createElement(Xt, { data: m }), h = Bt.useNew({
+    loader: l,
+    filters: D(t, Kt).map((m) => m.props),
+    sorting: D(t, Gt).map((m) => m.props),
+    render: ((I = p(t, Qt)) == null ? void 0 : I.props.children) ?? c,
     ...e
   });
   return /* @__PURE__ */ r.createElement(
-    M.Provider,
+    A.Provider,
     {
       value: {
         list: h
       }
     },
-    /* @__PURE__ */ r.createElement(ut, null),
-    /* @__PURE__ */ r.createElement("div", { className: d.list }, /* @__PURE__ */ r.createElement(Ft, { className: d.filterBar }), /* @__PURE__ */ r.createElement(jt, { className: d.rows }), /* @__PURE__ */ r.createElement(gt, { className: d.paginationInfos }), /* @__PURE__ */ r.createElement(Bt, { className: d.showMoreButton }))
+    /* @__PURE__ */ r.createElement(gt, null),
+    /* @__PURE__ */ r.createElement("div", { className: d.list }, /* @__PURE__ */ r.createElement(Ct, { className: d.filterBar }), /* @__PURE__ */ r.createElement(qt, { className: d.rows }), /* @__PURE__ */ r.createElement(mt, { className: d.paginationInfos }), /* @__PURE__ */ r.createElement(Ut, { className: d.showMoreButton }))
   );
 }
 export {
-  ye as List,
-  Jt as ListFilter,
-  Gt as ListItemView,
-  qt as ListLoaderAsync,
-  Kt as ListSorting,
-  Qt as ListStaticData,
-  ye as default
+  we as List,
+  Kt as ListFilter,
+  Qt as ListItemView,
+  Jt as ListLoaderAsync,
+  Gt as ListSorting,
+  Wt as ListStaticData,
+  we as default
 };

package/dist/NumberField.js

@@ -10,7 +10,7 @@ import "@react-aria/utils";
 import "./propsContext-Dx7WKmmM.js";
 import "remeda";
 import { F as f } from "./FieldError-CQNWNYnn.js";
-import { B as s } from "./Button-BnXrfuF-.js";
+import { B as s } from "./Button-O2JAPot2.js";
 import "@tabler/icons-react";
 import "html-react-parser";
 import "@mittwald/react-tunnel";