@webiny/app-headless-cms 5.27.0-beta.0 → 5.28.0

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

@@ -1,63 +1,85 @@
-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.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, _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 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"])))
+  name: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["Unpublish"])))
 }, {
   id: "r",
-  name: t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["Request review"])))
+  name: t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["Request review"])))
 }, {
   id: "c",
-  name: t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Request changes"])))
+  name: t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Request changes"])))
 }];
-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;
   // 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 endpoints = data.endpoints || [];
   var disabledPrimaryActions = [undefined, "own", "no"].includes(data["".concat(entity, "AccessScope")]) || !endpoints.includes("manage");
-  return /*#__PURE__*/React.createElement(Elevation, {
+  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) {
@@ -67,46 +89,46 @@ export var ContentEntryPermission = function ContentEntryPermission(_ref) {
 
       cb(value);
     }
-  }, /*#__PURE__*/React.createElement(Select, {
-    label: t(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["Access Scope"]))),
+  }, /*#__PURE__*/_react.default.createElement(_Select.Select, {
+    label: t(_templateObject5 || (_templateObject5 = (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"])))), endpoints.includes("manage") && /*#__PURE__*/React.createElement("option", {
+  }, t(_templateObject6 || (_templateObject6 = (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"])))) || /*#__PURE__*/React.createElement(React.Fragment, null))), data["contentModelAccessScope"] === "own" && /*#__PURE__*/React.createElement(Note, null, /*#__PURE__*/React.createElement(Typography, {
+  }, t(_templateObject7 || (_templateObject7 = (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(_templateObject8 || (_templateObject8 = (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(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["Primary Actions"]))),
     disabled: disabledPrimaryActions
-  }, /*#__PURE__*/React.createElement("option", {
+  }, /*#__PURE__*/_react.default.createElement("option", {
     value: "r"
-  }, t(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["Read"])))), endpoints.includes("manage") ? /*#__PURE__*/React.createElement("option", {
+  }, t(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["Read"])))), endpoints.includes("manage") ? /*#__PURE__*/_react.default.createElement("option", {
     value: "rw"
-  }, t(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["Read, write"])))) : /*#__PURE__*/React.createElement(React.Fragment, null), endpoints.includes("manage") ? /*#__PURE__*/React.createElement("option", {
+  }, t(_templateObject11 || (_templateObject11 = (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"])))) : /*#__PURE__*/React.createElement(React.Fragment, null)))), endpoints.includes("manage") ? /*#__PURE__*/React.createElement(Cell, {
+  }, t(_templateObject12 || (_templateObject12 = (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(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2.default)(["Publishing actions"]))),
+    description: t(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2.default)(["Publishing-related actions that can be performed on content entries."])))
   }, function (_ref2) {
     var getValue = _ref2.getValue,
         onChange = _ref2.onChange;
     return pwOptions.map(function (_ref3) {
       var id = _ref3.id,
           name = _ref3.name;
-      return /*#__PURE__*/React.createElement(Checkbox, {
+      return /*#__PURE__*/_react.default.createElement(_Checkbox.Checkbox, {
         disabled: [undefined, "no"].includes(data["".concat(entity, "AccessScope")]),
         key: id,
         label: name,
@@ -115,4 +137,6 @@ export var ContentEntryPermission = function ContentEntryPermission(_ref) {
       });
     });
   }))) : null))));
-};
+};
+
+exports.ContentEntryPermission = ContentEntryPermission;

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

