@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.
- package/cjs/components/Slider/Slider.css +10 -12
- package/cjs/components/Slider/Slider.js +6 -19
- package/cjs/components/Slider/Slider.js.map +1 -1
- package/cjs/components/Slider/components/Double/Double.css +5 -6
- package/cjs/components/Slider/components/Double/Double.js +2 -36
- package/cjs/components/Slider/components/Double/Double.js.map +1 -1
- package/cjs/components/Slider/components/Double/Double.styles.js +1 -7
- package/cjs/components/Slider/components/Double/Double.styles.js.map +1 -1
- package/cjs/components/Slider/components/Double/{Double.styles_4053ky.css → Double.styles_1jhda4u.css} +0 -1
- package/cjs/components/Slider/components/Single/Single.css +5 -6
- package/cjs/components/Slider/components/Single/Single.js +12 -35
- package/cjs/components/Slider/components/Single/Single.js.map +1 -1
- package/cjs/components/Slider/components/Single/Single.styles.js +1 -7
- package/cjs/components/Slider/components/Single/Single.styles.js.map +1 -1
- package/{es/components/Slider/components/Single/Single.styles_9lxkbx.css → cjs/components/Slider/components/Single/Single.styles_1r9f1e0.css} +0 -1
- package/cjs/components/Slider/utils/index.js +0 -6
- package/cjs/components/Slider/utils/index.js.map +1 -1
- package/cjs/components/TextArea/TextArea.js +2 -3
- package/cjs/components/TextArea/TextArea.js.map +1 -1
- package/cjs/components/TextField/TextField.js +5 -3
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/index.css +10 -12
- package/cjs/index.js +0 -5
- package/cjs/index.js.map +1 -1
- package/cjs/utils/index.js.map +1 -1
- package/emotion/cjs/components/Slider/Slider.js +6 -15
- package/emotion/cjs/components/Slider/components/Double/Double.js +2 -36
- package/emotion/cjs/components/Slider/components/Double/Double.styles.js +15 -28
- package/emotion/cjs/components/Slider/components/Single/Single.js +7 -30
- package/emotion/cjs/components/Slider/components/Single/Single.styles.js +13 -26
- package/emotion/cjs/components/Slider/components/index.js +0 -11
- package/emotion/cjs/components/Slider/utils/index.js +1 -6
- package/emotion/cjs/components/TextArea/TextArea.js +3 -3
- package/emotion/cjs/components/TextField/TextField.js +6 -4
- package/emotion/cjs/hooks/index.js +1 -8
- package/emotion/cjs/utils/index.js +0 -15
- package/emotion/es/components/Slider/Slider.js +6 -16
- package/emotion/es/components/Slider/components/Double/Double.js +4 -38
- package/emotion/es/components/Slider/components/Double/Double.styles.js +14 -27
- package/emotion/es/components/Slider/components/Single/Single.js +9 -32
- package/emotion/es/components/Slider/components/Single/Single.styles.js +12 -25
- package/emotion/es/components/Slider/components/index.js +0 -1
- package/emotion/es/components/Slider/utils/index.js +0 -5
- package/emotion/es/components/TextArea/TextArea.js +4 -4
- package/emotion/es/components/TextField/TextField.js +6 -4
- package/emotion/es/hooks/index.js +1 -2
- package/emotion/es/utils/index.js +0 -1
- package/es/components/Slider/Slider.css +10 -12
- package/es/components/Slider/Slider.js +7 -20
- package/es/components/Slider/Slider.js.map +1 -1
- package/es/components/Slider/components/Double/Double.css +5 -6
- package/es/components/Slider/components/Double/Double.js +4 -38
- package/es/components/Slider/components/Double/Double.js.map +1 -1
- package/es/components/Slider/components/Double/Double.styles.js +2 -7
- package/es/components/Slider/components/Double/Double.styles.js.map +1 -1
- package/es/components/Slider/components/Double/{Double.styles_4053ky.css → Double.styles_1jhda4u.css} +0 -1
- package/es/components/Slider/components/Single/Single.css +5 -6
- package/es/components/Slider/components/Single/Single.js +9 -32
- package/es/components/Slider/components/Single/Single.js.map +1 -1
- package/es/components/Slider/components/Single/Single.styles.js +2 -7
- package/es/components/Slider/components/Single/Single.styles.js.map +1 -1
- package/{cjs/components/Slider/components/Single/Single.styles_9lxkbx.css → es/components/Slider/components/Single/Single.styles_1r9f1e0.css} +0 -1
- package/es/components/Slider/utils/index.js +1 -6
- package/es/components/Slider/utils/index.js.map +1 -1
- package/es/components/TextArea/TextArea.js +2 -3
- package/es/components/TextArea/TextArea.js.map +1 -1
- package/es/components/TextField/TextField.js +5 -3
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/index.css +10 -12
- package/es/index.js +0 -2
- package/es/index.js.map +1 -1
- package/es/utils/index.js.map +1 -1
- package/package.json +2 -3
- package/styled-components/cjs/components/Slider/Slider.js +6 -15
- package/styled-components/cjs/components/Slider/components/Double/Double.js +2 -36
- package/styled-components/cjs/components/Slider/components/Double/Double.styles.js +2 -5
- package/styled-components/cjs/components/Slider/components/Single/Single.js +7 -30
- package/styled-components/cjs/components/Slider/components/Single/Single.styles.js +2 -5
- package/styled-components/cjs/components/Slider/components/index.js +0 -11
- package/styled-components/cjs/components/Slider/utils/index.js +1 -6
- package/styled-components/cjs/components/TextArea/TextArea.js +2 -2
- package/styled-components/cjs/components/TextField/TextField.js +5 -3
- package/styled-components/cjs/hooks/index.js +1 -8
- package/styled-components/cjs/utils/index.js +0 -15
- package/styled-components/es/components/Slider/Slider.js +6 -16
- package/styled-components/es/components/Slider/components/Double/Double.js +4 -38
- package/styled-components/es/components/Slider/components/Double/Double.styles.js +1 -4
- package/styled-components/es/components/Slider/components/Single/Single.js +9 -32
- package/styled-components/es/components/Slider/components/Single/Single.styles.js +1 -4
- package/styled-components/es/components/Slider/components/index.js +0 -1
- package/styled-components/es/components/Slider/utils/index.js +0 -5
- package/styled-components/es/components/TextArea/TextArea.js +3 -3
- package/styled-components/es/components/TextField/TextField.js +5 -3
- package/styled-components/es/hooks/index.js +1 -2
- package/styled-components/es/utils/index.js +0 -1
- package/types/components/Slider/Slider.d.ts.map +1 -1
- package/types/components/Slider/Slider.types.d.ts +2 -2
- package/types/components/Slider/Slider.types.d.ts.map +1 -1
- package/types/components/Slider/components/Double/Double.d.ts.map +1 -1
- package/types/components/Slider/components/Double/Double.styles.d.ts +0 -1
- package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
- package/types/components/Slider/components/Double/Double.types.d.ts +0 -2
- package/types/components/Slider/components/Double/Double.types.d.ts.map +1 -1
- package/types/components/Slider/components/Single/Single.d.ts.map +1 -1
- package/types/components/Slider/components/Single/Single.styles.d.ts +0 -1
- package/types/components/Slider/components/Single/Single.styles.d.ts.map +1 -1
- package/types/components/Slider/components/Single/Single.types.d.ts +1 -3
- package/types/components/Slider/components/Single/Single.types.d.ts.map +1 -1
- package/types/components/Slider/components/index.d.ts +0 -2
- package/types/components/Slider/components/index.d.ts.map +1 -1
- package/types/components/Slider/utils/index.d.ts +0 -1
- package/types/components/Slider/utils/index.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Slider/Slider.d.ts +1 -3
- package/types/examples/plasma_b2c/components/Slider/Slider.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Slider/Slider.d.ts +1 -3
- package/types/examples/plasma_web/components/Slider/Slider.d.ts.map +1 -1
- package/types/hooks/index.d.ts +0 -1
- package/types/hooks/index.d.ts.map +1 -1
- package/types/utils/index.d.ts +0 -1
- package/types/utils/index.d.ts.map +1 -1
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -56
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js.map +0 -1
- package/cjs/hooks/useForm.js +0 -96
- package/cjs/hooks/useForm.js.map +0 -1
- package/cjs/utils/setRefList.js +0 -28
- package/cjs/utils/setRefList.js.map +0 -1
- package/emotion/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -60
- package/emotion/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +0 -5
- package/emotion/cjs/examples/plasma_b2c/components/Form/Form.stories.tsx +0 -191
- package/emotion/cjs/hooks/useForm.js +0 -102
- package/emotion/cjs/utils/setRefList.js +0 -27
- package/emotion/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -51
- package/emotion/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +0 -1
- package/emotion/es/examples/plasma_b2c/components/Form/Form.stories.tsx +0 -191
- package/emotion/es/hooks/useForm.js +0 -93
- package/emotion/es/utils/setRefList.js +0 -20
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -52
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js.map +0 -1
- package/es/hooks/useForm.js +0 -92
- package/es/hooks/useForm.js.map +0 -1
- package/es/utils/setRefList.js +0 -23
- package/es/utils/setRefList.js.map +0 -1
- package/styled-components/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -60
- package/styled-components/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +0 -5
- package/styled-components/cjs/examples/plasma_b2c/components/Form/Form.stories.tsx +0 -191
- package/styled-components/cjs/hooks/useForm.js +0 -102
- package/styled-components/cjs/utils/setRefList.js +0 -27
- package/styled-components/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js +0 -51
- package/styled-components/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.js +0 -1
- package/styled-components/es/examples/plasma_b2c/components/Form/Form.stories.tsx +0 -191
- package/styled-components/es/hooks/useForm.js +0 -93
- package/styled-components/es/utils/setRefList.js +0 -20
- package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.d.ts +0 -4
- package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.d.ts.map +0 -1
- package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.d.ts +0 -5
- package/types/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.types.d.ts.map +0 -1
- package/types/hooks/useForm.d.ts +0 -10
- package/types/hooks/useForm.d.ts.map +0 -1
- package/types/utils/setRefList.d.ts +0 -6
- 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"
|
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
|
-
|
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 &&
|
83
|
-
var hideMaxValueDiffClass = hideMaxValueDiff && max -
|
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(
|
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
|
-
}, [
|
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))
|
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 =
|
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 =
|
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:
|
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
|
-
|
176
|
-
|
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,
|
11
|
-
var isSingleValueProps = function isSingleValueProps(props
|
12
|
-
return typeof props.value === 'number'
|
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 (
|
19
|
-
|
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
|
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"
|
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
|
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
|
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
|
-
})))
|
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"
|
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 {
|
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
|
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
|
-
|
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 &&
|
75
|
-
var hideMaxValueDiffClass = hideMaxValueDiff && max -
|
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(
|
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
|
-
}, [
|
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))
|
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);
|
@@ -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
|
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:
|
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
|
-
|
167
|
-
|
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;
|
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 {
|
2
|
-
export declare type SliderProps = SingleSliderProps |
|
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,
|
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;
|
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
|
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"}
|