@pie-lib/config-ui 11.0.24-next.4 → 11.0.25

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","customValues","number","value","clamp","currentIndex","findIndex","val","length","closestValue","getClosestValue","index","reduce","closest","Math","abs","event","onlyIntegersAllowed","target","rawNumber","parseInt","parseFloat","normalizeValueAndIndex","state","setState","toString","onChange","bind","sign","shouldUpdate","preventDefault","step","updatedIndex","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","array","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    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    const { value, currentIndex } = this.normalizeValueAndIndex(props.customValues, props.value);\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, currentIndex } = this.normalizeValueAndIndex(props.customValues, props.value);\n\n    this.setState({ value, currentIndex });\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  normalizeValueAndIndex = (customValues, number) => {\n    const value = this.clamp(number);\n    const currentIndex = (customValues || []).findIndex(val => val === value);\n\n    if ((customValues || []).length > 0 && currentIndex === -1) {\n      const closestValue = this.getClosestValue(customValues, value);\n\n      return { value: closestValue.value, currentIndex: closestValue.index };\n    }\n\n    return { value, currentIndex };\n  };\n\n  getClosestValue = (customValues, number) =>\n    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  onBlur = event => {\n    const { customValues, onlyIntegersAllowed } = this.props;\n    const { value } = event.target;\n    const rawNumber = onlyIntegersAllowed ? parseInt(value) : parseFloat(value);\n\n    const { value: number, currentIndex } = this.normalizeValueAndIndex(customValues, rawNumber);\n\n    if (number !== this.state.value) {\n      this.setState(\n        {\n          value: number.toString(),\n          currentIndex\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"],"file":"number-text-field-custom.js"}
+{"version":3,"sources":["../src/number-text-field-custom.jsx"],"names":["styles","theme","input","margin","iconButton","padding","fallbackNumber","min","max","NumberTextFieldCustom","props","customValues","number","value","clamp","currentIndex","findIndex","val","length","closestValue","getClosestValue","index","reduce","closest","Math","abs","event","onlyIntegersAllowed","target","rawNumber","parseInt","parseFloat","normalizeValueAndIndex","state","setState","toString","onChange","bind","sign","shouldUpdate","preventDefault","step","updatedIndex","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","array","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    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    const { value, currentIndex } = this.normalizeValueAndIndex(props.customValues, props.value);\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, currentIndex } = this.normalizeValueAndIndex(props.customValues, props.value);\n\n    this.setState({ value, currentIndex });\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  normalizeValueAndIndex = (customValues, number) => {\n    const value = this.clamp(number);\n    const currentIndex = (customValues || []).findIndex((val) => val === value);\n\n    if ((customValues || []).length > 0 && currentIndex === -1) {\n      const closestValue = this.getClosestValue(customValues, value);\n\n      return { value: closestValue.value, currentIndex: closestValue.index };\n    }\n\n    return { value, currentIndex };\n  };\n\n  getClosestValue = (customValues, number) =>\n    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  onBlur = (event) => {\n    const { customValues, onlyIntegersAllowed } = this.props;\n    const { value } = event.target;\n    const rawNumber = onlyIntegersAllowed ? parseInt(value) : parseFloat(value);\n\n    const { value: number, currentIndex } = this.normalizeValueAndIndex(customValues, rawNumber);\n\n    if (number !== this.state.value) {\n      this.setState(\n        {\n          value: number.toString(),\n          currentIndex,\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"],"file":"number-text-field-custom.js"}

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,"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":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AACA,IAAMA,GAAG,GAAG,uBAAM,sCAAN,CAAZ;;AAEA,IAAMC,MAAM,GAAG,SAATA,MAAS,CAACC,KAAD;AAAA,SAAY;AACzBC,IAAAA,IAAI,EAAE;AAAEC,MAAAA,WAAW,EAAEF,KAAK,CAACG,OAAN,CAAcC;AAA7B;AADmB,GAAZ;AAAA,CAAf;;AAIA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,CAACC,GAAD,EAAMC,GAAN,EAAc;AACnC,MAAI,CAAC,0BAASD,GAAT,CAAD,IAAkB,CAAC,0BAASC,GAAT,CAAvB,EAAsC;AACpC,WAAO,CAAP;AACD;;AACD,MAAI,CAAC,0BAASD,GAAT,CAAD,IAAkB,0BAASC,GAAT,CAAtB,EAAqC;AACnC,WAAOA,GAAP;AACD;;AAED,MAAI,0BAASD,GAAT,CAAJ,EAAmB;AACjB,WAAOA,GAAP;AACD;AACF,CAXD;;IAaaE,e;;;;;AAqBX,2BAAYC,KAAZ,EAAmB;AAAA;;AAAA;AACjB,8BAAMA,KAAN;AADiB,+FAyCV,UAACC,KAAD,EAAW;AAClB,UAAMC,KAAK,GAAGD,KAAK,CAACE,MAAN,CAAaD,KAA3B;AAEA,UAAME,SAAS,GAAGC,UAAU,CAACH,KAAD,CAA5B;AACAb,MAAAA,GAAG,CAAC,aAAD,EAAgBe,SAAhB,CAAH;;AAEA,UAAME,MAAM,GAAG,MAAKC,KAAL,CAAWH,SAAX,CAAf;;AACAf,MAAAA,GAAG,CAAC,UAAD,EAAaiB,MAAb,CAAH;;AAEA,UAAIA,MAAM,KAAK,MAAKE,KAAL,CAAWN,KAA1B,EAAiC;AAC/Bb,QAAAA,GAAG,CAAC,mBAAD,CAAH;;AACA,cAAKoB,QAAL,CAAc;AAAEP,UAAAA,KAAK,EAAEI,MAAM,CAACI,QAAP;AAAT,SAAd,EAA4C,YAAM;AAChD,gBAAKV,KAAL,CAAWW,QAAX,CAAoBV,KAApB,EAA2BK,MAA3B;AACD,SAFD;AAGD;AACF,KAxDkB;AAAA,qGA+DJ,YAAM;AACnB,wBAAqB,MAAKN,KAA1B;AAAA,UAAQH,GAAR,eAAQA,GAAR;AAAA,UAAaC,GAAb,eAAaA,GAAb;;AACA,UAAID,GAAG,IAAIC,GAAX,EAAgB;AACd,mDAAoCD,GAApC,kBAA+CC,GAA/C;AACD;;AACD,UAAID,GAAJ,EAAS;AACP,wDAAyCA,GAAzC;AACD;;AACD,UAAIC,GAAJ,EAAS;AACP,qDAAsCA,GAAtC;AACD;AACF,KA1EkB;AAAA,iGAkFR,YAAM;AACf,UAAQI,KAAR,GAAkB,MAAKM,KAAvB,CAAQN,KAAR;;AACA,UAAMU,MAAK,GAAGP,UAAU,CAACH,KAAD,CAAxB;;AACA,UAAMW,OAAO,GAAG,MAAKN,KAAL,CAAWK,MAAX,CAAhB;;AACA,UAAIC,OAAO,KAAKD,MAAhB,EAAuB;AACrB,eAAO,MAAKE,YAAL,EAAP;AACD;AACF,KAzFkB;;AAGjB,QAAMZ,MAAK,GAAG,MAAKK,KAAL,CAAWP,KAAK,CAACE,KAAjB,CAAd;;AAEA,UAAKM,KAAL,GAAa;AACXN,MAAAA,KAAK,EAALA;AADW,KAAb;;AAIA,QAAIA,MAAK,KAAKF,KAAK,CAACE,KAApB,EAA2B;AACzB,YAAKF,KAAL,CAAWW,QAAX,CAAoB,EAApB,EAAwBT,MAAxB;AACD;;AAED,UAAKS,QAAL,GAAgB,MAAKA,QAAL,CAAcI,IAAd,gDAAhB;AAbiB;AAclB;;;;WAED,0CAAiCf,KAAjC,EAAwC;AACtC,UAAME,KAAK,GAAG,KAAKK,KAAL,CAAWP,KAAK,CAACE,KAAjB,CAAd;AACA,WAAKO,QAAL,CAAc;AAAEP,QAAAA,KAAK,EAALA;AAAF,OAAd;AACD;;;WAED,eAAMA,KAAN,EAAa;AACX,UAAI,CAAC,0BAASA,KAAT,CAAL,EAAsB;AACpB,eAAON,cAAc,CAAC,KAAKI,KAAL,CAAWH,GAAZ,EAAiB,KAAKG,KAAL,CAAWF,GAA5B,CAArB;AACD;;AAED,yBAAqB,KAAKE,KAA1B;AAAA,UAAQH,GAAR,gBAAQA,GAAR;AAAA,UAAaC,GAAb,gBAAaA,GAAb;;AAEA,UAAI,0BAASA,GAAT,CAAJ,EAAmB;AACjBI,QAAAA,KAAK,GAAGc,IAAI,CAACnB,GAAL,CAASK,KAAT,EAAgBJ,GAAhB,CAAR;AACD;;AACD,UAAI,0BAASD,GAAT,CAAJ,EAAmB;AACjBK,QAAAA,KAAK,GAAGc,IAAI,CAAClB,GAAL,CAASI,KAAT,EAAgBL,GAAhB,CAAR;AACD;;AACD,aAAOK,KAAP;AACD;AAED;AACF;AACA;AACA;;;;WAkBE,kBAASD,KAAT,EAAgB;AACd,UAAMC,KAAK,GAAGD,KAAK,CAACE,MAAN,CAAaD,KAA3B;AACA,WAAKO,QAAL,CAAc;AAAEP,QAAAA,KAAK,EAALA;AAAF,OAAd;AACD;;;WA8BD,kBAAS;AAAA;;AACP,yBAYI,KAAKF,KAZT;AAAA,UACEiB,SADF,gBACEA,SADF;AAAA,UAEEC,OAFF,gBAEEA,OAFF;AAAA,UAGEC,KAHF,gBAGEA,KAHF;AAAA,UAIEC,QAJF,gBAIEA,QAJF;AAAA,UAKEC,MALF,gBAKEA,MALF;AAAA,UAMExB,GANF,gBAMEA,GANF;AAAA,UAOEC,GAPF,gBAOEA,GAPF;AAAA,UAQEwB,cARF,gBAQEA,cARF;AAAA,UASEC,gBATF,gBASEA,gBATF;AAAA,UAUEC,yBAVF,gBAUEA,yBAVF;AAAA,UAWEC,OAXF,gBAWEA,OAXF;AAaA,UAAMC,KAAK,GAAG,4BAAWR,OAAO,CAAC1B,IAAnB,EAAyByB,SAAzB,CAAd;AAEA,UAAMU,KAAK,GAAGH,yBAAyB,IAAI,KAAKI,QAAL,EAA3C;AACA,0BACE,gCAAC,qBAAD;AACE,QAAA,OAAO,EAAEH,OAAO,IAAI,UADtB;AAEE,QAAA,QAAQ,EAAE,kBAACI,GAAD,EAAS;AACjB,UAAA,MAAI,CAACC,QAAL,GAAgBD,GAAhB;AACD,SAJH;AAKE,QAAA,QAAQ,EAAET,QALZ;AAME,QAAA,KAAK,EAAED,KANT;AAOE,QAAA,KAAK,EAAE,KAAKX,KAAL,CAAWN,KAPpB;AAQE,QAAA,KAAK,EAAE,CAAC,CAACyB,KARX;AASE,QAAA,UAAU,EAAEA,KATd;AAUE,QAAA,QAAQ,EAAE,KAAKhB,QAVjB;AAWE,QAAA,MAAM,EAAE,KAAKoB,MAXf;AAYE,QAAA,UAAU,EAAE,oBAACC,CAAD,EAAO;AACjB;AACA,cAAIA,CAAC,CAACC,GAAF,KAAU,OAAV,IAAqB,MAAI,CAACH,QAA9B,EAAwC;AACtC,YAAA,MAAI,CAACA,QAAL,CAAcI,IAAd;AACD;AACF,SAjBH;AAkBE,QAAA,IAAI,EAAC,QAlBP;AAmBE,QAAA,SAAS,EAAER,KAnBb;AAoBE,QAAA,eAAe,EAAE;AACfS,UAAAA,MAAM,EAAE;AADO,SApBnB;AAuBE,QAAA,UAAU,EAAE;AACVC,UAAAA,YAAY,EAAEf,MAAM,iBAAI,gCAAC,0BAAD;AAAgB,YAAA,QAAQ,EAAC;AAAzB,aAAgCA,MAAhC,CADd;AAEVJ,UAAAA,SAAS,EAAEK,cAFD;AAGVC,UAAAA,gBAAgB,EAAEA;AAHR,SAvBd;AA4BE,QAAA,UAAU,EAAE;AACV1B,UAAAA,GAAG,EAAHA,GADU;AAEVC,UAAAA,GAAG,EAAHA;AAFU,SA5Bd;AAgCE,QAAA,MAAM,EAAC;AAhCT,QADF;AAoCD;;;EArKkCuC,kBAAMC,S;;;iCAA9BvC,e,eACQ;AACjBqB,EAAAA,QAAQ,EAAEmB,sBAAUC,IADH;AAEjBtB,EAAAA,OAAO,EAAEqB,sBAAUE,MAAV,CAAiBC,UAFT;AAGjBzB,EAAAA,SAAS,EAAEsB,sBAAUI,MAHJ;AAIjBrB,EAAAA,cAAc,EAAEiB,sBAAUI,MAJT;AAKjBhC,EAAAA,QAAQ,EAAE4B,sBAAUK,IAAV,CAAeF,UALR;AAMjBxC,EAAAA,KAAK,EAAEqC,sBAAUjC,MANA;AAOjBT,EAAAA,GAAG,EAAE0C,sBAAUjC,MAPE;AAQjBR,EAAAA,GAAG,EAAEyC,sBAAUjC,MARE;AASjBa,EAAAA,KAAK,EAAEoB,sBAAUI,MATA;AAUjBtB,EAAAA,MAAM,EAAEkB,sBAAUI,MAVD;AAWjBnB,EAAAA,yBAAyB,EAAEe,sBAAUC,IAXpB;AAYjBjB,EAAAA,gBAAgB,EAAEgB,sBAAUC,IAZX;AAajBf,EAAAA,OAAO,EAAEc,sBAAUI;AAbF,C;iCADR5C,e,kBAiBW;AACpByB,EAAAA,yBAAyB,EAAE;AADP,C;;eAuJT,wBAAWlC,MAAX,EAAmBS,eAAnB,C","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"}

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

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

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

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":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;AAEA,IAAMA,GAAG,GAAG,uBAAM,kCAAN,CAAZ;AAEA,IAAMC,UAAU,GAAG;AACjBC,EAAAA,KAAK,EAAEC,sBAAUC,MADA;AAEjBC,EAAAA,KAAK,EAAEF,sBAAUC;AAFA,CAAnB;AAKA,IAAME,SAAS,GAAG;AAChBJ,EAAAA,KAAK,EAAEC,sBAAUC,MADD;AAEhBC,EAAAA,KAAK,EAAEF,sBAAUC,MAFD;AAGhBG,EAAAA,QAAQ,EAAEJ,sBAAUK;AAHJ,CAAlB;;AAMA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,OAAgC;AAAA,MAA7BP,KAA6B,QAA7BA,KAA6B;AAAA,MAAtBG,KAAsB,QAAtBA,KAAsB;AAAA,MAAfE,SAAe,QAAfA,QAAe;AACrD,sBACE,gCAAC,oBAAD;AACE,IAAA,OAAO,EAAEF,KADX;AAEE,IAAA,KAAK,EAAEH,KAFT;AAGE,IAAA,QAAQ,EAAE,kBAAAQ,KAAK,EAAI;AACjBH,MAAAA,SAAQ,CAACG,KAAK,CAACC,MAAN,CAAaC,OAAd,CAAR;AACD;AALH,IADF;AASD,CAVD;;AAYAH,cAAc,CAACI,SAAf,GAA2B;AACzBX,EAAAA,KAAK,EAAEC,sBAAUC,MADQ;AAEzBC,EAAAA,KAAK,EAAEF,sBAAUW,IAFQ;AAGzBP,EAAAA,QAAQ,EAAEJ,sBAAUK;AAHK,CAA3B;;AAMA,IAAMO,KAAK,GAAG,SAARA,KAAQ,QAAkD;AAAA,MAA/CC,OAA+C,SAA/CA,OAA+C;AAAA,MAAtCd,KAAsC,SAAtCA,KAAsC;AAAA,MAA/BG,KAA+B,SAA/BA,KAA+B;AAAA,MAAxBE,QAAwB,SAAxBA,QAAwB;AAAA,MAAdU,OAAc,SAAdA,OAAc;AAC9D,sBACE,gCAAC,qBAAD;AACE,IAAA,SAAS,EAAED,OAAO,CAACE,aADrB;AAEE,IAAA,SAAS,EAAC,UAFZ;AAGE,IAAA,WAAW,EAAEC,8BAHf;AAIE,IAAA,KAAK,EAAEd,KAJT;AAKE,IAAA,MAAM,EAAEH,KALV;AAME,IAAA,GAAG,EAAEe,OAAO,CAAC,CAAD,CANd;AAOE,IAAA,GAAG,EAAEA,OAAO,CAAC,CAAD,CAPd;AAQE,IAAA,QAAQ,EAAEV;AARZ,IADF;AAYD,CAbD;;AAeAQ,KAAK,CAACF,SAAN,mCAAuBP,SAAvB;AAAkCW,EAAAA,OAAO,EAAEd,sBAAUiB,OAAV,CAAkBjB,sBAAUkB,KAAV,CAAgBpB,UAAhB,CAAlB;AAA3C;AAEA,IAAMqB,WAAW,GAAG,wBAAW;AAC7BJ,EAAAA,aAAa,EAAE;AACbK,IAAAA,SAAS,EAAE,KADE;AAEbC,IAAAA,aAAa,EAAE,KAFF;AAGbC,IAAAA,KAAK,EAAE,MAHM;AAIb,iBAAa;AACXC,MAAAA,KAAK,EAAE,qBADI;AAEXC,MAAAA,SAAS,EAAE,6BAFA;AAGXC,MAAAA,QAAQ,EAAE;AAHC,KAJA;AASb,eAAW;AACTL,MAAAA,SAAS,EAAE;AADF;AATE,GADc;AAc7BrB,EAAAA,KAAK,EAAE;AACL2B,IAAAA,OAAO,EAAE;AADJ;AAdsB,CAAX,EAiBjBd,KAjBiB,CAApB;AAmBA,IAAMe,QAAQ,GAAG,wBAAW;AAC1B5B,EAAAA,KAAK,EAAE;AACL6B,IAAAA,MAAM,EAAE,CADH;AAELH,IAAAA,QAAQ,EAAE;AAFL,GADmB;AAK1BI,EAAAA,OAAO,EAAE;AACPT,IAAAA,SAAS,EAAE,KADJ;AAEPU,IAAAA,MAAM,EAAE,qBAFD;AAGPC,IAAAA,YAAY,EAAE,KAHP;AAIPC,IAAAA,OAAO,EAAE;AAJF;AALiB,CAAX,EAWd,iBAAuD;AAAA,MAApDnB,OAAoD,SAApDA,OAAoD;AAAA,MAA3Cd,KAA2C,SAA3CA,KAA2C;AAAA,MAApCG,KAAoC,SAApCA,KAAoC;AAAA,MAA7BE,UAA6B,SAA7BA,QAA6B;AAAA,4BAAnBU,OAAmB;AAAA,MAAnBA,OAAmB,8BAAT,EAAS;AACxD,sBACE,6CACGf,KAAK,iBAAI;AAAG,IAAA,SAAS,EAAEc,OAAO,CAACd;AAAtB,KAA8BA,KAA9B,CADZ,eAEE,gCAAC,kBAAD;AACE,IAAA,SAAS,EAAEc,OAAO,CAACgB,OADrB;AAEE,IAAA,KAAK,EAAE3B,KAAK,IAAKY,OAAO,IAAIA,OAAO,CAAC,CAAD,CAFrC;AAGE,IAAA,QAAQ,EAAE;AAAA,UAAGN,MAAH,SAAGA,MAAH;AAAA,aAAgBJ,UAAQ,CAACI,MAAM,CAACN,KAAR,CAAxB;AAAA,KAHZ;AAIE,IAAA,KAAK,eAAE,gCAAC,iBAAD;AAAO,MAAA,EAAE,qBAAcH,KAAd;AAAT,MAJT;AAKE,IAAA,gBAAgB;AALlB,KAOGe,OAAO,CAACmB,GAAR,CAAY,UAACC,CAAD,EAAIC,KAAJ;AAAA,wBACX,gCAAC,oBAAD;AAAU,MAAA,GAAG,EAAEA,KAAf;AAAsB,MAAA,KAAK,EAAED;AAA7B,OACGA,CADH,CADW;AAAA,GAAZ,CAPH,CAFF,CADF;AAkBD,CA9BgB,CAAjB;AAgCAP,QAAQ,CAACjB,SAAT,mCAA0BP,SAA1B;AAAqCW,EAAAA,OAAO,EAAEd,sBAAUiB,OAAV,CAAkBjB,sBAAUC,MAA5B;AAA9C;AAEA,IAAMmC,WAAW,GAAG,wBAAW;AAC7BC,EAAAA,KAAK,EAAE;AACLf,IAAAA,KAAK,EAAE,KADF;AAELgB,IAAAA,WAAW,EAAE,MAFR;AAGLlB,IAAAA,SAAS,EAAE;AAHN,GADsB;AAM7BS,EAAAA,OAAO,EAAE;AACPT,IAAAA,SAAS,EAAE,KADJ;AAEPU,IAAAA,MAAM,EAAE,qBAFD;AAGPC,IAAAA,YAAY,EAAE,KAHP;AAIPC,IAAAA,OAAO,EAAE;AAJF;AANoB,CAAX,EAYjB,iBAAsE;AAAA,MAAnEnB,OAAmE,SAAnEA,OAAmE;AAAA,MAA1Dd,KAA0D,SAA1DA,KAA0D;AAAA,MAAnDG,KAAmD,SAAnDA,KAAmD;AAAA,6BAA5CE,QAA4C;AAAA,MAA5CA,UAA4C,+BAAjC,YAAM,CAAE,CAAyB;AAAA,MAAvBmC,MAAuB,SAAvBA,MAAuB;AAAA,MAAfC,GAAe,SAAfA,GAAe;AAAA,MAAVC,GAAU,SAAVA,GAAU;;AACvE,sBACE,gCAAC,sBAAD;AACE,IAAA,KAAK,EAAE1C,KAAK,IAAI,OADlB;AAEE,IAAA,KAAK,EAAEG,KAFT;AAGE,IAAA,GAAG,EAAEuC,GAHP;AAIE,IAAA,GAAG,EAAED,GAJP;AAKE,IAAA,QAAQ,EAAE,kBAACE,EAAD,EAAKxC,KAAL;AAAA,aAAeE,UAAQ,CAACF,KAAD,CAAvB;AAAA,KALZ;AAME,IAAA,MAAM,EAAEqC,MANV;AAOE,IAAA,SAAS,EAAE1B,OAAO,CAACwB,KAPrB;AAQE,IAAA,yBAAyB,MAR3B;AASE,IAAA,cAAc,EAAExB,OAAO,CAACgB,OAT1B;AAUE,IAAA,gBAAgB;AAVlB,IADF;AAcD,CA3BmB,CAApB;AA6BAO,WAAW,CAAC1B,SAAZ,mCACKP,SADL;AAEEU,EAAAA,OAAO,EAAEb,sBAAU2C,MAFrB;AAGEJ,EAAAA,MAAM,EAAEvC,sBAAUC,MAHpB;AAIEuC,EAAAA,GAAG,EAAExC,sBAAU4C,MAJjB;AAKEH,EAAAA,GAAG,EAAEzC,sBAAU4C,MALjB;AAME1C,EAAAA,KAAK,EAAEF,sBAAU4C;AANnB;;AASA,IAAMC,aAAa,GAAG,SAAhBA,aAAgB;AAAA,MAAG9C,KAAH,SAAGA,KAAH;AAAA,MAAUG,KAAV,SAAUA,KAAV;AAAA,MAAiBE,QAAjB,SAAiBA,QAAjB;AAAA,sBACpB,gCAAC,kBAAD;AAAQ,IAAA,KAAK,EAAEL,KAAf;AAAsB,IAAA,OAAO,EAAE,CAAC,CAACG,KAAjC;AAAwC,IAAA,MAAM,EAAEE;AAAhD,IADoB;AAAA,CAAtB;;AAIAyC,aAAa,CAACnC,SAAd,mCAA+BP,SAA/B;AAA0CD,EAAAA,KAAK,EAAEF,sBAAUW;AAA3D;AAEA,IAAMmC,MAAM,GAAG;AACbC,EAAAA,MAAM,EAAEF,aADK;AAEbG,EAAAA,KAAK,EAAE7B,WAFM;AAGb8B,EAAAA,QAAQ,EAAEtB,QAHG;AAIbuB,EAAAA,WAAW,EAAEd,WAJA;AAKbe,EAAAA,QAAQ,EAAE7C;AALG,CAAf;AAQA,IAAM8C,KAAK,GAAG,wBAAW;AAAA,SAAO;AAC9BC,IAAAA,KAAK,EAAE;AACLzB,MAAAA,MAAM,EAAE;AADH,KADuB;AAI9B0B,IAAAA,WAAW,EAAE;AACX/B,MAAAA,KAAK,EAAE,SADI;AAEXE,MAAAA,QAAQ,EAAE,MAFC;AAGX8B,MAAAA,UAAU,EAAE,GAHD;AAIXC,MAAAA,YAAY,EAAE;AAJH,KAJiB;AAU9BC,IAAAA,YAAY,EAAE;AACZhC,MAAAA,QAAQ,EAAE,SADE;AAEZ+B,MAAAA,YAAY,EAAE;AAFF;AAVgB,GAAP;AAAA,CAAX,EAcV,UAAAE,KAAK,EAAI;AACX,MAAQ7C,OAAR,GAAkE6C,KAAlE,CAAQ7C,OAAR;AAAA,MAAiB8C,KAAjB,GAAkED,KAAlE,CAAiBC,KAAjB;AAAA,MAAwB5D,KAAxB,GAAkE2D,KAAlE,CAAwB3D,KAAxB;AAAA,MAA+BsD,KAA/B,GAAkEK,KAAlE,CAA+BL,KAA/B;AAAA,MAAsCO,aAAtC,GAAkEF,KAAlE,CAAsCE,aAAtC;AAAA,MAAqDxD,UAArD,GAAkEsD,KAAlE,CAAqDtD,QAArD;AAEA;AACF;AACA;AACA;AACA;;AACE,MAAMyD,MAAM,GAAG,SAATA,MAAS,CAACR,KAAD,EAAQS,GAAR,EAAaC,QAAb,EAA0B;AACvC,eAA4C,sBAAIV,KAAJ,EAAWU,QAAQ,IAAID,GAAvB,CAA5C;AAAA,QAAQE,gBAAR,QAAQA,gBAAR;AAAA,QAA6BC,UAA7B;;AACA,QAAM/D,KAAK,GAAG8D,gBAAgB,GAAG,sBAAIJ,aAAJ,EAAmBE,GAAnB,CAAH,GAA6B,sBAAIH,KAAJ,EAAWG,GAAX,CAA3D;;AACA,QAAMI,QAAQ,mCAAQD,UAAR;AAAoBH,MAAAA,GAAG,EAAHA,GAApB;AAAyB5D,MAAAA,KAAK,EAALA;AAAzB,MAAd;;AACA,QAAMiE,GAAG,GAAGrB,MAAM,CAACoB,QAAQ,CAACE,IAAV,CAAlB;AAEA,wBAAO,gCAAC,GAAD;AAAK,MAAA,GAAG,EAAEN;AAAV,OAAmBI,QAAnB;AAA6B,MAAA,QAAQ,EAAE,kBAAAG,CAAC;AAAA,eAAIjE,UAAQ,CAAC0D,GAAD,EAAMO,CAAN,EAASL,gBAAT,CAAZ;AAAA;AAAxC,OAAP;AACD,GAPD;;AASA,MAAMM,OAAO,GAAG,SAAVA,OAAU,CAACjB,KAAD,EAAQS,GAAR,EAAgB;AAC9B,QAAMS,YAAY,GAAGlB,KAAK,CAACS,GAAD,CAA1B;;AAEA,QAAI,CAACS,YAAL,EAAmB;AACjB,aAAO,IAAP;AACD;;AAED,QAAQH,IAAR,GAAyCG,YAAzC,CAAQH,IAAR;AAAA,QAAcrE,KAAd,GAAyCwE,YAAzC,CAAcxE,KAAd;AAAA,QAAqByE,MAArB,GAAyCD,YAAzC,CAAqBC,MAArB;AAAA,QAA6B1D,OAA7B,GAAyCyD,YAAzC,CAA6BzD,OAA7B;;AAEA,QAAIsD,IAAI,KAAK,cAAb,EAA6B;AAC3B,0BACE;AAAK,QAAA,GAAG,wBAAiBrE,KAAjB;AAAR,sBACE;AAAG,QAAA,SAAS,EAAEc,OAAO,CAAC4C;AAAtB,SAAqC1D,KAArC,CADF,EAEG0E,MAAM,CAACC,IAAP,CAAYF,MAAZ,EAAoBvC,GAApB,CAAwB,UAAA0C,QAAQ,EAAI;AACnC,eAAOd,MAAM,CAACR,KAAD,YAAWS,GAAX,cAAkBa,QAAlB,aAAiCb,GAAjC,qBAA+Ca,QAA/C,EAAb;AACD,OAFA,CAFH,CADF;AAQD;;AAED,QAAIP,IAAI,KAAK,YAAb,EAA2B;AACzB,0BACE;AAAK,QAAA,GAAG,qBAAcrE,KAAd;AAAR,sBACE,2CAAIA,KAAJ,CADF,EAEG0E,MAAM,CAACC,IAAP,CAAY5D,OAAZ,EAAqBmB,GAArB,CAAyB,UAAA2C,SAAS,EAAI;AACrC,eAAOf,MAAM,CAACR,KAAD,YAAWS,GAAX,cAAkBc,SAAlB,aAAkCd,GAAlC,sBAAiDc,SAAjD,EAAb;AACD,OAFA,CAFH,CADF;AAQD,KA7B6B,CA+B9B;;;AACA,WAAOf,MAAM,CAACR,KAAD,EAAQS,GAAR,CAAb;AACD,GAjCD;;AAmCA,sBACE;AAAK,IAAA,SAAS,EAAEjD,OAAO,CAACwC;AAAxB,kBACE;AAAK,IAAA,SAAS,EAAExC,OAAO,CAACyC;AAAxB,KAAsCvD,KAAtC,CADF,EAGG0E,MAAM,CAACC,IAAP,CAAYrB,KAAZ,EAAmBpB,GAAnB,CAAuB,UAAA6B,GAAG,EAAI;AAC7B,WAAOQ,OAAO,CAACjB,KAAD,EAAQS,GAAR,CAAd;AACD,GAFA,CAHH,CADF;AASD,CA3Ea,CAAd;;IA6Eae,K;;;;;;;;;;;;;;;+FAcF,UAACf,GAAD,EAAM5D,KAAN,EAA0C;AAAA,UAA7B8D,gBAA6B,uEAAV,KAAU;AACjDnE,MAAAA,GAAG,CAAC,eAAD,EAAkBiE,GAAlB,EAAuB5D,KAAvB,CAAH;AACA,wBAAiD,MAAKwD,KAAtD;AAAA,UAAQoB,aAAR,eAAQA,aAAR;AAAA,UAAuBC,qBAAvB,eAAuBA,qBAAvB;;AACA,UAAMpB,KAAK,qBAAQ,MAAKD,KAAL,CAAWC,KAAnB,CAAX;;AACA,UAAMC,aAAa,qBAAQ,MAAKF,KAAL,CAAWE,aAAnB,CAAnB;;AAEA,UAAII,gBAAJ,EAAsB;AACpB,6BAAIJ,aAAJ,EAAmBE,GAAnB,EAAwB5D,KAAxB;AACA6E,QAAAA,qBAAqB,CAACnB,aAAD,EAAgBE,GAAhB,CAArB;AACD,OAHD,MAGO;AACL,6BAAIH,KAAJ,EAAWG,GAAX,EAAgB5D,KAAhB;AACA4E,QAAAA,aAAa,CAACnB,KAAD,EAAQG,GAAR,CAAb;AACD;AACF,K;;;;;;WAED,kBAAS;AAAA;;AACP,yBAAyC,KAAKJ,KAA9C;AAAA,UAAQsB,MAAR,gBAAQA,MAAR;AAAA,UAAgBrB,KAAhB,gBAAgBA,KAAhB;AAAA,UAAuBC,aAAvB,gBAAuBA,aAAvB;AACA/D,MAAAA,GAAG,CAAC,SAAD,EAAY8D,KAAZ,CAAH;AAEA,0BACE,6CACGc,MAAM,CAACC,IAAP,CAAYM,MAAZ,EAAoB/C,GAApB,CAAwB,UAAAgD,CAAC;AAAA,4BACxB,gCAAC,KAAD;AACE,UAAA,KAAK,EAAEA,CADT;AAEE,UAAA,GAAG,EAAEA,CAFP;AAGE,UAAA,KAAK,EAAEtB,KAHT;AAIE,UAAA,aAAa,EAAEC,aAJjB;AAKE,UAAA,KAAK,EAAEoB,MAAM,CAACC,CAAD,CALf;AAME,UAAA,QAAQ,EAAE,MAAI,CAACC;AANjB,UADwB;AAAA,OAAzB,CADH,CADF;AAcD;;;EA/CwBC,kBAAMC,S;;;iCAApBP,K,eACQ;AACjBlB,EAAAA,KAAK,EAAE3D,sBAAU2C,MADA;AAEjBiB,EAAAA,aAAa,EAAE5D,sBAAU2C,MAFR;AAGjBqC,EAAAA,MAAM,EAAEhF,sBAAU2C,MAHD;AAIjBmC,EAAAA,aAAa,EAAE9E,sBAAUK,IAJR;AAKjB0E,EAAAA,qBAAqB,EAAE/E,sBAAUK;AALhB,C;iCADRwE,K,kBASW;AACpBC,EAAAA,aAAa,EAAE,yBAAM,CAAE,CADH;AAEpBC,EAAAA,qBAAqB,EAAE,iCAAM,CAAE;AAFX,C;eAyCTF,K","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,"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 }) => <Toggle label={label} checked={!!value} toggle={onChange} />;\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"}

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

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,"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,UAACC,KAAD;AAAA,SAAY;AACpCC,IAAAA,MAAM,EAAE;AACNC,MAAAA,OAAO,EAAE,MADH;AAENC,MAAAA,KAAK,EAAE,MAFD;AAGNC,MAAAA,cAAc,EAAE;AAHV,KAD4B;AAMpCC,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAE,qBADF;AAELC,MAAAA,QAAQ,EAAE,MAFL;AAGLC,MAAAA,UAAU,EAAER,KAAK,CAACS,OAAN,CAAcC,IAAd,GAAqB;AAH5B;AAN6B,GAAZ;AAAA,CAAX,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,kBAACE,CAAD;AAAA,aAAOZ,MAAM,CAACY,CAAC,CAACC,MAAF,CAASH,OAAV,CAAb;AAAA;AAApC,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"}

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,qGAOJ,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;;;iCAAnBpB,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,"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,qGAOJ,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,gBAAqB,gCAAC,eAAD;AAAQ,UAAA,OAAO,EAAET,UAAjB;AAA6B,UAAA,GAAG,EAAEQ,KAAlC;AAAyC,UAAA,KAAK,EAAED,CAAC,CAAChB,KAAF,CAAQkB;AAAxD,UAArB,GAAyF,IAD7D;AAAA,OAA7B,CADH,CADF,eAME;AAAK,QAAA,SAAS,EAAEX;AAAhB,SAAmCF,QAAQ,CAACH,KAAD,CAA3C,CANF,CADF;AAUD;;;EApCuBW,kBAAMM,S;;;iCAAnBpB,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;;eAsCN,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 ? <MuiTab classes={tabClasses} key={index} label={c.props.title} /> : 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"}

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,"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 }) => <Chip className={classes.tag} label={label} onDelete={onDelete} />);\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"}

