gradio-app--gradio/js/gallery/types.ts

import type { FileData } from "@gradio/client";
import type { CustomButton, SelectData } from "@gradio/utils";

export interface GalleryImage {
	image: FileData;
	caption: string | null;
}

export interface GalleryVideo {
	video: FileData;
	caption: string | null;
}

export type GalleryData = GalleryImage | GalleryVideo;

export interface GalleryProps {
	value: GalleryData[] | null;
	file_types: string[] | null;
	columns: number | number[] | undefined;
	rows: number | number[] | undefined;
	height: number | string;
	preview: boolean;
	allow_preview: boolean;
	selected_index: number | null;
	object_fit: "contain" | "cover" | "fill" | "none" | "scale-down";
	buttons: (
		| "share"
		| "download"
		| "download_all"
		| "fullscreen"
		| CustomButton
	)[];
	type: "numpy" | "pil" | "filepath";
	fit_columns: boolean;
	sources: ("upload" | "webcam-video" | "webcam" | "clipboard")[];
}

export interface GalleryEvents {
	change: GalleryData[] | null;
	upload: GalleryData[] | null;
	select: SelectData;
	delete: { file: FileData; index: number };
	preview_open: never;
	preview_close: never;
	clear: never;
	clear_status: any;
	share: any;
	error: any;
	custom_button_click: { id: number };
	warning: string;
}