@webiny/app-headless-cms 0.0.0-unstable.40876133bb → 0.0.0-unstable.496cf268ac

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

@@ -1,62 +1,35 @@
 "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 _timeagoReact = _interopRequireDefault(require("timeago-react"));
-
 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 _ConfirmationDialog = require("@webiny/ui/ConfirmationDialog");
-
 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 = _interopRequireDefault(require("../../../hooks/usePermission"));
-
 var _useContentEntry2 = require("../hooks/useContentEntry");
-
 var _PublishEntryRevisionListItem = require("./PublishEntryRevisionListItem");
-
+var _appAdmin = require("@webiny/app-admin");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
-
 var t = _i18n.i18n.ns("app-headless-cms/admin/plugins/content-details/content-revisions");
-
 var primaryColor = /*#__PURE__*/(0, _emotion.css)({
   color: "var(--mdc-theme-primary)"
 }, "label:primaryColor;");
@@ -65,7 +38,6 @@ var revisionsMenu = /*#__PURE__*/(0, _emotion.css)({
   right: -105,
   left: "auto !important"
 }, "label:revisionsMenu;");
-
 var getIcon = function getIcon(rev) {
   switch (true) {
     case rev.meta.locked && rev.meta.status !== "published":
@@ -76,7 +48,6 @@ var getIcon = function getIcon(rev) {
         }),
         text: "This revision is locked (it has already been published)"
       };
-
     case rev.meta.status === "published":
       return {
         icon: /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
@@ -86,7 +57,6 @@ var getIcon = function getIcon(rev) {
         }),
         text: "This revision is currently published!"
       };
-
     default:
       return {
         icon: /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
@@ -97,93 +67,83 @@ var getIcon = function getIcon(rev) {
       };
   }
 };
-
 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;
-
+      revision: revision
+    }),
+    createRevision = _useRevision.createRevision,
+    deleteRevision = _useRevision.deleteRevision,
+    publishRevision = _useRevision.publishRevision,
+    unpublishRevision = _useRevision.unpublishRevision,
+    editRevision = _useRevision.editRevision;
+  var _useConfirmationDialo = (0, _appAdmin.useConfirmationDialog)({
+      title: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Delete content entry revision"]))),
+      message: /*#__PURE__*/_react.default.createElement("span", null, t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["You are about to delete revision {revision}. Are you sure you want to continue?"])))({
+        revision: /*#__PURE__*/_react.default.createElement("strong", null, "#", revision.meta.version)
+      }))
+    }),
+    showConfirmation = _useConfirmationDialo.showConfirmation;
   var _useContentEntry = (0, _useContentEntry2.useContentEntry)(),
-      entry = _useContentEntry.entry,
-      tabsRef = _useContentEntry.tabsRef;
-
+    entry = _useContentEntry.entry,
+    tabsRef = _useContentEntry.tabsRef;
   var _usePermission = (0, _usePermission2.default)(),
