@webiny/app-headless-cms 0.0.0-unstable.78f581c1d2 → 0.0.0-unstable.7be00a75a9

package/admin/components/ContentEntries/BulkActions/ActionDelete.js

@@ -0,0 +1,77 @@
+import react from "react";
+import { ReactComponent } from "@webiny/icons/delete.svg";
+import { observer } from "mobx-react-lite";
+import { parseIdentifier } from "@webiny/utils/parseIdentifier.js";
+import { useRecords } from "@webiny/app-aco";
+import { useSnackbar } from "@webiny/app-admin";
+import { ContentEntryListConfig } from "../../../config/contentEntries/index.js";
+import { useCms, useModel } from "../../../hooks/index.js";
+import { getEntriesLabel } from "./BulkActions.js";
+import { Tooltip } from "@webiny/admin-ui";
+const ActionDelete = observer(()=>{
+    const { model } = useModel();
+    const { deleteEntry } = useCms();
+    const { removeRecordFromCache } = useRecords();
+    const { showSnackbar } = useSnackbar();
+    const { useWorker, useButtons, useDialog } = ContentEntryListConfig.Browser.BulkAction;
+    const { ButtonDefault } = useButtons();
+    const worker = useWorker();
+    const { showConfirmationDialog, showResultsDialog } = useDialog();
+    const entriesLabel = getEntriesLabel();
+    const openDeleteEntriesDialog = ()=>showConfirmationDialog({
+            title: "Trash entries",
+            message: `You are about to move ${entriesLabel} to trash. Are you sure you want to continue?`,
+            loadingLabel: `Processing ${entriesLabel}`,
+            execute: async ()=>{
+                if (worker.isSelectedAll) {
+                    await worker.processInBulk({
+                        action: "MoveToTrash"
+                    });
+                    worker.resetItems();
+                    showSnackbar("All entries will be moved to trash. This process will be carried out in the background and may take some time. You can safely navigate away from this page while the process is running.", {
+                        dismissIcon: true,
+                        timeout: -1
+                    });
+                    return;
+                }
+                await worker.processInSeries(async ({ item, report })=>{
+                    try {
+                        const { id } = parseIdentifier(item.id);
+                        const response = await deleteEntry({
+                            model,
+                            id
+                        });
+                        if ("boolean" != typeof response) throw new Error(response.error.message || "Unknown error while moving the entry to trash.");
+                        removeRecordFromCache(id);
+                        report.success({
+                            title: `${item.meta.title}`,
+                            message: "Entry successfully moved to trash."
+                        });
+                    } catch (e) {
+                        report.error({
+                            title: `${item.meta.title}`,
+                            message: e.message
+                        });
+                    }
+                });
+                worker.resetItems();
+                showResultsDialog({
+                    results: worker.results,
+                    title: "Trash entries",
+                    message: "Finished moving entries to trash! See full report below:"
+                });
+            }
+        });
+    return /*#__PURE__*/ react.createElement(Tooltip, {
+        side: "bottom",
+        content: `Trash ${entriesLabel}`,
+        trigger: /*#__PURE__*/ react.createElement(ButtonDefault, {
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            onAction: openDeleteEntriesDialog,
+            size: "sm"
+        }, "Trash")
+    });
+});
+export { ActionDelete };
+
+//# sourceMappingURL=ActionDelete.js.map

package/admin/components/ContentEntries/BulkActions/ActionDelete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/components/ContentEntries/BulkActions/ActionDelete.js","sources":["../../../../../src/admin/components/ContentEntries/BulkActions/ActionDelete.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { observer } from \"mobx-react-lite\";\nimport { parseIdentifier } from \"@webiny/utils/parseIdentifier.js\";\nimport { useRecords } from \"@webiny/app-aco\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { ContentEntryListConfig } from \"~/admin/config/contentEntries/index.js\";\nimport { useCms, useModel } from \"~/admin/hooks/index.js\";\nimport { getEntriesLabel } from \"~/admin/components/ContentEntries/BulkActions/BulkActions.js\";\nimport { Tooltip } from \"@webiny/admin-ui\";\n\nexport const ActionDelete = observer(() => {\n    const { model } = useModel();\n    const { deleteEntry } = useCms();\n    const { removeRecordFromCache } = useRecords();\n    const { showSnackbar } = useSnackbar();\n\n    const { useWorker, useButtons, useDialog } = ContentEntryListConfig.Browser.BulkAction;\n    const { ButtonDefault } = useButtons();\n    const worker = useWorker();\n    const { showConfirmationDialog, showResultsDialog } = useDialog();\n\n    const entriesLabel = getEntriesLabel();\n\n    const openDeleteEntriesDialog = () =>\n        showConfirmationDialog({\n            title: \"Trash entries\",\n            message: `You are about to move ${entriesLabel} to trash. Are you sure you want to continue?`,\n            loadingLabel: `Processing ${entriesLabel}`,\n            execute: async () => {\n                if (worker.isSelectedAll) {\n                    await worker.processInBulk({ action: \"MoveToTrash\" });\n                    worker.resetItems();\n                    showSnackbar(\n                        \"All entries will be moved to trash. 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                        /**\n                         * We need an entryId because we want to delete all revisions of the entry.\n                         * By sending an entryId (id without #version), we are telling to the API to delete all revisions.\n                         */\n                        const { id } = parseIdentifier(item.id);\n                        const response = await deleteEntry({ model, id });\n\n                        if (typeof response !== \"boolean\") {\n                            throw new Error(\n                                response.error.message ||\n                                    \"Unknown error while moving the entry to trash.\"\n                            );\n                        }\n\n                        removeRecordFromCache(id);\n\n                        report.success({\n                            title: `${item.meta.title}`,\n                            message: \"Entry successfully moved to trash.\"\n                        });\n                    } catch (e) {\n                        report.error({\n                            title: `${item.meta.title}`,\n                            message: e.message\n                        });\n                    }\n                });\n\n                worker.resetItems();\n\n                showResultsDialog({\n                    results: worker.results,\n                    title: \"Trash entries\",\n                    message: \"Finished moving entries to trash! See full report below:\"\n                });\n            }\n        });\n\n    return (\n        <Tooltip\n            side={\"bottom\"}\n            content={`Trash ${entriesLabel}`}\n            trigger={\n                <ButtonDefault icon={<DeleteIcon />} onAction={openDeleteEntriesDialog} size={\"sm\"}>\n                    {\"Trash\"}\n                </ButtonDefault>\n            }\n        />\n    );\n});\n"],"names":["ActionDelete","observer","model","useModel","deleteEntry","useCms","removeRecordFromCache","useRecords","showSnackbar","useSnackbar","useWorker","useButtons","useDialog","ContentEntryListConfig","ButtonDefault","worker","showConfirmationDialog","showResultsDialog","entriesLabel","getEntriesLabel","openDeleteEntriesDialog","item","report","id","parseIdentifier","response","Error","e","Tooltip","DeleteIcon"],"mappings":";;;;;;;;;;AAWO,MAAMA,eAAeC,SAAS;IACjC,MAAM,EAAEC,KAAK,EAAE,GAAGC;IAClB,MAAM,EAAEC,WAAW,EAAE,GAAGC;IACxB,MAAM,EAAEC,qBAAqB,EAAE,GAAGC;IAClC,MAAM,EAAEC,YAAY,EAAE,GAAGC;IAEzB,MAAM,EAAEC,SAAS,EAAEC,UAAU,EAAEC,SAAS,EAAE,GAAGC,uBAAuB,OAAO,CAAC,UAAU;IACtF,MAAM,EAAEC,aAAa,EAAE,GAAGH;IAC1B,MAAMI,SAASL;IACf,MAAM,EAAEM,sBAAsB,EAAEC,iBAAiB,EAAE,GAAGL;IAEtD,MAAMM,eAAeC;IAErB,MAAMC,0BAA0B,IAC5BJ,uBAAuB;YACnB,OAAO;YACP,SAAS,CAAC,sBAAsB,EAAEE,aAAa,6CAA6C,CAAC;YAC7F,cAAc,CAAC,WAAW,EAAEA,cAAc;YAC1C,SAAS;gBACL,IAAIH,OAAO,aAAa,EAAE;oBACtB,MAAMA,OAAO,aAAa,CAAC;wBAAE,QAAQ;oBAAc;oBACnDA,OAAO,UAAU;oBACjBP,aACI,4LACA;wBACI,aAAa;wBACb,SAAS;oBACb;oBAEJ;gBACJ;gBAEA,MAAMO,OAAO,eAAe,CAAC,OAAO,EAAEM,IAAI,EAAEC,MAAM,EAAE;oBAChD,IAAI;wBAKA,MAAM,EAAEC,EAAE,EAAE,GAAGC,gBAAgBH,KAAK,EAAE;wBACtC,MAAMI,WAAW,MAAMrB,YAAY;4BAAEF;4BAAOqB;wBAAG;wBAE/C,IAAI,AAAoB,aAApB,OAAOE,UACP,MAAM,IAAIC,MACND,SAAS,KAAK,CAAC,OAAO,IAClB;wBAIZnB,sBAAsBiB;wBAEtBD,OAAO,OAAO,CAAC;4BACX,OAAO,GAAGD,KAAK,IAAI,CAAC,KAAK,EAAE;4BAC3B,SAAS;wBACb;oBACJ,EAAE,OAAOM,GAAG;wBACRL,OAAO,KAAK,CAAC;4BACT,OAAO,GAAGD,KAAK,IAAI,CAAC,KAAK,EAAE;4BAC3B,SAASM,EAAE,OAAO;wBACtB;oBACJ;gBACJ;gBAEAZ,OAAO,UAAU;gBAEjBE,kBAAkB;oBACd,SAASF,OAAO,OAAO;oBACvB,OAAO;oBACP,SAAS;gBACb;YACJ;QACJ;IAEJ,OAAO,WAAP,GACI,oBAACa,SAAOA;QACJ,MAAM;QACN,SAAS,CAAC,MAAM,EAAEV,cAAc;QAChC,uBACI,oBAACJ,eAAAA;YAAc,oBAAM,oBAACe,gBAAUA;YAAK,UAAUT;YAAyB,MAAM;WACzE;;AAKrB"}

