@webiny/app-headless-cms 5.34.8 → 5.35.0-beta.0

package/admin/views/contentEntries/ContentEntriesContext.d.ts

@@ -25,4 +25,4 @@ export interface ContentEntriesContextProviderProps {
     children: React.ReactNode;
     insideDialog?: boolean;
 }
-export declare const Provider: React.FC<ContentEntriesContextProviderProps>;
+export declare const ContentEntriesProvider: React.FC<ContentEntriesContextProviderProps>;

package/admin/views/contentEntries/ContentEntriesContext.js

@@ -1,36 +1,22 @@
 "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.Provider = exports.Context = void 0;
-
+exports.Context = exports.ContentEntriesProvider = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _appSecurity = require("@webiny/app-security");
-
 var _i18n = require("@webiny/app/i18n");
-
 var _ContentEntriesViewConfig = require("./experiment/ContentEntriesViewConfig");
-
 var _templateObject, _templateObject2;
-
 var t = _i18n.i18n.ns("app-headless-cms/admin/contents/entries");
-
 var Context = /*#__PURE__*/_react.default.createContext(undefined);
-
 exports.Context = Context;
-
 function toEntriesSorters(sorters) {
   return sorters.map(function (s) {
     return {
@@ -39,16 +25,13 @@ function toEntriesSorters(sorters) {
     };
   });
 }
-
-var Provider = function Provider(_ref) {
+var ContentEntriesProvider = function ContentEntriesProvider(_ref) {
   var contentModel = _ref.contentModel,
-      children = _ref.children,
-      insideDialog = _ref.insideDialog;
-
+    children = _ref.children,
+    insideDialog = _ref.insideDialog;
   var _useSecurity = (0, _appSecurity.useSecurity)(),
-      identity = _useSecurity.identity,
-      getPermission = _useSecurity.getPermission;
-
+    identity = _useSecurity.identity,
+    getPermission = _useSecurity.getPermission;
   var viewConfig = (0, _ContentEntriesViewConfig.useContentEntriesViewConfig)();
   var appliesToContentModel = (0, _react.useCallback)(function (_ref2) {
     var modelIds = _ref2.modelIds;
@@ -56,15 +39,12 @@ var Provider = function Provider(_ref) {
   }, [contentModel]);
   var canCreate = (0, _react.useMemo)(function () {
     var permission = getPermission("cms.contentEntry");
-
     if (!permission) {
       return false;
     }
-
     if (typeof permission.rwd !== "string") {
       return true;
     }
-
     return permission.rwd.includes("w");
   }, [identity]);
   var sorters = (0, _react.useMemo)(function () {
@@ -72,11 +52,9 @@ var Provider = function Provider(_ref) {
       return field.fieldId === contentModel.titleFieldId;
     });
     var titleFieldLabel = titleField ? titleField.label : null;
-
     if (!titleFieldLabel) {
       return toEntriesSorters(viewConfig.sorters.filter(appliesToContentModel));
     }
-
     return [].concat((0, _toConsumableArray2.default)(toEntriesSorters(viewConfig.sorters.filter(appliesToContentModel))), [{
       label: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["{titleFieldLabel} A-Z"])))({
         titleFieldLabel: titleFieldLabel
@@ -89,15 +67,13 @@ var Provider = function Provider(_ref) {
       value: "".concat(contentModel.titleFieldId, "_DESC")
     }]);
   }, [viewConfig.sorters, contentModel.modelId]);
-
   var _useState = (0, _react.useState)({
-    sort: [sorters[0].value],
-    where: {}
-  }),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      listQueryVariables = _useState2[0],
-      setListQueryVariables = _useState2[1];
-
+      sort: [sorters[0].value],
+      where: {}
+    }),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    listQueryVariables = _useState2[0],
+    setListQueryVariables = _useState2[1];
   var value = {
     insideDialog: insideDialog,
     contentModel: contentModel,
@@ -110,6 +86,5 @@ var Provider = function Provider(_ref) {
     value: value
   }, children);
 };