-      canEdit = _usePermission.canEdit,
-      canDelete = _usePermission.canDelete,
-      canPublish = _usePermission.canPublish,
-      canUnpublish = _usePermission.canUnpublish;
-
+    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(_ConfirmationDialog.ConfirmationDialog, {
-    title: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Confirmation required!"]))),
-    message: /*#__PURE__*/_react.default.createElement("span", null, t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["You are about to delete revision {revision}. Are you sure you want to continue?"])))({
-      revision: /*#__PURE__*/_react.default.createElement("strong", null, "#", revision.meta.version)
-    }))
-  }, function (_ref2) {
-    var showConfirmation = _ref2.showConfirmation;
-    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(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["N/A"])))), /*#__PURE__*/_react.default.createElement(_List.ListItemTextSecondary, null, t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Last modified {time} (#{version})"])))({
-      time: /*#__PURE__*/_react.default.createElement(_timeagoReact.default, {
-        datetime: revision.savedOn
-      }),
-      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)
-      }),
-      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(revision.id);
-      },
-      "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(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["New from current"])))), !revision.meta.locked && canEdit(entry, "cms.contentEntry") && /*#__PURE__*/_react.default.createElement(_Menu.MenuItem, {
-      onClick: function onClick() {
-        editRevision();
-
-        if (!tabsRef.current) {
-          return;
-        }
-
-        tabsRef.current.switchTab(0);
-      }
-    }, /*#__PURE__*/_react.default.createElement(_List.ListItemGraphic, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
-      icon: /*#__PURE__*/_react.default.createElement(_edit.ReactComponent, null)
-    })), t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)([" Edit"])))), revision.meta.status !== "published" && canPublish("cms.contentEntry") && /*#__PURE__*/_react.default.createElement(_Menu.MenuItem, {
-      onClick: function onClick() {
-        return publishRevision(revision.id);
+    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(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["N/A"])))), /*#__PURE__*/_react.default.createElement(_List.ListItemTextSecondary, null, t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Last modified {time} (#{version})"])))({
+    time: /*#__PURE__*/_react.default.createElement(_timeagoReact.default, {
+      datetime: revision.savedOn
+    }),
+    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)
+    }),
+    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(revision.id);
+    },
+    "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(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["New from current"])))), !revision.meta.locked && canEdit(entry, "cms.contentEntry") && /*#__PURE__*/_react.default.createElement(_Menu.MenuItem, {
+    onClick: function onClick() {
+      editRevision();
+      if (!tabsRef.current) {
+        return;
       }
-    }, /*#__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(revision.id);
-      },
-      "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(_templateObject7 || (_templateObject7 = (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 showConfirmation(deleteRevision);
-      }
-    }, /*#__PURE__*/_react.default.createElement(_List.ListItemGraphic, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
-      icon: /*#__PURE__*/_react.default.createElement(_delete.ReactComponent, null)
-    })), t(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)([" Delete"]))))))));
-  });
+      tabsRef.current.switchTab(0);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_List.ListItemGraphic, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+    icon: /*#__PURE__*/_react.default.createElement(_edit.ReactComponent, null)
+  })), t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)([" Edit"])))), revision.meta.status !== "published" && canPublish("cms.contentEntry") && /*#__PURE__*/_react.default.createElement(_Menu.MenuItem, {
+    onClick: function onClick() {
+      return publishRevision(revision.id);
+    }
+  }, /*#__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(revision.id);
+    },
+    "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(_templateObject7 || (_templateObject7 = (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 showConfirmation(deleteRevision);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_List.ListItemGraphic, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+    icon: /*#__PURE__*/_react.default.createElement(_delete.ReactComponent, null)
+  })), t(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)([" Delete"]))))))));
 };
