@webiny/app-headless-cms 0.0.0-mt-3 → 0.0.0-unstable.5e7233243f

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,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,32 +51,49 @@ 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);
-    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, {
+      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;;;;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.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,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

@@ -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,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.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;

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

@@ -1,56 +1,82 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-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        }\n        listContentModelGroups {\n            data {\n                id\n                label: name\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 _loop, i;
+    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:
-              _loop = function _loop(i) {
-                var code = locales[i];
-                var client = getApolloClient(code);
-
-                if (!state[code]) {
-                  client.query({
-                    query: LIST_DATA
-                  }).then(function (_ref2) {
-                    var data = _ref2.data;
-                    var models = data.listContentModels.data;
-                    var groups = data.listContentModelGroups.data;
-                    setState(_objectSpread(_objectSpread({}, state), {}, _defineProperty({}, code, {
-                      models: models,
-                      groups: groups
-                    })));
-                  });
-                }
-              };
+              _iterator = (0, _createForOfIteratorHelper2.default)(locales);
+
+              try {
+                _loop = function _loop() {
+                  var code = _step.value;
+                  var client = getApolloClient(code);
 
-              for (i = 0; i < locales.length; i++) {
-                _loop(i);
+                  if (!state[code]) {
+                    client.query({
+                      query: LIST_DATA
+                    }).then(function (_ref2) {
+                      var data = _ref2.data;
+                      setState((0, _defineProperty2.default)({}, code, {
+                        models: data.listContentModels.data,
+                        groups: data.listContentModelGroups.data
+                      }));
+                    });
+                  }
+                };
+
+                for (_iterator.s(); !(_step = _iterator.n()).done;) {
+                  _loop();
+                }
+              } catch (err) {
+                _iterator.e(err);
+              } finally {
+                _iterator.f();
               }
 
             case 2:
@@ -66,14 +92,21 @@ export var useCmsData = function useCmsData(locales) {
     };
   }();
 
-  useEffect(function () {
+  (0, _react.useEffect)(function () {
     loadData();
   }, [locales.sort().join(":")]);
   return locales.reduce(function (acc, code) {
-    acc[code] = state[code] || {
-      models: [],
-      groups: []
-    };
+    if (!state[code]) {
+      acc[code] = {
+        models: [],
+        groups: []
+      };
+      return acc;
+    }
+
+    acc[code] = state[code];
     return acc;
   }, {});
-};
+};
+
+exports.useCmsData = useCmsData;

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

@@ -0,0 +1 @@
+{"version":3,"names":["LIST_DATA","gql","useCmsData","locales","useCms","getApolloClient","useReducer","prev","next","state","setState","loadData","code","client","query","then","data","models","listContentModels","groups","listContentModelGroups","useEffect","sort","join","reduce","acc"],"sources":["useCmsData.ts"],"sourcesContent":["import { useEffect, useReducer } from \"react\";\nimport gql from \"graphql-tag\";\nimport { useCms } from \"../../../hooks\";\nimport { CmsErrorResponse } from \"~/types\";\n\nexport interface CmsDataCmsGroup {\n    id: string;\n    label: string;\n}\nexport interface CmsDataCmsModel {\n    id: string;\n    label: string;\n    group: CmsDataCmsGroup;\n}\n/**\n * ########################\n * List CMS Models And Groups for Permissions\n */\ninterface ListCmsPermissionsResponse {\n    listContentModels: {\n        data: CmsDataCmsModel[];\n        error?: CmsErrorResponse;\n    };\n    listContentModelGroups: {\n        data: CmsDataCmsGroup[];\n        error?: CmsErrorResponse;\n    };\n}\nconst LIST_DATA = gql`\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`;\n\nexport interface UseCmsDataResponseRecords {\n    models: CmsDataCmsModel[];\n    groups: CmsDataCmsGroup[];\n}\ninterface State {\n    [key: string]: UseCmsDataResponseRecords;\n}\ninterface Reducer {\n    (prev: State, next: State): State;\n}\n\nexport interface UseCmsDataResponse {\n    [locale: string]: UseCmsDataResponseRecords;\n}\nexport const useCmsData = (locales: string[]): UseCmsDataResponse => {\n    const { getApolloClient } = useCms();\n    const [state, setState] = useReducer<Reducer>((prev, next) => {\n        return {\n            ...prev,\n            ...next\n        };\n    }, {});\n\n    const loadData = async () => {\n        for (const code of locales) {\n            const client = getApolloClient(code);\n\n            if (!state[code]) {\n                client.query<ListCmsPermissionsResponse>({ query: LIST_DATA }).then(({ data }) => {\n                    setState({\n                        [code]: {\n                            models: data.listContentModels.data,\n                            groups: data.listContentModelGroups.data\n                        }\n                    });\n                });\n            }\n        }\n    };\n\n    useEffect(() => {\n        loadData();\n    }, [locales.sort().join(\":\")]);\n\n    return locales.reduce((acc, code) => {\n        if (!state[code]) {\n            acc[code] = {\n                models: [],\n                groups: []\n            };\n            return acc;\n        }\n        acc[code] = state[code];\n        return acc;\n    }, {} as UseCmsDataResponse);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;;;AA0BA,IAAMA,SAAS,OAAGC,mBAAH,w6BAAf;;AAuDO,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAACC,OAAD,EAA2C;EACjE,cAA4B,IAAAC,aAAA,GAA5B;EAAA,IAAQC,eAAR,WAAQA,eAAR;;EACA,kBAA0B,IAAAC,iBAAA,EAAoB,UAACC,IAAD,EAAOC,IAAP,EAAgB;IAC1D,mEACOD,IADP,GAEOC,IAFP;EAIH,CALyB,EAKvB,EALuB,CAA1B;EAAA;EAAA,IAAOC,KAAP;EAAA,IAAcC,QAAd;;EAOA,IAAMC,QAAQ;IAAA,kGAAG;MAAA;;MAAA;QAAA;UAAA;YAAA;cAAA,qDACMR,OADN;;cAAA;gBAAA;kBAAA,IACFS,IADE;kBAET,IAAMC,MAAM,GAAGR,eAAe,CAACO,IAAD,CAA9B;;kBAEA,IAAI,CAACH,KAAK,CAACG,IAAD,CAAV,EAAkB;oBACdC,MAAM,CAACC,KAAP,CAAyC;sBAAEA,KAAK,EAAEd;oBAAT,CAAzC,EAA+De,IAA/D,CAAoE,iBAAc;sBAAA,IAAXC,IAAW,SAAXA,IAAW;sBAC9EN,QAAQ,mCACHE,IADG,EACI;wBACJK,MAAM,EAAED,IAAI,CAACE,iBAAL,CAAuBF,IAD3B;wBAEJG,MAAM,EAAEH,IAAI,CAACI,sBAAL,CAA4BJ;sBAFhC,CADJ,EAAR;oBAMH,CAPD;kBAQH;gBAbQ;;gBACb,oDAA4B;kBAAA;gBAa3B;cAdY;gBAAA;cAAA;gBAAA;cAAA;;YAAA;YAAA;cAAA;UAAA;QAAA;MAAA;IAAA,CAAH;;IAAA,gBAARL,QAAQ;MAAA;IAAA;EAAA,GAAd;;EAiBA,IAAAU,gBAAA,EAAU,YAAM;IACZV,QAAQ;EACX,CAFD,EAEG,CAACR,OAAO,CAACmB,IAAR,GAAeC,IAAf,CAAoB,GAApB,CAAD,CAFH;EAIA,OAAOpB,OAAO,CAACqB,MAAR,CAAe,UAACC,GAAD,EAAMb,IAAN,EAAe;IACjC,IAAI,CAACH,KAAK,CAACG,IAAD,CAAV,EAAkB;MACda,GAAG,CAACb,IAAD,CAAH,GAAY;QACRK,MAAM,EAAE,EADA;QAERE,MAAM,EAAE;MAFA,CAAZ;MAIA,OAAOM,GAAP;IACH;;IACDA,GAAG,CAACb,IAAD,CAAH,GAAYH,KAAK,CAACG,IAAD,CAAjB;IACA,OAAOa,GAAP;EACH,CAVM,EAUJ,EAVI,CAAP;AAWH,CAzCM"}

package/admin/plugins/permissionRenderer/index.d.ts

@@ -1,3 +1,3 @@
 import { AdminAppPermissionRendererPlugin } from "@webiny/app-admin/types";
-declare const _default: AdminAppPermissionRendererPlugin;
-export default _default;
+declare const plugin: AdminAppPermissionRendererPlugin;
+export default plugin;

package/admin/plugins/permissionRenderer/index.js

@@ -1,16 +1,31 @@
-import React from "react";
-import { AccordionItem } from "@webiny/ui/Accordion";
-import { ReactComponent as HeadlessCMSIcon } from "@svgr/webpack!../../icons/devices_other-black-24px.svg";
-import { CMSPermissions } from "./CmsPermissions";
-export default {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Accordion = require("@webiny/ui/Accordion");
+
+var _devices_otherBlack24px = require("../../icons/devices_other-black-24px.svg");
+
+var _CmsPermissions = require("./CmsPermissions");
+
+var plugin = {
   type: "admin-app-permissions-renderer",
   name: "admin-app-permissions-renderer-cms",
   render: function render(props) {
-    return /*#__PURE__*/React.createElement(AccordionItem, {
-      icon: /*#__PURE__*/React.createElement(HeadlessCMSIcon, null),
+    return /*#__PURE__*/_react.default.createElement(_Accordion.AccordionItem, {
+      icon: /*#__PURE__*/_react.default.createElement(_devices_otherBlack24px.ReactComponent, null),
       title: "Headless CMS",
       description: "Manage Headless CMS app access permissions.",
       "data-testid": "permission.cms"
-    }, /*#__PURE__*/React.createElement(CMSPermissions, props));
+    }, /*#__PURE__*/_react.default.createElement(_CmsPermissions.CMSPermissions, props));
   }
-};
+};
+var _default = plugin;
+exports.default = _default;

package/admin/plugins/permissionRenderer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["plugin","type","name","render","props"],"sources":["index.tsx"],"sourcesContent":["import React from \"react\";\nimport { AccordionItem } from \"@webiny/ui/Accordion\";\nimport { AdminAppPermissionRendererPlugin } from \"@webiny/app-admin/types\";\nimport { ReactComponent as HeadlessCMSIcon } from \"../../icons/devices_other-black-24px.svg\";\nimport { CMSPermissions } from \"./CmsPermissions\";\n\nconst plugin: AdminAppPermissionRendererPlugin = {\n    type: \"admin-app-permissions-renderer\",\n    name: \"admin-app-permissions-renderer-cms\",\n    render(props) {\n        return (\n            <AccordionItem\n                icon={<HeadlessCMSIcon />}\n                title={\"Headless CMS\"}\n                description={\"Manage Headless CMS app access permissions.\"}\n                data-testid={\"permission.cms\"}\n            >\n                <CMSPermissions {...props} />\n            </AccordionItem>\n        );\n    }\n};\nexport default plugin;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AAEA,IAAMA,MAAwC,GAAG;EAC7CC,IAAI,EAAE,gCADuC;EAE7CC,IAAI,EAAE,oCAFuC;EAG7CC,MAH6C,kBAGtCC,KAHsC,EAG/B;IACV,oBACI,6BAAC,wBAAD;MACI,IAAI,eAAE,6BAAC,sCAAD,OADV;MAEI,KAAK,EAAE,cAFX;MAGI,WAAW,EAAE,6CAHjB;MAII,eAAa;IAJjB,gBAMI,6BAAC,8BAAD,EAAoBA,KAApB,CANJ,CADJ;EAUH;AAd4C,CAAjD;eAgBeJ,M"}