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

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

@@ -1,20 +1,43 @@
-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.ContentModelPermission = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _get = _interopRequireDefault(require("lodash/get"));
+
+var _Grid = require("@webiny/ui/Grid");
+
+var _Typography = require("@webiny/ui/Typography");
+
+var _Select = require("@webiny/ui/Select");
+
+var _i18n = require("@webiny/app/i18n");
+
+var _Elevation = require("@webiny/ui/Elevation");
+
+var _PermissionSelector = require("./PermissionSelector");
+
+var _useCmsData = require("./useCmsData");
+
+var _StyledComponents = require("./StyledComponents");
+
+var _ContentModelList = _interopRequireDefault(require("./ContentModelList"));
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
 
-import React, { useCallback, 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 { PermissionSelector, PermissionSelectorWrapper } from "./PermissionSelector";
-import { useCmsData } from "./useCmsData";
-import { Note } from "./StyledComponents";
-import ContentModelList from "./ContentModelList";
-var t = i18n.ns("app-headless-cms/admin/plugins/permissionRenderer");
-export var ContentModelPermission = function ContentModelPermission(_ref) {
+var t = _i18n.i18n.ns("app-headless-cms/admin/plugins/permissionRenderer");
+
+var ContentModelPermission = function ContentModelPermission(_ref) {
   var Bind = _ref.Bind,
       data = _ref.data,
       setValue = _ref.setValue,
@@ -23,15 +46,15 @@ export var ContentModelPermission = function ContentModelPermission(_ref) {
       locales = _ref.locales,
       _ref$selectedContentM = _ref.selectedContentModelGroups,
       selectedContentModelGroups = _ref$selectedContentM === void 0 ? {} : _ref$selectedContentM;
-  var modelsGroups = useCmsData(locales); // Set "cms.contentModel" access scope to "own" if "cms.contentModelGroup" === "own".
+  var modelsGroups = (0, _useCmsData.useCmsData)(locales); // Set "cms.contentModel" access scope to "own" if "cms.contentModelGroup" === "own".
 
-  useEffect(function () {
-    if (get(data, "contentModelGroupAccessScope") === "own" && get(data, "".concat(entity, "AccessScope")) !== "own") {
+  (0, _react.useEffect)(function () {
+    if ((0, _get.default)(data, "contentModelGroupAccessScope") === "own" && (0, _get.default)(data, "".concat(entity, "AccessScope")) !== "own") {
       setValue("".concat(entity, "AccessScope"), "own");
     }
   }, [data]);
-  var getItems = useCallback(function (code) {
-    var list = get(modelsGroups, "".concat(code, ".models"), []);
+  var getItems = (0, _react.useCallback)(function (code) {
+    var list = (0, _get.default)(modelsGroups, "".concat(code, ".models"), []);
     var groups = selectedContentModelGroups[code] || [];
 
     if (groups.length) {
@@ -45,62 +68,64 @@ export var ContentModelPermission = function ContentModelPermission(_ref) {
   }, [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.default.createElement(_Select.Select, {
+    label: t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Access Scope"]))),
     disabled: data["contentModelGroupAccessScope"] === "own",
-    description: t(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["The list of available models is defined by the options set in the content model groups section above."])))
-  }, /*#__PURE__*/React.createElement("option", {
+    description: t(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["The list of available models is defined by the options set in the content model groups section above."])))
+  }, /*#__PURE__*/_react.default.createElement("option", {
     value: "full"
-  }, t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["All models"])))), /*#__PURE__*/React.createElement("option", {
+  }, t(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["All models"])))), /*#__PURE__*/_react.default.createElement("option", {
     value: "models"
-  }, t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Only specific models"])))), endpoints.includes("manage") && /*#__PURE__*/React.createElement("option", {
+  }, t(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["Only specific models"])))), endpoints.includes("manage") && /*#__PURE__*/_react.default.createElement("option", {
     value: "own"
-  }, t(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["Only models created by the user"])))) || /*#__PURE__*/React.createElement(React.Fragment, null))), data["contentModelGroupAccessScope"] === "own" && /*#__PURE__*/React.createElement(Note, null, /*#__PURE__*/React.createElement(Typography, {
+  }, t(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["Only models created by the user"])))) || /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null))), data["contentModelGroupAccessScope"] === "own" && /*#__PURE__*/_react.default.createElement(_StyledComponents.Note, null, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "caption"
-  }, /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/_react.default.createElement("span", {
     className: "highlight"
-  }, "Content Model"), "\xA0", t(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["access depends upon"]))), "\xA0", /*#__PURE__*/React.createElement("span", {
+  }, "Content Model"), "\xA0", t(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2.default)(["access depends upon"]))), "\xA0", /*#__PURE__*/_react.default.createElement("span", {
     className: "highlight"
-  }, "Content Model Group")))), data["".concat(entity, "AccessScope")] === "models" && /*#__PURE__*/React.createElement(PermissionSelectorWrapper, null, /*#__PURE__*/React.createElement(PermissionSelector, {
+  }, "Content Model Group")))), data["".concat(entity, "AccessScope")] === "models" && /*#__PURE__*/_react.default.createElement(_PermissionSelector.PermissionSelectorWrapper, null, /*#__PURE__*/_react.default.createElement(_PermissionSelector.PermissionSelector, {
     locales: locales,
     Bind: Bind,
     entity: entity,
     selectorKey: "models",
     getItems: getItems,
-    RenderItems: ContentModelList
-  })), /*#__PURE__*/React.createElement(Cell, {
+    RenderItems: _ContentModelList.default
+  })), /*#__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(_templateObject7 || (_templateObject7 = _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(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["Read"])))), 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(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["Read, write"])))) : /*#__PURE__*/React.createElement(React.Fragment, null), 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(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["Read, write, delete"])))) : /*#__PURE__*/React.createElement(React.Fragment, null))))))));
-};
+  }, t(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2.default)(["Read, write, delete"])))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null))))))));
+};
+
+exports.ContentModelPermission = ContentModelPermission;

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

