react-native-gesture-image-viewer 2.0.0-beta.5 → 2.0.0-beta.6

package/lib/module/GestureTrigger.js

@@ -22,7 +22,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * Wraps a pressable child element and registers its native view as a trigger for `GestureViewer`.
  *
- * @remark
+ * @remarks
  * Behavior on press:
  * - Registers the child's native node to the internal registry under the given `id`.
  * - Invokes the child's own `onPress` first (if provided).
@@ -76,6 +76,7 @@ export function GestureTrigger({
   }, [id, onPress, children]);
   return /*#__PURE__*/_jsx(View, {
     ref: ref,
+    collapsable: false,
     children: wrapped
   });
 }

package/lib/module/GestureTrigger.js.map

@@ -1 +1 @@
-{"version":3,"names":["Children","cloneElement","isValidElement","useMemo","useRef","View","registry","jsx","_jsx","GestureTrigger","id","children","onPress","ref","wrapped","child","only","originalOnPress","props","handlePress","args","setTriggerNode","current","__DEV__","console","warn"],"sourceRoot":"../../src","sources":["GestureTrigger.tsx"],"mappings":";;AACA,SAASA,QAAQ,EAAEC,YAAY,EAAEC,cAAc,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AAC/E,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,QAAQ,QAAQ,4BAAyB;;AAElD;AACA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AARA,SAAAC,GAAA,IAAAC,IAAA;AAeA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,cAAcA,CAAwB;EAAEC,EAAE,GAAG,SAAS;EAAEC,QAAQ;EAAEC;AAAgC,CAAC,EAAE;EACnH,MAAMC,GAAG,GAAGT,MAAM,CAAO,IAAI,CAAC;EAE9B,MAAMU,OAAO,GAAGX,OAAO,CAAC,MAAM;IAC5B,MAAMY,KAAK,GAAGf,QAAQ,CAACgB,IAAI,CAACL,QAAQ,CAAC;IAErC,IAAI,eAACT,cAAc,CAACa,KAAK,CAAC,EAAE;MAC1B,OAAOJ,QAAQ;IACjB;IAEA,MAAMM,eAAe,GAAGF,KAAK,CAACG,KAAK,EAAEN,OAAO;IAE5C,MAAMO,WAAW,GAAGA,CAAC,GAAGC,IAAe,KAAK;MAC1Cd,QAAQ,CAACe,cAAc,CAACX,EAAE,EAAEG,GAAG,CAACS,OAAO,CAAC;MACxCL,eAAe,GAAG,GAAGG,IAAI,CAAC;MAC1BR,OAAO,GAAG,GAAGQ,IAAI,CAAC;MAElB,IAAIG,OAAO,IAAI,CAACN,eAAe,IAAI,CAACL,OAAO,EAAE;QAC3CY,OAAO,CAACC,IAAI,CAAC,oFAAoF,CAAC;MACpG;IACF,CAAC;IAED,oBAAOxB,YAAY,CAACc,KAAK,EAAE;MACzB,GAAGA,KAAK,CAACG,KAAK;MACdN,OAAO,EAAEO;IACX,CAAC,CAAC;EACJ,CAAC,EAAE,CAACT,EAAE,EAAEE,OAAO,EAAED,QAAQ,CAAC,CAAC;EAE3B,oBAAOH,IAAA,CAACH,IAAI;IAACQ,GAAG,EAAEA,GAAI;IAAAF,QAAA,EAAEG;EAAO,CAAO,CAAC;AACzC","ignoreList":[]}
+{"version":3,"names":["Children","cloneElement","isValidElement","useMemo","useRef","View","registry","jsx","_jsx","GestureTrigger","id","children","onPress","ref","wrapped","child","only","originalOnPress","props","handlePress","args","setTriggerNode","current","__DEV__","console","warn","collapsable"],"sourceRoot":"../../src","sources":["GestureTrigger.tsx"],"mappings":";;AACA,SAASA,QAAQ,EAAEC,YAAY,EAAEC,cAAc,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AAC/E,SAASC,IAAI,QAAQ,cAAc;AACnC,SAASC,QAAQ,QAAQ,4BAAyB;;AAElD;AACA;AACA;AACA;;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AARA,SAAAC,GAAA,IAAAC,IAAA;AAeA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,cAAcA,CAAwB;EAAEC,EAAE,GAAG,SAAS;EAAEC,QAAQ;EAAEC;AAAgC,CAAC,EAAE;EACnH,MAAMC,GAAG,GAAGT,MAAM,CAAO,IAAI,CAAC;EAE9B,MAAMU,OAAO,GAAGX,OAAO,CAAC,MAAM;IAC5B,MAAMY,KAAK,GAAGf,QAAQ,CAACgB,IAAI,CAACL,QAAQ,CAAC;IAErC,IAAI,eAACT,cAAc,CAACa,KAAK,CAAC,EAAE;MAC1B,OAAOJ,QAAQ;IACjB;IAEA,MAAMM,eAAe,GAAGF,KAAK,CAACG,KAAK,EAAEN,OAAO;IAE5C,MAAMO,WAAW,GAAGA,CAAC,GAAGC,IAAe,KAAK;MAC1Cd,QAAQ,CAACe,cAAc,CAACX,EAAE,EAAEG,GAAG,CAACS,OAAO,CAAC;MACxCL,eAAe,GAAG,GAAGG,IAAI,CAAC;MAC1BR,OAAO,GAAG,GAAGQ,IAAI,CAAC;MAElB,IAAIG,OAAO,IAAI,CAACN,eAAe,IAAI,CAACL,OAAO,EAAE;QAC3CY,OAAO,CAACC,IAAI,CAAC,oFAAoF,CAAC;MACpG;IACF,CAAC;IAED,oBAAOxB,YAAY,CAACc,KAAK,EAAE;MACzB,GAAGA,KAAK,CAACG,KAAK;MACdN,OAAO,EAAEO;IACX,CAAC,CAAC;EACJ,CAAC,EAAE,CAACT,EAAE,EAAEE,OAAO,EAAED,QAAQ,CAAC,CAAC;EAE3B,oBACEH,IAAA,CAACH,IAAI;IAACQ,GAAG,EAAEA,GAAI;IAACa,WAAW,EAAE,KAAM;IAAAf,QAAA,EAChCG;EAAO,CACJ,CAAC;AAEX","ignoreList":[]}

