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

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

@@ -98,16 +98,43 @@ var NumberTextFieldCustom = /*#__PURE__*/function (_React$Component) {
 
     _this = _super.call(this, props);
 
+    _defineProperty(_assertThisInitialized(_this), "getClosestValue", function (number) {
+      var customValues = _this.props.customValues;
+      return customValues.reduce(function (closest, value, index) {
+        return Math.abs(value - number) < Math.abs(closest.value - number) ? {
+          value: value,
+          index: index
+        } : closest;
+      }, {
+        value: customValues[0],
+        index: 0
+      });
+    });
+
     _defineProperty(_assertThisInitialized(_this), "onBlur", function (event) {
-      var onlyIntegersAllowed = _this.props.onlyIntegersAllowed;
+      var _this$props = _this.props,
+          customValues = _this$props.customValues,
+          onlyIntegersAllowed = _this$props.onlyIntegersAllowed;
       var value = event.target.value;
       var rawNumber = onlyIntegersAllowed ? parseInt(value) : parseFloat(value);
 
       var number = _this.clamp(rawNumber);
 
+      var updatedIndex = (customValues || []).findIndex(function (val) {
+        return val === number;
+      });
+
+      if (customValues.length > 0 && updatedIndex === -1) {
+        var closestValue = _this.getClosestValue(number);
+
+        number = closestValue.value;
+        updatedIndex = closestValue.index;
+      }
+
       if (number !== _this.state.value) {
         _this.setState({
-          value: number.toString()
+          value: number.toString(),
+          currentIndex: updatedIndex
         }, function () {
           return _this.props.onChange(event, number);
         });
@@ -116,8 +143,20 @@ var NumberTextFieldCustom = /*#__PURE__*/function (_React$Component) {
 
     var _value = _this.clamp(props.value);
 
+    var currentIndex = (props.customValues || []).findIndex(function (val) {
+      return val === _value;
+    });
+
+    if ((props.customValues || []).length > 0 && currentIndex === -1) {
+      var closestValue = _this.getClosestValue(_value);
+
+      _value = closestValue.value;
+      currentIndex = closestValue.index;
+    }
+
     _this.state = {
-      value: _value
+      value: _value,
+      currentIndex: currentIndex
     };
 
     if (_value !== props.value) {
@@ -139,9 +178,14 @@ var NumberTextFieldCustom = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "clamp",
     value: function clamp(value) {
-      var _this$props = this.props,
-          min = _this$props.min,
-          max = _this$props.max;
+      var _this$props2 = this.props,
+          min = _this$props2.min,
+          max = _this$props2.max,
+          customValues = _this$props2.customValues;
+
+      if ((customValues || []).length > 0) {
+        return value;
+      }
 
       if (!(0, _isFinite["default"])(value)) {
         return fallbackNumber(min, max);
@@ -171,16 +215,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 +252,19 @@ var NumberTextFieldCustom = /*#__PURE__*/function (_React$Component) {
     value: function render() {
       var _this2 = this;
 
-      var _this$props3 = this.props,
-          className = _this$props3.className,
-          classes = _this$props3.classes,
-          label = _this$props3.label,
-          disabled = _this$props3.disabled,
-          error = _this$props3.error,
-          min = _this$props3.min,
-          max = _this$props3.max,
-          inputClassName = _this$props3.inputClassName,
-          disableUnderline = _this$props3.disableUnderline,
-          helperText = _this$props3.helperText,
-          variant = _this$props3.variant,
-          textAlign = _this$props3.textAlign;
+      var _this$props4 = this.props,
+          className = _this$props4.className,
+          classes = _this$props4.classes,
+          label = _this$props4.label,
+          disabled = _this$props4.disabled,
+          error = _this$props4.error,
+          min = _this$props4.min,
+          max = _this$props4.max,
+          inputClassName = _this$props4.inputClassName,
+          disableUnderline = _this$props4.disableUnderline,
+          helperText = _this$props4.helperText,
+          variant = _this$props4.variant,
+          textAlign = _this$props4.textAlign;
       var value = this.state.value;
       var names = (0, _classnames["default"])(className, classes.input);
       return /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
@@ -281,6 +341,7 @@ exports.NumberTextFieldCustom = NumberTextFieldCustom;
 _defineProperty(NumberTextFieldCustom, "propTypes", {
   classes: _propTypes["default"].object.isRequired,
   className: _propTypes["default"].string,
+  customValues: _propTypes["default"].array,
   disabled: _propTypes["default"].bool,
   error: _propTypes["default"].bool,
   inputClassName: _propTypes["default"].string,
@@ -297,6 +358,7 @@ _defineProperty(NumberTextFieldCustom, "propTypes", {
 
 _defineProperty(NumberTextFieldCustom, "defaultProps", {
   step: 1,
+  customValues: [],
   textAlign: 'center',
   variant: 'standard',
   onlyIntegersAllowed: false

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/config-ui",
-  "version": "10.10.4-next.293+3590ae12",
+  "version": "10.10.4-next.295+f1c1237a",
   "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.17.4-next.293+3590ae12",
+    "@pie-lib/editable-html": "^7.17.3",
     "@pie-lib/icons": "^2.4.25",
-    "@pie-lib/render-ui": "^4.12.1-next.293+3590ae12",
+    "@pie-lib/render-ui": "^4.12.0",
     "classnames": "^2.2.6",
     "debug": "^4.1.1",
     "lodash": "^4.17.11",
@@ -26,5 +26,5 @@
   "peerDependencies": {
     "react": "^16.8.1"
   },
-  "gitHead": "3590ae12172fe75e01913377461331542d536b24"
+  "gitHead": "f1c1237ae254361246c15783d1e9c4b5f8256738"
 }

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,18 @@ export class NumberTextFieldCustom extends React.Component {
   constructor(props) {
     super(props);
 
-    const value = this.clamp(props.value);
+    let value = this.clamp(props.value);
+    let currentIndex = (props.customValues || []).findIndex(val => val === value);
+
+    if ((props.customValues || []).length > 0 && currentIndex === -1) {
+      const closestValue = this.getClosestValue(value);
+      value = closestValue.value;
+      currentIndex = closestValue.index;
+    }
 
     this.state = {
-      value
+      value,
+      currentIndex
     };
 
     if (value !== props.value) {
@@ -90,7 +100,11 @@ export class NumberTextFieldCustom extends React.Component {
   }
 
   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 +121,37 @@ export class NumberTextFieldCustom extends React.Component {
     return value;
   }
 
+  getClosestValue = number => {
+    const { customValues } = this.props;
+
+    return 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);
+    let number = this.clamp(rawNumber);
+    let updatedIndex = (customValues || []).findIndex(val => val === number);
+
+    if (customValues.length > 0 && updatedIndex === -1) {
+      const closestValue = this.getClosestValue(number);
+      number = closestValue.value;
+      updatedIndex = closestValue.index;
+    }
 
     if (number !== this.state.value) {
-      this.setState({ value: number.toString() }, () => this.props.onChange(event, number));
+      this.setState(
+        {
+          value: number.toString(),
+          currentIndex: updatedIndex
+        },
+        () => this.props.onChange(event, number)
+      );
     }
   };
 
@@ -127,17 +164,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() {