-
-exports.Provider = Provider;
-Provider.displayName = "ContentEntriesProvider";
+exports.ContentEntriesProvider = ContentEntriesProvider;
+ContentEntriesProvider.displayName = "ContentEntriesProvider";

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

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","Context","React","createContext","undefined","toEntriesSorters","sorters","map","s","label","value","name","Provider","contentModel","children","insideDialog","useSecurity","identity","getPermission","viewConfig","useContentEntriesViewConfig","appliesToContentModel","useCallback","modelIds","length","includes","modelId","canCreate","useMemo","permission","rwd","titleField","fields","find","field","fieldId","titleFieldId","titleFieldLabel","filter","useState","sort","where","listQueryVariables","setListQueryVariables","displayName"],"sources":["ContentEntriesContext.tsx"],"sourcesContent":["import React, { useState, useMemo, Dispatch, SetStateAction, useCallback } from \"react\";\nimport { useSecurity } from \"@webiny/app-security\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CmsModel, CmsSecurityPermission } from \"~/types\";\nimport {\n    useContentEntriesViewConfig,\n    ContentEntriesViewConfigSorter\n} from \"./experiment/ContentEntriesViewConfig\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/contents/entries\");\n\nexport interface CmsEntriesSorter {\n    label: string;\n    value: string;\n}\n\nexport interface ListQueryVariables {\n    sort?: string[];\n    status?: string;\n    where?: {\n        [key: string]: any;\n    };\n}\n\nexport interface ContentEntriesContext {\n    contentModel: CmsModel;\n    canCreate: boolean;\n    listQueryVariables: ListQueryVariables;\n    sorters: CmsEntriesSorter[];\n    setListQueryVariables: Dispatch<SetStateAction<ListQueryVariables>>;\n    insideDialog?: boolean;\n}\n\nexport const Context = React.createContext<ContentEntriesContext | undefined>(undefined);\n\nexport interface ContentEntriesContextProviderProps {\n    contentModel: CmsModel;\n    children: React.ReactNode;\n    insideDialog?: boolean;\n}\n\nfunction toEntriesSorters(sorters: ContentEntriesViewConfigSorter[]) {\n    return sorters.map(s => ({ label: s.label, value: s.name }));\n}\n\nexport const Provider: React.FC<ContentEntriesContextProviderProps> = ({\n    contentModel,\n    children,\n    insideDialog\n}) => {\n    const { identity, getPermission } = useSecurity();\n    const viewConfig = useContentEntriesViewConfig();\n\n    const appliesToContentModel = useCallback(\n        ({ modelIds }: ContentEntriesViewConfigSorter) => {\n            return modelIds.length === 0 || modelIds.includes(contentModel.modelId);\n        },\n        [contentModel]\n    );\n\n    const canCreate = useMemo((): boolean => {\n        const permission = getPermission<CmsSecurityPermission>(\"cms.contentEntry\");\n        if (!permission) {\n            return false;\n        }\n\n        if (typeof permission.rwd !== \"string\") {\n            return true;\n        }\n\n        return permission.rwd.includes(\"w\");\n    }, [identity]);\n\n    const sorters = useMemo((): CmsEntriesSorter[] => {\n        const titleField = contentModel.fields.find(\n            field => field.fieldId === contentModel.titleFieldId\n        );\n\n        const titleFieldLabel = titleField ? titleField.label : null;\n        if (!titleFieldLabel) {\n            return toEntriesSorters(viewConfig.sorters.filter(appliesToContentModel));\n        }\n\n        return [\n            ...toEntriesSorters(viewConfig.sorters.filter(appliesToContentModel)),\n            {\n                label: t`{titleFieldLabel} A-Z`({ titleFieldLabel }),\n                value: `${contentModel.titleFieldId}_ASC`\n            },\n            {\n                label: t`{titleFieldLabel} Z-A`({ titleFieldLabel }),\n                value: `${contentModel.titleFieldId}_DESC`\n            }\n        ];\n    }, [viewConfig.sorters, contentModel.modelId]);\n\n    const [listQueryVariables, setListQueryVariables] = useState<ListQueryVariables>({\n        sort: [sorters[0].value],\n        where: {}\n    });\n\n    const value = {\n        insideDialog,\n        contentModel,\n        sorters,\n        canCreate,\n        listQueryVariables,\n        setListQueryVariables\n    };\n\n    return <Context.Provider value={value}>{children}</Context.Provider>;\n};\n\nProvider.displayName = \"ContentEntriesProvider\";\n"],"mappings":"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"}
+{"version":3,"names":["t","i18n","ns","Context","React","createContext","undefined","toEntriesSorters","sorters","map","s","label","value","name","ContentEntriesProvider","contentModel","children","insideDialog","useSecurity","identity","getPermission","viewConfig","useContentEntriesViewConfig","appliesToContentModel","useCallback","modelIds","length","includes","modelId","canCreate","useMemo","permission","rwd","titleField","fields","find","field","fieldId","titleFieldId","titleFieldLabel","filter","useState","sort","where","listQueryVariables","setListQueryVariables","displayName"],"sources":["ContentEntriesContext.tsx"],"sourcesContent":["import React, { useState, useMemo, Dispatch, SetStateAction, useCallback } from \"react\";\nimport { useSecurity } from \"@webiny/app-security\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CmsModel, CmsSecurityPermission } from \"~/types\";\nimport {\n    useContentEntriesViewConfig,\n    ContentEntriesViewConfigSorter\n} from \"./experiment/ContentEntriesViewConfig\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/contents/entries\");\n\nexport interface CmsEntriesSorter {\n    label: string;\n    value: string;\n}\n\nexport interface ListQueryVariables {\n    sort?: string[];\n    status?: string;\n    where?: {\n        [key: string]: any;\n    };\n}\n\nexport interface ContentEntriesContext {\n    contentModel: CmsModel;\n    canCreate: boolean;\n    listQueryVariables: ListQueryVariables;\n    sorters: CmsEntriesSorter[];\n    setListQueryVariables: Dispatch<SetStateAction<ListQueryVariables>>;\n    insideDialog?: boolean;\n}\n\nexport const Context = React.createContext<ContentEntriesContext | undefined>(undefined);\n\nexport interface ContentEntriesContextProviderProps {\n    contentModel: CmsModel;\n    children: React.ReactNode;\n    insideDialog?: boolean;\n}\n\nfunction toEntriesSorters(sorters: ContentEntriesViewConfigSorter[]) {\n    return sorters.map(s => ({ label: s.label, value: s.name }));\n}\n\nexport const ContentEntriesProvider: React.FC<ContentEntriesContextProviderProps> = ({\n    contentModel,\n    children,\n    insideDialog\n}) => {\n    const { identity, getPermission } = useSecurity();\n    const viewConfig = useContentEntriesViewConfig();\n\n    const appliesToContentModel = useCallback(\n        ({ modelIds }: ContentEntriesViewConfigSorter) => {\n            return modelIds.length === 0 || modelIds.includes(contentModel.modelId);\n        },\n        [contentModel]\n    );\n\n    const canCreate = useMemo((): boolean => {\n        const permission = getPermission<CmsSecurityPermission>(\"cms.contentEntry\");\n        if (!permission) {\n            return false;\n        }\n\n        if (typeof permission.rwd !== \"string\") {\n            return true;\n        }\n\n        return permission.rwd.includes(\"w\");\n    }, [identity]);\n\n    const sorters = useMemo((): CmsEntriesSorter[] => {\n        const titleField = contentModel.fields.find(\n            field => field.fieldId === contentModel.titleFieldId\n        );\n\n        const titleFieldLabel = titleField ? titleField.label : null;\n        if (!titleFieldLabel) {\n            return toEntriesSorters(viewConfig.sorters.filter(appliesToContentModel));\n        }\n\n        return [\n            ...toEntriesSorters(viewConfig.sorters.filter(appliesToContentModel)),\n            {\n                label: t`{titleFieldLabel} A-Z`({ titleFieldLabel }),\n                value: `${contentModel.titleFieldId}_ASC`\n            },\n            {\n                label: t`{titleFieldLabel} Z-A`({ titleFieldLabel }),\n                value: `${contentModel.titleFieldId}_DESC`\n            }\n        ];\n    }, [viewConfig.sorters, contentModel.modelId]);\n\n    const [listQueryVariables, setListQueryVariables] = useState<ListQueryVariables>({\n        sort: [sorters[0].value],\n        where: {}\n    });\n\n    const value = {\n        insideDialog,\n        contentModel,\n        sorters,\n        canCreate,\n        listQueryVariables,\n        setListQueryVariables\n    };\n\n    return <Context.Provider value={value}>{children}</Context.Provider>;\n};\n\nContentEntriesProvider.displayName = \"ContentEntriesProvider\";\n"],"mappings":"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"}

