@pie-lib/config-ui 12.0.0-beta.4 → 12.0.0-next.0

package/lib/layout/config-layout.js

@@ -1,101 +1,129 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
+var _typeof = require("@babel/runtime/helpers/typeof");
 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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
-var _reactMeasure = _interopRequireDefault(require("react-measure"));
-
+var _reactMeasure = _interopRequireWildcard(require("react-measure"));
+var _styles = require("@mui/material/styles");
 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 _renderUi = require("@pie-lib/render-ui");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var theme = (0, _styles.createTheme)({
+  typography: {
+    fontFamily: 'inherit'
+  },
+  components: {
+    MuiButton: {
+      styleOverrides: {
+        contained: {
+          backgroundColor: '#e0e0e0',
+          color: '#000000',
+          '&:hover': {
+            backgroundColor: '#bdbdbd'
+          }
+        }
+      }
+    }
+  }
+});
+var MeasuredConfigLayout = /*#__PURE__*/function (_AppendCSSRules) {
+  function MeasuredConfigLayout() {
     var _this;
-
-    (0, _classCallCheck2["default"])(this, ConfigLayout);
-    _this = _super.call(this, props);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onResize", function (contentRect) {
+    (0, _classCallCheck2["default"])(this, MeasuredConfigLayout);
+    for (var _len = arguments.length, props = new Array(_len), _key = 0; _key < _len; _key++) {
+      props[_key] = arguments[_key];
+    }
+    _this = _callSuper(this, MeasuredConfigLayout, [].concat(props));
+    (0, _defineProperty2["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
-      });
+      var _this$props = _this.props,
+        sidePanelMinWidth = _this$props.sidePanelMinWidth,
+        dimensions = _this$props.dimensions;
+      var _ref = dimensions || {},
+        maxWidth = _ref.maxWidth;
+      var layoutMode = bounds.width > sidePanelMinWidth && (maxWidth ? maxWidth > sidePanelMinWidth : true) ? 'inline' : 'tabbed';
+
+      // Only update state (and cause a re-render) if the computed layoutMode changed.
+      if (layoutMode !== _this.state.layoutMode) {
+        _this.setState({
+          layoutMode: layoutMode
+        });
+      }
     });
     _this.state = {
       layoutMode: undefined
     };
     return _this;
   }
-
-  (0, _createClass2["default"])(ConfigLayout, [{
+  (0, _inherits2["default"])(MeasuredConfigLayout, _AppendCSSRules);
+  return (0, _createClass2["default"])(MeasuredConfigLayout, [{
     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,
+      return (
+        /*#__PURE__*/
+        // TODO: REVIEW MuiThemeProvider usage - is this still needed after mui update?
+        // Different theme object identities will force theme consumers to re-render.
+        _react["default"].createElement(_styles.StyledEngineProvider, {
+          injectFirst: true
+        }, /*#__PURE__*/_react["default"].createElement(_styles.ThemeProvider, {
+          theme: theme
+        }, /*#__PURE__*/_react["default"].createElement(_reactMeasure["default"], {
+          bounds: true,
+          onResize: this.onResize
+        }, function (_ref2) {
+          var measureRef = _ref2.measureRef;
+          var _this2$props = _this2.props,
+            children = _this2$props.children,
             settings = _this2$props.settings,
-            children = _this2$props.children;
-        var layoutMode = _this2.state.layoutMode;
-        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
-        }, children));
-      });
+            hideSettings = _this2$props.hideSettings,
+            dimensions = _this2$props.dimensions;
+          var layoutMode = _this2.state.layoutMode;
+          var settingsPanel = layoutMode === 'inline' ? /*#__PURE__*/_react["default"].createElement(_settingsBox["default"], {
+            className: "settings-box"
+          }, settings) : settings;
+          var secondaryContent = hideSettings ? null : settingsPanel;
+          var finalClass = 'main-container';
+          return /*#__PURE__*/_react["default"].createElement("div", {
+            ref: measureRef,
+            className: finalClass
+          }, /*#__PURE__*/_react["default"].createElement(_layoutContents["default"], {
+            mode: layoutMode,
+            secondary: secondaryContent,
+            dimensions: dimensions
+          }, children));
+        })))
+      );
     }
   }]);
-  return ConfigLayout;
-}(_react["default"].Component);
-
-(0, _defineProperty2["default"])(ConfigLayout, "propTypes", {
+}(_renderUi.AppendCSSRules);
+(0, _defineProperty2["default"])(MeasuredConfigLayout, "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
+  dimensions: _propTypes["default"].object,
+  settings: _propTypes["default"].element,
+  sidePanelMinWidth: _propTypes["default"].number,
+  hideSettings: _propTypes["default"].bool
 });
