@n-ivan/react-justified-gallery 1.0.1 → 1.0.3

package/dist/JustifiedGallery.d.ts

@@ -0,0 +1,2 @@
+import type { JustifiedGalleryProps } from './types';
+export declare function JustifiedGallery({ images, gap, renderImage, resizeDebounce, lazyLoad, onImageLoad, onImageError, containerStyle, rowStyle, }: JustifiedGalleryProps): import("react/jsx-runtime").JSX.Element;

package/dist/calculateLayout.d.ts

@@ -0,0 +1,3 @@
+import type { ImageData, ComputedRow } from './types';
+export declare function validateImages(images: ImageData[][]): void;
+export declare function calculateLayout(images: ImageData[][], containerWidth: number, gap: number): ComputedRow[];

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export { JustifiedGallery } from './JustifiedGallery';
+export type { JustifiedGalleryProps, ImageData, RenderImageProps, } from './types';

package/dist/types.d.ts

@@ -0,0 +1,39 @@
+import type { CSSProperties, ReactNode, SyntheticEvent } from 'react';
+export interface ImageData {
+    src: string;
+    width: number;
+    height: number;
+    alt?: string;
+    [key: string]: unknown;
+}
+export interface RenderImageProps {
+    image: ImageData;
+    computedWidth: number;
+    computedHeight: number;
+    originalWidth: number;
+    originalHeight: number;
+    rowIndex: number;
+    imageIndex: number;
+    isFirstInRow: boolean;
+    isLastInRow: boolean;
+}
+export interface JustifiedGalleryProps {
+    images: ImageData[][];
+    gap?: number;
+    renderImage?: (props: RenderImageProps) => ReactNode;
+    resizeDebounce?: number;
+    lazyLoad?: boolean;
+    onImageLoad?: (image: ImageData, event: SyntheticEvent<HTMLImageElement>) => void;
+    onImageError?: (image: ImageData, event: SyntheticEvent<HTMLImageElement>) => void;
+    containerStyle?: CSSProperties;
+    rowStyle?: CSSProperties;
+}
+export interface ComputedImage {
+    image: ImageData;
+    computedWidth: number;
+    computedHeight: number;
+}
+export interface ComputedRow {
+    images: ComputedImage[];
+    height: number;
+}

package/dist/useContainerWidth.d.ts

@@ -0,0 +1,4 @@
+export declare function useContainerWidth(resizeDebounce: number): {
+    containerRef: React.RefObject<HTMLDivElement>;
+    width: number;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@n-ivan/react-justified-gallery",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "A React component for creating justified image galleries",
   "keywords": [
     "react",
@@ -9,7 +9,7 @@
     "images",
     "layout"
   ],
-  "homepage": "https://github.com/n-ivan/react-justified-gallery#readme",
+  "homepage": "https://n-ivan.github.io/react-justified-gallery/",
   "bugs": {
     "url": "https://github.com/n-ivan/react-justified-gallery/issues"
   },
@@ -32,7 +32,8 @@
     "dist"
   ],
   "scripts": {
-    "build": "tsc && vite build",
+    "build": "tsc --project tsconfig.build.json && vite build",
+    "build:demo": "vite build --config demo/vite.config.ts",
     "dev": "vite",
     "demo": "vite --config demo/vite.config.ts",
     "test": "vitest",