@webiny/app-admin-ui 0.0.0-unstable.7be00a75a9 → 0.0.0-unstable.7c2def32a7

package/Dashboard/dashboardLayout/presenter/DashboardLayoutPresenter.d.ts

@@ -0,0 +1,56 @@
+import { GetCachedDashboardLayoutUseCase } from "../loadLayout/abstractions.js";
+import { FetchDashboardLayoutUseCase } from "../loadLayout/abstractions.js";
+import { SaveDashboardLayoutUseCase } from "../saveLayout/abstractions.js";
+import type { DashboardLayoutData } from "../types.js";
+import { DashboardLayoutPresenter as Abstraction } from "./abstractions.js";
+import type { DashboardWidgetInput } from "./abstractions.js";
+declare class DashboardLayoutPresenterImpl implements Abstraction.Interface {
+    private getCachedDashboardLayoutUseCase;
+    private fetchDashboardLayoutUseCase;
+    private saveDashboardLayoutUseCase;
+    private _userId;
+    private _columns;
+    private _columnCount;
+    private _hidden;
+    private _draggingName;
+    private _dropColumn;
+    private _dropBeforeName;
+    private _editing;
+    private _defaultColumns;
+    private _widgets;
+    private _changed;
+    private _saving;
+    private _pendingSave;
+    constructor(getCachedDashboardLayoutUseCase: GetCachedDashboardLayoutUseCase.Interface, fetchDashboardLayoutUseCase: FetchDashboardLayoutUseCase.Interface, saveDashboardLayoutUseCase: SaveDashboardLayoutUseCase.Interface);
+    get vm(): Abstraction.ViewModel;
+    init(userId: string, widgets: DashboardWidgetInput[]): void;
+    beginDrag: (name: string) => void;
+    hoverSlot: (column: number, beforeName: string | null) => void;
+    drop: () => void;
+    endDrag: () => void;
+    removeWidget: (name: string) => void;
+    addWidget: (name: string, column?: number) => void;
+    setColumnCount: (count: number) => void;
+    removeColumn: (index: number) => void;
+    startEditing: () => void;
+    stopEditing: () => void;
+    dispose: () => void;
+    resetToDefault: () => void;
+    applyFetchedLayout: (userId: string, fetched: DashboardLayoutData | null) => void;
+    /**
+     * Rebuild the columns and hidden list from a base state, keeping only currently registered
+     * widgets. Widgets neither placed nor hidden are treated as newly registered and appended to
+     * their default column.
+     */
+    private applyOrder;
+    /** Pure computation of the resulting columns if `name` were dropped before `beforeName`. */
+    private computeMove;
+    private clampColumn;
+    private revalidate;
+    private persist;
+    private flushSaves;
+}
+export declare const DashboardLayoutPresenter: typeof DashboardLayoutPresenterImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("./abstractions.js").IDashboardLayoutPresenter>;
+};
+export {};

package/Dashboard/dashboardLayout/presenter/DashboardLayoutPresenter.js

