@draftbit/core 49.5.2-5ac7d2.2 → 49.5.2-e8f32c.2

package/src/components/SimpleStyleScrollables/SimpleStyleMasonryFlashList.tsx

@@ -1,28 +1,38 @@
 import React from "react";
 import { MasonryFlashList } from "@shopify/flash-list";
-import type { MasonryFlashListProps, ContentStyle } from "@shopify/flash-list";
+import type {
+  MasonryFlashListProps,
+  ContentStyle,
+  MasonryFlashListRef,
+} from "@shopify/flash-list";
 import useSplitContentContainerStyles from "./useSplitContentContainerStyles";
 
 /**
  * A MasonryFlashList wrapper that takes a single `style` prop and internally extracts
  * the appropriate style keys into the `contentContainerStyle`
  */
-const SimpleStyleMasonryFlashList = <T extends any>({
-  style: styleProp,
-  data,
-  ...rest
-}: Omit<MasonryFlashListProps<T>, "contentContainerStyle">) => {
-  const { style, contentContainerStyle } =
-    useSplitContentContainerStyles(styleProp);
+const SimpleStyleMasonryFlashList = React.forwardRef(
+  <T extends any>(
+    {
+      style: styleProp,
+      data,
+      ...rest
+    }: Omit<MasonryFlashListProps<T>, "contentContainerStyle">,
+    ref: React.Ref<MasonryFlashListRef<any>>
+  ) => {
+    const { style, contentContainerStyle } =
+      useSplitContentContainerStyles(styleProp);
 
-  return (
-    <MasonryFlashList
-      style={style}
-      contentContainerStyle={contentContainerStyle as ContentStyle}
-      data={data}
-      {...rest}
-    />
-  );
-};
+    return (
+      <MasonryFlashList
+        ref={ref as any}
+        style={style}
+        contentContainerStyle={contentContainerStyle as ContentStyle}
+        data={data}
+        {...rest}
+      />
+    );
+  }
+);
 
 export default SimpleStyleMasonryFlashList;

package/src/components/SimpleStyleScrollables/SimpleStyleScrollView.js

@@ -5,9 +5,9 @@ import useSplitContentContainerStyles from "./useSplitContentContainerStyles";
  * A ScrollView wrapper that takes a single `style` prop and internally extracts
  * the appropriate style keys into the `contentContainerStyle`
  */
-const SimpleStyleScrollView = ({ style: styleProp, ...rest }) => {
+const SimpleStyleScrollView = React.forwardRef(({ style: styleProp, ...rest }, ref) => {
     const { style, contentContainerStyle } = useSplitContentContainerStyles(styleProp);
-    return (React.createElement(ScrollView, { style: style, contentContainerStyle: contentContainerStyle, ...rest }));
-};
+    return (React.createElement(ScrollView, { ref: ref, style: style, contentContainerStyle: contentContainerStyle, ...rest }));
+});
 export default SimpleStyleScrollView;
 //# sourceMappingURL=SimpleStyleScrollView.js.map

