@webiny/app-headless-cms 6.0.0-beta.0 → 6.0.0-rc.1

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

@@ -1,141 +1,130 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireDefault(require("react"));
-var _emotion = require("emotion");
-var _DateTime = require("@webiny/ui/DateTime");
-var _List = require("@webiny/ui/List");
-var _Button = require("@webiny/ui/Button");
-var _Icon = require("@webiny/ui/Icon");
-var _Menu = require("@webiny/ui/Menu");
-var _Tooltip = require("@webiny/ui/Tooltip");
-var _more_vert = require("../../../../icons/more_vert.svg");
-var _lock = require("../../../../icons/lock.svg");
-var _beenhere = require("../../../../icons/beenhere.svg");
-var _gesture = require("../../../../icons/gesture.svg");
-var _add = require("../../../../icons/add.svg");
-var _edit = require("../../../../icons/edit.svg");
-var _unpublish = require("../../../../icons/unpublish.svg");
-var _delete = require("../../../../icons/delete.svg");
-var _i18n = require("@webiny/app/i18n");
-var _useRevision2 = require("./useRevision");
-var _usePermission2 = require("../../../../hooks/usePermission");
-var _useContentEntry2 = require("../../hooks/useContentEntry");
-var _PublishEntryRevisionListItem = require("./PublishEntryRevisionListItem");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-var t = _i18n.i18n.ns("app-headless-cms/admin/plugins/content-details/content-revisions");
-var primaryColor = (0, _emotion.css)({
-  color: "var(--mdc-theme-primary)"
-});
-var revisionsMenu = (0, _emotion.css)({
-  width: 250,
-  right: -105,
-  left: "auto !important"
-});
-var getIcon = function getIcon(rev) {
+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 { 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 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.default.createElement(_Icon.Icon, {
-          icon: /*#__PURE__*/_react.default.createElement(_lock.ReactComponent, null),
+        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.default.createElement(_Icon.Icon, {
-          icon: /*#__PURE__*/_react.default.createElement(_beenhere.ReactComponent, null),
-          className: primaryColor,
+        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.default.createElement(_Icon.Icon, {
-          icon: /*#__PURE__*/_react.default.createElement(_gesture.ReactComponent, null),
+        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"
       };
   }
 };
-var RevisionListItem = function RevisionListItem(_ref) {
-  var revision = _ref.revision;
-  var _useRevision = (0, _useRevision2.useRevision)({
-      revision: revision
-    }),
-    createRevision = _useRevision.createRevision,
-    deleteRevision = _useRevision.deleteRevision,
-    publishRevision = _useRevision.publishRevision,
-    unpublishRevision = _useRevision.unpublishRevision,
-    editRevision = _useRevision.editRevision;
-  var _useContentEntry = (0, _useContentEntry2.useContentEntry)(),
-    entry = _useContentEntry.entry,
-    setActiveTab = _useContentEntry.setActiveTab;
-  var _usePermission = (0, _usePermission2.usePermission)(),
-    canEdit = _usePermission.canEdit,
-    canDelete = _usePermission.canDelete,
-    canPublish = _usePermission.canPublish,
-    canUnpublish = _usePermission.canUnpublish;
-  var _getIcon = getIcon(revision),
-    icon = _getIcon.icon,
-    tooltipText = _getIcon.text;
-  return /*#__PURE__*/_react.default.createElement(_List.ListItem, null, /*#__PURE__*/_react.default.createElement(_List.ListItemGraphic, null, /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
-    content: tooltipText,
-    placement: "bottom"
-  }, icon)), /*#__PURE__*/_react.default.createElement(_List.ListItemText, null, /*#__PURE__*/_react.default.createElement(_List.ListItemTextPrimary, null, revision.meta.title || t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["N/A"])))), /*#__PURE__*/_react.default.createElement(_List.ListItemTextSecondary, null, t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["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.default.createElement(_DateTime.Date, {
-      date: revision.revisionCreatedOn
+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
     }),
-    version: revision.meta.version
-  }))), /*#__PURE__*/_react.default.createElement(_List.ListItemMeta, null, /*#__PURE__*/_react.default.createElement(_Menu.Menu, {
-    handle: /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
-      icon: /*#__PURE__*/_react.default.createElement(_more_vert.ReactComponent, null)
+    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
     }),
-    className: revisionsMenu,
-    "data-testid": "cms.content-form.revisions.more-options"
-  }, canEdit(entry, "cms.contentEntry") && /*#__PURE__*/_react.default.createElement(_Menu.MenuItem, {
-    onClick: function onClick() {
-      return createRevision();
-    },
-    "data-testid": "cms.revision.create-revision"
-  }, /*#__PURE__*/_react.default.createElement(_List.ListItemGraphic, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
-    icon: /*#__PURE__*/_react.default.createElement(_add.ReactComponent, null)
-  })), t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["New from current"])))), !revision.meta.locked && canEdit(entry, "cms.contentEntry") && /*#__PURE__*/_react.default.createElement(_Menu.MenuItem, {
-    onClick: function onClick() {
-      editRevision();
-      setActiveTab(0);
-    }
-  }, /*#__PURE__*/_react.default.createElement(_List.ListItemGraphic, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
-    icon: /*#__PURE__*/_react.default.createElement(_edit.ReactComponent, null)
-  })), t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Edit"])))), revision.meta.status !== "published" && canPublish("cms.contentEntry") && /*#__PURE__*/_react.default.createElement(_Menu.MenuItem, {
-    onClick: function onClick() {
-      return publishRevision();
-    }
-  }, /*#__PURE__*/_react.default.createElement(_PublishEntryRevisionListItem.PublishEntryRevisionListItem, null)), revision.meta.status === "published" && canUnpublish("cms.contentEntry") && /*#__PURE__*/_react.default.createElement(_Menu.MenuItem, {
-    onClick: function onClick() {
-      return unpublishRevision();
-    },
-    "data-testid": "cms.revision.unpublish"
-  }, /*#__PURE__*/_react.default.createElement(_List.ListItemGraphic, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
-    icon: /*#__PURE__*/_react.default.createElement(_unpublish.ReactComponent, null)
-  })), t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Unpublish"])))), !revision.meta.locked && canDelete(entry, "cms.contentEntry") && /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Menu.MenuDivider, null), /*#__PURE__*/_react.default.createElement(_Menu.MenuItem, {
-    onClick: function onClick() {
-      return deleteRevision();
-    }
-  }, /*#__PURE__*/_react.default.createElement(_List.ListItemGraphic, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
-    icon: /*#__PURE__*/_react.default.createElement(_delete.ReactComponent, null)
-  })), t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)([" Delete"]))))))));
+    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"
+    }))))
+  });
 };
