@webiny/app-headless-cms 0.0.0-unstable.496cf268ac → 0.0.0-unstable.5387e5f7c8

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

@@ -0,0 +1,45 @@
+import react from "react";
+import { observer } from "mobx-react-lite";
+import { ReactComponent } from "@webiny/icons/delete.svg";
+import { useToast } from "@webiny/admin-ui";
+import { useFeature } from "@webiny/app";
+import { BulkDeleteFeature } from "../../../../presentation/contentEntries/bulkActions/feature.js";
+import { BulkActionButton, useBulkActionDialog } from "@webiny/app-admin/components/BulkActions/index.js";
+import { useContentEntriesPresenter } from "../../../../presentation/contentEntries/list/useContentEntriesPresenter.js";
+const ActionDelete = observer(()=>{
+    const toast = useToast();
+    const presenter = useContentEntriesPresenter();
+    const { showConfirmationDialog, showResultsDialog } = useBulkActionDialog();
+    const { presenter: bulkDelete } = useFeature(BulkDeleteFeature);
+    const selection = presenter.list.vm.selection;
+    const selectedItems = presenter.list.vm.rows.filter((row)=>selection.selectedIds.has(row.id));
+    const openDeleteEntriesDialog = ()=>showConfirmationDialog({
+            title: "Trash entries",
+            message: `You are about to move ${selection.label} to trash. Are you sure you want to continue?`,
+            loadingLabel: `Processing ${selection.label}`,
+            execute: async ()=>{
+                await bulkDelete.execute(selectedItems, selection.allSelected);
+                presenter.list.actions.selection.deselectAll();
+                if (selection.allSelected) return void toast.showSuccessToast({
+                    title: "Entries will be trashed in the background",
+                    description: "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.",
+                    dismissible: true,
+                    duration: 1 / 0
+                });
+                showResultsDialog({
+                    results: bulkDelete.vm.results,
+                    title: "Trash entries",
+                    message: "Finished moving entries to trash! See full report below:"
+                });
+            }
+        });
+    return /*#__PURE__*/ react.createElement(BulkActionButton, {
+        text: "Trash",
+        tooltipContent: `Trash ${selection.label}`,
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        onClick: openDeleteEntriesDialog
+    });
+});
+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 { observer } from \"mobx-react-lite\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport { useToast } from \"@webiny/admin-ui\";\nimport { useFeature } from \"@webiny/app\";\nimport { BulkDeleteFeature } from \"~/presentation/contentEntries/bulkActions/feature.js\";\nimport {\n    BulkActionButton,\n    useBulkActionDialog\n} from \"@webiny/app-admin/components/BulkActions/index.js\";\nimport { useContentEntriesPresenter } from \"~/presentation/contentEntries/list/useContentEntriesPresenter.js\";\n\nexport const ActionDelete = observer(() => {\n    const toast = useToast();\n    const presenter = useContentEntriesPresenter();\n    const { showConfirmationDialog, showResultsDialog } = useBulkActionDialog();\n    const { presenter: bulkDelete } = useFeature(BulkDeleteFeature);\n\n    const selection = presenter.list.vm.selection;\n    const selectedItems = presenter.list.vm.rows.filter(row => {\n        return selection.selectedIds.has(row.id);\n    });\n\n    const openDeleteEntriesDialog = () =>\n        showConfirmationDialog({\n            title: \"Trash entries\",\n            message: `You are about to move ${selection.label} to trash. Are you sure you want to continue?`,\n            loadingLabel: `Processing ${selection.label}`,\n            execute: async () => {\n                await bulkDelete.execute(selectedItems, selection.allSelected);\n                presenter.list.actions.selection.deselectAll();\n\n                if (selection.allSelected) {\n                    toast.showSuccessToast({\n                        title: \"Entries will be trashed in the background\",\n                        description:\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                        dismissible: true,\n                        duration: Infinity\n                    });\n                    return;\n                }\n\n                showResultsDialog({\n                    results: bulkDelete.vm.results,\n                    title: \"Trash entries\",\n                    message: \"Finished moving entries to trash! See full report below:\"\n                });\n            }\n        });\n\n    return (\n        <BulkActionButton\n            text=\"Trash\"\n            tooltipContent={`Trash ${selection.label}`}\n            icon={<DeleteIcon />}\n            onClick={openDeleteEntriesDialog}\n        />\n    );\n});\n"],"names":["ActionDelete","observer","toast","useToast","presenter","useContentEntriesPresenter","showConfirmationDialog","showResultsDialog","useBulkActionDialog","bulkDelete","useFeature","BulkDeleteFeature","selection","selectedItems","row","openDeleteEntriesDialog","Infinity","BulkActionButton","DeleteIcon"],"mappings":";;;;;;;;AAYO,MAAMA,eAAeC,SAAS;IACjC,MAAMC,QAAQC;IACd,MAAMC,YAAYC;IAClB,MAAM,EAAEC,sBAAsB,EAAEC,iBAAiB,EAAE,GAAGC;IACtD,MAAM,EAAE,WAAWC,UAAU,EAAE,GAAGC,WAAWC;IAE7C,MAAMC,YAAYR,UAAU,IAAI,CAAC,EAAE,CAAC,SAAS;IAC7C,MAAMS,gBAAgBT,UAAU,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAACU,CAAAA,MACzCF,UAAU,WAAW,CAAC,GAAG,CAACE,IAAI,EAAE;IAG3C,MAAMC,0BAA0B,IAC5BT,uBAAuB;YACnB,OAAO;YACP,SAAS,CAAC,sBAAsB,EAAEM,UAAU,KAAK,CAAC,6CAA6C,CAAC;YAChG,cAAc,CAAC,WAAW,EAAEA,UAAU,KAAK,EAAE;YAC7C,SAAS;gBACL,MAAMH,WAAW,OAAO,CAACI,eAAeD,UAAU,WAAW;gBAC7DR,UAAU,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,WAAW;gBAE5C,IAAIQ,UAAU,WAAW,EAAE,YACvBV,MAAM,gBAAgB,CAAC;oBACnB,OAAO;oBACP,aACI;oBACJ,aAAa;oBACb,UAAUc,KAAQ;gBACtB;gBAIJT,kBAAkB;oBACd,SAASE,WAAW,EAAE,CAAC,OAAO;oBAC9B,OAAO;oBACP,SAAS;gBACb;YACJ;QACJ;IAEJ,OAAO,WAAP,GACI,oBAACQ,kBAAgBA;QACb,MAAK;QACL,gBAAgB,CAAC,MAAM,EAAEL,UAAU,KAAK,EAAE;QAC1C,oBAAM,oBAACM,gBAAUA;QACjB,SAASH;;AAGrB"}

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

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

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

