@trafilea/afrodita-components 4.3.1-beta.7 → 4.3.1-beta.8
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/build/index.esm.js +6 -5
- package/build/index.esm.js.map +1 -1
- package/build/index.js +6 -5
- package/build/index.js.map +1 -1
- package/package.json +1 -1
package/build/index.esm.js
CHANGED
|
@@ -13237,12 +13237,13 @@ var templateObject_1$7, templateObject_2$2, templateObject_3$2;
|
|
|
13237
13237
|
var Container$3 = newStyled.div(templateObject_1$6 || (templateObject_1$6 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n height: fit-content;\n position: relative;\n max-width: 450px;\n"], ["\n display: flex;\n flex-direction: column;\n height: fit-content;\n position: relative;\n max-width: 450px;\n"])));
|
|
13238
13238
|
var ProductGalleryMobile = function (_a) {
|
|
13239
13239
|
var images = _a.images, selectedValue = _a.selectedValue, DiscountTagElement = _a.DiscountTagElement, BestSellerTagElement = _a.BestSellerTagElement, productImageDataTestId = _a.productImageDataTestId, slideDotsDataTestId = _a.slideDotsDataTestId;
|
|
13240
|
-
var _b = useState(
|
|
13241
|
-
|
|
13242
|
-
|
|
13240
|
+
var _b = useState(0), index = _b[0], setIndex = _b[1];
|
|
13241
|
+
useEffect(function () {
|
|
13242
|
+
if (selectedValue == null) {
|
|
13243
|
+
return;
|
|
13243
13244
|
}
|
|
13244
|
-
|
|
13245
|
-
}
|
|
13245
|
+
setIndex(Math.max(0, images.indexOf(selectedValue)));
|
|
13246
|
+
}, [selectedValue, images]);
|
|
13246
13247
|
var _c = useState(function () { return images[index]; }), selectedImage = _c[0], setSelectedImage = _c[1];
|
|
13247
13248
|
var handlers = useSwipeable({
|
|
13248
13249
|
onSwiped: useCallback(function (_a) {
|