@webiny/app-headless-cms 5.43.3 → 6.0.0-alpha.1

package/admin/plugins/permissionRenderer/components/PermissionSelector.js

@@ -1,87 +1,65 @@
-"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.PermissionSelectorWrapper = exports.PermissionSelector = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireWildcard(require("react"));
-var _i18n = require("@webiny/app/i18n");
-var _Checkbox = require("@webiny/ui/Checkbox");
-var _Grid = require("@webiny/ui/Grid");
-var _FormElementMessage = require("@webiny/ui/FormElementMessage");
-var _templateObject;
-var t = _i18n.i18n.ns("app-headless-cms/admin/plugins/permissionRenderer");
-var DefaultRenderItems = function DefaultRenderItems(_ref) {
-  var items = _ref.items,
-    getValue = _ref.getValue,
-    onChange = _ref.onChange,
-    disabled = _ref.disabled;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, items.map(function (_ref2) {
-    var id = _ref2.id,
-      label = _ref2.label;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      key: id
-    }, /*#__PURE__*/_react.default.createElement(_Checkbox.Checkbox, {
-      key: id,
-      label: label,
-      value: getValue(id),
-      onChange: onChange(id),
-      disabled: disabled
-    }));
-  }));
+import React from "react";
+import { i18n } from "@webiny/app/i18n";
+import { CheckboxGroup, FormComponentNote } from "@webiny/admin-ui";
+const t = i18n.ns("app-headless-cms/admin/plugins/permissionRenderer");
+const DefaultRenderItems = ({
+  items,
+  label,
+  disabled,
+  onChange,
+  value
+}) => {
+  return /*#__PURE__*/React.createElement(CheckboxGroup, {
+    label: label,
+    value: value,
+    onChange: onChange,
+    items: items.map(item => {
+      return {
+        value: item.id,
+        label: item.label,
+        disabled
+      };
+    })
+  });
 };
-var PermissionSelector = exports.PermissionSelector = function PermissionSelector(_ref3) {
-  var Bind = _ref3.Bind,
-    entity = _ref3.entity,
-    locales = _ref3.locales,
-    selectorKey = _ref3.selectorKey,
-    getItems = _ref3.getItems,
-    _ref3$RenderItems = _ref3.RenderItems,
-    RenderItems = _ref3$RenderItems === void 0 ? DefaultRenderItems : _ref3$RenderItems,
-    disabled = _ref3.disabled;
-  var description = t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Select the {selectorKey} user will be allowed to access."])))({
-    selectorKey: selectorKey
+export const PermissionSelector = ({
+  Bind,
+  entity,
+  locales,
+  selectorKey,
+  getItems,
+  RenderItems = DefaultRenderItems,
+  disabled
+}) => {
+  const description = t`Select the {selectorKey} user will be allowed to access.`({
+    selectorKey
   });
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, locales.map(function (code) {
-    var items = getItems(code);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormComponentNote, {
+    text: description
+  }), locales.map(code => {
+    const items = getItems(code);
 
     /**
      * Lets have two different outputs, depending on if there are any items.
      * Checkbox group is not showing when no items.
      */
     if (items.length === 0) {
-      return /*#__PURE__*/_react.default.createElement(Bind, {
+      return /*#__PURE__*/React.createElement(Bind, {
         key: code,
-        name: "".concat(entity, "Props.").concat(selectorKey, ".").concat(code)
-      }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null));
+        name: `${entity}Props.${selectorKey}.${code}`
+      }, /*#__PURE__*/React.createElement(React.Fragment, null));
     }
-    return /*#__PURE__*/_react.default.createElement(Bind, {
+    return /*#__PURE__*/React.createElement("div", {
       key: code,
-      name: "".concat(entity, "Props.").concat(selectorKey, ".").concat(code)
-    }, /*#__PURE__*/_react.default.createElement(_Checkbox.CheckboxGroup, {
-      label: code
-    }, function (_ref4) {
-      var onChange = _ref4.onChange,
-        getValue = _ref4.getValue;
-      return /*#__PURE__*/_react.default.createElement(RenderItems, {
-        disabled: disabled,
-        items: items,
-        onChange: onChange,
-        getValue: getValue
-      });
-    }));
-  }), /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, null, description));
-};
-var PermissionSelectorWrapper = exports.PermissionSelectorWrapper = function PermissionSelectorWrapper(_ref5) {
-  var children = _ref5.children;
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-    span: 1
-  }), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-    span: 11
-  }, children));
+      className: "wby-mt-md"
+    }, /*#__PURE__*/React.createElement(Bind, {
+      name: `${entity}Props.${selectorKey}.${code}`
+    }, /*#__PURE__*/React.createElement(RenderItems, {
+      label: code,
+      items: items,
+      disabled: disabled
+    })));
+  }));
 };
 
 //# sourceMappingURL=PermissionSelector.js.map

