@webiny/app-admin 5.41.4 → 5.42.0-beta.1

package/ui/views/OverlayView/ContentElement.js

@@ -8,8 +8,7 @@ exports.ContentElement = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _superPropGet2 = _interopRequireDefault(require("@babel/runtime/helpers/superPropGet"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
 var _react = _interopRequireDefault(require("react"));
@@ -41,7 +40,7 @@ var ContentElement = exports.ContentElement = /*#__PURE__*/function (_UIElement)
   return (0, _createClass2.default)(ContentElement, [{
     key: "render",
     value: function render(props) {
-      return /*#__PURE__*/_react.default.createElement(ContentWrapper, null, (0, _get2.default)((0, _getPrototypeOf2.default)(ContentElement.prototype), "render", this).call(this, props));
+      return /*#__PURE__*/_react.default.createElement(ContentWrapper, null, (0, _superPropGet2.default)(ContentElement, "render", this, 3)([props]));
     }
   }]);
 }(_UIElement2.UIElement);

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_UIElement2","_EMOTION_STRINGIFIED_CSS_ERROR__","ContentWrapper","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","ContentElement","exports","_UIElement","id","_this","_classCallCheck2","_callSuper2","useGrid","_inherits2","_createClass2","key","value","render","props","createElement","_get2","_getPrototypeOf2","prototype","call","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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AAAiE,SAAAE,iCAAA;AAEjE,IAAMC,cAAc,gBAAG,IAAAC,KAAA,CAAAC,OAAA,EAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,CAGnC,CAAC;AAAC,IAEUa,cAAc,GAAAC,OAAA,CAAAD,cAAA,0BAAAE,UAAA;EACvB,SAAAF,eAAYG,EAAU,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAf,OAAA,QAAAU,cAAA;IACpBI,KAAA,OAAAE,WAAA,CAAAhB,OAAA,QAAAU,cAAA,GAAMG,EAAE;IACRC,KAAA,CAAKG,OAAO,CAAC,KAAK,CAAC;IAAC,OAAAH,KAAA;EACxB;EAAC,IAAAI,UAAA,CAAAlB,OAAA,EAAAU,cAAA,EAAAE,UAAA;EAAA,WAAAO,aAAA,CAAAnB,OAAA,EAAAU,cAAA;IAAAU,GAAA;IAAAC,KAAA,EAED,SAAAC,OAAuBC,KAA2B,EAAmB;MACjE,oBAAO9B,MAAA,CAAAO,OAAA,CAAAwB,aAAA,CAAC1B,cAAc,YAAA2B,KAAA,CAAAzB,OAAA,MAAA0B,gBAAA,CAAA1B,OAAA,EAAAU,cAAA,CAAAiB,SAAA,mBAAAC,IAAA,OAAeL,KAAK,CAAkB,CAAC;IACjE;EAAC;AAAA,EAR+BM,qBAAS","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_UIElement2","_EMOTION_STRINGIFIED_CSS_ERROR__","ContentWrapper","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","ContentElement","exports","_UIElement","id","_this","_classCallCheck2","_callSuper2","useGrid","_inherits2","_createClass2","key","value","render","props","createElement","_superPropGet2","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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AAAiE,SAAAE,iCAAA;AAEjE,IAAMC,cAAc,gBAAG,IAAAC,KAAA,CAAAC,OAAA,EAAO,KAAK,EAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,EAAC,CAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAZ;AAAA,CAGnC,CAAC;AAAC,IAEUa,cAAc,GAAAC,OAAA,CAAAD,cAAA,0BAAAE,UAAA;EACvB,SAAAF,eAAYG,EAAU,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,CAAAf,OAAA,QAAAU,cAAA;IACpBI,KAAA,OAAAE,WAAA,CAAAhB,OAAA,QAAAU,cAAA,GAAMG,EAAE;IACRC,KAAA,CAAKG,OAAO,CAAC,KAAK,CAAC;IAAC,OAAAH,KAAA;EACxB;EAAC,IAAAI,UAAA,CAAAlB,OAAA,EAAAU,cAAA,EAAAE,UAAA;EAAA,WAAAO,aAAA,CAAAnB,OAAA,EAAAU,cAAA;IAAAU,GAAA;IAAAC,KAAA,EAED,SAAgBC,MAAMA,CAACC,KAA2B,EAAmB;MACjE,oBAAO9B,MAAA,CAAAO,OAAA,CAAAwB,aAAA,CAAC1B,cAAc,YAAA2B,cAAA,CAAAzB,OAAA,EAAAU,cAAA,sBAAea,KAAK,EAAkB,CAAC;IACjE;EAAC;AAAA,EAR+BG,qBAAS","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_UIElement2","_TopAppBar","_Button","_close","_PlaceholderElement","_HeaderTitleElement","width","css","HeaderElement","exports","_UIElement","id","config","_this","_classCallCheck2","default","_callSuper2","_defineProperty2","PlaceholderElement","_centerSection","HeaderTitleElement","title","getTitle","useGrid","_inherits2","_createClass2","key","value","setTitle","setLeftSectionElement","element","_leftSection","setCenterSectionElement","setRightSectionElement","_rightSection","getLeftSectionElement","getCenterSectionElement","getRightSectionElement","render","props","createElement","TopAppBarSecondary","fixed","style","top","TopAppBarSection","className","alignStart","alignEnd","IconButton","ripple","onClick","onClose","icon","ReactComponent","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":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_emotion","_UIElement2","_TopAppBar","_Button","_close","_PlaceholderElement","_HeaderTitleElement","width","css","HeaderElement","exports","_UIElement","id","config","_this","_classCallCheck2","default","_callSuper2","_defineProperty2","PlaceholderElement","_centerSection","HeaderTitleElement","title","getTitle","useGrid","_inherits2","_createClass2","key","value","setTitle","setLeftSectionElement","element","_leftSection","setCenterSectionElement","setRightSectionElement","_rightSection","getLeftSectionElement","getCenterSectionElement","getRightSectionElement","render","props","createElement","TopAppBarSecondary","fixed","style","top","TopAppBarSection","className","alignStart","alignEnd","IconButton","ripple","onClick","onClose","icon","ReactComponent","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":"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","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_UIElement2","_Typography","_UIRenderer2","HeaderTitleElementRenderer","exports","_UIRenderer","_classCallCheck2","default","_callSuper2","arguments","_inherits2","_createClass2","key","value","render","_ref","element","createElement","Typography","style","margin","color","use","config","title","UIRenderer","HeaderTitleElement","_UIElement","id","_this","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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAA6D,IAMhDI,0BAA0B,GAAAC,OAAA,CAAAD,0BAAA,0BAAAE,WAAA;EAAA,SAAAF,2BAAA;IAAA,IAAAG,gBAAA,CAAAC,OAAA,QAAAJ,0BAAA;IAAA,WAAAK,WAAA,CAAAD,OAAA,QAAAJ,0BAAA,EAAAM,SAAA;EAAA;EAAA,IAAAC,UAAA,CAAAH,OAAA,EAAAJ,0BAAA,EAAAE,WAAA;EAAA,WAAAM,aAAA,CAAAJ,OAAA,EAAAJ,0BAAA;IAAAS,GAAA;IAAAC,KAAA,EACnC,SAAAC,OAAAC,IAAA,EAAyF;MAAA,IAAhEC,OAAO,GAAAD,IAAA,CAAPC,OAAO;MAC5B,oBACInB,MAAA,CAAAU,OAAA,CAAAU,aAAA,CAAChB,WAAA,CAAAiB,UAAU;QACPC,KAAK,EAAE;UAAEC,MAAM,EAAE,QAAQ;UAAEC,KAAK,EAAE;QAA8B,CAAE;QAClEC,GAAG,EAAE;MAAY,GAEhBN,OAAO,CAACO,MAAM,CAACC,KAAK,CAAC,CACd,CAAC;IAErB;EAAC;AAAA,EAV2CC,uBAAU;AAAA,IAa7CC,kBAAkB,GAAAtB,OAAA,CAAAsB,kBAAA,0BAAAC,UAAA;EAC3B,SAAAD,mBAAmBE,EAAU,EAAEL,MAAgC,EAAE;IAAA,IAAAM,KAAA;IAAA,IAAAvB,gBAAA,CAAAC,OAAA,QAAAmB,kBAAA;IAC7DG,KAAA,OAAArB,WAAA,CAAAD,OAAA,QAAAmB,kBAAA,GAAME,EAAE,EAAEL,MAAM;IAEhBM,KAAA,CAAKC,WAAW,CAAC,IAAI3B,0BAA0B,CAAC,CAAC,CAAC;IAAC,OAAA0B,KAAA;EACvD;EAAC,IAAAnB,UAAA,CAAAH,OAAA,EAAAmB,kBAAA,EAAAC,UAAA;EAAA,WAAAhB,aAAA,CAAAJ,OAAA,EAAAmB,kBAAA;AAAA,EALmCK,qBAAS","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_UIElement2","_Typography","_UIRenderer2","HeaderTitleElementRenderer","exports","_UIRenderer","_classCallCheck2","default","_callSuper2","arguments","_inherits2","_createClass2","key","value","render","_ref","element","createElement","Typography","style","margin","color","use","config","title","UIRenderer","HeaderTitleElement","_UIElement","id","_this","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,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAA6D,IAMhDI,0BAA0B,GAAAC,OAAA,CAAAD,0BAAA,0BAAAE,WAAA;EAAA,SAAAF,2BAAA;IAAA,IAAAG,gBAAA,CAAAC,OAAA,QAAAJ,0BAAA;IAAA,WAAAK,WAAA,CAAAD,OAAA,QAAAJ,0BAAA,EAAAM,SAAA;EAAA;EAAA,IAAAC,UAAA,CAAAH,OAAA,EAAAJ,0BAAA,EAAAE,WAAA;EAAA,WAAAM,aAAA,CAAAJ,OAAA,EAAAJ,0BAAA;IAAAS,GAAA;IAAAC,KAAA,EACnC,SAAgBC,MAAMA,CAAAC,IAAA,EAAmE;MAAA,IAAhEC,OAAO,GAAAD,IAAA,CAAPC,OAAO;MAC5B,oBACInB,MAAA,CAAAU,OAAA,CAAAU,aAAA,CAAChB,WAAA,CAAAiB,UAAU;QACPC,KAAK,EAAE;UAAEC,MAAM,EAAE,QAAQ;UAAEC,KAAK,EAAE;QAA8B,CAAE;QAClEC,GAAG,EAAE;MAAY,GAEhBN,OAAO,CAACO,MAAM,CAACC,KAAK,CAAC,CACd,CAAC;IAErB;EAAC;AAAA,EAV2CC,uBAAU;AAAA,IAa7CC,kBAAkB,GAAAtB,OAAA,CAAAsB,kBAAA,0BAAAC,UAAA;EAC3B,SAAAD,mBAAmBE,EAAU,EAAEL,MAAgC,EAAE;IAAA,IAAAM,KAAA;IAAA,IAAAvB,gBAAA,CAAAC,OAAA,QAAAmB,kBAAA;IAC7DG,KAAA,OAAArB,WAAA,CAAAD,OAAA,QAAAmB,kBAAA,GAAME,EAAE,EAAEL,MAAM;IAEhBM,KAAA,CAAKC,WAAW,CAAC,IAAI3B,0BAA0B,CAAC,CAAC,CAAC;IAAC,OAAA0B,KAAA;EACvD;EAAC,IAAAnB,UAAA,CAAAH,OAAA,EAAAmB,kBAAA,EAAAC,UAAA;EAAA,WAAAhB,aAAA,CAAAJ,OAAA,EAAAmB,kBAAA;AAAA,EALmCK,qBAAS","ignoreList":[]}

