dhre-ui-kit 2.0.17 → 2.0.19

package/lib/index.js

@@ -7291,7 +7291,7 @@ const Checkbox = ({
       reactNative.Pressable,
       {
         testID: "Checkbox-Press",
-        onPress: handlePress,
+        onPressIn: handlePress,
         disabled: disable,
         style: styles$w.checkboxContainer
       },
@@ -7303,7 +7303,7 @@ const Checkbox = ({
         variant: titleVariant,
         text: labelName,
         style: titleStyle,
-        onPress
+        onPressIn: onPress
       }
     )
   ));
@@ -8674,6 +8674,30 @@ const styles$i = reactNative.StyleSheet.create({
   seperator: { height: 1 }
 });
 
+const ActionButton = ({
+  icon,
+  title,
+  onPress,
+  style,
+  testID,
+  titleStyle
+}) => /* @__PURE__ */ React__default["default"].createElement(
+  reactNative.Pressable,
+  {
+    testID,
+    onPress,
+    style: [styles$i.actionButton, style]
+  },
+  icon,
+  /* @__PURE__ */ React__default["default"].createElement(
+    CustomTypography,
+    {
+      variant: "L1_REGULAR",
+      style: [styles$i.titleStyle, titleStyle],
+      text: title
+    }
+  )
+);
 const SwipableList = (props) => {
   const {
     data,
@@ -8699,38 +8723,17 @@ const SwipableList = (props) => {
   const { theme } = useTheme();
   const [currentOpenId, setCurrentOpenId] = React.useState(null);
   const swipeableRefs = React.useRef({});
-  const closeSwipeable = (id) => {
+  const closeSwipeable = React.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__default["default"].createElement(
-    reactNative.Pressable,
-    {
-      testID,
-      onPress,
-      style: [styles$i.actionButton, style]
-    },
-    icon,
-    /* @__PURE__ */ React__default["default"].createElement(
-      CustomTypography,
-      {
-        variant: "L1_REGULAR",
-        style: [styles$i.titleStyle, titleStyle],
-        text: title
+  }, []);
+  const handleSwipeStart = React.useCallback((id) => {
+    setCurrentOpenId((prev) => {
+      if (prev && prev !== id) {
+        swipeableRefs.current[prev]?.close();
       }
-    )
-  );
+      return id;
+    });
+  }, []);
   const leftActionHandle = (item, leftPrimaryActionIcon, leftPrimaryActionTitle, leftSecondaryActionIcon, leftSecondaryActionTitle) => /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$i.actionBtn }, leftPrimaryActionIcon && /* @__PURE__ */ React__default["default"].createElement(
     ActionButton,
     {
@@ -8741,7 +8744,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__default["default"].createElement(
     ActionButton,
@@ -8753,7 +8757,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__default["default"].createElement(reactNative.View, { style: [styles$i.actionBtn, rightPrimaryActionStyle] }, rightPrimaryActionIcon && /* @__PURE__ */ React__default["default"].createElement(
@@ -8766,10 +8771,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__default["default"].createElement(reactNativeGestureHandler.GestureHandlerRootView, { testID: `${testId}-LIST`, style: styles$i.container }, /* @__PURE__ */ React__default["default"].createElement(
+  const renderItem = ({ item }) => /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { testID: `${testId}-LIST`, style: styles$i.container }, /* @__PURE__ */ React__default["default"].createElement(
     reactNativeGestureHandler.Swipeable,
     {
       ref: (ref) => swipeableRefs.current[item.id] = ref,
@@ -10828,9 +10834,11 @@ const CustomSlideButton = React__default["default"].forwardRef(
       }).start();
     };
     const panResponder = reactNative.PanResponder.create({
+      onStartShouldSetPanResponder: () => true,
       onMoveShouldSetPanResponder: (e, gestureState) => {
         return gestureState.dx !== 0;
       },
+      onPanResponderTerminationRequest: () => false,
       onPanResponderMove: (evt, gestureState) => {
         if (gestureState.dx > 0 && gestureState.dx <= value?.current - BUTTON_WIDTH - 8) {
           translateX.setValue(gestureState.dx);
@@ -10866,6 +10874,9 @@ const CustomSlideButton = React__default["default"].forwardRef(
         } else {
           resetAll();
         }
+      },
+      onPanResponderTerminate: () => {
+        resetAll();
       }
     });
     const textColor = color.interpolate({