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

package/lib/number-text-field.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/number-text-field.jsx"],"names":["log","styles","theme","root","marginRight","spacing","unit","fallbackNumber","min","max","NumberTextField","props","event","value","target","rawNumber","parseFloat","number","clamp","state","setState","toString","onChange","float","clamped","errorMessage","bind","Math","className","classes","label","disabled","suffix","inputClassName","disableUnderline","showErrorWhenOutsideRange","variant","names","error","getError","ref","inputRef","onBlur","e","key","blur","shrink","endAdornment","React","Component","PropTypes","bool","object","isRequired","string","func"],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport TextField from '@material-ui/core/TextField';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport debug from 'debug';\nimport isFinite from 'lodash/isFinite';\nimport InputAdornment from '@material-ui/core/InputAdornment';\nconst log = debug('@pie-lib:config-ui:number-text-field');\n\nconst styles = (theme) => ({\n  root: { marginRight: theme.spacing.unit },\n});\n\nconst fallbackNumber = (min, max) => {\n  if (!isFinite(min) && !isFinite(max)) {\n    return 0;\n  }\n  if (!isFinite(min) && isFinite(max)) {\n    return max;\n  }\n\n  if (isFinite(min)) {\n    return min;\n  }\n};\n\nexport class NumberTextField extends React.Component {\n  static propTypes = {\n    disabled: PropTypes.bool,\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    inputClassName: PropTypes.string,\n    onChange: PropTypes.func.isRequired,\n    value: PropTypes.number,\n    min: PropTypes.number,\n    max: PropTypes.number,\n    label: PropTypes.string,\n    suffix: PropTypes.string,\n    showErrorWhenOutsideRange: PropTypes.bool,\n    disableUnderline: PropTypes.bool,\n    variant: PropTypes.string,\n  };\n\n  static defaultProps = {\n    showErrorWhenOutsideRange: false,\n  };\n\n  constructor(props) {\n    super(props);\n\n    const value = this.clamp(props.value);\n\n    this.state = {\n      value,\n    };\n\n    if (value !== props.value) {\n      this.props.onChange({}, value);\n    }\n\n    this.onChange = this.onChange.bind(this);\n  }\n\n  UNSAFE_componentWillReceiveProps(props) {\n    const value = this.clamp(props.value);\n    this.setState({ value });\n  }\n\n  clamp(value) {\n    if (!isFinite(value)) {\n      return fallbackNumber(this.props.min, this.props.max);\n    }\n\n    const { min, max } = this.props;\n\n    if (isFinite(max)) {\n      value = Math.min(value, max);\n    }\n    if (isFinite(min)) {\n      value = Math.max(value, min);\n    }\n    return value;\n  }\n\n  /**\n   * on Blur (this can be triggered by pressing Enter, see below)\n   * we check the entered value and reset it if needed\n   */\n  onBlur = (event) => {\n    const value = event.target.value;\n\n    const rawNumber = parseFloat(value);\n    log('rawNumber: ', rawNumber);\n\n    const number = this.clamp(rawNumber);\n    log('number: ', number);\n\n    if (number !== this.state.value) {\n      log('trigger update...');\n      this.setState({ value: number.toString() }, () => {\n        this.props.onChange(event, number);\n      });\n    }\n  };\n\n  onChange(event) {\n    const value = event.target.value;\n    this.setState({ value });\n  }\n\n  errorMessage = () => {\n    const { min, max } = this.props;\n    if (min && max) {\n      return `The value must be between ${min} and ${max}`;\n    }\n    if (min) {\n      return `The value must be greater than ${min}`;\n    }\n    if (max) {\n      return `The value must be less than ${max}`;\n    }\n  };\n\n  /**\n   * if the input has to show error when outside range,\n   * and the entered value is not matching the requirements\n   * we display error message\n   */\n\n  getError = () => {\n    const { value } = this.state;\n    const float = parseFloat(value);\n    const clamped = this.clamp(float);\n    if (clamped !== float) {\n      return this.errorMessage();\n    }\n  };\n\n  render() {\n    const {\n      className,\n      classes,\n      label,\n      disabled,\n      suffix,\n      min,\n      max,\n      inputClassName,\n      disableUnderline,\n      showErrorWhenOutsideRange,\n      variant,\n    } = this.props;\n    const names = classNames(classes.root, className);\n\n    const error = showErrorWhenOutsideRange && this.getError();\n    return (\n      <TextField\n        variant={variant || 'standard'}\n        inputRef={(ref) => {\n          this.inputRef = ref;\n        }}\n        disabled={disabled}\n        label={label}\n        value={this.state.value}\n        error={!!error}\n        helperText={error}\n        onChange={this.onChange}\n        onBlur={this.onBlur}\n        onKeyPress={(e) => {\n          // once the Enter key is pressed, we force input blur\n          if (e.key === 'Enter' && this.inputRef) {\n            this.inputRef.blur();\n          }\n        }}\n        type=\"number\"\n        className={names}\n        InputLabelProps={{\n          shrink: true,\n        }}\n        InputProps={{\n          endAdornment: suffix && <InputAdornment position=\"end\">{suffix}</InputAdornment>,\n          className: inputClassName,\n          disableUnderline: disableUnderline,\n        }}\n        inputProps={{\n          min,\n          max,\n        }}\n        margin=\"normal\"\n      />\n    );\n  }\n}\n\nexport default withStyles(styles)(NumberTextField);\n"],"file":"number-text-field.js"}
+{"version":3,"file":"number-text-field.js","names":["log","debug","styles","theme","root","marginRight","spacing","unit","fallbackNumber","min","max","isFinite","NumberTextField","props","event","value","target","rawNumber","parseFloat","number","clamp","state","setState","toString","onChange","float","clamped","errorMessage","bind","Math","className","classes","label","disabled","suffix","inputClassName","disableUnderline","showErrorWhenOutsideRange","variant","names","classNames","error","getError","ref","inputRef","onBlur","e","key","blur","shrink","endAdornment","React","Component","PropTypes","bool","object","isRequired","string","func","withStyles"],"sources":["../src/number-text-field.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport TextField from '@material-ui/core/TextField';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport debug from 'debug';\nimport isFinite from 'lodash/isFinite';\nimport InputAdornment from '@material-ui/core/InputAdornment';\nconst log = debug('@pie-lib:config-ui:number-text-field');\n\nconst styles = (theme) => ({\n  root: { marginRight: theme.spacing.unit },\n});\n\nconst fallbackNumber = (min, max) => {\n  if (!isFinite(min) && !isFinite(max)) {\n    return 0;\n  }\n  if (!isFinite(min) && isFinite(max)) {\n    return max;\n  }\n\n  if (isFinite(min)) {\n    return min;\n  }\n};\n\nexport class NumberTextField extends React.Component {\n  static propTypes = {\n    disabled: PropTypes.bool,\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    inputClassName: PropTypes.string,\n    onChange: PropTypes.func.isRequired,\n    value: PropTypes.number,\n    min: PropTypes.number,\n    max: PropTypes.number,\n    label: PropTypes.string,\n    suffix: PropTypes.string,\n    showErrorWhenOutsideRange: PropTypes.bool,\n    disableUnderline: PropTypes.bool,\n    variant: PropTypes.string,\n  };\n\n  static defaultProps = {\n    showErrorWhenOutsideRange: false,\n  };\n\n  constructor(props) {\n    super(props);\n\n    const value = this.clamp(props.value);\n\n    this.state = {\n      value,\n    };\n\n    if (value !== props.value) {\n      this.props.onChange({}, value);\n    }\n\n    this.onChange = this.onChange.bind(this);\n  }\n\n  UNSAFE_componentWillReceiveProps(props) {\n    const value = this.clamp(props.value);\n    this.setState({ value });\n  }\n\n  clamp(value) {\n    if (!isFinite(value)) {\n      return fallbackNumber(this.props.min, this.props.max);\n    }\n\n    const { min, max } = this.props;\n\n    if (isFinite(max)) {\n      value = Math.min(value, max);\n    }\n    if (isFinite(min)) {\n      value = Math.max(value, min);\n    }\n    return value;\n  }\n\n  /**\n   * on Blur (this can be triggered by pressing Enter, see below)\n   * we check the entered value and reset it if needed\n   */\n  onBlur = (event) => {\n    const value = event.target.value;\n\n    const rawNumber = parseFloat(value);\n    log('rawNumber: ', rawNumber);\n\n    const number = this.clamp(rawNumber);\n    log('number: ', number);\n\n    if (number !== this.state.value) {\n      log('trigger update...');\n      this.setState({ value: number.toString() }, () => {\n        this.props.onChange(event, number);\n      });\n    }\n  };\n\n  onChange(event) {\n    const value = event.target.value;\n    this.setState({ value });\n  }\n\n  errorMessage = () => {\n    const { min, max } = this.props;\n    if (min && max) {\n      return `The value must be between ${min} and ${max}`;\n    }\n    if (min) {\n      return `The value must be greater than ${min}`;\n    }\n    if (max) {\n      return `The value must be less than ${max}`;\n    }\n  };\n\n  /**\n   * if the input has to show error when outside range,\n   * and the entered value is not matching the requirements\n   * we display error message\n   */\n\n  getError = () => {\n    const { value } = this.state;\n    const float = parseFloat(value);\n    const clamped = this.clamp(float);\n    if (clamped !== float) {\n      return this.errorMessage();\n    }\n  };\n\n  render() {\n    const {\n      className,\n      classes,\n      label,\n      disabled,\n      suffix,\n      min,\n      max,\n      inputClassName,\n      disableUnderline,\n      showErrorWhenOutsideRange,\n      variant,\n    } = this.props;\n    const names = classNames(classes.root, className);\n\n    const error = showErrorWhenOutsideRange && this.getError();\n    return (\n      <TextField\n        variant={variant || 'standard'}\n        inputRef={(ref) => {\n          this.inputRef = ref;\n        }}\n        disabled={disabled}\n        label={label}\n        value={this.state.value}\n        error={!!error}\n        helperText={error}\n        onChange={this.onChange}\n        onBlur={this.onBlur}\n        onKeyPress={(e) => {\n          // once the Enter key is pressed, we force input blur\n          if (e.key === 'Enter' && this.inputRef) {\n            this.inputRef.blur();\n          }\n        }}\n        type=\"number\"\n        className={names}\n        InputLabelProps={{\n          shrink: true,\n        }}\n        InputProps={{\n          endAdornment: suffix && <InputAdornment position=\"end\">{suffix}</InputAdornment>,\n          className: inputClassName,\n          disableUnderline: disableUnderline,\n        }}\n        inputProps={{\n          min,\n          max,\n        }}\n        margin=\"normal\"\n      />\n    );\n  }\n}\n\nexport default withStyles(styles)(NumberTextField);\n"],"mappings":"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"}

