@webiny/app-headless-cms 0.0.0-mt-2 → 0.0.0-unstable.13771d80a8

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

@@ -1,93 +1,143 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React, { useRef, useState, useCallback, useMemo } from "react";
-import isEmpty from "lodash/isEmpty";
-import get from "lodash/get";
-import { useRouter } from "@webiny/react-router";
-import { useSnackbar } from "@webiny/app-admin/hooks/useSnackbar";
-import * as GQL from "../../../graphql/contentEntries";
-import { useQuery } from "../../../hooks";
-import { useContentEntries } from "../hooks/useContentEntries";
-export var Context = /*#__PURE__*/React.createContext(null);
-export var Provider = function Provider(_ref) {
-  var children = _ref.children;
+"use strict";
 
-  var _useContentEntries = useContentEntries(),
-      contentModel = _useContentEntries.contentModel,
-      canCreate = _useContentEntries.canCreate,
-      listQueryVariables = _useContentEntries.listQueryVariables,
-      setListQueryVariables = _useContentEntries.setListQueryVariables,
-      sorters = _useContentEntries.sorters;
-
-  var formRef = useRef(null);
-  var tabsRef = useRef(null);
-
-  var _useRouter = useRouter(),
-      history = _useRouter.history,
-      location = _useRouter.location;
-
-  var _useSnackbar = useSnackbar(),
-      showSnackbar = _useSnackbar.showSnackbar;
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isLoading = _useState2[0],
-      setLoading = _useState2[1];
-
-  var newEntry = new URLSearchParams(location.search).get("new") === "true";
+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 contentId = query.get("id");
+  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 = revisionId ? revisionId.split("#")[0] : null;
-
-  var _useMemo = useMemo(function () {
-    return {
-      READ_CONTENT: GQL.createReadQuery(contentModel)
-    };
-  }, [contentModel.modelId]),
-      READ_CONTENT = _useMemo.READ_CONTENT;
-
-  var _useMemo2 = useMemo(function () {
-    return {
-      GET_REVISIONS: GQL.createRevisionsQuery(contentModel)
-    };
-  }, [contentModel.modelId]),
-      GET_REVISIONS = _useMemo2.GET_REVISIONS;
-
-  var setFormRef = useCallback(function (form) {
+  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 setTabsRef = useCallback(function (tabs) {
-    tabsRef.current = tabs;
-  }, [tabsRef]);
-  var createEntry = useCallback(function () {
+  var createEntry = (0, _react.useCallback)(function () {
     history.push("/cms/content-entries/".concat(contentModel.modelId, "?new=true"));
   }, [contentModel.modelId]);
-  var getEntry = useQuery(READ_CONTENT, {
-    variables: {
-      revision: decodeURIComponent(contentId)
-    },
-    skip: !contentId,
+  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) {
-        history.push("/cms/content-entries/".concat(contentModel.modelId));
-        showSnackbar(error.message);
+      if (!error) {
+        return;
       }
+      history.push("/cms/content-entries/".concat(contentModel.modelId));
+      showSnackbar(error.message);
     }
   });
-  var getRevisions = useQuery(GET_REVISIONS, {
+  var getRevisions = (0, _hooks.useQuery)(GET_REVISIONS, {
     variables: {
       id: entryId
     },
     skip: !entryId
   });
   var loading = isLoading || getEntry.loading || getRevisions.loading;
-  var entry = get(getEntry, "data.content.data") || {};
+  var entry = (0, _get.default)(getEntry, "data.content.data") || {};
   var value = {
     canCreate: canCreate,
     contentModel: contentModel,
@@ -98,16 +148,16 @@ export var Provider = function Provider(_ref) {
     entry: entry,
     form: formRef,
     loading: loading,
-    revisions: get(getRevisions, "data.revisions.data") || {},
+    revisions: (0, _get.default)(getRevisions, "data.revisions.data") || [],
     refetchContent: getEntry.refetch,
     setFormRef: setFormRef,
     setLoading: setLoading,
-    setTabsRef: setTabsRef,
-    showEmptyView: !newEntry && !loading && isEmpty(entry),
-    tabs: tabsRef
+    tabsRef: tabsRef,
+    showEmptyView: !newEntry && !loading && (0, _isEmpty.default)(entry)
   };
-  return /*#__PURE__*/React.createElement(Context.Provider, {
+  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,23 @@
+"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;AAAwC;AAExC,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,kEAAkE,CAAC;AAErF,IAAMC,qCAA+C,GAAG,SAAlDA,qCAA+C,GAAS;EAC1D,oBACI,yEACI,6BAAC,qBAAe,qBACZ,6BAAC,UAAI;IAAC,IAAI,eAAE,6BAAC,uBAAW;EAAI,EAAG,CACjB,EACjBH,CAAC,2FACH;AAEX,CAAC;AAEM,IAAMI,4BAA4B,GAAG,IAAAC,gCAAc,EACtD,8BAA8B,EAC9BF,qCAAqC,CACxC;AAAC"}

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,152 +1,149 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"use strict";
 
-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({
+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__*/css({
+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.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)"
       };
-
     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"
         }),
         text: "This revision is currently published!"
       };
-
     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"
       };
   }
 };
-
 var RevisionListItem = function RevisionListItem(_ref) {
   var revision = _ref.revision;
-
-  var _useRevision = useRevision({
-    revision: revision
-  }),
-      createRevision = _useRevision.createRevision,
-      deleteRevision = _useRevision.deleteRevision,
-      publishRevision = _useRevision.publishRevision,
-      unpublishRevision = _useRevision.unpublishRevision,
-      editRevision = _useRevision.editRevision;
-
-  var _useContentEntry = useContentEntry(),
-      entry = _useContentEntry.entry,
-      tabs = _useContentEntry.tabs;
-
-  var _usePermission = usePermission(),
-      canEdit = _usePermission.canEdit,
-      canDelete = _usePermission.canDelete,
-      canPublish = _usePermission.canPublish,
-      canUnpublish = _usePermission.canUnpublish;
-
+  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.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)
-    }))
-  }, function (_ref2) {
-    var showConfirmation = _ref2.showConfirmation;
-    return /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(ListItemGraphic, null, /*#__PURE__*/React.createElement(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, {
-        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)
-      }),
-      className: revisionsMenu,
-      "data-testid": "cms.content-form.revisions.more-options"
-    }, canEdit(entry, "cms.contentEntry") && /*#__PURE__*/React.createElement(MenuItem, {
-      onClick: createRevision,
-      "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, {
-      onClick: function onClick() {
-        editRevision();
-
-        if (tabs.current) {
-          tabs.current.switchTab(0);
-        }
+    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.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, {
-      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,
-      "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, {
-      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"]))))))));
-  });
+      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"]))))))));
 };
-
-export default RevisionListItem;
+var _default = RevisionListItem;
+exports.default = _default;