@pie-lib/config-ui 11.9.24 → 11.9.25-next.1595

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/number-text-field-custom.jsx"],"names":["styles","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 = () => ({\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    helperText: 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    textAlign: PropTypes.string,\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        title={''}\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","input","margin","iconButton","padding","fallbackNumber","min","max","NumberTextFieldCustom","props","customValues","number","type","value","clamp","currentIndex","findIndex","val","length","closestValue","getClosestFractionValue","getClosestValue","index","reduce","closest","Math","abs","math","fraction","isPositiveInteger","trim","split","numerator","denominator","isNaN","parseFloat","Number","isInteger","n","event","onlyIntegersAllowed","target","tempValue","getValidFraction","rawNumber","round","normalizeValueAndIndex","setState","toString","onChange","state","bind","sign","shouldUpdate","preventDefault","step","updatedIndex","parseInt","updatedValue","className","classes","label","disabled","error","inputClassName","disableUnderline","helperText","variant","textAlign","names","disabledStart","disabledEnd","ref","inputRef","onBlur","e","key","blur","changeValue","startAdornment","endAdornment","style","React","Component","PropTypes","object","isRequired","string","array","bool","func","any"],"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';\nimport * as math from 'mathjs';\n\nconst styles = () => ({\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    helperText: PropTypes.string,\n    onChange: PropTypes.func.isRequired,\n    onlyIntegersAllowed: PropTypes.bool,\n    value: PropTypes.any,\n    min: PropTypes.number,\n    max: PropTypes.number,\n    step: PropTypes.number,\n    label: PropTypes.string,\n    disableUnderline: PropTypes.bool,\n    textAlign: PropTypes.string,\n    variant: PropTypes.string,\n    type: 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, props.min, props.max);\n\n    this.setState({ value, currentIndex });\n  }\n\n  clamp(value, min = this.props.min, max = this.props.max) {\n    const { 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, min, max) => {\n    const { type } = this.props;\n    const value = this.clamp(number, min, max);\n    const currentIndex = (customValues || []).findIndex((val) => val === value);\n\n    if ((customValues || []).length > 0 && currentIndex === -1) {\n      const closestValue =\n        type === 'text' ? this.getClosestFractionValue(customValues, value) : 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  getClosestFractionValue = (customValues, number) =>\n    customValues.reduce(\n      (closest, value, index) =>\n        Math.abs(math.number(math.fraction(value)) - math.number(math.fraction(number))) <\n        Math.abs(math.number(math.fraction(closest.value)) - math.number(math.fraction(number)))\n          ? { value, index }\n          : closest,\n      { value: customValues[0], index: 0 },\n    );\n\n  getValidFraction = (value) => {\n    if (this.isPositiveInteger(value.trim())) {\n      return value.trim();\n    }\n    if (value.trim() === '' || value.trim().split('/').length !== 2) {\n      return false;\n    }\n    let [numerator, denominator] = value.trim().split('/');\n    if (isNaN(numerator) || isNaN(denominator)) {\n      return false;\n    }\n    numerator = parseFloat(numerator);\n    denominator = parseFloat(denominator);\n    if (!Number.isInteger(numerator) || !Number.isInteger(denominator)) {\n      return false;\n    }\n    if (numerator < 0 || denominator < 1) {\n      return false;\n    }\n    return numerator + '/' + denominator;\n  };\n\n  isPositiveInteger = (n) => {\n    return n >>> 0 === parseFloat(n);\n  };\n\n  onBlur = (event) => {\n    const { customValues, onlyIntegersAllowed, type } = this.props;\n    let { value } = event.target;\n    if (type === 'text') {\n      let tempValue = this.getValidFraction(value);\n      if (tempValue) {\n        value = tempValue;\n      } else {\n        value = this.props.value;\n      }\n    }\n    let rawNumber = onlyIntegersAllowed ? Math.round(parseFloat(value)) : parseFloat(value);\n    if (type === 'text') {\n      rawNumber = value.trim();\n    }\n    const { value: number, currentIndex } = this.normalizeValueAndIndex(customValues, rawNumber);\n    this.setState(\n      {\n        value: number.toString(),\n        currentIndex,\n      },\n      () => this.props.onChange(event, number),\n    );\n  };\n\n  onChange(event) {\n    const { type } = this.props;\n    const { value } = event.target;\n    if (type !== 'text' && typeof value === 'string' && value.trim() === '') {\n      return;\n    }\n    this.setState({ value });\n  }\n\n  changeValue(event, sign = 1, shouldUpdate = false) {\n    event.preventDefault();\n    const { customValues, step, onlyIntegersAllowed, onChange } = this.props;\n    const { currentIndex, value } = this.state;\n    const updatedIndex = currentIndex + sign * 1;\n    let number;\n    if (customValues.length > 0) {\n      if (updatedIndex < 0 || updatedIndex >= customValues.length) {\n        return;\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    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      customValues,\n      inputClassName,\n      disableUnderline,\n      helperText,\n      variant,\n      textAlign,\n      type = 'number',\n    } = this.props;\n    const { value } = this.state;\n    const names = classNames(className, classes.input);\n    //Logic to disable the increment and decrement buttons\n    let disabledStart = false;\n    let disabledEnd = false;\n    if (customValues.length > 0) {\n      disabledStart = value === customValues[0];\n      disabledEnd = value === customValues[customValues.length - 1];\n    } else if (isFinite(min) && isFinite(max)) {\n      disabledStart = value === min;\n      disabledEnd = value === max;\n    }\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        title={''}\n        type={type}\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 ? disabled : disabledStart}\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 ? disabled : disabledEnd}\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

@@ -143,7 +143,7 @@ var NumberTextField = /*#__PURE__*/function (_React$Component) {
   (0, _createClass2["default"])(NumberTextField, [{
     key: "UNSAFE_componentWillReceiveProps",
     value: function UNSAFE_componentWillReceiveProps(props) {
-      var value = this.clamp(props.value);
+      var value = this.clamp(props.value, props.min, props.max);
       this.setState({
         value: value
       });
@@ -151,14 +151,13 @@ var NumberTextField = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "clamp",
     value: function clamp(value) {
+      var min = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.props.min;
+      var max = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : this.props.max;
+
       if (!(0, _isFinite["default"])(value)) {
-        return fallbackNumber(this.props.min, this.props.max);
+        return fallbackNumber(min, max);
       }
 
-      var _this$props2 = this.props,
-          min = _this$props2.min,
-          max = _this$props2.max;
-
       if ((0, _isFinite["default"])(max)) {
         value = Math.min(value, max);
       }
@@ -187,18 +186,18 @@ var NumberTextField = /*#__PURE__*/function (_React$Component) {
     value: function render() {
       var _this2 = this;
 
-      var _this$props3 = this.props,
-          className = _this$props3.className,
-          classes = _this$props3.classes,
-          label = _this$props3.label,
-          disabled = _this$props3.disabled,
-          suffix = _this$props3.suffix,
-          min = _this$props3.min,
-          max = _this$props3.max,
-          inputClassName = _this$props3.inputClassName,
-          disableUnderline = _this$props3.disableUnderline,
-          showErrorWhenOutsideRange = _this$props3.showErrorWhenOutsideRange,
-          variant = _this$props3.variant;
+      var _this$props2 = this.props,
+          className = _this$props2.className,
+          classes = _this$props2.classes,
+          label = _this$props2.label,
+          disabled = _this$props2.disabled,
+          suffix = _this$props2.suffix,
+          min = _this$props2.min,
+          max = _this$props2.max,
+          inputClassName = _this$props2.inputClassName,
+          disableUnderline = _this$props2.disableUnderline,
+          showErrorWhenOutsideRange = _this$props2.showErrorWhenOutsideRange,
+          variant = _this$props2.variant;
       var names = (0, _classnames["default"])(classes.root, className);
       var error = showErrorWhenOutsideRange && this.getError();
       return /*#__PURE__*/_react["default"].createElement(_TextField["default"], {

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","width","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: {\n    marginRight: theme.spacing.unit,\n    '& label': {\n      width: 'max-content',\n    },\n  },\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","width","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: {\n    marginRight: theme.spacing.unit,\n    '& label': {\n      width: 'max-content',\n    },\n  },\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, props.min, props.max);\n\n    this.setState({ value });\n  }\n\n  clamp(value, min = this.props.min, max = this.props.max) {\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  /**\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

@@ -15,10 +15,15 @@ var _react = _interopRequireDefault(require("react"));
 
 var _styles = require("@material-ui/core/styles");
 
+var _renderUi = require("@pie-lib/render-ui");
+
 var _default = (0, _styles.withStyles)({
   label: {
     left: '-5px',
     position: 'relative'
+  },
+  customColor: {
+    color: "".concat(_renderUi.color.tertiary(), " !important")
   }
 })(function (_ref) {
   var label = _ref.label,
@@ -28,8 +33,11 @@ var _default = (0, _styles.withStyles)({
       classes = _ref.classes;
   return /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
     value: value,
-    classes: classes,
+    classes: {
+      label: classes.label
+    },
     control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
+      className: classes.customColor,
       checked: checked,
       onChange: onChange
     }),

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","customColor","color","tertiary","value","checked","onChange","classes"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;eAEe,wBAAW;AACxBA,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAE,MADD;AAELC,IAAAA,QAAQ,EAAE;AAFL,GADiB;AAKxBC,EAAAA,WAAW,EAAE;AACXC,IAAAA,KAAK,YAAKA,gBAAMC,QAAN,EAAL;AADM;AALW,CAAX,EAQZ;AAAA,MAAGL,KAAH,QAAGA,KAAH;AAAA,MAAUM,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,EAAE;AAAEN,MAAAA,KAAK,EAAES,OAAO,CAACT;AAAjB,KAFX;AAGE,IAAA,OAAO,eAAE,gCAAC,iBAAD;AAAO,MAAA,SAAS,EAAES,OAAO,CAACN,WAA1B;AAAuC,MAAA,OAAO,EAAEI,OAAhD;AAAyD,MAAA,QAAQ,EAAEC;AAAnE,MAHX;AAIE,IAAA,KAAK,EAAER;AAJT,IADC;AAAA,CARY,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';\nimport { color } from '@pie-lib/render-ui';\n\nexport default withStyles({\n  label: {\n    left: '-5px',\n    position: 'relative',\n  },\n  customColor: {\n    color: `${color.tertiary()} !important`,\n  },\n})(({ label, value, checked, onChange, classes }) => (\n  <FormControlLabel\n    value={value}\n    classes={{ label: classes.label }}\n    control={<Radio className={classes.customColor} checked={checked} onChange={onChange} />}\n    label={label}\n  />\n));\n"],"file":"radio-with-label.js"}

package/lib/settings/index.js

@@ -36,10 +36,12 @@ exports.textField = textField;
 
 var toggle = function toggle(label) {
   var isConfigProperty = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  var disabled = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   return {
     type: 'toggle',
     label: label,
-    isConfigProperty: isConfigProperty
+    isConfigProperty: isConfigProperty,
+    disabled: disabled
   };
 };
 

package/lib/settings/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/settings/index.js"],"names":["textField","label","isConfigProperty","type","toggle","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 textField = (label, isConfigProperty = true) => ({\n  label,\n  type: 'textField',\n  isConfigProperty,\n});\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\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":["textField","label","isConfigProperty","type","toggle","disabled","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":";;;;;;;;;;;;;;;;;;;AAAA;;;;;;AAIO,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,KAAD;AAAA,MAAQC,gBAAR,uEAA2B,IAA3B;AAAA,SAAqC;AAC5DD,IAAAA,KAAK,EAALA,KAD4D;AAE5DE,IAAAA,IAAI,EAAE,WAFsD;AAG5DD,IAAAA,gBAAgB,EAAhBA;AAH4D,GAArC;AAAA,CAAlB;;;;AAMA,IAAME,MAAM,GAAG,SAATA,MAAS,CAACH,KAAD;AAAA,MAAQC,gBAAR,uEAA2B,KAA3B;AAAA,MAAkCG,QAAlC,uEAA6C,KAA7C;AAAA,SAAwD;AAC5EF,IAAAA,IAAI,EAAE,QADsE;AAE5EF,IAAAA,KAAK,EAALA,KAF4E;AAG5EC,IAAAA,gBAAgB,EAAhBA,gBAH4E;AAI5EG,IAAAA,QAAQ,EAARA;AAJ4E,GAAxD;AAAA,CAAf;;;;AAOP,IAAMC,QAAQ,GAAG,SAAXA,QAAW,CAACC,GAAD,EAAS;AACxB,MAAI,OAAOA,GAAP,KAAe,QAAnB,EAA6B;AAC3B,WAAO;AAAEN,MAAAA,KAAK,EAAEM,GAAT;AAAcC,MAAAA,KAAK,EAAED;AAArB,KAAP;AACD,GAFD,MAEO;AACL,WAAOA,GAAP;AACD;AACF,CAND;;AAQO,IAAME,KAAK,GAAG,SAARA,KAAQ,GAAW;AAC9B,MAAMC,IAAI,GAAGC,KAAK,CAACC,SAAN,CAAgBC,KAAhB,CAAsBC,IAAtB,CAA2BC,SAA3B,CAAb;;AACA,8CAAmDL,IAAnD;AAAA,MAAOT,KAAP;AAAA,MAAce,OAAd;AAAA;AAAA,MAAuBd,gBAAvB,uBAA0C,KAA1C;;AAEA,SAAO;AACLC,IAAAA,IAAI,EAAE,OADD;AAELF,IAAAA,KAAK,EAALA,KAFK;AAGLe,IAAAA,OAAO,EAAEA,OAAO,IAAIA,OAAO,CAACC,GAAR,CAAY,UAACC,CAAD;AAAA,aAAOZ,QAAQ,CAACY,CAAD,CAAf;AAAA,KAAZ,CAHf;AAILhB,IAAAA,gBAAgB,EAAhBA;AAJK,GAAP;AAMD,CAVM;;;;AAYA,IAAMiB,QAAQ,GAAG,SAAXA,QAAW,CAAClB,KAAD,EAAQe,OAAR,EAA8C;AAAA,MAA7Bd,gBAA6B,uEAAV,KAAU;AACpE,SAAO;AACLC,IAAAA,IAAI,EAAE,UADD;AAELF,IAAAA,KAAK,EAALA,KAFK;AAGLe,IAAAA,OAAO,EAAPA,OAHK;AAILd,IAAAA,gBAAgB,EAAhBA;AAJK,GAAP;AAMD,CAPM;;;;AASA,IAAMkB,WAAW,GAAG,SAAdA,WAAc,CAACnB,KAAD,EAAQoB,OAAR;AAAA,MAAiBnB,gBAAjB,uEAAoC,KAApC;AAAA,yCACtBmB,OADsB;AAEzBpB,IAAAA,KAAK,EAALA,KAFyB;AAGzBE,IAAAA,IAAI,EAAE,aAHmB;AAIzBD,IAAAA,gBAAgB,EAAhBA;AAJyB;AAAA,CAApB;;;;AAOA,IAAMoB,YAAY,GAAG,SAAfA,YAAe,CAACrB,KAAD,EAAQsB,MAAR,EAA6C;AAAA,MAA7BrB,gBAA6B,uEAAV,KAAU;AACvEsB,EAAAA,MAAM,CAACC,IAAP,CAAYF,MAAZ,EAAoBN,GAApB,CAAwB,UAACS,GAAD,EAAS;AAC/BH,IAAAA,MAAM,CAACG,GAAD,CAAN,GAAcN,WAAW,CAACG,MAAM,CAACG,GAAD,CAAN,CAAYzB,KAAb,EAAoBsB,MAAM,CAACG,GAAD,CAA1B,EAAiCxB,gBAAjC,CAAzB;AACD,GAFD;AAIA,SAAO;AACLC,IAAAA,IAAI,EAAE,cADD;AAELF,IAAAA,KAAK,EAALA,KAFK;AAGLsB,IAAAA,MAAM,EAANA;AAHK,GAAP;AAKD,CAVM;;;;AAYA,IAAMI,QAAQ,GAAG,SAAXA,QAAW,CAAC1B,KAAD,EAAQ2B,QAAR;AAAA,MAAkB1B,gBAAlB,uEAAqC,KAArC;AAAA,yCACnB0B,QADmB;AAEtB3B,IAAAA,KAAK,EAALA,KAFsB;AAGtBE,IAAAA,IAAI,EAAE,UAHgB;AAItBD,IAAAA,gBAAgB,EAAhBA;AAJsB;AAAA,CAAjB;;;;AAOA,IAAM2B,UAAU,GAAG,SAAbA,UAAa,CAAC5B,KAAD,EAAQe,OAAR,EAA8C;AAAA,MAA7Bd,gBAA6B,uEAAV,KAAU;AACtEsB,EAAAA,MAAM,CAACC,IAAP,CAAYT,OAAZ,EAAqBC,GAArB,CAAyB,UAACS,GAAD,EAAS;AAChCV,IAAAA,OAAO,CAACU,GAAD,CAAP,GAAeC,QAAQ,CAACX,OAAO,CAACU,GAAD,CAAP,CAAazB,KAAd,EAAqBe,OAAO,CAACU,GAAD,CAA5B,EAAmCxB,gBAAnC,CAAvB;AACD,GAFD;AAIA,SAAO;AACLC,IAAAA,IAAI,EAAE,YADD;AAELF,IAAAA,KAAK,EAALA,KAFK;AAGLe,IAAAA,OAAO,EAAPA;AAHK,GAAP;AAKD,CAVM","sourcesContent":["import Panel from './panel';\n\nexport { Panel };\n\nexport const textField = (label, isConfigProperty = true) => ({\n  label,\n  type: 'textField',\n  isConfigProperty,\n});\n\nexport const toggle = (label, isConfigProperty = false, disabled = false) => ({\n  type: 'toggle',\n  label,\n  isConfigProperty,\n  disabled,\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\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

@@ -51,7 +51,7 @@ var _twoChoice = require("../two-choice");
 
 var _settingsRadioLabel = _interopRequireDefault(require("./settings-radio-label"));
 
-var _index = require("../index");
+var _numberTextField = _interopRequireDefault(require("../number-text-field"));
 
 var _checkbox = _interopRequireDefault(require("../checkbox"));
 
@@ -227,7 +227,7 @@ var NumberField = (0, _styles.withStyles)(function (theme) {
       min = _ref6.min,
       max = _ref6.max;
 
-  return /*#__PURE__*/_react["default"].createElement(_index.NumberTextField, {
+  return /*#__PURE__*/_react["default"].createElement(_numberTextField["default"], {
     label: label || 'Label',
     value: value,
     max: max,
@@ -239,7 +239,8 @@ var NumberField = (0, _styles.withStyles)(function (theme) {
     className: classes.field,
     showErrorWhenOutsideRange: true,
     inputClassName: classes.wrapper,
-    disableUnderline: true
+    disableUnderline: true,
+    classes: classes
   });
 });
 NumberField.propTypes = _objectSpread(_objectSpread({}, baseTypes), {}, {
@@ -252,12 +253,14 @@ NumberField.propTypes = _objectSpread(_objectSpread({}, baseTypes), {}, {
 TextField.propTypes = _objectSpread({}, baseTypes);
 
 var ToggleWrapper = function ToggleWrapper(_ref7) {
-  var label = _ref7.label,
+  var disabled = _ref7.disabled,
+      label = _ref7.label,
       value = _ref7.value,
       onChange = _ref7.onChange;
   return /*#__PURE__*/_react["default"].createElement(_toggle["default"], {
     label: label,
     checked: !!value,
+    disabled: !!disabled,
     toggle: onChange
   });
 };

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","theme","marginTop","spacing","unit","paddingBottom","width","color","transform","fontSize","display","Dropdown","margin","typography","wrapper","border","borderRadius","padding","getItemLabel","l","getItemValue","map","index","TextField","field","marginRight","NumberField","suffix","min","max","ev","object","number","ToggleWrapper","tagMap","toggle","radio","dropdown","numberField","checkbox","textField","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","modal","renderedGroups","showGroup","entries","some","propVal","change","React","Component"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;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,kBAACQ,KAAD,EAAW;AACnBH,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,kBAAD;AACE,IAAA,SAAS,EAAED,OAAO,CAACE,aADrB;AAEE,IAAA,SAAS,EAAC,YAFZ;AAGE,IAAA,WAAW,EAAEC,8BAHf;AAIE,IAAA,KAAK,EAAEd,KAJT;AAKE,IAAA,MAAM,EAAEH,KALV;AAME,IAAA,IAAI,EAAEe,OANR;AAOE,IAAA,QAAQ,EAAEV;AAPZ,IADF;AAWD,CAZD;;AAcAQ,KAAK,CAACF,SAAN,mCAAuBP,SAAvB;AAAkCW,EAAAA,OAAO,EAAEd,sBAAUiB,OAAV,CAAkBjB,sBAAUkB,KAAV,CAAgBpB,UAAhB,CAAlB;AAA3C;AAEA,IAAMqB,WAAW,GAAG,wBAAW,UAACC,KAAD;AAAA,SAAY;AACzCL,IAAAA,aAAa,EAAE;AACbM,MAAAA,SAAS,EAAED,KAAK,CAACE,OAAN,CAAcC,IAAd,GAAqB,CADnB;AAEbC,MAAAA,aAAa,EAAEJ,KAAK,CAACE,OAAN,CAAcC,IAAd,GAAqB,CAFvB;AAGbE,MAAAA,KAAK,EAAE,MAHM;AAIb,mBAAa;AACXC,QAAAA,KAAK,EAAE,qBADI;AAEXC,QAAAA,SAAS,EAAE,6BAFA;AAGXC,QAAAA,QAAQ,EAAE;AAHC,OAJA;AASb,iBAAW;AACTP,QAAAA,SAAS,EAAED,KAAK,CAACE,OAAN,CAAcC,IAAd,GAAqB;AADvB;AATE,KAD0B;AAczCxB,IAAAA,KAAK,EAAE;AACL8B,MAAAA,OAAO,EAAE;AADJ;AAdkC,GAAZ;AAAA,CAAX,EAiBhBjB,KAjBgB,CAApB;AAmBA,IAAMkB,QAAQ,GAAG,wBAAW,UAACV,KAAD;AAAA,SAAY;AACtCrB,IAAAA,KAAK,EAAE;AACLgC,MAAAA,MAAM,EAAE,CADH;AAELH,MAAAA,QAAQ,EAAER,KAAK,CAACY,UAAN,CAAiBJ;AAFtB,KAD+B;AAKtCK,IAAAA,OAAO,EAAE;AACPZ,MAAAA,SAAS,EAAED,KAAK,CAACE,OAAN,CAAcC,IAAd,GAAqB,CADzB;AAEPW,MAAAA,MAAM,EAAE,qBAFD;AAGPC,MAAAA,YAAY,EAAE,KAHP;AAIPC,MAAAA,OAAO,cAAOhB,KAAK,CAACE,OAAN,CAAcC,IAArB;AAJA;AAL6B,GAAZ;AAAA,CAAX,EAWb,iBAAuD;AAAA,MAApDV,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;;AACzD,MAAMuB,YAAY,GAAG,SAAfA,YAAe,CAACC,CAAD;AAAA,WAAQ,OAAOA,CAAP,KAAa,QAAb,GAAwBA,CAAxB,GAA4BA,CAAC,CAACvC,KAAtC;AAAA,GAArB;;AACA,MAAMwC,YAAY,GAAG,SAAfA,YAAe,CAACD,CAAD;AAAA,WAAQ,OAAOA,CAAP,KAAa,QAAb,GAAwBA,CAAxB,GAA4BA,CAAC,CAACpC,KAAtC;AAAA,GAArB;;AACA,sBACE,6CACGH,KAAK,iBAAI;AAAG,IAAA,SAAS,EAAEc,OAAO,CAACd;AAAtB,KAA8BA,KAA9B,CADZ,eAEE,gCAAC,kBAAD;AACE,IAAA,SAAS,EAAEc,OAAO,CAACoB,OADrB;AAEE,IAAA,KAAK,EAAE/B,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,CAAC0B,GAAR,CAAY,UAACF,CAAD,EAAIG,KAAJ;AAAA,wBACX,gCAAC,oBAAD;AAAU,MAAA,GAAG,EAAEA,KAAf;AAAsB,MAAA,KAAK,EAAEF,YAAY,CAACD,CAAD;AAAzC,OACGD,YAAY,CAACC,CAAD,CADf,CADW;AAAA,GAAZ,CAPH,CAFF,CADF;AAkBD,CAhCgB,CAAjB;AAkCAR,QAAQ,CAACpB,SAAT,mCAA0BP,SAA1B;AAAqCW,EAAAA,OAAO,EAAEd,sBAAUiB,OAAV,CAAkBjB,sBAAUC,MAA5B;AAA9C;AAEA,IAAMyC,SAAS,GAAG,wBAAW,UAACtB,KAAD;AAAA,SAAY;AACvCuB,IAAAA,KAAK,EAAE;AACLC,MAAAA,WAAW,EAAExB,KAAK,CAACE,OAAN,CAAcC,IAAd,GAAqB,CAD7B;AAELF,MAAAA,SAAS,EAAED,KAAK,CAACE,OAAN,CAAcC;AAFpB;AADgC,GAAZ;AAAA,CAAX,EAKd,iBAAwB;AAAA,MAArBV,OAAqB,SAArBA,OAAqB;AAAA,MAAZd,KAAY,SAAZA,KAAY;AAC1B,sBAAO,gCAAC,sBAAD;AAAY,IAAA,SAAS,EAAEc,OAAO,CAAC8B;AAA/B,KAAuC5C,KAAvC,CAAP;AACD,CAPiB,CAAlB;AASA,IAAM8C,WAAW,GAAG,wBAAW,UAACzB,KAAD;AAAA,SAAY;AACzCuB,IAAAA,KAAK,EAAE;AACLlB,MAAAA,KAAK,EAAE,KADF;AAELmB,MAAAA,WAAW,EAAExB,KAAK,CAACE,OAAN,CAAcC,IAAd,GAAqB,CAF7B;AAGLF,MAAAA,SAAS,EAAED,KAAK,CAACE,OAAN,CAAcC;AAHpB,KADkC;AAMzCU,IAAAA,OAAO,EAAE;AACPZ,MAAAA,SAAS,EAAED,KAAK,CAACE,OAAN,CAAcC,IAAd,GAAqB,CADzB;AAEPW,MAAAA,MAAM,EAAE,qBAFD;AAGPC,MAAAA,YAAY,EAAE,KAHP;AAIPC,MAAAA,OAAO,cAAOhB,KAAK,CAACE,OAAN,CAAcC,IAArB;AAJA;AANgC,GAAZ;AAAA,CAAX,EAYhB,iBAAsE;AAAA,MAAnEV,OAAmE,SAAnEA,OAAmE;AAAA,MAA1Dd,KAA0D,SAA1DA,KAA0D;AAAA,MAAnDG,KAAmD,SAAnDA,KAAmD;AAAA,6BAA5CE,QAA4C;AAAA,MAA5CA,UAA4C,+BAAjC,YAAM,CAAE,CAAyB;AAAA,MAAvB0C,MAAuB,SAAvBA,MAAuB;AAAA,MAAfC,GAAe,SAAfA,GAAe;AAAA,MAAVC,GAAU,SAAVA,GAAU;;AACxE,sBACE,gCAAC,sBAAD;AACE,IAAA,KAAK,EAAEjD,KAAK,IAAI,OADlB;AAEE,IAAA,KAAK,EAAEG,KAFT;AAGE,IAAA,GAAG,EAAE8C,GAHP;AAIE,IAAA,GAAG,EAAED,GAJP;AAKE,IAAA,QAAQ,EAAE,kBAACE,EAAD,EAAK/C,KAAL;AAAA,aAAeE,UAAQ,CAACF,KAAD,CAAvB;AAAA,KALZ;AAME,IAAA,MAAM,EAAE4C,MANV;AAOE,IAAA,SAAS,EAAEjC,OAAO,CAAC8B,KAPrB;AAQE,IAAA,yBAAyB,MAR3B;AASE,IAAA,cAAc,EAAE9B,OAAO,CAACoB,OAT1B;AAUE,IAAA,gBAAgB;AAVlB,IADF;AAcD,CA3BmB,CAApB;AA6BAY,WAAW,CAACnC,SAAZ,mCACKP,SADL;AAEEU,EAAAA,OAAO,EAAEb,sBAAUkD,MAFrB;AAGEJ,EAAAA,MAAM,EAAE9C,sBAAUC,MAHpB;AAIE8C,EAAAA,GAAG,EAAE/C,sBAAUmD,MAJjB;AAKEH,EAAAA,GAAG,EAAEhD,sBAAUmD,MALjB;AAMEjD,EAAAA,KAAK,EAAEF,sBAAUmD;AANnB;AASAT,SAAS,CAAChC,SAAV,qBACKP,SADL;;AAIA,IAAMiD,aAAa,GAAG,SAAhBA,aAAgB;AAAA,MAAGrD,KAAH,SAAGA,KAAH;AAAA,MAAUG,KAAV,SAAUA,KAAV;AAAA,MAAiBE,QAAjB,SAAiBA,QAAjB;AAAA,sBAAgC,gCAAC,kBAAD;AAAQ,IAAA,KAAK,EAAEL,KAAf;AAAsB,IAAA,OAAO,EAAE,CAAC,CAACG,KAAjC;AAAwC,IAAA,MAAM,EAAEE;AAAhD,IAAhC;AAAA,CAAtB;;AAEAgD,aAAa,CAAC1C,SAAd,mCAA+BP,SAA/B;AAA0CD,EAAAA,KAAK,EAAEF,sBAAUW;AAA3D;AAEA,IAAM0C,MAAM,GAAG;AACbC,EAAAA,MAAM,EAAEF,aADK;AAEbG,EAAAA,KAAK,EAAEpC,WAFM;AAGbqC,EAAAA,QAAQ,EAAE1B,QAHG;AAIb2B,EAAAA,WAAW,EAAEZ,WAJA;AAKba,EAAAA,QAAQ,EAAEpD,cALG;AAMbqD,EAAAA,SAAS,EAAEjB;AANE,CAAf;AASA,IAAMkB,KAAK,GAAG,wBAAW,UAACxC,KAAD;AAAA,SAAY;AACnCyC,IAAAA,KAAK,EAAE;AACL9B,MAAAA,MAAM,gBAASX,KAAK,CAACE,OAAN,CAAcC,IAAd,GAAqB,CAA9B;AADD,KAD4B;AAInCuC,IAAAA,WAAW,EAAE;AACXpC,MAAAA,KAAK,EAAE,SADI;AAEXE,MAAAA,QAAQ,EAAER,KAAK,CAACY,UAAN,CAAiBJ,QAAjB,GAA4B,CAF3B;AAGXmC,MAAAA,UAAU,EAAE,GAHD;AAIXC,MAAAA,YAAY,EAAE5C,KAAK,CAACE,OAAN,CAAcC;AAJjB,KAJsB;AAUnC0C,IAAAA,YAAY,EAAE;AACZrC,MAAAA,QAAQ,EAAER,KAAK,CAACY,UAAN,CAAiBJ,QADf;AAEZoC,MAAAA,YAAY,EAAE;AAFF;AAVqB,GAAZ;AAAA,CAAX,EAcV,UAACE,KAAD,EAAW;AACb,MAAQrD,OAAR,GAAkEqD,KAAlE,CAAQrD,OAAR;AAAA,MAAiBsD,KAAjB,GAAkED,KAAlE,CAAiBC,KAAjB;AAAA,MAAwBpE,KAAxB,GAAkEmE,KAAlE,CAAwBnE,KAAxB;AAAA,MAA+B8D,KAA/B,GAAkEK,KAAlE,CAA+BL,KAA/B;AAAA,MAAsCO,aAAtC,GAAkEF,KAAlE,CAAsCE,aAAtC;AAAA,MAAqDhE,UAArD,GAAkE8D,KAAlE,CAAqD9D,QAArD;AAEA;AACF;AACA;AACA;AACA;;AACE,MAAMiE,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,QAAMvE,KAAK,GAAGsE,gBAAgB,GAAG,sBAAIJ,aAAJ,EAAmBE,GAAnB,CAAH,GAA6B,sBAAIH,KAAJ,EAAWG,GAAX,CAA3D;;AACA,QAAMI,QAAQ,mCAAQD,UAAR;AAAoBH,MAAAA,GAAG,EAAHA,GAApB;AAAyBpE,MAAAA,KAAK,EAALA;AAAzB,MAAd;;AACA,QAAMyE,GAAG,GAAGtB,MAAM,CAACqB,QAAQ,CAACE,IAAV,CAAlB;AAEA,wBAAO,gCAAC,GAAD;AAAK,MAAA,GAAG,EAAEN;AAAV,OAAmBI,QAAnB;AAA6B,MAAA,QAAQ,EAAE,kBAACG,CAAD;AAAA,eAAOzE,UAAQ,CAACkE,GAAD,EAAMO,CAAN,EAASL,gBAAT,CAAf;AAAA;AAAvC,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,QAAc7E,KAAd,GAAyCgF,YAAzC,CAAchF,KAAd;AAAA,QAAqBiF,MAArB,GAAyCD,YAAzC,CAAqBC,MAArB;AAAA,QAA6BlE,OAA7B,GAAyCiE,YAAzC,CAA6BjE,OAA7B;;AAEA,QAAI8D,IAAI,KAAK,cAAb,EAA6B;AAC3B,0BACE;AAAK,QAAA,GAAG,wBAAiB7E,KAAjB;AAAR,sBACE;AAAG,QAAA,SAAS,EAAEc,OAAO,CAACoD;AAAtB,SAAqClE,KAArC,CADF,EAEGkF,MAAM,CAACC,IAAP,CAAYF,MAAZ,EAAoBxC,GAApB,CAAwB,UAAC2C,QAAD,EAAc;AACrC,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,qBAAc7E,KAAd;AAAR,sBACE,2CAAIA,KAAJ,CADF,EAEGkF,MAAM,CAACC,IAAP,CAAYpE,OAAZ,EAAqB0B,GAArB,CAAyB,UAAC4C,SAAD,EAAe;AACvC,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,EAAEzD,OAAO,CAACgD;AAAxB,kBACE;AAAK,IAAA,SAAS,EAAEhD,OAAO,CAACiD;AAAxB,KAAsC/D,KAAtC,CADF,EAGGkF,MAAM,CAACC,IAAP,CAAYrB,KAAZ,EAAmBrB,GAAnB,CAAuB,UAAC8B,GAAD,EAAS;AAC/B,WAAOQ,OAAO,CAACjB,KAAD,EAAQS,GAAR,CAAd;AACD,GAFA,CAHH,CADF;AASD,CA3Ea,CAAd;;IA6Eae,K;;;;;;;;;;;;;;;+FAeF,UAACf,GAAD,EAAMpE,KAAN,EAA0C;AAAA,UAA7BsE,gBAA6B,uEAAV,KAAU;AACjD3E,MAAAA,GAAG,CAAC,eAAD,EAAkByE,GAAlB,EAAuBpE,KAAvB,CAAH;AAEA,wBAAiD,MAAKgE,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,EAAwBpE,KAAxB;AACAqF,QAAAA,qBAAqB,CAACnB,aAAD,EAAgBE,GAAhB,CAArB;AACD,OAHD,MAGO;AACL,6BAAIH,KAAJ,EAAWG,GAAX,EAAgBpE,KAAhB;AACAoF,QAAAA,aAAa,CAACnB,KAAD,EAAQG,GAAR,CAAb;AACD;AACF,K;;;;;;WAED,kBAAS;AAAA;;AACP,yBAAgD,KAAKJ,KAArD;AAAA,UAAQsB,MAAR,gBAAQA,MAAR;AAAA,UAAgBrB,KAAhB,gBAAgBA,KAAhB;AAAA,UAAuBC,aAAvB,gBAAuBA,aAAvB;AAAA,UAAsCqB,KAAtC,gBAAsCA,KAAtC;AAEA5F,MAAAA,GAAG,CAAC,SAAD,EAAYsE,KAAZ,CAAH;AAEA,UAAMuB,cAAc,GAAGT,MAAM,CAACC,IAAP,CAAYM,MAAM,IAAI,EAAtB,EAA0BhD,GAA1B,CAA8B,UAACqB,KAAD,EAAW;AAC9D,YAAM8B,SAAS,GAAGV,MAAM,CAACW,OAAP,CAAeJ,MAAM,CAAC3B,KAAD,CAArB,EAA8BgC,IAA9B,CAAmC;AAAA;AAAA,cAAIC,OAAJ;;AAAA,iBAAiB,CAAC,CAACA,OAAnB;AAAA,SAAnC,CAAlB;;AAEA,YAAIH,SAAJ,EAAe;AACb,8BACE,gCAAC,KAAD;AACE,YAAA,KAAK,EAAE9B,KADT;AAEE,YAAA,GAAG,EAAEA,KAFP;AAGE,YAAA,KAAK,EAAEM,KAHT;AAIE,YAAA,aAAa,EAAEC,aAJjB;AAKE,YAAA,KAAK,EAAEoB,MAAM,CAAC3B,KAAD,CALf;AAME,YAAA,QAAQ,EAAE,MAAI,CAACkC;AANjB,YADF;AAUD;;AAED,eAAO,IAAP;AACD,OAjBsB,CAAvB;AAmBA,0BACE,6CACGL,cADH,EAEGD,KAFH,CADF;AAMD;;;EA7DwBO,kBAAMC,S;;;iCAApBZ,K,eACQ;AACjBlB,EAAAA,KAAK,EAAEnE,sBAAUkD,MADA;AAEjBkB,EAAAA,aAAa,EAAEpE,sBAAUkD,MAFR;AAGjBsC,EAAAA,MAAM,EAAExF,sBAAUkD,MAHD;AAIjBoC,EAAAA,aAAa,EAAEtF,sBAAUK,IAJR;AAKjBkF,EAAAA,qBAAqB,EAAEvF,sBAAUK,IALhB;AAMjBoF,EAAAA,KAAK,EAAEzF,sBAAUkD;AANA,C;iCADRmC,K,kBAUW;AACpBC,EAAAA,aAAa,EAAE,yBAAM,CAAE,CADH;AAEpBC,EAAAA,qBAAqB,EAAE,iCAAM,CAAE;AAFX,C;eAsDTF,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 { NChoice } from '../two-choice';\nimport SettingsRadioLabel from './settings-radio-label';\nimport { NumberTextField } from '../index';\nimport Checkbox from '../checkbox';\nimport Typography from '@material-ui/core/Typography';\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    <NChoice\n      className={classes.radioSettings}\n      direction=\"horizontal\"\n      customLabel={SettingsRadioLabel}\n      value={value}\n      header={label}\n      opts={choices}\n      onChange={onChange}\n    />\n  );\n};\n\nRadio.propTypes = { ...baseTypes, choices: PropTypes.arrayOf(PropTypes.shape(labelValue)) };\n\nconst StyledRadio = withStyles((theme) => ({\n  radioSettings: {\n    marginTop: theme.spacing.unit / 2,\n    paddingBottom: theme.spacing.unit / 2,\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: theme.spacing.unit * 2.5,\n    },\n  },\n  label: {\n    display: 'none',\n  },\n}))(Radio);\n\nconst Dropdown = withStyles((theme) => ({\n  label: {\n    margin: 0,\n    fontSize: theme.typography.fontSize,\n  },\n  wrapper: {\n    marginTop: theme.spacing.unit / 2,\n    border: '2px solid lightgrey',\n    borderRadius: '4px',\n    padding: `0 ${theme.spacing.unit}px`,\n  },\n}))(({ classes, label, value, onChange, choices = [] }) => {\n  const getItemLabel = (l) => (typeof l === 'string' ? l : l.label);\n  const getItemValue = (l) => (typeof l === 'string' ? l : l.value);\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={getItemValue(l)}>\n            {getItemLabel(l)}\n          </MenuItem>\n        ))}\n      </Select>\n    </div>\n  );\n});\n\nDropdown.propTypes = { ...baseTypes, choices: PropTypes.arrayOf(PropTypes.string) };\n\nconst TextField = withStyles((theme) => ({\n  field: {\n    marginRight: theme.spacing.unit * 3,\n    marginTop: theme.spacing.unit,\n  },\n}))(({ classes, label }) => {\n  return <Typography className={classes.field}>{label}</Typography>;\n});\n\nconst NumberField = withStyles((theme) => ({\n  field: {\n    width: '35%',\n    marginRight: theme.spacing.unit * 3,\n    marginTop: theme.spacing.unit,\n  },\n  wrapper: {\n    marginTop: theme.spacing.unit / 2,\n    border: '2px solid lightgrey',\n    borderRadius: '4px',\n    padding: `0 ${theme.spacing.unit}px`,\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\nTextField.propTypes = {\n  ...baseTypes,\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  textField: TextField,\n};\n\nconst Group = withStyles((theme) => ({\n  group: {\n    margin: `0 0 ${theme.spacing.unit * 2}px 0`,\n  },\n  groupHeader: {\n    color: '#495B8F',\n    fontSize: theme.typography.fontSize + 2,\n    fontWeight: 600,\n    marginBottom: theme.spacing.unit,\n  },\n  numberFields: {\n    fontSize: theme.typography.fontSize,\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, numberField or numberText\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    modal: PropTypes.object,\n  };\n\n  static defaultProps = {\n    onChangeModel: () => {},\n    onChangeConfiguration: () => {},\n  };\n\n  change = (key, value, isConfigProperty = false) => {\n    log('[changeModel]', key, value);\n\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, modal } = this.props;\n\n    log('render:', model);\n\n    const renderedGroups = Object.keys(groups || {}).map((group) => {\n      const showGroup = Object.entries(groups[group]).some(([, propVal]) => !!propVal);\n\n      if (showGroup) {\n        return (\n          <Group\n            label={group}\n            key={group}\n            model={model}\n            configuration={configuration}\n            group={groups[group]}\n            onChange={this.change}\n          />\n        );\n      }\n\n      return null;\n    });\n\n    return (\n      <div>\n        {renderedGroups}\n        {modal}\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","theme","marginTop","spacing","unit","paddingBottom","width","color","transform","fontSize","display","Dropdown","margin","typography","wrapper","border","borderRadius","padding","getItemLabel","l","getItemValue","map","index","TextField","field","marginRight","NumberField","suffix","min","max","ev","object","number","ToggleWrapper","disabled","tagMap","toggle","radio","dropdown","numberField","checkbox","textField","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","modal","renderedGroups","showGroup","entries","some","propVal","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 { NChoice } from '../two-choice';\nimport SettingsRadioLabel from './settings-radio-label';\nimport NumberTextField from '../number-text-field';\nimport Checkbox from '../checkbox';\nimport Typography from '@material-ui/core/Typography';\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    <NChoice\n      className={classes.radioSettings}\n      direction=\"horizontal\"\n      customLabel={SettingsRadioLabel}\n      value={value}\n      header={label}\n      opts={choices}\n      onChange={onChange}\n    />\n  );\n};\n\nRadio.propTypes = { ...baseTypes, choices: PropTypes.arrayOf(PropTypes.shape(labelValue)) };\n\nconst StyledRadio = withStyles((theme) => ({\n  radioSettings: {\n    marginTop: theme.spacing.unit / 2,\n    paddingBottom: theme.spacing.unit / 2,\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: theme.spacing.unit * 2.5,\n    },\n  },\n  label: {\n    display: 'none',\n  },\n}))(Radio);\n\nconst Dropdown = withStyles((theme) => ({\n  label: {\n    margin: 0,\n    fontSize: theme.typography.fontSize,\n  },\n  wrapper: {\n    marginTop: theme.spacing.unit / 2,\n    border: '2px solid lightgrey',\n    borderRadius: '4px',\n    padding: `0 ${theme.spacing.unit}px`,\n  },\n}))(({ classes, label, value, onChange, choices = [] }) => {\n  const getItemLabel = (l) => (typeof l === 'string' ? l : l.label);\n  const getItemValue = (l) => (typeof l === 'string' ? l : l.value);\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={getItemValue(l)}>\n            {getItemLabel(l)}\n          </MenuItem>\n        ))}\n      </Select>\n    </div>\n  );\n});\n\nDropdown.propTypes = { ...baseTypes, choices: PropTypes.arrayOf(PropTypes.string) };\n\nconst TextField = withStyles((theme) => ({\n  field: {\n    marginRight: theme.spacing.unit * 3,\n    marginTop: theme.spacing.unit,\n  },\n}))(({ classes, label }) => {\n  return <Typography className={classes.field}>{label}</Typography>;\n});\n\nconst NumberField = withStyles((theme) => ({\n  field: {\n    width: '35%',\n    marginRight: theme.spacing.unit * 3,\n    marginTop: theme.spacing.unit,\n  },\n  wrapper: {\n    marginTop: theme.spacing.unit / 2,\n    border: '2px solid lightgrey',\n    borderRadius: '4px',\n    padding: `0 ${theme.spacing.unit}px`,\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      classes={classes}\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\nTextField.propTypes = {\n  ...baseTypes,\n};\n\nconst ToggleWrapper = ({ disabled, label, value, onChange }) => (\n  <Toggle label={label} checked={!!value} disabled={!!disabled} 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  textField: TextField,\n};\n\nconst Group = withStyles((theme) => ({\n  group: {\n    margin: `0 0 ${theme.spacing.unit * 2}px 0`,\n  },\n  groupHeader: {\n    color: '#495B8F',\n    fontSize: theme.typography.fontSize + 2,\n    fontWeight: 600,\n    marginBottom: theme.spacing.unit,\n  },\n  numberFields: {\n    fontSize: theme.typography.fontSize,\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, numberField or numberText\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    modal: PropTypes.object,\n  };\n\n  static defaultProps = {\n    onChangeModel: () => {},\n    onChangeConfiguration: () => {},\n  };\n\n  change = (key, value, isConfigProperty = false) => {\n    log('[changeModel]', key, value);\n\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, modal } = this.props;\n\n    log('render:', model);\n\n    const renderedGroups = Object.keys(groups || {}).map((group) => {\n      const showGroup = Object.entries(groups[group]).some(([, propVal]) => !!propVal);\n\n      if (showGroup) {\n        return (\n          <Group\n            label={group}\n            key={group}\n            model={model}\n            configuration={configuration}\n            group={groups[group]}\n            onChange={this.change}\n          />\n        );\n      }\n\n      return null;\n    });\n\n    return (\n      <div>\n        {renderedGroups}\n        {modal}\n      </div>\n    );\n  }\n}\n\nexport default Panel;\n"],"file":"panel.js"}

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

@@ -15,6 +15,8 @@ var _react = _interopRequireDefault(require("react"));
 
 var _styles = require("@material-ui/core/styles");
 
+var _renderUi = require("@pie-lib/render-ui");
+
 var _default = (0, _styles.withStyles)(function (theme) {
   return {
     label: {
@@ -22,6 +24,9 @@ var _default = (0, _styles.withStyles)(function (theme) {
       fontSize: theme.typography.fontSize - 2,
       left: '-5px',
       position: 'relative'
+    },
+    customColor: {
+      color: "".concat(_renderUi.color.tertiary(), " !important")
     }
   };
 })(function (_ref) {
@@ -32,8 +37,11 @@ var _default = (0, _styles.withStyles)(function (theme) {
       classes = _ref.classes;
   return /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
     value: value,
-    classes: classes,
+    classes: {
+      label: classes.label
+    },
     control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], {
+      className: classes.customColor,
       checked: checked,
       onChange: onChange
     }),

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

@@ -1 +1 @@
-{"version":3,"sources":["../../src/settings/settings-radio-label.jsx"],"names":["theme","label","color","fontSize","typography","left","position","value","checked","onChange","classes"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;eAEe,wBAAW,UAACA,KAAD;AAAA,SAAY;AACpCC,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAE,qBADF;AAELC,MAAAA,QAAQ,EAAEH,KAAK,CAACI,UAAN,CAAiBD,QAAjB,GAA4B,CAFjC;AAGLE,MAAAA,IAAI,EAAE,MAHD;AAILC,MAAAA,QAAQ,EAAE;AAJL;AAD6B,GAAZ;AAAA,CAAX,EAOX;AAAA,MAAGL,KAAH,QAAGA,KAAH;AAAA,MAAUM,KAAV,QAAUA,KAAV;AAAA,MAAiBC,OAAjB,QAAiBA,OAAjB;AAAA,MAA0BC,QAA1B,QAA0BA,QAA1B;AAAA,MAAoCC,OAApC,QAAoCA,OAApC;AAAA,sBACF,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,EAAER;AAJT,IADE;AAAA,CAPW,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((theme) => ({\n  label: {\n    color: 'rgba(0, 0, 0, 0.89)',\n    fontSize: theme.typography.fontSize - 2,\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":["theme","label","color","fontSize","typography","left","position","customColor","tertiary","value","checked","onChange","classes"],"mappings":";;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;eAEe,wBAAW,UAACA,KAAD;AAAA,SAAY;AACpCC,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAE,qBADF;AAELC,MAAAA,QAAQ,EAAEH,KAAK,CAACI,UAAN,CAAiBD,QAAjB,GAA4B,CAFjC;AAGLE,MAAAA,IAAI,EAAE,MAHD;AAILC,MAAAA,QAAQ,EAAE;AAJL,KAD6B;AAOpCC,IAAAA,WAAW,EAAE;AACXL,MAAAA,KAAK,YAAKA,gBAAMM,QAAN,EAAL;AADM;AAPuB,GAAZ;AAAA,CAAX,EAUX;AAAA,MAAGP,KAAH,QAAGA,KAAH;AAAA,MAAUQ,KAAV,QAAUA,KAAV;AAAA,MAAiBC,OAAjB,QAAiBA,OAAjB;AAAA,MAA0BC,QAA1B,QAA0BA,QAA1B;AAAA,MAAoCC,OAApC,QAAoCA,OAApC;AAAA,sBACF,gCAAC,4BAAD;AACE,IAAA,KAAK,EAAEH,KADT;AAEE,IAAA,OAAO,EAAE;AAAER,MAAAA,KAAK,EAAEW,OAAO,CAACX;AAAjB,KAFX;AAGE,IAAA,OAAO,eAAE,gCAAC,iBAAD;AAAO,MAAA,SAAS,EAAEW,OAAO,CAACL,WAA1B;AAAuC,MAAA,OAAO,EAAEG,OAAhD;AAAyD,MAAA,QAAQ,EAAEC;AAAnE,MAHX;AAIE,IAAA,KAAK,EAAEV;AAJT,IADE;AAAA,CAVW,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';\nimport { color } from '@pie-lib/render-ui';\n\nexport default withStyles((theme) => ({\n  label: {\n    color: 'rgba(0, 0, 0, 0.89)',\n    fontSize: theme.typography.fontSize - 2,\n    left: '-5px',\n    position: 'relative',\n  },\n  customColor: {\n    color: `${color.tertiary()} !important`,\n  },\n}))(({ label, value, checked, onChange, classes }) => (\n  <FormControlLabel\n    value={value}\n    classes={{ label: classes.label }}\n    control={<Radio className={classes.customColor} checked={checked} onChange={onChange} />}\n    label={label}\n  />\n));\n"],"file":"settings-radio-label.js"}

package/lib/settings/toggle.js

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
@@ -17,6 +19,10 @@ var _styles = require("@material-ui/core/styles");
 
 var _Switch = _interopRequireDefault(require("@material-ui/core/Switch"));
 
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _renderUi = require("@pie-lib/render-ui");
+
 var Toggle = (0, _styles.withStyles)(function (theme) {
   return {
     toggle: {
@@ -28,10 +34,17 @@ var Toggle = (0, _styles.withStyles)(function (theme) {
       color: 'rgba(0, 0, 0, 0.89)',
       fontSize: theme.typography.fontSize,
       paddingTop: theme.spacing.unit * 2
+    },
+    checkedThumb: {
+      color: "".concat(_renderUi.color.tertiary(), " !important")
+    },
+    checkedBar: {
+      backgroundColor: "".concat(_renderUi.color.tertiaryLight(), " !important")
     }
   };
 })(function (_ref) {
   var checked = _ref.checked,
+      disabled = _ref.disabled,
       label = _ref.label,
       toggle = _ref.toggle,
       classes = _ref.classes;
@@ -40,7 +53,12 @@ var Toggle = (0, _styles.withStyles)(function (theme) {
   }, /*#__PURE__*/_react["default"].createElement(_InputLabel["default"], {
     className: classes.label
   }, label), /*#__PURE__*/_react["default"].createElement(_Switch["default"], {
+    classes: {
+      checked: (0, _classnames["default"])(classes.checkedThumb),
+      bar: (0, _classnames["default"])((0, _defineProperty2["default"])({}, classes.checkedBar, checked))
+    },
     checked: checked,
+    disabled: disabled,
     onChange: function onChange(e) {
       return toggle(e.target.checked);
     }

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","typography","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,EAAEP,KAAK,CAACQ,UAAN,CAAiBD,QAFtB;AAGLE,MAAAA,UAAU,EAAET,KAAK,CAACU,OAAN,CAAcC,IAAd,GAAqB;AAH5B;AAN6B,GAAZ;AAAA,CAAX,EAWX;AAAA,MAAGC,OAAH,QAAGA,OAAH;AAAA,MAAYP,KAAZ,QAAYA,KAAZ;AAAA,MAAmBJ,MAAnB,QAAmBA,MAAnB;AAAA,MAA2BY,OAA3B,QAA2BA,OAA3B;AAAA,sBACF;AAAK,IAAA,SAAS,EAAEA,OAAO,CAACZ;AAAxB,kBACE,gCAAC,sBAAD;AAAY,IAAA,SAAS,EAAEY,OAAO,CAACR;AAA/B,KAAuCA,KAAvC,CADF,eAEE,gCAAC,kBAAD;AAAQ,IAAA,OAAO,EAAEO,OAAjB;AAA0B,IAAA,QAAQ,EAAE,kBAACE,CAAD;AAAA,aAAOb,MAAM,CAACa,CAAC,CAACC,MAAF,CAASH,OAAV,CAAb;AAAA;AAApC,IAFF,CADE;AAAA,CAXW,CAAf;AAkBAb,MAAM,CAACiB,SAAP,GAAmB;AACjBJ,EAAAA,OAAO,EAAEK,sBAAUC,IADF;AAEjBb,EAAAA,KAAK,EAAEY,sBAAUE,MAAV,CAAiBC,UAFP;AAGjBnB,EAAAA,MAAM,EAAEgB,sBAAUI,IAAV,CAAeD;AAHN,CAAnB;eAMerB,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: theme.typography.fontSize,\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","typography","paddingTop","spacing","unit","checkedThumb","tertiary","checkedBar","backgroundColor","tertiaryLight","checked","disabled","classes","bar","e","target","propTypes","PropTypes","bool","string","isRequired","func"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;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,EAAEP,KAAK,CAACQ,UAAN,CAAiBD,QAFtB;AAGLE,MAAAA,UAAU,EAAET,KAAK,CAACU,OAAN,CAAcC,IAAd,GAAqB;AAH5B,KAN6B;AAWpCC,IAAAA,YAAY,EAAE;AACZN,MAAAA,KAAK,YAAKA,gBAAMO,QAAN,EAAL;AADO,KAXsB;AAcpCC,IAAAA,UAAU,EAAE;AACVC,MAAAA,eAAe,YAAKT,gBAAMU,aAAN,EAAL;AADL;AAdwB,GAAZ;AAAA,CAAX,EAiBX;AAAA,MAAGC,OAAH,QAAGA,OAAH;AAAA,MAAYC,QAAZ,QAAYA,QAAZ;AAAA,MAAsBb,KAAtB,QAAsBA,KAAtB;AAAA,MAA6BJ,MAA7B,QAA6BA,MAA7B;AAAA,MAAqCkB,OAArC,QAAqCA,OAArC;AAAA,sBACF;AAAK,IAAA,SAAS,EAAEA,OAAO,CAAClB;AAAxB,kBACE,gCAAC,sBAAD;AAAY,IAAA,SAAS,EAAEkB,OAAO,CAACd;AAA/B,KAAuCA,KAAvC,CADF,eAEE,gCAAC,kBAAD;AACE,IAAA,OAAO,EAAE;AACPY,MAAAA,OAAO,EAAE,4BAAWE,OAAO,CAACP,YAAnB,CADF;AAEPQ,MAAAA,GAAG,EAAE,iEACFD,OAAO,CAACL,UADN,EACmBG,OADnB;AAFE,KADX;AAOE,IAAA,OAAO,EAAEA,OAPX;AAQE,IAAA,QAAQ,EAAEC,QARZ;AASE,IAAA,QAAQ,EAAE,kBAACG,CAAD;AAAA,aAAOpB,MAAM,CAACoB,CAAC,CAACC,MAAF,CAASL,OAAV,CAAb;AAAA;AATZ,IAFF,CADE;AAAA,CAjBW,CAAf;AAkCAlB,MAAM,CAACwB,SAAP,GAAmB;AACjBN,EAAAA,OAAO,EAAEO,sBAAUC,IADF;AAEjBpB,EAAAA,KAAK,EAAEmB,sBAAUE,MAAV,CAAiBC,UAFP;AAGjB1B,EAAAA,MAAM,EAAEuB,sBAAUI,IAAV,CAAeD;AAHN,CAAnB;eAMe5B,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';\nimport classNames from 'classnames';\nimport { color } from '@pie-lib/render-ui';\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: theme.typography.fontSize,\n    paddingTop: theme.spacing.unit * 2,\n  },\n  checkedThumb: {\n    color: `${color.tertiary()} !important`,\n  },\n  checkedBar: {\n    backgroundColor: `${color.tertiaryLight()} !important`,\n  },\n}))(({ checked, disabled, label, toggle, classes }) => (\n  <div className={classes.toggle}>\n    <InputLabel className={classes.label}>{label}</InputLabel>\n    <Switch\n      classes={{\n        checked: classNames(classes.checkedThumb),\n        bar: classNames({\n          [classes.checkedBar]: checked,\n        }),\n      }}\n      checked={checked}\n      disabled={disabled}\n      onChange={(e) => toggle(e.target.checked)}\n    />\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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/config-ui",
-  "version": "11.9.24",
+  "version": "11.9.25-next.1595+4ac095ca",
   "main": "lib/index.js",
   "module": "src/index.js",
   "publishConfig": {
@@ -10,12 +10,15 @@
   "dependencies": {
     "@material-ui/core": "^3.8.3",
     "@material-ui/icons": "^3.0.2",
-    "@pie-lib/editable-html": "^11.1.1",
-    "@pie-lib/icons": "^2.4.43",
-    "@pie-lib/render-ui": "^4.15.9",
+    "@pie-lib/editable-html": "^11.1.2-next.1595+4ac095ca",
+    "@pie-lib/icons": "^2.4.44-next.1848+4ac095ca",
+    "@pie-lib/render-ui": "^4.15.10-next.1639+4ac095ca",
+    "assert": "^1.4.1",
     "classnames": "^2.2.6",
+    "complex.js": "2.1.1",
     "debug": "^4.1.1",
     "lodash": "^4.17.11",
+    "mathjs": "^7.0.1",
     "prop-types": "^15.6.2",
     "react-measure": "^2.2.2"
   },
@@ -26,5 +29,5 @@
   "peerDependencies": {
     "react": "^16.8.1"
   },
-  "gitHead": "f58d513825e9ad0a542818a9e16331a380416060"
+  "gitHead": "4ac095ca931e5fe8f131f28f41dd61093bd55d98"
 }