intelicoreact 1.6.0 → 1.6.2

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

@@ -1,68 +1,12 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "default", {
-    enumerable: true,
-    get: function() {
-        return RangeSlider;
-    }
-});
-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 _fieldValueFormatters = require("../../../Functions/fieldValueFormatters");
-const _mobileKeyboardTypesPresets = require("../../../Functions/presets/mobileKeyboardTypesPresets");
-const _useIsMobile = /*#__PURE__*/ _interop_require_default(require("../../../Functions/useIsMobile/useIsMobile"));
-const _Input = /*#__PURE__*/ _interop_require_default(require("../Input/Input"));
-require("./RangeSlider.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, useRef, useState } from "react";
+import cn from "classnames";
+import { X } from "react-feather";
+import { formatToAddBitDepthPoints as addCommas } from "../../../Functions/fieldValueFormatters";
+import { NUMERIC_KEYBOARD } from "../../../Functions/presets/mobileKeyboardTypesPresets";
+import useIsMobile from "../../../Functions/useIsMobile/useIsMobile";
+import Input from "../Input/Input";
+import "./RangeSlider.scss";
 let timer;
 const DEBOUNCE_TIME = 800;
 function debounce(func, timeout = DEBOUNCE_TIME) {
@@ -73,28 +17,28 @@ function debounce(func, timeout = DEBOUNCE_TIME) {
         }, timeout);
     };
 }
