@webiny/app-headless-cms 6.3.0-beta.4 → 6.4.0-beta.0

package/admin/views/contentEntries/ContentEntry/RevisionsList/RevisionListItem.js

@@ -1,130 +1,132 @@
-import React from "react";
-import { Date } from "@webiny/ui/DateTime/index.js";
-import { DropdownMenu, Icon, IconButton, List, Tooltip } from "@webiny/admin-ui";
-import { ReactComponent as MoreVerticalIcon } from "@webiny/icons/more_vert.svg";
-import { ReactComponent as LockIcon } from "@webiny/icons/lock.svg";
-import { ReactComponent as BeenHereIcon } from "@webiny/icons/beenhere.svg";
-import { ReactComponent as GestureIcon } from "@webiny/icons/gesture.svg";
-import { ReactComponent as AddIcon } from "@webiny/icons/add.svg";
-import { ReactComponent as EditIcon } from "@webiny/icons/edit.svg";
-import { ReactComponent as PublishIcon } from "@webiny/icons/visibility.svg";
-import { ReactComponent as UnpublishIcon } from "@webiny/icons/visibility_off.svg";
-import { ReactComponent as DeleteIcon } from "@webiny/icons/delete.svg";
+import react from "react";
+import { DropdownMenu, Icon, IconButton, List, Text, Tooltip } from "@webiny/admin-ui";
+import { ReactComponent } from "@webiny/icons/more_vert.svg";
+import { ReactComponent as lock_svg_ReactComponent } from "@webiny/icons/lock.svg";
+import { ReactComponent as beenhere_svg_ReactComponent } from "@webiny/icons/beenhere.svg";
+import { ReactComponent as gesture_svg_ReactComponent } from "@webiny/icons/gesture.svg";
+import { ReactComponent as add_svg_ReactComponent } from "@webiny/icons/add.svg";
+import { ReactComponent as edit_svg_ReactComponent } from "@webiny/icons/edit.svg";
+import { ReactComponent as visibility_svg_ReactComponent } from "@webiny/icons/visibility.svg";
+import { ReactComponent as visibility_off_svg_ReactComponent } from "@webiny/icons/visibility_off.svg";
+import { ReactComponent as delete_svg_ReactComponent } from "@webiny/icons/delete.svg";
 import { i18n } from "@webiny/app/i18n/index.js";
 import { useRevision } from "./useRevision.js";
 import { usePermission } from "../../../../hooks/usePermission.js";
 import { useContentEntry } from "../../hooks/useContentEntry.js";
 import { PublishEntryRevisionListItem } from "./PublishEntryRevisionListItem.js";
+const DateDisplay = ({ date })=>{
+    const formatted = react.useMemo(()=>{
+        const d = new globalThis.Date(date);
+        if (isNaN(d.getTime())) return "";
+        return new Intl.DateTimeFormat(navigator.language, {
+            day: "numeric",
+            month: "long",
+            year: "numeric"
+        }).format(d);
+    }, [
+        date
+    ]);
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, formatted);
+};
 const t = i18n.ns("app-headless-cms/admin/plugins/content-details/content-revisions");
