@webiny/app-admin 0.0.0-unstable.b14eaecf38 → 0.0.0-unstable.b6d7105cee

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;
+};

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;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/trashBin/components/Cells/CellDeletedBy.js","sources":["../../../../../src/presentation/trashBin/components/Cells/CellDeletedBy.tsx"],"sourcesContent":["import React from \"react\";\nimport { TrashBinListConfig } from \"../../configs/index.js\";\n\nexport const CellDeletedBy = () => {\n    const { useTableRow } = TrashBinListConfig.Browser.Table.Column;\n    const { row } = useTableRow();\n\n    if (!row.data.deletedBy) {\n        return <>{\"-\"}</>;\n    }\n\n    return <>{row.data.deletedBy.displayName}</>;\n};\n"],"names":["CellDeletedBy","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/CellDeletedOn.d.ts

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

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

@@ -0,0 +1,14 @@
+import react from "react";
+import { TimeAgo } from "@webiny/admin-ui";
+import { TrashBinListConfig } from "../../configs/index.js";
+const CellDeletedOn = ()=>{
+    const { useTableRow } = TrashBinListConfig.Browser.Table.Column;
+    const { row } = useTableRow();
+    if (!row.data.deletedOn) return /*#__PURE__*/ react.createElement(react.Fragment, null, "-");
+    return /*#__PURE__*/ react.createElement(TimeAgo, {
+        datetime: row.data.deletedOn
+    });
+};
+export { CellDeletedOn };
+
+//# sourceMappingURL=CellDeletedOn.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/trashBin/components/Cells/CellDeletedOn.js","sources":["../../../../../src/presentation/trashBin/components/Cells/CellDeletedOn.tsx"],"sourcesContent":["import React from \"react\";\nimport { TimeAgo } from \"@webiny/admin-ui\";\nimport { TrashBinListConfig } from \"../../configs/index.js\";\n\nexport const CellDeletedOn = () => {\n    const { useTableRow } = TrashBinListConfig.Browser.Table.Column;\n    const { row } = useTableRow();\n\n    if (!row.data.deletedOn) {\n        return <>{\"-\"}</>;\n    }\n\n    return <TimeAgo datetime={row.data.deletedOn} />;\n};\n"],"names":["CellDeletedOn","useTableRow","TrashBinListConfig","row","TimeAgo"],"mappings":";;;AAIO,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,oBAACC,SAAOA;QAAC,UAAUD,IAAI,IAAI,CAAC,SAAS;;AAChD"}

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

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

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

@@ -0,0 +1,21 @@
+import react from "react";
+import { ReactComponent } from "@webiny/icons/description.svg";
+import { TrashBinListConfig } from "../../configs/index.js";
+import { Icon, Text } from "@webiny/admin-ui";
+const CellTitle = ()=>{
+    const { useTableRow } = TrashBinListConfig.Browser.Table.Column;
+    const { row } = useTableRow();
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center gap-sm truncate"
+    }, /*#__PURE__*/ react.createElement(Icon, {
+        size: "sm",
+        color: "neutral-strong",
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        label: "Item"
+    }), /*#__PURE__*/ react.createElement(Text, {
+        className: "truncate min-w-0 shrink"
+    }, row.data.title));
+};
+export { CellTitle };
+
+//# sourceMappingURL=CellTitle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/trashBin/components/Cells/CellTitle.js","sources":["../../../../../src/presentation/trashBin/components/Cells/CellTitle.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as File } from \"@webiny/icons/description.svg\";\nimport { TrashBinListConfig } from \"../../configs/index.js\";\nimport { Icon, Text } from \"@webiny/admin-ui\";\n\nexport const CellTitle = () => {\n    const { useTableRow } = TrashBinListConfig.Browser.Table.Column;\n    const { row } = useTableRow();\n\n    return (\n        <div className={\"flex items-center gap-sm truncate\"}>\n            <Icon size={\"sm\"} color={\"neutral-strong\"} icon={<File />} label={\"Item\"} />\n            <Text className={\"truncate min-w-0 shrink\"}>{row.data.title}</Text>\n        </div>\n    );\n};\n"],"names":["CellTitle","useTableRow","TrashBinListConfig","row","Icon","File","Text"],"mappings":";;;;AAKO,MAAMA,YAAY;IACrB,MAAM,EAAEC,WAAW,EAAE,GAAGC,mBAAmB,OAAO,CAAC,KAAK,CAAC,MAAM;IAC/D,MAAM,EAAEC,GAAG,EAAE,GAAGF;IAEhB,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAACG,MAAIA;QAAC,MAAM;QAAM,OAAO;QAAkB,oBAAM,oBAACC,gBAAIA;QAAK,OAAO;sBAClE,oBAACC,MAAIA;QAAC,WAAW;OAA4BH,IAAI,IAAI,CAAC,KAAK;AAGvE"}

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

