@pezeshk-book/modules 0.0.15 → 0.0.16
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/modules/slider/slider.d.ts +1 -1
- package/dist/modules/slider/slider.js +35 -21
- package/dist/modules/slider/slider.js.map +1 -1
- package/dist/modules/slider/slider.props.d.ts +1 -0
- package/dist/stories/slider/slider.js +11 -5
- package/dist/stories/slider/slider.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
/// <reference types="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, }: SliderProps) => JSX.Element;
|
|
3
|
+
declare const Slider: ({ children, delay, spaceBetween, slides, infiniteLoop, pauseOnMouseOver, autoMove, indicatorActiveColor, indicator, navigation, prevNavigation, nextNavigation, direction, rows, }: SliderProps) => JSX.Element;
|
|
4
4
|
export default Slider;
|
|
@@ -1,12 +1,14 @@
|
|
|
1
|
+
import { __spreadArray } from "tslib";
|
|
1
2
|
import React, { useEffect, useState } from 'react';
|
|
2
3
|
var Slider = function (_a) {
|
|
3
|
-
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;
|
|
4
|
-
var
|
|
5
|
-
var
|
|
6
|
-
var
|
|
7
|
-
var
|
|
8
|
-
var
|
|
9
|
-
var
|
|
4
|
+
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;
|
|
5
|
+
var _o = React.useState(infiniteLoop ? slides : 0), currentIndex = _o[0], setCurrentIndex = _o[1];
|
|
6
|
+
var _p = useState(Math.round(children.length / rows)), length = _p[0], setLength = _p[1];
|
|
7
|
+
var _q = useState(infiniteLoop && Math.round(children.length / rows) > slides), isRepeating = _q[0], setIsRepeating = _q[1];
|
|
8
|
+
var _r = useState(true), transitionEnabled = _r[0], setTransitionEnabled = _r[1];
|
|
9
|
+
var _s = useState(null), touchPosition = _s[0], setTouchPosition = _s[1];
|
|
10
|
+
var _t = useState(false), pause = _t[0], setPause = _t[1];
|
|
11
|
+
var _u = useState([]), sliders = _u[0], setSliders = _u[1];
|
|
10
12
|
var timeoutRef = React.useRef(null);
|
|
11
13
|
var ref = React.useRef(null);
|
|
12
14
|
var dir = React.useMemo(function () {
|
|
@@ -16,8 +18,19 @@ var Slider = function (_a) {
|
|
|
16
18
|
return '-';
|
|
17
19
|
}, [direction]);
|
|
18
20
|
useEffect(function () {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
+
var final = [];
|
|
22
|
+
for (var i = 0; i < length; i++) {
|
|
23
|
+
var output = [];
|
|
24
|
+
for (var index = i * rows; index < rows * (i + 1); index++) {
|
|
25
|
+
output.push(children[index]);
|
|
26
|
+
}
|
|
27
|
+
final.push(output);
|
|
28
|
+
}
|
|
29
|
+
setSliders(final);
|
|
30
|
+
}, []);
|
|
31
|
+
useEffect(function () {
|
|
32
|
+
setLength(Math.round(children.length / rows));
|
|
33
|
+
setIsRepeating(infiniteLoop && Math.round(children.length / rows) > slides);
|
|
21
34
|
}, [children, infiniteLoop, slides]);
|
|
22
35
|
useEffect(function () {
|
|
23
36
|
if (isRepeating) {
|
|
@@ -41,6 +54,7 @@ var Slider = function (_a) {
|
|
|
41
54
|
for (var _i = 0, _a = ref.current.children; _i < _a.length; _i++) {
|
|
42
55
|
var arg = _a[_i];
|
|
43
56
|
arg.style.width = "calc((100% / ".concat(slides, ") - (").concat(spaceBetween, "px))");
|
|
57
|
+
arg.style.gap = "".concat(spaceBetween, "px");
|
|
44
58
|
arg.style.marginLeft = "".concat(spaceBetween / 2, "px");
|
|
45
59
|
arg.style.marginRight = "".concat(spaceBetween / 2, "px");
|
|
46
60
|
arg.style.flexShrink = 0;
|
|
@@ -54,12 +68,12 @@ var Slider = function (_a) {
|
|
|
54
68
|
}
|
|
55
69
|
};
|
|
56
70
|
var next = function () {
|
|
57
|
-
if (isRepeating || currentIndex < (length - slides) + 1) {
|
|
71
|
+
if ((isRepeating || currentIndex < (length - slides) + 1) && currentIndex !== length) {
|
|
58
72
|
setCurrentIndex(function (prevState) { return prevState + 1; });
|
|
59
73
|
}
|
|
60
74
|
};
|
|
61
75
|
var prev = function () {
|
|
62
|
-
if (isRepeating || currentIndex > 0) {
|
|
76
|
+
if ((isRepeating || currentIndex > 0) && currentIndex !== slides) {
|
|
63
77
|
setCurrentIndex(function (prevState) { return prevState - 1; });
|
|
64
78
|
}
|
|
65
79
|
};
|
|
@@ -88,7 +102,7 @@ var Slider = function (_a) {
|
|
|
88
102
|
setTransitionEnabled(false);
|
|
89
103
|
setCurrentIndex(length);
|
|
90
104
|
}
|
|
91
|
-
else if (currentIndex ===
|
|
105
|
+
else if (currentIndex === length) {
|
|
92
106
|
setTimeout(function () {
|
|
93
107
|
setTransitionEnabled(false);
|
|
94
108
|
setCurrentIndex(slides);
|
|
@@ -99,7 +113,7 @@ var Slider = function (_a) {
|
|
|
99
113
|
var renderExtraPrev = function () {
|
|
100
114
|
var output = [];
|
|
101
115
|
for (var index = 0; index < slides; index++) {
|
|
102
|
-
output.push(children[length - 1 - index]);
|
|
116
|
+
output.push(children[(length * rows) - 1 - index]);
|
|
103
117
|
}
|
|
104
118
|
output.reverse();
|
|
105
119
|
return output;
|
|
@@ -118,7 +132,7 @@ var Slider = function (_a) {
|
|
|
118
132
|
};
|
|
119
133
|
return (React.createElement("div", { dir: direction, className: 'w-full flex flex-col', onMouseOver: function () { return handlePauseAutoMove(true); }, onMouseLeave: function () { return handlePauseAutoMove(false); } },
|
|
120
134
|
React.createElement("div", { className: 'flex w-full relative' },
|
|
121
|
-
(isRepeating || currentIndex > 0) && navigation && !prevNavigation ? (React.createElement("button", { onClick: prev, className: 'absolute
|
|
135
|
+
(isRepeating || currentIndex > 0) && navigation && !prevNavigation ? (React.createElement("button", { disabled: currentIndex === slides, onClick: prev, className: 'absolute flex self-center items-center justify-center z-10 w-12 h-12 rounded-full bg-white border border-grey-200 left-6' }, "<")) : null,
|
|
122
136
|
prevNavigation && (isRepeating || currentIndex > 0) ? (React.createElement(React.Fragment, null, prevNavigation(prev))) : null,
|
|
123
137
|
React.createElement("div", { className: 'overflow-hidden w-full h-full', onTouchStart: handleTouchStart, onTouchMove: handleTouchMove },
|
|
124
138
|
React.createElement("div", { className: "flex transition ease-linear duration-300 shrink-0 grow w-full", style: {
|
|
@@ -126,16 +140,16 @@ var Slider = function (_a) {
|
|
|
126
140
|
transition: !transitionEnabled ? 'none' : undefined
|
|
127
141
|
}, onTransitionEnd: handleTransitionEnd, ref: ref },
|
|
128
142
|
(length > slides && isRepeating) &&
|
|
129
|
-
renderExtraPrev(),
|
|
130
|
-
|
|
143
|
+
renderExtraPrev().map(function (nextItem, nextItemIndex) { return (React.createElement("div", { className: 'flex flex-col w-full grow shrink-0', key: nextItemIndex }, nextItem)); }),
|
|
144
|
+
sliders.map(function (item, itemIndex) { return (React.createElement("div", { className: 'flex flex-col w-1/2 shrink-0', key: itemIndex }, item)); }),
|
|
131
145
|
(length > slides && isRepeating) &&
|
|
132
|
-
renderExtraNext())),
|
|
133
|
-
(isRepeating || currentIndex < (length - slides)) && navigation && !nextNavigation ? (React.createElement("button", { onClick: next, className: "absolute
|
|
146
|
+
renderExtraNext().map(function (nextItem, nextItemIndex) { return (React.createElement("div", { className: 'flex flex-col w-full grow shrink-0', key: nextItemIndex }, nextItem)); }))),
|
|
147
|
+
(isRepeating || currentIndex < (length - slides)) && navigation && !nextNavigation ? (React.createElement("button", { disabled: currentIndex === length, onClick: next, className: "absolute flex self-center items-center justify-center w-12 h-12 rounded-full bg-white border border-grey-200 right-6" }, ">")) : null,
|
|
134
148
|
nextNavigation && (isRepeating || currentIndex < (length - slides)) ? (React.createElement(React.Fragment, null, nextNavigation(next))) : null),
|
|
135
|
-
indicator ? (React.createElement("div", { className: 'flex self-center items-center justify-center' },
|
|
136
|
-
var indicatorClass = "inline-block w-
|
|
149
|
+
indicator ? (React.createElement("div", { className: 'flex self-center items-center justify-center' }, __spreadArray([], new Array(length - slides + 1), true).map(function (_, idx) {
|
|
150
|
+
var indicatorClass = "inline-block w-4 h-4 rounded-full cursor-pointer mt-20 mx-2 mb-0 ".concat(infiniteLoop ? currentIndex === idx + slides ? "bg-".concat(indicatorActiveColor) : "bg-grey-100" : currentIndex === idx ? "bg-".concat(indicatorActiveColor) : "bg-grey-100");
|
|
137
151
|
return (React.createElement("div", { key: idx, className: indicatorClass, onClick: function () {
|
|
138
|
-
setCurrentIndex(infiniteLoop ? idx +
|
|
152
|
+
setCurrentIndex(infiniteLoop ? idx + slides : idx);
|
|
139
153
|
} }));
|
|
140
154
|
}))) : null));
|
|
141
155
|
};
|
|
@@ -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;AAGhD,IAAM,MAAM,GAAG,UACb,
|
|
1
|
+
{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../../modules/slider/slider.tsx"],"names":[],"mappings":"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"}
|
|
@@ -7,10 +7,16 @@ import CustomSlider from '../../modules/slider';
|
|
|
7
7
|
export var Slider = function (_a) {
|
|
8
8
|
var props = __rest(_a, []);
|
|
9
9
|
return (React.createElement(CustomSlider, __assign({}, props),
|
|
10
|
-
React.createElement("div", { className: '
|
|
11
|
-
React.createElement("div", { className: '
|
|
12
|
-
React.createElement("div", { className: '
|
|
13
|
-
React.createElement("div", { className: '
|
|
14
|
-
React.createElement("div", { className: '
|
|
10
|
+
React.createElement("div", { className: 'h-40 bg-secondary justify-center items-center flex text-d-xl text-control-50' }, "1"),
|
|
11
|
+
React.createElement("div", { className: 'h-40 bg-black justify-center items-center flex text-d-xl text-control-50' }, "2"),
|
|
12
|
+
React.createElement("div", { className: 'h-40 bg-danger-800 justify-center items-center flex text-d-xl text-control-50' }, "3"),
|
|
13
|
+
React.createElement("div", { className: 'h-40 bg-info-900 justify-center items-center flex text-d-xl text-control-50' }, "4"),
|
|
14
|
+
React.createElement("div", { className: 'h-40 bg-tertiary justify-center items-center flex text-d-xl text-control-50' }, "5"),
|
|
15
|
+
React.createElement("div", { className: 'h-40 bg-danger-dark justify-center items-center flex text-d-xl text-control-50' }, "6"),
|
|
16
|
+
React.createElement("div", { className: 'h-40 bg-purple-dark justify-center items-center flex text-d-xl text-control-50' }, "7"),
|
|
17
|
+
React.createElement("div", { className: 'h-40 bg-success-900 justify-center items-center flex text-d-xl text-control-50' }, "8"),
|
|
18
|
+
React.createElement("div", { className: 'h-40 bg-success-200 justify-center items-center flex text-d-xl text-control-50' }, "9"),
|
|
19
|
+
React.createElement("div", { className: 'h-40 bg-black justify-center items-center flex text-d-xl text-control-50' }, "10"),
|
|
20
|
+
React.createElement("div", { className: 'h-40 bg-danger-800 justify-center items-center flex text-d-xl text-control-50' }, "11")));
|
|
15
21
|
};
|
|
16
22
|
//# sourceMappingURL=slider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../../stories/slider/slider.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,YAAY,MAAM,sBAAsB,CAAA;AAG/C;;GAEG;AACH,MAAM,CAAC,IAAM,MAAM,GAAG,UAAC,EAAuB;QAAnB,KAAK,cAAT,EAAU,CAAD;IAC9B,OAAO,CACL,oBAAC,YAAY,eAAK,KAAK;QACrB,6BAAK,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"slider.js","sourceRoot":"","sources":["../../../stories/slider/slider.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,YAAY,MAAM,sBAAsB,CAAA;AAG/C;;GAEG;AACH,MAAM,CAAC,IAAM,MAAM,GAAG,UAAC,EAAuB;QAAnB,KAAK,cAAT,EAAU,CAAD;IAC9B,OAAO,CACL,oBAAC,YAAY,eAAK,KAAK;QACrB,6BAAK,SAAS,EAAE,8EAA8E,QAExF;QACN,6BAAK,SAAS,EAAE,0EAA0E,QAEpF;QACN,6BAAK,SAAS,EAAE,+EAA+E,QAEzF;QACN,6BAAK,SAAS,EAAE,6EAA6E,QAEvF;QACN,6BAAK,SAAS,EAAE,6EAA6E,QAEvF;QACN,6BAAK,SAAS,EAAE,gFAAgF,QAE1F;QACN,6BAAK,SAAS,EAAE,gFAAgF,QAE1F;QACN,6BAAK,SAAS,EAAE,gFAAgF,QAE1F;QACN,6BAAK,SAAS,EAAE,gFAAgF,QAE1F;QACN,6BAAK,SAAS,EAAE,0EAA0E,SAEpF;QACN,6BAAK,SAAS,EAAE,+EAA+E,SAEzF,CACO,CAChB,CAAC;AACJ,CAAC,CAAC"}
|