package/lib/two-choice.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/two-choice.jsx"],"names":["styles","theme","group","display","flexWrap","paddingLeft","marginTop","spacing","unit","vertical","flexDirection","RawNChoice","event","props","onChange","currentTarget","value","header","className","classes","customLabel","opts","direction","preppedOpts","map","o","label","LabelComponent","RadioWithLabel","index","handleChange","React","Component","PropTypes","string","isRequired","func","array","oneOf","object","NChoice","labelValue","shape","TwoChoice","one","two","oneOfType"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;AAEA,IAAMA,MAAM,GAAG,SAATA,MAAS,CAAAC,KAAK;AAAA,SAAK;AACvBC,IAAAA,KAAK,EAAE;AACLC,MAAAA,OAAO,EAAE,MADJ;AAELC,MAAAA,QAAQ,EAAE,MAFL;AAGLC,MAAAA,WAAW,EAAE,CAHR;AAILC,MAAAA,SAAS,EAAEL,KAAK,CAACM,OAAN,CAAcC;AAJpB,KADgB;AAOvBC,IAAAA,QAAQ,EAAE;AACRC,MAAAA,aAAa,EAAE;AADP;AAPa,GAAL;AAAA,CAApB;;IAYMC,U;;;;;;;;;;;;;;;qGAYW,UAAAC,KAAK,EAAI;AACtB,YAAKC,KAAL,CAAWC,QAAX,CAAoBF,KAAK,CAACG,aAAN,CAAoBC,KAAxC;AACD,K;;;;;;WAED,kBAAS;AAAA;;AACP,wBAA4E,KAAKH,KAAjF;AAAA,UAAQI,MAAR,eAAQA,MAAR;AAAA,UAAgBC,SAAhB,eAAgBA,SAAhB;AAAA,UAA2BC,OAA3B,eAA2BA,OAA3B;AAAA,UAAoCC,WAApC,eAAoCA,WAApC;AAAA,UAAiDC,IAAjD,eAAiDA,IAAjD;AAAA,UAAuDL,KAAvD,eAAuDA,KAAvD;AAAA,UAA8DM,SAA9D,eAA8DA,SAA9D;AAEA,UAAMC,WAAW,GAAGF,IAAI,CAACG,GAAL,CAAS,UAAAC,CAAC,EAAI;AAChC,eAAO,OAAOA,CAAP,KAAa,QAAb,GAAwB;AAAEC,UAAAA,KAAK,EAAED,CAAT;AAAYT,UAAAA,KAAK,EAAES;AAAnB,SAAxB,GAAiDA,CAAxD;AACD,OAFmB,CAApB;AAGA,UAAME,cAAc,GAAGP,WAAW,IAAIQ,0BAAtC;AAEA,0BACE,gCAAC,wBAAD;AAAgB,QAAA,KAAK,EAAEX,MAAvB;AAA+B,QAAA,SAAS,EAAEC;AAA1C,sBACE;AAAK,QAAA,SAAS,EAAE,4BAAWC,OAAO,CAACjB,KAAnB,EAA0BiB,OAAO,CAACG,SAAD,CAAjC;AAAhB,SACGC,WAAW,CAACC,GAAZ,CAAgB,UAACC,CAAD,EAAII,KAAJ;AAAA,4BACf,gCAAC,cAAD;AACE,UAAA,KAAK,EAAEJ,CAAC,CAACT,KADX;AAEE,UAAA,GAAG,EAAEa,KAFP;AAGE,UAAA,OAAO,EAAEJ,CAAC,CAACT,KAAF,KAAYA,KAHvB;AAIE,UAAA,QAAQ,EAAE,MAAI,CAACc,YAJjB;AAKE,UAAA,KAAK,EAAEL,CAAC,CAACC;AALX,UADe;AAAA,OAAhB,CADH,CADF,CADF;AAeD;;;EAvCsBK,kBAAMC,S;;iCAAzBrB,U,eACe;AACjBM,EAAAA,MAAM,EAAEgB,sBAAUC,MAAV,CAAiBC,UADR;AAEjBjB,EAAAA,SAAS,EAAEe,sBAAUC,MAFJ;AAGjBd,EAAAA,WAAW,EAAEa,sBAAUG,IAHN;AAIjBf,EAAAA,IAAI,EAAEY,sBAAUI,KAAV,CAAgBF,UAJL;AAKjBnB,EAAAA,KAAK,EAAEiB,sBAAUC,MALA;AAMjBpB,EAAAA,QAAQ,EAAEmB,sBAAUG,IAAV,CAAeD,UANR;AAOjBb,EAAAA,SAAS,EAAEW,sBAAUK,KAAV,CAAgB,CAAC,YAAD,EAAe,UAAf,CAAhB,CAPM;AAQjBnB,EAAAA,OAAO,EAAEc,sBAAUM,MAAV,CAAiBJ;AART,C;AAyCd,IAAMK,OAAO,GAAG,wBAAWxC,MAAX,EAAmBW,UAAnB,CAAhB;;;AAEP,IAAM8B,UAAU,GAAGR,sBAAUS,KAAV,CAAgB;AAAEhB,EAAAA,KAAK,EAAEO,sBAAUC,MAAnB;AAA2BlB,EAAAA,KAAK,EAAEiB,sBAAUC;AAA5C,CAAhB,CAAnB;;IAEMS,S;;;;;;;;;;;;WAWJ,kBAAS;AACP,yBAAsE,KAAK9B,KAA3E;AAAA,UAAQ+B,GAAR,gBAAQA,GAAR;AAAA,UAAaC,GAAb,gBAAaA,GAAb;AAAA,UAAkB5B,MAAlB,gBAAkBA,MAAlB;AAAA,UAA0BC,SAA1B,gBAA0BA,SAA1B;AAAA,UAAqCE,WAArC,gBAAqCA,WAArC;AAAA,UAAkDJ,KAAlD,gBAAkDA,KAAlD;AAAA,UAAyDF,QAAzD,gBAAyDA,QAAzD;AACA,UAAMO,IAAI,GAAG,CAACuB,GAAD,EAAMC,GAAN,CAAb;AAEA,0BACE,gCAAC,OAAD;AACE,QAAA,WAAW,EAAEzB,WADf;AAEE,QAAA,MAAM,EAAEH,MAFV;AAGE,QAAA,SAAS,EAAEC,SAHb;AAIE,QAAA,IAAI,EAAEG,IAJR;AAKE,QAAA,KAAK,EAAEL,KALT;AAME,QAAA,QAAQ,EAAEF;AANZ,QADF;AAUD;;;EAzBqBiB,kBAAMC,S;;iCAAxBW,S,eACe;AACjB1B,EAAAA,MAAM,EAAEgB,sBAAUC,MAAV,CAAiBC,UADR;AAEjBnB,EAAAA,KAAK,EAAEiB,sBAAUC,MAAV,CAAiBC,UAFP;AAGjBrB,EAAAA,QAAQ,EAAEmB,sBAAUG,IAAV,CAAeD,UAHR;AAIjBS,EAAAA,GAAG,EAAEX,sBAAUa,SAAV,CAAoB,CAACL,UAAD,EAAaR,sBAAUC,MAAvB,CAApB,CAJY;AAKjBW,EAAAA,GAAG,EAAEZ,sBAAUa,SAAV,CAAoB,CAACL,UAAD,EAAaR,sBAAUC,MAAvB,CAApB,CALY;AAMjBhB,EAAAA,SAAS,EAAEe,sBAAUC,MANJ;AAOjBd,EAAAA,WAAW,EAAEa,sBAAUG;AAPN,C;;eA2BN,wBAAWpC,MAAX,EAAmB2C,SAAnB,C","sourcesContent":["import { InputContainer } from '@pie-lib/render-ui';\nimport PropTypes from 'prop-types';\nimport RadioWithLabel from './radio-with-label';\nimport React from 'react';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst styles = theme => ({\n  group: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    paddingLeft: 0,\n    marginTop: theme.spacing.unit\n  },\n  vertical: {\n    flexDirection: 'column'\n  }\n});\n\nclass RawNChoice extends React.Component {\n  static propTypes = {\n    header: PropTypes.string.isRequired,\n    className: PropTypes.string,\n    customLabel: PropTypes.func,\n    opts: PropTypes.array.isRequired,\n    value: PropTypes.string,\n    onChange: PropTypes.func.isRequired,\n    direction: PropTypes.oneOf(['horizontal', 'vertical']),\n    classes: PropTypes.object.isRequired\n  };\n\n  handleChange = event => {\n    this.props.onChange(event.currentTarget.value);\n  };\n\n  render() {\n    const { header, className, classes, customLabel, opts, value, direction } = this.props;\n\n    const preppedOpts = opts.map(o => {\n      return typeof o === 'string' ? { label: o, value: o } : o;\n    });\n    const LabelComponent = customLabel || RadioWithLabel;\n\n    return (\n      <InputContainer label={header} className={className}>\n        <div className={classNames(classes.group, classes[direction])}>\n          {preppedOpts.map((o, index) => (\n            <LabelComponent\n              value={o.value}\n              key={index}\n              checked={o.value === value}\n              onChange={this.handleChange}\n              label={o.label}\n            />\n          ))}\n        </div>\n      </InputContainer>\n    );\n  }\n}\n\nexport const NChoice = withStyles(styles)(RawNChoice);\n\nconst labelValue = PropTypes.shape({ label: PropTypes.string, value: PropTypes.string });\n\nclass TwoChoice extends React.Component {\n  static propTypes = {\n    header: PropTypes.string.isRequired,\n    value: PropTypes.string.isRequired,\n    onChange: PropTypes.func.isRequired,\n    one: PropTypes.oneOfType([labelValue, PropTypes.string]),\n    two: PropTypes.oneOfType([labelValue, PropTypes.string]),\n    className: PropTypes.string,\n    customLabel: PropTypes.func\n  };\n\n  render() {\n    const { one, two, header, className, customLabel, value, onChange } = this.props;\n    const opts = [one, two];\n\n    return (\n      <NChoice\n        customLabel={customLabel}\n        header={header}\n        className={className}\n        opts={opts}\n        value={value}\n        onChange={onChange}\n      />\n    );\n  }\n}\n\nexport default withStyles(styles)(TwoChoice);\n"],"file":"two-choice.js"}
+{"version":3,"sources":["../src/two-choice.jsx"],"names":["styles","theme","group","display","flexWrap","paddingLeft","marginTop","spacing","unit","vertical","flexDirection","RawNChoice","event","props","onChange","currentTarget","value","header","className","classes","customLabel","opts","direction","preppedOpts","map","o","label","LabelComponent","RadioWithLabel","index","handleChange","React","Component","PropTypes","string","isRequired","func","array","oneOf","object","NChoice","labelValue","shape","TwoChoice","one","two","oneOfType"],"mappings":"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","sourcesContent":["import { InputContainer } from '@pie-lib/render-ui';\nimport PropTypes from 'prop-types';\nimport RadioWithLabel from './radio-with-label';\nimport React from 'react';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\n\nconst styles = (theme) => ({\n  group: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    paddingLeft: 0,\n    marginTop: theme.spacing.unit,\n  },\n  vertical: {\n    flexDirection: 'column',\n  },\n});\n\nclass RawNChoice extends React.Component {\n  static propTypes = {\n    header: PropTypes.string.isRequired,\n    className: PropTypes.string,\n    customLabel: PropTypes.func,\n    opts: PropTypes.array.isRequired,\n    value: PropTypes.string,\n    onChange: PropTypes.func.isRequired,\n    direction: PropTypes.oneOf(['horizontal', 'vertical']),\n    classes: PropTypes.object.isRequired,\n  };\n\n  handleChange = (event) => {\n    this.props.onChange(event.currentTarget.value);\n  };\n\n  render() {\n    const { header, className, classes, customLabel, opts, value, direction } = this.props;\n\n    const preppedOpts = opts.map((o) => {\n      return typeof o === 'string' ? { label: o, value: o } : o;\n    });\n    const LabelComponent = customLabel || RadioWithLabel;\n\n    return (\n      <InputContainer label={header} className={className}>\n        <div className={classNames(classes.group, classes[direction])}>\n          {preppedOpts.map((o, index) => (\n            <LabelComponent\n              value={o.value}\n              key={index}\n              checked={o.value === value}\n              onChange={this.handleChange}\n              label={o.label}\n            />\n          ))}\n        </div>\n      </InputContainer>\n    );\n  }\n}\n\nexport const NChoice = withStyles(styles)(RawNChoice);\n\nconst labelValue = PropTypes.shape({ label: PropTypes.string, value: PropTypes.string });\n\nclass TwoChoice extends React.Component {\n  static propTypes = {\n    header: PropTypes.string.isRequired,\n    value: PropTypes.string.isRequired,\n    onChange: PropTypes.func.isRequired,\n    one: PropTypes.oneOfType([labelValue, PropTypes.string]),\n    two: PropTypes.oneOfType([labelValue, PropTypes.string]),\n    className: PropTypes.string,\n    customLabel: PropTypes.func,\n  };\n\n  render() {\n    const { one, two, header, className, customLabel, value, onChange } = this.props;\n    const opts = [one, two];\n\n    return (\n      <NChoice\n        customLabel={customLabel}\n        header={header}\n        className={className}\n        opts={opts}\n        value={value}\n        onChange={onChange}\n      />\n    );\n  }\n}\n\nexport default withStyles(styles)(TwoChoice);\n"],"file":"two-choice.js"}

