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

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

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

package/presentation/tenancy/TenancyProvider.js

@@ -1,15 +1,11 @@
 import react, { useEffect, useMemo } from "react";
 import { DiContainerProvider, useFeature } from "@webiny/app";
-import { plugins } from "@webiny/plugins";
-import { TenantHeaderLinkPlugin } from "@webiny/app/plugins/TenantHeaderLinkPlugin.js";
 import { TenancyFeature } from "../../features/tenancy/feature.js";
 const TenancyProvider = (props)=>{
     const { service, createTenantContainer } = useFeature(TenancyFeature);
     const tenantId = useMemo(()=>new URLSearchParams(window.location.search).get("tenantId"), []);
     useEffect(()=>{
         if (tenantId) service.setTenant(tenantId);
-        const currentTenant = service.getCurrentTenant();
-        if (currentTenant) plugins.register(new TenantHeaderLinkPlugin(currentTenant));
     }, [
         tenantId
     ]);

package/presentation/tenancy/TenancyProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"presentation/tenancy/TenancyProvider.js","sources":["../../../src/presentation/tenancy/TenancyProvider.tsx"],"sourcesContent":["import React, { useMemo, useEffect } from \"react\";\nimport { DiContainerProvider, useFeature } from \"@webiny/app\";\nimport { plugins } from \"@webiny/plugins\";\nimport { TenantHeaderLinkPlugin } from \"@webiny/app/plugins/TenantHeaderLinkPlugin.js\";\nimport { TenancyFeature } from \"~/features/tenancy/feature.js\";\n\ninterface TenancyProviderProps {\n    children: React.ReactNode;\n}\n\nexport const TenancyProvider = (props: TenancyProviderProps) => {\n    const { service, createTenantContainer } = useFeature(TenancyFeature);\n\n    const tenantId = useMemo(() => {\n        return new URLSearchParams(window.location.search).get(\"tenantId\");\n    }, []);\n\n    // Handle query string on mount\n    useEffect(() => {\n        if (tenantId) {\n            service.setTenant(tenantId);\n        }\n\n        // Register plugin for current tenant\n        const currentTenant = service.getCurrentTenant();\n        if (currentTenant) {\n            // TODO: remove this once we can decorate the GQL client!\n            plugins.register(new TenantHeaderLinkPlugin(currentTenant));\n        }\n    }, [tenantId]);\n\n    // Handle tenant changes (redirect on change)\n    useEffect(() => {\n        return service.onTenantChange(() => {\n            window.location.replace(window.location.origin);\n        });\n    }, [service]);\n\n    const tenantContainer = useMemo(() => {\n        return createTenantContainer();\n    }, [service.getCurrentTenant()]);\n\n    return <DiContainerProvider container={tenantContainer}>{props.children}</DiContainerProvider>;\n};\n"],"names":["TenancyProvider","props","service","createTenantContainer","useFeature","TenancyFeature","tenantId","useMemo","URLSearchParams","window","useEffect","currentTenant","plugins","TenantHeaderLinkPlugin","tenantContainer","DiContainerProvider"],"mappings":";;;;;AAUO,MAAMA,kBAAkB,CAACC;IAC5B,MAAM,EAAEC,OAAO,EAAEC,qBAAqB,EAAE,GAAGC,WAAWC;IAEtD,MAAMC,WAAWC,QAAQ,IACd,IAAIC,gBAAgBC,OAAO,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC,aACxD,EAAE;IAGLC,UAAU;QACN,IAAIJ,UACAJ,QAAQ,SAAS,CAACI;QAItB,MAAMK,gBAAgBT,QAAQ,gBAAgB;QAC9C,IAAIS,eAEAC,QAAQ,QAAQ,CAAC,IAAIC,uBAAuBF;IAEpD,GAAG;QAACL;KAAS;IAGbI,UAAU,IACCR,QAAQ,cAAc,CAAC;YAC1BO,OAAO,QAAQ,CAAC,OAAO,CAACA,OAAO,QAAQ,CAAC,MAAM;QAClD,IACD;QAACP;KAAQ;IAEZ,MAAMY,kBAAkBP,QAAQ,IACrBJ,yBACR;QAACD,QAAQ,gBAAgB;KAAG;IAE/B,OAAO,WAAP,GAAO,oBAACa,qBAAmBA;QAAC,WAAWD;OAAkBb,MAAM,QAAQ;AAC3E"}
+{"version":3,"file":"presentation/tenancy/TenancyProvider.js","sources":["../../../src/presentation/tenancy/TenancyProvider.tsx"],"sourcesContent":["import React, { useMemo, useEffect } from \"react\";\nimport { DiContainerProvider, useFeature } from \"@webiny/app\";\nimport { TenancyFeature } from \"~/features/tenancy/feature.js\";\n\ninterface TenancyProviderProps {\n    children: React.ReactNode;\n}\n\nexport const TenancyProvider = (props: TenancyProviderProps) => {\n    const { service, createTenantContainer } = useFeature(TenancyFeature);\n\n    const tenantId = useMemo(() => {\n        return new URLSearchParams(window.location.search).get(\"tenantId\");\n    }, []);\n\n    useEffect(() => {\n        if (tenantId) {\n            service.setTenant(tenantId);\n        }\n    }, [tenantId]);\n\n    // Handle tenant changes (redirect on change)\n    useEffect(() => {\n        return service.onTenantChange(() => {\n            window.location.replace(window.location.origin);\n        });\n    }, [service]);\n\n    const tenantContainer = useMemo(() => {\n        return createTenantContainer();\n    }, [service.getCurrentTenant()]);\n\n    return <DiContainerProvider container={tenantContainer}>{props.children}</DiContainerProvider>;\n};\n"],"names":["TenancyProvider","props","service","createTenantContainer","useFeature","TenancyFeature","tenantId","useMemo","URLSearchParams","window","useEffect","tenantContainer","DiContainerProvider"],"mappings":";;;AAQO,MAAMA,kBAAkB,CAACC;IAC5B,MAAM,EAAEC,OAAO,EAAEC,qBAAqB,EAAE,GAAGC,WAAWC;IAEtD,MAAMC,WAAWC,QAAQ,IACd,IAAIC,gBAAgBC,OAAO,QAAQ,CAAC,MAAM,EAAE,GAAG,CAAC,aACxD,EAAE;IAELC,UAAU;QACN,IAAIJ,UACAJ,QAAQ,SAAS,CAACI;IAE1B,GAAG;QAACA;KAAS;IAGbI,UAAU,IACCR,QAAQ,cAAc,CAAC;YAC1BO,OAAO,QAAQ,CAAC,OAAO,CAACA,OAAO,QAAQ,CAAC,MAAM;QAClD,IACD;QAACP;KAAQ;IAEZ,MAAMS,kBAAkBJ,QAAQ,IACrBJ,yBACR;QAACD,QAAQ,gBAAgB;KAAG;IAE/B,OAAO,WAAP,GAAO,oBAACU,qBAAmBA;QAAC,WAAWD;OAAkBV,MAAM,QAAQ;AAC3E"}