-const getIcon = rev => {
-  switch (true) {
-    case rev.meta.locked && rev.meta.status !== "published":
-      return {
-        icon: /*#__PURE__*/React.createElement(Icon, {
-          label: "Locked revision",
-          icon: /*#__PURE__*/React.createElement(LockIcon, null),
-          "data-testid": "cms.revision.status.locked"
-        }),
-        text: "This revision is locked (it has already been published)"
-      };
-    case rev.meta.status === "published":
-      return {
-        icon: /*#__PURE__*/React.createElement(Icon, {
-          label: "Published revision",
-          icon: /*#__PURE__*/React.createElement(BeenHereIcon, null),
-          color: "accent",
-          "data-testid": "cms.revision.status.published"
-        }),
-        text: "This revision is currently published!"
-      };
-    default:
-      return {
-        icon: /*#__PURE__*/React.createElement(Icon, {
-          label: "Draft revision",
-          icon: /*#__PURE__*/React.createElement(GestureIcon, null),
-          "data-testid": "cms.revision.status.draft"
-        }),
-        text: "This is a draft"
-      };
-  }
+const getIcon = (rev)=>{
+    switch(true){
+        case rev.meta.locked && "published" !== rev.meta.status:
+            return {
+                icon: /*#__PURE__*/ react.createElement(Icon, {
+                    label: "Locked revision",
+                    icon: /*#__PURE__*/ react.createElement(lock_svg_ReactComponent, null),
+                    "data-testid": "cms.revision.status.locked"
+                }),
+                text: "This revision is locked (it has already been published)"
+            };
+        case "published" === rev.meta.status:
+            return {
+                icon: /*#__PURE__*/ react.createElement(Icon, {
+                    label: "Published revision",
+                    icon: /*#__PURE__*/ react.createElement(beenhere_svg_ReactComponent, null),
+                    color: "accent",
+                    "data-testid": "cms.revision.status.published"
+                }),
+                text: "This revision is currently published!"
+            };
+        default:
+            return {
+                icon: /*#__PURE__*/ react.createElement(Icon, {
+                    label: "Draft revision",
+                    icon: /*#__PURE__*/ react.createElement(gesture_svg_ReactComponent, null),
+                    "data-testid": "cms.revision.status.draft"
+                }),
+                text: "This is a draft"
+            };
+    }
 };
-const RevisionListItem = ({
-  revision
-}) => {
-  const {
-    createRevision,
-    deleteRevision,
-    unpublishRevision,
-    editRevision,
-    publishRevision
-  } = useRevision({
-    revision
-  });
-  const {
-    entry,
-    setActiveTab
-  } = useContentEntry();
-  const {
-    canEdit,
-    canDelete,
-    canPublish,
-    canUnpublish
-  } = usePermission();
-  const {
-    icon,
-    text: tooltipText
-  } = getIcon(revision);
-  return /*#__PURE__*/React.createElement(List.Item, {
-    icon: /*#__PURE__*/React.createElement(Tooltip, {
-      content: tooltipText,
-      trigger: icon
-    }),
-    title: revision.meta.title || t`N/A`,
-    description: t`Last modified by {author} on {time} (#{version})`({
-      // Added this because revisionCreatedBy can be returned as null from GraphQL.
-      author: revision.revisionCreatedBy?.displayName,
-      time: /*#__PURE__*/React.createElement(Date, {
-        date: revision.revisionSavedOn
-      }),
-      version: revision.meta.version
-    }),
-    actions: /*#__PURE__*/React.createElement(DropdownMenu, {
-      trigger: /*#__PURE__*/React.createElement(IconButton, {
-        variant: "ghost",
-        size: "sm",
-        iconSize: "lg",
-        icon: /*#__PURE__*/React.createElement(MoreVerticalIcon, null)
-      }),
-      "data-testid": "cms.content-form.revisions.more-options"
-    }, /*#__PURE__*/React.createElement(React.Fragment, null, canEdit(entry, "cms.contentEntry") && /*#__PURE__*/React.createElement(DropdownMenu.Item, {
-      onClick: () => createRevision(),
-      "data-testid": "cms.revision.create-revision",
-      icon: /*#__PURE__*/React.createElement(AddIcon, null),
-      text: t`New revision from current`
-    }), !revision.meta.locked && canEdit(entry, "cms.contentEntry") && /*#__PURE__*/React.createElement(DropdownMenu.Item, {
-      onClick: () => {
-        editRevision();
-        setActiveTab("content");
-      },
-      icon: /*#__PURE__*/React.createElement(EditIcon, null),
-      text: t`Edit revision`
-    }), revision.meta.status !== "published" && canPublish("cms.contentEntry") && /*#__PURE__*/React.createElement(PublishEntryRevisionListItem, {
-      onClick: () => publishRevision(),
-      icon: /*#__PURE__*/React.createElement(PublishIcon, null),
-      text: t`Publish revision`
-    }), revision.meta.status === "published" && canUnpublish("cms.contentEntry") && /*#__PURE__*/React.createElement(DropdownMenu.Item, {
-      onClick: () => unpublishRevision(),
-      "data-testid": "cms.revision.unpublish",
-      icon: /*#__PURE__*/React.createElement(UnpublishIcon, null),
-      text: t`Unpublish revision`
-    }), !revision.meta.locked && canDelete(entry, "cms.contentEntry") && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DropdownMenu.Separator, null), /*#__PURE__*/React.createElement(DropdownMenu.Item, {
-      onClick: () => deleteRevision(),
-      icon: /*#__PURE__*/React.createElement(DeleteIcon, null),
-      text: t` Delete revision`,
-      className: "text-destructive-primary! [&_svg]:fill-destructive"
-    }))))
-  });
+const RevisionListItem = ({ revision })=>{
+    const { createRevision, deleteRevision, unpublishRevision, editRevision, publishRevision } = useRevision({
+        revision
+    });
+    const { entry, setActiveTab } = useContentEntry();
+    const { canEdit, canDelete, canPublish, canUnpublish } = usePermission();
+    const { icon, text: tooltipText } = getIcon(revision);
+    return /*#__PURE__*/ react.createElement(List.Item, {
+        icon: /*#__PURE__*/ react.createElement(Tooltip, {
+            content: tooltipText,
+            trigger: icon
+        }),
+        title: revision.meta.title || t`N/A`,
+        description: /*#__PURE__*/ react.createElement(react.Fragment, null, revision.revisionDescription ? /*#__PURE__*/ react.createElement(Text, {
+            as: "div",
+            size: "md",
+            className: "mb-2"
+        }, revision.revisionDescription) : null, /*#__PURE__*/ react.createElement(Text, {
+            as: "div",
+            size: "sm"
+        }, t`Last modified by {author} on {time} (#{version})`({
+            author: revision.revisionCreatedBy?.displayName,
+            time: /*#__PURE__*/ react.createElement(DateDisplay, {
+                date: revision.revisionSavedOn
+            }),
+            version: revision.meta.version
+        }))),
+        about: revision.revisionDescription,
+        actions: /*#__PURE__*/ react.createElement(DropdownMenu, {
+            trigger: /*#__PURE__*/ react.createElement(IconButton, {
+                variant: "ghost",
+                size: "sm",
+                iconSize: "lg",
+                icon: /*#__PURE__*/ react.createElement(ReactComponent, null)
+            }),
+            "data-testid": "cms.content-form.revisions.more-options"
+        }, /*#__PURE__*/ react.createElement(react.Fragment, null, canEdit(entry, "cms.contentEntry") && /*#__PURE__*/ react.createElement(DropdownMenu.Item, {
+            onClick: ()=>createRevision(),
+            "data-testid": "cms.revision.create-revision",
+            icon: /*#__PURE__*/ react.createElement(add_svg_ReactComponent, null),
+            text: t`New revision from current`
+        }), !revision.meta.locked && canEdit(entry, "cms.contentEntry") && /*#__PURE__*/ react.createElement(DropdownMenu.Item, {
+            onClick: ()=>{
+                editRevision();
+                setActiveTab("content");
+            },
+            icon: /*#__PURE__*/ react.createElement(edit_svg_ReactComponent, null),
+            text: t`Edit revision`
+        }), "published" !== revision.meta.status && canPublish("cms.contentEntry") && /*#__PURE__*/ react.createElement(PublishEntryRevisionListItem, {
+            onClick: ()=>publishRevision(),
+            icon: /*#__PURE__*/ react.createElement(visibility_svg_ReactComponent, null),
+            text: t`Publish revision`
+        }), "published" === revision.meta.status && canUnpublish("cms.contentEntry") && /*#__PURE__*/ react.createElement(DropdownMenu.Item, {
+            onClick: ()=>unpublishRevision(),
+            "data-testid": "cms.revision.unpublish",
+            icon: /*#__PURE__*/ react.createElement(visibility_off_svg_ReactComponent, null),
+            text: t`Unpublish revision`
+        }), !revision.meta.locked && canDelete(entry, "cms.contentEntry") && /*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(DropdownMenu.Separator, null), /*#__PURE__*/ react.createElement(DropdownMenu.Item, {
+            onClick: ()=>deleteRevision(),
+            icon: /*#__PURE__*/ react.createElement(delete_svg_ReactComponent, null),
+            text: t` Delete revision`,
+            className: "text-destructive-primary! [&_svg]:fill-destructive"
+        }))))
+    });
 };