package/lib/radio-with-label.js

@@ -1,20 +1,14 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _FormControlLabel = _interopRequireDefault(require("@material-ui/core/FormControlLabel"));
-
 var _Radio = _interopRequireDefault(require("@material-ui/core/Radio"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _styles = require("@material-ui/core/styles");
-
 var _default = (0, _styles.withStyles)({
   label: {
     left: '-5px',
@@ -22,10 +16,10 @@ var _default = (0, _styles.withStyles)({
   }
 })(function (_ref) {
   var label = _ref.label,
-      value = _ref.value,
-      checked = _ref.checked,
-      onChange = _ref.onChange,
-      classes = _ref.classes;
+    value = _ref.value,
+    checked = _ref.checked,
+    onChange = _ref.onChange,
+    classes = _ref.classes;
   return /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
     value: value,
     classes: classes,
@@ -36,6 +30,5 @@ var _default = (0, _styles.withStyles)({
     label: label
   });
 });
-
 exports["default"] = _default;
 //# sourceMappingURL=radio-with-label.js.map

package/lib/radio-with-label.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/radio-with-label.jsx"],"names":["label","left","position","value","checked","onChange","classes"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;eAEe,wBAAW;AACxBA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,MADD;AAELC,IAAAA,QAAQ,EAAE;AAFL;AADiB,CAAX,EAKZ;AAAA,MAAGF,KAAH,QAAGA,KAAH;AAAA,MAAUG,KAAV,QAAUA,KAAV;AAAA,MAAiBC,OAAjB,QAAiBA,OAAjB;AAAA,MAA0BC,QAA1B,QAA0BA,QAA1B;AAAA,MAAoCC,OAApC,QAAoCA,OAApC;AAAA,sBACD,gCAAC,4BAAD;AACE,IAAA,KAAK,EAAEH,KADT;AAEE,IAAA,OAAO,EAAEG,OAFX;AAGE,IAAA,OAAO,eAAE,gCAAC,iBAAD;AAAO,MAAA,OAAO,EAAEF,OAAhB;AAAyB,MAAA,QAAQ,EAAEC;AAAnC,MAHX;AAIE,IAAA,KAAK,EAAEL;AAJT,IADC;AAAA,CALY,C","sourcesContent":["import FormControlLabel from '@material-ui/core/FormControlLabel';\nimport Radio from '@material-ui/core/Radio';\nimport React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\n\nexport default withStyles({\n  label: {\n    left: '-5px',\n    position: 'relative',\n  },\n})(({ label, value, checked, onChange, classes }) => (\n  <FormControlLabel\n    value={value}\n    classes={classes}\n    control={<Radio checked={checked} onChange={onChange} />}\n    label={label}\n  />\n));\n"],"file":"radio-with-label.js"}
+{"version":3,"file":"radio-with-label.js","names":["withStyles","label","left","position","value","checked","onChange","classes"],"sources":["../src/radio-with-label.jsx"],"sourcesContent":["import FormControlLabel from '@material-ui/core/FormControlLabel';\nimport Radio from '@material-ui/core/Radio';\nimport React from 'react';\nimport { withStyles } from '@material-ui/core/styles';\n\nexport default withStyles({\n  label: {\n    left: '-5px',\n    position: 'relative',\n  },\n})(({ label, value, checked, onChange, classes }) => (\n  <FormControlLabel\n    value={value}\n    classes={classes}\n    control={<Radio checked={checked} onChange={onChange} />}\n    label={label}\n  />\n));\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AAAsD,eAEvC,IAAAA,kBAAU,EAAC;EACxBC,KAAK,EAAE;IACLC,IAAI,EAAE,MAAM;IACZC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC,CAAC;EAAA,IAAGF,KAAK,QAALA,KAAK;IAAEG,KAAK,QAALA,KAAK;IAAEC,OAAO,QAAPA,OAAO;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,OAAO,QAAPA,OAAO;EAAA,oBAC5C,gCAAC,4BAAgB;IACf,KAAK,EAAEH,KAAM;IACb,OAAO,EAAEG,OAAQ;IACjB,OAAO,eAAE,gCAAC,iBAAK;MAAC,OAAO,EAAEF,OAAQ;MAAC,QAAQ,EAAEC;IAAS,EAAI;IACzD,KAAK,EAAEL;EAAM,EACb;AAAA,CACH,CAAC;AAAA"}

package/lib/settings/display-size.js

@@ -1,28 +1,18 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
-
 var _styles = require("@material-ui/core/styles");
-
 var _numberTextField = _interopRequireDefault(require("../number-text-field"));
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var DisplaySize = (0, _styles.withStyles)(function (theme) {
   return {
     displaySize: {
@@ -32,14 +22,12 @@ var DisplaySize = (0, _styles.withStyles)(function (theme) {
   };
 })(function (_ref) {
   var size = _ref.size,
-      label = _ref.label,
-      classes = _ref.classes,
-      onChange = _ref.onChange;
-
+    label = _ref.label,
+    classes = _ref.classes,
+    onChange = _ref.onChange;
   var updateSize = function updateSize(key, v) {
     onChange(_objectSpread(_objectSpread({}, size), {}, (0, _defineProperty2["default"])({}, key, v)));
   };
-
   return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Typography["default"], null, label), /*#__PURE__*/_react["default"].createElement("div", {
     className: classes.displaySize
   }, /*#__PURE__*/_react["default"].createElement(_numberTextField["default"], {

package/lib/settings/display-size.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/settings/display-size.jsx"],"names":["DisplaySize","theme","displaySize","display","paddingTop","spacing","unit","size","label","classes","onChange","updateSize","key","v","width","e","height","propTypes","PropTypes","shape","number","isRequired","string","func"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,WAAW,GAAG,wBAAW,UAACC,KAAD;AAAA,SAAY;AACzCC,IAAAA,WAAW,EAAE;AACXC,MAAAA,OAAO,EAAE,MADE;AAEXC,MAAAA,UAAU,EAAEH,KAAK,CAACI,OAAN,CAAcC;AAFf;AAD4B,GAAZ;AAAA,CAAX,EAKhB,gBAAwC;AAAA,MAArCC,IAAqC,QAArCA,IAAqC;AAAA,MAA/BC,KAA+B,QAA/BA,KAA+B;AAAA,MAAxBC,OAAwB,QAAxBA,OAAwB;AAAA,MAAfC,QAAe,QAAfA,QAAe;;AAC1C,MAAMC,UAAU,GAAG,SAAbA,UAAa,CAACC,GAAD,EAAMC,CAAN,EAAY;AAC7BH,IAAAA,QAAQ,iCAAMH,IAAN,4CAAaK,GAAb,EAAmBC,CAAnB,GAAR;AACD,GAFD;;AAGA,sBACE,0DACE,gCAAC,sBAAD,QAAaL,KAAb,CADF,eAEE;AAAK,IAAA,SAAS,EAAEC,OAAO,CAACP;AAAxB,kBACE,gCAAC,2BAAD;AACE,IAAA,KAAK,EAAC,OADR;AAEE,IAAA,IAAI,EAAC,QAFP;AAGE,IAAA,OAAO,EAAC,UAHV;AAIE,IAAA,KAAK,EAAEK,IAAI,CAACO,KAJd;AAKE,IAAA,GAAG,EAAE,GALP;AAME,IAAA,GAAG,EAAE,IANP;AAOE,IAAA,QAAQ,EAAE,kBAACC,CAAD,EAAIF,CAAJ;AAAA,aAAUF,UAAU,CAAC,OAAD,EAAUE,CAAV,CAApB;AAAA;AAPZ,IADF,eAUE,gCAAC,2BAAD;AACE,IAAA,KAAK,EAAC,QADR;AAEE,IAAA,IAAI,EAAC,QAFP;AAGE,IAAA,OAAO,EAAC,UAHV;AAIE,IAAA,GAAG,EAAE,GAJP;AAKE,IAAA,GAAG,EAAE,IALP;AAME,IAAA,KAAK,EAAEN,IAAI,CAACS,MANd;AAOE,IAAA,QAAQ,EAAE,kBAACD,CAAD,EAAIF,CAAJ;AAAA,aAAUF,UAAU,CAAC,QAAD,EAAWE,CAAX,CAApB;AAAA;AAPZ,IAVF,CAFF,CADF;AAyBD,CAlCmB,CAApB;AAoCAb,WAAW,CAACiB,SAAZ,GAAwB;AACtBV,EAAAA,IAAI,EAAEW,sBAAUC,KAAV,CAAgB;AACpBL,IAAAA,KAAK,EAAEI,sBAAUE,MAAV,CAAiBC,UADJ;AAEpBL,IAAAA,MAAM,EAAEE,sBAAUE,MAAV,CAAiBC;AAFL,GAAhB,EAGHA,UAJmB;AAKtBb,EAAAA,KAAK,EAAEU,sBAAUI,MAAV,CAAiBD,UALF;AAMtBX,EAAAA,QAAQ,EAAEQ,sBAAUK;AANE,CAAxB;eASevB,W","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Typography from '@material-ui/core/Typography';\nimport { withStyles } from '@material-ui/core/styles';\nimport NumberTextField from '../number-text-field';\n\nconst DisplaySize = withStyles((theme) => ({\n  displaySize: {\n    display: 'flex',\n    paddingTop: theme.spacing.unit,\n  },\n}))(({ size, label, classes, onChange }) => {\n  const updateSize = (key, v) => {\n    onChange({ ...size, [key]: v });\n  };\n  return (\n    <div>\n      <Typography>{label}</Typography>\n      <div className={classes.displaySize}>\n        <NumberTextField\n          label=\"Width\"\n          type=\"number\"\n          variant=\"outlined\"\n          value={size.width}\n          min={150}\n          max={1000}\n          onChange={(e, v) => updateSize('width', v)}\n        />\n        <NumberTextField\n          label=\"Height\"\n          type=\"number\"\n          variant=\"outlined\"\n          min={150}\n          max={1000}\n          value={size.height}\n          onChange={(e, v) => updateSize('height', v)}\n        />\n      </div>\n    </div>\n  );\n});\n\nDisplaySize.propTypes = {\n  size: PropTypes.shape({\n    width: PropTypes.number.isRequired,\n    height: PropTypes.number.isRequired,\n  }).isRequired,\n  label: PropTypes.string.isRequired,\n  onChange: PropTypes.func,\n};\n\nexport default DisplaySize;\n"],"file":"display-size.js"}
+{"version":3,"file":"display-size.js","names":["DisplaySize","withStyles","theme","displaySize","display","paddingTop","spacing","unit","size","label","classes","onChange","updateSize","key","v","width","e","height","propTypes","PropTypes","shape","number","isRequired","string","func"],"sources":["../../src/settings/display-size.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport Typography from '@material-ui/core/Typography';\nimport { withStyles } from '@material-ui/core/styles';\nimport NumberTextField from '../number-text-field';\n\nconst DisplaySize = withStyles((theme) => ({\n  displaySize: {\n    display: 'flex',\n    paddingTop: theme.spacing.unit,\n  },\n}))(({ size, label, classes, onChange }) => {\n  const updateSize = (key, v) => {\n    onChange({ ...size, [key]: v });\n  };\n  return (\n    <div>\n      <Typography>{label}</Typography>\n      <div className={classes.displaySize}>\n        <NumberTextField\n          label=\"Width\"\n          type=\"number\"\n          variant=\"outlined\"\n          value={size.width}\n          min={150}\n          max={1000}\n          onChange={(e, v) => updateSize('width', v)}\n        />\n        <NumberTextField\n          label=\"Height\"\n          type=\"number\"\n          variant=\"outlined\"\n          min={150}\n          max={1000}\n          value={size.height}\n          onChange={(e, v) => updateSize('height', v)}\n        />\n      </div>\n    </div>\n  );\n});\n\nDisplaySize.propTypes = {\n  size: PropTypes.shape({\n    width: PropTypes.number.isRequired,\n    height: PropTypes.number.isRequired,\n  }).isRequired,\n  label: PropTypes.string.isRequired,\n  onChange: PropTypes.func,\n};\n\nexport default DisplaySize;\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA;AACA;AAAmD;AAAA;AAEnD,IAAMA,WAAW,GAAG,IAAAC,kBAAU,EAAC,UAACC,KAAK;EAAA,OAAM;IACzCC,WAAW,EAAE;MACXC,OAAO,EAAE,MAAM;MACfC,UAAU,EAAEH,KAAK,CAACI,OAAO,CAACC;IAC5B;EACF,CAAC;AAAA,CAAC,CAAC,CAAC,gBAAwC;EAAA,IAArCC,IAAI,QAAJA,IAAI;IAAEC,KAAK,QAALA,KAAK;IAAEC,OAAO,QAAPA,OAAO;IAAEC,QAAQ,QAARA,QAAQ;EACnC,IAAMC,UAAU,GAAG,SAAbA,UAAU,CAAIC,GAAG,EAAEC,CAAC,EAAK;IAC7BH,QAAQ,iCAAMH,IAAI,4CAAGK,GAAG,EAAGC,CAAC,GAAG;EACjC,CAAC;EACD,oBACE,0DACE,gCAAC,sBAAU,QAAEL,KAAK,CAAc,eAChC;IAAK,SAAS,EAAEC,OAAO,CAACP;EAAY,gBAClC,gCAAC,2BAAe;IACd,KAAK,EAAC,OAAO;IACb,IAAI,EAAC,QAAQ;IACb,OAAO,EAAC,UAAU;IAClB,KAAK,EAAEK,IAAI,CAACO,KAAM;IAClB,GAAG,EAAE,GAAI;IACT,GAAG,EAAE,IAAK;IACV,QAAQ,EAAE,kBAACC,CAAC,EAAEF,CAAC;MAAA,OAAKF,UAAU,CAAC,OAAO,EAAEE,CAAC,CAAC;IAAA;EAAC,EAC3C,eACF,gCAAC,2BAAe;IACd,KAAK,EAAC,QAAQ;IACd,IAAI,EAAC,QAAQ;IACb,OAAO,EAAC,UAAU;IAClB,GAAG,EAAE,GAAI;IACT,GAAG,EAAE,IAAK;IACV,KAAK,EAAEN,IAAI,CAACS,MAAO;IACnB,QAAQ,EAAE,kBAACD,CAAC,EAAEF,CAAC;MAAA,OAAKF,UAAU,CAAC,QAAQ,EAAEE,CAAC,CAAC;IAAA;EAAC,EAC5C,CACE,CACF;AAEV,CAAC,CAAC;AAEFd,WAAW,CAACkB,SAAS,GAAG;EACtBV,IAAI,EAAEW,qBAAS,CAACC,KAAK,CAAC;IACpBL,KAAK,EAAEI,qBAAS,CAACE,MAAM,CAACC,UAAU;IAClCL,MAAM,EAAEE,qBAAS,CAACE,MAAM,CAACC;EAC3B,CAAC,CAAC,CAACA,UAAU;EACbb,KAAK,EAAEU,qBAAS,CAACI,MAAM,CAACD,UAAU;EAClCX,QAAQ,EAAEQ,qBAAS,CAACK;AACtB,CAAC;AAAC,eAEaxB,WAAW;AAAA"}

package/lib/settings/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -12,17 +11,11 @@ Object.defineProperty(exports, "Panel", {
   }
 });
 exports.toggle = exports.radio = exports.numberFields = exports.numberField = exports.dropdown = exports.checkboxes = exports.checkbox = void 0;
-
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
 var _panel = _interopRequireDefault(require("./panel"));
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var toggle = function toggle(label) {
   var isConfigProperty = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
   return {
@@ -31,9 +24,7 @@ var toggle = function toggle(label) {
     isConfigProperty: isConfigProperty
   };
 };
-
 exports.toggle = toggle;
-
 var toChoice = function toChoice(opt) {
   if (typeof opt === 'string') {
     return {
@@ -44,16 +35,13 @@ var toChoice = function toChoice(opt) {
     return opt;
   }
 };
-
 var radio = function radio() {
   var args = Array.prototype.slice.call(arguments);
-
   var _args = (0, _slicedToArray2["default"])(args, 3),
-      label = _args[0],
-      choices = _args[1],
-      _args$ = _args[2],
-      isConfigProperty = _args$ === void 0 ? false : _args$;
-
+    label = _args[0],
+    choices = _args[1],
+    _args$ = _args[2],
+    isConfigProperty = _args$ === void 0 ? false : _args$;
   return {
     type: 'radio',
     label: label,
@@ -63,9 +51,7 @@ var radio = function radio() {
     isConfigProperty: isConfigProperty
   };
 };
-
 exports.radio = radio;
-
 var dropdown = function dropdown(label, choices) {
   var isConfigProperty = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   return {
@@ -75,9 +61,7 @@ var dropdown = function dropdown(label, choices) {
     isConfigProperty: isConfigProperty
   };
 };
-
 exports.dropdown = dropdown;
-
 var numberField = function numberField(label, options) {
   var isConfigProperty = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   return _objectSpread(_objectSpread({}, options), {}, {
@@ -86,9 +70,7 @@ var numberField = function numberField(label, options) {
     isConfigProperty: isConfigProperty
   });
 };
-
 exports.numberField = numberField;
-
 var numberFields = function numberFields(label, fields) {
   var isConfigProperty = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   Object.keys(fields).map(function (key) {
@@ -100,9 +82,7 @@ var numberFields = function numberFields(label, fields) {
     fields: fields
   };
 };
-
 exports.numberFields = numberFields;
-
 var checkbox = function checkbox(label, settings) {
   var isConfigProperty = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   return _objectSpread(_objectSpread({}, settings), {}, {
@@ -111,9 +91,7 @@ var checkbox = function checkbox(label, settings) {
     isConfigProperty: isConfigProperty
   });
 };
-
 exports.checkbox = checkbox;
-
 var checkboxes = function checkboxes(label, choices) {
   var isConfigProperty = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   Object.keys(choices).map(function (key) {
@@ -125,6 +103,5 @@ var checkboxes = function checkboxes(label, choices) {
     choices: choices
   };
 };
-
 exports.checkboxes = checkboxes;
 //# sourceMappingURL=index.js.map

package/lib/settings/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/settings/index.js"],"names":["toggle","label","isConfigProperty","type","toChoice","opt","value","radio","args","Array","prototype","slice","call","arguments","choices","map","o","dropdown","numberField","options","numberFields","fields","Object","keys","key","checkbox","settings","checkboxes"],"mappings":"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","sourcesContent":["import Panel from './panel';\n\nexport { Panel };\n\nexport const toggle = (label, isConfigProperty = false) => ({\n  type: 'toggle',\n  label,\n  isConfigProperty,\n});\n\nconst toChoice = (opt) => {\n  if (typeof opt === 'string') {\n    return { label: opt, value: opt };\n  } else {\n    return opt;\n  }\n};\n\nexport const radio = function() {\n  const args = Array.prototype.slice.call(arguments);\n  const [label, choices, isConfigProperty = false] = args;\n  return {\n    type: 'radio',\n    label,\n    choices: choices && choices.map((o) => toChoice(o)),\n    isConfigProperty,\n  };\n};\n\nexport const dropdown = (label, choices, isConfigProperty = false) => {\n  return {\n    type: 'dropdown',\n    label,\n    choices,\n    isConfigProperty,\n  };\n};\n\nexport const numberField = (label, options, isConfigProperty = false) => ({\n  ...options,\n  label,\n  type: 'numberField',\n  isConfigProperty,\n});\n\nexport const numberFields = (label, fields, isConfigProperty = false) => {\n  Object.keys(fields).map((key) => {\n    fields[key] = numberField(fields[key].label, fields[key], isConfigProperty);\n  });\n\n  return {\n    type: 'numberFields',\n    label,\n    fields,\n  };\n};\n\nexport const checkbox = (label, settings, isConfigProperty = false) => ({\n  ...settings,\n  label,\n  type: 'checkbox',\n  isConfigProperty,\n});\n\nexport const checkboxes = (label, choices, isConfigProperty = false) => {\n  Object.keys(choices).map((key) => {\n    choices[key] = checkbox(choices[key].label, choices[key], isConfigProperty);\n  });\n\n  return {\n    type: 'checkboxes',\n    label,\n    choices,\n  };\n};\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["toggle","label","isConfigProperty","type","toChoice","opt","value","radio","args","Array","prototype","slice","call","arguments","choices","map","o","dropdown","numberField","options","numberFields","fields","Object","keys","key","checkbox","settings","checkboxes"],"sources":["../../src/settings/index.js"],"sourcesContent":["import Panel from './panel';\n\nexport { Panel };\n\nexport const toggle = (label, isConfigProperty = false) => ({\n  type: 'toggle',\n  label,\n  isConfigProperty,\n});\n\nconst toChoice = (opt) => {\n  if (typeof opt === 'string') {\n    return { label: opt, value: opt };\n  } else {\n    return opt;\n  }\n};\n\nexport const radio = function() {\n  const args = Array.prototype.slice.call(arguments);\n  const [label, choices, isConfigProperty = false] = args;\n  return {\n    type: 'radio',\n    label,\n    choices: choices && choices.map((o) => toChoice(o)),\n    isConfigProperty,\n  };\n};\n\nexport const dropdown = (label, choices, isConfigProperty = false) => {\n  return {\n    type: 'dropdown',\n    label,\n    choices,\n    isConfigProperty,\n  };\n};\n\nexport const numberField = (label, options, isConfigProperty = false) => ({\n  ...options,\n  label,\n  type: 'numberField',\n  isConfigProperty,\n});\n\nexport const numberFields = (label, fields, isConfigProperty = false) => {\n  Object.keys(fields).map((key) => {\n    fields[key] = numberField(fields[key].label, fields[key], isConfigProperty);\n  });\n\n  return {\n    type: 'numberFields',\n    label,\n    fields,\n  };\n};\n\nexport const checkbox = (label, settings, isConfigProperty = false) => ({\n  ...settings,\n  label,\n  type: 'checkbox',\n  isConfigProperty,\n});\n\nexport const checkboxes = (label, choices, isConfigProperty = false) => {\n  Object.keys(choices).map((key) => {\n    choices[key] = checkbox(choices[key].label, choices[key], isConfigProperty);\n  });\n\n  return {\n    type: 'checkboxes',\n    label,\n    choices,\n  };\n};\n"],"mappings":"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"}

package/lib/settings/panel.js

@@ -1,70 +1,39 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.Panel = 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 _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 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 _get2 = _interopRequireDefault(require("lodash/get"));
-
 var _set = _interopRequireDefault(require("lodash/set"));
-
 var _Select = _interopRequireDefault(require("@material-ui/core/Select"));
-
 var _Input = _interopRequireDefault(require("@material-ui/core/Input"));
-
 var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
-
 var _debug = _interopRequireDefault(require("debug"));
-
 var _toggle = _interopRequireDefault(require("./toggle"));
-
 var _twoChoice = require("../two-choice");
-
 var _settingsRadioLabel = _interopRequireDefault(require("./settings-radio-label"));
-
 var _index = require("../index");
-
 var _checkbox = _interopRequireDefault(require("../checkbox"));
-
 var _excluded = ["isConfigProperty"];
-
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2["default"])(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2["default"])(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2["default"])(this, result); }; }
-
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var log = (0, _debug["default"])('pie-lib:config-ui:settings:panel');
 var labelValue = {
   label: _propTypes["default"].string,
@@ -75,11 +44,10 @@ var baseTypes = {
   value: _propTypes["default"].string,
   onChange: _propTypes["default"].func
 };
-
 var CheckboxChoice = function CheckboxChoice(_ref) {
   var label = _ref.label,
-      value = _ref.value,
-      _onChange = _ref.onChange;
+    value = _ref.value,
+    _onChange = _ref.onChange;
   return /*#__PURE__*/_react["default"].createElement(_checkbox["default"], {
     checked: value,
     label: label,
@@ -88,19 +56,17 @@ var CheckboxChoice = function CheckboxChoice(_ref) {
     }
   });
 };
-
 CheckboxChoice.propTypes = {
   label: _propTypes["default"].string,
   value: _propTypes["default"].bool,
   onChange: _propTypes["default"].func
 };
-
 var Radio = function Radio(_ref2) {
   var classes = _ref2.classes,
-      label = _ref2.label,
-      value = _ref2.value,
-      onChange = _ref2.onChange,
-      choices = _ref2.choices;
+    label = _ref2.label,
+    value = _ref2.value,
+    onChange = _ref2.onChange,
+    choices = _ref2.choices;
   return /*#__PURE__*/_react["default"].createElement(_twoChoice.NChoice, {
     className: classes.radioSettings,
     direction: "horizontal",
@@ -111,7 +77,6 @@ var Radio = function Radio(_ref2) {
     onChange: onChange
   });
 };
-
 Radio.propTypes = _objectSpread(_objectSpread({}, baseTypes), {}, {
   choices: _propTypes["default"].arrayOf(_propTypes["default"].shape(labelValue))
 });
@@ -146,11 +111,11 @@ var Dropdown = (0, _styles.withStyles)({
   }
 })(function (_ref3) {
   var classes = _ref3.classes,
-      label = _ref3.label,
-      value = _ref3.value,
-      _onChange2 = _ref3.onChange,
-      _ref3$choices = _ref3.choices,
-      choices = _ref3$choices === void 0 ? [] : _ref3$choices;
+    label = _ref3.label,
+    value = _ref3.value,
+    _onChange2 = _ref3.onChange,
+    _ref3$choices = _ref3.choices,
+    choices = _ref3$choices === void 0 ? [] : _ref3$choices;
   return /*#__PURE__*/_react["default"].createElement("div", null, label && /*#__PURE__*/_react["default"].createElement("p", {
     className: classes.label
   }, label), /*#__PURE__*/_react["default"].createElement(_Select["default"], {
@@ -188,14 +153,13 @@ var NumberField = (0, _styles.withStyles)({
   }
 })(function (_ref5) {
   var classes = _ref5.classes,
-      label = _ref5.label,
-      value = _ref5.value,
-      _ref5$onChange = _ref5.onChange,
-      _onChange3 = _ref5$onChange === void 0 ? function () {} : _ref5$onChange,
-      suffix = _ref5.suffix,
-      min = _ref5.min,
-      max = _ref5.max;
-
+    label = _ref5.label,
+    value = _ref5.value,
+    _ref5$onChange = _ref5.onChange,
+    _onChange3 = _ref5$onChange === void 0 ? function () {} : _ref5$onChange,
+    suffix = _ref5.suffix,
+    min = _ref5.min,
+    max = _ref5.max;
   return /*#__PURE__*/_react["default"].createElement(_index.NumberTextField, {
     label: label || 'Label',
     value: value,
@@ -218,18 +182,16 @@ NumberField.propTypes = _objectSpread(_objectSpread({}, baseTypes), {}, {
   max: _propTypes["default"].number,
   value: _propTypes["default"].number
 });
-
 var ToggleWrapper = function ToggleWrapper(_ref6) {
   var label = _ref6.label,
-      value = _ref6.value,
-      onChange = _ref6.onChange;
+    value = _ref6.value,
+    onChange = _ref6.onChange;
   return /*#__PURE__*/_react["default"].createElement(_toggle["default"], {
     label: label,
     checked: !!value,
     toggle: onChange
   });
 };
-
 ToggleWrapper.propTypes = _objectSpread(_objectSpread({}, baseTypes), {}, {
   value: _propTypes["default"].bool
 });
@@ -258,29 +220,26 @@ var Group = (0, _styles.withStyles)(function () {
   };
 })(function (props) {
   var classes = props.classes,
-      model = props.model,
-      label = props.label,
-      group = props.group,
-      configuration = props.configuration,
-      _onChange4 = props.onChange;
+    model = props.model,
+    label = props.label,
+    group = props.group,
+    configuration = props.configuration,
+    _onChange4 = props.onChange;
+
   /**
    * @param group - the group of settings
    * @param key - the key(or path) to be used to set or get from model or configuration
    * @param innerKey - the key(or path) to be used to get from the group (used only for numberField type)
    * @returns tag that corresponds to element type */
-
   var getTag = function getTag(group, key, innerKey) {
     var _get = (0, _get2["default"])(group, innerKey || key),
-        isConfigProperty = _get.isConfigProperty,
-        properties = (0, _objectWithoutProperties2["default"])(_get, _excluded);
-
+      isConfigProperty = _get.isConfigProperty,
+      properties = (0, _objectWithoutProperties2["default"])(_get, _excluded);
     var value = isConfigProperty ? (0, _get2["default"])(configuration, key) : (0, _get2["default"])(model, key);
-
     var tagProps = _objectSpread(_objectSpread({}, properties), {}, {
       key: key,
       value: value
     });
-
     var Tag = tagMap[tagProps.type];
     return /*#__PURE__*/_react["default"].createElement(Tag, (0, _extends2["default"])({
       key: key
@@ -290,19 +249,15 @@ var Group = (0, _styles.withStyles)(function () {
       }
     }));
   };
-
   var content = function content(group, key) {
     var currentGroup = group[key];
-
     if (!currentGroup) {
       return null;
     }
-
     var type = currentGroup.type,
-        label = currentGroup.label,
-        fields = currentGroup.fields,
-        choices = currentGroup.choices;
-
+      label = currentGroup.label,
+      fields = currentGroup.fields,
+      choices = currentGroup.choices;
     if (type === 'numberFields') {
       return /*#__PURE__*/_react["default"].createElement("div", {
         key: "numberField-".concat(label)
@@ -312,19 +267,17 @@ var Group = (0, _styles.withStyles)(function () {
         return getTag(group, "".concat(key, ".").concat(fieldKey), "".concat(key, ".fields.").concat(fieldKey));
       }));
     }
-
     if (type === 'checkboxes') {
       return /*#__PURE__*/_react["default"].createElement("div", {
         key: "checkbox-".concat(label)
       }, /*#__PURE__*/_react["default"].createElement("p", null, label), Object.keys(choices).map(function (choiceKey) {
         return getTag(group, "".concat(key, ".").concat(choiceKey), "".concat(key, ".choices.").concat(choiceKey));
       }));
-    } // if type is toggle, radio, dropdown or numberField
-
+    }
 
+    // if type is toggle, radio, dropdown or numberField
     return getTag(group, key);
   };
-
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: classes.group
   }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -333,33 +286,24 @@ var Group = (0, _styles.withStyles)(function () {
     return content(group, key);
   }));
 });
-
 var Panel = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2["default"])(Panel, _React$Component);
-
   var _super = _createSuper(Panel);
-
   function Panel() {
     var _this;
-
     (0, _classCallCheck2["default"])(this, Panel);
-
     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), "change", function (key, value) {
       var isConfigProperty = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
       log('[changeModel]', key, value);
       var _this$props = _this.props,
-          onChangeModel = _this$props.onChangeModel,
-          onChangeConfiguration = _this$props.onChangeConfiguration;
-
+        onChangeModel = _this$props.onChangeModel,
+        onChangeConfiguration = _this$props.onChangeConfiguration;
       var model = _objectSpread({}, _this.props.model);
-
       var configuration = _objectSpread({}, _this.props.configuration);
-
       if (isConfigProperty) {
         (0, _set["default"])(configuration, key, value);
         onChangeConfiguration(configuration, key);
@@ -370,26 +314,22 @@ var Panel = /*#__PURE__*/function (_React$Component) {
     });
     return _this;
   }
-
   (0, _createClass2["default"])(Panel, [{
     key: "render",
     value: function render() {
       var _this2 = this;
-
       var _this$props2 = this.props,
-          groups = _this$props2.groups,
-          model = _this$props2.model,
-          configuration = _this$props2.configuration;
+        groups = _this$props2.groups,
+        model = _this$props2.model,
+        configuration = _this$props2.configuration;
       log('render:', model);
       var renderedGroups = Object.keys(groups || {}).map(function (group) {
         var showGroup = Object.entries(groups[group]).some(function (_ref7) {
           var _ref8 = (0, _slicedToArray2["default"])(_ref7, 2),
-              propName = _ref8[0],
-              propVal = _ref8[1];
-
+            propName = _ref8[0],
+            propVal = _ref8[1];
           return !!propVal;
         });
-
         if (showGroup) {
           return /*#__PURE__*/_react["default"].createElement(Group, {
             label: group,
@@ -400,7 +340,6 @@ var Panel = /*#__PURE__*/function (_React$Component) {
             onChange: _this2.change
           });
         }
-
         return null;
       });
       return /*#__PURE__*/_react["default"].createElement("div", null, renderedGroups);
@@ -408,7 +347,6 @@ var Panel = /*#__PURE__*/function (_React$Component) {
   }]);
   return Panel;
 }(_react["default"].Component);
-
 exports.Panel = Panel;
 (0, _defineProperty2["default"])(Panel, "propTypes", {
   model: _propTypes["default"].object,