@salutejs/plasma-new-hope 0.145.0-canary.1421.10845314144.0 → 0.145.0-canary.1433.10846476158.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (162) hide show
  1. package/cjs/components/Slider/Slider.css +10 -12
  2. package/cjs/components/Slider/Slider.js +6 -19
  3. package/cjs/components/Slider/Slider.js.map +1 -1
  4. package/cjs/components/Slider/components/Double/Double.css +5 -6
  5. package/cjs/components/Slider/components/Double/Double.js +2 -36
  6. package/cjs/components/Slider/components/Double/Double.js.map +1 -1
  7. package/cjs/components/Slider/components/Double/Double.styles.js +1 -7
  8. package/cjs/components/Slider/components/Double/Double.styles.js.map +1 -1
  9. package/cjs/components/Slider/components/Double/{Double.styles_4053ky.css → Double.styles_1jhda4u.css} +0 -1
  10. package/cjs/components/Slider/components/Single/Single.css +5 -6
  11. package/cjs/components/Slider/components/Single/Single.js +12 -35
  12. package/cjs/components/Slider/components/Single/Single.js.map +1 -1
  13. package/cjs/components/Slider/components/Single/Single.styles.js +1 -7
  14. package/cjs/components/Slider/components/Single/Single.styles.js.map +1 -1
  15. package/{es/components/Slider/components/Single/Single.styles_9lxkbx.css → cjs/components/Slider/components/Single/Single.styles_1r9f1e0.css} +0 -1
  16. package/cjs/components/Slider/utils/index.js +0 -6
  17. package/cjs/components/Slider/utils/index.js.map +1 -1
  18. package/cjs/components/TextArea/TextArea.js +2 -3
  19. package/cjs/components/TextArea/TextArea.js.map +1 -1
  20. package/cjs/components/TextField/TextField.js +5 -3
  21. package/cjs/components/TextField/TextField.js.map +1 -1
  22. package/cjs/index.css +10 -12
  23. package/cjs/index.js +0 -5
  24. package/cjs/index.js.map +1 -1
  25. package/cjs/utils/index.js.map +1 -1
  26. package/emotion/cjs/components/Slider/Slider.js +6 -15
  27. package/emotion/cjs/components/Slider/components/Double/Double.js +2 -36
  28. package/emotion/cjs/components/Slider/components/Double/Double.styles.js +15 -28
  29. package/emotion/cjs/components/Slider/components/Single/Single.js +7 -30
  30. package/emotion/cjs/components/Slider/components/Single/Single.styles.js +13 -26
  31. package/emotion/cjs/components/Slider/components/index.js +0 -11
  32. package/emotion/cjs/components/Slider/utils/index.js +1 -6
  33. package/emotion/cjs/components/TextArea/TextArea.js +3 -3
  34. package/emotion/cjs/components/TextField/TextField.js +6 -4
  35. package/emotion/cjs/hooks/index.js +1 -8
  36. package/emotion/cjs/utils/index.js +0 -15
  37. package/emotion/es/components/Slider/Slider.js +6 -16
  38. package/emotion/es/components/Slider/components/Double/Double.js +4 -38
  39. package/emotion/es/components/Slider/components/Double/Double.styles.js +14 -27
  40. package/emotion/es/components/Slider/components/Single/Single.js +9 -32
  41. package/emotion/es/components/Slider/components/Single/Single.styles.js +12 -25
  42. package/emotion/es/components/Slider/components/index.js +0 -1
  43. package/emotion/es/components/Slider/utils/index.js +0 -5
  44. package/emotion/es/components/TextArea/TextArea.js +4 -4
  45. package/emotion/es/components/TextField/TextField.js +6 -4
  46. package/emotion/es/hooks/index.js +1 -2
  47. package/emotion/es/utils/index.js +0 -1
  48. package/es/components/Slider/Slider.css +10 -12
  49. package/es/components/Slider/Slider.js +7 -20
  50. package/es/components/Slider/Slider.js.map +1 -1
  51. package/es/components/Slider/components/Double/Double.css +5 -6
  52. package/es/components/Slider/components/Double/Double.js +4 -38
  53. package/es/components/Slider/components/Double/Double.js.map +1 -1
  54. package/es/components/Slider/components/Double/Double.styles.js +2 -7
  55. package/es/components/Slider/components/Double/Double.styles.js.map +1 -1
  56. package/es/components/Slider/components/Double/{Double.styles_4053ky.css → Double.styles_1jhda4u.css} +0 -1
  57. package/es/components/Slider/components/Single/Single.css +5 -6
  58. package/es/components/Slider/components/Single/Single.js +9 -32
  59. package/es/components/Slider/components/Single/Single.js.map +1 -1
  60. package/es/components/Slider/components/Single/Single.styles.js +2 -7
  61. package/es/components/Slider/components/Single/Single.styles.js.map +1 -1
  62. package/{cjs/components/Slider/components/Single/Single.styles_9lxkbx.css → es/components/Slider/components/Single/Single.styles_1r9f1e0.css} +0 -1
  63. package/es/components/Slider/utils/index.js +1 -6
  64. package/es/components/Slider/utils/index.js.map +1 -1
  65. package/es/components/TextArea/TextArea.js +2 -3
  66. package/es/components/TextArea/TextArea.js.map +1 -1
  67. package/es/components/TextField/TextField.js +5 -3
  68. package/es/components/TextField/TextField.js.map +1 -1
  69. package/es/index.css +10 -12
  70. package/es/index.js +0 -2
  71. package/es/index.js.map +1 -1
  72. package/es/utils/index.js.map +1 -1
  73. package/package.json +2 -3
  74. package/styled-components/cjs/components/Slider/Slider.js +6 -15
  75. package/styled-components/cjs/components/Slider/components/Double/Double.js +2 -36
  76. package/styled-components/cjs/components/Slider/components/Double/Double.styles.js +2 -5
  77. package/styled-components/cjs/components/Slider/components/Single/Single.js +7 -30
  78. package/styled-components/cjs/components/Slider/components/Single/Single.styles.js +2 -5
  79. package/styled-components/cjs/components/Slider/components/index.js +0 -11
  80. package/styled-components/cjs/components/Slider/utils/index.js +1 -6
  81. package/styled-components/cjs/components/TextArea/TextArea.js +2 -2
  82. package/styled-components/cjs/components/TextField/TextField.js +5 -3
  83. package/styled-components/cjs/hooks/index.js +1 -8
  84. package/styled-components/cjs/utils/index.js +0 -15
  85. package/styled-components/es/components/Slider/Slider.js +6 -16
  86. package/styled-components/es/components/Slider/components/Double/Double.js +4 -38
  87. package/styled-components/es/components/Slider/components/Double/Double.styles.js +1 -4
  88. package/styled-components/es/components/Slider/components/Single/Single.js +9 -32
  89. package/styled-components/es/components/Slider/components/Single/Single.styles.js +1 -4
  90. package/styled-components/es/components/Slider/components/index.js +0 -1
  91. package/styled-components/es/components/Slider/utils/index.js +0 -5
  92. package/styled-components/es/components/TextArea/TextArea.js +3 -3
  93. package/styled-components/es/components/TextField/TextField.js +5 -3
  94. package/styled-components/es/hooks/index.js +1 -2
  95. package/styled-components/es/utils/index.js +0 -1
  96. package/types/components/Slider/Slider.d.ts.map +1 -1
  97. package/types/components/Slider/Slider.types.d.ts +2 -2
  98. package/types/components/Slider/Slider.types.d.ts.map +1 -1
  99. package/types/components/Slider/components/Double/Double.d.ts.map +1 -1
  100. package/types/components/Slider/components/Double/Double.styles.d.ts +0 -1
  101. package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
  102. package/types/components/Slider/components/Double/Double.types.d.ts +0 -2
  103. package/types/components/Slider/components/Double/Double.types.d.ts.map +1 -1
  104. package/types/components/Slider/components/Single/Single.d.ts.map +1 -1
  105. package/types/components/Slider/components/Single/Single.styles.d.ts +0 -1
  106. package/types/components/Slider/components/Single/Single.styles.d.ts.map +1 -1
  107. package/types/components/Slider/components/Single/Single.types.d.ts +1 -3
  108. package/types/components/Slider/components/Single/Single.types.d.ts.map +1 -1
  109. package/types/components/Slider/components/index.d.ts +0 -2
  110. package/types/components/Slider/components/index.d.ts.map +1 -1
  111. package/types/components/Slider/utils/index.d.ts +0 -1
  112. package/types/components/Slider/utils/index.d.ts.map +1 -1
  113. package/types/components/TextArea/TextArea.d.ts.map +1 -1
  114. package/types/components/TextField/TextField.d.ts.map +1 -1
  115. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts +1 -3
  116. package/types/examples/plasma_b2c/components/Slider/Slider.d.ts.map +1 -1
  117. package/types/examples/plasma_web/components/Slider/Slider.d.ts +1 -3
  118. package/types/examples/plasma_web/components/Slider/Slider.d.ts.map +1 -1
  119. package/types/hooks/index.d.ts +0 -1
  120. package/types/hooks/index.d.ts.map +1 -1
  121. package/types/utils/index.d.ts +0 -1
  122. package/types/utils/index.d.ts.map +1 -1
  123. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -56
  124. package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js.map +0 -1
  125. package/cjs/hooks/useForm.js +0 -96
  126. package/cjs/hooks/useForm.js.map +0 -1
  127. package/cjs/utils/setRefList.js +0 -28
  128. package/cjs/utils/setRefList.js.map +0 -1
  129. package/emotion/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -60
  130. package/emotion/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +0 -5
  131. package/emotion/cjs/examples/plasma_b2c/components/Form/Form.stories.tsx +0 -191
  132. package/emotion/cjs/hooks/useForm.js +0 -102
  133. package/emotion/cjs/utils/setRefList.js +0 -27
  134. package/emotion/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -51
  135. package/emotion/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +0 -1
  136. package/emotion/es/examples/plasma_b2c/components/Form/Form.stories.tsx +0 -191
  137. package/emotion/es/hooks/useForm.js +0 -93
  138. package/emotion/es/utils/setRefList.js +0 -20
  139. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -52
  140. package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js.map +0 -1
  141. package/es/hooks/useForm.js +0 -92
  142. package/es/hooks/useForm.js.map +0 -1
  143. package/es/utils/setRefList.js +0 -23
  144. package/es/utils/setRefList.js.map +0 -1
  145. package/styled-components/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -60
  146. package/styled-components/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +0 -5
  147. package/styled-components/cjs/examples/plasma_b2c/components/Form/Form.stories.tsx +0 -191
  148. package/styled-components/cjs/hooks/useForm.js +0 -102
  149. package/styled-components/cjs/utils/setRefList.js +0 -27
  150. package/styled-components/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -51
  151. package/styled-components/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +0 -1
  152. package/styled-components/es/examples/plasma_b2c/components/Form/Form.stories.tsx +0 -191
  153. package/styled-components/es/hooks/useForm.js +0 -93
  154. package/styled-components/es/utils/setRefList.js +0 -20
  155. package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.d.ts +0 -4
  156. package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.d.ts.map +0 -1
  157. package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.d.ts +0 -5
  158. package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.d.ts.map +0 -1
  159. package/types/hooks/useForm.d.ts +0 -10
  160. package/types/hooks/useForm.d.ts.map +0 -1
  161. package/types/utils/setRefList.d.ts +0 -6
  162. package/types/utils/setRefList.d.ts.map +0 -1
