@webiny/app-admin 6.4.12-beta.5 → 6.5.0-beta.0

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"}

package/presentation/trashBin/configs/Browser/BulkAction.d.ts

@@ -0,0 +1,34 @@
+import React from "react";
+import type { CallbackParams } from "../../../../components/BulkActions/index.js";
+import { useButtons, useDialogWithReport } from "../../../../index.js";
+import type { TrashBinItem } from "../../abstractions.js";
+export interface BulkActionConfig {
+    name: string;
+    element: React.ReactElement;
+}
+export interface BulkActionProps {
+    name: string;
+    remove?: boolean;
+    before?: string;
+    after?: string;
+    element?: React.ReactElement;
+}
+export declare const BaseBulkAction: ({ name, after, before, remove, element }: BulkActionProps) => React.JSX.Element;
+declare const useWorker: () => {
+    items: TrashBinItem[];
+    process: (callback: (items: TrashBinItem[]) => void) => void;
+    processInSeries: (callback: ({ item, allItems, report }: CallbackParams<TrashBinItem>) => Promise<void>, chunkSize?: number) => Promise<void>;
+    processInBulk: (callback: (params: {
+        where?: Record<string, unknown>;
+        search?: string;
+    }) => Promise<void>) => Promise<void>;
+    resetItems: () => void;
+    results: import("~/index.js").Result[];
+    isSelectedAll: boolean;
+};
+export declare const BulkAction: typeof BaseBulkAction & {
+    useButtons: typeof useButtons;
+    useWorker: typeof useWorker;
+    useDialog: typeof useDialogWithReport;
+};
+export {};

package/presentation/trashBin/configs/Browser/BulkAction.js

@@ -0,0 +1,59 @@
+import react, { useCallback, useRef } from "react";
+import { Worker, useButtons, useDialogWithReport } from "../../../../index.js";
+import { Property, useIdGenerator } from "@webiny/react-properties";
+import { useTrashBinPresenter } from "../../hooks/useTrashBinPresenter.js";
+const BaseBulkAction = ({ name, after, before, remove = false, element })=>{
+    const getId = useIdGenerator("bulkAction");
+    const placeAfter = void 0 !== after ? getId(after) : void 0;
+    const placeBefore = void 0 !== before ? getId(before) : void 0;
+    return /*#__PURE__*/ react.createElement(Property, {
+        id: "browser",
+        name: "browser"
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name),
+        name: "bulkActions",
+        remove: remove,
+        array: true,
+        before: placeBefore,
+        after: placeAfter
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name, "name"),
+        name: "name",
+        value: name
+    }), element ? /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name, "element"),
+        name: "element",
+        value: element
+    }) : null));
+};
+const useWorker = ()=>{
+    const { vm, actions } = useTrashBinPresenter();
+    const { current: worker } = useRef(new Worker());
+    const resetItems = useCallback(()=>{
+        actions.selection.deselectAll();
+    }, [
+        actions
+    ]);
+    const selectedItems = vm.list.rows.filter((row)=>vm.list.selection.selectedIds.has(row.id));
+    return {
+        items: selectedItems,
+        process: (callback)=>worker.process(selectedItems, callback),
+        processInSeries: async (callback, chunkSize)=>worker.processInSeries(selectedItems, callback, chunkSize),
+        processInBulk: async (callback)=>{
+            await callback({
+                search: vm.list.search
+            });
+        },
+        resetItems,
+        results: worker.results,
+        isSelectedAll: vm.list.selection.allSelected
+    };
+};
+const BulkAction = Object.assign(BaseBulkAction, {
+    useButtons: useButtons,
+    useWorker: useWorker,
+    useDialog: useDialogWithReport
+});
+export { BaseBulkAction, BulkAction };
+
+//# sourceMappingURL=BulkAction.js.map