@@ -0,0 +1,65 @@
+import react, { useCallback } from "react";
+import { observer } from "mobx-react-lite";
+import { ReactComponent } from "@webiny/icons/exit_to_app.svg";
+import { useMoveToFolderDialog } from "@webiny/app-aco";
+import { useToast } from "@webiny/admin-ui";
+import { useFeature } from "@webiny/app";
+import { BulkActionButton, useBulkActionDialog } from "@webiny/app-admin/components/BulkActions/index.js";
+import { ROOT_FOLDER } from "../../../constants.js";
+import { BulkMoveFeature } from "../../../../presentation/contentEntries/bulkActions/feature.js";
+import { useContentEntriesPresenter } from "../../../../presentation/contentEntries/list/useContentEntriesPresenter.js";
+const ActionMove = observer(()=>{
+    const presenter = useContentEntriesPresenter();
+    const { presenter: bulkMove } = useFeature(BulkMoveFeature);
+    const toast = useToast();
+    const { showConfirmationDialog, showResultsDialog } = useBulkActionDialog();
+    const { showDialog: showMoveDialog } = useMoveToFolderDialog();
+    const selection = presenter.list.vm.selection;
+    const currentFolderId = presenter.folders.vm.currentFolderId;
+    const selectedItems = presenter.list.vm.rows.filter((row)=>selection.selectedIds.has(row.id));
+    const openWorkerDialog = useCallback((folder)=>{
+        showConfirmationDialog({
+            title: "Move entries",
+            message: `You are about to move ${selection.label} to ${folder.label}. Are you sure you want to continue?`,
+            loadingLabel: `Processing ${selection.label}`,
+            execute: async ()=>{
+                await bulkMove.execute(selectedItems, selection.allSelected, folder.id);
+                presenter.list.actions.selection.deselectAll();
+                if (selection.allSelected) return void toast.showSuccessToast({
+                    title: "Entries will be moved in the background",
+                    description: `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.`,
+                    dismissible: true,
+                    duration: 1 / 0
+                });
+                showResultsDialog({
+                    results: bulkMove.vm.results,
+                    title: "Move entries",
+                    message: "Finished moving entries! See full report below:"
+                });
+            }
+        });
+    }, [
+        selection.label,
+        selection.allSelected,
+        selectedItems
+    ]);
+    const openMoveEntriesDialog = ()=>showMoveDialog({
+            title: "Select folder",
+            message: "Select a new location for selected entries:",
+            loadingLabel: `Processing ${selection.label}`,
+            acceptLabel: "Move",
+            focusedFolderId: currentFolderId || ROOT_FOLDER,
+            async onAccept ({ folder }) {
+                openWorkerDialog(folder);
+            }
+        });
+    return /*#__PURE__*/ react.createElement(BulkActionButton, {
+        text: "Move",
+        tooltipContent: `Move ${selection.label}`,
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        onClick: openMoveEntriesDialog
+    });
+});
+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 { observer } from \"mobx-react-lite\";\nimport { ReactComponent as MoveIcon } from \"@webiny/icons/exit_to_app.svg\";\nimport { useMoveToFolderDialog } from \"@webiny/app-aco\";\nimport type { NodeDto } from \"@webiny/admin-ui\";\nimport { useToast } from \"@webiny/admin-ui\";\nimport { useFeature } from \"@webiny/app\";\nimport {\n    BulkActionButton,\n    useBulkActionDialog\n} from \"@webiny/app-admin/components/BulkActions/index.js\";\nimport { ROOT_FOLDER } from \"~/admin/constants.js\";\nimport { BulkMoveFeature } from \"~/presentation/contentEntries/bulkActions/feature.js\";\nimport { useContentEntriesPresenter } from \"~/presentation/contentEntries/list/useContentEntriesPresenter.js\";\n\nexport const ActionMove = observer(() => {\n    const presenter = useContentEntriesPresenter();\n    const { presenter: bulkMove } = useFeature(BulkMoveFeature);\n    const toast = useToast();\n    const { showConfirmationDialog, showResultsDialog } = useBulkActionDialog();\n    const { showDialog: showMoveDialog } = useMoveToFolderDialog();\n\n    const selection = presenter.list.vm.selection;\n    const currentFolderId = presenter.folders.vm.currentFolderId;\n    const selectedItems = presenter.list.vm.rows.filter(row => {\n        return selection.selectedIds.has(row.id);\n    });\n\n    const openWorkerDialog = useCallback(\n        (folder: NodeDto) => {\n            showConfirmationDialog({\n                title: \"Move entries\",\n                message: `You are about to move ${selection.label} to ${folder.label}. Are you sure you want to continue?`,\n                loadingLabel: `Processing ${selection.label}`,\n                execute: async () => {\n                    await bulkMove.execute(selectedItems, selection.allSelected, folder.id);\n                    presenter.list.actions.selection.deselectAll();\n\n                    if (selection.allSelected) {\n                        toast.showSuccessToast({\n                            title: \"Entries will be moved in the background\",\n                            description: `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                            dismissible: true,\n                            duration: Infinity\n                        });\n\n                        return;\n                    }\n\n                    showResultsDialog({\n                        results: bulkMove.vm.results,\n                        title: \"Move entries\",\n                        message: \"Finished moving entries! See full report below:\"\n                    });\n                }\n            });\n        },\n        [selection.label, selection.allSelected, selectedItems]\n    );\n\n    const openMoveEntriesDialog = () =>\n        showMoveDialog({\n            title: \"Select folder\",\n            message: \"Select a new location for selected entries:\",\n            loadingLabel: `Processing ${selection.label}`,\n            acceptLabel: \"Move\",\n            focusedFolderId: currentFolderId || ROOT_FOLDER,\n            async onAccept({ folder }) {\n                openWorkerDialog(folder);\n            }\n        });\n\n    return (\n        <BulkActionButton\n            text=\"Move\"\n            tooltipContent={`Move ${selection.label}`}\n            icon={<MoveIcon />}\n            onClick={openMoveEntriesDialog}\n        />\n    );\n});\n"],"names":["ActionMove","observer","presenter","useContentEntriesPresenter","bulkMove","useFeature","BulkMoveFeature","toast","useToast","showConfirmationDialog","showResultsDialog","useBulkActionDialog","showMoveDialog","useMoveToFolderDialog","selection","currentFolderId","selectedItems","row","openWorkerDialog","useCallback","folder","Infinity","openMoveEntriesDialog","ROOT_FOLDER","BulkActionButton","MoveIcon"],"mappings":";;;;;;;;;;AAeO,MAAMA,aAAaC,SAAS;IAC/B,MAAMC,YAAYC;IAClB,MAAM,EAAE,WAAWC,QAAQ,EAAE,GAAGC,WAAWC;IAC3C,MAAMC,QAAQC;IACd,MAAM,EAAEC,sBAAsB,EAAEC,iBAAiB,EAAE,GAAGC;IACtD,MAAM,EAAE,YAAYC,cAAc,EAAE,GAAGC;IAEvC,MAAMC,YAAYZ,UAAU,IAAI,CAAC,EAAE,CAAC,SAAS;IAC7C,MAAMa,kBAAkBb,UAAU,OAAO,CAAC,EAAE,CAAC,eAAe;IAC5D,MAAMc,gBAAgBd,UAAU,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAACe,CAAAA,MACzCH,UAAU,WAAW,CAAC,GAAG,CAACG,IAAI,EAAE;IAG3C,MAAMC,mBAAmBC,YACrB,CAACC;QACGX,uBAAuB;YACnB,OAAO;YACP,SAAS,CAAC,sBAAsB,EAAEK,UAAU,KAAK,CAAC,IAAI,EAAEM,OAAO,KAAK,CAAC,oCAAoC,CAAC;YAC1G,cAAc,CAAC,WAAW,EAAEN,UAAU,KAAK,EAAE;YAC7C,SAAS;gBACL,MAAMV,SAAS,OAAO,CAACY,eAAeF,UAAU,WAAW,EAAEM,OAAO,EAAE;gBACtElB,UAAU,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,WAAW;gBAE5C,IAAIY,UAAU,WAAW,EAAE,YACvBP,MAAM,gBAAgB,CAAC;oBACnB,OAAO;oBACP,aAAa,CAAC,6BAA6B,EAAEa,OAAO,KAAK,CAAC,sJAAsJ,CAAC;oBACjN,aAAa;oBACb,UAAUC,KAAQ;gBACtB;gBAKJX,kBAAkB;oBACd,SAASN,SAAS,EAAE,CAAC,OAAO;oBAC5B,OAAO;oBACP,SAAS;gBACb;YACJ;QACJ;IACJ,GACA;QAACU,UAAU,KAAK;QAAEA,UAAU,WAAW;QAAEE;KAAc;IAG3D,MAAMM,wBAAwB,IAC1BV,eAAe;YACX,OAAO;YACP,SAAS;YACT,cAAc,CAAC,WAAW,EAAEE,UAAU,KAAK,EAAE;YAC7C,aAAa;YACb,iBAAiBC,mBAAmBQ;YACpC,MAAM,UAAS,EAAEH,MAAM,EAAE;gBACrBF,iBAAiBE;YACrB;QACJ;IAEJ,OAAO,WAAP,GACI,oBAACI,kBAAgBA;QACb,MAAK;QACL,gBAAgB,CAAC,KAAK,EAAEV,UAAU,KAAK,EAAE;QACzC,oBAAM,oBAACW,gBAAQA;QACf,SAASH;;AAGrB"}

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

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

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