package/admin/plugins/permissionRenderer/components/PermissionSelector.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_i18n","_Checkbox","_Grid","_FormElementMessage","_templateObject","t","i18n","ns","DefaultRenderItems","_ref","items","getValue","onChange","disabled","default","createElement","Fragment","map","_ref2","id","label","key","Checkbox","value","PermissionSelector","exports","_ref3","Bind","entity","locales","selectorKey","getItems","_ref3$RenderItems","RenderItems","description","_taggedTemplateLiteral2","code","length","name","concat","CheckboxGroup","_ref4","FormElementMessage","PermissionSelectorWrapper","_ref5","children","Cell","span"],"sources":["PermissionSelector.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Checkbox, CheckboxGroup } from \"@webiny/ui/Checkbox\";\nimport { Cell } from \"@webiny/ui/Grid\";\nimport { BindComponent } from \"@webiny/form\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport {\n    GetValueCallable,\n    OnChangeCallable,\n    PermissionSelectorCmsGroup,\n    PermissionSelectorCmsModel\n} from \"./types\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/plugins/permissionRenderer\");\n\ninterface RenderItemsProps {\n    onChange: OnChangeCallable;\n    getValue: GetValueCallable;\n    items: PermissionSelectorCmsModel[] | PermissionSelectorCmsGroup[];\n    disabled?: boolean;\n}\n\nexport interface PermissionSelectorProps {\n    Bind: BindComponent;\n    selectorKey: string;\n    locales: string[];\n    entity: string;\n    getItems: (code: string) => PermissionSelectorCmsModel[] | PermissionSelectorCmsGroup[];\n    RenderItems?: React.ComponentType<RenderItemsProps>;\n    disabled?: boolean;\n}\n\nconst DefaultRenderItems = ({ items, getValue, onChange, disabled }: RenderItemsProps) => {\n    return (\n        <React.Fragment>\n            {items.map(({ id, label }) => (\n                <div key={id}>\n                    <Checkbox\n                        key={id}\n                        label={label}\n                        value={getValue(id)}\n                        onChange={onChange(id)}\n                        disabled={disabled}\n                    />\n                </div>\n            ))}\n        </React.Fragment>\n    );\n};\n\nexport const PermissionSelector = ({\n    Bind,\n    entity,\n    locales,\n    selectorKey,\n    getItems,\n    RenderItems = DefaultRenderItems,\n    disabled\n}: PermissionSelectorProps) => {\n    const description = t`Select the {selectorKey} user will be allowed to access.`({\n        selectorKey\n    });\n\n    return (\n        <Fragment>\n            {locales.map(code => {\n                const items = getItems(code);\n\n                /**\n                 * Lets have two different outputs, depending on if there are any items.\n                 * Checkbox group is not showing when no items.\n                 */\n                if (items.length === 0) {\n                    return (\n                        <Bind key={code} name={`${entity}Props.${selectorKey}.${code}`}>\n                            <></>\n                        </Bind>\n                    );\n                }\n                return (\n                    <Bind key={code} name={`${entity}Props.${selectorKey}.${code}`}>\n                        <CheckboxGroup label={code}>\n                            {({ onChange, getValue }) => {\n                                return (\n                                    <RenderItems\n                                        disabled={disabled}\n                                        items={items}\n                                        onChange={onChange}\n                                        getValue={getValue}\n                                    />\n                                );\n                            }}\n                        </CheckboxGroup>\n                    </Bind>\n                );\n            })}\n            <FormElementMessage>{description}</FormElementMessage>\n        </Fragment>\n    );\n};\n\ninterface PermissionSelectorWrapperProps {\n    children: React.ReactNode;\n}\n\nexport const PermissionSelectorWrapper = ({ children }: PermissionSelectorWrapperProps) => (\n    <Fragment>\n        <Cell span={1} />\n        <Cell span={11}>{children}</Cell>\n    </Fragment>\n);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","i18n","CheckboxGroup","FormComponentNote","t","ns","DefaultRenderItems","items","label","disabled","onChange","value","createElement","map","item","id","PermissionSelector","Bind","entity","locales","selectorKey","getItems","RenderItems","description","Fragment","text","code","length","key","name","className"],"sources":["PermissionSelector.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport type { BindComponent } from \"@webiny/form\";\nimport type { PermissionSelectorCmsGroup, PermissionSelectorCmsModel } from \"./types\";\nimport { CheckboxGroup, FormComponentNote } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/plugins/permissionRenderer\");\n\ninterface RenderItemsProps {\n    label: string;\n    items: PermissionSelectorCmsModel[] | PermissionSelectorCmsGroup[];\n    disabled?: boolean;\n    value?: string[];\n    onChange?: (values: string[]) => void;\n}\n\nconst DefaultRenderItems = ({ items, label, disabled, onChange, value }: RenderItemsProps) => {\n    return (\n        <CheckboxGroup\n            label={label}\n            value={value}\n            onChange={onChange}\n            items={items.map(item => {\n                return {\n                    value: item.id,\n                    label: item.label,\n                    disabled\n                };\n            })}\n        />\n    );\n};\n\nexport interface PermissionSelectorProps {\n    Bind: BindComponent;\n    selectorKey: string;\n    locales: string[];\n    entity: string;\n    getItems: (code: string) => PermissionSelectorCmsModel[] | PermissionSelectorCmsGroup[];\n    RenderItems?: React.ComponentType<RenderItemsProps>;\n    disabled?: boolean;\n}\n\nexport const PermissionSelector = ({\n    Bind,\n    entity,\n    locales,\n    selectorKey,\n    getItems,\n    RenderItems = DefaultRenderItems,\n    disabled\n}: PermissionSelectorProps) => {\n    const description = t`Select the {selectorKey} user will be allowed to access.`({\n        selectorKey\n    });\n\n    return (\n        <>\n            <FormComponentNote text={description} />\n            {locales.map(code => {\n                const items = getItems(code);\n\n                /**\n                 * Lets have two different outputs, depending on if there are any items.\n                 * Checkbox group is not showing when no items.\n                 */\n                if (items.length === 0) {\n                    return (\n                        <Bind key={code} name={`${entity}Props.${selectorKey}.${code}`}>\n                            <></>\n                        </Bind>\n                    );\n                }\n                return (\n                    <div key={code} className={\"wby-mt-md\"}>\n                        <Bind name={`${entity}Props.${selectorKey}.${code}`}>\n                            <RenderItems label={code} items={items} disabled={disabled} />\n                        </Bind>\n                    </div>\n                );\n            })}\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AAGvC,SAASC,aAAa,EAAEC,iBAAiB,QAAQ,kBAAkB;AAEnE,MAAMC,CAAC,GAAGH,IAAI,CAACI,EAAE,CAAC,mDAAmD,CAAC;AAUtE,MAAMC,kBAAkB,GAAGA,CAAC;EAAEC,KAAK;EAAEC,KAAK;EAAEC,QAAQ;EAAEC,QAAQ;EAAEC;AAAwB,CAAC,KAAK;EAC1F,oBACIX,KAAA,CAAAY,aAAA,CAACV,aAAa;IACVM,KAAK,EAAEA,KAAM;IACbG,KAAK,EAAEA,KAAM;IACbD,QAAQ,EAAEA,QAAS;IACnBH,KAAK,EAAEA,KAAK,CAACM,GAAG,CAACC,IAAI,IAAI;MACrB,OAAO;QACHH,KAAK,EAAEG,IAAI,CAACC,EAAE;QACdP,KAAK,EAAEM,IAAI,CAACN,KAAK;QACjBC;MACJ,CAAC;IACL,CAAC;EAAE,CACN,CAAC;AAEV,CAAC;AAYD,OAAO,MAAMO,kBAAkB,GAAGA,CAAC;EAC/BC,IAAI;EACJC,MAAM;EACNC,OAAO;EACPC,WAAW;EACXC,QAAQ;EACRC,WAAW,GAAGhB,kBAAkB;EAChCG;AACqB,CAAC,KAAK;EAC3B,MAAMc,WAAW,GAAGnB,CAAC,0DAA0D,CAAC;IAC5EgB;EACJ,CAAC,CAAC;EAEF,oBACIpB,KAAA,CAAAY,aAAA,CAAAZ,KAAA,CAAAwB,QAAA,qBACIxB,KAAA,CAAAY,aAAA,CAACT,iBAAiB;IAACsB,IAAI,EAAEF;EAAY,CAAE,CAAC,EACvCJ,OAAO,CAACN,GAAG,CAACa,IAAI,IAAI;IACjB,MAAMnB,KAAK,GAAGc,QAAQ,CAACK,IAAI,CAAC;;IAE5B;AAChB;AACA;AACA;IACgB,IAAInB,KAAK,CAACoB,MAAM,KAAK,CAAC,EAAE;MACpB,oBACI3B,KAAA,CAAAY,aAAA,CAACK,IAAI;QAACW,GAAG,EAAEF,IAAK;QAACG,IAAI,EAAE,GAAGX,MAAM,SAASE,WAAW,IAAIM,IAAI;MAAG,gBAC3D1B,KAAA,CAAAY,aAAA,CAAAZ,KAAA,CAAAwB,QAAA,MAAI,CACF,CAAC;IAEf;IACA,oBACIxB,KAAA,CAAAY,aAAA;MAAKgB,GAAG,EAAEF,IAAK;MAACI,SAAS,EAAE;IAAY,gBACnC9B,KAAA,CAAAY,aAAA,CAACK,IAAI;MAACY,IAAI,EAAE,GAAGX,MAAM,SAASE,WAAW,IAAIM,IAAI;IAAG,gBAChD1B,KAAA,CAAAY,aAAA,CAACU,WAAW;MAACd,KAAK,EAAEkB,IAAK;MAACnB,KAAK,EAAEA,KAAM;MAACE,QAAQ,EAAEA;IAAS,CAAE,CAC3D,CACL,CAAC;EAEd,CAAC,CACH,CAAC;AAEX,CAAC","ignoreList":[]}

