@salutejs/plasma-new-hope 0.79.0-dev.0 → 0.80.0-canary.1194.9058672177.0

package/es/components/Slider/components/Double/Double.js

@@ -0,0 +1,270 @@
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import React, { useState, useRef, useEffect, useCallback } from 'react';
+import { SliderBase } from '../SliderBase/SliderBase.js';
+import { Handle } from '../../ui/Handle/Handle.js';
+import '@linaria/react';
+import { sizeData } from '../../utils/index.js';
+import { cx } from '../../../../utils/index.js';
+import { classes } from '../../Slider.tokens.js';
+import { DoubleWrapper, LabelWrapper, LabelContentLeft, Label, SliderWrapper, InputsWrapper, StyledInput } from './Double.styles.js';
+import { isNumber } from '../../../../utils/isNumber.js';
+
+var _excluded = ["min", "max", "value", "disabled", "label", "labelContentLeft", "size", "onChangeCommitted", "onChangeTextField", "onBlurTextField", "onKeyDownTextField", "onChange", "ariaLabel", "multipleStepSize"];
+function getXCenterHandle(handle) {
+  var _handle$parentElement;
+  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;
+  var handleRect = handle.getBoundingClientRect();
+  var handlePosition = handleRect.x;
+  return handlePosition - containerX;
+}
+var DoubleSlider = function DoubleSlider(_ref) {
+  var min = _ref.min,
+    max = _ref.max,
+    value = _ref.value,
+    disabled = _ref.disabled,
+    label = _ref.label,
+    labelContentLeft = _ref.labelContentLeft,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'm' : _ref$size,
+    onChangeCommitted = _ref.onChangeCommitted,
+    onChangeTextField = _ref.onChangeTextField,
+    onBlurTextField = _ref.onBlurTextField,
+    onKeyDownTextField = _ref.onKeyDownTextField,
+    onChange = _ref.onChange,
+    ariaLabel = _ref.ariaLabel,
+    _ref$multipleStepSize = _ref.multipleStepSize,
+    multipleStepSize = _ref$multipleStepSize === void 0 ? 10 : _ref$multipleStepSize,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useState = useState({
+      stepSize: 0,
+      railFillWidth: 0,
+      railFillXPosition: 0,
+      xFirstHandle: 0,
+      xSecondHandle: 0,
+      firstHandleZIndex: 100,
+      secondHandleZIndex: 101,
+      firstValue: value[0],
+      secondValue: value[1]
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    firstInputActive = _useState4[0],
+    setFirstInputActive = _useState4[1];
+  var _useState5 = useState(false),
+    _useState6 = _slicedToArray(_useState5, 2),
+    secondInputActive = _useState6[0],
+    setSecondInputActive = _useState6[1];
+  var firstHandleRef = useRef(null);
+  var secondHandleRef = useRef(null);
+  var firstHandleValue = useRef(value[0]);
+  var secondHandleValue = useRef(value[1]);
+  var _useState7 = useState(value[0]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    firstValue = _useState8[0],
+    setFirstValue = _useState8[1];
+  var _useState9 = useState(value[1]),
+    _useState10 = _slicedToArray(_useState9, 2),
+    secondValue = _useState10[0],
+    setSecondValue = _useState10[1];
+  var stepSize = state.stepSize;
+  var hasLabelContent = label || labelContentLeft;
+  var firstInputActiveClass = firstInputActive && !disabled ? classes.textFieldActive : undefined;
+  var secondInputActiveClass = secondInputActive && !disabled ? classes.textFieldActive : undefined;
+  useEffect(function () {
+    var firstLocalValue = Math.min(Math.max(value[0], min), max) - min;
+    var secondLocalValue = Math.min(Math.max(value[1], min), max) - min;
+    setFirstValue(value[0]);
+    setSecondValue(value[1]);
+    setState(function (prevState) {
+      return _objectSpread2(_objectSpread2({}, prevState), {}, {
+        railFillXPosition: stepSize * firstLocalValue,
+        railFillWidth: stepSize * secondLocalValue - stepSize * firstLocalValue,
+        xFirstHandle: stepSize * firstLocalValue,
+        xSecondHandle: stepSize * secondLocalValue
+      });
+    });
+  }, [value, stepSize, min, max, setFirstValue, setSecondValue]);
+  var setStepSize = useCallback(function (newStepSize) {
+    setState(function (prevState) {
+      return _objectSpread2(_objectSpread2({}, prevState), {}, {
+        stepSize: newStepSize
+      });
+    });
+  }, [setState]);
+  var onFirstHandleChange = useCallback(function (handleValue, data) {
+    if (!(secondHandleRef !== null && secondHandleRef !== void 0 && secondHandleRef.current)) {
+      return;
+    }
+    var newHandleXPosition = data.x;
+    var secondHandleXPosition = getXCenterHandle(secondHandleRef.current);
+    var fillWidth = secondHandleXPosition - newHandleXPosition;
+    firstHandleValue.current = handleValue;
+    setFirstValue(handleValue);
+    setState(function (prevState) {
+      return _objectSpread2(_objectSpread2({}, prevState), {}, {
+        firstHandleZIndex: 101,
+        secondHandleZIndex: 100,
+        railFillWidth: fillWidth < 0 ? 0 : fillWidth,
+        railFillXPosition: newHandleXPosition
+      });
+    });
+    if (onChange) {
+      onChange([handleValue, value[1]]);
+    }
+  }, [onChange, value]);
+  var onFirstHandleChangeCommitted = useCallback(function (handleValue, data) {
+    setFirstValue(handleValue);
+    onChangeCommitted && onChangeCommitted([handleValue, value[1]]);
+    setState(function (prevState) {
+      return _objectSpread2(_objectSpread2({}, prevState), {}, {
+        firstValue: handleValue,
+        xFirstHandle: data.lastX
+      });
+    });
+  }, [onChangeCommitted, value]);
+  var onFirstTextfieldChange = useCallback(function (event) {
+    if (!isNumber(event.target.value)) {
+      return;
+    }
+    var handleValue = Number(event.target.value);
+    setFirstValue(handleValue);
+    onChangeTextField && onChangeTextField([handleValue, secondValue], event);
+  }, [isNumber, setFirstValue, secondValue]);
+  var onFirstTextfieldBlur = useCallback(function (event) {
+    if (!isNumber(event.target.value)) {
+      return;
+    }
+    var handleValue = Number(event.target.value);
+    setFirstValue(handleValue);
+    onBlurTextField && onBlurTextField([handleValue, secondValue], event);
+  }, [isNumber, setSecondValue, onBlurTextField, secondValue]);
+  var onSecondHandleChange = useCallback(function (handleValue, data) {
+    if (!(firstHandleRef !== null && firstHandleRef !== void 0 && firstHandleRef.current)) {
+      return;
+    }
+    var firstXHandleXPosition = getXCenterHandle(firstHandleRef.current);
+    var newHandleXPosition = data.x;
+    var fillWidth = newHandleXPosition - firstXHandleXPosition;
+    secondHandleValue.current = handleValue;
+    setSecondValue(handleValue);
+    setState(function (prevState) {
+      return _objectSpread2(_objectSpread2({}, prevState), {}, {
+        firstHandleZIndex: 100,
+        secondHandleZIndex: 101,
+        railFillWidth: fillWidth < 0 ? 0 : fillWidth,
+        railFillXPosition: firstXHandleXPosition
+      });
+    });
+    if (onChange) {
+      onChange([value[0], handleValue]);
+    }
+  }, [onChange, value]);
+  var onSecondHandleChangeCommitted = useCallback(function (handleValue, data) {
+    onChangeCommitted && onChangeCommitted([value[0], handleValue]);
+    setSecondValue(handleValue);
+    setState(function (prevState) {
+      return _objectSpread2(_objectSpread2({}, prevState), {}, {
+        secondValue: handleValue,
+        xSecondHandle: data.lastX
+      });
+    });
+  }, [onChangeCommitted, value]);
+  var onSecondTextfieldChange = useCallback(function (event) {
+    if (!isNumber(event.target.value)) {
+      return;
+    }
+    var handleValue = Number(event.target.value);
+    setSecondValue(handleValue);
+    onChangeTextField && onChangeTextField([firstValue, handleValue], event);
+  }, [isNumber, setSecondValue, onChangeTextField, firstValue]);
+  var onSecondTextfieldBlur = useCallback(function (event) {
+    if (!isNumber(event.target.value)) {
+      return;
+    }
+    var handleValue = Number(event.target.value);
+    setSecondValue(handleValue);
+    onBlurTextField && onBlurTextField([firstValue, handleValue], event);
+  }, [isNumber, setSecondValue, onBlurTextField, firstValue]);
+  var onTextfieldKeyDown = useCallback(function (event) {
+    onKeyDownTextField && onKeyDownTextField([firstValue, secondValue], event);
+  }, [[isNumber, setSecondValue, onKeyDownTextField], firstValue, secondValue]);
+  var _ref2 = ariaLabel || [],
+    _ref3 = _slicedToArray(_ref2, 2),
+    ariaLabelLeft = _ref3[0],
+    ariaLabelRight = _ref3[1];
+  var currentFirstSliderValue = Math.max(state.firstValue, min);
+  return /*#__PURE__*/React.createElement(DoubleWrapper, null, hasLabelContent && /*#__PURE__*/React.createElement(LabelWrapper, null, labelContentLeft && /*#__PURE__*/React.createElement(LabelContentLeft, null, labelContentLeft), label && /*#__PURE__*/React.createElement(Label, null, label)), /*#__PURE__*/React.createElement(SliderWrapper, null, /*#__PURE__*/React.createElement(SliderBase, _extends({
+    min: min,
+    max: max,
+    disabled: disabled,
+    setStepSize: setStepSize,
+    railFillWidth: state.railFillWidth,
+    settings: sizeData[size],
+    railFillXPosition: state.railFillXPosition
+  }, rest), /*#__PURE__*/React.createElement(Handle, {
+    ref: firstHandleRef,
+    stepSize: state.stepSize,
+    multipleStepSize: multipleStepSize,
+    onChangeCommitted: onFirstHandleChangeCommitted,
+    onChange: onFirstHandleChange,
+    min: min,
+    max: state.secondValue,
+    disabled: disabled,
+    bounds: [min, state.secondValue],
+    side: "left",
+    xPosition: state.xFirstHandle,
+    zIndex: state.firstHandleZIndex,
+    value: currentFirstSliderValue,
+    ariaLabel: ariaLabelLeft,
+    onMouseEnter: function onMouseEnter() {
+      return setFirstInputActive(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return setFirstInputActive(false);
+    }
+  }), /*#__PURE__*/React.createElement(Handle, {
+    ref: secondHandleRef,
+    stepSize: state.stepSize,
+    multipleStepSize: multipleStepSize,
+    onChangeCommitted: onSecondHandleChangeCommitted,
+    onChange: onSecondHandleChange,
+    min: min,
+    ariaValueMin: currentFirstSliderValue,
+    max: max,
+    disabled: disabled,
+    bounds: [state.firstValue, max],
+    side: "right",
+    xPosition: state.xSecondHandle,
+    zIndex: state.secondHandleZIndex,
+    value: Math.max(state.secondValue, min),
+    ariaLabel: ariaLabelRight,
+    onMouseEnter: function onMouseEnter() {
+      return setSecondInputActive(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return setSecondInputActive(false);
+    }
+  })), /*#__PURE__*/React.createElement(InputsWrapper, null, /*#__PURE__*/React.createElement(StyledInput, {
+    className: cx(classes.firstTextField, firstInputActiveClass),
+    enumerationType: "plain",
+    disabled: disabled,
+    value: firstValue,
+    onChange: onFirstTextfieldChange,
+    onBlur: onFirstTextfieldBlur,
+    onKeyDown: onTextfieldKeyDown
+  }), /*#__PURE__*/React.createElement(StyledInput, {
+    className: cx(classes.secondTextField, secondInputActiveClass),
+    enumerationType: "plain",
+    disabled: disabled,
+    value: secondValue,
+    onChange: onSecondTextfieldChange,
+    onBlur: onSecondTextfieldBlur,
+    onKeyDown: onTextfieldKeyDown
+  }))));
+};
+
+export { DoubleSlider };
+//# sourceMappingURL=Double.js.map

package/es/components/Slider/components/Double/Double.js.map

@@ -0,0 +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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"}

package/es/components/Slider/components/Double/Double.styles.js

@@ -0,0 +1,51 @@
+import './Double.styles_1jhda4u.css';
+import { styled } from '@linaria/react';
+import '@linaria/core';
+import { component, mergeConfig } from '../../../../engines/common.js';
+import { textFieldConfig } from '../../../TextField/TextField.js';
+
+var mergedConfig = /*#__PURE__*/mergeConfig(textFieldConfig);
+var TextField = /*#__PURE__*/component(mergedConfig);
+var LabelWrapper = /*#__PURE__*/styled('div')({
+  name: "LabelWrapper",
+  "class": "lcs82cd",
+  propsAsIs: false
+});
+var LabelContentLeft = /*#__PURE__*/styled('div')({
+  name: "LabelContentLeft",
+  "class": "l1tvgbgq",
+  propsAsIs: false
+});
+var Label = /*#__PURE__*/styled('label')({
+  name: "Label",
+  "class": "l1at2q9b",
+  propsAsIs: false
+});
+var InputsWrapper = /*#__PURE__*/styled('div')({
+  name: "InputsWrapper",
+  "class": "i11dc2og",
+  propsAsIs: false
+});
+
+// NOTE: переопределение токенов TextField
+var _exp12 = function _exp12() {
+  return TextField;
+};
+var StyledInput = /*#__PURE__*/styled(_exp12())({
+  name: "StyledInput",
+  "class": "s4zvp7i",
+  propsAsIs: true
+});
+var DoubleWrapper = /*#__PURE__*/styled('div')({
+  name: "DoubleWrapper",
+  "class": "d3kvcjo",
+  propsAsIs: false
+});
+var SliderWrapper = /*#__PURE__*/styled('div')({
+  name: "SliderWrapper",
+  "class": "s11ntvbh",
+  propsAsIs: false
+});
+
+export { DoubleWrapper, InputsWrapper, Label, LabelContentLeft, LabelWrapper, SliderWrapper, StyledInput };
+//# sourceMappingURL=Double.styles.js.map

package/es/components/Slider/components/Double/Double.styles.js.map

@@ -0,0 +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,WAAW,CAACC,eAAe,CAAC,CAAA;AACjD,IAAMC,SAAS,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;AAElC,IAAMK,YAAY,gBAAGC,MAAM,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,MAAM,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,MAAM,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,MAAM,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,MAAM,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,MAAM,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,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM;;;;"}

package/es/components/Slider/components/Double/Double.styles_1jhda4u.css

@@ -0,0 +1,7 @@
+.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);}
+
+.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);}
+.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);}
+.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);}
+.d3kvcjo{opacity:var(--plasma-slider-disabled-opacity);}
+