package/presentation/trashBin/TrashBinDataSource.d.ts

@@ -0,0 +1,16 @@
+import type { IDataSource, IDataSourceMeta, IDataSourceQuery } from "../../presentation/listPresenter/abstractions.js";
+import type { TrashBinItem, ITrashBinListGateway } from "./abstractions.js";
+export declare class TrashBinDataSource implements IDataSource<TrashBinItem> {
+    private listGateway;
+    private _rows;
+    private _meta;
+    private _loading;
+    constructor(listGateway: ITrashBinListGateway);
+    get rows(): TrashBinItem[];
+    get meta(): IDataSourceMeta;
+    get loading(): boolean;
+    query(params: IDataSourceQuery): Promise<void>;
+    loadMore(params: IDataSourceQuery): Promise<void>;
+    removeItem(id: string): void;
+    private buildSort;
+}

package/presentation/trashBin/TrashBinDataSource.js

@@ -0,0 +1,82 @@
+import { makeAutoObservable, runInAction } from "mobx";
+class TrashBinDataSource {
+    constructor(listGateway){
+        this.listGateway = listGateway;
+        this._rows = [];
+        this._meta = {
+            cursor: null,
+            hasMoreItems: false,
+            totalCount: 0
+        };
+        this._loading = false;
+        makeAutoObservable(this, {
+            listGateway: false
+        });
+    }
+    get rows() {
+        return this._rows;
+    }
+    get meta() {
+        return this._meta;
+    }
+    get loading() {
+        return this._loading;
+    }
+    async query(params) {
+        this._loading = true;
+        this._rows = [];
+        try {
+            const result = await this.listGateway.execute({
+                where: params.filters,
+                sort: this.buildSort(params),
+                limit: params.limit,
+                after: params.cursor,
+                search: params.search
+            });
+            runInAction(()=>{
+                this._rows = result.data;
+                this._meta = result.meta;
+            });
+        } finally{
+            runInAction(()=>{
+                this._loading = false;
+            });
+        }
+    }
+    async loadMore(params) {
+        if (!this._meta.hasMoreItems || this._loading) return;
+        this._loading = true;
+        try {
+            const result = await this.listGateway.execute({
+                where: params.filters,
+                sort: this.buildSort(params),
+                limit: params.limit,
+                after: this._meta.cursor ?? void 0,
+                search: params.search
+            });
+            runInAction(()=>{
+                this._rows = [
+                    ...this._rows,
+                    ...result.data
+                ];
+                this._meta = result.meta;
+            });
+        } finally{
+            runInAction(()=>{
+                this._loading = false;
+            });
+        }
+    }
+    removeItem(id) {
+        this._rows = this._rows.filter((row)=>row.id !== id);
+    }
+    buildSort(params) {
+        if (!params.sort) return;
+        return [
+            `${params.sort.field}_${params.sort.direction}`
+        ];
+    }
+}
+export { TrashBinDataSource };
+
+//# sourceMappingURL=TrashBinDataSource.js.map

