dhre-ui-kit 0.0.100 → 0.0.102

package/lib/index.js

@@ -2456,6 +2456,44 @@ const styles$k = reactNative.StyleSheet.create({
   rightIconStyle: { marginLeft: horizontalScale(8) }
 });
 
+const styles$j = reactNative.StyleSheet.create({
+  container: {
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  title: {
+    color: "#000"
+  }
+});
+
+const CustomIcon = ({
+  icon,
+  title,
+  titleVariant = "L1_REGULAR",
+  testId = "CUSTOM-ICON",
+  onPress,
+  containerStyle,
+  titleStyle
+}) => {
+  return /* @__PURE__ */ React__default["default"].createElement(
+    reactNative.Pressable,
+    {
+      style: [styles$j.container, containerStyle],
+      onPress,
+      testID: testId
+    },
+    icon,
+    title && /* @__PURE__ */ React__default["default"].createElement(
+      CustomTypography,
+      {
+        variant: titleVariant,
+        text: title,
+        style: [styles$j.title, titleStyle]
+      }
+    )
+  );
+};
+
 const CustomHeader = ({
   title,
   testId = "CUSTOM-HEADER",
@@ -2466,27 +2504,31 @@ const CustomHeader = ({
   onLeftPress,
   onRightPress
 }) => {
-  return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$k.container, testID: testId }, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$k.headderContainer }, showLeftIcon && React__default["default"].cloneElement(leftIcon, {
-    width: moderateScale(24),
-    height: moderateScale(24),
-    onPress: onLeftPress,
-    style: styles$k.leftIconStyle
-  }), /* @__PURE__ */ React__default["default"].createElement(
+  return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$k.container, testID: testId }, /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$k.headderContainer }, showLeftIcon && /* @__PURE__ */ React__default["default"].createElement(
+    CustomIcon,
+    {
+      icon: leftIcon,
+      onPress: onLeftPress,
+      containerStyle: styles$k.leftIconStyle
+    }
+  ), /* @__PURE__ */ React__default["default"].createElement(
     CustomTypography,
     {
       variant: "B2_REGULAR",
       text: title,
       style: styles$k.headerTitle
     }
-  )), showRightIcon && React__default["default"].cloneElement(rightIcon, {
-    width: moderateScale(24),
-    height: moderateScale(24),
-    onPress: onRightPress,
-    style: styles$k.rightIconStyle
-  }));
+  )), showRightIcon && /* @__PURE__ */ React__default["default"].createElement(
+    CustomIcon,
+    {
+      icon: rightIcon,
+      onPress: onRightPress,
+      containerStyle: styles$k.rightIconStyle
+    }
+  ));
 };
 
-const styles$j = reactNative.StyleSheet.create({
+const styles$i = reactNative.StyleSheet.create({
   container: {
     flex: 1
   },
@@ -2547,19 +2589,19 @@ const SwipableList = (props) => {
     {
       testID,
       onPress,
-      style: [styles$j.actionButton, style]
+      style: [styles$i.actionButton, style]
     },
     icon,
     /* @__PURE__ */ React__default["default"].createElement(
       CustomTypography,
       {
         variant: "L1_REGULAR",
-        style: [styles$j.titleStyle, titleStyle],
+        style: [styles$i.titleStyle, titleStyle],
         text: title
       }
     )
   );
-  const leftActionHandle = (item, leftPrimaryActionIcon, leftPrimaryActionTitle, leftSecondaryActionIcon, leftSecondaryActionTitle) => /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$j.leftActions, leftPrimaryActionStyle] }, leftPrimaryActionIcon && /* @__PURE__ */ React__default["default"].createElement(
+  const leftActionHandle = (item, leftPrimaryActionIcon, leftPrimaryActionTitle, leftSecondaryActionIcon, leftSecondaryActionTitle) => /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$i.leftActions, leftPrimaryActionStyle] }, leftPrimaryActionIcon && /* @__PURE__ */ React__default["default"].createElement(
     ActionButton,
     {
       icon: leftPrimaryActionIcon,
@@ -2578,7 +2620,7 @@ const SwipableList = (props) => {
       testID: `${testId}-LEFT-SECONDARY-${item.id}`
     }
   ));
-  const rightActionHandle = (item) => /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$j.rightActions, rightPrimaryActionStyle] }, rightPrimaryActionIcon && /* @__PURE__ */ React__default["default"].createElement(
+  const rightActionHandle = (item) => /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: [styles$i.rightActions, rightPrimaryActionStyle] }, rightPrimaryActionIcon && /* @__PURE__ */ React__default["default"].createElement(
     ActionButton,
     {
       icon: rightPrimaryActionIcon,
@@ -2588,7 +2630,7 @@ const SwipableList = (props) => {
       testID: `${testId}-RIGHT-PRIMARY-${item.id}`
     }
   ));
-  const renderItem = ({ item }) => /* @__PURE__ */ React__default["default"].createElement(reactNativeGestureHandler.GestureHandlerRootView, { testID: `${testId}-LIST`, style: styles$j.container }, /* @__PURE__ */ React__default["default"].createElement(
+  const renderItem = ({ item }) => /* @__PURE__ */ React__default["default"].createElement(reactNativeGestureHandler.GestureHandlerRootView, { testID: `${testId}-LIST`, style: styles$i.container }, /* @__PURE__ */ React__default["default"].createElement(
     reactNativeGestureHandler.Swipeable,
     {
       renderLeftActions: () => leftActionHandle(
@@ -2599,7 +2641,7 @@ const SwipableList = (props) => {
         item.isRead ? leftSecondaryActionInActiveTitle : leftSecondaryActionActiveTitle
       ),
       renderRightActions: () => rightActionHandle(item),
-      containerStyle: styles$j.swippableContainer
+      containerStyle: styles$i.swippableContainer
     },
     props?.renderItem(item)
   ));
@@ -2609,49 +2651,11 @@ const SwipableList = (props) => {
       data,
       renderItem,
       keyExtractor: (item) => item.id,
-      ItemSeparatorComponent: () => /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$j.seprator })
+      ItemSeparatorComponent: () => /* @__PURE__ */ React__default["default"].createElement(reactNative.View, { style: styles$i.seprator })
     }
   ));
 };
 
-const styles$i = reactNative.StyleSheet.create({
-  container: {
-    justifyContent: "center",
-    alignItems: "center"
-  },
-  title: {
-    color: "#000"
-  }
-});
-
-const CustomIcon = ({
-  icon,
-  title,
-  titleVariant = "L1_REGULAR",
-  testId = "CUSTOM-ICON",
-  onPress,
-  containerStyle,
-  titleStyle
-}) => {
-  return /* @__PURE__ */ React__default["default"].createElement(
-    reactNative.Pressable,
-    {
-      style: [styles$i.container, containerStyle],
-      onPress,
-      testID: testId
-    },
-    icon,
-    title && /* @__PURE__ */ React__default["default"].createElement(
-      CustomTypography,
-      {
-        variant: titleVariant,
-        text: title,
-        style: [styles$i.title, titleStyle]
-      }
-    )
-  );
-};
-
 const styles$h = reactNative.StyleSheet.create({
   container: {
     flex: 1,