intelicoreact 1.6.0 → 1.6.2

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

@@ -1,66 +1,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return RangeSlider2;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
-const _reactfeather = require("react-feather");
-const _useIsMobile = /*#__PURE__*/ _interop_require_default(require("../../../Functions/useIsMobile/useIsMobile"));
-const _utils = require("../../../Functions/utils");
-require("./RangeSlider2.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {
-        __proto__: null
-    };
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useEffect, useLayoutEffect, useMemo, useRef, useState } from "react";
+import cn from "classnames";
+import { ChevronLeft, ChevronRight, Plus, X } from "react-feather";
+import useIsMobile from "../../../Functions/useIsMobile/useIsMobile";
+import { compare } from "../../../Functions/utils";
+import "./RangeSlider2.scss";
 const COMPONENT_CLASS = "range-slider2";
 const { LEFT_COLLISSION, RIGHT_COLLISION, BOTH_COLLISION, NO_COLLISION } = Object.freeze({
     NO_COLLISION: 0,
@@ -77,20 +21,20 @@ const POINT_VALUE_TYPES = Object.freeze({
     TO: "to",
     BOTH: "both"
 });
-function RangeSlider2({ min = 300, max = 850, minRange = 50, dividersRange = 50, pointValueType = POINT_VALUE_TYPES.FROM, precision = 0, step = 5, className, value = [], onChange = ()=>{}, transformDataOnConcat = (d1, d2)=>{
+export default function RangeSlider2({ min = 300, max = 850, minRange = 50, dividersRange = 50, pointValueType = POINT_VALUE_TYPES.FROM, precision = 0, step = 5, className, value = [], onChange = ()=>{}, transformDataOnConcat = (d1, d2)=>{
     return [];
 } }) {
-    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 { isMobile } = useIsMobile();
+    const [protectedValue, setProtectedValue] = useState([]);
+    const trackRef = useRef(null);
+    const addTriggerRef = useRef(null);
+    const [trackWidth, setTrackWidth] = useState(0);
+    const [trackPosition, setTrackPosition] = useState(0);
+    const [mouseTrackPosition, setMouseTrackPosition] = useState(0);
     const prepareValue = (value)=>{
         return parseInt(parseFloat(value) * 10 ** precision, 10) / 10 ** precision;
     };
-    const [ranges, setRanges] = (0, _react.useState)(value);
+    const [ranges, setRanges] = useState(value);
     const addRange = ({ from, to, label, value, data = [], id = null })=>setRanges((ranges)=>{
             if (!id) {
                 id = ((ranges === null || ranges === void 0 ? void 0 : ranges.length) + 1) * -1;
@@ -175,7 +119,7 @@ function RangeSlider2({ min = 300, max = 850, minRange = 50, dividersRange = 50,
     };
     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 [triggers, setTriggers] = useState([]);
     const addTrigger = (value, { isFixed = false, isHidden = false } = {}, { withRange = true } = {}, index = triggers.length)=>setTriggers((state)=>{
             if (withRange) splitRange(value);
             const newState = [
@@ -213,22 +157,22 @@ function RangeSlider2({ min = 300, max = 850, minRange = 50, dividersRange = 50,
     const getTriggerByScore = (score)=>{
         return triggers === null || triggers === void 0 ? void 0 : triggers.find(({ value: triggerScore })=>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 [movingController, setMovingController] = useState(null);
+    const [movingTrigger, setMovingTrigger] = useState(null);
+    const [movingTriggerIndex, setMovingTriggerIndex] = useState(null);
+    const [movingTriggerData, setMovingTriggerData] = useState(null);
+    const [isTriggerMoved, setIsTriggerMoved] = useState(false);
+    const [isMouseOverTrigger, setIsMouseOverTrigger] = useState(false);
     const setMouseOverTrigger = ()=>setIsMouseOverTrigger(true);
     const setMouseLeaveTrigger = ()=>setIsMouseOverTrigger(false);
-    const [isMouseOverTrack, setIsMouseOverTrack] = (0, _react.useState)(false);
+    const [isMouseOverTrack, setIsMouseOverTrack] = 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 [addTriggerFixedScore, setAddTriggerFixedScore] = useState(null);
+    const [addTriggerFixedRange, setAddTriggerFixedRange] = useState(null);
+    const [isAddTriggerFixed, setIsAddTriggerFixed] = useState(false);
+    const [assignValueToRange, setAssignValueToRange] = useState(ASSIGN_TO_LEFT);
     const fixAddTrigger = (score, inRange)=>{
         setAddTriggerFixedScore(score);
         setAddTriggerFixedRange(inRange);
@@ -242,7 +186,7 @@ function RangeSlider2({ min = 300, max = 850, minRange = 50, dividersRange = 50,
         setIsAddTriggerFixed(false);
         setAssignValueToRange(ASSIGN_TO_LEFT);
     };
-    const [pointsPerPx, setPointsPerPx] = (0, _react.useState)(0);
+    const [pointsPerPx, setPointsPerPx] = useState(0);
     const countPointsPerPx = (width)=>{
         return (max - min) / width;
     };
@@ -390,7 +334,7 @@ function RangeSlider2({ min = 300, max = 850, minRange = 50, dividersRange = 50,
     };
     // USE EFFECT'S //
     // MouseUp Event Controller
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         if (isMobile) {
             document.addEventListener("touchend", resetMovingTrigger);
         } else {
@@ -405,7 +349,7 @@ function RangeSlider2({ min = 300, max = 850, minRange = 50, dividersRange = 50,
         };
     }, []);
     // MouseMove Event Controller
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         var _body_classList;
         if (!movingTrigger && isTriggerMoved) {
             movingController === null || movingController === void 0 ? void 0 : movingController.abort();
@@ -419,7 +363,7 @@ function RangeSlider2({ min = 300, max = 850, minRange = 50, dividersRange = 50,
     }, [
         movingTrigger
     ]);
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         if (movingController) {
             if (isMobile) {
                 document.addEventListener("touchmove", onTriggerMove, {
@@ -446,7 +390,7 @@ function RangeSlider2({ min = 300, max = 850, minRange = 50, dividersRange = 50,
     }, [
         movingController
     ]);
-    (0, _react.useLayoutEffect)(()=>{
+    useLayoutEffect(()=>{
         var _trackRef_current;
         const { width, x } = (trackRef === null || trackRef === void 0 ? void 0 : (_trackRef_current = trackRef.current) === null || _trackRef_current === void 0 ? void 0 : _trackRef_current.getBoundingClientRect()) || {};
         setPointsPerPx(countPointsPerPx(width));
@@ -455,12 +399,12 @@ function RangeSlider2({ min = 300, max = 850, minRange = 50, dividersRange = 50,
     }, [
         trackRef
     ]);
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         onChange(ranges, triggers);
     }, [
         ranges
     ]);
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         clearRanges();
         clearTriggers();
         if ((protectedValue === null || protectedValue === void 0 ? void 0 : protectedValue.length) === 0) {
@@ -500,14 +444,14 @@ function RangeSlider2({ min = 300, max = 850, minRange = 50, dividersRange = 50,
     }, [
         protectedValue
     ]);
-    (0, _react.useEffect)(()=>{
-        if (!(0, _utils.compare)(value, protectedValue)) {
+    useEffect(()=>{
+        if (!compare(value, protectedValue)) {
             setProtectedValue(value);
         }
     }, [
         value
     ]);
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         if (!movingTriggerIndex && movingTriggerData) {
             updateRangesByTrigger({
                 ...movingTriggerData
@@ -525,8 +469,8 @@ function RangeSlider2({ min = 300, max = 850, minRange = 50, dividersRange = 50,
         const { width: trackWidth } = (_trackRef_current_getBoundingClientRect = trackRef === null || trackRef === void 0 ? void 0 : (_trackRef_current = trackRef.current) === null || _trackRef_current === void 0 ? void 0 : _trackRef_current.getBoundingClientRect()) !== null && _trackRef_current_getBoundingClientRect !== void 0 ? _trackRef_current_getBoundingClientRect : {};
         const collisionWidth = trackWidth / pieces - 4;
         const width = isCollisionVisible ? isBothCollision ? collisionWidth * 2 : isLeftCollision || isRightCollision ? collisionWidth : 0 : 0;
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-            className: (0, _classnames.default)("collision", className, {
+        return /*#__PURE__*/ _jsx("div", {
+            className: cn("collision", className, {
                 "collision--visible": isCollisionVisible,
                 "collision--left": isLeftCollision && !isBothCollision,
                 "collision--right": isRightCollision && !isBothCollision,
@@ -539,48 +483,48 @@ function RangeSlider2({ min = 300, max = 850, minRange = 50, dividersRange = 50,
     };
     const renderAddTrackTriggerSettings = ()=>{
         const { label, value } = addTriggerFixedRange || {};
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        return /*#__PURE__*/ _jsxs("div", {
             className: `${COMPONENT_CLASS}__track__range-triggers--add-trigger__settings`,
             children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                /*#__PURE__*/ _jsxs("div", {
                     className: `${COMPONENT_CLASS}__track__range-triggers--add-trigger__settings-body`,
                     children: [
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        /*#__PURE__*/ _jsx("div", {
                             className: `${COMPONENT_CLASS}__track__range-triggers--add-trigger__settings-body--assign-left`,
                             onClick: (e)=>{
                                 e.stopPropagation();
                                 setAssignValueToRange(ASSIGN_TO_LEFT);
                             },
                             "attr-is-active": `${assignValueToRange === ASSIGN_TO_LEFT}`,
-                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronLeft, {})
+                            children: /*#__PURE__*/ _jsx(ChevronLeft, {})
                         }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                        /*#__PURE__*/ _jsxs("div", {
                             className: `${COMPONENT_CLASS}__track__range-triggers--add-trigger__settings-body--lenders-count`,
                             children: [
                                 label,
                                 value
                             ]
                         }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        /*#__PURE__*/ _jsx("div", {
                             className: `${COMPONENT_CLASS}__track__range-triggers--add-trigger__settings-body--assign-right`,
                             onClick: (e)=>{
                                 e.stopPropagation();
                                 setAssignValueToRange(ASSIGN_TO_RIGHT);
                             },
                             "attr-is-active": `${assignValueToRange === ASSIGN_TO_RIGHT}`,
-                            children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.ChevronRight, {})
+                            children: /*#__PURE__*/ _jsx(ChevronRight, {})
                         })
                     ]
                 }),
-                /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                /*#__PURE__*/ _jsxs("div", {
                     className: `${COMPONENT_CLASS}__track__range-triggers--add-trigger__settings-actions`,
                     children: [
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        /*#__PURE__*/ _jsx("div", {
                             className: `${COMPONENT_CLASS}__track__range-triggers--add-trigger__settings-actions--cancel`,
                             onClick: (e)=>unfixAddTrigger(e),
                             children: "Cancel"
                         }),
-                        /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                        /*#__PURE__*/ _jsx("div", {
                             className: `${COMPONENT_CLASS}__track__range-triggers--add-trigger__settings-actions--apply`,
                             onClick: (e)=>{
                                 e.stopPropagation();
@@ -606,8 +550,8 @@ function RangeSlider2({ min = 300, max = 850, minRange = 50, dividersRange = 50,
         const inRange = getInRange(score);
         const isTriggerWithScoreExists = getTriggerByScore(score);
         if (isTriggerWithScoreExists || movingTrigger || isMouseOverTrigger) return null;
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-            className: (0, _classnames.default)(`${COMPONENT_CLASS}__track__range-triggers--add-trigger`, {
+        return /*#__PURE__*/ _jsxs("div", {
+            className: cn(`${COMPONENT_CLASS}__track__range-triggers--add-trigger`, {
                 [`${COMPONENT_CLASS}__track__range-triggers--add-trigger--fixed`]: isAddTriggerFixed,
                 [`${COMPONENT_CLASS}__track__range-triggers--add-trigger--force-visible`]: isNoTriggers,
                 [`${COMPONENT_CLASS}__track__range-triggers--add-trigger--moved-smoothly`]: isNoTriggers && !isMouseOverTrack
@@ -617,13 +561,13 @@ function RangeSlider2({ min = 300, max = 850, minRange = 50, dividersRange = 50,
             },
             onClick: ()=>(inRange === null || inRange === void 0 ? void 0 : inRange.value) ? fixAddTrigger(score, inRange) : addTrigger(score),
             children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                /*#__PURE__*/ _jsx("div", {
                     ref: addTriggerRef,
-                    className: (0, _classnames.default)(`${COMPONENT_CLASS}__track__range-triggers--add-trigger__point`, {
+                    className: cn(`${COMPONENT_CLASS}__track__range-triggers--add-trigger__point`, {
                         [`${COMPONENT_CLASS}__track__range-triggers--add-trigger__point--shake`]: isCollisionVisible
                     }),
                     "data-point-value": getPointValue(score),
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.Plus, {})
+                    children: /*#__PURE__*/ _jsx(Plus, {})
                 }),
                 isAddTriggerFixed && renderAddTrackTriggerSettings(),
                 renderCollision({
@@ -642,11 +586,11 @@ function RangeSlider2({ min = 300, max = 850, minRange = 50, dividersRange = 50,
         const isBothCollision = triggerCollision === BOTH_COLLISION;
         const isCurrentTriggerMoving = isTriggerMoving(triggerIndex);
         const isCollisionVisible = isCurrentTriggerMoving && isTriggerMoved && (isLeftCollision || isRightCollision || isBothCollision);
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        return /*#__PURE__*/ _jsxs("div", {
             style: {
                 left: getTrackXByScore(triggerScore).toString().concat("px")
             },
-            className: (0, _classnames.default)(`${COMPONENT_CLASS}__track__range-triggers--trigger`, {
+            className: cn(`${COMPONENT_CLASS}__track__range-triggers--trigger`, {
                 [`${COMPONENT_CLASS}__track__range-triggers--trigger__moving`]: isCurrentTriggerMoving,
                 [`${COMPONENT_CLASS}__track__range-triggers--trigger__fixed`]: isFixed,
                 [`${COMPONENT_CLASS}__track__range-triggers--trigger__hidden`]: isHidden
@@ -656,8 +600,8 @@ function RangeSlider2({ min = 300, max = 850, minRange = 50, dividersRange = 50,
                 onMouseLeave: setMouseLeaveTrigger
             },
             children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                    className: (0, _classnames.default)(`${COMPONENT_CLASS}__track__range-triggers--trigger__point`, {
+                /*#__PURE__*/ _jsx("div", {
+                    className: cn(`${COMPONENT_CLASS}__track__range-triggers--trigger__point`, {
                         [`${COMPONENT_CLASS}__track__range-triggers--trigger__point--shake`]: isCollisionVisible
                     }),
                     "data-point-value": getPointValue(triggerScore),
@@ -669,14 +613,14 @@ function RangeSlider2({ min = 300, max = 850, minRange = 50, dividersRange = 50,
                         onMouseUp: resetMovingTrigger
                     }
                 }),
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                    className: (0, _classnames.default)(`${COMPONENT_CLASS}__track__range-triggers--trigger__actions`, {
+                /*#__PURE__*/ _jsx("div", {
+                    className: cn(`${COMPONENT_CLASS}__track__range-triggers--trigger__actions`, {
                         [`${COMPONENT_CLASS}__track__range-triggers--trigger__actions--hidden`]: isCurrentTriggerMoving
                     }),
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                    children: /*#__PURE__*/ _jsx("div", {
                         className: `${COMPONENT_CLASS}__track__range-triggers--trigger__actions--remove`,
                         onClick: ()=>removeTrigger(triggerIndex),
-                        children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.X, {})
+                        children: /*#__PURE__*/ _jsx(X, {})
                     })
                 }),
                 renderCollision({
@@ -690,7 +634,7 @@ function RangeSlider2({ min = 300, max = 850, minRange = 50, dividersRange = 50,
         }, `${COMPONENT_CLASS}__track__range-triggers--trigger-${triggerIndex}`);
     };
     const renderTrackTriggers = ()=>{
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        return /*#__PURE__*/ _jsx("div", {
             className: `${COMPONENT_CLASS}__track__range-triggers`,
             children: triggers === null || triggers === void 0 ? void 0 : triggers.map(renderTrackTrigger)
         });
@@ -698,37 +642,37 @@ function RangeSlider2({ min = 300, max = 850, minRange = 50, dividersRange = 50,
     const renderRangeValue = ({ from, to, label, value }, rangeIndex)=>{
         if (!value) return null;
         const left = getTrackXByScore((to + from) / 2);
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-            className: (0, _classnames.default)(`${COMPONENT_CLASS}__track__ranges-value--item`),
+        return /*#__PURE__*/ _jsxs("div", {
+            className: cn(`${COMPONENT_CLASS}__track__ranges-value--item`),
             style: {
                 left: `${left}px`
             },
             children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                    className: (0, _classnames.default)(`${COMPONENT_CLASS}__track__ranges-value--item__label`),
+                /*#__PURE__*/ _jsx("div", {
+                    className: cn(`${COMPONENT_CLASS}__track__ranges-value--item__label`),
                     children: label
                 }),
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                    className: (0, _classnames.default)(`${COMPONENT_CLASS}__track__ranges-value--item__value`),
+                /*#__PURE__*/ _jsx("div", {
+                    className: cn(`${COMPONENT_CLASS}__track__ranges-value--item__value`),
                     children: value
                 })
             ]
         }, `${COMPONENT_CLASS}__track__ranges-value--item-${rangeIndex}`);
     };
     const renderRangesValue = ()=>{
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-            className: (0, _classnames.default)(`${COMPONENT_CLASS}__track__ranges-value`),
+        return /*#__PURE__*/ _jsx("div", {
+            className: cn(`${COMPONENT_CLASS}__track__ranges-value`),
             children: ranges === null || ranges === void 0 ? void 0 : ranges.map(renderRangeValue)
         });
     };
-    const renderTrackDividers = (0, _react.useMemo)(()=>{
-        const renderTrackDivider = (key = 0)=>/*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+    const renderTrackDividers = useMemo(()=>{
+        const renderTrackDivider = (key = 0)=>/*#__PURE__*/ _jsx("div", {
                 className: `${COMPONENT_CLASS}__track__line__dividers--item`
             }, key);
         const dividersCount = parseInt((max - min) / dividersRange, 10);
         const dividers = [];
         for(let i = 0; i < dividersCount; ++i)dividers.push(renderTrackDivider(i));
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        return /*#__PURE__*/ _jsx("div", {
             className: `${COMPONENT_CLASS}__track__line__dividers`,
             children: dividers
         });
@@ -739,15 +683,15 @@ function RangeSlider2({ min = 300, max = 850, minRange = 50, dividersRange = 50,
         max
     ]);
     const renderTrackLine = ()=>{
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        return /*#__PURE__*/ _jsxs("div", {
             className: `${COMPONENT_CLASS}__track__line`,
             children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                /*#__PURE__*/ _jsx("div", {
                     className: `${COMPONENT_CLASS}__track__line__extremum--min`,
                     children: min
                 }),
                 renderTrackDividers,
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                /*#__PURE__*/ _jsx("div", {
                     className: `${COMPONENT_CLASS}__track__line__extremum--max`,
                     children: max
                 })
@@ -755,8 +699,8 @@ function RangeSlider2({ min = 300, max = 850, minRange = 50, dividersRange = 50,
         });
     };
     const renderTrack = ()=>{
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-            className: (0, _classnames.default)(`${COMPONENT_CLASS}__track`, className),
+        return /*#__PURE__*/ _jsxs("div", {
+            className: cn(`${COMPONENT_CLASS}__track`, className),
             ref: trackRef,
             children: [
                 renderTrackLine(),
@@ -767,7 +711,7 @@ function RangeSlider2({ min = 300, max = 850, minRange = 50, dividersRange = 50,
         });
     };
     const render = ()=>{
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        return /*#__PURE__*/ _jsx("div", {
             className: COMPONENT_CLASS,
             onMouseOver: setMouseOverTrack,
             onMouseLeave: setMouseLeaveTrack,

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

@@ -1,75 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-function _export(target, all) {
-    for(var name in all)Object.defineProperty(target, name, {
-        enumerable: true,
-        get: all[name]
-    });
-}
-_export(exports, {
-    RangeSliderTemplate: function() {
-        return RangeSliderTemplate;
-    },
-    default: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
-const _RangeSlider2 = /*#__PURE__*/ _interop_require_default(require("./RangeSlider2"));
-require("./RangeSlider.stories.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
-function _getRequireWildcardCache(nodeInterop) {
-    if (typeof WeakMap !== "function") return null;
-    var cacheBabelInterop = new WeakMap();
-    var cacheNodeInterop = new WeakMap();
-    return (_getRequireWildcardCache = function(nodeInterop) {
-        return nodeInterop ? cacheNodeInterop : cacheBabelInterop;
-    })(nodeInterop);
-}
-function _interop_require_wildcard(obj, nodeInterop) {
-    if (!nodeInterop && obj && obj.__esModule) {
-        return obj;
-    }
-    if (obj === null || typeof obj !== "object" && typeof obj !== "function") {
-        return {
-            default: obj
-        };
-    }
-    var cache = _getRequireWildcardCache(nodeInterop);
-    if (cache && cache.has(obj)) {
-        return cache.get(obj);
-    }
-    var newObj = {
-        __proto__: null
-    };
-    var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor;
-    for(var key in obj){
-        if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) {
-            var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null;
-            if (desc && (desc.get || desc.set)) {
-                Object.defineProperty(newObj, key, desc);
-            } else {
-                newObj[key] = obj[key];
-            }
-        }
-    }
-    newObj.default = obj;
-    if (cache) {
-        cache.set(obj, newObj);
-    }
-    return newObj;
-}
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState } from 'react';
+import RangeSlider from './RangeSlider2';
+import './RangeSlider.stories.scss';
 global.lng = 'en';
-const _default = {
+export default {
     title: 'Form Elements/RangeSlider2',
-    component: _RangeSlider2.default,
+    component: RangeSlider,
     argTypes: {
         min: {
             name: 'min',
@@ -258,39 +194,39 @@ const Template = (args)=>{
             precision: 2
         }
     };
-    const [ranges, setRanges] = (0, _react.useState)([]);
-    const [triggers, setTriggers] = (0, _react.useState)([]);
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+    const [ranges, setRanges] = useState([]);
+    const [triggers, setTriggers] = useState([]);
+    return /*#__PURE__*/ _jsxs("div", {
         style: {
             marginTop: '64px'
         },
         children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)(_RangeSlider2.default, {
+            /*#__PURE__*/ _jsx(RangeSlider, {
                 minRange: 5,
                 onChange: (ranges, triggers)=>{
                     setRanges(ranges);
                     setTriggers(triggers);
                 }
             }),
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+            /*#__PURE__*/ _jsxs("div", {
                 className: "desc",
                 children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsxs)("code", {
+                    /*#__PURE__*/ _jsxs("code", {
                         children: [
-                            /*#__PURE__*/ (0, _jsxruntime.jsx)("h4", {
+                            /*#__PURE__*/ _jsx("h4", {
                                 children: "Triggers:"
                             }),
-                            /*#__PURE__*/ (0, _jsxruntime.jsx)("pre", {
+                            /*#__PURE__*/ _jsx("pre", {
                                 children: JSON.stringify(triggers, null, 2)
                             })
                         ]
                     }),
-                    /*#__PURE__*/ (0, _jsxruntime.jsxs)("code", {
+                    /*#__PURE__*/ _jsxs("code", {
                         children: [
-                            /*#__PURE__*/ (0, _jsxruntime.jsx)("h4", {
+                            /*#__PURE__*/ _jsx("h4", {
                                 children: "Ranges:"
                             }),
-                            /*#__PURE__*/ (0, _jsxruntime.jsx)("pre", {
+                            /*#__PURE__*/ _jsx("pre", {
                                 children: JSON.stringify(ranges, null, 2)
                             })
                         ]
@@ -300,7 +236,7 @@ const Template = (args)=>{
         ]
     });
 };
-const RangeSliderTemplate = Template.bind({});
+export const RangeSliderTemplate = Template.bind({});
 RangeSliderTemplate.args = {
     min: 0,
     max: 15000,

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

@@ -1,33 +1,18 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return _default;
-    }
-});
-const _jsxruntime = require("react/jsx-runtime");
-const _react = /*#__PURE__*/ _interop_require_default(require("react"));
-const _classnames = /*#__PURE__*/ _interop_require_default(require("classnames"));
-const _Switcher = /*#__PURE__*/ _interop_require_default(require("../Switcher/Switcher"));
-require("./SwitchableRow.scss");
-function _interop_require_default(obj) {
-    return obj && obj.__esModule ? obj : {
-        default: obj
-    };
-}
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from "react";
+import cn from "classnames";
+import Switcher from "../Switcher/Switcher";
+import "./SwitchableRow.scss";
 const RC_default = "switchable-row";
 const SwitchableRow = (props)=>{
     const { RC = RC_default, className, children, isActive, setIsActive, switcherLabel, isSwitcherLabelBold, testId = RC_default } = props || {};
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-        className: (0, _classnames.default)(RC, className),
+    return /*#__PURE__*/ _jsxs("div", {
+        className: cn(RC, className),
         "data-testid": testId,
         children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
-                className: (0, _classnames.default)(`${RC}__cell`),
-                children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Switcher.default, {
+            /*#__PURE__*/ _jsx("div", {
+                className: cn(`${RC}__cell`),
+                children: /*#__PURE__*/ _jsx(Switcher, {
                     isActive: isActive,
                     onChange: setIsActive,
                     isLabelBold: isSwitcherLabelBold,
@@ -39,4 +24,4 @@ const SwitchableRow = (props)=>{
         ]
     });
 };
-const _default = SwitchableRow;
+export default SwitchableRow;