@@ -0,0 +1,308 @@
+import { makeAutoObservable } from "mobx";
+import { FetchDashboardLayoutUseCase, GetCachedDashboardLayoutUseCase } from "../loadLayout/abstractions.js";
+import { SaveDashboardLayoutUseCase } from "../saveLayout/abstractions.js";
+import { DEFAULT_COLUMN_COUNT, MAX_COLUMN_COUNT, MIN_COLUMN_COUNT } from "../types.js";
+import { DashboardLayoutPresenter } from "./abstractions.js";
+class DashboardLayoutPresenterImpl {
+    constructor(getCachedDashboardLayoutUseCase, fetchDashboardLayoutUseCase, saveDashboardLayoutUseCase){
+        this.getCachedDashboardLayoutUseCase = getCachedDashboardLayoutUseCase;
+        this.fetchDashboardLayoutUseCase = fetchDashboardLayoutUseCase;
+        this.saveDashboardLayoutUseCase = saveDashboardLayoutUseCase;
+        this._userId = null;
+        this._columns = [];
+        this._columnCount = DEFAULT_COLUMN_COUNT;
+        this._hidden = [];
+        this._draggingName = null;
+        this._dropColumn = null;
+        this._dropBeforeName = null;
+        this._editing = false;
+        this._defaultColumns = new Map();
+        this._widgets = [];
+        this._changed = false;
+        this._saving = false;
+        this._pendingSave = null;
+        this.beginDrag = (name)=>{
+            this._draggingName = name;
+        };
+        this.hoverSlot = (column, beforeName)=>{
+            if (null === this._draggingName) return;
+            const moved = this.computeMove(this._draggingName, column, beforeName);
+            if (columnsEqual(moved, this._columns)) {
+                if (null !== this._dropColumn) {
+                    this._dropColumn = null;
+                    this._dropBeforeName = null;
+                }
+                return;
+            }
+            if (this._dropColumn === column && this._dropBeforeName === beforeName) return;
+            this._dropColumn = column;
+            this._dropBeforeName = beforeName;
+        };
+        this.drop = ()=>{
+            if (null !== this._draggingName && null !== this._dropColumn) {
+                this._columns = this.computeMove(this._draggingName, this._dropColumn, this._dropBeforeName);
+                this.persist();
+            }
+            this.endDrag();
+        };
+        this.endDrag = ()=>{
+            this._draggingName = null;
+            this._dropColumn = null;
+            this._dropBeforeName = null;
+        };
+        this.removeWidget = (name)=>{
+            this._columns = this._columns.map((column)=>column.filter((n)=>n !== name));
+            if (!this._hidden.includes(name)) this._hidden = [
+                ...this._hidden,
+                name
+            ];
+            this.persist();
+        };
+        this.addWidget = (name, column)=>{
+            if (!this._hidden.includes(name)) return;
+            this._hidden = this._hidden.filter((n)=>n !== name);
+            const requested = column ?? this._defaultColumns.get(name) ?? 0;
+            const target = this.clampColumn(requested);
+            this._columns = this._columns.map((names, index)=>{
+                if (index !== target || names.includes(name)) return names;
+                return [
+                    ...names,
+                    name
+                ];
+            });
+            this.persist();
+        };
+        this.setColumnCount = (count)=>{
+            const next = clamp(count, MIN_COLUMN_COUNT, MAX_COLUMN_COUNT);
+            if (next === this._columnCount) return;
+            this._columns = resizeColumns(this._columns, next);
+            this._columnCount = next;
+            this.persist();
+        };
+        this.removeColumn = (index)=>{
+            if (this._columnCount <= MIN_COLUMN_COUNT || index < 0 || index >= this._columns.length) return;
+            const removed = this._columns[index];
+            const columns = this._columns.filter((_, i)=>i !== index);
+            if (removed.length > 0) {
+                const target = Math.max(0, index - 1);
+                columns[target] = [
+                    ...columns[target],
+                    ...removed
+                ];
+            }
+            this._columns = columns;
+            this._columnCount = columns.length;
+            this.persist();
+        };
+        this.startEditing = ()=>{
+            this._editing = true;
+        };
+        this.stopEditing = ()=>{
+            this._editing = false;
+            this.endDrag();
+        };
+        this.dispose = ()=>{
+            this.stopEditing();
+        };
+        this.resetToDefault = ()=>{
+            this._columnCount = DEFAULT_COLUMN_COUNT;
+            const columns = Array.from({
+                length: this._columnCount
+            }, ()=>[]);
+            for (const [name, column] of this._defaultColumns)columns[clamp(column, 0, this._columnCount - 1)].push(name);
+            this._columns = columns;
+            this._hidden = [];
+            this.persist();
+        };
+        this.applyFetchedLayout = (userId, fetched)=>{
+            if (this._userId !== userId || this._changed || null !== this._draggingName) return;
+            const layout = normalizeLayout(fetched);
+            this.applyOrder(this._widgets, layout);
+        };
+        makeAutoObservable(this, {
+            getCachedDashboardLayoutUseCase: false,
+            fetchDashboardLayoutUseCase: false,
+            saveDashboardLayoutUseCase: false,
+            _defaultColumns: false,
+            _widgets: false,
+            _changed: false,
+            _saving: false,
+            _pendingSave: false,
+            revalidate: false,
+            flushSaves: false
+        });
+    }
+    get vm() {
+        let dropTarget = null;
+        if (null !== this._dropColumn) dropTarget = {
+            column: this._dropColumn,
+            beforeName: this._dropBeforeName
+        };
+        return {
+            columns: this._columns.map((column)=>[
+                    ...column
+                ]),
+            columnCount: this._columnCount,
+            hidden: [
+                ...this._hidden
+            ],
+            draggingName: this._draggingName,
+            dropTarget,
+            editing: this._editing
+        };
+    }
+    init(userId, widgets) {
+        this._widgets = widgets;
+        if (this._userId !== userId) {
+            this._userId = userId;
+            this._pendingSave = null;
+            this._changed = false;
+            this._editing = false;
+            this.endDrag();
+            const cached = this.getCachedDashboardLayoutUseCase.execute(userId);
+            const layout = normalizeLayout(cached);
+            this.applyOrder(widgets, layout);
+            this.revalidate(userId);
+            return;
+        }
+        this.applyOrder(widgets, {
+            columns: this._columns,
+            hidden: this._hidden,
+            columnCount: this._columnCount
+        });
+    }
+    applyOrder(widgets, base) {
+        const names = widgets.map((w)=>w.name);
+        const registered = new Set(names);
+        const placed = new Set();
+        const columnCount = clamp(base.columnCount, MIN_COLUMN_COUNT, MAX_COLUMN_COUNT);
+        this._columnCount = columnCount;
+        const defaults = widgets.map((w)=>[
+                w.name,
+                clamp(w.column, 0, columnCount - 1)
+            ]);
+        this._defaultColumns = new Map(defaults);
+        const columns = Array.from({
+            length: columnCount
+        }, ()=>[]);
+        base.columns.forEach((column, index)=>{
+            const target = Math.min(index, columnCount - 1);
+            for (const name of column)if (registered.has(name) && !placed.has(name)) {
+                columns[target].push(name);
+                placed.add(name);
+            }
+        });
+        const hidden = [];
+        for (const name of base.hidden)if (registered.has(name) && !placed.has(name)) {
+            hidden.push(name);
+            placed.add(name);
+        }
+        for (const widget of widgets)if (!placed.has(widget.name)) {
+            columns[clamp(widget.column, 0, columnCount - 1)].push(widget.name);
+            placed.add(widget.name);
+        }
+        this._columns = columns;
+        this._hidden = hidden;
+    }
+    computeMove(name, column, beforeName) {
+        if (beforeName === name) return this._columns.map((c)=>[
+                ...c
+            ]);
+        const columns = this._columns.map((c)=>c.filter((n)=>n !== name));
+        const target = columns[this.clampColumn(column)];
+        if (null === beforeName) target.push(name);
+        else {
+            const index = target.indexOf(beforeName);
+            if (index < 0) target.push(name);
+            else target.splice(index, 0, name);
+        }
+        return columns;
+    }
+    clampColumn(column) {
+        return clamp(column, 0, this._columnCount - 1);
+    }
+    async revalidate(userId) {
+        let fetched;
+        try {
+            fetched = await this.fetchDashboardLayoutUseCase.execute(userId);
+        } catch  {
+            return;
+        }
+        this.applyFetchedLayout(userId, fetched);
+    }
+    persist() {
+        if (null === this._userId) return;
+        this._changed = true;
+        this._pendingSave = {
+            userId: this._userId,
+            layout: {
+                columns: this._columns,
+                hidden: this._hidden,
+                columnCount: this._columnCount
+            }
+        };
+        if (!this._saving) this.flushSaves();
+    }
+    async flushSaves() {
+        this._saving = true;
+        while(this._pendingSave){
+            const { userId, layout } = this._pendingSave;
+            this._pendingSave = null;
+            try {
+                await this.saveDashboardLayoutUseCase.execute(userId, layout);
+            } catch  {}
+        }
+        this._saving = false;
+    }
+}
+function clamp(value, min, max) {
+    const upperBounded = Math.min(value, max);
+    return Math.max(min, upperBounded);
+}
+function columnsEqual(a, b) {
+    if (a.length !== b.length) return false;
+    return a.every((column, index)=>{
+        const other = b[index];
+        return column.length === other.length && column.every((v, i)=>v === other[i]);
+    });
+}
+function resizeColumns(columns, count) {
+    if (count >= columns.length) {
+        const next = columns.map((c)=>[
+                ...c
+            ]);
+        while(next.length < count)next.push([]);
+        return next;
+    }
+    const next = columns.slice(0, count).map((c)=>[
+            ...c
+        ]);
+    for(let i = count; i < columns.length; i++)next[count - 1].push(...columns[i]);
+    return next;
+}
+function normalizeLayout(layout) {
+    if (!layout) return {
+        columns: [],
+        hidden: [],
+        columnCount: DEFAULT_COLUMN_COUNT
+    };
+    const columns = layout.columns ?? [];
+    const requestedCount = layout.columnCount ?? columns.length;
+    const columnCount = clamp(requestedCount, MIN_COLUMN_COUNT, MAX_COLUMN_COUNT);
+    return {
+        columns,
+        hidden: layout.hidden ?? [],
+        columnCount
+    };
+}
+const DashboardLayoutPresenter_DashboardLayoutPresenter = DashboardLayoutPresenter.createImplementation({
+    implementation: DashboardLayoutPresenterImpl,
+    dependencies: [
+        GetCachedDashboardLayoutUseCase,
+        FetchDashboardLayoutUseCase,
+        SaveDashboardLayoutUseCase
+    ]
+});
+export { DashboardLayoutPresenter_DashboardLayoutPresenter as DashboardLayoutPresenter };
+
+//# sourceMappingURL=DashboardLayoutPresenter.js.map

