dhre-ui-kit 0.0.141 → 0.0.143

package/lib/index.d.ts

@@ -17,7 +17,7 @@ interface CustomTextProps extends TextProps {
     style?: StyleProp<TextStyle>;
     textColor?: string;
 }
-declare const _default$i: (props: CustomTextProps) => React$1.JSX.Element;
+declare const _default$j: (props: CustomTextProps) => React$1.JSX.Element;
 
 interface BadgeProps {
     text?: string;
@@ -27,7 +27,7 @@ interface BadgeProps {
     iconStyle?: ViewStyle;
     handleIconPress: () => void;
 }
-declare const _default$h: (props: BadgeProps) => React$1.JSX.Element;
+declare const _default$i: (props: BadgeProps) => React$1.JSX.Element;
 
 interface BottomDrawerProps {
     isModalVisible: boolean;
@@ -71,7 +71,7 @@ interface CustomButtonProps {
     disableButtonTitleColor?: string;
 }
 
-declare const _default$g: (props: CustomButtonProps) => React$1.JSX.Element;
+declare const _default$h: (props: CustomButtonProps) => React$1.JSX.Element;
 
 interface CardsProps {
     topLeftTitle?: string;
@@ -318,7 +318,7 @@ interface Props {
     onSelectionChange?: (selected: string[]) => void;
     style?: ViewStyle;
 }
-declare const _default$f: (props: Props) => React$1.JSX.Element;
+declare const _default$g: (props: Props) => React$1.JSX.Element;
 
 interface TagsProps {
     tags: string[];
@@ -358,7 +358,7 @@ interface AccordionProps {
     titleVariant?: string;
 }
 
-declare const _default$e: (props: AccordionProps) => React$1.JSX.Element;
+declare const _default$f: (props: AccordionProps) => React$1.JSX.Element;
 
 interface ToastProps {
     sucessIcon: React$1.ReactElement;
@@ -413,7 +413,7 @@ interface CustomHeaderProps {
     onRightPress?: () => void;
 }
 
-declare const _default$d: (props: CustomHeaderProps) => React$1.JSX.Element;
+declare const _default$e: (props: CustomHeaderProps) => React$1.JSX.Element;
 
 interface ListItem {
     id: string;
@@ -456,7 +456,7 @@ interface SwipableListProps {
     titleStyle?: TextStyle;
 }
 
-declare const SwipableList: (props: SwipableListProps) => React$1.JSX.Element;
+declare const _default$d: (props: SwipableListProps) => React$1.JSX.Element;
 
 interface TypoTextProps extends TextProps {
     variant: keyof typeof FONT_STYLES;
@@ -1059,4 +1059,4 @@ interface PropertyDetailsProps {
 
 declare const _default: (props: PropertyDetailsProps) => React$1.JSX.Element;
 
-export { _default$e as Accordion, _default$1 as AppointmentCard, _default$h as Badge, BottomDrawer, _default$g as Button, Cards, _default$7 as Category, Checkbox as CheckBox, _default$a as ContactModel, CountryDropDown as CountryPicker, _default$5 as CustomDocumentPicker, CustomDropdown$1 as CustomDropdown, _default$d as CustomHeader, type CustomHeaderProps, CustomIcon, CustomLoader, CustomProgressBar, CustomSearchBar, _default$2 as CustomSlideButton, CustomSwitchBtn, _default$i as CustomText, CustomTextInput, CustomTooltip, CustomTypography, DHRE_COLORS_ALERT, DHRE_COLORS_BG, DHRE_COLORS_PRIMARY, DHRE_COLORS_SECONDARY, DHRE_COLORS_TEXT, DHRE_DEFAULT, _default$9 as DateRangePicker, CustomDropdown as DropDown, FONT_STYLES, _default$6 as FeedbackForm, FileUpload, FontStyle, _default$c as Line, NotificationBandge, _default$4 as OTPInput, _default$8 as OurOfficesButton, PdfView, PopUp, _default as PropertyDetails, ShapeType, TagsComponent as SingleSelectionTags, Star as StarRating, _default$3 as Stepper, SwipableList, _default$f as Tabs, Tags, TextDirectType, CommonTextInput as TextInput, Theme, Toast, type ToastRef, CustomSwitch as ToggleButton, ToggleButtonType, ToggleTextType, _default$b as Topic, copyToClipboard, theme as default, height, horizontalScale, moderateScale, toastService, verticalScale, width };
+export { _default$f as Accordion, _default$1 as AppointmentCard, _default$i as Badge, BottomDrawer, _default$h as Button, Cards, _default$7 as Category, Checkbox as CheckBox, _default$a as ContactModel, CountryDropDown as CountryPicker, _default$5 as CustomDocumentPicker, CustomDropdown$1 as CustomDropdown, _default$e as CustomHeader, type CustomHeaderProps, CustomIcon, CustomLoader, CustomProgressBar, CustomSearchBar, _default$2 as CustomSlideButton, CustomSwitchBtn, _default$j as CustomText, CustomTextInput, CustomTooltip, CustomTypography, DHRE_COLORS_ALERT, DHRE_COLORS_BG, DHRE_COLORS_PRIMARY, DHRE_COLORS_SECONDARY, DHRE_COLORS_TEXT, DHRE_DEFAULT, _default$9 as DateRangePicker, CustomDropdown as DropDown, FONT_STYLES, _default$6 as FeedbackForm, FileUpload, FontStyle, _default$c as Line, NotificationBandge, _default$4 as OTPInput, _default$8 as OurOfficesButton, PdfView, PopUp, _default as PropertyDetails, ShapeType, TagsComponent as SingleSelectionTags, Star as StarRating, _default$3 as Stepper, _default$d as SwipableList, _default$g as Tabs, Tags, TextDirectType, CommonTextInput as TextInput, Theme, Toast, type ToastRef, CustomSwitch as ToggleButton, ToggleButtonType, ToggleTextType, _default$b as Topic, copyToClipboard, theme as default, height, horizontalScale, moderateScale, toastService, verticalScale, width };

package/lib/index.js

@@ -2292,7 +2292,6 @@ const styles$k = reactNative.StyleSheet.create({
   container: {
     flex: 1
   },
-  swippableContainer: { paddingVertical: verticalScale(16) },
   actionButton: {
     justifyContent: "center",
     alignItems: "center",
@@ -2303,7 +2302,8 @@ const styles$k = reactNative.StyleSheet.create({
   },
   actionBtn: {
     flexDirection: "row"
-  }
+  },
+  seperator: { height: 1 }
 });
 
 const SwipableList = (props) => {
@@ -2328,6 +2328,7 @@ const SwipableList = (props) => {
     rightPrimaryActionStyle,
     titleStyle
   } = props;
+  const { theme } = useTheme();
   const ActionButton = ({
     icon,
     title,
@@ -2390,8 +2391,7 @@ const SwipableList = (props) => {
         item.isRead ? leftSecondaryActionInActiveIcon : leftSecondaryActionActiveIcon,
         item.isRead ? leftSecondaryActionInActiveTitle : leftSecondaryActionActiveTitle
       ),
-      renderRightActions: () => rightActionHandle(item),
-      containerStyle: styles$k.swippableContainer
+      renderRightActions: () => rightActionHandle(item)
     },
     props?.renderItem(item)
   ));
@@ -2400,10 +2400,20 @@ const SwipableList = (props) => {
     {
       data,
       renderItem,
-      keyExtractor: (item) => item.id
+      keyExtractor: (item) => item.id,
+      ItemSeparatorComponent: () => /* @__PURE__ */ React__default["default"].createElement(
+        reactNative.View,
+        {
+          style: {
+            ...styles$k.seperator,
+            backgroundColor: theme.BORDER_SEPRATOR
+          }
+        }
+      )
     }
   ));
 };
+var SwipableList$1 = withThemeProvider(SwipableList);
 
 const styles$j = reactNative.StyleSheet.create({
   container: {
@@ -4479,7 +4489,7 @@ exports.ShapeType = ShapeType;
 exports.SingleSelectionTags = TagsComponent;
 exports.StarRating = Star;
 exports.Stepper = index$3;
-exports.SwipableList = SwipableList;
+exports.SwipableList = SwipableList$1;
 exports.Tabs = Tabs$1;
 exports.Tags = Tags;
 exports.TextDirectType = TextDirectType;