@@ -0,0 +1,5 @@
+export { CellTitle } from "./CellTitle.js";
+export { CellCreatedBy } from "./CellCreatedBy.js";
+export { CellDeletedBy } from "./CellDeletedBy.js";
+export { CellDeletedOn } from "./CellDeletedOn.js";
+export { CellActions } from "./CellActions.js";

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

@@ -0,0 +1,5 @@
+export { CellTitle } from "./CellTitle.js";
+export { CellCreatedBy } from "./CellCreatedBy.js";
+export { CellDeletedBy } from "./CellDeletedBy.js";
+export { CellDeletedOn } from "./CellDeletedOn.js";
+export { CellActions } from "./CellActions.js";

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

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

package/presentation/trashBin/components/TrashBinConfigs.js

@@ -0,0 +1,55 @@
+import react from "react";
+import { TrashBinListConfig } from "../configs/index.js";
+import { BulkActionsDeleteItems, BulkActionsRestoreItems } from "./BulkActions/index.js";
+import { CellActions, CellCreatedBy, CellDeletedBy, CellDeletedOn, CellTitle } from "./Cells/index.js";
+import { DeleteItemAction, RestoreItemAction } from "./Actions/index.js";
+const { Browser: Browser } = TrashBinListConfig;
+const TrashBinConfigs = ()=>/*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(TrashBinListConfig, null, /*#__PURE__*/ react.createElement(Browser.Table.Column, {
+        name: "name",
+        header: "Name",
+        cell: /*#__PURE__*/ react.createElement(CellTitle, null),
+        sortable: true,
+        hideable: false,
+        size: 200
+    }), /*#__PURE__*/ react.createElement(Browser.Table.Column, {
+        name: "createdBy",
+        header: "Author",
+        cell: /*#__PURE__*/ react.createElement(CellCreatedBy, null)
+    }), /*#__PURE__*/ react.createElement(Browser.Table.Column, {
+        name: "deletedBy",
+        header: "Deleted by",
+        cell: /*#__PURE__*/ react.createElement(CellDeletedBy, null)
+    }), /*#__PURE__*/ react.createElement(Browser.Table.Column, {
+        name: "deletedOn",
+        header: "Deleted on",
+        cell: /*#__PURE__*/ react.createElement(CellDeletedOn, null),
+        sortable: true
+    }), /*#__PURE__*/ react.createElement(Browser.Table.Column, {
+        name: "actions",
+        header: "",
+        cell: /*#__PURE__*/ react.createElement(CellActions, null),
+        size: 56,
+        truncate: false,
+        className: "flex justify-center",
+        hideable: false,
+        resizable: false
+    }), /*#__PURE__*/ react.createElement(Browser.Table.Sorting, {
+        name: "deletedOn",
+        field: "deletedOn",
+        order: "desc"
+    }), /*#__PURE__*/ react.createElement(Browser.BulkAction, {
+        name: "restore",
+        element: /*#__PURE__*/ react.createElement(BulkActionsRestoreItems, null)
+    }), /*#__PURE__*/ react.createElement(Browser.BulkAction, {
+        name: "delete",
+        element: /*#__PURE__*/ react.createElement(BulkActionsDeleteItems, null)
+    }), /*#__PURE__*/ react.createElement(Browser.EntryAction, {
+        name: "restore",
+        element: /*#__PURE__*/ react.createElement(RestoreItemAction, null)
+    }), /*#__PURE__*/ react.createElement(Browser.EntryAction, {
+        name: "delete",
+        element: /*#__PURE__*/ react.createElement(DeleteItemAction, null)
+    })));
+export { TrashBinConfigs };
+
+//# sourceMappingURL=TrashBinConfigs.js.map