package/Dashboard/dashboardLayout/presenter/DashboardLayoutPresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dashboard/dashboardLayout/presenter/DashboardLayoutPresenter.js","sources":["../../../../src/Dashboard/dashboardLayout/presenter/DashboardLayoutPresenter.ts"],"sourcesContent":["import { makeAutoObservable } from \"mobx\";\nimport { GetCachedDashboardLayoutUseCase } from \"../loadLayout/abstractions.js\";\nimport { FetchDashboardLayoutUseCase } from \"../loadLayout/abstractions.js\";\nimport { SaveDashboardLayoutUseCase } from \"../saveLayout/abstractions.js\";\nimport { DEFAULT_COLUMN_COUNT } from \"../types.js\";\nimport { MAX_COLUMN_COUNT } from \"../types.js\";\nimport { MIN_COLUMN_COUNT } from \"../types.js\";\nimport type { DashboardLayoutData } from \"../types.js\";\nimport { DashboardLayoutPresenter as Abstraction } from \"./abstractions.js\";\nimport type { DashboardDropTarget } from \"./abstractions.js\";\nimport type { DashboardWidgetInput } from \"./abstractions.js\";\n\ninterface PendingSave {\n    userId: string;\n    layout: DashboardLayoutData;\n}\n\nclass DashboardLayoutPresenterImpl implements Abstraction.Interface {\n    // Whose layout this is. The presenter is a singleton, so a different user starts over.\n    private _userId: string | null = null;\n    private _columns: string[][] = [];\n    private _columnCount = DEFAULT_COLUMN_COUNT;\n    private _hidden: string[] = [];\n    private _draggingName: string | null = null;\n    private _dropColumn: number | null = null;\n    private _dropBeforeName: string | null = null;\n    private _editing = false;\n    // Non-reactive: each registered widget's default column index, used when (re)adding a widget.\n    private _defaultColumns = new Map<string, number>();\n    // Non-reactive: the registered widgets, kept to apply the fetched layout when it arrives.\n    private _widgets: DashboardWidgetInput[] = [];\n    // Non-reactive: the user changed the layout since init, so the fetched layout is out of date.\n    private _changed = false;\n    // Non-reactive: saves go out one at a time, and only the newest pending layout is kept.\n    private _saving = false;\n    private _pendingSave: PendingSave | null = null;\n\n    constructor(\n        private getCachedDashboardLayoutUseCase: GetCachedDashboardLayoutUseCase.Interface,\n        private fetchDashboardLayoutUseCase: FetchDashboardLayoutUseCase.Interface,\n        private saveDashboardLayoutUseCase: SaveDashboardLayoutUseCase.Interface\n    ) {\n        makeAutoObservable<\n            DashboardLayoutPresenterImpl,\n            | \"getCachedDashboardLayoutUseCase\"\n            | \"fetchDashboardLayoutUseCase\"\n            | \"saveDashboardLayoutUseCase\"\n            | \"_defaultColumns\"\n            | \"_widgets\"\n            | \"_changed\"\n            | \"_saving\"\n            | \"_pendingSave\"\n            | \"revalidate\"\n            | \"flushSaves\"\n        >(this, {\n            getCachedDashboardLayoutUseCase: false,\n            fetchDashboardLayoutUseCase: false,\n            saveDashboardLayoutUseCase: false,\n            _defaultColumns: false,\n            _widgets: false,\n            _changed: false,\n            _saving: false,\n            _pendingSave: false,\n            revalidate: false,\n            flushSaves: false\n        });\n    }\n\n    get vm(): Abstraction.ViewModel {\n        let dropTarget: DashboardDropTarget | null = null;\n        if (this._dropColumn !== null) {\n            dropTarget = { column: this._dropColumn, beforeName: this._dropBeforeName };\n        }\n\n        return {\n            columns: this._columns.map(column => [...column]),\n            columnCount: this._columnCount,\n            hidden: [...this._hidden],\n            draggingName: this._draggingName,\n            dropTarget,\n            editing: this._editing\n        };\n    }\n\n    init(userId: string, widgets: DashboardWidgetInput[]): void {\n        this._widgets = widgets;\n\n        if (this._userId !== userId) {\n            // New session or another user: show their cached layout, and drop any save still\n            // queued for the previous user so it can't land in this user's dashboard.\n            this._userId = userId;\n            this._pendingSave = null;\n            this._changed = false;\n            this._editing = false;\n            this.endDrag();\n            const cached = this.getCachedDashboardLayoutUseCase.execute(userId);\n            const layout = normalizeLayout(cached);\n            this.applyOrder(widgets, layout);\n            void this.revalidate(userId);\n            return;\n        }\n\n        // A widget was registered/unregistered: keep current state, reconcile. No save.\n        this.applyOrder(widgets, {\n            columns: this._columns,\n            hidden: this._hidden,\n            columnCount: this._columnCount\n        });\n    }\n\n    beginDrag = (name: string): void => {\n        this._draggingName = name;\n    };\n\n    hoverSlot = (column: number, beforeName: string | null): void => {\n        if (this._draggingName === null) {\n            return;\n        }\n        // Suppress no-op slots (dropping where the widget already is) — no indicator, no move.\n        const moved = this.computeMove(this._draggingName, column, beforeName);\n        if (columnsEqual(moved, this._columns)) {\n            if (this._dropColumn !== null) {\n                this._dropColumn = null;\n                this._dropBeforeName = null;\n            }\n            return;\n        }\n\n        if (this._dropColumn === column && this._dropBeforeName === beforeName) {\n            return;\n        }\n        this._dropColumn = column;\n        this._dropBeforeName = beforeName;\n    };\n\n    drop = (): void => {\n        if (this._draggingName !== null && this._dropColumn !== null) {\n            this._columns = this.computeMove(\n                this._draggingName,\n                this._dropColumn,\n                this._dropBeforeName\n            );\n            this.persist();\n        }\n        this.endDrag();\n    };\n\n    endDrag = (): void => {\n        this._draggingName = null;\n        this._dropColumn = null;\n        this._dropBeforeName = null;\n    };\n\n    removeWidget = (name: string): void => {\n        this._columns = this._columns.map(column => column.filter(n => n !== name));\n        if (!this._hidden.includes(name)) {\n            this._hidden = [...this._hidden, name];\n        }\n        this.persist();\n    };\n\n    addWidget = (name: string, column?: number): void => {\n        if (!this._hidden.includes(name)) {\n            return;\n        }\n        this._hidden = this._hidden.filter(n => n !== name);\n\n        // Without a column, the widget goes to the column it registered with.\n        const requested = column ?? this._defaultColumns.get(name) ?? 0;\n        const target = this.clampColumn(requested);\n        this._columns = this._columns.map((names, index) => {\n            if (index !== target || names.includes(name)) {\n                return names;\n            }\n            return [...names, name];\n        });\n        this.persist();\n    };\n\n    setColumnCount = (count: number): void => {\n        const next = clamp(count, MIN_COLUMN_COUNT, MAX_COLUMN_COUNT);\n        if (next === this._columnCount) {\n            return;\n        }\n        this._columns = resizeColumns(this._columns, next);\n        this._columnCount = next;\n        this.persist();\n    };\n\n    removeColumn = (index: number): void => {\n        if (this._columnCount <= MIN_COLUMN_COUNT || index < 0 || index >= this._columns.length) {\n            return;\n        }\n        const removed = this._columns[index];\n        const columns = this._columns.filter((_, i) => i !== index);\n        // Fold any stray widgets into the neighboring column so nothing is lost.\n        if (removed.length > 0) {\n            const target = Math.max(0, index - 1);\n            columns[target] = [...columns[target], ...removed];\n        }\n        this._columns = columns;\n        this._columnCount = columns.length;\n        this.persist();\n    };\n\n    startEditing = (): void => {\n        this._editing = true;\n    };\n\n    stopEditing = (): void => {\n        this._editing = false;\n        this.endDrag();\n    };\n\n    // The presenter is a singleton that outlives the dashboard, so leaving the page resets what's\n    // tied to that visit: the next visit opens out of Customize mode, with no drag in progress.\n    // The layout stays, and so does any save still in flight.\n    dispose = (): void => {\n        this.stopEditing();\n    };\n\n    resetToDefault = (): void => {\n        this._columnCount = DEFAULT_COLUMN_COUNT;\n        const columns: string[][] = Array.from({ length: this._columnCount }, () => []);\n        for (const [name, column] of this._defaultColumns) {\n            columns[clamp(column, 0, this._columnCount - 1)].push(name);\n        }\n        this._columns = columns;\n        this._hidden = [];\n        this.persist();\n    };\n\n    // The stored layout replaces the cached one, unless the user already changed it on this visit.\n    applyFetchedLayout = (userId: string, fetched: DashboardLayoutData | null): void => {\n        if (this._userId !== userId || this._changed || this._draggingName !== null) {\n            return;\n        }\n        const layout = normalizeLayout(fetched);\n        this.applyOrder(this._widgets, layout);\n    };\n\n    /**\n     * Rebuild the columns and hidden list from a base state, keeping only currently registered\n     * widgets. Widgets neither placed nor hidden are treated as newly registered and appended to\n     * their default column.\n     */\n    private applyOrder(widgets: DashboardWidgetInput[], base: DashboardLayoutData): void {\n        const names = widgets.map(w => w.name);\n        const registered = new Set(names);\n        const placed = new Set<string>();\n\n        const columnCount = clamp(base.columnCount, MIN_COLUMN_COUNT, MAX_COLUMN_COUNT);\n        this._columnCount = columnCount;\n        const defaults: [string, number][] = widgets.map(w => [\n            w.name,\n            clamp(w.column, 0, columnCount - 1)\n        ]);\n        this._defaultColumns = new Map(defaults);\n\n        const columns: string[][] = Array.from({ length: columnCount }, () => []);\n\n        base.columns.forEach((column, index) => {\n            const target = Math.min(index, columnCount - 1);\n            for (const name of column) {\n                if (registered.has(name) && !placed.has(name)) {\n                    columns[target].push(name);\n                    placed.add(name);\n                }\n            }\n        });\n\n        const hidden: string[] = [];\n        for (const name of base.hidden) {\n            if (registered.has(name) && !placed.has(name)) {\n                hidden.push(name);\n                placed.add(name);\n            }\n        }\n\n        // Newly registered widgets (in neither the order nor hidden) → their default column.\n        for (const widget of widgets) {\n            if (placed.has(widget.name)) {\n                continue;\n            }\n            columns[clamp(widget.column, 0, columnCount - 1)].push(widget.name);\n            placed.add(widget.name);\n        }\n\n        this._columns = columns;\n        this._hidden = hidden;\n    }\n\n    /** Pure computation of the resulting columns if `name` were dropped before `beforeName`. */\n    private computeMove(name: string, column: number, beforeName: string | null): string[][] {\n        if (beforeName === name) {\n            return this._columns.map(c => [...c]);\n        }\n\n        const columns = this._columns.map(c => c.filter(n => n !== name));\n        const target = columns[this.clampColumn(column)];\n\n        if (beforeName === null) {\n            target.push(name);\n        } else {\n            const index = target.indexOf(beforeName);\n            if (index < 0) {\n                target.push(name);\n            } else {\n                target.splice(index, 0, name);\n            }\n        }\n\n        return columns;\n    }\n\n    private clampColumn(column: number): number {\n        return clamp(column, 0, this._columnCount - 1);\n    }\n\n    private async revalidate(userId: string): Promise<void> {\n        let fetched: DashboardLayoutData | null;\n        try {\n            fetched = await this.fetchDashboardLayoutUseCase.execute(userId);\n        } catch {\n            // Ignore, the cached or default layout stays on screen.\n            return;\n        }\n        this.applyFetchedLayout(userId, fetched);\n    }\n\n    private persist(): void {\n        if (this._userId === null) {\n            return;\n        }\n        this._changed = true;\n        this._pendingSave = {\n            userId: this._userId,\n            layout: {\n                columns: this._columns,\n                hidden: this._hidden,\n                columnCount: this._columnCount\n            }\n        };\n        if (!this._saving) {\n            void this.flushSaves();\n        }\n    }\n\n    /*\n     * Sends saves one after another. Parallel requests could finish out of order and leave an older\n     * layout on the server. A layout queued while a save is in flight replaces any older queued one.\n     */\n    private async flushSaves(): Promise<void> {\n        this._saving = true;\n        while (this._pendingSave) {\n            const { userId, layout } = this._pendingSave;\n            this._pendingSave = null;\n            try {\n                await this.saveDashboardLayoutUseCase.execute(userId, layout);\n            } catch {\n                // Ignore, a failed save must not break the interaction. The layout still applies locally.\n            }\n        }\n        this._saving = false;\n    }\n}\n\nfunction clamp(value: number, min: number, max: number): number {\n    const upperBounded = Math.min(value, max);\n    return Math.max(min, upperBounded);\n}\n\nfunction columnsEqual(a: string[][], b: string[][]): boolean {\n    if (a.length !== b.length) {\n        return false;\n    }\n    return a.every((column, index) => {\n        const other = b[index];\n        return column.length === other.length && column.every((v, i) => v === other[i]);\n    });\n}\n\n/** Grow/shrink the column list to `count`; widgets in removed columns fold into the last kept one. */\nfunction resizeColumns(columns: string[][], count: number): string[][] {\n    if (count >= columns.length) {\n        const next = columns.map(c => [...c]);\n        while (next.length < count) {\n            next.push([]);\n        }\n        return next;\n    }\n\n    const next = columns.slice(0, count).map(c => [...c]);\n    for (let i = count; i < columns.length; i++) {\n        next[count - 1].push(...columns[i]);\n    }\n    return next;\n}\n\n/** Fill in defaults for a missing layout or missing fields. */\nfunction normalizeLayout(layout: DashboardLayoutData | null): DashboardLayoutData {\n    if (!layout) {\n        return { columns: [], hidden: [], columnCount: DEFAULT_COLUMN_COUNT };\n    }\n\n    const columns = layout.columns ?? [];\n    const requestedCount = layout.columnCount ?? columns.length;\n    const columnCount = clamp(requestedCount, MIN_COLUMN_COUNT, MAX_COLUMN_COUNT);\n\n    return {\n        columns,\n        hidden: layout.hidden ?? [],\n        columnCount\n    };\n}\n\nexport const DashboardLayoutPresenter = Abstraction.createImplementation({\n    implementation: DashboardLayoutPresenterImpl,\n    dependencies: [\n        GetCachedDashboardLayoutUseCase,\n        FetchDashboardLayoutUseCase,\n        SaveDashboardLayoutUseCase\n    ]\n});\n"],"names":["DashboardLayoutPresenterImpl","getCachedDashboardLayoutUseCase","fetchDashboardLayoutUseCase","saveDashboardLayoutUseCase","DEFAULT_COLUMN_COUNT","Map","name","column","beforeName","moved","columnsEqual","n","requested","target","names","index","count","next","clamp","MIN_COLUMN_COUNT","MAX_COLUMN_COUNT","resizeColumns","removed","columns","_","i","Math","Array","userId","fetched","layout","normalizeLayout","makeAutoObservable","dropTarget","widgets","cached","base","w","registered","Set","placed","columnCount","defaults","hidden","widget","c","value","min","max","upperBounded","a","b","other","v","requestedCount","DashboardLayoutPresenter","Abstraction","GetCachedDashboardLayoutUseCase","FetchDashboardLayoutUseCase","SaveDashboardLayoutUseCase"],"mappings":";;;;;AAiBA,MAAMA;IAoBF,YACYC,+BAA0E,EAC1EC,2BAAkE,EAClEC,0BAAgE,CAC1E;aAHUF,+BAA+B,GAA/BA;aACAC,2BAA2B,GAA3BA;aACAC,0BAA0B,GAA1BA;aArBJ,OAAO,GAAkB;aACzB,QAAQ,GAAe,EAAE;aACzB,YAAY,GAAGC;aACf,OAAO,GAAa,EAAE;aACtB,aAAa,GAAkB;aAC/B,WAAW,GAAkB;aAC7B,eAAe,GAAkB;aACjC,QAAQ,GAAG;aAEX,eAAe,GAAG,IAAIC;aAEtB,QAAQ,GAA2B,EAAE;aAErC,QAAQ,GAAG;aAEX,OAAO,GAAG;aACV,YAAY,GAAuB;aA2E3C,SAAS,GAAG,CAACC;YACT,IAAI,CAAC,aAAa,GAAGA;QACzB;aAEA,SAAS,GAAG,CAACC,QAAgBC;YACzB,IAAI,AAAuB,SAAvB,IAAI,CAAC,aAAa,EAClB;YAGJ,MAAMC,QAAQ,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,aAAa,EAAEF,QAAQC;YAC3D,IAAIE,aAAaD,OAAO,IAAI,CAAC,QAAQ,GAAG;gBACpC,IAAI,AAAqB,SAArB,IAAI,CAAC,WAAW,EAAW;oBAC3B,IAAI,CAAC,WAAW,GAAG;oBACnB,IAAI,CAAC,eAAe,GAAG;gBAC3B;gBACA;YACJ;YAEA,IAAI,IAAI,CAAC,WAAW,KAAKF,UAAU,IAAI,CAAC,eAAe,KAAKC,YACxD;YAEJ,IAAI,CAAC,WAAW,GAAGD;YACnB,IAAI,CAAC,eAAe,GAAGC;QAC3B;aAEA,IAAI,GAAG;YACH,IAAI,AAAuB,SAAvB,IAAI,CAAC,aAAa,IAAa,AAAqB,SAArB,IAAI,CAAC,WAAW,EAAW;gBAC1D,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,WAAW,CAC5B,IAAI,CAAC,aAAa,EAClB,IAAI,CAAC,WAAW,EAChB,IAAI,CAAC,eAAe;gBAExB,IAAI,CAAC,OAAO;YAChB;YACA,IAAI,CAAC,OAAO;QAChB;aAEA,OAAO,GAAG;YACN,IAAI,CAAC,aAAa,GAAG;YACrB,IAAI,CAAC,WAAW,GAAG;YACnB,IAAI,CAAC,eAAe,GAAG;QAC3B;aAEA,YAAY,GAAG,CAACF;YACZ,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAACC,CAAAA,SAAUA,OAAO,MAAM,CAACI,CAAAA,IAAKA,MAAML;YACrE,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAACA,OACvB,IAAI,CAAC,OAAO,GAAG;mBAAI,IAAI,CAAC,OAAO;gBAAEA;aAAK;YAE1C,IAAI,CAAC,OAAO;QAChB;aAEA,SAAS,GAAG,CAACA,MAAcC;YACvB,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAACD,OACvB;YAEJ,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,MAAM,CAACK,CAAAA,IAAKA,MAAML;YAG9C,MAAMM,YAAYL,UAAU,IAAI,CAAC,eAAe,CAAC,GAAG,CAACD,SAAS;YAC9D,MAAMO,SAAS,IAAI,CAAC,WAAW,CAACD;YAChC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAACE,OAAOC;gBACtC,IAAIA,UAAUF,UAAUC,MAAM,QAAQ,CAACR,OACnC,OAAOQ;gBAEX,OAAO;uBAAIA;oBAAOR;iBAAK;YAC3B;YACA,IAAI,CAAC,OAAO;QAChB;aAEA,cAAc,GAAG,CAACU;YACd,MAAMC,OAAOC,MAAMF,OAAOG,kBAAkBC;YAC5C,IAAIH,SAAS,IAAI,CAAC,YAAY,EAC1B;YAEJ,IAAI,CAAC,QAAQ,GAAGI,cAAc,IAAI,CAAC,QAAQ,EAAEJ;YAC7C,IAAI,CAAC,YAAY,GAAGA;YACpB,IAAI,CAAC,OAAO;QAChB;aAEA,YAAY,GAAG,CAACF;YACZ,IAAI,IAAI,CAAC,YAAY,IAAII,oBAAoBJ,QAAQ,KAAKA,SAAS,IAAI,CAAC,QAAQ,CAAC,MAAM,EACnF;YAEJ,MAAMO,UAAU,IAAI,CAAC,QAAQ,CAACP,MAAM;YACpC,MAAMQ,UAAU,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAACC,GAAGC,IAAMA,MAAMV;YAErD,IAAIO,QAAQ,MAAM,GAAG,GAAG;gBACpB,MAAMT,SAASa,KAAK,GAAG,CAAC,GAAGX,QAAQ;gBACnCQ,OAAO,CAACV,OAAO,GAAG;uBAAIU,OAAO,CAACV,OAAO;uBAAKS;iBAAQ;YACtD;YACA,IAAI,CAAC,QAAQ,GAAGC;YAChB,IAAI,CAAC,YAAY,GAAGA,QAAQ,MAAM;YAClC,IAAI,CAAC,OAAO;QAChB;aAEA,YAAY,GAAG;YACX,IAAI,CAAC,QAAQ,GAAG;QACpB;aAEA,WAAW,GAAG;YACV,IAAI,CAAC,QAAQ,GAAG;YAChB,IAAI,CAAC,OAAO;QAChB;aAKA,OAAO,GAAG;YACN,IAAI,CAAC,WAAW;QACpB;aAEA,cAAc,GAAG;YACb,IAAI,CAAC,YAAY,GAAGnB;YACpB,MAAMmB,UAAsBI,MAAM,IAAI,CAAC;gBAAE,QAAQ,IAAI,CAAC,YAAY;YAAC,GAAG,IAAM,EAAE;YAC9E,KAAK,MAAM,CAACrB,MAAMC,OAAO,IAAI,IAAI,CAAC,eAAe,CAC7CgB,OAAO,CAACL,MAAMX,QAAQ,GAAG,IAAI,CAAC,YAAY,GAAG,GAAG,CAAC,IAAI,CAACD;YAE1D,IAAI,CAAC,QAAQ,GAAGiB;YAChB,IAAI,CAAC,OAAO,GAAG,EAAE;YACjB,IAAI,CAAC,OAAO;QAChB;aAGA,kBAAkB,GAAG,CAACK,QAAgBC;YAClC,IAAI,IAAI,CAAC,OAAO,KAAKD,UAAU,IAAI,CAAC,QAAQ,IAAI,AAAuB,SAAvB,IAAI,CAAC,aAAa,EAC9D;YAEJ,MAAME,SAASC,gBAAgBF;YAC/B,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,QAAQ,EAAEC;QACnC;QArMIE,mBAYE,IAAI,EAAE;YACJ,iCAAiC;YACjC,6BAA6B;YAC7B,4BAA4B;YAC5B,iBAAiB;YACjB,UAAU;YACV,UAAU;YACV,SAAS;YACT,cAAc;YACd,YAAY;YACZ,YAAY;QAChB;IACJ;IAEA,IAAI,KAA4B;QAC5B,IAAIC,aAAyC;QAC7C,IAAI,AAAqB,SAArB,IAAI,CAAC,WAAW,EAChBA,aAAa;YAAE,QAAQ,IAAI,CAAC,WAAW;YAAE,YAAY,IAAI,CAAC,eAAe;QAAC;QAG9E,OAAO;YACH,SAAS,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC1B,CAAAA,SAAU;uBAAIA;iBAAO;YAChD,aAAa,IAAI,CAAC,YAAY;YAC9B,QAAQ;mBAAI,IAAI,CAAC,OAAO;aAAC;YACzB,cAAc,IAAI,CAAC,aAAa;YAChC0B;YACA,SAAS,IAAI,CAAC,QAAQ;QAC1B;IACJ;IAEA,KAAKL,MAAc,EAAEM,OAA+B,EAAQ;QACxD,IAAI,CAAC,QAAQ,GAAGA;QAEhB,IAAI,IAAI,CAAC,OAAO,KAAKN,QAAQ;YAGzB,IAAI,CAAC,OAAO,GAAGA;YACf,IAAI,CAAC,YAAY,GAAG;YACpB,IAAI,CAAC,QAAQ,GAAG;YAChB,IAAI,CAAC,QAAQ,GAAG;YAChB,IAAI,CAAC,OAAO;YACZ,MAAMO,SAAS,IAAI,CAAC,+BAA+B,CAAC,OAAO,CAACP;YAC5D,MAAME,SAASC,gBAAgBI;YAC/B,IAAI,CAAC,UAAU,CAACD,SAASJ;YACpB,IAAI,CAAC,UAAU,CAACF;YACrB;QACJ;QAGA,IAAI,CAAC,UAAU,CAACM,SAAS;YACrB,SAAS,IAAI,CAAC,QAAQ;YACtB,QAAQ,IAAI,CAAC,OAAO;YACpB,aAAa,IAAI,CAAC,YAAY;QAClC;IACJ;IA0IQ,WAAWA,OAA+B,EAAEE,IAAyB,EAAQ;QACjF,MAAMtB,QAAQoB,QAAQ,GAAG,CAACG,CAAAA,IAAKA,EAAE,IAAI;QACrC,MAAMC,aAAa,IAAIC,IAAIzB;QAC3B,MAAM0B,SAAS,IAAID;QAEnB,MAAME,cAAcvB,MAAMkB,KAAK,WAAW,EAAEjB,kBAAkBC;QAC9D,IAAI,CAAC,YAAY,GAAGqB;QACpB,MAAMC,WAA+BR,QAAQ,GAAG,CAACG,CAAAA,IAAK;gBAClDA,EAAE,IAAI;gBACNnB,MAAMmB,EAAE,MAAM,EAAE,GAAGI,cAAc;aACpC;QACD,IAAI,CAAC,eAAe,GAAG,IAAIpC,IAAIqC;QAE/B,MAAMnB,UAAsBI,MAAM,IAAI,CAAC;YAAE,QAAQc;QAAY,GAAG,IAAM,EAAE;QAExEL,KAAK,OAAO,CAAC,OAAO,CAAC,CAAC7B,QAAQQ;YAC1B,MAAMF,SAASa,KAAK,GAAG,CAACX,OAAO0B,cAAc;YAC7C,KAAK,MAAMnC,QAAQC,OACf,IAAI+B,WAAW,GAAG,CAAChC,SAAS,CAACkC,OAAO,GAAG,CAAClC,OAAO;gBAC3CiB,OAAO,CAACV,OAAO,CAAC,IAAI,CAACP;gBACrBkC,OAAO,GAAG,CAAClC;YACf;QAER;QAEA,MAAMqC,SAAmB,EAAE;QAC3B,KAAK,MAAMrC,QAAQ8B,KAAK,MAAM,CAC1B,IAAIE,WAAW,GAAG,CAAChC,SAAS,CAACkC,OAAO,GAAG,CAAClC,OAAO;YAC3CqC,OAAO,IAAI,CAACrC;YACZkC,OAAO,GAAG,CAAClC;QACf;QAIJ,KAAK,MAAMsC,UAAUV,QACjB,KAAIM,OAAO,GAAG,CAACI,OAAO,IAAI;YAG1BrB,OAAO,CAACL,MAAM0B,OAAO,MAAM,EAAE,GAAGH,cAAc,GAAG,CAAC,IAAI,CAACG,OAAO,IAAI;YAClEJ,OAAO,GAAG,CAACI,OAAO,IAAI;;QAG1B,IAAI,CAAC,QAAQ,GAAGrB;QAChB,IAAI,CAAC,OAAO,GAAGoB;IACnB;IAGQ,YAAYrC,IAAY,EAAEC,MAAc,EAAEC,UAAyB,EAAc;QACrF,IAAIA,eAAeF,MACf,OAAO,IAAI,CAAC,QAAQ,CAAC,GAAG,CAACuC,CAAAA,IAAK;mBAAIA;aAAE;QAGxC,MAAMtB,UAAU,IAAI,CAAC,QAAQ,CAAC,GAAG,CAACsB,CAAAA,IAAKA,EAAE,MAAM,CAAClC,CAAAA,IAAKA,MAAML;QAC3D,MAAMO,SAASU,OAAO,CAAC,IAAI,CAAC,WAAW,CAAChB,QAAQ;QAEhD,IAAIC,AAAe,SAAfA,YACAK,OAAO,IAAI,CAACP;aACT;YACH,MAAMS,QAAQF,OAAO,OAAO,CAACL;YAC7B,IAAIO,QAAQ,GACRF,OAAO,IAAI,CAACP;iBAEZO,OAAO,MAAM,CAACE,OAAO,GAAGT;QAEhC;QAEA,OAAOiB;IACX;IAEQ,YAAYhB,MAAc,EAAU;QACxC,OAAOW,MAAMX,QAAQ,GAAG,IAAI,CAAC,YAAY,GAAG;IAChD;IAEA,MAAc,WAAWqB,MAAc,EAAiB;QACpD,IAAIC;QACJ,IAAI;YACAA,UAAU,MAAM,IAAI,CAAC,2BAA2B,CAAC,OAAO,CAACD;QAC7D,EAAE,OAAM;YAEJ;QACJ;QACA,IAAI,CAAC,kBAAkB,CAACA,QAAQC;IACpC;IAEQ,UAAgB;QACpB,IAAI,AAAiB,SAAjB,IAAI,CAAC,OAAO,EACZ;QAEJ,IAAI,CAAC,QAAQ,GAAG;QAChB,IAAI,CAAC,YAAY,GAAG;YAChB,QAAQ,IAAI,CAAC,OAAO;YACpB,QAAQ;gBACJ,SAAS,IAAI,CAAC,QAAQ;gBACtB,QAAQ,IAAI,CAAC,OAAO;gBACpB,aAAa,IAAI,CAAC,YAAY;YAClC;QACJ;QACA,IAAI,CAAC,IAAI,CAAC,OAAO,EACR,IAAI,CAAC,UAAU;IAE5B;IAMA,MAAc,aAA4B;QACtC,IAAI,CAAC,OAAO,GAAG;QACf,MAAO,IAAI,CAAC,YAAY,CAAE;YACtB,MAAM,EAAED,MAAM,EAAEE,MAAM,EAAE,GAAG,IAAI,CAAC,YAAY;YAC5C,IAAI,CAAC,YAAY,GAAG;YACpB,IAAI;gBACA,MAAM,IAAI,CAAC,0BAA0B,CAAC,OAAO,CAACF,QAAQE;YAC1D,EAAE,OAAM,CAER;QACJ;QACA,IAAI,CAAC,OAAO,GAAG;IACnB;AACJ;AAEA,SAASZ,MAAM4B,KAAa,EAAEC,GAAW,EAAEC,GAAW;IAClD,MAAMC,eAAevB,KAAK,GAAG,CAACoB,OAAOE;IACrC,OAAOtB,KAAK,GAAG,CAACqB,KAAKE;AACzB;AAEA,SAASvC,aAAawC,CAAa,EAAEC,CAAa;IAC9C,IAAID,EAAE,MAAM,KAAKC,EAAE,MAAM,EACrB,OAAO;IAEX,OAAOD,EAAE,KAAK,CAAC,CAAC3C,QAAQQ;QACpB,MAAMqC,QAAQD,CAAC,CAACpC,MAAM;QACtB,OAAOR,OAAO,MAAM,KAAK6C,MAAM,MAAM,IAAI7C,OAAO,KAAK,CAAC,CAAC8C,GAAG5B,IAAM4B,MAAMD,KAAK,CAAC3B,EAAE;IAClF;AACJ;AAGA,SAASJ,cAAcE,OAAmB,EAAEP,KAAa;IACrD,IAAIA,SAASO,QAAQ,MAAM,EAAE;QACzB,MAAMN,OAAOM,QAAQ,GAAG,CAACsB,CAAAA,IAAK;mBAAIA;aAAE;QACpC,MAAO5B,KAAK,MAAM,GAAGD,MACjBC,KAAK,IAAI,CAAC,EAAE;QAEhB,OAAOA;IACX;IAEA,MAAMA,OAAOM,QAAQ,KAAK,CAAC,GAAGP,OAAO,GAAG,CAAC6B,CAAAA,IAAK;eAAIA;SAAE;IACpD,IAAK,IAAIpB,IAAIT,OAAOS,IAAIF,QAAQ,MAAM,EAAEE,IACpCR,IAAI,CAACD,QAAQ,EAAE,CAAC,IAAI,IAAIO,OAAO,CAACE,EAAE;IAEtC,OAAOR;AACX;AAGA,SAASc,gBAAgBD,MAAkC;IACvD,IAAI,CAACA,QACD,OAAO;QAAE,SAAS,EAAE;QAAE,QAAQ,EAAE;QAAE,aAAa1B;IAAqB;IAGxE,MAAMmB,UAAUO,OAAO,OAAO,IAAI,EAAE;IACpC,MAAMwB,iBAAiBxB,OAAO,WAAW,IAAIP,QAAQ,MAAM;IAC3D,MAAMkB,cAAcvB,MAAMoC,gBAAgBnC,kBAAkBC;IAE5D,OAAO;QACHG;QACA,QAAQO,OAAO,MAAM,IAAI,EAAE;QAC3BW;IACJ;AACJ;AAEO,MAAMc,oDAA2BC,yBAAAA,oBAAgC,CAAC;IACrE,gBAAgBxD;IAChB,cAAc;QACVyD;QACAC;QACAC;KACH;AACL"}

