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

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

@@ -1,4 +1,6 @@
 import { ComponentProps, FC, PropsWithChildren } from 'react';
-export type InlineCodeProps = PropsWithChildren<ComponentProps<"code">>;
+export interface InlineCodeProps extends PropsWithChildren<ComponentProps<"code">> {
+    color?: "neutral" | "light" | "dark";
+}
 export declare const InlineCode: FC<InlineCodeProps>;
 export default InlineCode;

package/dist/types/components/List/model/List.d.ts

@@ -10,6 +10,10 @@ import { ItemView } from './item/ItemView';
 import { Table } from './table/Table';
 import { Dispatch, SetStateAction } from 'react';
 export declare class List<T> {
+    readonly settingStorageKey?: string;
+    readonly supportsSettingsStorage: boolean;
+    private readonly filterSettingsStorageKey?;
+    private readonly defaultSettings?;
     readonly filters: Filter<T, never, never>[];
     readonly itemView?: ItemView<T>;
     readonly table?: Table<T>;
@@ -28,9 +32,11 @@ export declare class List<T> {
     static useNew<T>(shape: ListShape<T>): List<T>;
     get isFiltered(): boolean;
     get visibleSorting(): Sorting<T>[];
+    storeFilterDefaultSettings(): void;
+    getStoredFilterDefaultSettings(): Record<string, unknown[]> | undefined;
     getSorting(id: string): Sorting<T>;
     clearSorting(): void;
-    clearFilters(): void;
+    resetFilters(): void;
     useIsEmpty(): boolean;
 }
 export default List;

package/dist/types/components/List/model/filter/Filter.d.ts

@@ -3,7 +3,9 @@ import { default as List } from '../List';
 import { FilterMatcher, FilterMode, FilterShape } from './types';
 import { PropertyName, PropertyValueRenderMethod } from '../types';
 import { FilterValue } from './FilterValue';
+import { default as z } from 'zod';
 export declare class Filter<T, TProp extends PropertyName<T>, TMatchValue> {
+    static readonly settingsStorageSchema: z.ZodOptional<z.ZodRecord<z.ZodString, z.ZodArray<z.ZodUnknown, "many">>>;
     private _values?;
     private _valuesFromTableState?;
     readonly list: List<T>;
@@ -13,8 +15,9 @@ export declare class Filter<T, TProp extends PropertyName<T>, TMatchValue> {
     readonly renderItem: PropertyValueRenderMethod<TMatchValue>;
     readonly name?: string;
     private onFilterUpdateCallbacks;
-    private readonly defaultSelectedValues;
+    private readonly defaultSelectedValues?;
     constructor(list: List<T>, shape: FilterShape<T, TProp, TMatchValue>);
+    private getStoredDefaultSelectedValues;
     updateInitialState(initialState: InitialTableState): void;
     updateTableColumnDef(def: ColumnDef<T>): void;
     private getReactTableFilterFn;
@@ -31,7 +34,9 @@ export declare class Filter<T, TProp extends PropertyName<T>, TMatchValue> {
     isValueActive(value: FilterValue): boolean;
     isActive(): boolean;
     deactivateValue(value: FilterValue): void;
-    clearValues(): void;
+    hasChanged(): boolean;
+    private getInitialValues;
+    resetValues(): void;
     toggleValue(newValue: FilterValue): void;
     onFilterUpdated(cb: () => unknown): void;
 }

package/dist/types/components/List/model/types.d.ts

@@ -22,6 +22,7 @@ export interface ListSupportedComponentProps extends MultipleSelection {
     selectionBehavior?: SelectionBehavior;
 }
 export interface ListShape<T> extends ListSupportedComponentProps {
+    settingStorageKey?: string;
     loader?: IncrementalLoaderShape<T>;
     filters?: FilterShape<T, never, never>[];
     itemView?: ItemViewShape<T>;

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

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

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

@@ -0,0 +1,8 @@
+import { SettingsBackend } from './types';
+import { SettingsJson } from '../models/SettingsStore';
+export declare class LocalStorageSettingsBackend implements SettingsBackend {
+    private readonly storageKey;
+    constructor(storageKey: string);
+    load(): Promise<SettingsJson>;
+    store(settings: SettingsJson): Promise<void>;
+}

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

@@ -0,0 +1,2 @@
+import { SupportedSettingsBackend, SettingsBackend } from './types';
+export declare const settingsBackendFactory: (backend: SupportedSettingsBackend) => SettingsBackend;

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

@@ -0,0 +1,15 @@
+import { SettingsJson } from '../models/SettingsStore';
+export interface SettingsBackend {
+    store(settings: SettingsJson): Promise<void>;
+    load(): Promise<SettingsJson>;
+}
+interface LocalStorageSettingsBackend {
+    type: "localStorage";
+    storageKey: string;
+}
+interface CustomSettingsBackend {
+    type: "custom";
+    store: SettingsBackend;
+}
+export type SupportedSettingsBackend = LocalStorageSettingsBackend | CustomSettingsBackend;
+export {};

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

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

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

@@ -0,0 +1,12 @@
+import { ObservableMap } from 'mobx';
+import { ZodSchema, default as z } from 'zod';
+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(): [string, unknown][];
+    static fromJson(json: ComponentSettingsJson): ComponentSettings;
+}
+export type ComponentSettingsJson = ComponentSettings["asJson"];

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

@@ -0,0 +1,16 @@
+import { ObservableMap } from 'mobx';
+import { ComponentSettings } from './ComponentSettings';
+import { FlowComponentName } from '../../propTypes';
+import { ZodSchema, default as z } from 'zod';
+export declare class SettingsStore {
+    readonly componentSettings: ObservableMap<FlowComponentName, ComponentSettings>;
+    constructor(settings?: ObservableMap<keyof import('../../propTypes').FlowComponentPropsTypes, ComponentSettings>);
+    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(): {
+        [k: string]: [string, unknown][];
+    };
+    static fromJson(json: SettingsJson): SettingsStore;
+}
+export type SettingsJson = SettingsStore["asJson"];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mittwald/flow-react-components",
-  "version": "0.1.0-alpha.225",
+  "version": "0.1.0-alpha.227",
   "type": "module",
   "description": "A React implementation of Flow, mittwald’s design system",
   "homepage": "https://mittwald.github.io/flow",
@@ -218,6 +218,10 @@
       "types": "./dist/types/components/Separator/index.d.ts",
       "import": "./dist/Separator.js"
     },
+    "./SettingsProvider": {
+      "types": "./dist/types/components/SettingsProvider/index.d.ts",
+      "import": "./dist/SettingsProvider.js"
+    },
     "./Skeleton": {
       "types": "./dist/types/components/Skeleton/index.d.ts",
       "import": "./dist/Skeleton.js"
@@ -301,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.225",
+    "@mittwald/react-tunnel": "^0.1.0-alpha.227",
     "@mittwald/react-use-promise": "^2.4.0",
     "@react-aria/utils": "^3.25.2",
     "@react-types/shared": "^3.24.1",
@@ -323,11 +327,12 @@
     "react-children-utilities": "^2.10.0",
     "react-stately": "^3.32.2",
     "remeda": "^2.11.0",
-    "use-callback-ref": "^1.3.2"
+    "use-callback-ref": "^1.3.2",
+    "zod": "^3.23.8"
   },
   "devDependencies": {
     "@faker-js/faker": "^8.4.1",
-    "@mittwald/flow-design-tokens": "^0.1.0-alpha.225",
+    "@mittwald/flow-design-tokens": "^0.1.0-alpha.227",
     "@mittwald/react-use-promise": "^2.4.0",
     "@nx/storybook": "^19.6.4",
     "@storybook/addon-a11y": "^8.2.9",
@@ -405,5 +410,5 @@
       "optional": true
     }
   },
-  "gitHead": "7445ae14a45ac757363d72adf1da7aeaa3bb3043"
+  "gitHead": "b97287d9170c04ea38d37c613961ef2cd3c7fab0"
 }

package/dist/IconSettings-CsKvxfZb.js

@@ -1,9 +0,0 @@
-"use client"
-/* */
-import t from "react";
-import { IconSettings as o } from "@tabler/icons-react";
-import { I as n } from "./Icon-0QYDidQk.js";
-const s = (e) => /* @__PURE__ */ t.createElement(n, { ...e }, /* @__PURE__ */ t.createElement(o, null));
-export {
-  s as I
-};