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

package/lib/langs.js

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

package/lib/langs.js.map

@@ -1 +1 @@
-{"version":3,"file":"langs.js","names":["log","debug","styles","theme","root","flexDirection","alignItems","display","position","paddingTop","paddingRight","formControl","inputLabel","paddingBottom","spacing","unit","RawLangs","props","event","onChange","target","value","uid","Math","random","toFixed","langs","selected","label","classes","choose","map","l","index","React","Component","PropTypes","func","array","string","object","isRequired","Langs","withStyles","name","LanguageControls","languageControls","gridAutoFlow","gridAutoColumns","gridGap","activeLang","defaultLang","onActiveLangChange","onDefaultLangChange","className","names","classNames","propTypes"],"sources":["../src/langs.jsx"],"sourcesContent":["import Input from '@material-ui/core/Input';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport Select from '@material-ui/core/Select';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport FormControl from '@material-ui/core/FormControl';\nimport debug from 'debug';\n\nconst log = debug('pie-elements:config-ui:langs');\n\nconst styles = (theme) => ({\n  root: {\n    flexDirection: 'column',\n    alignItems: 'start',\n    display: 'flex',\n    position: 'relative',\n    paddingTop: '0px',\n    paddingRight: '0px',\n  },\n  formControl: {\n    position: 'initial',\n  },\n  inputLabel: {\n    paddingBottom: theme.spacing.unit,\n  },\n});\n\nexport class RawLangs extends React.Component {\n  static propTypes = {\n    onChange: PropTypes.func,\n    langs: PropTypes.array,\n    selected: PropTypes.string,\n    label: PropTypes.string,\n    classes: PropTypes.object.isRequired,\n    uid: PropTypes.string,\n  };\n\n  constructor(props) {\n    super(props);\n    this.uid = props.uid || (Math.random() * 10000).toFixed();\n  }\n\n  choose = (event) => {\n    log('[choose] event: ', event);\n    if (this.props.onChange) {\n      this.props.onChange(event.target.value);\n    }\n  };\n\n  render() {\n    let { langs, selected, label, classes } = this.props;\n    log('[render] selected:', selected);\n    return (\n      <div className={classes.root}>\n        <FormControl className={classes.formControl}>\n          <InputLabel className={classes.inputLabel} htmlFor={this.uid}>\n            {label}\n          </InputLabel>\n          <Select value={selected} onChange={this.choose} input={<Input id={this.uid} />}>\n            {langs.map((l, index) => (\n              <MenuItem key={index} value={l}>\n                {l}\n              </MenuItem>\n            ))}\n          </Select>\n        </FormControl>\n      </div>\n    );\n  }\n}\n\nconst Langs = withStyles(styles, { name: 'Langs' })(RawLangs);\nexport default Langs;\n\nexport const LanguageControls = withStyles({\n  languageControls: {\n    display: 'grid',\n    gridAutoFlow: 'column',\n    gridAutoColumns: '1fr',\n    gridGap: '8px',\n  },\n})(({ classes, langs, activeLang, defaultLang, onActiveLangChange, onDefaultLangChange, className }) => {\n  const names = classNames(classes.languageControls, className);\n\n  return (\n    <div className={names}>\n      <Langs\n        label=\"Choose language to edit\"\n        langs={langs}\n        selected={activeLang}\n        onChange={(l) => onActiveLangChange(l)}\n      />\n      <Langs label=\"Default language\" langs={langs} selected={defaultLang} onChange={(l) => onDefaultLangChange(l)} />\n    </div>\n  );\n});\n\nLanguageControls.propTypes = {\n  langs: PropTypes.array,\n  activeLang: PropTypes.string.isRequired,\n  defaultLang: PropTypes.string.isRequired,\n  onActiveLangChange: PropTypes.func.isRequired,\n  onDefaultLangChange: PropTypes.func.isRequired,\n};\n"],"mappings":"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"}
+{"version":3,"sources":["../src/langs.jsx"],"names":["log","styles","theme","root","flexDirection","alignItems","display","position","paddingTop","paddingRight","formControl","inputLabel","paddingBottom","spacing","unit","RawLangs","props","event","onChange","target","value","uid","Math","random","toFixed","langs","selected","label","classes","choose","map","l","index","React","Component","PropTypes","func","array","string","object","isRequired","Langs","name","LanguageControls","languageControls","gridAutoFlow","gridAutoColumns","gridGap","activeLang","defaultLang","onActiveLangChange","onDefaultLangChange","className","names","propTypes"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,GAAG,GAAG,uBAAM,8BAAN,CAAZ;;AAEA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,IAAI,EAAE;AACJC,MAAAA,aAAa,EAAE,QADX;AAEJC,MAAAA,UAAU,EAAE,OAFR;AAGJC,MAAAA,OAAO,EAAE,MAHL;AAIJC,MAAAA,QAAQ,EAAE,UAJN;AAKJC,MAAAA,UAAU,EAAE,KALR;AAMJC,MAAAA,YAAY,EAAE;AANV,KADmB;AASzBC,IAAAA,WAAW,EAAE;AACXH,MAAAA,QAAQ,EAAE;AADC,KATY;AAYzBI,IAAAA,UAAU,EAAE;AACVC,MAAAA,aAAa,EAAEV,KAAK,CAACW,OAAN,CAAcC;AADnB;AAZa,GAAZ;AAAA,CAAf;;IAiBaC,Q;;;;;AAUX,oBAAYC,KAAZ,EAAmB;AAAA;;AAAA;AACjB,8BAAMA,KAAN;AADiB,+FAKV,UAACC,KAAD,EAAW;AAClBjB,MAAAA,GAAG,CAAC,kBAAD,EAAqBiB,KAArB,CAAH;;AACA,UAAI,MAAKD,KAAL,CAAWE,QAAf,EAAyB;AACvB,cAAKF,KAAL,CAAWE,QAAX,CAAoBD,KAAK,CAACE,MAAN,CAAaC,KAAjC;AACD;AACF,KAVkB;AAEjB,UAAKC,GAAL,GAAWL,KAAK,CAACK,GAAN,IAAa,CAACC,IAAI,CAACC,MAAL,KAAgB,KAAjB,EAAwBC,OAAxB,EAAxB;AAFiB;AAGlB;;;;WASD,kBAAS;AACP,wBAA0C,KAAKR,KAA/C;AAAA,UAAMS,KAAN,eAAMA,KAAN;AAAA,UAAaC,QAAb,eAAaA,QAAb;AAAA,UAAuBC,KAAvB,eAAuBA,KAAvB;AAAA,UAA8BC,OAA9B,eAA8BA,OAA9B;AACA5B,MAAAA,GAAG,CAAC,oBAAD,EAAuB0B,QAAvB,CAAH;AACA,0BACE;AAAK,QAAA,SAAS,EAAEE,OAAO,CAACzB;AAAxB,sBACE,gCAAC,uBAAD;AAAa,QAAA,SAAS,EAAEyB,OAAO,CAAClB;AAAhC,sBACE,gCAAC,sBAAD;AAAY,QAAA,SAAS,EAAEkB,OAAO,CAACjB,UAA/B;AAA2C,QAAA,OAAO,EAAE,KAAKU;AAAzD,SACGM,KADH,CADF,eAIE,gCAAC,kBAAD;AAAQ,QAAA,KAAK,EAAED,QAAf;AAAyB,QAAA,QAAQ,EAAE,KAAKG,MAAxC;AAAgD,QAAA,KAAK,eAAE,gCAAC,iBAAD;AAAO,UAAA,EAAE,EAAE,KAAKR;AAAhB;AAAvD,SACGI,KAAK,CAACK,GAAN,CAAU,UAACC,CAAD,EAAIC,KAAJ;AAAA,4BACT,gCAAC,oBAAD;AAAU,UAAA,GAAG,EAAEA,KAAf;AAAsB,UAAA,KAAK,EAAED;AAA7B,WACGA,CADH,CADS;AAAA,OAAV,CADH,CAJF,CADF,CADF;AAgBD;;;EAzC2BE,kBAAMC,S;;;iCAAvBnB,Q,eACQ;AACjBG,EAAAA,QAAQ,EAAEiB,sBAAUC,IADH;AAEjBX,EAAAA,KAAK,EAAEU,sBAAUE,KAFA;AAGjBX,EAAAA,QAAQ,EAAES,sBAAUG,MAHH;AAIjBX,EAAAA,KAAK,EAAEQ,sBAAUG,MAJA;AAKjBV,EAAAA,OAAO,EAAEO,sBAAUI,MAAV,CAAiBC,UALT;AAMjBnB,EAAAA,GAAG,EAAEc,sBAAUG;AANE,C;AA2CrB,IAAMG,KAAK,GAAG,wBAAWxC,MAAX,EAAmB;AAAEyC,EAAAA,IAAI,EAAE;AAAR,CAAnB,EAAsC3B,QAAtC,CAAd;eACe0B,K;;AAER,IAAME,gBAAgB,GAAG,wBAAW;AACzCC,EAAAA,gBAAgB,EAAE;AAChBtC,IAAAA,OAAO,EAAE,MADO;AAEhBuC,IAAAA,YAAY,EAAE,QAFE;AAGhBC,IAAAA,eAAe,EAAE,KAHD;AAIhBC,IAAAA,OAAO,EAAE;AAJO;AADuB,CAAX,EAO7B,gBAAqG;AAAA,MAAlGnB,OAAkG,QAAlGA,OAAkG;AAAA,MAAzFH,KAAyF,QAAzFA,KAAyF;AAAA,MAAlFuB,UAAkF,QAAlFA,UAAkF;AAAA,MAAtEC,WAAsE,QAAtEA,WAAsE;AAAA,MAAzDC,kBAAyD,QAAzDA,kBAAyD;AAAA,MAArCC,mBAAqC,QAArCA,mBAAqC;AAAA,MAAhBC,SAAgB,QAAhBA,SAAgB;AACtG,MAAMC,KAAK,GAAG,4BAAWzB,OAAO,CAACgB,gBAAnB,EAAqCQ,SAArC,CAAd;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEC;AAAhB,kBACE,gCAAC,KAAD;AACE,IAAA,KAAK,EAAC,yBADR;AAEE,IAAA,KAAK,EAAE5B,KAFT;AAGE,IAAA,QAAQ,EAAEuB,UAHZ;AAIE,IAAA,QAAQ,EAAE,kBAACjB,CAAD;AAAA,aAAOmB,kBAAkB,CAACnB,CAAD,CAAzB;AAAA;AAJZ,IADF,eAOE,gCAAC,KAAD;AAAO,IAAA,KAAK,EAAC,kBAAb;AAAgC,IAAA,KAAK,EAAEN,KAAvC;AAA8C,IAAA,QAAQ,EAAEwB,WAAxD;AAAqE,IAAA,QAAQ,EAAE,kBAAClB,CAAD;AAAA,aAAOoB,mBAAmB,CAACpB,CAAD,CAA1B;AAAA;AAA/E,IAPF,CADF;AAWD,CArB+B,CAAzB;;AAuBPY,gBAAgB,CAACW,SAAjB,GAA6B;AAC3B7B,EAAAA,KAAK,EAAEU,sBAAUE,KADU;AAE3BW,EAAAA,UAAU,EAAEb,sBAAUG,MAAV,CAAiBE,UAFF;AAG3BS,EAAAA,WAAW,EAAEd,sBAAUG,MAAV,CAAiBE,UAHH;AAI3BU,EAAAA,kBAAkB,EAAEf,sBAAUC,IAAV,CAAeI,UAJR;AAK3BW,EAAAA,mBAAmB,EAAEhB,sBAAUC,IAAV,CAAeI;AALT,CAA7B","sourcesContent":["import Input from '@material-ui/core/Input';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport PropTypes from 'prop-types';\nimport React from 'react';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport Select from '@material-ui/core/Select';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport FormControl from '@material-ui/core/FormControl';\nimport debug from 'debug';\n\nconst log = debug('pie-elements:config-ui:langs');\n\nconst styles = (theme) => ({\n  root: {\n    flexDirection: 'column',\n    alignItems: 'start',\n    display: 'flex',\n    position: 'relative',\n    paddingTop: '0px',\n    paddingRight: '0px',\n  },\n  formControl: {\n    position: 'initial',\n  },\n  inputLabel: {\n    paddingBottom: theme.spacing.unit,\n  },\n});\n\nexport class RawLangs extends React.Component {\n  static propTypes = {\n    onChange: PropTypes.func,\n    langs: PropTypes.array,\n    selected: PropTypes.string,\n    label: PropTypes.string,\n    classes: PropTypes.object.isRequired,\n    uid: PropTypes.string,\n  };\n\n  constructor(props) {\n    super(props);\n    this.uid = props.uid || (Math.random() * 10000).toFixed();\n  }\n\n  choose = (event) => {\n    log('[choose] event: ', event);\n    if (this.props.onChange) {\n      this.props.onChange(event.target.value);\n    }\n  };\n\n  render() {\n    let { langs, selected, label, classes } = this.props;\n    log('[render] selected:', selected);\n    return (\n      <div className={classes.root}>\n        <FormControl className={classes.formControl}>\n          <InputLabel className={classes.inputLabel} htmlFor={this.uid}>\n            {label}\n          </InputLabel>\n          <Select value={selected} onChange={this.choose} input={<Input id={this.uid} />}>\n            {langs.map((l, index) => (\n              <MenuItem key={index} value={l}>\n                {l}\n              </MenuItem>\n            ))}\n          </Select>\n        </FormControl>\n      </div>\n    );\n  }\n}\n\nconst Langs = withStyles(styles, { name: 'Langs' })(RawLangs);\nexport default Langs;\n\nexport const LanguageControls = withStyles({\n  languageControls: {\n    display: 'grid',\n    gridAutoFlow: 'column',\n    gridAutoColumns: '1fr',\n    gridGap: '8px',\n  },\n})(({ classes, langs, activeLang, defaultLang, onActiveLangChange, onDefaultLangChange, className }) => {\n  const names = classNames(classes.languageControls, className);\n\n  return (\n    <div className={names}>\n      <Langs\n        label=\"Choose language to edit\"\n        langs={langs}\n        selected={activeLang}\n        onChange={(l) => onActiveLangChange(l)}\n      />\n      <Langs label=\"Default language\" langs={langs} selected={defaultLang} onChange={(l) => onDefaultLangChange(l)} />\n    </div>\n  );\n});\n\nLanguageControls.propTypes = {\n  langs: PropTypes.array,\n  activeLang: PropTypes.string.isRequired,\n  defaultLang: PropTypes.string.isRequired,\n  onActiveLangChange: PropTypes.func.isRequired,\n  onDefaultLangChange: PropTypes.func.isRequired,\n};\n"],"file":"langs.js"}

package/lib/layout/config-layout.js

@@ -1,35 +1,55 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _reactMeasure = _interopRequireDefault(require("react-measure"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 var _layoutContents = _interopRequireDefault(require("./layout-contents"));
+
 var _settingsBox = _interopRequireDefault(require("./settings-box"));
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
 var ConfigLayout = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(ConfigLayout, _React$Component);
+
   var _super = _createSuper(ConfigLayout);
+
   function ConfigLayout(props) {
     var _this;
+
     (0, _classCallCheck2["default"])(this, ConfigLayout);
     _this = _super.call(this, props);
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "onResize", function (contentRect) {
       var bounds = contentRect.bounds;
       var sidePanelMinWidth = _this.props.sidePanelMinWidth;
       var layoutMode = bounds.width >= sidePanelMinWidth ? 'inline' : 'tabbed';
+
       _this.setState({
         layoutMode: layoutMode
       });
@@ -39,19 +59,21 @@ var ConfigLayout = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
+
   (0, _createClass2["default"])(ConfigLayout, [{
     key: "render",
     value: function render() {
       var _this2 = this;
+
       return /*#__PURE__*/_react["default"].createElement(_reactMeasure["default"], {
         bounds: true,
         onResize: this.onResize
       }, function (_ref) {
         var measureRef = _ref.measureRef;
         var _this2$props = _this2.props,
-          children = _this2$props.children,
-          settings = _this2$props.settings,
-          hideSettings = _this2$props.hideSettings;
+            children = _this2$props.children,
+            settings = _this2$props.settings,
+            hideSettings = _this2$props.hideSettings;
         var layoutMode = _this2.state.layoutMode;
         var settingsPanel = layoutMode === 'inline' ? /*#__PURE__*/_react["default"].createElement(_settingsBox["default"], null, settings) : settings;
         var secondaryContent = hideSettings ? null : settingsPanel;
@@ -66,6 +88,7 @@ var ConfigLayout = /*#__PURE__*/function (_React$Component) {
   }]);
   return ConfigLayout;
 }(_react["default"].Component);
+
 (0, _defineProperty2["default"])(ConfigLayout, "propTypes", {
   children: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].arrayOf(_propTypes["default"].element), _propTypes["default"].element]),
   className: _propTypes["default"].string,

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

@@ -1 +1 @@
-{"version":3,"file":"config-layout.js","names":["ConfigLayout","props","contentRect","bounds","sidePanelMinWidth","layoutMode","width","setState","state","undefined","onResize","measureRef","children","settings","hideSettings","settingsPanel","secondaryContent","React","Component","PropTypes","oneOfType","string","arrayOf","element","className","classes","object","number","bool"],"sources":["../../src/layout/config-layout.jsx"],"sourcesContent":["import React from 'react';\nimport Measure from 'react-measure';\nimport PropTypes from 'prop-types';\nimport LayoutContents from './layout-contents';\nimport SettingsBox from './settings-box';\n\nclass ConfigLayout extends React.Component {\n  static propTypes = {\n    children: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.element), PropTypes.element]),\n    className: PropTypes.string,\n    classes: PropTypes.object,\n    settings: PropTypes.element,\n    sidePanelMinWidth: PropTypes.number,\n    hideSettings: PropTypes.bool,\n  };\n\n  static defaultProps = {\n    sidePanelMinWidth: 950,\n    hideSettings: false,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = { layoutMode: undefined };\n  }\n\n  onResize = (contentRect) => {\n    const { bounds } = contentRect;\n    const { sidePanelMinWidth } = this.props;\n    const layoutMode = bounds.width >= sidePanelMinWidth ? 'inline' : 'tabbed';\n\n    this.setState({ layoutMode });\n  };\n\n  render() {\n    return (\n      <Measure bounds onResize={this.onResize}>\n        {({ measureRef }) => {\n          const { children, settings, hideSettings } = this.props;\n          const { layoutMode } = this.state;\n\n          const settingsPanel = layoutMode === 'inline' ? <SettingsBox>{settings}</SettingsBox> : settings;\n          const secondaryContent = hideSettings ? null : settingsPanel;\n\n          return (\n            <div ref={measureRef}>\n              <LayoutContents mode={layoutMode} secondary={secondaryContent}>\n                {children}\n              </LayoutContents>\n            </div>\n          );\n        }}\n      </Measure>\n    );\n  }\n}\n\nexport default ConfigLayout;\n"],"mappings":";;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAAyC;AAAA;AAAA,IAEnCA,YAAY;EAAA;EAAA;EAehB,sBAAYC,KAAK,EAAE;IAAA;IAAA;IACjB,0BAAMA,KAAK;IAAE,6FAIJ,UAACC,WAAW,EAAK;MAC1B,IAAQC,MAAM,GAAKD,WAAW,CAAtBC,MAAM;MACd,IAAQC,iBAAiB,GAAK,MAAKH,KAAK,CAAhCG,iBAAiB;MACzB,IAAMC,UAAU,GAAGF,MAAM,CAACG,KAAK,IAAIF,iBAAiB,GAAG,QAAQ,GAAG,QAAQ;MAE1E,MAAKG,QAAQ,CAAC;QAAEF,UAAU,EAAVA;MAAW,CAAC,CAAC;IAC/B,CAAC;IATC,MAAKG,KAAK,GAAG;MAAEH,UAAU,EAAEI;IAAU,CAAC;IAAC;EACzC;EAAC;IAAA;IAAA,OAUD,kBAAS;MAAA;MACP,oBACE,gCAAC,wBAAO;QAAC,MAAM;QAAC,QAAQ,EAAE,IAAI,CAACC;MAAS,GACrC,gBAAoB;QAAA,IAAjBC,UAAU,QAAVA,UAAU;QACZ,mBAA6C,MAAI,CAACV,KAAK;UAA/CW,QAAQ,gBAARA,QAAQ;UAAEC,QAAQ,gBAARA,QAAQ;UAAEC,YAAY,gBAAZA,YAAY;QACxC,IAAQT,UAAU,GAAK,MAAI,CAACG,KAAK,CAAzBH,UAAU;QAElB,IAAMU,aAAa,GAAGV,UAAU,KAAK,QAAQ,gBAAG,gCAAC,uBAAW,QAAEQ,QAAQ,CAAe,GAAGA,QAAQ;QAChG,IAAMG,gBAAgB,GAAGF,YAAY,GAAG,IAAI,GAAGC,aAAa;QAE5D,oBACE;UAAK,GAAG,EAAEJ;QAAW,gBACnB,gCAAC,0BAAc;UAAC,IAAI,EAAEN,UAAW;UAAC,SAAS,EAAEW;QAAiB,GAC3DJ,QAAQ,CACM,CACb;MAEV,CAAC,CACO;IAEd;EAAC;EAAA;AAAA,EAhDwBK,iBAAK,CAACC,SAAS;AAAA,iCAApClB,YAAY,eACG;EACjBY,QAAQ,EAAEO,qBAAS,CAACC,SAAS,CAAC,CAACD,qBAAS,CAACE,MAAM,EAAEF,qBAAS,CAACG,OAAO,CAACH,qBAAS,CAACI,OAAO,CAAC,EAAEJ,qBAAS,CAACI,OAAO,CAAC,CAAC;EAC1GC,SAAS,EAAEL,qBAAS,CAACE,MAAM;EAC3BI,OAAO,EAAEN,qBAAS,CAACO,MAAM;EACzBb,QAAQ,EAAEM,qBAAS,CAACI,OAAO;EAC3BnB,iBAAiB,EAAEe,qBAAS,CAACQ,MAAM;EACnCb,YAAY,EAAEK,qBAAS,CAACS;AAC1B,CAAC;AAAA,iCARG5B,YAAY,kBAUM;EACpBI,iBAAiB,EAAE,GAAG;EACtBU,YAAY,EAAE;AAChB,CAAC;AAAA,eAsCYd,YAAY;AAAA"}
+{"version":3,"sources":["../../src/layout/config-layout.jsx"],"names":["ConfigLayout","props","contentRect","bounds","sidePanelMinWidth","layoutMode","width","setState","state","undefined","onResize","measureRef","children","settings","hideSettings","settingsPanel","secondaryContent","React","Component","PropTypes","oneOfType","string","arrayOf","element","className","classes","object","number","bool"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;IAEMA,Y;;;;;AAeJ,wBAAYC,KAAZ,EAAmB;AAAA;;AAAA;AACjB,8BAAMA,KAAN;AADiB,iGAKR,UAACC,WAAD,EAAiB;AAC1B,UAAQC,MAAR,GAAmBD,WAAnB,CAAQC,MAAR;AACA,UAAQC,iBAAR,GAA8B,MAAKH,KAAnC,CAAQG,iBAAR;AACA,UAAMC,UAAU,GAAGF,MAAM,CAACG,KAAP,IAAgBF,iBAAhB,GAAoC,QAApC,GAA+C,QAAlE;;AAEA,YAAKG,QAAL,CAAc;AAAEF,QAAAA,UAAU,EAAVA;AAAF,OAAd;AACD,KAXkB;AAEjB,UAAKG,KAAL,GAAa;AAAEH,MAAAA,UAAU,EAAEI;AAAd,KAAb;AAFiB;AAGlB;;;;WAUD,kBAAS;AAAA;;AACP,0BACE,gCAAC,wBAAD;AAAS,QAAA,MAAM,MAAf;AAAgB,QAAA,QAAQ,EAAE,KAAKC;AAA/B,SACG,gBAAoB;AAAA,YAAjBC,UAAiB,QAAjBA,UAAiB;AACnB,2BAA6C,MAAI,CAACV,KAAlD;AAAA,YAAQW,QAAR,gBAAQA,QAAR;AAAA,YAAkBC,QAAlB,gBAAkBA,QAAlB;AAAA,YAA4BC,YAA5B,gBAA4BA,YAA5B;AACA,YAAQT,UAAR,GAAuB,MAAI,CAACG,KAA5B,CAAQH,UAAR;AAEA,YAAMU,aAAa,GAAGV,UAAU,KAAK,QAAf,gBAA0B,gCAAC,uBAAD,QAAcQ,QAAd,CAA1B,GAAkEA,QAAxF;AACA,YAAMG,gBAAgB,GAAGF,YAAY,GAAG,IAAH,GAAUC,aAA/C;AAEA,4BACE;AAAK,UAAA,GAAG,EAAEJ;AAAV,wBACE,gCAAC,0BAAD;AAAgB,UAAA,IAAI,EAAEN,UAAtB;AAAkC,UAAA,SAAS,EAAEW;AAA7C,WACGJ,QADH,CADF,CADF;AAOD,OAfH,CADF;AAmBD;;;EAhDwBK,kBAAMC,S;;iCAA3BlB,Y,eACe;AACjBY,EAAAA,QAAQ,EAAEO,sBAAUC,SAAV,CAAoB,CAACD,sBAAUE,MAAX,EAAmBF,sBAAUG,OAAV,CAAkBH,sBAAUI,OAA5B,CAAnB,EAAyDJ,sBAAUI,OAAnE,CAApB,CADO;AAEjBC,EAAAA,SAAS,EAAEL,sBAAUE,MAFJ;AAGjBI,EAAAA,OAAO,EAAEN,sBAAUO,MAHF;AAIjBb,EAAAA,QAAQ,EAAEM,sBAAUI,OAJH;AAKjBnB,EAAAA,iBAAiB,EAAEe,sBAAUQ,MALZ;AAMjBb,EAAAA,YAAY,EAAEK,sBAAUS;AANP,C;iCADf5B,Y,kBAUkB;AACpBI,EAAAA,iBAAiB,EAAE,GADC;AAEpBU,EAAAA,YAAY,EAAE;AAFM,C;eAyCTd,Y","sourcesContent":["import React from 'react';\nimport Measure from 'react-measure';\nimport PropTypes from 'prop-types';\nimport LayoutContents from './layout-contents';\nimport SettingsBox from './settings-box';\n\nclass ConfigLayout extends React.Component {\n  static propTypes = {\n    children: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.element), PropTypes.element]),\n    className: PropTypes.string,\n    classes: PropTypes.object,\n    settings: PropTypes.element,\n    sidePanelMinWidth: PropTypes.number,\n    hideSettings: PropTypes.bool,\n  };\n\n  static defaultProps = {\n    sidePanelMinWidth: 950,\n    hideSettings: false,\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = { layoutMode: undefined };\n  }\n\n  onResize = (contentRect) => {\n    const { bounds } = contentRect;\n    const { sidePanelMinWidth } = this.props;\n    const layoutMode = bounds.width >= sidePanelMinWidth ? 'inline' : 'tabbed';\n\n    this.setState({ layoutMode });\n  };\n\n  render() {\n    return (\n      <Measure bounds onResize={this.onResize}>\n        {({ measureRef }) => {\n          const { children, settings, hideSettings } = this.props;\n          const { layoutMode } = this.state;\n\n          const settingsPanel = layoutMode === 'inline' ? <SettingsBox>{settings}</SettingsBox> : settings;\n          const secondaryContent = hideSettings ? null : settingsPanel;\n\n          return (\n            <div ref={measureRef}>\n              <LayoutContents mode={layoutMode} secondary={secondaryContent}>\n                {children}\n              </LayoutContents>\n            </div>\n          );\n        }}\n      </Measure>\n    );\n  }\n}\n\nexport default ConfigLayout;\n"],"file":"config-layout.js"}

package/lib/layout/index.js

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

package/lib/layout/index.js.map

@@ -1 +1 @@
-{"version":3,"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,"sources":["../../src/layout/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;;AACA","sourcesContent":["import ConfigLayout from './config-layout';\nimport LayoutContents from './layout-contents';\n\nexport { LayoutContents, ConfigLayout };\n"],"file":"index.js"}

package/lib/layout/layout-contents.js

@@ -1,48 +1,70 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
 var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _react = _interopRequireDefault(require("react"));
+
 var _core = require("@material-ui/core");
+
 var _tabs = _interopRequireDefault(require("../tabs"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
+
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
 var RawLayoutContents = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(RawLayoutContents, _React$Component);
+
   var _super = _createSuper(RawLayoutContents);
+
   function RawLayoutContents() {
     var _this;
+
     (0, _classCallCheck2["default"])(this, RawLayoutContents);
+
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
+
     _this = _super.call.apply(_super, [this].concat(args));
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "getConfiguration", function () {
       var _secondary$props, _secondary$props2, _secondary$props2$chi, _secondary$props2$chi2;
-      var secondary = _this.props.secondary;
-      // in config-layout, secondary can be: <SettingsBox>{settings}</SettingsBox>, settings, null
+
+      var secondary = _this.props.secondary; // in config-layout, secondary can be: <SettingsBox>{settings}</SettingsBox>, settings, null
 
       return (secondary === null || secondary === void 0 ? void 0 : (_secondary$props = secondary.props) === null || _secondary$props === void 0 ? void 0 : _secondary$props.configuration) || (secondary === null || secondary === void 0 ? void 0 : (_secondary$props2 = secondary.props) === null || _secondary$props2 === void 0 ? void 0 : (_secondary$props2$chi = _secondary$props2.children) === null || _secondary$props2$chi === void 0 ? void 0 : (_secondary$props2$chi2 = _secondary$props2$chi.props) === null || _secondary$props2$chi2 === void 0 ? void 0 : _secondary$props2$chi2.configuration) || undefined;
     });
     return _this;
   }
+
   (0, _createClass2["default"])(RawLayoutContents, [{
     key: "render",
-    value:
-    // // eslint-disable-next-line no-unused-vars
+    value: // // eslint-disable-next-line no-unused-vars
     // componentDidUpdate(prevProps, prevState, snapshot) {
     //   const configuration = this.getConfiguration();
     //   const { mode } = this.props;
@@ -66,21 +88,20 @@ 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;
+          mode = _this$props.mode,
+          secondary = _this$props.secondary,
+          children = _this$props.children,
+          classes = _this$props.classes;
       var configuration = this.getConfiguration();
       var hasSettingsPanel = Object.entries(configuration || {}).some(function (_ref) {
         var _ref2 = (0, _slicedToArray2["default"])(_ref, 2),
-          propName = _ref2[0],
-          obj = _ref2[1];
+            propName = _ref2[0],
+            obj = _ref2[1];
+
         return !!(obj !== null && obj !== void 0 && obj.settings);
-      });
-      // ebsr has configuration.partA and configuration.partB
+      }); // ebsr has configuration.partA and configuration.partB
       // because we might have nested configuration for other item types as well, let's add this simple regex to check values for settings
 
       if (!hasSettingsPanel) {
@@ -90,6 +111,7 @@ var RawLayoutContents = /*#__PURE__*/function (_React$Component) {
           console.log(e.toString());
         }
       }
+
       return /*#__PURE__*/_react["default"].createElement("div", {
         className: (0, _classnames["default"])(classes.container)
       }, mode === 'inline' && /*#__PURE__*/_react["default"].createElement("div", {
@@ -109,12 +131,14 @@ var RawLayoutContents = /*#__PURE__*/function (_React$Component) {
   }]);
   return RawLayoutContents;
 }(_react["default"].Component);
+
 (0, _defineProperty2["default"])(RawLayoutContents, "propTypes", {
   mode: _propTypes["default"].oneOf(['tabbed', 'inline']),
   secondary: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]),
   children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]),
   classes: _propTypes["default"].object
 });
+
 var styles = function styles() {
   return {
     flow: {
@@ -135,6 +159,8 @@ var styles = function styles() {
     }
   };
 };
+
 var _default = (0, _core.withStyles)(styles)(RawLayoutContents);
+
 exports["default"] = _default;
 //# sourceMappingURL=layout-contents.js.map

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

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

package/lib/layout/settings-box.js

@@ -1,36 +1,53 @@
 "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);
@@ -38,6 +55,7 @@ var SettingsBox = /*#__PURE__*/function (_React$Component) {
   }]);
   return SettingsBox;
 }(_react["default"].Component);
+
 exports.SettingsBox = SettingsBox;
 (0, _defineProperty2["default"])(SettingsBox, "propTypes", {
   classes: _propTypes["default"].object.isRequired,
@@ -45,6 +63,7 @@ exports.SettingsBox = SettingsBox;
   children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node]).isRequired
 });
 (0, _defineProperty2["default"])(SettingsBox, "defaultProps", {});
+
 var styles = function styles() {
   return {
     settingsBox: {
@@ -61,6 +80,8 @@ var styles = function styles() {
     }
   };
 };
+
 var _default = (0, _styles.withStyles)(styles)(SettingsBox);
+
 exports["default"] = _default;
 //# 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;AAAoC;AAAA;AAAA,IACvBA,WAAW;EAAA;EAAA;EAAA;IAAA;IAAA;EAAA;EAAA;IAAA;IAAA,OAOtB,kBAAS;MACP,kBAAyC,IAAI,CAACC,KAAK;QAA3CC,OAAO,eAAPA,OAAO;QAAEC,SAAS,eAATA,SAAS;QAAEC,QAAQ,eAARA,QAAQ;MACpC,oBAAO;QAAK,SAAS,EAAE,IAAAC,sBAAU,EAACH,OAAO,CAACI,WAAW,EAAEH,SAAS;MAAE,GAAEC,QAAQ,CAAO;IACrF;EAAC;EAAA;AAAA,EAV8BG,iBAAK,CAACC,SAAS;AAAA;AAAA,iCAAnCR,WAAW,eACH;EACjBE,OAAO,EAAEO,qBAAS,CAACC,MAAM,CAACC,UAAU;EACpCR,SAAS,EAAEM,qBAAS,CAACG,MAAM;EAC3BR,QAAQ,EAAEK,qBAAS,CAACI,SAAS,CAAC,CAACJ,qBAAS,CAACK,OAAO,CAACL,qBAAS,CAACM,IAAI,CAAC,EAAEN,qBAAS,CAACM,IAAI,CAAC,CAAC,CAACJ;AACrF,CAAC;AAAA,iCALUX,WAAW,kBAMA,CAAC,CAAC;AAM1B,IAAMgB,MAAM,GAAG,SAATA,MAAM;EAAA,OAAU;IACpBV,WAAW,EAAE;MACXW,eAAe,EAAE,MAAM;MACvBC,MAAM,EAAE,gBAAgB;MACxBC,OAAO,EAAE,MAAM;MACfC,aAAa,EAAE,QAAQ;MACvBC,cAAc,EAAE,YAAY;MAC5BC,QAAQ,EAAE,OAAO;MACjBC,QAAQ,EAAE,OAAO;MACjBC,OAAO,EAAE,oBAAoB;MAC7BC,KAAK,EAAE,KAAK;MACZC,MAAM,EAAE;IACV;EACF,CAAC;AAAA,CAAC;AAAC,eACY,IAAAC,kBAAU,EAACX,MAAM,CAAC,CAAChB,WAAW,CAAC;AAAA"}
+{"version":3,"sources":["../../src/layout/settings-box.jsx"],"names":["SettingsBox","props","classes","className","children","settingsBox","React","Component","PropTypes","object","isRequired","string","oneOfType","arrayOf","node","styles","backgroundColor","border","display","flexDirection","justifyContent","minWidth","maxWidth","padding","width","zIndex"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;IACaA,W;;;;;;;;;;;;WAOX,kBAAS;AACP,wBAAyC,KAAKC,KAA9C;AAAA,UAAQC,OAAR,eAAQA,OAAR;AAAA,UAAiBC,SAAjB,eAAiBA,SAAjB;AAAA,UAA4BC,QAA5B,eAA4BA,QAA5B;AACA,0BAAO;AAAK,QAAA,SAAS,EAAE,4BAAWF,OAAO,CAACG,WAAnB,EAAgCF,SAAhC;AAAhB,SAA6DC,QAA7D,CAAP;AACD;;;EAV8BE,kBAAMC,S;;;iCAA1BP,W,eACQ;AACjBE,EAAAA,OAAO,EAAEM,sBAAUC,MAAV,CAAiBC,UADT;AAEjBP,EAAAA,SAAS,EAAEK,sBAAUG,MAFJ;AAGjBP,EAAAA,QAAQ,EAAEI,sBAAUI,SAAV,CAAoB,CAACJ,sBAAUK,OAAV,CAAkBL,sBAAUM,IAA5B,CAAD,EAAoCN,sBAAUM,IAA9C,CAApB,EAAyEJ;AAHlE,C;iCADRV,W,kBAMW,E;;AAMxB,IAAMe,MAAM,GAAG,SAATA,MAAS;AAAA,SAAO;AACpBV,IAAAA,WAAW,EAAE;AACXW,MAAAA,eAAe,EAAE,MADN;AAEXC,MAAAA,MAAM,EAAE,gBAFG;AAGXC,MAAAA,OAAO,EAAE,MAHE;AAIXC,MAAAA,aAAa,EAAE,QAJJ;AAKXC,MAAAA,cAAc,EAAE,YALL;AAMXC,MAAAA,QAAQ,EAAE,OANC;AAOXC,MAAAA,QAAQ,EAAE,OAPC;AAQXC,MAAAA,OAAO,EAAE,oBARE;AASXC,MAAAA,KAAK,EAAE,KATI;AAUXC,MAAAA,MAAM,EAAE;AAVG;AADO,GAAP;AAAA,CAAf;;eAce,wBAAWV,MAAX,EAAmBf,WAAnB,C","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"],"file":"settings-box.js"}

package/lib/mui-box/index.js

@@ -1,15 +1,22 @@
 "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';
@@ -45,9 +52,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)'
@@ -56,8 +63,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

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,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,gBAAoC;EAAA,IAAjCE,QAAQ,QAARA,QAAQ;IAAEC,OAAO,QAAPA,OAAO;IAAEF,OAAO,QAAPA,OAAO;EAC9B,IAAMG,KAAK,GAAG,IAAAC,sBAAU,EAACF,OAAO,CAACjB,MAAM,EAAEe,OAAO,IAAIE,OAAO,CAACF,OAAO,CAAC;EAEpE,oBAAO;IAAK,SAAS,EAAEG;EAAM,GAAEF,QAAQ,CAAO;AAChD,CAAC,CAAC;AAEFxB,MAAM,CAAC4B,SAAS,GAAG;EACjBJ,QAAQ,EAAEK,qBAAS,CAACC,SAAS,CAAC,CAACD,qBAAS,CAACE,OAAO,CAACF,qBAAS,CAACG,IAAI,CAAC,EAAEH,qBAAS,CAACG,IAAI,CAAC,CAAC,CAACC,UAAU;EAC7FV,OAAO,EAAEM,qBAAS,CAACK,IAAI,CAACD;AAC1B,CAAC;AAAC,eAEajC,MAAM;AAAA"}
+{"version":3,"sources":["../../src/mui-box/index.jsx"],"names":["log","MuiBox","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","propTypes","PropTypes","oneOfType","arrayOf","node","isRequired","bool"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,GAAG,GAAG,uBAAM,gCAAN,CAAZ;AAEA,IAAMC,MAAM,GAAG,wBAAW,UAACC,KAAD,EAAW;AACnC,MAAMC,KAAK,GAAGD,KAAK,CAACE,OAAN,CAAcC,IAAd,KAAuB,OAArC;AACA,MAAMC,eAAe,GAAGH,KAAK,GAAG,qBAAH,GAA2B,0BAAxD;AAEAH,EAAAA,GAAG,CAACE,KAAK,CAACE,OAAN,CAAcG,OAAd,CAAsBL,KAAK,CAACE,OAAN,CAAcC,IAAd,IAAsB,OAA5C,CAAD,CAAH;AAEA,SAAO;AACLG,IAAAA,MAAM,EAAE;AACNC,MAAAA,UAAU,EAAEP,KAAK,CAACQ,OAAN,CAAcC,IADpB;AAENC,MAAAA,aAAa,EAAEV,KAAK,CAACQ,OAAN,CAAcC,IAFvB;AAGNE,MAAAA,QAAQ,EAAE,UAHJ;AAIN,kBAAY;AACVC,QAAAA,IAAI,EAAE,CADI;AAEVC,QAAAA,KAAK,EAAE,CAFG;AAGVC,QAAAA,MAAM,EAAE,CAHE;AAIVC,QAAAA,MAAM,EAAE,KAJE;AAKVC,QAAAA,OAAO,EAAE,IALC;AAMVL,QAAAA,QAAQ,EAAE,UANA;AAOVM,QAAAA,UAAU,EAAE,yDAPF;AAQVC,QAAAA,aAAa,EAAE,MARL;AASVC,QAAAA,eAAe,EAAEf;AATP,OAJN;AAeN,wBAAkB;AAChBW,QAAAA,MAAM,EAAE;AADQ,OAfZ;AAkBN,iBAAW;AACTH,QAAAA,IAAI,EAAE,CADG;AAETC,QAAAA,KAAK,EAAE,CAFE;AAGTC,QAAAA,MAAM,EAAE,CAHC;AAITC,QAAAA,MAAM,EAAE,KAJC;AAKTC,QAAAA,OAAO,EAAE,IALA;AAMTL,QAAAA,QAAQ,EAAE,UAND;AAOTS,QAAAA,SAAS,EAAE,WAPF;AAQTH,QAAAA,UAAU,EAAE,kDARH;AASTC,QAAAA,aAAa,EAAE,MATN;AAUTC,QAAAA,eAAe,EAAEnB,KAAK,CAACE,OAAN,CAAcG,OAAd,CAAsBL,KAAK,CAACE,OAAN,CAAcC,IAApC,CAVR,CAUmD;;AAVnD;AAlBL,KADH;AAgCLkB,IAAAA,OAAO,EAAE;AACP,iBAAW;AACTD,QAAAA,SAAS,EAAE;AADF;AADJ;AAhCJ,GAAP;AAsCD,CA5Cc,EA4CZ,gBAAoC;AAAA,MAAjCE,QAAiC,QAAjCA,QAAiC;AAAA,MAAvBC,OAAuB,QAAvBA,OAAuB;AAAA,MAAdF,OAAc,QAAdA,OAAc;AACrC,MAAMG,KAAK,GAAG,4BAAWD,OAAO,CAACjB,MAAnB,EAA2Be,OAAO,IAAIE,OAAO,CAACF,OAA9C,CAAd;AAEA,sBAAO;AAAK,IAAA,SAAS,EAAEG;AAAhB,KAAwBF,QAAxB,CAAP;AACD,CAhDc,CAAf;AAkDAvB,MAAM,CAAC0B,SAAP,GAAmB;AACjBH,EAAAA,QAAQ,EAAEI,sBAAUC,SAAV,CAAoB,CAACD,sBAAUE,OAAV,CAAkBF,sBAAUG,IAA5B,CAAD,EAAoCH,sBAAUG,IAA9C,CAApB,EAAyEC,UADlE;AAEjBT,EAAAA,OAAO,EAAEK,sBAAUK,IAAV,CAAeD;AAFP,CAAnB;eAKe/B,M","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"],"file":"index.js"}