@webiny/app-admin 0.0.0-mt-2 → 0.0.0-unstable.0156a4c312

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

@@ -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<boolean>;
+    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    /*\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/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) & React.NamedExoticComponent<unknown> & {
+    readonly type: () => React.JSX.Element;
+};

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

@@ -0,0 +1,76 @@
+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 {
+                        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."
+                        });
+                    } 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                        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

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

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

@@ -0,0 +1,81 @@
+import react, { useCallback, useMemo } from "react";
+import { ReactComponent } from "@webiny/icons/restore.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 { RestoreItemsReportMessage } from "./RestoreItemsReportMessage.js";
+import { Tooltip } from "@webiny/admin-ui";
+const getEntriesLabel = (count, isSelectedAll)=>{
+    if (isSelectedAll) return "all entries";
+    return `${count} ${1 === count ? "item" : "items"}`;
+};
+const BulkActionsRestoreItems = observer(()=>{
+    const { actions, onItemAfterRestore } = useTrashBinPresenter();
+    const { showSnackbar } = useSnackbar();
+    const { useWorker, useButtons, useDialog } = TrashBinListConfig.Browser.BulkAction;
+    const { ButtonDefault } = useButtons();
+    const worker = useWorker();
+    const { showConfirmationDialog, showResultsDialog, hideResultsDialog } = useDialog();
+    const entriesLabel = useMemo(()=>getEntriesLabel(worker.items.length, worker.isSelectedAll), [
+        worker.items.length,
+        worker.isSelectedAll
+    ]);
+    const onLocationClick = useCallback(async (item)=>{
+        hideResultsDialog();
+        if (onItemAfterRestore) await onItemAfterRestore(item);
+    }, [
+        onItemAfterRestore,
+        hideResultsDialog
+    ]);
+    const openRestoreEntriesDialog = ()=>showConfirmationDialog({
+            title: "Restore items",
+            message: `You are about to restore ${entriesLabel}. Are you sure you want to continue?`,
+            loadingLabel: `Processing ${entriesLabel}`,
+            execute: async ()=>{
+                if (worker.isSelectedAll) {
+                    await worker.processInBulk((params)=>actions.bulkRestore(params));
+                    worker.resetItems();
+                    showSnackbar("All items will be restored. 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.restoreItem(item.id);
+                        report.success({
+                            title: `${item.title}`,
+                            message: /*#__PURE__*/ react.createElement(RestoreItemsReportMessage, {
+                                onLocationClick: ()=>onLocationClick(item)
+                            })
+                        });
+                    } catch (e) {
+                        report.error({
+                            title: `${item.title}`,
+                            message: e.message || "Unknown error while restoring the item."
+                        });
+                    }
+                });
+                worker.resetItems();
+                showResultsDialog({
+                    results: worker.results,
+                    title: "Restore items",
+                    message: "Finished restoring items! See full report below:"
+                });
+            }
+        });
+    return /*#__PURE__*/ react.createElement(Tooltip, {
+        side: "bottom",
+        content: `Restore ${entriesLabel}`,
+        trigger: /*#__PURE__*/ react.createElement(ButtonDefault, {
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            onAction: openRestoreEntriesDialog,
+            size: "sm"
+        }, "Restore")
+    });
+});
+export { BulkActionsRestoreItems };
+
+//# sourceMappingURL=RestoreItems.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/trashBin/components/BulkActions/RestoreItems.js","sources":["../../../../../src/presentation/trashBin/components/BulkActions/RestoreItems.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport { ReactComponent as RestoreIcon } from \"@webiny/icons/restore.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 { RestoreItemsReportMessage } from \"./RestoreItemsReportMessage.js\";\nimport type { TrashBinItem } from \"../../abstractions.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 BulkActionsRestoreItems = observer(() => {\n    const { actions, onItemAfterRestore } = 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, hideResultsDialog } = useDialog();\n\n    const entriesLabel = useMemo(() => {\n        return getEntriesLabel(worker.items.length, worker.isSelectedAll);\n    }, [worker.items.length, worker.isSelectedAll]);\n\n    const onLocationClick = useCallback(\n        async (item: TrashBinItem) => {\n            hideResultsDialog();\n            if (onItemAfterRestore) {\n                await onItemAfterRestore(item);\n            }\n        },\n        [onItemAfterRestore, hideResultsDialog]\n    );\n\n    const openRestoreEntriesDialog = () =>\n        showConfirmationDialog({\n            title: \"Restore items\",\n            message: `You are about to restore ${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.bulkRestore(params));\n                    worker.resetItems();\n                    showSnackbar(\n                        \"All items will be restored. 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.restoreItem(item.id);\n\n                        report.success({\n                            title: `${item.title}`,\n                            message: (\n                                <RestoreItemsReportMessage\n                                    onLocationClick={() => onLocationClick(item)}\n                                />\n                            )\n                        });\n                    } catch (e: any) {\n                        report.error({\n                            title: `${item.title}`,\n                            message: e.message || \"Unknown error while restoring the item.\"\n                        });\n                    }\n                });\n\n                worker.resetItems();\n\n                showResultsDialog({\n                    results: worker.results,\n                    title: \"Restore items\",\n                    message: \"Finished restoring items! See full report below:\"\n                });\n            }\n        });\n\n    return (\n        <Tooltip\n            side={\"bottom\"}\n            content={`Restore ${entriesLabel}`}\n            trigger={\n                <ButtonDefault\n                    icon={<RestoreIcon />}\n                    onAction={openRestoreEntriesDialog}\n                    size={\"sm\"}\n                >\n                    {\"Restore\"}\n                </ButtonDefault>\n            }\n        />\n    );\n});\n"],"names":["getEntriesLabel","count","isSelectedAll","BulkActionsRestoreItems","observer","actions","onItemAfterRestore","useTrashBinPresenter","showSnackbar","useSnackbar","useWorker","useButtons","useDialog","TrashBinListConfig","ButtonDefault","worker","showConfirmationDialog","showResultsDialog","hideResultsDialog","entriesLabel","useMemo","onLocationClick","useCallback","item","openRestoreEntriesDialog","params","report","RestoreItemsReportMessage","e","Tooltip","RestoreIcon"],"mappings":";;;;;;;;AAUA,MAAMA,kBAAkB,CAACC,OAAeC;IACpC,IAAIA,eACA,OAAO;IAEX,OAAO,GAAGD,MAAM,CAAC,EAAEA,AAAU,MAAVA,QAAc,SAAS,SAAS;AACvD;AAEO,MAAME,0BAA0BC,SAAS;IAC5C,MAAM,EAAEC,OAAO,EAAEC,kBAAkB,EAAE,GAAGC;IACxC,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,EAAEC,iBAAiB,EAAE,GAAGN;IAEzE,MAAMO,eAAeC,QAAQ,IAClBpB,gBAAgBe,OAAO,KAAK,CAAC,MAAM,EAAEA,OAAO,aAAa,GACjE;QAACA,OAAO,KAAK,CAAC,MAAM;QAAEA,OAAO,aAAa;KAAC;IAE9C,MAAMM,kBAAkBC,YACpB,OAAOC;QACHL;QACA,IAAIZ,oBACA,MAAMA,mBAAmBiB;IAEjC,GACA;QAACjB;QAAoBY;KAAkB;IAG3C,MAAMM,2BAA2B,IAC7BR,uBAAuB;YACnB,OAAO;YACP,SAAS,CAAC,yBAAyB,EAAEG,aAAa,oCAAoC,CAAC;YACvF,cAAc,CAAC,WAAW,EAAEA,cAAc;YAC1C,SAAS;gBACL,IAAIJ,OAAO,aAAa,EAAE;oBACtB,MAAMA,OAAO,aAAa,CAACU,CAAAA,SAAUpB,QAAQ,WAAW,CAACoB;oBACzDV,OAAO,UAAU;oBACjBP,aACI,oLACA;wBACI,aAAa;wBACb,SAAS;oBACb;oBAEJ;gBACJ;gBAEA,MAAMO,OAAO,eAAe,CAAC,OAAO,EAAEQ,IAAI,EAAEG,MAAM,EAAE;oBAChD,IAAI;wBACA,MAAMrB,QAAQ,WAAW,CAACkB,KAAK,EAAE;wBAEjCG,OAAO,OAAO,CAAC;4BACX,OAAO,GAAGH,KAAK,KAAK,EAAE;4BACtB,SAAS,WAAT,GACI,oBAACI,2BAAyBA;gCACtB,iBAAiB,IAAMN,gBAAgBE;;wBAGnD;oBACJ,EAAE,OAAOK,GAAQ;wBACbF,OAAO,KAAK,CAAC;4BACT,OAAO,GAAGH,KAAK,KAAK,EAAE;4BACtB,SAASK,EAAE,OAAO,IAAI;wBAC1B;oBACJ;gBACJ;gBAEAb,OAAO,UAAU;gBAEjBE,kBAAkB;oBACd,SAASF,OAAO,OAAO;oBACvB,OAAO;oBACP,SAAS;gBACb;YACJ;QACJ;IAEJ,OAAO,WAAP,GACI,oBAACc,SAAOA;QACJ,MAAM;QACN,SAAS,CAAC,QAAQ,EAAEV,cAAc;QAClC,uBACI,oBAACL,eAAAA;YACG,oBAAM,oBAACgB,gBAAWA;YAClB,UAAUN;YACV,MAAM;WAEL;;AAKrB"}

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

