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

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","_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":[]}
+{"version":3,"names":["React","Transition","UIView","useOverlayView","HeaderElement","ContentElement","OverlayLayoutWrapper","_styled","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","defaultStyle","transform","opacity","transitionProperty","transitionTimingFunction","transitionDuration","willChange","transitionStyles","entering","entered","OverlayView","openedViews","_onEntered","_onExited","constructor","id","useGrid","addHookDefinition","addElement","onClose","setIsVisible","applyPlugins","setTitle","title","getHeaderElement","onEntered","reverse","forEach","cb","onExited","addOnEntered","push","addOnExited","getOverlayHook","getHook","visible","getElement","getContentElement","render","props","isVisible","createElement","in","timeout","appear","state","style"],"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

@@ -1,68 +1,32 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-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 _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"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _UIElement2 = require("../../UIElement");
-var _Grid = require("@webiny/ui/Grid");
-var SplitViewPanelElement = exports.SplitViewPanelElement = /*#__PURE__*/function (_UIElement) {
-  function SplitViewPanelElement() {
-    var _this;
-    (0, _classCallCheck2.default)(this, SplitViewPanelElement);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = (0, _callSuper2.default)(this, SplitViewPanelElement, [].concat(args));
-    (0, _defineProperty2.default)(_this, "_width", 12);
-    (0, _defineProperty2.default)(_this, "_classNames", new Set());
-    return _this;
+import React from "react";
+import classNames from "classnames";
+import { UIElement } from "../../UIElement";
+import { Cell } from "@webiny/ui/Grid";
+export class SplitViewPanelElement extends UIElement {
+  _width = 12;
+  _classNames = new Set();
+  setWidth(width) {
+    this._width = width;
+  }
+  addClassName(className) {
+    this._classNames.add(className);
+  }
+  removeClassName(className) {
+    this._classNames.delete(className);
   }
-  (0, _inherits2.default)(SplitViewPanelElement, _UIElement);
-  return (0, _createClass2.default)(SplitViewPanelElement, [{
-    key: "setWidth",
-    value: function setWidth(width) {
-      this._width = width;
-    }
-  }, {
-    key: "addClassName",
-    value: function addClassName(className) {
-      this._classNames.add(className);
-    }
-  }, {
-    key: "removeClassName",
-    value: function removeClassName(className) {
-      this._classNames.delete(className);
-    }
-  }, {
-    key: "setContentElement",
-    value: function setContentElement(element) {
-      // Remove previous content
-      this.getChildren().forEach(function (el) {
-        return el.remove();
-      });
+  setContentElement(element) {
+    // Remove previous content
+    this.getChildren().forEach(el => el.remove());
 
-      // Add new content
-      this.addElement(element);
-    }
-  }, {
-    key: "render",
-    value: function render(props) {
-      return /*#__PURE__*/_react.default.createElement(_Grid.Cell, {
-        span: this._width,
-        className: (0, _classnames.default)(Array.from(this._classNames.values()))
-      }, (0, _superPropGet2.default)(SplitViewPanelElement, "render", this, 3)([props]));
-    }
-  }]);
-}(_UIElement2.UIElement);
+    // Add new content
+    this.addElement(element);
+  }
+  render(props) {
+    return /*#__PURE__*/React.createElement(Cell, {
+      span: this._width,
+      className: classNames(Array.from(this._classNames.values()))
+    }, super.render(props));
+  }
+}
 
 //# sourceMappingURL=SplitViewPanelElement.js.map

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","_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":[]}
+{"version":3,"names":["React","classNames","UIElement","Cell","SplitViewPanelElement","_width","_classNames","Set","setWidth","width","addClassName","className","add","removeClassName","delete","setContentElement","element","getChildren","forEach","el","remove","addElement","render","props","createElement","span","Array","from","values"],"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,OAAOA,KAAK,MAAM,OAAO;AACzB,OAAOC,UAAU,MAAM,YAAY;AACnC,SAASC,SAAS;AAClB,SAASC,IAAI,QAAQ,iBAAiB;AAEtC,OAAO,MAAMC,qBAAqB,SAASF,SAAS,CAAM;EAC9CG,MAAM,GAAG,EAAE;EACXC,WAAW,GAAgB,IAAIC,GAAG,CAAC,CAAC;EAErCC,QAAQA,CAACC,KAAa,EAAQ;IACjC,IAAI,CAACJ,MAAM,GAAGI,KAAK;EACvB;EAEOC,YAAYA,CAACC,SAAiB,EAAQ;IACzC,IAAI,CAACL,WAAW,CAACM,GAAG,CAACD,SAAS,CAAC;EACnC;EAEOE,eAAeA,CAACF,SAAiB,EAAQ;IAC5C,IAAI,CAACL,WAAW,CAACQ,MAAM,CAACH,SAAS,CAAC;EACtC;EAEOI,iBAAiBA,CAACC,OAAkB,EAAQ;IAC/C;IACA,IAAI,CAACC,WAAW,CAAC,CAAC,CAACC,OAAO,CAACC,EAAE,IAAIA,EAAE,CAACC,MAAM,CAAC,CAAC,CAAC;;IAE7C;IACA,IAAI,CAACC,UAAU,CAACL,OAAO,CAAC;EAC5B;EAEgBM,MAAMA,CAACC,KAA2B,EAAmB;IACjE,oBACIvB,KAAA,CAAAwB,aAAA,CAACrB,IAAI;MAACsB,IAAI,EAAE,IAAI,CAACpB,MAAO;MAACM,SAAS,EAAEV,UAAU,CAACyB,KAAK,CAACC,IAAI,CAAC,IAAI,CAACrB,WAAW,CAACsB,MAAM,CAAC,CAAC,CAAC;IAAE,GACjF,KAAK,CAACN,MAAM,CAACC,KAAK,CACjB,CAAC;EAEf;AACJ","ignoreList":[]}

package/ui/views/SplitView.js

@@ -1,23 +1,10 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-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 _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"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _emotion = require("emotion");
-var _Grid = require("@webiny/ui/Grid");
-var _SplitViewPanelElement = require("./SplitView/SplitViewPanelElement");
-var _UIView2 = require("../UIView");
-var grid = (0, _emotion.css)({
+import React from "react";
+import classNames from "classnames";
+import { css } from "emotion";
+import { Grid } from "@webiny/ui/Grid";
+import { SplitViewPanelElement } from "./SplitView/SplitViewPanelElement";
+import { UIView } from "../UIView";
+const grid = css({
   "&.mdc-layout-grid": {
     padding: 0,
     backgroundColor: "var(--mdc-theme-background)",
@@ -26,7 +13,7 @@ var grid = (0, _emotion.css)({
     }
   }
 });
-var leftPanel = (0, _emotion.css)({
+const leftPanel = css({
   backgroundColor: "var(--mdc-theme-surface)",
   ">.webiny-data-list": {
     display: "flex",
@@ -43,75 +30,57 @@ var leftPanel = (0, _emotion.css)({
     overflow: "auto"
   }
 });
-var rightPanel = (0, _emotion.css)({
+const rightPanel = css({
   backgroundColor: "var(--mdc-theme-background)",
   overflow: "auto",
   height: "calc(100vh - 70px)"
 });
-var SplitView = exports.SplitView = /*#__PURE__*/function (_UIView) {
-  function SplitView(id) {
-    var _this;
-    var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    (0, _classCallCheck2.default)(this, SplitView);
-    _this = (0, _callSuper2.default)(this, SplitView, ["SplitView.".concat(id)]);
-    (0, _defineProperty2.default)(_this, "_classNames", new Set());
-    _this.useGrid(false);
-    _this.addClassName(grid);
-    _this.addClassName("webiny-split-view");
-    _this.addElements();
+export class SplitView extends UIView {
+  _classNames = new Set();
+  constructor(id, config = {}) {
+    super(`SplitView.${id}`);
+    this.useGrid(false);
+    this.addClassName(grid);
+    this.addClassName("webiny-split-view");
+    this.addElements();
     if (config.leftPanel) {
-      _this.getLeftPanel().addElement(config.leftPanel);
+      this.getLeftPanel().addElement(config.leftPanel);
     }
     if (config.rightPanel) {
-      _this.getRightPanel().addElement(config.rightPanel);
+      this.getRightPanel().addElement(config.rightPanel);
     }
-    return _this;
   }
-  (0, _inherits2.default)(SplitView, _UIView);
-  return (0, _createClass2.default)(SplitView, [{
-    key: "addClassName",
-    value: function addClassName(className) {
-      this._classNames.add(className);
-    }
-  }, {
-    key: "removeClassName",
-    value: function removeClassName(className) {
-      this._classNames.delete(className);
-    }
-  }, {
-    key: "getLeftPanel",
-    value: function getLeftPanel() {
-      return this.getElement("leftPanel");
-    }
-  }, {
-    key: "getRightPanel",
-    value: function getRightPanel() {
-      return this.getElement("rightPanel");
-    }
-  }, {
-    key: "render",
-    value: function render(props) {
-      return /*#__PURE__*/_react.default.createElement(_Grid.Grid, {
-        className: (0, _classnames.default)(Array.from(this._classNames.values()))
-      }, (0, _superPropGet2.default)(SplitView, "render", this, 3)([props]));
-    }
-  }, {
-    key: "addElements",
-    value: function addElements() {
-      this._leftPanel = new _SplitViewPanelElement.SplitViewPanelElement("leftPanel");
-      this._leftPanel.useGrid(false);
-      this._leftPanel.setWidth(5);
-      this._leftPanel.addClassName(leftPanel);
-      this._leftPanel.addClassName("webiny-split-view__left-panel");
-      this._rightPanel = new _SplitViewPanelElement.SplitViewPanelElement("rightPanel");
-      this._rightPanel.useGrid(false);
-      this._rightPanel.setWidth(7);
-      this._rightPanel.addClassName(rightPanel);
-      this._rightPanel.addClassName("webiny-split-view__right-panel");
-      this.addElement(this._leftPanel);
-      this._rightPanel.moveAfter(this._leftPanel);
-    }
-  }]);
-}(_UIView2.UIView);
+  addClassName(className) {
+    this._classNames.add(className);
+  }
+  removeClassName(className) {
+    this._classNames.delete(className);
+  }
+  getLeftPanel() {
+    return this.getElement("leftPanel");
+  }
+  getRightPanel() {
+    return this.getElement("rightPanel");
+  }
+  render(props) {
+    return /*#__PURE__*/React.createElement(Grid, {
+      className: classNames(Array.from(this._classNames.values()))
+    }, super.render(props));
+  }
+  addElements() {
+    this._leftPanel = new SplitViewPanelElement("leftPanel");
+    this._leftPanel.useGrid(false);
+    this._leftPanel.setWidth(5);
+    this._leftPanel.addClassName(leftPanel);
+    this._leftPanel.addClassName("webiny-split-view__left-panel");
+    this._rightPanel = new SplitViewPanelElement("rightPanel");
+    this._rightPanel.useGrid(false);
+    this._rightPanel.setWidth(7);
+    this._rightPanel.addClassName(rightPanel);
+    this._rightPanel.addClassName("webiny-split-view__right-panel");
+    this.addElement(this._leftPanel);
+    this._rightPanel.moveAfter(this._leftPanel);
+  }
+}
 
 //# sourceMappingURL=SplitView.js.map

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","_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":[]}
+{"version":3,"names":["React","classNames","css","Grid","SplitViewPanelElement","UIView","grid","padding","backgroundColor","gridGap","leftPanel","display","flexDirection","height","overflow","maxHeight","rightPanel","SplitView","_classNames","Set","constructor","id","config","useGrid","addClassName","addElements","getLeftPanel","addElement","getRightPanel","className","add","removeClassName","delete","getElement","render","props","createElement","Array","from","values","_leftPanel","setWidth","_rightPanel","moveAfter"],"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":[]}

package/base/Version.d.ts

@@ -1,3 +0,0 @@
-import React from "react";
-export declare const subFooter: string;
-export declare const Version: () => React.JSX.Element;

package/base/Version.js

@@ -1,56 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.subFooter = exports.Version = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _base = _interopRequireDefault(require("@emotion/styled/base"));
-var _react = _interopRequireWildcard(require("react"));
-var _emotion = require("emotion");
-var _List = require("@webiny/ui/List");
-var _config = require("@webiny/app/config");
-var _Typography = require("@webiny/ui/Typography");
-var _Tooltip = require("@webiny/ui/Tooltip");
-var _ = require("./..");
-var _templateObject;
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var subFooter = exports.subFooter = (0, _emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n    .mdc-drawer &.mdc-list-item {\n        border-top: 1px solid var(--mdc-theme-on-background);\n        padding: 10px 16px;\n        margin: 10px 0 0;\n    }\n"])));
-var WcpBadge = /*#__PURE__*/(0, _base.default)("span", process.env.NODE_ENV === "production" ? {
-  target: "e1k1x4pi0"
-} : {
-  target: "e1k1x4pi0",
-  label: "WcpBadge"
-})(process.env.NODE_ENV === "production" ? {
-  name: "19oflbi",
-  styles: "background-color:var(--mdc-theme-primary, #6200ee);display:inline-block;color:white;padding:2px 4px;border-radius:5px;font-size:12px;font-weight:bold;line-height:14px;margin-left:5px"
-} : {
-  name: "19oflbi",
-  styles: "background-color:var(--mdc-theme-primary, #6200ee);display:inline-block;color:white;padding:2px 4px;border-radius:5px;font-size:12px;font-weight:bold;line-height:14px;margin-left:5px",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlZlcnNpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlCNEIiLCJmaWxlIjoiVmVyc2lvbi50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlTWVtbyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSBcImVtb3Rpb25cIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgTGlzdEl0ZW0gfSBmcm9tIFwiQHdlYmlueS91aS9MaXN0XCI7XG5pbXBvcnQgeyBjb25maWcgYXMgYXBwQ29uZmlnIH0gZnJvbSBcIkB3ZWJpbnkvYXBwL2NvbmZpZ1wiO1xuaW1wb3J0IHsgVHlwb2dyYXBoeSB9IGZyb20gXCJAd2ViaW55L3VpL1R5cG9ncmFwaHlcIjtcbmltcG9ydCB7IFRvb2x0aXAgfSBmcm9tIFwiQHdlYmlueS91aS9Ub29sdGlwXCI7XG5pbXBvcnQgeyB1c2VXY3AgfSBmcm9tIFwifi9pbmRleFwiO1xuXG5leHBvcnQgY29uc3Qgc3ViRm9vdGVyID0gY3NzYFxuICAgIC5tZGMtZHJhd2VyICYubWRjLWxpc3QtaXRlbSB7XG4gICAgICAgIGJvcmRlci10b3A6IDFweCBzb2xpZCB2YXIoLS1tZGMtdGhlbWUtb24tYmFja2dyb3VuZCk7XG4gICAgICAgIHBhZGRpbmc6IDEwcHggMTZweDtcbiAgICAgICAgbWFyZ2luOiAxMHB4IDAgMDtcbiAgICB9XG5gO1xuXG5jb25zdCBXY3BCYWRnZSA9IHN0eWxlZC5zcGFuYFxuICAgIGJhY2tncm91bmQtY29sb3I6IHZhcigtLW1kYy10aGVtZS1wcmltYXJ5LCAjNjIwMGVlKTtcbiAgICBkaXNwbGF5OiBpbmxpbmUtYmxvY2s7XG4gICAgY29sb3I6IHdoaXRlO1xuICAgIHBhZGRpbmc6IDJweCA0cHg7XG4gICAgYm9yZGVyLXJhZGl1czogNXB4O1xuICAgIGZvbnQtc2l6ZTogMTJweDtcbiAgICBmb250LXdlaWdodDogYm9sZDtcbiAgICBsaW5lLWhlaWdodDogMTRweDtcbiAgICBtYXJnaW4tbGVmdDogNXB4O1xuYDtcblxuZXhwb3J0IGNvbnN0IFZlcnNpb24gPSAoKSA9PiB7XG4gICAgY29uc3Qgd2J5VmVyc2lvbiA9IGFwcENvbmZpZy5nZXRLZXkoXCJXRUJJTllfVkVSU0lPTlwiLCBwcm9jZXNzLmVudi5SRUFDVF9BUFBfV0VCSU5ZX1ZFUlNJT04pO1xuICAgIGNvbnN0IHdjcCA9IHVzZVdjcCgpO1xuXG4gICAgY29uc3Qgd2NwQmFkZ2UgPSB1c2VNZW1vKCgpID0+IHtcbiAgICAgICAgY29uc3Qgd2NwUHJvamVjdCA9IHdjcC5nZXRQcm9qZWN0KCk7XG5cbiAgICAgICAgaWYgKCF3Y3BQcm9qZWN0KSB7XG4gICAgICAgICAgICByZXR1cm4gbnVsbDtcbiAgICAgICAgfVxuXG4gICAgICAgIGNvbnN0IHRvb2x0aXBDb250ZW50ID0gKFxuICAgICAgICAgICAgPHNwYW4+XG4gICAgICAgICAgICAgICAge3djcFByb2plY3Qub3JnSWR9L3t3Y3BQcm9qZWN0LnByb2plY3RJZH1cbiAgICAgICAgICAgIDwvc3Bhbj5cbiAgICAgICAgKTtcblxuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPFRvb2x0aXAgY29udGVudD17dG9vbHRpcENvbnRlbnR9PlxuICAgICAgICAgICAgICAgIDxXY3BCYWRnZT5XQ1A8L1djcEJhZGdlPlxuICAgICAgICAgICAgPC9Ub29sdGlwPlxuICAgICAgICApO1xuICAgIH0sIFt3Y3BdKTtcblxuICAgIHJldHVybiAoXG4gICAgICAgIDxMaXN0SXRlbSByaXBwbGU9e2ZhbHNlfSBjbGFzc05hbWU9e3N1YkZvb3Rlcn0+XG4gICAgICAgICAgICA8VHlwb2dyYXBoeSB1c2U9e1wiYm9keTJcIn0+XG4gICAgICAgICAgICAgICAgV2ViaW55IHZ7d2J5VmVyc2lvbn1cbiAgICAgICAgICAgICAgICB7d2NwQmFkZ2V9XG4gICAgICAgICAgICA8L1R5cG9ncmFwaHk+XG4gICAgICAgIDwvTGlzdEl0ZW0+XG4gICAgKTtcbn07XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-});
-var Version = exports.Version = function Version() {
-  var wbyVersion = _config.config.getKey("WEBINY_VERSION", process.env.REACT_APP_WEBINY_VERSION);
-  var wcp = (0, _.useWcp)();
-  var wcpBadge = (0, _react.useMemo)(function () {
-    var wcpProject = wcp.getProject();
-    if (!wcpProject) {
-      return null;
-    }
-    var tooltipContent = /*#__PURE__*/_react.default.createElement("span", null, wcpProject.orgId, "/", wcpProject.projectId);
-    return /*#__PURE__*/_react.default.createElement(_Tooltip.Tooltip, {
-      content: tooltipContent
-    }, /*#__PURE__*/_react.default.createElement(WcpBadge, null, "WCP"));
-  }, [wcp]);
-  return /*#__PURE__*/_react.default.createElement(_List.ListItem, {
-    ripple: false,
-    className: subFooter
-  }, /*#__PURE__*/_react.default.createElement(_Typography.Typography, {
-    use: "body2"
-  }, "Webiny v", wbyVersion, wcpBadge));
-};
-
-//# sourceMappingURL=Version.js.map

package/base/Version.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_emotion","_List","_config","_Typography","_Tooltip","_","_templateObject","_EMOTION_STRINGIFIED_CSS_ERROR__","subFooter","exports","css","_taggedTemplateLiteral2","default","WcpBadge","_base","process","env","NODE_ENV","target","label","name","styles","map","toString","Version","wbyVersion","appConfig","getKey","REACT_APP_WEBINY_VERSION","wcp","useWcp","wcpBadge","useMemo","wcpProject","getProject","tooltipContent","createElement","orgId","projectId","Tooltip","content","ListItem","ripple","className","Typography","use"],"sources":["Version.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { css } from \"emotion\";\nimport styled from \"@emotion/styled\";\nimport { ListItem } from \"@webiny/ui/List\";\nimport { config as appConfig } from \"@webiny/app/config\";\nimport { Typography } from \"@webiny/ui/Typography\";\nimport { Tooltip } from \"@webiny/ui/Tooltip\";\nimport { useWcp } from \"~/index\";\n\nexport const subFooter = css`\n    .mdc-drawer &.mdc-list-item {\n        border-top: 1px solid var(--mdc-theme-on-background);\n        padding: 10px 16px;\n        margin: 10px 0 0;\n    }\n`;\n\nconst WcpBadge = styled.span`\n    background-color: var(--mdc-theme-primary, #6200ee);\n    display: inline-block;\n    color: white;\n    padding: 2px 4px;\n    border-radius: 5px;\n    font-size: 12px;\n    font-weight: bold;\n    line-height: 14px;\n    margin-left: 5px;\n`;\n\nexport const Version = () => {\n    const wbyVersion = appConfig.getKey(\"WEBINY_VERSION\", process.env.REACT_APP_WEBINY_VERSION);\n    const wcp = useWcp();\n\n    const wcpBadge = useMemo(() => {\n        const wcpProject = wcp.getProject();\n\n        if (!wcpProject) {\n            return null;\n        }\n\n        const tooltipContent = (\n            <span>\n                {wcpProject.orgId}/{wcpProject.projectId}\n            </span>\n        );\n\n        return (\n            <Tooltip content={tooltipContent}>\n                <WcpBadge>WCP</WcpBadge>\n            </Tooltip>\n        );\n    }, [wcp]);\n\n    return (\n        <ListItem ripple={false} className={subFooter}>\n            <Typography use={\"body2\"}>\n                Webiny v{wbyVersion}\n                {wcpBadge}\n            </Typography>\n        </ListItem>\n    );\n};\n"],"mappings":";;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAEA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,CAAA,GAAAN,OAAA;AAAiC,IAAAO,eAAA;AAAA,SAAAC,iCAAA;AAE1B,IAAMC,SAAS,GAAAC,OAAA,CAAAD,SAAA,OAAGE,YAAG,EAAAJ,eAAA,KAAAA,eAAA,OAAAK,uBAAA,CAAAC,OAAA,4KAM3B;AAED,IAAMC,QAAQ,oBAAAC,KAAA,CAAAF,OAAA,UAAAG,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAC,MAAA;AAAA;EAAAA,MAAA;EAAAC,KAAA;AAAA,GAAAJ,OAAA,CAAAC,GAAA,CAAAC,QAAA;EAAAG,IAAA;EAAAC,MAAA;AAAA;EAAAD,IAAA;EAAAC,MAAA;EAAAC,GAAA;EAAAC,QAAA,EAAAhB;AAAA,EAUb;AAEM,IAAMiB,OAAO,GAAAf,OAAA,CAAAe,OAAA,GAAG,SAAVA,OAAOA,CAAA,EAAS;EACzB,IAAMC,UAAU,GAAGC,cAAS,CAACC,MAAM,CAAC,gBAAgB,EAAEZ,OAAO,CAACC,GAAG,CAACY,wBAAwB,CAAC;EAC3F,IAAMC,GAAG,GAAG,IAAAC,QAAM,EAAC,CAAC;EAEpB,IAAMC,QAAQ,GAAG,IAAAC,cAAO,EAAC,YAAM;IAC3B,IAAMC,UAAU,GAAGJ,GAAG,CAACK,UAAU,CAAC,CAAC;IAEnC,IAAI,CAACD,UAAU,EAAE;MACb,OAAO,IAAI;IACf;IAEA,IAAME,cAAc,gBAChBtC,MAAA,CAAAe,OAAA,CAAAwB,aAAA,eACKH,UAAU,CAACI,KAAK,EAAC,GAAC,EAACJ,UAAU,CAACK,SAC7B,CACT;IAED,oBACIzC,MAAA,CAAAe,OAAA,CAAAwB,aAAA,CAAChC,QAAA,CAAAmC,OAAO;MAACC,OAAO,EAAEL;IAAe,gBAC7BtC,MAAA,CAAAe,OAAA,CAAAwB,aAAA,CAACvB,QAAQ,QAAC,KAAa,CAClB,CAAC;EAElB,CAAC,EAAE,CAACgB,GAAG,CAAC,CAAC;EAET,oBACIhC,MAAA,CAAAe,OAAA,CAAAwB,aAAA,CAACnC,KAAA,CAAAwC,QAAQ;IAACC,MAAM,EAAE,KAAM;IAACC,SAAS,EAAEnC;EAAU,gBAC1CX,MAAA,CAAAe,OAAA,CAAAwB,aAAA,CAACjC,WAAA,CAAAyC,UAAU;IAACC,GAAG,EAAE;EAAQ,GAAC,UACd,EAACpB,UAAU,EAClBM,QACO,CACN,CAAC;AAEnB,CAAC","ignoreList":[]}

package/base/ui/Menu.d.ts

@@ -1,51 +0,0 @@
-import React from "react";
-export interface MenuUpdater {
-    (menuItem: MenuData | undefined | null): MenuData | undefined;
-}
-export interface MenuContext {
-    menuItem: MenuData | null;
-    setMenu(id: string, updater: MenuUpdater): void;
-    removeMenu(id: string): void;
-}
-export interface MenuProps {
-    name: string;
-    label?: string;
-    path?: string;
-    icon?: JSX.Element;
-    onClick?: () => void;
-    testId?: string;
-    tags?: string[];
-    target?: string;
-    rel?: string;
-    element?: JSX.Element;
-    pin?: "first" | "last";
-}
-export interface MenuData extends MenuProps {
-    children: MenuData[];
-}
-export interface AddMenuProps extends MenuProps {
-    children?: React.ReactNode;
-}
-export declare const createEmptyMenu: (name: string) => MenuData;
-/**
- * Register a new menu item into the Admin app.
- */
-export declare const AddMenu: (({ children, ...props }: AddMenuProps) => React.JSX.Element | null) & {
-    original: ({ children, ...props }: AddMenuProps) => React.JSX.Element | null;
-    originalName: string;
-    displayName: string;
-} & {
-    original: (({ children, ...props }: AddMenuProps) => React.JSX.Element | null) & {
-        original: ({ children, ...props }: AddMenuProps) => React.JSX.Element | null;
-        originalName: string;
-        displayName: string;
-    };
-    originalName: string;
-    displayName: string;
-} & {
-    createDecorator: (decorator: import("../../index").ComponentDecorator<(({ children, ...props }: AddMenuProps) => React.JSX.Element | null) & {
-        original: ({ children, ...props }: AddMenuProps) => React.JSX.Element | null;
-        originalName: string;
-        displayName: string;
-    }>) => (props: unknown) => React.JSX.Element;
-};