package/admin/components/ContentEntries/BulkActions/ActionMove.d.ts

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

package/admin/components/ContentEntries/BulkActions/ActionMove.js

@@ -0,0 +1,98 @@
+import react, { useCallback } from "react";
+import { ReactComponent } from "@webiny/icons/exit_to_app.svg";
+import { useMoveToFolderDialog, useNavigateFolder, useRecords } from "@webiny/app-aco";
+import { useSnackbar } from "@webiny/app-admin";
+import { observer } from "mobx-react-lite";
+import { ContentEntryListConfig } from "../../../config/contentEntries/index.js";
+import { ROOT_FOLDER } from "../../../constants.js";
+import { getEntriesLabel } from "./BulkActions.js";
+import { Tooltip } from "@webiny/admin-ui";
+const ActionMove = observer(()=>{
+    const { moveRecord } = useRecords();
+    const { currentFolderId } = useNavigateFolder();
+    const { showSnackbar } = useSnackbar();
+    const { useWorker, useButtons, useDialog } = ContentEntryListConfig.Browser.BulkAction;
+    const { ButtonDefault } = useButtons();
+    const worker = useWorker();
+    const { showConfirmationDialog, showResultsDialog } = useDialog();
+    const { showDialog: showMoveDialog } = useMoveToFolderDialog();
+    const entriesLabel = getEntriesLabel();
+    const openWorkerDialog = useCallback((folder)=>{
+        showConfirmationDialog({
+            title: "Move entries",
+            message: `You are about to move ${entriesLabel} to ${folder.label}. Are you sure you want to continue?`,
+            loadingLabel: `Processing ${entriesLabel}`,
+            execute: async ()=>{
+                if (worker.isSelectedAll) {
+                    await worker.processInBulk({
+                        action: "MoveToFolder",
+                        where: {
+                            wbyAco_location: {
+                                folderId_not: folder.id
+                            }
+                        },
+                        data: {
+                            folderId: folder.id
+                        }
+                    });
+                    worker.resetItems();
+                    showSnackbar(`All entries will be moved to ${folder.label}. 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 moveRecord({
+                            id: item.id,
+                            location: {
+                                folderId: folder.id
+                            }
+                        });
+                        report.success({
+                            title: `${item.meta.title}`,
+                            message: "Entry successfully moved."
+                        });
+                    } catch (e) {
+                        report.error({
+                            title: `${item.meta.title}`,
+                            message: e.message
+                        });
+                    }
+                });
+                worker.resetItems();
+                showResultsDialog({
+                    results: worker.results,
+                    title: "Move entries",
+                    message: "Finished moving entries! See full report below:"
+                });
+            }
+        });
+    }, [
+        entriesLabel,
+        worker.isSelectedAll
+    ]);
+    const openMoveEntriesDialog = ()=>showMoveDialog({
+            title: "Select folder",
+            message: "Select a new location for selected entries:",
+            loadingLabel: `Processing ${entriesLabel}`,
+            acceptLabel: "Move",
+            focusedFolderId: currentFolderId || ROOT_FOLDER,
+            async onAccept ({ folder }) {
+                openWorkerDialog(folder);
+            }
+        });
+    return /*#__PURE__*/ react.createElement(Tooltip, {
+        side: "bottom",
+        content: `Move ${entriesLabel}`,
+        trigger: /*#__PURE__*/ react.createElement(ButtonDefault, {
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            onAction: openMoveEntriesDialog,
+            size: "sm"
+        }, "Move")
+    });
+});
+export { ActionMove };
+
+//# sourceMappingURL=ActionMove.js.map

package/admin/components/ContentEntries/BulkActions/ActionMove.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/components/ContentEntries/BulkActions/ActionMove.js","sources":["../../../../../src/admin/components/ContentEntries/BulkActions/ActionMove.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { ReactComponent as MoveIcon } from \"@webiny/icons/exit_to_app.svg\";\nimport { useRecords, useMoveToFolderDialog, useNavigateFolder } from \"@webiny/app-aco\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { observer } from \"mobx-react-lite\";\nimport { ContentEntryListConfig } from \"~/admin/config/contentEntries/index.js\";\nimport { ROOT_FOLDER } from \"~/admin/constants.js\";\nimport { getEntriesLabel } from \"~/admin/components/ContentEntries/BulkActions/BulkActions.js\";\nimport { type NodeDto, Tooltip } from \"@webiny/admin-ui\";\n\nexport const ActionMove = observer(() => {\n    const { moveRecord } = useRecords();\n    const { currentFolderId } = useNavigateFolder();\n    const { showSnackbar } = useSnackbar();\n\n    const { useWorker, useButtons, useDialog } = ContentEntryListConfig.Browser.BulkAction;\n    const { ButtonDefault } = useButtons();\n    const worker = useWorker();\n    const { showConfirmationDialog, showResultsDialog } = useDialog();\n    const { showDialog: showMoveDialog } = useMoveToFolderDialog();\n\n    const entriesLabel = getEntriesLabel();\n\n    const openWorkerDialog = useCallback(\n        (folder: NodeDto) => {\n            showConfirmationDialog({\n                title: \"Move entries\",\n                message: `You are about to move ${entriesLabel} to ${folder.label}. Are you sure you want to continue?`,\n                loadingLabel: `Processing ${entriesLabel}`,\n                execute: async () => {\n                    if (worker.isSelectedAll) {\n                        await worker.processInBulk({\n                            action: \"MoveToFolder\",\n                            where: {\n                                wbyAco_location: {\n                                    folderId_not: folder.id\n                                }\n                            },\n                            data: {\n                                folderId: folder.id\n                            }\n                        });\n                        worker.resetItems();\n                        showSnackbar(\n                            `All entries will be moved to ${folder.label}. 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 moveRecord({\n                                id: item.id,\n                                location: {\n                                    folderId: folder.id\n                                }\n                            });\n\n                            report.success({\n                                title: `${item.meta.title}`,\n                                message: \"Entry successfully moved.\"\n                            });\n                        } catch (e) {\n                            report.error({\n                                title: `${item.meta.title}`,\n                                message: e.message\n                            });\n                        }\n                    });\n\n                    worker.resetItems();\n\n                    showResultsDialog({\n                        results: worker.results,\n                        title: \"Move entries\",\n                        message: \"Finished moving entries! See full report below:\"\n                    });\n                }\n            });\n        },\n        [entriesLabel, worker.isSelectedAll]\n    );\n\n    const openMoveEntriesDialog = () =>\n        showMoveDialog({\n            title: \"Select folder\",\n            message: \"Select a new location for selected entries:\",\n            loadingLabel: `Processing ${entriesLabel}`,\n            acceptLabel: `Move`,\n            focusedFolderId: currentFolderId || ROOT_FOLDER,\n            async onAccept({ folder }) {\n                openWorkerDialog(folder);\n            }\n        });\n\n    return (\n        <Tooltip\n            side={\"bottom\"}\n            content={`Move ${entriesLabel}`}\n            trigger={\n                <ButtonDefault icon={<MoveIcon />} onAction={openMoveEntriesDialog} size={\"sm\"}>\n                    {\"Move\"}\n                </ButtonDefault>\n            }\n        />\n    );\n});\n"],"names":["ActionMove","observer","moveRecord","useRecords","currentFolderId","useNavigateFolder","showSnackbar","useSnackbar","useWorker","useButtons","useDialog","ContentEntryListConfig","ButtonDefault","worker","showConfirmationDialog","showResultsDialog","showMoveDialog","useMoveToFolderDialog","entriesLabel","getEntriesLabel","openWorkerDialog","useCallback","folder","item","report","e","openMoveEntriesDialog","ROOT_FOLDER","Tooltip","MoveIcon"],"mappings":";;;;;;;;;AAUO,MAAMA,aAAaC,SAAS;IAC/B,MAAM,EAAEC,UAAU,EAAE,GAAGC;IACvB,MAAM,EAAEC,eAAe,EAAE,GAAGC;IAC5B,MAAM,EAAEC,YAAY,EAAE,GAAGC;IAEzB,MAAM,EAAEC,SAAS,EAAEC,UAAU,EAAEC,SAAS,EAAE,GAAGC,uBAAuB,OAAO,CAAC,UAAU;IACtF,MAAM,EAAEC,aAAa,EAAE,GAAGH;IAC1B,MAAMI,SAASL;IACf,MAAM,EAAEM,sBAAsB,EAAEC,iBAAiB,EAAE,GAAGL;IACtD,MAAM,EAAE,YAAYM,cAAc,EAAE,GAAGC;IAEvC,MAAMC,eAAeC;IAErB,MAAMC,mBAAmBC,YACrB,CAACC;QACGR,uBAAuB;YACnB,OAAO;YACP,SAAS,CAAC,sBAAsB,EAAEI,aAAa,IAAI,EAAEI,OAAO,KAAK,CAAC,oCAAoC,CAAC;YACvG,cAAc,CAAC,WAAW,EAAEJ,cAAc;YAC1C,SAAS;gBACL,IAAIL,OAAO,aAAa,EAAE;oBACtB,MAAMA,OAAO,aAAa,CAAC;wBACvB,QAAQ;wBACR,OAAO;4BACH,iBAAiB;gCACb,cAAcS,OAAO,EAAE;4BAC3B;wBACJ;wBACA,MAAM;4BACF,UAAUA,OAAO,EAAE;wBACvB;oBACJ;oBACAT,OAAO,UAAU;oBACjBP,aACI,CAAC,6BAA6B,EAAEgB,OAAO,KAAK,CAAC,sJAAsJ,CAAC,EACpM;wBACI,aAAa;wBACb,SAAS;oBACb;oBAEJ;gBACJ;gBAEA,MAAMT,OAAO,eAAe,CAAC,OAAO,EAAEU,IAAI,EAAEC,MAAM,EAAE;oBAChD,IAAI;wBACA,MAAMtB,WAAW;4BACb,IAAIqB,KAAK,EAAE;4BACX,UAAU;gCACN,UAAUD,OAAO,EAAE;4BACvB;wBACJ;wBAEAE,OAAO,OAAO,CAAC;4BACX,OAAO,GAAGD,KAAK,IAAI,CAAC,KAAK,EAAE;4BAC3B,SAAS;wBACb;oBACJ,EAAE,OAAOE,GAAG;wBACRD,OAAO,KAAK,CAAC;4BACT,OAAO,GAAGD,KAAK,IAAI,CAAC,KAAK,EAAE;4BAC3B,SAASE,EAAE,OAAO;wBACtB;oBACJ;gBACJ;gBAEAZ,OAAO,UAAU;gBAEjBE,kBAAkB;oBACd,SAASF,OAAO,OAAO;oBACvB,OAAO;oBACP,SAAS;gBACb;YACJ;QACJ;IACJ,GACA;QAACK;QAAcL,OAAO,aAAa;KAAC;IAGxC,MAAMa,wBAAwB,IAC1BV,eAAe;YACX,OAAO;YACP,SAAS;YACT,cAAc,CAAC,WAAW,EAAEE,cAAc;YAC1C,aAAa;YACb,iBAAiBd,mBAAmBuB;YACpC,MAAM,UAAS,EAAEL,MAAM,EAAE;gBACrBF,iBAAiBE;YACrB;QACJ;IAEJ,OAAO,WAAP,GACI,oBAACM,SAAOA;QACJ,MAAM;QACN,SAAS,CAAC,KAAK,EAAEV,cAAc;QAC/B,uBACI,oBAACN,eAAAA;YAAc,oBAAM,oBAACiB,gBAAQA;YAAK,UAAUH;YAAuB,MAAM;WACrE;;AAKrB"}

package/admin/components/ContentEntries/BulkActions/ActionPublish.d.ts

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

package/admin/components/ContentEntries/BulkActions/ActionPublish.js

@@ -0,0 +1,81 @@
+import react from "react";
+import { ReactComponent } from "@webiny/icons/visibility.svg";
+import { observer } from "mobx-react-lite";
+import { ContentEntryListConfig } from "../../../config/contentEntries/index.js";
+import { useCms, useModel, usePermission } from "../../../hooks/index.js";
+import { getEntriesLabel } from "./BulkActions.js";
+import { useRecords } from "@webiny/app-aco";
+import { useSnackbar } from "@webiny/app-admin";
+import { Tooltip } from "@webiny/admin-ui";
+const ActionPublish = observer(()=>{
+    const { model } = useModel();
+    const { canPublish } = usePermission();
+    const { publishEntryRevision } = useCms();
+    const { updateRecordInCache } = useRecords();
+    const { showSnackbar } = useSnackbar();
+    const { useWorker, useButtons, useDialog } = ContentEntryListConfig.Browser.BulkAction;
+    const { ButtonDefault } = useButtons();
+    const worker = useWorker();
+    const { showConfirmationDialog, showResultsDialog } = useDialog();
+    const entriesLabel = getEntriesLabel();
+    const openPublishEntriesDialog = ()=>showConfirmationDialog({
+            title: "Publish entries",
+            message: `You are about to publish ${entriesLabel}. Are you sure you want to continue?`,
+            loadingLabel: `Processing ${entriesLabel}`,
+            execute: async ()=>{
+                if (worker.isSelectedAll) {
+                    await worker.processInBulk({
+                        action: "Publish"
+                    });
+                    worker.resetItems();
+                    showSnackbar("All entries will be published. This process will be carried out in the background and may take some time. You can safely navigate away from this page while the process is running.", {
+                        dismissIcon: true,
+                        timeout: -1
+                    });
+                    return;
+                }
+                await worker.processInSeries(async ({ item, report })=>{
+                    try {
+                        const response = await publishEntryRevision({
+                            model,
+                            id: item.id
+                        });
+                        const { error } = response;
+                        if (error) throw new Error(error.message || "Unknown error while publishing the entry");
+                        updateRecordInCache(response.entry);
+                        report.success({
+                            title: `${item.meta.title}`,
+                            message: "Entry successfully published."
+                        });
+                    } catch (e) {
+                        report.error({
+                            title: `${item.meta.title}`,
+                            message: e.message
+                        });
+                    }
+                });
+                worker.resetItems();
+                showResultsDialog({
+                    results: worker.results,
+                    title: "Publish entries",
+                    message: "Finished publishing entries! See full report below:"
+                });
+            }
+        });
+    if (!canPublish("cms.contentEntry")) {
+        console.log("You don't have permissions to publish entries.");
+        return null;
+    }
+    return /*#__PURE__*/ react.createElement(Tooltip, {
+        side: "bottom",
+        content: `Publish ${entriesLabel}`,
+        trigger: /*#__PURE__*/ react.createElement(ButtonDefault, {
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            onAction: openPublishEntriesDialog,
+            size: "sm"
+        }, "Publish")
+    });
+});
+export { ActionPublish };
+
+//# sourceMappingURL=ActionPublish.js.map

package/admin/components/ContentEntries/BulkActions/ActionPublish.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/components/ContentEntries/BulkActions/ActionPublish.js","sources":["../../../../../src/admin/components/ContentEntries/BulkActions/ActionPublish.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as PublishIcon } from \"@webiny/icons/visibility.svg\";\nimport { observer } from \"mobx-react-lite\";\nimport { ContentEntryListConfig } from \"~/admin/config/contentEntries/index.js\";\nimport { usePermission, useCms, useModel } from \"~/admin/hooks/index.js\";\nimport { getEntriesLabel } from \"~/admin/components/ContentEntries/BulkActions/BulkActions.js\";\nimport { useRecords } from \"@webiny/app-aco\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { Tooltip } from \"@webiny/admin-ui\";\n\nexport const ActionPublish = observer(() => {\n    const { model } = useModel();\n    const { canPublish } = usePermission();\n    const { publishEntryRevision } = useCms();\n    const { updateRecordInCache } = useRecords();\n    const { showSnackbar } = useSnackbar();\n\n    const { useWorker, useButtons, useDialog } = ContentEntryListConfig.Browser.BulkAction;\n    const { ButtonDefault } = useButtons();\n    const worker = useWorker();\n    const { showConfirmationDialog, showResultsDialog } = useDialog();\n\n    const entriesLabel = getEntriesLabel();\n\n    const openPublishEntriesDialog = () =>\n        showConfirmationDialog({\n            title: \"Publish entries\",\n            message: `You are about to publish ${entriesLabel}. Are you sure you want to continue?`,\n            loadingLabel: `Processing ${entriesLabel}`,\n            execute: async () => {\n                if (worker.isSelectedAll) {\n                    await worker.processInBulk({\n                        action: \"Publish\"\n                    });\n                    worker.resetItems();\n                    showSnackbar(\n                        \"All entries will be published. This process will be carried out in the background and may take some time. You can safely navigate away from this page while the process is running.\",\n                        {\n                            dismissIcon: true,\n                            timeout: -1\n                        }\n                    );\n                    return;\n                }\n\n                await worker.processInSeries(async ({ item, report }) => {\n                    try {\n                        const response = await publishEntryRevision({ model, id: item.id });\n\n                        const { error } = response;\n\n                        if (error) {\n                            throw new Error(\n                                error.message || \"Unknown error while publishing the entry\"\n                            );\n                        }\n\n                        updateRecordInCache(response.entry);\n\n                        report.success({\n                            title: `${item.meta.title}`,\n                            message: \"Entry successfully published.\"\n                        });\n                    } catch (e) {\n                        report.error({\n                            title: `${item.meta.title}`,\n                            message: e.message\n                        });\n                    }\n                });\n\n                worker.resetItems();\n\n                showResultsDialog({\n                    results: worker.results,\n                    title: \"Publish entries\",\n                    message: \"Finished publishing entries! See full report below:\"\n                });\n            }\n        });\n\n    if (!canPublish(\"cms.contentEntry\")) {\n        console.log(\"You don't have permissions to publish entries.\");\n        return null;\n    }\n\n    return (\n        <Tooltip\n            side={\"bottom\"}\n            content={`Publish ${entriesLabel}`}\n            trigger={\n                <ButtonDefault\n                    icon={<PublishIcon />}\n                    onAction={openPublishEntriesDialog}\n                    size={\"sm\"}\n                >\n                    {\"Publish\"}\n                </ButtonDefault>\n            }\n        />\n    );\n});\n"],"names":["ActionPublish","observer","model","useModel","canPublish","usePermission","publishEntryRevision","useCms","updateRecordInCache","useRecords","showSnackbar","useSnackbar","useWorker","useButtons","useDialog","ContentEntryListConfig","ButtonDefault","worker","showConfirmationDialog","showResultsDialog","entriesLabel","getEntriesLabel","openPublishEntriesDialog","item","report","response","error","Error","e","console","Tooltip","PublishIcon"],"mappings":";;;;;;;;;AAUO,MAAMA,gBAAgBC,SAAS;IAClC,MAAM,EAAEC,KAAK,EAAE,GAAGC;IAClB,MAAM,EAAEC,UAAU,EAAE,GAAGC;IACvB,MAAM,EAAEC,oBAAoB,EAAE,GAAGC;IACjC,MAAM,EAAEC,mBAAmB,EAAE,GAAGC;IAChC,MAAM,EAAEC,YAAY,EAAE,GAAGC;IAEzB,MAAM,EAAEC,SAAS,EAAEC,UAAU,EAAEC,SAAS,EAAE,GAAGC,uBAAuB,OAAO,CAAC,UAAU;IACtF,MAAM,EAAEC,aAAa,EAAE,GAAGH;IAC1B,MAAMI,SAASL;IACf,MAAM,EAAEM,sBAAsB,EAAEC,iBAAiB,EAAE,GAAGL;IAEtD,MAAMM,eAAeC;IAErB,MAAMC,2BAA2B,IAC7BJ,uBAAuB;YACnB,OAAO;YACP,SAAS,CAAC,yBAAyB,EAAEE,aAAa,oCAAoC,CAAC;YACvF,cAAc,CAAC,WAAW,EAAEA,cAAc;YAC1C,SAAS;gBACL,IAAIH,OAAO,aAAa,EAAE;oBACtB,MAAMA,OAAO,aAAa,CAAC;wBACvB,QAAQ;oBACZ;oBACAA,OAAO,UAAU;oBACjBP,aACI,uLACA;wBACI,aAAa;wBACb,SAAS;oBACb;oBAEJ;gBACJ;gBAEA,MAAMO,OAAO,eAAe,CAAC,OAAO,EAAEM,IAAI,EAAEC,MAAM,EAAE;oBAChD,IAAI;wBACA,MAAMC,WAAW,MAAMnB,qBAAqB;4BAAEJ;4BAAO,IAAIqB,KAAK,EAAE;wBAAC;wBAEjE,MAAM,EAAEG,KAAK,EAAE,GAAGD;wBAElB,IAAIC,OACA,MAAM,IAAIC,MACND,MAAM,OAAO,IAAI;wBAIzBlB,oBAAoBiB,SAAS,KAAK;wBAElCD,OAAO,OAAO,CAAC;4BACX,OAAO,GAAGD,KAAK,IAAI,CAAC,KAAK,EAAE;4BAC3B,SAAS;wBACb;oBACJ,EAAE,OAAOK,GAAG;wBACRJ,OAAO,KAAK,CAAC;4BACT,OAAO,GAAGD,KAAK,IAAI,CAAC,KAAK,EAAE;4BAC3B,SAASK,EAAE,OAAO;wBACtB;oBACJ;gBACJ;gBAEAX,OAAO,UAAU;gBAEjBE,kBAAkB;oBACd,SAASF,OAAO,OAAO;oBACvB,OAAO;oBACP,SAAS;gBACb;YACJ;QACJ;IAEJ,IAAI,CAACb,WAAW,qBAAqB;QACjCyB,QAAQ,GAAG,CAAC;QACZ,OAAO;IACX;IAEA,OAAO,WAAP,GACI,oBAACC,SAAOA;QACJ,MAAM;QACN,SAAS,CAAC,QAAQ,EAAEV,cAAc;QAClC,uBACI,oBAACJ,eAAAA;YACG,oBAAM,oBAACe,gBAAWA;YAClB,UAAUT;YACV,MAAM;WAEL;;AAKrB"}

package/admin/components/ContentEntries/BulkActions/ActionUnpublish.d.ts

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

package/admin/components/ContentEntries/BulkActions/ActionUnpublish.js

@@ -0,0 +1,81 @@
+import react from "react";
+import { ReactComponent } from "@webiny/icons/visibility_off.svg";
+import { observer } from "mobx-react-lite";
+import { ContentEntryListConfig } from "../../../config/contentEntries/index.js";
+import { useCms, useModel, usePermission } from "../../../hooks/index.js";
+import { getEntriesLabel } from "./BulkActions.js";
+import { useRecords } from "@webiny/app-aco";
+import { useSnackbar } from "@webiny/app-admin";
+import { Tooltip } from "@webiny/admin-ui";
+const ActionUnpublish = observer(()=>{
+    const { model } = useModel();
+    const { canUnpublish } = usePermission();
+    const { unpublishEntryRevision } = useCms();
+    const { updateRecordInCache } = useRecords();
+    const { showSnackbar } = useSnackbar();
+    const { useWorker, useButtons, useDialog } = ContentEntryListConfig.Browser.BulkAction;
+    const { ButtonDefault } = useButtons();
+    const worker = useWorker();
+    const { showConfirmationDialog, showResultsDialog } = useDialog();
+    const entriesLabel = getEntriesLabel();
+    const openUnpublishEntriesDialog = ()=>showConfirmationDialog({
+            title: "Unpublish entries",
+            message: `You are about to unpublish ${entriesLabel}. Are you sure you want to continue?`,
+            loadingLabel: `Processing ${entriesLabel}`,
+            execute: async ()=>{
+                if (worker.isSelectedAll) {
+                    await worker.processInBulk({
+                        action: "Unpublish"
+                    });
+                    worker.resetItems();
+                    showSnackbar("All entries will be unpublished. This process will be carried out in the background and may take some time. You can safely navigate away from this page while the process is running.", {
+                        dismissIcon: true,
+                        timeout: -1
+                    });
+                    return;
+                }
+                await worker.processInSeries(async ({ item, report })=>{
+                    try {
+                        const response = await unpublishEntryRevision({
+                            model,
+                            id: item.id
+                        });
+                        const { error } = response;
+                        if (error) throw new Error(error.message || "Unknown error while unpublishing the entry");
+                        updateRecordInCache(response.entry);
+                        report.success({
+                            title: `${item.meta.title}`,
+                            message: "Entry successfully unpublished."
+                        });
+                    } catch (e) {
+                        report.error({
+                            title: `${item.meta.title}`,
+                            message: e.message
+                        });
+                    }
+                });
+                worker.resetItems();
+                showResultsDialog({
+                    results: worker.results,
+                    title: "Unpublish entries",
+                    message: "Finished unpublishing entries! See full report below:"
+                });
+            }
+        });
+    if (!canUnpublish("cms.contentEntry")) {
+        console.log("You don't have permissions to unpublish entries.");
+        return null;
+    }
+    return /*#__PURE__*/ react.createElement(Tooltip, {
+        side: "bottom",
+        content: `Unpublish ${entriesLabel}`,
+        trigger: /*#__PURE__*/ react.createElement(ButtonDefault, {
+            icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+            onAction: openUnpublishEntriesDialog,
+            size: "sm"
+        }, "Unpublish")
+    });
+});
+export { ActionUnpublish };
+
+//# sourceMappingURL=ActionUnpublish.js.map

package/admin/components/ContentEntries/BulkActions/ActionUnpublish.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/components/ContentEntries/BulkActions/ActionUnpublish.js","sources":["../../../../../src/admin/components/ContentEntries/BulkActions/ActionUnpublish.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as UnpublishIcon } from \"@webiny/icons/visibility_off.svg\";\nimport { observer } from \"mobx-react-lite\";\nimport { ContentEntryListConfig } from \"~/admin/config/contentEntries/index.js\";\nimport { useCms, useModel, usePermission } from \"~/admin/hooks/index.js\";\nimport { getEntriesLabel } from \"~/admin/components/ContentEntries/BulkActions/BulkActions.js\";\nimport { useRecords } from \"@webiny/app-aco\";\nimport { useSnackbar } from \"@webiny/app-admin\";\nimport { Tooltip } from \"@webiny/admin-ui\";\n\nexport const ActionUnpublish = observer(() => {\n    const { model } = useModel();\n    const { canUnpublish } = usePermission();\n    const { unpublishEntryRevision } = useCms();\n    const { updateRecordInCache } = useRecords();\n    const { showSnackbar } = useSnackbar();\n\n    const { useWorker, useButtons, useDialog } = ContentEntryListConfig.Browser.BulkAction;\n    const { ButtonDefault } = useButtons();\n    const worker = useWorker();\n    const { showConfirmationDialog, showResultsDialog } = useDialog();\n\n    const entriesLabel = getEntriesLabel();\n\n    const openUnpublishEntriesDialog = () =>\n        showConfirmationDialog({\n            title: \"Unpublish entries\",\n            message: `You are about to unpublish ${entriesLabel}. Are you sure you want to continue?`,\n            loadingLabel: `Processing ${entriesLabel}`,\n            execute: async () => {\n                if (worker.isSelectedAll) {\n                    await worker.processInBulk({\n                        action: \"Unpublish\"\n                    });\n                    worker.resetItems();\n                    showSnackbar(\n                        \"All entries will be unpublished. This process will be carried out in the background and may take some time. You can safely navigate away from this page while the process is running.\",\n                        {\n                            dismissIcon: true,\n                            timeout: -1\n                        }\n                    );\n                    return;\n                }\n\n                await worker.processInSeries(async ({ item, report }) => {\n                    try {\n                        const response = await unpublishEntryRevision({\n                            model,\n                            id: item.id\n                        });\n\n                        const { error } = response;\n\n                        if (error) {\n                            throw new Error(\n                                error.message || \"Unknown error while unpublishing the entry\"\n                            );\n                        }\n\n                        updateRecordInCache(response.entry);\n\n                        report.success({\n                            title: `${item.meta.title}`,\n                            message: \"Entry successfully unpublished.\"\n                        });\n                    } catch (e) {\n                        report.error({\n                            title: `${item.meta.title}`,\n                            message: e.message\n                        });\n                    }\n                });\n\n                worker.resetItems();\n\n                showResultsDialog({\n                    results: worker.results,\n                    title: \"Unpublish entries\",\n                    message: \"Finished unpublishing entries! See full report below:\"\n                });\n            }\n        });\n\n    if (!canUnpublish(\"cms.contentEntry\")) {\n        console.log(\"You don't have permissions to unpublish entries.\");\n        return null;\n    }\n\n    return (\n        <Tooltip\n            side={\"bottom\"}\n            content={`Unpublish ${entriesLabel}`}\n            trigger={\n                <ButtonDefault\n                    icon={<UnpublishIcon />}\n                    onAction={openUnpublishEntriesDialog}\n                    size={\"sm\"}\n                >\n                    {\"Unpublish\"}\n                </ButtonDefault>\n            }\n        />\n    );\n});\n"],"names":["ActionUnpublish","observer","model","useModel","canUnpublish","usePermission","unpublishEntryRevision","useCms","updateRecordInCache","useRecords","showSnackbar","useSnackbar","useWorker","useButtons","useDialog","ContentEntryListConfig","ButtonDefault","worker","showConfirmationDialog","showResultsDialog","entriesLabel","getEntriesLabel","openUnpublishEntriesDialog","item","report","response","error","Error","e","console","Tooltip","UnpublishIcon"],"mappings":";;;;;;;;;AAUO,MAAMA,kBAAkBC,SAAS;IACpC,MAAM,EAAEC,KAAK,EAAE,GAAGC;IAClB,MAAM,EAAEC,YAAY,EAAE,GAAGC;IACzB,MAAM,EAAEC,sBAAsB,EAAE,GAAGC;IACnC,MAAM,EAAEC,mBAAmB,EAAE,GAAGC;IAChC,MAAM,EAAEC,YAAY,EAAE,GAAGC;IAEzB,MAAM,EAAEC,SAAS,EAAEC,UAAU,EAAEC,SAAS,EAAE,GAAGC,uBAAuB,OAAO,CAAC,UAAU;IACtF,MAAM,EAAEC,aAAa,EAAE,GAAGH;IAC1B,MAAMI,SAASL;IACf,MAAM,EAAEM,sBAAsB,EAAEC,iBAAiB,EAAE,GAAGL;IAEtD,MAAMM,eAAeC;IAErB,MAAMC,6BAA6B,IAC/BJ,uBAAuB;YACnB,OAAO;YACP,SAAS,CAAC,2BAA2B,EAAEE,aAAa,oCAAoC,CAAC;YACzF,cAAc,CAAC,WAAW,EAAEA,cAAc;YAC1C,SAAS;gBACL,IAAIH,OAAO,aAAa,EAAE;oBACtB,MAAMA,OAAO,aAAa,CAAC;wBACvB,QAAQ;oBACZ;oBACAA,OAAO,UAAU;oBACjBP,aACI,yLACA;wBACI,aAAa;wBACb,SAAS;oBACb;oBAEJ;gBACJ;gBAEA,MAAMO,OAAO,eAAe,CAAC,OAAO,EAAEM,IAAI,EAAEC,MAAM,EAAE;oBAChD,IAAI;wBACA,MAAMC,WAAW,MAAMnB,uBAAuB;4BAC1CJ;4BACA,IAAIqB,KAAK,EAAE;wBACf;wBAEA,MAAM,EAAEG,KAAK,EAAE,GAAGD;wBAElB,IAAIC,OACA,MAAM,IAAIC,MACND,MAAM,OAAO,IAAI;wBAIzBlB,oBAAoBiB,SAAS,KAAK;wBAElCD,OAAO,OAAO,CAAC;4BACX,OAAO,GAAGD,KAAK,IAAI,CAAC,KAAK,EAAE;4BAC3B,SAAS;wBACb;oBACJ,EAAE,OAAOK,GAAG;wBACRJ,OAAO,KAAK,CAAC;4BACT,OAAO,GAAGD,KAAK,IAAI,CAAC,KAAK,EAAE;4BAC3B,SAASK,EAAE,OAAO;wBACtB;oBACJ;gBACJ;gBAEAX,OAAO,UAAU;gBAEjBE,kBAAkB;oBACd,SAASF,OAAO,OAAO;oBACvB,OAAO;oBACP,SAAS;gBACb;YACJ;QACJ;IAEJ,IAAI,CAACb,aAAa,qBAAqB;QACnCyB,QAAQ,GAAG,CAAC;QACZ,OAAO;IACX;IAEA,OAAO,WAAP,GACI,oBAACC,SAAOA;QACJ,MAAM;QACN,SAAS,CAAC,UAAU,EAAEV,cAAc;QACpC,uBACI,oBAACJ,eAAAA;YACG,oBAAM,oBAACe,gBAAaA;YACpB,UAAUT;YACV,MAAM;WAEL;;AAKrB"}

package/admin/components/ContentEntries/BulkActions/BulkActions.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+export declare const getEntriesLabel: () => string;
+export declare const SelectAll: () => React.JSX.Element | null;
+export declare const BulkActions: () => React.JSX.Element | null;

package/admin/components/ContentEntries/BulkActions/BulkActions.js

@@ -0,0 +1,66 @@
+import react, { useMemo } from "react";
+import { Button, IconButton, Text } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/close.svg";
+import { Buttons } from "@webiny/app-admin";
+import { useContentEntryListConfig } from "../../../config/contentEntries/index.js";
+import { useContentEntriesList } from "../../../views/contentEntries/hooks/index.js";
+import { i18n } from "@webiny/app/i18n/index.js";
+const t = i18n.ns("app-headless-cms/admin/content-entries/bulk-actions");
+const getEntriesLabel = ()=>{
+    const { selected, isSelectedAll } = useContentEntriesList();
+    if (isSelectedAll) return "all entries";
+    return `${selected.length} ${1 === selected.length ? "entry" : "entries"}`;
+};
+const SelectAll = ()=>{
+    const list = useContentEntriesList();
+    if (!list.showingSelectAll) return null;
+    return /*#__PURE__*/ react.createElement("div", {
+        "data-testid": "select-all-container"
+    }, list.isSelectedAll ? /*#__PURE__*/ react.createElement(Button, {
+        text: "Clear selection",
+        onClick: list.unselectAll,
+        size: "sm",
+        variant: "ghost"
+    }) : /*#__PURE__*/ react.createElement(Button, {
+        text: "Select all remaining entries",
+        onClick: list.selectAll,
+        size: "sm",
+        variant: "secondary"
+    }));
+};
+const BulkActions = ()=>{
+    const { browser } = useContentEntryListConfig();
+    const { selected, setSelected, isSelectedAll } = useContentEntriesList();
+    const headline = useMemo(()=>{
+        if (isSelectedAll) return t("All entries selected");
+        return t`{count|count:1:entry:default:entries} selected`({
+            count: selected.length
+        });
+    }, [
+        selected.length,
+        isSelectedAll
+    ]);
+    if (!selected.length) return null;
+    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"
+    }, headline), /*#__PURE__*/ react.createElement(SelectAll, null)), /*#__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: ()=>setSelected([])
+    }))));
+};
+export { BulkActions, SelectAll, getEntriesLabel };
+
+//# sourceMappingURL=BulkActions.js.map

package/admin/components/ContentEntries/BulkActions/BulkActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/components/ContentEntries/BulkActions/BulkActions.js","sources":["../../../../../src/admin/components/ContentEntries/BulkActions/BulkActions.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Text, IconButton, Button } from \"@webiny/admin-ui\";\nimport { ReactComponent as Close } from \"@webiny/icons/close.svg\";\nimport { Buttons } from \"@webiny/app-admin\";\n\nimport { useContentEntryListConfig } from \"~/admin/config/contentEntries/index.js\";\nimport { useContentEntriesList } from \"~/admin/views/contentEntries/hooks/index.js\";\n\nimport { i18n } from \"@webiny/app/i18n/index.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/content-entries/bulk-actions\");\n\nexport const getEntriesLabel = (): string => {\n    const { selected, isSelectedAll } = useContentEntriesList();\n\n    if (isSelectedAll) {\n        return \"all entries\";\n    }\n\n    return `${selected.length} ${selected.length === 1 ? \"entry\" : \"entries\"}`;\n};\n\nexport const SelectAll = () => {\n    const list = useContentEntriesList();\n\n    if (!list.showingSelectAll) {\n        return null;\n    }\n\n    return (\n        <div data-testid={\"select-all-container\"}>\n            {list.isSelectedAll ? (\n                <Button\n                    text={\"Clear selection\"}\n                    onClick={list.unselectAll}\n                    size={\"sm\"}\n                    variant={\"ghost\"}\n                />\n            ) : (\n                <Button\n                    text={\"Select all remaining entries\"}\n                    onClick={list.selectAll}\n                    size={\"sm\"}\n                    variant={\"secondary\"}\n                />\n            )}\n        </div>\n    );\n};\n\nexport const BulkActions = () => {\n    const { browser } = useContentEntryListConfig();\n    const { selected, setSelected, isSelectedAll } = useContentEntriesList();\n\n    const headline = useMemo((): string => {\n        if (isSelectedAll) {\n            return t(\"All entries selected\");\n        }\n\n        return t`{count|count:1:entry:default:entries} selected`({\n            count: selected.length\n        });\n    }, [selected.length, isSelectedAll]);\n\n    if (!selected.length) {\n        return null;\n    }\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                        {headline}\n                    </Text>\n                    <SelectAll />\n                </div>\n\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={() => setSelected([])}\n                    />\n                </div>\n            </div>\n        </div>\n    );\n};\n"],"names":["t","i18n","getEntriesLabel","selected","isSelectedAll","useContentEntriesList","SelectAll","list","Button","BulkActions","browser","useContentEntryListConfig","setSelected","headline","useMemo","Text","Buttons","IconButton","Close"],"mappings":";;;;;;;AAUA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAEX,MAAMC,kBAAkB;IAC3B,MAAM,EAAEC,QAAQ,EAAEC,aAAa,EAAE,GAAGC;IAEpC,IAAID,eACA,OAAO;IAGX,OAAO,GAAGD,SAAS,MAAM,CAAC,CAAC,EAAEA,AAAoB,MAApBA,SAAS,MAAM,GAAS,UAAU,WAAW;AAC9E;AAEO,MAAMG,YAAY;IACrB,MAAMC,OAAOF;IAEb,IAAI,CAACE,KAAK,gBAAgB,EACtB,OAAO;IAGX,OAAO,WAAP,GACI,oBAAC;QAAI,eAAa;OACbA,KAAK,aAAa,GAAG,WAAH,GACf,oBAACC,QAAMA;QACH,MAAM;QACN,SAASD,KAAK,WAAW;QACzB,MAAM;QACN,SAAS;uBAGb,oBAACC,QAAMA;QACH,MAAM;QACN,SAASD,KAAK,SAAS;QACvB,MAAM;QACN,SAAS;;AAK7B;AAEO,MAAME,cAAc;IACvB,MAAM,EAAEC,OAAO,EAAE,GAAGC;IACpB,MAAM,EAAER,QAAQ,EAAES,WAAW,EAAER,aAAa,EAAE,GAAGC;IAEjD,MAAMQ,WAAWC,QAAQ;QACrB,IAAIV,eACA,OAAOJ,EAAE;QAGb,OAAOA,CAAC,CAAC,8CAA8C,CAAC,CAAC;YACrD,OAAOG,SAAS,MAAM;QAC1B;IACJ,GAAG;QAACA,SAAS,MAAM;QAAEC;KAAc;IAEnC,IAAI,CAACD,SAAS,MAAM,EAChB,OAAO;IAGX,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAAC;QAAI,WAAW;qBACZ,oBAAC;QAAI,WAAW;qBACZ,oBAACY,MAAIA;QAAC,MAAM;QAAM,WAAW;OACxBF,WAAAA,WAAAA,GAEL,oBAACP,WAASA,QAAAA,WAAAA,GAGd,oBAAC;QAAI,WAAW;qBACZ,oBAACU,SAAOA;QAAC,SAASN,QAAQ,WAAW;sBACrC,oBAACO,YAAUA;QACP,SAAS;QACT,MAAM;QACN,oBAAM,oBAACC,gBAAKA;QACZ,SAAS,IAAMN,YAAY,EAAE;;AAMrD"}

package/admin/components/ContentEntries/BulkActions/index.d.ts

@@ -0,0 +1,5 @@
+export { ActionDelete } from "./ActionDelete.js";
+export { ActionMove } from "./ActionMove.js";
+export { ActionPublish } from "./ActionPublish.js";
+export { ActionUnpublish } from "./ActionUnpublish.js";
+export * from "./BulkActions.js";

package/admin/components/ContentEntries/BulkActions/index.js

@@ -0,0 +1,5 @@
+export * from "./BulkActions.js";
+export { ActionDelete } from "./ActionDelete.js";
+export { ActionMove } from "./ActionMove.js";
+export { ActionPublish } from "./ActionPublish.js";
+export { ActionUnpublish } from "./ActionUnpublish.js";

package/admin/components/ContentEntries/Empty/index.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+interface EmptyProps {
+    isSearch: boolean;
+    onCreateEntry: (event: React.SyntheticEvent) => void;
+    onCreateFolder: (event: React.SyntheticEvent) => void;
+    canCreateContent: boolean;
+    canCreateFolder: boolean;
+}
+export declare const Empty: ({ isSearch, onCreateEntry, onCreateFolder, canCreateContent, canCreateFolder }: EmptyProps) => React.JSX.Element;
+export {};

package/admin/components/ContentEntries/Empty/index.js

@@ -0,0 +1,51 @@
+import react from "react";
+import { Button, Tooltip } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/search.svg";
+import { ReactComponent as add_svg_ReactComponent } from "@webiny/icons/add.svg";
+import { EmptyView } from "@webiny/app-admin";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { useModel } from "../../ModelProvider/index.js";
+const t = i18n.ns("app-headless-cms/admin/components/content-entries/empty");
+const Empty = ({ isSearch, onCreateEntry, onCreateFolder, canCreateContent, canCreateFolder })=>{
+    const { model } = useModel();
+    if (isSearch) return /*#__PURE__*/ react.createElement(EmptyView, {
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        title: t`No results found.`,
+        action: null
+    });
+    let createEntryButton = /*#__PURE__*/ react.createElement(Button, {
+        variant: "primary",
+        "data-testid": "new-entry-button",
+        onClick: onCreateEntry,
+        disabled: !canCreateContent,
+        text: `New ${model.name}`,
+        icon: /*#__PURE__*/ react.createElement(add_svg_ReactComponent, null)
+    });
+    if (!canCreateContent) createEntryButton = /*#__PURE__*/ react.createElement(Tooltip, {
+        trigger: createEntryButton,
+        content: "Cannot create entry because you're not an owner.",
+        side: "bottom"
+    });
+    let createFolderButton = /*#__PURE__*/ react.createElement(Button, {
+        variant: "secondary",
+        "data-testid": "new-folder-button",
+        onClick: onCreateFolder,
+        disabled: !canCreateFolder,
+        text: "New folder",
+        icon: /*#__PURE__*/ react.createElement(add_svg_ReactComponent, null)
+    });
+    if (!canCreateFolder) createFolderButton = /*#__PURE__*/ react.createElement(Tooltip, {
+        trigger: createFolderButton,
+        content: "Cannot create folder because you're not an owner.",
+        side: "bottom"
+    });
+    return /*#__PURE__*/ react.createElement(EmptyView, {
+        title: t`Nothing to show here, {message} `({
+            message: canCreateContent ? "navigate to a different folder or create a..." : "click on the left side to navigate to a different folder."
+        }),
+        action: /*#__PURE__*/ react.createElement(react.Fragment, null, createFolderButton, createEntryButton)
+    });
+};
+export { Empty };
+
+//# sourceMappingURL=index.js.map

