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

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

@@ -1,104 +1,111 @@
-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,
-      entity = _ref.entity,
-      title = _ref.title,
-      locales = _ref.locales,
-      selectedContentModelGroups = _ref.selectedContentModelGroups;
-  var modelsGroups = 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") {
+    data = _ref.data,
+    setValue = _ref.setValue,
+    entity = _ref.entity,
+    title = _ref.title,
+    locales = _ref.locales,
+    _ref$selectedContentM = _ref.selectedContentModelGroups,
+    selectedContentModelGroups = _ref$selectedContentM === void 0 ? {} : _ref$selectedContentM;
+  var modelsGroups = (0, _useCmsData.useCmsData)(locales);
+  // Set "cms.contentModel" access scope to "own" if "cms.contentModelGroup" === "own".
+  (0, _react.useEffect)(function () {
+    if ((0, _get.default)(data, "contentModelGroupAccessScope") === "own" && (0, _get.default)(data, "".concat(entity, "AccessScope")) !== "own") {
       setValue("".concat(entity, "AccessScope"), "own");
     }
   }, [data]);
-  var getItems = useCallback(function (code) {
-    var list = get(modelsGroups, "".concat(code, ".models"), []);
-    var groups = selectedContentModelGroups && selectedContentModelGroups[code] || [];
-
+  var getItems = (0, _react.useCallback)(function (code) {
+    var list = (0, _get.default)(modelsGroups, "".concat(code, ".models"), []);
+    var groups = selectedContentModelGroups[code] || [];
     if (groups.length) {
       // Filter by groups
       list = list.filter(function (item) {
         return groups.includes(item.group.id);
       });
     }
-
     return list;
   }, [modelsGroups]);
-  var disabledPrimaryActions = [undefined, "own", "no"].includes(data["".concat(entity, "AccessScope")]) || !data.endpoints.includes("manage");
-  return /*#__PURE__*/React.createElement(Elevation, {
+  var endpoints = data.endpoints || [];
+  var disabledPrimaryActions = [undefined, "own", "no"].includes(data["".concat(entity, "AccessScope")]) || !endpoints.includes("manage");
+  return /*#__PURE__*/_react.default.createElement(_Elevation.Elevation, {
     z: 1,
     style: {
       marginTop: 10
     }
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
+  }, /*#__PURE__*/_react.default.createElement(_Grid.Grid, null, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
     span: 12
-  }, /*#__PURE__*/React.createElement(Typography, {
+  }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
     use: "overline"
-  }, title)), /*#__PURE__*/React.createElement(Cell, {
+  }, title)), /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
     span: 12
-  }, /*#__PURE__*/React.createElement(Grid, {
+  }, /*#__PURE__*/_react.default.createElement(_Grid.Grid, {
     style: {
       padding: 0,
       paddingBottom: 24
     }
-  }, /*#__PURE__*/React.createElement(Cell, {
+  }, /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
     span: 12
-  }, /*#__PURE__*/React.createElement(Bind, {
+  }, /*#__PURE__*/_react.default.createElement(Bind, {
     name: "".concat(entity, "AccessScope"),
     defaultValue: "full"
-  }, /*#__PURE__*/React.createElement(Select, {
-    label: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["Access Scope"]))),
+  }, /*#__PURE__*/_react.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"])))), data.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"])))))), 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"])))), data.endpoints.includes("manage") ? /*#__PURE__*/React.createElement("option", {
+  }, t(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2.default)(["Read"])))), endpoints.includes("manage") ? /*#__PURE__*/_react.default.createElement("option", {
     value: "rw"
-  }, t(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["Read, write"])))) : null, data.endpoints.includes("manage") ? /*#__PURE__*/React.createElement("option", {
+  }, t(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2.default)(["Read, write"])))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), endpoints.includes("manage") ? /*#__PURE__*/_react.default.createElement("option", {
     value: "rwd"
-  }, t(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["Read, write, delete"])))) : 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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -1,5 +1,10 @@
-/// <reference types="react" />
-export declare const PermissionRendererWrapper: ({ label, children }: {
-    label: any;
-    children: any;
-}) => JSX.Element;
+/**
+ * Verify that this is used somewhere.
+ * // TODO @ts-refactor
+ */
+import React from "react";
+interface PermissionRendererWrapperProps {
+    label: string;
+}
+export declare const PermissionRendererWrapper: React.FC<PermissionRendererWrapperProps>;
+export {};

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

