@webiny/app-admin 5.27.0 → 5.28.0-beta.0

package/ui/views/AdminView/HeaderSectionCenterElement.js

@@ -1,26 +1,45 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _get from "@babel/runtime/helpers/get";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import React from "react";
-import { css } from "emotion";
-import { UIElement } from "../../UIElement";
-import { TopAppBarSection } from "@webiny/ui/TopAppBar";
-var middleBar = /*#__PURE__*/css({
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HeaderSectionCenterElement = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _emotion = require("emotion");
+
+var _UIElement2 = require("../../UIElement");
+
+var _TopAppBar = require("@webiny/ui/TopAppBar");
+
+var middleBar = /*#__PURE__*/(0, _emotion.css)({
   width: "50%"
 }, "label:middleBar;");
-export var HeaderSectionCenterElement = /*#__PURE__*/function (_UIElement) {
-  _inherits(HeaderSectionCenterElement, _UIElement);
 
-  var _super = _createSuper(HeaderSectionCenterElement);
+var HeaderSectionCenterElement = /*#__PURE__*/function (_UIElement) {
+  (0, _inherits2.default)(HeaderSectionCenterElement, _UIElement);
+
+  var _super = (0, _createSuper2.default)(HeaderSectionCenterElement);
 
   function HeaderSectionCenterElement(id) {
     var _this;
 
-    _classCallCheck(this, HeaderSectionCenterElement);
-
+    (0, _classCallCheck2.default)(this, HeaderSectionCenterElement);
     _this = _super.call(this, id);
 
     _this.useGrid(false);
@@ -28,15 +47,16 @@ export var HeaderSectionCenterElement = /*#__PURE__*/function (_UIElement) {
     return _this;
   }
 
-  _createClass(HeaderSectionCenterElement, [{
+  (0, _createClass2.default)(HeaderSectionCenterElement, [{
     key: "render",
     value: function render(props) {
-      return /*#__PURE__*/React.createElement(TopAppBarSection, {
+      return /*#__PURE__*/_react.default.createElement(_TopAppBar.TopAppBarSection, {
         className: middleBar,
         alignEnd: true
-      }, _get(_getPrototypeOf(HeaderSectionCenterElement.prototype), "render", this).call(this, props));
+      }, (0, _get2.default)((0, _getPrototypeOf2.default)(HeaderSectionCenterElement.prototype), "render", this).call(this, props));
     }
   }]);
-
   return HeaderSectionCenterElement;
-}(UIElement);
+}(_UIElement2.UIElement);
+
+exports.HeaderSectionCenterElement = HeaderSectionCenterElement;

package/ui/views/AdminView/HeaderSectionCenterElement.js.map

@@ -1 +1 @@
-{"version":3,"sources":["HeaderSectionCenterElement.tsx"],"names":["React","css","UIElement","TopAppBarSection","middleBar","width","HeaderSectionCenterElement","id","useGrid","props"],"mappings":";;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,GAAT,QAAoB,SAApB;AACA,SAASC,SAAT;AACA,SAASC,gBAAT,QAAiC,sBAAjC;AAEA,IAAMC,SAAS,gBAAGH,GAAG,CAAC;AAClBI,EAAAA,KAAK,EAAE;AADW,CAAD,qBAArB;AAIA,WAAaC,0BAAb;AAAA;;AAAA;;AACI,sCAAmBC,EAAnB,EAA+B;AAAA;;AAAA;;AAC3B,8BAAMA,EAAN;;AAEA,UAAKC,OAAL,CAAa,KAAb;;AAH2B;AAI9B;;AALL;AAAA;AAAA,WAOI,gBAAuBC,KAAvB,EAAqE;AACjE,0BACI,oBAAC,gBAAD;AAAkB,QAAA,SAAS,EAAEL,SAA7B;AAAwC,QAAA,QAAQ;AAAhD,gGACkBK,KADlB,EADJ;AAKH;AAbL;;AAAA;AAAA,EAAgDP,SAAhD","sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { TopAppBarSection } from \"@webiny/ui/TopAppBar\";\n\nconst middleBar = css({\n    width: \"50%\"\n});\n\nexport class HeaderSectionCenterElement extends UIElement {\n    public constructor(id: string) {\n        super(id);\n\n        this.useGrid(false);\n    }\n\n    public override render(props: UiElementRenderProps): React.ReactNode {\n        return (\n            <TopAppBarSection className={middleBar} alignEnd>\n                {super.render(props)}\n            </TopAppBarSection>\n        );\n    }\n}\n"]}
+{"version":3,"names":["middleBar","css","width","HeaderSectionCenterElement","id","useGrid","props","UIElement"],"sources":["HeaderSectionCenterElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { TopAppBarSection } from \"@webiny/ui/TopAppBar\";\n\nconst middleBar = css({\n    width: \"50%\"\n});\n\nexport class HeaderSectionCenterElement extends UIElement {\n    public constructor(id: string) {\n        super(id);\n\n        this.useGrid(false);\n    }\n\n    public override render(props: UiElementRenderProps): React.ReactNode {\n        return (\n            <TopAppBarSection className={middleBar} alignEnd>\n                {super.render(props)}\n            </TopAppBarSection>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA,IAAMA,SAAS,gBAAG,IAAAC,YAAA,EAAI;EAClBC,KAAK,EAAE;AADW,CAAJ,qBAAlB;;IAIaC,0B;;;;;EACT,oCAAmBC,EAAnB,EAA+B;IAAA;;IAAA;IAC3B,0BAAMA,EAAN;;IAEA,MAAKC,OAAL,CAAa,KAAb;;IAH2B;EAI9B;;;;WAED,gBAAuBC,KAAvB,EAAqE;MACjE,oBACI,6BAAC,2BAAD;QAAkB,SAAS,EAAEN,SAA7B;QAAwC,QAAQ;MAAhD,sHACkBM,KADlB,EADJ;IAKH;;;EAb2CC,qB"}

package/ui/views/AdminView/HeaderSectionLeftElement.js

@@ -1,26 +1,45 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _get from "@babel/runtime/helpers/get";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import React from "react";
-import { css } from "emotion";
-import { UIElement } from "../../UIElement";
-import { TopAppBarSection } from "@webiny/ui/TopAppBar";
-var edgeBars = /*#__PURE__*/css({
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HeaderSectionLeftElement = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _emotion = require("emotion");
+
+var _UIElement2 = require("../../UIElement");
+
+var _TopAppBar = require("@webiny/ui/TopAppBar");
+
+var edgeBars = /*#__PURE__*/(0, _emotion.css)({
   width: "25%"
 }, "label:edgeBars;");
-export var HeaderSectionLeftElement = /*#__PURE__*/function (_UIElement) {
-  _inherits(HeaderSectionLeftElement, _UIElement);
 
-  var _super = _createSuper(HeaderSectionLeftElement);
+var HeaderSectionLeftElement = /*#__PURE__*/function (_UIElement) {
+  (0, _inherits2.default)(HeaderSectionLeftElement, _UIElement);
+
+  var _super = (0, _createSuper2.default)(HeaderSectionLeftElement);
 
   function HeaderSectionLeftElement(id) {
     var _this;
 
-    _classCallCheck(this, HeaderSectionLeftElement);
-
+    (0, _classCallCheck2.default)(this, HeaderSectionLeftElement);
     _this = _super.call(this, id);
 
     _this.useGrid(false);
@@ -28,15 +47,16 @@ export var HeaderSectionLeftElement = /*#__PURE__*/function (_UIElement) {
     return _this;
   }
 
-  _createClass(HeaderSectionLeftElement, [{
+  (0, _createClass2.default)(HeaderSectionLeftElement, [{
     key: "render",
     value: function render(props) {
-      return /*#__PURE__*/React.createElement(TopAppBarSection, {
+      return /*#__PURE__*/_react.default.createElement(_TopAppBar.TopAppBarSection, {
         className: edgeBars,
         alignStart: true
-      }, _get(_getPrototypeOf(HeaderSectionLeftElement.prototype), "render", this).call(this, props));
+      }, (0, _get2.default)((0, _getPrototypeOf2.default)(HeaderSectionLeftElement.prototype), "render", this).call(this, props));
     }
   }]);
-
   return HeaderSectionLeftElement;
-}(UIElement);
+}(_UIElement2.UIElement);
+
+exports.HeaderSectionLeftElement = HeaderSectionLeftElement;

package/ui/views/AdminView/HeaderSectionLeftElement.js.map

@@ -1 +1 @@
-{"version":3,"sources":["HeaderSectionLeftElement.tsx"],"names":["React","css","UIElement","TopAppBarSection","edgeBars","width","HeaderSectionLeftElement","id","useGrid","props"],"mappings":";;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,GAAT,QAAoB,SAApB;AACA,SAASC,SAAT;AACA,SAASC,gBAAT,QAAiC,sBAAjC;AAEA,IAAMC,QAAQ,gBAAGH,GAAG,CAAC;AACjBI,EAAAA,KAAK,EAAE;AADU,CAAD,oBAApB;AAIA,WAAaC,wBAAb;AAAA;;AAAA;;AACI,oCAAmBC,EAAnB,EAA+B;AAAA;;AAAA;;AAC3B,8BAAMA,EAAN;;AAEA,UAAKC,OAAL,CAAa,KAAb;;AAH2B;AAI9B;;AALL;AAAA;AAAA,WAOI,gBAAuBC,KAAvB,EAAqE;AACjE,0BACI,oBAAC,gBAAD;AAAkB,QAAA,SAAS,EAAEL,QAA7B;AAAuC,QAAA,UAAU;AAAjD,8FACkBK,KADlB,EADJ;AAKH;AAbL;;AAAA;AAAA,EAA8CP,SAA9C","sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { TopAppBarSection } from \"@webiny/ui/TopAppBar\";\n\nconst edgeBars = css({\n    width: \"25%\"\n});\n\nexport class HeaderSectionLeftElement extends UIElement {\n    public constructor(id: string) {\n        super(id);\n\n        this.useGrid(false);\n    }\n\n    public override render(props: UiElementRenderProps): React.ReactNode {\n        return (\n            <TopAppBarSection className={edgeBars} alignStart>\n                {super.render(props)}\n            </TopAppBarSection>\n        );\n    }\n}\n"]}
+{"version":3,"names":["edgeBars","css","width","HeaderSectionLeftElement","id","useGrid","props","UIElement"],"sources":["HeaderSectionLeftElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { TopAppBarSection } from \"@webiny/ui/TopAppBar\";\n\nconst edgeBars = css({\n    width: \"25%\"\n});\n\nexport class HeaderSectionLeftElement extends UIElement {\n    public constructor(id: string) {\n        super(id);\n\n        this.useGrid(false);\n    }\n\n    public override render(props: UiElementRenderProps): React.ReactNode {\n        return (\n            <TopAppBarSection className={edgeBars} alignStart>\n                {super.render(props)}\n            </TopAppBarSection>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA,IAAMA,QAAQ,gBAAG,IAAAC,YAAA,EAAI;EACjBC,KAAK,EAAE;AADU,CAAJ,oBAAjB;;IAIaC,wB;;;;;EACT,kCAAmBC,EAAnB,EAA+B;IAAA;;IAAA;IAC3B,0BAAMA,EAAN;;IAEA,MAAKC,OAAL,CAAa,KAAb;;IAH2B;EAI9B;;;;WAED,gBAAuBC,KAAvB,EAAqE;MACjE,oBACI,6BAAC,2BAAD;QAAkB,SAAS,EAAEN,QAA7B;QAAuC,UAAU;MAAjD,oHACkBM,KADlB,EADJ;IAKH;;;EAbyCC,qB"}

package/ui/views/AdminView/HeaderSectionRightElement.js

@@ -1,26 +1,45 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _get from "@babel/runtime/helpers/get";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import React from "react";
-import { css } from "emotion";
-import { UIElement } from "../../UIElement";
-import { TopAppBarSection } from "@webiny/ui/TopAppBar";
-var edgeBars = /*#__PURE__*/css({
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HeaderSectionRightElement = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _emotion = require("emotion");
+
+var _UIElement2 = require("../../UIElement");
+
+var _TopAppBar = require("@webiny/ui/TopAppBar");
+
+var edgeBars = /*#__PURE__*/(0, _emotion.css)({
   width: "25%"
 }, "label:edgeBars;");
-export var HeaderSectionRightElement = /*#__PURE__*/function (_UIElement) {
-  _inherits(HeaderSectionRightElement, _UIElement);
 
-  var _super = _createSuper(HeaderSectionRightElement);
+var HeaderSectionRightElement = /*#__PURE__*/function (_UIElement) {
+  (0, _inherits2.default)(HeaderSectionRightElement, _UIElement);
+
+  var _super = (0, _createSuper2.default)(HeaderSectionRightElement);
 
   function HeaderSectionRightElement(id) {
     var _this;
 
-    _classCallCheck(this, HeaderSectionRightElement);
-
+    (0, _classCallCheck2.default)(this, HeaderSectionRightElement);
     _this = _super.call(this, id);
 
     _this.useGrid(false);
@@ -28,15 +47,16 @@ export var HeaderSectionRightElement = /*#__PURE__*/function (_UIElement) {
     return _this;
   }
 
-  _createClass(HeaderSectionRightElement, [{
+  (0, _createClass2.default)(HeaderSectionRightElement, [{
     key: "render",
     value: function render(props) {
-      return /*#__PURE__*/React.createElement(TopAppBarSection, {
+      return /*#__PURE__*/_react.default.createElement(_TopAppBar.TopAppBarSection, {
         className: edgeBars,
         alignEnd: true
-      }, _get(_getPrototypeOf(HeaderSectionRightElement.prototype), "render", this).call(this, props));
+      }, (0, _get2.default)((0, _getPrototypeOf2.default)(HeaderSectionRightElement.prototype), "render", this).call(this, props));
     }
   }]);
-
   return HeaderSectionRightElement;
-}(UIElement);
+}(_UIElement2.UIElement);
+
+exports.HeaderSectionRightElement = HeaderSectionRightElement;

package/ui/views/AdminView/HeaderSectionRightElement.js.map

@@ -1 +1 @@
-{"version":3,"sources":["HeaderSectionRightElement.tsx"],"names":["React","css","UIElement","TopAppBarSection","edgeBars","width","HeaderSectionRightElement","id","useGrid","props"],"mappings":";;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,GAAT,QAAoB,SAApB;AACA,SAASC,SAAT;AACA,SAASC,gBAAT,QAAiC,sBAAjC;AAEA,IAAMC,QAAQ,gBAAGH,GAAG,CAAC;AACjBI,EAAAA,KAAK,EAAE;AADU,CAAD,oBAApB;AAIA,WAAaC,yBAAb;AAAA;;AAAA;;AACI,qCAAmBC,EAAnB,EAA+B;AAAA;;AAAA;;AAC3B,8BAAMA,EAAN;;AAEA,UAAKC,OAAL,CAAa,KAAb;;AAH2B;AAI9B;;AALL;AAAA;AAAA,WAOI,gBAAuBC,KAAvB,EAAqE;AACjE,0BACI,oBAAC,gBAAD;AAAkB,QAAA,SAAS,EAAEL,QAA7B;AAAuC,QAAA,QAAQ;AAA/C,+FACkBK,KADlB,EADJ;AAKH;AAbL;;AAAA;AAAA,EAA+CP,SAA/C","sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { TopAppBarSection } from \"@webiny/ui/TopAppBar\";\n\nconst edgeBars = css({\n    width: \"25%\"\n});\n\nexport class HeaderSectionRightElement extends UIElement {\n    public constructor(id: string) {\n        super(id);\n\n        this.useGrid(false);\n    }\n\n    public override render(props: UiElementRenderProps): React.ReactNode {\n        return (\n            <TopAppBarSection className={edgeBars} alignEnd>\n                {super.render(props)}\n            </TopAppBarSection>\n        );\n    }\n}\n"]}
+{"version":3,"names":["edgeBars","css","width","HeaderSectionRightElement","id","useGrid","props","UIElement"],"sources":["HeaderSectionRightElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { TopAppBarSection } from \"@webiny/ui/TopAppBar\";\n\nconst edgeBars = css({\n    width: \"25%\"\n});\n\nexport class HeaderSectionRightElement extends UIElement {\n    public constructor(id: string) {\n        super(id);\n\n        this.useGrid(false);\n    }\n\n    public override render(props: UiElementRenderProps): React.ReactNode {\n        return (\n            <TopAppBarSection className={edgeBars} alignEnd>\n                {super.render(props)}\n            </TopAppBarSection>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA,IAAMA,QAAQ,gBAAG,IAAAC,YAAA,EAAI;EACjBC,KAAK,EAAE;AADU,CAAJ,oBAAjB;;IAIaC,yB;;;;;EACT,mCAAmBC,EAAnB,EAA+B;IAAA;;IAAA;IAC3B,0BAAMA,EAAN;;IAEA,MAAKC,OAAL,CAAa,KAAb;;IAH2B;EAI9B;;;;WAED,gBAAuBC,KAAvB,EAAqE;MACjE,oBACI,6BAAC,2BAAD;QAAkB,SAAS,EAAEN,QAA7B;QAAuC,QAAQ;MAA/C,qHACkBM,KADlB,EADJ;IAKH;;;EAb0CC,qB"}

package/ui/views/AdminView/components/Dialog.js

@@ -1,14 +1,29 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _get from "lodash/get";
-import React, { useCallback } from "react";
-import { useUi } from "@webiny/app/hooks/useUi";
-import { Dialog, DialogAccept, DialogTitle, DialogActions, DialogContent } from "@webiny/ui/Dialog";
-export var DialogContainer = function DialogContainer() {
-  var ui = useUi();
+"use strict";
 
-  var message = _get(ui, "dialog.message");
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 
-  var _get2 = _get(ui, "dialog.options", {}),
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DialogContainer = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _get3 = _interopRequireDefault(require("lodash/get"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _useUi = require("@webiny/app/hooks/useUi");
+
+var _Dialog = require("@webiny/ui/Dialog");
+
+var DialogContainer = function DialogContainer() {
+  var ui = (0, _useUi.useUi)();
+  var message = (0, _get3.default)(ui, "dialog.message");
+
+  var _get2 = (0, _get3.default)(ui, "dialog.options", {}),
       dataTestId = _get2.dataTestId,
       title = _get2.title,
       _get2$actions = _get2.actions,
@@ -20,21 +35,23 @@ export var DialogContainer = function DialogContainer() {
   } : _get2$actions,
       style = _get2.style;
 
-  var hideDialog = useCallback(function () {
+  var hideDialog = (0, _react.useCallback)(function () {
     ui.setState(function (ui) {
-      return _objectSpread(_objectSpread({}, ui), {}, {
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, ui), {}, {
         dialog: null
       });
     });
   }, [ui]);
-  return /*#__PURE__*/React.createElement(Dialog, {
+  return /*#__PURE__*/_react.default.createElement(_Dialog.Dialog, {
     open: !!message,
     onClose: hideDialog,
     "data-testid": dataTestId,
     style: style
-  }, title && /*#__PURE__*/React.createElement(DialogTitle, null, title), /*#__PURE__*/React.createElement(DialogContent, null, message), /*#__PURE__*/React.createElement(DialogActions, null, actions.cancel && /*#__PURE__*/React.createElement(DialogAccept, {
+  }, title && /*#__PURE__*/_react.default.createElement(_Dialog.DialogTitle, null, title), /*#__PURE__*/_react.default.createElement(_Dialog.DialogContent, null, message), /*#__PURE__*/_react.default.createElement(_Dialog.DialogActions, null, actions.cancel && /*#__PURE__*/_react.default.createElement(_Dialog.DialogAccept, {
     onClick: actions.cancel.onClick
-  }, actions.cancel.label), actions.accept && /*#__PURE__*/React.createElement(DialogAccept, {
+  }, actions.cancel.label), actions.accept && /*#__PURE__*/_react.default.createElement(_Dialog.DialogAccept, {
     onClick: actions.accept.onClick
   }, actions.accept.label)));
-};
+};
+
+exports.DialogContainer = DialogContainer;

package/ui/views/AdminView/components/Dialog.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Dialog.tsx"],"names":["React","useCallback","useUi","Dialog","DialogAccept","DialogTitle","DialogActions","DialogContent","DialogContainer","ui","message","dataTestId","title","actions","cancel","accept","label","style","hideDialog","setState","dialog","onClick"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,WAAhB,QAAmC,OAAnC;AAEA,SAASC,KAAT,QAAsB,yBAAtB;AACA,SAASC,MAAT,EAAiBC,YAAjB,EAA+BC,WAA/B,EAA4CC,aAA5C,EAA2DC,aAA3D,QAAgF,mBAAhF;AAEA,OAAO,IAAMC,eAAyB,GAAG,SAA5BA,eAA4B,GAAM;AAC3C,MAAMC,EAAE,GAAGP,KAAK,EAAhB;;AACA,MAAMQ,OAAO,GAAG,KAAID,EAAJ,EAAQ,gBAAR,CAAhB;;AACA,cAKI,KAAIA,EAAJ,EAAQ,gBAAR,EAA0B,EAA1B,CALJ;AAAA,MACIE,UADJ,SACIA,UADJ;AAAA,MAEIC,KAFJ,SAEIA,KAFJ;AAAA,4BAGIC,OAHJ;AAAA,MAGIA,OAHJ,8BAGc;AAAEC,IAAAA,MAAM,EAAE,IAAV;AAAgBC,IAAAA,MAAM,EAAE;AAAEC,MAAAA,KAAK,EAAE;AAAT;AAAxB,GAHd;AAAA,MAIIC,KAJJ,SAIIA,KAJJ;;AAOA,MAAMC,UAAU,GAAGjB,WAAW,CAAC,YAAM;AACjCQ,IAAAA,EAAE,CAACU,QAAH,CAAY,UAAAV,EAAE;AAAA,6CAAUA,EAAV;AAAcW,QAAAA,MAAM,EAAE;AAAtB;AAAA,KAAd;AACH,GAF6B,EAE3B,CAACX,EAAD,CAF2B,CAA9B;AAIA,sBACI,oBAAC,MAAD;AAAQ,IAAA,IAAI,EAAE,CAAC,CAACC,OAAhB;AAAyB,IAAA,OAAO,EAAEQ,UAAlC;AAA8C,mBAAaP,UAA3D;AAAuE,IAAA,KAAK,EAAEM;AAA9E,KACKL,KAAK,iBAAI,oBAAC,WAAD,QAAcA,KAAd,CADd,eAEI,oBAAC,aAAD,QAAgBF,OAAhB,CAFJ,eAGI,oBAAC,aAAD,QACKG,OAAO,CAACC,MAAR,iBACG,oBAAC,YAAD;AAAc,IAAA,OAAO,EAAED,OAAO,CAACC,MAAR,CAAeO;AAAtC,KACKR,OAAO,CAACC,MAAR,CAAeE,KADpB,CAFR,EAMKH,OAAO,CAACE,MAAR,iBACG,oBAAC,YAAD;AAAc,IAAA,OAAO,EAAEF,OAAO,CAACE,MAAR,CAAeM;AAAtC,KACKR,OAAO,CAACE,MAAR,CAAeC,KADpB,CAPR,CAHJ,CADJ;AAkBH,CAhCM","sourcesContent":["import React, { useCallback } from \"react\";\nimport { get } from \"lodash\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\nimport { Dialog, DialogAccept, DialogTitle, DialogActions, DialogContent } from \"@webiny/ui/Dialog\";\n\nexport const DialogContainer: React.FC = () => {\n    const ui = useUi();\n    const message = get(ui, \"dialog.message\");\n    const {\n        dataTestId,\n        title,\n        actions = { cancel: null, accept: { label: \"OK\" } },\n        style\n    } = get(ui, \"dialog.options\", {});\n\n    const hideDialog = useCallback(() => {\n        ui.setState(ui => ({ ...ui, dialog: null }));\n    }, [ui]);\n\n    return (\n        <Dialog open={!!message} onClose={hideDialog} data-testid={dataTestId} style={style}>\n            {title && <DialogTitle>{title}</DialogTitle>}\n            <DialogContent>{message}</DialogContent>\n            <DialogActions>\n                {actions.cancel && (\n                    <DialogAccept onClick={actions.cancel.onClick}>\n                        {actions.cancel.label}\n                    </DialogAccept>\n                )}\n                {actions.accept && (\n                    <DialogAccept onClick={actions.accept.onClick}>\n                        {actions.accept.label}\n                    </DialogAccept>\n                )}\n            </DialogActions>\n        </Dialog>\n    );\n};\n"]}
+{"version":3,"names":["DialogContainer","ui","useUi","message","dataTestId","title","actions","cancel","accept","label","style","hideDialog","useCallback","setState","dialog","onClick"],"sources":["Dialog.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { get } from \"lodash\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\nimport { Dialog, DialogAccept, DialogTitle, DialogActions, DialogContent } from \"@webiny/ui/Dialog\";\n\nexport const DialogContainer: React.FC = () => {\n    const ui = useUi();\n    const message = get(ui, \"dialog.message\");\n    const {\n        dataTestId,\n        title,\n        actions = { cancel: null, accept: { label: \"OK\" } },\n        style\n    } = get(ui, \"dialog.options\", {});\n\n    const hideDialog = useCallback(() => {\n        ui.setState(ui => ({ ...ui, dialog: null }));\n    }, [ui]);\n\n    return (\n        <Dialog open={!!message} onClose={hideDialog} data-testid={dataTestId} style={style}>\n            {title && <DialogTitle>{title}</DialogTitle>}\n            <DialogContent>{message}</DialogContent>\n            <DialogActions>\n                {actions.cancel && (\n                    <DialogAccept onClick={actions.cancel.onClick}>\n                        {actions.cancel.label}\n                    </DialogAccept>\n                )}\n                {actions.accept && (\n                    <DialogAccept onClick={actions.accept.onClick}>\n                        {actions.accept.label}\n                    </DialogAccept>\n                )}\n            </DialogActions>\n        </Dialog>\n    );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AAEA;;AACA;;AAEO,IAAMA,eAAyB,GAAG,SAA5BA,eAA4B,GAAM;EAC3C,IAAMC,EAAE,GAAG,IAAAC,YAAA,GAAX;EACA,IAAMC,OAAO,GAAG,mBAAIF,EAAJ,EAAQ,gBAAR,CAAhB;;EACA,YAKI,mBAAIA,EAAJ,EAAQ,gBAAR,EAA0B,EAA1B,CALJ;EAAA,IACIG,UADJ,SACIA,UADJ;EAAA,IAEIC,KAFJ,SAEIA,KAFJ;EAAA,0BAGIC,OAHJ;EAAA,IAGIA,OAHJ,8BAGc;IAAEC,MAAM,EAAE,IAAV;IAAgBC,MAAM,EAAE;MAAEC,KAAK,EAAE;IAAT;EAAxB,CAHd;EAAA,IAIIC,KAJJ,SAIIA,KAJJ;;EAOA,IAAMC,UAAU,GAAG,IAAAC,kBAAA,EAAY,YAAM;IACjCX,EAAE,CAACY,QAAH,CAAY,UAAAZ,EAAE;MAAA,mEAAUA,EAAV;QAAca,MAAM,EAAE;MAAtB;IAAA,CAAd;EACH,CAFkB,EAEhB,CAACb,EAAD,CAFgB,CAAnB;EAIA,oBACI,6BAAC,cAAD;IAAQ,IAAI,EAAE,CAAC,CAACE,OAAhB;IAAyB,OAAO,EAAEQ,UAAlC;IAA8C,eAAaP,UAA3D;IAAuE,KAAK,EAAEM;EAA9E,GACKL,KAAK,iBAAI,6BAAC,mBAAD,QAAcA,KAAd,CADd,eAEI,6BAAC,qBAAD,QAAgBF,OAAhB,CAFJ,eAGI,6BAAC,qBAAD,QACKG,OAAO,CAACC,MAAR,iBACG,6BAAC,oBAAD;IAAc,OAAO,EAAED,OAAO,CAACC,MAAR,CAAeQ;EAAtC,GACKT,OAAO,CAACC,MAAR,CAAeE,KADpB,CAFR,EAMKH,OAAO,CAACE,MAAR,iBACG,6BAAC,oBAAD;IAAc,OAAO,EAAEF,OAAO,CAACE,MAAR,CAAeO;EAAtC,GACKT,OAAO,CAACE,MAAR,CAAeC,KADpB,CAPR,CAHJ,CADJ;AAkBH,CAhCM"}

package/ui/views/AdminView/components/Hamburger.js

@@ -1,18 +1,31 @@
-import React, { useCallback } from "react";
-import { get, set } from "dot-prop-immutable";
-import { useUi } from "@webiny/app/hooks/useUi";
-import { IconButton } from "@webiny/ui/Button";
-import { ReactComponent as MenuIcon } from "../../../../assets/icons/baseline-menu-24px.svg";
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _dotPropImmutable = require("dot-prop-immutable");
+
+var _useUi = require("@webiny/app/hooks/useUi");
+
+var _Button = require("@webiny/ui/Button");
+
+var _baselineMenu24px = require("../../../../assets/icons/baseline-menu-24px.svg");
 
 var Hamburger = function Hamburger() {
-  var ui = useUi();
-  var toggleMenu = useCallback(function () {
+  var ui = (0, _useUi.useUi)();
+  var toggleMenu = (0, _react.useCallback)(function () {
     ui.setState(function (ui) {
-      return set(ui, "appsMenu.show", !(get(ui, "appsMenu.show") || false));
+      return (0, _dotPropImmutable.set)(ui, "appsMenu.show", !((0, _dotPropImmutable.get)(ui, "appsMenu.show") || false));
     });
   }, [ui]);
-  return /*#__PURE__*/React.createElement(IconButton, {
-    icon: /*#__PURE__*/React.createElement(MenuIcon, {
+  return /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
+    icon: /*#__PURE__*/_react.default.createElement(_baselineMenu24px.ReactComponent, {
       style: {
         color: "white"
       }
@@ -22,4 +35,5 @@ var Hamburger = function Hamburger() {
   });
 };
 
-export default Hamburger;
+var _default = Hamburger;
+exports.default = _default;

package/ui/views/AdminView/components/Hamburger.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Hamburger.tsx"],"names":["React","useCallback","get","set","useUi","IconButton","ReactComponent","MenuIcon","Hamburger","ui","toggleMenu","setState","color"],"mappings":"AAAA,OAAOA,KAAP,IAAgBC,WAAhB,QAAmC,OAAnC;AACA,SAASC,GAAT,EAAcC,GAAd,QAAyB,oBAAzB;AACA,SAASC,KAAT,QAAsB,yBAAtB;AACA,SAASC,UAAT,QAA2B,mBAA3B;AACA,SAASC,cAAc,IAAIC,QAA3B;;AAEA,IAAMC,SAAmB,GAAG,SAAtBA,SAAsB,GAAM;AAC9B,MAAMC,EAAE,GAAGL,KAAK,EAAhB;AAEA,MAAMM,UAAU,GAAGT,WAAW,CAAC,YAAM;AACjCQ,IAAAA,EAAE,CAACE,QAAH,CAAY,UAAAF,EAAE;AAAA,aAAIN,GAAG,CAACM,EAAD,EAAK,eAAL,EAAsB,EAAEP,GAAG,CAACO,EAAD,EAAK,eAAL,CAAH,IAA4B,KAA9B,CAAtB,CAAP;AAAA,KAAd;AACH,GAF6B,EAE3B,CAACA,EAAD,CAF2B,CAA9B;AAIA,sBACI,oBAAC,UAAD;AACI,IAAA,IAAI,eAAE,oBAAC,QAAD;AAAU,MAAA,KAAK,EAAE;AAAEG,QAAAA,KAAK,EAAE;AAAT;AAAjB,MADV;AAEI,IAAA,OAAO,EAAEF,UAFb;AAGI,mBAAa;AAHjB,IADJ;AAOH,CAdD;;AAgBA,eAAeF,SAAf","sourcesContent":["import React, { useCallback } from \"react\";\nimport { get, set } from \"dot-prop-immutable\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { ReactComponent as MenuIcon } from \"~/assets/icons/baseline-menu-24px.svg\";\n\nconst Hamburger: React.FC = () => {\n    const ui = useUi();\n\n    const toggleMenu = useCallback(() => {\n        ui.setState(ui => set(ui, \"appsMenu.show\", !(get(ui, \"appsMenu.show\") || false)));\n    }, [ui]);\n\n    return (\n        <IconButton\n            icon={<MenuIcon style={{ color: \"white\" }} />}\n            onClick={toggleMenu}\n            data-testid={\"apps-menu\"}\n        />\n    );\n};\n\nexport default Hamburger;\n"]}
+{"version":3,"names":["Hamburger","ui","useUi","toggleMenu","useCallback","setState","set","get","color"],"sources":["Hamburger.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { get, set } from \"dot-prop-immutable\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { ReactComponent as MenuIcon } from \"~/assets/icons/baseline-menu-24px.svg\";\n\nconst Hamburger: React.FC = () => {\n    const ui = useUi();\n\n    const toggleMenu = useCallback(() => {\n        ui.setState(ui => set(ui, \"appsMenu.show\", !(get(ui, \"appsMenu.show\") || false)));\n    }, [ui]);\n\n    return (\n        <IconButton\n            icon={<MenuIcon style={{ color: \"white\" }} />}\n            onClick={toggleMenu}\n            data-testid={\"apps-menu\"}\n        />\n    );\n};\n\nexport default Hamburger;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,SAAmB,GAAG,SAAtBA,SAAsB,GAAM;EAC9B,IAAMC,EAAE,GAAG,IAAAC,YAAA,GAAX;EAEA,IAAMC,UAAU,GAAG,IAAAC,kBAAA,EAAY,YAAM;IACjCH,EAAE,CAACI,QAAH,CAAY,UAAAJ,EAAE;MAAA,OAAI,IAAAK,qBAAA,EAAIL,EAAJ,EAAQ,eAAR,EAAyB,EAAE,IAAAM,qBAAA,EAAIN,EAAJ,EAAQ,eAAR,KAA4B,KAA9B,CAAzB,CAAJ;IAAA,CAAd;EACH,CAFkB,EAEhB,CAACA,EAAD,CAFgB,CAAnB;EAIA,oBACI,6BAAC,kBAAD;IACI,IAAI,eAAE,6BAAC,gCAAD;MAAU,KAAK,EAAE;QAAEO,KAAK,EAAE;MAAT;IAAjB,EADV;IAEI,OAAO,EAAEL,UAFb;IAGI,eAAa;EAHjB,EADJ;AAOH,CAdD;;eAgBeH,S"}

package/ui/views/AdminView/components/Snackbar.js

@@ -1,28 +1,41 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _get from "lodash/get";
-import React, { useCallback } from "react";
-import { Snackbar } from "@webiny/ui/Snackbar";
-import { useUi } from "@webiny/app/hooks/useUi";
+"use strict";
 
-var SnackbarMain = function SnackbarMain() {
-  var ui = useUi();
+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 _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 
-  var message = _get(ui, "snackbar.message");
+var _get2 = _interopRequireDefault(require("lodash/get"));
 
-  var options = _get(ui, "snackbar.options", {});
+var _react = _interopRequireWildcard(require("react"));
 
-  var hideSnackbar = useCallback(function () {
+var _Snackbar = require("@webiny/ui/Snackbar");
+
+var _useUi = require("@webiny/app/hooks/useUi");
+
+var SnackbarMain = function SnackbarMain() {
+  var ui = (0, _useUi.useUi)();
+  var message = (0, _get2.default)(ui, "snackbar.message");
+  var options = (0, _get2.default)(ui, "snackbar.options", {});
+  var hideSnackbar = (0, _react.useCallback)(function () {
     ui.setState(function (ui) {
-      return _objectSpread(_objectSpread({}, ui), {}, {
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, ui), {}, {
         snackbar: null
       });
     });
   }, [ui]);
-  return /*#__PURE__*/React.createElement(Snackbar, Object.assign({
+  return /*#__PURE__*/_react.default.createElement(_Snackbar.Snackbar, Object.assign({
     open: !!message,
     onClose: hideSnackbar,
     message: message
   }, options));
 };
 
-export default SnackbarMain;
+var _default = SnackbarMain;
+exports.default = _default;

package/ui/views/AdminView/components/Snackbar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Snackbar.tsx"],"names":["React","useCallback","Snackbar","useUi","SnackbarMain","ui","message","options","hideSnackbar","setState","snackbar"],"mappings":";;AAAA,OAAOA,KAAP,IAAgBC,WAAhB,QAAmC,OAAnC;AACA,SAASC,QAAT,QAAyB,qBAAzB;AAEA,SAASC,KAAT,QAAsB,yBAAtB;;AAEA,IAAMC,YAAsB,GAAG,SAAzBA,YAAyB,GAAM;AACjC,MAAMC,EAAE,GAAGF,KAAK,EAAhB;;AACA,MAAMG,OAAO,GAAG,KAAID,EAAJ,EAAQ,kBAAR,CAAhB;;AACA,MAAME,OAAO,GAAG,KAAIF,EAAJ,EAAQ,kBAAR,EAA4B,EAA5B,CAAhB;;AAEA,MAAMG,YAAY,GAAGP,WAAW,CAAC,YAAM;AACnCI,IAAAA,EAAE,CAACI,QAAH,CAAY,UAAAJ,EAAE;AAAA,6CAAUA,EAAV;AAAcK,QAAAA,QAAQ,EAAE;AAAxB;AAAA,KAAd;AACH,GAF+B,EAE7B,CAACL,EAAD,CAF6B,CAAhC;AAIA,sBAAO,oBAAC,QAAD;AAAU,IAAA,IAAI,EAAE,CAAC,CAACC,OAAlB;AAA2B,IAAA,OAAO,EAAEE,YAApC;AAAkD,IAAA,OAAO,EAAEF;AAA3D,KAAwEC,OAAxE,EAAP;AACH,CAVD;;AAYA,eAAeH,YAAf","sourcesContent":["import React, { useCallback } from \"react\";\nimport { Snackbar } from \"@webiny/ui/Snackbar\";\nimport { get } from \"lodash\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\n\nconst SnackbarMain: React.FC = () => {\n    const ui = useUi();\n    const message = get(ui, \"snackbar.message\");\n    const options = get(ui, \"snackbar.options\", {});\n\n    const hideSnackbar = useCallback(() => {\n        ui.setState(ui => ({ ...ui, snackbar: null }));\n    }, [ui]);\n\n    return <Snackbar open={!!message} onClose={hideSnackbar} message={message} {...options} />;\n};\n\nexport default SnackbarMain;\n"]}
+{"version":3,"names":["SnackbarMain","ui","useUi","message","options","hideSnackbar","useCallback","setState","snackbar"],"sources":["Snackbar.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { Snackbar } from \"@webiny/ui/Snackbar\";\nimport { get } from \"lodash\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\n\nconst SnackbarMain: React.FC = () => {\n    const ui = useUi();\n    const message = get(ui, \"snackbar.message\");\n    const options = get(ui, \"snackbar.options\", {});\n\n    const hideSnackbar = useCallback(() => {\n        ui.setState(ui => ({ ...ui, snackbar: null }));\n    }, [ui]);\n\n    return <Snackbar open={!!message} onClose={hideSnackbar} message={message} {...options} />;\n};\n\nexport default SnackbarMain;\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AAEA,IAAMA,YAAsB,GAAG,SAAzBA,YAAyB,GAAM;EACjC,IAAMC,EAAE,GAAG,IAAAC,YAAA,GAAX;EACA,IAAMC,OAAO,GAAG,mBAAIF,EAAJ,EAAQ,kBAAR,CAAhB;EACA,IAAMG,OAAO,GAAG,mBAAIH,EAAJ,EAAQ,kBAAR,EAA4B,EAA5B,CAAhB;EAEA,IAAMI,YAAY,GAAG,IAAAC,kBAAA,EAAY,YAAM;IACnCL,EAAE,CAACM,QAAH,CAAY,UAAAN,EAAE;MAAA,mEAAUA,EAAV;QAAcO,QAAQ,EAAE;MAAxB;IAAA,CAAd;EACH,CAFoB,EAElB,CAACP,EAAD,CAFkB,CAArB;EAIA,oBAAO,6BAAC,kBAAD;IAAU,IAAI,EAAE,CAAC,CAACE,OAAlB;IAA2B,OAAO,EAAEE,YAApC;IAAkD,OAAO,EAAEF;EAA3D,GAAwEC,OAAxE,EAAP;AACH,CAVD;;eAYeJ,Y"}

package/ui/views/FormView/FormContainerElement.js

@@ -1,31 +1,51 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _get from "@babel/runtime/helpers/get";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import React from "react";
-import classNames from "classnames";
-import styled from "@emotion/styled";
-import { Elevation } from "@webiny/ui/Elevation";
-import { UIElement } from "../../UIElement";
-var FormContainerWrapper = /*#__PURE__*/styled("div", {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FormContainerElement = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
+
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _Elevation = require("@webiny/ui/Elevation");
+
+var _UIElement2 = require("../../UIElement");
+
+var FormContainerWrapper = /*#__PURE__*/(0, _styled.default)("div", {
   target: "eyimbyl0",
   label: "FormContainerWrapper"
 })({
   position: "relative",
   margin: "17px 50px"
 });
-export var FormContainerElement = /*#__PURE__*/function (_UIElement) {
-  _inherits(FormContainerElement, _UIElement);
 
-  var _super = _createSuper(FormContainerElement);
+var FormContainerElement = /*#__PURE__*/function (_UIElement) {
+  (0, _inherits2.default)(FormContainerElement, _UIElement);
+
+  var _super = (0, _createSuper2.default)(FormContainerElement);
 
   function FormContainerElement(id, config) {
     var _this;
 
-    _classCallCheck(this, FormContainerElement);
-
+    (0, _classCallCheck2.default)(this, FormContainerElement);
     _this = _super.call(this, id, config);
 
     _this.useGrid(false);
@@ -33,19 +53,19 @@ export var FormContainerElement = /*#__PURE__*/function (_UIElement) {
     return _this;
   }
 
-  _createClass(FormContainerElement, [{
+  (0, _createClass2.default)(FormContainerElement, [{
     key: "render",
     value: function render(props) {
-      var children = _get(_getPrototypeOf(FormContainerElement.prototype), "render", this).call(this, props);
-
-      return /*#__PURE__*/React.createElement(FormContainerWrapper, {
-        className: classNames("webiny-data-list", this.config.className),
+      var children = (0, _get2.default)((0, _getPrototypeOf2.default)(FormContainerElement.prototype), "render", this).call(this, props);
+      return /*#__PURE__*/_react.default.createElement(FormContainerWrapper, {
+        className: (0, _classnames.default)("webiny-data-list", this.config.className),
         "data-testid": this.config.testId
-      }, this.config.noElevation ? children : /*#__PURE__*/React.createElement(Elevation, {
+      }, this.config.noElevation ? children : /*#__PURE__*/_react.default.createElement(_Elevation.Elevation, {
         z: 1
       }, children));
     }
   }]);
-
   return FormContainerElement;
-}(UIElement);
+}(_UIElement2.UIElement);
+
+exports.FormContainerElement = FormContainerElement;

package/ui/views/FormView/FormContainerElement.js.map

@@ -1 +1 @@
-{"version":3,"sources":["FormContainerElement.tsx"],"names":["React","classNames","styled","Elevation","UIElement","FormContainerWrapper","position","margin","FormContainerElement","id","config","useGrid","props","children","className","testId","noElevation"],"mappings":";;;;;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,OAAOC,MAAP,MAAmB,iBAAnB;AACA,SAASC,SAAT,QAA0B,sBAA1B;AACA,SAASC,SAAT;AAEA,IAAMC,oBAAoB,gBAAGH,MAAH,CAAU,KAAV;AAAA;AAAA;AAAA,GAAiB;AACvCI,EAAAA,QAAQ,EAAE,UAD6B;AAEvCC,EAAAA,MAAM,EAAE;AAF+B,CAAjB,CAA1B;AAWA,WAAaC,oBAAb;AAAA;;AAAA;;AACI,gCAAmBC,EAAnB,EAA+BC,MAA/B,EAA4D;AAAA;;AAAA;;AACxD,8BAAMD,EAAN,EAAUC,MAAV;;AACA,UAAKC,OAAL,CAAa,KAAb;;AAFwD;AAG3D;;AAJL;AAAA;AAAA,WAMI,gBAAuBC,KAAvB,EAAoD;AAChD,UAAMC,QAAQ,oFAAgBD,KAAhB,CAAd;;AAEA,0BACI,oBAAC,oBAAD;AACI,QAAA,SAAS,EAAEX,UAAU,CAAC,kBAAD,EAAqB,KAAKS,MAAL,CAAYI,SAAjC,CADzB;AAEI,uBAAa,KAAKJ,MAAL,CAAYK;AAF7B,SAIK,KAAKL,MAAL,CAAYM,WAAZ,GAA0BH,QAA1B,gBAAqC,oBAAC,SAAD;AAAW,QAAA,CAAC,EAAE;AAAd,SAAkBA,QAAlB,CAJ1C,CADJ;AAQH;AAjBL;;AAAA;AAAA,EAA0CT,SAA1C","sourcesContent":["import React from \"react\";\nimport classNames from \"classnames\";\nimport styled from \"@emotion/styled\";\nimport { Elevation } from \"@webiny/ui/Elevation\";\nimport { UIElement, UIElementConfig, UiElementRenderProps } from \"~/ui/UIElement\";\n\nconst FormContainerWrapper = styled(\"div\")({\n    position: \"relative\",\n    margin: \"17px 50px\"\n});\n\ninterface FormContainerConfig extends UIElementConfig {\n    testId?: string;\n    noElevation?: boolean;\n    className?: string;\n}\n\nexport class FormContainerElement extends UIElement<FormContainerConfig> {\n    public constructor(id: string, config: FormContainerConfig) {\n        super(id, config);\n        this.useGrid(false);\n    }\n\n    public override render(props: UiElementRenderProps) {\n        const children = super.render(props);\n\n        return (\n            <FormContainerWrapper\n                className={classNames(\"webiny-data-list\", this.config.className)}\n                data-testid={this.config.testId}\n            >\n                {this.config.noElevation ? children : <Elevation z={1}>{children}</Elevation>}\n            </FormContainerWrapper>\n        );\n    }\n}\n"]}
+{"version":3,"names":["FormContainerWrapper","styled","position","margin","FormContainerElement","id","config","useGrid","props","children","classNames","className","testId","noElevation","UIElement"],"sources":["FormContainerElement.tsx"],"sourcesContent":["import React from \"react\";\nimport classNames from \"classnames\";\nimport styled from \"@emotion/styled\";\nimport { Elevation } from \"@webiny/ui/Elevation\";\nimport { UIElement, UIElementConfig, UiElementRenderProps } from \"~/ui/UIElement\";\n\nconst FormContainerWrapper = styled(\"div\")({\n    position: \"relative\",\n    margin: \"17px 50px\"\n});\n\ninterface FormContainerConfig extends UIElementConfig {\n    testId?: string;\n    noElevation?: boolean;\n    className?: string;\n}\n\nexport class FormContainerElement extends UIElement<FormContainerConfig> {\n    public constructor(id: string, config: FormContainerConfig) {\n        super(id, config);\n        this.useGrid(false);\n    }\n\n    public override render(props: UiElementRenderProps) {\n        const children = super.render(props);\n\n        return (\n            <FormContainerWrapper\n                className={classNames(\"webiny-data-list\", this.config.className)}\n                data-testid={this.config.testId}\n            >\n                {this.config.noElevation ? children : <Elevation z={1}>{children}</Elevation>}\n            </FormContainerWrapper>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,oBAAoB,oBAAGC,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EACvCC,QAAQ,EAAE,UAD6B;EAEvCC,MAAM,EAAE;AAF+B,CAAjB,CAA1B;;IAWaC,oB;;;;;EACT,8BAAmBC,EAAnB,EAA+BC,MAA/B,EAA4D;IAAA;;IAAA;IACxD,0BAAMD,EAAN,EAAUC,MAAV;;IACA,MAAKC,OAAL,CAAa,KAAb;;IAFwD;EAG3D;;;;WAED,gBAAuBC,KAAvB,EAAoD;MAChD,IAAMC,QAAQ,gHAAgBD,KAAhB,CAAd;MAEA,oBACI,6BAAC,oBAAD;QACI,SAAS,EAAE,IAAAE,mBAAA,EAAW,kBAAX,EAA+B,KAAKJ,MAAL,CAAYK,SAA3C,CADf;QAEI,eAAa,KAAKL,MAAL,CAAYM;MAF7B,GAIK,KAAKN,MAAL,CAAYO,WAAZ,GAA0BJ,QAA1B,gBAAqC,6BAAC,oBAAD;QAAW,CAAC,EAAE;MAAd,GAAkBA,QAAlB,CAJ1C,CADJ;IAQH;;;EAjBqCK,qB"}