@webiny/app-headless-cms 0.0.0-mt-3 → 0.0.0-unstable.2af142b57e

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["t","i18n","ns","pwOptions","id","name","ContentEntryPermission","Bind","data","entity","setValue","title","useEffect","get","endpoints","disabledPrimaryActions","undefined","includes","marginTop","padding","paddingBottom","value","cb","getValue","onChange","map"],"sources":["ContentEntryPermission.tsx"],"sourcesContent":["import React, { useEffect } from \"react\";\nimport get from \"lodash/get\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { Select } from \"@webiny/ui/Select\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Elevation } from \"@webiny/ui/Elevation\";\nimport { Checkbox, CheckboxGroup } from \"@webiny/ui/Checkbox\";\nimport { Note } from \"./StyledComponents\";\nimport { BindComponent } from \"@webiny/form/types\";\nimport { CmsSecurityPermission } from \"~/types\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/plugins/permissionRenderer\");\n\ninterface PermissionOption {\n    id: string;\n    name: string;\n}\nconst pwOptions: PermissionOption[] = [\n    { id: \"p\", name: t`Publish` },\n    { id: \"u\", name: t`Unpublish` }\n];\n\ninterface ContentEntryPermissionProps {\n    Bind: BindComponent;\n    data: CmsSecurityPermission;\n    entity: string;\n    setValue: (name: string, value: string) => void;\n    title: string;\n}\nexport const ContentEntryPermission: React.FC<ContentEntryPermissionProps> = ({\n    Bind,\n    data,\n    entity,\n    setValue,\n    title\n}) => {\n    // Set \"cms.contentEntry\" access scope to \"own\" if \"cms.contentModel\" === \"own\".\n    useEffect(() => {\n        if (\n            get(data, `contentModelAccessScope`) === \"own\" &&\n            get(data, `${entity}AccessScope`) !== \"own\"\n        ) {\n            setValue(`${entity}AccessScope`, \"own\");\n        }\n    }, [data]);\n\n    const endpoints = data.endpoints || [];\n\n    const disabledPrimaryActions =\n        [undefined, \"own\", \"no\"].includes(data[`${entity}AccessScope`]) ||\n        !endpoints.includes(\"manage\");\n\n    return (\n        <Elevation z={1} style={{ marginTop: 10 }}>\n            <Grid>\n                <Cell span={12}>\n                    <Typography use={\"overline\"}>{title}</Typography>\n                </Cell>\n                <Cell span={12}>\n                    <Grid style={{ padding: 0, paddingBottom: 24 }}>\n                        <Cell span={12}>\n                            <Bind\n                                defaultValue={\"full\"}\n                                name={`${entity}AccessScope`}\n                                beforeChange={(value, cb) => {\n                                    if (value === \"own\") {\n                                        setValue(`${entity}RWD`, \"rwd\");\n                                    }\n                                    cb(value);\n                                }}\n                            >\n                                <Select\n                                    label={t`Access Scope`}\n                                    disabled={data[`contentModelAccessScope`] === \"own\"}\n                                >\n                                    <option value={\"full\"}>{t`All entries`}</option>\n                                    {(endpoints.includes(\"manage\") && (\n                                        <option\n                                            value={\"own\"}\n                                        >{t`Only entries created by the user`}</option>\n                                    )) || <></>}\n                                </Select>\n                            </Bind>\n                            {data[`contentModelAccessScope`] === \"own\" && (\n                                <Note>\n                                    <Typography use={\"caption\"}>\n                                        <span className={\"highlight\"}>Content Entry</span>\n                                        &nbsp;{t`access depends upon`}&nbsp;\n                                        <span className={\"highlight\"}>Content Model</span>\n                                    </Typography>\n                                </Note>\n                            )}\n                        </Cell>\n\n                        <Cell span={12}>\n                            <Bind name={`${entity}RWD`}>\n                                <Select\n                                    label={t`Primary Actions`}\n                                    disabled={disabledPrimaryActions}\n                                >\n                                    <option value={\"r\"}>{t`Read`}</option>\n                                    {endpoints.includes(\"manage\") ? (\n                                        <option value={\"rw\"}>{t`Read, write`}</option>\n                                    ) : (\n                                        <></>\n                                    )}\n                                    {endpoints.includes(\"manage\") ? (\n                                        <option value={\"rwd\"}>{t`Read, write, delete`}</option>\n                                    ) : (\n                                        <></>\n                                    )}\n                                </Select>\n                            </Bind>\n                        </Cell>\n                        {endpoints.includes(\"manage\") ? (\n                            <Cell span={12}>\n                                <Bind name={`${entity}PW`}>\n                                    <CheckboxGroup\n                                        label={t`Publishing actions`}\n                                        description={t`Publishing-related actions that can be performed on content entries.`}\n                                    >\n                                        {({ getValue, onChange }) =>\n                                            pwOptions.map(({ id, name }) => (\n                                                <Checkbox\n                                                    disabled={[undefined, \"no\"].includes(\n                                                        data[`${entity}AccessScope`]\n                                                    )}\n                                                    key={id}\n                                                    label={name}\n                                                    value={getValue(id)}\n                                                    onChange={onChange(id)}\n                                                />\n                                            ))\n                                        }\n                                    </CheckboxGroup>\n                                </Bind>\n                            </Cell>\n                        ) : null}\n                    </Grid>\n                </Cell>\n            </Grid>\n        </Elevation>\n    );\n};\n"],"mappings":"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"}

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

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

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

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

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

@@ -0,0 +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"}

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

@@ -1,7 +1,9 @@
-/// <reference types="react" />
-declare const ContentModelList: ({ items, onChange, getValue }: {
-    items: any;
-    onChange: any;
-    getValue: any;
-}) => JSX.Element;
+import React from "react";
+import { GetValueCallable, OnChangeCallable, PermissionSelectorCmsGroup } from "./types";
+interface ContentModelListProps {
+    items: PermissionSelectorCmsGroup[];
+    onChange: OnChangeCallable;
+    getValue: GetValueCallable;
+}
+declare const ContentModelList: React.FC<ContentModelListProps>;
 export default ContentModelList;

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

@@ -1,46 +1,51 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import React from "react";
-import { css } from "emotion";
-import groupBy from "lodash/groupBy";
-import get from "lodash/get";
-import { Typography } from "@webiny/ui/Typography";
-import { Checkbox } from "@webiny/ui/Checkbox";
-var groupStyles = /*#__PURE__*/css({
+"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__*/css({
+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(groupBy(items.map(function (i) {
-    return _objectSpread(_objectSpread({}, i), {}, {
-      groupName: get(i, "group.label")
+    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.createElement(React.Fragment, null, list.map(function (_ref2) {
-    var _ref3 = _slicedToArray(_ref2, 2),
-        key = _ref3[0],
-        value = _ref3[1];
-
-    return /*#__PURE__*/React.createElement("div", {
+  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.createElement(Typography, {
+    }, /*#__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.createElement("div", {
+        label = _ref4.label;
+      return /*#__PURE__*/_react.default.createElement("div", {
         key: id
-      }, /*#__PURE__*/React.createElement(Checkbox, {
+      }, /*#__PURE__*/_react.default.createElement(_Checkbox.Checkbox, {
         key: id,
         label: label,
         value: getValue(id),
@@ -49,5 +54,5 @@ var ContentModelList = function ContentModelList(_ref) {
     }));
   }));
 };
-
-export default ContentModelList;
+var _default = ContentModelList;
+exports.default = _default;

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

@@ -0,0 +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"}

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

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