@@ -12,7 +12,7 @@ var _utils = /*#__PURE__*/require("../../utils");
12
12
  var _utils2 = /*#__PURE__*/require("../../../../utils");
13
13
  var _Slider = /*#__PURE__*/require("../../Slider.tokens");
14
14
  var _Single = /*#__PURE__*/require("./Single.styles");
15
- var _excluded = ["min", "max", "value", "disabled", "onChangeCommitted", "onChange", "ariaLabel", "label", "labelContentLeft", "showRangeValues", "showCurrentValue", "hideMinValueDiff", "hideMaxValueDiff", "labelPlacement", "rangeValuesPlacement", "multipleStepSize", "size", "name"];
15
+ var _excluded = ["min", "max", "value", "disabled", "onChangeCommitted", "onChange", "ariaLabel", "label", "labelContentLeft", "showRangeValues", "showCurrentValue", "hideMinValueDiff", "hideMaxValueDiff", "labelPlacement", "rangeValuesPlacement", "multipleStepSize", "size"];
16
16
  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); }
17
17
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
18
18
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -32,8 +32,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
32
32
  var SingleSlider = exports.SingleSlider = function SingleSlider(_ref) {
33
33
  var min = _ref.min,
34
34
  max = _ref.max,
35
- _ref$value = _ref.value,
36
- value = _ref$value === void 0 ? min : _ref$value,
35
+ value = _ref.value,
37
36
  disabled = _ref.disabled,
38
37
  onChangeCommitted = _ref.onChangeCommitted,
39
38
  onChange = _ref.onChange,
@@ -52,7 +51,6 @@ var SingleSlider = exports.SingleSlider = function SingleSlider(_ref) {
52
51
  multipleStepSize = _ref$multipleStepSize === void 0 ? 10 : _ref$multipleStepSize,
53
52
  _ref$size = _ref.size,
54
53
  size = _ref$size === void 0 ? 'm' : _ref$size,
55
- name = _ref.name,
56
54
  rest = _objectWithoutProperties(_ref, _excluded);
57
55
  var _useState = (0, _react.useState)({
58
56
  xHandle: 0,
@@ -62,7 +60,6 @@ var SingleSlider = exports.SingleSlider = function SingleSlider(_ref) {
62
60
  _useState2 = _slicedToArray(_useState, 2),
63
61
  state = _useState2[0],
64
62
  setState = _useState2[1];
65
- var innerRef = (0, _react.useRef)(null);
66
63
  var _useState3 = (0, _react.useState)(0),
67
64
  _useState4 = _slicedToArray(_useState3, 2),
68
65
  startOffset = _useState4[0],
@@ -79,14 +76,14 @@ var SingleSlider = exports.SingleSlider = function SingleSlider(_ref) {
79
76
  var hasLabelContent = label || labelContentLeft;
80
77
  var labelPlacementClass = labelPlacement === 'outer' ? _Slider.classes.labelPlacementOuter : _Slider.classes.labelPlacementInner;
81
78
  var rangeValuesPlacementClass = rangeValuesPlacement === 'outer' ? _Slider.classes.rangeValuesPlacementOuter : _Slider.classes.rangeValuesPlacementInner;
82
- var hideMinValueDiffClass = hideMinValueDiff && dragValue - min <= hideMinValueDiff ? _Slider.classes.hideMinValue : '';
83
- var hideMaxValueDiffClass = hideMaxValueDiff && max - dragValue <= hideMaxValueDiff ? _Slider.classes.hideMaxValue : '';
79
+ var hideMinValueDiffClass = hideMinValueDiff && value - min <= hideMinValueDiff ? _Slider.classes.hideMinValue : '';
80
+ var hideMaxValueDiffClass = hideMaxValueDiff && max - value <= hideMaxValueDiff ? _Slider.classes.hideMaxValue : '';
84
81
  var startLabelRef = (0, _react.useRef)(null);
85
82
  var endLabelRef = (0, _react.useRef)(null);
86
83
  var activeFirstValue = dragValue === min ? _Slider.classes.activeRangeValue : undefined;
87
84
  var activeSecondValue = dragValue === max ? _Slider.classes.activeRangeValue : undefined;
88
85
  (0, _react.useEffect)(function () {
89
- var localValue = Math.min(Math.max(dragValue, min), max) - min;
86
+ var localValue = Math.min(Math.max(value, min), max) - min;
90
87
  if (rangeValuesPlacement === 'outer') {
91
88
  var _startLabelRef$curren, _endLabelRef$current;
92
89
  var startWidth = (_startLabelRef$curren = startLabelRef.current) === null || _startLabelRef$curren === void 0 ? void 0 : _startLabelRef$curren.offsetWidth;
@@ -107,21 +104,7 @@ var SingleSlider = exports.SingleSlider = function SingleSlider(_ref) {
107
104
  railFillWidth: stepSize * localValue
108
105
  });
109
106
  });
110
- }, [dragValue, labelPlacement, stepSize, rangeValuesPlacement, min, max, setStartOffset, setEndOffset]);
111
- (0, _react.useEffect)(function () {
112
- if (innerRef.current) {
113
- innerRef.current.addEventListener('setInitValue', function (e) {
114
- return setDragValue((0, _utils.setInitValue)(e));
115
- });
116
- }
117
- return function () {
118
- if (innerRef.current) {
119
- innerRef.current.addEventListener('setInitValue', function (e) {
120
- return setDragValue((0, _utils.setInitValue)(e));
121
- });
122
- }
123
- };
124
- }, [innerRef]);
107
+ }, [value, labelPlacement, stepSize, rangeValuesPlacement, min, max, setStartOffset, setEndOffset]);
125
108
  var setStepSize = (0, _react.useCallback)(function (newStepSize) {
126
109
  setState(function (prevState) {
127
110
  return _objectSpread(_objectSpread({}, prevState), {}, {
@@ -189,11 +172,5 @@ var SingleSlider = exports.SingleSlider = function SingleSlider(_ref) {
189
172
  })), showRangeValues && /*#__PURE__*/_react["default"].createElement(_Single.StyledRangeValue, {
190
173
  ref: endLabelRef,
191
174
  className: (0, _utils2.cx)(_Slider.classes.maxRangeValue, hideMaxValueDiffClass, activeSecondValue)
192
- }, max)), /*#__PURE__*/_react["default"].createElement(_Single.InputHidden, {
193
- name: name,
194
- type: "number",
195
- datatype: "slider-single",
196
- value: dragValue,
197
- ref: innerRef
198
- }));
175
+ }, max)));
199
176
  };
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.StyledRangeValue = exports.SliderBaseWrapper = exports.SingleWrapper = exports.LabelWrapper = exports.LabelContentLeft = exports.Label = exports.InputHidden = void 0;
6
+ exports.StyledRangeValue = exports.SliderBaseWrapper = exports.SingleWrapper = exports.LabelWrapper = exports.LabelContentLeft = exports.Label = void 0;
7
7
  var _styledComponents = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("styled-components"));