-var _default = exports.default = RevisionListItem;
+export default RevisionListItem;
 
 //# sourceMappingURL=RevisionListItem.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_DateTime","_List","_Button","_Icon","_Menu","_Tooltip","_more_vert","_lock","_beenhere","_gesture","_add","_edit","_unpublish","_delete","_i18n","_useRevision2","_usePermission2","_useContentEntry2","_PublishEntryRevisionListItem","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","t","i18n","ns","primaryColor","css","color","revisionsMenu","width","right","left","getIcon","rev","meta","locked","status","icon","default","createElement","Icon","ReactComponent","text","className","RevisionListItem","_ref","revision","_useRevision","useRevision","createRevision","deleteRevision","publishRevision","unpublishRevision","editRevision","_useContentEntry","useContentEntry","entry","setActiveTab","_usePermission","usePermission","canEdit","canDelete","canPublish","canUnpublish","_getIcon","tooltipText","ListItem","ListItemGraphic","Tooltip","content","placement","ListItemText","ListItemTextPrimary","title","_taggedTemplateLiteral2","ListItemTextSecondary","author","revisionCreatedBy","displayName","time","Date","date","revisionCreatedOn","version","ListItemMeta","Menu","handle","IconButton","MenuItem","onClick","PublishEntryRevisionListItem","MenuDivider","_default","exports"],"sources":["RevisionListItem.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { Date } from \"@webiny/ui/DateTime\";\nimport {\n    ListItem,\n    ListItemText,\n    ListItemTextPrimary,\n    ListItemTextSecondary,\n    ListItemGraphic,\n    ListItemMeta\n} from \"@webiny/ui/List\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { MenuItem, Menu, MenuDivider } from \"@webiny/ui/Menu\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport { ReactComponent as MoreVerticalIcon } from \"~/admin/icons/more_vert.svg\";\nimport { ReactComponent as LockIcon } from \"~/admin/icons/lock.svg\";\nimport { ReactComponent as BeenHereIcon } from \"~/admin/icons/beenhere.svg\";\nimport { ReactComponent as GestureIcon } from \"~/admin/icons/gesture.svg\";\nimport { ReactComponent as AddIcon } from \"~/admin/icons/add.svg\";\nimport { ReactComponent as EditIcon } from \"~/admin/icons/edit.svg\";\nimport { ReactComponent as UnpublishIcon } from \"~/admin/icons/unpublish.svg\";\nimport { ReactComponent as DeleteIcon } from \"~/admin/icons/delete.svg\";\nimport { CmsContentEntryRevision } from \"~/types\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { useRevision } from \"./useRevision\";\nimport { usePermission } from \"~/admin/hooks/usePermission\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks/useContentEntry\";\nimport { PublishEntryRevisionListItem } from \"./PublishEntryRevisionListItem\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/plugins/content-details/content-revisions\");\n\nconst primaryColor = css({ color: \"var(--mdc-theme-primary)\" });\n\nconst revisionsMenu = css({\n    width: 250,\n    right: -105,\n    left: \"auto !important\"\n});\n\nconst getIcon = (rev: CmsContentEntryRevision) => {\n    switch (true) {\n        case rev.meta.locked && rev.meta.status !== \"published\":\n            return {\n                icon: <Icon icon={<LockIcon />} data-testid={\"cms.revision.status.locked\"} />,\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                        icon={<BeenHereIcon />}\n                        className={primaryColor}\n                        data-testid={\"cms.revision.status.published\"}\n                    />\n                ),\n                text: \"This revision is currently published!\"\n            };\n        default:\n            return {\n                icon: <Icon icon={<GestureIcon />} data-testid={\"cms.revision.status.draft\"} />,\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, publishRevision, unpublishRevision, editRevision } =\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        <ListItem>\n            <ListItemGraphic>\n                <Tooltip content={tooltipText} placement={\"bottom\"}>\n                    {icon}\n                </Tooltip>\n            </ListItemGraphic>\n            <ListItemText>\n                <ListItemTextPrimary>{revision.meta.title || t`N/A`}</ListItemTextPrimary>\n                <ListItemTextSecondary>\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: <Date date={revision.revisionCreatedOn} />,\n                        version: revision.meta.version\n                    })}\n                </ListItemTextSecondary>\n            </ListItemText>\n            <ListItemMeta>\n                <Menu\n                    handle={<IconButton icon={<MoreVerticalIcon />} />}\n                    className={revisionsMenu}\n                    data-testid={\"cms.content-form.revisions.more-options\"}\n                >\n                    {canEdit(entry, \"cms.contentEntry\") && (\n                        <MenuItem\n                            onClick={() => createRevision()}\n                            data-testid={\"cms.revision.create-revision\"}\n                        >\n                            <ListItemGraphic>\n                                <Icon icon={<AddIcon />} />\n                            </ListItemGraphic>\n                            {t`New from current`}\n                        </MenuItem>\n                    )}\n\n                    {!revision.meta.locked && canEdit(entry, \"cms.contentEntry\") && (\n                        <MenuItem\n                            onClick={() => {\n                                editRevision();\n                                setActiveTab(0);\n                            }}\n                        >\n                            <ListItemGraphic>\n                                <Icon icon={<EditIcon />} />\n                            </ListItemGraphic>\n                            {t`Edit`}\n                        </MenuItem>\n                    )}\n\n                    {revision.meta.status !== \"published\" && canPublish(\"cms.contentEntry\") && (\n                        <MenuItem onClick={() => publishRevision()}>\n                            <PublishEntryRevisionListItem />\n                        </MenuItem>\n                    )}\n\n                    {revision.meta.status === \"published\" && canUnpublish(\"cms.contentEntry\") && (\n                        <MenuItem\n                            onClick={() => unpublishRevision()}\n                            data-testid={\"cms.revision.unpublish\"}\n                        >\n                            <ListItemGraphic>\n                                <Icon icon={<UnpublishIcon />} />\n                            </ListItemGraphic>\n                            {t`Unpublish`}\n                        </MenuItem>\n                    )}\n\n                    {!revision.meta.locked && canDelete(entry, \"cms.contentEntry\") && (\n                        <div>\n                            <MenuDivider />\n                            <MenuItem onClick={() => deleteRevision()}>\n                                <ListItemGraphic>\n                                    <Icon icon={<DeleteIcon />} />\n                                </ListItemGraphic>\n                                {t` Delete`}\n                            </MenuItem>\n                        </div>\n                    )}\n                </Menu>\n            </ListItemMeta>\n        </ListItem>\n    );\n};\n\nexport default RevisionListItem;\n"],"mappings":"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","ignoreList":[]}
