@pie-lib/config-ui 11.1.5-next.4 → 11.1.5-next.48

package/lib/langs.js

@@ -1,52 +1,30 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.RawLangs = exports.LanguageControls = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _Input = _interopRequireDefault(require("@material-ui/core/Input"));
-
 var _InputLabel = _interopRequireDefault(require("@material-ui/core/InputLabel"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _styles = require("@material-ui/core/styles");
-
 var _Select = _interopRequireDefault(require("@material-ui/core/Select"));
-
 var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
-
 var _FormControl = _interopRequireDefault(require("@material-ui/core/FormControl"));
-
 var _debug = _interopRequireDefault(require("debug"));
-
 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 _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; } }
-
 var log = (0, _debug["default"])('pie-elements:config-ui:langs');
-
 var styles = function styles(theme) {
   return {
     root: {
@@ -65,20 +43,15 @@ var styles = function styles(theme) {
     }
   };
 };
-
 var RawLangs = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(RawLangs, _React$Component);
-
   var _super = _createSuper(RawLangs);
-
   function RawLangs(props) {
     var _this;
-
     (0, _classCallCheck2["default"])(this, RawLangs);
     _this = _super.call(this, props);
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "choose", function (event) {
       log('[choose] event: ', event);
-
       if (_this.props.onChange) {
         _this.props.onChange(event.target.value);
       }
@@ -86,15 +59,14 @@ var RawLangs = /*#__PURE__*/function (_React$Component) {
     _this.uid = props.uid || (Math.random() * 10000).toFixed();
     return _this;
   }
-
   (0, _createClass2["default"])(RawLangs, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          langs = _this$props.langs,
-          selected = _this$props.selected,
-          label = _this$props.label,
-          classes = _this$props.classes;
+        langs = _this$props.langs,
+        selected = _this$props.selected,
+        label = _this$props.label,
+        classes = _this$props.classes;
       log('[render] selected:', selected);
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: classes.root
@@ -119,7 +91,6 @@ var RawLangs = /*#__PURE__*/function (_React$Component) {
   }]);
   return RawLangs;
 }(_react["default"].Component);
-
 exports.RawLangs = RawLangs;
 (0, _defineProperty2["default"])(RawLangs, "propTypes", {
   onChange: _propTypes["default"].func,
@@ -143,12 +114,12 @@ var LanguageControls = (0, _styles.withStyles)({
   }
 })(function (_ref) {
   var classes = _ref.classes,
-      langs = _ref.langs,
-      activeLang = _ref.activeLang,
-      defaultLang = _ref.defaultLang,
-      onActiveLangChange = _ref.onActiveLangChange,
-      onDefaultLangChange = _ref.onDefaultLangChange,
-      className = _ref.className;
+    langs = _ref.langs,
+    activeLang = _ref.activeLang,
+    defaultLang = _ref.defaultLang,
+    onActiveLangChange = _ref.onActiveLangChange,
+    onDefaultLangChange = _ref.onDefaultLangChange,
+    className = _ref.className;
   var names = (0, _classnames["default"])(classes.languageControls, className);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: names

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 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})(({ classes, langs, activeLang, defaultLang, onActiveLangChange, onDefaultLangChange, className }) => {\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 label=\"Default language\" langs={langs} selected={defaultLang} onChange={(l) => onDefaultLangChange(l)} />\n    </div>\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})(({ classes, langs, activeLang, defaultLang, onActiveLangChange, onDefaultLangChange, className }) => {\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 label=\"Default language\" langs={langs} selected={defaultLang} onChange={(l) => onDefaultLangChange(l)} />\n    </div>\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,35 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactMeasure = _interopRequireDefault(require("react-measure"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _layoutContents = _interopRequireDefault(require("./layout-contents"));
-
 var _settingsBox = _interopRequireDefault(require("./settings-box"));
-
 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 _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; } }
-
 var ConfigLayout = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(ConfigLayout, _React$Component);
-
   var _super = _createSuper(ConfigLayout);
-
   function ConfigLayout(props) {
     var _this;
-
     (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';
-
       _this.setState({
         layoutMode: layoutMode
       });
@@ -59,42 +39,44 @@ var ConfigLayout = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-
   (0, _createClass2["default"])(ConfigLayout, [{
     key: "render",
     value: function render() {
       var _this2 = this;
-
       return /*#__PURE__*/_react["default"].createElement(_reactMeasure["default"], {
         bounds: true,
         onResize: this.onResize
       }, function (_ref) {
         var measureRef = _ref.measureRef;
         var _this2$props = _this2.props,
-            settings = _this2$props.settings,
-            children = _this2$props.children;
+          children = _this2$props.children,
+          settings = _this2$props.settings,
+          hideSettings = _this2$props.hideSettings;
         var layoutMode = _this2.state.layoutMode;
+        var settingsPanel = layoutMode === 'inline' ? /*#__PURE__*/_react["default"].createElement(_settingsBox["default"], null, settings) : settings;
+        var secondaryContent = hideSettings ? null : settingsPanel;
         return /*#__PURE__*/_react["default"].createElement("div", {
           ref: measureRef
         }, /*#__PURE__*/_react["default"].createElement(_layoutContents["default"], {
           mode: layoutMode,
-          secondary: layoutMode === 'inline' ? /*#__PURE__*/_react["default"].createElement(_settingsBox["default"], null, settings) : settings
+          secondary: secondaryContent
         }, children));
       });
     }
   }]);
   return ConfigLayout;
 }(_react["default"].Component);
-
 (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
+  settings: _propTypes["default"].element,
+  sidePanelMinWidth: _propTypes["default"].number,
+  hideSettings: _propTypes["default"].bool
 });
 (0, _defineProperty2["default"])(ConfigLayout, "defaultProps", {
-  sidePanelMinWidth: 950
+  sidePanelMinWidth: 950,
+  hideSettings: false
 });
 var _default = ConfigLayout;
 exports["default"] = _default;

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","onResize","measureRef","settings","children","React","Component","PropTypes","oneOfType","string","arrayOf","element","className","classes","object","number"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;IAEMA,Y;;;;;AAaJ,wBAAYC,KAAZ,EAAmB;AAAA;;AAAA;AACjB,8BAAMA,KAAN;AADiB,iGAOR,UAACC,WAAD,EAAiB;AAC1B,UAAQC,MAAR,GAAmBD,WAAnB,CAAQC,MAAR;AACA,UAAQC,iBAAR,GAA8B,MAAKH,KAAnC,CAAQG,iBAAR;AACA,UAAMC,UAAU,GAAGF,MAAM,CAACG,KAAP,IAAgBF,iBAAhB,GAAoC,QAApC,GAA+C,QAAlE;;AAEA,YAAKG,QAAL,CAAc;AAAEF,QAAAA,UAAU,EAAVA;AAAF,OAAd;AACD,KAbkB;AAEjB,UAAKG,KAAL,GAAa;AACXH,MAAAA,UAAU,EAAEI;AADD,KAAb;AAFiB;AAKlB;;;;WAUD,kBAAS;AAAA;;AACP,0BACE,gCAAC,wBAAD;AAAS,QAAA,MAAM,MAAf;AAAgB,QAAA,QAAQ,EAAE,KAAKC;AAA/B,SACG,gBAAoB;AAAA,YAAjBC,UAAiB,QAAjBA,UAAiB;AACnB,2BAA+B,MAAI,CAACV,KAApC;AAAA,YAAQW,QAAR,gBAAQA,QAAR;AAAA,YAAkBC,QAAlB,gBAAkBA,QAAlB;AACA,YAAQR,UAAR,GAAuB,MAAI,CAACG,KAA5B,CAAQH,UAAR;AAEA,4BACE;AAAK,UAAA,GAAG,EAAEM;AAAV,wBACE,gCAAC,0BAAD;AACE,UAAA,IAAI,EAAEN,UADR;AAEE,UAAA,SAAS,EAAEA,UAAU,KAAK,QAAf,gBAA0B,gCAAC,uBAAD,QAAcO,QAAd,CAA1B,GAAkEA;AAF/E,WAIGC,QAJH,CADF,CADF;AAUD,OAfH,CADF;AAmBD;;;EAhDwBC,kBAAMC,S;;iCAA3Bf,Y,eACe;AACjBa,EAAAA,QAAQ,EAAEG,sBAAUC,SAAV,CAAoB,CAACD,sBAAUE,MAAX,EAAmBF,sBAAUG,OAAV,CAAkBH,sBAAUI,OAA5B,CAAnB,EAAyDJ,sBAAUI,OAAnE,CAApB,CADO;AAEjBR,EAAAA,QAAQ,EAAEI,sBAAUI,OAFH;AAGjBC,EAAAA,SAAS,EAAEL,sBAAUE,MAHJ;AAIjBI,EAAAA,OAAO,EAAEN,sBAAUO,MAJF;AAKjBnB,EAAAA,iBAAiB,EAAEY,sBAAUQ;AALZ,C;iCADfxB,Y,kBASkB;AACpBI,EAAAA,iBAAiB,EAAE;AADC,C;eA0CTJ,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([PropTypes.string, PropTypes.arrayOf(PropTypes.element), PropTypes.element]),\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={layoutMode === 'inline' ? <SettingsBox>{settings}</SettingsBox> : settings}\n              >\n                {children}\n              </LayoutContents>\n            </div>\n          );\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","children","settings","hideSettings","settingsPanel","secondaryContent","React","Component","PropTypes","oneOfType","string","arrayOf","element","className","classes","object","number","bool"],"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([PropTypes.string, PropTypes.arrayOf(PropTypes.element), PropTypes.element]),\n    className: PropTypes.string,\n    classes: PropTypes.object,\n    settings: PropTypes.element,\n    sidePanelMinWidth: PropTypes.number,\n    hideSettings: PropTypes.bool,\n  };\n\n  static defaultProps = {\n    sidePanelMinWidth: 950,\n    hideSettings: false,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = { layoutMode: undefined };\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 { children, settings, hideSettings } = this.props;\n          const { layoutMode } = this.state;\n\n          const settingsPanel = layoutMode === 'inline' ? <SettingsBox>{settings}</SettingsBox> : settings;\n          const secondaryContent = hideSettings ? null : settingsPanel;\n\n          return (\n            <div ref={measureRef}>\n              <LayoutContents mode={layoutMode} secondary={secondaryContent}>\n                {children}\n              </LayoutContents>\n            </div>\n          );\n        }}\n      </Measure>\n    );\n  }\n}\n\nexport default ConfigLayout;\n"],"mappings":";;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAAyC;AAAA;AAAA,IAEnCA,YAAY;EAAA;EAAA;EAehB,sBAAYC,KAAK,EAAE;IAAA;IAAA;IACjB,0BAAMA,KAAK;IAAE,6FAIJ,UAACC,WAAW,EAAK;MAC1B,IAAQC,MAAM,GAAKD,WAAW,CAAtBC,MAAM;MACd,IAAQC,iBAAiB,GAAK,MAAKH,KAAK,CAAhCG,iBAAiB;MACzB,IAAMC,UAAU,GAAGF,MAAM,CAACG,KAAK,IAAIF,iBAAiB,GAAG,QAAQ,GAAG,QAAQ;MAE1E,MAAKG,QAAQ,CAAC;QAAEF,UAAU,EAAVA;MAAW,CAAC,CAAC;IAC/B,CAAC;IATC,MAAKG,KAAK,GAAG;MAAEH,UAAU,EAAEI;IAAU,CAAC;IAAC;EACzC;EAAC;IAAA;IAAA,OAUD,kBAAS;MAAA;MACP,oBACE,gCAAC,wBAAO;QAAC,MAAM;QAAC,QAAQ,EAAE,IAAI,CAACC;MAAS,GACrC,gBAAoB;QAAA,IAAjBC,UAAU,QAAVA,UAAU;QACZ,mBAA6C,MAAI,CAACV,KAAK;UAA/CW,QAAQ,gBAARA,QAAQ;UAAEC,QAAQ,gBAARA,QAAQ;UAAEC,YAAY,gBAAZA,YAAY;QACxC,IAAQT,UAAU,GAAK,MAAI,CAACG,KAAK,CAAzBH,UAAU;QAElB,IAAMU,aAAa,GAAGV,UAAU,KAAK,QAAQ,gBAAG,gCAAC,uBAAW,QAAEQ,QAAQ,CAAe,GAAGA,QAAQ;QAChG,IAAMG,gBAAgB,GAAGF,YAAY,GAAG,IAAI,GAAGC,aAAa;QAE5D,oBACE;UAAK,GAAG,EAAEJ;QAAW,gBACnB,gCAAC,0BAAc;UAAC,IAAI,EAAEN,UAAW;UAAC,SAAS,EAAEW;QAAiB,GAC3DJ,QAAQ,CACM,CACb;MAEV,CAAC,CACO;IAEd;EAAC;EAAA;AAAA,EAhDwBK,iBAAK,CAACC,SAAS;AAAA,iCAApClB,YAAY,eACG;EACjBY,QAAQ,EAAEO,qBAAS,CAACC,SAAS,CAAC,CAACD,qBAAS,CAACE,MAAM,EAAEF,qBAAS,CAACG,OAAO,CAACH,qBAAS,CAACI,OAAO,CAAC,EAAEJ,qBAAS,CAACI,OAAO,CAAC,CAAC;EAC1GC,SAAS,EAAEL,qBAAS,CAACE,MAAM;EAC3BI,OAAO,EAAEN,qBAAS,CAACO,MAAM;EACzBb,QAAQ,EAAEM,qBAAS,CAACI,OAAO;EAC3BnB,iBAAiB,EAAEe,qBAAS,CAACQ,MAAM;EACnCb,YAAY,EAAEK,qBAAS,CAACS;AAC1B,CAAC;AAAA,iCARG5B,YAAY,kBAUM;EACpBI,iBAAiB,EAAE,GAAG;EACtBU,YAAY,EAAE;AAChB,CAAC;AAAA,eAsCYd,YAAY;AAAA"}

