@webiny/app-headless-cms 0.0.0-mt-2 → 0.0.0-unstable.06b2ede40f

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","get","i18n","CheckboxGroup","FormComponentNote","Grid","Select","PermissionsGroup","t","ns","pwOptions","id","name","ContentEntryPermission","Bind","data","entity","setValue","title","disabled","endpoints","disabledPrimaryActions","undefined","includes","createElement","Column","span","defaultValue","beforeChange","value","cb","label","options","Fragment","placeholder","description","items","map"],"sources":["ContentEntryPermission.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport get from \"lodash/get\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport type { BindComponent } from \"@webiny/form/types\";\nimport type { CmsSecurityPermission } from \"~/types\";\nimport { CheckboxGroup, FormComponentNote, Grid, Select } from \"@webiny/admin-ui\";\nimport { PermissionsGroup } from \"@webiny/app-admin/components/Permissions\";\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    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"],"mappings":"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","ignoreList":[]}

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

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

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

@@ -1,77 +1,73 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
-
 import React, { useCallback } from "react";
-import { Grid, Cell } from "@webiny/ui/Grid";
-import { Select } from "@webiny/ui/Select";
 import { i18n } from "@webiny/app/i18n";
-import { Elevation } from "@webiny/ui/Elevation";
-import { Typography } from "@webiny/ui/Typography";
-import { PermissionSelector, PermissionSelectorWrapper } from "./PermissionSelector";
+import { PermissionSelector } from "./PermissionSelector";
 import { useCmsData } from "./useCmsData";
