npm - @vkontakte/vkui - Versions diffs - 7.2.1 → 7.3.0 - Mend

@vkontakte/vkui 7.2.1 → 7.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1626) hide show

package/dist/components/Radio/Radio.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { HasDataAttribute, HasRef, HasRootRef } from '../../types';\nimport { SelectionControl } from '../SelectionControl/SelectionControl';\nimport { SelectionControlLabel } from '../SelectionControl/SelectionControlLabel/SelectionControlLabel';\nimport type { TappableProps } from '../Tappable/Tappable';\nimport { RadioInput } from './RadioInput/RadioInput';\nimport styles from './Radio.module.css';\n\nexport interface RadioProps\n extends React.InputHTMLAttributes<HTMLInputElement>,\n HasRef<HTMLInputElement>,\n HasRootRef<HTMLLabelElement>,\n Pick<\n TappableProps,\n 'hoverMode' \| 'activeMode' \| 'hasHover' \| 'hasActive' \| 'focusVisibleMode'\n > {\n description?: React.ReactNode;\n titleAfter?: React.ReactNode;\n /*\n Позволяет передавать data-* аттрибуты элементу label\n /\n labelProps?: HasDataAttribute;\n}\n\n/\n * @see https://vkcom.github.io/VKUI/#/Radio\n */\nexport const Radio = ({\n children,\n description,\n style,\n className,\n getRootRef,\n titleAfter,\n getRef,\n labelProps,\n hoverMode,\n activeMode,\n hasHover,\n hasActive,\n focusVisibleMode,\n ...restProps\n}: RadioProps): React.ReactNode => {\n return (\n <SelectionControl\n style={style}\n className={classNames(styles.host, className)}\n disabled={restProps.disabled}\n getRootRef={getRootRef}\n hoverMode={hoverMode}\n activeMode={activeMode}\n hasHover={hasHover}\n hasActive={hasActive}\n focusVisibleMode={focusVisibleMode}\n {...labelProps}\n >\n <RadioInput {...restProps} getRef={getRef} />\n <SelectionControlLabel titleAfter={titleAfter} description={description}>\n {children}\n </SelectionControlLabel>\n </SelectionControl>\n );\n};\n\nRadio.Input = RadioInput;\n"],"names":["React","classNames","SelectionControl","SelectionControlLabel","RadioInput","Radio","children","description","style","className","getRootRef","titleAfter","getRef","labelProps","hoverMode","activeMode","hasHover","hasActive","focusVisibleMode","restProps","disabled","Input"],"mappings":";;;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,gBAAgB,QAAQ,0CAAuC;AACxE,SAASC,qBAAqB,QAAQ,qEAAkE;AAExG,SAASC,UAAU,QAAQ,6BAA0B;~~AAmBrD~~;;CAEC,GACD,OAAO,MAAMC,QAAQ;QAAC,EACpBC,QAAQ,EACRC,WAAW,EACXC,KAAK,EACLC,SAAS,EACTC,UAAU,EACVC,UAAU,EACVC,MAAM,EACNC,UAAU,EACVC,SAAS,EACTC,UAAU,EACVC,QAAQ,EACRC,SAAS,EACTC,gBAAgB,EAEL,WADRC;QAbHb;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,qBACE,MAAChB;QACCM,OAAOA;QACPC,WAAWR,8BAAwBQ;QACnCW,UAAUD,UAAUC,QAAQ;QAC5BV,YAAYA;QACZI,WAAWA;QACXC,YAAYA;QACZC,UAAUA;QACVC,WAAWA;QACXC,kBAAkBA;OACdL;;0BAEJ,KAACT,oDAAee;gBAAWP,QAAQA;;0BACnC,KAACT;gBAAsBQ,YAAYA;gBAAYJ,aAAaA;0BACzDD;;;;AAIT,EAAE;AAEFD,MAAMgB,KAAK,GAAGjB"}
1	+ {"version":3,"sources":["../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { HasDataAttribute, HasRef, HasRootRef } from '../../types';\nimport { SelectionControl } from '../SelectionControl/SelectionControl';\nimport { SelectionControlLabel } from '../SelectionControl/SelectionControlLabel/SelectionControlLabel';\nimport type { TappableProps } from '../Tappable/Tappable';\nimport { RadioInput } from './RadioInput/RadioInput';\nimport styles from './Radio.module.css';\n\nexport interface RadioProps\n extends React.InputHTMLAttributes<HTMLInputElement>,\n HasRef<HTMLInputElement>,\n HasRootRef<HTMLLabelElement>,\n Pick<\n TappableProps,\n 'hoverMode' \| 'activeMode' \| 'hasHover' \| 'hasActive' \| 'focusVisibleMode'\n > {\n /*\n Дополнительное описание под основным текстом.\n /\n description?: React.ReactNode;\n /\n Элемент после основного текста.\n /\n titleAfter?: React.ReactNode;\n /\n Позволяет передавать data-* аттрибуты элементу label.\n /\n labelProps?: HasDataAttribute;\n}\n\n/\n * @see https://vkcom.github.io/VKUI/#/Radio\n */\nexport const Radio = ({\n children,\n description,\n style,\n className,\n getRootRef,\n titleAfter,\n getRef,\n labelProps,\n hoverMode,\n activeMode,\n hasHover,\n hasActive,\n focusVisibleMode,\n ...restProps\n}: RadioProps): React.ReactNode => {\n return (\n <SelectionControl\n style={style}\n className={classNames(styles.host, className)}\n disabled={restProps.disabled}\n getRootRef={getRootRef}\n hoverMode={hoverMode}\n activeMode={activeMode}\n hasHover={hasHover}\n hasActive={hasActive}\n focusVisibleMode={focusVisibleMode}\n {...labelProps}\n >\n <RadioInput {...restProps} getRef={getRef} />\n <SelectionControlLabel titleAfter={titleAfter} description={description}>\n {children}\n </SelectionControlLabel>\n </SelectionControl>\n );\n};\n\nRadio.Input = RadioInput;\n"],"names":["React","classNames","SelectionControl","SelectionControlLabel","RadioInput","Radio","children","description","style","className","getRootRef","titleAfter","getRef","labelProps","hoverMode","activeMode","hasHover","hasActive","focusVisibleMode","restProps","disabled","Input"],"mappings":";;;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,gBAAgB,QAAQ,0CAAuC;AACxE,SAASC,qBAAqB,QAAQ,qEAAkE;AAExG,SAASC,UAAU,QAAQ,6BAA0B;AAyBrD;;CAEC,GACD,OAAO,MAAMC,QAAQ;QAAC,EACpBC,QAAQ,EACRC,WAAW,EACXC,KAAK,EACLC,SAAS,EACTC,UAAU,EACVC,UAAU,EACVC,MAAM,EACNC,UAAU,EACVC,SAAS,EACTC,UAAU,EACVC,QAAQ,EACRC,SAAS,EACTC,gBAAgB,EAEL,WADRC;QAbHb;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,qBACE,MAAChB;QACCM,OAAOA;QACPC,WAAWR,8BAAwBQ;QACnCW,UAAUD,UAAUC,QAAQ;QAC5BV,YAAYA;QACZI,WAAWA;QACXC,YAAYA;QACZC,UAAUA;QACVC,WAAWA;QACXC,kBAAkBA;OACdL;;0BAEJ,KAACT,oDAAee;gBAAWP,QAAQA;;0BACnC,KAACT;gBAAsBQ,YAAYA;gBAAYJ,aAAaA;0BACzDD;;;;AAIT,EAAE;AAEFD,MAAMgB,KAAK,GAAGjB"}

package/dist/components/RadioGroup/RadioGroup.d.ts CHANGED Viewed

@@ -1,6 +1,9 @@
 import * as React from 'react';
 import type { HTMLAttributesWithRootRef } from '../../types';
 export interface RadioGroupProps extends HTMLAttributesWithRootRef<HTMLDivElement> {
+    /**
+     * Режим расположения элементов.
+     */
     mode?: 'vertical' | 'horizontal';
 }
 /**

package/dist/components/RadioGroup/RadioGroup.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAI7D,MAAM,WAAW,eAAgB,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IAChF,IAAI,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;CAClC;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,wBAGxB,eAAe,KAAG,KAAK,CAAC,SAU1B,CAAC"}
1	+ {"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAI7D,MAAM,WAAW,eAAgB,SAAQ,yBAAyB,CAAC,cAAc,CAAC;IAChF;;OAEG;IACH,IAAI,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;CAClC;AAED;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,wBAGxB,eAAe,KAAG,KAAK,CAAC,SAU1B,CAAC"}

package/dist/components/RadioGroup/RadioGroup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './RadioGroup.module.css';\n\nexport interface RadioGroupProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n mode?: 'vertical' \| 'horizontal';\n}\n\n/*\n @see https://vkcom.github.io/VKUI/#/RadioGroup\n */\nexport const RadioGroup = ({\n mode = 'vertical',\n ...restProps\n}: RadioGroupProps): React.ReactNode => (\n <RootComponent\n baseClassName={classNames(\n styles.host,\n 'vkuiInternalRadioGroup',\n mode === 'horizontal' && styles.modeHorizontal,\n )}\n role=\"radiogroup\"\n {...restProps}\n />\n);\n"],"names":["React","classNames","RootComponent","RadioGroup","mode","restProps","baseClassName","role"],"mappings":";;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,aAAa,QAAQ,oCAAiC;~~AAO~~/D;;CAEC,GACD,OAAO,MAAMC,aAAa;QAAC,EACzBC,OAAO,UAAU,EAED,WADbC;QADHD;;yBAGA,KAACF;QACCI,eAAeL,mCAEb,0BACAG,SAAS;QAEXG,MAAK;OACDF;EAEN"}
1	+ {"version":3,"sources":["../../../src/components/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport styles from './RadioGroup.module.css';\n\nexport interface RadioGroupProps extends HTMLAttributesWithRootRef<HTMLDivElement> {\n /*\n Режим расположения элементов.\n /\n mode?: 'vertical' \| 'horizontal';\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/RadioGroup\n */\nexport const RadioGroup = ({\n mode = 'vertical',\n ...restProps\n}: RadioGroupProps): React.ReactNode => (\n <RootComponent\n baseClassName={classNames(\n styles.host,\n 'vkuiInternalRadioGroup',\n mode === 'horizontal' && styles.modeHorizontal,\n )}\n role=\"radiogroup\"\n {...restProps}\n />\n);\n"],"names":["React","classNames","RootComponent","RadioGroup","mode","restProps","baseClassName","role"],"mappings":";;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,aAAa,QAAQ,oCAAiC;AAU/D;;CAEC,GACD,OAAO,MAAMC,aAAa;QAAC,EACzBC,OAAO,UAAU,EAED,WADbC;QADHD;;yBAGA,KAACF;QACCI,eAAeL,mCAEb,0BACAG,SAAS;QAEXG,MAAK;OACDF;EAEN"}

package/dist/components/Removable/Removable.d.ts CHANGED Viewed