package/src/components/SimpleStyleScrollables/SimpleStyleScrollView.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleStyleScrollView.js","sourceRoot":"","sources":["SimpleStyleScrollView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,8BAA8B,MAAM,kCAAkC,CAAC;AAE9E;;;GAGG;AACH,MAAM,qBAAqB,GAEvB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACpC,MAAM,EAAE,KAAK,EAAE,qBAAqB,EAAE,GACpC,8BAA8B,CAAC,SAAS,CAAC,CAAC;IAE5C,OAAO,CACL,oBAAC,UAAU,IACT,KAAK,EAAE,KAAK,EACZ,qBAAqB,EAAE,qBAAqB,KACxC,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"SimpleStyleScrollView.js","sourceRoot":"","sources":["SimpleStyleScrollView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,8BAA8B,MAAM,kCAAkC,CAAC;AAE9E;;;GAGG;AACH,MAAM,qBAAqB,GAAG,KAAK,CAAC,UAAU,CAC5C,CACE,EACE,KAAK,EAAE,SAAS,EAChB,GAAG,IAAI,EACwC,EACjD,GAA0B,EAC1B,EAAE;IACF,MAAM,EAAE,KAAK,EAAE,qBAAqB,EAAE,GACpC,8BAA8B,CAAC,SAAS,CAAC,CAAC;IAE5C,OAAO,CACL,oBAAC,UAAU,IACT,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,qBAAqB,EAAE,qBAAqB,KACxC,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/src/components/SimpleStyleScrollables/SimpleStyleScrollView.tsx

@@ -7,19 +7,26 @@ import useSplitContentContainerStyles from "./useSplitContentContainerStyles";
  * A ScrollView wrapper that takes a single `style` prop and internally extracts
  * the appropriate style keys into the `contentContainerStyle`
  */
-const SimpleStyleScrollView: React.FC<
-  Omit<ScrollViewProps, "contentContainerStyle">
-> = ({ style: styleProp, ...rest }) => {
-  const { style, contentContainerStyle } =
-    useSplitContentContainerStyles(styleProp);
+const SimpleStyleScrollView = React.forwardRef(
+  (
+    {
+      style: styleProp,
+      ...rest
+    }: Omit<ScrollViewProps, "contentContainerStyle">,
+    ref: React.Ref<ScrollView>
+  ) => {
+    const { style, contentContainerStyle } =
+      useSplitContentContainerStyles(styleProp);
 
-  return (
-    <ScrollView
-      style={style}
-      contentContainerStyle={contentContainerStyle}
-      {...rest}
-    />
-  );
-};
+    return (
+      <ScrollView
+        ref={ref}
+        style={style}
+        contentContainerStyle={contentContainerStyle}
+        {...rest}
+      />
+    );
+  }
+);
 
 export default SimpleStyleScrollView;

package/src/components/SimpleStyleScrollables/SimpleStyleSectionList.js

@@ -5,11 +5,11 @@ import useSplitContentContainerStyles from "./useSplitContentContainerStyles";
  * A SectionList wrapper that takes a single `style` prop and internally extracts
  * the appropriate style keys into the `contentContainerStyle`
  */
-const SimpleStyleSectionList = ({ style: styleProp, data, ...rest }) => {
+const SimpleStyleSectionList = React.forwardRef(({ style: styleProp, data, ...rest }, ref) => {
     const { style, contentContainerStyle } = useSplitContentContainerStyles(styleProp);
     return (
     //@ts-ignore contentContainerStyle has different types for FlashList and FlatList implmentations and confuses TS
-    React.createElement(SectionList, { style: style, contentContainerStyle: contentContainerStyle, data: data, ...rest }));
-};
+    React.createElement(SectionList, { ref: ref, style: style, contentContainerStyle: contentContainerStyle, data: data, ...rest }));
+});
 export default SimpleStyleSectionList;
 //# sourceMappingURL=SimpleStyleSectionList.js.map

