@webiny/app-headless-cms 0.0.0-mt-2 → 0.0.0-unstable.5e7233243f

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

@@ -0,0 +1 @@
+{"version":3,"names":["Context","React","createContext","undefined","useContentEntryProviderProps","useRouter","location","query","URLSearchParams","search","isNewEntry","get","getContentId","Provider","children","useContentEntries","contentModel","canCreate","listQueryVariables","setListQueryVariables","sorters","formRef","useRef","submit","history","useSnackbar","showSnackbar","useState","isLoading","setLoading","contentEntryProviderProps","newEntry","contentId","revisionId","decodeURIComponent","entryId","result","parseIdentifier","id","tabsRef","useMemo","READ_CONTENT","createReadQuery","modelId","GET_REVISIONS","createRevisionsQuery","setFormRef","useCallback","form","current","createEntry","push","getEntry","useQuery","variables","revision","skip","onCompleted","data","error","content","message","getRevisions","loading","entry","value","revisions","refetchContent","refetch","showEmptyView","isEmpty","displayName"],"sources":["ContentEntryContext.tsx"],"sourcesContent":["import React, {\n    useRef,\n    useState,\n    useCallback,\n    useMemo,\n    Dispatch,\n    SetStateAction,\n    MutableRefObject,\n    RefObject\n} from \"react\";\nimport isEmpty from \"lodash/isEmpty\";\nimport get from \"lodash/get\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { useQuery } from \"~/admin/hooks\";\nimport { ContentEntriesContext } from \"~/admin/views/contentEntries/ContentEntriesContext\";\nimport { useContentEntries } from \"~/admin/views/contentEntries/hooks/useContentEntries\";\nimport { CmsContentEntryRevision, CmsEditorContentEntry } from \"~/types\";\nimport { TabsImperativeApi } from \"@webiny/ui/Tabs\";\nimport { parseIdentifier } from \"@webiny/utils\";\nimport {\n    CmsEntriesListRevisionsQueryResponse,\n    CmsEntriesListRevisionsQueryVariables,\n    CmsEntryGetQueryResponse,\n    CmsEntryGetQueryVariables,\n    createReadQuery,\n    createRevisionsQuery\n} from \"~/admin/graphql/contentEntries\";\n\ninterface ContentEntryContextForm {\n    submit: (ev: React.SyntheticEvent) => Promise<CmsEditorContentEntry | null>;\n}\ntype ContentEntryContextFormRef = MutableRefObject<ContentEntryContextForm>;\nexport interface ContentEntryContext extends ContentEntriesContext {\n    createEntry: () => void;\n    entry: CmsEditorContentEntry;\n    form: ContentEntryContextFormRef;\n    setFormRef: (form: { submit: Function }) => void;\n    loading: boolean;\n    setLoading: Dispatch<SetStateAction<boolean>>;\n    revisions: CmsContentEntryRevision[];\n    refetchContent: () => void;\n    tabsRef: RefObject<TabsImperativeApi | undefined>;\n    showEmptyView: boolean;\n}\n\nexport const Context = React.createContext<ContentEntryContext | undefined>(undefined);\n\nexport interface ContentEntryContextProviderProps extends Partial<UseContentEntryProviderProps> {\n    children: React.ReactNode;\n}\n\ninterface UseContentEntryProviderProps {\n    getContentId: () => string | null;\n    isNewEntry: () => boolean;\n}\n\nexport const useContentEntryProviderProps = (): UseContentEntryProviderProps => {\n    const { location } = useRouter();\n    const query = new URLSearchParams(location.search);\n\n    const isNewEntry = (): boolean => {\n        return query.get(\"new\") === \"true\";\n    };\n\n    const getContentId = (): string | null => {\n        return query.get(\"id\") || null;\n    };\n\n    return {\n        getContentId,\n        isNewEntry\n    };\n};\n\nexport const Provider: React.FC<ContentEntryContextProviderProps> = ({\n    children,\n    isNewEntry,\n    getContentId\n}) => {\n    const { contentModel, canCreate, listQueryVariables, setListQueryVariables, sorters } =\n        useContentEntries();\n\n    const formRef = useRef<ContentEntryContextForm>({\n        submit: async () => {\n            return null;\n        }\n    });\n    const { history } = useRouter();\n    const { showSnackbar } = useSnackbar();\n    const [isLoading, setLoading] = useState<boolean>(false);\n\n    const contentEntryProviderProps = useContentEntryProviderProps();\n\n    const newEntry =\n        typeof isNewEntry === \"function\" ? isNewEntry() : contentEntryProviderProps.isNewEntry();\n    const contentId =\n        typeof getContentId === \"function\"\n            ? getContentId()\n            : contentEntryProviderProps.getContentId();\n\n    const revisionId = contentId ? decodeURIComponent(contentId) : null;\n    let entryId: string | null = null;\n    if (revisionId) {\n        const result = parseIdentifier(revisionId);\n        entryId = result ? result.id : null;\n    }\n\n    const tabsRef = useRef<TabsImperativeApi>();\n\n    const { READ_CONTENT } = useMemo(() => {\n        return {\n            READ_CONTENT: createReadQuery(contentModel)\n        };\n    }, [contentModel.modelId]);\n\n    const { GET_REVISIONS } = useMemo(() => {\n        return {\n            GET_REVISIONS: createRevisionsQuery(contentModel)\n        };\n    }, [contentModel.modelId]);\n\n    const setFormRef = useCallback(\n        form => {\n            formRef.current = form;\n        },\n        [formRef]\n    );\n\n    const createEntry = useCallback((): void => {\n        history.push(`/cms/content-entries/${contentModel.modelId}?new=true`);\n    }, [contentModel.modelId]);\n\n    const getEntry = useQuery<CmsEntryGetQueryResponse, CmsEntryGetQueryVariables>(READ_CONTENT, {\n        variables: {\n            revision: revisionId || \"\"\n        },\n        skip: !revisionId,\n        onCompleted: data => {\n            if (!data) {\n                return;\n            }\n\n            const { error } = data.content;\n            if (!error) {\n                return;\n            }\n            history.push(`/cms/content-entries/${contentModel.modelId}`);\n            showSnackbar(error.message);\n        }\n    });\n\n    const getRevisions = useQuery<\n        CmsEntriesListRevisionsQueryResponse,\n        CmsEntriesListRevisionsQueryVariables\n    >(GET_REVISIONS, {\n        variables: {\n            id: entryId as string\n        },\n        skip: !entryId\n    });\n\n    const loading = isLoading || getEntry.loading || getRevisions.loading;\n    const entry: CmsEditorContentEntry = get(getEntry, \"data.content.data\") || {};\n\n    const value: ContentEntryContext = {\n        canCreate,\n        contentModel,\n        createEntry,\n        listQueryVariables,\n        setListQueryVariables,\n        sorters,\n        entry,\n        form: formRef,\n        loading,\n        revisions: get(getRevisions, \"data.revisions.data\") || [],\n        refetchContent: getEntry.refetch,\n        setFormRef,\n        setLoading,\n        tabsRef,\n        showEmptyView: !newEntry && !loading && isEmpty(entry)\n    };\n\n    return <Context.Provider value={value}>{children}</Context.Provider>;\n};\n\nProvider.displayName = \"ContentEntryProvider\";\n"],"mappings":"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"}

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

