@webiny/app-headless-cms 0.0.0-unstable.6f45466a1d → 0.0.0-unstable.7be00a75a9

package/admin/plugins/permissionRenderer/CmsPermissions.js

@@ -1,15 +1,10 @@
-/**
- * @pavel Please review types for security permissions
- * TODO @ts-refactor
- */
-import React, { useCallback, useMemo } from "react";
+import react, { useCallback, useMemo } from "react";
 import ContentModelGroupPermission from "./components/ContentModelGroupPermission.js";
 import { i18n } from "@webiny/app/i18n/index.js";
-import { CannotUseAaclAlert, PermissionInfo, gridWithPaddingClass, SimpleLink } from "@webiny/app-admin";
+import { CannotUseAaclAlert, PermissionInfo, SimpleLink, gridWithPaddingClass, useAuthentication, usePermissionValue } from "@webiny/app-admin";
 import { Form } from "@webiny/form";
 import { ContentModelPermission } from "./components/ContentModelPermission.js";
 import { ContentEntryPermission } from "./components/ContentEntryPermission.js";
-import { useSecurity } from "@webiny/app-admin";
 import { CheckboxGroup, Grid, Select } from "@webiny/admin-ui";
 const t = i18n.ns("app-headless-cms/admin/plugins/permissionRenderer");
 const CMS_PERMISSION = "cms";
@@ -17,264 +12,214 @@ const CMS_PERMISSION_FULL_ACCESS = "cms.*";
 const FULL_ACCESS = "full";
 const NO_ACCESS = "no";
 const CUSTOM_ACCESS = "custom";