-function RangeSlider({ required, noTrack, rangeSymbol, min = 0, max = 100, decimalPlaces = 2, minRange = 0, precision = 0, testId = "range-slider", value = {
+export default function RangeSlider({ required, noTrack, rangeSymbol, min = 0, max = 100, decimalPlaces = 2, minRange = 0, precision = 0, testId = "range-slider", value = {
     from: min,
     to: max
 }, unit = "", label = "", isUseBitPoints = true, onChange = ()=>{} }) {
-    const { isMobile } = (0, _useIsMobile.default)();
-    const trackRef = (0, _react.useRef)(0);
-    const [trackWidth, setTrackWidth] = (0, _react.useState)(0);
-    const [trackPosition, setTrackPosition] = (0, _react.useState)(0);
-    const fromTriggerRef = (0, _react.useRef)(0);
-    const toTriggerRef = (0, _react.useRef)(0);
+    const { isMobile } = useIsMobile();
+    const trackRef = useRef(0);
+    const [trackWidth, setTrackWidth] = useState(0);
+    const [trackPosition, setTrackPosition] = useState(0);
+    const fromTriggerRef = useRef(0);
+    const toTriggerRef = useRef(0);
     const prepareValue = (value)=>{
         return parseInt(parseFloat(value) * 10 ** precision, 10) / 10 ** precision;
     };
     var _value_from;
-    const [from, setFromValue] = (0, _react.useState)((_value_from = value === null || value === void 0 ? void 0 : value.from) !== null && _value_from !== void 0 ? _value_from : min);
+    const [from, setFromValue] = useState((_value_from = value === null || value === void 0 ? void 0 : value.from) !== null && _value_from !== void 0 ? _value_from : min);
     const setFrom = (v)=>setFromValue(prepareValue(v));
     var _value_to;
-    const [to, setToValue] = (0, _react.useState)((_value_to = value === null || value === void 0 ? void 0 : value.to) !== null && _value_to !== void 0 ? _value_to : max);
+    const [to, setToValue] = useState((_value_to = value === null || value === void 0 ? void 0 : value.to) !== null && _value_to !== void 0 ? _value_to : max);
     const setTo = (v)=>setToValue(prepareValue(v));
-    const [focusedType, setFocusedType] = (0, _react.useState)(null);
-    const [frezeedValues, setFrezeedValues] = (0, _react.useState)(null);
-    const [isInputsFocused, setIsInputsFocused] = (0, _react.useState)({
+    const [focusedType, setFocusedType] = useState(null);
+    const [frezeedValues, setFrezeedValues] = useState(null);
+    const [isInputsFocused, setIsInputsFocused] = useState({
         from: false,
         to: false
     });
@@ -104,13 +48,13 @@ function RangeSlider({ required, noTrack, rangeSymbol, min = 0, max = 100, decim
             }));
     const fromValue = frezeedValues ? frezeedValues === null || frezeedValues === void 0 ? void 0 : frezeedValues.from : from;
     const toValue = frezeedValues ? frezeedValues === null || frezeedValues === void 0 ? void 0 : frezeedValues.to : to;
-    const [movingController, setMovingController] = (0, _react.useState)(null);
-    const [movingTrigger, setMovingTrigger] = (0, _react.useState)(null);
-    const [movingTriggerType, setMovingTriggerType] = (0, _react.useState)(null);
-    const [isTriggerMoved, setIsTriggerMoved] = (0, _react.useState)(false);
-    const [pointsPerPx, setPointsPerPx] = (0, _react.useState)(0);
-    const [extremumRange, setExtremumRange] = (0, _react.useState)(0);
-    const [extremumWidth, setExtremumWidth] = (0, _react.useState)(0);
+    const [movingController, setMovingController] = useState(null);
+    const [movingTrigger, setMovingTrigger] = useState(null);
+    const [movingTriggerType, setMovingTriggerType] = useState(null);
+    const [isTriggerMoved, setIsTriggerMoved] = useState(false);
+    const [pointsPerPx, setPointsPerPx] = useState(0);
+    const [extremumRange, setExtremumRange] = useState(0);
+    const [extremumWidth, setExtremumWidth] = useState(0);
     const countPointsPerPx = (width)=>{
         return (max - min) / width;
     };
@@ -221,21 +165,21 @@ function RangeSlider({ required, noTrack, rangeSymbol, min = 0, max = 100, decim
     const onRangeInputBlur = (e, type)=>{
         setIsInputFocused(type, false);
     };
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         var _value_from;
         onRangeChange("from", (_value_from = value === null || value === void 0 ? void 0 : value.from) !== null && _value_from !== void 0 ? _value_from : max, true, false);
         var _value_to;
         onRangeChange("to", (_value_to = value === null || value === void 0 ? void 0 : value.to) !== null && _value_to !== void 0 ? _value_to : min, true, false);
     }, []);
     /// MouseUp Event Controller
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         document.addEventListener("mouseup", onTriggerMoveEnd);
         return ()=>{
             document.removeEventListener("mouseup", onTriggerMoveEnd);
         };
     }, []);
     // MouseMove Event Controller
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         // Прекратить обработку, если нет активного триггера или не было движения
         if (!movingTrigger || !isTriggerMoved) return;
         const handleMouseMove = (e)=>{
@@ -249,7 +193,7 @@ function RangeSlider({ required, noTrack, rangeSymbol, min = 0, max = 100, decim
         movingTrigger,
         isTriggerMoved
     ]);
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         if (movingController) {
             document.addEventListener("mousemove", onTriggerMove, {
                 signal: movingController === null || movingController === void 0 ? void 0 : movingController.signal
@@ -258,12 +202,12 @@ function RangeSlider({ required, noTrack, rangeSymbol, min = 0, max = 100, decim
     }, [
         movingController
     ]);
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         setFrezeedValues(null);
     }, [
         isTriggerMoved
     ]);
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         if (Object.values(isInputsFocused).every((v)=>!v) && !isTriggerMoved && (value.from !== from || value.to !== to)) {
             onChange({
                 from,
@@ -279,13 +223,13 @@ function RangeSlider({ required, noTrack, rangeSymbol, min = 0, max = 100, decim
         to,
         isTriggerMoved
     ]);
-    (0, _react.useLayoutEffect)(()=>{
+    useLayoutEffect(()=>{
         setFrom(value.from);
         setTo(value.to);
     }, [
         value
     ]);
-    (0, _react.useLayoutEffect)(()=>{
+    useLayoutEffect(()=>{
         var _trackRef_current, _fromTriggerRef_current_getBoundingClientRect, _fromTriggerRef_current, _toTriggerRef_current_getBoundingClientRect, _toTriggerRef_current;
         let { width, x } = (trackRef === null || trackRef === void 0 ? void 0 : (_trackRef_current = trackRef.current) === null || _trackRef_current === void 0 ? void 0 : _trackRef_current.getBoundingClientRect()) || {};
         width -= (fromTriggerRef === null || fromTriggerRef === void 0 ? void 0 : (_fromTriggerRef_current = fromTriggerRef.current) === null || _fromTriggerRef_current === void 0 ? void 0 : (_fromTriggerRef_current_getBoundingClientRect = _fromTriggerRef_current.getBoundingClientRect()) === null || _fromTriggerRef_current_getBoundingClientRect === void 0 ? void 0 : _fromTriggerRef_current_getBoundingClientRect.width) || (toTriggerRef === null || toTriggerRef === void 0 ? void 0 : (_toTriggerRef_current = toTriggerRef.current) === null || _toTriggerRef_current === void 0 ? void 0 : (_toTriggerRef_current_getBoundingClientRect = _toTriggerRef_current.getBoundingClientRect()) === null || _toTriggerRef_current_getBoundingClientRect === void 0 ? void 0 : _toTriggerRef_current_getBoundingClientRect.width);
@@ -295,7 +239,7 @@ function RangeSlider({ required, noTrack, rangeSymbol, min = 0, max = 100, decim
     }, [
         trackRef
     ]);
-    (0, _react.useEffect)(()=>{
+    useEffect(()=>{
         if (Object.values(isInputsFocused).every((v)=>!v)) {
             setFrezeedValues(false);
         } else {
@@ -308,11 +252,11 @@ function RangeSlider({ required, noTrack, rangeSymbol, min = 0, max = 100, decim
         isInputsFocused
     ]);
     const renderLabel = ()=>{
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        return /*#__PURE__*/ _jsxs("div", {
             className: "range-slider__header__label",
             children: [
                 label,
-                required && /*#__PURE__*/ (0, _jsxruntime.jsx)("span", {
+                required && /*#__PURE__*/ _jsx("span", {
                     className: "label_isRequired",
                     children: "*"
                 })
@@ -320,31 +264,31 @@ function RangeSlider({ required, noTrack, rangeSymbol, min = 0, max = 100, decim
         });
     };
     const renderSelectedRange = ()=>{
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        return /*#__PURE__*/ _jsxs("div", {
             className: "range-slider__header__selected-range",
             children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+                /*#__PURE__*/ _jsxs("div", {
                     className: "range-slider__header__selected-range--text",
                     children: [
                         "from ",
-                        isUseBitPoints ? (0, _fieldValueFormatters.formatToAddBitDepthPoints)(fromValue) : fromValue,
+                        isUseBitPoints ? addCommas(fromValue) : fromValue,
                         " to",
                         " ",
-                        isUseBitPoints ? (0, _fieldValueFormatters.formatToAddBitDepthPoints)(toValue) : toValue,
+                        isUseBitPoints ? addCommas(toValue) : toValue,
                         rangeSymbol,
                         unit
                     ]
                 }),
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                /*#__PURE__*/ _jsx("div", {
                     className: "range-slider__header__selected-range--reset",
                     onClick: resetRange,
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_reactfeather.X, {})
+                    children: /*#__PURE__*/ _jsx(X, {})
                 })
             ]
         });
     };
     const renderHeader = ()=>{
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        return /*#__PURE__*/ _jsxs("div", {
             className: "range-slider__header",
             children: [
                 renderLabel(),
@@ -353,12 +297,12 @@ function RangeSlider({ required, noTrack, rangeSymbol, min = 0, max = 100, decim
         });
     };
     const renderInputs = ()=>{
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        return /*#__PURE__*/ _jsxs("div", {
             className: "range-slider__inputs",
             children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                /*#__PURE__*/ _jsx("div", {
                     className: "range-slider__inputs--from",
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
+                    children: /*#__PURE__*/ _jsx(Input, {
                         "data-testid": `${testId}-input-from`,
                         value: from.toString(),
                         onFocus: (e)=>onRangeInputFocus(e, "from"),
@@ -371,12 +315,12 @@ function RangeSlider({ required, noTrack, rangeSymbol, min = 0, max = 100, decim
                             max
                         },
                         isPriceInput: isUseBitPoints,
-                        ..._mobileKeyboardTypesPresets.NUMERIC_KEYBOARD
+                        ...NUMERIC_KEYBOARD
                     })
                 }),
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                /*#__PURE__*/ _jsx("div", {
                     className: "range-slider__inputs__input",
-                    children: /*#__PURE__*/ (0, _jsxruntime.jsx)(_Input.default, {
+                    children: /*#__PURE__*/ _jsx(Input, {
                         "data-testid": `${testId}-input-to`,
                         value: to.toString(),
                         onFocus: (e)=>onRangeInputFocus(e, "to"),
@@ -389,7 +333,7 @@ function RangeSlider({ required, noTrack, rangeSymbol, min = 0, max = 100, decim
                             max
                         },
                         isPriceInput: isUseBitPoints,
-                        ..._mobileKeyboardTypesPresets.NUMERIC_KEYBOARD
+                        ...NUMERIC_KEYBOARD
                     })
                 })
             ]
@@ -400,7 +344,7 @@ function RangeSlider({ required, noTrack, rangeSymbol, min = 0, max = 100, decim
             width: `${getRangeWidth()}px`,
             left: `${getRangeOffset()}px`
         };
-        return /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+        return /*#__PURE__*/ _jsx("div", {
             className: "range-slider__track__range",
             style: style
         });
@@ -413,13 +357,13 @@ function RangeSlider({ required, noTrack, rangeSymbol, min = 0, max = 100, decim
             left: `${getTrackXByPoints(toValue)}px`
         };
         const renderTrack = ()=>{
-            return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-                className: (0, _classnames.default)("range-slider__track", {
+            return /*#__PURE__*/ _jsxs("div", {
+                className: cn("range-slider__track", {
                     hidden: noTrack
                 }),
                 ref: trackRef,
                 children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                    /*#__PURE__*/ _jsx("div", {
                         className: "range-slider__track__line"
                     }),
                     renderTrackRange(),
@@ -427,10 +371,10 @@ function RangeSlider({ required, noTrack, rangeSymbol, min = 0, max = 100, decim
                 ]
             });
         };
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+        return /*#__PURE__*/ _jsxs("div", {
             className: "range-slider__track__range-triggers",
             children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                /*#__PURE__*/ _jsx("div", {
                     "data-testid": `${testId}-track-from`,
                     ref: fromTriggerRef,
                     style: fromStyle,
@@ -441,7 +385,7 @@ function RangeSlider({ required, noTrack, rangeSymbol, min = 0, max = 100, decim
                     onTouchEnd: onTriggerMoveEnd,
                     onClick: ()=>{}
                 }),
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                /*#__PURE__*/ _jsx("div", {
                     "data-testid": `${testId}-track-to`,
                     ref: toTriggerRef,
                     style: toStyle,
@@ -456,13 +400,13 @@ function RangeSlider({ required, noTrack, rangeSymbol, min = 0, max = 100, decim
         });
     };
     const renderTrack = ()=>{
-        return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
-            className: (0, _classnames.default)("range-slider__track", {
+        return /*#__PURE__*/ _jsxs("div", {
+            className: cn("range-slider__track", {
                 hidden: noTrack
             }),
             ref: trackRef,
             children: [
-                /*#__PURE__*/ (0, _jsxruntime.jsx)("div", {
+                /*#__PURE__*/ _jsx("div", {
                     className: "range-slider__track__line"
                 }),
                 renderTrackRange(),
@@ -470,7 +414,7 @@ function RangeSlider({ required, noTrack, rangeSymbol, min = 0, max = 100, decim
             ]
         });
     };
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+    return /*#__PURE__*/ _jsxs("div", {
         "data-testid": testId,
         className: "range-slider",
         children: [

package/dist/Atomic/FormElements/RangeSlider/RangeSlider.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 _RangeSlider = /*#__PURE__*/ _interop_require_default(require("./RangeSlider"));
-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 './RangeSlider';
+import './RangeSlider.stories.scss';
 global.lng = 'en';
-const _default = {
+export default {
     title: 'Form Elements/RangeSlider',
-    component: _RangeSlider.default,
+    component: RangeSlider,
     argTypes: {
         min: {
             name: 'min',
@@ -258,19 +194,19 @@ const Template = (args)=>{
             precision: 2
         }
     };
-    const [values1, setValues1] = (0, _react.useState)({
+    const [values1, setValues1] = useState({
         from: 0,
         to: 1500
     });
-    const [values2, setValues2] = (0, _react.useState)({
+    const [values2, setValues2] = useState({
         from: 5,
         to: 18.9
     });
-    const [values3, setValues3] = (0, _react.useState)({
+    const [values3, setValues3] = useState({
         from: 0,
         to: 10
     });
-    return /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+    return /*#__PURE__*/ _jsxs("div", {
         style: {
             display: 'flex',
             maxWidth: '900px',
@@ -279,9 +215,9 @@ const Template = (args)=>{
             justifyContent: 'space-between'
         },
         children: [
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+            /*#__PURE__*/ _jsxs("div", {
                 children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_RangeSlider.default, {
+                    /*#__PURE__*/ _jsx(RangeSlider, {
                         ...args[0],
                         value: values1,
                         onChange: (v)=>{
@@ -289,25 +225,25 @@ const Template = (args)=>{
                             setValues1(v);
                         }
                     }),
-                    /*#__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: "Value:"
                                     }),
-                                    /*#__PURE__*/ (0, _jsxruntime.jsx)("pre", {
+                                    /*#__PURE__*/ _jsx("pre", {
                                         children: JSON.stringify(values1, null, 2)
                                     })
                                 ]
                             }),
-                            /*#__PURE__*/ (0, _jsxruntime.jsxs)("code", {
+                            /*#__PURE__*/ _jsxs("code", {
                                 children: [
-                                    /*#__PURE__*/ (0, _jsxruntime.jsx)("h4", {
+                                    /*#__PURE__*/ _jsx("h4", {
                                         children: "Arguments:"
                                     }),
-                                    /*#__PURE__*/ (0, _jsxruntime.jsx)("pre", {
+                                    /*#__PURE__*/ _jsx("pre", {
                                         children: JSON.stringify(args[0], null, 2)
                                     })
                                 ]
@@ -316,32 +252,32 @@ const Template = (args)=>{
                     })
                 ]
             }),
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+            /*#__PURE__*/ _jsxs("div", {
                 children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_RangeSlider.default, {
+                    /*#__PURE__*/ _jsx(RangeSlider, {
                         ...args[1],
                         value: values2,
                         onChange: setValues2
                     }),
-                    /*#__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: "Value:"
                                     }),
-                                    /*#__PURE__*/ (0, _jsxruntime.jsx)("pre", {
+                                    /*#__PURE__*/ _jsx("pre", {
                                         children: JSON.stringify(values2, null, 2)
                                     })
                                 ]
                             }),
-                            /*#__PURE__*/ (0, _jsxruntime.jsxs)("code", {
+                            /*#__PURE__*/ _jsxs("code", {
                                 children: [
-                                    /*#__PURE__*/ (0, _jsxruntime.jsx)("h4", {
+                                    /*#__PURE__*/ _jsx("h4", {
                                         children: "Arguments:"
                                     }),
-                                    /*#__PURE__*/ (0, _jsxruntime.jsx)("pre", {
+                                    /*#__PURE__*/ _jsx("pre", {
                                         children: JSON.stringify(args[1], null, 2)
                                     })
                                 ]
@@ -350,32 +286,32 @@ const Template = (args)=>{
                     })
                 ]
             }),
-            /*#__PURE__*/ (0, _jsxruntime.jsxs)("div", {
+            /*#__PURE__*/ _jsxs("div", {
                 children: [
-                    /*#__PURE__*/ (0, _jsxruntime.jsx)(_RangeSlider.default, {
+                    /*#__PURE__*/ _jsx(RangeSlider, {
                         ...args[2],
                         value: values3,
                         onChange: setValues3
                     }),
-                    /*#__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: "Value:"
                                     }),
-                                    /*#__PURE__*/ (0, _jsxruntime.jsx)("pre", {
+                                    /*#__PURE__*/ _jsx("pre", {
                                         children: JSON.stringify(values3, null, 2)
                                     })
                                 ]
                             }),
-                            /*#__PURE__*/ (0, _jsxruntime.jsxs)("code", {
+                            /*#__PURE__*/ _jsxs("code", {
                                 children: [
-                                    /*#__PURE__*/ (0, _jsxruntime.jsx)("h4", {
+                                    /*#__PURE__*/ _jsx("h4", {
                                         children: "Arguments:"
                                     }),
-                                    /*#__PURE__*/ (0, _jsxruntime.jsx)("pre", {
+                                    /*#__PURE__*/ _jsx("pre", {
                                         children: JSON.stringify(args[2], null, 2)
                                     })
                                 ]
@@ -387,7 +323,7 @@ const Template = (args)=>{
         ]
     });
 };
-const RangeSliderTemplate = Template.bind({});
+export const RangeSliderTemplate = Template.bind({});
 RangeSliderTemplate.args = {
     min: 0,
     max: 15000,