@webiny/app-headless-cms 0.0.0-mt-2 → 0.0.0-unstable.5e7233243f

package/admin/plugins/permissionRenderer/CmsPermissions.js

@@ -1,21 +1,46 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
+"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.CMSPermissions = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _ContentModelGroupPermission = _interopRequireDefault(require("./components/ContentModelGroupPermission"));
+
+var _Grid = require("@webiny/ui/Grid");
+
+var _Select = require("@webiny/ui/Select");
+
+var _i18n = require("@webiny/app/i18n");
+
+var _Permissions = require("@webiny/app-admin/components/Permissions");
+
+var _form = require("@webiny/form");
+
+var _ContentModelPermission = require("./components/ContentModelPermission");
+
+var _ContentEntryPermission = require("./components/ContentEntryPermission");
+
+var _Checkbox = require("@webiny/ui/Checkbox");
+
+var _useI18N2 = require("@webiny/app-i18n/hooks/useI18N");
+
+var _reactRouter = require("@webiny/react-router");
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 
-import React, { Fragment, useCallback, useMemo } from "react";
-import { Grid, Cell } from "@webiny/ui/Grid";
-import { Select } from "@webiny/ui/Select";
-import { i18n } from "@webiny/app/i18n";
-import { PermissionInfo, gridNoPaddingClass } from "@webiny/app-admin/components/Permissions";
-import { Form } from "@webiny/form";
-import ContentModelGroupPermission from "./components/ContentModelGroupPermission";
-import { ContentModelPermission } from "./components/ContentModelPermission";
-import { ContentEntryPermission } from "./components/ContentEntryPermission";
-import { Checkbox, CheckboxGroup } from "@webiny/ui/Checkbox";
-import { useI18N } from "@webiny/app-i18n/hooks/useI18N";
-import { Link } from "@webiny/react-router";
-var t = i18n.ns("app-headless-cms/admin/plugins/permissionRenderer");
+var t = _i18n.i18n.ns("app-headless-cms/admin/plugins/permissionRenderer");
+
 var CMS_PERMISSION = "cms";
 var CMS_PERMISSION_FULL_ACCESS = "cms.*";
 var FULL_ACCESS = "full";
@@ -33,14 +58,15 @@ var API_ENDPOINTS = [{
   name: "Preview"
 }];
 var GRAPHQL_API_TYPES_LINK = "https://www.webiny.com/docs/key-topics/webiny-applications/headless-cms/graphql-api/#graphql-api-types";
