@mittwald/flow-react-components 0.2.0-alpha.757 → 0.2.0-alpha.758

package/dist/js/packages/components/src/components/SettingsProvider/SettingsProvider.mjs

@@ -10,22 +10,22 @@ import { settingsBackendFactory } from './backends/settingsBackendFactory.mjs';
 const context = createContext(void 0);
 const useSettings = () => useContext(context);
 const SettingsProvider = (props) => {
-  const { children, id, ...storeShape } = props;
+  const { children, middleware, id = "static", ...storeShape } = props;
   const backend = settingsBackendFactory(storeShape);
-  const storedSettingsResource = getAsyncResource(() => backend.load(), [], {
+  const settingsResource = getAsyncResource(() => backend.load(), [], {
     loaderId: id
   });
-  const storedSettings = storedSettingsResource.use();
+  const settings = settingsResource.use();
   const storingPromise = useRef(Promise.resolve());
+  const parentStore = useSettings();
   const settingsStore = useMemo(
-    () => SettingsStore.fromJson(storedSettings),
+    () => SettingsStore.fromJson(settings, { middleware, parentStore }),
     [id]
   );
   const watchAndStoreSettings = () => {
     const json = settingsStore.asJson;
     storingPromise.current = storingPromise.current.then(async () => {
       await backend.store(json);
-      storedSettingsResource.refresh();
     });
   };
   useEffect(() => autorun(watchAndStoreSettings), [id]);

package/dist/js/packages/components/src/components/SettingsProvider/SettingsProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsProvider.mjs","sources":["../../../../../../../src/components/SettingsProvider/SettingsProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport React, {\n  createContext,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n} from \"react\";\nimport type { SupportedSettingsBackend } from \"@/components/SettingsProvider/backends/types\";\nimport { autorun } from \"mobx\";\nimport { getAsyncResource } from \"@mittwald/react-use-promise\";\nimport { SettingsStore } from \"@/components/SettingsProvider/models/SettingsStore\";\nimport { settingsBackendFactory } from \"@/components/SettingsProvider/backends/settingsBackendFactory\";\n\ntype Props = PropsWithChildren &\n  SupportedSettingsBackend & {\n    id?: string;\n  };\n\nconst context = createContext<SettingsStore | undefined>(undefined);\n\nexport const useSettings = () => useContext(context);\n\nexport const SettingsProvider: FC<Props> = (props) => {\n  const { children, id, ...storeShape } = props;\n  const backend = settingsBackendFactory(storeShape);\n\n  const storedSettingsResource = getAsyncResource(() => backend.load(), [], {\n    loaderId: id,\n  });\n  const storedSettings = storedSettingsResource.use();\n  const storingPromise = useRef(Promise.resolve());\n\n  const settingsStore = useMemo(\n    () => SettingsStore.fromJson(storedSettings),\n    [id],\n  );\n\n  const watchAndStoreSettings = () => {\n    const json = settingsStore.asJson;\n    storingPromise.current = storingPromise.current.then(async () => {\n      await backend.store(json);\n      storedSettingsResource.refresh();\n    });\n  };\n\n  useEffect(() => autorun(watchAndStoreSettings), [id]);\n\n  return <context.Provider value={settingsStore}>{children}</context.Provider>;\n};\n\nexport default SettingsProvider;\n"],"names":[],"mappings":";;;;;;;AAmBA,MAAM,OAAA,GAAU,cAAyC,MAAS,CAAA;AAE3D,MAAM,WAAA,GAAc,MAAM,UAAA,CAAW,OAAO;AAE5C,MAAM,gBAAA,GAA8B,CAAC,KAAA,KAAU;AACpD,EAAA,MAAM,EAAE,QAAA,EAAU,EAAA,EAAI,GAAG,YAAW,GAAI,KAAA;AACxC,EAAA,MAAM,OAAA,GAAU,uBAAuB,UAAU,CAAA;AAEjD,EAAA,MAAM,yBAAyB,gBAAA,CAAiB,MAAM,QAAQ,IAAA,EAAK,EAAG,EAAC,EAAG;AAAA,IACxE,QAAA,EAAU;AAAA,GACX,CAAA;AACD,EAAA,MAAM,cAAA,GAAiB,uBAAuB,GAAA,EAAI;AAClD,EAAA,MAAM,cAAA,GAAiB,MAAA,CAAO,OAAA,CAAQ,OAAA,EAAS,CAAA;AAE/C,EAAA,MAAM,aAAA,GAAgB,OAAA;AAAA,IACpB,MAAM,aAAA,CAAc,QAAA,CAAS,cAAc,CAAA;AAAA,IAC3C,CAAC,EAAE;AAAA,GACL;AAEA,EAAA,MAAM,wBAAwB,MAAM;AAClC,IAAA,MAAM,OAAO,aAAA,CAAc,MAAA;AAC3B,IAAA,cAAA,CAAe,OAAA,GAAU,cAAA,CAAe,OAAA,CAAQ,IAAA,CAAK,YAAY;AAC/D,MAAA,MAAM,OAAA,CAAQ,MAAM,IAAI,CAAA;AACxB,MAAA,sBAAA,CAAuB,OAAA,EAAQ;AAAA,IACjC,CAAC,CAAA;AAAA,EACH,CAAA;AAEA,EAAA,SAAA,CAAU,MAAM,OAAA,CAAQ,qBAAqB,CAAA,EAAG,CAAC,EAAE,CAAC,CAAA;AAEpD,EAAA,2BAAQ,OAAA,CAAQ,QAAA,EAAR,EAAiB,KAAA,EAAO,eAAgB,QAAA,EAAS,CAAA;AAC3D;;;;"}
+{"version":3,"file":"SettingsProvider.mjs","sources":["../../../../../../../src/components/SettingsProvider/SettingsProvider.tsx"],"sourcesContent":["import type { FC, PropsWithChildren } from \"react\";\nimport { createContext, useContext, useEffect, useMemo, useRef } from \"react\";\nimport type { SupportedSettingsBackend } from \"@/components/SettingsProvider/backends/types\";\nimport { autorun } from \"mobx\";\nimport { getAsyncResource } from \"@mittwald/react-use-promise\";\nimport {\n  SettingsStore,\n  type SettingsStoreOptions,\n} from \"@/components/SettingsProvider/models/SettingsStore\";\nimport { settingsBackendFactory } from \"@/components/SettingsProvider/backends/settingsBackendFactory\";\n\ntype Props = PropsWithChildren &\n  SupportedSettingsBackend & {\n    id?: string;\n  } & Pick<SettingsStoreOptions, \"middleware\">;\n\nconst context = createContext<SettingsStore | undefined>(undefined);\n\nexport const useSettings = () => useContext(context);\n\nexport const SettingsProvider: FC<Props> = (props) => {\n  const { children, middleware, id = \"static\", ...storeShape } = props;\n  const backend = settingsBackendFactory(storeShape);\n\n  const settingsResource = getAsyncResource(() => backend.load(), [], {\n    loaderId: id,\n  });\n  const settings = settingsResource.use();\n\n  const storingPromise = useRef(Promise.resolve());\n  const parentStore = useSettings();\n\n  const settingsStore = useMemo(\n    () => SettingsStore.fromJson(settings, { middleware, parentStore }),\n    [id],\n  );\n\n  const watchAndStoreSettings = () => {\n    const json = settingsStore.asJson;\n    storingPromise.current = storingPromise.current.then(async () => {\n      await backend.store(json);\n    });\n  };\n\n  useEffect(() => autorun(watchAndStoreSettings), [id]);\n\n  return <context.Provider value={settingsStore}>{children}</context.Provider>;\n};\n\nexport default SettingsProvider;\n"],"names":[],"mappings":";;;;;;;AAgBA,MAAM,OAAA,GAAU,cAAyC,MAAS,CAAA;AAE3D,MAAM,WAAA,GAAc,MAAM,UAAA,CAAW,OAAO;AAE5C,MAAM,gBAAA,GAA8B,CAAC,KAAA,KAAU;AACpD,EAAA,MAAM,EAAE,QAAA,EAAU,UAAA,EAAY,KAAK,QAAA,EAAU,GAAG,YAAW,GAAI,KAAA;AAC/D,EAAA,MAAM,OAAA,GAAU,uBAAuB,UAAU,CAAA;AAEjD,EAAA,MAAM,mBAAmB,gBAAA,CAAiB,MAAM,QAAQ,IAAA,EAAK,EAAG,EAAC,EAAG;AAAA,IAClE,QAAA,EAAU;AAAA,GACX,CAAA;AACD,EAAA,MAAM,QAAA,GAAW,iBAAiB,GAAA,EAAI;AAEtC,EAAA,MAAM,cAAA,GAAiB,MAAA,CAAO,OAAA,CAAQ,OAAA,EAAS,CAAA;AAC/C,EAAA,MAAM,cAAc,WAAA,EAAY;AAEhC,EAAA,MAAM,aAAA,GAAgB,OAAA;AAAA,IACpB,MAAM,aAAA,CAAc,QAAA,CAAS,UAAU,EAAE,UAAA,EAAY,aAAa,CAAA;AAAA,IAClE,CAAC,EAAE;AAAA,GACL;AAEA,EAAA,MAAM,wBAAwB,MAAM;AAClC,IAAA,MAAM,OAAO,aAAA,CAAc,MAAA;AAC3B,IAAA,cAAA,CAAe,OAAA,GAAU,cAAA,CAAe,OAAA,CAAQ,IAAA,CAAK,YAAY;AAC/D,MAAA,MAAM,OAAA,CAAQ,MAAM,IAAI,CAAA;AAAA,IAC1B,CAAC,CAAA;AAAA,EACH,CAAA;AAEA,EAAA,SAAA,CAAU,MAAM,OAAA,CAAQ,qBAAqB,CAAA,EAAG,CAAC,EAAE,CAAC,CAAA;AAEpD,EAAA,2BAAQ,OAAA,CAAQ,QAAA,EAAR,EAAiB,KAAA,EAAO,eAAgB,QAAA,EAAS,CAAA;AAC3D;;;;"}

package/dist/js/packages/components/src/components/SettingsProvider/middleware/defaultImplementations.mjs

@@ -0,0 +1,9 @@
+"use client"
+/* */
+const defaultGetMiddleware = (_, __, current, getParent) => current ?? getParent();
+const defaultSetMiddleware = (_, __, settings) => {
+  return settings;
+};
+
+export { defaultGetMiddleware, defaultSetMiddleware };
+//# sourceMappingURL=defaultImplementations.mjs.map

package/dist/js/packages/components/src/components/SettingsProvider/middleware/defaultImplementations.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultImplementations.mjs","sources":["../../../../../../../../src/components/SettingsProvider/middleware/defaultImplementations.ts"],"sourcesContent":["import type { GetSettingsMiddleware, SetSettingsMiddleware } from \"./types\";\n\nexport const defaultGetMiddleware: GetSettingsMiddleware = (\n  _,\n  __,\n  current,\n  getParent,\n) => current ?? getParent();\n\nexport const defaultSetMiddleware: SetSettingsMiddleware = (\n  _,\n  __,\n  settings,\n) => {\n  return settings;\n};\n"],"names":[],"mappings":"AAEO,MAAM,uBAA8C,CACzD,CAAA,EACA,IACA,OAAA,EACA,SAAA,KACG,WAAW,SAAA;AAET,MAAM,oBAAA,GAA8C,CACzD,CAAA,EACA,EAAA,EACA,QAAA,KACG;AACH,EAAA,OAAO,QAAA;AACT;;;;"}

