chore: update package.json and add types for ImageViewer and Gallery components

Author: VoDucDuoc

package.json

@@ -3,9 +3,9 @@
   "version": "1.1.5",
   "description": "This library provides a highly customizable and performant image viewer component for React Native applications. Itsupport advanced gestures such as pinch-to-zoom, panning, and double-tap to zoom in and out, making it ideal for creating rich, interactive image viewing experiences.",
   "source": "./src/index.tsx",
-  "main": "./lib/commonjs/index.js",
-  "module": "./lib/module/index.js",
-  "types": "./lib/typescript/src/index.d.ts",
+  "main": "./src/index.tsx",
+  "module": "./src/index.tsx",
+  "types": "./src/types.d.ts",
   "files": [
     "src",
     "lib",
@@ -178,18 +178,6 @@
     "source": "src",
     "output": "lib",
     "targets": [
-      [
-        "commonjs",
-        {
-          "configFile": "./babel.config.js"
-        }
-      ],
-      [
-        "module",
-        {
-          "configFile": "./babel.config.js"
-        }
-      ],
       [
         "typescript",
         {

src/index.tsx

@@ -6,6 +6,7 @@ import type {
 } from 'react';
 import GalleryComponent from './Gallery';
 import ImageViewerComponent from './ImageViewer';
+import 'react-native-gesture-handler';
 
 const Gallery: ForwardRefExoticComponent<
   GalleryProps & RefAttributes<GalleryRef>

src/types.d.ts

@@ -0,0 +1,62 @@
+import type {
+  ImageStyle,
+  ImageSourcePropType,
+  ViewStyle,
+  FlatListProps,
+} 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' | '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;
+}