package/Dashboard/dashboardLayout/presenter/abstractions.d.ts

@@ -0,0 +1,46 @@
+/**
+ * Minimal description of a registered widget the presenter needs to order it.
+ * The actual React element is kept in the view — the presenter deals only in names.
+ * `column` is the widget's default column index.
+ */
+export interface DashboardWidgetInput {
+    name: string;
+    column: number;
+}
+/**
+ * Where a dragged widget would be dropped: into column `column`, immediately before `beforeName`.
+ * `beforeName === null` means "append to the end of the column".
+ */
+export interface DashboardDropTarget {
+    column: number;
+    beforeName: string | null;
+}
+export interface IDashboardLayoutViewModel {
+    columns: string[][];
+    columnCount: number;
+    hidden: string[];
+    draggingName: string | null;
+    dropTarget: DashboardDropTarget | null;
+    editing: boolean;
+}
+export interface IDashboardLayoutPresenter {
+    vm: IDashboardLayoutViewModel;
+    init(userId: string, widgets: DashboardWidgetInput[]): void;
+    beginDrag(name: string): void;
+    hoverSlot(column: number, beforeName: string | null): void;
+    drop(): void;
+    endDrag(): void;
+    removeWidget(name: string): void;
+    addWidget(name: string, column?: number): void;
+    setColumnCount(count: number): void;
+    removeColumn(index: number): void;
+    resetToDefault(): void;
+    startEditing(): void;
+    stopEditing(): void;
+    dispose(): void;
+}
+export declare const DashboardLayoutPresenter: import("@webiny/di").Abstraction<IDashboardLayoutPresenter>;
+export declare namespace DashboardLayoutPresenter {
+    type Interface = IDashboardLayoutPresenter;
+    type ViewModel = IDashboardLayoutViewModel;
+}

