@webiny/app-admin 6.4.11 → 6.6.0-alpha.1

package/presentation/listPresenter/ListPresenter.js.map

@@ -1 +1 @@
-{"version":3,"file":"presentation/listPresenter/ListPresenter.js","sources":["../../../src/presentation/listPresenter/ListPresenter.ts"],"sourcesContent":["import { makeAutoObservable, runInAction, computed } from \"mobx\";\nimport {\n    ListPresenter as Abstraction,\n    type IListPresenter,\n    type IListPresenterConfig,\n    type IListViewModel,\n    type IListActions,\n    type IListError,\n    type IDataSource,\n    type IDataSourceQuery\n} from \"./abstractions.js\";\nimport { SelectionController } from \"./SelectionController.js\";\n\nclass ListPresenterImpl<TRow> implements IListPresenter<TRow> {\n    private _sort: { field: string; direction: \"ASC\" | \"DESC\" } | null = null;\n    private _filters: Record<string, unknown> = {};\n    private _search = \"\";\n    private _selection: SelectionController<TRow>;\n    private _error: IListError | null = null;\n    private _appliedQuery: IDataSourceQuery | null = null;\n    private _dataSource: IDataSource<TRow> | null = null;\n    private _debounceMs = 300;\n    private _debounceTimer: ReturnType<typeof setTimeout> | null = null;\n    private _requeryScheduled = false;\n    private _limit: number | undefined = undefined;\n    private _initialized = false;\n    private _loadingMore = false;\n\n    constructor() {\n        this._selection = new SelectionController<TRow>(\n            () => this._dataSource?.rows ?? [],\n            row => this.getRowId(row)\n        );\n\n        makeAutoObservable<ListPresenterImpl<TRow>, \"_debounceTimer\">(this, {\n            _debounceTimer: false,\n            vm: computed\n        });\n    }\n\n    get vm(): IListViewModel<TRow> {\n        const ds = this._dataSource;\n        const rows = ds ? ds.rows : [];\n        const meta = ds ? ds.meta : { cursor: null, hasMoreItems: false, totalCount: 0 };\n        const loading = ds ? ds.loading : false;\n        const hasFilters = Object.keys(this._filters).length > 0 || this._search.length > 0;\n\n        return {\n            rows,\n            sort: this._sort,\n            filters: this._filters,\n            search: this._search,\n            appliedQuery: this._appliedQuery,\n            pagination: {\n                hasMore: meta.hasMoreItems,\n                loading: loading && !this._loadingMore,\n                loadingMore: this._loadingMore,\n                totalCount: meta.totalCount,\n                currentCount: rows.length\n            },\n            selection: {\n                selectedIds: this._selection.selectedIds,\n                selectedCount: this._selection.selectedCount,\n                allSelected: this._selection.allSelected\n            },\n            empty: rows.length === 0 && !loading,\n            emptyWithFilters: rows.length === 0 && !loading && hasFilters,\n            error: this._error\n        };\n    }\n\n    actions: IListActions = {\n        search: {\n            set: (query: string) => {\n                if (this._search === query) {\n                    return;\n                }\n                this._search = query;\n                this.debouncedRequery();\n            },\n            clear: () => {\n                if (this._search === \"\") {\n                    return;\n                }\n                this._search = \"\";\n                this.requery();\n            }\n        },\n        sort: {\n            set: (field: string, direction: \"ASC\" | \"DESC\") => {\n                this._sort = { field, direction };\n                this.requery();\n            },\n            toggle: (field: string) => {\n                if (this._sort && this._sort.field === field) {\n                    this._sort = {\n                        field,\n                        direction: this._sort.direction === \"ASC\" ? \"DESC\" : \"ASC\"\n                    };\n                } else {\n                    this._sort = { field, direction: \"ASC\" };\n                }\n                this.requery();\n            }\n        },\n        filter: {\n            set: (key: string, value: unknown) => {\n                this._filters = { ...this._filters, [key]: value };\n                this.requery();\n            },\n            clear: (key: string) => {\n                const { [key]: _, ...rest } = this._filters;\n                this._filters = rest;\n                this.requery();\n            },\n            clearAll: () => {\n                this._filters = {};\n                this.requery();\n            }\n        },\n        selection: {\n            toggle: (id: string) => this._selection.toggle(id),\n            selectRangeTo: (id: string) => this._selection.selectRangeTo(id),\n            selectAll: () => this._selection.selectAll(),\n            deselectAll: () => this._selection.deselectAll(),\n            selectRows: (ids: string[]) => this._selection.selectRows(ids),\n            isSelected: (id: string) => this._selection.isSelected(id)\n        },\n        loadMore: async () => {\n            if (!this._dataSource) {\n                return;\n            }\n            const meta = this._dataSource.meta;\n            if (!meta.hasMoreItems || this._dataSource.loading) {\n                return;\n            }\n            this._loadingMore = true;\n            try {\n                await this._dataSource.loadMore(this.buildQuery(meta.cursor));\n                runInAction(() => {\n                    this._error = null;\n                });\n            } catch (err) {\n                runInAction(() => {\n                    this._error = this.toListError(err);\n                });\n            } finally {\n                runInAction(() => {\n                    this._loadingMore = false;\n                });\n            }\n        },\n        refresh: async () => {\n            await this.executeQuery();\n        }\n    };\n\n    init(config: IListPresenterConfig<TRow>): void {\n        this._dataSource = config.dataSource;\n        this._sort = config.initialSort ?? null;\n        this._filters = config.initialFilters ?? {};\n        this._debounceMs = config.debounceMs ?? 300;\n        this._limit = config.limit;\n        this._search = \"\";\n        this._appliedQuery = null;\n        this._selection.reset();\n        this._initialized = true;\n        this.executeQuery();\n    }\n\n    private buildQuery(cursor?: string | null): IDataSourceQuery {\n        return {\n            search: this._search || undefined,\n            filters: Object.keys(this._filters).length > 0 ? this._filters : undefined,\n            sort: this._sort ?? undefined,\n            cursor: cursor ?? undefined,\n            limit: this._limit\n        };\n    }\n\n    private async executeQuery(): Promise<void> {\n        if (!this._dataSource) {\n            return;\n        }\n        this._error = null;\n        const query = this.buildQuery();\n        try {\n            await this._dataSource.query(query);\n            runInAction(() => {\n                this._appliedQuery = query;\n            });\n        } catch (err) {\n            runInAction(() => {\n                this._error = this.toListError(err);\n            });\n        }\n    }\n\n    private requery(): void {\n        this.clearDebounce();\n        this._selection.reset();\n\n        if (!this._requeryScheduled) {\n            this._requeryScheduled = true;\n            queueMicrotask(() => {\n                this._requeryScheduled = false;\n                this.executeQuery();\n            });\n        }\n    }\n\n    private debouncedRequery(): void {\n        this.clearDebounce();\n        this._debounceTimer = setTimeout(() => {\n            this._selection.reset();\n            this.executeQuery();\n        }, this._debounceMs);\n    }\n\n    private clearDebounce(): void {\n        if (this._debounceTimer) {\n            clearTimeout(this._debounceTimer);\n            this._debounceTimer = null;\n        }\n    }\n\n    private getRowId(row: TRow): string {\n        return (row as any).id;\n    }\n\n    private toListError(err: unknown): IListError {\n        if (err instanceof Error) {\n            return { code: \"UNKNOWN\", message: err.message, retryable: true };\n        }\n        return { code: \"UNKNOWN\", message: String(err), retryable: true };\n    }\n}\n\nexport const ListPresenter = Abstraction.createImplementation({\n    implementation: ListPresenterImpl,\n    dependencies: []\n});\n"],"names":["ListPresenterImpl","undefined","query","field","direction","key","value","_","rest","id","ids","meta","runInAction","err","SelectionController","row","makeAutoObservable","computed","ds","rows","loading","hasFilters","Object","config","cursor","queueMicrotask","setTimeout","clearTimeout","Error","String","ListPresenter","Abstraction"],"mappings":"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"}
+{"version":3,"file":"presentation/listPresenter/ListPresenter.js","sources":["../../../src/presentation/listPresenter/ListPresenter.ts"],"sourcesContent":["import { makeAutoObservable, runInAction, computed } from \"mobx\";\nimport {\n    ListPresenter as Abstraction,\n    type IListPresenter,\n    type IListPresenterConfig,\n    type IListViewModel,\n    type IListActions,\n    type IListError,\n    type IDataSource,\n    type IDataSourceQuery\n} from \"./abstractions.js\";\nimport { SelectionController } from \"./SelectionController.js\";\n\nclass ListPresenterImpl<TRow> implements IListPresenter<TRow> {\n    private _sort: { field: string; direction: \"ASC\" | \"DESC\" } | null = null;\n    private _filters: Record<string, unknown> = {};\n    private _initialFilterKeys: Set<string> = new Set();\n    private _search = \"\";\n    private _selection: SelectionController<TRow>;\n    private _error: IListError | null = null;\n    private _appliedQuery: IDataSourceQuery | null = null;\n    private _dataSource: IDataSource<TRow> | null = null;\n    private _debounceMs = 300;\n    private _debounceTimer: ReturnType<typeof setTimeout> | null = null;\n    private _requeryScheduled = false;\n    private _limit: number | undefined = undefined;\n    private _initialized = false;\n    private _loadingMore = false;\n    private _showingFilters = false;\n    private _itemLabel: { singular: string; plural: string } = {\n        singular: \"item\",\n        plural: \"items\"\n    };\n\n    constructor() {\n        this._selection = new SelectionController<TRow>(\n            () => this._dataSource?.rows ?? [],\n            row => this.getRowId(row)\n        );\n\n        makeAutoObservable<ListPresenterImpl<TRow>, \"_debounceTimer\">(this, {\n            _debounceTimer: false,\n            vm: computed\n        });\n    }\n\n    get vm(): IListViewModel<TRow> {\n        const ds = this._dataSource;\n        const rows = ds ? ds.rows : [];\n        const meta = ds ? ds.meta : { cursor: null, hasMoreItems: false, totalCount: 0 };\n        const loading = ds ? ds.loading : false;\n        const hasUserFilters =\n            Object.keys(this._filters).some(k => !this._initialFilterKeys.has(k)) ||\n            this._search.length > 0;\n\n        return {\n            rows,\n            sort: this._sort,\n            filters: this._filters,\n            search: this._search,\n            appliedQuery: this._appliedQuery,\n            pagination: {\n                hasMore: meta.hasMoreItems,\n                loading: loading && !this._loadingMore,\n                loadingMore: this._loadingMore,\n                totalCount: meta.totalCount,\n                currentCount: rows.length\n            },\n            selection: {\n                selectedIds: this._selection.selectedIds,\n                selectedCount: this._selection.selectedCount,\n                allSelected: this._selection.allSelected,\n                label: this.buildSelectionLabel()\n            },\n            showingFilters: this._showingFilters,\n            empty: rows.length === 0 && !loading,\n            emptyWithFilters: rows.length === 0 && !loading && hasUserFilters,\n            error: this._error\n        };\n    }\n\n    actions: IListActions = {\n        search: {\n            set: (query: string) => {\n                if (this._search === query) {\n                    return;\n                }\n                this._search = query;\n                this.debouncedRequery();\n            },\n            clear: () => {\n                if (this._search === \"\") {\n                    return;\n                }\n                this._search = \"\";\n                this.requery();\n            }\n        },\n        sort: {\n            set: (field: string, direction: \"ASC\" | \"DESC\") => {\n                this._sort = { field, direction };\n                this.requery();\n            },\n            toggle: (field: string) => {\n                if (this._sort && this._sort.field === field) {\n                    this._sort = {\n                        field,\n                        direction: this._sort.direction === \"ASC\" ? \"DESC\" : \"ASC\"\n                    };\n                } else {\n                    this._sort = { field, direction: \"ASC\" };\n                }\n                this.requery();\n            }\n        },\n        filter: {\n            set: (key: string, value: unknown) => {\n                this._filters = { ...this._filters, [key]: value };\n                this.requery();\n            },\n            clear: (key: string) => {\n                const { [key]: _, ...rest } = this._filters;\n                this._filters = rest;\n                this.requery();\n            },\n            clearAll: () => {\n                this._filters = {};\n                this.requery();\n            },\n            show: () => {\n                this._showingFilters = true;\n            },\n            hide: () => {\n                this._showingFilters = false;\n            }\n        },\n        selection: {\n            toggle: (id: string) => this._selection.toggle(id),\n            selectRangeTo: (id: string) => this._selection.selectRangeTo(id),\n            selectAll: () => this._selection.selectAll(),\n            deselectAll: () => this._selection.deselectAll(),\n            selectRows: (ids: string[]) => this._selection.selectRows(ids),\n            isSelected: (id: string) => this._selection.isSelected(id)\n        },\n        loadMore: async () => {\n            if (!this._dataSource) {\n                return;\n            }\n            const meta = this._dataSource.meta;\n            if (!meta.hasMoreItems || this._dataSource.loading) {\n                return;\n            }\n            this._loadingMore = true;\n            try {\n                await this._dataSource.loadMore(this.buildQuery(meta.cursor));\n                runInAction(() => {\n                    this._error = null;\n                });\n            } catch (err) {\n                runInAction(() => {\n                    this._error = this.toListError(err);\n                });\n            } finally {\n                runInAction(() => {\n                    this._loadingMore = false;\n                });\n            }\n        },\n        refresh: async () => {\n            await this.executeQuery();\n        }\n    };\n\n    init(config: IListPresenterConfig<TRow>): void {\n        this._dataSource = config.dataSource;\n        this._sort = config.initialSort ?? null;\n        this._filters = config.initialFilters ?? {};\n        this._initialFilterKeys = new Set(Object.keys(this._filters));\n        this._debounceMs = config.debounceMs ?? 300;\n        this._limit = config.limit;\n        this._itemLabel = config.itemLabel ?? { singular: \"item\", plural: \"items\" };\n        this._search = config.initialSearch ?? \"\";\n        this._appliedQuery = null;\n        this._selection.reset();\n        this._initialized = true;\n        this.executeQuery();\n    }\n\n    private buildQuery(cursor?: string | null): IDataSourceQuery {\n        return {\n            search: this._search || undefined,\n            filters: Object.keys(this._filters).length > 0 ? this._filters : undefined,\n            sort: this._sort ?? undefined,\n            cursor: cursor ?? undefined,\n            limit: this._limit\n        };\n    }\n\n    private async executeQuery(): Promise<void> {\n        if (!this._dataSource) {\n            return;\n        }\n        this._error = null;\n        const query = this.buildQuery();\n        try {\n            await this._dataSource.query(query);\n            runInAction(() => {\n                this._appliedQuery = query;\n            });\n        } catch (err) {\n            runInAction(() => {\n                this._error = this.toListError(err);\n            });\n        }\n    }\n\n    private requery(): void {\n        this.clearDebounce();\n        this._selection.reset();\n\n        if (!this._requeryScheduled) {\n            this._requeryScheduled = true;\n            queueMicrotask(() => {\n                this._requeryScheduled = false;\n                this.executeQuery();\n            });\n        }\n    }\n\n    private debouncedRequery(): void {\n        this.clearDebounce();\n        this._debounceTimer = setTimeout(() => {\n            this._selection.reset();\n            this.executeQuery();\n        }, this._debounceMs);\n    }\n\n    private clearDebounce(): void {\n        if (this._debounceTimer) {\n            clearTimeout(this._debounceTimer);\n            this._debounceTimer = null;\n        }\n    }\n\n    private getRowId(row: TRow): string {\n        return (row as any).id;\n    }\n\n    private buildSelectionLabel(): string {\n        const { selectedCount, allSelected } = this._selection;\n        if (allSelected) {\n            return `all ${this._itemLabel.plural}`;\n        }\n        if (selectedCount === 0) {\n            return \"\";\n        }\n        const noun = selectedCount === 1 ? this._itemLabel.singular : this._itemLabel.plural;\n        return `${selectedCount} ${noun}`;\n    }\n\n    private toListError(err: unknown): IListError {\n        if (err instanceof Error) {\n            return { code: \"UNKNOWN\", message: err.message, retryable: true };\n        }\n        return { code: \"UNKNOWN\", message: String(err), retryable: true };\n    }\n}\n\nexport const ListPresenter = Abstraction.createImplementation({\n    implementation: ListPresenterImpl,\n    dependencies: []\n});\n"],"names":["ListPresenterImpl","Set","undefined","query","field","direction","key","value","_","rest","id","ids","meta","runInAction","err","SelectionController","row","makeAutoObservable","computed","ds","rows","loading","hasUserFilters","Object","k","config","cursor","queueMicrotask","setTimeout","clearTimeout","selectedCount","allSelected","noun","Error","String","ListPresenter","Abstraction"],"mappings":"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"}