package/presentation/trashBin/configs/Browser/BulkAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/trashBin/configs/Browser/BulkAction.js","sources":["../../../../../src/presentation/trashBin/configs/Browser/BulkAction.tsx"],"sourcesContent":["import React, { useCallback, useRef } from \"react\";\nimport type { CallbackParams } from \"~/components/BulkActions/index.js\";\nimport { useButtons, useDialogWithReport, Worker } from \"~/index.js\";\nimport { Property, useIdGenerator } from \"@webiny/react-properties\";\nimport { useTrashBinPresenter } from \"../../hooks/useTrashBinPresenter.js\";\nimport type { TrashBinItem } from \"../../abstractions.js\";\n\nexport interface BulkActionConfig {\n    name: string;\n    element: React.ReactElement;\n}\n\nexport interface BulkActionProps {\n    name: string;\n    remove?: boolean;\n    before?: string;\n    after?: string;\n    element?: React.ReactElement;\n}\n\nexport const BaseBulkAction = ({\n    name,\n    after = undefined,\n    before = undefined,\n    remove = false,\n    element\n}: BulkActionProps) => {\n    const getId = useIdGenerator(\"bulkAction\");\n\n    const placeAfter = after !== undefined ? getId(after) : undefined;\n    const placeBefore = before !== undefined ? getId(before) : undefined;\n\n    return (\n        <Property id=\"browser\" name={\"browser\"}>\n            <Property\n                id={getId(name)}\n                name={\"bulkActions\"}\n                remove={remove}\n                array={true}\n                before={placeBefore}\n                after={placeAfter}\n            >\n                <Property id={getId(name, \"name\")} name={\"name\"} value={name} />\n                {element ? (\n                    <Property id={getId(name, \"element\")} name={\"element\"} value={element} />\n                ) : null}\n            </Property>\n        </Property>\n    );\n};\n\nconst useWorker = () => {\n    const { vm, actions } = useTrashBinPresenter();\n    const { current: worker } = useRef(new Worker<TrashBinItem>());\n\n    const resetItems = useCallback(() => {\n        actions.selection.deselectAll();\n    }, [actions]);\n\n    const selectedItems: TrashBinItem[] = vm.list.rows.filter(row =>\n        vm.list.selection.selectedIds.has(row.id)\n    );\n\n    return {\n        items: selectedItems,\n        process: (callback: (items: TrashBinItem[]) => void) =>\n            worker.process(selectedItems, callback),\n        processInSeries: async (\n            callback: ({ item, allItems, report }: CallbackParams<TrashBinItem>) => Promise<void>,\n            chunkSize?: number\n        ) => worker.processInSeries(selectedItems, callback, chunkSize),\n        processInBulk: async (\n            callback: (params: {\n                where?: Record<string, unknown>;\n                search?: string;\n            }) => Promise<void>\n        ) => {\n            await callback({ search: vm.list.search });\n        },\n        resetItems,\n        results: worker.results,\n        isSelectedAll: vm.list.selection.allSelected\n    };\n};\n\nexport const BulkAction = Object.assign(BaseBulkAction, {\n    useButtons,\n    useWorker,\n    useDialog: useDialogWithReport\n});\n"],"names":["BaseBulkAction","name","after","before","remove","element","getId","useIdGenerator","placeAfter","undefined","placeBefore","Property","useWorker","vm","actions","useTrashBinPresenter","worker","useRef","Worker","resetItems","useCallback","selectedItems","row","callback","chunkSize","BulkAction","Object","useButtons","useDialogWithReport"],"mappings":";;;;AAoBO,MAAMA,iBAAiB,CAAC,EAC3BC,IAAI,EACJC,KAAiB,EACjBC,MAAkB,EAClBC,SAAS,KAAK,EACdC,OAAO,EACO;IACd,MAAMC,QAAQC,eAAe;IAE7B,MAAMC,aAAaN,AAAUO,WAAVP,QAAsBI,MAAMJ,SAASO;IACxD,MAAMC,cAAcP,AAAWM,WAAXN,SAAuBG,MAAMH,UAAUM;IAE3D,OAAO,WAAP,GACI,oBAACE,UAAQA;QAAC,IAAG;QAAU,MAAM;qBACzB,oBAACA,UAAQA;QACL,IAAIL,MAAML;QACV,MAAM;QACN,QAAQG;QACR,OAAO;QACP,QAAQM;QACR,OAAOF;qBAEP,oBAACG,UAAQA;QAAC,IAAIL,MAAML,MAAM;QAAS,MAAM;QAAQ,OAAOA;QACvDI,UAAU,WAAVA,GACG,oBAACM,UAAQA;QAAC,IAAIL,MAAML,MAAM;QAAY,MAAM;QAAW,OAAOI;SAC9D;AAIpB;AAEA,MAAMO,YAAY;IACd,MAAM,EAAEC,EAAE,EAAEC,OAAO,EAAE,GAAGC;IACxB,MAAM,EAAE,SAASC,MAAM,EAAE,GAAGC,OAAO,IAAIC;IAEvC,MAAMC,aAAaC,YAAY;QAC3BN,QAAQ,SAAS,CAAC,WAAW;IACjC,GAAG;QAACA;KAAQ;IAEZ,MAAMO,gBAAgCR,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,CAACS,CAAAA,MACtDT,GAAG,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,CAACS,IAAI,EAAE;IAG5C,OAAO;QACH,OAAOD;QACP,SAAS,CAACE,WACNP,OAAO,OAAO,CAACK,eAAeE;QAClC,iBAAiB,OACbA,UACAC,YACCR,OAAO,eAAe,CAACK,eAAeE,UAAUC;QACrD,eAAe,OACXD;YAKA,MAAMA,SAAS;gBAAE,QAAQV,GAAG,IAAI,CAAC,MAAM;YAAC;QAC5C;QACAM;QACA,SAASH,OAAO,OAAO;QACvB,eAAeH,GAAG,IAAI,CAAC,SAAS,CAAC,WAAW;IAChD;AACJ;AAEO,MAAMY,aAAaC,OAAO,MAAM,CAAC1B,gBAAgB;IACpD2B,YAAUA;IACVf,WAAAA;IACA,WAAWgB;AACf"}

