@webiny/app-admin 0.0.0-unstable.fcdad0bc61 → 0.0.0-unstable.fdd9228b5d

package/ui/views/AdminView/HeaderElement.js

@@ -1,144 +1,68 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.HeaderElement = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-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");
-
-var _GenericElement = require("../../elements/GenericElement");
-
-var _PlaceholderElement = require("../../elements/PlaceholderElement");
-
-var _HeaderSectionLeftElement = require("./HeaderSectionLeftElement");
-
-var _HeaderSectionCenterElement = require("./HeaderSectionCenterElement");
-
-var _HeaderSectionRightElement = require("./HeaderSectionRightElement");
-
-var _Hamburger = _interopRequireDefault(require("./components/Hamburger"));
-
-var _UIRenderer2 = require("../../UIRenderer");
-
-var ElementID;
-
-(function (ElementID) {
+import React from "react";
+import { UIElement } from "../../UIElement";
+import { TopAppBarPrimary, TopAppBarTitle } from "@webiny/ui/TopAppBar";
+import { GenericElement } from "../../elements/GenericElement";
+import { PlaceholderElement } from "../../elements/PlaceholderElement";
+import { HeaderSectionLeftElement } from "./HeaderSectionLeftElement";
+import { HeaderSectionCenterElement } from "./HeaderSectionCenterElement";
+import { HeaderSectionRightElement } from "./HeaderSectionRightElement";
+import Hamburger from "./components/Hamburger";
+import { UIRenderer } from "../../UIRenderer";
+var ElementID = /*#__PURE__*/function (ElementID) {
   ElementID["MenuButton"] = "headerMenuButton";
   ElementID["Logo"] = "headerLogo";
-})(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 ElementID;
+}(ElementID || {});
+class HeaderElementRenderer extends UIRenderer {
+  render({
+    next
+  }) {
+    return /*#__PURE__*/React.createElement(TopAppBarPrimary, {
+      fixed: true
+    }, next());
   }
-
-  (0, _createClass2.default)(HeaderElementRenderer, [{
-    key: "render",
-    value: function render(_ref) {
-      var next = _ref.next;
-      return /*#__PURE__*/_react.default.createElement(_TopAppBar.TopAppBarPrimary, {
-        fixed: true
-      }, next());
-    }
-  }]);
-  return HeaderElementRenderer;
-}(_UIRenderer2.UIRenderer);
-
-var HeaderElement = /*#__PURE__*/function (_UIElement) {
-  (0, _inherits2.default)(HeaderElement, _UIElement);
-
-  var _super2 = (0, _createSuper2.default)(HeaderElement);
-
-  function HeaderElement(id) {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, HeaderElement);
-    _this = _super2.call(this, id);
-
-    _this.useGrid(false);
-
-    var leftSection = _this.addElement(new _HeaderSectionLeftElement.HeaderSectionLeftElement("headerLeft"));
-
-    leftSection.addElement(new _PlaceholderElement.PlaceholderElement(ElementID.MenuButton));
-    leftSection.addElement(new _PlaceholderElement.PlaceholderElement(ElementID.Logo));
-
-    _this.addElement(new _HeaderSectionCenterElement.HeaderSectionCenterElement("headerCenter"));
-
-    _this.addElement(new _HeaderSectionRightElement.HeaderSectionRightElement("headerRight"));
-
-    _this.addRenderer(new HeaderElementRenderer());
-
-    _this.setMenuButton( /*#__PURE__*/_react.default.createElement(_Hamburger.default, null));
-
-    _this.applyPlugins(HeaderElement);
-
-    return _this;
+}
+export class HeaderElement extends UIElement {
+  constructor(id) {
+    super(id);
+    this.useGrid(false);
+    const leftSection = this.addElement(new HeaderSectionLeftElement("headerLeft"));
+    leftSection.addElement(new PlaceholderElement(ElementID.MenuButton));
+    leftSection.addElement(new PlaceholderElement(ElementID.Logo));
+    this.addElement(new HeaderSectionCenterElement("headerCenter"));
+    this.addElement(new HeaderSectionRightElement("headerRight"));
+    this.addRenderer(new HeaderElementRenderer());
+    this.setMenuButton(/*#__PURE__*/React.createElement(Hamburger, null));
+    this.applyPlugins(HeaderElement);
   }
-
-  (0, _createClass2.default)(HeaderElement, [{
-    key: "getLeftSection",
-    value: function getLeftSection() {
-      return this.getElement("headerLeft");
-    }
-  }, {
-    key: "getCenterSection",
-    value: function getCenterSection() {
-      return this.getElement("headerCenter");
-    }
-  }, {
-    key: "getRightSection",
-    value: function getRightSection() {
-      return this.getElement("headerRight");
-    }
-  }, {
-    key: "setLogo",
-    value: function setLogo(logo) {
-      // TODO: extract into a `LogoElement` class
-      var element = this.getElement(ElementID.Logo);
-
-      if (!element) {
-        return;
-      }
-
-      element.replaceWith(new _GenericElement.GenericElement(ElementID.Logo, function () {
-        return /*#__PURE__*/_react.default.createElement(_TopAppBar.TopAppBarTitle, null, logo);
-      }));
+  getLeftSection() {
+    return this.getElement("headerLeft");
+  }
+  getCenterSection() {
+    return this.getElement("headerCenter");
+  }
+  getRightSection() {
+    return this.getElement("headerRight");
+  }
+  setLogo(logo) {
+    // TODO: extract into a `LogoElement` class
+    const element = this.getElement(ElementID.Logo);
+    if (!element) {
+      return;
     }
-  }, {
-    key: "setMenuButton",
-    value: function setMenuButton(menuButton) {
-      var button = this.getElement(ElementID.MenuButton);
-
-      if (!button) {
-        return;
-      }
-
-      button.replaceWith(new _GenericElement.GenericElement(ElementID.MenuButton, function () {
-        return menuButton;
-      }));
+    element.replaceWith(new GenericElement(ElementID.Logo, () => {
+      return /*#__PURE__*/React.createElement(TopAppBarTitle, null, logo);
+    }));
+  }
+  setMenuButton(menuButton) {
+    const button = this.getElement(ElementID.MenuButton);
+    if (!button) {
+      return;
     }
-  }]);
-  return HeaderElement;
-}(_UIElement2.UIElement);
+    button.replaceWith(new GenericElement(ElementID.MenuButton, () => {
+      return menuButton;
+    }));
+  }
+}
 
-exports.HeaderElement = HeaderElement;
+//# sourceMappingURL=HeaderElement.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["ElementID","HeaderElementRenderer","next","UIRenderer","HeaderElement","id","useGrid","leftSection","addElement","HeaderSectionLeftElement","PlaceholderElement","MenuButton","Logo","HeaderSectionCenterElement","HeaderSectionRightElement","addRenderer","setMenuButton","applyPlugins","getElement","logo","element","replaceWith","GenericElement","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":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;IAEKA,S;;WAAAA,S;EAAAA,S;EAAAA,S;GAAAA,S,KAAAA,S;;IAKCC,qB;;;;;;;;;;;;WACF,sBAAiF;MAAA,IAAxDC,IAAwD,QAAxDA,IAAwD;MAC7E,oBAAO,6BAAC,2BAAD;QAAkB,KAAK;MAAvB,GAAyBA,IAAI,EAA7B,CAAP;IACH;;;EAH+BC,uB;;IAMvBC,a;;;;;EACT,uBAAmBC,EAAnB,EAA+B;IAAA;;IAAA;IAC3B,2BAAMA,EAAN;;IAEA,MAAKC,OAAL,CAAa,KAAb;;IAEA,IAAMC,WAAW,GAAG,MAAKC,UAAL,CAAgB,IAAIC,kDAAJ,CAA6B,YAA7B,CAAhB,CAApB;;IACAF,WAAW,CAACC,UAAZ,CAAuB,IAAIE,sCAAJ,CAAuBV,SAAS,CAACW,UAAjC,CAAvB;IACAJ,WAAW,CAACC,UAAZ,CAAuB,IAAIE,sCAAJ,CAAuBV,SAAS,CAACY,IAAjC,CAAvB;;IAEA,MAAKJ,UAAL,CAAgB,IAAIK,sDAAJ,CAA+B,cAA/B,CAAhB;;IACA,MAAKL,UAAL,CAAgB,IAAIM,oDAAJ,CAA8B,aAA9B,CAAhB;;IAEA,MAAKC,WAAL,CAAiB,IAAId,qBAAJ,EAAjB;;IAEA,MAAKe,aAAL,eAAmB,6BAAC,kBAAD,OAAnB;;IACA,MAAKC,YAAL,CAAkBb,aAAlB;;IAf2B;EAgB9B;;;;WAED,0BAAkD;MAC9C,OAAO,KAAKc,UAAL,CAAgB,YAAhB,CAAP;IACH;;;WAED,4BAAsD;MAClD,OAAO,KAAKA,UAAL,CAAgB,cAAhB,CAAP;IACH;;;WAED,2BAAoD;MAChD,OAAO,KAAKA,UAAL,CAAgB,aAAhB,CAAP;IACH;;;WAED,iBAAeC,IAAf,EAA+C;MAC3C;MACA,IAAMC,OAAO,GAAG,KAAKF,UAAL,CAAgBlB,SAAS,CAACY,IAA1B,CAAhB;;MACA,IAAI,CAACQ,OAAL,EAAc;QACV;MACH;;MACDA,OAAO,CAACC,WAAR,CACI,IAAIC,8BAAJ,CAAmBtB,SAAS,CAACY,IAA7B,EAAmC,YAAM;QACrC,oBAAO,6BAAC,yBAAD,QAAiBO,IAAjB,CAAP;MACH,CAFD,CADJ;IAKH;;;WAED,uBAAqBI,UAArB,EAA2D;MACvD,IAAMC,MAAM,GAAG,KAAKN,UAAL,CAAgBlB,SAAS,CAACW,UAA1B,CAAf;;MACA,IAAI,CAACa,MAAL,EAAa;QACT;MACH;;MACDA,MAAM,CAACH,WAAP,CACI,IAAIC,8BAAJ,CAAmBtB,SAAS,CAACW,UAA7B,EAAyC,YAAM;QAC3C,OAAOY,UAAP;MACH,CAFD,CADJ;IAKH;;;EAtD8BE,qB"}
+{"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 type { UIRenderParams } from \"~/ui/UIRenderer\";\nimport { UIRenderer } 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;AAEhB,SAASC,UAAU;AAA0B,IAExCC,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.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
-import { UIElement, UiElementRenderProps } from "../../UIElement";
+import type { UiElementRenderProps } from "../../UIElement";
+import { UIElement } from "../../UIElement";
 export declare class HeaderSectionCenterElement extends UIElement {
     constructor(id: string);
     render(props: UiElementRenderProps): React.ReactNode;

package/ui/views/AdminView/HeaderSectionCenterElement.js

@@ -1,62 +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 _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)({
+import React from "react";
+import { css } from "emotion";
+import { UIElement } from "../../UIElement";
+import { TopAppBarSection } from "@webiny/ui/TopAppBar";
+const middleBar = css({
   width: "50%"
-}, "label:middleBar;");
-
-var HeaderSectionCenterElement = /*#__PURE__*/function (_UIElement) {
-  (0, _inherits2.default)(HeaderSectionCenterElement, _UIElement);
-
-  var _super = (0, _createSuper2.default)(HeaderSectionCenterElement);
-
-  function HeaderSectionCenterElement(id) {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, HeaderSectionCenterElement);
-    _this = _super.call(this, 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, _createClass2.default)(HeaderSectionCenterElement, [{
-    key: "render",
-    value: function render(props) {
-      return /*#__PURE__*/_react.default.createElement(_TopAppBar.TopAppBarSection, {
-        className: middleBar,
-        alignEnd: true
-      }, (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":["middleBar","css","width","HeaderSectionCenterElement","id","useGrid","props","UIElement"],"sources":["HeaderSectionCenterElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { TopAppBarSection } from \"@webiny/ui/TopAppBar\";\n\nconst middleBar = css({\n    width: \"50%\"\n});\n\nexport class HeaderSectionCenterElement extends UIElement {\n    public constructor(id: string) {\n        super(id);\n\n        this.useGrid(false);\n    }\n\n    public override render(props: UiElementRenderProps): React.ReactNode {\n        return (\n            <TopAppBarSection className={middleBar} alignEnd>\n                {super.render(props)}\n            </TopAppBarSection>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA,IAAMA,SAAS,gBAAG,IAAAC,YAAA,EAAI;EAClBC,KAAK,EAAE;AADW,CAAJ,qBAAlB;;IAIaC,0B;;;;;EACT,oCAAmBC,EAAnB,EAA+B;IAAA;;IAAA;IAC3B,0BAAMA,EAAN;;IAEA,MAAKC,OAAL,CAAa,KAAb;;IAH2B;EAI9B;;;;WAED,gBAAuBC,KAAvB,EAAqE;MACjE,oBACI,6BAAC,2BAAD;QAAkB,SAAS,EAAEN,SAA7B;QAAwC,QAAQ;MAAhD,sHACkBM,KADlB,EADJ;IAKH;;;EAb2CC,qB"}
+{"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 type { UiElementRenderProps } from \"~/ui/UIElement\";\nimport { UIElement } 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;AAE7B,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.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
-import { UIElement, UiElementRenderProps } from "../../UIElement";
+import type { UiElementRenderProps } from "../../UIElement";
+import { UIElement } from "../../UIElement";
 export declare class HeaderSectionLeftElement extends UIElement {
     constructor(id: string);
     render(props: UiElementRenderProps): React.ReactNode;

package/ui/views/AdminView/HeaderSectionLeftElement.js

@@ -1,62 +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 _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)({
+import React from "react";
+import { css } from "emotion";
+import { UIElement } from "../../UIElement";
+import { TopAppBarSection } from "@webiny/ui/TopAppBar";
+const edgeBars = css({
   width: "25%"
-}, "label:edgeBars;");
-
-var HeaderSectionLeftElement = /*#__PURE__*/function (_UIElement) {
-  (0, _inherits2.default)(HeaderSectionLeftElement, _UIElement);
-
-  var _super = (0, _createSuper2.default)(HeaderSectionLeftElement);
-
-  function HeaderSectionLeftElement(id) {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, HeaderSectionLeftElement);
-    _this = _super.call(this, 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, _createClass2.default)(HeaderSectionLeftElement, [{
-    key: "render",
-    value: function render(props) {
-      return /*#__PURE__*/_react.default.createElement(_TopAppBar.TopAppBarSection, {
-        className: edgeBars,
-        alignStart: true
-      }, (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":["edgeBars","css","width","HeaderSectionLeftElement","id","useGrid","props","UIElement"],"sources":["HeaderSectionLeftElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { TopAppBarSection } from \"@webiny/ui/TopAppBar\";\n\nconst edgeBars = css({\n    width: \"25%\"\n});\n\nexport class HeaderSectionLeftElement extends UIElement {\n    public constructor(id: string) {\n        super(id);\n\n        this.useGrid(false);\n    }\n\n    public override render(props: UiElementRenderProps): React.ReactNode {\n        return (\n            <TopAppBarSection className={edgeBars} alignStart>\n                {super.render(props)}\n            </TopAppBarSection>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA,IAAMA,QAAQ,gBAAG,IAAAC,YAAA,EAAI;EACjBC,KAAK,EAAE;AADU,CAAJ,oBAAjB;;IAIaC,wB;;;;;EACT,kCAAmBC,EAAnB,EAA+B;IAAA;;IAAA;IAC3B,0BAAMA,EAAN;;IAEA,MAAKC,OAAL,CAAa,KAAb;;IAH2B;EAI9B;;;;WAED,gBAAuBC,KAAvB,EAAqE;MACjE,oBACI,6BAAC,2BAAD;QAAkB,SAAS,EAAEN,QAA7B;QAAuC,UAAU;MAAjD,oHACkBM,KADlB,EADJ;IAKH;;;EAbyCC,qB"}
+{"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 type { UiElementRenderProps } from \"~/ui/UIElement\";\nimport { UIElement } 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;AAE7B,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.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
-import { UIElement, UiElementRenderProps } from "../../UIElement";
+import type { UiElementRenderProps } from "../../UIElement";
+import { UIElement } from "../../UIElement";
 export declare class HeaderSectionRightElement extends UIElement {
     constructor(id: string);
     render(props: UiElementRenderProps): React.ReactNode;

package/ui/views/AdminView/HeaderSectionRightElement.js

@@ -1,62 +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 _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)({
+import React from "react";
+import { css } from "emotion";
+import { UIElement } from "../../UIElement";
+import { TopAppBarSection } from "@webiny/ui/TopAppBar";
+const edgeBars = css({
   width: "25%"
-}, "label:edgeBars;");
-
-var HeaderSectionRightElement = /*#__PURE__*/function (_UIElement) {
-  (0, _inherits2.default)(HeaderSectionRightElement, _UIElement);
-
-  var _super = (0, _createSuper2.default)(HeaderSectionRightElement);
-
-  function HeaderSectionRightElement(id) {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, HeaderSectionRightElement);
-    _this = _super.call(this, 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, _createClass2.default)(HeaderSectionRightElement, [{
-    key: "render",
-    value: function render(props) {
-      return /*#__PURE__*/_react.default.createElement(_TopAppBar.TopAppBarSection, {
-        className: edgeBars,
-        alignEnd: true
-      }, (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":["edgeBars","css","width","HeaderSectionRightElement","id","useGrid","props","UIElement"],"sources":["HeaderSectionRightElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { TopAppBarSection } from \"@webiny/ui/TopAppBar\";\n\nconst edgeBars = css({\n    width: \"25%\"\n});\n\nexport class HeaderSectionRightElement extends UIElement {\n    public constructor(id: string) {\n        super(id);\n\n        this.useGrid(false);\n    }\n\n    public override render(props: UiElementRenderProps): React.ReactNode {\n        return (\n            <TopAppBarSection className={edgeBars} alignEnd>\n                {super.render(props)}\n            </TopAppBarSection>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AAEA,IAAMA,QAAQ,gBAAG,IAAAC,YAAA,EAAI;EACjBC,KAAK,EAAE;AADU,CAAJ,oBAAjB;;IAIaC,yB;;;;;EACT,mCAAmBC,EAAnB,EAA+B;IAAA;;IAAA;IAC3B,0BAAMA,EAAN;;IAEA,MAAKC,OAAL,CAAa,KAAb;;IAH2B;EAI9B;;;;WAED,gBAAuBC,KAAvB,EAAqE;MACjE,oBACI,6BAAC,2BAAD;QAAkB,SAAS,EAAEN,QAA7B;QAAuC,QAAQ;MAA/C,qHACkBM,KADlB,EADJ;IAKH;;;EAb0CC,qB"}
+{"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 type { UiElementRenderProps } from \"~/ui/UIElement\";\nimport { UIElement } 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;AAE7B,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.d.ts

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