+{"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":[]}

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

@@ -1,62 +1,25 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.RevisionsList = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireDefault(require("react"));
-var _emotion = require("emotion");
-var _List = require("@webiny/ui/List");
-var _Elevation = require("@webiny/ui/Elevation");
-var _Progress = require("@webiny/ui/Progress");
-var _i18n = require("@webiny/app/i18n");
-var _RevisionListItem = _interopRequireDefault(require("./RevisionListItem"));
-var _useContentEntry2 = require("../../hooks/useContentEntry");
-var _templateObject;
-var t = _i18n.i18n.ns("app-headless-cms/admin/plugins/content-details/content-revisions");
-var style = {
-  list: (0, _emotion.css)({
-    position: "relative",
-    margin: 25,
-    display: "flex",
-    flexDirection: "column",
-    overflow: "auto",
-    maxHeight: "calc(100vh - 160px)",
-    ".mdc-deprecated-list .mdc-deprecated-list-item": {
-      borderBottom: "1px solid var(--mdc-theme-on-background)"
-    },
-    ".mdc-deprecated-list .mdc-deprecated-list-item:last-child": {
-      borderBottom: "none"
-    }
-  }),
-  nothingToShow: (0, _emotion.css)({
-    padding: 20,
-    margin: 25,
-    textAlign: "center"
-  })
-};
-var RevisionsList = exports.RevisionsList = function RevisionsList() {
-  var _useContentEntry = (0, _useContentEntry2.useContentEntry)(),
-    entry = _useContentEntry.entry,
-    revisions = _useContentEntry.revisions,
-    loading = _useContentEntry.loading;
-  return /*#__PURE__*/_react.default.createElement(_Elevation.Elevation, {
-    className: style.list,
-    z: 2
-  }, loading && /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, null), entry.id && revisions.length ? /*#__PURE__*/_react.default.createElement(_List.List, {
-    nonInteractive: true,
-    twoLine: true,
+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(function (revision) {
-    return /*#__PURE__*/_react.default.createElement(_RevisionListItem.default, {
-      revision: revision,
-      key: revision.id
-    });
-  })) : /*#__PURE__*/_react.default.createElement("div", {
-    className: style.nothingToShow
-  }, t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["No revisions to show."])))));
+  }, revisions.map(revision => /*#__PURE__*/React.createElement(RevisionListItem, {
+    revision: revision,
+    key: revision.id
+  }))) : /*#__PURE__*/React.createElement("div", {
+    className: "p-lg"
+  }, t`No revisions to show.`));
 };
 
 //# sourceMappingURL=RevisionsList.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_List","_Elevation","_Progress","_i18n","_RevisionListItem","_useContentEntry2","_templateObject","t","i18n","ns","style","list","css","position","margin","display","flexDirection","overflow","maxHeight","borderBottom","nothingToShow","padding","textAlign","RevisionsList","exports","_useContentEntry","useContentEntry","entry","revisions","loading","default","createElement","Elevation","className","z","CircularProgress","id","length","List","nonInteractive","twoLine","map","revision","key","_taggedTemplateLiteral2"],"sources":["RevisionsList.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { List } from \"@webiny/ui/List\";\nimport { Elevation } from \"@webiny/ui/Elevation\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport RevisionListItem from \"./RevisionListItem\";\nimport { useContentEntry } from \"~/admin/views/contentEntries/hooks/useContentEntry\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/plugins/content-details/content-revisions\");\n\nconst style = {\n    list: css({\n        position: \"relative\",\n        margin: 25,\n        display: \"flex\",\n        flexDirection: \"column\",\n        overflow: \"auto\",\n        maxHeight: \"calc(100vh - 160px)\",\n        \".mdc-deprecated-list .mdc-deprecated-list-item\": {\n            borderBottom: \"1px solid var(--mdc-theme-on-background)\"\n        },\n        \".mdc-deprecated-list .mdc-deprecated-list-item:last-child\": {\n            borderBottom: \"none\"\n        }\n    }),\n    nothingToShow: css({\n        padding: 20,\n        margin: 25,\n        textAlign: \"center\"\n    })\n};\n\nexport const RevisionsList = () => {\n    const { entry, revisions, loading } = useContentEntry();\n\n    return (\n        <Elevation className={style.list} z={2}>\n            {loading && <CircularProgress />}\n            {entry.id && revisions.length ? (\n                <List nonInteractive twoLine data-testid={\"cms.content-form.revisions\"}>\n                    {revisions.map(revision => (\n                        <RevisionListItem revision={revision} key={revision.id} />\n                    ))}\n                </List>\n            ) : (\n                <div className={style.nothingToShow}>{t`No revisions to show.`}</div>\n            )}\n        </Elevation>\n    );\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AACA,IAAAM,iBAAA,GAAAP,sBAAA,CAAAC,OAAA;AACA,IAAAO,iBAAA,GAAAP,OAAA;AAAqF,IAAAQ,eAAA;AAErF,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,kEAAkE,CAAC;AAErF,IAAMC,KAAK,GAAG;EACVC,IAAI,EAAE,IAAAC,YAAG,EAAC;IACNC,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAE,EAAE;IACVC,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE,QAAQ;IACvBC,QAAQ,EAAE,MAAM;IAChBC,SAAS,EAAE,qBAAqB;IAChC,gDAAgD,EAAE;MAC9CC,YAAY,EAAE;IAClB,CAAC;IACD,2DAA2D,EAAE;MACzDA,YAAY,EAAE;IAClB;EACJ,CAAC,CAAC;EACFC,aAAa,EAAE,IAAAR,YAAG,EAAC;IACfS,OAAO,EAAE,EAAE;IACXP,MAAM,EAAE,EAAE;IACVQ,SAAS,EAAE;EACf,CAAC;AACL,CAAC;AAEM,IAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,SAAhBA,aAAaA,CAAA,EAAS;EAC/B,IAAAE,gBAAA,GAAsC,IAAAC,iCAAe,EAAC,CAAC;IAA/CC,KAAK,GAAAF,gBAAA,CAALE,KAAK;IAAEC,SAAS,GAAAH,gBAAA,CAATG,SAAS;IAAEC,OAAO,GAAAJ,gBAAA,CAAPI,OAAO;EAEjC,oBACIjC,MAAA,CAAAkC,OAAA,CAAAC,aAAA,CAAC9B,UAAA,CAAA+B,SAAS;IAACC,SAAS,EAAEvB,KAAK,CAACC,IAAK;IAACuB,CAAC,EAAE;EAAE,GAClCL,OAAO,iBAAIjC,MAAA,CAAAkC,OAAA,CAAAC,aAAA,CAAC7B,SAAA,CAAAiC,gBAAgB,MAAE,CAAC,EAC/BR,KAAK,CAACS,EAAE,IAAIR,SAAS,CAACS,MAAM,gBACzBzC,MAAA,CAAAkC,OAAA,CAAAC,aAAA,CAAC/B,KAAA,CAAAsC,IAAI;IAACC,cAAc;IAACC,OAAO;IAAC,eAAa;EAA6B,GAClEZ,SAAS,CAACa,GAAG,CAAC,UAAAC,QAAQ;IAAA,oBACnB9C,MAAA,CAAAkC,OAAA,CAAAC,aAAA,CAAC3B,iBAAA,CAAA0B,OAAgB;MAACY,QAAQ,EAAEA,QAAS;MAACC,GAAG,EAAED,QAAQ,CAACN;IAAG,CAAE,CAAC;EAAA,CAC7D,CACC,CAAC,gBAEPxC,MAAA,CAAAkC,OAAA,CAAAC,aAAA;IAAKE,SAAS,EAAEvB,KAAK,CAACU;EAAc,GAAEb,CAAC,CAAAD,eAAA,KAAAA,eAAA,OAAAsC,uBAAA,CAAAd,OAAA,8BAA6B,CAEjE,CAAC;AAEpB,CAAC","ignoreList":[]}
+{"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":[]}

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

@@ -1,5 +1,5 @@
-import { CmsContentEntry } from "../../../../../types";
-import { PublishEntryRevisionResponse } from "../../../../contexts/Cms";
+import type { CmsContentEntry } from "../../../../../types.js";
+import type { PublishEntryRevisionResponse } from "../../../../../admin/contexts/Cms/index.js";
 export interface CreateRevisionHandler {
     (id?: string): Promise<void>;
 }