@janiscommerce/ui-web 0.39.0 → 0.40.0

package/dist/index.umd.js

@@ -15992,6 +15992,7 @@
 
     var animation = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     var validAnimations = (_window$google = window.google) === null || _window$google === void 0 ? void 0 : (_window$google$maps = _window$google.maps) === null || _window$google$maps === void 0 ? void 0 : _window$google$maps.Animation;
+    if (!animation || !isObject$2(animation)) return false;
     return (animation === null || animation === void 0 ? void 0 : animation.name) && validAnimations && validAnimations[animation === null || animation === void 0 ? void 0 : animation.name] !== undefined;
   };
 
@@ -16014,7 +16015,8 @@
         animation = _ref2.animation,
         overlay = _ref2.overlay,
         infoWindowChildren = _ref2.infoWindowChildren,
-        isDraggable = _ref2.isDraggable;
+        isDraggable = _ref2.isDraggable,
+        zIndex = _ref2.zIndex;
 
     var _markerOptions$onLoad = markerOptions.onLoad,
         _onLoad = _markerOptions$onLoad === void 0 ? function () {} : _markerOptions$onLoad,
@@ -16077,27 +16079,26 @@
       };
     };
 
-    var animate = function animate() {
-      var _markerRef$current2, _markerRef$current2$m;
+    var stopAnimation = function stopAnimation() {
+      var _markerRef$current2;
 
-      if (!markerRef.current) return;
-      if (!isValidAnimation(animation)) return;
-      (_markerRef$current2 = markerRef.current) === null || _markerRef$current2 === void 0 ? void 0 : (_markerRef$current2$m = _markerRef$current2.marker) === null || _markerRef$current2$m === void 0 ? void 0 : _markerRef$current2$m.setAnimation(window.google.maps.Animation[animation === null || animation === void 0 ? void 0 : animation.name]);
       if (timeoutRef.current) clearTimeout(timeoutRef.current);
+      if ((_markerRef$current2 = markerRef.current) !== null && _markerRef$current2 !== void 0 && _markerRef$current2.marker) markerRef.current.marker.setAnimation(null);
+    };
 
-      if (animation !== null && animation !== void 0 && animation.duration && isNumber(animation === null || animation === void 0 ? void 0 : animation.duration)) {
-        timeoutRef.current = setTimeout(function () {
-          var _markerRef$current3, _markerRef$current3$m;
-
-          (_markerRef$current3 = markerRef.current) === null || _markerRef$current3 === void 0 ? void 0 : (_markerRef$current3$m = _markerRef$current3.marker) === null || _markerRef$current3$m === void 0 ? void 0 : _markerRef$current3$m.setAnimation(null);
-        }, animation === null || animation === void 0 ? void 0 : animation.duration);
-      }
+    var startAnimation = function startAnimation() {
+      if (!markerRef.current) return;
+      stopAnimation();
+      markerRef.current.marker.setAnimation(window.google.maps.Animation[animation === null || animation === void 0 ? void 0 : animation.name]);
+      if (animation !== null && animation !== void 0 && animation.duration && isNumber(animation === null || animation === void 0 ? void 0 : animation.duration)) timeoutRef.current = setTimeout(function () {
+        return stopAnimation();
+      }, animation.duration);
     };
 
     React.useEffect(function () {
-      if (animation && isObject$2(animation)) animate();
+      if (isValidAnimation(animation)) startAnimation();
       return function () {
-        if (timeoutRef.current) clearTimeout(timeoutRef.current);
+        stopAnimation();
       };
     }, [animation]);
     var markerProps = {
@@ -16105,6 +16106,7 @@
       position: position,
       draggable: isDraggable || !readOnly,
       icon: icon,
+      zIndex: zIndex,
       onLoad: function onLoad(instance) {
         return _onLoad({
           prevMarker: marker,
@@ -16118,16 +16120,20 @@
         return _onDrag(event);
       },
       onDragEnd: function onDragEnd(event) {
-        return _onDragEnd(getEventHandlerData(event));
+        if (isValidAnimation(animation)) startAnimation();
+
+        _onDragEnd(getEventHandlerData(event));
       },
       onDragStart: function onDragStart(event) {
         return _onDragStart(getEventHandlerData(event));
       },
       onMouseOver: function onMouseOver() {
-        return openInfoWindow();
+        if (isValidAnimation(animation)) stopAnimation();
+        openInfoWindow();
       },
       onMouseOut: function onMouseOut() {
-        return delayedInfoWindowHover();
+        if (isValidAnimation(animation)) startAnimation();
+        delayedInfoWindowHover();
       }
     };
     var infoWindowHandles = {