-(0, _defineProperty2["default"])(ConfigLayout, "defaultProps", {
-  sidePanelMinWidth: 950
+(0, _defineProperty2["default"])(MeasuredConfigLayout, "defaultProps", {
+  sidePanelMinWidth: 1135,
+  hideSettings: false,
+  dimensions: {}
 });
-var _default = ConfigLayout;
-exports["default"] = _default;
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJDb25maWdMYXlvdXQiLCJwcm9wcyIsImNvbnRlbnRSZWN0IiwiYm91bmRzIiwic2lkZVBhbmVsTWluV2lkdGgiLCJsYXlvdXRNb2RlIiwid2lkdGgiLCJzZXRTdGF0ZSIsInN0YXRlIiwidW5kZWZpbmVkIiwib25SZXNpemUiLCJtZWFzdXJlUmVmIiwic2V0dGluZ3MiLCJjaGlsZHJlbiIsIlJlYWN0IiwiQ29tcG9uZW50IiwiUHJvcFR5cGVzIiwib25lT2ZUeXBlIiwic3RyaW5nIiwiYXJyYXlPZiIsImVsZW1lbnQiLCJjbGFzc05hbWUiLCJjbGFzc2VzIiwib2JqZWN0IiwibnVtYmVyIl0sInNvdXJjZXMiOlsiLi4vLi4vc3JjL2xheW91dC9jb25maWctbGF5b3V0LmpzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IE1lYXN1cmUgZnJvbSAncmVhY3QtbWVhc3VyZSc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IExheW91dENvbnRlbnRzIGZyb20gJy4vbGF5b3V0LWNvbnRlbnRzJztcbmltcG9ydCBTZXR0aW5nc0JveCBmcm9tICcuL3NldHRpbmdzLWJveCc7XG5cbmNsYXNzIENvbmZpZ0xheW91dCBleHRlbmRzIFJlYWN0LkNvbXBvbmVudCB7XG4gIHN0YXRpYyBwcm9wVHlwZXMgPSB7XG4gICAgY2hpbGRyZW46IFByb3BUeXBlcy5vbmVPZlR5cGUoW1xuICAgICAgUHJvcFR5cGVzLnN0cmluZyxcbiAgICAgIFByb3BUeXBlcy5hcnJheU9mKFByb3BUeXBlcy5lbGVtZW50KSxcbiAgICAgIFByb3BUeXBlcy5lbGVtZW50XG4gICAgXSksXG4gICAgc2V0dGluZ3M6IFByb3BUeXBlcy5lbGVtZW50LFxuICAgIGNsYXNzTmFtZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgICBjbGFzc2VzOiBQcm9wVHlwZXMub2JqZWN0LFxuICAgIHNpZGVQYW5lbE1pbldpZHRoOiBQcm9wVHlwZXMubnVtYmVyXG4gIH07XG5cbiAgc3RhdGljIGRlZmF1bHRQcm9wcyA9IHtcbiAgICBzaWRlUGFuZWxNaW5XaWR0aDogOTUwXG4gIH07XG5cbiAgY29uc3RydWN0b3IocHJvcHMpIHtcbiAgICBzdXBlcihwcm9wcyk7XG4gICAgdGhpcy5zdGF0ZSA9IHtcbiAgICAgIGxheW91dE1vZGU6IHVuZGVmaW5lZFxuICAgIH07XG4gIH1cblxuICBvblJlc2l6ZSA9IGNvbnRlbnRSZWN0ID0+IHtcbiAgICBjb25zdCB7IGJvdW5kcyB9ID0gY29udGVudFJlY3Q7XG4gICAgY29uc3QgeyBzaWRlUGFuZWxNaW5XaWR0aCB9ID0gdGhpcy5wcm9wcztcbiAgICBjb25zdCBsYXlvdXRNb2RlID0gYm91bmRzLndpZHRoID49IHNpZGVQYW5lbE1pbldpZHRoID8gJ2lubGluZScgOiAndGFiYmVkJztcblxuICAgIHRoaXMuc2V0U3RhdGUoeyBsYXlvdXRNb2RlIH0pO1xuICB9O1xuXG4gIHJlbmRlcigpIHtcbiAgICByZXR1cm4gKFxuICAgICAgPE1lYXN1cmUgYm91bmRzIG9uUmVzaXplPXt0aGlzLm9uUmVzaXplfT5cbiAgICAgICAgeyh7IG1lYXN1cmVSZWYgfSkgPT4ge1xuICAgICAgICAgIGNvbnN0IHsgc2V0dGluZ3MsIGNoaWxkcmVuIH0gPSB0aGlzLnByb3BzO1xuICAgICAgICAgIGNvbnN0IHsgbGF5b3V0TW9kZSB9ID0gdGhpcy5zdGF0ZTtcblxuICAgICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8ZGl2IHJlZj17bWVhc3VyZVJlZn0+XG4gICAgICAgICAgICAgIDxMYXlvdXRDb250ZW50c1xuICAgICAgICAgICAgICAgIG1vZGU9e2xheW91dE1vZGV9XG4gICAgICAgICAgICAgICAgc2Vjb25kYXJ5PXtcbiAgICAgICAgICAgICAgICAgIGxheW91dE1vZGUgPT09ICdpbmxpbmUnID8gPFNldHRpbmdzQm94PntzZXR0aW5nc308L1NldHRpbmdzQm94PiA6IHNldHRpbmdzXG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgICA8L0xheW91dENvbnRlbnRzPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgKTtcbiAgICAgICAgfX1cbiAgICAgIDwvTWVhc3VyZT5cbiAgICApO1xuICB9XG59XG5cbmV4cG9ydCBkZWZhdWx0IENvbmZpZ0xheW91dDtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7Ozs7O0lBRU1BLFk7Ozs7O0VBaUJKLHNCQUFZQyxLQUFaLEVBQW1CO0lBQUE7O0lBQUE7SUFDakIsMEJBQU1BLEtBQU47SUFEaUIsNkZBT1IsVUFBQUMsV0FBVyxFQUFJO01BQ3hCLElBQVFDLE1BQVIsR0FBbUJELFdBQW5CLENBQVFDLE1BQVI7TUFDQSxJQUFRQyxpQkFBUixHQUE4QixNQUFLSCxLQUFuQyxDQUFRRyxpQkFBUjtNQUNBLElBQU1DLFVBQVUsR0FBR0YsTUFBTSxDQUFDRyxLQUFQLElBQWdCRixpQkFBaEIsR0FBb0MsUUFBcEMsR0FBK0MsUUFBbEU7O01BRUEsTUFBS0csUUFBTCxDQUFjO1FBQUVGLFVBQVUsRUFBVkE7TUFBRixDQUFkO0lBQ0QsQ0Fia0I7SUFFakIsTUFBS0csS0FBTCxHQUFhO01BQ1hILFVBQVUsRUFBRUk7SUFERCxDQUFiO0lBRmlCO0VBS2xCOzs7O1dBVUQsa0JBQVM7TUFBQTs7TUFDUCxvQkFDRSxnQ0FBQyx3QkFBRDtRQUFTLE1BQU0sTUFBZjtRQUFnQixRQUFRLEVBQUUsS0FBS0M7TUFBL0IsR0FDRyxnQkFBb0I7UUFBQSxJQUFqQkMsVUFBaUIsUUFBakJBLFVBQWlCO1FBQ25CLG1CQUErQixNQUFJLENBQUNWLEtBQXBDO1FBQUEsSUFBUVcsUUFBUixnQkFBUUEsUUFBUjtRQUFBLElBQWtCQyxRQUFsQixnQkFBa0JBLFFBQWxCO1FBQ0EsSUFBUVIsVUFBUixHQUF1QixNQUFJLENBQUNHLEtBQTVCLENBQVFILFVBQVI7UUFFQSxvQkFDRTtVQUFLLEdBQUcsRUFBRU07UUFBVixnQkFDRSxnQ0FBQywwQkFBRDtVQUNFLElBQUksRUFBRU4sVUFEUjtVQUVFLFNBQVMsRUFDUEEsVUFBVSxLQUFLLFFBQWYsZ0JBQTBCLGdDQUFDLHVCQUFELFFBQWNPLFFBQWQsQ0FBMUIsR0FBa0VBO1FBSHRFLEdBTUdDLFFBTkgsQ0FERixDQURGO01BWUQsQ0FqQkgsQ0FERjtJQXFCRDs7O0VBdER3QkMsaUJBQUEsQ0FBTUMsUzs7aUNBQTNCZixZLGVBQ2U7RUFDakJhLFFBQVEsRUFBRUcscUJBQUEsQ0FBVUMsU0FBVixDQUFvQixDQUM1QkQscUJBQUEsQ0FBVUUsTUFEa0IsRUFFNUJGLHFCQUFBLENBQVVHLE9BQVYsQ0FBa0JILHFCQUFBLENBQVVJLE9BQTVCLENBRjRCLEVBRzVCSixxQkFBQSxDQUFVSSxPQUhrQixDQUFwQixDQURPO0VBTWpCUixRQUFRLEVBQUVJLHFCQUFBLENBQVVJLE9BTkg7RUFPakJDLFNBQVMsRUFBRUwscUJBQUEsQ0FBVUUsTUFQSjtFQVFqQkksT0FBTyxFQUFFTixxQkFBQSxDQUFVTyxNQVJGO0VBU2pCbkIsaUJBQWlCLEVBQUVZLHFCQUFBLENBQVVRO0FBVFosQztpQ0FEZnhCLFksa0JBYWtCO0VBQ3BCSSxpQkFBaUIsRUFBRTtBQURDLEM7ZUE0Q1RKLFkifQ==
+var ConfigLayout = (0, _reactMeasure.withContentRect)('bounds')(MeasuredConfigLayout);
+var _default = exports["default"] = ConfigLayout;
+//# sourceMappingURL=config-layout.js.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"config-layout.js","names":["_react","_interopRequireDefault","require","_reactMeasure","_interopRequireWildcard","_styles","_propTypes","_layoutContents","_settingsBox","_renderUi","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","_typeof","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_callSuper","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","theme","createTheme","typography","fontFamily","components","MuiButton","styleOverrides","contained","backgroundColor","color","MeasuredConfigLayout","_AppendCSSRules","_this","_classCallCheck2","_len","arguments","length","props","Array","_key","concat","_defineProperty2","contentRect","bounds","_this$props","sidePanelMinWidth","dimensions","_ref","maxWidth","layoutMode","width","state","setState","undefined","_inherits2","_createClass2","key","value","render","_this2","createElement","StyledEngineProvider","injectFirst","ThemeProvider","onResize","_ref2","measureRef","_this2$props","children","settings","hideSettings","settingsPanel","className","secondaryContent","finalClass","ref","mode","secondary","AppendCSSRules","PropTypes","oneOfType","string","arrayOf","element","object","number","bool","ConfigLayout","withContentRect","_default","exports"],"sources":["../../src/layout/config-layout.jsx"],"sourcesContent":["import React from 'react';\nimport Measure from 'react-measure';\nimport { createTheme, ThemeProvider, StyledEngineProvider } from '@mui/material/styles';\nimport { withContentRect } from 'react-measure';\nimport PropTypes from 'prop-types';\nimport LayoutContents from './layout-contents';\nimport SettingsBox from './settings-box';\nimport { AppendCSSRules } from '@pie-lib/render-ui';\n\nconst theme = createTheme({\n  typography: {\n    fontFamily: 'inherit',\n  },\n  components: {\n    MuiButton: {\n      styleOverrides: {\n        contained: {\n          backgroundColor: '#e0e0e0',\n          color: '#000000',\n          '&:hover': {\n            backgroundColor: '#bdbdbd',\n          },\n        },\n      },\n    },\n  },\n});\n\nclass MeasuredConfigLayout extends AppendCSSRules {\n  static propTypes = {\n    children: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.element), PropTypes.element]),\n    className: PropTypes.string,\n    dimensions: PropTypes.object,\n    settings: PropTypes.element,\n    sidePanelMinWidth: PropTypes.number,\n    hideSettings: PropTypes.bool,\n  };\n\n  static defaultProps = {\n    sidePanelMinWidth: 1135,\n    hideSettings: false,\n    dimensions: {},\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, dimensions } = this.props;\n    const { maxWidth } = dimensions || {};\n\n    const layoutMode =\n      bounds.width > sidePanelMinWidth && (maxWidth ? maxWidth > sidePanelMinWidth : true) ? 'inline' : 'tabbed';\n\n    // Only update state (and cause a re-render) if the computed layoutMode changed.\n    if (layoutMode !== this.state.layoutMode) {\n      this.setState({ layoutMode });\n    }\n  };\n\n  render() {\n    return (\n      // TODO: REVIEW MuiThemeProvider usage - is this still needed after mui update?\n      // Different theme object identities will force theme consumers to re-render.\n      <StyledEngineProvider injectFirst>\n        <ThemeProvider theme={theme}>\n          <Measure bounds onResize={this.onResize}>\n            {({ measureRef }) => {\n              const { children, settings, hideSettings, dimensions } = this.props;\n              const { layoutMode } = this.state;\n\n              const settingsPanel =\n                layoutMode === 'inline' ? <SettingsBox className=\"settings-box\">{settings}</SettingsBox> : settings;\n              const secondaryContent = hideSettings ? null : settingsPanel;\n              const finalClass = 'main-container';\n\n              return (\n                <div ref={measureRef} className={finalClass}>\n                  <LayoutContents mode={layoutMode} secondary={secondaryContent} dimensions={dimensions}>\n                    {children}\n                  </LayoutContents>\n                </div>\n              );\n            }}\n          </Measure>\n        </ThemeProvider>\n      </StyledEngineProvider>\n    );\n  }\n}\n\nconst ConfigLayout = withContentRect('bounds')(MeasuredConfigLayout);\n\nexport default ConfigLayout;\n"],"mappings":"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","ignoreList":[]}

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=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6W10sInNvdXJjZXMiOlsiLi4vLi4vc3JjL2xheW91dC9pbmRleC5qcyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgQ29uZmlnTGF5b3V0IGZyb20gJy4vY29uZmlnLWxheW91dCc7XG5pbXBvcnQgTGF5b3V0Q29udGVudHMgZnJvbSAnLi9sYXlvdXQtY29udGVudHMnO1xuXG5leHBvcnQgeyBMYXlvdXRDb250ZW50cywgQ29uZmlnTGF5b3V0IH07XG4iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUE7O0FBQ0EifQ==
+//# sourceMappingURL=index.js.map

package/lib/layout/index.js.map

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"index.js","names":["_configLayout","_interopRequireDefault","require","_layoutContents"],"sources":["../../src/layout/index.js"],"sourcesContent":["import ConfigLayout from './config-layout';\nimport LayoutContents from './layout-contents';\n\nexport { LayoutContents, ConfigLayout };\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,IAAAA,aAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAF,sBAAA,CAAAC,OAAA","ignoreList":[]}

package/lib/layout/layout-contents.js

@@ -1,105 +1,160 @@
 "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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
-var _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 _styles = require("@mui/material/styles");
+var _tabs = _interopRequireDefault(require("../tabs"));
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var StyledContainer = (0, _styles.styled)('div')(function () {
+  return {
+    display: 'flex',
+    flexDirection: 'column',
+    position: 'relative'
+  };
+});
+var StyledFlow = (0, _styles.styled)('div')(function () {
+  return {
+    display: 'flex',
+    justifyContent: 'space-between'
+  };
+});
+var StyledContentContainer = (0, _styles.styled)('div')(function (_ref) {
+  var theme = _ref.theme;
+  return {
+    padding: "".concat(theme.spacing(2), " 0")
+  };
+});
+var StyledConfigContainer = (0, _styles.styled)('div')(function () {
+  return {
+    flex: '1'
+  };
+});
+var StyledSettingsContainer = (0, _styles.styled)('div')(function (_ref2) {
+  var theme = _ref2.theme;
+  return {
+    marginLeft: theme.spacing(2)
+  };
+});
 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 = _callSuper(this, RawLayoutContents, [].concat(args));
+    (0, _defineProperty2["default"])(_this, "getConfiguration", function () {
+      var _secondary$props, _secondary$props2;
+      var secondary = _this.props.secondary;
+      // in config-layout, secondary can be: <SettingsBox>{settings}</SettingsBox>, settings, null
+
+      return (secondary === null || secondary === void 0 || (_secondary$props = secondary.props) === null || _secondary$props === void 0 ? void 0 : _secondary$props.configuration) || (secondary === null || secondary === void 0 || (_secondary$props2 = secondary.props) === null || _secondary$props2 === void 0 || (_secondary$props2 = _secondary$props2.children) === null || _secondary$props2 === void 0 || (_secondary$props2 = _secondary$props2.props) === null || _secondary$props2 === void 0 ? void 0 : _secondary$props2.configuration) || undefined;
+    });
+    return _this;
   }
-
-  (0, _createClass2["default"])(RawLayoutContents, [{
+  (0, _inherits2["default"])(RawLayoutContents, _React$Component);
+  return (0, _createClass2["default"])(RawLayoutContents, [{
     key: "render",
-    value: function render() {
+    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;
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _classnames["default"])(classes.container)
-      }, 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"], {
+        mode = _this$props.mode,
+        secondary = _this$props.secondary,
+        children = _this$props.children,
+        dimensions = _this$props.dimensions;
+      var _ref3 = dimensions || {},
+        minHeight = _ref3.minHeight,
+        minWidth = _ref3.minWidth,
+        maxHeight = _ref3.maxHeight,
+        maxWidth = _ref3.maxWidth;
+      var configuration = this.getConfiguration();
+      var hasSettingsPanel = Object.entries(configuration || {}).some(function (_ref4) {
+        var _ref5 = (0, _slicedToArray2["default"])(_ref4, 2),
+          obj = _ref5[1];
+        return !!(obj !== null && obj !== void 0 && 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
+
+      if (!hasSettingsPanel) {
+        try {
+          var _JSON$stringify;
+          hasSettingsPanel = (_JSON$stringify = JSON.stringify(configuration)) === null || _JSON$stringify === void 0 || (_JSON$stringify = _JSON$stringify.match(/settings":true/)) === null || _JSON$stringify === void 0 ? void 0 : _JSON$stringify.length;
+        } catch (e) {
+          // eslint-disable-next-line no-console
+          console.log(e.toString());
+        }
+      }
+      return /*#__PURE__*/_react["default"].createElement(StyledContainer, {
+        style: {
+          minHeight: minHeight,
+          minWidth: minWidth,
+          maxHeight: maxHeight,
+          maxWidth: maxWidth
+        }
+      }, mode === 'inline' && /*#__PURE__*/_react["default"].createElement(StyledFlow, null, /*#__PURE__*/_react["default"].createElement(StyledConfigContainer, {
+        className: "design-container"
+      }, children), hasSettingsPanel && /*#__PURE__*/_react["default"].createElement(StyledSettingsContainer, {
+        className: "settings-container"
+      }, secondary)), mode === 'tabbed' && hasSettingsPanel && /*#__PURE__*/_react["default"].createElement(_tabs["default"], {
         onChange: this.onTabsChange,
-        contentClassName: classes.contentContainer,
+        contentClassName: "content-container",
         indicatorColor: "primary"
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        title: "Design"
-      }, children), /*#__PURE__*/_react["default"].createElement("div", {
-        title: "settings"
-      }, secondary)));
+      }, /*#__PURE__*/_react["default"].createElement(StyledContentContainer, {
+        title: "Design",
+        className: "design-container"
+      }, children), /*#__PURE__*/_react["default"].createElement(StyledContentContainer, {
+        title: "Settings",
+        className: "settings-container"
+      }, secondary)), mode === 'tabbed' && !hasSettingsPanel && /*#__PURE__*/_react["default"].createElement(StyledContentContainer, {
+        className: "design-container"
+      }, children));
     }
   }]);
-  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
+  dimensions: _propTypes["default"].object
 });
-
-var styles = function styles() {
-  return {
-    flow: {
-      display: 'flex',
-      justifyContent: 'space-between'
-    },
-    container: {
-      display: 'flex',
-      flexDirection: 'column',
-      position: 'relative'
-    },
-    contentContainer: {
-      padding: '32px 16px 0 16px'
-    },
-    configContainer: {
-      flex: '1',
-      marginRight: '20px'
-    }
-  };
-};
-
-var _default = (0, _core.withStyles)(styles)(RawLayoutContents);
-
-exports["default"] = _default;
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSYXdMYXlvdXRDb250ZW50cyIsInByb3BzIiwibW9kZSIsInNlY29uZGFyeSIsImNoaWxkcmVuIiwiY2xhc3NlcyIsImNsYXNzbmFtZXMiLCJjb250YWluZXIiLCJmbG93IiwiY29uZmlnQ29udGFpbmVyIiwib25UYWJzQ2hhbmdlIiwiY29udGVudENvbnRhaW5lciIsIlJlYWN0IiwiQ29tcG9uZW50IiwiUHJvcFR5cGVzIiwib25lT2YiLCJvbmVPZlR5cGUiLCJhcnJheU9mIiwibm9kZSIsIm9iamVjdCIsInN0eWxlcyIsImRpc3BsYXkiLCJqdXN0aWZ5Q29udGVudCIsImZsZXhEaXJlY3Rpb24iLCJwb3NpdGlvbiIsInBhZGRpbmciLCJmbGV4IiwibWFyZ2luUmlnaHQiLCJ3aXRoU3R5bGVzIl0sInNvdXJjZXMiOlsiLi4vLi4vc3JjL2xheW91dC9sYXlvdXQtY29udGVudHMuanN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB3aXRoU3R5bGVzIH0gZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUnO1xuaW1wb3J0IFRhYnMgZnJvbSAnLi4vdGFicyc7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tICdjbGFzc25hbWVzJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5cbmNsYXNzIFJhd0xheW91dENvbnRlbnRzIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50IHtcbiAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICBtb2RlOiBQcm9wVHlwZXMub25lT2YoWyd0YWJiZWQnLCAnaW5saW5lJ10pLFxuICAgIHNlY29uZGFyeTogUHJvcFR5cGVzLm9uZU9mVHlwZShbUHJvcFR5cGVzLmFycmF5T2YoUHJvcFR5cGVzLm5vZGUpLCBQcm9wVHlwZXMubm9kZV0pLFxuICAgIGNoaWxkcmVuOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtQcm9wVHlwZXMuYXJyYXlPZihQcm9wVHlwZXMubm9kZSksIFByb3BUeXBlcy5ub2RlXSksXG4gICAgY2xhc3NlczogUHJvcFR5cGVzLm9iamVjdFxuICB9O1xuXG4gIHJlbmRlcigpIHtcbiAgICBjb25zdCB7IG1vZGUsIHNlY29uZGFyeSwgY2hpbGRyZW4sIGNsYXNzZXMgfSA9IHRoaXMucHJvcHM7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGRpdiBjbGFzc05hbWU9e2NsYXNzbmFtZXMoY2xhc3Nlcy5jb250YWluZXIpfT5cbiAgICAgICAge21vZGUgPT09ICdpbmxpbmUnICYmIChcbiAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17Y2xhc3Nlcy5mbG93fT5cbiAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtjbGFzc2VzLmNvbmZpZ0NvbnRhaW5lcn0+e2NoaWxkcmVufTwvZGl2PlxuICAgICAgICAgICAgPGRpdj57c2Vjb25kYXJ5fTwvZGl2PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICApfVxuICAgICAgICB7bW9kZSA9PT0gJ3RhYmJlZCcgJiYgKFxuICAgICAgICAgIDxUYWJzXG4gICAgICAgICAgICBvbkNoYW5nZT17dGhpcy5vblRhYnNDaGFuZ2V9XG4gICAgICAgICAgICBjb250ZW50Q2xhc3NOYW1lPXtjbGFzc2VzLmNvbnRlbnRDb250YWluZXJ9XG4gICAgICAgICAgICBpbmRpY2F0b3JDb2xvcj1cInByaW1hcnlcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxkaXYgdGl0bGU9XCJEZXNpZ25cIj57Y2hpbGRyZW59PC9kaXY+XG4gICAgICAgICAgICA8ZGl2IHRpdGxlPVwic2V0dGluZ3NcIj57c2Vjb25kYXJ5fTwvZGl2PlxuICAgICAgICAgIDwvVGFicz5cbiAgICAgICAgKX1cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cbn1cblxuY29uc3Qgc3R5bGVzID0gKCkgPT4gKHtcbiAgZmxvdzoge1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBqdXN0aWZ5Q29udGVudDogJ3NwYWNlLWJldHdlZW4nXG4gIH0sXG4gIGNvbnRhaW5lcjoge1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJyxcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJ1xuICB9LFxuICBjb250ZW50Q29udGFpbmVyOiB7XG4gICAgcGFkZGluZzogJzMycHggMTZweCAwIDE2cHgnXG4gIH0sXG4gIGNvbmZpZ0NvbnRhaW5lcjoge1xuICAgIGZsZXg6ICcxJyxcbiAgICBtYXJnaW5SaWdodDogJzIwcHgnXG4gIH1cbn0pO1xuXG5leHBvcnQgZGVmYXVsdCB3aXRoU3R5bGVzKHN0eWxlcykoUmF3TGF5b3V0Q29udGVudHMpO1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7Ozs7O0lBRU1BLGlCOzs7Ozs7Ozs7Ozs7V0FRSixrQkFBUztNQUNQLGtCQUErQyxLQUFLQyxLQUFwRDtNQUFBLElBQVFDLElBQVIsZUFBUUEsSUFBUjtNQUFBLElBQWNDLFNBQWQsZUFBY0EsU0FBZDtNQUFBLElBQXlCQyxRQUF6QixlQUF5QkEsUUFBekI7TUFBQSxJQUFtQ0MsT0FBbkMsZUFBbUNBLE9BQW5DO01BRUEsb0JBQ0U7UUFBSyxTQUFTLEVBQUUsSUFBQUMsc0JBQUEsRUFBV0QsT0FBTyxDQUFDRSxTQUFuQjtNQUFoQixHQUNHTCxJQUFJLEtBQUssUUFBVCxpQkFDQztRQUFLLFNBQVMsRUFBRUcsT0FBTyxDQUFDRztNQUF4QixnQkFDRTtRQUFLLFNBQVMsRUFBRUgsT0FBTyxDQUFDSTtNQUF4QixHQUEwQ0wsUUFBMUMsQ0FERixlQUVFLDZDQUFNRCxTQUFOLENBRkYsQ0FGSixFQU9HRCxJQUFJLEtBQUssUUFBVCxpQkFDQyxnQ0FBQyxnQkFBRDtRQUNFLFFBQVEsRUFBRSxLQUFLUSxZQURqQjtRQUVFLGdCQUFnQixFQUFFTCxPQUFPLENBQUNNLGdCQUY1QjtRQUdFLGNBQWMsRUFBQztNQUhqQixnQkFLRTtRQUFLLEtBQUssRUFBQztNQUFYLEdBQXFCUCxRQUFyQixDQUxGLGVBTUU7UUFBSyxLQUFLLEVBQUM7TUFBWCxHQUF1QkQsU0FBdkIsQ0FORixDQVJKLENBREY7SUFvQkQ7OztFQS9CNkJTLGlCQUFBLENBQU1DLFM7O2lDQUFoQ2IsaUIsZUFDZTtFQUNqQkUsSUFBSSxFQUFFWSxxQkFBQSxDQUFVQyxLQUFWLENBQWdCLENBQUMsUUFBRCxFQUFXLFFBQVgsQ0FBaEIsQ0FEVztFQUVqQlosU0FBUyxFQUFFVyxxQkFBQSxDQUFVRSxTQUFWLENBQW9CLENBQUNGLHFCQUFBLENBQVVHLE9BQVYsQ0FBa0JILHFCQUFBLENBQVVJLElBQTVCLENBQUQsRUFBb0NKLHFCQUFBLENBQVVJLElBQTlDLENBQXBCLENBRk07RUFHakJkLFFBQVEsRUFBRVUscUJBQUEsQ0FBVUUsU0FBVixDQUFvQixDQUFDRixxQkFBQSxDQUFVRyxPQUFWLENBQWtCSCxxQkFBQSxDQUFVSSxJQUE1QixDQUFELEVBQW9DSixxQkFBQSxDQUFVSSxJQUE5QyxDQUFwQixDQUhPO0VBSWpCYixPQUFPLEVBQUVTLHFCQUFBLENBQVVLO0FBSkYsQzs7QUFpQ3JCLElBQU1DLE1BQU0sR0FBRyxTQUFUQSxNQUFTO0VBQUEsT0FBTztJQUNwQlosSUFBSSxFQUFFO01BQ0phLE9BQU8sRUFBRSxNQURMO01BRUpDLGNBQWMsRUFBRTtJQUZaLENBRGM7SUFLcEJmLFNBQVMsRUFBRTtNQUNUYyxPQUFPLEVBQUUsTUFEQTtNQUVURSxhQUFhLEVBQUUsUUFGTjtNQUdUQyxRQUFRLEVBQUU7SUFIRCxDQUxTO0lBVXBCYixnQkFBZ0IsRUFBRTtNQUNoQmMsT0FBTyxFQUFFO0lBRE8sQ0FWRTtJQWFwQmhCLGVBQWUsRUFBRTtNQUNmaUIsSUFBSSxFQUFFLEdBRFM7TUFFZkMsV0FBVyxFQUFFO0lBRkU7RUFiRyxDQUFQO0FBQUEsQ0FBZjs7ZUFtQmUsSUFBQUMsZ0JBQUEsRUFBV1IsTUFBWCxFQUFtQnBCLGlCQUFuQixDIn0=
+var _default = exports["default"] = RawLayoutContents;
+//# sourceMappingURL=layout-contents.js.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"layout-contents.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_tabs","_callSuper","t","o","e","_getPrototypeOf2","_possibleConstructorReturn2","_isNativeReflectConstruct","Reflect","construct","constructor","apply","Boolean","prototype","valueOf","call","StyledContainer","styled","display","flexDirection","position","StyledFlow","justifyContent","StyledContentContainer","_ref","theme","padding","concat","spacing","StyledConfigContainer","flex","StyledSettingsContainer","_ref2","marginLeft","RawLayoutContents","_React$Component","_this","_classCallCheck2","_len","arguments","length","args","Array","_key","_defineProperty2","_secondary$props","_secondary$props2","secondary","props","configuration","children","undefined","_inherits2","_createClass2","key","value","render","_this$props","mode","dimensions","_ref3","minHeight","minWidth","maxHeight","maxWidth","getConfiguration","hasSettingsPanel","Object","entries","some","_ref4","_ref5","_slicedToArray2","obj","settings","_JSON$stringify","JSON","stringify","match","console","log","toString","createElement","style","className","onChange","onTabsChange","contentClassName","indicatorColor","title","React","Component","PropTypes","oneOf","oneOfType","arrayOf","node","object","_default","exports"],"sources":["../../src/layout/layout-contents.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { styled } from '@mui/material/styles';\nimport Tabs from '../tabs';\n\nconst StyledContainer = styled('div')(() => ({\n  display: 'flex',\n  flexDirection: 'column',\n  position: 'relative',\n}));\n\nconst StyledFlow = styled('div')(() => ({\n  display: 'flex',\n  justifyContent: 'space-between',\n}));\n\nconst StyledContentContainer = styled('div')(({ theme }) => ({\n  padding: `${theme.spacing(2)} 0`,\n}));\n\nconst StyledConfigContainer = styled('div')(() => ({\n  flex: '1',\n}));\n\nconst StyledSettingsContainer = styled('div')(({ theme }) => ({\n  marginLeft: theme.spacing(2),\n}));\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    dimensions: 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, dimensions } = this.props;\n    const { minHeight, minWidth, maxHeight, maxWidth } = dimensions || {};\n    const configuration = this.getConfiguration();\n\n    let hasSettingsPanel = Object.entries(configuration || {}).some(([, 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        // eslint-disable-next-line no-console\n        console.log(e.toString());\n      }\n    }\n\n    return (\n      <StyledContainer style={{ minHeight, minWidth, maxHeight, maxWidth }}>\n        {mode === 'inline' && (\n          <StyledFlow>\n            <StyledConfigContainer className=\"design-container\">{children}</StyledConfigContainer>\n            {hasSettingsPanel && (\n              <StyledSettingsContainer className=\"settings-container\">{secondary}</StyledSettingsContainer>\n            )}\n          </StyledFlow>\n        )}\n\n        {mode === 'tabbed' && hasSettingsPanel && (\n          <Tabs onChange={this.onTabsChange} contentClassName=\"content-container\" indicatorColor=\"primary\">\n            <StyledContentContainer title=\"Design\" className=\"design-container\">\n              {children}\n            </StyledContentContainer>\n            <StyledContentContainer title=\"Settings\" className=\"settings-container\">\n              {secondary}\n            </StyledContentContainer>\n          </Tabs>\n        )}\n\n        {mode === 'tabbed' && !hasSettingsPanel && (\n          <StyledContentContainer className=\"design-container\">{children}</StyledContentContainer>\n        )}\n      </StyledContainer>\n    );\n  }\n}\n\nexport default RawLayoutContents;\n"],"mappings":"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","ignoreList":[]}