package/presentation/trashBin/TrashBinDataSource.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/trashBin/TrashBinDataSource.js","sources":["../../../src/presentation/trashBin/TrashBinDataSource.ts"],"sourcesContent":["import { makeAutoObservable, runInAction } from \"mobx\";\nimport type {\n    IDataSource,\n    IDataSourceMeta,\n    IDataSourceQuery\n} from \"~/presentation/listPresenter/abstractions.js\";\nimport type { TrashBinItem, ITrashBinListGateway } from \"./abstractions.js\";\n\nexport class TrashBinDataSource implements IDataSource<TrashBinItem> {\n    private _rows: TrashBinItem[] = [];\n    private _meta: IDataSourceMeta = { cursor: null, hasMoreItems: false, totalCount: 0 };\n    private _loading = false;\n\n    constructor(private listGateway: ITrashBinListGateway) {\n        makeAutoObservable<TrashBinDataSource, \"listGateway\">(this, {\n            listGateway: false\n        });\n    }\n\n    get rows(): TrashBinItem[] {\n        return this._rows;\n    }\n\n    get meta(): IDataSourceMeta {\n        return this._meta;\n    }\n\n    get loading(): boolean {\n        return this._loading;\n    }\n\n    async query(params: IDataSourceQuery): Promise<void> {\n        this._loading = true;\n        this._rows = [];\n\n        try {\n            const result = await this.listGateway.execute({\n                where: params.filters,\n                sort: this.buildSort(params),\n                limit: params.limit,\n                after: params.cursor,\n                search: params.search\n            });\n\n            runInAction(() => {\n                this._rows = result.data;\n                this._meta = result.meta;\n            });\n        } finally {\n            runInAction(() => {\n                this._loading = false;\n            });\n        }\n    }\n\n    async loadMore(params: IDataSourceQuery): Promise<void> {\n        if (!this._meta.hasMoreItems || this._loading) {\n            return;\n        }\n\n        this._loading = true;\n\n        try {\n            const result = await this.listGateway.execute({\n                where: params.filters,\n                sort: this.buildSort(params),\n                limit: params.limit,\n                after: this._meta.cursor ?? undefined,\n                search: params.search\n            });\n\n            runInAction(() => {\n                this._rows = [...this._rows, ...result.data];\n                this._meta = result.meta;\n            });\n        } finally {\n            runInAction(() => {\n                this._loading = false;\n            });\n        }\n    }\n\n    removeItem(id: string): void {\n        this._rows = this._rows.filter(row => row.id !== id);\n    }\n\n    private buildSort(params: IDataSourceQuery): string[] | undefined {\n        if (!params.sort) {\n            return undefined;\n        }\n        return [`${params.sort.field}_${params.sort.direction}`];\n    }\n}\n"],"names":["TrashBinDataSource","listGateway","makeAutoObservable","params","result","runInAction","undefined","id","row"],"mappings":";AAQO,MAAMA;IAKT,YAAoBC,WAAiC,CAAE;aAAnCA,WAAW,GAAXA;aAJZ,KAAK,GAAmB,EAAE;aAC1B,KAAK,GAAoB;YAAE,QAAQ;YAAM,cAAc;YAAO,YAAY;QAAE;aAC5E,QAAQ,GAAG;QAGfC,mBAAsD,IAAI,EAAE;YACxD,aAAa;QACjB;IACJ;IAEA,IAAI,OAAuB;QACvB,OAAO,IAAI,CAAC,KAAK;IACrB;IAEA,IAAI,OAAwB;QACxB,OAAO,IAAI,CAAC,KAAK;IACrB;IAEA,IAAI,UAAmB;QACnB,OAAO,IAAI,CAAC,QAAQ;IACxB;IAEA,MAAM,MAAMC,MAAwB,EAAiB;QACjD,IAAI,CAAC,QAAQ,GAAG;QAChB,IAAI,CAAC,KAAK,GAAG,EAAE;QAEf,IAAI;YACA,MAAMC,SAAS,MAAM,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC;gBAC1C,OAAOD,OAAO,OAAO;gBACrB,MAAM,IAAI,CAAC,SAAS,CAACA;gBACrB,OAAOA,OAAO,KAAK;gBACnB,OAAOA,OAAO,MAAM;gBACpB,QAAQA,OAAO,MAAM;YACzB;YAEAE,YAAY;gBACR,IAAI,CAAC,KAAK,GAAGD,OAAO,IAAI;gBACxB,IAAI,CAAC,KAAK,GAAGA,OAAO,IAAI;YAC5B;QACJ,SAAU;YACNC,YAAY;gBACR,IAAI,CAAC,QAAQ,GAAG;YACpB;QACJ;IACJ;IAEA,MAAM,SAASF,MAAwB,EAAiB;QACpD,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,YAAY,IAAI,IAAI,CAAC,QAAQ,EACzC;QAGJ,IAAI,CAAC,QAAQ,GAAG;QAEhB,IAAI;YACA,MAAMC,SAAS,MAAM,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC;gBAC1C,OAAOD,OAAO,OAAO;gBACrB,MAAM,IAAI,CAAC,SAAS,CAACA;gBACrB,OAAOA,OAAO,KAAK;gBACnB,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,IAAIG;gBAC5B,QAAQH,OAAO,MAAM;YACzB;YAEAE,YAAY;gBACR,IAAI,CAAC,KAAK,GAAG;uBAAI,IAAI,CAAC,KAAK;uBAAKD,OAAO,IAAI;iBAAC;gBAC5C,IAAI,CAAC,KAAK,GAAGA,OAAO,IAAI;YAC5B;QACJ,SAAU;YACNC,YAAY;gBACR,IAAI,CAAC,QAAQ,GAAG;YACpB;QACJ;IACJ;IAEA,WAAWE,EAAU,EAAQ;QACzB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAACC,CAAAA,MAAOA,IAAI,EAAE,KAAKD;IACrD;IAEQ,UAAUJ,MAAwB,EAAwB;QAC9D,IAAI,CAACA,OAAO,IAAI,EACZ;QAEJ,OAAO;YAAC,GAAGA,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,EAAEA,OAAO,IAAI,CAAC,SAAS,EAAE;SAAC;IAC5D;AACJ"}

