@webiny/app-headless-cms 0.0.0-mt-2 → 0.0.0-unstable.06b2ede40f

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

@@ -1,104 +1,92 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-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 { PermissionSelector } 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 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") {
-      setValue("".concat(entity, "AccessScope"), "own");
+import { FormComponentNote, Grid, Select } from "@webiny/admin-ui";
+import { PermissionsGroup } from "@webiny/app-admin/components/Permissions";
+const t = i18n.ns("app-headless-cms/admin/plugins/permissionRenderer");
+export const ContentModelPermission = ({
+  Bind,
+  data,
+  setValue,
+  entity,
+  title,
+  locales,
+  selectedContentModelGroups = {},
+  disabled
+}) => {
+  const modelsGroups = useCmsData(locales);
+  // Set "cms.contentModel" access scope to "own" if "cms.contentModelGroup" === "own".
+  useEffect(() => {
+    if (get(data, `contentModelGroupAccessScope`) === "own" && get(data, `${entity}AccessScope`) !== "own") {
+      setValue(`${entity}AccessScope`, "own");
     }
   }, [data]);
-  var getItems = useCallback(function (code) {
-    var list = get(modelsGroups, "".concat(code, ".models"), []);
-    var groups = selectedContentModelGroups && selectedContentModelGroups[code] || [];
-
+  const getItems = useCallback(code => {
+    let list = get(modelsGroups, `${code}.models`, []);
+    const groups = selectedContentModelGroups[code] || [];
     if (groups.length) {
       // Filter by groups
-      list = list.filter(function (item) {
-        return groups.includes(item.group.id);
-      });
+      list = list.filter(item => groups.includes(item.group.id));
     }
-
     return list;
   }, [modelsGroups]);
-  var disabledPrimaryActions = [undefined, "own", "no"].includes(data["".concat(entity, "AccessScope")]) || !data.endpoints.includes("manage");
-  return /*#__PURE__*/React.createElement(Elevation, {
-    z: 1,
-    style: {
-      marginTop: 10
-    }
-  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Cell, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Typography, {
-    use: "overline"
-  }, title)), /*#__PURE__*/React.createElement(Cell, {
+  const endpoints = data.endpoints || [];
+  const disabledPrimaryActions = [undefined, "own", "no"].includes(data[`${entity}AccessScope`]) || !endpoints.includes("manage");
+  return /*#__PURE__*/React.createElement(PermissionsGroup, {
+    title: title
+  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
     span: 12
-  }, /*#__PURE__*/React.createElement(Grid, {
-    style: {
-      padding: 0,
-      paddingBottom: 24
-    }
-  }, /*#__PURE__*/React.createElement(Cell, {
+  }, /*#__PURE__*/React.createElement(Grid, null, /*#__PURE__*/React.createElement(Grid.Column, {
     span: 12
   }, /*#__PURE__*/React.createElement(Bind, {
-    name: "".concat(entity, "AccessScope"),
+    name: `${entity}AccessScope`,
     defaultValue: "full"
   }, /*#__PURE__*/React.createElement(Select, {
-    label: t(_templateObject || (_templateObject = _taggedTemplateLiteral(["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", {
-    value: "full"
-  }, t(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["All models"])))), /*#__PURE__*/React.createElement("option", {
-    value: "models"
-  }, t(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["Only specific models"])))), data.endpoints.includes("manage") && /*#__PURE__*/React.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, {
-    use: "caption"
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "highlight"
-  }, "Content Model"), "\xA0", t(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["access depends upon"]))), "\xA0", /*#__PURE__*/React.createElement("span", {
-    className: "highlight"
-  }, "Content Model Group")))), data["".concat(entity, "AccessScope")] === "models" && /*#__PURE__*/React.createElement(PermissionSelectorWrapper, null, /*#__PURE__*/React.createElement(PermissionSelector, {
+    label: t`Access Scope`,
+    disabled: disabled || data[`contentModelGroupAccessScope`] === "own",
+    description: t`The list of available models is defined by the options set in the content model groups section above.`,
+    options: [{
+      value: "full",
+      label: t`All models`
+    }, {
+      value: "models",
+      label: t`Only specific models`
+    }, ...(endpoints.includes("manage") && [{
+      value: "own",
+      label: t`Only models created by the user`
+    }] || [])]
+  })), data[`contentModelGroupAccessScope`] === "own" && /*#__PURE__*/React.createElement(FormComponentNote, null, /*#__PURE__*/React.createElement("strong", null, "Content Model"), "\xA0", t`access depends upon`, "\xA0", /*#__PURE__*/React.createElement("strong", null, "Content Model Group"))), /*#__PURE__*/React.createElement(React.Fragment, null, data[`${entity}AccessScope`] === "models" && /*#__PURE__*/React.createElement(Grid.Column, {
+    span: 12
+  }, /*#__PURE__*/React.createElement(PermissionSelector, {
+    disabled: disabled,
     locales: locales,
     Bind: Bind,
     entity: entity,
     selectorKey: "models",
     getItems: getItems,
     RenderItems: ContentModelList
-  })), /*#__PURE__*/React.createElement(Cell, {
+  }))), /*#__PURE__*/React.createElement(Grid.Column, {
     span: 12
   }, /*#__PURE__*/React.createElement(Bind, {
-    name: "".concat(entity, "RWD")
+    name: `${entity}RWD`
   }, /*#__PURE__*/React.createElement(Select, {
-    label: t(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["Primary Actions"]))),
-    disabled: disabledPrimaryActions
-  }, /*#__PURE__*/React.createElement("option", {
-    value: "r"
-  }, t(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["Read"])))), data.endpoints.includes("manage") ? /*#__PURE__*/React.createElement("option", {
-    value: "rw"
-  }, t(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["Read, write"])))) : null, data.endpoints.includes("manage") ? /*#__PURE__*/React.createElement("option", {
-    value: "rwd"
-  }, t(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["Read, write, delete"])))) : null)))))));
-};
+    label: t`Primary Actions`,
+    placeholder: "Read-only",
+    disabled: disabled || disabledPrimaryActions,
+    options: [{
+      value: "r",
+      label: t`Read-only`
+    }, ...(endpoints.includes("manage") ? [{
+      value: "rw",
+      label: t`Read, write`
+    }, {
+      value: "rwd",
+      label: t`Read, write, delete`
+    }] : [])]
+  })))))));
+};
+
+//# sourceMappingURL=ContentModelPermission.js.map

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

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

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

