react-spring-carousel 3.0.0-beta079 → 3.0.0-beta080
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +1 -0
- package/dist/{cjs/index2.cjs → index.cjs2.js} +1 -2
- package/dist/index.cjs3.js +5 -0
- package/dist/index.cjs4.js +1 -0
- package/dist/index.d.ts +3 -3
- package/dist/index.es.js +12 -0
- package/dist/index.es2.js +6 -0
- package/dist/index.es3.js +1087 -0
- package/dist/{esm/useTransitionCarousel.esm.js → index.es4.js} +15 -17
- package/dist/use-gesture-react.esm-662f7bb4.cjs +1 -0
- package/dist/use-gesture-react.esm-9eb8841a.js +1004 -0
- package/dist/{esm/useThumbsModule-f4286033.js → useThumbsModule-08e90459.js} +23 -24
- package/dist/{cjs/useThumbsModule-57ac2128.cjs → useThumbsModule-f2f898fc.cjs} +3 -4
- package/package.json +4 -4
- package/dist/cjs/index.cjs +0 -2
- package/dist/cjs/index.cjs.map +0 -1
- package/dist/cjs/index2.cjs.map +0 -1
- package/dist/cjs/useEventsModule-0feadbf7.cjs +0 -2
- package/dist/cjs/useEventsModule-0feadbf7.cjs.map +0 -1
- package/dist/cjs/useSpringCarousel.cjs +0 -2
- package/dist/cjs/useSpringCarousel.cjs.map +0 -1
- package/dist/cjs/useThumbsModule-57ac2128.cjs.map +0 -1
- package/dist/cjs/useTransitionCarousel.cjs +0 -2
- package/dist/cjs/useTransitionCarousel.cjs.map +0 -1
- package/dist/esm/index.esm.js +0 -16
- package/dist/esm/index.esm.js.map +0 -1
- package/dist/esm/index.esm2.js +0 -7
- package/dist/esm/index.esm2.js.map +0 -1
- package/dist/esm/useEventsModule-538b90c9.js +0 -34
- package/dist/esm/useEventsModule-538b90c9.js.map +0 -1
- package/dist/esm/useSpringCarousel.esm.js +0 -666
- package/dist/esm/useSpringCarousel.esm.js.map +0 -1
- package/dist/esm/useThumbsModule-f4286033.js.map +0 -1
- package/dist/esm/useTransitionCarousel.esm.js.map +0 -1
- package/dist/types/index.d.ts +0 -3
- package/dist/types/src/index.d.ts +0 -3
- package/dist/types/src/index.js +0 -4
- package/dist/types/src/index.js.map +0 -1
- package/dist/types/src/mockedItems.d.ts +0 -2
- package/dist/types/src/mockedItems.js +0 -46
- package/dist/types/src/mockedItems.js.map +0 -1
- package/dist/types/src/modules/index.d.ts +0 -1
- package/dist/types/src/modules/index.js +0 -2
- package/dist/types/src/modules/index.js.map +0 -1
- package/dist/types/src/modules/useEventsModule.d.ts +0 -5
- package/dist/types/src/modules/useEventsModule.js +0 -36
- package/dist/types/src/modules/useEventsModule.js.map +0 -1
- package/dist/types/src/modules/useFullscreenModule.d.ts +0 -6
- package/dist/types/src/modules/useFullscreenModule.js +0 -48
- package/dist/types/src/modules/useFullscreenModule.js.map +0 -1
- package/dist/types/src/modules/useThumbsModule.d.ts +0 -6
- package/dist/types/src/modules/useThumbsModule.js +0 -82
- package/dist/types/src/modules/useThumbsModule.js.map +0 -1
- package/dist/types/src/types/common.d.ts +0 -34
- package/dist/types/src/types/common.js +0 -2
- package/dist/types/src/types/common.js.map +0 -1
- package/dist/types/src/types/index.d.ts +0 -3
- package/dist/types/src/types/index.js +0 -4
- package/dist/types/src/types/index.js.map +0 -1
- package/dist/types/src/types/useEventsModule.types.js +0 -2
- package/dist/types/src/types/useEventsModule.types.js.map +0 -1
- package/dist/types/src/types/useFullscreenModule.types.d.ts +0 -6
- package/dist/types/src/types/useFullscreenModule.types.js +0 -2
- package/dist/types/src/types/useFullscreenModule.types.js.map +0 -1
- package/dist/types/src/types/useSpringCarousel.types.js +0 -2
- package/dist/types/src/types/useSpringCarousel.types.js.map +0 -1
- package/dist/types/src/types/useThumbsModule.types.d.ts +0 -8
- package/dist/types/src/types/useThumbsModule.types.js +0 -2
- package/dist/types/src/types/useThumbsModule.types.js.map +0 -1
- package/dist/types/src/types/useTransitionCarousel.types.js +0 -2
- package/dist/types/src/types/useTransitionCarousel.types.js.map +0 -1
- package/dist/types/src/useSpringCarousel.d.ts +0 -18
- package/dist/types/src/useSpringCarousel.js +0 -917
- package/dist/types/src/useSpringCarousel.js.map +0 -1
- package/dist/types/src/useTransitionCarousel.d.ts +0 -5
- package/dist/types/src/useTransitionCarousel.js +0 -285
- package/dist/types/src/useTransitionCarousel.js.map +0 -1
- package/dist/types/tsconfig.tsbuildinfo +0 -1
- package/dist/types/useEventsModule.types.d.ts +0 -46
- package/dist/types/useFullscreenModule.types.d.ts +0 -6
- package/dist/types/useSpringCarousel.types.d.ts +0 -102
- package/dist/types/useThumbsModule.types.d.ts +0 -8
- package/dist/types/useTransitionCarousel.types.d.ts +0 -33
- /package/dist/{types/common.d.ts → common.d.ts} +0 -0
- /package/dist/{types/src/types/useEventsModule.types.d.ts → useEventsModule.types.d.ts} +0 -0
- /package/dist/{types/src/types/useSpringCarousel.types.d.ts → useSpringCarousel.types.d.ts} +0 -0
- /package/dist/{types/src/types/useTransitionCarousel.types.d.ts → useTransitionCarousel.types.d.ts} +0 -0
|
@@ -1,102 +0,0 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
2
|
-
import { ItemWithThumb, ItemWithNoThumb, PrepareThumbsData } from '../types';
|
|
3
|
-
import { UseListenToCustomEvent } from './useEventsModule.types';
|
|
4
|
-
export type UseSpringReturnType = {
|
|
5
|
-
carouselFragment: ReactNode;
|
|
6
|
-
thumbsFragment: ReactNode;
|
|
7
|
-
useListenToCustomEvent: UseListenToCustomEvent<'use-spring'>['useListenToCustomEvent'];
|
|
8
|
-
getIsFullscreen(): boolean;
|
|
9
|
-
enterFullscreen(ref?: HTMLElement): void;
|
|
10
|
-
exitFullscreen(): void;
|
|
11
|
-
slideToNextItem(animate?: boolean): void;
|
|
12
|
-
slideToPrevItem(animate?: boolean): void;
|
|
13
|
-
slideToItem(item: string | number, animate?: boolean): void;
|
|
14
|
-
getIsActiveItem(id: string): boolean;
|
|
15
|
-
getIsNextItem(id: string | number): boolean;
|
|
16
|
-
getIsPrevItem(id: string | number): boolean;
|
|
17
|
-
};
|
|
18
|
-
export type UseSpringFreeScrollReturnType = {
|
|
19
|
-
carouselFragment: ReactNode;
|
|
20
|
-
thumbsFragment: ReactNode;
|
|
21
|
-
useListenToCustomEvent: UseListenToCustomEvent<'use-spring'>['useListenToCustomEvent'];
|
|
22
|
-
getIsFullscreen(): boolean;
|
|
23
|
-
enterFullscreen(ref?: HTMLElement): void;
|
|
24
|
-
exitFullscreen(): void;
|
|
25
|
-
slideToNextItem(animate?: boolean): void;
|
|
26
|
-
slideToPrevItem(animate?: boolean): void;
|
|
27
|
-
};
|
|
28
|
-
export type SlideType = 'fixed' | 'fluid';
|
|
29
|
-
export type SpringCarouselWithThumbs<T extends 'use-spring' | 'use-transition' = 'use-spring'> = {
|
|
30
|
-
withThumbs: true;
|
|
31
|
-
thumbsSlideAxis?: 'x' | 'y';
|
|
32
|
-
items: ItemWithThumb<T>[];
|
|
33
|
-
prepareThumbsData?: PrepareThumbsData<T>;
|
|
34
|
-
};
|
|
35
|
-
export type SpringCarouselWithNoThumbs<T extends 'use-spring' | 'use-transition' = 'use-spring'> = {
|
|
36
|
-
withThumbs?: false | undefined;
|
|
37
|
-
thumbsSlideAxis?: never;
|
|
38
|
-
items: ItemWithNoThumb<T>[];
|
|
39
|
-
prepareThumbsData?: never;
|
|
40
|
-
};
|
|
41
|
-
export type SpringCarouselWithFixedItems = {
|
|
42
|
-
slideType?: SlideType[0];
|
|
43
|
-
itemsPerSlide?: number;
|
|
44
|
-
startEndGutter?: number;
|
|
45
|
-
initialActiveItem?: number;
|
|
46
|
-
};
|
|
47
|
-
export type SpringCarouselWithNoFixedItems = {
|
|
48
|
-
slideType?: SlideType[1];
|
|
49
|
-
itemsPerSlide?: never;
|
|
50
|
-
startEndGutter?: never;
|
|
51
|
-
initialActiveItem?: never;
|
|
52
|
-
};
|
|
53
|
-
export type SpringCarouselWithLoop = {
|
|
54
|
-
withLoop: true;
|
|
55
|
-
initialStartingPosition?: 'start' | 'center' | 'end';
|
|
56
|
-
};
|
|
57
|
-
export type SpringCarouselWithNoLoop = {
|
|
58
|
-
withLoop?: false | undefined;
|
|
59
|
-
initialStartingPosition?: never;
|
|
60
|
-
};
|
|
61
|
-
export type SpringCarouselFreeScroll = {
|
|
62
|
-
freeScroll: true;
|
|
63
|
-
withLoop?: never;
|
|
64
|
-
slideType?: never;
|
|
65
|
-
enableFreeScrollDrag?: true | false;
|
|
66
|
-
initialActiveItem?: never;
|
|
67
|
-
itemsPerSlide?: never;
|
|
68
|
-
animateWhenActiveItemChange?: never;
|
|
69
|
-
slideWhenThresholdIsReached?: never;
|
|
70
|
-
};
|
|
71
|
-
export type SpringCarouselNoFreeScroll = {
|
|
72
|
-
freeScroll?: never | false | undefined;
|
|
73
|
-
withLoop?: boolean;
|
|
74
|
-
slideType?: SlideType;
|
|
75
|
-
enableFreeScrollDrag?: never;
|
|
76
|
-
initialActiveItem?: number;
|
|
77
|
-
itemsPerSlide?: number;
|
|
78
|
-
animateWhenActiveItemChange?: boolean;
|
|
79
|
-
slideWhenThresholdIsReached?: boolean;
|
|
80
|
-
};
|
|
81
|
-
export type ControllerRef = {
|
|
82
|
-
slideToNextItem: UseSpringReturnType['slideToNextItem'];
|
|
83
|
-
slideToPrevItem: UseSpringReturnType['slideToPrevItem'];
|
|
84
|
-
slideToItem?: UseSpringReturnType['slideToItem'];
|
|
85
|
-
};
|
|
86
|
-
export type BaseProps = {
|
|
87
|
-
init?: boolean;
|
|
88
|
-
gutter?: number;
|
|
89
|
-
carouselSlideAxis?: 'x' | 'y';
|
|
90
|
-
draggingSlideTreshold?: number;
|
|
91
|
-
disableGestures?: boolean;
|
|
92
|
-
startEndGutter?: number;
|
|
93
|
-
getControllerRef?(ref: ControllerRef): void;
|
|
94
|
-
};
|
|
95
|
-
type ScrollType<T> = T extends true ? SpringCarouselFreeScroll : SpringCarouselNoFreeScroll;
|
|
96
|
-
export type UseSpringCarouselWithThumbs<T> = BaseProps & SpringCarouselWithThumbs & ScrollType<T> & (SpringCarouselWithFixedItems | SpringCarouselWithNoFixedItems) & (SpringCarouselWithLoop | SpringCarouselWithNoLoop);
|
|
97
|
-
export type UseSpringCarouselWithNoThumbs<T> = BaseProps & SpringCarouselWithNoThumbs & ScrollType<T> & (SpringCarouselWithFixedItems | SpringCarouselWithNoFixedItems) & (SpringCarouselWithLoop | SpringCarouselWithNoLoop);
|
|
98
|
-
export type UseSpringCarouselWithFixedItems<T> = BaseProps & SpringCarouselWithFixedItems & ScrollType<T> & (SpringCarouselWithThumbs | SpringCarouselWithNoThumbs) & (SpringCarouselWithLoop | SpringCarouselWithNoLoop);
|
|
99
|
-
export type UseSpringCarouselWithNoFixedItems<T> = BaseProps & SpringCarouselWithNoFixedItems & ScrollType<T> & (SpringCarouselWithThumbs | SpringCarouselWithNoThumbs) & (SpringCarouselWithLoop | SpringCarouselWithNoLoop);
|
|
100
|
-
export type UseSpringCarouselWithFreeScroll = BaseProps & SpringCarouselFreeScroll & (SpringCarouselWithThumbs | SpringCarouselWithNoThumbs);
|
|
101
|
-
export type UseSpringCarouselComplete = BaseProps & (SpringCarouselWithThumbs | SpringCarouselWithNoThumbs) & (SpringCarouselWithFixedItems | SpringCarouselWithNoFixedItems) & (SpringCarouselWithLoop | SpringCarouselWithNoLoop) & (SpringCarouselFreeScroll | SpringCarouselNoFreeScroll);
|
|
102
|
-
export {};
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { ItemWithThumb, PrepareThumbsData, RenderItemProps, SpringCarouselWithThumbs } from '../types';
|
|
2
|
-
export type UseThumbsModule<T extends 'use-spring' | 'use-transition'> = {
|
|
3
|
-
withThumbs?: boolean;
|
|
4
|
-
thumbsSlideAxis: SpringCarouselWithThumbs['thumbsSlideAxis'];
|
|
5
|
-
prepareThumbsData?: PrepareThumbsData<T>;
|
|
6
|
-
items: ItemWithThumb<T>[];
|
|
7
|
-
renderThumbFnProps: RenderItemProps<T>;
|
|
8
|
-
};
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { SpringConfig, TransitionFrom, TransitionTo } from '@react-spring/web';
|
|
2
|
-
import { ItemWithNoThumb, ItemWithThumb, SpringCarouselWithNoThumbs, SpringCarouselWithThumbs } from '../types';
|
|
3
|
-
import { ReactNode } from 'react';
|
|
4
|
-
import { UseListenToCustomEvent } from './useEventsModule.types';
|
|
5
|
-
type Item = ItemWithThumb<'use-transition'> | ItemWithNoThumb<'use-transition'>;
|
|
6
|
-
export type SpringAnimationProps = {
|
|
7
|
-
initial: TransitionFrom<Item>;
|
|
8
|
-
from: TransitionFrom<Item>;
|
|
9
|
-
enter: TransitionTo<Item>;
|
|
10
|
-
leave: TransitionTo<Item>;
|
|
11
|
-
};
|
|
12
|
-
type BaseProps = {
|
|
13
|
-
init?: boolean;
|
|
14
|
-
disableGestures?: boolean;
|
|
15
|
-
springConfig?: Omit<SpringConfig, 'velocity'>;
|
|
16
|
-
toPrevItemSpringProps?: SpringAnimationProps;
|
|
17
|
-
toNextItemSpringProps?: SpringAnimationProps;
|
|
18
|
-
exitBeforeEnter?: boolean;
|
|
19
|
-
trail?: number;
|
|
20
|
-
withLoop?: boolean;
|
|
21
|
-
draggingSlideTreshold?: number;
|
|
22
|
-
thumbsSlideAxis?: 'x' | 'y';
|
|
23
|
-
activeItem?: number;
|
|
24
|
-
};
|
|
25
|
-
export type UseTransitionCarouselProps = BaseProps & (SpringCarouselWithThumbs<'use-transition'> | SpringCarouselWithNoThumbs<'use-transition'>);
|
|
26
|
-
export type UseTransitionCarouselReturnProps = {
|
|
27
|
-
useListenToCustomEvent: UseListenToCustomEvent<'use-transition'>['useListenToCustomEvent'];
|
|
28
|
-
carouselFragment: ReactNode;
|
|
29
|
-
thumbsFragment: ReactNode;
|
|
30
|
-
slideToPrevItem(): void;
|
|
31
|
-
slideToNextItem(): void;
|
|
32
|
-
};
|
|
33
|
-
export {};
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
/package/dist/{types/src/types/useTransitionCarousel.types.d.ts → useTransitionCarousel.types.d.ts}
RENAMED
|
File without changes
|