@headless-adminapp/app 1.4.0 → 1.4.6

package/datagrid/DataGridProvider/utils.d.ts

@@ -5,6 +5,7 @@ import { Filter } from '@headless-adminapp/core/transport';
 import { TransformedViewColumn } from '../context';
 export declare function transformColumnFilter<S extends SchemaAttributes = SchemaAttributes>(filter: Partial<Record<string, ColumnCondition>>, schema: Schema<S>, schemaStore: ISchemaStore): Record<string, ColumnCondition> | null;
 export declare function mergeConditions<S extends SchemaAttributes = SchemaAttributes>(schema: Schema<S>, filter: Filter | null | undefined, extraFilter: Filter | null | undefined, quickFilterResults: Filter | null | undefined, columnFilters: Partial<Record<string, ColumnCondition>> | undefined, schemaStore: ISchemaStore): Filter | null;
+export declare function mergeFilters(...filters: Array<Filter | null | undefined>): Filter | null;
 export declare function simplyfyFilter(filter: Filter): Filter | null;
 export declare function collectExpandedKeys(columns: TransformedViewColumn<SchemaAttributes>[]): Record<string, string[]>;
 export declare function collectGridColumns<S extends SchemaAttributes = SchemaAttributes>({ gridColumns, schema, }: {

package/datagrid/DataGridProvider/utils.js

@@ -5,6 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.transformColumnFilter = transformColumnFilter;
 exports.mergeConditions = mergeConditions;
+exports.mergeFilters = mergeFilters;
 exports.simplyfyFilter = simplyfyFilter;
 exports.collectExpandedKeys = collectExpandedKeys;
 exports.collectGridColumns = collectGridColumns;
@@ -116,6 +117,22 @@ function mergeConditions(schema, filter, extraFilter, quickFilterResults, column
         filters: filters,
     });
 }
+function mergeFilters(...filters) {
+    if (filters.length === 0) {
+        return null;
+    }
+    const nonNullFilters = filters.filter((f) => !!f);
+    if (nonNullFilters.length === 0) {
+        return null;
+    }
+    if (nonNullFilters.length === 1) {
+        return nonNullFilters[0];
+    }
+    return {
+        type: 'and',
+        filters: nonNullFilters,
+    };
+}
 function simplyfyFilter(filter) {
     const conditions = filter.conditions ?? [];
     const filters = [];

package/metadata/MetadataProvider.d.ts

@@ -1,11 +1,12 @@
 import { AppExperience } from '@headless-adminapp/core/experience/app';
 import { ISchemaExperienceStore, ISchemaStore, SchemaStore } from '@headless-adminapp/core/store';
 import { FC, PropsWithChildren } from 'react';
-import { SchemaExperienceStore } from '../store';
+import { IRecentItemStore, SchemaExperienceStore } from '../store';
 export interface MetadataProviderProps {
     schemaStore?: ISchemaStore;
     experienceStore?: ISchemaExperienceStore;
     appExperience?: AppExperience;
+    recentItemStore?: IRecentItemStore;
 }
 export declare const defaultSchemaStore: SchemaStore<import("@headless-adminapp/core/schema").SchemaAttributes>;
 export declare const defaultExperienceStore: SchemaExperienceStore;

package/metadata/MetadataProvider.js

@@ -24,11 +24,13 @@ const defaultApp = {
     },
     logo: {},
 };