@@ -0,0 +1,5 @@
+import React from "react";
+export interface RestoreItemsReportMessageProps {
+    onLocationClick: () => void;
+}
+export declare const RestoreItemsReportMessage: (props: RestoreItemsReportMessageProps) => React.JSX.Element;

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

@@ -0,0 +1,12 @@
+import react from "react";
+import { Text } from "@webiny/admin-ui";
+const RestoreItemsReportMessage = (props)=>/*#__PURE__*/ react.createElement("div", {
+        className: "cursor-pointer",
+        onClick: ()=>props.onLocationClick()
+    }, "Item successfully restored (", /*#__PURE__*/ react.createElement(Text, {
+        size: "sm",
+        className: "text-accent-primary underline"
+    }, "see location"), ").");
+export { RestoreItemsReportMessage };
+
+//# sourceMappingURL=RestoreItemsReportMessage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/trashBin/components/BulkActions/RestoreItemsReportMessage.js","sources":["../../../../../src/presentation/trashBin/components/BulkActions/RestoreItemsReportMessage.tsx"],"sourcesContent":["import React from \"react\";\nimport { Text } from \"@webiny/admin-ui\";\n\nexport interface RestoreItemsReportMessageProps {\n    onLocationClick: () => void;\n}\n\nexport const RestoreItemsReportMessage = (props: RestoreItemsReportMessageProps) => {\n    return (\n        <div className={\"cursor-pointer\"} onClick={() => props.onLocationClick()}>\n            Item successfully restored (\n            <Text size={\"sm\"} className={\"text-accent-primary underline\"}>\n                {\"see location\"}\n            </Text>\n            ).\n        </div>\n    );\n};\n"],"names":["RestoreItemsReportMessage","props","Text"],"mappings":";;AAOO,MAAMA,4BAA4B,CAACC,QAC/B,WAAP,GACI,oBAAC;QAAI,WAAW;QAAkB,SAAS,IAAMA,MAAM,eAAe;OAAI,8CAEtE,oBAACC,MAAIA;QAAC,MAAM;QAAM,WAAW;OACxB,iBACE"}

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