@@ -0,0 +1 @@
+export declare const PublishEntryRevisionListItem: import("@webiny/react-composition").ComposableFC<{}>;

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

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PublishEntryRevisionListItem = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _reactComposition = require("@webiny/react-composition");
+
+var _List = require("@webiny/ui/List");
+
+var _Icon = require("@webiny/ui/Icon");
+
+var _publish = require("../../../icons/publish.svg");
+
+var _react = _interopRequireDefault(require("react"));
+
+var _i18n = require("@webiny/app/i18n");
+
+var _templateObject;
+
+var t = _i18n.i18n.ns("app-headless-cms/admin/plugins/content-details/content-revisions");
+
+var PublishEntryRevisionListItemComponent = function PublishEntryRevisionListItemComponent() {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_List.ListItemGraphic, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+    icon: /*#__PURE__*/_react.default.createElement(_publish.ReactComponent, null)
+  })), t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Publish"]))));
+};
+
+var PublishEntryRevisionListItem = (0, _reactComposition.makeComposable)("PublishEntryRevisionListItem", PublishEntryRevisionListItemComponent);
+exports.PublishEntryRevisionListItem = PublishEntryRevisionListItem;

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

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","PublishEntryRevisionListItemComponent","PublishEntryRevisionListItem","makeComposable"],"sources":["PublishEntryRevisionListItem.tsx"],"sourcesContent":["import { makeComposable } from \"@webiny/react-composition\";\nimport { ListItemGraphic } from \"@webiny/ui/List\";\nimport { Icon } from \"@webiny/ui/Icon\";\nimport { ReactComponent as PublishIcon } from \"~/admin/icons/publish.svg\";\nimport React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/plugins/content-details/content-revisions\");\n\nconst PublishEntryRevisionListItemComponent: React.FC = () => {\n    return (\n        <>\n            <ListItemGraphic>\n                <Icon icon={<PublishIcon />} />\n            </ListItemGraphic>\n            {t`Publish`}\n        </>\n    );\n};\n\nexport const PublishEntryRevisionListItem = makeComposable(\n    \"PublishEntryRevisionListItem\",\n    PublishEntryRevisionListItemComponent\n);\n"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,kEAAR,CAAV;;AAEA,IAAMC,qCAA+C,GAAG,SAAlDA,qCAAkD,GAAM;EAC1D,oBACI,yEACI,6BAAC,qBAAD,qBACI,6BAAC,UAAD;IAAM,IAAI,eAAE,6BAAC,uBAAD;EAAZ,EADJ,CADJ,EAIKH,CAJL,2FADJ;AAQH,CATD;;AAWO,IAAMI,4BAA4B,GAAG,IAAAC,gCAAA,EACxC,8BADwC,EAExCF,qCAFwC,CAArC"}

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import React from "react";
 import { CmsEditorContentEntry } from "../../../../types";
