dhre-ui-kit 0.0.2 → 0.0.4

package/src/components/notification/Notification.tsx

@@ -1,156 +0,0 @@
-import React from 'react';
-import {FlatList, View, Pressable} from 'react-native';
-import {GestureHandlerRootView, Swipeable} from 'react-native-gesture-handler';
-import {
-  ActionButtonProps,
-  ListItemProps,
-  NotificationItem,
-  NotificationProps,
-} from './Notification.interface';
-import {styles} from './Notification.styles';
-import CustomTypography from '../customTypography/CustomTypography';
-
-const Notification = ({
-  notifications,
-  leftPrimaryActionIcon,
-  leftPrimaryActionTitle,
-  leftPrimaryActionHandler,
-  leftPrimaryActionStyle,
-  leftSecondaryActionIcon,
-  leftSecondaryActionTitle,
-  leftSecondaryActionHandler,
-  leftSecondaryActionStyle,
-  rightPrimaryActionIcon,
-  rightPrimaryActionTitle,
-  rightPrimaryActionHandler,
-  rightPrimaryActionStyle,
-  rightSecondaryActionIcon,
-  rightSecondaryActionTitle,
-  rightSecondaryActionHandler,
-  rightSecondaryActionStyle,
-  itemStyle,
-  titleStyle,
-}: NotificationProps) => {
-  const ActionButton = ({
-    icon,
-    title,
-    onPress,
-    style,
-    testID,
-  }: ActionButtonProps) => (
-    <Pressable
-      testID={testID}
-      onPress={onPress}
-      style={[styles.actionButton, style, styles.itemIconAlign]}>
-      {icon}
-      <CustomTypography variant="H9medium" style={titleStyle} text={title} />
-    </Pressable>
-  );
-
-  const leftActionHandle = item => (
-    <View style={[styles.leftActions, leftPrimaryActionStyle]}>
-      {leftPrimaryActionIcon && leftPrimaryActionHandler && (
-        <ActionButton
-          icon={leftPrimaryActionIcon}
-          title={leftPrimaryActionTitle || ''}
-          onPress={() => leftPrimaryActionHandler(item.id)}
-          style={leftPrimaryActionStyle}
-          testID={`leftPrimary-${item.id}`}
-        />
-      )}
-      {leftSecondaryActionIcon && leftSecondaryActionHandler && (
-        <ActionButton
-          icon={leftSecondaryActionIcon}
-          title={leftSecondaryActionTitle || ''}
-          onPress={() => leftSecondaryActionHandler(item.id)}
-          style={leftSecondaryActionStyle}
-          testID={`leftSecondary-${item.id}`}
-        />
-      )}
-    </View>
-  );
-
-  const rightActionHandle = item => (
-    <View style={[styles.rightActions, rightPrimaryActionStyle]}>
-      {rightPrimaryActionIcon && rightPrimaryActionHandler && (
-        <ActionButton
-          icon={rightPrimaryActionIcon}
-          title={rightPrimaryActionTitle || ''}
-          onPress={() => rightPrimaryActionHandler(item.id)}
-          style={rightPrimaryActionStyle}
-          testID={`rightPrimary-${item.id}`}
-        />
-      )}
-      {rightSecondaryActionIcon && rightSecondaryActionHandler && (
-        <ActionButton
-          icon={rightSecondaryActionIcon}
-          title={rightSecondaryActionTitle || ''}
-          onPress={() => rightSecondaryActionHandler(item.id)}
-          style={rightSecondaryActionStyle}
-          testID={`rightSecondary-${item.id}`}
-        />
-      )}
-    </View>
-  );
-
-  const ListItem = ({item, itemStyle, titleStyle}: ListItemProps) => (
-    <GestureHandlerRootView testID="LIST" style={styles.container}>
-      <Swipeable
-        renderLeftActions={() => leftActionHandle(item)}
-        renderRightActions={() => rightActionHandle(item)}>
-        <View style={[styles.item, itemStyle]}>
-          <CustomTypography
-            variant="H7medium"
-            style={titleStyle}
-            text={item?.title}
-          />
-        </View>
-      </Swipeable>
-    </GestureHandlerRootView>
-  );
-
-  const sortData = (data: NotificationItem[]) => {
-    return data?.sort((a, b) => {
-      if (a.isPinned && !b.isPinned) return -1;
-      if (!a.isPinned && b.isPinned) return 1;
-      return 0;
-    });
-  };
-
-  const renderItem = ({item}: {item: NotificationItem}) => (
-    <ListItem
-      item={item}
-      leftPrimaryActionIcon={leftPrimaryActionIcon}
-      leftPrimaryActionTitle={leftPrimaryActionTitle}
-      leftPrimaryActionHandler={leftPrimaryActionHandler}
-      leftPrimaryActionStyle={leftPrimaryActionStyle}
-      leftSecondaryActionIcon={leftSecondaryActionIcon}
-      leftSecondaryActionTitle={leftSecondaryActionTitle}
-      leftSecondaryActionHandler={leftSecondaryActionHandler}
-      leftSecondaryActionStyle={leftSecondaryActionStyle}
-      rightPrimaryActionIcon={rightPrimaryActionIcon}
-      rightPrimaryActionTitle={rightPrimaryActionTitle}
-      rightPrimaryActionHandler={rightPrimaryActionHandler}
-      rightPrimaryActionStyle={rightPrimaryActionStyle}
-      rightSecondaryActionIcon={rightSecondaryActionIcon}
-      rightSecondaryActionTitle={rightSecondaryActionTitle}
-      rightSecondaryActionHandler={rightSecondaryActionHandler}
-      rightSecondaryActionStyle={rightSecondaryActionStyle}
-      itemStyle={itemStyle}
-      titleStyle={titleStyle}
-    />
-  );
-
-  return (
-    <View testID="NOTIFICATION">
-      <FlatList
-        data={sortData(notifications)}
-        renderItem={renderItem}
-        keyExtractor={item => item.id}
-        ItemSeparatorComponent={() => <View style={styles.sepratorView} />}
-      />
-    </View>
-  );
-};
-
-export default Notification;