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

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

@@ -1,83 +1,86 @@
-"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.default = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _react = _interopRequireWildcard(require("react"));
-var _Grid = require("@webiny/ui/Grid");
-var _Select = require("@webiny/ui/Select");
-var _i18n = require("@webiny/app/i18n");
-var _Elevation = require("@webiny/ui/Elevation");
-var _Typography = require("@webiny/ui/Typography");
-var _PermissionSelector = require("./PermissionSelector");
-var _useCmsData = require("./useCmsData");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
-var t = _i18n.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 = (0, _useCmsData.useCmsData)(locales);
-  var getItems = (0, _react.useCallback)(function (code) {
-    return modelsGroups[code]["groups"];
-  }, [modelsGroups]);
-  var endpoints = data.endpoints || [];
-  var disabledPrimaryActions = [undefined, "own", "no"].includes(data["".concat(entity, "AccessScope")]) || !endpoints.includes("manage");
-  return /*#__PURE__*/_react.default.createElement(_Elevation.Elevation, {
-    z: 1,
-    style: {
-      marginTop: 10
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-    span: 12
-  }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "overline"
-  }, title)), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-    span: 12
-  }, /*#__PURE__*/_react.default.createElement(_Grid.Grid, {
-    style: {
-      padding: 0,
-      paddingBottom: 24
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-    span: 12
-  }, /*#__PURE__*/_react.default.createElement(Bind, {
-    name: "".concat(entity, "AccessScope"),
-    defaultValue: "full"
-  }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
-    label: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Access Scope"])))
-  }, /*#__PURE__*/_react.default.createElement("option", {
-    value: "full"
-  }, t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["All groups"])))), /*#__PURE__*/_react.default.createElement("option", {
-    value: "groups"
-  }, t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Only specific groups"])))), endpoints.includes("manage") && /*#__PURE__*/_react.default.createElement("option", {
-    value: "own"
-  }, t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Only groups created by the user"])))) || /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)))), data["".concat(entity, "AccessScope")] === "groups" && /*#__PURE__*/_react.default.createElement(_PermissionSelector.PermissionSelectorWrapper, null, /*#__PURE__*/_react.default.createElement(_PermissionSelector.PermissionSelector, {
-    locales: locales,
-    Bind: Bind,
-    entity: entity,
-    selectorKey: "groups",
-    getItems: getItems
-  })), /*#__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(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Primary Actions"]))),
-    disabled: disabledPrimaryActions
-  }, /*#__PURE__*/_react.default.createElement("option", {
-    value: "r"
-  }, t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["Read"])))), endpoints.includes("manage") ? /*#__PURE__*/_react.default.createElement("option", {
-    value: "rw"
-  }, t(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["Read, write"])))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), endpoints.includes("manage") ? /*#__PURE__*/_react.default.createElement("option", {
-    value: "rwd"
-  }, t(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["Read, write, delete"])))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null))))))));
+import react from "react";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { useCmsData } from "./useCmsData.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 ContentModelGroupPermission = ({ Bind, data, entity, title, disabled })=>{
+    const modelsGroups = useCmsData();
+    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, {
+        name: `${entity}AccessScope`,
+        defaultValue: "full"
+    }, /*#__PURE__*/ react.createElement(Select, {
+        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, "groups" === data[`${entity}AccessScope`] && /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(FormComponentNote, {
+        text: "Select the model user will be allowed to access."
+    }), 0 === modelsGroups.groups.length ? /*#__PURE__*/ react.createElement(Bind, {
+        name: `${entity}Props.groups`
+    }, /*#__PURE__*/ react.createElement(react.Fragment, null)) : /*#__PURE__*/ react.createElement("div", {
+        className: "mt-md"
+    }, /*#__PURE__*/ react.createElement(Bind, {
+        name: `${entity}Props.groups`
+    }, /*#__PURE__*/ react.createElement(CheckboxGroup, {
+        items: modelsGroups.groups.map((item)=>({
+                value: item.slug,
+                label: item.label,
+                disabled
+            }))
+    }))))), /*#__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`
+                }
+            ] : []
+        ]
+    })))));
 };
-var _default = ContentModelGroupPermission;
-exports.default = _default;
+const components_ContentModelGroupPermission = ContentModelGroupPermission;
+export default components_ContentModelGroupPermission;
+
+//# sourceMappingURL=ContentModelGroupPermission.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["t","i18n","ns","ContentModelGroupPermission","Bind","data","entity","title","locales","modelsGroups","useCmsData","getItems","useCallback","code","endpoints","disabledPrimaryActions","undefined","includes","marginTop","padding","paddingBottom"],"sources":["ContentModelGroupPermission.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Select } from \"@webiny/ui/Select\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Elevation } from \"@webiny/ui/Elevation\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { PermissionSelector, PermissionSelectorWrapper } from \"./PermissionSelector\";\nimport { useCmsData } from \"./useCmsData\";\nimport { BindComponent } from \"@webiny/form/types\";\nimport { CmsSecurityPermission } from \"~/types\";\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}\nconst ContentModelGroupPermission: React.FC<ContentModelGroupPermissionProps> = ({\n    Bind,\n    data,\n    entity,\n    title,\n    locales\n}) => {\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        <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 name={`${entity}AccessScope`} defaultValue={\"full\"}>\n                                <Select label={t`Access Scope`}>\n                                    <option value={\"full\"}>{t`All groups`}</option>\n                                    <option value={\"groups\"}>{t`Only specific groups`}</option>\n                                    {(endpoints.includes(\"manage\") && (\n                                        <option\n                                            value={\"own\"}\n                                        >{t`Only groups created by the user`}</option>\n                                    )) || <></>}\n                                </Select>\n                            </Bind>\n                        </Cell>\n                        {data[`${entity}AccessScope`] === \"groups\" && (\n                            <PermissionSelectorWrapper>\n                                <PermissionSelector\n                                    locales={locales}\n                                    Bind={Bind}\n                                    entity={entity}\n                                    selectorKey={\"groups\"}\n                                    getItems={getItems}\n                                />\n                            </PermissionSelectorWrapper>\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                    </Grid>\n                </Cell>\n            </Grid>\n        </Elevation>\n    );\n};\n\nexport default ContentModelGroupPermission;\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAA0C;AAI1C,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,mDAAmD,CAAC;AAStE,IAAMC,2BAAuE,GAAG,SAA1EA,2BAAuE,OAMvE;EAAA,IALFC,IAAI,QAAJA,IAAI;IACJC,IAAI,QAAJA,IAAI;IACJC,MAAM,QAANA,MAAM;IACNC,KAAK,QAALA,KAAK;IACLC,OAAO,QAAPA,OAAO;EAEP,IAAMC,YAAY,GAAG,IAAAC,sBAAU,EAACF,OAAO,CAAC;EAExC,IAAMG,QAAQ,GAAG,IAAAC,kBAAW,EACxB,UAACC,IAAY,EAAK;IACd,OAAOJ,YAAY,CAACI,IAAI,CAAC,CAAC,QAAQ,CAAC;EACvC,CAAC,EACD,CAACJ,YAAY,CAAC,CACjB;EAED,IAAMK,SAAS,GAAGT,IAAI,CAACS,SAAS,IAAI,EAAE;EAEtC,IAAMC,sBAAsB,GACxB,CAACC,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,CAACC,QAAQ,CAACZ,IAAI,WAAIC,MAAM,iBAAc,CAAC,IAC/D,CAACQ,SAAS,CAACG,QAAQ,CAAC,QAAQ,CAAC;EAEjC,oBACI,6BAAC,oBAAS;IAAC,CAAC,EAAE,CAAE;IAAC,KAAK,EAAE;MAAEC,SAAS,EAAE;IAAG;EAAE,gBACtC,6BAAC,UAAI,qBACD,6BAAC,UAAI;IAAC,IAAI,EAAE;EAAG,gBACX,6BAAC,sBAAU;IAAC,GAAG,EAAE;EAAW,GAAEX,KAAK,CAAc,CAC9C,eACP,6BAAC,UAAI;IAAC,IAAI,EAAE;EAAG,gBACX,6BAAC,UAAI;IAAC,KAAK,EAAE;MAAEY,OAAO,EAAE,CAAC;MAAEC,aAAa,EAAE;IAAG;EAAE,gBAC3C,6BAAC,UAAI;IAAC,IAAI,EAAE;EAAG,gBACX,6BAAC,IAAI;IAAC,IAAI,YAAKd,MAAM,gBAAc;IAAC,YAAY,EAAE;EAAO,gBACrD,6BAAC,cAAM;IAAC,KAAK,EAAEN,CAAC;EAAe,gBAC3B;IAAQ,KAAK,EAAE;EAAO,GAAEA,CAAC,gGAAsB,eAC/C;IAAQ,KAAK,EAAE;EAAS,GAAEA,CAAC,0GAAgC,EACzDc,SAAS,CAACG,QAAQ,CAAC,QAAQ,CAAC,iBAC1B;IACI,KAAK,EAAE;EAAM,GACfjB,CAAC,qHACN,iBAAK,2DAAK,CACN,CACN,CACJ,EACNK,IAAI,WAAIC,MAAM,iBAAc,KAAK,QAAQ,iBACtC,6BAAC,6CAAyB,qBACtB,6BAAC,sCAAkB;IACf,OAAO,EAAEE,OAAQ;IACjB,IAAI,EAAEJ,IAAK;IACX,MAAM,EAAEE,MAAO;IACf,WAAW,EAAE,QAAS;IACtB,QAAQ,EAAEK;EAAS,EACrB,CAET,eACD,6BAAC,UAAI;IAAC,IAAI,EAAE;EAAG,gBACX,6BAAC,IAAI;IAAC,IAAI,YAAKL,MAAM;EAAM,gBACvB,6BAAC,cAAM;IACH,KAAK,EAAEN,CAAC,oGAAkB;IAC1B,QAAQ,EAAEe;EAAuB,gBAEjC;IAAQ,KAAK,EAAE;EAAI,GAAEf,CAAC,0FAAgB,EACrCc,SAAS,CAACG,QAAQ,CAAC,QAAQ,CAAC,gBACzB;IAAQ,KAAK,EAAE;EAAK,GAAEjB,CAAC,iGAAuB,gBAE9C,2DACH,EACAc,SAAS,CAACG,QAAQ,CAAC,QAAQ,CAAC,gBACzB;IAAQ,KAAK,EAAE;EAAM,GAAEjB,CAAC,yGAA+B,gBAEvD,2DACH,CACI,CACN,CACJ,CACJ,CACJ,CACJ,CACC;AAEpB,CAAC;AAAC,eAEaG,2BAA2B;AAAA"}
+{"version":3,"file":"admin/plugins/permissionRenderer/components/ContentModelGroupPermission.js","sources":["../../../../../src/admin/plugins/permissionRenderer/components/ContentModelGroupPermission.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport { useCmsData } from \"./useCmsData.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 ContentModelGroupPermissionProps {\n    Bind: BindComponent;\n    data: Record<string, any>;\n    entity: string;\n    title: string;\n    disabled?: boolean;\n}\nconst ContentModelGroupPermission = ({\n    Bind,\n    data,\n    entity,\n    title,\n    disabled\n}: ContentModelGroupPermissionProps) => {\n    const modelsGroups = useCmsData();\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                            <FormComponentNote\n                                text={`Select the model user will be allowed to access.`}\n                            />\n                            {modelsGroups.groups.length === 0 ? (\n                                <Bind name={`${entity}Props.groups`}>\n                                    <></>\n                                </Bind>\n                            ) : (\n                                <div className={\"mt-md\"}>\n                                    <Bind name={`${entity}Props.groups`}>\n                                        <CheckboxGroup\n                                            items={modelsGroups.groups.map(item => {\n                                                return {\n                                                    value: item.slug,\n                                                    label: item.label,\n                                                    disabled\n                                                };\n                                            })}\n                                        />\n                                    </Bind>\n                                </div>\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"],"names":["t","i18n","ContentModelGroupPermission","Bind","data","entity","title","disabled","modelsGroups","useCmsData","endpoints","disabledPrimaryActions","undefined","PermissionsGroup","Grid","Select","FormComponentNote","CheckboxGroup","item"],"mappings":";;;;;AAOA,MAAMA,IAAIC,KAAK,EAAE,CAAC;AASlB,MAAMC,8BAA8B,CAAC,EACjCC,IAAI,EACJC,IAAI,EACJC,MAAM,EACNC,KAAK,EACLC,QAAQ,EACuB;IAC/B,MAAMC,eAAeC;IACrB,MAAMC,YAAYN,KAAK,SAAS,IAAI,EAAE;IAEtC,MAAMO,yBACF;QAACC;QAAW;QAAO;KAAK,CAAC,QAAQ,CAACR,IAAI,CAAC,GAAGC,OAAO,WAAW,CAAC,CAAC,KAC9D,CAACK,UAAU,QAAQ,CAAC;IAExB,OAAO,WAAP,GACI,oBAACG,kBAAgBA;QAAC,OAAOP;qBACrB,oBAACQ,MAAIA,MAAAA,WAAAA,GACD,oBAACA,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACX,MAAAA;QAAK,MAAM,GAAGE,OAAO,WAAW,CAAC;QAAE,cAAc;qBAC9C,oBAACU,QAAMA;QACH,OAAOf,CAAC,CAAC,YAAY,CAAC;QACtB,UAAUO;QACV,SAAS;YACL;gBACI,OAAO;gBACP,OAAOP,CAAC,CAAC,UAAU,CAAC;YACxB;YACA;gBACI,OAAO;gBACP,OAAOA,CAAC,CAAC,oBAAoB,CAAC;YAClC;eACKU,UAAU,QAAQ,CAAC,aAAa;gBACjC;oBACI,OAAO;oBACP,OAAOV,CAAC,CAAC,+BAA+B,CAAC;gBAC7C;aACH,IACG,EAAE;SACT;wBAIb,0CACKI,AAAiC,aAAjCA,IAAI,CAAC,GAAGC,OAAO,WAAW,CAAC,CAAC,IAAiB,WAAZ,GAC9B,oBAACS,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACE,mBAAiBA;QACd,MAAM;QAETR,AAA+B,MAA/BA,aAAa,MAAM,CAAC,MAAM,GAAS,WAAJ,GAC5B,oBAACL,MAAAA;QAAK,MAAM,GAAGE,OAAO,YAAY,CAAC;qBAC/B,2DAGJ,oBAAC;QAAI,WAAW;qBACZ,oBAACF,MAAAA;QAAK,MAAM,GAAGE,OAAO,YAAY,CAAC;qBAC/B,oBAACY,eAAaA;QACV,OAAOT,aAAa,MAAM,CAAC,GAAG,CAACU,CAAAA,OACpB;gBACH,OAAOA,KAAK,IAAI;gBAChB,OAAOA,KAAK,KAAK;gBACjBX;YACJ;0BAShC,oBAACO,KAAK,MAAM;QAAC,MAAM;qBACf,oBAACX,MAAAA;QAAK,MAAM,GAAGE,OAAO,GAAG,CAAC;qBACtB,oBAACU,QAAMA;QACH,OAAOf,CAAC,CAAC,eAAe,CAAC;QACzB,aAAa;QACb,UAAUO,YAAYI;QACtB,SAAS;YACL;gBACI,OAAO;gBACP,OAAOX,CAAC,CAAC,SAAS,CAAC;YACvB;eACIU,UAAU,QAAQ,CAAC,YACjB;gBACI;oBACI,OAAO;oBACP,OAAOV,CAAC,CAAC,WAAW,CAAC;gBACzB;gBACA;oBACI,OAAO;oBACP,OAAOA,CAAC,CAAC,mBAAmB,CAAC;gBACjC;aACH,GACD,EAAE;SACX;;AAO7B;AAEA,+CAAeE"}

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

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

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

@@ -1,58 +1,27 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _react = _interopRequireDefault(require("react"));
-var _emotion = require("emotion");
-var _groupBy = _interopRequireDefault(require("lodash/groupBy"));
-var _get = _interopRequireDefault(require("lodash/get"));
-var _Typography = require("@webiny/ui/Typography");
-var _Checkbox = require("@webiny/ui/Checkbox");
-var groupStyles = /*#__PURE__*/(0, _emotion.css)({
-  marginLeft: 20
-}, "label:groupStyles;");
-var labelStyles = /*#__PURE__*/(0, _emotion.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((0, _groupBy.default)(items.map(function (item) {
-    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, item), {}, {
-      groupName: (0, _get.default)(item, "group.label")
-    });
-  }), "groupName"));
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, list.map(function (_ref2) {
-    var _ref3 = (0, _slicedToArray2.default)(_ref2, 2),
-      key = _ref3[0],
-      value = _ref3[1];
-    return /*#__PURE__*/_react.default.createElement("div", {
-      key: key,
-      className: groupStyles
-    }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-      use: "caption",
-      className: labelStyles
-    }, key), value.map(function (_ref4) {
-      var id = _ref4.id,
-        label = _ref4.label;
-      return /*#__PURE__*/_react.default.createElement("div", {
-        key: id
-      }, /*#__PURE__*/_react.default.createElement(_Checkbox.Checkbox, {
-        key: id,
-        label: label,
-        value: getValue(id),
-        onChange: onChange(id)
-      }));
-    }));
-  }));
+import react from "react";
+import groupBy from "lodash/groupBy.js";
+import get from "lodash/get.js";
+import { CheckboxGroup } from "@webiny/admin-ui";
+const ContentModelList = ({ items, disabled, value, onChange })=>{
+    const list = Object.entries(groupBy(items.map((item)=>({
+            ...item,
+            groupName: get(item, "group.label")
+        })), "groupName"));
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, list.map(([key, items])=>/*#__PURE__*/ react.createElement("div", {
+            key: key,
+            className: "ml-md mt-sm"
+        }, /*#__PURE__*/ react.createElement(CheckboxGroup, {
+            label: key,
+            value: value,
+            onChange: onChange,
+            items: items.map((item)=>({
+                    value: item.id,
+                    label: item.label,
+                    disabled
+                }))
+        }))));
 };