-export var CMSPermissions = function CMSPermissions(_ref) {
+
+var CMSPermissions = function CMSPermissions(_ref) {
   var value = _ref.value,
       onChange = _ref.onChange;
 
-  var _useI18N = useI18N(),
+  var _useI18N = (0, _useI18N2.useI18N)(),
       getLocales = _useI18N.getLocales;
 
-  var canRead = useCallback(function (value, permissionName) {
+  var canRead = (0, _react.useCallback)(function (value, permissionName) {
     var permission = value.find(function (item) {
       return item.name === permissionName;
     });
@@ -72,7 +98,7 @@ export var CMSPermissions = function CMSPermissions(_ref) {
     });
   };
 
-  var onFormChange = useCallback(function (data) {
+  var onFormChange = (0, _react.useCallback)(function (data) {
     var newValue = [];
 
     if (Array.isArray(value)) {
@@ -94,12 +120,13 @@ export var CMSPermissions = function CMSPermissions(_ref) {
       });
       onChange(newValue);
       return;
-    } // Handling custom access level.
+    }
 
+    var endpoints = data.endpoints; // Handling custom access level.
 
-    if (Array.isArray(data.endpoints)) {
+    if (endpoints && Array.isArray(data.endpoints)) {
       API_ENDPOINTS.forEach(function (api) {
-        if (data.endpoints.includes(api.id)) {
+        if (endpoints.includes(api.id)) {
           newValue.push({
             name: "".concat(CMS_PERMISSION, ".endpoint.").concat(api.id)
           });
@@ -175,12 +202,11 @@ export var CMSPermissions = function CMSPermissions(_ref) {
 
     onChange(newValue);
   }, [value]);
-  var formData = useMemo(function () {
+  var formData = (0, _react.useMemo)(function () {
     // This function only runs once on Form mount
     if (!Array.isArray(value)) {
       return {
-        accessLevel: NO_ACCESS,
-        endpoints: []
+        accessLevel: NO_ACCESS
       };
     }
 
@@ -203,8 +229,7 @@ export var CMSPermissions = function CMSPermissions(_ref) {
 
     if (!permissions.length) {
       return {
-        accessLevel: NO_ACCESS,
-        endpoints: []
+        accessLevel: NO_ACCESS
       };
     } // We're dealing with custom permissions. Let's first prepare data for "content models", "content model groups", "content entries" and "environments".
 
@@ -220,7 +245,7 @@ export var CMSPermissions = function CMSPermissions(_ref) {
     ENTITIES.forEach(function (entity) {
       var _data;
 
-      var data = (_data = {}, _defineProperty(_data, "".concat(entity, "AccessScope"), FULL_ACCESS), _defineProperty(_data, "".concat(entity, "RWD"), "r"), _defineProperty(_data, "".concat(entity, "Props"), {}), _data);
+      var data = (_data = {}, (0, _defineProperty2.default)(_data, "".concat(entity, "AccessScope"), FULL_ACCESS), (0, _defineProperty2.default)(_data, "".concat(entity, "RWD"), "r"), (0, _defineProperty2.default)(_data, "".concat(entity, "Props"), {}), _data);
       var entityPermission = permissions.find(function (item) {
         return item.name === "".concat(CMS_PERMISSION, ".").concat(entity);
       });
@@ -259,45 +284,51 @@ export var CMSPermissions = function CMSPermissions(_ref) {
     return returnData;
   }, []);
   var locales = getFormLocales();
-  var getSelectedContentModelGroups = useCallback(function (data) {
+  var getSelectedContentModelGroups = (0, _react.useCallback)(function (data) {
     if (data && data.contentModelGroupAccessScope === "groups" && data.contentModelGroupProps) {
       return data.contentModelGroupProps.groups;
     }
   }, []);
-  return /*#__PURE__*/React.createElement(Form, {
+  return /*#__PURE__*/_react.default.createElement(_form.Form, {
     data: formData,
-    onChange: onFormChange
+    onChange: function onChange(data) {
+      /**
+       * We know that data is CmsSecurityPermission.
+       */
+      return onFormChange(data);
+    }
   }, function (_ref2) {
     var data = _ref2.data,
         Bind = _ref2.Bind,
         setValue = _ref2.setValue;
-    var graphQLEndpointAccess = data.endpoints.includes("read") || data.endpoints.includes("manage") || data.endpoints.includes("preview");
-    return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Grid, {
-      className: gridNoPaddingClass
-    }, /*#__PURE__*/React.createElement(Cell, {
+    var endpoints = data.endpoints || [];
+    var graphQLEndpointAccess = endpoints.includes("read") || endpoints.includes("manage") || endpoints.includes("preview");
+    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_Grid.Grid, {
+      className: _Permissions.gridNoPaddingClass
+    }, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
       span: 6
-    }, /*#__PURE__*/React.createElement(PermissionInfo, {
-      title: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Access Level"])))
-    })), /*#__PURE__*/React.createElement(Cell, {
+    }, /*#__PURE__*/_react.default.createElement(_Permissions.PermissionInfo, {
+      title: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Access Level"])))
+    })), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
       span: 6
-    }, /*#__PURE__*/React.createElement(Bind, {
+    }, /*#__PURE__*/_react.default.createElement(Bind, {
       name: "accessLevel"
-    }, /*#__PURE__*/React.createElement(Select, {
-      label: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Access Level"])))
-    }, /*#__PURE__*/React.createElement("option", {
+    }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
+      label: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Access Level"])))
+    }, /*#__PURE__*/_react.default.createElement("option", {
       value: NO_ACCESS
-    }, t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["No access"])))), /*#__PURE__*/React.createElement("option", {
+    }, t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["No access"])))), /*#__PURE__*/_react.default.createElement("option", {
       value: FULL_ACCESS
-    }, t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Full access"])))), /*#__PURE__*/React.createElement("option", {
+    }, t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Full access"])))), /*#__PURE__*/_react.default.createElement("option", {
       value: CUSTOM_ACCESS
-    }, t(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["Custom access"])))))))), data.accessLevel === CUSTOM_ACCESS && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+    }, t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Custom access"])))))))), data.accessLevel === CUSTOM_ACCESS && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__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: "endpoints"
-    }, /*#__PURE__*/React.createElement(CheckboxGroup, {
-      label: t(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["GraphQL API types"]))),
-      description: t(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["Each type has a separate URL and a specific purpose.\n                                                 Check out the {link} key topic to learn more."])))({
-        link: /*#__PURE__*/React.createElement(Link, {
+    }, /*#__PURE__*/_react.default.createElement(_Checkbox.CheckboxGroup, {
+      label: t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["GraphQL API types"]))),
+      description: t(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["Each type has a separate URL and a specific purpose.\n                                                 Check out the {link} key topic to learn more."])))({
+        link: /*#__PURE__*/_react.default.createElement(_reactRouter.Link, {
           to: GRAPHQL_API_TYPES_LINK,
           target: "_blank"
         }, "Headless CMS GraphQL API")
@@ -308,20 +339,20 @@ export var CMSPermissions = function CMSPermissions(_ref) {
       return API_ENDPOINTS.map(function (_ref4) {
         var id = _ref4.id,
             name = _ref4.name;
-        return /*#__PURE__*/React.createElement(Checkbox, {
+        return /*#__PURE__*/_react.default.createElement(_Checkbox.Checkbox, {
           key: id,
           label: name,
           value: getValue(id),
           onChange: onChange(id)
         });
       });
-    })))), graphQLEndpointAccess && /*#__PURE__*/React.createElement(ContentModelGroupPermission, {
+    })))), graphQLEndpointAccess && /*#__PURE__*/_react.default.createElement(_ContentModelGroupPermission.default, {
       data: data,
       Bind: Bind,
       entity: "contentModelGroup",
       title: "Content Model Groups",
       locales: locales
-    }), graphQLEndpointAccess && canRead(value, "cms.contentModelGroup") && /*#__PURE__*/React.createElement(ContentModelPermission, {
+    }), graphQLEndpointAccess && canRead(value, "cms.contentModelGroup") && /*#__PURE__*/_react.default.createElement(_ContentModelPermission.ContentModelPermission, {
       locales: locales,
       data: data,
       setValue: setValue,
@@ -329,7 +360,7 @@ export var CMSPermissions = function CMSPermissions(_ref) {
       entity: "contentModel",
       title: "Content Models",
       selectedContentModelGroups: getSelectedContentModelGroups(data)
-    }), graphQLEndpointAccess && canRead(value, "cms.contentModel") && /*#__PURE__*/React.createElement(ContentEntryPermission, {
+    }), graphQLEndpointAccess && canRead(value, "cms.contentModel") && /*#__PURE__*/_react.default.createElement(_ContentEntryPermission.ContentEntryPermission, {
       data: data,
       Bind: Bind,
       setValue: setValue,
@@ -337,4 +368,6 @@ export var CMSPermissions = function CMSPermissions(_ref) {
       title: "Content Entries"
     })));
   });
-};
+};
+
+exports.CMSPermissions = CMSPermissions;

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

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","CMS_PERMISSION","CMS_PERMISSION_FULL_ACCESS","FULL_ACCESS","NO_ACCESS","CUSTOM_ACCESS","ENTITIES","API_ENDPOINTS","id","name","GRAPHQL_API_TYPES_LINK","CMSPermissions","value","onChange","useI18N","getLocales","canRead","useCallback","permissionName","permission","find","item","rwd","includes","getFormLocales","localePermission","startsWith","map","l","code","Array","isArray","locales","onFormChange","data","newValue","filter","accessLevel","push","endpoints","forEach","api","entity","accessScope","own","pw","groups","undefined","models","join","props","reduce","acc","locale","formData","useMemo","hasFullAccess","permissions","length","returnData","p","replace","entityPermission","split","Object","assign","getSelectedContentModelGroups","contentModelGroupAccessScope","contentModelGroupProps","Bind","setValue","graphQLEndpointAccess","gridNoPaddingClass","link","getValue"],"sources":["CmsPermissions.tsx"],"sourcesContent":["/**\n * @pavel Please review types for security permissions\n * TODO @ts-refactor\n */\nimport React, { Fragment, useCallback, useMemo } from \"react\";\nimport ContentModelGroupPermission from \"./components/ContentModelGroupPermission\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Select } from \"@webiny/ui/Select\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { PermissionInfo, gridNoPaddingClass } from \"@webiny/app-admin/components/Permissions\";\nimport { Form } from \"@webiny/form\";\nimport { ContentModelPermission } from \"./components/ContentModelPermission\";\nimport { ContentEntryPermission } from \"./components/ContentEntryPermission\";\nimport { Checkbox, CheckboxGroup } from \"@webiny/ui/Checkbox\";\nimport { useI18N } from \"@webiny/app-i18n/hooks/useI18N\";\nimport { Link } from \"@webiny/react-router\";\nimport { CmsSecurityPermission } from \"~/types\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/plugins/permissionRenderer\");\n\nconst CMS_PERMISSION = \"cms\";\nconst CMS_PERMISSION_FULL_ACCESS = \"cms.*\";\nconst FULL_ACCESS = \"full\";\nconst NO_ACCESS = \"no\";\nconst CUSTOM_ACCESS = \"custom\";\nconst ENTITIES = [\"contentModel\", \"contentModelGroup\", \"contentEntry\"];\nconst API_ENDPOINTS = [\n    { id: \"read\", name: \"Read\" },\n    { id: \"manage\", name: \"Manage\" },\n    { id: \"preview\", name: \"Preview\" }\n];\n\nconst GRAPHQL_API_TYPES_LINK =\n    \"https://www.webiny.com/docs/key-topics/webiny-applications/headless-cms/graphql-api/#graphql-api-types\";\n\nexport interface CMSPermissionsProps {\n    value: CmsSecurityPermission[];\n    onChange: (value: CmsSecurityPermission[]) => void;\n}\nexport const CMSPermissions: React.FC<CMSPermissionsProps> = ({ value, onChange }) => {\n    const { getLocales } = useI18N();\n\n    const canRead = useCallback((value: any[], permissionName: string) => {\n        const permission = value.find(item => item.name === permissionName);\n\n        if (!permission) {\n            return false;\n        }\n\n        if (typeof permission.rwd !== \"string\") {\n            return true;\n        }\n\n        return permission.rwd.includes(\"r\");\n    }, []);\n\n    const getFormLocales = () => {\n        const localePermission = (value || []).find(item => item.name.startsWith(\"content.i18n\"));\n        if (!localePermission) {\n            return getLocales().map(l => l.code);\n        }\n\n        return Array.isArray(localePermission.locales)\n            ? localePermission.locales\n            : getLocales().map(l => l.code);\n    };\n\n    const onFormChange = useCallback(\n        (data: CmsSecurityPermission) => {\n            let newValue: CmsSecurityPermission[] = [];\n            if (Array.isArray(value)) {\n                // Let's just filter out the `cms*` permission objects.\n                // Based on the `data` we rebuild new permission object from scratch.\n                newValue = value.filter(item => !item.name.startsWith(CMS_PERMISSION));\n            }\n\n            if (data.accessLevel === NO_ACCESS) {\n                onChange(newValue);\n                return;\n            }\n\n            if (data.accessLevel === FULL_ACCESS) {\n                newValue.push({\n                    name: CMS_PERMISSION_FULL_ACCESS\n                });\n                onChange(newValue);\n                return;\n            }\n\n            const endpoints = data.endpoints;\n\n            // Handling custom access level.\n            if (endpoints && Array.isArray(data.endpoints)) {\n                API_ENDPOINTS.forEach(api => {\n                    if (endpoints.includes(api.id)) {\n                        newValue.push({\n                            name: `${CMS_PERMISSION}.endpoint.${api.id}`\n                        });\n                    }\n                });\n            }\n\n            const locales = getFormLocales();\n\n            // Content models, content model groups, content entries\n            ENTITIES.forEach(entity => {\n                const accessScope = data[`${entity}AccessScope`];\n                if (accessScope && accessScope !== NO_ACCESS) {\n                    const permission: CmsSecurityPermission = {\n                        name: `${CMS_PERMISSION}.${entity}`,\n                        own: false,\n                        rwd: \"r\",\n                        pw: \"\",\n                        groups: undefined,\n                        models: undefined\n                    };\n\n                    if (accessScope === \"own\") {\n                        permission.own = true;\n                        permission.rwd = \"rwd\";\n                    } else {\n                        permission.rwd = data[`${entity}RWD`] || \"r\";\n                    }\n\n                    permission.pw = (data[`${entity}PW`] || []).join(\"\");\n\n                    if (accessScope === \"models\") {\n                        permission.models = {};\n                    }\n\n                    if (accessScope === \"groups\") {\n                        permission.groups = {};\n                    }\n\n                    const props = data[`${entity}Props`];\n                    if (props) {\n                        [\"models\", \"groups\"].forEach(entity => {\n                            if (accessScope === entity && props[entity]) {\n                                permission[entity] = locales.reduce((acc, locale) => {\n                                    if (props[entity][locale]) {\n                                        acc[locale] = props[entity][locale];\n                                    }\n                                    return acc;\n                                }, {} as Record<string, string>);\n                            }\n                        });\n                    }\n\n                    newValue.push(permission);\n                }\n            });\n            // Remove dependent permissions.\n            // The \"cms.contentModel\" permission can only be assigned if the user has the \"read\" access for the \"cms.contentModelGroup\".\n            if (!canRead(newValue, \"cms.contentModelGroup\")) {\n                newValue = newValue.filter(item => item.name !== \"cms.contentModel\");\n            }\n            // The \"cms.contentEntry\" permission can only be assigned if the user has the \"read\" access for the \"cms.contentModel\".\n            if (!canRead(newValue, \"cms.contentModel\")) {\n                newValue = newValue.filter(item => item.name !== \"cms.contentEntry\");\n            }\n\n            onChange(newValue);\n        },\n        [value]\n    );\n\n    const formData = useMemo(() => {\n        // This function only runs once on Form mount\n        if (!Array.isArray(value)) {\n            return {\n                accessLevel: NO_ACCESS\n            };\n        }\n\n        const hasFullAccess = value.find(\n            item => item.name === CMS_PERMISSION_FULL_ACCESS || item.name === \"*\"\n        );\n\n        if (hasFullAccess) {\n            return {\n                accessLevel: FULL_ACCESS,\n                endpoints: API_ENDPOINTS.map(item => item.id)\n            };\n        }\n\n        const permissions = value.filter(item => item.name.startsWith(CMS_PERMISSION));\n\n        if (!permissions.length) {\n            return {\n                accessLevel: NO_ACCESS\n            };\n        }\n\n        // We're dealing with custom permissions. Let's first prepare data for \"content models\", \"content model groups\", \"content entries\" and \"environments\".\n        const returnData = {\n            accessLevel: CUSTOM_ACCESS,\n            endpoints: permissions\n                .filter(p => p.name.startsWith(\"cms.endpoint.\"))\n                .map(p => p.name.replace(\"cms.endpoint.\", \"\"))\n        };\n\n        ENTITIES.forEach(entity => {\n            const data: Record<string, any> = {\n                [`${entity}AccessScope`]: FULL_ACCESS,\n                [`${entity}RWD`]: \"r\",\n                [`${entity}Props`]: {}\n            };\n\n            const entityPermission = permissions.find(\n                item => item.name === `${CMS_PERMISSION}.${entity}`\n            );\n\n            if (entityPermission) {\n                data[`${entity}AccessScope`] = entityPermission.own ? \"own\" : FULL_ACCESS;\n                if (data[`${entity}AccessScope`] === \"own\") {\n                    data[`${entity}RWD`] = \"rwd\";\n                } else {\n                    data[`${entity}RWD`] = entityPermission.rwd;\n                }\n\n                // If there are any non-empty props we'll set \"AccessScope\" to that prop.\n                if (entityPermission.models) {\n                    data[`${entity}AccessScope`] = \"models\";\n                    data[`${entity}Props`] = { models: entityPermission.models };\n                }\n\n                if (entityPermission.groups) {\n                    data[`${entity}AccessScope`] = \"groups\";\n                    data[`${entity}Props`] = { groups: entityPermission.groups };\n                }\n\n                if (entity === \"contentEntry\") {\n                    data[`${entity}PW`] = entityPermission.pw ? entityPermission.pw.split(\"\") : [];\n                }\n            }\n\n            Object.assign(returnData, data);\n        });\n\n        return returnData;\n    }, []);\n\n    const locales = getFormLocales();\n\n    const getSelectedContentModelGroups = useCallback(data => {\n        if (data && data.contentModelGroupAccessScope === \"groups\" && data.contentModelGroupProps) {\n            return data.contentModelGroupProps.groups;\n        }\n    }, []);\n\n    return (\n        <Form\n            data={formData}\n            onChange={data => {\n                /**\n                 * We know that data is CmsSecurityPermission.\n                 */\n                return onFormChange(data as unknown as CmsSecurityPermission);\n            }}\n        >\n            {({ data, Bind, setValue }) => {\n                const endpoints = data.endpoints || [];\n                const graphQLEndpointAccess =\n                    endpoints.includes(\"read\") ||\n                    endpoints.includes(\"manage\") ||\n                    endpoints.includes(\"preview\");\n\n                return (\n                    <Fragment>\n                        <Grid className={gridNoPaddingClass}>\n                            <Cell span={6}>\n                                <PermissionInfo title={t`Access Level`} />\n                            </Cell>\n                            <Cell span={6}>\n                                <Bind name={\"accessLevel\"}>\n                                    <Select label={t`Access Level`}>\n                                        <option value={NO_ACCESS}>{t`No access`}</option>\n                                        <option value={FULL_ACCESS}>{t`Full access`}</option>\n                                        <option value={CUSTOM_ACCESS}>{t`Custom access`}</option>\n                                    </Select>\n                                </Bind>\n                            </Cell>\n                        </Grid>\n                        {data.accessLevel === CUSTOM_ACCESS && (\n                            <>\n                                <Grid>\n                                    <Cell span={12}>\n                                        <Bind name={\"endpoints\"}>\n                                            <CheckboxGroup\n                                                label={t`GraphQL API types`}\n                                                description={t`Each type has a separate URL and a specific purpose.\n                                                 Check out the {link} key topic to learn more.`({\n                                                    link: (\n                                                        <Link\n                                                            to={GRAPHQL_API_TYPES_LINK}\n                                                            target={\"_blank\"}\n                                                        >\n                                                            Headless CMS GraphQL API\n                                                        </Link>\n                                                    )\n                                                })}\n                                            >\n                                                {({ getValue, onChange }) =>\n                                                    API_ENDPOINTS.map(({ id, name }) => (\n                                                        <Checkbox\n                                                            key={id}\n                                                            label={name}\n                                                            value={getValue(id)}\n                                                            onChange={onChange(id)}\n                                                        />\n                                                    ))\n                                                }\n                                            </CheckboxGroup>\n                                        </Bind>\n                                    </Cell>\n                                </Grid>\n                                {graphQLEndpointAccess && (\n                                    <ContentModelGroupPermission\n                                        data={data}\n                                        Bind={Bind}\n                                        entity={\"contentModelGroup\"}\n                                        title={\"Content Model Groups\"}\n                                        locales={locales}\n                                    />\n                                )}\n\n                                {graphQLEndpointAccess &&\n                                    canRead(value, \"cms.contentModelGroup\") && (\n                                        <ContentModelPermission\n                                            locales={locales}\n                                            data={data}\n                                            setValue={setValue}\n                                            Bind={Bind}\n                                            entity={\"contentModel\"}\n                                            title={\"Content Models\"}\n                                            selectedContentModelGroups={getSelectedContentModelGroups(\n                                                data\n                                            )}\n                                        />\n                                    )}\n\n                                {graphQLEndpointAccess && canRead(value, \"cms.contentModel\") && (\n                                    <ContentEntryPermission\n                                        data={data}\n                                        Bind={Bind}\n                                        setValue={setValue}\n                                        entity={\"contentEntry\"}\n                                        title={\"Content Entries\"}\n                                    />\n                                )}\n                            </>\n                        )}\n                    </Fragment>\n                );\n            }}\n        </Form>\n    );\n};\n"],"mappings":"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"}