-
 var _default = RevisionListItem;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","primaryColor","css","color","revisionsMenu","width","right","left","getIcon","rev","meta","locked","status","icon","text","RevisionListItem","revision","useRevision","createRevision","deleteRevision","publishRevision","unpublishRevision","editRevision","useContentEntry","entry","tabsRef","usePermission","canEdit","canDelete","canPublish","canUnpublish","tooltipText","version","showConfirmation","title","time","savedOn","id","current","switchTab"],"sources":["RevisionListItem.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\n/**\n * Package timeago-react does not have types.\n */\n// @ts-ignore\nimport TimeAgo from \"timeago-react\";\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 { ConfirmationDialog } from \"@webiny/ui/ConfirmationDialog\";\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 { CmsEditorContentEntry } 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: CmsEditorContentEntry) => {\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: CmsEditorContentEntry;\n}\n\nconst RevisionListItem: React.FC<RevisionListItemProps> = ({ revision }) => {\n    const { createRevision, deleteRevision, publishRevision, unpublishRevision, editRevision } =\n        useRevision({\n            revision\n        });\n\n    const { entry, tabsRef } = useContentEntry();\n    const { canEdit, canDelete, canPublish, canUnpublish } = usePermission();\n    const { icon, text: tooltipText } = getIcon(revision);\n\n    return (\n        <ConfirmationDialog\n            title={t`Confirmation required!`}\n            message={\n                <span>\n                    {t`You are about to delete revision {revision}. Are you sure you want to continue?`(\n                        {\n                            revision: <strong>#{revision.meta.version}</strong>\n                        }\n                    )}\n                </span>\n            }\n        >\n            {({ showConfirmation }) => (\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 {time} (#{version})`({\n                                time: <TimeAgo datetime={revision.savedOn} />,\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(revision.id)}\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                                        if (!tabsRef.current) {\n                                            return;\n                                        }\n                                        tabsRef.current.switchTab(0);\n                                    }}\n                                >\n                                    <ListItemGraphic>\n                                        <Icon icon={<EditIcon />} />\n                                    </ListItemGraphic>\n                                    {t` Edit`}\n                                </MenuItem>\n                            )}\n\n                            {revision.meta.status !== \"published\" &&\n                                canPublish(\"cms.contentEntry\") && (\n                                    <MenuItem onClick={() => publishRevision(revision.id)}>\n                                        <PublishEntryRevisionListItem />\n                                    </MenuItem>\n                                )}\n\n                            {revision.meta.status === \"published\" &&\n                                canUnpublish(\"cms.contentEntry\") && (\n                                    <MenuItem\n                                        onClick={() => unpublishRevision(revision.id)}\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={() => showConfirmation(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        </ConfirmationDialog>\n    );\n};\n\nexport default RevisionListItem;\n"],"mappings":"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"}
+{"version":3,"names":["t","i18n","ns","primaryColor","css","color","revisionsMenu","width","right","left","getIcon","rev","meta","locked","status","icon","text","RevisionListItem","revision","useRevision","createRevision","deleteRevision","publishRevision","unpublishRevision","editRevision","useConfirmationDialog","title","message","version","showConfirmation","useContentEntry","entry","tabsRef","usePermission","canEdit","canDelete","canPublish","canUnpublish","tooltipText","time","savedOn","id","current","switchTab"],"sources":["RevisionListItem.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\n/**\n * Package timeago-react does not have types.\n */\n// @ts-ignore\nimport TimeAgo from \"timeago-react\";\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 { CmsEditorContentEntry } 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\";\nimport { useConfirmationDialog } from \"@webiny/app-admin\";\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: CmsEditorContentEntry) => {\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: CmsEditorContentEntry;\n}\n\nconst RevisionListItem: React.FC<RevisionListItemProps> = ({ revision }) => {\n    const { createRevision, deleteRevision, publishRevision, unpublishRevision, editRevision } =\n        useRevision({\n            revision\n        });\n\n    const { showConfirmation } = useConfirmationDialog({\n        title: t`Delete content entry revision`,\n        message: (\n            <span>\n                {t`You are about to delete revision {revision}. Are you sure you want to continue?`(\n                    {\n                        revision: <strong>#{revision.meta.version}</strong>\n                    }\n                )}\n            </span>\n        )\n    });\n    const { entry, tabsRef } = 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 {time} (#{version})`({\n                        time: <TimeAgo datetime={revision.savedOn} />,\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(revision.id)}\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                                if (!tabsRef.current) {\n                                    return;\n                                }\n                                tabsRef.current.switchTab(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(revision.id)}>\n                            <PublishEntryRevisionListItem />\n                        </MenuItem>\n                    )}\n\n                    {revision.meta.status === \"published\" && canUnpublish(\"cms.contentEntry\") && (\n                        <MenuItem\n                            onClick={() => unpublishRevision(revision.id)}\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={() => showConfirmation(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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"}

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

@@ -1,34 +1,21 @@
 "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 _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: /*#__PURE__*/(0, _emotion.css)({
     position: "relative",
@@ -50,13 +37,11 @@ var style = {
     textAlign: "center"
   }, "label:nothingToShow;")
 };