@@ -1 +1 @@
-{"version":3,"sources":["ContentModelPermission.tsx"],"names":["React","useCallback","useEffect","get","Grid","Cell","Typography","Select","i18n","Elevation","PermissionSelector","PermissionSelectorWrapper","useCmsData","Note","ContentModelList","t","ns","ContentModelPermission","Bind","data","setValue","entity","title","locales","selectedContentModelGroups","modelsGroups","getItems","code","list","groups","length","filter","item","includes","group","id","endpoints","disabledPrimaryActions","undefined","marginTop","padding","paddingBottom"],"mappings":"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","sourcesContent":["import React, { useCallback, useEffect } from \"react\";\nimport get from \"lodash/get\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { Select } from \"@webiny/ui/Select\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Elevation } from \"@webiny/ui/Elevation\";\nimport { PermissionSelector, PermissionSelectorWrapper } from \"./PermissionSelector\";\nimport { useCmsData, CmsDataCmsModel } from \"./useCmsData\";\nimport { Note } from \"./StyledComponents\";\nimport ContentModelList from \"./ContentModelList\";\nimport { BindComponent } from \"@webiny/form/types\";\nimport { CmsSecurityPermission } from \"~/types\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/plugins/permissionRenderer\");\n\ninterface ContentModelPermissionProps {\n    Bind: BindComponent;\n    data: CmsSecurityPermission;\n    setValue: (name: string, value: string) => void;\n    entity: string;\n    title: string;\n    locales: string[];\n    selectedContentModelGroups?: Record<string, string[]>;\n}\nexport const ContentModelPermission: React.FC<ContentModelPermissionProps> = ({\n    Bind,\n    data,\n    setValue,\n    entity,\n    title,\n    locales,\n    selectedContentModelGroups = {}\n}) => {\n    const modelsGroups = useCmsData(locales);\n    // Set \"cms.contentModel\" access scope to \"own\" if \"cms.contentModelGroup\" === \"own\".\n    useEffect(() => {\n        if (\n            get(data, `contentModelGroupAccessScope`) === \"own\" &&\n            get(data, `${entity}AccessScope`) !== \"own\"\n        ) {\n            setValue(`${entity}AccessScope`, \"own\");\n        }\n    }, [data]);\n\n    const getItems = useCallback(\n        (code: string): CmsDataCmsModel[] => {\n            let list = get(modelsGroups, `${code}.models`, []) as CmsDataCmsModel[];\n\n            const groups: string[] = selectedContentModelGroups[code] || [];\n            if (groups.length) {\n                // Filter by groups\n                list = list.filter(item => groups.includes(item.group.id));\n            }\n\n            return list;\n        },\n        [modelsGroups]\n    );\n\n    const endpoints = data.endpoints || [];\n\n    const disabledPrimaryActions =\n        [undefined, \"own\", \"no\"].includes(data[`${entity}AccessScope`]) ||\n        !endpoints.includes(\"manage\");\n\n    return (\n        <Elevation z={1} style={{ marginTop: 10 }}>\n            <Grid>\n                <Cell span={12}>\n                    <Typography use={\"overline\"}>{title}</Typography>\n                </Cell>\n                <Cell span={12}>\n                    <Grid style={{ padding: 0, paddingBottom: 24 }}>\n                        <Cell span={12}>\n                            <Bind name={`${entity}AccessScope`} defaultValue={\"full\"}>\n                                <Select\n                                    label={t`Access Scope`}\n                                    disabled={data[`contentModelGroupAccessScope`] === \"own\"}\n                                    description={t`The list of available models is defined by the options set in the content model groups section above.`}\n                                >\n                                    <option value={\"full\"}>{t`All models`}</option>\n                                    <option value={\"models\"}>{t`Only specific models`}</option>\n                                    {(endpoints.includes(\"manage\") && (\n                                        <option\n                                            value={\"own\"}\n                                        >{t`Only models created by the user`}</option>\n                                    )) || <></>}\n                                </Select>\n                            </Bind>\n                            {data[`contentModelGroupAccessScope`] === \"own\" && (\n                                <Note>\n                                    <Typography use={\"caption\"}>\n                                        <span className={\"highlight\"}>Content Model</span>\n                                        &nbsp;{t`access depends upon`}&nbsp;\n                                        <span className={\"highlight\"}>Content Model Group</span>\n                                    </Typography>\n                                </Note>\n                            )}\n                        </Cell>\n                        {data[`${entity}AccessScope`] === \"models\" && (\n                            <PermissionSelectorWrapper>\n                                <PermissionSelector\n                                    locales={locales}\n                                    Bind={Bind}\n                                    entity={entity}\n                                    selectorKey={\"models\"}\n                                    getItems={getItems}\n                                    RenderItems={ContentModelList}\n                                />\n                            </PermissionSelectorWrapper>\n                        )}\n\n                        <Cell span={12}>\n                            <Bind name={`${entity}RWD`}>\n                                <Select\n                                    label={t`Primary Actions`}\n                                    disabled={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"]}
+{"version":3,"names":["t","i18n","ns","ContentModelPermission","Bind","data","setValue","entity","title","locales","selectedContentModelGroups","modelsGroups","useCmsData","useEffect","get","getItems","useCallback","code","list","groups","length","filter","item","includes","group","id","endpoints","disabledPrimaryActions","undefined","marginTop","padding","paddingBottom","ContentModelList"],"sources":["ContentModelPermission.tsx"],"sourcesContent":["import React, { useCallback, useEffect } from \"react\";\nimport get from \"lodash/get\";\nimport { Grid, Cell } from \"@webiny/ui/Grid\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { Select } from \"@webiny/ui/Select\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Elevation } from \"@webiny/ui/Elevation\";\nimport { PermissionSelector, PermissionSelectorWrapper } from \"./PermissionSelector\";\nimport { useCmsData, CmsDataCmsModel } from \"./useCmsData\";\nimport { Note } from \"./StyledComponents\";\nimport ContentModelList from \"./ContentModelList\";\nimport { BindComponent } from \"@webiny/form/types\";\nimport { CmsSecurityPermission } from \"~/types\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/plugins/permissionRenderer\");\n\ninterface ContentModelPermissionProps {\n    Bind: BindComponent;\n    data: CmsSecurityPermission;\n    setValue: (name: string, value: string) => void;\n    entity: string;\n    title: string;\n    locales: string[];\n    selectedContentModelGroups?: Record<string, string[]>;\n}\nexport const ContentModelPermission: React.FC<ContentModelPermissionProps> = ({\n    Bind,\n    data,\n    setValue,\n    entity,\n    title,\n    locales,\n    selectedContentModelGroups = {}\n}) => {\n    const modelsGroups = useCmsData(locales);\n    // Set \"cms.contentModel\" access scope to \"own\" if \"cms.contentModelGroup\" === \"own\".\n    useEffect(() => {\n        if (\n            get(data, `contentModelGroupAccessScope`) === \"own\" &&\n            get(data, `${entity}AccessScope`) !== \"own\"\n        ) {\n            setValue(`${entity}AccessScope`, \"own\");\n        }\n    }, [data]);\n\n    const getItems = useCallback(\n        (code: string): CmsDataCmsModel[] => {\n            let list = get(modelsGroups, `${code}.models`, []) as CmsDataCmsModel[];\n\n            const groups: string[] = selectedContentModelGroups[code] || [];\n            if (groups.length) {\n                // Filter by groups\n                list = list.filter(item => groups.includes(item.group.id));\n            }\n\n            return list;\n        },\n        [modelsGroups]\n    );\n\n    const endpoints = data.endpoints || [];\n\n    const disabledPrimaryActions =\n        [undefined, \"own\", \"no\"].includes(data[`${entity}AccessScope`]) ||\n        !endpoints.includes(\"manage\");\n\n    return (\n        <Elevation z={1} style={{ marginTop: 10 }}>\n            <Grid>\n                <Cell span={12}>\n                    <Typography use={\"overline\"}>{title}</Typography>\n                </Cell>\n                <Cell span={12}>\n                    <Grid style={{ padding: 0, paddingBottom: 24 }}>\n                        <Cell span={12}>\n                            <Bind name={`${entity}AccessScope`} defaultValue={\"full\"}>\n                                <Select\n                                    label={t`Access Scope`}\n                                    disabled={data[`contentModelGroupAccessScope`] === \"own\"}\n                                    description={t`The list of available models is defined by the options set in the content model groups section above.`}\n                                >\n                                    <option value={\"full\"}>{t`All models`}</option>\n                                    <option value={\"models\"}>{t`Only specific models`}</option>\n                                    {(endpoints.includes(\"manage\") && (\n                                        <option\n                                            value={\"own\"}\n                                        >{t`Only models created by the user`}</option>\n                                    )) || <></>}\n                                </Select>\n                            </Bind>\n                            {data[`contentModelGroupAccessScope`] === \"own\" && (\n                                <Note>\n                                    <Typography use={\"caption\"}>\n                                        <span className={\"highlight\"}>Content Model</span>\n                                        &nbsp;{t`access depends upon`}&nbsp;\n                                        <span className={\"highlight\"}>Content Model Group</span>\n                                    </Typography>\n                                </Note>\n                            )}\n                        </Cell>\n                        {data[`${entity}AccessScope`] === \"models\" && (\n                            <PermissionSelectorWrapper>\n                                <PermissionSelector\n                                    locales={locales}\n                                    Bind={Bind}\n                                    entity={entity}\n                                    selectorKey={\"models\"}\n                                    getItems={getItems}\n                                    RenderItems={ContentModelList}\n                                />\n                            </PermissionSelectorWrapper>\n                        )}\n\n                        <Cell span={12}>\n                            <Bind name={`${entity}RWD`}>\n                                <Select\n                                    label={t`Primary Actions`}\n                                    disabled={disabledPrimaryActions}\n                                >\n                                    <option value={\"r\"}>{t`Read`}</option>\n                                    {endpoints.includes(\"manage\") ? (\n                                        <option value={\"rw\"}>{t`Read, write`}</option>\n                                    ) : (\n                                        <></>\n                                    )}\n                                    {endpoints.includes(\"manage\") ? (\n                                        <option value={\"rwd\"}>{t`Read, write, delete`}</option>\n                                    ) : (\n                                        <></>\n                                    )}\n                                </Select>\n                            </Bind>\n                        </Cell>\n                    </Grid>\n                </Cell>\n            </Grid>\n        </Elevation>\n    );\n};\n"],"mappings":"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"}

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