-var _default = ContentModelList;
-exports.default = _default;
+const components_ContentModelList = ContentModelList;
+export default components_ContentModelList;
+
+//# sourceMappingURL=ContentModelList.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["groupStyles","css","marginLeft","labelStyles","display","color","fontWeight","ContentModelList","items","onChange","getValue","list","Object","entries","groupBy","map","item","groupName","get","key","value","id","label"],"sources":["ContentModelList.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport groupBy from \"lodash/groupBy\";\nimport get from \"lodash/get\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { Checkbox } from \"@webiny/ui/Checkbox\";\nimport { GetValueCallable, OnChangeCallable, PermissionSelectorCmsGroup } from \"./types\";\n\nconst groupStyles = css({\n    marginLeft: 20\n});\n\nconst labelStyles = css({\n    display: \"block\",\n    color: \"var(--mdc-theme-text-secondary-on-light)\",\n    fontWeight: \"bold\"\n});\n\ninterface GroupItem extends PermissionSelectorCmsGroup {\n    groupName: string;\n}\n\ninterface ContentModelListProps {\n    items: PermissionSelectorCmsGroup[];\n    onChange: OnChangeCallable;\n    getValue: GetValueCallable;\n}\nconst ContentModelList: React.FC<ContentModelListProps> = ({ items, onChange, getValue }) => {\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        <React.Fragment>\n            {list.map(([key, value]) => {\n                return (\n                    <div key={key} className={groupStyles}>\n                        <Typography use={\"caption\"} className={labelStyles}>\n                            {key}\n                        </Typography>\n                        {(value as any[]).map(({ id, label }) => (\n                            <div key={id}>\n                                <Checkbox\n                                    key={id}\n                                    label={label}\n                                    value={getValue(id)}\n                                    onChange={onChange(id)}\n                                />\n                            </div>\n                        ))}\n                    </div>\n                );\n            })}\n        </React.Fragment>\n    );\n};\n\nexport default ContentModelList;\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AAGA,IAAMA,WAAW,gBAAG,IAAAC,YAAG,EAAC;EACpBC,UAAU,EAAE;AAChB,CAAC,uBAAC;AAEF,IAAMC,WAAW,gBAAG,IAAAF,YAAG,EAAC;EACpBG,OAAO,EAAE,OAAO;EAChBC,KAAK,EAAE,0CAA0C;EACjDC,UAAU,EAAE;AAChB,CAAC,uBAAC;AAWF,IAAMC,gBAAiD,GAAG,SAApDA,gBAAiD,OAAsC;EAAA,IAAhCC,KAAK,QAALA,KAAK;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,QAAQ,QAARA,QAAQ;EAClF,IAAMC,IAA6B,GAAGC,MAAM,CAACC,OAAO,CAChD,IAAAC,gBAAO,EACHN,KAAK,CAACO,GAAG,CAAC,UAACC,IAAI,EAAgB;IAC3B,mEACOA,IAAI;MACPC,SAAS,EAAE,IAAAC,YAAG,EAACF,IAAI,EAAE,aAAa;IAAC;EAE3C,CAAC,CAAC,EACF,WAAW,CACd,CACJ;EAED,oBACI,6BAAC,cAAK,CAAC,QAAQ,QACVL,IAAI,CAACI,GAAG,CAAC,iBAAkB;IAAA;MAAhBI,GAAG;MAAEC,KAAK;IAClB,oBACI;MAAK,GAAG,EAAED,GAAI;MAAC,SAAS,EAAEnB;IAAY,gBAClC,6BAAC,sBAAU;MAAC,GAAG,EAAE,SAAU;MAAC,SAAS,EAAEG;IAAY,GAC9CgB,GAAG,CACK,EACXC,KAAK,CAAWL,GAAG,CAAC;MAAA,IAAGM,EAAE,SAAFA,EAAE;QAAEC,KAAK,SAALA,KAAK;MAAA,oBAC9B;QAAK,GAAG,EAAED;MAAG,gBACT,6BAAC,kBAAQ;QACL,GAAG,EAAEA,EAAG;QACR,KAAK,EAAEC,KAAM;QACb,KAAK,EAAEZ,QAAQ,CAACW,EAAE,CAAE;QACpB,QAAQ,EAAEZ,QAAQ,CAACY,EAAE;MAAE,EACzB,CACA;IAAA,CACT,CAAC,CACA;EAEd,CAAC,CAAC,CACW;AAEzB,CAAC;AAAC,eAEad,gBAAgB;AAAA"}
+{"version":3,"file":"admin/plugins/permissionRenderer/components/ContentModelList.js","sources":["../../../../../src/admin/plugins/permissionRenderer/components/ContentModelList.tsx"],"sourcesContent":["import React from \"react\";\nimport groupBy from \"lodash/groupBy.js\";\nimport get from \"lodash/get.js\";\nimport type { PermissionSelectorCmsGroup } from \"./types.js\";\nimport { CheckboxGroup } from \"@webiny/admin-ui\";\n\ninterface GroupItem extends PermissionSelectorCmsGroup {\n    groupName: string;\n}\n\ninterface ContentModelListProps {\n    items: PermissionSelectorCmsGroup[];\n    disabled?: boolean;\n    value?: string[];\n    onChange?: (values: string[]) => void;\n}\nconst ContentModelList = ({ items, 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            {list.map(([key, items]) => {\n                return (\n                    <div key={key} className={\"ml-md 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"],"names":["ContentModelList","items","disabled","value","onChange","list","Object","groupBy","item","get","key","CheckboxGroup"],"mappings":";;;;AAgBA,MAAMA,mBAAmB,CAAC,EAAEC,KAAK,EAAEC,QAAQ,EAAEC,KAAK,EAAEC,QAAQ,EAAyB;IACjF,MAAMC,OAAgCC,OAAO,OAAO,CAChDC,QACIN,MAAM,GAAG,CAAC,CAACO,OACA;YACH,GAAGA,IAAI;YACP,WAAWC,IAAID,MAAM;QACzB,KAEJ;IAIR,OAAO,WAAP,GACI,0CACKH,KAAK,GAAG,CAAC,CAAC,CAACK,KAAKT,MAAM,GACZ,WAAP,GACI,oBAAC;YAAI,KAAKS;YAAK,WAAW;yBACtB,oBAACC,eAAaA;YACV,OAAOD;YACP,OAAOP;YACP,UAAUC;YACV,OAAOH,MAAM,GAAG,CAACO,CAAAA,OACN;oBACH,OAAOA,KAAK,EAAE;oBACd,OAAOA,KAAK,KAAK;oBACjBN;gBACJ;;AAQhC;AAEA,oCAAeF"}

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

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

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

