@webiny/app-headless-cms 0.0.0-unstable.78f581c1d2 → 0.0.0-unstable.7be00a75a9

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

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

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

@@ -1,136 +1,98 @@
-"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);
+import react, { useEffect } from "react";
+import get from "lodash/get.js";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { CheckboxGroup, FormComponentNote, Grid, Select } from "@webiny/admin-ui";
+import { PermissionsGroup } from "@webiny/app-admin";
+const t = i18n.ns("app-headless-cms/admin/plugins/permissionRenderer");
+const pwOptions = [
+    {
+        id: "p",
+        name: t`Publish`
+    },
+    {
+        id: "u",
+        name: t`Unpublish`
     }
-  }, /*#__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))));
+];
+const ContentEntryPermission = ({ Bind, data, entity, setValue, title, disabled })=>{
+    useEffect(()=>{
+        if ("own" === get(data, "contentModelAccessScope") && "own" !== get(data, `${entity}AccessScope`)) setValue(`${entity}AccessScope`, "own");
+    }, [
+        data
+    ]);
+    const endpoints = data.endpoints || [];
+    const disabledPrimaryActions = [
+        void 0,
+        "own",
+        "no"
+    ].includes(data[`${entity}AccessScope`]) || !endpoints.includes("manage");
+    return /*#__PURE__*/ react.createElement(PermissionsGroup, {
+        title: title
+    }, /*#__PURE__*/ react.createElement(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(Bind, {
+        defaultValue: "full",
+        name: `${entity}AccessScope`,
+        beforeChange: (value, cb)=>{
+            if ("own" === value) setValue(`${entity}RWD`, "rwd");
+            cb(value);
+        }
+    }, /*#__PURE__*/ react.createElement(Select, {
+        label: t`Access Scope`,
+        disabled: disabled || "own" === data["contentModelAccessScope"],
+        options: [
+            {
+                value: "full",
+                label: t`All entries`
+            },
+            ...endpoints.includes("manage") && [
+                {
+                    value: "own",
+                    label: t`Only entries created by the user`
+                }
+            ] || []
+        ]
+    })), /*#__PURE__*/ react.createElement(react.Fragment, null, "own" === data["contentModelAccessScope"] && /*#__PURE__*/ react.createElement(FormComponentNote, null, /*#__PURE__*/ react.createElement("strong", null, "Content Entry"), "\xa0", t`access depends upon`, "\xa0", /*#__PURE__*/ react.createElement("strong", null, "Content Model")))), /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(Bind, {
+        name: `${entity}RWD`
+    }, /*#__PURE__*/ react.createElement(Select, {
+        label: t`Primary Actions`,
+        placeholder: "Read-only",
+        disabled: disabled || disabledPrimaryActions,
+        options: [
+            {
+                value: "r",
+                label: t`Read-only`
+            },
+            ...endpoints.includes("manage") ? [
+                {
+                    value: "rw",
+                    label: t`Read, write`
+                },
+                {
+                    value: "rwd",
+                    label: t`Read, write, delete`
+                }
+            ] : []
+        ]
+    }))), /*#__PURE__*/ react.createElement(react.Fragment, null, endpoints.includes("manage") && /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(Bind, {
+        name: `${entity}PW`
+    }, /*#__PURE__*/ react.createElement(CheckboxGroup, {
+        label: t`Publishing actions`,
+        description: t`Publishing-related actions that can be performed on content entries.`,
+        items: pwOptions.map(({ id, name })=>({
+                value: id,
+                label: name,
+                disabled: disabled || [
+                    void 0,
+                    "no"
+                ].includes(data[`${entity}AccessScope`])
+            }))
+    }))))));
 };
+export { ContentEntryPermission };
 
-exports.ContentEntryPermission = ContentEntryPermission;
+//# sourceMappingURL=ContentEntryPermission.js.map

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

@@ -1 +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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"}
+{"version":3,"file":"admin/plugins/permissionRenderer/components/ContentEntryPermission.js","sources":["../../../../../src/admin/plugins/permissionRenderer/components/ContentEntryPermission.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport get from \"lodash/get.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport type { BindComponent } from \"@webiny/form/types.js\";\nimport { CheckboxGroup, FormComponentNote, Grid, Select } from \"@webiny/admin-ui\";\nimport { PermissionsGroup } from \"@webiny/app-admin\";\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: Record<string, any>;\n    entity: string;\n    setValue: (name: string, value: string) => void;\n    title: string;\n    disabled?: boolean;\n}\nexport const ContentEntryPermission = ({\n    Bind,\n    data,\n    entity,\n    setValue,\n    title,\n    disabled\n}: ContentEntryPermissionProps) => {\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        <PermissionsGroup title={title}>\n            <Grid>\n                <Grid.Column 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={disabled || data[`contentModelAccessScope`] === \"own\"}\n                            options={[\n                                {\n                                    value: \"full\",\n                                    label: t`All entries`\n                                },\n                                ...((endpoints.includes(\"manage\") && [\n                                    {\n                                        value: \"own\",\n                                        label: t`Only entries created by the user`\n                                    }\n                                ]) ||\n                                    [])\n                            ]}\n                        />\n                    </Bind>\n                    <>\n                        {data[`contentModelAccessScope`] === \"own\" && (\n                            <FormComponentNote>\n                                <strong>Content Entry</strong>\n                                &nbsp;{t`access depends upon`}&nbsp;\n                                <strong>Content Model</strong>\n                            </FormComponentNote>\n                        )}\n                    </>\n                </Grid.Column>\n                <Grid.Column span={12}>\n                    <Bind name={`${entity}RWD`}>\n                        <Select\n                            label={t`Primary Actions`}\n                            placeholder={\"Read-only\"}\n                            disabled={disabled || disabledPrimaryActions}\n                            options={[\n                                {\n                                    value: \"r\",\n                                    label: t`Read-only`\n                                },\n                                ...(endpoints.includes(\"manage\")\n                                    ? [\n                                          {\n                                              value: \"rw\",\n                                              label: t`Read, write`\n                                          },\n                                          {\n                                              value: \"rwd\",\n                                              label: t`Read, write, delete`\n                                          }\n                                      ]\n                                    : [])\n                            ]}\n                        />\n                    </Bind>\n                </Grid.Column>\n                <>\n                    {endpoints.includes(\"manage\") && (\n                        <Grid.Column 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                                    items={pwOptions.map(({ id, name }) => ({\n                                        value: id,\n                                        label: name,\n                                        disabled:\n                                            disabled ||\n                                            [undefined, \"no\"].includes(data[`${entity}AccessScope`])\n                                    }))}\n                                />\n                            </Bind>\n                        </Grid.Column>\n                    )}\n                </>\n            </Grid>\n        </PermissionsGroup>\n    );\n};\n"],"names":["t","i18n","pwOptions","ContentEntryPermission","Bind","data","entity","setValue","title","disabled","useEffect","get","endpoints","disabledPrimaryActions","undefined","PermissionsGroup","Grid","value","cb","Select","FormComponentNote","CheckboxGroup","id","name"],"mappings":"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"}

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

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