@mittwald/flow-react-components 0.1.0-alpha.271 → 0.1.0-alpha.272

package/dist/List.js

@@ -39,7 +39,7 @@ import { useReactTable as yt, getCoreRowModel as Et, getSortedRowModel as Ft, ge
 import ye from "invariant";
 import { getAsyncResource as he } from "@mittwald/react-use-promise";
 import { u as ge } from "./useSelector-DpU7_HMO.js";
-import { u as Lt } from "./SettingsProvider-BkPyYqsz.js";
+import { u as Lt } from "./SettingsProvider-54X6WkBH.js";
 import * as _ from "react-aria-components";
 import { S as B } from "./SkeletonText-B5ZghZhO.js";
 import { I as Pt } from "./IllustratedMessage-B3MHD01M.js";

package/dist/{SettingsProvider-BkPyYqsz.js → SettingsProvider-54X6WkBH.js}

@@ -1,20 +1,20 @@
 "use client"
 /* */
-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, useContext as b, useRef as v, useMemo as O, useEffect as j } from "react";
-import { toJS as x, makeAutoObservable as l, ObservableMap as a, autorun as E } from "mobx";
-import { getAsyncResource as K } from "@mittwald/react-use-promise";
-import { mapValues as A } from "remeda";
-const P = (s) => Object.fromEntries(x(s).entries());
+var w = Object.defineProperty;
+var J = (s, t, e) => t in s ? w(s, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : s[t] = e;
+var c = (s, t, e) => J(s, typeof t != "symbol" ? t + "" : t, e);
+import O, { createContext as b, useContext as j, useRef as v, useMemo as x, useEffect as E } from "react";
+import { toJS as l, makeAutoObservable as p, ObservableMap as a, autorun as K } from "mobx";
+import { getAsyncResource as A } from "@mittwald/react-use-promise";
+import { mapValues as g } from "remeda";
+const P = (s) => Object.fromEntries(l(s).entries());
 class i {
   constructor(t = new a()) {
     c(this, "settings");
-    this.settings = t, l(this);
+    this.settings = t, p(this);
   }
   set(t, e, n) {
-    this.settings.set(t, e.parse(n));
+    this.settings.set(t, e.parse(l(n)));
   }
   get(t, e) {
     return e.parse(this.settings.get(t));
@@ -23,16 +23,20 @@ class i {
     this.settings.delete(t);
   }
   get asJson() {
-    return P(this.settings);
+    return g(P(this.settings), (t) => JSON.stringify(t));
   }
   static fromJson(t) {
-    return new i(new a(t));
+    return new i(
+      new a(
+        g(t, (e) => typeof e == "string" ? JSON.parse(e) : e)
+      )
+    );
   }
 }
-class g {
+class u {
   constructor(t = new a()) {
     c(this, "componentSettings");
-    this.componentSettings = t, l(this);
+    this.componentSettings = t, p(this);
   }
   set(t, e, n, o) {
     const r = this.componentSettings.get(t) ?? new i();
@@ -54,8 +58,8 @@ class g {
     );
   }
   static fromJson(t) {
-    const e = A(t, (n) => i.fromJson(n));
-    return new g(new a(e));
+    const e = g(t, (n) => i.fromJson(n));
+    return new u(new a(e));
   }
 }
 class R {
@@ -79,21 +83,21 @@ const I = (s) => {
       return new R(s.storageKey);
   }
   throw new Error(`Unsupported setting backend: ${s}`);
-}, S = J(void 0), L = () => b(S), N = (s) => {
-  const { children: t, id: e, ...n } = s, o = I(n), r = K(() => o.load(), [], {
+}, h = b(void 0), F = () => j(h), L = (s) => {
+  const { children: t, id: e, ...n } = s, o = I(n), r = A(() => o.load(), [], {
     loaderId: e
-  }), h = r.use(), u = v(Promise.resolve()), m = O(
-    () => g.fromJson(h),
+  }), f = r.use(), m = v(Promise.resolve()), S = x(
+    () => u.fromJson(f),
     [e]
-  ), p = () => {
-    const f = m.asJson;
-    u.current = u.current.then(async () => {
-      await o.store(f), r.refresh();
+  ), d = () => {
+    const y = S.asJson;
+    m.current = m.current.then(async () => {
+      await o.store(y), r.refresh();
     });
   };
-  return j(() => E(p), [e]), /* @__PURE__ */ y.createElement(S.Provider, { value: m }, t);
+  return E(() => K(d), [e]), /* @__PURE__ */ O.createElement(h.Provider, { value: S }, t);
 };
 export {
-  N as S,
-  L as u
+  L as S,
+  F as u
 };

package/dist/SettingsProvider.js

@@ -1,6 +1,6 @@
 "use client"
 /* */
-import { S as t } from "./SettingsProvider-BkPyYqsz.js";
+import { S as t } from "./SettingsProvider-54X6WkBH.js";
 export {
   t as SettingsProvider,
   t as default

package/dist/types/components/SettingsProvider/models/ComponentSettings.d.ts

@@ -1,12 +1,12 @@
 import { ObservableMap } from 'mobx';
 import { ZodSchema, default as z } from 'zod';
+export type ComponentSettingsJson = Record<string, string>;
 export declare class ComponentSettings {
     readonly settings: ObservableMap<string, unknown>;
     constructor(settings?: ObservableMap<string, unknown>);
     set<T extends ZodSchema>(settingKey: string, schema: T, value: z.infer<T>): void;
     get<T extends ZodSchema>(settingKey: string, schema: T): z.infer<T>;
     clear(settingKey: string): void;
-    get asJson(): any;
+    get asJson(): ComponentSettingsJson;
     static fromJson(json: ComponentSettingsJson): ComponentSettings;
 }
-export type ComponentSettingsJson = ComponentSettings["asJson"];

package/dist/types/components/SettingsProvider/models/SettingsStore.d.ts

@@ -9,7 +9,7 @@ export declare class SettingsStore {
     get<T extends ZodSchema>(componentName: FlowComponentName, settingKey: string, schema: T): z.infer<T>;
     clear(componentName: FlowComponentName, settingKey: string): void;
     get asJson(): {
-        [k: string]: any;
+        [k: string]: import('./ComponentSettings').ComponentSettingsJson;
     };
     static fromJson(json: SettingsJson): SettingsStore;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.271",
+  "version": "0.1.0-alpha.272",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -313,7 +313,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.271",
+    "@mittwald/react-tunnel": "^0.1.0-alpha.272",
     "@mittwald/react-use-promise": "^2.5.0",
     "@react-aria/utils": "^3.25.2",
     "@react-types/shared": "^3.24.1",
@@ -340,7 +340,7 @@
   },
   "devDependencies": {
     "@faker-js/faker": "^9.0.1",
-    "@mittwald/flow-design-tokens": "^0.1.0-alpha.271",
+    "@mittwald/flow-design-tokens": "^0.1.0-alpha.272",
     "@mittwald/react-use-promise": "^2.5.0",
     "@nx/storybook": "^19.7.4",
     "@storybook/addon-a11y": "^8.3.2",
@@ -418,5 +418,5 @@
       "optional": true
     }
   },
-  "gitHead": "5aaed1c25b832fa06695f64cb36ab5f924bb114d"
+  "gitHead": "1bf74b18757552785ad57081d87353e3fe6c61b0"
 }