@@ -1,111 +1,99 @@
-"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.ContentModelPermission = 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 _PermissionSelector = require("./PermissionSelector");
-var _useCmsData = require("./useCmsData");
-var _StyledComponents = require("./StyledComponents");
-var _ContentModelList = _interopRequireDefault(require("./ContentModelList"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
-var t = _i18n.i18n.ns("app-headless-cms/admin/plugins/permissionRenderer");
-var ContentModelPermission = function ContentModelPermission(_ref) {
-  var Bind = _ref.Bind,
-    data = _ref.data,
-    setValue = _ref.setValue,
-    entity = _ref.entity,
-    title = _ref.title,
-    locales = _ref.locales,
-    _ref$selectedContentM = _ref.selectedContentModelGroups,
-    selectedContentModelGroups = _ref$selectedContentM === void 0 ? {} : _ref$selectedContentM;
-  var modelsGroups = (0, _useCmsData.useCmsData)(locales);
-  // Set "cms.contentModel" access scope to "own" if "cms.contentModelGroup" === "own".
-  (0, _react.useEffect)(function () {
-    if ((0, _get.default)(data, "contentModelGroupAccessScope") === "own" && (0, _get.default)(data, "".concat(entity, "AccessScope")) !== "own") {
-      setValue("".concat(entity, "AccessScope"), "own");
-    }
-  }, [data]);
-  var getItems = (0, _react.useCallback)(function (code) {
-    var list = (0, _get.default)(modelsGroups, "".concat(code, ".models"), []);
-    var groups = selectedContentModelGroups[code] || [];
-    if (groups.length) {
-      // Filter by groups
-      list = list.filter(function (item) {
-        return groups.includes(item.group.id);
-      });
-    }
-    return list;
-  }, [modelsGroups]);
-  var endpoints = data.endpoints || [];
-  var disabledPrimaryActions = [undefined, "own", "no"].includes(data["".concat(entity, "AccessScope")]) || !endpoints.includes("manage");
-  return /*#__PURE__*/_react.default.createElement(_Elevation.Elevation, {
-    z: 1,
-    style: {
-      marginTop: 10
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-    span: 12
-  }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "overline"
-  }, title)), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-    span: 12
-  }, /*#__PURE__*/_react.default.createElement(_Grid.Grid, {
-    style: {
-      padding: 0,
-      paddingBottom: 24
-    }
-  }, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-    span: 12
-  }, /*#__PURE__*/_react.default.createElement(Bind, {
-    name: "".concat(entity, "AccessScope"),
-    defaultValue: "full"
-  }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
-    label: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Access Scope"]))),
-    disabled: data["contentModelGroupAccessScope"] === "own",
-    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["The list of available models is defined by the options set in the content model groups section above."])))
-  }, /*#__PURE__*/_react.default.createElement("option", {
-    value: "full"
-  }, t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["All models"])))), /*#__PURE__*/_react.default.createElement("option", {
-    value: "models"
-  }, t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Only specific models"])))), endpoints.includes("manage") && /*#__PURE__*/_react.default.createElement("option", {
-    value: "own"
-  }, t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Only models created by the user"])))) || /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null))), data["contentModelGroupAccessScope"] === "own" && /*#__PURE__*/_react.default.createElement(_StyledComponents.Note, null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "caption"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "highlight"
-  }, "Content Model"), "\xA0", t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["access depends upon"]))), "\xA0", /*#__PURE__*/_react.default.createElement("span", {
-    className: "highlight"
-  }, "Content Model Group")))), data["".concat(entity, "AccessScope")] === "models" && /*#__PURE__*/_react.default.createElement(_PermissionSelector.PermissionSelectorWrapper, null, /*#__PURE__*/_react.default.createElement(_PermissionSelector.PermissionSelector, {
-    locales: locales,
-    Bind: Bind,
-    entity: entity,
-    selectorKey: "models",
-    getItems: getItems,
-    RenderItems: _ContentModelList.default
-  })), /*#__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))))))));
+import react, { useEffect, useMemo } from "react";
+import get from "lodash/get.js";
+import { i18n } from "@webiny/app/i18n/index.js";
+import { useCmsData } from "./useCmsData.js";
+import ContentModelList from "./ContentModelList.js";
+import { FormComponentNote, Grid, Select } from "@webiny/admin-ui";
+import { PermissionsGroup } from "@webiny/app-admin";
+const t = i18n.ns("app-headless-cms/admin/plugins/permissionRenderer");
+const ContentModelPermission = ({ Bind, data, setValue, entity, title, selectedContentModelGroups = [], disabled })=>{
+    const modelsGroups = useCmsData();
+    useEffect(()=>{
+        if ("own" === get(data, "contentModelGroupAccessScope") && "own" !== get(data, `${entity}AccessScope`)) setValue(`${entity}AccessScope`, "own");
+    }, [
+        data
+    ]);
+    const items = useMemo(()=>{
+        let list = modelsGroups.models;
+        const groups = selectedContentModelGroups || [];
+        if (groups.length) list = list.filter((item)=>groups.includes(item.group.slug));
+        return list;
+    }, [
+        modelsGroups
+    ]);
+    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(Grid, null, /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(Bind, {
+        name: `${entity}AccessScope`,
+        defaultValue: "full"
+    }, /*#__PURE__*/ react.createElement(Select, {
+        label: t`Access Scope`,
+        disabled: disabled || "own" === data["contentModelGroupAccessScope"],
+        description: t`The list of available models is defined by the options set in the content model groups section above.`,
+        options: [
+            {
+                value: "full",
+                label: t`All models`
+            },
+            {
+                value: "models",
+                label: t`Only specific models`
+            },
+            ...endpoints.includes("manage") && [
+                {
+                    value: "own",
+                    label: t`Only models created by the user`
+                }
+            ] || []
+        ]
+    })), "own" === data["contentModelGroupAccessScope"] && /*#__PURE__*/ react.createElement(FormComponentNote, null, /*#__PURE__*/ react.createElement("strong", null, "Content Model"), "\xa0", t`access depends upon`, "\xa0", /*#__PURE__*/ react.createElement("strong", null, "Content Model Group"))), /*#__PURE__*/ react.createElement(react.Fragment, null, "models" === data[`${entity}AccessScope`] && /*#__PURE__*/ react.createElement(Grid.Column, {
+        span: 12
+    }, /*#__PURE__*/ react.createElement(FormComponentNote, {
+        text: "Select the model user will be allowed to access."
+    }), 0 === items.length ? /*#__PURE__*/ react.createElement(Bind, {
+        name: `${entity}Props.models`
+    }, /*#__PURE__*/ react.createElement(react.Fragment, null)) : /*#__PURE__*/ react.createElement("div", {
+        className: "mt-md"
+    }, /*#__PURE__*/ react.createElement(Bind, {
+        name: `${entity}Props.models`
+    }, /*#__PURE__*/ react.createElement(ContentModelList, {
+        items: items
+    }))))), /*#__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`
+                }
+            ] : []
+        ]
+    })))))));
 };
-exports.ContentModelPermission = ContentModelPermission;
+export { ContentModelPermission };
+
+//# sourceMappingURL=ContentModelPermission.js.map