package/presentation/listPresenter/QueryMatcher.d.ts

@@ -0,0 +1,56 @@
+import type { IDataSourceQuery } from "./abstractions.js";
+type ItemPredicate<TRow> = (item: TRow, value: unknown) => boolean;
+export interface QueryMatcherConfig<TRow> {
+    keyField: keyof TRow & string;
+    localFilters: Record<string, ItemPredicate<TRow>>;
+}
+/**
+ * Decides which cached items belong in the current view.
+ *
+ * A DataSource backed by a shared cache (e.g., per-model entry cache) needs to
+ * filter cached items to only those matching the active query. QueryMatcher does
+ * this by splitting filters into two categories:
+ *
+ * - **Local filters** (e.g., folderId, status) — evaluated client-side against
+ *   each item using predicates provided via `localFilters` config. Used when
+ *   browsing without search or server-side filters.
+ *
+ * - **Server-side filters** (search, advanced search, any filter key not in
+ *   `localFilters`) — cannot be evaluated locally. Instead, QueryMatcher tracks
+ *   the set of item keys returned by the last server query (`_queryResultKeys`)
+ *   and restricts the view to those items.
+ *
+ * The `matcher` getter is MobX-computed, so any DataSource `rows` getter that
+ * reads it will recompute when the matcher changes after a query.
+ *
+ * Usage:
+ * ```ts
+ * const matcher = new QueryMatcher<MyItem>({
+ *     keyField: "id",
+ *     localFilters: {
+ *         folderId: (item, value) => item.folderId === value,
+ *         status: (item, value) => item.status === value,
+ *     }
+ * });
+ *
+ * // In DataSource.query(), after fetching:
+ * matcher.updateFromQuery(params, result.data.map(item => item.id));
+ *
+ * // In DataSource.rows getter:
+ * return cache.getItems().filter(matcher.matcher);
+ * ```
+ */
+export declare class QueryMatcher<TRow> {
+    private config;
+    private _queryResultKeys;
+    private _matcher;
+    private localFilterKeys;
+    constructor(config: QueryMatcherConfig<TRow>);
+    get matcher(): (item: TRow) => boolean;
+    filter(items: TRow[]): TRow[];
+    hasServerSideFilters(params: IDataSourceQuery): boolean;
+    updateFromQuery(params: IDataSourceQuery, resultKeys: string[]): void;
+    appendResultKeys(keys: string[]): void;
+    private buildMatcher;
+}
+export {};

