@webiny/app-headless-cms 0.0.0-unstable.496cf268ac → 0.0.0-unstable.5387e5f7c8

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