@webiny/app-admin 0.0.0-unstable.eb196ccd2f → 0.0.0-unstable.eb81deee7e

package/presentation/listPresenter/ListPresenter.js.map

@@ -0,0 +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 _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/ListPresenter.test.d.ts

@@ -0,0 +1 @@
+export {};