package/presentation/listPresenter/QueryMatcher.js

@@ -0,0 +1,59 @@
+import { action, computed, makeObservable, observableRef } from "mobx";
+class QueryMatcher {
+    constructor(config){
+        this.config = config;
+        this._queryResultKeys = null;
+        this._matcher = ()=>true;
+        this.localFilterKeys = new Set(Object.keys(config.localFilters));
+        makeObservable(this, {
+            _matcher: observableRef,
+            matcher: computed,
+            updateFromQuery: action,
+            appendResultKeys: action
+        });
+    }
+    get matcher() {
+        return this._matcher;
+    }
+    filter(items) {
+        return items.filter(this._matcher);
+    }
+    hasServerSideFilters(params) {
+        if (params.search) return true;
+        const filters = params.filters ?? {};
+        return Object.keys(filters).some((key)=>!this.localFilterKeys.has(key));
+    }
+    updateFromQuery(params, resultKeys) {
+        if (this.hasServerSideFilters(params)) this._queryResultKeys = new Set(resultKeys);
+        else this._queryResultKeys = null;
+        this._matcher = this.buildMatcher(params);
+    }
+    appendResultKeys(keys) {
+        if (this._queryResultKeys) for (const key of keys)this._queryResultKeys.add(key);
+    }
+    buildMatcher(params) {
+        const filters = params.filters ?? {};
+        const queryResultKeys = this._queryResultKeys;
+        const isSearching = !!params.search;
+        const { keyField, localFilters } = this.config;
+        const activeLocalFilters = [];
+        for (const [key, predicate] of Object.entries(localFilters)){
+            const value = filters[key];
+            if (null != value) activeLocalFilters.push({
+                predicate,
+                value
+            });
+        }
+        return (item)=>{
+            if (queryResultKeys) {
+                if (!queryResultKeys.has(String(item[keyField]))) return false;
+            } else if (!isSearching) {
+                for (const { predicate, value } of activeLocalFilters)if (!predicate(item, value)) return false;
+            }
+            return true;
+        };
+    }
+}
+export { QueryMatcher };
+
+//# sourceMappingURL=QueryMatcher.js.map

