related-ui-components 4.2.2 → 4.2.4

package/lib/module/components/RangeSlider/SliderLabel.js

@@ -6,35 +6,71 @@ import Animated, { useAnimatedStyle, useDerivedValue, useSharedValue } from "rea
 import { useTheme } from "../../theme/index.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 const LABEL_HEIGHT = 26;
-const CenteredLabel = ({
+const LABEL_PADDING = 8;
+const MIN_GAP = 4;
+const SingleLabel = ({
   value,
   position,
   sliderWidth,
-  thumbSize,
+  onWidthChange,
+  isVisible,
   theme
 }) => {
+  const styles = getStyles(theme);
+  const localWidth = useSharedValue(0);
+  const animatedStyle = useAnimatedStyle(() => {
+    const halfLabel = localWidth.value / 2;
+    const rawCenter = position.value;
+    const shifted = rawCenter - halfLabel;
+    const left = Math.min(Math.max(shifted, 0), sliderWidth - localWidth.value);
+    return {
+      left,
+      opacity: isVisible.value ? 1 : 0
+    };
+  });
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: [styles.labelContainer, animatedStyle],
+    onLayout: e => {
+      const width = e.nativeEvent.layout.width;
+      localWidth.value = width;
+      onWidthChange(width);
+    },
+    children: /*#__PURE__*/_jsx(Text, {
+      style: styles.labelText,
+      children: value
+    })
+  });
+};
+const MergedLabel = ({
+  leftValue,
+  rightValue,
+  leftPosition,
+  rightPosition,
+  sliderWidth,
+  isVisible,
+  theme
+}) => {
+  const styles = getStyles(theme);
   const labelWidth = useSharedValue(0);
-  const {
-    theme: defaultTheme
-  } = useTheme();
-  const currTheme = theme || defaultTheme;
-  const styles = getStyles(currTheme);
-  const animatedLabelStyle = useAnimatedStyle(() => {
-    const rawCenter = position.value + thumbSize / 2;
-    const shifted = rawCenter - labelWidth.value / 2;
+  const animatedStyle = useAnimatedStyle(() => {
+    const centerPosition = (leftPosition.value + rightPosition.value) / 2;
+    const halfLabel = labelWidth.value / 2;
+    const shifted = centerPosition - halfLabel;
     const left = Math.min(Math.max(shifted, 0), sliderWidth - labelWidth.value);
     return {
-      left: left
+      left,
+      opacity: isVisible.value ? 1 : 0
     };
   });
+  const displayText = leftValue === rightValue ? leftValue : `${leftValue} - ${rightValue}`;
   return /*#__PURE__*/_jsx(Animated.View, {
-    style: [styles.labelContainer, animatedLabelStyle],
+    style: [styles.labelContainer, animatedStyle],
     onLayout: e => {
       labelWidth.value = e.nativeEvent.layout.width;
     },
     children: /*#__PURE__*/_jsx(Text, {
       style: styles.labelText,
-      children: value
+      children: displayText
     })
   });
 };
@@ -51,27 +87,54 @@ export const SliderLabels = ({
     theme: defaultTheme
   } = useTheme();
   const currTheme = theme || defaultTheme;
-  const styles = getStyles(currTheme);
-  const rightThumbLeftPosition = useDerivedValue(() => {
-    return rightPosition.value - thumbSize;
-  });
-  const leftThumbLeftPosition = useDerivedValue(() => {
-    return leftPosition.value - thumbSize;
-  });
   const isRTL = I18nManager.isRTL;
+
+  // Track label widths in parent for overlap calculation
+  const leftLabelWidth = useSharedValue(0);
+  const rightLabelWidth = useSharedValue(0);
+  const shouldMerge = useDerivedValue(() => {
+    const leftCenter = leftPosition.value;
+    const rightCenter = rightPosition.value;
+    const leftEnd = leftCenter + leftLabelWidth.value / 2;
+    const rightStart = rightCenter - rightLabelWidth.value / 2;
+    if (isRTL) {
+      const rtlLeftEnd = rightCenter + rightLabelWidth.value / 2;
+      const rtlRightStart = leftCenter - leftLabelWidth.value / 2;
+      return rtlRightStart - rtlLeftEnd < MIN_GAP;
+    }
+    return rightStart - leftEnd < MIN_GAP;
+  });
+  const showSeparate = useDerivedValue(() => !shouldMerge.value);
+  const showMerged = useDerivedValue(() => shouldMerge.value);
   return /*#__PURE__*/_jsxs(View, {
-    style: styles.wrapper,
+    style: getStyles(currTheme).wrapper,
     pointerEvents: "none",
-    children: [/*#__PURE__*/_jsx(CenteredLabel, {
+    children: [/*#__PURE__*/_jsx(SingleLabel, {
       value: leftValue,
-      thumbSize: thumbSize,
-      position: isRTL ? leftThumbLeftPosition : leftPosition,
-      sliderWidth: sliderWidth
-    }), /*#__PURE__*/_jsx(CenteredLabel, {
+      position: leftPosition,
+      sliderWidth: sliderWidth,
+      onWidthChange: width => {
+        leftLabelWidth.value = width;
+      },
+      isVisible: showSeparate,
+      theme: currTheme
+    }), /*#__PURE__*/_jsx(SingleLabel, {
       value: rightValue,
-      thumbSize: thumbSize,
-      position: isRTL ? rightPosition : rightThumbLeftPosition,
-      sliderWidth: sliderWidth
+      position: rightPosition,
+      sliderWidth: sliderWidth,
+      onWidthChange: width => {
+        rightLabelWidth.value = width;
+      },
+      isVisible: showSeparate,
+      theme: currTheme
+    }), /*#__PURE__*/_jsx(MergedLabel, {
+      leftValue: leftValue,
+      rightValue: rightValue,
+      leftPosition: leftPosition,
+      rightPosition: rightPosition,
+      sliderWidth: sliderWidth,
+      isVisible: showMerged,
+      theme: currTheme
     })]
   });
 };
@@ -88,7 +151,7 @@ const getStyles = theme => StyleSheet.create({
   },
   labelText: {
     backgroundColor: theme.surface,
-    paddingHorizontal: 8,
+    paddingHorizontal: LABEL_PADDING,
     paddingVertical: 4,
     borderRadius: 4,
     color: theme.onSurface,

package/lib/module/components/RangeSlider/SliderLabel.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","I18nManager","StyleSheet","Text","View","Animated","useAnimatedStyle","useDerivedValue","useSharedValue","useTheme","jsx","_jsx","jsxs","_jsxs","LABEL_HEIGHT","CenteredLabel","value","position","sliderWidth","thumbSize","theme","labelWidth","defaultTheme","currTheme","styles","getStyles","animatedLabelStyle","rawCenter","shifted","left","Math","min","max","style","labelContainer","onLayout","e","nativeEvent","layout","width","children","labelText","SliderLabels","leftValue","rightValue","leftPosition","rightPosition","rightThumbLeftPosition","leftThumbLeftPosition","isRTL","wrapper","pointerEvents","create","height","top","alignItems","backgroundColor","surface","paddingHorizontal","paddingVertical","borderRadius","color","onSurface","fontSize","fontFamily"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/RangeSlider/SliderLabel.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","I18nManager","StyleSheet","Text","View","Animated","useAnimatedStyle","useDerivedValue","useSharedValue","useTheme","jsx","_jsx","jsxs","_jsxs","LABEL_HEIGHT","LABEL_PADDING","MIN_GAP","SingleLabel","value","position","sliderWidth","onWidthChange","isVisible","theme","styles","getStyles","localWidth","animatedStyle","halfLabel","rawCenter","shifted","left","Math","min","max","opacity","style","labelContainer","onLayout","e","width","nativeEvent","layout","children","labelText","MergedLabel","leftValue","rightValue","leftPosition","rightPosition","labelWidth","centerPosition","displayText","SliderLabels","thumbSize","defaultTheme","currTheme","isRTL","leftLabelWidth","rightLabelWidth","shouldMerge","leftCenter","rightCenter","leftEnd","rightStart","rtlLeftEnd","rtlRightStart","showSeparate","showMerged","wrapper","pointerEvents","create","height","top","alignItems","backgroundColor","surface","paddingHorizontal","paddingVertical","borderRadius","color","onSurface","fontSize","fontFamily"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/RangeSlider/SliderLabel.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/contexts/UniversalModalProvider.js

@@ -190,8 +190,8 @@ export const useModal = () => {
 };
 const styles = StyleSheet.create({
   overlayWrapper: {
-    zIndex: 1000,
-    elevation: 1000
+    // zIndex: 1000,
+    // elevation: 1000,
   },
   backdrop: {
     backgroundColor: "rgba(0, 0, 0, 0.6)"

package/lib/module/contexts/UniversalModalProvider.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","createContext","useCallback","useContext","useEffect","useMemo","useState","BackHandler","StyleSheet","TouchableOpacity","View","KeyboardAvoidingView","Animated","Easing","runOnJS","useAnimatedStyle","useSharedValue","withTiming","useSafeAreaInsets","jsx","_jsx","jsxs","_jsxs","ModalContext","undefined","DEFAULT_MODAL_HOST","DefaultModalUI","isVisible","children","options","onClose","insets","isRendered","setIsRendered","opacity","closeOnBackdropPress","closeOnBackButton","animationConfig","duration","easing","bezier","position","animateFrom","avoidKeyboard","backdropStyle","containerStyle","closeIconComponent","value","finished","backHandler","addEventListener","remove","backdropAnimatedStyle","closeIconAnimatedStyle","contentAnimatedStyle","transform","push","translateY","scale","justifyContent","paddingBottom","bottom","paddingTop","top","ContentWrapper","style","absoluteFill","styles","overlayWrapper","backdrop","activeOpacity","onPress","closeIconContainer","pointerEvents","hitSlop","left","right","behavior","keyboardVerticalOffset","keyboardView","baseContainer","UniversalModalProvider","portalHostName","CustomModalComponent","state","setState","content","showModal","hideModal","prev","setTimeout","ModalUI","Provider","useModal","context","Error","create","zIndex","elevation","backgroundColor","alignItems","width"],"sourceRoot":"..\\..\\..\\src","sources":["contexts/UniversalModalProvider.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","createContext","useCallback","useContext","useEffect","useMemo","useState","BackHandler","StyleSheet","TouchableOpacity","View","KeyboardAvoidingView","Animated","Easing","runOnJS","useAnimatedStyle","useSharedValue","withTiming","useSafeAreaInsets","jsx","_jsx","jsxs","_jsxs","ModalContext","undefined","DEFAULT_MODAL_HOST","DefaultModalUI","isVisible","children","options","onClose","insets","isRendered","setIsRendered","opacity","closeOnBackdropPress","closeOnBackButton","animationConfig","duration","easing","bezier","position","animateFrom","avoidKeyboard","backdropStyle","containerStyle","closeIconComponent","value","finished","backHandler","addEventListener","remove","backdropAnimatedStyle","closeIconAnimatedStyle","contentAnimatedStyle","transform","push","translateY","scale","justifyContent","paddingBottom","bottom","paddingTop","top","ContentWrapper","style","absoluteFill","styles","overlayWrapper","backdrop","activeOpacity","onPress","closeIconContainer","pointerEvents","hitSlop","left","right","behavior","keyboardVerticalOffset","keyboardView","baseContainer","UniversalModalProvider","portalHostName","CustomModalComponent","state","setState","content","showModal","hideModal","prev","setTimeout","ModalUI","Provider","useModal","context","Error","create","backgroundColor","alignItems","width","zIndex"],"sourceRoot":"..\\..\\..\\src","sources":["contexts/UniversalModalProvider.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IACVC,aAAa,EAEbC,WAAW,EACXC,UAAU,EACVC,SAAS,EACTC,OAAO,EACPC,QAAQ,QACH,OAAO;AACd,SACEC,WAAW,EAEXC,UAAU,EACVC,gBAAgB,EAChBC,IAAI,QAEC,cAAc;AACrB,SAASC,oBAAoB,QAAQ,kCAAkC;AACvE,OAAOC,QAAQ,IACbC,MAAM,EACNC,OAAO,EACPC,gBAAgB,EAChBC,cAAc,EACdC,UAAU,QAEL,yBAAyB;AAChC,SAASC,iBAAiB,QAAQ,gCAAgC;;AAElE;AAAA,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAyCA;;AAEA,MAAMC,YAAY,gBAAGtB,aAAa,CAA+BuB,SAAS,CAAC;AAE3E,OAAO,MAAMC,kBAAkB,GAAG,oBAAoB;;AAEtD;AACA,MAAMC,cAKJ,GAAGA,CAAC;EAAEC,SAAS;EAAEC,QAAQ;EAAEC,OAAO;EAAEC;AAAQ,CAAC,KAAK;EAClD,MAAMC,MAAM,GAAGb,iBAAiB,CAAC,CAAC;EAClC,MAAM,CAACc,UAAU,EAAEC,aAAa,CAAC,GAAG3B,QAAQ,CAACqB,SAAS,CAAC;EACvD,MAAMO,OAAO,GAAGlB,cAAc,CAAC,CAAC,CAAC;EAEjC,MAAM;IACJmB,oBAAoB,GAAG,IAAI;IAC3BC,iBAAiB,GAAG,IAAI;IACxBC,eAAe,GAAG;MAChBC,QAAQ,EAAE,GAAG;MACbC,MAAM,EAAE1B,MAAM,CAAC2B,MAAM,CAAC,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC;IAC1C,CAAC;IACDC,QAAQ,GAAG,QAAQ;IACnBC,WAAW,GAAG,QAAQ;IACtBC,aAAa,GAAG,IAAI;IACpBC,aAAa;IACbC,cAAc;IACdC;EACF,CAAC,GAAGjB,OAAO;EAEXzB,SAAS,CAAC,MAAM;IACd,IAAIuB,SAAS,EAAEM,aAAa,CAAC,IAAI,CAAC;IAElCC,OAAO,CAACa,KAAK,GAAG9B,UAAU,CACxBU,SAAS,GAAG,CAAC,GAAG,CAAC,EACjBU,eAAe,EACdW,QAAQ,IAAK;MACZ,IAAIA,QAAQ,IAAI,CAACrB,SAAS,EAAE;QAC1Bb,OAAO,CAACmB,aAAa,CAAC,CAAC,KAAK,CAAC;MAC/B;IACF,CACF,CAAC;EACH,CAAC,EAAE,CAACN,SAAS,EAAEU,eAAe,EAAEH,OAAO,CAAC,CAAC;EAEzC9B,SAAS,CAAC,MAAM;IACd,MAAM6C,WAAW,GAAG1C,WAAW,CAAC2C,gBAAgB,CAC9C,mBAAmB,EACnB,MAAM;MACJ,IAAIvB,SAAS,IAAIS,iBAAiB,EAAE;QAClCN,OAAO,CAAC,CAAC;QACT,OAAO,IAAI;MACb;MACA,OAAO,KAAK;IACd,CACF,CAAC;IACD,OAAO,MAAMmB,WAAW,CAACE,MAAM,CAAC,CAAC;EACnC,CAAC,EAAE,CAACxB,SAAS,EAAES,iBAAiB,EAAEN,OAAO,CAAC,CAAC;EAE3C,MAAMsB,qBAAqB,GAAGrC,gBAAgB,CAAC,OAAO;IACpDmB,OAAO,EAAEA,OAAO,CAACa;EACnB,CAAC,CAAC,CAAC;EAEH,MAAMM,sBAAsB,GAAGtC,gBAAgB,CAAC,OAAO;IACrDmB,OAAO,EAAEA,OAAO,CAACa;EACnB,CAAC,CAAC,CAAC;EAEH,MAAMO,oBAAoB,GAAGvC,gBAAgB,CAAC,MAAM;IAClD,IAAIwC,SAAS,GAAG,EAAE;IAClB,IAAIb,WAAW,KAAK,QAAQ,EAAE;MAC5Ba,SAAS,CAACC,IAAI,CAAC;QAAEC,UAAU,EAAE,CAAC,CAAC,GAAGvB,OAAO,CAACa,KAAK,IAAI;MAAI,CAAC,CAAC;IAC3D,CAAC,MAAM,IAAIL,WAAW,KAAK,KAAK,EAAE;MAChCa,SAAS,CAACC,IAAI,CAAC;QAAEC,UAAU,EAAE,CAAC,CAAC,GAAGvB,OAAO,CAACa,KAAK,IAAI,CAAC;MAAI,CAAC,CAAC;IAC5D,CAAC,MAAM;MACLQ,SAAS,CAACC,IAAI,CAAC;QAAEE,KAAK,EAAE,GAAG,GAAGxB,OAAO,CAACa,KAAK,GAAG;MAAI,CAAC,CAAC;IACtD;IAEA,OAAO;MACLb,OAAO,EAAEA,OAAO,CAACa,KAAK;MACtBQ;IACF,CAAC;EACH,CAAC,CAAC;EAEF,IAAI,CAACvB,UAAU,EAAE,OAAO,IAAI;EAE5B,MAAM2B,cAAc,GAClBlB,QAAQ,KAAK,QAAQ,GACjB,UAAU,GACVA,QAAQ,KAAK,KAAK,GAChB,YAAY,GACZ,QAAQ;EAEhB,MAAMmB,aAAa,GAAGnB,QAAQ,KAAK,QAAQ,GAAGV,MAAM,CAAC8B,MAAM,GAAG,CAAC;EAC/D,MAAMC,UAAU,GAAGrB,QAAQ,KAAK,KAAK,GAAGV,MAAM,CAACgC,GAAG,GAAG,CAAC;EAEtD,MAAMC,cAAc,GAAGrB,aAAa,GAAGhC,oBAAoB,GAAGD,IAAI;EAElE,oBACEY,KAAA,CAACZ,IAAI;IACHuD,KAAK,EAAE,CACLzD,UAAU,CAAC0D,YAAY,EACvBC,MAAM,CAACC,cAAc,EACrB;MAAET;IAAe,CAAC,CAClB;IAAA/B,QAAA,gBAGFR,IAAA,CAACR,QAAQ,CAACF,IAAI;MACZuD,KAAK,EAAE,CACLzD,UAAU,CAAC0D,YAAY,EACvBC,MAAM,CAACE,QAAQ,EACfzB,aAAa,EACbQ,qBAAqB,CACrB;MAAAxB,QAAA,eAEFR,IAAA,CAACX,gBAAgB;QACfwD,KAAK,EAAEzD,UAAU,CAAC0D,YAAa;QAC/BI,aAAa,EAAE,CAAE;QACjBC,OAAO,EAAEpC,oBAAoB,GAAGL,OAAO,GAAGN;MAAU,CACrD;IAAC,CACW,CAAC,EAEfsB,kBAAkB,iBACjB1B,IAAA,CAACR,QAAQ,CAACF,IAAI;MACZuD,KAAK,EAAE,CACLE,MAAM,CAACK,kBAAkB,EACzB;QAAET,GAAG,EAAEhC,MAAM,CAACgC,GAAG,GAAG;MAAG,CAAC,EACxBV,sBAAsB,CACtB;MACFoB,aAAa,EAAC,UAAU;MAAA7C,QAAA,eAExBR,IAAA,CAACX,gBAAgB;QACf8D,OAAO,EAAEzC,OAAQ;QACjB4C,OAAO,EAAE;UAAEX,GAAG,EAAE,EAAE;UAAEF,MAAM,EAAE,EAAE;UAAEc,IAAI,EAAE,EAAE;UAAEC,KAAK,EAAE;QAAG,CAAE;QACtDN,aAAa,EAAE,GAAI;QAAA1C,QAAA,EAElBkB;MAAkB,CACH;IAAC,CACN,CAChB,eAGD1B,IAAA,CAAC4C,cAAc;MACba,QAAQ,EAAE,SAAU;MACpBC,sBAAsB,EAAE,EAAG;MAC3Bb,KAAK,EAAE,CACLE,MAAM,CAACY,YAAY,EACnB;QAAEnB,aAAa;QAAEE,UAAU;QAAEH;MAAe,CAAC,CAC7C;MACFc,aAAa,EAAC,UAAU;MAAA7C,QAAA,eAExBR,IAAA,CAACR,QAAQ,CAACF,IAAI;QACZuD,KAAK,EAAE,CAACE,MAAM,CAACa,aAAa,EAAEnC,cAAc,EAAES,oBAAoB,CAAE;QAAA1B,QAAA,EAEnEA;MAAQ,CACI;IAAC,CACF,CAAC;EAAA,CACb,CAAC;AAEX,CAAC;;AAED;AACA,OAAO,MAAMqD,sBAAoD,GAAGA,CAAC;EACnErD,QAAQ;EACRsD,cAAc,GAAGzD,kBAAkB;EACnC0D;AACF,CAAC,KAAK;EACJ,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAG/E,QAAQ,CAI/B;IACDqB,SAAS,EAAE,KAAK;IAChB2D,OAAO,EAAE,IAAI;IACbzD,OAAO,EAAE,CAAC;EACZ,CAAC,CAAC;EAEF,MAAM0D,SAAS,GAAGrF,WAAW,CAC3B,CAACoF,OAAkB,EAAEzD,OAAsB,KAAK;IAC9CwD,QAAQ,CAAC;MACP1D,SAAS,EAAE,IAAI;MACf2D,OAAO;MACPzD,OAAO,EAAE;QAAG,GAAGA;MAAQ;IACzB,CAAC,CAAC;EACJ,CAAC,EACD,EACF,CAAC;EAED,MAAM2D,SAAS,GAAGtF,WAAW,CAAC,MAAM;IAClCmF,QAAQ,CAAEI,IAAI,KAAM;MAAE,GAAGA,IAAI;MAAE9D,SAAS,EAAE;IAAM,CAAC,CAAC,CAAC;IACnD;IACA+D,UAAU,CAAC,MAAM;MACfL,QAAQ,CAAEI,IAAI,IAAK;QACjB;QACA,OAAO,CAACA,IAAI,CAAC9D,SAAS,GAAG;UAAE,GAAG8D,IAAI;UAAEH,OAAO,EAAE;QAAK,CAAC,GAAGG,IAAI;MAC5D,CAAC,CAAC;IACJ,CAAC,EAAE,GAAG,CAAC;EACT,CAAC,EAAE,EAAE,CAAC;EAEN,MAAME,OAAO,GAAGR,oBAAoB,IAAIzD,cAAc;EAEtD,MAAMqB,KAAK,GAAG1C,OAAO,CACnB,OAAO;IAAEkF,SAAS;IAAEC;EAAU,CAAC,CAAC,EAChC,CAACD,SAAS,EAAEC,SAAS,CACvB,CAAC;EAED,oBACElE,KAAA,CAACC,YAAY,CAACqE,QAAQ;IAAC7C,KAAK,EAAEA,KAAM;IAAAnB,QAAA,GACjCA,QAAQ,eACTR,IAAA,CAACuE,OAAO;MACNhE,SAAS,EAAEyD,KAAK,CAACzD,SAAU;MAC3BE,OAAO,EAAEuD,KAAK,CAACvD,OAAQ;MACvBC,OAAO,EAAE0D,SAAU;MAAA5D,QAAA,EAElBwD,KAAK,CAACE;IAAO,CACP,CAAC;EAAA,CACW,CAAC;AAE5B,CAAC;AAED,OAAO,MAAMO,QAAQ,GAAGA,CAAA,KAAM;EAC5B,MAAMC,OAAO,GAAG3F,UAAU,CAACoB,YAAY,CAAC;EACxC,IAAI,CAACuE,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,uDAAuD,CAAC;EAC1E;EACA,OAAOD,OAAO;AAChB,CAAC;AAED,MAAM3B,MAAM,GAAG3D,UAAU,CAACwF,MAAM,CAAC;EAC/B5B,cAAc,EAAE;IACd;IACA;EAAA,CACD;EACDC,QAAQ,EAAE;IACR4B,eAAe,EAAE;EACnB,CAAC;EACDlB,YAAY,EAAE;IACZpB,cAAc,EAAE,QAAQ;IACxBuC,UAAU,EAAE;EACd,CAAC;EACDlB,aAAa,EAAE;IACbmB,KAAK,EAAE;EACT,CAAC;EACD3B,kBAAkB,EAAE;IAClB/B,QAAQ,EAAE,UAAU;IACpBmC,KAAK,EAAE,EAAE;IACTwB,MAAM,EAAE;EACV;AACF,CAAC,CAAC","ignoreList":[]}

package/lib/typescript/src/components/Input/CountryPickerView.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { StyleProp, TextStyle } from "react-native";
+import { StyleProp, TextStyle, ViewStyle } from "react-native";
 import { Country } from "./PhoneInput";
 interface CountryPickerViewProps {
     countries?: Country[];
@@ -9,8 +9,10 @@ interface CountryPickerViewProps {
     countryNameStyle?: StyleProp<TextStyle>;
     countryCodeStyle?: StyleProp<TextStyle>;
     searchPlaceholder?: string;
+    isNative?: boolean;
+    style?: StyleProp<ViewStyle>;
 }
 export declare const DEFAULT_COUNTRIES: Country[];
-declare const CountryPickerView: ({ countries, onSelectCountry, listTitle, listTitleStyle, countryNameStyle, countryCodeStyle, searchPlaceholder, }: CountryPickerViewProps) => React.JSX.Element;
+declare const CountryPickerView: ({ countries, onSelectCountry, listTitle, listTitleStyle, countryNameStyle, countryCodeStyle, searchPlaceholder, isNative, style }: CountryPickerViewProps) => React.JSX.Element;
 export default CountryPickerView;
 //# sourceMappingURL=CountryPickerView.d.ts.map

package/lib/typescript/src/components/Input/CountryPickerView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CountryPickerView.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/CountryPickerView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AACzE,OAAO,EAIL,SAAS,EACT,SAAS,EAEV,MAAM,cAAc,CAAC;AAItB,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAKvC,UAAU,sBAAsB;IAC9B,SAAS,CAAC,EAAE,OAAO,EAAE,CAAC;IACtB,eAAe,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACxC,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACxC,iBAAiB,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,eAAO,MAAM,iBAAiB,EAAE,OAAO,EAIpC,CAAC;AA+BJ,QAAA,MAAM,iBAAiB,GAAI,mHAQxB,sBAAsB,sBAyExB,CAAC;AA6CF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"CountryPickerView.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/CountryPickerView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AACzE,OAAO,EAIL,SAAS,EACT,SAAS,EAGT,SAAS,EACV,MAAM,cAAc,CAAC;AAItB,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAKvC,UAAU,sBAAsB;IAC9B,SAAS,CAAC,EAAE,OAAO,EAAE,CAAC;IACtB,eAAe,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACxC,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACxC,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED,eAAO,MAAM,iBAAiB,EAAE,OAAO,EAIpC,CAAC;AA+BJ,QAAA,MAAM,iBAAiB,GAAI,mIAUxB,sBAAsB,sBA4ExB,CAAC;AA6CF,eAAe,iBAAiB,CAAC"}

package/lib/typescript/src/components/Input/PhoneInput.d.ts

@@ -18,6 +18,7 @@ export interface PhoneInputProps extends Omit<CustomInputProps, "leftIcon" | "ri
     listTitle?: string;
     isBottomSheet?: boolean;
     disableCountryPicker?: boolean;
+    onCountryPickerPress?: () => void;
 }
 declare const PhoneInput: React.ForwardRefExoticComponent<PhoneInputProps & React.RefAttributes<TextInput>>;
 export default PhoneInput;

package/lib/typescript/src/components/Input/PhoneInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PhoneInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/PhoneInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,EACL,SAAS,EAIT,SAAS,EACT,SAAS,EAEV,MAAM,cAAc,CAAC;AACtB,OAAoB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAQxD,MAAM,MAAM,OAAO,GAAG;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,WAAW,eACf,SAAQ,IAAI,CACV,gBAAgB,EACd,UAAU,GACV,WAAW,GACX,kBAAkB,GAClB,cAAc,GACd,OAAO,GACP,sBAAsB,CACzB;IACD,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,OAAO,EAAE,CAAC;IAGtB,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACxC,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACxC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,oBAAoB,CAAC,EAAE,OAAO,CAAA;CAC/B;AAQD,QAAA,MAAM,UAAU,mFA6Hf,CAAC;AAoBF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"PhoneInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/Input/PhoneInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,EACL,SAAS,EAIT,SAAS,EACT,SAAS,EAEV,MAAM,cAAc,CAAC;AACtB,OAAoB,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAQxD,MAAM,MAAM,OAAO,GAAG;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,MAAM,WAAW,eACf,SAAQ,IAAI,CACV,gBAAgB,EACd,UAAU,GACV,WAAW,GACX,kBAAkB,GAClB,cAAc,GACd,OAAO,GACP,sBAAsB,CACzB;IACD,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,SAAS,CAAC,EAAE,OAAO,EAAE,CAAC;IAGtB,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACxC,gBAAgB,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACxC,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAEtC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IAExB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,oBAAoB,CAAC,EAAE,MAAM,IAAI,CAAC;CACnC;AAQD,QAAA,MAAM,UAAU,mFAmIf,CAAC;AAoBF,eAAe,UAAU,CAAC"}

package/lib/typescript/src/components/RangeSlider/RangeSlider.d.ts

@@ -14,11 +14,17 @@ interface RangeSliderProps {
     }) => void;
     theme?: ThemeType;
     scale?: ScaleType;
-    /**
-     * For percentile scale: array of all values in your dataset
-     * The slider will distribute positions based on data density
-     */
     dataPoints?: number[];
+    showCustomInputs?: boolean;
+    inputPlaceholders?: {
+        min?: string;
+        max?: string;
+    };
+    inputLabels?: {
+        min?: string;
+        max?: string;
+    };
+    isBottomSheet?: boolean;
 }
 declare const RangeSlider: React.FC<RangeSliderProps>;
 export default RangeSlider;

package/lib/typescript/src/components/RangeSlider/RangeSlider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RangeSlider.d.ts","sourceRoot":"","sources":["../../../../../src/components/RangeSlider/RangeSlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAS9D,OAAO,EAAE,SAAS,EAAY,MAAM,aAAa,CAAC;AAMlD,KAAK,SAAS,GAAG,QAAQ,GAAG,aAAa,GAAG,YAAY,CAAC;AAEzD,UAAU,gBAAgB;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,CAAC,MAAM,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC9D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;CACvB;AAiDD,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAwM3C,CAAC;AAyCF,eAAe,WAAW,CAAC"}
+{"version":3,"file":"RangeSlider.d.ts","sourceRoot":"","sources":["../../../../../src/components/RangeSlider/RangeSlider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAQ9D,OAAO,EAAE,SAAS,EAAY,MAAM,aAAa,CAAC;AASlD,KAAK,SAAS,GAAG,QAAQ,GAAG,aAAa,GAAG,YAAY,CAAC;AAEzD,UAAU,gBAAgB;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,CAAC,MAAM,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC9D,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,iBAAiB,CAAC,EAAE;QAClB,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,GAAG,CAAC,EAAE,MAAM,CAAC;KACd,CAAC;IACF,WAAW,CAAC,EAAE;QACZ,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,GAAG,CAAC,EAAE,MAAM,CAAC;KACd,CAAC;IACF,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AA+CD,QAAA,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAqW3C,CAAC;AAwEF,eAAe,WAAW,CAAC"}

package/lib/typescript/src/components/RangeSlider/SliderLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SliderLabel.d.ts","sourceRoot":"","sources":["../../../../../src/components/RangeSlider/SliderLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAiB,EACf,WAAW,EAIZ,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,SAAS,EAAY,MAAM,aAAa,CAAC;AAIlD,UAAU,iBAAiB;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAClC,aAAa,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACnC,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB;AAgDD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAqCpD,CAAC"}
+{"version":3,"file":"SliderLabel.d.ts","sourceRoot":"","sources":["../../../../../src/components/RangeSlider/SliderLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAiB,EACb,WAAW,EAId,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,SAAS,EAAY,MAAM,aAAa,CAAC;AAMlD,UAAU,iBAAiB;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAClC,aAAa,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACnC,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC;CACnB;AAiGD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAsEpD,CAAC"}

package/package.json

@@ -1,79 +1,79 @@
-{
-  "name": "related-ui-components",
-  "version": "4.2.2",
-  "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": "4.2.4",
+  "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/"
+  ]
 }

package/src/components/Input/CountryPickerView.tsx

@@ -6,6 +6,8 @@ import {
   StyleProp,
   TextStyle,
   Keyboard,
+  FlatList,
+  ViewStyle,
 } from "react-native";
 import { BottomSheetFlatList } from "@gorhom/bottom-sheet";
 import { useTheme } from "../../theme";
@@ -23,6 +25,8 @@ interface CountryPickerViewProps {
   countryNameStyle?: StyleProp<TextStyle>;
   countryCodeStyle?: StyleProp<TextStyle>;
   searchPlaceholder?: string;
+  isNative?: boolean;
+  style?: StyleProp<ViewStyle>;
 }
 
 export const DEFAULT_COUNTRIES: Country[] = allCountries.map((c) => ({
@@ -68,6 +72,8 @@ const CountryPickerView = ({
   countryNameStyle,
   countryCodeStyle,
   searchPlaceholder = "Search...",
+  isNative,
+  style
 }: CountryPickerViewProps) => {
   const { theme } = useTheme();
 
@@ -110,25 +116,28 @@ const CountryPickerView = ({
     [onSelectCountry, memoizedNameStyle, memoizedCodeStyle]
   );
 
+  const FlatListComponent = isNative ? FlatList : BottomSheetFlatList
+
   return (
-    <View style={styles.popup}>
+    <View style={[styles.popup, style]}>
       <Text style={[styles.popupTitle, { color: theme.text}, listTitleStyle]}>
         {listTitle}
       </Text>
       <CustomInput
         placeholder={searchPlaceholder}
         value={searchQuery}
-        isBottomSheet
+        isBottomSheet={!isNative}
         onChangeText={setSearchQuery}
         containerStyle={styles.searchInputContainer}
       />
-      <BottomSheetFlatList
+      <FlatListComponent
         data={filteredCountries}
         keyExtractor={(c) => c.iso2}
         renderItem={renderCountry}
         contentContainerStyle={{ paddingBottom: 16 }}
         initialNumToRender={15}
         maxToRenderPerBatch={10}
+        nestedScrollEnabled={isNative}
         showsVerticalScrollIndicator={false}
         keyboardShouldPersistTaps="handled"
         ListEmptyComponent={

package/src/components/Input/PhoneInput.tsx

@@ -47,6 +47,7 @@ export interface PhoneInputProps
   isBottomSheet?: boolean;
 
   disableCountryPicker?: boolean
+  onCountryPickerPress?: () => void;
 }
 
 const DEFAULT_COUNTRIES: Country[] = allCountries.map((c) => ({
@@ -78,6 +79,7 @@ const PhoneInput = forwardRef<TextInput, PhoneInputProps>(
       countryNameStyle,
       isBottomSheet,
       disableCountryPicker = false,
+      onCountryPickerPress,
       ...rest
     },
     ref
@@ -102,6 +104,11 @@ const PhoneInput = forwardRef<TextInput, PhoneInputProps>(
     );
 
     const openCountryPicker = useCallback(() => {
+      if(onCountryPickerPress){
+        onCountryPickerPress()
+        return;
+      }
+      
       push({
         component: (
           <CountryPickerView