8
8
  var _Slider = /*#__PURE__*/require("../../Slider.tokens");
9
9
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@@ -24,7 +24,4 @@ var SliderBaseWrapper = exports.SliderBaseWrapper = /*#__PURE__*/_styledComponen
24
24
  })(["position:relative;display:flex;flex:1;&.", "{", "{position:absolute;bottom:var(", ");left:0;&.", "{left:unset;right:0;}}}&.", "{align-items:center;", "{margin-right:var(", ");&.", "{margin-right:0;margin-left:var(", ");}}}"], _Slider.classes.rangeValuesPlacementOuter, StyledRangeValue, _Slider.tokens.rangeValueBottomOffset, _Slider.classes.maxRangeValue, _Slider.classes.rangeValuesPlacementInner, StyledRangeValue, _Slider.tokens.rangeMinValueMargin, _Slider.classes.maxRangeValue, _Slider.tokens.rangeMaxValueMargin);
25
25
  var SingleWrapper = exports.SingleWrapper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
26
26
  componentId: "plasma-new-hope__sc-1qm4elt-5"
27
- })(["display:flex;opacity:var(", ");&.", "{flex-direction:column;", "{margin-bottom:var(", ");}}&.", "{", "{margin-right:var(", ");}}"], _Slider.tokens.disabledOpacity, _Slider.classes.labelPlacementOuter, LabelWrapper, _Slider.tokens.labelWrapperMarginBottom, _Slider.classes.labelPlacementInner, LabelWrapper, _Slider.tokens.labelWrapperMarginRight);
28
- var InputHidden = exports.InputHidden = /*#__PURE__*/_styledComponents["default"].input.withConfig({
29
- componentId: "plasma-new-hope__sc-1qm4elt-6"
30
- })(["visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;"]);
27
+ })(["display:flex;opacity:var(", ");&.", "{flex-direction:column;", "{margin-bottom:var(", ");}}&.", "{", "{margin-right:var(", ");}}"], _Slider.tokens.disabledOpacity, _Slider.classes.labelPlacementOuter, LabelWrapper, _Slider.tokens.labelWrapperMarginBottom, _Slider.classes.labelPlacementInner, LabelWrapper, _Slider.tokens.labelWrapperMarginRight);
@@ -24,15 +24,4 @@ Object.keys(_Double).forEach(function (key) {
24
24
  return _Double[key];
25
25
  }
26
26
  });
