@pie-lib/config-ui 10.10.4-next.295 → 10.10.4-next.322
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -98,8 +98,29 @@ var NumberTextFieldCustom = /*#__PURE__*/function (_React$Component) {
|
|
|
98
98
|
|
|
99
99
|
_this = _super.call(this, props);
|
|
100
100
|
|
|
101
|
-
_defineProperty(_assertThisInitialized(_this), "
|
|
102
|
-
var
|
|
101
|
+
_defineProperty(_assertThisInitialized(_this), "normalizeValueAndIndex", function (customValues, number) {
|
|
102
|
+
var value = _this.clamp(number);
|
|
103
|
+
|
|
104
|
+
var currentIndex = (customValues || []).findIndex(function (val) {
|
|
105
|
+
return val === value;
|
|
106
|
+
});
|
|
107
|
+
|
|
108
|
+
if ((customValues || []).length > 0 && currentIndex === -1) {
|
|
109
|
+
var closestValue = _this.getClosestValue(customValues, value);
|
|
110
|
+
|
|
111
|
+
return {
|
|
112
|
+
value: closestValue.value,
|
|
113
|
+
currentIndex: closestValue.index
|
|
114
|
+
};
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
return {
|
|
118
|
+
value: value,
|
|
119
|
+
currentIndex: currentIndex
|
|
120
|
+
};
|
|
121
|
+
});
|
|
122
|
+
|
|
123
|
+
_defineProperty(_assertThisInitialized(_this), "getClosestValue", function (customValues, number) {
|
|
103
124
|
return customValues.reduce(function (closest, value, index) {
|
|
104
125
|
return Math.abs(value - number) < Math.abs(closest.value - number) ? {
|
|
105
126
|
value: value,
|
|
@@ -118,45 +139,27 @@ var NumberTextFieldCustom = /*#__PURE__*/function (_React$Component) {
|
|
|
118
139
|
var value = event.target.value;
|
|
119
140
|
var rawNumber = onlyIntegersAllowed ? parseInt(value) : parseFloat(value);
|
|
120
141
|
|
|
121
|
-
var
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
return val === number;
|
|
125
|
-
});
|
|
126
|
-
|
|
127
|
-
if (customValues.length > 0 && updatedIndex === -1) {
|
|
128
|
-
var closestValue = _this.getClosestValue(number);
|
|
129
|
-
|
|
130
|
-
number = closestValue.value;
|
|
131
|
-
updatedIndex = closestValue.index;
|
|
132
|
-
}
|
|
142
|
+
var _this$normalizeValueA = _this.normalizeValueAndIndex(customValues, rawNumber),
|
|
143
|
+
number = _this$normalizeValueA.value,
|
|
144
|
+
currentIndex = _this$normalizeValueA.currentIndex;
|
|
133
145
|
|
|
134
146
|
if (number !== _this.state.value) {
|
|
135
147
|
_this.setState({
|
|
136
148
|
value: number.toString(),
|
|
137
|
-
currentIndex:
|
|
149
|
+
currentIndex: currentIndex
|
|
138
150
|
}, function () {
|
|
139
151
|
return _this.props.onChange(event, number);
|
|
140
152
|
});
|
|
141
153
|
}
|
|
142
154
|
});
|
|
143
155
|
|
|
144
|
-
var
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
return val === _value;
|
|
148
|
-
});
|
|
149
|
-
|
|
150
|
-
if ((props.customValues || []).length > 0 && currentIndex === -1) {
|
|
151
|
-
var closestValue = _this.getClosestValue(_value);
|
|
152
|
-
|
|
153
|
-
_value = closestValue.value;
|
|
154
|
-
currentIndex = closestValue.index;
|
|
155
|
-
}
|
|
156
|
+
var _this$normalizeValueA2 = _this.normalizeValueAndIndex(props.customValues, props.value),
|
|
157
|
+
_value = _this$normalizeValueA2.value,
|
|
158
|
+
_currentIndex = _this$normalizeValueA2.currentIndex;
|
|
156
159
|
|
|
157
160
|
_this.state = {
|
|
158
161
|
value: _value,
|
|
159
|
-
currentIndex:
|
|
162
|
+
currentIndex: _currentIndex
|
|
160
163
|
};
|
|
161
164
|
|
|
162
165
|
if (_value !== props.value) {
|
|
@@ -170,9 +173,13 @@ var NumberTextFieldCustom = /*#__PURE__*/function (_React$Component) {
|
|
|
170
173
|
_createClass(NumberTextFieldCustom, [{
|
|
171
174
|
key: "UNSAFE_componentWillReceiveProps",
|
|
172
175
|
value: function UNSAFE_componentWillReceiveProps(props) {
|
|
173
|
-
var
|
|
176
|
+
var _this$normalizeValueA3 = this.normalizeValueAndIndex(props.customValues, props.value),
|
|
177
|
+
value = _this$normalizeValueA3.value,
|
|
178
|
+
currentIndex = _this$normalizeValueA3.currentIndex;
|
|
179
|
+
|
|
174
180
|
this.setState({
|
|
175
|
-
value: value
|
|
181
|
+
value: value,
|
|
182
|
+
currentIndex: currentIndex
|
|
176
183
|
});
|
|
177
184
|
}
|
|
178
185
|
}, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"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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"}
|
|
1
|
+
{"version":3,"file":"number-text-field-custom.js","names":["styles","theme","input","margin","iconButton","padding","fallbackNumber","min","max","isFinite","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","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 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"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pie-lib/config-ui",
|
|
3
|
-
"version": "10.10.4-next.
|
|
3
|
+
"version": "10.10.4-next.322+b63751da",
|
|
4
4
|
"main": "lib/index.js",
|
|
5
5
|
"module": "src/index.js",
|
|
6
6
|
"publishConfig": {
|
|
@@ -26,5 +26,5 @@
|
|
|
26
26
|
"peerDependencies": {
|
|
27
27
|
"react": "^16.8.1"
|
|
28
28
|
},
|
|
29
|
-
"gitHead": "
|
|
29
|
+
"gitHead": "b63751da9a0a46186b139e849a560ad3d7fd5866"
|
|
30
30
|
}
|
|
@@ -72,14 +72,7 @@ export class NumberTextFieldCustom extends React.Component {
|
|
|
72
72
|
constructor(props) {
|
|
73
73
|
super(props);
|
|
74
74
|
|
|
75
|
-
|
|
76
|
-
let currentIndex = (props.customValues || []).findIndex(val => val === value);
|
|
77
|
-
|
|
78
|
-
if ((props.customValues || []).length > 0 && currentIndex === -1) {
|
|
79
|
-
const closestValue = this.getClosestValue(value);
|
|
80
|
-
value = closestValue.value;
|
|
81
|
-
currentIndex = closestValue.index;
|
|
82
|
-
}
|
|
75
|
+
const { value, currentIndex } = this.normalizeValueAndIndex(props.customValues, props.value);
|
|
83
76
|
|
|
84
77
|
this.state = {
|
|
85
78
|
value,
|
|
@@ -94,9 +87,9 @@ export class NumberTextFieldCustom extends React.Component {
|
|
|
94
87
|
}
|
|
95
88
|
|
|
96
89
|
UNSAFE_componentWillReceiveProps(props) {
|
|
97
|
-
const value = this.
|
|
90
|
+
const { value, currentIndex } = this.normalizeValueAndIndex(props.customValues, props.value);
|
|
98
91
|
|
|
99
|
-
this.setState({ value });
|
|
92
|
+
this.setState({ value, currentIndex });
|
|
100
93
|
}
|
|
101
94
|
|
|
102
95
|
clamp(value) {
|
|
@@ -121,34 +114,38 @@ export class NumberTextFieldCustom extends React.Component {
|
|
|
121
114
|
return value;
|
|
122
115
|
}
|
|
123
116
|
|
|
124
|
-
|
|
125
|
-
const
|
|
117
|
+
normalizeValueAndIndex = (customValues, number) => {
|
|
118
|
+
const value = this.clamp(number);
|
|
119
|
+
const currentIndex = (customValues || []).findIndex(val => val === value);
|
|
120
|
+
|
|
121
|
+
if ((customValues || []).length > 0 && currentIndex === -1) {
|
|
122
|
+
const closestValue = this.getClosestValue(customValues, value);
|
|
123
|
+
|
|
124
|
+
return { value: closestValue.value, currentIndex: closestValue.index };
|
|
125
|
+
}
|
|
126
|
+
|
|
127
|
+
return { value, currentIndex };
|
|
128
|
+
};
|
|
126
129
|
|
|
127
|
-
|
|
130
|
+
getClosestValue = (customValues, number) =>
|
|
131
|
+
customValues.reduce(
|
|
128
132
|
(closest, value, index) =>
|
|
129
133
|
Math.abs(value - number) < Math.abs(closest.value - number) ? { value, index } : closest,
|
|
130
134
|
{ value: customValues[0], index: 0 }
|
|
131
135
|
);
|
|
132
|
-
};
|
|
133
136
|
|
|
134
137
|
onBlur = event => {
|
|
135
138
|
const { customValues, onlyIntegersAllowed } = this.props;
|
|
136
139
|
const { value } = event.target;
|
|
137
140
|
const rawNumber = onlyIntegersAllowed ? parseInt(value) : parseFloat(value);
|
|
138
|
-
let number = this.clamp(rawNumber);
|
|
139
|
-
let updatedIndex = (customValues || []).findIndex(val => val === number);
|
|
140
141
|
|
|
141
|
-
|
|
142
|
-
const closestValue = this.getClosestValue(number);
|
|
143
|
-
number = closestValue.value;
|
|
144
|
-
updatedIndex = closestValue.index;
|
|
145
|
-
}
|
|
142
|
+
const { value: number, currentIndex } = this.normalizeValueAndIndex(customValues, rawNumber);
|
|
146
143
|
|
|
147
144
|
if (number !== this.state.value) {
|
|
148
145
|
this.setState(
|
|
149
146
|
{
|
|
150
147
|
value: number.toString(),
|
|
151
|
-
currentIndex
|
|
148
|
+
currentIndex
|
|
152
149
|
},
|
|
153
150
|
() => this.props.onChange(event, number)
|
|
154
151
|
);
|