package/admin/plugins/permissionRenderer/components/ContentEntryPermission.d.ts

@@ -1,8 +1,12 @@
-/// <reference types="react" />
-export declare const ContentEntryPermission: ({ Bind, data, entity, setValue, title }: {
-    Bind: any;
-    data: any;
-    entity: any;
-    setValue: any;
-    title: any;
-}) => JSX.Element;
+import React from "react";
+import { BindComponent } from "@webiny/form/types";
+import { CmsSecurityPermission } from "../../../../types";
+interface ContentEntryPermissionProps {
+    Bind: BindComponent;
+    data: CmsSecurityPermission;
+    entity: string;
+    setValue: (name: string, value: string) => void;
+    title: string;
+}
+export declare const ContentEntryPermission: React.FC<ContentEntryPermissionProps>;
+export {};

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

@@ -1,62 +1,85 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"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.ContentEntryPermission = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _get = _interopRequireDefault(require("lodash/get"));
+
+var _Grid = require("@webiny/ui/Grid");
+
+var _Typography = require("@webiny/ui/Typography");
+
+var _Select = require("@webiny/ui/Select");
+
+var _i18n = require("@webiny/app/i18n");
+
+var _Elevation = require("@webiny/ui/Elevation");
+
+var _Checkbox = require("@webiny/ui/Checkbox");
+
+var _StyledComponents = require("./StyledComponents");
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
 