package/admin/components/ContentEntries/Empty/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/components/ContentEntries/Empty/index.js","sources":["../../../../../src/admin/components/ContentEntries/Empty/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button, Tooltip } from \"@webiny/admin-ui\";\nimport { ReactComponent as SearchIcon } from \"@webiny/icons/search.svg\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { EmptyView } from \"@webiny/app-admin\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { useModel } from \"~/admin/components/ModelProvider/index.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/components/content-entries/empty\");\n\ninterface EmptyProps {\n    isSearch: boolean;\n    onCreateEntry: (event: React.SyntheticEvent) => void;\n    onCreateFolder: (event: React.SyntheticEvent) => void;\n    canCreateContent: boolean;\n    canCreateFolder: boolean;\n}\n\nexport const Empty = ({\n    isSearch,\n    onCreateEntry,\n    onCreateFolder,\n    canCreateContent,\n    canCreateFolder\n}: EmptyProps) => {\n    const { model } = useModel();\n\n    if (isSearch) {\n        return <EmptyView icon={<SearchIcon />} title={t`No results found.`} action={null} />;\n    }\n\n    let createEntryButton = (\n        <Button\n            variant={\"primary\"}\n            data-testid=\"new-entry-button\"\n            onClick={onCreateEntry}\n            disabled={!canCreateContent}\n            text={`New ${model.name}`}\n            icon={<AddIcon />}\n        />\n    );\n\n    if (!canCreateContent) {\n        createEntryButton = (\n            <Tooltip\n                trigger={createEntryButton}\n                content={`Cannot create entry because you're not an owner.`}\n                side={\"bottom\"}\n            />\n        );\n    }\n\n    let createFolderButton = (\n        <Button\n            variant={\"secondary\"}\n            data-testid=\"new-folder-button\"\n            onClick={onCreateFolder}\n            disabled={!canCreateFolder}\n            text={`New folder`}\n            icon={<AddIcon />}\n        />\n    );\n\n    if (!canCreateFolder) {\n        createFolderButton = (\n            <Tooltip\n                trigger={createFolderButton}\n                content={`Cannot create folder because you're not an owner.`}\n                side={\"bottom\"}\n            />\n        );\n    }\n\n    return (\n        <EmptyView\n            title={t`Nothing to show here, {message} `({\n                message: canCreateContent\n                    ? \"navigate to a different folder or create a...\"\n                    : \"click on the left side to navigate to a different folder.\"\n            })}\n            action={\n                <>\n                    {createFolderButton}\n                    {createEntryButton}\n                </>\n            }\n        />\n    );\n};\n"],"names":["t","i18n","Empty","isSearch","onCreateEntry","onCreateFolder","canCreateContent","canCreateFolder","model","useModel","EmptyView","SearchIcon","createEntryButton","Button","AddIcon","Tooltip","createFolderButton"],"mappings":";;;;;;;AAQA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAUX,MAAMC,QAAQ,CAAC,EAClBC,QAAQ,EACRC,aAAa,EACbC,cAAc,EACdC,gBAAgB,EAChBC,eAAe,EACN;IACT,MAAM,EAAEC,KAAK,EAAE,GAAGC;IAElB,IAAIN,UACA,OAAO,WAAP,GAAO,oBAACO,WAASA;QAAC,oBAAM,oBAACC,gBAAUA;QAAK,OAAOX,CAAC,CAAC,iBAAiB,CAAC;QAAE,QAAQ;;IAGjF,IAAIY,oBAAoB,WAApBA,GACA,oBAACC,QAAMA;QACH,SAAS;QACT,eAAY;QACZ,SAAST;QACT,UAAU,CAACE;QACX,MAAM,CAAC,IAAI,EAAEE,MAAM,IAAI,EAAE;QACzB,oBAAM,oBAACM,wBAAOA;;IAItB,IAAI,CAACR,kBACDM,oBAAoB,WAApBA,GACI,oBAACG,SAAOA;QACJ,SAASH;QACT,SAAS;QACT,MAAM;;IAKlB,IAAII,qBAAqB,WAArBA,GACA,oBAACH,QAAMA;QACH,SAAS;QACT,eAAY;QACZ,SAASR;QACT,UAAU,CAACE;QACX,MAAM;QACN,oBAAM,oBAACO,wBAAOA;;IAItB,IAAI,CAACP,iBACDS,qBAAqB,WAArBA,GACI,oBAACD,SAAOA;QACJ,SAASC;QACT,SAAS;QACT,MAAM;;IAKlB,OAAO,WAAP,GACI,oBAACN,WAASA;QACN,OAAOV,CAAC,CAAC,gCAAgC,CAAC,CAAC;YACvC,SAASM,mBACH,kDACA;QACV;QACA,sBACI,0CACKU,oBACAJ;;AAKrB"}

