@webiny/app-headless-cms 0.0.0-ee-vpcs.549378cf03

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

@@ -0,0 +1,209 @@
+"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.useContentEntryProviderProps = exports.Provider = exports.Context = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
+
+var _get = _interopRequireDefault(require("lodash/get"));
+
+var _reactRouter = require("@webiny/react-router");
+
+var _useSnackbar2 = require("@webiny/app-admin/hooks/useSnackbar");
+
+var _hooks = require("../../../hooks");
+
+var _useContentEntries2 = require("../hooks/useContentEntries");
+
+var _utils = require("@webiny/utils");
+
+var _contentEntries = require("../../../graphql/contentEntries");
+
+var _getFetchPolicy = require("../../../../utils/getFetchPolicy");
+
+var Context = /*#__PURE__*/_react.default.createContext(undefined);
+
+exports.Context = Context;
+
+var useContentEntryProviderProps = function useContentEntryProviderProps() {
+  var _useRouter = (0, _reactRouter.useRouter)(),
+      location = _useRouter.location;
+
+  var query = new URLSearchParams(location.search);
+
+  var isNewEntry = function isNewEntry() {
+    return query.get("new") === "true";
+  };
+
+  var getContentId = function getContentId() {
+    return query.get("id") || null;
+  };
+
+  return {
+    getContentId: getContentId,
+    isNewEntry: isNewEntry
+  };
+};
+
+exports.useContentEntryProviderProps = useContentEntryProviderProps;
+
+var Provider = function Provider(_ref) {
+  var children = _ref.children,
+      isNewEntry = _ref.isNewEntry,
+      getContentId = _ref.getContentId;
+
+  var _useContentEntries = (0, _useContentEntries2.useContentEntries)(),
+      contentModel = _useContentEntries.contentModel,
+      canCreate = _useContentEntries.canCreate,
+      listQueryVariables = _useContentEntries.listQueryVariables,
+      setListQueryVariables = _useContentEntries.setListQueryVariables,
+      sorters = _useContentEntries.sorters;
+
+  var formRef = (0, _react.useRef)({
+    submit: function () {
+      var _submit = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
+        return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                return _context.abrupt("return", null);
+
+              case 1:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }));
+
+      function submit() {
+        return _submit.apply(this, arguments);
+      }
+
+      return submit;
+    }()
+  });
+
+  var _useRouter2 = (0, _reactRouter.useRouter)(),
+      history = _useRouter2.history;
+
+  var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
+      showSnackbar = _useSnackbar.showSnackbar;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      isLoading = _useState2[0],
+      setLoading = _useState2[1];
+
+  var contentEntryProviderProps = useContentEntryProviderProps();
+  var newEntry = typeof isNewEntry === "function" ? isNewEntry() : contentEntryProviderProps.isNewEntry();
+  var contentId = typeof getContentId === "function" ? getContentId() : contentEntryProviderProps.getContentId();
+  var revisionId = contentId ? decodeURIComponent(contentId) : null;
+  var entryId = null;
+  var version = null;
+
+  if (revisionId) {
+    var result = (0, _utils.parseIdentifier)(revisionId);
+    entryId = result.id;
+    version = result.version;
+  }
+
+  var tabsRef = (0, _react.useRef)();
+
+  var _useMemo = (0, _react.useMemo)(function () {
+    return {
+      READ_CONTENT: (0, _contentEntries.createReadQuery)(contentModel)
+    };
+  }, [contentModel.modelId]),
+      READ_CONTENT = _useMemo.READ_CONTENT;
+
+  var _useMemo2 = (0, _react.useMemo)(function () {
+    return {
+      GET_REVISIONS: (0, _contentEntries.createRevisionsQuery)(contentModel)
+    };
+  }, [contentModel.modelId]),
+      GET_REVISIONS = _useMemo2.GET_REVISIONS;
+
+  var setFormRef = (0, _react.useCallback)(function (form) {
+    formRef.current = form;
+  }, [formRef]);
+  var createEntry = (0, _react.useCallback)(function () {
+    history.push("/cms/content-entries/".concat(contentModel.modelId, "?new=true"));
+  }, [contentModel.modelId]);
+  var variables;
+
+  if (version === null && entryId) {
+    variables = {
+      entryId: entryId
+    };
+  } else {
+    variables = {
+      revision: revisionId
+    };
+  }
+
+  var getEntry = (0, _hooks.useQuery)(READ_CONTENT, {
+    variables: variables,
+    skip: !revisionId,
+    fetchPolicy: (0, _getFetchPolicy.getFetchPolicy)(contentModel),
+    onCompleted: function onCompleted(data) {
+      if (!data) {
+        return;
+      }
+
+      var error = data.content.error;
+
+      if (!error) {
+        return;
+      }
+
+      history.push("/cms/content-entries/".concat(contentModel.modelId));
+      showSnackbar(error.message);
+    }
+  });
+  var getRevisions = (0, _hooks.useQuery)(GET_REVISIONS, {
+    variables: {
+      id: entryId
+    },
+    skip: !entryId
+  });
+  var loading = isLoading || getEntry.loading || getRevisions.loading;
+  var entry = (0, _get.default)(getEntry, "data.content.data") || {};
+  var value = {
+    canCreate: canCreate,
+    contentModel: contentModel,
+    createEntry: createEntry,
+    listQueryVariables: listQueryVariables,
+    setListQueryVariables: setListQueryVariables,
+    sorters: sorters,
+    entry: entry,
+    form: formRef,
+    loading: loading,
+    revisions: (0, _get.default)(getRevisions, "data.revisions.data") || [],
+    refetchContent: getEntry.refetch,
+    setFormRef: setFormRef,
+    setLoading: setLoading,
+    tabsRef: tabsRef,
+    showEmptyView: !newEntry && !loading && (0, _isEmpty.default)(entry)
+  };
+  return /*#__PURE__*/_react.default.createElement(Context.Provider, {
+    value: value
+  }, children);
+};
+
+exports.Provider = Provider;
+Provider.displayName = "ContentEntryProvider";

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","version","result","parseIdentifier","id","tabsRef","useMemo","READ_CONTENT","createReadQuery","modelId","GET_REVISIONS","createRevisionsQuery","setFormRef","useCallback","form","current","createEntry","push","variables","revision","getEntry","useQuery","skip","fetchPolicy","getFetchPolicy","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\";\nimport { getFetchPolicy } from \"~/utils/getFetchPolicy\";\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    let version: number | null = null;\n    if (revisionId) {\n        const result = parseIdentifier(revisionId);\n        entryId = result.id;\n        version = result.version;\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    let variables: CmsEntryGetQueryVariables | undefined;\n    if (version === null && entryId) {\n        variables = {\n            entryId\n        };\n    } else {\n        variables = {\n            revision: revisionId as string\n        };\n    }\n\n    const getEntry = useQuery<CmsEntryGetQueryResponse, CmsEntryGetQueryVariables>(READ_CONTENT, {\n        variables,\n        skip: !revisionId,\n        fetchPolicy: getFetchPolicy(contentModel),\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 = (get(getEntry, \"data.content.data\") as unknown as CmsEditorContentEntry) || {};\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