27
- });
28
- var _DoubleUncontrolled = /*#__PURE__*/require("./DoubleUncontrolled/DoubleUncontrolled");
29
- Object.keys(_DoubleUncontrolled).forEach(function (key) {
30
- if (key === "default" || key === "__esModule") return;
31
- if (key in exports && exports[key] === _DoubleUncontrolled[key]) return;
32
- Object.defineProperty(exports, key, {
33
- enumerable: true,
34
- get: function get() {
35
- return _DoubleUncontrolled[key];
36
- }
37
- });
38
27
  });
@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.getOffsets = getOffsets;
7
7
  exports.getSliderThumbValue = getSliderThumbValue;
8
- exports.sizeData = exports.setInitValue = void 0;
8
+ exports.sizeData = void 0;
9
9
  /**
10
10
  * Расчитать значение слайдера с учетом его координат и шага изменений.
11
11
  * @param {number} handleCenterXRelative
@@ -52,9 +52,4 @@ var sizeData = exports.sizeData = {
52
52
  indent: 0.75,
53
53
  fontSizeMultiplier: 16
54
54
  }
55
- };
56
- var setInitValue = exports.setInitValue = function setInitValue(e) {
57
- var item = e.target;
58
- var defaultValue = Number(item.getAttribute('defaultValue'));
59
- return defaultValue;
60
55
  };
@@ -126,7 +126,7 @@ var textAreaRoot = exports.textAreaRoot = function textAreaRoot(Root) {
126
126
  _useState6 = _slicedToArray(_useState5, 2),
127
127
  uncontrolledValue = _useState6[0],
128
128
  setUncontrolledValue = _useState6[1];
129
- var outerRef = /*#__PURE__*/(0, _react.createRef)();
129
+ var outerRef = innerRef && 'current' in innerRef ? innerRef : /*#__PURE__*/(0, _react.createRef)();
130
130
  var innerOptional = required ? false : optional;
131
131
  var hasHelper = Boolean(leftHelper || rightHelper || helperText);
132
132
  var hasOuterLabel = Boolean(label && labelPlacement === 'outer');
@@ -198,7 +198,7 @@ var textAreaRoot = exports.textAreaRoot = function textAreaRoot(Root) {
198
198
  hasContentRight: Boolean(contentRight),
199
199
  hasHelper: hasHelper,
200
200
  applyCustomWidth: applyCustomWidth,
201
- ref: (0, _utils.mergeRefs)(outerRef, innerRef),
201
+ ref: outerRef,
202
202
  disabled: disabled,
203
203
  height: autoResize ? minAuto : height,
204
204
  width: width,
@@ -34,6 +34,7 @@ var optionalText = 'optional';
34
34
  var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["display:block;"]);
35
35
  var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
36
36
  return /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
37
+ var _inputRef$current, _inputRef$current3;
37
38
  var id = _ref.id,
38
39
  className = _ref.className,
39
40
  style = _ref.style,
@@ -74,7 +75,7 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
74
75
  inputRef: inputRef,
75
76
  chipsRefs: chipsRefs
76
77
  };
77
- var _useState = (0, _react.useState)(Boolean(outerValue) || Boolean(rest === null || rest === void 0 ? void 0 : rest.defaultValue)),
78
+ var _useState = (0, _react.useState)(Boolean(outerValue) || Boolean(inputRef === null || inputRef === void 0 || (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.value) || Boolean(rest === null || rest === void 0 ? void 0 : rest.defaultValue)),
78
79
  _useState2 = _slicedToArray(_useState, 2),
79
80
  hasValue = _useState2[0],
80
81
  setHasValue = _useState2[1];
@@ -172,8 +173,9 @@ var textFieldRoot = exports.textFieldRoot = function textFieldRoot(Root) {
172
173
  setChips(newChips);
173
174
  }, [isChipEnumeration, values]);
174
175
  (0, _react.useEffect)(function () {
175
- setHasValue(Boolean(outerValue) || Boolean(rest === null || rest === void 0 ? void 0 : rest.defaultValue));
176
- }, [outerValue, rest.defaultValue]);
176
+ var _inputRef$current2;
177
+ setHasValue(Boolean(outerValue) || Boolean(inputRef === null || inputRef === void 0 || (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.value) || Boolean(rest === null || rest === void 0 ? void 0 : rest.defaultValue));
178
+ }, [outerValue, rest.defaultValue, inputRef === null || inputRef === void 0 || (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 ? void 0 : _inputRef$current3.value]);
177
179
  var innerOptional = Boolean(required ? false : optional);
178
180
  var hasPlaceholderOptional = innerOptional && !innerLabelValue && !hasOuterLabel;
179
181
  var optionalTextNode = innerOptional ? /*#__PURE__*/_react["default"].createElement(_TextField.StyledOptionalText, null, Boolean(hasPlaceholderOptional ? innerPlaceholderValue : innerLabelValue) && '\xa0', optionalText) : null;
@@ -21,12 +21,6 @@ Object.defineProperty(exports, "useForceUpdate", {
21
21
  return _useForceUpdate.useForceUpdate;
22
22
  }
23
23
  });