-import React, { useEffect } from "react";
-import get from "lodash/get";
-import { Grid, Cell } from "@webiny/ui/Grid";
-import { Typography } from "@webiny/ui/Typography";
-import { Select } from "@webiny/ui/Select";
-import { i18n } from "@webiny/app/i18n";
-import { Elevation } from "@webiny/ui/Elevation";
-import { Checkbox, CheckboxGroup } from "@webiny/ui/Checkbox";
-import { Note } from "./StyledComponents";
-var t = i18n.ns("app-headless-cms/admin/plugins/permissionRenderer");
+var t = _i18n.i18n.ns("app-headless-cms/admin/plugins/permissionRenderer");
+
 var pwOptions = [{
   id: "p",
-  name: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Publish"])))
+  name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Publish"])))
 }, {
   id: "u",
-  name: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["Unpublish"])))
+  name: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Unpublish"])))
 }, {
   id: "r",
-  name: t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Request review"])))
+  name: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Request review"])))
 }, {
   id: "c",
-  name: t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Request changes"])))
+  name: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Request changes"])))
 }];
-export var ContentEntryPermission = function ContentEntryPermission(_ref) {
+
+var ContentEntryPermission = function ContentEntryPermission(_ref) {
   var Bind = _ref.Bind,
       data = _ref.data,
       entity = _ref.entity,
       setValue = _ref.setValue,
       title = _ref.title;
   // Set "cms.contentEntry" access scope to "own" if "cms.contentModel" === "own".
-  useEffect(function () {
-    if (get(data, "contentModelAccessScope") === "own" && get(data, "".concat(entity, "AccessScope")) !== "own") {
+  (0, _react.useEffect)(function () {
+    if ((0, _get.default)(data, "contentModelAccessScope") === "own" && (0, _get.default)(data, "".concat(entity, "AccessScope")) !== "own") {
       setValue("".concat(entity, "AccessScope"), "own");
     }
   }, [data]);
-  var disabledPrimaryActions = [undefined, "own", "no"].includes(data["".concat(entity, "AccessScope")]) || !data.endpoints.includes("manage");
-  return /*#__PURE__*/React.createElement(Elevation, {
+  var endpoints = data.endpoints || [];
+  var disabledPrimaryActions = [undefined, "own", "no"].includes(data["".concat(entity, "AccessScope")]) || !endpoints.includes("manage");
+  return /*#__PURE__*/_react.default.createElement(_Elevation.Elevation, {
     z: 1,
     style: {
       marginTop: 10
     }
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+  }, /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
     span: 12
-  }, /*#__PURE__*/React.createElement(Typography, {
+  }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "overline"
-  }, title)), /*#__PURE__*/React.createElement(Cell, {
+  }, title)), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
     span: 12
-  }, /*#__PURE__*/React.createElement(Grid, {
+  }, /*#__PURE__*/_react.default.createElement(_Grid.Grid, {
     style: {
       padding: 0,
       paddingBottom: 24
     }
-  }, /*#__PURE__*/React.createElement(Cell, {
+  }, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
     span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
+  }, /*#__PURE__*/_react.default.createElement(Bind, {
     defaultValue: "full",
     name: "".concat(entity, "AccessScope"),
     beforeChange: function beforeChange(value, cb) {
@@ -66,46 +89,46 @@ export var ContentEntryPermission = function ContentEntryPermission(_ref) {
 
       cb(value);
     }
-  }, /*#__PURE__*/React.createElement(Select, {
-    label: t(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["Access Scope"]))),
+  }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
+    label: t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Access Scope"]))),
     disabled: data["contentModelAccessScope"] === "own"
-  }, /*#__PURE__*/React.createElement("option", {
+  }, /*#__PURE__*/_react.default.createElement("option", {
     value: "full"
-  }, t(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["All entries"])))), data.endpoints.includes("manage") && /*#__PURE__*/React.createElement("option", {
+  }, t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["All entries"])))), endpoints.includes("manage") && /*#__PURE__*/_react.default.createElement("option", {
     value: "own"
-  }, t(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["Only entries created by the user"])))))), data["contentModelAccessScope"] === "own" && /*#__PURE__*/React.createElement(Note, null, /*#__PURE__*/React.createElement(Typography, {
+  }, t(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["Only entries created by the user"])))) || /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null))), data["contentModelAccessScope"] === "own" && /*#__PURE__*/_react.default.createElement(_StyledComponents.Note, null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "caption"
-  }, /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/_react.default.createElement("span", {
     className: "highlight"
-  }, "Content Entry"), "\xA0", t(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["access depends upon"]))), "\xA0", /*#__PURE__*/React.createElement("span", {
+  }, "Content Entry"), "\xA0", t(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["access depends upon"]))), "\xA0", /*#__PURE__*/_react.default.createElement("span", {
     className: "highlight"
-  }, "Content Model")))), /*#__PURE__*/React.createElement(Cell, {
+  }, "Content Model")))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
     span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
