@webiny/app-admin 5.40.0-beta.1 → 5.40.0-beta.3

package/ui/views/AdminView/ContentElement.js

@@ -7,27 +7,34 @@ Object.defineProperty(exports, "__esModule", {
 exports.ContentElement = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _react = _interopRequireDefault(require("react"));
-var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _UIElement2 = require("../../UIElement");
 var _UIRenderer2 = require("../../UIRenderer");
-var ContentWrapper = /*#__PURE__*/(0, _styled.default)("div", {
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+var ContentWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "enpnxwx0"
+} : {
   target: "enpnxwx0",
   label: "ContentWrapper"
-})({
-  width: "100%",
-  paddingTop: 67
+})(process.env.NODE_ENV === "production" ? {
+  name: "1kjnvt9",
+  styles: "width:100%;padding-top:67px"
+} : {
+  name: "1kjnvt9",
+  styles: "width:100%;padding-top:67px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvbnRlbnRFbGVtZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLdUIiLCJmaWxlIjoiQ29udGVudEVsZW1lbnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBVSUVsZW1lbnQgfSBmcm9tIFwifi91aS9VSUVsZW1lbnRcIjtcbmltcG9ydCB7IFVJUmVuZGVyZXIsIFVJUmVuZGVyUGFyYW1zIH0gZnJvbSBcIn4vdWkvVUlSZW5kZXJlclwiO1xuXG5jb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZChcImRpdlwiKSh7XG4gICAgd2lkdGg6IFwiMTAwJVwiLFxuICAgIHBhZGRpbmdUb3A6IDY3XG59KTtcblxuY2xhc3MgQ29udGVudEVsZW1lbnRSZW5kZXJlciBleHRlbmRzIFVJUmVuZGVyZXI8Q29udGVudEVsZW1lbnQ+IHtcbiAgICBwdWJsaWMgb3ZlcnJpZGUgcmVuZGVyKHsgbmV4dCwgcHJvcHMgfTogVUlSZW5kZXJQYXJhbXM8Q29udGVudEVsZW1lbnQ+KTogUmVhY3QuUmVhY3ROb2RlIHtcbiAgICAgICAgcmV0dXJuIDxDb250ZW50V3JhcHBlcj57cHJvcHMuY2hpbGRyZW4gPyBwcm9wcy5jaGlsZHJlbiA6IG5leHQoKX08L0NvbnRlbnRXcmFwcGVyPjtcbiAgICB9XG59XG5cbmV4cG9ydCBjbGFzcyBDb250ZW50RWxlbWVudCBleHRlbmRzIFVJRWxlbWVudCB7XG4gICAgcHVibGljIGNvbnN0cnVjdG9yKGlkOiBzdHJpbmcpIHtcbiAgICAgICAgc3VwZXIoaWQpO1xuICAgICAgICB0aGlzLnVzZUdyaWQoZmFsc2UpO1xuICAgICAgICB0aGlzLmFkZFJlbmRlcmVyKG5ldyBDb250ZW50RWxlbWVudFJlbmRlcmVyKCkpO1xuICAgICAgICB0aGlzLmFwcGx5UGx1Z2lucyhDb250ZW50RWxlbWVudCk7XG4gICAgfVxufVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
 var ContentElementRenderer = /*#__PURE__*/function (_UIRenderer) {
-  (0, _inherits2.default)(ContentElementRenderer, _UIRenderer);
-  var _super = (0, _createSuper2.default)(ContentElementRenderer);
   function ContentElementRenderer() {
     (0, _classCallCheck2.default)(this, ContentElementRenderer);
-    return _super.apply(this, arguments);
+    return (0, _callSuper2.default)(this, ContentElementRenderer, arguments);
   }
-  (0, _createClass2.default)(ContentElementRenderer, [{
+  (0, _inherits2.default)(ContentElementRenderer, _UIRenderer);
+  return (0, _createClass2.default)(ContentElementRenderer, [{
     key: "render",
     value: function render(_ref) {
       var next = _ref.next,
@@ -35,22 +42,19 @@ var ContentElementRenderer = /*#__PURE__*/function (_UIRenderer) {
       return /*#__PURE__*/_react.default.createElement(ContentWrapper, null, props.children ? props.children : next());
     }
   }]);
-  return ContentElementRenderer;
 }(_UIRenderer2.UIRenderer);
-var ContentElement = /*#__PURE__*/function (_UIElement) {
-  (0, _inherits2.default)(ContentElement, _UIElement);
-  var _super2 = (0, _createSuper2.default)(ContentElement);
+var ContentElement = exports.ContentElement = /*#__PURE__*/function (_UIElement) {
   function ContentElement(id) {
     var _this;
     (0, _classCallCheck2.default)(this, ContentElement);
-    _this = _super2.call(this, id);
+    _this = (0, _callSuper2.default)(this, ContentElement, [id]);
     _this.useGrid(false);
     _this.addRenderer(new ContentElementRenderer());
     _this.applyPlugins(ContentElement);
     return _this;
   }
+  (0, _inherits2.default)(ContentElement, _UIElement);
   return (0, _createClass2.default)(ContentElement);
 }(_UIElement2.UIElement);
-exports.ContentElement = ContentElement;
 
 //# sourceMappingURL=ContentElement.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_styled","_UIElement2","_UIRenderer2","ContentWrapper","styled","target","label","width","paddingTop","ContentElementRenderer","_UIRenderer","_inherits2","default","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","next","props","createElement","children","UIRenderer","ContentElement","_UIElement","_super2","id","_this","call","useGrid","addRenderer","applyPlugins","UIElement","exports"],"sources":["ContentElement.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { UIElement } from \"~/ui/UIElement\";\nimport { UIRenderer, UIRenderParams } from \"~/ui/UIRenderer\";\n\nconst ContentWrapper = styled(\"div\")({\n    width: \"100%\",\n    paddingTop: 67\n});\n\nclass ContentElementRenderer extends UIRenderer<ContentElement> {\n    public override render({ next, props }: UIRenderParams<ContentElement>): React.ReactNode {\n        return <ContentWrapper>{props.children ? props.children : next()}</ContentWrapper>;\n    }\n}\n\nexport class ContentElement extends UIElement {\n    public constructor(id: string) {\n        super(id);\n        this.useGrid(false);\n        this.addRenderer(new ContentElementRenderer());\n        this.applyPlugins(ContentElement);\n    }\n}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAEA,IAAMI,cAAc,oBAAGC,eAAM,EAAC,KAAK;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EACjCC,KAAK,EAAE,MAAM;EACbC,UAAU,EAAE;AAChB,CAAC,CAAC;AAAC,IAEGC,sBAAsB,0BAAAC,WAAA;EAAA,IAAAC,UAAA,CAAAC,OAAA,EAAAH,sBAAA,EAAAC,WAAA;EAAA,IAAAG,MAAA,OAAAC,aAAA,CAAAF,OAAA,EAAAH,sBAAA;EAAA,SAAAA,uBAAA;IAAA,IAAAM,gBAAA,CAAAH,OAAA,QAAAH,sBAAA;IAAA,OAAAI,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,CAAAN,OAAA,EAAAH,sBAAA;IAAAU,GAAA;IAAAC,KAAA,EACxB,SAAAC,OAAAC,IAAA,EAAyF;MAAA,IAAhEC,IAAI,GAAAD,IAAA,CAAJC,IAAI;QAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;MAChC,oBAAO3B,MAAA,CAAAe,OAAA,CAAAa,aAAA,CAACtB,cAAc,QAAEqB,KAAK,CAACE,QAAQ,GAAGF,KAAK,CAACE,QAAQ,GAAGH,IAAI,CAAC,CAAkB,CAAC;IACtF;EAAC;EAAA,OAAAd,sBAAA;AAAA,EAHgCkB,uBAAU;AAAA,IAMlCC,cAAc,0BAAAC,UAAA;EAAA,IAAAlB,UAAA,CAAAC,OAAA,EAAAgB,cAAA,EAAAC,UAAA;EAAA,IAAAC,OAAA,OAAAhB,aAAA,CAAAF,OAAA,EAAAgB,cAAA;EACvB,SAAAA,eAAmBG,EAAU,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAjB,gBAAA,CAAAH,OAAA,QAAAgB,cAAA;IAC3BI,KAAA,GAAAF,OAAA,CAAAG,IAAA,OAAMF,EAAE;IACRC,KAAA,CAAKE,OAAO,CAAC,KAAK,CAAC;IACnBF,KAAA,CAAKG,WAAW,CAAC,IAAI1B,sBAAsB,CAAC,CAAC,CAAC;IAC9CuB,KAAA,CAAKI,YAAY,CAACR,cAAc,CAAC;IAAC,OAAAI,KAAA;EACtC;EAAC,WAAAd,aAAA,CAAAN,OAAA,EAAAgB,cAAA;AAAA,EAN+BS,qBAAS;AAAAC,OAAA,CAAAV,cAAA,GAAAA,cAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_UIElement2","_UIRenderer2","_EMOTION_STRINGIFIED_CSS_ERROR__","ContentWrapper","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","ContentElementRenderer","_UIRenderer","_classCallCheck2","_callSuper2","arguments","_inherits2","_createClass2","key","value","render","_ref","next","props","createElement","children","UIRenderer","ContentElement","exports","_UIElement","id","_this","useGrid","addRenderer","applyPlugins","UIElement"],"sources":["ContentElement.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { UIElement } from \"~/ui/UIElement\";\nimport { UIRenderer, UIRenderParams } from \"~/ui/UIRenderer\";\n\nconst ContentWrapper = styled(\"div\")({\n    width: \"100%\",\n    paddingTop: 67\n});\n\nclass ContentElementRenderer extends UIRenderer<ContentElement> {\n    public override render({ next, props }: UIRenderParams<ContentElement>): React.ReactNode {\n        return <ContentWrapper>{props.children ? props.children : next()}</ContentWrapper>;\n    }\n}\n\nexport class ContentElement extends UIElement {\n    public constructor(id: string) {\n        super(id);\n        this.useGrid(false);\n        this.addRenderer(new ContentElementRenderer());\n        this.applyPlugins(ContentElement);\n    }\n}\n"],"mappings":";;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAA6D,SAAAG,iCAAA;AAE7D,IAAMC,cAAc,gBAAG,IAAAC,KAAA,CAAAC,OAAA,EAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,CAGnC,CAAC;AAAC,IAEGa,sBAAsB,0BAAAC,WAAA;EAAA,SAAAD,uBAAA;IAAA,IAAAE,gBAAA,CAAAZ,OAAA,QAAAU,sBAAA;IAAA,WAAAG,WAAA,CAAAb,OAAA,QAAAU,sBAAA,EAAAI,SAAA;EAAA;EAAA,IAAAC,UAAA,CAAAf,OAAA,EAAAU,sBAAA,EAAAC,WAAA;EAAA,WAAAK,aAAA,CAAAhB,OAAA,EAAAU,sBAAA;IAAAO,GAAA;IAAAC,KAAA,EACxB,SAAAC,OAAAC,IAAA,EAAyF;MAAA,IAAhEC,IAAI,GAAAD,IAAA,CAAJC,IAAI;QAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;MAChC,oBAAO9B,MAAA,CAAAQ,OAAA,CAAAuB,aAAA,CAACzB,cAAc,QAAEwB,KAAK,CAACE,QAAQ,GAAGF,KAAK,CAACE,QAAQ,GAAGH,IAAI,CAAC,CAAkB,CAAC;IACtF;EAAC;AAAA,EAHgCI,uBAAU;AAAA,IAMlCC,cAAc,GAAAC,OAAA,CAAAD,cAAA,0BAAAE,UAAA;EACvB,SAAAF,eAAmBG,EAAU,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAlB,gBAAA,CAAAZ,OAAA,QAAA0B,cAAA;IAC3BI,KAAA,OAAAjB,WAAA,CAAAb,OAAA,QAAA0B,cAAA,GAAMG,EAAE;IACRC,KAAA,CAAKC,OAAO,CAAC,KAAK,CAAC;IACnBD,KAAA,CAAKE,WAAW,CAAC,IAAItB,sBAAsB,CAAC,CAAC,CAAC;IAC9CoB,KAAA,CAAKG,YAAY,CAACP,cAAc,CAAC;IAAC,OAAAI,KAAA;EACtC;EAAC,IAAAf,UAAA,CAAAf,OAAA,EAAA0B,cAAA,EAAAE,UAAA;EAAA,WAAAZ,aAAA,CAAAhB,OAAA,EAAA0B,cAAA;AAAA,EAN+BQ,qBAAS","ignoreList":[]}

package/ui/views/AdminView/HeaderElement.js

@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports.HeaderElement = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
 var _react = _interopRequireDefault(require("react"));
 var _UIElement2 = require("../../UIElement");
 var _TopAppBar = require("@webiny/ui/TopAppBar");
@@ -25,13 +25,12 @@ var ElementID = /*#__PURE__*/function (ElementID) {
   return ElementID;
 }(ElementID || {});
 var HeaderElementRenderer = /*#__PURE__*/function (_UIRenderer) {
-  (0, _inherits2.default)(HeaderElementRenderer, _UIRenderer);
-  var _super = (0, _createSuper2.default)(HeaderElementRenderer);
   function HeaderElementRenderer() {
     (0, _classCallCheck2.default)(this, HeaderElementRenderer);
-    return _super.apply(this, arguments);
+    return (0, _callSuper2.default)(this, HeaderElementRenderer, arguments);
   }
-  (0, _createClass2.default)(HeaderElementRenderer, [{
+  (0, _inherits2.default)(HeaderElementRenderer, _UIRenderer);
+  return (0, _createClass2.default)(HeaderElementRenderer, [{
     key: "render",
     value: function render(_ref) {
       var next = _ref.next;
@@ -40,15 +39,12 @@ var HeaderElementRenderer = /*#__PURE__*/function (_UIRenderer) {
       }, next());
     }
   }]);
-  return HeaderElementRenderer;
 }(_UIRenderer2.UIRenderer);
-var HeaderElement = /*#__PURE__*/function (_UIElement) {
-  (0, _inherits2.default)(HeaderElement, _UIElement);
-  var _super2 = (0, _createSuper2.default)(HeaderElement);
+var HeaderElement = exports.HeaderElement = /*#__PURE__*/function (_UIElement) {
   function HeaderElement(id) {
     var _this;
     (0, _classCallCheck2.default)(this, HeaderElement);
-    _this = _super2.call(this, id);
+    _this = (0, _callSuper2.default)(this, HeaderElement, [id]);
     _this.useGrid(false);
     var leftSection = _this.addElement(new _HeaderSectionLeftElement.HeaderSectionLeftElement("headerLeft"));
     leftSection.addElement(new _PlaceholderElement.PlaceholderElement(ElementID.MenuButton));
@@ -60,7 +56,8 @@ var HeaderElement = /*#__PURE__*/function (_UIElement) {
     _this.applyPlugins(HeaderElement);
     return _this;
   }
-  (0, _createClass2.default)(HeaderElement, [{
+  (0, _inherits2.default)(HeaderElement, _UIElement);
+  return (0, _createClass2.default)(HeaderElement, [{
     key: "getLeftSection",
     value: function getLeftSection() {
       return this.getElement("headerLeft");
@@ -99,8 +96,6 @@ var HeaderElement = /*#__PURE__*/function (_UIElement) {
       }));
     }
   }]);
-  return HeaderElement;
 }(_UIElement2.UIElement);
-exports.HeaderElement = HeaderElement;
 
 //# sourceMappingURL=HeaderElement.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_UIElement2","_TopAppBar","_GenericElement","_PlaceholderElement","_HeaderSectionLeftElement","_HeaderSectionCenterElement","_HeaderSectionRightElement","_Hamburger","_UIRenderer2","ElementID","HeaderElementRenderer","_UIRenderer","_inherits2","default","_super","_createSuper2","_classCallCheck2","apply","arguments","_createClass2","key","value","render","_ref","next","createElement","TopAppBarPrimary","fixed","UIRenderer","HeaderElement","_UIElement","_super2","id","_this","call","useGrid","leftSection","addElement","HeaderSectionLeftElement","PlaceholderElement","MenuButton","Logo","HeaderSectionCenterElement","HeaderSectionRightElement","addRenderer","setMenuButton","applyPlugins","getLeftSection","getElement","getCenterSection","getRightSection","setLogo","logo","element","replaceWith","GenericElement","TopAppBarTitle","menuButton","button","UIElement","exports"],"sources":["HeaderElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { UIElement } from \"~/ui/UIElement\";\nimport { TopAppBarPrimary, TopAppBarTitle } from \"@webiny/ui/TopAppBar\";\nimport { GenericElement } from \"~/ui/elements/GenericElement\";\nimport { PlaceholderElement } from \"~/ui/elements/PlaceholderElement\";\nimport { HeaderSectionLeftElement } from \"./HeaderSectionLeftElement\";\nimport { HeaderSectionCenterElement } from \"./HeaderSectionCenterElement\";\nimport { HeaderSectionRightElement } from \"./HeaderSectionRightElement\";\nimport Hamburger from \"./components/Hamburger\";\nimport { UIRenderer, UIRenderParams } from \"~/ui/UIRenderer\";\n\nenum ElementID {\n    MenuButton = \"headerMenuButton\",\n    Logo = \"headerLogo\"\n}\n\nclass HeaderElementRenderer extends UIRenderer<HeaderElement> {\n    public override render({ next }: UIRenderParams<HeaderElement>): React.ReactNode {\n        return <TopAppBarPrimary fixed>{next()}</TopAppBarPrimary>;\n    }\n}\n\nexport class HeaderElement extends UIElement {\n    public constructor(id: string) {\n        super(id);\n\n        this.useGrid(false);\n\n        const leftSection = this.addElement(new HeaderSectionLeftElement(\"headerLeft\"));\n        leftSection.addElement(new PlaceholderElement(ElementID.MenuButton));\n        leftSection.addElement(new PlaceholderElement(ElementID.Logo));\n\n        this.addElement(new HeaderSectionCenterElement(\"headerCenter\"));\n        this.addElement(new HeaderSectionRightElement(\"headerRight\"));\n\n        this.addRenderer(new HeaderElementRenderer());\n\n        this.setMenuButton(<Hamburger />);\n        this.applyPlugins(HeaderElement);\n    }\n\n    public getLeftSection(): HeaderSectionLeftElement {\n        return this.getElement(\"headerLeft\") as HeaderSectionLeftElement;\n    }\n\n    public getCenterSection(): HeaderSectionCenterElement {\n        return this.getElement(\"headerCenter\") as HeaderSectionCenterElement;\n    }\n\n    public getRightSection(): HeaderSectionRightElement {\n        return this.getElement(\"headerRight\") as HeaderSectionRightElement;\n    }\n\n    public setLogo(logo: React.ReactElement): void {\n        // TODO: extract into a `LogoElement` class\n        const element = this.getElement(ElementID.Logo);\n        if (!element) {\n            return;\n        }\n        element.replaceWith(\n            new GenericElement(ElementID.Logo, () => {\n                return <TopAppBarTitle>{logo}</TopAppBarTitle>;\n            })\n        );\n    }\n\n    public setMenuButton(menuButton: React.ReactElement): void {\n        const button = this.getElement(ElementID.MenuButton);\n        if (!button) {\n            return;\n        }\n        button.replaceWith(\n            new GenericElement(ElementID.MenuButton, () => {\n                return menuButton;\n            })\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,eAAA,GAAAH,OAAA;AACA,IAAAI,mBAAA,GAAAJ,OAAA;AACA,IAAAK,yBAAA,GAAAL,OAAA;AACA,IAAAM,2BAAA,GAAAN,OAAA;AACA,IAAAO,0BAAA,GAAAP,OAAA;AACA,IAAAQ,UAAA,GAAAT,sBAAA,CAAAC,OAAA;AACA,IAAAS,YAAA,GAAAT,OAAA;AAA6D,IAExDU,SAAS,0BAATA,SAAS;EAATA,SAAS;EAATA,SAAS;EAAA,OAATA,SAAS;AAAA,EAATA,SAAS;AAAA,IAKRC,qBAAqB,0BAAAC,WAAA;EAAA,IAAAC,UAAA,CAAAC,OAAA,EAAAH,qBAAA,EAAAC,WAAA;EAAA,IAAAG,MAAA,OAAAC,aAAA,CAAAF,OAAA,EAAAH,qBAAA;EAAA,SAAAA,sBAAA;IAAA,IAAAM,gBAAA,CAAAH,OAAA,QAAAH,qBAAA;IAAA,OAAAI,MAAA,CAAAG,KAAA,OAAAC,SAAA;EAAA;EAAA,IAAAC,aAAA,CAAAN,OAAA,EAAAH,qBAAA;IAAAU,GAAA;IAAAC,KAAA,EACvB,SAAAC,OAAAC,IAAA,EAAiF;MAAA,IAAxDC,IAAI,GAAAD,IAAA,CAAJC,IAAI;MACzB,oBAAO3B,MAAA,CAAAgB,OAAA,CAAAY,aAAA,CAACxB,UAAA,CAAAyB,gBAAgB;QAACC,KAAK;MAAA,GAAEH,IAAI,CAAC,CAAoB,CAAC;IAC9D;EAAC;EAAA,OAAAd,qBAAA;AAAA,EAH+BkB,uBAAU;AAAA,IAMjCC,aAAa,0BAAAC,UAAA;EAAA,IAAAlB,UAAA,CAAAC,OAAA,EAAAgB,aAAA,EAAAC,UAAA;EAAA,IAAAC,OAAA,OAAAhB,aAAA,CAAAF,OAAA,EAAAgB,aAAA;EACtB,SAAAA,cAAmBG,EAAU,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAjB,gBAAA,CAAAH,OAAA,QAAAgB,aAAA;IAC3BI,KAAA,GAAAF,OAAA,CAAAG,IAAA,OAAMF,EAAE;IAERC,KAAA,CAAKE,OAAO,CAAC,KAAK,CAAC;IAEnB,IAAMC,WAAW,GAAGH,KAAA,CAAKI,UAAU,CAAC,IAAIC,kDAAwB,CAAC,YAAY,CAAC,CAAC;IAC/EF,WAAW,CAACC,UAAU,CAAC,IAAIE,sCAAkB,CAAC9B,SAAS,CAAC+B,UAAU,CAAC,CAAC;IACpEJ,WAAW,CAACC,UAAU,CAAC,IAAIE,sCAAkB,CAAC9B,SAAS,CAACgC,IAAI,CAAC,CAAC;IAE9DR,KAAA,CAAKI,UAAU,CAAC,IAAIK,sDAA0B,CAAC,cAAc,CAAC,CAAC;IAC/DT,KAAA,CAAKI,UAAU,CAAC,IAAIM,oDAAyB,CAAC,aAAa,CAAC,CAAC;IAE7DV,KAAA,CAAKW,WAAW,CAAC,IAAIlC,qBAAqB,CAAC,CAAC,CAAC;IAE7CuB,KAAA,CAAKY,aAAa,eAAChD,MAAA,CAAAgB,OAAA,CAAAY,aAAA,CAAClB,UAAA,CAAAM,OAAS,MAAE,CAAC,CAAC;IACjCoB,KAAA,CAAKa,YAAY,CAACjB,aAAa,CAAC;IAAC,OAAAI,KAAA;EACrC;EAAC,IAAAd,aAAA,CAAAN,OAAA,EAAAgB,aAAA;IAAAT,GAAA;IAAAC,KAAA,EAED,SAAA0B,eAAA,EAAkD;MAC9C,OAAO,IAAI,CAACC,UAAU,CAAC,YAAY,CAAC;IACxC;EAAC;IAAA5B,GAAA;IAAAC,KAAA,EAED,SAAA4B,iBAAA,EAAsD;MAClD,OAAO,IAAI,CAACD,UAAU,CAAC,cAAc,CAAC;IAC1C;EAAC;IAAA5B,GAAA;IAAAC,KAAA,EAED,SAAA6B,gBAAA,EAAoD;MAChD,OAAO,IAAI,CAACF,UAAU,CAAC,aAAa,CAAC;IACzC;EAAC;IAAA5B,GAAA;IAAAC,KAAA,EAED,SAAA8B,QAAeC,IAAwB,EAAQ;MAC3C;MACA,IAAMC,OAAO,GAAG,IAAI,CAACL,UAAU,CAACvC,SAAS,CAACgC,IAAI,CAAC;MAC/C,IAAI,CAACY,OAAO,EAAE;QACV;MACJ;MACAA,OAAO,CAACC,WAAW,CACf,IAAIC,8BAAc,CAAC9C,SAAS,CAACgC,IAAI,EAAE,YAAM;QACrC,oBAAO5C,MAAA,CAAAgB,OAAA,CAAAY,aAAA,CAACxB,UAAA,CAAAuD,cAAc,QAAEJ,IAAqB,CAAC;MAClD,CAAC,CACL,CAAC;IACL;EAAC;IAAAhC,GAAA;IAAAC,KAAA,EAED,SAAAwB,cAAqBY,UAA8B,EAAQ;MACvD,IAAMC,MAAM,GAAG,IAAI,CAACV,UAAU,CAACvC,SAAS,CAAC+B,UAAU,CAAC;MACpD,IAAI,CAACkB,MAAM,EAAE;QACT;MACJ;MACAA,MAAM,CAACJ,WAAW,CACd,IAAIC,8BAAc,CAAC9C,SAAS,CAAC+B,UAAU,EAAE,YAAM;QAC3C,OAAOiB,UAAU;MACrB,CAAC,CACL,CAAC;IACL;EAAC;EAAA,OAAA5B,aAAA;AAAA,EAtD8B8B,qBAAS;AAAAC,OAAA,CAAA/B,aAAA,GAAAA,aAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_UIElement2","_TopAppBar","_GenericElement","_PlaceholderElement","_HeaderSectionLeftElement","_HeaderSectionCenterElement","_HeaderSectionRightElement","_Hamburger","_UIRenderer2","ElementID","HeaderElementRenderer","_UIRenderer","_classCallCheck2","default","_callSuper2","arguments","_inherits2","_createClass2","key","value","render","_ref","next","createElement","TopAppBarPrimary","fixed","UIRenderer","HeaderElement","exports","_UIElement","id","_this","useGrid","leftSection","addElement","HeaderSectionLeftElement","PlaceholderElement","MenuButton","Logo","HeaderSectionCenterElement","HeaderSectionRightElement","addRenderer","setMenuButton","applyPlugins","getLeftSection","getElement","getCenterSection","getRightSection","setLogo","logo","element","replaceWith","GenericElement","TopAppBarTitle","menuButton","button","UIElement"],"sources":["HeaderElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { UIElement } from \"~/ui/UIElement\";\nimport { TopAppBarPrimary, TopAppBarTitle } from \"@webiny/ui/TopAppBar\";\nimport { GenericElement } from \"~/ui/elements/GenericElement\";\nimport { PlaceholderElement } from \"~/ui/elements/PlaceholderElement\";\nimport { HeaderSectionLeftElement } from \"./HeaderSectionLeftElement\";\nimport { HeaderSectionCenterElement } from \"./HeaderSectionCenterElement\";\nimport { HeaderSectionRightElement } from \"./HeaderSectionRightElement\";\nimport Hamburger from \"./components/Hamburger\";\nimport { UIRenderer, UIRenderParams } from \"~/ui/UIRenderer\";\n\nenum ElementID {\n    MenuButton = \"headerMenuButton\",\n    Logo = \"headerLogo\"\n}\n\nclass HeaderElementRenderer extends UIRenderer<HeaderElement> {\n    public override render({ next }: UIRenderParams<HeaderElement>): React.ReactNode {\n        return <TopAppBarPrimary fixed>{next()}</TopAppBarPrimary>;\n    }\n}\n\nexport class HeaderElement extends UIElement {\n    public constructor(id: string) {\n        super(id);\n\n        this.useGrid(false);\n\n        const leftSection = this.addElement(new HeaderSectionLeftElement(\"headerLeft\"));\n        leftSection.addElement(new PlaceholderElement(ElementID.MenuButton));\n        leftSection.addElement(new PlaceholderElement(ElementID.Logo));\n\n        this.addElement(new HeaderSectionCenterElement(\"headerCenter\"));\n        this.addElement(new HeaderSectionRightElement(\"headerRight\"));\n\n        this.addRenderer(new HeaderElementRenderer());\n\n        this.setMenuButton(<Hamburger />);\n        this.applyPlugins(HeaderElement);\n    }\n\n    public getLeftSection(): HeaderSectionLeftElement {\n        return this.getElement(\"headerLeft\") as HeaderSectionLeftElement;\n    }\n\n    public getCenterSection(): HeaderSectionCenterElement {\n        return this.getElement(\"headerCenter\") as HeaderSectionCenterElement;\n    }\n\n    public getRightSection(): HeaderSectionRightElement {\n        return this.getElement(\"headerRight\") as HeaderSectionRightElement;\n    }\n\n    public setLogo(logo: React.ReactElement): void {\n        // TODO: extract into a `LogoElement` class\n        const element = this.getElement(ElementID.Logo);\n        if (!element) {\n            return;\n        }\n        element.replaceWith(\n            new GenericElement(ElementID.Logo, () => {\n                return <TopAppBarTitle>{logo}</TopAppBarTitle>;\n            })\n        );\n    }\n\n    public setMenuButton(menuButton: React.ReactElement): void {\n        const button = this.getElement(ElementID.MenuButton);\n        if (!button) {\n            return;\n        }\n        button.replaceWith(\n            new GenericElement(ElementID.MenuButton, () => {\n                return menuButton;\n            })\n        );\n    }\n}\n"],"mappings":"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","ignoreList":[]}

package/ui/views/AdminView/HeaderSectionCenterElement.js

@@ -7,28 +7,27 @@ Object.defineProperty(exports, "__esModule", {
 exports.HeaderSectionCenterElement = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 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)({
+var middleBar = (0, _emotion.css)({
   width: "50%"
-}, "label:middleBar;");
-var HeaderSectionCenterElement = /*#__PURE__*/function (_UIElement) {
-  (0, _inherits2.default)(HeaderSectionCenterElement, _UIElement);
-  var _super = (0, _createSuper2.default)(HeaderSectionCenterElement);
+});
+var HeaderSectionCenterElement = exports.HeaderSectionCenterElement = /*#__PURE__*/function (_UIElement) {
   function HeaderSectionCenterElement(id) {
     var _this;
     (0, _classCallCheck2.default)(this, HeaderSectionCenterElement);
-    _this = _super.call(this, id);
+    _this = (0, _callSuper2.default)(this, HeaderSectionCenterElement, [id]);
     _this.useGrid(false);
     return _this;
   }
-  (0, _createClass2.default)(HeaderSectionCenterElement, [{
+  (0, _inherits2.default)(HeaderSectionCenterElement, _UIElement);
+  return (0, _createClass2.default)(HeaderSectionCenterElement, [{
     key: "render",
     value: function render(props) {
       return /*#__PURE__*/_react.default.createElement(_TopAppBar.TopAppBarSection, {
@@ -37,8 +36,6 @@ var HeaderSectionCenterElement = /*#__PURE__*/function (_UIElement) {
       }, (0, _get2.default)((0, _getPrototypeOf2.default)(HeaderSectionCenterElement.prototype), "render", this).call(this, props));
     }
   }]);
-  return HeaderSectionCenterElement;
 }(_UIElement2.UIElement);
-exports.HeaderSectionCenterElement = HeaderSectionCenterElement;
 
 //# sourceMappingURL=HeaderSectionCenterElement.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_UIElement2","_TopAppBar","middleBar","css","width","HeaderSectionCenterElement","_UIElement","_inherits2","default","_super","_createSuper2","id","_this","_classCallCheck2","call","useGrid","_createClass2","key","value","render","props","createElement","TopAppBarSection","className","alignEnd","_get2","_getPrototypeOf2","prototype","UIElement","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAEA,IAAMI,SAAS,gBAAG,IAAAC,YAAG,EAAC;EAClBC,KAAK,EAAE;AACX,CAAC,qBAAC;AAAC,IAEUC,0BAA0B,0BAAAC,UAAA;EAAA,IAAAC,UAAA,CAAAC,OAAA,EAAAH,0BAAA,EAAAC,UAAA;EAAA,IAAAG,MAAA,OAAAC,aAAA,CAAAF,OAAA,EAAAH,0BAAA;EACnC,SAAAA,2BAAmBM,EAAU,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAL,OAAA,QAAAH,0BAAA;IAC3BO,KAAA,GAAAH,MAAA,CAAAK,IAAA,OAAMH,EAAE;IAERC,KAAA,CAAKG,OAAO,CAAC,KAAK,CAAC;IAAC,OAAAH,KAAA;EACxB;EAAC,IAAAI,aAAA,CAAAR,OAAA,EAAAH,0BAAA;IAAAY,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAuBC,KAA2B,EAAmB;MACjE,oBACIxB,MAAA,CAAAY,OAAA,CAAAa,aAAA,CAACpB,UAAA,CAAAqB,gBAAgB;QAACC,SAAS,EAAErB,SAAU;QAACsB,QAAQ;MAAA,OAAAC,KAAA,CAAAjB,OAAA,MAAAkB,gBAAA,CAAAlB,OAAA,EAAAH,0BAAA,CAAAsB,SAAA,mBAAAb,IAAA,OAC9BM,KAAK,CACL,CAAC;IAE3B;EAAC;EAAA,OAAAf,0BAAA;AAAA,EAb2CuB,qBAAS;AAAAC,OAAA,CAAAxB,0BAAA,GAAAA,0BAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_UIElement2","_TopAppBar","middleBar","css","width","HeaderSectionCenterElement","exports","_UIElement","id","_this","_classCallCheck2","default","_callSuper2","useGrid","_inherits2","_createClass2","key","value","render","props","createElement","TopAppBarSection","className","alignEnd","_get2","_getPrototypeOf2","prototype","call","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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAEA,IAAMI,SAAS,GAAG,IAAAC,YAAG,EAAC;EAClBC,KAAK,EAAE;AACX,CAAC,CAAC;AAAC,IAEUC,0BAA0B,GAAAC,OAAA,CAAAD,0BAAA,0BAAAE,UAAA;EACnC,SAAAF,2BAAmBG,EAAU,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAN,0BAAA;IAC3BI,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAN,0BAAA,GAAMG,EAAE;IAERC,KAAA,CAAKI,OAAO,CAAC,KAAK,CAAC;IAAC,OAAAJ,KAAA;EACxB;EAAC,IAAAK,UAAA,CAAAH,OAAA,EAAAN,0BAAA,EAAAE,UAAA;EAAA,WAAAQ,aAAA,CAAAJ,OAAA,EAAAN,0BAAA;IAAAW,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAuBC,KAA2B,EAAmB;MACjE,oBACIvB,MAAA,CAAAe,OAAA,CAAAS,aAAA,CAACnB,UAAA,CAAAoB,gBAAgB;QAACC,SAAS,EAAEpB,SAAU;QAACqB,QAAQ;MAAA,OAAAC,KAAA,CAAAb,OAAA,MAAAc,gBAAA,CAAAd,OAAA,EAAAN,0BAAA,CAAAqB,SAAA,mBAAAC,IAAA,OAC9BR,KAAK,CACL,CAAC;IAE3B;EAAC;AAAA,EAb2CS,qBAAS","ignoreList":[]}

package/ui/views/AdminView/HeaderSectionLeftElement.js

@@ -7,28 +7,27 @@ Object.defineProperty(exports, "__esModule", {
 exports.HeaderSectionLeftElement = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 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)({
+var edgeBars = (0, _emotion.css)({
   width: "25%"
-}, "label:edgeBars;");
-var HeaderSectionLeftElement = /*#__PURE__*/function (_UIElement) {
-  (0, _inherits2.default)(HeaderSectionLeftElement, _UIElement);
-  var _super = (0, _createSuper2.default)(HeaderSectionLeftElement);
+});
+var HeaderSectionLeftElement = exports.HeaderSectionLeftElement = /*#__PURE__*/function (_UIElement) {
   function HeaderSectionLeftElement(id) {
     var _this;
     (0, _classCallCheck2.default)(this, HeaderSectionLeftElement);
-    _this = _super.call(this, id);
+    _this = (0, _callSuper2.default)(this, HeaderSectionLeftElement, [id]);
     _this.useGrid(false);
     return _this;
   }
-  (0, _createClass2.default)(HeaderSectionLeftElement, [{
+  (0, _inherits2.default)(HeaderSectionLeftElement, _UIElement);
+  return (0, _createClass2.default)(HeaderSectionLeftElement, [{
     key: "render",
     value: function render(props) {
       return /*#__PURE__*/_react.default.createElement(_TopAppBar.TopAppBarSection, {
@@ -37,8 +36,6 @@ var HeaderSectionLeftElement = /*#__PURE__*/function (_UIElement) {
       }, (0, _get2.default)((0, _getPrototypeOf2.default)(HeaderSectionLeftElement.prototype), "render", this).call(this, props));
     }
   }]);
-  return HeaderSectionLeftElement;
 }(_UIElement2.UIElement);
-exports.HeaderSectionLeftElement = HeaderSectionLeftElement;
 
 //# sourceMappingURL=HeaderSectionLeftElement.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_UIElement2","_TopAppBar","edgeBars","css","width","HeaderSectionLeftElement","_UIElement","_inherits2","default","_super","_createSuper2","id","_this","_classCallCheck2","call","useGrid","_createClass2","key","value","render","props","createElement","TopAppBarSection","className","alignStart","_get2","_getPrototypeOf2","prototype","UIElement","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAEA,IAAMI,QAAQ,gBAAG,IAAAC,YAAG,EAAC;EACjBC,KAAK,EAAE;AACX,CAAC,oBAAC;AAAC,IAEUC,wBAAwB,0BAAAC,UAAA;EAAA,IAAAC,UAAA,CAAAC,OAAA,EAAAH,wBAAA,EAAAC,UAAA;EAAA,IAAAG,MAAA,OAAAC,aAAA,CAAAF,OAAA,EAAAH,wBAAA;EACjC,SAAAA,yBAAmBM,EAAU,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAL,OAAA,QAAAH,wBAAA;IAC3BO,KAAA,GAAAH,MAAA,CAAAK,IAAA,OAAMH,EAAE;IAERC,KAAA,CAAKG,OAAO,CAAC,KAAK,CAAC;IAAC,OAAAH,KAAA;EACxB;EAAC,IAAAI,aAAA,CAAAR,OAAA,EAAAH,wBAAA;IAAAY,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAuBC,KAA2B,EAAmB;MACjE,oBACIxB,MAAA,CAAAY,OAAA,CAAAa,aAAA,CAACpB,UAAA,CAAAqB,gBAAgB;QAACC,SAAS,EAAErB,QAAS;QAACsB,UAAU;MAAA,OAAAC,KAAA,CAAAjB,OAAA,MAAAkB,gBAAA,CAAAlB,OAAA,EAAAH,wBAAA,CAAAsB,SAAA,mBAAAb,IAAA,OAC/BM,KAAK,CACL,CAAC;IAE3B;EAAC;EAAA,OAAAf,wBAAA;AAAA,EAbyCuB,qBAAS;AAAAC,OAAA,CAAAxB,wBAAA,GAAAA,wBAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_UIElement2","_TopAppBar","edgeBars","css","width","HeaderSectionLeftElement","exports","_UIElement","id","_this","_classCallCheck2","default","_callSuper2","useGrid","_inherits2","_createClass2","key","value","render","props","createElement","TopAppBarSection","className","alignStart","_get2","_getPrototypeOf2","prototype","call","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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAEA,IAAMI,QAAQ,GAAG,IAAAC,YAAG,EAAC;EACjBC,KAAK,EAAE;AACX,CAAC,CAAC;AAAC,IAEUC,wBAAwB,GAAAC,OAAA,CAAAD,wBAAA,0BAAAE,UAAA;EACjC,SAAAF,yBAAmBG,EAAU,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAN,wBAAA;IAC3BI,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAN,wBAAA,GAAMG,EAAE;IAERC,KAAA,CAAKI,OAAO,CAAC,KAAK,CAAC;IAAC,OAAAJ,KAAA;EACxB;EAAC,IAAAK,UAAA,CAAAH,OAAA,EAAAN,wBAAA,EAAAE,UAAA;EAAA,WAAAQ,aAAA,CAAAJ,OAAA,EAAAN,wBAAA;IAAAW,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAuBC,KAA2B,EAAmB;MACjE,oBACIvB,MAAA,CAAAe,OAAA,CAAAS,aAAA,CAACnB,UAAA,CAAAoB,gBAAgB;QAACC,SAAS,EAAEpB,QAAS;QAACqB,UAAU;MAAA,OAAAC,KAAA,CAAAb,OAAA,MAAAc,gBAAA,CAAAd,OAAA,EAAAN,wBAAA,CAAAqB,SAAA,mBAAAC,IAAA,OAC/BR,KAAK,CACL,CAAC;IAE3B;EAAC;AAAA,EAbyCS,qBAAS","ignoreList":[]}

package/ui/views/AdminView/HeaderSectionRightElement.js

@@ -7,28 +7,27 @@ Object.defineProperty(exports, "__esModule", {
 exports.HeaderSectionRightElement = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 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)({
+var edgeBars = (0, _emotion.css)({
   width: "25%"
-}, "label:edgeBars;");
-var HeaderSectionRightElement = /*#__PURE__*/function (_UIElement) {
-  (0, _inherits2.default)(HeaderSectionRightElement, _UIElement);
-  var _super = (0, _createSuper2.default)(HeaderSectionRightElement);
+});
+var HeaderSectionRightElement = exports.HeaderSectionRightElement = /*#__PURE__*/function (_UIElement) {
   function HeaderSectionRightElement(id) {
     var _this;
     (0, _classCallCheck2.default)(this, HeaderSectionRightElement);
-    _this = _super.call(this, id);
+    _this = (0, _callSuper2.default)(this, HeaderSectionRightElement, [id]);
     _this.useGrid(false);
     return _this;
   }
-  (0, _createClass2.default)(HeaderSectionRightElement, [{
+  (0, _inherits2.default)(HeaderSectionRightElement, _UIElement);
+  return (0, _createClass2.default)(HeaderSectionRightElement, [{
     key: "render",
     value: function render(props) {
       return /*#__PURE__*/_react.default.createElement(_TopAppBar.TopAppBarSection, {
@@ -37,8 +36,6 @@ var HeaderSectionRightElement = /*#__PURE__*/function (_UIElement) {
       }, (0, _get2.default)((0, _getPrototypeOf2.default)(HeaderSectionRightElement.prototype), "render", this).call(this, props));
     }
   }]);
-  return HeaderSectionRightElement;
 }(_UIElement2.UIElement);
-exports.HeaderSectionRightElement = HeaderSectionRightElement;
 
 //# sourceMappingURL=HeaderSectionRightElement.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_UIElement2","_TopAppBar","edgeBars","css","width","HeaderSectionRightElement","_UIElement","_inherits2","default","_super","_createSuper2","id","_this","_classCallCheck2","call","useGrid","_createClass2","key","value","render","props","createElement","TopAppBarSection","className","alignEnd","_get2","_getPrototypeOf2","prototype","UIElement","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAEA,IAAMI,QAAQ,gBAAG,IAAAC,YAAG,EAAC;EACjBC,KAAK,EAAE;AACX,CAAC,oBAAC;AAAC,IAEUC,yBAAyB,0BAAAC,UAAA;EAAA,IAAAC,UAAA,CAAAC,OAAA,EAAAH,yBAAA,EAAAC,UAAA;EAAA,IAAAG,MAAA,OAAAC,aAAA,CAAAF,OAAA,EAAAH,yBAAA;EAClC,SAAAA,0BAAmBM,EAAU,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAL,OAAA,QAAAH,yBAAA;IAC3BO,KAAA,GAAAH,MAAA,CAAAK,IAAA,OAAMH,EAAE;IAERC,KAAA,CAAKG,OAAO,CAAC,KAAK,CAAC;IAAC,OAAAH,KAAA;EACxB;EAAC,IAAAI,aAAA,CAAAR,OAAA,EAAAH,yBAAA;IAAAY,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAuBC,KAA2B,EAAmB;MACjE,oBACIxB,MAAA,CAAAY,OAAA,CAAAa,aAAA,CAACpB,UAAA,CAAAqB,gBAAgB;QAACC,SAAS,EAAErB,QAAS;QAACsB,QAAQ;MAAA,OAAAC,KAAA,CAAAjB,OAAA,MAAAkB,gBAAA,CAAAlB,OAAA,EAAAH,yBAAA,CAAAsB,SAAA,mBAAAb,IAAA,OAC7BM,KAAK,CACL,CAAC;IAE3B;EAAC;EAAA,OAAAf,yBAAA;AAAA,EAb0CuB,qBAAS;AAAAC,OAAA,CAAAxB,yBAAA,GAAAA,yBAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_UIElement2","_TopAppBar","edgeBars","css","width","HeaderSectionRightElement","exports","_UIElement","id","_this","_classCallCheck2","default","_callSuper2","useGrid","_inherits2","_createClass2","key","value","render","props","createElement","TopAppBarSection","className","alignEnd","_get2","_getPrototypeOf2","prototype","call","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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AAEA,IAAMI,QAAQ,GAAG,IAAAC,YAAG,EAAC;EACjBC,KAAK,EAAE;AACX,CAAC,CAAC;AAAC,IAEUC,yBAAyB,GAAAC,OAAA,CAAAD,yBAAA,0BAAAE,UAAA;EAClC,SAAAF,0BAAmBG,EAAU,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAN,yBAAA;IAC3BI,KAAA,OAAAG,WAAA,CAAAD,OAAA,QAAAN,yBAAA,GAAMG,EAAE;IAERC,KAAA,CAAKI,OAAO,CAAC,KAAK,CAAC;IAAC,OAAAJ,KAAA;EACxB;EAAC,IAAAK,UAAA,CAAAH,OAAA,EAAAN,yBAAA,EAAAE,UAAA;EAAA,WAAAQ,aAAA,CAAAJ,OAAA,EAAAN,yBAAA;IAAAW,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAuBC,KAA2B,EAAmB;MACjE,oBACIvB,MAAA,CAAAe,OAAA,CAAAS,aAAA,CAACnB,UAAA,CAAAoB,gBAAgB;QAACC,SAAS,EAAEpB,QAAS;QAACqB,QAAQ;MAAA,OAAAC,KAAA,CAAAb,OAAA,MAAAc,gBAAA,CAAAd,OAAA,EAAAN,yBAAA,CAAAqB,SAAA,mBAAAC,IAAA,OAC7BR,KAAK,CACL,CAAC;IAE3B;EAAC;AAAA,EAb0CS,qBAAS","ignoreList":[]}

package/ui/views/AdminView/components/Dialog.d.ts

@@ -1,2 +1,2 @@
-/// <reference types="react" />
-export declare const DialogContainer: () => JSX.Element;
+import React from "react";
+export declare const DialogContainer: () => React.JSX.Element;

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

@@ -11,7 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _get2 = _interopRequireDefault(require("lodash/get"));
 var _useUi = require("@webiny/app/hooks/useUi");
 var _Dialog = require("@webiny/ui/Dialog");
-var DialogContainer = function DialogContainer() {
+var DialogContainer = exports.DialogContainer = function DialogContainer() {
   var ui = (0, _useUi.useUi)();
   var message = (0, _get2.default)(ui, "dialog.message");
   var _get = (0, _get2.default)(ui, "dialog.options", {}),
@@ -43,6 +43,5 @@ var DialogContainer = function DialogContainer() {
     onClick: actions.accept.onClick
   }, actions.accept.label)));
 };
-exports.DialogContainer = DialogContainer;
 
 //# sourceMappingURL=Dialog.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_get2","_interopRequireDefault","_useUi","_Dialog","DialogContainer","ui","useUi","message","get","_get","dataTestId","title","_get$actions","actions","cancel","accept","label","style","hideDialog","useCallback","setState","_objectSpread2","default","dialog","createElement","Dialog","open","onClose","DialogTitle","DialogContent","DialogActions","DialogAccept","onClick","exports"],"sources":["Dialog.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport get from \"lodash/get\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\nimport { Dialog, DialogAccept, DialogTitle, DialogActions, DialogContent } from \"@webiny/ui/Dialog\";\n\nexport const DialogContainer = () => {\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,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAEO,IAAMK,eAAe,GAAG,SAAlBA,eAAeA,CAAA,EAAS;EACjC,IAAMC,EAAE,GAAG,IAAAC,YAAK,EAAC,CAAC;EAClB,IAAMC,OAAO,GAAG,IAAAC,aAAG,EAACH,EAAE,EAAE,gBAAgB,CAAC;EACzC,IAAAI,IAAA,GAKI,IAAAD,aAAG,EAACH,EAAE,EAAE,gBAAgB,EAAE,CAAC,CAAC,CAAC;IAJ7BK,UAAU,GAAAD,IAAA,CAAVC,UAAU;IACVC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAAC,YAAA,GAAAH,IAAA,CACLI,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG;MAAEE,MAAM,EAAE,IAAI;MAAEC,MAAM,EAAE;QAAEC,KAAK,EAAE;MAAK;IAAE,CAAC,GAAAJ,YAAA;IACnDK,KAAK,GAAAR,IAAA,CAALQ,KAAK;EAGT,IAAMC,UAAU,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACjCd,EAAE,CAACe,QAAQ,CAAC,UAAAf,EAAE;MAAA,WAAAgB,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MAAUjB,EAAE;QAAEkB,MAAM,EAAE;MAAI;IAAA,CAAG,CAAC;EAChD,CAAC,EAAE,CAAClB,EAAE,CAAC,CAAC;EAER,oBACIR,MAAA,CAAAyB,OAAA,CAAAE,aAAA,CAACrB,OAAA,CAAAsB,MAAM;IAACC,IAAI,EAAE,CAAC,CAACnB,OAAQ;IAACoB,OAAO,EAAET,UAAW;IAAC,eAAaR,UAAW;IAACO,KAAK,EAAEA;EAAM,GAC/EN,KAAK,iBAAId,MAAA,CAAAyB,OAAA,CAAAE,aAAA,CAACrB,OAAA,CAAAyB,WAAW,QAAEjB,KAAmB,CAAC,eAC5Cd,MAAA,CAAAyB,OAAA,CAAAE,aAAA,CAACrB,OAAA,CAAA0B,aAAa,QAAEtB,OAAuB,CAAC,eACxCV,MAAA,CAAAyB,OAAA,CAAAE,aAAA,CAACrB,OAAA,CAAA2B,aAAa,QACTjB,OAAO,CAACC,MAAM,iBACXjB,MAAA,CAAAyB,OAAA,CAAAE,aAAA,CAACrB,OAAA,CAAA4B,YAAY;IAACC,OAAO,EAAEnB,OAAO,CAACC,MAAM,CAACkB;EAAQ,GACzCnB,OAAO,CAACC,MAAM,CAACE,KACN,CACjB,EACAH,OAAO,CAACE,MAAM,iBACXlB,MAAA,CAAAyB,OAAA,CAAAE,aAAA,CAACrB,OAAA,CAAA4B,YAAY;IAACC,OAAO,EAAEnB,OAAO,CAACE,MAAM,CAACiB;EAAQ,GACzCnB,OAAO,CAACE,MAAM,CAACC,KACN,CAEP,CACX,CAAC;AAEjB,CAAC;AAACiB,OAAA,CAAA7B,eAAA,GAAAA,eAAA"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_get2","_interopRequireDefault","_useUi","_Dialog","DialogContainer","exports","ui","useUi","message","get","_get","dataTestId","title","_get$actions","actions","cancel","accept","label","style","hideDialog","useCallback","setState","_objectSpread2","default","dialog","createElement","Dialog","open","onClose","DialogTitle","DialogContent","DialogActions","DialogAccept","onClick"],"sources":["Dialog.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport get from \"lodash/get\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\nimport { Dialog, DialogAccept, DialogTitle, DialogActions, DialogContent } from \"@webiny/ui/Dialog\";\n\nexport const DialogContainer = () => {\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,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAEO,IAAMK,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,SAAlBA,eAAeA,CAAA,EAAS;EACjC,IAAME,EAAE,GAAG,IAAAC,YAAK,EAAC,CAAC;EAClB,IAAMC,OAAO,GAAG,IAAAC,aAAG,EAACH,EAAE,EAAE,gBAAgB,CAAC;EACzC,IAAAI,IAAA,GAKI,IAAAD,aAAG,EAACH,EAAE,EAAE,gBAAgB,EAAE,CAAC,CAAC,CAAC;IAJ7BK,UAAU,GAAAD,IAAA,CAAVC,UAAU;IACVC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAAC,YAAA,GAAAH,IAAA,CACLI,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG;MAAEE,MAAM,EAAE,IAAI;MAAEC,MAAM,EAAE;QAAEC,KAAK,EAAE;MAAK;IAAE,CAAC,GAAAJ,YAAA;IACnDK,KAAK,GAAAR,IAAA,CAALQ,KAAK;EAGT,IAAMC,UAAU,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACjCd,EAAE,CAACe,QAAQ,CAAC,UAAAf,EAAE;MAAA,WAAAgB,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MAAUjB,EAAE;QAAEkB,MAAM,EAAE;MAAI;IAAA,CAAG,CAAC;EAChD,CAAC,EAAE,CAAClB,EAAE,CAAC,CAAC;EAER,oBACIT,MAAA,CAAA0B,OAAA,CAAAE,aAAA,CAACtB,OAAA,CAAAuB,MAAM;IAACC,IAAI,EAAE,CAAC,CAACnB,OAAQ;IAACoB,OAAO,EAAET,UAAW;IAAC,eAAaR,UAAW;IAACO,KAAK,EAAEA;EAAM,GAC/EN,KAAK,iBAAIf,MAAA,CAAA0B,OAAA,CAAAE,aAAA,CAACtB,OAAA,CAAA0B,WAAW,QAAEjB,KAAmB,CAAC,eAC5Cf,MAAA,CAAA0B,OAAA,CAAAE,aAAA,CAACtB,OAAA,CAAA2B,aAAa,QAAEtB,OAAuB,CAAC,eACxCX,MAAA,CAAA0B,OAAA,CAAAE,aAAA,CAACtB,OAAA,CAAA4B,aAAa,QACTjB,OAAO,CAACC,MAAM,iBACXlB,MAAA,CAAA0B,OAAA,CAAAE,aAAA,CAACtB,OAAA,CAAA6B,YAAY;IAACC,OAAO,EAAEnB,OAAO,CAACC,MAAM,CAACkB;EAAQ,GACzCnB,OAAO,CAACC,MAAM,CAACE,KACN,CACjB,EACAH,OAAO,CAACE,MAAM,iBACXnB,MAAA,CAAA0B,OAAA,CAAAE,aAAA,CAACtB,OAAA,CAAA6B,YAAY;IAACC,OAAO,EAAEnB,OAAO,CAACE,MAAM,CAACiB;EAAQ,GACzCnB,OAAO,CAACE,MAAM,CAACC,KACN,CAEP,CACX,CAAC;AAEjB,CAAC","ignoreList":[]}

package/ui/views/AdminView/components/Hamburger.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const Hamburger: () => JSX.Element;
+import React from "react";
+declare const Hamburger: () => React.JSX.Element;
 export default Hamburger;

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

@@ -27,7 +27,6 @@ var Hamburger = function Hamburger() {
     "data-testid": "apps-menu"
   });
 };
-var _default = Hamburger;
-exports.default = _default;
+var _default = exports.default = Hamburger;
 
 //# sourceMappingURL=Hamburger.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_dotPropImmutable","_useUi","_Button","_menu","Hamburger","ui","useUi","toggleMenu","useCallback","setState","set","get","default","createElement","IconButton","icon","ReactComponent","style","color","onClick","_default","exports"],"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 \"@material-design-icons/svg/outlined/menu.svg\";\n\nconst Hamburger = () => {\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,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAEA,IAAMK,SAAS,GAAG,SAAZA,SAASA,CAAA,EAAS;EACpB,IAAMC,EAAE,GAAG,IAAAC,YAAK,EAAC,CAAC;EAElB,IAAMC,UAAU,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACjCH,EAAE,CAACI,QAAQ,CAAC,UAAAJ,EAAE;MAAA,OAAI,IAAAK,qBAAG,EAACL,EAAE,EAAE,eAAe,EAAE,EAAE,IAAAM,qBAAG,EAACN,EAAE,EAAE,eAAe,CAAC,IAAI,KAAK,CAAC,CAAC;IAAA,EAAC;EACrF,CAAC,EAAE,CAACA,EAAE,CAAC,CAAC;EAER,oBACIR,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACX,OAAA,CAAAY,UAAU;IACPC,IAAI,eAAElB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACV,KAAA,CAAAa,cAAQ;MAACC,KAAK,EAAE;QAAEC,KAAK,EAAE;MAAQ;IAAE,CAAE,CAAE;IAC9CC,OAAO,EAAEZ,UAAW;IACpB,eAAa;EAAY,CAC5B,CAAC;AAEV,CAAC;AAAC,IAAAa,QAAA,GAEahB,SAAS;AAAAiB,OAAA,CAAAT,OAAA,GAAAQ,QAAA"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_dotPropImmutable","_useUi","_Button","_menu","Hamburger","ui","useUi","toggleMenu","useCallback","setState","set","get","default","createElement","IconButton","icon","ReactComponent","style","color","onClick","_default","exports"],"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 \"@material-design-icons/svg/outlined/menu.svg\";\n\nconst Hamburger = () => {\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,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAEA,IAAMK,SAAS,GAAG,SAAZA,SAASA,CAAA,EAAS;EACpB,IAAMC,EAAE,GAAG,IAAAC,YAAK,EAAC,CAAC;EAElB,IAAMC,UAAU,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACjCH,EAAE,CAACI,QAAQ,CAAC,UAAAJ,EAAE;MAAA,OAAI,IAAAK,qBAAG,EAACL,EAAE,EAAE,eAAe,EAAE,EAAE,IAAAM,qBAAG,EAACN,EAAE,EAAE,eAAe,CAAC,IAAI,KAAK,CAAC,CAAC;IAAA,EAAC;EACrF,CAAC,EAAE,CAACA,EAAE,CAAC,CAAC;EAER,oBACIR,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACX,OAAA,CAAAY,UAAU;IACPC,IAAI,eAAElB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACV,KAAA,CAAAa,cAAQ;MAACC,KAAK,EAAE;QAAEC,KAAK,EAAE;MAAQ;IAAE,CAAE,CAAE;IAC9CC,OAAO,EAAEZ,UAAW;IACpB,eAAa;EAAY,CAC5B,CAAC;AAEV,CAAC;AAAC,IAAAa,QAAA,GAAAC,OAAA,CAAAT,OAAA,GAEaR,SAAS","ignoreList":[]}

package/ui/views/AdminView/components/Snackbar.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const SnackbarMain: () => JSX.Element;
+import React from "react";
+declare const SnackbarMain: () => React.JSX.Element;
 export default SnackbarMain;

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

@@ -28,7 +28,6 @@ var SnackbarMain = function SnackbarMain() {
     message: message
   }, options));
 };
-var _default = SnackbarMain;
-exports.default = _default;
+var _default = exports.default = SnackbarMain;
 
 //# sourceMappingURL=Snackbar.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_Snackbar","_get","_interopRequireDefault","_useUi","SnackbarMain","ui","useUi","message","get","options","hideSnackbar","useCallback","setState","_objectSpread2","default","snackbar","createElement","Snackbar","Object","assign","open","onClose","_default","exports"],"sources":["Snackbar.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { Snackbar } from \"@webiny/ui/Snackbar\";\nimport get from \"lodash/get\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\n\nconst SnackbarMain = () => {\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,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,IAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAEA,IAAMK,YAAY,GAAG,SAAfA,YAAYA,CAAA,EAAS;EACvB,IAAMC,EAAE,GAAG,IAAAC,YAAK,EAAC,CAAC;EAClB,IAAMC,OAAO,GAAG,IAAAC,YAAG,EAACH,EAAE,EAAE,kBAAkB,CAAC;EAC3C,IAAMI,OAAO,GAAG,IAAAD,YAAG,EAACH,EAAE,EAAE,kBAAkB,EAAE,CAAC,CAAC,CAAC;EAE/C,IAAMK,YAAY,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACnCN,EAAE,CAACO,QAAQ,CAAC,UAAAP,EAAE;MAAA,WAAAQ,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MAAUT,EAAE;QAAEU,QAAQ,EAAE;MAAI;IAAA,CAAG,CAAC;EAClD,CAAC,EAAE,CAACV,EAAE,CAAC,CAAC;EAER,oBAAOR,MAAA,CAAAiB,OAAA,CAAAE,aAAA,CAAChB,SAAA,CAAAiB,QAAQ,EAAAC,MAAA,CAAAC,MAAA;IAACC,IAAI,EAAE,CAAC,CAACb,OAAQ;IAACc,OAAO,EAAEX,YAAa;IAACH,OAAO,EAAEA;EAAQ,GAAKE,OAAO,CAAG,CAAC;AAC9F,CAAC;AAAC,IAAAa,QAAA,GAEalB,YAAY;AAAAmB,OAAA,CAAAT,OAAA,GAAAQ,QAAA"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_Snackbar","_get","_interopRequireDefault","_useUi","SnackbarMain","ui","useUi","message","get","options","hideSnackbar","useCallback","setState","_objectSpread2","default","snackbar","createElement","Snackbar","Object","assign","open","onClose","_default","exports"],"sources":["Snackbar.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { Snackbar } from \"@webiny/ui/Snackbar\";\nimport get from \"lodash/get\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\n\nconst SnackbarMain = () => {\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,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,IAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAEA,IAAMK,YAAY,GAAG,SAAfA,YAAYA,CAAA,EAAS;EACvB,IAAMC,EAAE,GAAG,IAAAC,YAAK,EAAC,CAAC;EAClB,IAAMC,OAAO,GAAG,IAAAC,YAAG,EAACH,EAAE,EAAE,kBAAkB,CAAC;EAC3C,IAAMI,OAAO,GAAG,IAAAD,YAAG,EAACH,EAAE,EAAE,kBAAkB,EAAE,CAAC,CAAC,CAAC;EAE/C,IAAMK,YAAY,GAAG,IAAAC,kBAAW,EAAC,YAAM;IACnCN,EAAE,CAACO,QAAQ,CAAC,UAAAP,EAAE;MAAA,WAAAQ,cAAA,CAAAC,OAAA,MAAAD,cAAA,CAAAC,OAAA,MAAUT,EAAE;QAAEU,QAAQ,EAAE;MAAI;IAAA,CAAG,CAAC;EAClD,CAAC,EAAE,CAACV,EAAE,CAAC,CAAC;EAER,oBAAOR,MAAA,CAAAiB,OAAA,CAAAE,aAAA,CAAChB,SAAA,CAAAiB,QAAQ,EAAAC,MAAA,CAAAC,MAAA;IAACC,IAAI,EAAE,CAAC,CAACb,OAAQ;IAACc,OAAO,EAAEX,YAAa;IAACH,OAAO,EAAEA;EAAQ,GAAKE,OAAO,CAAG,CAAC;AAC9F,CAAC;AAAC,IAAAa,QAAA,GAAAC,OAAA,CAAAT,OAAA,GAEaV,YAAY","ignoreList":[]}

package/ui/views/FormView/FormContainerElement.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from "react";
 import { UIElement, UIElementConfig, UiElementRenderProps } from "../../UIElement";
 interface FormContainerConfig extends UIElementConfig {
     testId?: string;
@@ -7,6 +7,6 @@ interface FormContainerConfig extends UIElementConfig {
 }
 export declare class FormContainerElement extends UIElement<FormContainerConfig> {
     constructor(id: string, config: FormContainerConfig);
-    render(props: UiElementRenderProps): JSX.Element;
+    render(props: UiElementRenderProps): React.JSX.Element;
 }
 export {};

package/ui/views/FormView/FormContainerElement.js

@@ -7,33 +7,40 @@ Object.defineProperty(exports, "__esModule", {
 exports.FormContainerElement = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
 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 _base = _interopRequireDefault(require("@emotion/styled/base"));
 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", {
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+var FormContainerWrapper = /*#__PURE__*/(0, _base.default)("div", process.env.NODE_ENV === "production" ? {
+  target: "eyimbyl0"
+} : {
   target: "eyimbyl0",
   label: "FormContainerWrapper"
-})({
-  position: "relative",
-  margin: "17px 50px"
+})(process.env.NODE_ENV === "production" ? {
+  name: "nlaxp8",
+  styles: "position:relative;margin:17px 50px"
+} : {
+  name: "nlaxp8",
+  styles: "position:relative;margin:17px 50px",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkZvcm1Db250YWluZXJFbGVtZW50LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNNkIiLCJmaWxlIjoiRm9ybUNvbnRhaW5lckVsZW1lbnQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IGNsYXNzTmFtZXMgZnJvbSBcImNsYXNzbmFtZXNcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgRWxldmF0aW9uIH0gZnJvbSBcIkB3ZWJpbnkvdWkvRWxldmF0aW9uXCI7XG5pbXBvcnQgeyBVSUVsZW1lbnQsIFVJRWxlbWVudENvbmZpZywgVWlFbGVtZW50UmVuZGVyUHJvcHMgfSBmcm9tIFwifi91aS9VSUVsZW1lbnRcIjtcblxuY29uc3QgRm9ybUNvbnRhaW5lcldyYXBwZXIgPSBzdHlsZWQoXCJkaXZcIikoe1xuICAgIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG4gICAgbWFyZ2luOiBcIjE3cHggNTBweFwiXG59KTtcblxuaW50ZXJmYWNlIEZvcm1Db250YWluZXJDb25maWcgZXh0ZW5kcyBVSUVsZW1lbnRDb25maWcge1xuICAgIHRlc3RJZD86IHN0cmluZztcbiAgICBub0VsZXZhdGlvbj86IGJvb2xlYW47XG4gICAgY2xhc3NOYW1lPzogc3RyaW5nO1xufVxuXG5leHBvcnQgY2xhc3MgRm9ybUNvbnRhaW5lckVsZW1lbnQgZXh0ZW5kcyBVSUVsZW1lbnQ8Rm9ybUNvbnRhaW5lckNvbmZpZz4ge1xuICAgIHB1YmxpYyBjb25zdHJ1Y3RvcihpZDogc3RyaW5nLCBjb25maWc6IEZvcm1Db250YWluZXJDb25maWcpIHtcbiAgICAgICAgc3VwZXIoaWQsIGNvbmZpZyk7XG4gICAgICAgIHRoaXMudXNlR3JpZChmYWxzZSk7XG4gICAgfVxuXG4gICAgcHVibGljIG92ZXJyaWRlIHJlbmRlcihwcm9wczogVWlFbGVtZW50UmVuZGVyUHJvcHMpIHtcbiAgICAgICAgY29uc3QgY2hpbGRyZW4gPSBzdXBlci5yZW5kZXIocHJvcHMpO1xuXG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8Rm9ybUNvbnRhaW5lcldyYXBwZXJcbiAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZXMoXCJ3ZWJpbnktZGF0YS1saXN0XCIsIHRoaXMuY29uZmlnLmNsYXNzTmFtZSl9XG4gICAgICAgICAgICAgICAgZGF0YS10ZXN0aWQ9e3RoaXMuY29uZmlnLnRlc3RJZH1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7dGhpcy5jb25maWcubm9FbGV2YXRpb24gPyBjaGlsZHJlbiA6IDxFbGV2YXRpb24gej17MX0+e2NoaWxkcmVufTwvRWxldmF0aW9uPn1cbiAgICAgICAgICAgIDwvRm9ybUNvbnRhaW5lcldyYXBwZXI+XG4gICAgICAgICk7XG4gICAgfVxufVxuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-var FormContainerElement = /*#__PURE__*/function (_UIElement) {
-  (0, _inherits2.default)(FormContainerElement, _UIElement);
-  var _super = (0, _createSuper2.default)(FormContainerElement);
+var FormContainerElement = exports.FormContainerElement = /*#__PURE__*/function (_UIElement) {
   function FormContainerElement(id, config) {
     var _this;
     (0, _classCallCheck2.default)(this, FormContainerElement);
-    _this = _super.call(this, id, config);
+    _this = (0, _callSuper2.default)(this, FormContainerElement, [id, config]);
     _this.useGrid(false);
     return _this;
   }
-  (0, _createClass2.default)(FormContainerElement, [{
+  (0, _inherits2.default)(FormContainerElement, _UIElement);
+  return (0, _createClass2.default)(FormContainerElement, [{
     key: "render",
     value: function render(props) {
       var children = (0, _get2.default)((0, _getPrototypeOf2.default)(FormContainerElement.prototype), "render", this).call(this, props);
@@ -45,8 +52,6 @@ var FormContainerElement = /*#__PURE__*/function (_UIElement) {
       }, children));
     }
   }]);
-  return FormContainerElement;
 }(_UIElement2.UIElement);
-exports.FormContainerElement = FormContainerElement;
 
 //# sourceMappingURL=FormContainerElement.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_classnames","_styled","_Elevation","_UIElement2","FormContainerWrapper","styled","target","label","position","margin","FormContainerElement","_UIElement","_inherits2","default","_super","_createSuper2","id","config","_this","_classCallCheck2","call","useGrid","_createClass2","key","value","render","props","children","_get2","_getPrototypeOf2","prototype","createElement","className","classNames","testId","noElevation","Elevation","z","UIElement","exports"],"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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,UAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAEA,IAAMK,oBAAoB,oBAAGC,eAAM,EAAC,KAAK;EAAAC,MAAA;EAAAC,KAAA;AAAA,GAAE;EACvCC,QAAQ,EAAE,UAAU;EACpBC,MAAM,EAAE;AACZ,CAAC,CAAC;AAAC,IAQUC,oBAAoB,0BAAAC,UAAA;EAAA,IAAAC,UAAA,CAAAC,OAAA,EAAAH,oBAAA,EAAAC,UAAA;EAAA,IAAAG,MAAA,OAAAC,aAAA,CAAAF,OAAA,EAAAH,oBAAA;EAC7B,SAAAA,qBAAmBM,EAAU,EAAEC,MAA2B,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAN,OAAA,QAAAH,oBAAA;IACxDQ,KAAA,GAAAJ,MAAA,CAAAM,IAAA,OAAMJ,EAAE,EAAEC,MAAM;IAChBC,KAAA,CAAKG,OAAO,CAAC,KAAK,CAAC;IAAC,OAAAH,KAAA;EACxB;EAAC,IAAAI,aAAA,CAAAT,OAAA,EAAAH,oBAAA;IAAAa,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAuBC,KAA2B,EAAE;MAChD,IAAMC,QAAQ,OAAAC,KAAA,CAAAf,OAAA,MAAAgB,gBAAA,CAAAhB,OAAA,EAAAH,oBAAA,CAAAoB,SAAA,mBAAAV,IAAA,OAAgBM,KAAK,CAAC;MAEpC,oBACI7B,MAAA,CAAAgB,OAAA,CAAAkB,aAAA,CAAC3B,oBAAoB;QACjB4B,SAAS,EAAE,IAAAC,mBAAU,EAAC,kBAAkB,EAAE,IAAI,CAAChB,MAAM,CAACe,SAAS,CAAE;QACjE,eAAa,IAAI,CAACf,MAAM,CAACiB;MAAO,GAE/B,IAAI,CAACjB,MAAM,CAACkB,WAAW,GAAGR,QAAQ,gBAAG9B,MAAA,CAAAgB,OAAA,CAAAkB,aAAA,CAAC7B,UAAA,CAAAkC,SAAS;QAACC,CAAC,EAAE;MAAE,GAAEV,QAAoB,CAC1D,CAAC;IAE/B;EAAC;EAAA,OAAAjB,oBAAA;AAAA,EAjBqC4B,qBAAS;AAAAC,OAAA,CAAA7B,oBAAA,GAAAA,oBAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_classnames","_Elevation","_UIElement2","_EMOTION_STRINGIFIED_CSS_ERROR__","FormContainerWrapper","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","FormContainerElement","exports","_UIElement","id","config","_this","_classCallCheck2","_callSuper2","useGrid","_inherits2","_createClass2","key","value","render","props","children","_get2","_getPrototypeOf2","prototype","call","createElement","className","classNames","testId","noElevation","Elevation","z","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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAAkF,SAAAI,iCAAA;AAElF,IAAMC,oBAAoB,gBAAG,IAAAC,KAAA,CAAAC,OAAA,EAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,CAGzC,CAAC;AAAC,IAQUa,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,0BAAAE,UAAA;EAC7B,SAAAF,qBAAmBG,EAAU,EAAEC,MAA2B,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAhB,OAAA,QAAAU,oBAAA;IACxDK,KAAA,OAAAE,WAAA,CAAAjB,OAAA,QAAAU,oBAAA,GAAMG,EAAE,EAAEC,MAAM;IAChBC,KAAA,CAAKG,OAAO,CAAC,KAAK,CAAC;IAAC,OAAAH,KAAA;EACxB;EAAC,IAAAI,UAAA,CAAAnB,OAAA,EAAAU,oBAAA,EAAAE,UAAA;EAAA,WAAAQ,aAAA,CAAApB,OAAA,EAAAU,oBAAA;IAAAW,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAuBC,KAA2B,EAAE;MAChD,IAAMC,QAAQ,OAAAC,KAAA,CAAA1B,OAAA,MAAA2B,gBAAA,CAAA3B,OAAA,EAAAU,oBAAA,CAAAkB,SAAA,mBAAAC,IAAA,OAAgBL,KAAK,CAAC;MAEpC,oBACIjC,MAAA,CAAAS,OAAA,CAAA8B,aAAA,CAAChC,oBAAoB;QACjBiC,SAAS,EAAE,IAAAC,mBAAU,EAAC,kBAAkB,EAAE,IAAI,CAAClB,MAAM,CAACiB,SAAS,CAAE;QACjE,eAAa,IAAI,CAACjB,MAAM,CAACmB;MAAO,GAE/B,IAAI,CAACnB,MAAM,CAACoB,WAAW,GAAGT,QAAQ,gBAAGlC,MAAA,CAAAS,OAAA,CAAA8B,aAAA,CAACnC,UAAA,CAAAwC,SAAS;QAACC,CAAC,EAAE;MAAE,GAAEX,QAAoB,CAC1D,CAAC;IAE/B;EAAC;AAAA,EAjBqCY,qBAAS","ignoreList":[]}