@@ -0,0 +1,48 @@
+import react from "react";
+import { observer } from "mobx-react-lite";
+import { useToast } from "@webiny/admin-ui";
+import { useFeature } from "@webiny/app";
+import { ReactComponent } from "@webiny/icons/visibility.svg";
+import { BulkActionButton, useBulkActionDialog } from "@webiny/app-admin/components/BulkActions/index.js";
+import { usePermission } from "../../../hooks/index.js";
+import { BulkPublishFeature } from "../../../../presentation/contentEntries/bulkActions/feature.js";
+import { useContentEntriesPresenter } from "../../../../presentation/contentEntries/list/useContentEntriesPresenter.js";
+const ActionPublish = observer(()=>{
+    const { canPublish } = usePermission();
+    const presenter = useContentEntriesPresenter();
+    const toast = useToast();
+    const { showConfirmationDialog, showResultsDialog } = useBulkActionDialog();
+    const { presenter: bulkPublish } = useFeature(BulkPublishFeature);
+    const selection = presenter.list.vm.selection;
+    const selectedItems = presenter.list.vm.rows.filter((row)=>selection.selectedIds.has(row.id));
+    const openPublishEntriesDialog = ()=>showConfirmationDialog({
+            title: "Publish entries",
+            message: `You are about to publish ${selection.label}. Are you sure you want to continue?`,
+            loadingLabel: `Processing ${selection.label}`,
+            execute: async ()=>{
+                await bulkPublish.execute(selectedItems, selection.allSelected);
+                presenter.list.actions.selection.deselectAll();
+                if (selection.allSelected) return void toast.showSuccessToast({
+                    title: "Publishing of entries started in the background",
+                    description: "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.",
+                    dismissible: true,
+                    duration: 1 / 0
+                });
+                showResultsDialog({
+                    results: bulkPublish.vm.results,
+                    title: "Publish entries",
+                    message: "Finished publishing entries! See full report below:"
+                });
+            }
+        });
+    if (!canPublish("cms.contentEntry")) return null;
+    return /*#__PURE__*/ react.createElement(BulkActionButton, {
+        text: "Publish",
+        tooltipContent: `Publish ${selection.label}`,
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        onClick: openPublishEntriesDialog
+    });
+});
+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 { observer } from \"mobx-react-lite\";\nimport { useToast } from \"@webiny/admin-ui\";\nimport { useFeature } from \"@webiny/app\";\nimport { ReactComponent as PublishIcon } from \"@webiny/icons/visibility.svg\";\nimport {\n    BulkActionButton,\n    useBulkActionDialog\n} from \"@webiny/app-admin/components/BulkActions/index.js\";\nimport { usePermission } from \"~/admin/hooks/index.js\";\nimport { BulkPublishFeature } from \"~/presentation/contentEntries/bulkActions/feature.js\";\nimport { useContentEntriesPresenter } from \"~/presentation/contentEntries/list/useContentEntriesPresenter.js\";\n\nexport const ActionPublish = observer(() => {\n    const { canPublish } = usePermission();\n    const presenter = useContentEntriesPresenter();\n    const toast = useToast();\n    const { showConfirmationDialog, showResultsDialog } = useBulkActionDialog();\n    const { presenter: bulkPublish } = useFeature(BulkPublishFeature);\n\n    const selection = presenter.list.vm.selection;\n    const selectedItems = presenter.list.vm.rows.filter(row => {\n        return selection.selectedIds.has(row.id);\n    });\n\n    const openPublishEntriesDialog = () =>\n        showConfirmationDialog({\n            title: \"Publish entries\",\n            message: `You are about to publish ${selection.label}. Are you sure you want to continue?`,\n            loadingLabel: `Processing ${selection.label}`,\n            execute: async () => {\n                await bulkPublish.execute(selectedItems, selection.allSelected);\n                presenter.list.actions.selection.deselectAll();\n\n                if (selection.allSelected) {\n                    toast.showSuccessToast({\n                        title: \"Publishing of entries started in the background\",\n                        description:\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                        dismissible: true,\n                        duration: Infinity\n                    });\n                    return;\n                }\n\n                showResultsDialog({\n                    results: bulkPublish.vm.results,\n                    title: \"Publish entries\",\n                    message: \"Finished publishing entries! See full report below:\"\n                });\n            }\n        });\n\n    if (!canPublish(\"cms.contentEntry\")) {\n        return null;\n    }\n\n    return (\n        <BulkActionButton\n            text=\"Publish\"\n            tooltipContent={`Publish ${selection.label}`}\n            icon={<PublishIcon />}\n            onClick={openPublishEntriesDialog}\n        />\n    );\n});\n"],"names":["ActionPublish","observer","canPublish","usePermission","presenter","useContentEntriesPresenter","toast","useToast","showConfirmationDialog","showResultsDialog","useBulkActionDialog","bulkPublish","useFeature","BulkPublishFeature","selection","selectedItems","row","openPublishEntriesDialog","Infinity","BulkActionButton","PublishIcon"],"mappings":";;;;;;;;;AAaO,MAAMA,gBAAgBC,SAAS;IAClC,MAAM,EAAEC,UAAU,EAAE,GAAGC;IACvB,MAAMC,YAAYC;IAClB,MAAMC,QAAQC;IACd,MAAM,EAAEC,sBAAsB,EAAEC,iBAAiB,EAAE,GAAGC;IACtD,MAAM,EAAE,WAAWC,WAAW,EAAE,GAAGC,WAAWC;IAE9C,MAAMC,YAAYV,UAAU,IAAI,CAAC,EAAE,CAAC,SAAS;IAC7C,MAAMW,gBAAgBX,UAAU,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAACY,CAAAA,MACzCF,UAAU,WAAW,CAAC,GAAG,CAACE,IAAI,EAAE;IAG3C,MAAMC,2BAA2B,IAC7BT,uBAAuB;YACnB,OAAO;YACP,SAAS,CAAC,yBAAyB,EAAEM,UAAU,KAAK,CAAC,oCAAoC,CAAC;YAC1F,cAAc,CAAC,WAAW,EAAEA,UAAU,KAAK,EAAE;YAC7C,SAAS;gBACL,MAAMH,YAAY,OAAO,CAACI,eAAeD,UAAU,WAAW;gBAC9DV,UAAU,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,WAAW;gBAE5C,IAAIU,UAAU,WAAW,EAAE,YACvBR,MAAM,gBAAgB,CAAC;oBACnB,OAAO;oBACP,aACI;oBACJ,aAAa;oBACb,UAAUY,KAAQ;gBACtB;gBAIJT,kBAAkB;oBACd,SAASE,YAAY,EAAE,CAAC,OAAO;oBAC/B,OAAO;oBACP,SAAS;gBACb;YACJ;QACJ;IAEJ,IAAI,CAACT,WAAW,qBACZ,OAAO;IAGX,OAAO,WAAP,GACI,oBAACiB,kBAAgBA;QACb,MAAK;QACL,gBAAgB,CAAC,QAAQ,EAAEL,UAAU,KAAK,EAAE;QAC5C,oBAAM,oBAACM,gBAAWA;QAClB,SAASH;;AAGrB"}

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

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

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

