@webiny/app-admin 0.0.0-mt-2 → 0.0.0-unstable.13771d80a8

package/ui/views/FormView.js

@@ -1,51 +1,50 @@
-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 { CircularProgress } from "@webiny/ui/Progress";
-import { FormElement } from "../elements/form/FormElement";
-import { ButtonElement } from "../elements/ButtonElement";
-import { GenericElement } from "../elements/GenericElement";
-import { FormContentElement } from "./FormView/FormContentElement";
-import { FormHeaderElement } from "./FormView/FormHeaderElement";
-import { FormFooterElement } from "./FormView/FormFooterElement";
-import { FormContainerElement } from "./FormView/FormContainerElement";
-import { UIView } from "../UIView";
-export var FormView = /*#__PURE__*/function (_UIView) {
-  _inherits(FormView, _UIView);
-
-  var _super = _createSuper(FormView);
-
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FormView = 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 _Progress = require("@webiny/ui/Progress");
+var _FormElement = require("../elements/form/FormElement");
+var _ButtonElement = require("../elements/ButtonElement");
+var _GenericElement = require("../elements/GenericElement");
+var _FormContentElement = require("./FormView/FormContentElement");
+var _FormHeaderElement = require("./FormView/FormHeaderElement");
+var _FormFooterElement = require("./FormView/FormFooterElement");
+var _FormContainerElement = require("./FormView/FormContainerElement");
+var _UIView2 = require("../UIView");
+var FormView = /*#__PURE__*/function (_UIView) {
+  (0, _inherits2.default)(FormView, _UIView);
+  var _super = (0, _createSuper2.default)(FormView);
   function FormView(id, config) {
     var _this;
-
-    _classCallCheck(this, FormView);
-
+    (0, _classCallCheck2.default)(this, FormView);
+    if (!config) {
+      config = {};
+    }
     if (!("setupForm" in config)) {
       config.setupForm = true;
     }
-
     _this = _super.call(this, id, config);
-
     _this.addElements();
-
     _this.useGrid(false);
-
     _this.applyPlugins(FormView);
-
     return _this;
   }
-
-  _createClass(FormView, [{
+  (0, _createClass2.default)(FormView, [{
     key: "addElement",
     value: function addElement(element) {
       if (element.id === "form" || element.id === "formContainer") {
-        return _get(_getPrototypeOf(FormView.prototype), "addElement", this).call(this, element);
+        return (0, _get2.default)((0, _getPrototypeOf2.default)(FormView.prototype), "addElement", this).call(this, element);
       }
-
       return this.getFormContainer().addElement(element);
     }
   }, {
@@ -55,9 +54,9 @@ export var FormView = /*#__PURE__*/function (_UIView) {
         this.config.getTitle = function () {
           return title;
         };
-      } else {
-        this.config.getTitle = title;
+        return;
       }
+      this.config.getTitle = title;
     }
   }, {
     key: "setOnSubmit",
@@ -98,19 +97,23 @@ export var FormView = /*#__PURE__*/function (_UIView) {
     key: "addElements",
     value: function addElements() {
       var _this2 = this;
-
-      var formContainer = new FormContainerElement("formContainer", {
+      var formContainer = new _FormContainerElement.FormContainerElement("formContainer", {
         testId: this.config.testId,
         className: this.config.className,
         noElevation: this.config.noElevation
       });
-
       if (this.config.setupForm) {
-        var form = this.addElement(new FormElement("form", {
+        var form = this.addElement(new _FormElement.FormElement("form", {
           onSubmit: function onSubmit(data, form) {
+            if (!_this2.config.onSubmit) {
+              return;
+            }
             return _this2.config.onSubmit(data, form);
           },
           getData: function getData() {
+            if (!_this2.config.getFormData) {
+              return {};
+            }
             return _this2.config.getFormData();
           }
         }));
@@ -118,23 +121,24 @@ export var FormView = /*#__PURE__*/function (_UIView) {
       } else {
         this.addElement(formContainer);
       }
-
-      this.addElement(new GenericElement("loading", function () {
+      this.addElement(new _GenericElement.GenericElement("loading", function () {
         if (typeof _this2.config.isLoading !== "function") {
           return null;
         }
-
-        return _this2.config.isLoading() ? /*#__PURE__*/React.createElement(CircularProgress, null) : null;
+        return _this2.config.isLoading() ? /*#__PURE__*/_react.default.createElement(_Progress.CircularProgress, null) : null;
       }));
-      this.addElement(new FormHeaderElement("formHeader", {
+      this.addElement(new _FormHeaderElement.FormHeaderElement("formHeader", {
         getTitle: function getTitle(props) {
+          if (!_this2.config.getTitle) {
+            return "";
+          }
           return _this2.config.getTitle(props);
         }
       }));
-      this.addElement(new FormContentElement("formContent"));
-      var footer = new FormFooterElement("formFooter");
+      this.addElement(new _FormContentElement.FormContentElement("formContent"));
+      var footer = new _FormFooterElement.FormFooterElement("formFooter");
       this.addElement(footer);
-      var submitButton = new ButtonElement("submit", {
+      var submitButton = new _ButtonElement.ButtonElement("submit", {
         type: "primary",
         label: "Save",
         onClick: function onClick(props) {
@@ -142,11 +146,14 @@ export var FormView = /*#__PURE__*/function (_UIView) {
         }
       });
       submitButton.moveToTheEndOf(footer);
-      var cancelButton = footer.addElement(new ButtonElement("cancel", {
+      var cancelButton = footer.addElement(new _ButtonElement.ButtonElement("cancel", {
         type: "default",
         label: "Cancel",
         onClick: function onClick() {
-          return _this2.config.onCancel();
+          if (!_this2.config.onCancel) {
+            return;
+          }
+          _this2.config.onCancel();
         },
         shouldRender: function shouldRender() {
           return typeof _this2.config.onCancel === "function";
@@ -155,6 +162,6 @@ export var FormView = /*#__PURE__*/function (_UIView) {
       cancelButton.moveToTheBeginningOf(footer);
     }
   }]);
-
   return FormView;
-}(UIView);
+}(_UIView2.UIView);
+exports.FormView = FormView;

package/ui/views/FormView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FormView","id","config","setupForm","addElements","useGrid","applyPlugins","element","getFormContainer","addElement","title","getTitle","onSubmit","getter","getFormData","getElement","getFormFooterElement","formContainer","FormContainerElement","testId","className","noElevation","form","FormElement","data","getData","GenericElement","isLoading","FormHeaderElement","props","FormContentElement","footer","FormFooterElement","submitButton","ButtonElement","type","label","onClick","formProps","submit","moveToTheEndOf","cancelButton","onCancel","shouldRender","moveToTheBeginningOf","UIView"],"sources":["FormView.tsx"],"sourcesContent":["import React from \"react\";\nimport { FormOnSubmit } from \"@webiny/form\";\nimport { CircularProgress } from \"@webiny/ui/Progress\";\nimport { UIElement, UIElementConfig } from \"~/ui/UIElement\";\nimport { FormElement, FormElementRenderProps } from \"~/ui/elements/form/FormElement\";\nimport { ButtonElement } from \"~/ui/elements/ButtonElement\";\nimport { GenericElement } from \"~/ui/elements/GenericElement\";\nimport { FormContentElement } from \"./FormView/FormContentElement\";\nimport { FormHeaderElement } from \"./FormView/FormHeaderElement\";\nimport { FormFooterElement } from \"./FormView/FormFooterElement\";\nimport { FormContainerElement } from \"./FormView/FormContainerElement\";\nimport { UIView } from \"~/ui/UIView\";\n\nexport interface FormViewConfig extends UIElementConfig {\n    setupForm?: boolean;\n    onSubmit?: FormOnSubmit;\n    getTitle?: (props: FormElementRenderProps) => string;\n    getFormData?: () => Record<string, any>;\n    isLoading?: () => boolean;\n    onCancel?: () => void;\n    testId?: string;\n    noElevation?: boolean;\n    className?: string;\n}\n\ninterface GetterWithProps<T> {\n    (props: FormElementRenderProps): T;\n}\n\ninterface GetterWithoutProps<T> {\n    (): T;\n}\n\nexport class FormView extends UIView<FormViewConfig> {\n    public constructor(id: string, config?: FormViewConfig) {\n        if (!config) {\n            config = {};\n        }\n        if (!(\"setupForm\" in config)) {\n            config.setupForm = true;\n        }\n\n        super(id, config);\n\n        this.addElements();\n        this.useGrid(false);\n\n        this.applyPlugins(FormView);\n    }\n\n    public override addElement<TElement extends UIElement = UIElement>(\n        element: TElement\n    ): TElement {\n        if (element.id === \"form\" || element.id === \"formContainer\") {\n            return super.addElement(element);\n        }\n\n        return this.getFormContainer().addElement(element);\n    }\n\n    public setTitle(title: string | GetterWithProps<string>): void {\n        if (typeof title === \"string\") {\n            this.config.getTitle = () => title;\n            return;\n        }\n        this.config.getTitle = title;\n    }\n\n    public setOnSubmit(onSubmit: FormOnSubmit): void {\n        this.config.onSubmit = onSubmit;\n    }\n\n    public setFormData(getter: GetterWithoutProps<Record<string, any>>): void {\n        this.config.getFormData = getter;\n    }\n\n    public getFormContainer(): FormContainerElement {\n        return this.getElement(\"formContainer\") as FormContainerElement;\n    }\n\n    public getFormContentElement(): FormContentElement {\n        return this.getElement(\"formContent\") as FormContentElement;\n    }\n\n    public getFormHeaderElement(): FormHeaderElement {\n        return this.getElement(\"formHeader\") as FormHeaderElement;\n    }\n\n    public getFormFooterElement(): FormFooterElement {\n        return this.getElement(\"formFooter\") as FormFooterElement;\n    }\n\n    public getSubmitButtonElement(): ButtonElement {\n        return this.getFormFooterElement().getElement(\"submit\") as ButtonElement;\n    }\n\n    private addElements(): void {\n        const formContainer = new FormContainerElement(\"formContainer\", {\n            testId: this.config.testId,\n            className: this.config.className,\n            noElevation: this.config.noElevation\n        });\n\n        if (this.config.setupForm) {\n            const form = this.addElement(\n                new FormElement(\"form\", {\n                    onSubmit: (data, form) => {\n                        if (!this.config.onSubmit) {\n                            return;\n                        }\n                        return this.config.onSubmit(data, form);\n                    },\n                    getData: () => {\n                        if (!this.config.getFormData) {\n                            return {};\n                        }\n                        return this.config.getFormData();\n                    }\n                })\n            ) as FormElement;\n\n            form.addElement(formContainer);\n        } else {\n            this.addElement(formContainer);\n        }\n\n        this.addElement(\n            new GenericElement(\"loading\", () => {\n                if (typeof this.config.isLoading !== \"function\") {\n                    return null;\n                }\n\n                return this.config.isLoading() ? <CircularProgress /> : null;\n            })\n        );\n\n        this.addElement(\n            new FormHeaderElement(\"formHeader\", {\n                getTitle: props => {\n                    if (!this.config.getTitle) {\n                        return \"\";\n                    }\n                    return this.config.getTitle(props);\n                }\n            })\n        );\n\n        this.addElement(new FormContentElement(\"formContent\"));\n\n        const footer = new FormFooterElement(\"formFooter\");\n        this.addElement(footer);\n\n        const submitButton = new ButtonElement<FormElementRenderProps>(\"submit\", {\n            type: \"primary\",\n            label: \"Save\",\n            onClick: props => props.formProps.submit()\n        });\n\n        submitButton.moveToTheEndOf(footer);\n\n        const cancelButton = footer.addElement(\n            new ButtonElement(\"cancel\", {\n                type: \"default\",\n                label: \"Cancel\",\n                onClick: () => {\n                    if (!this.config.onCancel) {\n                        return;\n                    }\n                    this.config.onCancel();\n                },\n                shouldRender: () => typeof this.config.onCancel === \"function\"\n            })\n        );\n\n        cancelButton.moveToTheBeginningOf(footer);\n    }\n}\n"],"mappings":"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"}

package/ui/views/OverlayView/ContentElement.d.ts

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

package/ui/views/OverlayView/ContentElement.js

@@ -1,42 +1,42 @@
-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 styled from "@emotion/styled";
-import { UIElement } from "../../UIElement";
-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 _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 _styled = _interopRequireDefault(require("@emotion/styled"));
+var _UIElement2 = require("../../UIElement");
+var ContentWrapper = /*#__PURE__*/(0, _styled.default)("div", {
   target: "exqtwog0",
   label: "ContentWrapper"
 })({
   width: "100%",
   paddingTop: 65
 });
-export var ContentElement = /*#__PURE__*/function (_UIElement) {
-  _inherits(ContentElement, _UIElement);
-
-  var _super = _createSuper(ContentElement);
-
+var ContentElement = /*#__PURE__*/function (_UIElement) {
+  (0, _inherits2.default)(ContentElement, _UIElement);
+  var _super = (0, _createSuper2.default)(ContentElement);
   function ContentElement(id) {
     var _this;
-
-    _classCallCheck(this, ContentElement);
-
+    (0, _classCallCheck2.default)(this, ContentElement);
     _this = _super.call(this, id);
-
     _this.useGrid(false);
-
     return _this;
   }
-
-  _createClass(ContentElement, [{
+  (0, _createClass2.default)(ContentElement, [{
     key: "render",
     value: function render(props) {
-      return /*#__PURE__*/React.createElement(ContentWrapper, null, _get(_getPrototypeOf(ContentElement.prototype), "render", this).call(this, props));
+      return /*#__PURE__*/_react.default.createElement(ContentWrapper, null, (0, _get2.default)((0, _getPrototypeOf2.default)(ContentElement.prototype), "render", this).call(this, props));
     }
   }]);
-
   return ContentElement;
-}(UIElement);
+}(_UIElement2.UIElement);
+exports.ContentElement = ContentElement;

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

@@ -0,0 +1 @@
+{"version":3,"names":["ContentWrapper","styled","width","paddingTop","ContentElement","id","useGrid","props","UIElement"],"sources":["ContentElement.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\n\nconst ContentWrapper = styled(\"div\")({\n    width: \"100%\",\n    paddingTop: 65\n});\n\nexport class ContentElement extends UIElement {\n    constructor(id: string) {\n        super(id);\n        this.useGrid(false);\n    }\n\n    public override render(props: UiElementRenderProps): React.ReactNode {\n        return <ContentWrapper>{super.render(props)}</ContentWrapper>;\n    }\n}\n"],"mappings":";;;;;;;;;;;;;AAAA;AACA;AACA;AAEA,IAAMA,cAAc,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACjCC,KAAK,EAAE,MAAM;EACbC,UAAU,EAAE;AAChB,CAAC,CAAC;AAAC,IAEUC,cAAc;EAAA;EAAA;EACvB,wBAAYC,EAAU,EAAE;IAAA;IAAA;IACpB,0BAAMA,EAAE;IACR,MAAKC,OAAO,CAAC,KAAK,CAAC;IAAC;EACxB;EAAC;IAAA;IAAA,OAED,gBAAuBC,KAA2B,EAAmB;MACjE,oBAAO,6BAAC,cAAc,+GAAeA,KAAK,EAAmB;IACjE;EAAC;EAAA;AAAA,EAR+BC,qBAAS;AAAA"}

package/ui/views/OverlayView/HeaderElement.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { UIElement, UIElementConfig } from "../../UIElement";
+import { UIElement, UIElementConfig, UiElementRenderProps } from "../../UIElement";
 interface HeaderElementConfig extends UIElementConfig {
     onClose: (event: React.MouseEvent) => void;
     getTitle?: GetterWithoutProps<string>;
@@ -16,9 +16,9 @@ export declare class HeaderElement extends UIElement<HeaderElementConfig> {
     setLeftSectionElement(element: UIElement): void;
     setCenterSectionElement(element: UIElement): void;
     setRightSectionElement(element: UIElement): void;
-    getLeftSectionElement(): UIElement<UIElementConfig<any>>;
-    getCenterSectionElement(): UIElement<UIElementConfig<any>>;
-    getRightSectionElement(): UIElement<UIElementConfig<any>>;
-    render(props: any): React.ReactNode;
+    getLeftSectionElement(): UIElement;
+    getCenterSectionElement(): UIElement;
+    getRightSectionElement(): UIElement;
+    render(props: UiElementRenderProps): React.ReactNode;
 }
 export {};

package/ui/views/OverlayView/HeaderElement.js

@@ -1,52 +1,49 @@
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _createSuper from "@babel/runtime/helpers/createSuper";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import React from "react";
-import { css } from "emotion";
-import { UIElement } from "../../UIElement";
-import { TopAppBarSecondary, TopAppBarSection } from "@webiny/ui/TopAppBar";
-import { IconButton } from "@webiny/ui/Button";
-import { ReactComponent as CloseIcon } from "@svgr/webpack!../../../components/OverlayLayout/icons/close.svg";
-import { PlaceholderElement } from "../../elements/PlaceholderElement";
-import { HeaderTitleElement } from "./HeaderTitleElement";
-var width = /*#__PURE__*/css({
-  width: "33%"
-}, "label:width;"); // !GOOD FIRST ISSUE!
-// Extract rendering and styling into a HeaderElementRenderer class.
+"use strict";
 
-export var HeaderElement = /*#__PURE__*/function (_UIElement) {
-  _inherits(HeaderElement, _UIElement);
-
-  var _super = _createSuper(HeaderElement);
+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 _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _emotion = require("emotion");
+var _UIElement2 = require("../../UIElement");
+var _TopAppBar = require("@webiny/ui/TopAppBar");
+var _Button = require("@webiny/ui/Button");
+var _close = require("@material-design-icons/svg/outlined/close.svg");
+var _PlaceholderElement = require("../../elements/PlaceholderElement");
+var _HeaderTitleElement = require("./HeaderTitleElement");
+var width = /*#__PURE__*/(0, _emotion.css)({
+  width: "33%"
+}, "label:width;");
 
+// !GOOD FIRST ISSUE!
+// Extract rendering and styling into a HeaderElementRenderer class.
+var HeaderElement = /*#__PURE__*/function (_UIElement) {
+  (0, _inherits2.default)(HeaderElement, _UIElement);
+  var _super = (0, _createSuper2.default)(HeaderElement);
   function HeaderElement(id, config) {
     var _this;
-
-    _classCallCheck(this, HeaderElement);
-
+    (0, _classCallCheck2.default)(this, HeaderElement);
     _this = _super.call(this, id, config);
-
-    _defineProperty(_assertThisInitialized(_this), "_leftSection", new PlaceholderElement("leftSection"));
-
-    _defineProperty(_assertThisInitialized(_this), "_centerSection", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "_rightSection", new PlaceholderElement("rightSection"));
-
-    _this._centerSection = new HeaderTitleElement("title", {
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_leftSection", new _PlaceholderElement.PlaceholderElement("leftSection"));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_centerSection", void 0);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "_rightSection", new _PlaceholderElement.PlaceholderElement("rightSection"));
+    _this._centerSection = new _HeaderTitleElement.HeaderTitleElement("title", {
       title: function title() {
         return typeof _this.config.getTitle === "function" ? _this.config.getTitle() : null;
       }
     });
-
     _this.useGrid(false);
-
     return _this;
   }
-
-  _createClass(HeaderElement, [{
+  (0, _createClass2.default)(HeaderElement, [{
     key: "setTitle",
     value: function setTitle(title) {
       this.config.getTitle = title;
@@ -84,24 +81,24 @@ export var HeaderElement = /*#__PURE__*/function (_UIElement) {
   }, {
     key: "render",
     value: function render(props) {
-      return /*#__PURE__*/React.createElement(TopAppBarSecondary, {
+      return /*#__PURE__*/_react.default.createElement(_TopAppBar.TopAppBarSecondary, {
         fixed: true,
         style: {
           top: 0
         }
-      }, /*#__PURE__*/React.createElement(TopAppBarSection, {
+      }, /*#__PURE__*/_react.default.createElement(_TopAppBar.TopAppBarSection, {
         className: width,
         alignStart: true
-      }, this.getLeftSectionElement().render(props)), /*#__PURE__*/React.createElement(TopAppBarSection, {
+      }, this.getLeftSectionElement().render(props)), /*#__PURE__*/_react.default.createElement(_TopAppBar.TopAppBarSection, {
         className: width,
         alignEnd: true
-      }, this.getCenterSectionElement().render(props)), /*#__PURE__*/React.createElement(TopAppBarSection, {
+      }, this.getCenterSectionElement().render(props)), /*#__PURE__*/_react.default.createElement(_TopAppBar.TopAppBarSection, {
         className: width,
         alignEnd: true
-      }, this.getRightSectionElement().render(props), /*#__PURE__*/React.createElement(IconButton, {
+      }, this.getRightSectionElement().render(props), /*#__PURE__*/_react.default.createElement(_Button.IconButton, {
         ripple: false,
         onClick: this.config.onClose,
-        icon: /*#__PURE__*/React.createElement(CloseIcon, {
+        icon: /*#__PURE__*/_react.default.createElement(_close.ReactComponent, {
           style: {
             width: 24,
             height: 24
@@ -110,6 +107,6 @@ export var HeaderElement = /*#__PURE__*/function (_UIElement) {
       })));
     }
   }]);
-
   return HeaderElement;
-}(UIElement);
+}(_UIElement2.UIElement);
+exports.HeaderElement = HeaderElement;

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

@@ -0,0 +1 @@
+{"version":3,"names":["width","css","HeaderElement","id","config","PlaceholderElement","_centerSection","HeaderTitleElement","title","getTitle","useGrid","element","_leftSection","_rightSection","props","top","getLeftSectionElement","render","getCenterSectionElement","getRightSectionElement","onClose","height","UIElement"],"sources":["HeaderElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { css } from \"emotion\";\nimport { UIElement, UIElementConfig, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { TopAppBarSecondary, TopAppBarSection } from \"@webiny/ui/TopAppBar\";\nimport { IconButton } from \"@webiny/ui/Button\";\nimport { ReactComponent as CloseIcon } from \"@material-design-icons/svg/outlined/close.svg\";\nimport { PlaceholderElement } from \"~/ui/elements/PlaceholderElement\";\nimport { HeaderTitleElement } from \"./HeaderTitleElement\";\n\ninterface HeaderElementConfig extends UIElementConfig {\n    onClose: (event: React.MouseEvent) => void;\n    getTitle?: GetterWithoutProps<string>;\n}\n\nconst width = css({\n    width: \"33%\"\n});\n\n// !GOOD FIRST ISSUE!\n// Extract rendering and styling into a HeaderElementRenderer class.\n\ninterface GetterWithoutProps<T> {\n    (): T;\n}\n\nexport class HeaderElement extends UIElement<HeaderElementConfig> {\n    private _leftSection: UIElement = new PlaceholderElement(\"leftSection\");\n    private _centerSection: UIElement;\n    private _rightSection: UIElement = new PlaceholderElement(\"rightSection\");\n\n    public constructor(id: string, config: HeaderElementConfig) {\n        super(id, config);\n\n        this._centerSection = new HeaderTitleElement(\"title\", {\n            title: () => {\n                return typeof this.config.getTitle === \"function\" ? this.config.getTitle() : null;\n            }\n        });\n\n        this.useGrid(false);\n    }\n\n    public setTitle(title: GetterWithoutProps<string>): void {\n        this.config.getTitle = title;\n    }\n\n    public setLeftSectionElement(element: UIElement): void {\n        this._leftSection = element;\n    }\n\n    public setCenterSectionElement(element: UIElement): void {\n        this._centerSection = element;\n    }\n\n    public setRightSectionElement(element: UIElement): void {\n        this._rightSection = element;\n    }\n\n    public getLeftSectionElement(): UIElement {\n        return this._leftSection;\n    }\n\n    public getCenterSectionElement(): UIElement {\n        return this._centerSection;\n    }\n\n    public getRightSectionElement(): UIElement {\n        return this._rightSection;\n    }\n\n    public override render(props: UiElementRenderProps): React.ReactNode {\n        return (\n            <TopAppBarSecondary fixed style={{ top: 0 }}>\n                <TopAppBarSection className={width} alignStart>\n                    {this.getLeftSectionElement().render(props)}\n                </TopAppBarSection>\n                <TopAppBarSection className={width} alignEnd>\n                    {this.getCenterSectionElement().render(props)}\n                </TopAppBarSection>\n                <TopAppBarSection className={width} alignEnd>\n                    {this.getRightSectionElement().render(props)}\n                    <IconButton\n                        ripple={false}\n                        onClick={this.config.onClose}\n                        icon={<CloseIcon style={{ width: 24, height: 24 }} />}\n                    />\n                </TopAppBarSection>\n            </TopAppBarSecondary>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAOA,IAAMA,KAAK,gBAAG,IAAAC,YAAG,EAAC;EACdD,KAAK,EAAE;AACX,CAAC,iBAAC;;AAEF;AACA;AAAA,IAMaE,aAAa;EAAA;EAAA;EAKtB,uBAAmBC,EAAU,EAAEC,MAA2B,EAAE;IAAA;IAAA;IACxD,0BAAMD,EAAE,EAAEC,MAAM;IAAE,2FALY,IAAIC,sCAAkB,CAAC,aAAa,CAAC;IAAA;IAAA,4FAEpC,IAAIA,sCAAkB,CAAC,cAAc,CAAC;IAKrE,MAAKC,cAAc,GAAG,IAAIC,sCAAkB,CAAC,OAAO,EAAE;MAClDC,KAAK,EAAE,iBAAM;QACT,OAAO,OAAO,MAAKJ,MAAM,CAACK,QAAQ,KAAK,UAAU,GAAG,MAAKL,MAAM,CAACK,QAAQ,EAAE,GAAG,IAAI;MACrF;IACJ,CAAC,CAAC;IAEF,MAAKC,OAAO,CAAC,KAAK,CAAC;IAAC;EACxB;EAAC;IAAA;IAAA,OAED,kBAAgBF,KAAiC,EAAQ;MACrD,IAAI,CAACJ,MAAM,CAACK,QAAQ,GAAGD,KAAK;IAChC;EAAC;IAAA;IAAA,OAED,+BAA6BG,OAAkB,EAAQ;MACnD,IAAI,CAACC,YAAY,GAAGD,OAAO;IAC/B;EAAC;IAAA;IAAA,OAED,iCAA+BA,OAAkB,EAAQ;MACrD,IAAI,CAACL,cAAc,GAAGK,OAAO;IACjC;EAAC;IAAA;IAAA,OAED,gCAA8BA,OAAkB,EAAQ;MACpD,IAAI,CAACE,aAAa,GAAGF,OAAO;IAChC;EAAC;IAAA;IAAA,OAED,iCAA0C;MACtC,OAAO,IAAI,CAACC,YAAY;IAC5B;EAAC;IAAA;IAAA,OAED,mCAA4C;MACxC,OAAO,IAAI,CAACN,cAAc;IAC9B;EAAC;IAAA;IAAA,OAED,kCAA2C;MACvC,OAAO,IAAI,CAACO,aAAa;IAC7B;EAAC;IAAA;IAAA,OAED,gBAAuBC,KAA2B,EAAmB;MACjE,oBACI,6BAAC,6BAAkB;QAAC,KAAK;QAAC,KAAK,EAAE;UAAEC,GAAG,EAAE;QAAE;MAAE,gBACxC,6BAAC,2BAAgB;QAAC,SAAS,EAAEf,KAAM;QAAC,UAAU;MAAA,GACzC,IAAI,CAACgB,qBAAqB,EAAE,CAACC,MAAM,CAACH,KAAK,CAAC,CAC5B,eACnB,6BAAC,2BAAgB;QAAC,SAAS,EAAEd,KAAM;QAAC,QAAQ;MAAA,GACvC,IAAI,CAACkB,uBAAuB,EAAE,CAACD,MAAM,CAACH,KAAK,CAAC,CAC9B,eACnB,6BAAC,2BAAgB;QAAC,SAAS,EAAEd,KAAM;QAAC,QAAQ;MAAA,GACvC,IAAI,CAACmB,sBAAsB,EAAE,CAACF,MAAM,CAACH,KAAK,CAAC,eAC5C,6BAAC,kBAAU;QACP,MAAM,EAAE,KAAM;QACd,OAAO,EAAE,IAAI,CAACV,MAAM,CAACgB,OAAQ;QAC7B,IAAI,eAAE,6BAAC,qBAAS;UAAC,KAAK,EAAE;YAAEpB,KAAK,EAAE,EAAE;YAAEqB,MAAM,EAAE;UAAG;QAAE;MAAI,EACxD,CACa,CACF;IAE7B;EAAC;EAAA;AAAA,EAhE8BC,qBAAS;AAAA"}

package/ui/views/OverlayView/HeaderTitleElement.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 import { UIElement, UIElementConfig } from "../../UIElement";
 import { UIRenderer, UIRenderParams } from "../../UIRenderer";
 interface HeaderTitleElementConfig extends UIElementConfig {
-    title: () => string;
+    title: () => string | null;
 }
 export declare class HeaderTitleElementRenderer extends UIRenderer<HeaderTitleElement> {
     render({ element }: UIRenderParams<HeaderTitleElement>): React.ReactNode;

package/ui/views/OverlayView/HeaderTitleElement.js

@@ -1,27 +1,30 @@
-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 { Typography } from "@webiny/ui/Typography";
-import { UIRenderer } from "../../UIRenderer";
-export var HeaderTitleElementRenderer = /*#__PURE__*/function (_UIRenderer) {
-  _inherits(HeaderTitleElementRenderer, _UIRenderer);
-
-  var _super = _createSuper(HeaderTitleElementRenderer);
-
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HeaderTitleElementRenderer = exports.HeaderTitleElement = 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 _Typography = require("@webiny/ui/Typography");
+var _UIRenderer2 = require("../../UIRenderer");
+var HeaderTitleElementRenderer = /*#__PURE__*/function (_UIRenderer) {
+  (0, _inherits2.default)(HeaderTitleElementRenderer, _UIRenderer);
+  var _super = (0, _createSuper2.default)(HeaderTitleElementRenderer);
   function HeaderTitleElementRenderer() {
-    _classCallCheck(this, HeaderTitleElementRenderer);
-
+    (0, _classCallCheck2.default)(this, HeaderTitleElementRenderer);
     return _super.apply(this, arguments);
   }
-
-  _createClass(HeaderTitleElementRenderer, [{
+  (0, _createClass2.default)(HeaderTitleElementRenderer, [{
     key: "render",
     value: function render(_ref) {
       var element = _ref.element;
-      return /*#__PURE__*/React.createElement(Typography, {
+      return /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
         style: {
           margin: "0 auto",
           color: "var(--mdc-theme-on-surface)"
@@ -30,25 +33,19 @@ export var HeaderTitleElementRenderer = /*#__PURE__*/function (_UIRenderer) {
       }, element.config.title());
     }
   }]);
-
   return HeaderTitleElementRenderer;
-}(UIRenderer);
-export var HeaderTitleElement = /*#__PURE__*/function (_UIElement) {
-  _inherits(HeaderTitleElement, _UIElement);
-
-  var _super2 = _createSuper(HeaderTitleElement);
-
+}(_UIRenderer2.UIRenderer);
+exports.HeaderTitleElementRenderer = HeaderTitleElementRenderer;
+var HeaderTitleElement = /*#__PURE__*/function (_UIElement) {
+  (0, _inherits2.default)(HeaderTitleElement, _UIElement);
+  var _super2 = (0, _createSuper2.default)(HeaderTitleElement);
   function HeaderTitleElement(id, config) {
     var _this;
-
-    _classCallCheck(this, HeaderTitleElement);
-
+    (0, _classCallCheck2.default)(this, HeaderTitleElement);
     _this = _super2.call(this, id, config);
-
     _this.addRenderer(new HeaderTitleElementRenderer());
-
     return _this;
   }
-
-  return HeaderTitleElement;
-}(UIElement);
+  return (0, _createClass2.default)(HeaderTitleElement);
+}(_UIElement2.UIElement);
+exports.HeaderTitleElement = HeaderTitleElement;

package/ui/views/OverlayView/HeaderTitleElement.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["HeaderTitleElementRenderer","element","margin","color","config","title","UIRenderer","HeaderTitleElement","id","addRenderer","UIElement"],"sources":["HeaderTitleElement.tsx"],"sourcesContent":["import React from \"react\";\nimport { UIElement, UIElementConfig } from \"~/ui/UIElement\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { UIRenderer, UIRenderParams } from \"~/ui/UIRenderer\";\n\ninterface HeaderTitleElementConfig extends UIElementConfig {\n    title: () => string | null;\n}\n\nexport class HeaderTitleElementRenderer extends UIRenderer<HeaderTitleElement> {\n    public override render({ element }: UIRenderParams<HeaderTitleElement>): React.ReactNode {\n        return (\n            <Typography\n                style={{ margin: \"0 auto\", color: \"var(--mdc-theme-on-surface)\" }}\n                use={\"headline6\"}\n            >\n                {element.config.title()}\n            </Typography>\n        );\n    }\n}\n\nexport class HeaderTitleElement extends UIElement<HeaderTitleElementConfig> {\n    public constructor(id: string, config: HeaderTitleElementConfig) {\n        super(id, config);\n\n        this.addRenderer(new HeaderTitleElementRenderer());\n    }\n}\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AACA;AACA;AAA6D,IAMhDA,0BAA0B;EAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA,OACnC,sBAAyF;MAAA,IAAhEC,OAAO,QAAPA,OAAO;MAC5B,oBACI,6BAAC,sBAAU;QACP,KAAK,EAAE;UAAEC,MAAM,EAAE,QAAQ;UAAEC,KAAK,EAAE;QAA8B,CAAE;QAClE,GAAG,EAAE;MAAY,GAEhBF,OAAO,CAACG,MAAM,CAACC,KAAK,EAAE,CACd;IAErB;EAAC;EAAA;AAAA,EAV2CC,uBAAU;AAAA;AAAA,IAa7CC,kBAAkB;EAAA;EAAA;EAC3B,4BAAmBC,EAAU,EAAEJ,MAAgC,EAAE;IAAA;IAAA;IAC7D,2BAAMI,EAAE,EAAEJ,MAAM;IAEhB,MAAKK,WAAW,CAAC,IAAIT,0BAA0B,EAAE,CAAC;IAAC;EACvD;EAAC;AAAA,EALmCU,qBAAS;AAAA"}

package/ui/views/OverlayView/useOverlayView.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-export declare type UseOverlayView = ReturnType<typeof useOverlayView>;
-export declare function useOverlayView(): {
+export interface UseOverlayView {
     isVisible: boolean;
-    setIsVisible: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-};
+    setIsVisible: (value: boolean) => void;
+}
+export declare const useOverlayView: () => UseOverlayView;

package/ui/views/OverlayView/useOverlayView.js

@@ -1,32 +1,37 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import { useEffect, useState } from "react";
-import { css } from "emotion";
-import { OverlayView } from "../OverlayView";
-var noScroll = /*#__PURE__*/css({
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useOverlayView = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _emotion = require("emotion");
+var _OverlayView = require("../OverlayView");
+var noScroll = /*#__PURE__*/(0, _emotion.css)({
   overflow: "hidden",
   height: "100vh"
 }, "label:noScroll;");
-export function useOverlayView() {
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isVisible = _useState2[0],
-      setIsVisible = _useState2[1];
-
-  useEffect(function () {
+var useOverlayView = function useOverlayView() {
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isVisible = _useState2[0],
+    setIsVisible = _useState2[1];
+  (0, _react.useEffect)(function () {
     if (isVisible) {
-      OverlayView.openedViews++;
+      _OverlayView.OverlayView.openedViews++;
       document.body.classList.add(noScroll);
-    } else if (!OverlayView.openedViews) {
+    } else if (!_OverlayView.OverlayView.openedViews) {
       document.body.classList.remove(noScroll);
     }
   }, [isVisible]);
-  useEffect(function () {
+  (0, _react.useEffect)(function () {
     return function () {
-      if (OverlayView.openedViews > 0) {
-        OverlayView.openedViews--;
+      if (_OverlayView.OverlayView.openedViews > 0) {
+        _OverlayView.OverlayView.openedViews--;
       }
-
-      if (!OverlayView.openedViews) {
+      if (!_OverlayView.OverlayView.openedViews) {
         document.body.classList.remove(noScroll);
       }
     };
@@ -35,4 +40,5 @@ export function useOverlayView() {
     isVisible: isVisible,
     setIsVisible: setIsVisible
   };
-}
+};
+exports.useOverlayView = useOverlayView;