-export default RevisionListItem;
+const RevisionsList_RevisionListItem = RevisionListItem;
+export default RevisionsList_RevisionListItem;
 
 //# sourceMappingURL=RevisionListItem.js.map

package/admin/views/contentEntries/ContentEntry/RevisionsList/RevisionListItem.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","Date","DropdownMenu","Icon","IconButton","List","Tooltip","ReactComponent","MoreVerticalIcon","LockIcon","BeenHereIcon","GestureIcon","AddIcon","EditIcon","PublishIcon","UnpublishIcon","DeleteIcon","i18n","useRevision","usePermission","useContentEntry","PublishEntryRevisionListItem","t","ns","getIcon","rev","meta","locked","status","icon","createElement","label","text","color","RevisionListItem","revision","createRevision","deleteRevision","unpublishRevision","editRevision","publishRevision","entry","setActiveTab","canEdit","canDelete","canPublish","canUnpublish","tooltipText","Item","content","trigger","title","description","author","revisionCreatedBy","displayName","time","date","revisionSavedOn","version","actions","variant","size","iconSize","Fragment","onClick","Separator","className"],"sources":["RevisionListItem.tsx"],"sourcesContent":["import React from \"react\";\nimport { Date } from \"@webiny/ui/DateTime/index.js\";\nimport { DropdownMenu, Icon, IconButton, List, Tooltip } from \"@webiny/admin-ui\";\nimport { ReactComponent as MoreVerticalIcon } from \"@webiny/icons/more_vert.svg\";\nimport { ReactComponent as LockIcon } from \"@webiny/icons/lock.svg\";\nimport { ReactComponent as BeenHereIcon } from \"@webiny/icons/beenhere.svg\";\nimport { ReactComponent as GestureIcon } from \"@webiny/icons/gesture.svg\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { ReactComponent as EditIcon } from \"@webiny/icons/edit.svg\";\nimport { ReactComponent as PublishIcon } from \"@webiny/icons/visibility.svg\";\nimport { ReactComponent as UnpublishIcon } from \"@webiny/icons/visibility_off.svg\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport type { CmsContentEntryRevision } from \"~/types.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { useRevision } from \"./useRevision.js\";\nimport { usePermission } from \"~/admin/hooks/usePermission.js\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks/useContentEntry.js\";\nimport { PublishEntryRevisionListItem } from \"./PublishEntryRevisionListItem.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/plugins/content-details/content-revisions\");\n\nconst getIcon = (rev: CmsContentEntryRevision) => {\n    switch (true) {\n        case rev.meta.locked && rev.meta.status !== \"published\":\n            return {\n                icon: (\n                    <Icon\n                        label={\"Locked revision\"}\n                        icon={<LockIcon />}\n                        data-testid={\"cms.revision.status.locked\"}\n                    />\n                ),\n                text: \"This revision is locked (it has already been published)\"\n            };\n        case rev.meta.status === \"published\":\n            return {\n                icon: (\n                    <Icon\n                        label=\"Published revision\"\n                        icon={<BeenHereIcon />}\n                        color={\"accent\"}\n                        data-testid={\"cms.revision.status.published\"}\n                    />\n                ),\n                text: \"This revision is currently published!\"\n            };\n        default:\n            return {\n                icon: (\n                    <Icon\n                        label={\"Draft revision\"}\n                        icon={<GestureIcon />}\n                        data-testid={\"cms.revision.status.draft\"}\n                    />\n                ),\n                text: \"This is a draft\"\n            };\n    }\n};\n\ninterface RevisionListItemProps {\n    revision: CmsContentEntryRevision;\n}\n\nconst RevisionListItem = ({ revision }: RevisionListItemProps) => {\n    const { createRevision, deleteRevision, unpublishRevision, editRevision, publishRevision } =\n        useRevision({\n            revision\n        });\n\n    const { entry, setActiveTab } = useContentEntry();\n    const { canEdit, canDelete, canPublish, canUnpublish } = usePermission();\n    const { icon, text: tooltipText } = getIcon(revision);\n\n    return (\n        <List.Item\n            icon={<Tooltip content={tooltipText} trigger={icon} />}\n            title={revision.meta.title || t`N/A`}\n            description={t`Last modified by {author} on {time} (#{version})`({\n                // Added this because revisionCreatedBy can be returned as null from GraphQL.\n                author: revision.revisionCreatedBy?.displayName,\n                time: <Date date={revision.revisionSavedOn} />,\n                version: revision.meta.version\n            })}\n            actions={\n                <DropdownMenu\n                    trigger={\n                        <IconButton\n                            variant={\"ghost\"}\n                            size={\"sm\"}\n                            iconSize={\"lg\"}\n                            icon={<MoreVerticalIcon />}\n                        />\n                    }\n                    data-testid={\"cms.content-form.revisions.more-options\"}\n                >\n                    <>\n                        {canEdit(entry, \"cms.contentEntry\") && (\n                            <DropdownMenu.Item\n                                onClick={() => createRevision()}\n                                data-testid={\"cms.revision.create-revision\"}\n                                icon={<AddIcon />}\n                                text={t`New revision from current`}\n                            />\n                        )}\n\n                        {!revision.meta.locked && canEdit(entry, \"cms.contentEntry\") && (\n                            <DropdownMenu.Item\n                                onClick={() => {\n                                    editRevision();\n                                    setActiveTab(\"content\");\n                                }}\n                                icon={<EditIcon />}\n                                text={t`Edit revision`}\n                            />\n                        )}\n\n                        {revision.meta.status !== \"published\" && canPublish(\"cms.contentEntry\") && (\n                            <PublishEntryRevisionListItem\n                                onClick={() => publishRevision()}\n                                icon={<PublishIcon />}\n                                text={t`Publish revision`}\n                            />\n                        )}\n\n                        {revision.meta.status === \"published\" &&\n                            canUnpublish(\"cms.contentEntry\") && (\n                                <DropdownMenu.Item\n                                    onClick={() => unpublishRevision()}\n                                    data-testid={\"cms.revision.unpublish\"}\n                                    icon={<UnpublishIcon />}\n                                    text={t`Unpublish revision`}\n                                />\n                            )}\n\n                        {!revision.meta.locked && canDelete(entry, \"cms.contentEntry\") && (\n                            <>\n                                <DropdownMenu.Separator />\n                                <DropdownMenu.Item\n                                    onClick={() => deleteRevision()}\n                                    icon={<DeleteIcon />}\n                                    text={t` Delete revision`}\n                                    className={\"text-destructive-primary! [&_svg]:fill-destructive\"}\n                                />\n                            </>\n                        )}\n                    </>\n                </DropdownMenu>\n            }\n        />\n    );\n};\n\nexport default RevisionListItem;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"admin/views/contentEntries/ContentEntry/RevisionsList/RevisionListItem.js","sources":["../../../../../../src/admin/views/contentEntries/ContentEntry/RevisionsList/RevisionListItem.tsx"],"sourcesContent":["import React from \"react\";\nconst DateDisplay = ({ date }: { date: string }) => {\n    const formatted = React.useMemo(() => {\n        const d = new globalThis.Date(date);\n        if (isNaN(d.getTime())) {\n            return \"\";\n        }\n        return new Intl.DateTimeFormat(navigator.language, {\n            day: \"numeric\",\n            month: \"long\",\n            year: \"numeric\"\n        }).format(d);\n    }, [date]);\n    return <>{formatted}</>;\n};\nimport { DropdownMenu, Icon, IconButton, List, Tooltip, Text } from \"@webiny/admin-ui\";\nimport { ReactComponent as MoreVerticalIcon } from \"@webiny/icons/more_vert.svg\";\nimport { ReactComponent as LockIcon } from \"@webiny/icons/lock.svg\";\nimport { ReactComponent as BeenHereIcon } from \"@webiny/icons/beenhere.svg\";\nimport { ReactComponent as GestureIcon } from \"@webiny/icons/gesture.svg\";\nimport { ReactComponent as AddIcon } from \"@webiny/icons/add.svg\";\nimport { ReactComponent as EditIcon } from \"@webiny/icons/edit.svg\";\nimport { ReactComponent as PublishIcon } from \"@webiny/icons/visibility.svg\";\nimport { ReactComponent as UnpublishIcon } from \"@webiny/icons/visibility_off.svg\";\nimport { ReactComponent as DeleteIcon } from \"@webiny/icons/delete.svg\";\nimport type { CmsContentEntryRevision } from \"~/types.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { useRevision } from \"./useRevision.js\";\nimport { usePermission } from \"~/admin/hooks/usePermission.js\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks/useContentEntry.js\";\nimport { PublishEntryRevisionListItem } from \"./PublishEntryRevisionListItem.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/plugins/content-details/content-revisions\");\n\nconst getIcon = (rev: CmsContentEntryRevision) => {\n    switch (true) {\n        case rev.meta.locked && rev.meta.status !== \"published\":\n            return {\n                icon: (\n                    <Icon\n                        label={\"Locked revision\"}\n                        icon={<LockIcon />}\n                        data-testid={\"cms.revision.status.locked\"}\n                    />\n                ),\n                text: \"This revision is locked (it has already been published)\"\n            };\n        case rev.meta.status === \"published\":\n            return {\n                icon: (\n                    <Icon\n                        label=\"Published revision\"\n                        icon={<BeenHereIcon />}\n                        color={\"accent\"}\n                        data-testid={\"cms.revision.status.published\"}\n                    />\n                ),\n                text: \"This revision is currently published!\"\n            };\n        default:\n            return {\n                icon: (\n                    <Icon\n                        label={\"Draft revision\"}\n                        icon={<GestureIcon />}\n                        data-testid={\"cms.revision.status.draft\"}\n                    />\n                ),\n                text: \"This is a draft\"\n            };\n    }\n};\n\ninterface RevisionListItemProps {\n    revision: CmsContentEntryRevision;\n}\n\nconst RevisionListItem = ({ revision }: RevisionListItemProps) => {\n    const { createRevision, deleteRevision, unpublishRevision, editRevision, publishRevision } =\n        useRevision({\n            revision\n        });\n\n    const { entry, setActiveTab } = useContentEntry();\n    const { canEdit, canDelete, canPublish, canUnpublish } = usePermission();\n    const { icon, text: tooltipText } = getIcon(revision);\n\n    return (\n        <List.Item\n            icon={<Tooltip content={tooltipText} trigger={icon} />}\n            title={revision.meta.title || t`N/A`}\n            description={\n                <>\n                    {revision.revisionDescription ? (\n                        <Text as={\"div\"} size={\"md\"} className={\"mb-2\"}>\n                            {revision.revisionDescription}\n                        </Text>\n                    ) : null}\n                    <Text as={\"div\"} size={\"sm\"}>\n                        {t`Last modified by {author} on {time} (#{version})`({\n                            // Added this because revisionCreatedBy can be returned as null from GraphQL.\n                            author: revision.revisionCreatedBy?.displayName,\n                            time: <DateDisplay date={revision.revisionSavedOn} />,\n                            version: revision.meta.version\n                        })}\n                    </Text>\n                </>\n            }\n            about={revision.revisionDescription}\n            actions={\n                <DropdownMenu\n                    trigger={\n                        <IconButton\n                            variant={\"ghost\"}\n                            size={\"sm\"}\n                            iconSize={\"lg\"}\n                            icon={<MoreVerticalIcon />}\n                        />\n                    }\n                    data-testid={\"cms.content-form.revisions.more-options\"}\n                >\n                    <>\n                        {canEdit(entry, \"cms.contentEntry\") && (\n                            <DropdownMenu.Item\n                                onClick={() => createRevision()}\n                                data-testid={\"cms.revision.create-revision\"}\n                                icon={<AddIcon />}\n                                text={t`New revision from current`}\n                            />\n                        )}\n\n                        {!revision.meta.locked && canEdit(entry, \"cms.contentEntry\") && (\n                            <DropdownMenu.Item\n                                onClick={() => {\n                                    editRevision();\n                                    setActiveTab(\"content\");\n                                }}\n                                icon={<EditIcon />}\n                                text={t`Edit revision`}\n                            />\n                        )}\n\n                        {revision.meta.status !== \"published\" && canPublish(\"cms.contentEntry\") && (\n                            <PublishEntryRevisionListItem\n                                onClick={() => publishRevision()}\n                                icon={<PublishIcon />}\n                                text={t`Publish revision`}\n                            />\n                        )}\n\n                        {revision.meta.status === \"published\" &&\n                            canUnpublish(\"cms.contentEntry\") && (\n                                <DropdownMenu.Item\n                                    onClick={() => unpublishRevision()}\n                                    data-testid={\"cms.revision.unpublish\"}\n                                    icon={<UnpublishIcon />}\n                                    text={t`Unpublish revision`}\n                                />\n                            )}\n\n                        {!revision.meta.locked && canDelete(entry, \"cms.contentEntry\") && (\n                            <>\n                                <DropdownMenu.Separator />\n                                <DropdownMenu.Item\n                                    onClick={() => deleteRevision()}\n                                    icon={<DeleteIcon />}\n                                    text={t` Delete revision`}\n                                    className={\"text-destructive-primary! [&_svg]:fill-destructive\"}\n                                />\n                            </>\n                        )}\n                    </>\n                </DropdownMenu>\n            }\n        />\n    );\n};\n\nexport default RevisionListItem;\n"],"names":["DateDisplay","date","formatted","React","d","globalThis","isNaN","Intl","navigator","t","i18n","getIcon","rev","Icon","LockIcon","BeenHereIcon","GestureIcon","RevisionListItem","revision","createRevision","deleteRevision","unpublishRevision","editRevision","publishRevision","useRevision","entry","setActiveTab","useContentEntry","canEdit","canDelete","canPublish","canUnpublish","usePermission","icon","tooltipText","List","Tooltip","Text","DropdownMenu","IconButton","MoreVerticalIcon","AddIcon","EditIcon","PublishEntryRevisionListItem","PublishIcon","UnpublishIcon","DeleteIcon"],"mappings":"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"}