package/presentation/trashBin/components/TrashBinConfigs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/trashBin/components/TrashBinConfigs.js","sources":["../../../../src/presentation/trashBin/components/TrashBinConfigs.tsx"],"sourcesContent":["import React from \"react\";\nimport { TrashBinListConfig } from \"../configs/index.js\";\nimport { BulkActionsRestoreItems, BulkActionsDeleteItems } from \"./BulkActions/index.js\";\nimport {\n    CellActions,\n    CellCreatedBy,\n    CellDeletedBy,\n    CellDeletedOn,\n    CellTitle\n} from \"./Cells/index.js\";\nimport { DeleteItemAction, RestoreItemAction } from \"./Actions/index.js\";\n\nconst { Browser } = TrashBinListConfig;\n\nexport const TrashBinConfigs = () => {\n    return (\n        <>\n            <TrashBinListConfig>\n                <Browser.Table.Column\n                    name={\"name\"}\n                    header={\"Name\"}\n                    cell={<CellTitle />}\n                    sortable={true}\n                    hideable={false}\n                    size={200}\n                />\n                <Browser.Table.Column\n                    name={\"createdBy\"}\n                    header={\"Author\"}\n                    cell={<CellCreatedBy />}\n                />\n                <Browser.Table.Column\n                    name={\"deletedBy\"}\n                    header={\"Deleted by\"}\n                    cell={<CellDeletedBy />}\n                />\n                <Browser.Table.Column\n                    name={\"deletedOn\"}\n                    header={\"Deleted on\"}\n                    cell={<CellDeletedOn />}\n                    sortable={true}\n                />\n                <Browser.Table.Column\n                    name={\"actions\"}\n                    header={\"\"}\n                    cell={<CellActions />}\n                    size={56}\n                    truncate={false}\n                    className={\"flex justify-center\"}\n                    hideable={false}\n                    resizable={false}\n                />\n                <Browser.Table.Sorting name={\"deletedOn\"} field={\"deletedOn\"} order={\"desc\"} />\n                <Browser.BulkAction name={\"restore\"} element={<BulkActionsRestoreItems />} />\n                <Browser.BulkAction name={\"delete\"} element={<BulkActionsDeleteItems />} />\n                <Browser.EntryAction name={\"restore\"} element={<RestoreItemAction />} />\n                <Browser.EntryAction name={\"delete\"} element={<DeleteItemAction />} />\n            </TrashBinListConfig>\n        </>\n    );\n};\n"],"names":["Browser","TrashBinListConfig","TrashBinConfigs","CellTitle","CellCreatedBy","CellDeletedBy","CellDeletedOn","CellActions","BulkActionsRestoreItems","BulkActionsDeleteItems","RestoreItemAction","DeleteItemAction"],"mappings":";;;;;AAYA,MAAM,EAAEA,SAAAA,OAAO,EAAE,GAAGC;AAEb,MAAMC,kBAAkB,IACpB,WAAP,GACI,wDACI,oBAACD,oBAAkBA,MAAAA,WAAAA,GACf,oBAACD,QAAQ,KAAK,CAAC,MAAM;QACjB,MAAM;QACN,QAAQ;QACR,oBAAM,oBAACG,WAASA;QAChB,UAAU;QACV,UAAU;QACV,MAAM;sBAEV,oBAACH,QAAQ,KAAK,CAAC,MAAM;QACjB,MAAM;QACN,QAAQ;QACR,oBAAM,oBAACI,eAAaA;sBAExB,oBAACJ,QAAQ,KAAK,CAAC,MAAM;QACjB,MAAM;QACN,QAAQ;QACR,oBAAM,oBAACK,eAAaA;sBAExB,oBAACL,QAAQ,KAAK,CAAC,MAAM;QACjB,MAAM;QACN,QAAQ;QACR,oBAAM,oBAACM,eAAaA;QACpB,UAAU;sBAEd,oBAACN,QAAQ,KAAK,CAAC,MAAM;QACjB,MAAM;QACN,QAAQ;QACR,oBAAM,oBAACO,aAAWA;QAClB,MAAM;QACN,UAAU;QACV,WAAW;QACX,UAAU;QACV,WAAW;sBAEf,oBAACP,QAAQ,KAAK,CAAC,OAAO;QAAC,MAAM;QAAa,OAAO;QAAa,OAAO;sBACrE,oBAACA,QAAQ,UAAU;QAAC,MAAM;QAAW,uBAAS,oBAACQ,yBAAuBA;sBACtE,oBAACR,QAAQ,UAAU;QAAC,MAAM;QAAU,uBAAS,oBAACS,wBAAsBA;sBACpE,oBAACT,QAAQ,WAAW;QAAC,MAAM;QAAW,uBAAS,oBAACU,mBAAiBA;sBACjE,oBAACV,QAAQ,WAAW;QAAC,MAAM;QAAU,uBAAS,oBAACW,kBAAgBA"}

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

