intelicoreact 1.4.81 → 1.4.83

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

@@ -2,6 +2,8 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,6 +11,10 @@ exports.default = RangeSlider;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _react = _interopRequireWildcard(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -19,30 +25,34 @@ var _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
 
 var _mobileKeyboardTypesPresets = require("../../../Functions/presets/mobileKeyboardTypesPresets");
 
-var _useIsMobile = _interopRequireDefault(require("../../../Functions/useIsMobile"));
+var _useIsMobile2 = _interopRequireDefault(require("../../../Functions/useIsMobile"));
 
 var _Input = _interopRequireDefault(require("../Input/Input"));
 
 require("./RangeSlider.scss");
 
-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 _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(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 = {}; 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 _interopRequireWildcard(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 = {}; 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-let timer;
-const DEBOUNCE_TIME = 800;
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var timer;
+var DEBOUNCE_TIME = 800;
 
 function debounce(func) {
   var _this = this;
 
-  let timeout = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEBOUNCE_TIME;
+  var timeout = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : DEBOUNCE_TIME;
   return function () {
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
       args[_key] = arguments[_key];
     }
 
     clearTimeout(timer);
-    timer = setTimeout(() => {
+    timer = setTimeout(function () {
       func.apply(_this, args);
     }, timeout);
   };
@@ -51,105 +61,174 @@ function debounce(func) {
 function RangeSlider(_ref) {
   var _value$from, _value$to;
 
-  let {
-    required,
-    noTrack,
-    rangeSymbol,
-    min = 0,
-    max = 100,
-    decimalPlaces = 2,
-    minRange = 0,
-    precision = 0,
-    testId,
-    value = {
-      from: min,
-      to: max
-    },
-    unit = "",
-    label = "",
-    isUseBitPoints = true,
-    onChange = () => {}
-  } = _ref;
-  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) * 10 ** precision, 10) / 10 ** precision;
+  var required = _ref.required,
+      noTrack = _ref.noTrack,
+      rangeSymbol = _ref.rangeSymbol,
+      _ref$min = _ref.min,
+      min = _ref$min === void 0 ? 0 : _ref$min,
+      _ref$max = _ref.max,
+      max = _ref$max === void 0 ? 100 : _ref$max,
+      _ref$decimalPlaces = _ref.decimalPlaces,
+      decimalPlaces = _ref$decimalPlaces === void 0 ? 2 : _ref$decimalPlaces,
+      _ref$minRange = _ref.minRange,
+      minRange = _ref$minRange === void 0 ? 0 : _ref$minRange,
+      _ref$precision = _ref.precision,
+      precision = _ref$precision === void 0 ? 0 : _ref$precision,
+      testId = _ref.testId,
+      _ref$value = _ref.value,
+      value = _ref$value === void 0 ? {
+    from: min,
+    to: max
+  } : _ref$value,
+      _ref$unit = _ref.unit,
+      unit = _ref$unit === void 0 ? "" : _ref$unit,
+      _ref$label = _ref.label,
+      label = _ref$label === void 0 ? "" : _ref$label,
+      _ref$isUseBitPoints = _ref.isUseBitPoints,
+      isUseBitPoints = _ref$isUseBitPoints === void 0 ? true : _ref$isUseBitPoints,
+      _ref$onChange = _ref.onChange,
+      onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange;
+
+  var _useIsMobile = (0, _useIsMobile2.default)(),
+      isMobile = _useIsMobile.isMobile;
+
+  var trackRef = (0, _react.useRef)(0);
+
+  var _useState = (0, _react.useState)(0),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      trackWidth = _useState2[0],
+      setTrackWidth = _useState2[1];
+
+  var _useState3 = (0, _react.useState)(0),
+      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+      trackPosition = _useState4[0],
+      setTrackPosition = _useState4[1];
+
+  var fromTriggerRef = (0, _react.useRef)(0);
+  var toTriggerRef = (0, _react.useRef)(0);
+
+  var prepareValue = function prepareValue(value) {
+    return parseInt(parseFloat(value) * Math.pow(10, precision), 10) / Math.pow(10, precision);
   };
 
-  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);
+  var _useState5 = (0, _react.useState)((_value$from = value === null || value === void 0 ? void 0 : value.from) !== null && _value$from !== void 0 ? _value$from : min),
+      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+      from = _useState6[0],
+      setFromValue = _useState6[1];
 
-  const setFrom = v => setFromValue(prepareValue(v));
+  var setFrom = function setFrom(v) {
+    return setFromValue(prepareValue(v));
+  };
 
-  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);
+  var _useState7 = (0, _react.useState)((_value$to = value === null || value === void 0 ? void 0 : value.to) !== null && _value$to !== void 0 ? _value$to : max),
+      _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+      to = _useState8[0],
+      setToValue = _useState8[1];
 
-  const setTo = v => setToValue(prepareValue(v));
+  var setTo = function setTo(v) {
+    return setToValue(prepareValue(v));
+  };
 
-  const [focusedType, setFocusedType] = (0, _react.useState)(null);
-  const [frezeedValues, setFrezeedValues] = (0, _react.useState)(null);
-  const [isInputsFocused, setIsInputsFocused] = (0, _react.useState)({
+  var _useState9 = (0, _react.useState)(null),
+      _useState10 = (0, _slicedToArray2.default)(_useState9, 2),
+      focusedType = _useState10[0],
+      setFocusedType = _useState10[1];
+
+  var _useState11 = (0, _react.useState)(null),
+      _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
+      frezeedValues = _useState12[0],
+      setFrezeedValues = _useState12[1];
+
+  var _useState13 = (0, _react.useState)({
     from: false,
     to: false
-  });
-
-  const setIsInputFocused = (input, value) => setIsInputsFocused(state => ({ ...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 => {
+  }),
+      _useState14 = (0, _slicedToArray2.default)(_useState13, 2),
+      isInputsFocused = _useState14[0],
+      setIsInputsFocused = _useState14[1];
+
+  var setIsInputFocused = function setIsInputFocused(input, value) {
+    return setIsInputsFocused(function (state) {
+      return _objectSpread(_objectSpread({}, state), {}, (0, _defineProperty2.default)({}, input, value));
+    });
+  };
+
+  var fromValue = frezeedValues ? frezeedValues === null || frezeedValues === void 0 ? void 0 : frezeedValues.from : from;
+  var toValue = frezeedValues ? frezeedValues === null || frezeedValues === void 0 ? void 0 : frezeedValues.to : to;
+
+  var _useState15 = (0, _react.useState)(null),
+      _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
+      movingController = _useState16[0],
+      setMovingController = _useState16[1];
+
+  var _useState17 = (0, _react.useState)(null),
+      _useState18 = (0, _slicedToArray2.default)(_useState17, 2),
+      movingTrigger = _useState18[0],
+      setMovingTrigger = _useState18[1];
+
+  var _useState19 = (0, _react.useState)(null),
+      _useState20 = (0, _slicedToArray2.default)(_useState19, 2),
+      movingTriggerType = _useState20[0],
+      setMovingTriggerType = _useState20[1];
+
+  var _useState21 = (0, _react.useState)(false),
+      _useState22 = (0, _slicedToArray2.default)(_useState21, 2),
+      isTriggerMoved = _useState22[0],
+      setIsTriggerMoved = _useState22[1];
+
+  var _useState23 = (0, _react.useState)(0),
+      _useState24 = (0, _slicedToArray2.default)(_useState23, 2),
+      pointsPerPx = _useState24[0],
+      setPointsPerPx = _useState24[1];
+
+  var _useState25 = (0, _react.useState)(0),
+      _useState26 = (0, _slicedToArray2.default)(_useState25, 2),
+      extremumRange = _useState26[0],
+      setExtremumRange = _useState26[1];
+
+  var _useState27 = (0, _react.useState)(0),
+      _useState28 = (0, _slicedToArray2.default)(_useState27, 2),
+      extremumWidth = _useState28[0],
+      setExtremumWidth = _useState28[1];
+
+  var countPointsPerPx = function countPointsPerPx(width) {
     return (max - min) / width;
   };
 
-  const resetRange = () => {
+  var resetRange = function resetRange() {
     setFrom(min);
     setTo(max);
   };
 
-  const getTrackXByPoints = pts => {
+  var getTrackXByPoints = function getTrackXByPoints(pts) {
     return (pts - min) / pointsPerPx;
   };
 
-  const getRangeWidth = () => {
+  var getRangeWidth = function getRangeWidth() {
     return getTrackXByPoints(toValue) - getTrackXByPoints(fromValue);
   };
 
-  const getRangeOffset = () => {
+  var getRangeOffset = function getRangeOffset() {
     return getTrackXByPoints(fromValue);
   };
 
-  const getXByPoints = pts => {
+  var getXByPoints = function getXByPoints(pts) {
     return (pts - min) / pointsPerPx + trackPosition;
   };
 
-  const getPointsByX = x => {
+  var getPointsByX = function getPointsByX(x) {
     return (x - trackPosition) * pointsPerPx + min;
   };
 
-  const onRangeChange = function (type, value) {
-    let validate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-    let callOnChange = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
+  var onRangeChange = function onRangeChange(type, value) {
+    var validate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
+    var callOnChange = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : true;
     if (validate) value = prepareValue(value);
     if (isNaN(value)) value = 0;
 
     switch (type) {
       case "from":
-        const getValidatedFromValue = value => {
+        var getValidatedFromValue = function getValidatedFromValue(value) {
           if (!value || value < min) {
             value = min;
           }
@@ -168,10 +247,10 @@ function RangeSlider(_ref) {
         validate ? setFrom(value) : setFromValue(value);
 
         if (!isTriggerMoved && callOnChange) {
-          debounce(() => {
-            const values = {
+          debounce(function () {
+            var values = {
               from: prepareValue(getValidatedFromValue(value)),
-              to
+              to: to
             };
             onChange(values);
             setFrezeedValues(values);
@@ -181,7 +260,7 @@ function RangeSlider(_ref) {
         break;
 
       case "to":
-        const getValidatedToValue = value => {
+        var getValidatedToValue = function getValidatedToValue(value) {
           if (!value || value > max) {
             value = max;
           }
@@ -200,9 +279,9 @@ function RangeSlider(_ref) {
         validate ? setTo(value) : setToValue(value);
 
         if (!isTriggerMoved && callOnChange) {
-          debounce(() => {
-            const values = {
-              from,
+          debounce(function () {
+            var values = {
+              from: from,
               to: prepareValue(getValidatedToValue(value))
             };
             onChange(values);
@@ -215,7 +294,7 @@ function RangeSlider(_ref) {
   }; // MouseDown Event Controller
 
 
-  const onTriggerMouseDown = (e, type) => {
+  var onTriggerMouseDown = function onTriggerMouseDown(e, type) {
     if (e.button !== 0 && !isMobile) return; // Отменить обработку, если нажата не левая кнопка мыши
 
     setMovingTrigger(e.target);
@@ -223,7 +302,7 @@ function RangeSlider(_ref) {
     setIsTriggerMoved(true); // Установить флаг движения в true при клике
   };
 
-  const onTriggerMove = e => {
+  var onTriggerMove = function onTriggerMove(e) {
     var _e$touches;
 
     if (!isMobile) {
@@ -233,109 +312,117 @@ function RangeSlider(_ref) {
 
     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()) || {};
+
+    var _ref2 = isMobile ? e === null || e === void 0 ? void 0 : (_e$touches = e.touches) === null || _e$touches === void 0 ? void 0 : _e$touches[0] : e,
+        x = _ref2.clientX;
+
+    var _ref3 = (movingTrigger === null || movingTrigger === void 0 ? void 0 : movingTrigger.getBoundingClientRect()) || {},
+        _ref3$width = _ref3.width,
+        triggerWidth = _ref3$width === void 0 ? 16 : _ref3$width;
+
     if (x < trackPosition || x > trackPosition + trackWidth + triggerWidth) return false;
     x -= triggerWidth / 2;
     onRangeChange(movingTriggerType, getPointsByX(x));
   };
 
-  const onTriggerMoveEnd = () => {
+  var onTriggerMoveEnd = function onTriggerMoveEnd() {
     setMovingTrigger(null);
     setMovingTriggerType(null);
     setIsTriggerMoved(false);
   };
 
-  const onRangeInputFocus = (e, type) => {
-    setTimeout(() => setIsInputFocused(type, true), 1);
+  var onRangeInputFocus = function onRangeInputFocus(e, type) {
+    setTimeout(function () {
+      return setIsInputFocused(type, true);
+    }, 1);
   };
 
-  const onRangeInputBlur = (e, type) => {
+  var onRangeInputBlur = function onRangeInputBlur(e, type) {
     setIsInputFocused(type, false);
   };
 
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     var _value$from2, _value$to2;
 
     onRangeChange("from", (_value$from2 = value === null || value === void 0 ? void 0 : value.from) !== null && _value$from2 !== void 0 ? _value$from2 : max, true, false);
     onRangeChange("to", (_value$to2 = value === null || value === void 0 ? void 0 : value.to) !== null && _value$to2 !== void 0 ? _value$to2 : min, true, false);
   }, []); /// MouseUp Event Controller
 
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     document.addEventListener("mouseup", onTriggerMoveEnd);
-    return () => {
+    return function () {
       document.removeEventListener("mouseup", onTriggerMoveEnd);
     };
   }, []); // MouseMove Event Controller
 
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     // Прекратить обработку, если нет активного триггера или не было движения
     if (!movingTrigger || !isTriggerMoved) return;
 
-    const handleMouseMove = e => {
+    var handleMouseMove = function handleMouseMove(e) {
       onTriggerMove(e);
     };
 
     document.addEventListener("mousemove", handleMouseMove);
-    return () => {
+    return function () {
       document.removeEventListener("mousemove", handleMouseMove);
     };
   }, [movingTrigger, isTriggerMoved]);
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     if (movingController) {
       document.addEventListener("mousemove", onTriggerMove, {
         signal: movingController === null || movingController === void 0 ? void 0 : movingController.signal
       });
     }
   }, [movingController]);
-  (0, _react.useEffect)(() => {
+  (0, _react.useEffect)(function () {
     setFrezeedValues(null);
   }, [isTriggerMoved]);
-  (0, _react.useEffect)(() => {
-    if (Object.values(isInputsFocused).every(v => !v) && !isTriggerMoved && (value.from !== from || value.to !== to)) {
+  (0, _react.useEffect)(function () {
+    if (Object.values(isInputsFocused).every(function (v) {
+      return !v;
+    }) && !isTriggerMoved && (value.from !== from || value.to !== to)) {
       onChange({
-        from,
-        to
+        from: from,
+        to: to
       });
     }
 
     if (isTriggerMoved) setFrezeedValues({
-      from,
-      to
+      from: from,
+      to: to
     });
   }, [from, to, isTriggerMoved]);
-  (0, _react.useLayoutEffect)(() => {
+  (0, _react.useLayoutEffect)(function () {
     setFrom(value.from);
     setTo(value.to);
   }, [value]);
-  (0, _react.useLayoutEffect)(() => {
+  (0, _react.useLayoutEffect)(function () {
     var _trackRef$current, _fromTriggerRef$curre, _fromTriggerRef$curre2, _toTriggerRef$current, _toTriggerRef$current2;
 
-    let {
-      width,
-      x
-    } = (trackRef === null || trackRef === void 0 ? void 0 : (_trackRef$current = trackRef.current) === null || _trackRef$current === void 0 ? void 0 : _trackRef$current.getBoundingClientRect()) || {};
+    var _ref4 = (trackRef === null || trackRef === void 0 ? void 0 : (_trackRef$current = trackRef.current) === null || _trackRef$current === void 0 ? void 0 : _trackRef$current.getBoundingClientRect()) || {},
+        width = _ref4.width,
+        x = _ref4.x;
+
     width -= (fromTriggerRef === null || fromTriggerRef === void 0 ? void 0 : (_fromTriggerRef$curre = fromTriggerRef.current) === null || _fromTriggerRef$curre === void 0 ? void 0 : (_fromTriggerRef$curre2 = _fromTriggerRef$curre.getBoundingClientRect()) === null || _fromTriggerRef$curre2 === void 0 ? void 0 : _fromTriggerRef$curre2.width) || (toTriggerRef === null || toTriggerRef === void 0 ? void 0 : (_toTriggerRef$current = toTriggerRef.current) === null || _toTriggerRef$current === void 0 ? void 0 : (_toTriggerRef$current2 = _toTriggerRef$current.getBoundingClientRect()) === null || _toTriggerRef$current2 === void 0 ? void 0 : _toTriggerRef$current2.width);
     setPointsPerPx(countPointsPerPx(width));
     setTrackWidth(width);
     setTrackPosition(x);
   }, [trackRef]);
-  (0, _react.useEffect)(() => {
-    if (Object.values(isInputsFocused).every(v => !v)) {
+  (0, _react.useEffect)(function () {
+    if (Object.values(isInputsFocused).every(function (v) {
+      return !v;
+    })) {
       setFrezeedValues(false);
     } else {
       setFrezeedValues({
-        from,
-        to
+        from: from,
+        to: to
       });
     }
   }, [isInputsFocused]);
 
-  const renderLabel = () => {
+  var renderLabel = function renderLabel() {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "range-slider__header__label"
     }, label, required && /*#__PURE__*/_react.default.createElement("span", {
@@ -343,7 +430,7 @@ function RangeSlider(_ref) {
     }, "*"));
   };
 
-  const renderSelectedRange = () => {
+  var renderSelectedRange = function renderSelectedRange() {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "range-slider__header__selected-range"
     }, /*#__PURE__*/_react.default.createElement("div", {
@@ -354,13 +441,13 @@ function RangeSlider(_ref) {
     }, /*#__PURE__*/_react.default.createElement(_reactFeather.X, null)));
   };
 
-  const renderHeader = () => {
+  var renderHeader = function renderHeader() {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "range-slider__header"
     }, renderLabel(), min !== fromValue || max !== toValue ? renderSelectedRange() : null);
   };
 
-  const renderInputs = () => {
+  var renderInputs = function renderInputs() {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: "range-slider__inputs"
     }, /*#__PURE__*/_react.default.createElement("div", {
@@ -368,14 +455,20 @@ function RangeSlider(_ref) {
     }, /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({
       "data-testid": "rangeSlider--input--".concat(testId, "--type-from"),
       value: from.toString(),
-      onFocus: e => onRangeInputFocus(e, "from"),
-      onBlur: e => onRangeInputBlur(e, "from"),
-      onChange: value => onRangeChange("from", value, false),
+      onFocus: function onFocus(e) {
+        return onRangeInputFocus(e, "from");
+      },
+      onBlur: function onBlur(e) {
+        return onRangeInputBlur(e, "from");
+      },
+      onChange: function onChange(value) {
+        return onRangeChange("from", value, false);
+      },
       onlyNumbers: {
         type: "float",
-        decimalPlaces,
-        min,
-        max
+        decimalPlaces: decimalPlaces,
+        min: min,
+        max: max
       },
       isPriceInput: isUseBitPoints
     }, _mobileKeyboardTypesPresets.NUMERIC_KEYBOARD))), /*#__PURE__*/_react.default.createElement("div", {
@@ -383,21 +476,27 @@ function RangeSlider(_ref) {
     }, /*#__PURE__*/_react.default.createElement(_Input.default, (0, _extends2.default)({
       "data-testid": "rangeSlider--input--".concat(testId, "--type-to"),
       value: to.toString(),
-      onFocus: e => onRangeInputFocus(e, "to"),
-      onBlur: e => onRangeInputBlur(e, "to"),
-      onChange: value => onRangeChange("to", value, false),
+      onFocus: function onFocus(e) {
+        return onRangeInputFocus(e, "to");
+      },
+      onBlur: function onBlur(e) {
+        return onRangeInputBlur(e, "to");
+      },
+      onChange: function onChange(value) {
+        return onRangeChange("to", value, false);
+      },
       onlyNumbers: {
         type: "float",
-        decimalPlaces,
-        min,
-        max
+        decimalPlaces: decimalPlaces,
+        min: min,
+        max: max
       },
       isPriceInput: isUseBitPoints
     }, _mobileKeyboardTypesPresets.NUMERIC_KEYBOARD))));
   };
 
-  const renderTrackRange = () => {
-    const style = {
+  var renderTrackRange = function renderTrackRange() {
+    var style = {
       width: "".concat(getRangeWidth(), "px"),
       left: "".concat(getRangeOffset(), "px")
     };
@@ -407,15 +506,15 @@ function RangeSlider(_ref) {
     });
   };
 
-  const renderTrackTriggers = () => {
-    const fromStyle = {
+  var renderTrackTriggers = function renderTrackTriggers() {
+    var fromStyle = {
       left: "".concat(getTrackXByPoints(fromValue), "px")
     };
-    const toStyle = {
+    var toStyle = {
       left: "".concat(getTrackXByPoints(toValue), "px")
     };
 
-    const renderTrack = () => {
+    var renderTrack = function renderTrack() {
       return /*#__PURE__*/_react.default.createElement("div", {
         className: (0, _classnames.default)("range-slider__track", {
           hidden: noTrack
@@ -433,27 +532,35 @@ function RangeSlider(_ref) {
       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"),
+      onMouseDown: function onMouseDown(e) {
+        return !isMobile ? onTriggerMouseDown(e, "from") : {};
+      },
+      onTouchStart: function onTouchStart(e) {
+        return onTriggerMouseDown(e, "from");
+      },
       onTouchMove: onTriggerMove,
       onTouchEnd: onTriggerMoveEnd,
-      onClick: () => {} // DONT REMOVE! MOBILE WILL NOT WORK WITHOUT IT
+      onClick: function onClick() {} // DONT REMOVE! MOBILE WILL NOT WORK WITHOUT IT
 
     }), /*#__PURE__*/_react.default.createElement("div", {
       "data-testid": "rangeSlider--track--".concat(testId, "--type-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"),
+      onMouseDown: function onMouseDown(e) {
+        return !isMobile ? onTriggerMouseDown(e, "to") : {};
+      },
+      onTouchStart: function onTouchStart(e) {
+        return onTriggerMouseDown(e, "to");
+      },
       onTouchMove: onTriggerMove,
       onTouchEnd: onTriggerMoveEnd,
-      onClick: () => {} // DONT REMOVE! MOBILE WILL NOT WORK WITHOUT IT
+      onClick: function onClick() {} // DONT REMOVE! MOBILE WILL NOT WORK WITHOUT IT
 
     }));
   };
 
-  const renderTrack = () => {
+  var renderTrack = function renderTrack() {
     return /*#__PURE__*/_react.default.createElement("div", {
       className: (0, _classnames.default)("range-slider__track", {
         hidden: noTrack