package/admin/views/contentEntries/ContentEntry/RevisionsList/RevisionsList.d.ts

@@ -1,2 +1,8 @@
 import React from "react";
-export declare const RevisionsList: () => React.JSX.Element;
+import type { CmsContentEntryRevision } from "@webiny/app-headless-cms-common/types/index.js";
+interface IRevisionsListProps {
+    revisions: CmsContentEntryRevision[];
+    loading: boolean;
+}
+export declare const RevisionsList: (props: IRevisionsListProps) => React.JSX.Element;
+export {};

package/admin/views/contentEntries/ContentEntry/RevisionsList/RevisionsList.js

@@ -1,25 +1,21 @@
-import React from "react";
+import react from "react";
 import { List, OverlayLoader } from "@webiny/admin-ui";
 import { i18n } from "@webiny/app/i18n/index.js";
 import RevisionListItem from "./RevisionListItem.js";
-import { useContentEntry } from "../../hooks/useContentEntry.js";
 const t = i18n.ns("app-headless-cms/admin/plugins/content-details/content-revisions");
-export const RevisionsList = () => {
-  const {
-    entry,
-    revisions,
-    loading
-  } = useContentEntry();
-  return /*#__PURE__*/React.createElement("div", {
-    className: "relative"
-  }, loading && /*#__PURE__*/React.createElement(OverlayLoader, null), entry.id && revisions.length ? /*#__PURE__*/React.createElement(List, {
-    "data-testid": "cms.content-form.revisions"
-  }, revisions.map(revision => /*#__PURE__*/React.createElement(RevisionListItem, {
-    revision: revision,
-    key: revision.id
-  }))) : /*#__PURE__*/React.createElement("div", {
-    className: "p-lg"
-  }, t`No revisions to show.`));
+const RevisionsList = (props)=>{
+    const { revisions, loading } = props;
+    return /*#__PURE__*/ react.createElement("div", {
+        className: "relative"
+    }, loading && /*#__PURE__*/ react.createElement(OverlayLoader, null), revisions?.length ? /*#__PURE__*/ react.createElement(List, {
+        "data-testid": "cms.content-form.revisions"
+    }, revisions.map((revision)=>/*#__PURE__*/ react.createElement(RevisionListItem, {
+            revision: revision,
+            key: revision.id
+        }))) : /*#__PURE__*/ react.createElement("div", {
+        className: "p-lg"
+    }, t`No revisions to show.`));
 };
+export { RevisionsList };
 
 //# sourceMappingURL=RevisionsList.js.map

package/admin/views/contentEntries/ContentEntry/RevisionsList/RevisionsList.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","List","OverlayLoader","i18n","RevisionListItem","useContentEntry","t","ns","RevisionsList","entry","revisions","loading","createElement","className","id","length","map","revision","key"],"sources":["RevisionsList.tsx"],"sourcesContent":["import React from \"react\";\nimport { List, OverlayLoader } from \"@webiny/admin-ui\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport RevisionListItem from \"./RevisionListItem.js\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks/useContentEntry.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/plugins/content-details/content-revisions\");\n\nexport const RevisionsList = () => {\n    const { entry, revisions, loading } = useContentEntry();\n\n    return (\n        <div className={\"relative\"}>\n            {loading && <OverlayLoader />}\n            {entry.id && revisions.length ? (\n                <List data-testid={\"cms.content-form.revisions\"}>\n                    {revisions.map(revision => (\n                        <RevisionListItem revision={revision} key={revision.id} />\n                    ))}\n                </List>\n            ) : (\n                <div className={\"p-lg\"}>{t`No revisions to show.`}</div>\n            )}\n        </div>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,aAAa,QAAQ,kBAAkB;AACtD,SAASC,IAAI,QAAQ,2BAA2B;AAChD,OAAOC,gBAAgB;AACvB,SAASC,eAAe;AAExB,MAAMC,CAAC,GAAGH,IAAI,CAACI,EAAE,CAAC,kEAAkE,CAAC;AAErF,OAAO,MAAMC,aAAa,GAAGA,CAAA,KAAM;EAC/B,MAAM;IAAEC,KAAK;IAAEC,SAAS;IAAEC;EAAQ,CAAC,GAAGN,eAAe,CAAC,CAAC;EAEvD,oBACIL,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAE;EAAW,GACtBF,OAAO,iBAAIX,KAAA,CAAAY,aAAA,CAACV,aAAa,MAAE,CAAC,EAC5BO,KAAK,CAACK,EAAE,IAAIJ,SAAS,CAACK,MAAM,gBACzBf,KAAA,CAAAY,aAAA,CAACX,IAAI;IAAC,eAAa;EAA6B,GAC3CS,SAAS,CAACM,GAAG,CAACC,QAAQ,iBACnBjB,KAAA,CAAAY,aAAA,CAACR,gBAAgB;IAACa,QAAQ,EAAEA,QAAS;IAACC,GAAG,EAAED,QAAQ,CAACH;EAAG,CAAE,CAC5D,CACC,CAAC,gBAEPd,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAE;EAAO,GAAEP,CAAC,uBAA6B,CAE1D,CAAC;AAEd,CAAC","ignoreList":[]}
+{"version":3,"file":"admin/views/contentEntries/ContentEntry/RevisionsList/RevisionsList.js","sources":["../../../../../../src/admin/views/contentEntries/ContentEntry/RevisionsList/RevisionsList.tsx"],"sourcesContent":["import React from \"react\";\nimport { List, OverlayLoader } from \"@webiny/admin-ui\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport RevisionListItem from \"./RevisionListItem.js\";\nimport type { CmsContentEntryRevision } from \"@webiny/app-headless-cms-common/types/index.js\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/plugins/content-details/content-revisions\");\n\ninterface IRevisionsListProps {\n    revisions: CmsContentEntryRevision[];\n    loading: boolean;\n}\n\nexport const RevisionsList = (props: IRevisionsListProps) => {\n    const { revisions, loading } = props;\n\n    return (\n        <div className={\"relative\"}>\n            {loading && <OverlayLoader />}\n            {revisions?.length ? (\n                <List data-testid={\"cms.content-form.revisions\"}>\n                    {revisions.map(revision => (\n                        <RevisionListItem revision={revision} key={revision.id} />\n                    ))}\n                </List>\n            ) : (\n                <div className={\"p-lg\"}>{t`No revisions to show.`}</div>\n            )}\n        </div>\n    );\n};\n"],"names":["t","i18n","RevisionsList","props","revisions","loading","OverlayLoader","List","revision","RevisionListItem"],"mappings":";;;;AAMA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AAOX,MAAMC,gBAAgB,CAACC;IAC1B,MAAM,EAAEC,SAAS,EAAEC,OAAO,EAAE,GAAGF;IAE/B,OAAO,WAAP,GACI,oBAAC;QAAI,WAAW;OACXE,WAAW,WAAXA,GAAW,oBAACC,eAAaA,OACzBF,WAAW,SAAS,WAAT,GACR,oBAACG,MAAIA;QAAC,eAAa;OACdH,UAAU,GAAG,CAACI,CAAAA,WAAAA,WAAAA,GACX,oBAACC,kBAAgBA;YAAC,UAAUD;YAAU,KAAKA,SAAS,EAAE;6BAI9D,oBAAC;QAAI,WAAW;OAASR,CAAC,CAAC,qBAAqB,CAAC;AAIjE"}