@@ -0,0 +1,7 @@
+import React from "react";
+import { CmsEditorContentEntry } from "../../../../types";
+interface RevisionListItemProps {
+    revision: CmsEditorContentEntry;
+}
+declare const RevisionListItem: React.FC<RevisionListItemProps>;
+export default RevisionListItem;

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

@@ -0,0 +1,189 @@
+"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 _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;");
+var revisionsMenu = /*#__PURE__*/(0, _emotion.css)({
+  width: 250,
+  right: -105,
+  left: "auto !important"
+}, "label:revisionsMenu;");
+
+var getIcon = function getIcon(rev) {
+  switch (true) {
+    case rev.meta.locked && rev.meta.status !== "published":
+      return {
+        icon: /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+          icon: /*#__PURE__*/_react.default.createElement(_lock.ReactComponent, null),
+          "data-testid": "cms.revision.status.locked"
+        }),
+        text: "This revision is locked (it has already been published)"
+      };
+
+    case rev.meta.status === "published":
+      return {
+        icon: /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+          icon: /*#__PURE__*/_react.default.createElement(_beenhere.ReactComponent, null),
+          className: primaryColor,
+          "data-testid": "cms.revision.status.published"
+        }),
+        text: "This revision is currently published!"
+      };
+
+    default:
+      return {
+        icon: /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+          icon: /*#__PURE__*/_react.default.createElement(_gesture.ReactComponent, null),
+          "data-testid": "cms.revision.status.draft"
+        }),
+        text: "This is a draft"
+      };
+  }
+};
+
+var RevisionListItem = function RevisionListItem(_ref) {
+  var revision = _ref.revision;
+
+  var _useRevision = (0, _useRevision2.useRevision)({
+    revision: revision
+  }),
+      createRevision = _useRevision.createRevision,
+      deleteRevision = _useRevision.deleteRevision,
+      publishRevision = _useRevision.publishRevision,
+      unpublishRevision = _useRevision.unpublishRevision,
+      editRevision = _useRevision.editRevision;
+
+  var _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;
+
+  var _usePermission = (0, _usePermission2.default)(),
+      canEdit = _usePermission.canEdit,
+      canDelete = _usePermission.canDelete,
+      canPublish = _usePermission.canPublish,
+      canUnpublish = _usePermission.canUnpublish;
+
+  var _getIcon = getIcon(revision),
+      icon = _getIcon.icon,
+      tooltipText = _getIcon.text;
+
+  return /*#__PURE__*/_react.default.createElement(_List.ListItem, null, /*#__PURE__*/_react.default.createElement(_List.ListItemGraphic, null, /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+    content: tooltipText,
+    placement: "bottom"
+  }, icon)), /*#__PURE__*/_react.default.createElement(_List.ListItemText, null, /*#__PURE__*/_react.default.createElement(_List.ListItemTextPrimary, null, revision.meta.title || t(_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);
+    }
+  }, /*#__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

@@ -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","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":";;;;;;;;;;;AAAA;;AACA;;AAKA;;AACA;;AAQA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,kEAAR,CAAV;;AAEA,IAAMC,YAAY,gBAAG,IAAAC,YAAA,EAAI;EAAEC,KAAK,EAAE;AAAT,CAAJ,wBAArB;AAEA,IAAMC,aAAa,gBAAG,IAAAF,YAAA,EAAI;EACtBG,KAAK,EAAE,GADe;EAEtBC,KAAK,EAAE,CAAC,GAFc;EAGtBC,IAAI,EAAE;AAHgB,CAAJ,yBAAtB;;AAMA,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAACC,GAAD,EAAgC;EAC5C,QAAQ,IAAR;IACI,KAAKA,GAAG,CAACC,IAAJ,CAASC,MAAT,IAAmBF,GAAG,CAACC,IAAJ,CAASE,MAAT,KAAoB,WAA5C;MACI,OAAO;QACHC,IAAI,eAAE,6BAAC,UAAD;UAAM,IAAI,eAAE,6BAAC,oBAAD,OAAZ;UAA0B,eAAa;QAAvC,EADH;QAEHC,IAAI,EAAE;MAFH,CAAP;;IAIJ,KAAKL,GAAG,CAACC,IAAJ,CAASE,MAAT,KAAoB,WAAzB;MACI,OAAO;QACHC,IAAI,eACA,6BAAC,UAAD;UACI,IAAI,eAAE,6BAAC,wBAAD,OADV;UAEI,SAAS,EAAEZ,YAFf;UAGI,eAAa;QAHjB,EAFD;QAQHa,IAAI,EAAE;MARH,CAAP;;IAUJ;MACI,OAAO;QACHD,IAAI,eAAE,6BAAC,UAAD;UAAM,IAAI,eAAE,6BAAC,uBAAD,OAAZ;UAA6B,eAAa;QAA1C,EADH;QAEHC,IAAI,EAAE;MAFH,CAAP;EAlBR;AAuBH,CAxBD;;AA8BA,IAAMC,gBAAiD,GAAG,SAApDA,gBAAoD,OAAkB;EAAA,IAAfC,QAAe,QAAfA,QAAe;;EACxE,mBACI,IAAAC,yBAAA,EAAY;IACRD,QAAQ,EAARA;EADQ,CAAZ,CADJ;EAAA,IAAQE,cAAR,gBAAQA,cAAR;EAAA,IAAwBC,cAAxB,gBAAwBA,cAAxB;EAAA,IAAwCC,eAAxC,gBAAwCA,eAAxC;EAAA,IAAyDC,iBAAzD,gBAAyDA,iBAAzD;EAAA,IAA4EC,YAA5E,gBAA4EA,YAA5E;;EAKA,4BAA6B,IAAAC,+BAAA,EAAsB;IAC/CC,KAAK,EAAE1B,CAAF,gHAD0C;IAE/C2B,OAAO,eACH,2CACK3B,CAAC,oKAAD,CACG;MACIkB,QAAQ,eAAE,kDAAUA,QAAQ,CAACN,IAAT,CAAcgB,OAAxB;IADd,CADH,CADL;EAH2C,CAAtB,CAA7B;EAAA,IAAQC,gBAAR,yBAAQA,gBAAR;;EAYA,uBAA2B,IAAAC,iCAAA,GAA3B;EAAA,IAAQC,KAAR,oBAAQA,KAAR;EAAA,IAAeC,OAAf,oBAAeA,OAAf;;EACA,qBAAyD,IAAAC,uBAAA,GAAzD;EAAA,IAAQC,OAAR,kBAAQA,OAAR;EAAA,IAAiBC,SAAjB,kBAAiBA,SAAjB;EAAA,IAA4BC,UAA5B,kBAA4BA,UAA5B;EAAA,IAAwCC,YAAxC,kBAAwCA,YAAxC;;EACA,eAAoC3B,OAAO,CAACQ,QAAD,CAA3C;EAAA,IAAQH,IAAR,YAAQA,IAAR;EAAA,IAAoBuB,WAApB,YAActB,IAAd;;EAEA,oBACI,6BAAC,cAAD,qBACI,6BAAC,qBAAD,qBACI,6BAAC,gBAAD;IAAS,OAAO,EAAEsB,WAAlB;IAA+B,SAAS,EAAE;EAA1C,GACKvB,IADL,CADJ,CADJ,eAMI,6BAAC,kBAAD,qBACI,6BAAC,yBAAD,QAAsBG,QAAQ,CAACN,IAAT,CAAcc,KAAd,IAAuB1B,CAAvB,wFAAtB,CADJ,eAEI,6BAAC,2BAAD,QACKA,CAAC,sHAAD,CAAqC;IAClCuC,IAAI,eAAE,6BAAC,qBAAD;MAAS,QAAQ,EAAErB,QAAQ,CAACsB;IAA5B,EAD4B;IAElCZ,OAAO,EAAEV,QAAQ,CAACN,IAAT,CAAcgB;EAFW,CAArC,CADL,CAFJ,CANJ,eAeI,6BAAC,kBAAD,qBACI,6BAAC,UAAD;IACI,MAAM,eAAE,6BAAC,kBAAD;MAAY,IAAI,eAAE,6BAAC,yBAAD;IAAlB,EADZ;IAEI,SAAS,EAAEtB,aAFf;IAGI,eAAa;EAHjB,GAKK4B,OAAO,CAACH,KAAD,EAAQ,kBAAR,CAAP,iBACG,6BAAC,cAAD;IACI,OAAO,EAAE;MAAA,OAAMX,cAAc,CAACF,QAAQ,CAACuB,EAAV,CAApB;IAAA,CADb;IAEI,eAAa;EAFjB,gBAII,6BAAC,qBAAD,qBACI,6BAAC,UAAD;IAAM,IAAI,eAAE,6BAAC,mBAAD;EAAZ,EADJ,CAJJ,EAOKzC,CAPL,sGANR,EAiBK,CAACkB,QAAQ,CAACN,IAAT,CAAcC,MAAf,IAAyBqB,OAAO,CAACH,KAAD,EAAQ,kBAAR,CAAhC,iBACG,6BAAC,cAAD;IACI,OAAO,EAAE,mBAAM;MACXP,YAAY;;MACZ,IAAI,CAACQ,OAAO,CAACU,OAAb,EAAsB;QAClB;MACH;;MACDV,OAAO,CAACU,OAAR,CAAgBC,SAAhB,CAA0B,CAA1B;IACH;EAPL,gBASI,6BAAC,qBAAD,qBACI,6BAAC,UAAD;IAAM,IAAI,eAAE,6BAAC,oBAAD;EAAZ,EADJ,CATJ,EAYK3C,CAZL,2FAlBR,EAkCKkB,QAAQ,CAACN,IAAT,CAAcE,MAAd,KAAyB,WAAzB,IAAwCsB,UAAU,CAAC,kBAAD,CAAlD,iBACG,6BAAC,cAAD;IAAU,OAAO,EAAE;MAAA,OAAMd,eAAe,CAACJ,QAAQ,CAACuB,EAAV,CAArB;IAAA;EAAnB,gBACI,6BAAC,0DAAD,OADJ,CAnCR,EAwCKvB,QAAQ,CAACN,IAAT,CAAcE,MAAd,KAAyB,WAAzB,IAAwCuB,YAAY,CAAC,kBAAD,CAApD,iBACG,6BAAC,cAAD;IACI,OAAO,EAAE;MAAA,OAAMd,iBAAiB,CAACL,QAAQ,CAACuB,EAAV,CAAvB;IAAA,CADb;IAEI,eAAa;EAFjB,gBAII,6BAAC,qBAAD,qBACI,6BAAC,UAAD;IAAM,IAAI,eAAE,6BAAC,yBAAD;EAAZ,EADJ,CAJJ,EAOKzC,CAPL,+FAzCR,EAoDK,CAACkB,QAAQ,CAACN,IAAT,CAAcC,MAAf,IAAyBsB,SAAS,CAACJ,KAAD,EAAQ,kBAAR,CAAlC,iBACG,uDACI,6BAAC,iBAAD,OADJ,eAEI,6BAAC,cAAD;IAAU,OAAO,EAAE;MAAA,OAAMF,gBAAgB,CAACR,cAAD,CAAtB;IAAA;EAAnB,gBACI,6BAAC,qBAAD,qBACI,6BAAC,UAAD;IAAM,IAAI,eAAE,6BAAC,sBAAD;EAAZ,EADJ,CADJ,EAIKrB,CAJL,6FAFJ,CArDR,CADJ,CAfJ,CADJ;AAoFH,CA1GD;;eA4GeiB,gB"}

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

@@ -0,0 +1,3 @@
+import React from "react";
+declare const RevisionsList: React.FC;
+export default RevisionsList;

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

@@ -0,0 +1,78 @@
+"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",
+    margin: 25,
+    display: "flex",
+    flexDirection: "column",
+    overflow: "auto",
+    maxHeight: "calc(100vh - 160px)",
+    ".mdc-list .mdc-list-item": {
+      borderBottom: "1px solid var(--mdc-theme-on-background)"
+    },
+    ".mdc-list .mdc-list-item:last-child": {
+      borderBottom: "none"
+    }
+  }, "label:list;"),
+  nothingToShow: /*#__PURE__*/(0, _emotion.css)({
+    padding: 20,
+    margin: 25,
+    textAlign: "center"
+  }, "label:nothingToShow;")
+};
+
+var RevisionsList = function RevisionsList() {
+  var _useContentEntry = (0, _useContentEntry2.useContentEntry)(),
+      entry = _useContentEntry.entry,
+      revisions = _useContentEntry.revisions,
+      loading = _useContentEntry.loading;
+
+  return /*#__PURE__*/_react.default.createElement(_Elevation.Elevation, {
+    className: style.list,
+    z: 2
+  }, loading && /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, null), entry.id && revisions.length ? /*#__PURE__*/_react.default.createElement(_List.List, {
+    nonInteractive: true,
+    twoLine: true,
+    "data-testid": "cms.content-form.revisions"
+  }, revisions.map(function (revision) {
+    return /*#__PURE__*/_react.default.createElement(_RevisionListItem.default, {
+      revision: revision,
+      key: revision.id
+    });
+  })) : /*#__PURE__*/_react.default.createElement("div", {
+    className: style.nothingToShow
+  }, t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["No revisions to show."])))));
+};
+
+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

@@ -0,0 +1,9 @@
+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;