@webiny/app-admin 6.6.0-alpha.0 → 6.6.0-alpha.10

package/presentation/trashBin/TrashBinPresenter.js

@@ -42,8 +42,10 @@ class TrashBinPresenterImpl {
                 if (this._dataSource) this._dataSource.removeItem(id);
             },
             deleteItem: async (id)=>{
-                await this.deleteGateway.execute(id);
+                const deleted = await this.deleteGateway.execute(id);
+                if (false === deleted) return false;
                 if (this._dataSource) this._dataSource.removeItem(id);
+                return true;
             },
             bulkRestore: async (params)=>{
                 const selectedIds = Array.from(this.listPresenter.vm.selection.selectedIds);

package/presentation/trashBin/TrashBinPresenter.js.map

@@ -1 +1 @@
-{"version":3,"file":"presentation/trashBin/TrashBinPresenter.js","sources":["../../../src/presentation/trashBin/TrashBinPresenter.ts"],"sourcesContent":["import { computed, makeAutoObservable } from \"mobx\";\nimport { ListPresenter } from \"~/presentation/listPresenter/abstractions.js\";\nimport {\n    TrashBinPresenter as Abstraction,\n    TrashBinListGateway,\n    TrashBinDeleteGateway,\n    TrashBinRestoreGateway,\n    TrashBinBulkActionGateway,\n    type ITrashBinPresenter,\n    type ITrashBinPresenterConfig,\n    type ITrashBinViewModel,\n    type ITrashBinActions,\n    type TrashBinItem\n} from \"./abstractions.js\";\nimport { TrashBinDataSource } from \"./TrashBinDataSource.js\";\n\nclass TrashBinPresenterImpl implements ITrashBinPresenter {\n    private _nameColumnId = \"id\";\n    private _dataSource: TrashBinDataSource | null = null;\n\n    constructor(\n        private listPresenter: ListPresenter.Interface<TrashBinItem>,\n        private listGateway: TrashBinListGateway.Interface,\n        private deleteGateway: TrashBinDeleteGateway.Interface,\n        private restoreGateway: TrashBinRestoreGateway.Interface,\n        private bulkActionGateway: TrashBinBulkActionGateway.Interface\n    ) {\n        makeAutoObservable<\n            TrashBinPresenterImpl,\n            \"listGateway\" | \"deleteGateway\" | \"restoreGateway\" | \"bulkActionGateway\"\n        >(this, {\n            listGateway: false,\n            deleteGateway: false,\n            restoreGateway: false,\n            bulkActionGateway: false,\n            vm: computed\n        });\n    }\n\n    get vm(): ITrashBinViewModel {\n        return {\n            list: this.listPresenter.vm,\n            nameColumnId: this._nameColumnId\n        };\n    }\n\n    actions: ITrashBinActions = {\n        search: {\n            set: (query: string) => this.listPresenter.actions.search.set(query),\n            clear: () => this.listPresenter.actions.search.clear()\n        },\n        sort: {\n            set: (field: string, direction: \"ASC\" | \"DESC\") =>\n                this.listPresenter.actions.sort.set(field, direction),\n            toggle: (field: string) => this.listPresenter.actions.sort.toggle(field)\n        },\n        filter: {\n            set: (key: string, value: unknown) => this.listPresenter.actions.filter.set(key, value),\n            clear: (key: string) => this.listPresenter.actions.filter.clear(key),\n            clearAll: () => this.listPresenter.actions.filter.clearAll(),\n            show: () => this.listPresenter.actions.filter.show(),\n            hide: () => this.listPresenter.actions.filter.hide()\n        },\n        selection: {\n            toggle: (id: string) => this.listPresenter.actions.selection.toggle(id),\n            selectRangeTo: (id: string) => this.listPresenter.actions.selection.selectRangeTo(id),\n            selectAll: () => this.listPresenter.actions.selection.selectAll(),\n            deselectAll: () => this.listPresenter.actions.selection.deselectAll(),\n            selectRows: (ids: string[]) => this.listPresenter.actions.selection.selectRows(ids),\n            isSelected: (id: string) => this.listPresenter.actions.selection.isSelected(id)\n        },\n        loadMore: () => this.listPresenter.actions.loadMore(),\n        refresh: () => this.listPresenter.actions.refresh(),\n\n        restoreItem: async (id: string) => {\n            await this.restoreGateway.execute(id);\n            if (this._dataSource) {\n                this._dataSource.removeItem(id);\n            }\n        },\n\n        deleteItem: async (id: string) => {\n            await this.deleteGateway.execute(id);\n            if (this._dataSource) {\n                this._dataSource.removeItem(id);\n            }\n        },\n\n        bulkRestore: async (params?) => {\n            const selectedIds = Array.from(this.listPresenter.vm.selection.selectedIds);\n            await this.bulkActionGateway.execute({\n                action: \"Restore\",\n                where: params?.where ?? { id_in: selectedIds },\n                search: params?.search\n            });\n            this.listPresenter.actions.selection.deselectAll();\n            await this.listPresenter.actions.refresh();\n        },\n\n        bulkDelete: async (params?) => {\n            const selectedIds = Array.from(this.listPresenter.vm.selection.selectedIds);\n            await this.bulkActionGateway.execute({\n                action: \"Delete\",\n                where: params?.where ?? { id_in: selectedIds },\n                search: params?.search\n            });\n            this.listPresenter.actions.selection.deselectAll();\n            await this.listPresenter.actions.refresh();\n        }\n    };\n\n    init(config: ITrashBinPresenterConfig): void {\n        this._nameColumnId = config.nameColumnId;\n\n        this._dataSource = new TrashBinDataSource(this.listGateway);\n\n        this.listPresenter.init({\n            dataSource: this._dataSource,\n            initialSort: config.initialSort ?? { field: \"deletedOn\", direction: \"DESC\" }\n        });\n    }\n\n    dispose(): void {\n        this._dataSource = null;\n    }\n}\n\nexport const TrashBinPresenter = Abstraction.createImplementation({\n    implementation: TrashBinPresenterImpl,\n    dependencies: [\n        ListPresenter,\n        TrashBinListGateway,\n        TrashBinDeleteGateway,\n        TrashBinRestoreGateway,\n        TrashBinBulkActionGateway\n    ]\n});\n"],"names":["TrashBinPresenterImpl","listPresenter","listGateway","deleteGateway","restoreGateway","bulkActionGateway","query","field","direction","key","value","id","ids","params","selectedIds","Array","makeAutoObservable","computed","config","TrashBinDataSource","TrashBinPresenter","Abstraction","ListPresenter","TrashBinListGateway","TrashBinDeleteGateway","TrashBinRestoreGateway","TrashBinBulkActionGateway"],"mappings":"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"}
+{"version":3,"file":"presentation/trashBin/TrashBinPresenter.js","sources":["../../../src/presentation/trashBin/TrashBinPresenter.ts"],"sourcesContent":["import { computed, makeAutoObservable } from \"mobx\";\nimport { ListPresenter } from \"~/presentation/listPresenter/abstractions.js\";\nimport {\n    TrashBinPresenter as Abstraction,\n    TrashBinListGateway,\n    TrashBinDeleteGateway,\n    TrashBinRestoreGateway,\n    TrashBinBulkActionGateway,\n    type ITrashBinPresenter,\n    type ITrashBinPresenterConfig,\n    type ITrashBinViewModel,\n    type ITrashBinActions,\n    type TrashBinItem\n} from \"./abstractions.js\";\nimport { TrashBinDataSource } from \"./TrashBinDataSource.js\";\n\nclass TrashBinPresenterImpl implements ITrashBinPresenter {\n    private _nameColumnId = \"id\";\n    private _dataSource: TrashBinDataSource | null = null;\n\n    constructor(\n        private listPresenter: ListPresenter.Interface<TrashBinItem>,\n        private listGateway: TrashBinListGateway.Interface,\n        private deleteGateway: TrashBinDeleteGateway.Interface,\n        private restoreGateway: TrashBinRestoreGateway.Interface,\n        private bulkActionGateway: TrashBinBulkActionGateway.Interface\n    ) {\n        makeAutoObservable<\n            TrashBinPresenterImpl,\n            \"listGateway\" | \"deleteGateway\" | \"restoreGateway\" | \"bulkActionGateway\"\n        >(this, {\n            listGateway: false,\n            deleteGateway: false,\n            restoreGateway: false,\n            bulkActionGateway: false,\n            vm: computed\n        });\n    }\n\n    get vm(): ITrashBinViewModel {\n        return {\n            list: this.listPresenter.vm,\n            nameColumnId: this._nameColumnId\n        };\n    }\n\n    actions: ITrashBinActions = {\n        search: {\n            set: (query: string) => this.listPresenter.actions.search.set(query),\n            clear: () => this.listPresenter.actions.search.clear()\n        },\n        sort: {\n            set: (field: string, direction: \"ASC\" | \"DESC\") =>\n                this.listPresenter.actions.sort.set(field, direction),\n            toggle: (field: string) => this.listPresenter.actions.sort.toggle(field)\n        },\n        filter: {\n            set: (key: string, value: unknown) => this.listPresenter.actions.filter.set(key, value),\n            clear: (key: string) => this.listPresenter.actions.filter.clear(key),\n            clearAll: () => this.listPresenter.actions.filter.clearAll(),\n            show: () => this.listPresenter.actions.filter.show(),\n            hide: () => this.listPresenter.actions.filter.hide()\n        },\n        selection: {\n            toggle: (id: string) => this.listPresenter.actions.selection.toggle(id),\n            selectRangeTo: (id: string) => this.listPresenter.actions.selection.selectRangeTo(id),\n            selectAll: () => this.listPresenter.actions.selection.selectAll(),\n            deselectAll: () => this.listPresenter.actions.selection.deselectAll(),\n            selectRows: (ids: string[]) => this.listPresenter.actions.selection.selectRows(ids),\n            isSelected: (id: string) => this.listPresenter.actions.selection.isSelected(id)\n        },\n        loadMore: () => this.listPresenter.actions.loadMore(),\n        refresh: () => this.listPresenter.actions.refresh(),\n\n        restoreItem: async (id: string) => {\n            await this.restoreGateway.execute(id);\n            if (this._dataSource) {\n                this._dataSource.removeItem(id);\n            }\n        },\n\n        deleteItem: async (id: string) => {\n            const deleted = await this.deleteGateway.execute(id);\n            if (deleted === false) {\n                return false;\n            }\n\n            if (this._dataSource) {\n                this._dataSource.removeItem(id);\n            }\n\n            return true;\n        },\n\n        bulkRestore: async (params?) => {\n            const selectedIds = Array.from(this.listPresenter.vm.selection.selectedIds);\n            await this.bulkActionGateway.execute({\n                action: \"Restore\",\n                where: params?.where ?? { id_in: selectedIds },\n                search: params?.search\n            });\n            this.listPresenter.actions.selection.deselectAll();\n            await this.listPresenter.actions.refresh();\n        },\n\n        bulkDelete: async (params?) => {\n            const selectedIds = Array.from(this.listPresenter.vm.selection.selectedIds);\n            await this.bulkActionGateway.execute({\n                action: \"Delete\",\n                where: params?.where ?? { id_in: selectedIds },\n                search: params?.search\n            });\n            this.listPresenter.actions.selection.deselectAll();\n            await this.listPresenter.actions.refresh();\n        }\n    };\n\n    init(config: ITrashBinPresenterConfig): void {\n        this._nameColumnId = config.nameColumnId;\n\n        this._dataSource = new TrashBinDataSource(this.listGateway);\n\n        this.listPresenter.init({\n            dataSource: this._dataSource,\n            initialSort: config.initialSort ?? { field: \"deletedOn\", direction: \"DESC\" }\n        });\n    }\n\n    dispose(): void {\n        this._dataSource = null;\n    }\n}\n\nexport const TrashBinPresenter = Abstraction.createImplementation({\n    implementation: TrashBinPresenterImpl,\n    dependencies: [\n        ListPresenter,\n        TrashBinListGateway,\n        TrashBinDeleteGateway,\n        TrashBinRestoreGateway,\n        TrashBinBulkActionGateway\n    ]\n});\n"],"names":["TrashBinPresenterImpl","listPresenter","listGateway","deleteGateway","restoreGateway","bulkActionGateway","query","field","direction","key","value","id","ids","deleted","params","selectedIds","Array","makeAutoObservable","computed","config","TrashBinDataSource","TrashBinPresenter","Abstraction","ListPresenter","TrashBinListGateway","TrashBinDeleteGateway","TrashBinRestoreGateway","TrashBinBulkActionGateway"],"mappings":"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"}

package/presentation/trashBin/TrashBinPresenter.test.d.ts

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

package/presentation/trashBin/TrashBinPresenter.test.js

@@ -0,0 +1,91 @@
+import { describe, expect, it, vi } from "vitest";
+import { Container } from "@webiny/di";
+import { ListPresenter } from "../listPresenter/abstractions.js";
+import { TrashBinBulkActionGateway, TrashBinDeleteGateway, TrashBinListGateway, TrashBinPresenter, TrashBinRestoreGateway } from "./abstractions.js";
+import { TrashBinPresenter as external_TrashBinPresenter_js_TrashBinPresenter } from "./TrashBinPresenter.js";
+function item(id) {
+    return {
+        id,
+        title: `Item ${id}`,
+        location: {
+            folderId: void 0
+        },
+        createdBy: {
+            id: "u1",
+            displayName: "User",
+            type: "admin"
+        },
+        deletedBy: {
+            id: "u1",
+            displayName: "User",
+            type: "admin"
+        },
+        deletedOn: "2026-10-16T10:00:00.000Z"
+    };
+}
+async function setup(deleteResult) {
+    const container = new Container();
+    const listPresenter = {
+        init: vi.fn((_config)=>void 0),
+        vm: {},
+        actions: {}
+    };
+    const deleteGateway = {
+        execute: vi.fn(async (_id)=>deleteResult)
+    };
+    container.registerInstance(ListPresenter, listPresenter);
+    container.registerInstance(TrashBinListGateway, {
+        execute: vi.fn(async ()=>({
+                data: [
+                    item("a"),
+                    item("b")
+                ],
+                meta: {
+                    cursor: null,
+                    hasMoreItems: false,
+                    totalCount: 2
+                }
+            }))
+    });
+    container.registerInstance(TrashBinDeleteGateway, deleteGateway);
+    container.registerInstance(TrashBinRestoreGateway, {
+        execute: vi.fn()
+    });
+    container.registerInstance(TrashBinBulkActionGateway, {
+        execute: vi.fn()
+    });
+    container.register(external_TrashBinPresenter_js_TrashBinPresenter).inSingletonScope();
+    const presenter = container.resolve(TrashBinPresenter);
+    presenter.init({
+        nameColumnId: "title"
+    });
+    const dataSource = listPresenter.init.mock.calls[0][0].dataSource;
+    await dataSource.query({});
+    return {
+        presenter,
+        deleteGateway,
+        dataSource
+    };
+}
+describe("TrashBinPresenter.deleteItem", ()=>{
+    it("removes the row and returns true when the gateway deleted the item", async ()=>{
+        const { presenter, deleteGateway, dataSource } = await setup(true);
+        const result = await presenter.actions.deleteItem("a");
+        expect(result).toBe(true);
+        expect(deleteGateway.execute).toHaveBeenCalledWith("a");
+        expect(dataSource.rows.map((row)=>row.id)).toEqual([
+            "b"
+        ]);
+    });
+    it("keeps the row and returns false when the gateway returned false", async ()=>{
+        const { presenter, dataSource } = await setup(false);
+        const result = await presenter.actions.deleteItem("a");
+        expect(result).toBe(false);
+        expect(dataSource.rows.map((row)=>row.id)).toEqual([
+            "a",
+            "b"
+        ]);
+    });
+});
+
+//# sourceMappingURL=TrashBinPresenter.test.js.map

package/presentation/trashBin/TrashBinPresenter.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/trashBin/TrashBinPresenter.test.js","sources":["../../../src/presentation/trashBin/TrashBinPresenter.test.ts"],"sourcesContent":["import { describe } from \"vitest\";\nimport { expect } from \"vitest\";\nimport { it } from \"vitest\";\nimport { vi } from \"vitest\";\nimport { Container } from \"@webiny/di\";\nimport { ListPresenter } from \"~/presentation/listPresenter/abstractions.js\";\nimport type { IDataSource } from \"~/presentation/listPresenter/abstractions.js\";\nimport { TrashBinBulkActionGateway } from \"./abstractions.js\";\nimport { TrashBinDeleteGateway } from \"./abstractions.js\";\nimport { TrashBinListGateway } from \"./abstractions.js\";\nimport { TrashBinPresenter as Abstraction } from \"./abstractions.js\";\nimport { TrashBinRestoreGateway } from \"./abstractions.js\";\nimport type { TrashBinItem } from \"./abstractions.js\";\nimport { TrashBinPresenter } from \"./TrashBinPresenter.js\";\n\nfunction item(id: string): TrashBinItem {\n    return {\n        id,\n        title: `Item ${id}`,\n        location: { folderId: undefined },\n        createdBy: { id: \"u1\", displayName: \"User\", type: \"admin\" },\n        deletedBy: { id: \"u1\", displayName: \"User\", type: \"admin\" },\n        deletedOn: \"2026-10-16T10:00:00.000Z\"\n    } as unknown as TrashBinItem;\n}\n\nasync function setup(deleteResult: boolean) {\n    const container = new Container();\n    const listPresenter = {\n        init: vi.fn((_config: { dataSource: IDataSource<TrashBinItem> }) => undefined),\n        vm: {},\n        actions: {}\n    };\n    const deleteGateway = { execute: vi.fn(async (_id: string) => deleteResult) };\n\n    container.registerInstance(ListPresenter, listPresenter as unknown as ListPresenter.Interface);\n    container.registerInstance(TrashBinListGateway, {\n        execute: vi.fn(async () => ({\n            data: [item(\"a\"), item(\"b\")],\n            meta: { cursor: null, hasMoreItems: false, totalCount: 2 }\n        }))\n    });\n    container.registerInstance(TrashBinDeleteGateway, deleteGateway);\n    container.registerInstance(TrashBinRestoreGateway, { execute: vi.fn() });\n    container.registerInstance(TrashBinBulkActionGateway, { execute: vi.fn() });\n    container.register(TrashBinPresenter).inSingletonScope();\n\n    const presenter = container.resolve(Abstraction);\n    presenter.init({ nameColumnId: \"title\" });\n    const dataSource = listPresenter.init.mock.calls[0][0].dataSource;\n    await dataSource.query({});\n\n    return { presenter, deleteGateway, dataSource };\n}\n\ndescribe(\"TrashBinPresenter.deleteItem\", () => {\n    it(\"removes the row and returns true when the gateway deleted the item\", async () => {\n        const { presenter, deleteGateway, dataSource } = await setup(true);\n\n        const result = await presenter.actions.deleteItem(\"a\");\n\n        expect(result).toBe(true);\n        expect(deleteGateway.execute).toHaveBeenCalledWith(\"a\");\n        expect(dataSource.rows.map(row => row.id)).toEqual([\"b\"]);\n    });\n\n    it(\"keeps the row and returns false when the gateway returned false\", async () => {\n        const { presenter, dataSource } = await setup(false);\n\n        const result = await presenter.actions.deleteItem(\"a\");\n\n        expect(result).toBe(false);\n        expect(dataSource.rows.map(row => row.id)).toEqual([\"a\", \"b\"]);\n    });\n});\n"],"names":["item","id","undefined","setup","deleteResult","container","Container","listPresenter","vi","_config","deleteGateway","_id","ListPresenter","TrashBinListGateway","TrashBinDeleteGateway","TrashBinRestoreGateway","TrashBinBulkActionGateway","TrashBinPresenter","presenter","Abstraction","dataSource","describe","it","result","expect","row"],"mappings":";;;;;AAeA,SAASA,KAAKC,EAAU;IACpB,OAAO;QACHA;QACA,OAAO,CAAC,KAAK,EAAEA,IAAI;QACnB,UAAU;YAAE,UAAUC;QAAU;QAChC,WAAW;YAAE,IAAI;YAAM,aAAa;YAAQ,MAAM;QAAQ;QAC1D,WAAW;YAAE,IAAI;YAAM,aAAa;YAAQ,MAAM;QAAQ;QAC1D,WAAW;IACf;AACJ;AAEA,eAAeC,MAAMC,YAAqB;IACtC,MAAMC,YAAY,IAAIC;IACtB,MAAMC,gBAAgB;QAClB,MAAMC,GAAG,EAAE,CAAC,CAACC,UAAuDP;QACpE,IAAI,CAAC;QACL,SAAS,CAAC;IACd;IACA,MAAMQ,gBAAgB;QAAE,SAASF,GAAG,EAAE,CAAC,OAAOG,MAAgBP;IAAc;IAE5EC,UAAU,gBAAgB,CAACO,eAAeL;IAC1CF,UAAU,gBAAgB,CAACQ,qBAAqB;QAC5C,SAASL,GAAG,EAAE,CAAC,UAAa;gBACxB,MAAM;oBAACR,KAAK;oBAAMA,KAAK;iBAAK;gBAC5B,MAAM;oBAAE,QAAQ;oBAAM,cAAc;oBAAO,YAAY;gBAAE;YAC7D;IACJ;IACAK,UAAU,gBAAgB,CAACS,uBAAuBJ;IAClDL,UAAU,gBAAgB,CAACU,wBAAwB;QAAE,SAASP,GAAG,EAAE;IAAG;IACtEH,UAAU,gBAAgB,CAACW,2BAA2B;QAAE,SAASR,GAAG,EAAE;IAAG;IACzEH,UAAU,QAAQ,CAACY,iDAAmB,gBAAgB;IAEtD,MAAMC,YAAYb,UAAU,OAAO,CAACc;IACpCD,UAAU,IAAI,CAAC;QAAE,cAAc;IAAQ;IACvC,MAAME,aAAab,cAAc,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,EAAE,CAAC,UAAU;IACjE,MAAMa,WAAW,KAAK,CAAC,CAAC;IAExB,OAAO;QAAEF;QAAWR;QAAeU;IAAW;AAClD;AAEAC,SAAS,gCAAgC;IACrCC,GAAG,sEAAsE;QACrE,MAAM,EAAEJ,SAAS,EAAER,aAAa,EAAEU,UAAU,EAAE,GAAG,MAAMjB,MAAM;QAE7D,MAAMoB,SAAS,MAAML,UAAU,OAAO,CAAC,UAAU,CAAC;QAElDM,OAAOD,QAAQ,IAAI,CAAC;QACpBC,OAAOd,cAAc,OAAO,EAAE,oBAAoB,CAAC;QACnDc,OAAOJ,WAAW,IAAI,CAAC,GAAG,CAACK,CAAAA,MAAOA,IAAI,EAAE,GAAG,OAAO,CAAC;YAAC;SAAI;IAC5D;IAEAH,GAAG,mEAAmE;QAClE,MAAM,EAAEJ,SAAS,EAAEE,UAAU,EAAE,GAAG,MAAMjB,MAAM;QAE9C,MAAMoB,SAAS,MAAML,UAAU,OAAO,CAAC,UAAU,CAAC;QAElDM,OAAOD,QAAQ,IAAI,CAAC;QACpBC,OAAOJ,WAAW,IAAI,CAAC,GAAG,CAACK,CAAAA,MAAOA,IAAI,EAAE,GAAG,OAAO,CAAC;YAAC;YAAK;SAAI;IACjE;AACJ"}

