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

package/admin/views/contentEntries/ContentEntries.js

@@ -1,54 +1,79 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+"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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _get = _interopRequireDefault(require("lodash/get"));
+
+var _reactRouter = require("@webiny/react-router");
+
+var _useSnackbar2 = require("@webiny/app-admin/hooks/useSnackbar");
+
+var _i18n = require("@webiny/app/i18n");
+
+var _Progress = require("@webiny/ui/Progress");
+
+var _SplitView = require("@webiny/app-admin/components/SplitView");
+
+var _ContentEntriesContext = require("./ContentEntriesContext");
+
+var _contentModels = require("../../graphql/contentModels");
+
+var _hooks = require("../../hooks");
+
+var _ContentEntriesList = _interopRequireDefault(require("./ContentEntriesList"));
+
+var _ContentEntry = require("./ContentEntry");
+
+var _ContentEntryContext = require("./ContentEntry/ContentEntryContext");
 
 var _templateObject, _templateObject2;
 
-import React, { useState } from "react";
-import get from "lodash/get";
-import { useRouter } from "@webiny/react-router";
-import { useSnackbar } from "@webiny/app-admin/hooks/useSnackbar";
-import { i18n } from "@webiny/app/i18n";
-import { CircularProgress } from "@webiny/ui/Progress";
-import { LeftPanel, RightPanel, SplitView } from "@webiny/app-admin/components/SplitView";
-import { Provider as ContentEntriesProvider } from "./ContentEntriesContext";
-import { GET_CONTENT_MODEL } from "../../graphql/contentModels";
-import { useQuery } from "../../hooks";
-import ContentEntriesList from "./ContentEntriesList";
-import { ContentEntry } from "./ContentEntry";
-import { Provider as ContentEntryProvider } from "./ContentEntry/ContentEntryContext";
-var t = i18n.ns("app-headless-cms/admin/content-entries");
+var t = _i18n.i18n.ns("app-headless-cms/admin/content-entries");
 
 var ContentEntries = function ContentEntries() {
-  var _useRouter = useRouter(),
+  var _useRouter = (0, _reactRouter.useRouter)(),
       params = _useRouter.params;
 
   var modelId = params ? params["modelId"] : null;
 
-  var _useState = useState(null),
-      _useState2 = _slicedToArray(_useState, 2),
+  var _useState = (0, _react.useState)(null),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       contentModel = _useState2[0],
       setContentModel = _useState2[1];
 
-  var _useRouter2 = useRouter(),
+  var _useRouter2 = (0, _reactRouter.useRouter)(),
       history = _useRouter2.history;
 
-  var _useSnackbar = useSnackbar(),
+  var _useSnackbar = (0, _useSnackbar2.useSnackbar)(),
       showSnackbar = _useSnackbar.showSnackbar;
 
-  var _useQuery = useQuery(GET_CONTENT_MODEL, {
+  var _useQuery = (0, _hooks.useQuery)(_contentModels.GET_CONTENT_MODEL, {
     skip: !modelId,
     variables: {
       modelId: modelId
     },
     onCompleted: function onCompleted(data) {
-      var contentModel = get(data, "getContentModel.data", null);
+      var contentModel = (0, _get.default)(data, "getContentModel.data", null);
 
       if (contentModel) {
         return setContentModel(contentModel);
       }
 
       history.push("/cms/content-models");
-      showSnackbar(t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Could not load content for model \"{modelId}\". Redirecting..."])))({
+      showSnackbar(t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Could not load content for model \"{modelId}\". Redirecting..."])))({
         modelId: modelId
       }));
     }
