@pie-lib/config-ui 10.13.1 → 10.13.2

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [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/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,"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","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","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    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"],"file":"number-text-field-custom.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pie-lib/config-ui",
-  "version": "10.13.1",
+  "version": "10.13.2",
   "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": "^7.22.5",
     "@pie-lib/icons": "^2.4.25",
-    "@pie-lib/render-ui": "^4.12.7",
+    "@pie-lib/render-ui": "^4.12.8",
     "classnames": "^2.2.6",
     "debug": "^4.1.1",
     "lodash": "^4.17.11",
@@ -26,5 +26,5 @@
   "peerDependencies": {
     "react": "^16.8.1"
   },
-  "gitHead": "611d47d0ed9fb2591be8f26cc78a40049e5e70a5"
+  "gitHead": "debcaf764c62d97a1401f2898b062183847ce33b"
 }

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() {