@@ -0,0 +1,12 @@
+import React from "react";
+import type { ITrashBinPresenter, TrashBinItem } from "../abstractions.js";
+interface TrashBinOverlayProps {
+    presenter: ITrashBinPresenter;
+    title: string;
+    onExited: () => void;
+    onItemAfterRestore?: (item: TrashBinItem) => Promise<void>;
+}
+export declare const TrashBinOverlay: (({ presenter, title, onExited, onItemAfterRestore }: TrashBinOverlayProps) => React.JSX.Element) & {
+    displayName: string;
+};
+export {};

package/presentation/trashBin/components/TrashBinOverlay.js

@@ -0,0 +1,139 @@
+import react, { useMemo } from "react";
+import debounce from "lodash/debounce.js";
+import { observer } from "mobx-react-lite";
+import { DelayedOnChange, Heading, Icon, IconButton, Input, Loader, Scrollbar, Separator, Text } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/close.svg";
+import { ReactComponent as search_svg_ReactComponent } from "@webiny/icons/search.svg";
+import { ReactComponent as delete_forever_svg_ReactComponent } from "@webiny/icons/delete_forever.svg";
+import { OverlayLayout } from "../../../components/OverlayLayout/OverlayLayout.js";
+import { EmptyView } from "../../../components/EmptyView.js";
+import { Buttons } from "../../../components/Buttons/index.js";
+import { TrashBinTable } from "./TrashBinTable.js";
+import { TrashBinProvider, useTrashBinPresenter } from "../hooks/index.js";
+import { TrashBinListWithConfig, useTrashBinListConfig } from "../configs/index.js";
+import { CompositionScope } from "@webiny/react-composition";
+const SearchInput = observer(()=>{
+    const { vm, actions } = useTrashBinPresenter();
+    return /*#__PURE__*/ react.createElement(DelayedOnChange, {
+        value: vm.list.search,
+        onChange: (value)=>{
+            const searchQuery = value.trim();
+            if (searchQuery === vm.list.search) return;
+            if (!searchQuery) return void actions.search.clear();
+            actions.search.set(searchQuery);
+        }
+    }, ({ value, onChange })=>/*#__PURE__*/ react.createElement(Input, {
+            value: value,
+            onChange: (e)=>onChange(e.target.value),
+            forwardEventOnChange: true,
+            placeholder: "Search all items",
+            startIcon: /*#__PURE__*/ react.createElement(Icon, {
+                icon: /*#__PURE__*/ react.createElement(search_svg_ReactComponent, null),
+                label: "Search"
+            }),
+            size: "md",
+            variant: "ghost",
+            className: "w-full"
+        }));
+});
+const BulkActionsBar = observer(()=>{
+    const { vm, actions } = useTrashBinPresenter();
+    const { browser } = useTrashBinListConfig();
+    const selectedCount = vm.list.selection.selectedCount;
+    if (0 === selectedCount) return null;
+    const label = 1 === selectedCount ? "item" : "items";
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "w-full bg-neutral-disabled px-md py-sm"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center justify-between gap-sm"
+    }, /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center gap-sm"
+    }, /*#__PURE__*/ react.createElement(Text, {
+        size: "sm",
+        className: "text-neutral-strong"
+    }, `${selectedCount} ${label} selected`)), /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center gap-sm"
+    }, /*#__PURE__*/ react.createElement(Buttons, {
+        actions: browser.bulkActions
+    }), /*#__PURE__*/ react.createElement(IconButton, {
+        variant: "ghost",
+        size: "sm",
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        onClick: ()=>actions.selection.deselectAll()
+    }))));
+});
+const BottomBar = observer(()=>{
+    const { vm } = useTrashBinPresenter();
+    const { loading, totalCount, currentCount, loadingMore } = vm.list.pagination;
+    if (loading) return null;
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "sticky bottom-0 z-5 bg-neutral-base w-full transform translate-z-0 overflow-hidden"
+    }, /*#__PURE__*/ react.createElement(Separator, null), /*#__PURE__*/ react.createElement("div", {
+        className: "h-xl px-md py-sm flex items-center justify-between"
+    }, /*#__PURE__*/ react.createElement(Text, {
+        size: "sm",
+        as: "div",
+        className: "text-neutral-strong"
+    }, `Showing ${currentCount} out of ${totalCount} items.`), loadingMore ? /*#__PURE__*/ react.createElement("div", {
+        className: "flex items-center gap-sm"
+    }, /*#__PURE__*/ react.createElement(Text, {
+        size: "sm",
+        as: "div",
+        className: "text-neutral-strong"
+    }, "Loading more items..."), /*#__PURE__*/ react.createElement(Loader, {
+        size: "xs"
+    })) : null));
+});
+const RETENTION_PERIOD_DAYS = (()=>{
+    const env = process.env["WEBINY_ADMIN_TRASH_BIN_RETENTION_PERIOD_DAYS"];
+    const parsed = env ? parseInt(env, 10) : 90;
+    return isNaN(parsed) || 0 === parsed ? 90 : parsed;
+})();
+const TrashBinEmpty = observer(()=>{
+    const { vm } = useTrashBinPresenter();
+    const days = 1 === RETENTION_PERIOD_DAYS ? "1 day" : `${RETENTION_PERIOD_DAYS} days`;
+    if (vm.list.emptyWithFilters) return /*#__PURE__*/ react.createElement(EmptyView, {
+        icon: /*#__PURE__*/ react.createElement(search_svg_ReactComponent, null),
+        title: "No items found.",
+        action: null
+    });
+    return /*#__PURE__*/ react.createElement(EmptyView, {
+        icon: /*#__PURE__*/ react.createElement(delete_forever_svg_ReactComponent, null),
+        title: `Nothing found in the trash: items left in the trash are automatically deleted after ${days}.`,
+        action: null
+    });
+});
+const TrashBinOverlayContent = observer(({ onExited, presenter, title })=>{
+    const onTableScroll = useMemo(()=>debounce(async (scrollFrame)=>{
+            if (scrollFrame.top > 0.8) await presenter.actions.loadMore();
+        }, 200), [
+        presenter
+    ]);
+    return /*#__PURE__*/ react.createElement(OverlayLayout, {
+        onExited: onExited,
+        barLeft: /*#__PURE__*/ react.createElement(Heading, {
+            level: 5,
+            className: "text-neutral-primary"
+        }, title),
+        barMiddle: /*#__PURE__*/ react.createElement(SearchInput, null)
+    }, /*#__PURE__*/ react.createElement(BulkActionsBar, null), /*#__PURE__*/ react.createElement(Scrollbar, {
+        onScrollFrame: (scrollFrame)=>onTableScroll(scrollFrame)
+    }, presenter.vm.list.empty ? /*#__PURE__*/ react.createElement(TrashBinEmpty, null) : /*#__PURE__*/ react.createElement(TrashBinTable, null)), /*#__PURE__*/ react.createElement(BottomBar, null));
+});
+const TrashBinOverlay = observer(({ presenter, title, onExited, onItemAfterRestore })=>{
+    const ctx = {
+        vm: presenter.vm,
+        actions: presenter.actions,
+        onItemAfterRestore
+    };
+    return /*#__PURE__*/ react.createElement(CompositionScope, {
+        name: "trash"
+    }, /*#__PURE__*/ react.createElement(TrashBinListWithConfig, null, /*#__PURE__*/ react.createElement(TrashBinProvider, ctx, /*#__PURE__*/ react.createElement(TrashBinOverlayContent, {
+        onExited: onExited,
+        presenter: presenter,
+        title: title
+    }))));
+});
+export { TrashBinOverlay };
+
+//# sourceMappingURL=TrashBinOverlay.js.map