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

package/lib/layout/config-layout.js

@@ -8,91 +8,122 @@ Object.defineProperty(exports, "__esModule", {
 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 = _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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-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 MeasuredConfigLayout = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(MeasuredConfigLayout, _React$Component);
-  var _super = _createSuper(MeasuredConfigLayout);
-  function MeasuredConfigLayout(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, MeasuredConfigLayout);
-    _this = _super.call(this, props);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onResize", function (contentRect) {
+    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 _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';
-      _this.setState({
-        layoutMode: layoutMode
-      });
+      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"])(MeasuredConfigLayout, [{
+  (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 (_ref2) {
-        var measureRef = _ref2.measureRef;
-        var _this2$props = _this2.props,
-          children = _this2$props.children,
-          settings = _this2$props.settings,
-          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;
-        return /*#__PURE__*/_react["default"].createElement("div", {
-          ref: measureRef,
-          className: "main-container"
-        }, /*#__PURE__*/_react["default"].createElement(_layoutContents["default"], {
-          mode: layoutMode,
-          secondary: secondaryContent,
-          dimensions: dimensions
-        }, children));
-      });
+      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,
+            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 MeasuredConfigLayout;
-}(_react["default"].Component);
+}(_renderUi.AppendCSSRules);
 (0, _defineProperty2["default"])(MeasuredConfigLayout, "propTypes", {
   children: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].arrayOf(_propTypes["default"].element), _propTypes["default"].element]),
   className: _propTypes["default"].string,
-  classes: _propTypes["default"].object,
   dimensions: _propTypes["default"].object,
   settings: _propTypes["default"].element,
   sidePanelMinWidth: _propTypes["default"].number,
   hideSettings: _propTypes["default"].bool
 });
 (0, _defineProperty2["default"])(MeasuredConfigLayout, "defaultProps", {
-  sidePanelMinWidth: 950,
+  sidePanelMinWidth: 1135,
   hideSettings: false,
   dimensions: {}
 });
 var ConfigLayout = (0, _reactMeasure.withContentRect)('bounds')(MeasuredConfigLayout);
