@salutejs/plasma-new-hope 0.156.0-canary.1421.11096434145.0 → 0.156.0-canary.1421.11105397584.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (123) hide show
  1. package/cjs/components/Autocomplete/Autocomplete.css +16 -15
  2. package/cjs/components/Combobox/ComboboxNew/Combobox.css +16 -15
  3. package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +16 -15
  4. package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +16 -15
  5. package/cjs/components/DatePicker/RangeDate/RangeDate.css +17 -16
  6. package/cjs/components/DatePicker/RangeDate/RangeDate.js +19 -15
  7. package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  8. package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +16 -15
  9. package/cjs/components/DatePicker/SingleDate/SingleDate.css +17 -16
  10. package/cjs/components/DatePicker/SingleDate/SingleDate.js +2 -2
  11. package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
  12. package/cjs/components/Range/Range.css +16 -15
  13. package/cjs/components/Slider/Slider.css +17 -16
  14. package/cjs/components/Slider/Slider.js +0 -1
  15. package/cjs/components/Slider/Slider.js.map +1 -1
  16. package/cjs/components/Slider/components/Double/Double.css +17 -16
  17. package/cjs/components/Slider/components/Double/Double.js +3 -3
  18. package/cjs/components/Slider/components/Double/Double.js.map +1 -1
  19. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +8 -9
  20. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js.map +1 -1
  21. package/cjs/components/Slider/components/Single/Single.css +17 -0
  22. package/cjs/components/Slider/components/Single/Single.js +2 -2
  23. package/cjs/components/Slider/components/Single/Single.js.map +1 -1
  24. package/cjs/components/TextField/TextField.styles.js +7 -1
  25. package/cjs/components/TextField/TextField.styles.js.map +1 -1
  26. package/cjs/components/TextField/{TextField.styles_uponva.css → TextField.styles_b1zmrz.css} +1 -0
  27. package/cjs/hooks/{useFormState.js → useForm.js} +3 -3
  28. package/cjs/hooks/useForm.js.map +1 -0
  29. package/cjs/index.css +16 -15
  30. package/cjs/index.js +2 -2
  31. package/cjs/utils/setRefList.js +2 -1
  32. package/cjs/utils/setRefList.js.map +1 -1
  33. package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +19 -15
  34. package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +2 -2
  35. package/emotion/cjs/components/Slider/components/Double/Double.js +3 -3
  36. package/emotion/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +8 -8
  37. package/emotion/cjs/components/Slider/components/Single/Single.js +2 -2
  38. package/emotion/cjs/components/TextField/TextField.styles.js +43 -31
  39. package/emotion/cjs/hooks/index.js +3 -3
  40. package/{styled-components/cjs/hooks/useFormState.js → emotion/cjs/hooks/useForm.js} +2 -2
  41. package/emotion/cjs/utils/setRefList.js +2 -1
  42. package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +17 -13
  43. package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +1 -1
  44. package/emotion/es/components/Slider/components/Double/Double.js +1 -1
  45. package/emotion/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +9 -9
  46. package/emotion/es/components/Slider/components/Single/Single.js +1 -1
  47. package/emotion/es/components/TextField/TextField.styles.js +42 -30
  48. package/emotion/es/hooks/index.js +1 -1
  49. package/{styled-components/es/hooks/useFormState.js → emotion/es/hooks/useForm.js} +1 -1
  50. package/emotion/es/utils/setRefList.js +2 -1
  51. package/es/components/Autocomplete/Autocomplete.css +16 -15
  52. package/es/components/Combobox/ComboboxNew/Combobox.css +16 -15
  53. package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +16 -15
  54. package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +16 -15
  55. package/es/components/DatePicker/RangeDate/RangeDate.css +17 -16
  56. package/es/components/DatePicker/RangeDate/RangeDate.js +17 -13
  57. package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  58. package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +16 -15
  59. package/es/components/DatePicker/SingleDate/SingleDate.css +17 -16
  60. package/es/components/DatePicker/SingleDate/SingleDate.js +1 -1
  61. package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
  62. package/es/components/Range/Range.css +16 -15
  63. package/es/components/Slider/Slider.css +17 -16
  64. package/es/components/Slider/Slider.js +0 -1
  65. package/es/components/Slider/Slider.js.map +1 -1
  66. package/es/components/Slider/components/Double/Double.css +17 -16
  67. package/es/components/Slider/components/Double/Double.js +1 -1
  68. package/es/components/Slider/components/Double/Double.js.map +1 -1
  69. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +9 -10
  70. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js.map +1 -1
  71. package/es/components/Slider/components/Single/Single.css +17 -0
  72. package/es/components/Slider/components/Single/Single.js +1 -1
  73. package/es/components/Slider/components/Single/Single.js.map +1 -1
  74. package/es/components/TextField/TextField.styles.js +7 -2
  75. package/es/components/TextField/TextField.styles.js.map +1 -1
  76. package/es/components/TextField/{TextField.styles_uponva.css → TextField.styles_b1zmrz.css} +1 -0
  77. package/es/hooks/{useFormState.js → useForm.js} +3 -3
  78. package/es/hooks/useForm.js.map +1 -0
  79. package/es/index.css +16 -15
  80. package/es/index.js +1 -1
  81. package/es/utils/setRefList.js +2 -1
  82. package/es/utils/setRefList.js.map +1 -1
  83. package/package.json +2 -2
  84. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +19 -15
  85. package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +2 -2
  86. package/styled-components/cjs/components/Slider/components/Double/Double.js +3 -3
  87. package/styled-components/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +8 -8
  88. package/styled-components/cjs/components/Slider/components/Single/Single.js +2 -2
  89. package/styled-components/cjs/components/TextField/TextField.styles.js +5 -2
  90. package/styled-components/cjs/hooks/index.js +3 -3
  91. package/{emotion/cjs/hooks/useFormState.js → styled-components/cjs/hooks/useForm.js} +2 -2
  92. package/styled-components/cjs/utils/setRefList.js +2 -1
  93. package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +17 -13
  94. package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +1 -1
  95. package/styled-components/es/components/Slider/components/Double/Double.js +1 -1
  96. package/styled-components/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +9 -9
  97. package/styled-components/es/components/Slider/components/Single/Single.js +1 -1
  98. package/styled-components/es/components/TextField/TextField.styles.js +4 -1
  99. package/styled-components/es/hooks/index.js +1 -1
  100. package/{emotion/es/hooks/useFormState.js → styled-components/es/hooks/useForm.js} +1 -1
  101. package/styled-components/es/utils/setRefList.js +2 -1
  102. package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
  103. package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.d.ts.map +1 -1
  104. package/types/components/TextField/TextField.styles.d.ts +1 -0
  105. package/types/components/TextField/TextField.styles.d.ts.map +1 -1
  106. package/types/hooks/index.d.ts +1 -1
  107. package/types/hooks/index.d.ts.map +1 -1
  108. package/types/hooks/{useFormState.d.ts → useForm.d.ts} +2 -2
  109. package/types/hooks/useForm.d.ts.map +1 -0
  110. package/types/utils/setRefList.d.ts.map +1 -1
  111. package/cjs/hooks/useFormState.js.map +0 -1
  112. package/cjs/utils/inputHidden.js +0 -12
  113. package/cjs/utils/inputHidden.js.map +0 -1
  114. package/emotion/cjs/utils/inputHidden.js +0 -11
  115. package/emotion/es/utils/inputHidden.js +0 -4
  116. package/es/hooks/useFormState.js.map +0 -1
  117. package/es/utils/inputHidden.js +0 -8
  118. package/es/utils/inputHidden.js.map +0 -1
  119. package/styled-components/cjs/utils/inputHidden.js +0 -11
  120. package/styled-components/es/utils/inputHidden.js +0 -4
  121. package/types/hooks/useFormState.d.ts.map +0 -1
  122. package/types/utils/inputHidden.d.ts +0 -2
  123. package/types/utils/inputHidden.d.ts.map +0 -1