-const ENTITIES = ["contentModel", "contentModelGroup", "contentEntry"];
-const API_ENDPOINTS = [{
-  id: "read",
-  name: "Read"
-}, {
-  id: "manage",
-  name: "Manage"
-}, {
-  id: "preview",
-  name: "Preview"
-}];
-const GRAPHQL_API_TYPES_LINK = "https://www.webiny.com/docs/key-topics/webiny-applications/headless-cms/graphql-api/#graphql-api-types";
-export const CMSPermissions = ({
-  value,
-  onChange
-}) => {
-  const {
-    getPermission
-  } = useSecurity();
-
-  // We disable form elements for custom permissions if AACL cannot be used.
-  const cannotUseAAcl = useMemo(() => {
-    return !getPermission("aacl", true);
-  }, []);
-  const canRead = useCallback((value, permissionName) => {
-    const permission = value.find(item => item.name === permissionName);
-    if (!permission) {
-      return false;
-    }
-    if (typeof permission.rwd !== "string") {
-      return true;
-    }
-    return permission.rwd.includes("r");
-  }, []);
-  const onFormChange = useCallback(data => {
-    let 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(item => !item.name.startsWith(CMS_PERMISSION));
+const ENTITIES = [
+    "contentModel",
+    "contentModelGroup",
+    "contentEntry"
+];
+const API_ENDPOINTS = [
+    {
+        id: "read",
+        name: "Read"
+    },
+    {
+        id: "manage",
+        name: "Manage"
+    },
+    {
+        id: "preview",
+        name: "Preview"
     }
-    if (data.accessLevel === NO_ACCESS) {
-      onChange(newValue);
-      return;
-    }
-    if (data.accessLevel === FULL_ACCESS) {
-      newValue.push({
-        name: CMS_PERMISSION_FULL_ACCESS
-      });
-      onChange(newValue);
-      return;
-    }
-    const endpoints = data.endpoints;
-
-    // Handling custom access level.
-    if (endpoints && Array.isArray(data.endpoints)) {
-      API_ENDPOINTS.forEach(api => {
-        if (endpoints.includes(api.id)) {
-          newValue.push({
-            name: `${CMS_PERMISSION}.endpoint.${api.id}`
-          });
+];
+const GRAPHQL_API_TYPES_LINK = "https://www.webiny.com/docs/key-topics/webiny-applications/headless-cms/graphql-api/#graphql-api-types";
+const CMSPermissions = ()=>{
+    const { value, onChange } = usePermissionValue();
+    const { identity } = useAuthentication();
+    const cannotUseAAcl = useMemo(()=>!identity.getPermission("aacl", true), []);
+    const canRead = useCallback((value, permissionName)=>{
+        const permission = value.find((item)=>item.name === permissionName);
+        if (!permission) return false;
+        if ("string" != typeof permission.rwd) return true;
+        return permission.rwd.includes("r");
+    }, []);
+    const onFormChange = useCallback((data)=>{
+        let newValue = [];
+        if (Array.isArray(value)) newValue = value.filter((item)=>!item.name.startsWith(CMS_PERMISSION));
+        if (data.accessLevel === NO_ACCESS) return void onChange(newValue);
+        if (data.accessLevel === FULL_ACCESS) {
+            newValue.push({
+                name: CMS_PERMISSION_FULL_ACCESS
+            });
+            onChange(newValue);
+            return;
         }
-      });
-    }
-
-    // Content models, content model groups, content entries
-    ENTITIES.forEach(entity => {
-      const accessScope = data[`${entity}AccessScope`];
-      if (accessScope && accessScope !== NO_ACCESS) {
-        const permission = {
-          name: `${CMS_PERMISSION}.${entity}`,
-          own: false,
-          rwd: "r",
-          pw: "",
-          groups: undefined,
-          models: undefined
+        const endpoints = data.endpoints;
+        if (endpoints && Array.isArray(data.endpoints)) API_ENDPOINTS.forEach((api)=>{
+            if (endpoints.includes(api.id)) newValue.push({
+                name: `${CMS_PERMISSION}.endpoint.${api.id}`
+            });
+        });
+        ENTITIES.forEach((entity)=>{
+            const accessScope = data[`${entity}AccessScope`];
+            if (accessScope && accessScope !== NO_ACCESS) {
+                const permission = {
+                    name: `${CMS_PERMISSION}.${entity}`,
+                    own: false,
+                    rwd: "r",
+                    pw: "",
+                    groups: void 0,
+                    models: void 0
+                };
+                if ("own" === accessScope) {
+                    permission.own = true;
+                    permission.rwd = "rwd";
+                } else permission.rwd = data[`${entity}RWD`] || "r";
+                permission.pw = (data[`${entity}PW`] || []).join("");
+                if ("models" === accessScope) permission.models = [];
+                if ("groups" === accessScope) permission.groups = [];
+                const props = data[`${entity}Props`];
+                if (props) [
+                    "models",
+                    "groups"
+                ].forEach((entity)=>{
+                    if (accessScope === entity && props[entity]) permission[entity] = props[entity];
+                });
+                newValue.push(permission);
+            }
+        });
+        if (!canRead(newValue, "cms.contentModelGroup")) newValue = newValue.filter((item)=>"cms.contentModel" !== item.name);
+        if (!canRead(newValue, "cms.contentModel")) newValue = newValue.filter((item)=>"cms.contentEntry" !== item.name);
+        onChange(newValue);
+    }, [
+        value
+    ]);
+    const initialFormData = useMemo(()=>{
+        if (!Array.isArray(value)) return {
+            accessLevel: NO_ACCESS
         };
-        if (accessScope === "own") {
-          permission.own = true;
-          permission.rwd = "rwd";
-        } else {
-          permission.rwd = data[`${entity}RWD`] || "r";
-        }
-        permission.pw = (data[`${entity}PW`] || []).join("");
-        if (accessScope === "models") {
-          permission.models = [];
-        }
-        if (accessScope === "groups") {
-          permission.groups = [];
-        }
-        const props = data[`${entity}Props`];
-        if (props) {
-          ["models", "groups"].forEach(entity => {
-            if (accessScope === entity && props[entity]) {
-              permission[entity] = props[entity];
+        const hasFullAccess = value.some((item)=>item.name === CMS_PERMISSION_FULL_ACCESS || "*" === item.name);
+        if (hasFullAccess) return {
+            accessLevel: FULL_ACCESS,
+            endpoints: API_ENDPOINTS.map((item)=>item.id)
+        };
+        const permissions = value.filter((item)=>item.name.startsWith(CMS_PERMISSION));
+        if (!permissions.length) return {
+            accessLevel: NO_ACCESS
+        };
+        const returnData = {
+            accessLevel: CUSTOM_ACCESS,
+            endpoints: permissions.filter((p)=>p.name.startsWith("cms.endpoint.")).map((p)=>p.name.replace("cms.endpoint.", ""))
+        };
+        ENTITIES.forEach((entity)=>{
+            const data = {
+                [`${entity}AccessScope`]: FULL_ACCESS,
+                [`${entity}RWD`]: "r",
+                [`${entity}Props`]: {}
+            };
+            const entityPermission = permissions.find((item)=>item.name === `${CMS_PERMISSION}.${entity}`);
+            if (entityPermission) {
+                data[`${entity}AccessScope`] = entityPermission.own ? "own" : FULL_ACCESS;
+                if ("own" === data[`${entity}AccessScope`]) data[`${entity}RWD`] = "rwd";
+                else data[`${entity}RWD`] = entityPermission.rwd;
+                if (entityPermission.models) {
+                    data[`${entity}AccessScope`] = "models";
+                    data[`${entity}Props`] = {
+                        models: entityPermission.models
+                    };
+                }
+                if (entityPermission.groups) {
+                    data[`${entity}AccessScope`] = "groups";
+                    data[`${entity}Props`] = {
+                        groups: entityPermission.groups
+                    };
+                }
+                if ("contentEntry" === entity) data[`${entity}PW`] = entityPermission.pw ? entityPermission.pw.split("") : [];
             }
-          });
-        }
-        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(item => 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(item => item.name !== "cms.contentEntry");
-    }
-    onChange(newValue);
-  }, [value]);
-  const initialFormData = useMemo(() => {
-    // This function only runs once on Form mount
-    if (!Array.isArray(value)) {
-      return {
-        accessLevel: NO_ACCESS
-      };
-    }
-    const hasFullAccess = value.some(item => item.name === CMS_PERMISSION_FULL_ACCESS || item.name === "*");
-    if (hasFullAccess) {
-      return {
-        accessLevel: FULL_ACCESS,
-        endpoints: API_ENDPOINTS.map(item => item.id)
-      };
-    }
-    const permissions = value.filter(item => 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".
-    const returnData = {
-      accessLevel: CUSTOM_ACCESS,
-      endpoints: permissions.filter(p => p.name.startsWith("cms.endpoint.")).map(p => p.name.replace("cms.endpoint.", ""))
-    };
-    ENTITIES.forEach(entity => {
-      const data = {
-        [`${entity}AccessScope`]: FULL_ACCESS,
-        [`${entity}RWD`]: "r",
-        [`${entity}Props`]: {}
-      };
-      const entityPermission = permissions.find(item => item.name === `${CMS_PERMISSION}.${entity}`);
-      if (entityPermission) {
-        data[`${entity}AccessScope`] = entityPermission.own ? "own" : FULL_ACCESS;
-        if (data[`${entity}AccessScope`] === "own") {
-          data[`${entity}RWD`] = "rwd";
-        } else {
-          data[`${entity}RWD`] = entityPermission.rwd;
-        }
-
-        // If there are any non-empty props we'll set "AccessScope" to that prop.
-        if (entityPermission.models) {
-          data[`${entity}AccessScope`] = "models";
-          data[`${entity}Props`] = {
-            models: entityPermission.models
-          };
-        }
-        if (entityPermission.groups) {
-          data[`${entity}AccessScope`] = "groups";
-          data[`${entity}Props`] = {
-            groups: entityPermission.groups
-          };
-        }
-        if (entity === "contentEntry") {
-          data[`${entity}PW`] = entityPermission.pw ? entityPermission.pw.split("") : [];
-        }
-      }
-      Object.assign(returnData, data);
-    });
-    return returnData;
-  }, []);
-  const getSelectedContentModelGroups = useCallback(data => {
-    if (data && data.contentModelGroupAccessScope === "groups" && data.contentModelGroupProps) {
-      return data.contentModelGroupProps.groups;
-    }
-  }, []);
-  return /*#__PURE__*/React.createElement(Form, {
-    data: initialFormData,
-    onChange: onFormChange
-  }, ({
-    data,
-    Bind,
-    setValue
-  }) => /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Grid, {
-    className: gridWithPaddingClass
-  }, /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, data.accessLevel === "custom" && cannotUseAAcl && /*#__PURE__*/React.createElement(CannotUseAaclAlert, null))), /*#__PURE__*/React.createElement(Grid, {
-    className: gridWithPaddingClass
-  }, /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 6
-  }, /*#__PURE__*/React.createElement(PermissionInfo, {
-    title: t`Access Level`
-  })), /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 6
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "accessLevel"
-  }, /*#__PURE__*/React.createElement(Select, {
-    options: [{
-      value: NO_ACCESS,
-      label: t`No access`
-    }, {
-      value: FULL_ACCESS,
-      label: t`Full access`
-    }, {
-      value: CUSTOM_ACCESS,
-      label: t`Custom access`
-    }]
-  })))), data.accessLevel === CUSTOM_ACCESS && /*#__PURE__*/React.createElement("div", {
-    className: "mt-lg"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "mb-md"
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
-    name: "endpoints"
-  }, bind => /*#__PURE__*/React.createElement(CheckboxGroup, Object.assign({}, bind, {
-    label: t`GraphQL API types`,
-    description: t`Each type has a separate URL and a specific purpose.
+            Object.assign(returnData, data);
+        });
+        return returnData;
+    }, []);
+    const getSelectedContentModelGroups = useCallback((data)=>{
+        if (data && "groups" === data.contentModelGroupAccessScope && data.contentModelGroupProps) return data.contentModelGroupProps.groups;
+    }, []);
+    return /*#__PURE__*/ react.createElement(Form, {
+        data: initialFormData,
+        onChange: onFormChange
+    }, ({ data, Bind, setValue })=>/*#__PURE__*/ react.createElement(react.Fragment, null, /*#__PURE__*/ react.createElement(Grid, {
+            className: gridWithPaddingClass
+        }, /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12
+        }, "custom" === data.accessLevel && cannotUseAAcl && /*#__PURE__*/ react.createElement(CannotUseAaclAlert, null))), /*#__PURE__*/ react.createElement(Grid, {
+            className: gridWithPaddingClass
+        }, /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 6
+        }, /*#__PURE__*/ react.createElement(PermissionInfo, {
+            title: t`Access Level`
+        })), /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 6
+        }, /*#__PURE__*/ react.createElement(Bind, {
+            name: "accessLevel"
+        }, /*#__PURE__*/ react.createElement(Select, {
+            options: [
+                {
+                    value: NO_ACCESS,
+                    label: t`No access`
+                },
+                {
+                    value: FULL_ACCESS,
+                    label: t`Full access`
+                },
+                {
+                    value: CUSTOM_ACCESS,
+                    label: t`Custom access`
+                }
+            ]
+        })))), data.accessLevel === CUSTOM_ACCESS && /*#__PURE__*/ react.createElement("div", {
+            className: "mt-lg"
+        }, /*#__PURE__*/ react.createElement("div", {
+            className: "mb-md"
+        }, /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+            span: 12
+        }, /*#__PURE__*/ react.createElement(Bind, {
+            name: "endpoints"
+        }, (bind)=>/*#__PURE__*/ react.createElement(CheckboxGroup, {
+                ...bind,
+                label: t`GraphQL API types`,
+                description: t`Each type has a separate URL and a specific purpose.
                                                  Check out the {link} key topic to learn more.`({
-      link: /*#__PURE__*/React.createElement(SimpleLink, {
-        to: GRAPHQL_API_TYPES_LINK,
-        target: "_blank"
-      }, "Headless CMS GraphQL API")
-    }),
-    items: API_ENDPOINTS.map(({
-      id,
-      name
-    }) => ({
-      id,
-      label: name,
-      value: id
-    }))
-  })))))), /*#__PURE__*/React.createElement(ContentModelGroupPermission, {
-    data: data,
-    Bind: Bind,
-    disabled: cannotUseAAcl,
-    entity: "contentModelGroup",
-    title: "Content Model Groups"
-  }), /*#__PURE__*/React.createElement(ContentModelPermission, {
-    data: data,
-    setValue: setValue,
-    Bind: Bind,
-    disabled: cannotUseAAcl,
-    entity: "contentModel",
-    title: "Content Models",
-    selectedContentModelGroups: getSelectedContentModelGroups(data)
-  }), /*#__PURE__*/React.createElement(ContentEntryPermission, {
-    data: data,
-    Bind: Bind,
-    disabled: cannotUseAAcl,
-    setValue: setValue,
-    entity: "contentEntry",
-    title: "Content Entries"
-  }))));
+                    link: /*#__PURE__*/ react.createElement(SimpleLink, {
+                        to: GRAPHQL_API_TYPES_LINK,
+                        target: "_blank"
+                    }, "Headless CMS GraphQL API")
+                }),
+                items: API_ENDPOINTS.map(({ id, name })=>({
+                        id,
+                        label: name,
+                        value: id
+                    }))
+            }))))), /*#__PURE__*/ react.createElement(ContentModelGroupPermission, {
+            data: data,
+            Bind: Bind,
+            disabled: cannotUseAAcl,
+            entity: "contentModelGroup",
+            title: "Content Model Groups"
+        }), /*#__PURE__*/ react.createElement(ContentModelPermission, {
+            data: data,
+            setValue: setValue,
+            Bind: Bind,
+            disabled: cannotUseAAcl,
+            entity: "contentModel",
+            title: "Content Models",
+            selectedContentModelGroups: getSelectedContentModelGroups(data)
+        }), /*#__PURE__*/ react.createElement(ContentEntryPermission, {
+            data: data,
+            Bind: Bind,
+            disabled: cannotUseAAcl,
+            setValue: setValue,
+            entity: "contentEntry",
+            title: "Content Entries"
+        }))));
 };
+export { CMSPermissions };
 
 //# sourceMappingURL=CmsPermissions.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useCallback","useMemo","ContentModelGroupPermission","i18n","CannotUseAaclAlert","PermissionInfo","gridWithPaddingClass","SimpleLink","Form","ContentModelPermission","ContentEntryPermission","useSecurity","CheckboxGroup","Grid","Select","t","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","getPermission","cannotUseAAcl","canRead","permissionName","permission","find","item","rwd","includes","onFormChange","data","newValue","Array","isArray","filter","startsWith","accessLevel","push","endpoints","forEach","api","entity","accessScope","own","pw","groups","undefined","models","join","props","initialFormData","hasFullAccess","some","map","permissions","length","returnData","p","replace","entityPermission","split","Object","assign","getSelectedContentModelGroups","contentModelGroupAccessScope","contentModelGroupProps","createElement","Bind","setValue","Fragment","className","Column","span","title","options","label","bind","description","link","to","target","items","disabled","selectedContentModelGroups"],"sources":["CmsPermissions.tsx"],"sourcesContent":["/**\n * @pavel Please review types for security permissions\n * TODO @ts-refactor\n */\nimport React, { useCallback, useMemo } from \"react\";\nimport ContentModelGroupPermission from \"./components/ContentModelGroupPermission.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport {\n    CannotUseAaclAlert,\n    PermissionInfo,\n    gridWithPaddingClass,\n    SimpleLink,\n    AaclPermission\n} from \"@webiny/app-admin\";\nimport { Form } from \"@webiny/form\";\nimport { ContentModelPermission } from \"./components/ContentModelPermission.js\";\nimport { ContentEntryPermission } from \"./components/ContentEntryPermission.js\";\nimport type { CmsSecurityPermission } from \"~/types.js\";\nimport { useSecurity } from \"@webiny/app-admin\";\nimport { CheckboxGroup, Grid, Select } from \"@webiny/admin-ui\";\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}\n\nexport const CMSPermissions = ({ value, onChange }: CMSPermissionsProps) => {\n    const { getPermission } = useSecurity();\n\n    // We disable form elements for custom permissions if AACL cannot be used.\n    const cannotUseAAcl = useMemo(() => {\n        return !getPermission<AaclPermission>(\"aacl\", true);\n    }, []);\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 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            // 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] = props[entity];\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 initialFormData = 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 getSelectedContentModelGroups = useCallback((data: CmsSecurityPermission) => {\n        if (data && data.contentModelGroupAccessScope === \"groups\" && data.contentModelGroupProps) {\n            return data.contentModelGroupProps.groups;\n        }\n    }, []);\n\n    return (\n        <Form<CmsSecurityPermission> data={initialFormData} onChange={onFormChange}>\n            {({ data, Bind, setValue }) => (\n                <>\n                    <Grid className={gridWithPaddingClass}>\n                        <Grid.Column span={12}>\n                            {data.accessLevel === \"custom\" && cannotUseAAcl && (\n                                <CannotUseAaclAlert />\n                            )}\n                        </Grid.Column>\n                    </Grid>\n\n                    <Grid className={gridWithPaddingClass}>\n                        <Grid.Column span={6}>\n                            <PermissionInfo title={t`Access Level`} />\n                        </Grid.Column>\n                        <Grid.Column span={6}>\n                            <Bind name={\"accessLevel\"}>\n                                <Select\n                                    options={[\n                                        {\n                                            value: NO_ACCESS,\n                                            label: t`No access`\n                                        },\n                                        {\n                                            value: FULL_ACCESS,\n                                            label: t`Full access`\n                                        },\n                                        {\n                                            value: CUSTOM_ACCESS,\n                                            label: t`Custom access`\n                                        }\n                                    ]}\n                                />\n                            </Bind>\n                        </Grid.Column>\n                    </Grid>\n                    {data.accessLevel === CUSTOM_ACCESS && (\n                        <div className={\"mt-lg\"}>\n                            <div className={\"mb-md\"}>\n                                <Grid>\n                                    <Grid.Column span={12}>\n                                        <Bind name={\"endpoints\"}>\n                                            {bind => (\n                                                <CheckboxGroup\n                                                    {...bind}\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                                                            <SimpleLink\n                                                                to={GRAPHQL_API_TYPES_LINK}\n                                                                target={\"_blank\"}\n                                                            >\n                                                                Headless CMS GraphQL API\n                                                            </SimpleLink>\n                                                        )\n                                                    })}\n                                                    items={API_ENDPOINTS.map(({ id, name }) => ({\n                                                        id,\n                                                        label: name,\n                                                        value: id\n                                                    }))}\n                                                />\n                                            )}\n                                        </Bind>\n                                    </Grid.Column>\n                                </Grid>\n                            </div>\n\n                            <ContentModelGroupPermission\n                                data={data}\n                                Bind={Bind}\n                                disabled={cannotUseAAcl}\n                                entity={\"contentModelGroup\"}\n                                title={\"Content Model Groups\"}\n                            />\n\n                            <ContentModelPermission\n                                data={data}\n                                setValue={setValue}\n                                Bind={Bind}\n                                disabled={cannotUseAAcl}\n                                entity={\"contentModel\"}\n                                title={\"Content Models\"}\n                                selectedContentModelGroups={getSelectedContentModelGroups(data)}\n                            />\n\n                            <ContentEntryPermission\n                                data={data}\n                                Bind={Bind}\n                                disabled={cannotUseAAcl}\n                                setValue={setValue}\n                                entity={\"contentEntry\"}\n                                title={\"Content Entries\"}\n                            />\n                        </div>\n                    )}\n                </>\n            )}\n        </Form>\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"admin/plugins/permissionRenderer/CmsPermissions.js","sources":["../../../../src/admin/plugins/permissionRenderer/CmsPermissions.tsx"],"sourcesContent":["import React, { useCallback, useMemo } from \"react\";\nimport ContentModelGroupPermission from \"./components/ContentModelGroupPermission.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport {\n    CannotUseAaclAlert,\n    PermissionInfo,\n    gridWithPaddingClass,\n    SimpleLink,\n    usePermissionValue,\n    useAuthentication\n} from \"@webiny/app-admin\";\nimport type { AaclPermission } from \"@webiny/app-admin\";\nimport { Form } from \"@webiny/form\";\nimport { ContentModelPermission } from \"./components/ContentModelPermission.js\";\nimport { ContentEntryPermission } from \"./components/ContentEntryPermission.js\";\nimport type { CmsSecurityPermission } from \"~/types.js\";\nimport { CheckboxGroup, Grid, Select } from \"@webiny/admin-ui\";\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 const CMSPermissions = () => {\n    const { value, onChange } = usePermissionValue();\n    const { identity } = useAuthentication();\n\n    // We disable form elements for custom permissions if AACL cannot be used.\n    const cannotUseAAcl = useMemo(() => {\n        return !identity.getPermission<AaclPermission>(\"aacl\", true);\n    }, []);\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 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            // 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] = props[entity];\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 initialFormData = 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 getSelectedContentModelGroups = useCallback((data: CmsSecurityPermission) => {\n        if (data && data.contentModelGroupAccessScope === \"groups\" && data.contentModelGroupProps) {\n            return data.contentModelGroupProps.groups;\n        }\n    }, []);\n\n    return (\n        <Form<CmsSecurityPermission> data={initialFormData} onChange={onFormChange}>\n            {({ data, Bind, setValue }) => (\n                <>\n                    <Grid className={gridWithPaddingClass}>\n                        <Grid.Column span={12}>\n                            {data.accessLevel === \"custom\" && cannotUseAAcl && (\n                                <CannotUseAaclAlert />\n                            )}\n                        </Grid.Column>\n                    </Grid>\n\n                    <Grid className={gridWithPaddingClass}>\n                        <Grid.Column span={6}>\n                            <PermissionInfo title={t`Access Level`} />\n                        </Grid.Column>\n                        <Grid.Column span={6}>\n                            <Bind name={\"accessLevel\"}>\n                                <Select\n                                    options={[\n                                        {\n                                            value: NO_ACCESS,\n                                            label: t`No access`\n                                        },\n                                        {\n                                            value: FULL_ACCESS,\n                                            label: t`Full access`\n                                        },\n                                        {\n                                            value: CUSTOM_ACCESS,\n                                            label: t`Custom access`\n                                        }\n                                    ]}\n                                />\n                            </Bind>\n                        </Grid.Column>\n                    </Grid>\n                    {data.accessLevel === CUSTOM_ACCESS && (\n                        <div className={\"mt-lg\"}>\n                            <div className={\"mb-md\"}>\n                                <Grid>\n                                    <Grid.Column span={12}>\n                                        <Bind name={\"endpoints\"}>\n                                            {bind => (\n                                                <CheckboxGroup\n                                                    {...bind}\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                                                            <SimpleLink\n                                                                to={GRAPHQL_API_TYPES_LINK}\n                                                                target={\"_blank\"}\n                                                            >\n                                                                Headless CMS GraphQL API\n                                                            </SimpleLink>\n                                                        )\n                                                    })}\n                                                    items={API_ENDPOINTS.map(({ id, name }) => ({\n                                                        id,\n                                                        label: name,\n                                                        value: id\n                                                    }))}\n                                                />\n                                            )}\n                                        </Bind>\n                                    </Grid.Column>\n                                </Grid>\n                            </div>\n\n                            <ContentModelGroupPermission\n                                data={data}\n                                Bind={Bind}\n                                disabled={cannotUseAAcl}\n                                entity={\"contentModelGroup\"}\n                                title={\"Content Model Groups\"}\n                            />\n\n                            <ContentModelPermission\n                                data={data}\n                                setValue={setValue}\n                                Bind={Bind}\n                                disabled={cannotUseAAcl}\n                                entity={\"contentModel\"}\n                                title={\"Content Models\"}\n                                selectedContentModelGroups={getSelectedContentModelGroups(data)}\n                            />\n\n                            <ContentEntryPermission\n                                data={data}\n                                Bind={Bind}\n                                disabled={cannotUseAAcl}\n                                setValue={setValue}\n                                entity={\"contentEntry\"}\n                                title={\"Content Entries\"}\n                            />\n                        </div>\n                    )}\n                </>\n            )}\n        </Form>\n    );\n};\n"],"names":["t","i18n","CMS_PERMISSION","CMS_PERMISSION_FULL_ACCESS","FULL_ACCESS","NO_ACCESS","CUSTOM_ACCESS","ENTITIES","API_ENDPOINTS","GRAPHQL_API_TYPES_LINK","CMSPermissions","value","onChange","usePermissionValue","identity","useAuthentication","cannotUseAAcl","useMemo","canRead","useCallback","permissionName","permission","item","onFormChange","data","newValue","Array","endpoints","api","entity","accessScope","undefined","props","initialFormData","hasFullAccess","permissions","returnData","p","entityPermission","Object","getSelectedContentModelGroups","Form","Bind","setValue","Grid","gridWithPaddingClass","CannotUseAaclAlert","PermissionInfo","Select","bind","CheckboxGroup","SimpleLink","id","name","ContentModelGroupPermission","ContentModelPermission","ContentEntryPermission"],"mappings":"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"}

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

@@ -1,9 +1,8 @@
 import React from "react";
 import type { BindComponent } from "@webiny/form/types.js";
-import type { CmsSecurityPermission } from "../../../../types.js";
 interface ContentEntryPermissionProps {
     Bind: BindComponent;
-    data: CmsSecurityPermission;
+    data: Record<string, any>;
     entity: string;
     setValue: (name: string, value: string) => void;
     title: string;