@@ -1,32 +1,47 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PermissionRendererWrapper = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Elevation = require("@webiny/ui/Elevation");
+
+var _Grid = require("@webiny/ui/Grid");
+
+var _Typography = require("@webiny/ui/Typography");
+
 /**
  * Verify that this is used somewhere.
  * // TODO @ts-refactor
  */
-import React from "react";
-import { Elevation } from "@webiny/ui/Elevation";
-import { Cell, Grid } from "@webiny/ui/Grid";
-import { Typography } from "@webiny/ui/Typography";
-export var PermissionRendererWrapper = function PermissionRendererWrapper(_ref) {
+var PermissionRendererWrapper = function PermissionRendererWrapper(_ref) {
   var label = _ref.label,
       children = _ref.children;
-  return /*#__PURE__*/React.createElement(Elevation, {
+  return /*#__PURE__*/_react.default.createElement(_Elevation.Elevation, {
     z: 1,
     className: ""
-  }, /*#__PURE__*/React.createElement(Grid, {
+  }, /*#__PURE__*/_react.default.createElement(_Grid.Grid, {
     className: "",
     style: {
       marginTop: 36
     }
-  }, /*#__PURE__*/React.createElement(Cell, {
+  }, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
     span: 12
-  }, /*#__PURE__*/React.createElement(Typography, {
+  }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "overline"
-  }, label)), /*#__PURE__*/React.createElement(Cell, {
+  }, label)), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
     span: 12
-  }, /*#__PURE__*/React.createElement(Grid, {
+  }, /*#__PURE__*/_react.default.createElement(_Grid.Grid, {
     style: {
       padding: 0,
       paddingBottom: 24
     }
   }, children))));
-};
+};
+
+exports.PermissionRendererWrapper = PermissionRendererWrapper;

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