package/ui/views/OverlayView.js

@@ -10,8 +10,7 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _superPropGet2 = _interopRequireDefault(require("@babel/runtime/helpers/superPropGet"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _base = _interopRequireDefault(require("@emotion/styled/base"));
@@ -147,7 +146,7 @@ var OverlayView = exports.OverlayView = /*#__PURE__*/function (_UIView) {
       }, function (state) {
         return /*#__PURE__*/_react.default.createElement(OverlayLayoutWrapper, {
           style: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, defaultStyle), transitionStyles[state])
-        }, (0, _get2.default)((0, _getPrototypeOf2.default)(OverlayView.prototype), "render", _this4).call(_this4, props));
+        }, (0, _superPropGet2.default)(OverlayView, "render", _this4, 3)([props]));
       });
     }
   }]);

package/ui/views/OverlayView.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactTransitionGroup","_UIView2","_useOverlayView","_HeaderElement","_ContentElement","_EMOTION_STRINGIFIED_CSS_ERROR__","OverlayLayoutWrapper","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","defaultStyle","transform","opacity","transitionProperty","transitionTimingFunction","transitionDuration","willChange","transitionStyles","entering","entered","OverlayView","exports","_UIView","_this","id","arguments","length","undefined","_classCallCheck2","_callSuper2","_defineProperty2","useGrid","addHookDefinition","useOverlayView","addElement","HeaderElement","onClose","setIsVisible","ContentElement","applyPlugins","_inherits2","_createClass2","key","value","setTitle","title","getHeaderElement","onEntered","_this2","_toConsumableArray2","_onEntered","reverse","forEach","cb","onExited","_this3","_onExited","addOnEntered","push","addOnExited","getOverlayHook","getHook","visible","getElement","getContentElement","render","props","_this4","_this$getOverlayHook","isVisible","createElement","Transition","in","timeout","appear","state","style","_objectSpread2","_get2","_getPrototypeOf2","prototype","call","UIView"],"sources":["OverlayView.tsx"],"sourcesContent":["import React from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport styled from \"@emotion/styled\";\nimport { UIView, UIViewProps } from \"~/ui/UIView\";\nimport { UseOverlayView, useOverlayView } from \"./OverlayView/useOverlayView\";\nimport { HeaderElement } from \"./OverlayView/HeaderElement\";\nimport { ContentElement } from \"./OverlayView/ContentElement\";\n\n// !GOOD FIRST ISSUE!\n// Extract rendering and styling into an OverlayViewRenderer class.\n\nconst OverlayLayoutWrapper = styled(\"div\")({\n    position: \"fixed\",\n    width: \"100%\",\n    height: \"100vh\",\n    backgroundColor: \"var(--mdc-theme-background)\",\n    /**\n     * Has to be higher than 5 so it's above advanced settings dialog,\n     * and below 20, so the image editor & Dialogs can be displayed above.\n     */\n    zIndex: 21,\n    top: 0,\n    left: 0\n});\n\nconst defaultStyle: Record<string, string | number> = {\n    transform: \"translateY(75vh)\",\n    opacity: 0,\n    transitionProperty: \"transform, opacity\",\n    transitionTimingFunction: \"cubic-bezier(0, 0, .2, 1)\",\n    transitionDuration: \"225ms\",\n    willChange: \"opacity, transform\"\n};\n\nconst transitionStyles: Record<string, any> = {\n    entering: {\n        transform: \"translateY(75vh)\",\n        opacity: 0\n    },\n    entered: {\n        transform: \"translateY(0px)\",\n        opacity: 1\n    }\n};\n\ninterface OnExited {\n    (view: OverlayView): void;\n}\n\ninterface OnEntered {\n    (view: OverlayView): void;\n}\n\nexport class OverlayView extends UIView {\n    /**\n     * This property is used to track the amount of opened overlays. Since we're applying a CSS class to disable\n     * window scroll, we must make sure we don't remove that CSS class until all the overlays are closed.\n     */\n    static openedViews = 0;\n    private _onEntered: OnEntered[] = [];\n    private _onExited: OnExited[] = [];\n\n    public constructor(id = \"OverlayView\") {\n        super(id);\n        this.useGrid(false);\n\n        this.addHookDefinition(\"overlay\", useOverlayView);\n\n        this.addElement(\n            new HeaderElement(\"overlayHeader\", {\n                onClose: () => this.setIsVisible(false)\n            })\n        );\n\n        this.addElement(new ContentElement(\"overlayContent\"));\n\n        this.applyPlugins(OverlayView);\n    }\n\n    public setTitle(title: () => string): void {\n        this.getHeaderElement().setTitle(title);\n    }\n\n    public onEntered(): void {\n        [...this._onEntered].reverse().forEach(cb => cb(this));\n    }\n\n    public onExited(): void {\n        [...this._onExited].reverse().forEach(cb => cb(this));\n    }\n\n    public addOnEntered(cb: OnExited): void {\n        this._onEntered.push(cb);\n    }\n\n    public addOnExited(cb: OnExited): void {\n        this._onExited.push(cb);\n    }\n\n    public getOverlayHook(): UseOverlayView {\n        return this.getHook<UseOverlayView>(\"overlay\");\n    }\n\n    public setIsVisible(visible: boolean): void {\n        this.getOverlayHook().setIsVisible(visible);\n    }\n\n    public getHeaderElement(): HeaderElement {\n        return this.getElement(\"overlayHeader\") as HeaderElement;\n    }\n\n    public getContentElement(): ContentElement {\n        return this.getElement(\"overlayContent\") as HeaderElement;\n    }\n\n    public override render(props: UIViewProps): React.ReactNode {\n        const { isVisible } = this.getOverlayHook();\n        return (\n            <Transition\n                in={isVisible}\n                timeout={100}\n                appear\n                onExited={() => this.onExited()}\n                onEntered={() => this.onEntered()}\n            >\n                {state => (\n                    <OverlayLayoutWrapper style={{ ...defaultStyle, ...transitionStyles[state] }}>\n                        {super.render(props)}\n                    </OverlayLayoutWrapper>\n                )}\n            </Transition>\n        );\n    }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactTransitionGroup","_UIView2","_useOverlayView","_HeaderElement","_ContentElement","_EMOTION_STRINGIFIED_CSS_ERROR__","OverlayLayoutWrapper","_base","default","process","env","NODE_ENV","target","label","name","styles","map","toString","defaultStyle","transform","opacity","transitionProperty","transitionTimingFunction","transitionDuration","willChange","transitionStyles","entering","entered","OverlayView","exports","_UIView","_this","id","arguments","length","undefined","_classCallCheck2","_callSuper2","_defineProperty2","useGrid","addHookDefinition","useOverlayView","addElement","HeaderElement","onClose","setIsVisible","ContentElement","applyPlugins","_inherits2","_createClass2","key","value","setTitle","title","getHeaderElement","onEntered","_this2","_toConsumableArray2","_onEntered","reverse","forEach","cb","onExited","_this3","_onExited","addOnEntered","push","addOnExited","getOverlayHook","getHook","visible","getElement","getContentElement","render","props","_this4","_this$getOverlayHook","isVisible","createElement","Transition","in","timeout","appear","state","style","_objectSpread2","_superPropGet2","UIView"],"sources":["OverlayView.tsx"],"sourcesContent":["import React from \"react\";\nimport { Transition } from \"react-transition-group\";\nimport styled from \"@emotion/styled\";\nimport { UIView, UIViewProps } from \"~/ui/UIView\";\nimport { UseOverlayView, useOverlayView } from \"./OverlayView/useOverlayView\";\nimport { HeaderElement } from \"./OverlayView/HeaderElement\";\nimport { ContentElement } from \"./OverlayView/ContentElement\";\n\n// !GOOD FIRST ISSUE!\n// Extract rendering and styling into an OverlayViewRenderer class.\n\nconst OverlayLayoutWrapper = styled(\"div\")({\n    position: \"fixed\",\n    width: \"100%\",\n    height: \"100vh\",\n    backgroundColor: \"var(--mdc-theme-background)\",\n    /**\n     * Has to be higher than 5 so it's above advanced settings dialog,\n     * and below 20, so the image editor & Dialogs can be displayed above.\n     */\n    zIndex: 21,\n    top: 0,\n    left: 0\n});\n\nconst defaultStyle: Record<string, string | number> = {\n    transform: \"translateY(75vh)\",\n    opacity: 0,\n    transitionProperty: \"transform, opacity\",\n    transitionTimingFunction: \"cubic-bezier(0, 0, .2, 1)\",\n    transitionDuration: \"225ms\",\n    willChange: \"opacity, transform\"\n};\n\nconst transitionStyles: Record<string, any> = {\n    entering: {\n        transform: \"translateY(75vh)\",\n        opacity: 0\n    },\n    entered: {\n        transform: \"translateY(0px)\",\n        opacity: 1\n    }\n};\n\ninterface OnExited {\n    (view: OverlayView): void;\n}\n\ninterface OnEntered {\n    (view: OverlayView): void;\n}\n\nexport class OverlayView extends UIView {\n    /**\n     * This property is used to track the amount of opened overlays. Since we're applying a CSS class to disable\n     * window scroll, we must make sure we don't remove that CSS class until all the overlays are closed.\n     */\n    static openedViews = 0;\n    private _onEntered: OnEntered[] = [];\n    private _onExited: OnExited[] = [];\n\n    public constructor(id = \"OverlayView\") {\n        super(id);\n        this.useGrid(false);\n\n        this.addHookDefinition(\"overlay\", useOverlayView);\n\n        this.addElement(\n            new HeaderElement(\"overlayHeader\", {\n                onClose: () => this.setIsVisible(false)\n            })\n        );\n\n        this.addElement(new ContentElement(\"overlayContent\"));\n\n        this.applyPlugins(OverlayView);\n    }\n\n    public setTitle(title: () => string): void {\n        this.getHeaderElement().setTitle(title);\n    }\n\n    public onEntered(): void {\n        [...this._onEntered].reverse().forEach(cb => cb(this));\n    }\n\n    public onExited(): void {\n        [...this._onExited].reverse().forEach(cb => cb(this));\n    }\n\n    public addOnEntered(cb: OnExited): void {\n        this._onEntered.push(cb);\n    }\n\n    public addOnExited(cb: OnExited): void {\n        this._onExited.push(cb);\n    }\n\n    public getOverlayHook(): UseOverlayView {\n        return this.getHook<UseOverlayView>(\"overlay\");\n    }\n\n    public setIsVisible(visible: boolean): void {\n        this.getOverlayHook().setIsVisible(visible);\n    }\n\n    public getHeaderElement(): HeaderElement {\n        return this.getElement(\"overlayHeader\") as HeaderElement;\n    }\n\n    public getContentElement(): ContentElement {\n        return this.getElement(\"overlayContent\") as HeaderElement;\n    }\n\n    public override render(props: UIViewProps): React.ReactNode {\n        const { isVisible } = this.getOverlayHook();\n        return (\n            <Transition\n                in={isVisible}\n                timeout={100}\n                appear\n                onExited={() => this.onExited()}\n                onEntered={() => this.onEntered()}\n            >\n                {state => (\n                    <OverlayLayoutWrapper style={{ ...defaultStyle, ...transitionStyles[state] }}>\n                        {super.render(props)}\n                    </OverlayLayoutWrapper>\n                )}\n            </Transition>\n        );\n    }\n}\n"],"mappings":"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","ignoreList":[]}

