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

package/admin/views/contentModelGroups/DelayedOnChange.js

@@ -1,72 +1,78 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _noop = _interopRequireDefault(require("lodash/noop"));
+
 var _excluded = ["children"];
-import * as React from "react";
-import noop from "lodash/noop";
-/**
- * This component is used to wrap Input and Textarea components to optimize form re-render.
- * These 2 are the only components that trigger form model change on each character input.
- * This means, whenever you type a letter an entire form re-renders.
- * On complex forms you will feel and see a significant delay if this component is not used.
- *
- * The logic behind this component is to serve as a middleware between Form and Input/Textarea, and only notify form of a change when
- * a user stops typing for given period of time (400ms by default).
- */
 
 var DelayedOnChange = /*#__PURE__*/function (_React$Component) {
-  _inherits(DelayedOnChange, _React$Component);
+  (0, _inherits2.default)(DelayedOnChange, _React$Component);
 
-  var _super = _createSuper(DelayedOnChange);
+  var _super = (0, _createSuper2.default)(DelayedOnChange);
 
   function DelayedOnChange() {
     var _this;
 
-    _classCallCheck(this, DelayedOnChange);
+    (0, _classCallCheck2.default)(this, DelayedOnChange);
 
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
 
     _this = _super.call.apply(_super, [this].concat(args));
-
-    _defineProperty(_assertThisInitialized(_this), "delay", null);
-
-    _defineProperty(_assertThisInitialized(_this), "state", {
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "delay", null);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {
       value: ""
     });
-
-    _defineProperty(_assertThisInitialized(_this), "applyValue", function (value) {
-      var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop;
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "applyValue", function (value) {
+      var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : _noop.default;
       _this.delay && clearTimeout(_this.delay);
       _this.delay = null;
 
       _this.props.onChange(value, callback);
     });
-
-    _defineProperty(_assertThisInitialized(_this), "onChange", function (value) {
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onChange", function (value) {
       _this.setState({
         value: value
       }, _this.changed);
     });
-
-    _defineProperty(_assertThisInitialized(_this), "changed", function () {
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "changed", function () {
       _this.delay && clearTimeout(_this.delay);
       _this.delay = null;
       _this.delay = setTimeout(function () {
         return _this.applyValue(_this.state.value);
       }, _this.props.delay);
     });
-
     return _this;
   }
 
-  _createClass(DelayedOnChange, [{
+  (0, _createClass2.default)(DelayedOnChange, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.setState({
@@ -80,55 +86,50 @@ var DelayedOnChange = /*#__PURE__*/function (_React$Component) {
 
       var _this$props = this.props,
           children = _this$props.children,
-          other = _objectWithoutProperties(_this$props, _excluded);
-
-      var newProps = _objectSpread(_objectSpread({}, other), {}, {
+          other = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
+      var newProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, other), {}, {
         value: this.state.value,
         onChange: this.onChange
       });
-
       var renderProp = typeof children === "function" ? children : false;
       var child = renderProp ? renderProp(newProps) : /*#__PURE__*/React.cloneElement(children, newProps);
+      var props = (0, _objectSpread2.default)({}, child.props);
+      var realOnKeyDown = props.onKeyDown || _noop.default;
+      var realOnBlur = props.onBlur || _noop.default; // Need to apply value if input lost focus
 
-      var props = _objectSpread({}, child.props);
-
-      var realOnKeyDown = props.onKeyDown || noop;
-      var realOnBlur = props.onBlur || noop; // Need to apply value if input lost focus
+      props.onBlur = function (ev) {
+        ev.persist();
 
-      props.onBlur = function (e) {
-        e.persist();
-
-        _this2.applyValue(e.target.value, function () {
-          return realOnBlur(e);
+        _this2.applyValue(ev.target.value, function () {
+          return realOnBlur(ev);
         });
       }; // Need to listen for TAB key to apply new value immediately, without delay. Otherwise validation will be triggered with old value.
 
 
-      props.onKeyDown = function (e) {
-        e.persist();
+      props.onKeyDown = function (ev) {
+        ev.persist();
 
-        if (e.key === "Tab") {
-          _this2.applyValue(e.target.value, function () {
-            return realOnKeyDown(e);
+        if (ev.key === "Tab") {
+          _this2.applyValue(ev.target.value, function () {
+            return realOnKeyDown(ev);
           });
-        } else if (e.key === "Enter" && props["data-on-enter"]) {
-          _this2.applyValue(e.target.value, function () {
-            return realOnKeyDown(e);
+        } else if (ev.key === "Enter" && props["data-on-enter"]) {
+          _this2.applyValue(ev.target.value, function () {
+            return realOnKeyDown(ev);
           });
         } else {
-          realOnKeyDown(e);
+          realOnKeyDown(ev);
         }
       };
 
       return /*#__PURE__*/React.cloneElement(child, props);
     }
   }]);
-
   return DelayedOnChange;
 }(React.Component);
 
-_defineProperty(DelayedOnChange, "defaultProps", {
+(0, _defineProperty2.default)(DelayedOnChange, "defaultProps", {
   delay: 400
 });
-
-export default DelayedOnChange;
+var _default = DelayedOnChange;
+exports.default = _default;

package/admin/views/contentModelGroups/DelayedOnChange.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DelayedOnChange","value","callback","noop","delay","clearTimeout","props","onChange","setState","changed","setTimeout","applyValue","state","children","other","newProps","renderProp","child","React","cloneElement","realOnKeyDown","onKeyDown","realOnBlur","onBlur","ev","persist","target","key","Component"],"sources":["DelayedOnChange.ts"],"sourcesContent":["import * as React from \"react\";\nimport noop from \"lodash/noop\";\n\n/**\n * This component is used to wrap Input and Textarea components to optimize form re-render.\n * These 2 are the only components that trigger form model change on each character input.\n * This means, whenever you type a letter an entire form re-renders.\n * On complex forms you will feel and see a significant delay if this component is not used.\n *\n * The logic behind this component is to serve as a middleware between Form and Input/Textarea, and only notify form of a change when\n * a user stops typing for given period of time (400ms by default).\n */\ninterface OnChangeCbCallable {\n    (value: string): void;\n}\ninterface OnChangeCallable {\n    (value: string, cb?: OnChangeCbCallable): void;\n}\ninterface ChildrenParams {\n    value: string;\n    onChange: OnChangeCallable;\n}\ninterface DelayedOnChangeProps {\n    delay?: number;\n    value?: string;\n    onChange: OnChangeCallable;\n    onKeyDown?: (ev: React.SyntheticEvent) => void;\n    onBlur?: (ev: React.SyntheticEvent) => void;\n    children: (params: ChildrenParams) => React.ReactElement;\n}\ninterface DelayedOnChangeState {\n    value?: string;\n}\nclass DelayedOnChange extends React.Component<DelayedOnChangeProps, DelayedOnChangeState> {\n    static defaultProps: Partial<DelayedOnChangeProps> = {\n        delay: 400\n    };\n\n    private delay: number | null = null;\n\n    public override readonly state: DelayedOnChangeState = {\n        value: \"\"\n    };\n\n    public override componentDidMount() {\n        this.setState({ value: this.props.value });\n    }\n\n    private applyValue = (value: any, callback: OnChangeCbCallable = noop): void => {\n        this.delay && clearTimeout(this.delay);\n        this.delay = null;\n        this.props.onChange(value, callback);\n    };\n\n    private onChange = (value: string): void => {\n        this.setState({ value }, this.changed);\n    };\n\n    private changed = (): void => {\n        this.delay && clearTimeout(this.delay);\n        this.delay = null;\n        this.delay = setTimeout(\n            () => this.applyValue(this.state.value),\n            this.props.delay\n        ) as unknown as number;\n    };\n\n    public override render(): React.ReactNode {\n        const { children, ...other } = this.props;\n        const newProps: Omit<DelayedOnChangeProps, \"children\"> = {\n            ...other,\n            value: this.state.value,\n            onChange: this.onChange\n        };\n\n        const renderProp = typeof children === \"function\" ? children : false;\n        const child = renderProp\n            ? renderProp(newProps as Required<DelayedOnChangeProps>)\n            : React.cloneElement(children as unknown as React.ReactElement, newProps);\n\n        const props = { ...child.props };\n        const realOnKeyDown = props.onKeyDown || noop;\n        const realOnBlur = props.onBlur || noop;\n\n        // Need to apply value if input lost focus\n        props.onBlur = (ev: React.SyntheticEvent) => {\n            ev.persist();\n            this.applyValue((ev.target as HTMLInputElement).value, () => realOnBlur(ev));\n        };\n\n        // Need to listen for TAB key to apply new value immediately, without delay. Otherwise validation will be triggered with old value.\n        props.onKeyDown = (ev: React.KeyboardEvent) => {\n            ev.persist();\n            if (ev.key === \"Tab\") {\n                this.applyValue((ev.target as HTMLInputElement).value, () => realOnKeyDown(ev));\n            } else if (ev.key === \"Enter\" && props[\"data-on-enter\"]) {\n                this.applyValue((ev.target as HTMLInputElement).value, () => realOnKeyDown(ev));\n            } else {\n                realOnKeyDown(ev);\n            }\n        };\n\n        return React.cloneElement(child, props);\n    }\n}\n\nexport default DelayedOnChange;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;IAgCMA,e;;;;;;;;;;;;;;;wFAK6B,I;wFAEwB;MACnDC,KAAK,EAAE;IAD4C,C;6FAQlC,UAACA,KAAD,EAA2D;MAAA,IAA9CC,QAA8C,uEAAfC,aAAe;MAC5E,MAAKC,KAAL,IAAcC,YAAY,CAAC,MAAKD,KAAN,CAA1B;MACA,MAAKA,KAAL,GAAa,IAAb;;MACA,MAAKE,KAAL,CAAWC,QAAX,CAAoBN,KAApB,EAA2BC,QAA3B;IACH,C;2FAEkB,UAACD,KAAD,EAAyB;MACxC,MAAKO,QAAL,CAAc;QAAEP,KAAK,EAALA;MAAF,CAAd,EAAyB,MAAKQ,OAA9B;IACH,C;0FAEiB,YAAY;MAC1B,MAAKL,KAAL,IAAcC,YAAY,CAAC,MAAKD,KAAN,CAA1B;MACA,MAAKA,KAAL,GAAa,IAAb;MACA,MAAKA,KAAL,GAAaM,UAAU,CACnB;QAAA,OAAM,MAAKC,UAAL,CAAgB,MAAKC,KAAL,CAAWX,KAA3B,CAAN;MAAA,CADmB,EAEnB,MAAKK,KAAL,CAAWF,KAFQ,CAAvB;IAIH,C;;;;;;WArBD,6BAAoC;MAChC,KAAKI,QAAL,CAAc;QAAEP,KAAK,EAAE,KAAKK,KAAL,CAAWL;MAApB,CAAd;IACH;;;WAqBD,kBAA0C;MAAA;;MACtC,kBAA+B,KAAKK,KAApC;MAAA,IAAQO,QAAR,eAAQA,QAAR;MAAA,IAAqBC,KAArB;MACA,IAAMC,QAAgD,+DAC/CD,KAD+C;QAElDb,KAAK,EAAE,KAAKW,KAAL,CAAWX,KAFgC;QAGlDM,QAAQ,EAAE,KAAKA;MAHmC,EAAtD;MAMA,IAAMS,UAAU,GAAG,OAAOH,QAAP,KAAoB,UAApB,GAAiCA,QAAjC,GAA4C,KAA/D;MACA,IAAMI,KAAK,GAAGD,UAAU,GAClBA,UAAU,CAACD,QAAD,CADQ,gBAElBG,KAAK,CAACC,YAAN,CAAmBN,QAAnB,EAA8DE,QAA9D,CAFN;MAIA,IAAMT,KAAK,mCAAQW,KAAK,CAACX,KAAd,CAAX;MACA,IAAMc,aAAa,GAAGd,KAAK,CAACe,SAAN,IAAmBlB,aAAzC;MACA,IAAMmB,UAAU,GAAGhB,KAAK,CAACiB,MAAN,IAAgBpB,aAAnC,CAfsC,CAiBtC;;MACAG,KAAK,CAACiB,MAAN,GAAe,UAACC,EAAD,EAA8B;QACzCA,EAAE,CAACC,OAAH;;QACA,MAAI,CAACd,UAAL,CAAiBa,EAAE,CAACE,MAAJ,CAAgCzB,KAAhD,EAAuD;UAAA,OAAMqB,UAAU,CAACE,EAAD,CAAhB;QAAA,CAAvD;MACH,CAHD,CAlBsC,CAuBtC;;;MACAlB,KAAK,CAACe,SAAN,GAAkB,UAACG,EAAD,EAA6B;QAC3CA,EAAE,CAACC,OAAH;;QACA,IAAID,EAAE,CAACG,GAAH,KAAW,KAAf,EAAsB;UAClB,MAAI,CAAChB,UAAL,CAAiBa,EAAE,CAACE,MAAJ,CAAgCzB,KAAhD,EAAuD;YAAA,OAAMmB,aAAa,CAACI,EAAD,CAAnB;UAAA,CAAvD;QACH,CAFD,MAEO,IAAIA,EAAE,CAACG,GAAH,KAAW,OAAX,IAAsBrB,KAAK,CAAC,eAAD,CAA/B,EAAkD;UACrD,MAAI,CAACK,UAAL,CAAiBa,EAAE,CAACE,MAAJ,CAAgCzB,KAAhD,EAAuD;YAAA,OAAMmB,aAAa,CAACI,EAAD,CAAnB;UAAA,CAAvD;QACH,CAFM,MAEA;UACHJ,aAAa,CAACI,EAAD,CAAb;QACH;MACJ,CATD;;MAWA,oBAAON,KAAK,CAACC,YAAN,CAAmBF,KAAnB,EAA0BX,KAA1B,CAAP;IACH;;;EAtEyBY,KAAK,CAACU,S;;8BAA9B5B,e,kBACmD;EACjDI,KAAK,EAAE;AAD0C,C;eAwE1CJ,e"}

package/admin/views/contentModelGroups/IconPicker.d.ts

@@ -1,7 +1,8 @@
 import * as React from "react";
 import { FormComponentProps } from "@webiny/ui/types";
-declare const IconPicker: ({ value, onChange, label, description, validation }: FormComponentProps & {
+interface IconPickerProps extends FormComponentProps {
     label?: React.ReactNode;
     description?: React.ReactNode;
-}) => JSX.Element;
+}
+declare const IconPicker: React.FC<IconPickerProps>;
 export default IconPicker;

package/admin/views/contentModelGroups/IconPicker.js

@@ -1,35 +1,56 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import * as React from "react";
-import { css } from "emotion";
-import { plugins } from "@webiny/plugins";
-import { Typography } from "@webiny/ui/Typography";
-import { Grid } from "react-virtualized";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import DelayedOnChange from "./DelayedOnChange";
-import { Menu } from "@webiny/ui/Menu";
-import { Input } from "@webiny/ui/Input";
-import { FormElementMessage } from "@webiny/ui/FormElementMessage";
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _emotion = require("emotion");
+
+var _plugins = require("@webiny/plugins");
+
+var _Typography = require("@webiny/ui/Typography");
+
+var _reactVirtualized = require("react-virtualized");
+
+var _reactFontawesome = require("@fortawesome/react-fontawesome");
+
+var _DelayedOnChange = _interopRequireDefault(require("./DelayedOnChange"));
+
+var _Menu = require("@webiny/ui/Menu");
+
+var _Input = require("@webiny/ui/Input");
+
+var _FormElementMessage = require("@webiny/ui/FormElementMessage");
+
 /**
  * Controls the helper text below the checkbox.
  * @type {string}
  */
-
-var iconPickerLabel = /*#__PURE__*/css({
+var iconPickerLabel = /*#__PURE__*/(0, _emotion.css)({
   marginBottom: 5,
   marginLeft: 2
 }, "label:iconPickerLabel;");
-var MenuWrapper = /*#__PURE__*/css({
+var MenuWrapper = /*#__PURE__*/(0, _emotion.css)({
   color: "var(--mdc-theme-text-secondary-on-background)",
   backgroundColor: "var(--mdc-theme-on-background)",
   padding: "16px 8px"
 }, "label:MenuWrapper;");
-var NoResultWrapper = /*#__PURE__*/css({
+var NoResultWrapper = /*#__PURE__*/(0, _emotion.css)({
   width: 640,
   color: "var(--mdc-theme-text-secondary-on-background)",
   padding: "16px 12px"
 }, "label:NoResultWrapper;");
 var COLUMN_COUNT = 6;
-var gridItem = /*#__PURE__*/css({
+var gridItem = /*#__PURE__*/(0, _emotion.css)({
   display: "flex",
   flexDirection: "column",
   justifyContent: "flex-start",
@@ -66,15 +87,15 @@ var gridItem = /*#__PURE__*/css({
     marginBottom: 5
   }
 }, "label:gridItem;");
-var grid = /*#__PURE__*/css({
+var grid = /*#__PURE__*/(0, _emotion.css)({
   padding: 20
 }, "label:grid;");
-var pickIcon = /*#__PURE__*/css({
+var pickIcon = /*#__PURE__*/(0, _emotion.css)({
   width: 50,
   textAlign: "center",
   cursor: "pointer"
 }, "label:pickIcon;");
-var searchInput = /*#__PURE__*/css({
+var searchInput = /*#__PURE__*/(0, _emotion.css)({
   input: {
     padding: "20px 12px 20px"
   }
@@ -91,12 +112,12 @@ var IconPicker = function IconPicker(_ref) {
       validation = _ref.validation;
 
   var _useState = useState(""),
-      _useState2 = _slicedToArray(_useState, 2),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       filter = _useState2[0],
       setFilter = _useState2[1];
 
   var _useState3 = useState(false),
-      _useState4 = _slicedToArray(_useState3, 2),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
       mustRenderGrid = _useState4[0],
       setMustRenderGrid = _useState4[1];
 
@@ -105,7 +126,8 @@ var IconPicker = function IconPicker(_ref) {
     cb();
   }, [filter]);
   var allIcons = useMemo(function () {
-    var iconPlugins = plugins.byType("cms-icons");
+    var iconPlugins = _plugins.plugins.byType("cms-icons");
+
     return iconPlugins.reduce(function (icons, pl) {
       return icons.concat(pl.getIcons());
     }, []);
@@ -133,26 +155,29 @@ var IconPicker = function IconPicker(_ref) {
         style: style,
         className: gridItem,
         onClick: function onClick() {
-          onChange(item.id.join("/"));
+          if (onChange) {
+            onChange(item.id.join("/"));
+          }
+
           closeMenu();
         }
-      }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
+      }, /*#__PURE__*/React.createElement(_reactFontawesome.FontAwesomeIcon, {
         icon: item.id,
         size: "2x"
-      }), /*#__PURE__*/React.createElement(Typography, {
+      }), /*#__PURE__*/React.createElement(_Typography.Typography, {
         use: "body2"
       }, item.name));
     };
   }, [icons]);
   var renderGrid = useCallback(function (_ref4) {
     var closeMenu = _ref4.closeMenu;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(DelayedOnChange, {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_DelayedOnChange.default, {
       value: filter,
       onChange: onFilterChange
     }, function (_ref5) {
       var value = _ref5.value,
           onChange = _ref5.onChange;
-      return /*#__PURE__*/React.createElement(Input, {
+      return /*#__PURE__*/React.createElement(_Input.Input, {
         autoFocus: true,
         className: searchInput,
         value: value,
@@ -161,9 +186,9 @@ var IconPicker = function IconPicker(_ref) {
       });
     }), icons.length === 0 ? /*#__PURE__*/React.createElement("div", {
       className: NoResultWrapper
-    }, /*#__PURE__*/React.createElement(Typography, {
+    }, /*#__PURE__*/React.createElement(_Typography.Typography, {
       use: "body1"
-    }, "No results found.")) : /*#__PURE__*/React.createElement(Grid, {
+    }, "No results found.")) : /*#__PURE__*/React.createElement(_reactVirtualized.Grid, {
       className: grid,
       cellRenderer: renderCell({
         closeMenu: closeMenu
@@ -177,13 +202,18 @@ var IconPicker = function IconPicker(_ref) {
     }));
   }, [icons]);
   var fontAwesomeIconValue = typeof value === "string" && value.includes("/") ? value.split("/") : ["fas", "star"];
+
+  var _ref6 = validation || {},
+      validationIsValid = _ref6.isValid,
+      validationMessage = _ref6.message;
+
   return /*#__PURE__*/React.createElement(React.Fragment, null, label && /*#__PURE__*/React.createElement("div", {
     className: iconPickerLabel
-  }, /*#__PURE__*/React.createElement(Typography, {
+  }, /*#__PURE__*/React.createElement(_Typography.Typography, {
     use: "body1"
   }, label)), /*#__PURE__*/React.createElement("div", {
     className: MenuWrapper
-  }, /*#__PURE__*/React.createElement(Menu, {
+  }, /*#__PURE__*/React.createElement(_Menu.Menu, {
     onOpen: function onOpen() {
       return setMustRenderGrid(true);
     },
@@ -192,13 +222,14 @@ var IconPicker = function IconPicker(_ref) {
     },
     handle: /*#__PURE__*/React.createElement("div", {
       className: pickIcon
-    }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
+    }, /*#__PURE__*/React.createElement(_reactFontawesome.FontAwesomeIcon, {
       icon: fontAwesomeIconValue,
       size: "2x"
     }))
-  }, mustRenderGrid && renderGrid)), validation.isValid === false && /*#__PURE__*/React.createElement(FormElementMessage, {
+  }, mustRenderGrid && renderGrid)), validationIsValid === false && /*#__PURE__*/React.createElement(_FormElementMessage.FormElementMessage, {
     error: true
-  }, validation.message), validation.isValid !== false && description && /*#__PURE__*/React.createElement(FormElementMessage, null, description));
+  }, validationMessage), validationIsValid !== false && description && /*#__PURE__*/React.createElement(_FormElementMessage.FormElementMessage, null, description));
 };
 
-export default IconPicker;
+var _default = IconPicker;
+exports.default = _default;

package/admin/views/contentModelGroups/IconPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["iconPickerLabel","css","marginBottom","marginLeft","MenuWrapper","color","backgroundColor","padding","NoResultWrapper","width","COLUMN_COUNT","gridItem","display","flexDirection","justifyContent","boxSizing","paddingTop","alignItems","textAlign","cursor","transform","borderRadius","transition","boxShadow","content","position","top","left","height","zIndex","opacity","grid","pickIcon","searchInput","input","useState","React","useCallback","useMemo","IconPicker","value","onChange","label","description","validation","filter","setFilter","mustRenderGrid","setMustRenderGrid","onFilterChange","cb","allIcons","iconPlugins","plugins","byType","reduce","icons","pl","concat","getIcons","ic","name","includes","renderCell","closeMenu","columnIndex","key","rowIndex","style","item","id","join","renderGrid","length","Math","ceil","fontAwesomeIconValue","split","validationIsValid","isValid","validationMessage","message"],"sources":["IconPicker.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { css } from \"emotion\";\nimport { plugins } from \"@webiny/plugins\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { Grid } from \"react-virtualized\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport DelayedOnChange from \"./DelayedOnChange\";\nimport { Menu } from \"@webiny/ui/Menu\";\nimport { Input } from \"@webiny/ui/Input\";\nimport { CmsIcon, CmsIconsPlugin } from \"~/types\";\nimport { FormComponentProps } from \"@webiny/ui/types\";\nimport { FormElementMessage } from \"@webiny/ui/FormElementMessage\";\nimport { GridCellProps } from \"react-virtualized/dist/es/Grid\";\n\n/**\n * Controls the helper text below the checkbox.\n * @type {string}\n */\nconst iconPickerLabel = css({ marginBottom: 5, marginLeft: 2 });\n\nconst MenuWrapper = css({\n    color: \"var(--mdc-theme-text-secondary-on-background)\",\n    backgroundColor: \"var(--mdc-theme-on-background)\",\n    padding: \"16px 8px\"\n});\n\nconst NoResultWrapper = css({\n    width: 640,\n    color: \"var(--mdc-theme-text-secondary-on-background)\",\n    padding: \"16px 12px\"\n});\n\nconst COLUMN_COUNT = 6;\n\nconst gridItem = css({\n    display: \"flex\",\n    flexDirection: \"column\",\n    justifyContent: \"flex-start\",\n    boxSizing: \"border-box\",\n    paddingTop: 15,\n    alignItems: \"center\",\n    textAlign: \"center\",\n    cursor: \"pointer\",\n    transform: \"translateZ(0)\",\n    borderRadius: 2,\n    color: \"var(--mdc-theme-text-secondary-on-background)\",\n    transition: \"all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)\",\n    \"&::after\": {\n        boxShadow: \"0 0.25rem 0.125rem 0 rgba(0,0,0,0.05)\",\n        transition: \"opacity 0.5s cubic-bezier(0.165, 0.84, 0.44, 1)\",\n        content: '\"\"',\n        position: \"absolute\",\n        top: 0,\n        left: 0,\n        width: \"100%\",\n        height: \"100%\",\n        zIndex: -1,\n        opacity: 0\n    },\n    \"&:hover\": {\n        backgroundColor: \"var(--mdc-theme-background)\",\n        color: \"var(--mdc-theme-text-primary-on-background)\",\n        \"&::after\": {\n            opacity: 1\n        }\n    },\n    \">svg\": {\n        width: 42,\n        marginBottom: 5\n    }\n});\n\nconst grid = css({\n    padding: 20\n});\n\nconst pickIcon = css({\n    width: 50,\n    textAlign: \"center\",\n    cursor: \"pointer\"\n});\n\nconst searchInput = css({\n    input: {\n        padding: \"20px 12px 20px\"\n    }\n});\n\nconst { useState, useCallback, useMemo } = React;\n\ninterface IconPickerProps extends FormComponentProps {\n    label?: React.ReactNode;\n    description?: React.ReactNode;\n}\nconst IconPicker: React.FC<IconPickerProps> = ({\n    value,\n    onChange,\n    label,\n    description,\n    validation\n}) => {\n    const [filter, setFilter] = useState(\"\");\n    const [mustRenderGrid, setMustRenderGrid] = useState(false);\n\n    const onFilterChange = useCallback(\n        (value, cb) => {\n            setFilter(value);\n            cb();\n        },\n        [filter]\n    );\n\n    const allIcons: CmsIcon[] = useMemo(() => {\n        const iconPlugins = plugins.byType<CmsIconsPlugin>(\"cms-icons\");\n        return iconPlugins.reduce((icons: Array<CmsIcon>, pl) => {\n            return icons.concat(pl.getIcons());\n        }, []);\n    }, []);\n\n    const icons = useMemo(() => {\n        return filter ? allIcons.filter(ic => ic.name.includes(filter)) : allIcons;\n    }, [filter]);\n\n    const renderCell = useCallback(\n        ({ closeMenu }) => {\n            return function renderCell({\n                columnIndex,\n                key,\n                rowIndex,\n                style\n            }: GridCellProps): React.ReactNode {\n                const item = icons[rowIndex * COLUMN_COUNT + columnIndex];\n                if (!item) {\n                    return null;\n                }\n\n                return (\n                    <div\n                        key={key}\n                        style={style}\n                        className={gridItem}\n                        onClick={() => {\n                            if (onChange) {\n                                onChange(item.id.join(\"/\"));\n                            }\n                            closeMenu();\n                        }}\n                    >\n                        <FontAwesomeIcon icon={item.id} size={\"2x\"} />\n                        <Typography use={\"body2\"}>{item.name}</Typography>\n                    </div>\n                );\n            };\n        },\n        [icons]\n    );\n\n    const renderGrid = useCallback(\n        ({ closeMenu }) => {\n            return (\n                <>\n                    <DelayedOnChange value={filter} onChange={onFilterChange}>\n                        {({ value, onChange }) => (\n                            <Input\n                                autoFocus\n                                className={searchInput}\n                                value={value}\n                                onChange={onChange}\n                                placeholder={\"Search icons...\"}\n                            />\n                        )}\n                    </DelayedOnChange>\n                    {icons.length === 0 ? (\n                        <div className={NoResultWrapper}>\n                            <Typography use=\"body1\">No results found.</Typography>\n                        </div>\n                    ) : (\n                        <Grid\n                            className={grid}\n                            cellRenderer={renderCell({ closeMenu })}\n                            columnCount={COLUMN_COUNT}\n                            columnWidth={100}\n                            height={440}\n                            rowCount={Math.ceil(icons.length / COLUMN_COUNT)}\n                            rowHeight={100}\n                            width={640}\n                        />\n                    )}\n                </>\n            );\n        },\n        [icons]\n    );\n\n    const fontAwesomeIconValue: any =\n        typeof value === \"string\" && value.includes(\"/\") ? value.split(\"/\") : [\"fas\", \"star\"];\n\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n    return (\n        <>\n            {label && (\n                <div className={iconPickerLabel}>\n                    <Typography use={\"body1\"}>{label}</Typography>\n                </div>\n            )}\n            <div className={MenuWrapper}>\n                <Menu\n                    onOpen={() => setMustRenderGrid(true)}\n                    onClose={() => setMustRenderGrid(false)}\n                    handle={\n                        <div className={pickIcon}>\n                            <FontAwesomeIcon icon={fontAwesomeIconValue} size={\"2x\"} />\n                        </div>\n                    }\n                >\n                    {mustRenderGrid && renderGrid}\n                </Menu>\n            </div>\n            {validationIsValid === false && (\n                <FormElementMessage error>{validationMessage}</FormElementMessage>\n            )}\n            {validationIsValid !== false && description && (\n                <FormElementMessage>{description}</FormElementMessage>\n            )}\n        </>\n    );\n};\n\nexport default IconPicker;\n"],"mappings":"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"}

package/admin/views/contentModelGroups/graphql.d.ts

@@ -1,5 +1,73 @@
+import { CmsErrorResponse, CmsGroup as BaseCmsGroup, CmsModel } from "../../../types";
+export declare type CmsGroup = Omit<BaseCmsGroup, "contentModels">;
+export interface CmsGroupWithModels extends CmsGroup {
+    contentModels: Pick<CmsModel, "modelId" | "name">[];
+}
+/**
+ * ############################
+ * List groups with basic models info Query
+ */
+export interface ListCmsGroupsQueryResponse {
+    listContentModelGroups: {
+        data: CmsGroupWithModels[];
+        error?: CmsErrorResponse;
+    };
+}
 export declare const LIST_CONTENT_MODEL_GROUPS: import("graphql").DocumentNode;
+/**
+ * ############################
+ * Get Group Query
+ */
+export interface GetCmsGroupQueryResponse {
+    contentModelGroup: {
+        data: CmsGroup;
+        error?: CmsErrorResponse;
+    };
+}
+export interface GetCmsGroupQueryVariables {
+    id: string;
+}
 export declare const GET_CONTENT_MODEL_GROUP: import("graphql").DocumentNode;
+/**
+ * ############################
+ * Create Group Mutation
+ */
+export interface CreateCmsGroupMutationResponse {
+    contentModelGroup: {
+        data: CmsGroupWithModels;
+        error?: CmsErrorResponse;
+    };
+}
+export interface CreateCmsGroupMutationVariables {
+    data: Record<string, any>;
+}
 export declare const CREATE_CONTENT_MODEL_GROUP: import("graphql").DocumentNode;
+/**
+ * ############################
+ * Update Group Mutation
+ */
+export interface UpdateCmsGroupMutationResponse {
+    contentModelGroup: {
+        data: CmsGroup;
+        error?: CmsErrorResponse;
+    };
+}
+export interface UpdateCmsGroupMutationVariables {
+    id: string;
+    data: Record<string, any>;
+}
 export declare const UPDATE_CONTENT_MODEL_GROUP: import("graphql").DocumentNode;
+/**
+ * ############################
+ * Delete Group Mutation
+ */
+export interface DeleteCmsGroupMutationResponse {
+    contentModelGroup: {
+        data: boolean;
+        error?: CmsErrorResponse;
+    };
+}
+export interface DeleteCmsGroupMutationVariables {
+    id: string;
+}
 export declare const DELETE_CONTENT_MODEL_GROUP: import("graphql").DocumentNode;

package/admin/views/contentModelGroups/graphql.js

@@ -1,11 +1,47 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UPDATE_CONTENT_MODEL_GROUP = exports.LIST_CONTENT_MODEL_GROUPS = exports.GET_CONTENT_MODEL_GROUP = exports.DELETE_CONTENT_MODEL_GROUP = exports.CREATE_CONTENT_MODEL_GROUP = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _graphqlTag = _interopRequireDefault(require("graphql-tag"));
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 
-import gql from "graphql-tag";
+var ERROR_FIELS = "\n    message\n    code\n    data\n";
 var fields = "\n    id\n    name\n    slug\n    description\n    icon\n    createdOn\n    plugin\n    createdBy {\n        id\n        displayName\n        type\n    }\n";
-export var LIST_CONTENT_MODEL_GROUPS = gql(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    query CmsListContentModelGroups {\n        listContentModelGroups {\n            data {\n                ", "\n                contentModels {\n                    modelId\n                    name\n                }\n            }\n        }\n    }\n"])), fields);
-export var GET_CONTENT_MODEL_GROUP = gql(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    query CmsGetContentModelGroup($id: ID!) {\n        contentModelGroup: getContentModelGroup(id: $id){\n            data {\n                ", "\n            }\n            error {\n                code\n                message\n            }\n        }\n    }\n"])), fields);
-export var CREATE_CONTENT_MODEL_GROUP = gql(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    mutation CmsCreateContentModelGroup($data: CmsContentModelGroupInput!){\n        contentModelGroup: createContentModelGroup(data: $data) {\n            data {\n                ", "\n                contentModels {\n                    modelId\n                    name\n                }\n            }\n            error {\n                code\n                message\n                data\n            }\n        }\n    }\n"])), fields);
-export var UPDATE_CONTENT_MODEL_GROUP = gql(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    mutation CmsUpdateContentModelGroup($id: ID!, $data: CmsContentModelGroupInput!){\n        contentModelGroup: updateContentModelGroup(id: $id, data: $data) {\n            data {\n                ", "\n            }\n            error {\n                code\n                message\n                data\n            }\n        }\n    }\n"])), fields);
-export var DELETE_CONTENT_MODEL_GROUP = gql(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    mutation CmsDeleteContentModelGroup($id: ID!) {\n        deleteContentModelGroup(id: $id) {\n            data\n            error {\n                code\n                message\n            }\n        }\n    }\n"])));
+var LIST_CONTENT_MODEL_GROUPS = (0, _graphqlTag.default)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    query CmsListContentModelGroups {\n        listContentModelGroups {\n            data {\n                ", "\n                contentModels {\n                    modelId\n                    name\n                }\n            }\n            error {\n                ", "\n            }\n        }\n    }\n"])), fields, ERROR_FIELS);
+/**
+ * ############################
+ * Get Group Query
+ */
+
+exports.LIST_CONTENT_MODEL_GROUPS = LIST_CONTENT_MODEL_GROUPS;
+var GET_CONTENT_MODEL_GROUP = (0, _graphqlTag.default)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n    query CmsGetContentModelGroup($id: ID!) {\n        contentModelGroup: getContentModelGroup(id: $id){\n            data {\n                ", "\n            }\n            error {\n                ", "\n            }\n        }\n    }\n"])), fields, ERROR_FIELS);
+/**
+ * ############################
+ * Create Group Mutation
+ */
+
+exports.GET_CONTENT_MODEL_GROUP = GET_CONTENT_MODEL_GROUP;
+var CREATE_CONTENT_MODEL_GROUP = (0, _graphqlTag.default)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n    mutation CmsCreateContentModelGroup($data: CmsContentModelGroupInput!){\n        contentModelGroup: createContentModelGroup(data: $data) {\n            data {\n                ", "\n                contentModels {\n                    modelId\n                    name\n                }\n            }\n            error {\n                ", "\n            }\n        }\n    }\n"])), fields, ERROR_FIELS);
+/**
+ * ############################
+ * Update Group Mutation
+ */
+
+exports.CREATE_CONTENT_MODEL_GROUP = CREATE_CONTENT_MODEL_GROUP;
+var UPDATE_CONTENT_MODEL_GROUP = (0, _graphqlTag.default)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n    mutation CmsUpdateContentModelGroup($id: ID!, $data: CmsContentModelGroupInput!){\n        contentModelGroup: updateContentModelGroup(id: $id, data: $data) {\n            data {\n                ", "\n            }\n            error {\n                ", "\n            }\n        }\n    }\n"])), fields, ERROR_FIELS);
+/**
+ * ############################
+ * Delete Group Mutation
+ */
+
+exports.UPDATE_CONTENT_MODEL_GROUP = UPDATE_CONTENT_MODEL_GROUP;
+var DELETE_CONTENT_MODEL_GROUP = (0, _graphqlTag.default)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2.default)(["\n    mutation CmsDeleteContentModelGroup($id: ID!) {\n        deleteContentModelGroup(id: $id) {\n            data\n            error {\n                ", "\n            }\n        }\n    }\n"])), ERROR_FIELS);
+exports.DELETE_CONTENT_MODEL_GROUP = DELETE_CONTENT_MODEL_GROUP;

package/admin/views/contentModelGroups/graphql.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ERROR_FIELS","fields","LIST_CONTENT_MODEL_GROUPS","gql","GET_CONTENT_MODEL_GROUP","CREATE_CONTENT_MODEL_GROUP","UPDATE_CONTENT_MODEL_GROUP","DELETE_CONTENT_MODEL_GROUP"],"sources":["graphql.ts"],"sourcesContent":["import gql from \"graphql-tag\";\nimport { CmsErrorResponse, CmsGroup as BaseCmsGroup, CmsModel } from \"~/types\";\n\nconst ERROR_FIELS = `\n    message\n    code\n    data\n`;\nconst fields = `\n    id\n    name\n    slug\n    description\n    icon\n    createdOn\n    plugin\n    createdBy {\n        id\n        displayName\n        type\n    }\n`;\nexport type CmsGroup = Omit<BaseCmsGroup, \"contentModels\">;\nexport interface CmsGroupWithModels extends CmsGroup {\n    contentModels: Pick<CmsModel, \"modelId\" | \"name\">[];\n}\n/**\n * ############################\n * List groups with basic models info Query\n */\nexport interface ListCmsGroupsQueryResponse {\n    listContentModelGroups: {\n        data: CmsGroupWithModels[];\n        error?: CmsErrorResponse;\n    };\n}\nexport const LIST_CONTENT_MODEL_GROUPS = gql`\n    query CmsListContentModelGroups {\n        listContentModelGroups {\n            data {\n                ${fields}\n                contentModels {\n                    modelId\n                    name\n                }\n            }\n            error {\n                ${ERROR_FIELS}\n            }\n        }\n    }\n`;\n/**\n * ############################\n * Get Group Query\n */\nexport interface GetCmsGroupQueryResponse {\n    contentModelGroup: {\n        data: CmsGroup;\n        error?: CmsErrorResponse;\n    };\n}\nexport interface GetCmsGroupQueryVariables {\n    id: string;\n}\nexport const GET_CONTENT_MODEL_GROUP = gql`\n    query CmsGetContentModelGroup($id: ID!) {\n        contentModelGroup: getContentModelGroup(id: $id){\n            data {\n                ${fields}\n            }\n            error {\n                ${ERROR_FIELS}\n            }\n        }\n    }\n`;\n\n/**\n * ############################\n * Create Group Mutation\n */\nexport interface CreateCmsGroupMutationResponse {\n    contentModelGroup: {\n        data: CmsGroupWithModels;\n        error?: CmsErrorResponse;\n    };\n}\nexport interface CreateCmsGroupMutationVariables {\n    // @ts-refactor write the types.\n    data: Record<string, any>;\n}\nexport const CREATE_CONTENT_MODEL_GROUP = gql`\n    mutation CmsCreateContentModelGroup($data: CmsContentModelGroupInput!){\n        contentModelGroup: createContentModelGroup(data: $data) {\n            data {\n                ${fields}\n                contentModels {\n                    modelId\n                    name\n                }\n            }\n            error {\n                ${ERROR_FIELS}\n            }\n        }\n    }\n`;\n/**\n * ############################\n * Update Group Mutation\n */\nexport interface UpdateCmsGroupMutationResponse {\n    contentModelGroup: {\n        data: CmsGroup;\n        error?: CmsErrorResponse;\n    };\n}\nexport interface UpdateCmsGroupMutationVariables {\n    id: string;\n    // @ts-refactor write the types.\n    data: Record<string, any>;\n}\nexport const UPDATE_CONTENT_MODEL_GROUP = gql`\n    mutation CmsUpdateContentModelGroup($id: ID!, $data: CmsContentModelGroupInput!){\n        contentModelGroup: updateContentModelGroup(id: $id, data: $data) {\n            data {\n                ${fields}\n            }\n            error {\n                ${ERROR_FIELS}\n            }\n        }\n    }\n`;\n/**\n * ############################\n * Delete Group Mutation\n */\nexport interface DeleteCmsGroupMutationResponse {\n    contentModelGroup: {\n        data: boolean;\n        error?: CmsErrorResponse;\n    };\n}\nexport interface DeleteCmsGroupMutationVariables {\n    id: string;\n}\nexport const DELETE_CONTENT_MODEL_GROUP = gql`\n    mutation CmsDeleteContentModelGroup($id: ID!) {\n        deleteContentModelGroup(id: $id) {\n            data\n            error {\n                ${ERROR_FIELS}\n            }\n        }\n    }\n`;\n"],"mappings":";;;;;;;;;;;AAAA;;;;AAGA,IAAMA,WAAW,wCAAjB;AAKA,IAAMC,MAAM,gKAAZ;AA4BO,IAAMC,yBAAyB,OAAGC,mBAAH,gZAIpBF,MAJoB,EAWpBD,WAXoB,CAA/B;AAgBP;AACA;AACA;AACA;;;AAUO,IAAMI,uBAAuB,OAAGD,mBAAH,wUAIlBF,MAJkB,EAOlBD,WAPkB,CAA7B;AAaP;AACA;AACA;AACA;;;AAWO,IAAMK,0BAA0B,OAAGF,mBAAH,ydAIrBF,MAJqB,EAWrBD,WAXqB,CAAhC;AAgBP;AACA;AACA;AACA;;;AAYO,IAAMM,0BAA0B,OAAGH,mBAAH,iYAIrBF,MAJqB,EAOrBD,WAPqB,CAAhC;AAYP;AACA;AACA;AACA;;;AAUO,IAAMO,0BAA0B,OAAGJ,mBAAH,wRAKrBH,WALqB,CAAhC"}

package/admin/views/contentModels/CloneContentModelDialog.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import * as UID from "@webiny/ui/Dialog";
+import { CmsEditorContentModel } from "../../../types";
+export interface Props {
+    open: boolean;
+    onClose: UID.DialogOnClose;
+    contentModel: CmsEditorContentModel;
+    closeModal: () => void;
+}
+declare const CloneContentModelDialog: React.FC<Props>;
+export default CloneContentModelDialog;