trepur_components 2.3.7 → 2.3.8

package/lib/components/CarouselThumbnail/CarouselThumbnail.stories.d.ts

@@ -0,0 +1,546 @@
+import { CarouselThumbnail } from '.';
+import { StoryObj } from '@storybook/react';
+
+declare const meta: {
+    title: string;
+    component: ({ id, className, slideWrapperClassName, title, description, bgColour, breakpoints, defaultAnimation, disabled, drag, dragSpeed, initial, loop, mode, range, renderMode, rtl, rubberband, slides, vertical, animationStarted, animationStopped, animationEnded, created, destroyed, detailsChanged, dragged, dragStarted, dragChecked, dragEnded, beforeOptionsChanged, optionsChanged, slideChanged, updated, spacing, number, origin, }: import('.').CarouselProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {};
+    argTypes: {
+        breakpoints: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                category: string;
+                subcategory: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        defaultAnimation: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                category: string;
+                subcategory: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        drag: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                category: string;
+                subcategory: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        dragSpeed: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                category: string;
+                subcategory: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        initial: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                category: string;
+                subcategory: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        loop: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                category: string;
+                subcategory: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        mode: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                category: string;
+                subcategory: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        range: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                category: string;
+                subcategory: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        renderMode: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                category: string;
+                subcategory: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        rtl: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                category: string;
+                subcategory: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        rubberband: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                category: string;
+                subcategory: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        slides: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                category: string;
+                subcategory: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        vertical: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                category: string;
+                subcategory: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        animationStarted: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                category: string;
+                subcategory: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        animationStopped: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                category: string;
+                subcategory: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        animationEnded: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                category: string;
+                subcategory: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        destroyed: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                category: string;
+                subcategory: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        detailsChanged: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                category: string;
+                subcategory: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        dragged: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                category: string;
+                subcategory: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        dragStarted: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                category: string;
+                subcategory: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        dragChecked: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                category: string;
+                subcategory: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        dragEnded: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                category: string;
+                subcategory: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        beforeOptionsChanged: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                category: string;
+                subcategory: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        optionsChanged: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                category: string;
+                subcategory: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        updated: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                category: string;
+                subcategory: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        perView: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                category: string;
+                subcategory: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        spacing: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                category: string;
+                subcategory: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        number: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                category: string;
+                subcategory: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        origin: {
+            type: {
+                name: string;
+                required: boolean;
+            };
+            description: string;
+            table: {
+                category: string;
+                subcategory: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        id: {
+            description: string;
+            control: {
+                type: string;
+                default: boolean;
+            };
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        className: {
+            description: string;
+            control: {
+                type: string;
+                default: boolean;
+            };
+            table: {
+                category: string;
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    args: {
+        title: string;
+        description: string;
+        loop: boolean;
+        drag: boolean;
+        slides: import("react/jsx-runtime").JSX.Element[];
+        spacing: number;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof CarouselThumbnail>;
+export declare const Default: Story;

package/lib/components/CarouselThumbnail/index.d.ts

@@ -0,0 +1,50 @@
+import { KeenSliderInstance, KeenSliderHooks, KeenSliderOptions } from 'keen-slider/react';
+import { Colours } from '../../utils/controls';
+
+export interface CarouselProps {
+    id?: string;
+    className?: string;
+    slideWrapperClassName?: string;
+    title?: string;
+    description?: string;
+    bgColour?: Colours;
+    breakpoints?: Record<string, Omit<KeenSliderOptions<{}, {}, KeenSliderHooks>, 'breakpoints'>>;
+    defaultAnimation?: {
+        duration?: number;
+        easing?: (t: number) => number;
+    };
+    disabled: boolean;
+    drag?: boolean;
+    dragSpeed?: number;
+    initial?: number;
+    loop?: boolean;
+    mode?: 'snap' | 'free' | 'free-snap';
+    range?: {
+        align?: boolean;
+        min?: number;
+        max?: number;
+    };
+    renderMode?: 'precision' | 'performance' | 'custom';
+    rtl?: boolean;
+    rubberband?: boolean;
+    slides?: any[];
+    vertical?: boolean;
+    animationStarted?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
+    animationStopped?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
+    animationEnded?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
+    created?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
+    destroyed?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
+    detailsChanged?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
+    dragged?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
+    dragStarted?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
+    dragChecked?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
+    dragEnded?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
+    beforeOptionsChanged?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
+    optionsChanged?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
+    slideChanged?: boolean;
+    updated?: (slider: KeenSliderInstance<{}, {}, KeenSliderHooks>) => void;
+    spacing?: number;
+    number?: number;
+    origin?: number | 'auto' | 'center';
+}
+export declare const CarouselThumbnail: ({ id, className, slideWrapperClassName, title, description, bgColour, breakpoints, defaultAnimation, disabled, drag, dragSpeed, initial, loop, mode, range, renderMode, rtl, rubberband, slides, vertical, animationStarted, animationStopped, animationEnded, created, destroyed, detailsChanged, dragged, dragStarted, dragChecked, dragEnded, beforeOptionsChanged, optionsChanged, slideChanged, updated, spacing, number, origin, }: CarouselProps) => import("react/jsx-runtime").JSX.Element;