package/presentation/trashBin/configs/Browser/EntryAction.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { OptionsMenuItem } from "../../../../components/OptionsMenu/index.js";
+export interface EntryActionConfig {
+    name: string;
+    element: React.ReactElement;
+}
+export interface EntryActionProps {
+    name: string;
+    element?: React.ReactElement;
+    remove?: boolean;
+    before?: string;
+    after?: string;
+}
+declare const BaseEntryAction: ({ name, after, before, remove, element }: EntryActionProps) => React.JSX.Element;
+export declare const EntryAction: typeof BaseEntryAction & {
+    OptionsMenuItem: typeof OptionsMenuItem;
+};
+export {};

package/presentation/trashBin/configs/Browser/EntryAction.js

@@ -0,0 +1,36 @@
+import react from "react";
+import { CompositionScope } from "@webiny/react-composition";
+import { Property, useIdGenerator } from "@webiny/react-properties";
+import { OptionsMenuItem } from "../../../../components/OptionsMenu/index.js";
+const BaseEntryAction = ({ name, after, before, remove = false, element })=>{
+    const getId = useIdGenerator("recordAction");
+    const placeAfter = void 0 !== after ? getId(after) : void 0;
+    const placeBefore = void 0 !== before ? getId(before) : void 0;
+    return /*#__PURE__*/ react.createElement(CompositionScope, {
+        name: "trash"
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: "record",
+        name: "record"
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name),
+        name: "actions",
+        remove: remove,
+        array: true,
+        before: placeBefore,
+        after: placeAfter
+    }, /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name, "name"),
+        name: "name",
+        value: name
+    }), element ? /*#__PURE__*/ react.createElement(Property, {
+        id: getId(name, "element"),
+        name: "element",
+        value: element
+    }) : null)));
+};
+const EntryAction = Object.assign(BaseEntryAction, {
+    OptionsMenuItem: OptionsMenuItem
+});
+export { EntryAction };
+
+//# sourceMappingURL=EntryAction.js.map