@@ -0,0 +1,50 @@
+import react from "react";
+import { observer } from "mobx-react-lite";
+import { ReactComponent } from "@webiny/icons/visibility_off.svg";
+import { useToast } from "@webiny/admin-ui";
+import { useFeature } from "@webiny/app";
+import { BulkActionButton, useBulkActionDialog } from "@webiny/app-admin/components/BulkActions/index.js";
+import { usePermission } from "../../../hooks/index.js";
+import { BulkUnpublishFeature } from "../../../../presentation/contentEntries/bulkActions/feature.js";
+import { useContentEntriesPresenter } from "../../../../presentation/contentEntries/list/useContentEntriesPresenter.js";
+const ActionUnpublish = observer(()=>{
+    const { canUnpublish } = usePermission();
+    const presenter = useContentEntriesPresenter();
+    const { presenter: bulkUnpublish } = useFeature(BulkUnpublishFeature);
+    const toast = useToast();
+    const { showConfirmationDialog, showResultsDialog } = useBulkActionDialog();
+    const selection = presenter.list.vm.selection;
+    const selectedItems = presenter.list.vm.rows.filter((row)=>selection.selectedIds.has(row.id));
+    const openUnpublishEntriesDialog = ()=>{
+        showConfirmationDialog({
+            title: "Unpublish entries",
+            message: `You are about to unpublish ${selection.label}. Are you sure you want to continue?`,
+            loadingLabel: `Processing ${selection.label}`,
+            execute: async ()=>{
+                await bulkUnpublish.execute(selectedItems, selection.allSelected);
+                presenter.list.actions.selection.deselectAll();
+                if (selection.allSelected) return void toast.showSuccessToast({
+                    title: "Entries will be unpublished in the background",
+                    description: "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.",
+                    dismissible: true,
+                    duration: 1 / 0
+                });
+                showResultsDialog({
+                    results: bulkUnpublish.vm.results,
+                    title: "Unpublish entries",
+                    message: "Finished unpublishing entries! See full report below:"
+                });
+            }
+        });
+    };
+    if (!canUnpublish("cms.contentEntry")) return null;
+    return /*#__PURE__*/ react.createElement(BulkActionButton, {
+        text: "Unpublish",
+        tooltipContent: `Unpublish ${selection.label}`,
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        onClick: openUnpublishEntriesDialog
+    });
+});
+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 { observer } from \"mobx-react-lite\";\nimport { ReactComponent as UnpublishIcon } from \"@webiny/icons/visibility_off.svg\";\nimport { useToast } from \"@webiny/admin-ui\";\nimport { useFeature } from \"@webiny/app\";\nimport {\n    BulkActionButton,\n    useBulkActionDialog\n} from \"@webiny/app-admin/components/BulkActions/index.js\";\nimport { usePermission } from \"~/admin/hooks/index.js\";\nimport { BulkUnpublishFeature } from \"~/presentation/contentEntries/bulkActions/feature.js\";\nimport { useContentEntriesPresenter } from \"~/presentation/contentEntries/list/useContentEntriesPresenter.js\";\n\nexport const ActionUnpublish = observer(() => {\n    const { canUnpublish } = usePermission();\n    const presenter = useContentEntriesPresenter();\n    const { presenter: bulkUnpublish } = useFeature(BulkUnpublishFeature);\n    const toast = useToast();\n    const { showConfirmationDialog, showResultsDialog } = useBulkActionDialog();\n\n    const selection = presenter.list.vm.selection;\n    const selectedItems = presenter.list.vm.rows.filter(row => {\n        return selection.selectedIds.has(row.id);\n    });\n\n    const openUnpublishEntriesDialog = () => {\n        showConfirmationDialog({\n            title: \"Unpublish entries\",\n            message: `You are about to unpublish ${selection.label}. Are you sure you want to continue?`,\n            loadingLabel: `Processing ${selection.label}`,\n            execute: async () => {\n                await bulkUnpublish.execute(selectedItems, selection.allSelected);\n                presenter.list.actions.selection.deselectAll();\n\n                if (selection.allSelected) {\n                    toast.showSuccessToast({\n                        title: \"Entries will be unpublished in the background\",\n                        description:\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                        dismissible: true,\n                        duration: Infinity\n                    });\n\n                    return;\n                }\n\n                showResultsDialog({\n                    results: bulkUnpublish.vm.results,\n                    title: \"Unpublish entries\",\n                    message: \"Finished unpublishing entries! See full report below:\"\n                });\n            }\n        });\n    };\n\n    if (!canUnpublish(\"cms.contentEntry\")) {\n        return null;\n    }\n\n    return (\n        <BulkActionButton\n            text=\"Unpublish\"\n            tooltipContent={`Unpublish ${selection.label}`}\n            icon={<UnpublishIcon />}\n            onClick={openUnpublishEntriesDialog}\n        />\n    );\n});\n"],"names":["ActionUnpublish","observer","canUnpublish","usePermission","presenter","useContentEntriesPresenter","bulkUnpublish","useFeature","BulkUnpublishFeature","toast","useToast","showConfirmationDialog","showResultsDialog","useBulkActionDialog","selection","selectedItems","row","openUnpublishEntriesDialog","Infinity","BulkActionButton","UnpublishIcon"],"mappings":";;;;;;;;;AAaO,MAAMA,kBAAkBC,SAAS;IACpC,MAAM,EAAEC,YAAY,EAAE,GAAGC;IACzB,MAAMC,YAAYC;IAClB,MAAM,EAAE,WAAWC,aAAa,EAAE,GAAGC,WAAWC;IAChD,MAAMC,QAAQC;IACd,MAAM,EAAEC,sBAAsB,EAAEC,iBAAiB,EAAE,GAAGC;IAEtD,MAAMC,YAAYV,UAAU,IAAI,CAAC,EAAE,CAAC,SAAS;IAC7C,MAAMW,gBAAgBX,UAAU,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAACY,CAAAA,MACzCF,UAAU,WAAW,CAAC,GAAG,CAACE,IAAI,EAAE;IAG3C,MAAMC,6BAA6B;QAC/BN,uBAAuB;YACnB,OAAO;YACP,SAAS,CAAC,2BAA2B,EAAEG,UAAU,KAAK,CAAC,oCAAoC,CAAC;YAC5F,cAAc,CAAC,WAAW,EAAEA,UAAU,KAAK,EAAE;YAC7C,SAAS;gBACL,MAAMR,cAAc,OAAO,CAACS,eAAeD,UAAU,WAAW;gBAChEV,UAAU,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,WAAW;gBAE5C,IAAIU,UAAU,WAAW,EAAE,YACvBL,MAAM,gBAAgB,CAAC;oBACnB,OAAO;oBACP,aACI;oBACJ,aAAa;oBACb,UAAUS,KAAQ;gBACtB;gBAKJN,kBAAkB;oBACd,SAASN,cAAc,EAAE,CAAC,OAAO;oBACjC,OAAO;oBACP,SAAS;gBACb;YACJ;QACJ;IACJ;IAEA,IAAI,CAACJ,aAAa,qBACd,OAAO;IAGX,OAAO,WAAP,GACI,oBAACiB,kBAAgBA;QACb,MAAK;QACL,gBAAgB,CAAC,UAAU,EAAEL,UAAU,KAAK,EAAE;QAC9C,oBAAM,oBAACM,gBAAaA;QACpB,SAASH;;AAGrB"}

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