package/dist/js/packages/components/src/components/SettingsProvider/models/SettingsStore.mjs

@@ -4,31 +4,73 @@ import { ObservableMap, makeAutoObservable } from 'mobx';
 import { ComponentSettings } from './ComponentSettings.mjs';
 import { mapValues } from 'remeda';
 import { mobxMapToObject } from '../../../lib/mobx/mobxMapToObject.mjs';
+import { defaultSetMiddleware, defaultGetMiddleware } from '../middleware/defaultImplementations.mjs';
 
+function subscribeMobxObject(ignored) {
+}
 class SettingsStore {
-  componentSettings;
-  constructor(settings = new ObservableMap()) {
-    this.componentSettings = settings;
-    makeAutoObservable(this);
+  settings;
+  options;
+  constructor(settings = new ObservableMap(), options = {}) {
+    this.settings = settings;
+    this.options = Object.freeze(options);
+    makeAutoObservable(this, {
+      options: false
+    });
   }
   set(componentName, settingKey, schema, value) {
-    const settings = this.componentSettings.get(componentName) ?? new ComponentSettings();
-    settings.set(settingKey, schema, value);
-    this.componentSettings.set(componentName, settings);
+    const settings = this.settings.get(componentName) ?? new ComponentSettings();
+    const middleware = this.options.middleware?.set ?? defaultSetMiddleware;
+    const processedValue = middleware(
+      componentName,
+      settingKey,
+      value,
+      (thisSettings) => {
+        if (this.options.parentStore) {
+          this.options.parentStore.set(
+            componentName,
+            settingKey,
+            schema,
+            thisSettings
+          );
+        }
+        return thisSettings;
+      }
+    );
+    if (processedValue !== void 0) {
+      settings.set(settingKey, schema, processedValue);
+      this.settings.set(componentName, settings);
+    }
   }
   get(componentName, settingKey, schema) {
-    const settings = this.componentSettings.get(componentName) ?? new ComponentSettings();
-    return settings.get(settingKey, schema);
+    const settings = this.settings.get(componentName) ?? new ComponentSettings();
+    const thisSettings = settings.get(settingKey, schema);
+    const parentSettings = this.options.parentStore?.get(
+      componentName,
+      settingKey,
+      schema
+    );
+    const middleware = this.options.middleware?.get ?? defaultGetMiddleware;
+    return middleware(
+      componentName,
+      settingKey,
+      thisSettings,
+      () => parentSettings
+    );
   }
   clear(componentName, settingKey) {
-    this.componentSettings.get(componentName)?.clear(settingKey);
+    this.settings.get(componentName)?.clear(settingKey);
+    this.options.parentStore?.clear(componentName, settingKey);
   }
   get asJson() {
-    return mapValues(mobxMapToObject(this.componentSettings), (v) => v.asJson);
+    const settingsObject = mobxMapToObject(this.settings);
+    const asJson = mapValues(settingsObject, (v) => v.asJson);
+    subscribeMobxObject(this.options.parentStore?.asJson);
+    return asJson;
   }
-  static fromJson(json) {
+  static fromJson(json, options) {
     const settings = mapValues(json, (v) => ComponentSettings.fromJson(v));
-    return new SettingsStore(new ObservableMap(settings));
+    return new SettingsStore(new ObservableMap(settings), options);
   }
 }
 

package/dist/js/packages/components/src/components/SettingsProvider/models/SettingsStore.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsStore.mjs","sources":["../../../../../../../../src/components/SettingsProvider/models/SettingsStore.ts"],"sourcesContent":["import { makeAutoObservable, ObservableMap } from \"mobx\";\nimport { ComponentSettings } from \"@/components/SettingsProvider/models/ComponentSettings\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\nimport { mapValues } from \"remeda\";\nimport type { ZodSchema } from \"zod\";\nimport type z from \"zod\";\nimport { mobxMapToObject } from \"@/lib/mobx/mobxMapToObject\";\n\nexport class SettingsStore {\n  public readonly componentSettings: ObservableMap<\n    FlowComponentName,\n    ComponentSettings\n  >;\n\n  public constructor(\n    settings = new ObservableMap<FlowComponentName, ComponentSettings>(),\n  ) {\n    this.componentSettings = settings;\n    makeAutoObservable(this);\n  }\n\n  public set<T extends ZodSchema>(\n    componentName: FlowComponentName,\n    settingKey: string,\n    schema: T,\n    value: z.infer<T>,\n  ) {\n    const settings =\n      this.componentSettings.get(componentName) ?? new ComponentSettings();\n    settings.set(settingKey, schema, value);\n    this.componentSettings.set(componentName, settings);\n  }\n\n  public get<T extends ZodSchema>(\n    componentName: FlowComponentName,\n    settingKey: string,\n    schema: T,\n  ): z.infer<T> {\n    const settings =\n      this.componentSettings.get(componentName) ?? new ComponentSettings();\n    return settings.get(settingKey, schema);\n  }\n\n  public clear(componentName: FlowComponentName, settingKey: string) {\n    this.componentSettings.get(componentName)?.clear(settingKey);\n  }\n\n  public get asJson() {\n    return mapValues(mobxMapToObject(this.componentSettings), (v) => v.asJson);\n  }\n\n  public static fromJson(json: SettingsJson) {\n    const settings = mapValues(json, (v) => ComponentSettings.fromJson(v));\n    return new SettingsStore(new ObservableMap(settings));\n  }\n}\n\nexport type SettingsJson = SettingsStore[\"asJson\"];\n"],"names":[],"mappings":";;;;;AAQO,MAAM,aAAA,CAAc;AAAA,EACT,iBAAA;AAAA,EAKT,WAAA,CACL,QAAA,GAAW,IAAI,aAAA,EAAoD,EACnE;AACA,IAAA,IAAA,CAAK,iBAAA,GAAoB,QAAA;AACzB,IAAA,kBAAA,CAAmB,IAAI,CAAA;AAAA,EACzB;AAAA,EAEO,GAAA,CACL,aAAA,EACA,UAAA,EACA,MAAA,EACA,KAAA,EACA;AACA,IAAA,MAAM,WACJ,IAAA,CAAK,iBAAA,CAAkB,IAAI,aAAa,CAAA,IAAK,IAAI,iBAAA,EAAkB;AACrE,IAAA,QAAA,CAAS,GAAA,CAAI,UAAA,EAAY,MAAA,EAAQ,KAAK,CAAA;AACtC,IAAA,IAAA,CAAK,iBAAA,CAAkB,GAAA,CAAI,aAAA,EAAe,QAAQ,CAAA;AAAA,EACpD;AAAA,EAEO,GAAA,CACL,aAAA,EACA,UAAA,EACA,MAAA,EACY;AACZ,IAAA,MAAM,WACJ,IAAA,CAAK,iBAAA,CAAkB,IAAI,aAAa,CAAA,IAAK,IAAI,iBAAA,EAAkB;AACrE,IAAA,OAAO,QAAA,CAAS,GAAA,CAAI,UAAA,EAAY,MAAM,CAAA;AAAA,EACxC;AAAA,EAEO,KAAA,CAAM,eAAkC,UAAA,EAAoB;AACjE,IAAA,IAAA,CAAK,iBAAA,CAAkB,GAAA,CAAI,aAAa,CAAA,EAAG,MAAM,UAAU,CAAA;AAAA,EAC7D;AAAA,EAEA,IAAW,MAAA,GAAS;AAClB,IAAA,OAAO,SAAA,CAAU,gBAAgB,IAAA,CAAK,iBAAiB,GAAG,CAAC,CAAA,KAAM,EAAE,MAAM,CAAA;AAAA,EAC3E;AAAA,EAEA,OAAc,SAAS,IAAA,EAAoB;AACzC,IAAA,MAAM,QAAA,GAAW,UAAU,IAAA,EAAM,CAAC,MAAM,iBAAA,CAAkB,QAAA,CAAS,CAAC,CAAC,CAAA;AACrE,IAAA,OAAO,IAAI,aAAA,CAAc,IAAI,aAAA,CAAc,QAAQ,CAAC,CAAA;AAAA,EACtD;AACF;;;;"}
+{"version":3,"file":"SettingsStore.mjs","sources":["../../../../../../../../src/components/SettingsProvider/models/SettingsStore.ts"],"sourcesContent":["import { makeAutoObservable, ObservableMap } from \"mobx\";\nimport { ComponentSettings } from \"@/components/SettingsProvider/models/ComponentSettings\";\nimport type { FlowComponentName } from \"@/components/propTypes\";\nimport { mapValues } from \"remeda\";\nimport type { ZodSchema } from \"zod\";\nimport type z from \"zod\";\nimport { mobxMapToObject } from \"@/lib/mobx/mobxMapToObject\";\nimport type {\n  GetSettingsMiddleware,\n  SetSettingsMiddleware,\n} from \"../middleware/types\";\nimport {\n  defaultGetMiddleware,\n  defaultSetMiddleware,\n} from \"../middleware/defaultImplementations\";\n\nexport interface SettingsStoreOptions {\n  middleware?: {\n    get?: GetSettingsMiddleware;\n    set?: SetSettingsMiddleware;\n  };\n  parentStore?: SettingsStore;\n}\n\nfunction subscribeMobxObject(ignored: unknown) {\n  // Accessing an object subscribes to it in MobX, so this function is used to subscribe to the parent store's JSON representation without actually using it here.\n}\n\nexport class SettingsStore {\n  public readonly settings: ObservableMap<FlowComponentName, ComponentSettings>;\n\n  public readonly options: Readonly<SettingsStoreOptions>;\n\n  public constructor(\n    settings = new ObservableMap<FlowComponentName, ComponentSettings>(),\n    options: SettingsStoreOptions = {},\n  ) {\n    this.settings = settings;\n    this.options = Object.freeze(options);\n    makeAutoObservable(this, {\n      options: false,\n    });\n  }\n\n  public set<T extends ZodSchema>(\n    componentName: FlowComponentName,\n    settingKey: string,\n    schema: T,\n    value: z.infer<T>,\n  ) {\n    const settings =\n      this.settings.get(componentName) ?? new ComponentSettings();\n\n    const middleware = this.options.middleware?.set ?? defaultSetMiddleware;\n\n    const processedValue = middleware(\n      componentName,\n      settingKey,\n      value,\n      (thisSettings) => {\n        if (this.options.parentStore) {\n          this.options.parentStore.set(\n            componentName,\n            settingKey,\n            schema,\n            thisSettings as z.infer<T>,\n          );\n        }\n        return thisSettings;\n      },\n    ) as z.infer<T>;\n\n    if (processedValue !== undefined) {\n      settings.set(settingKey, schema, processedValue);\n      this.settings.set(componentName, settings);\n    }\n  }\n\n  public get<T extends ZodSchema>(\n    componentName: FlowComponentName,\n    settingKey: string,\n    schema: T,\n  ): z.infer<T> {\n    const settings =\n      this.settings.get(componentName) ?? new ComponentSettings();\n\n    const thisSettings = settings.get(settingKey, schema);\n    const parentSettings = this.options.parentStore?.get(\n      componentName,\n      settingKey,\n      schema,\n    );\n\n    const middleware = this.options.middleware?.get ?? defaultGetMiddleware;\n\n    return middleware(\n      componentName,\n      settingKey,\n      thisSettings,\n      () => parentSettings,\n    ) as z.infer<T>;\n  }\n\n  public clear(componentName: FlowComponentName, settingKey: string) {\n    this.settings.get(componentName)?.clear(settingKey);\n    this.options.parentStore?.clear(componentName, settingKey);\n  }\n\n  public get asJson() {\n    const settingsObject = mobxMapToObject(this.settings);\n    const asJson = mapValues(settingsObject, (v) => v.asJson);\n    subscribeMobxObject(this.options.parentStore?.asJson);\n    return asJson;\n  }\n\n  public static fromJson(json: SettingsJson, options?: SettingsStoreOptions) {\n    const settings = mapValues(json, (v) => ComponentSettings.fromJson(v));\n    return new SettingsStore(new ObservableMap(settings), options);\n  }\n}\n\nexport type SettingsJson = SettingsStore[\"asJson\"];\n"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=SettingsProvider.browser.test.d.ts.map

package/dist/types/components/SettingsProvider/SettingsProvider.browser.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsProvider.browser.test.d.ts","sourceRoot":"","sources":["../../../../src/components/SettingsProvider/SettingsProvider.browser.test.tsx"],"names":[],"mappings":""}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"SettingsProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/SettingsProvider/SettingsProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAQnD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,8CAA8C,CAAC;AAG7F,OAAO,EAAE,aAAa,EAAE,MAAM,oDAAoD,CAAC;AAGnF,KAAK,KAAK,GAAG,iBAAiB,GAC5B,wBAAwB,GAAG;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,CAAC;AAIJ,eAAO,MAAM,WAAW,iCAA4B,CAAC;AAErD,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,KAAK,CA0BtC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"SettingsProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/SettingsProvider/SettingsProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,8CAA8C,CAAC;AAG7F,OAAO,EACL,aAAa,EACb,KAAK,oBAAoB,EAC1B,MAAM,oDAAoD,CAAC;AAG5D,KAAK,KAAK,GAAG,iBAAiB,GAC5B,wBAAwB,GAAG;IACzB,EAAE,CAAC,EAAE,MAAM,CAAC;CACb,GAAG,IAAI,CAAC,oBAAoB,EAAE,YAAY,CAAC,CAAC;AAI/C,eAAO,MAAM,WAAW,iCAA4B,CAAC;AAErD,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,KAAK,CA2BtC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

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

@@ -0,0 +1,4 @@
+import { GetSettingsMiddleware, SetSettingsMiddleware } from './types';
+export declare const defaultGetMiddleware: GetSettingsMiddleware;
+export declare const defaultSetMiddleware: SetSettingsMiddleware;
+//# sourceMappingURL=defaultImplementations.d.ts.map

package/dist/types/components/SettingsProvider/middleware/defaultImplementations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultImplementations.d.ts","sourceRoot":"","sources":["../../../../../src/components/SettingsProvider/middleware/defaultImplementations.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAC;AAE5E,eAAO,MAAM,oBAAoB,EAAE,qBAKR,CAAC;AAE5B,eAAO,MAAM,oBAAoB,EAAE,qBAMlC,CAAC"}

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

@@ -0,0 +1,6 @@
+import { FlowComponentName } from '../../propTypes';
+type UnknownSettings = unknown;
+export type SetSettingsMiddleware = (component: FlowComponentName, key: string, settings: UnknownSettings, setParent: (settings: UnknownSettings) => void) => UnknownSettings;
+export type GetSettingsMiddleware = (component: FlowComponentName, key: string, settings: UnknownSettings, getParent: () => UnknownSettings) => UnknownSettings;
+export {};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/components/SettingsProvider/middleware/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAEhE,KAAK,eAAe,GAAG,OAAO,CAAC;AAE/B,MAAM,MAAM,qBAAqB,GAAG,CAClC,SAAS,EAAE,iBAAiB,EAC5B,GAAG,EAAE,MAAM,EACX,QAAQ,EAAE,eAAe,EACzB,SAAS,EAAE,CAAC,QAAQ,EAAE,eAAe,KAAK,IAAI,KAC3C,eAAe,CAAC;AAErB,MAAM,MAAM,qBAAqB,GAAG,CAClC,SAAS,EAAE,iBAAiB,EAC5B,GAAG,EAAE,MAAM,EACX,QAAQ,EAAE,eAAe,EACzB,SAAS,EAAE,MAAM,eAAe,KAC7B,eAAe,CAAC"}

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

@@ -2,16 +2,25 @@ import { ObservableMap } from 'mobx';
 import { ComponentSettings } from './ComponentSettings';
 import { FlowComponentName } from '../../propTypes';
 import { ZodSchema, default as z } from 'zod';
+import { GetSettingsMiddleware, SetSettingsMiddleware } from '../middleware/types';
+export interface SettingsStoreOptions {
+    middleware?: {
+        get?: GetSettingsMiddleware;
+        set?: SetSettingsMiddleware;
+    };
+    parentStore?: SettingsStore;
+}
 export declare class SettingsStore {
-    readonly componentSettings: ObservableMap<FlowComponentName, ComponentSettings>;
-    constructor(settings?: ObservableMap<keyof import('../../propTypes').FlowComponentPropsTypes, ComponentSettings>);
+    readonly settings: ObservableMap<FlowComponentName, ComponentSettings>;
+    readonly options: Readonly<SettingsStoreOptions>;
+    constructor(settings?: ObservableMap<keyof import('../../propTypes').FlowComponentPropsTypes, ComponentSettings>, options?: SettingsStoreOptions);
     set<T extends ZodSchema>(componentName: FlowComponentName, settingKey: string, schema: T, value: z.infer<T>): void;
     get<T extends ZodSchema>(componentName: FlowComponentName, settingKey: string, schema: T): z.infer<T>;
     clear(componentName: FlowComponentName, settingKey: string): void;
     get asJson(): {
         [x: string]: import('./ComponentSettings').ComponentSettingsJson;
     };
-    static fromJson(json: SettingsJson): SettingsStore;
+    static fromJson(json: SettingsJson, options?: SettingsStoreOptions): SettingsStore;
 }
 export type SettingsJson = SettingsStore["asJson"];
 //# sourceMappingURL=SettingsStore.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"SettingsStore.d.ts","sourceRoot":"","sources":["../../../../../src/components/SettingsProvider/models/SettingsStore.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,aAAa,EAAE,MAAM,MAAM,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wDAAwD,CAAC;AAC3F,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAEhE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,KAAK,CAAC,MAAM,KAAK,CAAC;AAGzB,qBAAa,aAAa;IACxB,SAAgB,iBAAiB,EAAE,aAAa,CAC9C,iBAAiB,EACjB,iBAAiB,CAClB,CAAC;gBAGA,QAAQ,mGAA4D;IAM/D,GAAG,CAAC,CAAC,SAAS,SAAS,EAC5B,aAAa,EAAE,iBAAiB,EAChC,UAAU,EAAE,MAAM,EAClB,MAAM,EAAE,CAAC,EACT,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;IAQZ,GAAG,CAAC,CAAC,SAAS,SAAS,EAC5B,aAAa,EAAE,iBAAiB,EAChC,UAAU,EAAE,MAAM,EAClB,MAAM,EAAE,CAAC,GACR,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;IAMN,KAAK,CAAC,aAAa,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM;IAIjE,IAAW,MAAM;;MAEhB;WAEa,QAAQ,CAAC,IAAI,EAAE,YAAY;CAI1C;AAED,MAAM,MAAM,YAAY,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAC"}
+{"version":3,"file":"SettingsStore.d.ts","sourceRoot":"","sources":["../../../../../src/components/SettingsProvider/models/SettingsStore.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,aAAa,EAAE,MAAM,MAAM,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,wDAAwD,CAAC;AAC3F,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAEhE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,KAAK,CAAC,MAAM,KAAK,CAAC;AAEzB,OAAO,KAAK,EACV,qBAAqB,EACrB,qBAAqB,EACtB,MAAM,qBAAqB,CAAC;AAM7B,MAAM,WAAW,oBAAoB;IACnC,UAAU,CAAC,EAAE;QACX,GAAG,CAAC,EAAE,qBAAqB,CAAC;QAC5B,GAAG,CAAC,EAAE,qBAAqB,CAAC;KAC7B,CAAC;IACF,WAAW,CAAC,EAAE,aAAa,CAAC;CAC7B;AAMD,qBAAa,aAAa;IACxB,SAAgB,QAAQ,EAAE,aAAa,CAAC,iBAAiB,EAAE,iBAAiB,CAAC,CAAC;IAE9E,SAAgB,OAAO,EAAE,QAAQ,CAAC,oBAAoB,CAAC,CAAC;gBAGtD,QAAQ,mGAA4D,EACpE,OAAO,GAAE,oBAAyB;IAS7B,GAAG,CAAC,CAAC,SAAS,SAAS,EAC5B,aAAa,EAAE,iBAAiB,EAChC,UAAU,EAAE,MAAM,EAClB,MAAM,EAAE,CAAC,EACT,KAAK,EAAE,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;IA8BZ,GAAG,CAAC,CAAC,SAAS,SAAS,EAC5B,aAAa,EAAE,iBAAiB,EAChC,UAAU,EAAE,MAAM,EAClB,MAAM,EAAE,CAAC,GACR,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;IAqBN,KAAK,CAAC,aAAa,EAAE,iBAAiB,EAAE,UAAU,EAAE,MAAM;IAKjE,IAAW,MAAM;;MAKhB;WAEa,QAAQ,CAAC,IAAI,EAAE,YAAY,EAAE,OAAO,CAAC,EAAE,oBAAoB;CAI1E;AAED,MAAM,MAAM,YAAY,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.2.0-alpha.757",
+  "version": "0.2.0-alpha.758",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -60,9 +60,9 @@
     "@codemirror/lint": "^6.9.5",
     "@internationalized/string-compiler": "^3.2.6",
     "@lezer/highlight": "^1.2.3",
-    "@mittwald/flow-icons": "0.2.0-alpha.757",
+    "@mittwald/flow-icons": "0.2.0-alpha.758",
     "@mittwald/password-tools-js": "3.0.0-alpha.18",
-    "@mittwald/react-tunnel": "0.2.0-alpha.757",
+    "@mittwald/react-tunnel": "0.2.0-alpha.758",
     "@mittwald/react-use-promise": "^4.2.2",
     "@react-aria/form": "^3.1.3",
     "@react-aria/live-announcer": "^3.4.4",
@@ -112,7 +112,7 @@
     "@lezer/generator": "^1.8.0",
     "@lezer/lr": "^1.4.8",
     "@mittwald/flow-core": "",
-    "@mittwald/flow-design-tokens": "0.2.0-alpha.757",
+    "@mittwald/flow-design-tokens": "0.2.0-alpha.758",
     "@mittwald/flow-icons-base": "",
     "@mittwald/react-use-promise": "^4.2.2",
     "@mittwald/remote-dom-react": "1.2.2-mittwald.10",
@@ -165,7 +165,7 @@
   },
   "peerDependencies": {
     "@internationalized/date": "^3.10.0",
-    "@mittwald/flow-icons-pro": "0.2.0-alpha.756",
+    "@mittwald/flow-icons-pro": "0.2.0-alpha.757",
     "@mittwald/react-use-promise": "^4.2.2",
     "next": "*",
     "react": "^19.2.0",
@@ -186,5 +186,5 @@
       "optional": true
     }
   },
-  "gitHead": "1df541d3d16b3ca43ca509dbc2bff675baaff310"
+  "gitHead": "477b5abea53c582283d8d8e2ccaba3b938a3ee33"
 }