@@ -17,7 +17,8 @@ function setRefList(val) {
17
17
  refs.forEach(function (ref) {
18
18
  if (typeof ref === 'function') {
19
19
  ref(val);
20
- } else if (ref != null) {
20
+ }
21
+ if (ref != null && typeof ref !== 'function') {
21
22
  ref.current = val;
22
23
  }
23
24
  });
@@ -1 +1 @@
1
- {"version":3,"file":"setRefList.js","sources":["../../src/utils/setRefList.ts"],"sourcesContent":["import type { MutableRefObject, RefCallback } from 'react';\n\ntype MutableRefList<T> = Array<RefCallback<T> | MutableRefObject<T> | undefined | null>;\n\nexport function mergeRefs<T>(...refs: MutableRefList<T>): RefCallback<T> {\n return (val: T) => {\n setRefList(val, ...refs);\n };\n}\n\nexport function setRefList<T>(val: T, ...refs: MutableRefList<T>): void {\n refs.forEach((ref) => {\n if (typeof ref === 'function') {\n ref(val);\n } else if (ref != null) {\n ref.current = val;\n }\n });\n}\n"],"names":["mergeRefs","_len","arguments","length","refs","Array","_key","val","setRefList","apply","concat","_len2","_key2","forEach","ref","current"],"mappings":";;;;AAIO,SAASA,SAASA,GAAgD;AAAA,EAAA,KAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAzCC,IAAI,GAAAC,IAAAA,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAJF,IAAAA,IAAI,CAAAE,IAAA,CAAAJ,GAAAA,SAAA,CAAAI,IAAA,CAAA,CAAA;AAAA,GAAA;EAChC,OAAO,UAACC,GAAM,EAAK;IACfC,UAAU,CAAAC,KAAA,CAACF,KAAAA,CAAAA,EAAAA,CAAAA,GAAG,EAAAG,MAAA,CAAKN,IAAI,CAAC,CAAA,CAAA;GAC3B,CAAA;AACL,CAAA;AAEO,SAASI,UAAUA,CAAID,GAAM,EAAoC;EAAA,KAAAI,IAAAA,KAAA,GAAAT,SAAA,CAAAC,MAAA,EAA/BC,IAAI,OAAAC,KAAA,CAAAM,KAAA,GAAAA,CAAAA,GAAAA,KAAA,WAAAC,KAAA,GAAA,CAAA,EAAAA,KAAA,GAAAD,KAAA,EAAAC,KAAA,EAAA,EAAA;AAAJR,IAAAA,IAAI,CAAAQ,KAAA,GAAAV,CAAAA,CAAAA,GAAAA,SAAA,CAAAU,KAAA,CAAA,CAAA;AAAA,GAAA;AACzCR,EAAAA,IAAI,CAACS,OAAO,CAAC,UAACC,GAAG,EAAK;AAClB,IAAA,IAAI,OAAOA,GAAG,KAAK,UAAU,EAAE;MAC3BA,GAAG,CAACP,GAAG,CAAC,CAAA;AACZ,KAAC,MAAM,IAAIO,GAAG,IAAI,IAAI,EAAE;MACpBA,GAAG,CAACC,OAAO,GAAGR,GAAG,CAAA;AACrB,KAAA;AACJ,GAAC,CAAC,CAAA;AACN;;;;;"}
1
+ {"version":3,"file":"setRefList.js","sources":["../../src/utils/setRefList.ts"],"sourcesContent":["import type { MutableRefObject, RefCallback } from 'react';\n\ntype MutableRefList<T> = Array<RefCallback<T> | MutableRefObject<T> | undefined | null>;\n\nexport function mergeRefs<T>(...refs: MutableRefList<T>): RefCallback<T> {\n return (val: T) => {\n setRefList(val, ...refs);\n };\n}\n\nexport function setRefList<T>(val: T, ...refs: MutableRefList<T>): void {\n refs.forEach((ref) => {\n if (typeof ref === 'function') {\n ref(val);\n }\n\n if (ref != null && typeof ref !== 'function') {\n ref.current = val;\n }\n });\n}\n"],"names":["mergeRefs","_len","arguments","length","refs","Array","_key","val","setRefList","apply","concat","_len2","_key2","forEach","ref","current"],"mappings":";;;;AAIO,SAASA,SAASA,GAAgD;AAAA,EAAA,KAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAzCC,IAAI,GAAAC,IAAAA,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAJF,IAAAA,IAAI,CAAAE,IAAA,CAAAJ,GAAAA,SAAA,CAAAI,IAAA,CAAA,CAAA;AAAA,GAAA;EAChC,OAAO,UAACC,GAAM,EAAK;IACfC,UAAU,CAAAC,KAAA,CAACF,KAAAA,CAAAA,EAAAA,CAAAA,GAAG,EAAAG,MAAA,CAAKN,IAAI,CAAC,CAAA,CAAA;GAC3B,CAAA;AACL,CAAA;AAEO,SAASI,UAAUA,CAAID,GAAM,EAAoC;EAAA,KAAAI,IAAAA,KAAA,GAAAT,SAAA,CAAAC,MAAA,EAA/BC,IAAI,OAAAC,KAAA,CAAAM,KAAA,GAAAA,CAAAA,GAAAA,KAAA,WAAAC,KAAA,GAAA,CAAA,EAAAA,KAAA,GAAAD,KAAA,EAAAC,KAAA,EAAA,EAAA;AAAJR,IAAAA,IAAI,CAAAQ,KAAA,GAAAV,CAAAA,CAAAA,GAAAA,SAAA,CAAAU,KAAA,CAAA,CAAA;AAAA,GAAA;AACzCR,EAAAA,IAAI,CAACS,OAAO,CAAC,UAACC,GAAG,EAAK;AAClB,IAAA,IAAI,OAAOA,GAAG,KAAK,UAAU,EAAE;MAC3BA,GAAG,CAACP,GAAG,CAAC,CAAA;AACZ,KAAA;IAEA,IAAIO,GAAG,IAAI,IAAI,IAAI,OAAOA,GAAG,KAAK,UAAU,EAAE;MAC1CA,GAAG,CAACC,OAAO,GAAGR,GAAG,CAAA;AACrB,KAAA;AACJ,GAAC,CAAC,CAAA;AACN;;;;;"}
@@ -12,7 +12,7 @@ var _useDatePicker3 = /*#__PURE__*/require("../hooks/useDatePicker");
12
12
  var _DatePicker = /*#__PURE__*/require("../DatePicker.tokens");
13
13
  var _useKeyboardNavigation = /*#__PURE__*/require("../hooks/useKeyboardNavigation");
14
14
  var _setInitialValue = /*#__PURE__*/require("../utils/setInitialValue");
15
- var _inputHidden = /*#__PURE__*/require("../../../utils/inputHidden");
15
+ var _TextField = /*#__PURE__*/require("../../TextField/TextField.styles");
16
16
  var _base = /*#__PURE__*/require("./variations/_size/base");
17
17
  var _base2 = /*#__PURE__*/require("./variations/_view/base");
18
18
  var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
@@ -150,21 +150,25 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
150
150
  setInputSecondValue = _useState14[1];
151
151
  var setFirstInputValue = function setFirstInputValue(value) {
152
152
  setInputFirstValue(value);
153
- onChange === null || onChange === void 0 || onChange({
154
- target: {
155
- value: "".concat(value, " - ").concat(inputSecondValue),
156
- name: name
157
- }
158
- });
153
+ if (onChange) {
154
+ onChange({
155
+ target: {
156
+ value: "".concat(value, " - ").concat(inputSecondValue),
157
+ name: name
158
+ }
159
+ });
160
+ }
159
161
  };
160
162
  var setSecondInputValue = function setSecondInputValue(value) {
161
163
  setInputSecondValue(value);
162
- onChange === null || onChange === void 0 || onChange({
163
- target: {
164
- value: "".concat(inputFirstValue, " - ").concat(value),
165
- name: name
166
- }
167
- });
164
+ if (onChange) {
165
+ onChange({
166
+ target: {
167
+ value: "".concat(inputFirstValue, " - ").concat(value),
168
+ name: name
169
+ }
170
+ });
171
+ }
168
172
  };
169
173
  var dateFormatDelimiter = (0, _react.useCallback)(function () {
170
174
  return (0, _dateHelper.getDateFormatDelimiter)(format);
@@ -372,7 +376,7 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
372
376
  setIsInnerOpen(false);
373
377
  }
374
378
  }
375
- }), leftHelper && /*#__PURE__*/_react["default"].createElement(_RangeDate.LeftHelper, null, leftHelper), /*#__PURE__*/_react["default"].createElement(_inputHidden.InputHidden, {
379
+ }), leftHelper && /*#__PURE__*/_react["default"].createElement(_RangeDate.LeftHelper, null, leftHelper), /*#__PURE__*/_react["default"].createElement(_TextField.InputHidden, {
376
380
  name: name,
377
381
  type: "hidden",
378
382
  datatype: "datepicker-double",
@@ -380,7 +384,7 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
380
384
  value: inputFirstValue,
381
385
  ref: innerRefFirst,
382
386
  onChange: function onChange() {}
383
- }), /*#__PURE__*/_react["default"].createElement(_inputHidden.InputHidden, {
387
+ }), /*#__PURE__*/_react["default"].createElement(_TextField.InputHidden, {
384
388
  name: name,
385
389
  type: "hidden",
386
390
  datatype: "datepicker-double",
@@ -13,7 +13,7 @@ var _DatePicker = /*#__PURE__*/require("../DatePicker.tokens");
13
13
  var _DatePickerBase = /*#__PURE__*/require("../DatePickerBase.styles");
14
14
  var _useKeyboardNavigation = /*#__PURE__*/require("../hooks/useKeyboardNavigation");
15
15
  var _setInitialValue = /*#__PURE__*/require("../utils/setInitialValue");
16
- var _inputHidden = /*#__PURE__*/require("../../../utils/inputHidden");
16
+ var _TextField = /*#__PURE__*/require("../../TextField/TextField.styles");
17
17
  var _base = /*#__PURE__*/require("./variations/_size/base");
18
18
  var _base2 = /*#__PURE__*/require("./variations/_view/base");
19
19
  var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
@@ -235,7 +235,7 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
235
235
  onChangeValue: function onChangeValue(date, dateInfo) {
236
236
  return handleCommitDate(date, false, true, dateInfo);
237
237
  }
238
- })), leftHelper && /*#__PURE__*/_react["default"].createElement(_SingleDate.LeftHelper, null, leftHelper), /*#__PURE__*/_react["default"].createElement(_inputHidden.InputHidden, {
238
+ })), leftHelper && /*#__PURE__*/_react["default"].createElement(_SingleDate.LeftHelper, null, leftHelper), /*#__PURE__*/_react["default"].createElement(_TextField.InputHidden, {
239
239
  type: "hidden",
240
240
  datatype: "datepicker-single",
241
241
  name: name,
@@ -11,7 +11,7 @@ var _ui = /*#__PURE__*/require("../../ui");
11
11
  var _utils = /*#__PURE__*/require("../../utils");
12
12
  var _utils2 = /*#__PURE__*/require("../../../../utils");
13
13
  var _Slider = /*#__PURE__*/require("../../Slider.tokens");
14
- var _inputHidden = /*#__PURE__*/require("../../../../utils/inputHidden");
14
+ var _TextField = /*#__PURE__*/require("../../../TextField/TextField.styles");
15
15
  var _Double = /*#__PURE__*/require("./Double.styles");
16
16
  var _excluded = ["min", "max", "value", "disabled", "label", "labelContentLeft", "size", "onChangeCommitted", "onChangeTextField", "onBlurTextField", "onKeyDownTextField", "onChange", "ariaLabel", "multipleStepSize", "name"];
17
17
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -336,7 +336,7 @@ var DoubleSlider = exports.DoubleSlider = function DoubleSlider(_ref) {
336
336
  onChange: onSecondTextfieldChange,
337
337
  onBlur: onSecondTextfieldBlur,
338
338
  onKeyDown: onTextfieldKeyDown
339
- }))), /*#__PURE__*/_react["default"].createElement(_inputHidden.InputHidden, {
339
+ }))), /*#__PURE__*/_react["default"].createElement(_TextField.InputHidden, {
340
340
  name: name,
341
341
  type: "number",
342
342
  datatype: "slider-double",
@@ -344,7 +344,7 @@ var DoubleSlider = exports.DoubleSlider = function DoubleSlider(_ref) {
344
344
  value: firstValue,
345
345
  ref: innerRefFirst,
346
346
  onChange: function onChange() {}
347
- }), /*#__PURE__*/_react["default"].createElement(_inputHidden.InputHidden, {
347
+ }), /*#__PURE__*/_react["default"].createElement(_TextField.InputHidden, {
348
348
  name: name,
349
349
  type: "number",
350
350
  datatype: "slider-double",
@@ -40,7 +40,7 @@ var DoubleUncontrolled = exports.DoubleUncontrolled = function DoubleUncontrolle
40
40
  return a - b;
41
41
  });
42
42
  };