package/presentation/listPresenter/QueryMatcher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/listPresenter/QueryMatcher.js","sources":["../../../src/presentation/listPresenter/QueryMatcher.ts"],"sourcesContent":["import { makeObservable, observableRef, computed, action } from \"mobx\";\nimport type { IDataSourceQuery } from \"./abstractions.js\";\n\ntype ItemPredicate<TRow> = (item: TRow, value: unknown) => boolean;\n\nexport interface QueryMatcherConfig<TRow> {\n    keyField: keyof TRow & string;\n    localFilters: Record<string, ItemPredicate<TRow>>;\n}\n\n/**\n * Decides which cached items belong in the current view.\n *\n * A DataSource backed by a shared cache (e.g., per-model entry cache) needs to\n * filter cached items to only those matching the active query. QueryMatcher does\n * this by splitting filters into two categories:\n *\n * - **Local filters** (e.g., folderId, status) — evaluated client-side against\n *   each item using predicates provided via `localFilters` config. Used when\n *   browsing without search or server-side filters.\n *\n * - **Server-side filters** (search, advanced search, any filter key not in\n *   `localFilters`) — cannot be evaluated locally. Instead, QueryMatcher tracks\n *   the set of item keys returned by the last server query (`_queryResultKeys`)\n *   and restricts the view to those items.\n *\n * The `matcher` getter is MobX-computed, so any DataSource `rows` getter that\n * reads it will recompute when the matcher changes after a query.\n *\n * Usage:\n * ```ts\n * const matcher = new QueryMatcher<MyItem>({\n *     keyField: \"id\",\n *     localFilters: {\n *         folderId: (item, value) => item.folderId === value,\n *         status: (item, value) => item.status === value,\n *     }\n * });\n *\n * // In DataSource.query(), after fetching:\n * matcher.updateFromQuery(params, result.data.map(item => item.id));\n *\n * // In DataSource.rows getter:\n * return cache.getItems().filter(matcher.matcher);\n * ```\n */\nexport class QueryMatcher<TRow> {\n    private _queryResultKeys: Set<string> | null = null;\n    private _matcher: (item: TRow) => boolean = () => true;\n    private localFilterKeys: Set<string>;\n\n    constructor(private config: QueryMatcherConfig<TRow>) {\n        this.localFilterKeys = new Set(Object.keys(config.localFilters));\n\n        makeObservable<QueryMatcher<TRow>, \"_matcher\">(this, {\n            _matcher: observableRef,\n            matcher: computed,\n            updateFromQuery: action,\n            appendResultKeys: action\n        });\n    }\n\n    get matcher(): (item: TRow) => boolean {\n        return this._matcher;\n    }\n\n    filter(items: TRow[]): TRow[] {\n        return items.filter(this._matcher);\n    }\n\n    hasServerSideFilters(params: IDataSourceQuery): boolean {\n        if (params.search) {\n            return true;\n        }\n        const filters = params.filters ?? {};\n        return Object.keys(filters).some(key => !this.localFilterKeys.has(key));\n    }\n\n    updateFromQuery(params: IDataSourceQuery, resultKeys: string[]): void {\n        if (this.hasServerSideFilters(params)) {\n            this._queryResultKeys = new Set(resultKeys);\n        } else {\n            this._queryResultKeys = null;\n        }\n        this._matcher = this.buildMatcher(params);\n    }\n\n    appendResultKeys(keys: string[]): void {\n        if (this._queryResultKeys) {\n            for (const key of keys) {\n                this._queryResultKeys.add(key);\n            }\n        }\n    }\n\n    private buildMatcher(params: IDataSourceQuery): (item: TRow) => boolean {\n        const filters = params.filters ?? {};\n        const queryResultKeys = this._queryResultKeys;\n        const isSearching = !!params.search;\n        const { keyField, localFilters } = this.config;\n\n        const activeLocalFilters: Array<{ predicate: ItemPredicate<TRow>; value: unknown }> = [];\n        for (const [key, predicate] of Object.entries(localFilters)) {\n            const value = filters[key];\n            if (value !== undefined && value !== null) {\n                activeLocalFilters.push({ predicate, value });\n            }\n        }\n\n        return (item: TRow) => {\n            if (queryResultKeys) {\n                if (!queryResultKeys.has(String(item[keyField]))) {\n                    return false;\n                }\n            } else if (!isSearching) {\n                for (const { predicate, value } of activeLocalFilters) {\n                    if (!predicate(item, value)) {\n                        return false;\n                    }\n                }\n            }\n\n            return true;\n        };\n    }\n}\n"],"names":["QueryMatcher","config","Set","Object","makeObservable","observableRef","computed","action","items","params","filters","key","resultKeys","keys","queryResultKeys","isSearching","keyField","localFilters","activeLocalFilters","predicate","value","item","String"],"mappings":";AA8CO,MAAMA;IAKT,YAAoBC,MAAgC,CAAE;aAAlCA,MAAM,GAANA;aAJZ,gBAAgB,GAAuB;aACvC,QAAQ,GAA4B,IAAM;QAI9C,IAAI,CAAC,eAAe,GAAG,IAAIC,IAAIC,OAAO,IAAI,CAACF,OAAO,YAAY;QAE9DG,eAA+C,IAAI,EAAE;YACjD,UAAUC;YACV,SAASC;YACT,iBAAiBC;YACjB,kBAAkBA;QACtB;IACJ;IAEA,IAAI,UAAmC;QACnC,OAAO,IAAI,CAAC,QAAQ;IACxB;IAEA,OAAOC,KAAa,EAAU;QAC1B,OAAOA,MAAM,MAAM,CAAC,IAAI,CAAC,QAAQ;IACrC;IAEA,qBAAqBC,MAAwB,EAAW;QACpD,IAAIA,OAAO,MAAM,EACb,OAAO;QAEX,MAAMC,UAAUD,OAAO,OAAO,IAAI,CAAC;QACnC,OAAON,OAAO,IAAI,CAACO,SAAS,IAAI,CAACC,CAAAA,MAAO,CAAC,IAAI,CAAC,eAAe,CAAC,GAAG,CAACA;IACtE;IAEA,gBAAgBF,MAAwB,EAAEG,UAAoB,EAAQ;QAClE,IAAI,IAAI,CAAC,oBAAoB,CAACH,SAC1B,IAAI,CAAC,gBAAgB,GAAG,IAAIP,IAAIU;aAEhC,IAAI,CAAC,gBAAgB,GAAG;QAE5B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,YAAY,CAACH;IACtC;IAEA,iBAAiBI,IAAc,EAAQ;QACnC,IAAI,IAAI,CAAC,gBAAgB,EACrB,KAAK,MAAMF,OAAOE,KACd,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAACF;IAGtC;IAEQ,aAAaF,MAAwB,EAA2B;QACpE,MAAMC,UAAUD,OAAO,OAAO,IAAI,CAAC;QACnC,MAAMK,kBAAkB,IAAI,CAAC,gBAAgB;QAC7C,MAAMC,cAAc,CAAC,CAACN,OAAO,MAAM;QACnC,MAAM,EAAEO,QAAQ,EAAEC,YAAY,EAAE,GAAG,IAAI,CAAC,MAAM;QAE9C,MAAMC,qBAAgF,EAAE;QACxF,KAAK,MAAM,CAACP,KAAKQ,UAAU,IAAIhB,OAAO,OAAO,CAACc,cAAe;YACzD,MAAMG,QAAQV,OAAO,CAACC,IAAI;YAC1B,IAAIS,QAAAA,OACAF,mBAAmB,IAAI,CAAC;gBAAEC;gBAAWC;YAAM;QAEnD;QAEA,OAAO,CAACC;YACJ,IAAIP,iBACA;gBAAA,IAAI,CAACA,gBAAgB,GAAG,CAACQ,OAAOD,IAAI,CAACL,SAAS,IAC1C,OAAO;YACX,OACG,IAAI,CAACD,aACR;gBAAA,KAAK,MAAM,EAAEI,SAAS,EAAEC,KAAK,EAAE,IAAIF,mBAC/B,IAAI,CAACC,UAAUE,MAAMD,QACjB,OAAO;YAEf;YAGJ,OAAO;QACX;IACJ;AACJ"}

package/presentation/listPresenter/SimpleDataSource.d.ts

@@ -0,0 +1,15 @@
+import type { IDataSource, IDataSourceQuery, IDataSourceMeta } from "./abstractions.js";
+import type { FetchResult } from "./FolderAwareDataSource.js";
+export declare abstract class SimpleDataSource<TRow> implements IDataSource<TRow> {
+    private _meta;
+    private _loading;
+    protected constructor();
+    abstract get rows(): TRow[];
+    abstract fetch(params: IDataSourceQuery): Promise<FetchResult<TRow>>;
+    protected onQueryResult(_data: TRow[]): void;
+    protected onLoadMoreResult(_data: TRow[]): void;
+    get meta(): IDataSourceMeta;
+    get loading(): boolean;
+    query(params: IDataSourceQuery): Promise<void>;
+    loadMore(params: IDataSourceQuery): Promise<void>;
+}

package/presentation/listPresenter/SimpleDataSource.js

@@ -0,0 +1,70 @@
+import { action, computed, makeObservable, observable, runInAction } from "mobx";
+class SimpleDataSource {
+    constructor(){
+        this._meta = {
+            cursor: null,
+            hasMoreItems: false,
+            totalCount: 0
+        };
+        this._loading = false;
+        makeObservable(this, {
+            _meta: observable,
+            _loading: observable,
+            meta: computed,
+            loading: computed,
+            query: action,
+            loadMore: action
+        });
+    }
+    onQueryResult(_data) {}
+    onLoadMoreResult(_data) {}
+    get meta() {
+        return this._meta;
+    }
+    get loading() {
+        return this._loading;
+    }
+    async query(params) {
+        this._loading = true;
+        try {
+            const result = await this.fetch(params);
+            runInAction(()=>{
+                this.onQueryResult(result.data);
+                this._meta = {
+                    cursor: result.meta.cursor,
+                    hasMoreItems: result.meta.hasMoreItems,
+                    totalCount: result.meta.totalCount
+                };
+            });
+        } finally{
+            runInAction(()=>{
+                this._loading = false;
+            });
+        }
+    }
+    async loadMore(params) {
+        if (!this._meta.hasMoreItems || this._loading) return;
+        this._loading = true;
+        try {
+            const result = await this.fetch({
+                ...params,
+                cursor: this._meta.cursor ?? void 0
+            });
+            runInAction(()=>{
+                this.onLoadMoreResult(result.data);
+                this._meta = {
+                    cursor: result.meta.cursor,
+                    hasMoreItems: result.meta.hasMoreItems,
+                    totalCount: result.meta.totalCount
+                };
+            });
+        } finally{
+            runInAction(()=>{
+                this._loading = false;
+            });
+        }
+    }
+}
+export { SimpleDataSource };
+
+//# sourceMappingURL=SimpleDataSource.js.map

