feat: remove usage of flatlist-mvcp in favour of mvcp support in RN >= 0.72 (#2539)

* fix: add expo-clipboard to peer deps of expo-package (#2537)

* feat: remove usage of flatlist-mvcp in favour of mvcp support in RN >= 0.72

* fix: remove flatlist-mvcp from example apps

* chore: update peer dep of react native

Author: khushal87

docusaurus/docs/reactnative/customization/native-handlers.mdx

@@ -62,14 +62,6 @@ A function that deletes a file at a given local `uri`.
 | ---------------------------------------------------------------- | -------------------------------------------------------------------------- |
 | [`react-native-fs`](https://github.com/itinance/react-native-fs) | [`expo-file-system`](https://docs.expo.io/versions/latest/sdk/filesystem/) |
 
-### `FlatList`
-
-A FlatList component, on Expo the standard React Native component is used, on React Native a modified FlatList better fit for two directional scrolling is used.
-
-| React Native CLI                                                           | Expo                                                    |
-| -------------------------------------------------------------------------- | ------------------------------------------------------- |
-| [`@stream-io/flat-list-mvcp`](https://github.com/GetStream/flat-list-mvcp) | [`react-native`](https://reactnative.dev/docs/flatlist) |
-
 ### `getLocalAssetUri`
 
 A function that gets the local `uri` of an image or remote asset.

examples/SampleApp/package.json

@@ -33,7 +33,6 @@
     "@react-navigation/drawer": "6.6.9",
     "@react-navigation/native": "^6.1.12",
     "@react-navigation/stack": "^6.3.0",
-    "@stream-io/flat-list-mvcp": "0.10.3",
     "react": "18.2.0",
     "react-native": "^0.73.0",
     "react-native-audio-recorder-player": "^3.6.7",

examples/SampleApp/yarn.lock

@@ -2061,11 +2061,6 @@
   dependencies:
     "@sinonjs/commons" "^3.0.0"
 
-"@stream-io/[email protected]":
-  version "0.10.3"
-  resolved "https://registry.yarnpkg.com/@stream-io/flat-list-mvcp/-/flat-list-mvcp-0.10.3.tgz#774e56aba7f3da5a8f2ae5ad3065f05e5a27e7f2"
-  integrity sha512-2ZK8piYlEfKIPZrH8BpZz9uj8HZcUvMCV0X7qSLSAc/vhLOANBfR0SSn0OaWPbqb2mFGAd4FxmLSPp1zKEYuaw==
-
 "@types/babel__core@^7.1.14":
   version "7.20.5"
   resolved "https://registry.yarnpkg.com/@types/babel__core/-/babel__core-7.20.5.tgz#3df15f27ba85319caa07ba08d0721889bb39c017"

examples/TypeScriptMessaging/package.json

@@ -18,7 +18,6 @@
     "@react-native-community/netinfo": "^11.3.2",
     "@react-navigation/native": "^6.0.8",
     "@react-navigation/stack": "^6.2.0",
-    "@stream-io/flat-list-mvcp": "0.10.3",
     "react": "18.2.0",
     "react-native": "^0.73.6",
     "react-native-audio-recorder-player": "3.6.6",

examples/TypeScriptMessaging/yarn.lock

@@ -2364,11 +2364,6 @@
   dependencies:
     "@sinonjs/commons" "^3.0.0"
 
-"@stream-io/[email protected]":
-  version "0.10.3"
-  resolved "https://registry.yarnpkg.com/@stream-io/flat-list-mvcp/-/flat-list-mvcp-0.10.3.tgz#774e56aba7f3da5a8f2ae5ad3065f05e5a27e7f2"
-  integrity sha512-2ZK8piYlEfKIPZrH8BpZz9uj8HZcUvMCV0X7qSLSAc/vhLOANBfR0SSn0OaWPbqb2mFGAd4FxmLSPp1zKEYuaw==
-
 "@types/babel__core@^7.1.14":
   version "7.20.1"
   resolved "https://registry.yarnpkg.com/@types/babel__core/-/babel__core-7.20.1.tgz#916ecea274b0c776fec721e333e55762d3a9614b"

package/expo-package/src/index.js

@@ -1,5 +1,3 @@
-import { FlatList } from 'react-native';
-
 import { registerNativeHandlers } from 'stream-chat-react-native-core';
 
 import {
@@ -27,7 +25,6 @@ registerNativeHandlers({
   Audio,
   compressImage,
   deleteFile,
-  FlatList,
   getLocalAssetUri,
   getPhotos,
   iOS14RefreshGallerySelection,

package/jest-setup.js

@@ -1,5 +1,5 @@
 /* global require */
-import { FlatList, View } from 'react-native';
+import { View } from 'react-native';
 
 import mockRNCNetInfo from '@react-native-community/netinfo/jest/netinfo-mock.js';
 
@@ -16,7 +16,6 @@ registerNativeHandlers({
   },
   compressImage: () => null,
   deleteFile: () => null,
-  FlatList,
   getLocalAssetUri: () => null,
   getPhotos: () => null,
   oniOS14GalleryLibrarySelectionChange: () => ({

package/native-package/package.json

@@ -16,8 +16,7 @@
   "peerDependencies": {
     "@react-native-camera-roll/camera-roll": ">=5.0.0",
     "@react-native-clipboard/clipboard": "^1.11.1",
-    "@stream-io/flat-list-mvcp": "^0.10.3",
-    "react-native": ">=0.60.0",
+    "react-native": ">=0.73.6",
     "react-native-document-picker": ">=9.0.1",
     "react-native-fs": ">=2.16.6",
     "react-native-haptic-feedback": ">=1.11.0",
@@ -53,8 +52,7 @@
   },
   "devDependencies": {
     "@react-native-camera-roll/camera-roll": "^5.0.2",
-    "@stream-io/flat-list-mvcp": "0.10.3",
-    "react-native": ">=0.60.0",
+    "react-native": ">=0.73.6",
     "react-native-fs": ">=2.16.6",
     "react-native-image-crop-picker": "^0.38.0",
     "react-native-image-resizer": ">=1.4.2"

package/native-package/src/index.js

@@ -1,6 +1,5 @@
 import { Platform } from 'react-native';
 
-import { FlatList } from '@stream-io/flat-list-mvcp';
 import { registerNativeHandlers } from 'stream-chat-react-native-core';
 
 import {
@@ -28,7 +27,6 @@ registerNativeHandlers({
   Audio,
   compressImage,
   deleteFile,
-  FlatList,
   getLocalAssetUri,
   getPhotos,
   iOS14RefreshGallerySelection,