24
- Object.defineProperty(exports, "useFormPlasma", {
25
- enumerable: true,
26
- get: function get() {
27
- return _useForm.useFormPlasma;
28
- }
29
- });
30
24
  Object.defineProperty(exports, "useIsomorphicLayoutEffect", {
31
25
  enumerable: true,
32
26
  get: function get() {
@@ -57,5 +51,4 @@ var _usePreviousValue = /*#__PURE__*/require("./usePreviousValue");
57
51
  var _useForceUpdate = /*#__PURE__*/require("./useForceUpdate");
58
52
  var _useDidMountEffect = /*#__PURE__*/require("./useDidMountEffect");
59
53
  var _useOutsideClick = /*#__PURE__*/require("./useOutsideClick");
60
- var _useIsomorphicLayoutEffect = /*#__PURE__*/require("./useIsomorphicLayoutEffect");
61
- var _useForm = /*#__PURE__*/require("./useForm");
54
+ var _useIsomorphicLayoutEffect = /*#__PURE__*/require("./useIsomorphicLayoutEffect");
@@ -13,8 +13,6 @@ var _exportNames = {
13
13
  IS_REACT_18: true,
14
14
  safeUseId: true,
15
15
  isNumber: true,
16
- mergeRefs: true,
17
- setRefList: true,
18
16
  isEmpty: true,
19
17
  constants: true
20
18
  };
@@ -55,30 +53,17 @@ Object.defineProperty(exports, "isNumber", {
55
53
  return _isNumber.isNumber;
56
54
  }
57
55
  });
58
- Object.defineProperty(exports, "mergeRefs", {
59
- enumerable: true,
60
- get: function get() {
61
- return _setRefList.mergeRefs;
62
- }
63
- });
64
56
  Object.defineProperty(exports, "safeUseId", {
65
57
  enumerable: true,
66
58
  get: function get() {
67
59
  return _react.safeUseId;
68
60
  }
69
61
  });
70
- Object.defineProperty(exports, "setRefList", {
71
- enumerable: true,
72
- get: function get() {
73
- return _setRefList.setRefList;
74
- }
75
- });
76
62
  var _canUseDOM = /*#__PURE__*/require("./canUseDOM");
77
63
  var _extractTextFrom = /*#__PURE__*/require("./extractTextFrom");
78
64
  var _getSizeValueFromProp = /*#__PURE__*/require("./getSizeValueFromProp");
79
65
  var _react = /*#__PURE__*/require("./react");
80
66
  var _isNumber = /*#__PURE__*/require("./isNumber");
81
- var _setRefList = /*#__PURE__*/require("./setRefList");
82
67
  var _isEmpty = /*#__PURE__*/require("./isEmpty");
83
68
  var _constants = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("./constants"));
84
69
  exports.constants = _constants;
@@ -1,27 +1,17 @@
1
- var _excluded = ["type"];
2
1
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
3
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
4
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
5
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
6
2
  import React, { forwardRef } from 'react';
7
3
  import { base as viewCSS } from './variations/_view/base';
8
4
  import { base as sizeCSS } from './variations/_size/base';
9
5
  import { base as disabledCSS } from './variations/_disabled/base';
10
- import { SingleSlider, DoubleUncontrolled } from './components';
11
- var isSingleValueProps = function isSingleValueProps(props, type) {
12
- return typeof props.value === 'number' || type === 'single' && _typeof(props.value) !== 'object';
13
- };
14
- var isDoubleValueProps = function isDoubleValueProps(props, type) {
15
- return _typeof(props.value) === 'object' || type === 'double';
6
+ import { SingleSlider, DoubleSlider } from './components';
7
+ var isSingleValueProps = function isSingleValueProps(props) {
8
+ return typeof props.value === 'number';
16
9
  };
17
10
  export var sliderRoot = function sliderRoot(Root) {
18
- return /*#__PURE__*/forwardRef(function (_ref, ref) {
19
- var _ref$type = _ref.type,
20
- type = _ref$type === void 0 ? 'single' : _ref$type,
21
- props = _objectWithoutProperties(_ref, _excluded);
22
- return /*#__PURE__*/React.createElement(Root, _extends({}, props, {
11
+ return /*#__PURE__*/forwardRef(function (props, ref) {
12
+ return /*#__PURE__*/React.createElement(Root, _extends({
23
13
  ref: ref
24
- }), isSingleValueProps(props, type) && /*#__PURE__*/React.createElement(SingleSlider, props), isDoubleValueProps(props, type) && /*#__PURE__*/React.createElement(DoubleUncontrolled, props));
14
+ }, props), isSingleValueProps(props) && /*#__PURE__*/React.createElement(SingleSlider, props), !isSingleValueProps(props) && /*#__PURE__*/React.createElement(DoubleSlider, props));
25
15
  });
26
16
  };
27
17
  export var sliderConfig = {
@@ -1,5 +1,5 @@
1
1
  function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
2
- var _excluded = ["min", "max", "value", "disabled", "label", "labelContentLeft", "size", "onChangeCommitted", "onChangeTextField", "onBlurTextField", "onKeyDownTextField", "onChange", "ariaLabel", "multipleStepSize", "name"];
2
+ var _excluded = ["min", "max", "value", "disabled", "label", "labelContentLeft", "size", "onChangeCommitted", "onChangeTextField", "onBlurTextField", "onKeyDownTextField", "onChange", "ariaLabel", "multipleStepSize"];
3
3
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
4
4
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
5
5
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -17,10 +17,10 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
17
17
  import React, { useCallback, useEffect, useRef, useState } from 'react';
18
18
  import { SliderBase } from '../SliderBase/SliderBase';
19
19
  import { Handler } from '../../ui';
20
- import { sizeData, setInitValue } from '../../utils';
20
+ import { sizeData } from '../../utils';
21
21
  import { cx, isNumber } from '../../../../utils';
22
22
  import { classes } from '../../Slider.tokens';
23
- import { SliderWrapper, InputsWrapper, Label, LabelContentLeft, LabelWrapper, StyledInput, DoubleWrapper, InputHidden } from './Double.styles';
23
+ import { SliderWrapper, InputsWrapper, Label, LabelContentLeft, LabelWrapper, StyledInput, DoubleWrapper } from './Double.styles';
24
24
  function getXCenterHandle(handle) {
25
25
  var _handle$parentElement;
26
26
  var containerX = ((_handle$parentElement = handle.parentElement) === null || _handle$parentElement === void 0 || (_handle$parentElement = _handle$parentElement.getBoundingClientRect()) === null || _handle$parentElement === void 0 ? void 0 : _handle$parentElement.x) || 0;
@@ -45,7 +45,6 @@ export var DoubleSlider = function DoubleSlider(_ref) {
45
45
  ariaLabel = _ref.ariaLabel,
46
46
  _ref$multipleStepSize = _ref.multipleStepSize,
47
47
  multipleStepSize = _ref$multipleStepSize === void 0 ? 10 : _ref$multipleStepSize,
48
- name = _ref.name,
49
48
  rest = _objectWithoutProperties(_ref, _excluded);
50
49
  var _useState = useState({
51
50
  stepSize: 0,
@@ -81,8 +80,6 @@ export var DoubleSlider = function DoubleSlider(_ref) {
81
80
  var secondHandleRef = useRef(null);
82
81
  var firstHandleValue = useRef(value[0]);
83
82
  var secondHandleValue = useRef(value[1]);
84
- var innerRefFirst = useRef(null);
85
- var innerRefSecond = useRef(null);
86
83
  var stepSize = state.stepSize;
87
84
  var hasLabelContent = label || labelContentLeft;
88
85
  var firstInputActiveClass = firstInputActive && !disabled ? classes.textFieldActive : undefined;
@@ -101,23 +98,6 @@ export var DoubleSlider = function DoubleSlider(_ref) {
101
98
  });
102
99
  });
103
100
  }, [value, stepSize, min, max, setFirstValue, setSecondValue]);
104
- useEffect(function () {
105
- if (innerRefSecond.current && onChangeCommitted) {
106
- innerRefSecond.current.addEventListener('setInitValue', function (e) {
107
- var firstElement = innerRefFirst.current;
108
- var firstValueInit = Number(firstElement.getAttribute('defaultValue'));
109
- var secondValueInit = setInitValue(e);
110
- onChangeCommitted([firstValueInit, secondValueInit]);
111
- setFirstValue(firstValueInit);
112
- setSecondValue(secondValueInit);
113
- });
114
- }
115
- return function () {
116
- if (innerRefSecond.current && onChangeCommitted) {
117
- innerRefSecond.current.addEventListener('setInitValue', function () {});
118
- }
119
- };
120
- }, [innerRefSecond]);
121
101
  var setStepSize = useCallback(function (newStepSize) {
122
102
  setState(function (prevState) {
123
103
  return _objectSpread(_objectSpread({}, prevState), {}, {
@@ -326,19 +306,5 @@ export var DoubleSlider = function DoubleSlider(_ref) {
326
306
  onChange: onSecondTextfieldChange,
327
307
  onBlur: onSecondTextfieldBlur,
328
308
  onKeyDown: onTextfieldKeyDown
329
- }))), /*#__PURE__*/React.createElement(InputHidden, {
330
- name: name,
331
- type: "number",
332
- datatype: "slider-double",
333
- "data-slidertype": "min",
334
- value: firstValue,
335
- ref: innerRefFirst
336
- }), /*#__PURE__*/React.createElement(InputHidden, {
337
- name: name,
338
- type: "number",
339
- datatype: "slider-double",
340
- "data-slidertype": "max",
341
- value: secondValue,
342
- ref: innerRefSecond
343
- }));
309
+ }))));
344
310
  };
@@ -26,7 +26,4 @@ export var DoubleWrapper = /*#__PURE__*/styled.div.withConfig({
26
26
  })(["opacity:var(", ");"], tokens.disabledOpacity);
27
27
  export var SliderWrapper = /*#__PURE__*/styled.div.withConfig({
28
28
  componentId: "plasma-new-hope__sc-97pdfk-6"
29
- })([""]);
30
- export var InputHidden = /*#__PURE__*/styled.input.withConfig({
31
- componentId: "plasma-new-hope__sc-97pdfk-7"
32
- })(["visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;"]);
29
+ })([""]);
@@ -1,5 +1,5 @@
1
1
  function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
