@qwanyx/carousel 0.1.0 → 0.1.2

package/dist/index.d.mts

@@ -237,6 +237,14 @@ interface AutoplayOptions {
     pauseOnHover?: boolean;
     pauseOnInteraction?: boolean;
 }
+/**
+ * Carousel/Asset bank identification for copy functionality
+ */
+interface CarouselInfo {
+    systemId: string;
+    nodeId: string;
+    title: string;
+}
 /**
  * Main carousel/presentation props
  */
@@ -251,11 +259,19 @@ interface CarouselProps {
     aspectRatio?: string;
     allowFullscreen?: boolean;
     theme?: 'light' | 'dark' | 'auto';
+    carouselInfo?: CarouselInfo;
+    getSlideUrl?: (slide: Slide) => string | undefined;
+    onCopyCarousel?: (info: CarouselInfo) => void;
+    onCopySlide?: (slide: Slide, url: string) => void;
     className?: string;
     style?: CSSProperties;
     onSlideChange?: (index: number, slide: Slide) => void;
     onFullscreenChange?: (isFullscreen: boolean) => void;
     onObjectClick?: (object: SlideObject, slide: Slide) => void;
+    /** Called when thumbnails are reordered via drag&drop */
+    onThumbnailReorder?: (fromIndex: number, toIndex: number) => void;
+    /** Called when delete button is clicked on a thumbnail */
+    onThumbnailDelete?: (index: number) => void;
 }
 /**
  * Carousel ref methods
@@ -305,14 +321,18 @@ interface ThumbnailsProps {
     slides: Slide[];
     currentIndex: number;
     onSelect: (index: number) => void;
+    /** Called when slides are reordered via drag&drop. Returns new order of slide indices. */
+    onReorder?: (fromIndex: number, toIndex: number) => void;
+    /** Called when delete button is clicked on a thumbnail */
+    onDelete?: (index: number) => void;
     position?: 'bottom' | 'left' | 'right';
     size?: 'small' | 'medium' | 'large';
     theme?: 'light' | 'dark';
 }
 /**
- * Thumbnails navigation component
+ * Thumbnails navigation component with optional drag&drop reordering
  */
-declare function Thumbnails({ slides, currentIndex, onSelect, position, size, theme, }: ThumbnailsProps): react_jsx_runtime.JSX.Element;
+declare function Thumbnails({ slides, currentIndex, onSelect, onReorder, onDelete, position, size, theme, }: ThumbnailsProps): react_jsx_runtime.JSX.Element;
 
 interface UseCarouselOptions {
     slides: Slide[];
@@ -367,6 +387,20 @@ declare const createSlide: {
         isActive: boolean;
         slideIndex: number;
     }) => React.ReactNode, options?: Partial<Omit<Slide, "id" | "layers">>) => Slide;
+    /**
+     * Create a slide to display a markdown file
+     */
+    markdown: (id: string, url: string, options?: {
+        filename?: string;
+        thumbnail?: string;
+    }) => Slide;
+    /**
+     * Create a slide to display an audio file
+     */
+    audio: (id: string, url: string, options?: {
+        filename?: string;
+        thumbnail?: string;
+    }) => Slide;
 };
 
-export { type Animation, type AnimationKeyframe, type AudioObject, type AutoplayOptions, type BaseObject, Carousel, type CarouselProps, type CarouselRef, type ComponentObject, type GroupObject, type ImageObject, type Layer, type NavigationOptions, type ObjectType, type Position, type ShapeObject, type Size, type Slide, type SlideBackground, type SlideObject, SlideRenderer, type SlideTransition, type TextObject, Thumbnails, type Transform, type TransitionType, type VideoObject, createImageSlide, createSimpleSlide, createSlide, useCarousel };
+export { type Animation, type AnimationKeyframe, type AudioObject, type AutoplayOptions, type BaseObject, Carousel, type CarouselInfo, type CarouselProps, type CarouselRef, type ComponentObject, type GroupObject, type ImageObject, type Layer, type NavigationOptions, type ObjectType, type Position, type ShapeObject, type Size, type Slide, type SlideBackground, type SlideObject, SlideRenderer, type SlideTransition, type TextObject, Thumbnails, type Transform, type TransitionType, type VideoObject, createImageSlide, createSimpleSlide, createSlide, useCarousel };

