intelicoreact 1.6.7 → 1.6.8

package/dist/Atomic/FormElements/RangeSlider/RangeSlider.js

@@ -0,0 +1,533 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: function() {
+        return RangeSlider;
+    }
+});
+const _jsxruntime = require("react/jsx-runtime");
+const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
+const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
+const _reactfeather = require("react-feather");
+const _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
+const _mobileKeyboardTypesPresets = require("../../../Functions/presets/mobileKeyboardTypesPresets");
+const _useIsMobile = /*#__PURE__*/ _interop_require_default(require("../../../Functions/useIsMobile/useIsMobile"));
+const _Input = /*#__PURE__*/ _interop_require_default(require("../Input/Input"));
+require("./RangeSlider.scss");
+function _define_property(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
+}
+function _interop_require_default(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _getRequireWildcardCache(nodeInterop) {
+    if (typeof WeakMap !== "function") return null;
+    var cacheBabelInterop = new WeakMap();
+    var cacheNodeInterop = new WeakMap();
+    return (_getRequireWildcardCache = function(nodeInterop) {
+        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
+    })(nodeInterop);
+}
+function _interop_require_wildcard(obj, nodeInterop) {
+    if (!nodeInterop && obj && obj.__esModule) {
+        return obj;
+    }
+    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
+        return {
+            default: obj
+        };
+    }
+    var cache = _getRequireWildcardCache(nodeInterop);
+    if (cache && cache.has(obj)) {
+        return cache.get(obj);
+    }
+    var newObj = {
+        __proto__: null
+    };
+    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
+    for(var key in obj){
+        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
+            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
+            if (desc && (desc.get || desc.set)) {
+                Object.defineProperty(newObj, key, desc);
+            } else {
+                newObj[key] = obj[key];
+            }
+        }
+    }
+    newObj.default = obj;
+    if (cache) {
+        cache.set(obj, newObj);
+    }
+    return newObj;
+}
+function _object_spread(target) {
+    for(var i = 1; i < arguments.length; i++){
+        var source = arguments[i] != null ? arguments[i] : {};
+        var ownKeys = Object.keys(source);
+        if (typeof Object.getOwnPropertySymbols === "function") {
+            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
+            }));
+        }
+        ownKeys.forEach(function(key) {
+            _define_property(target, key, source[key]);
+        });
+    }
+    return target;
+}
+function ownKeys(object, enumerableOnly) {
+    var keys = Object.keys(object);
+    if (Object.getOwnPropertySymbols) {
+        var symbols = Object.getOwnPropertySymbols(object);
+        if (enumerableOnly) {
+            symbols = symbols.filter(function(sym) {
+                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+            });
+        }
+        keys.push.apply(keys, symbols);
+    }
+    return keys;
+}
+function _object_spread_props(target, source) {
+    source = source != null ? source : {};
+    if (Object.getOwnPropertyDescriptors) {
+        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
+    } else {
+        ownKeys(Object(source)).forEach(function(key) {
+            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+        });
+    }
+    return target;
+}
+let timer;
+const DEBOUNCE_TIME = 800;
+function debounce(func, timeout = DEBOUNCE_TIME) {
+    return (...args)=>{
+        clearTimeout(timer);
+        timer = setTimeout(()=>{
+            func.apply(this, args);
+        }, timeout);
+    };
+}
+function RangeSlider({ required, noTrack, rangeSymbol, min = 0, max = 100, decimalPlaces = 2, minRange = 0, precision = 0, testId = "range-slider", value = {
+    from: min,
+    to: max
+}, unit = "", label = "", isUseBitPoints = true, onChange = ()=>{} }) {
+    const { isMobile } = (0, _useIsMobile.default)();
+    const trackRef = (0, _react.useRef)(0);
+    const [trackWidth, setTrackWidth] = (0, _react.useState)(0);
+    const [trackPosition, setTrackPosition] = (0, _react.useState)(0);
+    const fromTriggerRef = (0, _react.useRef)(0);
+    const toTriggerRef = (0, _react.useRef)(0);
+    const prepareValue = (value)=>{
+        return parseInt(parseFloat(value) * Math.pow(10, precision), 10) / Math.pow(10, precision);
+    };
+    var _value_from;
+    const [from, setFromValue] = (0, _react.useState)((_value_from = value === null || value === void 0 ? void 0 : value.from) !== null && _value_from !== void 0 ? _value_from : min);
+    const setFrom = (v)=>setFromValue(prepareValue(v));
+    var _value_to;
+    const [to, setToValue] = (0, _react.useState)((_value_to = value === null || value === void 0 ? void 0 : value.to) !== null && _value_to !== void 0 ? _value_to : max);
+    const setTo = (v)=>setToValue(prepareValue(v));
+    const [focusedType, setFocusedType] = (0, _react.useState)(null);
+    const [frezeedValues, setFrezeedValues] = (0, _react.useState)(null);
+    const [isInputsFocused, setIsInputsFocused] = (0, _react.useState)({
+        from: false,
+        to: false
+    });
+    const setIsInputFocused = (input, value)=>setIsInputsFocused((state)=>_object_spread_props(_object_spread({}, state), {
+                [input]: value
+            }));
+    const fromValue = frezeedValues ? frezeedValues === null || frezeedValues === void 0 ? void 0 : frezeedValues.from : from;
+    const toValue = frezeedValues ? frezeedValues === null || frezeedValues === void 0 ? void 0 : frezeedValues.to : to;
+    const [movingController, setMovingController] = (0, _react.useState)(null);
+    const [movingTrigger, setMovingTrigger] = (0, _react.useState)(null);
+    const [movingTriggerType, setMovingTriggerType] = (0, _react.useState)(null);
+    const [isTriggerMoved, setIsTriggerMoved] = (0, _react.useState)(false);
+    const [pointsPerPx, setPointsPerPx] = (0, _react.useState)(0);
+    const [extremumRange, setExtremumRange] = (0, _react.useState)(0);
+    const [extremumWidth, setExtremumWidth] = (0, _react.useState)(0);
+    const countPointsPerPx = (width)=>{
+        return (max - min) / width;
+    };
+    const resetRange = ()=>{
+        setFrom(min);
+        setTo(max);
+    };
+    const getTrackXByPoints = (pts)=>{
+        return (pts - min) / pointsPerPx;
+    };
+    const getRangeWidth = ()=>{
+        return getTrackXByPoints(toValue) - getTrackXByPoints(fromValue);
+    };
+    const getRangeOffset = ()=>{
+        return getTrackXByPoints(fromValue);
+    };
+    const getXByPoints = (pts)=>{
+        return (pts - min) / pointsPerPx + trackPosition;
+    };
+    const getPointsByX = (x)=>{
+        return (x - trackPosition) * pointsPerPx + min;
+    };
+    const onRangeChange = (type, value, validate = true, callOnChange = true)=>{
+        if (validate) value = prepareValue(value);
+        if (isNaN(value)) value = 0;
+        switch(type){
+            case "from":
+                const getValidatedFromValue = (value)=>{
+                    if (!value && value !== 0 || value < min) {
+                        value = min;
+                    }
+                    if (value > to - minRange) {
+                        value = to - minRange;
+                    }
+                    return value;
+                };
+                if (validate) {
+                    value = getValidatedFromValue(value);
+                }
+                validate ? setFrom(value) : setFromValue(value);
+                if (!isTriggerMoved && callOnChange) {
+                    debounce(()=>{
+                        const values = {
+                            from: prepareValue(getValidatedFromValue(value)),
+                            to
+                        };
+                        onChange(values);
+                        setFrezeedValues(values);
+                    }, DEBOUNCE_TIME)();
+                }
+                break;
+            case "to":
+                const getValidatedToValue = (value)=>{
+                    if (!value && value !== 0 || value > max) {
+                        value = max;
+                    }
+                    if (value < from + minRange) {
+                        value = from + minRange;
+                    }
+                    return value;
+                };
+                if (validate) {
+                    value = getValidatedToValue(value);
+                }
+                validate ? setTo(value) : setToValue(value);
+                if (!isTriggerMoved && callOnChange) {
+                    debounce(()=>{
+                        const values = {
+                            from,
+                            to: prepareValue(getValidatedToValue(value))
+                        };
+                        onChange(values);
+                        setFrezeedValues(values);
+                    }, DEBOUNCE_TIME)();
+                }
+                break;
+        }
+    };
+    // MouseDown Event Controller
+    const onTriggerMouseDown = (e, type)=>{
+        if (e.button !== 0 && !isMobile) return; // Отменить обработку, если нажата не левая кнопка мыши
+        setMovingTrigger(e.target);
+        setMovingTriggerType(type);
+        setIsTriggerMoved(true); // Установить флаг движения в true при клике
+    };
+    const onTriggerMove = (e)=>{
+        var _e_touches;
+        if (!isMobile) {
+            e.preventDefault();
+            e.stopPropagation();
+        }
+        if (!isTriggerMoved) setIsTriggerMoved(true);
+        if (!movingTrigger) return false;
+        let { clientX: x } = isMobile ? e === null || e === void 0 ? void 0 : (_e_touches = e.touches) === null || _e_touches === void 0 ? void 0 : _e_touches[0] : e;
+        const { width: triggerWidth = 16 } = (movingTrigger === null || movingTrigger === void 0 ? void 0 : movingTrigger.getBoundingClientRect()) || {};
+        if (x < trackPosition || x > trackPosition + trackWidth + triggerWidth) return false;
+        x -= triggerWidth / 2;
+        onRangeChange(movingTriggerType, getPointsByX(x));
+    };
+    const onTriggerMoveEnd = ()=>{
+        setMovingTrigger(null);
+        setMovingTriggerType(null);
+        setIsTriggerMoved(false);
+    };
+    const onRangeInputFocus = (e, type)=>{
+        setTimeout(()=>setIsInputFocused(type, true), 1);
+    };
+    const onRangeInputBlur = (e, type)=>{
+        setIsInputFocused(type, false);
+    };
+    (0, _react.useEffect)(()=>{
+        var _value_from;
+        onRangeChange("from", (_value_from = value === null || value === void 0 ? void 0 : value.from) !== null && _value_from !== void 0 ? _value_from : max, true, false);
+        var _value_to;
+        onRangeChange("to", (_value_to = value === null || value === void 0 ? void 0 : value.to) !== null && _value_to !== void 0 ? _value_to : min, true, false);
+    }, []);
+    /// MouseUp Event Controller
+    (0, _react.useEffect)(()=>{
+        document.addEventListener("mouseup", onTriggerMoveEnd);
+        return ()=>{
+            document.removeEventListener("mouseup", onTriggerMoveEnd);
+        };
+    }, []);
+    // MouseMove Event Controller
+    (0, _react.useEffect)(()=>{
+        // Прекратить обработку, если нет активного триггера или не было движения
+        if (!movingTrigger || !isTriggerMoved) return;
+        const handleMouseMove = (e)=>{
+            onTriggerMove(e);
+        };
+        document.addEventListener("mousemove", handleMouseMove);
+        return ()=>{
+            document.removeEventListener("mousemove", handleMouseMove);
+        };
+    }, [
+        movingTrigger,
+        isTriggerMoved
+    ]);
+    (0, _react.useEffect)(()=>{
+        if (movingController) {
+            document.addEventListener("mousemove", onTriggerMove, {
+                signal: movingController === null || movingController === void 0 ? void 0 : movingController.signal
+            });
+        }
+    }, [
+        movingController
+    ]);
+    (0, _react.useEffect)(()=>{
+        setFrezeedValues(null);
+    }, [
+        isTriggerMoved
+    ]);
+    (0, _react.useEffect)(()=>{
+        if (Object.values(isInputsFocused).every((v)=>!v) && !isTriggerMoved && (value.from !== from || value.to !== to)) {
+            onChange({
+                from,
+                to
+            });
+        }
+        if (isTriggerMoved) setFrezeedValues({
+            from,
+            to
+        });
+    }, [
+        from,
+        to,
+        isTriggerMoved
+    ]);
+    (0, _react.useLayoutEffect)(()=>{
+        setFrom(value.from);
+        setTo(value.to);
+    }, [
+        value
+    ]);
+    (0, _react.useLayoutEffect)(()=>{
+        var _trackRef_current, _fromTriggerRef_current_getBoundingClientRect, _fromTriggerRef_current, _toTriggerRef_current_getBoundingClientRect, _toTriggerRef_current;
+        let { width, x } = (trackRef === null || trackRef === void 0 ? void 0 : (_trackRef_current = trackRef.current) === null || _trackRef_current === void 0 ? void 0 : _trackRef_current.getBoundingClientRect()) || {};
+        width -= (fromTriggerRef === null || fromTriggerRef === void 0 ? void 0 : (_fromTriggerRef_current = fromTriggerRef.current) === null || _fromTriggerRef_current === void 0 ? void 0 : (_fromTriggerRef_current_getBoundingClientRect = _fromTriggerRef_current.getBoundingClientRect()) === null || _fromTriggerRef_current_getBoundingClientRect === void 0 ? void 0 : _fromTriggerRef_current_getBoundingClientRect.width) || (toTriggerRef === null || toTriggerRef === void 0 ? void 0 : (_toTriggerRef_current = toTriggerRef.current) === null || _toTriggerRef_current === void 0 ? void 0 : (_toTriggerRef_current_getBoundingClientRect = _toTriggerRef_current.getBoundingClientRect()) === null || _toTriggerRef_current_getBoundingClientRect === void 0 ? void 0 : _toTriggerRef_current_getBoundingClientRect.width);
+        setPointsPerPx(countPointsPerPx(width));
+        setTrackWidth(width);
+        setTrackPosition(x);
+    }, [
+        trackRef
+    ]);
+    (0, _react.useEffect)(()=>{
+        if (Object.values(isInputsFocused).every((v)=>!v)) {
+            setFrezeedValues(false);
+        } else {
+            setFrezeedValues({
+                from,
+                to
+            });
+        }
+    }, [
+        isInputsFocused
+    ]);
+    const renderLabel = ()=>{
+        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+            className: "range-slider__header__label",
+            children: [
+                label,
+                required && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                    className: "label_isRequired",
+                    children: "*"
+                })
+            ]
+        });
+    };
+    const renderSelectedRange = ()=>{
+        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+            className: "range-slider__header__selected-range",
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                    className: "range-slider__header__selected-range--text",
+                    children: [
+                        "from ",
+                        isUseBitPoints ? (0, _fieldValueFormatters.formatToAddBitDepthPoints)(fromValue) : fromValue,
+                        " to",
+                        " ",
+                        isUseBitPoints ? (0, _fieldValueFormatters.formatToAddBitDepthPoints)(toValue) : toValue,
+                        rangeSymbol,
+                        unit
+                    ]
+                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                    className: "range-slider__header__selected-range--reset",
+                    onClick: resetRange,
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.X, {})
+                })
+            ]
+        });
+    };
+    const renderHeader = ()=>{
+        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+            className: "range-slider__header",
+            children: [
+                renderLabel(),
+                min !== fromValue || max !== toValue ? renderSelectedRange() : null
+            ]
+        });
+    };
+    const renderInputs = ()=>{
+        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+            className: "range-slider__inputs",
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                    className: "range-slider__inputs--from",
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, _object_spread({
+                        "data-testid": `${testId}-input-from`,
+                        value: from.toString(),
+                        onFocus: (e)=>onRangeInputFocus(e, "from"),
+                        onBlur: (e)=>onRangeInputBlur(e, "from"),
+                        onChange: (value)=>onRangeChange("from", value, false),
+                        onlyNumbers: {
+                            type: "float",
+                            decimalPlaces,
+                            min,
+                            max
+                        },
+                        isPriceInput: isUseBitPoints
+                    }, _mobileKeyboardTypesPresets.NUMERIC_KEYBOARD))
+                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                    className: "range-slider__inputs__input",
+                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, _object_spread({
+                        "data-testid": `${testId}-input-to`,
+                        value: to.toString(),
+                        onFocus: (e)=>onRangeInputFocus(e, "to"),
+                        onBlur: (e)=>onRangeInputBlur(e, "to"),
+                        onChange: (value)=>onRangeChange("to", value, false),
+                        onlyNumbers: {
+                            type: "float",
+                            decimalPlaces,
+                            min,
+                            max
+                        },
+                        isPriceInput: isUseBitPoints
+                    }, _mobileKeyboardTypesPresets.NUMERIC_KEYBOARD))
+                })
+            ]
+        });
+    };
+    const renderTrackRange = ()=>{
+        const style = {
+            width: `${getRangeWidth()}px`,
+            left: `${getRangeOffset()}px`
+        };
+        return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+            className: "range-slider__track__range",
+            style: style
+        });
+    };
+    const renderTrackTriggers = ()=>{
+        const fromStyle = {
+            left: `${getTrackXByPoints(fromValue)}px`
+        };
+        const toStyle = {
+            left: `${getTrackXByPoints(toValue)}px`
+        };
+        const renderTrack = ()=>{
+            return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                className: (0, _classnames.default)("range-slider__track", {
+                    hidden: noTrack
+                }),
+                ref: trackRef,
+                children: [
+                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        className: "range-slider__track__line"
+                    }),
+                    renderTrackRange(),
+                    renderTrackTriggers()
+                ]
+            });
+        };
+        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+            className: "range-slider__track__range-triggers",
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                    "data-testid": `${testId}-track-from`,
+                    ref: fromTriggerRef,
+                    style: fromStyle,
+                    className: "range-slider__track__range-triggers--trigger range-slider__track__range-triggers--trigger-left",
+                    onMouseDown: (e)=>!isMobile ? onTriggerMouseDown(e, "from") : {},
+                    onTouchStart: (e)=>onTriggerMouseDown(e, "from"),
+                    onTouchMove: onTriggerMove,
+                    onTouchEnd: onTriggerMoveEnd,
+                    onClick: ()=>{}
+                }),
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                    "data-testid": `${testId}-track-to`,
+                    ref: toTriggerRef,
+                    style: toStyle,
+                    className: "range-slider__track__range-triggers--trigger range-slider__track__range-triggers--trigger-right",
+                    onMouseDown: (e)=>!isMobile ? onTriggerMouseDown(e, "to") : {},
+                    onTouchStart: (e)=>onTriggerMouseDown(e, "to"),
+                    onTouchMove: onTriggerMove,
+                    onTouchEnd: onTriggerMoveEnd,
+                    onClick: ()=>{}
+                })
+            ]
+        });
+    };
+    const renderTrack = ()=>{
+        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+            className: (0, _classnames.default)("range-slider__track", {
+                hidden: noTrack
+            }),
+            ref: trackRef,
+            children: [
+                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                    className: "range-slider__track__line"
+                }),
+                renderTrackRange(),
+                renderTrackTriggers()
+            ]
+        });
+    };
+    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        "data-testid": testId,
+        className: "range-slider",
+        children: [
+            renderHeader(),
+            renderInputs(),
+            renderTrack()
+        ]
+    });
+}
+
+//# sourceMappingURL=RangeSlider.js.map