package/presentation/trashBin/TrashBinPresenter.d.ts

@@ -0,0 +1,20 @@
+import { ListPresenter } from "../../presentation/listPresenter/abstractions.js";
+import { TrashBinListGateway, TrashBinDeleteGateway, TrashBinRestoreGateway, TrashBinBulkActionGateway, type ITrashBinPresenter, type ITrashBinPresenterConfig, type ITrashBinViewModel, type ITrashBinActions, type TrashBinItem } from "./abstractions.js";
+declare class TrashBinPresenterImpl implements ITrashBinPresenter {
+    private listPresenter;
+    private listGateway;
+    private deleteGateway;
+    private restoreGateway;
+    private bulkActionGateway;
+    private _nameColumnId;
+    private _dataSource;
+    constructor(listPresenter: ListPresenter.Interface<TrashBinItem>, listGateway: TrashBinListGateway.Interface, deleteGateway: TrashBinDeleteGateway.Interface, restoreGateway: TrashBinRestoreGateway.Interface, bulkActionGateway: TrashBinBulkActionGateway.Interface);
+    get vm(): ITrashBinViewModel;
+    actions: ITrashBinActions;
+    init(config: ITrashBinPresenterConfig): void;
+    dispose(): void;
+}
+export declare const TrashBinPresenter: typeof TrashBinPresenterImpl & {
+    __abstraction: import("@webiny/di").Abstraction<ITrashBinPresenter>;
+};
+export {};

package/presentation/trashBin/TrashBinPresenter.js

@@ -0,0 +1,114 @@
+import { computed, makeAutoObservable } from "mobx";
+import { ListPresenter } from "../listPresenter/abstractions.js";
+import { TrashBinBulkActionGateway, TrashBinDeleteGateway, TrashBinListGateway, TrashBinPresenter, TrashBinRestoreGateway } from "./abstractions.js";
+import { TrashBinDataSource } from "./TrashBinDataSource.js";
+class TrashBinPresenterImpl {
+    constructor(listPresenter, listGateway, deleteGateway, restoreGateway, bulkActionGateway){
+        this.listPresenter = listPresenter;
+        this.listGateway = listGateway;
+        this.deleteGateway = deleteGateway;
+        this.restoreGateway = restoreGateway;
+        this.bulkActionGateway = bulkActionGateway;
+        this._nameColumnId = "id";
+        this._dataSource = null;
+        this.actions = {
+            search: {
+                set: (query)=>this.listPresenter.actions.search.set(query),
+                clear: ()=>this.listPresenter.actions.search.clear()
+            },
+            sort: {
+                set: (field, direction)=>this.listPresenter.actions.sort.set(field, direction),
+                toggle: (field)=>this.listPresenter.actions.sort.toggle(field)
+            },
+            filter: {
+                set: (key, value)=>this.listPresenter.actions.filter.set(key, value),
+                clear: (key)=>this.listPresenter.actions.filter.clear(key),
+                clearAll: ()=>this.listPresenter.actions.filter.clearAll(),
+                show: ()=>this.listPresenter.actions.filter.show(),
+                hide: ()=>this.listPresenter.actions.filter.hide()
+            },
+            selection: {
+                toggle: (id)=>this.listPresenter.actions.selection.toggle(id),
+                selectRangeTo: (id)=>this.listPresenter.actions.selection.selectRangeTo(id),
+                selectAll: ()=>this.listPresenter.actions.selection.selectAll(),
+                deselectAll: ()=>this.listPresenter.actions.selection.deselectAll(),
+                selectRows: (ids)=>this.listPresenter.actions.selection.selectRows(ids),
+                isSelected: (id)=>this.listPresenter.actions.selection.isSelected(id)
+            },
+            loadMore: ()=>this.listPresenter.actions.loadMore(),
+            refresh: ()=>this.listPresenter.actions.refresh(),
+            restoreItem: async (id)=>{
+                await this.restoreGateway.execute(id);
+                if (this._dataSource) this._dataSource.removeItem(id);
+            },
+            deleteItem: async (id)=>{
+                await this.deleteGateway.execute(id);
+                if (this._dataSource) this._dataSource.removeItem(id);
+            },
+            bulkRestore: async (params)=>{
+                const selectedIds = Array.from(this.listPresenter.vm.selection.selectedIds);
+                await this.bulkActionGateway.execute({
+                    action: "Restore",
+                    where: params?.where ?? {
+                        id_in: selectedIds
+                    },
+                    search: params?.search
+                });
+                this.listPresenter.actions.selection.deselectAll();
+                await this.listPresenter.actions.refresh();
+            },
+            bulkDelete: async (params)=>{
+                const selectedIds = Array.from(this.listPresenter.vm.selection.selectedIds);
+                await this.bulkActionGateway.execute({
+                    action: "Delete",
+                    where: params?.where ?? {
+                        id_in: selectedIds
+                    },
+                    search: params?.search
+                });
+                this.listPresenter.actions.selection.deselectAll();
+                await this.listPresenter.actions.refresh();
+            }
+        };
+        makeAutoObservable(this, {
+            listGateway: false,
+            deleteGateway: false,
+            restoreGateway: false,
+            bulkActionGateway: false,
+            vm: computed
+        });
+    }
+    get vm() {
+        return {
+            list: this.listPresenter.vm,
+            nameColumnId: this._nameColumnId
+        };
+    }
+    init(config) {
+        this._nameColumnId = config.nameColumnId;
+        this._dataSource = new TrashBinDataSource(this.listGateway);
+        this.listPresenter.init({
+            dataSource: this._dataSource,
+            initialSort: config.initialSort ?? {
+                field: "deletedOn",
+                direction: "DESC"
+            }
+        });
+    }
+    dispose() {
+        this._dataSource = null;
+    }
+}
+const TrashBinPresenter_TrashBinPresenter = TrashBinPresenter.createImplementation({
+    implementation: TrashBinPresenterImpl,
+    dependencies: [
+        ListPresenter,
+        TrashBinListGateway,
+        TrashBinDeleteGateway,
+        TrashBinRestoreGateway,
+        TrashBinBulkActionGateway
+    ]
+});
+export { TrashBinPresenter_TrashBinPresenter as TrashBinPresenter };
+
+//# sourceMappingURL=TrashBinPresenter.js.map