43
- var onChangeHandle = function onChangeHandle(values) {
43
+ var onChangeHandle = (0, _react.useCallback)(function (values) {
44
44
  var sortValue = sortValues(values);
45
45
  if (onChange && !value && name) {
46
46
  onChange({
@@ -51,8 +51,8 @@ var DoubleUncontrolled = exports.DoubleUncontrolled = function DoubleUncontrolle
51
51
  });
52
52
  }
53
53
  setSliderValue(sortValue);
54
- };
55
- var onChangeCommitedHandle = function onChangeCommitedHandle(values) {
54
+ }, [name, value, onChange, sortValues, setSliderValue]);
55
+ var onChangeCommitedHandle = (0, _react.useCallback)(function (values) {
56
56
  var sortValue = sortValues(values);
57
57
  if (onChange && !value && name) {
58
58
  onChange({
@@ -63,8 +63,8 @@ var DoubleUncontrolled = exports.DoubleUncontrolled = function DoubleUncontrolle
63
63
  });
64
64
  }
65
65
  setSliderValue(sortValue);
66
- };
67
- var onBlurTextField = function onBlurTextField(values) {
66
+ }, [name, value, onChange, sortValues, setSliderValue]);
67
+ var onBlurTextField = (0, _react.useCallback)(function (values) {
68
68
  var sortValue = sortValues(values);
69
69
  if (onChange && !value && name) {
70
70
  onChange({
@@ -75,8 +75,8 @@ var DoubleUncontrolled = exports.DoubleUncontrolled = function DoubleUncontrolle
75
75
  });
76
76
  }
77
77
  setSliderValue(sortValue);
78
- };
79
- var onKeyDownTextField = function onKeyDownTextField(values, e) {
78
+ }, [name, value, onChange, sortValues, setSliderValue]);
79
+ var onKeyDownTextField = (0, _react.useCallback)(function (values, e) {
80
80
  if (e.key === 'Enter') {
81
81
  var sortValue = sortValues(values);
82
82
  if (onChange && !value && name) {
@@ -89,7 +89,7 @@ var DoubleUncontrolled = exports.DoubleUncontrolled = function DoubleUncontrolle
89
89
  }
90
90
  setSliderValue(sortValue);
91
91
  }
92
- };
92
+ }, [name, value, onChange, sortValues, setSliderValue]);
93
93
  return value ? /*#__PURE__*/_react["default"].createElement(_index.DoubleSlider, _extends({}, props, {
94
94
  value: value,
95
95
  onChange: onChange
@@ -11,7 +11,7 @@ var _ui = /*#__PURE__*/require("../../ui");
11
11
  var _utils = /*#__PURE__*/require("../../utils");
12
12
  var _utils2 = /*#__PURE__*/require("../../../../utils");
13
13
  var _Slider = /*#__PURE__*/require("../../Slider.tokens");
14
- var _inputHidden = /*#__PURE__*/require("../../../../utils/inputHidden");
14
+ var _TextField = /*#__PURE__*/require("../../../TextField/TextField.styles");
15
15
  var _Single = /*#__PURE__*/require("./Single.styles");
16
16
  var _excluded = ["min", "max", "value", "disabled", "onChangeCommitted", "onChange", "ariaLabel", "label", "labelContentLeft", "showRangeValues", "showCurrentValue", "hideMinValueDiff", "hideMaxValueDiff", "labelPlacement", "rangeValuesPlacement", "multipleStepSize", "defaultValue", "size", "name"];
17
17
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -201,7 +201,7 @@ var SingleSlider = exports.SingleSlider = function SingleSlider(_ref) {
201
201
  })), showRangeValues && /*#__PURE__*/_react["default"].createElement(_Single.StyledRangeValue, {
202
202
  ref: endLabelRef,
203
203
  className: (0, _utils2.cx)(_Slider.classes.maxRangeValue, hideMaxValueDiffClass, activeSecondValue)
204
- }, max)), /*#__PURE__*/_react["default"].createElement(_inputHidden.InputHidden, {
204
+ }, max)), /*#__PURE__*/_react["default"].createElement(_TextField.InputHidden, {
205
205
  name: name,
206
206
  type: "number",
207
207
  datatype: "slider-single",