@@ -0,0 +1,2 @@
+export { BulkActionsDeleteItems } from "./DeleteItems.js";
+export { BulkActionsRestoreItems } from "./RestoreItems.js";

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

@@ -0,0 +1,2 @@
+export { BulkActionsDeleteItems } from "./DeleteItems.js";
+export { BulkActionsRestoreItems } from "./RestoreItems.js";

package/presentation/trashBin/components/Cells/CellActions.d.ts

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

package/presentation/trashBin/components/Cells/CellActions.js

@@ -0,0 +1,18 @@
+import react from "react";
+import { OptionsMenu } from "../../../../index.js";
+import { TrashBinListConfig, useTrashBinListConfig } from "../../configs/index.js";
+import { TrashBinItemProvider } from "../../hooks/index.js";
+const CellActions = ()=>{
+    const { useTableRow } = TrashBinListConfig.Browser.Table.Column;
+    const { row } = useTableRow();
+    const { browser } = useTrashBinListConfig();
+    return /*#__PURE__*/ react.createElement(TrashBinItemProvider, {
+        item: row.data
+    }, /*#__PURE__*/ react.createElement(OptionsMenu, {
+        actions: browser.entryActions,
+        "data-testid": "table.row.trash.entry.menu-action"
+    }));
+};
+export { CellActions };
+
+//# sourceMappingURL=CellActions.js.map