package/lib/typescript/src/GestureTrigger.d.ts

@@ -23,7 +23,7 @@ export type GestureTriggerProps<T extends WithOnPress> = {
 /**
  * Wraps a pressable child element and registers its native view as a trigger for `GestureViewer`.
  *
- * @remark
+ * @remarks
  * Behavior on press:
  * - Registers the child's native node to the internal registry under the given `id`.
  * - Invokes the child's own `onPress` first (if provided).

package/lib/typescript/src/GestureTrigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GestureTrigger.d.ts","sourceRoot":"","sources":["../../../src/GestureTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAK1C;;;GAGG;AACH,KAAK,WAAW,GAAG;IAAE,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAA;CAAE,CAAC;AAE9D;;;;;;;;GAQG;AACH,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,WAAW,IAAI;IACvD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IAC1B,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,WAAW,EAAE,EAAE,EAAc,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,mBAAmB,CAAC,CAAC,CAAC,2CA6BlH"}
+{"version":3,"file":"GestureTrigger.d.ts","sourceRoot":"","sources":["../../../src/GestureTrigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAK1C;;;GAGG;AACH,KAAK,WAAW,GAAG;IAAE,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAA;CAAE,CAAC;AAE9D;;;;;;;;GAQG;AACH,MAAM,MAAM,mBAAmB,CAAC,CAAC,SAAS,WAAW,IAAI;IACvD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC;IAC1B,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;CACxC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,WAAW,EAAE,EAAE,EAAc,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,mBAAmB,CAAC,CAAC,CAAC,2CAiClH"}

package/lib/typescript/src/types.d.ts

@@ -31,7 +31,7 @@ export interface TriggerAnimationConfig extends WithTimingConfig {
 export interface GestureViewerProps<T = any, LC = typeof RNScrollView> {
     /**
      * When you want to efficiently manage multiple `GestureViewer` instances, you can use the `id` prop to use multiple `GestureViewer` components.
-     * @remark `GestureViewer` automatically removes instances from memory when components are unmounted, so no manual memory management is required.
+     * @remarks `GestureViewer` automatically removes instances from memory when components are unmounted, so no manual memory management is required.
      * @defaultValue 'default'
      */
     id?: string;
@@ -75,13 +75,13 @@ export interface GestureViewerProps<T = any, LC = typeof RNScrollView> {
     ListComponent: LC;
     /**
      * The width of the `GestureViewer`.
-     * @remark If you don't set this prop, the width of the `GestureViewer` will be the same as the width of the screen.
+     * @remarks If you don't set this prop, the width of the `GestureViewer` will be the same as the width of the screen.
      * @defaultValue screen width
      */
     width?: number;
     /**
      * The props to pass to the list component.
-     * @remark The `listProps` provides **type inference based on the selected list component**, ensuring accurate autocompletion and type safety in your IDE.
+     * @remarks The `listProps` provides **type inference based on the selected list component**, ensuring accurate autocompletion and type safety in your IDE.
      */
     listProps?: Partial<ConditionalListProps<LC>>;
     /**
@@ -94,7 +94,7 @@ export interface GestureViewerProps<T = any, LC = typeof RNScrollView> {
     containerStyle?: StyleProp<ViewStyle>;
     /**
      * Dismiss gesture options. Calls `onDismiss` function when swiping down.
-     * @remark Useful for closing modals with downward swipe gestures.
+     * @remarks Useful for closing modals with downward swipe gestures.
      */
     dismiss?: {
         /**
@@ -114,32 +114,32 @@ export interface GestureViewerProps<T = any, LC = typeof RNScrollView> {
         resistance?: number;
         /**
          * By default, the background `opacity` gradually decreases from 1 to 0 during downward swipe gestures.
-         * @remark When `false`, this animation is disabled.
+         * @remarks When `false`, this animation is disabled.
          * @defaultValue true
          */
         fadeBackdrop?: boolean;
     };
     /**
      * Controls left/right swipe gestures.
-     * @remark When `false`, horizontal gestures are disabled.
+     * @remarks When `false`, horizontal gestures are disabled.
      * @defaultValue true
      */
     enableHorizontalSwipe?: boolean;
     /**
      * Only works when zoom is active, allows moving item position when zoomed.
-     * @remark When `false`, gesture movement is disabled during zoom.
+     * @remarks When `false`, gesture movement is disabled during zoom.
      * @defaultValue true
      */
     enablePanWhenZoomed?: boolean;
     /**
      * Controls two-finger pinch gestures.
-     * @remark When `false`, two-finger zoom gestures are disabled.
+     * @remarks When `false`, two-finger zoom gestures are disabled.
      * @defaultValue true
      */
     enablePinchZoom?: boolean;
     /**
      * Controls double-tap zoom gestures.
-     * @remark When `false`, double-tap zoom gestures are disabled.
+     * @remarks When `false`, double-tap zoom gestures are disabled.
      * @defaultValue true
      */
     enableDoubleTapZoom?: boolean;
@@ -151,7 +151,7 @@ export interface GestureViewerProps<T = any, LC = typeof RNScrollView> {
     /**
      * Enables snap scrolling mode.
      *
-     * @remark
+     * @remarks
      * **`false` (default)**: Paging mode (`pagingEnabled: true`)
      * - Scrolls by full screen size increments
      *
@@ -164,7 +164,7 @@ export interface GestureViewerProps<T = any, LC = typeof RNScrollView> {
     enableSnapMode?: boolean;
     /**
      * The spacing between items in pixels.
-     * @remark Only applied when `enableSnapMode` is `true`.
+     * @remarks Only applied when `enableSnapMode` is `true`.
      * @defaultValue 0
      */
     itemSpacing?: number;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-native-gesture-image-viewer",
-  "version": "2.0.0-beta.5",
-  "description": "🖼️ A highly customizable and easy-to-use React Native image viewer with gesture support and external controls",
+  "version": "2.0.0-beta.6",
+  "description": "🖼️ React Native Image Viewer - Reanimated-powered image gestures with full control",
   "main": "./lib/module/index.js",
   "types": "./lib/typescript/src/index.d.ts",
   "exports": {
@@ -59,11 +59,20 @@
     "photo-viewer",
     "image-carousel",
     "touch-gestures",
-    "react-native-reanimated",
-    "react-native-gesture-handler",
     "lightbox",
     "gallery",
-    "viewer"
+    "viewer",
+    "zoomable",
+    "double-tap",
+    "image viewer",
+    "react native image viewer",
+    "react-native-reanimated",
+    "react-native-gesture-handler",
+    "react-native-viewer",
+    "react-native-image-viewer",
+    "react-native-image-gallery",
+    "react-native-reanimated-image-viewer",
+    "react-native-image-zoom-viewer"
   ],
   "repository": {
     "type": "git",

package/src/GestureTrigger.tsx

@@ -27,7 +27,7 @@ export type GestureTriggerProps<T extends WithOnPress> = {
 /**
  * Wraps a pressable child element and registers its native view as a trigger for `GestureViewer`.
  *
- * @remark
+ * @remarks
  * Behavior on press:
  * - Registers the child's native node to the internal registry under the given `id`.
  * - Invokes the child's own `onPress` first (if provided).
@@ -82,5 +82,9 @@ export function GestureTrigger<T extends WithOnPress>({ id = 'default', children
     });
   }, [id, onPress, children]);
 
-  return <View ref={ref}>{wrapped}</View>;
+  return (
+    <View ref={ref} collapsable={false}>
+      {wrapped}
+    </View>
+  );
 }

package/src/types.ts

@@ -41,7 +41,7 @@ export interface TriggerAnimationConfig extends WithTimingConfig {
 export interface GestureViewerProps<T = any, LC = typeof RNScrollView> {
   /**
    * When you want to efficiently manage multiple `GestureViewer` instances, you can use the `id` prop to use multiple `GestureViewer` components.
-   * @remark `GestureViewer` automatically removes instances from memory when components are unmounted, so no manual memory management is required.
+   * @remarks `GestureViewer` automatically removes instances from memory when components are unmounted, so no manual memory management is required.
    * @defaultValue 'default'
    */
   id?: string;
@@ -83,13 +83,13 @@ export interface GestureViewerProps<T = any, LC = typeof RNScrollView> {
   ListComponent: LC;
   /**
    * The width of the `GestureViewer`.
-   * @remark If you don't set this prop, the width of the `GestureViewer` will be the same as the width of the screen.
+   * @remarks If you don't set this prop, the width of the `GestureViewer` will be the same as the width of the screen.
    * @defaultValue screen width
    */
   width?: number;
   /**
    * The props to pass to the list component.
-   * @remark The `listProps` provides **type inference based on the selected list component**, ensuring accurate autocompletion and type safety in your IDE.
+   * @remarks The `listProps` provides **type inference based on the selected list component**, ensuring accurate autocompletion and type safety in your IDE.
    */
   listProps?: Partial<ConditionalListProps<LC>>;
   /**
@@ -102,7 +102,7 @@ export interface GestureViewerProps<T = any, LC = typeof RNScrollView> {
   containerStyle?: StyleProp<ViewStyle>;
   /**
    * Dismiss gesture options. Calls `onDismiss` function when swiping down.
-   * @remark Useful for closing modals with downward swipe gestures.
+   * @remarks Useful for closing modals with downward swipe gestures.
    */
   dismiss?: {
     /**
@@ -122,32 +122,32 @@ export interface GestureViewerProps<T = any, LC = typeof RNScrollView> {
     resistance?: number;
     /**
      * By default, the background `opacity` gradually decreases from 1 to 0 during downward swipe gestures.
-     * @remark When `false`, this animation is disabled.
+     * @remarks When `false`, this animation is disabled.
      * @defaultValue true
      */
     fadeBackdrop?: boolean;
   };
   /**
    * Controls left/right swipe gestures.
-   * @remark When `false`, horizontal gestures are disabled.
+   * @remarks When `false`, horizontal gestures are disabled.
    * @defaultValue true
    */
   enableHorizontalSwipe?: boolean;
   /**
    * Only works when zoom is active, allows moving item position when zoomed.
-   * @remark When `false`, gesture movement is disabled during zoom.
+   * @remarks When `false`, gesture movement is disabled during zoom.
    * @defaultValue true
    */
   enablePanWhenZoomed?: boolean;
   /**
    * Controls two-finger pinch gestures.
-   * @remark When `false`, two-finger zoom gestures are disabled.
+   * @remarks When `false`, two-finger zoom gestures are disabled.
    * @defaultValue true
    */
   enablePinchZoom?: boolean;
   /**
    * Controls double-tap zoom gestures.
-   * @remark When `false`, double-tap zoom gestures are disabled.
+   * @remarks When `false`, double-tap zoom gestures are disabled.
    * @defaultValue true
    */
   enableDoubleTapZoom?: boolean;
@@ -159,7 +159,7 @@ export interface GestureViewerProps<T = any, LC = typeof RNScrollView> {
   /**
    * Enables snap scrolling mode.
    *
-   * @remark
+   * @remarks
    * **`false` (default)**: Paging mode (`pagingEnabled: true`)
    * - Scrolls by full screen size increments
    *
@@ -172,7 +172,7 @@ export interface GestureViewerProps<T = any, LC = typeof RNScrollView> {
   enableSnapMode?: boolean;
   /**
    * The spacing between items in pixels.
-   * @remark Only applied when `enableSnapMode` is `true`.
+   * @remarks Only applied when `enableSnapMode` is `true`.
    * @defaultValue 0
    */
   itemSpacing?: number;