related-ui-components 4.2.7 → 5.0.0

package/lib/module/components/Filters/PointsRangeSelector.js

@@ -1,18 +1,23 @@
 "use strict";
 
-import React, { useState, useCallback, useEffect } from "react";
+import React, { useCallback, useEffect, useRef, useState } from "react";
 import { View, StyleSheet, Dimensions, I18nManager } from "react-native";
 import MultiSlider from "@ptomasroos/react-native-multi-slider";
 import CustomInput from "../Input/Input.js";
 import { useTheme } from "../../theme/index.js";
-
-// Get initial screen width (we'll refine this with onLayout)
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 const {
   width: SCREEN_WIDTH
 } = Dimensions.get("window");
-const HORIZONTAL_PADDING = 40; // Adjust based on your container's padding
-
+const HORIZONTAL_PADDING = 40;
+const sanitizeNumericInput = text => {
+  const sanitized = text.replace(/[^0-9.]/g, "");
+  const parts = sanitized.split(".");
+  if (parts.length <= 2) {
+    return sanitized;
+  }
+  return `${parts[0]}.${parts.slice(1).join("")}`;
+};
 const PointsRangeSelector = ({
   minLimit = 0,
   maxLimit = 1000,
@@ -21,7 +26,6 @@ const PointsRangeSelector = ({
   resetKey,
   isRTL = I18nManager.isRTL,
   onChange,
-  // Style props
   containerStyle,
   inputsContainerStyle,
   customInputContainerStyle,
@@ -44,14 +48,21 @@ const PointsRangeSelector = ({
   } = useTheme();
   isRTL = rtl || isRTL;
   const styles = createStyles(theme, isRTL);
+  const sliderStep = multiSliderProps.step ?? 10;
   const [values, setValues] = useState([initialMin, initialMax]);
+  const valuesRef = useRef([initialMin, initialMax]);
   const [minInputValue, setMinInputValue] = useState(initialMin.toString());
   const [maxInputValue, setMaxInputValue] = useState(initialMax.toString());
-
-  // Track container width for responsive sizing
   const [containerWidth, setContainerWidth] = useState(SCREEN_WIDTH - HORIZONTAL_PADDING);
-
-  // Handle container layout to get precise width
+  const setRange = useCallback((nextValues, syncInputs = true) => {
+    valuesRef.current = nextValues;
+    setValues(nextValues);
+    if (syncInputs) {
+      setMinInputValue(nextValues[0].toString());
+      setMaxInputValue(nextValues[1].toString());
+    }
+    onChange?.(nextValues[0], nextValues[1]);
+  }, [onChange]);
   const onContainerLayout = useCallback(event => {
     const {
       width
@@ -59,53 +70,38 @@ const PointsRangeSelector = ({
     setContainerWidth(width);
   }, []);
   useEffect(() => {
-    setValues([initialMin, initialMax]);
-    setMinInputValue(initialMin.toString());
-    setMaxInputValue(initialMax.toString());
-    if (onChange) {
-      onChange(initialMin, initialMax);
-    }
-  }, [resetKey, initialMin, initialMax]);
-  const handleValuesChange = newValues => {
-    setValues(newValues);
-    setMinInputValue(newValues[0].toString());
-    setMaxInputValue(newValues[1].toString());
-    if (onChange) {
-      onChange(newValues[0], newValues[1]);
-    }
-  };
-  const handleMinInputChange = text => {
-    setMinInputValue(text);
-    if (text && !isNaN(Number(text))) {
-      const newValue = Number(text);
-      if (newValue < minLimit || newValue >= values[1]) {
-        return;
-      }
-      const newValues = [newValue, values[1]];
-      setValues(newValues);
-      if (onChange) {
-        onChange(newValues[0], newValues[1]);
-      }
-    }
-  };
-  const handleMaxInputChange = text => {
-    setMaxInputValue(text);
-    if (text && !isNaN(Number(text))) {
-      const newValue = Number(text);
-      if (newValue > maxLimit || newValue <= values[0]) {
-        return;
-      }
-      const newValues = [values[0], newValue];
-      setValues(newValues);
-      if (onChange) {
-        onChange(newValues[0], newValues[1]);
-      }
-    }
-  };
-
-  // Custom marker component
+    setRange([initialMin, initialMax]);
+  }, [resetKey, initialMin, initialMax, setRange]);
+  const handleValuesChange = useCallback(newValues => {
+    setRange([newValues[0], newValues[1]]);
+  }, [setRange]);
+  const handleMinInputChange = useCallback(text => {
+    const sanitized = sanitizeNumericInput(text);
+    setMinInputValue(sanitized);
+    const newMin = Number(sanitized);
+    if (!sanitized || Number.isNaN(newMin)) return;
+    const [, currentMax] = valuesRef.current;
+    if (newMin < minLimit || newMin >= currentMax) return;
+    setRange([newMin, currentMax], false);
+  }, [minLimit, setRange]);
+  const handleMaxInputChange = useCallback(text => {
+    const sanitized = sanitizeNumericInput(text);
+    setMaxInputValue(sanitized);
+    const newMax = Number(sanitized);
+    if (!sanitized || Number.isNaN(newMax)) return;
+    const [currentMin] = valuesRef.current;
+    if (newMax > maxLimit || newMax <= currentMin) return;
+    setRange([currentMin, newMax], false);
+  }, [maxLimit, setRange]);
+  const handleMinInputBlur = useCallback(() => {
+    const [currentMin] = valuesRef.current;
+    setMinInputValue(currentMin.toString());
+  }, []);
+  const handleMaxInputBlur = useCallback(() => {
+    const [, currentMax] = valuesRef.current;
+    setMaxInputValue(currentMax.toString());
+  }, []);
   const CustomMarker = ({
-    currentValue,
     enabled
   }) => /*#__PURE__*/_jsx(View, {
     style: [styles.marker, enabled ? styles.markerEnabled : styles.markerDisabled, markerStyle, enabled ? markerEnabledStyle : markerDisabledStyle],
@@ -119,12 +115,11 @@ const PointsRangeSelector = ({
       style: [styles.markerDot, markerDotStyle]
     })
   });
-
-  // Prepare inputs in the correct order based on RTL setting
   const renderInputs = () => {
     const minInput = /*#__PURE__*/_jsx(CustomInput, {
       value: minInputValue,
       onChangeText: handleMinInputChange,
+      onBlur: handleMinInputBlur,
       keyboardType: "numeric",
       placeholder: "Min",
       containerStyle: [styles.customInputContainer, customInputContainerStyle],
@@ -135,6 +130,7 @@ const PointsRangeSelector = ({
     const maxInput = /*#__PURE__*/_jsx(CustomInput, {
       value: maxInputValue,
       onChangeText: handleMaxInputChange,
+      onBlur: handleMaxInputBlur,
       keyboardType: "numeric",
       placeholder: "Max",
       containerStyle: [styles.customInputContainer, customInputContainerStyle],
@@ -142,8 +138,6 @@ const PointsRangeSelector = ({
       textAlign: isRTL ? "right" : "left",
       ...inputProps
     });
-
-    // If RTL, we swap the order of the inputs
     return isRTL ? /*#__PURE__*/_jsxs(_Fragment, {
       children: [maxInput, minInput]
     }) : /*#__PURE__*/_jsxs(_Fragment, {
@@ -162,7 +156,7 @@ const PointsRangeSelector = ({
         values: values,
         min: minLimit,
         max: maxLimit,
-        step: 10,
+        step: sliderStep,
         allowOverlap: false,
         snapped: true,
         onValuesChange: handleValuesChange,
@@ -170,11 +164,8 @@ const PointsRangeSelector = ({
         unselectedStyle: [styles.unselectedTrack, unselectedTrackStyle],
         containerStyle: [styles.sliderContainerStyle, multiSliderContainerStyle],
         trackStyle: [styles.track, trackStyle],
-        sliderLength: containerWidth // Use measured width for slider length
-        ,
-        customMarker: CustomMarker
-        // For RTL support with MultiSlider
-        ,
+        sliderLength: containerWidth,
+        customMarker: CustomMarker,
         enabledsOne: true,
         enabledTwo: true,
         isRTL: isRTL,
@@ -184,9 +175,7 @@ const PointsRangeSelector = ({
   });
 };
 const createStyles = (theme, isRTL) => StyleSheet.create({
-  container: {
-    // Default container styling
-  },
+  container: {},
   inputsContainer: {
     flexDirection: "row",
     justifyContent: "space-between",
@@ -203,8 +192,6 @@ const createStyles = (theme, isRTL) => StyleSheet.create({
     marginVertical: 10,
     alignItems: "center",
     width: "100%"
-    // Apply any RTL specific styling if needed
-    // transform: isRTL ? [{ scaleX: -1 }] : [], 
   },
   sliderContainerStyle: {
     height: 30,
@@ -236,7 +223,6 @@ const createStyles = (theme, isRTL) => StyleSheet.create({
     elevation: 3,
     alignItems: "center",
     justifyContent: "center",
-    // Flip the marker back when parent is flipped for RTL
     transform: isRTL ? [{
       scaleX: -1
     }] : []

package/lib/module/components/Filters/PointsRangeSelector.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useState","useCallback","useEffect","View","StyleSheet","Dimensions","I18nManager","MultiSlider","CustomInput","useTheme","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","width","SCREEN_WIDTH","get","HORIZONTAL_PADDING","PointsRangeSelector","minLimit","maxLimit","initialMin","initialMax","resetKey","isRTL","onChange","containerStyle","inputsContainerStyle","customInputContainerStyle","customInputFieldStyle","sliderContainerStyle","multiSliderContainerStyle","trackStyle","selectedTrackStyle","unselectedTrackStyle","markerStyle","markerEnabledStyle","markerDisabledStyle","markerDotStyle","inputProps","multiSliderProps","theme","rtl","styles","createStyles","values","setValues","minInputValue","setMinInputValue","toString","maxInputValue","setMaxInputValue","containerWidth","setContainerWidth","onContainerLayout","event","nativeEvent","layout","handleValuesChange","newValues","handleMinInputChange","text","isNaN","Number","newValue","handleMaxInputChange","CustomMarker","currentValue","enabled","style","marker","markerEnabled","markerDisabled","hitSlop","top","right","bottom","left","children","markerDot","renderInputs","minInput","value","onChangeText","keyboardType","placeholder","customInputContainer","inputContainerStyle","customInputField","textAlign","maxInput","container","onLayout","inputsContainer","sliderContainer","min","max","step","allowOverlap","snapped","onValuesChange","selectedStyle","selectedTrack","unselectedStyle","unselectedTrack","track","sliderLength","customMarker","enabledsOne","enabledTwo","create","flexDirection","justifyContent","marginBottom","minHeight","marginVertical","alignItems","height","borderRadius","backgroundColor","primary","border","surface","borderWidth","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","transform","scaleX","borderColor","disabled"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Filters/PointsRangeSelector.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,WAAW,EAAEC,SAAS,QAAQ,OAAO;AAC/D,SACEC,IAAI,EAEJC,UAAU,EACVC,UAAU,EAIVC,WAAW,QACN,cAAc;AACrB,OAAOC,WAAW,MAAM,uCAAuC;AAC/D,OAAOC,WAAW,MAAM,mBAAgB;AACxC,SAAoBC,QAAQ,QAAQ,sBAAa;;AAEjD;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AACA,MAAM;EAAEC,KAAK,EAAEC;AAAa,CAAC,GAAGZ,UAAU,CAACa,GAAG,CAAC,QAAQ,CAAC;AACxD,MAAMC,kBAAkB,GAAG,EAAE,CAAC,CAAC;;AA6B/B,MAAMC,mBAAuD,GAAGA,CAAC;EAC/DC,QAAQ,GAAG,CAAC;EACZC,QAAQ,GAAG,IAAI;EACfC,UAAU,GAAG,EAAE;EACfC,UAAU,GAAG,GAAG;EAChBC,QAAQ;EACRC,KAAK,GAAGpB,WAAW,CAACoB,KAAK;EACzBC,QAAQ;EAER;EACAC,cAAc;EACdC,oBAAoB;EACpBC,yBAAyB;EACzBC,qBAAqB;EACrBC,oBAAoB;EACpBC,yBAAyB;EACzBC,UAAU;EACVC,kBAAkB;EAClBC,oBAAoB;EACpBC,WAAW;EACXC,kBAAkB;EAClBC,mBAAmB;EACnBC,cAAc;EACdC,UAAU,GAAG,CAAC,CAAC;EACfC,gBAAgB,GAAG,CAAC;AACtB,CAAC,KAAK;EACJ,MAAM;IAACC,KAAK;IAAEjB,KAAK,EAAEkB;EAAG,CAAC,GAAGnC,QAAQ,CAAC,CAAC;EACtCiB,KAAK,GAAGkB,GAAG,IAAIlB,KAAK;EACpB,MAAMmB,MAAM,GAAGC,YAAY,CAACH,KAAK,EAAEjB,KAAK,CAAC;EAEzC,MAAM,CAACqB,MAAM,EAAEC,SAAS,CAAC,GAAGhD,QAAQ,CAAC,CAACuB,UAAU,EAAEC,UAAU,CAAC,CAAC;EAC9D,MAAM,CAACyB,aAAa,EAAEC,gBAAgB,CAAC,GAAGlD,QAAQ,CAACuB,UAAU,CAAC4B,QAAQ,CAAC,CAAC,CAAC;EACzE,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGrD,QAAQ,CAACwB,UAAU,CAAC2B,QAAQ,CAAC,CAAC,CAAC;;EAEzE;EACA,MAAM,CAACG,cAAc,EAAEC,iBAAiB,CAAC,GAAGvD,QAAQ,CAClDiB,YAAY,GAAGE,kBACjB,CAAC;;EAED;EACA,MAAMqC,iBAAiB,GAAGvD,WAAW,CAAEwD,KAAwB,IAAK;IAClE,MAAM;MAAEzC;IAAM,CAAC,GAAGyC,KAAK,CAACC,WAAW,CAACC,MAAM;IAC1CJ,iBAAiB,CAACvC,KAAK,CAAC;EAC1B,CAAC,EAAE,EAAE,CAAC;EAENd,SAAS,CAAC,MAAM;IACd8C,SAAS,CAAC,CAACzB,UAAU,EAAEC,UAAU,CAAC,CAAC;IACnC0B,gBAAgB,CAAC3B,UAAU,CAAC4B,QAAQ,CAAC,CAAC,CAAC;IACvCE,gBAAgB,CAAC7B,UAAU,CAAC2B,QAAQ,CAAC,CAAC,CAAC;IAEvC,IAAIxB,QAAQ,EAAE;MACZA,QAAQ,CAACJ,UAAU,EAAEC,UAAU,CAAC;IAClC;EACF,CAAC,EAAE,CAACC,QAAQ,EAAEF,UAAU,EAAEC,UAAU,CAAC,CAAC;EAEtC,MAAMoC,kBAAkB,GAAIC,SAAmB,IAAK;IAClDb,SAAS,CAACa,SAAS,CAAC;IACpBX,gBAAgB,CAACW,SAAS,CAAC,CAAC,CAAC,CAACV,QAAQ,CAAC,CAAC,CAAC;IACzCE,gBAAgB,CAACQ,SAAS,CAAC,CAAC,CAAC,CAACV,QAAQ,CAAC,CAAC,CAAC;IAEzC,IAAIxB,QAAQ,EAAE;MACZA,QAAQ,CAACkC,SAAS,CAAC,CAAC,CAAC,EAAEA,SAAS,CAAC,CAAC,CAAC,CAAC;IACtC;EACF,CAAC;EAED,MAAMC,oBAAoB,GAAIC,IAAY,IAAK;IAC7Cb,gBAAgB,CAACa,IAAI,CAAC;IAEtB,IAAIA,IAAI,IAAI,CAACC,KAAK,CAACC,MAAM,CAACF,IAAI,CAAC,CAAC,EAAE;MAChC,MAAMG,QAAQ,GAAGD,MAAM,CAACF,IAAI,CAAC;MAE7B,IAAIG,QAAQ,GAAG7C,QAAQ,IAAI6C,QAAQ,IAAInB,MAAM,CAAC,CAAC,CAAC,EAAE;QAChD;MACF;MAEA,MAAMc,SAAS,GAAG,CAACK,QAAQ,EAAEnB,MAAM,CAAC,CAAC,CAAC,CAAC;MACvCC,SAAS,CAACa,SAAS,CAAC;MACpB,IAAIlC,QAAQ,EAAE;QACZA,QAAQ,CAACkC,SAAS,CAAC,CAAC,CAAC,EAAEA,SAAS,CAAC,CAAC,CAAC,CAAC;MACtC;IACF;EACF,CAAC;EAED,MAAMM,oBAAoB,GAAIJ,IAAY,IAAK;IAC7CV,gBAAgB,CAACU,IAAI,CAAC;IAEtB,IAAIA,IAAI,IAAI,CAACC,KAAK,CAACC,MAAM,CAACF,IAAI,CAAC,CAAC,EAAE;MAChC,MAAMG,QAAQ,GAAGD,MAAM,CAACF,IAAI,CAAC;MAE7B,IAAIG,QAAQ,GAAG5C,QAAQ,IAAI4C,QAAQ,IAAInB,MAAM,CAAC,CAAC,CAAC,EAAE;QAChD;MACF;MAEA,MAAMc,SAAS,GAAG,CAACd,MAAM,CAAC,CAAC,CAAC,EAAEmB,QAAQ,CAAC;MACvClB,SAAS,CAACa,SAAS,CAAC;MACpB,IAAIlC,QAAQ,EAAE;QACZA,QAAQ,CAACkC,SAAS,CAAC,CAAC,CAAC,EAAEA,SAAS,CAAC,CAAC,CAAC,CAAC;MACtC;IACF;EACF,CAAC;;EAED;EACA,MAAMO,YAAY,GAAGA,CAAC;IAAEC,YAAY;IAAEC;EAAa,CAAC,kBAClD3D,IAAA,CAACR,IAAI;IACHoE,KAAK,EAAE,CACL1B,MAAM,CAAC2B,MAAM,EACbF,OAAO,GAAGzB,MAAM,CAAC4B,aAAa,GAAG5B,MAAM,CAAC6B,cAAc,EACtDrC,WAAW,EACXiC,OAAO,GAAGhC,kBAAkB,GAAGC,mBAAmB,CAClD;IACFoC,OAAO,EAAE;MAAEC,GAAG,EAAE,EAAE;MAAEC,KAAK,EAAE,EAAE;MAAEC,MAAM,EAAE,EAAE;MAAEC,IAAI,EAAE;IAAG,CAAE;IAAAC,QAAA,EAErDV,OAAO,iBAAI3D,IAAA,CAACR,IAAI;MAACoE,KAAK,EAAE,CAAC1B,MAAM,CAACoC,SAAS,EAAEzC,cAAc;IAAE,CAAE;EAAC,CAC3D,CACP;;EAED;EACA,MAAM0C,YAAY,GAAGA,CAAA,KAAM;IACzB,MAAMC,QAAQ,gBACZxE,IAAA,CAACH,WAAW;MACV4E,KAAK,EAAEnC,aAAc;MACrBoC,YAAY,EAAEvB,oBAAqB;MACnCwB,YAAY,EAAC,SAAS;MACtBC,WAAW,EAAC,KAAK;MACjB3D,cAAc,EAAE,CACdiB,MAAM,CAAC2C,oBAAoB,EAC3B1D,yBAAyB,CACzB;MACF2D,mBAAmB,EAAE,CAAC5C,MAAM,CAAC6C,gBAAgB,EAAE3D,qBAAqB,CAAE;MACtE4D,SAAS,EAAEjE,KAAK,GAAG,OAAO,GAAG,MAAO;MAAA,GAChCe;IAAU,CACf,CACF;IAED,MAAMmD,QAAQ,gBACZjF,IAAA,CAACH,WAAW;MACV4E,KAAK,EAAEhC,aAAc;MACrBiC,YAAY,EAAElB,oBAAqB;MACnCmB,YAAY,EAAC,SAAS;MACtBC,WAAW,EAAC,KAAK;MACjB3D,cAAc,EAAE,CACdiB,MAAM,CAAC2C,oBAAoB,EAC3B1D,yBAAyB,CACzB;MACF2D,mBAAmB,EAAE,CAAC5C,MAAM,CAAC6C,gBAAgB,EAAE3D,qBAAqB,CAAE;MACtE4D,SAAS,EAAEjE,KAAK,GAAG,OAAO,GAAG,MAAO;MAAA,GAChCe;IAAU,CACf,CACF;;IAED;IACA,OAAOf,KAAK,gBACVX,KAAA,CAAAF,SAAA;MAAAmE,QAAA,GACGY,QAAQ,EACRT,QAAQ;IAAA,CACT,CAAC,gBAEHpE,KAAA,CAAAF,SAAA;MAAAmE,QAAA,GACGG,QAAQ,EACRS,QAAQ;IAAA,CACT,CACH;EACH,CAAC;EAED,oBACE7E,KAAA,CAACZ,IAAI;IACHoE,KAAK,EAAE,CAAC1B,MAAM,CAACgD,SAAS,EAAEjE,cAAc,CAAE;IAC1CkE,QAAQ,EAAEtC,iBAAkB;IAAAwB,QAAA,gBAE5BrE,IAAA,CAACR,IAAI;MAACoE,KAAK,EAAE,CAAC1B,MAAM,CAACkD,eAAe,EAAElE,oBAAoB,CAAE;MAAAmD,QAAA,EACzDE,YAAY,CAAC;IAAC,CACX,CAAC,eAEPvE,IAAA,CAACR,IAAI;MAACoE,KAAK,EAAE,CAAC1B,MAAM,CAACmD,eAAe,EAAEhE,oBAAoB,CAAE;MAAAgD,QAAA,eAC1DrE,IAAA,CAACJ,WAAW;QACVwC,MAAM,EAAEA,MAAO;QACfkD,GAAG,EAAE5E,QAAS;QACd6E,GAAG,EAAE5E,QAAS;QACd6E,IAAI,EAAE,EAAG;QACTC,YAAY,EAAE,KAAM;QACpBC,OAAO;QACPC,cAAc,EAAE1C,kBAAmB;QACnC2C,aAAa,EAAE,CAAC1D,MAAM,CAAC2D,aAAa,EAAErE,kBAAkB,CAAE;QAC1DsE,eAAe,EAAE,CAAC5D,MAAM,CAAC6D,eAAe,EAAEtE,oBAAoB,CAAE;QAChER,cAAc,EAAE,CACdiB,MAAM,CAACb,oBAAoB,EAC3BC,yBAAyB,CACzB;QACFC,UAAU,EAAE,CAACW,MAAM,CAAC8D,KAAK,EAAEzE,UAAU,CAAE;QACvC0E,YAAY,EAAEtD,cAAe,CAAC;QAAA;QAC9BuD,YAAY,EAAEzC;QACd;QAAA;QACA0C,WAAW,EAAE,IAAK;QAClBC,UAAU,EAAE,IAAK;QACjBrF,KAAK,EAAEA,KAAM;QAAA,GACTgB;MAAgB,CACrB;IAAC,CACE,CAAC;EAAA,CACH,CAAC;AAEX,CAAC;AAED,MAAMI,YAAY,GAAGA,CAACH,KAAgB,EAAEjB,KAAc,KACpDtB,UAAU,CAAC4G,MAAM,CAAC;EAChBnB,SAAS,EAAE;IACT;EAAA,CACD;EACDE,eAAe,EAAE;IACfkB,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,eAAe;IAC/BC,YAAY,EAAE;EAChB,CAAC;EACD3B,oBAAoB,EAAE;IACpBxE,KAAK,EAAE;EACT,CAAC;EACD0E,gBAAgB,EAAE;IAChB0B,SAAS,EAAE,EAAE;IACbzB,SAAS,EAAEjE,KAAK,GAAG,OAAO,GAAG;EAC/B,CAAC;EACDsE,eAAe,EAAE;IACfqB,cAAc,EAAE,EAAE;IAClBC,UAAU,EAAE,QAAQ;IACpBtG,KAAK,EAAE;IACP;IACA;EACF,CAAC;EACDgB,oBAAoB,EAAE;IACpBuF,MAAM,EAAE,EAAE;IACVvG,KAAK,EAAE;EACT,CAAC;EACD2F,KAAK,EAAE;IACLY,MAAM,EAAE,CAAC;IACTC,YAAY,EAAE;EAChB,CAAC;EACDhB,aAAa,EAAE;IACbiB,eAAe,EAAE9E,KAAK,CAAC+E;EACzB,CAAC;EACDhB,eAAe,EAAE;IACfe,eAAe,EAAE9E,KAAK,CAACgF;EACzB,CAAC;EACDnD,MAAM,EAAE;IACNxD,KAAK,EAAE,EAAE;IACTuG,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,EAAE;IAChBC,eAAe,EAAE9E,KAAK,CAACiF,OAAO;IAC9BC,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE,MAAM;IACnBC,YAAY,EAAE;MACZ/G,KAAK,EAAE,CAAC;MACRuG,MAAM,EAAE;IACV,CAAC;IACDS,aAAa,EAAE,IAAI;IACnBC,YAAY,EAAE,IAAI;IAClBC,SAAS,EAAE,CAAC;IACZZ,UAAU,EAAE,QAAQ;IACpBJ,cAAc,EAAE,QAAQ;IACxB;IACAiB,SAAS,EAAEzG,KAAK,GAAG,CAAC;MAAE0G,MAAM,EAAE,CAAC;IAAE,CAAC,CAAC,GAAG;EACxC,CAAC;EACD3D,aAAa,EAAE;IACb4D,WAAW,EAAE1F,KAAK,CAAC+E;EACrB,CAAC;EACDhD,cAAc,EAAE;IACd2D,WAAW,EAAE1F,KAAK,CAAC2F;EACrB,CAAC;EACDrD,SAAS,EAAE;IACTjE,KAAK,EAAE,EAAE;IACTuG,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,EAAE;IAChBC,eAAe,EAAE9E,KAAK,CAAC+E;EACzB;AACF,CAAC,CAAC;AAEJ,eAAetG,mBAAmB","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useEffect","useRef","useState","View","StyleSheet","Dimensions","I18nManager","MultiSlider","CustomInput","useTheme","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","width","SCREEN_WIDTH","get","HORIZONTAL_PADDING","sanitizeNumericInput","text","sanitized","replace","parts","split","length","slice","join","PointsRangeSelector","minLimit","maxLimit","initialMin","initialMax","resetKey","isRTL","onChange","containerStyle","inputsContainerStyle","customInputContainerStyle","customInputFieldStyle","sliderContainerStyle","multiSliderContainerStyle","trackStyle","selectedTrackStyle","unselectedTrackStyle","markerStyle","markerEnabledStyle","markerDisabledStyle","markerDotStyle","inputProps","multiSliderProps","theme","rtl","styles","createStyles","sliderStep","step","values","setValues","valuesRef","minInputValue","setMinInputValue","toString","maxInputValue","setMaxInputValue","containerWidth","setContainerWidth","setRange","nextValues","syncInputs","current","onContainerLayout","event","nativeEvent","layout","handleValuesChange","newValues","handleMinInputChange","newMin","Number","isNaN","currentMax","handleMaxInputChange","newMax","currentMin","handleMinInputBlur","handleMaxInputBlur","CustomMarker","enabled","style","marker","markerEnabled","markerDisabled","hitSlop","top","right","bottom","left","children","markerDot","renderInputs","minInput","value","onChangeText","onBlur","keyboardType","placeholder","customInputContainer","inputContainerStyle","customInputField","textAlign","maxInput","container","onLayout","inputsContainer","sliderContainer","min","max","allowOverlap","snapped","onValuesChange","selectedStyle","selectedTrack","unselectedStyle","unselectedTrack","track","sliderLength","customMarker","enabledsOne","enabledTwo","create","flexDirection","justifyContent","marginBottom","minHeight","marginVertical","alignItems","height","borderRadius","backgroundColor","primary","border","surface","borderWidth","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","transform","scaleX","borderColor","disabled"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/Filters/PointsRangeSelector.tsx"],"mappings":"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","ignoreList":[]}

package/lib/typescript/src/components/Filters/PointsRangeSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PointsRangeSelector.d.ts","sourceRoot":"","sources":["../../../../../src/components/Filters/PointsRangeSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,EAML,SAAS,EAGV,MAAM,cAAc,CAAC;AAStB,UAAU,wBAAwB;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAG9C,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjC,yBAAyB,CAAC,EAAE,SAAS,CAAC;IACtC,qBAAqB,CAAC,EAAE,SAAS,CAAC;IAClC,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjC,yBAAyB,CAAC,EAAE,SAAS,CAAC;IACtC,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,mBAAmB,CAAC,EAAE,SAAS,CAAC;IAChC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,gBAAgB,CAAC,EAAE,GAAG,CAAC;CACxB;AAED,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAwM3D,CAAC;AAyEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"PointsRangeSelector.d.ts","sourceRoot":"","sources":["../../../../../src/components/Filters/PointsRangeSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,EAKL,SAAS,EAEV,MAAM,cAAc,CAAC;AAQtB,UAAU,wBAAwB;IAChC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IAE9C,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjC,yBAAyB,CAAC,EAAE,SAAS,CAAC;IACtC,qBAAqB,CAAC,EAAE,SAAS,CAAC;IAClC,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjC,yBAAyB,CAAC,EAAE,SAAS,CAAC;IACtC,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,oBAAoB,CAAC,EAAE,SAAS,CAAC;IACjC,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,mBAAmB,CAAC,EAAE,SAAS,CAAC;IAChC,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,GAAG,CAAC;IACjB,gBAAgB,CAAC,EAAE,GAAG,CAAC;CACxB;AAaD,QAAA,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAsN3D,CAAC;AAoEF,eAAe,mBAAmB,CAAC"}

package/package.json

@@ -1,79 +1,79 @@
-{
-  "name": "related-ui-components",
-  "version": "4.2.7",
-  "main": "lib/module/index.js",
-  "scripts": {
-    "start": "expo start",
-    "android": "expo start --android",
-    "ios": "expo start --ios",
-    "web": "expo start --web",
-    "prepare": "bob build"
-  },
-  "peerDependencies": {
-    "@expo/vector-icons": ">=15.0.3",
-    "@gorhom/bottom-sheet": ">=5.1.6",
-    "@ptomasroos/react-native-multi-slider": ">=2.2.2",
-    "@react-native-community/slider": ">=4.5.6",
-    "@react-native-picker/picker": ">=2.11.1",
-    "@shopify/react-native-skia": ">=v2.0.0-next.4",
-    "country-telephone-data": ">=0.6.3",
-    "date-fns": ">=4.1.0",
-    "expo": ">=52.0.0",
-    "expo-checkbox": ">=4.1.4",
-    "expo-clipboard": ">=7.1.4",
-    "expo-image": ">=2.4.0",
-    "expo-linear-gradient": ">=14.1.5",
-    "expo-status-bar": ">=2.2.3",
-    "react": ">=18.0.0",
-    "react-native": ">=0.79.0",
-    "react-native-calendars": ">=1.1312.0",
-    "react-native-color-matrix-image-filters": ">=7.0.2",
-    "react-native-gesture-handler": ">=2.24.0",
-    "react-native-keyboard-controller": "^1.18.0",
-    "react-native-picker-select": ">=9.3.1",
-    "react-native-qrcode-svg": ">=6.3.15",
-    "react-native-reanimated": ">=3.0.0",
-    "react-native-safe-area-context": ">=5.4.0",
-    "react-native-svg": ">=15.11.2",
-    "react-native-toast-message": ">=2.3.3"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.25.2",
-    "@types/country-telephone-data": "^0.6.3",
-    "@types/react": "~19.1.10",
-    "react-native-builder-bob": "^0.40.11",
-    "typescript": "~5.9.2"
-  },
-  "private": false,
-  "types": "lib/typescript/src/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./lib/typescript/src/index.d.ts",
-      "default": "./lib/module/index.js"
-    }
-  },
-  "files": [
-    "src",
-    "lib",
-    "!**/__tests__",
-    "!**/__fixtures__",
-    "!**/__mocks__"
-  ],
-  "react-native-builder-bob": {
-    "source": "src",
-    "output": "lib",
-    "targets": [
-      [
-        "module",
-        {
-          "esm": true
-        }
-      ],
-      "typescript"
-    ]
-  },
-  "eslintIgnore": [
-    "node_modules/",
-    "lib/"
-  ]
-}
+{
+  "name": "related-ui-components",
+  "version": "5.0.0",
+  "main": "lib/module/index.js",
+  "scripts": {
+    "start": "expo start",
+    "android": "expo start --android",
+    "ios": "expo start --ios",
+    "web": "expo start --web",
+    "prepare": "bob build"
+  },
+  "peerDependencies": {
+    "@expo/vector-icons": ">=15.0.3",
+    "@gorhom/bottom-sheet": ">=5.1.6",
+    "@ptomasroos/react-native-multi-slider": ">=2.2.2",
+    "@react-native-community/slider": ">=4.5.6",
+    "@react-native-picker/picker": ">=2.11.1",
+    "@shopify/react-native-skia": ">=v2.0.0-next.4",
+    "country-telephone-data": ">=0.6.3",
+    "date-fns": ">=4.1.0",
+    "expo": "^56.0.9",
+    "expo-checkbox": ">=4.1.4",
+    "expo-clipboard": ">=7.1.4",
+    "expo-image": ">=2.4.0",
+    "expo-linear-gradient": ">=14.1.5",
+    "expo-status-bar": ">=2.2.3",
+    "react": ">=18.0.0",
+    "react-native": ">=0.79.0",
+    "react-native-calendars": ">=1.1314.0",
+    "react-native-color-matrix-image-filters": ">=7.0.2",
+    "react-native-gesture-handler": ">=2.24.0",
+    "react-native-keyboard-controller": "^1.18.0",
+    "react-native-picker-select": ">=9.3.1",
+    "react-native-qrcode-svg": ">=6.3.15",
+    "react-native-reanimated": ">=3.0.0",
+    "react-native-safe-area-context": ">=5.4.0",
+    "react-native-svg": ">=15.11.2",
+    "react-native-toast-message": ">=2.3.3"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.29.0",
+    "@types/country-telephone-data": "^0.6.3",
+    "@types/react": "~19.2.14",
+    "react-native-builder-bob": "^0.40.11",
+    "typescript": "~6.0.3"
+  },
+  "private": false,
+  "types": "lib/typescript/src/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./lib/typescript/src/index.d.ts",
+      "default": "./lib/module/index.js"
+    }
+  },
+  "files": [
+    "src",
+    "lib",
+    "!**/__tests__",
+    "!**/__fixtures__",
+    "!**/__mocks__"
+  ],
+  "react-native-builder-bob": {
+    "source": "src",
+    "output": "lib",
+    "targets": [
+      [
+        "module",
+        {
+          "esm": true
+        }
+      ],
+      "typescript"
+    ]
+  },
+  "eslintIgnore": [
+    "node_modules/",
+    "lib/"
+  ]
+}

package/src/components/Filters/PointsRangeSelector.tsx

@@ -1,21 +1,18 @@
-import React, { useState, useCallback, useEffect } from "react";
+import React, { useCallback, useEffect, useRef, useState } from "react";
 import {
   View,
-  Text,
   StyleSheet,
   Dimensions,
   LayoutChangeEvent,
   ViewStyle,
-  TextStyle,
   I18nManager,
 } from "react-native";
 import MultiSlider from "@ptomasroos/react-native-multi-slider";
 import CustomInput from "../Input/Input";
 import { ThemeType, useTheme } from "../../theme";
 
-// Get initial screen width (we'll refine this with onLayout)
 const { width: SCREEN_WIDTH } = Dimensions.get("window");
-const HORIZONTAL_PADDING = 40; // Adjust based on your container's padding
+const HORIZONTAL_PADDING = 40;
 
 interface PointsRangeSelectorProps {
   minLimit?: number;
@@ -26,7 +23,6 @@ interface PointsRangeSelectorProps {
   isRTL?: boolean;
   onChange?: (min: number, max: number) => void;
 
-  // Style props
   containerStyle?: ViewStyle;
   inputsContainerStyle?: ViewStyle;
   customInputContainerStyle?: ViewStyle;
@@ -44,6 +40,17 @@ interface PointsRangeSelectorProps {
   multiSliderProps?: any;
 }
 
+const sanitizeNumericInput = (text: string) => {
+  const sanitized = text.replace(/[^0-9.]/g, "");
+  const parts = sanitized.split(".");
+
+  if (parts.length <= 2) {
+    return sanitized;
+  }
+
+  return `${parts[0]}.${parts.slice(1).join("")}`;
+};
+
 const PointsRangeSelector: React.FC<PointsRangeSelectorProps> = ({
   minLimit = 0,
   maxLimit = 1000,
@@ -53,7 +60,6 @@ const PointsRangeSelector: React.FC<PointsRangeSelectorProps> = ({
   isRTL = I18nManager.isRTL,
   onChange,
 
-  // Style props
   containerStyle,
   inputsContainerStyle,
   customInputContainerStyle,
@@ -70,83 +76,99 @@ const PointsRangeSelector: React.FC<PointsRangeSelectorProps> = ({
   inputProps = {},
   multiSliderProps = {},
 }) => {
-  const {theme, isRTL: rtl} = useTheme();
+  const { theme, isRTL: rtl } = useTheme();
   isRTL = rtl || isRTL;
+
   const styles = createStyles(theme, isRTL);
+  const sliderStep = multiSliderProps.step ?? 10;
+
+  const [values, setValues] = useState<[number, number]>([
+    initialMin,
+    initialMax,
+  ]);
+  const valuesRef = useRef<[number, number]>([initialMin, initialMax]);
 
-  const [values, setValues] = useState([initialMin, initialMax]);
   const [minInputValue, setMinInputValue] = useState(initialMin.toString());
   const [maxInputValue, setMaxInputValue] = useState(initialMax.toString());
 
-  // Track container width for responsive sizing
   const [containerWidth, setContainerWidth] = useState(
-    SCREEN_WIDTH - HORIZONTAL_PADDING
+    SCREEN_WIDTH - HORIZONTAL_PADDING,
+  );
+
+  const setRange = useCallback(
+    (nextValues: [number, number], syncInputs = true) => {
+      valuesRef.current = nextValues;
+      setValues(nextValues);
+
+      if (syncInputs) {
+        setMinInputValue(nextValues[0].toString());
+        setMaxInputValue(nextValues[1].toString());
+      }
+
+      onChange?.(nextValues[0], nextValues[1]);
+    },
+    [onChange],
   );
 
-  // Handle container layout to get precise width
   const onContainerLayout = useCallback((event: LayoutChangeEvent) => {
     const { width } = event.nativeEvent.layout;
     setContainerWidth(width);
   }, []);
 
   useEffect(() => {
-    setValues([initialMin, initialMax]);
-    setMinInputValue(initialMin.toString());
-    setMaxInputValue(initialMax.toString());
-
-    if (onChange) {
-      onChange(initialMin, initialMax);
-    }
-  }, [resetKey, initialMin, initialMax]);
-
-  const handleValuesChange = (newValues: number[]) => {
-    setValues(newValues);
-    setMinInputValue(newValues[0].toString());
-    setMaxInputValue(newValues[1].toString());
-
-    if (onChange) {
-      onChange(newValues[0], newValues[1]);
-    }
-  };
+    setRange([initialMin, initialMax]);
+  }, [resetKey, initialMin, initialMax, setRange]);
 
-  const handleMinInputChange = (text: string) => {
-    setMinInputValue(text);
+  const handleValuesChange = useCallback(
+    (newValues: number[]) => {
+      setRange([newValues[0], newValues[1]]);
+    },
+    [setRange],
+  );
 
-    if (text && !isNaN(Number(text))) {
-      const newValue = Number(text);
+  const handleMinInputChange = useCallback(
+    (text: string) => {
+      const sanitized = sanitizeNumericInput(text);
+      setMinInputValue(sanitized);
 
-      if (newValue < minLimit || newValue >= values[1]) {
-        return;
-      }
+      const newMin = Number(sanitized);
+      if (!sanitized || Number.isNaN(newMin)) return;
 
-      const newValues = [newValue, values[1]];
-      setValues(newValues);
-      if (onChange) {
-        onChange(newValues[0], newValues[1]);
-      }
-    }
-  };
+      const [, currentMax] = valuesRef.current;
+      if (newMin < minLimit || newMin >= currentMax) return;
 
-  const handleMaxInputChange = (text: string) => {
-    setMaxInputValue(text);
+      setRange([newMin, currentMax], false);
+    },
+    [minLimit, setRange],
+  );
 
-    if (text && !isNaN(Number(text))) {
-      const newValue = Number(text);
+  const handleMaxInputChange = useCallback(
+    (text: string) => {
+      const sanitized = sanitizeNumericInput(text);
+      setMaxInputValue(sanitized);
 
-      if (newValue > maxLimit || newValue <= values[0]) {
-        return;
-      }
+      const newMax = Number(sanitized);
+      if (!sanitized || Number.isNaN(newMax)) return;
 
-      const newValues = [values[0], newValue];
-      setValues(newValues);
-      if (onChange) {
-        onChange(newValues[0], newValues[1]);
-      }
-    }
-  };
+      const [currentMin] = valuesRef.current;
+      if (newMax > maxLimit || newMax <= currentMin) return;
 
-  // Custom marker component
-  const CustomMarker = ({ currentValue, enabled }: any) => (
+      setRange([currentMin, newMax], false);
+    },
+    [maxLimit, setRange],
+  );
+
+  const handleMinInputBlur = useCallback(() => {
+    const [currentMin] = valuesRef.current;
+    setMinInputValue(currentMin.toString());
+  }, []);
+
+  const handleMaxInputBlur = useCallback(() => {
+    const [, currentMax] = valuesRef.current;
+    setMaxInputValue(currentMax.toString());
+  }, []);
+
+  const CustomMarker = ({ enabled }: any) => (
     <View
       style={[
         styles.marker,
@@ -160,12 +182,12 @@ const PointsRangeSelector: React.FC<PointsRangeSelectorProps> = ({
     </View>
   );
 
-  // Prepare inputs in the correct order based on RTL setting
   const renderInputs = () => {
     const minInput = (
       <CustomInput
         value={minInputValue}
         onChangeText={handleMinInputChange}
+        onBlur={handleMinInputBlur}
         keyboardType="numeric"
         placeholder="Min"
         containerStyle={[
@@ -182,6 +204,7 @@ const PointsRangeSelector: React.FC<PointsRangeSelectorProps> = ({
       <CustomInput
         value={maxInputValue}
         onChangeText={handleMaxInputChange}
+        onBlur={handleMaxInputBlur}
         keyboardType="numeric"
         placeholder="Max"
         containerStyle={[
@@ -194,7 +217,6 @@ const PointsRangeSelector: React.FC<PointsRangeSelectorProps> = ({
       />
     );
 
-    // If RTL, we swap the order of the inputs
     return isRTL ? (
       <>
         {maxInput}
@@ -222,7 +244,7 @@ const PointsRangeSelector: React.FC<PointsRangeSelectorProps> = ({
           values={values}
           min={minLimit}
           max={maxLimit}
-          step={10}
+          step={sliderStep}
           allowOverlap={false}
           snapped
           onValuesChange={handleValuesChange}
@@ -233,11 +255,10 @@ const PointsRangeSelector: React.FC<PointsRangeSelectorProps> = ({
             multiSliderContainerStyle,
           ]}
           trackStyle={[styles.track, trackStyle]}
-          sliderLength={containerWidth} // Use measured width for slider length
+          sliderLength={containerWidth}
           customMarker={CustomMarker}
-          // For RTL support with MultiSlider
-          enabledsOne={true}
-          enabledTwo={true}
+          enabledsOne
+          enabledTwo
           isRTL={isRTL}
           {...multiSliderProps}
         />
@@ -248,9 +269,7 @@ const PointsRangeSelector: React.FC<PointsRangeSelectorProps> = ({
 
 const createStyles = (theme: ThemeType, isRTL: boolean) =>
   StyleSheet.create({
-    container: {
-      // Default container styling
-    },
+    container: {},
     inputsContainer: {
       flexDirection: "row",
       justifyContent: "space-between",
@@ -267,8 +286,6 @@ const createStyles = (theme: ThemeType, isRTL: boolean) =>
       marginVertical: 10,
       alignItems: "center",
       width: "100%",
-      // Apply any RTL specific styling if needed
-      // transform: isRTL ? [{ scaleX: -1 }] : [], 
     },
     sliderContainerStyle: {
       height: 30,
@@ -300,7 +317,6 @@ const createStyles = (theme: ThemeType, isRTL: boolean) =>
       elevation: 3,
       alignItems: "center",
       justifyContent: "center",
-      // Flip the marker back when parent is flipped for RTL
       transform: isRTL ? [{ scaleX: -1 }] : [],
     },
     markerEnabled: {
@@ -317,4 +333,4 @@ const createStyles = (theme: ThemeType, isRTL: boolean) =>
     },
   });
 
-export default PointsRangeSelector;
+export default PointsRangeSelector;