@@ -1 +1 @@
-{"version":3,"sources":["ContentEntryPermission.tsx"],"names":["React","useEffect","get","Grid","Cell","Typography","Select","i18n","Elevation","Checkbox","CheckboxGroup","Note","t","ns","pwOptions","id","name","ContentEntryPermission","Bind","data","entity","setValue","title","endpoints","disabledPrimaryActions","undefined","includes","marginTop","padding","paddingBottom","value","cb","getValue","onChange","map"],"mappings":"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","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    { id: \"r\", name: t`Request review` },\n    { id: \"c\", name: t`Request changes` }\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"]}
+{"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    { id: \"r\", name: t`Request review` },\n    { id: \"c\", name: t`Request changes` }\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.js

@@ -1,16 +1,35 @@
-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,
@@ -18,61 +37,62 @@ var ContentModelGroupPermission = function ContentModelGroupPermission(_ref) {
       entity = _ref.entity,
       title = _ref.title,
       locales = _ref.locales;
-  var modelsGroups = useCmsData(locales);
-  var getItems = useCallback(function (code) {
+  var modelsGroups = (0, _useCmsData.useCmsData)(locales);
+  var getItems = (0, _react.useCallback)(function (code) {
     return modelsGroups[code]["groups"];
   }, [modelsGroups]);
   var endpoints = data.endpoints || [];
   var disabledPrimaryActions = [undefined, "own", "no"].includes(data["".concat(entity, "AccessScope")]) || !endpoints.includes("manage");
-  return /*#__PURE__*/React.createElement(Elevation, {
+  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"])))), 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"])))) || /*#__PURE__*/React.createElement(React.Fragment, null)))), 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"])))), 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"])))) : /*#__PURE__*/React.createElement(React.Fragment, null), 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"])))) : /*#__PURE__*/React.createElement(React.Fragment, 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

@@ -1 +1 @@
-{"version":3,"sources":["ContentModelGroupPermission.tsx"],"names":["React","useCallback","Grid","Cell","Select","i18n","Elevation","Typography","PermissionSelector","PermissionSelectorWrapper","useCmsData","t","ns","ContentModelGroupPermission","Bind","data","entity","title","locales","modelsGroups","getItems","code","endpoints","disabledPrimaryActions","undefined","includes","marginTop","padding","paddingBottom"],"mappings":"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","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"]}
+{"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;;;;AAIA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,mDAAR,CAAV;;AASA,IAAMC,2BAAuE,GAAG,SAA1EA,2BAA0E,OAM1E;EAAA,IALFC,IAKE,QALFA,IAKE;EAAA,IAJFC,IAIE,QAJFA,IAIE;EAAA,IAHFC,MAGE,QAHFA,MAGE;EAAA,IAFFC,KAEE,QAFFA,KAEE;EAAA,IADFC,OACE,QADFA,OACE;EACF,IAAMC,YAAY,GAAG,IAAAC,sBAAA,EAAWF,OAAX,CAArB;EAEA,IAAMG,QAAQ,GAAG,IAAAC,kBAAA,EACb,UAACC,IAAD,EAAkB;IACd,OAAOJ,YAAY,CAACI,IAAD,CAAZ,CAAmB,QAAnB,CAAP;EACH,CAHY,EAIb,CAACJ,YAAD,CAJa,CAAjB;EAOA,IAAMK,SAAS,GAAGT,IAAI,CAACS,SAAL,IAAkB,EAApC;EAEA,IAAMC,sBAAsB,GACxB,CAACC,SAAD,EAAY,KAAZ,EAAmB,IAAnB,EAAyBC,QAAzB,CAAkCZ,IAAI,WAAIC,MAAJ,iBAAtC,KACA,CAACQ,SAAS,CAACG,QAAV,CAAmB,QAAnB,CAFL;EAIA,oBACI,6BAAC,oBAAD;IAAW,CAAC,EAAE,CAAd;IAAiB,KAAK,EAAE;MAAEC,SAAS,EAAE;IAAb;EAAxB,gBACI,6BAAC,UAAD,qBACI,6BAAC,UAAD;IAAM,IAAI,EAAE;EAAZ,gBACI,6BAAC,sBAAD;IAAY,GAAG,EAAE;EAAjB,GAA8BX,KAA9B,CADJ,CADJ,eAII,6BAAC,UAAD;IAAM,IAAI,EAAE;EAAZ,gBACI,6BAAC,UAAD;IAAM,KAAK,EAAE;MAAEY,OAAO,EAAE,CAAX;MAAcC,aAAa,EAAE;IAA7B;EAAb,gBACI,6BAAC,UAAD;IAAM,IAAI,EAAE;EAAZ,gBACI,6BAAC,IAAD;IAAM,IAAI,YAAKd,MAAL,gBAAV;IAAoC,YAAY,EAAE;EAAlD,gBACI,6BAAC,cAAD;IAAQ,KAAK,EAAEN,CAAF;EAAb,gBACI;IAAQ,KAAK,EAAE;EAAf,GAAwBA,CAAxB,gGADJ,eAEI;IAAQ,KAAK,EAAE;EAAf,GAA0BA,CAA1B,0GAFJ,EAGMc,SAAS,CAACG,QAAV,CAAmB,QAAnB,kBACE;IACI,KAAK,EAAE;EADX,GAEEjB,CAFF,qHADH,iBAIK,2DAPV,CADJ,CADJ,CADJ,EAcKK,IAAI,WAAIC,MAAJ,iBAAJ,KAAiC,QAAjC,iBACG,6BAAC,6CAAD,qBACI,6BAAC,sCAAD;IACI,OAAO,EAAEE,OADb;IAEI,IAAI,EAAEJ,IAFV;IAGI,MAAM,EAAEE,MAHZ;IAII,WAAW,EAAE,QAJjB;IAKI,QAAQ,EAAEK;EALd,EADJ,CAfR,eAyBI,6BAAC,UAAD;IAAM,IAAI,EAAE;EAAZ,gBACI,6BAAC,IAAD;IAAM,IAAI,YAAKL,MAAL;EAAV,gBACI,6BAAC,cAAD;IACI,KAAK,EAAEN,CAAF,oGADT;IAEI,QAAQ,EAAEe;EAFd,gBAII;IAAQ,KAAK,EAAE;EAAf,GAAqBf,CAArB,0FAJJ,EAKKc,SAAS,CAACG,QAAV,CAAmB,QAAnB,iBACG;IAAQ,KAAK,EAAE;EAAf,GAAsBjB,CAAtB,iGADH,gBAGG,2DARR,EAUKc,SAAS,CAACG,QAAV,CAAmB,QAAnB,iBACG;IAAQ,KAAK,EAAE;EAAf,GAAuBjB,CAAvB,yGADH,gBAGG,2DAbR,CADJ,CADJ,CAzBJ,CADJ,CAJJ,CADJ,CADJ;AAyDH,CA/ED;;eAiFeG,2B"}

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

