@vkontakte/vkui 5.9.2 → 5.9.4

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "5.9.2",
+  "version": "5.9.4",
   "name": "@vkontakte/vkui",
   "description": "VKUI library",
   "main": "dist/cjs/index.js",

package/src/components/ActionSheet/ActionSheet.tsx

@@ -130,14 +130,14 @@ export const ActionSheet = ({
       >
         <div className={styles['ActionSheet__content-wrapper']}>
           {(header || text) && (
-            <header className={styles['ActionSheet__header']}>
+            <div className={styles['ActionSheet__header']}>
               {header && (
                 <Footnote weight="2" className={styles['ActionSheet__title']}>
                   {header}
                 </Footnote>
               )}
               {text && <Footnote className={styles['ActionSheet__text']}>{text}</Footnote>}
-            </header>
+            </div>
           )}
           {children}
         </div>

package/src/components/Alert/Alert.module.css

@@ -61,6 +61,11 @@
   color: var(--vkui--color_text_secondary);
 }
 
+.Alert__header,
+.Alert__text {
+  word-break: break-word;
+}
+
 .Alert__actions--direction-horizontal {
   justify-content: flex-end;
 }

package/src/components/CustomSelect/CustomSelect.tsx

@@ -112,7 +112,7 @@ export interface CustomSelectOptionInterface {
 }
 
 interface CustomSelectRenderOption extends CustomSelectOptionProps {
-  option?: CustomSelectOptionInterface;
+  option: CustomSelectOptionInterface;
 }
 
 export interface SelectProps extends NativeSelectProps, FormFieldProps, TrackerOptionsProps {

package/src/components/Header/Header.tsx

@@ -11,7 +11,7 @@ import { Subhead } from '../Typography/Subhead/Subhead';
 import { Title } from '../Typography/Title/Title';
 import styles from './Header.module.css';
 
-export interface HeaderProps extends HTMLAttributesWithRootRef<HTMLElement> {
+export interface HeaderProps extends HTMLAttributesWithRootRef<HTMLElement>, HasComponent {
   mode?: 'primary' | 'secondary' | 'tertiary';
   size?: 'regular' | 'large';
   subtitle?: React.ReactNode;
@@ -75,6 +75,7 @@ const stylesMode = {
 export const Header = ({
   mode = 'primary',
   size = 'regular',
+  Component = 'h2',
   children,
   subtitle,
   indicator,
@@ -84,7 +85,6 @@ export const Header = ({
 }: HeaderProps) => {
   return (
     <RootComponent
-      Component="header"
       {...restProps}
       baseClassName={classNames(
         styles['Header'],
@@ -97,7 +97,7 @@ export const Header = ({
       <div className={styles['Header__main']}>
         <HeaderContent
           className={styles['Header__content']}
-          Component="span"
+          Component={Component}
           mode={mode}
           size={size}
         >

package/src/components/HorizontalScroll/HorizontalScroll.tsx

@@ -288,9 +288,11 @@ export const HorizontalScroll = ({
     >
       {showArrows && (hasPointer || hasPointer === undefined) && canScrollLeft && (
         <ScrollArrow
+          data-testid={process.env.NODE_ENV === 'test' ? 'ScrollArrow' : undefined}
           size={arrowSize}
           offsetY={arrowOffsetY}
           direction="left"
+          aria-hidden
           className={classNames(
             styles['HorizontalScroll__arrow'],
             styles['HorizontalScroll__arrowLeft'],
@@ -300,9 +302,11 @@ export const HorizontalScroll = ({
       )}
       {showArrows && (hasPointer || hasPointer === undefined) && canScrollRight && (
         <ScrollArrow
+          data-testid={process.env.NODE_ENV === 'test' ? 'ScrollArrow' : undefined}
           size={arrowSize}
           offsetY={arrowOffsetY}
           direction="right"
+          aria-hidden
           className={classNames(
             styles['HorizontalScroll__arrow'],
             styles['HorizontalScroll__arrowRight'],

package/src/components/ModalRoot/ModalRoot.tsx

@@ -146,7 +146,10 @@ class ModalRootTouchComponent extends React.Component<
     this.documentScrolling = enabled;
 
     if (enabled) {
-      // Здесь нужен последний аргумент с такими же параметрами, потому что
+      // восстанавливаем значение overscroll behavior
+      // eslint-disable-next-line no-restricted-properties
+      this.document.documentElement.classList.remove('vkui--disable-overscroll-behavior');
+
       // некоторые браузеры на странных вендорах типа Meizu не удаляют обработчик.
       // https://github.com/VKCOM/VKUI/issues/444
       this.window.removeEventListener('touchmove', this.preventTouch, {
@@ -154,6 +157,11 @@ class ModalRootTouchComponent extends React.Component<
         passive: false,
       });
     } else {
+      // отключаем нативный pull-to-refresh при открытом модальном окне
+      // чтобы он не срабатывал при закрытии модалки смахиванием вниз
+      // eslint-disable-next-line no-restricted-properties
+      this.document.documentElement.classList.add('vkui--disable-overscroll-behavior');
+
       this.window.addEventListener('touchmove', this.preventTouch, {
         passive: false,
       });

package/src/components/PullToRefresh/PullToRefresh.tsx

@@ -8,6 +8,7 @@ import { useTimeout } from '../../hooks/useTimeout';
 import { DOMProps, useDOM } from '../../lib/dom';
 import { Platform } from '../../lib/platform';
 import { runTapticImpactOccurred } from '../../lib/taptic';
+import { coordY, VKUITouchEvent } from '../../lib/touch';
 import { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';
 import { AnyFunction, HasChildren } from '../../types';
 import { ScrollContextInterface, useScroll } from '../AppRoot/ScrollContext';
@@ -113,15 +114,6 @@ export const PullToRefresh = ({
   const [contentShift, setContentShift] = React.useState(0);
   const [spinnerProgress, setSpinnerProgress] = React.useState(0);
 
-  const onWindowTouchMove = (event: Event) => {
-    if (refreshing) {
-      event.preventDefault();
-      event.stopPropagation();
-    }
-  };
-
-  useGlobalEventListener(document, 'touchmove', onWindowTouchMove, TOUCH_MOVE_EVENT_PARAMS);
-
   const resetRefreshingState = React.useCallback(() => {
     setWatching(false);
     setCanRefresh(false);
@@ -199,13 +191,49 @@ export const PullToRefresh = ({
     runRefreshing,
   ]);
 
+  const startYRef = React.useRef(0);
+
   const onTouchStart = (e: TouchEvent) => {
     if (refreshing) {
       cancelEvent(e);
     }
     setTouchDown(true);
+    startYRef.current = e.startY;
+
+    if (document) {
+      // eslint-disable-next-line no-restricted-properties
+      document.documentElement.classList.add('vkui--disable-overscroll-behavior');
+    }
   };
 
+  const shouldPreventTouchMove = (event: VKUITouchEvent) => {
+    if (watching || refreshing) {
+      return true;
+    }
+
+    /* Нам нужно запретить touchmove у документа как только стало понятно, что
+     * начинается pull.
+     * состояния watching и refreshing устанавливаются слишком поздно и браузер
+     * может успеть начать нативный pull to refresh.
+     *
+     * Этот код является запасным вариантом, на случай, если css свойство
+     * overscroll-behavior не поддерживается
+     * */
+    const shiftY = coordY(event) - startYRef.current;
+    const pageYOffset = scroll?.getScroll().y;
+    const isRefreshGestureStarted = pageYOffset === 0 && shiftY > 0 && touchDown;
+    return isRefreshGestureStarted;
+  };
+
+  const onWindowTouchMove = (event: VKUITouchEvent) => {
+    if (shouldPreventTouchMove(event)) {
+      event.preventDefault();
+      event.stopPropagation();
+    }
+  };
+
+  useGlobalEventListener(document, 'touchmove', onWindowTouchMove, TOUCH_MOVE_EVENT_PARAMS);
+
   const onTouchMove = (e: TouchEvent) => {
     const { isY, shiftY } = e;
     const { start, max } = initParams;
@@ -242,6 +270,12 @@ export const PullToRefresh = ({
   const onTouchEnd = () => {
     setWatching(false);
     setTouchDown(false);
+
+    // восстанавливаем overscroll behavior
+    if (document) {
+      // eslint-disable-next-line no-restricted-properties
+      document.documentElement.classList.remove('vkui--disable-overscroll-behavior');
+    }
   };
 
   const spinnerTransform = `translate3d(0, ${spinnerY}px, 0)`;

package/src/components/Tappable/Tappable.tsx

@@ -2,7 +2,6 @@ import * as React from 'react';
 import { classNames, noop } from '@vkontakte/vkjs';
 import mitt from 'mitt';
 import { useAdaptivity } from '../../hooks/useAdaptivity';
-import { useAdaptivityHasHover } from '../../hooks/useAdaptivityHasHover';
 import { useAdaptivityHasPointer } from '../../hooks/useAdaptivityHasPointer';
 import { useBooleanState } from '../../hooks/useBooleanState';
 import { useExternRef } from '../../hooks/useExternRef';
@@ -224,9 +223,8 @@ export const Tappable = ({
   const insideTouchRoot = React.useContext(TouchRootContext);
   const platform = usePlatform();
   const { focusVisible, onBlur, onFocus } = useFocusVisible();
-  const { sizeX = 'none' } = useAdaptivity();
+  const { sizeX = 'none', hasHover: hasHoverContext = true } = useAdaptivity();
   const hasPointerContext = useAdaptivityHasPointer();
-  const hasHoverContext = useAdaptivityHasHover();
 
   const [clicks, setClicks] = React.useState<Wave[]>([]);
   const [childHover, setChildHover] = React.useState(false);

package/src/components/Typography/Caption/Caption.tsx

@@ -14,6 +14,8 @@ export interface CaptionProps extends TypographyProps, HasCaps {
 }
 
 /**
+ * Используется для мелких подписей.
+ *
  * @see https://vkcom.github.io/VKUI/#/Caption
  */
 export const Caption = ({

package/src/components/Typography/Footnote/Footnote.tsx

@@ -6,6 +6,8 @@ import styles from './Footnote.module.css';
 export interface FootnoteProps extends TypographyProps, HasCaps {}
 
 /**
+ * Используется для основных подписей.
+ *
  * @see https://vkcom.github.io/VKUI/#/Footnote
  */
 export const Footnote = ({

package/src/components/Typography/Headline/Headline.tsx

@@ -20,6 +20,8 @@ export interface HeadlineProps extends TypographyProps {
 }
 
 /**
+ * Используется для подзаголовков.
+ *
  * @see https://vkcom.github.io/VKUI/#/Headline
  */
 export const Headline = ({

package/src/components/Typography/Paragraph/Paragraph.tsx

@@ -6,6 +6,8 @@ import styles from './Paragraph.module.css';
 export type ParagraphProps = TypographyProps;
 
 /**
+ * Используется для основного текста.
+ *
  * @see https://vkcom.github.io/VKUI/#/Paragraph
  */
 export const Paragraph = ({

package/src/components/Typography/Subhead/Subhead.tsx

@@ -13,6 +13,8 @@ const sizeYClassNames = {
 export type SubheadProps = TypographyProps;
 
 /**
+ * Используется для подзаголовков 2 уровня.
+ *
  * @see https://vkcom.github.io/VKUI/#/Subhead
  */
 export const Subhead = ({

package/src/components/Typography/Text/Text.tsx

@@ -13,6 +13,8 @@ const sizeYClassNames = {
 export type TextProps = TypographyProps;
 
 /**
+ * Основной наборный текст.
+ *
  * @see https://vkcom.github.io/VKUI/#/Text
  */
 export const Text = ({

package/src/components/Typography/Title/Title.tsx

@@ -14,6 +14,8 @@ export interface TitleProps extends TypographyProps {
 }
 
 /**
+ * Используется для заголовков.
+ *
  * @see https://vkcom.github.io/VKUI/#/Title
  */
 export const Title = ({

package/src/styles/common.css

@@ -38,3 +38,9 @@
 .vkui--layout-plain {
   background: var(--vkui--color_background_content);
 }
+
+/* отключаем нативный pull-to-refresh при взаимодействии с компонентом
+ * PullToRefresh или при открывании модалки */
+.vkui--disable-overscroll-behavior {
+  overscroll-behavior-y: none;
+}

package/dist/cjs/hooks/useAdaptivityHasHover.d.ts

@@ -1,9 +0,0 @@
-/**
- * Определение происходит с помощью `window.matchMedia`. Для того, чтобы не было ошибок при гидратации, по умолчанию
- * откладываем определение на второй рендер.
- *
- * [No SSR] Если передать `false`, то определение будет сразу.
- */
-export declare function useAdaptivityHasHover(deferDetect?: true): undefined | boolean;
-export declare function useAdaptivityHasHover(deferDetect?: false): boolean;
-//# sourceMappingURL=useAdaptivityHasHover.d.ts.map

package/dist/cjs/hooks/useAdaptivityHasHover.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAdaptivityHasHover.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAdaptivityHasHover.ts"],"names":[],"mappings":"AAKA;;;;;GAKG;AACH,wBAAgB,qBAAqB,CAAC,WAAW,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,OAAO,CAAC;AAC/E,wBAAgB,qBAAqB,CAAC,WAAW,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC"}

package/dist/cjs/hooks/useAdaptivityHasHover.js

@@ -1,28 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "useAdaptivityHasHover", {
-    enumerable: true,
-    get: function() {
-        return useAdaptivityHasHover;
-    }
-});
-var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-var _vkjs = require("@vkontakte/vkjs");
-var _AdaptivityContext = require("../components/AdaptivityProvider/AdaptivityContext");
-var _useIsClient = require("./useIsClient");
-function useAdaptivityHasHover() {
-    var deferDetect = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true;
-    var _React_useContext = _react.useContext(_AdaptivityContext.AdaptivityContext), hasHoverContext = _React_useContext.hasHover;
-    var hasHover = hasHoverContext === undefined ? _vkjs.hasHover : hasHoverContext;
-    var needTwoPassRendering = deferDetect || hasHoverContext === undefined;
-    var isClient = (0, _useIsClient.useIsClient)(!needTwoPassRendering);
-    if (!isClient || hasHoverContext !== undefined) {
-        return hasHoverContext;
-    }
-    return hasHover;
-}
-
-//# sourceMappingURL=useAdaptivityHasHover.js.map

package/dist/cjs/hooks/useAdaptivityHasHover.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/hooks/useAdaptivityHasHover.ts"],"sourcesContent":["import * as React from 'react';\nimport { hasHover as hasHoverLib } from '@vkontakte/vkjs';\nimport { AdaptivityContext } from '../components/AdaptivityProvider/AdaptivityContext';\nimport { useIsClient } from './useIsClient';\n\n/**\n * Определение происходит с помощью `window.matchMedia`. Для того, чтобы не было ошибок при гидратации, по умолчанию\n * откладываем определение на второй рендер.\n *\n * [No SSR] Если передать `false`, то определение будет сразу.\n */\nexport function useAdaptivityHasHover(deferDetect?: true): undefined | boolean;\nexport function useAdaptivityHasHover(deferDetect?: false): boolean;\nexport function useAdaptivityHasHover(deferDetect = true): undefined | boolean {\n  const { hasHover: hasHoverContext } = React.useContext(AdaptivityContext);\n  const hasHover = hasHoverContext === undefined ? hasHoverLib : hasHoverContext;\n\n  const needTwoPassRendering = deferDetect || hasHoverContext === undefined;\n\n  const isClient = useIsClient(!needTwoPassRendering);\n  if (!isClient || hasHoverContext !== undefined) {\n    return hasHoverContext;\n  }\n\n  return hasHover;\n}\n"],"names":["useAdaptivityHasHover","deferDetect","React","useContext","AdaptivityContext","hasHover","hasHoverContext","undefined","hasHoverLib","needTwoPassRendering","isClient","useIsClient"],"mappings":";;;;+BAagBA;;;eAAAA;;;;+DAbO;oBACiB;iCACN;2BACN;AAUrB,SAASA;QAAsBC,cAAAA,iEAAc;IAClD,IAAsCC,oBAAAA,OAAMC,UAAU,CAACC,oCAAiB,GAAhEC,AAAUC,kBAAoBJ,kBAA9BG;IACR,IAAMA,WAAWC,oBAAoBC,YAAYC,cAAW,GAAGF;IAE/D,IAAMG,uBAAuBR,eAAeK,oBAAoBC;IAEhE,IAAMG,WAAWC,IAAAA,wBAAW,EAAC,CAACF;IAC9B,IAAI,CAACC,YAAYJ,oBAAoBC,WAAW;QAC9C,OAAOD;IACT;IAEA,OAAOD;AACT"}

package/dist/cssm/hooks/useAdaptivityHasHover.d.ts

@@ -1,9 +0,0 @@
-/**
- * Определение происходит с помощью `window.matchMedia`. Для того, чтобы не было ошибок при гидратации, по умолчанию
- * откладываем определение на второй рендер.
- *
- * [No SSR] Если передать `false`, то определение будет сразу.
- */
-export declare function useAdaptivityHasHover(deferDetect?: true): undefined | boolean;
-export declare function useAdaptivityHasHover(deferDetect?: false): boolean;
-//# sourceMappingURL=useAdaptivityHasHover.d.ts.map

package/dist/cssm/hooks/useAdaptivityHasHover.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAdaptivityHasHover.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAdaptivityHasHover.ts"],"names":[],"mappings":"AAKA;;;;;GAKG;AACH,wBAAgB,qBAAqB,CAAC,WAAW,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,OAAO,CAAC;AAC/E,wBAAgB,qBAAqB,CAAC,WAAW,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC"}

package/dist/cssm/hooks/useAdaptivityHasHover.js

@@ -1,16 +0,0 @@
-import * as React from 'react';
-import { hasHover as hasHoverLib } from '@vkontakte/vkjs';
-import { AdaptivityContext } from '../components/AdaptivityProvider/AdaptivityContext';
-import { useIsClient } from './useIsClient';
-export function useAdaptivityHasHover(deferDetect = true) {
-    const { hasHover: hasHoverContext } = React.useContext(AdaptivityContext);
-    const hasHover = hasHoverContext === undefined ? hasHoverLib : hasHoverContext;
-    const needTwoPassRendering = deferDetect || hasHoverContext === undefined;
-    const isClient = useIsClient(!needTwoPassRendering);
-    if (!isClient || hasHoverContext !== undefined) {
-        return hasHoverContext;
-    }
-    return hasHover;
-}
-
-//# sourceMappingURL=useAdaptivityHasHover.js.map

package/dist/cssm/hooks/useAdaptivityHasHover.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/hooks/useAdaptivityHasHover.ts"],"sourcesContent":["import * as React from 'react';\nimport { hasHover as hasHoverLib } from '@vkontakte/vkjs';\nimport { AdaptivityContext } from '../components/AdaptivityProvider/AdaptivityContext';\nimport { useIsClient } from './useIsClient';\n\n/**\n * Определение происходит с помощью `window.matchMedia`. Для того, чтобы не было ошибок при гидратации, по умолчанию\n * откладываем определение на второй рендер.\n *\n * [No SSR] Если передать `false`, то определение будет сразу.\n */\nexport function useAdaptivityHasHover(deferDetect?: true): undefined | boolean;\nexport function useAdaptivityHasHover(deferDetect?: false): boolean;\nexport function useAdaptivityHasHover(deferDetect = true): undefined | boolean {\n  const { hasHover: hasHoverContext } = React.useContext(AdaptivityContext);\n  const hasHover = hasHoverContext === undefined ? hasHoverLib : hasHoverContext;\n\n  const needTwoPassRendering = deferDetect || hasHoverContext === undefined;\n\n  const isClient = useIsClient(!needTwoPassRendering);\n  if (!isClient || hasHoverContext !== undefined) {\n    return hasHoverContext;\n  }\n\n  return hasHover;\n}\n"],"names":["React","hasHover","hasHoverLib","AdaptivityContext","useIsClient","useAdaptivityHasHover","deferDetect","hasHoverContext","useContext","undefined","needTwoPassRendering","isClient"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAYC,WAAW,QAAQ,kBAAkB;AAC1D,SAASC,iBAAiB,QAAQ,qDAAqD;AACvF,SAASC,WAAW,QAAQ,gBAAgB;AAU5C,OAAO,SAASC,sBAAsBC,cAAc,IAAI;IACtD,MAAM,EAAEL,UAAUM,eAAe,EAAE,GAAGP,MAAMQ,UAAU,CAACL;IACvD,MAAMF,WAAWM,oBAAoBE,YAAYP,cAAcK;IAE/D,MAAMG,uBAAuBJ,eAAeC,oBAAoBE;IAEhE,MAAME,WAAWP,YAAY,CAACM;IAC9B,IAAI,CAACC,YAAYJ,oBAAoBE,WAAW;QAC9C,OAAOF;IACT;IAEA,OAAON;AACT"}

package/dist/hooks/useAdaptivityHasHover.d.ts

@@ -1,9 +0,0 @@
-/**
- * Определение происходит с помощью `window.matchMedia`. Для того, чтобы не было ошибок при гидратации, по умолчанию
- * откладываем определение на второй рендер.
- *
- * [No SSR] Если передать `false`, то определение будет сразу.
- */
-export declare function useAdaptivityHasHover(deferDetect?: true): undefined | boolean;
-export declare function useAdaptivityHasHover(deferDetect?: false): boolean;
-//# sourceMappingURL=useAdaptivityHasHover.d.ts.map

package/dist/hooks/useAdaptivityHasHover.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useAdaptivityHasHover.d.ts","sourceRoot":"","sources":["../../src/hooks/useAdaptivityHasHover.ts"],"names":[],"mappings":"AAKA;;;;;GAKG;AACH,wBAAgB,qBAAqB,CAAC,WAAW,CAAC,EAAE,IAAI,GAAG,SAAS,GAAG,OAAO,CAAC;AAC/E,wBAAgB,qBAAqB,CAAC,WAAW,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC"}

package/dist/hooks/useAdaptivityHasHover.js

@@ -1,17 +0,0 @@
-import * as React from "react";
-import { hasHover as hasHoverLib } from "@vkontakte/vkjs";
-import { AdaptivityContext } from "../components/AdaptivityProvider/AdaptivityContext";
-import { useIsClient } from "./useIsClient";
-export function useAdaptivityHasHover() {
-    var deferDetect = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : true;
-    var _React_useContext = React.useContext(AdaptivityContext), hasHoverContext = _React_useContext.hasHover;
-    var hasHover = hasHoverContext === undefined ? hasHoverLib : hasHoverContext;
-    var needTwoPassRendering = deferDetect || hasHoverContext === undefined;
-    var isClient = useIsClient(!needTwoPassRendering);
-    if (!isClient || hasHoverContext !== undefined) {
-        return hasHoverContext;
-    }
-    return hasHover;
-}
-
-//# sourceMappingURL=useAdaptivityHasHover.js.map

package/dist/hooks/useAdaptivityHasHover.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/hooks/useAdaptivityHasHover.ts"],"sourcesContent":["import * as React from 'react';\nimport { hasHover as hasHoverLib } from '@vkontakte/vkjs';\nimport { AdaptivityContext } from '../components/AdaptivityProvider/AdaptivityContext';\nimport { useIsClient } from './useIsClient';\n\n/**\n * Определение происходит с помощью `window.matchMedia`. Для того, чтобы не было ошибок при гидратации, по умолчанию\n * откладываем определение на второй рендер.\n *\n * [No SSR] Если передать `false`, то определение будет сразу.\n */\nexport function useAdaptivityHasHover(deferDetect?: true): undefined | boolean;\nexport function useAdaptivityHasHover(deferDetect?: false): boolean;\nexport function useAdaptivityHasHover(deferDetect = true): undefined | boolean {\n  const { hasHover: hasHoverContext } = React.useContext(AdaptivityContext);\n  const hasHover = hasHoverContext === undefined ? hasHoverLib : hasHoverContext;\n\n  const needTwoPassRendering = deferDetect || hasHoverContext === undefined;\n\n  const isClient = useIsClient(!needTwoPassRendering);\n  if (!isClient || hasHoverContext !== undefined) {\n    return hasHoverContext;\n  }\n\n  return hasHover;\n}\n"],"names":["React","hasHover","hasHoverLib","AdaptivityContext","useIsClient","useAdaptivityHasHover","deferDetect","useContext","hasHoverContext","undefined","needTwoPassRendering","isClient"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,YAAYC,WAAW,QAAQ,kBAAkB;AAC1D,SAASC,iBAAiB,QAAQ,qDAAqD;AACvF,SAASC,WAAW,QAAQ,gBAAgB;AAU5C,OAAO,SAASC;QAAsBC,cAAAA,iEAAc;IAClD,IAAsCN,oBAAAA,MAAMO,UAAU,CAACJ,oBAA/CF,AAAUO,kBAAoBR,kBAA9BC;IACR,IAAMA,WAAWO,oBAAoBC,YAAYP,cAAcM;IAE/D,IAAME,uBAAuBJ,eAAeE,oBAAoBC;IAEhE,IAAME,WAAWP,YAAY,CAACM;IAC9B,IAAI,CAACC,YAAYH,oBAAoBC,WAAW;QAC9C,OAAOD;IACT;IAEA,OAAOP;AACT"}

package/src/hooks/useAdaptivityHasHover.ts

@@ -1,26 +0,0 @@
-import * as React from 'react';
-import { hasHover as hasHoverLib } from '@vkontakte/vkjs';
-import { AdaptivityContext } from '../components/AdaptivityProvider/AdaptivityContext';
-import { useIsClient } from './useIsClient';
-
-/**
- * Определение происходит с помощью `window.matchMedia`. Для того, чтобы не было ошибок при гидратации, по умолчанию
- * откладываем определение на второй рендер.
- *
- * [No SSR] Если передать `false`, то определение будет сразу.
- */
-export function useAdaptivityHasHover(deferDetect?: true): undefined | boolean;
-export function useAdaptivityHasHover(deferDetect?: false): boolean;
-export function useAdaptivityHasHover(deferDetect = true): undefined | boolean {
-  const { hasHover: hasHoverContext } = React.useContext(AdaptivityContext);
-  const hasHover = hasHoverContext === undefined ? hasHoverLib : hasHoverContext;
-
-  const needTwoPassRendering = deferDetect || hasHoverContext === undefined;
-
-  const isClient = useIsClient(!needTwoPassRendering);
-  if (!isClient || hasHoverContext !== undefined) {
-    return hasHoverContext;
-  }
-
-  return hasHover;
-}