@webiny/app-admin 5.43.2 → 6.0.0-alpha.0

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","_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":[]}
+{"version":3,"names":["React","UIElement","TopAppBarPrimary","TopAppBarTitle","GenericElement","PlaceholderElement","HeaderSectionLeftElement","HeaderSectionCenterElement","HeaderSectionRightElement","Hamburger","UIRenderer","ElementID","HeaderElementRenderer","render","next","createElement","fixed","HeaderElement","constructor","id","useGrid","leftSection","addElement","MenuButton","Logo","addRenderer","setMenuButton","applyPlugins","getLeftSection","getElement","getCenterSection","getRightSection","setLogo","logo","element","replaceWith","menuButton","button"],"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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS;AAClB,SAASC,gBAAgB,EAAEC,cAAc,QAAQ,sBAAsB;AACvE,SAASC,cAAc;AACvB,SAASC,kBAAkB;AAC3B,SAASC,wBAAwB;AACjC,SAASC,0BAA0B;AACnC,SAASC,yBAAyB;AAClC,OAAOC,SAAS;AAChB,SAASC,UAAU;AAA0C,IAExDC,SAAS,0BAATA,SAAS;EAATA,SAAS;EAATA,SAAS;EAAA,OAATA,SAAS;AAAA,EAATA,SAAS;AAKd,MAAMC,qBAAqB,SAASF,UAAU,CAAgB;EAC1CG,MAAMA,CAAC;IAAEC;EAAoC,CAAC,EAAmB;IAC7E,oBAAOd,KAAA,CAAAe,aAAA,CAACb,gBAAgB;MAACc,KAAK;IAAA,GAAEF,IAAI,CAAC,CAAoB,CAAC;EAC9D;AACJ;AAEA,OAAO,MAAMG,aAAa,SAAShB,SAAS,CAAC;EAClCiB,WAAWA,CAACC,EAAU,EAAE;IAC3B,KAAK,CAACA,EAAE,CAAC;IAET,IAAI,CAACC,OAAO,CAAC,KAAK,CAAC;IAEnB,MAAMC,WAAW,GAAG,IAAI,CAACC,UAAU,CAAC,IAAIhB,wBAAwB,CAAC,YAAY,CAAC,CAAC;IAC/Ee,WAAW,CAACC,UAAU,CAAC,IAAIjB,kBAAkB,CAACM,SAAS,CAACY,UAAU,CAAC,CAAC;IACpEF,WAAW,CAACC,UAAU,CAAC,IAAIjB,kBAAkB,CAACM,SAAS,CAACa,IAAI,CAAC,CAAC;IAE9D,IAAI,CAACF,UAAU,CAAC,IAAIf,0BAA0B,CAAC,cAAc,CAAC,CAAC;IAC/D,IAAI,CAACe,UAAU,CAAC,IAAId,yBAAyB,CAAC,aAAa,CAAC,CAAC;IAE7D,IAAI,CAACiB,WAAW,CAAC,IAAIb,qBAAqB,CAAC,CAAC,CAAC;IAE7C,IAAI,CAACc,aAAa,cAAC1B,KAAA,CAAAe,aAAA,CAACN,SAAS,MAAE,CAAC,CAAC;IACjC,IAAI,CAACkB,YAAY,CAACV,aAAa,CAAC;EACpC;EAEOW,cAAcA,CAAA,EAA6B;IAC9C,OAAO,IAAI,CAACC,UAAU,CAAC,YAAY,CAAC;EACxC;EAEOC,gBAAgBA,CAAA,EAA+B;IAClD,OAAO,IAAI,CAACD,UAAU,CAAC,cAAc,CAAC;EAC1C;EAEOE,eAAeA,CAAA,EAA8B;IAChD,OAAO,IAAI,CAACF,UAAU,CAAC,aAAa,CAAC;EACzC;EAEOG,OAAOA,CAACC,IAAwB,EAAQ;IAC3C;IACA,MAAMC,OAAO,GAAG,IAAI,CAACL,UAAU,CAAClB,SAAS,CAACa,IAAI,CAAC;IAC/C,IAAI,CAACU,OAAO,EAAE;MACV;IACJ;IACAA,OAAO,CAACC,WAAW,CACf,IAAI/B,cAAc,CAACO,SAAS,CAACa,IAAI,EAAE,MAAM;MACrC,oBAAOxB,KAAA,CAAAe,aAAA,CAACZ,cAAc,QAAE8B,IAAqB,CAAC;IAClD,CAAC,CACL,CAAC;EACL;EAEOP,aAAaA,CAACU,UAA8B,EAAQ;IACvD,MAAMC,MAAM,GAAG,IAAI,CAACR,UAAU,CAAClB,SAAS,CAACY,UAAU,CAAC;IACpD,IAAI,CAACc,MAAM,EAAE;MACT;IACJ;IACAA,MAAM,CAACF,WAAW,CACd,IAAI/B,cAAc,CAACO,SAAS,CAACY,UAAU,EAAE,MAAM;MAC3C,OAAOa,UAAU;IACrB,CAAC,CACL,CAAC;EACL;AACJ","ignoreList":[]}