package/presentation/listPresenter/SimpleDataSource.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/listPresenter/SimpleDataSource.js","sources":["../../../src/presentation/listPresenter/SimpleDataSource.ts"],"sourcesContent":["import { makeObservable, observable, computed, runInAction, action } from \"mobx\";\nimport type { IDataSource, IDataSourceQuery, IDataSourceMeta } from \"./abstractions.js\";\nimport type { FetchResult } from \"./FolderAwareDataSource.js\";\n\nexport abstract class SimpleDataSource<TRow> implements IDataSource<TRow> {\n    private _meta: IDataSourceMeta = { cursor: null, hasMoreItems: false, totalCount: 0 };\n    private _loading = false;\n\n    protected constructor() {\n        makeObservable<SimpleDataSource<TRow>, \"_meta\" | \"_loading\">(this, {\n            _meta: observable,\n            _loading: observable,\n            meta: computed,\n            loading: computed,\n            query: action,\n            loadMore: action\n        });\n    }\n\n    abstract get rows(): TRow[];\n\n    abstract fetch(params: IDataSourceQuery): Promise<FetchResult<TRow>>;\n\n    protected onQueryResult(_data: TRow[]): void {}\n\n    protected onLoadMoreResult(_data: TRow[]): void {}\n\n    get meta(): IDataSourceMeta {\n        return this._meta;\n    }\n\n    get loading(): boolean {\n        return this._loading;\n    }\n\n    async query(params: IDataSourceQuery): Promise<void> {\n        this._loading = true;\n\n        try {\n            const result = await this.fetch(params);\n\n            runInAction(() => {\n                this.onQueryResult(result.data);\n                this._meta = {\n                    cursor: result.meta.cursor,\n                    hasMoreItems: result.meta.hasMoreItems,\n                    totalCount: result.meta.totalCount\n                };\n            });\n        } finally {\n            runInAction(() => {\n                this._loading = false;\n            });\n        }\n    }\n\n    async loadMore(params: IDataSourceQuery): Promise<void> {\n        if (!this._meta.hasMoreItems || this._loading) {\n            return;\n        }\n\n        this._loading = true;\n\n        try {\n            const result = await this.fetch({\n                ...params,\n                cursor: this._meta.cursor ?? undefined\n            });\n\n            runInAction(() => {\n                this.onLoadMoreResult(result.data);\n                this._meta = {\n                    cursor: result.meta.cursor,\n                    hasMoreItems: result.meta.hasMoreItems,\n                    totalCount: result.meta.totalCount\n                };\n            });\n        } finally {\n            runInAction(() => {\n                this._loading = false;\n            });\n        }\n    }\n}\n"],"names":["SimpleDataSource","makeObservable","observable","computed","action","_data","params","result","runInAction","undefined"],"mappings":";AAIO,MAAeA;IAIlB,aAAwB;aAHhB,KAAK,GAAoB;YAAE,QAAQ;YAAM,cAAc;YAAO,YAAY;QAAE;aAC5E,QAAQ,GAAG;QAGfC,eAA6D,IAAI,EAAE;YAC/D,OAAOC;YACP,UAAUA;YACV,MAAMC;YACN,SAASA;YACT,OAAOC;YACP,UAAUA;QACd;IACJ;IAMU,cAAcC,KAAa,EAAQ,CAAC;IAEpC,iBAAiBA,KAAa,EAAQ,CAAC;IAEjD,IAAI,OAAwB;QACxB,OAAO,IAAI,CAAC,KAAK;IACrB;IAEA,IAAI,UAAmB;QACnB,OAAO,IAAI,CAAC,QAAQ;IACxB;IAEA,MAAM,MAAMC,MAAwB,EAAiB;QACjD,IAAI,CAAC,QAAQ,GAAG;QAEhB,IAAI;YACA,MAAMC,SAAS,MAAM,IAAI,CAAC,KAAK,CAACD;YAEhCE,YAAY;gBACR,IAAI,CAAC,aAAa,CAACD,OAAO,IAAI;gBAC9B,IAAI,CAAC,KAAK,GAAG;oBACT,QAAQA,OAAO,IAAI,CAAC,MAAM;oBAC1B,cAAcA,OAAO,IAAI,CAAC,YAAY;oBACtC,YAAYA,OAAO,IAAI,CAAC,UAAU;gBACtC;YACJ;QACJ,SAAU;YACNC,YAAY;gBACR,IAAI,CAAC,QAAQ,GAAG;YACpB;QACJ;IACJ;IAEA,MAAM,SAASF,MAAwB,EAAiB;QACpD,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,IAAI,IAAI,CAAC,QAAQ,EACzC;QAGJ,IAAI,CAAC,QAAQ,GAAG;QAEhB,IAAI;YACA,MAAMC,SAAS,MAAM,IAAI,CAAC,KAAK,CAAC;gBAC5B,GAAGD,MAAM;gBACT,QAAQ,IAAI,CAAC,KAAK,CAAC,MAAM,IAAIG;YACjC;YAEAD,YAAY;gBACR,IAAI,CAAC,gBAAgB,CAACD,OAAO,IAAI;gBACjC,IAAI,CAAC,KAAK,GAAG;oBACT,QAAQA,OAAO,IAAI,CAAC,MAAM;oBAC1B,cAAcA,OAAO,IAAI,CAAC,YAAY;oBACtC,YAAYA,OAAO,IAAI,CAAC,UAAU;gBACtC;YACJ;QACJ,SAAU;YACNC,YAAY;gBACR,IAAI,CAAC,QAAQ,GAAG;YACpB;QACJ;IACJ;AACJ"}

package/presentation/listPresenter/abstractions.d.ts

@@ -31,8 +31,13 @@ export interface IListPresenterConfig<TRow> {
         direction: "ASC" | "DESC";
     };
     initialFilters?: Record<string, unknown>;
+    initialSearch?: string;
     debounceMs?: number;
     limit?: number;
