@webiny/app-headless-cms 6.0.0-beta.0 → 6.0.0-rc.1

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Grid","_Select","_i18n","_Elevation","_Typography","_PermissionSelector","_useCmsData","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","t","i18n","ns","ContentModelGroupPermission","_ref","Bind","data","entity","title","locales","disabled","modelsGroups","useCmsData","getItems","useCallback","code","endpoints","disabledPrimaryActions","undefined","includes","concat","default","createElement","Elevation","z","style","marginTop","Grid","Cell","span","Typography","use","padding","paddingBottom","name","defaultValue","Select","label","_taggedTemplateLiteral2","value","Fragment","PermissionSelectorWrapper","PermissionSelector","selectorKey","_default","exports"],"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    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        <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`} disabled={disabled}>\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                                    disabled={disabled}\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={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":"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","ignoreList":[]}
+{"version":3,"names":["React","i18n","useCmsData","CheckboxGroup","FormComponentNote","Grid","Select","PermissionsGroup","t","ns","ContentModelGroupPermission","Bind","data","entity","title","disabled","modelsGroups","endpoints","disabledPrimaryActions","undefined","includes","createElement","Column","span","name","defaultValue","label","options","value","Fragment","text","groups","length","className","items","map","item","slug","placeholder"],"sources":["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"],"mappings":"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","ignoreList":[]}

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: ({ items, onChange, getValue }: ContentModelListProps) => React.JSX.Element;
+declare const ContentModelList: ({ items, disabled, value, onChange }: ContentModelListProps) => React.JSX.Element;
 export default ContentModelList;

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

@@ -1,59 +1,37 @@
-"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 = (0, _emotion.css)({
-  marginLeft: 20
-});
-var labelStyles = (0, _emotion.css)({
-  display: "block",
-  color: "var(--mdc-theme-text-secondary-on-light)",
-  fontWeight: "bold"
-});
-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")
-    });
+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 => {
+    return {
+      ...item,
+      groupName: get(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", {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, list.map(([key, items]) => {
+    return /*#__PURE__*/React.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)
-      }));
+      className: "ml-md mt-sm"
+    }, /*#__PURE__*/React.createElement(CheckboxGroup, {
+      label: key,
+      value: value,
+      onChange: onChange,
+      items: items.map(item => {
+        return {
+          value: item.id,
+          label: item.label,
+          disabled
+        };
+      })
     }));
   }));
 };
-var _default = exports.default = ContentModelList;
+export default ContentModelList;
 
 //# sourceMappingURL=ContentModelList.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_groupBy","_get","_Typography","_Checkbox","groupStyles","css","marginLeft","labelStyles","display","color","fontWeight","ContentModelList","_ref","items","onChange","getValue","list","Object","entries","groupBy","map","item","_objectSpread2","default","groupName","get","createElement","Fragment","_ref2","_ref3","_slicedToArray2","key","value","className","Typography","use","_ref4","id","label","Checkbox","_default","exports"],"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 = ({ items, onChange, getValue }: 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        <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.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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,IAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,SAAA,GAAAL,OAAA;AAGA,IAAMM,WAAW,GAAG,IAAAC,YAAG,EAAC;EACpBC,UAAU,EAAE;AAChB,CAAC,CAAC;AAEF,IAAMC,WAAW,GAAG,IAAAF,YAAG,EAAC;EACpBG,OAAO,EAAE,OAAO;EAChBC,KAAK,EAAE,0CAA0C;EACjDC,UAAU,EAAE;AAChB,CAAC,CAAC;AAWF,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,EAA6D;EAAA,IAAvDC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAEC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;EACjD,IAAMC,IAA6B,GAAGC,MAAM,CAACC,OAAO,CAChD,IAAAC,gBAAO,EACHN,KAAK,CAACO,GAAG,CAAC,UAACC,IAAI,EAAgB;IAC3B,WAAAC,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MACOF,IAAI;MACPG,SAAS,EAAE,IAAAC,YAAG,EAACJ,IAAI,EAAE,aAAa;IAAC;EAE3C,CAAC,CAAC,EACF,WACJ,CACJ,CAAC;EAED,oBACIzB,MAAA,CAAA2B,OAAA,CAAAG,aAAA,CAAC9B,MAAA,CAAA2B,OAAK,CAACI,QAAQ,QACVX,IAAI,CAACI,GAAG,CAAC,UAAAQ,KAAA,EAAkB;IAAA,IAAAC,KAAA,OAAAC,eAAA,CAAAP,OAAA,EAAAK,KAAA;MAAhBG,GAAG,GAAAF,KAAA;MAAEG,KAAK,GAAAH,KAAA;IAClB,oBACIjC,MAAA,CAAA2B,OAAA,CAAAG,aAAA;MAAKK,GAAG,EAAEA,GAAI;MAACE,SAAS,EAAE7B;IAAY,gBAClCR,MAAA,CAAA2B,OAAA,CAAAG,aAAA,CAACxB,WAAA,CAAAgC,UAAU;MAACC,GAAG,EAAE,SAAU;MAACF,SAAS,EAAE1B;IAAY,GAC9CwB,GACO,CAAC,EACZC,KAAK,CAACZ,GAAG,CAAC,UAAAgB,KAAA;MAAA,IAAGC,EAAE,GAAAD,KAAA,CAAFC,EAAE;QAAEC,KAAK,GAAAF,KAAA,CAALE,KAAK;MAAA,oBACnB1C,MAAA,CAAA2B,OAAA,CAAAG,aAAA;QAAKK,GAAG,EAAEM;MAAG,gBACTzC,MAAA,CAAA2B,OAAA,CAAAG,aAAA,CAACvB,SAAA,CAAAoC,QAAQ;QACLR,GAAG,EAAEM,EAAG;QACRC,KAAK,EAAEA,KAAM;QACbN,KAAK,EAAEjB,QAAQ,CAACsB,EAAE,CAAE;QACpBvB,QAAQ,EAAEA,QAAQ,CAACuB,EAAE;MAAE,CAC1B,CACA,CAAC;IAAA,CACT,CACA,CAAC;EAEd,CAAC,CACW,CAAC;AAEzB,CAAC;AAAC,IAAAG,QAAA,GAAAC,OAAA,CAAAlB,OAAA,GAEaZ,gBAAgB","ignoreList":[]}
+{"version":3,"names":["React","groupBy","get","CheckboxGroup","ContentModelList","items","disabled","value","onChange","list","Object","entries","map","item","groupName","createElement","Fragment","key","className","label","id"],"sources":["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"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,OAAO,MAAM,mBAAmB;AACvC,OAAOC,GAAG,MAAM,eAAe;AAE/B,SAASC,aAAa,QAAQ,kBAAkB;AAYhD,MAAMC,gBAAgB,GAAGA,CAAC;EAAEC,KAAK;EAAEC,QAAQ;EAAEC,KAAK;EAAEC;AAAgC,CAAC,KAAK;EACtF,MAAMC,IAA6B,GAAGC,MAAM,CAACC,OAAO,CAChDV,OAAO,CACHI,KAAK,CAACO,GAAG,CAAEC,IAAI,IAAgB;IAC3B,OAAO;MACH,GAAGA,IAAI;MACPC,SAAS,EAAEZ,GAAG,CAACW,IAAI,EAAE,aAAa;IACtC,CAAC;EACL,CAAC,CAAC,EACF,WACJ,CACJ,CAAC;EAED,oBACIb,KAAA,CAAAe,aAAA,CAAAf,KAAA,CAAAgB,QAAA,QACKP,IAAI,CAACG,GAAG,CAAC,CAAC,CAACK,GAAG,EAAEZ,KAAK,CAAC,KAAK;IACxB,oBACIL,KAAA,CAAAe,aAAA;MAAKE,GAAG,EAAEA,GAAI;MAACC,SAAS,EAAE;IAAc,gBACpClB,KAAA,CAAAe,aAAA,CAACZ,aAAa;MACVgB,KAAK,EAAEF,GAAI;MACXV,KAAK,EAAEA,KAAM;MACbC,QAAQ,EAAEA,QAAS;MACnBH,KAAK,EAAEA,KAAK,CAACO,GAAG,CAACC,IAAI,IAAI;QACrB,OAAO;UACHN,KAAK,EAAEM,IAAI,CAACO,EAAE;UACdD,KAAK,EAAEN,IAAI,CAACM,KAAK;UACjBb;QACJ,CAAC;MACL,CAAC;IAAE,CACN,CACA,CAAC;EAEd,CAAC,CACH,CAAC;AAEX,CAAC;AAED,eAAeF,gBAAgB","ignoreList":[]}

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

@@ -1,15 +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: ({ Bind, data, setValue, entity, title, locales, selectedContentModelGroups, disabled }: ContentModelPermissionProps) => React.JSX.Element;
+export declare const ContentModelPermission: ({ Bind, data, setValue, entity, title, selectedContentModelGroups, disabled }: ContentModelPermissionProps) => React.JSX.Element;
 export {};

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

@@ -1,114 +1,92 @@
-"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 = exports.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,
-    disabled = _ref.disabled;
-  var modelsGroups = (0, _useCmsData.useCmsData)(locales);
+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");
+export const ContentModelPermission = ({
+  Bind,
+  data,
+  setValue,
+  entity,
+  title,
+  selectedContentModelGroups = [],
+  disabled
+}) => {
+  const modelsGroups = useCmsData();
   // 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");
+  useEffect(() => {
+    if (get(data, `contentModelGroupAccessScope`) === "own" && get(data, `${entity}AccessScope`) !== "own") {
+      setValue(`${entity}AccessScope`, "own");
     }
   }, [data]);
-  var getItems = (0, _react.useCallback)(function (code) {
-    var list = (0, _get.default)(modelsGroups, "".concat(code, ".models"), []);
-    var groups = selectedContentModelGroups[code] || [];
+  const items = useMemo(() => {
+    let list = modelsGroups.models;
+    const groups = selectedContentModelGroups || [];
     if (groups.length) {
       // Filter by groups
-      list = list.filter(function (item) {
-        return groups.includes(item.group.id);
-      });
+      list = list.filter(item => groups.includes(item.group.slug));
     }
     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, {
+  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.default.createElement(_Typography.Typography, {
-    use: "overline"
-  }, title)), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
     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"),
+  }, /*#__PURE__*/React.createElement(Bind, {
+    name: `${entity}AccessScope`,
     defaultValue: "full"
-  }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
-    label: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Access Scope"]))),
-    disabled: 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, {
-    disabled: disabled,
-    locales: locales,
-    Bind: Bind,
-    entity: entity,
-    selectorKey: "models",
-    getItems: getItems,
-    RenderItems: _ContentModelList.default
-  })), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
+  }, /*#__PURE__*/React.createElement(Select, {
+    label: t`Access Scope`,
+    disabled: disabled || data[`contentModelGroupAccessScope`] === "own",
+    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`
+    }] || [])]
+  })), data[`contentModelGroupAccessScope`] === "own" && /*#__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, data[`${entity}AccessScope`] === "models" && /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(FormComponentNote, {
+    text: `Select the model user will be allowed to access.`
+  }), items.length === 0 ? /*#__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.default.createElement(Bind, {
-    name: "".concat(entity, "RWD")
-  }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
-    label: t(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2.default)(["Primary Actions"]))),
-    disabled: 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))))))));
+  }, /*#__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`
+    }] : [])]
+  })))))));
 };
 
 //# sourceMappingURL=ContentModelPermission.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_get","_interopRequireDefault","_Grid","_Typography","_Select","_i18n","_Elevation","_PermissionSelector","_useCmsData","_StyledComponents","_ContentModelList","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","_templateObject10","t","i18n","ns","ContentModelPermission","exports","_ref","Bind","data","setValue","entity","title","locales","_ref$selectedContentM","selectedContentModelGroups","disabled","modelsGroups","useCmsData","useEffect","get","concat","getItems","useCallback","code","list","groups","length","filter","item","includes","group","id","endpoints","disabledPrimaryActions","undefined","default","createElement","Elevation","z","style","marginTop","Grid","Cell","span","Typography","use","padding","paddingBottom","name","defaultValue","Select","label","_taggedTemplateLiteral2","description","value","Fragment","Note","className","PermissionSelectorWrapper","PermissionSelector","selectorKey","RenderItems","ContentModelList"],"sources":["ContentModelPermission.tsx"],"sourcesContent":["import React, { useCallback, 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 { PermissionSelector, PermissionSelectorWrapper } from \"./PermissionSelector\";\nimport { useCmsData, CmsDataCmsModel } from \"./useCmsData\";\nimport { Note } from \"./StyledComponents\";\nimport ContentModelList from \"./ContentModelList\";\nimport { BindComponent } from \"@webiny/form/types\";\nimport { CmsSecurityPermission } from \"~/types\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/plugins/permissionRenderer\");\n\ninterface ContentModelPermissionProps {\n    Bind: BindComponent;\n    data: CmsSecurityPermission;\n    setValue: (name: string, value: string) => void;\n    entity: string;\n    title: string;\n    locales: string[];\n    selectedContentModelGroups?: Record<string, string[]>;\n    disabled?: boolean;\n}\nexport const ContentModelPermission = ({\n    Bind,\n    data,\n    setValue,\n    entity,\n    title,\n    locales,\n    selectedContentModelGroups = {},\n    disabled\n}: ContentModelPermissionProps) => {\n    const modelsGroups = useCmsData(locales);\n    // Set \"cms.contentModel\" access scope to \"own\" if \"cms.contentModelGroup\" === \"own\".\n    useEffect(() => {\n        if (\n            get(data, `contentModelGroupAccessScope`) === \"own\" &&\n            get(data, `${entity}AccessScope`) !== \"own\"\n        ) {\n            setValue(`${entity}AccessScope`, \"own\");\n        }\n    }, [data]);\n\n    const getItems = useCallback(\n        (code: string): CmsDataCmsModel[] => {\n            let list = get(modelsGroups, `${code}.models`, []) as CmsDataCmsModel[];\n\n            const groups: string[] = selectedContentModelGroups[code] || [];\n            if (groups.length) {\n                // Filter by groups\n                list = list.filter(item => groups.includes(item.group.id));\n            }\n\n            return list;\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\n                                    label={t`Access Scope`}\n                                    disabled={\n                                        disabled || data[`contentModelGroupAccessScope`] === \"own\"\n                                    }\n                                    description={t`The list of available models is defined by the options set in the content model groups section above.`}\n                                >\n                                    <option value={\"full\"}>{t`All models`}</option>\n                                    <option value={\"models\"}>{t`Only specific models`}</option>\n                                    {(endpoints.includes(\"manage\") && (\n                                        <option\n                                            value={\"own\"}\n                                        >{t`Only models created by the user`}</option>\n                                    )) || <></>}\n                                </Select>\n                            </Bind>\n                            {data[`contentModelGroupAccessScope`] === \"own\" && (\n                                <Note>\n                                    <Typography use={\"caption\"}>\n                                        <span className={\"highlight\"}>Content Model</span>\n                                        &nbsp;{t`access depends upon`}&nbsp;\n                                        <span className={\"highlight\"}>Content Model Group</span>\n                                    </Typography>\n                                </Note>\n                            )}\n                        </Cell>\n                        {data[`${entity}AccessScope`] === \"models\" && (\n                            <PermissionSelectorWrapper>\n                                <PermissionSelector\n                                    disabled={disabled}\n                                    locales={locales}\n                                    Bind={Bind}\n                                    entity={entity}\n                                    selectorKey={\"models\"}\n                                    getItems={getItems}\n                                    RenderItems={ContentModelList}\n                                />\n                            </PermissionSelectorWrapper>\n                        )}\n\n                        <Cell span={12}>\n                            <Bind name={`${entity}RWD`}>\n                                <Select\n                                    label={t`Primary Actions`}\n                                    disabled={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"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AACA,IAAAM,KAAA,GAAAN,OAAA;AACA,IAAAO,UAAA,GAAAP,OAAA;AACA,IAAAQ,mBAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AACA,IAAAU,iBAAA,GAAAV,OAAA;AACA,IAAAW,iBAAA,GAAAT,sBAAA,CAAAF,OAAA;AAAkD,IAAAY,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,iBAAA;AAIlD,IAAMC,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,mDAAmD,CAAC;AAY/D,IAAMC,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,SAAzBA,sBAAsBA,CAAAE,IAAA,EASA;EAAA,IAR/BC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,MAAM,GAAAJ,IAAA,CAANI,MAAM;IACNC,KAAK,GAAAL,IAAA,CAALK,KAAK;IACLC,OAAO,GAAAN,IAAA,CAAPM,OAAO;IAAAC,qBAAA,GAAAP,IAAA,CACPQ,0BAA0B;IAA1BA,0BAA0B,GAAAD,qBAAA,cAAG,CAAC,CAAC,GAAAA,qBAAA;IAC/BE,QAAQ,GAAAT,IAAA,CAARS,QAAQ;EAER,IAAMC,YAAY,GAAG,IAAAC,sBAAU,EAACL,OAAO,CAAC;EACxC;EACA,IAAAM,gBAAS,EAAC,YAAM;IACZ,IACI,IAAAC,YAAG,EAACX,IAAI,gCAAgC,CAAC,KAAK,KAAK,IACnD,IAAAW,YAAG,EAACX,IAAI,KAAAY,MAAA,CAAKV,MAAM,gBAAa,CAAC,KAAK,KAAK,EAC7C;MACED,QAAQ,IAAAW,MAAA,CAAIV,MAAM,kBAAe,KAAK,CAAC;IAC3C;EACJ,CAAC,EAAE,CAACF,IAAI,CAAC,CAAC;EAEV,IAAMa,QAAQ,GAAG,IAAAC,kBAAW,EACxB,UAACC,IAAY,EAAwB;IACjC,IAAIC,IAAI,GAAG,IAAAL,YAAG,EAACH,YAAY,KAAAI,MAAA,CAAKG,IAAI,cAAW,EAAE,CAAsB;IAEvE,IAAME,MAAgB,GAAGX,0BAA0B,CAACS,IAAI,CAAC,IAAI,EAAE;IAC/D,IAAIE,MAAM,CAACC,MAAM,EAAE;MACf;MACAF,IAAI,GAAGA,IAAI,CAACG,MAAM,CAAC,UAAAC,IAAI;QAAA,OAAIH,MAAM,CAACI,QAAQ,CAACD,IAAI,CAACE,KAAK,CAACC,EAAE,CAAC;MAAA,EAAC;IAC9D;IAEA,OAAOP,IAAI;EACf,CAAC,EACD,CAACR,YAAY,CACjB,CAAC;EAED,IAAMgB,SAAS,GAAGxB,IAAI,CAACwB,SAAS,IAAI,EAAE;EAEtC,IAAMC,sBAAsB,GACxB,CAACC,SAAS,EAAE,KAAK,EAAE,IAAI,CAAC,CAACL,QAAQ,CAACrB,IAAI,IAAAY,MAAA,CAAIV,MAAM,iBAAc,CAAC,IAC/D,CAACsB,SAAS,CAACH,QAAQ,CAAC,QAAQ,CAAC;EAEjC,oBACIpD,MAAA,CAAA0D,OAAA,CAAAC,aAAA,CAAClD,UAAA,CAAAmD,SAAS;IAACC,CAAC,EAAE,CAAE;IAACC,KAAK,EAAE;MAAEC,SAAS,EAAE;IAAG;EAAE,gBACtC/D,MAAA,CAAA0D,OAAA,CAAAC,aAAA,CAACtD,KAAA,CAAA2D,IAAI,qBACDhE,MAAA,CAAA0D,OAAA,CAAAC,aAAA,CAACtD,KAAA,CAAA4D,IAAI;IAACC,IAAI,EAAE;EAAG,gBACXlE,MAAA,CAAA0D,OAAA,CAAAC,aAAA,CAACrD,WAAA,CAAA6D,UAAU;IAACC,GAAG,EAAE;EAAW,GAAElC,KAAkB,CAC9C,CAAC,eACPlC,MAAA,CAAA0D,OAAA,CAAAC,aAAA,CAACtD,KAAA,CAAA4D,IAAI;IAACC,IAAI,EAAE;EAAG,gBACXlE,MAAA,CAAA0D,OAAA,CAAAC,aAAA,CAACtD,KAAA,CAAA2D,IAAI;IAACF,KAAK,EAAE;MAAEO,OAAO,EAAE,CAAC;MAAEC,aAAa,EAAE;IAAG;EAAE,gBAC3CtE,MAAA,CAAA0D,OAAA,CAAAC,aAAA,CAACtD,KAAA,CAAA4D,IAAI;IAACC,IAAI,EAAE;EAAG,gBACXlE,MAAA,CAAA0D,OAAA,CAAAC,aAAA,CAAC7B,IAAI;IAACyC,IAAI,KAAA5B,MAAA,CAAKV,MAAM,gBAAc;IAACuC,YAAY,EAAE;EAAO,gBACrDxE,MAAA,CAAA0D,OAAA,CAAAC,aAAA,CAACpD,OAAA,CAAAkE,MAAM;IACHC,KAAK,EAAElD,CAAC,CAAAV,eAAA,KAAAA,eAAA,OAAA6D,uBAAA,CAAAjB,OAAA,qBAAe;IACvBpB,QAAQ,EACJA,QAAQ,IAAIP,IAAI,gCAAgC,KAAK,KACxD;IACD6C,WAAW,EAAEpD,CAAC,CAAAT,gBAAA,KAAAA,gBAAA,OAAA4D,uBAAA,CAAAjB,OAAA;EAAwG,gBAEtH1D,MAAA,CAAA0D,OAAA,CAAAC,aAAA;IAAQkB,KAAK,EAAE;EAAO,GAAErD,CAAC,CAAAR,gBAAA,KAAAA,gBAAA,OAAA2D,uBAAA,CAAAjB,OAAA,mBAAqB,CAAC,eAC/C1D,MAAA,CAAA0D,OAAA,CAAAC,aAAA;IAAQkB,KAAK,EAAE;EAAS,GAAErD,CAAC,CAAAP,gBAAA,KAAAA,gBAAA,OAAA0D,uBAAA,CAAAjB,OAAA,6BAA+B,CAAC,EACzDH,SAAS,CAACH,QAAQ,CAAC,QAAQ,CAAC,iBAC1BpD,MAAA,CAAA0D,OAAA,CAAAC,aAAA;IACIkB,KAAK,EAAE;EAAM,GACfrD,CAAC,CAAAN,gBAAA,KAAAA,gBAAA,OAAAyD,uBAAA,CAAAjB,OAAA,wCAA0C,CAChD,iBAAK1D,MAAA,CAAA0D,OAAA,CAAAC,aAAA,CAAA3D,MAAA,CAAA0D,OAAA,CAAAoB,QAAA,MAAI,CACN,CACN,CAAC,EACN/C,IAAI,gCAAgC,KAAK,KAAK,iBAC3C/B,MAAA,CAAA0D,OAAA,CAAAC,aAAA,CAAC/C,iBAAA,CAAAmE,IAAI,qBACD/E,MAAA,CAAA0D,OAAA,CAAAC,aAAA,CAACrD,WAAA,CAAA6D,UAAU;IAACC,GAAG,EAAE;EAAU,gBACvBpE,MAAA,CAAA0D,OAAA,CAAAC,aAAA;IAAMqB,SAAS,EAAE;EAAY,GAAC,eAAmB,CAAC,QAC5C,EAACxD,CAAC,CAAAL,gBAAA,KAAAA,gBAAA,OAAAwD,uBAAA,CAAAjB,OAAA,8BAAsB,MAC9B,eAAA1D,MAAA,CAAA0D,OAAA,CAAAC,aAAA;IAAMqB,SAAS,EAAE;EAAY,GAAC,qBAAyB,CAC/C,CACV,CAER,CAAC,EACNjD,IAAI,IAAAY,MAAA,CAAIV,MAAM,iBAAc,KAAK,QAAQ,iBACtCjC,MAAA,CAAA0D,OAAA,CAAAC,aAAA,CAACjD,mBAAA,CAAAuE,yBAAyB,qBACtBjF,MAAA,CAAA0D,OAAA,CAAAC,aAAA,CAACjD,mBAAA,CAAAwE,kBAAkB;IACf5C,QAAQ,EAAEA,QAAS;IACnBH,OAAO,EAAEA,OAAQ;IACjBL,IAAI,EAAEA,IAAK;IACXG,MAAM,EAAEA,MAAO;IACfkD,WAAW,EAAE,QAAS;IACtBvC,QAAQ,EAAEA,QAAS;IACnBwC,WAAW,EAAEC;EAAiB,CACjC,CACsB,CAC9B,eAEDrF,MAAA,CAAA0D,OAAA,CAAAC,aAAA,CAACtD,KAAA,CAAA4D,IAAI;IAACC,IAAI,EAAE;EAAG,gBACXlE,MAAA,CAAA0D,OAAA,CAAAC,aAAA,CAAC7B,IAAI;IAACyC,IAAI,KAAA5B,MAAA,CAAKV,MAAM;EAAM,gBACvBjC,MAAA,CAAA0D,OAAA,CAAAC,aAAA,CAACpD,OAAA,CAAAkE,MAAM;IACHC,KAAK,EAAElD,CAAC,CAAAJ,gBAAA,KAAAA,gBAAA,OAAAuD,uBAAA,CAAAjB,OAAA,wBAAkB;IAC1BpB,QAAQ,EAAEA,QAAQ,IAAIkB;EAAuB,gBAE7CxD,MAAA,CAAA0D,OAAA,CAAAC,aAAA;IAAQkB,KAAK,EAAE;EAAI,GAAErD,CAAC,CAAAH,gBAAA,KAAAA,gBAAA,OAAAsD,uBAAA,CAAAjB,OAAA,aAAe,CAAC,EACrCH,SAAS,CAACH,QAAQ,CAAC,QAAQ,CAAC,gBACzBpD,MAAA,CAAA0D,OAAA,CAAAC,aAAA;IAAQkB,KAAK,EAAE;EAAK,GAAErD,CAAC,CAAAF,gBAAA,KAAAA,gBAAA,OAAAqD,uBAAA,CAAAjB,OAAA,oBAAsB,CAAC,gBAE9C1D,MAAA,CAAA0D,OAAA,CAAAC,aAAA,CAAA3D,MAAA,CAAA0D,OAAA,CAAAoB,QAAA,MAAI,CACP,EACAvB,SAAS,CAACH,QAAQ,CAAC,QAAQ,CAAC,gBACzBpD,MAAA,CAAA0D,OAAA,CAAAC,aAAA;IAAQkB,KAAK,EAAE;EAAM,GAAErD,CAAC,CAAAD,iBAAA,KAAAA,iBAAA,OAAAoD,uBAAA,CAAAjB,OAAA,4BAA8B,CAAC,gBAEvD1D,MAAA,CAAA0D,OAAA,CAAAC,aAAA,CAAA3D,MAAA,CAAA0D,OAAA,CAAAoB,QAAA,MAAI,CAEJ,CACN,CACJ,CACJ,CACJ,CACJ,CACC,CAAC;AAEpB,CAAC","ignoreList":[]}
+{"version":3,"names":["React","useEffect","useMemo","get","i18n","useCmsData","ContentModelList","FormComponentNote","Grid","Select","PermissionsGroup","t","ns","ContentModelPermission","Bind","data","setValue","entity","title","selectedContentModelGroups","disabled","modelsGroups","items","list","models","groups","length","filter","item","includes","group","slug","endpoints","disabledPrimaryActions","undefined","createElement","Column","span","name","defaultValue","label","description","options","value","Fragment","text","className","placeholder"],"sources":["ContentModelPermission.tsx"],"sourcesContent":["import React, { useEffect, useMemo } from \"react\";\nimport get from \"lodash/get.js\";\nimport { i18n } from \"@webiny/app/i18n/index.js\";\nimport type { CmsDataCmsGroup, CmsDataCmsModel } from \"./useCmsData.js\";\nimport { useCmsData } from \"./useCmsData.js\";\nimport ContentModelList from \"./ContentModelList.js\";\nimport type { BindComponent } from \"@webiny/form/types.js\";\nimport { 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 ContentModelPermissionProps {\n    Bind: BindComponent;\n    data: Record<string, any>;\n    setValue: (name: string, value: string) => void;\n    entity: string;\n    title: string;\n    selectedContentModelGroups?: string[];\n    disabled?: boolean;\n}\nexport const ContentModelPermission = ({\n    Bind,\n    data,\n    setValue,\n    entity,\n    title,\n    selectedContentModelGroups = [],\n    disabled\n}: ContentModelPermissionProps) => {\n    const modelsGroups = useCmsData();\n    // Set \"cms.contentModel\" access scope to \"own\" if \"cms.contentModelGroup\" === \"own\".\n    useEffect(() => {\n        if (\n            get(data, `contentModelGroupAccessScope`) === \"own\" &&\n            get(data, `${entity}AccessScope`) !== \"own\"\n        ) {\n            setValue(`${entity}AccessScope`, \"own\");\n        }\n    }, [data]);\n\n    const items = useMemo((): CmsDataCmsModel<CmsDataCmsGroup>[] => {\n        let list = modelsGroups.models;\n\n        const groups: string[] = selectedContentModelGroups || [];\n        if (groups.length) {\n            // Filter by groups\n            list = list.filter(item => groups.includes(item.group.slug));\n        }\n\n        return list;\n    }, [modelsGroups]);\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                    <Grid>\n                        <Grid.Column span={12}>\n                            <Bind name={`${entity}AccessScope`} defaultValue={\"full\"}>\n                                <Select\n                                    label={t`Access Scope`}\n                                    disabled={\n                                        disabled || data[`contentModelGroupAccessScope`] === \"own\"\n                                    }\n                                    description={t`The list of available models is defined by the options set in the content model groups section above.`}\n                                    options={[\n                                        {\n                                            value: \"full\",\n                                            label: t`All models`\n                                        },\n                                        {\n                                            value: \"models\",\n                                            label: t`Only specific models`\n                                        },\n                                        ...((endpoints.includes(\"manage\") && [\n                                            {\n                                                value: \"own\",\n                                                label: t`Only models created by the user`\n                                            }\n                                        ]) ||\n                                            [])\n                                    ]}\n                                />\n                            </Bind>\n                            {data[`contentModelGroupAccessScope`] === \"own\" && (\n                                <FormComponentNote>\n                                    <strong>Content Model</strong>\n                                    &nbsp;{t`access depends upon`}&nbsp;\n                                    <strong>Content Model Group</strong>\n                                </FormComponentNote>\n                            )}\n                        </Grid.Column>\n                        <>\n                            {data[`${entity}AccessScope`] === \"models\" && (\n                                <Grid.Column span={12}>\n                                    <FormComponentNote\n                                        text={`Select the model user will be allowed to access.`}\n                                    />\n                                    {items.length === 0 ? (\n                                        <Bind name={`${entity}Props.models`}>\n                                            <></>\n                                        </Bind>\n                                    ) : (\n                                        <div className={\"mt-md\"}>\n                                            <Bind name={`${entity}Props.models`}>\n                                                <ContentModelList items={items} />\n                                            </Bind>\n                                        </div>\n                                    )}\n                                </Grid.Column>\n                            )}\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                </Grid.Column>\n            </Grid>\n        </PermissionsGroup>\n    );\n};\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,7 +1,3 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
+export {};
 
 //# sourceMappingURL=types.js.map

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

@@ -1,18 +1,16 @@
 export interface CmsDataCmsGroup {
     id: string;
+    slug: string;
     label: string;
 }
-export interface CmsDataCmsModel {
+export interface CmsDataCmsModel<TGroup = string> {
     id: string;
     modelId: string;
     label: string;
-    group: CmsDataCmsGroup;
+    group: TGroup;
 }
 export interface UseCmsDataResponseRecords {
-    models: CmsDataCmsModel[];
+    models: CmsDataCmsModel<CmsDataCmsGroup>[];
     groups: CmsDataCmsGroup[];
 }
-export interface UseCmsDataResponse {
-    [locale: string]: UseCmsDataResponseRecords;
-}
-export declare const useCmsData: (locales: string[]) => UseCmsDataResponse;
+export declare const useCmsData: () => UseCmsDataResponseRecords;