dhre-ui-kit 2.0.17 → 2.0.18

package/lib/index.mjs

@@ -1,4 +1,4 @@
-import React, { createContext, useContext, useState, useEffect, useRef, memo, useCallback } from 'react';
+import React, { createContext, useContext, useState, useEffect, useRef, useCallback, memo } from 'react';
 import { useSelector } from 'react-redux';
 import { Dimensions, StyleSheet, Text, Pressable, View, Platform, KeyboardAvoidingView, TextInput, ScrollView, Animated, FlatList, TouchableOpacity, Modal as Modal$1, Alert, Linking, PanResponder } from 'react-native';
 import Modal from 'react-native-modal';
@@ -7,7 +7,7 @@ import LottieView from 'lottie-react-native';
 import Tooltip from 'react-native-walkthrough-tooltip';
 import Pdf from 'react-native-pdf';
 import * as Progress from 'react-native-progress';
-import { GestureHandlerRootView, Swipeable } from 'react-native-gesture-handler';
+import { Swipeable } from 'react-native-gesture-handler';
 import DeviceInfo from 'react-native-device-info';
 import { Calendar } from 'react-native-calendars';
 import CountryPicker from 'react-native-country-picker-modal';
@@ -8638,6 +8638,30 @@ const styles$i = StyleSheet.create({
   seperator: { height: 1 }
 });
 
+const ActionButton = ({
+  icon,
+  title,
+  onPress,
+  style,
+  testID,
+  titleStyle
+}) => /* @__PURE__ */ React.createElement(
+  Pressable,
+  {
+    testID,
+    onPress,
+    style: [styles$i.actionButton, style]
+  },
+  icon,
+  /* @__PURE__ */ React.createElement(
+    CustomTypography,
+    {
+      variant: "L1_REGULAR",
+      style: [styles$i.titleStyle, titleStyle],
+      text: title
+    }
+  )
+);
 const SwipableList = (props) => {
   const {
     data,
@@ -8663,38 +8687,17 @@ const SwipableList = (props) => {
   const { theme } = useTheme();
   const [currentOpenId, setCurrentOpenId] = useState(null);
   const swipeableRefs = useRef({});
-  const closeSwipeable = (id) => {
+  const closeSwipeable = useCallback((id) => {
     swipeableRefs.current[id]?.close();
-  };
-  const handleSwipeStart = (id) => {
-    if (currentOpenId && currentOpenId !== id) {
-      closeSwipeable(currentOpenId);
-    }
-    setCurrentOpenId(id);
-  };
-  const ActionButton = ({
-    icon,
-    title,
-    onPress,
-    style,
-    testID
-  }) => /* @__PURE__ */ React.createElement(
-    Pressable,
-    {
-      testID,
-      onPress,
-      style: [styles$i.actionButton, style]
-    },
-    icon,
-    /* @__PURE__ */ React.createElement(
-      CustomTypography,
-      {
-        variant: "L1_REGULAR",
-        style: [styles$i.titleStyle, titleStyle],
-        text: title
+  }, []);
+  const handleSwipeStart = useCallback((id) => {
+    setCurrentOpenId((prev) => {
+      if (prev && prev !== id) {
+        swipeableRefs.current[prev]?.close();
       }
-    )
-  );
+      return id;
+    });
+  }, []);
   const leftActionHandle = (item, leftPrimaryActionIcon, leftPrimaryActionTitle, leftSecondaryActionIcon, leftSecondaryActionTitle) => /* @__PURE__ */ React.createElement(View, { style: styles$i.actionBtn }, leftPrimaryActionIcon && /* @__PURE__ */ React.createElement(
     ActionButton,
     {
@@ -8705,7 +8708,8 @@ const SwipableList = (props) => {
         closeSwipeable(item.id);
       },
       style: leftPrimaryActionStyle,
-      testID: `${testId}-LEFT-PRIMARY-${item.id}`
+      testID: `${testId}-LEFT-PRIMARY-${item.id}`,
+      titleStyle
     }
   ), leftSecondaryActionIcon && /* @__PURE__ */ React.createElement(
     ActionButton,
@@ -8717,7 +8721,8 @@ const SwipableList = (props) => {
         closeSwipeable(item.id);
       },
       style: leftSecondaryActionStyle,
-      testID: `${testId}-LEFT-SECONDARY-${item.id}`
+      testID: `${testId}-LEFT-SECONDARY-${item.id}`,
+      titleStyle
     }
   ));
   const rightActionHandle = (item) => /* @__PURE__ */ React.createElement(View, { style: [styles$i.actionBtn, rightPrimaryActionStyle] }, rightPrimaryActionIcon && /* @__PURE__ */ React.createElement(
@@ -8730,10 +8735,11 @@ const SwipableList = (props) => {
         closeSwipeable(item.id);
       },
       style: rightPrimaryActionStyle,
-      testID: `${testId}-RIGHT-PRIMARY-${item.id}`
+      testID: `${testId}-RIGHT-PRIMARY-${item.id}`,
+      titleStyle
     }
   ));
-  const renderItem = ({ item }) => /* @__PURE__ */ React.createElement(GestureHandlerRootView, { testID: `${testId}-LIST`, style: styles$i.container }, /* @__PURE__ */ React.createElement(
+  const renderItem = ({ item }) => /* @__PURE__ */ React.createElement(View, { testID: `${testId}-LIST`, style: styles$i.container }, /* @__PURE__ */ React.createElement(
     Swipeable,
     {
       ref: (ref) => swipeableRefs.current[item.id] = ref,