react-motion-gallery 2.0.0 → 2.0.1
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 +1 -1
- package/dist/index.js +20 -16
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +20 -16
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -5470,7 +5470,7 @@ var Slider = forwardRef2(function Slider2({
|
|
|
5470
5470
|
};
|
|
5471
5471
|
}, []);
|
|
5472
5472
|
const effectiveRippleEnabled = rippleEnabled !== false;
|
|
5473
|
-
const effectiveRippleClass = rippleClassName
|
|
5473
|
+
const effectiveRippleClass = rippleClassName && rippleClassName.trim().length > 0 ? rippleClassName : Slider_default.ripple;
|
|
5474
5474
|
const createRipple = useCallback2((container) => {
|
|
5475
5475
|
if (!effectiveRippleEnabled || !container) return;
|
|
5476
5476
|
const old = container.querySelector("[data-rmg-ripple]");
|
|
@@ -5557,11 +5557,9 @@ var Slider = forwardRef2(function Slider2({
|
|
|
5557
5557
|
function nextPlacement() {
|
|
5558
5558
|
return AX.main === "y" ? { left: "50%", bottom: 10, transform: "translateX(-50%)" } : { right: 10, top: "50%", transform: "translateY(-50%)" };
|
|
5559
5559
|
}
|
|
5560
|
-
function makeArrowOnClick(dir,
|
|
5560
|
+
function makeArrowOnClick(dir, hidden) {
|
|
5561
5561
|
return () => {
|
|
5562
|
-
|
|
5563
|
-
if (!el || hidden || disabled) return;
|
|
5564
|
-
createRipple(el);
|
|
5562
|
+
if (hidden) return;
|
|
5565
5563
|
requestAnimationFrame(() => {
|
|
5566
5564
|
if (dir === "prev") previous();
|
|
5567
5565
|
else next();
|
|
@@ -5600,7 +5598,11 @@ var Slider = forwardRef2(function Slider2({
|
|
|
5600
5598
|
{
|
|
5601
5599
|
ref: ref2,
|
|
5602
5600
|
className: `rmgArrow rmgArrow--${dir} ${className ?? ""}`,
|
|
5603
|
-
onClick
|
|
5601
|
+
onClick: (evt) => {
|
|
5602
|
+
if (hidden) return;
|
|
5603
|
+
createRipple(evt.currentTarget);
|
|
5604
|
+
requestAnimationFrame(() => onClick());
|
|
5605
|
+
},
|
|
5604
5606
|
style: {
|
|
5605
5607
|
...baseArrowStyle,
|
|
5606
5608
|
...placement,
|
|
@@ -5627,7 +5629,7 @@ var Slider = forwardRef2(function Slider2({
|
|
|
5627
5629
|
ref: prevButtonRef,
|
|
5628
5630
|
hidden: arrowsHidden,
|
|
5629
5631
|
disabled: prevDisabled,
|
|
5630
|
-
onClick: makeArrowOnClick("prev",
|
|
5632
|
+
onClick: makeArrowOnClick("prev", arrowsHidden),
|
|
5631
5633
|
createRipple,
|
|
5632
5634
|
className: prevArrowClassNameEffective
|
|
5633
5635
|
});
|
|
@@ -5635,7 +5637,7 @@ var Slider = forwardRef2(function Slider2({
|
|
|
5635
5637
|
ref: nextButtonRef,
|
|
5636
5638
|
hidden: arrowsHidden,
|
|
5637
5639
|
disabled: nextDisabled,
|
|
5638
|
-
onClick: makeArrowOnClick("next",
|
|
5640
|
+
onClick: makeArrowOnClick("next", arrowsHidden),
|
|
5639
5641
|
createRipple,
|
|
5640
5642
|
className: nextArrowClassNameEffective
|
|
5641
5643
|
});
|
|
@@ -7469,7 +7471,7 @@ ${showFirstN(c)}
|
|
|
7469
7471
|
visibility: isReady ? "visible" : "hidden"
|
|
7470
7472
|
};
|
|
7471
7473
|
const effectiveRippleEnabled = rippleEnabled !== false;
|
|
7472
|
-
const effectiveRippleClass = rippleClassName
|
|
7474
|
+
const effectiveRippleClass = rippleClassName && rippleClassName.trim().length > 0 ? rippleClassName : ThumbnailSlider_default.ripple;
|
|
7473
7475
|
const createRipple = useCallback3((container) => {
|
|
7474
7476
|
if (!effectiveRippleEnabled || !container) return;
|
|
7475
7477
|
const old = container.querySelector("[data-rmg-ripple]");
|
|
@@ -7525,11 +7527,9 @@ ${showFirstN(c)}
|
|
|
7525
7527
|
function nextPlacement() {
|
|
7526
7528
|
return AX.main === "y" ? { left: "50%", bottom: 10, transform: "translateX(-50%)" } : { right: 10, top: "50%", transform: "translateY(-50%)" };
|
|
7527
7529
|
}
|
|
7528
|
-
function makeArrowOnClick(dir,
|
|
7530
|
+
function makeArrowOnClick(dir, hidden) {
|
|
7529
7531
|
return () => {
|
|
7530
|
-
|
|
7531
|
-
if (!el || hidden || disabled) return;
|
|
7532
|
-
createRipple(el);
|
|
7532
|
+
if (hidden) return;
|
|
7533
7533
|
requestAnimationFrame(() => {
|
|
7534
7534
|
if (dir === "prev") previous();
|
|
7535
7535
|
else next();
|
|
@@ -7568,7 +7568,11 @@ ${showFirstN(c)}
|
|
|
7568
7568
|
{
|
|
7569
7569
|
ref,
|
|
7570
7570
|
className: `rmgArrow rmgArrow--${dir} ${className2 ?? ""}`,
|
|
7571
|
-
onClick
|
|
7571
|
+
onClick: (evt) => {
|
|
7572
|
+
if (hidden) return;
|
|
7573
|
+
createRipple(evt.currentTarget);
|
|
7574
|
+
requestAnimationFrame(() => onClick());
|
|
7575
|
+
},
|
|
7572
7576
|
style: {
|
|
7573
7577
|
...baseArrowStyle,
|
|
7574
7578
|
...placement,
|
|
@@ -7595,7 +7599,7 @@ ${showFirstN(c)}
|
|
|
7595
7599
|
ref: prevButtonRef,
|
|
7596
7600
|
hidden: arrowsHidden,
|
|
7597
7601
|
disabled: prevDisabled,
|
|
7598
|
-
onClick: makeArrowOnClick("prev",
|
|
7602
|
+
onClick: makeArrowOnClick("prev", arrowsHidden),
|
|
7599
7603
|
createRipple,
|
|
7600
7604
|
className: prevArrowClassNameEffective
|
|
7601
7605
|
});
|
|
@@ -7603,7 +7607,7 @@ ${showFirstN(c)}
|
|
|
7603
7607
|
ref: nextButtonRef,
|
|
7604
7608
|
hidden: arrowsHidden,
|
|
7605
7609
|
disabled: nextDisabled,
|
|
7606
|
-
onClick: makeArrowOnClick("next",
|
|
7610
|
+
onClick: makeArrowOnClick("next", arrowsHidden),
|
|
7607
7611
|
createRipple,
|
|
7608
7612
|
className: nextArrowClassNameEffective
|
|
7609
7613
|
});
|