@@ -57,22 +82,23 @@ var ContentEntries = function ContentEntries() {
       error = _useQuery.error;
 
   if (!contentModel || loading) {
-    return /*#__PURE__*/React.createElement(CircularProgress, {
-      label: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Loading content model..."])))
+    return /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, {
+      label: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Loading content model..."])))
     });
   } else if (error) {
     showSnackbar(error.message);
     return null;
   }
 
-  return /*#__PURE__*/React.createElement(ContentEntriesProvider, {
+  return /*#__PURE__*/_react.default.createElement(_ContentEntriesContext.Provider, {
     contentModel: contentModel,
     key: contentModel.modelId
-  }, /*#__PURE__*/React.createElement(SplitView, null, /*#__PURE__*/React.createElement(LeftPanel, {
+  }, /*#__PURE__*/_react.default.createElement(_SplitView.SplitView, null, /*#__PURE__*/_react.default.createElement(_SplitView.LeftPanel, {
     span: 4
-  }, /*#__PURE__*/React.createElement(ContentEntriesList, null)), /*#__PURE__*/React.createElement(RightPanel, {
+  }, /*#__PURE__*/_react.default.createElement(_ContentEntriesList.default, null)), /*#__PURE__*/_react.default.createElement(_SplitView.RightPanel, {
     span: 8
-  }, /*#__PURE__*/React.createElement(ContentEntryProvider, null, /*#__PURE__*/React.createElement(ContentEntry, null)))));
+  }, /*#__PURE__*/_react.default.createElement(_ContentEntryContext.Provider, null, /*#__PURE__*/_react.default.createElement(_ContentEntry.ContentEntry, null)))));
 };
 
-export default ContentEntries;
+var _default = ContentEntries;
+exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"sources":["ContentEntries.tsx"],"names":["React","useState","get","useRouter","useSnackbar","i18n","CircularProgress","LeftPanel","RightPanel","SplitView","Provider","ContentEntriesProvider","GET_CONTENT_MODEL","useQuery","ContentEntriesList","ContentEntry","ContentEntryProvider","t","ns","ContentEntries","params","modelId","contentModel","setContentModel","history","showSnackbar","skip","variables","onCompleted","data","push","loading","error","message"],"mappings":";;;;;AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,OAAOC,GAAP,MAAgB,YAAhB;AACA,SAASC,SAAT,QAA0B,sBAA1B;AACA,SAASC,WAAT,QAA4B,qCAA5B;AACA,SAASC,IAAT,QAAqB,kBAArB;AACA,SAASC,gBAAT,QAAiC,qBAAjC;AACA,SAASC,SAAT,EAAoBC,UAApB,EAAgCC,SAAhC,QAAiD,wCAAjD;AACA,SAASC,QAAQ,IAAIC,sBAArB;AACA,SACIC,iBADJ;AAKA,SAASC,QAAT;AACA,OAAOC,kBAAP;AACA,SAASC,YAAT;AACA,SAASL,QAAQ,IAAIM,oBAArB;AAGA,IAAMC,CAAC,GAAGZ,IAAI,CAACa,EAAL,CAAQ,wCAAR,CAAV;;AAEA,IAAMC,cAAwB,GAAG,SAA3BA,cAA2B,GAAM;AACnC,mBAAmBhB,SAAS,EAA5B;AAAA,MAAQiB,MAAR,cAAQA,MAAR;;AACA,MAAMC,OAAO,GAAGD,MAAM,GAAGA,MAAM,CAAC,SAAD,CAAT,GAAuB,IAA7C;;AACA,kBAAwCnB,QAAQ,CAAkB,IAAlB,CAAhD;AAAA;AAAA,MAAOqB,YAAP;AAAA,MAAqBC,eAArB;;AACA,oBAAoBpB,SAAS,EAA7B;AAAA,MAAQqB,OAAR,eAAQA,OAAR;;AACA,qBAAyBpB,WAAW,EAApC;AAAA,MAAQqB,YAAR,gBAAQA,YAAR;;AAEA,kBAA2BZ,QAAQ,CAC/BD,iBAD+B,EAE/B;AACIc,IAAAA,IAAI,EAAE,CAACL,OADX;AAEIM,IAAAA,SAAS,EAAE;AACPN,MAAAA,OAAO,EAAPA;AADO,KAFf;AAKIO,IAAAA,WAAW,EAAE,qBAAAC,IAAI,EAAI;AACjB,UAAMP,YAAY,GAAGpB,GAAG,CAAC2B,IAAD,EAAO,sBAAP,EAA+B,IAA/B,CAAxB;;AACA,UAAIP,YAAJ,EAAkB;AACd,eAAOC,eAAe,CAACD,YAAD,CAAtB;AACH;;AAEDE,MAAAA,OAAO,CAACM,IAAR,CAAa,qBAAb;AACAL,MAAAA,YAAY,CACRR,CAAC,mIAAD,CAAgE;AAC5DI,QAAAA,OAAO,EAAPA;AAD4D,OAAhE,CADQ,CAAZ;AAKH;AAjBL,GAF+B,CAAnC;AAAA,MAAQU,OAAR,aAAQA,OAAR;AAAA,MAAiBC,KAAjB,aAAiBA,KAAjB;;AAuBA,MAAI,CAACV,YAAD,IAAiBS,OAArB,EAA8B;AAC1B,wBAAO,oBAAC,gBAAD;AAAkB,MAAA,KAAK,EAAEd,CAAF;AAAvB,MAAP;AACH,GAFD,MAEO,IAAIe,KAAJ,EAAW;AACdP,IAAAA,YAAY,CAACO,KAAK,CAACC,OAAP,CAAZ;AACA,WAAO,IAAP;AACH;;AAED,sBACI,oBAAC,sBAAD;AAAwB,IAAA,YAAY,EAAEX,YAAtC;AAAoD,IAAA,GAAG,EAAEA,YAAY,CAACD;AAAtE,kBACI,oBAAC,SAAD,qBACI,oBAAC,SAAD;AAAW,IAAA,IAAI,EAAE;AAAjB,kBACI,oBAAC,kBAAD,OADJ,CADJ,eAII,oBAAC,UAAD;AAAY,IAAA,IAAI,EAAE;AAAlB,kBACI,oBAAC,oBAAD,qBACI,oBAAC,YAAD,OADJ,CADJ,CAJJ,CADJ,CADJ;AAcH,CAnDD;;AAqDA,eAAeF,cAAf","sourcesContent":["import React, { useState } from \"react\";\nimport get from \"lodash/get\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { LeftPanel, RightPanel, SplitView } from \"@webiny/app-admin/components/SplitView\";\nimport { Provider as ContentEntriesProvider } from \"~/admin/views/contentEntries/ContentEntriesContext\";\nimport {\n    GET_CONTENT_MODEL,\n    GetCmsModelQueryResponse,\n    GetCmsModelQueryVariables\n} from \"~/admin/graphql/contentModels\";\nimport { useQuery } from \"../../hooks\";\nimport ContentEntriesList from \"~/admin/views/contentEntries/ContentEntriesList\";\nimport { ContentEntry } from \"~/admin/views/contentEntries/ContentEntry\";\nimport { Provider as ContentEntryProvider } from \"./ContentEntry/ContentEntryContext\";\nimport { CmsModel } from \"~/types\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/content-entries\");\n\nconst ContentEntries: React.FC = () => {\n    const { params } = useRouter();\n    const modelId = params ? params[\"modelId\"] : null;\n    const [contentModel, setContentModel] = useState<CmsModel | null>(null);\n    const { history } = useRouter();\n    const { showSnackbar } = useSnackbar();\n\n    const { loading, error } = useQuery<GetCmsModelQueryResponse, GetCmsModelQueryVariables>(\n        GET_CONTENT_MODEL,\n        {\n            skip: !modelId,\n            variables: {\n                modelId\n            },\n            onCompleted: data => {\n                const contentModel = get(data, \"getContentModel.data\", null);\n                if (contentModel) {\n                    return setContentModel(contentModel);\n                }\n\n                history.push(\"/cms/content-models\");\n                showSnackbar(\n                    t`Could not load content for model \"{modelId}\". Redirecting...`({\n                        modelId\n                    })\n                );\n            }\n        }\n    );\n\n    if (!contentModel || loading) {\n        return <CircularProgress label={t`Loading content model...`} />;\n    } else if (error) {\n        showSnackbar(error.message);\n        return null;\n    }\n\n    return (\n        <ContentEntriesProvider contentModel={contentModel} key={contentModel.modelId}>\n            <SplitView>\n                <LeftPanel span={4}>\n                    <ContentEntriesList />\n                </LeftPanel>\n                <RightPanel span={8}>\n                    <ContentEntryProvider>\n                        <ContentEntry />\n                    </ContentEntryProvider>\n                </RightPanel>\n            </SplitView>\n        </ContentEntriesProvider>\n    );\n};\n\nexport default ContentEntries;\n"]}
+{"version":3,"names":["t","i18n","ns","ContentEntries","useRouter","params","modelId","useState","contentModel","setContentModel","history","useSnackbar","showSnackbar","useQuery","GET_CONTENT_MODEL","skip","variables","onCompleted","data","get","push","loading","error","message"],"sources":["ContentEntries.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport get from \"lodash/get\";\nimport { useRouter } from \"@webiny/react-router\";\nimport { useSnackbar } from \"@webiny/app-admin/hooks/useSnackbar\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { LeftPanel, RightPanel, SplitView } from \"@webiny/app-admin/components/SplitView\";\nimport { Provider as ContentEntriesProvider } from \"~/admin/views/contentEntries/ContentEntriesContext\";\nimport {\n    GET_CONTENT_MODEL,\n    GetCmsModelQueryResponse,\n    GetCmsModelQueryVariables\n} from \"~/admin/graphql/contentModels\";\nimport { useQuery } from \"../../hooks\";\nimport ContentEntriesList from \"~/admin/views/contentEntries/ContentEntriesList\";\nimport { ContentEntry } from \"~/admin/views/contentEntries/ContentEntry\";\nimport { Provider as ContentEntryProvider } from \"./ContentEntry/ContentEntryContext\";\nimport { CmsModel } from \"~/types\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/content-entries\");\n\nconst ContentEntries: React.FC = () => {\n    const { params } = useRouter();\n    const modelId = params ? params[\"modelId\"] : null;\n    const [contentModel, setContentModel] = useState<CmsModel | null>(null);\n    const { history } = useRouter();\n    const { showSnackbar } = useSnackbar();\n\n    const { loading, error } = useQuery<GetCmsModelQueryResponse, GetCmsModelQueryVariables>(\n        GET_CONTENT_MODEL,\n        {\n            skip: !modelId,\n            variables: {\n                modelId\n            },\n            onCompleted: data => {\n                const contentModel = get(data, \"getContentModel.data\", null);\n                if (contentModel) {\n                    return setContentModel(contentModel);\n                }\n\n                history.push(\"/cms/content-models\");\n                showSnackbar(\n                    t`Could not load content for model \"{modelId}\". Redirecting...`({\n                        modelId\n                    })\n                );\n            }\n        }\n    );\n\n    if (!contentModel || loading) {\n        return <CircularProgress label={t`Loading content model...`} />;\n    } else if (error) {\n        showSnackbar(error.message);\n        return null;\n    }\n\n    return (\n        <ContentEntriesProvider contentModel={contentModel} key={contentModel.modelId}>\n            <SplitView>\n                <LeftPanel span={4}>\n                    <ContentEntriesList />\n                </LeftPanel>\n                <RightPanel span={8}>\n                    <ContentEntryProvider>\n                        <ContentEntry />\n                    </ContentEntryProvider>\n                </RightPanel>\n            </SplitView>\n        </ContentEntriesProvider>\n    );\n};\n\nexport default ContentEntries;\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAKA;;AACA;;AACA;;AACA;;;;AAGA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,wCAAR,CAAV;;AAEA,IAAMC,cAAwB,GAAG,SAA3BA,cAA2B,GAAM;EACnC,iBAAmB,IAAAC,sBAAA,GAAnB;EAAA,IAAQC,MAAR,cAAQA,MAAR;;EACA,IAAMC,OAAO,GAAGD,MAAM,GAAGA,MAAM,CAAC,SAAD,CAAT,GAAuB,IAA7C;;EACA,gBAAwC,IAAAE,eAAA,EAA0B,IAA1B,CAAxC;EAAA;EAAA,IAAOC,YAAP;EAAA,IAAqBC,eAArB;;EACA,kBAAoB,IAAAL,sBAAA,GAApB;EAAA,IAAQM,OAAR,eAAQA,OAAR;;EACA,mBAAyB,IAAAC,yBAAA,GAAzB;EAAA,IAAQC,YAAR,gBAAQA,YAAR;;EAEA,gBAA2B,IAAAC,eAAA,EACvBC,gCADuB,EAEvB;IACIC,IAAI,EAAE,CAACT,OADX;IAEIU,SAAS,EAAE;MACPV,OAAO,EAAPA;IADO,CAFf;IAKIW,WAAW,EAAE,qBAAAC,IAAI,EAAI;MACjB,IAAMV,YAAY,GAAG,IAAAW,YAAA,EAAID,IAAJ,EAAU,sBAAV,EAAkC,IAAlC,CAArB;;MACA,IAAIV,YAAJ,EAAkB;QACd,OAAOC,eAAe,CAACD,YAAD,CAAtB;MACH;;MAEDE,OAAO,CAACU,IAAR,CAAa,qBAAb;MACAR,YAAY,CACRZ,CAAC,iJAAD,CAAgE;QAC5DM,OAAO,EAAPA;MAD4D,CAAhE,CADQ,CAAZ;IAKH;EAjBL,CAFuB,CAA3B;EAAA,IAAQe,OAAR,aAAQA,OAAR;EAAA,IAAiBC,KAAjB,aAAiBA,KAAjB;;EAuBA,IAAI,CAACd,YAAD,IAAiBa,OAArB,EAA8B;IAC1B,oBAAO,6BAAC,0BAAD;MAAkB,KAAK,EAAErB,CAAF;IAAvB,EAAP;EACH,CAFD,MAEO,IAAIsB,KAAJ,EAAW;IACdV,YAAY,CAACU,KAAK,CAACC,OAAP,CAAZ;IACA,OAAO,IAAP;EACH;;EAED,oBACI,6BAAC,+BAAD;IAAwB,YAAY,EAAEf,YAAtC;IAAoD,GAAG,EAAEA,YAAY,CAACF;EAAtE,gBACI,6BAAC,oBAAD,qBACI,6BAAC,oBAAD;IAAW,IAAI,EAAE;EAAjB,gBACI,6BAAC,2BAAD,OADJ,CADJ,eAII,6BAAC,qBAAD;IAAY,IAAI,EAAE;EAAlB,gBACI,6BAAC,6BAAD,qBACI,6BAAC,0BAAD,OADJ,CADJ,CAJJ,CADJ,CADJ;AAcH,CAnDD;;eAqDeH,c"}

package/admin/views/contentEntries/ContentEntriesContext.js

@@ -1,15 +1,33 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+"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;
+
+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;
 
-import React, { useState, useMemo, useCallback } from "react";
-import { useSecurity } from "@webiny/app-security";
-import { i18n } from "@webiny/app/i18n";
-import { useContentEntriesViewConfig } from "./experiment/ContentEntriesViewConfig";
-var t = i18n.ns("app-headless-cms/admin/contents/entries");
-export var Context = /*#__PURE__*/React.createContext({
+var t = _i18n.i18n.ns("app-headless-cms/admin/contents/entries");
+
+var Context = /*#__PURE__*/_react.default.createContext({
   contentModel: null,
   canCreate: false,
   listQueryVariables: {},
@@ -19,6 +37,8 @@ export var Context = /*#__PURE__*/React.createContext({
   }
 });
 
+exports.Context = Context;
+
 function toEntriesSorters(sorters) {
   return sorters.map(function (s) {
     return {
@@ -28,21 +48,21 @@ function toEntriesSorters(sorters) {
   });
 }
 
-export var Provider = function Provider(_ref) {
+var Provider = function Provider(_ref) {
   var contentModel = _ref.contentModel,
       children = _ref.children,
       insideDialog = _ref.insideDialog;
 
-  var _useSecurity = useSecurity(),
+  var _useSecurity = (0, _appSecurity.useSecurity)(),
       identity = _useSecurity.identity,
       getPermission = _useSecurity.getPermission;
 
-  var viewConfig = useContentEntriesViewConfig();
-  var appliesToContentModel = useCallback(function (_ref2) {
+  var viewConfig = (0, _ContentEntriesViewConfig.useContentEntriesViewConfig)();
+  var appliesToContentModel = (0, _react.useCallback)(function (_ref2) {
     var modelIds = _ref2.modelIds;
     return modelIds.length === 0 || modelIds.includes(contentModel.modelId);
   }, [contentModel]);
-  var canCreate = useMemo(function () {
+  var canCreate = (0, _react.useMemo)(function () {
     var permission = getPermission("cms.contentEntry");
 
     if (!permission) {
@@ -55,7 +75,7 @@ export var Provider = function Provider(_ref) {
 
     return permission.rwd.includes("w");
   }, [identity]);
-  var sorters = useMemo(function () {
+  var sorters = (0, _react.useMemo)(function () {
     var titleField = contentModel.fields.find(function (field) {
       return field.fieldId === contentModel.titleFieldId;
     });
@@ -65,24 +85,24 @@ export var Provider = function Provider(_ref) {
       return toEntriesSorters(viewConfig.sorters.filter(appliesToContentModel));
     }
 
-    return [].concat(_toConsumableArray(toEntriesSorters(viewConfig.sorters.filter(appliesToContentModel))), [{
-      label: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["{titleFieldLabel} A-Z"])))({
+    return [].concat((0, _toConsumableArray2.default)(toEntriesSorters(viewConfig.sorters.filter(appliesToContentModel))), [{
+      label: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["{titleFieldLabel} A-Z"])))({
         titleFieldLabel: titleFieldLabel
       }),
       value: "".concat(contentModel.titleFieldId, "_ASC")
     }, {
-      label: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["{titleFieldLabel} Z-A"])))({
+      label: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["{titleFieldLabel} Z-A"])))({
         titleFieldLabel: titleFieldLabel
       }),
       value: "".concat(contentModel.titleFieldId, "_DESC")
     }]);
   }, [viewConfig.sorters, contentModel.modelId]);
 
-  var _useState = useState({
+  var _useState = (0, _react.useState)({
     sort: [sorters[0].value],
     where: {}
   }),
-      _useState2 = _slicedToArray(_useState, 2),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       listQueryVariables = _useState2[0],
       setListQueryVariables = _useState2[1];
 
@@ -94,8 +114,10 @@ export var Provider = function Provider(_ref) {
     listQueryVariables: listQueryVariables,
     setListQueryVariables: setListQueryVariables
   };
-  return /*#__PURE__*/React.createElement(Context.Provider, {
+  return /*#__PURE__*/_react.default.createElement(Context.Provider, {
     value: value
   }, children);
 };
+
+exports.Provider = Provider;
 Provider.displayName = "ContentEntriesProvider";

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

@@ -1 +1 @@
-{"version":3,"sources":["ContentEntriesContext.tsx"],"names":["React","useState","useMemo","useCallback","useSecurity","i18n","useContentEntriesViewConfig","t","ns","Context","createContext","contentModel","canCreate","listQueryVariables","sorters","setListQueryVariables","toEntriesSorters","map","s","label","value","name","Provider","children","insideDialog","identity","getPermission","viewConfig","appliesToContentModel","modelIds","length","includes","modelId","permission","rwd","titleField","fields","find","field","fieldId","titleFieldId","titleFieldLabel","filter","sort","where","displayName"],"mappings":"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","sourcesContent":["import React, { useState, useMemo, Dispatch, SetStateAction, useCallback } from \"react\";\nimport { useSecurity } from \"@webiny/app-security\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { CmsEditorContentModel, 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: CmsEditorContentModel;\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>({\n    contentModel: null as unknown as CmsEditorContentModel,\n    canCreate: false,\n    listQueryVariables: {},\n    sorters: [],\n    setListQueryVariables: () => {\n        return void 0;\n    }\n});\n\nexport interface ContentEntriesContextProviderProps {\n    contentModel: CmsEditorContentModel;\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"]}
+{"version":3,"names":["t","i18n","ns","Context","React","createContext","contentModel","canCreate","listQueryVariables","sorters","setListQueryVariables","toEntriesSorters","map","s","label","value","name","Provider","children","insideDialog","useSecurity","identity","getPermission","viewConfig","useContentEntriesViewConfig","appliesToContentModel","useCallback","modelIds","length","includes","modelId","useMemo","permission","rwd","titleField","fields","find","field","fieldId","titleFieldId","titleFieldLabel","filter","useState","sort","where","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 { CmsEditorContentModel, 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: CmsEditorContentModel;\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>({\n    contentModel: null as unknown as CmsEditorContentModel,\n    canCreate: false,\n    listQueryVariables: {},\n    sorters: [],\n    setListQueryVariables: () => {\n        return void 0;\n    }\n});\n\nexport interface ContentEntriesContextProviderProps {\n    contentModel: CmsEditorContentModel;\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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"}

package/admin/views/contentEntries/ContentEntriesList.js

@@ -1,48 +1,77 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+"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 _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 _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
 var _excluded = ["sort", "status"];
-import React, { useMemo } from "react";
-import debounce from "lodash/debounce";
-import { css } from "emotion";
-/**
- * Package timeago-react does not have types.
- */
-// @ts-ignore
-
-import TimeAgo from "timeago-react";
-import pluralize from "pluralize";
-import styled from "@emotion/styled";
-import { i18n } from "@webiny/app/i18n";
-import { Form } from "@webiny/form";
-import { Typography } from "@webiny/ui/Typography";
-import * as UIList from "@webiny/ui/List";
-import { ButtonIcon, ButtonSecondary } from "@webiny/ui/Button";
-import { Cell, Grid } from "@webiny/ui/Grid";
-import { Scrollbar } from "@webiny/ui/Scrollbar";
-import { Select } from "@webiny/ui/Select";
-import { ReactComponent as AddIcon } from "@webiny/app-admin/assets/icons/add-18px.svg";
-import { ReactComponent as FilterIcon } from "@webiny/app-admin/assets/icons/filter-24px.svg";
-import SearchUI from "@webiny/app-admin/components/SearchUI";
-import statusLabels from "../../constants/statusLabels";
-import { useCallback } from "react";
-import { useContentEntriesList } from "./hooks/useContentEntriesList";
-import { useContentEntriesViewConfig } from "./experiment/ContentEntriesViewConfig";
-var t = i18n.ns("app-headless-cms/admin/contents/data-list");
-var rightAlign = /*#__PURE__*/css({
+
+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"
 }, "label:rightAlign;");
-var ModelId = /*#__PURE__*/styled("span", {
+var ModelId = /*#__PURE__*/(0, _styled.default)("span", {
   target: "e1yw2ynr0",
   label: "ModelId"
 })({
   color: "var(--mdc-theme-text-secondary-on-background)"
 });
-var InlineLoaderWrapper = /*#__PURE__*/styled("div", {
+var InlineLoaderWrapper = /*#__PURE__*/(0, _styled.default)("div", {
   target: "e1yw2ynr1",
   label: "InlineLoaderWrapper"
 })({
@@ -56,12 +85,12 @@ var InlineLoaderWrapper = /*#__PURE__*/styled("div", {
   height: 40,
   backgroundColor: "var(--mdc-theme-surface)"
 });
-var listItemMinHeight = /*#__PURE__*/css({
+var listItemMinHeight = /*#__PURE__*/(0, _emotion.css)({
   minHeight: "66px !important"
 }, "label:listItemMinHeight;");
 
 var ContentEntriesList = function ContentEntriesList() {
-  var _useContentEntriesLis = useContentEntriesList(),
+  var _useContentEntriesLis = (0, _useContentEntriesList.useContentEntriesList)(),
       contentModel = _useContentEntriesLis.contentModel,
       id = _useContentEntriesLis.id,
       loading = _useContentEntriesLis.loading,
@@ -77,31 +106,28 @@ var ContentEntriesList = function ContentEntriesList() {
       filter = _useContentEntriesLis.filter,
       setFilter = _useContentEntriesLis.setFilter;
 
-  var viewConfig = useContentEntriesViewConfig();
-  var loadMoreOnScroll = useCallback(debounce(function (scrollFrame) {
+  var viewConfig = (0, _ContentEntriesViewConfig.useContentEntriesViewConfig)();
+  var loadMoreOnScroll = (0, _react.useCallback)((0, _debounce.default)(function (scrollFrame) {
     if (scrollFrame.top > 0.9) {
       loadMore();
     }
   }, 500), [data]);
-
-  var formInitialData = _objectSpread(_objectSpread({}, listQueryVariables), {}, {
+  var formInitialData = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, listQueryVariables), {}, {
     sort: listQueryVariables.sort ? listQueryVariables.sort[0] : ""
   });
-
-  var appliesToContentModel = useCallback(function (_ref) {
+  var appliesToContentModel = (0, _react.useCallback)(function (_ref) {
     var modelIds = _ref.modelIds;
     return modelIds.length === 0 || modelIds.includes(contentModel.modelId);
   }, [contentModel]);
-  var entriesDataListModalOverlay = useMemo(function () {
-    return /*#__PURE__*/React.createElement(UIList.DataListModalOverlay, null, /*#__PURE__*/React.createElement(Form, {
+  var entriesDataListModalOverlay = (0, _react.useMemo)(function () {
+    return /*#__PURE__*/_react.default.createElement(UIList.DataListModalOverlay, null, /*#__PURE__*/_react.default.createElement(_form.Form, {
       data: formInitialData,
       onChange: function onChange(_ref2) {
         var sort = _ref2.sort,
             status = _ref2.status,
-            data = _objectWithoutProperties(_ref2, _excluded);
-
+            data = (0, _objectWithoutProperties2.default)(_ref2, _excluded);
         setListQueryVariables(function () {
-          return _objectSpread({
+          return (0, _objectSpread2.default)({
             status: status,
             // GraphQL Schema requires "sort" to be an array.
             sort: [sort]
@@ -110,78 +136,79 @@ var ContentEntriesList = function ContentEntriesList() {
       }
     }, function (_ref3) {
       var Bind = _ref3.Bind;
-      return /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+      return /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
         span: 12
-      }, /*#__PURE__*/React.createElement(Bind, {
+      }, /*#__PURE__*/_react.default.createElement(Bind, {
         name: "sort"
-      }, /*#__PURE__*/React.createElement(Select, {
-        label: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Sort by"])))
+      }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
+        label: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Sort by"])))
       }, sorters.map(function (_ref4) {
         var value = _ref4.value,
             label = _ref4.label;
-        return /*#__PURE__*/React.createElement("option", {
+        return /*#__PURE__*/_react.default.createElement("option", {
           key: value,
           value: value
         }, label);
       })))), viewConfig.filters.filter(appliesToContentModel).map(function (filter) {
-        return /*#__PURE__*/React.createElement(Cell, {
+        return /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
           span: 12,
           key: filter.name
         }, filter.element);
       }));
     }));
   }, [listQueryVariables, viewConfig.filters]);
-  return /*#__PURE__*/React.createElement(UIList.DataList, {
+  return /*#__PURE__*/_react.default.createElement(UIList.DataList, {
     loading: loading,
     data: data,
-    title: /*#__PURE__*/React.createElement("span", null, pluralize(contentModel.name), /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Typography, {
+    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.createElement(ModelId, null, "Model ID: ", contentModel.modelId))),
-    actions: canCreate ? /*#__PURE__*/React.createElement(ButtonSecondary, {
+    }, /*#__PURE__*/_react.default.createElement(ModelId, null, "Model ID: ", contentModel.modelId))),
+    actions: canCreate ? /*#__PURE__*/_react.default.createElement(_Button.ButtonSecondary, {
       "data-testid": "new-record-button",
       onClick: onCreate
-    }, /*#__PURE__*/React.createElement(ButtonIcon, {
-      icon: /*#__PURE__*/React.createElement(AddIcon, null)
-    }), " ", t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["New Entry"])))) : null,
-    search: /*#__PURE__*/React.createElement(SearchUI, {
+    }, /*#__PURE__*/_react.default.createElement(_Button.ButtonIcon, {
+      icon: /*#__PURE__*/_react.default.createElement(_add18px.ReactComponent, null)
+    }), " ", t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["New Entry"])))) : null,
+    search: /*#__PURE__*/_react.default.createElement(_SearchUI.default, {
       value: filter,
       onChange: setFilter,
-      inputPlaceholder: t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Search {title}"])))({
-        title: pluralize(contentModel.name)
+      inputPlaceholder: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Search {title}"])))({
+        title: (0, _pluralize.default)(contentModel.name)
       })
     }),
     modalOverlay: entriesDataListModalOverlay,
-    modalOverlayAction: /*#__PURE__*/React.createElement(UIList.DataListModalOverlayAction, {
-      icon: /*#__PURE__*/React.createElement(FilterIcon, null),
+    modalOverlayAction: /*#__PURE__*/_react.default.createElement(UIList.DataListModalOverlayAction, {
+      icon: /*#__PURE__*/_react.default.createElement(_filter24px.ReactComponent, null),
       "data-testid": "default-data-list.filter"
     })
   }, function (_ref5) {
     var data = _ref5.data;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Scrollbar, {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Scrollbar.Scrollbar, {
       "data-testid": "default-data-list",
       onScrollFrame: function onScrollFrame(scrollFrame) {
         return loadMoreOnScroll(scrollFrame);
       }
     }, data.map(function (item) {
-      return /*#__PURE__*/React.createElement(UIList.ListItem, {
+      return /*#__PURE__*/_react.default.createElement(UIList.ListItem, {
         key: item.id,
         className: listItemMinHeight,
         selected: item.id === id
-      }, /*#__PURE__*/React.createElement(UIList.ListItemText, {
+      }, /*#__PURE__*/_react.default.createElement(UIList.ListItemText, {
         onClick: editEntry(item)
-      }, item.meta.title || "Untitled", /*#__PURE__*/React.createElement(UIList.ListItemTextSecondary, null, t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Last modified: {time}."])))({
-        time: /*#__PURE__*/React.createElement(TimeAgo, {
+      }, item.meta.title || "Untitled", /*#__PURE__*/_react.default.createElement(UIList.ListItemTextSecondary, null, t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Last modified: {time}."])))({
+        time: /*#__PURE__*/_react.default.createElement(_timeagoReact.default, {
           datetime: item.savedOn
         })
-      }))), /*#__PURE__*/React.createElement(UIList.ListItemMeta, {
+      }))), /*#__PURE__*/_react.default.createElement(UIList.ListItemMeta, {
         className: rightAlign
-      }, /*#__PURE__*/React.createElement(Typography, {
+      }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
         use: "subtitle2"
-      }, statusLabels[item.meta.status], " (v", item.meta.version, ")")));
-    })), loadMoreLoading && /*#__PURE__*/React.createElement(InlineLoaderWrapper, null, /*#__PURE__*/React.createElement(Typography, {
+      }, _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 = _taggedTemplateLiteral(["Loading more entries..."]))))));
+    }, t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Loading more entries..."]))))));
   });
 };
 
-export default ContentEntriesList;
+var _default = ContentEntriesList;
+exports.default = _default;