package/ui/views/SplitView/SplitViewPanelElement.js

@@ -8,8 +8,7 @@ exports.SplitViewPanelElement = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _superPropGet2 = _interopRequireDefault(require("@babel/runtime/helpers/superPropGet"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
@@ -61,7 +60,7 @@ var SplitViewPanelElement = exports.SplitViewPanelElement = /*#__PURE__*/functio
       return /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
         span: this._width,
         className: (0, _classnames.default)(Array.from(this._classNames.values()))
-      }, (0, _get2.default)((0, _getPrototypeOf2.default)(SplitViewPanelElement.prototype), "render", this).call(this, props));
+      }, (0, _superPropGet2.default)(SplitViewPanelElement, "render", this, 3)([props]));
     }
   }]);
 }(_UIElement2.UIElement);

package/ui/views/SplitView/SplitViewPanelElement.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_classnames","_UIElement2","_Grid","SplitViewPanelElement","exports","_UIElement","_this","_classCallCheck2","default","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","Set","_inherits2","_createClass2","key","value","setWidth","width","_width","addClassName","className","_classNames","add","removeClassName","delete","setContentElement","element","getChildren","forEach","el","remove","addElement","render","props","createElement","Cell","span","classNames","from","values","_get2","_getPrototypeOf2","prototype","call","UIElement"],"sources":["SplitViewPanelElement.tsx"],"sourcesContent":["import React from \"react\";\nimport classNames from \"classnames\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { Cell } from \"@webiny/ui/Grid\";\n\nexport class SplitViewPanelElement extends UIElement<any> {\n    private _width = 12;\n    private _classNames: Set<string> = new Set();\n\n    public setWidth(width: number): void {\n        this._width = width;\n    }\n\n    public addClassName(className: string): void {\n        this._classNames.add(className);\n    }\n\n    public removeClassName(className: string): void {\n        this._classNames.delete(className);\n    }\n\n    public setContentElement(element: UIElement): void {\n        // Remove previous content\n        this.getChildren().forEach(el => el.remove());\n\n        // Add new content\n        this.addElement(element);\n    }\n\n    public override render(props: UiElementRenderProps): React.ReactNode {\n        return (\n            <Cell span={this._width} className={classNames(Array.from(this._classNames.values()))}>\n                {super.render(props)}\n            </Cell>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAAuC,IAE1BI,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,0BAAAE,UAAA;EAAA,SAAAF,sBAAA;IAAA,IAAAG,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAL,qBAAA;IAAA,SAAAM,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAR,KAAA,OAAAS,WAAA,CAAAP,OAAA,QAAAL,qBAAA,KAAAa,MAAA,CAAAJ,IAAA;IAAA,IAAAK,gBAAA,CAAAT,OAAA,EAAAF,KAAA,YACb,EAAE;IAAA,IAAAW,gBAAA,CAAAT,OAAA,EAAAF,KAAA,iBACgB,IAAIY,GAAG,CAAC,CAAC;IAAA,OAAAZ,KAAA;EAAA;EAAA,IAAAa,UAAA,CAAAX,OAAA,EAAAL,qBAAA,EAAAE,UAAA;EAAA,WAAAe,aAAA,CAAAZ,OAAA,EAAAL,qBAAA;IAAAkB,GAAA;IAAAC,KAAA,EAE5C,SAAAC,SAAgBC,KAAa,EAAQ;MACjC,IAAI,CAACC,MAAM,GAAGD,KAAK;IACvB;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAAI,aAAoBC,SAAiB,EAAQ;MACzC,IAAI,CAACC,WAAW,CAACC,GAAG,CAACF,SAAS,CAAC;IACnC;EAAC;IAAAN,GAAA;IAAAC,KAAA,EAED,SAAAQ,gBAAuBH,SAAiB,EAAQ;MAC5C,IAAI,CAACC,WAAW,CAACG,MAAM,CAACJ,SAAS,CAAC;IACtC;EAAC;IAAAN,GAAA;IAAAC,KAAA,EAED,SAAAU,kBAAyBC,OAAkB,EAAQ;MAC/C;MACA,IAAI,CAACC,WAAW,CAAC,CAAC,CAACC,OAAO,CAAC,UAAAC,EAAE;QAAA,OAAIA,EAAE,CAACC,MAAM,CAAC,CAAC;MAAA,EAAC;;MAE7C;MACA,IAAI,CAACC,UAAU,CAACL,OAAO,CAAC;IAC5B;EAAC;IAAAZ,GAAA;IAAAC,KAAA,EAED,SAAAiB,OAAuBC,KAA2B,EAAmB;MACjE,oBACI3C,MAAA,CAAAW,OAAA,CAAAiC,aAAA,CAACvC,KAAA,CAAAwC,IAAI;QAACC,IAAI,EAAE,IAAI,CAAClB,MAAO;QAACE,SAAS,EAAE,IAAAiB,mBAAU,EAAC/B,KAAK,CAACgC,IAAI,CAAC,IAAI,CAACjB,WAAW,CAACkB,MAAM,CAAC,CAAC,CAAC;MAAE,OAAAC,KAAA,CAAAvC,OAAA,MAAAwC,gBAAA,CAAAxC,OAAA,EAAAL,qBAAA,CAAA8C,SAAA,mBAAAC,IAAA,OACpEV,KAAK,CACjB,CAAC;IAEf;EAAC;AAAA,EA9BsCW,qBAAS","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_classnames","_UIElement2","_Grid","SplitViewPanelElement","exports","_UIElement","_this","_classCallCheck2","default","_len","arguments","length","args","Array","_key","_callSuper2","concat","_defineProperty2","Set","_inherits2","_createClass2","key","value","setWidth","width","_width","addClassName","className","_classNames","add","removeClassName","delete","setContentElement","element","getChildren","forEach","el","remove","addElement","render","props","createElement","Cell","span","classNames","from","values","_superPropGet2","UIElement"],"sources":["SplitViewPanelElement.tsx"],"sourcesContent":["import React from \"react\";\nimport classNames from \"classnames\";\nimport { UIElement, UiElementRenderProps } from \"~/ui/UIElement\";\nimport { Cell } from \"@webiny/ui/Grid\";\n\nexport class SplitViewPanelElement extends UIElement<any> {\n    private _width = 12;\n    private _classNames: Set<string> = new Set();\n\n    public setWidth(width: number): void {\n        this._width = width;\n    }\n\n    public addClassName(className: string): void {\n        this._classNames.add(className);\n    }\n\n    public removeClassName(className: string): void {\n        this._classNames.delete(className);\n    }\n\n    public setContentElement(element: UIElement): void {\n        // Remove previous content\n        this.getChildren().forEach(el => el.remove());\n\n        // Add new content\n        this.addElement(element);\n    }\n\n    public override render(props: UiElementRenderProps): React.ReactNode {\n        return (\n            <Cell span={this._width} className={classNames(Array.from(this._classNames.values()))}>\n                {super.render(props)}\n            </Cell>\n        );\n    }\n}\n"],"mappings":";;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAAuC,IAE1BI,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,0BAAAE,UAAA;EAAA,SAAAF,sBAAA;IAAA,IAAAG,KAAA;IAAA,IAAAC,gBAAA,CAAAC,OAAA,QAAAL,qBAAA;IAAA,SAAAM,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA;MAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA;IAAA;IAAAR,KAAA,OAAAS,WAAA,CAAAP,OAAA,QAAAL,qBAAA,KAAAa,MAAA,CAAAJ,IAAA;IAAA,IAAAK,gBAAA,CAAAT,OAAA,EAAAF,KAAA,YACb,EAAE;IAAA,IAAAW,gBAAA,CAAAT,OAAA,EAAAF,KAAA,iBACgB,IAAIY,GAAG,CAAC,CAAC;IAAA,OAAAZ,KAAA;EAAA;EAAA,IAAAa,UAAA,CAAAX,OAAA,EAAAL,qBAAA,EAAAE,UAAA;EAAA,WAAAe,aAAA,CAAAZ,OAAA,EAAAL,qBAAA;IAAAkB,GAAA;IAAAC,KAAA,EAE5C,SAAOC,QAAQA,CAACC,KAAa,EAAQ;MACjC,IAAI,CAACC,MAAM,GAAGD,KAAK;IACvB;EAAC;IAAAH,GAAA;IAAAC,KAAA,EAED,SAAOI,YAAYA,CAACC,SAAiB,EAAQ;MACzC,IAAI,CAACC,WAAW,CAACC,GAAG,CAACF,SAAS,CAAC;IACnC;EAAC;IAAAN,GAAA;IAAAC,KAAA,EAED,SAAOQ,eAAeA,CAACH,SAAiB,EAAQ;MAC5C,IAAI,CAACC,WAAW,CAACG,MAAM,CAACJ,SAAS,CAAC;IACtC;EAAC;IAAAN,GAAA;IAAAC,KAAA,EAED,SAAOU,iBAAiBA,CAACC,OAAkB,EAAQ;MAC/C;MACA,IAAI,CAACC,WAAW,CAAC,CAAC,CAACC,OAAO,CAAC,UAAAC,EAAE;QAAA,OAAIA,EAAE,CAACC,MAAM,CAAC,CAAC;MAAA,EAAC;;MAE7C;MACA,IAAI,CAACC,UAAU,CAACL,OAAO,CAAC;IAC5B;EAAC;IAAAZ,GAAA;IAAAC,KAAA,EAED,SAAgBiB,MAAMA,CAACC,KAA2B,EAAmB;MACjE,oBACI3C,MAAA,CAAAW,OAAA,CAAAiC,aAAA,CAACvC,KAAA,CAAAwC,IAAI;QAACC,IAAI,EAAE,IAAI,CAAClB,MAAO;QAACE,SAAS,EAAE,IAAAiB,mBAAU,EAAC/B,KAAK,CAACgC,IAAI,CAAC,IAAI,CAACjB,WAAW,CAACkB,MAAM,CAAC,CAAC,CAAC;MAAE,OAAAC,cAAA,CAAAvC,OAAA,EAAAL,qBAAA,sBACpEqC,KAAK,EACjB,CAAC;IAEf;EAAC;AAAA,EA9BsCQ,qBAAS","ignoreList":[]}

