@salutejs/plasma-new-hope 0.79.0-dev.0 → 0.80.0-canary.1194.9058672177.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Combobox/hooks/useFocusController.js +1 -0
- package/cjs/components/Combobox/hooks/useFocusController.js.map +1 -1
- package/cjs/components/Slider/Slider.css +69 -0
- package/cjs/components/Slider/Slider.js +53 -0
- package/cjs/components/Slider/Slider.js.map +1 -0
- package/cjs/components/Slider/Slider.tokens.js +79 -0
- package/cjs/components/Slider/Slider.tokens.js.map +1 -0
- package/cjs/components/Slider/components/Double/Double.css +62 -0
- package/cjs/components/Slider/components/Double/Double.js +274 -0
- package/cjs/components/Slider/components/Double/Double.js.map +1 -0
- package/cjs/components/Slider/components/Double/Double.styles.js +61 -0
- package/cjs/components/Slider/components/Double/Double.styles.js.map +1 -0
- package/cjs/components/Slider/components/Double/Double.styles_1jhda4u.css +7 -0
- package/cjs/components/Slider/components/Single/Single.css +16 -0
- package/cjs/components/Slider/components/Single/Single.js +160 -0
- package/cjs/components/Slider/components/Single/Single.js.map +1 -0
- package/cjs/components/Slider/components/Single/Single.styles.js +45 -0
- package/cjs/components/Slider/components/Single/Single.styles.js.map +1 -0
- package/cjs/components/Slider/components/Single/Single.styles_1r9f1e0.css +6 -0
- package/cjs/components/Slider/components/SliderBase/SliderBase.css +4 -0
- package/cjs/components/Slider/components/SliderBase/SliderBase.js +82 -0
- package/cjs/components/Slider/components/SliderBase/SliderBase.js.map +1 -0
- package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +33 -0
- package/cjs/components/Slider/components/SliderBase/SliderBase.styles.js.map +1 -0
- package/cjs/components/Slider/components/SliderBase/SliderBase.styles_7is2ll.css +4 -0
- package/cjs/components/Slider/ui/Handle/Handle.css +4 -0
- package/cjs/components/Slider/ui/Handle/Handle.js +174 -0
- package/cjs/components/Slider/ui/Handle/Handle.js.map +1 -0
- package/cjs/components/Slider/ui/Handle/Handle.styles.js +21 -0
- package/cjs/components/Slider/ui/Handle/Handle.styles.js.map +1 -0
- package/cjs/components/Slider/ui/Handle/Handle.styles_9m0x33.css +2 -0
- package/cjs/components/Slider/ui/Thumb/Thumb.css +1 -0
- package/cjs/components/Slider/ui/Thumb/Thumb.js +31 -0
- package/cjs/components/Slider/ui/Thumb/Thumb.js.map +1 -0
- package/cjs/components/Slider/ui/Thumb/Thumb.styles.js +15 -0
- package/cjs/components/Slider/ui/Thumb/Thumb.styles.js.map +1 -0
- package/cjs/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +1 -0
- package/cjs/components/Slider/utils/index.js +56 -0
- package/cjs/components/Slider/utils/index.js.map +1 -0
- package/cjs/components/Slider/variations/_disabled/base.js +9 -0
- package/cjs/components/Slider/variations/_disabled/base.js.map +1 -0
- package/cjs/components/Slider/variations/_disabled/base_x642ct.css +1 -0
- package/cjs/components/Slider/variations/_size/base.js +9 -0
- package/cjs/components/Slider/variations/_size/base.js.map +1 -0
- package/cjs/components/Slider/variations/_size/base_x642ct.css +1 -0
- package/cjs/components/Slider/variations/_view/base.js +9 -0
- package/cjs/components/Slider/variations/_view/base.js.map +1 -0
- package/cjs/components/Slider/variations/_view/base_x642ct.css +1 -0
- package/cjs/components/TextField/TextField.js +12 -3
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/engines/common.js +4 -0
- package/cjs/engines/common.js.map +1 -1
- package/cjs/engines/index.js.map +1 -1
- package/cjs/hooks/useIsomorphicLayoutEffect.js +15 -0
- package/cjs/hooks/useIsomorphicLayoutEffect.js.map +1 -0
- package/cjs/index.css +25 -0
- package/cjs/index.js +14 -0
- package/cjs/index.js.map +1 -1
- package/cjs/utils/canUseDOM.js +12 -0
- package/cjs/utils/canUseDOM.js.map +1 -0
- package/cjs/utils/index.js.map +1 -1
- package/es/components/Combobox/hooks/useFocusController.js +1 -0
- package/es/components/Combobox/hooks/useFocusController.js.map +1 -1
- package/es/components/Slider/Slider.css +69 -0
- package/es/components/Slider/Slider.js +48 -0
- package/es/components/Slider/Slider.js.map +1 -0
- package/es/components/Slider/Slider.tokens.js +74 -0
- package/es/components/Slider/Slider.tokens.js.map +1 -0
- package/es/components/Slider/components/Double/Double.css +62 -0
- package/es/components/Slider/components/Double/Double.js +270 -0
- package/es/components/Slider/components/Double/Double.js.map +1 -0
- package/es/components/Slider/components/Double/Double.styles.js +51 -0
- package/es/components/Slider/components/Double/Double.styles.js.map +1 -0
- package/es/components/Slider/components/Double/Double.styles_1jhda4u.css +7 -0
- package/es/components/Slider/components/Single/Single.css +16 -0
- package/es/components/Slider/components/Single/Single.js +156 -0
- package/es/components/Slider/components/Single/Single.js.map +1 -0
- package/es/components/Slider/components/Single/Single.styles.js +36 -0
- package/es/components/Slider/components/Single/Single.styles.js.map +1 -0
- package/es/components/Slider/components/Single/Single.styles_1r9f1e0.css +6 -0
- package/es/components/Slider/components/SliderBase/SliderBase.css +4 -0
- package/es/components/Slider/components/SliderBase/SliderBase.js +78 -0
- package/es/components/Slider/components/SliderBase/SliderBase.js.map +1 -0
- package/es/components/Slider/components/SliderBase/SliderBase.styles.js +26 -0
- package/es/components/Slider/components/SliderBase/SliderBase.styles.js.map +1 -0
- package/es/components/Slider/components/SliderBase/SliderBase.styles_7is2ll.css +4 -0
- package/es/components/Slider/ui/Handle/Handle.css +4 -0
- package/es/components/Slider/ui/Handle/Handle.js +170 -0
- package/es/components/Slider/ui/Handle/Handle.js.map +1 -0
- package/es/components/Slider/ui/Handle/Handle.styles.js +16 -0
- package/es/components/Slider/ui/Handle/Handle.styles.js.map +1 -0
- package/es/components/Slider/ui/Handle/Handle.styles_9m0x33.css +2 -0
- package/es/components/Slider/ui/Thumb/Thumb.css +1 -0
- package/es/components/Slider/ui/Thumb/Thumb.js +27 -0
- package/es/components/Slider/ui/Thumb/Thumb.js.map +1 -0
- package/es/components/Slider/ui/Thumb/Thumb.styles.js +11 -0
- package/es/components/Slider/ui/Thumb/Thumb.styles.js.map +1 -0
- package/es/components/Slider/ui/Thumb/Thumb.styles_4w4gzn.css +1 -0
- package/es/components/Slider/utils/index.js +50 -0
- package/es/components/Slider/utils/index.js.map +1 -0
- package/es/components/Slider/variations/_disabled/base.js +5 -0
- package/es/components/Slider/variations/_disabled/base.js.map +1 -0
- package/es/components/Slider/variations/_disabled/base_x642ct.css +1 -0
- package/es/components/Slider/variations/_size/base.js +5 -0
- package/es/components/Slider/variations/_size/base.js.map +1 -0
- package/es/components/Slider/variations/_size/base_x642ct.css +1 -0
- package/es/components/Slider/variations/_view/base.js +5 -0
- package/es/components/Slider/variations/_view/base.js.map +1 -0
- package/es/components/Slider/variations/_view/base_x642ct.css +1 -0
- package/es/components/TextField/TextField.js +12 -3
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/engines/common.js +4 -0
- package/es/engines/common.js.map +1 -1
- package/es/engines/index.js.map +1 -1
- package/es/hooks/useIsomorphicLayoutEffect.js +11 -0
- package/es/hooks/useIsomorphicLayoutEffect.js.map +1 -0
- package/es/index.css +25 -0
- package/es/index.js +8 -0
- package/es/index.js.map +1 -1
- package/es/utils/canUseDOM.js +8 -0
- package/es/utils/canUseDOM.js.map +1 -0
- package/es/utils/index.js.map +1 -1
- package/package.json +3 -2
- package/styled-components/cjs/components/Slider/Slider.js +52 -0
- package/styled-components/cjs/components/Slider/Slider.tokens.js +77 -0
- package/styled-components/cjs/components/Slider/Slider.types.js +5 -0
- package/styled-components/cjs/components/Slider/components/Double/Double.js +286 -0
- package/styled-components/cjs/components/Slider/components/Double/Double.styles.js +36 -0
- package/styled-components/cjs/components/Slider/components/Double/Double.types.js +5 -0
- package/styled-components/cjs/components/Slider/components/Single/Single.js +172 -0
- package/styled-components/cjs/components/Slider/components/Single/Single.styles.js +27 -0
- package/styled-components/cjs/components/Slider/components/Single/Single.types.js +5 -0
- package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.js +83 -0
- package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.styles.js +21 -0
- package/styled-components/cjs/components/Slider/components/SliderBase/SliderBase.types.js +5 -0
- package/styled-components/cjs/components/Slider/components/index.js +27 -0
- package/styled-components/cjs/components/Slider/index.js +32 -0
- package/styled-components/cjs/components/Slider/ui/Handle/Handle.js +183 -0
- package/styled-components/cjs/components/Slider/ui/Handle/Handle.styles.js +15 -0
- package/styled-components/cjs/components/Slider/ui/Handle/Handle.types.js +5 -0
- package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.js +32 -0
- package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.styles.js +18 -0
- package/styled-components/cjs/components/Slider/ui/Thumb/Thumb.types.js +5 -0
- package/styled-components/cjs/components/Slider/ui/index.js +63 -0
- package/styled-components/cjs/components/Slider/utils/index.js +55 -0
- package/styled-components/cjs/components/Slider/variations/_disabled/base.js +8 -0
- package/styled-components/cjs/components/Slider/variations/_disabled/tokens.json +4 -0
- package/styled-components/cjs/components/Slider/variations/_size/base.js +8 -0
- package/styled-components/cjs/components/Slider/variations/_size/tokens.json +0 -0
- package/styled-components/cjs/components/Slider/variations/_view/base.js +8 -0
- package/styled-components/cjs/components/Slider/variations/_view/tokens.json +0 -0
- package/styled-components/cjs/components/TextField/TextField.js +12 -3
- package/styled-components/cjs/engines/common.js +4 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.config.js +29 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.js +16 -0
- package/styled-components/cjs/examples/plasma_b2c/components/Slider/Slider.stories.tsx +150 -0
- package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.config.js +29 -0
- package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.js +16 -0
- package/styled-components/cjs/examples/plasma_web/components/Slider/Slider.stories.tsx +150 -0
- package/styled-components/cjs/hooks/index.js +8 -1
- package/styled-components/cjs/hooks/useIsomorphicLayoutEffect.js +12 -0
- package/styled-components/cjs/index.js +11 -0
- package/styled-components/cjs/utils/canUseDOM.js +11 -0
- package/styled-components/cjs/utils/index.js +7 -0
- package/styled-components/es/components/Slider/Slider.js +43 -0
- package/styled-components/es/components/Slider/Slider.tokens.js +71 -0
- package/styled-components/es/components/Slider/Slider.types.js +1 -0
- package/styled-components/es/components/Slider/components/Double/Double.js +278 -0
- package/styled-components/es/components/Slider/components/Double/Double.styles.js +29 -0
- package/styled-components/es/components/Slider/components/Double/Double.types.js +1 -0
- package/styled-components/es/components/Slider/components/Single/Single.js +164 -0
- package/styled-components/es/components/Slider/components/Single/Single.styles.js +20 -0
- package/styled-components/es/components/Slider/components/Single/Single.types.js +1 -0
- package/styled-components/es/components/Slider/components/SliderBase/SliderBase.js +74 -0
- package/styled-components/es/components/Slider/components/SliderBase/SliderBase.styles.js +14 -0
- package/styled-components/es/components/Slider/components/SliderBase/SliderBase.types.js +1 -0
- package/styled-components/es/components/Slider/components/index.js +3 -0
- package/styled-components/es/components/Slider/index.js +3 -0
- package/styled-components/es/components/Slider/ui/Handle/Handle.js +174 -0
- package/styled-components/es/components/Slider/ui/Handle/Handle.styles.js +8 -0
- package/styled-components/es/components/Slider/ui/Handle/Handle.types.js +1 -0
- package/styled-components/es/components/Slider/ui/Thumb/Thumb.js +25 -0
- package/styled-components/es/components/Slider/ui/Thumb/Thumb.styles.js +11 -0
- package/styled-components/es/components/Slider/ui/Thumb/Thumb.types.js +1 -0
- package/styled-components/es/components/Slider/ui/index.js +5 -0
- package/styled-components/es/components/Slider/utils/index.js +47 -0
- package/styled-components/es/components/Slider/variations/_disabled/base.js +2 -0
- package/styled-components/es/components/Slider/variations/_disabled/tokens.json +4 -0
- package/styled-components/es/components/Slider/variations/_size/base.js +2 -0
- package/styled-components/es/components/Slider/variations/_size/tokens.json +0 -0
- package/styled-components/es/components/Slider/variations/_view/base.js +2 -0
- package/styled-components/es/components/Slider/variations/_view/tokens.json +0 -0
- package/styled-components/es/components/TextField/TextField.js +12 -3
- package/styled-components/es/engines/common.js +4 -0
- package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.config.js +23 -0
- package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.js +10 -0
- package/styled-components/es/examples/plasma_b2c/components/Slider/Slider.stories.tsx +150 -0
- package/styled-components/es/examples/plasma_web/components/Slider/Slider.config.js +23 -0
- package/styled-components/es/examples/plasma_web/components/Slider/Slider.js +10 -0
- package/styled-components/es/examples/plasma_web/components/Slider/Slider.stories.tsx +150 -0
- package/styled-components/es/hooks/index.js +2 -1
- package/styled-components/es/hooks/useIsomorphicLayoutEffect.js +7 -0
- package/styled-components/es/index.js +2 -1
- package/styled-components/es/utils/canUseDOM.js +5 -0
- package/styled-components/es/utils/index.js +1 -0
- package/types/components/Slider/Slider.d.ts +27 -0
- package/types/components/Slider/Slider.d.ts.map +1 -0
- package/types/components/Slider/Slider.tokens.d.ts +72 -0
- package/types/components/Slider/Slider.tokens.d.ts.map +1 -0
- package/types/components/Slider/Slider.types.d.ts +3 -0
- package/types/components/Slider/Slider.types.d.ts.map +1 -0
- package/types/components/Slider/components/Double/Double.d.ts +4 -0
- package/types/components/Slider/components/Double/Double.d.ts.map +1 -0
- package/types/components/Slider/components/Double/Double.styles.d.ts +43 -0
- package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -0
- package/types/components/Slider/components/Double/Double.types.d.ts +65 -0
- package/types/components/Slider/components/Double/Double.types.d.ts.map +1 -0
- package/types/components/Slider/components/Single/Single.d.ts +4 -0
- package/types/components/Slider/components/Single/Single.d.ts.map +1 -0
- package/types/components/Slider/components/Single/Single.styles.d.ts +8 -0
- package/types/components/Slider/components/Single/Single.styles.d.ts.map +1 -0
- package/types/components/Slider/components/Single/Single.types.d.ts +55 -0
- package/types/components/Slider/components/Single/Single.types.d.ts.map +1 -0
- package/types/components/Slider/components/SliderBase/SliderBase.d.ts +4 -0
- package/types/components/Slider/components/SliderBase/SliderBase.d.ts.map +1 -0
- package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts +6 -0
- package/types/components/Slider/components/SliderBase/SliderBase.styles.d.ts.map +1 -0
- package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts +45 -0
- package/types/components/Slider/components/SliderBase/SliderBase.types.d.ts.map +1 -0
- package/types/components/Slider/components/index.d.ts +6 -0
- package/types/components/Slider/components/index.d.ts.map +1 -0
- package/types/components/Slider/index.d.ts +6 -0
- package/types/components/Slider/index.d.ts.map +1 -0
- package/types/components/Slider/ui/Handle/Handle.d.ts +9 -0
- package/types/components/Slider/ui/Handle/Handle.d.ts.map +1 -0
- package/types/components/Slider/ui/Handle/Handle.styles.d.ts +4 -0
- package/types/components/Slider/ui/Handle/Handle.styles.d.ts.map +1 -0
- package/types/components/Slider/ui/Handle/Handle.types.d.ts +24 -0
- package/types/components/Slider/ui/Handle/Handle.types.d.ts.map +1 -0
- package/types/components/Slider/ui/Thumb/Thumb.d.ts +4 -0
- package/types/components/Slider/ui/Thumb/Thumb.d.ts.map +1 -0
- package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts +5 -0
- package/types/components/Slider/ui/Thumb/Thumb.styles.d.ts.map +1 -0
- package/types/components/Slider/ui/Thumb/Thumb.types.d.ts +12 -0
- package/types/components/Slider/ui/Thumb/Thumb.types.d.ts.map +1 -0
- package/types/components/Slider/ui/index.d.ts +6 -0
- package/types/components/Slider/ui/index.d.ts.map +1 -0
- package/types/components/Slider/utils/index.d.ts +33 -0
- package/types/components/Slider/utils/index.d.ts.map +1 -0
- package/types/components/Slider/variations/_disabled/base.d.ts +2 -0
- package/types/components/Slider/variations/_disabled/base.d.ts.map +1 -0
- package/types/components/Slider/variations/_size/base.d.ts +2 -0
- package/types/components/Slider/variations/_size/base.d.ts.map +1 -0
- package/types/components/Slider/variations/_view/base.d.ts +2 -0
- package/types/components/Slider/variations/_view/base.d.ts.map +1 -0
- package/types/components/TextField/TextField.d.ts.map +1 -1
- package/types/engines/common.d.ts +3 -3
- package/types/engines/common.d.ts.map +1 -1
- package/types/engines/index.d.ts +1 -1
- package/types/engines/index.d.ts.map +1 -1
- package/types/engines/types.d.ts +4 -0
- package/types/engines/types.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts +22 -0
- package/types/examples/plasma_b2c/components/Slider/Slider.config.d.ts.map +1 -0
- package/types/examples/plasma_b2c/components/Slider/Slider.d.ts +21 -0
- package/types/examples/plasma_b2c/components/Slider/Slider.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Slider/Slider.config.d.ts +22 -0
- package/types/examples/plasma_web/components/Slider/Slider.config.d.ts.map +1 -0
- package/types/examples/plasma_web/components/Slider/Slider.d.ts +21 -0
- package/types/examples/plasma_web/components/Slider/Slider.d.ts.map +1 -0
- package/types/hooks/index.d.ts +1 -0
- package/types/hooks/index.d.ts.map +1 -1
- package/types/hooks/useIsomorphicLayoutEffect.d.ts +6 -0
- package/types/hooks/useIsomorphicLayoutEffect.d.ts.map +1 -0
- package/types/index.d.ts +1 -0
- package/types/index.d.ts.map +1 -1
- package/types/utils/canUseDOM.d.ts +6 -0
- package/types/utils/canUseDOM.d.ts.map +1 -0
- package/types/utils/index.d.ts +1 -0
- package/types/utils/index.d.ts.map +1 -1
@@ -0,0 +1,274 @@
|
|
1
|
+
'use strict';
|
2
|
+
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
+
|
5
|
+
var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
|
6
|
+
var React = require('react');
|
7
|
+
var SliderBase = require('../SliderBase/SliderBase.js');
|
8
|
+
var Handle = require('../../ui/Handle/Handle.js');
|
9
|
+
require('@linaria/react');
|
10
|
+
var index = require('../../utils/index.js');
|
11
|
+
var index$1 = require('../../../../utils/index.js');
|
12
|
+
var Slider_tokens = require('../../Slider.tokens.js');
|
13
|
+
var Double_styles = require('./Double.styles.js');
|
14
|
+
var isNumber = require('../../../../utils/isNumber.js');
|
15
|
+
|
16
|
+
var _excluded = ["min", "max", "value", "disabled", "label", "labelContentLeft", "size", "onChangeCommitted", "onChangeTextField", "onBlurTextField", "onKeyDownTextField", "onChange", "ariaLabel", "multipleStepSize"];
|
17
|
+
function getXCenterHandle(handle) {
|
18
|
+
var _handle$parentElement;
|
19
|
+
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;
|
20
|
+
var handleRect = handle.getBoundingClientRect();
|
21
|
+
var handlePosition = handleRect.x;
|
22
|
+
return handlePosition - containerX;
|
23
|
+
}
|
24
|
+
var DoubleSlider = function DoubleSlider(_ref) {
|
25
|
+
var min = _ref.min,
|
26
|
+
max = _ref.max,
|
27
|
+
value = _ref.value,
|
28
|
+
disabled = _ref.disabled,
|
29
|
+
label = _ref.label,
|
30
|
+
labelContentLeft = _ref.labelContentLeft,
|
31
|
+
_ref$size = _ref.size,
|
32
|
+
size = _ref$size === void 0 ? 'm' : _ref$size,
|
33
|
+
onChangeCommitted = _ref.onChangeCommitted,
|
34
|
+
onChangeTextField = _ref.onChangeTextField,
|
35
|
+
onBlurTextField = _ref.onBlurTextField,
|
36
|
+
onKeyDownTextField = _ref.onKeyDownTextField,
|
37
|
+
onChange = _ref.onChange,
|
38
|
+
ariaLabel = _ref.ariaLabel,
|
39
|
+
_ref$multipleStepSize = _ref.multipleStepSize,
|
40
|
+
multipleStepSize = _ref$multipleStepSize === void 0 ? 10 : _ref$multipleStepSize,
|
41
|
+
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
42
|
+
var _useState = React.useState({
|
43
|
+
stepSize: 0,
|
44
|
+
railFillWidth: 0,
|
45
|
+
railFillXPosition: 0,
|
46
|
+
xFirstHandle: 0,
|
47
|
+
xSecondHandle: 0,
|
48
|
+
firstHandleZIndex: 100,
|
49
|
+
secondHandleZIndex: 101,
|
50
|
+
firstValue: value[0],
|
51
|
+
secondValue: value[1]
|
52
|
+
}),
|
53
|
+
_useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
|
54
|
+
state = _useState2[0],
|
55
|
+
setState = _useState2[1];
|
56
|
+
var _useState3 = React.useState(false),
|
57
|
+
_useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
|
58
|
+
firstInputActive = _useState4[0],
|
59
|
+
setFirstInputActive = _useState4[1];
|
60
|
+
var _useState5 = React.useState(false),
|
61
|
+
_useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
|
62
|
+
secondInputActive = _useState6[0],
|
63
|
+
setSecondInputActive = _useState6[1];
|
64
|
+
var firstHandleRef = React.useRef(null);
|
65
|
+
var secondHandleRef = React.useRef(null);
|
66
|
+
var firstHandleValue = React.useRef(value[0]);
|
67
|
+
var secondHandleValue = React.useRef(value[1]);
|
68
|
+
var _useState7 = React.useState(value[0]),
|
69
|
+
_useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
|
70
|
+
firstValue = _useState8[0],
|
71
|
+
setFirstValue = _useState8[1];
|
72
|
+
var _useState9 = React.useState(value[1]),
|
73
|
+
_useState10 = _rollupPluginBabelHelpers.slicedToArray(_useState9, 2),
|
74
|
+
secondValue = _useState10[0],
|
75
|
+
setSecondValue = _useState10[1];
|
76
|
+
var stepSize = state.stepSize;
|
77
|
+
var hasLabelContent = label || labelContentLeft;
|
78
|
+
var firstInputActiveClass = firstInputActive && !disabled ? Slider_tokens.classes.textFieldActive : undefined;
|
79
|
+
var secondInputActiveClass = secondInputActive && !disabled ? Slider_tokens.classes.textFieldActive : undefined;
|
80
|
+
React.useEffect(function () {
|
81
|
+
var firstLocalValue = Math.min(Math.max(value[0], min), max) - min;
|
82
|
+
var secondLocalValue = Math.min(Math.max(value[1], min), max) - min;
|
83
|
+
setFirstValue(value[0]);
|
84
|
+
setSecondValue(value[1]);
|
85
|
+
setState(function (prevState) {
|
86
|
+
return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, prevState), {}, {
|
87
|
+
railFillXPosition: stepSize * firstLocalValue,
|
88
|
+
railFillWidth: stepSize * secondLocalValue - stepSize * firstLocalValue,
|
89
|
+
xFirstHandle: stepSize * firstLocalValue,
|
90
|
+
xSecondHandle: stepSize * secondLocalValue
|
91
|
+
});
|
92
|
+
});
|
93
|
+
}, [value, stepSize, min, max, setFirstValue, setSecondValue]);
|
94
|
+
var setStepSize = React.useCallback(function (newStepSize) {
|
95
|
+
setState(function (prevState) {
|
96
|
+
return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, prevState), {}, {
|
97
|
+
stepSize: newStepSize
|
98
|
+
});
|
99
|
+
});
|
100
|
+
}, [setState]);
|
101
|
+
var onFirstHandleChange = React.useCallback(function (handleValue, data) {
|
102
|
+
if (!(secondHandleRef !== null && secondHandleRef !== void 0 && secondHandleRef.current)) {
|
103
|
+
return;
|
104
|
+
}
|
105
|
+
var newHandleXPosition = data.x;
|
106
|
+
var secondHandleXPosition = getXCenterHandle(secondHandleRef.current);
|
107
|
+
var fillWidth = secondHandleXPosition - newHandleXPosition;
|
108
|
+
firstHandleValue.current = handleValue;
|
109
|
+
setFirstValue(handleValue);
|
110
|
+
setState(function (prevState) {
|
111
|
+
return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, prevState), {}, {
|
112
|
+
firstHandleZIndex: 101,
|
113
|
+
secondHandleZIndex: 100,
|
114
|
+
railFillWidth: fillWidth < 0 ? 0 : fillWidth,
|
115
|
+
railFillXPosition: newHandleXPosition
|
116
|
+
});
|
117
|
+
});
|
118
|
+
if (onChange) {
|
119
|
+
onChange([handleValue, value[1]]);
|
120
|
+
}
|
121
|
+
}, [onChange, value]);
|
122
|
+
var onFirstHandleChangeCommitted = React.useCallback(function (handleValue, data) {
|
123
|
+
setFirstValue(handleValue);
|
124
|
+
onChangeCommitted && onChangeCommitted([handleValue, value[1]]);
|
125
|
+
setState(function (prevState) {
|
126
|
+
return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, prevState), {}, {
|
127
|
+
firstValue: handleValue,
|
128
|
+
xFirstHandle: data.lastX
|
129
|
+
});
|
130
|
+
});
|
131
|
+
}, [onChangeCommitted, value]);
|
132
|
+
var onFirstTextfieldChange = React.useCallback(function (event) {
|
133
|
+
if (!isNumber.isNumber(event.target.value)) {
|
134
|
+
return;
|
135
|
+
}
|
136
|
+
var handleValue = Number(event.target.value);
|
137
|
+
setFirstValue(handleValue);
|
138
|
+
onChangeTextField && onChangeTextField([handleValue, secondValue], event);
|
139
|
+
}, [isNumber.isNumber, setFirstValue, secondValue]);
|
140
|
+
var onFirstTextfieldBlur = React.useCallback(function (event) {
|
141
|
+
if (!isNumber.isNumber(event.target.value)) {
|
142
|
+
return;
|
143
|
+
}
|
144
|
+
var handleValue = Number(event.target.value);
|
145
|
+
setFirstValue(handleValue);
|
146
|
+
onBlurTextField && onBlurTextField([handleValue, secondValue], event);
|
147
|
+
}, [isNumber.isNumber, setSecondValue, onBlurTextField, secondValue]);
|
148
|
+
var onSecondHandleChange = React.useCallback(function (handleValue, data) {
|
149
|
+
if (!(firstHandleRef !== null && firstHandleRef !== void 0 && firstHandleRef.current)) {
|
150
|
+
return;
|
151
|
+
}
|
152
|
+
var firstXHandleXPosition = getXCenterHandle(firstHandleRef.current);
|
153
|
+
var newHandleXPosition = data.x;
|
154
|
+
var fillWidth = newHandleXPosition - firstXHandleXPosition;
|
155
|
+
secondHandleValue.current = handleValue;
|
156
|
+
setSecondValue(handleValue);
|
157
|
+
setState(function (prevState) {
|
158
|
+
return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, prevState), {}, {
|
159
|
+
firstHandleZIndex: 100,
|
160
|
+
secondHandleZIndex: 101,
|
161
|
+
railFillWidth: fillWidth < 0 ? 0 : fillWidth,
|
162
|
+
railFillXPosition: firstXHandleXPosition
|
163
|
+
});
|
164
|
+
});
|
165
|
+
if (onChange) {
|
166
|
+
onChange([value[0], handleValue]);
|
167
|
+
}
|
168
|
+
}, [onChange, value]);
|
169
|
+
var onSecondHandleChangeCommitted = React.useCallback(function (handleValue, data) {
|
170
|
+
onChangeCommitted && onChangeCommitted([value[0], handleValue]);
|
171
|
+
setSecondValue(handleValue);
|
172
|
+
setState(function (prevState) {
|
173
|
+
return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, prevState), {}, {
|
174
|
+
secondValue: handleValue,
|
175
|
+
xSecondHandle: data.lastX
|
176
|
+
});
|
177
|
+
});
|
178
|
+
}, [onChangeCommitted, value]);
|
179
|
+
var onSecondTextfieldChange = React.useCallback(function (event) {
|
180
|
+
if (!isNumber.isNumber(event.target.value)) {
|
181
|
+
return;
|
182
|
+
}
|
183
|
+
var handleValue = Number(event.target.value);
|
184
|
+
setSecondValue(handleValue);
|
185
|
+
onChangeTextField && onChangeTextField([firstValue, handleValue], event);
|
186
|
+
}, [isNumber.isNumber, setSecondValue, onChangeTextField, firstValue]);
|
187
|
+
var onSecondTextfieldBlur = React.useCallback(function (event) {
|
188
|
+
if (!isNumber.isNumber(event.target.value)) {
|
189
|
+
return;
|
190
|
+
}
|
191
|
+
var handleValue = Number(event.target.value);
|
192
|
+
setSecondValue(handleValue);
|
193
|
+
onBlurTextField && onBlurTextField([firstValue, handleValue], event);
|
194
|
+
}, [isNumber.isNumber, setSecondValue, onBlurTextField, firstValue]);
|
195
|
+
var onTextfieldKeyDown = React.useCallback(function (event) {
|
196
|
+
onKeyDownTextField && onKeyDownTextField([firstValue, secondValue], event);
|
197
|
+
}, [[isNumber.isNumber, setSecondValue, onKeyDownTextField], firstValue, secondValue]);
|
198
|
+
var _ref2 = ariaLabel || [],
|
199
|
+
_ref3 = _rollupPluginBabelHelpers.slicedToArray(_ref2, 2),
|
200
|
+
ariaLabelLeft = _ref3[0],
|
201
|
+
ariaLabelRight = _ref3[1];
|
202
|
+
var currentFirstSliderValue = Math.max(state.firstValue, min);
|
203
|
+
return /*#__PURE__*/React.createElement(Double_styles.DoubleWrapper, null, hasLabelContent && /*#__PURE__*/React.createElement(Double_styles.LabelWrapper, null, labelContentLeft && /*#__PURE__*/React.createElement(Double_styles.LabelContentLeft, null, labelContentLeft), label && /*#__PURE__*/React.createElement(Double_styles.Label, null, label)), /*#__PURE__*/React.createElement(Double_styles.SliderWrapper, null, /*#__PURE__*/React.createElement(SliderBase.SliderBase, _rollupPluginBabelHelpers.extends({
|
204
|
+
min: min,
|
205
|
+
max: max,
|
206
|
+
disabled: disabled,
|
207
|
+
setStepSize: setStepSize,
|
208
|
+
railFillWidth: state.railFillWidth,
|
209
|
+
settings: index.sizeData[size],
|
210
|
+
railFillXPosition: state.railFillXPosition
|
211
|
+
}, rest), /*#__PURE__*/React.createElement(Handle.Handle, {
|
212
|
+
ref: firstHandleRef,
|
213
|
+
stepSize: state.stepSize,
|
214
|
+
multipleStepSize: multipleStepSize,
|
215
|
+
onChangeCommitted: onFirstHandleChangeCommitted,
|
216
|
+
onChange: onFirstHandleChange,
|
217
|
+
min: min,
|
218
|
+
max: state.secondValue,
|
219
|
+
disabled: disabled,
|
220
|
+
bounds: [min, state.secondValue],
|
221
|
+
side: "left",
|
222
|
+
xPosition: state.xFirstHandle,
|
223
|
+
zIndex: state.firstHandleZIndex,
|
224
|
+
value: currentFirstSliderValue,
|
225
|
+
ariaLabel: ariaLabelLeft,
|
226
|
+
onMouseEnter: function onMouseEnter() {
|
227
|
+
return setFirstInputActive(true);
|
228
|
+
},
|
229
|
+
onMouseLeave: function onMouseLeave() {
|
230
|
+
return setFirstInputActive(false);
|
231
|
+
}
|
232
|
+
}), /*#__PURE__*/React.createElement(Handle.Handle, {
|
233
|
+
ref: secondHandleRef,
|
234
|
+
stepSize: state.stepSize,
|
235
|
+
multipleStepSize: multipleStepSize,
|
236
|
+
onChangeCommitted: onSecondHandleChangeCommitted,
|
237
|
+
onChange: onSecondHandleChange,
|
238
|
+
min: min,
|
239
|
+
ariaValueMin: currentFirstSliderValue,
|
240
|
+
max: max,
|
241
|
+
disabled: disabled,
|
242
|
+
bounds: [state.firstValue, max],
|
243
|
+
side: "right",
|
244
|
+
xPosition: state.xSecondHandle,
|
245
|
+
zIndex: state.secondHandleZIndex,
|
246
|
+
value: Math.max(state.secondValue, min),
|
247
|
+
ariaLabel: ariaLabelRight,
|
248
|
+
onMouseEnter: function onMouseEnter() {
|
249
|
+
return setSecondInputActive(true);
|
250
|
+
},
|
251
|
+
onMouseLeave: function onMouseLeave() {
|
252
|
+
return setSecondInputActive(false);
|
253
|
+
}
|
254
|
+
})), /*#__PURE__*/React.createElement(Double_styles.InputsWrapper, null, /*#__PURE__*/React.createElement(Double_styles.StyledInput, {
|
255
|
+
className: index$1.cx(Slider_tokens.classes.firstTextField, firstInputActiveClass),
|
256
|
+
enumerationType: "plain",
|
257
|
+
disabled: disabled,
|
258
|
+
value: firstValue,
|
259
|
+
onChange: onFirstTextfieldChange,
|
260
|
+
onBlur: onFirstTextfieldBlur,
|
261
|
+
onKeyDown: onTextfieldKeyDown
|
262
|
+
}), /*#__PURE__*/React.createElement(Double_styles.StyledInput, {
|
263
|
+
className: index$1.cx(Slider_tokens.classes.secondTextField, secondInputActiveClass),
|
264
|
+
enumerationType: "plain",
|
265
|
+
disabled: disabled,
|
266
|
+
value: secondValue,
|
267
|
+
onChange: onSecondTextfieldChange,
|
268
|
+
onBlur: onSecondTextfieldBlur,
|
269
|
+
onKeyDown: onTextfieldKeyDown
|
270
|
+
}))));
|
271
|
+
};
|
272
|
+
|
273
|
+
exports.DoubleSlider = DoubleSlider;
|
274
|
+
//# sourceMappingURL=Double.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Double.js","sources":["../../../../../src/components/Slider/components/Double/Double.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useRef, useState } from 'react';\nimport type { FC, ChangeEvent, KeyboardEvent, FocusEvent } from 'react';\n\nimport { SliderBase } from '../SliderBase/SliderBase';\nimport { Handle } from '../../ui';\nimport type { HandleProps } from '../../ui';\nimport { sizeData } from '../../utils';\nimport { cx, isNumber } from '../../../../utils';\nimport { classes } from '../../Slider.tokens';\n\nimport { DoubleSliderProps } from './Double.types';\nimport {\n SliderWrapper,\n InputsWrapper,\n Label,\n LabelContentLeft,\n LabelWrapper,\n StyledInput,\n DoubleWrapper,\n} from './Double.styles';\n\nfunction getXCenterHandle(handle: HTMLDivElement) {\n const containerX = handle.parentElement?.getBoundingClientRect()?.x || 0;\n const handleRect = handle.getBoundingClientRect();\n const handlePosition = handleRect.x;\n return handlePosition - containerX;\n}\n\nexport const DoubleSlider: FC<DoubleSliderProps> = ({\n min,\n max,\n value,\n disabled,\n label,\n labelContentLeft,\n size = 'm',\n onChangeCommitted,\n onChangeTextField,\n onBlurTextField,\n onKeyDownTextField,\n onChange,\n ariaLabel,\n multipleStepSize = 10,\n ...rest\n}) => {\n const [state, setState] = useState({\n stepSize: 0,\n railFillWidth: 0,\n railFillXPosition: 0,\n xFirstHandle: 0,\n xSecondHandle: 0,\n firstHandleZIndex: 100,\n secondHandleZIndex: 101,\n firstValue: value[0],\n secondValue: value[1],\n });\n const [firstInputActive, setFirstInputActive] = useState(false);\n const [secondInputActive, setSecondInputActive] = useState(false);\n\n const firstHandleRef = useRef<HTMLDivElement | null>(null);\n const secondHandleRef = useRef<HTMLDivElement | null>(null);\n\n const firstHandleValue = useRef<number>(value[0]);\n const secondHandleValue = useRef<number>(value[1]);\n\n const [firstValue, setFirstValue] = useState<number>(value[0]);\n const [secondValue, setSecondValue] = useState<number>(value[1]);\n\n const { stepSize } = state;\n\n const hasLabelContent = label || labelContentLeft;\n const firstInputActiveClass = firstInputActive && !disabled ? classes.textFieldActive : undefined;\n const secondInputActiveClass = secondInputActive && !disabled ? classes.textFieldActive : undefined;\n\n useEffect(() => {\n const firstLocalValue = Math.min(Math.max(value[0], min), max) - min;\n const secondLocalValue = Math.min(Math.max(value[1], min), max) - min;\n\n setFirstValue(value[0]);\n setSecondValue(value[1]);\n\n setState((prevState) => ({\n ...prevState,\n railFillXPosition: stepSize * firstLocalValue,\n railFillWidth: stepSize * secondLocalValue - stepSize * firstLocalValue,\n xFirstHandle: stepSize * firstLocalValue,\n xSecondHandle: stepSize * secondLocalValue,\n }));\n }, [value, stepSize, min, max, setFirstValue, setSecondValue]);\n\n const setStepSize = useCallback(\n (newStepSize: number) => {\n setState((prevState) => ({\n ...prevState,\n stepSize: newStepSize,\n }));\n },\n [setState],\n );\n\n const onFirstHandleChange = useCallback<NonNullable<HandleProps['onChange']>>(\n (handleValue, data) => {\n if (!secondHandleRef?.current) {\n return;\n }\n const newHandleXPosition = data.x;\n const secondHandleXPosition = getXCenterHandle(secondHandleRef.current);\n const fillWidth = secondHandleXPosition - newHandleXPosition;\n\n firstHandleValue.current = handleValue;\n\n setFirstValue(handleValue);\n\n setState((prevState) => ({\n ...prevState,\n firstHandleZIndex: 101,\n secondHandleZIndex: 100,\n railFillWidth: fillWidth < 0 ? 0 : fillWidth,\n railFillXPosition: newHandleXPosition,\n }));\n if (onChange) {\n onChange([handleValue, value[1]]);\n }\n },\n [onChange, value],\n );\n\n const onFirstHandleChangeCommitted = useCallback<NonNullable<HandleProps['onChangeCommitted']>>(\n (handleValue, data) => {\n setFirstValue(handleValue);\n onChangeCommitted && onChangeCommitted([handleValue, value[1]]);\n\n setState((prevState) => ({\n ...prevState,\n firstValue: handleValue,\n xFirstHandle: data.lastX,\n }));\n },\n [onChangeCommitted, value],\n );\n\n const onFirstTextfieldChange = useCallback(\n (event: ChangeEvent<HTMLInputElement>) => {\n if (!isNumber(event.target.value)) {\n return;\n }\n\n const handleValue = Number(event.target.value);\n\n setFirstValue(handleValue);\n onChangeTextField && onChangeTextField([handleValue, secondValue], event);\n },\n [isNumber, setFirstValue, secondValue],\n );\n\n const onFirstTextfieldBlur = useCallback(\n (event: FocusEvent<HTMLInputElement>) => {\n if (!isNumber(event.target.value)) {\n return;\n }\n\n const handleValue = Number(event.target.value);\n\n setFirstValue(handleValue);\n onBlurTextField && onBlurTextField([handleValue, secondValue], event);\n },\n [isNumber, setSecondValue, onBlurTextField, secondValue],\n );\n\n const onSecondHandleChange = useCallback<NonNullable<HandleProps['onChange']>>(\n (handleValue, data) => {\n if (!firstHandleRef?.current) {\n return;\n }\n const firstXHandleXPosition = getXCenterHandle(firstHandleRef.current);\n\n const newHandleXPosition = data.x;\n const fillWidth = newHandleXPosition - firstXHandleXPosition;\n\n secondHandleValue.current = handleValue;\n\n setSecondValue(handleValue);\n setState((prevState) => ({\n ...prevState,\n firstHandleZIndex: 100,\n secondHandleZIndex: 101,\n railFillWidth: fillWidth < 0 ? 0 : fillWidth,\n railFillXPosition: firstXHandleXPosition,\n }));\n if (onChange) {\n onChange([value[0], handleValue]);\n }\n },\n [onChange, value],\n );\n\n const onSecondHandleChangeCommitted = useCallback<NonNullable<HandleProps['onChangeCommitted']>>(\n (handleValue, data) => {\n onChangeCommitted && onChangeCommitted([value[0], handleValue]);\n setSecondValue(handleValue);\n setState((prevState) => ({\n ...prevState,\n secondValue: handleValue,\n xSecondHandle: data.lastX,\n }));\n },\n [onChangeCommitted, value],\n );\n\n const onSecondTextfieldChange = useCallback(\n (event: ChangeEvent<HTMLInputElement>) => {\n if (!isNumber(event.target.value)) {\n return;\n }\n const handleValue = Number(event.target.value);\n\n setSecondValue(handleValue);\n onChangeTextField && onChangeTextField([firstValue, handleValue], event);\n },\n [isNumber, setSecondValue, onChangeTextField, firstValue],\n );\n\n const onSecondTextfieldBlur = useCallback(\n (event: FocusEvent<HTMLInputElement>) => {\n if (!isNumber(event.target.value)) {\n return;\n }\n\n const handleValue = Number(event.target.value);\n\n setSecondValue(handleValue);\n onBlurTextField && onBlurTextField([firstValue, handleValue], event);\n },\n [isNumber, setSecondValue, onBlurTextField, firstValue],\n );\n\n const onTextfieldKeyDown = useCallback(\n (event: ChangeEvent<HTMLInputElement> & KeyboardEvent<HTMLInputElement>) => {\n onKeyDownTextField && onKeyDownTextField([firstValue, secondValue], event);\n },\n [[isNumber, setSecondValue, onKeyDownTextField], firstValue, secondValue],\n );\n\n const [ariaLabelLeft, ariaLabelRight] = ariaLabel || [];\n const currentFirstSliderValue = Math.max(state.firstValue, min);\n\n return (\n <DoubleWrapper>\n {hasLabelContent && (\n <LabelWrapper>\n {labelContentLeft && <LabelContentLeft>{labelContentLeft}</LabelContentLeft>}\n {label && <Label>{label}</Label>}\n </LabelWrapper>\n )}\n <SliderWrapper>\n <SliderBase\n min={min}\n max={max}\n disabled={disabled}\n setStepSize={setStepSize}\n railFillWidth={state.railFillWidth}\n settings={sizeData[size]}\n railFillXPosition={state.railFillXPosition}\n {...rest}\n >\n <Handle\n ref={firstHandleRef}\n stepSize={state.stepSize}\n multipleStepSize={multipleStepSize}\n onChangeCommitted={onFirstHandleChangeCommitted}\n onChange={onFirstHandleChange}\n min={min}\n max={state.secondValue}\n disabled={disabled}\n bounds={[min, state.secondValue]}\n side=\"left\"\n xPosition={state.xFirstHandle}\n zIndex={state.firstHandleZIndex}\n value={currentFirstSliderValue}\n ariaLabel={ariaLabelLeft}\n onMouseEnter={() => setFirstInputActive(true)}\n onMouseLeave={() => setFirstInputActive(false)}\n />\n <Handle\n ref={secondHandleRef}\n stepSize={state.stepSize}\n multipleStepSize={multipleStepSize}\n onChangeCommitted={onSecondHandleChangeCommitted}\n onChange={onSecondHandleChange}\n min={min}\n ariaValueMin={currentFirstSliderValue}\n max={max}\n disabled={disabled}\n bounds={[state.firstValue, max]}\n side=\"right\"\n xPosition={state.xSecondHandle}\n zIndex={state.secondHandleZIndex}\n value={Math.max(state.secondValue, min)}\n ariaLabel={ariaLabelRight}\n onMouseEnter={() => setSecondInputActive(true)}\n onMouseLeave={() => setSecondInputActive(false)}\n />\n </SliderBase>\n\n <InputsWrapper>\n <StyledInput\n className={cx(classes.firstTextField, firstInputActiveClass)}\n enumerationType=\"plain\"\n disabled={disabled}\n value={firstValue}\n onChange={onFirstTextfieldChange}\n onBlur={onFirstTextfieldBlur}\n onKeyDown={onTextfieldKeyDown}\n />\n <StyledInput\n className={cx(classes.secondTextField, secondInputActiveClass)}\n enumerationType=\"plain\"\n disabled={disabled}\n value={secondValue}\n onChange={onSecondTextfieldChange}\n onBlur={onSecondTextfieldBlur}\n onKeyDown={onTextfieldKeyDown}\n />\n </InputsWrapper>\n </SliderWrapper>\n </DoubleWrapper>\n );\n};\n"],"names":["getXCenterHandle","handle","_handle$parentElement","containerX","parentElement","getBoundingClientRect","x","handleRect","handlePosition","DoubleSlider","_ref","min","max","value","disabled","label","labelContentLeft","_ref$size","size","onChangeCommitted","onChangeTextField","onBlurTextField","onKeyDownTextField","onChange","ariaLabel","_ref$multipleStepSize","multipleStepSize","rest","_objectWithoutProperties","_excluded","_useState","useState","stepSize","railFillWidth","railFillXPosition","xFirstHandle","xSecondHandle","firstHandleZIndex","secondHandleZIndex","firstValue","secondValue","_useState2","_slicedToArray","state","setState","_useState3","_useState4","firstInputActive","setFirstInputActive","_useState5","_useState6","secondInputActive","setSecondInputActive","firstHandleRef","useRef","secondHandleRef","firstHandleValue","secondHandleValue","_useState7","_useState8","setFirstValue","_useState9","_useState10","setSecondValue","hasLabelContent","firstInputActiveClass","classes","textFieldActive","undefined","secondInputActiveClass","useEffect","firstLocalValue","Math","secondLocalValue","prevState","_objectSpread","setStepSize","useCallback","newStepSize","onFirstHandleChange","handleValue","data","current","newHandleXPosition","secondHandleXPosition","fillWidth","onFirstHandleChangeCommitted","lastX","onFirstTextfieldChange","event","isNumber","target","Number","onFirstTextfieldBlur","onSecondHandleChange","firstXHandleXPosition","onSecondHandleChangeCommitted","onSecondTextfieldChange","onSecondTextfieldBlur","onTextfieldKeyDown","_ref2","_ref3","ariaLabelLeft","ariaLabelRight","currentFirstSliderValue","React","createElement","DoubleWrapper","LabelWrapper","LabelContentLeft","Label","SliderWrapper","SliderBase","_extends","settings","sizeData","Handle","ref","bounds","side","xPosition","zIndex","onMouseEnter","onMouseLeave","ariaValueMin","InputsWrapper","StyledInput","className","cx","firstTextField","enumerationType","onBlur","onKeyDown","secondTextField"],"mappings":"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"}
|
@@ -0,0 +1,61 @@
|
|
1
|
+
import './Double.styles_1jhda4u.css';
|
2
|
+
'use strict';
|
3
|
+
|
4
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
5
|
+
|
6
|
+
var react = require('@linaria/react');
|
7
|
+
require('@linaria/core');
|
8
|
+
var common = require('../../../../engines/common.js');
|
9
|
+
var TextField$1 = require('../../../TextField/TextField.js');
|
10
|
+
|
11
|
+
var mergedConfig = /*#__PURE__*/common.mergeConfig(TextField$1.textFieldConfig);
|
12
|
+
var TextField = /*#__PURE__*/common.component(mergedConfig);
|
13
|
+
var LabelWrapper = /*#__PURE__*/react.styled('div')({
|
14
|
+
name: "LabelWrapper",
|
15
|
+
"class": "lcs82cd",
|
16
|
+
propsAsIs: false
|
17
|
+
});
|
18
|
+
var LabelContentLeft = /*#__PURE__*/react.styled('div')({
|
19
|
+
name: "LabelContentLeft",
|
20
|
+
"class": "l1tvgbgq",
|
21
|
+
propsAsIs: false
|
22
|
+
});
|
23
|
+
var Label = /*#__PURE__*/react.styled('label')({
|
24
|
+
name: "Label",
|
25
|
+
"class": "l1at2q9b",
|
26
|
+
propsAsIs: false
|
27
|
+
});
|
28
|
+
var InputsWrapper = /*#__PURE__*/react.styled('div')({
|
29
|
+
name: "InputsWrapper",
|
30
|
+
"class": "i11dc2og",
|
31
|
+
propsAsIs: false
|
32
|
+
});
|
33
|
+
|
34
|
+
// NOTE: переопределение токенов TextField
|
35
|
+
var _exp12 = function _exp12() {
|
36
|
+
return TextField;
|
37
|
+
};
|
38
|
+
var StyledInput = /*#__PURE__*/react.styled(_exp12())({
|
39
|
+
name: "StyledInput",
|
40
|
+
"class": "s4zvp7i",
|
41
|
+
propsAsIs: true
|
42
|
+
});
|
43
|
+
var DoubleWrapper = /*#__PURE__*/react.styled('div')({
|
44
|
+
name: "DoubleWrapper",
|
45
|
+
"class": "d3kvcjo",
|
46
|
+
propsAsIs: false
|
47
|
+
});
|
48
|
+
var SliderWrapper = /*#__PURE__*/react.styled('div')({
|
49
|
+
name: "SliderWrapper",
|
50
|
+
"class": "s11ntvbh",
|
51
|
+
propsAsIs: false
|
52
|
+
});
|
53
|
+
|
54
|
+
exports.DoubleWrapper = DoubleWrapper;
|
55
|
+
exports.InputsWrapper = InputsWrapper;
|
56
|
+
exports.Label = Label;
|
57
|
+
exports.LabelContentLeft = LabelContentLeft;
|
58
|
+
exports.LabelWrapper = LabelWrapper;
|
59
|
+
exports.SliderWrapper = SliderWrapper;
|
60
|
+
exports.StyledInput = StyledInput;
|
61
|
+
//# sourceMappingURL=Double.styles.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Double.styles.js","sources":["../../../../../src/components/Slider/components/Double/Double.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Slider.tokens';\nimport { component, mergeConfig } from '../../../../engines';\nimport { textFieldConfig, textFieldTokens } from '../../../TextField';\n\nconst mergedConfig = mergeConfig(textFieldConfig);\nconst TextField = component(mergedConfig);\n\nexport const LabelWrapper = styled.div`\n color: var(${tokens.labelColor});\n\n display: flex;\n gap: var(${tokens.labelWrapperGap});\n margin-bottom: var(${tokens.labelWrapperMarginBottom});\n`;\n\nexport const LabelContentLeft = styled.div``;\n\nexport const Label = styled.label`\n font-family: var(${tokens.labelFontFamily});\n font-size: var(${tokens.labelFontSize});\n font-style: var(${tokens.labelFontStyle});\n font-weight: var(${tokens.labelFontWeight});\n letter-spacing: var(${tokens.labelLetterSpacing});\n line-height: var(${tokens.labelLineHeight});\n`;\n\nexport const InputsWrapper = styled.div`\n display: flex;\n gap: var(${tokens.textFieldWrapperGap});\n margin-top: var(${tokens.doubleWrapperGap});\n`;\n\n// NOTE: переопределение токенов TextField\nexport const StyledInput = styled(TextField)`\n flex: 1;\n \n ${textFieldTokens.color}: var(${tokens.textFieldColor});\n ${textFieldTokens.backgroundColor}: var(${tokens.textFieldBackgroundColor});\n ${textFieldTokens.caretColor}: var(${tokens.textFieldCaretColor});\n ${textFieldTokens.placeholderColor}: var(${tokens.textFieldPlaceholderColor});\n ${textFieldTokens.disabledOpacity}: var(${tokens.disabledOpacity});\n\n ${textFieldTokens.height}: var(${tokens.textFieldHeight});\n ${textFieldTokens.padding}: var(${tokens.textFieldPadding});\n ${textFieldTokens.borderRadius}: var(${tokens.textFieldBorderRadius});\n\n ${textFieldTokens.fontFamily}: var(${tokens.textFieldFontFamily});\n ${textFieldTokens.fontSize}: var(${tokens.textFieldFontSize});\n ${textFieldTokens.fontStyle}: var(${tokens.textFieldFontStyle});\n ${textFieldTokens.fontWeight}: var(${tokens.textFieldFontWeight});\n ${textFieldTokens.letterSpacing}: var(${tokens.textFieldLetterSpacing});\n ${textFieldTokens.lineHeight}: var(${tokens.textFieldLineHeight});\n\n &.${classes.firstTextField} > div {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n &.${classes.secondTextField} > div {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n \n input:focus, &.${classes.textFieldActive} {\n ${textFieldTokens.color}: var(${tokens.textFiledFocusColor});\n }\n`;\n\nexport const DoubleWrapper = styled.div`\n opacity: var(${tokens.disabledOpacity});\n`;\n\nexport const SliderWrapper = styled.div``;\n"],"names":["mergedConfig","mergeConfig","textFieldConfig","TextField","component","LabelWrapper","styled","name","class","propsAsIs","LabelContentLeft","Label","InputsWrapper","_exp12","StyledInput","DoubleWrapper","SliderWrapper"],"mappings":";;;;;;;;;AAMA,IAAMA,YAAY,gBAAGC,kBAAW,CAACC,2BAAe,CAAC,CAAA;AACjD,IAAMC,SAAS,gBAAGC,gBAAS,CAACJ,YAAY,CAAC,CAAA;AAElC,IAAMK,YAAY,gBAAGC,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAMjC,EAAA;AAEM,IAAMC,gBAAgB,gBAAGJ,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAErC,IAAME,KAAK,gBAAGL,YAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAO1B,EAAA;AAEM,IAAMG,aAAa,gBAAGN,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAIlC,EAAA;;AAED;AAAA,IAAAI,MAAA,GAjCkBA,SAiClBA,MAAAA,GAAA;AAAA,EAAA,OACkCV,SAAS,CAAA;AAAA,CAAA,CAAA;AAApC,IAAMW,WAAW,gBAAGR,YAAM,CAAAO,MAAA,EAAA,CAAA,CAAA;AAAAN,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAiChC,EAAA;AAEM,IAAMM,aAAa,gBAAGT,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAElC,EAAA;AAEM,IAAMO,aAAa,gBAAGV,YAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM;;;;;;;;;;"}
|
@@ -0,0 +1,7 @@
|
|
1
|
+
.lcs82cd{color:var(--plasma-slider-label-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-slider-label-wrapper-gap);margin-bottom:var(--plasma-slider-label-wrapper-margin-bottom);}
|
2
|
+
|
3
|
+
.l1at2q9b{font-family:var(--plasma-slider-label-font-family);font-size:var(--plasma-slider-label-font-size);font-style:var(--plasma-slider-label-font-style);font-weight:var(--plasma-slider-label-font-weight);-webkit-letter-spacing:var(--plasma-slider-label-letter-spacing);-moz-letter-spacing:var(--plasma-slider-label-letter-spacing);-ms-letter-spacing:var(--plasma-slider-label-letter-spacing);letter-spacing:var(--plasma-slider-label-letter-spacing);line-height:var(--plasma-slider-label-line-height);}
|
4
|
+
.i11dc2og{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-slider-text-field-wrapper-gap);margin-top:var(--plasma-slider-double-wrapper-gap);}
|
5
|
+
.s4zvp7i{-webkit-flex:1;-ms-flex:1;flex:1;--plasma-textfield-color:var(--plasma-slider-text-field-color);--plasma-textfield-bg-color:var(--plasma-slider-text-field-background-color);--plasma-textfield__caret-color:var(--plasma-slider-text-field-caret-color);--plasma-textfield__placeholder-color:var(--plasma-slider-text-field-placeholder-color);--plasma-textfield-disabled-opacity:var(--plasma-slider-disabled-opacity);--plasma-textfield-height:var(--plasma-slider-text-field-height);--plasma-textfield-padding:var(--plasma-slider-text-field-padding);--plasma-textfield-border-radius:var(--plasma-slider-text-field-border-radius);--plasma-textfield-font-family:var(--plasma-slider-text-field-font-family);--plasma-textfield-font-size:var(--plasma-slider-text-field-font-size);--plasma-textfield-font-style:var(--plasma-slider-text-field-font-style);--plasma-textfield-font-weight:var(--plasma-slider-text-field-font-weight);--plasma-textfield-letter-spacing:var(--plasma-slider-text-field-letter-spacing);--plasma-textfield-line-height:var(--plasma-slider-text-field-line-height);}.s4zvp7i.slider-first-text-field > div{border-top-right-radius:0;border-bottom-right-radius:0;}.s4zvp7i.slider-second-text-field > div{border-top-left-radius:0;border-bottom-left-radius:0;}.s4zvp7i input:focus,.s4zvp7i.slider-text-field-active{--plasma-textfield-color:var(--plasma-slider-text-field-focus-color);}
|
6
|
+
.d3kvcjo{opacity:var(--plasma-slider-disabled-opacity);}
|
7
|
+
|
@@ -0,0 +1,16 @@
|
|
1
|
+
.SliderBase_styles_7is2ll_s33crq1__0c0959e2{-webkit-flex:1;-ms-flex:1;flex:1;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;height:var(--plasma-slider-height);}
|
2
|
+
.SliderBase_styles_7is2ll_rnaoqfb__0c0959e2{height:100%;}
|
3
|
+
.SliderBase_styles_7is2ll_r1bro5xo__0c0959e2{position:relative;top:50%;height:var(--plasma-slider-rail-height);border-radius:var(--plasma-slider-rail-border-radius);background-color:var(--plasma-slider-rail-background-color);overflow:hidden;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
|
4
|
+
.SliderBase_styles_7is2ll_fdg7yhg__0c0959e2{position:absolute;height:100%;top:0;left:0;background:var(--plasma-slider-fill-color);width:0;}
|
5
|
+
|
6
|
+
.Handle_styles_9m0x33_hhwq33d__55de7a4e{cursor:pointer;position:absolute;z-index:1;top:0;left:0;}
|
7
|
+
.Handle_styles_9m0x33_shurctf__55de7a4e{position:absolute;z-index:1;top:var(--plasma-slider-current-value-top-offset);text-align:center;width:100%;margin-left:-0.125rem;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;font-family:var(--plasma-slider-current-value-font-family);font-size:var(--plasma-slider-current-value-font-size);font-style:var(--plasma-slider-current-value-font-style);font-weight:var(--plasma-slider-current-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-current-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-current-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-current-value-letter-spacing);letter-spacing:var(--plasma-slider-current-value-letter-spacing);line-height:var(--plasma-slider-current-value-line-height);}
|
8
|
+
|
9
|
+
.Thumb_styles_4w4gzn_tqbdf8b__14129a5b{width:var(--plasma-slider-thumb-size);height:var(--plasma-slider-thumb-size);position:relative;left:-0.125rem;top:-0.125rem;border-radius:50%;box-sizing:border-box;background:var(--plasma-slider-thumb-background-color);margin:0.125rem;-webkit-transition:border-color 0.1s ease-in-out;transition:border-color 0.1s ease-in-out;position:relative;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:after{background:var(--plasma-slider-thumb-border-color);margin:-0.125rem;content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:not([disabled]):hover:after,.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:not([disabled]):active:after{background:var(--plasma-slider-thumb-focus-border-color);}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b[disabled]{cursor:not-allowed;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b:focus{outline:none;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b::before{content:'';position:absolute;top:0.125rem;left:0.125rem;right:0.125rem;bottom:0.125rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Thumb_styles_4w4gzn_tqbdf8b__14129a5b.Thumb_styles_4w4gzn_focusVisible__14129a5b:focus::before,.Thumb_styles_4w4gzn_tqbdf8b__14129a5b[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-slider-thumb-focus-border-color);}
|
10
|
+
|
11
|
+
.Single_styles_1r9f1e0_l1p4kc08__4db690dd{color:var(--plasma-slider-label-color);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-slider-label-wrapper-gap);}
|
12
|
+
|
13
|
+
.Single_styles_1r9f1e0_lozb535__4db690dd{font-family:var(--plasma-slider-label-font-family);font-size:var(--plasma-slider-label-font-size);font-style:var(--plasma-slider-label-font-style);font-weight:var(--plasma-slider-label-font-weight);-webkit-letter-spacing:var(--plasma-slider-label-letter-spacing);-moz-letter-spacing:var(--plasma-slider-label-letter-spacing);-ms-letter-spacing:var(--plasma-slider-label-letter-spacing);letter-spacing:var(--plasma-slider-label-letter-spacing);line-height:var(--plasma-slider-label-line-height);}
|
14
|
+
.Single_styles_1r9f1e0_s1w9icbd__4db690dd{color:var(--plasma-slider-range-value-color);font-family:var(--plasma-slider-range-value-font-family);font-size:var(--plasma-slider-range-value-font-size);font-style:var(--plasma-slider-range-value-font-style);font-weight:var(--plasma-slider-range-value-font-weight);-webkit-letter-spacing:var(--plasma-slider-range-value-letter-spacing);-moz-letter-spacing:var(--plasma-slider-range-value-letter-spacing);-ms-letter-spacing:var(--plasma-slider-range-value-letter-spacing);letter-spacing:var(--plasma-slider-range-value-letter-spacing);line-height:var(--plasma-slider-range-value-line-height);-webkit-transition:opacity 0.1s ease-in-out;transition:opacity 0.1s ease-in-out;}.Single_styles_1r9f1e0_s1w9icbd__4db690dd.Single_styles_1r9f1e0_sliderHideMinValue__4db690dd,.Single_styles_1r9f1e0_s1w9icbd__4db690dd.Single_styles_1r9f1e0_sliderHideMaxValue__4db690dd{opacity:0;}.Single_styles_1r9f1e0_s1w9icbd__4db690dd.Single_styles_1r9f1e0_sliderActiveRangeValue__4db690dd{color:var(--plasma-slider-label-color);}
|
15
|
+
.Single_styles_1r9f1e0_s1d2sfgl__4db690dd{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex:1;-ms-flex:1;flex:1;}.Single_styles_1r9f1e0_s1d2sfgl__4db690dd.Single_styles_1r9f1e0_sliderRangeValuesPlacementOuter__4db690dd .Single_styles_1r9f1e0_s1w9icbd__4db690dd{position:absolute;bottom:var(--plasma-slider-range-value-bottom-offset);left:0;}.Single_styles_1r9f1e0_s1d2sfgl__4db690dd.Single_styles_1r9f1e0_sliderRangeValuesPlacementOuter__4db690dd .Single_styles_1r9f1e0_s1w9icbd__4db690dd.Single_styles_1r9f1e0_sliderMaxRangeValue__4db690dd{left:unset;right:0;}.Single_styles_1r9f1e0_s1d2sfgl__4db690dd.Single_styles_1r9f1e0_sliderRangeValuesPlacementInner__4db690dd{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.Single_styles_1r9f1e0_s1d2sfgl__4db690dd.Single_styles_1r9f1e0_sliderRangeValuesPlacementInner__4db690dd .Single_styles_1r9f1e0_s1w9icbd__4db690dd{margin-right:var(--plasma-slider-range-min-value-margin);}.Single_styles_1r9f1e0_s1d2sfgl__4db690dd.Single_styles_1r9f1e0_sliderRangeValuesPlacementInner__4db690dd .Single_styles_1r9f1e0_s1w9icbd__4db690dd.Single_styles_1r9f1e0_sliderMaxRangeValue__4db690dd{margin-right:0;margin-left:var(--plasma-slider-range-max-value-margin);}
|
16
|
+
.Single_styles_1r9f1e0_ss3ujqx__4db690dd{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;opacity:var(--plasma-slider-disabled-opacity);}.Single_styles_1r9f1e0_ss3ujqx__4db690dd.Single_styles_1r9f1e0_sliderLabelPlacementOuter__4db690dd{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.Single_styles_1r9f1e0_ss3ujqx__4db690dd.Single_styles_1r9f1e0_sliderLabelPlacementOuter__4db690dd .Single_styles_1r9f1e0_l1p4kc08__4db690dd{margin-bottom:var(--plasma-slider-label-wrapper-margin-bottom);}.Single_styles_1r9f1e0_ss3ujqx__4db690dd.Single_styles_1r9f1e0_sliderLabelPlacementInner__4db690dd .Single_styles_1r9f1e0_l1p4kc08__4db690dd{margin-right:var(--plasma-slider-label-wrapper-margin-right);}
|
@@ -0,0 +1,160 @@
|
|
1
|
+
'use strict';
|
2
|
+
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
+
|
5
|
+
var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
|
6
|
+
var React = require('react');
|
7
|
+
var SliderBase = require('../SliderBase/SliderBase.js');
|
8
|
+
var Handle = require('../../ui/Handle/Handle.js');
|
9
|
+
require('@linaria/react');
|
10
|
+
var index$1 = require('../../utils/index.js');
|
11
|
+
var index = require('../../../../utils/index.js');
|
12
|
+
var Slider_tokens = require('../../Slider.tokens.js');
|
13
|
+
var Single_styles = require('./Single.styles.js');
|
14
|
+
var isNumber = require('../../../../utils/isNumber.js');
|
15
|
+
|
16
|
+
var _excluded = ["min", "max", "value", "disabled", "onChangeCommitted", "onChange", "ariaLabel", "label", "labelContentLeft", "showRangeValues", "showCurrentValue", "hideMinValueDiff", "hideMaxValueDiff", "labelPlacement", "rangeValuesPlacement", "multipleStepSize", "size"];
|
17
|
+
var SingleSlider = function SingleSlider(_ref) {
|
18
|
+
var min = _ref.min,
|
19
|
+
max = _ref.max,
|
20
|
+
value = _ref.value,
|
21
|
+
disabled = _ref.disabled,
|
22
|
+
onChangeCommitted = _ref.onChangeCommitted,
|
23
|
+
onChange = _ref.onChange,
|
24
|
+
ariaLabel = _ref.ariaLabel,
|
25
|
+
label = _ref.label,
|
26
|
+
labelContentLeft = _ref.labelContentLeft,
|
27
|
+
showRangeValues = _ref.showRangeValues,
|
28
|
+
showCurrentValue = _ref.showCurrentValue,
|
29
|
+
hideMinValueDiff = _ref.hideMinValueDiff,
|
30
|
+
hideMaxValueDiff = _ref.hideMaxValueDiff,
|
31
|
+
_ref$labelPlacement = _ref.labelPlacement,
|
32
|
+
labelPlacement = _ref$labelPlacement === void 0 ? 'outer' : _ref$labelPlacement,
|
33
|
+
_ref$rangeValuesPlace = _ref.rangeValuesPlacement,
|
34
|
+
rangeValuesPlacement = _ref$rangeValuesPlace === void 0 ? 'outer' : _ref$rangeValuesPlace,
|
35
|
+
_ref$multipleStepSize = _ref.multipleStepSize,
|
36
|
+
multipleStepSize = _ref$multipleStepSize === void 0 ? 10 : _ref$multipleStepSize,
|
37
|
+
_ref$size = _ref.size,
|
38
|
+
size = _ref$size === void 0 ? 'm' : _ref$size,
|
39
|
+
rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
|
40
|
+
var _useState = React.useState({
|
41
|
+
xHandle: 0,
|
42
|
+
stepSize: 0,
|
43
|
+
railFillWidth: 0
|
44
|
+
}),
|
45
|
+
_useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
|
46
|
+
state = _useState2[0],
|
47
|
+
setState = _useState2[1];
|
48
|
+
var stepSize = state.stepSize;
|
49
|
+
var hasLabelContent = label || labelContentLeft;
|
50
|
+
var labelPlacementClass = labelPlacement === 'outer' ? Slider_tokens.classes.labelPlacementOuter : Slider_tokens.classes.labelPlacementInner;
|
51
|
+
var rangeValuesPlacementClass = rangeValuesPlacement === 'outer' ? Slider_tokens.classes.rangeValuesPlacementOuter : Slider_tokens.classes.rangeValuesPlacementInner;
|
52
|
+
var hideMinValueDiffClass = hideMinValueDiff && value - min <= hideMinValueDiff ? Slider_tokens.classes.hideMinValue : '';
|
53
|
+
var hideMaxValueDiffClass = hideMaxValueDiff && max - value <= hideMaxValueDiff ? Slider_tokens.classes.hideMaxValue : '';
|
54
|
+
var startLabelRef = React.useRef(null);
|
55
|
+
var endLabelRef = React.useRef(null);
|
56
|
+
var _useState3 = React.useState(0),
|
57
|
+
_useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
|
58
|
+
startOffset = _useState4[0],
|
59
|
+
setStartOffset = _useState4[1];
|
60
|
+
var _useState5 = React.useState(0),
|
61
|
+
_useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
|
62
|
+
endOffset = _useState6[0],
|
63
|
+
setEndOffset = _useState6[1];
|
64
|
+
var _useState7 = React.useState(value),
|
65
|
+
_useState8 = _rollupPluginBabelHelpers.slicedToArray(_useState7, 2),
|
66
|
+
dragValue = _useState8[0],
|
67
|
+
setDragValue = _useState8[1];
|
68
|
+
var activeFirstValue = dragValue === min ? Slider_tokens.classes.activeRangeValue : undefined;
|
69
|
+
var activeSecondValue = dragValue === max ? Slider_tokens.classes.activeRangeValue : undefined;
|
70
|
+
React.useEffect(function () {
|
71
|
+
var localValue = Math.min(Math.max(value, min), max) - min;
|
72
|
+
if (rangeValuesPlacement === 'outer') {
|
73
|
+
var _startLabelRef$curren, _endLabelRef$current;
|
74
|
+
var startWidth = (_startLabelRef$curren = startLabelRef.current) === null || _startLabelRef$curren === void 0 ? void 0 : _startLabelRef$curren.offsetWidth;
|
75
|
+
if (isNumber.isNumber(startWidth)) {
|
76
|
+
setStartOffset(Number(startWidth));
|
77
|
+
}
|
78
|
+
var endWidth = (_endLabelRef$current = endLabelRef.current) === null || _endLabelRef$current === void 0 ? void 0 : _endLabelRef$current.offsetWidth;
|
79
|
+
if (isNumber.isNumber(endWidth)) {
|
80
|
+
setEndOffset(Number(endWidth));
|
81
|
+
}
|
82
|
+
} else {
|
83
|
+
setStartOffset(1);
|
84
|
+
setEndOffset(1);
|
85
|
+
}
|
86
|
+
setState(function (prevState) {
|
87
|
+
return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, prevState), {}, {
|
88
|
+
xHandle: stepSize * localValue,
|
89
|
+
railFillWidth: stepSize * localValue
|
90
|
+
});
|
91
|
+
});
|
92
|
+
}, [value, labelPlacement, stepSize, rangeValuesPlacement, min, max, setStartOffset, setEndOffset]);
|
93
|
+
var setStepSize = React.useCallback(function (newStepSize) {
|
94
|
+
setState(function (prevState) {
|
95
|
+
return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, prevState), {}, {
|
96
|
+
stepSize: newStepSize
|
97
|
+
});
|
98
|
+
});
|
99
|
+
}, []);
|
100
|
+
var onHandleChange = React.useCallback(function (handleValue, data) {
|
101
|
+
var newHandleXPosition = data.x;
|
102
|
+
setState(function (prevState) {
|
103
|
+
return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, prevState), {}, {
|
104
|
+
railFillWidth: newHandleXPosition
|
105
|
+
});
|
106
|
+
});
|
107
|
+
if (onChange) {
|
108
|
+
onChange(handleValue);
|
109
|
+
}
|
110
|
+
setDragValue(handleValue);
|
111
|
+
}, [onChange, setDragValue]);
|
112
|
+
var onHandleChangeCommitted = React.useCallback(function (handleValue, data) {
|
113
|
+
onChangeCommitted && onChangeCommitted(handleValue);
|
114
|
+
setState(function (prevState) {
|
115
|
+
return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, prevState), {}, {
|
116
|
+
xHandle: data.lastX,
|
117
|
+
railFillWidth: data.lastX
|
118
|
+
});
|
119
|
+
});
|
120
|
+
setDragValue(handleValue);
|
121
|
+
}, [onChangeCommitted, setDragValue]);
|
122
|
+
return /*#__PURE__*/React.createElement(Single_styles.SingleWrapper, {
|
123
|
+
className: labelPlacementClass
|
124
|
+
}, hasLabelContent && /*#__PURE__*/React.createElement(Single_styles.LabelWrapper, null, labelContentLeft && /*#__PURE__*/React.createElement(Single_styles.LabelContentLeft, null, labelContentLeft), label && /*#__PURE__*/React.createElement(Single_styles.Label, null, label)), /*#__PURE__*/React.createElement(Single_styles.SliderBaseWrapper, {
|
125
|
+
className: rangeValuesPlacementClass
|
126
|
+
}, showRangeValues && /*#__PURE__*/React.createElement(Single_styles.StyledRangeValue, {
|
127
|
+
ref: startLabelRef,
|
128
|
+
className: index.cx(hideMinValueDiffClass, activeFirstValue)
|
129
|
+
}, min), /*#__PURE__*/React.createElement(SliderBase.SliderBase, _rollupPluginBabelHelpers.extends({
|
130
|
+
min: min,
|
131
|
+
max: max,
|
132
|
+
disabled: disabled,
|
133
|
+
setStepSize: setStepSize,
|
134
|
+
onChange: onHandleChangeCommitted,
|
135
|
+
railFillWidth: state.railFillWidth,
|
136
|
+
settings: index$1.sizeData[size],
|
137
|
+
labelPlacement: labelPlacement,
|
138
|
+
rangeValuesPlacement: rangeValuesPlacement
|
139
|
+
}, rest), /*#__PURE__*/React.createElement(Handle.Handle, {
|
140
|
+
stepSize: state.stepSize,
|
141
|
+
onChangeCommitted: onHandleChangeCommitted,
|
142
|
+
onChange: onHandleChange,
|
143
|
+
xPosition: state.xHandle,
|
144
|
+
min: min,
|
145
|
+
max: max,
|
146
|
+
startOffset: startOffset,
|
147
|
+
endOffset: endOffset,
|
148
|
+
value: value,
|
149
|
+
disabled: disabled,
|
150
|
+
ariaLabel: ariaLabel,
|
151
|
+
multipleStepSize: multipleStepSize,
|
152
|
+
showCurrentValue: showCurrentValue
|
153
|
+
})), showRangeValues && /*#__PURE__*/React.createElement(Single_styles.StyledRangeValue, {
|
154
|
+
ref: endLabelRef,
|
155
|
+
className: index.cx(Slider_tokens.classes.maxRangeValue, hideMaxValueDiffClass, activeSecondValue)
|
156
|
+
}, max)));
|
157
|
+
};
|
158
|
+
|
159
|
+
exports.SingleSlider = SingleSlider;
|
160
|
+
//# sourceMappingURL=Single.js.map
|