-
 var RevisionsList = function RevisionsList() {
   var _useContentEntry = (0, _useContentEntry2.useContentEntry)(),
-      entry = _useContentEntry.entry,
-      revisions = _useContentEntry.revisions,
-      loading = _useContentEntry.loading;
-
+    entry = _useContentEntry.entry,
+    revisions = _useContentEntry.revisions,
+    loading = _useContentEntry.loading;
   return /*#__PURE__*/_react.default.createElement(_Elevation.Elevation, {
     className: style.list,
     z: 2
@@ -73,6 +58,5 @@ var RevisionsList = function RevisionsList() {
     className: style.nothingToShow
   }, t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["No revisions to show."])))));
 };
-
 var _default = RevisionsList;
 exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","style","list","css","position","margin","display","flexDirection","overflow","maxHeight","borderBottom","nothingToShow","padding","textAlign","RevisionsList","useContentEntry","entry","revisions","loading","id","length","map","revision"],"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-list .mdc-list-item\": {\n            borderBottom: \"1px solid var(--mdc-theme-on-background)\"\n        },\n        \".mdc-list .mdc-list-item:last-child\": {\n            borderBottom: \"none\"\n        }\n    }),\n    nothingToShow: css({\n        padding: 20,\n        margin: 25,\n        textAlign: \"center\"\n    })\n};\n\nconst RevisionsList: React.FC = () => {\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\nexport default RevisionsList;\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,kEAAR,CAAV;;AAEA,IAAMC,KAAK,GAAG;EACVC,IAAI,eAAE,IAAAC,YAAA,EAAI;IACNC,QAAQ,EAAE,UADJ;IAENC,MAAM,EAAE,EAFF;IAGNC,OAAO,EAAE,MAHH;IAINC,aAAa,EAAE,QAJT;IAKNC,QAAQ,EAAE,MALJ;IAMNC,SAAS,EAAE,qBANL;IAON,4BAA4B;MACxBC,YAAY,EAAE;IADU,CAPtB;IAUN,uCAAuC;MACnCA,YAAY,EAAE;IADqB;EAVjC,CAAJ,gBADI;EAeVC,aAAa,eAAE,IAAAR,YAAA,EAAI;IACfS,OAAO,EAAE,EADM;IAEfP,MAAM,EAAE,EAFO;IAGfQ,SAAS,EAAE;EAHI,CAAJ;AAfL,CAAd;;AAsBA,IAAMC,aAAuB,GAAG,SAA1BA,aAA0B,GAAM;EAClC,uBAAsC,IAAAC,iCAAA,GAAtC;EAAA,IAAQC,KAAR,oBAAQA,KAAR;EAAA,IAAeC,SAAf,oBAAeA,SAAf;EAAA,IAA0BC,OAA1B,oBAA0BA,OAA1B;;EAEA,oBACI,6BAAC,oBAAD;IAAW,SAAS,EAAEjB,KAAK,CAACC,IAA5B;IAAkC,CAAC,EAAE;EAArC,GACKgB,OAAO,iBAAI,6BAAC,0BAAD,OADhB,EAEKF,KAAK,CAACG,EAAN,IAAYF,SAAS,CAACG,MAAtB,gBACG,6BAAC,UAAD;IAAM,cAAc,MAApB;IAAqB,OAAO,MAA5B;IAA6B,eAAa;EAA1C,GACKH,SAAS,CAACI,GAAV,CAAc,UAAAC,QAAQ;IAAA,oBACnB,6BAAC,yBAAD;MAAkB,QAAQ,EAAEA,QAA5B;MAAsC,GAAG,EAAEA,QAAQ,CAACH;IAApD,EADmB;EAAA,CAAtB,CADL,CADH,gBAOG;IAAK,SAAS,EAAElB,KAAK,CAACU;EAAtB,GAAsCb,CAAtC,yGATR,CADJ;AAcH,CAjBD;;eAmBegB,a"}