package/admin/views/contentEntries/ContentEntriesList.js

@@ -1,70 +1,38 @@
 "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, _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"
@@ -96,24 +64,22 @@ 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) {
@@ -132,8 +98,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,
@@ -152,7 +118,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
@@ -168,7 +134,7 @@ var ContentEntriesList = function ContentEntriesList() {
   return /*#__PURE__*/_react.default.createElement(UIList.DataList, {
     loading: loading,
     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, {
+    title: /*#__PURE__*/_react.default.createElement("span", null, contentModel.name, /*#__PURE__*/_react.default.createElement("br", null), /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
       use: "subtitle1"
     }, /*#__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."]))),
@@ -192,7 +158,7 @@ var ContentEntriesList = function ContentEntriesList() {
       value: filter,
       onChange: setFilter,
       inputPlaceholder: t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Search {title}"])))({
-        title: (0, _pluralize.default)(contentModel.name)
+        title: contentModel.name
       })
     }),
     modalOverlay: entriesDataListModalOverlay,
@@ -229,6 +195,5 @@ var ContentEntriesList = function ContentEntriesList() {
     }, 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","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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"}
+{"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","plugin","title","item","meta","time","savedOn","statusLabels","version"],"sources":["ContentEntriesList.tsx"],"sourcesContent":["import React, { useCallback, 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 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 { useContentEntriesList } from \"~/admin/views/contentEntries/hooks/useContentEntriesList\";\nimport { positionValues as PositionValues } from \"react-custom-scrollbars\";\nimport { CmsEditorContentEntry } from \"~/types\";\nimport {\n    ContentEntriesViewConfigFilter,\n    useContentEntriesViewConfig\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                    {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: 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.d.ts

@@ -29,5 +29,5 @@ interface UseContentEntryProviderProps {
     isNewEntry: () => boolean;
 }
 export declare const useContentEntryProviderProps: () => UseContentEntryProviderProps;
-export declare const Provider: React.FC<ContentEntryContextProviderProps>;
+export declare const ContentEntryProvider: React.FC<ContentEntryContextProviderProps>;
 export {};

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

@@ -1,143 +1,103 @@
 "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;
-
+exports.useContentEntryProviderProps = exports.Context = exports.ContentEntryProvider = 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 ContentEntryProvider = function ContentEntryProvider(_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]);
@@ -145,7 +105,6 @@ var Provider = function Provider(_ref) {
     history.push("/cms/content-entries/".concat(contentModel.modelId, "?new=true"));
   }, [contentModel.modelId]);
   var variables;
-
   if (version === null && entryId) {
     variables = {
       entryId: entryId
@@ -155,7 +114,6 @@ var Provider = function Provider(_ref) {
       revision: revisionId
     };
   }
-
   var getEntry = (0, _hooks.useQuery)(READ_CONTENT, {
     variables: variables,
     skip: !revisionId,
@@ -164,13 +122,10 @@ var Provider = function Provider(_ref) {
       if (!data) {
         return;
       }
-
       var error = data.content.error;
-
       if (!error) {
         return;
       }
-
       history.push("/cms/content-entries/".concat(contentModel.modelId));
       showSnackbar(error.message);
     }
@@ -204,6 +159,5 @@ var Provider = function Provider(_ref) {
     value: value
   }, children);
 };
-
-exports.Provider = Provider;
-Provider.displayName = "ContentEntryProvider";
+exports.ContentEntryProvider = ContentEntryProvider;
+ContentEntryProvider.displayName = "ContentEntryProvider";