-const MetadataProvider = ({ children, experienceStore = exports.defaultExperienceStore, schemaStore = exports.defaultSchemaStore, appExperience = defaultApp, }) => {
+const defaultRecentItemStore = new store_2.RecentItemStore();
+const MetadataProvider = ({ children, experienceStore = exports.defaultExperienceStore, schemaStore = exports.defaultSchemaStore, appExperience = defaultApp, recentItemStore = defaultRecentItemStore, }) => {
     const contextValue = (0, context_1.useCreateContextStore)({
         experienceStore,
         schemaStore,
         appExperience,
+        recentItemStore,
     });
     return ((0, jsx_runtime_1.jsx)(context_2.MetadataContext.Provider, { value: contextValue, children: children }));
 };

package/metadata/context.d.ts

@@ -1,8 +1,10 @@
 import type { AppExperience } from '@headless-adminapp/core/experience/app';
 import type { ISchemaExperienceStore, ISchemaStore } from '@headless-adminapp/core/store';
+import { IRecentItemStore } from '../store';
 export interface MetadataContextState {
     schemaStore: ISchemaStore;
     experienceStore: ISchemaExperienceStore;
     appExperience: AppExperience;
+    recentItemStore: IRecentItemStore;
 }
 export declare const MetadataContext: import("react").Context<import("../mutable/context").ContextValue<MetadataContextState>>;

package/metadata/hooks/useMetadata.d.ts

@@ -1,3 +1,4 @@
+import { IRecentItemStore } from '@headless-adminapp/app/store';
 import type { AppExperience } from '@headless-adminapp/core/experience/app';
 import type { Schema, SchemaAttributes } from '@headless-adminapp/core/schema';
 import type { ISchemaExperienceStore, ISchemaStore } from '@headless-adminapp/core/store';
@@ -6,6 +7,7 @@ interface UseMetadataResult {
     schemaStore: ISchemaStore<SchemaAttributes>;
     appExperience: AppExperience;
     experienceStore: ISchemaExperienceStore;
+    recentItemStore: IRecentItemStore;
 }
 export declare function useMetadata(): UseMetadataResult;
 export {};

package/metadata/hooks/useMetadata.js

@@ -8,11 +8,13 @@ function useMetadata() {
     const schemaStore = (0, context_1.useContextSelector)(context_2.MetadataContext, (state) => state.schemaStore);
     const appExperience = (0, context_1.useContextSelector)(context_2.MetadataContext, (state) => state.appExperience);
     const experienceStore = (0, context_1.useContextSelector)(context_2.MetadataContext, (state) => state.experienceStore);
+    const recentItemStore = (0, context_1.useContextSelector)(context_2.MetadataContext, (state) => state.recentItemStore);
     const schemas = schemaStore.getAllSchema();
     return (0, react_1.useMemo)(() => ({
         schemas,
         schemaStore,
         appExperience,
         experienceStore,
-    }), [schemas, schemaStore, appExperience, experienceStore]);
+        recentItemStore,
+    }), [schemas, schemaStore, appExperience, experienceStore, recentItemStore]);
 }

package/metadata/hooks/useRecentItemStore.d.ts

@@ -0,0 +1,2 @@
+import { IRecentItemStore } from '../../store/RecentItemStore';
+export declare function useRecentItemStore(): IRecentItemStore;

package/metadata/hooks/useRecentItemStore.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRecentItemStore = useRecentItemStore;
+const context_1 = require("../../mutable/context");
+const context_2 = require("../context");
+function useRecentItemStore() {
+    return (0, context_1.useContextSelector)(context_2.MetadataContext, (state) => state.recentItemStore);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@headless-adminapp/app",
-  "version": "1.4.0",
+  "version": "1.4.6",
   "description": "",
   "main": "index.js",
   "types": "index.d.ts",
@@ -38,5 +38,5 @@
     "uuid": "11.0.3",
     "yup": "^1.4.0"
   },
-  "gitHead": "a064c301b98e340b142e8daeac078b4cdf5ad99a"
+  "gitHead": "89d91fe63da3aae42fc34482cc90c1e12963810b"
 }

package/store/RecentItemStore.d.ts

@@ -0,0 +1,25 @@
+import { Id } from '@headless-adminapp/core';
+export interface IRecentItemStore {
+    getItems: <T = unknown>(cacheKey: string, limit?: number) => RecentItem<T>[];
+    addItem: <T = unknown>(cacheKey: string, id: Id, value: T, limit?: number) => void;
+    addListener: (cacheKey: string, listener: (items: RecentItem<unknown>[]) => void) => void;
+    removeListener: (cacheKey: string, listener: (items: RecentItem<unknown>[]) => void) => void;
+}
+export type RecentItem<T> = {
+    timestamp: number;
+    id: Id;
+    value: T;
+};
+export declare class RecentItemStore implements IRecentItemStore {
+    private data;
+    private readonly storageKey;
+    private readonly maxItems;
+    private listeners;
+    constructor();
+    private init;
+    private sync;
+    getItems<T = unknown>(cacheKey: string, limit?: number): RecentItem<T>[];
+    addItem<T = unknown>(cacheKey: string, id: Id, value: T, limit?: number): void;
+    addListener(cacheKey: string, listener: (items: RecentItem<unknown>[]) => void): void;
+    removeListener(cacheKey: string, listener: (items: RecentItem<unknown>[]) => void): void;
+}