package/lib/layout/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,8 +16,6 @@ Object.defineProperty(exports, "LayoutContents", {
     return _layoutContents["default"];
   }
 });
-
 var _configLayout = _interopRequireDefault(require("./config-layout"));
-
 var _layoutContents = _interopRequireDefault(require("./layout-contents"));
 //# sourceMappingURL=index.js.map

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,70 +1,86 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _core = require("@material-ui/core");
-
 var _tabs = _interopRequireDefault(require("../tabs"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 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 _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; } }
-
 var RawLayoutContents = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(RawLayoutContents, _React$Component);
-
   var _super = _createSuper(RawLayoutContents);
-
   function RawLayoutContents() {
+    var _this;
     (0, _classCallCheck2["default"])(this, RawLayoutContents);
-    return _super.apply(this, arguments);
-  }
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getConfiguration", function () {
+      var _secondary$props, _secondary$props2, _secondary$props2$chi, _secondary$props2$chi2;
+      var secondary = _this.props.secondary;
+      // in config-layout, secondary can be: <SettingsBox>{settings}</SettingsBox>, settings, null
 
+      return (secondary === null || secondary === void 0 ? void 0 : (_secondary$props = secondary.props) === null || _secondary$props === void 0 ? void 0 : _secondary$props.configuration) || (secondary === null || secondary === void 0 ? void 0 : (_secondary$props2 = secondary.props) === null || _secondary$props2 === void 0 ? void 0 : (_secondary$props2$chi = _secondary$props2.children) === null || _secondary$props2$chi === void 0 ? void 0 : (_secondary$props2$chi2 = _secondary$props2$chi.props) === null || _secondary$props2$chi2 === void 0 ? void 0 : _secondary$props2$chi2.configuration) || undefined;
+    });
+    return _this;
+  }
   (0, _createClass2["default"])(RawLayoutContents, [{
     key: "render",
-    value: function render() {
-      var _secondary$props, _secondary$props2, _secondary$props2$chi, _secondary$props2$chi2;
-
+    value:
+    // // eslint-disable-next-line no-unused-vars
+    // componentDidUpdate(prevProps, prevState, snapshot) {
+    //   const configuration = this.getConfiguration();
+    //   const { mode } = this.props;
+    //
+    //   // promptHolder class is used to wrap up inputs:
+    //   // we don't want inputs to fill the entire scrollable container,
+    //   // but instead we want inputs to fit in the first view,
+    //   // so we calculate the maximum space inputs need
+    //   try {
+    //     if (
+    //       configuration?.maxWidth &&
+    //       getComputedStyle(document.documentElement).getPropertyValue('--pie-prompt-holder-max-width') !==
+    //         configuration?.maxWidth
+    //     ) {
+    //       document.documentElement.style.setProperty(
+    //         '--pie-prompt-holder-max-width',
+    //         mode === 'inline' ? `calc(${configuration.maxWidth} - 340px)` : configuration.maxWidth,
+    //       );
+    //     }
+    //   } catch (e) {
+    //     console.log(e.toString());
+    //   }
+    // }
+
+    function render() {
       var _this$props = this.props,
-          mode = _this$props.mode,
-          secondary = _this$props.secondary,
-          children = _this$props.children,
-          classes = _this$props.classes; // in config-layout, layout content gets called like this:
-      // <LayoutContents secondary={layoutMode === 'inline' ? <SettingsBox>{settings}</SettingsBox> : settings}>
-
-      var configuration = (secondary === null || secondary === void 0 ? void 0 : (_secondary$props = secondary.props) === null || _secondary$props === void 0 ? void 0 : _secondary$props.configuration) || (secondary === null || secondary === void 0 ? void 0 : (_secondary$props2 = secondary.props) === null || _secondary$props2 === void 0 ? void 0 : (_secondary$props2$chi = _secondary$props2.children) === null || _secondary$props2$chi === void 0 ? void 0 : (_secondary$props2$chi2 = _secondary$props2$chi.props) === null || _secondary$props2$chi2 === void 0 ? void 0 : _secondary$props2$chi2.configuration) || undefined;
+        mode = _this$props.mode,
+        secondary = _this$props.secondary,
+        children = _this$props.children,
+        classes = _this$props.classes;
+      var configuration = this.getConfiguration();
       var hasSettingsPanel = Object.entries(configuration || {}).some(function (_ref) {
         var _ref2 = (0, _slicedToArray2["default"])(_ref, 2),
-            propName = _ref2[0],
-            obj = _ref2[1];
-
+          propName = _ref2[0],
+          obj = _ref2[1];
         return !!(obj !== null && obj !== void 0 && obj.settings);
-      }); // ebsr has configuration.partA and configuration.partB
+      });
+      // ebsr has configuration.partA and configuration.partB
       // because we might have nested configuration for other item types as well, let's add this simple regex to check values for settings
 
       if (!hasSettingsPanel) {
@@ -74,28 +90,17 @@ var RawLayoutContents = /*#__PURE__*/function (_React$Component) {
           console.log(e.toString());
         }
       }
-
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: (0, _classnames["default"])(classes.container)
       }, mode === 'inline' && /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.flow,
-        style: {
-          maxWidth: configuration.maxWidth || 'unset'
-        }
+        className: classes.flow
       }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _classnames["default"])(classes.configContainer, configuration.maxWidth && classes.contentContainerMaxWidth),
