@mittwald/flow-react-components 0.1.0-alpha.197 → 0.1.0-alpha.199

package/dist/ActionGroup.js

@@ -2,37 +2,44 @@
 /* */
 import o from "react";
 import "./propsContext-DzAKlmhS.js";
-import { P as y } from "./PropsContextProvider-C6Z4XGp6.js";
+import { P as d } from "./PropsContextProvider-C6Z4XGp6.js";
 import "@react-aria/utils";
 import "remeda";
-import { d as e } from "./dynamic-ClpUSmEt.js";
-import i from "clsx";
-import { f as g } from "./flowComponent-COVzhVCB.js";
-import { TunnelProvider as E, TunnelExit as n } from "@mittwald/react-tunnel";
-import { A as C, g as a } from "./getActionGroupSlot-BHzMGEA7.js";
-const G = "flow--action-group--action-group-container", v = "flow--action-group", x = "flow--action-group--primary", N = "flow--action-group--secondary", P = "flow--action-group--abort", r = {
-  actionGroupContainer: G,
-  actionGroup: v,
-  primary: x,
-  secondary: N,
-  abort: P
-}, k = g("ActionGroup", (s) => {
-  const { children: m, className: l, refProp: p, ...u } = s, d = i(r.actionGroupContainer, l), f = {
+import { d as n } from "./dynamic-ClpUSmEt.js";
+import e from "clsx";
+import { f as C } from "./flowComponent-COVzhVCB.js";
+import { TunnelProvider as G } from "@mittwald/react-tunnel";
+import { A as y, g as a } from "./getActionGroupSlot-BHzMGEA7.js";
+const w = "flow--action-group", P = "flow--action-group--primary", x = "flow--action-group--secondary", N = "flow--action-group--abort", k = "flow--action-group--action-group-container", v = "flow--action-group--ignore-breakpoint", t = {
+  actionGroup: w,
+  primary: P,
+  secondary: x,
+  abort: N,
+  actionGroupContainer: k,
+  ignoreBreakpoint: v
+}, q = C("ActionGroup", (i) => {
+  const {
+    children: c,
+    className: p,
+    refProp: s,
+    ignoreBreakpoint: m,
+    ...l
+  } = i, u = e(
+    t.actionGroupContainer,
+    p,
+    m && t.ignoreBreakpoint
+  ), f = {
     Button: {
-      tunnelId: e((t) => a(t)),
-      slot: e((t) => a(t)),
-      className: e((t) => {
-        const c = a(t);
-        return i(
-          t.className,
-          c !== "secondary" ? r[c] : void 0
-        );
+      slot: n((r) => a(r)),
+      className: n((r) => {
+        const g = a(r);
+        return e(r.className, t[g]);
       })
     }
   };
-  return /* @__PURE__ */ o.createElement(C, null, /* @__PURE__ */ o.createElement(y, { props: f, mergeInParentContext: !0 }, /* @__PURE__ */ o.createElement(E, null, /* @__PURE__ */ o.createElement("div", { ...u, className: d, ref: p }, /* @__PURE__ */ o.createElement("div", { className: r.actionGroup, role: "group" }, m, /* @__PURE__ */ o.createElement(n, { id: "primary" }), /* @__PURE__ */ o.createElement("div", { className: r.secondary }, /* @__PURE__ */ o.createElement(n, { id: "secondary" })), /* @__PURE__ */ o.createElement(n, { id: "abort" }))))));
+  return /* @__PURE__ */ o.createElement(y, null, /* @__PURE__ */ o.createElement(d, { props: f, mergeInParentContext: !0 }, /* @__PURE__ */ o.createElement(G, null, /* @__PURE__ */ o.createElement("div", { ...l, className: u, ref: s }, /* @__PURE__ */ o.createElement("div", { className: t.actionGroup, role: "group" }, c)))));
 });
 export {
-  k as ActionGroup,
-  k as default
+  q as ActionGroup,
+  q as default
 };

package/dist/List.js

@@ -30,7 +30,7 @@ import { u as xt } from "./useOnChange-C1Quwyuz.js";
 import { S as Bt } from "./SearchField-Dbr_5Zy4.js";
 import { getProperty as Pt } from "dot-prop";
 import { hash as Dt } from "object-code";
-import { useReactTable as Vt, getCoreRowModel as Nt, getSortedRowModel as Rt, getFilteredRowModel as Mt, getPaginationRowModel as zt, getFacetedUniqueValues as $t } from "@tanstack/react-table";
+import { useReactTable as Nt, getCoreRowModel as Vt, getSortedRowModel as Rt, getFilteredRowModel as Mt, getPaginationRowModel as zt, getFacetedUniqueValues as $t } from "@tanstack/react-table";
 import tt from "invariant";
 import { getAsyncResource as q } from "@mittwald/react-use-promise";
 import { u as H } from "./useSelector-DpU7_HMO.js";
@@ -93,6 +93,10 @@ const Gt = "flow--list--items--item--view", jt = "flow--list--items--item--view-
     Button: {
       className: m.action
     },
+    ActionGroup: {
+      className: m.action,
+      ignoreBreakpoint: !0
+    },
     Content: {
       className: Et((l) => te(l.slot)),
       tunnelId: "topContent"
@@ -468,7 +472,7 @@ class x {
   }
   useReactTable(t = {}) {
     const e = this.list.loader.useData();
-    return Vt({
+    return Nt({
       data: e,
       state: {
         sorting: this.sortingState
@@ -479,7 +483,7 @@ class x {
         }
       },
       columns: this.getTableColumnDefs(),
-      getCoreRowModel: Nt(),
+      getCoreRowModel: Vt(),
       getSortedRowModel: Rt(),
       getFilteredRowModel: Mt(),
       getPaginationRowModel: zt(),
@@ -773,11 +777,11 @@ const ke = "flow--list--items", Ae = "flow--list--items--is-loading", W = {
     },
     e ?? i.render(t)
   );
-}, De = (a) => /* @__PURE__ */ n.createElement(A.GridListItem, { textValue: "-", className: I.item }, a.children), Ve = () => {
+}, De = (a) => /* @__PURE__ */ n.createElement(A.GridListItem, { textValue: "-", className: I.item }, a.children), Ne = () => {
   const a = S(g);
   return /* @__PURE__ */ n.createElement(Ut, null, /* @__PURE__ */ n.createElement(Ot, null), /* @__PURE__ */ n.createElement(et, null, a.format("list.noResult.heading")), /* @__PURE__ */ n.createElement(f, null, a.format("list.noResult.text")));
-}, Ne = "flow--skeleton-text", Re = "flow--skeleton-text--shimmer", Me = {
-  skeletonText: Ne,
+}, Ve = "flow--skeleton-text", Re = "flow--skeleton-text--shimmer", Me = {
+  skeletonText: Ve,
   shimmer: Re
 }, J = (a) => {
   const { width: t, style: e = {}, ...s } = a;
@@ -791,7 +795,7 @@ const ke = "flow--list--items", Ae = "flow--list--items--is-loading", W = {
     t,
     i && W.isLoading
   );
-  return l ? /* @__PURE__ */ n.createElement(Ve, null) : /* @__PURE__ */ n.createElement("div", { "aria-hidden": o, "aria-busy": i }, /* @__PURE__ */ n.createElement(A.GridList, { className: c, ...e }, o ? /* @__PURE__ */ n.createElement($e, null) : u));
+  return l ? /* @__PURE__ */ n.createElement(Ne, null) : /* @__PURE__ */ n.createElement("div", { "aria-hidden": o, "aria-busy": i }, /* @__PURE__ */ n.createElement(A.GridList, { className: c, ...e }, o ? /* @__PURE__ */ n.createElement($e, null) : u));
 }, rt = (a) => null, Oe = () => rt, ot = (a) => null, qe = () => ot, lt = (a) => null, He = () => lt, ct = (a) => null, Ke = () => ct, ut = (a) => null, Ge = () => ut, je = "flow--list--footer", We = {
   footer: je
 }, Je = (a) => {
@@ -822,14 +826,14 @@ function dt(a) {
   return null;
 }
 const Xe = () => dt, Ze = Tt("List", (a) => {
-  var D, V, N, R, M;
+  var D, N, V, R, M;
   const { children: t, batchSize: e, ...s } = a, i = (D = b(
     t,
     rt
-  )) == null ? void 0 : D.props, o = (V = b(
+  )) == null ? void 0 : D.props, o = (N = b(
     t,
     qt
-  )) == null ? void 0 : V.props, l = (N = b(t, ut)) == null ? void 0 : N.props, u = {
+  )) == null ? void 0 : N.props, l = (V = b(t, ut)) == null ? void 0 : V.props, u = {
     source: i ? {
       ...i,
       asyncLoader: i.children

package/dist/Slider.js

@@ -13,18 +13,18 @@ import "@tabler/icons-react";
 import "./Icon-CUhvR1IT.js";
 import { I as w, a as N } from "./IconPlus-BWI6sp0-.js";
 import { useLocalizedStringFormatter as k } from "react-aria";
-const x = "flow--slider", P = "flow--slider--text", S = "flow--slider--value", g = "flow--slider--track", y = "flow--slider--fill", I = "flow--slider--initial-marker", M = "flow--slider--thumb", T = "flow--slider--increment", C = "flow--slider--decrement", z = "flow--slider--disabled", t = {
+const x = "flow--slider", P = "flow--slider--text", S = "flow--slider--value", T = "flow--slider--track", g = "flow--slider--fill", y = "flow--slider--initial-marker", F = "flow--slider--thumb", I = "flow--slider--increment", M = "flow--slider--decrement", C = "flow--slider--disabled", r = {
   slider: x,
   text: P,
   value: S,
-  track: g,
-  fill: y,
-  initialMarker: I,
-  thumb: M,
-  increment: T,
-  decrement: C,
-  disabled: z
-}, D = { "de-DE": {
+  track: T,
+  fill: g,
+  initialMarker: y,
+  thumb: F,
+  increment: I,
+  decrement: M,
+  disabled: C
+}, z = { "de-DE": {
   "slider.decrement": "Wert verkleinern",
   "slider.increment": "Wert erhöhen"
 }, "en-EN": {
@@ -35,15 +35,15 @@ const x = "flow--slider", P = "flow--slider--text", S = "flow--slider--value", g
     className: c,
     children: o,
     name: d,
-    isDisabled: r,
+    isDisabled: t,
     defaultValue: l,
     showInitialMarker: u,
     ...f
   } = m, p = h(
-    t.slider,
-    r && t.disabled,
+    r.slider,
+    t && r.disabled,
     c
-  ), s = k(D), b = {
+  ), s = k(z), b = {
     Label: {
       unstyled: !0
     }
@@ -52,20 +52,21 @@ const x = "flow--slider", P = "flow--slider--text", S = "flow--slider--value", g
     n.Slider,
     {
       className: p,
-      isDisabled: r,
+      isDisabled: t,
       defaultValue: l,
       ...f
     },
-    /* @__PURE__ */ e.createElement("div", { className: t.text }, /* @__PURE__ */ e.createElement(n.SliderOutput, { className: t.value }), /* @__PURE__ */ e.createElement(v, { props: b }, o)),
-    /* @__PURE__ */ e.createElement(n.SliderTrack, { className: t.track }, ({ state: a }) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: r.text }, /* @__PURE__ */ e.createElement(n.SliderOutput, { className: r.value }), /* @__PURE__ */ e.createElement(v, { props: b }, o)),
+    /* @__PURE__ */ e.createElement(n.SliderTrack, { className: r.track }, ({ state: a }) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
       i,
       {
         onPress: () => a.decrementThumb(0),
         "aria-label": s.format("slider.decrement"),
         size: "s",
         variant: "plain",
-        className: t.decrement,
-        isDisabled: r
+        className: r.decrement,
+        isDisabled: t,
+        excludeFromTabOrder: !0
       },
       /* @__PURE__ */ e.createElement(w, null)
     ), /* @__PURE__ */ e.createElement(
@@ -75,25 +76,26 @@ const x = "flow--slider", P = "flow--slider--text", S = "flow--slider--value", g
         "aria-label": s.format("slider.increment"),
         size: "s",
         variant: "plain",
-        className: t.increment,
-        isDisabled: r
+        className: r.increment,
+        isDisabled: t,
+        excludeFromTabOrder: !0
       },
       /* @__PURE__ */ e.createElement(N, null)
     ), /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: t.fill,
+        className: r.fill,
         style: { width: a.getThumbPercent(0) * 100 + "%" }
       }
     ), u && l && typeof l == "number" && /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: t.initialMarker,
+        className: r.initialMarker,
         style: {
           left: `calc(${a.getValuePercent(l) * 100}% - 2px)`
         }
       }
-    ), /* @__PURE__ */ e.createElement(n.SliderThumb, { name: d, className: t.thumb })))
+    ), /* @__PURE__ */ e.createElement(n.SliderThumb, { name: d, className: r.thumb })))
   );
 });
 export {