@@ -1,28 +1,41 @@
-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) {
+"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
+ */
+
+var PermissionRendererWrapper = function PermissionRendererWrapper(_ref) {
   var label = _ref.label,
-      children = _ref.children;
-  return /*#__PURE__*/React.createElement(Elevation, {
+    children = _ref.children;
+  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

@@ -0,0 +1 @@
+{"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,yBAAmE;EAAA,IAC5EC,KAAK,QAALA,KAAK;IACLC,QAAQ,QAARA,QAAQ;EAAA,oBAER,6BAAC,oBAAS;IAAC,CAAC,EAAE,CAAE;IAAC,SAAS,EAAE;EAAG,gBAC3B,6BAAC,UAAI;IAAC,SAAS,EAAE,EAAG;IAAC,KAAK,EAAE;MAAEC,SAAS,EAAE;IAAG;EAAE,gBAC1C,6BAAC,UAAI;IAAC,IAAI,EAAE;EAAG,gBACX,6BAAC,sBAAU;IAAC,GAAG,EAAE;EAAW,GAAEF,KAAK,CAAc,CAC9C,eACP,6BAAC,UAAI;IAAC,IAAI,EAAE;EAAG,gBACX,6BAAC,UAAI;IAAC,KAAK,EAAE;MAAEG,OAAO,EAAE,CAAC;MAAEC,aAAa,EAAE;IAAG;EAAE,GAAEH,QAAQ,CAAQ,CAC9D,CACJ,CACC;AAAA,CACf;AAAC"}

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

@@ -1,34 +1,19 @@
 import React from "react";
 import { BindComponent } from "@webiny/form";
-export declare type PermissionSelectorCheckList = {
-    id: string;
-    name: string;
-};
-declare type Model = {
-    id: string;
-    label: string;
-    [key: string]: any;
-};
-declare type Group = {
-    id: string;
-    label: string;
-    [key: string]: any;
-};
-declare type RenderItemsProps = {
-    onChange: Function;
-    getValue: Function;
-    items: Model[] | Group[];
-};
-export declare type PermissionSelectorProps = {
+import { GetValueCallable, OnChangeCallable, PermissionSelectorCmsGroup, PermissionSelectorCmsModel } from "./types";
+interface RenderItemsProps {
+    onChange: OnChangeCallable;
+    getValue: GetValueCallable;
+    items: PermissionSelectorCmsModel[] | PermissionSelectorCmsGroup[];
+}
+export interface PermissionSelectorProps {
     Bind: BindComponent;
     selectorKey: string;
     locales: string[];
     entity: string;
-    getItems: (code: string) => Model[] | Group[];
-    RenderItems?: React.FunctionComponent<RenderItemsProps>;
-};
-export declare const PermissionSelector: ({ Bind, entity, locales, selectorKey, getItems, RenderItems }: PermissionSelectorProps) => JSX.Element;
-export declare const PermissionSelectorWrapper: ({ children }: {
-    children: any;
-}) => JSX.Element;
+    getItems: (code: string) => PermissionSelectorCmsModel[] | PermissionSelectorCmsGroup[];
+    RenderItems?: React.FC<RenderItemsProps>;
+}
+export declare const PermissionSelector: React.FC<PermissionSelectorProps>;
+export declare const PermissionSelectorWrapper: React.FC;
 export {};

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

@@ -1,24 +1,29 @@
-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) {
+    getValue = _ref.getValue,
+    onChange = _ref.onChange;
+  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", {
+      label = _ref2.label;
+    return /*#__PURE__*/_react.default.createElement("div", {
       key: id
-    }, /*#__PURE__*/React.createElement(Checkbox, {
+    }, /*#__PURE__*/_react.default.createElement(_Checkbox.Checkbox, {
       key: id,
       label: label,
       value: getValue(id),
@@ -26,41 +31,53 @@ 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,
-      selectorKey = _ref3.selectorKey,
-      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."])))({
+    entity = _ref3.entity,
+    locales = _ref3.locales,
+    selectorKey = _ref3.selectorKey,
+    getItems = _ref3.getItems,
+    _ref3$RenderItems = _ref3.RenderItems,
+    RenderItems = _ref3$RenderItems === void 0 ? DefaultRenderItems : _ref3$RenderItems;
+  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);
-    return /*#__PURE__*/React.createElement(Bind, {
+
+    /**
+     * Lets have two different outputs, depending on if there are any items.
+     * Checkbox group is not showing when no items.
+     */
+    if (items.length === 0) {
+      return /*#__PURE__*/_react.default.createElement(Bind, {
+        key: code,
+        name: "".concat(entity, "Props.").concat(selectorKey, ".").concat(code)
+      }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null));
+    }
+    return /*#__PURE__*/_react.default.createElement(Bind, {
       key: code,
       name: "".concat(entity, "Props.").concat(selectorKey, ".").concat(code)
-    }, items.length && /*#__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, {
+        getValue = _ref4.getValue;
+      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

@@ -0,0 +1 @@
+{"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;AAAmE;AAQnE,IAAMA,CAAC,GAAGC,UAAI,CAACC,EAAE,CAAC,mDAAmD,CAAC;AAiBtE,IAAMC,kBAA8C,GAAG,SAAjDA,kBAA8C,OAAsC;EAAA,IAAhCC,KAAK,QAALA,KAAK;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,QAAQ,QAARA,QAAQ;EAC/E,oBACI,6BAAC,cAAK,CAAC,QAAQ,QACVF,KAAK,CAACG,GAAG,CAAC;IAAA,IAAGC,EAAE,SAAFA,EAAE;MAAEC,KAAK,SAALA,KAAK;IAAA,oBACnB;MAAK,GAAG,EAAED;IAAG,gBACT,6BAAC,kBAAQ;MAAC,GAAG,EAAEA,EAAG;MAAC,KAAK,EAAEC,KAAM;MAAC,KAAK,EAAEJ,QAAQ,CAACG,EAAE,CAAE;MAAC,QAAQ,EAAEF,QAAQ,CAACE,EAAE;IAAE,EAAG,CAC9E;EAAA,CACT,CAAC,CACW;AAEzB,CAAC;AAEM,IAAME,kBAAqD,GAAG,SAAxDA,kBAAqD,QAO5D;EAAA,IANFC,IAAI,SAAJA,IAAI;IACJC,MAAM,SAANA,MAAM;IACNC,OAAO,SAAPA,OAAO;IACPC,WAAW,SAAXA,WAAW;IACXC,QAAQ,SAARA,QAAQ;IAAA,0BACRC,WAAW;IAAXA,WAAW,kCAAGb,kBAAkB;EAEhC,IAAMc,WAAW,GAAGjB,CAAC,4IAA2D;IAC5Ec,WAAW,EAAXA;EACJ,CAAC,CAAC;EAEF,oBACI,6BAAC,eAAQ,QACJD,OAAO,CAACN,GAAG,CAAC,UAAAW,IAAI,EAAI;IACjB,IAAMd,KAAK,GAAGW,QAAQ,CAACG,IAAI,CAAC;;IAE5B;AAChB;AACA;AACA;IACgB,IAAId,KAAK,CAACe,MAAM,KAAK,CAAC,EAAE;MACpB,oBACI,6BAAC,IAAI;QAAC,GAAG,EAAED,IAAK;QAAC,IAAI,YAAKN,MAAM,mBAASE,WAAW,cAAII,IAAI;MAAG,gBAC3D,2DAAK,CACF;IAEf;IACA,oBACI,6BAAC,IAAI;MAAC,GAAG,EAAEA,IAAK;MAAC,IAAI,YAAKN,MAAM,mBAASE,WAAW,cAAII,IAAI;IAAG,gBAC3D,6BAAC,uBAAa;MAAC,KAAK,EAAEA;IAAK,GACtB,iBAA4B;MAAA,IAAzBZ,QAAQ,SAARA,QAAQ;QAAED,QAAQ,SAARA,QAAQ;MAClB,oBACI,6BAAC,WAAW;QACR,KAAK,EAAED,KAAM;QACb,QAAQ,EAAEE,QAAS;QACnB,QAAQ,EAAED;MAAS,EACrB;IAEV,CAAC,CACW,CACb;EAEf,CAAC,CAAC,eACF,6BAAC,sCAAkB,QAAEY,WAAW,CAAsB,CAC/C;AAEnB,CAAC;AAAC;AAEK,IAAMG,yBAAmC,GAAG,SAAtCA,yBAAmC;EAAA,IAAMC,QAAQ,SAARA,QAAQ;EAAA,oBAC1D,6BAAC,eAAQ,qBACL,6BAAC,UAAI;IAAC,IAAI,EAAE;EAAE,EAAG,eACjB,6BAAC,UAAI;IAAC,IAAI,EAAE;EAAG,GAAEA,QAAQ,CAAQ,CAC1B;AAAA,CACd;AAAC"}

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

@@ -1,2 +1,4 @@
 /// <reference types="react" />
-export declare const Note: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "translate" | "children" | "defaultValue" | "id" | "onError" | "className" | "onBlur" | "onClick" | "onContextMenu" | "onCopy" | "onCut" | "onAuxClick" | "onDoubleClick" | "onDragEnd" | "onDragStart" | "onDrop" | "onFocus" | "onInput" | "onInvalid" | "onKeyDown" | "onKeyPress" | "onKeyUp" | "onMouseDown" | "onMouseUp" | "onPaste" | "onPause" | "onPlay" | "onPointerCancel" | "onPointerDown" | "onPointerUp" | "onRateChange" | "onReset" | "onSeeked" | "onSubmit" | "onTouchCancel" | "onTouchEnd" | "onTouchStart" | "onVolumeChange" | "onAbort" | "onAnimationEnd" | "onAnimationIteration" | "onAnimationStart" | "onCanPlay" | "onCanPlayThrough" | "onDrag" | "onDragEnter" | "onDragExit" | "onDragLeave" | "onDragOver" | "onDurationChange" | "onEmptied" | "onEncrypted" | "onEnded" | "onGotPointerCapture" | "onLoad" | "onLoadedData" | "onLoadedMetadata" | "onLoadStart" | "onLostPointerCapture" | "onMouseMove" | "onMouseOut" | "onMouseOver" | "onPlaying" | "onPointerMove" | "onPointerOut" | "onPointerOver" | "onProgress" | "onScroll" | "onSeeking" | "onStalled" | "onSuspend" | "onTimeUpdate" | "onTouchMove" | "onTransitionEnd" | "onWaiting" | "onWheel" | "onMouseEnter" | "onMouseLeave" | "onPointerEnter" | "onPointerLeave" | "onChange" | "onSelect" | "onBeforeInput" | "onCompositionEnd" | "onCompositionStart" | "onCompositionUpdate" | "placeholder" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopyCapture" | "onCutCapture" | "onPasteCapture" | "onCompositionEndCapture" | "onCompositionStartCapture" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlurCapture" | "onChangeCapture" | "onBeforeInputCapture" | "onInputCapture" | "onResetCapture" | "onSubmitCapture" | "onInvalidCapture" | "onLoadCapture" | "onErrorCapture" | "onKeyDownCapture" | "onKeyPressCapture" | "onKeyUpCapture" | "onAbortCapture" | "onCanPlayCapture" | "onCanPlayThroughCapture" | "onDurationChangeCapture" | "onEmptiedCapture" | "onEncryptedCapture" | "onEndedCapture" | "onLoadedDataCapture" | "onLoadedMetadataCapture" | "onLoadStartCapture" | "onPauseCapture" | "onPlayCapture" | "onPlayingCapture" | "onProgressCapture" | "onRateChangeCapture" | "onSeekedCapture" | "onSeekingCapture" | "onStalledCapture" | "onSuspendCapture" | "onTimeUpdateCapture" | "onVolumeChangeCapture" | "onWaitingCapture" | "onAuxClickCapture" | "onClickCapture" | "onContextMenuCapture" | "onDoubleClickCapture" | "onDragCapture" | "onDragEndCapture" | "onDragEnterCapture" | "onDragExitCapture" | "onDragLeaveCapture" | "onDragOverCapture" | "onDragStartCapture" | "onDropCapture" | "onMouseDownCapture" | "onMouseMoveCapture" | "onMouseOutCapture" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelectCapture" | "onTouchCancelCapture" | "onTouchEndCapture" | "onTouchMoveCapture" | "onTouchStartCapture" | "onPointerDownCapture" | "onPointerMoveCapture" | "onPointerUpCapture" | "onPointerCancelCapture" | "onPointerEnterCapture" | "onPointerLeaveCapture" | "onPointerOverCapture" | "onPointerOutCapture" | "onGotPointerCaptureCapture" | "onLostPointerCaptureCapture" | "onScrollCapture" | "onWheelCapture" | "onAnimationStartCapture" | "onAnimationEndCapture" | "onAnimationIterationCapture" | "onTransitionEndCapture">, object>;
+/// <reference types="web" />
+/// <reference types="react" />
+export declare const Note: import("@emotion/styled-base").StyledComponent<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, keyof import("react").HTMLAttributes<HTMLDivElement>>, object>;

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

@@ -1,5 +1,12 @@
-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 +14,5 @@ export var Note = /*#__PURE__*/styled("div", {
   "& .highlight": {
     fontWeight: "bold"
   }
-});
+});
+exports.Note = Note;

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

@@ -0,0 +1 @@
+{"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,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAC9BC,KAAK,EAAE,+CAA+C;EAEtD,cAAc,EAAE;IACZC,UAAU,EAAE;EAChB;AACJ,CAAC,CAAC;AAAC"}

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

@@ -0,0 +1,16 @@
+export interface OnChangeCallable {
+    (id: string | number): () => void;
+}
+export interface GetValueCallable {
+    (id: string | number): boolean;
+}
+export interface PermissionSelectorCmsModel {
+    id: string;
+    label: string;
+    [key: string]: any;
+}
+export interface PermissionSelectorCmsGroup {
+    id: string;
+    label: string;
+    [key: string]: any;
+}

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

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

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

@@ -0,0 +1 @@
+{"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.d.ts

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