package/admin/plugins/permissionRenderer/components/types.js

@@ -1,7 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+export {};
 
 //# sourceMappingURL=types.js.map

package/admin/plugins/permissionRenderer/components/useCmsData.js

@@ -1,66 +1,86 @@
-"use strict";
+import { useEffect, useReducer } from "react";
+import gql from "graphql-tag";
+import { useCms } from "../../../hooks";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useCmsData = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = require("react");
-var _graphqlTag = _interopRequireDefault(require("graphql-tag"));
-var _hooks = require("../../../hooks");
-var _templateObject;
 /**
  * ########################
  * List CMS Models And Groups for Permissions
  */
 
-var LIST_DATA = (0, _graphqlTag.default)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    query CmsLoadPermissionsData {\n        listContentModels {\n            data {\n                modelId\n                id: modelId\n                label: name\n                group {\n                    id\n                    label: name\n                }\n            }\n            meta {\n                totalCount\n                cursor\n                hasMoreItems\n            }\n            error {\n                code\n                message\n                data\n            }\n        }\n        listContentModelGroups {\n            data {\n                id\n                label: name\n            }\n            meta {\n                totalCount\n                cursor\n                hasMoreItems\n            }\n            error {\n                code\n                message\n                data\n            }\n        }\n    }\n"])));
-var useCmsData = exports.useCmsData = function useCmsData(locales) {
-  var _useCms = (0, _hooks.useCms)(),
-    getApolloClient = _useCms.getApolloClient;
-  var _useReducer = (0, _react.useReducer)(function (prev, next) {
-      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, prev), next);
-    }, {}),
-    _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
-    state = _useReducer2[0],
-    setState = _useReducer2[1];
-  var loadData = async function loadData() {
-    var _iterator = (0, _createForOfIteratorHelper2.default)(locales),
-      _step;
-    try {
-      var _loop = async function _loop() {
-        var code = _step.value;
-        var client = getApolloClient(code);
-        if (!state[code]) {
-          client.query({
-            query: LIST_DATA
-          }).then(function (_ref) {
-            var data = _ref.data;
-            setState((0, _defineProperty2.default)({}, code, {
+const LIST_DATA = gql`
+    query CmsLoadPermissionsData {
+        listContentModels {
+            data {
+                modelId
+                id: modelId
+                label: name
+                group {
+                    id
+                    label: name
+                }
+            }
+            meta {
+                totalCount
+                cursor
+                hasMoreItems
+            }
+            error {
+                code
+                message
+                data
+            }
+        }
+        listContentModelGroups {
+            data {
+                id
+                label: name
+            }
+            meta {
+                totalCount
+                cursor
+                hasMoreItems
+            }
+            error {
+                code
+                message
+                data
+            }
+        }
+    }
+`;
+export const useCmsData = locales => {
+  const {
+    getApolloClient
+  } = useCms();
+  const [state, setState] = useReducer((prev, next) => {
+    return {
+      ...prev,
+      ...next
+    };
+  }, {});
+  const loadData = async () => {
+    for (const code of locales) {
+      const client = getApolloClient(code);
+      if (!state[code]) {
+        client.query({
+          query: LIST_DATA
+        }).then(({
+          data
+        }) => {
+          setState({
+            [code]: {
               models: data.listContentModels.data,
               groups: data.listContentModelGroups.data
-            }));
+            }
           });
-        }
-      };
-      for (_iterator.s(); !(_step = _iterator.n()).done;) {
-        await _loop();
+        });
       }
-    } catch (err) {
-      _iterator.e(err);
-    } finally {
-      _iterator.f();
     }
   };
-  (0, _react.useEffect)(function () {
+  useEffect(() => {
     loadData();
   }, [locales.sort().join(":")]);
-  return locales.reduce(function (acc, code) {
+  return locales.reduce((acc, code) => {
     if (!state[code]) {
       acc[code] = {
         models: [],

package/admin/plugins/permissionRenderer/components/useCmsData.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_graphqlTag","_interopRequireDefault","_hooks","_templateObject","LIST_DATA","gql","_taggedTemplateLiteral2","default","useCmsData","exports","locales","_useCms","useCms","getApolloClient","_useReducer","useReducer","prev","next","_objectSpread2","_useReducer2","_slicedToArray2","state","setState","loadData","_iterator","_createForOfIteratorHelper2","_step","_loop","code","value","client","query","then","_ref","data","_defineProperty2","models","listContentModels","groups","listContentModelGroups","s","n","done","err","e","f","useEffect","sort","join","reduce","acc"],"sources":["useCmsData.ts"],"sourcesContent":["import { useEffect, useReducer } from \"react\";\nimport gql from \"graphql-tag\";\nimport { useCms } from \"../../../hooks\";\nimport { CmsErrorResponse } from \"~/types\";\n\nexport interface CmsDataCmsGroup {\n    id: string;\n    label: string;\n}\nexport interface CmsDataCmsModel {\n    id: string;\n    modelId: string;\n    label: string;\n    group: CmsDataCmsGroup;\n}\n/**\n * ########################\n * List CMS Models And Groups for Permissions\n */\ninterface ListCmsPermissionsResponse {\n    listContentModels: {\n        data: CmsDataCmsModel[];\n        error?: CmsErrorResponse;\n    };\n    listContentModelGroups: {\n        data: CmsDataCmsGroup[];\n        error?: CmsErrorResponse;\n    };\n}\nconst LIST_DATA = gql`\n    query CmsLoadPermissionsData {\n        listContentModels {\n            data {\n                modelId\n                id: modelId\n                label: name\n                group {\n                    id\n                    label: name\n                }\n            }\n            meta {\n                totalCount\n                cursor\n                hasMoreItems\n            }\n            error {\n                code\n                message\n                data\n            }\n        }\n        listContentModelGroups {\n            data {\n                id\n                label: name\n            }\n            meta {\n                totalCount\n                cursor\n                hasMoreItems\n            }\n            error {\n                code\n                message\n                data\n            }\n        }\n    }\n`;\n\nexport interface UseCmsDataResponseRecords {\n    models: CmsDataCmsModel[];\n    groups: CmsDataCmsGroup[];\n}\ninterface State {\n    [key: string]: UseCmsDataResponseRecords;\n}\ninterface Reducer {\n    (prev: State, next: State): State;\n}\n\nexport interface UseCmsDataResponse {\n    [locale: string]: UseCmsDataResponseRecords;\n}\nexport const useCmsData = (locales: string[]): UseCmsDataResponse => {\n    const { getApolloClient } = useCms();\n    const [state, setState] = useReducer<Reducer>((prev, next) => {\n        return {\n            ...prev,\n            ...next\n        };\n    }, {});\n\n    const loadData = async () => {\n        for (const code of locales) {\n            const client = getApolloClient(code);\n\n            if (!state[code]) {\n                client.query<ListCmsPermissionsResponse>({ query: LIST_DATA }).then(({ data }) => {\n                    setState({\n                        [code]: {\n                            models: data.listContentModels.data,\n                            groups: data.listContentModelGroups.data\n                        }\n                    });\n                });\n            }\n        }\n    };\n\n    useEffect(() => {\n        loadData();\n    }, [locales.sort().join(\":\")]);\n\n    return locales.reduce((acc, code) => {\n        if (!state[code]) {\n            acc[code] = {\n                models: [],\n                groups: []\n            };\n            return acc;\n        }\n        acc[code] = state[code];\n        return acc;\n    }, {} as UseCmsDataResponse);\n};\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAAwC,IAAAI,eAAA;AAaxC;AACA;AACA;AACA;;AAWA,IAAMC,SAAS,OAAGC,mBAAG,EAAAF,eAAA,KAAAA,eAAA,OAAAG,uBAAA,CAAAC,OAAA,s3BAwCpB;AAgBM,IAAMC,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,SAAbA,UAAUA,CAAIE,OAAiB,EAAyB;EACjE,IAAAC,OAAA,GAA4B,IAAAC,aAAM,EAAC,CAAC;IAA5BC,eAAe,GAAAF,OAAA,CAAfE,eAAe;EACvB,IAAAC,WAAA,GAA0B,IAAAC,iBAAU,EAAU,UAACC,IAAI,EAAEC,IAAI,EAAK;MAC1D,WAAAC,cAAA,CAAAX,OAAA,MAAAW,cAAA,CAAAX,OAAA,MACOS,IAAI,GACJC,IAAI;IAEf,CAAC,EAAE,CAAC,CAAC,CAAC;IAAAE,YAAA,OAAAC,eAAA,CAAAb,OAAA,EAAAO,WAAA;IALCO,KAAK,GAAAF,YAAA;IAAEG,QAAQ,GAAAH,YAAA;EAOtB,IAAMI,QAAQ,GAAG,eAAXA,QAAQA,CAAA,EAAe;IAAA,IAAAC,SAAA,OAAAC,2BAAA,CAAAlB,OAAA,EACNG,OAAO;MAAAgB,KAAA;IAAA;MAAA,IAAAC,KAAA,kBAAAA,MAAA,EAAE;QAAA,IAAjBC,IAAI,GAAAF,KAAA,CAAAG,KAAA;QACX,IAAMC,MAAM,GAAGjB,eAAe,CAACe,IAAI,CAAC;QAEpC,IAAI,CAACP,KAAK,CAACO,IAAI,CAAC,EAAE;UACdE,MAAM,CAACC,KAAK,CAA6B;YAAEA,KAAK,EAAE3B;UAAU,CAAC,CAAC,CAAC4B,IAAI,CAAC,UAAAC,IAAA,EAAc;YAAA,IAAXC,IAAI,GAAAD,IAAA,CAAJC,IAAI;YACvEZ,QAAQ,KAAAa,gBAAA,CAAA5B,OAAA,MACHqB,IAAI,EAAG;cACJQ,MAAM,EAAEF,IAAI,CAACG,iBAAiB,CAACH,IAAI;cACnCI,MAAM,EAAEJ,IAAI,CAACK,sBAAsB,CAACL;YACxC,CAAC,CACJ,CAAC;UACN,CAAC,CAAC;QACN;MACJ,CAAC;MAbD,KAAAV,SAAA,CAAAgB,CAAA,MAAAd,KAAA,GAAAF,SAAA,CAAAiB,CAAA,IAAAC,IAAA;QAAA,MAAAf,KAAA;MAAA;IAaC,SAAAgB,GAAA;MAAAnB,SAAA,CAAAoB,CAAA,CAAAD,GAAA;IAAA;MAAAnB,SAAA,CAAAqB,CAAA;IAAA;EACL,CAAC;EAED,IAAAC,gBAAS,EAAC,YAAM;IACZvB,QAAQ,CAAC,CAAC;EACd,CAAC,EAAE,CAACb,OAAO,CAACqC,IAAI,CAAC,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;EAE9B,OAAOtC,OAAO,CAACuC,MAAM,CAAC,UAACC,GAAG,EAAEtB,IAAI,EAAK;IACjC,IAAI,CAACP,KAAK,CAACO,IAAI,CAAC,EAAE;MACdsB,GAAG,CAACtB,IAAI,CAAC,GAAG;QACRQ,MAAM,EAAE,EAAE;QACVE,MAAM,EAAE;MACZ,CAAC;MACD,OAAOY,GAAG;IACd;IACAA,GAAG,CAACtB,IAAI,CAAC,GAAGP,KAAK,CAACO,IAAI,CAAC;IACvB,OAAOsB,GAAG;EACd,CAAC,EAAE,CAAC,CAAuB,CAAC;AAChC,CAAC","ignoreList":[]}
+{"version":3,"names":["useEffect","useReducer","gql","useCms","LIST_DATA","useCmsData","locales","getApolloClient","state","setState","prev","next","loadData","code","client","query","then","data","models","listContentModels","groups","listContentModelGroups","sort","join","reduce","acc"],"sources":["useCmsData.ts"],"sourcesContent":["import { useEffect, useReducer } from \"react\";\nimport gql from \"graphql-tag\";\nimport { useCms } from \"../../../hooks\";\nimport type { CmsErrorResponse } from \"~/types\";\n\nexport interface CmsDataCmsGroup {\n    id: string;\n    label: string;\n}\nexport interface CmsDataCmsModel {\n    id: string;\n    modelId: string;\n    label: string;\n    group: CmsDataCmsGroup;\n}\n/**\n * ########################\n * List CMS Models And Groups for Permissions\n */\ninterface ListCmsPermissionsResponse {\n    listContentModels: {\n        data: CmsDataCmsModel[];\n        error?: CmsErrorResponse;\n    };\n    listContentModelGroups: {\n        data: CmsDataCmsGroup[];\n        error?: CmsErrorResponse;\n    };\n}\nconst LIST_DATA = gql`\n    query CmsLoadPermissionsData {\n        listContentModels {\n            data {\n                modelId\n                id: modelId\n                label: name\n                group {\n                    id\n                    label: name\n                }\n            }\n            meta {\n                totalCount\n                cursor\n                hasMoreItems\n            }\n            error {\n                code\n                message\n                data\n            }\n        }\n        listContentModelGroups {\n            data {\n                id\n                label: name\n            }\n            meta {\n                totalCount\n                cursor\n                hasMoreItems\n            }\n            error {\n                code\n                message\n                data\n            }\n        }\n    }\n`;\n\nexport interface UseCmsDataResponseRecords {\n    models: CmsDataCmsModel[];\n    groups: CmsDataCmsGroup[];\n}\ninterface State {\n    [key: string]: UseCmsDataResponseRecords;\n}\ninterface Reducer {\n    (prev: State, next: State): State;\n}\n\nexport interface UseCmsDataResponse {\n    [locale: string]: UseCmsDataResponseRecords;\n}\nexport const useCmsData = (locales: string[]): UseCmsDataResponse => {\n    const { getApolloClient } = useCms();\n    const [state, setState] = useReducer<Reducer>((prev, next) => {\n        return {\n            ...prev,\n            ...next\n        };\n    }, {});\n\n    const loadData = async () => {\n        for (const code of locales) {\n            const client = getApolloClient(code);\n\n            if (!state[code]) {\n                client.query<ListCmsPermissionsResponse>({ query: LIST_DATA }).then(({ data }) => {\n                    setState({\n                        [code]: {\n                            models: data.listContentModels.data,\n                            groups: data.listContentModelGroups.data\n                        }\n                    });\n                });\n            }\n        }\n    };\n\n    useEffect(() => {\n        loadData();\n    }, [locales.sort().join(\":\")]);\n\n    return locales.reduce((acc, code) => {\n        if (!state[code]) {\n            acc[code] = {\n                models: [],\n                groups: []\n            };\n            return acc;\n        }\n        acc[code] = state[code];\n        return acc;\n    }, {} as UseCmsDataResponse);\n};\n"],"mappings":"AAAA,SAASA,SAAS,EAAEC,UAAU,QAAQ,OAAO;AAC7C,OAAOC,GAAG,MAAM,aAAa;AAC7B,SAASC,MAAM;;AAaf;AACA;AACA;AACA;;AAWA,MAAMC,SAAS,GAAGF,GAAG;AACrB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAgBD,OAAO,MAAMG,UAAU,GAAIC,OAAiB,IAAyB;EACjE,MAAM;IAAEC;EAAgB,CAAC,GAAGJ,MAAM,CAAC,CAAC;EACpC,MAAM,CAACK,KAAK,EAAEC,QAAQ,CAAC,GAAGR,UAAU,CAAU,CAACS,IAAI,EAAEC,IAAI,KAAK;IAC1D,OAAO;MACH,GAAGD,IAAI;MACP,GAAGC;IACP,CAAC;EACL,CAAC,EAAE,CAAC,CAAC,CAAC;EAEN,MAAMC,QAAQ,GAAG,MAAAA,CAAA,KAAY;IACzB,KAAK,MAAMC,IAAI,IAAIP,OAAO,EAAE;MACxB,MAAMQ,MAAM,GAAGP,eAAe,CAACM,IAAI,CAAC;MAEpC,IAAI,CAACL,KAAK,CAACK,IAAI,CAAC,EAAE;QACdC,MAAM,CAACC,KAAK,CAA6B;UAAEA,KAAK,EAAEX;QAAU,CAAC,CAAC,CAACY,IAAI,CAAC,CAAC;UAAEC;QAAK,CAAC,KAAK;UAC9ER,QAAQ,CAAC;YACL,CAACI,IAAI,GAAG;cACJK,MAAM,EAAED,IAAI,CAACE,iBAAiB,CAACF,IAAI;cACnCG,MAAM,EAAEH,IAAI,CAACI,sBAAsB,CAACJ;YACxC;UACJ,CAAC,CAAC;QACN,CAAC,CAAC;MACN;IACJ;EACJ,CAAC;EAEDjB,SAAS,CAAC,MAAM;IACZY,QAAQ,CAAC,CAAC;EACd,CAAC,EAAE,CAACN,OAAO,CAACgB,IAAI,CAAC,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;EAE9B,OAAOjB,OAAO,CAACkB,MAAM,CAAC,CAACC,GAAG,EAAEZ,IAAI,KAAK;IACjC,IAAI,CAACL,KAAK,CAACK,IAAI,CAAC,EAAE;MACdY,GAAG,CAACZ,IAAI,CAAC,GAAG;QACRK,MAAM,EAAE,EAAE;QACVE,MAAM,EAAE;MACZ,CAAC;MACD,OAAOK,GAAG;IACd;IACAA,GAAG,CAACZ,IAAI,CAAC,GAAGL,KAAK,CAACK,IAAI,CAAC;IACvB,OAAOY,GAAG;EACd,CAAC,EAAE,CAAC,CAAuB,CAAC;AAChC,CAAC","ignoreList":[]}

package/admin/plugins/permissionRenderer/index.d.ts

@@ -1,3 +1,3 @@
-import { AdminAppPermissionRendererPlugin } from "@webiny/app-admin/types";
+import type { AdminAppPermissionRendererPlugin } from "@webiny/app-admin/types";
 declare const plugin: AdminAppPermissionRendererPlugin;
 export default plugin;

package/admin/plugins/permissionRenderer/index.js

@@ -1,26 +1,22 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Accordion = require("@webiny/ui/Accordion");
-var _devices_otherBlack24px = require("../../icons/devices_other-black-24px.svg");
-var _CmsPermissions = require("./CmsPermissions");
-var plugin = {
+import React from "react";
+import { Accordion } from "@webiny/admin-ui";
+import { ReactComponent as PermissionsIcon } from "@webiny/icons/devices_other.svg";
+import { CMSPermissions } from "./CmsPermissions";
+const plugin = {
   type: "admin-app-permissions-renderer",
   name: "admin-app-permissions-renderer-cms",
-  render: function render(props) {
-    return /*#__PURE__*/_react.default.createElement(_Accordion.AccordionItem, {
-      icon: /*#__PURE__*/_react.default.createElement(_devices_otherBlack24px.ReactComponent, null),
+  render(props) {
+    return /*#__PURE__*/React.createElement(Accordion.Item, {
+      icon: /*#__PURE__*/React.createElement(Accordion.Item.Icon, {
+        icon: /*#__PURE__*/React.createElement(PermissionsIcon, null),
+        label: "Headless CMS Permissions"
+      }),
       title: "Headless CMS",
       description: "Manage Headless CMS app access permissions.",
       "data-testid": "permission.cms"
-    }, /*#__PURE__*/_react.default.createElement(_CmsPermissions.CMSPermissions, props));
+    }, /*#__PURE__*/React.createElement(CMSPermissions, props));
   }
 };
-var _default = exports.default = plugin;
+export default plugin;
 
 //# sourceMappingURL=index.js.map

package/admin/plugins/permissionRenderer/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_Accordion","_devices_otherBlack24px","_CmsPermissions","plugin","type","name","render","props","default","createElement","AccordionItem","icon","ReactComponent","title","description","CMSPermissions","_default","exports"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport { AccordionItem } from \"@webiny/ui/Accordion\";\nimport { AdminAppPermissionRendererPlugin } from \"@webiny/app-admin/types\";\nimport { ReactComponent as HeadlessCMSIcon } from \"../../icons/devices_other-black-24px.svg\";\nimport { CMSPermissions } from \"./CmsPermissions\";\n\nconst plugin: AdminAppPermissionRendererPlugin = {\n    type: \"admin-app-permissions-renderer\",\n    name: \"admin-app-permissions-renderer-cms\",\n    render(props) {\n        return (\n            <AccordionItem\n                icon={<HeadlessCMSIcon />}\n                title={\"Headless CMS\"}\n                description={\"Manage Headless CMS app access permissions.\"}\n                data-testid={\"permission.cms\"}\n            >\n                <CMSPermissions {...props} />\n            </AccordionItem>\n        );\n    }\n};\nexport default plugin;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAEA,IAAAE,uBAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AAEA,IAAMI,MAAwC,GAAG;EAC7CC,IAAI,EAAE,gCAAgC;EACtCC,IAAI,EAAE,oCAAoC;EAC1CC,MAAM,WAANA,MAAMA,CAACC,KAAK,EAAE;IACV,oBACIV,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACT,UAAA,CAAAU,aAAa;MACVC,IAAI,eAAEd,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACR,uBAAA,CAAAW,cAAe,MAAE,CAAE;MAC1BC,KAAK,EAAE,cAAe;MACtBC,WAAW,EAAE,6CAA8C;MAC3D,eAAa;IAAiB,gBAE9BjB,MAAA,CAAAW,OAAA,CAAAC,aAAA,CAACP,eAAA,CAAAa,cAAc,EAAKR,KAAQ,CACjB,CAAC;EAExB;AACJ,CAAC;AAAC,IAAAS,QAAA,GAAAC,OAAA,CAAAT,OAAA,GACaL,MAAM","ignoreList":[]}
+{"version":3,"names":["React","Accordion","ReactComponent","PermissionsIcon","CMSPermissions","plugin","type","name","render","props","createElement","Item","icon","Icon","label","title","description"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport { Accordion } from \"@webiny/admin-ui\";\nimport type { AdminAppPermissionRendererPlugin } from \"@webiny/app-admin/types\";\nimport { ReactComponent as PermissionsIcon } from \"@webiny/icons/devices_other.svg\";\nimport { CMSPermissions } from \"./CmsPermissions\";\n\nconst plugin: AdminAppPermissionRendererPlugin = {\n    type: \"admin-app-permissions-renderer\",\n    name: \"admin-app-permissions-renderer-cms\",\n    render(props) {\n        return (\n            <Accordion.Item\n                icon={\n                    <Accordion.Item.Icon\n                        icon={<PermissionsIcon />}\n                        label={\"Headless CMS Permissions\"}\n                    />\n                }\n                title={\"Headless CMS\"}\n                description={\"Manage Headless CMS app access permissions.\"}\n                data-testid={\"permission.cms\"}\n            >\n                <CMSPermissions {...props} />\n            </Accordion.Item>\n        );\n    }\n};\nexport default plugin;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,kBAAkB;AAE5C,SAASC,cAAc,IAAIC,eAAe,QAAQ,iCAAiC;AACnF,SAASC,cAAc;AAEvB,MAAMC,MAAwC,GAAG;EAC7CC,IAAI,EAAE,gCAAgC;EACtCC,IAAI,EAAE,oCAAoC;EAC1CC,MAAMA,CAACC,KAAK,EAAE;IACV,oBACIT,KAAA,CAAAU,aAAA,CAACT,SAAS,CAACU,IAAI;MACXC,IAAI,eACAZ,KAAA,CAAAU,aAAA,CAACT,SAAS,CAACU,IAAI,CAACE,IAAI;QAChBD,IAAI,eAAEZ,KAAA,CAAAU,aAAA,CAACP,eAAe,MAAE,CAAE;QAC1BW,KAAK,EAAE;MAA2B,CACrC,CACJ;MACDC,KAAK,EAAE,cAAe;MACtBC,WAAW,EAAE,6CAA8C;MAC3D,eAAa;IAAiB,gBAE9BhB,KAAA,CAAAU,aAAA,CAACN,cAAc,EAAKK,KAAQ,CAChB,CAAC;EAEzB;AACJ,CAAC;AACD,eAAeJ,MAAM","ignoreList":[]}

package/admin/plugins/routes.d.ts

@@ -1,3 +1,3 @@
-import { RoutePlugin } from "@webiny/app/types";
+import type { RoutePlugin } from "@webiny/app/types";
 declare const plugins: RoutePlugin[];
 export default plugins;

package/admin/plugins/routes.js

@@ -1,97 +1,70 @@
-"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 _react = _interopRequireWildcard(require("react"));
-var _reactHelmet = _interopRequireDefault(require("react-helmet"));
-var _components = require("@webiny/app-security/components");
-var _Progress = require("@webiny/ui/Progress");
-var _reactRouter = require("@webiny/react-router");
-var _AdminLayout = require("@webiny/app-admin/components/AdminLayout");
-var _i18n = require("@webiny/app/i18n");
-var _ContentEntriesContainer = require("../views/contentEntries/ContentEntriesContainer");
-var _ContentEntries = require("../views/contentEntries/ContentEntries");
-var _reactComposition = require("@webiny/react-composition");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-var _excluded = ["children"];
-var t = _i18n.i18n.ns("app-headless-cms/admin/routes");
-var Loader = function Loader(_ref) {
-  var children = _ref.children,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_react.Suspense, {
-    fallback: /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, null)
-  }, /*#__PURE__*/_react.default.cloneElement(children, props));
-};
-var ContentModelEditor = /*#__PURE__*/(0, _react.lazy)(function () {
-  return import(/* webpackChunkName: "ViewsContentModelsContentModelEditor" */"../views/contentModels/ContentModelEditor");
-});
-var ContentModelsView = /*#__PURE__*/(0, _react.lazy)(function () {
-  return import(/* webpackChunkName: "ViewsContentModelsContentModels" */"../views/contentModels/ContentModels");
-});
-var ContentModelGroupsView = /*#__PURE__*/(0, _react.lazy)(function () {
-  return import(/* webpackChunkName: "ViewsContentModelsContentModelGroups" */"../views/contentModelGroups/ContentModelGroups");
-});
-var plugins = [{
+import React, { lazy, Suspense } from "react";
+import Helmet from "react-helmet";
+import { SecureRoute } from "@webiny/app-security/components";
+import { CircularProgress } from "@webiny/ui/Progress";
+import { Route } from "@webiny/react-router";
+import { AdminLayout } from "@webiny/app-admin/components/AdminLayout";
+import { i18n } from "@webiny/app/i18n";
+import { ContentEntriesContainer } from "../views/contentEntries/ContentEntriesContainer";
+import { ContentEntries } from "../views/contentEntries/ContentEntries";
+import { CompositionScope } from "@webiny/react-composition";
+const t = i18n.ns("app-headless-cms/admin/routes");
+const Loader = ({
+  children,
+  ...props
+}) => /*#__PURE__*/React.createElement(Suspense, {
+  fallback: /*#__PURE__*/React.createElement(CircularProgress, null)
+}, /*#__PURE__*/React.cloneElement(children, props));
+const ContentModelEditor = /*#__PURE__*/lazy(() => import(/* webpackChunkName: "ViewsContentModelsContentModelEditor" */"../views/contentModels/ContentModelEditor"));
+const ContentModelsView = /*#__PURE__*/lazy(() => import(/* webpackChunkName: "ViewsContentModelsContentModels" */"../views/contentModels/ContentModels"));
+const ContentModelGroupsView = /*#__PURE__*/lazy(() => import(/* webpackChunkName: "ViewsContentModelsContentModelGroups" */"../views/contentModelGroups/ContentModelGroups"));
+const plugins = [{
   name: "route-cms-content-models-groups",
   type: "route",
-  route: /*#__PURE__*/_react.default.createElement(_reactRouter.Route, {
+  route: /*#__PURE__*/React.createElement(Route, {
     exact: true,
     path: "/cms/content-model-groups",
-    render: function render() {
-      return /*#__PURE__*/_react.default.createElement(_components.SecureRoute, {
-        permission: "cms.contentModelGroup"
-      }, /*#__PURE__*/_react.default.createElement(_AdminLayout.AdminLayout, null, /*#__PURE__*/_react.default.createElement(_reactHelmet.default, null, /*#__PURE__*/_react.default.createElement("title", null, t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Content Model Groups"]))))), /*#__PURE__*/_react.default.createElement(Loader, null, /*#__PURE__*/_react.default.createElement(ContentModelGroupsView, null))));
-    }
+    render: () => /*#__PURE__*/React.createElement(SecureRoute, {
+      permission: "cms.contentModelGroup"
+    }, /*#__PURE__*/React.createElement(AdminLayout, null, /*#__PURE__*/React.createElement(Helmet, null, /*#__PURE__*/React.createElement("title", null, t`Content Model Groups`)), /*#__PURE__*/React.createElement(Loader, null, /*#__PURE__*/React.createElement(ContentModelGroupsView, null))))
   })
 }, {
   name: "route-cms-content-models-manage",
   type: "route",
-  route: /*#__PURE__*/_react.default.createElement(_reactRouter.Route, {
+  route: /*#__PURE__*/React.createElement(Route, {
     exact: true,
     path: "/cms/content-entries/:modelId",
-    render: function render() {
-      return /*#__PURE__*/_react.default.createElement(_components.SecureRoute, {
-        permission: "cms.contentModel"
-      }, /*#__PURE__*/_react.default.createElement(_AdminLayout.AdminLayout, null, /*#__PURE__*/_react.default.createElement(_reactHelmet.default, null, /*#__PURE__*/_react.default.createElement("title", null, t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Content"]))))), /*#__PURE__*/_react.default.createElement(_ContentEntriesContainer.ContentEntriesContainer, null, /*#__PURE__*/_react.default.createElement(_reactComposition.CompositionScope, {
-        name: "cms"
-      }, /*#__PURE__*/_react.default.createElement(_ContentEntries.ContentEntries, null)))));
-    }
+    render: () => /*#__PURE__*/React.createElement(SecureRoute, {
+      permission: "cms.contentModel"
+    }, /*#__PURE__*/React.createElement(AdminLayout, null, /*#__PURE__*/React.createElement(Helmet, null, /*#__PURE__*/React.createElement("title", null, t`Content`)), /*#__PURE__*/React.createElement(ContentEntriesContainer, null, /*#__PURE__*/React.createElement(CompositionScope, {
+      name: "cms"
+    }, /*#__PURE__*/React.createElement(ContentEntries, null)))))
   })
 }, {
   name: "route-cms-content-models-editor",
   type: "route",
-  route: /*#__PURE__*/_react.default.createElement(_reactRouter.Route, {
+  route: /*#__PURE__*/React.createElement(Route, {
     exact: true,
     path: "/cms/content-models/:modelId",
-    render: function render() {
-      return /*#__PURE__*/_react.default.createElement(_components.SecureRoute, {
-        permission: "cms.contentModel"
-      }, /*#__PURE__*/_react.default.createElement(_reactHelmet.default, null, /*#__PURE__*/_react.default.createElement("title", null, t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Edit Content Model"]))))), /*#__PURE__*/_react.default.createElement(_reactComposition.CompositionScope, {
-        name: "cms"
-      }, /*#__PURE__*/_react.default.createElement(Loader, null, /*#__PURE__*/_react.default.createElement(ContentModelEditor, null))));
-    }
+    render: () => /*#__PURE__*/React.createElement(SecureRoute, {
+      permission: "cms.contentModel"
+    }, /*#__PURE__*/React.createElement(Helmet, null, /*#__PURE__*/React.createElement("title", null, t`Edit Content Model`)), /*#__PURE__*/React.createElement(CompositionScope, {
+      name: "cms"
+    }, /*#__PURE__*/React.createElement(Loader, null, /*#__PURE__*/React.createElement(ContentModelEditor, null))))
   })
 }, {
   name: "route-cms-content-models",
   type: "route",
-  route: /*#__PURE__*/_react.default.createElement(_reactRouter.Route, {
+  route: /*#__PURE__*/React.createElement(Route, {
     exact: true,
     path: "/cms/content-models",
-    render: function render() {
-      return /*#__PURE__*/_react.default.createElement(_components.SecureRoute, {
-        permission: "cms.contentModel"
-      }, /*#__PURE__*/_react.default.createElement(_AdminLayout.AdminLayout, null, /*#__PURE__*/_react.default.createElement(_reactHelmet.default, {
-        title: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Content Models"])))
-      }), /*#__PURE__*/_react.default.createElement(Loader, null, /*#__PURE__*/_react.default.createElement(ContentModelsView, null))));
-    }
+    render: () => /*#__PURE__*/React.createElement(SecureRoute, {
+      permission: "cms.contentModel"
+    }, /*#__PURE__*/React.createElement(AdminLayout, null, /*#__PURE__*/React.createElement(Helmet, {
+      title: t`Content Models`
+    }), /*#__PURE__*/React.createElement(Loader, null, /*#__PURE__*/React.createElement(ContentModelsView, null))))
   })
 }];
-var _default = exports.default = plugins;
+export default plugins;
 
 //# sourceMappingURL=routes.js.map