@vkontakte/vkui 7.2.1 → 7.3.1

package/src/components/Touch/Touch.tsx

@@ -39,6 +39,9 @@ type HTMLorSVGElementWithEvents = {
 };
 
 export interface CustomTouchEvent extends Gesture {
+  /**
+   * Оригинальное событие.
+   */
   originalEvent: VKUITouchEvent;
 }
 
@@ -51,42 +54,152 @@ export interface TouchProps
     HasRootRef<HTMLElement>,
     HasComponent {
   /**
-   * Привязать onEnter и onLeave через pointer-events - работает на disabled-инпутах
+   * Использовать pointer-events для hover-состояний.
+   * Работает на отключенных элементах (disabled inputs).
    */
   usePointerHover?: boolean;
+  /**
+   * Использовать фазу capture для событий.
+   */
   useCapture?: boolean;
+  /**
+   * Порог расстояния в пикселях для активации свайпа.
+   * @default 5
+   */
   slideThreshold?: number;
+  /**
+   * Блокировать click-события после распознавания свайпа.
+   */
   noSlideClick?: boolean;
+  /**
+   * Останавливать всплытие событий.
+   */
+  stopPropagation?: boolean;
+  /**
+   * Обработчик входа курсора в область.
+   */
   onEnter?: HoverHandler;
+  /**
+   * Обработчик выхода курсора из области.
+   */
   onLeave?: HoverHandler;
+  /**
+   * Общий обработчик начала взаимодействия.
+   */
   onStart?: CustomTouchEventHandler;
+  /**
+   * Обработчик начала горизонтального перемещения.
+   */
   onStartX?: CustomTouchEventHandler;
+  /**
+   * Обработчик начала вертикального перемещения.
+   */
   onStartY?: CustomTouchEventHandler;
+  /**
+   * Общий обработчик перемещения.
+   */
   onMove?: CustomTouchEventHandler;
+  /**
+   * Обработчик горизонтального перемещения.
+   */
   onMoveX?: CustomTouchEventHandler;
+  /**
+   * Обработчик вертикального перемещения.
+   */
   onMoveY?: CustomTouchEventHandler;
+  /**
+   * Общий обработчик завершения взаимодействия.
+   */
   onEnd?: CustomTouchEventHandler;
+  /**
+   * Обработчик завершения горизонтального свайпа.
+   */
   onEndX?: CustomTouchEventHandler;
+  /**
+   * Обработчик завершения вертикального свайпа.
+   */
   onEndY?: CustomTouchEventHandler;
-  stopPropagation?: boolean;
 }
 
 export interface Gesture {
+  /**
+   * Начальная X-координата касания.
+   */
   startX: number;
+
+  /**
+   * Начальная Y-координата касания.
+   */
   startY: number;
+
+  /**
+   * Время начала взаимодействия.
+   */
   startT: Date;
+
+  /**
+   * Длительность взаимодействия в миллисекундах.
+   */
   duration: number;
+
+  /**
+   * Флаг активного нажатия.
+   */
   isPressed: boolean;
+
+  /**
+   * Флаг вертикального перемещения.
+   */
   isY: boolean;
+
+  /**
+   * Флаг горизонтального перемещения.
+   */
   isX: boolean;
+
+  /**
+   * Флаг горизонтального свайпа.
+   */
   isSlideX: boolean;
+
+  /**
+   * Флаг вертикального свайпа.
+   */
   isSlideY: boolean;
+
+  /**
+   * Общий флаг свайпа (вертикального или горизонтального).
+   */
   isSlide: boolean;
+
+  /**
+   * Текущая X-координата курсора/касания.
+   */
   clientX: number;
+
+  /**
+   * Текущая Y-координата курсора/касания.
+   */
   clientY: number;
+
+  /**
+   * Смещение по X относительно начальной точки.
+   */
   shiftX: number;
+
+  /**
+   * Смещение по Y относительно начальной точки.
+   */
   shiftY: number;
+
+  /**
+   * Абсолютное смещение по X.
+   */
   shiftXAbs: number;
+
+  /**
+   * Абсолютное смещение по Y.
+   */
   shiftYAbs: number;
 }
 