@@ -1,5 +1,11 @@
-/// <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;
+    children: React.ReactNode;
+}
+export declare const PermissionRendererWrapper: ({ label, children }: PermissionRendererWrapperProps) => React.JSX.Element;
+export {};

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

@@ -1,28 +1,33 @@
+/**
+ * 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 label = _ref.label,
-      children = _ref.children;
-  return /*#__PURE__*/React.createElement(Elevation, {
-    z: 1,
-    className: ""
-  }, /*#__PURE__*/React.createElement(Grid, {
-    className: "",
-    style: {
-      marginTop: 36
-    }
-  }, /*#__PURE__*/React.createElement(Cell, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Typography, {
-    use: "overline"
-  }, label)), /*#__PURE__*/React.createElement(Cell, {
-    span: 12
-  }, /*#__PURE__*/React.createElement(Grid, {
-    style: {
-      padding: 0,
-      paddingBottom: 24
-    }
-  }, children))));
-};
+export const PermissionRendererWrapper = ({
+  label,
+  children
+}) => /*#__PURE__*/React.createElement(Elevation, {
+  z: 1,
+  className: ""
+}, /*#__PURE__*/React.createElement(Grid, {
+  className: "",
+  style: {
+    marginTop: 36
+  }
+}, /*#__PURE__*/React.createElement(Cell, {
+  span: 12
+}, /*#__PURE__*/React.createElement(Typography, {
+  use: "overline"
+}, label)), /*#__PURE__*/React.createElement(Cell, {
+  span: 12
+}, /*#__PURE__*/React.createElement(Grid, {
+  style: {
+    padding: 0,
+    paddingBottom: 24
+  }
+}, children))));
+
+//# sourceMappingURL=PermissionRendererWrapper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Elevation","Cell","Grid","Typography","PermissionRendererWrapper","label","children","createElement","z","className","style","marginTop","span","use","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    children: React.ReactNode;\n}\nexport const PermissionRendererWrapper = ({ label, children }: PermissionRendererWrapperProps) => (\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":"AAAA;AACA;AACA;AACA;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS,QAAQ,sBAAsB;AAChD,SAASC,IAAI,EAAEC,IAAI,QAAQ,iBAAiB;AAC5C,SAASC,UAAU,QAAQ,uBAAuB;AAMlD,OAAO,MAAMC,yBAAyB,GAAGA,CAAC;EAAEC,KAAK;EAAEC;AAAyC,CAAC,kBACzFP,KAAA,CAAAQ,aAAA,CAACP,SAAS;EAACQ,CAAC,EAAE,CAAE;EAACC,SAAS,EAAE;AAAG,gBAC3BV,KAAA,CAAAQ,aAAA,CAACL,IAAI;EAACO,SAAS,EAAE,EAAG;EAACC,KAAK,EAAE;IAAEC,SAAS,EAAE;EAAG;AAAE,gBAC1CZ,KAAA,CAAAQ,aAAA,CAACN,IAAI;EAACW,IAAI,EAAE;AAAG,gBACXb,KAAA,CAAAQ,aAAA,CAACJ,UAAU;EAACU,GAAG,EAAE;AAAW,GAAER,KAAkB,CAC9C,CAAC,eACPN,KAAA,CAAAQ,aAAA,CAACN,IAAI;EAACW,IAAI,EAAE;AAAG,gBACXb,KAAA,CAAAQ,aAAA,CAACL,IAAI;EAACQ,KAAK,EAAE;IAAEI,OAAO,EAAE,CAAC;IAAEC,aAAa,EAAE;EAAG;AAAE,GAAET,QAAe,CAC9D,CACJ,CACC,CACd","ignoreList":[]}

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