package/presentation/trashBin/TrashBinPresenter.js.map

@@ -0,0 +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":";;;;AAgBA,MAAMA;IAIF,YACYC,aAAoD,EACpDC,WAA0C,EAC1CC,aAA8C,EAC9CC,cAAgD,EAChDC,iBAAsD,CAChE;aALUJ,aAAa,GAAbA;aACAC,WAAW,GAAXA;aACAC,aAAa,GAAbA;aACAC,cAAc,GAAdA;aACAC,iBAAiB,GAAjBA;aARJ,aAAa,GAAG;aAChB,WAAW,GAA8B;aA4BjD,OAAO,GAAqB;YACxB,QAAQ;gBACJ,KAAK,CAACC,QAAkB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,CAACA;gBAC9D,OAAO,IAAM,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK;YACxD;YACA,MAAM;gBACF,KAAK,CAACC,OAAeC,YACjB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAACD,OAAOC;gBAC/C,QAAQ,CAACD,QAAkB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,MAAM,CAACA;YACtE;YACA,QAAQ;gBACJ,KAAK,CAACE,KAAaC,QAAmB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,GAAG,CAACD,KAAKC;gBACjF,OAAO,CAACD,MAAgB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAACA;gBAChE,UAAU,IAAM,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ;gBAC1D,MAAM,IAAM,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI;gBAClD,MAAM,IAAM,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI;YACtD;YACA,WAAW;gBACP,QAAQ,CAACE,KAAe,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,SAAS,CAAC,MAAM,CAACA;gBACpE,eAAe,CAACA,KAAe,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,SAAS,CAAC,aAAa,CAACA;gBAClF,WAAW,IAAM,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,SAAS,CAAC,SAAS;gBAC/D,aAAa,IAAM,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,SAAS,CAAC,WAAW;gBACnE,YAAY,CAACC,MAAkB,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,SAAS,CAAC,UAAU,CAACA;gBAC/E,YAAY,CAACD,KAAe,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,SAAS,CAAC,UAAU,CAACA;YAChF;YACA,UAAU,IAAM,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,QAAQ;YACnD,SAAS,IAAM,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,OAAO;YAEjD,aAAa,OAAOA;gBAChB,MAAM,IAAI,CAAC,cAAc,CAAC,OAAO,CAACA;gBAClC,IAAI,IAAI,CAAC,WAAW,EAChB,IAAI,CAAC,WAAW,CAAC,UAAU,CAACA;YAEpC;YAEA,YAAY,OAAOA;gBACf,MAAM,IAAI,CAAC,aAAa,CAAC,OAAO,CAACA;gBACjC,IAAI,IAAI,CAAC,WAAW,EAChB,IAAI,CAAC,WAAW,CAAC,UAAU,CAACA;YAEpC;YAEA,aAAa,OAAOE;gBAChB,MAAMC,cAAcC,MAAM,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC,SAAS,CAAC,WAAW;gBAC1E,MAAM,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC;oBACjC,QAAQ;oBACR,OAAOF,QAAQ,SAAS;wBAAE,OAAOC;oBAAY;oBAC7C,QAAQD,QAAQ;gBACpB;gBACA,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,SAAS,CAAC,WAAW;gBAChD,MAAM,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,OAAO;YAC5C;YAEA,YAAY,OAAOA;gBACf,MAAMC,cAAcC,MAAM,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,EAAE,CAAC,SAAS,CAAC,WAAW;gBAC1E,MAAM,IAAI,CAAC,iBAAiB,CAAC,OAAO,CAAC;oBACjC,QAAQ;oBACR,OAAOF,QAAQ,SAAS;wBAAE,OAAOC;oBAAY;oBAC7C,QAAQD,QAAQ;gBACpB;gBACA,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,SAAS,CAAC,WAAW;gBAChD,MAAM,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,OAAO;YAC5C;QACJ;QAlFIG,mBAGE,IAAI,EAAE;YACJ,aAAa;YACb,eAAe;YACf,gBAAgB;YAChB,mBAAmB;YACnB,IAAIC;QACR;IACJ;IAEA,IAAI,KAAyB;QACzB,OAAO;YACH,MAAM,IAAI,CAAC,aAAa,CAAC,EAAE;YAC3B,cAAc,IAAI,CAAC,aAAa;QACpC;IACJ;IAmEA,KAAKC,MAAgC,EAAQ;QACzC,IAAI,CAAC,aAAa,GAAGA,OAAO,YAAY;QAExC,IAAI,CAAC,WAAW,GAAG,IAAIC,mBAAmB,IAAI,CAAC,WAAW;QAE1D,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC;YACpB,YAAY,IAAI,CAAC,WAAW;YAC5B,aAAaD,OAAO,WAAW,IAAI;gBAAE,OAAO;gBAAa,WAAW;YAAO;QAC/E;IACJ;IAEA,UAAgB;QACZ,IAAI,CAAC,WAAW,GAAG;IACvB;AACJ;AAEO,MAAME,sCAAoBC,kBAAAA,oBAAgC,CAAC;IAC9D,gBAAgBrB;IAChB,cAAc;QACVsB;QACAC;QACAC;QACAC;QACAC;KACH;AACL"}

