@webiny/app-headless-cms 5.27.0 → 5.28.0-beta.0

package/admin/views/contentEntries/ContentEntriesList.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ContentEntriesList.tsx"],"names":["React","useMemo","debounce","css","TimeAgo","pluralize","styled","i18n","Form","Typography","UIList","ButtonIcon","ButtonSecondary","Cell","Grid","Scrollbar","Select","ReactComponent","AddIcon","FilterIcon","SearchUI","statusLabels","useCallback","useContentEntriesList","useContentEntriesViewConfig","t","ns","rightAlign","alignItems","justifyContent","ModelId","color","InlineLoaderWrapper","position","bottom","left","display","width","height","backgroundColor","listItemMinHeight","minHeight","ContentEntriesList","contentModel","id","loading","canCreate","onCreate","data","editEntry","loadMore","loadMoreLoading","listQueryVariables","setListQueryVariables","sorters","filter","setFilter","viewConfig","loadMoreOnScroll","scrollFrame","top","formInitialData","sort","appliesToContentModel","modelIds","length","includes","modelId","entriesDataListModalOverlay","status","Bind","map","value","label","filters","name","element","title","item","meta","time","savedOn","version"],"mappings":"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","sourcesContent":["import React, { useMemo } from \"react\";\nimport debounce from \"lodash/debounce\";\nimport { css } from \"emotion\";\n/**\n * Package timeago-react does not have types.\n */\n// @ts-ignore\nimport TimeAgo from \"timeago-react\";\nimport pluralize from \"pluralize\";\nimport styled from \"@emotion/styled\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Form } from \"@webiny/form\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport * as UIList from \"@webiny/ui/List\";\nimport { ButtonIcon, ButtonSecondary } from \"@webiny/ui/Button\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { Scrollbar } from \"@webiny/ui/Scrollbar\";\nimport { Select } from \"@webiny/ui/Select\";\nimport { ReactComponent as AddIcon } from \"@webiny/app-admin/assets/icons/add-18px.svg\";\nimport { ReactComponent as FilterIcon } from \"@webiny/app-admin/assets/icons/filter-24px.svg\";\nimport SearchUI from \"@webiny/app-admin/components/SearchUI\";\nimport statusLabels from \"../../constants/statusLabels\";\nimport { useCallback } from \"react\";\nimport { useContentEntriesList } from \"~/admin/views/contentEntries/hooks/useContentEntriesList\";\nimport { positionValues as PositionValues } from \"react-custom-scrollbars\";\nimport { CmsEditorContentEntry } from \"~/types\";\nimport {\n    useContentEntriesViewConfig,\n    ContentEntriesViewConfigFilter\n} from \"./experiment/ContentEntriesViewConfig\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/contents/data-list\");\n\nconst rightAlign = css({\n    alignItems: \"flex-end !important\",\n    justifyContent: \"center !important\"\n});\n\nconst ModelId = styled(\"span\")({\n    color: \"var(--mdc-theme-text-secondary-on-background)\"\n});\n\nconst InlineLoaderWrapper = styled(\"div\")({\n    position: \"absolute\",\n    bottom: 0,\n    left: 0,\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    width: \"100%\",\n    height: 40,\n    backgroundColor: \"var(--mdc-theme-surface)\"\n});\n\nconst listItemMinHeight = css({\n    minHeight: \"66px !important\"\n});\n\nconst ContentEntriesList: React.FC = () => {\n    const {\n        contentModel,\n        id,\n        loading,\n        canCreate,\n        onCreate,\n        data,\n        editEntry,\n        loadMore,\n        loadMoreLoading,\n        listQueryVariables,\n        setListQueryVariables,\n        sorters,\n        filter,\n        setFilter\n    } = useContentEntriesList();\n\n    const viewConfig = useContentEntriesViewConfig();\n\n    const loadMoreOnScroll = useCallback(\n        debounce((scrollFrame: PositionValues) => {\n            if (scrollFrame.top > 0.9) {\n                loadMore();\n            }\n        }, 500),\n        [data]\n    );\n\n    const formInitialData = {\n        ...listQueryVariables,\n        sort: listQueryVariables.sort ? listQueryVariables.sort[0] : \"\"\n    };\n\n    const appliesToContentModel = useCallback(\n        ({ modelIds }: ContentEntriesViewConfigFilter) => {\n            return modelIds.length === 0 || modelIds.includes(contentModel.modelId);\n        },\n        [contentModel]\n    );\n\n    const entriesDataListModalOverlay = useMemo(\n        () => (\n            <UIList.DataListModalOverlay>\n                <Form\n                    data={formInitialData}\n                    onChange={({ sort, status, ...data }) => {\n                        setListQueryVariables(() => ({\n                            status,\n                            // GraphQL Schema requires \"sort\" to be an array.\n                            sort: [sort],\n                            // Spread the rest of form data\n                            ...data\n                        }));\n                    }}\n                >\n                    {({ Bind }) => (\n                        <Grid>\n                            <Cell span={12}>\n                                <Bind name={\"sort\"}>\n                                    <Select label={t`Sort by`}>\n                                        {sorters.map(({ value, label }) => {\n                                            return (\n                                                <option key={value} value={value}>\n                                                    {label}\n                                                </option>\n                                            );\n                                        })}\n                                    </Select>\n                                </Bind>\n                            </Cell>\n                            {viewConfig.filters.filter(appliesToContentModel).map(filter => (\n                                <Cell span={12} key={filter.name}>\n                                    {filter.element}\n                                </Cell>\n                            ))}\n                        </Grid>\n                    )}\n                </Form>\n            </UIList.DataListModalOverlay>\n        ),\n        [listQueryVariables, viewConfig.filters]\n    );\n\n    return (\n        <UIList.DataList\n            loading={loading}\n            data={data}\n            title={\n                <span>\n                    {pluralize(contentModel.name)}\n                    <br />\n                    <Typography use={\"subtitle1\"}>\n                        <ModelId>Model ID: {contentModel.modelId}</ModelId>\n                    </Typography>\n                </span>\n            }\n            actions={\n                canCreate ? (\n                    <ButtonSecondary data-testid=\"new-record-button\" onClick={onCreate}>\n                        <ButtonIcon icon={<AddIcon />} /> {t`New Entry`}\n                    </ButtonSecondary>\n                ) : null\n            }\n            search={\n                <SearchUI\n                    value={filter}\n                    onChange={setFilter}\n                    inputPlaceholder={t`Search {title}`({ title: pluralize(contentModel.name) })}\n                />\n            }\n            modalOverlay={entriesDataListModalOverlay}\n            modalOverlayAction={\n                <UIList.DataListModalOverlayAction\n                    icon={<FilterIcon />}\n                    data-testid={\"default-data-list.filter\"}\n                />\n            }\n        >\n            {({ data }: { data: CmsEditorContentEntry[] }) => (\n                <>\n                    <Scrollbar\n                        data-testid=\"default-data-list\"\n                        onScrollFrame={scrollFrame => loadMoreOnScroll(scrollFrame)}\n                    >\n                        {data.map(item => (\n                            <UIList.ListItem\n                                key={item.id}\n                                className={listItemMinHeight}\n                                selected={item.id === id}\n                            >\n                                <UIList.ListItemText onClick={editEntry(item)}>\n                                    {item.meta.title || \"Untitled\"}\n                                    <UIList.ListItemTextSecondary>\n                                        {t`Last modified: {time}.`({\n                                            time: <TimeAgo datetime={item.savedOn} />\n                                        })}\n                                    </UIList.ListItemTextSecondary>\n                                </UIList.ListItemText>\n\n                                <UIList.ListItemMeta className={rightAlign}>\n                                    <Typography use={\"subtitle2\"}>\n                                        {statusLabels[item.meta.status]} (v{item.meta.version})\n                                    </Typography>\n                                </UIList.ListItemMeta>\n                            </UIList.ListItem>\n                        ))}\n                    </Scrollbar>\n                    {loadMoreLoading && (\n                        <InlineLoaderWrapper>\n                            <Typography use={\"overline\"}>{t`Loading more entries...`}</Typography>\n                        </InlineLoaderWrapper>\n                    )}\n                </>\n            )}\n        </UIList.DataList>\n    );\n};\n\nexport default ContentEntriesList;\n"]}
+{"version":3,"names":["t","i18n","ns","rightAlign","css","alignItems","justifyContent","ModelId","styled","color","InlineLoaderWrapper","position","bottom","left","display","width","height","backgroundColor","listItemMinHeight","minHeight","ContentEntriesList","useContentEntriesList","contentModel","id","loading","canCreate","onCreate","data","editEntry","loadMore","loadMoreLoading","listQueryVariables","setListQueryVariables","sorters","filter","setFilter","viewConfig","useContentEntriesViewConfig","loadMoreOnScroll","useCallback","debounce","scrollFrame","top","formInitialData","sort","appliesToContentModel","modelIds","length","includes","modelId","entriesDataListModalOverlay","useMemo","status","Bind","map","value","label","filters","name","element","pluralize","title","item","meta","time","savedOn","statusLabels","version"],"sources":["ContentEntriesList.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport debounce from \"lodash/debounce\";\nimport { css } from \"emotion\";\n/**\n * Package timeago-react does not have types.\n */\n// @ts-ignore\nimport TimeAgo from \"timeago-react\";\nimport pluralize from \"pluralize\";\nimport styled from \"@emotion/styled\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Form } from \"@webiny/form\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport * as UIList from \"@webiny/ui/List\";\nimport { ButtonIcon, ButtonSecondary } from \"@webiny/ui/Button\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { Scrollbar } from \"@webiny/ui/Scrollbar\";\nimport { Select } from \"@webiny/ui/Select\";\nimport { ReactComponent as AddIcon } from \"@webiny/app-admin/assets/icons/add-18px.svg\";\nimport { ReactComponent as FilterIcon } from \"@webiny/app-admin/assets/icons/filter-24px.svg\";\nimport SearchUI from \"@webiny/app-admin/components/SearchUI\";\nimport statusLabels from \"../../constants/statusLabels\";\nimport { useCallback } from \"react\";\nimport { useContentEntriesList } from \"~/admin/views/contentEntries/hooks/useContentEntriesList\";\nimport { positionValues as PositionValues } from \"react-custom-scrollbars\";\nimport { CmsEditorContentEntry } from \"~/types\";\nimport {\n    useContentEntriesViewConfig,\n    ContentEntriesViewConfigFilter\n} from \"./experiment/ContentEntriesViewConfig\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/contents/data-list\");\n\nconst rightAlign = css({\n    alignItems: \"flex-end !important\",\n    justifyContent: \"center !important\"\n});\n\nconst ModelId = styled(\"span\")({\n    color: \"var(--mdc-theme-text-secondary-on-background)\"\n});\n\nconst InlineLoaderWrapper = styled(\"div\")({\n    position: \"absolute\",\n    bottom: 0,\n    left: 0,\n    display: \"flex\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    width: \"100%\",\n    height: 40,\n    backgroundColor: \"var(--mdc-theme-surface)\"\n});\n\nconst listItemMinHeight = css({\n    minHeight: \"66px !important\"\n});\n\nconst ContentEntriesList: React.FC = () => {\n    const {\n        contentModel,\n        id,\n        loading,\n        canCreate,\n        onCreate,\n        data,\n        editEntry,\n        loadMore,\n        loadMoreLoading,\n        listQueryVariables,\n        setListQueryVariables,\n        sorters,\n        filter,\n        setFilter\n    } = useContentEntriesList();\n\n    const viewConfig = useContentEntriesViewConfig();\n\n    const loadMoreOnScroll = useCallback(\n        debounce((scrollFrame: PositionValues) => {\n            if (scrollFrame.top > 0.9) {\n                loadMore();\n            }\n        }, 500),\n        [data]\n    );\n\n    const formInitialData = {\n        ...listQueryVariables,\n        sort: listQueryVariables.sort ? listQueryVariables.sort[0] : \"\"\n    };\n\n    const appliesToContentModel = useCallback(\n        ({ modelIds }: ContentEntriesViewConfigFilter) => {\n            return modelIds.length === 0 || modelIds.includes(contentModel.modelId);\n        },\n        [contentModel]\n    );\n\n    const entriesDataListModalOverlay = useMemo(\n        () => (\n            <UIList.DataListModalOverlay>\n                <Form\n                    data={formInitialData}\n                    onChange={({ sort, status, ...data }) => {\n                        setListQueryVariables(() => ({\n                            status,\n                            // GraphQL Schema requires \"sort\" to be an array.\n                            sort: [sort],\n                            // Spread the rest of form data\n                            ...data\n                        }));\n                    }}\n                >\n                    {({ Bind }) => (\n                        <Grid>\n                            <Cell span={12}>\n                                <Bind name={\"sort\"}>\n                                    <Select label={t`Sort by`}>\n                                        {sorters.map(({ value, label }) => {\n                                            return (\n                                                <option key={value} value={value}>\n                                                    {label}\n                                                </option>\n                                            );\n                                        })}\n                                    </Select>\n                                </Bind>\n                            </Cell>\n                            {viewConfig.filters.filter(appliesToContentModel).map(filter => (\n                                <Cell span={12} key={filter.name}>\n                                    {filter.element}\n                                </Cell>\n                            ))}\n                        </Grid>\n                    )}\n                </Form>\n            </UIList.DataListModalOverlay>\n        ),\n        [listQueryVariables, viewConfig.filters]\n    );\n\n    return (\n        <UIList.DataList\n            loading={loading}\n            data={data}\n            title={\n                <span>\n                    {pluralize(contentModel.name)}\n                    <br />\n                    <Typography use={\"subtitle1\"}>\n                        <ModelId>Model ID: {contentModel.modelId}</ModelId>\n                    </Typography>\n                </span>\n            }\n            actions={\n                canCreate ? (\n                    <ButtonSecondary data-testid=\"new-record-button\" onClick={onCreate}>\n                        <ButtonIcon icon={<AddIcon />} /> {t`New Entry`}\n                    </ButtonSecondary>\n                ) : null\n            }\n            search={\n                <SearchUI\n                    value={filter}\n                    onChange={setFilter}\n                    inputPlaceholder={t`Search {title}`({ title: pluralize(contentModel.name) })}\n                />\n            }\n            modalOverlay={entriesDataListModalOverlay}\n            modalOverlayAction={\n                <UIList.DataListModalOverlayAction\n                    icon={<FilterIcon />}\n                    data-testid={\"default-data-list.filter\"}\n                />\n            }\n        >\n            {({ data }: { data: CmsEditorContentEntry[] }) => (\n                <>\n                    <Scrollbar\n                        data-testid=\"default-data-list\"\n                        onScrollFrame={scrollFrame => loadMoreOnScroll(scrollFrame)}\n                    >\n                        {data.map(item => (\n                            <UIList.ListItem\n                                key={item.id}\n                                className={listItemMinHeight}\n                                selected={item.id === id}\n                            >\n                                <UIList.ListItemText onClick={editEntry(item)}>\n                                    {item.meta.title || \"Untitled\"}\n                                    <UIList.ListItemTextSecondary>\n                                        {t`Last modified: {time}.`({\n                                            time: <TimeAgo datetime={item.savedOn} />\n                                        })}\n                                    </UIList.ListItemTextSecondary>\n                                </UIList.ListItemText>\n\n                                <UIList.ListItemMeta className={rightAlign}>\n                                    <Typography use={\"subtitle2\"}>\n                                        {statusLabels[item.meta.status]} (v{item.meta.version})\n                                    </Typography>\n                                </UIList.ListItemMeta>\n                            </UIList.ListItem>\n                        ))}\n                    </Scrollbar>\n                    {loadMoreLoading && (\n                        <InlineLoaderWrapper>\n                            <Typography use={\"overline\"}>{t`Loading more entries...`}</Typography>\n                        </InlineLoaderWrapper>\n                    )}\n                </>\n            )}\n        </UIList.DataList>\n    );\n};\n\nexport default ContentEntriesList;\n"],"mappings":"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"}

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