-var _default = ConfigLayout;
-exports["default"] = _default;
+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":["_react","_interopRequireDefault","require","_reactMeasure","_interopRequireWildcard","_propTypes","_layoutContents","_settingsBox","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","valueOf","e","MeasuredConfigLayout","_React$Component","_inherits2","_super","props","_this","_classCallCheck2","_defineProperty2","_assertThisInitialized2","contentRect","bounds","_this$props","sidePanelMinWidth","dimensions","_ref","maxWidth","layoutMode","width","setState","state","undefined","_createClass2","value","render","_this2","createElement","onResize","_ref2","measureRef","_this2$props","children","settings","hideSettings","settingsPanel","className","secondaryContent","ref","mode","secondary","React","Component","PropTypes","oneOfType","string","arrayOf","element","classes","object","number","bool","ConfigLayout","withContentRect","_default","exports"],"sources":["../../src/layout/config-layout.jsx"],"sourcesContent":["import React from 'react';\nimport Measure from 'react-measure';\nimport { withContentRect } from 'react-measure';\nimport PropTypes from 'prop-types';\nimport LayoutContents from './layout-contents';\nimport SettingsBox from './settings-box';\n\nclass MeasuredConfigLayout 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    dimensions: 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    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    this.setState({ layoutMode });\n  };\n\n  render() {\n    return (\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\n          return (\n            <div ref={measureRef} className=\"main-container\">\n              <LayoutContents mode={layoutMode} secondary={secondaryContent} dimensions={dimensions}>\n                {children}\n              </LayoutContents>\n            </div>\n          );\n        }}\n      </Measure>\n    );\n  }\n}\n\nconst ConfigLayout = withContentRect('bounds')(MeasuredConfigLayout);\n\nexport default ConfigLayout;\n"],"mappings":";;;;;;;;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAC,uBAAA,CAAAF,OAAA;AAEA,IAAAG,UAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,eAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,YAAA,GAAAN,sBAAA,CAAAC,OAAA;AAAyC,SAAAM,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAL,wBAAAS,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAE,OAAA,CAAAF,GAAA,yBAAAA,GAAA,uCAAAA,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,cAAAN,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAAA,SAAAW,aAAAC,OAAA,QAAAC,yBAAA,GAAAC,yBAAA,oBAAAC,qBAAA,QAAAC,KAAA,OAAAC,gBAAA,aAAAL,OAAA,GAAAM,MAAA,MAAAL,yBAAA,QAAAM,SAAA,OAAAF,gBAAA,mBAAAG,WAAA,EAAAF,MAAA,GAAAG,OAAA,CAAAC,SAAA,CAAAN,KAAA,EAAAO,SAAA,EAAAJ,SAAA,YAAAD,MAAA,GAAAF,KAAA,CAAAQ,KAAA,OAAAD,SAAA,gBAAAE,2BAAA,mBAAAP,MAAA;AAAA,SAAAJ,0BAAA,eAAAO,OAAA,qBAAAA,OAAA,CAAAC,SAAA,oBAAAD,OAAA,CAAAC,SAAA,CAAAI,IAAA,2BAAAC,KAAA,oCAAAC,OAAA,CAAAtB,SAAA,CAAAuB,OAAA,CAAArB,IAAA,CAAAa,OAAA,CAAAC,SAAA,CAAAM,OAAA,8CAAAE,CAAA;AAAA,IAEnCC,oBAAoB,0BAAAC,gBAAA;EAAA,IAAAC,UAAA,aAAAF,oBAAA,EAAAC,gBAAA;EAAA,IAAAE,MAAA,GAAAvB,YAAA,CAAAoB,oBAAA;EAiBxB,SAAAA,qBAAYI,KAAK,EAAE;IAAA,IAAAC,KAAA;IAAA,IAAAC,gBAAA,mBAAAN,oBAAA;IACjBK,KAAA,GAAAF,MAAA,CAAA1B,IAAA,OAAM2B,KAAK;IAAE,IAAAG,gBAAA,iBAAAC,uBAAA,aAAAH,KAAA,eAIJ,UAACI,WAAW,EAAK;MAC1B,IAAQC,MAAM,GAAKD,WAAW,CAAtBC,MAAM;MACd,IAAAC,WAAA,GAA0CN,KAAA,CAAKD,KAAK;QAA5CQ,iBAAiB,GAAAD,WAAA,CAAjBC,iBAAiB;QAAEC,UAAU,GAAAF,WAAA,CAAVE,UAAU;MACrC,IAAAC,IAAA,GAAqBD,UAAU,IAAI,CAAC,CAAC;QAA7BE,QAAQ,GAAAD,IAAA,CAARC,QAAQ;MAEhB,IAAMC,UAAU,GACdN,MAAM,CAACO,KAAK,IAAIL,iBAAiB,KAAKG,QAAQ,GAAGA,QAAQ,IAAIH,iBAAiB,GAAG,IAAI,CAAC,GAAG,QAAQ,GAAG,QAAQ;MAE9GP,KAAA,CAAKa,QAAQ,CAAC;QAAEF,UAAU,EAAVA;MAAW,CAAC,CAAC;IAC/B,CAAC;IAZCX,KAAA,CAAKc,KAAK,GAAG;MAAEH,UAAU,EAAEI;IAAU,CAAC;IAAC,OAAAf,KAAA;EACzC;EAAC,IAAAgB,aAAA,aAAArB,oBAAA;IAAA1B,GAAA;IAAAgD,KAAA,EAaD,SAAAC,OAAA,EAAS;MAAA,IAAAC,MAAA;MACP,oBACE1E,MAAA,YAAA2E,aAAA,CAACxE,aAAA,WAAO;QAACyD,MAAM;QAACgB,QAAQ,EAAE,IAAI,CAACA;MAAS,GACrC,UAAAC,KAAA,EAAoB;QAAA,IAAjBC,UAAU,GAAAD,KAAA,CAAVC,UAAU;QACZ,IAAAC,YAAA,GAAyDL,MAAI,CAACpB,KAAK;UAA3D0B,QAAQ,GAAAD,YAAA,CAARC,QAAQ;UAAEC,QAAQ,GAAAF,YAAA,CAARE,QAAQ;UAAEC,YAAY,GAAAH,YAAA,CAAZG,YAAY;UAAEnB,UAAU,GAAAgB,YAAA,CAAVhB,UAAU;QACpD,IAAQG,UAAU,GAAKQ,MAAI,CAACL,KAAK,CAAzBH,UAAU;QAElB,IAAMiB,aAAa,GACjBjB,UAAU,KAAK,QAAQ,gBAAGlE,MAAA,YAAA2E,aAAA,CAACpE,YAAA,WAAW;UAAC6E,SAAS,EAAC;QAAc,GAAEH,QAAsB,CAAC,GAAGA,QAAQ;QACrG,IAAMI,gBAAgB,GAAGH,YAAY,GAAG,IAAI,GAAGC,aAAa;QAE5D,oBACEnF,MAAA,YAAA2E,aAAA;UAAKW,GAAG,EAAER,UAAW;UAACM,SAAS,EAAC;QAAgB,gBAC9CpF,MAAA,YAAA2E,aAAA,CAACrE,eAAA,WAAc;UAACiF,IAAI,EAAErB,UAAW;UAACsB,SAAS,EAAEH,gBAAiB;UAACtB,UAAU,EAAEA;QAAW,GACnFiB,QACa,CACb,CAAC;MAEV,CACO,CAAC;IAEd;EAAC;EAAA,OAAA9B,oBAAA;AAAA,EAtDgCuC,iBAAK,CAACC,SAAS;AAAA,IAAAjC,gBAAA,aAA5CP,oBAAoB,eACL;EACjB8B,QAAQ,EAAEW,qBAAS,CAACC,SAAS,CAAC,CAACD,qBAAS,CAACE,MAAM,EAAEF,qBAAS,CAACG,OAAO,CAACH,qBAAS,CAACI,OAAO,CAAC,EAAEJ,qBAAS,CAACI,OAAO,CAAC,CAAC;EAC1GX,SAAS,EAAEO,qBAAS,CAACE,MAAM;EAC3BG,OAAO,EAAEL,qBAAS,CAACM,MAAM;EACzBlC,UAAU,EAAE4B,qBAAS,CAACM,MAAM;EAC5BhB,QAAQ,EAAEU,qBAAS,CAACI,OAAO;EAC3BjC,iBAAiB,EAAE6B,qBAAS,CAACO,MAAM;EACnChB,YAAY,EAAES,qBAAS,CAACQ;AAC1B,CAAC;AAAA,IAAA1C,gBAAA,aATGP,oBAAoB,kBAWF;EACpBY,iBAAiB,EAAE,GAAG;EACtBoB,YAAY,EAAE,KAAK;EACnBnB,UAAU,EAAE,CAAC;AACf,CAAC;AA0CH,IAAMqC,YAAY,GAAG,IAAAC,6BAAe,EAAC,QAAQ,CAAC,CAACnD,oBAAoB,CAAC;AAAC,IAAAoD,QAAA,GAEtDF,YAAY;AAAAG,OAAA,cAAAD,QAAA"}
+{"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.map

@@ -1 +1 @@
-{"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"}
+{"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

@@ -8,29 +8,55 @@ 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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _core = require("@material-ui/core");
+var _styles = require("@mui/material/styles");
 var _tabs = _interopRequireDefault(require("../tabs"));
-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; } }
+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);
     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 () {
+    _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
@@ -39,7 +65,8 @@ var RawLayoutContents = /*#__PURE__*/function (_React$Component) {
     });
     return _this;
   }
