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

package/lib/two-choice.js

@@ -1,42 +1,25 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.NChoice = 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 _renderUi = require("@pie-lib/render-ui");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _radioWithLabel = _interopRequireDefault(require("./radio-with-label"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _styles = require("@material-ui/core/styles");
-
 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 styles = function styles(theme) {
   return {
     group: {
@@ -50,41 +33,33 @@ var styles = function styles(theme) {
     }
   };
 };
-
 var RawNChoice = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(RawNChoice, _React$Component);
-
   var _super = _createSuper(RawNChoice);
-
   function RawNChoice() {
     var _this;
-
     (0, _classCallCheck2["default"])(this, RawNChoice);
-
     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), "handleChange", function (event) {
       _this.props.onChange(event.currentTarget.value);
     });
     return _this;
   }
-
   (0, _createClass2["default"])(RawNChoice, [{
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var _this$props = this.props,
-          header = _this$props.header,
-          className = _this$props.className,
-          classes = _this$props.classes,
-          customLabel = _this$props.customLabel,
-          opts = _this$props.opts,
-          value = _this$props.value,
-          direction = _this$props.direction;
+        header = _this$props.header,
+        className = _this$props.className,
+        classes = _this$props.classes,
+        customLabel = _this$props.customLabel,
+        opts = _this$props.opts,
+        value = _this$props.value,
+        direction = _this$props.direction;
       var preppedOpts = opts.map(function (o) {
         return typeof o === 'string' ? {
           label: o,
@@ -110,7 +85,6 @@ var RawNChoice = /*#__PURE__*/function (_React$Component) {
   }]);
   return RawNChoice;
 }(_react["default"].Component);
-
 (0, _defineProperty2["default"])(RawNChoice, "propTypes", {
   header: _propTypes["default"].string.isRequired,
   className: _propTypes["default"].string,
@@ -123,33 +97,28 @@ var RawNChoice = /*#__PURE__*/function (_React$Component) {
 });
 var NChoice = (0, _styles.withStyles)(styles)(RawNChoice);
 exports.NChoice = NChoice;
-
 var labelValue = _propTypes["default"].shape({
   label: _propTypes["default"].string,
   value: _propTypes["default"].string
 });
-
 var TwoChoice = /*#__PURE__*/function (_React$Component2) {
   (0, _inherits2["default"])(TwoChoice, _React$Component2);
-
   var _super2 = _createSuper(TwoChoice);
-
   function TwoChoice() {
     (0, _classCallCheck2["default"])(this, TwoChoice);
     return _super2.apply(this, arguments);
   }
-
   (0, _createClass2["default"])(TwoChoice, [{
     key: "render",
     value: function render() {
       var _this$props2 = this.props,
-          one = _this$props2.one,
-          two = _this$props2.two,
-          header = _this$props2.header,
-          className = _this$props2.className,
-          customLabel = _this$props2.customLabel,
-          value = _this$props2.value,
-          onChange = _this$props2.onChange;
+        one = _this$props2.one,
+        two = _this$props2.two,
+        header = _this$props2.header,
+        className = _this$props2.className,
+        customLabel = _this$props2.customLabel,
+        value = _this$props2.value,
+        onChange = _this$props2.onChange;
       var opts = [one, two];
       return /*#__PURE__*/_react["default"].createElement(NChoice, {
         customLabel: customLabel,
@@ -163,7 +132,6 @@ var TwoChoice = /*#__PURE__*/function (_React$Component2) {
   }]);
   return TwoChoice;
 }(_react["default"].Component);
-
 (0, _defineProperty2["default"])(TwoChoice, "propTypes", {
   header: _propTypes["default"].string.isRequired,
   value: _propTypes["default"].string.isRequired,
@@ -173,8 +141,6 @@ var TwoChoice = /*#__PURE__*/function (_React$Component2) {
   className: _propTypes["default"].string,
   customLabel: _propTypes["default"].func
 });
-
 var _default = (0, _styles.withStyles)(styles)(TwoChoice);
-
 exports["default"] = _default;
 //# sourceMappingURL=two-choice.js.map

package/lib/two-choice.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/two-choice.jsx"],"names":["styles","theme","group","display","flexWrap","paddingLeft","marginTop","spacing","unit","vertical","flexDirection","RawNChoice","event","props","onChange","currentTarget","value","header","className","classes","customLabel","opts","direction","preppedOpts","map","o","label","LabelComponent","RadioWithLabel","index","handleChange","React","Component","PropTypes","string","isRequired","func","array","oneOf","object","NChoice","labelValue","shape","TwoChoice","one","two","oneOfType"],"mappings":"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","sourcesContent":["import { InputContainer } from '@pie-lib/render-ui';\nimport PropTypes from 'prop-types';\nimport RadioWithLabel from './radio-with-label';\nimport React from 'react';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst styles = (theme) => ({\n  group: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    paddingLeft: 0,\n    marginTop: theme.spacing.unit,\n  },\n  vertical: {\n    flexDirection: 'column',\n  },\n});\n\nclass RawNChoice extends React.Component {\n  static propTypes = {\n    header: PropTypes.string.isRequired,\n    className: PropTypes.string,\n    customLabel: PropTypes.func,\n    opts: PropTypes.array.isRequired,\n    value: PropTypes.string,\n    onChange: PropTypes.func.isRequired,\n    direction: PropTypes.oneOf(['horizontal', 'vertical']),\n    classes: PropTypes.object.isRequired,\n  };\n\n  handleChange = (event) => {\n    this.props.onChange(event.currentTarget.value);\n  };\n\n  render() {\n    const { header, className, classes, customLabel, opts, value, direction } = this.props;\n\n    const preppedOpts = opts.map((o) => {\n      return typeof o === 'string' ? { label: o, value: o } : o;\n    });\n    const LabelComponent = customLabel || RadioWithLabel;\n\n    return (\n      <InputContainer label={header} className={className}>\n        <div className={classNames(classes.group, classes[direction])}>\n          {preppedOpts.map((o, index) => (\n            <LabelComponent\n              value={o.value}\n              key={index}\n              checked={o.value === value}\n              onChange={this.handleChange}\n              label={o.label}\n            />\n          ))}\n        </div>\n      </InputContainer>\n    );\n  }\n}\n\nexport const NChoice = withStyles(styles)(RawNChoice);\n\nconst labelValue = PropTypes.shape({ label: PropTypes.string, value: PropTypes.string });\n\nclass TwoChoice extends React.Component {\n  static propTypes = {\n    header: PropTypes.string.isRequired,\n    value: PropTypes.string.isRequired,\n    onChange: PropTypes.func.isRequired,\n    one: PropTypes.oneOfType([labelValue, PropTypes.string]),\n    two: PropTypes.oneOfType([labelValue, PropTypes.string]),\n    className: PropTypes.string,\n    customLabel: PropTypes.func,\n  };\n\n  render() {\n    const { one, two, header, className, customLabel, value, onChange } = this.props;\n    const opts = [one, two];\n\n    return (\n      <NChoice\n        customLabel={customLabel}\n        header={header}\n        className={className}\n        opts={opts}\n        value={value}\n        onChange={onChange}\n      />\n    );\n  }\n}\n\nexport default withStyles(styles)(TwoChoice);\n"],"file":"two-choice.js"}
+{"version":3,"file":"two-choice.js","names":["styles","theme","group","display","flexWrap","paddingLeft","marginTop","spacing","unit","vertical","flexDirection","RawNChoice","event","props","onChange","currentTarget","value","header","className","classes","customLabel","opts","direction","preppedOpts","map","o","label","LabelComponent","RadioWithLabel","classNames","index","handleChange","React","Component","PropTypes","string","isRequired","func","array","oneOf","object","NChoice","withStyles","labelValue","shape","TwoChoice","one","two","oneOfType"],"sources":["../src/two-choice.jsx"],"sourcesContent":["import { InputContainer } from '@pie-lib/render-ui';\nimport PropTypes from 'prop-types';\nimport RadioWithLabel from './radio-with-label';\nimport React from 'react';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst styles = (theme) => ({\n  group: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    paddingLeft: 0,\n    marginTop: theme.spacing.unit,\n  },\n  vertical: {\n    flexDirection: 'column',\n  },\n});\n\nclass RawNChoice extends React.Component {\n  static propTypes = {\n    header: PropTypes.string.isRequired,\n    className: PropTypes.string,\n    customLabel: PropTypes.func,\n    opts: PropTypes.array.isRequired,\n    value: PropTypes.string,\n    onChange: PropTypes.func.isRequired,\n    direction: PropTypes.oneOf(['horizontal', 'vertical']),\n    classes: PropTypes.object.isRequired,\n  };\n\n  handleChange = (event) => {\n    this.props.onChange(event.currentTarget.value);\n  };\n\n  render() {\n    const { header, className, classes, customLabel, opts, value, direction } = this.props;\n\n    const preppedOpts = opts.map((o) => {\n      return typeof o === 'string' ? { label: o, value: o } : o;\n    });\n    const LabelComponent = customLabel || RadioWithLabel;\n\n    return (\n      <InputContainer label={header} className={className}>\n        <div className={classNames(classes.group, classes[direction])}>\n          {preppedOpts.map((o, index) => (\n            <LabelComponent\n              value={o.value}\n              key={index}\n              checked={o.value === value}\n              onChange={this.handleChange}\n              label={o.label}\n            />\n          ))}\n        </div>\n      </InputContainer>\n    );\n  }\n}\n\nexport const NChoice = withStyles(styles)(RawNChoice);\n\nconst labelValue = PropTypes.shape({ label: PropTypes.string, value: PropTypes.string });\n\nclass TwoChoice extends React.Component {\n  static propTypes = {\n    header: PropTypes.string.isRequired,\n    value: PropTypes.string.isRequired,\n    onChange: PropTypes.func.isRequired,\n    one: PropTypes.oneOfType([labelValue, PropTypes.string]),\n    two: PropTypes.oneOfType([labelValue, PropTypes.string]),\n    className: PropTypes.string,\n    customLabel: PropTypes.func,\n  };\n\n  render() {\n    const { one, two, header, className, customLabel, value, onChange } = this.props;\n    const opts = [one, two];\n\n    return (\n      <NChoice\n        customLabel={customLabel}\n        header={header}\n        className={className}\n        opts={opts}\n        value={value}\n        onChange={onChange}\n      />\n    );\n  }\n}\n\nexport default withStyles(styles)(TwoChoice);\n"],"mappings":"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"}

package/lib/with-stateful-model.js

@@ -1,43 +1,27 @@
 "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 _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 withStatefulModel = function withStatefulModel(Component) {
   var Stateful = /*#__PURE__*/function (_React$Component) {
     (0, _inherits2["default"])(Stateful, _React$Component);
-
     var _super = _createSuper(Stateful);
-
     function Stateful(props) {
       var _this;
-
       (0, _classCallCheck2["default"])(this, Stateful);
       _this = _super.call(this, props);
       (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onChange", function (model) {
@@ -52,7 +36,6 @@ var withStatefulModel = function withStatefulModel(Component) {
       };
       return _this;
     }
-
     (0, _createClass2["default"])(Stateful, [{
       key: "componentWillReceiveProps",
       value: function componentWillReceiveProps(props) {
@@ -71,14 +54,12 @@ var withStatefulModel = function withStatefulModel(Component) {
     }]);
     return Stateful;
   }(_react["default"].Component);
-
   (0, _defineProperty2["default"])(Stateful, "propTypes", {
     model: _propTypes["default"].object.isRequired,
     onChange: _propTypes["default"].func.isRequired
   });
   return Stateful;
 };
-
 var _default = withStatefulModel;
 exports["default"] = _default;
 //# sourceMappingURL=with-stateful-model.js.map

package/lib/with-stateful-model.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/with-stateful-model.jsx"],"names":["withStatefulModel","Component","Stateful","props","model","setState","onChange","state","React","PropTypes","object","isRequired","func"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;;;AAEA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,SAAD,EAAe;AAAA,MACjCC,QADiC;AAAA;;AAAA;;AAOrC,sBAAYC,KAAZ,EAAmB;AAAA;;AAAA;AACjB,gCAAMA,KAAN;AADiB,mGAWR,UAACC,KAAD,EAAW;AACpB,cAAKC,QAAL,CAAc;AAAED,UAAAA,KAAK,EAALA;AAAF,SAAd,EAAyB,YAAM;AAC7B,gBAAKD,KAAL,CAAWG,QAAX,CAAoB,MAAKC,KAAL,CAAWH,KAA/B;AACD,SAFD;AAGD,OAfkB;AAEjB,YAAKG,KAAL,GAAa;AACXH,QAAAA,KAAK,EAAED,KAAK,CAACC;AADF,OAAb;AAFiB;AAKlB;;AAZoC;AAAA;AAAA,aAcrC,mCAA0BD,KAA1B,EAAiC;AAC/B,aAAKE,QAAL,CAAc;AAAED,UAAAA,KAAK,EAAED,KAAK,CAACC;AAAf,SAAd;AACD;AAhBoC;AAAA;AAAA,aAwBrC,kBAAS;AACP,4BAAO,gCAAC,SAAD;AAAW,UAAA,KAAK,EAAE,KAAKG,KAAL,CAAWH,KAA7B;AAAoC,UAAA,QAAQ,EAAE,KAAKE;AAAnD,UAAP;AACD;AA1BoC;AAAA;AAAA,IAChBE,kBAAMP,SADU;;AAAA,mCACjCC,QADiC,eAElB;AACjBE,IAAAA,KAAK,EAAEK,sBAAUC,MAAV,CAAiBC,UADP;AAEjBL,IAAAA,QAAQ,EAAEG,sBAAUG,IAAV,CAAeD;AAFR,GAFkB;AA6BvC,SAAOT,QAAP;AACD,CA9BD;;eAgCeF,iB","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst withStatefulModel = (Component) => {\n  class Stateful extends React.Component {\n    static propTypes = {\n      model: PropTypes.object.isRequired,\n      onChange: PropTypes.func.isRequired,\n    };\n\n    constructor(props) {\n      super(props);\n      this.state = {\n        model: props.model,\n      };\n    }\n\n    componentWillReceiveProps(props) {\n      this.setState({ model: props.model });\n    }\n\n    onChange = (model) => {\n      this.setState({ model }, () => {\n        this.props.onChange(this.state.model);\n      });\n    };\n\n    render() {\n      return <Component model={this.state.model} onChange={this.onChange} />;\n    }\n  }\n\n  return Stateful;\n};\n\nexport default withStatefulModel;\n"],"file":"with-stateful-model.js"}
+{"version":3,"file":"with-stateful-model.js","names":["withStatefulModel","Component","Stateful","props","model","setState","onChange","state","React","PropTypes","object","isRequired","func"],"sources":["../src/with-stateful-model.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst withStatefulModel = (Component) => {\n  class Stateful extends React.Component {\n    static propTypes = {\n      model: PropTypes.object.isRequired,\n      onChange: PropTypes.func.isRequired,\n    };\n\n    constructor(props) {\n      super(props);\n      this.state = {\n        model: props.model,\n      };\n    }\n\n    componentWillReceiveProps(props) {\n      this.setState({ model: props.model });\n    }\n\n    onChange = (model) => {\n      this.setState({ model }, () => {\n        this.props.onChange(this.state.model);\n      });\n    };\n\n    render() {\n      return <Component model={this.state.model} onChange={this.onChange} />;\n    }\n  }\n\n  return Stateful;\n};\n\nexport default withStatefulModel;\n"],"mappings":";;;;;;;;;;;;;;AAAA;AACA;AAAmC;AAAA;AAEnC,IAAMA,iBAAiB,GAAG,SAApBA,iBAAiB,CAAIC,SAAS,EAAK;EAAA,IACjCC,QAAQ;IAAA;IAAA;IAMZ,kBAAYC,KAAK,EAAE;MAAA;MAAA;MACjB,0BAAMA,KAAK;MAAE,6FAUJ,UAACC,KAAK,EAAK;QACpB,MAAKC,QAAQ,CAAC;UAAED,KAAK,EAALA;QAAM,CAAC,EAAE,YAAM;UAC7B,MAAKD,KAAK,CAACG,QAAQ,CAAC,MAAKC,KAAK,CAACH,KAAK,CAAC;QACvC,CAAC,CAAC;MACJ,CAAC;MAbC,MAAKG,KAAK,GAAG;QACXH,KAAK,EAAED,KAAK,CAACC;MACf,CAAC;MAAC;IACJ;IAAC;MAAA;MAAA,OAED,mCAA0BD,KAAK,EAAE;QAC/B,IAAI,CAACE,QAAQ,CAAC;UAAED,KAAK,EAAED,KAAK,CAACC;QAAM,CAAC,CAAC;MACvC;IAAC;MAAA;MAAA,OAQD,kBAAS;QACP,oBAAO,gCAAC,SAAS;UAAC,KAAK,EAAE,IAAI,CAACG,KAAK,CAACH,KAAM;UAAC,QAAQ,EAAE,IAAI,CAACE;QAAS,EAAG;MACxE;IAAC;IAAA;EAAA,EAzBoBE,iBAAK,CAACP,SAAS;EAAA,iCAAhCC,QAAQ,eACO;IACjBE,KAAK,EAAEK,qBAAS,CAACC,MAAM,CAACC,UAAU;IAClCL,QAAQ,EAAEG,qBAAS,CAACG,IAAI,CAACD;EAC3B,CAAC;EAwBH,OAAOT,QAAQ;AACjB,CAAC;AAAC,eAEaF,iBAAiB;AAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/config-ui",
-  "version": "11.1.5-next.4+19db4f8b",
+  "version": "11.1.5-next.48+cbb2d706",
   "main": "lib/index.js",
   "module": "src/index.js",
   "publishConfig": {
@@ -10,7 +10,7 @@
   "dependencies": {
     "@material-ui/core": "^3.8.3",
     "@material-ui/icons": "^3.0.2",
-    "@pie-lib/editable-html": "^9.3.0",
+    "@pie-lib/editable-html": "^9.3.1-next.53+cbb2d706",
     "@pie-lib/icons": "^2.4.26",
     "@pie-lib/render-ui": "^4.13.7",
     "classnames": "^2.2.6",
@@ -26,5 +26,5 @@
   "peerDependencies": {
     "react": "^16.8.1"
   },
-  "gitHead": "19db4f8b84587d9d3a1542d8c06c5cb86458b1f3"
+  "gitHead": "cbb2d70637263fd7d0bf2a0a7d0b4b75e2a7370c"
 }

package/src/layout/config-layout.jsx

@@ -7,21 +7,21 @@ import SettingsBox from './settings-box';
 class ConfigLayout extends React.Component {
   static propTypes = {
     children: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.element), PropTypes.element]),
-    settings: PropTypes.element,
     className: PropTypes.string,
     classes: PropTypes.object,
+    settings: PropTypes.element,
     sidePanelMinWidth: PropTypes.number,
+    hideSettings: PropTypes.bool,
   };
 
   static defaultProps = {
     sidePanelMinWidth: 950,
+    hideSettings: false,
   };
 
   constructor(props) {
     super(props);
-    this.state = {
-      layoutMode: undefined,
-    };
+    this.state = { layoutMode: undefined };
   }
 
   onResize = (contentRect) => {
@@ -36,15 +36,15 @@ class ConfigLayout extends React.Component {
     return (
       <Measure bounds onResize={this.onResize}>
         {({ measureRef }) => {
-          const { settings, children } = this.props;
+          const { children, settings, hideSettings } = this.props;
           const { layoutMode } = this.state;
 
+          const settingsPanel = layoutMode === 'inline' ? <SettingsBox>{settings}</SettingsBox> : settings;
+          const secondaryContent = hideSettings ? null : settingsPanel;
+
           return (
             <div ref={measureRef}>
-              <LayoutContents
-                mode={layoutMode}
-                secondary={layoutMode === 'inline' ? <SettingsBox>{settings}</SettingsBox> : settings}
-              >
+              <LayoutContents mode={layoutMode} secondary={secondaryContent}>
                 {children}
               </LayoutContents>
             </div>

package/src/layout/layout-contents.jsx

@@ -12,12 +12,42 @@ class RawLayoutContents extends React.Component {
     classes: PropTypes.object,
   };
 
+  getConfiguration = () => {
+    const { secondary } = this.props;
+    // in config-layout, secondary can be: <SettingsBox>{settings}</SettingsBox>, settings, null
+
+    return secondary?.props?.configuration || secondary?.props?.children?.props?.configuration || undefined;
+  };
+
+  // // 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());
+  //   }
+  // }
+
   render() {
     const { mode, secondary, children, classes } = this.props;
-    // in config-layout, layout content gets called like this:
-    // <LayoutContents secondary={layoutMode === 'inline' ? <SettingsBox>{settings}</SettingsBox> : settings}>
-    const configuration =
-      secondary?.props?.configuration || secondary?.props?.children?.props?.configuration || undefined;
+    const configuration = this.getConfiguration();
+
     let hasSettingsPanel = Object.entries(configuration || {}).some(([propName, obj]) => !!obj?.settings);
     // 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
@@ -33,32 +63,14 @@ class RawLayoutContents extends React.Component {
     return (
       <div className={classnames(classes.container)}>
         {mode === 'inline' && (
-          <div className={classes.flow} style={{ maxWidth: configuration.maxWidth || 'unset' }}>
-            <div
-              className={classnames(
-                classes.configContainer,
-                configuration.maxWidth && classes.contentContainerMaxWidth,
-              )}
-              style={{ maxWidth: configuration.maxWidth ? `calc(${configuration.maxWidth} - 330px)` : 'unset' }}
-            >
-              {children}
-            </div>
+          <div className={classes.flow}>
+            <div className={classes.configContainer}>{children}</div>
             {hasSettingsPanel && <div>{secondary}</div>}
           </div>
         )}
         {mode === 'tabbed' && hasSettingsPanel && (
-          <Tabs
-            onChange={this.onTabsChange}
-            contentClassName={classnames(
-              classes.contentContainer,
-              configuration.maxWidth && classes.contentContainerMaxWidth,
-            )}
-            contentStyle={{ maxWidth: configuration.maxWidth || 'unset' }}
-            indicatorColor="primary"
-          >
-            <div className={configuration.contentContainerDesign} title="Design">
-              {children}
-            </div>
+          <Tabs onChange={this.onTabsChange} contentClassName={classes.contentContainer} indicatorColor="primary">
+            <div title="Design">{children}</div>
             <div title="settings">{secondary}</div>
           </Tabs>
         )}
@@ -81,17 +93,10 @@ const styles = () => ({
   contentContainer: {
     padding: '32px 16px 0 16px',
   },
-  contentContainerMaxWidth: {
-    display: 'flex',
-    overflow: 'scroll',
-  },
   configContainer: {
     flex: '1',
     marginRight: '20px',
   },
-  contentContainerDesign: {
-    width: '100%',
-  },
 });
 
 export default withStyles(styles)(RawLayoutContents);

package/src/tabs/index.jsx

@@ -27,7 +27,7 @@ export class Tabs extends React.Component {
 
   render() {
     const { value } = this.state;
-    const { children, className, contentClassName, contentStyle, classes } = this.props;
+    const { children, className, contentClassName, contentStyle = {}, classes } = this.props;
 
     const tabClasses = {
       root: classes.tabRoot,