package/admin/components/ContentEntries/Empty/styled.d.ts

@@ -0,0 +1,10 @@
+export declare const Buttons: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Icon: import("@emotion/styled").StyledComponent<import("react").SVGProps<SVGSVGElement> & {
+    title?: string;
+    alt?: string;
+} & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;

package/admin/components/ContentEntries/Empty/styled.js

@@ -0,0 +1,11 @@
+import styled from "@emotion/styled";
+import { ReactComponent } from "@webiny/icons/add.svg";
+const Buttons = styled.div``;
+const Icon = styled(ReactComponent)`
+    fill: var(--mdc-theme-primary);
+    width: 18px;
+    margin-right: 8px;
+`;
+export { Buttons, Icon };
+
+//# sourceMappingURL=styled.js.map

package/admin/components/ContentEntries/Empty/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/components/ContentEntries/Empty/styled.js","sources":["../../../../../src/admin/components/ContentEntries/Empty/styled.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\nimport { ReactComponent as Add } from \"@webiny/icons/add.svg\";\n\nexport const Buttons = styled.div``;\n\nexport const Icon = styled(Add)`\n    fill: var(--mdc-theme-primary);\n    width: 18px;\n    margin-right: 8px;\n`;\n"],"names":["Buttons","styled","Icon","Add"],"mappings":";;AAGO,MAAMA,UAAUC,OAAO,GAAG,CAAC,CAAC;AAE5B,MAAMC,OAAOD,OAAOE,eAAI,CAAC;;;;AAIhC,CAAC"}