@vkontakte/vkui 7.6.3 → 7.6.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "type": "module",
-  "version": "7.6.3",
+  "version": "7.6.4",
   "name": "@vkontakte/vkui",
   "description": "VKUI library",
   "module": "./dist/index.js",

package/src/components/CarouselBase/CarouselBase.tsx

@@ -83,7 +83,8 @@ export const CarouselBase = ({
   const shiftXCurrentRef = React.useRef<number>(0);
   const shiftXDeltaRef = React.useRef<number>(0);
   const initialized = React.useRef<boolean>(false);
-  const { addToAnimationQueue, getAnimateFunction, startAnimation } = useSlideAnimation();
+  const { animationInQueue, addToAnimationQueue, getAnimateFunction, startAnimation } =
+    useSlideAnimation();
   const isDragging = React.useRef(false);
 
   const [controlElementsState, setControlElementsState] =
@@ -195,6 +196,7 @@ export const CarouselBase = ({
         shiftXCurrentRef.current = Math.abs(shiftXDeltaRef.current) + snaps[0];
       }
       transformCssStyles(shiftX, animation);
+      animationFrameRef.current = null;
     });
   };
 
@@ -308,6 +310,12 @@ export const CarouselBase = ({
       );
     }
 
+    const isAnimationInProgress = animationInQueue() || animationFrameRef.current !== null;
+
+    if (isAnimationInProgress) {
+      return;
+    }
+
     shiftXCurrentRef.current = snaps[slideIndex];
     initialized.current = true;
 

package/src/components/CarouselBase/hooks.ts

@@ -9,6 +9,7 @@ export function useSlideAnimation(): {
   getAnimateFunction: (drawFunction: DrawInterface) => () => void;
   addToAnimationQueue: (func: VoidFunction) => void;
   startAnimation: () => void;
+  animationInQueue: () => boolean;
 } {
   const animationQueue = React.useRef<VoidFunction[]>([]);
 
@@ -33,7 +34,12 @@ export function useSlideAnimation(): {
     }
   }
 
+  function animationInQueue() {
+    return !!animationQueue.current.length;
+  }
+
   return {
+    animationInQueue,
     getAnimateFunction,
     addToAnimationQueue,
     startAnimation,

package/src/components/CustomSelect/CustomSelect.tsx

@@ -94,8 +94,10 @@ const FetchingStatus = ({
       if (fetching) {
         setStatus('fetching');
       } else {
-        setStatus('loaded');
-        setTimeout(() => setStatus('none'), FETCH_STATUS_RESET_DELAY);
+        if (status === 'fetching') {
+          setStatus('loaded');
+          setTimeout(() => setStatus('none'), FETCH_STATUS_RESET_DELAY);
+        }
       }
     },
     [fetching],

package/src/components/Slider/SliderThumb/SliderThumb.module.css

@@ -37,6 +37,6 @@
   overflow: hidden;
   white-space: nowrap;
   border: 0 none;
-  clip-path: rect(0 0 0 0);
+  clip-path: inset(50%);
   direction: ltr;
 }