@@ -0,0 +1,3 @@
+import React from "react";
+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,62 @@
+import react, { useMemo } from "react";
+import { Button, IconButton, Text } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/close.svg";
+import { Buttons, useListView } from "@webiny/app-admin";
+import { useContentEntryListConfig } from "../../../config/contentEntries/index.js";
+import { i18n } from "@webiny/app/i18n/index.js";
+const t = i18n.ns("app-headless-cms/admin/content-entries/bulk-actions");
+const SelectAll = ()=>{
+    const { list, actions } = useListView();
+    if (0 === list.selection.selectedCount) return null;
+    return /*#__PURE__*/ react.createElement("div", {
+        "data-testid": "select-all-container"
+    }, list.selection.allSelected ? /*#__PURE__*/ react.createElement(Button, {
+        text: "Clear selection",
+        onClick: ()=>actions.selection.deselectAll(),
+        size: "sm",
+        variant: "ghost"
+    }) : /*#__PURE__*/ react.createElement(Button, {
+        text: "Select all remaining entries",
+        onClick: ()=>actions.selection.selectAll(),
+        size: "sm",
+        variant: "secondary"
+    }));
+};
+const BulkActions = ()=>{
+    const { browser } = useContentEntryListConfig();
+    const { list, actions } = useListView();
+    const count = list.selection.selectedCount;
+    const isAll = list.selection.allSelected;
+    const headline = useMemo(()=>{
+        if (isAll) return t("All entries selected");
+        return t`{count|count:1:entry:default:entries} selected`({
+            count
+        });
+    }, [
+        count,
+        isAll
+    ]);
+    if (0 === count) 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: ()=>actions.selection.deselectAll()
+    }))));
+};
+export { BulkActions, SelectAll };
+
+//# 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, useListView } from \"@webiny/app-admin\";\n\nimport { useContentEntryListConfig } from \"~/admin/config/contentEntries/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 SelectAll = () => {\n    const { list, actions } = useListView();\n\n    if (list.selection.selectedCount === 0) {\n        return null;\n    }\n\n    return (\n        <div data-testid={\"select-all-container\"}>\n            {list.selection.allSelected ? (\n                <Button\n                    text={\"Clear selection\"}\n                    onClick={() => actions.selection.deselectAll()}\n                    size={\"sm\"}\n                    variant={\"ghost\"}\n                />\n            ) : (\n                <Button\n                    text={\"Select all remaining entries\"}\n                    onClick={() => actions.selection.selectAll()}\n                    size={\"sm\"}\n                    variant={\"secondary\"}\n                />\n            )}\n        </div>\n    );\n};\n\nexport const BulkActions = () => {\n    const { browser } = useContentEntryListConfig();\n    const { list, actions } = useListView();\n\n    const count = list.selection.selectedCount;\n    const isAll = list.selection.allSelected;\n\n    const headline = useMemo((): string => {\n        if (isAll) {\n            return t(\"All entries selected\");\n        }\n\n        return t`{count|count:1:entry:default:entries} selected`({\n            count\n        });\n    }, [count, isAll]);\n\n    if (count === 0) {\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={() => actions.selection.deselectAll()}\n                    />\n                </div>\n            </div>\n        </div>\n    );\n};\n"],"names":["t","i18n","SelectAll","list","actions","useListView","Button","BulkActions","browser","useContentEntryListConfig","count","isAll","headline","useMemo","Text","Buttons","IconButton","Close"],"mappings":";;;;;;AASA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAEX,MAAMC,YAAY;IACrB,MAAM,EAAEC,IAAI,EAAEC,OAAO,EAAE,GAAGC;IAE1B,IAAIF,AAAiC,MAAjCA,KAAK,SAAS,CAAC,aAAa,EAC5B,OAAO;IAGX,OAAO,WAAP,GACI,oBAAC;QAAI,eAAa;OACbA,KAAK,SAAS,CAAC,WAAW,GAAG,WAAH,GACvB,oBAACG,QAAMA;QACH,MAAM;QACN,SAAS,IAAMF,QAAQ,SAAS,CAAC,WAAW;QAC5C,MAAM;QACN,SAAS;uBAGb,oBAACE,QAAMA;QACH,MAAM;QACN,SAAS,IAAMF,QAAQ,SAAS,CAAC,SAAS;QAC1C,MAAM;QACN,SAAS;;AAK7B;AAEO,MAAMG,cAAc;IACvB,MAAM,EAAEC,OAAO,EAAE,GAAGC;IACpB,MAAM,EAAEN,IAAI,EAAEC,OAAO,EAAE,GAAGC;IAE1B,MAAMK,QAAQP,KAAK,SAAS,CAAC,aAAa;IAC1C,MAAMQ,QAAQR,KAAK,SAAS,CAAC,WAAW;IAExC,MAAMS,WAAWC,QAAQ;QACrB,IAAIF,OACA,OAAOX,EAAE;QAGb,OAAOA,CAAC,CAAC,8CAA8C,CAAC,CAAC;YACrDU;QACJ;IACJ,GAAG;QAACA;QAAOC;KAAM;IAEjB,IAAID,AAAU,MAAVA,OACA,OAAO;IAGX,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;qBACZ,oBAAC;QAAI,WAAW;qBACZ,oBAAC;QAAI,WAAW;qBACZ,oBAACI,MAAIA;QAAC,MAAM;QAAM,WAAW;OACxBF,WAAAA,WAAAA,GAEL,oBAACV,WAASA,QAAAA,WAAAA,GAGd,oBAAC;QAAI,WAAW;qBACZ,oBAACa,SAAOA;QAAC,SAASP,QAAQ,WAAW;sBACrC,oBAACQ,YAAUA;QACP,SAAS;QACT,MAAM;QACN,oBAAM,oBAACC,gBAAKA;QACZ,SAAS,IAAMb,QAAQ,SAAS,CAAC,WAAW;;AAMpE"}

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/FilterByStatus.d.ts

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