-declare type Props = {
+interface RevisionListItemProps {
     revision: CmsEditorContentEntry;
-};
-declare const RevisionListItem: ({ revision }: Props) => JSX.Element;
+}
+declare const RevisionListItem: React.FC<RevisionListItemProps>;
 export default RevisionListItem;

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

@@ -1,34 +1,66 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
-
-import React from "react";
-import { css } from "emotion";
-import TimeAgo from "timeago-react";
-import { ListItem, ListItemText, ListItemTextPrimary, ListItemTextSecondary, ListItemGraphic, ListItemMeta } from "@webiny/ui/List";
-import { IconButton } from "@webiny/ui/Button";
-import { Icon } from "@webiny/ui/Icon";
-import { MenuItem, Menu, MenuDivider } from "@webiny/ui/Menu";
-import { ConfirmationDialog } from "@webiny/ui/ConfirmationDialog";
-import { Tooltip } from "@webiny/ui/Tooltip";
-import { ReactComponent as MoreVerticalIcon } from "@svgr/webpack!../../../icons/more_vert.svg";
-import { ReactComponent as LockIcon } from "@svgr/webpack!../../../icons/lock.svg";
-import { ReactComponent as BeenHereIcon } from "@svgr/webpack!../../../icons/beenhere.svg";
-import { ReactComponent as GestureIcon } from "@svgr/webpack!../../../icons/gesture.svg";
-import { ReactComponent as AddIcon } from "@svgr/webpack!../../../icons/add.svg";
-import { ReactComponent as EditIcon } from "@svgr/webpack!../../../icons/edit.svg";
-import { ReactComponent as PublishIcon } from "@svgr/webpack!../../../icons/publish.svg";
-import { ReactComponent as UnpublishIcon } from "@svgr/webpack!../../../icons/unpublish.svg";
-import { ReactComponent as DeleteIcon } from "@svgr/webpack!../../../icons/delete.svg";
-import { i18n } from "@webiny/app/i18n";
-import { useRevision } from "./useRevision";
-import usePermission from "../../../hooks/usePermission";
-import { useContentEntry } from "../hooks/useContentEntry";
-var t = i18n.ns("app-headless-cms/admin/plugins/content-details/content-revisions");
-var primaryColor = /*#__PURE__*/css({
+"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 _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;");
-var revisionsMenu = /*#__PURE__*/css({
+var revisionsMenu = /*#__PURE__*/(0, _emotion.css)({
   width: 250,
   right: -105,
   left: "auto !important"
@@ -38,8 +70,8 @@ var getIcon = function getIcon(rev) {
   switch (true) {
     case rev.meta.locked && rev.meta.status !== "published":
       return {
-        icon: /*#__PURE__*/React.createElement(Icon, {
-          icon: /*#__PURE__*/React.createElement(LockIcon, null),
+        icon: /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+          icon: /*#__PURE__*/_react.default.createElement(_lock.ReactComponent, null),
           "data-testid": "cms.revision.status.locked"
         }),
         text: "This revision is locked (it has already been published)"
@@ -47,8 +79,8 @@ var getIcon = function getIcon(rev) {
 
     case rev.meta.status === "published":
       return {
-        icon: /*#__PURE__*/React.createElement(Icon, {
-          icon: /*#__PURE__*/React.createElement(BeenHereIcon, null),
+        icon: /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+          icon: /*#__PURE__*/_react.default.createElement(_beenhere.ReactComponent, null),
           className: primaryColor,
           "data-testid": "cms.revision.status.published"
         }),
@@ -57,8 +89,8 @@ var getIcon = function getIcon(rev) {
 
     default:
       return {
-        icon: /*#__PURE__*/React.createElement(Icon, {
-          icon: /*#__PURE__*/React.createElement(GestureIcon, null),
+        icon: /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+          icon: /*#__PURE__*/_react.default.createElement(_gesture.ReactComponent, null),
           "data-testid": "cms.revision.status.draft"
         }),
         text: "This is a draft"
@@ -69,7 +101,7 @@ var getIcon = function getIcon(rev) {
 var RevisionListItem = function RevisionListItem(_ref) {
   var revision = _ref.revision;
 
-  var _useRevision = useRevision({
+  var _useRevision = (0, _useRevision2.useRevision)({
     revision: revision
   }),
       createRevision = _useRevision.createRevision,
@@ -78,11 +110,11 @@ var RevisionListItem = function RevisionListItem(_ref) {
       unpublishRevision = _useRevision.unpublishRevision,
       editRevision = _useRevision.editRevision;
 
-  var _useContentEntry = useContentEntry(),
+  var _useContentEntry = (0, _useContentEntry2.useContentEntry)(),
       entry = _useContentEntry.entry,
-      tabs = _useContentEntry.tabs;
+      tabsRef = _useContentEntry.tabsRef;
 
-  var _usePermission = usePermission(),
+  var _usePermission = (0, _usePermission2.default)(),
       canEdit = _usePermission.canEdit,
       canDelete = _usePermission.canDelete,
       canPublish = _usePermission.canPublish,
@@ -92,61 +124,66 @@ var RevisionListItem = function RevisionListItem(_ref) {
       icon = _getIcon.icon,
       tooltipText = _getIcon.text;
 
-  return /*#__PURE__*/React.createElement(ConfirmationDialog, {
-    title: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Confirmation required!"]))),
-    message: /*#__PURE__*/React.createElement("span", null, t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["You are about to delete revision {revision}. Are you sure you want to continue?"])))({
-      revision: /*#__PURE__*/React.createElement("strong", null, "#", revision.meta.version)
+  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.createElement(ListItem, null, /*#__PURE__*/React.createElement(ListItemGraphic, null, /*#__PURE__*/React.createElement(Tooltip, {
+    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.createElement(ListItemText, null, /*#__PURE__*/React.createElement(ListItemTextPrimary, null, revision.meta.title || t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["N/A"])))), /*#__PURE__*/React.createElement(ListItemTextSecondary, null, t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Last modified {time} (#{version})"])))({
-      time: /*#__PURE__*/React.createElement(TimeAgo, {
+    }, 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.createElement(ListItemMeta, null, /*#__PURE__*/React.createElement(Menu, {
-      handle: /*#__PURE__*/React.createElement(IconButton, {
-        icon: /*#__PURE__*/React.createElement(MoreVerticalIcon, null)
+    }))), /*#__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.createElement(MenuItem, {
-      onClick: createRevision,
+    }, 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.createElement(ListItemGraphic, null, /*#__PURE__*/React.createElement(Icon, {
-      icon: /*#__PURE__*/React.createElement(AddIcon, null)
-    })), t(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["New from current"])))), !revision.meta.locked && canEdit(entry, "cms.contentEntry") && /*#__PURE__*/React.createElement(MenuItem, {
+    }, /*#__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 (tabs.current) {
-          tabs.current.switchTab(0);
+        if (!tabsRef.current) {
+          return;
         }
+
+        tabsRef.current.switchTab(0);
       }
-    }, /*#__PURE__*/React.createElement(ListItemGraphic, null, /*#__PURE__*/React.createElement(Icon, {
-      icon: /*#__PURE__*/React.createElement(EditIcon, null)
-    })), t(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral([" Edit"])))), revision.meta.status !== "published" && canPublish("cms.contentEntry") && /*#__PURE__*/React.createElement(MenuItem, {
+    }, /*#__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.createElement(ListItemGraphic, null, /*#__PURE__*/React.createElement(Icon, {
-      icon: /*#__PURE__*/React.createElement(PublishIcon, null)
-    })), t(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["Publish"])))), revision.meta.status === "published" && canUnpublish("cms.contentEntry") && /*#__PURE__*/React.createElement(MenuItem, {
-      onClick: unpublishRevision,
+    }, /*#__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.createElement(ListItemGraphic, null, /*#__PURE__*/React.createElement(Icon, {
-      icon: /*#__PURE__*/React.createElement(UnpublishIcon, null)
-    })), t(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["Unpublish"])))), !revision.meta.locked && canDelete(entry, "cms.contentEntry") && /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(MenuDivider, null), /*#__PURE__*/React.createElement(MenuItem, {
+    }, /*#__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.createElement(ListItemGraphic, null, /*#__PURE__*/React.createElement(Icon, {
-      icon: /*#__PURE__*/React.createElement(DeleteIcon, null)
-    })), t(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral([" Delete"]))))))));
+    }, /*#__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"]))))))));
   });
 };
 
-export default RevisionListItem;
+var _default = RevisionListItem;
+exports.default = _default;

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

@@ -0,0 +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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"}

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

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const RevisionsList: () => JSX.Element;
+import React from "react";
+declare const RevisionsList: React.FC;
 export default RevisionsList;

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

@@ -1,18 +1,36 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"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;
 
-import React from "react";
-import { css } from "emotion";
-import { List } from "@webiny/ui/List";
-import { Elevation } from "@webiny/ui/Elevation";
-import { CircularProgress } from "@webiny/ui/Progress";
-import { i18n } from "@webiny/app/i18n";
-import RevisionListItem from "./RevisionListItem";
-import { useContentEntry } from "../hooks/useContentEntry";
-var t = i18n.ns("app-headless-cms/admin/plugins/content-details/content-revisions");
+var t = _i18n.i18n.ns("app-headless-cms/admin/plugins/content-details/content-revisions");
+
 var style = {
-  list: /*#__PURE__*/css({
+  list: /*#__PURE__*/(0, _emotion.css)({
     position: "relative",
     margin: 25,
     display: "flex",
@@ -26,7 +44,7 @@ var style = {
       borderBottom: "none"
     }
   }, "label:list;"),
-  nothingToShow: /*#__PURE__*/css({
+  nothingToShow: /*#__PURE__*/(0, _emotion.css)({
     padding: 20,
     margin: 25,
     textAlign: "center"
@@ -34,26 +52,27 @@ var style = {
 };
 
 var RevisionsList = function RevisionsList() {
-  var _useContentEntry = useContentEntry(),
+  var _useContentEntry = (0, _useContentEntry2.useContentEntry)(),
       entry = _useContentEntry.entry,
       revisions = _useContentEntry.revisions,
       loading = _useContentEntry.loading;
 
-  return /*#__PURE__*/React.createElement(Elevation, {
+  return /*#__PURE__*/_react.default.createElement(_Elevation.Elevation, {
     className: style.list,
     z: 2
-  }, loading && /*#__PURE__*/React.createElement(CircularProgress, null), entry.id && revisions.length ? /*#__PURE__*/React.createElement(List, {
+  }, loading && /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, null), entry.id && revisions.length ? /*#__PURE__*/_react.default.createElement(_List.List, {
     nonInteractive: true,
     twoLine: true,
     "data-testid": "cms.content-form.revisions"
   }, revisions.map(function (revision) {
-    return /*#__PURE__*/React.createElement(RevisionListItem, {
+    return /*#__PURE__*/_react.default.createElement(_RevisionListItem.default, {
       revision: revision,
       key: revision.id
     });
-  })) : /*#__PURE__*/React.createElement("div", {
+  })) : /*#__PURE__*/_react.default.createElement("div", {
     className: style.nothingToShow
-  }, t(_templateObject || (_templateObject = _taggedTemplateLiteral(["No revisions to show."])))));
+  }, t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["No revisions to show."])))));
 };
 
-export default RevisionsList;
+var _default = RevisionsList;
+exports.default = _default;

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

@@ -0,0 +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"}

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

@@ -1,7 +1,9 @@
-import { CmsEditorContentEntry } from "../../../../types";
-export declare const addEntryToListCache: (model: any, cache: any, entry: CmsEditorContentEntry, variables: any) => void;
-export declare const updateLatestRevisionInListCache: (model: any, cache: any, revision: any, variables: any) => void;
-export declare const removeEntryFromListCache: (model: any, cache: any, revision: any, variables: any) => void;
-export declare const removeRevisionFromEntryCache: (model: any, cache: any, revision: any) => any;
-export declare const addRevisionToRevisionsCache: (model: any, cache: any, revision: any) => void;
-export declare const unpublishPreviouslyPublishedRevision: (model: any, cache: any, publishedId: any) => void;
+import { CmsContentEntryRevision, CmsEditorContentEntry, CmsModel } from "../../../../types";
+import { DataProxy } from "apollo-cache";
+import { CmsEntriesListQueryVariables } from "../../../graphql/contentEntries";
+export declare const addEntryToListCache: (model: CmsModel, cache: DataProxy, entry: CmsEditorContentEntry, variables: CmsEntriesListQueryVariables) => void;
+export declare const updateLatestRevisionInListCache: (model: CmsModel, cache: DataProxy, revision: CmsContentEntryRevision, variables: CmsEntriesListQueryVariables) => void;
+export declare const removeEntryFromListCache: (model: CmsModel, cache: DataProxy, revision: CmsContentEntryRevision, variables: CmsEntriesListQueryVariables) => void;
+export declare const removeRevisionFromEntryCache: (model: CmsModel, cache: DataProxy, revision: CmsContentEntryRevision) => CmsContentEntryRevision[];
+export declare const addRevisionToRevisionsCache: (model: CmsModel, cache: DataProxy, revision: CmsContentEntryRevision) => void;
+export declare const unpublishPreviouslyPublishedRevision: (model: CmsModel, cache: DataProxy, publishedId: string) => void;