package/presentation/trashBin/configs/Browser/EntryAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/trashBin/configs/Browser/EntryAction.js","sources":["../../../../../src/presentation/trashBin/configs/Browser/EntryAction.tsx"],"sourcesContent":["import React from \"react\";\nimport { CompositionScope } from \"@webiny/react-composition\";\nimport { Property, useIdGenerator } from \"@webiny/react-properties\";\nimport { OptionsMenuItem } from \"~/components/OptionsMenu/index.js\";\n\nexport interface EntryActionConfig {\n    name: string;\n    element: React.ReactElement;\n}\n\nexport interface EntryActionProps {\n    name: string;\n    element?: React.ReactElement;\n    remove?: boolean;\n    before?: string;\n    after?: string;\n}\n\nconst BaseEntryAction = ({\n    name,\n    after = undefined,\n    before = undefined,\n    remove = false,\n    element\n}: EntryActionProps) => {\n    const getId = useIdGenerator(\"recordAction\");\n\n    const placeAfter = after !== undefined ? getId(after) : undefined;\n    const placeBefore = before !== undefined ? getId(before) : undefined;\n\n    return (\n        <CompositionScope name={\"trash\"}>\n            <Property id=\"record\" name={\"record\"}>\n                <Property\n                    id={getId(name)}\n                    name={\"actions\"}\n                    remove={remove}\n                    array={true}\n                    before={placeBefore}\n                    after={placeAfter}\n                >\n                    <Property id={getId(name, \"name\")} name={\"name\"} value={name} />\n                    {element ? (\n                        <Property id={getId(name, \"element\")} name={\"element\"} value={element} />\n                    ) : null}\n                </Property>\n            </Property>\n        </CompositionScope>\n    );\n};\n\nexport const EntryAction = Object.assign(BaseEntryAction, {\n    OptionsMenuItem\n});\n"],"names":["BaseEntryAction","name","after","before","remove","element","getId","useIdGenerator","placeAfter","undefined","placeBefore","CompositionScope","Property","EntryAction","Object","OptionsMenuItem"],"mappings":";;;;AAkBA,MAAMA,kBAAkB,CAAC,EACrBC,IAAI,EACJC,KAAiB,EACjBC,MAAkB,EAClBC,SAAS,KAAK,EACdC,OAAO,EACQ;IACf,MAAMC,QAAQC,eAAe;IAE7B,MAAMC,aAAaN,AAAUO,WAAVP,QAAsBI,MAAMJ,SAASO;IACxD,MAAMC,cAAcP,AAAWM,WAAXN,SAAuBG,MAAMH,UAAUM;IAE3D,OAAO,WAAP,GACI,oBAACE,kBAAgBA;QAAC,MAAM;qBACpB,oBAACC,UAAQA;QAAC,IAAG;QAAS,MAAM;qBACxB,oBAACA,UAAQA;QACL,IAAIN,MAAML;QACV,MAAM;QACN,QAAQG;QACR,OAAO;QACP,QAAQM;QACR,OAAOF;qBAEP,oBAACI,UAAQA;QAAC,IAAIN,MAAML,MAAM;QAAS,MAAM;QAAQ,OAAOA;QACvDI,UAAU,WAAVA,GACG,oBAACO,UAAQA;QAAC,IAAIN,MAAML,MAAM;QAAY,MAAM;QAAW,OAAOI;SAC9D;AAKxB;AAEO,MAAMQ,cAAcC,OAAO,MAAM,CAACd,iBAAiB;IACtDe,iBAAeA;AACnB"}

package/presentation/trashBin/configs/Browser/Table/Column.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { Column as TableColumn, type ColumnConfig } from "../../../../../config/table/Column.js";
+import type { TrashBinItem } from "../../../abstractions.js";
+import type { TableRow } from "../../../../../components/Table/table.types.js";
+export type { ColumnConfig };
+export type TrashBinTableRow = TableRow<TrashBinItem>;
+type ColumnProps = React.ComponentProps<typeof TableColumn>;
+declare const BaseColumn: (props: ColumnProps) => React.JSX.Element;
+export declare const Column: typeof BaseColumn & {
+    useTableRow: {
+        (): import("../../../../../index.js").TableRowContextData<TrashBinTableRow>;
+        <TUserRow>(): import("../../../../../index.js").TableRowContextData<TrashBinTableRow & {
+            data: TUserRow;
+        }>;
+    };
+};

