chore: update import path for Gallery component and enhance type definitions

- Change import path for Gallery component to use local source
- Update GalleryComponent type to support refs
- Modify GalleryProps to exclude 'renderItem' from FlatListProps

Author: VoDucDuoc

example/src/App.tsx

@@ -7,7 +7,7 @@ import {
   View,
 } from 'react-native';
 import React, { useRef } from 'react';
-import Gallery, { GalleryRef } from '@duocvo/react-native-gesture-image';
+import Gallery, { GalleryRef } from '../../src/index';
 
 const image1 = require('../assets/image1.jpeg');
 const image2 = require('../assets/image2.jpeg');

src/Type.ts

@@ -7,35 +7,73 @@ import type {
 } from 'react-native';
 import type { SharedValue } from 'react-native-reanimated';
 
+/**
+ * Props for the ImageViewer component
+ */
 export interface ImageViewerProps {
+  /** The image source to display */
   source: ImageSourcePropType;
+  /** Optional styles to apply to the image */
   imageStyle?: ImageStyle;
+  /** Whether to enable pan down to close gesture */
   enablePanDownToClose?: boolean;
+  /** Shared value for layout translation on Y axis */
   layoutTranslateY: SharedValue<number>;
+  /** Callback function when the viewer is closed */
   onClose?: () => void;
 }
+
+/**
+ * Props for the Gallery component
+ */
 export interface GalleryProps
-  extends Omit<FlatListProps<ImageSourcePropType>, 'data'> {
+  extends Omit<FlatListProps<ImageSourcePropType>, 'data' | 'renderItem'> {
+  /** Array of image sources to display in the gallery */
   data: ImageSourcePropType[];
+  /** Optional styles to apply to the gallery container */
   style?: ViewStyle;
+  /** Optional styles to apply to each image */
   imageStyle?: ImageStyle;
+  /** Optional styles to apply to the gallery container */
   containerStyle?: ViewStyle;
+  /** Optional styles to apply to the content container */
   contentContainerStyle?: ViewStyle;
+  /** Color of the backdrop (default: 'black') */
   backdropColor?: string;
+  /** Initial index to display (default: 0) */
   initialIndex?: number;
+  /** Whether to enable pan down to close gesture */
   enablePanDownToClose?: boolean;
+  /** Function to render header content */
   renderHeader?: () => React.ReactNode;
+  /** Function to render footer content */
   renderFooter?: () => React.ReactNode;
 }
+
+/**
+ * Reference methods for the Gallery component
+ */
 export interface GalleryRef {
+  /** Show the gallery at the specified index */
   show: (index?: number) => void;
+  /** Hide the gallery */
   hide: () => void;
+  /** Whether the gallery is currently visible */
   isVisible: boolean;
 }
+
+/**
+ * Internal control interface for the Gallery component
+ */
 export interface GalleryControl {
+  /** Show the gallery at the specified index */
   show: (index?: number) => void;
+  /** Hide the gallery */
   hide: () => void;
+  /** Shared value indicating whether the gallery is visible */
   isVisible: SharedValue<boolean>;
+  /** Shared value for translation on Y axis */
   translateY: SharedValue<number>;
+  /** Reference to the FlatList component */
   flatListRef: React.RefObject<FlatList>;
 }

src/index.tsx

@@ -1,13 +1,25 @@
-import type { GalleryRef, GalleryProps, ImageViewerProps } from './Type';
-import type { ComponentType } from 'react';
-
-export type { GalleryRef, GalleryProps, ImageViewerProps };
-
+import type {
+  GalleryRef as GalleryRefType,
+  GalleryProps as GalleryPropsType,
+  ImageViewerProps as ImageViewerPropsType,
+} from './Type';
+import type {
+  ComponentType,
+  ForwardRefExoticComponent,
+  RefAttributes,
+} from 'react';
 import GalleryImpl from './Gallery';
 import ImageViewerImpl from './ImageViewer';
 
-const GalleryComponent: ComponentType<GalleryProps> = GalleryImpl;
-const ImageViewerComponent: ComponentType<ImageViewerProps> = ImageViewerImpl;
+const GalleryComponent: ForwardRefExoticComponent<
+  GalleryPropsType & RefAttributes<GalleryRefType>
+> = GalleryImpl;
+const ImageViewerComponent: ComponentType<ImageViewerPropsType> =
+  ImageViewerImpl;
+
+export type GalleryRef = GalleryRefType;
+export type GalleryProps = GalleryPropsType;
+export type ImageViewerProps = ImageViewerPropsType;
 
 export { ImageViewerComponent as ImageViewer };
 export default GalleryComponent;