@webiny/app-admin 0.0.0-mt-2 → 0.0.0-unstable.1e66d121db

package/ui/views/AdminView/ContentElement.js

@@ -1,12 +1,29 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import React from "react";
-import styled from "@emotion/styled";
-import { UIElement } from "../../UIElement";
-import { UIRenderer } from "../../UIRenderer";
-var ContentWrapper = /*#__PURE__*/styled("div", {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ContentElement = 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 _styled = _interopRequireDefault(require("@emotion/styled"));
+
+var _UIElement2 = require("../../UIElement");
+
+var _UIRenderer2 = require("../../UIRenderer");
+
+var ContentWrapper = /*#__PURE__*/(0, _styled.default)("div", {
   target: "enpnxwx0",
   label: "ContentWrapper"
 })({
@@ -15,38 +32,35 @@ var ContentWrapper = /*#__PURE__*/styled("div", {
 });
 
 var ContentElementRenderer = /*#__PURE__*/function (_UIRenderer) {
-  _inherits(ContentElementRenderer, _UIRenderer);
+  (0, _inherits2.default)(ContentElementRenderer, _UIRenderer);
 
-  var _super = _createSuper(ContentElementRenderer);
+  var _super = (0, _createSuper2.default)(ContentElementRenderer);
 
   function ContentElementRenderer() {
-    _classCallCheck(this, ContentElementRenderer);
-
+    (0, _classCallCheck2.default)(this, ContentElementRenderer);
     return _super.apply(this, arguments);
   }
 
-  _createClass(ContentElementRenderer, [{
+  (0, _createClass2.default)(ContentElementRenderer, [{
     key: "render",
     value: function render(_ref) {
       var next = _ref.next,
           props = _ref.props;
-      return /*#__PURE__*/React.createElement(ContentWrapper, null, props.children ? props.children : next());
+      return /*#__PURE__*/_react.default.createElement(ContentWrapper, null, props.children ? props.children : next());
     }
   }]);
-
   return ContentElementRenderer;
-}(UIRenderer);
+}(_UIRenderer2.UIRenderer);
 
-export var ContentElement = /*#__PURE__*/function (_UIElement) {
-  _inherits(ContentElement, _UIElement);
+var ContentElement = /*#__PURE__*/function (_UIElement) {
+  (0, _inherits2.default)(ContentElement, _UIElement);
 
-  var _super2 = _createSuper(ContentElement);
+  var _super2 = (0, _createSuper2.default)(ContentElement);
 
   function ContentElement(id) {
     var _this;
 
-    _classCallCheck(this, ContentElement);
-
+    (0, _classCallCheck2.default)(this, ContentElement);
     _this = _super2.call(this, id);
 
     _this.useGrid(false);
@@ -58,5 +72,7 @@ export var ContentElement = /*#__PURE__*/function (_UIElement) {
     return _this;
   }
 
-  return ContentElement;
-}(UIElement);
+  return (0, _createClass2.default)(ContentElement);
+}(_UIElement2.UIElement);
+
+exports.ContentElement = ContentElement;

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

@@ -0,0 +1 @@
+{"version":3,"names":["ContentWrapper","styled","width","paddingTop","ContentElementRenderer","next","props","children","UIRenderer","ContentElement","id","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;;AACA;;AACA;;AACA;;AAEA,IAAMA,cAAc,oBAAGC,eAAH,EAAU,KAAV;EAAA;EAAA;AAAA,GAAiB;EACjCC,KAAK,EAAE,MAD0B;EAEjCC,UAAU,EAAE;AAFqB,CAAjB,CAApB;;IAKMC,sB;;;;;;;;;;;;WACF,sBAAyF;MAAA,IAAhEC,IAAgE,QAAhEA,IAAgE;MAAA,IAA1DC,KAA0D,QAA1DA,KAA0D;MACrF,oBAAO,6BAAC,cAAD,QAAiBA,KAAK,CAACC,QAAN,GAAiBD,KAAK,CAACC,QAAvB,GAAkCF,IAAI,EAAvD,CAAP;IACH;;;EAHgCG,uB;;IAMxBC,c;;;;;EACT,wBAAmBC,EAAnB,EAA+B;IAAA;;IAAA;IAC3B,2BAAMA,EAAN;;IACA,MAAKC,OAAL,CAAa,KAAb;;IACA,MAAKC,WAAL,CAAiB,IAAIR,sBAAJ,EAAjB;;IACA,MAAKS,YAAL,CAAkBJ,cAAlB;;IAJ2B;EAK9B;;;EAN+BK,qB"}

package/ui/views/AdminView/HeaderElement.js

@@ -1,17 +1,40 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-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";
+"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) {
@@ -20,62 +43,59 @@ var ElementID;
 })(ElementID || (ElementID = {}));
 
 var HeaderElementRenderer = /*#__PURE__*/function (_UIRenderer) {
-  _inherits(HeaderElementRenderer, _UIRenderer);
+  (0, _inherits2.default)(HeaderElementRenderer, _UIRenderer);
 
-  var _super = _createSuper(HeaderElementRenderer);
+  var _super = (0, _createSuper2.default)(HeaderElementRenderer);
 
   function HeaderElementRenderer() {
-    _classCallCheck(this, HeaderElementRenderer);
-
+    (0, _classCallCheck2.default)(this, HeaderElementRenderer);
     return _super.apply(this, arguments);
   }
 
-  _createClass(HeaderElementRenderer, [{
+  (0, _createClass2.default)(HeaderElementRenderer, [{
     key: "render",
     value: function render(_ref) {
       var next = _ref.next;
-      return /*#__PURE__*/React.createElement(TopAppBarPrimary, {
+      return /*#__PURE__*/_react.default.createElement(_TopAppBar.TopAppBarPrimary, {
         fixed: true
       }, next());
     }
   }]);
-
   return HeaderElementRenderer;
-}(UIRenderer);
+}(_UIRenderer2.UIRenderer);
 
-export var HeaderElement = /*#__PURE__*/function (_UIElement) {
-  _inherits(HeaderElement, _UIElement);
+var HeaderElement = /*#__PURE__*/function (_UIElement) {
+  (0, _inherits2.default)(HeaderElement, _UIElement);
 
-  var _super2 = _createSuper(HeaderElement);
+  var _super2 = (0, _createSuper2.default)(HeaderElement);
 
   function HeaderElement(id) {
     var _this;
 
-    _classCallCheck(this, HeaderElement);
-
+    (0, _classCallCheck2.default)(this, HeaderElement);
     _this = _super2.call(this, id);
 
     _this.useGrid(false);
 
-    var leftSection = _this.addElement(new HeaderSectionLeftElement("headerLeft"));
+    var leftSection = _this.addElement(new _HeaderSectionLeftElement.HeaderSectionLeftElement("headerLeft"));
 
-    leftSection.addElement(new PlaceholderElement(ElementID.MenuButton));
-    leftSection.addElement(new PlaceholderElement(ElementID.Logo));
+    leftSection.addElement(new _PlaceholderElement.PlaceholderElement(ElementID.MenuButton));
+    leftSection.addElement(new _PlaceholderElement.PlaceholderElement(ElementID.Logo));
 
-    _this.addElement(new HeaderSectionCenterElement("headerCenter"));
+    _this.addElement(new _HeaderSectionCenterElement.HeaderSectionCenterElement("headerCenter"));
 
-    _this.addElement(new HeaderSectionRightElement("headerRight"));
+    _this.addElement(new _HeaderSectionRightElement.HeaderSectionRightElement("headerRight"));
 
     _this.addRenderer(new HeaderElementRenderer());
 
-    _this.setMenuButton( /*#__PURE__*/React.createElement(Hamburger, null));
+    _this.setMenuButton( /*#__PURE__*/_react.default.createElement(_Hamburger.default, null));
 
     _this.applyPlugins(HeaderElement);
 
     return _this;
   }
 
-  _createClass(HeaderElement, [{
+  (0, _createClass2.default)(HeaderElement, [{
     key: "getLeftSection",
     value: function getLeftSection() {
       return this.getElement("headerLeft");
@@ -94,18 +114,31 @@ export var HeaderElement = /*#__PURE__*/function (_UIElement) {
     key: "setLogo",
     value: function setLogo(logo) {
       // TODO: extract into a `LogoElement` class
-      this.getElement(ElementID.Logo).replaceWith(new GenericElement(ElementID.Logo, function () {
-        return /*#__PURE__*/React.createElement(TopAppBarTitle, null, logo);
+      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);
       }));
     }
   }, {
     key: "setMenuButton",
     value: function setMenuButton(menuButton) {
-      this.getElement(ElementID.MenuButton).replaceWith(new GenericElement(ElementID.MenuButton, function () {
+      var button = this.getElement(ElementID.MenuButton);
+
+      if (!button) {
+        return;
+      }
+
+      button.replaceWith(new _GenericElement.GenericElement(ElementID.MenuButton, function () {
         return menuButton;
       }));
     }
   }]);
-
   return HeaderElement;
-}(UIElement);
+}(_UIElement2.UIElement);
+
+exports.HeaderElement = HeaderElement;

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

@@ -0,0 +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"}

package/ui/views/AdminView/HeaderSectionCenterElement.d.ts

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

package/ui/views/AdminView/HeaderSectionCenterElement.js

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

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

@@ -0,0 +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"}

package/ui/views/AdminView/HeaderSectionLeftElement.d.ts

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

package/ui/views/AdminView/HeaderSectionLeftElement.js

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

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

@@ -0,0 +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"}

package/ui/views/AdminView/HeaderSectionRightElement.d.ts

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

package/ui/views/AdminView/HeaderSectionRightElement.js

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

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

@@ -0,0 +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"}