package/dist/Atomic/FormElements/RangeSlider/RangeSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/Atomic/FormElements/RangeSlider/RangeSlider.js"],"sourcesContent":["import React, { useEffect, useLayoutEffect, useRef, useState } from \"react\";\n\nimport cn from \"classnames\";\nimport { X } from \"react-feather\";\n\nimport { formatToAddBitDepthPoints as addCommas } from \"../../../Functions/fieldValueFormatters\";\nimport { NUMERIC_KEYBOARD } from \"../../../Functions/presets/mobileKeyboardTypesPresets\";\nimport useIsMobile from \"../../../Functions/useIsMobile/useIsMobile\";\nimport Input from \"../Input/Input\";\n\nimport \"./RangeSlider.scss\";\n\nlet timer;\n\nconst DEBOUNCE_TIME = 800;\n\nfunction debounce(func, timeout = DEBOUNCE_TIME) {\n  return (...args) => {\n    clearTimeout(timer);\n    timer = setTimeout(() => {\n      func.apply(this, args);\n    }, timeout);\n  };\n}\n\nexport default function RangeSlider({\n  required,\n  noTrack,\n  rangeSymbol,\n  min = 0,\n  max = 100,\n  decimalPlaces = 2,\n  minRange = 0,\n  precision = 0,\n  testId = \"range-slider\",\n  value = {\n    from: min,\n    to: max,\n  },\n  unit = \"\",\n  label = \"\",\n  isUseBitPoints = true,\n\n  onChange = () => {},\n}) {\n  const { isMobile } = useIsMobile();\n  const trackRef = useRef(0);\n  const [trackWidth, setTrackWidth] = useState(0);\n  const [trackPosition, setTrackPosition] = useState(0);\n\n  const fromTriggerRef = useRef(0);\n  const toTriggerRef = useRef(0);\n\n  const prepareValue = (value) => {\n    return parseInt(parseFloat(value) * 10 ** precision, 10) / 10 ** precision;\n  };\n\n  const [from, setFromValue] = useState(value?.from ?? min);\n  const setFrom = (v) => setFromValue(prepareValue(v));\n  const [to, setToValue] = useState(value?.to ?? max);\n  const setTo = (v) => setToValue(prepareValue(v));\n\n  const [focusedType, setFocusedType] = useState(null);\n  const [frezeedValues, setFrezeedValues] = useState(null);\n\n  const [isInputsFocused, setIsInputsFocused] = useState({\n    from: false,\n    to: false,\n  });\n\n  const setIsInputFocused = (input, value) =>\n    setIsInputsFocused((state) => ({ ...state, [input]: value }));\n\n  const fromValue = frezeedValues ? frezeedValues?.from : from;\n  const toValue = frezeedValues ? frezeedValues?.to : to;\n\n  const [movingController, setMovingController] = useState(null);\n\n  const [movingTrigger, setMovingTrigger] = useState(null);\n  const [movingTriggerType, setMovingTriggerType] = useState(null);\n  const [isTriggerMoved, setIsTriggerMoved] = useState(false);\n\n  const [pointsPerPx, setPointsPerPx] = useState(0);\n\n  const [extremumRange, setExtremumRange] = useState(0);\n  const [extremumWidth, setExtremumWidth] = useState(0);\n\n  const countPointsPerPx = (width) => {\n    return (max - min) / width;\n  };\n\n  const resetRange = () => {\n    setFrom(min);\n    setTo(max);\n  };\n\n  const getTrackXByPoints = (pts) => {\n    return (pts - min) / pointsPerPx;\n  };\n\n  const getRangeWidth = () => {\n    return getTrackXByPoints(toValue) - getTrackXByPoints(fromValue);\n  };\n\n  const getRangeOffset = () => {\n    return getTrackXByPoints(fromValue);\n  };\n\n  const getXByPoints = (pts) => {\n    return (pts - min) / pointsPerPx + trackPosition;\n  };\n\n  const getPointsByX = (x) => {\n    return (x - trackPosition) * pointsPerPx + min;\n  };\n\n  const onRangeChange = (type, value, validate = true, callOnChange = true) => {\n    if (validate) value = prepareValue(value);\n\n    if (isNaN(value)) value = 0;\n\n    switch (type) {\n      case \"from\":\n        const getValidatedFromValue = (value) => {\n          if ((!value && value !== 0) || value < min) {\n            value = min;\n          }\n\n          if (value > to - minRange) {\n            value = to - minRange;\n          }\n\n          return value;\n        };\n\n        if (validate) {\n          value = getValidatedFromValue(value);\n        }\n\n        validate ? setFrom(value) : setFromValue(value);\n        if (!isTriggerMoved && callOnChange) {\n          debounce(() => {\n            const values = {\n              from: prepareValue(getValidatedFromValue(value)),\n              to,\n            };\n            onChange(values);\n            setFrezeedValues(values);\n          }, DEBOUNCE_TIME)();\n        }\n        break;\n      case \"to\":\n        const getValidatedToValue = (value) => {\n          if ((!value && value !== 0) || value > max) {\n            value = max;\n          }\n\n          if (value < from + minRange) {\n            value = from + minRange;\n          }\n\n          return value;\n        };\n\n        if (validate) {\n          value = getValidatedToValue(value);\n        }\n\n        validate ? setTo(value) : setToValue(value);\n        if (!isTriggerMoved && callOnChange) {\n          debounce(() => {\n            const values = {\n              from,\n              to: prepareValue(getValidatedToValue(value)),\n            };\n            onChange(values);\n            setFrezeedValues(values);\n          }, DEBOUNCE_TIME)();\n        }\n        break;\n    }\n  };\n  // MouseDown Event Controller\n  const onTriggerMouseDown = (e, type) => {\n    if (e.button !== 0 && !isMobile) return; // Отменить обработку, если нажата не левая кнопка мыши\n    setMovingTrigger(e.target);\n    setMovingTriggerType(type);\n    setIsTriggerMoved(true); // Установить флаг движения в true при клике\n  };\n\n  const onTriggerMove = (e) => {\n    if (!isMobile) {\n      e.preventDefault();\n      e.stopPropagation();\n    }\n\n    if (!isTriggerMoved) setIsTriggerMoved(true);\n    if (!movingTrigger) return false;\n\n    let { clientX: x } = isMobile ? e?.touches?.[0] : e;\n    const { width: triggerWidth = 16 } =\n      movingTrigger?.getBoundingClientRect() || {};\n\n    if (x < trackPosition || x > trackPosition + trackWidth + triggerWidth)\n      return false;\n\n    x -= triggerWidth / 2;\n\n    onRangeChange(movingTriggerType, getPointsByX(x));\n  };\n  const onTriggerMoveEnd = () => {\n    setMovingTrigger(null);\n    setMovingTriggerType(null);\n    setIsTriggerMoved(false);\n  };\n  const onRangeInputFocus = (e, type) => {\n    setTimeout(() => setIsInputFocused(type, true), 1);\n  };\n\n  const onRangeInputBlur = (e, type) => {\n    setIsInputFocused(type, false);\n  };\n\n  useEffect(() => {\n    onRangeChange(\"from\", value?.from ?? max, true, false);\n    onRangeChange(\"to\", value?.to ?? min, true, false);\n  }, []);\n\n  /// MouseUp Event Controller\n  useEffect(() => {\n    document.addEventListener(\"mouseup\", onTriggerMoveEnd);\n\n    return () => {\n      document.removeEventListener(\"mouseup\", onTriggerMoveEnd);\n    };\n  }, []);\n\n  // MouseMove Event Controller\n  useEffect(() => {\n    // Прекратить обработку, если нет активного триггера или не было движения\n    if (!movingTrigger || !isTriggerMoved) return;\n    const handleMouseMove = (e) => {\n      onTriggerMove(e);\n    };\n\n    document.addEventListener(\"mousemove\", handleMouseMove);\n\n    return () => {\n      document.removeEventListener(\"mousemove\", handleMouseMove);\n    };\n  }, [movingTrigger, isTriggerMoved]);\n\n  useEffect(() => {\n    if (movingController) {\n      document.addEventListener(\"mousemove\", onTriggerMove, {\n        signal: movingController?.signal,\n      });\n    }\n  }, [movingController]);\n\n  useEffect(() => {\n    setFrezeedValues(null);\n  }, [isTriggerMoved]);\n\n  useEffect(() => {\n    if (\n      Object.values(isInputsFocused).every((v) => !v) &&\n      !isTriggerMoved &&\n      (value.from !== from || value.to !== to)\n    ) {\n      onChange({ from, to });\n    }\n    if (isTriggerMoved) setFrezeedValues({ from, to });\n  }, [from, to, isTriggerMoved]);\n\n  useLayoutEffect(() => {\n    setFrom(value.from);\n    setTo(value.to);\n  }, [value]);\n\n  useLayoutEffect(() => {\n    let { width, x } = trackRef?.current?.getBoundingClientRect() || {};\n    width -=\n      fromTriggerRef?.current?.getBoundingClientRect()?.width ||\n      toTriggerRef?.current?.getBoundingClientRect()?.width;\n\n    setPointsPerPx(countPointsPerPx(width));\n    setTrackWidth(width);\n    setTrackPosition(x);\n  }, [trackRef]);\n\n  useEffect(() => {\n    if (Object.values(isInputsFocused).every((v) => !v)) {\n      setFrezeedValues(false);\n    } else {\n      setFrezeedValues({ from, to });\n    }\n  }, [isInputsFocused]);\n\n  const renderLabel = () => {\n    return (\n      <div className=\"range-slider__header__label\">\n        {label}\n        {required && <span className=\"label_isRequired\">*</span>}\n      </div>\n    );\n  };\n\n  const renderSelectedRange = () => {\n    return (\n      <div className=\"range-slider__header__selected-range\">\n        <div className=\"range-slider__header__selected-range--text\">\n          from {isUseBitPoints ? addCommas(fromValue) : fromValue} to{\" \"}\n          {isUseBitPoints ? addCommas(toValue) : toValue}\n          {rangeSymbol}\n          {unit}\n        </div>\n        <div\n          className=\"range-slider__header__selected-range--reset\"\n          onClick={resetRange}\n        >\n          <X />\n        </div>\n      </div>\n    );\n  };\n\n  const renderHeader = () => {\n    return (\n      <div className=\"range-slider__header\">\n        {renderLabel()}\n        {min !== fromValue || max !== toValue ? renderSelectedRange() : null}\n      </div>\n    );\n  };\n\n  const renderInputs = () => {\n    return (\n      <div className=\"range-slider__inputs\">\n        <div className=\"range-slider__inputs--from\">\n          <Input\n            data-testid={`${testId}-input-from`}\n            value={from.toString()}\n            onFocus={(e) => onRangeInputFocus(e, \"from\")}\n            onBlur={(e) => onRangeInputBlur(e, \"from\")}\n            onChange={(value) => onRangeChange(\"from\", value, false)}\n            onlyNumbers={{ type: \"float\", decimalPlaces, min, max }}\n            isPriceInput={isUseBitPoints}\n            {...NUMERIC_KEYBOARD}\n          />\n        </div>\n        <div className=\"range-slider__inputs__input\">\n          <Input\n            data-testid={`${testId}-input-to`}\n            value={to.toString()}\n            onFocus={(e) => onRangeInputFocus(e, \"to\")}\n            onBlur={(e) => onRangeInputBlur(e, \"to\")}\n            onChange={(value) => onRangeChange(\"to\", value, false)}\n            onlyNumbers={{ type: \"float\", decimalPlaces, min, max }}\n            isPriceInput={isUseBitPoints}\n            {...NUMERIC_KEYBOARD}\n          />\n        </div>\n      </div>\n    );\n  };\n\n  const renderTrackRange = () => {\n    const style = {\n      width: `${getRangeWidth()}px`,\n      left: `${getRangeOffset()}px`,\n    };\n    return <div className=\"range-slider__track__range\" style={style} />;\n  };\n\n  const renderTrackTriggers = () => {\n    const fromStyle = {\n      left: `${getTrackXByPoints(fromValue)}px`,\n    };\n    const toStyle = {\n      left: `${getTrackXByPoints(toValue)}px`,\n    };\n    const renderTrack = () => {\n      return (\n        <div\n          className={cn(\"range-slider__track\", { hidden: noTrack })}\n          ref={trackRef}\n        >\n          <div className=\"range-slider__track__line\" />\n          {renderTrackRange()}\n          {renderTrackTriggers()}\n        </div>\n      );\n    };\n    return (\n      <div className=\"range-slider__track__range-triggers\">\n        <div\n          data-testid={`${testId}-track-from`}\n          ref={fromTriggerRef}\n          style={fromStyle}\n          className=\"range-slider__track__range-triggers--trigger range-slider__track__range-triggers--trigger-left\"\n          onMouseDown={(e) => (!isMobile ? onTriggerMouseDown(e, \"from\") : {})}\n          onTouchStart={(e) => onTriggerMouseDown(e, \"from\")}\n          onTouchMove={onTriggerMove}\n          onTouchEnd={onTriggerMoveEnd}\n          onClick={() => {}} // DONT REMOVE! MOBILE WILL NOT WORK WITHOUT IT\n        />\n        <div\n          data-testid={`${testId}-track-to`}\n          ref={toTriggerRef}\n          style={toStyle}\n          className=\"range-slider__track__range-triggers--trigger range-slider__track__range-triggers--trigger-right\"\n          onMouseDown={(e) => (!isMobile ? onTriggerMouseDown(e, \"to\") : {})}\n          onTouchStart={(e) => onTriggerMouseDown(e, \"to\")}\n          onTouchMove={onTriggerMove}\n          onTouchEnd={onTriggerMoveEnd}\n          onClick={() => {}} // DONT REMOVE! MOBILE WILL NOT WORK WITHOUT IT\n        />\n      </div>\n    );\n  };\n\n  const renderTrack = () => {\n    return (\n      <div\n        className={cn(\"range-slider__track\", { hidden: noTrack })}\n        ref={trackRef}\n      >\n        <div className=\"range-slider__track__line\" />\n        {renderTrackRange()}\n        {renderTrackTriggers()}\n      </div>\n    );\n  };\n\n  return (\n    <div data-testid={testId} className=\"range-slider\">\n      {renderHeader()}\n      {renderInputs()}\n      {renderTrack()}\n    </div>\n  );\n}\n"],"names":["RangeSlider","timer","DEBOUNCE_TIME","debounce","func","timeout","args","clearTimeout","setTimeout","apply","required","noTrack","rangeSymbol","min","max","decimalPlaces","minRange","precision","testId","value","from","to","unit","label","isUseBitPoints","onChange","isMobile","useIsMobile","trackRef","useRef","trackWidth","setTrackWidth","useState","trackPosition","setTrackPosition","fromTriggerRef","toTriggerRef","prepareValue","parseInt","parseFloat","setFromValue","setFrom","v","setToValue","setTo","focusedType","setFocusedType","frezeedValues","setFrezeedValues","isInputsFocused","setIsInputsFocused","setIsInputFocused","input","state","fromValue","toValue","movingController","setMovingController","movingTrigger","setMovingTrigger","movingTriggerType","setMovingTriggerType","isTriggerMoved","setIsTriggerMoved","pointsPerPx","setPointsPerPx","extremumRange","setExtremumRange","extremumWidth","setExtremumWidth","countPointsPerPx","width","resetRange","getTrackXByPoints","pts","getRangeWidth","getRangeOffset","getXByPoints","getPointsByX","x","onRangeChange","type","validate","callOnChange","isNaN","getValidatedFromValue","values","getValidatedToValue","onTriggerMouseDown","e","button","target","onTriggerMove","preventDefault","stopPropagation","clientX","touches","triggerWidth","getBoundingClientRect","onTriggerMoveEnd","onRangeInputFocus","onRangeInputBlur","useEffect","document","addEventListener","removeEventListener","handleMouseMove","signal","Object","every","useLayoutEffect","current","renderLabel","div","className","span","renderSelectedRange","addCommas","onClick","X","renderHeader","renderInputs","Input","data-testid","toString","onFocus","onBlur","onlyNumbers","isPriceInput","NUMERIC_KEYBOARD","renderTrackRange","style","left","renderTrackTriggers","fromStyle","toStyle","renderTrack","cn","hidden","ref","onMouseDown","onTouchStart","onTouchMove","onTouchEnd"],"mappings":"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"}