@pezeshk-book/modules 0.0.17 → 0.0.18
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.
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { SliderProps } from './slider.props';
|
|
3
|
-
declare const Slider: ({ children, delay, spaceBetween, slides, infiniteLoop, pauseOnMouseOver, autoMove, indicatorActiveColor, indicator, navigation, prevNavigation, nextNavigation, direction, rows, navigationColor, }: SliderProps) => React.JSX.Element;
|
|
3
|
+
declare const Slider: ({ children, delay, spaceBetween, slides, infiniteLoop, pauseOnMouseOver, autoMove, indicatorActiveColor, indicator, navigation, prevNavigation, nextNavigation, direction, rows, navigationColor, tabletSlides, mobileSlides, }: SliderProps) => React.JSX.Element;
|
|
4
4
|
export default Slider;
|
|
@@ -2,14 +2,15 @@ import { __spreadArray } from "tslib";
|
|
|
2
2
|
import React, { useEffect, useState } from 'react';
|
|
3
3
|
import { Button, Div } from '@pezeshk-book/ui-kit';
|
|
4
4
|
var Slider = function (_a) {
|
|
5
|
-
var children = _a.children, _b = _a.delay, delay = _b === void 0 ? 2500 : _b, _c = _a.spaceBetween, spaceBetween = _c === void 0 ? 0 : _c, _d = _a.slides, slides = _d === void 0 ? 1 : _d, _e = _a.infiniteLoop, infiniteLoop = _e === void 0 ? false : _e, _f = _a.pauseOnMouseOver, pauseOnMouseOver = _f === void 0 ? false : _f, _g = _a.autoMove, autoMove = _g === void 0 ? true : _g, _h = _a.indicatorActiveColor, indicatorActiveColor = _h === void 0 ? 'info' : _h, _j = _a.indicator, indicator = _j === void 0 ? true : _j, _k = _a.navigation, navigation = _k === void 0 ? true : _k, prevNavigation = _a.prevNavigation, nextNavigation = _a.nextNavigation, _l = _a.direction, direction = _l === void 0 ? 'rtl' : _l, _m = _a.rows, rows = _m === void 0 ? 1 : _m, _o = _a.navigationColor, navigationColor = _o === void 0 ? 'info' : _o;
|
|
6
|
-
var
|
|
7
|
-
var
|
|
8
|
-
var
|
|
9
|
-
var
|
|
10
|
-
var
|
|
11
|
-
var
|
|
12
|
-
var
|
|
5
|
+
var children = _a.children, _b = _a.delay, delay = _b === void 0 ? 2500 : _b, _c = _a.spaceBetween, spaceBetween = _c === void 0 ? 0 : _c, _d = _a.slides, slides = _d === void 0 ? 1 : _d, _e = _a.infiniteLoop, infiniteLoop = _e === void 0 ? false : _e, _f = _a.pauseOnMouseOver, pauseOnMouseOver = _f === void 0 ? false : _f, _g = _a.autoMove, autoMove = _g === void 0 ? true : _g, _h = _a.indicatorActiveColor, indicatorActiveColor = _h === void 0 ? 'info' : _h, _j = _a.indicator, indicator = _j === void 0 ? true : _j, _k = _a.navigation, navigation = _k === void 0 ? true : _k, prevNavigation = _a.prevNavigation, nextNavigation = _a.nextNavigation, _l = _a.direction, direction = _l === void 0 ? 'rtl' : _l, _m = _a.rows, rows = _m === void 0 ? 1 : _m, _o = _a.navigationColor, navigationColor = _o === void 0 ? 'info' : _o, _p = _a.tabletSlides, tabletSlides = _p === void 0 ? 1 : _p, _q = _a.mobileSlides, mobileSlides = _q === void 0 ? 1 : _q;
|
|
6
|
+
var _r = useState(1), showSlides = _r[0], setShowSlides = _r[1];
|
|
7
|
+
var _s = React.useState(infiniteLoop ? showSlides : 0), currentIndex = _s[0], setCurrentIndex = _s[1];
|
|
8
|
+
var _t = useState(Math.round(children.length / rows)), length = _t[0], setLength = _t[1];
|
|
9
|
+
var _u = useState(infiniteLoop && Math.round(children.length / rows) > showSlides), isRepeating = _u[0], setIsRepeating = _u[1];
|
|
10
|
+
var _v = useState(true), transitionEnabled = _v[0], setTransitionEnabled = _v[1];
|
|
11
|
+
var _w = useState(null), touchPosition = _w[0], setTouchPosition = _w[1];
|
|
12
|
+
var _x = useState(false), pause = _x[0], setPause = _x[1];
|
|
13
|
+
var _y = useState([]), sliders = _y[0], setSliders = _y[1];
|
|
13
14
|
var timeoutRef = React.useRef(null);
|
|
14
15
|
var ref = React.useRef(null);
|
|
15
16
|
var dir = React.useMemo(function () {
|
|
@@ -18,6 +19,30 @@ var Slider = function (_a) {
|
|
|
18
19
|
}
|
|
19
20
|
return '-';
|
|
20
21
|
}, [direction]);
|
|
22
|
+
var device = React.useMemo(function () {
|
|
23
|
+
if (window.screen.width > 1024) {
|
|
24
|
+
return 'Desktop';
|
|
25
|
+
}
|
|
26
|
+
if (window.screen.width < 640) {
|
|
27
|
+
return 'Mobile';
|
|
28
|
+
}
|
|
29
|
+
return 'Tablet';
|
|
30
|
+
}, [window.screen.width]);
|
|
31
|
+
useEffect(function () {
|
|
32
|
+
switch (device) {
|
|
33
|
+
case "Desktop":
|
|
34
|
+
setShowSlides(slides);
|
|
35
|
+
break;
|
|
36
|
+
case "Tablet":
|
|
37
|
+
setShowSlides(tabletSlides);
|
|
38
|
+
break;
|
|
39
|
+
case "Mobile":
|
|
40
|
+
setShowSlides(mobileSlides);
|
|
41
|
+
break;
|
|
42
|
+
default:
|
|
43
|
+
setShowSlides(1);
|
|
44
|
+
}
|
|
45
|
+
}, [device, slides, tabletSlides, mobileSlides]);
|
|
21
46
|
useEffect(function () {
|
|
22
47
|
var final = [];
|
|
23
48
|
for (var i = 0; i < length; i++) {
|
|
@@ -31,15 +56,15 @@ var Slider = function (_a) {
|
|
|
31
56
|
}, []);
|
|
32
57
|
useEffect(function () {
|
|
33
58
|
setLength(Math.round(children.length / rows));
|
|
34
|
-
setIsRepeating(infiniteLoop && Math.round(children.length / rows) >
|
|
35
|
-
}, [children, infiniteLoop,
|
|
59
|
+
setIsRepeating(infiniteLoop && Math.round(children.length / rows) > showSlides);
|
|
60
|
+
}, [children, infiniteLoop, showSlides]);
|
|
36
61
|
useEffect(function () {
|
|
37
62
|
if (isRepeating) {
|
|
38
|
-
if (currentIndex ===
|
|
63
|
+
if (currentIndex === showSlides || currentIndex === length) {
|
|
39
64
|
setTransitionEnabled(true);
|
|
40
65
|
}
|
|
41
66
|
}
|
|
42
|
-
}, [currentIndex, isRepeating,
|
|
67
|
+
}, [currentIndex, isRepeating, showSlides, length]);
|
|
43
68
|
// @ts-ignore
|
|
44
69
|
useEffect(function () {
|
|
45
70
|
if (!pause && autoMove) {
|
|
@@ -54,7 +79,7 @@ var Slider = function (_a) {
|
|
|
54
79
|
if (ref.current) {
|
|
55
80
|
for (var _i = 0, _a = ref.current.children; _i < _a.length; _i++) {
|
|
56
81
|
var arg = _a[_i];
|
|
57
|
-
arg.style.width = "calc((100% / ".concat(
|
|
82
|
+
arg.style.width = "calc((100% / ".concat(showSlides, ") - (").concat(spaceBetween, "px))");
|
|
58
83
|
arg.style.gap = "".concat(spaceBetween, "px");
|
|
59
84
|
arg.style.marginLeft = "".concat(spaceBetween / 2, "px");
|
|
60
85
|
arg.style.marginRight = "".concat(spaceBetween / 2, "px");
|
|
@@ -62,19 +87,19 @@ var Slider = function (_a) {
|
|
|
62
87
|
arg.style.flexGrow = 1;
|
|
63
88
|
}
|
|
64
89
|
}
|
|
65
|
-
}, [
|
|
90
|
+
}, [showSlides, spaceBetween]);
|
|
66
91
|
var resetTimeout = function () {
|
|
67
92
|
if (timeoutRef.current) {
|
|
68
93
|
clearTimeout(timeoutRef.current);
|
|
69
94
|
}
|
|
70
95
|
};
|
|
71
96
|
var next = function () {
|
|
72
|
-
if ((isRepeating || currentIndex < (length -
|
|
97
|
+
if ((isRepeating || currentIndex < (length - showSlides) + 1) && currentIndex !== length) {
|
|
73
98
|
setCurrentIndex(function (prevState) { return prevState + 1; });
|
|
74
99
|
}
|
|
75
100
|
};
|
|
76
101
|
var prev = function () {
|
|
77
|
-
if ((isRepeating || currentIndex > 0) && currentIndex !==
|
|
102
|
+
if ((isRepeating || currentIndex > 0) && currentIndex !== showSlides) {
|
|
78
103
|
setCurrentIndex(function (prevState) { return prevState - 1; });
|
|
79
104
|
}
|
|
80
105
|
};
|
|
@@ -106,14 +131,14 @@ var Slider = function (_a) {
|
|
|
106
131
|
else if (currentIndex === length) {
|
|
107
132
|
setTimeout(function () {
|
|
108
133
|
setTransitionEnabled(false);
|
|
109
|
-
setCurrentIndex(
|
|
134
|
+
setCurrentIndex(showSlides);
|
|
110
135
|
}, delay / 2);
|
|
111
136
|
}
|
|
112
137
|
}
|
|
113
138
|
};
|
|
114
139
|
var renderExtraPrev = function () {
|
|
115
140
|
var output = [];
|
|
116
|
-
for (var index = 0; index <
|
|
141
|
+
for (var index = 0; index < showSlides; index++) {
|
|
117
142
|
output.push(children[(length * rows) - 1 - index]);
|
|
118
143
|
}
|
|
119
144
|
output.reverse();
|
|
@@ -121,7 +146,7 @@ var Slider = function (_a) {
|
|
|
121
146
|
};
|
|
122
147
|
var renderExtraNext = function () {
|
|
123
148
|
var output = [];
|
|
124
|
-
for (var index = 0; index <
|
|
149
|
+
for (var index = 0; index < showSlides; index++) {
|
|
125
150
|
output.push(children[index]);
|
|
126
151
|
}
|
|
127
152
|
return output;
|
|
@@ -133,24 +158,24 @@ var Slider = function (_a) {
|
|
|
133
158
|
};
|
|
134
159
|
return (React.createElement(Div, { dir: direction, className: 'w-full flex-col', onMouseOver: function () { return handlePauseAutoMove(true); }, onMouseLeave: function () { return handlePauseAutoMove(false); } },
|
|
135
160
|
React.createElement(Div, { className: 'w-full relative' },
|
|
136
|
-
(isRepeating || currentIndex > 0) && navigation && !prevNavigation ? (React.createElement(Button, { disabled: direction === 'rtl' ? currentIndex === length : currentIndex ===
|
|
161
|
+
(isRepeating || currentIndex > 0) && navigation && !prevNavigation ? (React.createElement(Button, { disabled: direction === 'rtl' ? currentIndex === length : currentIndex === showSlides, onClick: direction === 'rtl' ? next : prev, color: navigationColor, rounded: 'full', className: 'absolute flex self-center items-center justify-center z-10 left-6' }, "<")) : null,
|
|
137
162
|
prevNavigation && (isRepeating || currentIndex > 0) ? (React.createElement(React.Fragment, null, prevNavigation(prev))) : null,
|
|
138
163
|
React.createElement("div", { className: 'overflow-hidden w-full h-full', onTouchStart: handleTouchStart, onTouchMove: handleTouchMove },
|
|
139
164
|
React.createElement("div", { className: "flex transition ease-linear duration-300 shrink-0 grow w-full", style: {
|
|
140
|
-
transform: "translateX(".concat(dir).concat(currentIndex * (100 /
|
|
165
|
+
transform: "translateX(".concat(dir).concat(currentIndex * (100 / showSlides), "%)"),
|
|
141
166
|
transition: !transitionEnabled ? 'none' : undefined
|
|
142
167
|
}, onTransitionEnd: handleTransitionEnd, ref: ref },
|
|
143
|
-
(length >
|
|
168
|
+
(length > showSlides && isRepeating) &&
|
|
144
169
|
renderExtraPrev().map(function (nextItem, nextItemIndex) { return (React.createElement(Div, { className: 'flex-col w-full grow shrink-0', key: nextItemIndex }, nextItem)); }),
|
|
145
170
|
sliders.map(function (item, itemIndex) { return (React.createElement(Div, { className: 'flex-col w-1/2 shrink-0', key: itemIndex }, item)); }),
|
|
146
|
-
(length >
|
|
171
|
+
(length > showSlides && isRepeating) &&
|
|
147
172
|
renderExtraNext().map(function (nextItem, nextItemIndex) { return (React.createElement(Div, { className: 'flex-col w-full grow shrink-0', key: nextItemIndex }, nextItem)); }))),
|
|
148
|
-
(isRepeating || currentIndex < (length -
|
|
149
|
-
nextNavigation && (isRepeating || currentIndex < (length -
|
|
150
|
-
indicator ? (React.createElement(Div, { className: 'self-center items-center justify-center' }, __spreadArray([], new Array(length -
|
|
151
|
-
var indicatorClass = "inline-block w-4 h-4 rounded-full cursor-pointer mt-20 mx-2 mb-0 ".concat(infiniteLoop ? currentIndex === idx +
|
|
173
|
+
(isRepeating || currentIndex < (length - showSlides)) && navigation && !nextNavigation ? (React.createElement(Button, { color: navigationColor, disabled: direction === 'rtl' ? currentIndex === showSlides : currentIndex === length, onClick: direction === 'rtl' ? prev : next, rounded: "full", className: "absolute flex self-center items-center justify-center right-6" }, ">")) : null,
|
|
174
|
+
nextNavigation && (isRepeating || currentIndex < (length - showSlides)) ? (React.createElement(React.Fragment, null, nextNavigation(next))) : null),
|
|
175
|
+
indicator ? (React.createElement(Div, { className: 'self-center items-center justify-center' }, __spreadArray([], new Array(length - showSlides + 1), true).map(function (_, idx) {
|
|
176
|
+
var indicatorClass = "inline-block w-4 h-4 rounded-full cursor-pointer mt-20 mx-2 mb-0 ".concat(infiniteLoop ? currentIndex === idx + showSlides ? "bg-".concat(indicatorActiveColor) : "bg-grey-100" : currentIndex === idx ? "bg-".concat(indicatorActiveColor) : "bg-grey-100");
|
|
152
177
|
return (React.createElement(Div, { key: idx, className: indicatorClass, onClick: function () {
|
|
153
|
-
setCurrentIndex(infiniteLoop ? idx +
|
|
178
|
+
setCurrentIndex(infiniteLoop ? idx + showSlides : idx);
|
|
154
179
|
} }));
|
|
155
180
|
}))) : null));
|
|
156
181
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../../modules/slider/slider.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAC,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAA;AAEhD,OAAO,EAAC,MAAM,EAAE,GAAG,EAAC,MAAM,sBAAsB,CAAA;AAEhD,IAAM,MAAM,GAAG,UACb,
|
|
1
|
+
{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../../modules/slider/slider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,19 +1,20 @@
|
|
|
1
|
+
import { Colors } from '@pezeshk-book/ui-kit/dist/types';
|
|
1
2
|
export interface SliderProps {
|
|
2
3
|
children: any;
|
|
3
4
|
delay?: number;
|
|
4
5
|
spaceBetween?: number;
|
|
5
6
|
slides?: number;
|
|
7
|
+
tabletSlides?: number;
|
|
8
|
+
mobileSlides?: number;
|
|
6
9
|
infiniteLoop?: boolean;
|
|
7
10
|
pauseOnMouseOver?: boolean;
|
|
8
11
|
autoMove?: boolean;
|
|
9
12
|
indicator?: boolean;
|
|
10
|
-
indicatorActiveColor?:
|
|
13
|
+
indicatorActiveColor?: Colors;
|
|
11
14
|
navigation?: boolean;
|
|
12
15
|
nextNavigation?: (onClick: any) => any;
|
|
13
16
|
prevNavigation?: (onClick: any) => any;
|
|
14
17
|
direction?: 'ltr' | 'rtl';
|
|
15
18
|
rows?: number;
|
|
16
|
-
navigationColor?:
|
|
19
|
+
navigationColor?: Colors;
|
|
17
20
|
}
|
|
18
|
-
type Color = 'primary' | 'secondary' | 'tertiary' | "info" | 'success' | 'warning' | 'danger' | 'purple' | 'control';
|
|
19
|
-
export {};
|