package/ui/views/AdminView/HeaderSectionCenterElement.js

@@ -1,40 +1,21 @@
-"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 _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _superPropGet2 = _interopRequireDefault(require("@babel/runtime/helpers/superPropGet"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _react = _interopRequireDefault(require("react"));
-var _emotion = require("emotion");
-var _UIElement2 = require("../../UIElement");
-var _TopAppBar = require("@webiny/ui/TopAppBar");
-var middleBar = (0, _emotion.css)({
+import React from "react";
+import { css } from "emotion";
+import { UIElement } from "../../UIElement";
+import { TopAppBarSection } from "@webiny/ui/TopAppBar";
+const middleBar = css({
   width: "50%"
 });
-var HeaderSectionCenterElement = exports.HeaderSectionCenterElement = /*#__PURE__*/function (_UIElement) {
-  function HeaderSectionCenterElement(id) {
-    var _this;
-    (0, _classCallCheck2.default)(this, HeaderSectionCenterElement);
-    _this = (0, _callSuper2.default)(this, HeaderSectionCenterElement, [id]);
-    _this.useGrid(false);
-    return _this;
+export class HeaderSectionCenterElement extends UIElement {
+  constructor(id) {
+    super(id);
+    this.useGrid(false);
+  }
+  render(props) {
+    return /*#__PURE__*/React.createElement(TopAppBarSection, {
+      className: middleBar,
+      alignEnd: true
+    }, super.render(props));
   }
-  (0, _inherits2.default)(HeaderSectionCenterElement, _UIElement);
-  return (0, _createClass2.default)(HeaderSectionCenterElement, [{
-    key: "render",
-    value: function render(props) {
-      return /*#__PURE__*/_react.default.createElement(_TopAppBar.TopAppBarSection, {
-        className: middleBar,
-        alignEnd: true
-      }, (0, _superPropGet2.default)(HeaderSectionCenterElement, "render", this, 3)([props]));
-    }
-  }]);
-}(_UIElement2.UIElement);
+}
 
 //# 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","exports","_UIElement","id","_this","_classCallCheck2","default","_callSuper2","useGrid","_inherits2","_createClass2","key","value","render","props","createElement","TopAppBarSection","className","alignEnd","_superPropGet2","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,SAAgBC,MAAMA,CAACC,KAA2B,EAAmB;MACjE,oBACIvB,MAAA,CAAAe,OAAA,CAAAS,aAAA,CAACnB,UAAA,CAAAoB,gBAAgB;QAACC,SAAS,EAAEpB,SAAU;QAACqB,QAAQ;MAAA,OAAAC,cAAA,CAAAb,OAAA,EAAAN,0BAAA,sBAC9Bc,KAAK,EACL,CAAC;IAE3B;EAAC;AAAA,EAb2CM,qBAAS","ignoreList":[]}
+{"version":3,"names":["React","css","UIElement","TopAppBarSection","middleBar","width","HeaderSectionCenterElement","constructor","id","useGrid","render","props","createElement","className","alignEnd"],"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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,GAAG,QAAQ,SAAS;AAC7B,SAASC,SAAS;AAClB,SAASC,gBAAgB,QAAQ,sBAAsB;AAEvD,MAAMC,SAAS,GAAGH,GAAG,CAAC;EAClBI,KAAK,EAAE;AACX,CAAC,CAAC;AAEF,OAAO,MAAMC,0BAA0B,SAASJ,SAAS,CAAC;EAC/CK,WAAWA,CAACC,EAAU,EAAE;IAC3B,KAAK,CAACA,EAAE,CAAC;IAET,IAAI,CAACC,OAAO,CAAC,KAAK,CAAC;EACvB;EAEgBC,MAAMA,CAACC,KAA2B,EAAmB;IACjE,oBACIX,KAAA,CAAAY,aAAA,CAACT,gBAAgB;MAACU,SAAS,EAAET,SAAU;MAACU,QAAQ;IAAA,GAC3C,KAAK,CAACJ,MAAM,CAACC,KAAK,CACL,CAAC;EAE3B;AACJ","ignoreList":[]}

package/ui/views/AdminView/HeaderSectionLeftElement.js

@@ -1,40 +1,21 @@
-"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 _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _superPropGet2 = _interopRequireDefault(require("@babel/runtime/helpers/superPropGet"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _react = _interopRequireDefault(require("react"));
-var _emotion = require("emotion");
-var _UIElement2 = require("../../UIElement");
-var _TopAppBar = require("@webiny/ui/TopAppBar");
-var edgeBars = (0, _emotion.css)({
+import React from "react";
+import { css } from "emotion";
+import { UIElement } from "../../UIElement";
+import { TopAppBarSection } from "@webiny/ui/TopAppBar";
+const edgeBars = css({
   width: "25%"
 });
-var HeaderSectionLeftElement = exports.HeaderSectionLeftElement = /*#__PURE__*/function (_UIElement) {
-  function HeaderSectionLeftElement(id) {
-    var _this;
-    (0, _classCallCheck2.default)(this, HeaderSectionLeftElement);
-    _this = (0, _callSuper2.default)(this, HeaderSectionLeftElement, [id]);
-    _this.useGrid(false);
-    return _this;
+export class HeaderSectionLeftElement extends UIElement {
+  constructor(id) {
+    super(id);
+    this.useGrid(false);
+  }
+  render(props) {
+    return /*#__PURE__*/React.createElement(TopAppBarSection, {
+      className: edgeBars,
+      alignStart: true
+    }, super.render(props));
   }
-  (0, _inherits2.default)(HeaderSectionLeftElement, _UIElement);
-  return (0, _createClass2.default)(HeaderSectionLeftElement, [{
-    key: "render",
-    value: function render(props) {
-      return /*#__PURE__*/_react.default.createElement(_TopAppBar.TopAppBarSection, {
-        className: edgeBars,
-        alignStart: true
-      }, (0, _superPropGet2.default)(HeaderSectionLeftElement, "render", this, 3)([props]));
-    }
-  }]);
-}(_UIElement2.UIElement);
+}
 
 //# 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","exports","_UIElement","id","_this","_classCallCheck2","default","_callSuper2","useGrid","_inherits2","_createClass2","key","value","render","props","createElement","TopAppBarSection","className","alignStart","_superPropGet2","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,SAAgBC,MAAMA,CAACC,KAA2B,EAAmB;MACjE,oBACIvB,MAAA,CAAAe,OAAA,CAAAS,aAAA,CAACnB,UAAA,CAAAoB,gBAAgB;QAACC,SAAS,EAAEpB,QAAS;QAACqB,UAAU;MAAA,OAAAC,cAAA,CAAAb,OAAA,EAAAN,wBAAA,sBAC/Bc,KAAK,EACL,CAAC;IAE3B;EAAC;AAAA,EAbyCM,qBAAS","ignoreList":[]}
+{"version":3,"names":["React","css","UIElement","TopAppBarSection","edgeBars","width","HeaderSectionLeftElement","constructor","id","useGrid","render","props","createElement","className","alignStart"],"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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,GAAG,QAAQ,SAAS;AAC7B,SAASC,SAAS;AAClB,SAASC,gBAAgB,QAAQ,sBAAsB;AAEvD,MAAMC,QAAQ,GAAGH,GAAG,CAAC;EACjBI,KAAK,EAAE;AACX,CAAC,CAAC;AAEF,OAAO,MAAMC,wBAAwB,SAASJ,SAAS,CAAC;EAC7CK,WAAWA,CAACC,EAAU,EAAE;IAC3B,KAAK,CAACA,EAAE,CAAC;IAET,IAAI,CAACC,OAAO,CAAC,KAAK,CAAC;EACvB;EAEgBC,MAAMA,CAACC,KAA2B,EAAmB;IACjE,oBACIX,KAAA,CAAAY,aAAA,CAACT,gBAAgB;MAACU,SAAS,EAAET,QAAS;MAACU,UAAU;IAAA,GAC5C,KAAK,CAACJ,MAAM,CAACC,KAAK,CACL,CAAC;EAE3B;AACJ","ignoreList":[]}

package/ui/views/AdminView/HeaderSectionRightElement.js

@@ -1,40 +1,21 @@
-"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 _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _superPropGet2 = _interopRequireDefault(require("@babel/runtime/helpers/superPropGet"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _react = _interopRequireDefault(require("react"));
-var _emotion = require("emotion");
-var _UIElement2 = require("../../UIElement");
-var _TopAppBar = require("@webiny/ui/TopAppBar");
-var edgeBars = (0, _emotion.css)({
+import React from "react";
+import { css } from "emotion";
+import { UIElement } from "../../UIElement";
+import { TopAppBarSection } from "@webiny/ui/TopAppBar";
+const edgeBars = css({
   width: "25%"
 });
-var HeaderSectionRightElement = exports.HeaderSectionRightElement = /*#__PURE__*/function (_UIElement) {
-  function HeaderSectionRightElement(id) {
-    var _this;
-    (0, _classCallCheck2.default)(this, HeaderSectionRightElement);
-    _this = (0, _callSuper2.default)(this, HeaderSectionRightElement, [id]);
-    _this.useGrid(false);
-    return _this;
+export class HeaderSectionRightElement extends UIElement {
+  constructor(id) {
+    super(id);
+    this.useGrid(false);
+  }
+  render(props) {
+    return /*#__PURE__*/React.createElement(TopAppBarSection, {
+      className: edgeBars,
+      alignEnd: true
+    }, super.render(props));
   }
-  (0, _inherits2.default)(HeaderSectionRightElement, _UIElement);
-  return (0, _createClass2.default)(HeaderSectionRightElement, [{
-    key: "render",
-    value: function render(props) {
-      return /*#__PURE__*/_react.default.createElement(_TopAppBar.TopAppBarSection, {
-        className: edgeBars,
-        alignEnd: true
-      }, (0, _superPropGet2.default)(HeaderSectionRightElement, "render", this, 3)([props]));
-    }
-  }]);
-}(_UIElement2.UIElement);
+}
 
 //# 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","exports","_UIElement","id","_this","_classCallCheck2","default","_callSuper2","useGrid","_inherits2","_createClass2","key","value","render","props","createElement","TopAppBarSection","className","alignEnd","_superPropGet2","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,SAAgBC,MAAMA,CAACC,KAA2B,EAAmB;MACjE,oBACIvB,MAAA,CAAAe,OAAA,CAAAS,aAAA,CAACnB,UAAA,CAAAoB,gBAAgB;QAACC,SAAS,EAAEpB,QAAS;QAACqB,QAAQ;MAAA,OAAAC,cAAA,CAAAb,OAAA,EAAAN,yBAAA,sBAC7Bc,KAAK,EACL,CAAC;IAE3B;EAAC;AAAA,EAb0CM,qBAAS","ignoreList":[]}
+{"version":3,"names":["React","css","UIElement","TopAppBarSection","edgeBars","width","HeaderSectionRightElement","constructor","id","useGrid","render","props","createElement","className","alignEnd"],"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,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,GAAG,QAAQ,SAAS;AAC7B,SAASC,SAAS;AAClB,SAASC,gBAAgB,QAAQ,sBAAsB;AAEvD,MAAMC,QAAQ,GAAGH,GAAG,CAAC;EACjBI,KAAK,EAAE;AACX,CAAC,CAAC;AAEF,OAAO,MAAMC,yBAAyB,SAASJ,SAAS,CAAC;EAC9CK,WAAWA,CAACC,EAAU,EAAE;IAC3B,KAAK,CAACA,EAAE,CAAC;IAET,IAAI,CAACC,OAAO,CAAC,KAAK,CAAC;EACvB;EAEgBC,MAAMA,CAACC,KAA2B,EAAmB;IACjE,oBACIX,KAAA,CAAAY,aAAA,CAACT,gBAAgB;MAACU,SAAS,EAAET,QAAS;MAACU,QAAQ;IAAA,GAC1C,KAAK,CAACJ,MAAM,CAACC,KAAK,CACL,CAAC;EAE3B;AACJ","ignoreList":[]}

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

@@ -1,47 +1,41 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DialogContainer = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-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 = 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", {}),
-    dataTestId = _get.dataTestId,
-    title = _get.title,
-    _get$actions = _get.actions,
-    actions = _get$actions === void 0 ? {
+import React, { useCallback } from "react";
+import get from "lodash/get";
+import { useUi } from "@webiny/app/hooks/useUi";
+import { Dialog } from "@webiny/admin-ui";
+export const DialogContainer = () => {
+  const ui = useUi();
+  const message = get(ui, "dialog.message");
+  const {
+    dataTestId,
+    title,
+    actions = {
       cancel: null,
       accept: {
         label: "OK"
       }
-    } : _get$actions,
-    style = _get.style;
-  var hideDialog = (0, _react.useCallback)(function () {
-    ui.setState(function (ui) {
-      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, ui), {}, {
-        dialog: null
-      });
-    });
+    },
+    style
+  } = get(ui, "dialog.options", {});
+  const hideDialog = useCallback(() => {
+    ui.setState(ui => ({
+      ...ui,
+      dialog: null
+    }));
   }, [ui]);
-  return /*#__PURE__*/_react.default.createElement(_Dialog.Dialog, {
+  return /*#__PURE__*/React.createElement(Dialog, {
     open: !!message,
     onClose: hideDialog,
     "data-testid": dataTestId,
-    style: style
-  }, 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.default.createElement(_Dialog.DialogAccept, {
-    onClick: actions.accept.onClick
-  }, actions.accept.label)));
+    style: style,
+    title: title,
+    actions: /*#__PURE__*/React.createElement(React.Fragment, null, actions.cancel && /*#__PURE__*/React.createElement(Dialog.CancelButton, {
+      onClick: actions.cancel.onClick,
+      text: actions.cancel.label
+    }), actions.accept && /*#__PURE__*/React.createElement(Dialog.ConfirmButton, {
+      onClick: actions.accept.onClick,
+      text: actions.accept.label
+    }))
+  }, message);
 };
 
 //# 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","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":[]}
+{"version":3,"names":["React","useCallback","get","useUi","Dialog","DialogContainer","ui","message","dataTestId","title","actions","cancel","accept","label","style","hideDialog","setState","dialog","createElement","open","onClose","Fragment","CancelButton","onClick","text","ConfirmButton"],"sources":["Dialog.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport get from \"lodash/get\";\nimport { useUi } from \"@webiny/app/hooks/useUi\";\nimport { Dialog } from \"@webiny/admin-ui\";\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\n            open={!!message}\n            onClose={hideDialog}\n            data-testid={dataTestId}\n            style={style}\n            title={title}\n            actions={\n                <>\n                    {actions.cancel && (\n                        <Dialog.CancelButton\n                            onClick={actions.cancel.onClick}\n                            text={actions.cancel.label}\n                        />\n                    )}\n                    {actions.accept && (\n                        <Dialog.ConfirmButton\n                            onClick={actions.accept.onClick}\n                            text={actions.accept.label}\n                        />\n                    )}\n                </>\n            }\n        >\n            {message}\n        </Dialog>\n    );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,OAAOC,GAAG,MAAM,YAAY;AAC5B,SAASC,KAAK,QAAQ,yBAAyB;AAC/C,SAASC,MAAM,QAAQ,kBAAkB;AAEzC,OAAO,MAAMC,eAAe,GAAGA,CAAA,KAAM;EACjC,MAAMC,EAAE,GAAGH,KAAK,CAAC,CAAC;EAClB,MAAMI,OAAO,GAAGL,GAAG,CAACI,EAAE,EAAE,gBAAgB,CAAC;EACzC,MAAM;IACFE,UAAU;IACVC,KAAK;IACLC,OAAO,GAAG;MAAEC,MAAM,EAAE,IAAI;MAAEC,MAAM,EAAE;QAAEC,KAAK,EAAE;MAAK;IAAE,CAAC;IACnDC;EACJ,CAAC,GAAGZ,GAAG,CAACI,EAAE,EAAE,gBAAgB,EAAE,CAAC,CAAC,CAAC;EAEjC,MAAMS,UAAU,GAAGd,WAAW,CAAC,MAAM;IACjCK,EAAE,CAACU,QAAQ,CAACV,EAAE,KAAK;MAAE,GAAGA,EAAE;MAAEW,MAAM,EAAE;IAAK,CAAC,CAAC,CAAC;EAChD,CAAC,EAAE,CAACX,EAAE,CAAC,CAAC;EAER,oBACIN,KAAA,CAAAkB,aAAA,CAACd,MAAM;IACHe,IAAI,EAAE,CAAC,CAACZ,OAAQ;IAChBa,OAAO,EAAEL,UAAW;IACpB,eAAaP,UAAW;IACxBM,KAAK,EAAEA,KAAM;IACbL,KAAK,EAAEA,KAAM;IACbC,OAAO,eACHV,KAAA,CAAAkB,aAAA,CAAAlB,KAAA,CAAAqB,QAAA,QACKX,OAAO,CAACC,MAAM,iBACXX,KAAA,CAAAkB,aAAA,CAACd,MAAM,CAACkB,YAAY;MAChBC,OAAO,EAAEb,OAAO,CAACC,MAAM,CAACY,OAAQ;MAChCC,IAAI,EAAEd,OAAO,CAACC,MAAM,CAACE;IAAM,CAC9B,CACJ,EACAH,OAAO,CAACE,MAAM,iBACXZ,KAAA,CAAAkB,aAAA,CAACd,MAAM,CAACqB,aAAa;MACjBF,OAAO,EAAEb,OAAO,CAACE,MAAM,CAACW,OAAQ;MAChCC,IAAI,EAAEd,OAAO,CAACE,MAAM,CAACC;IAAM,CAC9B,CAEP;EACL,GAEAN,OACG,CAAC;AAEjB,CAAC","ignoreList":[]}

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

@@ -1,24 +1,15 @@
-"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 _menu = require("@material-design-icons/svg/outlined/menu.svg");
-var Hamburger = function Hamburger() {
-  var ui = (0, _useUi.useUi)();
-  var toggleMenu = (0, _react.useCallback)(function () {
-    ui.setState(function (ui) {
-      return (0, _dotPropImmutable.set)(ui, "appsMenu.show", !((0, _dotPropImmutable.get)(ui, "appsMenu.show") || false));
-    });
+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 "@webiny/icons/menu.svg";
+const Hamburger = () => {
+  const ui = useUi();
+  const toggleMenu = useCallback(() => {
+    ui.setState(ui => set(ui, "appsMenu.show", !(get(ui, "appsMenu.show") || false)));
   }, [ui]);
-  return /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
-    icon: /*#__PURE__*/_react.default.createElement(_menu.ReactComponent, {
+  return /*#__PURE__*/React.createElement(IconButton, {
+    icon: /*#__PURE__*/React.createElement(MenuIcon, {
       style: {
         color: "white"
       }
@@ -27,6 +18,6 @@ var Hamburger = function Hamburger() {
     "data-testid": "apps-menu"
   });
 };
-var _default = exports.default = Hamburger;
+export 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,GAAAC,OAAA,CAAAT,OAAA,GAEaR,SAAS","ignoreList":[]}
+{"version":3,"names":["React","useCallback","get","set","useUi","IconButton","ReactComponent","MenuIcon","Hamburger","ui","toggleMenu","setState","createElement","icon","style","color","onClick"],"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 \"@webiny/icons/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,OAAOA,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAC1C,SAASC,GAAG,EAAEC,GAAG,QAAQ,oBAAoB;AAC7C,SAASC,KAAK,QAAQ,yBAAyB;AAC/C,SAASC,UAAU,QAAQ,mBAAmB;AAC9C,SAASC,cAAc,IAAIC,QAAQ,QAAQ,wBAAwB;AAEnE,MAAMC,SAAS,GAAGA,CAAA,KAAM;EACpB,MAAMC,EAAE,GAAGL,KAAK,CAAC,CAAC;EAElB,MAAMM,UAAU,GAAGT,WAAW,CAAC,MAAM;IACjCQ,EAAE,CAACE,QAAQ,CAACF,EAAE,IAAIN,GAAG,CAACM,EAAE,EAAE,eAAe,EAAE,EAAEP,GAAG,CAACO,EAAE,EAAE,eAAe,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC;EACrF,CAAC,EAAE,CAACA,EAAE,CAAC,CAAC;EAER,oBACIT,KAAA,CAAAY,aAAA,CAACP,UAAU;IACPQ,IAAI,eAAEb,KAAA,CAAAY,aAAA,CAACL,QAAQ;MAACO,KAAK,EAAE;QAAEC,KAAK,EAAE;MAAQ;IAAE,CAAE,CAAE;IAC9CC,OAAO,EAAEN,UAAW;IACpB,eAAa;EAAY,CAC5B,CAAC;AAEV,CAAC;AAED,eAAeF,SAAS","ignoreList":[]}

package/ui/views/FormView/FormContainerElement.js

@@ -1,56 +1,19 @@
-"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 _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _superPropGet2 = _interopRequireDefault(require("@babel/runtime/helpers/superPropGet"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _Elevation = require("@webiny/ui/Elevation");
-var _UIElement2 = require("../../UIElement");
-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"
-})(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 = exports.FormContainerElement = /*#__PURE__*/function (_UIElement) {
-  function FormContainerElement(id, config) {
-    var _this;
-    (0, _classCallCheck2.default)(this, FormContainerElement);
-    _this = (0, _callSuper2.default)(this, FormContainerElement, [id, config]);
-    _this.useGrid(false);
-    return _this;
+import React from "react";
+import classNames from "classnames";
+import { UIElement } from "../../UIElement";
+import { SimpleForm } from "../../../components/SimpleForm";
+export class FormContainerElement extends UIElement {
+  constructor(id, config) {
+    super(id, config);
+    this.useGrid(false);
+  }
+  render(props) {
+    const children = super.render(props);
+    return /*#__PURE__*/React.createElement(SimpleForm, {
+      className: classNames("webiny-data-list", this.config.className),
+      "data-testid": this.config.testId
+    }, children);
   }
-  (0, _inherits2.default)(FormContainerElement, _UIElement);
-  return (0, _createClass2.default)(FormContainerElement, [{
-    key: "render",
-    value: function render(props) {
-      var children = (0, _superPropGet2.default)(FormContainerElement, "render", this, 3)([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.default.createElement(_Elevation.Elevation, {
-        z: 1
-      }, children));
-    }
-  }]);
-}(_UIElement2.UIElement);
+}
 
 //# sourceMappingURL=FormContainerElement.js.map

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

@@ -1 +1 @@
-{"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","_superPropGet2","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,SAAgBC,MAAMA,CAACC,KAA2B,EAAE;MAChD,IAAMC,QAAQ,OAAAC,cAAA,CAAA1B,OAAA,EAAAU,oBAAA,sBAAgBc,KAAK,EAAC;MAEpC,oBACIjC,MAAA,CAAAS,OAAA,CAAA2B,aAAA,CAAC7B,oBAAoB;QACjB8B,SAAS,EAAE,IAAAC,mBAAU,EAAC,kBAAkB,EAAE,IAAI,CAACf,MAAM,CAACc,SAAS,CAAE;QACjE,eAAa,IAAI,CAACd,MAAM,CAACgB;MAAO,GAE/B,IAAI,CAAChB,MAAM,CAACiB,WAAW,GAAGN,QAAQ,gBAAGlC,MAAA,CAAAS,OAAA,CAAA2B,aAAA,CAAChC,UAAA,CAAAqC,SAAS;QAACC,CAAC,EAAE;MAAE,GAAER,QAAoB,CAC1D,CAAC;IAE/B;EAAC;AAAA,EAjBqCS,qBAAS","ignoreList":[]}
+{"version":3,"names":["React","classNames","UIElement","SimpleForm","FormContainerElement","constructor","id","config","useGrid","render","props","children","createElement","className","testId"],"sources":["FormContainerElement.tsx"],"sourcesContent":["import React from \"react\";\nimport classNames from \"classnames\";\nimport { UIElement, UIElementConfig, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { SimpleForm } from \"~/components/SimpleForm\";\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            <SimpleForm\n                className={classNames(\"webiny-data-list\", this.config.className)}\n                data-testid={this.config.testId}\n            >\n                {children}\n            </SimpleForm>\n        );\n    }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,SAAS;AAClB,SAASC,UAAU;AAQnB,OAAO,MAAMC,oBAAoB,SAASF,SAAS,CAAsB;EAC9DG,WAAWA,CAACC,EAAU,EAAEC,MAA2B,EAAE;IACxD,KAAK,CAACD,EAAE,EAAEC,MAAM,CAAC;IACjB,IAAI,CAACC,OAAO,CAAC,KAAK,CAAC;EACvB;EAEgBC,MAAMA,CAACC,KAA2B,EAAE;IAChD,MAAMC,QAAQ,GAAG,KAAK,CAACF,MAAM,CAACC,KAAK,CAAC;IAEpC,oBACIV,KAAA,CAAAY,aAAA,CAACT,UAAU;MACPU,SAAS,EAAEZ,UAAU,CAAC,kBAAkB,EAAE,IAAI,CAACM,MAAM,CAACM,SAAS,CAAE;MACjE,eAAa,IAAI,CAACN,MAAM,CAACO;IAAO,GAE/BH,QACO,CAAC;EAErB;AACJ","ignoreList":[]}

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

@@ -1,3 +1,5 @@
-import { UIElement } from "../../UIElement";
+import React from "react";
+import { UIElement, UiElementRenderProps } from "../../UIElement";
 export declare class FormContentElement extends UIElement {
+    render(props: UiElementRenderProps): React.JSX.Element;
 }

package/ui/views/FormView/FormContentElement.js

@@ -1,22 +1,10 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FormContentElement = void 0;
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _UIElement2 = require("../../UIElement");
-var FormContentElement = exports.FormContentElement = /*#__PURE__*/function (_UIElement) {
-  function FormContentElement() {
-    (0, _classCallCheck2.default)(this, FormContentElement);
-    return (0, _callSuper2.default)(this, FormContentElement, arguments);
+import React from "react";
+import { UIElement } from "../../UIElement";
+import { SimpleFormContent } from "../../../components/SimpleForm";
+export class FormContentElement extends UIElement {
+  render(props) {
+    return /*#__PURE__*/React.createElement(SimpleFormContent, null, super.render(props));
   }
-  (0, _inherits2.default)(FormContentElement, _UIElement);
-  return (0, _createClass2.default)(FormContentElement);
-}(_UIElement2.UIElement);
+}
 
 //# sourceMappingURL=FormContentElement.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_UIElement2","require","FormContentElement","exports","_UIElement","_classCallCheck2","default","_callSuper2","arguments","_inherits2","_createClass2","UIElement"],"sources":["FormContentElement.tsx"],"sourcesContent":["import { UIElement } from \"~/ui/UIElement\";\n\nexport class FormContentElement extends UIElement {}\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AAA2C,IAE9BC,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,0BAAAE,UAAA;EAAA,SAAAF,mBAAA;IAAA,IAAAG,gBAAA,CAAAC,OAAA,QAAAJ,kBAAA;IAAA,WAAAK,WAAA,CAAAD,OAAA,QAAAJ,kBAAA,EAAAM,SAAA;EAAA;EAAA,IAAAC,UAAA,CAAAH,OAAA,EAAAJ,kBAAA,EAAAE,UAAA;EAAA,WAAAM,aAAA,CAAAJ,OAAA,EAAAJ,kBAAA;AAAA,EAASS,qBAAS","ignoreList":[]}
+{"version":3,"names":["React","UIElement","SimpleFormContent","FormContentElement","render","props","createElement"],"sources":["FormContentElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { SimpleFormContent } from \"~/components/SimpleForm\";\n\nexport class FormContentElement extends UIElement {\n    public override render(props: UiElementRenderProps) {\n        return <SimpleFormContent>{super.render(props)}</SimpleFormContent>;\n    }\n}\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,SAAS;AAClB,SAASC,iBAAiB;AAE1B,OAAO,MAAMC,kBAAkB,SAASF,SAAS,CAAC;EAC9BG,MAAMA,CAACC,KAA2B,EAAE;IAChD,oBAAOL,KAAA,CAAAM,aAAA,CAACJ,iBAAiB,QAAE,KAAK,CAACE,MAAM,CAACC,KAAK,CAAqB,CAAC;EACvE;AACJ","ignoreList":[]}