package/store/RecentItemStore.js

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RecentItemStore = void 0;
+class RecentItemStore {
+    data = {};
+    storageKey = 'recent_items';
+    maxItems = 5;
+    listeners = {};
+    constructor() {
+        this.init();
+    }
+    init() {
+        const _data = localStorage.getItem(this.storageKey);
+        if (_data) {
+            this.data = JSON.parse(_data);
+        }
+        else {
+            this.data = {};
+        }
+    }
+    sync() {
+        localStorage.setItem(this.storageKey, JSON.stringify(this.data));
+    }
+    getItems(cacheKey, limit) {
+        if (!this.data[cacheKey]) {
+            return [];
+        }
+        if (limit) {
+            return this.data[cacheKey].slice(0, limit);
+        }
+        return this.data[cacheKey];
+    }
+    addItem(cacheKey, id, value, limit) {
+        if (!this.data[cacheKey]) {
+            this.data[cacheKey] = [];
+        }
+        const timestamp = Date.now();
+        if (this.data[cacheKey].some((item) => item.id === id)) {
+            // Remove existing item with the same ID
+            this.data[cacheKey] = this.data[cacheKey].filter((item) => item.id !== id);
+        }
+        const newItem = { timestamp, id, value };
+        this.data[cacheKey].unshift(newItem);
+        this.data[cacheKey] = this.data[cacheKey].slice(0, limit ?? this.maxItems); // Limit to max items
+        this.sync();
+        for (const listener of this.listeners[cacheKey] || []) {
+            listener(this.data[cacheKey]);
+        }
+    }
+    addListener(cacheKey, listener) {
+        if (!this.listeners[cacheKey]) {
+            this.listeners[cacheKey] = [];
+        }
+        this.listeners[cacheKey].push(listener);
+    }
+    removeListener(cacheKey, listener) {
+        if (!this.listeners[cacheKey]) {
+            return;
+        }
+        this.listeners[cacheKey] = this.listeners[cacheKey].filter((l) => l !== listener);
+    }
+}
+exports.RecentItemStore = RecentItemStore;

package/store/index.d.ts

@@ -1,4 +1,4 @@
 export * from './ComponentStore';
 export * from './EventManager';
 export * from './SchemaExperienceStore';
-export * from './HistoryState';
+export * from './RecentItemStore';

package/store/index.js

@@ -17,4 +17,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./ComponentStore"), exports);
 __exportStar(require("./EventManager"), exports);
 __exportStar(require("./SchemaExperienceStore"), exports);
-__exportStar(require("./HistoryState"), exports);
+__exportStar(require("./RecentItemStore"), exports);

package/store/HistoryState.d.ts

@@ -1,7 +0,0 @@
-export interface HistoryStatePlugin {
-    getter: () => Record<string, Record<string, unknown>>;
-    setter: (value: Record<string, Record<string, unknown>>) => void;
-}
-export declare function registerHistoryStatePlugin(plugin: HistoryStatePlugin): void;
-export declare function getHistoryState<T extends Record<string, unknown> = Record<string, unknown>>(key: string): Partial<T>;
-export declare function setHistoryState(key: string, value: Record<string, unknown>): void;

package/store/HistoryState.js

@@ -1,32 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.registerHistoryStatePlugin = registerHistoryStatePlugin;
-exports.getHistoryState = getHistoryState;
-exports.setHistoryState = setHistoryState;
-let historyStatePlugin = null;
-function registerHistoryStatePlugin(plugin) {
-    historyStatePlugin = plugin;
-}
-function getHistoryState(key) {
-    if (!historyStatePlugin) {
-        return {};
-    }
-    if (!key || typeof key !== 'string' || key.startsWith('~')) {
-        return {};
-    }
-    const state = historyStatePlugin.getter();
-    return (state[key] || {});
-}
-function setHistoryState(key, value) {
-    if (!historyStatePlugin) {
-        return;
-    }
-    const currentState = historyStatePlugin.getter();
-    historyStatePlugin.setter({
-        ...currentState,
-        [key]: {
-            ...currentState[key],
-            ...value,
-        },
-    });
-}