Merge branch '47' into youssef/progress-indicator-snack-fixes47

Author: YoussefHenna

packages/core/src/components/DeckSwiper/DeckSwiper.tsx

@@ -3,6 +3,8 @@ import { StyleProp, ViewStyle, StyleSheet, View } from "react-native";
 import DeckSwiperComponent from "react-native-deck-swiper";
 
 export interface DeckSwiperProps<T> {
+  onStartSwipe?: () => void;
+  onEndSwipe?: () => void;
   onSwipe?: (index: number) => void;
   onSwipedLeft?: (index: number) => void;
   onSwipedRight?: (index: number) => void;
@@ -22,6 +24,8 @@ export interface DeckSwiperProps<T> {
 }
 
 const DeckSwiper = <T extends object>({
+  onStartSwipe,
+  onEndSwipe,
   onSwipe,
   onSwipedLeft,
   onSwipedRight,
@@ -150,6 +154,10 @@ const DeckSwiper = <T extends object>({
           onSwipedDown?.(index);
           onSwipe?.(index);
         }}
+        //@ts-ignore Not typed, but is implemented and works
+        dragStart={onStartSwipe}
+        //@ts-ignore
+        dragEnd={onEndSwipe}
       />
     </View>
   );

packages/core/src/components/SectionList/SectionList.tsx

@@ -7,6 +7,7 @@ type ListComponentType = "FlatList" | "FlashList";
 
 interface AdditionalSectionListProps<T> {
   sectionKey: string;
+  stickyHeader?: boolean;
   renderItem: (itemInfo: {
     item?: T;
     index: number;
@@ -37,6 +38,7 @@ export const DEFAULT_SECTION = "Uncategorized";
 
 const SectionList = <T extends { [key: string]: any }>({
   sectionKey,
+  stickyHeader = false,
   listComponent = "FlatList",
   data: dataProp,
   renderItem: renderItemProp,
@@ -68,6 +70,16 @@ const SectionList = <T extends { [key: string]: any }>({
     return result;
   }, [data, sectionKey]);
 
+  const sectionHeaderIndicies = React.useMemo(
+    () =>
+      stickyHeader
+        ? dataWithSections
+            .filter((item) => item.type === "SECTION_ITEM")
+            .map((item) => dataWithSections.indexOf(item))
+        : undefined,
+    [dataWithSections, stickyHeader]
+  );
+
   const extractSectionHeader = (
     element: JSX.Element | null
   ): JSX.Element | null => {
@@ -152,6 +164,7 @@ const SectionList = <T extends { [key: string]: any }>({
     case "FlatList":
       return (
         <FlatList
+          stickyHeaderIndices={sectionHeaderIndicies}
           {...(rest as FlatListProps<SectionListItem<T>>)}
           data={dataWithSections}
           renderItem={renderItem}
@@ -160,6 +173,7 @@ const SectionList = <T extends { [key: string]: any }>({
     case "FlashList":
       return (
         <FlashList
+          stickyHeaderIndices={sectionHeaderIndicies}
           {...(rest as FlashListProps<SectionListItem<T>>)}
           data={dataWithSections}
           renderItem={renderItem}