@@ -1 +1 @@
-{"version":3,"sources":["PermissionRendererWrapper.tsx"],"names":["React","Elevation","Cell","Grid","Typography","PermissionRendererWrapper","label","children","marginTop","padding","paddingBottom"],"mappings":"AAAA;AACA;AACA;AACA;AACA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,QAA0B,sBAA1B;AACA,SAASC,IAAT,EAAeC,IAAf,QAA2B,iBAA3B;AACA,SAASC,UAAT,QAA2B,uBAA3B;AAKA,OAAO,IAAMC,yBAAmE,GAAG,SAAtEA,yBAAsE;AAAA,MAC/EC,KAD+E,QAC/EA,KAD+E;AAAA,MAE/EC,QAF+E,QAE/EA,QAF+E;AAAA,sBAI/E,oBAAC,SAAD;AAAW,IAAA,CAAC,EAAE,CAAd;AAAiB,IAAA,SAAS,EAAE;AAA5B,kBACI,oBAAC,IAAD;AAAM,IAAA,SAAS,EAAE,EAAjB;AAAqB,IAAA,KAAK,EAAE;AAAEC,MAAAA,SAAS,EAAE;AAAb;AAA5B,kBACI,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAE;AAAZ,kBACI,oBAAC,UAAD;AAAY,IAAA,GAAG,EAAE;AAAjB,KAA8BF,KAA9B,CADJ,CADJ,eAII,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAE;AAAZ,kBACI,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAE;AAAEG,MAAAA,OAAO,EAAE,CAAX;AAAcC,MAAAA,aAAa,EAAE;AAA7B;AAAb,KAAiDH,QAAjD,CADJ,CAJJ,CADJ,CAJ+E;AAAA,CAA5E","sourcesContent":["/**\n * Verify that this is used somewhere.\n * // TODO @ts-refactor\n */\nimport React from \"react\";\nimport { Elevation } from \"@webiny/ui/Elevation\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\ninterface PermissionRendererWrapperProps {\n    label: string;\n}\nexport const PermissionRendererWrapper: React.FC<PermissionRendererWrapperProps> = ({\n    label,\n    children\n}) => (\n    <Elevation z={1} className={\"\"}>\n        <Grid className={\"\"} style={{ marginTop: 36 }}>\n            <Cell span={12}>\n                <Typography use={\"overline\"}>{label}</Typography>\n            </Cell>\n            <Cell span={12}>\n                <Grid style={{ padding: 0, paddingBottom: 24 }}>{children}</Grid>\n            </Cell>\n        </Grid>\n    </Elevation>\n);\n"]}
+{"version":3,"names":["PermissionRendererWrapper","label","children","marginTop","padding","paddingBottom"],"sources":["PermissionRendererWrapper.tsx"],"sourcesContent":["/**\n * Verify that this is used somewhere.\n * // TODO @ts-refactor\n */\nimport React from \"react\";\nimport { Elevation } from \"@webiny/ui/Elevation\";\nimport { Cell, Grid } from \"@webiny/ui/Grid\";\nimport { Typography } from \"@webiny/ui/Typography\";\n\ninterface PermissionRendererWrapperProps {\n    label: string;\n}\nexport const PermissionRendererWrapper: React.FC<PermissionRendererWrapperProps> = ({\n    label,\n    children\n}) => (\n    <Elevation z={1} className={\"\"}>\n        <Grid className={\"\"} style={{ marginTop: 36 }}>\n            <Cell span={12}>\n                <Typography use={\"overline\"}>{label}</Typography>\n            </Cell>\n            <Cell span={12}>\n                <Grid style={{ padding: 0, paddingBottom: 24 }}>{children}</Grid>\n            </Cell>\n        </Grid>\n    </Elevation>\n);\n"],"mappings":";;;;;;;;;AAIA;;AACA;;AACA;;AACA;;AAPA;AACA;AACA;AACA;AASO,IAAMA,yBAAmE,GAAG,SAAtEA,yBAAsE;EAAA,IAC/EC,KAD+E,QAC/EA,KAD+E;EAAA,IAE/EC,QAF+E,QAE/EA,QAF+E;EAAA,oBAI/E,6BAAC,oBAAD;IAAW,CAAC,EAAE,CAAd;IAAiB,SAAS,EAAE;EAA5B,gBACI,6BAAC,UAAD;IAAM,SAAS,EAAE,EAAjB;IAAqB,KAAK,EAAE;MAAEC,SAAS,EAAE;IAAb;EAA5B,gBACI,6BAAC,UAAD;IAAM,IAAI,EAAE;EAAZ,gBACI,6BAAC,sBAAD;IAAY,GAAG,EAAE;EAAjB,GAA8BF,KAA9B,CADJ,CADJ,eAII,6BAAC,UAAD;IAAM,IAAI,EAAE;EAAZ,gBACI,6BAAC,UAAD;IAAM,KAAK,EAAE;MAAEG,OAAO,EAAE,CAAX;MAAcC,aAAa,EAAE;IAA7B;EAAb,GAAiDH,QAAjD,CADJ,CAJJ,CADJ,CAJ+E;AAAA,CAA5E"}

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

@@ -1,24 +1,40 @@
-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.PermissionSelectorWrapper = exports.PermissionSelector = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _i18n = require("@webiny/app/i18n");
+
+var _Checkbox = require("@webiny/ui/Checkbox");
+
+var _Grid = require("@webiny/ui/Grid");
+
+var _FormElementMessage = require("@webiny/ui/FormElementMessage");
 
 var _templateObject;
 