+  }, /*#__PURE__*/_react.default.createElement(Bind, {
     name: "".concat(entity, "RWD")
-  }, /*#__PURE__*/React.createElement(Select, {
-    label: t(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["Primary Actions"]))),
+  }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
+    label: t(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["Primary Actions"]))),
     disabled: disabledPrimaryActions
-  }, /*#__PURE__*/React.createElement("option", {
+  }, /*#__PURE__*/_react.default.createElement("option", {
     value: "r"
-  }, t(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["Read"])))), data.endpoints.includes("manage") ? /*#__PURE__*/React.createElement("option", {
+  }, t(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["Read"])))), endpoints.includes("manage") ? /*#__PURE__*/_react.default.createElement("option", {
     value: "rw"
-  }, t(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["Read, write"])))) : null, data.endpoints.includes("manage") ? /*#__PURE__*/React.createElement("option", {
+  }, t(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["Read, write"])))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), endpoints.includes("manage") ? /*#__PURE__*/_react.default.createElement("option", {
     value: "rwd"
-  }, t(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["Read, write, delete"])))) : null))), data.endpoints.includes("manage") ? /*#__PURE__*/React.createElement(Cell, {
+  }, t(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2.default)(["Read, write, delete"])))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)))), endpoints.includes("manage") ? /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
     span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