package/Dashboard/dashboardLayout/presenter/abstractions.js

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

package/Dashboard/dashboardLayout/presenter/abstractions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dashboard/dashboardLayout/presenter/abstractions.js","sources":["../../../../src/Dashboard/dashboardLayout/presenter/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\n\n/**\n * Minimal description of a registered widget the presenter needs to order it.\n * The actual React element is kept in the view — the presenter deals only in names.\n * `column` is the widget's default column index.\n */\nexport interface DashboardWidgetInput {\n    name: string;\n    column: number;\n}\n\n/**\n * Where a dragged widget would be dropped: into column `column`, immediately before `beforeName`.\n * `beforeName === null` means \"append to the end of the column\".\n */\nexport interface DashboardDropTarget {\n    column: number;\n    beforeName: string | null;\n}\n\nexport interface IDashboardLayoutViewModel {\n    columns: string[][];\n    columnCount: number;\n    hidden: string[];\n    draggingName: string | null;\n    dropTarget: DashboardDropTarget | null;\n    // Customize mode: widgets can be moved, added and removed only while this is on.\n    editing: boolean;\n}\n\nexport interface IDashboardLayoutPresenter {\n    vm: IDashboardLayoutViewModel;\n    // Renders the cached layout at once, then replaces it with the stored one when that arrives.\n    init(userId: string, widgets: DashboardWidgetInput[]): void;\n    beginDrag(name: string): void;\n    hoverSlot(column: number, beforeName: string | null): void;\n    drop(): void;\n    endDrag(): void;\n    removeWidget(name: string): void;\n    // Appends the widget to `column`, or to its default column when none is given.\n    addWidget(name: string, column?: number): void;\n    setColumnCount(count: number): void;\n    removeColumn(index: number): void;\n    resetToDefault(): void;\n    startEditing(): void;\n    stopEditing(): void;\n    // Called when the dashboard unmounts. Resets per-visit state such as Customize mode.\n    dispose(): void;\n}\n\nexport const DashboardLayoutPresenter = createAbstraction<IDashboardLayoutPresenter>(\n    \"DashboardLayoutPresenter\"\n);\n\nexport namespace DashboardLayoutPresenter {\n    export type Interface = IDashboardLayoutPresenter;\n    export type ViewModel = IDashboardLayoutViewModel;\n}\n"],"names":["DashboardLayoutPresenter","createAbstraction"],"mappings":";AAmDO,MAAMA,2BAA2BC,kBACpC"}

package/Dashboard/dashboardLayout/presenter/feature.d.ts

@@ -0,0 +1,3 @@
+export declare const DashboardLayoutPresenterFeature: import("@webiny/feature/admin").FeatureDefinition<{
+    presenter: import("./abstractions.js").IDashboardLayoutPresenter;
+}, []>;

package/Dashboard/dashboardLayout/presenter/feature.js

@@ -0,0 +1,23 @@
+import { createFeature } from "@webiny/feature/admin";
+import { DashboardLayoutPresenter } from "./abstractions.js";
+import { DashboardLayoutPresenter as external_DashboardLayoutPresenter_js_DashboardLayoutPresenter } from "./DashboardLayoutPresenter.js";
+import { DashboardLayoutRepositoryFeature } from "../repository/feature.js";
+import { LoadDashboardLayoutFeature } from "../loadLayout/feature.js";
+import { SaveDashboardLayoutFeature } from "../saveLayout/feature.js";
+const DashboardLayoutPresenterFeature = createFeature({
+    name: "AdminUI/DashboardLayoutPresenter",
+    register (container) {
+        DashboardLayoutRepositoryFeature.register(container);
+        LoadDashboardLayoutFeature.register(container);
+        SaveDashboardLayoutFeature.register(container);
+        container.register(external_DashboardLayoutPresenter_js_DashboardLayoutPresenter).inSingletonScope();
+    },
+    resolve (container) {
+        return {
+            presenter: container.resolve(DashboardLayoutPresenter)
+        };
+    }
+});
+export { DashboardLayoutPresenterFeature };
+
+//# sourceMappingURL=feature.js.map

package/Dashboard/dashboardLayout/presenter/feature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dashboard/dashboardLayout/presenter/feature.js","sources":["../../../../src/Dashboard/dashboardLayout/presenter/feature.ts"],"sourcesContent":["import { createFeature } from \"@webiny/feature/admin\";\nimport { DashboardLayoutPresenter as Abstraction } from \"./abstractions.js\";\nimport { DashboardLayoutPresenter } from \"./DashboardLayoutPresenter.js\";\nimport { DashboardLayoutRepositoryFeature } from \"../repository/feature.js\";\nimport { LoadDashboardLayoutFeature } from \"../loadLayout/feature.js\";\nimport { SaveDashboardLayoutFeature } from \"../saveLayout/feature.js\";\n\nexport const DashboardLayoutPresenterFeature = createFeature({\n    name: \"AdminUI/DashboardLayoutPresenter\",\n    register(container) {\n        DashboardLayoutRepositoryFeature.register(container);\n        LoadDashboardLayoutFeature.register(container);\n        SaveDashboardLayoutFeature.register(container);\n        container.register(DashboardLayoutPresenter).inSingletonScope();\n    },\n    resolve(container) {\n        return {\n            presenter: container.resolve(Abstraction)\n        };\n    }\n});\n"],"names":["DashboardLayoutPresenterFeature","createFeature","container","DashboardLayoutRepositoryFeature","LoadDashboardLayoutFeature","SaveDashboardLayoutFeature","DashboardLayoutPresenter","Abstraction"],"mappings":";;;;;;AAOO,MAAMA,kCAAkCC,cAAc;IACzD,MAAM;IACN,UAASC,SAAS;QACdC,iCAAiC,QAAQ,CAACD;QAC1CE,2BAA2B,QAAQ,CAACF;QACpCG,2BAA2B,QAAQ,CAACH;QACpCA,UAAU,QAAQ,CAACI,+DAA0B,gBAAgB;IACjE;IACA,SAAQJ,SAAS;QACb,OAAO;YACH,WAAWA,UAAU,OAAO,CAACK;QACjC;IACJ;AACJ"}

