@vkontakte/vkui 7.7.2 → 7.8.1

package/src/components/ModalPage/types.ts

@@ -139,7 +139,15 @@ export interface ModalPageProps
   /**
    * Отключает отображение и взаимодействие с фоном модалки.
    * > При использовании `ModalPage` внутри `ModalRoot` есть особенность использования этого свойства.
-   * > Об этом можно почитать на странице документации [`ModalRoot`](/components/modal-root#otklyuchenie-zadnego-fona-u-konkretnogo-modalnogo-okna).
+   * > Об этом можно почитать на странице документации [`ModalRoot`](/components/modal-root#disable-modal-overlay).
    */
   disableModalOverlay?: boolean;
+  /**
+   * Отключает анимацию открытия модалки.
+   */
+  disableOpenAnimation?: boolean;
+  /**
+   * Отключает анимацию закрытия модалки.
+   */
+  disableCloseAnimation?: boolean;
 }

package/src/components/ModalRoot/VisuallyHiddenModalOverlay/VisuallyHiddenModalOverlay.tsx

@@ -21,6 +21,8 @@ export const VisuallyHiddenModalOverlay = ({
   visible: visibleExcluded,
   position: positionExcluded,
   getRootRef,
+  disableOpenAnimation,
+  disableCloseAnimation,
   ...restProps
 }: VisuallyHiddenModalOverlayProps) => {
   const ref = useContext(ModalRootOverlayContext);

package/src/components/Popper/Popper.tsx

@@ -84,6 +84,10 @@ export interface PopperCommonProps
    * Подписывается на изменение геометрии `targetRef`, чтобы пересчитать свою позицию.
    */
   autoUpdateOnTargetResize?: boolean;
+  /**
+   * Пытаться обновлять позицию всплывающего элемента каждый фрейм.
+   */
+  autoUpdateOnAnimationFrame?: boolean;
 }
 
 export interface PopperProps extends PopperCommonProps {
@@ -113,6 +117,7 @@ export const Popper = ({
 
   // UseFloatingProps
   autoUpdateOnTargetResize = false,
+  autoUpdateOnAnimationFrame = false,
   strategy: strategyProp,
 
   // ArrowProps
@@ -163,6 +168,7 @@ export const Popper = ({
       /* istanbul ignore next: не знаю как проверить */
       return autoUpdateFloatingElement(...args, {
         elementResize: autoUpdateOnTargetResize,
+        animationFrame: autoUpdateOnAnimationFrame,
       });
     },
   });

package/src/hooks/usePatchChildren.ts

@@ -12,7 +12,7 @@ import { useExternRef } from './useExternRef';
 
 const warn = warnOnce('usePatchChildren');
 
-type InjectProps<T> = Omit<React.HTMLAttributes<T>, keyof React.DOMAttributes<T>> &
+type InjectProps<T> = React.HTMLAttributes<T> &
   React.Attributes & {
     ref?: React.Ref<T>;
   };

package/src/lib/floating/useFloatingWithInteractions/__snapshots__/useFloatingWithInteractions.test.tsx.snap

@@ -1,6 +1,6 @@
-// Jest Snapshot v1, https://jestjs.io/docs/snapshot-testing
+// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`useFloatingWithInteractions tests with snapshot should be hidden state 1`] = `
+exports[`useFloatingWithInteractions > tests with snapshot > should be hidden state 1`] = `
 {
   "floatingProps": {
     "onMouseLeave": [Function],
@@ -34,7 +34,7 @@ exports[`useFloatingWithInteractions tests with snapshot should be hidden state
 }
 `;
 
-exports[`useFloatingWithInteractions tests with snapshot should be shown state 1`] = `
+exports[`useFloatingWithInteractions > tests with snapshot > should be shown state 1`] = `
 {
   "floatingProps": {
     "onAnimationEnd": [Function],
@@ -77,7 +77,7 @@ exports[`useFloatingWithInteractions tests with snapshot should be shown state 1
 }
 `;
 
-exports[`useFloatingWithInteractions tests with snapshot should be shown state with disabled close on esc key and click outside events 1`] = `
+exports[`useFloatingWithInteractions > tests with snapshot > should be shown state with disabled close on esc key and click outside events 1`] = `
 {
   "floatingProps": {
     "onAnimationEnd": [Function],
@@ -120,7 +120,7 @@ exports[`useFloatingWithInteractions tests with snapshot should be shown state w
 }
 `;
 
-exports[`useFloatingWithInteractions tests with snapshot should be shown state with disabled interactive feature 1`] = `
+exports[`useFloatingWithInteractions > tests with snapshot > should be shown state with disabled interactive feature 1`] = `
 {
   "floatingProps": {
     "onAnimationEnd": [Function],
@@ -162,7 +162,7 @@ exports[`useFloatingWithInteractions tests with snapshot should be shown state w
 }
 `;
 
-exports[`useFloatingWithInteractions tests with snapshot should return default values 1`] = `
+exports[`useFloatingWithInteractions > tests with snapshot > should return default values 1`] = `
 {
   "floatingProps": {
     "style": {},