2
- var _excluded = ["min", "max", "value", "disabled", "onChangeCommitted", "onChange", "ariaLabel", "label", "labelContentLeft", "showRangeValues", "showCurrentValue", "hideMinValueDiff", "hideMaxValueDiff", "labelPlacement", "rangeValuesPlacement", "multipleStepSize", "size", "name"];
2
+ var _excluded = ["min", "max", "value", "disabled", "onChangeCommitted", "onChange", "ariaLabel", "label", "labelContentLeft", "showRangeValues", "showCurrentValue", "hideMinValueDiff", "hideMaxValueDiff", "labelPlacement", "rangeValuesPlacement", "multipleStepSize", "size"];
3
3
  function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
4
4
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
5
5
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -17,15 +17,14 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
17
17
  import React, { useCallback, useEffect, useState, useRef } from 'react';
18
18
  import { SliderBase } from '../SliderBase/SliderBase';
19
19
  import { Handler } from '../../ui';
20
- import { setInitValue, sizeData } from '../../utils';
20
+ import { sizeData } from '../../utils';
21
21
  import { cx, isNumber } from '../../../../utils';
22
22
  import { classes } from '../../Slider.tokens';
23
- import { Label, LabelContentLeft, LabelWrapper, SingleWrapper, SliderBaseWrapper, StyledRangeValue, InputHidden } from './Single.styles';
23
+ import { Label, LabelContentLeft, LabelWrapper, SingleWrapper, SliderBaseWrapper, StyledRangeValue } from './Single.styles';
24
24
  export var SingleSlider = function SingleSlider(_ref) {
25
25
  var min = _ref.min,
26
26
  max = _ref.max,
27
- _ref$value = _ref.value,
28
- value = _ref$value === void 0 ? min : _ref$value,
27
+ value = _ref.value,
29
28
  disabled = _ref.disabled,
30
29
  onChangeCommitted = _ref.onChangeCommitted,
31
30
  onChange = _ref.onChange,
@@ -44,7 +43,6 @@ export var SingleSlider = function SingleSlider(_ref) {
44
43
  multipleStepSize = _ref$multipleStepSize === void 0 ? 10 : _ref$multipleStepSize,
45
44
  _ref$size = _ref.size,
46
45
  size = _ref$size === void 0 ? 'm' : _ref$size,
47
- name = _ref.name,
48
46
  rest = _objectWithoutProperties(_ref, _excluded);
49
47
  var _useState = useState({
50
48
  xHandle: 0,
@@ -54,7 +52,6 @@ export var SingleSlider = function SingleSlider(_ref) {
54
52
  _useState2 = _slicedToArray(_useState, 2),
55
53
  state = _useState2[0],
56
54
  setState = _useState2[1];
57
- var innerRef = useRef(null);
58
55
  var _useState3 = useState(0),
59
56
  _useState4 = _slicedToArray(_useState3, 2),
60
57
  startOffset = _useState4[0],
@@ -71,14 +68,14 @@ export var SingleSlider = function SingleSlider(_ref) {
71
68
  var hasLabelContent = label || labelContentLeft;
72
69
  var labelPlacementClass = labelPlacement === 'outer' ? classes.labelPlacementOuter : classes.labelPlacementInner;
73
70
  var rangeValuesPlacementClass = rangeValuesPlacement === 'outer' ? classes.rangeValuesPlacementOuter : classes.rangeValuesPlacementInner;
74
- var hideMinValueDiffClass = hideMinValueDiff && dragValue - min <= hideMinValueDiff ? classes.hideMinValue : '';
75
- var hideMaxValueDiffClass = hideMaxValueDiff && max - dragValue <= hideMaxValueDiff ? classes.hideMaxValue : '';
71
+ var hideMinValueDiffClass = hideMinValueDiff && value - min <= hideMinValueDiff ? classes.hideMinValue : '';
72
+ var hideMaxValueDiffClass = hideMaxValueDiff && max - value <= hideMaxValueDiff ? classes.hideMaxValue : '';
76
73
  var startLabelRef = useRef(null);
77
74
  var endLabelRef = useRef(null);
78
75
  var activeFirstValue = dragValue === min ? classes.activeRangeValue : undefined;
79
76
  var activeSecondValue = dragValue === max ? classes.activeRangeValue : undefined;
80
77
  useEffect(function () {
81
- var localValue = Math.min(Math.max(dragValue, min), max) - min;
78
+ var localValue = Math.min(Math.max(value, min), max) - min;
82
79
  if (rangeValuesPlacement === 'outer') {
83
80
  var _startLabelRef$curren, _endLabelRef$current;
84
81
  var startWidth = (_startLabelRef$curren = startLabelRef.current) === null || _startLabelRef$curren === void 0 ? void 0 : _startLabelRef$curren.offsetWidth;
@@ -99,21 +96,7 @@ export var SingleSlider = function SingleSlider(_ref) {
99
96
  railFillWidth: stepSize * localValue
100
97
  });
101
98
  });
102
- }, [dragValue, labelPlacement, stepSize, rangeValuesPlacement, min, max, setStartOffset, setEndOffset]);
103
- useEffect(function () {
104
- if (innerRef.current) {
105
- innerRef.current.addEventListener('setInitValue', function (e) {
106
- return setDragValue(setInitValue(e));
107
- });
108
- }
109
- return function () {
110
- if (innerRef.current) {
111
- innerRef.current.addEventListener('setInitValue', function (e) {
112
- return setDragValue(setInitValue(e));
113
- });
114
- }
115
- };
116
- }, [innerRef]);
99
+ }, [value, labelPlacement, stepSize, rangeValuesPlacement, min, max, setStartOffset, setEndOffset]);
117
100
  var setStepSize = useCallback(function (newStepSize) {
118
101
  setState(function (prevState) {
119
102
  return _objectSpread(_objectSpread({}, prevState), {}, {
@@ -181,11 +164,5 @@ export var SingleSlider = function SingleSlider(_ref) {
181
164
  })), showRangeValues && /*#__PURE__*/React.createElement(StyledRangeValue, {
182
165
  ref: endLabelRef,
183
166
  className: cx(classes.maxRangeValue, hideMaxValueDiffClass, activeSecondValue)
184
- }, max)), /*#__PURE__*/React.createElement(InputHidden, {
185
- name: name,
186
- type: "number",
187
- datatype: "slider-single",
188
- value: dragValue,
189
- ref: innerRef
190
- }));
167
+ }, max)));
191
168
  };