package/admin/components/ContentEntries/FilterByStatus.js

@@ -0,0 +1,53 @@
+import react, { useMemo } from "react";
+import { Select } from "@webiny/admin-ui";
+import { useBind } from "@webiny/form";
+import { plugins } from "@webiny/plugins";
+const getValidFilterValue = (value)=>{
+    if ("all" === value || "" === value) return;
+    return value;
+};
+const FilterByStatus = ()=>{
+    const bind = useBind({
+        name: "status",
+        beforeChange (value, cb) {
+            cb(getValidFilterValue(value));
+        }
+    });
+    const options = useMemo(()=>{
+        const options = [
+            {
+                label: "All",
+                value: "all"
+            },
+            {
+                label: "Draft",
+                value: "draft"
+            },
+            {
+                label: "Published",
+                value: "published"
+            },
+            {
+                label: "Unpublished",
+                value: "unpublished"
+            }
+        ];
+        const filterStatusPlugins = plugins.byType("cms.entry.filter.status");
+        filterStatusPlugins.forEach((plugin)=>{
+            options.push({
+                label: plugin.label,
+                value: plugin.value
+            });
+        });
+        return options;
+    }, []);
+    return /*#__PURE__*/ react.createElement(Select, {
+        ...bind,
+        size: "md",
+        placeholder: "Filter by status",
+        options: options
+    });
+};
+export { FilterByStatus };
+
+//# sourceMappingURL=FilterByStatus.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"admin/components/ContentEntries/FilterByStatus.js","sources":["../../../../src/admin/components/ContentEntries/FilterByStatus.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { Select } from \"@webiny/admin-ui\";\nimport { useBind } from \"@webiny/form\";\nimport { plugins } from \"@webiny/plugins\";\nimport type { CmsEntryFilterStatusPlugin } from \"@webiny/app-headless-cms-common/types/index.js\";\n\nconst getValidFilterValue = (value: string): string | undefined => {\n    if (value === \"all\" || value === \"\") {\n        return undefined;\n    }\n    return value;\n};\n\nexport const FilterByStatus = () => {\n    const bind = useBind({\n        name: \"status\",\n        beforeChange(value, cb) {\n            cb(getValidFilterValue(value));\n        }\n    });\n\n    const options = useMemo(() => {\n        const options = [\n            { label: \"All\", value: \"all\" },\n            { label: \"Draft\", value: \"draft\" },\n            { label: \"Published\", value: \"published\" },\n            { label: \"Unpublished\", value: \"unpublished\" }\n        ];\n\n        const filterStatusPlugins =\n            plugins.byType<CmsEntryFilterStatusPlugin>(\"cms.entry.filter.status\");\n\n        filterStatusPlugins.forEach(plugin => {\n            options.push({ label: plugin.label, value: plugin.value });\n        });\n\n        return options;\n    }, []);\n\n    return <Select {...bind} size={\"md\"} placeholder={\"Filter by status\"} options={options} />;\n};\n"],"names":["getValidFilterValue","value","FilterByStatus","bind","useBind","cb","options","useMemo","filterStatusPlugins","plugins","plugin","Select"],"mappings":";;;;AAMA,MAAMA,sBAAsB,CAACC;IACzB,IAAIA,AAAU,UAAVA,SAAmBA,AAAU,OAAVA,OACnB;IAEJ,OAAOA;AACX;AAEO,MAAMC,iBAAiB;IAC1B,MAAMC,OAAOC,QAAQ;QACjB,MAAM;QACN,cAAaH,KAAK,EAAEI,EAAE;YAClBA,GAAGL,oBAAoBC;QAC3B;IACJ;IAEA,MAAMK,UAAUC,QAAQ;QACpB,MAAMD,UAAU;YACZ;gBAAE,OAAO;gBAAO,OAAO;YAAM;YAC7B;gBAAE,OAAO;gBAAS,OAAO;YAAQ;YACjC;gBAAE,OAAO;gBAAa,OAAO;YAAY;YACzC;gBAAE,OAAO;gBAAe,OAAO;YAAc;SAChD;QAED,MAAME,sBACFC,QAAQ,MAAM,CAA6B;QAE/CD,oBAAoB,OAAO,CAACE,CAAAA;YACxBJ,QAAQ,IAAI,CAAC;gBAAE,OAAOI,OAAO,KAAK;gBAAE,OAAOA,OAAO,KAAK;YAAC;QAC5D;QAEA,OAAOJ;IACX,GAAG,EAAE;IAEL,OAAO,WAAP,GAAO,oBAACK,QAAMA;QAAE,GAAGR,IAAI;QAAE,MAAM;QAAM,aAAa;QAAoB,SAASG;;AACnF"}

package/admin/components/ContentEntries/Filters/RefFieldRenderer.d.ts

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

package/admin/components/ContentEntries/Filters/RefFieldRenderer.js

@@ -0,0 +1,84 @@
+import react, { useEffect, useMemo } from "react";
+import { observer } from "mobx-react-lite";
+import { Bind } from "@webiny/form";
+import { AutoComplete } from "@webiny/admin-ui";
+import { DiContainerProvider, useContainer, useFeature } from "@webiny/app";
+import { ContentEntryListConfig } from "../../../config/contentEntries/index.js";
+import { RefSingleAutocompletePresenterFeature } from "../../../../presentation/fieldRenderers/ref/autocomplete/single/feature.js";
+const { useInputField: useInputField } = ContentEntryListConfig.Browser.AdvancedSearch.FieldRenderer;
+const parseValue = (value)=>{
+    if ("string" != typeof value || !value) return null;
+    try {
+        const parsed = JSON.parse(value);
+        if (!parsed?.entryId || !parsed?.modelId) return null;
+        return {
+            entryId: parsed.entryId,
+            modelId: parsed.modelId
+        };
+    } catch  {
+        return null;
+    }
+};
+const Ref = ()=>{
+    const { name, field } = useInputField();
+    const parentContainer = useContainer();
+    const scopedContainer = useMemo(()=>{
+        const child = parentContainer.createChildContainer();
+        RefSingleAutocompletePresenterFeature.register(child);
+        return child;
+    }, [
+        field.value
+    ]);
+    return /*#__PURE__*/ react.createElement(DiContainerProvider, {
+        container: scopedContainer,
+        key: field.value
+    }, /*#__PURE__*/ react.createElement(Bind, {
+        name: name
+    }, (bind)=>/*#__PURE__*/ react.createElement(RefInner, {
+            bind: bind,
+            modelIds: field.settings.modelIds
+        })));
+};
+const RefInner = observer(({ bind, modelIds })=>{
+    const { presenter } = useFeature(RefSingleAutocompletePresenterFeature);
+    useEffect(()=>{
+        const value = parseValue(bind.value);
+        presenter.init({
+            modelIds,
+            value: value ? {
+                id: value.entryId,
+                modelId: value.modelId
+            } : null
+        });
+    }, []);
+    const vm = presenter.vm;
+    return /*#__PURE__*/ react.createElement(AutoComplete, {
+        label: "Value",
+        size: "lg",
+        loading: vm.loading,
+        value: vm.value,
+        options: vm.options,
+        validation: bind.validation,
+        onValueSearch: (query)=>presenter.search(query),
+        onValueChange: (entryId)=>{
+            if (!entryId) {
+                presenter.clear();
+                bind.onChange("");
+                return;
+            }
+            const ref = presenter.select(entryId);
+            if (ref) bind.onChange(JSON.stringify({
+                entryId,
+                modelId: ref.modelId
+            }));
+        },
+        onValueReset: ()=>{
+            presenter.clear();
+            bind.onChange("");
+        },
+        displayResetAction: vm.canReset
+    });
+});
+export { Ref };
+
+//# sourceMappingURL=RefFieldRenderer.js.map

