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

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/{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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.232",
+  "version": "0.1.0-alpha.233",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -305,7 +305,7 @@
     "@chakra-ui/live-region": "^2.1.0",
     "@internationalized/date": "^3.5.5",
     "@internationalized/string-compiler": "^3.2.4",
-    "@mittwald/react-tunnel": "^0.1.0-alpha.232",
+    "@mittwald/react-tunnel": "^0.1.0-alpha.233",
     "@mittwald/react-use-promise": "^2.4.0",
     "@react-aria/utils": "^3.25.2",
     "@react-types/shared": "^3.24.1",
@@ -332,7 +332,7 @@
   },
   "devDependencies": {
     "@faker-js/faker": "^8.4.1",
-    "@mittwald/flow-design-tokens": "^0.1.0-alpha.232",
+    "@mittwald/flow-design-tokens": "^0.1.0-alpha.233",
     "@mittwald/react-use-promise": "^2.4.0",
     "@nx/storybook": "^19.6.4",
     "@storybook/addon-a11y": "^8.2.9",
@@ -410,5 +410,5 @@
       "optional": true
     }
   },
-  "gitHead": "ea6692d9c22caa6c48744707d04b820749b67e1d"
+  "gitHead": "8b5b184871cfc32f165e6835279da09d76d57576"
 }