intelicoreact 1.4.19 → 1.4.21

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

@@ -1,19 +1,30 @@
 "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; }
+
+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 _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; }
+
 const COMPONENT_CLASS = "range-slider2";
 const {
   LEFT_COLLISSION,
@@ -38,6 +49,7 @@ const POINT_VALUE_TYPES = Object.freeze({
   TO: "to",
   BOTH: "both"
 });
+
 function RangeSlider2(_ref) {
   let {
     min = 300,
@@ -63,10 +75,13 @@ function RangeSlider2(_ref) {
   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,
@@ -80,6 +95,7 @@ function RangeSlider2(_ref) {
       if (!id) {
         id = ((ranges === null || ranges === void 0 ? void 0 : ranges.length) + 1) * -1;
       }
+
       return [...ranges, {
         id,
         from,
@@ -90,6 +106,7 @@ function RangeSlider2(_ref) {
       }].sort((a, b) => a.from - b.from);
     });
   };
+
   const updateRange = _ref3 => {
     let {
       from,
@@ -107,6 +124,7 @@ function RangeSlider2(_ref) {
         } = _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;
@@ -114,12 +132,15 @@ function RangeSlider2(_ref) {
         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 => {
+
+    const newValue = triggers === null || triggers === void 0 ? void 0 : (_triggers$find = triggers.find(_ref5 => {
       let {
         id
       } = _ref5;
@@ -128,6 +149,7 @@ function RangeSlider2(_ref) {
     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,
@@ -141,6 +163,7 @@ function RangeSlider2(_ref) {
       });
     }
   };
+
   const splitRange = score => {
     const range = ranges === null || ranges === void 0 ? void 0 : ranges.find(_ref6 => {
       let {
@@ -163,8 +186,7 @@ function RangeSlider2(_ref) {
       to: range === null || range === void 0 ? void 0 : range.to,
       id: null
     });
-    updateRange({
-      ...range,
+    updateRange({ ...range,
       value: assignValueToRange === ASSIGN_TO_LEFT ? value : 0,
       data: assignValueToRange === ASSIGN_TO_LEFT ? data : null,
       label,
@@ -172,6 +194,7 @@ function RangeSlider2(_ref) {
     });
     if (isAddTriggerFixed) unfixAddTrigger();
   };
+
   const concatRanges = score => {
     const [left, right] = ranges === null || ranges === void 0 ? void 0 : ranges.filter(_ref7 => {
       let {
@@ -193,9 +216,13 @@ function RangeSlider2(_ref) {
     });
     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,
@@ -223,22 +250,26 @@ function RangeSlider2(_ref) {
       return newState.sort((a, b) => a.value < b.value ? -1 : 1);
     });
   };
+
   const updateTrigger = (index, value) => setTriggers(state => {
     const newState = [...state];
-    newState[index] = {
-      ...newState[index],
+    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 {
@@ -247,44 +278,57 @@ function RangeSlider2(_ref) {
       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();
+    e === null || e === void 0 ? void 0 : e.stopPropagation();
+    e === null || e === void 0 ? 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 //
+
 
-  // GETTERS //
   const getTrackXByScore = score => {
     return (score - min) / pointsPerPx;
   };
+
   const getScoreByX = x => {
     let points = (x - trackPosition) * pointsPerPx + min;
     points -= points % step;
@@ -292,18 +336,23 @@ function RangeSlider2(_ref) {
     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];
+    const [triggerBefore, triggerAfter] = [(triggers === null || triggers === void 0 ? void 0 : (_triggers = triggers[index - 1]) === null || _triggers === void 0 ? void 0 : _triggers.value) + minRange - 1, (triggers === null || triggers === void 0 ? 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];
+    const [triggerBefore, triggerAfter] = [(triggers === null || triggers === void 0 ? void 0 : (_triggers3 = triggers[index - 1]) === null || _triggers3 === void 0 ? void 0 : _triggers3.value) + minRange - 1, (triggers === null || triggers === void 0 ? 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);
@@ -316,20 +365,25 @@ function RangeSlider2(_ref) {
     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) {
@@ -338,31 +392,37 @@ function RangeSlider2(_ref) {
         return result;
       }
     }, score);
+
     if (!result) {
-      var _getRangesList2;
-      const closestRange = (_getRangesList2 = getRangesList()) === null || _getRangesList2 === void 0 || (_getRangesList2 = _getRangesList2.filter(_ref11 => {
+      var _getRangesList2, _getRangesList2$filte;
+
+      const closestRange = (_getRangesList2 = getRangesList()) === null || _getRangesList2 === void 0 ? void 0 : (_getRangesList2$filte = _getRangesList2.filter(_ref11 => {
         let {
           from,
           to
         } = _ref11;
         return to - from + 1 >= 2 * minRange;
-      })) === null || _getRangesList2 === void 0 ? void 0 : _getRangesList2.reduce((result, range) => {
+      })) === null || _getRangesList2$filte === void 0 ? void 0 : _getRangesList2$filte.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,
+          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 {
@@ -376,9 +436,11 @@ function RangeSlider2(_ref) {
           to: score
         });
       }
+
       return result;
     }, []);
   };
+
   const getInRange = score => {
     return ranges === null || ranges === void 0 ? void 0 : ranges.find(_ref13 => {
       let {
@@ -388,43 +450,50 @@ function RangeSlider2(_ref) {
       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 //
+
 
-  // 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]
+    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 (e !== null && e !== void 0 && e.cancelable) e === null || e === void 0 ? void 0 : e.preventDefault();
+    e === null || e === void 0 ? 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;
+    } = (_e$touches$ = e === null || e === void 0 ? 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()) || {};
@@ -432,21 +501,23 @@ function RangeSlider2(_ref) {
     const triggerPoints = getTriggerScore(movingTriggerIndex, getScoreByX(x));
     onRangeChange(movingTriggerIndex, triggerPoints);
   };
+
   const resetMovingTrigger = () => {
     setTimeout(() => {
       setMovingTrigger(null);
       setMovingTriggerIndex(null);
     }, 1);
-  };
-
-  // USE EFFECT'S //
+  }; // 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);
@@ -454,19 +525,21 @@ function RangeSlider2(_ref) {
         document.removeEventListener("mouseup", resetMovingTrigger);
       }
     };
-  }, []);
-  // MouseMove Event Controller
+  }, []); // MouseMove Event Controller
+
   (0, _react.useEffect)(() => {
     var _body$classList;
+
     if (!movingTrigger && isTriggerMoved) {
-      movingController === null || movingController === void 0 || movingController.abort();
+      movingController === null || movingController === void 0 ? 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");
+    (_body$classList = body.classList) === null || _body$classList === void 0 ? void 0 : _body$classList[movingTrigger ? "add" : "remove"]("moving-cursor");
   }, [movingTrigger]);
   (0, _react.useEffect)(() => {
     if (movingController) {
@@ -480,6 +553,7 @@ function RangeSlider2(_ref) {
         });
       }
     }
+
     return () => {
       if (isMobile) {
         document.removeEventListener("touchmove", onTriggerMove, {
@@ -495,10 +569,11 @@ function RangeSlider2(_ref) {
   }, [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()) || {};
+    } = (trackRef === null || trackRef === void 0 ? void 0 : (_trackRef$current = trackRef.current) === null || _trackRef$current === void 0 ? void 0 : _trackRef$current.getBoundingClientRect()) || {};
     setPointsPerPx(countPointsPerPx(width));
     setTrackWidth(width);
     setTrackPosition(x);
@@ -509,6 +584,7 @@ function RangeSlider2(_ref) {
   (0, _react.useEffect)(() => {
     clearRanges();
     clearTriggers();
+
     if ((protectedValue === null || protectedValue === void 0 ? void 0 : protectedValue.length) === 0) {
       addRange({
         from: min,
@@ -523,15 +599,15 @@ function RangeSlider2(_ref) {
         isHidden: true
       });
     } else {
-      var _protectedValue$reduc;
-      protectedValue === null || protectedValue === void 0 || (_protectedValue$reduc = protectedValue.reduce((result, range) => {
-        addRange({
-          ...range
+      var _protectedValue$reduc, _protectedValue$reduc2, _protectedValue$reduc3;
+
+      protectedValue === null || protectedValue === void 0 ? 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) => {
+      }, [])) === null || _protectedValue$reduc === void 0 ? void 0 : (_protectedValue$reduc2 = _protectedValue$reduc.sort((a, b) => a < b ? -1 : 1)) === null || _protectedValue$reduc2 === void 0 ? void 0 : (_protectedValue$reduc3 = _protectedValue$reduc2.filter((item, i, arr) => i === 0 || item - 1 !== arr[i - 1])) === null || _protectedValue$reduc3 === void 0 ? void 0 : _protectedValue$reduc3.map((score, i, triggers) => {
         if (i === 0 || score - 1 !== triggers[i - 1]) {
           const isExtremum = score === min || score === max;
           addTrigger(score, {
@@ -551,16 +627,15 @@ function RangeSlider2(_ref) {
   }, [value]);
   (0, _react.useEffect)(() => {
     if (!movingTriggerIndex && movingTriggerData) {
-      updateRangesByTrigger({
-        ...movingTriggerData
+      updateRangesByTrigger({ ...movingTriggerData
       });
       setMovingTriggerData(null);
     }
-  }, [movingTriggerIndex]);
+  }, [movingTriggerIndex]); // RENDER //
 
-  // RENDER //
   const renderCollision = _ref14 => {
     var _trackRef$current$get, _trackRef$current2;
+
     let {
       isCollisionVisible,
       isLeftCollision,
@@ -571,7 +646,7 @@ function RangeSlider2(_ref) {
     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 : {};
+    } = (_trackRef$current$get = trackRef === null || trackRef === void 0 ? 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", {
@@ -586,6 +661,7 @@ function RangeSlider2(_ref) {
       }
     });
   };
+
   const renderAddTrackTriggerSettings = () => {
     const {
       label,
@@ -624,6 +700,7 @@ function RangeSlider2(_ref) {
       }
     }, "Apply")));
   };
+
   const renderAddTrackTrigger = () => {
     const isNoTriggers = !(triggers !== null && triggers !== void 0 && triggers.filter(_ref15 => {
       let {
@@ -665,6 +742,7 @@ function RangeSlider2(_ref) {
       isBothCollision
     }));
   };
+
   const renderTrackTrigger = (_ref16, triggerIndex) => {
     let {
       value: triggerScore,
@@ -716,11 +794,13 @@ function RangeSlider2(_ref) {
       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,
@@ -742,11 +822,13 @@ function RangeSlider2(_ref) {
       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;
@@ -755,13 +837,17 @@ function RangeSlider2(_ref) {
         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")
@@ -771,12 +857,14 @@ function RangeSlider2(_ref) {
       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,
@@ -785,5 +873,6 @@ function RangeSlider2(_ref) {
       onMouseMove: e => setMouseTrackPosition(e === null || e === void 0 ? void 0 : e.clientX)
     }, renderTrack());
   };
+
   return render();
 }

package/dist/Atomic/FormElements/SwitchableRow/SwitchableRow.js

@@ -1,15 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _Switcher = _interopRequireDefault(require("../Switcher/Switcher"));
+
 require("./SwitchableRow.scss");
+
 const RC_default = "switchable-row";
+
 const SwitchableRow = props => {
   const {
     RC = RC_default,
@@ -35,4 +42,6 @@ const SwitchableRow = props => {
     "data-testid": "switchable-row-".concat(testId, "-switcher")
   })), children);
 };
-var _default = exports.default = SwitchableRow;
+
+var _default = SwitchableRow;
+exports.default = _default;

package/dist/Atomic/FormElements/Switcher/Switcher.js

@@ -1,15 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _react = _interopRequireDefault(require("react"));
+
 var _classnames = _interopRequireDefault(require("classnames"));
+
 var _Hint = _interopRequireDefault(require("../../UI/Hint/Hint"));
+
 require("./Switcher.scss");
+
 const RC = "switcher";
+
 const Switcher = _ref => {
   let {
     label,
@@ -46,4 +53,6 @@ const Switcher = _ref => {
     side: hintSide
   }));
 };
-var _default = exports.default = Switcher;
+
+var _default = Switcher;
+exports.default = _default;