@qwanyx/carousel 0.1.0 → 0.1.3

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-import React, { CSSProperties, ReactNode } from 'react';
+import React$1, { CSSProperties, ReactNode } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 /**
@@ -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,31 @@ 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;
+    /** Called when an image is edited and saved (enables editing on double-click) */
+    onImageEdit?: (index: number, blob: Blob) => void;
+    /** Default aspect ratio for the image editor */
+    editorAspectRatio?: '4/3' | '16/9' | '1/1' | '3/4' | '9/16' | 'free';
+    /** ImageEditor component from @qwanyx/stack (pass it to enable editing) */
+    ImageEditor?: React.ComponentType<{
+        src: string;
+        onSave: (blob: Blob) => void;
+        onCancel?: () => void;
+        aspectRatio?: '4/3' | '16/9' | '1/1' | '3/4' | '9/16' | 'free';
+        theme?: 'light' | 'dark';
+    }>;
 }
 /**
  * Carousel ref methods
@@ -289,7 +317,7 @@ declare function createImageSlide(id: string, src: string, options?: {
 /**
  * Qwanyx Carousel - Universal slide/presentation engine
  */
-declare const Carousel: React.ForwardRefExoticComponent<CarouselProps & React.RefAttributes<CarouselRef>>;
+declare const Carousel: React$1.ForwardRefExoticComponent<CarouselProps & React$1.RefAttributes<CarouselRef>>;
 
 interface SlideRendererProps {
     slide: Slide;
@@ -305,14 +333,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[];
@@ -366,7 +398,21 @@ declare const createSlide: {
     component: (id: string, render: (props: {
         isActive: boolean;
         slideIndex: number;
-    }) => React.ReactNode, options?: Partial<Omit<Slide, "id" | "layers">>) => Slide;
+    }) => React$1.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

@@ -1,4 +1,4 @@
-import React, { CSSProperties, ReactNode } from 'react';
+import React$1, { CSSProperties, ReactNode } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 
 /**
@@ -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,31 @@ 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;
+    /** Called when an image is edited and saved (enables editing on double-click) */
+    onImageEdit?: (index: number, blob: Blob) => void;
+    /** Default aspect ratio for the image editor */
+    editorAspectRatio?: '4/3' | '16/9' | '1/1' | '3/4' | '9/16' | 'free';
+    /** ImageEditor component from @qwanyx/stack (pass it to enable editing) */
+    ImageEditor?: React.ComponentType<{
+        src: string;
+        onSave: (blob: Blob) => void;
+        onCancel?: () => void;
+        aspectRatio?: '4/3' | '16/9' | '1/1' | '3/4' | '9/16' | 'free';
+        theme?: 'light' | 'dark';
+    }>;
 }
 /**
  * Carousel ref methods
@@ -289,7 +317,7 @@ declare function createImageSlide(id: string, src: string, options?: {
 /**
  * Qwanyx Carousel - Universal slide/presentation engine
  */
-declare const Carousel: React.ForwardRefExoticComponent<CarouselProps & React.RefAttributes<CarouselRef>>;
+declare const Carousel: React$1.ForwardRefExoticComponent<CarouselProps & React$1.RefAttributes<CarouselRef>>;
 
 interface SlideRendererProps {
     slide: Slide;
@@ -305,14 +333,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[];
@@ -366,7 +398,21 @@ declare const createSlide: {
     component: (id: string, render: (props: {
         isActive: boolean;
         slideIndex: number;
-    }) => React.ReactNode, options?: Partial<Omit<Slide, "id" | "layers">>) => Slide;
+    }) => React$1.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 };