package/presentation/trashBin/configs/Browser/Table/Column.js

@@ -0,0 +1,9 @@
+import react from "react";
+import { Column } from "../../../../../config/table/Column.js";
+const BaseColumn = (props)=>/*#__PURE__*/ react.createElement(Column, props);
+const Column_Column = Object.assign(BaseColumn, {
+    useTableRow: Column.createUseTableRow()
+});
+export { Column_Column as Column };
+
+//# sourceMappingURL=Column.js.map

package/presentation/trashBin/configs/Browser/Table/Column.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/trashBin/configs/Browser/Table/Column.js","sources":["../../../../../../src/presentation/trashBin/configs/Browser/Table/Column.tsx"],"sourcesContent":["import React from \"react\";\nimport { Column as TableColumn, type ColumnConfig } from \"~/config/table/Column.js\";\nimport type { TrashBinItem } from \"../../../abstractions.js\";\nimport type { TableRow } from \"~/components/Table/table.types.js\";\n\nexport type { ColumnConfig };\n\nexport type TrashBinTableRow = TableRow<TrashBinItem>;\n\ntype ColumnProps = React.ComponentProps<typeof TableColumn>;\n\nconst BaseColumn = (props: ColumnProps) => {\n    return <TableColumn {...props} />;\n};\n\nexport const Column = Object.assign(BaseColumn, {\n    useTableRow: TableColumn.createUseTableRow<TrashBinTableRow>()\n});\n"],"names":["BaseColumn","props","TableColumn","Column","Object"],"mappings":";;AAWA,MAAMA,aAAa,CAACC,QACT,WAAP,GAAO,oBAACC,QAAgBD;AAGrB,MAAME,gBAASC,OAAO,MAAM,CAACJ,YAAY;IAC5C,aAAaE,OAAAA,iBAA6B;AAC9C"}

package/presentation/trashBin/configs/Browser/Table/Sorting.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { Sorting as TableSorting, type SortingConfig } from "../../../../../config/table/Sorting.js";
+export type { SortingConfig };
+type SortingProps = React.ComponentProps<typeof TableSorting>;
+export declare const Sorting: (props: SortingProps) => React.JSX.Element;

package/presentation/trashBin/configs/Browser/Table/Sorting.js

@@ -0,0 +1,6 @@
+import react from "react";
+import { Sorting } from "../../../../../config/table/Sorting.js";
+const Sorting_Sorting = (props)=>/*#__PURE__*/ react.createElement(Sorting, props);
+export { Sorting_Sorting as Sorting };
+
+//# sourceMappingURL=Sorting.js.map

package/presentation/trashBin/configs/Browser/Table/Sorting.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/trashBin/configs/Browser/Table/Sorting.js","sources":["../../../../../../src/presentation/trashBin/configs/Browser/Table/Sorting.tsx"],"sourcesContent":["import React from \"react\";\nimport { Sorting as TableSorting, type SortingConfig } from \"~/config/table/Sorting.js\";\n\nexport type { SortingConfig };\n\ntype SortingProps = React.ComponentProps<typeof TableSorting>;\n\nexport const Sorting = (props: SortingProps) => {\n    return <TableSorting {...props} />;\n};\n"],"names":["Sorting","props","TableSorting"],"mappings":";;AAOO,MAAMA,kBAAU,CAACC,QACb,WAAP,GAAO,oBAACC,SAAiBD"}

package/presentation/trashBin/configs/Browser/Table/index.d.ts

@@ -0,0 +1,18 @@
+import type { ColumnConfig } from "./Column.js";
+import type { SortingConfig } from "./Sorting.js";
+import { Sorting } from "./Sorting.js";
+export interface TableConfig {
+    columns: ColumnConfig[];
+    sorting: SortingConfig[];
+}
+export declare const Table: {
+    Column: ((props: import("../../../../../config/table/Column.js").ColumnProps) => import("react").JSX.Element) & {
+        useTableRow: {
+            (): import("../../../../../index.js").TableRowContextData<import("./Column.js").TrashBinTableRow>;
+            <TUserRow>(): import("../../../../../index.js").TableRowContextData<import("./Column.js").TrashBinTableRow & {
+                data: TUserRow;
+            }>;
+        };
+    };
+    Sorting: typeof Sorting;
+};