package/presentation/trashBin/abstractions.d.ts

@@ -80,7 +80,7 @@ export interface ITrashBinViewModel {
 }
 export interface ITrashBinActions extends IListActions {
     restoreItem(id: string): Promise<void>;
-    deleteItem(id: string): Promise<void>;
+    deleteItem(id: string): Promise<boolean>;
     bulkRestore(params?: {
         where?: Record<string, unknown>;
         search?: string;

package/presentation/trashBin/abstractions.js.map

@@ -1 +1 @@
-{"version":3,"file":"presentation/trashBin/abstractions.js","sources":["../../../src/presentation/trashBin/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport type {\n    IListViewModel,\n    IListActions,\n    IDataSourceMeta\n} from \"~/presentation/listPresenter/abstractions.js\";\n\n// ---------------------------------------------------------------------------\n// TrashBinItem — universal row type\n// ---------------------------------------------------------------------------\n\nexport interface TrashBinIdentity {\n    id: string;\n    displayName: string;\n    type: string;\n}\n\nexport interface TrashBinLocation {\n    folderId: string | undefined;\n}\n\nexport interface TrashBinItem {\n    id: string;\n    title: string;\n    location: TrashBinLocation;\n    createdBy: TrashBinIdentity;\n    deletedBy: TrashBinIdentity;\n    deletedOn: string;\n    [key: string]: any;\n}\n\n// ---------------------------------------------------------------------------\n// Gateway abstractions\n// ---------------------------------------------------------------------------\n\nexport interface ITrashBinListGatewayParams {\n    where?: Record<string, unknown>;\n    sort?: string[];\n    limit?: number;\n    after?: string;\n    search?: string;\n}\n\nexport interface ITrashBinListGatewayResult {\n    data: TrashBinItem[];\n    meta: IDataSourceMeta;\n}\n\nexport interface ITrashBinListGateway {\n    execute(params: ITrashBinListGatewayParams): Promise<ITrashBinListGatewayResult>;\n}\n\nexport const TrashBinListGateway = createAbstraction<ITrashBinListGateway>(\"TrashBinListGateway\");\n\nexport namespace TrashBinListGateway {\n    export type Interface = ITrashBinListGateway;\n    export type Params = ITrashBinListGatewayParams;\n    export type Result = ITrashBinListGatewayResult;\n}\n\nexport interface ITrashBinDeleteGateway {\n    execute(id: string): Promise<boolean>;\n}\n\nexport const TrashBinDeleteGateway =\n    createAbstraction<ITrashBinDeleteGateway>(\"TrashBinDeleteGateway\");\n\nexport namespace TrashBinDeleteGateway {\n    export type Interface = ITrashBinDeleteGateway;\n}\n\nexport interface ITrashBinRestoreGateway {\n    execute(id: string): Promise<TrashBinItem>;\n}\n\nexport const TrashBinRestoreGateway =\n    createAbstraction<ITrashBinRestoreGateway>(\"TrashBinRestoreGateway\");\n\nexport namespace TrashBinRestoreGateway {\n    export type Interface = ITrashBinRestoreGateway;\n}\n\nexport interface ITrashBinBulkActionParams {\n    action: string;\n    where?: Record<string, unknown>;\n    search?: string;\n}\n\nexport interface ITrashBinBulkActionResult {\n    id: string;\n}\n\nexport interface ITrashBinBulkActionGateway {\n    execute(params: ITrashBinBulkActionParams): Promise<ITrashBinBulkActionResult>;\n}\n\nexport const TrashBinBulkActionGateway = createAbstraction<ITrashBinBulkActionGateway>(\n    \"TrashBinBulkActionGateway\"\n);\n\nexport namespace TrashBinBulkActionGateway {\n    export type Interface = ITrashBinBulkActionGateway;\n    export type Params = ITrashBinBulkActionParams;\n    export type Result = ITrashBinBulkActionResult;\n}\n\n// ---------------------------------------------------------------------------\n// Presenter abstraction\n// ---------------------------------------------------------------------------\n\nexport interface ITrashBinPresenterConfig {\n    nameColumnId: string;\n    initialSort?: { field: string; direction: \"ASC\" | \"DESC\" };\n}\n\nexport interface ITrashBinViewModel {\n    list: IListViewModel<TrashBinItem>;\n    nameColumnId: string;\n}\n\nexport interface ITrashBinActions extends IListActions {\n    restoreItem(id: string): Promise<void>;\n    deleteItem(id: string): Promise<void>;\n    bulkRestore(params?: { where?: Record<string, unknown>; search?: string }): Promise<void>;\n    bulkDelete(params?: { where?: Record<string, unknown>; search?: string }): Promise<void>;\n}\n\nexport interface ITrashBinPresenter {\n    vm: ITrashBinViewModel;\n    actions: ITrashBinActions;\n    init(config: ITrashBinPresenterConfig): void;\n    dispose(): void;\n}\n\nexport const TrashBinPresenter = createAbstraction<ITrashBinPresenter>(\"TrashBinPresenter\");\n\nexport namespace TrashBinPresenter {\n    export type Interface = ITrashBinPresenter;\n    export type ViewModel = ITrashBinViewModel;\n    export type Actions = ITrashBinActions;\n    export type Config = ITrashBinPresenterConfig;\n}\n"],"names":["TrashBinListGateway","createAbstraction","TrashBinDeleteGateway","TrashBinRestoreGateway","TrashBinBulkActionGateway","TrashBinPresenter"],"mappings":";AAoDO,MAAMA,sBAAsBC,kBAAwC;AAYpE,MAAMC,wBACTD,kBAA0C;AAUvC,MAAME,yBACTF,kBAA2C;AAoBxC,MAAMG,4BAA4BH,kBACrC;AAqCG,MAAMI,oBAAoBJ,kBAAsC"}
+{"version":3,"file":"presentation/trashBin/abstractions.js","sources":["../../../src/presentation/trashBin/abstractions.ts"],"sourcesContent":["import { createAbstraction } from \"@webiny/feature/admin\";\nimport type {\n    IListViewModel,\n    IListActions,\n    IDataSourceMeta\n} from \"~/presentation/listPresenter/abstractions.js\";\n\n// ---------------------------------------------------------------------------\n// TrashBinItem — universal row type\n// ---------------------------------------------------------------------------\n\nexport interface TrashBinIdentity {\n    id: string;\n    displayName: string;\n    type: string;\n}\n\nexport interface TrashBinLocation {\n    folderId: string | undefined;\n}\n\nexport interface TrashBinItem {\n    id: string;\n    title: string;\n    location: TrashBinLocation;\n    createdBy: TrashBinIdentity;\n    deletedBy: TrashBinIdentity;\n    deletedOn: string;\n    [key: string]: any;\n}\n\n// ---------------------------------------------------------------------------\n// Gateway abstractions\n// ---------------------------------------------------------------------------\n\nexport interface ITrashBinListGatewayParams {\n    where?: Record<string, unknown>;\n    sort?: string[];\n    limit?: number;\n    after?: string;\n    search?: string;\n}\n\nexport interface ITrashBinListGatewayResult {\n    data: TrashBinItem[];\n    meta: IDataSourceMeta;\n}\n\nexport interface ITrashBinListGateway {\n    execute(params: ITrashBinListGatewayParams): Promise<ITrashBinListGatewayResult>;\n}\n\nexport const TrashBinListGateway = createAbstraction<ITrashBinListGateway>(\"TrashBinListGateway\");\n\nexport namespace TrashBinListGateway {\n    export type Interface = ITrashBinListGateway;\n    export type Params = ITrashBinListGatewayParams;\n    export type Result = ITrashBinListGatewayResult;\n}\n\nexport interface ITrashBinDeleteGateway {\n    execute(id: string): Promise<boolean>;\n}\n\nexport const TrashBinDeleteGateway =\n    createAbstraction<ITrashBinDeleteGateway>(\"TrashBinDeleteGateway\");\n\nexport namespace TrashBinDeleteGateway {\n    export type Interface = ITrashBinDeleteGateway;\n}\n\nexport interface ITrashBinRestoreGateway {\n    execute(id: string): Promise<TrashBinItem>;\n}\n\nexport const TrashBinRestoreGateway =\n    createAbstraction<ITrashBinRestoreGateway>(\"TrashBinRestoreGateway\");\n\nexport namespace TrashBinRestoreGateway {\n    export type Interface = ITrashBinRestoreGateway;\n}\n\nexport interface ITrashBinBulkActionParams {\n    action: string;\n    where?: Record<string, unknown>;\n    search?: string;\n}\n\nexport interface ITrashBinBulkActionResult {\n    id: string;\n}\n\nexport interface ITrashBinBulkActionGateway {\n    execute(params: ITrashBinBulkActionParams): Promise<ITrashBinBulkActionResult>;\n}\n\nexport const TrashBinBulkActionGateway = createAbstraction<ITrashBinBulkActionGateway>(\n    \"TrashBinBulkActionGateway\"\n);\n\nexport namespace TrashBinBulkActionGateway {\n    export type Interface = ITrashBinBulkActionGateway;\n    export type Params = ITrashBinBulkActionParams;\n    export type Result = ITrashBinBulkActionResult;\n}\n\n// ---------------------------------------------------------------------------\n// Presenter abstraction\n// ---------------------------------------------------------------------------\n\nexport interface ITrashBinPresenterConfig {\n    nameColumnId: string;\n    initialSort?: { field: string; direction: \"ASC\" | \"DESC\" };\n}\n\nexport interface ITrashBinViewModel {\n    list: IListViewModel<TrashBinItem>;\n    nameColumnId: string;\n}\n\nexport interface ITrashBinActions extends IListActions {\n    restoreItem(id: string): Promise<void>;\n    /*\n     * Resolves false when the delete was not carried out (the item stays listed).\n     */\n    deleteItem(id: string): Promise<boolean>;\n    bulkRestore(params?: { where?: Record<string, unknown>; search?: string }): Promise<void>;\n    bulkDelete(params?: { where?: Record<string, unknown>; search?: string }): Promise<void>;\n}\n\nexport interface ITrashBinPresenter {\n    vm: ITrashBinViewModel;\n    actions: ITrashBinActions;\n    init(config: ITrashBinPresenterConfig): void;\n    dispose(): void;\n}\n\nexport const TrashBinPresenter = createAbstraction<ITrashBinPresenter>(\"TrashBinPresenter\");\n\nexport namespace TrashBinPresenter {\n    export type Interface = ITrashBinPresenter;\n    export type ViewModel = ITrashBinViewModel;\n    export type Actions = ITrashBinActions;\n    export type Config = ITrashBinPresenterConfig;\n}\n"],"names":["TrashBinListGateway","createAbstraction","TrashBinDeleteGateway","TrashBinRestoreGateway","TrashBinBulkActionGateway","TrashBinPresenter"],"mappings":";AAoDO,MAAMA,sBAAsBC,kBAAwC;AAYpE,MAAMC,wBACTD,kBAA0C;AAUvC,MAAME,yBACTF,kBAA2C;AAoBxC,MAAMG,4BAA4BH,kBACrC;AAwCG,MAAMI,oBAAoBJ,kBAAsC"}

package/presentation/trashBin/components/BulkActions/DeleteItems.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-export declare const BulkActionsDeleteItems: (() => React.JSX.Element) & {
-    displayName: string;
+export declare const BulkActionsDeleteItems: (() => React.JSX.Element) & React.NamedExoticComponent<unknown> & {
+    readonly type: () => React.JSX.Element;
 };

package/presentation/trashBin/components/BulkActions/DeleteItems.js

@@ -36,7 +36,11 @@ const BulkActionsDeleteItems = observer(()=>{
                 }
                 await worker.processInSeries(async ({ item, report })=>{
                     try {
-                        await actions.deleteItem(item.id);
+                        const deleted = await actions.deleteItem(item.id);
+                        if (false === deleted) return void report.error({
+                            title: `${item.title}`,
+                            message: "The item was not deleted."
+                        });
                         report.success({
                             title: `${item.title}`,
                             message: "Item successfully deleted."

package/presentation/trashBin/components/BulkActions/DeleteItems.js.map

@@ -1 +1 @@
-{"version":3,"file":"presentation/trashBin/components/BulkActions/DeleteItems.js","sources":["../../../../../src/presentation/trashBin/components/BulkActions/DeleteItems.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { observer } from \"mobx-react-lite\";\nimport { useSnackbar } from \"~/index.js\";\nimport { TrashBinListConfig } from \"../../configs/index.js\";\nimport { useTrashBinPresenter } from \"../../hooks/index.js\";\nimport { Tooltip } from \"@webiny/admin-ui\";\n\nconst getEntriesLabel = (count: number, isSelectedAll: boolean): string => {\n    if (isSelectedAll) {\n        return \"all entries\";\n    }\n    return `${count} ${count === 1 ? \"item\" : \"items\"}`;\n};\n\nexport const BulkActionsDeleteItems = observer(() => {\n    const { actions } = useTrashBinPresenter();\n    const { showSnackbar } = useSnackbar();\n\n    const { useWorker, useButtons, useDialog } = TrashBinListConfig.Browser.BulkAction;\n    const { ButtonDefault } = useButtons();\n    const worker = useWorker();\n    const { showConfirmationDialog, showResultsDialog } = useDialog();\n\n    const entriesLabel = useMemo(() => {\n        return getEntriesLabel(worker.items.length, worker.isSelectedAll);\n    }, [worker.items.length, worker.isSelectedAll]);\n\n    const openDeleteEntriesDialog = () =>\n        showConfirmationDialog({\n            title: \"Delete items\",\n            message: `You are about to permanently delete ${entriesLabel}. Are you sure you want to continue?`,\n            loadingLabel: `Processing ${entriesLabel}`,\n            execute: async () => {\n                if (worker.isSelectedAll) {\n                    await worker.processInBulk(params => actions.bulkDelete(params));\n                    worker.resetItems();\n                    showSnackbar(\n                        \"All items will be permanently deleted. This process will be carried out in the background and may take some time. You can safely navigate away from this page while the process is running.\",\n                        {\n                            dismissIcon: true,\n                            timeout: -1\n                        }\n                    );\n                    return;\n                }\n\n                await worker.processInSeries(async ({ item, report }) => {\n                    try {\n                        await actions.deleteItem(item.id);\n                        report.success({\n                            title: `${item.title}`,\n                            message: \"Item successfully deleted.\"\n                        });\n                    } catch (e: any) {\n                        report.error({\n                            title: `${item.title}`,\n                            message: e.message || \"Unknown error while deleting the item.\"\n                        });\n                    }\n                });\n\n                worker.resetItems();\n                await actions.refresh();\n\n                showResultsDialog({\n                    results: worker.results,\n                    title: \"Delete items\",\n                    message: \"Finished deleting items! See full report below:\"\n                });\n            }\n        });\n\n    return (\n        <Tooltip\n            side={\"bottom\"}\n            content={`Delete ${entriesLabel}`}\n            trigger={\n                <ButtonDefault icon={<DeleteIcon />} onAction={openDeleteEntriesDialog} size={\"sm\"}>\n                    {\"Delete\"}\n                </ButtonDefault>\n            }\n        />\n    );\n});\n"],"names":["getEntriesLabel","count","isSelectedAll","BulkActionsDeleteItems","observer","actions","useTrashBinPresenter","showSnackbar","useSnackbar","useWorker","useButtons","useDialog","TrashBinListConfig","ButtonDefault","worker","showConfirmationDialog","showResultsDialog","entriesLabel","useMemo","openDeleteEntriesDialog","params","item","report","e","Tooltip","DeleteIcon"],"mappings":";;;;;;;AAQA,MAAMA,kBAAkB,CAACC,OAAeC;IACpC,IAAIA,eACA,OAAO;IAEX,OAAO,GAAGD,MAAM,CAAC,EAAEA,AAAU,MAAVA,QAAc,SAAS,SAAS;AACvD;AAEO,MAAME,yBAAyBC,SAAS;IAC3C,MAAM,EAAEC,OAAO,EAAE,GAAGC;IACpB,MAAM,EAAEC,YAAY,EAAE,GAAGC;IAEzB,MAAM,EAAEC,SAAS,EAAEC,UAAU,EAAEC,SAAS,EAAE,GAAGC,mBAAmB,OAAO,CAAC,UAAU;IAClF,MAAM,EAAEC,aAAa,EAAE,GAAGH;IAC1B,MAAMI,SAASL;IACf,MAAM,EAAEM,sBAAsB,EAAEC,iBAAiB,EAAE,GAAGL;IAEtD,MAAMM,eAAeC,QAAQ,IAClBlB,gBAAgBc,OAAO,KAAK,CAAC,MAAM,EAAEA,OAAO,aAAa,GACjE;QAACA,OAAO,KAAK,CAAC,MAAM;QAAEA,OAAO,aAAa;KAAC;IAE9C,MAAMK,0BAA0B,IAC5BJ,uBAAuB;YACnB,OAAO;YACP,SAAS,CAAC,oCAAoC,EAAEE,aAAa,oCAAoC,CAAC;YAClG,cAAc,CAAC,WAAW,EAAEA,cAAc;YAC1C,SAAS;gBACL,IAAIH,OAAO,aAAa,EAAE;oBACtB,MAAMA,OAAO,aAAa,CAACM,CAAAA,SAAUf,QAAQ,UAAU,CAACe;oBACxDN,OAAO,UAAU;oBACjBP,aACI,+LACA;wBACI,aAAa;wBACb,SAAS;oBACb;oBAEJ;gBACJ;gBAEA,MAAMO,OAAO,eAAe,CAAC,OAAO,EAAEO,IAAI,EAAEC,MAAM,EAAE;oBAChD,IAAI;wBACA,MAAMjB,QAAQ,UAAU,CAACgB,KAAK,EAAE;wBAChCC,OAAO,OAAO,CAAC;4BACX,OAAO,GAAGD,KAAK,KAAK,EAAE;4BACtB,SAAS;wBACb;oBACJ,EAAE,OAAOE,GAAQ;wBACbD,OAAO,KAAK,CAAC;4BACT,OAAO,GAAGD,KAAK,KAAK,EAAE;4BACtB,SAASE,EAAE,OAAO,IAAI;wBAC1B;oBACJ;gBACJ;gBAEAT,OAAO,UAAU;gBACjB,MAAMT,QAAQ,OAAO;gBAErBW,kBAAkB;oBACd,SAASF,OAAO,OAAO;oBACvB,OAAO;oBACP,SAAS;gBACb;YACJ;QACJ;IAEJ,OAAO,WAAP,GACI,oBAACU,SAAOA;QACJ,MAAM;QACN,SAAS,CAAC,OAAO,EAAEP,cAAc;QACjC,uBACI,oBAACJ,eAAAA;YAAc,oBAAM,oBAACY,gBAAUA;YAAK,UAAUN;YAAyB,MAAM;WACzE;;AAKrB"}
+{"version":3,"file":"presentation/trashBin/components/BulkActions/DeleteItems.js","sources":["../../../../../src/presentation/trashBin/components/BulkActions/DeleteItems.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { observer } from \"mobx-react-lite\";\nimport { useSnackbar } from \"~/index.js\";\nimport { TrashBinListConfig } from \"../../configs/index.js\";\nimport { useTrashBinPresenter } from \"../../hooks/index.js\";\nimport { Tooltip } from \"@webiny/admin-ui\";\n\nconst getEntriesLabel = (count: number, isSelectedAll: boolean): string => {\n    if (isSelectedAll) {\n        return \"all entries\";\n    }\n    return `${count} ${count === 1 ? \"item\" : \"items\"}`;\n};\n\nexport const BulkActionsDeleteItems = observer(() => {\n    const { actions } = useTrashBinPresenter();\n    const { showSnackbar } = useSnackbar();\n\n    const { useWorker, useButtons, useDialog } = TrashBinListConfig.Browser.BulkAction;\n    const { ButtonDefault } = useButtons();\n    const worker = useWorker();\n    const { showConfirmationDialog, showResultsDialog } = useDialog();\n\n    const entriesLabel = useMemo(() => {\n        return getEntriesLabel(worker.items.length, worker.isSelectedAll);\n    }, [worker.items.length, worker.isSelectedAll]);\n\n    const openDeleteEntriesDialog = () =>\n        showConfirmationDialog({\n            title: \"Delete items\",\n            message: `You are about to permanently delete ${entriesLabel}. Are you sure you want to continue?`,\n            loadingLabel: `Processing ${entriesLabel}`,\n            execute: async () => {\n                if (worker.isSelectedAll) {\n                    await worker.processInBulk(params => actions.bulkDelete(params));\n                    worker.resetItems();\n                    showSnackbar(\n                        \"All items will be permanently deleted. This process will be carried out in the background and may take some time. You can safely navigate away from this page while the process is running.\",\n                        {\n                            dismissIcon: true,\n                            timeout: -1\n                        }\n                    );\n                    return;\n                }\n\n                await worker.processInSeries(async ({ item, report }) => {\n                    try {\n                        const deleted = await actions.deleteItem(item.id);\n                        if (deleted === false) {\n                            report.error({\n                                title: `${item.title}`,\n                                message: \"The item was not deleted.\"\n                            });\n                            return;\n                        }\n\n                        report.success({\n                            title: `${item.title}`,\n                            message: \"Item successfully deleted.\"\n                        });\n                    } catch (e: any) {\n                        report.error({\n                            title: `${item.title}`,\n                            message: e.message || \"Unknown error while deleting the item.\"\n                        });\n                    }\n                });\n\n                worker.resetItems();\n                await actions.refresh();\n\n                showResultsDialog({\n                    results: worker.results,\n                    title: \"Delete items\",\n                    message: \"Finished deleting items! See full report below:\"\n                });\n            }\n        });\n\n    return (\n        <Tooltip\n            side={\"bottom\"}\n            content={`Delete ${entriesLabel}`}\n            trigger={\n                <ButtonDefault icon={<DeleteIcon />} onAction={openDeleteEntriesDialog} size={\"sm\"}>\n                    {\"Delete\"}\n                </ButtonDefault>\n            }\n        />\n    );\n});\n"],"names":["getEntriesLabel","count","isSelectedAll","BulkActionsDeleteItems","observer","actions","useTrashBinPresenter","showSnackbar","useSnackbar","useWorker","useButtons","useDialog","TrashBinListConfig","ButtonDefault","worker","showConfirmationDialog","showResultsDialog","entriesLabel","useMemo","openDeleteEntriesDialog","params","item","report","deleted","e","Tooltip","DeleteIcon"],"mappings":";;;;;;;AAQA,MAAMA,kBAAkB,CAACC,OAAeC;IACpC,IAAIA,eACA,OAAO;IAEX,OAAO,GAAGD,MAAM,CAAC,EAAEA,AAAU,MAAVA,QAAc,SAAS,SAAS;AACvD;AAEO,MAAME,yBAAyBC,SAAS;IAC3C,MAAM,EAAEC,OAAO,EAAE,GAAGC;IACpB,MAAM,EAAEC,YAAY,EAAE,GAAGC;IAEzB,MAAM,EAAEC,SAAS,EAAEC,UAAU,EAAEC,SAAS,EAAE,GAAGC,mBAAmB,OAAO,CAAC,UAAU;IAClF,MAAM,EAAEC,aAAa,EAAE,GAAGH;IAC1B,MAAMI,SAASL;IACf,MAAM,EAAEM,sBAAsB,EAAEC,iBAAiB,EAAE,GAAGL;IAEtD,MAAMM,eAAeC,QAAQ,IAClBlB,gBAAgBc,OAAO,KAAK,CAAC,MAAM,EAAEA,OAAO,aAAa,GACjE;QAACA,OAAO,KAAK,CAAC,MAAM;QAAEA,OAAO,aAAa;KAAC;IAE9C,MAAMK,0BAA0B,IAC5BJ,uBAAuB;YACnB,OAAO;YACP,SAAS,CAAC,oCAAoC,EAAEE,aAAa,oCAAoC,CAAC;YAClG,cAAc,CAAC,WAAW,EAAEA,cAAc;YAC1C,SAAS;gBACL,IAAIH,OAAO,aAAa,EAAE;oBACtB,MAAMA,OAAO,aAAa,CAACM,CAAAA,SAAUf,QAAQ,UAAU,CAACe;oBACxDN,OAAO,UAAU;oBACjBP,aACI,+LACA;wBACI,aAAa;wBACb,SAAS;oBACb;oBAEJ;gBACJ;gBAEA,MAAMO,OAAO,eAAe,CAAC,OAAO,EAAEO,IAAI,EAAEC,MAAM,EAAE;oBAChD,IAAI;wBACA,MAAMC,UAAU,MAAMlB,QAAQ,UAAU,CAACgB,KAAK,EAAE;wBAChD,IAAIE,AAAY,UAAZA,SAAmB,YACnBD,OAAO,KAAK,CAAC;4BACT,OAAO,GAAGD,KAAK,KAAK,EAAE;4BACtB,SAAS;wBACb;wBAIJC,OAAO,OAAO,CAAC;4BACX,OAAO,GAAGD,KAAK,KAAK,EAAE;4BACtB,SAAS;wBACb;oBACJ,EAAE,OAAOG,GAAQ;wBACbF,OAAO,KAAK,CAAC;4BACT,OAAO,GAAGD,KAAK,KAAK,EAAE;4BACtB,SAASG,EAAE,OAAO,IAAI;wBAC1B;oBACJ;gBACJ;gBAEAV,OAAO,UAAU;gBACjB,MAAMT,QAAQ,OAAO;gBAErBW,kBAAkB;oBACd,SAASF,OAAO,OAAO;oBACvB,OAAO;oBACP,SAAS;gBACb;YACJ;QACJ;IAEJ,OAAO,WAAP,GACI,oBAACW,SAAOA;QACJ,MAAM;QACN,SAAS,CAAC,OAAO,EAAER,cAAc;QACjC,uBACI,oBAACJ,eAAAA;YAAc,oBAAM,oBAACa,gBAAUA;YAAK,UAAUP;YAAyB,MAAM;WACzE;;AAKrB"}

package/presentation/trashBin/components/BulkActions/DeleteItems.test.d.ts

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

package/presentation/trashBin/components/BulkActions/DeleteItems.test.js

@@ -0,0 +1,100 @@
+import react from "react";
+import { afterEach, describe, expect, it, vi } from "vitest";
+import { cleanup, fireEvent, render, screen, waitFor } from "@testing-library/react";
+import { BulkActionsDeleteItems } from "./DeleteItems.js";
+const mocks = vi.hoisted(()=>({
+        deleteItem: vi.fn(),
+        refresh: vi.fn(),
+        report: {
+            success: vi.fn(),
+            error: vi.fn()
+        }
+    }));
+const items = [
+    {
+        id: "a",
+        title: "Item a"
+    },
+    {
+        id: "b",
+        title: "Item b"
+    }
+];
+vi.mock("~/index.js", ()=>({
+        useSnackbar: ()=>({
+                showSnackbar: vi.fn()
+            })
+    }));
+vi.mock("../../hooks/index.js", ()=>({
+        useTrashBinPresenter: ()=>({
+                actions: {
+                    deleteItem: mocks.deleteItem,
+                    refresh: mocks.refresh
+                }
+            })
+    }));
+vi.mock("../../configs/index.js", ()=>({
+        TrashBinListConfig: {
+            Browser: {
+                BulkAction: {
+                    useWorker: ()=>({
+                            items: items,
+                            isSelectedAll: false,
+                            resetItems: vi.fn(),
+                            results: [],
+                            processInSeries: async (callback)=>{
+                                for (const item of items)await callback({
+                                    item,
+                                    report: mocks.report
+                                });
+                            }
+                        }),
+                    useButtons: ()=>({
+                            ButtonDefault: (props)=>/*#__PURE__*/ react.createElement("button", {
+                                    onClick: props.onAction
+                                }, props.children)
+                        }),
+                    useDialog: ()=>({
+                            showConfirmationDialog: (params)=>params.execute(),
+                            showResultsDialog: vi.fn()
+                        })
+                }
+            }
+        }
+    }));
+vi.mock("@webiny/admin-ui", ()=>({
+        Tooltip: (props)=>props.trigger
+    }));
+vi.mock("@webiny/icons/delete.svg", ()=>({
+        ReactComponent: ()=>null
+    }));
+describe("BulkActionsDeleteItems", ()=>{
+    afterEach(()=>{
+        cleanup();
+        vi.clearAllMocks();
+    });
+    it("reports a deleted item as a success", async ()=>{
+        mocks.deleteItem.mockResolvedValue(true);
+        render(/*#__PURE__*/ react.createElement(BulkActionsDeleteItems, null));
+        fireEvent.click(screen.getByRole("button", {
+            name: "Delete"
+        }));
+        await waitFor(()=>expect(mocks.report.success).toHaveBeenCalledTimes(2));
+        expect(mocks.report.error).not.toHaveBeenCalled();
+    });
+    it("reports an item whose delete returned false as a failure, not a success", async ()=>{
+        mocks.deleteItem.mockResolvedValueOnce(false).mockResolvedValueOnce(true);
+        render(/*#__PURE__*/ react.createElement(BulkActionsDeleteItems, null));
+        fireEvent.click(screen.getByRole("button", {
+            name: "Delete"
+        }));
+        await waitFor(()=>expect(mocks.report.error).toHaveBeenCalledTimes(1));
+        expect(mocks.report.error).toHaveBeenCalledWith({
+            title: "Item a",
+            message: "The item was not deleted."
+        });
+        expect(mocks.report.success).toHaveBeenCalledTimes(1);
+    });
+});
+
+//# sourceMappingURL=DeleteItems.test.js.map

package/presentation/trashBin/components/BulkActions/DeleteItems.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/trashBin/components/BulkActions/DeleteItems.test.js","sources":["../../../../../src/presentation/trashBin/components/BulkActions/DeleteItems.test.tsx"],"sourcesContent":["import React from \"react\";\nimport { afterEach } from \"vitest\";\nimport type { Mock } from \"vitest\";\nimport { describe } from \"vitest\";\nimport { expect } from \"vitest\";\nimport { it } from \"vitest\";\nimport { vi } from \"vitest\";\nimport { cleanup } from \"@testing-library/react\";\nimport { fireEvent } from \"@testing-library/react\";\nimport { render } from \"@testing-library/react\";\nimport { screen } from \"@testing-library/react\";\nimport { waitFor } from \"@testing-library/react\";\n\ninterface TestItem {\n    id: string;\n    title: string;\n}\n\ninterface TestReport {\n    success: Mock;\n    error: Mock;\n}\n\nconst mocks = vi.hoisted(() => ({\n    deleteItem: vi.fn(),\n    refresh: vi.fn(),\n    report: { success: vi.fn(), error: vi.fn() }\n}));\n\nconst items: TestItem[] = [\n    { id: \"a\", title: \"Item a\" },\n    { id: \"b\", title: \"Item b\" }\n];\n\nvi.mock(\"~/index.js\", () => ({\n    useSnackbar: () => ({ showSnackbar: vi.fn() })\n}));\n\nvi.mock(\"../../hooks/index.js\", () => ({\n    useTrashBinPresenter: () => ({\n        actions: { deleteItem: mocks.deleteItem, refresh: mocks.refresh }\n    })\n}));\n\nvi.mock(\"../../configs/index.js\", () => ({\n    TrashBinListConfig: {\n        Browser: {\n            BulkAction: {\n                useWorker: () => ({\n                    items,\n                    isSelectedAll: false,\n                    resetItems: vi.fn(),\n                    results: [],\n                    processInSeries: async (\n                        callback: (params: { item: TestItem; report: TestReport }) => Promise<void>\n                    ) => {\n                        for (const item of items) {\n                            await callback({ item, report: mocks.report });\n                        }\n                    }\n                }),\n                useButtons: () => ({\n                    ButtonDefault: (props: { onAction: () => void; children: React.ReactNode }) => (\n                        <button onClick={props.onAction}>{props.children}</button>\n                    )\n                }),\n                useDialog: () => ({\n                    showConfirmationDialog: (params: { execute: () => Promise<void> }) =>\n                        params.execute(),\n                    showResultsDialog: vi.fn()\n                })\n            }\n        }\n    }\n}));\n\nvi.mock(\"@webiny/admin-ui\", () => ({\n    Tooltip: (props: { trigger: React.ReactNode }) => props.trigger\n}));\n\nvi.mock(\"@webiny/icons/delete.svg\", () => ({ ReactComponent: () => null }));\n\nimport { BulkActionsDeleteItems } from \"./DeleteItems.js\";\n\ndescribe(\"BulkActionsDeleteItems\", () => {\n    afterEach(() => {\n        cleanup();\n        vi.clearAllMocks();\n    });\n\n    it(\"reports a deleted item as a success\", async () => {\n        mocks.deleteItem.mockResolvedValue(true);\n        render(<BulkActionsDeleteItems />);\n\n        fireEvent.click(screen.getByRole(\"button\", { name: \"Delete\" }));\n\n        await waitFor(() => expect(mocks.report.success).toHaveBeenCalledTimes(2));\n        expect(mocks.report.error).not.toHaveBeenCalled();\n    });\n\n    it(\"reports an item whose delete returned false as a failure, not a success\", async () => {\n        mocks.deleteItem.mockResolvedValueOnce(false).mockResolvedValueOnce(true);\n        render(<BulkActionsDeleteItems />);\n\n        fireEvent.click(screen.getByRole(\"button\", { name: \"Delete\" }));\n\n        await waitFor(() => expect(mocks.report.error).toHaveBeenCalledTimes(1));\n        expect(mocks.report.error).toHaveBeenCalledWith({\n            title: \"Item a\",\n            message: \"The item was not deleted.\"\n        });\n        expect(mocks.report.success).toHaveBeenCalledTimes(1);\n    });\n});\n"],"names":["mocks","vi","items","callback","item","props","params","describe","afterEach","cleanup","it","render","BulkActionsDeleteItems","fireEvent","screen","waitFor","expect"],"mappings":";;;;AAuBA,MAAMA,QAAQC,GAAG,OAAO,CAAC,IAAO;QAC5B,YAAYA,GAAG,EAAE;QACjB,SAASA,GAAG,EAAE;QACd,QAAQ;YAAE,SAASA,GAAG,EAAE;YAAI,OAAOA,GAAG,EAAE;QAAG;IAC/C;AAEA,MAAMC,QAAoB;IACtB;QAAE,IAAI;QAAK,OAAO;IAAS;IAC3B;QAAE,IAAI;QAAK,OAAO;IAAS;CAC9B;AAEDD,GAAG,IAAI,CAAC,cAAc,IAAO;QACzB,aAAa,IAAO;gBAAE,cAAcA,GAAG,EAAE;YAAG;IAChD;AAEAA,GAAG,IAAI,CAAC,wBAAwB,IAAO;QACnC,sBAAsB,IAAO;gBACzB,SAAS;oBAAE,YAAYD,MAAM,UAAU;oBAAE,SAASA,MAAM,OAAO;gBAAC;YACpE;IACJ;AAEAC,GAAG,IAAI,CAAC,0BAA0B,IAAO;QACrC,oBAAoB;YAChB,SAAS;gBACL,YAAY;oBACR,WAAW,IAAO;4BACdC,OAAAA;4BACA,eAAe;4BACf,YAAYD,GAAG,EAAE;4BACjB,SAAS,EAAE;4BACX,iBAAiB,OACbE;gCAEA,KAAK,MAAMC,QAAQF,MACf,MAAMC,SAAS;oCAAEC;oCAAM,QAAQJ,MAAM,MAAM;gCAAC;4BAEpD;wBACJ;oBACA,YAAY,IAAO;4BACf,eAAe,CAACK,QAAAA,WAAAA,GACZ,oBAAC;oCAAO,SAASA,MAAM,QAAQ;mCAAGA,MAAM,QAAQ;wBAExD;oBACA,WAAW,IAAO;4BACd,wBAAwB,CAACC,SACrBA,OAAO,OAAO;4BAClB,mBAAmBL,GAAG,EAAE;wBAC5B;gBACJ;YACJ;QACJ;IACJ;AAEAA,GAAG,IAAI,CAAC,oBAAoB,IAAO;QAC/B,SAAS,CAACI,QAAwCA,MAAM,OAAO;IACnE;AAEAJ,GAAG,IAAI,CAAC,4BAA4B,IAAO;QAAE,gBAAgB,IAAM;IAAK;AAIxEM,SAAS,0BAA0B;IAC/BC,UAAU;QACNC;QACAR,GAAG,aAAa;IACpB;IAEAS,GAAG,uCAAuC;QACtCV,MAAM,UAAU,CAAC,iBAAiB,CAAC;QACnCW,OAAO,WAADA,GAAC,oBAACC,wBAAsBA;QAE9BC,UAAU,KAAK,CAACC,OAAO,SAAS,CAAC,UAAU;YAAE,MAAM;QAAS;QAE5D,MAAMC,QAAQ,IAAMC,OAAOhB,MAAM,MAAM,CAAC,OAAO,EAAE,qBAAqB,CAAC;QACvEgB,OAAOhB,MAAM,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,gBAAgB;IACnD;IAEAU,GAAG,2EAA2E;QAC1EV,MAAM,UAAU,CAAC,qBAAqB,CAAC,OAAO,qBAAqB,CAAC;QACpEW,OAAO,WAADA,GAAC,oBAACC,wBAAsBA;QAE9BC,UAAU,KAAK,CAACC,OAAO,SAAS,CAAC,UAAU;YAAE,MAAM;QAAS;QAE5D,MAAMC,QAAQ,IAAMC,OAAOhB,MAAM,MAAM,CAAC,KAAK,EAAE,qBAAqB,CAAC;QACrEgB,OAAOhB,MAAM,MAAM,CAAC,KAAK,EAAE,oBAAoB,CAAC;YAC5C,OAAO;YACP,SAAS;QACb;QACAgB,OAAOhB,MAAM,MAAM,CAAC,OAAO,EAAE,qBAAqB,CAAC;IACvD;AACJ"}

package/presentation/trashBin/components/BulkActions/RestoreItems.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
-export declare const BulkActionsRestoreItems: (() => React.JSX.Element) & {
-    displayName: string;
+export declare const BulkActionsRestoreItems: (() => React.JSX.Element) & React.NamedExoticComponent<unknown> & {
+    readonly type: () => React.JSX.Element;
 };

package/presentation/trashBin/components/TrashBinOverlay.d.ts

@@ -6,7 +6,7 @@ interface TrashBinOverlayProps {
     onExited: () => void;
     onItemAfterRestore?: (item: TrashBinItem) => Promise<void>;
 }
-export declare const TrashBinOverlay: (({ presenter, title, onExited, onItemAfterRestore }: TrashBinOverlayProps) => React.JSX.Element) & {
-    displayName: string;
+export declare const TrashBinOverlay: (({ presenter, title, onExited, onItemAfterRestore }: TrashBinOverlayProps) => React.JSX.Element) & React.NamedExoticComponent<TrashBinOverlayProps> & {
+    readonly type: ({ presenter, title, onExited, onItemAfterRestore }: TrashBinOverlayProps) => React.JSX.Element;
 };
 export {};

package/presentation/trashBin/hooks/useDeleteTrashBinItem.js

@@ -11,7 +11,8 @@ const useDeleteTrashBinItem = ({ item })=>{
     });
     const openDialogDeleteItem = useCallback(()=>showConfirmation(async ()=>{
             try {
-                await actions.deleteItem(item.id);
+                const deleted = await actions.deleteItem(item.id);
+                if (false === deleted) return;
                 toast.showSuccessToast({
                     title: `${item.title} was deleted successfully!`
                 });

package/presentation/trashBin/hooks/useDeleteTrashBinItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"presentation/trashBin/hooks/useDeleteTrashBinItem.js","sources":["../../../../src/presentation/trashBin/hooks/useDeleteTrashBinItem.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { useConfirmationDialog } from \"~/index.js\";\nimport type { TrashBinItem } from \"../abstractions.js\";\nimport { useTrashBinPresenter } from \"./useTrashBinPresenter.js\";\nimport { useToast } from \"@webiny/admin-ui\";\n\ninterface UseDeleteItemParams {\n    item: TrashBinItem;\n}\n\nexport const useDeleteTrashBinItem = ({ item }: UseDeleteItemParams) => {\n    const { actions } = useTrashBinPresenter();\n    const toast = useToast();\n\n    const { showConfirmation } = useConfirmationDialog({\n        title: \"Delete item\",\n        message: (\n            <p>\n                You are about to delete this item and all of its revisions!\n                <br />\n                Are you sure you want to permanently delete <strong>{item.title}</strong>?\n            </p>\n        )\n    });\n\n    const openDialogDeleteItem = useCallback(\n        () =>\n            showConfirmation(async () => {\n                try {\n                    await actions.deleteItem(item.id);\n                    toast.showSuccessToast({ title: `${item.title} was deleted successfully!` });\n                } catch (ex: any) {\n                    toast.showWarningToast({\n                        title: ex.message || `Error while deleting ${item.title}`\n                    });\n                }\n            }),\n        [item, actions]\n    );\n\n    return { openDialogDeleteItem };\n};\n"],"names":["useDeleteTrashBinItem","item","actions","useTrashBinPresenter","toast","useToast","showConfirmation","useConfirmationDialog","openDialogDeleteItem","useCallback","ex"],"mappings":";;;;AAUO,MAAMA,wBAAwB,CAAC,EAAEC,IAAI,EAAuB;IAC/D,MAAM,EAAEC,OAAO,EAAE,GAAGC;IACpB,MAAMC,QAAQC;IAEd,MAAM,EAAEC,gBAAgB,EAAE,GAAGC,sBAAsB;QAC/C,OAAO;QACP,SAAS,WAAT,GACI,oBAAC,WAAE,6EAEC,oBAAC,aAAK,8DACsC,oBAAC,gBAAQN,KAAK,KAAK,GAAU;IAGrF;IAEA,MAAMO,uBAAuBC,YACzB,IACIH,iBAAiB;YACb,IAAI;gBACA,MAAMJ,QAAQ,UAAU,CAACD,KAAK,EAAE;gBAChCG,MAAM,gBAAgB,CAAC;oBAAE,OAAO,GAAGH,KAAK,KAAK,CAAC,0BAA0B,CAAC;gBAAC;YAC9E,EAAE,OAAOS,IAAS;gBACdN,MAAM,gBAAgB,CAAC;oBACnB,OAAOM,GAAG,OAAO,IAAI,CAAC,qBAAqB,EAAET,KAAK,KAAK,EAAE;gBAC7D;YACJ;QACJ,IACJ;QAACA;QAAMC;KAAQ;IAGnB,OAAO;QAAEM;IAAqB;AAClC"}
+{"version":3,"file":"presentation/trashBin/hooks/useDeleteTrashBinItem.js","sources":["../../../../src/presentation/trashBin/hooks/useDeleteTrashBinItem.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { useConfirmationDialog } from \"~/index.js\";\nimport type { TrashBinItem } from \"../abstractions.js\";\nimport { useTrashBinPresenter } from \"./useTrashBinPresenter.js\";\nimport { useToast } from \"@webiny/admin-ui\";\n\ninterface UseDeleteItemParams {\n    item: TrashBinItem;\n}\n\nexport const useDeleteTrashBinItem = ({ item }: UseDeleteItemParams) => {\n    const { actions } = useTrashBinPresenter();\n    const toast = useToast();\n\n    const { showConfirmation } = useConfirmationDialog({\n        title: \"Delete item\",\n        message: (\n            <p>\n                You are about to delete this item and all of its revisions!\n                <br />\n                Are you sure you want to permanently delete <strong>{item.title}</strong>?\n            </p>\n        )\n    });\n\n    const openDialogDeleteItem = useCallback(\n        () =>\n            showConfirmation(async () => {\n                try {\n                    const deleted = await actions.deleteItem(item.id);\n                    if (deleted === false) {\n                        return;\n                    }\n\n                    toast.showSuccessToast({ title: `${item.title} was deleted successfully!` });\n                } catch (ex: any) {\n                    toast.showWarningToast({\n                        title: ex.message || `Error while deleting ${item.title}`\n                    });\n                }\n            }),\n        [item, actions]\n    );\n\n    return { openDialogDeleteItem };\n};\n"],"names":["useDeleteTrashBinItem","item","actions","useTrashBinPresenter","toast","useToast","showConfirmation","useConfirmationDialog","openDialogDeleteItem","useCallback","deleted","ex"],"mappings":";;;;AAUO,MAAMA,wBAAwB,CAAC,EAAEC,IAAI,EAAuB;IAC/D,MAAM,EAAEC,OAAO,EAAE,GAAGC;IACpB,MAAMC,QAAQC;IAEd,MAAM,EAAEC,gBAAgB,EAAE,GAAGC,sBAAsB;QAC/C,OAAO;QACP,SAAS,WAAT,GACI,oBAAC,WAAE,6EAEC,oBAAC,aAAK,8DACsC,oBAAC,gBAAQN,KAAK,KAAK,GAAU;IAGrF;IAEA,MAAMO,uBAAuBC,YACzB,IACIH,iBAAiB;YACb,IAAI;gBACA,MAAMI,UAAU,MAAMR,QAAQ,UAAU,CAACD,KAAK,EAAE;gBAChD,IAAIS,AAAY,UAAZA,SACA;gBAGJN,MAAM,gBAAgB,CAAC;oBAAE,OAAO,GAAGH,KAAK,KAAK,CAAC,0BAA0B,CAAC;gBAAC;YAC9E,EAAE,OAAOU,IAAS;gBACdP,MAAM,gBAAgB,CAAC;oBACnB,OAAOO,GAAG,OAAO,IAAI,CAAC,qBAAqB,EAAEV,KAAK,KAAK,EAAE;gBAC7D;YACJ;QACJ,IACJ;QAACA;QAAMC;KAAQ;IAGnB,OAAO;QAAEM;IAAqB;AAClC"}

package/presentation/trashBin/hooks/useDeleteTrashBinItem.test.d.ts

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

package/presentation/trashBin/hooks/useDeleteTrashBinItem.test.js

@@ -0,0 +1,67 @@
+import { afterEach, describe, expect, it, vi } from "vitest";
+import { cleanup, renderHook } from "@testing-library/react";
+import { useDeleteTrashBinItem } from "./useDeleteTrashBinItem.js";
+const mocks = vi.hoisted(()=>({
+        deleteItem: vi.fn(),
+        showSuccessToast: vi.fn(),
+        showWarningToast: vi.fn()
+    }));
+vi.mock("~/index.js", ()=>({
+        useConfirmationDialog: ()=>({
+                showConfirmation: (callback)=>callback()
+            })
+    }));
+vi.mock("./useTrashBinPresenter.js", ()=>({
+        useTrashBinPresenter: ()=>({
+                actions: {
+                    deleteItem: mocks.deleteItem
+                }
+            })
+    }));
+vi.mock("@webiny/admin-ui", ()=>({
+        useToast: ()=>({
+                showSuccessToast: mocks.showSuccessToast,
+                showWarningToast: mocks.showWarningToast
+            })
+    }));
+const ITEM = {
+    id: "a",
+    title: "Item a"
+};
+describe("useDeleteTrashBinItem", ()=>{
+    afterEach(()=>{
+        cleanup();
+        vi.clearAllMocks();
+    });
+    it("shows the success toast when the item was deleted", async ()=>{
+        mocks.deleteItem.mockResolvedValue(true);
+        const { result } = renderHook(()=>useDeleteTrashBinItem({
+                item: ITEM
+            }));
+        await result.current.openDialogDeleteItem();
+        expect(mocks.showSuccessToast).toHaveBeenCalledWith({
+            title: "Item a was deleted successfully!"
+        });
+    });
+    it("shows no toast when the delete was not carried out (warning dismissed)", async ()=>{
+        mocks.deleteItem.mockResolvedValue(false);
+        const { result } = renderHook(()=>useDeleteTrashBinItem({
+                item: ITEM
+            }));
+        await result.current.openDialogDeleteItem();
+        expect(mocks.showSuccessToast).not.toHaveBeenCalled();
+        expect(mocks.showWarningToast).not.toHaveBeenCalled();
+    });
+    it("shows the warning toast when the delete throws", async ()=>{
+        mocks.deleteItem.mockRejectedValue(new Error("Network down"));
+        const { result } = renderHook(()=>useDeleteTrashBinItem({
+                item: ITEM
+            }));
+        await result.current.openDialogDeleteItem();
+        expect(mocks.showWarningToast).toHaveBeenCalledWith({
+            title: "Network down"
+        });
+    });
+});
+
+//# sourceMappingURL=useDeleteTrashBinItem.test.js.map

package/presentation/trashBin/hooks/useDeleteTrashBinItem.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/trashBin/hooks/useDeleteTrashBinItem.test.js","sources":["../../../../src/presentation/trashBin/hooks/useDeleteTrashBinItem.test.tsx"],"sourcesContent":["import { afterEach } from \"vitest\";\nimport { describe } from \"vitest\";\nimport { expect } from \"vitest\";\nimport { it } from \"vitest\";\nimport { vi } from \"vitest\";\nimport { cleanup } from \"@testing-library/react\";\nimport { renderHook } from \"@testing-library/react\";\nimport type { TrashBinItem } from \"../abstractions.js\";\n\nconst mocks = vi.hoisted(() => ({\n    deleteItem: vi.fn(),\n    showSuccessToast: vi.fn(),\n    showWarningToast: vi.fn()\n}));\n\nvi.mock(\"~/index.js\", () => ({\n    useConfirmationDialog: () => ({\n        showConfirmation: (callback: () => Promise<void>) => callback()\n    })\n}));\n\nvi.mock(\"./useTrashBinPresenter.js\", () => ({\n    useTrashBinPresenter: () => ({ actions: { deleteItem: mocks.deleteItem } })\n}));\n\nvi.mock(\"@webiny/admin-ui\", () => ({\n    useToast: () => ({\n        showSuccessToast: mocks.showSuccessToast,\n        showWarningToast: mocks.showWarningToast\n    })\n}));\n\nimport { useDeleteTrashBinItem } from \"./useDeleteTrashBinItem.js\";\n\nconst ITEM = { id: \"a\", title: \"Item a\" } as TrashBinItem;\n\ndescribe(\"useDeleteTrashBinItem\", () => {\n    afterEach(() => {\n        cleanup();\n        vi.clearAllMocks();\n    });\n\n    it(\"shows the success toast when the item was deleted\", async () => {\n        mocks.deleteItem.mockResolvedValue(true);\n        const { result } = renderHook(() => useDeleteTrashBinItem({ item: ITEM }));\n\n        await result.current.openDialogDeleteItem();\n\n        expect(mocks.showSuccessToast).toHaveBeenCalledWith({\n            title: \"Item a was deleted successfully!\"\n        });\n    });\n\n    it(\"shows no toast when the delete was not carried out (warning dismissed)\", async () => {\n        mocks.deleteItem.mockResolvedValue(false);\n        const { result } = renderHook(() => useDeleteTrashBinItem({ item: ITEM }));\n\n        await result.current.openDialogDeleteItem();\n\n        expect(mocks.showSuccessToast).not.toHaveBeenCalled();\n        expect(mocks.showWarningToast).not.toHaveBeenCalled();\n    });\n\n    it(\"shows the warning toast when the delete throws\", async () => {\n        mocks.deleteItem.mockRejectedValue(new Error(\"Network down\"));\n        const { result } = renderHook(() => useDeleteTrashBinItem({ item: ITEM }));\n\n        await result.current.openDialogDeleteItem();\n\n        expect(mocks.showWarningToast).toHaveBeenCalledWith({ title: \"Network down\" });\n    });\n});\n"],"names":["mocks","vi","callback","ITEM","describe","afterEach","cleanup","it","result","renderHook","useDeleteTrashBinItem","expect","Error"],"mappings":";;;AASA,MAAMA,QAAQC,GAAG,OAAO,CAAC,IAAO;QAC5B,YAAYA,GAAG,EAAE;QACjB,kBAAkBA,GAAG,EAAE;QACvB,kBAAkBA,GAAG,EAAE;IAC3B;AAEAA,GAAG,IAAI,CAAC,cAAc,IAAO;QACzB,uBAAuB,IAAO;gBAC1B,kBAAkB,CAACC,WAAkCA;YACzD;IACJ;AAEAD,GAAG,IAAI,CAAC,6BAA6B,IAAO;QACxC,sBAAsB,IAAO;gBAAE,SAAS;oBAAE,YAAYD,MAAM,UAAU;gBAAC;YAAE;IAC7E;AAEAC,GAAG,IAAI,CAAC,oBAAoB,IAAO;QAC/B,UAAU,IAAO;gBACb,kBAAkBD,MAAM,gBAAgB;gBACxC,kBAAkBA,MAAM,gBAAgB;YAC5C;IACJ;AAIA,MAAMG,OAAO;IAAE,IAAI;IAAK,OAAO;AAAS;AAExCC,SAAS,yBAAyB;IAC9BC,UAAU;QACNC;QACAL,GAAG,aAAa;IACpB;IAEAM,GAAG,qDAAqD;QACpDP,MAAM,UAAU,CAAC,iBAAiB,CAAC;QACnC,MAAM,EAAEQ,MAAM,EAAE,GAAGC,WAAW,IAAMC,sBAAsB;gBAAE,MAAMP;YAAK;QAEvE,MAAMK,OAAO,OAAO,CAAC,oBAAoB;QAEzCG,OAAOX,MAAM,gBAAgB,EAAE,oBAAoB,CAAC;YAChD,OAAO;QACX;IACJ;IAEAO,GAAG,0EAA0E;QACzEP,MAAM,UAAU,CAAC,iBAAiB,CAAC;QACnC,MAAM,EAAEQ,MAAM,EAAE,GAAGC,WAAW,IAAMC,sBAAsB;gBAAE,MAAMP;YAAK;QAEvE,MAAMK,OAAO,OAAO,CAAC,oBAAoB;QAEzCG,OAAOX,MAAM,gBAAgB,EAAE,GAAG,CAAC,gBAAgB;QACnDW,OAAOX,MAAM,gBAAgB,EAAE,GAAG,CAAC,gBAAgB;IACvD;IAEAO,GAAG,kDAAkD;QACjDP,MAAM,UAAU,CAAC,iBAAiB,CAAC,IAAIY,MAAM;QAC7C,MAAM,EAAEJ,MAAM,EAAE,GAAGC,WAAW,IAAMC,sBAAsB;gBAAE,MAAMP;YAAK;QAEvE,MAAMK,OAAO,OAAO,CAAC,oBAAoB;QAEzCG,OAAOX,MAAM,gBAAgB,EAAE,oBAAoB,CAAC;YAAE,OAAO;QAAe;IAChF;AACJ"}

package/static/svg/search.43fa797c.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px"
+	 height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve">
+<g id="Header_x2F_BG" display="none">
+	<rect x="-358" y="-314" display="inline" fill="#F1F1F2" width="520" height="520"/>
+</g>
+<g id="Bounding_Boxes">
+	<g id="ui_x5F_spec_x5F_header_copy_3" display="none">
+	</g>
+	<path fill="none" d="M0,0h24v24H0V0z"/>
+</g>
+<g id="Rounded">
+	<g id="ui_x5F_spec_x5F_header_copy_5" display="none">
+	</g>
+	<path fill="currentColor" d="M15.5,14h-0.79l-0.28-0.27c1.2-1.4,1.82-3.31,1.48-5.34c-0.47-2.78-2.79-5-5.59-5.34c-4.23-0.52-7.79,3.04-7.27,7.27
+		c0.34,2.8,2.56,5.12,5.34,5.59c2.03,0.34,3.94-0.28,5.34-1.48L14,14.71v0.79l4.25,4.25c0.41,0.41,1.08,0.41,1.49,0l0,0
+		c0.41-0.41,0.41-1.08,0-1.49L15.5,14z M9.5,14C7.01,14,5,11.99,5,9.5S7.01,5,9.5,5S14,7.01,14,9.5S11.99,14,9.5,14z"/>
+</g>
+</svg>

package/base/Base/FieldRenderers/ObjectRenderer/MultiValueDynamicZone.d.ts

@@ -1,10 +0,0 @@
-import React from "react";
-import type { IObjectFieldVM } from "../../../../features/formModel/index.js";
-interface MultiValueDynamicZoneProps {
-    field: IObjectFieldVM;
-    showContainer?: boolean;
-}
-export declare const MultiValueDynamicZone: (({ field, showContainer }: MultiValueDynamicZoneProps) => React.JSX.Element) & {
-    displayName: string;
-};
-export {};

package/base/Base/FieldRenderers/ObjectRenderer/MultiValueDynamicZone.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"base/Base/FieldRenderers/ObjectRenderer/MultiValueDynamicZone.js","sources":["../../../../../src/base/Base/FieldRenderers/ObjectRenderer/MultiValueDynamicZone.tsx"],"sourcesContent":["import React from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { Accordion, Button, Tooltip, useToast } from \"@webiny/admin-ui\";\nimport { useFeature } from \"@webiny/app\";\nimport { ReactComponent as CopyIcon } from \"@webiny/icons/content_copy.svg\";\nimport { ReactComponent as PasteIcon } from \"@webiny/icons/content_paste.svg\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete_outline.svg\";\nimport { ReactComponent as CloneIcon } from \"@webiny/icons/library_add.svg\";\nimport { ReactComponent as ArrowUpIcon } from \"@webiny/icons/expand_less.svg\";\nimport { ReactComponent as ArrowDownIcon } from \"@webiny/icons/expand_more.svg\";\nimport { ReactComponent as HorizontalRuleIcon } from \"@webiny/icons/horizontal_rule.svg\";\nimport type { IObjectFieldItemVM, IObjectFieldVM } from \"~/features/formModel/index.js\";\nimport { TEMPLATE_DISCRIMINATOR } from \"~/features/formModel/ObjectField.js\";\nimport { ClipboardFeature } from \"~/features/clipboard/feature.js\";\nimport { useConfirmationDialog } from \"~/hooks/useConfirmationDialog.js\";\nimport { NestedLayout } from \"./ObjectFieldComponents.js\";\nimport { AddTemplateButton } from \"./TemplatePicker.js\";\n\ninterface MultiValueDynamicZoneProps {\n    field: IObjectFieldVM;\n    showContainer?: boolean;\n}\n\nexport const MultiValueDynamicZone = observer(\n    ({ field, showContainer = true }: MultiValueDynamicZoneProps) => {\n        const toast = useToast();\n        const { clipboard } = useFeature(ClipboardFeature);\n        const itemCount = field.items.length;\n\n        const clipboardItem = clipboard.item;\n        const canPaste =\n            clipboardItem !== null &&\n            clipboardItem.type === \"wby.dz\" &&\n            typeof clipboardItem.data[TEMPLATE_DISCRIMINATOR] === \"string\" &&\n            field.availableTemplates.some(t => t.id === clipboardItem.data[TEMPLATE_DISCRIMINATOR]);\n\n        const content = (\n            <div className={\"flex flex-col gap-lg\"}>\n                {itemCount > 0 ? (\n                    <Accordion\n                        background={\"base\"}\n                        variant={\"container\"}\n                        className={\"gap-md flex flex-col\"}\n                    >\n                        {field.items.map((item, index) => (\n                            <TemplatedListItem\n                                key={item.key}\n                                item={item}\n                                index={index}\n                                total={itemCount}\n                                templates={field.availableTemplates}\n                                disabled={field.disabled}\n                            />\n                        ))}\n                    </Accordion>\n                ) : null}\n                {!field.disabled && (\n                    <div className={\"flex gap-sm items-center\"}>\n                        <AddTemplateButton\n                            templates={field.availableTemplates}\n                            onSelect={template => field.addItem(template.id)}\n                        />\n                        {canPaste && (\n                            <Button\n                                size={\"sm\"}\n                                variant={\"tertiary\"}\n                                text={\"Paste\"}\n                                icon={<PasteIcon />}\n                                onClick={() => {\n                                    const pasted = clipboard.paste();\n                                    if (pasted) {\n                                        field.addItem(pasted.data);\n                                        toast.showSuccessToast({\n                                            title: \"Pasted from clipboard.\"\n                                        });\n                                    }\n                                }}\n                            />\n                        )}\n                    </div>\n                )}\n            </div>\n        );\n\n        if (!showContainer) {\n            return content;\n        }\n\n        const label = `${field.label || \"\"}${itemCount ? ` (${itemCount})` : \"\"}`;\n\n        return (\n            <Accordion background={\"base\"} variant={\"container\"}>\n                <Accordion.Item\n                    icon={\n                        <Accordion.Item.Icon\n                            color={\"accent\"}\n                            label={\"Dynamic Zone\"}\n                            icon={<HorizontalRuleIcon />}\n                        />\n                    }\n                    title={label}\n                    defaultOpen={true}\n                >\n                    {content}\n                </Accordion.Item>\n            </Accordion>\n        );\n    }\n);\n\ninterface TemplatedListItemProps {\n    item: IObjectFieldItemVM;\n    index: number;\n    total: number;\n    templates: { id: string; label: string }[];\n    disabled: boolean;\n}\n\nconst TemplatedListItem = observer(\n    ({ item, index, total, templates, disabled }: TemplatedListItemProps) => {\n        const toast = useToast();\n        const { clipboard } = useFeature(ClipboardFeature);\n        const { showConfirmation } = useConfirmationDialog({\n            title: \"Delete item\",\n            message: \"Are you sure you want to delete this item? This action is not reversible.\",\n            acceptLabel: \"Yes, I'm sure!\",\n            cancelLabel: \"No, leave it.\"\n        });\n\n        const template = templates.find(t => t.id === item.templateId);\n        const title = template?.label || `Item #${index + 1}`;\n\n        const onDelete = () => {\n            showConfirmation(() => {\n                item.remove();\n            });\n        };\n\n        const actions = (\n            <>\n                <Accordion.Item.Action\n                    icon={<Tooltip trigger={<ArrowUpIcon />} content={\"Move up\"} />}\n                    onClick={item.moveUp}\n                    disabled={index === 0}\n                />\n                <Accordion.Item.Action\n                    icon={<Tooltip trigger={<ArrowDownIcon />} content={\"Move down\"} />}\n                    onClick={item.moveDown}\n                    disabled={index === total - 1}\n                />\n                <Accordion.Item.Action.Separator />\n                <Accordion.Item.Action\n                    icon={<Tooltip trigger={<CopyIcon />} content={\"Copy to clipboard\"} />}\n                    onClick={() => {\n                        clipboard.copy({ type: \"wby.dz\", data: item.getClonedData() });\n                        toast.showSuccessToast({ title: \"Copied to clipboard.\" });\n                    }}\n                />\n                <Accordion.Item.Action\n                    icon={<Tooltip trigger={<CloneIcon />} content={\"Duplicate\"} />}\n                    onClick={item.duplicate}\n                />\n                <Accordion.Item.Action\n                    icon={<Tooltip trigger={<DeleteIcon />} content={\"Delete\"} />}\n                    onClick={onDelete}\n                />\n            </>\n        );\n\n        return (\n            <Accordion.Item title={title} actions={disabled ? null : actions} defaultOpen={false}>\n                <NestedLayout layout={item.layout} />\n            </Accordion.Item>\n        );\n    }\n);\n"],"names":["MultiValueDynamicZone","observer","field","showContainer","toast","useToast","clipboard","useFeature","ClipboardFeature","itemCount","clipboardItem","canPaste","TEMPLATE_DISCRIMINATOR","t","content","Accordion","item","index","TemplatedListItem","AddTemplateButton","template","Button","PasteIcon","pasted","label","HorizontalRuleIcon","total","templates","disabled","showConfirmation","useConfirmationDialog","title","onDelete","actions","Tooltip","ArrowUpIcon","ArrowDownIcon","CopyIcon","CloneIcon","DeleteIcon","NestedLayout"],"mappings":"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"}