package/src/components/SimpleStyleScrollables/SimpleStyleSectionList.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleStyleSectionList.js","sourceRoot":"","sources":["SimpleStyleSectionList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAK7C,OAAO,8BAA8B,MAAM,kCAAkC,CAAC;AAE9E;;;GAGG;AACH,MAAM,sBAAsB,GAAG,CAAmC,EAChE,KAAK,EAAE,SAAS,EAChB,IAAI,EACJ,GAAG,IAAI,EAIR,EAAE,EAAE;IACH,MAAM,EAAE,KAAK,EAAE,qBAAqB,EAAE,GACpC,8BAA8B,CAAC,SAAS,CAAC,CAAC;IAE5C,OAAO;IACL,gHAAgH;IAChH,oBAAC,WAAW,IACV,KAAK,EAAE,KAAK,EACZ,qBAAqB,EAAE,qBAAqB,EAC5C,IAAI,EAAE,IAAI,KACN,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
+{"version":3,"file":"SimpleStyleSectionList.js","sourceRoot":"","sources":["SimpleStyleSectionList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAK7C,OAAO,8BAA8B,MAAM,kCAAkC,CAAC;AAI9E;;;GAGG;AACH,MAAM,sBAAsB,GAAG,KAAK,CAAC,UAAU,CAC7C,CACE,EACE,KAAK,EAAE,SAAS,EAChB,IAAI,EACJ,GAAG,IAAI,EAIR,EACD,GAAyC,EACzC,EAAE;IACF,MAAM,EAAE,KAAK,EAAE,qBAAqB,EAAE,GACpC,8BAA8B,CAAC,SAAS,CAAC,CAAC;IAE5C,OAAO;IACL,gHAAgH;IAChH,oBAAC,WAAW,IACV,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,qBAAqB,EAAE,qBAAqB,EAC5C,IAAI,EAAE,IAAI,KACN,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,sBAAsB,CAAC"}

package/src/components/SimpleStyleScrollables/SimpleStyleSectionList.tsx

@@ -5,31 +5,39 @@ import type {
   FlashListSectionListProps,
 } from "../SectionList";
 import useSplitContentContainerStyles from "./useSplitContentContainerStyles";
+import { FlatList } from "react-native-gesture-handler";
+import { FlashList } from "@shopify/flash-list";
 
 /**
  * A SectionList wrapper that takes a single `style` prop and internally extracts
  * the appropriate style keys into the `contentContainerStyle`
  */
-const SimpleStyleSectionList = <T extends { [key: string]: any }>({
-  style: styleProp,
-  data,
-  ...rest
-}: Omit<
-  FlatListSectionListProps<T> | FlashListSectionListProps<T>,
-  "contentContainerStyle"
->) => {
-  const { style, contentContainerStyle } =
-    useSplitContentContainerStyles(styleProp);
+const SimpleStyleSectionList = React.forwardRef(
+  <T extends { [key: string]: any }>(
+    {
+      style: styleProp,
+      data,
+      ...rest
+    }: Omit<
+      FlatListSectionListProps<T> | FlashListSectionListProps<T>,
+      "contentContainerStyle"
+    >,
+    ref: React.Ref<FlatList | FlashList<any>>
+  ) => {
+    const { style, contentContainerStyle } =
+      useSplitContentContainerStyles(styleProp);
 
-  return (
-    //@ts-ignore contentContainerStyle has different types for FlashList and FlatList implmentations and confuses TS
-    <SectionList
-      style={style}
-      contentContainerStyle={contentContainerStyle}
-      data={data}
-      {...rest}
-    />
-  );
-};
+    return (
+      //@ts-ignore contentContainerStyle has different types for FlashList and FlatList implmentations and confuses TS
+      <SectionList
+        ref={ref}
+        style={style}
+        contentContainerStyle={contentContainerStyle}
+        data={data}
+        {...rest}
+      />
+    );
+  }
+);
 
 export default SimpleStyleSectionList;

package/src/components/SimpleStyleScrollables/SimpleStyleSwipeableList.js

@@ -5,11 +5,11 @@ import useSplitContentContainerStyles from "./useSplitContentContainerStyles";
  * A SwipeableList wrapper that takes a single `style` prop and internally extracts
  * the appropriate style keys into the `contentContainerStyle`
  */
-const SimpleStyleSwipeableList = ({ style: styleProp, data, ...rest }) => {
+const SimpleStyleSwipeableList = React.forwardRef(({ style: styleProp, data, ...rest }, ref) => {
     const { style, contentContainerStyle } = useSplitContentContainerStyles(styleProp);
     return (
     //@ts-ignore contentContainerStyle has different types for FlashList and FlatList implmentations and confuses TS
-    React.createElement(SwipeableList, { style: style, contentContainerStyle: contentContainerStyle, data: data, ...rest }));
-};
+    React.createElement(SwipeableList, { ref: ref, style: style, contentContainerStyle: contentContainerStyle, data: data, ...rest }));
+});
 export default SimpleStyleSwipeableList;
 //# sourceMappingURL=SimpleStyleSwipeableList.js.map

