@webiny/app-headless-cms 0.0.0-ee-vpcs.549378cf03

package/admin/plugins/permissionRenderer/CmsPermissions.js

@@ -0,0 +1,368 @@
+"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;
+
+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";
+var NO_ACCESS = "no";
+var CUSTOM_ACCESS = "custom";
+var ENTITIES = ["contentModel", "contentModelGroup", "contentEntry"];
+var API_ENDPOINTS = [{
+  id: "read",
+  name: "Read"
+}, {
+  id: "manage",
+  name: "Manage"
+}, {
+  id: "preview",
+  name: "Preview"
+}];
+var GRAPHQL_API_TYPES_LINK = "https://www.webiny.com/docs/key-topics/webiny-applications/headless-cms/graphql-api/#graphql-api-types";
+
+var CMSPermissions = function CMSPermissions(_ref) {
+  var value = _ref.value,
+      onChange = _ref.onChange;
+
+  var _useI18N = (0, _useI18N2.useI18N)(),
+      getLocales = _useI18N.getLocales;
+
+  var canRead = (0, _react.useCallback)(function (value, permissionName) {
+    var permission = value.find(function (item) {
+      return item.name === permissionName;
+    });
+
+    if (!permission) {
+      return false;
+    }
+
+    if (typeof permission.rwd !== "string") {
+      return true;
+    }
+
+    return permission.rwd.includes("r");
+  }, []);
+
+  var getFormLocales = function getFormLocales() {
+    var localePermission = (value || []).find(function (item) {
+      return item.name.startsWith("content.i18n");
+    });
+
+    if (!localePermission) {
+      return getLocales().map(function (l) {
+        return l.code;
+      });
+    }
+
+    return Array.isArray(localePermission.locales) ? localePermission.locales : getLocales().map(function (l) {
+      return l.code;
+    });
+  };
+
+  var onFormChange = (0, _react.useCallback)(function (data) {
+    var newValue = [];
+
+    if (Array.isArray(value)) {
+      // Let's just filter out the `cms*` permission objects.
+      // Based on the `data` we rebuild new permission object from scratch.
+      newValue = value.filter(function (item) {
+        return !item.name.startsWith(CMS_PERMISSION);
+      });
+    }
+
+    if (data.accessLevel === NO_ACCESS) {
+      onChange(newValue);
+      return;
+    }
+
+    if (data.accessLevel === FULL_ACCESS) {
+      newValue.push({
+        name: CMS_PERMISSION_FULL_ACCESS
+      });
+      onChange(newValue);
+      return;
+    }
+
+    var endpoints = data.endpoints; // Handling custom access level.
+
+    if (endpoints && Array.isArray(data.endpoints)) {
+      API_ENDPOINTS.forEach(function (api) {
+        if (endpoints.includes(api.id)) {
+          newValue.push({
+            name: "".concat(CMS_PERMISSION, ".endpoint.").concat(api.id)
+          });
+        }
+      });
+    }
+
+    var locales = getFormLocales(); // Content models, content model groups, content entries
+
+    ENTITIES.forEach(function (entity) {
+      var accessScope = data["".concat(entity, "AccessScope")];
+
+      if (accessScope && accessScope !== NO_ACCESS) {
+        var permission = {
+          name: "".concat(CMS_PERMISSION, ".").concat(entity),
+          own: false,
+          rwd: "r",
+          pw: "",
+          groups: undefined,
+          models: undefined
+        };
+
+        if (accessScope === "own") {
+          permission.own = true;
+          permission.rwd = "rwd";
+        } else {
+          permission.rwd = data["".concat(entity, "RWD")] || "r";
+        }
+
+        permission.pw = (data["".concat(entity, "PW")] || []).join("");
+
+        if (accessScope === "models") {
+          permission.models = {};
+        }
+
+        if (accessScope === "groups") {
+          permission.groups = {};
+        }
+
+        var props = data["".concat(entity, "Props")];
+
+        if (props) {
+          ["models", "groups"].forEach(function (entity) {
+            if (accessScope === entity && props[entity]) {
+              permission[entity] = locales.reduce(function (acc, locale) {
+                if (props[entity][locale]) {
+                  acc[locale] = props[entity][locale];
+                }
+
+                return acc;
+              }, {});
+            }
+          });
+        }
+
+        newValue.push(permission);
+      }
+    }); // Remove dependent permissions.
+    // The "cms.contentModel" permission can only be assigned if the user has the "read" access for the "cms.contentModelGroup".
+
+    if (!canRead(newValue, "cms.contentModelGroup")) {
+      newValue = newValue.filter(function (item) {
+        return item.name !== "cms.contentModel";
+      });
+    } // The "cms.contentEntry" permission can only be assigned if the user has the "read" access for the "cms.contentModel".
+
+
+    if (!canRead(newValue, "cms.contentModel")) {
+      newValue = newValue.filter(function (item) {
+        return item.name !== "cms.contentEntry";
+      });
+    }
+
+    onChange(newValue);
+  }, [value]);
+  var formData = (0, _react.useMemo)(function () {
+    // This function only runs once on Form mount
+    if (!Array.isArray(value)) {
+      return {
+        accessLevel: NO_ACCESS
+      };
+    }
+
+    var hasFullAccess = value.some(function (item) {
+      return item.name === CMS_PERMISSION_FULL_ACCESS || item.name === "*";
+    });
+
+    if (hasFullAccess) {
+      return {
+        accessLevel: FULL_ACCESS,
+        endpoints: API_ENDPOINTS.map(function (item) {
+          return item.id;
+        })
+      };
+    }
+
+    var permissions = value.filter(function (item) {
+      return item.name.startsWith(CMS_PERMISSION);
+    });
+
+    if (!permissions.length) {
+      return {
+        accessLevel: NO_ACCESS
+      };
+    } // We're dealing with custom permissions. Let's first prepare data for "content models", "content model groups", "content entries" and "environments".
+
+
+    var returnData = {
+      accessLevel: CUSTOM_ACCESS,
+      endpoints: permissions.filter(function (p) {
+        return p.name.startsWith("cms.endpoint.");
+      }).map(function (p) {
+        return p.name.replace("cms.endpoint.", "");
+      })
+    };
+    ENTITIES.forEach(function (entity) {
+      var _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);
+      });
+
+      if (entityPermission) {
+        data["".concat(entity, "AccessScope")] = entityPermission.own ? "own" : FULL_ACCESS;
+
+        if (data["".concat(entity, "AccessScope")] === "own") {
+          data["".concat(entity, "RWD")] = "rwd";
+        } else {
+          data["".concat(entity, "RWD")] = entityPermission.rwd;
+        } // If there are any non-empty props we'll set "AccessScope" to that prop.
+
+
+        if (entityPermission.models) {
+          data["".concat(entity, "AccessScope")] = "models";
+          data["".concat(entity, "Props")] = {
+            models: entityPermission.models
+          };
+        }
+
+        if (entityPermission.groups) {
+          data["".concat(entity, "AccessScope")] = "groups";
+          data["".concat(entity, "Props")] = {
+            groups: entityPermission.groups
+          };
+        }
+
+        if (entity === "contentEntry") {
+          data["".concat(entity, "PW")] = entityPermission.pw ? entityPermission.pw.split("") : [];
+        }
+      }
+
+      Object.assign(returnData, data);
+    });
+    return returnData;
+  }, []);
+  var locales = getFormLocales();
+  var getSelectedContentModelGroups = (0, _react.useCallback)(function (data) {
+    if (data && data.contentModelGroupAccessScope === "groups" && data.contentModelGroupProps) {
+      return data.contentModelGroupProps.groups;
+    }
+  }, []);
+  return /*#__PURE__*/_react.default.createElement(_form.Form, {
+    data: formData,
+    onChange: onFormChange
+  }, function (_ref2) {
+    var data = _ref2.data,
+        Bind = _ref2.Bind,
+        setValue = _ref2.setValue;
+    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.default.createElement(_Permissions.PermissionInfo, {
+      title: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Access Level"])))
+    })), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+      span: 6
+    }, /*#__PURE__*/_react.default.createElement(Bind, {
+      name: "accessLevel"
+    }, /*#__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 = (0, _taggedTemplateLiteral2.default)(["No access"])))), /*#__PURE__*/_react.default.createElement("option", {
+      value: FULL_ACCESS
+    }, t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Full access"])))), /*#__PURE__*/_react.default.createElement("option", {
+      value: CUSTOM_ACCESS
+    }, 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.default.createElement(Bind, {
+      name: "endpoints"
+    }, /*#__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")
+      })
+    }, function (_ref3) {
+      var getValue = _ref3.getValue,
+          onChange = _ref3.onChange;
+      return API_ENDPOINTS.map(function (_ref4) {
+        var id = _ref4.id,
+            name = _ref4.name;
+        return /*#__PURE__*/_react.default.createElement(_Checkbox.Checkbox, {
+          key: id,
+          label: name,
+          value: getValue(id),
+          onChange: onChange(id)
+        });
+      });
+    })))), 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.default.createElement(_ContentModelPermission.ContentModelPermission, {
+      locales: locales,
+      data: data,
+      setValue: setValue,
+      Bind: Bind,
+      entity: "contentModel",
+      title: "Content Models",
+      selectedContentModelGroups: getSelectedContentModelGroups(data)
+    }), graphQLEndpointAccess && canRead(value, "cms.contentModel") && /*#__PURE__*/_react.default.createElement(_ContentEntryPermission.ContentEntryPermission, {
+      data: data,
+      Bind: Bind,
+      setValue: setValue,
+      entity: "contentEntry",
+      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","some","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.some(\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    }, []) as CmsSecurityPermission;\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<CmsSecurityPermission> data={formData} onChange={onFormChange}>\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

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

@@ -0,0 +1,136 @@
+"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;
+
+var t = _i18n.i18n.ns("app-headless-cms/admin/plugins/permissionRenderer");
+
+var pwOptions = [{
+  id: "p",
+  name: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Publish"])))
+}, {
+  id: "u",
+  name: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Unpublish"])))
+}];
+
+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".
+  (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 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.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+    span: 12
+  }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
+    use: "overline"
+  }, title)), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+    span: 12
+  }, /*#__PURE__*/_react.default.createElement(_Grid.Grid, {
+    style: {
+      padding: 0,
+      paddingBottom: 24
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+    span: 12
+  }, /*#__PURE__*/_react.default.createElement(Bind, {
+    defaultValue: "full",
+    name: "".concat(entity, "AccessScope"),
+    beforeChange: function beforeChange(value, cb) {
+      if (value === "own") {
+        setValue("".concat(entity, "RWD"), "rwd");
+      }
+
+      cb(value);
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
+    label: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Access Scope"]))),
+    disabled: data["contentModelAccessScope"] === "own"
+  }, /*#__PURE__*/_react.default.createElement("option", {
+    value: "full"
+  }, t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["All entries"])))), endpoints.includes("manage") && /*#__PURE__*/_react.default.createElement("option", {
+    value: "own"
+  }, t(_templateObject5 || (_templateObject5 = (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.default.createElement("span", {
+    className: "highlight"
+  }, "Content Entry"), "\xA0", t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["access depends upon"]))), "\xA0", /*#__PURE__*/_react.default.createElement("span", {
+    className: "highlight"
+  }, "Content Model")))), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+    span: 12
+  }, /*#__PURE__*/_react.default.createElement(Bind, {
+    name: "".concat(entity, "RWD")
+  }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
+    label: t(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["Primary Actions"]))),
+    disabled: disabledPrimaryActions
+  }, /*#__PURE__*/_react.default.createElement("option", {
+    value: "r"
+  }, t(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["Read"])))), endpoints.includes("manage") ? /*#__PURE__*/_react.default.createElement("option", {
+    value: "rw"
+  }, t(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["Read, write"])))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), endpoints.includes("manage") ? /*#__PURE__*/_react.default.createElement("option", {
+    value: "rwd"
+  }, t(_templateObject10 || (_templateObject10 = (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.default.createElement(Bind, {
+    name: "".concat(entity, "PW")
+  }, /*#__PURE__*/_react.default.createElement(_Checkbox.CheckboxGroup, {
+    label: t(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2.default)(["Publishing actions"]))),
+    description: t(_templateObject12 || (_templateObject12 = (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.default.createElement(_Checkbox.Checkbox, {
+        disabled: [undefined, "no"].includes(data["".concat(entity, "AccessScope")]),
+        key: id,
+        label: name,
+        value: getValue(id),
+        onChange: onChange(id)
+      });
+    });
+  }))) : 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];\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

@@ -0,0 +1,12 @@
+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;