-        style: {
-          maxWidth: configuration.maxWidth ? "calc(".concat(configuration.maxWidth, " - 330px)") : 'unset'
-        }
+        className: classes.configContainer
       }, children), hasSettingsPanel && /*#__PURE__*/_react["default"].createElement("div", null, secondary)), mode === 'tabbed' && hasSettingsPanel && /*#__PURE__*/_react["default"].createElement(_tabs["default"], {
         onChange: this.onTabsChange,
-        contentClassName: (0, _classnames["default"])(classes.contentContainer, configuration.maxWidth && classes.contentContainerMaxWidth),
-        contentStyle: {
-          maxWidth: configuration.maxWidth || 'unset'
-        },
+        contentClassName: classes.contentContainer,
         indicatorColor: "primary"
       }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: configuration.contentContainerDesign,
         title: "Design"
       }, children), /*#__PURE__*/_react["default"].createElement("div", {
         title: "settings"
@@ -104,14 +109,12 @@ var RawLayoutContents = /*#__PURE__*/function (_React$Component) {
   }]);
   return RawLayoutContents;
 }(_react["default"].Component);
-
 (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]),
   classes: _propTypes["default"].object
 });
-
 var styles = function styles() {
   return {
     flow: {
@@ -126,21 +129,12 @@ var styles = function styles() {
     contentContainer: {
       padding: '32px 16px 0 16px'
     },
-    contentContainerMaxWidth: {
-      display: 'flex',
-      overflow: 'scroll'
-    },
     configContainer: {
       flex: '1',
       marginRight: '20px'
-    },
-    contentContainerDesign: {
-      width: '100%'
     }
   };
 };
-
 var _default = (0, _core.withStyles)(styles)(RawLayoutContents);
-
 exports["default"] = _default;
 //# sourceMappingURL=layout-contents.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/layout/layout-contents.jsx"],"names":["RawLayoutContents","props","mode","secondary","children","classes","configuration","undefined","hasSettingsPanel","Object","entries","some","propName","obj","settings","JSON","stringify","match","length","e","console","log","toString","container","flow","maxWidth","configContainer","contentContainerMaxWidth","onTabsChange","contentContainer","contentContainerDesign","React","Component","PropTypes","oneOf","oneOfType","arrayOf","node","object","styles","display","justifyContent","flexDirection","position","padding","overflow","flex","marginRight","width"],"mappings":"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","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    // in config-layout, layout content gets called like this:\n    // <LayoutContents secondary={layoutMode === 'inline' ? <SettingsBox>{settings}</SettingsBox> : settings}>\n    const configuration =\n      secondary?.props?.configuration || secondary?.props?.children?.props?.configuration || undefined;\n    let hasSettingsPanel = Object.entries(configuration || {}).some(([propName, obj]) => !!obj?.settings);\n    // ebsr has configuration.partA and configuration.partB\n    // because we might have nested configuration for other item types as well, let's add this simple regex to check values for settings\n\n    if (!hasSettingsPanel) {\n      try {\n        hasSettingsPanel = JSON.stringify(configuration).match(/settings\":true/).length;\n      } catch (e) {\n        console.log(e.toString());\n      }\n    }\n\n    return (\n      <div className={classnames(classes.container)}>\n        {mode === 'inline' && (\n          <div className={classes.flow} style={{ maxWidth: configuration.maxWidth || 'unset' }}>\n            <div\n              className={classnames(\n                classes.configContainer,\n                configuration.maxWidth && classes.contentContainerMaxWidth,\n              )}\n              style={{ maxWidth: configuration.maxWidth ? `calc(${configuration.maxWidth} - 330px)` : 'unset' }}\n            >\n              {children}\n            </div>\n            {hasSettingsPanel && <div>{secondary}</div>}\n          </div>\n        )}\n        {mode === 'tabbed' && hasSettingsPanel && (\n          <Tabs\n            onChange={this.onTabsChange}\n            contentClassName={classnames(\n              classes.contentContainer,\n              configuration.maxWidth && classes.contentContainerMaxWidth,\n            )}\n            contentStyle={{ maxWidth: configuration.maxWidth || 'unset' }}\n            indicatorColor=\"primary\"\n          >\n            <div className={configuration.contentContainerDesign} title=\"Design\">\n              {children}\n            </div>\n            <div title=\"settings\">{secondary}</div>\n          </Tabs>\n        )}\n        {mode === 'tabbed' && !hasSettingsPanel && <div>{children}</div>}\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  contentContainerMaxWidth: {\n    display: 'flex',\n    overflow: 'scroll',\n  },\n  configContainer: {\n    flex: '1',\n    marginRight: '20px',\n  },\n  contentContainerDesign: {\n    width: '100%',\n  },\n});\n\nexport default withStyles(styles)(RawLayoutContents);\n"],"file":"layout-contents.js"}
+{"version":3,"file":"layout-contents.js","names":["RawLayoutContents","secondary","props","configuration","children","undefined","mode","classes","getConfiguration","hasSettingsPanel","Object","entries","some","propName","obj","settings","JSON","stringify","match","length","e","console","log","toString","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  getConfiguration = () => {\n    const { secondary } = this.props;\n    // in config-layout, secondary can be: <SettingsBox>{settings}</SettingsBox>, settings, null\n\n    return secondary?.props?.configuration || secondary?.props?.children?.props?.configuration || undefined;\n  };\n\n  // // eslint-disable-next-line no-unused-vars\n  // componentDidUpdate(prevProps, prevState, snapshot) {\n  //   const configuration = this.getConfiguration();\n  //   const { mode } = this.props;\n  //\n  //   // promptHolder class is used to wrap up inputs:\n  //   // we don't want inputs to fill the entire scrollable container,\n  //   // but instead we want inputs to fit in the first view,\n  //   // so we calculate the maximum space inputs need\n  //   try {\n  //     if (\n  //       configuration?.maxWidth &&\n  //       getComputedStyle(document.documentElement).getPropertyValue('--pie-prompt-holder-max-width') !==\n  //         configuration?.maxWidth\n  //     ) {\n  //       document.documentElement.style.setProperty(\n  //         '--pie-prompt-holder-max-width',\n  //         mode === 'inline' ? `calc(${configuration.maxWidth} - 340px)` : configuration.maxWidth,\n  //       );\n  //     }\n  //   } catch (e) {\n  //     console.log(e.toString());\n  //   }\n  // }\n\n  render() {\n    const { mode, secondary, children, classes } = this.props;\n    const configuration = this.getConfiguration();\n\n    let hasSettingsPanel = Object.entries(configuration || {}).some(([propName, obj]) => !!obj?.settings);\n    // ebsr has configuration.partA and configuration.partB\n    // because we might have nested configuration for other item types as well, let's add this simple regex to check values for settings\n\n    if (!hasSettingsPanel) {\n      try {\n        hasSettingsPanel = JSON.stringify(configuration).match(/settings\":true/).length;\n      } catch (e) {\n        console.log(e.toString());\n      }\n    }\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            {hasSettingsPanel && <div>{secondary}</div>}\n          </div>\n        )}\n        {mode === 'tabbed' && hasSettingsPanel && (\n          <Tabs onChange={this.onTabsChange} contentClassName={classes.contentContainer} indicatorColor=\"primary\">\n            <div title=\"Design\">{children}</div>\n            <div title=\"settings\">{secondary}</div>\n          </Tabs>\n        )}\n        {mode === 'tabbed' && !hasSettingsPanel && <div>{children}</div>}\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":"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"}

package/lib/layout/settings-box.js

@@ -1,53 +1,36 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.SettingsBox = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styles = require("@material-ui/core/styles");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 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 _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; } }
-
 var SettingsBox = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(SettingsBox, _React$Component);
-
   var _super = _createSuper(SettingsBox);
-
   function SettingsBox() {
     (0, _classCallCheck2["default"])(this, SettingsBox);
     return _super.apply(this, arguments);
   }
-
   (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;
+        classes = _this$props.classes,
+        className = _this$props.className,
+        children = _this$props.children;
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: (0, _classnames["default"])(classes.settingsBox, className)
       }, children);
@@ -55,7 +38,6 @@ var SettingsBox = /*#__PURE__*/function (_React$Component) {
   }]);
   return SettingsBox;
 }(_react["default"].Component);
-
 exports.SettingsBox = SettingsBox;
 (0, _defineProperty2["default"])(SettingsBox, "propTypes", {
   classes: _propTypes["default"].object.isRequired,
@@ -63,7 +45,6 @@ exports.SettingsBox = SettingsBox;
   children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired
 });
 (0, _defineProperty2["default"])(SettingsBox, "defaultProps", {});
-
 var styles = function styles() {
   return {
     settingsBox: {
@@ -80,8 +61,6 @@ var styles = function styles() {
     }
   };
 };
-
 var _default = (0, _styles.withStyles)(styles)(SettingsBox);
-
 exports["default"] = _default;
 //# sourceMappingURL=settings-box.js.map