@yoursurprise/slider 2.2.0-beta.4 → 2.3.0
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/README.md +6 -5
- package/dist/Components/Controls/NextButton.d.ts +2 -0
- package/dist/Components/Controls/PreviousButton.d.ts +2 -0
- package/dist/Hooks/UseSlider.d.ts +2 -1
- package/dist/Slider.d.ts +5 -0
- package/dist/index.css +42 -12
- package/dist/index.css.map +1 -1
- package/dist/index.js +90 -29
- package/dist/index.js.map +1 -1
- package/dist/module.js +90 -29
- package/dist/module.js.map +1 -1
- package/package.json +1 -1
- package/src/Components/Controls/Button.scss +32 -4
- package/src/Components/Controls/NextButton.tsx +9 -3
- package/src/Components/Controls/PreviousButton.tsx +9 -3
- package/src/Hooks/UseSider.test.ts +8 -2
- package/src/Hooks/UseSlider.ts +13 -7
- package/src/Slider.scss +24 -15
- package/src/Slider.test.tsx +225 -86
- package/src/Slider.tsx +111 -28
package/dist/module.js
CHANGED
|
@@ -66,19 +66,27 @@ var classnames = {
|
|
|
66
66
|
|
|
67
67
|
var classNames = classnamesExports;
|
|
68
68
|
|
|
69
|
-
const NextButton = ({ onClick, isHidden }) => {
|
|
69
|
+
const NextButton = ({ onClick, isHidden, direction }) => {
|
|
70
70
|
return (jsx("button", { "aria-label": "Next slide", type: "button", onClick: onClick, "aria-hidden": isHidden, className: classNames([
|
|
71
71
|
'slider__button',
|
|
72
|
-
'
|
|
73
|
-
{
|
|
72
|
+
'slider__button__next',
|
|
73
|
+
{
|
|
74
|
+
'slider__button--hidden': isHidden,
|
|
75
|
+
'slider__button__next--horizontal': direction === Orientation.HORIZONTAL,
|
|
76
|
+
'slider__button__next--vertical': direction === Orientation.VERTICAL,
|
|
77
|
+
},
|
|
74
78
|
]), children: jsx("svg", { className: "slider__button__icon", xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 256 256", children: jsx("path", { d: "M96,216a8.5,8.5,0,0,1-5.7-2.3,8.1,8.1,0,0,1,0-11.4L164.7,128,90.3,53.7a8.1,8.1,0,0,1,11.4-11.4l80,80a8.1,8.1,0,0,1,0,11.4l-80,80A8.5,8.5,0,0,1,96,216Z" }) }) }));
|
|
75
79
|
};
|
|
76
80
|
|
|
77
|
-
const PreviousButton = ({ onClick, isHidden }) => {
|
|
81
|
+
const PreviousButton = ({ onClick, isHidden, direction }) => {
|
|
78
82
|
return (jsx("button", { "aria-label": "Previous slide", type: "button", onClick: onClick, "aria-hidden": isHidden, className: classNames([
|
|
79
83
|
'slider__button',
|
|
80
|
-
'
|
|
81
|
-
{
|
|
84
|
+
'slider__button__prev',
|
|
85
|
+
{
|
|
86
|
+
'slider__button--hidden': isHidden,
|
|
87
|
+
'slider__button__prev--horizontal': direction === Orientation.HORIZONTAL,
|
|
88
|
+
'slider__button__prev--vertical': direction === Orientation.VERTICAL,
|
|
89
|
+
},
|
|
82
90
|
]), children: jsx("svg", { className: "slider__button__icon", xmlns: "http://www.w3.org/2000/svg", width: "18", height: "18", viewBox: "0 0 256 256", children: jsx("path", { d: "M160,216a8.5,8.5,0,0,1-5.7-2.3l-80-80a8.1,8.1,0,0,1,0-11.4l80-80a8.1,8.1,0,0,1,11.4,11.4L91.3,128l74.4,74.3a8.1,8.1,0,0,1,0,11.4A8.5,8.5,0,0,1,160,216Z" }) }) }));
|
|
83
91
|
};
|
|
84
92
|
|
|
@@ -107,15 +115,18 @@ const useSlider = () => {
|
|
|
107
115
|
visibleSlideIndices.current = [...new Set(visibleSlideIndices.current)].sort((a, b) => a - b);
|
|
108
116
|
partiallyVisibleSlideIndices.current = [...new Set(partiallyVisibleSlideIndices.current)].sort((a, b) => a - b);
|
|
109
117
|
};
|
|
110
|
-
const
|
|
111
|
-
|
|
118
|
+
const shouldBlockClicks = (delta) => {
|
|
119
|
+
return Math.abs(delta) > 5;
|
|
120
|
+
};
|
|
121
|
+
const getPositionToScrollTo = (direction, slideOffset, wrapperOffset, wrapperDimension, slideDimension) => {
|
|
122
|
+
let scroll = 0;
|
|
112
123
|
if (direction === NavigationDirection.PREV) {
|
|
113
|
-
|
|
124
|
+
scroll = slideOffset - wrapperOffset - wrapperDimension + slideDimension;
|
|
114
125
|
}
|
|
115
126
|
else {
|
|
116
|
-
|
|
127
|
+
scroll = slideOffset - wrapperOffset;
|
|
117
128
|
}
|
|
118
|
-
return
|
|
129
|
+
return scroll;
|
|
119
130
|
};
|
|
120
131
|
const getVisibilityByIntersectionRatio = (intersectionRatio) => {
|
|
121
132
|
if (intersectionRatio >= 0.9) {
|
|
@@ -134,12 +145,18 @@ const useSlider = () => {
|
|
|
134
145
|
sortSlides,
|
|
135
146
|
getFirstVisibleSlideIndex,
|
|
136
147
|
getLastVisibleSlideIndex,
|
|
137
|
-
|
|
148
|
+
getPositionToScrollTo,
|
|
138
149
|
getVisibilityByIntersectionRatio,
|
|
150
|
+
shouldBlockClicks,
|
|
139
151
|
};
|
|
140
152
|
};
|
|
141
153
|
|
|
142
|
-
|
|
154
|
+
var Orientation;
|
|
155
|
+
(function (Orientation) {
|
|
156
|
+
Orientation["HORIZONTAL"] = "horizontal";
|
|
157
|
+
Orientation["VERTICAL"] = "vertical";
|
|
158
|
+
})(Orientation || (Orientation = {}));
|
|
159
|
+
const Slider = forwardRef(({ children, hideNavigationButtons = false, initialSlideIndex = 0, onSlide = () => null, orientation = Orientation.HORIZONTAL, }, ref) => {
|
|
143
160
|
const slides = useRef([]);
|
|
144
161
|
const wrapper = useRef(null);
|
|
145
162
|
const [nextArrowVisible, setNextArrowVisible] = useState(false);
|
|
@@ -149,9 +166,11 @@ const Slider = forwardRef(({ children, hideNavigationButtons = false, initialSli
|
|
|
149
166
|
const [isBlockingClicks, setIsBlockingClicks] = useState(false);
|
|
150
167
|
const [mousePosition, setMousePosition] = useState({
|
|
151
168
|
clientX: 0,
|
|
169
|
+
clientY: 0,
|
|
152
170
|
scrollX: 0,
|
|
171
|
+
scrollY: 0,
|
|
153
172
|
});
|
|
154
|
-
const {
|
|
173
|
+
const { getPositionToScrollTo, getVisibilityByIntersectionRatio, addVisibleSlide, addPartiallyVisibleSlide, getLastVisibleSlideIndex, sortSlides, getFirstVisibleSlideIndex, removeVisibleSlide, removePartiallyVisibleSlide, shouldBlockClicks, } = useSlider();
|
|
155
174
|
const blockChildClickHandler = (event) => {
|
|
156
175
|
if (isBlockingClicks) {
|
|
157
176
|
event.stopPropagation();
|
|
@@ -164,7 +183,9 @@ const Slider = forwardRef(({ children, hideNavigationButtons = false, initialSli
|
|
|
164
183
|
setMousePosition({
|
|
165
184
|
...mousePosition,
|
|
166
185
|
clientX: event.clientX,
|
|
186
|
+
clientY: event.clientY,
|
|
167
187
|
scrollX: wrapper.current?.scrollLeft ?? 0,
|
|
188
|
+
scrollY: wrapper.current?.scrollTop ?? 0,
|
|
168
189
|
});
|
|
169
190
|
setIsDragging(true);
|
|
170
191
|
};
|
|
@@ -173,10 +194,20 @@ const Slider = forwardRef(({ children, hideNavigationButtons = false, initialSli
|
|
|
173
194
|
if (!currentWrapper || !isDragging) {
|
|
174
195
|
return;
|
|
175
196
|
}
|
|
176
|
-
|
|
177
|
-
|
|
197
|
+
switch (orientation) {
|
|
198
|
+
case Orientation.HORIZONTAL:
|
|
199
|
+
if (shouldBlockClicks(mousePosition.clientX - event.clientX)) {
|
|
200
|
+
setIsBlockingClicks(true);
|
|
201
|
+
}
|
|
202
|
+
currentWrapper.scrollLeft = mousePosition.scrollX + mousePosition.clientX - event.clientX;
|
|
203
|
+
break;
|
|
204
|
+
case Orientation.VERTICAL:
|
|
205
|
+
if (shouldBlockClicks(mousePosition.clientY - event.clientY)) {
|
|
206
|
+
setIsBlockingClicks(true);
|
|
207
|
+
}
|
|
208
|
+
currentWrapper.scrollTop = mousePosition.scrollY + mousePosition.clientY - event.clientY;
|
|
209
|
+
break;
|
|
178
210
|
}
|
|
179
|
-
currentWrapper.scrollLeft = mousePosition.scrollX + mousePosition.clientX - event.clientX;
|
|
180
211
|
};
|
|
181
212
|
const addSlide = (node, index) => {
|
|
182
213
|
slides.current[index] = {
|
|
@@ -190,16 +221,30 @@ const Slider = forwardRef(({ children, hideNavigationButtons = false, initialSli
|
|
|
190
221
|
if (!targetSlide || !currentWrapper) {
|
|
191
222
|
return;
|
|
192
223
|
}
|
|
193
|
-
const
|
|
194
|
-
|
|
195
|
-
|
|
224
|
+
const navDirection = (index >= getFirstVisibleSlideIndex()) ? NavigationDirection.NEXT : NavigationDirection.PREV;
|
|
225
|
+
let scrollLeft = undefined;
|
|
226
|
+
let scrollTop = undefined;
|
|
227
|
+
switch (orientation) {
|
|
228
|
+
case Orientation.HORIZONTAL:
|
|
229
|
+
scrollLeft = getPositionToScrollTo(navDirection, targetSlide.element.offsetLeft, currentWrapper.offsetLeft, currentWrapper.clientWidth, targetSlide.element.clientWidth);
|
|
230
|
+
break;
|
|
231
|
+
case Orientation.VERTICAL:
|
|
232
|
+
scrollTop = getPositionToScrollTo(navDirection, targetSlide.element.offsetTop, currentWrapper.offsetTop, currentWrapper.clientHeight, targetSlide.element.clientHeight);
|
|
233
|
+
break;
|
|
234
|
+
}
|
|
235
|
+
const scrollOptions = {
|
|
236
|
+
behavior,
|
|
237
|
+
...(Number.isInteger(scrollLeft) && { left: scrollLeft }),
|
|
238
|
+
...(Number.isInteger(scrollTop) && { top: scrollTop }),
|
|
239
|
+
};
|
|
240
|
+
currentWrapper.scrollTo(scrollOptions);
|
|
196
241
|
};
|
|
197
|
-
const navigate = (
|
|
242
|
+
const navigate = (navDirection) => {
|
|
198
243
|
const currentWrapper = wrapper.current;
|
|
199
244
|
if (!currentWrapper) {
|
|
200
245
|
return;
|
|
201
246
|
}
|
|
202
|
-
const targetSlideIndex =
|
|
247
|
+
const targetSlideIndex = navDirection === NavigationDirection.PREV ? getFirstVisibleSlideIndex() - 1 : getLastVisibleSlideIndex() + 1;
|
|
203
248
|
scrollToSlide(targetSlideIndex, 'smooth');
|
|
204
249
|
};
|
|
205
250
|
const setControlsVisibility = useCallback(() => {
|
|
@@ -212,15 +257,29 @@ const Slider = forwardRef(({ children, hideNavigationButtons = false, initialSli
|
|
|
212
257
|
if (!currentWrapper) {
|
|
213
258
|
return () => { };
|
|
214
259
|
}
|
|
215
|
-
const checkScrollable = () => setIsScrollable(currentWrapper.scrollWidth > currentWrapper.clientWidth);
|
|
260
|
+
const checkScrollable = () => setIsScrollable(orientation === Orientation.VERTICAL ? currentWrapper.scrollHeight > currentWrapper.clientHeight : currentWrapper.scrollWidth > currentWrapper.clientWidth);
|
|
216
261
|
const scrollToInitialSlide = () => {
|
|
217
262
|
if (initialSlideIndex !== 0) {
|
|
218
263
|
const targetSlide = slides.current[initialSlideIndex];
|
|
219
264
|
if (!targetSlide || !currentWrapper) {
|
|
220
265
|
return;
|
|
221
266
|
}
|
|
222
|
-
|
|
223
|
-
|
|
267
|
+
let scrollLeft = undefined;
|
|
268
|
+
let scrollTop = undefined;
|
|
269
|
+
switch (orientation) {
|
|
270
|
+
case Orientation.HORIZONTAL:
|
|
271
|
+
scrollLeft = targetSlide.element.offsetLeft - currentWrapper.offsetLeft;
|
|
272
|
+
break;
|
|
273
|
+
case Orientation.VERTICAL:
|
|
274
|
+
scrollTop = targetSlide.element.offsetTop - currentWrapper.offsetTop;
|
|
275
|
+
break;
|
|
276
|
+
}
|
|
277
|
+
const scrollOptions = {
|
|
278
|
+
behavior: 'instant',
|
|
279
|
+
...(Number.isInteger(scrollLeft) && { left: scrollLeft }),
|
|
280
|
+
...(Number.isInteger(scrollTop) && { top: scrollTop }),
|
|
281
|
+
};
|
|
282
|
+
currentWrapper.scrollTo(scrollOptions);
|
|
224
283
|
}
|
|
225
284
|
};
|
|
226
285
|
window?.addEventListener('resize', checkScrollable);
|
|
@@ -229,7 +288,7 @@ const Slider = forwardRef(({ children, hideNavigationButtons = false, initialSli
|
|
|
229
288
|
return () => {
|
|
230
289
|
window?.removeEventListener('resize', checkScrollable);
|
|
231
290
|
};
|
|
232
|
-
}, [wrapper, initialSlideIndex]);
|
|
291
|
+
}, [wrapper, initialSlideIndex, orientation]);
|
|
233
292
|
useEffect(() => {
|
|
234
293
|
const onDocumentMouseUp = (event) => {
|
|
235
294
|
event.stopPropagation();
|
|
@@ -287,11 +346,13 @@ const Slider = forwardRef(({ children, hideNavigationButtons = false, initialSli
|
|
|
287
346
|
getLastFullyVisibleSlideIndex: getLastVisibleSlideIndex,
|
|
288
347
|
}));
|
|
289
348
|
return (jsxs("div", { className: "slider", children: [jsx("div", { role: "list", ref: wrapper, onMouseDown: mouseDownHandler, onMouseMove: mouseMoveHandler, onMouseUp: mouseUpHandler, onClickCapture: blockChildClickHandler, className: classNames('slider__wrapper', {
|
|
290
|
-
'is-scrollable': isScrollable,
|
|
291
|
-
'is-dragging': isDragging,
|
|
349
|
+
'slider__wrapper--is-scrollable': isScrollable,
|
|
350
|
+
'slider__wrapper--is-dragging': isDragging,
|
|
351
|
+
'slider__wrapper--is-horizontal': orientation === Orientation.HORIZONTAL,
|
|
352
|
+
'slider__wrapper--is-vertical': orientation === Orientation.VERTICAL,
|
|
292
353
|
}), children: Children.map(children, (child, index) => (jsx("div", { className: "slider__wrapper__slide", role: "listitem", "data-slide-index": index, ref: (node) => { if (node) {
|
|
293
354
|
addSlide(node, index);
|
|
294
|
-
} }, children: child }, index))) }), !hideNavigationButtons && (jsxs(Fragment, { children: [jsx(PreviousButton, { onClick: () => navigate(NavigationDirection.PREV), isHidden: !prevArrowVisible }), jsx(NextButton, { onClick: () => navigate(NavigationDirection.NEXT), isHidden: !nextArrowVisible })] }))] }));
|
|
355
|
+
} }, children: child }, index))) }), !hideNavigationButtons && (jsxs(Fragment, { children: [jsx(PreviousButton, { onClick: () => navigate(NavigationDirection.PREV), isHidden: !prevArrowVisible, direction: orientation }), jsx(NextButton, { onClick: () => navigate(NavigationDirection.NEXT), isHidden: !nextArrowVisible, direction: orientation })] }))] }));
|
|
295
356
|
});
|
|
296
357
|
|
|
297
358
|
export { Slider };
|
package/dist/module.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"module.js","sources":["../node_modules/classnames/index.js","../src/Components/Controls/NextButton.tsx","../src/Components/Controls/PreviousButton.tsx","../src/Hooks/UseSlider.ts","../src/Slider.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\tvar nativeCodeString = '[native code]';\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n",null,null,null,null],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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","x_google_ignoreList":[0]}
|
|
1
|
+
{"version":3,"file":"module.js","sources":["../node_modules/classnames/index.js","../src/Components/Controls/NextButton.tsx","../src/Components/Controls/PreviousButton.tsx","../src/Hooks/UseSlider.ts","../src/Slider.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\tvar nativeCodeString = '[native code]';\n\n\tfunction classNames() {\n\t\tvar classes = [];\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (!arg) continue;\n\n\t\t\tvar argType = typeof arg;\n\n\t\t\tif (argType === 'string' || argType === 'number') {\n\t\t\t\tclasses.push(arg);\n\t\t\t} else if (Array.isArray(arg)) {\n\t\t\t\tif (arg.length) {\n\t\t\t\t\tvar inner = classNames.apply(null, arg);\n\t\t\t\t\tif (inner) {\n\t\t\t\t\t\tclasses.push(inner);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t} else if (argType === 'object') {\n\t\t\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\t\t\tclasses.push(arg.toString());\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\n\t\t\t\tfor (var key in arg) {\n\t\t\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\t\t\tclasses.push(key);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn classes.join(' ');\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n",null,null,null,null],"names":["_jsx","_jsxs","_Fragment"],"mappings":"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","x_google_ignoreList":[0]}
|
package/package.json
CHANGED
|
@@ -32,11 +32,39 @@
|
|
|
32
32
|
display: none;
|
|
33
33
|
}
|
|
34
34
|
|
|
35
|
-
|
|
36
|
-
|
|
35
|
+
&__next {
|
|
36
|
+
&--horizontal {
|
|
37
|
+
right: 5px;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
&--vertical {
|
|
41
|
+
margin: 0 auto;
|
|
42
|
+
bottom: 5px;
|
|
43
|
+
left: 0;
|
|
44
|
+
right: 0;
|
|
45
|
+
top: initial;
|
|
46
|
+
|
|
47
|
+
svg {
|
|
48
|
+
transform: rotate(90deg);
|
|
49
|
+
}
|
|
50
|
+
}
|
|
37
51
|
}
|
|
38
52
|
|
|
39
|
-
|
|
40
|
-
|
|
53
|
+
&__prev {
|
|
54
|
+
&--horizontal {
|
|
55
|
+
left: 5px;
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
&--vertical {
|
|
59
|
+
margin: 0 auto;
|
|
60
|
+
top: 5px;
|
|
61
|
+
bottom: initial;
|
|
62
|
+
left: 0;
|
|
63
|
+
right: 0;
|
|
64
|
+
|
|
65
|
+
svg {
|
|
66
|
+
transform: rotate(90deg);
|
|
67
|
+
}
|
|
68
|
+
}
|
|
41
69
|
}
|
|
42
70
|
}
|
|
@@ -1,13 +1,15 @@
|
|
|
1
1
|
import classNames from 'classnames';
|
|
2
2
|
import React from 'react';
|
|
3
|
+
import { Orientation } from '../../Slider';
|
|
3
4
|
import './Button.scss';
|
|
4
5
|
|
|
5
6
|
interface Props {
|
|
6
7
|
onClick: () => void;
|
|
7
8
|
isHidden: boolean;
|
|
9
|
+
direction: Orientation;
|
|
8
10
|
}
|
|
9
11
|
|
|
10
|
-
export const NextButton: React.FC<Props> = ({ onClick, isHidden }) => {
|
|
12
|
+
export const NextButton: React.FC<Props> = ({ onClick, isHidden, direction }) => {
|
|
11
13
|
return (
|
|
12
14
|
<button
|
|
13
15
|
aria-label="Next slide"
|
|
@@ -16,8 +18,12 @@ export const NextButton: React.FC<Props> = ({ onClick, isHidden }) => {
|
|
|
16
18
|
aria-hidden={isHidden}
|
|
17
19
|
className={classNames([
|
|
18
20
|
'slider__button',
|
|
19
|
-
'
|
|
20
|
-
{
|
|
21
|
+
'slider__button__next',
|
|
22
|
+
{
|
|
23
|
+
'slider__button--hidden': isHidden,
|
|
24
|
+
'slider__button__next--horizontal': direction === Orientation.HORIZONTAL,
|
|
25
|
+
'slider__button__next--vertical': direction === Orientation.VERTICAL,
|
|
26
|
+
},
|
|
21
27
|
])}
|
|
22
28
|
>
|
|
23
29
|
<svg className="slider__button__icon" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 256 256">
|
|
@@ -1,13 +1,15 @@
|
|
|
1
1
|
import classNames from 'classnames';
|
|
2
2
|
import React from 'react';
|
|
3
|
+
import { Orientation } from '../../Slider';
|
|
3
4
|
import './Button.scss';
|
|
4
5
|
|
|
5
6
|
interface Props {
|
|
6
7
|
onClick: () => void;
|
|
7
8
|
isHidden: boolean;
|
|
9
|
+
direction: Orientation;
|
|
8
10
|
}
|
|
9
11
|
|
|
10
|
-
export const PreviousButton: React.FC<Props> = ({ onClick, isHidden }) => {
|
|
12
|
+
export const PreviousButton: React.FC<Props> = ({ onClick, isHidden, direction }) => {
|
|
11
13
|
return (
|
|
12
14
|
<button
|
|
13
15
|
aria-label="Previous slide"
|
|
@@ -16,8 +18,12 @@ export const PreviousButton: React.FC<Props> = ({ onClick, isHidden }) => {
|
|
|
16
18
|
aria-hidden={isHidden}
|
|
17
19
|
className={classNames([
|
|
18
20
|
'slider__button',
|
|
19
|
-
'
|
|
20
|
-
{
|
|
21
|
+
'slider__button__prev',
|
|
22
|
+
{
|
|
23
|
+
'slider__button--hidden': isHidden,
|
|
24
|
+
'slider__button__prev--horizontal': direction === Orientation.HORIZONTAL,
|
|
25
|
+
'slider__button__prev--vertical': direction === Orientation.VERTICAL,
|
|
26
|
+
},
|
|
21
27
|
])}
|
|
22
28
|
>
|
|
23
29
|
<svg className="slider__button__icon" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 256 256">
|
|
@@ -87,17 +87,23 @@ describe('UseSlider', () => {
|
|
|
87
87
|
});
|
|
88
88
|
|
|
89
89
|
describe('calculations', () => {
|
|
90
|
+
it('calculates whether to block a click when sliding', () => {
|
|
91
|
+
const { result } = renderHook(() => useSlider());
|
|
92
|
+
|
|
93
|
+
expect(result.current.shouldBlockClicks(5)).toBe(false);
|
|
94
|
+
expect(result.current.shouldBlockClicks(6)).toBe(true);
|
|
95
|
+
});
|
|
90
96
|
|
|
91
97
|
it('calculates the scrollLeft position (next)', () => {
|
|
92
98
|
const { result } = renderHook(() => useSlider());
|
|
93
99
|
|
|
94
|
-
expect(result.current.
|
|
100
|
+
expect(result.current.getPositionToScrollTo(NavigationDirection.NEXT, 200, 50, 1250, 325)).toBe(150);
|
|
95
101
|
});
|
|
96
102
|
|
|
97
103
|
it('calculates the scrollLeft position (prev)', () => {
|
|
98
104
|
const { result } = renderHook(() => useSlider());
|
|
99
105
|
|
|
100
|
-
expect(result.current.
|
|
106
|
+
expect(result.current.getPositionToScrollTo(NavigationDirection.PREV, 875, 50, 1250, 325)).toBe(-100);
|
|
101
107
|
});
|
|
102
108
|
|
|
103
109
|
it('calculates the visibility of a slide', () => {
|
package/src/Hooks/UseSlider.ts
CHANGED
|
@@ -12,7 +12,7 @@ export enum NavigationDirection {
|
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
interface UseSlider {
|
|
15
|
-
|
|
15
|
+
getPositionToScrollTo: (direction: NavigationDirection, slideOffset: number, wrapperOffset: number, wrapperDimension: number, slideDimension: number) => number;
|
|
16
16
|
getVisibilityByIntersectionRatio: (intersectionRatio: number) => Visibility;
|
|
17
17
|
getFirstVisibleSlideIndex: () => number;
|
|
18
18
|
getLastVisibleSlideIndex: () => number;
|
|
@@ -21,6 +21,7 @@ interface UseSlider {
|
|
|
21
21
|
sortSlides: () => void;
|
|
22
22
|
removeVisibleSlide: (index: number) => void;
|
|
23
23
|
removePartiallyVisibleSlide: (index: number) => void;
|
|
24
|
+
shouldBlockClicks: (delta: number) => boolean;
|
|
24
25
|
}
|
|
25
26
|
|
|
26
27
|
export const useSlider = (): UseSlider => {
|
|
@@ -46,16 +47,20 @@ export const useSlider = (): UseSlider => {
|
|
|
46
47
|
partiallyVisibleSlideIndices.current = [...new Set(partiallyVisibleSlideIndices.current)].sort((a, b) => a - b);
|
|
47
48
|
};
|
|
48
49
|
|
|
49
|
-
const
|
|
50
|
-
|
|
50
|
+
const shouldBlockClicks = (delta: number) => {
|
|
51
|
+
return Math.abs(delta) > 5;
|
|
52
|
+
};
|
|
53
|
+
|
|
54
|
+
const getPositionToScrollTo = (direction: NavigationDirection, slideOffset: number, wrapperOffset: number, wrapperDimension: number, slideDimension: number) => {
|
|
55
|
+
let scroll = 0;
|
|
51
56
|
|
|
52
57
|
if (direction === NavigationDirection.PREV) {
|
|
53
|
-
|
|
58
|
+
scroll = slideOffset - wrapperOffset - wrapperDimension + slideDimension;
|
|
54
59
|
} else {
|
|
55
|
-
|
|
60
|
+
scroll = slideOffset - wrapperOffset;
|
|
56
61
|
}
|
|
57
62
|
|
|
58
|
-
return
|
|
63
|
+
return scroll;
|
|
59
64
|
};
|
|
60
65
|
|
|
61
66
|
const getVisibilityByIntersectionRatio = (intersectionRatio: number) => {
|
|
@@ -78,7 +83,8 @@ export const useSlider = (): UseSlider => {
|
|
|
78
83
|
sortSlides,
|
|
79
84
|
getFirstVisibleSlideIndex,
|
|
80
85
|
getLastVisibleSlideIndex,
|
|
81
|
-
|
|
86
|
+
getPositionToScrollTo,
|
|
82
87
|
getVisibilityByIntersectionRatio,
|
|
88
|
+
shouldBlockClicks,
|
|
83
89
|
};
|
|
84
90
|
};
|
package/src/Slider.scss
CHANGED
|
@@ -2,9 +2,8 @@
|
|
|
2
2
|
position: relative;
|
|
3
3
|
|
|
4
4
|
&__wrapper {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
overscroll-behavior-x: contain;
|
|
5
|
+
display: flex;
|
|
6
|
+
scroll-behavior: smooth;
|
|
8
7
|
|
|
9
8
|
// Hide the scrollbars
|
|
10
9
|
-ms-overflow-style: none; // for Internet Explorer, Edge
|
|
@@ -14,33 +13,43 @@
|
|
|
14
13
|
display: none; // for Chrome, Safari, and Opera
|
|
15
14
|
}
|
|
16
15
|
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
16
|
+
&--is-scrollable {
|
|
17
|
+
cursor: move;
|
|
18
|
+
}
|
|
20
19
|
|
|
21
|
-
|
|
20
|
+
&--is-horizontal {
|
|
21
|
+
// Prevent the browser from going back in history when there is no scroll area left
|
|
22
|
+
overscroll-behavior-x: contain;
|
|
23
|
+
flex-direction: row;
|
|
24
|
+
overflow-x: auto;
|
|
25
|
+
scroll-snap-type: x proximity;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
&--is-vertical {
|
|
29
|
+
// Prevent the browser from going back in history when there is no scroll area left
|
|
30
|
+
overscroll-behavior-y: contain;
|
|
31
|
+
scroll-snap-type: y proximity;
|
|
32
|
+
flex-direction: column;
|
|
33
|
+
overflow-y: auto;
|
|
34
|
+
}
|
|
22
35
|
|
|
23
36
|
// Disable scroll snapping when we assume there's a mouse
|
|
24
37
|
@media (hover: hover) {
|
|
25
38
|
scroll-snap-type: initial;
|
|
26
39
|
}
|
|
27
40
|
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
scroll-behavior: smooth;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
&.is-scrollable {
|
|
34
|
-
cursor: move;
|
|
41
|
+
&--is-dragging {
|
|
42
|
+
scroll-behavior: initial;
|
|
35
43
|
}
|
|
36
44
|
|
|
37
|
-
|
|
45
|
+
&--is-dragging {
|
|
38
46
|
cursor: grabbing;
|
|
39
47
|
user-select: none;
|
|
40
48
|
}
|
|
41
49
|
|
|
42
50
|
&__slide {
|
|
43
51
|
scroll-snap-align: start;
|
|
52
|
+
white-space: nowrap;
|
|
44
53
|
}
|
|
45
54
|
}
|
|
46
55
|
}
|