-  (0, _createClass2["default"])(RawLayoutContents, [{
+  (0, _inherits2["default"])(RawLayoutContents, _React$Component);
+  return (0, _createClass2["default"])(RawLayoutContents, [{
     key: "render",
     value:
     // // eslint-disable-next-line no-unused-vars
@@ -66,22 +93,22 @@ var RawLayoutContents = /*#__PURE__*/function (_React$Component) {
     //     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,
         dimensions = _this$props.dimensions;
-      var _ref = dimensions || {},
-        minHeight = _ref.minHeight,
-        minWidth = _ref.minWidth,
-        maxHeight = _ref.maxHeight,
-        maxWidth = _ref.maxWidth;
+      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 (_ref2) {
-        var _ref3 = (0, _slicedToArray2["default"])(_ref2, 2),
-          obj = _ref3[1];
+      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
@@ -96,67 +123,38 @@ var RawLayoutContents = /*#__PURE__*/function (_React$Component) {
           console.log(e.toString());
         }
       }
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.container,
+      return /*#__PURE__*/_react["default"].createElement(StyledContainer, {
         style: {
           minHeight: minHeight,
           minWidth: minWidth,
           maxHeight: maxHeight,
           maxWidth: maxWidth
         }
-      }, mode === 'inline' && /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _classnames["default"])(classes.flow, classes.contentContainer)
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _classnames["default"])(classes.configContainer, 'design-container')
-      }, children), hasSettingsPanel && /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _classnames["default"])(classes.settingsContainer, 'settings-container')
+      }, 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", {
+      }, /*#__PURE__*/_react["default"].createElement(StyledContentContainer, {
         title: "Design",
         className: "design-container"
-      }, children), /*#__PURE__*/_react["default"].createElement("div", {
+      }, children), /*#__PURE__*/_react["default"].createElement(StyledContentContainer, {
         title: "Settings",
         className: "settings-container"
-      }, secondary)), mode === 'tabbed' && !hasSettingsPanel && /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _classnames["default"])(classes.contentContainer, 'design-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(theme) {
-  return {
-    flow: {
-      display: 'flex',
-      justifyContent: 'space-between'
-    },
-    container: {
-      display: 'flex',
-      flexDirection: 'column',
-      position: 'relative',
-      overflow: 'auto'
-    },
-    contentContainer: {
-      padding: "".concat(theme.spacing.unit * 2, "px 0")
-    },
-    configContainer: {
-      flex: '1'
-    },
-    settingsContainer: {
-      marginLeft: theme.spacing.unit * 2
-    }
-  };
-};
-var _default = (0, _core.withStyles)(styles)(RawLayoutContents);
-exports["default"] = _default;
+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":["_react","_interopRequireDefault","require","_classnames","_propTypes","_core","_tabs","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","RawLayoutContents","_React$Component","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","concat","_defineProperty2","_assertThisInitialized2","_secondary$props","_secondary$props2","secondary","props","configuration","children","undefined","_createClass2","key","value","render","_this$props","mode","classes","dimensions","_ref","minHeight","minWidth","maxHeight","maxWidth","getConfiguration","hasSettingsPanel","Object","entries","some","_ref2","_ref3","_slicedToArray2","obj","settings","_JSON$stringify","JSON","stringify","match","console","log","toString","createElement","className","container","style","classnames","flow","contentContainer","configContainer","settingsContainer","onChange","onTabsChange","contentClassName","indicatorColor","title","classNames","React","Component","PropTypes","oneOf","oneOfType","arrayOf","node","object","styles","theme","display","justifyContent","flexDirection","position","overflow","padding","spacing","unit","flex","marginLeft","_default","withStyles","exports"],"sources":["../../src/layout/layout-contents.jsx"],"sourcesContent":["import React from 'react';\nimport classnames from 'classnames';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core';\nimport Tabs from '../tabs';\nimport classNames from 'classnames';\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    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, classes, 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      <div className={classes.container} style={{ minHeight, minWidth, maxHeight, maxWidth }}>\n        {mode === 'inline' && (\n          <div className={classnames(classes.flow, classes.contentContainer)}>\n            <div className={classnames(classes.configContainer, 'design-container')}>{children}</div>\n            {hasSettingsPanel && (\n              <div className={classnames(classes.settingsContainer, 'settings-container')}>{secondary}</div>\n            )}\n          </div>\n        )}\n\n        {mode === 'tabbed' && hasSettingsPanel && (\n          <Tabs onChange={this.onTabsChange} contentClassName={classes.contentContainer} indicatorColor=\"primary\">\n            <div title=\"Design\" className=\"design-container\">\n              {children}\n            </div>\n            <div title=\"Settings\" className=\"settings-container\">\n              {secondary}\n            </div>\n          </Tabs>\n        )}\n\n        {mode === 'tabbed' && !hasSettingsPanel && (\n          <div className={classNames(classes.contentContainer, 'design-container')}>{children}</div>\n        )}\n      </div>\n    );\n  }\n}\n\nconst styles = (theme) => ({\n  flow: {\n    display: 'flex',\n    justifyContent: 'space-between',\n  },\n  container: {\n    display: 'flex',\n    flexDirection: 'column',\n    position: 'relative',\n    overflow: 'auto',\n  },\n  contentContainer: {\n    padding: `${theme.spacing.unit * 2}px 0`,\n  },\n  configContainer: {\n    flex: '1',\n  },\n  settingsContainer: {\n    marginLeft: theme.spacing.unit * 2,\n  },\n});\n\nexport default withStyles(styles)(RawLayoutContents);\n"],"mappings":"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"}
+{"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":[]}

