morphing-scroll 1.0.3 → 1.0.5
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/index.d.ts +46 -21
- package/package.json +2 -2
package/index.d.ts
CHANGED
|
@@ -1,50 +1,75 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
type ResizeTrackerType = {
|
|
4
|
+
children: (width: number, height: number) => React.ReactNode;
|
|
5
|
+
onResize?: (width: number, height: number) => void;
|
|
6
|
+
style?: React.CSSProperties;
|
|
7
|
+
};
|
|
8
|
+
declare const ResizeTracker: React.FC<ResizeTrackerType>;
|
|
9
|
+
|
|
10
|
+
export type IntersectionTrackerType = {
|
|
4
11
|
children: React.ReactNode;
|
|
5
|
-
root?:
|
|
12
|
+
root?: Element | null;
|
|
6
13
|
threshold?: number;
|
|
7
|
-
rootMargin?: number[] | number;
|
|
8
|
-
style?:
|
|
14
|
+
rootMargin?: number[] | number | null;
|
|
15
|
+
style?: React.CSSProperties;
|
|
9
16
|
visibleContent?: boolean;
|
|
10
17
|
onVisible?: () => void;
|
|
11
18
|
intersectionDeley?: number;
|
|
12
|
-
}
|
|
13
|
-
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
declare const IntersectionTracker: React.FC<IntersectionTrackerType>;
|
|
22
|
+
|
|
23
|
+
type progressTriggerOptions =
|
|
24
|
+
| "wheel"
|
|
25
|
+
| "progressElement"
|
|
26
|
+
| "content"
|
|
27
|
+
| "contentSlider"
|
|
28
|
+
| "arrows"
|
|
29
|
+
| "loopedArrows";
|
|
14
30
|
|
|
15
|
-
|
|
16
|
-
scrollID?: string;
|
|
31
|
+
type MorphingScrollType = {
|
|
32
|
+
scrollID?: string; // This is only used to better recognize warnings
|
|
17
33
|
className?: string;
|
|
18
34
|
scrollXY?: number[];
|
|
35
|
+
|
|
19
36
|
objectXY?: number[];
|
|
20
37
|
gap?: number[] | number;
|
|
21
38
|
padding?: number[] | number;
|
|
39
|
+
|
|
22
40
|
xDirection?: boolean;
|
|
23
41
|
contentAlignCenter?: boolean;
|
|
24
42
|
wrapAlignCenter?: boolean;
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
43
|
+
|
|
44
|
+
progressReverse?: boolean;
|
|
45
|
+
progressTrigger?: Array<progressTriggerOptions> | progressTriggerOptions;
|
|
46
|
+
progressVisibility?: "visible" | "hover" | "hidden";
|
|
28
47
|
scrollTop?: number | "end";
|
|
48
|
+
sliderType?: boolean;
|
|
49
|
+
|
|
29
50
|
lazyRender?: boolean;
|
|
30
51
|
infiniteScroll?: boolean;
|
|
31
52
|
rootMargin?: number[] | number;
|
|
32
53
|
suspending?: boolean;
|
|
54
|
+
|
|
33
55
|
fallback?: React.ReactNode;
|
|
34
56
|
thumbElement?: React.ReactNode;
|
|
35
|
-
edgeGradient?: boolean | string;
|
|
57
|
+
edgeGradient?: boolean | { color?: string; size?: number };
|
|
58
|
+
arrows?: {
|
|
59
|
+
size?: number;
|
|
60
|
+
className?: string;
|
|
61
|
+
element?: React.ReactNode;
|
|
62
|
+
};
|
|
63
|
+
|
|
36
64
|
objectsWrapperMinSize?: number;
|
|
37
65
|
onScrollValue?: Array<[(scrollTop: number) => boolean, () => void]>;
|
|
38
|
-
children
|
|
39
|
-
}
|
|
40
|
-
declare const MorphingScroll: React.FC<MorphingScrollType>;
|
|
66
|
+
children?: React.ReactNode;
|
|
41
67
|
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
declare const ResizeTracker: React.FC<ResizeTrackerProps>;
|
|
68
|
+
pixelsForSwipe?: number;
|
|
69
|
+
progressBarSize?: number;
|
|
70
|
+
duration?: number;
|
|
71
|
+
};
|
|
72
|
+
declare const MorphingScroll: React.FC<MorphingScrollType>;
|
|
48
73
|
|
|
49
74
|
export default MorphingScroll;
|
|
50
75
|
export { IntersectionTracker, ResizeTracker };
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "morphing-scroll",
|
|
3
|
-
"version": "1.0.
|
|
4
|
-
"description": "This is a library for the convenience of various object scrolling methods
|
|
3
|
+
"version": "1.0.5",
|
|
4
|
+
"description": "This is a library for the convenience of various object scrolling methods 💫",
|
|
5
5
|
"author": "Georg Schilin",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"main": "index.js",
|