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

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

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

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

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

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

package/presentation/trashBin/components/TrashBinTable.js

@@ -0,0 +1,48 @@
+import react, { useMemo } from "react";
+import { Table, createRecordsData } from "../../../components/Table/index.js";
+import { useTrashBinPresenter } from "../hooks/index.js";
+import { useTrashBinListConfig } from "../configs/index.js";
+const TrashBinTable = ()=>{
+    const { vm, actions } = useTrashBinPresenter();
+    const { browser } = useTrashBinListConfig();
+    const data = useMemo(()=>createRecordsData(vm.list.rows), [
+        vm.list.rows
+    ]);
+    const selected = useMemo(()=>{
+        const selectedRows = vm.list.rows.filter((row)=>vm.list.selection.selectedIds.has(row.id));
+        return createRecordsData(selectedRows);
+    }, [
+        vm.list.rows,
+        vm.list.selection.selectedIds
+    ]);
+    const sorting = useMemo(()=>{
+        if (!vm.list.sort) return [];
+        return [
+            {
+                id: vm.list.sort.field,
+                desc: "DESC" === vm.list.sort.direction
+            }
+        ];
+    }, [
+        vm.list.sort
+    ]);
+    return /*#__PURE__*/ react.createElement(Table, {
+        columns: browser.table.columns,
+        data: data,
+        loading: vm.list.pagination.loading,
+        onSelectRow: (entries)=>{
+            actions.selection.selectRows(entries.map((e)=>e.id));
+        },
+        sorting: sorting,
+        onSortingChange: (newSorting)=>{
+            const resolved = "function" == typeof newSorting ? newSorting(sorting) : newSorting;
+            if (resolved.length > 0) actions.sort.set(resolved[0].id, resolved[0].desc ? "DESC" : "ASC");
+        },
+        selected: selected,
+        nameColumnId: vm.nameColumnId,
+        namespace: "trash-bin/list"
+    });
+};
+export { TrashBinTable };
+
+//# sourceMappingURL=TrashBinTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/trashBin/components/TrashBinTable.js","sources":["../../../../src/presentation/trashBin/components/TrashBinTable.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { createRecordsData, Table as AcoTable } from \"~/components/Table/index.js\";\nimport type { TableRow } from \"~/components/Table/table.types.js\";\nimport { useTrashBinPresenter } from \"../hooks/index.js\";\nimport { useTrashBinListConfig } from \"../configs/index.js\";\nimport type { TrashBinItem } from \"../abstractions.js\";\n\ntype TrashBinTableRow = TableRow<TrashBinItem>;\n\nexport const TrashBinTable = () => {\n    const { vm, actions } = useTrashBinPresenter();\n    const { browser } = useTrashBinListConfig();\n\n    const data = useMemo<TrashBinTableRow[]>(() => {\n        return createRecordsData(vm.list.rows);\n    }, [vm.list.rows]);\n\n    const selected = useMemo<TrashBinTableRow[]>(() => {\n        const selectedRows = vm.list.rows.filter(row => vm.list.selection.selectedIds.has(row.id));\n        return createRecordsData(selectedRows);\n    }, [vm.list.rows, vm.list.selection.selectedIds]);\n\n    const sorting = useMemo(() => {\n        if (!vm.list.sort) {\n            return [];\n        }\n        return [\n            {\n                id: vm.list.sort.field,\n                desc: vm.list.sort.direction === \"DESC\"\n            }\n        ];\n    }, [vm.list.sort]);\n\n    return (\n        <AcoTable<TrashBinTableRow>\n            columns={browser.table.columns}\n            data={data}\n            loading={vm.list.pagination.loading}\n            onSelectRow={entries => {\n                actions.selection.selectRows(entries.map(e => e.id));\n            }}\n            sorting={sorting}\n            onSortingChange={newSorting => {\n                const resolved =\n                    typeof newSorting === \"function\" ? newSorting(sorting) : newSorting;\n                if (resolved.length > 0) {\n                    actions.sort.set(resolved[0].id, resolved[0].desc ? \"DESC\" : \"ASC\");\n                }\n            }}\n            selected={selected}\n            nameColumnId={vm.nameColumnId}\n            namespace={\"trash-bin/list\"}\n        />\n    );\n};\n"],"names":["TrashBinTable","vm","actions","useTrashBinPresenter","browser","useTrashBinListConfig","data","useMemo","createRecordsData","selected","selectedRows","row","sorting","AcoTable","entries","e","newSorting","resolved"],"mappings":";;;;AASO,MAAMA,gBAAgB;IACzB,MAAM,EAAEC,EAAE,EAAEC,OAAO,EAAE,GAAGC;IACxB,MAAM,EAAEC,OAAO,EAAE,GAAGC;IAEpB,MAAMC,OAAOC,QAA4B,IAC9BC,kBAAkBP,GAAG,IAAI,CAAC,IAAI,GACtC;QAACA,GAAG,IAAI,CAAC,IAAI;KAAC;IAEjB,MAAMQ,WAAWF,QAA4B;QACzC,MAAMG,eAAeT,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAACU,CAAAA,MAAOV,GAAG,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,CAACU,IAAI,EAAE;QACxF,OAAOH,kBAAkBE;IAC7B,GAAG;QAACT,GAAG,IAAI,CAAC,IAAI;QAAEA,GAAG,IAAI,CAAC,SAAS,CAAC,WAAW;KAAC;IAEhD,MAAMW,UAAUL,QAAQ;QACpB,IAAI,CAACN,GAAG,IAAI,CAAC,IAAI,EACb,OAAO,EAAE;QAEb,OAAO;YACH;gBACI,IAAIA,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK;gBACtB,MAAMA,AAA2B,WAA3BA,GAAG,IAAI,CAAC,IAAI,CAAC,SAAS;YAChC;SACH;IACL,GAAG;QAACA,GAAG,IAAI,CAAC,IAAI;KAAC;IAEjB,OAAO,WAAP,GACI,oBAACY,OAAQA;QACL,SAAST,QAAQ,KAAK,CAAC,OAAO;QAC9B,MAAME;QACN,SAASL,GAAG,IAAI,CAAC,UAAU,CAAC,OAAO;QACnC,aAAaa,CAAAA;YACTZ,QAAQ,SAAS,CAAC,UAAU,CAACY,QAAQ,GAAG,CAACC,CAAAA,IAAKA,EAAE,EAAE;QACtD;QACA,SAASH;QACT,iBAAiBI,CAAAA;YACb,MAAMC,WACF,AAAsB,cAAtB,OAAOD,aAA4BA,WAAWJ,WAAWI;YAC7D,IAAIC,SAAS,MAAM,GAAG,GAClBf,QAAQ,IAAI,CAAC,GAAG,CAACe,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAEA,QAAQ,CAAC,EAAE,CAAC,IAAI,GAAG,SAAS;QAErE;QACA,UAAUR;QACV,cAAcR,GAAG,YAAY;QAC7B,WAAW;;AAGvB"}