-var t = i18n.ns("app-headless-cms/admin/plugins/permissionRenderer");
-
-var ContentModelGroupPermission = function ContentModelGroupPermission(_ref) {
-  var Bind = _ref.Bind,
-      data = _ref.data,
-      entity = _ref.entity,
-      title = _ref.title,
-      locales = _ref.locales;
-  var modelsGroups = useCmsData(locales);
-  var getItems = useCallback(function (code) {
+import { Grid, Select } from "@webiny/admin-ui";
+import { PermissionsGroup } from "@webiny/app-admin/components/Permissions";
+const t = i18n.ns("app-headless-cms/admin/plugins/permissionRenderer");
+const ContentModelGroupPermission = ({
+  Bind,
+  data,
+  entity,
+  title,
+  locales,
+  disabled
+}) => {
+  const modelsGroups = useCmsData(locales);
+  const getItems = useCallback(code => {
     return modelsGroups[code]["groups"];
   }, [modelsGroups]);
-  var disabledPrimaryActions = [undefined, "own", "no"].includes(data["".concat(entity, "AccessScope")]) || !data.endpoints.includes("manage");
-  return /*#__PURE__*/React.createElement(Elevation, {
-    z: 1,
-    style: {
-      marginTop: 10
-    }
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Typography, {
-    use: "overline"
-  }, title)), /*#__PURE__*/React.createElement(Cell, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Grid, {
-    style: {
-      padding: 0,
-      paddingBottom: 24
-    }
-  }, /*#__PURE__*/React.createElement(Cell, {
+  const endpoints = data.endpoints || [];
+  const disabledPrimaryActions = [undefined, "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, {
-    name: "".concat(entity, "AccessScope"),
+    name: `${entity}AccessScope`,
     defaultValue: "full"
   }, /*#__PURE__*/React.createElement(Select, {
-    label: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Access Scope"])))
-  }, /*#__PURE__*/React.createElement("option", {
-    value: "full"
-  }, t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["All groups"])))), /*#__PURE__*/React.createElement("option", {
-    value: "groups"
-  }, t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Only specific groups"])))), data.endpoints.includes("manage") && /*#__PURE__*/React.createElement("option", {
-    value: "own"
-  }, t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Only groups created by the user"]))))))), data["".concat(entity, "AccessScope")] === "groups" && /*#__PURE__*/React.createElement(PermissionSelectorWrapper, null, /*#__PURE__*/React.createElement(PermissionSelector, {
+    label: t`Access Scope`,
+    disabled: disabled,
+    options: [{
+      value: "full",
+      label: t`All groups`
+    }, {
+      value: "groups",
+      label: t`Only specific groups`
+    }, ...(endpoints.includes("manage") && [{
+      value: "own",
+      label: t`Only groups created by the user`
+    }] || [])]
+  }))), /*#__PURE__*/React.createElement(React.Fragment, null, data[`${entity}AccessScope`] === "groups" && /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(PermissionSelector, {
+    disabled: disabled,
     locales: locales,
     Bind: Bind,
     entity: entity,
     selectorKey: "groups",
     getItems: getItems
-  })), /*#__PURE__*/React.createElement(Cell, {
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
     span: 12
   }, /*#__PURE__*/React.createElement(Bind, {
-    name: "".concat(entity, "RWD")
+    name: `${entity}RWD`
   }, /*#__PURE__*/React.createElement(Select, {
-    label: t(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["Primary Actions"]))),
-    disabled: disabledPrimaryActions
-  }, /*#__PURE__*/React.createElement("option", {
-    value: "r"
-  }, t(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["Read"])))), data.endpoints.includes("manage") ? /*#__PURE__*/React.createElement("option", {
-    value: "rw"
-  }, t(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["Read, write"])))) : null, data.endpoints.includes("manage") ? /*#__PURE__*/React.createElement("option", {
-    value: "rwd"
-  }, t(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["Read, write, delete"])))) : null)))))));
+    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`
+    }] : [])]
+  })))));
 };
+export default ContentModelGroupPermission;
 
-export default ContentModelGroupPermission;
+//# sourceMappingURL=ContentModelGroupPermission.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","i18n","PermissionSelector","useCmsData","Grid","Select","PermissionsGroup","t","ns","ContentModelGroupPermission","Bind","data","entity","title","locales","disabled","modelsGroups","getItems","code","endpoints","disabledPrimaryActions","undefined","includes","createElement","Column","span","name","defaultValue","label","options","value","Fragment","selectorKey","placeholder"],"sources":["ContentModelGroupPermission.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { PermissionSelector } from \"./PermissionSelector\";\nimport { useCmsData } from \"./useCmsData\";\nimport type { BindComponent } from \"@webiny/form/types\";\nimport type { CmsSecurityPermission } from \"~/types\";\nimport { Grid, Select } from \"@webiny/admin-ui\";\nimport { PermissionsGroup } from \"@webiny/app-admin/components/Permissions\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/plugins/permissionRenderer\");\n\ninterface ContentModelGroupPermissionProps {\n    Bind: BindComponent;\n    data: CmsSecurityPermission;\n    entity: string;\n    title: string;\n    locales: string[];\n    disabled?: boolean;\n}\nconst ContentModelGroupPermission = ({\n    Bind,\n    data,\n    entity,\n    title,\n    locales,\n    disabled\n}: ContentModelGroupPermissionProps) => {\n    const modelsGroups = useCmsData(locales);\n\n    const getItems = useCallback(\n        (code: string) => {\n            return modelsGroups[code][\"groups\"];\n        },\n        [modelsGroups]\n    );\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 name={`${entity}AccessScope`} defaultValue={\"full\"}>\n                        <Select\n                            label={t`Access Scope`}\n                            disabled={disabled}\n                            options={[\n                                {\n                                    value: \"full\",\n                                    label: t`All groups`\n                                },\n                                {\n                                    value: \"groups\",\n                                    label: t`Only specific groups`\n                                },\n                                ...((endpoints.includes(\"manage\") && [\n                                    {\n                                        value: \"own\",\n                                        label: t`Only groups created by the user`\n                                    }\n                                ]) ||\n                                    [])\n                            ]}\n                        />\n                    </Bind>\n                </Grid.Column>\n                <>\n                    {data[`${entity}AccessScope`] === \"groups\" && (\n                        <Grid.Column span={12}>\n                            <PermissionSelector\n                                disabled={disabled}\n                                locales={locales}\n                                Bind={Bind}\n                                entity={entity}\n                                selectorKey={\"groups\"}\n                                getItems={getItems}\n                            />\n                        </Grid.Column>\n                    )}\n                </>\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            </Grid>\n        </PermissionsGroup>\n    );\n};\n\nexport default ContentModelGroupPermission;\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,7 +1,11 @@
-/// <reference types="react" />
-declare const ContentModelList: ({ items, onChange, getValue }: {
-    items: any;
-    onChange: any;
-    getValue: any;
-}) => JSX.Element;
+import React from "react";
+import type { PermissionSelectorCmsGroup } from "./types";
+interface ContentModelListProps {
+    items: PermissionSelectorCmsGroup[];
+    label: string;
+    disabled?: boolean;
+    value?: string[];
+    onChange?: (values: string[]) => void;
+}
+declare const ContentModelList: ({ items, label, disabled, value, onChange }: ContentModelListProps) => React.JSX.Element;
 export default ContentModelList;

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

@@ -1,53 +1,40 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import React from "react";
-import { css } from "emotion";
 import groupBy from "lodash/groupBy";
 import get from "lodash/get";
-import { Typography } from "@webiny/ui/Typography";
-import { Checkbox } from "@webiny/ui/Checkbox";
-var groupStyles = /*#__PURE__*/css({
-  marginLeft: 20
-}, "label:groupStyles;");
-var labelStyles = /*#__PURE__*/css({
-  display: "block",
-  color: "var(--mdc-theme-text-secondary-on-light)",
-  fontWeight: "bold"
-}, "label:labelStyles;");
-
-var ContentModelList = function ContentModelList(_ref) {
-  var items = _ref.items,
-      onChange = _ref.onChange,
-      getValue = _ref.getValue;
-  var list = Object.entries(groupBy(items.map(function (i) {
-    return _objectSpread(_objectSpread({}, i), {}, {
-      groupName: get(i, "group.label")
-    });
+import { CheckboxGroup, Text } from "@webiny/admin-ui";
+const ContentModelList = ({
+  items,
+  label,
+  disabled,
+  value,
+  onChange
+}) => {
+  const list = Object.entries(groupBy(items.map(item => {
+    return {
+      ...item,
+      groupName: get(item, "group.label")
+    };
   }), "groupName"));
-  return /*#__PURE__*/React.createElement(React.Fragment, null, list.map(function (_ref2) {
-    var _ref3 = _slicedToArray(_ref2, 2),
-        key = _ref3[0],
-        value = _ref3[1];
-
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Text, {
+    className: "wby-font-semibold"
+  }, label), list.map(([key, items]) => {
     return /*#__PURE__*/React.createElement("div", {
       key: key,
-      className: groupStyles
-    }, /*#__PURE__*/React.createElement(Typography, {
-      use: "caption",
-      className: labelStyles
-    }, key), value.map(function (_ref4) {
-      var id = _ref4.id,
-          label = _ref4.label;
-      return /*#__PURE__*/React.createElement("div", {
-        key: id
-      }, /*#__PURE__*/React.createElement(Checkbox, {
-        key: id,
-        label: label,
-        value: getValue(id),
-        onChange: onChange(id)
-      }));
+      className: "wby-ml-md wby-mt-sm"
+    }, /*#__PURE__*/React.createElement(CheckboxGroup, {
+      label: key,
+      value: value,
+      onChange: onChange,
+      items: items.map(item => {
+        return {
+          value: item.id,
+          label: item.label,
+          disabled
+        };
+      })
     }));
   }));
 };
+export default ContentModelList;
 
-export default ContentModelList;
+//# sourceMappingURL=ContentModelList.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","groupBy","get","CheckboxGroup","Text","ContentModelList","items","label","disabled","value","onChange","list","Object","entries","map","item","groupName","createElement","Fragment","className","key","id"],"sources":["ContentModelList.tsx"],"sourcesContent":["import React from \"react\";\nimport groupBy from \"lodash/groupBy\";\nimport get from \"lodash/get\";\nimport type { PermissionSelectorCmsGroup } from \"./types\";\nimport { CheckboxGroup, Text } from \"@webiny/admin-ui\";\n\ninterface GroupItem extends PermissionSelectorCmsGroup {\n    groupName: string;\n}\n\ninterface ContentModelListProps {\n    items: PermissionSelectorCmsGroup[];\n    label: string;\n    disabled?: boolean;\n    value?: string[];\n    onChange?: (values: string[]) => void;\n}\nconst ContentModelList = ({ items, label, disabled, value, onChange }: ContentModelListProps) => {\n    const list: [string, GroupItem[]][] = Object.entries(\n        groupBy(\n            items.map((item): GroupItem => {\n                return {\n                    ...item,\n                    groupName: get(item, \"group.label\")\n                };\n            }),\n            \"groupName\"\n        )\n    );\n\n    return (\n        <>\n            <Text className={\"wby-font-semibold\"}>{label}</Text>\n            {list.map(([key, items]) => {\n                return (\n                    <div key={key} className={\"wby-ml-md wby-mt-sm\"}>\n                        <CheckboxGroup\n                            label={key}\n                            value={value}\n                            onChange={onChange}\n                            items={items.map(item => {\n                                return {\n                                    value: item.id,\n                                    label: item.label,\n                                    disabled\n                                };\n                            })}\n                        />\n                    </div>\n                );\n            })}\n        </>\n    );\n};\n\nexport default ContentModelList;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,OAAO,MAAM,gBAAgB;AACpC,OAAOC,GAAG,MAAM,YAAY;AAE5B,SAASC,aAAa,EAAEC,IAAI,QAAQ,kBAAkB;AAatD,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC,KAAK;EAAEC,KAAK;EAAEC,QAAQ;EAAEC,KAAK;EAAEC;AAAgC,CAAC,KAAK;EAC7F,MAAMC,IAA6B,GAAGC,MAAM,CAACC,OAAO,CAChDZ,OAAO,CACHK,KAAK,CAACQ,GAAG,CAAEC,IAAI,IAAgB;IAC3B,OAAO;MACH,GAAGA,IAAI;MACPC,SAAS,EAAEd,GAAG,CAACa,IAAI,EAAE,aAAa;IACtC,CAAC;EACL,CAAC,CAAC,EACF,WACJ,CACJ,CAAC;EAED,oBACIf,KAAA,CAAAiB,aAAA,CAAAjB,KAAA,CAAAkB,QAAA,qBACIlB,KAAA,CAAAiB,aAAA,CAACb,IAAI;IAACe,SAAS,EAAE;EAAoB,GAAEZ,KAAY,CAAC,EACnDI,IAAI,CAACG,GAAG,CAAC,CAAC,CAACM,GAAG,EAAEd,KAAK,CAAC,KAAK;IACxB,oBACIN,KAAA,CAAAiB,aAAA;MAAKG,GAAG,EAAEA,GAAI;MAACD,SAAS,EAAE;IAAsB,gBAC5CnB,KAAA,CAAAiB,aAAA,CAACd,aAAa;MACVI,KAAK,EAAEa,GAAI;MACXX,KAAK,EAAEA,KAAM;MACbC,QAAQ,EAAEA,QAAS;MACnBJ,KAAK,EAAEA,KAAK,CAACQ,GAAG,CAACC,IAAI,IAAI;QACrB,OAAO;UACHN,KAAK,EAAEM,IAAI,CAACM,EAAE;UACdd,KAAK,EAAEQ,IAAI,CAACR,KAAK;UACjBC;QACJ,CAAC;MACL,CAAC;IAAE,CACN,CACA,CAAC;EAEd,CAAC,CACH,CAAC;AAEX,CAAC;AAED,eAAeH,gBAAgB","ignoreList":[]}

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

@@ -1,10 +1,15 @@
-/// <reference types="react" />
-export declare const ContentModelPermission: ({ Bind, data, setValue, entity, title, locales, selectedContentModelGroups }: {
-    Bind: any;
-    data: any;
-    setValue: any;
-    entity: any;
-    title: any;
-    locales: any;
-    selectedContentModelGroups: any;
-}) => JSX.Element;
+import React from "react";
+import type { BindComponent } from "@webiny/form/types";
+import type { CmsSecurityPermission } from "../../../../types";
+interface ContentModelPermissionProps {
+    Bind: BindComponent;
+    data: CmsSecurityPermission;
+    setValue: (name: string, value: string) => void;
+    entity: string;
+    title: string;
+    locales: string[];
+    selectedContentModelGroups?: Record<string, string[]>;
+    disabled?: boolean;
+}
+export declare const ContentModelPermission: ({ Bind, data, setValue, entity, title, locales, selectedContentModelGroups, disabled }: ContentModelPermissionProps) => React.JSX.Element;
+export {};