package/admin/components/ContentEntries/Filters/RefFieldRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/components/ContentEntries/Filters/RefFieldRenderer.js","sources":["../../../../../src/admin/components/ContentEntries/Filters/RefFieldRenderer.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from \"react\";\nimport { observer } from \"mobx-react-lite\";\nimport { Bind } from \"@webiny/form\";\nimport type { BindComponentRenderProp } from \"@webiny/form\";\nimport { AutoComplete } from \"@webiny/admin-ui\";\nimport { DiContainerProvider, useContainer, useFeature } from \"@webiny/app\";\nimport { ContentEntryListConfig } from \"~/admin/config/contentEntries/index.js\";\nimport { RefSingleAutocompletePresenterFeature } from \"~/presentation/fieldRenderers/ref/autocomplete/single/feature.js\";\n\nconst { useInputField } = ContentEntryListConfig.Browser.AdvancedSearch.FieldRenderer;\n\n/**\n * The advanced search filter stores the selected reference as a JSON string\n * `{ entryId, modelId }`. `GraphQLInputMapper` reads `entryId` from it to build the\n * `<fieldId>.entryId` where condition, and `modelId` is used to load the label back\n * when a saved filter is opened.\n */\ninterface RefFilterValue {\n    entryId: string;\n    modelId: string;\n}\n\nconst parseValue = (value: unknown): RefFilterValue | null => {\n    if (typeof value !== \"string\" || !value) {\n        return null;\n    }\n    try {\n        const parsed = JSON.parse(value);\n        if (!parsed?.entryId || !parsed?.modelId) {\n            return null;\n        }\n        return { entryId: parsed.entryId, modelId: parsed.modelId };\n    } catch {\n        return null;\n    }\n};\n\nexport const Ref = () => {\n    const { name, field } = useInputField();\n    const parentContainer = useContainer();\n\n    const scopedContainer = useMemo(() => {\n        const child = parentContainer.createChildContainer();\n        RefSingleAutocompletePresenterFeature.register(child);\n        return child;\n    }, [field.value]);\n\n    return (\n        <DiContainerProvider container={scopedContainer} key={field.value}>\n            <Bind name={name}>\n                {bind => <RefInner bind={bind} modelIds={field.settings.modelIds} />}\n            </Bind>\n        </DiContainerProvider>\n    );\n};\n\ninterface RefInnerProps {\n    bind: BindComponentRenderProp;\n    modelIds: string[];\n}\n\nconst RefInner = observer(({ bind, modelIds }: RefInnerProps) => {\n    const { presenter } = useFeature(RefSingleAutocompletePresenterFeature);\n\n    useEffect(() => {\n        const value = parseValue(bind.value);\n        presenter.init({\n            modelIds,\n            value: value ? { id: value.entryId, modelId: value.modelId } : null\n        });\n    }, []);\n\n    const vm = presenter.vm;\n\n    return (\n        <AutoComplete\n            label={\"Value\"}\n            size={\"lg\"}\n            loading={vm.loading}\n            value={vm.value}\n            options={vm.options}\n            validation={bind.validation}\n            onValueSearch={query => presenter.search(query)}\n            onValueChange={entryId => {\n                if (!entryId) {\n                    presenter.clear();\n                    bind.onChange(\"\");\n                    return;\n                }\n                const ref = presenter.select(entryId);\n                if (ref) {\n                    bind.onChange(JSON.stringify({ entryId, modelId: ref.modelId }));\n                }\n            }}\n            onValueReset={() => {\n                presenter.clear();\n                bind.onChange(\"\");\n            }}\n            displayResetAction={vm.canReset}\n        />\n    );\n});\n"],"names":["useInputField","ContentEntryListConfig","parseValue","value","parsed","JSON","Ref","name","field","parentContainer","useContainer","scopedContainer","useMemo","child","RefSingleAutocompletePresenterFeature","DiContainerProvider","Bind","bind","RefInner","observer","modelIds","presenter","useFeature","useEffect","vm","AutoComplete","query","entryId","ref"],"mappings":";;;;;;;AASA,MAAM,EAAEA,eAAAA,aAAa,EAAE,GAAGC,uBAAuB,OAAO,CAAC,cAAc,CAAC,aAAa;AAarF,MAAMC,aAAa,CAACC;IAChB,IAAI,AAAiB,YAAjB,OAAOA,SAAsB,CAACA,OAC9B,OAAO;IAEX,IAAI;QACA,MAAMC,SAASC,KAAK,KAAK,CAACF;QAC1B,IAAI,CAACC,QAAQ,WAAW,CAACA,QAAQ,SAC7B,OAAO;QAEX,OAAO;YAAE,SAASA,OAAO,OAAO;YAAE,SAASA,OAAO,OAAO;QAAC;IAC9D,EAAE,OAAM;QACJ,OAAO;IACX;AACJ;AAEO,MAAME,MAAM;IACf,MAAM,EAAEC,IAAI,EAAEC,KAAK,EAAE,GAAGR;IACxB,MAAMS,kBAAkBC;IAExB,MAAMC,kBAAkBC,QAAQ;QAC5B,MAAMC,QAAQJ,gBAAgB,oBAAoB;QAClDK,sCAAsC,QAAQ,CAACD;QAC/C,OAAOA;IACX,GAAG;QAACL,MAAM,KAAK;KAAC;IAEhB,OAAO,WAAP,GACI,oBAACO,qBAAmBA;QAAC,WAAWJ;QAAiB,KAAKH,MAAM,KAAK;qBAC7D,oBAACQ,MAAIA;QAAC,MAAMT;OACPU,CAAAA,OAAAA,WAAAA,GAAQ,oBAACC,UAAQA;YAAC,MAAMD;YAAM,UAAUT,MAAM,QAAQ,CAAC,QAAQ;;AAIhF;AAOA,MAAMU,WAAWC,SAAS,CAAC,EAAEF,IAAI,EAAEG,QAAQ,EAAiB;IACxD,MAAM,EAAEC,SAAS,EAAE,GAAGC,WAAWR;IAEjCS,UAAU;QACN,MAAMpB,QAAQD,WAAWe,KAAK,KAAK;QACnCI,UAAU,IAAI,CAAC;YACXD;YACA,OAAOjB,QAAQ;gBAAE,IAAIA,MAAM,OAAO;gBAAE,SAASA,MAAM,OAAO;YAAC,IAAI;QACnE;IACJ,GAAG,EAAE;IAEL,MAAMqB,KAAKH,UAAU,EAAE;IAEvB,OAAO,WAAP,GACI,oBAACI,cAAYA;QACT,OAAO;QACP,MAAM;QACN,SAASD,GAAG,OAAO;QACnB,OAAOA,GAAG,KAAK;QACf,SAASA,GAAG,OAAO;QACnB,YAAYP,KAAK,UAAU;QAC3B,eAAeS,CAAAA,QAASL,UAAU,MAAM,CAACK;QACzC,eAAeC,CAAAA;YACX,IAAI,CAACA,SAAS;gBACVN,UAAU,KAAK;gBACfJ,KAAK,QAAQ,CAAC;gBACd;YACJ;YACA,MAAMW,MAAMP,UAAU,MAAM,CAACM;YAC7B,IAAIC,KACAX,KAAK,QAAQ,CAACZ,KAAK,SAAS,CAAC;gBAAEsB;gBAAS,SAASC,IAAI,OAAO;YAAC;QAErE;QACA,cAAc;YACVP,UAAU,KAAK;YACfJ,KAAK,QAAQ,CAAC;QAClB;QACA,oBAAoBO,GAAG,QAAQ;;AAG3C"}

