dhre-ui-kit 2.0.17 → 2.0.18

package/lib/index.js

@@ -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,