package/presentation/trashBin/configs/Browser/Table/index.js

@@ -0,0 +1,9 @@
+import { Column } from "./Column.js";
+import { Sorting } from "./Sorting.js";
+const Table = {
+    Column: Column,
+    Sorting: Sorting
+};
+export { Table };
+
+//# sourceMappingURL=index.js.map

package/presentation/trashBin/configs/Browser/Table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"presentation/trashBin/configs/Browser/Table/index.js","sources":["../../../../../../src/presentation/trashBin/configs/Browser/Table/index.ts"],"sourcesContent":["import type { ColumnConfig } from \"./Column.js\";\nimport { Column } from \"./Column.js\";\nimport type { SortingConfig } from \"./Sorting.js\";\nimport { Sorting } from \"./Sorting.js\";\n\nexport interface TableConfig {\n    columns: ColumnConfig[];\n    sorting: SortingConfig[];\n}\n\nexport const Table = {\n    Column,\n    Sorting\n};\n"],"names":["Table","Column","Sorting"],"mappings":";;AAUO,MAAMA,QAAQ;IACjBC,QAAMA;IACNC,SAAOA;AACX"}

package/presentation/trashBin/configs/Browser/index.d.ts

@@ -0,0 +1,40 @@
+import type { BulkActionConfig } from "./BulkAction.js";
+import type { EntryActionConfig } from "./EntryAction.js";
+import type { TableConfig } from "./Table/index.js";
+export interface BrowserConfig {
+    bulkActions: BulkActionConfig[];
+    entryActions: EntryActionConfig[];
+    table: TableConfig;
+}
+export declare const Browser: {
+    BulkAction: typeof import("./BulkAction.js").BaseBulkAction & {
+        useButtons: typeof import("../../../../index.js").useButtons;
+        useWorker: () => {
+            items: import("../../abstractions.js").TrashBinItem[];
+            process: (callback: (items: import("../../abstractions.js").TrashBinItem[]) => void) => void;
+            processInSeries: (callback: ({ item, allItems, report }: import("../../../../index.js").CallbackParams<import("../../abstractions.js").TrashBinItem>) => Promise<void>, chunkSize?: number) => Promise<void>;
+            processInBulk: (callback: (params: {
+                where?: Record<string, unknown>;
+                search?: string;
+            }) => Promise<void>) => Promise<void>;
+            resetItems: () => void;
+            results: import("../../../../index.js").Result[];
+            isSelectedAll: boolean;
+        };
+        useDialog: typeof import("../../../../index.js").useDialogWithReport;
+    };
+    EntryAction: (({ name, after, before, remove, element }: import("./EntryAction.js").EntryActionProps) => import("react").JSX.Element) & {
+        OptionsMenuItem: typeof import("../../../../index.js").OptionsMenuItem;
+    };
+    Table: {
+        Column: ((props: import("../../../../config/table/Column.js").ColumnProps) => import("react").JSX.Element) & {
+            useTableRow: {
+                (): import("../../../../index.js").TableRowContextData<import("./Table/Column.js").TrashBinTableRow>;
+                <TUserRow>(): import("../../../../index.js").TableRowContextData<import("./Table/Column.js").TrashBinTableRow & {
+                    data: TUserRow;
+                }>;
+            };
+        };
+        Sorting: typeof import("./Table/Sorting.js").Sorting;
+    };
+};

package/presentation/trashBin/configs/Browser/index.js

@@ -0,0 +1,11 @@
+import { BulkAction } from "./BulkAction.js";
+import { EntryAction } from "./EntryAction.js";
+import { Table } from "./Table/index.js";
+const Browser = {
+    BulkAction: BulkAction,
+    EntryAction: EntryAction,
+    Table: Table
+};
+export { Browser };
+
+//# sourceMappingURL=index.js.map