package/ui/views/SplitView.js

@@ -8,8 +8,7 @@ exports.SplitView = void 0;
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _callSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/callSuper"));
-var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _superPropGet2 = _interopRequireDefault(require("@babel/runtime/helpers/superPropGet"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
@@ -94,7 +93,7 @@ var SplitView = exports.SplitView = /*#__PURE__*/function (_UIView) {
     value: function render(props) {
       return /*#__PURE__*/_react.default.createElement(_Grid.Grid, {
         className: (0, _classnames.default)(Array.from(this._classNames.values()))
-      }, (0, _get2.default)((0, _getPrototypeOf2.default)(SplitView.prototype), "render", this).call(this, props));
+      }, (0, _superPropGet2.default)(SplitView, "render", this, 3)([props]));
     }
   }, {
     key: "addElements",

package/ui/views/SplitView.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_classnames","_emotion","_Grid","_SplitViewPanelElement","_UIView2","grid","css","padding","backgroundColor","gridGap","leftPanel","display","flexDirection","height","overflow","maxHeight","rightPanel","SplitView","exports","_UIView","id","_this","config","arguments","length","undefined","_classCallCheck2","default","_callSuper2","concat","_defineProperty2","Set","useGrid","addClassName","addElements","getLeftPanel","addElement","getRightPanel","_inherits2","_createClass2","key","value","className","_classNames","add","removeClassName","delete","getElement","render","props","createElement","Grid","classNames","Array","from","values","_get2","_getPrototypeOf2","prototype","call","_leftPanel","SplitViewPanelElement","setWidth","_rightPanel","moveAfter","UIView"],"sources":["SplitView.tsx"],"sourcesContent":["import React from \"react\";\nimport classNames from \"classnames\";\nimport { css } from \"emotion\";\nimport { Grid } from \"@webiny/ui/Grid\";\nimport { UIElement } from \"~/ui/UIElement\";\nimport { SplitViewPanelElement } from \"./SplitView/SplitViewPanelElement\";\nimport { UIView } from \"../UIView\";\n\nconst grid = css({\n    \"&.mdc-layout-grid\": {\n        padding: 0,\n        backgroundColor: \"var(--mdc-theme-background)\",\n        \">.mdc-layout-grid__inner\": {\n            gridGap: 0\n        }\n    }\n});\n\nconst leftPanel = css({\n    backgroundColor: \"var(--mdc-theme-surface)\",\n    \">.webiny-data-list\": {\n        display: \"flex\",\n        flexDirection: \"column\",\n        height: \"calc(100vh - 70px)\",\n        \".mdc-deprecated-list\": {\n            overflow: \"auto\"\n        }\n    },\n    \">.mdc-deprecated-list\": {\n        display: \"flex\",\n        flexDirection: \"column\",\n        maxHeight: \"calc(100vh - 70px)\",\n        overflow: \"auto\"\n    }\n});\n\nconst rightPanel = css({\n    backgroundColor: \"var(--mdc-theme-background)\",\n    overflow: \"auto\",\n    height: \"calc(100vh - 70px)\"\n});\n\ninterface SplitViewConfig {\n    leftPanel?: UIElement;\n    rightPanel?: UIElement;\n}\n\nexport class SplitView extends UIView {\n    private _classNames = new Set<string>();\n    private _leftPanel?: SplitViewPanelElement;\n    private _rightPanel?: SplitViewPanelElement;\n\n    public constructor(id: string, config: SplitViewConfig = {}) {\n        super(`SplitView.${id}`);\n\n        this.useGrid(false);\n        this.addClassName(grid);\n        this.addClassName(\"webiny-split-view\");\n        this.addElements();\n\n        if (config.leftPanel) {\n            this.getLeftPanel().addElement(config.leftPanel);\n        }\n\n        if (config.rightPanel) {\n            this.getRightPanel().addElement(config.rightPanel);\n        }\n    }\n\n    public addClassName(className: string): void {\n        this._classNames.add(className);\n    }\n\n    public removeClassName(className: string): void {\n        this._classNames.delete(className);\n    }\n\n    public getLeftPanel(): SplitViewPanelElement {\n        return this.getElement(\"leftPanel\") as SplitViewPanelElement;\n    }\n\n    public getRightPanel(): SplitViewPanelElement {\n        return this.getElement(\"rightPanel\") as SplitViewPanelElement;\n    }\n\n    public override render(props?: any): React.ReactNode {\n        return (\n            <Grid className={classNames(Array.from(this._classNames.values()))}>\n                {super.render(props)}\n            </Grid>\n        );\n    }\n\n    private addElements(): void {\n        this._leftPanel = new SplitViewPanelElement(\"leftPanel\");\n        this._leftPanel.useGrid(false);\n        this._leftPanel.setWidth(5);\n        this._leftPanel.addClassName(leftPanel);\n        this._leftPanel.addClassName(\"webiny-split-view__left-panel\");\n\n        this._rightPanel = new SplitViewPanelElement(\"rightPanel\");\n        this._rightPanel.useGrid(false);\n        this._rightPanel.setWidth(7);\n        this._rightPanel.addClassName(rightPanel);\n        this._rightPanel.addClassName(\"webiny-split-view__right-panel\");\n\n        this.addElement(this._leftPanel);\n        this._rightPanel.moveAfter(this._leftPanel);\n    }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_classnames","_emotion","_Grid","_SplitViewPanelElement","_UIView2","grid","css","padding","backgroundColor","gridGap","leftPanel","display","flexDirection","height","overflow","maxHeight","rightPanel","SplitView","exports","_UIView","id","_this","config","arguments","length","undefined","_classCallCheck2","default","_callSuper2","concat","_defineProperty2","Set","useGrid","addClassName","addElements","getLeftPanel","addElement","getRightPanel","_inherits2","_createClass2","key","value","className","_classNames","add","removeClassName","delete","getElement","render","props","createElement","Grid","classNames","Array","from","values","_superPropGet2","_leftPanel","SplitViewPanelElement","setWidth","_rightPanel","moveAfter","UIView"],"sources":["SplitView.tsx"],"sourcesContent":["import React from \"react\";\nimport classNames from \"classnames\";\nimport { css } from \"emotion\";\nimport { Grid } from \"@webiny/ui/Grid\";\nimport { UIElement } from \"~/ui/UIElement\";\nimport { SplitViewPanelElement } from \"./SplitView/SplitViewPanelElement\";\nimport { UIView } from \"../UIView\";\n\nconst grid = css({\n    \"&.mdc-layout-grid\": {\n        padding: 0,\n        backgroundColor: \"var(--mdc-theme-background)\",\n        \">.mdc-layout-grid__inner\": {\n            gridGap: 0\n        }\n    }\n});\n\nconst leftPanel = css({\n    backgroundColor: \"var(--mdc-theme-surface)\",\n    \">.webiny-data-list\": {\n        display: \"flex\",\n        flexDirection: \"column\",\n        height: \"calc(100vh - 70px)\",\n        \".mdc-deprecated-list\": {\n            overflow: \"auto\"\n        }\n    },\n    \">.mdc-deprecated-list\": {\n        display: \"flex\",\n        flexDirection: \"column\",\n        maxHeight: \"calc(100vh - 70px)\",\n        overflow: \"auto\"\n    }\n});\n\nconst rightPanel = css({\n    backgroundColor: \"var(--mdc-theme-background)\",\n    overflow: \"auto\",\n    height: \"calc(100vh - 70px)\"\n});\n\ninterface SplitViewConfig {\n    leftPanel?: UIElement;\n    rightPanel?: UIElement;\n}\n\nexport class SplitView extends UIView {\n    private _classNames = new Set<string>();\n    private _leftPanel?: SplitViewPanelElement;\n    private _rightPanel?: SplitViewPanelElement;\n\n    public constructor(id: string, config: SplitViewConfig = {}) {\n        super(`SplitView.${id}`);\n\n        this.useGrid(false);\n        this.addClassName(grid);\n        this.addClassName(\"webiny-split-view\");\n        this.addElements();\n\n        if (config.leftPanel) {\n            this.getLeftPanel().addElement(config.leftPanel);\n        }\n\n        if (config.rightPanel) {\n            this.getRightPanel().addElement(config.rightPanel);\n        }\n    }\n\n    public addClassName(className: string): void {\n        this._classNames.add(className);\n    }\n\n    public removeClassName(className: string): void {\n        this._classNames.delete(className);\n    }\n\n    public getLeftPanel(): SplitViewPanelElement {\n        return this.getElement(\"leftPanel\") as SplitViewPanelElement;\n    }\n\n    public getRightPanel(): SplitViewPanelElement {\n        return this.getElement(\"rightPanel\") as SplitViewPanelElement;\n    }\n\n    public override render(props?: any): React.ReactNode {\n        return (\n            <Grid className={classNames(Array.from(this._classNames.values()))}>\n                {super.render(props)}\n            </Grid>\n        );\n    }\n\n    private addElements(): void {\n        this._leftPanel = new SplitViewPanelElement(\"leftPanel\");\n        this._leftPanel.useGrid(false);\n        this._leftPanel.setWidth(5);\n        this._leftPanel.addClassName(leftPanel);\n        this._leftPanel.addClassName(\"webiny-split-view__left-panel\");\n\n        this._rightPanel = new SplitViewPanelElement(\"rightPanel\");\n        this._rightPanel.useGrid(false);\n        this._rightPanel.setWidth(7);\n        this._rightPanel.addClassName(rightPanel);\n        this._rightPanel.addClassName(\"webiny-split-view__right-panel\");\n\n        this.addElement(this._leftPanel);\n        this._rightPanel.moveAfter(this._leftPanel);\n    }\n}\n"],"mappings":"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","ignoreList":[]}