+{"version":3,"names":["t","i18n","ns","style","list","css","position","margin","display","flexDirection","overflow","maxHeight","borderBottom","nothingToShow","padding","textAlign","RevisionsList","useContentEntry","entry","revisions","loading","id","length","map","revision"],"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-list .mdc-list-item\": {\n            borderBottom: \"1px solid var(--mdc-theme-on-background)\"\n        },\n        \".mdc-list .mdc-list-item:last-child\": {\n            borderBottom: \"none\"\n        }\n    }),\n    nothingToShow: css({\n        padding: 20,\n        margin: 25,\n        textAlign: \"center\"\n    })\n};\n\nconst RevisionsList: React.FC = () => {\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\nexport default RevisionsList;\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAAqF;AAErF,IAAMA,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,0BAA0B,EAAE;MACxBC,YAAY,EAAE;IAClB,CAAC;IACD,qCAAqC,EAAE;MACnCA,YAAY,EAAE;IAClB;EACJ,CAAC,gBAAC;EACFC,aAAa,eAAE,IAAAR,YAAG,EAAC;IACfS,OAAO,EAAE,EAAE;IACXP,MAAM,EAAE,EAAE;IACVQ,SAAS,EAAE;EACf,CAAC;AACL,CAAC;AAED,IAAMC,aAAuB,GAAG,SAA1BA,aAAuB,GAAS;EAClC,uBAAsC,IAAAC,iCAAe,GAAE;IAA/CC,KAAK,oBAALA,KAAK;IAAEC,SAAS,oBAATA,SAAS;IAAEC,OAAO,oBAAPA,OAAO;EAEjC,oBACI,6BAAC,oBAAS;IAAC,SAAS,EAAEjB,KAAK,CAACC,IAAK;IAAC,CAAC,EAAE;EAAE,GAClCgB,OAAO,iBAAI,6BAAC,0BAAgB,OAAG,EAC/BF,KAAK,CAACG,EAAE,IAAIF,SAAS,CAACG,MAAM,gBACzB,6BAAC,UAAI;IAAC,cAAc;IAAC,OAAO;IAAC,eAAa;EAA6B,GAClEH,SAAS,CAACI,GAAG,CAAC,UAAAC,QAAQ;IAAA,oBACnB,6BAAC,yBAAgB;MAAC,QAAQ,EAAEA,QAAS;MAAC,GAAG,EAAEA,QAAQ,CAACH;IAAG,EAAG;EAAA,CAC7D,CAAC,CACC,gBAEP;IAAK,SAAS,EAAElB,KAAK,CAACU;EAAc,GAAEb,CAAC,yGAC1C,CACO;AAEpB,CAAC;AAAC,eAEagB,aAAa;AAAA"}

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

@@ -1,28 +1,20 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.updateLatestRevisionInListCache = exports.unpublishPreviouslyPublishedRevision = exports.removeRevisionFromEntryCache = exports.removeEntryFromListCache = exports.addRevisionToRevisionsCache = exports.addEntryToListCache = void 0;
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _dotPropImmutable = _interopRequireDefault(require("dot-prop-immutable"));
-
 var _orderBy = _interopRequireDefault(require("lodash/orderBy"));
-
 var GQL = _interopRequireWildcard(require("../../../graphql/contentEntries"));
-
 var _utils = require("@webiny/utils");
