chore: add possibility to use @react-native-documents/picker

Author: isekovanic

examples/SampleApp/ios/Podfile.lock

@@ -1454,7 +1454,7 @@ PODS:
     - ReactCommon/turbomodule/bridging
     - ReactCommon/turbomodule/core
     - Yoga
-  - react-native-document-picker (9.3.1):
+  - react-native-document-picker (10.1.1):
     - DoubleConversion
     - glog
     - hermes-engine
@@ -2283,7 +2283,7 @@ DEPENDENCIES:
   - React-microtasksnativemodule (from `../node_modules/react-native/ReactCommon/react/nativemodule/microtasks`)
   - react-native-blob-util (from `../node_modules/react-native-blob-util`)
   - "react-native-cameraroll (from `../node_modules/@react-native-camera-roll/camera-roll`)"
-  - react-native-document-picker (from `../node_modules/react-native-document-picker`)
+  - "react-native-document-picker (from `../node_modules/@react-native-documents/picker`)"
   - "react-native-netinfo (from `../node_modules/@react-native-community/netinfo`)"
   - react-native-safe-area-context (from `../node_modules/react-native-safe-area-context`)
   - react-native-video (from `../node_modules/react-native-video`)
@@ -2438,7 +2438,7 @@ EXTERNAL SOURCES:
   react-native-cameraroll:
     :path: "../node_modules/@react-native-camera-roll/camera-roll"
   react-native-document-picker:
-    :path: "../node_modules/react-native-document-picker"
+    :path: "../node_modules/@react-native-documents/picker"
   react-native-netinfo:
     :path: "../node_modules/@react-native-community/netinfo"
   react-native-safe-area-context:
@@ -2590,7 +2590,7 @@ SPEC CHECKSUMS:
   React-microtasksnativemodule: b31e56a980634f383221bfefd5111d04c14c110b
   react-native-blob-util: 875bbeee07e4ada135e4edf9fc7b22acf8d9721d
   react-native-cameraroll: 36dc62b41c7943a79ac2f7cf4d3da10d4138513f
-  react-native-document-picker: 6d3991d663e28714988c41696490e6fb1c525fbc
+  react-native-document-picker: 19be73c0423e4bc886cef74ec282eff750698013
   react-native-netinfo: f0a9899081c185db1de5bb2fdc1c88c202a059ac
   react-native-safe-area-context: 0b43456abcaaa3c8323bbfafe9c5f0f9511219d2
   react-native-video: a225b4d4d3286f3253dc7b00a62e7c8e59d04d51
@@ -2642,4 +2642,4 @@ SPEC CHECKSUMS:
 
 PODFILE CHECKSUM: 4f662370295f8f9cee909f1a4c59a614999a209d
 
-COCOAPODS: 1.16.2
+COCOAPODS: 1.14.3

examples/SampleApp/package.json

@@ -28,6 +28,7 @@
     "@react-native-async-storage/async-storage": "^2.1.1",
     "@react-native-camera-roll/camera-roll": "^7.9.0",
     "@react-native-community/netinfo": "^11.4.1",
+    "@react-native-documents/picker": "^10.1.1",
     "@react-native-firebase/app": "21.11.0",
     "@react-native-firebase/messaging": "21.11.0",
     "@react-navigation/bottom-tabs": "7.2.0",
@@ -38,7 +39,6 @@
     "react-native": "^0.78.0",
     "react-native-audio-recorder-player": "^3.6.12",
     "react-native-blob-util": "^0.21.2",
-    "react-native-document-picker": "^9.3.1",
     "react-native-fast-image": "^8.6.3",
     "react-native-gesture-handler": "^2.24.0",
     "react-native-haptic-feedback": "^2.3.3",

examples/SampleApp/yarn.lock

@@ -2140,6 +2140,11 @@
   resolved "https://registry.yarnpkg.com/@react-native-community/netinfo/-/netinfo-11.4.1.tgz#a3c247aceab35f75dd0aa4bfa85d2be5a4508688"
   integrity sha512-B0BYAkghz3Q2V09BF88RA601XursIEA111tnc2JOaN7axJWmNefmfjZqw/KdSxKZp7CZUuPpjBmz/WCR9uaHYg==
 
+"@react-native-documents/picker@^10.1.1":
+  version "10.1.1"
+  resolved "https://registry.yarnpkg.com/@react-native-documents/picker/-/picker-10.1.1.tgz#3060d9387771ce74c58d212b9e7be876f076b7bc"
+  integrity sha512-RijOCQmesOPe4ahtwOag6k6GLhLHf34sMQtAJ4KjLk7ab0kG5Chvcsvd5zixWC4d0tuBnVAtMUOzvn0bp+UtAg==
+
 "@react-native-firebase/[email protected]":
   version "21.11.0"
   resolved "https://registry.yarnpkg.com/@react-native-firebase/app/-/app-21.11.0.tgz#a01b0cb738a8b9ca7bb7ab7dd461c5a9744cb68a"
@@ -6859,13 +6864,6 @@ react-native-blob-util@^0.21.2:
     base-64 "0.1.0"
     glob "^10.3.10"
 
-react-native-document-picker@^9.3.1:
-  version "9.3.1"
-  resolved "https://registry.yarnpkg.com/react-native-document-picker/-/react-native-document-picker-9.3.1.tgz#f2c33237a906fd0893130e0605c8f18a3aef1605"
-  integrity sha512-Vcofv9wfB0j67zawFjfq9WQPMMzXxOZL9kBmvWDpjVuEcVK73ndRmlXHlkeFl5ZHVsv4Zb6oZYhqm9u5omJOPA==
-  dependencies:
-    invariant "^2.2.4"
-
 react-native-drawer-layout@^4.1.1:
   version "4.1.1"
   resolved "https://registry.yarnpkg.com/react-native-drawer-layout/-/react-native-drawer-layout-4.1.1.tgz#7fce1b3d3ddd9fc5d781c73d13b814d022b90114"

package/native-package/package.json

@@ -30,6 +30,7 @@
     "react-native-audio-recorder-player": ">=3.6.4",
     "react-native-blob-util": ">=0.19.9",
     "react-native-document-picker": ">=9.3.0",
+    "@react-native-documents/picker": ">=10.1.1",
     "react-native-haptic-feedback": ">=2.2.0",
     "react-native-image-picker": ">=7.1.2",
     "react-native-share": ">=10.2.1",
@@ -51,6 +52,9 @@
     "react-native-document-picker": {
       "optional": true
     },
+    "@react-native-documents/picker": {
+      "optional": true
+    },
     "react-native-haptic-feedback": {
       "optional": true
     },

package/native-package/src/optionalDependencies/pickDocument.ts

@@ -18,9 +18,23 @@ let DocumentPicker:
   | undefined;
 
 try {
-  DocumentPicker = require('react-native-document-picker').default;
+  DocumentPicker = require('@react-native-documents/picker');
 } catch (err) {
-  console.log('react-native-document-picker is not installed');
+  // we do nothing as the alternative might be used
+  // console.warn('@react-native-documents/picker is not installed');
+}
+
+if (!DocumentPicker) {
+  try {
+    DocumentPicker = require('react-native-document-picker').default;
+    console.log(
+      "You're using the react-native-document-picker library, which is no longer supported and has moved to @react-native-documents/picker. Things might not work as intended. Please migrate to the new library as soon as possible !",
+    );
+  } catch (err) {
+    console.log(
+      'Neither react-native-document-picker nor @react-native-documents/picker are installed.',
+    );
+  }
 }
 
 export const pickDocument = DocumentPicker