intelicoreact 2.0.18 → 2.0.20

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

@@ -0,0 +1,342 @@
+import '../../../styles/base.css';
+import { formatToAddBitDepthPoints } from "../../../Functions/fieldValueFormatters.js";
+import Input from "../Input/Input.js";
+import useIsMobile from "../../../Functions/useIsMobile/useIsMobile.js";
+import { NUMERIC_KEYBOARD } from "../../../Functions/presets/mobileKeyboardTypesPresets.js";
+import './RangeSlider.styles.css';/* empty css                 */
+import cn from "classnames";
+import { useEffect, useLayoutEffect, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { X } from "react-feather";
+//#region src/Atomic/FormElements/RangeSlider/RangeSlider.js
+var timer;
+var 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 } = useIsMobile();
+	const trackRef = useRef(0);
+	const [trackWidth, setTrackWidth] = useState(0);
+	const [trackPosition, setTrackPosition] = useState(0);
+	const fromTriggerRef = useRef(0);
+	const toTriggerRef = useRef(0);
+	const prepareValue = (value2) => {
+		return parseInt(parseFloat(value2) * 10 ** precision, 10) / 10 ** precision;
+	};
+	const [from, setFromValue] = useState(value?.from ?? min);
+	const setFrom = (v) => setFromValue(prepareValue(v));
+	const [to, setToValue] = useState(value?.to ?? max);
+	const setTo = (v) => setToValue(prepareValue(v));
+	const [focusedType, setFocusedType] = useState(null);
+	const [frezeedValues, setFrezeedValues] = useState(null);
+	const [isInputsFocused, setIsInputsFocused] = useState({
+		from: false,
+		to: false
+	});
+	const setIsInputFocused = (input, value2) => setIsInputsFocused((state) => ({
+		...state,
+		[input]: value2
+	}));
+	const fromValue = frezeedValues ? frezeedValues?.from : from;
+	const toValue = frezeedValues ? frezeedValues?.to : to;
+	const [movingController, setMovingController] = useState(null);
+	const [movingTrigger, setMovingTrigger] = useState(null);
+	const [movingTriggerType, setMovingTriggerType] = useState(null);
+	const [isTriggerMoved, setIsTriggerMoved] = useState(false);
+	const [pointsPerPx, setPointsPerPx] = useState(0);
+	const [extremumRange, setExtremumRange] = useState(0);
+	const [extremumWidth, setExtremumWidth] = 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 getPointsByX = (x) => {
+		return (x - trackPosition) * pointsPerPx + min;
+	};
+	const onRangeChange = (type, value2, validate = true, callOnChange = true) => {
+		if (validate) value2 = prepareValue(value2);
+		if (isNaN(value2)) value2 = 0;
+		switch (type) {
+			case "from":
+				const getValidatedFromValue = (value3) => {
+					if (!value3 && value3 !== 0 || value3 < min) value3 = min;
+					if (value3 > to - minRange) value3 = to - minRange;
+					return value3;
+				};
+				if (validate) value2 = getValidatedFromValue(value2);
+				validate ? setFrom(value2) : setFromValue(value2);
+				if (!isTriggerMoved && callOnChange) debounce(() => {
+					const values = {
+						from: prepareValue(getValidatedFromValue(value2)),
+						to
+					};
+					onChange(values);
+					setFrezeedValues(values);
+				}, DEBOUNCE_TIME)();
+				break;
+			case "to":
+				const getValidatedToValue = (value3) => {
+					if (!value3 && value3 !== 0 || value3 > max) value3 = max;
+					if (value3 < from + minRange) value3 = from + minRange;
+					return value3;
+				};
+				if (validate) value2 = getValidatedToValue(value2);
+				validate ? setTo(value2) : setToValue(value2);
+				if (!isTriggerMoved && callOnChange) debounce(() => {
+					const values = {
+						from,
+						to: prepareValue(getValidatedToValue(value2))
+					};
+					onChange(values);
+					setFrezeedValues(values);
+				}, DEBOUNCE_TIME)();
+				break;
+		}
+	};
+	const onTriggerMouseDown = (e, type) => {
+		if (e.button !== 0 && !isMobile) return;
+		setMovingTrigger(e.target);
+		setMovingTriggerType(type);
+		setIsTriggerMoved(true);
+	};
+	const onTriggerMove = (e) => {
+		if (!isMobile) {
+			e.preventDefault();
+			e.stopPropagation();
+		}
+		if (!isTriggerMoved) setIsTriggerMoved(true);
+		if (!movingTrigger) return false;
+		let { clientX: x } = isMobile ? e?.touches?.[0] : e;
+		const { width: triggerWidth = 16 } = 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);
+	};
+	useEffect(() => {
+		onRangeChange("from", value?.from ?? max, true, false);
+		onRangeChange("to", value?.to ?? min, true, false);
+	}, []);
+	useEffect(() => {
+		document.addEventListener("mouseup", onTriggerMoveEnd);
+		return () => {
+			document.removeEventListener("mouseup", onTriggerMoveEnd);
+		};
+	}, []);
+	useEffect(() => {
+		if (!movingTrigger || !isTriggerMoved) return;
+		const handleMouseMove = (e) => {
+			onTriggerMove(e);
+		};
+		document.addEventListener("mousemove", handleMouseMove);
+		return () => {
+			document.removeEventListener("mousemove", handleMouseMove);
+		};
+	}, [movingTrigger, isTriggerMoved]);
+	useEffect(() => {
+		if (movingController) document.addEventListener("mousemove", onTriggerMove, { signal: movingController?.signal });
+	}, [movingController]);
+	useEffect(() => {
+		setFrezeedValues(null);
+	}, [isTriggerMoved]);
+	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
+	]);
+	useLayoutEffect(() => {
+		setFrom(value.from);
+		setTo(value.to);
+	}, [value]);
+	useLayoutEffect(() => {
+		let { width, x } = trackRef?.current?.getBoundingClientRect() || {};
+		width -= fromTriggerRef?.current?.getBoundingClientRect()?.width || toTriggerRef?.current?.getBoundingClientRect()?.width;
+		setPointsPerPx(countPointsPerPx(width));
+		setTrackWidth(width);
+		setTrackPosition(x);
+	}, [trackRef]);
+	useEffect(() => {
+		if (Object.values(isInputsFocused).every((v) => !v)) setFrezeedValues(false);
+		else setFrezeedValues({
+			from,
+			to
+		});
+	}, [isInputsFocused]);
+	const renderLabel = () => {
+		return /* @__PURE__ */ jsxs("div", {
+			className: "range-slider__header__label",
+			children: [label, required && /* @__PURE__ */ jsx("span", {
+				className: "label_isRequired",
+				children: "*"
+			})]
+		});
+	};
+	const renderSelectedRange = () => {
+		return /* @__PURE__ */ jsxs("div", {
+			className: "range-slider__header__selected-range",
+			children: [/* @__PURE__ */ jsxs("div", {
+				className: "range-slider__header__selected-range--text",
+				children: [
+					"from ",
+					isUseBitPoints ? formatToAddBitDepthPoints(fromValue) : fromValue,
+					" to",
+					" ",
+					isUseBitPoints ? formatToAddBitDepthPoints(toValue) : toValue,
+					rangeSymbol,
+					unit
+				]
+			}), /* @__PURE__ */ jsx("div", {
+				className: "range-slider__header__selected-range--reset",
+				onClick: resetRange,
+				children: /* @__PURE__ */ jsx(X, {})
+			})]
+		});
+	};
+	const renderHeader = () => {
+		return /* @__PURE__ */ jsxs("div", {
+			className: "range-slider__header",
+			children: [renderLabel(), min !== fromValue || max !== toValue ? renderSelectedRange() : null]
+		});
+	};
+	const renderInputs = () => {
+		return /* @__PURE__ */ jsxs("div", {
+			className: "range-slider__inputs",
+			children: [/* @__PURE__ */ jsx("div", {
+				className: "range-slider__inputs--from",
+				children: /* @__PURE__ */ jsx(Input, {
+					"data-testid": `${testId}-input-from`,
+					value: from.toString(),
+					onFocus: (e) => onRangeInputFocus(e, "from"),
+					onBlur: (e) => onRangeInputBlur(e, "from"),
+					onChange: (value2) => onRangeChange("from", value2, false),
+					onlyNumbers: {
+						type: "float",
+						decimalPlaces,
+						min,
+						max
+					},
+					isPriceInput: isUseBitPoints,
+					...NUMERIC_KEYBOARD
+				})
+			}), /* @__PURE__ */ jsx("div", {
+				className: "range-slider__inputs__input",
+				children: /* @__PURE__ */ jsx(Input, {
+					"data-testid": `${testId}-input-to`,
+					value: to.toString(),
+					onFocus: (e) => onRangeInputFocus(e, "to"),
+					onBlur: (e) => onRangeInputBlur(e, "to"),
+					onChange: (value2) => onRangeChange("to", value2, false),
+					onlyNumbers: {
+						type: "float",
+						decimalPlaces,
+						min,
+						max
+					},
+					isPriceInput: isUseBitPoints,
+					...NUMERIC_KEYBOARD
+				})
+			})]
+		});
+	};
+	const renderTrackRange = () => {
+		return /* @__PURE__ */ jsx("div", {
+			className: "range-slider__track__range",
+			style: {
+				width: `${getRangeWidth()}px`,
+				left: `${getRangeOffset()}px`
+			}
+		});
+	};
+	const renderTrackTriggers = () => {
+		const fromStyle = { left: `${getTrackXByPoints(fromValue)}px` };
+		const toStyle = { left: `${getTrackXByPoints(toValue)}px` };
+		return /* @__PURE__ */ jsxs("div", {
+			className: "range-slider__track__range-triggers",
+			children: [/* @__PURE__ */ 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__ */ 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__ */ jsxs("div", {
+			className: cn("range-slider__track", { hidden: noTrack }),
+			ref: trackRef,
+			children: [
+				/* @__PURE__ */ jsx("div", { className: "range-slider__track__line" }),
+				renderTrackRange(),
+				renderTrackTriggers()
+			]
+		});
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		"data-testid": testId,
+		className: "range-slider",
+		children: [
+			renderHeader(),
+			renderInputs(),
+			renderTrack()
+		]
+	});
+}
+//#endregion
+export { RangeSlider as default };
+
+//# sourceMappingURL=RangeSlider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RangeSlider.js","names":["value","renderTrack"],"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"],"mappings":"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"}

package/dist/es/Atomic/FormElements/RangeSlider/RangeSlider.styles.css

@@ -0,0 +1,134 @@
+@import "https://fonts.googleapis.com/css2?family=Sarabun:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";
+.range-slider {
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  max-width: 270px;
+}
+.range-slider__header {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 2px;
+}
+.range-slider__header__label {
+  font-family: Sarabun, sans-serif;
+  font-size: 12px;
+  font-weight: 500;
+  font-style: normal;
+  line-height: 18px;
+  letter-spacing: 0.2px;
+  color: #757f8c;
+}
+.range-slider__header__selected-range {
+  display: flex;
+  align-items: center;
+  padding: 0 4px 0 8px;
+  border-radius: 16px;
+  background: #eaf2ff;
+}
+.range-slider__header__selected-range--text {
+  margin-right: 2px;
+  font-family: Sarabun, sans-serif;
+  font-size: 12px;
+  font-weight: 400;
+  font-style: normal;
+  line-height: 18px;
+  letter-spacing: 0.2px;
+  color: #3b414b;
+}
+.range-slider__header__selected-range--reset {
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  color: #9aa0b9;
+  border-left: 1px solid #cde1ff;
+}
+.range-slider__header__selected-range--reset svg {
+  width: 16px;
+  height: 16px;
+}
+.range-slider__inputs {
+  display: flex;
+}
+.range-slider__inputs--from {
+  margin-right: 4px;
+}
+.range-slider__inputs--to {
+  margin-left: 4px;
+}
+.range-slider__inputs .input__wrap {
+  box-sizing: border-box;
+  height: auto;
+  max-height: 40px;
+  padding: 9px 16px;
+  border: 1px solid #e1e8f1;
+  border-radius: 6px;
+  background: #fff;
+}
+.range-slider__inputs .input__wrap_focus {
+  border-color: #166c92;
+  filter: none;
+}
+.range-slider__inputs .input__wrap input {
+  box-sizing: border-box;
+  padding: 0;
+  font-family: Sarabun, sans-serif;
+  font-size: 16px;
+  font-weight: 500;
+  font-style: normal;
+  line-height: 22px;
+  letter-spacing: 0.2px;
+  color: #171d33;
+}
+.range-slider__track {
+  position: relative;
+  display: flex;
+  align-items: center;
+  height: 16px;
+  margin-top: 2px;
+  padding: 0 8px;
+}
+.range-slider__track__line {
+  position: absolute;
+  left: 0;
+  box-sizing: border-box;
+  width: 100%;
+  height: 4px;
+  border-radius: 4px;
+  background: #d6d9e4;
+}
+.range-slider__track__range {
+  position: relative;
+  display: flex;
+  justify-content: space-between;
+  height: 4px;
+  border-radius: 4px;
+  background: #1f7499;
+}
+.range-slider__track__range-triggers {
+  position: absolute;
+  width: 100%;
+}
+.range-slider__track__range-triggers--trigger {
+  position: absolute;
+  z-index: 3;
+  top: 50%;
+  box-sizing: border-box;
+  width: 16px;
+  height: 16px;
+  cursor: move;
+  border: 1px solid #1f7499;
+  border-radius: 50%;
+  background: #fff;
+  box-shadow: 0 4px 26px rgba(0, 67, 96, 0.1);
+}
+.range-slider__track__range-triggers--trigger-left {
+  transform: translate(-50%, -50%);
+}
+.range-slider__track__range-triggers--trigger-right {
+  transform: translate(-50%, -50%);
+}
+
+.moving-cursor {
+  cursor: move !important;
+}

package/dist/es/Atomic/FormElements/RangeSlider2/RangeSlider2.interface.js

@@ -0,0 +1,23 @@
+//#region src/Atomic/FormElements/RangeSlider2/RangeSlider2.interface.ts
+var EPointValueType = /* @__PURE__ */ function(EPointValueType) {
+	EPointValueType["From"] = "from";
+	EPointValueType["To"] = "to";
+	EPointValueType["Both"] = "both";
+	return EPointValueType;
+}({});
+var ECollision = /* @__PURE__ */ function(ECollision) {
+	ECollision[ECollision["None"] = 0] = "None";
+	ECollision[ECollision["Left"] = -1] = "Left";
+	ECollision[ECollision["Right"] = 1] = "Right";
+	ECollision[ECollision["Both"] = 2] = "Both";
+	return ECollision;
+}({});
+var EAssignSide = /* @__PURE__ */ function(EAssignSide) {
+	EAssignSide[EAssignSide["Left"] = -1] = "Left";
+	EAssignSide[EAssignSide["Right"] = 1] = "Right";
+	return EAssignSide;
+}({});
+//#endregion
+export { EAssignSide, ECollision, EPointValueType };
+
+//# sourceMappingURL=RangeSlider2.interface.js.map

package/dist/es/Atomic/FormElements/RangeSlider2/RangeSlider2.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeSlider2.interface.js","names":[],"sources":["../../../../../src/Atomic/FormElements/RangeSlider2/RangeSlider2.interface.ts"],"sourcesContent":["import type { IUniProps } from '../../../types/base.interface';\n\nexport enum EPointValueType {\n  From = 'from',\n  To = 'to',\n  Both = 'both',\n}\n\nexport enum ECollision {\n  None = 0,\n  Left = -1,\n  Right = 1,\n  Both = 2,\n}\n\nexport enum EAssignSide {\n  Left = -1,\n  Right = 1,\n}\n\nexport interface IRangeItem {\n  id?: number | null;\n  from: number;\n  to: number;\n  label?: string;\n  data?: any[];\n  value?: number;\n}\n\nexport interface ITriggerItem {\n  id: number;\n  value: number;\n  isFixed?: boolean;\n  isHidden?: boolean;\n}\n\nexport interface ITransformOnConcatResult {\n  data: IRangeItem['data'];\n  value: IRangeItem['value'];\n}\n\nexport interface IRangeSlider2Props extends IUniProps {\n  min?: number;\n  max?: number;\n  minRange?: number;\n  dividersRange?: number;\n  pointValueType?: EPointValueType;\n  precision?: number;\n  step?: number;\n  className?: string;\n  value?: IRangeItem[];\n  onChange?: (ranges: IRangeItem[], triggers: ITriggerItem[]) => void;\n  transformDataOnConcat?: (\n    left: IRangeItem,\n    right: IRangeItem,\n  ) => ITransformOnConcatResult;\n}\n"],"mappings":";AAEA,IAAY,kBAAL,yBAAA,iBAAA;CACL,gBAAA,UAAA;CACA,gBAAA,QAAA;CACA,gBAAA,UAAA;;AACF,EAAA,CAAA,CAAA;AAEA,IAAY,aAAL,yBAAA,YAAA;CACL,WAAA,WAAA,UAAA,KAAA;CACA,WAAA,WAAA,UAAA,MAAA;CACA,WAAA,WAAA,WAAA,KAAA;CACA,WAAA,WAAA,UAAA,KAAA;;AACF,EAAA,CAAA,CAAA;AAEA,IAAY,cAAL,yBAAA,aAAA;CACL,YAAA,YAAA,UAAA,MAAA;CACA,YAAA,YAAA,WAAA,KAAA;;AACF,EAAA,CAAA,CAAA"}