package/presentation/trashBin/abstractions.d.ts

@@ -0,0 +1,105 @@
+import type { IListViewModel, IListActions, IDataSourceMeta } from "../../presentation/listPresenter/abstractions.js";
+export interface TrashBinIdentity {
+    id: string;
+    displayName: string;
+    type: string;
+}
+export interface TrashBinLocation {
+    folderId: string | undefined;
+}
+export interface TrashBinItem {
+    id: string;
+    title: string;
+    location: TrashBinLocation;
+    createdBy: TrashBinIdentity;
+    deletedBy: TrashBinIdentity;
+    deletedOn: string;
+    [key: string]: any;
+}
+export interface ITrashBinListGatewayParams {
+    where?: Record<string, unknown>;
+    sort?: string[];
+    limit?: number;
+    after?: string;
+    search?: string;
+}
+export interface ITrashBinListGatewayResult {
+    data: TrashBinItem[];
+    meta: IDataSourceMeta;
+}
+export interface ITrashBinListGateway {
+    execute(params: ITrashBinListGatewayParams): Promise<ITrashBinListGatewayResult>;
+}
+export declare const TrashBinListGateway: import("@webiny/di").Abstraction<ITrashBinListGateway>;
+export declare namespace TrashBinListGateway {
+    type Interface = ITrashBinListGateway;
+    type Params = ITrashBinListGatewayParams;
+    type Result = ITrashBinListGatewayResult;
+}
+export interface ITrashBinDeleteGateway {
+    execute(id: string): Promise<boolean>;
+}
+export declare const TrashBinDeleteGateway: import("@webiny/di").Abstraction<ITrashBinDeleteGateway>;
+export declare namespace TrashBinDeleteGateway {
+    type Interface = ITrashBinDeleteGateway;
+}
+export interface ITrashBinRestoreGateway {
+    execute(id: string): Promise<TrashBinItem>;
+}
+export declare const TrashBinRestoreGateway: import("@webiny/di").Abstraction<ITrashBinRestoreGateway>;
+export declare namespace TrashBinRestoreGateway {
+    type Interface = ITrashBinRestoreGateway;
+}
+export interface ITrashBinBulkActionParams {
+    action: string;
+    where?: Record<string, unknown>;
+    search?: string;
+}
+export interface ITrashBinBulkActionResult {
+    id: string;
+}
+export interface ITrashBinBulkActionGateway {
+    execute(params: ITrashBinBulkActionParams): Promise<ITrashBinBulkActionResult>;
+}
+export declare const TrashBinBulkActionGateway: import("@webiny/di").Abstraction<ITrashBinBulkActionGateway>;
+export declare namespace TrashBinBulkActionGateway {
+    type Interface = ITrashBinBulkActionGateway;
+    type Params = ITrashBinBulkActionParams;
+    type Result = ITrashBinBulkActionResult;
+}
+export interface ITrashBinPresenterConfig {
+    nameColumnId: string;
+    initialSort?: {
+        field: string;
+        direction: "ASC" | "DESC";
+    };
+}
+export interface ITrashBinViewModel {
+    list: IListViewModel<TrashBinItem>;
+    nameColumnId: string;
+}
+export interface ITrashBinActions extends IListActions {
+    restoreItem(id: string): Promise<void>;
+    deleteItem(id: string): Promise<void>;
+    bulkRestore(params?: {
+        where?: Record<string, unknown>;
+        search?: string;
+    }): Promise<void>;
+    bulkDelete(params?: {
+        where?: Record<string, unknown>;
+        search?: string;
+    }): Promise<void>;
+}
+export interface ITrashBinPresenter {
+    vm: ITrashBinViewModel;
+    actions: ITrashBinActions;
+    init(config: ITrashBinPresenterConfig): void;
+    dispose(): void;
+}
+export declare const TrashBinPresenter: import("@webiny/di").Abstraction<ITrashBinPresenter>;
+export declare namespace TrashBinPresenter {
+    type Interface = ITrashBinPresenter;
+    type ViewModel = ITrashBinViewModel;
+    type Actions = ITrashBinActions;
+    type Config = ITrashBinPresenterConfig;
+}

