@pie-lib/config-ui 9.0.3-next.4 → 10.0.0-beta.1

package/lib/langs.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/langs.jsx"],"names":["log","styles","theme","root","flexDirection","alignItems","display","position","paddingTop","paddingRight","formControl","inputLabel","paddingBottom","spacing","unit","RawLangs","props","event","onChange","target","value","uid","Math","random","toFixed","langs","selected","label","classes","choose","map","l","index","React","Component","PropTypes","func","array","string","object","isRequired","Langs","name","LanguageControls","languageControls","gridAutoFlow","gridAutoColumns","gridGap","activeLang","defaultLang","onActiveLangChange","onDefaultLangChange","className","names","propTypes"],"mappings":"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","sourcesContent":["import Input from '@material-ui/core/Input';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport Select from '@material-ui/core/Select';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport FormControl from '@material-ui/core/FormControl';\nimport debug from 'debug';\n\nconst log = debug('pie-elements:config-ui:langs');\n\nconst styles = theme => ({\n  root: {\n    flexDirection: 'column',\n    alignItems: 'start',\n    display: 'flex',\n    position: 'relative',\n    paddingTop: '0px',\n    paddingRight: '0px'\n  },\n  formControl: {\n    position: 'initial'\n  },\n  inputLabel: {\n    paddingBottom: theme.spacing.unit\n  }\n});\n\nexport class RawLangs extends React.Component {\n  static propTypes = {\n    onChange: PropTypes.func,\n    langs: PropTypes.array,\n    selected: PropTypes.string,\n    label: PropTypes.string,\n    classes: PropTypes.object.isRequired,\n    uid: PropTypes.string\n  };\n\n  constructor(props) {\n    super(props);\n    this.uid = props.uid || (Math.random() * 10000).toFixed();\n  }\n\n  choose = event => {\n    log('[choose] event: ', event);\n    if (this.props.onChange) {\n      this.props.onChange(event.target.value);\n    }\n  };\n\n  render() {\n    let { langs, selected, label, classes } = this.props;\n    log('[render] selected:', selected);\n    return (\n      <div className={classes.root}>\n        <FormControl className={classes.formControl}>\n          <InputLabel className={classes.inputLabel} htmlFor={this.uid}>\n            {label}\n          </InputLabel>\n          <Select\n            value={selected}\n            onChange={this.choose}\n            input={<Input id={this.uid} />}\n          >\n            {langs.map((l, index) => (\n              <MenuItem key={index} value={l}>\n                {l}\n              </MenuItem>\n            ))}\n          </Select>\n        </FormControl>\n      </div>\n    );\n  }\n}\n\nconst Langs = withStyles(styles, { name: 'Langs' })(RawLangs);\nexport default Langs;\n\nexport const LanguageControls = withStyles({\n  languageControls: {\n    display: 'grid',\n    gridAutoFlow: 'column',\n    gridAutoColumns: '1fr',\n    gridGap: '8px'\n  }\n})(\n  ({\n    classes,\n    langs,\n    activeLang,\n    defaultLang,\n    onActiveLangChange,\n    onDefaultLangChange,\n    className\n  }) => {\n    const names = classNames(classes.languageControls, className);\n\n    return (\n      <div className={names}>\n        <Langs\n          label=\"Choose language to edit\"\n          langs={langs}\n          selected={activeLang}\n          onChange={l => onActiveLangChange(l)}\n        />\n        <Langs\n          label=\"Default language\"\n          langs={langs}\n          selected={defaultLang}\n          onChange={l => onDefaultLangChange(l)}\n        />\n      </div>\n    );\n  }\n);\n\nLanguageControls.propTypes = {\n  langs: PropTypes.array,\n  activeLang: PropTypes.string.isRequired,\n  defaultLang: PropTypes.string.isRequired,\n  onActiveLangChange: PropTypes.func.isRequired,\n  onDefaultLangChange: PropTypes.func.isRequired\n};\n"],"file":"langs.js"}
+{"version":3,"file":"langs.js","names":["log","debug","styles","theme","root","flexDirection","alignItems","display","position","paddingTop","paddingRight","formControl","inputLabel","paddingBottom","spacing","unit","RawLangs","props","event","onChange","target","value","uid","Math","random","toFixed","langs","selected","label","classes","choose","map","l","index","React","Component","PropTypes","func","array","string","object","isRequired","Langs","withStyles","name","LanguageControls","languageControls","gridAutoFlow","gridAutoColumns","gridGap","activeLang","defaultLang","onActiveLangChange","onDefaultLangChange","className","names","classNames","propTypes"],"sources":["../src/langs.jsx"],"sourcesContent":["import Input from '@material-ui/core/Input';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport Select from '@material-ui/core/Select';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport FormControl from '@material-ui/core/FormControl';\nimport debug from 'debug';\n\nconst log = debug('pie-elements:config-ui:langs');\n\nconst styles = theme => ({\n  root: {\n    flexDirection: 'column',\n    alignItems: 'start',\n    display: 'flex',\n    position: 'relative',\n    paddingTop: '0px',\n    paddingRight: '0px'\n  },\n  formControl: {\n    position: 'initial'\n  },\n  inputLabel: {\n    paddingBottom: theme.spacing.unit\n  }\n});\n\nexport class RawLangs extends React.Component {\n  static propTypes = {\n    onChange: PropTypes.func,\n    langs: PropTypes.array,\n    selected: PropTypes.string,\n    label: PropTypes.string,\n    classes: PropTypes.object.isRequired,\n    uid: PropTypes.string\n  };\n\n  constructor(props) {\n    super(props);\n    this.uid = props.uid || (Math.random() * 10000).toFixed();\n  }\n\n  choose = event => {\n    log('[choose] event: ', event);\n    if (this.props.onChange) {\n      this.props.onChange(event.target.value);\n    }\n  };\n\n  render() {\n    let { langs, selected, label, classes } = this.props;\n    log('[render] selected:', selected);\n    return (\n      <div className={classes.root}>\n        <FormControl className={classes.formControl}>\n          <InputLabel className={classes.inputLabel} htmlFor={this.uid}>\n            {label}\n          </InputLabel>\n          <Select value={selected} onChange={this.choose} input={<Input id={this.uid} />}>\n            {langs.map((l, index) => (\n              <MenuItem key={index} value={l}>\n                {l}\n              </MenuItem>\n            ))}\n          </Select>\n        </FormControl>\n      </div>\n    );\n  }\n}\n\nconst Langs = withStyles(styles, { name: 'Langs' })(RawLangs);\nexport default Langs;\n\nexport const LanguageControls = withStyles({\n  languageControls: {\n    display: 'grid',\n    gridAutoFlow: 'column',\n    gridAutoColumns: '1fr',\n    gridGap: '8px'\n  }\n})(\n  ({\n    classes,\n    langs,\n    activeLang,\n    defaultLang,\n    onActiveLangChange,\n    onDefaultLangChange,\n    className\n  }) => {\n    const names = classNames(classes.languageControls, className);\n\n    return (\n      <div className={names}>\n        <Langs\n          label=\"Choose language to edit\"\n          langs={langs}\n          selected={activeLang}\n          onChange={l => onActiveLangChange(l)}\n        />\n        <Langs\n          label=\"Default language\"\n          langs={langs}\n          selected={defaultLang}\n          onChange={l => onDefaultLangChange(l)}\n        />\n      </div>\n    );\n  }\n);\n\nLanguageControls.propTypes = {\n  langs: PropTypes.array,\n  activeLang: PropTypes.string.isRequired,\n  defaultLang: PropTypes.string.isRequired,\n  onActiveLangChange: PropTypes.func.isRequired,\n  onDefaultLangChange: PropTypes.func.isRequired\n};\n"],"mappings":"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"}

package/lib/layout/config-layout.js

@@ -1,55 +1,51 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
-var _reactMeasure = _interopRequireDefault(require("react-measure"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
-var _layoutContents = _interopRequireDefault(require("./layout-contents"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 
-var _settingsBox = _interopRequireDefault(require("./settings-box"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 
-function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+var _react = _interopRequireDefault(require("react"));
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+var _reactMeasure = _interopRequireDefault(require("react-measure"));
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+var _layoutContents = _interopRequireDefault(require("./layout-contents"));
 
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+var _settingsBox = _interopRequireDefault(require("./settings-box"));
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+var ConfigLayout = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(ConfigLayout, _React$Component);
 
-var ConfigLayout =
-/*#__PURE__*/
-function (_React$Component) {
-  _inherits(ConfigLayout, _React$Component);
+  var _super = _createSuper(ConfigLayout);
 
   function ConfigLayout(props) {
     var _this;
 
-    _classCallCheck(this, ConfigLayout);
-
-    _this = _possibleConstructorReturn(this, _getPrototypeOf(ConfigLayout).call(this, props));
-
-    _defineProperty(_assertThisInitialized(_this), "onResize", function (contentRect) {
+    (0, _classCallCheck2["default"])(this, ConfigLayout);
+    _this = _super.call(this, props);
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onResize", function (contentRect) {
       var bounds = contentRect.bounds;
       var sidePanelMinWidth = _this.props.sidePanelMinWidth;
       var layoutMode = bounds.width >= sidePanelMinWidth ? 'inline' : 'tabbed';
@@ -58,50 +54,48 @@ function (_React$Component) {
         layoutMode: layoutMode
       });
     });
-
     _this.state = {
       layoutMode: undefined
     };
     return _this;
   }
 
-  _createClass(ConfigLayout, [{
+  (0, _createClass2["default"])(ConfigLayout, [{
     key: "render",
     value: function render() {
-      var _this$props = this.props,
-          settings = _this$props.settings,
-          children = _this$props.children;
-      var layoutMode = this.state.layoutMode;
-      return _react["default"].createElement(_reactMeasure["default"], {
+      var _this2 = this;
+
+      return /*#__PURE__*/_react["default"].createElement(_reactMeasure["default"], {
         bounds: true,
         onResize: this.onResize
       }, function (_ref) {
         var measureRef = _ref.measureRef;
-        return _react["default"].createElement("div", {
+        var _this2$props = _this2.props,
+            settings = _this2$props.settings,
+            children = _this2$props.children;
+        var layoutMode = _this2.state.layoutMode;
+        return /*#__PURE__*/_react["default"].createElement("div", {
           ref: measureRef
-        }, _react["default"].createElement(_layoutContents["default"], {
+        }, /*#__PURE__*/_react["default"].createElement(_layoutContents["default"], {
           mode: layoutMode,
-          secondary: layoutMode === 'inline' ? _react["default"].createElement(_settingsBox["default"], null, settings) : settings
+          secondary: layoutMode === 'inline' ? /*#__PURE__*/_react["default"].createElement(_settingsBox["default"], null, settings) : settings
         }, children));
       });
     }
   }]);
-
   return ConfigLayout;
 }(_react["default"].Component);
 
-_defineProperty(ConfigLayout, "propTypes", {
+(0, _defineProperty2["default"])(ConfigLayout, "propTypes", {
   children: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].arrayOf(_propTypes["default"].element), _propTypes["default"].element]),
   settings: _propTypes["default"].element,
   className: _propTypes["default"].string,
   classes: _propTypes["default"].object,
   sidePanelMinWidth: _propTypes["default"].number
 });
-
-_defineProperty(ConfigLayout, "defaultProps", {
+(0, _defineProperty2["default"])(ConfigLayout, "defaultProps", {
   sidePanelMinWidth: 950
 });
-
 var _default = ConfigLayout;
 exports["default"] = _default;
-//# sourceMappingURL=config-layout.js.map
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJDb25maWdMYXlvdXQiLCJwcm9wcyIsImNvbnRlbnRSZWN0IiwiYm91bmRzIiwic2lkZVBhbmVsTWluV2lkdGgiLCJsYXlvdXRNb2RlIiwid2lkdGgiLCJzZXRTdGF0ZSIsInN0YXRlIiwidW5kZWZpbmVkIiwib25SZXNpemUiLCJtZWFzdXJlUmVmIiwic2V0dGluZ3MiLCJjaGlsZHJlbiIsIlJlYWN0IiwiQ29tcG9uZW50IiwiUHJvcFR5cGVzIiwib25lT2ZUeXBlIiwic3RyaW5nIiwiYXJyYXlPZiIsImVsZW1lbnQiLCJjbGFzc05hbWUiLCJjbGFzc2VzIiwib2JqZWN0IiwibnVtYmVyIl0sInNvdXJjZXMiOlsiLi4vLi4vc3JjL2xheW91dC9jb25maWctbGF5b3V0LmpzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IE1lYXN1cmUgZnJvbSAncmVhY3QtbWVhc3VyZSc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IExheW91dENvbnRlbnRzIGZyb20gJy4vbGF5b3V0LWNvbnRlbnRzJztcbmltcG9ydCBTZXR0aW5nc0JveCBmcm9tICcuL3NldHRpbmdzLWJveCc7XG5cbmNsYXNzIENvbmZpZ0xheW91dCBleHRlbmRzIFJlYWN0LkNvbXBvbmVudCB7XG4gIHN0YXRpYyBwcm9wVHlwZXMgPSB7XG4gICAgY2hpbGRyZW46IFByb3BUeXBlcy5vbmVPZlR5cGUoW1xuICAgICAgUHJvcFR5cGVzLnN0cmluZyxcbiAgICAgIFByb3BUeXBlcy5hcnJheU9mKFByb3BUeXBlcy5lbGVtZW50KSxcbiAgICAgIFByb3BUeXBlcy5lbGVtZW50XG4gICAgXSksXG4gICAgc2V0dGluZ3M6IFByb3BUeXBlcy5lbGVtZW50LFxuICAgIGNsYXNzTmFtZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgICBjbGFzc2VzOiBQcm9wVHlwZXMub2JqZWN0LFxuICAgIHNpZGVQYW5lbE1pbldpZHRoOiBQcm9wVHlwZXMubnVtYmVyXG4gIH07XG5cbiAgc3RhdGljIGRlZmF1bHRQcm9wcyA9IHtcbiAgICBzaWRlUGFuZWxNaW5XaWR0aDogOTUwXG4gIH07XG5cbiAgY29uc3RydWN0b3IocHJvcHMpIHtcbiAgICBzdXBlcihwcm9wcyk7XG4gICAgdGhpcy5zdGF0ZSA9IHtcbiAgICAgIGxheW91dE1vZGU6IHVuZGVmaW5lZFxuICAgIH07XG4gIH1cblxuICBvblJlc2l6ZSA9IGNvbnRlbnRSZWN0ID0+IHtcbiAgICBjb25zdCB7IGJvdW5kcyB9ID0gY29udGVudFJlY3Q7XG4gICAgY29uc3QgeyBzaWRlUGFuZWxNaW5XaWR0aCB9ID0gdGhpcy5wcm9wcztcbiAgICBjb25zdCBsYXlvdXRNb2RlID0gYm91bmRzLndpZHRoID49IHNpZGVQYW5lbE1pbldpZHRoID8gJ2lubGluZScgOiAndGFiYmVkJztcblxuICAgIHRoaXMuc2V0U3RhdGUoeyBsYXlvdXRNb2RlIH0pO1xuICB9O1xuXG4gIHJlbmRlcigpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPE1lYXN1cmUgYm91bmRzIG9uUmVzaXplPXt0aGlzLm9uUmVzaXplfT5cbiAgICAgICAgeyh7IG1lYXN1cmVSZWYgfSkgPT4ge1xuICAgICAgICAgIGNvbnN0IHsgc2V0dGluZ3MsIGNoaWxkcmVuIH0gPSB0aGlzLnByb3BzO1xuICAgICAgICAgIGNvbnN0IHsgbGF5b3V0TW9kZSB9ID0gdGhpcy5zdGF0ZTtcblxuICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8ZGl2IHJlZj17bWVhc3VyZVJlZn0+XG4gICAgICAgICAgICAgIDxMYXlvdXRDb250ZW50c1xuICAgICAgICAgICAgICAgIG1vZGU9e2xheW91dE1vZGV9XG4gICAgICAgICAgICAgICAgc2Vjb25kYXJ5PXtcbiAgICAgICAgICAgICAgICAgIGxheW91dE1vZGUgPT09ICdpbmxpbmUnID8gPFNldHRpbmdzQm94PntzZXR0aW5nc308L1NldHRpbmdzQm94PiA6IHNldHRpbmdzXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgICA8L0xheW91dENvbnRlbnRzPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgKTtcbiAgICAgICAgfX1cbiAgICAgIDwvTWVhc3VyZT5cbiAgICApO1xuICB9XG59XG5cbmV4cG9ydCBkZWZhdWx0IENvbmZpZ0xheW91dDtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7Ozs7O0lBRU1BLFk7Ozs7O0VBaUJKLHNCQUFZQyxLQUFaLEVBQW1CO0lBQUE7O0lBQUE7SUFDakIsMEJBQU1BLEtBQU47SUFEaUIsNkZBT1IsVUFBQUMsV0FBVyxFQUFJO01BQ3hCLElBQVFDLE1BQVIsR0FBbUJELFdBQW5CLENBQVFDLE1BQVI7TUFDQSxJQUFRQyxpQkFBUixHQUE4QixNQUFLSCxLQUFuQyxDQUFRRyxpQkFBUjtNQUNBLElBQU1DLFVBQVUsR0FBR0YsTUFBTSxDQUFDRyxLQUFQLElBQWdCRixpQkFBaEIsR0FBb0MsUUFBcEMsR0FBK0MsUUFBbEU7O01BRUEsTUFBS0csUUFBTCxDQUFjO1FBQUVGLFVBQVUsRUFBVkE7TUFBRixDQUFkO0lBQ0QsQ0Fia0I7SUFFakIsTUFBS0csS0FBTCxHQUFhO01BQ1hILFVBQVUsRUFBRUk7SUFERCxDQUFiO0lBRmlCO0VBS2xCOzs7O1dBVUQsa0JBQVM7TUFBQTs7TUFDUCxvQkFDRSxnQ0FBQyx3QkFBRDtRQUFTLE1BQU0sTUFBZjtRQUFnQixRQUFRLEVBQUUsS0FBS0M7TUFBL0IsR0FDRyxnQkFBb0I7UUFBQSxJQUFqQkMsVUFBaUIsUUFBakJBLFVBQWlCO1FBQ25CLG1CQUErQixNQUFJLENBQUNWLEtBQXBDO1FBQUEsSUFBUVcsUUFBUixnQkFBUUEsUUFBUjtRQUFBLElBQWtCQyxRQUFsQixnQkFBa0JBLFFBQWxCO1FBQ0EsSUFBUVIsVUFBUixHQUF1QixNQUFJLENBQUNHLEtBQTVCLENBQVFILFVBQVI7UUFFQSxvQkFDRTtVQUFLLEdBQUcsRUFBRU07UUFBVixnQkFDRSxnQ0FBQywwQkFBRDtVQUNFLElBQUksRUFBRU4sVUFEUjtVQUVFLFNBQVMsRUFDUEEsVUFBVSxLQUFLLFFBQWYsZ0JBQTBCLGdDQUFDLHVCQUFELFFBQWNPLFFBQWQsQ0FBMUIsR0FBa0VBO1FBSHRFLEdBTUdDLFFBTkgsQ0FERixDQURGO01BWUQsQ0FqQkgsQ0FERjtJQXFCRDs7O0VBdER3QkMsaUJBQUEsQ0FBTUMsUzs7aUNBQTNCZixZLGVBQ2U7RUFDakJhLFFBQVEsRUFBRUcscUJBQUEsQ0FBVUMsU0FBVixDQUFvQixDQUM1QkQscUJBQUEsQ0FBVUUsTUFEa0IsRUFFNUJGLHFCQUFBLENBQVVHLE9BQVYsQ0FBa0JILHFCQUFBLENBQVVJLE9BQTVCLENBRjRCLEVBRzVCSixxQkFBQSxDQUFVSSxPQUhrQixDQUFwQixDQURPO0VBTWpCUixRQUFRLEVBQUVJLHFCQUFBLENBQVVJLE9BTkg7RUFPakJDLFNBQVMsRUFBRUwscUJBQUEsQ0FBVUUsTUFQSjtFQVFqQkksT0FBTyxFQUFFTixxQkFBQSxDQUFVTyxNQVJGO0VBU2pCbkIsaUJBQWlCLEVBQUVZLHFCQUFBLENBQVVRO0FBVFosQztpQ0FEZnhCLFksa0JBYWtCO0VBQ3BCSSxpQkFBaUIsRUFBRTtBQURDLEM7ZUE0Q1RKLFkifQ==

package/lib/layout/config-layout.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/layout/config-layout.jsx"],"names":["ConfigLayout","props","contentRect","bounds","sidePanelMinWidth","layoutMode","width","setState","state","undefined","settings","children","onResize","measureRef","React","Component","PropTypes","oneOfType","string","arrayOf","element","className","classes","object","number"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;IAEMA,Y;;;;;AAiBJ,wBAAYC,KAAZ,EAAmB;AAAA;;AAAA;;AACjB,sFAAMA,KAAN;;AADiB,+DAOR,UAAAC,WAAW,EAAI;AAAA,UAChBC,MADgB,GACLD,WADK,CAChBC,MADgB;AAAA,UAEhBC,iBAFgB,GAEM,MAAKH,KAFX,CAEhBG,iBAFgB;AAGxB,UAAMC,UAAU,GAAGF,MAAM,CAACG,KAAP,IAAgBF,iBAAhB,GAAoC,QAApC,GAA+C,QAAlE;;AACA,YAAKG,QAAL,CAAc;AAAEF,QAAAA,UAAU,EAAVA;AAAF,OAAd;AACD,KAZkB;;AAEjB,UAAKG,KAAL,GAAa;AACXH,MAAAA,UAAU,EAAEI;AADD,KAAb;AAFiB;AAKlB;;;;6BASQ;AAAA,wBACwB,KAAKR,KAD7B;AAAA,UACCS,QADD,eACCA,QADD;AAAA,UACWC,QADX,eACWA,QADX;AAAA,UAECN,UAFD,GAEgB,KAAKG,KAFrB,CAECH,UAFD;AAGP,aACE,gCAAC,wBAAD;AAAS,QAAA,MAAM,MAAf;AAAgB,QAAA,QAAQ,EAAE,KAAKO;AAA/B,SACG;AAAA,YAAGC,UAAH,QAAGA,UAAH;AAAA,eACC;AAAK,UAAA,GAAG,EAAEA;AAAV,WACE,gCAAC,0BAAD;AACE,UAAA,IAAI,EAAER,UADR;AAEE,UAAA,SAAS,EAAEA,UAAU,KAAK,QAAf,GAA0B,gCAAC,uBAAD,QAAcK,QAAd,CAA1B,GAAkEA;AAF/E,WAIGC,QAJH,CADF,CADD;AAAA,OADH,CADF;AAcD;;;;EAhDwBG,kBAAMC,S;;gBAA3Bf,Y,eACe;AACjBW,EAAAA,QAAQ,EAAEK,sBAAUC,SAAV,CAAoB,CAC5BD,sBAAUE,MADkB,EAE5BF,sBAAUG,OAAV,CAAkBH,sBAAUI,OAA5B,CAF4B,EAG5BJ,sBAAUI,OAHkB,CAApB,CADO;AAMjBV,EAAAA,QAAQ,EAAEM,sBAAUI,OANH;AAOjBC,EAAAA,SAAS,EAAEL,sBAAUE,MAPJ;AAQjBI,EAAAA,OAAO,EAAEN,sBAAUO,MARF;AASjBnB,EAAAA,iBAAiB,EAAEY,sBAAUQ;AATZ,C;;gBADfxB,Y,kBAakB;AACpBI,EAAAA,iBAAiB,EAAE;AADC,C;;eAsCTJ,Y","sourcesContent":["import React from 'react';\nimport Measure from 'react-measure';\nimport PropTypes from 'prop-types';\nimport LayoutContents from './layout-contents';\nimport SettingsBox from './settings-box';\n\nclass ConfigLayout extends React.Component {\n  static propTypes = {\n    children: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.arrayOf(PropTypes.element),\n      PropTypes.element\n    ]),\n    settings: PropTypes.element,\n    className: PropTypes.string,\n    classes: PropTypes.object,\n    sidePanelMinWidth: PropTypes.number\n  };\n\n  static defaultProps = {\n    sidePanelMinWidth: 950\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      layoutMode: undefined\n    };\n  }\n\n  onResize = contentRect => {\n    const { bounds } = contentRect;\n    const { sidePanelMinWidth } = this.props;\n    const layoutMode = bounds.width >= sidePanelMinWidth ? 'inline' : 'tabbed';\n    this.setState({ layoutMode });\n  };\n\n  render() {\n    const { settings, children } = this.props;\n    const { layoutMode } = this.state;\n    return (\n      <Measure bounds onResize={this.onResize}>\n        {({ measureRef }) => (\n          <div ref={measureRef}>\n            <LayoutContents\n              mode={layoutMode}\n              secondary={layoutMode === 'inline' ? <SettingsBox>{settings}</SettingsBox> : settings}\n            >\n              {children}\n            </LayoutContents>\n          </div>\n        )}\n      </Measure>\n    );\n  }\n}\n\nexport default ConfigLayout;\n"],"file":"config-layout.js"}
+{"version":3,"file":"config-layout.js","names":["ConfigLayout","props","contentRect","bounds","sidePanelMinWidth","layoutMode","width","setState","state","undefined","onResize","measureRef","settings","children","React","Component","PropTypes","oneOfType","string","arrayOf","element","className","classes","object","number"],"sources":["../../src/layout/config-layout.jsx"],"sourcesContent":["import React from 'react';\nimport Measure from 'react-measure';\nimport PropTypes from 'prop-types';\nimport LayoutContents from './layout-contents';\nimport SettingsBox from './settings-box';\n\nclass ConfigLayout extends React.Component {\n  static propTypes = {\n    children: PropTypes.oneOfType([\n      PropTypes.string,\n      PropTypes.arrayOf(PropTypes.element),\n      PropTypes.element\n    ]),\n    settings: PropTypes.element,\n    className: PropTypes.string,\n    classes: PropTypes.object,\n    sidePanelMinWidth: PropTypes.number\n  };\n\n  static defaultProps = {\n    sidePanelMinWidth: 950\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      layoutMode: undefined\n    };\n  }\n\n  onResize = contentRect => {\n    const { bounds } = contentRect;\n    const { sidePanelMinWidth } = this.props;\n    const layoutMode = bounds.width >= sidePanelMinWidth ? 'inline' : 'tabbed';\n\n    this.setState({ layoutMode });\n  };\n\n  render() {\n    return (\n      <Measure bounds onResize={this.onResize}>\n        {({ measureRef }) => {\n          const { settings, children } = this.props;\n          const { layoutMode } = this.state;\n\n          return (\n            <div ref={measureRef}>\n              <LayoutContents\n                mode={layoutMode}\n                secondary={\n                  layoutMode === 'inline' ? <SettingsBox>{settings}</SettingsBox> : settings\n                }\n              >\n                {children}\n              </LayoutContents>\n            </div>\n          );\n        }}\n      </Measure>\n    );\n  }\n}\n\nexport default ConfigLayout;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;IAEMA,Y;;;;;EAiBJ,sBAAYC,KAAZ,EAAmB;IAAA;;IAAA;IACjB,0BAAMA,KAAN;IADiB,6FAOR,UAAAC,WAAW,EAAI;MACxB,IAAQC,MAAR,GAAmBD,WAAnB,CAAQC,MAAR;MACA,IAAQC,iBAAR,GAA8B,MAAKH,KAAnC,CAAQG,iBAAR;MACA,IAAMC,UAAU,GAAGF,MAAM,CAACG,KAAP,IAAgBF,iBAAhB,GAAoC,QAApC,GAA+C,QAAlE;;MAEA,MAAKG,QAAL,CAAc;QAAEF,UAAU,EAAVA;MAAF,CAAd;IACD,CAbkB;IAEjB,MAAKG,KAAL,GAAa;MACXH,UAAU,EAAEI;IADD,CAAb;IAFiB;EAKlB;;;;WAUD,kBAAS;MAAA;;MACP,oBACE,gCAAC,wBAAD;QAAS,MAAM,MAAf;QAAgB,QAAQ,EAAE,KAAKC;MAA/B,GACG,gBAAoB;QAAA,IAAjBC,UAAiB,QAAjBA,UAAiB;QACnB,mBAA+B,MAAI,CAACV,KAApC;QAAA,IAAQW,QAAR,gBAAQA,QAAR;QAAA,IAAkBC,QAAlB,gBAAkBA,QAAlB;QACA,IAAQR,UAAR,GAAuB,MAAI,CAACG,KAA5B,CAAQH,UAAR;QAEA,oBACE;UAAK,GAAG,EAAEM;QAAV,gBACE,gCAAC,0BAAD;UACE,IAAI,EAAEN,UADR;UAEE,SAAS,EACPA,UAAU,KAAK,QAAf,gBAA0B,gCAAC,uBAAD,QAAcO,QAAd,CAA1B,GAAkEA;QAHtE,GAMGC,QANH,CADF,CADF;MAYD,CAjBH,CADF;IAqBD;;;EAtDwBC,iBAAA,CAAMC,S;;iCAA3Bf,Y,eACe;EACjBa,QAAQ,EAAEG,qBAAA,CAAUC,SAAV,CAAoB,CAC5BD,qBAAA,CAAUE,MADkB,EAE5BF,qBAAA,CAAUG,OAAV,CAAkBH,qBAAA,CAAUI,OAA5B,CAF4B,EAG5BJ,qBAAA,CAAUI,OAHkB,CAApB,CADO;EAMjBR,QAAQ,EAAEI,qBAAA,CAAUI,OANH;EAOjBC,SAAS,EAAEL,qBAAA,CAAUE,MAPJ;EAQjBI,OAAO,EAAEN,qBAAA,CAAUO,MARF;EASjBnB,iBAAiB,EAAEY,qBAAA,CAAUQ;AATZ,C;iCADfxB,Y,kBAakB;EACpBI,iBAAiB,EAAE;AADC,C;eA4CTJ,Y"}

package/lib/layout/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -19,6 +21,4 @@ Object.defineProperty(exports, "LayoutContents", {
 var _configLayout = _interopRequireDefault(require("./config-layout"));
 
 var _layoutContents = _interopRequireDefault(require("./layout-contents"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vc3JjL2xheW91dC9pbmRleC5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgQ29uZmlnTGF5b3V0IGZyb20gJy4vY29uZmlnLWxheW91dCc7XG5pbXBvcnQgTGF5b3V0Q29udGVudHMgZnJvbSAnLi9sYXlvdXQtY29udGVudHMnO1xuXG5leHBvcnQgeyBMYXlvdXRDb250ZW50cywgQ29uZmlnTGF5b3V0IH07XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUE7O0FBQ0EifQ==

package/lib/layout/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/layout/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;AACA","sourcesContent":["import ConfigLayout from './config-layout';\nimport LayoutContents from './layout-contents';\n\nexport { LayoutContents, ConfigLayout };\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/layout/index.js"],"sourcesContent":["import ConfigLayout from './config-layout';\nimport LayoutContents from './layout-contents';\n\nexport { LayoutContents, ConfigLayout };\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;AACA"}

package/lib/layout/layout-contents.js

@@ -1,54 +1,49 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
-var _core = require("@material-ui/core");
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
-var _tabs = _interopRequireDefault(require("../tabs"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+var _react = _interopRequireDefault(require("react"));
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+var _core = require("@material-ui/core");
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+var _tabs = _interopRequireDefault(require("../tabs"));
 
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+var _classnames = _interopRequireDefault(require("classnames"));
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+var RawLayoutContents = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(RawLayoutContents, _React$Component);
 
-var RawLayoutContents =
-/*#__PURE__*/
-function (_React$Component) {
-  _inherits(RawLayoutContents, _React$Component);
+  var _super = _createSuper(RawLayoutContents);
 
   function RawLayoutContents() {
-    _classCallCheck(this, RawLayoutContents);
-
-    return _possibleConstructorReturn(this, _getPrototypeOf(RawLayoutContents).apply(this, arguments));
+    (0, _classCallCheck2["default"])(this, RawLayoutContents);
+    return _super.apply(this, arguments);
   }
 
-  _createClass(RawLayoutContents, [{
+  (0, _createClass2["default"])(RawLayoutContents, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
@@ -56,26 +51,27 @@ function (_React$Component) {
           secondary = _this$props.secondary,
           children = _this$props.children,
           classes = _this$props.classes;
-      return _react["default"].createElement("div", {
+      return /*#__PURE__*/_react["default"].createElement("div", {
         className: (0, _classnames["default"])(classes.container)
-      }, _react["default"].createElement(_tabs["default"], {
+      }, mode === 'inline' && /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.flow
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        className: classes.configContainer
+      }, children), /*#__PURE__*/_react["default"].createElement("div", null, secondary)), mode === 'tabbed' && /*#__PURE__*/_react["default"].createElement(_tabs["default"], {
         onChange: this.onTabsChange,
         contentClassName: classes.contentContainer,
         indicatorColor: "primary"
-      }, _react["default"].createElement("div", {
+      }, /*#__PURE__*/_react["default"].createElement("div", {
         title: "Design"
-      }, mode === 'inline' ? _react["default"].createElement("div", {
-        className: classes.flow
-      }, children, _react["default"].createElement("div", null, secondary)) : children), mode === 'tabbed' && _react["default"].createElement("div", {
+      }, children), /*#__PURE__*/_react["default"].createElement("div", {
         title: "settings"
       }, secondary)));
     }
   }]);
-
   return RawLayoutContents;
 }(_react["default"].Component);
 
-_defineProperty(RawLayoutContents, "propTypes", {
+(0, _defineProperty2["default"])(RawLayoutContents, "propTypes", {
   mode: _propTypes["default"].oneOf(['tabbed', 'inline']),
   secondary: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]),
   children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]),
@@ -95,6 +91,10 @@ var styles = function styles() {
     },
     contentContainer: {
       padding: '32px 16px 0 16px'
+    },
+    configContainer: {
+      flex: '1',
+      marginRight: '20px'
     }
   };
 };
@@ -102,4 +102,4 @@ var styles = function styles() {
 var _default = (0, _core.withStyles)(styles)(RawLayoutContents);
 
 exports["default"] = _default;
-//# sourceMappingURL=layout-contents.js.map
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSYXdMYXlvdXRDb250ZW50cyIsInByb3BzIiwibW9kZSIsInNlY29uZGFyeSIsImNoaWxkcmVuIiwiY2xhc3NlcyIsImNsYXNzbmFtZXMiLCJjb250YWluZXIiLCJmbG93IiwiY29uZmlnQ29udGFpbmVyIiwib25UYWJzQ2hhbmdlIiwiY29udGVudENvbnRhaW5lciIsIlJlYWN0IiwiQ29tcG9uZW50IiwiUHJvcFR5cGVzIiwib25lT2YiLCJvbmVPZlR5cGUiLCJhcnJheU9mIiwibm9kZSIsIm9iamVjdCIsInN0eWxlcyIsImRpc3BsYXkiLCJqdXN0aWZ5Q29udGVudCIsImZsZXhEaXJlY3Rpb24iLCJwb3NpdGlvbiIsInBhZGRpbmciLCJmbGV4IiwibWFyZ2luUmlnaHQiLCJ3aXRoU3R5bGVzIl0sInNvdXJjZXMiOlsiLi4vLi4vc3JjL2xheW91dC9sYXlvdXQtY29udGVudHMuanN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB3aXRoU3R5bGVzIH0gZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUnO1xuaW1wb3J0IFRhYnMgZnJvbSAnLi4vdGFicyc7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tICdjbGFzc25hbWVzJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5cbmNsYXNzIFJhd0xheW91dENvbnRlbnRzIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50IHtcbiAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICBtb2RlOiBQcm9wVHlwZXMub25lT2YoWyd0YWJiZWQnLCAnaW5saW5lJ10pLFxuICAgIHNlY29uZGFyeTogUHJvcFR5cGVzLm9uZU9mVHlwZShbUHJvcFR5cGVzLmFycmF5T2YoUHJvcFR5cGVzLm5vZGUpLCBQcm9wVHlwZXMubm9kZV0pLFxuICAgIGNoaWxkcmVuOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtQcm9wVHlwZXMuYXJyYXlPZihQcm9wVHlwZXMubm9kZSksIFByb3BUeXBlcy5ub2RlXSksXG4gICAgY2xhc3NlczogUHJvcFR5cGVzLm9iamVjdFxuICB9O1xuXG4gIHJlbmRlcigpIHtcbiAgICBjb25zdCB7IG1vZGUsIHNlY29uZGFyeSwgY2hpbGRyZW4sIGNsYXNzZXMgfSA9IHRoaXMucHJvcHM7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGRpdiBjbGFzc05hbWU9e2NsYXNzbmFtZXMoY2xhc3Nlcy5jb250YWluZXIpfT5cbiAgICAgICAge21vZGUgPT09ICdpbmxpbmUnICYmIChcbiAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17Y2xhc3Nlcy5mbG93fT5cbiAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtjbGFzc2VzLmNvbmZpZ0NvbnRhaW5lcn0+e2NoaWxkcmVufTwvZGl2PlxuICAgICAgICAgICAgPGRpdj57c2Vjb25kYXJ5fTwvZGl2PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICApfVxuICAgICAgICB7bW9kZSA9PT0gJ3RhYmJlZCcgJiYgKFxuICAgICAgICAgIDxUYWJzXG4gICAgICAgICAgICBvbkNoYW5nZT17dGhpcy5vblRhYnNDaGFuZ2V9XG4gICAgICAgICAgICBjb250ZW50Q2xhc3NOYW1lPXtjbGFzc2VzLmNvbnRlbnRDb250YWluZXJ9XG4gICAgICAgICAgICBpbmRpY2F0b3JDb2xvcj1cInByaW1hcnlcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxkaXYgdGl0bGU9XCJEZXNpZ25cIj57Y2hpbGRyZW59PC9kaXY+XG4gICAgICAgICAgICA8ZGl2IHRpdGxlPVwic2V0dGluZ3NcIj57c2Vjb25kYXJ5fTwvZGl2PlxuICAgICAgICAgIDwvVGFicz5cbiAgICAgICAgKX1cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cbn1cblxuY29uc3Qgc3R5bGVzID0gKCkgPT4gKHtcbiAgZmxvdzoge1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBqdXN0aWZ5Q29udGVudDogJ3NwYWNlLWJldHdlZW4nXG4gIH0sXG4gIGNvbnRhaW5lcjoge1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJyxcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJ1xuICB9LFxuICBjb250ZW50Q29udGFpbmVyOiB7XG4gICAgcGFkZGluZzogJzMycHggMTZweCAwIDE2cHgnXG4gIH0sXG4gIGNvbmZpZ0NvbnRhaW5lcjoge1xuICAgIGZsZXg6ICcxJyxcbiAgICBtYXJnaW5SaWdodDogJzIwcHgnXG4gIH1cbn0pO1xuXG5leHBvcnQgZGVmYXVsdCB3aXRoU3R5bGVzKHN0eWxlcykoUmF3TGF5b3V0Q29udGVudHMpO1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7Ozs7O0lBRU1BLGlCOzs7Ozs7Ozs7Ozs7V0FRSixrQkFBUztNQUNQLGtCQUErQyxLQUFLQyxLQUFwRDtNQUFBLElBQVFDLElBQVIsZUFBUUEsSUFBUjtNQUFBLElBQWNDLFNBQWQsZUFBY0EsU0FBZDtNQUFBLElBQXlCQyxRQUF6QixlQUF5QkEsUUFBekI7TUFBQSxJQUFtQ0MsT0FBbkMsZUFBbUNBLE9BQW5DO01BRUEsb0JBQ0U7UUFBSyxTQUFTLEVBQUUsSUFBQUMsc0JBQUEsRUFBV0QsT0FBTyxDQUFDRSxTQUFuQjtNQUFoQixHQUNHTCxJQUFJLEtBQUssUUFBVCxpQkFDQztRQUFLLFNBQVMsRUFBRUcsT0FBTyxDQUFDRztNQUF4QixnQkFDRTtRQUFLLFNBQVMsRUFBRUgsT0FBTyxDQUFDSTtNQUF4QixHQUEwQ0wsUUFBMUMsQ0FERixlQUVFLDZDQUFNRCxTQUFOLENBRkYsQ0FGSixFQU9HRCxJQUFJLEtBQUssUUFBVCxpQkFDQyxnQ0FBQyxnQkFBRDtRQUNFLFFBQVEsRUFBRSxLQUFLUSxZQURqQjtRQUVFLGdCQUFnQixFQUFFTCxPQUFPLENBQUNNLGdCQUY1QjtRQUdFLGNBQWMsRUFBQztNQUhqQixnQkFLRTtRQUFLLEtBQUssRUFBQztNQUFYLEdBQXFCUCxRQUFyQixDQUxGLGVBTUU7UUFBSyxLQUFLLEVBQUM7TUFBWCxHQUF1QkQsU0FBdkIsQ0FORixDQVJKLENBREY7SUFvQkQ7OztFQS9CNkJTLGlCQUFBLENBQU1DLFM7O2lDQUFoQ2IsaUIsZUFDZTtFQUNqQkUsSUFBSSxFQUFFWSxxQkFBQSxDQUFVQyxLQUFWLENBQWdCLENBQUMsUUFBRCxFQUFXLFFBQVgsQ0FBaEIsQ0FEVztFQUVqQlosU0FBUyxFQUFFVyxxQkFBQSxDQUFVRSxTQUFWLENBQW9CLENBQUNGLHFCQUFBLENBQVVHLE9BQVYsQ0FBa0JILHFCQUFBLENBQVVJLElBQTVCLENBQUQsRUFBb0NKLHFCQUFBLENBQVVJLElBQTlDLENBQXBCLENBRk07RUFHakJkLFFBQVEsRUFBRVUscUJBQUEsQ0FBVUUsU0FBVixDQUFvQixDQUFDRixxQkFBQSxDQUFVRyxPQUFWLENBQWtCSCxxQkFBQSxDQUFVSSxJQUE1QixDQUFELEVBQW9DSixxQkFBQSxDQUFVSSxJQUE5QyxDQUFwQixDQUhPO0VBSWpCYixPQUFPLEVBQUVTLHFCQUFBLENBQVVLO0FBSkYsQzs7QUFpQ3JCLElBQU1DLE1BQU0sR0FBRyxTQUFUQSxNQUFTO0VBQUEsT0FBTztJQUNwQlosSUFBSSxFQUFFO01BQ0phLE9BQU8sRUFBRSxNQURMO01BRUpDLGNBQWMsRUFBRTtJQUZaLENBRGM7SUFLcEJmLFNBQVMsRUFBRTtNQUNUYyxPQUFPLEVBQUUsTUFEQTtNQUVURSxhQUFhLEVBQUUsUUFGTjtNQUdUQyxRQUFRLEVBQUU7SUFIRCxDQUxTO0lBVXBCYixnQkFBZ0IsRUFBRTtNQUNoQmMsT0FBTyxFQUFFO0lBRE8sQ0FWRTtJQWFwQmhCLGVBQWUsRUFBRTtNQUNmaUIsSUFBSSxFQUFFLEdBRFM7TUFFZkMsV0FBVyxFQUFFO0lBRkU7RUFiRyxDQUFQO0FBQUEsQ0FBZjs7ZUFtQmUsSUFBQUMsZ0JBQUEsRUFBV1IsTUFBWCxFQUFtQnBCLGlCQUFuQixDIn0=

package/lib/layout/layout-contents.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/layout/layout-contents.jsx"],"names":["RawLayoutContents","props","mode","secondary","children","classes","container","onTabsChange","contentContainer","flow","React","Component","PropTypes","oneOf","oneOfType","arrayOf","node","object","styles","display","justifyContent","flexDirection","position","padding"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;IAEMA,iB;;;;;;;;;;;;;6BAOK;AAAA,wBACwC,KAAKC,KAD7C;AAAA,UACCC,IADD,eACCA,IADD;AAAA,UACOC,SADP,eACOA,SADP;AAAA,UACkBC,QADlB,eACkBA,QADlB;AAAA,UAC4BC,OAD5B,eAC4BA,OAD5B;AAEP,aACE;AAAK,QAAA,SAAS,EAAE,4BAAWA,OAAO,CAACC,SAAnB;AAAhB,SACE,gCAAC,gBAAD;AACE,QAAA,QAAQ,EAAE,KAAKC,YADjB;AAEE,QAAA,gBAAgB,EAAEF,OAAO,CAACG,gBAF5B;AAGE,QAAA,cAAc,EAAC;AAHjB,SAKE;AAAK,QAAA,KAAK,EAAC;AAAX,SACGN,IAAI,KAAK,QAAT,GACC;AAAK,QAAA,SAAS,EAAEG,OAAO,CAACI;AAAxB,SACGL,QADH,EAEE,6CAAMD,SAAN,CAFF,CADD,GAMCC,QAPJ,CALF,EAeGF,IAAI,KAAK,QAAT,IAAqB;AAAK,QAAA,KAAK,EAAC;AAAX,SAAuBC,SAAvB,CAfxB,CADF,CADF;AAqBD;;;;EA9B6BO,kBAAMC,S;;gBAAhCX,iB,eACe;AACjBE,EAAAA,IAAI,EAAEU,sBAAUC,KAAV,CAAgB,CAAC,QAAD,EAAW,QAAX,CAAhB,CADW;AAEjBV,EAAAA,SAAS,EAAES,sBAAUE,SAAV,CAAoB,CAACF,sBAAUG,OAAV,CAAkBH,sBAAUI,IAA5B,CAAD,EAAoCJ,sBAAUI,IAA9C,CAApB,CAFM;AAGjBZ,EAAAA,QAAQ,EAAEQ,sBAAUE,SAAV,CAAoB,CAACF,sBAAUG,OAAV,CAAkBH,sBAAUI,IAA5B,CAAD,EAAoCJ,sBAAUI,IAA9C,CAApB,CAHO;AAIjBX,EAAAA,OAAO,EAAEO,sBAAUK;AAJF,C;;AAgCrB,IAAMC,MAAM,GAAG,SAATA,MAAS;AAAA,SAAO;AACpBT,IAAAA,IAAI,EAAE;AACJU,MAAAA,OAAO,EAAE,MADL;AAEJC,MAAAA,cAAc,EAAE;AAFZ,KADc;AAKpBd,IAAAA,SAAS,EAAE;AACTa,MAAAA,OAAO,EAAE,MADA;AAETE,MAAAA,aAAa,EAAE,QAFN;AAGTC,MAAAA,QAAQ,EAAE;AAHD,KALS;AAUpBd,IAAAA,gBAAgB,EAAE;AAChBe,MAAAA,OAAO,EAAE;AADO;AAVE,GAAP;AAAA,CAAf;;eAee,sBAAWL,MAAX,EAAmBlB,iBAAnB,C","sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core';\nimport Tabs from '../tabs';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\n\nclass RawLayoutContents extends React.Component {\n  static propTypes = {\n    mode: PropTypes.oneOf(['tabbed', 'inline']),\n    secondary: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n    classes: PropTypes.object\n  };\n  render() {\n    const { mode, secondary, children, classes } = this.props;\n    return (\n      <div className={classnames(classes.container)}>\n        <Tabs\n          onChange={this.onTabsChange}\n          contentClassName={classes.contentContainer}\n          indicatorColor=\"primary\"\n        >\n          <div title=\"Design\">\n            {mode === 'inline' ? (\n              <div className={classes.flow}>\n                {children}\n                <div>{secondary}</div>\n              </div>\n            ) : (\n              children\n            )}\n          </div>\n          {mode === 'tabbed' && <div title=\"settings\">{secondary}</div>}\n        </Tabs>\n      </div>\n    );\n  }\n}\n\nconst styles = () => ({\n  flow: {\n    display: 'flex',\n    justifyContent: 'space-between'\n  },\n  container: {\n    display: 'flex',\n    flexDirection: 'column',\n    position: 'relative'\n  },\n  contentContainer: {\n    padding: '32px 16px 0 16px'\n  }\n});\n\nexport default withStyles(styles)(RawLayoutContents);\n"],"file":"layout-contents.js"}
+{"version":3,"file":"layout-contents.js","names":["RawLayoutContents","props","mode","secondary","children","classes","classnames","container","flow","configContainer","onTabsChange","contentContainer","React","Component","PropTypes","oneOf","oneOfType","arrayOf","node","object","styles","display","justifyContent","flexDirection","position","padding","flex","marginRight","withStyles"],"sources":["../../src/layout/layout-contents.jsx"],"sourcesContent":["import React from 'react';\nimport { withStyles } from '@material-ui/core';\nimport Tabs from '../tabs';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\n\nclass RawLayoutContents extends React.Component {\n  static propTypes = {\n    mode: PropTypes.oneOf(['tabbed', 'inline']),\n    secondary: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),\n    classes: PropTypes.object\n  };\n\n  render() {\n    const { mode, secondary, children, classes } = this.props;\n\n    return (\n      <div className={classnames(classes.container)}>\n        {mode === 'inline' && (\n          <div className={classes.flow}>\n            <div className={classes.configContainer}>{children}</div>\n            <div>{secondary}</div>\n          </div>\n        )}\n        {mode === 'tabbed' && (\n          <Tabs\n            onChange={this.onTabsChange}\n            contentClassName={classes.contentContainer}\n            indicatorColor=\"primary\"\n          >\n            <div title=\"Design\">{children}</div>\n            <div title=\"settings\">{secondary}</div>\n          </Tabs>\n        )}\n      </div>\n    );\n  }\n}\n\nconst styles = () => ({\n  flow: {\n    display: 'flex',\n    justifyContent: 'space-between'\n  },\n  container: {\n    display: 'flex',\n    flexDirection: 'column',\n    position: 'relative'\n  },\n  contentContainer: {\n    padding: '32px 16px 0 16px'\n  },\n  configContainer: {\n    flex: '1',\n    marginRight: '20px'\n  }\n});\n\nexport default withStyles(styles)(RawLayoutContents);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;IAEMA,iB;;;;;;;;;;;;WAQJ,kBAAS;MACP,kBAA+C,KAAKC,KAApD;MAAA,IAAQC,IAAR,eAAQA,IAAR;MAAA,IAAcC,SAAd,eAAcA,SAAd;MAAA,IAAyBC,QAAzB,eAAyBA,QAAzB;MAAA,IAAmCC,OAAnC,eAAmCA,OAAnC;MAEA,oBACE;QAAK,SAAS,EAAE,IAAAC,sBAAA,EAAWD,OAAO,CAACE,SAAnB;MAAhB,GACGL,IAAI,KAAK,QAAT,iBACC;QAAK,SAAS,EAAEG,OAAO,CAACG;MAAxB,gBACE;QAAK,SAAS,EAAEH,OAAO,CAACI;MAAxB,GAA0CL,QAA1C,CADF,eAEE,6CAAMD,SAAN,CAFF,CAFJ,EAOGD,IAAI,KAAK,QAAT,iBACC,gCAAC,gBAAD;QACE,QAAQ,EAAE,KAAKQ,YADjB;QAEE,gBAAgB,EAAEL,OAAO,CAACM,gBAF5B;QAGE,cAAc,EAAC;MAHjB,gBAKE;QAAK,KAAK,EAAC;MAAX,GAAqBP,QAArB,CALF,eAME;QAAK,KAAK,EAAC;MAAX,GAAuBD,SAAvB,CANF,CARJ,CADF;IAoBD;;;EA/B6BS,iBAAA,CAAMC,S;;iCAAhCb,iB,eACe;EACjBE,IAAI,EAAEY,qBAAA,CAAUC,KAAV,CAAgB,CAAC,QAAD,EAAW,QAAX,CAAhB,CADW;EAEjBZ,SAAS,EAAEW,qBAAA,CAAUE,SAAV,CAAoB,CAACF,qBAAA,CAAUG,OAAV,CAAkBH,qBAAA,CAAUI,IAA5B,CAAD,EAAoCJ,qBAAA,CAAUI,IAA9C,CAApB,CAFM;EAGjBd,QAAQ,EAAEU,qBAAA,CAAUE,SAAV,CAAoB,CAACF,qBAAA,CAAUG,OAAV,CAAkBH,qBAAA,CAAUI,IAA5B,CAAD,EAAoCJ,qBAAA,CAAUI,IAA9C,CAApB,CAHO;EAIjBb,OAAO,EAAES,qBAAA,CAAUK;AAJF,C;;AAiCrB,IAAMC,MAAM,GAAG,SAATA,MAAS;EAAA,OAAO;IACpBZ,IAAI,EAAE;MACJa,OAAO,EAAE,MADL;MAEJC,cAAc,EAAE;IAFZ,CADc;IAKpBf,SAAS,EAAE;MACTc,OAAO,EAAE,MADA;MAETE,aAAa,EAAE,QAFN;MAGTC,QAAQ,EAAE;IAHD,CALS;IAUpBb,gBAAgB,EAAE;MAChBc,OAAO,EAAE;IADO,CAVE;IAapBhB,eAAe,EAAE;MACfiB,IAAI,EAAE,GADS;MAEfC,WAAW,EAAE;IAFE;EAbG,CAAP;AAAA,CAAf;;eAmBe,IAAAC,gBAAA,EAAWR,MAAX,EAAmBpB,iBAAnB,C"}

package/lib/layout/settings-box.js

@@ -1,92 +1,81 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.SettingsBox = void 0;
 
-var _react = _interopRequireDefault(require("react"));
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var _styles = require("@material-ui/core/styles");
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 
-function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+var _react = _interopRequireDefault(require("react"));
 
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+var _styles = require("@material-ui/core/styles");
 
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+var _classnames = _interopRequireDefault(require("classnames"));
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
 
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+var SettingsBox = /*#__PURE__*/function (_React$Component) {
+  (0, _inherits2["default"])(SettingsBox, _React$Component);
 
-var SettingsBox =
-/*#__PURE__*/
-function (_React$Component) {
-  _inherits(SettingsBox, _React$Component);
+  var _super = _createSuper(SettingsBox);
 
   function SettingsBox() {
-    _classCallCheck(this, SettingsBox);
-
-    return _possibleConstructorReturn(this, _getPrototypeOf(SettingsBox).apply(this, arguments));
+    (0, _classCallCheck2["default"])(this, SettingsBox);
+    return _super.apply(this, arguments);
   }
 
-  _createClass(SettingsBox, [{
+  (0, _createClass2["default"])(SettingsBox, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
           classes = _this$props.classes,
           className = _this$props.className,
           children = _this$props.children;
-      return _react["default"].createElement("div", {
+      return /*#__PURE__*/_react["default"].createElement("div", {
         className: (0, _classnames["default"])(classes.settingsBox, className)
       }, children);
     }
   }]);
-
   return SettingsBox;
 }(_react["default"].Component);
 
 exports.SettingsBox = SettingsBox;
-
-_defineProperty(SettingsBox, "propTypes", {
+(0, _defineProperty2["default"])(SettingsBox, "propTypes", {
   classes: _propTypes["default"].object.isRequired,
   className: _propTypes["default"].string,
   children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired
 });
-
-_defineProperty(SettingsBox, "defaultProps", {});
+(0, _defineProperty2["default"])(SettingsBox, "defaultProps", {});
 
 var styles = function styles() {
   return {
     settingsBox: {
-      backgroundColor: '#FAFAFA',
+      backgroundColor: '#FFF',
       border: '2px solid #EEE',
       display: 'flex',
       flexDirection: 'column',
       justifyContent: 'flex-start',
-      minWidth: '200px',
-      maxWidth: '250px',
-      padding: '15px',
-      position: 'absolute',
-      right: 0,
-      top: 0,
-      width: '20%',
+      minWidth: '275px',
+      maxWidth: '300px',
+      padding: '24px 8px 24px 24px',
+      width: '80%',
       zIndex: 99
     }
   };
@@ -95,4 +84,4 @@ var styles = function styles() {
 var _default = (0, _styles.withStyles)(styles)(SettingsBox);
 
 exports["default"] = _default;
-//# sourceMappingURL=settings-box.js.map
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJTZXR0aW5nc0JveCIsInByb3BzIiwiY2xhc3NlcyIsImNsYXNzTmFtZSIsImNoaWxkcmVuIiwiY2xhc3NOYW1lcyIsInNldHRpbmdzQm94IiwiUmVhY3QiLCJDb21wb25lbnQiLCJQcm9wVHlwZXMiLCJvYmplY3QiLCJpc1JlcXVpcmVkIiwic3RyaW5nIiwib25lT2ZUeXBlIiwiYXJyYXlPZiIsIm5vZGUiLCJzdHlsZXMiLCJiYWNrZ3JvdW5kQ29sb3IiLCJib3JkZXIiLCJkaXNwbGF5IiwiZmxleERpcmVjdGlvbiIsImp1c3RpZnlDb250ZW50IiwibWluV2lkdGgiLCJtYXhXaWR0aCIsInBhZGRpbmciLCJ3aWR0aCIsInpJbmRleCIsIndpdGhTdHlsZXMiXSwic291cmNlcyI6WyIuLi8uLi9zcmMvbGF5b3V0L3NldHRpbmdzLWJveC5qc3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyB3aXRoU3R5bGVzIH0gZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUvc3R5bGVzJztcbmltcG9ydCBjbGFzc05hbWVzIGZyb20gJ2NsYXNzbmFtZXMnO1xuZXhwb3J0IGNsYXNzIFNldHRpbmdzQm94IGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50IHtcbiAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICBjbGFzc2VzOiBQcm9wVHlwZXMub2JqZWN0LmlzUmVxdWlyZWQsXG4gICAgY2xhc3NOYW1lOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAgIGNoaWxkcmVuOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtQcm9wVHlwZXMuYXJyYXlPZihQcm9wVHlwZXMubm9kZSksIFByb3BUeXBlcy5ub2RlXSkuaXNSZXF1aXJlZFxuICB9O1xuICBzdGF0aWMgZGVmYXVsdFByb3BzID0ge307XG4gIHJlbmRlcigpIHtcbiAgICBjb25zdCB7IGNsYXNzZXMsIGNsYXNzTmFtZSwgY2hpbGRyZW4gfSA9IHRoaXMucHJvcHM7XG4gICAgcmV0dXJuIDxkaXYgY2xhc3NOYW1lPXtjbGFzc05hbWVzKGNsYXNzZXMuc2V0dGluZ3NCb3gsIGNsYXNzTmFtZSl9PntjaGlsZHJlbn08L2Rpdj47XG4gIH1cbn1cbmNvbnN0IHN0eWxlcyA9ICgpID0+ICh7XG4gIHNldHRpbmdzQm94OiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiAnI0ZGRicsXG4gICAgYm9yZGVyOiAnMnB4IHNvbGlkICNFRUUnLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJyxcbiAgICBqdXN0aWZ5Q29udGVudDogJ2ZsZXgtc3RhcnQnLFxuICAgIG1pbldpZHRoOiAnMjc1cHgnLFxuICAgIG1heFdpZHRoOiAnMzAwcHgnLFxuICAgIHBhZGRpbmc6ICcyNHB4IDhweCAyNHB4IDI0cHgnLFxuICAgIHdpZHRoOiAnODAlJyxcbiAgICB6SW5kZXg6IDk5XG4gIH1cbn0pO1xuZXhwb3J0IGRlZmF1bHQgd2l0aFN0eWxlcyhzdHlsZXMpKFNldHRpbmdzQm94KTtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUE7O0FBQ0E7O0FBQ0E7O0FBQ0E7Ozs7OztJQUNhQSxXOzs7Ozs7Ozs7Ozs7V0FPWCxrQkFBUztNQUNQLGtCQUF5QyxLQUFLQyxLQUE5QztNQUFBLElBQVFDLE9BQVIsZUFBUUEsT0FBUjtNQUFBLElBQWlCQyxTQUFqQixlQUFpQkEsU0FBakI7TUFBQSxJQUE0QkMsUUFBNUIsZUFBNEJBLFFBQTVCO01BQ0Esb0JBQU87UUFBSyxTQUFTLEVBQUUsSUFBQUMsc0JBQUEsRUFBV0gsT0FBTyxDQUFDSSxXQUFuQixFQUFnQ0gsU0FBaEM7TUFBaEIsR0FBNkRDLFFBQTdELENBQVA7SUFDRDs7O0VBVjhCRyxpQkFBQSxDQUFNQyxTOzs7aUNBQTFCUixXLGVBQ1E7RUFDakJFLE9BQU8sRUFBRU8scUJBQUEsQ0FBVUMsTUFBVixDQUFpQkMsVUFEVDtFQUVqQlIsU0FBUyxFQUFFTSxxQkFBQSxDQUFVRyxNQUZKO0VBR2pCUixRQUFRLEVBQUVLLHFCQUFBLENBQVVJLFNBQVYsQ0FBb0IsQ0FBQ0oscUJBQUEsQ0FBVUssT0FBVixDQUFrQkwscUJBQUEsQ0FBVU0sSUFBNUIsQ0FBRCxFQUFvQ04scUJBQUEsQ0FBVU0sSUFBOUMsQ0FBcEIsRUFBeUVKO0FBSGxFLEM7aUNBRFJYLFcsa0JBTVcsRTs7QUFNeEIsSUFBTWdCLE1BQU0sR0FBRyxTQUFUQSxNQUFTO0VBQUEsT0FBTztJQUNwQlYsV0FBVyxFQUFFO01BQ1hXLGVBQWUsRUFBRSxNQUROO01BRVhDLE1BQU0sRUFBRSxnQkFGRztNQUdYQyxPQUFPLEVBQUUsTUFIRTtNQUlYQyxhQUFhLEVBQUUsUUFKSjtNQUtYQyxjQUFjLEVBQUUsWUFMTDtNQU1YQyxRQUFRLEVBQUUsT0FOQztNQU9YQyxRQUFRLEVBQUUsT0FQQztNQVFYQyxPQUFPLEVBQUUsb0JBUkU7TUFTWEMsS0FBSyxFQUFFLEtBVEk7TUFVWEMsTUFBTSxFQUFFO0lBVkc7RUFETyxDQUFQO0FBQUEsQ0FBZjs7ZUFjZSxJQUFBQyxrQkFBQSxFQUFXWCxNQUFYLEVBQW1CaEIsV0FBbkIsQyJ9

package/lib/layout/settings-box.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/layout/settings-box.jsx"],"names":["SettingsBox","props","classes","className","children","settingsBox","React","Component","PropTypes","object","isRequired","string","oneOfType","arrayOf","node","styles","backgroundColor","border","display","flexDirection","justifyContent","minWidth","maxWidth","padding","position","right","top","width","zIndex"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;IACaA,W;;;;;;;;;;;;;6BAOF;AAAA,wBACkC,KAAKC,KADvC;AAAA,UACCC,OADD,eACCA,OADD;AAAA,UACUC,SADV,eACUA,SADV;AAAA,UACqBC,QADrB,eACqBA,QADrB;AAEP,aAAO;AAAK,QAAA,SAAS,EAAE,4BAAWF,OAAO,CAACG,WAAnB,EAAgCF,SAAhC;AAAhB,SAA6DC,QAA7D,CAAP;AACD;;;;EAV8BE,kBAAMC,S;;;;gBAA1BP,W,eACQ;AACjBE,EAAAA,OAAO,EAAEM,sBAAUC,MAAV,CAAiBC,UADT;AAEjBP,EAAAA,SAAS,EAAEK,sBAAUG,MAFJ;AAGjBP,EAAAA,QAAQ,EAAEI,sBAAUI,SAAV,CAAoB,CAACJ,sBAAUK,OAAV,CAAkBL,sBAAUM,IAA5B,CAAD,EAAoCN,sBAAUM,IAA9C,CAApB,EAAyEJ;AAHlE,C;;gBADRV,W,kBAMW,E;;AAMxB,IAAMe,MAAM,GAAG,SAATA,MAAS;AAAA,SAAO;AACpBV,IAAAA,WAAW,EAAE;AACXW,MAAAA,eAAe,EAAE,SADN;AAEXC,MAAAA,MAAM,EAAE,gBAFG;AAGXC,MAAAA,OAAO,EAAE,MAHE;AAIXC,MAAAA,aAAa,EAAE,QAJJ;AAKXC,MAAAA,cAAc,EAAE,YALL;AAMXC,MAAAA,QAAQ,EAAE,OANC;AAOXC,MAAAA,QAAQ,EAAE,OAPC;AAQXC,MAAAA,OAAO,EAAE,MARE;AASXC,MAAAA,QAAQ,EAAE,UATC;AAUXC,MAAAA,KAAK,EAAE,CAVI;AAWXC,MAAAA,GAAG,EAAE,CAXM;AAYXC,MAAAA,KAAK,EAAE,KAZI;AAaXC,MAAAA,MAAM,EAAE;AAbG;AADO,GAAP;AAAA,CAAf;;eAiBe,wBAAWb,MAAX,EAAmBf,WAAnB,C","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nexport class SettingsBox extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n  };\n  static defaultProps = {};\n  render() {\n    const { classes, className, children } = this.props;\n    return <div className={classNames(classes.settingsBox, className)}>{children}</div>;\n  }\n}\nconst styles = () => ({\n  settingsBox: {\n    backgroundColor: '#FAFAFA',\n    border: '2px solid #EEE',\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'flex-start',\n    minWidth: '200px',\n    maxWidth: '250px',\n    padding: '15px',\n    position: 'absolute',\n    right: 0,\n    top: 0,\n    width: '20%',\n    zIndex: 99\n  }\n});\nexport default withStyles(styles)(SettingsBox);\n"],"file":"settings-box.js"}
+{"version":3,"file":"settings-box.js","names":["SettingsBox","props","classes","className","children","classNames","settingsBox","React","Component","PropTypes","object","isRequired","string","oneOfType","arrayOf","node","styles","backgroundColor","border","display","flexDirection","justifyContent","minWidth","maxWidth","padding","width","zIndex","withStyles"],"sources":["../../src/layout/settings-box.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nexport class SettingsBox extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n  };\n  static defaultProps = {};\n  render() {\n    const { classes, className, children } = this.props;\n    return <div className={classNames(classes.settingsBox, className)}>{children}</div>;\n  }\n}\nconst styles = () => ({\n  settingsBox: {\n    backgroundColor: '#FFF',\n    border: '2px solid #EEE',\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'flex-start',\n    minWidth: '275px',\n    maxWidth: '300px',\n    padding: '24px 8px 24px 24px',\n    width: '80%',\n    zIndex: 99\n  }\n});\nexport default withStyles(styles)(SettingsBox);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;IACaA,W;;;;;;;;;;;;WAOX,kBAAS;MACP,kBAAyC,KAAKC,KAA9C;MAAA,IAAQC,OAAR,eAAQA,OAAR;MAAA,IAAiBC,SAAjB,eAAiBA,SAAjB;MAAA,IAA4BC,QAA5B,eAA4BA,QAA5B;MACA,oBAAO;QAAK,SAAS,EAAE,IAAAC,sBAAA,EAAWH,OAAO,CAACI,WAAnB,EAAgCH,SAAhC;MAAhB,GAA6DC,QAA7D,CAAP;IACD;;;EAV8BG,iBAAA,CAAMC,S;;;iCAA1BR,W,eACQ;EACjBE,OAAO,EAAEO,qBAAA,CAAUC,MAAV,CAAiBC,UADT;EAEjBR,SAAS,EAAEM,qBAAA,CAAUG,MAFJ;EAGjBR,QAAQ,EAAEK,qBAAA,CAAUI,SAAV,CAAoB,CAACJ,qBAAA,CAAUK,OAAV,CAAkBL,qBAAA,CAAUM,IAA5B,CAAD,EAAoCN,qBAAA,CAAUM,IAA9C,CAApB,EAAyEJ;AAHlE,C;iCADRX,W,kBAMW,E;;AAMxB,IAAMgB,MAAM,GAAG,SAATA,MAAS;EAAA,OAAO;IACpBV,WAAW,EAAE;MACXW,eAAe,EAAE,MADN;MAEXC,MAAM,EAAE,gBAFG;MAGXC,OAAO,EAAE,MAHE;MAIXC,aAAa,EAAE,QAJJ;MAKXC,cAAc,EAAE,YALL;MAMXC,QAAQ,EAAE,OANC;MAOXC,QAAQ,EAAE,OAPC;MAQXC,OAAO,EAAE,oBARE;MASXC,KAAK,EAAE,KATI;MAUXC,MAAM,EAAE;IAVG;EADO,CAAP;AAAA,CAAf;;eAce,IAAAC,kBAAA,EAAWX,MAAX,EAAmBhB,WAAnB,C"}

package/lib/mui-box/index.js

@@ -1,5 +1,7 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -15,8 +17,6 @@ var _debug = _interopRequireDefault(require("debug"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
 var log = (0, _debug["default"])('pie-elements:config-ui:mui-box');
 var MuiBox = (0, _styles.withStyles)(function (theme) {
   var light = theme.palette.type === 'light';
@@ -66,7 +66,7 @@ var MuiBox = (0, _styles.withStyles)(function (theme) {
       classes = _ref.classes,
       focused = _ref.focused;
   var names = (0, _classnames["default"])(classes.muiBox, focused && classes.focused);
-  return _react["default"].createElement("div", {
+  return /*#__PURE__*/_react["default"].createElement("div", {
     className: names
   }, children);
 });
@@ -76,4 +76,4 @@ MuiBox.propTypes = {
 };
 var _default = MuiBox;
 exports["default"] = _default;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJsb2ciLCJkZWJ1ZyIsIk11aUJveCIsIndpdGhTdHlsZXMiLCJ0aGVtZSIsImxpZ2h0IiwicGFsZXR0ZSIsInR5cGUiLCJib3R0b21MaW5lQ29sb3IiLCJwcmltYXJ5IiwibXVpQm94IiwicGFkZGluZ1RvcCIsInNwYWNpbmciLCJ1bml0IiwicGFkZGluZ0JvdHRvbSIsInBvc2l0aW9uIiwibGVmdCIsInJpZ2h0IiwiYm90dG9tIiwiaGVpZ2h0IiwiY29udGVudCIsInRyYW5zaXRpb24iLCJwb2ludGVyRXZlbnRzIiwiYmFja2dyb3VuZENvbG9yIiwidHJhbnNmb3JtIiwiZm9jdXNlZCIsImNoaWxkcmVuIiwiY2xhc3NlcyIsIm5hbWVzIiwiY2xhc3NOYW1lcyIsInByb3BUeXBlcyIsIlByb3BUeXBlcyIsIm9uZU9mVHlwZSIsImFycmF5T2YiLCJub2RlIiwiaXNSZXF1aXJlZCIsImJvb2wiXSwic291cmNlcyI6WyIuLi8uLi9zcmMvbXVpLWJveC9pbmRleC5qc3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyB3aXRoU3R5bGVzIH0gZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUvc3R5bGVzJztcbmltcG9ydCBkZWJ1ZyBmcm9tICdkZWJ1Zyc7XG5pbXBvcnQgY2xhc3NOYW1lcyBmcm9tICdjbGFzc25hbWVzJztcblxuY29uc3QgbG9nID0gZGVidWcoJ3BpZS1lbGVtZW50czpjb25maWctdWk6bXVpLWJveCcpO1xuXG5jb25zdCBNdWlCb3ggPSB3aXRoU3R5bGVzKHRoZW1lID0+IHtcbiAgY29uc3QgbGlnaHQgPSB0aGVtZS5wYWxldHRlLnR5cGUgPT09ICdsaWdodCc7XG4gIGNvbnN0IGJvdHRvbUxpbmVDb2xvciA9IGxpZ2h0ID8gJ3JnYmEoMCwgMCwgMCwgMC40MiknIDogJ3JnYmEoMjU1LCAyNTUsIDI1NSwgMC43KSc7XG5cbiAgbG9nKHRoZW1lLnBhbGV0dGUucHJpbWFyeVt0aGVtZS5wYWxldHRlLnR5cGUgfHwgJ2xpZ2h0J10pO1xuXG4gIHJldHVybiB7XG4gICAgbXVpQm94OiB7XG4gICAgICBwYWRkaW5nVG9wOiB0aGVtZS5zcGFjaW5nLnVuaXQsXG4gICAgICBwYWRkaW5nQm90dG9tOiB0aGVtZS5zcGFjaW5nLnVuaXQsXG4gICAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICAgICcmOmJlZm9yZSc6IHtcbiAgICAgICAgbGVmdDogMCxcbiAgICAgICAgcmlnaHQ6IDAsXG4gICAgICAgIGJvdHRvbTogMCxcbiAgICAgICAgaGVpZ2h0OiAnMXB4JyxcbiAgICAgICAgY29udGVudDogJ1wiXCInLFxuICAgICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICAgICAgdHJhbnNpdGlvbjogJ2JhY2tncm91bmQtY29sb3IgMjAwbXMgY3ViaWMtYmV6aWVyKDAuNCwgMCwgMC4yLCAxKSAwbXMnLFxuICAgICAgICBwb2ludGVyRXZlbnRzOiAnbm9uZScsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogYm90dG9tTGluZUNvbG9yXG4gICAgICB9LFxuICAgICAgJyY6aG92ZXI6YmVmb3JlJzoge1xuICAgICAgICBoZWlnaHQ6ICcycHgnXG4gICAgICB9LFxuICAgICAgJyY6YWZ0ZXInOiB7XG4gICAgICAgIGxlZnQ6IDAsXG4gICAgICAgIHJpZ2h0OiAwLFxuICAgICAgICBib3R0b206IDAsXG4gICAgICAgIGhlaWdodDogJzJweCcsXG4gICAgICAgIGNvbnRlbnQ6ICdcIlwiJyxcbiAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgIHRyYW5zZm9ybTogJ3NjYWxlWCgwKScsXG4gICAgICAgIHRyYW5zaXRpb246ICd0cmFuc2Zvcm0gMjAwbXMgY3ViaWMtYmV6aWVyKDAuMCwgMCwgMC4yLCAxKSAwbXMnLFxuICAgICAgICBwb2ludGVyRXZlbnRzOiAnbm9uZScsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUucGFsZXR0ZS5wcmltYXJ5W3RoZW1lLnBhbGV0dGUudHlwZV0gLy8nIzMwNGZmZSdcbiAgICAgIH1cbiAgICB9LFxuICAgIGZvY3VzZWQ6IHtcbiAgICAgICcmOmFmdGVyJzoge1xuICAgICAgICB0cmFuc2Zvcm06ICdzY2FsZVgoMSknXG4gICAgICB9XG4gICAgfVxuICB9O1xufSkoKHsgY2hpbGRyZW4sIGNsYXNzZXMsIGZvY3VzZWQgfSkgPT4ge1xuICBjb25zdCBuYW1lcyA9IGNsYXNzTmFtZXMoY2xhc3Nlcy5tdWlCb3gsIGZvY3VzZWQgJiYgY2xhc3Nlcy5mb2N1c2VkKTtcblxuICByZXR1cm4gPGRpdiBjbGFzc05hbWU9e25hbWVzfT57Y2hpbGRyZW59PC9kaXY+O1xufSk7XG5cbk11aUJveC5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtQcm9wVHlwZXMuYXJyYXlPZihQcm9wVHlwZXMubm9kZSksIFByb3BUeXBlcy5ub2RlXSkuaXNSZXF1aXJlZCxcbiAgZm9jdXNlZDogUHJvcFR5cGVzLmJvb2wuaXNSZXF1aXJlZFxufTtcblxuZXhwb3J0IGRlZmF1bHQgTXVpQm94O1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFBQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFFQSxJQUFNQSxHQUFHLEdBQUcsSUFBQUMsaUJBQUEsRUFBTSxnQ0FBTixDQUFaO0FBRUEsSUFBTUMsTUFBTSxHQUFHLElBQUFDLGtCQUFBLEVBQVcsVUFBQUMsS0FBSyxFQUFJO0VBQ2pDLElBQU1DLEtBQUssR0FBR0QsS0FBSyxDQUFDRSxPQUFOLENBQWNDLElBQWQsS0FBdUIsT0FBckM7RUFDQSxJQUFNQyxlQUFlLEdBQUdILEtBQUssR0FBRyxxQkFBSCxHQUEyQiwwQkFBeEQ7RUFFQUwsR0FBRyxDQUFDSSxLQUFLLENBQUNFLE9BQU4sQ0FBY0csT0FBZCxDQUFzQkwsS0FBSyxDQUFDRSxPQUFOLENBQWNDLElBQWQsSUFBc0IsT0FBNUMsQ0FBRCxDQUFIO0VBRUEsT0FBTztJQUNMRyxNQUFNLEVBQUU7TUFDTkMsVUFBVSxFQUFFUCxLQUFLLENBQUNRLE9BQU4sQ0FBY0MsSUFEcEI7TUFFTkMsYUFBYSxFQUFFVixLQUFLLENBQUNRLE9BQU4sQ0FBY0MsSUFGdkI7TUFHTkUsUUFBUSxFQUFFLFVBSEo7TUFJTixZQUFZO1FBQ1ZDLElBQUksRUFBRSxDQURJO1FBRVZDLEtBQUssRUFBRSxDQUZHO1FBR1ZDLE1BQU0sRUFBRSxDQUhFO1FBSVZDLE1BQU0sRUFBRSxLQUpFO1FBS1ZDLE9BQU8sRUFBRSxJQUxDO1FBTVZMLFFBQVEsRUFBRSxVQU5BO1FBT1ZNLFVBQVUsRUFBRSx5REFQRjtRQVFWQyxhQUFhLEVBQUUsTUFSTDtRQVNWQyxlQUFlLEVBQUVmO01BVFAsQ0FKTjtNQWVOLGtCQUFrQjtRQUNoQlcsTUFBTSxFQUFFO01BRFEsQ0FmWjtNQWtCTixXQUFXO1FBQ1RILElBQUksRUFBRSxDQURHO1FBRVRDLEtBQUssRUFBRSxDQUZFO1FBR1RDLE1BQU0sRUFBRSxDQUhDO1FBSVRDLE1BQU0sRUFBRSxLQUpDO1FBS1RDLE9BQU8sRUFBRSxJQUxBO1FBTVRMLFFBQVEsRUFBRSxVQU5EO1FBT1RTLFNBQVMsRUFBRSxXQVBGO1FBUVRILFVBQVUsRUFBRSxrREFSSDtRQVNUQyxhQUFhLEVBQUUsTUFUTjtRQVVUQyxlQUFlLEVBQUVuQixLQUFLLENBQUNFLE9BQU4sQ0FBY0csT0FBZCxDQUFzQkwsS0FBSyxDQUFDRSxPQUFOLENBQWNDLElBQXBDLENBVlIsQ0FVa0Q7O01BVmxEO0lBbEJMLENBREg7SUFnQ0xrQixPQUFPLEVBQUU7TUFDUCxXQUFXO1FBQ1RELFNBQVMsRUFBRTtNQURGO0lBREo7RUFoQ0osQ0FBUDtBQXNDRCxDQTVDYyxFQTRDWixnQkFBb0M7RUFBQSxJQUFqQ0UsUUFBaUMsUUFBakNBLFFBQWlDO0VBQUEsSUFBdkJDLE9BQXVCLFFBQXZCQSxPQUF1QjtFQUFBLElBQWRGLE9BQWMsUUFBZEEsT0FBYztFQUNyQyxJQUFNRyxLQUFLLEdBQUcsSUFBQUMsc0JBQUEsRUFBV0YsT0FBTyxDQUFDakIsTUFBbkIsRUFBMkJlLE9BQU8sSUFBSUUsT0FBTyxDQUFDRixPQUE5QyxDQUFkO0VBRUEsb0JBQU87SUFBSyxTQUFTLEVBQUVHO0VBQWhCLEdBQXdCRixRQUF4QixDQUFQO0FBQ0QsQ0FoRGMsQ0FBZjtBQWtEQXhCLE1BQU0sQ0FBQzRCLFNBQVAsR0FBbUI7RUFDakJKLFFBQVEsRUFBRUsscUJBQUEsQ0FBVUMsU0FBVixDQUFvQixDQUFDRCxxQkFBQSxDQUFVRSxPQUFWLENBQWtCRixxQkFBQSxDQUFVRyxJQUE1QixDQUFELEVBQW9DSCxxQkFBQSxDQUFVRyxJQUE5QyxDQUFwQixFQUF5RUMsVUFEbEU7RUFFakJWLE9BQU8sRUFBRU0scUJBQUEsQ0FBVUssSUFBVixDQUFlRDtBQUZQLENBQW5CO2VBS2VqQyxNIn0=