-import React, { Fragment } from "react";
-import { i18n } from "@webiny/app/i18n";
-import { Checkbox, CheckboxGroup } from "@webiny/ui/Checkbox";
-import { Cell } from "@webiny/ui/Grid";
-import { FormElementMessage } from "@webiny/ui/FormElementMessage";
-var t = i18n.ns("app-headless-cms/admin/plugins/permissionRenderer");
+var t = _i18n.i18n.ns("app-headless-cms/admin/plugins/permissionRenderer");
 
 var DefaultRenderItems = function DefaultRenderItems(_ref) {
   var items = _ref.items,
       getValue = _ref.getValue,
       onChange = _ref.onChange;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, items.map(function (_ref2) {
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, items.map(function (_ref2) {
     var id = _ref2.id,
         label = _ref2.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),
@@ -27,7 +43,7 @@ var DefaultRenderItems = function DefaultRenderItems(_ref) {
   }));
 };
 
-export var PermissionSelector = function PermissionSelector(_ref3) {
+var PermissionSelector = function PermissionSelector(_ref3) {
   var Bind = _ref3.Bind,
       entity = _ref3.entity,
       locales = _ref3.locales,
@@ -35,10 +51,10 @@ export var PermissionSelector = function PermissionSelector(_ref3) {
       getItems = _ref3.getItems,
       _ref3$RenderItems = _ref3.RenderItems,
       RenderItems = _ref3$RenderItems === void 0 ? DefaultRenderItems : _ref3$RenderItems;
-  var description = t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Select the {selectorKey} user will be allowed to access."])))({
+  var description = t(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["Select the {selectorKey} user will be allowed to access."])))({
     selectorKey: selectorKey
   });
-  return /*#__PURE__*/React.createElement(Fragment, null, locales.map(function (code) {
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, locales.map(function (code) {
     var items = getItems(code);
     /**
      * Lets have two different outputs, depending on if there are any items.
@@ -46,33 +62,38 @@ export var PermissionSelector = function PermissionSelector(_ref3) {
      */
 
     if (items.length === 0) {
-      return /*#__PURE__*/React.createElement(Bind, {
+      return /*#__PURE__*/_react.default.createElement(Bind, {
         key: code,
         name: "".concat(entity, "Props.").concat(selectorKey, ".").concat(code)
-      }, /*#__PURE__*/React.createElement(React.Fragment, null));
+      }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null));
     }
 
-    return /*#__PURE__*/React.createElement(Bind, {
+    return /*#__PURE__*/_react.default.createElement(Bind, {
       key: code,
       name: "".concat(entity, "Props.").concat(selectorKey, ".").concat(code)
-    }, /*#__PURE__*/React.createElement(CheckboxGroup, {
+    }, /*#__PURE__*/_react.default.createElement(_Checkbox.CheckboxGroup, {
       label: code
     }, function (_ref4) {
       var onChange = _ref4.onChange,
           getValue = _ref4.getValue;
-      return /*#__PURE__*/React.createElement(RenderItems, {
+      return /*#__PURE__*/_react.default.createElement(RenderItems, {
         items: items,
         onChange: onChange,
         getValue: getValue
       });
     }));
-  }), /*#__PURE__*/React.createElement(FormElementMessage, null, description));
+  }), /*#__PURE__*/_react.default.createElement(_FormElementMessage.FormElementMessage, null, description));
 };
-export var PermissionSelectorWrapper = function PermissionSelectorWrapper(_ref5) {
+
+exports.PermissionSelector = PermissionSelector;
+
+var PermissionSelectorWrapper = function PermissionSelectorWrapper(_ref5) {
   var children = _ref5.children;
-  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Cell, {
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
     span: 1
-  }), /*#__PURE__*/React.createElement(Cell, {
+  }), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
     span: 11
   }, children));
-};
+};
+
+exports.PermissionSelectorWrapper = PermissionSelectorWrapper;

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