package/lib/with-stateful-model.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/with-stateful-model.jsx"],"names":["withStatefulModel","Component","Stateful","props","model","setState","onChange","state","React","PropTypes","object","isRequired","func"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;;;AAEA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAAAC,SAAS,EAAI;AAAA,MAC/BC,QAD+B;AAAA;;AAAA;;AAOnC,sBAAYC,KAAZ,EAAmB;AAAA;;AAAA;AACjB,gCAAMA,KAAN;AADiB,mGAWR,UAAAC,KAAK,EAAI;AAClB,cAAKC,QAAL,CAAc;AAAED,UAAAA,KAAK,EAALA;AAAF,SAAd,EAAyB,YAAM;AAC7B,gBAAKD,KAAL,CAAWG,QAAX,CAAoB,MAAKC,KAAL,CAAWH,KAA/B;AACD,SAFD;AAGD,OAfkB;AAEjB,YAAKG,KAAL,GAAa;AACXH,QAAAA,KAAK,EAAED,KAAK,CAACC;AADF,OAAb;AAFiB;AAKlB;;AAZkC;AAAA;AAAA,aAcnC,mCAA0BD,KAA1B,EAAiC;AAC/B,aAAKE,QAAL,CAAc;AAAED,UAAAA,KAAK,EAAED,KAAK,CAACC;AAAf,SAAd;AACD;AAhBkC;AAAA;AAAA,aAwBnC,kBAAS;AACP,4BAAO,gCAAC,SAAD;AAAW,UAAA,KAAK,EAAE,KAAKG,KAAL,CAAWH,KAA7B;AAAoC,UAAA,QAAQ,EAAE,KAAKE;AAAnD,UAAP;AACD;AA1BkC;AAAA;AAAA,IACdE,kBAAMP,SADQ;;AAAA,mCAC/BC,QAD+B,eAEhB;AACjBE,IAAAA,KAAK,EAAEK,sBAAUC,MAAV,CAAiBC,UADP;AAEjBL,IAAAA,QAAQ,EAAEG,sBAAUG,IAAV,CAAeD;AAFR,GAFgB;AA6BrC,SAAOT,QAAP;AACD,CA9BD;;eAgCeF,iB","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst withStatefulModel = Component => {\n  class Stateful extends React.Component {\n    static propTypes = {\n      model: PropTypes.object.isRequired,\n      onChange: PropTypes.func.isRequired\n    };\n\n    constructor(props) {\n      super(props);\n      this.state = {\n        model: props.model\n      };\n    }\n\n    componentWillReceiveProps(props) {\n      this.setState({ model: props.model });\n    }\n\n    onChange = model => {\n      this.setState({ model }, () => {\n        this.props.onChange(this.state.model);\n      });\n    };\n\n    render() {\n      return <Component model={this.state.model} onChange={this.onChange} />;\n    }\n  }\n\n  return Stateful;\n};\n\nexport default withStatefulModel;\n"],"file":"with-stateful-model.js"}
+{"version":3,"sources":["../src/with-stateful-model.jsx"],"names":["withStatefulModel","Component","Stateful","props","model","setState","onChange","state","React","PropTypes","object","isRequired","func"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;;;;;AAEA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,SAAD,EAAe;AAAA,MACjCC,QADiC;AAAA;;AAAA;;AAOrC,sBAAYC,KAAZ,EAAmB;AAAA;;AAAA;AACjB,gCAAMA,KAAN;AADiB,mGAWR,UAACC,KAAD,EAAW;AACpB,cAAKC,QAAL,CAAc;AAAED,UAAAA,KAAK,EAALA;AAAF,SAAd,EAAyB,YAAM;AAC7B,gBAAKD,KAAL,CAAWG,QAAX,CAAoB,MAAKC,KAAL,CAAWH,KAA/B;AACD,SAFD;AAGD,OAfkB;AAEjB,YAAKG,KAAL,GAAa;AACXH,QAAAA,KAAK,EAAED,KAAK,CAACC;AADF,OAAb;AAFiB;AAKlB;;AAZoC;AAAA;AAAA,aAcrC,mCAA0BD,KAA1B,EAAiC;AAC/B,aAAKE,QAAL,CAAc;AAAED,UAAAA,KAAK,EAAED,KAAK,CAACC;AAAf,SAAd;AACD;AAhBoC;AAAA;AAAA,aAwBrC,kBAAS;AACP,4BAAO,gCAAC,SAAD;AAAW,UAAA,KAAK,EAAE,KAAKG,KAAL,CAAWH,KAA7B;AAAoC,UAAA,QAAQ,EAAE,KAAKE;AAAnD,UAAP;AACD;AA1BoC;AAAA;AAAA,IAChBE,kBAAMP,SADU;;AAAA,mCACjCC,QADiC,eAElB;AACjBE,IAAAA,KAAK,EAAEK,sBAAUC,MAAV,CAAiBC,UADP;AAEjBL,IAAAA,QAAQ,EAAEG,sBAAUG,IAAV,CAAeD;AAFR,GAFkB;AA6BvC,SAAOT,QAAP;AACD,CA9BD;;eAgCeF,iB","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst withStatefulModel = (Component) => {\n  class Stateful extends React.Component {\n    static propTypes = {\n      model: PropTypes.object.isRequired,\n      onChange: PropTypes.func.isRequired,\n    };\n\n    constructor(props) {\n      super(props);\n      this.state = {\n        model: props.model,\n      };\n    }\n\n    componentWillReceiveProps(props) {\n      this.setState({ model: props.model });\n    }\n\n    onChange = (model) => {\n      this.setState({ model }, () => {\n        this.props.onChange(this.state.model);\n      });\n    };\n\n    render() {\n      return <Component model={this.state.model} onChange={this.onChange} />;\n    }\n  }\n\n  return Stateful;\n};\n\nexport default withStatefulModel;\n"],"file":"with-stateful-model.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/config-ui",
-  "version": "11.0.24-next.4+67ed9334",
+  "version": "11.0.25",
   "main": "lib/index.js",
   "module": "src/index.js",
   "publishConfig": {
@@ -10,9 +10,9 @@
   "dependencies": {
     "@material-ui/core": "^3.8.3",
     "@material-ui/icons": "^3.0.2",
-    "@pie-lib/editable-html": "^9.2.6-next.4+67ed9334",
-    "@pie-lib/icons": "^2.4.25",
-    "@pie-lib/render-ui": "^4.13.6",
+    "@pie-lib/editable-html": "^9.2.7",
+    "@pie-lib/icons": "^2.4.26",
+    "@pie-lib/render-ui": "^4.13.7",
     "classnames": "^2.2.6",
     "debug": "^4.1.1",
     "lodash": "^4.17.11",
@@ -26,5 +26,5 @@
   "peerDependencies": {
     "react": "^16.8.1"
   },
-  "gitHead": "67ed9334c986af832b0a9058b696bc803acd3d74"
+  "gitHead": "f81076118e63884db5f5d65a41cff9aad111137e"
 }

package/src/alert-dialog.jsx

@@ -1,13 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import {
-  Button,
-  Dialog,
-  DialogActions,
-  DialogContent,
-  DialogContentText,
-  DialogTitle
-} from '@material-ui/core';
+import { Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle } from '@material-ui/core';
 
 const AlertDialog = ({ text, title, onClose, onConfirm, open }) => (
   <Dialog open={open} onClose={onClose}>
@@ -37,7 +30,7 @@ AlertDialog.propTypes = {
   title: PropTypes.string,
   onClose: PropTypes.func,
   onConfirm: PropTypes.func,
-  open: PropTypes.bool
+  open: PropTypes.bool,
 };
 
 export default AlertDialog;

package/src/checkbox.jsx

@@ -10,7 +10,7 @@ const Checkbox = ({ mini, checked, onChange, value, label, classes }) => (
   <FormControlLabel
     className={classNames(classes.mini)}
     classes={{
-      label: classNames(classes.label, mini && classes.miniLabel)
+      label: classNames(classes.label, mini && classes.miniLabel),
     }}
     control={
       <MuiCheckbox
@@ -30,34 +30,34 @@ Checkbox.propTypes = {
   checked: PropTypes.bool.isRequired,
   onChange: PropTypes.func.isRequired,
   value: PropTypes.string,
-  label: PropTypes.string.isRequired
+  label: PropTypes.string.isRequired,
 };
 
 Checkbox.defaultProps = {
   value: '',
-  mini: false
+  mini: false,
 };
 
-export default withStyles(theme => ({
+export default withStyles((theme) => ({
   label: {
     fontSize: '13px',
     transform: 'translate(-4%, 2%)',
-    color: 'rgba(0,0,0,1.0)'
+    color: 'rgba(0,0,0,1.0)',
   },
   miniCheckbox: {
     margin: 0,
     padding: 0,
     width: theme.spacing.unit * 3,
-    height: theme.spacing.unit * 3
+    height: theme.spacing.unit * 3,
   },
   miniLabel: {
     marginLeft: theme.spacing.unit,
     color: grey[700],
-    fontSize: '11px'
+    fontSize: '11px',
   },
   mini: {
     margin: 0,
     marginLeft: 0,
-    padding: 0
-  }
+    padding: 0,
+  },
 }))(Checkbox);