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

package/admin/views/contentEntries/ContentEntriesList.js

@@ -1,68 +1,39 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _debounce = _interopRequireDefault(require("lodash/debounce"));
-
 var _emotion = require("emotion");
-
 var _timeagoReact = _interopRequireDefault(require("timeago-react"));
-
 var _pluralize = _interopRequireDefault(require("pluralize"));
-
 var _styled = _interopRequireDefault(require("@emotion/styled"));
-
 var _i18n = require("@webiny/app/i18n");
-
 var _form = require("@webiny/form");
-
 var _Typography = require("@webiny/ui/Typography");
-
 var UIList = _interopRequireWildcard(require("@webiny/ui/List"));
-
 var _Button = require("@webiny/ui/Button");
-
 var _Grid = require("@webiny/ui/Grid");
-
 var _Scrollbar = require("@webiny/ui/Scrollbar");
-
 var _Select = require("@webiny/ui/Select");
-
+var _Tooltip = require("@webiny/ui/Tooltip");
 var _add18px = require("@webiny/app-admin/assets/icons/add-18px.svg");
-
 var _filter24px = require("@webiny/app-admin/assets/icons/filter-24px.svg");
-
 var _SearchUI = _interopRequireDefault(require("@webiny/app-admin/components/SearchUI"));
-
 var _statusLabels = _interopRequireDefault(require("../../constants/statusLabels"));
-
 var _useContentEntriesList = require("./hooks/useContentEntriesList");
-
 var _ContentEntriesViewConfig = require("./experiment/ContentEntriesViewConfig");
-
 var _reactRouter = require("@webiny/react-router");
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 var _excluded = ["sort", "status"];
-
 var t = _i18n.i18n.ns("app-headless-cms/admin/contents/data-list");
-
 var rightAlign = /*#__PURE__*/(0, _emotion.css)({
   alignItems: "flex-end !important",
   justifyContent: "center !important"
@@ -90,24 +61,26 @@ var InlineLoaderWrapper = /*#__PURE__*/(0, _styled.default)("div", {
 var listItemMinHeight = /*#__PURE__*/(0, _emotion.css)({
   minHeight: "66px !important"
 }, "label:listItemMinHeight;");
-
+var disabled = /*#__PURE__*/(0, _emotion.css)({
+  color: "rgba(0, 0, 0, 0.54)",
+  cursor: "default"
+}, "label:disabled;");
 var ContentEntriesList = function ContentEntriesList() {
   var _useContentEntriesLis = (0, _useContentEntriesList.useContentEntriesList)(),
-      contentModel = _useContentEntriesLis.contentModel,
-      id = _useContentEntriesLis.id,
-      loading = _useContentEntriesLis.loading,
-      canCreate = _useContentEntriesLis.canCreate,
-      onCreate = _useContentEntriesLis.onCreate,
-      data = _useContentEntriesLis.data,
-      editEntry = _useContentEntriesLis.editEntry,
-      loadMore = _useContentEntriesLis.loadMore,
-      loadMoreLoading = _useContentEntriesLis.loadMoreLoading,
-      listQueryVariables = _useContentEntriesLis.listQueryVariables,
-      setListQueryVariables = _useContentEntriesLis.setListQueryVariables,
-      sorters = _useContentEntriesLis.sorters,
-      filter = _useContentEntriesLis.filter,
-      setFilter = _useContentEntriesLis.setFilter;
-
+    contentModel = _useContentEntriesLis.contentModel,
+    id = _useContentEntriesLis.id,
+    loading = _useContentEntriesLis.loading,
+    canCreate = _useContentEntriesLis.canCreate,
+    onCreate = _useContentEntriesLis.onCreate,
+    data = _useContentEntriesLis.data,
+    editEntry = _useContentEntriesLis.editEntry,
+    loadMore = _useContentEntriesLis.loadMore,
+    loadMoreLoading = _useContentEntriesLis.loadMoreLoading,
+    listQueryVariables = _useContentEntriesLis.listQueryVariables,
+    setListQueryVariables = _useContentEntriesLis.setListQueryVariables,
+    sorters = _useContentEntriesLis.sorters,
+    filter = _useContentEntriesLis.filter,
+    setFilter = _useContentEntriesLis.setFilter;
   var viewConfig = (0, _ContentEntriesViewConfig.useContentEntriesViewConfig)();
   var loadMoreOnScroll = (0, _react.useCallback)((0, _debounce.default)(function (scrollFrame) {
     if (scrollFrame.top > 0.9) {
@@ -126,8 +99,8 @@ var ContentEntriesList = function ContentEntriesList() {
       data: formInitialData,
       onChange: function onChange(_ref2) {
         var sort = _ref2.sort,
-            status = _ref2.status,
-            data = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
+          status = _ref2.status,
+          data = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
         setListQueryVariables(function () {
           return (0, _objectSpread2.default)({
             status: status,
@@ -146,7 +119,7 @@ var ContentEntriesList = function ContentEntriesList() {
         label: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Sort by"])))
       }, sorters.map(function (_ref4) {
         var value = _ref4.value,
-            label = _ref4.label;
+          label = _ref4.label;
         return /*#__PURE__*/_react.default.createElement("option", {
           key: value,
           value: value
@@ -164,19 +137,28 @@ var ContentEntriesList = function ContentEntriesList() {
     data: data,
     title: /*#__PURE__*/_react.default.createElement("span", null, (0, _pluralize.default)(contentModel.name), /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
       use: "subtitle1"
-    }, /*#__PURE__*/_react.default.createElement(ModelId, null, "Model ID:", " ", /*#__PURE__*/_react.default.createElement(_reactRouter.Link, {
+    }, /*#__PURE__*/_react.default.createElement(ModelId, null, "Model ID:", " ", contentModel.plugin ? /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+      content: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Content model is registered via a plugin."]))),
+      placement: "top"
+    }, /*#__PURE__*/_react.default.createElement(_reactRouter.Link, {
+      to: "#",
+      className: disabled
+    }, contentModel.modelId)) : /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
+      content: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Edit content model"]))),
+      placement: "top"
+    }, /*#__PURE__*/_react.default.createElement(_reactRouter.Link, {
       to: "/cms/content-models/".concat(contentModel.modelId)
-    }, contentModel.modelId)))),
+    }, contentModel.modelId))))),
     actions: canCreate ? /*#__PURE__*/_react.default.createElement(_Button.ButtonSecondary, {
       "data-testid": "new-record-button",
       onClick: onCreate
     }, /*#__PURE__*/_react.default.createElement(_Button.ButtonIcon, {
       icon: /*#__PURE__*/_react.default.createElement(_add18px.ReactComponent, null)
-    }), " ", t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["New Entry"])))) : null,
+    }), " ", t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["New Entry"])))) : null,
     search: /*#__PURE__*/_react.default.createElement(_SearchUI.default, {
       value: filter,
       onChange: setFilter,
-      inputPlaceholder: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Search {title}"])))({
+      inputPlaceholder: t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Search {title}"])))({
         title: (0, _pluralize.default)(contentModel.name)
       })
     }),
