@pie-lib/config-ui 10.13.1 → 11.0.0

package/CHANGELOG.md

@@ -3,6 +3,43 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [11.0.0](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@10.13.3...@pie-lib/config-ui@11.0.0) (2022-06-27)
+
+
+### Features
+
+* **editable-html:** image resize functionality PD-1801 ([6f46903](https://github.com/pie-framework/pie-lib/commit/6f46903acdf791716263be33abe49235572421ad))
+* added support for graph configuration constraints PD-1683 PD-1684 PD-1686 ([8da7426](https://github.com/pie-framework/pie-lib/commit/8da74260b28332b976fa1c50796e74679fd46a13))
+* **config-ui:** Added custom values array support for custom number textfield PD-1684 ([32ae671](https://github.com/pie-framework/pie-lib/commit/32ae6710779823355c276363a04a417c4f07ba36))
+
+
+### BREAKING CHANGES
+
+* **editable-html:** Removed the percent buttons from editable-html image button. Added resize functionality.
+
+
+
+
+
+## [10.13.3](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@10.13.2...@pie-lib/config-ui@10.13.3) (2022-06-13)
+
+**Note:** Version bump only for package @pie-lib/config-ui
+
+
+
+
+
+## [10.13.2](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@10.13.1...@pie-lib/config-ui@10.13.2) (2022-05-30)
+
+
+### Bug Fixes
+
+* unable to load items locally ([17ab686](https://github.com/pie-framework/pie-lib/commit/17ab6864557288aef6ec1d9a130cb508e2591562))
+
+
+
+
+
 ## [10.13.1](https://github.com/pie-framework/pie-lib/compare/@pie-lib/config-ui@10.13.0...@pie-lib/config-ui@10.13.1) (2022-05-24)
 
 **Note:** Version bump only for package @pie-lib/config-ui

package/lib/choice-configuration/index.js

@@ -79,7 +79,9 @@ var EditableHtmlContainer = (0, _styles.withStyles)(function (theme) {
       spellCheck = _ref.spellCheck,
       nonEmpty = _ref.nonEmpty,
       toolbarOpts = _ref.toolbarOpts,
-      error = _ref.error;
+      error = _ref.error,
+      maxImageWidth = _ref.maxImageWidth,
+      maxImageHeight = _ref.maxImageHeight;
   var names = (0, _classnames["default"])(classes.labelContainer, className);
   return /*#__PURE__*/_react["default"].createElement(_renderUi.InputContainer, {
     label: label,
@@ -95,7 +97,9 @@ var EditableHtmlContainer = (0, _styles.withStyles)(function (theme) {
     imageSupport: imageSupport,
     className: classes.editor,
     toolbarOpts: toolbarOpts,
-    error: error
+    error: error,
+    maxImageWidth: maxImageWidth,
+    maxImageHeight: maxImageHeight
   })));
 });
 var Feedback = (0, _styles.withStyles)(function () {

package/lib/choice-configuration/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/choice-configuration/index.jsx"],"names":["EditableHtmlContainer","theme","labelContainer","editorHolder","marginTop","spacing","unit","label","classes","onChange","value","className","imageSupport","disabled","spellCheck","nonEmpty","toolbarOpts","error","names","editor","Feedback","text","width","feedbackContainer","position","arrowIcon","fill","left","top","type","correct","defaults","incorrect","ChoiceConfiguration","key","update","props","data","_changeFn","event","target","checked","v","feedback","fb","t","undefined","mode","onDelete","defaultFeedback","index","noLabels","useLetterOrdering","allowFeedBack","allowDelete","noCorrectAnswerError","InputToggle","InputCheckbox","InputRadio","choiceConfiguration","topRow","String","fromCharCode","toUpperCase","toggle","onCheckedChange","middleColumn","onLabelChange","errorText","onFeedbackValueChange","onFeedbackTypeChange","icon","feedbackIcon","deleteIcon","React","Component","PropTypes","object","isRequired","bool","string","oneOf","shape","func","number","add","styles","padding","display","flex","paddingRight","paddingTop","paddingLeft","marginLeft","margin","flexDirection","fontSize","color"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport TextField from '@material-ui/core/TextField';\nimport classNames from 'classnames';\nimport { InputContainer } from '@pie-lib/render-ui';\nimport EditableHtml from '@pie-lib/editable-html';\nimport { InputCheckbox, InputRadio } from '../inputs';\nimport FeedbackMenu from './feedback-menu';\nimport ActionDelete from '@material-ui/icons/Delete';\nimport ArrowRight from '@material-ui/icons/SubdirectoryArrowRight';\nimport IconButton from '@material-ui/core/IconButton';\n\nconst EditableHtmlContainer = withStyles(theme => ({\n  labelContainer: {},\n  editorHolder: {\n    marginTop: theme.spacing.unit * 2\n  }\n}))(\n  ({\n    label,\n    classes,\n    onChange,\n    value,\n    className,\n    imageSupport,\n    disabled,\n    spellCheck,\n    nonEmpty,\n    toolbarOpts,\n    error\n  }) => {\n    const names = classNames(classes.labelContainer, className);\n\n    return (\n      <InputContainer label={label} className={names}>\n        <div className={classes.editorHolder}>\n          <EditableHtml\n            markup={value || ''}\n            disabled={disabled}\n            spellCheck={spellCheck}\n            nonEmpty={nonEmpty}\n            onChange={onChange}\n            imageSupport={imageSupport}\n            className={classes.editor}\n            toolbarOpts={toolbarOpts}\n            error={error}\n          />\n        </div>\n      </InputContainer>\n    );\n  }\n);\n\nconst Feedback = withStyles(() => ({\n  text: {\n    width: '100%'\n  },\n  feedbackContainer: {\n    position: 'relative'\n  },\n  arrowIcon: {\n    fill: '#ccc',\n    left: -56,\n    position: 'absolute',\n    top: 20\n  }\n}))(({ value, onChange, type, correct, classes, defaults, toolbarOpts }) => {\n  if (!type || type === 'none') {\n    return null;\n  } else if (type === 'default') {\n    return (\n      <div className={classes.feedbackContainer}>\n        <ArrowRight className={classes.arrowIcon} />\n        <TextField\n          className={classes.text}\n          label=\"Feedback Text\"\n          value={correct ? defaults.correct : defaults.incorrect}\n        />\n      </div>\n    );\n  } else {\n    return (\n      <div className={classes.feedbackContainer}>\n        <ArrowRight className={classes.arrowIcon} />\n        <EditableHtmlContainer\n          className={classes.text}\n          label=\"Feedback Text\"\n          value={value}\n          onChange={onChange}\n          toolbarOpts={toolbarOpts}\n        />\n      </div>\n    );\n  }\n});\n\nexport class ChoiceConfiguration extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    noLabels: PropTypes.bool,\n    useLetterOrdering: PropTypes.bool,\n    className: PropTypes.string,\n    mode: PropTypes.oneOf(['checkbox', 'radio']),\n    defaultFeedback: PropTypes.object.isRequired,\n    disabled: PropTypes.bool,\n    nonEmpty: PropTypes.bool,\n    data: PropTypes.shape({\n      label: PropTypes.string.isRequired,\n      value: PropTypes.string.isRequired,\n      correct: PropTypes.bool,\n      feedback: PropTypes.shape({\n        type: PropTypes.string,\n        value: PropTypes.string\n      })\n    }),\n    onDelete: PropTypes.func,\n    onChange: PropTypes.func,\n    index: PropTypes.number,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired\n    }),\n    allowFeedBack: PropTypes.bool,\n    allowDelete: PropTypes.bool,\n    toolbarOpts: PropTypes.object\n  };\n\n  static defaultProps = {\n    index: -1,\n    noLabels: false,\n    useLetterOrdering: false,\n    allowFeedBack: true,\n    allowDelete: true\n  };\n\n  _changeFn = key => update => {\n    const { data, onChange } = this.props;\n    if (onChange) {\n      onChange({ ...data, [key]: update });\n    }\n  };\n\n  onLabelChange = this._changeFn('label');\n\n  onCheckedChange = event => {\n    const correct = event.target.checked;\n    const { data, onChange } = this.props;\n\n    if (onChange) {\n      onChange({ ...data, correct });\n    }\n  };\n\n  onFeedbackValueChange = v => {\n    const { data, onChange } = this.props;\n\n    if (data.feedback.type !== 'custom') {\n      return;\n    }\n\n    const fb = { ...data.feedback, value: v };\n\n    if (onChange) onChange({ ...data, feedback: fb });\n  };\n\n  onFeedbackTypeChange = t => {\n    const { data, onChange } = this.props;\n    const fb = { ...data.feedback, type: t };\n    if (fb.type !== 'custom') {\n      fb.value = undefined;\n    }\n\n    if (onChange) onChange({ ...data, feedback: fb });\n  };\n\n  render() {\n    const {\n      data,\n      classes,\n      mode,\n      onDelete,\n      defaultFeedback,\n      index,\n      className,\n      noLabels,\n      useLetterOrdering,\n      imageSupport,\n      disabled,\n      spellCheck,\n      nonEmpty,\n      allowFeedBack,\n      allowDelete,\n      toolbarOpts,\n      error,\n      noCorrectAnswerError\n    } = this.props;\n\n    const InputToggle = mode === 'checkbox' ? InputCheckbox : InputRadio;\n    const names = classNames(classes.choiceConfiguration, className);\n    return (\n      <div className={names}>\n        <div className={classes.topRow}>\n          {index > 0 && (\n            <span className={classes.index} type=\"title\">\n              {useLetterOrdering ? String.fromCharCode(96 + index).toUpperCase() : index}\n            </span>\n          )}\n          <InputToggle\n            className={classes.toggle}\n            onChange={this.onCheckedChange}\n            label={!noLabels ? 'Correct' : ''}\n            checked={!!data.correct}\n            error={noCorrectAnswerError}\n          />\n          <div className={classes.middleColumn}>\n            <EditableHtmlContainer\n              label={!noLabels ? 'Label' : ''}\n              value={data.label}\n              onChange={this.onLabelChange}\n              imageSupport={imageSupport}\n              disabled={disabled}\n              spellCheck={spellCheck}\n              nonEmpty={nonEmpty}\n              toolbarOpts={toolbarOpts}\n              error={error}\n            />\n            {error && <div className={classes.errorText}>{error}</div>}\n\n            {allowFeedBack && (\n              <Feedback\n                {...data.feedback}\n                correct={data.correct}\n                defaults={defaultFeedback}\n                onChange={this.onFeedbackValueChange}\n                toolbarOpts={toolbarOpts}\n              />\n            )}\n          </div>\n          {allowFeedBack && (\n            <InputContainer className={classes.feedback} label={!noLabels ? 'Feedback' : ''}>\n              <FeedbackMenu\n                onChange={this.onFeedbackTypeChange}\n                value={data.feedback}\n                classes={{\n                  icon: classes.feedbackIcon\n                }}\n              />\n            </InputContainer>\n          )}\n          {allowDelete && (\n            <InputContainer className={classes.delete} label={!noLabels ? 'Delete' : ''}>\n              <IconButton aria-label=\"delete\" className={classes.deleteIcon} onClick={onDelete}>\n                <ActionDelete />\n              </IconButton>\n            </InputContainer>\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n\nconst styles = theme => ({\n  index: {\n    padding: '24px 10px 0 0'\n  },\n  choiceConfiguration: {},\n  topRow: {\n    display: 'flex'\n  },\n  value: {\n    flex: '0.5',\n    paddingRight: theme.spacing.unit\n  },\n  editorHolder: {\n    marginTop: theme.spacing.unit * 2\n  },\n  toggle: {\n    flex: '0 1 auto'\n  },\n  feedback: {\n    flex: '0 1 auto',\n    paddingTop: theme.spacing.unit,\n    paddingLeft: 0,\n    marginLeft: 0,\n    paddingRight: theme.spacing.unit * 3\n  },\n  feedbackIcon: {\n    margin: 0,\n    paddingLeft: 0,\n    width: 'inherit'\n  },\n  deleteIcon: {\n    margin: 0,\n    width: 'inherit'\n  },\n  delete: {\n    flex: '0 1 auto',\n    paddingTop: theme.spacing.unit,\n    paddingLeft: 0,\n    marginLeft: 0\n  },\n  middleColumn: {\n    display: 'flex',\n    flex: 1,\n    flexDirection: 'column'\n  },\n  errorText: {\n    fontSize: '12px',\n    color: 'red'\n  }\n});\n\nexport default withStyles(styles)(ChoiceConfiguration);\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/choice-configuration/index.jsx"],"names":["EditableHtmlContainer","theme","labelContainer","editorHolder","marginTop","spacing","unit","label","classes","onChange","value","className","imageSupport","disabled","spellCheck","nonEmpty","toolbarOpts","error","maxImageWidth","maxImageHeight","names","editor","Feedback","text","width","feedbackContainer","position","arrowIcon","fill","left","top","type","correct","defaults","incorrect","ChoiceConfiguration","key","update","props","data","_changeFn","event","target","checked","v","feedback","fb","t","undefined","mode","onDelete","defaultFeedback","index","noLabels","useLetterOrdering","allowFeedBack","allowDelete","noCorrectAnswerError","InputToggle","InputCheckbox","InputRadio","choiceConfiguration","topRow","String","fromCharCode","toUpperCase","toggle","onCheckedChange","middleColumn","onLabelChange","errorText","onFeedbackValueChange","onFeedbackTypeChange","icon","feedbackIcon","deleteIcon","React","Component","PropTypes","object","isRequired","bool","string","oneOf","shape","func","number","add","styles","padding","display","flex","paddingRight","paddingTop","paddingLeft","marginLeft","margin","flexDirection","fontSize","color"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { withStyles } from '@material-ui/core/styles';\nimport TextField from '@material-ui/core/TextField';\nimport classNames from 'classnames';\nimport { InputContainer } from '@pie-lib/render-ui';\nimport EditableHtml from '@pie-lib/editable-html';\nimport { InputCheckbox, InputRadio } from '../inputs';\nimport FeedbackMenu from './feedback-menu';\nimport ActionDelete from '@material-ui/icons/Delete';\nimport ArrowRight from '@material-ui/icons/SubdirectoryArrowRight';\nimport IconButton from '@material-ui/core/IconButton';\n\nconst EditableHtmlContainer = withStyles(theme => ({\n  labelContainer: {},\n  editorHolder: {\n    marginTop: theme.spacing.unit * 2\n  }\n}))(\n  ({\n     label,\n     classes,\n     onChange,\n     value,\n     className,\n     imageSupport,\n     disabled,\n     spellCheck,\n     nonEmpty,\n     toolbarOpts,\n     error,\n     maxImageWidth,\n     maxImageHeight\n   }) => {\n    const names = classNames(classes.labelContainer, className);\n\n    return (\n      <InputContainer label={label} className={names}>\n        <div className={classes.editorHolder}>\n          <EditableHtml\n            markup={value || ''}\n            disabled={disabled}\n            spellCheck={spellCheck}\n            nonEmpty={nonEmpty}\n            onChange={onChange}\n            imageSupport={imageSupport}\n            className={classes.editor}\n            toolbarOpts={toolbarOpts}\n            error={error}\n            maxImageWidth={maxImageWidth}\n            maxImageHeight={maxImageHeight}\n          />\n        </div>\n      </InputContainer>\n    );\n  }\n);\n\nconst Feedback = withStyles(() => ({\n  text: {\n    width: '100%'\n  },\n  feedbackContainer: {\n    position: 'relative'\n  },\n  arrowIcon: {\n    fill: '#ccc',\n    left: -56,\n    position: 'absolute',\n    top: 20\n  }\n}))(({ value, onChange, type, correct, classes, defaults, toolbarOpts }) => {\n  if (!type || type === 'none') {\n    return null;\n  } else if (type === 'default') {\n    return (\n      <div className={classes.feedbackContainer}>\n        <ArrowRight className={classes.arrowIcon} />\n        <TextField\n          className={classes.text}\n          label=\"Feedback Text\"\n          value={correct ? defaults.correct : defaults.incorrect}\n        />\n      </div>\n    );\n  } else {\n    return (\n      <div className={classes.feedbackContainer}>\n        <ArrowRight className={classes.arrowIcon} />\n        <EditableHtmlContainer\n          className={classes.text}\n          label=\"Feedback Text\"\n          value={value}\n          onChange={onChange}\n          toolbarOpts={toolbarOpts}\n        />\n      </div>\n    );\n  }\n});\n\nexport class ChoiceConfiguration extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    noLabels: PropTypes.bool,\n    useLetterOrdering: PropTypes.bool,\n    className: PropTypes.string,\n    mode: PropTypes.oneOf(['checkbox', 'radio']),\n    defaultFeedback: PropTypes.object.isRequired,\n    disabled: PropTypes.bool,\n    nonEmpty: PropTypes.bool,\n    data: PropTypes.shape({\n      label: PropTypes.string.isRequired,\n      value: PropTypes.string.isRequired,\n      correct: PropTypes.bool,\n      feedback: PropTypes.shape({\n        type: PropTypes.string,\n        value: PropTypes.string\n      })\n    }),\n    onDelete: PropTypes.func,\n    onChange: PropTypes.func,\n    index: PropTypes.number,\n    imageSupport: PropTypes.shape({\n      add: PropTypes.func.isRequired,\n      delete: PropTypes.func.isRequired\n    }),\n    allowFeedBack: PropTypes.bool,\n    allowDelete: PropTypes.bool,\n    toolbarOpts: PropTypes.object\n  };\n\n  static defaultProps = {\n    index: -1,\n    noLabels: false,\n    useLetterOrdering: false,\n    allowFeedBack: true,\n    allowDelete: true\n  };\n\n  _changeFn = key => update => {\n    const { data, onChange } = this.props;\n    if (onChange) {\n      onChange({ ...data, [key]: update });\n    }\n  };\n\n  onLabelChange = this._changeFn('label');\n\n  onCheckedChange = event => {\n    const correct = event.target.checked;\n    const { data, onChange } = this.props;\n\n    if (onChange) {\n      onChange({ ...data, correct });\n    }\n  };\n\n  onFeedbackValueChange = v => {\n    const { data, onChange } = this.props;\n\n    if (data.feedback.type !== 'custom') {\n      return;\n    }\n\n    const fb = { ...data.feedback, value: v };\n\n    if (onChange) onChange({ ...data, feedback: fb });\n  };\n\n  onFeedbackTypeChange = t => {\n    const { data, onChange } = this.props;\n    const fb = { ...data.feedback, type: t };\n    if (fb.type !== 'custom') {\n      fb.value = undefined;\n    }\n\n    if (onChange) onChange({ ...data, feedback: fb });\n  };\n\n  render() {\n    const {\n      data,\n      classes,\n      mode,\n      onDelete,\n      defaultFeedback,\n      index,\n      className,\n      noLabels,\n      useLetterOrdering,\n      imageSupport,\n      disabled,\n      spellCheck,\n      nonEmpty,\n      allowFeedBack,\n      allowDelete,\n      toolbarOpts,\n      error,\n      noCorrectAnswerError\n    } = this.props;\n\n    const InputToggle = mode === 'checkbox' ? InputCheckbox : InputRadio;\n    const names = classNames(classes.choiceConfiguration, className);\n    return (\n      <div className={names}>\n        <div className={classes.topRow}>\n          {index > 0 && (\n            <span className={classes.index} type=\"title\">\n              {useLetterOrdering ? String.fromCharCode(96 + index).toUpperCase() : index}\n            </span>\n          )}\n          <InputToggle\n            className={classes.toggle}\n            onChange={this.onCheckedChange}\n            label={!noLabels ? 'Correct' : ''}\n            checked={!!data.correct}\n            error={noCorrectAnswerError}\n          />\n          <div className={classes.middleColumn}>\n            <EditableHtmlContainer\n              label={!noLabels ? 'Label' : ''}\n              value={data.label}\n              onChange={this.onLabelChange}\n              imageSupport={imageSupport}\n              disabled={disabled}\n              spellCheck={spellCheck}\n              nonEmpty={nonEmpty}\n              toolbarOpts={toolbarOpts}\n              error={error}\n            />\n            {error && <div className={classes.errorText}>{error}</div>}\n\n            {allowFeedBack && (\n              <Feedback\n                {...data.feedback}\n                correct={data.correct}\n                defaults={defaultFeedback}\n                onChange={this.onFeedbackValueChange}\n                toolbarOpts={toolbarOpts}\n              />\n            )}\n          </div>\n          {allowFeedBack && (\n            <InputContainer className={classes.feedback} label={!noLabels ? 'Feedback' : ''}>\n              <FeedbackMenu\n                onChange={this.onFeedbackTypeChange}\n                value={data.feedback}\n                classes={{\n                  icon: classes.feedbackIcon\n                }}\n              />\n            </InputContainer>\n          )}\n          {allowDelete && (\n            <InputContainer className={classes.delete} label={!noLabels ? 'Delete' : ''}>\n              <IconButton aria-label=\"delete\" className={classes.deleteIcon} onClick={onDelete}>\n                <ActionDelete />\n              </IconButton>\n            </InputContainer>\n          )}\n        </div>\n      </div>\n    );\n  }\n}\n\nconst styles = theme => ({\n  index: {\n    padding: '24px 10px 0 0'\n  },\n  choiceConfiguration: {},\n  topRow: {\n    display: 'flex'\n  },\n  value: {\n    flex: '0.5',\n    paddingRight: theme.spacing.unit\n  },\n  editorHolder: {\n    marginTop: theme.spacing.unit * 2\n  },\n  toggle: {\n    flex: '0 1 auto'\n  },\n  feedback: {\n    flex: '0 1 auto',\n    paddingTop: theme.spacing.unit,\n    paddingLeft: 0,\n    marginLeft: 0,\n    paddingRight: theme.spacing.unit * 3\n  },\n  feedbackIcon: {\n    margin: 0,\n    paddingLeft: 0,\n    width: 'inherit'\n  },\n  deleteIcon: {\n    margin: 0,\n    width: 'inherit'\n  },\n  delete: {\n    flex: '0 1 auto',\n    paddingTop: theme.spacing.unit,\n    paddingLeft: 0,\n    marginLeft: 0\n  },\n  middleColumn: {\n    display: 'flex',\n    flex: 1,\n    flexDirection: 'column'\n  },\n  errorText: {\n    fontSize: '12px',\n    color: 'red'\n  }\n});\n\nexport default withStyles(styles)(ChoiceConfiguration);\n"],"file":"index.js"}

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

@@ -98,26 +98,68 @@ var NumberTextFieldCustom = /*#__PURE__*/function (_React$Component) {
 
     _this = _super.call(this, props);
 
+    _defineProperty(_assertThisInitialized(_this), "normalizeValueAndIndex", function (customValues, number) {
+      var value = _this.clamp(number);
+
+      var currentIndex = (customValues || []).findIndex(function (val) {
+        return val === value;
+      });
+
+      if ((customValues || []).length > 0 && currentIndex === -1) {
+        var closestValue = _this.getClosestValue(customValues, value);
+
+        return {
+          value: closestValue.value,
+          currentIndex: closestValue.index
+        };
+      }
+
+      return {
+        value: value,
+        currentIndex: currentIndex
+      };
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "getClosestValue", function (customValues, number) {
+      return customValues.reduce(function (closest, value, index) {
+        return Math.abs(value - number) < Math.abs(closest.value - number) ? {
+          value: value,
+          index: index
+        } : closest;
+      }, {
+        value: customValues[0],
+        index: 0
+      });
+    });
+
     _defineProperty(_assertThisInitialized(_this), "onBlur", function (event) {
-      var onlyIntegersAllowed = _this.props.onlyIntegersAllowed;
+      var _this$props = _this.props,
+          customValues = _this$props.customValues,
+          onlyIntegersAllowed = _this$props.onlyIntegersAllowed;
       var value = event.target.value;
       var rawNumber = onlyIntegersAllowed ? parseInt(value) : parseFloat(value);
 
-      var number = _this.clamp(rawNumber);
+      var _this$normalizeValueA = _this.normalizeValueAndIndex(customValues, rawNumber),
+          number = _this$normalizeValueA.value,
+          currentIndex = _this$normalizeValueA.currentIndex;
 
       if (number !== _this.state.value) {
         _this.setState({
-          value: number.toString()
+          value: number.toString(),
+          currentIndex: currentIndex
         }, function () {
           return _this.props.onChange(event, number);
         });
       }
     });
 
-    var _value = _this.clamp(props.value);
+    var _this$normalizeValueA2 = _this.normalizeValueAndIndex(props.customValues, props.value),
+        _value = _this$normalizeValueA2.value,
+        _currentIndex = _this$normalizeValueA2.currentIndex;
 
     _this.state = {
-      value: _value
+      value: _value,
+      currentIndex: _currentIndex
     };
 
     if (_value !== props.value) {
@@ -131,17 +173,26 @@ var NumberTextFieldCustom = /*#__PURE__*/function (_React$Component) {
   _createClass(NumberTextFieldCustom, [{
     key: "UNSAFE_componentWillReceiveProps",
     value: function UNSAFE_componentWillReceiveProps(props) {
-      var value = this.clamp(props.value);
+      var _this$normalizeValueA3 = this.normalizeValueAndIndex(props.customValues, props.value),
+          value = _this$normalizeValueA3.value,
+          currentIndex = _this$normalizeValueA3.currentIndex;
+
       this.setState({
-        value: value
+        value: value,
+        currentIndex: currentIndex
       });
     }
   }, {
     key: "clamp",
     value: function clamp(value) {
-      var _this$props = this.props,
-          min = _this$props.min,
-          max = _this$props.max;
+      var _this$props2 = this.props,
+          min = _this$props2.min,
+          max = _this$props2.max,
+          customValues = _this$props2.customValues;
+
+      if ((customValues || []).length > 0) {
+        return value;
+      }
 
       if (!(0, _isFinite["default"])(value)) {
         return fallbackNumber(min, max);
@@ -171,16 +222,32 @@ var NumberTextFieldCustom = /*#__PURE__*/function (_React$Component) {
       var sign = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 1;
       var shouldUpdate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
       event.preventDefault();
-      var _this$props2 = this.props,
-          step = _this$props2.step,
-          onlyIntegersAllowed = _this$props2.onlyIntegersAllowed,
-          onChange = _this$props2.onChange;
-      var value = this.state.value;
-      var rawNumber = onlyIntegersAllowed ? parseInt(value) : parseFloat(value);
-      var updatedValue = (rawNumber * 10000 + step * sign * 10000) / 10000;
-      var number = this.clamp(updatedValue);
+      var _this$props3 = this.props,
+          customValues = _this$props3.customValues,
+          step = _this$props3.step,
+          onlyIntegersAllowed = _this$props3.onlyIntegersAllowed,
+          onChange = _this$props3.onChange;
+      var _this$state = this.state,
+          currentIndex = _this$state.currentIndex,
+          value = _this$state.value;
+      var updatedIndex = currentIndex + sign * 1;
+      var number;
+
+      if (customValues.length > 0) {
+        if (updatedIndex < 0 || updatedIndex >= customValues.length) {
+          return;
+        }
+
+        number = customValues[updatedIndex];
+      } else {
+        var rawNumber = onlyIntegersAllowed ? parseInt(value) : parseFloat(value);
+        var updatedValue = (rawNumber * 10000 + step * sign * 10000) / 10000;
+        number = this.clamp(updatedValue);
+      }
+
       this.setState({
-        value: number.toString()
+        value: number.toString(),
+        currentIndex: updatedIndex
       }, function () {
         if (shouldUpdate) {
           onChange(event, number);
@@ -192,19 +259,19 @@ var NumberTextFieldCustom = /*#__PURE__*/function (_React$Component) {
     value: function render() {
       var _this2 = this;
 
-      var _this$props3 = this.props,
-          className = _this$props3.className,
-          classes = _this$props3.classes,
-          label = _this$props3.label,
-          disabled = _this$props3.disabled,
-          error = _this$props3.error,
-          min = _this$props3.min,
-          max = _this$props3.max,
-          inputClassName = _this$props3.inputClassName,
-          disableUnderline = _this$props3.disableUnderline,
-          helperText = _this$props3.helperText,
-          variant = _this$props3.variant,
-          textAlign = _this$props3.textAlign;
+      var _this$props4 = this.props,
+          className = _this$props4.className,
+          classes = _this$props4.classes,
+          label = _this$props4.label,
+          disabled = _this$props4.disabled,
+          error = _this$props4.error,
+          min = _this$props4.min,
+          max = _this$props4.max,
+          inputClassName = _this$props4.inputClassName,
+          disableUnderline = _this$props4.disableUnderline,
+          helperText = _this$props4.helperText,
+          variant = _this$props4.variant,
+          textAlign = _this$props4.textAlign;
       var value = this.state.value;
       var names = (0, _classnames["default"])(className, classes.input);
       return /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
@@ -281,6 +348,7 @@ exports.NumberTextFieldCustom = NumberTextFieldCustom;
 _defineProperty(NumberTextFieldCustom, "propTypes", {
   classes: _propTypes["default"].object.isRequired,
   className: _propTypes["default"].string,
+  customValues: _propTypes["default"].array,
   disabled: _propTypes["default"].bool,
   error: _propTypes["default"].bool,
   inputClassName: _propTypes["default"].string,
@@ -297,6 +365,7 @@ _defineProperty(NumberTextFieldCustom, "propTypes", {
 
 _defineProperty(NumberTextFieldCustom, "defaultProps", {
   step: 1,
+  customValues: [],
   textAlign: 'center',
   variant: 'standard',
   onlyIntegersAllowed: false

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

@@ -1 +1 @@
-{"version":3,"sources":["../src/number-text-field-custom.jsx"],"names":["styles","theme","input","margin","iconButton","padding","fallbackNumber","min","max","NumberTextFieldCustom","props","event","onlyIntegersAllowed","value","target","rawNumber","parseInt","parseFloat","number","clamp","state","setState","toString","onChange","bind","Math","sign","shouldUpdate","preventDefault","step","updatedValue","className","classes","label","disabled","error","inputClassName","disableUnderline","helperText","variant","textAlign","names","ref","inputRef","onBlur","e","key","blur","changeValue","startAdornment","endAdornment","style","React","Component","PropTypes","object","isRequired","string","bool","func"],"mappings":"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","sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport TextField from '@material-ui/core/TextField';\nimport classNames from 'classnames';\nimport { withStyles } from '@material-ui/core/styles';\nimport isFinite from 'lodash/isFinite';\nimport IconButton from '@material-ui/core/IconButton';\nimport InputAdornment from '@material-ui/core/InputAdornment';\nimport Remove from '@material-ui/icons/Remove';\nimport Add from '@material-ui/icons/Add';\n\nconst styles = theme => ({\n  input: {\n    '& input[type=number]': {\n      '-moz-appearance': 'textfield'\n    },\n    '& input[type=number]::-webkit-outer-spin-button': {\n      '-webkit-appearance': 'none',\n      margin: 0\n    },\n    '& input[type=number]::-webkit-inner-spin-button': {\n      '-webkit-appearance': 'none',\n      margin: 0\n    }\n  },\n  iconButton: {\n    padding: '2px'\n  }\n});\n\nconst fallbackNumber = (min, max) => {\n  if (!isFinite(min) && !isFinite(max)) {\n    return 0;\n  }\n\n  if (!isFinite(min) && isFinite(max)) {\n    return max;\n  }\n\n  if (isFinite(min)) {\n    return min;\n  }\n};\n\nexport class NumberTextFieldCustom extends React.Component {\n  static propTypes = {\n    classes: PropTypes.object.isRequired,\n    className: PropTypes.string,\n    disabled: PropTypes.bool,\n    error: PropTypes.bool,\n    inputClassName: PropTypes.string,\n    onChange: PropTypes.func.isRequired,\n    onlyIntegersAllowed: PropTypes.bool,\n    value: PropTypes.number,\n    min: PropTypes.number,\n    max: PropTypes.number,\n    step: PropTypes.number,\n    label: PropTypes.string,\n    disableUnderline: PropTypes.bool,\n    variant: PropTypes.string\n  };\n\n  static defaultProps = {\n    step: 1,\n    textAlign: 'center',\n    variant: 'standard',\n    onlyIntegersAllowed: false\n  };\n\n  constructor(props) {\n    super(props);\n\n    const value = this.clamp(props.value);\n\n    this.state = {\n      value\n    };\n\n    if (value !== props.value) {\n      this.props.onChange({}, value);\n    }\n\n    this.onChange = this.onChange.bind(this);\n  }\n\n  UNSAFE_componentWillReceiveProps(props) {\n    const value = this.clamp(props.value);\n\n    this.setState({ value });\n  }\n\n  clamp(value) {\n    const { min, max } = this.props;\n\n    if (!isFinite(value)) {\n      return fallbackNumber(min, max);\n    }\n\n    if (isFinite(max)) {\n      value = Math.min(value, max);\n    }\n\n    if (isFinite(min)) {\n      value = Math.max(value, min);\n    }\n\n    return value;\n  }\n\n  onBlur = event => {\n    const { onlyIntegersAllowed } = this.props;\n    const { value } = event.target;\n    const rawNumber = onlyIntegersAllowed ? parseInt(value) : parseFloat(value);\n    const number = this.clamp(rawNumber);\n\n    if (number !== this.state.value) {\n      this.setState({ value: number.toString() }, () => this.props.onChange(event, number));\n    }\n  };\n\n  onChange(event) {\n    const { value } = event.target;\n\n    this.setState({ value });\n  }\n\n  changeValue(event, sign = 1, shouldUpdate = false) {\n    event.preventDefault();\n\n    const { step, onlyIntegersAllowed, onChange } = this.props;\n    const { value } = this.state;\n    const rawNumber = onlyIntegersAllowed ? parseInt(value) : parseFloat(value);\n    const updatedValue = (rawNumber * 10000 + step * sign * 10000) / 10000;\n    const number = this.clamp(updatedValue);\n\n    this.setState({ value: number.toString() }, () => {\n      if (shouldUpdate) {\n        onChange(event, number);\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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/config-ui",
-  "version": "10.13.1",
+  "version": "11.0.0",
   "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": "^7.22.4",
+    "@pie-lib/editable-html": "^8.0.0",
     "@pie-lib/icons": "^2.4.25",
-    "@pie-lib/render-ui": "^4.12.7",
+    "@pie-lib/render-ui": "^4.12.9",
     "classnames": "^2.2.6",
     "debug": "^4.1.1",
     "lodash": "^4.17.11",
@@ -26,5 +26,5 @@
   "peerDependencies": {
     "react": "^16.8.1"
   },
-  "gitHead": "611d47d0ed9fb2591be8f26cc78a40049e5e70a5"
+  "gitHead": "2f841d92dcda7472f18cbce517eb664dec2f6442"
 }

package/src/choice-configuration/index.jsx

@@ -18,18 +18,20 @@ const EditableHtmlContainer = withStyles(theme => ({
   }
 }))(
   ({
-    label,
-    classes,
-    onChange,
-    value,
-    className,
-    imageSupport,
-    disabled,
-    spellCheck,
-    nonEmpty,
-    toolbarOpts,
-    error
-  }) => {
+     label,
+     classes,
+     onChange,
+     value,
+     className,
+     imageSupport,
+     disabled,
+     spellCheck,
+     nonEmpty,
+     toolbarOpts,
+     error,
+     maxImageWidth,
+     maxImageHeight
+   }) => {
     const names = classNames(classes.labelContainer, className);
 
     return (
@@ -45,6 +47,8 @@ const EditableHtmlContainer = withStyles(theme => ({
             className={classes.editor}
             toolbarOpts={toolbarOpts}
             error={error}
+            maxImageWidth={maxImageWidth}
+            maxImageHeight={maxImageHeight}
           />
         </div>
       </InputContainer>

package/src/number-text-field-custom.jsx

@@ -46,6 +46,7 @@ export class NumberTextFieldCustom extends React.Component {
   static propTypes = {
     classes: PropTypes.object.isRequired,
     className: PropTypes.string,
+    customValues: PropTypes.array,
     disabled: PropTypes.bool,
     error: PropTypes.bool,
     inputClassName: PropTypes.string,
@@ -62,6 +63,7 @@ export class NumberTextFieldCustom extends React.Component {
 
   static defaultProps = {
     step: 1,
+    customValues: [],
     textAlign: 'center',
     variant: 'standard',
     onlyIntegersAllowed: false
@@ -70,10 +72,11 @@ export class NumberTextFieldCustom extends React.Component {
   constructor(props) {
     super(props);
 
-    const value = this.clamp(props.value);
+    const { value, currentIndex } = this.normalizeValueAndIndex(props.customValues, props.value);
 
     this.state = {
-      value
+      value,
+      currentIndex
     };
 
     if (value !== props.value) {
@@ -84,13 +87,17 @@ export class NumberTextFieldCustom extends React.Component {
   }
 
   UNSAFE_componentWillReceiveProps(props) {
-    const value = this.clamp(props.value);
+    const { value, currentIndex } = this.normalizeValueAndIndex(props.customValues, props.value);
 
-    this.setState({ value });
+    this.setState({ value, currentIndex });
   }
 
   clamp(value) {
-    const { min, max } = this.props;
+    const { min, max, customValues } = this.props;
+
+    if ((customValues || []).length > 0) {
+      return value;
+    }
 
     if (!isFinite(value)) {
       return fallbackNumber(min, max);
@@ -107,14 +114,41 @@ export class NumberTextFieldCustom extends React.Component {
     return value;
   }
 
+  normalizeValueAndIndex = (customValues, number) => {
+    const value = this.clamp(number);
+    const currentIndex = (customValues || []).findIndex(val => val === value);
+
+    if ((customValues || []).length > 0 && currentIndex === -1) {
+      const closestValue = this.getClosestValue(customValues, value);
+
+      return { value: closestValue.value, currentIndex: closestValue.index };
+    }
+
+    return { value, currentIndex };
+  };
+
+  getClosestValue = (customValues, number) =>
+    customValues.reduce(
+      (closest, value, index) =>
+        Math.abs(value - number) < Math.abs(closest.value - number) ? { value, index } : closest,
+      { value: customValues[0], index: 0 }
+    );
+
   onBlur = event => {
-    const { onlyIntegersAllowed } = this.props;
+    const { customValues, onlyIntegersAllowed } = this.props;
     const { value } = event.target;
     const rawNumber = onlyIntegersAllowed ? parseInt(value) : parseFloat(value);
-    const number = this.clamp(rawNumber);
+
+    const { value: number, currentIndex } = this.normalizeValueAndIndex(customValues, rawNumber);
 
     if (number !== this.state.value) {
-      this.setState({ value: number.toString() }, () => this.props.onChange(event, number));
+      this.setState(
+        {
+          value: number.toString(),
+          currentIndex
+        },
+        () => this.props.onChange(event, number)
+      );
     }
   };
 
@@ -127,17 +161,34 @@ export class NumberTextFieldCustom extends React.Component {
   changeValue(event, sign = 1, shouldUpdate = false) {
     event.preventDefault();
 
-    const { step, onlyIntegersAllowed, onChange } = this.props;
-    const { value } = this.state;
-    const rawNumber = onlyIntegersAllowed ? parseInt(value) : parseFloat(value);
-    const updatedValue = (rawNumber * 10000 + step * sign * 10000) / 10000;
-    const number = this.clamp(updatedValue);
+    const { customValues, step, onlyIntegersAllowed, onChange } = this.props;
+    const { currentIndex, value } = this.state;
+    const updatedIndex = currentIndex + sign * 1;
+    let number;
 
-    this.setState({ value: number.toString() }, () => {
-      if (shouldUpdate) {
-        onChange(event, number);
+    if (customValues.length > 0) {
+      if (updatedIndex < 0 || updatedIndex >= customValues.length) {
+        return;
       }
-    });
+
+      number = customValues[updatedIndex];
+    } else {
+      const rawNumber = onlyIntegersAllowed ? parseInt(value) : parseFloat(value);
+      const updatedValue = (rawNumber * 10000 + step * sign * 10000) / 10000;
+      number = this.clamp(updatedValue);
+    }
+
+    this.setState(
+      {
+        value: number.toString(),
+        currentIndex: updatedIndex
+      },
+      () => {
+        if (shouldUpdate) {
+          onChange(event, number);
+        }
+      }
+    );
   }
 
   render() {