package/presentation/trashBin/components/Cells/CellActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/trashBin/components/Cells/CellActions.js","sources":["../../../../../src/presentation/trashBin/components/Cells/CellActions.tsx"],"sourcesContent":["import React from \"react\";\nimport { OptionsMenu } from \"~/index.js\";\nimport { TrashBinListConfig, useTrashBinListConfig } from \"../../configs/index.js\";\nimport { TrashBinItemProvider } from \"../../hooks/index.js\";\n\nexport const CellActions = () => {\n    const { useTableRow } = TrashBinListConfig.Browser.Table.Column;\n    const { row } = useTableRow();\n    const { browser } = useTrashBinListConfig();\n\n    return (\n        <TrashBinItemProvider item={row.data}>\n            <OptionsMenu\n                actions={browser.entryActions}\n                data-testid={\"table.row.trash.entry.menu-action\"}\n            />\n        </TrashBinItemProvider>\n    );\n};\n"],"names":["CellActions","useTableRow","TrashBinListConfig","row","browser","useTrashBinListConfig","TrashBinItemProvider","OptionsMenu"],"mappings":";;;;AAKO,MAAMA,cAAc;IACvB,MAAM,EAAEC,WAAW,EAAE,GAAGC,mBAAmB,OAAO,CAAC,KAAK,CAAC,MAAM;IAC/D,MAAM,EAAEC,GAAG,EAAE,GAAGF;IAChB,MAAM,EAAEG,OAAO,EAAE,GAAGC;IAEpB,OAAO,WAAP,GACI,oBAACC,sBAAoBA;QAAC,MAAMH,IAAI,IAAI;qBAChC,oBAACI,aAAWA;QACR,SAASH,QAAQ,YAAY;QAC7B,eAAa;;AAI7B"}

package/presentation/trashBin/components/Cells/CellCreatedBy.d.ts

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

package/presentation/trashBin/components/Cells/CellCreatedBy.js

@@ -0,0 +1,11 @@
+import react from "react";
+import { TrashBinListConfig } from "../../configs/index.js";
+const CellCreatedBy = ()=>{
+    const { useTableRow } = TrashBinListConfig.Browser.Table.Column;
+    const { row } = useTableRow();
+    if (!row.data.createdBy) return /*#__PURE__*/ react.createElement(react.Fragment, null, "-");
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, row.data.createdBy.displayName);
+};
+export { CellCreatedBy };
+
+//# sourceMappingURL=CellCreatedBy.js.map

package/presentation/trashBin/components/Cells/CellCreatedBy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/trashBin/components/Cells/CellCreatedBy.js","sources":["../../../../../src/presentation/trashBin/components/Cells/CellCreatedBy.tsx"],"sourcesContent":["import React from \"react\";\nimport { TrashBinListConfig } from \"../../configs/index.js\";\n\nexport const CellCreatedBy = () => {\n    const { useTableRow } = TrashBinListConfig.Browser.Table.Column;\n    const { row } = useTableRow();\n\n    if (!row.data.createdBy) {\n        return <>{\"-\"}</>;\n    }\n\n    return <>{row.data.createdBy.displayName}</>;\n};\n"],"names":["CellCreatedBy","useTableRow","TrashBinListConfig","row"],"mappings":";;AAGO,MAAMA,gBAAgB;IACzB,MAAM,EAAEC,WAAW,EAAE,GAAGC,mBAAmB,OAAO,CAAC,KAAK,CAAC,MAAM;IAC/D,MAAM,EAAEC,GAAG,EAAE,GAAGF;IAEhB,IAAI,CAACE,IAAI,IAAI,CAAC,SAAS,EACnB,OAAO,WAAP,GAAO,0CAAG;IAGd,OAAO,WAAP,GAAO,0CAAGA,IAAI,IAAI,CAAC,SAAS,CAAC,WAAW;AAC5C"}

package/presentation/trashBin/components/Cells/CellDeletedBy.d.ts

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