@mittwald/flow-react-components 0.1.0-alpha.232 → 0.1.0-alpha.234

package/dist/CheckboxGroup.js

@@ -11,7 +11,7 @@ import { F as E } from "./FieldError-CEquAsls.js";
 import { C as k } from "./CheckboxButton-CXdHPBrd.js";
 import { TunnelProvider as C, TunnelExit as r } from "@mittwald/react-tunnel";
 import { s as o } from "./FormField.module-DHK6nIcD.js";
-import { C as N } from "./ColumnLayout-FMONjI17.js";
+import { C as N } from "./ColumnLayout-Bvw578tz.js";
 import { d as F } from "./deepFindOfType-6pG0fH7S.js";
 import { f as G } from "./flowComponent-DT1Ap-ot.js";
 const P = "flow--checkbox-group", s = {

package/dist/ColumnLayout-Bvw578tz.js

@@ -0,0 +1,33 @@
+"use client"
+/* */
+import e from "react";
+import g from "clsx";
+const d = "flow--column-layout--column-layout-container", v = "flow--column-layout", y = {
+  columnLayoutContainer: d,
+  columnLayout: v
+}, a = (o) => {
+  if (o.length < 1)
+    throw new Error("Column layout array is empty");
+  return o.map((l) => `${l}fr`).join(" ");
+}, h = (o) => {
+  const {
+    children: u,
+    className: l,
+    s: n,
+    m: t,
+    l: c,
+    gap: m = "m",
+    rowGap: i = m,
+    columnGap: p = m
+  } = o, s = n ? a(n) : void 0, r = t ? a(t) : n ? s : void 0, f = c ? a(c) : t || n ? r : void 0, C = {
+    "--column-layout--columns-s": s,
+    "--column-layout--columns-m": r,
+    "--column-layout--columns-l": f,
+    "--column-layout--row-gap": `var(--column-layout--gap--${i})`,
+    "--column-layout--column-gap": `var(--column-layout--gap--${p})`
+  }, L = g(y.columnLayoutContainer, l);
+  return /* @__PURE__ */ e.createElement("div", { className: L, style: C }, /* @__PURE__ */ e.createElement("div", { className: y.columnLayout }, u));
+};
+export {
+  h as C
+};

package/dist/ColumnLayout.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { C as a } from "./ColumnLayout-FMONjI17.js";
+import { C as a } from "./ColumnLayout-Bvw578tz.js";
 export {
   a as ColumnLayout,
   a as default

package/dist/List.js

@@ -40,7 +40,7 @@ import { useReactTable as Se, getCoreRowModel as ve, getSortedRowModel as ye, ge
 import vt from "invariant";
 import { getAsyncResource as mt } from "@mittwald/react-use-promise";
 import { u as ht } from "./useSelector-DpU7_HMO.js";
-import { u as Te } from "./SettingsProvider-CiU-3ZFI.js";
+import { u as Te } from "./SettingsProvider-D2-kWC3S.js";
 import * as W from "react-aria-components";
 import { S as A } from "./SkeletonText-B5ZghZhO.js";
 import { I as Ce } from "./IllustratedMessage-B3MHD01M.js";

package/dist/RadioGroup.js

@@ -9,7 +9,7 @@ import "@react-aria/utils";
 import "remeda";
 import { d as h } from "./dynamic-ClpUSmEt.js";
 import { F as B } from "./FieldError-CEquAsls.js";
-import { C as I } from "./ColumnLayout-FMONjI17.js";
+import { C as I } from "./ColumnLayout-Bvw578tz.js";
 import { TunnelProvider as P, TunnelExit as m } from "@mittwald/react-tunnel";
 import { s as c } from "./FormField.module-DHK6nIcD.js";
 import { d as y } from "./deepFindOfType-6pG0fH7S.js";

package/dist/{SettingsProvider-CiU-3ZFI.js → SettingsProvider-D2-kWC3S.js}

@@ -1,16 +1,16 @@
 "use client"
 /* */
-var p = Object.defineProperty;
-var f = (s, t, e) => t in s ? p(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
-var c = (s, t, e) => f(s, typeof t != "symbol" ? t + "" : t, e);
-import d, { createContext as w, useRef as y, useMemo as J, useEffect as v, useContext as O } from "react";
-import { makeAutoObservable as m, ObservableMap as a, autorun as K } from "mobx";
-import { usePromise as P } from "@mittwald/react-use-promise";
-import { mapValues as b } from "remeda";
+var d = Object.defineProperty;
+var w = (s, t, e) => t in s ? d(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
+var c = (s, t, e) => w(s, typeof t != "symbol" ? t + "" : t, e);
+import y, { createContext as J, useRef as v, useMemo as O, useEffect as K, useContext as b } from "react";
+import { makeAutoObservable as l, ObservableMap as a, autorun as x } from "mobx";
+import { getAsyncResource as A } from "@mittwald/react-use-promise";
+import { mapValues as E } from "remeda";
 class i {
   constructor(t = new a()) {
     c(this, "settings");
-    this.settings = t, m(this);
+    this.settings = t, l(this);
   }
   set(t, e, n) {
     this.settings.set(t, e.parse(n));
@@ -31,7 +31,7 @@ class i {
 class g {
   constructor(t = new a()) {
     c(this, "componentSettings");
-    this.componentSettings = t, m(this);
+    this.componentSettings = t, l(this);
   }
   set(t, e, n, o) {
     const r = this.componentSettings.get(t) ?? new i();
@@ -53,11 +53,11 @@ class g {
     );
   }
   static fromJson(t) {
-    const e = b(t, (n) => i.fromJson(n));
+    const e = E(t, (n) => i.fromJson(n));
     return new g(new a(e));
   }
 }
-class x {
+class P {
   constructor(t) {
     c(this, "storageKey");
     this.storageKey = t;
@@ -70,32 +70,29 @@ class x {
     localStorage.setItem(this.storageKey, JSON.stringify(t));
   }
 }
-const E = (s) => {
+const R = (s) => {
   switch (s.type) {
     case "custom":
       return s.store;
     case "localStorage":
-      return new x(s.storageKey);
+      return new P(s.storageKey);
   }
   throw new Error(`Unsupported setting backend: ${s}`);
-}, l = w(void 0), C = () => O(l), M = (s) => {
-  const { children: t, id: e, ...n } = s, o = E(n), r = y(Promise.resolve()), S = P(() => o.load(), [], {
+}, S = J(void 0), M = () => b(S), N = (s) => {
+  const { children: t, id: e, ...n } = s, o = R(n), r = A(() => o.load(), [], {
     loaderId: e
-  }), u = J(
-    () => g.fromJson(S),
+  }), h = r.use(), u = v(Promise.resolve()), m = O(
+    () => g.fromJson(h),
     [e]
-  );
-  return v(
-    () => K(() => {
-      const h = u.asJson;
-      r.current = r.current.then(
-        () => o.store(h)
-      );
-    }),
-    [e]
-  ), /* @__PURE__ */ d.createElement(l.Provider, { value: u }, t);
+  ), p = () => {
+    const f = m.asJson;
+    u.current = u.current.then(async () => {
+      await o.store(f), r.refresh();
+    });
+  };
+  return K(() => x(p), [e]), /* @__PURE__ */ y.createElement(S.Provider, { value: m }, t);
 };
 export {
-  M as S,
-  C as u
+  N as S,
+  M as u
 };

package/dist/SettingsProvider.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { S as t } from "./SettingsProvider-CiU-3ZFI.js";
+import { S as t } from "./SettingsProvider-D2-kWC3S.js";
 export {
   t as SettingsProvider,
   t as default