package/admin/views/contentEntries/ContentEntry/RevisionsList/useRevision.js

@@ -1,131 +1,87 @@
-import React from "react";
+import react from "react";
 import { useToast } from "@webiny/admin-ui";
 import { useRoute, useRouter } from "@webiny/app-admin";
 import { useHandlers } from "@webiny/app/hooks/useHandlers.js";
 import { useContentEntry } from "../../hooks/useContentEntry.js";
 import { Routes } from "../../../../../routes.js";
-export const useRevision = ({
-  revision
-}) => {
-  const contentEntry = useContentEntry();
-  const {
-    goToRoute
-  } = useRouter();
-  const {
-    route
-  } = useRoute(Routes.ContentEntries.List);
-  const {
-    showSuccessToast,
-    showWarningToast
-  } = useToast();
-  const {
-    contentModel
-  } = contentEntry;
-  const {
-    modelId
-  } = contentModel;
-  const {
-    createRevision,
-    editRevision,
-    deleteRevision,
-    publishRevision,
-    unpublishRevision
-  } = useHandlers({
-    entry: revision,
-    contentEntryHook: contentEntry
-  }, {
-    createRevision: ({
-      contentEntryHook
-    }) => async id => {
-      const {
-        entry,
-        error
-      } = await contentEntryHook.createEntryRevisionFrom({
-        id: id || revision.id
-      });
-      if (error) {
-        showWarningToast(error.message);
-        return;
-      }
-      goToRoute(Routes.ContentEntries.List, {
-        ...route.params,
-        id: entry.id
-      });
-    },
-    editRevision: () => id => {
-      goToRoute(Routes.ContentEntries.List, {
-        ...route.params,
-        id: id || revision.id
-      });
-    },
-    deleteRevision: ({
-      entry,
-      contentEntryHook
-    }) => async id => {
-      const revisionId = id || entry.id;
-      const response = await contentEntryHook.deleteEntryRevision({
-        id: revisionId
-      });
-      if (typeof response === "object" && response.error) {
-        return;
-      }
-      const {
-        newLatestRevision
-      } = response;
-      goToRoute(Routes.ContentEntries.List, {
-        modelId,
-        id: newLatestRevision?.id
-      });
-    },
-    publishRevision: ({
-      entry,
-      contentEntryHook
-    }) => async id => {
-      const response = await contentEntryHook.publishEntryRevision({
-        id: id || entry.id
-      });
-      if (response.error) {
-        showWarningToast({
-          title: "Failed to publish",
-          description: response.error.message
-        });
-        return response;
-      }
-      showSuccessToast({
-        title: "Revision published!",
-        description: /*#__PURE__*/React.createElement("span", null, "Successfully published revision", " ", /*#__PURE__*/React.createElement("strong", null, "#", response.entry.meta.version), "!")
-      });
-      return response;
-    },
-    unpublishRevision: ({
-      entry,
-      contentEntryHook
-    }) => async id => {
-      const {
-        error
-      } = await contentEntryHook.unpublishEntryRevision({
-        id: id || entry.id
-      });
-      if (error) {
-        showWarningToast({
-          title: "Failed to unpublish",
-          description: error.message
-        });
-        return;
-      }
-      showSuccessToast({
-        title: "Revision unpublished",
-        description: /*#__PURE__*/React.createElement("span", null, "Successfully unpublished revision", " ", /*#__PURE__*/React.createElement("strong", null, "#", revision.meta.version), "!")
-      });
-    }
-  });
-  return {
-    createRevision,
-    editRevision,
-    deleteRevision,
-    publishRevision,
-    unpublishRevision
-  };
+const useRevision = ({ revision })=>{
+    const contentEntry = useContentEntry();
+    const { goToRoute } = useRouter();
+    const { route } = useRoute(Routes.ContentEntries.List);
+    const { showSuccessToast, showWarningToast } = useToast();
+    const { contentModel } = contentEntry;
+    const { modelId } = contentModel;
+    const { createRevision, editRevision, deleteRevision, publishRevision, unpublishRevision } = useHandlers({
+        entry: revision,
+        contentEntryHook: contentEntry
+    }, {
+        createRevision: ({ contentEntryHook })=>async (id)=>{
+                const { entry, error } = await contentEntryHook.createEntryRevisionFrom({
+                    id: id || revision.id
+                });
+                if (error) return void showWarningToast(error.message);
+                goToRoute(Routes.ContentEntries.List, {
+                    ...route.params,
+                    id: entry.id
+                });
+            },
+        editRevision: ()=>(id)=>{
+                goToRoute(Routes.ContentEntries.List, {
+                    ...route.params,
+                    id: id || revision.id
+                });
+            },
+        deleteRevision: ({ entry, contentEntryHook })=>async (id)=>{
+                const revisionId = id || entry.id;
+                const response = await contentEntryHook.deleteEntryRevision({
+                    id: revisionId
+                });
+                if ("object" == typeof response && response.error) return;
+                const { newLatestRevision } = response;
+                goToRoute(Routes.ContentEntries.List, {
+                    modelId,
+                    id: newLatestRevision?.id
+                });
+            },
+        publishRevision: ({ entry, contentEntryHook })=>async (id)=>{
+                const response = await contentEntryHook.publishEntryRevision({
+                    id: id || entry.id
+                });
+                if (response.error) {
+                    showWarningToast({
+                        title: "Failed to publish",
+                        description: response.error.message
+                    });
+                    return response;
+                }
+                showSuccessToast({
+                    title: "Revision published!",
+                    description: /*#__PURE__*/ react.createElement("span", null, "Successfully published revision", " ", /*#__PURE__*/ react.createElement("strong", null, "#", response.entry.meta.version), "!")
+                });
+                return response;
+            },
+        unpublishRevision: ({ entry, contentEntryHook })=>async (id)=>{
+                const { error } = await contentEntryHook.unpublishEntryRevision({
+                    id: id || entry.id
+                });
+                if (error) return void showWarningToast({
+                    title: "Failed to unpublish",
+                    description: error.message
+                });
+                showSuccessToast({
+                    title: "Revision unpublished",
+                    description: /*#__PURE__*/ react.createElement("span", null, "Successfully unpublished revision", " ", /*#__PURE__*/ react.createElement("strong", null, "#", revision.meta.version), "!")
+                });
+            }
+    });
+    return {
+        createRevision,
+        editRevision,
+        deleteRevision,
+        publishRevision,
+        unpublishRevision
+    };
 };
+export { useRevision };
 
 //# sourceMappingURL=useRevision.js.map