package/src/components/SimpleStyleScrollables/SimpleStyleSwipeableList.js.map

@@ -1 +1 @@
-{"version":3,"file":"SimpleStyleSwipeableList.js","sourceRoot":"","sources":["SimpleStyleSwipeableList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAKjD,OAAO,8BAA8B,MAAM,kCAAkC,CAAC;AAE9E;;;GAGG;AACH,MAAM,wBAAwB,GAAG,CAAmC,EAClE,KAAK,EAAE,SAAS,EAChB,IAAI,EACJ,GAAG,IAAI,EAIR,EAAE,EAAE;IACH,MAAM,EAAE,KAAK,EAAE,qBAAqB,EAAE,GACpC,8BAA8B,CAAC,SAAS,CAAC,CAAC;IAE5C,OAAO;IACL,gHAAgH;IAChH,oBAAC,aAAa,IACZ,KAAK,EAAE,KAAK,EACZ,qBAAqB,EAAE,qBAAqB,EAC5C,IAAI,EAAE,IAAI,KACN,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,wBAAwB,CAAC"}
+{"version":3,"file":"SimpleStyleSwipeableList.js","sourceRoot":"","sources":["SimpleStyleSwipeableList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAKjD,OAAO,8BAA8B,MAAM,kCAAkC,CAAC;AAI9E;;;GAGG;AACH,MAAM,wBAAwB,GAAG,KAAK,CAAC,UAAU,CAC/C,CACE,EACE,KAAK,EAAE,SAAS,EAChB,IAAI,EACJ,GAAG,IAAI,EAIR,EACD,GAAyC,EACzC,EAAE;IACF,MAAM,EAAE,KAAK,EAAE,qBAAqB,EAAE,GACpC,8BAA8B,CAAC,SAAS,CAAC,CAAC;IAE5C,OAAO;IACL,gHAAgH;IAChH,oBAAC,aAAa,IACZ,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,qBAAqB,EAAE,qBAAqB,EAC5C,IAAI,EAAE,IAAI,KACN,IAAI,GACR,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,wBAAwB,CAAC"}

package/src/components/SimpleStyleScrollables/SimpleStyleSwipeableList.tsx

@@ -5,31 +5,39 @@ import type {
   FlatListSwipeableListProps,
 } from "../SwipeableItem";
 import useSplitContentContainerStyles from "./useSplitContentContainerStyles";
+import { FlatList } from "react-native-gesture-handler";
+import { FlashList } from "@shopify/flash-list";
 
 /**
  * A SwipeableList wrapper that takes a single `style` prop and internally extracts
  * the appropriate style keys into the `contentContainerStyle`
  */
-const SimpleStyleSwipeableList = <T extends { [key: string]: any }>({
-  style: styleProp,
-  data,
-  ...rest
-}: Omit<
-  FlashListSwipeableListProps<T> | FlatListSwipeableListProps<T>,
-  "contentContainerStyle"
->) => {
-  const { style, contentContainerStyle } =
-    useSplitContentContainerStyles(styleProp);
+const SimpleStyleSwipeableList = React.forwardRef(
+  <T extends { [key: string]: any }>(
+    {
+      style: styleProp,
+      data,
+      ...rest
+    }: Omit<
+      FlashListSwipeableListProps<T> | FlatListSwipeableListProps<T>,
+      "contentContainerStyle"
+    >,
+    ref: React.Ref<FlatList | FlashList<any>>
+  ) => {
+    const { style, contentContainerStyle } =
+      useSplitContentContainerStyles(styleProp);
 
-  return (
-    //@ts-ignore contentContainerStyle has different types for FlashList and FlatList implmentations and confuses TS
-    <SwipeableList
-      style={style}
-      contentContainerStyle={contentContainerStyle}
-      data={data}
-      {...rest}
-    />
-  );
-};
+    return (
+      //@ts-ignore contentContainerStyle has different types for FlashList and FlatList implmentations and confuses TS
+      <SwipeableList
+        ref={ref}
+        style={style}
+        contentContainerStyle={contentContainerStyle}
+        data={data}
+        {...rest}
+      />
+    );
+  }
+);
 
 export default SimpleStyleSwipeableList;

package/src/components/SwipeableItem/SwipeableList.js

@@ -5,7 +5,7 @@ export const SwipeableListContext = React.createContext({
     onStartSwiping: () => { },
     onStopSwiping: () => { },
 });
-const SwipeableList = ({ disableScrollWhenSwiping = true, listComponent = "FlatList", ...rest }) => {
+const SwipeableList = React.forwardRef(({ disableScrollWhenSwiping = true, listComponent = "FlatList", ...rest }, ref) => {
     const [isSwiping, setIsSwiping] = React.useState(false);
     const onStartSwiping = () => {
         setIsSwiping(true);
@@ -17,13 +17,13 @@ const SwipeableList = ({ disableScrollWhenSwiping = true, listComponent = "FlatL
     const renderListComponent = () => {
         switch (listComponent) {
             case "FlatList":
-                return React.createElement(FlatList, { ...rest });
+                return (React.createElement(FlatList, { ref: ref, ...rest }));
             case "FlashList":
-                return React.createElement(FlashList, { ...rest });
+                return (React.createElement(FlashList, { ref: ref, ...rest }));
         }
     };
     return (React.createElement(SwipeableListContext.Provider, { value: { onStartSwiping, onStopSwiping } },
         React.createElement(React.Fragment, null, renderListComponent())));
-};
+});
 export default SwipeableList;
 //# sourceMappingURL=SwipeableList.js.map

package/src/components/SwipeableItem/SwipeableList.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwipeableList.js","sourceRoot":"","sources":["SwipeableList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAkB,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAiB,QAAQ,EAAE,MAAM,cAAc,CAAC;AAoBvD,MAAM,CAAC,MAAM,oBAAoB,GAC/B,KAAK,CAAC,aAAa,CAA2B;IAC5C,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;IACxB,aAAa,EAAE,GAAG,EAAE,GAAE,CAAC;CACxB,CAAC,CAAC;AAEL,MAAM,aAAa,GAAG,CAAmB,EACvC,wBAAwB,GAAG,IAAI,EAC/B,aAAa,GAAG,UAAU,EAC1B,GAAG,IAAI,EACwD,EAAE,EAAE;IACnE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,YAAY,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,IAAI,CAAC,aAAa,GAAG,wBAAwB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;IAElE,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,QAAQ,aAAa,EAAE;YACrB,KAAK,UAAU;gBACb,OAAO,oBAAC,QAAQ,OAAM,IAAyB,GAAI,CAAC;YACtD,KAAK,WAAW;gBACd,OAAO,oBAAC,SAAS,OAAM,IAA0B,GAAI,CAAC;SACzD;IACH,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,oBAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,cAAc,EAAE,aAAa,EAAE;QACrE,0CAAG,mBAAmB,EAAE,CAAI,CACE,CACjC,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"SwipeableList.js","sourceRoot":"","sources":["SwipeableList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAkB,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAChE,OAAO,EAAiB,QAAQ,EAAE,MAAM,cAAc,CAAC;AAoBvD,MAAM,CAAC,MAAM,oBAAoB,GAC/B,KAAK,CAAC,aAAa,CAA2B;IAC5C,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;IACxB,aAAa,EAAE,GAAG,EAAE,GAAE,CAAC;CACxB,CAAC,CAAC;AAEL,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CACpC,CACE,EACE,wBAAwB,GAAG,IAAI,EAC/B,aAAa,GAAG,UAAU,EAC1B,GAAG,IAAI,EACwD,EACjE,GAAyC,EACzC,EAAE;IACF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExD,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,YAAY,CAAC,IAAI,CAAC,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,GAAG,EAAE;QACzB,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,IAAI,CAAC,aAAa,GAAG,wBAAwB,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC;IAElE,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,QAAQ,aAAa,EAAE;YACrB,KAAK,UAAU;gBACb,OAAO,CACL,oBAAC,QAAQ,IACP,GAAG,EAAE,GAA0B,KAC1B,IAAyB,GAC9B,CACH,CAAC;YACJ,KAAK,WAAW;gBACd,OAAO,CACL,oBAAC,SAAS,IACR,GAAG,EAAE,GAA8B,KAC9B,IAA0B,GAC/B,CACH,CAAC;SACL;IACH,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,oBAAoB,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,cAAc,EAAE,aAAa,EAAE;QACrE,0CAAG,mBAAmB,EAAE,CAAI,CACE,CACjC,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/src/components/SwipeableItem/SwipeableList.tsx

@@ -26,37 +26,52 @@ export const SwipeableListContext =
     onStopSwiping: () => {},
   });
 
-const SwipeableList = <T extends object>({
-  disableScrollWhenSwiping = true,
-  listComponent = "FlatList",
-  ...rest
-}: FlashListSwipeableListProps<T> | FlatListSwipeableListProps<T>) => {
-  const [isSwiping, setIsSwiping] = React.useState(false);
-
-  const onStartSwiping = () => {
-    setIsSwiping(true);
-  };
-
-  const onStopSwiping = () => {
-    setIsSwiping(false);
-  };
-
-  rest.scrollEnabled = disableScrollWhenSwiping ? !isSwiping : true;
-
-  const renderListComponent = () => {
-    switch (listComponent) {
-      case "FlatList":
-        return <FlatList {...(rest as FlatListProps<T>)} />;
-      case "FlashList":
-        return <FlashList {...(rest as FlashListProps<T>)} />;
-    }
-  };
-
-  return (
-    <SwipeableListContext.Provider value={{ onStartSwiping, onStopSwiping }}>
-      <>{renderListComponent()}</>
-    </SwipeableListContext.Provider>
-  );
-};
+const SwipeableList = React.forwardRef(
+  <T extends object>(
+    {
+      disableScrollWhenSwiping = true,
+      listComponent = "FlatList",
+      ...rest
+    }: FlashListSwipeableListProps<T> | FlatListSwipeableListProps<T>,
+    ref: React.Ref<FlatList | FlashList<any>>
+  ) => {
+    const [isSwiping, setIsSwiping] = React.useState(false);
+
+    const onStartSwiping = () => {
+      setIsSwiping(true);
+    };
+
+    const onStopSwiping = () => {
+      setIsSwiping(false);
+    };
+
+    rest.scrollEnabled = disableScrollWhenSwiping ? !isSwiping : true;
+
+    const renderListComponent = () => {
+      switch (listComponent) {
+        case "FlatList":
+          return (
+            <FlatList
+              ref={ref as React.Ref<FlatList>}
+              {...(rest as FlatListProps<T>)}
+            />
+          );
+        case "FlashList":
+          return (
+            <FlashList
+              ref={ref as React.Ref<FlashList<T>>}
+              {...(rest as FlashListProps<T>)}
+            />
+          );
+      }
+    };
+
+    return (
+      <SwipeableListContext.Provider value={{ onStartSwiping, onStopSwiping }}>
+        <>{renderListComponent()}</>
+      </SwipeableListContext.Provider>
+    );
+  }
+);
 
 export default SwipeableList;