@@ -1,34 +1,21 @@
 import React from "react";
-import { BindComponent } from "@webiny/form";
-export declare type PermissionSelectorCheckList = {
-    id: string;
-    name: string;
-};
-declare type Model = {
-    id: string;
+import type { BindComponent } from "@webiny/form";
+import type { PermissionSelectorCmsGroup, PermissionSelectorCmsModel } from "./types";
+interface RenderItemsProps {
     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 = {
+    items: PermissionSelectorCmsModel[] | PermissionSelectorCmsGroup[];
+    disabled?: boolean;
+    value?: string[];
+    onChange?: (values: string[]) => void;
+}
+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.ComponentType<RenderItemsProps>;
+    disabled?: boolean;
+}
+export declare const PermissionSelector: ({ Bind, entity, locales, selectorKey, getItems, RenderItems, disabled }: PermissionSelectorProps) => React.JSX.Element;
 export {};

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

@@ -1,66 +1,65 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject;
-
-import React, { Fragment } from "react";
+import React 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");
+import { CheckboxGroup, FormComponentNote } from "@webiny/admin-ui";
+const t = i18n.ns("app-headless-cms/admin/plugins/permissionRenderer");
+const DefaultRenderItems = ({
+  items,
+  label,
+  disabled,
+  onChange,
+  value
+}) => {
+  return /*#__PURE__*/React.createElement(CheckboxGroup, {
+    label: label,
+    value: value,
+    onChange: onChange,
+    items: items.map(item => {
+      return {
+        value: item.id,
+        label: item.label,
+        disabled
+      };
+    })
+  });
+};
+export const PermissionSelector = ({
+  Bind,
+  entity,
+  locales,
+  selectorKey,
+  getItems,
+  RenderItems = DefaultRenderItems,
+  disabled
+}) => {
+  const description = t`Select the {selectorKey} user will be allowed to access.`({
+    selectorKey
+  });
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormComponentNote, {
+    text: description
+  }), locales.map(code => {
+    const items = getItems(code);
 
-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) {
-    var id = _ref2.id,
-        label = _ref2.label;
+    /**
+     * 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.createElement(Bind, {
+        key: code,
+        name: `${entity}Props.${selectorKey}.${code}`
+      }, /*#__PURE__*/React.createElement(React.Fragment, null));
+    }
     return /*#__PURE__*/React.createElement("div", {
-      key: id
-    }, /*#__PURE__*/React.createElement(Checkbox, {
-      key: id,
-      label: label,
-      value: getValue(id),
-      onChange: onChange(id)
-    }));
+      key: code,
+      className: "wby-mt-md"
+    }, /*#__PURE__*/React.createElement(Bind, {
+      name: `${entity}Props.${selectorKey}.${code}`
+    }, /*#__PURE__*/React.createElement(RenderItems, {
+      label: code,
+      items: items,
+      disabled: disabled
+    })));
   }));
 };
 