package/Dashboard/dashboardLayout/presenter/useDashboardLayoutPresenter.d.ts

@@ -0,0 +1 @@
+export declare const useDashboardLayoutPresenter: () => import("./abstractions.js").IDashboardLayoutPresenter;

package/Dashboard/dashboardLayout/presenter/useDashboardLayoutPresenter.js

@@ -0,0 +1,6 @@
+import { useFeature } from "@webiny/app";
+import { DashboardLayoutPresenterFeature } from "./feature.js";
+const useDashboardLayoutPresenter = ()=>useFeature(DashboardLayoutPresenterFeature).presenter;
+export { useDashboardLayoutPresenter };
+
+//# sourceMappingURL=useDashboardLayoutPresenter.js.map

package/Dashboard/dashboardLayout/presenter/useDashboardLayoutPresenter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dashboard/dashboardLayout/presenter/useDashboardLayoutPresenter.js","sources":["../../../../src/Dashboard/dashboardLayout/presenter/useDashboardLayoutPresenter.ts"],"sourcesContent":["import { useFeature } from \"@webiny/app\";\nimport { DashboardLayoutPresenterFeature } from \"./feature.js\";\n\nexport const useDashboardLayoutPresenter = () => {\n    return useFeature(DashboardLayoutPresenterFeature).presenter;\n};\n"],"names":["useDashboardLayoutPresenter","useFeature","DashboardLayoutPresenterFeature"],"mappings":";;AAGO,MAAMA,8BAA8B,IAChCC,WAAWC,iCAAiC,SAAS"}

