@yoursurprise/slider 0.0.5 → 0.0.6
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/{esm/Slider.d.ts → Slider.d.ts} +0 -0
- package/dist/{esm/Slider.test.d.ts → Slider.test.d.ts} +0 -0
- package/dist/{esm/index.css → index.css} +0 -0
- package/dist/{esm/index.css.map → index.css.map} +0 -0
- package/dist/{esm/index.d.ts → index.d.ts} +0 -0
- package/dist/index.js +172 -0
- package/dist/index.js.map +1 -0
- package/package.json +3 -3
- package/dist/esm/index.js +0 -4320
- package/dist/esm/index.js.map +0 -1
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,172 @@
|
|
|
1
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { useRef, useState, useEffect, useCallback, Children } from 'react';
|
|
3
|
+
|
|
4
|
+
var Visbility;
|
|
5
|
+
(function (Visbility) {
|
|
6
|
+
Visbility[Visbility["FULL"] = 0] = "FULL";
|
|
7
|
+
Visbility[Visbility["PARTIAL"] = 1] = "PARTIAL";
|
|
8
|
+
Visbility[Visbility["NONE"] = 2] = "NONE";
|
|
9
|
+
})(Visbility || (Visbility = {}));
|
|
10
|
+
var NavigationDirection;
|
|
11
|
+
(function (NavigationDirection) {
|
|
12
|
+
NavigationDirection[NavigationDirection["PREV"] = 0] = "PREV";
|
|
13
|
+
NavigationDirection[NavigationDirection["NEXT"] = 1] = "NEXT";
|
|
14
|
+
})(NavigationDirection || (NavigationDirection = {}));
|
|
15
|
+
const Slider = ({ children }) => {
|
|
16
|
+
const slides = useRef([]);
|
|
17
|
+
const wrapper = useRef(null);
|
|
18
|
+
const visibleSlideIndices = useRef([]);
|
|
19
|
+
const partiallyVisibleSlideIndices = useRef([]);
|
|
20
|
+
const [isScrollable, setIsScrollable] = useState(false);
|
|
21
|
+
const [isDragging, setIsDragging] = useState(false);
|
|
22
|
+
const [isBlockingClicks, setIsBlockingClicks] = useState(false);
|
|
23
|
+
const [mousePosition, setMousePosition] = useState({
|
|
24
|
+
clientX: 0,
|
|
25
|
+
scrollX: 0,
|
|
26
|
+
});
|
|
27
|
+
const arrowPrevRef = useRef(null);
|
|
28
|
+
const arrowNextRef = useRef(null);
|
|
29
|
+
useEffect(() => {
|
|
30
|
+
const currentWrapper = wrapper.current;
|
|
31
|
+
if (!currentWrapper) {
|
|
32
|
+
return () => { };
|
|
33
|
+
}
|
|
34
|
+
const checkScrollable = () => setIsScrollable(currentWrapper.classList.toggle('is-scrollable', currentWrapper.scrollWidth > currentWrapper.clientWidth));
|
|
35
|
+
window?.addEventListener('resize', checkScrollable);
|
|
36
|
+
checkScrollable();
|
|
37
|
+
return () => {
|
|
38
|
+
window?.removeEventListener('resize', checkScrollable);
|
|
39
|
+
};
|
|
40
|
+
}, [wrapper]);
|
|
41
|
+
useEffect(() => {
|
|
42
|
+
wrapper.current?.classList.toggle('is-scrollable', isScrollable);
|
|
43
|
+
}, [isScrollable]);
|
|
44
|
+
useEffect(() => {
|
|
45
|
+
wrapper.current?.classList.toggle('is-dragging', isDragging);
|
|
46
|
+
const onDocumentMouseUp = (event) => {
|
|
47
|
+
event.stopPropagation();
|
|
48
|
+
event.preventDefault();
|
|
49
|
+
setIsBlockingClicks(false);
|
|
50
|
+
setIsDragging(false);
|
|
51
|
+
};
|
|
52
|
+
if (isDragging) {
|
|
53
|
+
document?.addEventListener('mouseup', onDocumentMouseUp);
|
|
54
|
+
}
|
|
55
|
+
return () => {
|
|
56
|
+
document?.removeEventListener('mouseup', onDocumentMouseUp);
|
|
57
|
+
};
|
|
58
|
+
}, [isDragging]);
|
|
59
|
+
const blockChildClickHandler = (event) => {
|
|
60
|
+
if (isBlockingClicks) {
|
|
61
|
+
event.stopPropagation();
|
|
62
|
+
event.preventDefault();
|
|
63
|
+
}
|
|
64
|
+
setIsBlockingClicks(false);
|
|
65
|
+
};
|
|
66
|
+
const mouseUpHandler = () => {
|
|
67
|
+
setIsDragging(false);
|
|
68
|
+
};
|
|
69
|
+
const mouseDownHandler = (event) => {
|
|
70
|
+
setMousePosition({
|
|
71
|
+
...mousePosition,
|
|
72
|
+
clientX: event.clientX,
|
|
73
|
+
scrollX: wrapper.current?.scrollLeft ?? 0,
|
|
74
|
+
});
|
|
75
|
+
setIsDragging(true);
|
|
76
|
+
};
|
|
77
|
+
const mouseMoveHandler = (event) => {
|
|
78
|
+
if (!wrapper.current || !isDragging) {
|
|
79
|
+
return;
|
|
80
|
+
}
|
|
81
|
+
if (Math.abs(mousePosition.clientX - event.clientX) > 5) {
|
|
82
|
+
setIsBlockingClicks(true);
|
|
83
|
+
}
|
|
84
|
+
wrapper.current.scrollLeft = mousePosition.scrollX + mousePosition.clientX - event.clientX;
|
|
85
|
+
};
|
|
86
|
+
const addSlide = (node, index) => {
|
|
87
|
+
slides.current[index] = {
|
|
88
|
+
element: node,
|
|
89
|
+
visibility: Visbility.NONE,
|
|
90
|
+
};
|
|
91
|
+
};
|
|
92
|
+
const getFirstVisibleSlideIndex = () => visibleSlideIndices.current[0] ?? partiallyVisibleSlideIndices.current[0] ?? -1;
|
|
93
|
+
const getLastVisibleSlideIndex = () => visibleSlideIndices.current[visibleSlideIndices.current.length - 1]
|
|
94
|
+
?? partiallyVisibleSlideIndices.current[partiallyVisibleSlideIndices.current.length - 1] ?? -1;
|
|
95
|
+
const setControlsVisibility = useCallback(() => {
|
|
96
|
+
const lastSlideFullyVisible = getLastVisibleSlideIndex() + 1 === slides.current.length;
|
|
97
|
+
const moreContentAvailable = isScrollable && lastSlideFullyVisible === false;
|
|
98
|
+
const previousContentAvailable = getFirstVisibleSlideIndex() > 0 && isScrollable;
|
|
99
|
+
if (arrowNextRef.current && arrowPrevRef.current) {
|
|
100
|
+
arrowNextRef.current.classList.toggle('hidden', moreContentAvailable === false);
|
|
101
|
+
arrowNextRef.current.ariaHidden = String(moreContentAvailable === false);
|
|
102
|
+
arrowPrevRef.current.classList.toggle('hidden', previousContentAvailable === false);
|
|
103
|
+
arrowPrevRef.current.ariaHidden = String(previousContentAvailable === false);
|
|
104
|
+
}
|
|
105
|
+
}, [isScrollable]);
|
|
106
|
+
const getVisibilityByIntersectionRatio = (intersectionRatio) => {
|
|
107
|
+
if (intersectionRatio >= 0.9) {
|
|
108
|
+
return Visbility.FULL;
|
|
109
|
+
}
|
|
110
|
+
if (intersectionRatio >= 0.5) {
|
|
111
|
+
return Visbility.PARTIAL;
|
|
112
|
+
}
|
|
113
|
+
return Visbility.NONE;
|
|
114
|
+
};
|
|
115
|
+
useEffect(() => {
|
|
116
|
+
if (!wrapper.current) {
|
|
117
|
+
return () => { };
|
|
118
|
+
}
|
|
119
|
+
setControlsVisibility();
|
|
120
|
+
const intersectionCallback = (entries) => {
|
|
121
|
+
entries.forEach((entry) => {
|
|
122
|
+
const target = entry.target;
|
|
123
|
+
const index = Number(target.dataset.slideIndex);
|
|
124
|
+
if (getVisibilityByIntersectionRatio(entry.intersectionRatio) === Visbility.FULL) {
|
|
125
|
+
visibleSlideIndices.current.push(index);
|
|
126
|
+
}
|
|
127
|
+
else {
|
|
128
|
+
visibleSlideIndices.current = visibleSlideIndices.current.filter((slideIndex) => slideIndex !== index);
|
|
129
|
+
}
|
|
130
|
+
if (getVisibilityByIntersectionRatio(entry.intersectionRatio) === Visbility.PARTIAL) {
|
|
131
|
+
partiallyVisibleSlideIndices.current.push(index);
|
|
132
|
+
}
|
|
133
|
+
else {
|
|
134
|
+
partiallyVisibleSlideIndices.current = partiallyVisibleSlideIndices.current.filter((slideIndex) => slideIndex !== index);
|
|
135
|
+
}
|
|
136
|
+
});
|
|
137
|
+
visibleSlideIndices.current = [...new Set(visibleSlideIndices.current)].sort((a, b) => a - b);
|
|
138
|
+
partiallyVisibleSlideIndices.current = [...new Set(partiallyVisibleSlideIndices.current)].sort((a, b) => a - b);
|
|
139
|
+
setControlsVisibility();
|
|
140
|
+
};
|
|
141
|
+
const intersectionObserver = new IntersectionObserver(intersectionCallback, {
|
|
142
|
+
root: wrapper.current,
|
|
143
|
+
threshold: [0, 0.5, 0.9],
|
|
144
|
+
});
|
|
145
|
+
slides.current.forEach(({ element }) => intersectionObserver.observe(element));
|
|
146
|
+
return () => intersectionObserver.disconnect();
|
|
147
|
+
}, [wrapper, setControlsVisibility]);
|
|
148
|
+
const navigate = (direction) => {
|
|
149
|
+
if (!wrapper.current) {
|
|
150
|
+
return;
|
|
151
|
+
}
|
|
152
|
+
const targetSlideIndex = direction === NavigationDirection.PREV ? getFirstVisibleSlideIndex() - 1 : getLastVisibleSlideIndex() + 1;
|
|
153
|
+
const targetSlide = slides.current[targetSlideIndex];
|
|
154
|
+
let scrollLeft = 0;
|
|
155
|
+
if (!targetSlide) {
|
|
156
|
+
return;
|
|
157
|
+
}
|
|
158
|
+
if (direction === NavigationDirection.PREV) {
|
|
159
|
+
scrollLeft = targetSlide.element.offsetLeft - wrapper.current.offsetLeft - wrapper.current.clientWidth + targetSlide.element.clientWidth;
|
|
160
|
+
}
|
|
161
|
+
else {
|
|
162
|
+
scrollLeft = targetSlide.element.offsetLeft - wrapper.current.offsetLeft;
|
|
163
|
+
}
|
|
164
|
+
wrapper.current.scrollTo({ behavior: 'smooth', left: scrollLeft, top: 0 });
|
|
165
|
+
};
|
|
166
|
+
return (jsxs("div", { className: "slider", children: [jsx("div", { className: "slider__wrapper", role: "list", ref: wrapper, onMouseDown: mouseDownHandler, onMouseMove: mouseMoveHandler, onMouseUp: mouseUpHandler, onClickCapture: blockChildClickHandler, children: Children.map(children, (child, index) => (jsx("div", { className: "slider__wrapper__slide", role: "listitem", "data-slide-index": index, ref: (node) => { if (node) {
|
|
167
|
+
addSlide(node, index);
|
|
168
|
+
} }, children: child }, index))) }), jsx("button", { "aria-label": "Previous slide", type: "button", onClick: () => navigate(NavigationDirection.PREV), ref: arrowPrevRef, className: "slider__button slider__button--prev button button--ghost button--clean button--has-icon hidden", children: jsx("i", { className: "icon-chevron-left" }) }), jsx("button", { "aria-label": "Next slide", type: "button", onClick: () => navigate(NavigationDirection.NEXT), ref: arrowNextRef, className: "slider__button slider__button--next button button--ghost button--clean button--has-icon hidden", children: jsx("i", { className: "icon-chevron-right" }) })] }));
|
|
169
|
+
};
|
|
170
|
+
|
|
171
|
+
export { Slider };
|
|
172
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/Slider.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@yoursurprise/slider",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.6",
|
|
4
4
|
"description": "Basic React slider using modern Javascript and CSS",
|
|
5
|
-
"main": "dist/
|
|
6
|
-
"module": "dist/
|
|
5
|
+
"main": "dist/index.js",
|
|
6
|
+
"module": "dist/index.js",
|
|
7
7
|
"type": "module",
|
|
8
8
|
"files": [
|
|
9
9
|
"src/*",
|