@webiny/app-admin 6.0.0-beta.0 → 6.0.0-rc.1

package/ui/views/SplitView.js

@@ -1,118 +0,0 @@
-"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 _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-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)({
-  "&.mdc-layout-grid": {
-    padding: 0,
-    backgroundColor: "var(--mdc-theme-background)",
-    ">.mdc-layout-grid__inner": {
-      gridGap: 0
-    }
-  }
-});
-var leftPanel = (0, _emotion.css)({
-  backgroundColor: "var(--mdc-theme-surface)",
-  ">.webiny-data-list": {
-    display: "flex",
-    flexDirection: "column",
-    height: "calc(100vh - 70px)",
-    ".mdc-deprecated-list": {
-      overflow: "auto"
-    }
-  },
-  ">.mdc-deprecated-list": {
-    display: "flex",
-    flexDirection: "column",
-    maxHeight: "calc(100vh - 70px)",
-    overflow: "auto"
-  }
-});
-var rightPanel = (0, _emotion.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();
-    if (config.leftPanel) {
-      _this.getLeftPanel().addElement(config.leftPanel);
-    }
-    if (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, _get2.default)((0, _getPrototypeOf2.default)(SplitView.prototype), "render", this).call(this, 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);
-
-//# sourceMappingURL=SplitView.js.map

package/ui/views/SplitView.js.map

@@ -1 +0,0 @@
-{"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":[]}