package/presentation/trashBin/abstractions.js

@@ -0,0 +1,9 @@
+import { createAbstraction } from "@webiny/feature/admin";
+const TrashBinListGateway = createAbstraction("TrashBinListGateway");
+const TrashBinDeleteGateway = createAbstraction("TrashBinDeleteGateway");
+const TrashBinRestoreGateway = createAbstraction("TrashBinRestoreGateway");
+const TrashBinBulkActionGateway = createAbstraction("TrashBinBulkActionGateway");
+const TrashBinPresenter = createAbstraction("TrashBinPresenter");
+export { TrashBinBulkActionGateway, TrashBinDeleteGateway, TrashBinListGateway, TrashBinPresenter, TrashBinRestoreGateway };
+
+//# sourceMappingURL=abstractions.js.map

package/presentation/trashBin/abstractions.js.map

@@ -0,0 +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"}

package/presentation/trashBin/components/Actions/DeleteItemAction.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const DeleteItemAction: () => React.JSX.Element;

package/presentation/trashBin/components/Actions/DeleteItemAction.js

@@ -0,0 +1,20 @@
+import react from "react";
+import { ReactComponent } from "@webiny/icons/delete.svg";
+import { useDeleteTrashBinItem, useTrashBinItem } from "../../hooks/index.js";
+import { TrashBinListConfig } from "../../configs/index.js";
+const DeleteItemAction = ()=>{
+    const { item } = useTrashBinItem();
+    const { openDialogDeleteItem } = useDeleteTrashBinItem({
+        item
+    });
+    const { OptionsMenuItem } = TrashBinListConfig.Browser.EntryAction;
+    return /*#__PURE__*/ react.createElement(OptionsMenuItem, {
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        label: "Delete",
+        onAction: openDialogDeleteItem,
+        variant: "destructive"
+    });
+};
+export { DeleteItemAction };
+
+//# sourceMappingURL=DeleteItemAction.js.map

package/presentation/trashBin/components/Actions/DeleteItemAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/trashBin/components/Actions/DeleteItemAction.js","sources":["../../../../../src/presentation/trashBin/components/Actions/DeleteItemAction.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as Delete } from \"@webiny/icons/delete.svg\";\nimport { useDeleteTrashBinItem, useTrashBinItem } from \"../../hooks/index.js\";\nimport { TrashBinListConfig } from \"../../configs/index.js\";\n\nexport const DeleteItemAction = () => {\n    const { item } = useTrashBinItem();\n    const { openDialogDeleteItem } = useDeleteTrashBinItem({ item });\n    const { OptionsMenuItem } = TrashBinListConfig.Browser.EntryAction;\n\n    return (\n        <OptionsMenuItem\n            icon={<Delete />}\n            label={\"Delete\"}\n            onAction={openDialogDeleteItem}\n            variant={\"destructive\"}\n        />\n    );\n};\n"],"names":["DeleteItemAction","item","useTrashBinItem","openDialogDeleteItem","useDeleteTrashBinItem","OptionsMenuItem","TrashBinListConfig","Delete"],"mappings":";;;;AAKO,MAAMA,mBAAmB;IAC5B,MAAM,EAAEC,IAAI,EAAE,GAAGC;IACjB,MAAM,EAAEC,oBAAoB,EAAE,GAAGC,sBAAsB;QAAEH;IAAK;IAC9D,MAAM,EAAEI,eAAe,EAAE,GAAGC,mBAAmB,OAAO,CAAC,WAAW;IAElE,OAAO,WAAP,GACI,oBAACD,iBAAAA;QACG,oBAAM,oBAACE,gBAAMA;QACb,OAAO;QACP,UAAUJ;QACV,SAAS;;AAGrB"}

package/presentation/trashBin/components/Actions/RestoreItemAction.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const RestoreItemAction: () => React.JSX.Element;

package/presentation/trashBin/components/Actions/RestoreItemAction.js

@@ -0,0 +1,19 @@
+import react from "react";
+import { ReactComponent } from "@webiny/icons/restore.svg";
+import { useRestoreTrashBinItem, useTrashBinItem } from "../../hooks/index.js";
+import { TrashBinListConfig } from "../../configs/index.js";
+const RestoreItemAction = ()=>{
+    const { item } = useTrashBinItem();
+    const { openDialogRestoreItem } = useRestoreTrashBinItem({
+        item
+    });
+    const { OptionsMenuItem } = TrashBinListConfig.Browser.EntryAction;
+    return /*#__PURE__*/ react.createElement(OptionsMenuItem, {
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        label: "Restore",
+        onAction: openDialogRestoreItem
+    });
+};
+export { RestoreItemAction };
+
+//# sourceMappingURL=RestoreItemAction.js.map