-export 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."])))({
-    selectorKey: selectorKey
-  });
-  return /*#__PURE__*/React.createElement(Fragment, null, locales.map(function (code) {
-    var items = getItems(code);
-    return /*#__PURE__*/React.createElement(Bind, {
-      key: code,
-      name: "".concat(entity, "Props.").concat(selectorKey, ".").concat(code)
-    }, items.length && /*#__PURE__*/React.createElement(CheckboxGroup, {
-      label: code
-    }, function (_ref4) {
-      var onChange = _ref4.onChange,
-          getValue = _ref4.getValue;
-      return /*#__PURE__*/React.createElement(RenderItems, {
-        items: items,
-        onChange: onChange,
-        getValue: getValue
-      });
-    }));
-  }), /*#__PURE__*/React.createElement(FormElementMessage, null, description));
-};
-export var PermissionSelectorWrapper = function PermissionSelectorWrapper(_ref5) {
-  var children = _ref5.children;
-  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Cell, {
-    span: 1
-  }), /*#__PURE__*/React.createElement(Cell, {
-    span: 11
-  }, children));
-};
+//# sourceMappingURL=PermissionSelector.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","i18n","CheckboxGroup","FormComponentNote","t","ns","DefaultRenderItems","items","label","disabled","onChange","value","createElement","map","item","id","PermissionSelector","Bind","entity","locales","selectorKey","getItems","RenderItems","description","Fragment","text","code","length","key","name","className"],"sources":["PermissionSelector.tsx"],"sourcesContent":["import React from \"react\";\nimport { i18n } from \"@webiny/app/i18n\";\nimport type { BindComponent } from \"@webiny/form\";\nimport type { PermissionSelectorCmsGroup, PermissionSelectorCmsModel } from \"./types\";\nimport { CheckboxGroup, FormComponentNote } from \"@webiny/admin-ui\";\n\nconst t = i18n.ns(\"app-headless-cms/admin/plugins/permissionRenderer\");\n\ninterface RenderItemsProps {\n    label: string;\n    items: PermissionSelectorCmsModel[] | PermissionSelectorCmsGroup[];\n    disabled?: boolean;\n    value?: string[];\n    onChange?: (values: string[]) => void;\n}\n\nconst DefaultRenderItems = ({ items, label, disabled, onChange, value }: RenderItemsProps) => {\n    return (\n        <CheckboxGroup\n            label={label}\n            value={value}\n            onChange={onChange}\n            items={items.map(item => {\n                return {\n                    value: item.id,\n                    label: item.label,\n                    disabled\n                };\n            })}\n        />\n    );\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.ComponentType<RenderItemsProps>;\n    disabled?: boolean;\n}\n\nexport const PermissionSelector = ({\n    Bind,\n    entity,\n    locales,\n    selectorKey,\n    getItems,\n    RenderItems = DefaultRenderItems,\n    disabled\n}: PermissionSelectorProps) => {\n    const description = t`Select the {selectorKey} user will be allowed to access.`({\n        selectorKey\n    });\n\n    return (\n        <>\n            <FormComponentNote text={description} />\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                    <div key={code} className={\"wby-mt-md\"}>\n                        <Bind name={`${entity}Props.${selectorKey}.${code}`}>\n                            <RenderItems label={code} items={items} disabled={disabled} />\n                        </Bind>\n                    </div>\n                );\n            })}\n        </>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,kBAAkB;AAGvC,SAASC,aAAa,EAAEC,iBAAiB,QAAQ,kBAAkB;AAEnE,MAAMC,CAAC,GAAGH,IAAI,CAACI,EAAE,CAAC,mDAAmD,CAAC;AAUtE,MAAMC,kBAAkB,GAAGA,CAAC;EAAEC,KAAK;EAAEC,KAAK;EAAEC,QAAQ;EAAEC,QAAQ;EAAEC;AAAwB,CAAC,KAAK;EAC1F,oBACIX,KAAA,CAAAY,aAAA,CAACV,aAAa;IACVM,KAAK,EAAEA,KAAM;IACbG,KAAK,EAAEA,KAAM;IACbD,QAAQ,EAAEA,QAAS;IACnBH,KAAK,EAAEA,KAAK,CAACM,GAAG,CAACC,IAAI,IAAI;MACrB,OAAO;QACHH,KAAK,EAAEG,IAAI,CAACC,EAAE;QACdP,KAAK,EAAEM,IAAI,CAACN,KAAK;QACjBC;MACJ,CAAC;IACL,CAAC;EAAE,CACN,CAAC;AAEV,CAAC;AAYD,OAAO,MAAMO,kBAAkB,GAAGA,CAAC;EAC/BC,IAAI;EACJC,MAAM;EACNC,OAAO;EACPC,WAAW;EACXC,QAAQ;EACRC,WAAW,GAAGhB,kBAAkB;EAChCG;AACqB,CAAC,KAAK;EAC3B,MAAMc,WAAW,GAAGnB,CAAC,0DAA0D,CAAC;IAC5EgB;EACJ,CAAC,CAAC;EAEF,oBACIpB,KAAA,CAAAY,aAAA,CAAAZ,KAAA,CAAAwB,QAAA,qBACIxB,KAAA,CAAAY,aAAA,CAACT,iBAAiB;IAACsB,IAAI,EAAEF;EAAY,CAAE,CAAC,EACvCJ,OAAO,CAACN,GAAG,CAACa,IAAI,IAAI;IACjB,MAAMnB,KAAK,GAAGc,QAAQ,CAACK,IAAI,CAAC;;IAE5B;AAChB;AACA;AACA;IACgB,IAAInB,KAAK,CAACoB,MAAM,KAAK,CAAC,EAAE;MACpB,oBACI3B,KAAA,CAAAY,aAAA,CAACK,IAAI;QAACW,GAAG,EAAEF,IAAK;QAACG,IAAI,EAAE,GAAGX,MAAM,SAASE,WAAW,IAAIM,IAAI;MAAG,gBAC3D1B,KAAA,CAAAY,aAAA,CAAAZ,KAAA,CAAAwB,QAAA,MAAI,CACF,CAAC;IAEf;IACA,oBACIxB,KAAA,CAAAY,aAAA;MAAKgB,GAAG,EAAEF,IAAK;MAACI,SAAS,EAAE;IAAY,gBACnC9B,KAAA,CAAAY,aAAA,CAACK,IAAI;MAACY,IAAI,EAAE,GAAGX,MAAM,SAASE,WAAW,IAAIM,IAAI;IAAG,gBAChD1B,KAAA,CAAAY,aAAA,CAACU,WAAW;MAACd,KAAK,EAAEkB,IAAK;MAACnB,KAAK,EAAEA,KAAM;MAACE,QAAQ,EAAEA;IAAS,CAAE,CAC3D,CACL,CAAC;EAEd,CAAC,CACH,CAAC;AAEX,CAAC","ignoreList":[]}

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,3 @@
+export {};
+
+//# sourceMappingURL=types.js.map

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":"","ignoreList":[]}

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

@@ -1 +1,18 @@
-export declare const useCmsData: (locales: string[]) => {};
+export interface CmsDataCmsGroup {
+    id: string;
+    label: string;
+}
+export interface CmsDataCmsModel {
+    id: string;
+    modelId: 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;