@@ -1,16 +1,39 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-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 { useQuery } from "../../../hooks";
-import { useContentEntries } from "../hooks/useContentEntries";
-import { parseIdentifier } from "@webiny/utils";
-import { createReadQuery, createRevisionsQuery } from "../../../graphql/contentEntries";
-export var Context = /*#__PURE__*/React.createContext({
+"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 Context = /*#__PURE__*/_react.default.createContext({
   createEntry: function createEntry() {
     return void 0;
   },
@@ -18,8 +41,8 @@ export var Context = /*#__PURE__*/React.createContext({
   form: {
     current: {
       submit: function () {
-        var _submit = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-          return _regeneratorRuntime.wrap(function _callee$(_context) {
+        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:
@@ -67,8 +90,11 @@ export var Context = /*#__PURE__*/React.createContext({
     return void 0;
   }
 });
-export var useContentEntryProviderProps = function useContentEntryProviderProps() {
-  var _useRouter = useRouter(),
+
+exports.Context = Context;
+
+var useContentEntryProviderProps = function useContentEntryProviderProps() {
+  var _useRouter = (0, _reactRouter.useRouter)(),
       location = _useRouter.location;
 
   var query = new URLSearchParams(location.search);
@@ -86,22 +112,25 @@ export var useContentEntryProviderProps = function useContentEntryProviderProps(
     isNewEntry: isNewEntry
   };
 };
-export var Provider = function Provider(_ref) {
+
+exports.useContentEntryProviderProps = useContentEntryProviderProps;
+
+var Provider = function Provider(_ref) {
   var children = _ref.children,
       isNewEntry = _ref.isNewEntry,
       getContentId = _ref.getContentId;
 
-  var _useContentEntries = useContentEntries(),
+  var _useContentEntries = (0, _useContentEntries2.useContentEntries)(),
       contentModel = _useContentEntries.contentModel,
       canCreate = _useContentEntries.canCreate,
       listQueryVariables = _useContentEntries.listQueryVariables,
       setListQueryVariables = _useContentEntries.setListQueryVariables,
       sorters = _useContentEntries.sorters;
 
-  var formRef = useRef({
+  var formRef = (0, _react.useRef)({
     submit: function () {
-      var _submit2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      var _submit2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee2() {
+        return (0, _regeneratorRuntime2.default)().wrap(function _callee2$(_context2) {
           while (1) {
             switch (_context2.prev = _context2.next) {
               case 0:
@@ -122,16 +151,16 @@ export var Provider = function Provider(_ref) {
       return submit;
     }()
   });
-  var tabsRef = useRef(null);
+  var tabsRef = (0, _react.useRef)(null);
 
-  var _useRouter2 = useRouter(),
+  var _useRouter2 = (0, _reactRouter.useRouter)(),
       history = _useRouter2.history;
 
-  var _useSnackbar = useSnackbar(),
+  var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
       showSnackbar = _useSnackbar.showSnackbar;
 
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       isLoading = _useState2[0],
       setLoading = _useState2[1];
 
@@ -142,34 +171,34 @@ export var Provider = function Provider(_ref) {
   var entryId = null;
 
   if (revisionId) {
-    var result = parseIdentifier(revisionId);
+    var result = (0, _utils.parseIdentifier)(revisionId);
     entryId = result ? result.id : null;
   }
 
-  var _useMemo = useMemo(function () {
+  var _useMemo = (0, _react.useMemo)(function () {
     return {
-      READ_CONTENT: createReadQuery(contentModel)
+      READ_CONTENT: (0, _contentEntries.createReadQuery)(contentModel)
     };
   }, [contentModel.modelId]),
       READ_CONTENT = _useMemo.READ_CONTENT;
 
-  var _useMemo2 = useMemo(function () {
+  var _useMemo2 = (0, _react.useMemo)(function () {
     return {
-      GET_REVISIONS: createRevisionsQuery(contentModel)
+      GET_REVISIONS: (0, _contentEntries.createRevisionsQuery)(contentModel)
     };
   }, [contentModel.modelId]),
       GET_REVISIONS = _useMemo2.GET_REVISIONS;
 
-  var setFormRef = useCallback(function (form) {
+  var setFormRef = (0, _react.useCallback)(function (form) {
     formRef.current = form;
   }, [formRef]);
-  var setTabsRef = useCallback(function (tabs) {
+  var setTabsRef = (0, _react.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, {
+  var getEntry = (0, _hooks.useQuery)(READ_CONTENT, {
     variables: {
       revision: revisionId || ""
     },
@@ -189,14 +218,14 @@ export var Provider = function Provider(_ref) {
       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,
@@ -207,16 +236,18 @@ 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),
+    showEmptyView: !newEntry && !loading && (0, _isEmpty.default)(entry),
     tabs: tabsRef
   };
-  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

@@ -1 +1 @@
-{"version":3,"sources":["ContentEntryContext.tsx"],"names":["React","useRef","useState","useCallback","useMemo","isEmpty","get","useRouter","useSnackbar","useQuery","useContentEntries","parseIdentifier","createReadQuery","createRevisionsQuery","Context","createContext","createEntry","entry","form","current","submit","canCreate","showEmptyView","tabs","setTabsRef","refetchContent","revisions","setLoading","loading","listQueryVariables","setListQueryVariables","contentModel","sorters","setFormRef","useContentEntryProviderProps","location","query","URLSearchParams","search","isNewEntry","getContentId","Provider","children","formRef","tabsRef","history","showSnackbar","isLoading","contentEntryProviderProps","newEntry","contentId","revisionId","decodeURIComponent","entryId","result","id","READ_CONTENT","modelId","GET_REVISIONS","push","getEntry","variables","revision","skip","onCompleted","data","error","content","message","getRevisions","value","refetch","displayName"],"mappings":"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","sourcesContent":["import React, {\n    useRef,\n    useState,\n    useCallback,\n    useMemo,\n    Dispatch,\n    SetStateAction,\n    MutableRefObject\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, CmsEditorContentModel } from \"~/types\";\nimport { Tabs } 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>;\ntype ContentEntryContextTabsRef = MutableRefObject<Tabs | null>;\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    tabs: ContentEntryContextTabsRef;\n    setTabsRef: (tabs: Tabs) => void;\n    showEmptyView: boolean;\n}\n\nexport const Context = React.createContext<ContentEntryContext>({\n    createEntry: () => {\n        return void 0;\n    },\n    entry: null as unknown as CmsEditorContentEntry,\n    form: {\n        current: {\n            submit: async () => {\n                return null;\n            }\n        }\n    },\n    canCreate: false,\n    showEmptyView: false,\n    tabs: {\n        current: null\n    },\n    setTabsRef: () => {\n        return void 0;\n    },\n    refetchContent: () => {\n        return void 0;\n    },\n    revisions: [],\n    setLoading: () => {\n        return void 0;\n    },\n    loading: false,\n    listQueryVariables: {},\n    setListQueryVariables: () => {\n        return void 0;\n    },\n    contentModel: null as unknown as CmsEditorContentModel,\n    sorters: [],\n    setFormRef: () => {\n        return void 0;\n    }\n});\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 tabsRef = useRef<Tabs | null>(null);\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 { 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 setTabsRef = useCallback(\n        (tabs: Tabs) => {\n            tabsRef.current = tabs;\n        },\n        [tabsRef]\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        setTabsRef,\n        showEmptyView: !newEntry && !loading && isEmpty(entry),\n        tabs: tabsRef\n    };\n\n    return <Context.Provider value={value}>{children}</Context.Provider>;\n};\n\nProvider.displayName = \"ContentEntryProvider\";\n"]}
+{"version":3,"names":["Context","React","createContext","createEntry","entry","form","current","submit","canCreate","showEmptyView","tabs","setTabsRef","refetchContent","revisions","setLoading","loading","listQueryVariables","setListQueryVariables","contentModel","sorters","setFormRef","useContentEntryProviderProps","useRouter","location","query","URLSearchParams","search","isNewEntry","get","getContentId","Provider","children","useContentEntries","formRef","useRef","tabsRef","history","useSnackbar","showSnackbar","useState","isLoading","contentEntryProviderProps","newEntry","contentId","revisionId","decodeURIComponent","entryId","result","parseIdentifier","id","useMemo","READ_CONTENT","createReadQuery","modelId","GET_REVISIONS","createRevisionsQuery","useCallback","push","getEntry","useQuery","variables","revision","skip","onCompleted","data","error","content","message","getRevisions","value","refetch","isEmpty","displayName"],"sources":["ContentEntryContext.tsx"],"sourcesContent":["import React, {\n    useRef,\n    useState,\n    useCallback,\n    useMemo,\n    Dispatch,\n    SetStateAction,\n    MutableRefObject\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, CmsEditorContentModel } from \"~/types\";\nimport { Tabs } 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>;\ntype ContentEntryContextTabsRef = MutableRefObject<Tabs | null>;\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    tabs: ContentEntryContextTabsRef;\n    setTabsRef: (tabs: Tabs) => void;\n    showEmptyView: boolean;\n}\n\nexport const Context = React.createContext<ContentEntryContext>({\n    createEntry: () => {\n        return void 0;\n    },\n    entry: null as unknown as CmsEditorContentEntry,\n    form: {\n        current: {\n            submit: async () => {\n                return null;\n            }\n        }\n    },\n    canCreate: false,\n    showEmptyView: false,\n    tabs: {\n        current: null\n    },\n    setTabsRef: () => {\n        return void 0;\n    },\n    refetchContent: () => {\n        return void 0;\n    },\n    revisions: [],\n    setLoading: () => {\n        return void 0;\n    },\n    loading: false,\n    listQueryVariables: {},\n    setListQueryVariables: () => {\n        return void 0;\n    },\n    contentModel: null as unknown as CmsEditorContentModel,\n    sorters: [],\n    setFormRef: () => {\n        return void 0;\n    }\n});\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 tabsRef = useRef<Tabs | null>(null);\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 { 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 setTabsRef = useCallback(\n        (tabs: Tabs) => {\n            tabsRef.current = tabs;\n        },\n        [tabsRef]\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        setTabsRef,\n        showEmptyView: !newEntry && !loading && isEmpty(entry),\n        tabs: tabsRef\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/RevisionListItem.js

@@ -1,39 +1,66 @@
-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 _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 _publish = require("../../../icons/publish.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 _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
 
-import React from "react";
-import { css } from "emotion";
-/**
- * Package timeago-react does not have types.
- */
-// @ts-ignore
-
-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 "../../../icons/more_vert.svg";
-import { ReactComponent as LockIcon } from "../../../icons/lock.svg";
-import { ReactComponent as BeenHereIcon } from "../../../icons/beenhere.svg";
-import { ReactComponent as GestureIcon } from "../../../icons/gesture.svg";
-import { ReactComponent as AddIcon } from "../../../icons/add.svg";
-import { ReactComponent as EditIcon } from "../../../icons/edit.svg";
-import { ReactComponent as PublishIcon } from "../../../icons/publish.svg";
-import { ReactComponent as UnpublishIcon } from "../../../icons/unpublish.svg";
-import { ReactComponent as DeleteIcon } from "../../../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 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"
@@ -43,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)"
@@ -52,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"
         }),
@@ -62,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"
@@ -74,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,
@@ -83,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;
 
-  var _usePermission = usePermission(),
+  var _usePermission = (0, _usePermission2.default)(),
       canEdit = _usePermission.canEdit,
       canDelete = _usePermission.canDelete,
       canPublish = _usePermission.canPublish,
@@ -97,35 +124,35 @@ 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, {
+    }, 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();
 
@@ -135,29 +162,30 @@ var RevisionListItem = function RevisionListItem(_ref) {
 
         tabs.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, {
+    }, /*#__PURE__*/_react.default.createElement(_List.ListItemGraphic, null, /*#__PURE__*/_react.default.createElement(_Icon.Icon, {
+      icon: /*#__PURE__*/_react.default.createElement(_publish.ReactComponent, null)
+    })), t(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["Publish"])))), 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(_templateObject8 || (_templateObject8 = (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(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)([" Delete"]))))))));
   });
 };
 
-export default RevisionListItem;
+var _default = RevisionListItem;
+exports.default = _default;