@@ -1,15 +1,32 @@
-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"
@@ -19,28 +36,28 @@ var ContentModelList = function ContentModelList(_ref) {
   var items = _ref.items,
       onChange = _ref.onChange,
       getValue = _ref.getValue;
-  var list = Object.entries(groupBy(items.map(function (item) {
-    return _objectSpread(_objectSpread({}, item), {}, {
-      groupName: get(item, "group.label")
+  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),
+  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.createElement("div", {
+    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", {
+      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),
@@ -50,4 +67,5 @@ var ContentModelList = function ContentModelList(_ref) {
   }));
 };
 
-export default ContentModelList;
+var _default = ContentModelList;
+exports.default = _default;

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

@@ -1 +1 @@
-{"version":3,"sources":["ContentModelList.tsx"],"names":["React","css","groupBy","get","Typography","Checkbox","groupStyles","marginLeft","labelStyles","display","color","fontWeight","ContentModelList","items","onChange","getValue","list","Object","entries","map","item","groupName","key","value","id","label"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,GAAT,QAAoB,SAApB;AACA,OAAOC,OAAP,MAAoB,gBAApB;AACA,OAAOC,GAAP,MAAgB,YAAhB;AACA,SAASC,UAAT,QAA2B,uBAA3B;AACA,SAASC,QAAT,QAAyB,qBAAzB;AAGA,IAAMC,WAAW,gBAAGL,GAAG,CAAC;AACpBM,EAAAA,UAAU,EAAE;AADQ,CAAD,uBAAvB;AAIA,IAAMC,WAAW,gBAAGP,GAAG,CAAC;AACpBQ,EAAAA,OAAO,EAAE,OADW;AAEpBC,EAAAA,KAAK,EAAE,0CAFa;AAGpBC,EAAAA,UAAU,EAAE;AAHQ,CAAD,uBAAvB;;AAeA,IAAMC,gBAAiD,GAAG,SAApDA,gBAAoD,OAAmC;AAAA,MAAhCC,KAAgC,QAAhCA,KAAgC;AAAA,MAAzBC,QAAyB,QAAzBA,QAAyB;AAAA,MAAfC,QAAe,QAAfA,QAAe;AACzF,MAAMC,IAA6B,GAAGC,MAAM,CAACC,OAAP,CAClChB,OAAO,CACHW,KAAK,CAACM,GAAN,CAAU,UAACC,IAAD,EAAqB;AAC3B,2CACOA,IADP;AAEIC,MAAAA,SAAS,EAAElB,GAAG,CAACiB,IAAD,EAAO,aAAP;AAFlB;AAIH,GALD,CADG,EAOH,WAPG,CAD2B,CAAtC;AAYA,sBACI,oBAAC,KAAD,CAAO,QAAP,QACKJ,IAAI,CAACG,GAAL,CAAS,iBAAkB;AAAA;AAAA,QAAhBG,GAAgB;AAAA,QAAXC,KAAW;;AACxB,wBACI;AAAK,MAAA,GAAG,EAAED,GAAV;AAAe,MAAA,SAAS,EAAEhB;AAA1B,oBACI,oBAAC,UAAD;AAAY,MAAA,GAAG,EAAE,SAAjB;AAA4B,MAAA,SAAS,EAAEE;AAAvC,OACKc,GADL,CADJ,EAIMC,KAAD,CAAiBJ,GAAjB,CAAqB;AAAA,UAAGK,EAAH,SAAGA,EAAH;AAAA,UAAOC,KAAP,SAAOA,KAAP;AAAA,0BAClB;AAAK,QAAA,GAAG,EAAED;AAAV,sBACI,oBAAC,QAAD;AACI,QAAA,GAAG,EAAEA,EADT;AAEI,QAAA,KAAK,EAAEC,KAFX;AAGI,QAAA,KAAK,EAAEV,QAAQ,CAACS,EAAD,CAHnB;AAII,QAAA,QAAQ,EAAEV,QAAQ,CAACU,EAAD;AAJtB,QADJ,CADkB;AAAA,KAArB,CAJL,CADJ;AAiBH,GAlBA,CADL,CADJ;AAuBH,CApCD;;AAsCA,eAAeZ,gBAAf","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"]}
+{"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,YAAA,EAAI;EACpBC,UAAU,EAAE;AADQ,CAAJ,uBAApB;AAIA,IAAMC,WAAW,gBAAG,IAAAF,YAAA,EAAI;EACpBG,OAAO,EAAE,OADW;EAEpBC,KAAK,EAAE,0CAFa;EAGpBC,UAAU,EAAE;AAHQ,CAAJ,uBAApB;;AAeA,IAAMC,gBAAiD,GAAG,SAApDA,gBAAoD,OAAmC;EAAA,IAAhCC,KAAgC,QAAhCA,KAAgC;EAAA,IAAzBC,QAAyB,QAAzBA,QAAyB;EAAA,IAAfC,QAAe,QAAfA,QAAe;EACzF,IAAMC,IAA6B,GAAGC,MAAM,CAACC,OAAP,CAClC,IAAAC,gBAAA,EACIN,KAAK,CAACO,GAAN,CAAU,UAACC,IAAD,EAAqB;IAC3B,mEACOA,IADP;MAEIC,SAAS,EAAE,IAAAC,YAAA,EAAIF,IAAJ,EAAU,aAAV;IAFf;EAIH,CALD,CADJ,EAOI,WAPJ,CADkC,CAAtC;EAYA,oBACI,6BAAC,cAAD,CAAO,QAAP,QACKL,IAAI,CAACI,GAAL,CAAS,iBAAkB;IAAA;IAAA,IAAhBI,GAAgB;IAAA,IAAXC,KAAW;;IACxB,oBACI;MAAK,GAAG,EAAED,GAAV;MAAe,SAAS,EAAEnB;IAA1B,gBACI,6BAAC,sBAAD;MAAY,GAAG,EAAE,SAAjB;MAA4B,SAAS,EAAEG;IAAvC,GACKgB,GADL,CADJ,EAIMC,KAAD,CAAiBL,GAAjB,CAAqB;MAAA,IAAGM,EAAH,SAAGA,EAAH;MAAA,IAAOC,KAAP,SAAOA,KAAP;MAAA,oBAClB;QAAK,GAAG,EAAED;MAAV,gBACI,6BAAC,kBAAD;QACI,GAAG,EAAEA,EADT;QAEI,KAAK,EAAEC,KAFX;QAGI,KAAK,EAAEZ,QAAQ,CAACW,EAAD,CAHnB;QAII,QAAQ,EAAEZ,QAAQ,CAACY,EAAD;MAJtB,EADJ,CADkB;IAAA,CAArB,CAJL,CADJ;EAiBH,CAlBA,CADL,CADJ;AAuBH,CApCD;;eAsCed,gB"}