@pie-lib/config-ui 10.10.4-next.286 → 10.10.4-next.295

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

@@ -98,16 +98,43 @@ var NumberTextFieldCustom = /*#__PURE__*/function (_React$Component) {
 
     _this = _super.call(this, props);
 
+    _defineProperty(_assertThisInitialized(_this), "getClosestValue", function (number) {
+      var customValues = _this.props.customValues;
+      return customValues.reduce(function (closest, value, index) {
+        return Math.abs(value - number) < Math.abs(closest.value - number) ? {
+          value: value,
+          index: index
+        } : closest;
+      }, {
+        value: customValues[0],
+        index: 0
+      });
+    });
+
     _defineProperty(_assertThisInitialized(_this), "onBlur", function (event) {
-      var onlyIntegersAllowed = _this.props.onlyIntegersAllowed;
+      var _this$props = _this.props,
+          customValues = _this$props.customValues,
+          onlyIntegersAllowed = _this$props.onlyIntegersAllowed;
       var value = event.target.value;
       var rawNumber = onlyIntegersAllowed ? parseInt(value) : parseFloat(value);
 
       var number = _this.clamp(rawNumber);
 
+      var updatedIndex = (customValues || []).findIndex(function (val) {
+        return val === number;
+      });
+
+      if (customValues.length > 0 && updatedIndex === -1) {
+        var closestValue = _this.getClosestValue(number);
+
+        number = closestValue.value;
+        updatedIndex = closestValue.index;
+      }
+
       if (number !== _this.state.value) {
         _this.setState({
-          value: number.toString()
+          value: number.toString(),
+          currentIndex: updatedIndex
         }, function () {
           return _this.props.onChange(event, number);
         });
@@ -116,8 +143,20 @@ var NumberTextFieldCustom = /*#__PURE__*/function (_React$Component) {
 
     var _value = _this.clamp(props.value);
 
+    var currentIndex = (props.customValues || []).findIndex(function (val) {
+      return val === _value;
+    });
+
+    if ((props.customValues || []).length > 0 && currentIndex === -1) {
+      var closestValue = _this.getClosestValue(_value);
+
+      _value = closestValue.value;
+      currentIndex = closestValue.index;
+    }
+
     _this.state = {
-      value: _value
+      value: _value,
+      currentIndex: currentIndex
     };
 
     if (_value !== props.value) {
@@ -139,9 +178,14 @@ var NumberTextFieldCustom = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "clamp",
     value: function clamp(value) {
-      var _this$props = this.props,
-          min = _this$props.min,
-          max = _this$props.max;
+      var _this$props2 = this.props,
+          min = _this$props2.min,
+          max = _this$props2.max,
+          customValues = _this$props2.customValues;
+
+      if ((customValues || []).length > 0) {
+        return value;
+      }
 
       if (!(0, _isFinite["default"])(value)) {
         return fallbackNumber(min, max);
@@ -169,16 +213,38 @@ var NumberTextFieldCustom = /*#__PURE__*/function (_React$Component) {
     key: "changeValue",
     value: function changeValue(event) {
       var sign = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
+      var shouldUpdate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
       event.preventDefault();
-      var _this$props2 = this.props,
-          step = _this$props2.step,
-          onlyIntegersAllowed = _this$props2.onlyIntegersAllowed;
-      var value = this.state.value;
-      var rawNumber = onlyIntegersAllowed ? parseInt(value) : parseFloat(value);
-      var updatedValue = (rawNumber * 10000 + step * sign * 10000) / 10000;
-      var number = this.clamp(updatedValue);
+      var _this$props3 = this.props,
+          customValues = _this$props3.customValues,
+          step = _this$props3.step,
+          onlyIntegersAllowed = _this$props3.onlyIntegersAllowed,
+          onChange = _this$props3.onChange;
+      var _this$state = this.state,
+          currentIndex = _this$state.currentIndex,
+          value = _this$state.value;
+      var updatedIndex = currentIndex + sign * 1;
+      var number;
+
+      if (customValues.length > 0) {
+        if (updatedIndex < 0 || updatedIndex >= customValues.length) {
+          return;
+        }
+
+        number = customValues[updatedIndex];
+      } else {
+        var rawNumber = onlyIntegersAllowed ? parseInt(value) : parseFloat(value);
+        var updatedValue = (rawNumber * 10000 + step * sign * 10000) / 10000;
+        number = this.clamp(updatedValue);
+      }
+
       this.setState({
-        value: number.toString()
+        value: number.toString(),
+        currentIndex: updatedIndex
+      }, function () {
+        if (shouldUpdate) {
+          onChange(event, number);
+        }
       });
     }
   }, {
@@ -186,19 +252,19 @@ var NumberTextFieldCustom = /*#__PURE__*/function (_React$Component) {
     value: function render() {
       var _this2 = this;
 
-      var _this$props3 = this.props,
-          className = _this$props3.className,
-          classes = _this$props3.classes,
-          label = _this$props3.label,
-          disabled = _this$props3.disabled,
-          error = _this$props3.error,
-          min = _this$props3.min,
-          max = _this$props3.max,
-          inputClassName = _this$props3.inputClassName,
-          disableUnderline = _this$props3.disableUnderline,
-          helperText = _this$props3.helperText,
-          variant = _this$props3.variant,
-          textAlign = _this$props3.textAlign;
+      var _this$props4 = this.props,
+          className = _this$props4.className,
+          classes = _this$props4.classes,
+          label = _this$props4.label,
+          disabled = _this$props4.disabled,
+          error = _this$props4.error,
+          min = _this$props4.min,
+          max = _this$props4.max,
+          inputClassName = _this$props4.inputClassName,
+          disableUnderline = _this$props4.disableUnderline,
+          helperText = _this$props4.helperText,
+          variant = _this$props4.variant,
+          textAlign = _this$props4.textAlign;
       var value = this.state.value;
       var names = (0, _classnames["default"])(className, classes.input);
       return /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
@@ -234,22 +300,24 @@ var NumberTextFieldCustom = /*#__PURE__*/function (_React$Component) {
           className: inputClassName,
           disableUnderline: disableUnderline,
           startAdornment: /*#__PURE__*/_react["default"].createElement(_InputAdornment["default"], {
-            position: "start",
+            position: "start"
+          }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+            className: classes.iconButton,
+            disabled: disabled,
             onClick: function onClick(e) {
-              return _this2.changeValue(e, -1);
+              return _this2.changeValue(e, -1, true);
             }
-          }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
-            className: classes.iconButton
           }, /*#__PURE__*/_react["default"].createElement(_Remove["default"], {
             fontSize: "small"
           }))),
           endAdornment: /*#__PURE__*/_react["default"].createElement(_InputAdornment["default"], {
-            position: "end",
+            position: "end"
+          }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+            className: classes.iconButton,
+            disabled: disabled,
             onClick: function onClick(e) {
-              return _this2.changeValue(e);
+              return _this2.changeValue(e, 1, true);
             }
-          }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
-            className: classes.iconButton
           }, /*#__PURE__*/_react["default"].createElement(_Add["default"], {
             fontSize: "small"
           })))
@@ -273,6 +341,7 @@ exports.NumberTextFieldCustom = NumberTextFieldCustom;
 _defineProperty(NumberTextFieldCustom, "propTypes", {
   classes: _propTypes["default"].object.isRequired,
   className: _propTypes["default"].string,
+  customValues: _propTypes["default"].array,
   disabled: _propTypes["default"].bool,
   error: _propTypes["default"].bool,
   inputClassName: _propTypes["default"].string,
@@ -289,6 +358,7 @@ _defineProperty(NumberTextFieldCustom, "propTypes", {
 
 _defineProperty(NumberTextFieldCustom, "defaultProps", {
   step: 1,
+  customValues: [],
   textAlign: 'center',
   variant: 'standard',
   onlyIntegersAllowed: false

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/number-text-field-custom.jsx"],"names":["styles","theme","input","margin","iconButton","padding","fallbackNumber","min","max","NumberTextFieldCustom","props","event","onlyIntegersAllowed","value","target","rawNumber","parseInt","parseFloat","number","clamp","state","setState","toString","onChange","bind","Math","sign","preventDefault","step","updatedValue","className","classes","label","disabled","error","inputClassName","disableUnderline","helperText","variant","textAlign","names","ref","inputRef","onBlur","e","key","blur","changeValue","startAdornment","endAdornment","style","React","Component","PropTypes","object","isRequired","string","bool","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 isFinite from 'lodash/isFinite';\nimport IconButton from '@material-ui/core/IconButton';\nimport InputAdornment from '@material-ui/core/InputAdornment';\nimport Remove from '@material-ui/icons/Remove';\nimport Add from '@material-ui/icons/Add';\n\nconst styles = theme => ({\n  input: {\n    '& input[type=number]': {\n      '-moz-appearance': 'textfield'\n    },\n    '& input[type=number]::-webkit-outer-spin-button': {\n      '-webkit-appearance': 'none',\n      margin: 0\n    },\n    '& input[type=number]::-webkit-inner-spin-button': {\n      '-webkit-appearance': 'none',\n      margin: 0\n    }\n  },\n  iconButton: {\n    padding: '2px'\n  }\n});\n\nconst fallbackNumber = (min, max) => {\n  if (!isFinite(min) && !isFinite(max)) {\n    return 0;\n  }\n\n  if (!isFinite(min) && isFinite(max)) {\n    return max;\n  }\n\n  if (isFinite(min)) {\n    return min;\n  }\n};\n\nexport class NumberTextFieldCustom extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    disabled: PropTypes.bool,\n    error: PropTypes.bool,\n    inputClassName: PropTypes.string,\n    onChange: PropTypes.func.isRequired,\n    onlyIntegersAllowed: PropTypes.bool,\n    value: PropTypes.number,\n    min: PropTypes.number,\n    max: PropTypes.number,\n    step: PropTypes.number,\n    label: PropTypes.string,\n    disableUnderline: PropTypes.bool,\n    variant: PropTypes.string\n  };\n\n  static defaultProps = {\n    step: 1,\n    textAlign: 'center',\n    variant: 'standard',\n    onlyIntegersAllowed: 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\n    this.setState({ value });\n  }\n\n  clamp(value) {\n    const { min, max } = this.props;\n\n    if (!isFinite(value)) {\n      return fallbackNumber(min, max);\n    }\n\n    if (isFinite(max)) {\n      value = Math.min(value, max);\n    }\n\n    if (isFinite(min)) {\n      value = Math.max(value, min);\n    }\n\n    return value;\n  }\n\n  onBlur = event => {\n    const { onlyIntegersAllowed } = this.props;\n    const { value } = event.target;\n    const rawNumber = onlyIntegersAllowed ? parseInt(value) : parseFloat(value);\n    const number = this.clamp(rawNumber);\n\n    if (number !== this.state.value) {\n      this.setState({ value: number.toString() }, () => this.props.onChange(event, number));\n    }\n  };\n\n  onChange(event) {\n    const { value } = event.target;\n\n    this.setState({ value });\n  }\n\n  changeValue(event, sign = 1) {\n    event.preventDefault();\n\n    const { step, onlyIntegersAllowed } = this.props;\n    const { value } = this.state;\n    const rawNumber = onlyIntegersAllowed ? parseInt(value) : parseFloat(value);\n    const updatedValue = (rawNumber * 10000 + step * sign * 10000) / 10000;\n    const number = this.clamp(updatedValue);\n\n    this.setState({ value: number.toString() });\n  }\n\n  render() {\n    const {\n      className,\n      classes,\n      label,\n      disabled,\n      error,\n      min,\n      max,\n      inputClassName,\n      disableUnderline,\n      helperText,\n      variant,\n      textAlign\n    } = this.props;\n    const { value } = this.state;\n    const names = classNames(className, classes.input);\n\n    return (\n      <TextField\n        variant={variant}\n        inputRef={ref => (this.inputRef = ref)}\n        disabled={disabled}\n        label={label}\n        value={value}\n        error={error}\n        helperText={helperText}\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        onKeyDown={e => {\n          if (e.key === 'ArrowUp') {\n            this.changeValue(e);\n          }\n\n          if (e.key === 'ArrowDown') {\n            this.changeValue(e, -1);\n          }\n        }}\n        type=\"number\"\n        className={names}\n        InputProps={{\n          className: inputClassName,\n          disableUnderline: disableUnderline,\n          startAdornment: (\n            <InputAdornment position=\"start\" onClick={e => this.changeValue(e, -1)}>\n              <IconButton className={classes.iconButton}>\n                <Remove fontSize=\"small\" />\n              </IconButton>\n            </InputAdornment>\n          ),\n          endAdornment: (\n            <InputAdornment position=\"end\" onClick={e => this.changeValue(e)}>\n              <IconButton className={classes.iconButton}>\n                <Add fontSize=\"small\" />\n              </IconButton>\n            </InputAdornment>\n          )\n        }}\n        inputProps={{\n          style: { textAlign },\n          min,\n          max\n        }}\n      />\n    );\n  }\n}\n\nexport default withStyles(styles)(NumberTextFieldCustom);\n"],"file":"number-text-field-custom.js"}
+{"version":3,"file":"number-text-field-custom.js","names":["styles","theme","input","margin","iconButton","padding","fallbackNumber","min","max","isFinite","NumberTextFieldCustom","props","number","customValues","reduce","closest","value","index","Math","abs","event","onlyIntegersAllowed","target","rawNumber","parseInt","parseFloat","clamp","updatedIndex","findIndex","val","length","closestValue","getClosestValue","state","setState","toString","currentIndex","onChange","bind","sign","shouldUpdate","preventDefault","step","updatedValue","className","classes","label","disabled","error","inputClassName","disableUnderline","helperText","variant","textAlign","names","classNames","ref","inputRef","onBlur","e","key","blur","changeValue","startAdornment","endAdornment","style","React","Component","PropTypes","object","isRequired","string","array","bool","func","withStyles"],"sources":["../src/number-text-field-custom.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 isFinite from 'lodash/isFinite';\nimport IconButton from '@material-ui/core/IconButton';\nimport InputAdornment from '@material-ui/core/InputAdornment';\nimport Remove from '@material-ui/icons/Remove';\nimport Add from '@material-ui/icons/Add';\n\nconst styles = theme => ({\n  input: {\n    '& input[type=number]': {\n      '-moz-appearance': 'textfield'\n    },\n    '& input[type=number]::-webkit-outer-spin-button': {\n      '-webkit-appearance': 'none',\n      margin: 0\n    },\n    '& input[type=number]::-webkit-inner-spin-button': {\n      '-webkit-appearance': 'none',\n      margin: 0\n    }\n  },\n  iconButton: {\n    padding: '2px'\n  }\n});\n\nconst fallbackNumber = (min, max) => {\n  if (!isFinite(min) && !isFinite(max)) {\n    return 0;\n  }\n\n  if (!isFinite(min) && isFinite(max)) {\n    return max;\n  }\n\n  if (isFinite(min)) {\n    return min;\n  }\n};\n\nexport class NumberTextFieldCustom extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    customValues: PropTypes.array,\n    disabled: PropTypes.bool,\n    error: PropTypes.bool,\n    inputClassName: PropTypes.string,\n    onChange: PropTypes.func.isRequired,\n    onlyIntegersAllowed: PropTypes.bool,\n    value: PropTypes.number,\n    min: PropTypes.number,\n    max: PropTypes.number,\n    step: PropTypes.number,\n    label: PropTypes.string,\n    disableUnderline: PropTypes.bool,\n    variant: PropTypes.string\n  };\n\n  static defaultProps = {\n    step: 1,\n    customValues: [],\n    textAlign: 'center',\n    variant: 'standard',\n    onlyIntegersAllowed: false\n  };\n\n  constructor(props) {\n    super(props);\n\n    let value = this.clamp(props.value);\n    let currentIndex = (props.customValues || []).findIndex(val => val === value);\n\n    if ((props.customValues || []).length > 0 && currentIndex === -1) {\n      const closestValue = this.getClosestValue(value);\n      value = closestValue.value;\n      currentIndex = closestValue.index;\n    }\n\n    this.state = {\n      value,\n      currentIndex\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\n    this.setState({ value });\n  }\n\n  clamp(value) {\n    const { min, max, customValues } = this.props;\n\n    if ((customValues || []).length > 0) {\n      return value;\n    }\n\n    if (!isFinite(value)) {\n      return fallbackNumber(min, max);\n    }\n\n    if (isFinite(max)) {\n      value = Math.min(value, max);\n    }\n\n    if (isFinite(min)) {\n      value = Math.max(value, min);\n    }\n\n    return value;\n  }\n\n  getClosestValue = number => {\n    const { customValues } = this.props;\n\n    return customValues.reduce(\n      (closest, value, index) =>\n        Math.abs(value - number) < Math.abs(closest.value - number) ? { value, index } : closest,\n      { value: customValues[0], index: 0 }\n    );\n  };\n\n  onBlur = event => {\n    const { customValues, onlyIntegersAllowed } = this.props;\n    const { value } = event.target;\n    const rawNumber = onlyIntegersAllowed ? parseInt(value) : parseFloat(value);\n    let number = this.clamp(rawNumber);\n    let updatedIndex = (customValues || []).findIndex(val => val === number);\n\n    if (customValues.length > 0 && updatedIndex === -1) {\n      const closestValue = this.getClosestValue(number);\n      number = closestValue.value;\n      updatedIndex = closestValue.index;\n    }\n\n    if (number !== this.state.value) {\n      this.setState(\n        {\n          value: number.toString(),\n          currentIndex: updatedIndex\n        },\n        () => this.props.onChange(event, number)\n      );\n    }\n  };\n\n  onChange(event) {\n    const { value } = event.target;\n\n    this.setState({ value });\n  }\n\n  changeValue(event, sign = 1, shouldUpdate = false) {\n    event.preventDefault();\n\n    const { customValues, step, onlyIntegersAllowed, onChange } = this.props;\n    const { currentIndex, value } = this.state;\n    const updatedIndex = currentIndex + sign * 1;\n    let number;\n\n    if (customValues.length > 0) {\n      if (updatedIndex < 0 || updatedIndex >= customValues.length) {\n        return;\n      }\n\n      number = customValues[updatedIndex];\n    } else {\n      const rawNumber = onlyIntegersAllowed ? parseInt(value) : parseFloat(value);\n      const updatedValue = (rawNumber * 10000 + step * sign * 10000) / 10000;\n      number = this.clamp(updatedValue);\n    }\n\n    this.setState(\n      {\n        value: number.toString(),\n        currentIndex: updatedIndex\n      },\n      () => {\n        if (shouldUpdate) {\n          onChange(event, number);\n        }\n      }\n    );\n  }\n\n  render() {\n    const {\n      className,\n      classes,\n      label,\n      disabled,\n      error,\n      min,\n      max,\n      inputClassName,\n      disableUnderline,\n      helperText,\n      variant,\n      textAlign\n    } = this.props;\n    const { value } = this.state;\n    const names = classNames(className, classes.input);\n\n    return (\n      <TextField\n        variant={variant}\n        inputRef={ref => (this.inputRef = ref)}\n        disabled={disabled}\n        label={label}\n        value={value}\n        error={error}\n        helperText={helperText}\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        onKeyDown={e => {\n          if (e.key === 'ArrowUp') {\n            this.changeValue(e);\n          }\n\n          if (e.key === 'ArrowDown') {\n            this.changeValue(e, -1);\n          }\n        }}\n        type=\"number\"\n        className={names}\n        InputProps={{\n          className: inputClassName,\n          disableUnderline: disableUnderline,\n          startAdornment: (\n            <InputAdornment position=\"start\">\n              <IconButton\n                className={classes.iconButton}\n                disabled={disabled}\n                onClick={e => this.changeValue(e, -1, true)}\n              >\n                <Remove fontSize=\"small\" />\n              </IconButton>\n            </InputAdornment>\n          ),\n          endAdornment: (\n            <InputAdornment position=\"end\">\n              <IconButton\n                className={classes.iconButton}\n                disabled={disabled}\n                onClick={e => this.changeValue(e, 1, true)}\n              >\n                <Add fontSize=\"small\" />\n              </IconButton>\n            </InputAdornment>\n          )\n        }}\n        inputProps={{\n          style: { textAlign },\n          min,\n          max\n        }}\n      />\n    );\n  }\n}\n\nexport default withStyles(styles)(NumberTextFieldCustom);\n"],"mappings":"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"}

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.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;;;;eAEe,IAAAA,kBAAA,EAAW;EACxBC,KAAK,EAAE;IACLC,IAAI,EAAE,MADD;IAELC,QAAQ,EAAE;EAFL;AADiB,CAAX,EAKZ;EAAA,IAAGF,KAAH,QAAGA,KAAH;EAAA,IAAUG,KAAV,QAAUA,KAAV;EAAA,IAAiBC,OAAjB,QAAiBA,OAAjB;EAAA,IAA0BC,QAA1B,QAA0BA,QAA1B;EAAA,IAAoCC,OAApC,QAAoCA,OAApC;EAAA,oBACD,gCAAC,4BAAD;IACE,KAAK,EAAEH,KADT;IAEE,OAAO,EAAEG,OAFX;IAGE,OAAO,eAAE,gCAAC,iBAAD;MAAO,OAAO,EAAEF,OAAhB;MAAyB,QAAQ,EAAEC;IAAnC,EAHX;IAIE,KAAK,EAAEL;EAJT,EADC;AAAA,CALY,C"}

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,UAAAC,KAAK;AAAA,SAAK;AACvCC,IAAAA,WAAW,EAAE;AACXC,MAAAA,OAAO,EAAE,MADE;AAEXC,MAAAA,UAAU,EAAEH,KAAK,CAACI,OAAN,CAAcC;AAFf;AAD0B,GAAL;AAAA,CAAhB,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,2BAAaK,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;;;;;;;;;;AAEA,IAAMA,WAAW,GAAG,IAAAC,kBAAA,EAAW,UAAAC,KAAK;EAAA,OAAK;IACvCC,WAAW,EAAE;MACXC,OAAO,EAAE,MADE;MAEXC,UAAU,EAAEH,KAAK,CAACI,OAAN,CAAcC;IAFf;EAD0B,CAAL;AAAA,CAAhB,EAKhB,gBAAwC;EAAA,IAArCC,IAAqC,QAArCA,IAAqC;EAAA,IAA/BC,KAA+B,QAA/BA,KAA+B;EAAA,IAAxBC,OAAwB,QAAxBA,OAAwB;EAAA,IAAfC,QAAe,QAAfA,QAAe;;EAC1C,IAAMC,UAAU,GAAG,SAAbA,UAAa,CAACC,GAAD,EAAMC,CAAN,EAAY;IAC7BH,QAAQ,iCAAMH,IAAN,2BAAaK,GAAb,EAAmBC,CAAnB,GAAR;EACD,CAFD;;EAGA,oBACE,0DACE,gCAAC,sBAAD,QAAaL,KAAb,CADF,eAEE;IAAK,SAAS,EAAEC,OAAO,CAACP;EAAxB,gBACE,gCAAC,2BAAD;IACE,KAAK,EAAC,OADR;IAEE,IAAI,EAAC,QAFP;IAGE,OAAO,EAAC,UAHV;IAIE,KAAK,EAAEK,IAAI,CAACO,KAJd;IAKE,GAAG,EAAE,GALP;IAME,GAAG,EAAE,IANP;IAOE,QAAQ,EAAE,kBAACC,CAAD,EAAIF,CAAJ;MAAA,OAAUF,UAAU,CAAC,OAAD,EAAUE,CAAV,CAApB;IAAA;EAPZ,EADF,eAUE,gCAAC,2BAAD;IACE,KAAK,EAAC,QADR;IAEE,IAAI,EAAC,QAFP;IAGE,OAAO,EAAC,UAHV;IAIE,GAAG,EAAE,GAJP;IAKE,GAAG,EAAE,IALP;IAME,KAAK,EAAEN,IAAI,CAACS,MANd;IAOE,QAAQ,EAAE,kBAACD,CAAD,EAAIF,CAAJ;MAAA,OAAUF,UAAU,CAAC,QAAD,EAAWE,CAAX,CAApB;IAAA;EAPZ,EAVF,CAFF,CADF;AAyBD,CAlCmB,CAApB;AAoCAd,WAAW,CAACkB,SAAZ,GAAwB;EACtBV,IAAI,EAAEW,qBAAA,CAAUC,KAAV,CAAgB;IACpBL,KAAK,EAAEI,qBAAA,CAAUE,MAAV,CAAiBC,UADJ;IAEpBL,MAAM,EAAEE,qBAAA,CAAUE,MAAV,CAAiBC;EAFL,CAAhB,EAGHA,UAJmB;EAKtBb,KAAK,EAAEU,qBAAA,CAAUI,MAAV,CAAiBD,UALF;EAMtBX,QAAQ,EAAEQ,qBAAA,CAAUK;AANE,CAAxB;eASexB,W"}

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.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/settings/panel.jsx"],"names":["log","labelValue","label","PropTypes","string","value","baseTypes","onChange","func","CheckboxChoice","event","target","checked","propTypes","bool","Radio","classes","choices","radioSettings","SettingsRadioLabel","arrayOf","shape","StyledRadio","marginTop","paddingBottom","width","color","transform","fontSize","display","Dropdown","margin","wrapper","border","borderRadius","padding","map","l","index","NumberField","field","marginRight","suffix","min","max","ev","object","number","ToggleWrapper","tagMap","toggle","radio","dropdown","numberField","checkbox","Group","group","groupHeader","fontWeight","marginBottom","numberFields","props","model","configuration","getTag","key","innerKey","isConfigProperty","properties","tagProps","Tag","type","v","content","currentGroup","fields","Object","keys","fieldKey","choiceKey","Panel","onChangeModel","onChangeConfiguration","groups","g","change","React","Component"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport get from 'lodash/get';\nimport set from 'lodash/set';\nimport Select from '@material-ui/core/Select';\nimport Input from '@material-ui/core/Input';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport debug from 'debug';\n\nimport Toggle from './toggle';\nimport TwoChoice from '../two-choice';\nimport SettingsRadioLabel from './settings-radio-label';\nimport { NumberTextField } from '../index';\nimport Checkbox from '../checkbox';\n\nconst log = debug('pie-lib:config-ui:settings:panel');\n\nconst labelValue = {\n  label: PropTypes.string,\n  value: PropTypes.string\n};\n\nconst baseTypes = {\n  label: PropTypes.string,\n  value: PropTypes.string,\n  onChange: PropTypes.func\n};\n\nconst CheckboxChoice = ({ label, value, onChange }) => {\n  return (\n    <Checkbox\n      checked={value}\n      label={label}\n      onChange={event => {\n        onChange(event.target.checked);\n      }}\n    />\n  );\n};\n\nCheckboxChoice.propTypes = {\n  label: PropTypes.string,\n  value: PropTypes.bool,\n  onChange: PropTypes.func\n};\n\nconst Radio = ({ classes, label, value, onChange, choices }) => {\n  return (\n    <TwoChoice\n      className={classes.radioSettings}\n      direction=\"vertical\"\n      customLabel={SettingsRadioLabel}\n      value={value}\n      header={label}\n      one={choices[0]}\n      two={choices[1]}\n      onChange={onChange}\n    />\n  );\n};\n\nRadio.propTypes = { ...baseTypes, choices: PropTypes.arrayOf(PropTypes.shape(labelValue)) };\n\nconst StyledRadio = withStyles({\n  radioSettings: {\n    marginTop: '4px',\n    paddingBottom: '4px',\n    width: '100%',\n    '& > label': {\n      color: 'rgba(0, 0, 0, 0.89)',\n      transform: 'translate(0, 10px) scale(1)',\n      fontSize: '14px'\n    },\n    '& > div': {\n      marginTop: '20px'\n    }\n  },\n  label: {\n    display: 'none'\n  }\n})(Radio);\n\nconst Dropdown = withStyles({\n  label: {\n    margin: 0,\n    fontSize: '14px'\n  },\n  wrapper: {\n    marginTop: '4px',\n    border: '2px solid lightgrey',\n    borderRadius: '4px',\n    padding: '0 8px'\n  }\n})(({ classes, label, value, onChange, choices = [] }) => {\n  return (\n    <div>\n      {label && <p className={classes.label}>{label}</p>}\n      <Select\n        className={classes.wrapper}\n        value={value || (choices && choices[0])}\n        onChange={({ target }) => onChange(target.value)}\n        input={<Input id={`dropdown-${label}`} />}\n        disableUnderline\n      >\n        {choices.map((l, index) => (\n          <MenuItem key={index} value={l}>\n            {l}\n          </MenuItem>\n        ))}\n      </Select>\n    </div>\n  );\n});\n\nDropdown.propTypes = { ...baseTypes, choices: PropTypes.arrayOf(PropTypes.string) };\n\nconst NumberField = withStyles({\n  field: {\n    width: '35%',\n    marginRight: '24px',\n    marginTop: '8px'\n  },\n  wrapper: {\n    marginTop: '4px',\n    border: '2px solid lightgrey',\n    borderRadius: '4px',\n    padding: '0 8px'\n  }\n})(({ classes, label, value, onChange = () => {}, suffix, min, max }) => {\n  return (\n    <NumberTextField\n      label={label || 'Label'}\n      value={value}\n      max={max}\n      min={min}\n      onChange={(ev, value) => onChange(value)}\n      suffix={suffix}\n      className={classes.field}\n      showErrorWhenOutsideRange\n      inputClassName={classes.wrapper}\n      disableUnderline\n    />\n  );\n});\n\nNumberField.propTypes = {\n  ...baseTypes,\n  classes: PropTypes.object,\n  suffix: PropTypes.string,\n  min: PropTypes.number,\n  max: PropTypes.number,\n  value: PropTypes.number\n};\n\nconst ToggleWrapper = ({ label, value, onChange }) => (\n  <Toggle label={label} checked={!!value} toggle={onChange} />\n);\n\nToggleWrapper.propTypes = { ...baseTypes, value: PropTypes.bool };\n\nconst tagMap = {\n  toggle: ToggleWrapper,\n  radio: StyledRadio,\n  dropdown: Dropdown,\n  numberField: NumberField,\n  checkbox: CheckboxChoice\n};\n\nconst Group = withStyles(() => ({\n  group: {\n    margin: '0 0 25px 0'\n  },\n  groupHeader: {\n    color: '#495B8F',\n    fontSize: '16px',\n    fontWeight: 600,\n    marginBottom: '8px'\n  },\n  numberFields: {\n    fontSize: '0.85rem',\n    marginBottom: 0\n  }\n}))(props => {\n  const { classes, model, label, group, configuration, onChange } = props;\n\n  /**\n   * @param group - the group of settings\n   * @param key - the key(or path) to be used to set or get from model or configuration\n   * @param innerKey - the key(or path) to be used to get from the group (used only for numberField type)\n   * @returns tag that corresponds to element type */\n  const getTag = (group, key, innerKey) => {\n    const { isConfigProperty, ...properties } = get(group, innerKey || key);\n    const value = isConfigProperty ? get(configuration, key) : get(model, key);\n    const tagProps = { ...properties, key, value };\n    const Tag = tagMap[tagProps.type];\n\n    return <Tag key={key} {...tagProps} onChange={v => onChange(key, v, isConfigProperty)} />;\n  };\n\n  const content = (group, key) => {\n    const currentGroup = group[key];\n\n    if (!currentGroup) {\n      return null;\n    }\n\n    const { type, label, fields, choices } = currentGroup;\n\n    if (type === 'numberFields') {\n      return (\n        <div key={`numberField-${label}`}>\n          <p className={classes.numberFields}>{label}</p>\n          {Object.keys(fields).map(fieldKey => {\n            return getTag(group, `${key}.${fieldKey}`, `${key}.fields.${fieldKey}`);\n          })}\n        </div>\n      );\n    }\n\n    if (type === 'checkboxes') {\n      return (\n        <div key={`checkbox-${label}`}>\n          <p>{label}</p>\n          {Object.keys(choices).map(choiceKey => {\n            return getTag(group, `${key}.${choiceKey}`, `${key}.choices.${choiceKey}`);\n          })}\n        </div>\n      );\n    }\n\n    // if type is toggle, radio, dropdown or numberField\n    return getTag(group, key);\n  };\n\n  return (\n    <div className={classes.group}>\n      <div className={classes.groupHeader}>{label}</div>\n\n      {Object.keys(group).map(key => {\n        return content(group, key);\n      })}\n    </div>\n  );\n});\n\nexport class Panel extends React.Component {\n  static propTypes = {\n    model: PropTypes.object,\n    configuration: PropTypes.object,\n    groups: PropTypes.object,\n    onChangeModel: PropTypes.func,\n    onChangeConfiguration: PropTypes.func\n  };\n\n  static defaultProps = {\n    onChangeModel: () => {},\n    onChangeConfiguration: () => {}\n  };\n\n  change = (key, value, isConfigProperty = false) => {\n    log('[changeModel]', key, value);\n    const { onChangeModel, onChangeConfiguration } = this.props;\n    const model = { ...this.props.model };\n    const configuration = { ...this.props.configuration };\n\n    if (isConfigProperty) {\n      set(configuration, key, value);\n      onChangeConfiguration(configuration, key);\n    } else {\n      set(model, key, value);\n      onChangeModel(model, key);\n    }\n  };\n\n  render() {\n    const { groups, model, configuration } = this.props;\n    log('render:', model);\n\n    return (\n      <div>\n        {Object.keys(groups).map(g => (\n          <Group\n            label={g}\n            key={g}\n            model={model}\n            configuration={configuration}\n            group={groups[g]}\n            onChange={this.change}\n          />\n        ))}\n      </div>\n    );\n  }\n}\n\nexport default Panel;\n"],"file":"panel.js"}
+{"version":3,"file":"panel.js","names":["log","debug","labelValue","label","PropTypes","string","value","baseTypes","onChange","func","CheckboxChoice","event","target","checked","propTypes","bool","Radio","classes","choices","radioSettings","SettingsRadioLabel","arrayOf","shape","StyledRadio","withStyles","marginTop","paddingBottom","width","color","transform","fontSize","display","Dropdown","margin","wrapper","border","borderRadius","padding","map","l","index","NumberField","field","marginRight","suffix","min","max","ev","object","number","ToggleWrapper","tagMap","toggle","radio","dropdown","numberField","checkbox","Group","group","groupHeader","fontWeight","marginBottom","numberFields","props","model","configuration","getTag","key","innerKey","get","isConfigProperty","properties","tagProps","Tag","type","v","content","currentGroup","fields","Object","keys","fieldKey","choiceKey","Panel","onChangeModel","onChangeConfiguration","set","groups","g","change","React","Component"],"sources":["../../src/settings/panel.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport get from 'lodash/get';\nimport set from 'lodash/set';\nimport Select from '@material-ui/core/Select';\nimport Input from '@material-ui/core/Input';\nimport MenuItem from '@material-ui/core/MenuItem';\nimport debug from 'debug';\n\nimport Toggle from './toggle';\nimport TwoChoice from '../two-choice';\nimport SettingsRadioLabel from './settings-radio-label';\nimport { NumberTextField } from '../index';\nimport Checkbox from '../checkbox';\n\nconst log = debug('pie-lib:config-ui:settings:panel');\n\nconst labelValue = {\n  label: PropTypes.string,\n  value: PropTypes.string\n};\n\nconst baseTypes = {\n  label: PropTypes.string,\n  value: PropTypes.string,\n  onChange: PropTypes.func\n};\n\nconst CheckboxChoice = ({ label, value, onChange }) => {\n  return (\n    <Checkbox\n      checked={value}\n      label={label}\n      onChange={event => {\n        onChange(event.target.checked);\n      }}\n    />\n  );\n};\n\nCheckboxChoice.propTypes = {\n  label: PropTypes.string,\n  value: PropTypes.bool,\n  onChange: PropTypes.func\n};\n\nconst Radio = ({ classes, label, value, onChange, choices }) => {\n  return (\n    <TwoChoice\n      className={classes.radioSettings}\n      direction=\"vertical\"\n      customLabel={SettingsRadioLabel}\n      value={value}\n      header={label}\n      one={choices[0]}\n      two={choices[1]}\n      onChange={onChange}\n    />\n  );\n};\n\nRadio.propTypes = { ...baseTypes, choices: PropTypes.arrayOf(PropTypes.shape(labelValue)) };\n\nconst StyledRadio = withStyles({\n  radioSettings: {\n    marginTop: '4px',\n    paddingBottom: '4px',\n    width: '100%',\n    '& > label': {\n      color: 'rgba(0, 0, 0, 0.89)',\n      transform: 'translate(0, 10px) scale(1)',\n      fontSize: '14px'\n    },\n    '& > div': {\n      marginTop: '20px'\n    }\n  },\n  label: {\n    display: 'none'\n  }\n})(Radio);\n\nconst Dropdown = withStyles({\n  label: {\n    margin: 0,\n    fontSize: '14px'\n  },\n  wrapper: {\n    marginTop: '4px',\n    border: '2px solid lightgrey',\n    borderRadius: '4px',\n    padding: '0 8px'\n  }\n})(({ classes, label, value, onChange, choices = [] }) => {\n  return (\n    <div>\n      {label && <p className={classes.label}>{label}</p>}\n      <Select\n        className={classes.wrapper}\n        value={value || (choices && choices[0])}\n        onChange={({ target }) => onChange(target.value)}\n        input={<Input id={`dropdown-${label}`} />}\n        disableUnderline\n      >\n        {choices.map((l, index) => (\n          <MenuItem key={index} value={l}>\n            {l}\n          </MenuItem>\n        ))}\n      </Select>\n    </div>\n  );\n});\n\nDropdown.propTypes = { ...baseTypes, choices: PropTypes.arrayOf(PropTypes.string) };\n\nconst NumberField = withStyles({\n  field: {\n    width: '35%',\n    marginRight: '24px',\n    marginTop: '8px'\n  },\n  wrapper: {\n    marginTop: '4px',\n    border: '2px solid lightgrey',\n    borderRadius: '4px',\n    padding: '0 8px'\n  }\n})(({ classes, label, value, onChange = () => {}, suffix, min, max }) => {\n  return (\n    <NumberTextField\n      label={label || 'Label'}\n      value={value}\n      max={max}\n      min={min}\n      onChange={(ev, value) => onChange(value)}\n      suffix={suffix}\n      className={classes.field}\n      showErrorWhenOutsideRange\n      inputClassName={classes.wrapper}\n      disableUnderline\n    />\n  );\n});\n\nNumberField.propTypes = {\n  ...baseTypes,\n  classes: PropTypes.object,\n  suffix: PropTypes.string,\n  min: PropTypes.number,\n  max: PropTypes.number,\n  value: PropTypes.number\n};\n\nconst ToggleWrapper = ({ label, value, onChange }) => (\n  <Toggle label={label} checked={!!value} toggle={onChange} />\n);\n\nToggleWrapper.propTypes = { ...baseTypes, value: PropTypes.bool };\n\nconst tagMap = {\n  toggle: ToggleWrapper,\n  radio: StyledRadio,\n  dropdown: Dropdown,\n  numberField: NumberField,\n  checkbox: CheckboxChoice\n};\n\nconst Group = withStyles(() => ({\n  group: {\n    margin: '0 0 25px 0'\n  },\n  groupHeader: {\n    color: '#495B8F',\n    fontSize: '16px',\n    fontWeight: 600,\n    marginBottom: '8px'\n  },\n  numberFields: {\n    fontSize: '0.85rem',\n    marginBottom: 0\n  }\n}))(props => {\n  const { classes, model, label, group, configuration, onChange } = props;\n\n  /**\n   * @param group - the group of settings\n   * @param key - the key(or path) to be used to set or get from model or configuration\n   * @param innerKey - the key(or path) to be used to get from the group (used only for numberField type)\n   * @returns tag that corresponds to element type */\n  const getTag = (group, key, innerKey) => {\n    const { isConfigProperty, ...properties } = get(group, innerKey || key);\n    const value = isConfigProperty ? get(configuration, key) : get(model, key);\n    const tagProps = { ...properties, key, value };\n    const Tag = tagMap[tagProps.type];\n\n    return <Tag key={key} {...tagProps} onChange={v => onChange(key, v, isConfigProperty)} />;\n  };\n\n  const content = (group, key) => {\n    const currentGroup = group[key];\n\n    if (!currentGroup) {\n      return null;\n    }\n\n    const { type, label, fields, choices } = currentGroup;\n\n    if (type === 'numberFields') {\n      return (\n        <div key={`numberField-${label}`}>\n          <p className={classes.numberFields}>{label}</p>\n          {Object.keys(fields).map(fieldKey => {\n            return getTag(group, `${key}.${fieldKey}`, `${key}.fields.${fieldKey}`);\n          })}\n        </div>\n      );\n    }\n\n    if (type === 'checkboxes') {\n      return (\n        <div key={`checkbox-${label}`}>\n          <p>{label}</p>\n          {Object.keys(choices).map(choiceKey => {\n            return getTag(group, `${key}.${choiceKey}`, `${key}.choices.${choiceKey}`);\n          })}\n        </div>\n      );\n    }\n\n    // if type is toggle, radio, dropdown or numberField\n    return getTag(group, key);\n  };\n\n  return (\n    <div className={classes.group}>\n      <div className={classes.groupHeader}>{label}</div>\n\n      {Object.keys(group).map(key => {\n        return content(group, key);\n      })}\n    </div>\n  );\n});\n\nexport class Panel extends React.Component {\n  static propTypes = {\n    model: PropTypes.object,\n    configuration: PropTypes.object,\n    groups: PropTypes.object,\n    onChangeModel: PropTypes.func,\n    onChangeConfiguration: PropTypes.func\n  };\n\n  static defaultProps = {\n    onChangeModel: () => {},\n    onChangeConfiguration: () => {}\n  };\n\n  change = (key, value, isConfigProperty = false) => {\n    log('[changeModel]', key, value);\n    const { onChangeModel, onChangeConfiguration } = this.props;\n    const model = { ...this.props.model };\n    const configuration = { ...this.props.configuration };\n\n    if (isConfigProperty) {\n      set(configuration, key, value);\n      onChangeConfiguration(configuration, key);\n    } else {\n      set(model, key, value);\n      onChangeModel(model, key);\n    }\n  };\n\n  render() {\n    const { groups, model, configuration } = this.props;\n    log('render:', model);\n\n    return (\n      <div>\n        {Object.keys(groups).map(g => (\n          <Group\n            label={g}\n            key={g}\n            model={model}\n            configuration={configuration}\n            group={groups[g]}\n            onChange={this.change}\n          />\n        ))}\n      </div>\n    );\n  }\n}\n\nexport default Panel;\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/settings/settings-radio-label.jsx"],"names":["label","color","fontSize","left","position","value","checked","onChange","classes"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;eAEe,wBAAW;AACxBA,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,qBADF;AAELC,IAAAA,QAAQ,EAAE,MAFL;AAGLC,IAAAA,IAAI,EAAE,MAHD;AAILC,IAAAA,QAAQ,EAAE;AAJL;AADiB,CAAX,EAOZ;AAAA,MAAGJ,KAAH,QAAGA,KAAH;AAAA,MAAUK,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,EAAEP;AAJT,IADC;AAAA,CAPY,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    color: 'rgba(0, 0, 0, 0.89)',\n    fontSize: '12px',\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":"settings-radio-label.js"}
+{"version":3,"file":"settings-radio-label.js","names":["withStyles","label","color","fontSize","left","position","value","checked","onChange","classes"],"sources":["../../src/settings/settings-radio-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    color: 'rgba(0, 0, 0, 0.89)',\n    fontSize: '12px',\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;;;;eAEe,IAAAA,kBAAA,EAAW;EACxBC,KAAK,EAAE;IACLC,KAAK,EAAE,qBADF;IAELC,QAAQ,EAAE,MAFL;IAGLC,IAAI,EAAE,MAHD;IAILC,QAAQ,EAAE;EAJL;AADiB,CAAX,EAOZ;EAAA,IAAGJ,KAAH,QAAGA,KAAH;EAAA,IAAUK,KAAV,QAAUA,KAAV;EAAA,IAAiBC,OAAjB,QAAiBA,OAAjB;EAAA,IAA0BC,QAA1B,QAA0BA,QAA1B;EAAA,IAAoCC,OAApC,QAAoCA,OAApC;EAAA,oBACD,gCAAC,4BAAD;IACE,KAAK,EAAEH,KADT;IAEE,OAAO,EAAEG,OAFX;IAGE,OAAO,eAAE,gCAAC,iBAAD;MAAO,OAAO,EAAEF,OAAhB;MAAyB,QAAQ,EAAEC;IAAnC,EAHX;IAIE,KAAK,EAAEP;EAJT,EADC;AAAA,CAPY,C"}

package/lib/settings/toggle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/settings/toggle.jsx"],"names":["Toggle","theme","toggle","display","width","justifyContent","label","color","fontSize","paddingTop","spacing","unit","checked","classes","e","target","propTypes","PropTypes","bool","string","isRequired","func"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,MAAM,GAAG,wBAAW,UAAAC,KAAK;AAAA,SAAK;AAClCC,IAAAA,MAAM,EAAE;AACNC,MAAAA,OAAO,EAAE,MADH;AAENC,MAAAA,KAAK,EAAE,MAFD;AAGNC,MAAAA,cAAc,EAAE;AAHV,KAD0B;AAMlCC,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAE,qBADF;AAELC,MAAAA,QAAQ,EAAE,MAFL;AAGLC,MAAAA,UAAU,EAAER,KAAK,CAACS,OAAN,CAAcC,IAAd,GAAqB;AAH5B;AAN2B,GAAL;AAAA,CAAhB,EAWX;AAAA,MAAGC,OAAH,QAAGA,OAAH;AAAA,MAAYN,KAAZ,QAAYA,KAAZ;AAAA,MAAmBJ,MAAnB,QAAmBA,MAAnB;AAAA,MAA2BW,OAA3B,QAA2BA,OAA3B;AAAA,sBACF;AAAK,IAAA,SAAS,EAAEA,OAAO,CAACX;AAAxB,kBACE,gCAAC,sBAAD;AAAY,IAAA,SAAS,EAAEW,OAAO,CAACP;AAA/B,KAAuCA,KAAvC,CADF,eAEE,gCAAC,kBAAD;AAAQ,IAAA,OAAO,EAAEM,OAAjB;AAA0B,IAAA,QAAQ,EAAE,kBAAAE,CAAC;AAAA,aAAIZ,MAAM,CAACY,CAAC,CAACC,MAAF,CAASH,OAAV,CAAV;AAAA;AAArC,IAFF,CADE;AAAA,CAXW,CAAf;AAkBAZ,MAAM,CAACgB,SAAP,GAAmB;AACjBJ,EAAAA,OAAO,EAAEK,sBAAUC,IADF;AAEjBZ,EAAAA,KAAK,EAAEW,sBAAUE,MAAV,CAAiBC,UAFP;AAGjBlB,EAAAA,MAAM,EAAEe,sBAAUI,IAAV,CAAeD;AAHN,CAAnB;eAMepB,M","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport { withStyles } from '@material-ui/core/styles';\nimport Switch from '@material-ui/core/Switch';\n\nconst Toggle = withStyles(theme => ({\n  toggle: {\n    display: 'flex',\n    width: '100%',\n    justifyContent: 'space-between'\n  },\n  label: {\n    color: 'rgba(0, 0, 0, 0.89)',\n    fontSize: '14px',\n    paddingTop: theme.spacing.unit * 2\n  }\n}))(({ checked, label, toggle, classes }) => (\n  <div className={classes.toggle}>\n    <InputLabel className={classes.label}>{label}</InputLabel>\n    <Switch checked={checked} onChange={e => toggle(e.target.checked)} />\n  </div>\n));\n\nToggle.propTypes = {\n  checked: PropTypes.bool,\n  label: PropTypes.string.isRequired,\n  toggle: PropTypes.func.isRequired\n};\n\nexport default Toggle;\n"],"file":"toggle.js"}
+{"version":3,"file":"toggle.js","names":["Toggle","withStyles","theme","toggle","display","width","justifyContent","label","color","fontSize","paddingTop","spacing","unit","checked","classes","e","target","propTypes","PropTypes","bool","string","isRequired","func"],"sources":["../../src/settings/toggle.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport InputLabel from '@material-ui/core/InputLabel';\nimport { withStyles } from '@material-ui/core/styles';\nimport Switch from '@material-ui/core/Switch';\n\nconst Toggle = withStyles(theme => ({\n  toggle: {\n    display: 'flex',\n    width: '100%',\n    justifyContent: 'space-between'\n  },\n  label: {\n    color: 'rgba(0, 0, 0, 0.89)',\n    fontSize: '14px',\n    paddingTop: theme.spacing.unit * 2\n  }\n}))(({ checked, label, toggle, classes }) => (\n  <div className={classes.toggle}>\n    <InputLabel className={classes.label}>{label}</InputLabel>\n    <Switch checked={checked} onChange={e => toggle(e.target.checked)} />\n  </div>\n));\n\nToggle.propTypes = {\n  checked: PropTypes.bool,\n  label: PropTypes.string.isRequired,\n  toggle: PropTypes.func.isRequired\n};\n\nexport default Toggle;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,MAAM,GAAG,IAAAC,kBAAA,EAAW,UAAAC,KAAK;EAAA,OAAK;IAClCC,MAAM,EAAE;MACNC,OAAO,EAAE,MADH;MAENC,KAAK,EAAE,MAFD;MAGNC,cAAc,EAAE;IAHV,CAD0B;IAMlCC,KAAK,EAAE;MACLC,KAAK,EAAE,qBADF;MAELC,QAAQ,EAAE,MAFL;MAGLC,UAAU,EAAER,KAAK,CAACS,OAAN,CAAcC,IAAd,GAAqB;IAH5B;EAN2B,CAAL;AAAA,CAAhB,EAWX;EAAA,IAAGC,OAAH,QAAGA,OAAH;EAAA,IAAYN,KAAZ,QAAYA,KAAZ;EAAA,IAAmBJ,MAAnB,QAAmBA,MAAnB;EAAA,IAA2BW,OAA3B,QAA2BA,OAA3B;EAAA,oBACF;IAAK,SAAS,EAAEA,OAAO,CAACX;EAAxB,gBACE,gCAAC,sBAAD;IAAY,SAAS,EAAEW,OAAO,CAACP;EAA/B,GAAuCA,KAAvC,CADF,eAEE,gCAAC,kBAAD;IAAQ,OAAO,EAAEM,OAAjB;IAA0B,QAAQ,EAAE,kBAAAE,CAAC;MAAA,OAAIZ,MAAM,CAACY,CAAC,CAACC,MAAF,CAASH,OAAV,CAAV;IAAA;EAArC,EAFF,CADE;AAAA,CAXW,CAAf;AAkBAb,MAAM,CAACiB,SAAP,GAAmB;EACjBJ,OAAO,EAAEK,qBAAA,CAAUC,IADF;EAEjBZ,KAAK,EAAEW,qBAAA,CAAUE,MAAV,CAAiBC,UAFP;EAGjBlB,MAAM,EAAEe,qBAAA,CAAUI,IAAV,CAAeD;AAHN,CAAnB;eAMerB,M"}

package/lib/tabs/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/tabs/index.jsx"],"names":["Tabs","props","event","value","setState","state","children","className","contentClassName","classes","tabClasses","root","tabRoot","handleChange","React","Children","map","c","index","title","Component","PropTypes","object","string","oneOfType","arrayOf","node","isRequired"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;IAEaA,I;;;;;AAQX,gBAAYC,KAAZ,EAAmB;AAAA;;AAAA;;AACjB,8BAAMA,KAAN;;AADiB,mEAOJ,UAACC,KAAD,EAAQC,KAAR,EAAkB;AAC/B,YAAKC,QAAL,CAAc;AAAED,QAAAA,KAAK,EAALA;AAAF,OAAd;AACD,KATkB;;AAEjB,UAAKE,KAAL,GAAa;AACXF,MAAAA,KAAK,EAAE;AADI,KAAb;AAFiB;AAKlB;;;;WAMD,kBAAS;AACP,UAAQA,KAAR,GAAkB,KAAKE,KAAvB,CAAQF,KAAR;AACA,wBAA2D,KAAKF,KAAhE;AAAA,UAAQK,QAAR,eAAQA,QAAR;AAAA,UAAkBC,SAAlB,eAAkBA,SAAlB;AAAA,UAA6BC,gBAA7B,eAA6BA,gBAA7B;AAAA,UAA+CC,OAA/C,eAA+CA,OAA/C;AAEA,UAAMC,UAAU,GAAG;AACjBC,QAAAA,IAAI,EAAEF,OAAO,CAACG;AADG,OAAnB;AAGA,0BACE;AAAK,QAAA,SAAS,EAAEL;AAAhB,sBACE,gCAAC,gBAAD;AAAS,QAAA,cAAc,EAAC,SAAxB;AAAkC,QAAA,KAAK,EAAEJ,KAAzC;AAAgD,QAAA,QAAQ,EAAE,KAAKU;AAA/D,SACGC,kBAAMC,QAAN,CAAeC,GAAf,CAAmBV,QAAnB,EAA6B,UAACW,CAAD,EAAIC,KAAJ;AAAA,eAC5BD,CAAC,IAAIA,CAAC,CAAChB,KAAF,CAAQkB,KAAb,gBACE,gCAAC,eAAD;AAAQ,UAAA,OAAO,EAAET,UAAjB;AAA6B,UAAA,GAAG,EAAEQ,KAAlC;AAAyC,UAAA,KAAK,EAAED,CAAC,CAAChB,KAAF,CAAQkB;AAAxD,UADF,GAEI,IAHwB;AAAA,OAA7B,CADH,CADF,eAQE;AAAK,QAAA,SAAS,EAAEX;AAAhB,SAAmCF,QAAQ,CAACH,KAAD,CAA3C,CARF,CADF;AAYD;;;;EAtCuBW,kBAAMM,S;;;;gBAAnBpB,I,eACQ;AACjBS,EAAAA,OAAO,EAAEY,sBAAUC,MADF;AAEjBf,EAAAA,SAAS,EAAEc,sBAAUE,MAFJ;AAGjBf,EAAAA,gBAAgB,EAAEa,sBAAUE,MAHX;AAIjBjB,EAAAA,QAAQ,EAAEe,sBAAUG,SAAV,CAAoB,CAACH,sBAAUI,OAAV,CAAkBJ,sBAAUK,IAA5B,CAAD,EAAoCL,sBAAUK,IAA9C,CAApB,EAAyEC;AAJlE,C;;eAwCN,sBAAW;AAAA,SAAO;AAC/Bf,IAAAA,OAAO,EAAE;AADsB,GAAP;AAAA,CAAX,EAEXZ,IAFW,C","sourcesContent":["import React from 'react';\n\nimport MuiTabs from '@material-ui/core/Tabs';\nimport MuiTab from '@material-ui/core/Tab';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core';\n\nexport class Tabs extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    className: PropTypes.string,\n    contentClassName: PropTypes.string,\n    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      value: 0\n    };\n  }\n\n  handleChange = (event, value) => {\n    this.setState({ value });\n  };\n\n  render() {\n    const { value } = this.state;\n    const { children, className, contentClassName, classes } = this.props;\n\n    const tabClasses = {\n      root: classes.tabRoot\n    };\n    return (\n      <div className={className}>\n        <MuiTabs indicatorColor=\"primary\" value={value} onChange={this.handleChange}>\n          {React.Children.map(children, (c, index) =>\n            c && c.props.title ? (\n              <MuiTab classes={tabClasses} key={index} label={c.props.title} />\n            ) : null\n          )}\n        </MuiTabs>\n        <div className={contentClassName}>{children[value]}</div>\n      </div>\n    );\n  }\n}\n\nexport default withStyles(() => ({\n  tabRoot: {}\n}))(Tabs);\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["Tabs","props","event","value","setState","state","children","className","contentClassName","classes","tabClasses","root","tabRoot","handleChange","React","Children","map","c","index","title","Component","PropTypes","object","string","oneOfType","arrayOf","node","isRequired","withStyles"],"sources":["../../src/tabs/index.jsx"],"sourcesContent":["import React from 'react';\n\nimport MuiTabs from '@material-ui/core/Tabs';\nimport MuiTab from '@material-ui/core/Tab';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core';\n\nexport class Tabs extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object,\n    className: PropTypes.string,\n    contentClassName: PropTypes.string,\n    children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      value: 0\n    };\n  }\n\n  handleChange = (event, value) => {\n    this.setState({ value });\n  };\n\n  render() {\n    const { value } = this.state;\n    const { children, className, contentClassName, classes } = this.props;\n\n    const tabClasses = {\n      root: classes.tabRoot\n    };\n    return (\n      <div className={className}>\n        <MuiTabs indicatorColor=\"primary\" value={value} onChange={this.handleChange}>\n          {React.Children.map(children, (c, index) =>\n            c && c.props.title ? (\n              <MuiTab classes={tabClasses} key={index} label={c.props.title} />\n            ) : null\n          )}\n        </MuiTabs>\n        <div className={contentClassName}>{children[value]}</div>\n      </div>\n    );\n  }\n}\n\nexport default withStyles(() => ({\n  tabRoot: {}\n}))(Tabs);\n"],"mappings":";;;;;;;;;AAAA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;IAEaA,I;;;;;EAQX,cAAYC,KAAZ,EAAmB;IAAA;;IAAA;;IACjB,0BAAMA,KAAN;;IADiB,+DAOJ,UAACC,KAAD,EAAQC,KAAR,EAAkB;MAC/B,MAAKC,QAAL,CAAc;QAAED,KAAK,EAALA;MAAF,CAAd;IACD,CATkB;;IAEjB,MAAKE,KAAL,GAAa;MACXF,KAAK,EAAE;IADI,CAAb;IAFiB;EAKlB;;;;WAMD,kBAAS;MACP,IAAQA,KAAR,GAAkB,KAAKE,KAAvB,CAAQF,KAAR;MACA,kBAA2D,KAAKF,KAAhE;MAAA,IAAQK,QAAR,eAAQA,QAAR;MAAA,IAAkBC,SAAlB,eAAkBA,SAAlB;MAAA,IAA6BC,gBAA7B,eAA6BA,gBAA7B;MAAA,IAA+CC,OAA/C,eAA+CA,OAA/C;MAEA,IAAMC,UAAU,GAAG;QACjBC,IAAI,EAAEF,OAAO,CAACG;MADG,CAAnB;MAGA,oBACE;QAAK,SAAS,EAAEL;MAAhB,gBACE,gCAAC,gBAAD;QAAS,cAAc,EAAC,SAAxB;QAAkC,KAAK,EAAEJ,KAAzC;QAAgD,QAAQ,EAAE,KAAKU;MAA/D,GACGC,iBAAA,CAAMC,QAAN,CAAeC,GAAf,CAAmBV,QAAnB,EAA6B,UAACW,CAAD,EAAIC,KAAJ;QAAA,OAC5BD,CAAC,IAAIA,CAAC,CAAChB,KAAF,CAAQkB,KAAb,gBACE,gCAAC,eAAD;UAAQ,OAAO,EAAET,UAAjB;UAA6B,GAAG,EAAEQ,KAAlC;UAAyC,KAAK,EAAED,CAAC,CAAChB,KAAF,CAAQkB;QAAxD,EADF,GAEI,IAHwB;MAAA,CAA7B,CADH,CADF,eAQE;QAAK,SAAS,EAAEX;MAAhB,GAAmCF,QAAQ,CAACH,KAAD,CAA3C,CARF,CADF;IAYD;;;;EAtCuBW,iBAAA,CAAMM,S;;;;gBAAnBpB,I,eACQ;EACjBS,OAAO,EAAEY,qBAAA,CAAUC,MADF;EAEjBf,SAAS,EAAEc,qBAAA,CAAUE,MAFJ;EAGjBf,gBAAgB,EAAEa,qBAAA,CAAUE,MAHX;EAIjBjB,QAAQ,EAAEe,qBAAA,CAAUG,SAAV,CAAoB,CAACH,qBAAA,CAAUI,OAAV,CAAkBJ,qBAAA,CAAUK,IAA5B,CAAD,EAAoCL,qBAAA,CAAUK,IAA9C,CAApB,EAAyEC;AAJlE,C;;eAwCN,IAAAC,gBAAA,EAAW;EAAA,OAAO;IAC/BhB,OAAO,EAAE;EADsB,CAAP;AAAA,CAAX,EAEXZ,IAFW,C"}

package/lib/tags-input/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/tags-input/index.jsx"],"names":["ENTER","Tag","tag","padding","margin","classes","label","onDelete","propTypes","PropTypes","string","isRequired","func","TagsInput","props","setState","focused","state","value","onKeyDown","event","keyCode","trim","newTags","tags","concat","length","onChange","target","deleteTag","tagIndex","indexOf","splice","input","focus","tagsInput","map","t","index","r","onFocus","onBlur","React","Component","object","arrayOf","styles","theme","border","display","flexWrap","minWidth","width","flex","height","fontSize","typography","fontFamily","outline"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport uniq from 'lodash/uniq';\nimport Chip from '@material-ui/core/Chip';\nimport MuiBox from '../mui-box';\n\nconst ENTER = 13;\n\nconst Tag = withStyles(() => ({\n  tag: {\n    padding: '0px',\n    margin: '1px'\n  }\n}))(({ classes, label, onDelete }) => (\n  <Chip className={classes.tag} label={label} onDelete={onDelete} />\n));\n\nTag.propTypes = {\n  label: PropTypes.string.isRequired,\n  onDelete: PropTypes.func.isRequired\n};\n\nexport class TagsInput extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    tags: PropTypes.arrayOf(PropTypes.string).isRequired,\n    onChange: PropTypes.func.isRequired\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      value: '',\n      focused: false\n    };\n\n    this.onKeyDown = event => {\n      if (event.keyCode === ENTER && this.state.value !== '') {\n        const tag = this.state.value.trim();\n        const newTags = uniq(this.props.tags.concat([tag]));\n\n        if (newTags.length !== this.props.tags.length) {\n          this.props.onChange(newTags);\n          this.setState({ value: '' });\n        }\n      }\n    };\n\n    this.onChange = event => {\n      this.setState({ value: event.target.value });\n    };\n\n    this.deleteTag = tag => {\n      const { tags } = this.props;\n\n      const tagIndex = tags.indexOf(tag);\n      if (tagIndex !== -1) {\n        tags.splice(tagIndex, 1);\n        this.props.onChange(tags);\n        this.input.focus();\n      }\n    };\n  }\n\n  onFocus = () => {\n    this.setState({ focused: true });\n  };\n\n  onBlur = () => {\n    this.setState({ focused: false });\n  };\n\n  render() {\n    const { classes, tags } = this.props;\n    return (\n      <MuiBox focused={this.state.focused}>\n        <div className={classes.tagsInput}>\n          {(tags || []).map((t, index) => (\n            <Tag key={index} label={t} onDelete={() => this.deleteTag(t)} />\n          ))}\n          <input\n            ref={r => (this.input = r)}\n            onKeyDown={this.onKeyDown}\n            onChange={this.onChange}\n            className={classes.input}\n            value={this.state.value}\n            onFocus={this.onFocus}\n            onBlur={this.onBlur}\n            type=\"text\"\n          />\n        </div>\n      </MuiBox>\n    );\n  }\n}\n\nconst styles = theme => ({\n  tagsInput: {\n    border: 'solid 0px white',\n    display: 'flex',\n    flexWrap: 'wrap'\n  },\n  input: {\n    padding: '2px',\n    margin: '1px',\n    minWidth: '30px',\n    width: '100%',\n    flex: '1',\n    border: 'solid 0px white',\n    height: '28px',\n    fontSize: theme.typography.fontSize,\n    fontFamily: theme.typography.fontFamily,\n    outline: 'none',\n    '&:focus': {\n      outline: 'none'\n    }\n  }\n});\n\nexport default withStyles(styles)(TagsInput);\n"],"file":"index.js"}
+{"version":3,"file":"index.js","names":["ENTER","Tag","withStyles","tag","padding","margin","classes","label","onDelete","propTypes","PropTypes","string","isRequired","func","TagsInput","props","setState","focused","state","value","onKeyDown","event","keyCode","trim","newTags","uniq","tags","concat","length","onChange","target","deleteTag","tagIndex","indexOf","splice","input","focus","tagsInput","map","t","index","r","onFocus","onBlur","React","Component","object","arrayOf","styles","theme","border","display","flexWrap","minWidth","width","flex","height","fontSize","typography","fontFamily","outline"],"sources":["../../src/tags-input/index.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport uniq from 'lodash/uniq';\nimport Chip from '@material-ui/core/Chip';\nimport MuiBox from '../mui-box';\n\nconst ENTER = 13;\n\nconst Tag = withStyles(() => ({\n  tag: {\n    padding: '0px',\n    margin: '1px'\n  }\n}))(({ classes, label, onDelete }) => (\n  <Chip className={classes.tag} label={label} onDelete={onDelete} />\n));\n\nTag.propTypes = {\n  label: PropTypes.string.isRequired,\n  onDelete: PropTypes.func.isRequired\n};\n\nexport class TagsInput extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    tags: PropTypes.arrayOf(PropTypes.string).isRequired,\n    onChange: PropTypes.func.isRequired\n  };\n\n  constructor(props) {\n    super(props);\n    this.state = {\n      value: '',\n      focused: false\n    };\n\n    this.onKeyDown = event => {\n      if (event.keyCode === ENTER && this.state.value !== '') {\n        const tag = this.state.value.trim();\n        const newTags = uniq(this.props.tags.concat([tag]));\n\n        if (newTags.length !== this.props.tags.length) {\n          this.props.onChange(newTags);\n          this.setState({ value: '' });\n        }\n      }\n    };\n\n    this.onChange = event => {\n      this.setState({ value: event.target.value });\n    };\n\n    this.deleteTag = tag => {\n      const { tags } = this.props;\n\n      const tagIndex = tags.indexOf(tag);\n      if (tagIndex !== -1) {\n        tags.splice(tagIndex, 1);\n        this.props.onChange(tags);\n        this.input.focus();\n      }\n    };\n  }\n\n  onFocus = () => {\n    this.setState({ focused: true });\n  };\n\n  onBlur = () => {\n    this.setState({ focused: false });\n  };\n\n  render() {\n    const { classes, tags } = this.props;\n    return (\n      <MuiBox focused={this.state.focused}>\n        <div className={classes.tagsInput}>\n          {(tags || []).map((t, index) => (\n            <Tag key={index} label={t} onDelete={() => this.deleteTag(t)} />\n          ))}\n          <input\n            ref={r => (this.input = r)}\n            onKeyDown={this.onKeyDown}\n            onChange={this.onChange}\n            className={classes.input}\n            value={this.state.value}\n            onFocus={this.onFocus}\n            onBlur={this.onBlur}\n            type=\"text\"\n          />\n        </div>\n      </MuiBox>\n    );\n  }\n}\n\nconst styles = theme => ({\n  tagsInput: {\n    border: 'solid 0px white',\n    display: 'flex',\n    flexWrap: 'wrap'\n  },\n  input: {\n    padding: '2px',\n    margin: '1px',\n    minWidth: '30px',\n    width: '100%',\n    flex: '1',\n    border: 'solid 0px white',\n    height: '28px',\n    fontSize: theme.typography.fontSize,\n    fontFamily: theme.typography.fontFamily,\n    outline: 'none',\n    '&:focus': {\n      outline: 'none'\n    }\n  }\n});\n\nexport default withStyles(styles)(TagsInput);\n"],"mappings":"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"}