@@ -17,7 +17,4 @@ export var SliderBaseWrapper = /*#__PURE__*/styled.div.withConfig({
17
17
  })(["position:relative;display:flex;flex:1;&.", "{", "{position:absolute;bottom:var(", ");left:0;&.", "{left:unset;right:0;}}}&.", "{align-items:center;", "{margin-right:var(", ");&.", "{margin-right:0;margin-left:var(", ");}}}"], classes.rangeValuesPlacementOuter, StyledRangeValue, tokens.rangeValueBottomOffset, classes.maxRangeValue, classes.rangeValuesPlacementInner, StyledRangeValue, tokens.rangeMinValueMargin, classes.maxRangeValue, tokens.rangeMaxValueMargin);
18
18
  export var SingleWrapper = /*#__PURE__*/styled.div.withConfig({
19
19
  componentId: "plasma-new-hope__sc-1qm4elt-5"
20
- })(["display:flex;opacity:var(", ");&.", "{flex-direction:column;", "{margin-bottom:var(", ");}}&.", "{", "{margin-right:var(", ");}}"], tokens.disabledOpacity, classes.labelPlacementOuter, LabelWrapper, tokens.labelWrapperMarginBottom, classes.labelPlacementInner, LabelWrapper, tokens.labelWrapperMarginRight);
21
- export var InputHidden = /*#__PURE__*/styled.input.withConfig({
22
- componentId: "plasma-new-hope__sc-1qm4elt-6"
23
- })(["visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;"]);
20
+ })(["display:flex;opacity:var(", ");&.", "{flex-direction:column;", "{margin-bottom:var(", ");}}&.", "{", "{margin-right:var(", ");}}"], tokens.disabledOpacity, classes.labelPlacementOuter, LabelWrapper, tokens.labelWrapperMarginBottom, classes.labelPlacementInner, LabelWrapper, tokens.labelWrapperMarginRight);
@@ -1,4 +1,3 @@
1
1
  export * from './Single/Single';
2
2
  export * from './Double/Double';
3
- export * from './DoubleUncontrolled/DoubleUncontrolled';
4
3
  export {};
@@ -44,9 +44,4 @@ export var sizeData = {
44
44
  indent: 0.75,
45
45
  fontSizeMultiplier: 16
46
46
  }
47
- };
48
- export var setInitValue = function setInitValue(e) {
49
- var item = e.target;
50
- var defaultValue = Number(item.getAttribute('defaultValue'));
51
- return defaultValue;
52
47
  };
@@ -21,7 +21,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
21
21
  import React, { forwardRef, useState, createRef, useCallback } from 'react';
22
22
  import { css } from 'styled-components';
23
23
  import { useResizeObserver } from '@salutejs/plasma-core';
24
- import { cx, mergeRefs } from '../../utils';
24
+ import { cx } from '../../utils';
25
25
  import { applyDynamicLabel } from './mixins';
26
26
  import { useAutoResize, ROOT_FONT_SIZE } from './hooks';
27
27
  import { StyledContent, StyledHelpers, StyledLeftHelper, StyledRightHelper, StyledLabel, StyledPlaceholder, StyledTextArea, StyledTextAreaWrapper, StyledContainer, StyledIndicator, StyledOptionalText } from './TextArea.styles';