package/dist/index.d.ts

@@ -237,6 +237,14 @@ interface AutoplayOptions {
     pauseOnHover?: boolean;
     pauseOnInteraction?: boolean;
 }
+/**
+ * Carousel/Asset bank identification for copy functionality
+ */
+interface CarouselInfo {
+    systemId: string;
+    nodeId: string;
+    title: string;
+}
 /**
  * Main carousel/presentation props
  */
@@ -251,11 +259,19 @@ interface CarouselProps {
     aspectRatio?: string;
     allowFullscreen?: boolean;
     theme?: 'light' | 'dark' | 'auto';
+    carouselInfo?: CarouselInfo;
+    getSlideUrl?: (slide: Slide) => string | undefined;
+    onCopyCarousel?: (info: CarouselInfo) => void;
+    onCopySlide?: (slide: Slide, url: string) => void;
     className?: string;
     style?: CSSProperties;
     onSlideChange?: (index: number, slide: Slide) => void;
     onFullscreenChange?: (isFullscreen: boolean) => void;
     onObjectClick?: (object: SlideObject, slide: Slide) => void;
+    /** Called when thumbnails are reordered via drag&drop */
+    onThumbnailReorder?: (fromIndex: number, toIndex: number) => void;
+    /** Called when delete button is clicked on a thumbnail */
+    onThumbnailDelete?: (index: number) => void;
 }
 /**
  * Carousel ref methods
@@ -305,14 +321,18 @@ interface ThumbnailsProps {
     slides: Slide[];
     currentIndex: number;
     onSelect: (index: number) => void;
+    /** Called when slides are reordered via drag&drop. Returns new order of slide indices. */
+    onReorder?: (fromIndex: number, toIndex: number) => void;
+    /** Called when delete button is clicked on a thumbnail */
+    onDelete?: (index: number) => void;
     position?: 'bottom' | 'left' | 'right';
     size?: 'small' | 'medium' | 'large';
     theme?: 'light' | 'dark';
 }
 /**
- * Thumbnails navigation component
+ * Thumbnails navigation component with optional drag&drop reordering
  */
-declare function Thumbnails({ slides, currentIndex, onSelect, position, size, theme, }: ThumbnailsProps): react_jsx_runtime.JSX.Element;
+declare function Thumbnails({ slides, currentIndex, onSelect, onReorder, onDelete, position, size, theme, }: ThumbnailsProps): react_jsx_runtime.JSX.Element;
 
 interface UseCarouselOptions {
     slides: Slide[];
@@ -367,6 +387,20 @@ declare const createSlide: {
         isActive: boolean;
         slideIndex: number;
     }) => React.ReactNode, options?: Partial<Omit<Slide, "id" | "layers">>) => Slide;
+    /**
+     * Create a slide to display a markdown file
+     */
+    markdown: (id: string, url: string, options?: {
+        filename?: string;
+        thumbnail?: string;
+    }) => Slide;
+    /**
+     * Create a slide to display an audio file
+     */
+    audio: (id: string, url: string, options?: {
+        filename?: string;
+        thumbnail?: string;
+    }) => Slide;
 };
 
-export { type Animation, type AnimationKeyframe, type AudioObject, type AutoplayOptions, type BaseObject, Carousel, type CarouselProps, type CarouselRef, type ComponentObject, type GroupObject, type ImageObject, type Layer, type NavigationOptions, type ObjectType, type Position, type ShapeObject, type Size, type Slide, type SlideBackground, type SlideObject, SlideRenderer, type SlideTransition, type TextObject, Thumbnails, type Transform, type TransitionType, type VideoObject, createImageSlide, createSimpleSlide, createSlide, useCarousel };
+export { type Animation, type AnimationKeyframe, type AudioObject, type AutoplayOptions, type BaseObject, Carousel, type CarouselInfo, type CarouselProps, type CarouselRef, type ComponentObject, type GroupObject, type ImageObject, type Layer, type NavigationOptions, type ObjectType, type Position, type ShapeObject, type Size, type Slide, type SlideBackground, type SlideObject, SlideRenderer, type SlideTransition, type TextObject, Thumbnails, type Transform, type TransitionType, type VideoObject, createImageSlide, createSimpleSlide, createSlide, useCarousel };