package/admin/components/ContentEntries/Table/Actions/ChangeEntryStatus.d.ts

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

package/admin/components/ContentEntries/Table/Actions/ChangeEntryStatus.js

@@ -0,0 +1,40 @@
+import react from "react";
+import { ReactComponent } from "@webiny/icons/visibility.svg";
+import { ReactComponent as visibility_off_svg_ReactComponent } from "@webiny/icons/visibility_off.svg";
+import { ContentEntryListConfig } from "../../../../config/contentEntries/index.js";
+import { useEntry, usePermission } from "../../../../hooks/index.js";
+import { useToast } from "@webiny/admin-ui";
+import { useContentEntriesPresenter } from "../../../../../presentation/contentEntries/list/useContentEntriesPresenter.js";
+const ChangeEntryStatus = ()=>{
+    const { entry } = useEntry();
+    const toast = useToast();
+    const { canPublish, canUnpublish } = usePermission();
+    const presenter = useContentEntriesPresenter();
+    const { OptionsMenuItem } = ContentEntryListConfig.Browser.Entry.Action;
+    if ("published" === entry.meta.status && canUnpublish("cms.contentEntry")) return /*#__PURE__*/ react.createElement(OptionsMenuItem, {
+        icon: /*#__PURE__*/ react.createElement(visibility_off_svg_ReactComponent, null),
+        label: "Unpublish",
+        onAction: async ()=>{
+            const success = await presenter.unpublishEntry(entry.id);
+            if (success) toast.showSuccessToast({
+                title: `${entry.meta.title} was unpublished successfully!`
+            });
+        },
+        "data-testid": "aco.actions.entry.unpublish"
+    });
+    if (!canPublish("cms.contentEntry")) return null;
+    return /*#__PURE__*/ react.createElement(OptionsMenuItem, {
+        icon: /*#__PURE__*/ react.createElement(ReactComponent, null),
+        label: "Publish",
+        onAction: async ()=>{
+            const success = await presenter.publishEntry(entry.id);
+            if (success) toast.showSuccessToast({
+                title: `${entry.meta.title} was published successfully!`
+            });
+        },
+        "data-testid": "aco.actions.entry.publish"
+    });
+};
+export { ChangeEntryStatus };
+
+//# sourceMappingURL=ChangeEntryStatus.js.map

package/admin/components/ContentEntries/Table/Actions/ChangeEntryStatus.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"admin/components/ContentEntries/Table/Actions/ChangeEntryStatus.js","sources":["../../../../../../src/admin/components/ContentEntries/Table/Actions/ChangeEntryStatus.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as Publish } from \"@webiny/icons/visibility.svg\";\nimport { ReactComponent as Unpublish } from \"@webiny/icons/visibility_off.svg\";\nimport { ContentEntryListConfig } from \"~/admin/config/contentEntries/index.js\";\nimport { useEntry, usePermission } from \"~/admin/hooks/index.js\";\nimport { useToast } from \"@webiny/admin-ui\";\nimport { useContentEntriesPresenter } from \"~/presentation/contentEntries/list/useContentEntriesPresenter.js\";\n\nexport const ChangeEntryStatus = () => {\n    const { entry } = useEntry();\n    const toast = useToast();\n    const { canPublish, canUnpublish } = usePermission();\n    const presenter = useContentEntriesPresenter();\n\n    const { OptionsMenuItem } = ContentEntryListConfig.Browser.Entry.Action;\n\n    if (entry.meta.status === \"published\" && canUnpublish(\"cms.contentEntry\")) {\n        return (\n            <OptionsMenuItem\n                icon={<Unpublish />}\n                label={\"Unpublish\"}\n                onAction={async () => {\n                    const success = await presenter.unpublishEntry(entry.id);\n                    if (success) {\n                        toast.showSuccessToast({\n                            title: `${entry.meta.title} was unpublished successfully!`\n                        });\n                    }\n                }}\n                data-testid={\"aco.actions.entry.unpublish\"}\n            />\n        );\n    }\n\n    if (!canPublish(\"cms.contentEntry\")) {\n        return null;\n    }\n\n    return (\n        <OptionsMenuItem\n            icon={<Publish />}\n            label={\"Publish\"}\n            onAction={async () => {\n                const success = await presenter.publishEntry(entry.id);\n                if (success) {\n                    toast.showSuccessToast({\n                        title: `${entry.meta.title} was published successfully!`\n                    });\n                }\n            }}\n            data-testid={\"aco.actions.entry.publish\"}\n        />\n    );\n};\n"],"names":["ChangeEntryStatus","entry","useEntry","toast","useToast","canPublish","canUnpublish","usePermission","presenter","useContentEntriesPresenter","OptionsMenuItem","ContentEntryListConfig","Unpublish","success","Publish"],"mappings":";;;;;;;AAQO,MAAMA,oBAAoB;IAC7B,MAAM,EAAEC,KAAK,EAAE,GAAGC;IAClB,MAAMC,QAAQC;IACd,MAAM,EAAEC,UAAU,EAAEC,YAAY,EAAE,GAAGC;IACrC,MAAMC,YAAYC;IAElB,MAAM,EAAEC,eAAe,EAAE,GAAGC,uBAAuB,OAAO,CAAC,KAAK,CAAC,MAAM;IAEvE,IAAIV,AAAsB,gBAAtBA,MAAM,IAAI,CAAC,MAAM,IAAoBK,aAAa,qBAClD,OAAO,WAAP,GACI,oBAACI,iBAAAA;QACG,oBAAM,oBAACE,mCAASA;QAChB,OAAO;QACP,UAAU;YACN,MAAMC,UAAU,MAAML,UAAU,cAAc,CAACP,MAAM,EAAE;YACvD,IAAIY,SACAV,MAAM,gBAAgB,CAAC;gBACnB,OAAO,GAAGF,MAAM,IAAI,CAAC,KAAK,CAAC,8BAA8B,CAAC;YAC9D;QAER;QACA,eAAa;;IAKzB,IAAI,CAACI,WAAW,qBACZ,OAAO;IAGX,OAAO,WAAP,GACI,oBAACK,iBAAAA;QACG,oBAAM,oBAACI,gBAAOA;QACd,OAAO;QACP,UAAU;YACN,MAAMD,UAAU,MAAML,UAAU,YAAY,CAACP,MAAM,EAAE;YACrD,IAAIY,SACAV,MAAM,gBAAgB,CAAC;gBACnB,OAAO,GAAGF,MAAM,IAAI,CAAC,KAAK,CAAC,4BAA4B,CAAC;YAC5D;QAER;QACA,eAAa;;AAGzB"}

package/admin/components/ContentEntries/Table/Actions/DeleteEntry.d.ts

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