@mittwald/flow-react-components 0.1.0-alpha.227 → 0.1.0-alpha.229

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-vAngjrSo.js";
+import { u as Te } from "./SettingsProvider-DIICbSo0.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-DIICbSo0.js

@@ -0,0 +1,102 @@
+"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 J, { createContext as y, useRef as l, useMemo as v, useEffect as O, useContext as K } from "react";
+import { makeAutoObservable as h, ObservableMap as a, autorun as P } from "mobx";
+import { usePromise as x } from "@mittwald/react-use-promise";
+import { mapValues as E } from "remeda";
+class i {
+  constructor(t = new a()) {
+    c(this, "settings");
+    this.settings = t, h(this);
+  }
+  set(t, e, n) {
+    this.settings.set(t, e.parse(n));
+  }
+  get(t, e) {
+    return e.parse(this.settings.get(t));
+  }
+  clear(t) {
+    this.settings.delete(t);
+  }
+  get asJson() {
+    return this.settings.toJSON();
+  }
+  static fromJson(t) {
+    return new i(new a(t));
+  }
+}
+class u {
+  constructor(t = new a()) {
+    c(this, "componentSettings");
+    this.componentSettings = t, h(this);
+  }
+  set(t, e, n, r) {
+    const o = this.componentSettings.get(t) ?? new i();
+    o.set(e, n, r), this.componentSettings.set(t, o);
+  }
+  get(t, e, n) {
+    return (this.componentSettings.get(t) ?? new i()).get(e, n);
+  }
+  clear(t, e) {
+    var n;
+    (n = this.componentSettings.get(t)) == null || n.clear(e);
+  }
+  get asJson() {
+    return Object.fromEntries(
+      Array.from(this.componentSettings.entries()).map(([t, e]) => [
+        t,
+        e.asJson
+      ])
+    );
+  }
+  static fromJson(t) {
+    const e = E(t, (n) => i.fromJson(n));
+    return new u(new a(e));
+  }
+}
+class b {
+  constructor(t) {
+    c(this, "storageKey");
+    this.storageKey = t;
+  }
+  async load() {
+    const t = localStorage.getItem(this.storageKey);
+    return t === null ? {} : JSON.parse(t);
+  }
+  async store(t) {
+    localStorage.setItem(this.storageKey, JSON.stringify(t));
+  }
+}
+const A = (s) => {
+  switch (s.type) {
+    case "custom":
+      return s.store;
+    case "localStorage":
+      return new b(s.storageKey);
+  }
+  throw new Error(`Unsupported setting backend: ${s}`);
+}, p = y(void 0), N = () => K(p), R = (s) => {
+  const { children: t, id: e, ...n } = s, r = A(n), o = l(!0), m = l(Promise.resolve()), S = x(() => r.load(), [], {
+    loaderId: e
+  }), g = v(() => u.fromJson(S), []);
+  return O(
+    () => P(() => {
+      if (o.current) {
+        o.current = !1;
+        return;
+      }
+      const f = g.asJson;
+      m.current = m.current.then(
+        () => r.store(f)
+      );
+    }),
+    [g, e]
+  ), /* @__PURE__ */ J.createElement(p.Provider, { value: g }, t);
+};
+export {
+  R as S,
+  N as u
+};

package/dist/SettingsProvider.js

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

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

@@ -1,7 +1,9 @@
 import { FC, PropsWithChildren } from 'react';
 import { SupportedSettingsBackend } from './backends/types';
 import { SettingsStore } from './models/SettingsStore';
-type Props = PropsWithChildren & SupportedSettingsBackend;
+type Props = PropsWithChildren & SupportedSettingsBackend & {
+    id?: string;
+};
 export declare const useSettings: () => SettingsStore | undefined;
 export declare const SettingsProvider: FC<Props>;
 export {};

package/dist/types/components/SettingsProvider/index.d.ts

@@ -1,4 +1,5 @@
 import { SettingsProvider } from './SettingsProvider';
 export { SettingsProvider } from './SettingsProvider';
 export type { SettingsBackend } from './backends/types';
+export type { SettingsJson } from './models/SettingsStore';
 export default SettingsProvider;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.227",
+  "version": "0.1.0-alpha.229",
   "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.227",
+    "@mittwald/react-tunnel": "^0.1.0-alpha.229",
     "@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.227",
+    "@mittwald/flow-design-tokens": "^0.1.0-alpha.229",
     "@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": "b97287d9170c04ea38d37c613961ef2cd3c7fab0"
+  "gitHead": "d5c92bef05a84630d231348f57789e8ac5f25f3d"
 }

package/dist/SettingsProvider-vAngjrSo.js

@@ -1,96 +0,0 @@
-"use client"
-/* */
-var p = Object.defineProperty;
-var S = (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) => S(s, typeof t != "symbol" ? t + "" : t, e);
-import f, { createContext as w, useRef as J, useMemo as y, useEffect as d, useContext as v } from "react";
-import { makeAutoObservable as m, ObservableMap as a, autorun as O } from "mobx";
-import { usePromise as K } from "@mittwald/react-use-promise";
-import { mapValues as P } from "remeda";
-class r {
-  constructor(t = new a()) {
-    c(this, "settings");
-    this.settings = t, m(this);
-  }
-  set(t, e, n) {
-    this.settings.set(t, e.parse(n));
-  }
-  get(t, e) {
-    return e.parse(this.settings.get(t));
-  }
-  clear(t) {
-    this.settings.delete(t);
-  }
-  get asJson() {
-    return this.settings.toJSON();
-  }
-  static fromJson(t) {
-    return new r(new a(t));
-  }
-}
-class u {
-  constructor(t = new a()) {
-    c(this, "componentSettings");
-    this.componentSettings = t, m(this);
-  }
-  set(t, e, n, o) {
-    const i = this.componentSettings.get(t) ?? new r();
-    i.set(e, n, o), this.componentSettings.set(t, i);
-  }
-  get(t, e, n) {
-    return (this.componentSettings.get(t) ?? new r()).get(e, n);
-  }
-  clear(t, e) {
-    var n;
-    (n = this.componentSettings.get(t)) == null || n.clear(e);
-  }
-  get asJson() {
-    return Object.fromEntries(
-      Array.from(this.componentSettings.entries()).map(([t, e]) => [
-        t,
-        e.asJson
-      ])
-    );
-  }
-  static fromJson(t) {
-    const e = P(t, (n) => r.fromJson(n));
-    return new u(new a(e));
-  }
-}
-class x {
-  constructor(t) {
-    c(this, "storageKey");
-    this.storageKey = t;
-  }
-  async load() {
-    const t = localStorage.getItem(this.storageKey);
-    return t === null ? {} : JSON.parse(t);
-  }
-  async store(t) {
-    localStorage.setItem(this.storageKey, JSON.stringify(t));
-  }
-}
-const E = (s) => {
-  switch (s.type) {
-    case "custom":
-      return s.store;
-    case "localStorage":
-      return new x(s.storageKey);
-  }
-  throw new Error(`Unsupported setting backend: ${s}`);
-}, l = w(void 0), I = () => v(l), M = (s) => {
-  const { children: t, ...e } = s, n = E(e), o = J(Promise.resolve()), i = K(() => n.load(), []), g = y(() => u.fromJson(i), []);
-  return d(
-    () => O(() => {
-      const h = g.asJson;
-      o.current = o.current.then(
-        () => n.store(h)
-      );
-    }),
-    [g]
-  ), /* @__PURE__ */ f.createElement(l.Provider, { value: g }, t);
-};
-export {
-  M as S,
-  I as u
-};