@@ -118,7 +118,7 @@ export var textAreaRoot = function textAreaRoot(Root) {
118
118
  _useState6 = _slicedToArray(_useState5, 2),
119
119
  uncontrolledValue = _useState6[0],
120
120
  setUncontrolledValue = _useState6[1];
121
- var outerRef = /*#__PURE__*/createRef();
121
+ var outerRef = innerRef && 'current' in innerRef ? innerRef : /*#__PURE__*/createRef();
122
122
  var innerOptional = required ? false : optional;
123
123
  var hasHelper = Boolean(leftHelper || rightHelper || helperText);
124
124
  var hasOuterLabel = Boolean(label && labelPlacement === 'outer');
@@ -190,7 +190,7 @@ export var textAreaRoot = function textAreaRoot(Root) {
190
190
  hasContentRight: Boolean(contentRight),
191
191
  hasHelper: hasHelper,
192
192
  applyCustomWidth: applyCustomWidth,
193
- ref: mergeRefs(outerRef, innerRef),
193
+ ref: outerRef,
194
194
  disabled: disabled,
195
195
  height: autoResize ? minAuto : height,
196
196
  width: width,
@@ -25,6 +25,7 @@ var optionalText = 'optional';
25
25
  export var base = /*#__PURE__*/css(["display:block;"]);
26
26
  export var textFieldRoot = function textFieldRoot(Root) {
27
27
  return /*#__PURE__*/forwardRef(function (_ref, ref) {
28
+ var _inputRef$current, _inputRef$current3;
28
29
  var id = _ref.id,
29
30
  className = _ref.className,
30
31
  style = _ref.style,
@@ -65,7 +66,7 @@ export var textFieldRoot = function textFieldRoot(Root) {
65
66
  inputRef: inputRef,
66
67
  chipsRefs: chipsRefs
67
68
  };
68
- var _useState = useState(Boolean(outerValue) || Boolean(rest === null || rest === void 0 ? void 0 : rest.defaultValue)),
69
+ var _useState = useState(Boolean(outerValue) || Boolean(inputRef === null || inputRef === void 0 || (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.value) || Boolean(rest === null || rest === void 0 ? void 0 : rest.defaultValue)),
69
70
  _useState2 = _slicedToArray(_useState, 2),
70
71
  hasValue = _useState2[0],
71
72
  setHasValue = _useState2[1];
@@ -163,8 +164,9 @@ export var textFieldRoot = function textFieldRoot(Root) {
163
164
  setChips(newChips);
164
165
  }, [isChipEnumeration, values]);
165
166
  useEffect(function () {
166
- setHasValue(Boolean(outerValue) || Boolean(rest === null || rest === void 0 ? void 0 : rest.defaultValue));
167
- }, [outerValue, rest.defaultValue]);
167
+ var _inputRef$current2;
168
+ setHasValue(Boolean(outerValue) || Boolean(inputRef === null || inputRef === void 0 || (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.value) || Boolean(rest === null || rest === void 0 ? void 0 : rest.defaultValue));
169
+ }, [outerValue, rest.defaultValue, inputRef === null || inputRef === void 0 || (_inputRef$current3 = inputRef.current) === null || _inputRef$current3 === void 0 ? void 0 : _inputRef$current3.value]);
168
170
  var innerOptional = Boolean(required ? false : optional);
169
171
  var hasPlaceholderOptional = innerOptional && !innerLabelValue && !hasOuterLabel;
170
172
  var optionalTextNode = innerOptional ? /*#__PURE__*/React.createElement(StyledOptionalText, null, Boolean(hasPlaceholderOptional ? innerPlaceholderValue : innerLabelValue) && '\xa0', optionalText) : null;
@@ -4,5 +4,4 @@ export { usePreviousValue } from './usePreviousValue';
4
4
  export { useForceUpdate } from './useForceUpdate';
5
5
  export { useDidMountEffect } from './useDidMountEffect';
6
6
  export { useOutsideClick } from './useOutsideClick';
7
- export { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';
8
- export { useFormPlasma } from './useForm';
7
+ export { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';
@@ -3,7 +3,6 @@ export { extractTextFrom } from './extractTextFrom';
3
3
  export { getSizeValueFromProp } from './getSizeValueFromProp';
4
4
  export { IS_REACT_18, safeUseId } from './react';
5
5
  export { isNumber } from './isNumber';
6
- export { mergeRefs, setRefList } from './setRefList';
7
6
  export { isEmpty } from './isEmpty';
8
7
  import * as _constants from './constants';
9
8
  export { _constants as constants };
@@ -1 +1 @@
1
- {"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAO3D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAQ7C,eAAO,MAAM,UAAU,SAAU,sBAAsB,cAAc,EAAE,WAAW,CAAC,uFAQ7E,CAAC;AAEP,eAAO,MAAM,YAAY;;;mBAVQ,sBAAsB,cAAc,EAAE,WAAW,CAAC;;;;;;;;;;;;;;;;;;CA+BlF,CAAC"}
1
+ {"version":3,"file":"Slider.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AAO3D,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAI7C,eAAO,MAAM,UAAU,SAAU,sBAAsB,cAAc,EAAE,WAAW,CAAC,uFAQ7E,CAAC;AAEP,eAAO,MAAM,YAAY;;;mBAVQ,sBAAsB,cAAc,EAAE,WAAW,CAAC;;;;;;;;;;;;;;;;;;CA+BlF,CAAC"}
@@ -1,3 +1,3 @@
1
- import type { SingleSliderProps, DoubleUncontrolledProps } from './components';
2
- export declare type SliderProps = SingleSliderProps | DoubleUncontrolledProps;
1
+ import type { DoubleSliderProps, SingleSliderProps } from './components';
2
+ export declare type SliderProps = SingleSliderProps | DoubleSliderProps;
3
3
  //# sourceMappingURL=Slider.types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Slider.types.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAE/E,oBAAY,WAAW,GAAG,iBAAiB,GAAG,uBAAuB,CAAC"}
1
+ {"version":3,"file":"Slider.types.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/Slider.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEzE,oBAAY,WAAW,GAAG,iBAAiB,GAAG,iBAAiB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Double.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/Double/Double.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAA0C,MAAM,OAAO,CAAC;AASxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAmBnD,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CA+V9C,CAAC"}
1
+ {"version":3,"file":"Double.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/Double/Double.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAA0C,MAAM,OAAO,CAAC;AASxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAkBnD,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAsT9C,CAAC"}
@@ -102,5 +102,4 @@ export declare const StyledInput: import("@linaria/react").StyledMeta & import("
102
102
  } & Omit<import("../../../../types").InputHTMLAttributes<HTMLInputElement>, "required" | "size"> & import("react").RefAttributes<HTMLInputElement>))>;
103
103
  export declare const DoubleWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
104
104
  export declare const SliderWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
105
- export declare const InputHidden: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & Record<never, unknown>>;
106
105
  //# sourceMappingURL=Double.styles.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Double.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/Double/Double.styles.ts"],"names":[],"mappings":";AASA,eAAO,MAAM,YAAY,qKAMxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,qKAAe,CAAC;AAE7C,eAAO,MAAM,KAAK,8KAOjB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAIzB,CAAC;AAGF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qJAiCvB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAEzB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAAe,CAAC;AAE1C,eAAO,MAAM,WAAW,8KAOvB,CAAC"}
1
+ {"version":3,"file":"Double.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/components/Double/Double.styles.ts"],"names":[],"mappings":";AASA,eAAO,MAAM,YAAY,qKAMxB,CAAC;AAEF,eAAO,MAAM,gBAAgB,qKAAe,CAAC;AAE7C,eAAO,MAAM,KAAK,8KAOjB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAIzB,CAAC;AAGF,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qJAiCvB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAEzB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAAe,CAAC"}