+    itemLabel?: {
+        singular: string;
+        plural: string;
+    };
 }
 export interface IListError {
     code: string;
@@ -59,7 +64,9 @@ export interface IListViewModel<TRow> {
         selectedIds: Set<string>;
         selectedCount: number;
         allSelected: boolean;
+        label: string;
     };
+    showingFilters: boolean;
     empty: boolean;
     emptyWithFilters: boolean;
     error: IListError | null;
@@ -77,6 +84,8 @@ export interface IListActions {
         set(key: string, value: unknown): void;
         clear(key: string): void;
         clearAll(): void;
+        show(): void;
+        hide(): void;
     };
     selection: {
         toggle(id: string): void;

package/presentation/listPresenter/abstractions.js.map

@@ -1 +1 @@
-{"version":3,"file":"presentation/listPresenter/abstractions.js","sources":["../../../src/presentation/listPresenter/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\n\n// ---------------------------------------------------------------------------\n// DataSource interfaces\n// ---------------------------------------------------------------------------\n\nexport interface IDataSourceQuery {\n    search?: string;\n    filters?: Record<string, unknown>;\n    sort?: { field: string; direction: \"ASC\" | \"DESC\" };\n    cursor?: string;\n    limit?: number;\n}\n\nexport interface IDataSourceMeta {\n    cursor: string | null;\n    hasMoreItems: boolean;\n    totalCount: number;\n}\n\nexport interface IDataSourceResult<TRow> {\n    rows: TRow[];\n    meta: IDataSourceMeta;\n}\n\nexport interface IDataSource<TRow> {\n    readonly rows: TRow[];\n    readonly meta: IDataSourceMeta;\n    readonly loading: boolean;\n    query(params: IDataSourceQuery): Promise<void>;\n    loadMore(params: IDataSourceQuery): Promise<void>;\n}\n\n// ---------------------------------------------------------------------------\n// ListPresenter config\n// ---------------------------------------------------------------------------\n\nexport interface IListPresenterConfig<TRow> {\n    dataSource: IDataSource<TRow>;\n    initialSort?: { field: string; direction: \"ASC\" | \"DESC\" };\n    initialFilters?: Record<string, unknown>;\n    debounceMs?: number;\n    limit?: number;\n}\n\n// ---------------------------------------------------------------------------\n// ListError\n// ---------------------------------------------------------------------------\n\nexport interface IListError {\n    code: string;\n    message: string;\n    retryable: boolean;\n}\n\n// ---------------------------------------------------------------------------\n// ListViewModel\n// ---------------------------------------------------------------------------\n\nexport interface IListViewModel<TRow> {\n    rows: TRow[];\n    sort: { field: string; direction: \"ASC\" | \"DESC\" } | null;\n    filters: Record<string, unknown>;\n    search: string;\n    appliedQuery: IDataSourceQuery | null;\n    pagination: {\n        hasMore: boolean;\n        loading: boolean;\n        loadingMore: boolean;\n        totalCount: number;\n        currentCount: number;\n    };\n    selection: {\n        selectedIds: Set<string>;\n        selectedCount: number;\n        allSelected: boolean;\n    };\n    empty: boolean;\n    emptyWithFilters: boolean;\n    error: IListError | null;\n}\n\n// ---------------------------------------------------------------------------\n// ListActions\n// ---------------------------------------------------------------------------\n\nexport interface IListActions {\n    search: {\n        set(query: string): void;\n        clear(): void;\n    };\n    sort: {\n        set(field: string, direction: \"ASC\" | \"DESC\"): void;\n        toggle(field: string): void;\n    };\n    filter: {\n        set(key: string, value: unknown): void;\n        clear(key: string): void;\n        clearAll(): void;\n    };\n    selection: {\n        toggle(id: string): void;\n        selectRangeTo(id: string): void;\n        selectAll(): void;\n        deselectAll(): void;\n        selectRows(ids: string[]): void;\n        isSelected(id: string): boolean;\n    };\n    loadMore(): Promise<void>;\n    refresh(): Promise<void>;\n}\n\n// ---------------------------------------------------------------------------\n// ListPresenter abstraction\n// ---------------------------------------------------------------------------\n\nexport interface IListPresenter<TRow> {\n    vm: IListViewModel<TRow>;\n    actions: IListActions;\n    init(config: IListPresenterConfig<TRow>): void;\n}\n\nexport const ListPresenter = createAbstraction<IListPresenter<any>>(\"ListPresenter\");\n\nexport namespace ListPresenter {\n    export type Interface<TRow = any> = IListPresenter<TRow>;\n    export type ViewModel<TRow = any> = IListViewModel<TRow>;\n    export type Actions = IListActions;\n    export type Config<TRow = any> = IListPresenterConfig<TRow>;\n    export type Error = IListError;\n    export type DataSource<TRow = any> = IDataSource<TRow>;\n    export type DataSourceQuery = IDataSourceQuery;\n    export type DataSourceResult<TRow = any> = IDataSourceResult<TRow>;\n}\n"],"names":["ListPresenter","createAbstraction"],"mappings":";AA0HO,MAAMA,gBAAgBC,kBAAuC"}
+{"version":3,"file":"presentation/listPresenter/abstractions.js","sources":["../../../src/presentation/listPresenter/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\n\n// ---------------------------------------------------------------------------\n// DataSource interfaces\n// ---------------------------------------------------------------------------\n\nexport interface IDataSourceQuery {\n    search?: string;\n    filters?: Record<string, unknown>;\n    sort?: { field: string; direction: \"ASC\" | \"DESC\" };\n    cursor?: string;\n    limit?: number;\n}\n\nexport interface IDataSourceMeta {\n    cursor: string | null;\n    hasMoreItems: boolean;\n    totalCount: number;\n}\n\nexport interface IDataSourceResult<TRow> {\n    rows: TRow[];\n    meta: IDataSourceMeta;\n}\n\nexport interface IDataSource<TRow> {\n    readonly rows: TRow[];\n    readonly meta: IDataSourceMeta;\n    readonly loading: boolean;\n    query(params: IDataSourceQuery): Promise<void>;\n    loadMore(params: IDataSourceQuery): Promise<void>;\n}\n\n// ---------------------------------------------------------------------------\n// ListPresenter config\n// ---------------------------------------------------------------------------\n\nexport interface IListPresenterConfig<TRow> {\n    dataSource: IDataSource<TRow>;\n    initialSort?: { field: string; direction: \"ASC\" | \"DESC\" };\n    initialFilters?: Record<string, unknown>;\n    initialSearch?: string;\n    debounceMs?: number;\n    limit?: number;\n    itemLabel?: { singular: string; plural: string };\n}\n\n// ---------------------------------------------------------------------------\n// ListError\n// ---------------------------------------------------------------------------\n\nexport interface IListError {\n    code: string;\n    message: string;\n    retryable: boolean;\n}\n\n// ---------------------------------------------------------------------------\n// ListViewModel\n// ---------------------------------------------------------------------------\n\nexport interface IListViewModel<TRow> {\n    rows: TRow[];\n    sort: { field: string; direction: \"ASC\" | \"DESC\" } | null;\n    filters: Record<string, unknown>;\n    search: string;\n    appliedQuery: IDataSourceQuery | null;\n    pagination: {\n        hasMore: boolean;\n        loading: boolean;\n        loadingMore: boolean;\n        totalCount: number;\n        currentCount: number;\n    };\n    selection: {\n        selectedIds: Set<string>;\n        selectedCount: number;\n        allSelected: boolean;\n        label: string;\n    };\n    showingFilters: boolean;\n    empty: boolean;\n    emptyWithFilters: boolean;\n    error: IListError | null;\n}\n\n// ---------------------------------------------------------------------------\n// ListActions\n// ---------------------------------------------------------------------------\n\nexport interface IListActions {\n    search: {\n        set(query: string): void;\n        clear(): void;\n    };\n    sort: {\n        set(field: string, direction: \"ASC\" | \"DESC\"): void;\n        toggle(field: string): void;\n    };\n    filter: {\n        set(key: string, value: unknown): void;\n        clear(key: string): void;\n        clearAll(): void;\n        show(): void;\n        hide(): void;\n    };\n    selection: {\n        toggle(id: string): void;\n        selectRangeTo(id: string): void;\n        selectAll(): void;\n        deselectAll(): void;\n        selectRows(ids: string[]): void;\n        isSelected(id: string): boolean;\n    };\n    loadMore(): Promise<void>;\n    refresh(): Promise<void>;\n}\n\n// ---------------------------------------------------------------------------\n// ListPresenter abstraction\n// ---------------------------------------------------------------------------\n\nexport interface IListPresenter<TRow> {\n    vm: IListViewModel<TRow>;\n    actions: IListActions;\n    init(config: IListPresenterConfig<TRow>): void;\n}\n\nexport const ListPresenter = createAbstraction<IListPresenter<any>>(\"ListPresenter\");\n\nexport namespace ListPresenter {\n    export type Interface<TRow = any> = IListPresenter<TRow>;\n    export type ViewModel<TRow = any> = IListViewModel<TRow>;\n    export type Actions = IListActions;\n    export type Config<TRow = any> = IListPresenterConfig<TRow>;\n    export type Error = IListError;\n    export type DataSource<TRow = any> = IDataSource<TRow>;\n    export type DataSourceQuery = IDataSourceQuery;\n    export type DataSourceResult<TRow = any> = IDataSourceResult<TRow>;\n}\n"],"names":["ListPresenter","createAbstraction"],"mappings":";AAgIO,MAAMA,gBAAgBC,kBAAuC"}

package/presentation/listPresenter/index.d.ts

@@ -1,3 +1,8 @@
 export { ListPresenterFeature } from "./feature.js";
 export { ListPresenter } from "./abstractions.js";
 export type { IListPresenter, IListPresenterConfig, IListViewModel, IListActions, IListError, IDataSource, IDataSourceQuery, IDataSourceResult } from "./abstractions.js";
+export { QueryMatcher } from "./QueryMatcher.js";
+export type { QueryMatcherConfig } from "./QueryMatcher.js";
+export { FolderAwareDataSource } from "./FolderAwareDataSource.js";
+export type { FolderAwareDataSourceConfig, FetchParams, FetchResult } from "./FolderAwareDataSource.js";
+export { SimpleDataSource } from "./SimpleDataSource.js";

package/presentation/listPresenter/index.js

@@ -1,2 +1,5 @@
 export { ListPresenterFeature } from "./feature.js";
 export { ListPresenter } from "./abstractions.js";
+export { QueryMatcher } from "./QueryMatcher.js";
+export { FolderAwareDataSource } from "./FolderAwareDataSource.js";
+export { SimpleDataSource } from "./SimpleDataSource.js";

package/presentation/security/components/HasPermission.d.ts

@@ -6,5 +6,5 @@ interface HasPermissionProps {
     children: React.ReactNode;
 }
 export declare const HasPermission: ({ children, ...props }: HasPermissionProps) => React.JSX.Element | null;
-export declare const HasPermissionComponent: ({ children, ...props }: HasPermissionProps) => React.JSX.Element | null;
+export declare const HasPermissionComponent: typeof HasPermission;
 export {};

package/presentation/sortable/SortablePresenter.d.ts

@@ -0,0 +1,23 @@
+import { SortablePresenter as Abstraction } from "./abstractions.js";
+declare class SortablePresenterImpl implements Abstraction.Interface {
+    private draggingIndex;
+    private overIndex;
+    private closestEdge;
+    private cleanups;
+    private config;
+    constructor();
+    init(config: Abstraction.Config): void;
+    getItemProps(index: number): Abstraction.ItemProps;
+    dispose(): void;
+    private get type();
+    private isOwnDrag;
+    private getVisibleEdge;
+    private clearDropState;
+    private computeDestination;
+    private registerDropTarget;
+    private registerDraggable;
+}
+export declare const SortablePresenter: typeof SortablePresenterImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("./abstractions.js").ISortablePresenter>;
+};
+export {};

package/presentation/sortable/SortablePresenter.js

@@ -0,0 +1,175 @@
+import { makeAutoObservable, runInAction } from "mobx";
+import { draggable, dropTargetForElements } from "@atlaskit/pragmatic-drag-and-drop/element/adapter";
+import { attachClosestEdge, extractClosestEdge } from "@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge";
+import { SortablePresenter } from "./abstractions.js";
+function toSortableEdge(edge) {
+    if ("top" === edge || "bottom" === edge) return edge;
+    return null;
+}
+function getIndex(data) {
+    const index = data["index"];
+    if ("number" == typeof index) return index;
+    return null;
+}
+function getType(data) {
+    const type = data["type"];
+    if ("string" == typeof type) return type;
+    return null;
+}
+class SortablePresenterImpl {
+    constructor(){
+        this.draggingIndex = null;
+        this.overIndex = null;
+        this.closestEdge = null;
+        this.cleanups = new Map();
+        this.config = null;
+        makeAutoObservable(this, {
+            cleanups: false,
+            config: false
+        });
+    }
+    init(config) {
+        this.config = config;
+    }
+    getItemProps(index) {
+        return {
+            ref: (element)=>{
+                this.registerDropTarget(index, element);
+            },
+            handleRef: (element)=>{
+                this.registerDraggable(index, element);
+            },
+            isDragging: this.draggingIndex === index,
+            isOver: this.overIndex === index && this.draggingIndex !== index,
+            closestEdge: this.getVisibleEdge(index)
+        };
+    }
+    dispose() {
+        for (const cleanup of this.cleanups.values())cleanup();
+        this.cleanups.clear();
+        this.draggingIndex = null;
+        this.overIndex = null;
+        this.closestEdge = null;
+    }
+    get type() {
+        return this.config.type;
+    }
+    isOwnDrag(data) {
+        return getType(data) === this.type;
+    }
+    getVisibleEdge(index) {
+        if (this.overIndex !== index || this.draggingIndex === index || null === this.draggingIndex) return null;
+        const edge = this.closestEdge;
+        if ("top" === edge && this.draggingIndex === index - 1) return null;
+        if ("bottom" === edge && this.draggingIndex === index + 1) return null;
+        return edge;
+    }
+    clearDropState() {
+        this.draggingIndex = null;
+        this.overIndex = null;
+        this.closestEdge = null;
+    }
+    computeDestination(fromIndex, toIndex, edge) {
+        let destinationIndex = toIndex;
+        if ("bottom" === edge) destinationIndex = fromIndex < toIndex ? toIndex : toIndex + 1;
+        else if ("top" === edge) destinationIndex = fromIndex > toIndex ? toIndex : toIndex - 1;
+        return destinationIndex;
+    }
+    registerDropTarget(index, element) {
+        const key = 2 * index;
+        const existing = this.cleanups.get(key);
+        if (existing) {
+            existing();
+            this.cleanups.delete(key);
+        }
+        if (!element) return;
+        const cleanup = dropTargetForElements({
+            element,
+            canDrop: ({ source })=>this.isOwnDrag(source.data) && getIndex(source.data) !== index,
+            getData: ({ input })=>attachClosestEdge({
+                    index,
+                    type: this.type
+                }, {
+                    element,
+                    input,
+                    allowedEdges: [
+                        "top",
+                        "bottom"
+                    ]
+                }),
+            onDragEnter: ({ self, source })=>{
+                if (!this.isOwnDrag(source.data)) return;
+                runInAction(()=>{
+                    this.overIndex = index;
+                    this.closestEdge = toSortableEdge(extractClosestEdge(self.data));
+                });
+            },
+            onDrag: ({ self, source })=>{
+                if (!this.isOwnDrag(source.data)) return;
+                runInAction(()=>{
+                    this.overIndex = index;
+                    this.closestEdge = toSortableEdge(extractClosestEdge(self.data));
+                });
+            },
+            onDragLeave: ({ source })=>{
+                if (!this.isOwnDrag(source.data)) return;
+                runInAction(()=>{
+                    if (this.overIndex === index) {
+                        this.overIndex = null;
+                        this.closestEdge = null;
+                    }
+                });
+            },
+            onDrop: ({ self, source })=>{
+                if (!this.isOwnDrag(source.data)) return;
+                const fromIndex = getIndex(source.data);
+                const toIndex = getIndex(self.data);
+                const edge = toSortableEdge(extractClosestEdge(self.data));
+                runInAction(()=>{
+                    this.clearDropState();
+                });
+                if (null === fromIndex || null === toIndex || !this.config) return;
+                const destinationIndex = this.computeDestination(fromIndex, toIndex, edge);
+                if (destinationIndex !== fromIndex) this.config.onReorder(fromIndex, destinationIndex);
+            }
+        });
+        this.cleanups.set(key, cleanup);
+    }
+    registerDraggable(index, element) {
+        const key = 2 * index + 1;
+        const existing = this.cleanups.get(key);
+        if (existing) {
+            existing();
+            this.cleanups.delete(key);
+        }
+        if (!element) return;
+        const container = element.closest("[data-sortable-item]");
+        if (!container) return;
+        const cleanup = draggable({
+            element: container,
+            dragHandle: element,
+            getInitialData: ()=>({
+                    index,
+                    type: this.type
+                }),
+            onDragStart: ()=>{
+                runInAction(()=>{
+                    this.draggingIndex = index;
+                });
+            },
+            onDrop: ()=>{
+                runInAction(()=>{
+                    this.clearDropState();
+                });
+            }
+        });
+        this.cleanups.set(key, cleanup);
+    }
+}
+const SortablePresenter_SortablePresenter = SortablePresenter.createImplementation({
+    implementation: SortablePresenterImpl,
+    dependencies: []
+});
+export { SortablePresenter_SortablePresenter as SortablePresenter };
+
+//# sourceMappingURL=SortablePresenter.js.map

package/presentation/sortable/SortablePresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/sortable/SortablePresenter.js","sources":["../../../src/presentation/sortable/SortablePresenter.ts"],"sourcesContent":["import { makeAutoObservable, runInAction } from \"mobx\";\nimport {\n    draggable,\n    dropTargetForElements\n} from \"@atlaskit/pragmatic-drag-and-drop/element/adapter\";\nimport {\n    attachClosestEdge,\n    extractClosestEdge\n} from \"@atlaskit/pragmatic-drag-and-drop-hitbox/closest-edge\";\nimport { SortablePresenter as Abstraction } from \"./abstractions.js\";\n\nfunction toSortableEdge(edge: string | null): Abstraction.Edge | null {\n    if (edge === \"top\" || edge === \"bottom\") {\n        return edge;\n    }\n    return null;\n}\n\nfunction getIndex(data: Record<string | symbol, unknown>): number | null {\n    const index = data[\"index\"];\n    if (typeof index === \"number\") {\n        return index;\n    }\n    return null;\n}\n\nfunction getType(data: Record<string | symbol, unknown>): string | null {\n    const type = data[\"type\"];\n    if (typeof type === \"string\") {\n        return type;\n    }\n    return null;\n}\n\nclass SortablePresenterImpl implements Abstraction.Interface {\n    private draggingIndex: number | null = null;\n    private overIndex: number | null = null;\n    private closestEdge: Abstraction.Edge | null = null;\n    private cleanups = new Map<number, () => void>();\n    private config: Abstraction.Config | null = null;\n\n    constructor() {\n        makeAutoObservable<SortablePresenterImpl, \"cleanups\" | \"config\">(this, {\n            cleanups: false,\n            config: false\n        });\n    }\n\n    init(config: Abstraction.Config): void {\n        this.config = config;\n    }\n\n    getItemProps(index: number): Abstraction.ItemProps {\n        return {\n            ref: (element: HTMLElement | null) => {\n                this.registerDropTarget(index, element);\n            },\n            handleRef: (element: HTMLElement | null) => {\n                this.registerDraggable(index, element);\n            },\n            isDragging: this.draggingIndex === index,\n            isOver: this.overIndex === index && this.draggingIndex !== index,\n            closestEdge: this.getVisibleEdge(index)\n        };\n    }\n\n    dispose(): void {\n        for (const cleanup of this.cleanups.values()) {\n            cleanup();\n        }\n        this.cleanups.clear();\n        this.draggingIndex = null;\n        this.overIndex = null;\n        this.closestEdge = null;\n    }\n\n    private get type(): string {\n        return this.config!.type;\n    }\n\n    private isOwnDrag(data: Record<string | symbol, unknown>): boolean {\n        return getType(data) === this.type;\n    }\n\n    private getVisibleEdge(index: number): Abstraction.Edge | null {\n        if (\n            this.overIndex !== index ||\n            this.draggingIndex === index ||\n            this.draggingIndex === null\n        ) {\n            return null;\n        }\n        const edge = this.closestEdge;\n        if (edge === \"top\" && this.draggingIndex === index - 1) {\n            return null;\n        }\n        if (edge === \"bottom\" && this.draggingIndex === index + 1) {\n            return null;\n        }\n        return edge;\n    }\n\n    private clearDropState(): void {\n        this.draggingIndex = null;\n        this.overIndex = null;\n        this.closestEdge = null;\n    }\n\n    private computeDestination(\n        fromIndex: number,\n        toIndex: number,\n        edge: Abstraction.Edge | null\n    ): number {\n        let destinationIndex = toIndex;\n        if (edge === \"bottom\") {\n            destinationIndex = fromIndex < toIndex ? toIndex : toIndex + 1;\n        } else if (edge === \"top\") {\n            destinationIndex = fromIndex > toIndex ? toIndex : toIndex - 1;\n        }\n        return destinationIndex;\n    }\n\n    private registerDropTarget(index: number, element: HTMLElement | null): void {\n        const key = index * 2;\n        const existing = this.cleanups.get(key);\n        if (existing) {\n            existing();\n            this.cleanups.delete(key);\n        }\n\n        if (!element) {\n            return;\n        }\n\n        const cleanup = dropTargetForElements({\n            element,\n            canDrop: ({ source }) => {\n                return this.isOwnDrag(source.data) && getIndex(source.data) !== index;\n            },\n            getData: ({ input }) => {\n                return attachClosestEdge(\n                    { index, type: this.type },\n                    { element, input, allowedEdges: [\"top\", \"bottom\"] }\n                );\n            },\n            onDragEnter: ({ self, source }) => {\n                if (!this.isOwnDrag(source.data)) {\n                    return;\n                }\n                runInAction(() => {\n                    this.overIndex = index;\n                    this.closestEdge = toSortableEdge(extractClosestEdge(self.data));\n                });\n            },\n            onDrag: ({ self, source }) => {\n                if (!this.isOwnDrag(source.data)) {\n                    return;\n                }\n                runInAction(() => {\n                    this.overIndex = index;\n                    this.closestEdge = toSortableEdge(extractClosestEdge(self.data));\n                });\n            },\n            onDragLeave: ({ source }) => {\n                if (!this.isOwnDrag(source.data)) {\n                    return;\n                }\n                runInAction(() => {\n                    if (this.overIndex === index) {\n                        this.overIndex = null;\n                        this.closestEdge = null;\n                    }\n                });\n            },\n            onDrop: ({ self, source }) => {\n                if (!this.isOwnDrag(source.data)) {\n                    return;\n                }\n\n                const fromIndex = getIndex(source.data);\n                const toIndex = getIndex(self.data);\n                const edge = toSortableEdge(extractClosestEdge(self.data));\n\n                runInAction(() => {\n                    this.clearDropState();\n                });\n\n                if (fromIndex === null || toIndex === null || !this.config) {\n                    return;\n                }\n\n                const destinationIndex = this.computeDestination(fromIndex, toIndex, edge);\n                if (destinationIndex !== fromIndex) {\n                    this.config.onReorder(fromIndex, destinationIndex);\n                }\n            }\n        });\n\n        this.cleanups.set(key, cleanup);\n    }\n\n    private registerDraggable(index: number, element: HTMLElement | null): void {\n        const key = index * 2 + 1;\n        const existing = this.cleanups.get(key);\n        if (existing) {\n            existing();\n            this.cleanups.delete(key);\n        }\n\n        if (!element) {\n            return;\n        }\n\n        const container = element.closest(\"[data-sortable-item]\") as HTMLElement | null;\n        if (!container) {\n            return;\n        }\n\n        const cleanup = draggable({\n            element: container,\n            dragHandle: element,\n            getInitialData: () => ({ index, type: this.type }),\n            onDragStart: () => {\n                runInAction(() => {\n                    this.draggingIndex = index;\n                });\n            },\n            onDrop: () => {\n                runInAction(() => {\n                    this.clearDropState();\n                });\n            }\n        });\n\n        this.cleanups.set(key, cleanup);\n    }\n}\n\nexport const SortablePresenter = Abstraction.createImplementation({\n    implementation: SortablePresenterImpl,\n    dependencies: []\n});\n"],"names":["toSortableEdge","edge","getIndex","data","index","getType","type","SortablePresenterImpl","Map","makeAutoObservable","config","element","cleanup","fromIndex","toIndex","destinationIndex","key","existing","dropTargetForElements","source","input","attachClosestEdge","self","runInAction","extractClosestEdge","container","draggable","SortablePresenter","Abstraction"],"mappings":"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"}