+  }, /*#__PURE__*/_react.default.createElement(Bind, {
     name: "".concat(entity, "PW")
-  }, /*#__PURE__*/React.createElement(CheckboxGroup, {
-    label: t(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["Publishing actions"]))),
-    description: t(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["Publishing-related actions that can be performed on content entries."])))
+  }, /*#__PURE__*/_react.default.createElement(_Checkbox.CheckboxGroup, {
+    label: t(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["Publishing actions"]))),
+    description: t(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["Publishing-related actions that can be performed on content entries."])))
   }, function (_ref2) {
     var getValue = _ref2.getValue,
         onChange = _ref2.onChange;
     return pwOptions.map(function (_ref3) {
       var id = _ref3.id,
           name = _ref3.name;
-      return /*#__PURE__*/React.createElement(Checkbox, {
+      return /*#__PURE__*/_react.default.createElement(_Checkbox.Checkbox, {
         disabled: [undefined, "no"].includes(data["".concat(entity, "AccessScope")]),
         key: id,
         label: name,
@@ -114,4 +137,6 @@ export var ContentEntryPermission = function ContentEntryPermission(_ref) {
       });
     });
   }))) : null))));
-};
+};
+
+exports.ContentEntryPermission = ContentEntryPermission;

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

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","pwOptions","id","name","ContentEntryPermission","Bind","data","entity","setValue","title","useEffect","get","endpoints","disabledPrimaryActions","undefined","includes","marginTop","padding","paddingBottom","value","cb","getValue","onChange","map"],"sources":["ContentEntryPermission.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport get from \"lodash/get\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { Select } from \"@webiny/ui/Select\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Elevation } from \"@webiny/ui/Elevation\";\nimport { Checkbox, CheckboxGroup } from \"@webiny/ui/Checkbox\";\nimport { Note } from \"./StyledComponents\";\nimport { BindComponent } from \"@webiny/form/types\";\nimport { CmsSecurityPermission } from \"~/types\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/plugins/permissionRenderer\");\n\ninterface PermissionOption {\n    id: string;\n    name: string;\n}\nconst pwOptions: PermissionOption[] = [\n    { id: \"p\", name: t`Publish` },\n    { id: \"u\", name: t`Unpublish` },\n    { id: \"r\", name: t`Request review` },\n    { id: \"c\", name: t`Request changes` }\n];\n\ninterface ContentEntryPermissionProps {\n    Bind: BindComponent;\n    data: CmsSecurityPermission;\n    entity: string;\n    setValue: (name: string, value: string) => void;\n    title: string;\n}\nexport const ContentEntryPermission: React.FC<ContentEntryPermissionProps> = ({\n    Bind,\n    data,\n    entity,\n    setValue,\n    title\n}) => {\n    // Set \"cms.contentEntry\" access scope to \"own\" if \"cms.contentModel\" === \"own\".\n    useEffect(() => {\n        if (\n            get(data, `contentModelAccessScope`) === \"own\" &&\n            get(data, `${entity}AccessScope`) !== \"own\"\n        ) {\n            setValue(`${entity}AccessScope`, \"own\");\n        }\n    }, [data]);\n\n    const endpoints = data.endpoints || [];\n\n    const disabledPrimaryActions =\n        [undefined, \"own\", \"no\"].includes(data[`${entity}AccessScope`]) ||\n        !endpoints.includes(\"manage\");\n\n    return (\n        <Elevation z={1} style={{ marginTop: 10 }}>\n            <Grid>\n                <Cell span={12}>\n                    <Typography use={\"overline\"}>{title}</Typography>\n                </Cell>\n                <Cell span={12}>\n                    <Grid style={{ padding: 0, paddingBottom: 24 }}>\n                        <Cell span={12}>\n                            <Bind\n                                defaultValue={\"full\"}\n                                name={`${entity}AccessScope`}\n                                beforeChange={(value, cb) => {\n                                    if (value === \"own\") {\n                                        setValue(`${entity}RWD`, \"rwd\");\n                                    }\n                                    cb(value);\n                                }}\n                            >\n                                <Select\n                                    label={t`Access Scope`}\n                                    disabled={data[`contentModelAccessScope`] === \"own\"}\n                                >\n                                    <option value={\"full\"}>{t`All entries`}</option>\n                                    {(endpoints.includes(\"manage\") && (\n                                        <option\n                                            value={\"own\"}\n                                        >{t`Only entries created by the user`}</option>\n                                    )) || <></>}\n                                </Select>\n                            </Bind>\n                            {data[`contentModelAccessScope`] === \"own\" && (\n                                <Note>\n                                    <Typography use={\"caption\"}>\n                                        <span className={\"highlight\"}>Content Entry</span>\n                                        &nbsp;{t`access depends upon`}&nbsp;\n                                        <span className={\"highlight\"}>Content Model</span>\n                                    </Typography>\n                                </Note>\n                            )}\n                        </Cell>\n\n                        <Cell span={12}>\n                            <Bind name={`${entity}RWD`}>\n                                <Select\n                                    label={t`Primary Actions`}\n                                    disabled={disabledPrimaryActions}\n                                >\n                                    <option value={\"r\"}>{t`Read`}</option>\n                                    {endpoints.includes(\"manage\") ? (\n                                        <option value={\"rw\"}>{t`Read, write`}</option>\n                                    ) : (\n                                        <></>\n                                    )}\n                                    {endpoints.includes(\"manage\") ? (\n                                        <option value={\"rwd\"}>{t`Read, write, delete`}</option>\n                                    ) : (\n                                        <></>\n                                    )}\n                                </Select>\n                            </Bind>\n                        </Cell>\n                        {endpoints.includes(\"manage\") ? (\n                            <Cell span={12}>\n                                <Bind name={`${entity}PW`}>\n                                    <CheckboxGroup\n                                        label={t`Publishing actions`}\n                                        description={t`Publishing-related actions that can be performed on content entries.`}\n                                    >\n                                        {({ getValue, onChange }) =>\n                                            pwOptions.map(({ id, name }) => (\n                                                <Checkbox\n                                                    disabled={[undefined, \"no\"].includes(\n                                                        data[`${entity}AccessScope`]\n                                                    )}\n                                                    key={id}\n                                                    label={name}\n                                                    value={getValue(id)}\n                                                    onChange={onChange(id)}\n                                                />\n                                            ))\n                                        }\n                                    </CheckboxGroup>\n                                </Bind>\n                            </Cell>\n                        ) : null}\n                    </Grid>\n                </Cell>\n            </Grid>\n        </Elevation>\n    );\n};\n"],"mappings":"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"}

package/admin/plugins/permissionRenderer/components/ContentModelGroupPermission.d.ts

@@ -1,9 +1,12 @@
-/// <reference types="react" />
-declare const ContentModelGroupPermission: ({ Bind, data, entity, title, locales }: {
-    Bind: any;
-    data: any;
-    entity: any;
-    title: any;
-    locales: any;
-}) => JSX.Element;
+import React from "react";
+import { BindComponent } from "@webiny/form/types";
+import { CmsSecurityPermission } from "../../../../types";
+interface ContentModelGroupPermissionProps {
+    Bind: BindComponent;
+    data: CmsSecurityPermission;
+    entity: string;
+    title: string;
+    locales: string[];
+}
+declare const ContentModelGroupPermission: React.FC<ContentModelGroupPermissionProps>;
 export default ContentModelGroupPermission;