package/Dashboard/dashboardLayout/repository/DashboardLayoutGateway.d.ts

@@ -0,0 +1,13 @@
+import { MainGraphQLClient } from "@webiny/app/features/mainGraphQLClient/abstractions.js";
+import { DashboardLayoutGateway as GatewayAbstraction } from "./abstractions.js";
+import type { DashboardLayoutData } from "../types.js";
+declare class DashboardLayoutGatewayImpl implements GatewayAbstraction.Interface {
+    private client;
+    constructor(client: MainGraphQLClient.Interface);
+    get(): Promise<DashboardLayoutData | null>;
+    save(layout: DashboardLayoutData): Promise<DashboardLayoutData>;
+}
+export declare const DashboardLayoutGateway: typeof DashboardLayoutGatewayImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("./abstractions.js").IDashboardLayoutGateway>;
+};
+export {};

package/Dashboard/dashboardLayout/repository/DashboardLayoutGateway.js

@@ -0,0 +1,67 @@
+import { MainGraphQLClient } from "@webiny/app/features/mainGraphQLClient/abstractions.js";
+import { DashboardLayoutGateway } from "./abstractions.js";
+const LIST_DASHBOARDS_QUERY = `
+    query ListDashboards {
+        dashboard {
+            listDashboards {
+                data {
+                    columns
+                    hidden
+                    columnCount
+                }
+                error {
+                    message
+                }
+            }
+        }
+    }
+`;
+const UPDATE_DASHBOARD_MUTATION = `
+    mutation UpdateDashboard($data: DashboardInput!) {
+        dashboard {
+            updateDashboard(data: $data) {
+                data {
+                    columns
+                    hidden
+                    columnCount
+                }
+                error {
+                    message
+                }
+            }
+        }
+    }
+`;
+class DashboardLayoutGatewayImpl {
+    constructor(client){
+        this.client = client;
+    }
+    async get() {
+        const response = await this.client.execute({
+            query: LIST_DASHBOARDS_QUERY
+        });
+        const { data, error } = response.dashboard.listDashboards;
+        if (error) throw new Error(error.message);
+        return data?.[0] ?? null;
+    }
+    async save(layout) {
+        const response = await this.client.execute({
+            query: UPDATE_DASHBOARD_MUTATION,
+            variables: {
+                data: layout
+            }
+        });
+        const { data, error } = response.dashboard.updateDashboard;
+        if (error) throw new Error(error.message);
+        return data ?? layout;
+    }
+}
+const DashboardLayoutGateway_DashboardLayoutGateway = DashboardLayoutGateway.createImplementation({
+    implementation: DashboardLayoutGatewayImpl,
+    dependencies: [
+        MainGraphQLClient
+    ]
+});
+export { DashboardLayoutGateway_DashboardLayoutGateway as DashboardLayoutGateway };
+
+//# sourceMappingURL=DashboardLayoutGateway.js.map