@@ -6,26 +6,26 @@ export interface RemovableProps {
      */
     removePlaceholder?: React.ReactNode;
     /**
-     * Коллбэк срабатывает при клике на контрол удаления.
+     * Обработчик, срабатывающий при нажатии на контрол удаления.
      */
     onRemove?: (e: React.MouseEvent, rootEl?: HTMLElement | null) => void;
     /**
-     * Передает атрибут `data-testid` для кнопки, которая активирует кнопку удаления (iOS only)
+     * Передает атрибут `data-testid` для кнопки, которая активирует кнопку удаления (iOS only).
      */
     toggleButtonTestId?: string;
     /**
-     * Передает атрибут `data-testid` для кнопки удаления
+     * Передает атрибут `data-testid` для кнопки удаления.
      */
     removeButtonTestId?: string;
     /**
-     * Ячейка превращается в неактивную
+     * Блокировка взаимодействия с компонентом.
      */
     disabled?: boolean;
 }
 interface RemovableIosRenderProps {
     /**
-     * Показывает состояние Removable на платформе iOS при клике на иконку удаления.
-     * Для имитации поведения на iOS при клике на иконку удаления самого удаление не происходит,
+     * Показывает состояние Removable на платформе iOS при нажатии на иконку удаления.
+     * Для имитации поведения на iOS при нажатии на иконку удаления самого удаление не происходит,
      * контент сдвигается влево и справа выезжает настоящая кнопка "Удалить".
      * Когда контент сдвинут `isRemoving = true`.
      */
@@ -42,9 +42,12 @@ interface RemovableOwnProps extends Omit<HTMLAttributesWithRootRef<HTMLDivElemen
      */
     indent?: boolean;
     /**
-     * Убирает базовые отступы для базовой платформы
+     * Убирает базовые отступы для базовой платформы.
      */
     noPadding?: boolean;
+    /**
+     * Содержимое. Можно передать функцию для отрисовки.
+     */
     children?: React.ReactNode | ((renderProps: RemovableIosRenderProps) => React.ReactNode);
 }
 /**

package/dist/components/Removable/Removable.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Removable.d.ts","sourceRoot":"","sources":["../../../src/components/Removable/Removable.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAuB,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAOlF,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACtE;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;~~AAmGD~~,UAAU,uBAAuB;IAC/B;;;;;OAKG;IACH,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,iBACR,SAAQ,IAAI,CAAC,yBAAyB,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,EACjE,cAAc;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC3B;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,WAAW,EAAE,uBAAuB,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;CAC1F;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,GAAI,qIAWvB,iBAAiB,KAAG,KAAK,CAAC,SA2D5B,CAAC"}
1	+ {"version":3,"file":"Removable.d.ts","sourceRoot":"","sources":["../../../src/components/Removable/Removable.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAuB,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAOlF,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,EAAE,MAAM,CAAC,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACtE;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAoGD,UAAU,uBAAuB;IAC/B;;;;;OAKG;IACH,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,iBACR,SAAQ,IAAI,CAAC,yBAAyB,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,EACjE,cAAc;IAChB;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAC;IAC3B;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,WAAW,EAAE,uBAAuB,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;CAC1F;AAED;;GAEG;AACH,eAAO,MAAM,SAAS,GAAI,qIAWvB,iBAAiB,KAAG,KAAK,CAAC,SA2D5B,CAAC"}

package/dist/components/Removable/Removable.js CHANGED Viewed

@@ -15,7 +15,7 @@ import { IconButton } from "../IconButton/IconButton.js";
 import { RootComponent } from "../RootComponent/RootComponent.js";
 import { Tappable } from "../Tappable/Tappable.js";
 import { VisuallyHidden } from "../VisuallyHidden/VisuallyHidden.js";
-/**
+/* eslint-enable jsdoc/require-jsdoc */ /**
  * @see https://vkcom.github.io/VKUI/#/RemovableIos
  */ const RemovableIos = ({ onRemove, removePlaceholder, removePlaceholderString, children: childrenProp, toggleButtonTestId, removeButtonTestId, disabled })=>{
     const direction = useConfigDirection();

package/dist/components/Removable/Removable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/Removable/Removable.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Icon24Cancel } from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useConfigDirection } from '../../hooks/useConfigDirection';\nimport { useGlobalEventListener } from '../../hooks/useGlobalEventListener';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { getTextFromChildren } from '../../lib/children';\nimport { useDOM } from '../../lib/dom';\nimport type { CSSCustomProperties, HTMLAttributesWithRootRef } from '../../types';\nimport { IconButton } from '../IconButton/IconButton';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Tappable } from '../Tappable/Tappable';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from './Removable.module.css';\n\nexport interface RemovableProps {\n /*\n Текст кнопки удаления ячейки. Визуально скрыт везде, кроме iOS. На iOS появляется в выезжающей кнопке для удаления ячейки.\n /\n removePlaceholder?: React.ReactNode;\n /\n Коллбэк срабатывает при клике на контрол удаления.\n /\n onRemove?: (e: React.MouseEvent, rootEl?: HTMLElement \| null) => void;\n /\n Передает атрибут `data-testid` для кнопки, которая активирует кнопку удаления (iOS only)\n /\n toggleButtonTestId?: string;\n /\n Передает атрибут `data-testid` для кнопки удаления\n /\n removeButtonTestId?: string;\n /\n Ячейка превращается в неактивную\n /\n disabled?: boolean;\n}\n\ninterface RemovableIosOwnProps extends RemovableProps {\n removePlaceholderString?: string;\n children?: React.ReactNode \| ((renderProps: RemovableIosRenderProps) => React.ReactNode);\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/RemovableIos\n /\nconst RemovableIos = ({\n onRemove,\n removePlaceholder,\n removePlaceholderString,\n children: childrenProp,\n toggleButtonTestId,\n removeButtonTestId,\n disabled,\n}: RemovableIosOwnProps) => {\n const direction = useConfigDirection();\n const isRtl = direction === 'rtl';\n const { window } = useDOM();\n\n const removeButtonRef = React.useRef<HTMLElement>(null);\n const disabledRef = React.useRef(true);\n const [removeOffset, updateRemoveOffset] = React.useState(0);\n\n useGlobalEventListener(\n window,\n 'click',\n () => {\n if (removeOffset > 0) {\n updateRemoveOffset(0);\n }\n },\n { capture: true },\n );\n\n const onRemoveTransitionEnd = () => {\n if (removeOffset > 0) {\n removeButtonRef?.current?.focus();\n } else {\n disabledRef.current = true;\n }\n };\n\n const onRemoveActivateClick = (e: React.MouseEvent) => {\n e.stopPropagation();\n if (!removeButtonRef.current) {\n return;\n }\n const { offsetWidth } = removeButtonRef.current;\n disabledRef.current = false;\n updateRemoveOffset(offsetWidth);\n };\n\n const style: CSSCustomProperties = {\n '--vkui_internal_Removable_remove_offset': String(removeOffset ?? 0),\n };\n\n return (\n <div\n className={classNames(styles.content, isRtl && styles.rtl, 'vkuiInternalRemovable__content')}\n style={style}\n onTransitionEnd={onRemoveTransitionEnd}\n >\n <IconButton\n hasActive={false}\n hasHover={false}\n className={classNames(styles.action, styles.toggle, 'vkuiInternalRemovable__action')}\n onClick={onRemoveActivateClick}\n disabled={removeOffset > 0 \|\| disabled}\n data-testid={toggleButtonTestId}\n >\n <VisuallyHidden>{removePlaceholderString}</VisuallyHidden>\n <i className={styles.toggleIn} role=\"presentation\" />\n </IconButton>\n {typeof childrenProp === 'function'\n ? childrenProp({ isRemoving: removeOffset > 0 })\n : childrenProp}\n\n <span className={styles.offset} aria-hidden />\n\n <Tappable\n Component=\"button\"\n hasActive={false}\n hasHover={false}\n disabled={disabledRef.current}\n getRootRef={removeButtonRef}\n className={styles.remove}\n onClick={onRemove}\n data-testid={removeButtonTestId}\n >\n <span className={styles.removeIn}>{removePlaceholder}</span>\n </Tappable>\n </div>\n );\n};\n\ninterface RemovableIosRenderProps {\n /\n Показывает состояние Removable на платформе iOS при клике на иконку удаления.\n * Для имитации поведения на iOS при клике на иконку удаления самого удаление не происходит,\n * контент сдвигается влево и справа выезжает настоящая кнопка \"Удалить\".\n * Когда контент сдвинут `isRemoving = true`.\n /\n isRemoving: boolean;\n}\n\ninterface RemovableOwnProps\n extends Omit<HTMLAttributesWithRootRef<HTMLDivElement>, 'children'>,\n RemovableProps {\n /\n Расположение кнопки удаления.\n /\n align?: 'start' \| 'center';\n /\n Скрывает кнопку, но оставляет отступ.\n * @since 5.4.0\n /\n indent?: boolean;\n /\n Убирает базовые отступы для базовой платформы\n /\n noPadding?: boolean;\n children?: React.ReactNode \| ((renderProps: RemovableIosRenderProps) => React.ReactNode);\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/Removable\n */\nexport const Removable = ({\n children,\n onRemove,\n removePlaceholder = 'Удалить',\n align = 'center',\n indent = false,\n toggleButtonTestId,\n removeButtonTestId,\n disabled,\n noPadding,\n ...restProps\n}: RemovableOwnProps): React.ReactNode => {\n const platform = usePlatform();\n\n const onRemoveClick = (e: React.MouseEvent) => {\n e.preventDefault();\n onRemove?.(e);\n };\n\n const removePlaceholderString: string = getTextFromChildren(removePlaceholder);\n\n return (\n <RootComponent\n {...restProps}\n baseClassName={classNames(\n platform === 'ios' && styles.ios,\n align === 'start' && styles.alignStart,\n indent && styles.indent,\n )}\n >\n {platform !== 'ios' && (\n <div\n className={classNames(\n styles.content,\n !noPadding && styles.withPadding,\n 'vkuiInternalRemovable__content',\n )}\n >\n {typeof children === 'function' ? children({ isRemoving: false }) : children}\n\n <IconButton\n activeMode=\"opacity\"\n hoverMode=\"opacity\"\n className={classNames(styles.action, 'vkuiInternalRemovable__action')}\n onClick={onRemoveClick}\n label={removePlaceholderString}\n data-testid={removeButtonTestId}\n disabled={disabled}\n >\n <Icon24Cancel role=\"presentation\" />\n </IconButton>\n\n <span className={styles.offset} aria-hidden />\n </div>\n )}\n\n {platform === 'ios' && (\n <RemovableIos\n onRemove={onRemoveClick}\n removePlaceholder={removePlaceholder}\n removePlaceholderString={removePlaceholderString}\n toggleButtonTestId={toggleButtonTestId}\n removeButtonTestId={removeButtonTestId}\n disabled={disabled}\n >\n {children}\n </RemovableIos>\n )}\n </RootComponent>\n );\n};\n"],"names":["React","Icon24Cancel","classNames","useConfigDirection","useGlobalEventListener","usePlatform","getTextFromChildren","useDOM","IconButton","RootComponent","Tappable","VisuallyHidden","RemovableIos","onRemove","removePlaceholder","removePlaceholderString","children","childrenProp","toggleButtonTestId","removeButtonTestId","disabled","direction","isRtl","window","removeButtonRef","useRef","disabledRef","removeOffset","updateRemoveOffset","useState","capture","onRemoveTransitionEnd","current","focus","onRemoveActivateClick","e","stopPropagation","offsetWidth","style","String","div","className","onTransitionEnd","hasActive","hasHover","onClick","data-testid","i","role","isRemoving","span","aria-hidden","Component","getRootRef","Removable","align","indent","noPadding","restProps","platform","onRemoveClick","preventDefault","baseClassName","activeMode","hoverMode","label"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../src/components/Removable/Removable.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { Icon24Cancel } from '@vkontakte/icons';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useConfigDirection } from '../../hooks/useConfigDirection';\nimport { useGlobalEventListener } from '../../hooks/useGlobalEventListener';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { getTextFromChildren } from '../../lib/children';\nimport { useDOM } from '../../lib/dom';\nimport type { CSSCustomProperties, HTMLAttributesWithRootRef } from '../../types';\nimport { IconButton } from '../IconButton/IconButton';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Tappable } from '../Tappable/Tappable';\nimport { VisuallyHidden } from '../VisuallyHidden/VisuallyHidden';\nimport styles from './Removable.module.css';\n\nexport interface RemovableProps {\n /*\n Текст кнопки удаления ячейки. Визуально скрыт везде, кроме iOS. На iOS появляется в выезжающей кнопке для удаления ячейки.\n /\n removePlaceholder?: React.ReactNode;\n /\n Обработчик, срабатывающий при нажатии на контрол удаления.\n /\n onRemove?: (e: React.MouseEvent, rootEl?: HTMLElement \| null) => void;\n /\n Передает атрибут `data-testid` для кнопки, которая активирует кнопку удаления (iOS only).\n /\n toggleButtonTestId?: string;\n /\n Передает атрибут `data-testid` для кнопки удаления.\n /\n removeButtonTestId?: string;\n /\n Блокировка взаимодействия с компонентом.\n /\n disabled?: boolean;\n}\n/ eslint-disable jsdoc/require-jsdoc /\ninterface RemovableIosOwnProps extends RemovableProps {\n removePlaceholderString?: string;\n children?: React.ReactNode \| ((renderProps: RemovableIosRenderProps) => React.ReactNode);\n}\n/ eslint-enable jsdoc/require-jsdoc /\n\n/\n @see https://vkcom.github.io/VKUI/#/RemovableIos\n /\nconst RemovableIos = ({\n onRemove,\n removePlaceholder,\n removePlaceholderString,\n children: childrenProp,\n toggleButtonTestId,\n removeButtonTestId,\n disabled,\n}: RemovableIosOwnProps) => {\n const direction = useConfigDirection();\n const isRtl = direction === 'rtl';\n const { window } = useDOM();\n\n const removeButtonRef = React.useRef<HTMLElement>(null);\n const disabledRef = React.useRef(true);\n const [removeOffset, updateRemoveOffset] = React.useState(0);\n\n useGlobalEventListener(\n window,\n 'click',\n () => {\n if (removeOffset > 0) {\n updateRemoveOffset(0);\n }\n },\n { capture: true },\n );\n\n const onRemoveTransitionEnd = () => {\n if (removeOffset > 0) {\n removeButtonRef?.current?.focus();\n } else {\n disabledRef.current = true;\n }\n };\n\n const onRemoveActivateClick = (e: React.MouseEvent) => {\n e.stopPropagation();\n if (!removeButtonRef.current) {\n return;\n }\n const { offsetWidth } = removeButtonRef.current;\n disabledRef.current = false;\n updateRemoveOffset(offsetWidth);\n };\n\n const style: CSSCustomProperties = {\n '--vkui_internal_Removable_remove_offset': String(removeOffset ?? 0),\n };\n\n return (\n <div\n className={classNames(styles.content, isRtl && styles.rtl, 'vkuiInternalRemovable__content')}\n style={style}\n onTransitionEnd={onRemoveTransitionEnd}\n >\n <IconButton\n hasActive={false}\n hasHover={false}\n className={classNames(styles.action, styles.toggle, 'vkuiInternalRemovable__action')}\n onClick={onRemoveActivateClick}\n disabled={removeOffset > 0 \|\| disabled}\n data-testid={toggleButtonTestId}\n >\n <VisuallyHidden>{removePlaceholderString}</VisuallyHidden>\n <i className={styles.toggleIn} role=\"presentation\" />\n </IconButton>\n {typeof childrenProp === 'function'\n ? childrenProp({ isRemoving: removeOffset > 0 })\n : childrenProp}\n\n <span className={styles.offset} aria-hidden />\n\n <Tappable\n Component=\"button\"\n hasActive={false}\n hasHover={false}\n disabled={disabledRef.current}\n getRootRef={removeButtonRef}\n className={styles.remove}\n onClick={onRemove}\n data-testid={removeButtonTestId}\n >\n <span className={styles.removeIn}>{removePlaceholder}</span>\n </Tappable>\n </div>\n );\n};\n\ninterface RemovableIosRenderProps {\n /\n Показывает состояние Removable на платформе iOS при нажатии на иконку удаления.\n * Для имитации поведения на iOS при нажатии на иконку удаления самого удаление не происходит,\n * контент сдвигается влево и справа выезжает настоящая кнопка \"Удалить\".\n * Когда контент сдвинут `isRemoving = true`.\n /\n isRemoving: boolean;\n}\n\ninterface RemovableOwnProps\n extends Omit<HTMLAttributesWithRootRef<HTMLDivElement>, 'children'>,\n RemovableProps {\n /\n Расположение кнопки удаления.\n /\n align?: 'start' \| 'center';\n /\n Скрывает кнопку, но оставляет отступ.\n * @since 5.4.0\n /\n indent?: boolean;\n /\n Убирает базовые отступы для базовой платформы.\n /\n noPadding?: boolean;\n /\n Содержимое. Можно передать функцию для отрисовки.\n /\n children?: React.ReactNode \| ((renderProps: RemovableIosRenderProps) => React.ReactNode);\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/Removable\n */\nexport const Removable = ({\n children,\n onRemove,\n removePlaceholder = 'Удалить',\n align = 'center',\n indent = false,\n toggleButtonTestId,\n removeButtonTestId,\n disabled,\n noPadding,\n ...restProps\n}: RemovableOwnProps): React.ReactNode => {\n const platform = usePlatform();\n\n const onRemoveClick = (e: React.MouseEvent) => {\n e.preventDefault();\n onRemove?.(e);\n };\n\n const removePlaceholderString: string = getTextFromChildren(removePlaceholder);\n\n return (\n <RootComponent\n {...restProps}\n baseClassName={classNames(\n platform === 'ios' && styles.ios,\n align === 'start' && styles.alignStart,\n indent && styles.indent,\n )}\n >\n {platform !== 'ios' && (\n <div\n className={classNames(\n styles.content,\n !noPadding && styles.withPadding,\n 'vkuiInternalRemovable__content',\n )}\n >\n {typeof children === 'function' ? children({ isRemoving: false }) : children}\n\n <IconButton\n activeMode=\"opacity\"\n hoverMode=\"opacity\"\n className={classNames(styles.action, 'vkuiInternalRemovable__action')}\n onClick={onRemoveClick}\n label={removePlaceholderString}\n data-testid={removeButtonTestId}\n disabled={disabled}\n >\n <Icon24Cancel role=\"presentation\" />\n </IconButton>\n\n <span className={styles.offset} aria-hidden />\n </div>\n )}\n\n {platform === 'ios' && (\n <RemovableIos\n onRemove={onRemoveClick}\n removePlaceholder={removePlaceholder}\n removePlaceholderString={removePlaceholderString}\n toggleButtonTestId={toggleButtonTestId}\n removeButtonTestId={removeButtonTestId}\n disabled={disabled}\n >\n {children}\n </RemovableIos>\n )}\n </RootComponent>\n );\n};\n"],"names":["React","Icon24Cancel","classNames","useConfigDirection","useGlobalEventListener","usePlatform","getTextFromChildren","useDOM","IconButton","RootComponent","Tappable","VisuallyHidden","RemovableIos","onRemove","removePlaceholder","removePlaceholderString","children","childrenProp","toggleButtonTestId","removeButtonTestId","disabled","direction","isRtl","window","removeButtonRef","useRef","disabledRef","removeOffset","updateRemoveOffset","useState","capture","onRemoveTransitionEnd","current","focus","onRemoveActivateClick","e","stopPropagation","offsetWidth","style","String","div","className","onTransitionEnd","hasActive","hasHover","onClick","data-testid","i","role","isRemoving","span","aria-hidden","Component","getRootRef","Removable","align","indent","noPadding","restProps","platform","onRemoveClick","preventDefault","baseClassName","activeMode","hoverMode","label"],"mappings":"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"}

package/dist/components/RichCell/RichCell.d.ts CHANGED Viewed

@@ -23,11 +23,11 @@ export interface RichCellProps extends TappableProps {
      * Кнопки-действия. Принимает [`Button`](https://vkcom.github.io/VKUI/#/Button) с параметрами:
      *
      * - `mode="primary" size="s"`
-     * - `mode="secondary" size="s"`
+     * - `mode="secondary" size="s"`.
      *
      * Для набора кнопок используйте [`ButtonGroup`](https://vkcom.github.io/VKUI/#/ButtonGroup) с параметрами:
      *
-     * - `mode="horizontal" gap="s" stretched`
+     * - `mode="horizontal" gap="s" stretched`.
      */
     actions?: React.ReactNode;
     /**
@@ -43,19 +43,19 @@ export interface RichCellProps extends TappableProps {
      */
     afterCaption?: React.ReactNode;
     /**
-     * Выравнивание before компонента по вертикали
+     * Выравнивание before компонента по вертикали.
      */
     beforeAlign?: Align;
     /**
-     * Выравнивание центрального контента по вертикали
+     * Выравнивание центрального контента по вертикали.
      */
     contentAlign?: Align;
     /**
-     * Выравнивание after компонента по вертикали
+     * Выравнивание after компонента по вертикали.
      */
     afterAlign?: Align;
     /**
-     * Убирает анимацию нажатия.
+     * Блокировка взаимодействия с компонентом. Убирает анимацию нажатия.
      */
     disabled?: boolean;
     /**

package/dist/components/RichCell/RichCell.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/RichCell/RichCell.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { Tappable, type TappableProps } from '../Tappable/Tappable';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport { RichCellIcon } from './RichCellIcon/RichCellIcon';\nimport styles from './RichCell.module.css';\n\nconst sizeYClassNames = {\n none: styles.sizeYNone,\n compact: styles.sizeYCompact,\n};\n\nconst alignAfterClassNames = {\n start: styles.alignAfterStart,\n center: styles.alignAfterCenter,\n end: styles.alignAfterEnd,\n};\n\nconst alignBeforeClassNames = {\n start: styles.alignBeforeStart,\n center: styles.alignBeforeCenter,\n end: styles.alignBeforeEnd,\n};\n\nconst alignContentClassNames = {\n start: styles.contentAlignStart,\n center: styles.contentAlignCenter,\n end: styles.contentAlignEnd,\n};\n\ntype Align = 'start' \| 'center' \| 'end';\n\nexport interface RichCellProps extends TappableProps {\n /*\n Контейнер для текста над `children`.\n /\n overTitle?: React.ReactNode;\n /\n Контейнер для текста под `children`.\n /\n subtitle?: React.ReactNode;\n /\n Контейнер для текста под `subtitle`.\n /\n extraSubtitle?: React.ReactNode;\n /\n Контейнер для контента под `caption`. Например `<UsersStack size=\"m\" />`.\n /\n bottom?: React.ReactNode;\n /\n Кнопки-действия. Принимает [`Button`](https://vkcom.github.io/VKUI/#/Button) с параметрами:\n \n - `mode=\"primary\" size=\"s\"`\n * - `mode=\"secondary\" size=\"s\"`\n \n Для набора кнопок используйте [`ButtonGroup`](https://vkcom.github.io/VKUI/#/ButtonGroup) с параметрами:\n \n - `mode=\"horizontal\" gap=\"s\" stretched`\n /\n actions?: React.ReactNode;\n /\n `<Avatar size={40\|48\|72} />`.\n /\n before?: React.ReactNode;\n /\n Иконка 28 или текст.\n /\n after?: React.ReactNode;\n /\n Текст под `after`.\n /\n afterCaption?: React.ReactNode;\n /\n Выравнивание before компонента по ~~вертикали\~~n /\n beforeAlign?: Align;\n /\n Выравнивание центрального контента по ~~вертикали\~~n /\n contentAlign?: Align;\n /\n Выравнивание after компонента по ~~вертикали\~~n /\n afterAlign?: Align;\n /\n Убирает анимацию нажатия.\n /\n disabled?: boolean;\n /\n Включает многострочный режим для `subhead`, `children`, `text` и `caption`.\n /\n multiline?: boolean;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/RichCell\n */\nexport const RichCell: React.FC<RichCellProps> & {\n Icon: typeof RichCellIcon;\n} = ({\n overTitle,\n children,\n subtitle,\n extraSubtitle,\n before,\n after,\n afterCaption,\n bottom,\n actions,\n multiline,\n beforeAlign = 'start',\n contentAlign = 'start',\n afterAlign = 'start',\n ...restProps\n}: RichCellProps) => {\n const { sizeY = 'none' } = useAdaptivity();\n const withAfter = after \|\| afterCaption;\n\n const afterRender = () => {\n if (!withAfter) {\n return;\n }\n return (\n <div className={styles.contentAfter}>\n {after && <div className={styles.afterChildren}>{after}</div>}\n {afterCaption && <div className={styles.afterCaption}>{afterCaption}</div>}\n </div>\n );\n };\n\n return (\n <Tappable\n {...restProps}\n baseClassName={classNames(\n styles.host,\n !multiline && styles.textEllipsis,\n sizeY !== 'regular' && sizeYClassNames[sizeY],\n withAfter && styles.withAfter,\n withAfter && alignAfterClassNames[afterAlign],\n before && alignBeforeClassNames[beforeAlign],\n alignContentClassNames[contentAlign],\n )}\n >\n {before && <div className={styles.before}>{before}</div>}\n <div className={styles.in}>\n <div className={styles.content}>\n <div className={styles.contentBefore}>\n {overTitle && (\n <Subhead Component=\"div\" className={styles.overTitle}>\n {overTitle}\n </Subhead>\n )}\n <div className={styles.children}>{children}</div>\n {subtitle && <div className={styles.subtitle}>{subtitle}</div>}\n {extraSubtitle && (\n <Subhead Component=\"div\" className={styles.extraSubtitle}>\n {extraSubtitle}\n </Subhead>\n )}\n </div>\n {afterAlign === 'start' && afterRender()}\n </div>\n {bottom && <div className={styles.bottom}>{bottom}</div>}\n {actions && <div className={styles.actions}>{actions}</div>}\n </div>\n {afterAlign !== 'start' && afterRender()}\n </Tappable>\n );\n};\n\nRichCell.Icon = RichCellIcon;\n"],"names":["React","classNames","useAdaptivity","Tappable","Subhead","RichCellIcon","sizeYClassNames","none","compact","alignAfterClassNames","start","center","end","alignBeforeClassNames","alignContentClassNames","RichCell","overTitle","children","subtitle","extraSubtitle","before","after","afterCaption","bottom","actions","multiline","beforeAlign","contentAlign","afterAlign","restProps","sizeY","withAfter","afterRender","div","className","baseClassName","Component","Icon"],"mappings":"AAAA;;;;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA4B;AAC1D,SAASC,QAAQ,QAA4B,0BAAuB;AACpE,SAASC,OAAO,QAAQ,mCAAgC;AACxD,SAASC,YAAY,QAAQ,iCAA8B;AAG3D,MAAMC,kBAAkB;IACtBC,IAAI;IACJC,OAAO;AACT;AAEA,MAAMC,uBAAuB;IAC3BC,KAAK;IACLC,MAAM;IACNC,GAAG;AACL;AAEA,MAAMC,wBAAwB;IAC5BH,KAAK;IACLC,MAAM;IACNC,GAAG;AACL;AAEA,MAAME,yBAAyB;IAC7BJ,KAAK;IACLC,MAAM;IACNC,GAAG;AACL;AAkEA;;CAEC,GACD,OAAO,MAAMG,WAET;QAAC,EACHC,SAAS,EACTC,QAAQ,EACRC,QAAQ,EACRC,aAAa,EACbC,MAAM,EACNC,KAAK,EACLC,YAAY,EACZC,MAAM,EACNC,OAAO,EACPC,SAAS,EACTC,cAAc,OAAO,EACrBC,eAAe,OAAO,EACtBC,aAAa,OAAO,EAEN,WADXC;QAbHb;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAM,EAAEE,QAAQ,MAAM,EAAE,GAAG5B;IAC3B,MAAM6B,YAAYV,SAASC;IAE3B,MAAMU,cAAc;QAClB,IAAI,CAACD,WAAW;YACd;QACF;QACA,qBACE,MAACE;YAAIC,SAAS;;gBACXb,uBAAS,KAACY;oBAAIC,SAAS;8BAAyBb;;gBAChDC,8BAAgB,KAACW;oBAAIC,SAAS;8BAAwBZ;;;;IAG7D;IAEA,qBACE,MAACnB,kDACK0B;QACJM,eAAelC,iCAEb,CAACwB,2CACDK,UAAU,aAAaxB,eAAe,CAACwB,MAAM,EAC7CC,wCACAA,aAAatB,oBAAoB,CAACmB,WAAW,EAC7CR,UAAUP,qBAAqB,CAACa,YAAY,EAC5CZ,sBAAsB,CAACa,aAAa;;YAGrCP,wBAAU,KAACa;gBAAIC,SAAS;0BAAkBd;;0BAC3C,MAACa;gBAAIC,SAAS;;kCACZ,MAACD;wBAAIC,SAAS;;0CACZ,MAACD;gCAAIC,SAAS;;oCACXlB,2BACC,KAACZ;wCAAQgC,WAAU;wCAAMF,SAAS;kDAC/BlB;;kDAGL,KAACiB;wCAAIC,SAAS;kDAAoBjB;;oCACjCC,0BAAY,KAACe;wCAAIC,SAAS;kDAAoBhB;;oCAC9CC,+BACC,KAACf;wCAAQgC,WAAU;wCAAMF,SAAS;kDAC/Bf;;;;4BAINS,eAAe,WAAWI;;;oBAE5BT,wBAAU,KAACU;wBAAIC,SAAS;kCAAkBX;;oBAC1CC,yBAAW,KAACS;wBAAIC,SAAS;kCAAmBV;;;;YAE9CI,eAAe,WAAWI;;;AAGjC,EAAE;AAEFjB,SAASsB,IAAI,GAAGhC"}
1	+ {"version":3,"sources":["../../../src/components/RichCell/RichCell.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../hooks/useAdaptivity';\nimport { Tappable, type TappableProps } from '../Tappable/Tappable';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport { RichCellIcon } from './RichCellIcon/RichCellIcon';\nimport styles from './RichCell.module.css';\n\nconst sizeYClassNames = {\n none: styles.sizeYNone,\n compact: styles.sizeYCompact,\n};\n\nconst alignAfterClassNames = {\n start: styles.alignAfterStart,\n center: styles.alignAfterCenter,\n end: styles.alignAfterEnd,\n};\n\nconst alignBeforeClassNames = {\n start: styles.alignBeforeStart,\n center: styles.alignBeforeCenter,\n end: styles.alignBeforeEnd,\n};\n\nconst alignContentClassNames = {\n start: styles.contentAlignStart,\n center: styles.contentAlignCenter,\n end: styles.contentAlignEnd,\n};\n\ntype Align = 'start' \| 'center' \| 'end';\n\nexport interface RichCellProps extends TappableProps {\n /*\n Контейнер для текста над `children`.\n /\n overTitle?: React.ReactNode;\n /\n Контейнер для текста под `children`.\n /\n subtitle?: React.ReactNode;\n /\n Контейнер для текста под `subtitle`.\n /\n extraSubtitle?: React.ReactNode;\n /\n Контейнер для контента под `caption`. Например `<UsersStack size=\"m\" />`.\n /\n bottom?: React.ReactNode;\n /\n Кнопки-действия. Принимает [`Button`](https://vkcom.github.io/VKUI/#/Button) с параметрами:\n \n - `mode=\"primary\" size=\"s\"`\n * - `mode=\"secondary\" size=\"s\"`.\n \n Для набора кнопок используйте [`ButtonGroup`](https://vkcom.github.io/VKUI/#/ButtonGroup) с параметрами:\n \n - `mode=\"horizontal\" gap=\"s\" stretched`.\n /\n actions?: React.ReactNode;\n /\n `<Avatar size={40\|48\|72} />`.\n /\n before?: React.ReactNode;\n /\n Иконка 28 или текст.\n /\n after?: React.ReactNode;\n /\n Текст под `after`.\n /\n afterCaption?: React.ReactNode;\n /\n Выравнивание before компонента по вертикали.\n /\n beforeAlign?: Align;\n /\n Выравнивание центрального контента по вертикали.\n /\n contentAlign?: Align;\n /\n Выравнивание after компонента по вертикали.\n /\n afterAlign?: Align;\n /\n Блокировка взаимодействия с компонентом. Убирает анимацию нажатия.\n /\n disabled?: boolean;\n /\n Включает многострочный режим для `subhead`, `children`, `text` и `caption`.\n /\n multiline?: boolean;\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/RichCell\n */\nexport const RichCell: React.FC<RichCellProps> & {\n Icon: typeof RichCellIcon;\n} = ({\n overTitle,\n children,\n subtitle,\n extraSubtitle,\n before,\n after,\n afterCaption,\n bottom,\n actions,\n multiline,\n beforeAlign = 'start',\n contentAlign = 'start',\n afterAlign = 'start',\n ...restProps\n}: RichCellProps) => {\n const { sizeY = 'none' } = useAdaptivity();\n const withAfter = after \|\| afterCaption;\n\n const afterRender = () => {\n if (!withAfter) {\n return;\n }\n return (\n <div className={styles.contentAfter}>\n {after && <div className={styles.afterChildren}>{after}</div>}\n {afterCaption && <div className={styles.afterCaption}>{afterCaption}</div>}\n </div>\n );\n };\n\n return (\n <Tappable\n {...restProps}\n baseClassName={classNames(\n styles.host,\n !multiline && styles.textEllipsis,\n sizeY !== 'regular' && sizeYClassNames[sizeY],\n withAfter && styles.withAfter,\n withAfter && alignAfterClassNames[afterAlign],\n before && alignBeforeClassNames[beforeAlign],\n alignContentClassNames[contentAlign],\n )}\n >\n {before && <div className={styles.before}>{before}</div>}\n <div className={styles.in}>\n <div className={styles.content}>\n <div className={styles.contentBefore}>\n {overTitle && (\n <Subhead Component=\"div\" className={styles.overTitle}>\n {overTitle}\n </Subhead>\n )}\n <div className={styles.children}>{children}</div>\n {subtitle && <div className={styles.subtitle}>{subtitle}</div>}\n {extraSubtitle && (\n <Subhead Component=\"div\" className={styles.extraSubtitle}>\n {extraSubtitle}\n </Subhead>\n )}\n </div>\n {afterAlign === 'start' && afterRender()}\n </div>\n {bottom && <div className={styles.bottom}>{bottom}</div>}\n {actions && <div className={styles.actions}>{actions}</div>}\n </div>\n {afterAlign !== 'start' && afterRender()}\n </Tappable>\n );\n};\n\nRichCell.Icon = RichCellIcon;\n"],"names":["React","classNames","useAdaptivity","Tappable","Subhead","RichCellIcon","sizeYClassNames","none","compact","alignAfterClassNames","start","center","end","alignBeforeClassNames","alignContentClassNames","RichCell","overTitle","children","subtitle","extraSubtitle","before","after","afterCaption","bottom","actions","multiline","beforeAlign","contentAlign","afterAlign","restProps","sizeY","withAfter","afterRender","div","className","baseClassName","Component","Icon"],"mappings":"AAAA;;;;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA4B;AAC1D,SAASC,QAAQ,QAA4B,0BAAuB;AACpE,SAASC,OAAO,QAAQ,mCAAgC;AACxD,SAASC,YAAY,QAAQ,iCAA8B;AAG3D,MAAMC,kBAAkB;IACtBC,IAAI;IACJC,OAAO;AACT;AAEA,MAAMC,uBAAuB;IAC3BC,KAAK;IACLC,MAAM;IACNC,GAAG;AACL;AAEA,MAAMC,wBAAwB;IAC5BH,KAAK;IACLC,MAAM;IACNC,GAAG;AACL;AAEA,MAAME,yBAAyB;IAC7BJ,KAAK;IACLC,MAAM;IACNC,GAAG;AACL;AAkEA;;CAEC,GACD,OAAO,MAAMG,WAET;QAAC,EACHC,SAAS,EACTC,QAAQ,EACRC,QAAQ,EACRC,aAAa,EACbC,MAAM,EACNC,KAAK,EACLC,YAAY,EACZC,MAAM,EACNC,OAAO,EACPC,SAAS,EACTC,cAAc,OAAO,EACrBC,eAAe,OAAO,EACtBC,aAAa,OAAO,EAEN,WADXC;QAbHb;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAM,EAAEE,QAAQ,MAAM,EAAE,GAAG5B;IAC3B,MAAM6B,YAAYV,SAASC;IAE3B,MAAMU,cAAc;QAClB,IAAI,CAACD,WAAW;YACd;QACF;QACA,qBACE,MAACE;YAAIC,SAAS;;gBACXb,uBAAS,KAACY;oBAAIC,SAAS;8BAAyBb;;gBAChDC,8BAAgB,KAACW;oBAAIC,SAAS;8BAAwBZ;;;;IAG7D;IAEA,qBACE,MAACnB,kDACK0B;QACJM,eAAelC,iCAEb,CAACwB,2CACDK,UAAU,aAAaxB,eAAe,CAACwB,MAAM,EAC7CC,wCACAA,aAAatB,oBAAoB,CAACmB,WAAW,EAC7CR,UAAUP,qBAAqB,CAACa,YAAY,EAC5CZ,sBAAsB,CAACa,aAAa;;YAGrCP,wBAAU,KAACa;gBAAIC,SAAS;0BAAkBd;;0BAC3C,MAACa;gBAAIC,SAAS;;kCACZ,MAACD;wBAAIC,SAAS;;0CACZ,MAACD;gCAAIC,SAAS;;oCACXlB,2BACC,KAACZ;wCAAQgC,WAAU;wCAAMF,SAAS;kDAC/BlB;;kDAGL,KAACiB;wCAAIC,SAAS;kDAAoBjB;;oCACjCC,0BAAY,KAACe;wCAAIC,SAAS;kDAAoBhB;;oCAC9CC,+BACC,KAACf;wCAAQgC,WAAU;wCAAMF,SAAS;kDAC/Bf;;;;4BAINS,eAAe,WAAWI;;;oBAE5BT,wBAAU,KAACU;wBAAIC,SAAS;kCAAkBX;;oBAC1CC,yBAAW,KAACS;wBAAIC,SAAS;kCAAmBV;;;;YAE9CI,eAAe,WAAWI;;;AAGjC,EAAE;AAEFjB,SAASsB,IAAI,GAAGhC"}

package/dist/components/Root/Root.d.ts CHANGED Viewed

@@ -2,12 +2,21 @@ import * as React from 'react';
 import { type NavIdProps } from '../../lib/getNavId';
 import type { HTMLAttributesWithRootRef } from '../../types';
 export interface RootProps extends HTMLAttributesWithRootRef<HTMLDivElement>, NavIdProps {
+    /**
+     * `id` активной `View`.
+     */
     activeView: string;
+    /**
+     * Обработчик, который вызывается при завершении анимации смены активной `View`.
+     */
     onTransition?: (params: {
         isBack: boolean;
         from: string;
         to: string;
     }) => void;
+    /**
+     * Коллекция `View`. У каждой `View` должен быть `id`.
+     */
     children: React.ReactElement | Iterable<React.ReactElement>;
 }
 export interface RootState {

package/dist/components/Root/Root.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Root.d.ts","sourceRoot":"","sources":["../../../src/components/Root/Root.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAY,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAG/D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAS7D,MAAM,WAAW,SAAU,SAAQ,yBAAyB,CAAC,cAAc,CAAC,EAAE,UAAU;IACtF,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,MAAM,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC/E,QAAQ,EAAE,KAAK,CAAC,YAAY,GAAG,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;CAC7D;~~AAED~~,MAAM,WAAW,SAAS;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;~~AAID~~;;GAEG;AACH,eAAO,MAAM,IAAI,GAAI,wEAMlB,SAAS,KAAG,KAAK,CAAC,SAoHpB,CAAC"}
1	+ {"version":3,"file":"Root.d.ts","sourceRoot":"","sources":["../../../src/components/Root/Root.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAY,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAC;AAG/D,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAS7D,MAAM,WAAW,SAAU,SAAQ,yBAAyB,CAAC,cAAc,CAAC,EAAE,UAAU;IACtF;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,MAAM,EAAE,OAAO,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAC;IAC/E;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,GAAG,QAAQ,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;CAC7D;AAGD,MAAM,WAAW,SAAS;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAKD;;GAEG;AACH,eAAO,MAAM,IAAI,GAAI,wEAMlB,SAAS,KAAG,KAAK,CAAC,SAoHpB,CAAC"}

package/dist/components/Root/Root.js CHANGED Viewed

@@ -16,7 +16,7 @@ import { NavTransitionProvider } from "../NavTransitionContext/NavTransitionCont
 import { NavTransitionDirectionProvider } from "../NavTransitionDirectionContext/NavTransitionDirectionContext.js";
 import { RootComponent } from "../RootComponent/RootComponent.js";
 import { SplitColContext } from "../SplitCol/SplitColContext.js";
-const warn = warnOnce('Root');
+/* eslint-enable jsdoc/require-jsdoc */ const warn = warnOnce('Root');
 /**
  * @see https://vkcom.github.io/VKUI/#/Root
  */ export const Root = (_param)=>{

package/dist/components/Root/Root.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/Root/Root.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useDOM } from '../../lib/dom';\nimport { getNavId, type NavIdProps } from '../../lib/getNavId';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { warnOnce } from '../../lib/warnOnce';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { ScrollContext } from '../AppRoot/ScrollContext';\nimport { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';\nimport { NavTransitionProvider } from '../NavTransitionContext/NavTransitionContext';\nimport { NavTransitionDirectionProvider } from '../NavTransitionDirectionContext/NavTransitionDirectionContext';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { SplitColContext } from '../SplitCol/SplitColContext';\nimport styles from './Root.module.css';\n\nexport interface RootProps extends HTMLAttributesWithRootRef<HTMLDivElement>, NavIdProps {\n activeView: string;\n onTransition?: (params: { isBack: boolean; from: string; to: string }) => void;\n children: React.ReactElement \| Iterable<React.ReactElement>;\n}\n\nexport interface RootState {\n activeView: string;\n transition: boolean;\n isBack?: boolean;\n prevView?: string;\n}\n\nconst warn = warnOnce('Root');\n\n/*\n @see https://vkcom.github.io/VKUI/#/Root\n */\nexport const Root = ({\n children,\n activeView: _activeView,\n onTransition,\n nav,\n ...restProps\n}: RootProps): React.ReactNode => {\n const scroll = React.useContext(ScrollContext);\n const platform = usePlatform();\n const { document } = useDOM();\n const scrolls = React.useRef<Record<string, number>>({}).current;\n const viewNodes = React.useRef<Record<string, HTMLElement \| null>>({}).current;\n\n const { transitionMotionEnabled = true } = useConfigProvider();\n const { animate } = React.useContext(SplitColContext);\n const disableAnimation = !transitionMotionEnabled \|\| !animate;\n\n const views = React.Children.toArray(children) as Array<React.ReactElement<NavIdProps>>;\n\n const [{ prevView, activeView, transition, isBack }, _setState] = React.useState<RootState>({\n activeView: _activeView,\n transition: false,\n });\n const transitionTo = (panel: string) => {\n if (panel !== activeView) {\n const viewIds = views.map((view) => getNavId(view.props, warn));\n const isBack = viewIds.indexOf(panel) < viewIds.indexOf(activeView);\n scrolls[activeView] = scroll.getScroll().y;\n _setState({\n activeView: panel,\n prevView: activeView,\n transition: !disableAnimation,\n isBack,\n });\n }\n };\n const finishTransition = React.useCallback(\n () => _setState({ activeView, prevView, isBack, transition: false }),\n [activeView, isBack, prevView],\n );\n\n useIsomorphicLayoutEffect(() => {\n (document!.activeElement as HTMLElement).blur();\n }, [activeView]);\n\n // Нужен переход\n useIsomorphicLayoutEffect(() => transitionTo(_activeView), [_activeView]);\n useIsomorphicLayoutEffect(() => {\n if (!transition && prevView) {\n // Закончился переход\n scroll.scrollTo(0, isBack ? scrolls[activeView] : 0);\n onTransition &&\n onTransition({\n isBack: Boolean(isBack),\n from: prevView,\n to: activeView,\n });\n }\n }, [transition, prevView]);\n\n React.useEffect(\n function onAnimationEndFallback() {\n if (transition && disableAnimation) {\n finishTransition();\n }\n },\n [transition, disableAnimation, finishTransition],\n );\n\n const onAnimationEnd = () => {\n finishTransition();\n };\n\n return (\n <RootComponent\n {...restProps}\n baseClassName={classNames(\n styles.host,\n platform === 'ios' && styles.ios,\n transition && styles.transition,\n )}\n >\n {views.map((view) => {\n const viewId = getNavId(view.props, warn);\n if (viewId !== activeView && !(transition && viewId === prevView)) {\n return null;\n }\n const isTransitionTarget = transition && viewId === (isBack ? prevView : activeView);\n const compensateScroll =\n transition && (viewId === prevView \|\| (isBack && viewId === activeView));\n return (\n <div\n key={viewId}\n ref={(e) => {\n viewId && (viewNodes[viewId] = e);\n }}\n onAnimationEnd={isTransitionTarget ? onAnimationEnd : undefined}\n className={classNames(\n styles.view,\n transition && viewId === prevView && isBack && styles.viewHideBack,\n transition && viewId === prevView && !isBack && styles.viewHideForward,\n transition && viewId === activeView && isBack && styles.viewShowBack,\n transition && viewId === activeView && !isBack && styles.viewShowForward,\n )}\n >\n <NavTransitionDirectionProvider isBack={isBack}>\n <NavTransitionProvider entering={transition && viewId === activeView}>\n <div\n className={styles.scrollCompensation}\n style={{\n marginTop: compensateScroll ? viewId && -(scrolls[viewId] ?? 0) : undefined,\n }}\n >\n {view}\n </div>\n </NavTransitionProvider>\n </NavTransitionDirectionProvider>\n </div>\n );\n })}\n </RootComponent>\n );\n};\n"],"names":["React","classNames","usePlatform","useDOM","getNavId","useIsomorphicLayoutEffect","warnOnce","ScrollContext","useConfigProvider","NavTransitionProvider","NavTransitionDirectionProvider","RootComponent","SplitColContext","warn","Root","children","activeView","_activeView","onTransition","nav","restProps","scroll","useContext","platform","document","scrolls","useRef","current","viewNodes","transitionMotionEnabled","animate","disableAnimation","views","Children","toArray","prevView","transition","isBack","_setState","useState","transitionTo","panel","viewIds","map","view","props","indexOf","getScroll","y","finishTransition","useCallback","activeElement","blur","scrollTo","Boolean","from","to","useEffect","onAnimationEndFallback","onAnimationEnd","baseClassName","viewId","isTransitionTarget","compensateScroll","div","ref","e","undefined","className","entering","style","marginTop"],"mappings":"AAAA;;;;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,WAAW,QAAQ,6BAA0B;AACtD,SAASC,MAAM,QAAQ,mBAAgB;AACvC,SAASC,QAAQ,QAAyB,wBAAqB;AAC/D,SAASC,yBAAyB,QAAQ,yCAAsC;AAChF,SAASC,QAAQ,QAAQ,wBAAqB;AAE9C,SAASC,aAAa,QAAQ,8BAA2B;AACzD,SAASC,iBAAiB,QAAQ,6CAA0C;AAC5E,SAASC,qBAAqB,QAAQ,kDAA+C;AACrF,SAASC,8BAA8B,QAAQ,oEAAiE;AAChH,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,eAAe,QAAQ,iCAA8B;~~AAgB9D~~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"}
1	+ {"version":3,"sources":["../../../src/components/Root/Root.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useDOM } from '../../lib/dom';\nimport { getNavId, type NavIdProps } from '../../lib/getNavId';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { warnOnce } from '../../lib/warnOnce';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { ScrollContext } from '../AppRoot/ScrollContext';\nimport { useConfigProvider } from '../ConfigProvider/ConfigProviderContext';\nimport { NavTransitionProvider } from '../NavTransitionContext/NavTransitionContext';\nimport { NavTransitionDirectionProvider } from '../NavTransitionDirectionContext/NavTransitionDirectionContext';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { SplitColContext } from '../SplitCol/SplitColContext';\nimport styles from './Root.module.css';\n\nexport interface RootProps extends HTMLAttributesWithRootRef<HTMLDivElement>, NavIdProps {\n /*\n `id` активной `View`.\n /\n activeView: string;\n /\n Обработчик, который вызывается при завершении анимации смены активной `View`.\n /\n onTransition?: (params: { isBack: boolean; from: string; to: string }) => void;\n /\n Коллекция `View`. У каждой `View` должен быть `id`.\n /\n children: React.ReactElement \| Iterable<React.ReactElement>;\n}\n\n/ eslint-disable jsdoc/require-jsdoc /\nexport interface RootState {\n activeView: string;\n transition: boolean;\n isBack?: boolean;\n prevView?: string;\n}\n/ eslint-enable jsdoc/require-jsdoc /\n\nconst warn = warnOnce('Root');\n\n/\n @see https://vkcom.github.io/VKUI/#/Root\n */\nexport const Root = ({\n children,\n activeView: _activeView,\n onTransition,\n nav,\n ...restProps\n}: RootProps): React.ReactNode => {\n const scroll = React.useContext(ScrollContext);\n const platform = usePlatform();\n const { document } = useDOM();\n const scrolls = React.useRef<Record<string, number>>({}).current;\n const viewNodes = React.useRef<Record<string, HTMLElement \| null>>({}).current;\n\n const { transitionMotionEnabled = true } = useConfigProvider();\n const { animate } = React.useContext(SplitColContext);\n const disableAnimation = !transitionMotionEnabled \|\| !animate;\n\n const views = React.Children.toArray(children) as Array<React.ReactElement<NavIdProps>>;\n\n const [{ prevView, activeView, transition, isBack }, _setState] = React.useState<RootState>({\n activeView: _activeView,\n transition: false,\n });\n const transitionTo = (panel: string) => {\n if (panel !== activeView) {\n const viewIds = views.map((view) => getNavId(view.props, warn));\n const isBack = viewIds.indexOf(panel) < viewIds.indexOf(activeView);\n scrolls[activeView] = scroll.getScroll().y;\n _setState({\n activeView: panel,\n prevView: activeView,\n transition: !disableAnimation,\n isBack,\n });\n }\n };\n const finishTransition = React.useCallback(\n () => _setState({ activeView, prevView, isBack, transition: false }),\n [activeView, isBack, prevView],\n );\n\n useIsomorphicLayoutEffect(() => {\n (document!.activeElement as HTMLElement).blur();\n }, [activeView]);\n\n // Нужен переход\n useIsomorphicLayoutEffect(() => transitionTo(_activeView), [_activeView]);\n useIsomorphicLayoutEffect(() => {\n if (!transition && prevView) {\n // Закончился переход\n scroll.scrollTo(0, isBack ? scrolls[activeView] : 0);\n onTransition &&\n onTransition({\n isBack: Boolean(isBack),\n from: prevView,\n to: activeView,\n });\n }\n }, [transition, prevView]);\n\n React.useEffect(\n function onAnimationEndFallback() {\n if (transition && disableAnimation) {\n finishTransition();\n }\n },\n [transition, disableAnimation, finishTransition],\n );\n\n const onAnimationEnd = () => {\n finishTransition();\n };\n\n return (\n <RootComponent\n {...restProps}\n baseClassName={classNames(\n styles.host,\n platform === 'ios' && styles.ios,\n transition && styles.transition,\n )}\n >\n {views.map((view) => {\n const viewId = getNavId(view.props, warn);\n if (viewId !== activeView && !(transition && viewId === prevView)) {\n return null;\n }\n const isTransitionTarget = transition && viewId === (isBack ? prevView : activeView);\n const compensateScroll =\n transition && (viewId === prevView \|\| (isBack && viewId === activeView));\n return (\n <div\n key={viewId}\n ref={(e) => {\n viewId && (viewNodes[viewId] = e);\n }}\n onAnimationEnd={isTransitionTarget ? onAnimationEnd : undefined}\n className={classNames(\n styles.view,\n transition && viewId === prevView && isBack && styles.viewHideBack,\n transition && viewId === prevView && !isBack && styles.viewHideForward,\n transition && viewId === activeView && isBack && styles.viewShowBack,\n transition && viewId === activeView && !isBack && styles.viewShowForward,\n )}\n >\n <NavTransitionDirectionProvider isBack={isBack}>\n <NavTransitionProvider entering={transition && viewId === activeView}>\n <div\n className={styles.scrollCompensation}\n style={{\n marginTop: compensateScroll ? viewId && -(scrolls[viewId] ?? 0) : undefined,\n }}\n >\n {view}\n </div>\n </NavTransitionProvider>\n </NavTransitionDirectionProvider>\n </div>\n );\n })}\n </RootComponent>\n );\n};\n"],"names":["React","classNames","usePlatform","useDOM","getNavId","useIsomorphicLayoutEffect","warnOnce","ScrollContext","useConfigProvider","NavTransitionProvider","NavTransitionDirectionProvider","RootComponent","SplitColContext","warn","Root","children","activeView","_activeView","onTransition","nav","restProps","scroll","useContext","platform","document","scrolls","useRef","current","viewNodes","transitionMotionEnabled","animate","disableAnimation","views","Children","toArray","prevView","transition","isBack","_setState","useState","transitionTo","panel","viewIds","map","view","props","indexOf","getScroll","y","finishTransition","useCallback","activeElement","blur","scrollTo","Boolean","from","to","useEffect","onAnimationEndFallback","onAnimationEnd","baseClassName","viewId","isTransitionTarget","compensateScroll","div","ref","e","undefined","className","entering","style","marginTop"],"mappings":"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"}

package/dist/components/RootComponent/RootComponent.d.ts CHANGED Viewed

@@ -1,7 +1,17 @@
 import * as React from 'react';
 import type { HasComponent, HasRootRef } from '../../types';
 export interface RootComponentProps<T> extends React.AllHTMLAttributes<T>, HasRootRef<T>, HasComponent {
+    /**
+     * @deprecated Since 7.3.0.
+     *
+     * Свойство устарело и будет удалено в `v8`, используйте свойство `className`.
+     */
     baseClassName?: string | false;
+    /**
+     * @deprecated Since 7.3.0.
+     *
+     * Свойство устарело и будет удалено в `v8`, используйте свойство `style`.
+     */
     baseStyle?: React.CSSProperties;
 }
 /**

package/dist/components/RootComponent/RootComponent.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RootComponent.d.ts","sourceRoot":"","sources":["../../../src/components/RootComponent/RootComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAG5D,MAAM,WAAW,kBAAkB,CAAC,CAAC,CACnC,SAAQ,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAChC,UAAU,CAAC,CAAC,CAAC,EACb,YAAY;IACd,aAAa,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC/B,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACjC;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,CAAC,EAAG,qFAQ/B,kBAAkB,CAAC,CAAC,CAAC,KAAG,KAAK,CAAC,SAYhC,CAAC"}
1	+ {"version":3,"file":"RootComponent.d.ts","sourceRoot":"","sources":["../../../src/components/RootComponent/RootComponent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAG5D,MAAM,WAAW,kBAAkB,CAAC,CAAC,CACnC,SAAQ,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAChC,UAAU,CAAC,CAAC,CAAC,EACb,YAAY;IACd;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IAC/B;;;;OAIG;IACH,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACjC;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,CAAC,EAAG,qFAQ/B,kBAAkB,CAAC,CAAC,CAAC,KAAG,KAAK,CAAC,SAYhC,CAAC"}

package/dist/components/RootComponent/RootComponent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/RootComponent/RootComponent.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { mergeStyle } from '../../helpers/mergeStyle';\nimport type { HasComponent, HasRootRef } from '../../types';\nimport styles from './RootComponent.module.css';\n\nexport interface RootComponentProps<T>\n extends React.AllHTMLAttributes<T>,\n HasRootRef<T>,\n HasComponent {\n baseClassName?: string \| false;\n baseStyle?: React.CSSProperties;\n}\n\n/*\n Базовый корневой компонент.\n */\nexport const RootComponent = <T,>({\n Component = 'div',\n baseClassName,\n className,\n baseStyle,\n style,\n getRootRef,\n ...restProps\n}: RootComponentProps<T>): React.ReactNode => (\n <Component\n ref={getRootRef}\n className={classNames(\n className,\n baseClassName,\n styles.host,\n restProps.hidden === true && styles.hidden,\n )}\n style={mergeStyle(baseStyle, style)}\n {...restProps}\n />\n);\n"],"names":["React","classNames","mergeStyle","RootComponent","Component","baseClassName","className","baseStyle","style","getRootRef","restProps","ref","hidden"],"mappings":";;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,UAAU,QAAQ,8BAA2B;~~AAYtD~~;;CAEC,GACD,OAAO,MAAMC,gBAAgB;QAAK,EAChCC,YAAY,KAAK,EACjBC,aAAa,EACbC,SAAS,EACTC,SAAS,EACTC,KAAK,EACLC,UAAU,EAEY,WADnBC;QANHN;QACAC;QACAC;QACAC;QACAC;QACAC;;yBAGA,KAACL;QACCO,KAAKF;QACLH,WAAWL,WACTK,WACAD,0CAEAK,UAAUE,MAAM,KAAK;QAEvBJ,OAAON,WAAWK,WAAWC;OACzBE;EAEN"}
1	+ {"version":3,"sources":["../../../src/components/RootComponent/RootComponent.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { mergeStyle } from '../../helpers/mergeStyle';\nimport type { HasComponent, HasRootRef } from '../../types';\nimport styles from './RootComponent.module.css';\n\nexport interface RootComponentProps<T>\n extends React.AllHTMLAttributes<T>,\n HasRootRef<T>,\n HasComponent {\n /*\n @deprecated Since 7.3.0.\n \n Свойство устарело и будет удалено в `v8`, используйте свойство `className`.\n /\n baseClassName?: string \| false; // TODO: Перенести свойство в RootComponentInternalProps, в непубличное API\n /\n @deprecated Since 7.3.0.\n \n Свойство устарело и будет удалено в `v8`, используйте свойство `style`.\n /\n baseStyle?: React.CSSProperties; // TODO: Перенести свойство в RootComponentInternalProps, в непубличное API\n}\n\n/\n Базовый корневой компонент.\n */\nexport const RootComponent = <T,>({\n Component = 'div',\n baseClassName,\n className,\n baseStyle,\n style,\n getRootRef,\n ...restProps\n}: RootComponentProps<T>): React.ReactNode => (\n <Component\n ref={getRootRef}\n className={classNames(\n className,\n baseClassName,\n styles.host,\n restProps.hidden === true && styles.hidden,\n )}\n style={mergeStyle(baseStyle, style)}\n {...restProps}\n />\n);\n"],"names":["React","classNames","mergeStyle","RootComponent","Component","baseClassName","className","baseStyle","style","getRootRef","restProps","ref","hidden"],"mappings":";;;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,UAAU,QAAQ,8BAA2B;AAsBtD;;CAEC,GACD,OAAO,MAAMC,gBAAgB;QAAK,EAChCC,YAAY,KAAK,EACjBC,aAAa,EACbC,SAAS,EACTC,SAAS,EACTC,KAAK,EACLC,UAAU,EAEY,WADnBC;QANHN;QACAC;QACAC;QACAC;QACAC;QACAC;;yBAGA,KAACL;QACCO,KAAKF;QACLH,WAAWL,WACTK,WACAD,0CAEAK,UAAUE,MAAM,KAAK;QAEvBJ,OAAON,WAAWK,WAAWC;OACzBE;EAEN"}

package/dist/components/ScreenSpinner/ScreenSpinner.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ScreenSpinner.d.ts","sourceRoot":"","sources":["../../../src/components/ScreenSpinner/ScreenSpinner.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;~~AAI~~/B,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,YAAY,EAAE,kBAAkB,EAAE,CAAC;AAEnC;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAAC,GAAG;IACzD,SAAS,EAAE,OAAO,sBAAsB,CAAC;IACzC,MAAM,EAAE,OAAO,mBAAmB,CAAC;IACnC,QAAQ,EAAE,OAAO,qBAAqB,CAAC;CAyBxC,CAAC"}
1	+ {"version":3,"file":"ScreenSpinner.d.ts","sourceRoot":"","sources":["../../../src/components/ScreenSpinner/ScreenSpinner.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAElD,YAAY,EAAE,kBAAkB,EAAE,CAAC;AAEnC;;GAEG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAAC,GAAG;IACzD,SAAS,EAAE,OAAO,sBAAsB,CAAC;IACzC,MAAM,EAAE,OAAO,mBAAmB,CAAC;IACnC,QAAQ,EAAE,OAAO,qBAAqB,CAAC;CAyBxC,CAAC"}

package/dist/components/ScreenSpinner/ScreenSpinner.js CHANGED Viewed

@@ -3,6 +3,7 @@ import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from "react";
+import { defineComponentDisplayNames } from "../../lib/react/defineComponentDisplayNames.js";
 import { AppRootPortal } from "../AppRoot/AppRootPortal.js";
 import { useScrollLock } from "../AppRoot/ScrollContext.js";
 import { PopoutWrapper } from "../PopoutWrapper/PopoutWrapper.js";
@@ -47,12 +48,13 @@ import { ScreenSpinnerSwapIcon } from "./ScreenSpinnerSwapIcon.js";
         })
     });
 };
-ScreenSpinner.displayName = 'ScreenSpinner';
 ScreenSpinner.Container = ScreenSpinnerContainer;
-ScreenSpinner.Container.displayName = 'ScreenSpinner.Container';
 ScreenSpinner.Loader = ScreenSpinnerLoader;
-ScreenSpinner.Loader.displayName = 'ScreenSpinner.Loader';
 ScreenSpinner.SwapIcon = ScreenSpinnerSwapIcon;
-ScreenSpinner.SwapIcon.displayName = 'ScreenSpinner.SwapIcon';
+if (process.env.NODE_ENV !== 'production') {
+    defineComponentDisplayNames(ScreenSpinner.Container, 'ScreenSpinner.Container');
+    defineComponentDisplayNames(ScreenSpinner.Loader, 'ScreenSpinner.Loader');
+    defineComponentDisplayNames(ScreenSpinner.SwapIcon, 'ScreenSpinner.SwapIcon');
+}
 //# sourceMappingURL=ScreenSpinner.js.map

package/dist/components/ScreenSpinner/ScreenSpinner.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/ScreenSpinner/ScreenSpinner.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { AppRootPortal } from '../AppRoot/AppRootPortal';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport { PopoutWrapper } from '../PopoutWrapper/PopoutWrapper';\nimport { ScreenSpinnerContainer } from './ScreenSpinnerContainer';\nimport { ScreenSpinnerLoader } from './ScreenSpinnerLoader';\nimport { ScreenSpinnerSwapIcon } from './ScreenSpinnerSwapIcon';\nimport type { ScreenSpinnerProps } from './types';\n\nexport type { ScreenSpinnerProps };\n\n/*\n @see https://vkcom.github.io/VKUI/#/ScreenSpinner\n */\nexport const ScreenSpinner: React.FC<ScreenSpinnerProps> & {\n Container: typeof ScreenSpinnerContainer;\n Loader: typeof ScreenSpinnerLoader;\n SwapIcon: typeof ScreenSpinnerSwapIcon;\n} = ({\n style,\n className,\n state = 'loading',\n onClick,\n cancelLabel,\n mode,\n label,\n customIcon,\n usePortal,\n ...restProps\n}: ScreenSpinnerProps): React.ReactNode => {\n useScrollLock();\n\n return (\n <AppRootPortal usePortal={usePortal}>\n <PopoutWrapper className={className} style={style} noBackground strategy=\"fixed\">\n <ScreenSpinnerContainer state={state} mode={mode} label={label} customIcon={customIcon}>\n <ScreenSpinnerLoader {...restProps} />\n <ScreenSpinnerSwapIcon onClick={onClick} cancelLabel={cancelLabel} />\n </ScreenSpinnerContainer>\n </PopoutWrapper>\n </AppRootPortal>\n );\n};\n\nScreenSpinner.~~displayName~~ = ~~'ScreenSpinner'~~;\n\nScreenSpinner.~~Container~~ = ~~ScreenSpinnerContainer~~;\nScreenSpinner.~~Container.displayName~~ = 'ScreenSpinner.Container';\n~~\nScreenSpinner~~.Loader ~~= ScreenSpinnerLoader;\nScreenSpinner.Loader.displayName =~~ 'ScreenSpinner.Loader';\n~~\nScreenSpinner~~.SwapIcon ~~= ScreenSpinnerSwapIcon;\nScreenSpinner.SwapIcon.displayName =~~ 'ScreenSpinner.SwapIcon';\n"],"names":["React","AppRootPortal","useScrollLock","PopoutWrapper","ScreenSpinnerContainer","ScreenSpinnerLoader","ScreenSpinnerSwapIcon","ScreenSpinner","style","className","state","onClick","cancelLabel","mode","label","customIcon","usePortal","restProps","noBackground","strategy","~~displayName","~~Container","Loader","SwapIcon"],"mappings":"AAAA;;;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,aAAa,QAAQ,8BAA2B;AACzD,SAASC,aAAa,QAAQ,8BAA2B;AACzD,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,sBAAsB,QAAQ,8BAA2B;AAClE,SAASC,mBAAmB,QAAQ,2BAAwB;AAC5D,SAASC,qBAAqB,QAAQ,6BAA0B;AAKhE;;CAEC,GACD,OAAO,MAAMC,gBAIT;QAAC,EACHC,KAAK,EACLC,SAAS,EACTC,QAAQ,SAAS,EACjBC,OAAO,EACPC,WAAW,EACXC,IAAI,EACJC,KAAK,EACLC,UAAU,EACVC,SAAS,EAEU,WADhBC;QATHT;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGAd;IAEA,qBACE,KAACD;QAAce,WAAWA;kBACxB,cAAA,KAACb;YAAcM,WAAWA;YAAWD,OAAOA;YAAOU,YAAY;YAACC,UAAS;sBACvE,cAAA,MAACf;gBAAuBM,OAAOA;gBAAOG,MAAMA;gBAAMC,OAAOA;gBAAOC,YAAYA;;kCAC1E,KAACV,wCAAwBY;kCACzB,KAACX;wBAAsBK,SAASA;wBAASC,aAAaA;;;;;;AAKhE,EAAE;AAEFL,cAAca,~~WAAW~~,~~GAAG~~;~~AAE5Bb~~,cAAcc,~~SAAS~~,~~GAAGjB~~;~~AAC1BG~~,~~cAAcc~~,~~SAAS~~,~~CAACD~~,~~WAAW~~,GAAG~~;AAEtCb~~,~~cAAce~~,~~MAAM~~,~~GAAGjB~~;~~AACvBE~~,~~cAAce~~,~~MAAM~~,~~CAACF~~,~~WAAW,GAAG~~;~~AAEnCb~~,~~cAAcgB~~,~~QAAQ~~,~~GAAGjB~~;~~AACzBC~~,~~cAAcgB~~,QAAQ,~~CAACH,WAAW,GAAG~~"}
1	+ {"version":3,"sources":["../../../src/components/ScreenSpinner/ScreenSpinner.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { defineComponentDisplayNames } from '../../lib/react/defineComponentDisplayNames';\nimport { AppRootPortal } from '../AppRoot/AppRootPortal';\nimport { useScrollLock } from '../AppRoot/ScrollContext';\nimport { PopoutWrapper } from '../PopoutWrapper/PopoutWrapper';\nimport { ScreenSpinnerContainer } from './ScreenSpinnerContainer';\nimport { ScreenSpinnerLoader } from './ScreenSpinnerLoader';\nimport { ScreenSpinnerSwapIcon } from './ScreenSpinnerSwapIcon';\nimport type { ScreenSpinnerProps } from './types';\n\nexport type { ScreenSpinnerProps };\n\n/*\n @see https://vkcom.github.io/VKUI/#/ScreenSpinner\n */\nexport const ScreenSpinner: React.FC<ScreenSpinnerProps> & {\n Container: typeof ScreenSpinnerContainer;\n Loader: typeof ScreenSpinnerLoader;\n SwapIcon: typeof ScreenSpinnerSwapIcon;\n} = ({\n style,\n className,\n state = 'loading',\n onClick,\n cancelLabel,\n mode,\n label,\n customIcon,\n usePortal,\n ...restProps\n}: ScreenSpinnerProps): React.ReactNode => {\n useScrollLock();\n\n return (\n <AppRootPortal usePortal={usePortal}>\n <PopoutWrapper className={className} style={style} noBackground strategy=\"fixed\">\n <ScreenSpinnerContainer state={state} mode={mode} label={label} customIcon={customIcon}>\n <ScreenSpinnerLoader {...restProps} />\n <ScreenSpinnerSwapIcon onClick={onClick} cancelLabel={cancelLabel} />\n </ScreenSpinnerContainer>\n </PopoutWrapper>\n </AppRootPortal>\n );\n};\n\nScreenSpinner.Container = ScreenSpinnerContainer;\nScreenSpinner.Loader = ScreenSpinnerLoader;\nScreenSpinner.SwapIcon = ScreenSpinnerSwapIcon;\n\nif (process.env.NODE_ENV !== 'production') {\n defineComponentDisplayNames(ScreenSpinner.Container, 'ScreenSpinner.Container');\n defineComponentDisplayNames(ScreenSpinner.Loader, 'ScreenSpinner.Loader');\n defineComponentDisplayNames(ScreenSpinner.SwapIcon, 'ScreenSpinner.SwapIcon');\n}\n"],"names":["React","defineComponentDisplayNames","AppRootPortal","useScrollLock","PopoutWrapper","ScreenSpinnerContainer","ScreenSpinnerLoader","ScreenSpinnerSwapIcon","ScreenSpinner","style","className","state","onClick","cancelLabel","mode","label","customIcon","usePortal","restProps","noBackground","strategy","Container","Loader","SwapIcon","process","env","NODE_ENV"],"mappings":"AAAA;;;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,2BAA2B,QAAQ,iDAA8C;AAC1F,SAASC,aAAa,QAAQ,8BAA2B;AACzD,SAASC,aAAa,QAAQ,8BAA2B;AACzD,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,sBAAsB,QAAQ,8BAA2B;AAClE,SAASC,mBAAmB,QAAQ,2BAAwB;AAC5D,SAASC,qBAAqB,QAAQ,6BAA0B;AAKhE;;CAEC,GACD,OAAO,MAAMC,gBAIT;QAAC,EACHC,KAAK,EACLC,SAAS,EACTC,QAAQ,SAAS,EACjBC,OAAO,EACPC,WAAW,EACXC,IAAI,EACJC,KAAK,EACLC,UAAU,EACVC,SAAS,EAEU,WADhBC;QATHT;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGAd;IAEA,qBACE,KAACD;QAAce,WAAWA;kBACxB,cAAA,KAACb;YAAcM,WAAWA;YAAWD,OAAOA;YAAOU,YAAY;YAACC,UAAS;sBACvE,cAAA,MAACf;gBAAuBM,OAAOA;gBAAOG,MAAMA;gBAAMC,OAAOA;gBAAOC,YAAYA;;kCAC1E,KAACV,wCAAwBY;kCACzB,KAACX;wBAAsBK,SAASA;wBAASC,aAAaA;;;;;;AAKhE,EAAE;AAEFL,cAAca,SAAS,GAAGhB;AAC1BG,cAAcc,MAAM,GAAGhB;AACvBE,cAAce,QAAQ,GAAGhB;AAEzB,IAAIiB,QAAQC,GAAG,CAACC,QAAQ,KAAK,cAAc;IACzCzB,4BAA4BO,cAAca,SAAS,EAAE;IACrDpB,4BAA4BO,cAAcc,MAAM,EAAE;IAClDrB,4BAA4BO,cAAce,QAAQ,EAAE;AACtD"}

package/dist/components/ScreenSpinner/ScreenSpinnerContainer.d.ts CHANGED Viewed

@@ -1,7 +1,6 @@
-import * as React from 'react';
 import type { HTMLAttributesWithRootRef } from '../../types';
 import { type ScreenSpinnerProps } from './types';
 type ScreenSpinnerContainerProps = HTMLAttributesWithRootRef<HTMLSpanElement> & Pick<ScreenSpinnerProps, 'state' | 'mode' | 'label' | 'customIcon'>;
-export declare const ScreenSpinnerContainer: React.FC<ScreenSpinnerContainerProps>;
+export declare const ScreenSpinnerContainer: ({ state, mode, customIcon, label, children, ...restProps }: ScreenSpinnerContainerProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=ScreenSpinnerContainer.d.ts.map

package/dist/components/ScreenSpinner/ScreenSpinnerContainer.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ScreenSpinnerContainer.d.ts","sourceRoot":"","sources":["../../../src/components/ScreenSpinner/ScreenSpinnerContainer.tsx"],"names":[],"mappings":"~~AAAA~~,OAAO,KAAK,~~KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,~~EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAI7D,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAelD,KAAK,2BAA2B,GAAG,yBAAyB,CAAC,eAAe,CAAC,GAC3E,IAAI,CAAC,kBAAkB,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,YAAY,CAAC,CAAC;AAEtE,eAAO,MAAM,sBAAsB,~~EAAE~~,~~KAAK~~,~~CAAC,EAAE,CAAC,~~2BAA2B,~~CA4BxE~~,CAAC"}
1	+ {"version":3,"file":"ScreenSpinnerContainer.d.ts","sourceRoot":"","sources":["../../../src/components/ScreenSpinner/ScreenSpinnerContainer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAI7D,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAelD,KAAK,2BAA2B,GAAG,yBAAyB,CAAC,eAAe,CAAC,GAC3E,IAAI,CAAC,kBAAkB,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,GAAG,YAAY,CAAC,CAAC;AAEtE,eAAO,MAAM,sBAAsB,GAAI,4DAOpC,2BAA2B,4CAqB7B,CAAC"}

package/dist/components/ScreenSpinner/ScreenSpinnerContainer.js CHANGED Viewed

@@ -2,7 +2,6 @@ import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from "react";
 import { classNames, hasReactNode } from "@vkontakte/vkjs";
 import { RootComponent } from "../RootComponent/RootComponent.js";
 import { Footnote } from "../Typography/Footnote/Footnote.js";
@@ -48,6 +47,5 @@ export const ScreenSpinnerContainer = (_param)=>{
         }))
     });
 };
-ScreenSpinnerContainer.displayName = 'ScreenSpinnerContainer';
 //# sourceMappingURL=ScreenSpinnerContainer.js.map

package/dist/components/ScreenSpinner/ScreenSpinnerContainer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/ScreenSpinner/ScreenSpinnerContainer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { ScreenSpinnerContext } from './context';\nimport { type ScreenSpinnerProps } from './types';\nimport styles from './ScreenSpinner.module.css';\n\nconst stateClassNames = {\n cancelable: styles.stateCancelable,\n done: styles.stateDone,\n error: styles.stateError,\n custom: styles.stateCustom,\n};\n\nconst modeClassNames = {\n shadow: styles.modeShadow,\n overlay: styles.modeOverlay,\n};\n\ntype ScreenSpinnerContainerProps = HTMLAttributesWithRootRef<HTMLSpanElement> &\n Pick<ScreenSpinnerProps, 'state' \| 'mode' \| 'label' \| 'customIcon'>;\n\nexport const ScreenSpinnerContainer: ~~React.FC<ScreenSpinnerContainerProps>~~ = ({\n state = 'loading',\n mode = 'shadow',\n customIcon,\n label,\n children,\n ...restProps\n}: ScreenSpinnerContainerProps) => {\n return (\n <ScreenSpinnerContext.Provider value={{ state, label, customIcon }}>\n <RootComponent\n baseClassName={classNames(\n styles.host,\n modeClassNames[mode],\n state !== 'loading' && stateClassNames[state],\n hasReactNode(label) && styles.hasLabel,\n )}\n {...restProps}\n >\n <div className={styles.iconSlot}>{children}</div>\n {hasReactNode(label) && (\n <Footnote className={styles.label} aria-hidden>\n {label}\n </Footnote>\n )}\n </RootComponent>\n </ScreenSpinnerContext.Provider>\n );\n};\n~~\nScreenSpinnerContainer.displayName = 'ScreenSpinnerContainer';\n~~"],"names":["~~React","~~classNames","hasReactNode","RootComponent","Footnote","ScreenSpinnerContext","stateClassNames","cancelable","done","error","custom","modeClassNames","shadow","overlay","ScreenSpinnerContainer","state","mode","customIcon","label","children","restProps","Provider","value","baseClassName","div","className","aria-hidden"~~,"displayName"~~],"mappings":";;;;AAAA,~~YAAYA~~,~~WAAW,QAAQ;AAC/B,SAASC,~~UAAU,EAAEC,YAAY,QAAQ,kBAAkB;AAE3D,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,QAAQ,QAAQ,qCAAkC;AAC3D,SAASC,oBAAoB,QAAQ,eAAY;AAIjD,MAAMC,kBAAkB;IACtBC,UAAU;IACVC,IAAI;IACJC,KAAK;IACLC,MAAM;AACR;AAEA,MAAMC,iBAAiB;IACrBC,MAAM;IACNC,OAAO;AACT;AAKA,OAAO,MAAMC,~~yBAAgE~~;QAAC,~~EAC5EC~~,QAAQ,SAAS,EACjBC,OAAO,QAAQ,EACfC,UAAU,EACVC,KAAK,EACLC,QAAQ,EAEoB,WADzBC;QALHL;QACAC;QACAC;QACAC;QACAC;;IAGA,qBACE,KAACd,qBAAqBgB,QAAQ;QAACC,OAAO;YAAEP;YAAOG;YAAOD;QAAW;kBAC/D,cAAA,MAACd;YACCoB,eAAetB,sCAEbU,cAAc,CAACK,KAAK,EACpBD,UAAU,aAAaT,eAAe,CAACS,MAAM,EAC7Cb,aAAagB;WAEXE;;8BAEJ,KAACI;oBAAIC,SAAS;8BAAoBN;;gBACjCjB,aAAagB,wBACZ,KAACd;oBAASqB,SAAS;oBAAgBC,aAAW;8BAC3CR;;;;;AAMb,EAAE~~;AAEFJ,uBAAuBa,WAAW,GAAG~~"}
1	+ {"version":3,"sources":["../../../src/components/ScreenSpinner/ScreenSpinnerContainer.tsx"],"sourcesContent":["import { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport type { HTMLAttributesWithRootRef } from '../../types';\nimport { RootComponent } from '../RootComponent/RootComponent';\nimport { Footnote } from '../Typography/Footnote/Footnote';\nimport { ScreenSpinnerContext } from './context';\nimport { type ScreenSpinnerProps } from './types';\nimport styles from './ScreenSpinner.module.css';\n\nconst stateClassNames = {\n cancelable: styles.stateCancelable,\n done: styles.stateDone,\n error: styles.stateError,\n custom: styles.stateCustom,\n};\n\nconst modeClassNames = {\n shadow: styles.modeShadow,\n overlay: styles.modeOverlay,\n};\n\ntype ScreenSpinnerContainerProps = HTMLAttributesWithRootRef<HTMLSpanElement> &\n Pick<ScreenSpinnerProps, 'state' \| 'mode' \| 'label' \| 'customIcon'>;\n\nexport const ScreenSpinnerContainer = ({\n state = 'loading',\n mode = 'shadow',\n customIcon,\n label,\n children,\n ...restProps\n}: ScreenSpinnerContainerProps) => {\n return (\n <ScreenSpinnerContext.Provider value={{ state, label, customIcon }}>\n <RootComponent\n baseClassName={classNames(\n styles.host,\n modeClassNames[mode],\n state !== 'loading' && stateClassNames[state],\n hasReactNode(label) && styles.hasLabel,\n )}\n {...restProps}\n >\n <div className={styles.iconSlot}>{children}</div>\n {hasReactNode(label) && (\n <Footnote className={styles.label} aria-hidden>\n {label}\n </Footnote>\n )}\n </RootComponent>\n </ScreenSpinnerContext.Provider>\n );\n};\n"],"names":["classNames","hasReactNode","RootComponent","Footnote","ScreenSpinnerContext","stateClassNames","cancelable","done","error","custom","modeClassNames","shadow","overlay","ScreenSpinnerContainer","state","mode","customIcon","label","children","restProps","Provider","value","baseClassName","div","className","aria-hidden"],"mappings":";;;;AAAA,SAASA,UAAU,EAAEC,YAAY,QAAQ,kBAAkB;AAE3D,SAASC,aAAa,QAAQ,oCAAiC;AAC/D,SAASC,QAAQ,QAAQ,qCAAkC;AAC3D,SAASC,oBAAoB,QAAQ,eAAY;AAIjD,MAAMC,kBAAkB;IACtBC,UAAU;IACVC,IAAI;IACJC,KAAK;IACLC,MAAM;AACR;AAEA,MAAMC,iBAAiB;IACrBC,MAAM;IACNC,OAAO;AACT;AAKA,OAAO,MAAMC,yBAAyB;QAAC,EACrCC,QAAQ,SAAS,EACjBC,OAAO,QAAQ,EACfC,UAAU,EACVC,KAAK,EACLC,QAAQ,EAEoB,WADzBC;QALHL;QACAC;QACAC;QACAC;QACAC;;IAGA,qBACE,KAACd,qBAAqBgB,QAAQ;QAACC,OAAO;YAAEP;YAAOG;YAAOD;QAAW;kBAC/D,cAAA,MAACd;YACCoB,eAAetB,sCAEbU,cAAc,CAACK,KAAK,EACpBD,UAAU,aAAaT,eAAe,CAACS,MAAM,EAC7Cb,aAAagB;WAEXE;;8BAEJ,KAACI;oBAAIC,SAAS;8BAAoBN;;gBACjCjB,aAAagB,wBACZ,KAACd;oBAASqB,SAAS;oBAAgBC,aAAW;8BAC3CR;;;;;AAMb,EAAE"}

package/dist/components/ScreenSpinner/ScreenSpinnerLoader.d.ts CHANGED Viewed

@@ -1,4 +1,5 @@
-import * as React from 'react';
 import type { SpinnerProps } from '../Spinner/Spinner';
-export declare const ScreenSpinnerLoader: React.FC<Omit<SpinnerProps, 'size'>>;
+type ScreenSpinnerLoaderProps = Omit<SpinnerProps, 'size'>;
+export declare const ScreenSpinnerLoader: ({ children, ...restProps }: ScreenSpinnerLoaderProps) => import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=ScreenSpinnerLoader.d.ts.map

package/dist/components/ScreenSpinner/ScreenSpinnerLoader.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ScreenSpinnerLoader.d.ts","sourceRoot":"","sources":["../../../src/components/ScreenSpinner/ScreenSpinnerLoader.tsx"],"names":[],"mappings":"~~AAEA~~,OAAO,KAAK,~~KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,~~EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAIvD,~~eAAO,MAAM,mBAAmB,EAAE,~~KAAK,~~CAAC~~,~~EAAE~~,~~CAAC,~~IAAI,CAAC,YAAY,EAAE,MAAM,CAAC,~~CAgBpE~~,CAAC"}
1	+ {"version":3,"file":"ScreenSpinnerLoader.d.ts","sourceRoot":"","sources":["../../../src/components/ScreenSpinner/ScreenSpinnerLoader.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAIvD,KAAK,wBAAwB,GAAG,IAAI,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;AAE3D,eAAO,MAAM,mBAAmB,GAAI,4BAA4B,wBAAwB,4CAavF,CAAC"}

package/dist/components/ScreenSpinner/ScreenSpinnerLoader.js CHANGED Viewed

@@ -21,6 +21,5 @@ export const ScreenSpinnerLoader = (_param)=>{
         children: a11yText
     }));
 };
-ScreenSpinnerLoader.displayName = 'ScreenSpinnerLoader';
 //# sourceMappingURL=ScreenSpinnerLoader.js.map

package/dist/components/ScreenSpinner/ScreenSpinnerLoader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/components/ScreenSpinner/ScreenSpinnerLoader.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { Spinner } from '../Spinner/Spinner';\nimport type { SpinnerProps } from '../Spinner/Spinner';\nimport { ScreenSpinnerContext } from './context';\nimport styles from './ScreenSpinner.module.css';\n\~~nexport~~ ~~const~~ ~~ScreenSpinnerLoader:~~ ~~React.FC<~~Omit<SpinnerProps, 'size'>> = ({\n children~~,\n~~ ...restProps\n}) => {\n const { label } = React.useContext(ScreenSpinnerContext);\n const a11yText = children ?? label;\n return (\n <Spinner\n className={classNames(styles.spinner, !label && styles.spinnerTransition)}\n size=\"xl\"\n noColor\n {...restProps}\n >\n {a11yText}\n </Spinner>\n );\n};\n~~\nScreenSpinnerLoader.displayName = 'ScreenSpinnerLoader';\n~~"],"names":["React","classNames","Spinner","ScreenSpinnerContext","ScreenSpinnerLoader","children","restProps","label","useContext","a11yText","className","size","noColor"~~,"displayName"~~],"mappings":"AAAA;;;;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,OAAO,QAAQ,wBAAqB;AAE7C,SAASC,oBAAoB,QAAQ,eAAY;~~AAGjD~~,OAAO,MAAMC,~~sBAA4D~~;QAAC,~~EACxEC~~,QAAQ,~~EAET~~,~~WADIC~~;~~QADHD~~;;~~IAGA~~,MAAM,EAAEE,KAAK,EAAE,GAAGP,MAAMQ,UAAU,CAACL;IACnC,MAAMM,WAAWJ,qBAAAA,sBAAAA,WAAYE;IAC7B,qBACE,KAACL;QACCQ,WAAWT,yCAA2B,CAACM;QACvCI,MAAK;QACLC,OAAO;OACHN;kBAEHG;;AAGP,EAAE~~;AAEFL,oBAAoBS,WAAW,GAAG~~"}
1	+ {"version":3,"sources":["../../../src/components/ScreenSpinner/ScreenSpinnerLoader.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { Spinner } from '../Spinner/Spinner';\nimport type { SpinnerProps } from '../Spinner/Spinner';\nimport { ScreenSpinnerContext } from './context';\nimport styles from './ScreenSpinner.module.css';\n\ntype ScreenSpinnerLoaderProps = Omit<SpinnerProps, 'size'>;\n\nexport const ScreenSpinnerLoader = ({ children, ...restProps }: ScreenSpinnerLoaderProps) => {\n const { label } = React.useContext(ScreenSpinnerContext);\n const a11yText = children ?? label;\n return (\n <Spinner\n className={classNames(styles.spinner, !label && styles.spinnerTransition)}\n size=\"xl\"\n noColor\n {...restProps}\n >\n {a11yText}\n </Spinner>\n );\n};\n"],"names":["React","classNames","Spinner","ScreenSpinnerContext","ScreenSpinnerLoader","children","restProps","label","useContext","a11yText","className","size","noColor"],"mappings":"AAAA;;;;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,OAAO,QAAQ,wBAAqB;AAE7C,SAASC,oBAAoB,QAAQ,eAAY;AAKjD,OAAO,MAAMC,sBAAsB;QAAC,EAAEC,QAAQ,EAA0C,WAArCC;QAAbD;;IACpC,MAAM,EAAEE,KAAK,EAAE,GAAGP,MAAMQ,UAAU,CAACL;IACnC,MAAMM,WAAWJ,qBAAAA,sBAAAA,WAAYE;IAC7B,qBACE,KAACL;QACCQ,WAAWT,yCAA2B,CAACM;QACvCI,MAAK;QACLC,OAAO;OACHN;kBAEHG;;AAGP,EAAE"}

package/dist/components/ScreenSpinner/ScreenSpinnerSwapIcon.d.ts CHANGED Viewed

@@ -1,9 +1,8 @@
-import * as React from 'react';
 import type { HTMLAttributesWithRootRef } from '../../types';
 import { type ScreenSpinnerProps } from './types';
 type ScreenSpinnerSwapIconProps = HTMLAttributesWithRootRef<HTMLElement> & {
     cancelLabel?: ScreenSpinnerProps['cancelLabel'];
 };
-export declare const ScreenSpinnerSwapIcon: React.FC<ScreenSpinnerSwapIconProps>;
+export declare const ScreenSpinnerSwapIcon: ({ cancelLabel, ...restProps }: ScreenSpinnerSwapIconProps) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=ScreenSpinnerSwapIcon.d.ts.map

package/dist/components/ScreenSpinner/ScreenSpinnerSwapIcon.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ScreenSpinnerSwapIcon.d.ts","sourceRoot":"","sources":["../../../src/components/ScreenSpinner/ScreenSpinnerSwapIcon.tsx"],"names":[],"mappings":"~~AAEA~~,OAAO,KAAK,~~KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,~~EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAK7D,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAGlD,KAAK,0BAA0B,GAAG,yBAAyB,CAAC,WAAW,CAAC,GAAG;IACzE,WAAW,CAAC,EAAE,kBAAkB,CAAC,aAAa,CAAC,CAAC;CACjD,CAAC;~~AA6BF~~,eAAO,MAAM,qBAAqB,~~EAAE~~,~~KAAK,CAAC,EAAE,CAAC,~~0BAA0B,~~CA6BtE~~,CAAC"}
1	+ {"version":3,"file":"ScreenSpinnerSwapIcon.d.ts","sourceRoot":"","sources":["../../../src/components/ScreenSpinner/ScreenSpinnerSwapIcon.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,aAAa,CAAC;AAK7D,OAAO,EAAE,KAAK,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAGlD,KAAK,0BAA0B,GAAG,yBAAyB,CAAC,WAAW,CAAC,GAAG;IACzE,WAAW,CAAC,EAAE,kBAAkB,CAAC,aAAa,CAAC,CAAC;CACjD,CAAC;AA2BF,eAAO,MAAM,qBAAqB,GAAI,+BAGnC,0BAA0B,4CA0B5B,CAAC"}

package/dist/components/ScreenSpinner/ScreenSpinnerSwapIcon.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
 import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
 import { _ as _object_without_properties } from "@swc/helpers/_/_object_without_properties";
 import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from "react";
+/* eslint-disable jsdoc/require-jsdoc */ import * as React from "react";
 import { Icon24Cancel } from "@vkontakte/icons";
 import { mergeCalls } from "../../lib/mergeCalls.js";
 import { clickByKeyboardHandler } from "../../lib/utils.js";
@@ -32,7 +32,6 @@ const ScreenSpinnerCancelIcon = (_param)=>{
         children: /*#__PURE__*/ _jsx(Icon24Cancel, {})
     }));
 };
-ScreenSpinnerCancelIcon.displayName = 'ScreenSpinnerCancelIcon';
 export const ScreenSpinnerSwapIcon = (_param)=>{
     var { cancelLabel } = _param, restProps = _object_without_properties(_param, [
         "cancelLabel"
@@ -60,6 +59,5 @@ export const ScreenSpinnerSwapIcon = (_param)=>{
         children: getContent()
     }));
 };
-ScreenSpinnerSwapIcon.displayName = 'ScreenSpinnerSwapIcon';
 //# sourceMappingURL=ScreenSpinnerSwapIcon.js.map