@salutejs/plasma-new-hope 0.157.0-canary.1421.11106899244.0 → 0.157.0-canary.1421.11113740435.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +4 -4
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js.map +1 -1
- package/emotion/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +4 -4
- package/emotion/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +4 -4
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +4 -4
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js.map +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +4 -4
- package/styled-components/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +4 -4
|
@@ -44,7 +44,7 @@ var DoubleUncontrolled = function DoubleUncontrolled(props) {
|
|
|
44
44
|
});
|
|
45
45
|
}
|
|
46
46
|
setSliderValue(sortValue);
|
|
47
|
-
}, [name, value, onChange, sortValues
|
|
47
|
+
}, [name, value, onChange, sortValues]);
|
|
48
48
|
var onChangeCommitedHandle = React.useCallback(function (values) {
|
|
49
49
|
var sortValue = sortValues(values);
|
|
50
50
|
if (onChange && !value && name) {
|
|
@@ -56,7 +56,7 @@ var DoubleUncontrolled = function DoubleUncontrolled(props) {
|
|
|
56
56
|
});
|
|
57
57
|
}
|
|
58
58
|
setSliderValue(sortValue);
|
|
59
|
-
}, [name, value, onChange, sortValues
|
|
59
|
+
}, [name, value, onChange, sortValues]);
|
|
60
60
|
var onBlurTextField = React.useCallback(function (values) {
|
|
61
61
|
var sortValue = sortValues(values);
|
|
62
62
|
if (onChange && !value && name) {
|
|
@@ -68,7 +68,7 @@ var DoubleUncontrolled = function DoubleUncontrolled(props) {
|
|
|
68
68
|
});
|
|
69
69
|
}
|
|
70
70
|
setSliderValue(sortValue);
|
|
71
|
-
}, [name, value, onChange, sortValues
|
|
71
|
+
}, [name, value, onChange, sortValues]);
|
|
72
72
|
var onKeyDownTextField = React.useCallback(function (values, e) {
|
|
73
73
|
if (e.key === 'Enter') {
|
|
74
74
|
var sortValue = sortValues(values);
|
|
@@ -82,7 +82,7 @@ var DoubleUncontrolled = function DoubleUncontrolled(props) {
|
|
|
82
82
|
}
|
|
83
83
|
setSliderValue(sortValue);
|
|
84
84
|
}
|
|
85
|
-
}, [name, value, onChange, sortValues
|
|
85
|
+
}, [name, value, onChange, sortValues]);
|
|
86
86
|
return value ? /*#__PURE__*/React.createElement(Double.DoubleSlider, _rollupPluginBabelHelpers.extends({}, props, {
|
|
87
87
|
value: value,
|
|
88
88
|
onChange: onChange
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DoubleUncontrolled.js","sources":["../../../../../src/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.tsx"],"sourcesContent":["import React, { KeyboardEvent, FC, useState, useCallback } from 'react';\n\nimport { DoubleSlider } from '../index';\nimport { FormTypeString } from '../../../../types/FormType';\n\nimport { DoubleUncontrolledProps } from './DoubleUncontrolled.types';\n\nexport const DoubleUncontrolled: FC<DoubleUncontrolledProps> = (props) => {\n const { defaultValue, min, max, value, name, onChange } = props;\n const [sliderValue, setSliderValue] = useState<number[]>(defaultValue ?? [min, max]);\n\n const sortValues = (values: number[]) => {\n return values\n .map((val) => {\n if (val < props.min) {\n return props.min;\n }\n if (val > props.max) {\n return props.max;\n }\n return val;\n })\n .sort((a, b) => a - b);\n };\n\n const onChangeHandle = useCallback(\n (values: number[]) => {\n const sortValue = sortValues(values);\n\n if (onChange && !value && name) {\n (onChange as (event: FormTypeString) => void)({\n target: {\n value: sortValue.join(' - '),\n name,\n },\n });\n }\n\n setSliderValue(sortValue);\n },\n [name, value, onChange, sortValues
|
|
1
|
+
{"version":3,"file":"DoubleUncontrolled.js","sources":["../../../../../src/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.tsx"],"sourcesContent":["import React, { KeyboardEvent, FC, useState, useCallback } from 'react';\n\nimport { DoubleSlider } from '../index';\nimport { FormTypeString } from '../../../../types/FormType';\n\nimport { DoubleUncontrolledProps } from './DoubleUncontrolled.types';\n\nexport const DoubleUncontrolled: FC<DoubleUncontrolledProps> = (props) => {\n const { defaultValue, min, max, value, name, onChange } = props;\n const [sliderValue, setSliderValue] = useState<number[]>(defaultValue ?? [min, max]);\n\n const sortValues = (values: number[]) => {\n return values\n .map((val) => {\n if (val < props.min) {\n return props.min;\n }\n if (val > props.max) {\n return props.max;\n }\n return val;\n })\n .sort((a, b) => a - b);\n };\n\n const onChangeHandle = useCallback(\n (values: number[]) => {\n const sortValue = sortValues(values);\n\n if (onChange && !value && name) {\n (onChange as (event: FormTypeString) => void)({\n target: {\n value: sortValue.join(' - '),\n name,\n },\n });\n }\n\n setSliderValue(sortValue);\n },\n [name, value, onChange, sortValues],\n );\n\n const onChangeCommitedHandle = useCallback(\n (values: number[]) => {\n const sortValue = sortValues(values);\n\n if (onChange && !value && name) {\n (onChange as (event: FormTypeString) => void)({\n target: {\n value: sortValue.join(' - '),\n name,\n },\n });\n }\n\n setSliderValue(sortValue);\n },\n [name, value, onChange, sortValues],\n );\n\n const onBlurTextField = useCallback(\n (values: number[]) => {\n const sortValue = sortValues(values);\n\n if (onChange && !value && name) {\n (onChange as (event: FormTypeString) => void)({\n target: {\n value: sortValue.join(' - '),\n name,\n },\n });\n }\n\n setSliderValue(sortValue);\n },\n [name, value, onChange, sortValues],\n );\n\n const onKeyDownTextField = useCallback(\n (values: number[], e: KeyboardEvent<HTMLInputElement>) => {\n if (e.key === 'Enter') {\n const sortValue = sortValues(values);\n\n if (onChange && !value && name) {\n (onChange as (event: FormTypeString) => void)({\n target: {\n value: sortValue.join(' - '),\n name,\n },\n });\n }\n\n setSliderValue(sortValue);\n }\n },\n [name, value, onChange, sortValues],\n );\n\n return value ? (\n <DoubleSlider {...props} value={value} onChange={onChange as (values: number[]) => void} />\n ) : (\n <DoubleSlider\n value={sliderValue}\n onKeyDownTextField={onKeyDownTextField}\n onBlurTextField={onBlurTextField}\n onChangeCommitted={onChangeCommitedHandle}\n {...props}\n onChange={onChangeHandle}\n />\n );\n};\n"],"names":["DoubleUncontrolled","props","defaultValue","min","max","value","name","onChange","_useState","useState","_useState2","_slicedToArray","sliderValue","setSliderValue","sortValues","values","map","val","sort","a","b","onChangeHandle","useCallback","sortValue","target","join","onChangeCommitedHandle","onBlurTextField","onKeyDownTextField","e","key","React","createElement","DoubleSlider","_extends","onChangeCommitted"],"mappings":"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"}
|
|
@@ -51,7 +51,7 @@ var DoubleUncontrolled = exports.DoubleUncontrolled = function DoubleUncontrolle
|
|
|
51
51
|
});
|
|
52
52
|
}
|
|
53
53
|
setSliderValue(sortValue);
|
|
54
|
-
}, [name, value, onChange, sortValues
|
|
54
|
+
}, [name, value, onChange, sortValues]);
|
|
55
55
|
var onChangeCommitedHandle = (0, _react.useCallback)(function (values) {
|
|
56
56
|
var sortValue = sortValues(values);
|
|
57
57
|
if (onChange && !value && name) {
|
|
@@ -63,7 +63,7 @@ var DoubleUncontrolled = exports.DoubleUncontrolled = function DoubleUncontrolle
|
|
|
63
63
|
});
|
|
64
64
|
}
|
|
65
65
|
setSliderValue(sortValue);
|
|
66
|
-
}, [name, value, onChange, sortValues
|
|
66
|
+
}, [name, value, onChange, sortValues]);
|
|
67
67
|
var onBlurTextField = (0, _react.useCallback)(function (values) {
|
|
68
68
|
var sortValue = sortValues(values);
|
|
69
69
|
if (onChange && !value && name) {
|
|
@@ -75,7 +75,7 @@ var DoubleUncontrolled = exports.DoubleUncontrolled = function DoubleUncontrolle
|
|
|
75
75
|
});
|
|
76
76
|
}
|
|
77
77
|
setSliderValue(sortValue);
|
|
78
|
-
}, [name, value, onChange, sortValues
|
|
78
|
+
}, [name, value, onChange, sortValues]);
|
|
79
79
|
var onKeyDownTextField = (0, _react.useCallback)(function (values, e) {
|
|
80
80
|
if (e.key === 'Enter') {
|
|
81
81
|
var sortValue = sortValues(values);
|
|
@@ -89,7 +89,7 @@ var DoubleUncontrolled = exports.DoubleUncontrolled = function DoubleUncontrolle
|
|
|
89
89
|
}
|
|
90
90
|
setSliderValue(sortValue);
|
|
91
91
|
}
|
|
92
|
-
}, [name, value, onChange, sortValues
|
|
92
|
+
}, [name, value, onChange, sortValues]);
|
|
93
93
|
return value ? /*#__PURE__*/_react["default"].createElement(_index.DoubleSlider, _extends({}, props, {
|
|
94
94
|
value: value,
|
|
95
95
|
onChange: onChange
|
|
@@ -42,7 +42,7 @@ export var DoubleUncontrolled = function DoubleUncontrolled(props) {
|
|
|
42
42
|
});
|
|
43
43
|
}
|
|
44
44
|
setSliderValue(sortValue);
|
|
45
|
-
}, [name, value, onChange, sortValues
|
|
45
|
+
}, [name, value, onChange, sortValues]);
|
|
46
46
|
var onChangeCommitedHandle = useCallback(function (values) {
|
|
47
47
|
var sortValue = sortValues(values);
|
|
48
48
|
if (onChange && !value && name) {
|
|
@@ -54,7 +54,7 @@ export var DoubleUncontrolled = function DoubleUncontrolled(props) {
|
|
|
54
54
|
});
|
|
55
55
|
}
|
|
56
56
|
setSliderValue(sortValue);
|
|
57
|
-
}, [name, value, onChange, sortValues
|
|
57
|
+
}, [name, value, onChange, sortValues]);
|
|
58
58
|
var onBlurTextField = useCallback(function (values) {
|
|
59
59
|
var sortValue = sortValues(values);
|
|
60
60
|
if (onChange && !value && name) {
|
|
@@ -66,7 +66,7 @@ export var DoubleUncontrolled = function DoubleUncontrolled(props) {
|
|
|
66
66
|
});
|
|
67
67
|
}
|
|
68
68
|
setSliderValue(sortValue);
|
|
69
|
-
}, [name, value, onChange, sortValues
|
|
69
|
+
}, [name, value, onChange, sortValues]);
|
|
70
70
|
var onKeyDownTextField = useCallback(function (values, e) {
|
|
71
71
|
if (e.key === 'Enter') {
|
|
72
72
|
var sortValue = sortValues(values);
|
|
@@ -80,7 +80,7 @@ export var DoubleUncontrolled = function DoubleUncontrolled(props) {
|
|
|
80
80
|
}
|
|
81
81
|
setSliderValue(sortValue);
|
|
82
82
|
}
|
|
83
|
-
}, [name, value, onChange, sortValues
|
|
83
|
+
}, [name, value, onChange, sortValues]);
|
|
84
84
|
return value ? /*#__PURE__*/React.createElement(DoubleSlider, _extends({}, props, {
|
|
85
85
|
value: value,
|
|
86
86
|
onChange: onChange
|
|
@@ -40,7 +40,7 @@ var DoubleUncontrolled = function DoubleUncontrolled(props) {
|
|
|
40
40
|
});
|
|
41
41
|
}
|
|
42
42
|
setSliderValue(sortValue);
|
|
43
|
-
}, [name, value, onChange, sortValues
|
|
43
|
+
}, [name, value, onChange, sortValues]);
|
|
44
44
|
var onChangeCommitedHandle = useCallback(function (values) {
|
|
45
45
|
var sortValue = sortValues(values);
|
|
46
46
|
if (onChange && !value && name) {
|
|
@@ -52,7 +52,7 @@ var DoubleUncontrolled = function DoubleUncontrolled(props) {
|
|
|
52
52
|
});
|
|
53
53
|
}
|
|
54
54
|
setSliderValue(sortValue);
|
|
55
|
-
}, [name, value, onChange, sortValues
|
|
55
|
+
}, [name, value, onChange, sortValues]);
|
|
56
56
|
var onBlurTextField = useCallback(function (values) {
|
|
57
57
|
var sortValue = sortValues(values);
|
|
58
58
|
if (onChange && !value && name) {
|
|
@@ -64,7 +64,7 @@ var DoubleUncontrolled = function DoubleUncontrolled(props) {
|
|
|
64
64
|
});
|
|
65
65
|
}
|
|
66
66
|
setSliderValue(sortValue);
|
|
67
|
-
}, [name, value, onChange, sortValues
|
|
67
|
+
}, [name, value, onChange, sortValues]);
|
|
68
68
|
var onKeyDownTextField = useCallback(function (values, e) {
|
|
69
69
|
if (e.key === 'Enter') {
|
|
70
70
|
var sortValue = sortValues(values);
|
|
@@ -78,7 +78,7 @@ var DoubleUncontrolled = function DoubleUncontrolled(props) {
|
|
|
78
78
|
}
|
|
79
79
|
setSliderValue(sortValue);
|
|
80
80
|
}
|
|
81
|
-
}, [name, value, onChange, sortValues
|
|
81
|
+
}, [name, value, onChange, sortValues]);
|
|
82
82
|
return value ? /*#__PURE__*/React.createElement(DoubleSlider, _extends({}, props, {
|
|
83
83
|
value: value,
|
|
84
84
|
onChange: onChange
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DoubleUncontrolled.js","sources":["../../../../../src/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.tsx"],"sourcesContent":["import React, { KeyboardEvent, FC, useState, useCallback } from 'react';\n\nimport { DoubleSlider } from '../index';\nimport { FormTypeString } from '../../../../types/FormType';\n\nimport { DoubleUncontrolledProps } from './DoubleUncontrolled.types';\n\nexport const DoubleUncontrolled: FC<DoubleUncontrolledProps> = (props) => {\n const { defaultValue, min, max, value, name, onChange } = props;\n const [sliderValue, setSliderValue] = useState<number[]>(defaultValue ?? [min, max]);\n\n const sortValues = (values: number[]) => {\n return values\n .map((val) => {\n if (val < props.min) {\n return props.min;\n }\n if (val > props.max) {\n return props.max;\n }\n return val;\n })\n .sort((a, b) => a - b);\n };\n\n const onChangeHandle = useCallback(\n (values: number[]) => {\n const sortValue = sortValues(values);\n\n if (onChange && !value && name) {\n (onChange as (event: FormTypeString) => void)({\n target: {\n value: sortValue.join(' - '),\n name,\n },\n });\n }\n\n setSliderValue(sortValue);\n },\n [name, value, onChange, sortValues
|
|
1
|
+
{"version":3,"file":"DoubleUncontrolled.js","sources":["../../../../../src/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.tsx"],"sourcesContent":["import React, { KeyboardEvent, FC, useState, useCallback } from 'react';\n\nimport { DoubleSlider } from '../index';\nimport { FormTypeString } from '../../../../types/FormType';\n\nimport { DoubleUncontrolledProps } from './DoubleUncontrolled.types';\n\nexport const DoubleUncontrolled: FC<DoubleUncontrolledProps> = (props) => {\n const { defaultValue, min, max, value, name, onChange } = props;\n const [sliderValue, setSliderValue] = useState<number[]>(defaultValue ?? [min, max]);\n\n const sortValues = (values: number[]) => {\n return values\n .map((val) => {\n if (val < props.min) {\n return props.min;\n }\n if (val > props.max) {\n return props.max;\n }\n return val;\n })\n .sort((a, b) => a - b);\n };\n\n const onChangeHandle = useCallback(\n (values: number[]) => {\n const sortValue = sortValues(values);\n\n if (onChange && !value && name) {\n (onChange as (event: FormTypeString) => void)({\n target: {\n value: sortValue.join(' - '),\n name,\n },\n });\n }\n\n setSliderValue(sortValue);\n },\n [name, value, onChange, sortValues],\n );\n\n const onChangeCommitedHandle = useCallback(\n (values: number[]) => {\n const sortValue = sortValues(values);\n\n if (onChange && !value && name) {\n (onChange as (event: FormTypeString) => void)({\n target: {\n value: sortValue.join(' - '),\n name,\n },\n });\n }\n\n setSliderValue(sortValue);\n },\n [name, value, onChange, sortValues],\n );\n\n const onBlurTextField = useCallback(\n (values: number[]) => {\n const sortValue = sortValues(values);\n\n if (onChange && !value && name) {\n (onChange as (event: FormTypeString) => void)({\n target: {\n value: sortValue.join(' - '),\n name,\n },\n });\n }\n\n setSliderValue(sortValue);\n },\n [name, value, onChange, sortValues],\n );\n\n const onKeyDownTextField = useCallback(\n (values: number[], e: KeyboardEvent<HTMLInputElement>) => {\n if (e.key === 'Enter') {\n const sortValue = sortValues(values);\n\n if (onChange && !value && name) {\n (onChange as (event: FormTypeString) => void)({\n target: {\n value: sortValue.join(' - '),\n name,\n },\n });\n }\n\n setSliderValue(sortValue);\n }\n },\n [name, value, onChange, sortValues],\n );\n\n return value ? (\n <DoubleSlider {...props} value={value} onChange={onChange as (values: number[]) => void} />\n ) : (\n <DoubleSlider\n value={sliderValue}\n onKeyDownTextField={onKeyDownTextField}\n onBlurTextField={onBlurTextField}\n onChangeCommitted={onChangeCommitedHandle}\n {...props}\n onChange={onChangeHandle}\n />\n );\n};\n"],"names":["DoubleUncontrolled","props","defaultValue","min","max","value","name","onChange","_useState","useState","_useState2","_slicedToArray","sliderValue","setSliderValue","sortValues","values","map","val","sort","a","b","onChangeHandle","useCallback","sortValue","target","join","onChangeCommitedHandle","onBlurTextField","onKeyDownTextField","e","key","React","createElement","DoubleSlider","_extends","onChangeCommitted"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
|
3
|
-
"version": "0.157.0-canary.1421.
|
|
3
|
+
"version": "0.157.0-canary.1421.11113740435.0",
|
|
4
4
|
"description": "Salute Design System blueprint",
|
|
5
5
|
"main": "cjs/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -123,5 +123,5 @@
|
|
|
123
123
|
"react-popper": "2.3.0",
|
|
124
124
|
"storeon": "3.1.5"
|
|
125
125
|
},
|
|
126
|
-
"gitHead": "
|
|
126
|
+
"gitHead": "e5dc1891e11d304faec034bab5be59b770e0ea4b"
|
|
127
127
|
}
|
package/styled-components/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js
CHANGED
|
@@ -51,7 +51,7 @@ var DoubleUncontrolled = exports.DoubleUncontrolled = function DoubleUncontrolle
|
|
|
51
51
|
});
|
|
52
52
|
}
|
|
53
53
|
setSliderValue(sortValue);
|
|
54
|
-
}, [name, value, onChange, sortValues
|
|
54
|
+
}, [name, value, onChange, sortValues]);
|
|
55
55
|
var onChangeCommitedHandle = (0, _react.useCallback)(function (values) {
|
|
56
56
|
var sortValue = sortValues(values);
|
|
57
57
|
if (onChange && !value && name) {
|
|
@@ -63,7 +63,7 @@ var DoubleUncontrolled = exports.DoubleUncontrolled = function DoubleUncontrolle
|
|
|
63
63
|
});
|
|
64
64
|
}
|
|
65
65
|
setSliderValue(sortValue);
|
|
66
|
-
}, [name, value, onChange, sortValues
|
|
66
|
+
}, [name, value, onChange, sortValues]);
|
|
67
67
|
var onBlurTextField = (0, _react.useCallback)(function (values) {
|
|
68
68
|
var sortValue = sortValues(values);
|
|
69
69
|
if (onChange && !value && name) {
|
|
@@ -75,7 +75,7 @@ var DoubleUncontrolled = exports.DoubleUncontrolled = function DoubleUncontrolle
|
|
|
75
75
|
});
|
|
76
76
|
}
|
|
77
77
|
setSliderValue(sortValue);
|
|
78
|
-
}, [name, value, onChange, sortValues
|
|
78
|
+
}, [name, value, onChange, sortValues]);
|
|
79
79
|
var onKeyDownTextField = (0, _react.useCallback)(function (values, e) {
|
|
80
80
|
if (e.key === 'Enter') {
|
|
81
81
|
var sortValue = sortValues(values);
|
|
@@ -89,7 +89,7 @@ var DoubleUncontrolled = exports.DoubleUncontrolled = function DoubleUncontrolle
|
|
|
89
89
|
}
|
|
90
90
|
setSliderValue(sortValue);
|
|
91
91
|
}
|
|
92
|
-
}, [name, value, onChange, sortValues
|
|
92
|
+
}, [name, value, onChange, sortValues]);
|
|
93
93
|
return value ? /*#__PURE__*/_react["default"].createElement(_index.DoubleSlider, _extends({}, props, {
|
|
94
94
|
value: value,
|
|
95
95
|
onChange: onChange
|
package/styled-components/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js
CHANGED
|
@@ -42,7 +42,7 @@ export var DoubleUncontrolled = function DoubleUncontrolled(props) {
|
|
|
42
42
|
});
|
|
43
43
|
}
|
|
44
44
|
setSliderValue(sortValue);
|
|
45
|
-
}, [name, value, onChange, sortValues
|
|
45
|
+
}, [name, value, onChange, sortValues]);
|
|
46
46
|
var onChangeCommitedHandle = useCallback(function (values) {
|
|
47
47
|
var sortValue = sortValues(values);
|
|
48
48
|
if (onChange && !value && name) {
|
|
@@ -54,7 +54,7 @@ export var DoubleUncontrolled = function DoubleUncontrolled(props) {
|
|
|
54
54
|
});
|
|
55
55
|
}
|
|
56
56
|
setSliderValue(sortValue);
|
|
57
|
-
}, [name, value, onChange, sortValues
|
|
57
|
+
}, [name, value, onChange, sortValues]);
|
|
58
58
|
var onBlurTextField = useCallback(function (values) {
|
|
59
59
|
var sortValue = sortValues(values);
|
|
60
60
|
if (onChange && !value && name) {
|
|
@@ -66,7 +66,7 @@ export var DoubleUncontrolled = function DoubleUncontrolled(props) {
|
|
|
66
66
|
});
|
|
67
67
|
}
|
|
68
68
|
setSliderValue(sortValue);
|
|
69
|
-
}, [name, value, onChange, sortValues
|
|
69
|
+
}, [name, value, onChange, sortValues]);
|
|
70
70
|
var onKeyDownTextField = useCallback(function (values, e) {
|
|
71
71
|
if (e.key === 'Enter') {
|
|
72
72
|
var sortValue = sortValues(values);
|
|
@@ -80,7 +80,7 @@ export var DoubleUncontrolled = function DoubleUncontrolled(props) {
|
|
|
80
80
|
}
|
|
81
81
|
setSliderValue(sortValue);
|
|
82
82
|
}
|
|
83
|
-
}, [name, value, onChange, sortValues
|
|
83
|
+
}, [name, value, onChange, sortValues]);
|
|
84
84
|
return value ? /*#__PURE__*/React.createElement(DoubleSlider, _extends({}, props, {
|
|
85
85
|
value: value,
|
|
86
86
|
onChange: onChange
|