@@ -199,7 +181,7 @@ var ContentEntriesList = function ContentEntriesList() {
         selected: item.id === id
       }, /*#__PURE__*/_react.default.createElement(UIList.ListItemText, {
         onClick: editEntry(item)
-      }, item.meta.title || "Untitled", /*#__PURE__*/_react.default.createElement(UIList.ListItemTextSecondary, null, t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Last modified: {time}."])))({
+      }, item.meta.title || "Untitled", /*#__PURE__*/_react.default.createElement(UIList.ListItemTextSecondary, null, t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["Last modified: {time}."])))({
         time: /*#__PURE__*/_react.default.createElement(_timeagoReact.default, {
           datetime: item.savedOn
         })
@@ -211,9 +193,8 @@ var ContentEntriesList = function ContentEntriesList() {
       }, _statusLabels.default[item.meta.status], " (v", item.meta.version, ")")));
     })), loadMoreLoading && /*#__PURE__*/_react.default.createElement(InlineLoaderWrapper, null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
       use: "overline"
-    }, t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Loading more entries..."]))))));
+    }, t(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["Loading more entries..."]))))));
   });
 };
-
 var _default = ContentEntriesList;
 exports.default = _default;

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

@@ -1 +1 @@
-{"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\";\nimport { Link } from \"@webiny/react-router\";\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>\n                            Model ID:{\" \"}\n                            <Link to={`/cms/content-models/${contentModel.modelId}`}>\n                                {contentModel.modelId}\n                            </Link>\n                        </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={\"body2\"} data-testid=\"ul.list.subtitle\">\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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"}
+{"version":3,"names":["t","i18n","ns","rightAlign","css","alignItems","justifyContent","ModelId","styled","color","InlineLoaderWrapper","position","bottom","left","display","width","height","backgroundColor","listItemMinHeight","minHeight","disabled","cursor","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","plugin","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 { Tooltip } from \"@webiny/ui/Tooltip\";\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\";\nimport { Link } from \"@webiny/react-router\";\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 disabled = css({\n    color: \"rgba(0, 0, 0, 0.54)\",\n    cursor: \"default\"\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>\n                            Model ID:{\" \"}\n                            {contentModel.plugin ? (\n                                <Tooltip\n                                    content={t`Content model is registered via a plugin.`}\n                                    placement={\"top\"}\n                                >\n                                    <Link to=\"#\" className={disabled}>\n                                        {contentModel.modelId}\n                                    </Link>\n                                </Tooltip>\n                            ) : (\n                                <Tooltip content={t`Edit content model`} placement={\"top\"}>\n                                    <Link to={`/cms/content-models/${contentModel.modelId}`}>\n                                        {contentModel.modelId}\n                                    </Link>\n                                </Tooltip>\n                            )}\n                        </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={\"body2\"} data-testid=\"ul.list.subtitle\">\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,149 +1,110 @@
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useContentEntryProviderProps = exports.Provider = exports.Context = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
-
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
-
 var _get = _interopRequireDefault(require("lodash/get"));
-
 var _reactRouter = require("@webiny/react-router");
-
 var _useSnackbar2 = require("@webiny/app-admin/hooks/useSnackbar");
-
 var _hooks = require("../../../hooks");
-
 var _useContentEntries2 = require("../hooks/useContentEntries");
-
 var _utils = require("@webiny/utils");
-
 var _contentEntries = require("../../../graphql/contentEntries");
-
+var _getFetchPolicy = require("../../../../utils/getFetchPolicy");
 var Context = /*#__PURE__*/_react.default.createContext(undefined);
-
 exports.Context = Context;
-
 var useContentEntryProviderProps = function useContentEntryProviderProps() {
   var _useRouter = (0, _reactRouter.useRouter)(),
-      location = _useRouter.location;
-
+    location = _useRouter.location;
   var query = new URLSearchParams(location.search);
-
   var isNewEntry = function isNewEntry() {
     return query.get("new") === "true";
   };
-
   var getContentId = function getContentId() {
     return query.get("id") || null;
   };
-
   return {
     getContentId: getContentId,
     isNewEntry: isNewEntry
   };
 };
-
 exports.useContentEntryProviderProps = useContentEntryProviderProps;
-
 var Provider = function Provider(_ref) {
   var children = _ref.children,
-      isNewEntry = _ref.isNewEntry,
-      getContentId = _ref.getContentId;
-
+    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;
-
+    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();
-            }
+          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;
-
+    history = _useRouter2.history;
   var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
-      showSnackbar = _useSnackbar.showSnackbar;
-
+    showSnackbar = _useSnackbar.showSnackbar;
   var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      isLoading = _useState2[0],
-      setLoading = _useState2[1];
-
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isLoading = _useState2[0],
+    setLoading = _useState2[1];
   var contentEntryProviderProps = useContentEntryProviderProps();
   var newEntry = typeof isNewEntry === "function" ? isNewEntry() : contentEntryProviderProps.isNewEntry();
   var contentId = typeof getContentId === "function" ? getContentId() : contentEntryProviderProps.getContentId();
   var revisionId = contentId ? decodeURIComponent(contentId) : null;
   var entryId = null;
   var version = null;
-
   if (revisionId) {
     var result = (0, _utils.parseIdentifier)(revisionId);
     entryId = result.id;
     version = result.version;
   }
-
   var tabsRef = (0, _react.useRef)();
-
   var _useMemo = (0, _react.useMemo)(function () {
-    return {
-      READ_CONTENT: (0, _contentEntries.createReadQuery)(contentModel)
-    };
-  }, [contentModel.modelId]),
-      READ_CONTENT = _useMemo.READ_CONTENT;
-
+      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;
-
+      return {
+        GET_REVISIONS: (0, _contentEntries.createRevisionsQuery)(contentModel)
+      };
+    }, [contentModel.modelId]),
+    GET_REVISIONS = _useMemo2.GET_REVISIONS;
   var setFormRef = (0, _react.useCallback)(function (form) {
     formRef.current = form;
   }, [formRef]);
   var createEntry = (0, _react.useCallback)(function () {
     history.push("/cms/content-entries/".concat(contentModel.modelId, "?new=true"));
   }, [contentModel.modelId]);
-  var variables = undefined;
-
+  var variables;
   if (version === null && entryId) {
     variables = {
       entryId: entryId
@@ -153,21 +114,18 @@ var Provider = function Provider(_ref) {
       revision: revisionId
     };
   }
-
   var getEntry = (0, _hooks.useQuery)(READ_CONTENT, {
     variables: variables,
     skip: !revisionId,
+    fetchPolicy: (0, _getFetchPolicy.getFetchPolicy)(contentModel),
     onCompleted: function onCompleted(data) {
       if (!data) {
         return;
       }
-
       var error = data.content.error;
-
       if (!error) {
         return;
       }
-
       history.push("/cms/content-entries/".concat(contentModel.modelId));
       showSnackbar(error.message);
     }
@@ -201,6 +159,5 @@ var Provider = function Provider(_ref) {
     value: value
   }, children);
 };
-
 exports.Provider = Provider;
 Provider.displayName = "ContentEntryProvider";

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

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

@@ -1,35 +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

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