package/lib/layout/settings-box.js

@@ -7,59 +7,51 @@ Object.defineProperty(exports, "__esModule", {
 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 _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 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);
+var _styles = require("@mui/material/styles");
+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 StyledSettingsBox = (0, _styles.styled)('div')(function (_ref) {
+  var theme = _ref.theme;
+  return {
+    backgroundColor: theme.palette.background.paper,
+    border: "2px solid ".concat(theme.palette.grey[200]),
+    display: 'flex',
+    flexDirection: 'column',
+    justifyContent: 'flex-start',
+    minWidth: '275px',
+    maxWidth: '300px',
+    padding: '20px 4px 4px 20px',
+    zIndex: 99
+  };
+});
+var SettingsBox = exports.SettingsBox = /*#__PURE__*/function (_React$Component) {
   function SettingsBox() {
     (0, _classCallCheck2["default"])(this, SettingsBox);
-    return _super.apply(this, arguments);
+    return _callSuper(this, SettingsBox, arguments);
   }
-  (0, _createClass2["default"])(SettingsBox, [{
+  (0, _inherits2["default"])(SettingsBox, _React$Component);
+  return (0, _createClass2["default"])(SettingsBox, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-        classes = _this$props.classes,
         className = _this$props.className,
         children = _this$props.children;
-      return /*#__PURE__*/_react["default"].createElement("div", {
-        className: (0, _classnames["default"])(classes.settingsBox, className)
+      return /*#__PURE__*/_react["default"].createElement(StyledSettingsBox, {
+        className: className
       }, children);
     }
   }]);
-  return SettingsBox;
 }(_react["default"].Component);
-exports.SettingsBox = SettingsBox;
 (0, _defineProperty2["default"])(SettingsBox, "propTypes", {
-  classes: _propTypes["default"].object.isRequired,
   className: _propTypes["default"].string,
   children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired
 });
 (0, _defineProperty2["default"])(SettingsBox, "defaultProps", {});
-var styles = function styles(theme) {
-  return {
-    settingsBox: {
-      backgroundColor: theme.palette.background.paper,
-      border: "2px solid ".concat(theme.palette.grey[200]),
-      display: 'flex',
-      flexDirection: 'column',
-      justifyContent: 'flex-start',
-      minWidth: '275px',
-      maxWidth: '300px',
-      padding: '20px 4px 4px 20px',
-      zIndex: 99
-    }
-  };
-};
-var _default = (0, _styles.withStyles)(styles)(SettingsBox);
-exports["default"] = _default;
+var _default = exports["default"] = SettingsBox;
 //# sourceMappingURL=settings-box.js.map