intelicoreact 1.5.32 → 1.5.34

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

@@ -1,789 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = RangeSlider2;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _reactFeather = require("react-feather");
-var _useIsMobile = _interopRequireDefault(require("../../../Functions/useIsMobile"));
-var _utils = require("../../../Functions/utils");
-require("./RangeSlider2.scss");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const COMPONENT_CLASS = "range-slider2";
-const {
-  LEFT_COLLISSION,
-  RIGHT_COLLISION,
-  BOTH_COLLISION,
-  NO_COLLISION
-} = Object.freeze({
-  NO_COLLISION: 0,
-  LEFT_COLLISSION: -1,
-  RIGHT_COLLISION: 1,
-  BOTH_COLLISION: 2
-});
-const {
-  ASSIGN_TO_LEFT,
-  ASSIGN_TO_RIGHT
-} = Object.freeze({
-  ASSIGN_TO_LEFT: -1,
-  ASSIGN_TO_RIGHT: 1
-});
-const POINT_VALUE_TYPES = Object.freeze({
-  FROM: "from",
-  TO: "to",
-  BOTH: "both"
-});
-function RangeSlider2(_ref) {
-  let {
-    min = 300,
-    max = 850,
-    minRange = 50,
-    dividersRange = 50,
-    pointValueType = POINT_VALUE_TYPES.FROM,
-    precision = 0,
-    step = 5,
-    className,
-    value = [],
-    onChange = () => {},
-    transformDataOnConcat = (d1, d2) => {
-      return [];
-    }
-  } = _ref;
-  const {
-    isMobile
-  } = (0, _useIsMobile.default)();
-  const [protectedValue, setProtectedValue] = (0, _react.useState)([]);
-  const trackRef = (0, _react.useRef)(null);
-  const addTriggerRef = (0, _react.useRef)(null);
-  const [trackWidth, setTrackWidth] = (0, _react.useState)(0);
-  const [trackPosition, setTrackPosition] = (0, _react.useState)(0);
-  const [mouseTrackPosition, setMouseTrackPosition] = (0, _react.useState)(0);
-  const prepareValue = value => {
-    return parseInt(parseFloat(value) * 10 ** precision, 10) / 10 ** precision;
-  };
-  const [ranges, setRanges] = (0, _react.useState)(value);
-  const addRange = _ref2 => {
-    let {
-      from,
-      to,
-      label,
-      value,
-      data = [],
-      id = null
-    } = _ref2;
-    return setRanges(ranges => {
-      if (!id) {
-        id = ((ranges === null || ranges === void 0 ? void 0 : ranges.length) + 1) * -1;
-      }
-      return [...ranges, {
-        id,
-        from,
-        to,
-        label,
-        data,
-        value: Number.isInteger(value) ? value : 0
-      }].sort((a, b) => a.from - b.from);
-    });
-  };
-  const updateRange = _ref3 => {
-    let {
-      from,
-      to,
-      label,
-      value,
-      data,
-      id
-    } = _ref3;
-    return setRanges(ranges => {
-      const newRanges = [...ranges];
-      const range = newRanges === null || newRanges === void 0 ? void 0 : newRanges.find(_ref4 => {
-        let {
-          id: rangeId
-        } = _ref4;
-        return rangeId === id;
-      });
-      if (range) {
-        range.from = from !== null && from !== void 0 ? from : range === null || range === void 0 ? void 0 : range.from;
-        range.to = to !== null && to !== void 0 ? to : range === null || range === void 0 ? void 0 : range.to;
-        range.label = label !== null && label !== void 0 ? label : range === null || range === void 0 ? void 0 : range.label;
-        range.value = value !== undefined ? Number.isInteger(value) ? value : 0 : range === null || range === void 0 ? void 0 : range.value;
-        range.data = data !== undefined ? data : range === null || range === void 0 ? void 0 : range.data;
-      }
-      return newRanges;
-    });
-  };
-  const updateRangesByTrigger = trigger => {
-    var _triggers$find;
-    const newValue = triggers === null || triggers === void 0 || (_triggers$find = triggers.find(_ref5 => {
-      let {
-        id
-      } = _ref5;
-      return id === (trigger === null || trigger === void 0 ? void 0 : trigger.id);
-    })) === null || _triggers$find === void 0 ? void 0 : _triggers$find.value;
-    const oldValue = trigger === null || trigger === void 0 ? void 0 : trigger.value;
-    const leftRange = ranges === null || ranges === void 0 ? void 0 : ranges.find(range => (range === null || range === void 0 ? void 0 : range.to) === oldValue);
-    const rightRange = ranges === null || ranges === void 0 ? void 0 : ranges.find(range => (range === null || range === void 0 ? void 0 : range.from) === oldValue + 1);
-    if (leftRange && rightRange) {
-      updateRange({
-        from: leftRange === null || leftRange === void 0 ? void 0 : leftRange.from,
-        to: newValue,
-        id: leftRange === null || leftRange === void 0 ? void 0 : leftRange.id
-      });
-      updateRange({
-        from: newValue + 1,
-        to: rightRange === null || rightRange === void 0 ? void 0 : rightRange.to,
-        id: rightRange === null || rightRange === void 0 ? void 0 : rightRange.id
-      });
-    }
-  };
-  const splitRange = score => {
-    const range = ranges === null || ranges === void 0 ? void 0 : ranges.find(_ref6 => {
-      let {
-        from,
-        to
-      } = _ref6;
-      return from + minRange <= score + 1 && score <= to - minRange;
-    });
-    if (!range) return;
-    const {
-      value = 0,
-      label,
-      data
-    } = addTriggerFixedRange || {};
-    addRange({
-      value: assignValueToRange === ASSIGN_TO_RIGHT ? value : 0,
-      data: assignValueToRange === ASSIGN_TO_RIGHT ? data : null,
-      label,
-      from: score + 1,
-      to: range === null || range === void 0 ? void 0 : range.to,
-      id: null
-    });
-    updateRange({
-      ...range,
-      value: assignValueToRange === ASSIGN_TO_LEFT ? value : 0,
-      data: assignValueToRange === ASSIGN_TO_LEFT ? data : null,
-      label,
-      to: score
-    });
-    if (isAddTriggerFixed) unfixAddTrigger();
-  };
-  const concatRanges = score => {
-    const [left, right] = ranges === null || ranges === void 0 ? void 0 : ranges.filter(_ref7 => {
-      let {
-        from,
-        to
-      } = _ref7;
-      return from === score + 1 || score === to;
-    });
-    const {
-      data,
-      value
-    } = transformDataOnConcat(left, right);
-    updateRange({
-      from: left === null || left === void 0 ? void 0 : left.from,
-      to: right === null || right === void 0 ? void 0 : right.to,
-      id: left === null || left === void 0 ? void 0 : left.id,
-      data,
-      value
-    });
-    removeRange(right === null || right === void 0 ? void 0 : right.id);
-  };
-  const removeRange = id => setRanges(ranges => ranges === null || ranges === void 0 ? void 0 : ranges.filter(range => (range === null || range === void 0 ? void 0 : range.id) !== id));
-  const clearRanges = () => setRanges([]);
-  const [triggers, setTriggers] = (0, _react.useState)([]);
-  const addTrigger = function (value) {
-    let {
-      isFixed = false,
-      isHidden = false
-    } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-    let {
-      withRange = true
-    } = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-    let index = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : triggers.length;
-    return setTriggers(state => {
-      if (withRange) splitRange(value);
-      const newState = [...state];
-      const id = state !== null && state !== void 0 && state.length ? Math.max(...(state === null || state === void 0 ? void 0 : state.map(_ref8 => {
-        let {
-          id
-        } = _ref8;
-        return id;
-      }))) + 1 : 0;
-      newState.splice(index, 0, {
-        id,
-        value,
-        isFixed,
-        isHidden
-      });
-      return newState.sort((a, b) => a.value < b.value ? -1 : 1);
-    });
-  };
-  const updateTrigger = (index, value) => setTriggers(state => {
-    const newState = [...state];
-    newState[index] = {
-      ...newState[index],
-      value
-    };
-    return newState;
-  });
-  const removeTrigger = index => setTriggers(state => {
-    var _state$index;
-    concatRanges((_state$index = state[index]) === null || _state$index === void 0 ? void 0 : _state$index.value);
-    const newState = [...state];
-    newState.splice(index, 1);
-    return newState;
-  });
-  const clearTriggers = () => setTriggers([]);
-  const getTriggerByScore = score => {
-    return triggers === null || triggers === void 0 ? void 0 : triggers.find(_ref9 => {
-      let {
-        value: triggerScore
-      } = _ref9;
-      return triggerScore === score;
-    });
-  };
-  const [movingController, setMovingController] = (0, _react.useState)(null);
-  const [movingTrigger, setMovingTrigger] = (0, _react.useState)(null);
-  const [movingTriggerIndex, setMovingTriggerIndex] = (0, _react.useState)(null);
-  const [movingTriggerData, setMovingTriggerData] = (0, _react.useState)(null);
-  const [isTriggerMoved, setIsTriggerMoved] = (0, _react.useState)(false);
-  const [isMouseOverTrigger, setIsMouseOverTrigger] = (0, _react.useState)(false);
-  const setMouseOverTrigger = () => setIsMouseOverTrigger(true);
-  const setMouseLeaveTrigger = () => setIsMouseOverTrigger(false);
-  const [isMouseOverTrack, setIsMouseOverTrack] = (0, _react.useState)(false);
-  const setMouseOverTrack = () => setIsMouseOverTrack(true);
-  const setMouseLeaveTrack = () => setIsMouseOverTrack(false);
-  const isTriggerMoving = triggerIndex => triggerIndex === movingTriggerIndex;
-  const [addTriggerFixedScore, setAddTriggerFixedScore] = (0, _react.useState)(null);
-  const [addTriggerFixedRange, setAddTriggerFixedRange] = (0, _react.useState)(null);
-  const [isAddTriggerFixed, setIsAddTriggerFixed] = (0, _react.useState)(false);
-  const [assignValueToRange, setAssignValueToRange] = (0, _react.useState)(ASSIGN_TO_LEFT);
-  const fixAddTrigger = (score, inRange) => {
-    setAddTriggerFixedScore(score);
-    setAddTriggerFixedRange(inRange);
-    setIsAddTriggerFixed(true);
-  };
-  const unfixAddTrigger = e => {
-    e === null || e === void 0 || e.stopPropagation();
-    e === null || e === void 0 || e.preventDefault();
-    setAddTriggerFixedScore(null);
-    setAddTriggerFixedRange(null);
-    setIsAddTriggerFixed(false);
-    setAssignValueToRange(ASSIGN_TO_LEFT);
-  };
-  const [pointsPerPx, setPointsPerPx] = (0, _react.useState)(0);
-  const countPointsPerPx = width => {
-    return (max - min) / width;
-  };
-
-  // GETTERS //
-  const getTrackXByScore = score => {
-    return (score - min) / pointsPerPx;
-  };
-  const getScoreByX = x => {
-    let points = (x - trackPosition) * pointsPerPx + min;
-    points -= points % step;
-    if (points < min) points = min;
-    if (points > max) points = max;
-    return points - 1;
-  };
-  const getTriggerCollisionDirection = (index, points) => {
-    var _triggers, _triggers2;
-    if (index <= 0) return points;
-    const [triggerBefore, triggerAfter] = [(triggers === null || triggers === void 0 || (_triggers = triggers[index - 1]) === null || _triggers === void 0 ? void 0 : _triggers.value) + minRange - 1, (triggers === null || triggers === void 0 || (_triggers2 = triggers[index + 1]) === null || _triggers2 === void 0 ? void 0 : _triggers2.value) - minRange - 1];
-    if (triggerBefore === triggerAfter) return BOTH_COLLISION;else if (points === triggerBefore) return LEFT_COLLISSION;else if (points === triggerAfter) return RIGHT_COLLISION;else return NO_COLLISION;
-  };
-  const getTriggerScore = (index, points) => {
-    var _triggers3, _triggers4;
-    if (index <= 0) return points;
-    const [triggerBefore, triggerAfter] = [(triggers === null || triggers === void 0 || (_triggers3 = triggers[index - 1]) === null || _triggers3 === void 0 ? void 0 : _triggers3.value) + minRange - 1, (triggers === null || triggers === void 0 || (_triggers4 = triggers[index + 1]) === null || _triggers4 === void 0 ? void 0 : _triggers4.value) - minRange - 1];
-    if (points < triggerBefore) return triggerBefore;else if (points > triggerAfter) return triggerAfter;else return points;
-  };
-  const getAddTriggerCollisionDirection = x => {
-    const triggerScore = getAddTriggerScore(x);
-    const inRange = getInRange(triggerScore);
-    if (!inRange) return 0;
-    const {
-      from,
-      to
-    } = inRange;
-    const triggerBefore = from + minRange - 1;
-    const triggerAfter = to - minRange - 1;
-    if (triggerBefore === triggerAfter) return BOTH_COLLISION;else if (triggerScore <= triggerBefore) return LEFT_COLLISSION;else if (triggerScore >= triggerAfter) return RIGHT_COLLISION;else return NO_COLLISION;
-  };
-  const getAddTriggerPosition = () => {
-    return isAddTriggerFixed ? getTrackXByScore(addTriggerFixedScore) : mouseTrackPosition;
-  };
-  const getAddTriggerScore = x => {
-    var _getRangesList;
-    const score = getScoreByX(x);
-    let result = (_getRangesList = getRangesList()) === null || _getRangesList === void 0 ? void 0 : _getRangesList.reduce((result, _ref10) => {
-      let {
-        from,
-        to
-      } = _ref10;
-      if (to - from + 1 <= 2 * minRange && from <= score && score <= to) {
-        return null;
-      }
-      if (from <= score && score <= from + minRange) {
-        return from + minRange - 1;
-      } else if (to - minRange <= score && score <= to) {
-        return to - minRange - 1;
-      } else {
-        return result;
-      }
-    }, score);
-    if (!result) {
-      var _getRangesList2;
-      const closestRange = (_getRangesList2 = getRangesList()) === null || _getRangesList2 === void 0 || (_getRangesList2 = _getRangesList2.filter(_ref11 => {
-        let {
-          from,
-          to
-        } = _ref11;
-        return to - from + 1 >= 2 * minRange;
-      })) === null || _getRangesList2 === void 0 ? void 0 : _getRangesList2.reduce((result, range) => {
-        const distance = Math.abs((range.to + range.from) / 2 - score);
-        if (!result || distance < (result === null || result === void 0 ? void 0 : result.distance)) {
-          return {
-            ...range,
-            distance
-          };
-        }
-        return result;
-      }, null);
-      if (closestRange) {
-        if ((closestRange === null || closestRange === void 0 ? void 0 : closestRange.to) < score) result = (closestRange === null || closestRange === void 0 ? void 0 : closestRange.to) - minRange - 1;
-        if (score < (closestRange === null || closestRange === void 0 ? void 0 : closestRange.from)) result = (closestRange === null || closestRange === void 0 ? void 0 : closestRange.from) + minRange - 1;
-      }
-    }
-    return result;
-  };
-  const getRangesList = () => {
-    return triggers.map(_ref12 => {
-      let {
-        value
-      } = _ref12;
-      return value;
-    }).sort().reduce((result, score, i, scores) => {
-      if (i !== 0) {
-        result.push({
-          from: scores[i - 1],
-          to: score
-        });
-      }
-      return result;
-    }, []);
-  };
-  const getInRange = score => {
-    return ranges === null || ranges === void 0 ? void 0 : ranges.find(_ref13 => {
-      let {
-        from,
-        to
-      } = _ref13;
-      return from <= score && score <= to;
-    });
-  };
-  const getPointValue = score => {
-    switch (pointValueType) {
-      case POINT_VALUE_TYPES.FROM:
-        return "".concat(score + 1);
-      case POINT_VALUE_TYPES.TO:
-        return "".concat(score);
-      case POINT_VALUE_TYPES.BOTH:
-      default:
-        return "".concat(score, " | ").concat(score + 1);
-    }
-  };
-
-  // EVENTS //
-  const onRangeChange = function (index, value) {
-    let validate = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-    if (validate) value = prepareValue(value);
-    if (isNaN(value)) value = 0;
-    updateTrigger(index, value);
-  };
-  const onTriggerMouseDown = (e, index) => {
-    setMovingTrigger(e.target);
-    setMovingTriggerIndex(index);
-    setMovingTriggerData({
-      ...triggers[index]
-    });
-  };
-  const onTriggerMove = e => {
-    var _e$touches$, _e$touches;
-    if (e !== null && e !== void 0 && e.cancelable) e === null || e === void 0 || e.preventDefault();
-    e === null || e === void 0 || e.stopPropagation();
-    if (!movingTriggerIndex || !movingTrigger) {
-      return false;
-    }
-    if (!isTriggerMoved) setIsTriggerMoved(true);
-    const {
-      clientX: x
-    } = (_e$touches$ = e === null || e === void 0 || (_e$touches = e.touches) === null || _e$touches === void 0 ? void 0 : _e$touches[0]) !== null && _e$touches$ !== void 0 ? _e$touches$ : e;
-    const {
-      width: triggerWidth
-    } = (movingTrigger === null || movingTrigger === void 0 ? void 0 : movingTrigger.getBoundingClientRect()) || {};
-    if (x < trackPosition || x > trackPosition + trackWidth + triggerWidth) return false;
-    const triggerPoints = getTriggerScore(movingTriggerIndex, getScoreByX(x));
-    onRangeChange(movingTriggerIndex, triggerPoints);
-  };
-  const resetMovingTrigger = () => {
-    setTimeout(() => {
-      setMovingTrigger(null);
-      setMovingTriggerIndex(null);
-    }, 1);
-  };
-
-  // USE EFFECT'S //
-  // MouseUp Event Controller
-  (0, _react.useEffect)(() => {
-    if (isMobile) {
-      document.addEventListener("touchend", resetMovingTrigger);
-    } else {
-      document.addEventListener("mouseup", resetMovingTrigger);
-    }
-    return () => {
-      if (isMobile) {
-        document.removeEventListener("touchend", resetMovingTrigger);
-      } else {
-        document.removeEventListener("mouseup", resetMovingTrigger);
-      }
-    };
-  }, []);
-  // MouseMove Event Controller
-  (0, _react.useEffect)(() => {
-    var _body$classList;
-    if (!movingTrigger && isTriggerMoved) {
-      movingController === null || movingController === void 0 || movingController.abort();
-      setIsTriggerMoved(false);
-      setMovingController(null);
-    } else if (movingTrigger && !isTriggerMoved) {
-      setMovingController(new AbortController());
-    }
-    const body = document.getElementsByTagName("body")[0];
-    (_body$classList = body.classList) === null || _body$classList === void 0 || _body$classList[movingTrigger ? "add" : "remove"]("moving-cursor");
-  }, [movingTrigger]);
-  (0, _react.useEffect)(() => {
-    if (movingController) {
-      if (isMobile) {
-        document.addEventListener("touchmove", onTriggerMove, {
-          signal: movingController === null || movingController === void 0 ? void 0 : movingController.signal
-        });
-      } else {
-        document.addEventListener("mousemove", onTriggerMove, {
-          signal: movingController === null || movingController === void 0 ? void 0 : movingController.signal
-        });
-      }
-    }
-    return () => {
-      if (isMobile) {
-        document.removeEventListener("touchmove", onTriggerMove, {
-          signal: movingController === null || movingController === void 0 ? void 0 : movingController.signal,
-          passive: false
-        });
-      } else {
-        document.removeEventListener("mousemove", onTriggerMove, {
-          signal: movingController === null || movingController === void 0 ? void 0 : movingController.signal
-        });
-      }
-    };
-  }, [movingController]);
-  (0, _react.useLayoutEffect)(() => {
-    var _trackRef$current;
-    const {
-      width,
-      x
-    } = (trackRef === null || trackRef === void 0 || (_trackRef$current = trackRef.current) === null || _trackRef$current === void 0 ? void 0 : _trackRef$current.getBoundingClientRect()) || {};
-    setPointsPerPx(countPointsPerPx(width));
-    setTrackWidth(width);
-    setTrackPosition(x);
-  }, [trackRef]);
-  (0, _react.useEffect)(() => {
-    onChange(ranges, triggers);
-  }, [ranges]);
-  (0, _react.useEffect)(() => {
-    clearRanges();
-    clearTriggers();
-    if ((protectedValue === null || protectedValue === void 0 ? void 0 : protectedValue.length) === 0) {
-      addRange({
-        from: min,
-        to: max
-      });
-      addTrigger(min, {
-        isFixed: true,
-        isHidden: true
-      });
-      addTrigger(max, {
-        isFixed: true,
-        isHidden: true
-      });
-    } else {
-      var _protectedValue$reduc;
-      protectedValue === null || protectedValue === void 0 || (_protectedValue$reduc = protectedValue.reduce((result, range) => {
-        addRange({
-          ...range
-        });
-        if (!result.find(score => score === (range === null || range === void 0 ? void 0 : range.from))) result.splice((result === null || result === void 0 ? void 0 : result.length) - 1, 0, range === null || range === void 0 ? void 0 : range.from);
-        if (!result.find(score => score === (range === null || range === void 0 ? void 0 : range.to))) result.splice((result === null || result === void 0 ? void 0 : result.length) - 1, 0, range === null || range === void 0 ? void 0 : range.to);
-        return result;
-      }, [])) === null || _protectedValue$reduc === void 0 || (_protectedValue$reduc = _protectedValue$reduc.sort((a, b) => a < b ? -1 : 1)) === null || _protectedValue$reduc === void 0 || (_protectedValue$reduc = _protectedValue$reduc.filter((item, i, arr) => i === 0 || item - 1 !== arr[i - 1])) === null || _protectedValue$reduc === void 0 || _protectedValue$reduc.map((score, i, triggers) => {
-        if (i === 0 || score - 1 !== triggers[i - 1]) {
-          const isExtremum = score === min || score === max;
-          addTrigger(score, {
-            isFixed: isExtremum,
-            isHidden: isExtremum
-          }, {
-            withRange: false
-          });
-        }
-      });
-    }
-  }, [protectedValue]);
-  (0, _react.useEffect)(() => {
-    if (!(0, _utils.compare)(value, protectedValue)) {
-      setProtectedValue(value);
-    }
-  }, [value]);
-  (0, _react.useEffect)(() => {
-    if (!movingTriggerIndex && movingTriggerData) {
-      updateRangesByTrigger({
-        ...movingTriggerData
-      });
-      setMovingTriggerData(null);
-    }
-  }, [movingTriggerIndex]);
-
-  // RENDER //
-  const renderCollision = _ref14 => {
-    var _trackRef$current$get, _trackRef$current2;
-    let {
-      isCollisionVisible,
-      isLeftCollision,
-      isRightCollision,
-      isBothCollision,
-      className
-    } = _ref14;
-    const pieces = parseInt((max - min) / minRange, 10);
-    const {
-      width: trackWidth
-    } = (_trackRef$current$get = trackRef === null || trackRef === void 0 || (_trackRef$current2 = trackRef.current) === null || _trackRef$current2 === void 0 ? void 0 : _trackRef$current2.getBoundingClientRect()) !== null && _trackRef$current$get !== void 0 ? _trackRef$current$get : {};
-    const collisionWidth = trackWidth / pieces - 4;
-    const width = isCollisionVisible ? isBothCollision ? collisionWidth * 2 : isLeftCollision || isRightCollision ? collisionWidth : 0 : 0;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)("collision", className, {
-        "collision--visible": isCollisionVisible,
-        "collision--left": isLeftCollision && !isBothCollision,
-        "collision--right": isRightCollision && !isBothCollision,
-        "collision--both": isBothCollision
-      }),
-      style: {
-        width
-      }
-    });
-  };
-  const renderAddTrackTriggerSettings = () => {
-    const {
-      label,
-      value
-    } = addTriggerFixedRange || {};
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(COMPONENT_CLASS, "__track__range-triggers--add-trigger__settings")
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(COMPONENT_CLASS, "__track__range-triggers--add-trigger__settings-body")
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(COMPONENT_CLASS, "__track__range-triggers--add-trigger__settings-body--assign-left"),
-      onClick: e => {
-        e.stopPropagation();
-        setAssignValueToRange(ASSIGN_TO_LEFT);
-      },
-      "attr-is-active": "".concat(assignValueToRange === ASSIGN_TO_LEFT)
-    }, /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronLeft, null)), /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(COMPONENT_CLASS, "__track__range-triggers--add-trigger__settings-body--lenders-count")
-    }, label, value), /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(COMPONENT_CLASS, "__track__range-triggers--add-trigger__settings-body--assign-right"),
-      onClick: e => {
-        e.stopPropagation();
-        setAssignValueToRange(ASSIGN_TO_RIGHT);
-      },
-      "attr-is-active": "".concat(assignValueToRange === ASSIGN_TO_RIGHT)
-    }, /*#__PURE__*/_react.default.createElement(_reactFeather.ChevronRight, null))), /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(COMPONENT_CLASS, "__track__range-triggers--add-trigger__settings-actions")
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(COMPONENT_CLASS, "__track__range-triggers--add-trigger__settings-actions--cancel"),
-      onClick: e => unfixAddTrigger(e)
-    }, "Cancel"), /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(COMPONENT_CLASS, "__track__range-triggers--add-trigger__settings-actions--apply"),
-      onClick: e => {
-        e.stopPropagation();
-        addTrigger(addTriggerFixedScore);
-      }
-    }, "Apply")));
-  };
-  const renderAddTrackTrigger = () => {
-    const isNoTriggers = !(triggers !== null && triggers !== void 0 && triggers.filter(_ref15 => {
-      let {
-        isHidden
-      } = _ref15;
-      return !isHidden;
-    }).length);
-    const x = getAddTriggerPosition();
-    const score = isAddTriggerFixed ? addTriggerFixedScore : isNoTriggers && !isMouseOverTrack ? (min + max) / 2 - 1 : getAddTriggerScore(x);
-    const triggerCollision = !isAddTriggerFixed ? getAddTriggerCollisionDirection(x) : NO_COLLISION;
-    const isLeftCollision = triggerCollision === LEFT_COLLISSION;
-    const isRightCollision = triggerCollision === RIGHT_COLLISION;
-    const isBothCollision = triggerCollision === BOTH_COLLISION;
-    const isCollisionVisible = (isLeftCollision || isRightCollision || isBothCollision) && !(isNoTriggers && !isMouseOverTrack);
-    const left = getTrackXByScore(score);
-    const inRange = getInRange(score);
-    const isTriggerWithScoreExists = getTriggerByScore(score);
-    if (isTriggerWithScoreExists || movingTrigger || isMouseOverTrigger) return null;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)("".concat(COMPONENT_CLASS, "__track__range-triggers--add-trigger"), {
-        ["".concat(COMPONENT_CLASS, "__track__range-triggers--add-trigger--fixed")]: isAddTriggerFixed,
-        ["".concat(COMPONENT_CLASS, "__track__range-triggers--add-trigger--force-visible")]: isNoTriggers,
-        ["".concat(COMPONENT_CLASS, "__track__range-triggers--add-trigger--moved-smoothly")]: isNoTriggers && !isMouseOverTrack
-      }),
-      style: {
-        left: "".concat(left, "px")
-      },
-      onClick: () => inRange !== null && inRange !== void 0 && inRange.value ? fixAddTrigger(score, inRange) : addTrigger(score)
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      ref: addTriggerRef,
-      className: (0, _classnames.default)("".concat(COMPONENT_CLASS, "__track__range-triggers--add-trigger__point"), {
-        ["".concat(COMPONENT_CLASS, "__track__range-triggers--add-trigger__point--shake")]: isCollisionVisible
-      }),
-      "data-point-value": getPointValue(score)
-    }, /*#__PURE__*/_react.default.createElement(_reactFeather.Plus, null)), isAddTriggerFixed && renderAddTrackTriggerSettings(), renderCollision({
-      isCollisionVisible,
-      isLeftCollision,
-      isRightCollision,
-      isBothCollision
-    }));
-  };
-  const renderTrackTrigger = (_ref16, triggerIndex) => {
-    let {
-      value: triggerScore,
-      isFixed,
-      isHidden
-    } = _ref16;
-    const triggerCollision = getTriggerCollisionDirection(triggerIndex, triggerScore);
-    const isLeftCollision = triggerCollision === LEFT_COLLISSION;
-    const isRightCollision = triggerCollision === RIGHT_COLLISION;
-    const isBothCollision = triggerCollision === BOTH_COLLISION;
-    const isCurrentTriggerMoving = isTriggerMoving(triggerIndex);
-    const isCollisionVisible = isCurrentTriggerMoving && isTriggerMoved && (isLeftCollision || isRightCollision || isBothCollision);
-    return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-      key: "".concat(COMPONENT_CLASS, "__track__range-triggers--trigger-").concat(triggerIndex),
-      style: {
-        left: getTrackXByScore(triggerScore).toString().concat("px")
-      },
-      className: (0, _classnames.default)("".concat(COMPONENT_CLASS, "__track__range-triggers--trigger"), {
-        ["".concat(COMPONENT_CLASS, "__track__range-triggers--trigger__moving")]: isCurrentTriggerMoving,
-        ["".concat(COMPONENT_CLASS, "__track__range-triggers--trigger__fixed")]: isFixed,
-        ["".concat(COMPONENT_CLASS, "__track__range-triggers--trigger__hidden")]: isHidden
-      })
-    }, isMobile ? {} : {
-      onMouseOver: setMouseOverTrigger,
-      onMouseLeave: setMouseLeaveTrigger
-    }), /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
-      className: (0, _classnames.default)("".concat(COMPONENT_CLASS, "__track__range-triggers--trigger__point"), {
-        ["".concat(COMPONENT_CLASS, "__track__range-triggers--trigger__point--shake")]: isCollisionVisible
-      }),
-      "data-point-value": getPointValue(triggerScore)
-    }, isMobile ? {
-      onTouchStart: e => onTriggerMouseDown(e, triggerIndex),
-      onTouchEnd: resetMovingTrigger
-    } : {
-      onMouseDown: e => onTriggerMouseDown(e, triggerIndex),
-      onMouseUp: resetMovingTrigger
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)("".concat(COMPONENT_CLASS, "__track__range-triggers--trigger__actions"), {
-        ["".concat(COMPONENT_CLASS, "__track__range-triggers--trigger__actions--hidden")]: isCurrentTriggerMoving
-      })
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(COMPONENT_CLASS, "__track__range-triggers--trigger__actions--remove"),
-      onClick: () => removeTrigger(triggerIndex)
-    }, /*#__PURE__*/_react.default.createElement(_reactFeather.X, null))), renderCollision({
-      isCollisionVisible,
-      isLeftCollision,
-      isRightCollision,
-      isBothCollision,
-      className: "".concat(COMPONENT_CLASS, "__track__range-triggers--trigger__collision")
-    }));
-  };
-  const renderTrackTriggers = () => {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(COMPONENT_CLASS, "__track__range-triggers")
-    }, triggers === null || triggers === void 0 ? void 0 : triggers.map(renderTrackTrigger));
-  };
-  const renderRangeValue = (_ref17, rangeIndex) => {
-    let {
-      from,
-      to,
-      label,
-      value
-    } = _ref17;
-    if (!value) return null;
-    const left = getTrackXByScore((to + from) / 2);
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)("".concat(COMPONENT_CLASS, "__track__ranges-value--item")),
-      style: {
-        left: "".concat(left, "px")
-      },
-      key: "".concat(COMPONENT_CLASS, "__track__ranges-value--item-").concat(rangeIndex)
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)("".concat(COMPONENT_CLASS, "__track__ranges-value--item__label"))
-    }, label), /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)("".concat(COMPONENT_CLASS, "__track__ranges-value--item__value"))
-    }, value));
-  };
-  const renderRangesValue = () => {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)("".concat(COMPONENT_CLASS, "__track__ranges-value"))
-    }, ranges === null || ranges === void 0 ? void 0 : ranges.map(renderRangeValue));
-  };
-  const renderTrackDividers = (0, _react.useMemo)(() => {
-    const renderTrackDivider = function () {
-      let key = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
-      return /*#__PURE__*/_react.default.createElement("div", {
-        key: key,
-        className: "".concat(COMPONENT_CLASS, "__track__line__dividers--item")
-      });
-    };
-    const dividersCount = parseInt((max - min) / dividersRange, 10);
-    const dividers = [];
-    for (let i = 0; i < dividersCount; ++i) dividers.push(renderTrackDivider(i));
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(COMPONENT_CLASS, "__track__line__dividers")
-    }, dividers);
-  }, [trackRef, minRange, min, max]);
-  const renderTrackLine = () => {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(COMPONENT_CLASS, "__track__line")
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(COMPONENT_CLASS, "__track__line__extremum--min")
-    }, min), renderTrackDividers, /*#__PURE__*/_react.default.createElement("div", {
-      className: "".concat(COMPONENT_CLASS, "__track__line__extremum--max")
-    }, max));
-  };
-  const renderTrack = () => {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)("".concat(COMPONENT_CLASS, "__track"), className),
-      ref: trackRef
-    }, renderTrackLine(), renderAddTrackTrigger(), renderTrackTriggers(), renderRangesValue());
-  };
-  const render = () => {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: COMPONENT_CLASS,
-      onMouseOver: setMouseOverTrack,
-      onMouseLeave: setMouseLeaveTrack,
-      onMouseMove: e => setMouseTrackPosition(e === null || e === void 0 ? void 0 : e.clientX)
-    }, renderTrack());
-  };
-  return render();
-}