package/Dashboard/dashboardLayout/repository/DashboardLayoutGateway.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dashboard/dashboardLayout/repository/DashboardLayoutGateway.js","sources":["../../../../src/Dashboard/dashboardLayout/repository/DashboardLayoutGateway.ts"],"sourcesContent":["import { MainGraphQLClient } from \"@webiny/app/features/mainGraphQLClient/abstractions.js\";\nimport { DashboardLayoutGateway as GatewayAbstraction } from \"./abstractions.js\";\nimport type { DashboardLayoutData } from \"../types.js\";\n\ninterface DashboardError {\n    message: string;\n}\n\ninterface ListDashboardsResponse {\n    dashboard: {\n        listDashboards: { data: DashboardLayoutData[] | null; error: DashboardError | null };\n    };\n}\n\ninterface UpdateDashboardResponse {\n    dashboard: {\n        updateDashboard: { data: DashboardLayoutData | null; error: DashboardError | null };\n    };\n}\n\nconst LIST_DASHBOARDS_QUERY = /* GraphQL */ `\n    query ListDashboards {\n        dashboard {\n            listDashboards {\n                data {\n                    columns\n                    hidden\n                    columnCount\n                }\n                error {\n                    message\n                }\n            }\n        }\n    }\n`;\n\nconst UPDATE_DASHBOARD_MUTATION = /* GraphQL */ `\n    mutation UpdateDashboard($data: DashboardInput!) {\n        dashboard {\n            updateDashboard(data: $data) {\n                data {\n                    columns\n                    hidden\n                    columnCount\n                }\n                error {\n                    message\n                }\n            }\n        }\n    }\n`;\n\nclass DashboardLayoutGatewayImpl implements GatewayAbstraction.Interface {\n    constructor(private client: MainGraphQLClient.Interface) {}\n\n    async get(): Promise<DashboardLayoutData | null> {\n        const response = await this.client.execute<ListDashboardsResponse>({\n            query: LIST_DASHBOARDS_QUERY\n        });\n\n        const { data, error } = response.dashboard.listDashboards;\n        if (error) {\n            throw new Error(error.message);\n        }\n\n        // Each user has at most one dashboard for now.\n        return data?.[0] ?? null;\n    }\n\n    async save(layout: DashboardLayoutData): Promise<DashboardLayoutData> {\n        const response = await this.client.execute<UpdateDashboardResponse>({\n            query: UPDATE_DASHBOARD_MUTATION,\n            variables: { data: layout }\n        });\n\n        const { data, error } = response.dashboard.updateDashboard;\n        if (error) {\n            throw new Error(error.message);\n        }\n\n        return data ?? layout;\n    }\n}\n\nexport const DashboardLayoutGateway = GatewayAbstraction.createImplementation({\n    implementation: DashboardLayoutGatewayImpl,\n    dependencies: [MainGraphQLClient]\n});\n"],"names":["LIST_DASHBOARDS_QUERY","UPDATE_DASHBOARD_MUTATION","DashboardLayoutGatewayImpl","client","response","data","error","Error","layout","DashboardLayoutGateway","GatewayAbstraction","MainGraphQLClient"],"mappings":";;AAoBA,MAAMA,wBAAsC,CAAC;;;;;;;;;;;;;;;AAe7C,CAAC;AAED,MAAMC,4BAA0C,CAAC;;;;;;;;;;;;;;;AAejD,CAAC;AAED,MAAMC;IACF,YAAoBC,MAAmC,CAAE;aAArCA,MAAM,GAANA;IAAsC;IAE1D,MAAM,MAA2C;QAC7C,MAAMC,WAAW,MAAM,IAAI,CAAC,MAAM,CAAC,OAAO,CAAyB;YAC/D,OAAOJ;QACX;QAEA,MAAM,EAAEK,IAAI,EAAEC,KAAK,EAAE,GAAGF,SAAS,SAAS,CAAC,cAAc;QACzD,IAAIE,OACA,MAAM,IAAIC,MAAMD,MAAM,OAAO;QAIjC,OAAOD,MAAM,CAAC,EAAE,IAAI;IACxB;IAEA,MAAM,KAAKG,MAA2B,EAAgC;QAClE,MAAMJ,WAAW,MAAM,IAAI,CAAC,MAAM,CAAC,OAAO,CAA0B;YAChE,OAAOH;YACP,WAAW;gBAAE,MAAMO;YAAO;QAC9B;QAEA,MAAM,EAAEH,IAAI,EAAEC,KAAK,EAAE,GAAGF,SAAS,SAAS,CAAC,eAAe;QAC1D,IAAIE,OACA,MAAM,IAAIC,MAAMD,MAAM,OAAO;QAGjC,OAAOD,QAAQG;IACnB;AACJ;AAEO,MAAMC,gDAAyBC,uBAAAA,oBAAuC,CAAC;IAC1E,gBAAgBR;IAChB,cAAc;QAACS;KAAkB;AACrC"}

package/Dashboard/dashboardLayout/repository/DashboardLayoutRepository.d.ts

@@ -0,0 +1,20 @@
+import { LocalStorage } from "@webiny/app/exports/admin/local-storage.js";
+import { TenantContext } from "@webiny/app-admin/exports/admin/tenancy.js";
+import { DashboardLayoutRepository as RepositoryAbstraction } from "./abstractions.js";
+import { DashboardLayoutGateway } from "./abstractions.js";
+import type { DashboardLayoutData } from "../types.js";
+declare class DashboardLayoutRepositoryImpl implements RepositoryAbstraction.Interface {
+    private gateway;
+    private localStorage;
+    private tenantContext;
+    constructor(gateway: DashboardLayoutGateway.Interface, localStorage: LocalStorage.Interface, tenantContext: TenantContext.Interface);
+    getCached(userId: string): DashboardLayoutData | null;
+    fetch(userId: string): Promise<DashboardLayoutData | null>;
+    save(userId: string, layout: DashboardLayoutData): Promise<void>;
+    private writeCache;
+    private cacheKey;
+}
+export declare const DashboardLayoutRepository: typeof DashboardLayoutRepositoryImpl & {
+    __abstraction: import("@webiny/di").Abstraction<import("./abstractions.js").IDashboardLayoutRepository>;
+};
+export {};