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

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"}

package/lib/layout/layout-contents.js

@@ -1,84 +1,140 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
-var _core = require("@material-ui/core");
-
-var _tabs = _interopRequireDefault(require("../tabs"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
+var _core = require("@material-ui/core");
+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; } }
-
 var RawLayoutContents = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(RawLayoutContents, _React$Component);
-
   var _super = _createSuper(RawLayoutContents);
-
   function RawLayoutContents() {
+    var _this;
     (0, _classCallCheck2["default"])(this, RawLayoutContents);
-    return _super.apply(this, arguments);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getConfiguration", function () {
+      var _secondary$props, _secondary$props2;
+      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, [{
     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;
+        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 configuration = this.getConfiguration();
+      var hasSettingsPanel = Object.entries(configuration || {}).some(function (_ref2) {
+        var _ref3 = (0, _slicedToArray2["default"])(_ref2, 2),
+          obj = _ref3[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("div", {
-        className: (0, _classnames["default"])(classes.container)
+        className: classes.container,
+        style: {
+          minHeight: minHeight,
+          minWidth: minWidth,
+          maxHeight: maxHeight,
+          maxWidth: maxWidth
+        }
       }, mode === 'inline' && /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.flow
+        className: (0, _classnames["default"])(classes.flow, classes.contentContainer)
       }, /*#__PURE__*/_react["default"].createElement("div", {
-        className: classes.configContainer
-      }, children), /*#__PURE__*/_react["default"].createElement("div", null, secondary)), mode === 'tabbed' && /*#__PURE__*/_react["default"].createElement(_tabs["default"], {
+        className: (0, _classnames["default"])(classes.configContainer, 'design-container')
+      }, children), hasSettingsPanel && /*#__PURE__*/_react["default"].createElement("div", {
+        className: (0, _classnames["default"])(classes.settingsContainer, 'settings-container')
+      }, secondary)), mode === 'tabbed' && hasSettingsPanel && /*#__PURE__*/_react["default"].createElement(_tabs["default"], {
         onChange: this.onTabsChange,
         contentClassName: classes.contentContainer,
         indicatorColor: "primary"
       }, /*#__PURE__*/_react["default"].createElement("div", {
-        title: "Design"
+        title: "Design",
+        className: "design-container"
       }, children), /*#__PURE__*/_react["default"].createElement("div", {
-        title: "settings"
-      }, secondary)));
+        title: "Settings",
+        className: "settings-container"
+      }, secondary)), mode === 'tabbed' && !hasSettingsPanel && /*#__PURE__*/_react["default"].createElement("div", {
+        className: (0, _classnames["default"])(classes.contentContainer, '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
+  classes: _propTypes["default"].object,
+  dimensions: _propTypes["default"].object
 });
-
-var styles = function styles() {
+var styles = function styles(theme) {
   return {
     flow: {
       display: 'flex',
@@ -87,19 +143,20 @@ var styles = function styles() {
     container: {
       display: 'flex',
       flexDirection: 'column',
-      position: 'relative'
+      position: 'relative',
+      overflow: 'auto'
     },
     contentContainer: {
-      padding: '32px 16px 0 16px'
+      padding: "".concat(theme.spacing.unit * 2, "px 0")
     },
     configContainer: {
-      flex: '1',
-      marginRight: '20px'
+      flex: '1'
+    },
+    settingsContainer: {
+      marginLeft: theme.spacing.unit * 2
     }
   };
 };
-
 var _default = (0, _core.withStyles)(styles)(RawLayoutContents);
-
 exports["default"] = _default;
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJSYXdMYXlvdXRDb250ZW50cyIsInByb3BzIiwibW9kZSIsInNlY29uZGFyeSIsImNoaWxkcmVuIiwiY2xhc3NlcyIsImNsYXNzbmFtZXMiLCJjb250YWluZXIiLCJmbG93IiwiY29uZmlnQ29udGFpbmVyIiwib25UYWJzQ2hhbmdlIiwiY29udGVudENvbnRhaW5lciIsIlJlYWN0IiwiQ29tcG9uZW50IiwiUHJvcFR5cGVzIiwib25lT2YiLCJvbmVPZlR5cGUiLCJhcnJheU9mIiwibm9kZSIsIm9iamVjdCIsInN0eWxlcyIsImRpc3BsYXkiLCJqdXN0aWZ5Q29udGVudCIsImZsZXhEaXJlY3Rpb24iLCJwb3NpdGlvbiIsInBhZGRpbmciLCJmbGV4IiwibWFyZ2luUmlnaHQiLCJ3aXRoU3R5bGVzIl0sInNvdXJjZXMiOlsiLi4vLi4vc3JjL2xheW91dC9sYXlvdXQtY29udGVudHMuanN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgeyB3aXRoU3R5bGVzIH0gZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUnO1xuaW1wb3J0IFRhYnMgZnJvbSAnLi4vdGFicyc7XG5pbXBvcnQgY2xhc3NuYW1lcyBmcm9tICdjbGFzc25hbWVzJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5cbmNsYXNzIFJhd0xheW91dENvbnRlbnRzIGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50IHtcbiAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICBtb2RlOiBQcm9wVHlwZXMub25lT2YoWyd0YWJiZWQnLCAnaW5saW5lJ10pLFxuICAgIHNlY29uZGFyeTogUHJvcFR5cGVzLm9uZU9mVHlwZShbUHJvcFR5cGVzLmFycmF5T2YoUHJvcFR5cGVzLm5vZGUpLCBQcm9wVHlwZXMubm9kZV0pLFxuICAgIGNoaWxkcmVuOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtQcm9wVHlwZXMuYXJyYXlPZihQcm9wVHlwZXMubm9kZSksIFByb3BUeXBlcy5ub2RlXSksXG4gICAgY2xhc3NlczogUHJvcFR5cGVzLm9iamVjdFxuICB9O1xuXG4gIHJlbmRlcigpIHtcbiAgICBjb25zdCB7IG1vZGUsIHNlY29uZGFyeSwgY2hpbGRyZW4sIGNsYXNzZXMgfSA9IHRoaXMucHJvcHM7XG5cbiAgICByZXR1cm4gKFxuICAgICAgPGRpdiBjbGFzc05hbWU9e2NsYXNzbmFtZXMoY2xhc3Nlcy5jb250YWluZXIpfT5cbiAgICAgICAge21vZGUgPT09ICdpbmxpbmUnICYmIChcbiAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT17Y2xhc3Nlcy5mbG93fT5cbiAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPXtjbGFzc2VzLmNvbmZpZ0NvbnRhaW5lcn0+e2NoaWxkcmVufTwvZGl2PlxuICAgICAgICAgICAgPGRpdj57c2Vjb25kYXJ5fTwvZGl2PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICApfVxuICAgICAgICB7bW9kZSA9PT0gJ3RhYmJlZCcgJiYgKFxuICAgICAgICAgIDxUYWJzXG4gICAgICAgICAgICBvbkNoYW5nZT17dGhpcy5vblRhYnNDaGFuZ2V9XG4gICAgICAgICAgICBjb250ZW50Q2xhc3NOYW1lPXtjbGFzc2VzLmNvbnRlbnRDb250YWluZXJ9XG4gICAgICAgICAgICBpbmRpY2F0b3JDb2xvcj1cInByaW1hcnlcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxkaXYgdGl0bGU9XCJEZXNpZ25cIj57Y2hpbGRyZW59PC9kaXY+XG4gICAgICAgICAgICA8ZGl2IHRpdGxlPVwic2V0dGluZ3NcIj57c2Vjb25kYXJ5fTwvZGl2PlxuICAgICAgICAgIDwvVGFicz5cbiAgICAgICAgKX1cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cbn1cblxuY29uc3Qgc3R5bGVzID0gKCkgPT4gKHtcbiAgZmxvdzoge1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBqdXN0aWZ5Q29udGVudDogJ3NwYWNlLWJldHdlZW4nXG4gIH0sXG4gIGNvbnRhaW5lcjoge1xuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJyxcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJ1xuICB9LFxuICBjb250ZW50Q29udGFpbmVyOiB7XG4gICAgcGFkZGluZzogJzMycHggMTZweCAwIDE2cHgnXG4gIH0sXG4gIGNvbmZpZ0NvbnRhaW5lcjoge1xuICAgIGZsZXg6ICcxJyxcbiAgICBtYXJnaW5SaWdodDogJzIwcHgnXG4gIH1cbn0pO1xuXG5leHBvcnQgZGVmYXVsdCB3aXRoU3R5bGVzKHN0eWxlcykoUmF3TGF5b3V0Q29udGVudHMpO1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7Ozs7O0lBRU1BLGlCOzs7Ozs7Ozs7Ozs7V0FRSixrQkFBUztNQUNQLGtCQUErQyxLQUFLQyxLQUFwRDtNQUFBLElBQVFDLElBQVIsZUFBUUEsSUFBUjtNQUFBLElBQWNDLFNBQWQsZUFBY0EsU0FBZDtNQUFBLElBQXlCQyxRQUF6QixlQUF5QkEsUUFBekI7TUFBQSxJQUFtQ0MsT0FBbkMsZUFBbUNBLE9BQW5DO01BRUEsb0JBQ0U7UUFBSyxTQUFTLEVBQUUsSUFBQUMsc0JBQUEsRUFBV0QsT0FBTyxDQUFDRSxTQUFuQjtNQUFoQixHQUNHTCxJQUFJLEtBQUssUUFBVCxpQkFDQztRQUFLLFNBQVMsRUFBRUcsT0FBTyxDQUFDRztNQUF4QixnQkFDRTtRQUFLLFNBQVMsRUFBRUgsT0FBTyxDQUFDSTtNQUF4QixHQUEwQ0wsUUFBMUMsQ0FERixlQUVFLDZDQUFNRCxTQUFOLENBRkYsQ0FGSixFQU9HRCxJQUFJLEtBQUssUUFBVCxpQkFDQyxnQ0FBQyxnQkFBRDtRQUNFLFFBQVEsRUFBRSxLQUFLUSxZQURqQjtRQUVFLGdCQUFnQixFQUFFTCxPQUFPLENBQUNNLGdCQUY1QjtRQUdFLGNBQWMsRUFBQztNQUhqQixnQkFLRTtRQUFLLEtBQUssRUFBQztNQUFYLEdBQXFCUCxRQUFyQixDQUxGLGVBTUU7UUFBSyxLQUFLLEVBQUM7TUFBWCxHQUF1QkQsU0FBdkIsQ0FORixDQVJKLENBREY7SUFvQkQ7OztFQS9CNkJTLGlCQUFBLENBQU1DLFM7O2lDQUFoQ2IsaUIsZUFDZTtFQUNqQkUsSUFBSSxFQUFFWSxxQkFBQSxDQUFVQyxLQUFWLENBQWdCLENBQUMsUUFBRCxFQUFXLFFBQVgsQ0FBaEIsQ0FEVztFQUVqQlosU0FBUyxFQUFFVyxxQkFBQSxDQUFVRSxTQUFWLENBQW9CLENBQUNGLHFCQUFBLENBQVVHLE9BQVYsQ0FBa0JILHFCQUFBLENBQVVJLElBQTVCLENBQUQsRUFBb0NKLHFCQUFBLENBQVVJLElBQTlDLENBQXBCLENBRk07RUFHakJkLFFBQVEsRUFBRVUscUJBQUEsQ0FBVUUsU0FBVixDQUFvQixDQUFDRixxQkFBQSxDQUFVRyxPQUFWLENBQWtCSCxxQkFBQSxDQUFVSSxJQUE1QixDQUFELEVBQW9DSixxQkFBQSxDQUFVSSxJQUE5QyxDQUFwQixDQUhPO0VBSWpCYixPQUFPLEVBQUVTLHFCQUFBLENBQVVLO0FBSkYsQzs7QUFpQ3JCLElBQU1DLE1BQU0sR0FBRyxTQUFUQSxNQUFTO0VBQUEsT0FBTztJQUNwQlosSUFBSSxFQUFFO01BQ0phLE9BQU8sRUFBRSxNQURMO01BRUpDLGNBQWMsRUFBRTtJQUZaLENBRGM7SUFLcEJmLFNBQVMsRUFBRTtNQUNUYyxPQUFPLEVBQUUsTUFEQTtNQUVURSxhQUFhLEVBQUUsUUFGTjtNQUdUQyxRQUFRLEVBQUU7SUFIRCxDQUxTO0lBVXBCYixnQkFBZ0IsRUFBRTtNQUNoQmMsT0FBTyxFQUFFO0lBRE8sQ0FWRTtJQWFwQmhCLGVBQWUsRUFBRTtNQUNmaUIsSUFBSSxFQUFFLEdBRFM7TUFFZkMsV0FBVyxFQUFFO0lBRkU7RUFiRyxDQUFQO0FBQUEsQ0FBZjs7ZUFtQmUsSUFBQUMsZ0JBQUEsRUFBV1IsTUFBWCxFQUFtQnBCLGlCQUFuQixDIn0=
+//# 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","_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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"}

package/lib/layout/settings-box.js

@@ -1,53 +1,36 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.SettingsBox = void 0;
-
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styles = require("@material-ui/core/styles");
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 var SettingsBox = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(SettingsBox, _React$Component);
-
   var _super = _createSuper(SettingsBox);
-
   function SettingsBox() {
     (0, _classCallCheck2["default"])(this, SettingsBox);
     return _super.apply(this, arguments);
   }
-
   (0, _createClass2["default"])(SettingsBox, [{
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          classes = _this$props.classes,
-          className = _this$props.className,
-          children = _this$props.children;
+        classes = _this$props.classes,
+        className = _this$props.className,
+        children = _this$props.children;
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: (0, _classnames["default"])(classes.settingsBox, className)
       }, children);
@@ -55,7 +38,6 @@ var SettingsBox = /*#__PURE__*/function (_React$Component) {
   }]);
   return SettingsBox;
 }(_react["default"].Component);
-
 exports.SettingsBox = SettingsBox;
 (0, _defineProperty2["default"])(SettingsBox, "propTypes", {
   classes: _propTypes["default"].object.isRequired,
@@ -63,25 +45,21 @@ exports.SettingsBox = SettingsBox;
   children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired
 });
 (0, _defineProperty2["default"])(SettingsBox, "defaultProps", {});
-
-var styles = function styles() {
+var styles = function styles(theme) {
   return {
     settingsBox: {
-      backgroundColor: '#FFF',
-      border: '2px solid #EEE',
+      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: '24px 8px 24px 24px',
-      width: '80%',
+      padding: '20px 4px 4px 20px',
       zIndex: 99
     }
   };
 };
-
 var _default = (0, _styles.withStyles)(styles)(SettingsBox);
-
 exports["default"] = _default;
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJTZXR0aW5nc0JveCIsInByb3BzIiwiY2xhc3NlcyIsImNsYXNzTmFtZSIsImNoaWxkcmVuIiwiY2xhc3NOYW1lcyIsInNldHRpbmdzQm94IiwiUmVhY3QiLCJDb21wb25lbnQiLCJQcm9wVHlwZXMiLCJvYmplY3QiLCJpc1JlcXVpcmVkIiwic3RyaW5nIiwib25lT2ZUeXBlIiwiYXJyYXlPZiIsIm5vZGUiLCJzdHlsZXMiLCJiYWNrZ3JvdW5kQ29sb3IiLCJib3JkZXIiLCJkaXNwbGF5IiwiZmxleERpcmVjdGlvbiIsImp1c3RpZnlDb250ZW50IiwibWluV2lkdGgiLCJtYXhXaWR0aCIsInBhZGRpbmciLCJ3aWR0aCIsInpJbmRleCIsIndpdGhTdHlsZXMiXSwic291cmNlcyI6WyIuLi8uLi9zcmMvbGF5b3V0L3NldHRpbmdzLWJveC5qc3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyB3aXRoU3R5bGVzIH0gZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUvc3R5bGVzJztcbmltcG9ydCBjbGFzc05hbWVzIGZyb20gJ2NsYXNzbmFtZXMnO1xuZXhwb3J0IGNsYXNzIFNldHRpbmdzQm94IGV4dGVuZHMgUmVhY3QuQ29tcG9uZW50IHtcbiAgc3RhdGljIHByb3BUeXBlcyA9IHtcbiAgICBjbGFzc2VzOiBQcm9wVHlwZXMub2JqZWN0LmlzUmVxdWlyZWQsXG4gICAgY2xhc3NOYW1lOiBQcm9wVHlwZXMuc3RyaW5nLFxuICAgIGNoaWxkcmVuOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtQcm9wVHlwZXMuYXJyYXlPZihQcm9wVHlwZXMubm9kZSksIFByb3BUeXBlcy5ub2RlXSkuaXNSZXF1aXJlZFxuICB9O1xuICBzdGF0aWMgZGVmYXVsdFByb3BzID0ge307XG4gIHJlbmRlcigpIHtcbiAgICBjb25zdCB7IGNsYXNzZXMsIGNsYXNzTmFtZSwgY2hpbGRyZW4gfSA9IHRoaXMucHJvcHM7XG4gICAgcmV0dXJuIDxkaXYgY2xhc3NOYW1lPXtjbGFzc05hbWVzKGNsYXNzZXMuc2V0dGluZ3NCb3gsIGNsYXNzTmFtZSl9PntjaGlsZHJlbn08L2Rpdj47XG4gIH1cbn1cbmNvbnN0IHN0eWxlcyA9ICgpID0+ICh7XG4gIHNldHRpbmdzQm94OiB7XG4gICAgYmFja2dyb3VuZENvbG9yOiAnI0ZGRicsXG4gICAgYm9yZGVyOiAnMnB4IHNvbGlkICNFRUUnLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBmbGV4RGlyZWN0aW9uOiAnY29sdW1uJyxcbiAgICBqdXN0aWZ5Q29udGVudDogJ2ZsZXgtc3RhcnQnLFxuICAgIG1pbldpZHRoOiAnMjc1cHgnLFxuICAgIG1heFdpZHRoOiAnMzAwcHgnLFxuICAgIHBhZGRpbmc6ICcyNHB4IDhweCAyNHB4IDI0cHgnLFxuICAgIHdpZHRoOiAnODAlJyxcbiAgICB6SW5kZXg6IDk5XG4gIH1cbn0pO1xuZXhwb3J0IGRlZmF1bHQgd2l0aFN0eWxlcyhzdHlsZXMpKFNldHRpbmdzQm94KTtcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUE7O0FBQ0E7O0FBQ0E7O0FBQ0E7Ozs7OztJQUNhQSxXOzs7Ozs7Ozs7Ozs7V0FPWCxrQkFBUztNQUNQLGtCQUF5QyxLQUFLQyxLQUE5QztNQUFBLElBQVFDLE9BQVIsZUFBUUEsT0FBUjtNQUFBLElBQWlCQyxTQUFqQixlQUFpQkEsU0FBakI7TUFBQSxJQUE0QkMsUUFBNUIsZUFBNEJBLFFBQTVCO01BQ0Esb0JBQU87UUFBSyxTQUFTLEVBQUUsSUFBQUMsc0JBQUEsRUFBV0gsT0FBTyxDQUFDSSxXQUFuQixFQUFnQ0gsU0FBaEM7TUFBaEIsR0FBNkRDLFFBQTdELENBQVA7SUFDRDs7O0VBVjhCRyxpQkFBQSxDQUFNQyxTOzs7aUNBQTFCUixXLGVBQ1E7RUFDakJFLE9BQU8sRUFBRU8scUJBQUEsQ0FBVUMsTUFBVixDQUFpQkMsVUFEVDtFQUVqQlIsU0FBUyxFQUFFTSxxQkFBQSxDQUFVRyxNQUZKO0VBR2pCUixRQUFRLEVBQUVLLHFCQUFBLENBQVVJLFNBQVYsQ0FBb0IsQ0FBQ0oscUJBQUEsQ0FBVUssT0FBVixDQUFrQkwscUJBQUEsQ0FBVU0sSUFBNUIsQ0FBRCxFQUFvQ04scUJBQUEsQ0FBVU0sSUFBOUMsQ0FBcEIsRUFBeUVKO0FBSGxFLEM7aUNBRFJYLFcsa0JBTVcsRTs7QUFNeEIsSUFBTWdCLE1BQU0sR0FBRyxTQUFUQSxNQUFTO0VBQUEsT0FBTztJQUNwQlYsV0FBVyxFQUFFO01BQ1hXLGVBQWUsRUFBRSxNQUROO01BRVhDLE1BQU0sRUFBRSxnQkFGRztNQUdYQyxPQUFPLEVBQUUsTUFIRTtNQUlYQyxhQUFhLEVBQUUsUUFKSjtNQUtYQyxjQUFjLEVBQUUsWUFMTDtNQU1YQyxRQUFRLEVBQUUsT0FOQztNQU9YQyxRQUFRLEVBQUUsT0FQQztNQVFYQyxPQUFPLEVBQUUsb0JBUkU7TUFTWEMsS0FBSyxFQUFFLEtBVEk7TUFVWEMsTUFBTSxFQUFFO0lBVkc7RUFETyxDQUFQO0FBQUEsQ0FBZjs7ZUFjZSxJQUFBQyxrQkFBQSxFQUFXWCxNQUFYLEVBQW1CaEIsV0FBbkIsQyJ9
+//# sourceMappingURL=settings-box.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"settings-box.js","names":["SettingsBox","props","classes","className","children","classNames","settingsBox","React","Component","PropTypes","object","isRequired","string","oneOfType","arrayOf","node","styles","backgroundColor","border","display","flexDirection","justifyContent","minWidth","maxWidth","padding","width","zIndex","withStyles"],"sources":["../../src/layout/settings-box.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\nexport class SettingsBox extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n  };\n  static defaultProps = {};\n  render() {\n    const { classes, className, children } = this.props;\n    return <div className={classNames(classes.settingsBox, className)}>{children}</div>;\n  }\n}\nconst styles = () => ({\n  settingsBox: {\n    backgroundColor: '#FFF',\n    border: '2px solid #EEE',\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'flex-start',\n    minWidth: '275px',\n    maxWidth: '300px',\n    padding: '24px 8px 24px 24px',\n    width: '80%',\n    zIndex: 99\n  }\n});\nexport default withStyles(styles)(SettingsBox);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;IACaA,W;;;;;;;;;;;;WAOX,kBAAS;MACP,kBAAyC,KAAKC,KAA9C;MAAA,IAAQC,OAAR,eAAQA,OAAR;MAAA,IAAiBC,SAAjB,eAAiBA,SAAjB;MAAA,IAA4BC,QAA5B,eAA4BA,QAA5B;MACA,oBAAO;QAAK,SAAS,EAAE,IAAAC,sBAAA,EAAWH,OAAO,CAACI,WAAnB,EAAgCH,SAAhC;MAAhB,GAA6DC,QAA7D,CAAP;IACD;;;EAV8BG,iBAAA,CAAMC,S;;;iCAA1BR,W,eACQ;EACjBE,OAAO,EAAEO,qBAAA,CAAUC,MAAV,CAAiBC,UADT;EAEjBR,SAAS,EAAEM,qBAAA,CAAUG,MAFJ;EAGjBR,QAAQ,EAAEK,qBAAA,CAAUI,SAAV,CAAoB,CAACJ,qBAAA,CAAUK,OAAV,CAAkBL,qBAAA,CAAUM,IAA5B,CAAD,EAAoCN,qBAAA,CAAUM,IAA9C,CAApB,EAAyEJ;AAHlE,C;iCADRX,W,kBAMW,E;;AAMxB,IAAMgB,MAAM,GAAG,SAATA,MAAS;EAAA,OAAO;IACpBV,WAAW,EAAE;MACXW,eAAe,EAAE,MADN;MAEXC,MAAM,EAAE,gBAFG;MAGXC,OAAO,EAAE,MAHE;MAIXC,aAAa,EAAE,QAJJ;MAKXC,cAAc,EAAE,YALL;MAMXC,QAAQ,EAAE,OANC;MAOXC,QAAQ,EAAE,OAPC;MAQXC,OAAO,EAAE,oBARE;MASXC,KAAK,EAAE,KATI;MAUXC,MAAM,EAAE;IAVG;EADO,CAAP;AAAA,CAAf;;eAce,IAAAC,kBAAA,EAAWX,MAAX,EAAmBhB,WAAnB,C"}
+{"version":3,"file":"settings-box.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_classnames","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","prototype","valueOf","call","e","SettingsBox","_React$Component","_inherits2","_super","_classCallCheck2","_createClass2","key","value","render","_this$props","props","classes","className","children","createElement","classNames","settingsBox","React","Component","exports","_defineProperty2","PropTypes","object","isRequired","string","oneOfType","arrayOf","node","styles","theme","backgroundColor","palette","background","paper","border","concat","grey","display","flexDirection","justifyContent","minWidth","maxWidth","padding","zIndex","_default","withStyles"],"sources":["../../src/layout/settings-box.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport classNames from 'classnames';\n\nexport class SettingsBox extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n  };\n\n  static defaultProps = {};\n\n  render() {\n    const { classes, className, children } = this.props;\n\n    return <div className={classNames(classes.settingsBox, className)}>{children}</div>;\n  }\n}\nconst styles = (theme) => ({\n  settingsBox: {\n    backgroundColor: theme.palette.background.paper,\n    border: `2px solid ${theme.palette.grey[200]}`,\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'flex-start',\n    minWidth: '275px',\n    maxWidth: '300px',\n    padding: '20px 4px 4px 20px',\n    zIndex: 99,\n  },\n});\n\nexport default withStyles(styles)(SettingsBox);\n"],"mappings":"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"}

package/lib/mui-box/index.js

@@ -1,22 +1,15 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _styles = require("@material-ui/core/styles");
-
 var _debug = _interopRequireDefault(require("debug"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var log = (0, _debug["default"])('pie-elements:config-ui:mui-box');
 var MuiBox = (0, _styles.withStyles)(function (theme) {
   var light = theme.palette.type === 'light';
@@ -52,9 +45,9 @@ var MuiBox = (0, _styles.withStyles)(function (theme) {
         transition: 'transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms',
         pointerEvents: 'none',
         backgroundColor: theme.palette.primary[theme.palette.type] //'#304ffe'
-
       }
     },
+
     focused: {
       '&:after': {
         transform: 'scaleX(1)'
@@ -63,8 +56,8 @@ var MuiBox = (0, _styles.withStyles)(function (theme) {
   };
 })(function (_ref) {
   var children = _ref.children,
-      classes = _ref.classes,
-      focused = _ref.focused;
+    classes = _ref.classes,
+    focused = _ref.focused;
   var names = (0, _classnames["default"])(classes.muiBox, focused && classes.focused);
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: names
@@ -76,4 +69,4 @@ MuiBox.propTypes = {
 };
 var _default = MuiBox;
 exports["default"] = _default;
-//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJsb2ciLCJkZWJ1ZyIsIk11aUJveCIsIndpdGhTdHlsZXMiLCJ0aGVtZSIsImxpZ2h0IiwicGFsZXR0ZSIsInR5cGUiLCJib3R0b21MaW5lQ29sb3IiLCJwcmltYXJ5IiwibXVpQm94IiwicGFkZGluZ1RvcCIsInNwYWNpbmciLCJ1bml0IiwicGFkZGluZ0JvdHRvbSIsInBvc2l0aW9uIiwibGVmdCIsInJpZ2h0IiwiYm90dG9tIiwiaGVpZ2h0IiwiY29udGVudCIsInRyYW5zaXRpb24iLCJwb2ludGVyRXZlbnRzIiwiYmFja2dyb3VuZENvbG9yIiwidHJhbnNmb3JtIiwiZm9jdXNlZCIsImNoaWxkcmVuIiwiY2xhc3NlcyIsIm5hbWVzIiwiY2xhc3NOYW1lcyIsInByb3BUeXBlcyIsIlByb3BUeXBlcyIsIm9uZU9mVHlwZSIsImFycmF5T2YiLCJub2RlIiwiaXNSZXF1aXJlZCIsImJvb2wiXSwic291cmNlcyI6WyIuLi8uLi9zcmMvbXVpLWJveC9pbmRleC5qc3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyB3aXRoU3R5bGVzIH0gZnJvbSAnQG1hdGVyaWFsLXVpL2NvcmUvc3R5bGVzJztcbmltcG9ydCBkZWJ1ZyBmcm9tICdkZWJ1Zyc7XG5pbXBvcnQgY2xhc3NOYW1lcyBmcm9tICdjbGFzc25hbWVzJztcblxuY29uc3QgbG9nID0gZGVidWcoJ3BpZS1lbGVtZW50czpjb25maWctdWk6bXVpLWJveCcpO1xuXG5jb25zdCBNdWlCb3ggPSB3aXRoU3R5bGVzKHRoZW1lID0+IHtcbiAgY29uc3QgbGlnaHQgPSB0aGVtZS5wYWxldHRlLnR5cGUgPT09ICdsaWdodCc7XG4gIGNvbnN0IGJvdHRvbUxpbmVDb2xvciA9IGxpZ2h0ID8gJ3JnYmEoMCwgMCwgMCwgMC40MiknIDogJ3JnYmEoMjU1LCAyNTUsIDI1NSwgMC43KSc7XG5cbiAgbG9nKHRoZW1lLnBhbGV0dGUucHJpbWFyeVt0aGVtZS5wYWxldHRlLnR5cGUgfHwgJ2xpZ2h0J10pO1xuXG4gIHJldHVybiB7XG4gICAgbXVpQm94OiB7XG4gICAgICBwYWRkaW5nVG9wOiB0aGVtZS5zcGFjaW5nLnVuaXQsXG4gICAgICBwYWRkaW5nQm90dG9tOiB0aGVtZS5zcGFjaW5nLnVuaXQsXG4gICAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICAgICcmOmJlZm9yZSc6IHtcbiAgICAgICAgbGVmdDogMCxcbiAgICAgICAgcmlnaHQ6IDAsXG4gICAgICAgIGJvdHRvbTogMCxcbiAgICAgICAgaGVpZ2h0OiAnMXB4JyxcbiAgICAgICAgY29udGVudDogJ1wiXCInLFxuICAgICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICAgICAgdHJhbnNpdGlvbjogJ2JhY2tncm91bmQtY29sb3IgMjAwbXMgY3ViaWMtYmV6aWVyKDAuNCwgMCwgMC4yLCAxKSAwbXMnLFxuICAgICAgICBwb2ludGVyRXZlbnRzOiAnbm9uZScsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogYm90dG9tTGluZUNvbG9yXG4gICAgICB9LFxuICAgICAgJyY6aG92ZXI6YmVmb3JlJzoge1xuICAgICAgICBoZWlnaHQ6ICcycHgnXG4gICAgICB9LFxuICAgICAgJyY6YWZ0ZXInOiB7XG4gICAgICAgIGxlZnQ6IDAsXG4gICAgICAgIHJpZ2h0OiAwLFxuICAgICAgICBib3R0b206IDAsXG4gICAgICAgIGhlaWdodDogJzJweCcsXG4gICAgICAgIGNvbnRlbnQ6ICdcIlwiJyxcbiAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgIHRyYW5zZm9ybTogJ3NjYWxlWCgwKScsXG4gICAgICAgIHRyYW5zaXRpb246ICd0cmFuc2Zvcm0gMjAwbXMgY3ViaWMtYmV6aWVyKDAuMCwgMCwgMC4yLCAxKSAwbXMnLFxuICAgICAgICBwb2ludGVyRXZlbnRzOiAnbm9uZScsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUucGFsZXR0ZS5wcmltYXJ5W3RoZW1lLnBhbGV0dGUudHlwZV0gLy8nIzMwNGZmZSdcbiAgICAgIH1cbiAgICB9LFxuICAgIGZvY3VzZWQ6IHtcbiAgICAgICcmOmFmdGVyJzoge1xuICAgICAgICB0cmFuc2Zvcm06ICdzY2FsZVgoMSknXG4gICAgICB9XG4gICAgfVxuICB9O1xufSkoKHsgY2hpbGRyZW4sIGNsYXNzZXMsIGZvY3VzZWQgfSkgPT4ge1xuICBjb25zdCBuYW1lcyA9IGNsYXNzTmFtZXMoY2xhc3Nlcy5tdWlCb3gsIGZvY3VzZWQgJiYgY2xhc3Nlcy5mb2N1c2VkKTtcblxuICByZXR1cm4gPGRpdiBjbGFzc05hbWU9e25hbWVzfT57Y2hpbGRyZW59PC9kaXY+O1xufSk7XG5cbk11aUJveC5wcm9wVHlwZXMgPSB7XG4gIGNoaWxkcmVuOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtQcm9wVHlwZXMuYXJyYXlPZihQcm9wVHlwZXMubm9kZSksIFByb3BUeXBlcy5ub2RlXSkuaXNSZXF1aXJlZCxcbiAgZm9jdXNlZDogUHJvcFR5cGVzLmJvb2wuaXNSZXF1aXJlZFxufTtcblxuZXhwb3J0IGRlZmF1bHQgTXVpQm94O1xuIl0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7QUFBQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFDQTs7QUFFQSxJQUFNQSxHQUFHLEdBQUcsSUFBQUMsaUJBQUEsRUFBTSxnQ0FBTixDQUFaO0FBRUEsSUFBTUMsTUFBTSxHQUFHLElBQUFDLGtCQUFBLEVBQVcsVUFBQUMsS0FBSyxFQUFJO0VBQ2pDLElBQU1DLEtBQUssR0FBR0QsS0FBSyxDQUFDRSxPQUFOLENBQWNDLElBQWQsS0FBdUIsT0FBckM7RUFDQSxJQUFNQyxlQUFlLEdBQUdILEtBQUssR0FBRyxxQkFBSCxHQUEyQiwwQkFBeEQ7RUFFQUwsR0FBRyxDQUFDSSxLQUFLLENBQUNFLE9BQU4sQ0FBY0csT0FBZCxDQUFzQkwsS0FBSyxDQUFDRSxPQUFOLENBQWNDLElBQWQsSUFBc0IsT0FBNUMsQ0FBRCxDQUFIO0VBRUEsT0FBTztJQUNMRyxNQUFNLEVBQUU7TUFDTkMsVUFBVSxFQUFFUCxLQUFLLENBQUNRLE9BQU4sQ0FBY0MsSUFEcEI7TUFFTkMsYUFBYSxFQUFFVixLQUFLLENBQUNRLE9BQU4sQ0FBY0MsSUFGdkI7TUFHTkUsUUFBUSxFQUFFLFVBSEo7TUFJTixZQUFZO1FBQ1ZDLElBQUksRUFBRSxDQURJO1FBRVZDLEtBQUssRUFBRSxDQUZHO1FBR1ZDLE1BQU0sRUFBRSxDQUhFO1FBSVZDLE1BQU0sRUFBRSxLQUpFO1FBS1ZDLE9BQU8sRUFBRSxJQUxDO1FBTVZMLFFBQVEsRUFBRSxVQU5BO1FBT1ZNLFVBQVUsRUFBRSx5REFQRjtRQVFWQyxhQUFhLEVBQUUsTUFSTDtRQVNWQyxlQUFlLEVBQUVmO01BVFAsQ0FKTjtNQWVOLGtCQUFrQjtRQUNoQlcsTUFBTSxFQUFFO01BRFEsQ0FmWjtNQWtCTixXQUFXO1FBQ1RILElBQUksRUFBRSxDQURHO1FBRVRDLEtBQUssRUFBRSxDQUZFO1FBR1RDLE1BQU0sRUFBRSxDQUhDO1FBSVRDLE1BQU0sRUFBRSxLQUpDO1FBS1RDLE9BQU8sRUFBRSxJQUxBO1FBTVRMLFFBQVEsRUFBRSxVQU5EO1FBT1RTLFNBQVMsRUFBRSxXQVBGO1FBUVRILFVBQVUsRUFBRSxrREFSSDtRQVNUQyxhQUFhLEVBQUUsTUFUTjtRQVVUQyxlQUFlLEVBQUVuQixLQUFLLENBQUNFLE9BQU4sQ0FBY0csT0FBZCxDQUFzQkwsS0FBSyxDQUFDRSxPQUFOLENBQWNDLElBQXBDLENBVlIsQ0FVa0Q7O01BVmxEO0lBbEJMLENBREg7SUFnQ0xrQixPQUFPLEVBQUU7TUFDUCxXQUFXO1FBQ1RELFNBQVMsRUFBRTtNQURGO0lBREo7RUFoQ0osQ0FBUDtBQXNDRCxDQTVDYyxFQTRDWixnQkFBb0M7RUFBQSxJQUFqQ0UsUUFBaUMsUUFBakNBLFFBQWlDO0VBQUEsSUFBdkJDLE9BQXVCLFFBQXZCQSxPQUF1QjtFQUFBLElBQWRGLE9BQWMsUUFBZEEsT0FBYztFQUNyQyxJQUFNRyxLQUFLLEdBQUcsSUFBQUMsc0JBQUEsRUFBV0YsT0FBTyxDQUFDakIsTUFBbkIsRUFBMkJlLE9BQU8sSUFBSUUsT0FBTyxDQUFDRixPQUE5QyxDQUFkO0VBRUEsb0JBQU87SUFBSyxTQUFTLEVBQUVHO0VBQWhCLEdBQXdCRixRQUF4QixDQUFQO0FBQ0QsQ0FoRGMsQ0FBZjtBQWtEQXhCLE1BQU0sQ0FBQzRCLFNBQVAsR0FBbUI7RUFDakJKLFFBQVEsRUFBRUsscUJBQUEsQ0FBVUMsU0FBVixDQUFvQixDQUFDRCxxQkFBQSxDQUFVRSxPQUFWLENBQWtCRixxQkFBQSxDQUFVRyxJQUE1QixDQUFELEVBQW9DSCxxQkFBQSxDQUFVRyxJQUE5QyxDQUFwQixFQUF5RUMsVUFEbEU7RUFFakJWLE9BQU8sRUFBRU0scUJBQUEsQ0FBVUssSUFBVixDQUFlRDtBQUZQLENBQW5CO2VBS2VqQyxNIn0=
+//# sourceMappingURL=index.js.map

package/lib/mui-box/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["log","debug","MuiBox","withStyles","theme","light","palette","type","bottomLineColor","primary","muiBox","paddingTop","spacing","unit","paddingBottom","position","left","right","bottom","height","content","transition","pointerEvents","backgroundColor","transform","focused","children","classes","names","classNames","propTypes","PropTypes","oneOfType","arrayOf","node","isRequired","bool"],"sources":["../../src/mui-box/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport debug from 'debug';\nimport classNames from 'classnames';\n\nconst log = debug('pie-elements:config-ui:mui-box');\n\nconst MuiBox = withStyles(theme => {\n  const light = theme.palette.type === 'light';\n  const bottomLineColor = light ? 'rgba(0, 0, 0, 0.42)' : 'rgba(255, 255, 255, 0.7)';\n\n  log(theme.palette.primary[theme.palette.type || 'light']);\n\n  return {\n    muiBox: {\n      paddingTop: theme.spacing.unit,\n      paddingBottom: theme.spacing.unit,\n      position: 'relative',\n      '&:before': {\n        left: 0,\n        right: 0,\n        bottom: 0,\n        height: '1px',\n        content: '\"\"',\n        position: 'absolute',\n        transition: 'background-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms',\n        pointerEvents: 'none',\n        backgroundColor: bottomLineColor\n      },\n      '&:hover:before': {\n        height: '2px'\n      },\n      '&:after': {\n        left: 0,\n        right: 0,\n        bottom: 0,\n        height: '2px',\n        content: '\"\"',\n        position: 'absolute',\n        transform: 'scaleX(0)',\n        transition: 'transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms',\n        pointerEvents: 'none',\n        backgroundColor: theme.palette.primary[theme.palette.type] //'#304ffe'\n      }\n    },\n    focused: {\n      '&:after': {\n        transform: 'scaleX(1)'\n      }\n    }\n  };\n})(({ children, classes, focused }) => {\n  const names = classNames(classes.muiBox, focused && classes.focused);\n\n  return <div className={names}>{children}</div>;\n});\n\nMuiBox.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n  focused: PropTypes.bool.isRequired\n};\n\nexport default MuiBox;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,GAAG,GAAG,IAAAC,iBAAA,EAAM,gCAAN,CAAZ;AAEA,IAAMC,MAAM,GAAG,IAAAC,kBAAA,EAAW,UAAAC,KAAK,EAAI;EACjC,IAAMC,KAAK,GAAGD,KAAK,CAACE,OAAN,CAAcC,IAAd,KAAuB,OAArC;EACA,IAAMC,eAAe,GAAGH,KAAK,GAAG,qBAAH,GAA2B,0BAAxD;EAEAL,GAAG,CAACI,KAAK,CAACE,OAAN,CAAcG,OAAd,CAAsBL,KAAK,CAACE,OAAN,CAAcC,IAAd,IAAsB,OAA5C,CAAD,CAAH;EAEA,OAAO;IACLG,MAAM,EAAE;MACNC,UAAU,EAAEP,KAAK,CAACQ,OAAN,CAAcC,IADpB;MAENC,aAAa,EAAEV,KAAK,CAACQ,OAAN,CAAcC,IAFvB;MAGNE,QAAQ,EAAE,UAHJ;MAIN,YAAY;QACVC,IAAI,EAAE,CADI;QAEVC,KAAK,EAAE,CAFG;QAGVC,MAAM,EAAE,CAHE;QAIVC,MAAM,EAAE,KAJE;QAKVC,OAAO,EAAE,IALC;QAMVL,QAAQ,EAAE,UANA;QAOVM,UAAU,EAAE,yDAPF;QAQVC,aAAa,EAAE,MARL;QASVC,eAAe,EAAEf;MATP,CAJN;MAeN,kBAAkB;QAChBW,MAAM,EAAE;MADQ,CAfZ;MAkBN,WAAW;QACTH,IAAI,EAAE,CADG;QAETC,KAAK,EAAE,CAFE;QAGTC,MAAM,EAAE,CAHC;QAITC,MAAM,EAAE,KAJC;QAKTC,OAAO,EAAE,IALA;QAMTL,QAAQ,EAAE,UAND;QAOTS,SAAS,EAAE,WAPF;QAQTH,UAAU,EAAE,kDARH;QASTC,aAAa,EAAE,MATN;QAUTC,eAAe,EAAEnB,KAAK,CAACE,OAAN,CAAcG,OAAd,CAAsBL,KAAK,CAACE,OAAN,CAAcC,IAApC,CAVR,CAUkD;;MAVlD;IAlBL,CADH;IAgCLkB,OAAO,EAAE;MACP,WAAW;QACTD,SAAS,EAAE;MADF;IADJ;EAhCJ,CAAP;AAsCD,CA5Cc,EA4CZ,gBAAoC;EAAA,IAAjCE,QAAiC,QAAjCA,QAAiC;EAAA,IAAvBC,OAAuB,QAAvBA,OAAuB;EAAA,IAAdF,OAAc,QAAdA,OAAc;EACrC,IAAMG,KAAK,GAAG,IAAAC,sBAAA,EAAWF,OAAO,CAACjB,MAAnB,EAA2Be,OAAO,IAAIE,OAAO,CAACF,OAA9C,CAAd;EAEA,oBAAO;IAAK,SAAS,EAAEG;EAAhB,GAAwBF,QAAxB,CAAP;AACD,CAhDc,CAAf;AAkDAxB,MAAM,CAAC4B,SAAP,GAAmB;EACjBJ,QAAQ,EAAEK,qBAAA,CAAUC,SAAV,CAAoB,CAACD,qBAAA,CAAUE,OAAV,CAAkBF,qBAAA,CAAUG,IAA5B,CAAD,EAAoCH,qBAAA,CAAUG,IAA9C,CAApB,EAAyEC,UADlE;EAEjBV,OAAO,EAAEM,qBAAA,CAAUK,IAAV,CAAeD;AAFP,CAAnB;eAKejC,M"}
+{"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_propTypes","_styles","_debug","_classnames","log","debug","MuiBox","withStyles","theme","light","palette","type","bottomLineColor","primary","muiBox","paddingTop","spacing","unit","paddingBottom","position","left","right","bottom","height","content","transition","pointerEvents","backgroundColor","transform","focused","_ref","children","classes","names","classNames","createElement","className","propTypes","PropTypes","oneOfType","arrayOf","node","isRequired","bool","_default","exports"],"sources":["../../src/mui-box/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport debug from 'debug';\nimport classNames from 'classnames';\n\nconst log = debug('pie-elements:config-ui:mui-box');\n\nconst MuiBox = withStyles((theme) => {\n  const light = theme.palette.type === 'light';\n  const bottomLineColor = light ? 'rgba(0, 0, 0, 0.42)' : 'rgba(255, 255, 255, 0.7)';\n\n  log(theme.palette.primary[theme.palette.type || 'light']);\n\n  return {\n    muiBox: {\n      paddingTop: theme.spacing.unit,\n      paddingBottom: theme.spacing.unit,\n      position: 'relative',\n      '&:before': {\n        left: 0,\n        right: 0,\n        bottom: 0,\n        height: '1px',\n        content: '\"\"',\n        position: 'absolute',\n        transition: 'background-color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms',\n        pointerEvents: 'none',\n        backgroundColor: bottomLineColor,\n      },\n      '&:hover:before': {\n        height: '2px',\n      },\n      '&:after': {\n        left: 0,\n        right: 0,\n        bottom: 0,\n        height: '2px',\n        content: '\"\"',\n        position: 'absolute',\n        transform: 'scaleX(0)',\n        transition: 'transform 200ms cubic-bezier(0.0, 0, 0.2, 1) 0ms',\n        pointerEvents: 'none',\n        backgroundColor: theme.palette.primary[theme.palette.type], //'#304ffe'\n      },\n    },\n    focused: {\n      '&:after': {\n        transform: 'scaleX(1)',\n      },\n    },\n  };\n})(({ children, classes, focused }) => {\n  const names = classNames(classes.muiBox, focused && classes.focused);\n\n  return <div className={names}>{children}</div>;\n});\n\nMuiBox.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n  focused: PropTypes.bool.isRequired,\n};\n\nexport default MuiBox;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,WAAA,GAAAL,sBAAA,CAAAC,OAAA;AAEA,IAAMK,GAAG,GAAG,IAAAC,iBAAK,EAAC,gCAAgC,CAAC;AAEnD,IAAMC,MAAM,GAAG,IAAAC,kBAAU,EAAC,UAACC,KAAK,EAAK;EACnC,IAAMC,KAAK,GAAGD,KAAK,CAACE,OAAO,CAACC,IAAI,KAAK,OAAO;EAC5C,IAAMC,eAAe,GAAGH,KAAK,GAAG,qBAAqB,GAAG,0BAA0B;EAElFL,GAAG,CAACI,KAAK,CAACE,OAAO,CAACG,OAAO,CAACL,KAAK,CAACE,OAAO,CAACC,IAAI,IAAI,OAAO,CAAC,CAAC;EAEzD,OAAO;IACLG,MAAM,EAAE;MACNC,UAAU,EAAEP,KAAK,CAACQ,OAAO,CAACC,IAAI;MAC9BC,aAAa,EAAEV,KAAK,CAACQ,OAAO,CAACC,IAAI;MACjCE,QAAQ,EAAE,UAAU;MACpB,UAAU,EAAE;QACVC,IAAI,EAAE,CAAC;QACPC,KAAK,EAAE,CAAC;QACRC,MAAM,EAAE,CAAC;QACTC,MAAM,EAAE,KAAK;QACbC,OAAO,EAAE,IAAI;QACbL,QAAQ,EAAE,UAAU;QACpBM,UAAU,EAAE,yDAAyD;QACrEC,aAAa,EAAE,MAAM;QACrBC,eAAe,EAAEf;MACnB,CAAC;MACD,gBAAgB,EAAE;QAChBW,MAAM,EAAE;MACV,CAAC;MACD,SAAS,EAAE;QACTH,IAAI,EAAE,CAAC;QACPC,KAAK,EAAE,CAAC;QACRC,MAAM,EAAE,CAAC;QACTC,MAAM,EAAE,KAAK;QACbC,OAAO,EAAE,IAAI;QACbL,QAAQ,EAAE,UAAU;QACpBS,SAAS,EAAE,WAAW;QACtBH,UAAU,EAAE,kDAAkD;QAC9DC,aAAa,EAAE,MAAM;QACrBC,eAAe,EAAEnB,KAAK,CAACE,OAAO,CAACG,OAAO,CAACL,KAAK,CAACE,OAAO,CAACC,IAAI,CAAC,CAAE;MAC9D;IACF,CAAC;;IACDkB,OAAO,EAAE;MACP,SAAS,EAAE;QACTD,SAAS,EAAE;MACb;IACF;EACF,CAAC;AACH,CAAC,CAAC,CAAC,UAAAE,IAAA,EAAoC;EAAA,IAAjCC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;IAAEH,OAAO,GAAAC,IAAA,CAAPD,OAAO;EAC9B,IAAMI,KAAK,GAAG,IAAAC,sBAAU,EAACF,OAAO,CAAClB,MAAM,EAAEe,OAAO,IAAIG,OAAO,CAACH,OAAO,CAAC;EAEpE,oBAAOhC,MAAA,YAAAsC,aAAA;IAAKC,SAAS,EAAEH;EAAM,GAAEF,QAAc,CAAC;AAChD,CAAC,CAAC;AAEFzB,MAAM,CAAC+B,SAAS,GAAG;EACjBN,QAAQ,EAAEO,qBAAS,CAACC,SAAS,CAAC,CAACD,qBAAS,CAACE,OAAO,CAACF,qBAAS,CAACG,IAAI,CAAC,EAAEH,qBAAS,CAACG,IAAI,CAAC,CAAC,CAACC,UAAU;EAC7Fb,OAAO,EAAES,qBAAS,CAACK,IAAI,CAACD;AAC1B,CAAC;AAAC,IAAAE,QAAA,GAEatC,MAAM;AAAAuC,OAAA,cAAAD,QAAA"}