package/es/components/Slider/components/Single/Single.css

@@ -0,0 +1,16 @@
+.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);}
+.SliderBase_styles_7is2ll_rnaoqfb__0c0959e2{height:100%;}
+.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%);}
+.SliderBase_styles_7is2ll_fdg7yhg__0c0959e2{position:absolute;height:100%;top:0;left:0;background:var(--plasma-slider-fill-color);width:0;}
+
+.Handle_styles_9m0x33_hhwq33d__55de7a4e{cursor:pointer;position:absolute;z-index:1;top:0;left:0;}
+.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);}
+
+.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);}
+
+.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);}
+
+.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);}
+.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);}
+.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);}
+.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);}

package/es/components/Slider/components/Single/Single.js

@@ -0,0 +1,156 @@
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import React, { useState, useRef, useEffect, useCallback } from 'react';
+import { SliderBase } from '../SliderBase/SliderBase.js';
+import { Handle } from '../../ui/Handle/Handle.js';
+import '@linaria/react';
+import { sizeData } from '../../utils/index.js';
+import { cx } from '../../../../utils/index.js';
+import { classes } from '../../Slider.tokens.js';
+import { SingleWrapper, LabelWrapper, LabelContentLeft, Label, SliderBaseWrapper, StyledRangeValue } from './Single.styles.js';
+import { isNumber } from '../../../../utils/isNumber.js';
+
+var _excluded = ["min", "max", "value", "disabled", "onChangeCommitted", "onChange", "ariaLabel", "label", "labelContentLeft", "showRangeValues", "showCurrentValue", "hideMinValueDiff", "hideMaxValueDiff", "labelPlacement", "rangeValuesPlacement", "multipleStepSize", "size"];
+var SingleSlider = function SingleSlider(_ref) {
+  var min = _ref.min,
+    max = _ref.max,
+    value = _ref.value,
+    disabled = _ref.disabled,
+    onChangeCommitted = _ref.onChangeCommitted,
+    onChange = _ref.onChange,
+    ariaLabel = _ref.ariaLabel,
+    label = _ref.label,
+    labelContentLeft = _ref.labelContentLeft,
+    showRangeValues = _ref.showRangeValues,
+    showCurrentValue = _ref.showCurrentValue,
+    hideMinValueDiff = _ref.hideMinValueDiff,
+    hideMaxValueDiff = _ref.hideMaxValueDiff,
+    _ref$labelPlacement = _ref.labelPlacement,
+    labelPlacement = _ref$labelPlacement === void 0 ? 'outer' : _ref$labelPlacement,
+    _ref$rangeValuesPlace = _ref.rangeValuesPlacement,
+    rangeValuesPlacement = _ref$rangeValuesPlace === void 0 ? 'outer' : _ref$rangeValuesPlace,
+    _ref$multipleStepSize = _ref.multipleStepSize,
+    multipleStepSize = _ref$multipleStepSize === void 0 ? 10 : _ref$multipleStepSize,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'm' : _ref$size,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var _useState = useState({
+      xHandle: 0,
+      stepSize: 0,
+      railFillWidth: 0
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    state = _useState2[0],
+    setState = _useState2[1];
+  var stepSize = state.stepSize;
+  var hasLabelContent = label || labelContentLeft;
+  var labelPlacementClass = labelPlacement === 'outer' ? classes.labelPlacementOuter : classes.labelPlacementInner;
+  var rangeValuesPlacementClass = rangeValuesPlacement === 'outer' ? classes.rangeValuesPlacementOuter : classes.rangeValuesPlacementInner;
+  var hideMinValueDiffClass = hideMinValueDiff && value - min <= hideMinValueDiff ? classes.hideMinValue : '';
+  var hideMaxValueDiffClass = hideMaxValueDiff && max - value <= hideMaxValueDiff ? classes.hideMaxValue : '';
+  var startLabelRef = useRef(null);
+  var endLabelRef = useRef(null);
+  var _useState3 = useState(0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    startOffset = _useState4[0],
+    setStartOffset = _useState4[1];
+  var _useState5 = useState(0),
+    _useState6 = _slicedToArray(_useState5, 2),
+    endOffset = _useState6[0],
+    setEndOffset = _useState6[1];
+  var _useState7 = useState(value),
+    _useState8 = _slicedToArray(_useState7, 2),
+    dragValue = _useState8[0],
+    setDragValue = _useState8[1];
+  var activeFirstValue = dragValue === min ? classes.activeRangeValue : undefined;
+  var activeSecondValue = dragValue === max ? classes.activeRangeValue : undefined;
+  useEffect(function () {
+    var localValue = Math.min(Math.max(value, min), max) - min;
+    if (rangeValuesPlacement === 'outer') {
+      var _startLabelRef$curren, _endLabelRef$current;
+      var startWidth = (_startLabelRef$curren = startLabelRef.current) === null || _startLabelRef$curren === void 0 ? void 0 : _startLabelRef$curren.offsetWidth;
+      if (isNumber(startWidth)) {
+        setStartOffset(Number(startWidth));
+      }
+      var endWidth = (_endLabelRef$current = endLabelRef.current) === null || _endLabelRef$current === void 0 ? void 0 : _endLabelRef$current.offsetWidth;
+      if (isNumber(endWidth)) {
+        setEndOffset(Number(endWidth));
+      }
+    } else {
+      setStartOffset(1);
+      setEndOffset(1);
+    }
+    setState(function (prevState) {
+      return _objectSpread2(_objectSpread2({}, prevState), {}, {
+        xHandle: stepSize * localValue,
+        railFillWidth: stepSize * localValue
+      });
+    });
+  }, [value, labelPlacement, stepSize, rangeValuesPlacement, min, max, setStartOffset, setEndOffset]);
+  var setStepSize = useCallback(function (newStepSize) {
+    setState(function (prevState) {
+      return _objectSpread2(_objectSpread2({}, prevState), {}, {
+        stepSize: newStepSize
+      });
+    });
+  }, []);
+  var onHandleChange = useCallback(function (handleValue, data) {
+    var newHandleXPosition = data.x;
+    setState(function (prevState) {
+      return _objectSpread2(_objectSpread2({}, prevState), {}, {
+        railFillWidth: newHandleXPosition
+      });
+    });
+    if (onChange) {
+      onChange(handleValue);
+    }
+    setDragValue(handleValue);
+  }, [onChange, setDragValue]);
+  var onHandleChangeCommitted = useCallback(function (handleValue, data) {
+    onChangeCommitted && onChangeCommitted(handleValue);
+    setState(function (prevState) {
+      return _objectSpread2(_objectSpread2({}, prevState), {}, {
+        xHandle: data.lastX,
+        railFillWidth: data.lastX
+      });
+    });
+    setDragValue(handleValue);
+  }, [onChangeCommitted, setDragValue]);
+  return /*#__PURE__*/React.createElement(SingleWrapper, {
+    className: labelPlacementClass
+  }, hasLabelContent && /*#__PURE__*/React.createElement(LabelWrapper, null, labelContentLeft && /*#__PURE__*/React.createElement(LabelContentLeft, null, labelContentLeft), label && /*#__PURE__*/React.createElement(Label, null, label)), /*#__PURE__*/React.createElement(SliderBaseWrapper, {
+    className: rangeValuesPlacementClass
+  }, showRangeValues && /*#__PURE__*/React.createElement(StyledRangeValue, {
+    ref: startLabelRef,
+    className: cx(hideMinValueDiffClass, activeFirstValue)
+  }, min), /*#__PURE__*/React.createElement(SliderBase, _extends({
+    min: min,
+    max: max,
+    disabled: disabled,
+    setStepSize: setStepSize,
+    onChange: onHandleChangeCommitted,
+    railFillWidth: state.railFillWidth,
+    settings: sizeData[size],
+    labelPlacement: labelPlacement,
+    rangeValuesPlacement: rangeValuesPlacement
+  }, rest), /*#__PURE__*/React.createElement(Handle, {
+    stepSize: state.stepSize,
+    onChangeCommitted: onHandleChangeCommitted,
+    onChange: onHandleChange,
+    xPosition: state.xHandle,
+    min: min,
+    max: max,
+    startOffset: startOffset,
+    endOffset: endOffset,
+    value: value,
+    disabled: disabled,
+    ariaLabel: ariaLabel,
+    multipleStepSize: multipleStepSize,
+    showCurrentValue: showCurrentValue
+  })), showRangeValues && /*#__PURE__*/React.createElement(StyledRangeValue, {
+    ref: endLabelRef,
+    className: cx(classes.maxRangeValue, hideMaxValueDiffClass, activeSecondValue)
+  }, max)));
+};
+
+export { SingleSlider };
+//# sourceMappingURL=Single.js.map

package/es/components/Slider/components/Single/Single.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Single.js","sources":["../../../../../src/components/Slider/components/Single/Single.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState, useRef } from 'react';\nimport type { FC } from 'react';\n\nimport { SliderBase } from '../SliderBase/SliderBase';\nimport { Handle } from '../../ui';\nimport { sizeData } from '../../utils';\nimport type { HandleProps } from '../../ui';\nimport { cx, isNumber } from '../../../../utils';\nimport { classes } from '../../Slider.tokens';\n\nimport type { SingleSliderProps } from './Single.types';\nimport {\n    Label,\n    LabelContentLeft,\n    LabelWrapper,\n    SingleWrapper,\n    SliderBaseWrapper,\n    StyledRangeValue,\n} from './Single.styles';\n\nexport const SingleSlider: FC<SingleSliderProps> = ({\n    min,\n    max,\n    value,\n    disabled,\n    onChangeCommitted,\n    onChange,\n    ariaLabel,\n    label,\n    labelContentLeft,\n    showRangeValues,\n    showCurrentValue,\n    hideMinValueDiff,\n    hideMaxValueDiff,\n    labelPlacement = 'outer',\n    rangeValuesPlacement = 'outer',\n    multipleStepSize = 10,\n    size = 'm',\n    ...rest\n}) => {\n    const [state, setState] = useState({\n        xHandle: 0,\n        stepSize: 0,\n        railFillWidth: 0,\n    });\n\n    const { stepSize } = state;\n\n    const hasLabelContent = label || labelContentLeft;\n    const labelPlacementClass = labelPlacement === 'outer' ? classes.labelPlacementOuter : classes.labelPlacementInner;\n    const rangeValuesPlacementClass =\n        rangeValuesPlacement === 'outer' ? classes.rangeValuesPlacementOuter : classes.rangeValuesPlacementInner;\n    const hideMinValueDiffClass = hideMinValueDiff && value - min <= hideMinValueDiff ? classes.hideMinValue : '';\n    const hideMaxValueDiffClass = hideMaxValueDiff && max - value <= hideMaxValueDiff ? classes.hideMaxValue : '';\n\n    const startLabelRef = useRef<HTMLDivElement>(null);\n    const endLabelRef = useRef<HTMLDivElement>(null);\n\n    const [startOffset, setStartOffset] = useState(0);\n    const [endOffset, setEndOffset] = useState(0);\n\n    const [dragValue, setDragValue] = useState(value);\n\n    const activeFirstValue = dragValue === min ? classes.activeRangeValue : undefined;\n    const activeSecondValue = dragValue === max ? classes.activeRangeValue : undefined;\n\n    useEffect(() => {\n        const localValue = Math.min(Math.max(value, min), max) - min;\n\n        if (rangeValuesPlacement === 'outer') {\n            const startWidth = startLabelRef.current?.offsetWidth;\n            if (isNumber(startWidth)) {\n                setStartOffset(Number(startWidth));\n            }\n\n            const endWidth = endLabelRef.current?.offsetWidth;\n            if (isNumber(endWidth)) {\n                setEndOffset(Number(endWidth));\n            }\n        } else {\n            setStartOffset(1);\n            setEndOffset(1);\n        }\n\n        setState((prevState) => ({\n            ...prevState,\n            xHandle: stepSize * localValue,\n            railFillWidth: stepSize * localValue,\n        }));\n    }, [value, labelPlacement, stepSize, rangeValuesPlacement, min, max, setStartOffset, setEndOffset]);\n\n    const setStepSize = useCallback((newStepSize: number) => {\n        setState((prevState) => ({\n            ...prevState,\n            stepSize: newStepSize,\n        }));\n    }, []);\n\n    const onHandleChange = useCallback<NonNullable<HandleProps['onChange']>>(\n        (handleValue, data) => {\n            const newHandleXPosition = data.x;\n            setState((prevState) => ({\n                ...prevState,\n                railFillWidth: newHandleXPosition,\n            }));\n\n            if (onChange) {\n                onChange(handleValue);\n            }\n\n            setDragValue(handleValue);\n        },\n        [onChange, setDragValue],\n    );\n\n    const onHandleChangeCommitted = useCallback<NonNullable<HandleProps['onChangeCommitted']>>(\n        (handleValue, data) => {\n            onChangeCommitted && onChangeCommitted(handleValue);\n            setState((prevState) => ({\n                ...prevState,\n                xHandle: data.lastX,\n                railFillWidth: data.lastX,\n            }));\n\n            setDragValue(handleValue);\n        },\n        [onChangeCommitted, setDragValue],\n    );\n\n    return (\n        <SingleWrapper className={labelPlacementClass}>\n            {hasLabelContent && (\n                <LabelWrapper>\n                    {labelContentLeft && <LabelContentLeft>{labelContentLeft}</LabelContentLeft>}\n                    {label && <Label>{label}</Label>}\n                </LabelWrapper>\n            )}\n            <SliderBaseWrapper className={rangeValuesPlacementClass}>\n                {showRangeValues && (\n                    <StyledRangeValue ref={startLabelRef} className={cx(hideMinValueDiffClass, activeFirstValue)}>\n                        {min}\n                    </StyledRangeValue>\n                )}\n                <SliderBase\n                    min={min}\n                    max={max}\n                    disabled={disabled}\n                    setStepSize={setStepSize}\n                    onChange={onHandleChangeCommitted}\n                    railFillWidth={state.railFillWidth}\n                    settings={sizeData[size]}\n                    labelPlacement={labelPlacement}\n                    rangeValuesPlacement={rangeValuesPlacement}\n                    {...rest}\n                >\n                    <Handle\n                        stepSize={state.stepSize}\n                        onChangeCommitted={onHandleChangeCommitted}\n                        onChange={onHandleChange}\n                        xPosition={state.xHandle}\n                        min={min}\n                        max={max}\n                        startOffset={startOffset}\n                        endOffset={endOffset}\n                        value={value}\n                        disabled={disabled}\n                        ariaLabel={ariaLabel}\n                        multipleStepSize={multipleStepSize}\n                        showCurrentValue={showCurrentValue}\n                    />\n                </SliderBase>\n                {showRangeValues && (\n                    <StyledRangeValue\n                        ref={endLabelRef}\n                        className={cx(classes.maxRangeValue, hideMaxValueDiffClass, activeSecondValue)}\n                    >\n                        {max}\n                    </StyledRangeValue>\n                )}\n            </SliderBaseWrapper>\n        </SingleWrapper>\n    );\n};\n"],"names":["SingleSlider","_ref","min","max","value","disabled","onChangeCommitted","onChange","ariaLabel","label","labelContentLeft","showRangeValues","showCurrentValue","hideMinValueDiff","hideMaxValueDiff","_ref$labelPlacement","labelPlacement","_ref$rangeValuesPlace","rangeValuesPlacement","_ref$multipleStepSize","multipleStepSize","_ref$size","size","rest","_objectWithoutProperties","_excluded","_useState","useState","xHandle","stepSize","railFillWidth","_useState2","_slicedToArray","state","setState","hasLabelContent","labelPlacementClass","classes","labelPlacementOuter","labelPlacementInner","rangeValuesPlacementClass","rangeValuesPlacementOuter","rangeValuesPlacementInner","hideMinValueDiffClass","hideMinValue","hideMaxValueDiffClass","hideMaxValue","startLabelRef","useRef","endLabelRef","_useState3","_useState4","startOffset","setStartOffset","_useState5","_useState6","endOffset","setEndOffset","_useState7","_useState8","dragValue","setDragValue","activeFirstValue","activeRangeValue","undefined","activeSecondValue","useEffect","localValue","Math","_startLabelRef$curren","_endLabelRef$current","startWidth","current","offsetWidth","isNumber","Number","endWidth","prevState","_objectSpread","setStepSize","useCallback","newStepSize","onHandleChange","handleValue","data","newHandleXPosition","x","onHandleChangeCommitted","lastX","React","createElement","SingleWrapper","className","LabelWrapper","LabelContentLeft","Label","SliderBaseWrapper","StyledRangeValue","ref","cx","SliderBase","_extends","settings","sizeData","Handle","xPosition","maxRangeValue"],"mappings":"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"}