package/presentation/sortable/abstractions.d.ts

@@ -0,0 +1,24 @@
+export type SortableEdge = "top" | "bottom";
+export interface ISortableItemProps {
+    ref: (element: HTMLElement | null) => void;
+    handleRef: (element: HTMLElement | null) => void;
+    isDragging: boolean;
+    isOver: boolean;
+    closestEdge: SortableEdge | null;
+}
+export interface ISortablePresenterConfig {
+    type: string;
+    onReorder: (fromIndex: number, toIndex: number) => void;
+}
+export interface ISortablePresenter {
+    init(config: ISortablePresenterConfig): void;
+    getItemProps(index: number): ISortableItemProps;
+    dispose(): void;
+}
+export declare const SortablePresenter: import("@webiny/di").Abstraction<ISortablePresenter>;
+export declare namespace SortablePresenter {
+    type Interface = ISortablePresenter;
+    type Config = ISortablePresenterConfig;
+    type ItemProps = ISortableItemProps;
+    type Edge = SortableEdge;
+}

package/presentation/sortable/abstractions.js

@@ -0,0 +1,5 @@
+import { createAbstraction } from "@webiny/feature/admin";
+const SortablePresenter = createAbstraction("SortablePresenter");
+export { SortablePresenter };
+
+//# sourceMappingURL=abstractions.js.map