@@ -1 +1 @@
-{"version":3,"sources":["PermissionSelector.tsx"],"names":["React","Fragment","i18n","Checkbox","CheckboxGroup","Cell","FormElementMessage","t","ns","DefaultRenderItems","items","getValue","onChange","map","id","label","PermissionSelector","Bind","entity","locales","selectorKey","getItems","RenderItems","description","code","length","PermissionSelectorWrapper","children"],"mappings":";;;;AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,SAASC,IAAT,QAAqB,kBAArB;AACA,SAASC,QAAT,EAAmBC,aAAnB,QAAwC,qBAAxC;AACA,SAASC,IAAT,QAAqB,iBAArB;AAEA,SAASC,kBAAT,QAAmC,+BAAnC;AAQA,IAAMC,CAAC,GAAGL,IAAI,CAACM,EAAL,CAAQ,mDAAR,CAAV;;AAiBA,IAAMC,kBAA8C,GAAG,SAAjDA,kBAAiD,OAAmC;AAAA,MAAhCC,KAAgC,QAAhCA,KAAgC;AAAA,MAAzBC,QAAyB,QAAzBA,QAAyB;AAAA,MAAfC,QAAe,QAAfA,QAAe;AACtF,sBACI,oBAAC,KAAD,CAAO,QAAP,QACKF,KAAK,CAACG,GAAN,CAAU;AAAA,QAAGC,EAAH,SAAGA,EAAH;AAAA,QAAOC,KAAP,SAAOA,KAAP;AAAA,wBACP;AAAK,MAAA,GAAG,EAAED;AAAV,oBACI,oBAAC,QAAD;AAAU,MAAA,GAAG,EAAEA,EAAf;AAAmB,MAAA,KAAK,EAAEC,KAA1B;AAAiC,MAAA,KAAK,EAAEJ,QAAQ,CAACG,EAAD,CAAhD;AAAsD,MAAA,QAAQ,EAAEF,QAAQ,CAACE,EAAD;AAAxE,MADJ,CADO;AAAA,GAAV,CADL,CADJ;AASH,CAVD;;AAYA,OAAO,IAAME,kBAAqD,GAAG,SAAxDA,kBAAwD,QAO/D;AAAA,MANFC,IAME,SANFA,IAME;AAAA,MALFC,MAKE,SALFA,MAKE;AAAA,MAJFC,OAIE,SAJFA,OAIE;AAAA,MAHFC,WAGE,SAHFA,WAGE;AAAA,MAFFC,QAEE,SAFFA,QAEE;AAAA,gCADFC,WACE;AAAA,MADFA,WACE,kCADYb,kBACZ;AACF,MAAMc,WAAW,GAAGhB,CAAC,6HAAD,CAA4D;AAC5Ea,IAAAA,WAAW,EAAXA;AAD4E,GAA5D,CAApB;AAIA,sBACI,oBAAC,QAAD,QACKD,OAAO,CAACN,GAAR,CAAY,UAAAW,IAAI,EAAI;AACjB,QAAMd,KAAK,GAAGW,QAAQ,CAACG,IAAD,CAAtB;AAEA;AAChB;AACA;AACA;;AACgB,QAAId,KAAK,CAACe,MAAN,KAAiB,CAArB,EAAwB;AACpB,0BACI,oBAAC,IAAD;AAAM,QAAA,GAAG,EAAED,IAAX;AAAiB,QAAA,IAAI,YAAKN,MAAL,mBAAoBE,WAApB,cAAmCI,IAAnC;AAArB,sBACI,yCADJ,CADJ;AAKH;;AACD,wBACI,oBAAC,IAAD;AAAM,MAAA,GAAG,EAAEA,IAAX;AAAiB,MAAA,IAAI,YAAKN,MAAL,mBAAoBE,WAApB,cAAmCI,IAAnC;AAArB,oBACI,oBAAC,aAAD;AAAe,MAAA,KAAK,EAAEA;AAAtB,OACK,iBAA4B;AAAA,UAAzBZ,QAAyB,SAAzBA,QAAyB;AAAA,UAAfD,QAAe,SAAfA,QAAe;AACzB,0BACI,oBAAC,WAAD;AACI,QAAA,KAAK,EAAED,KADX;AAEI,QAAA,QAAQ,EAAEE,QAFd;AAGI,QAAA,QAAQ,EAAED;AAHd,QADJ;AAOH,KATL,CADJ,CADJ;AAeH,GA7BA,CADL,eA+BI,oBAAC,kBAAD,QAAqBY,WAArB,CA/BJ,CADJ;AAmCH,CA/CM;AAiDP,OAAO,IAAMG,yBAAmC,GAAG,SAAtCA,yBAAsC;AAAA,MAAGC,QAAH,SAAGA,QAAH;AAAA,sBAC/C,oBAAC,QAAD,qBACI,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAE;AAAZ,IADJ,eAEI,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAE;AAAZ,KAAiBA,QAAjB,CAFJ,CAD+C;AAAA,CAA5C","sourcesContent":["import React, { Fragment } from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Checkbox, CheckboxGroup } from \"@webiny/ui/Checkbox\";\nimport { Cell } from \"@webiny/ui/Grid\";\nimport { BindComponent } from \"@webiny/form\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport {\n    GetValueCallable,\n    OnChangeCallable,\n    PermissionSelectorCmsGroup,\n    PermissionSelectorCmsModel\n} from \"./types\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/plugins/permissionRenderer\");\n\ninterface RenderItemsProps {\n    onChange: OnChangeCallable;\n    getValue: GetValueCallable;\n    items: PermissionSelectorCmsModel[] | PermissionSelectorCmsGroup[];\n}\n\nexport interface PermissionSelectorProps {\n    Bind: BindComponent;\n    selectorKey: string;\n    locales: string[];\n    entity: string;\n    getItems: (code: string) => PermissionSelectorCmsModel[] | PermissionSelectorCmsGroup[];\n    RenderItems?: React.FC<RenderItemsProps>;\n}\n\nconst DefaultRenderItems: React.FC<RenderItemsProps> = ({ items, getValue, onChange }) => {\n    return (\n        <React.Fragment>\n            {items.map(({ id, label }) => (\n                <div key={id}>\n                    <Checkbox key={id} label={label} value={getValue(id)} onChange={onChange(id)} />\n                </div>\n            ))}\n        </React.Fragment>\n    );\n};\n\nexport const PermissionSelector: React.FC<PermissionSelectorProps> = ({\n    Bind,\n    entity,\n    locales,\n    selectorKey,\n    getItems,\n    RenderItems = DefaultRenderItems\n}) => {\n    const description = t`Select the {selectorKey} user will be allowed to access.`({\n        selectorKey\n    });\n\n    return (\n        <Fragment>\n            {locales.map(code => {\n                const items = getItems(code);\n\n                /**\n                 * Lets have two different outputs, depending on if there are any items.\n                 * Checkbox group is not showing when no items.\n                 */\n                if (items.length === 0) {\n                    return (\n                        <Bind key={code} name={`${entity}Props.${selectorKey}.${code}`}>\n                            <></>\n                        </Bind>\n                    );\n                }\n                return (\n                    <Bind key={code} name={`${entity}Props.${selectorKey}.${code}`}>\n                        <CheckboxGroup label={code}>\n                            {({ onChange, getValue }) => {\n                                return (\n                                    <RenderItems\n                                        items={items}\n                                        onChange={onChange}\n                                        getValue={getValue}\n                                    />\n                                );\n                            }}\n                        </CheckboxGroup>\n                    </Bind>\n                );\n            })}\n            <FormElementMessage>{description}</FormElementMessage>\n        </Fragment>\n    );\n};\n\nexport const PermissionSelectorWrapper: React.FC = ({ children }) => (\n    <Fragment>\n        <Cell span={1} />\n        <Cell span={11}>{children}</Cell>\n    </Fragment>\n);\n"]}
+{"version":3,"names":["t","i18n","ns","DefaultRenderItems","items","getValue","onChange","map","id","label","PermissionSelector","Bind","entity","locales","selectorKey","getItems","RenderItems","description","code","length","PermissionSelectorWrapper","children"],"sources":["PermissionSelector.tsx"],"sourcesContent":["import React, { Fragment } from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport { Checkbox, CheckboxGroup } from \"@webiny/ui/Checkbox\";\nimport { Cell } from \"@webiny/ui/Grid\";\nimport { BindComponent } from \"@webiny/form\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport {\n    GetValueCallable,\n    OnChangeCallable,\n    PermissionSelectorCmsGroup,\n    PermissionSelectorCmsModel\n} from \"./types\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/plugins/permissionRenderer\");\n\ninterface RenderItemsProps {\n    onChange: OnChangeCallable;\n    getValue: GetValueCallable;\n    items: PermissionSelectorCmsModel[] | PermissionSelectorCmsGroup[];\n}\n\nexport interface PermissionSelectorProps {\n    Bind: BindComponent;\n    selectorKey: string;\n    locales: string[];\n    entity: string;\n    getItems: (code: string) => PermissionSelectorCmsModel[] | PermissionSelectorCmsGroup[];\n    RenderItems?: React.FC<RenderItemsProps>;\n}\n\nconst DefaultRenderItems: React.FC<RenderItemsProps> = ({ items, getValue, onChange }) => {\n    return (\n        <React.Fragment>\n            {items.map(({ id, label }) => (\n                <div key={id}>\n                    <Checkbox key={id} label={label} value={getValue(id)} onChange={onChange(id)} />\n                </div>\n            ))}\n        </React.Fragment>\n    );\n};\n\nexport const PermissionSelector: React.FC<PermissionSelectorProps> = ({\n    Bind,\n    entity,\n    locales,\n    selectorKey,\n    getItems,\n    RenderItems = DefaultRenderItems\n}) => {\n    const description = t`Select the {selectorKey} user will be allowed to access.`({\n        selectorKey\n    });\n\n    return (\n        <Fragment>\n            {locales.map(code => {\n                const items = getItems(code);\n\n                /**\n                 * Lets have two different outputs, depending on if there are any items.\n                 * Checkbox group is not showing when no items.\n                 */\n                if (items.length === 0) {\n                    return (\n                        <Bind key={code} name={`${entity}Props.${selectorKey}.${code}`}>\n                            <></>\n                        </Bind>\n                    );\n                }\n                return (\n                    <Bind key={code} name={`${entity}Props.${selectorKey}.${code}`}>\n                        <CheckboxGroup label={code}>\n                            {({ onChange, getValue }) => {\n                                return (\n                                    <RenderItems\n                                        items={items}\n                                        onChange={onChange}\n                                        getValue={getValue}\n                                    />\n                                );\n                            }}\n                        </CheckboxGroup>\n                    </Bind>\n                );\n            })}\n            <FormElementMessage>{description}</FormElementMessage>\n        </Fragment>\n    );\n};\n\nexport const PermissionSelectorWrapper: React.FC = ({ children }) => (\n    <Fragment>\n        <Cell span={1} />\n        <Cell span={11}>{children}</Cell>\n    </Fragment>\n);\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA;;;;AAQA,IAAMA,CAAC,GAAGC,UAAA,CAAKC,EAAL,CAAQ,mDAAR,CAAV;;AAiBA,IAAMC,kBAA8C,GAAG,SAAjDA,kBAAiD,OAAmC;EAAA,IAAhCC,KAAgC,QAAhCA,KAAgC;EAAA,IAAzBC,QAAyB,QAAzBA,QAAyB;EAAA,IAAfC,QAAe,QAAfA,QAAe;EACtF,oBACI,6BAAC,cAAD,CAAO,QAAP,QACKF,KAAK,CAACG,GAAN,CAAU;IAAA,IAAGC,EAAH,SAAGA,EAAH;IAAA,IAAOC,KAAP,SAAOA,KAAP;IAAA,oBACP;MAAK,GAAG,EAAED;IAAV,gBACI,6BAAC,kBAAD;MAAU,GAAG,EAAEA,EAAf;MAAmB,KAAK,EAAEC,KAA1B;MAAiC,KAAK,EAAEJ,QAAQ,CAACG,EAAD,CAAhD;MAAsD,QAAQ,EAAEF,QAAQ,CAACE,EAAD;IAAxE,EADJ,CADO;EAAA,CAAV,CADL,CADJ;AASH,CAVD;;AAYO,IAAME,kBAAqD,GAAG,SAAxDA,kBAAwD,QAO/D;EAAA,IANFC,IAME,SANFA,IAME;EAAA,IALFC,MAKE,SALFA,MAKE;EAAA,IAJFC,OAIE,SAJFA,OAIE;EAAA,IAHFC,WAGE,SAHFA,WAGE;EAAA,IAFFC,QAEE,SAFFA,QAEE;EAAA,8BADFC,WACE;EAAA,IADFA,WACE,kCADYb,kBACZ;EACF,IAAMc,WAAW,GAAGjB,CAAC,2IAAD,CAA4D;IAC5Ec,WAAW,EAAXA;EAD4E,CAA5D,CAApB;EAIA,oBACI,6BAAC,eAAD,QACKD,OAAO,CAACN,GAAR,CAAY,UAAAW,IAAI,EAAI;IACjB,IAAMd,KAAK,GAAGW,QAAQ,CAACG,IAAD,CAAtB;IAEA;AAChB;AACA;AACA;;IACgB,IAAId,KAAK,CAACe,MAAN,KAAiB,CAArB,EAAwB;MACpB,oBACI,6BAAC,IAAD;QAAM,GAAG,EAAED,IAAX;QAAiB,IAAI,YAAKN,MAAL,mBAAoBE,WAApB,cAAmCI,IAAnC;MAArB,gBACI,2DADJ,CADJ;IAKH;;IACD,oBACI,6BAAC,IAAD;MAAM,GAAG,EAAEA,IAAX;MAAiB,IAAI,YAAKN,MAAL,mBAAoBE,WAApB,cAAmCI,IAAnC;IAArB,gBACI,6BAAC,uBAAD;MAAe,KAAK,EAAEA;IAAtB,GACK,iBAA4B;MAAA,IAAzBZ,QAAyB,SAAzBA,QAAyB;MAAA,IAAfD,QAAe,SAAfA,QAAe;MACzB,oBACI,6BAAC,WAAD;QACI,KAAK,EAAED,KADX;QAEI,QAAQ,EAAEE,QAFd;QAGI,QAAQ,EAAED;MAHd,EADJ;IAOH,CATL,CADJ,CADJ;EAeH,CA7BA,CADL,eA+BI,6BAAC,sCAAD,QAAqBY,WAArB,CA/BJ,CADJ;AAmCH,CA/CM;;;;AAiDA,IAAMG,yBAAmC,GAAG,SAAtCA,yBAAsC;EAAA,IAAGC,QAAH,SAAGA,QAAH;EAAA,oBAC/C,6BAAC,eAAD,qBACI,6BAAC,UAAD;IAAM,IAAI,EAAE;EAAZ,EADJ,eAEI,6BAAC,UAAD;IAAM,IAAI,EAAE;EAAZ,GAAiBA,QAAjB,CAFJ,CAD+C;AAAA,CAA5C"}

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

@@ -1,5 +1,15 @@
-import styled from "@emotion/styled";
-export var Note = /*#__PURE__*/styled("div", {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Note = void 0;
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var Note = /*#__PURE__*/(0, _styled.default)("div", {
   target: "e1tmr1490",
   label: "Note"
 })({
@@ -7,4 +17,5 @@ export var Note = /*#__PURE__*/styled("div", {
   "& .highlight": {
     fontWeight: "bold"
   }
-});
+});
+exports.Note = Note;

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

@@ -1 +1 @@
-{"version":3,"sources":["StyledComponents.tsx"],"names":["styled","Note","color","fontWeight"],"mappings":"AAAA,OAAOA,MAAP,MAAmB,iBAAnB;AAEA,OAAO,IAAMC,IAAI,gBAAGD,MAAH,CAAU,KAAV;AAAA;AAAA;AAAA,GAAiB;AAC9BE,EAAAA,KAAK,EAAE,+CADuB;AAG9B,kBAAgB;AACZC,IAAAA,UAAU,EAAE;AADA;AAHc,CAAjB,CAAV","sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const Note = styled(\"div\")({\n    color: \"var(--mdc-theme-text-secondary-on-background)\",\n\n    \"& .highlight\": {\n        fontWeight: \"bold\"\n    }\n});\n"]}
+{"version":3,"names":["Note","styled","color","fontWeight"],"sources":["StyledComponents.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nexport const Note = styled(\"div\")({\n    color: \"var(--mdc-theme-text-secondary-on-background)\",\n\n    \"& .highlight\": {\n        fontWeight: \"bold\"\n    }\n});\n"],"mappings":";;;;;;;;;AAAA;;AAEO,IAAMA,IAAI,oBAAGC,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EAC9BC,KAAK,EAAE,+CADuB;EAG9B,gBAAgB;IACZC,UAAU,EAAE;EADA;AAHc,CAAjB,CAAV"}

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

@@ -1 +1,5 @@
-export {};
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

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

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}
+{"version":3,"names":[],"sources":["types.ts"],"sourcesContent":["export interface OnChangeCallable {\n    (id: string | number): () => void;\n}\nexport interface GetValueCallable {\n    (id: string | number): boolean;\n}\nexport interface PermissionSelectorCmsModel {\n    id: string;\n    label: string;\n    [key: string]: any;\n}\n\nexport interface PermissionSelectorCmsGroup {\n    id: string;\n    label: string;\n    [key: string]: any;\n}\n"],"mappings":""}

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

@@ -1,37 +1,56 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _createForOfIteratorHelper from "@babel/runtime/helpers/createForOfIteratorHelper";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCmsData = void 0;
+
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/regeneratorRuntime"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/createForOfIteratorHelper"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = require("react");
+
+var _graphqlTag = _interopRequireDefault(require("graphql-tag"));
+
+var _hooks = require("../../../hooks");
 
 var _templateObject;
 
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-import { useEffect, useReducer } from "react";
-import gql from "graphql-tag";
-import { useCms } from "../../../hooks";
-var LIST_DATA = gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    query CmsLoadPermissionsData {\n        listContentModels {\n            data {\n                id: modelId\n                label: name\n                group {\n                    id\n                    label: name\n                }\n            }\n            meta {\n                totalCount\n                cursor\n                hasMoreItems\n            }\n            error {\n                code\n                message\n                data\n            }\n        }\n        listContentModelGroups {\n            data {\n                id\n                label: name\n            }\n            meta {\n                totalCount\n                cursor\n                hasMoreItems\n            }\n            error {\n                code\n                message\n                data\n            }\n        }\n    }\n"])));
-export var useCmsData = function useCmsData(locales) {
-  var _useCms = useCms(),
+var LIST_DATA = (0, _graphqlTag.default)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    query CmsLoadPermissionsData {\n        listContentModels {\n            data {\n                id: modelId\n                label: name\n                group {\n                    id\n                    label: name\n                }\n            }\n            meta {\n                totalCount\n                cursor\n                hasMoreItems\n            }\n            error {\n                code\n                message\n                data\n            }\n        }\n        listContentModelGroups {\n            data {\n                id\n                label: name\n            }\n            meta {\n                totalCount\n                cursor\n                hasMoreItems\n            }\n            error {\n                code\n                message\n                data\n            }\n        }\n    }\n"])));
+
+var useCmsData = function useCmsData(locales) {
+  var _useCms = (0, _hooks.useCms)(),
       getApolloClient = _useCms.getApolloClient;
 
-  var _useReducer = useReducer(function (prev, next) {
-    return _objectSpread(_objectSpread({}, prev), next);
+  var _useReducer = (0, _react.useReducer)(function (prev, next) {
+    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, prev), next);
   }, {}),
-      _useReducer2 = _slicedToArray(_useReducer, 2),
+      _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
       state = _useReducer2[0],
       setState = _useReducer2[1];
 
   var loadData = /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/(0, _regeneratorRuntime2.default)().mark(function _callee() {
       var _iterator, _step, _loop;
 
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
+      return (0, _regeneratorRuntime2.default)().wrap(function _callee$(_context) {
         while (1) {
           switch (_context.prev = _context.next) {
             case 0:
-              _iterator = _createForOfIteratorHelper(locales);
+              _iterator = (0, _createForOfIteratorHelper2.default)(locales);
 
               try {
                 _loop = function _loop() {
@@ -43,7 +62,7 @@ export var useCmsData = function useCmsData(locales) {
                       query: LIST_DATA
                     }).then(function (_ref2) {
                       var data = _ref2.data;
-                      setState(_defineProperty({}, code, {
+                      setState((0, _defineProperty2.default)({}, code, {
                         models: data.listContentModels.data,
                         groups: data.listContentModelGroups.data
                       }));
@@ -73,7 +92,7 @@ export var useCmsData = function useCmsData(locales) {
     };
   }();
 
-  useEffect(function () {
+  (0, _react.useEffect)(function () {
     loadData();
   }, [locales.sort().join(":")]);
   return locales.reduce(function (acc, code) {
@@ -88,4 +107,6 @@ export var useCmsData = function useCmsData(locales) {
     acc[code] = state[code];
     return acc;
   }, {});
-};
+};
+
+exports.useCmsData = useCmsData;