package/presentation/trashBin/components/Actions/RestoreItemAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/trashBin/components/Actions/RestoreItemAction.js","sources":["../../../../../src/presentation/trashBin/components/Actions/RestoreItemAction.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as Restore } from \"@webiny/icons/restore.svg\";\nimport { useRestoreTrashBinItem, useTrashBinItem } from \"../../hooks/index.js\";\nimport { TrashBinListConfig } from \"../../configs/index.js\";\n\nexport const RestoreItemAction = () => {\n    const { item } = useTrashBinItem();\n    const { openDialogRestoreItem } = useRestoreTrashBinItem({ item });\n    const { OptionsMenuItem } = TrashBinListConfig.Browser.EntryAction;\n\n    return (\n        <OptionsMenuItem icon={<Restore />} label={\"Restore\"} onAction={openDialogRestoreItem} />\n    );\n};\n"],"names":["RestoreItemAction","item","useTrashBinItem","openDialogRestoreItem","useRestoreTrashBinItem","OptionsMenuItem","TrashBinListConfig","Restore"],"mappings":";;;;AAKO,MAAMA,oBAAoB;IAC7B,MAAM,EAAEC,IAAI,EAAE,GAAGC;IACjB,MAAM,EAAEC,qBAAqB,EAAE,GAAGC,uBAAuB;QAAEH;IAAK;IAChE,MAAM,EAAEI,eAAe,EAAE,GAAGC,mBAAmB,OAAO,CAAC,WAAW;IAElE,OAAO,WAAP,GACI,oBAACD,iBAAAA;QAAgB,oBAAM,oBAACE,gBAAOA;QAAK,OAAO;QAAW,UAAUJ;;AAExE"}

package/presentation/trashBin/components/Actions/index.d.ts

@@ -0,0 +1,2 @@
+export { DeleteItemAction } from "./DeleteItemAction.js";
+export { RestoreItemAction } from "./RestoreItemAction.js";

package/presentation/trashBin/components/Actions/index.js

@@ -0,0 +1,2 @@
+export { DeleteItemAction } from "./DeleteItemAction.js";
+export { RestoreItemAction } from "./RestoreItemAction.js";

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

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

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

@@ -0,0 +1,72 @@
+import react, { useMemo } from "react";
+import { ReactComponent } from "@webiny/icons/delete.svg";
+import { observer } from "mobx-react-lite";
+import { useSnackbar } from "../../../../index.js";
+import { TrashBinListConfig } from "../../configs/index.js";
+import { useTrashBinPresenter } from "../../hooks/index.js";
+import { Tooltip } from "@webiny/admin-ui";
+const getEntriesLabel = (count, isSelectedAll)=>{
+    if (isSelectedAll) return "all entries";
+    return `${count} ${1 === count ? "item" : "items"}`;
+};
+const BulkActionsDeleteItems = observer(()=>{
+    const { actions } = useTrashBinPresenter();
+    const { showSnackbar } = useSnackbar();
+    const { useWorker, useButtons, useDialog } = TrashBinListConfig.Browser.BulkAction;
+    const { ButtonDefault } = useButtons();
+    const worker = useWorker();
+    const { showConfirmationDialog, showResultsDialog } = useDialog();
+    const entriesLabel = useMemo(()=>getEntriesLabel(worker.items.length, worker.isSelectedAll), [
+        worker.items.length,
+        worker.isSelectedAll
+    ]);
+    const openDeleteEntriesDialog = ()=>showConfirmationDialog({
+            title: "Delete items",
+            message: `You are about to permanently delete ${entriesLabel}. Are you sure you want to continue?`,
+            loadingLabel: `Processing ${entriesLabel}`,
+            execute: async ()=>{
+                if (worker.isSelectedAll) {
+                    await worker.processInBulk((params)=>actions.bulkDelete(params));
+                    worker.resetItems();
+                    showSnackbar("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.", {
+                        dismissIcon: true,
+                        timeout: -1
+                    });
+                    return;
+                }
+                await worker.processInSeries(async ({ item, report })=>{
+                    try {
+                        await actions.deleteItem(item.id);
+                        report.success({
+                            title: `${item.title}`,
+                            message: "Item successfully deleted."
+                        });
+                    } catch (e) {
+                        report.error({
+                            title: `${item.title}`,
+                            message: e.message || "Unknown error while deleting the item."
+                        });
+                    }
+                });
+                worker.resetItems();
+                await actions.refresh();
+                showResultsDialog({
+                    results: worker.results,
+                    title: "Delete items",
+                    message: "Finished deleting items! See full report below:"
+                });
+            }
+        });
+    return /*#__PURE__*/ react.createElement(Tooltip, {
+        side: "bottom",
+        content: `Delete ${entriesLabel}`,
+        trigger: /*#__PURE__*/ react.createElement(ButtonDefault, {
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            onAction: openDeleteEntriesDialog,
+            size: "sm"
+        }, "Delete")
+    });
+});
+export { BulkActionsDeleteItems };
+
+//# sourceMappingURL=DeleteItems.js.map

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

@@ -0,0 +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"}

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

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