@@ -278,7 +391,7 @@ export const Touch = ({
     : undefined;
 
   /**
-   * Отменяет нативное браузерное поведение для вложенных ссылок и изображений
+   * Отменяет нативное браузерное поведение для вложенных ссылок и изображений.
    */
   const handleDragStart = (event: React.DragEvent<HTMLElement>) => {
     const target = event.target as HTMLElement;
@@ -288,7 +401,7 @@ export const Touch = ({
   };
 
   /**
-   * Отменяет переход по вложенной ссылке, если был зафиксирован свайп
+   * Отменяет переход по вложенной ссылке, если был зафиксирован свайп.
    */
   const handleClickCapture: typeof onClickCapture = (event) => {
     if (!didSlide.current) {

package/src/components/Touch/TouchContext.ts

@@ -2,7 +2,7 @@ import * as React from 'react';
 
 /**
  * Контекст для компонентов, использующих Touch в качестве корневой обёртки,
- * и для которых важно не предотвращать всплытие тач-событий от дочерних компонентов
+ * и для которых важно не предотвращать всплытие тач-событий от дочерних компонентов.
  */
 const TouchRootContext: React.Context<boolean> = React.createContext<boolean>(false);
 

package/src/components/Typography/Caption/Caption.module.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"sources":["./Caption.module.css"],"names":["caps","level1","sizeYCompact","sizeYNone","level2","level3"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAIAC,Q,WAJA;AAAA,E,aAWAC,c,WAXA;AAAA,E,aAWaD,Q,WAXb;AAAA,E,aA+BEE,W,WA/BF;AAAA,E,aA+BYF,Q,WA/BZ;AAAA,E,aAmDAA,Q,WAnDA;AAAA,E,aAmDOD,M,WAnDP;AAAA,E,aA0DAE,c,WA1DA;AAAA,E,aA0DaD,Q,WA1Db;AAAA,E,aA0DoBD,M,WA1DpB;AAAA,E,aA8EEG,W,WA9EF;AAAA,E,aA8EYF,Q,WA9EZ;AAAA,E,aA8EmBD,M,WA9EnB;AAAA,E,aAkGAI,Q,WAlGA;AAAA,E,aAyGAF,c,WAzGA;AAAA,E,aAyGaE,Q,WAzGb;AAAA,E,aA6HED,W,WA7HF;AAAA,E,aA6HYC,Q,WA7HZ;AAAA,E,aAiJAA,Q,WAjJA;AAAA,E,aAiJOJ,M,WAjJP;AAAA,E,aAwJAE,c,WAxJA;AAAA,E,aAwJaE,Q,WAxJb;AAAA,E,aAwJoBJ,M,WAxJpB;AAAA,E,aA4KEG,W,WA5KF;AAAA,E,aA4KYC,Q,WA5KZ;AAAA,E,aA4KmBJ,M,WA5KnB;AAAA,E,aAgMAK,Q,WAhMA;AAAA,E,aAuMAH,c,WAvMA;AAAA,E,aAuMaG,Q,WAvMb;AAAA,E,aA2NEF,W,WA3NF;AAAA,E,aA2NYE,Q,WA3NZ;AAAA,E,aA+OAA,Q,WA/OA;AAAA,E,aA+OOL,M,WA/OP;AAAA,E,aAsPAE,c,WAtPA;AAAA,E,aAsPaG,Q,WAtPb;AAAA,E,aAsPoBL,M,WAtPpB;AAAA,E,aA0QEG,W,WA1QF;AAAA,E,aA0QYE,Q,WA1QZ;AAAA,E,aA0QmBL,M,WA1QnB;AAAA;AAAA","file":"Caption.module.css.d.ts","sourceRoot":""}

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

@@ -17,6 +17,9 @@ const sizeYClassNames = {
 };
 
 export interface CaptionProps extends TypographyProps, HasCaps {
+  /**
+   * Уровень заголовка (от 1 до 3).
+   */
   level?: '1' | '2' | '3';
 }
 

package/src/components/Typography/DisplayTitle/DisplayTitle.module.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"sources":["./DisplayTitle.module.css"],"names":["level1","sizeYCompact","sizeYNone","level2","level3","level4"],"mappings":"AAAA;AAAA,E,aAAAA,Q,WAAA;AAAA,E,aAOAC,c,WAPA;AAAA,E,aAOaD,Q,WAPb;AAAA,E,aA2BEE,W,WA3BF;AAAA,E,aA2BYF,Q,WA3BZ;AAAA,E,aA+CAG,Q,WA/CA;AAAA,E,aAsDAF,c,WAtDA;AAAA,E,aAsDaE,Q,WAtDb;AAAA,E,aA0EED,W,WA1EF;AAAA,E,aA0EYC,Q,WA1EZ;AAAA,E,aA8FAC,Q,WA9FA;AAAA,E,aAqGAH,c,WArGA;AAAA,E,aAqGaG,Q,WArGb;AAAA,E,aAyHEF,W,WAzHF;AAAA,E,aAyHYE,Q,WAzHZ;AAAA,E,aA6IAC,Q,WA7IA;AAAA,E,aAoJAJ,c,WApJA;AAAA,E,aAoJaI,Q,WApJb;AAAA,E,aAwKEH,W,WAxKF;AAAA,E,aAwKYG,Q,WAxKZ;AAAA;AAAA","file":"DisplayTitle.module.css.d.ts","sourceRoot":""}

package/src/components/Typography/DisplayTitle/DisplayTitle.tsx

@@ -18,6 +18,9 @@ const sizeYClassNames = {
 };
 
 export interface DisplayTitleProps extends TypographyProps {
+  /**
+   * Уровень заголовка (от 1 до 4).
+   */
   level?: '1' | '2' | '3' | '4';
 }
 

package/src/components/Typography/EllipsisText/EllipsisText.module.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"sources":["./EllipsisText.module.css"],"names":["host","disableNativeTitle","content","contentMultiline"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAOAA,M,WAPA;AAAA,E,aAOKC,oB,WAPL;AAAA,E,aAQAD,M,WARA;AAAA,E,aAQKC,oB,WARL;AAAA,E,aAQyBC,S,WARzB;AAAA,E,aAaAA,S,WAbA;AAAA,E,aAsBAC,kB,WAtBA;AAAA;AAAA","file":"EllipsisText.module.css.d.ts","sourceRoot":""}

package/src/components/Typography/EllipsisText/EllipsisText.tsx

@@ -19,14 +19,14 @@ export interface EllipsisTextProps
    */
   maxWidth?: number;
   /**
-   * Максимальное количество видимых строк
+   * Максимальное количество видимых строк.
    *
    * > При `maxLines > 1` используется свойство line-clamp, которое поддерживается не всеми версиями браузеров. Используйте с осторожностью
-   * > @see [line-clamp](https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-line-clamp)
+   * > @see [line-clamp](https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-line-clamp).
    */
   maxLines?: number;
   /**
-   * Отключает отображение нативного тултипа с полным текстом
+   * Отключает отображение нативного тултипа с полным текстом.
    */
   disableNativeTitle?: boolean;
 }

package/src/components/Typography/Footnote/Footnote.module.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"sources":["./Footnote.module.css"],"names":["host","sizeYCompact","sizeYNone","caps"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAOAC,c,WAPA;AAAA,E,aA2BEC,W,WA3BF;AAAA,E,aA+CAC,M,WA/CA;AAAA,E,aAuDAF,c,WAvDA;AAAA,E,aAuDaE,M,WAvDb;AAAA,E,aA2EED,W,WA3EF;AAAA,E,aA2EYC,M,WA3EZ;AAAA;AAAA","file":"Footnote.module.css.d.ts","sourceRoot":""}

package/src/components/Typography/Headline/Headline.module.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"sources":["./Headline.module.css"],"names":["level1","sizeYCompact","sizeYNone","level2"],"mappings":"AAAA;AAAA,E,aAAAA,Q,WAAA;AAAA,E,aAOAC,c,WAPA;AAAA,E,aAOaD,Q,WAPb;AAAA,E,aAuBEE,W,WAvBF;AAAA,E,aAuBYF,Q,WAvBZ;AAAA,E,aAuCAG,Q,WAvCA;AAAA,E,aA8CAF,c,WA9CA;AAAA,E,aA8CaE,Q,WA9Cb;AAAA,E,aA8DED,W,WA9DF;AAAA,E,aA8DYC,Q,WA9DZ;AAAA;AAAA","file":"Headline.module.css.d.ts","sourceRoot":""}

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

@@ -16,6 +16,9 @@ const sizeYClassNames = {
 };
 
 export interface HeadlineProps extends TypographyProps {
+  /**
+   * Уровень заголовка (от 1 до 2).
+   */
   level?: '1' | '2';
 }
 

package/src/components/Typography/Paragraph/Paragraph.module.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"sources":["./Paragraph.module.css"],"names":["host","sizeYCompact","sizeYNone"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAOAC,c,WAPA;AAAA,E,aA2BEC,W,WA3BF;AAAA;AAAA","file":"Paragraph.module.css.d.ts","sourceRoot":""}

package/src/components/Typography/Subhead/Subhead.module.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"sources":["./Subhead.module.css"],"names":["host","sizeYCompact","sizeYNone"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAOAC,c,WAPA;AAAA,E,aA2BEC,W,WA3BF;AAAA;AAAA","file":"Subhead.module.css.d.ts","sourceRoot":""}

package/src/components/Typography/Text/Text.module.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"sources":["./Text.module.css"],"names":["host","sizeYCompact","sizeYNone"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAOAC,c,WAPA;AAAA,E,aAwBEC,W,WAxBF;AAAA;AAAA","file":"Text.module.css.d.ts","sourceRoot":""}

package/src/components/Typography/Title/Title.module.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"sources":["./Title.module.css"],"names":["level1","sizeYCompact","sizeYNone","level2","level3"],"mappings":"AAAA;AAAA,E,aAAAA,Q,WAAA;AAAA,E,aAOAC,c,WAPA;AAAA,E,aAOaD,Q,WAPb;AAAA,E,aA2BEE,W,WA3BF;AAAA,E,aA2BYF,Q,WA3BZ;AAAA,E,aA+CAG,Q,WA/CA;AAAA,E,aAsDAF,c,WAtDA;AAAA,E,aAsDaE,Q,WAtDb;AAAA,E,aA0EED,W,WA1EF;AAAA,E,aA0EYC,Q,WA1EZ;AAAA,E,aA8FAC,Q,WA9FA;AAAA,E,aAqGAH,c,WArGA;AAAA,E,aAqGaG,Q,WArGb;AAAA,E,aAyHEF,W,WAzHF;AAAA,E,aAyHYE,Q,WAzHZ;AAAA;AAAA","file":"Title.module.css.d.ts","sourceRoot":""}

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

@@ -17,6 +17,9 @@ const sizeYClassNames = {
 };
 
 export interface TitleProps extends TypographyProps {
+  /**
+   * Уровень заголовка (от 1 до 3).
+   */
   level?: '1' | '2' | '3';
 }
 

package/src/components/Typography/Typography.module.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"sources":["./Typography.module.css"],"names":["normalize","inline","weight1","accent","weight2","weight3","host"],"mappings":"AAAA;AAAA,E,aAAAA,W,WAAA;AAAA,E,aAMAC,Q,WANA;AAAA,E,aAWAC,S,WAXA;AAAA,E,aAWQA,S,WAXR;AAAA,E,aAWgBA,S,WAXhB;AAAA,E,aAWwBA,S,WAXxB;AAAA,E,aAeAC,Q,WAfA;AAAA,E,aAeOD,S,WAfP;AAAA,E,aAeeA,S,WAff;AAAA,E,aAeuBA,S,WAfvB;AAAA,E,aAmBAE,S,WAnBA;AAAA,E,aAmBQA,S,WAnBR;AAAA,E,aAmBgBA,S,WAnBhB;AAAA,E,aAmBwBA,S,WAnBxB;AAAA,E,aAuBAD,Q,WAvBA;AAAA,E,aAuBOC,S,WAvBP;AAAA,E,aAuBeA,S,WAvBf;AAAA,E,aAuBuBA,S,WAvBvB;AAAA,E,aA2BAC,S,WA3BA;AAAA,E,aA2BQA,S,WA3BR;AAAA,E,aA2BgBA,S,WA3BhB;AAAA,E,aA2BwBA,S,WA3BxB;AAAA,E,aA+BAF,Q,WA/BA;AAAA,E,aA+BOE,S,WA/BP;AAAA,E,aA+BeA,S,WA/Bf;AAAA,E,aA+BuBA,S,WA/BvB;AAAA,E,aAoCAC,M,WApCA;AAAA,E,aAyCAH,Q,WAzCA;AAAA,E,aAyCOG,M,WAzCP;AAAA;AAAA","file":"Typography.module.css.d.ts","sourceRoot":""}

package/src/components/Typography/Typography.tsx

@@ -11,6 +11,9 @@ const stylesWeight = {
 };
 
 export interface HasCaps {
+  /**
+   * Отображение текста в верхнем регистре.
+   */
   caps?: boolean;
 }
 
@@ -25,15 +28,15 @@ export interface TypographyProps
   /**
    * Включает акцентный тип начертания шрифта.
    * Используются токены fontWeightAccent[1, 2, 3]
-   * Используется только вместе с `weight`
+   * Используется только вместе с `weight`.
    */
   useAccentWeight?: boolean;
   /**
-   * Убирает внешние отступы
+   * Убирает внешние отступы.
    */
   normalize?: boolean;
   /**
-   * Делает блок инлайновым
+   * Делает блок инлайновым.
    */
   inline?: boolean;
 }

package/src/components/UnstyledTextField/UnstyledTextField.module.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"sources":["./UnstyledTextField.module.css"],"names":["host","noPadding"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAWAC,W,WAXA;AAAA,E,aAeAD,M,WAfA;AAAA,E,aAwBAA,M,WAxBA;AAAA,E,aAyBAA,M,WAzBA;AAAA,E,aA6BAA,M,WA7BA;AAAA;AAAA","file":"UnstyledTextField.module.css.d.ts","sourceRoot":""}

package/src/components/UnstyledTextField/UnstyledTextField.tsx

@@ -19,6 +19,9 @@ export interface UnstyledTextFieldAsInputProps
   extends UnstyledTextFieldBaseProps,
     React.InputHTMLAttributes<HTMLInputElement>,
     HasRootRef<HTMLInputElement> {
+  /**
+   * Тег используемый в компоненте.
+   */
   as: 'input';
 }
 
@@ -26,6 +29,9 @@ export interface UnstyledTextFieldAsTextareaProps
   extends UnstyledTextFieldBaseProps,
     React.TextareaHTMLAttributes<HTMLTextAreaElement>,
     HasRootRef<HTMLTextAreaElement> {
+  /**
+   * Тег используемый в компоненте.
+   */
   as: 'textarea';
 }
 

package/src/components/UsersStack/UsersStack.module.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"sources":["./UsersStack.module.css"],"names":["host","sizeS","sizeM","sizeL","avatarsPositionInlineEnd","avatarsPositionBlockStart","photos","fill","item","photo","counter","photoWrapper","text","avatarsPositionInlineStart"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAQAC,O,WARA;AAAA,E,aAYAC,O,WAZA;AAAA,E,aAgBAC,O,WAhBA;AAAA,E,aAoBAC,0B,WApBA;AAAA,E,aAwBAC,2B,WAxBA;AAAA,E,aA6BAC,Q,WA7BA;AAAA,E,aAiCAC,M,WAjCA;AAAA,E,aAqCAC,M,WArCA;AAAA,E,aA0CAC,O,WA1CA;AAAA,E,aA8CAC,S,WA9CA;AAAA,E,aAyDAC,c,WAzDA;AAAA,E,aA6DAA,c,WA7DA;AAAA,E,aAiEAC,M,WAjEA;AAAA,E,aAsEAP,2B,WAtEA;AAAA,E,aAsE2BO,M,WAtE3B;AAAA,E,aA2EAC,4B,WA3EA;AAAA,E,aA2E4BD,M,WA3E5B;AAAA,E,aA+EAR,0B,WA/EA;AAAA,E,aA+E0BQ,M,WA/E1B;AAAA;AAAA","file":"UsersStack.module.css.d.ts","sourceRoot":""}

package/src/components/UsersStack/UsersStack.tsx

@@ -22,27 +22,39 @@ const avatarsPositionStyles = {
 };
 
 export type UsersStackRenderWrapperProps = {
+  /**
+   * Контент для обертки.
+   */
   children: React.ReactElement;
+  /**
+   * Путь до фотографии.
+   */
   ['data-src']: string;
 };
 
 export type UsersStackPhoto = {
+  /**
+   * Путь до фотографии.
+   */
   src: string;
+  /**
+   * Функция для рендера обертки над фотографией.
+   */
   renderWrapper?: (props: UsersStackRenderWrapperProps) => React.ReactElement;
 };
 
 export interface UsersStackProps extends HTMLAttributesWithRootRef<HTMLDivElement> {
   /**
-   * Массив ссылок на фотографии либо массив структур типа `UsersStackPhoto`:
+   * Массив ссылок на фотографии либо массив структур типа `UsersStackPhoto`.
    */
   photos?: string[] | UsersStackPhoto[];
   /**
-   * Размер аватарок
+   * Размер аватарок.
    */
   size?: 's' | 'm' | 'l';
   /**
    * Количество аватарок, которые будут показаны.
-   * Если в массиве `photos` больше элементов и используется размер `m`, то будет показано количество остальных элементов
+   * Если в массиве `photos` больше элементов и используется размер `m`, то будет показано количество остальных элементов.
    */
   visibleCount?: number;
   /**
@@ -53,13 +65,19 @@ export interface UsersStackProps extends HTMLAttributesWithRootRef<HTMLDivElemen
   count?: number;
   /**
    * Определяет положение аватаров
-   * Режим `block-start` рекомендуется использовать с размером `m`
+   * Режим `block-start` рекомендуется использовать с размером `m`.
    */
   avatarsPosition?: 'inline-start' | 'block-start' | 'inline-end';
 }
 
 interface PathElementProps extends React.SVGAttributes<SVGElement> {
+  /**
+   * Размер фотографии.
+   */
   photoSize: number;
+  /**
+   * Тип обрезания фотографии.
+   */
   direction: 'circle' | 'right' | 'left';
 }
 

package/src/components/View/View.module.css

@@ -47,7 +47,7 @@
 }
 
 .panelSwipeBackNext .panelOverlay {
-  background-color: rgba(0, 0, 0, 0.1);
+  background-color: rgb(0, 0, 0, 0.1);
 }
 
 .panelSwipeBackNext.panelSwipeBackSuccess .panelOverlay,

package/src/components/View/View.module.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"sources":["./View.module.css"],"names":["host","animated","swipingBack","panelOverlay","panelPrev","panelNext","panelActive","panelSwipeBackNext","panelSwipeBackSuccess","panelSwipeBackFailed","panels","panelIn","panel","header","ios","panelSwipeBackPrev","noMotion"],"mappings":"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","file":"View.module.css.d.ts","sourceRoot":""}

package/src/components/View/View.tsx

@@ -34,24 +34,35 @@ interface ViewsScrolls {
 export let scrollsCache: ViewsScrolls = {};
 
 export interface ViewProps extends HTMLAttributesWithRootRef<HTMLElement>, NavIdProps {
+  /**
+   * `id` активной панели.
+   */
   activePanel: string;
+  /**
+   * Обработчик, который вызывается при завершении анимации смены активной панели.
+   */
   onTransition?: (params: { isBack: boolean; from: string; to: string }) => void;
   /**
-   * callback свайпа назад
+   * Обработчик свайпа назад.
    */
   onSwipeBack?: () => void;
   /**
-   * callback начала анимации свайпа назад.
+   * Обработчик начала анимации свайпа назад.
    *
    * Чтобы остановить свайп назад, возвращайте `"prevent"`.
    */
   onSwipeBackStart?: (activePanel: string | null) => void | 'prevent';
   /**
-   * callback завершения анимации отмененного пользователем свайпа
+   * Обработчик завершения анимации отмененного пользователем свайпа.
    */
   onSwipeBackCancel?: () => void;
+  /**
+   * Массив из id панелей в порядке открытия.
+   */
   history?: string[];
-
+  /**
+   * Коллекция Panel. У каждой Panel должен быть уникальный `id`.
+   */
   children: React.ReactElement | Iterable<React.ReactElement>;
 }
 

package/src/components/View/ViewInfinite.tsx

@@ -39,27 +39,40 @@ type TransitionEventHandler = (e?: TransitionEvent) => void;
 
 export let scrollsCache: ViewsScrolls = {};
 
+// eslint-disable-next-line jsdoc/require-jsdoc
 export type TransitionParams = { from: string | null; to: string | null };
 
 export interface ViewInfiniteProps
   extends HTMLAttributesWithRootRef<HTMLElement>,
     HasPlatform,
     NavIdProps {
+  /**
+   * `id` активной панели.
+   */
   activePanel: string;
+  /**
+   * Обработчик, который вызывается при завершении анимации смены активной панели.
+   */
   onTransition?: (params: TransitionParams & { isBack: boolean }) => void;
   /**
-   * callback свайпа назад
+   * Обработчик свайпа назад.
    */
   onSwipeBack?: () => void;
   /**
-   * callback начала анимации свайпа назад.
+   * Обработчик начала анимации свайпа назад.
    */
   onSwipeBackStart?: (activePanel: string | null) => void | 'prevent';
   /**
-   * callback завершения анимации отмененного пользователем свайпа
+   * Обработчик завершения анимации отмененного пользователем свайпа.
    */
   onSwipeBackCancel?: () => void;
+  /**
+   * Массив из id панелей в порядке открытия.
+   */
   history?: string[];
+  /**
+   * Функция проверки перехода назад.
+   */
   isBackCheck?: (params: TransitionParams) => boolean;
   /**
    * @ignore
@@ -75,6 +88,7 @@ export interface ViewInfiniteProps
   scroll?: ScrollContextInterface;
 }
 
+/* eslint-disable jsdoc/require-jsdoc */
 export interface ViewInfiniteState {
   animated: boolean;
 
@@ -93,6 +107,7 @@ export interface ViewInfiniteState {
 
   browserSwipe: boolean;
 }
+/* eslint-enable jsdoc/require-jsdoc */
 
 class ViewInfiniteComponent extends React.Component<
   ViewInfiniteProps & DOMProps,

package/src/components/View/useLayoutEffectCall.tsx

@@ -3,7 +3,7 @@ import { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';
 
 /**
  * Возвращает функцию которая вызывает callback после изменения DOM, но до того
- * как пользователь увидит изменения
+ * как пользователь увидит изменения.
  */
 export function useLayoutEffectCall() {
   const [fns] = React.useState<Array<() => void>>(() => []);

package/src/components/VisuallyHidden/VisuallyHidden.module.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"sources":["./VisuallyHidden.module.css"],"names":["host","focusableInput"],"mappings":"AAAA;AAAA,E,aACAA,M,WADA;AAAA,E,aAkBAC,gB,WAlBA;AAAA;AAAA","file":"VisuallyHidden.module.css.d.ts","sourceRoot":""}

package/src/components/WriteBar/WriteBar.module.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"sources":["./WriteBar.module.css"],"names":["host","shadow","before","form","after","formIn","textarea","inlineAfter","ios"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAIAC,Q,WAJA;AAAA,E,aAQAC,Q,WARA;AAAA,E,aASAC,M,WATA;AAAA,E,aAUAC,O,WAVA;AAAA,E,aAeAD,M,WAfA;AAAA,E,aAmBAE,Q,WAnBA;AAAA,E,aA0BAC,U,WA1BA;AAAA,E,aAwCAA,U,WAxCA;AAAA,E,aA8CAA,U,WA9CA;AAAA,E,aAkDAC,a,WAlDA;AAAA,E,aAuDAL,Q,WAvDA;AAAA,E,aA2DAE,O,WA3DA;AAAA,E,aA+DAE,U,WA/DA;AAAA,E,aAwEAE,K,WAxEA;AAAA,E,aA4EAA,K,WA5EA;AAAA,E,aA4EKN,Q,WA5EL;AAAA,E,aA6EAM,K,WA7EA;AAAA,E,aA6EKJ,O,WA7EL;AAAA,E,aAkFAI,K,WAlFA;AAAA,E,aAkFKH,Q,WAlFL;AAAA,E,aA2FAG,K,WA3FA;AAAA,E,aA2FKH,Q,WA3FL;AAAA,E,aA+FAG,K,WA/FA;AAAA,E,aA+FKD,a,WA/FL;AAAA,E,aAwGAC,K,WAxGA;AAAA,E,aAwGKF,U,WAxGL;AAAA;AAAA","file":"WriteBar.module.css.d.ts","sourceRoot":""}

package/src/components/WriteBar/WriteBar.tsx

@@ -21,22 +21,24 @@ export interface WriteBarProps
    */
   before?: React.ReactNode;
   /**
-   * Содержимое, отображаемое поверх поля ввода (актуально для iOS)
+   * Содержимое, отображаемое поверх поля ввода (актуально для iOS).
    */
   inlineAfter?: React.ReactNode;
   /**
-   * Содержимое, отображаемое справа от поля ввода
+   * Содержимое, отображаемое справа от поля ввода.
    */
   after?: React.ReactNode;
   /**
-   * Вызывается при смене высоты поля ввода
+   * Вызывается при смене высоты поля ввода.
    */
   onHeightChange?: VoidFunction;
   /**
-   * Добавляет тень вокруг поля ввода
+   * Добавляет тень вокруг поля ввода.
    */
   shadow?: boolean;
-
+  /**
+   * @deprecated Неиспользуемое свойство.
+   */
   children?: never;
 }
 

package/src/components/WriteBarIcon/WriteBarIcon.module.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"sources":["./WriteBarIcon.module.css"],"names":["host","in","active","counter","ios","modeSend","modeDone"],"mappings":"AAAA;AAAA,E,aAAAA,M,WAAA;AAAA,E,aAaAC,I,WAbA;AAAA,E,aAqBAD,M,WArBA;AAAA,E,aA0BAE,Q,WA1BA;AAAA,E,aA8BAC,S,WA9BA;AAAA,E,aAqCAC,K,WArCA;AAAA,E,aAqCKD,S,WArCL;AAAA,E,aAyCAH,M,WAzCA;AAAA,E,aAyCKK,U,WAzCL;AAAA,E,aA0CAL,M,WA1CA;AAAA,E,aA0CKM,U,WA1CL;AAAA,E,aAiDAF,K,WAjDA;AAAA,E,aAqDAA,K,WArDA;AAAA,E,aAqDIC,U,WArDJ;AAAA,E,aAsDAD,K,WAtDA;AAAA,E,aAsDIE,U,WAtDJ;AAAA,E,aA4DAF,K,WA5DA;AAAA,E,aA4DIC,U,WA5DJ;AAAA,E,aA6DAD,K,WA7DA;AAAA,E,aA6DIE,U,WA7DJ;AAAA,E,aAkEAF,K,WAlEA;AAAA,E,aAkEIC,U,WAlEJ;AAAA,E,aAmEAD,K,WAnEA;AAAA,E,aAmEIE,U,WAnEJ;AAAA,E,aA4EAN,M,WA5EA;AAAA;AAAA","file":"WriteBarIcon.module.css.d.ts","sourceRoot":""}

package/src/components/WriteBarIcon/WriteBarIcon.tsx

@@ -36,7 +36,7 @@ export interface WriteBarIconProps extends React.ButtonHTMLAttributes<HTMLButton
    * Валидные значения:
    * - `attach` – иконка прикрепления, текст по умолчанию — "Прикрепить файл";
    * - `send` – иконка отправки, текст по умолчанию — "Отправить";
-   * - `done` – иконка отправки в режиме редактирования, текст по умолчанию — "Готово";
+   * - `done` – иконка отправки в режиме редактирования, текст по умолчанию — "Готово".
    */
   mode?: 'attach' | 'send' | 'done';
   /**
@@ -107,10 +107,10 @@ export const WriteBarIcon = ({
 
   return (
     <Tappable
-      {...restProps}
       Component="button"
       hasHover={false}
       activeMode={styles.active}
+      {...restProps}
       baseClassName={classNames(
         styles.host,
         platform === 'ios' && styles.ios,

package/src/hooks/useCalendar.ts

@@ -35,6 +35,8 @@ export function useCalendar({
   setNextMonth: () => void;
   focusedDay: Date | undefined;
   setFocusedDay: React.Dispatch<React.SetStateAction<Date | undefined>>;
+  focusableDay: Date | undefined;
+  setFocusableDay: React.Dispatch<React.SetStateAction<Date | undefined>>;
   isDayFocused: (day: Date) => boolean;
   isDayDisabled: (day: Date, withTime?: boolean) => boolean;
   resetSelectedDay: () => void;
@@ -44,7 +46,11 @@ export function useCalendar({
   const [viewDate, setViewDate] = React.useState(
     (Array.isArray(value) ? value[0] : value) ?? new Date(),
   );
+  // соответствует дню, на котором сейчас есть фокус
+  // меняется при переключении дней с помощью стрелок
   const [focusedDay, setFocusedDay] = React.useState<Date>();
+  // соотвествует дню, на котором можно сфокусироваться с помощью Tab
+  const [focusableDay, setFocusableDay] = React.useState<Date>();
 
   const setPrevMonth = React.useCallback(() => {
     onPrevMonth?.();
@@ -149,6 +155,8 @@ export function useCalendar({
     setNextMonth,
     focusedDay,
     setFocusedDay,
+    focusableDay,
+    setFocusableDay,
     isDayFocused,
     isDayDisabled,
     resetSelectedDay,