-
+var _pick = _interopRequireDefault(require("lodash/pick"));
+var _getModelTitleFieldId = require("../../../../utils/getModelTitleFieldId");
 /*
  * We need to preserve the order of entries with new entry addition
  * because we're not re-fetching the list but updating it directly inside cache.
@@ -36,75 +28,59 @@ var sortEntries = function sortEntries(list, sort) {
   } else if (sort.length === 0) {
     return list;
   }
-
   var _sort = (0, _slicedToArray2.default)(sort, 1),
-      sortBy = _sort[0];
-
+    sortBy = _sort[0];
   var _sortBy$split = sortBy.split("_"),
-      _sortBy$split2 = (0, _slicedToArray2.default)(_sortBy$split, 2),
-      key = _sortBy$split2[0],
-      value = _sortBy$split2[1];
-
+    _sortBy$split2 = (0, _slicedToArray2.default)(_sortBy$split, 2),
+    key = _sortBy$split2[0],
+    value = _sortBy$split2[1];
   var order = value.toLowerCase();
   return (0, _orderBy.default)(list, [key], [order]);
 };
-
 var addEntryToListCache = function addEntryToListCache(model, cache, entry, variables) {
   var gqlParams = {
     query: GQL.createListQuery(model),
     variables: variables
   };
   var response = cache.readQuery(gqlParams);
-
   if (!response || !response.content || !response.content.data) {
     return;
   }
-
   var content = response.content;
   cache.writeQuery((0, _objectSpread2.default)((0, _objectSpread2.default)({}, gqlParams), {}, {
     data: {
       content: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, content), {}, {
-        data: sortEntries([entry].concat((0, _toConsumableArray2.default)(content.data)), variables.sort)
+        data: sortEntries([(0, _pick.default)(entry, ["id", "entryId", (0, _getModelTitleFieldId.getModelTitleFieldId)(model), "createdOn", "savedOn", "modelId", "createdBy", "ownedBy", "meta", "__typename"])].concat((0, _toConsumableArray2.default)(content.data)), variables.sort)
       })
     }
   }));
 };
-
 exports.addEntryToListCache = addEntryToListCache;
-
 var updateLatestRevisionInListCache = function updateLatestRevisionInListCache(model, cache, revision, variables) {
   var gqlParams = {
     query: GQL.createListQuery(model),
     variables: variables
   };
-
   var _parseIdentifier = (0, _utils.parseIdentifier)(revision.id),
-      uniqueId = _parseIdentifier.id;
-
+    uniqueId = _parseIdentifier.id;
   var response = cache.readQuery(gqlParams);
-
   if (!response || !response.content || !response.content.data) {
     return;
   }
-
   var content = response.content;
   var index = content.data.findIndex(function (item) {
     return item.id.startsWith(uniqueId);
   });
-
   if (index === -1) {
     return;
   }
-
   cache.writeQuery((0, _objectSpread2.default)((0, _objectSpread2.default)({}, gqlParams), {}, {
     data: {
       content: _dotPropImmutable.default.set(content, "data.".concat(index), revision)
     }
   }));
 };
-
 exports.updateLatestRevisionInListCache = updateLatestRevisionInListCache;
-
 var removeEntryFromListCache = function removeEntryFromListCache(model, cache, revision, variables) {
   // Delete the item from list cache
   var gqlParams = {
@@ -112,37 +88,28 @@ var removeEntryFromListCache = function removeEntryFromListCache(model, cache, r
     variables: variables
   };
   var response = cache.readQuery(gqlParams);
-
   if (!response || !response.content || !response.content.data) {
     return;
   }
-
   var content = response.content;
-
   var _parseIdentifier2 = (0, _utils.parseIdentifier)(revision.id),
-      entryId = _parseIdentifier2.id;
-
+    entryId = _parseIdentifier2.id;
   var index = content.data.findIndex(function (item) {
     return item.id.startsWith(entryId);
   });
-
   if (index === -1) {
     return;
   }
-
   cache.writeQuery((0, _objectSpread2.default)((0, _objectSpread2.default)({}, gqlParams), {}, {
     data: {
       content: _dotPropImmutable.default.delete(content, "data.".concat(index))
     }
   }));
 };
-
 exports.removeEntryFromListCache = removeEntryFromListCache;
-
 var removeRevisionFromEntryCache = function removeRevisionFromEntryCache(model, cache, revision) {
   var _parseIdentifier3 = (0, _utils.parseIdentifier)(revision.id),
-      id = _parseIdentifier3.id;
-
+    id = _parseIdentifier3.id;
   var gqlParams = {
     query: GQL.createRevisionsQuery(model),
     variables: {
@@ -150,11 +117,9 @@ var removeRevisionFromEntryCache = function removeRevisionFromEntryCache(model,
     }
   };
   var response = cache.readQuery(gqlParams);
-
   if (!response || !response.revisions || !response.revisions.data || response.revisions.data.length === 0) {
     return [];
   }
-
   var revisions = response.revisions;
   var data = revisions.data.filter(function (item) {
     return item.id !== revision.id;
@@ -169,13 +134,10 @@ var removeRevisionFromEntryCache = function removeRevisionFromEntryCache(model,
   cache.writeQuery(query);
   return data;
 };
-
 exports.removeRevisionFromEntryCache = removeRevisionFromEntryCache;
-
 var addRevisionToRevisionsCache = function addRevisionToRevisionsCache(model, cache, revision) {
   var _parseIdentifier4 = (0, _utils.parseIdentifier)(revision.id),
-      id = _parseIdentifier4.id;
-
+    id = _parseIdentifier4.id;
   var gqlParams = {
     query: GQL.createRevisionsQuery(model),
     variables: {
@@ -183,11 +145,9 @@ var addRevisionToRevisionsCache = function addRevisionToRevisionsCache(model, ca
     }
   };
   var response = cache.readQuery(gqlParams);
-
   if (!response || !response.revisions || !response.revisions.data) {
     return;
   }
-
   var revisions = response.revisions;
   cache.writeQuery((0, _objectSpread2.default)((0, _objectSpread2.default)({}, gqlParams), {}, {
     data: {
@@ -195,15 +155,11 @@ var addRevisionToRevisionsCache = function addRevisionToRevisionsCache(model, ca
     }
   }));
 };
-
 exports.addRevisionToRevisionsCache = addRevisionToRevisionsCache;
-
 var unpublishPreviouslyPublishedRevision = function unpublishPreviouslyPublishedRevision(model, cache, publishedId) {
   var _response$revisions;
-
   var _parseIdentifier5 = (0, _utils.parseIdentifier)(publishedId),
-      id = _parseIdentifier5.id;
-
+    id = _parseIdentifier5.id;
   var gqlParams = {
     query: GQL.createRevisionsQuery(model),
     variables: {
@@ -211,20 +167,16 @@ var unpublishPreviouslyPublishedRevision = function unpublishPreviouslyPublished
     }
   };
   var response = cache.readQuery(gqlParams);
-
   if (!(response !== null && response !== void 0 && (_response$revisions = response.revisions) !== null && _response$revisions !== void 0 && _response$revisions.data)) {
     return;
   }
-
   var revisions = response.revisions;
   var prevPublished = revisions.data.find(function (item) {
     return item.id !== publishedId && item.meta.status === "published";
   });
-
   if (!prevPublished) {
     return;
   }
-
   var query = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, gqlParams), {}, {
     data: {
       revisions: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, revisions), {}, {
@@ -232,7 +184,6 @@ var unpublishPreviouslyPublishedRevision = function unpublishPreviouslyPublished
           if (revision.id !== prevPublished.id) {
             return (0, _objectSpread2.default)({}, revision);
           }
-
           return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, revision), {}, {
             meta: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, revision.meta), {}, {
               status: "unpublished"
@@ -244,5 +195,4 @@ var unpublishPreviouslyPublishedRevision = function unpublishPreviouslyPublished
   });
   cache.writeQuery(query);
 };
-
 exports.unpublishPreviouslyPublishedRevision = unpublishPreviouslyPublishedRevision;