✨ feat: add onLongPress callback to openPreview method

- Updated openPreview method in MultipleImagePicker and MultipleImagePickerImp to include an onLongPress callback.
- Modified related documentation to reflect the new parameter.
- Enhanced functionality to handle long press events on media items.
- Updated TypeScript definitions and example usage to demonstrate the new feature.

Author: baronha

android/src/main/java/com/margelo/nitro/multipleimagepicker/MultipleImagePicker.kt

@@ -29,9 +29,10 @@ class MultipleImagePicker : HybridMultipleImagePickerSpec() {
     override fun openPreview(
         media: Array<MediaPreview>,
         index: Double,
-        config: NitroPreviewConfig
+        config: NitroPreviewConfig,
+        onLongPress: (index: Double) -> Unit
     ) {
-        pickerModule.openPreview(media, index.toInt(), config)
+        pickerModule.openPreview(media, index.toInt(), config, onLongPress)
     }
 
     override fun openCamera(

android/src/main/java/com/margelo/nitro/multipleimagepicker/MultipleImagePickerImp.kt

@@ -20,6 +20,7 @@ import com.luck.picture.lib.config.SelectModeConfig
 import com.luck.picture.lib.engine.PictureSelectorEngine
 import com.luck.picture.lib.entity.LocalMedia
 import com.luck.picture.lib.interfaces.OnCustomLoadingListener
+import com.luck.picture.lib.interfaces.OnExternalPreviewEventListener
 import com.luck.picture.lib.interfaces.OnMediaEditInterceptListener
 import com.luck.picture.lib.interfaces.OnResultCallbackListener
 import com.luck.picture.lib.language.LanguageConfig
@@ -264,7 +265,12 @@ class MultipleImagePickerImp(reactContext: ReactApplicationContext?) :
     }
 
     @ReactMethod
-    fun openPreview(media: Array<MediaPreview>, index: Int, config: NitroPreviewConfig) {
+    fun openPreview(
+        media: Array<MediaPreview>,
+        index: Int,
+        config: NitroPreviewConfig,
+        onLongPress: (index: Double) -> Unit
+    ) {
         val imageEngine = GlideEngine.createGlideEngine()
 
         val assets: ArrayList<LocalMedia> = arrayListOf()
@@ -279,7 +285,8 @@ class MultipleImagePickerImp(reactContext: ReactApplicationContext?) :
         titleBarStyle.previewTitleBackgroundColor = Color.BLACK
         previewStyle.titleBarStyle = titleBarStyle
 
-        media.forEach { mediaItem ->
+        media.withIndex().forEach { (index, mediaItem) ->
+
             var asset: LocalMedia? = null
 
             mediaItem.path?.let { path ->
@@ -297,7 +304,10 @@ class MultipleImagePickerImp(reactContext: ReactApplicationContext?) :
                 }
             }
 
-            asset?.let { assets.add(it) }
+            asset?.let {
+                it.setPosition(index)
+                assets.add(it)
+            }
         }
 
         PictureSelector
@@ -311,9 +321,20 @@ class MultipleImagePickerImp(reactContext: ReactApplicationContext?) :
             .setVideoPlayerEngine(ExoPlayerEngine())
             .isVideoPauseResumePlay(true)
             .setCustomLoadingListener(getCustomLoadingListener())
-            .startActivityPreview(index, false, assets)
+            .setExternalPreviewEventListener(object : OnExternalPreviewEventListener {
+                override fun onPreviewDelete(position: Int) {
+                    //
+                }
+
+                override fun onLongPressDownload(context: Context, media: LocalMedia): Boolean {
+                    onLongPress(media.position.toDouble())
+                    return true
+                }
+            })
+            .startFragmentPreview(index, false, assets)
     }
 
+
     private fun getCustomLoadingListener(): OnCustomLoadingListener {
         return OnCustomLoadingListener { context -> LoadingDialog(context) }
     }

docs/docs/PREVIEW.mdx

@@ -22,9 +22,12 @@ Preview is a simple image viewer that supports both local and remote media. It a
 ## Usage
 
 ```typescript
-import { openPreview } from '@baronha/react-native-multiple-image-picker'
+import {
+  openPreview,
+  PreviewConfig,
+} from '@baronha/react-native-multiple-image-picker'
 
-const cropConfig: CropConfig = {
+const previewConfig: PreviewConfig = {
   language: 'system',
 }
 
@@ -49,7 +52,7 @@ const media: MediaPreview[] = [
 ]
 
 // call to preview
-openPreview(media, 2, cropConfig)
+openPreview(media, 2, previewConfig)
 ```
 
 ## `MediaPreview[]`
@@ -65,12 +68,24 @@ openPreview(media, 2, cropConfig)
 
 ## `index`
 
+default: `0`
+
 The `index` parameter in the `openPreview` function specifies the initial media item to display. It is a zero-based index, meaning that `0` will display the first item in the `MediaPreview` array.
 
-## `cropConfig`
+## `previewConfig`
 
 ### [`language`](/config/#language)
 
+see [`language`](/config/#language)
+
+### `onLongPress`
+
+`onLongPress` is a callback function that is called when a long press is detected on the media item. It is a function that takes an index as an argument and returns void.
+
+```typescript
+onLongPress: (index: number) => void
+```
+
 ## Additional Information
 
 - Ensure that the media paths are accessible and correctly formatted.

example/src/index.tsx

@@ -1,5 +1,7 @@
 import React, { useState } from 'react'
 import {
+  ActionSheetIOS,
+  Alert,
   Appearance,
   ColorSchemeName,
   Image,
@@ -76,7 +78,42 @@ export default function App() {
   }
 
   const onPressImage = (_: PickerResult, index: number) => {
-    openPreview(images, index, {})
+    openPreview(images, index, {
+      onLongPress: () => {
+        if (Platform.OS === 'ios') {
+          ActionSheetIOS.showActionSheetWithOptions(
+            {
+              options: ['Download', 'Cancel'],
+              cancelButtonIndex: 1,
+              userInterfaceStyle: colorScheme ?? 'light',
+            },
+            (buttonIndex) => {
+              if (buttonIndex === 0) {
+                // Download
+              } else if (buttonIndex === 1) {
+                // Cancel
+              }
+            }
+          )
+        } else {
+          Alert.alert('Options', '', [
+            {
+              text: 'Cancel',
+              style: 'cancel',
+              onPress: () => {
+                console.log('Cancel')
+              },
+            },
+            {
+              text: 'Download',
+              onPress: () => {
+                console.log('Download')
+              },
+            },
+          ])
+        }
+      },
+    })
   }
 
   const onPicker = async () => {

example/yarn.lock

@@ -5414,10 +5414,10 @@ react-native-builder-bob@^0.30.0:
     which "^2.0.2"
     yargs "^17.5.1"
 
-react-native-nitro-modules@0.20.0:
-  version "0.20.0"
-  resolved "https://registry.yarnpkg.com/react-native-nitro-modules/-/react-native-nitro-modules-0.20.0.tgz#3c659d4c8cbc8038b1bf35af6475e77023e70ffa"
-  integrity sha512-u41SaGdQ/EQFuRLFPRQ+cbEemzsARmkElXErwZlXJhr2KYmVwQMrIYGe69NuMSyvHlw3JTl09SNugt3PXa2vEQ==
+react-native-nitro-modules@^0.20.1:
+  version "0.20.1"
+  resolved "https://registry.yarnpkg.com/react-native-nitro-modules/-/react-native-nitro-modules-0.20.1.tgz#99568818b90e364f1e08b5341a7868eca3762333"
+  integrity sha512-ffa8GbnLBs7irEx1ZCl7WdHzzA5uj4ngh7hIWbeUfBs8m2iAn+byowOJWHKmO+RA2hp9dVwTxHYSBOqIvTVvHA==
 
 react-native@0.76.5:
   version "0.76.5"

ios/HybridMultipleImagePicker+Preview.swift

@@ -66,7 +66,11 @@ extension HybridMultipleImagePicker {
             HXPhotoPicker.PhotoBrowser.show(
                 assets,
                 pageIndex: Int(index),
-                config: previewConfig
+                config: previewConfig,
+                longPressHandler: { index, _, _ in
+                    print("index ne: ", index)
+                    config.onLongPress?(Double(index))
+                }
             )
         }
     }

nitrogen/generated/android/MultipleImagePickerOnLoad.cpp

@@ -33,6 +33,7 @@ int initialize(JavaVM* vm) {
     margelo::nitro::multipleimagepicker::JFunc_void_double::registerNatives();
     margelo::nitro::multipleimagepicker::JFunc_void_CropResult::registerNatives();
     margelo::nitro::multipleimagepicker::JFunc_void_double::registerNatives();
+    margelo::nitro::multipleimagepicker::JFunc_void_double::registerNatives();
     margelo::nitro::multipleimagepicker::JFunc_void_CameraResult::registerNatives();
     margelo::nitro::multipleimagepicker::JFunc_void_double::registerNatives();
 

nitrogen/generated/android/c++/JFunc_void_double.hpp

@@ -18,17 +18,17 @@ namespace margelo::nitro::multipleimagepicker {
 
   /**
    * C++ representation of the callback Func_void_double.
-   * This is a Kotlin `(reject: Double) -> Unit`, backed by a `std::function<...>`.
+   * This is a Kotlin `(index: Double) -> Unit`, backed by a `std::function<...>`.
    */
   struct JFunc_void_double final: public jni::HybridClass<JFunc_void_double> {
   public:
-    static jni::local_ref<JFunc_void_double::javaobject> fromCpp(const std::function<void(double /* reject */)>& func) {
+    static jni::local_ref<JFunc_void_double::javaobject> fromCpp(const std::function<void(double /* index */)>& func) {
       return JFunc_void_double::newObjectCxxArgs(func);
     }
 
   public:
-    void call(double reject) {
-      _func(reject);
+    void call(double index) {
+      _func(index);
     }
 
   public:
@@ -38,11 +38,11 @@ namespace margelo::nitro::multipleimagepicker {
     }
 
   private:
-    explicit JFunc_void_double(const std::function<void(double /* reject */)>& func): _func(func) { }
+    explicit JFunc_void_double(const std::function<void(double /* index */)>& func): _func(func) { }
 
   private:
     friend HybridBase;
-    std::function<void(double /* reject */)> _func;
+    std::function<void(double /* index */)> _func;
   };
 
 } // namespace margelo::nitro::multipleimagepicker

nitrogen/generated/android/c++/JHybridMultipleImagePickerSpec.cpp

@@ -126,8 +126,8 @@ namespace margelo::nitro::multipleimagepicker {
     static const auto method = _javaPart->getClass()->getMethod<void(jni::alias_ref<jni::JString> /* image */, jni::alias_ref<JNitroCropConfig> /* config */, jni::alias_ref<JFunc_void_CropResult::javaobject> /* resolved */, jni::alias_ref<JFunc_void_double::javaobject> /* rejected */)>("openCrop");
     method(_javaPart, jni::make_jstring(image), JNitroCropConfig::fromCpp(config), JFunc_void_CropResult::fromCpp(resolved), JFunc_void_double::fromCpp(rejected));
   }
-  void JHybridMultipleImagePickerSpec::openPreview(const std::vector<MediaPreview>& media, double index, const NitroPreviewConfig& config) {
-    static const auto method = _javaPart->getClass()->getMethod<void(jni::alias_ref<jni::JArrayClass<JMediaPreview>> /* media */, double /* index */, jni::alias_ref<JNitroPreviewConfig> /* config */)>("openPreview");
+  void JHybridMultipleImagePickerSpec::openPreview(const std::vector<MediaPreview>& media, double index, const NitroPreviewConfig& config, const std::function<void(double /* index */)>& onLongPress) {
+    static const auto method = _javaPart->getClass()->getMethod<void(jni::alias_ref<jni::JArrayClass<JMediaPreview>> /* media */, double /* index */, jni::alias_ref<JNitroPreviewConfig> /* config */, jni::alias_ref<JFunc_void_double::javaobject> /* onLongPress */)>("openPreview");
     method(_javaPart, [&]() {
       size_t __size = media.size();
       jni::local_ref<jni::JArrayClass<JMediaPreview>> __array = jni::JArrayClass<JMediaPreview>::newArray(__size);
@@ -136,7 +136,7 @@ namespace margelo::nitro::multipleimagepicker {
         __array->setElement(__i, *JMediaPreview::fromCpp(__element));
       }
       return __array;
-    }(), index, JNitroPreviewConfig::fromCpp(config));
+    }(), index, JNitroPreviewConfig::fromCpp(config), JFunc_void_double::fromCpp(onLongPress));
   }
   void JHybridMultipleImagePickerSpec::openCamera(const NitroCameraConfig& config, const std::function<void(const CameraResult& /* result */)>& resolved, const std::function<void(double /* reject */)>& rejected) {
     static const auto method = _javaPart->getClass()->getMethod<void(jni::alias_ref<JNitroCameraConfig> /* config */, jni::alias_ref<JFunc_void_CameraResult::javaobject> /* resolved */, jni::alias_ref<JFunc_void_double::javaobject> /* rejected */)>("openCamera");

nitrogen/generated/android/c++/JHybridMultipleImagePickerSpec.hpp

@@ -53,7 +53,7 @@ namespace margelo::nitro::multipleimagepicker {
     // Methods
     void openPicker(const NitroConfig& config, const std::function<void(const std::vector<PickerResult>& /* result */)>& resolved, const std::function<void(double /* reject */)>& rejected) override;
     void openCrop(const std::string& image, const NitroCropConfig& config, const std::function<void(const CropResult& /* result */)>& resolved, const std::function<void(double /* reject */)>& rejected) override;
-    void openPreview(const std::vector<MediaPreview>& media, double index, const NitroPreviewConfig& config) override;
+    void openPreview(const std::vector<MediaPreview>& media, double index, const NitroPreviewConfig& config, const std::function<void(double /* index */)>& onLongPress) override;
     void openCamera(const NitroCameraConfig& config, const std::function<void(const CameraResult& /* result */)>& resolved, const std::function<void(double /* reject */)>& rejected) override;
 
   private: