@trafilea/afrodita-components 6.43.8 → 6.43.9

package/build/index.d.ts

@@ -4074,7 +4074,8 @@ declare type IMobileGalleryProps = {
     bottomTag?: JSX.Element;
     productImageDataTestId?: string;
     borderRadiusVariant?: boolean;
-    selectedValue?: number;
+    selectedIndex?: number;
+    selectedValue?: IImage;
     itemsOnViewport?: number;
 };
 declare const ProductGalleryMobileV4: React.FC<IMobileGalleryProps>;

package/build/index.esm.js

@@ -21538,7 +21538,7 @@ var Container$5 = newStyled.div({
     width: '100vw',
     position: 'fixed',
     overflowY: 'scroll',
-    zIndex: '99999',
+    zIndex: '99999999999',
     top: 0,
     left: 0,
     display: 'flex',
@@ -21609,13 +21609,19 @@ var GalleryDetailed = function (_a) {
 };
 
 var ProductGalleryMobileV4 = function (_a) {
-    var images = _a.images, customClick = _a.customClick, topTag = _a.topTag, topRightTag = _a.topRightTag, bottomTag = _a.bottomTag, productImageDataTestId = _a.productImageDataTestId, _b = _a.borderRadiusVariant, borderRadiusVariant = _b === void 0 ? false : _b, _c = _a.selectedValue, selectedValue = _c === void 0 ? 0 : _c, _d = _a.itemsOnViewport, itemsOnViewport = _d === void 0 ? 1 : _d;
+    var images = _a.images, customClick = _a.customClick, topTag = _a.topTag, topRightTag = _a.topRightTag, bottomTag = _a.bottomTag, productImageDataTestId = _a.productImageDataTestId, _b = _a.borderRadiusVariant, borderRadiusVariant = _b === void 0 ? false : _b, _c = _a.selectedIndex, selectedIndex = _c === void 0 ? 0 : _c, selectedValue = _a.selectedValue, _d = _a.itemsOnViewport, itemsOnViewport = _d === void 0 ? 1 : _d;
     var containerRef = useRef(null);
-    var _e = useState(selectedValue), selectedImageIndex = _e[0], setSelectedImageIndex = _e[1];
+    var _e = useState(selectedIndex), selectedImageIndex = _e[0], setSelectedImageIndex = _e[1];
     var _f = useState(false), galleryOpened = _f[0], setGalleryOpened = _f[1];
     useEffect(function () {
-        setSelectedImageIndex(selectedValue);
-    }, [selectedValue]);
+        if (selectedIndex) {
+            setSelectedImageIndex(selectedIndex);
+        }
+        else if (selectedValue) {
+            var actualIndex = images.findIndex(function (el) { return el.key === selectedValue.key; });
+            setSelectedImageIndex(actualIndex);
+        }
+    }, [selectedIndex, selectedValue, images]);
     useEffect(function () {
         var body = document.querySelector('body');
         if (!body) {