npm - @vkontakte/vkui - Versions diffs - 5.4.3 → 5.5.1 - Mend

@vkontakte/vkui 5.4.3 → 5.5.1

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 (1975) hide show

package/dist/cssm/components/Textarea/Textarea.module.css CHANGED Viewed

@@ -11,14 +11,10 @@
   -webkit-appearance: none;
      -moz-appearance: none;
           appearance: none;
-  font-family: inherit;
-  font-weight: var(--vkui--font_text--font_weight--regular);
-  font-size: var(--vkui--font_text--font_size--regular);
-  line-height: var(--vkui--font_text--line_height--regular);
   color: var(--vkui--color_text_primary);
   padding: 12px;
   max-height: 204px;
-  border: none;
+  border: 0;
   z-index: var(--vkui_internal--z_index_form_field_element);
   position: relative;
   background: transparent;
@@ -29,16 +25,12 @@
 }
 .Textarea--sizeY-compact .Textarea__el {
-  font-size: var(--vkui--font_text--font_size--compact);
-  line-height: var(--vkui--font_text--line_height--compact);
   max-height: 196px;
 }
 @media (pointer: fine) and (min-width: 768px),(max-height: 414.9px) {
   .Textarea--sizeY-none .Textarea__el {
-    padding-top: 7px;
-    padding-bottom: 7px;
-    font-size: 15px;
+    max-height: 196px;
   }
 }

package/dist/cssm/components/Tooltip/Tooltip.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { type PlacementWithAuto } from '../../lib/floating';
 import { HasRootRef } from '../../types';
+import { type PopperArrowProps } from '../PopperArrow/PopperArrow';
 export interface TooltipProps {
     /**
      * **Важно**: если в `children` передан React-компонент, то необходимо убедиться в том, что он поддерживает
@@ -46,6 +47,24 @@ export interface TooltipProps {
      * Отображать ли стрелку, указывающую на якорный элемент
      */
     arrow?: boolean;
+    /**
+     * Безопасная зона вокруг стрелки, чтобы та не выходила за края контента.
+     */
+    arrowPadding?: number;
+    /**
+     * Пользовательская SVG иконка.
+     *
+     * Требования:
+     *
+     * 1. Иконка по умолчанию должна быть направлена вверх (a.k.a `IconUp`).
+     * 2. Чтобы избежать проблемы с пространством между стрелкой и контентом на некоторых экранах,
+     *    растяните кривую по высоте на `1px` и увеличьте на этот размер `height` и `viewBox` SVG.
+     *    (см. https://github.com/VKCOM/VKUI/pull/4496).
+     * 3. Убедитесь, что компонент принимает все валидные для SVG параметры.
+     * 4. Убедитесь, что SVG и её элементы наследует цвет через `fill="currentColor"`.
+     * 5. Если стрелка наезжает на якорный элемент, то увеличьте значение параметра `offsetY`.
+     */
+    ArrowIcon?: PopperArrowProps['Icon'];
     /**
      * Сдвиг стрелочки относительно центра дочернего элемента.
      */
@@ -70,4 +89,4 @@ export interface TooltipProps {
 /**
  * @see https://vkcom.github.io/VKUI/#/Tooltip
  */
-export declare const Tooltip: ({ children, isShown: isShownProp, offsetX, offsetY, alignX, alignY, onClose, cornerOffset, cornerAbsoluteOffset, appearance, arrow, placement: placementProp, text, header, className, ...restProps }: TooltipProps) => JSX.Element;
+export declare const Tooltip: ({ children, isShown: isShownProp, offsetX, offsetY, alignX, alignY, onClose, cornerOffset, cornerAbsoluteOffset, appearance, arrow, arrowPadding, ArrowIcon, placement: placementProp, text, header, className, ...restProps }: TooltipProps) => React.JSX.Element;

package/dist/cssm/components/Tooltip/Tooltip.js CHANGED Viewed

@@ -7,6 +7,7 @@ import { useDOM } from '../../lib/dom';
 import { arrowMiddleware, autoPlacementMiddleware, autoUpdateFloatingElement, checkIsNotAutoPlacement, convertFloatingDataToReactCSSProperties, flipMiddleware, getAutoPlacementAlign, offsetMiddleware, shiftMiddleware, useFloating } from '../../lib/floating';
 import { warnOnce } from '../../lib/warnOnce';
 import { useNavTransition } from '../NavTransitionContext/NavTransitionContext';
+import { DefaultIcon } from '../PopperArrow/DefaultIcon';
 import { PopperArrow } from '../PopperArrow/PopperArrow';
 import { Subhead } from '../Typography/Subhead/Subhead';
 import { tooltipContainerAttr } from './TooltipContainer';
@@ -42,8 +43,8 @@ function isVerticalPlacement(placement) {
 }
 /**
  * @see https://vkcom.github.io/VKUI/#/Tooltip
- */ export const Tooltip = ({ children , isShown: isShownProp = true , offsetX =0 , offsetY =15 , alignX , alignY , onClose , cornerOffset =0 , cornerAbsoluteOffset , appearance ='accent' , arrow =true , placement: placementProp , text , header , className , ...restProps })=>{
-    const arrowRef = React.useRef(null);
+ */ export const Tooltip = ({ children , isShown: isShownProp = true , offsetX =0 , offsetY =15 , alignX , alignY , onClose , cornerOffset =0 , cornerAbsoluteOffset , appearance ='accent' , arrow =true , arrowPadding =14 , ArrowIcon =DefaultIcon , placement: placementProp , text , header , className , ...restProps })=>{
+    const [arrowRef, setArrowRef] = React.useState(null);
     const [target, setTarget] = React.useState(null);
     /* eslint-disable no-restricted-properties */ const tooltipContainer = React.useMemo(()=>target?.closest(`[${tooltipContainerAttr}]`), [
         target
@@ -88,7 +89,7 @@ function isVerticalPlacement(placement) {
         if (arrow) {
             middlewares.push(arrowMiddleware({
                 element: arrowRef,
-                padding: 14
+                padding: arrowPadding
             }));
             middlewares.push({
                 name: 'arrowOffset',
@@ -116,6 +117,8 @@ function isVerticalPlacement(placement) {
         return middlewares;
     }, [
         arrow,
+        arrowRef,
+        arrowPadding,
         cornerAbsoluteOffset,
         cornerOffset,
         offsetX,
@@ -149,7 +152,8 @@ function isVerticalPlacement(placement) {
         coords: arrowCoords,
         placement: resolvedPlacement,
         arrowClassName: styles['Tooltip__arrow'],
-        getRootRef: arrowRef
+        getRootRef: setArrowRef,
+        Icon: ArrowIcon
     }), /*#__PURE__*/ React.createElement("div", {
         className: styles['Tooltip__content']
     }, header && /*#__PURE__*/ React.createElement(Subhead, {

package/dist/cssm/components/Tooltip/Tooltip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import * as React from 'react';\nimport ReactDOM from 'react-dom';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useGlobalEventListener } from '../../hooks/useGlobalEventListener';\nimport { useDOM } from '../../lib/dom';\nimport {\n arrowMiddleware,\n autoPlacementMiddleware,\n autoUpdateFloatingElement,\n checkIsNotAutoPlacement,\n convertFloatingDataToReactCSSProperties,\n flipMiddleware,\n getAutoPlacementAlign,\n offsetMiddleware,\n type Placement,\n type PlacementWithAuto,\n shiftMiddleware,\n useFloating,\n type UseFloatingMiddleware,\n} from '../../lib/floating';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { HasRootRef } from '../../types';\nimport { useNavTransition } from '../NavTransitionContext/NavTransitionContext';\nimport { PopperArrow } from '../PopperArrow/PopperArrow';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport { tooltipContainerAttr } from './TooltipContainer';\nimport styles from './Tooltip.module.css';\n\n/*\n Перебиваем `ref`.\n \n В оригинальном `React.DOMElement` задаётся `React.LegacyRef<T>`, в котором есть `string`.\n * Когда как `{ ref: \"string\" }` уже давно депрекейтнут.\n /\ninterface DOMElement<P extends React.HTMLAttributes<T> \| React.SVGAttributes<T>, T extends Element>\n extends React.DOMElement<P, T> {\n ref: React.Ref<T>;\n}\n\nconst isDOMTypeElement = <\n P extends React.HTMLAttributes<T> \| React.SVGAttributes<T>,\n T extends Element,\n>(\n element: React.ReactElement,\n): element is DOMElement<P, T> => {\n return React.isValidElement(element) && typeof element.type === 'string';\n};\n\nconst warn = warnOnce('Tooltip');\n\nconst stylesAppearance = {\n accent: styles['Tooltip--appearance-accent'],\n white: styles['Tooltip--appearance-white'],\n black: styles['Tooltip--appearance-black'],\n inversion: styles['Tooltip--appearance-inversion'],\n};\n\nexport interface TooltipProps {\n /\n Важно: если в `children` передан React-компонент, то необходимо убедиться в том, что он поддерживает\n * свойство `getRootRef`, которое должно возвращаться ссылку на корневой DOM-элемент компонента,\n * иначе тултип показан не будет. Если передан React-element, то такой проблемы нет.\n /\n children: React.ReactElement<HasRootRef<any>> \| React.ReactElement;\n /\n Стиль отображения подсказки\n /\n appearance?: 'accent' \| 'neutral' \| 'white' \| 'black' \| 'inversion';\n /\n Если передан `false`, то рисуется просто `children`.\n /\n isShown?: boolean;\n /\n Текст тултипа.\n /\n text?: React.ReactNode;\n /\n Заголовок тултипа.\n /\n header?: React.ReactNode;\n /\n Положение по горизонтали (прижатие к левому или правому краю `children`).\n * Если не задано, позиция по горизонтали определятся автоматически\n /\n alignX?: 'center' \| 'left' \| 'right';\n /\n Положение по вертикали (расположение над или под `children`).\n * Если не задано, позиция по вертикали определятся автоматически\n /\n alignY?: 'top' \| 'bottom';\n /\n Сдвиг по горизонтали (относительно портала, в котором рисуется тултип).\n /\n offsetX?: number;\n /\n Сдвиг по вертикали (относительно портала, в котором рисуется тултип).\n /\n offsetY?: number;\n /\n Отображать ли стрелку, указывающую на якорный элемент\n /\n arrow?: boolean;\n /\n Сдвиг стрелочки относительно центра дочернего элемента.\n /\n cornerOffset?: number;\n /\n Сдвиг стрелочки относительно ширины тултипа\n /\n cornerAbsoluteOffset?: number;\n /\n Callback, который вызывается при клике по любому месту в пределах экрана.\n /\n onClose?: () => void;\n /\n По умолчанию компонент выберет наилучшее расположение сам. Но его можно задать извне с помощью этого свойства\n /\n placement?: PlacementWithAuto;\n /\n Пользовательские css-классы, будут добавлены на root-элемент\n /\n className?: string;\n}\n\nfunction mapAlignX(x: TooltipProps['alignX']) {\n switch (x) {\n case 'left':\n return 'start';\n case 'right':\n return 'end';\n default:\n return '';\n }\n}\nfunction getDefaultPlacement(\n alignX: TooltipProps['alignX'],\n alignY: TooltipProps['alignY'],\n): Placement {\n return [alignY \|\| 'bottom', mapAlignX(alignX \|\| 'left')]\n .filter((p) => !!p)\n .join('-') as Placement;\n}\nfunction isVerticalPlacement(placement: PlacementWithAuto) {\n return placement.startsWith('top') \|\| placement.startsWith('bottom');\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/Tooltip\n /\nexport const Tooltip = ({\n children,\n isShown: isShownProp = true,\n offsetX = 0,\n offsetY = 15,\n alignX,\n alignY,\n onClose,\n cornerOffset = 0,\n cornerAbsoluteOffset,\n appearance = 'accent',\n arrow = true,\n placement: placementProp,\n text,\n header,\n className,\n ...restProps\n}: TooltipProps) => {\n const arrowRef = React.useRef<HTMLDivElement>(null);\n const [target, setTarget] = React.useState<HTMLElement \| null>(null);\n / eslint-disable no-restricted-properties */\n const tooltipContainer = React.useMemo(\n () => target?.closest<HTMLDivElement>(`[${tooltipContainerAttr}]`),\n [target],\n );\n const { entering } = useNavTransition();\n const isShown = isShownProp && tooltipContainer && !entering;\n\n const placement = placementProp \|\| getDefaultPlacement(alignX, alignY);\n const isNotAutoPlacement = checkIsNotAutoPlacement(placement);\n\n if (process.env.NODE_ENV === 'development') {\n const multiChildren = React.Children.count(children) > 1;\n // Empty children is a noop\n const primitiveChild = hasReactNode(children) && typeof children !== 'object';\n (multiChildren \|\| primitiveChild) &&\n warn(\n [\n 'children должен быть одним React элементом, получено',\n multiChildren && 'несколько',\n primitiveChild && JSON.stringify(children),\n ]\n .filter(Boolean)\n .join(' '),\n 'error',\n );\n }\n\n const floatingPositionStrategy = React.useMemo(\n () => (target?.style.position === 'fixed' ? 'fixed' : 'absolute'),\n [target],\n );\n\n if (process.env.NODE_ENV === 'development' && target && !tooltipContainer) {\n throw new Error('Use TooltipContainer for Tooltip outside Panel (see docs)');\n }\n\n const memoizedMiddlewares = React.useMemo(() => {\n const middlewares: UseFloatingMiddleware[] = [\n offsetMiddleware({\n crossAxis: offsetX,\n mainAxis: offsetY,\n }),\n ];\n\n // см. https://floating-ui.com/docs/flip#conflict-with-autoplacement\n if (isNotAutoPlacement) {\n middlewares.push(flipMiddleware());\n } else {\n middlewares.push(\n autoPlacementMiddleware({\n alignment: placement ? getAutoPlacementAlign(placement) : null,\n }),\n );\n }\n\n middlewares.push(shiftMiddleware());\n\n // см. https://floating-ui.com/docs/arrow#order\n if (arrow) {\n middlewares.push(\n arrowMiddleware({\n element: arrowRef,\n padding: 14,\n }),\n );\n middlewares.push({\n name: 'arrowOffset',\n fn({ placement, middlewareData }) {\n if (!middlewareData.arrow) {\n return Promise.resolve({});\n }\n if (isVerticalPlacement(placement)) {\n if (cornerAbsoluteOffset !== undefined) {\n middlewareData.arrow.x = cornerAbsoluteOffset;\n } else if (middlewareData.arrow.x !== undefined) {\n middlewareData.arrow.x += cornerOffset;\n }\n } else {\n if (cornerAbsoluteOffset !== undefined) {\n middlewareData.arrow.y = cornerAbsoluteOffset;\n } else if (middlewareData.arrow.y !== undefined) {\n middlewareData.arrow.y += cornerOffset;\n }\n }\n return Promise.resolve({});\n },\n });\n }\n\n return middlewares;\n }, [arrow, cornerAbsoluteOffset, cornerOffset, offsetX, offsetY, placement, isNotAutoPlacement]);\n\n const {\n x: floatingDataX,\n y: floatingDataY,\n placement: resolvedPlacement,\n refs,\n middlewareData: { arrow: arrowCoords },\n } = useFloating({\n strategy: floatingPositionStrategy,\n placement: isNotAutoPlacement ? placement : undefined,\n middleware: memoizedMiddlewares,\n whileElementsMounted: autoUpdateFloatingElement,\n });\n\n const { document } = useDOM();\n useGlobalEventListener(document, 'click', isShown && onClose, {\n capture: true,\n passive: true,\n });\n\n const childRef = isDOMTypeElement<React.HTMLAttributes<HTMLElement>, HTMLElement>(children)\n ? children.ref\n : React.isValidElement<HasRootRef<HTMLElement>>(children)\n ? children.props.getRootRef\n : null;\n const patchedRef = useExternRef<HTMLElement>(setTarget, refs.setReference, childRef);\n const child = React.isValidElement(children)\n ? React.cloneElement(children, {\n [isDOMTypeElement(children) ? 'ref' : 'getRootRef']: patchedRef,\n })\n : children;\n\n return (\n <React.Fragment>\n {child}\n {isShown &&\n target != null &&\n ReactDOM.createPortal(\n <div\n {...restProps}\n className={classNames(\n styles['Tooltip'],\n appearance !== 'neutral' && stylesAppearance[appearance],\n className,\n )}\n >\n <div\n ref={refs.setFloating}\n style={convertFloatingDataToReactCSSProperties(\n floatingPositionStrategy,\n floatingDataX,\n floatingDataY,\n )}\n >\n {arrow && (\n <PopperArrow\n coords={arrowCoords}\n placement={resolvedPlacement}\n arrowClassName={styles['Tooltip__arrow']}\n getRootRef={arrowRef}\n />\n )}\n <div className={styles['Tooltip__content']}>\n {header && <Subhead weight=\"2\">{header}</Subhead>}\n {text && <Subhead>{text}</Subhead>}\n </div>\n </div>\n </div>,\n tooltipContainer,\n )}\n </React.Fragment>\n );\n};\n"],"names":["React","ReactDOM","classNames","hasReactNode","useExternRef","useGlobalEventListener","useDOM","arrowMiddleware","autoPlacementMiddleware","autoUpdateFloatingElement","checkIsNotAutoPlacement","convertFloatingDataToReactCSSProperties","flipMiddleware","getAutoPlacementAlign","offsetMiddleware","shiftMiddleware","useFloating","warnOnce","useNavTransition","PopperArrow","Subhead","tooltipContainerAttr","styles","isDOMTypeElement","element","isValidElement","type","warn","stylesAppearance","accent","white","black","inversion","mapAlignX","x","getDefaultPlacement","alignX","alignY","filter","p","join","isVerticalPlacement","placement","startsWith","Tooltip","children","isShown","isShownProp","offsetX","offsetY","onClose","cornerOffset","cornerAbsoluteOffset","appearance","arrow","placementProp","text","header","className","restProps","arrowRef","useRef","target","setTarget","useState","tooltipContainer","useMemo","closest","entering","isNotAutoPlacement","process","env","NODE_ENV","multiChildren","Children","count","primitiveChild","JSON","stringify","Boolean","floatingPositionStrategy","style","position","Error","memoizedMiddlewares","middlewares","crossAxis","mainAxis","push","alignment","padding","name","fn","middlewareData","Promise","resolve","undefined","y","floatingDataX","floatingDataY","resolvedPlacement","refs","arrowCoords","strategy","middleware","whileElementsMounted","document","capture","passive","childRef","ref","props","getRootRef","patchedRef","setReference","child","cloneElement","Fragment","createPortal","div","setFloating","coords","arrowClassName","weight"],"mappings":"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"}
1	+ {"version":3,"sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import * as React from 'react';\nimport ReactDOM from 'react-dom';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useGlobalEventListener } from '../../hooks/useGlobalEventListener';\nimport { useDOM } from '../../lib/dom';\nimport {\n arrowMiddleware,\n autoPlacementMiddleware,\n autoUpdateFloatingElement,\n checkIsNotAutoPlacement,\n convertFloatingDataToReactCSSProperties,\n flipMiddleware,\n getAutoPlacementAlign,\n offsetMiddleware,\n type Placement,\n type PlacementWithAuto,\n shiftMiddleware,\n useFloating,\n type UseFloatingMiddleware,\n} from '../../lib/floating';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { HasRootRef } from '../../types';\nimport { useNavTransition } from '../NavTransitionContext/NavTransitionContext';\nimport { DefaultIcon } from '../PopperArrow/DefaultIcon';\nimport { PopperArrow, type PopperArrowProps } from '../PopperArrow/PopperArrow';\nimport { Subhead } from '../Typography/Subhead/Subhead';\nimport { tooltipContainerAttr } from './TooltipContainer';\nimport styles from './Tooltip.module.css';\n\n/*\n Перебиваем `ref`.\n \n В оригинальном `React.DOMElement` задаётся `React.LegacyRef<T>`, в котором есть `string`.\n * Когда как `{ ref: \"string\" }` уже давно депрекейтнут.\n /\ninterface DOMElement<P extends React.HTMLAttributes<T> \| React.SVGAttributes<T>, T extends Element>\n extends React.DOMElement<P, T> {\n ref: React.Ref<T>;\n}\n\nconst isDOMTypeElement = <\n P extends React.HTMLAttributes<T> \| React.SVGAttributes<T>,\n T extends Element,\n>(\n element: React.ReactElement,\n): element is DOMElement<P, T> => {\n return React.isValidElement(element) && typeof element.type === 'string';\n};\n\nconst warn = warnOnce('Tooltip');\n\nconst stylesAppearance = {\n accent: styles['Tooltip--appearance-accent'],\n white: styles['Tooltip--appearance-white'],\n black: styles['Tooltip--appearance-black'],\n inversion: styles['Tooltip--appearance-inversion'],\n};\n\nexport interface TooltipProps {\n /\n Важно: если в `children` передан React-компонент, то необходимо убедиться в том, что он поддерживает\n * свойство `getRootRef`, которое должно возвращаться ссылку на корневой DOM-элемент компонента,\n * иначе тултип показан не будет. Если передан React-element, то такой проблемы нет.\n /\n children: React.ReactElement<HasRootRef<any>> \| React.ReactElement;\n /\n Стиль отображения подсказки\n /\n appearance?: 'accent' \| 'neutral' \| 'white' \| 'black' \| 'inversion';\n /\n Если передан `false`, то рисуется просто `children`.\n /\n isShown?: boolean;\n /\n Текст тултипа.\n /\n text?: React.ReactNode;\n /\n Заголовок тултипа.\n /\n header?: React.ReactNode;\n /\n Положение по горизонтали (прижатие к левому или правому краю `children`).\n * Если не задано, позиция по горизонтали определятся автоматически\n /\n alignX?: 'center' \| 'left' \| 'right';\n /\n Положение по вертикали (расположение над или под `children`).\n * Если не задано, позиция по вертикали определятся автоматически\n /\n alignY?: 'top' \| 'bottom';\n /\n Сдвиг по горизонтали (относительно портала, в котором рисуется тултип).\n /\n offsetX?: number;\n /\n Сдвиг по вертикали (относительно портала, в котором рисуется тултип).\n /\n offsetY?: number;\n /\n Отображать ли стрелку, указывающую на якорный элемент\n /\n arrow?: boolean;\n /\n Безопасная зона вокруг стрелки, чтобы та не выходила за края контента.\n /\n arrowPadding?: number;\n /\n Пользовательская SVG иконка.\n \n Требования:\n \n 1. Иконка по умолчанию должна быть направлена вверх (a.k.a `IconUp`).\n * 2. Чтобы избежать проблемы с пространством между стрелкой и контентом на некоторых экранах,\n * растяните кривую по высоте на `1px` и увеличьте на этот размер `height` и `viewBox` SVG.\n * (см. https://github.com/VKCOM/VKUI/pull/4496).\n * 3. Убедитесь, что компонент принимает все валидные для SVG параметры.\n * 4. Убедитесь, что SVG и её элементы наследует цвет через `fill=\"currentColor\"`.\n * 5. Если стрелка наезжает на якорный элемент, то увеличьте значение параметра `offsetY`.\n /\n ArrowIcon?: PopperArrowProps['Icon'];\n /\n Сдвиг стрелочки относительно центра дочернего элемента.\n /\n cornerOffset?: number;\n /\n Сдвиг стрелочки относительно ширины тултипа\n /\n cornerAbsoluteOffset?: number;\n /\n Callback, который вызывается при клике по любому месту в пределах экрана.\n /\n onClose?: () => void;\n /\n По умолчанию компонент выберет наилучшее расположение сам. Но его можно задать извне с помощью этого свойства\n /\n placement?: PlacementWithAuto;\n /\n Пользовательские css-классы, будут добавлены на root-элемент\n /\n className?: string;\n}\n\nfunction mapAlignX(x: TooltipProps['alignX']) {\n switch (x) {\n case 'left':\n return 'start';\n case 'right':\n return 'end';\n default:\n return '';\n }\n}\nfunction getDefaultPlacement(\n alignX: TooltipProps['alignX'],\n alignY: TooltipProps['alignY'],\n): Placement {\n return [alignY \|\| 'bottom', mapAlignX(alignX \|\| 'left')]\n .filter((p) => !!p)\n .join('-') as Placement;\n}\nfunction isVerticalPlacement(placement: PlacementWithAuto) {\n return placement.startsWith('top') \|\| placement.startsWith('bottom');\n}\n\n/\n @see https://vkcom.github.io/VKUI/#/Tooltip\n /\nexport const Tooltip = ({\n children,\n isShown: isShownProp = true,\n offsetX = 0,\n offsetY = 15,\n alignX,\n alignY,\n onClose,\n cornerOffset = 0,\n cornerAbsoluteOffset,\n appearance = 'accent',\n arrow = true,\n arrowPadding = 14,\n ArrowIcon = DefaultIcon,\n placement: placementProp,\n text,\n header,\n className,\n ...restProps\n}: TooltipProps) => {\n const [arrowRef, setArrowRef] = React.useState<HTMLDivElement \| null>(null);\n const [target, setTarget] = React.useState<HTMLElement \| null>(null);\n / eslint-disable no-restricted-properties */\n const tooltipContainer = React.useMemo(\n () => target?.closest<HTMLDivElement>(`[${tooltipContainerAttr}]`),\n [target],\n );\n const { entering } = useNavTransition();\n const isShown = isShownProp && tooltipContainer && !entering;\n\n const placement = placementProp \|\| getDefaultPlacement(alignX, alignY);\n const isNotAutoPlacement = checkIsNotAutoPlacement(placement);\n\n if (process.env.NODE_ENV === 'development') {\n const multiChildren = React.Children.count(children) > 1;\n // Empty children is a noop\n const primitiveChild = hasReactNode(children) && typeof children !== 'object';\n (multiChildren \|\| primitiveChild) &&\n warn(\n [\n 'children должен быть одним React элементом, получено',\n multiChildren && 'несколько',\n primitiveChild && JSON.stringify(children),\n ]\n .filter(Boolean)\n .join(' '),\n 'error',\n );\n }\n\n const floatingPositionStrategy = React.useMemo(\n () => (target?.style.position === 'fixed' ? 'fixed' : 'absolute'),\n [target],\n );\n\n if (process.env.NODE_ENV === 'development' && target && !tooltipContainer) {\n throw new Error('Use TooltipContainer for Tooltip outside Panel (see docs)');\n }\n\n const memoizedMiddlewares = React.useMemo(() => {\n const middlewares: UseFloatingMiddleware[] = [\n offsetMiddleware({\n crossAxis: offsetX,\n mainAxis: offsetY,\n }),\n ];\n\n // см. https://floating-ui.com/docs/flip#conflict-with-autoplacement\n if (isNotAutoPlacement) {\n middlewares.push(flipMiddleware());\n } else {\n middlewares.push(\n autoPlacementMiddleware({\n alignment: placement ? getAutoPlacementAlign(placement) : null,\n }),\n );\n }\n\n middlewares.push(shiftMiddleware());\n\n // см. https://floating-ui.com/docs/arrow#order\n if (arrow) {\n middlewares.push(\n arrowMiddleware({\n element: arrowRef,\n padding: arrowPadding,\n }),\n );\n middlewares.push({\n name: 'arrowOffset',\n fn({ placement, middlewareData }) {\n if (!middlewareData.arrow) {\n return Promise.resolve({});\n }\n if (isVerticalPlacement(placement)) {\n if (cornerAbsoluteOffset !== undefined) {\n middlewareData.arrow.x = cornerAbsoluteOffset;\n } else if (middlewareData.arrow.x !== undefined) {\n middlewareData.arrow.x += cornerOffset;\n }\n } else {\n if (cornerAbsoluteOffset !== undefined) {\n middlewareData.arrow.y = cornerAbsoluteOffset;\n } else if (middlewareData.arrow.y !== undefined) {\n middlewareData.arrow.y += cornerOffset;\n }\n }\n return Promise.resolve({});\n },\n });\n }\n\n return middlewares;\n }, [\n arrow,\n arrowRef,\n arrowPadding,\n cornerAbsoluteOffset,\n cornerOffset,\n offsetX,\n offsetY,\n placement,\n isNotAutoPlacement,\n ]);\n\n const {\n x: floatingDataX,\n y: floatingDataY,\n placement: resolvedPlacement,\n refs,\n middlewareData: { arrow: arrowCoords },\n } = useFloating({\n strategy: floatingPositionStrategy,\n placement: isNotAutoPlacement ? placement : undefined,\n middleware: memoizedMiddlewares,\n whileElementsMounted: autoUpdateFloatingElement,\n });\n\n const { document } = useDOM();\n useGlobalEventListener(document, 'click', isShown && onClose, {\n capture: true,\n passive: true,\n });\n\n const childRef = isDOMTypeElement<React.HTMLAttributes<HTMLElement>, HTMLElement>(children)\n ? children.ref\n : React.isValidElement<HasRootRef<HTMLElement>>(children)\n ? children.props.getRootRef\n : null;\n const patchedRef = useExternRef<HTMLElement>(setTarget, refs.setReference, childRef);\n const child = React.isValidElement(children)\n ? React.cloneElement(children, {\n [isDOMTypeElement(children) ? 'ref' : 'getRootRef']: patchedRef,\n })\n : children;\n\n return (\n <React.Fragment>\n {child}\n {isShown &&\n target != null &&\n ReactDOM.createPortal(\n <div\n {...restProps}\n className={classNames(\n styles['Tooltip'],\n appearance !== 'neutral' && stylesAppearance[appearance],\n className,\n )}\n >\n <div\n ref={refs.setFloating}\n style={convertFloatingDataToReactCSSProperties(\n floatingPositionStrategy,\n floatingDataX,\n floatingDataY,\n )}\n >\n {arrow && (\n <PopperArrow\n coords={arrowCoords}\n placement={resolvedPlacement}\n arrowClassName={styles['Tooltip__arrow']}\n getRootRef={setArrowRef}\n Icon={ArrowIcon}\n />\n )}\n <div className={styles['Tooltip__content']}>\n {header && <Subhead weight=\"2\">{header}</Subhead>}\n {text && <Subhead>{text}</Subhead>}\n </div>\n </div>\n </div>,\n tooltipContainer,\n )}\n </React.Fragment>\n );\n};\n"],"names":["React","ReactDOM","classNames","hasReactNode","useExternRef","useGlobalEventListener","useDOM","arrowMiddleware","autoPlacementMiddleware","autoUpdateFloatingElement","checkIsNotAutoPlacement","convertFloatingDataToReactCSSProperties","flipMiddleware","getAutoPlacementAlign","offsetMiddleware","shiftMiddleware","useFloating","warnOnce","useNavTransition","DefaultIcon","PopperArrow","Subhead","tooltipContainerAttr","styles","isDOMTypeElement","element","isValidElement","type","warn","stylesAppearance","accent","white","black","inversion","mapAlignX","x","getDefaultPlacement","alignX","alignY","filter","p","join","isVerticalPlacement","placement","startsWith","Tooltip","children","isShown","isShownProp","offsetX","offsetY","onClose","cornerOffset","cornerAbsoluteOffset","appearance","arrow","arrowPadding","ArrowIcon","placementProp","text","header","className","restProps","arrowRef","setArrowRef","useState","target","setTarget","tooltipContainer","useMemo","closest","entering","isNotAutoPlacement","process","env","NODE_ENV","multiChildren","Children","count","primitiveChild","JSON","stringify","Boolean","floatingPositionStrategy","style","position","Error","memoizedMiddlewares","middlewares","crossAxis","mainAxis","push","alignment","padding","name","fn","middlewareData","Promise","resolve","undefined","y","floatingDataX","floatingDataY","resolvedPlacement","refs","arrowCoords","strategy","middleware","whileElementsMounted","document","capture","passive","childRef","ref","props","getRootRef","patchedRef","setReference","child","cloneElement","Fragment","createPortal","div","setFloating","coords","arrowClassName","Icon","weight"],"mappings":"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"}

package/dist/cssm/components/Tooltip/TooltipContainer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Tooltip/TooltipContainer.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport const tooltipContainerAttr = 'data-tooltip-container';\nexport const TooltipContainer = React.forwardRef<\n HTMLDivElement,\n React.HtmlHTMLAttributes<HTMLDivElement> & { fixed?: boolean }\n>(function TooltipContainer({ fixed = false, ...props }, ref) {\n (props as any)[tooltipContainerAttr] = fixed ? 'fixed' : 'true';\n return <div {...props} ref={ref} />;\n});\n"],"names":["React","tooltipContainerAttr","TooltipContainer","forwardRef","fixed","props","ref","div"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,OAAO,MAAMC,uBAAuB,yBAAyB;AAC7D,OAAO,MAAMC,iCAAmBF,MAAMG,~~UAAU~~,~~CAG9C,~~SAASD,iBAAiB,EAAEE,OAAQ,~~KAAK~~,~~CAAA,~~EAAE,GAAGC,OAAO,EAAEC,GAAG~~,EAAE~~;~~IAC3DD~~,KAAa,CAACJ,qBAAqB,GAAGG,QAAQ,UAAU~~,MAAM~~;~~IAC/D~~,qBAAO,oBAACG;QAAK,GAAGF,KAAK;QAAEC,KAAKA;;AAC9B,GAAG"}
1	+ {"version":3,"sources":["../../../../src/components/Tooltip/TooltipContainer.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport const tooltipContainerAttr = 'data-tooltip-container';\nexport const TooltipContainer = React.forwardRef<\n HTMLDivElement,\n React.HtmlHTMLAttributes<HTMLDivElement> & { fixed?: boolean }\n>(function TooltipContainer({ fixed = false, ...props }, ref) {\n (props as any)[tooltipContainerAttr] = fixed ? 'fixed' : 'true';\n return <div {...props} ref={ref} />;\n});\n"],"names":["React","tooltipContainerAttr","TooltipContainer","forwardRef","fixed","props","ref","div"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B,OAAO,MAAMC,uBAAuB,yBAAyB;AAC7D,OAAO,MAAMC,iCAAmBF,MAAMG,WAGpC,SAASD,iBAAiB,EAAEE,OAAQ,MAAK,EAAE,GAAGC,OAAO,EAAEC,GAAG;IACzDD,KAAa,CAACJ,qBAAqB,GAAGG,QAAQ,UAAU;IACzD,qBAAO,oBAACG;QAAK,GAAGF,KAAK;QAAEC,KAAKA;;AAC9B,GAAG"}

package/dist/cssm/components/Touch/Touch.d.ts CHANGED Viewed

@@ -48,5 +48,5 @@ export type DragHandler = (e: React.DragEvent<HTMLElement>) => void;
 /**
  * @see https://vkcom.github.io/VKUI/#/Touch
  */
-export declare const Touch: ({ onStart, onStartX, onStartY, onMove: _onMove, onMoveX, onMoveY, onLeave, onEnter, onEnd: _onEnd, onEndX, onEndY, onClickCapture, usePointerHover, slideThreshold, useCapture, Component, getRootRef, noSlideClick, stopPropagation, ...restProps }: TouchProps) => JSX.Element;
+export declare const Touch: ({ onStart, onStartX, onStartY, onMove: _onMove, onMoveX, onMoveY, onLeave, onEnter, onEnd: _onEnd, onEndX, onEndY, onClickCapture, usePointerHover, slideThreshold, useCapture, Component, getRootRef, noSlideClick, stopPropagation, ...restProps }: TouchProps) => React.JSX.Element;
 export {};

package/dist/cssm/components/Touch/Touch.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Touch/Touch.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useEventListener } from '../../hooks/useEventListener';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useDOM } from '../../lib/dom';\nimport { coordX, coordY, getSupportedEvents, touchEnabled, VKUITouchEvent } from '../../lib/touch';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { HasComponent, HasRootRef } from '../../types';\n\nexport interface TouchProps\n extends React.AllHTMLAttributes<HTMLElement>,\n HasRootRef<HTMLElement>,\n HasComponent {\n /*\n Привязать onEnter и onLeave через pointer-events - работает на disabled-инпутах\n /\n usePointerHover?: boolean;\n useCapture?: boolean;\n slideThreshold?: number;\n noSlideClick?: boolean;\n onEnter?: HoverHandler;\n onLeave?: HoverHandler;\n onStart?: TouchEventHandler;\n onStartX?: TouchEventHandler;\n onStartY?: TouchEventHandler;\n onMove?: TouchEventHandler;\n onMoveX?: TouchEventHandler;\n onMoveY?: TouchEventHandler;\n onEnd?: TouchEventHandler;\n onEndX?: TouchEventHandler;\n onEndY?: TouchEventHandler;\n stopPropagation?: boolean;\n}\n\nexport interface Gesture {\n startX: number;\n startY: number;\n startT: Date;\n duration: number;\n isPressed: boolean;\n isY: boolean;\n isX: boolean;\n isSlideX: boolean;\n isSlideY: boolean;\n isSlide: boolean;\n shiftX: number;\n shiftY: number;\n shiftXAbs: number;\n shiftYAbs: number;\n}\n\nexport interface TouchEvent extends Gesture {\n originalEvent: VKUITouchEvent;\n}\n\ntype HoverHandler = (outputEvent: MouseEvent) => void;\nexport type TouchEventHandler = (e: TouchEvent) => void;\nexport type ClickHandler = (e: React.MouseEvent<HTMLElement>) => void;\nexport type DragHandler = (e: React.DragEvent<HTMLElement>) => void;\n\n/\n @see https://vkcom.github.io/VKUI/#/Touch\n /\nexport const Touch = ({\n onStart,\n onStartX,\n onStartY,\n onMove: _onMove,\n onMoveX,\n onMoveY,\n onLeave,\n onEnter,\n onEnd: _onEnd,\n onEndX,\n onEndY,\n onClickCapture,\n usePointerHover,\n slideThreshold = 5,\n useCapture = false,\n Component = 'div',\n getRootRef,\n noSlideClick = false,\n stopPropagation = false,\n ...restProps\n}: TouchProps) => {\n const { document } = useDOM();\n const events = React.useMemo(getSupportedEvents, []);\n const didSlide = React.useRef(false);\n const gesture = React.useRef<Partial<Gesture> \| null>(null);\n const handle = (e: VKUITouchEvent, handlers: Array<TouchEventHandler \| undefined \| false>) => {\n stopPropagation && e.stopPropagation();\n handlers.forEach((cb) => {\n const duration = Date.now() - (gesture.current?.startT?.getTime() ?? 0);\n cb && cb({ ...(gesture.current as Gesture), duration, originalEvent: e });\n });\n };\n\n const enterHandler = useEventListener(usePointerHover ? 'pointerenter' : 'mouseenter', onEnter);\n const leaveHandler = useEventListener(usePointerHover ? 'pointerleave' : 'mouseleave', onLeave);\n const startHandler = useEventListener(\n events[0],\n (e: VKUITouchEvent) => {\n gesture.current = initGesture(coordX(e), coordY(e));\n\n handle(e, [onStart, onStartX, onStartY]);\n // 1 line, 2 bad specs, 2 workarounds:\n subscribe(\n touchEnabled()\n ? // Touch events fire on initial target, and won't bubble if its removed\n // see: #235, #1968, https://stackoverflow.com/a/45760014\n (e.target as HTMLElement)\n : // Mouse events fire on the element under pointer, so we lose move / end\n // if pointer goes outside container.\n // Can be fixed by PointerEvents' setPointerCapture later\n document,\n );\n },\n { capture: useCapture, passive: false },\n );\n const containerRef = useExternRef(getRootRef);\n\n useIsomorphicLayoutEffect(() => {\n const el = containerRef.current;\n if (el) {\n enterHandler.add(el);\n leaveHandler.add(el);\n startHandler.add(el);\n }\n }, [Component]);\n\n function onMove(e: VKUITouchEvent) {\n const { isPressed, isX, isY, startX = 0, startY = 0 } = gesture.current ?? {};\n\n if (isPressed) {\n // смещения\n const shiftX = coordX(e) - startX;\n const shiftY = coordY(e) - startY;\n\n // абсолютные значения смещений\n const shiftXAbs = Math.abs(shiftX);\n const shiftYAbs = Math.abs(shiftY);\n\n // Если определяем мультитач, то прерываем жест\n if (!!e.touches && e.touches.length > 1) {\n return onEnd(e);\n }\n\n // если мы ещё не определились\n if (!isX && !isY) {\n const willBeX = shiftXAbs >= slideThreshold && shiftXAbs > shiftYAbs;\n const willBeY = shiftYAbs >= slideThreshold && shiftYAbs > shiftXAbs;\n const willBeSlidedX = willBeX && (!!onMoveX \|\| !!_onMove);\n const willBeSlidedY = willBeY && (!!onMoveY \|\| !!_onMove);\n\n if (gesture.current) {\n Object.assign(gesture.current, {\n isY: willBeY,\n isX: willBeX,\n isSlideX: willBeSlidedX,\n isSlideY: willBeSlidedY,\n isSlide: willBeSlidedX \|\| willBeSlidedY,\n });\n }\n }\n\n if (gesture.current?.isSlide) {\n Object.assign(gesture.current, {\n shiftX,\n shiftY,\n shiftXAbs,\n shiftYAbs,\n });\n\n handle(e, [\n _onMove,\n gesture.current.isSlideX && onMoveX,\n gesture.current.isSlideY && onMoveY,\n ]);\n }\n }\n }\n\n function onEnd(e: VKUITouchEvent) {\n const { isPressed, isSlide, isSlideX, isSlideY } = gesture.current ?? {};\n\n if (isPressed) {\n handle(e, [_onEnd, isSlideY && onEndY, isSlideX && onEndX]);\n }\n\n const isTouchEnabled = touchEnabled();\n\n if (isTouchEnabled && isSlide) {\n // https://github.com/VKCOM/VKUI/issues/4414\n // если тач-устройство и был зафиксирован touchmove,\n // то событие клика не вызывается\n didSlide.current = false;\n } else {\n didSlide.current = Boolean(isSlide);\n }\n gesture.current = {};\n\n // Если это был тач-евент, симулируем отмену hover\n if (isTouchEnabled) {\n onLeave && onLeave(e);\n }\n unsubscribe();\n }\n\n const listenerParams = { capture: useCapture, passive: false };\n const listeners = [\n useEventListener(events[1], onMove, listenerParams),\n useEventListener(events[2], onEnd, listenerParams),\n useEventListener(events[3], onEnd, listenerParams),\n ];\n function subscribe(el: HTMLElement \| Document \| null \| undefined) {\n if (el) {\n listeners.forEach((l) => l.add(el));\n }\n }\n function unsubscribe() {\n listeners.forEach((l) => l.remove());\n }\n\n /\n Обработчик событий dragstart\n * Отменяет нативное браузерное поведение для вложенных ссылок и изображений\n /\n const onDragStart = (e: React.DragEvent<HTMLElement>) => {\n const target = e.target as HTMLElement;\n if (target.tagName === 'A' \|\| target.tagName === 'IMG') {\n e.preventDefault();\n }\n };\n\n /\n Обработчик клика по компоненту\n * Отменяет переход по вложенной ссылке, если был зафиксирован свайп\n */\n const postGestureClick: typeof onClickCapture = (e) => {\n if (!didSlide.current) {\n return onClickCapture && onClickCapture(e);\n }\n\n if (noSlideClick) {\n e.stopPropagation();\n\n // https://github.com/VKCOM/VKUI/issues/1977\n // https://github.com/VKCOM/VKUI/issues/3892\n e.preventDefault();\n } else {\n onClickCapture && onClickCapture(e);\n }\n\n didSlide.current = false;\n };\n\n return (\n <Component\n {...restProps}\n onDragStart={onDragStart}\n onClickCapture={postGestureClick}\n ref={containerRef}\n />\n );\n};\n\nfunction initGesture(startX: number, startY: number): Gesture {\n return {\n startX,\n startY,\n startT: new Date(),\n duration: 0,\n isPressed: true,\n isY: false,\n isX: false,\n isSlideX: false,\n isSlideY: false,\n isSlide: false,\n shiftX: 0,\n shiftY: 0,\n shiftXAbs: 0,\n shiftYAbs: 0,\n };\n}\n"],"names":["React","useEventListener","useExternRef","useDOM","coordX","coordY","getSupportedEvents","touchEnabled","useIsomorphicLayoutEffect","Touch","onStart","onStartX","onStartY","onMove","_onMove","onMoveX","onMoveY","onLeave","onEnter","onEnd","_onEnd","onEndX","onEndY","onClickCapture","usePointerHover","slideThreshold","useCapture","Component","getRootRef","noSlideClick","stopPropagation","restProps","document","events","useMemo","didSlide","useRef","gesture","handle","e","handlers","forEach","cb","duration","Date","now","current","startT","getTime","originalEvent","enterHandler","leaveHandler","startHandler","initGesture","subscribe","target","capture","passive","containerRef","el","add","isPressed","isX","isY","startX","startY","shiftX","shiftY","shiftXAbs","Math","abs","shiftYAbs","touches","length","willBeX","willBeY","willBeSlidedX","willBeSlidedY","Object","assign","isSlideX","isSlideY","isSlide","isTouchEnabled","Boolean","unsubscribe","listenerParams","listeners","l","remove","onDragStart","tagName","preventDefault","postGestureClick","ref"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,gBAAgB,QAAQ,+BAA+B;AAChE,SAASC,YAAY,QAAQ,2BAA2B;AACxD,SAASC,MAAM,QAAQ,gBAAgB;AACvC,SAASC,MAAM,EAAEC,MAAM,EAAEC,kBAAkB,EAAEC,YAAY,QAAwB,kBAAkB;AACnG,SAASC,yBAAyB,QAAQ,sCAAsC;AAsDhF;;CAEC,GACD,OAAO,MAAMC,QAAQ,CAAC,EACpBC,QAAO,EACPC,SAAQ,EACRC,SAAQ,EACRC,QAAQC,QAAO,EACfC,QAAO,EACPC,QAAO,EACPC,QAAO,EACPC,QAAO,EACPC,OAAOC,OAAM,EACbC,OAAM,EACNC,OAAM,EACNC,eAAc,EACdC,gBAAe,EACfC,gBAAiB,EAAC,EAClBC,YAAa,KAAK,CAAA,EAClBC,WAAY,MAAK,EACjBC,WAAU,EACVC,cAAe,KAAK,CAAA,EACpBC,iBAAkB,KAAK,CAAA,EACvB,GAAGC,WACQ,GAAK;IAChB,MAAM,EAAEC,SAAQ,EAAE,GAAG7B;IACrB,MAAM8B,SAASjC,MAAMkC,OAAO,CAAC5B,oBAAoB,EAAE;IACnD,MAAM6B,WAAWnC,MAAMoC,MAAM,CAAC,KAAK;IACnC,MAAMC,UAAUrC,MAAMoC,MAAM,CAA0B,IAAI;IAC1D,MAAME,SAAS,CAACC,GAAmBC,WAA2D;QAC5FV,mBAAmBS,EAAET,eAAe;QACpCU,SAASC,OAAO,CAAC,CAACC,KAAO;YACvB,MAAMC,WAAWC,KAAKC,GAAG,KAAMR,CAAAA,QAAQS,OAAO,EAAEC,QAAQC,aAAa,CAAA;YACrEN,MAAMA,GAAG;gBAAE,GAAIL,QAAQS,OAAO;gBAAcH;gBAAUM,eAAeV;YAAE;QACzE;IACF;IAEA,MAAMW,eAAejD,iBAAiBuB,kBAAkB,iBAAiB,YAAY,EAAEN;IACvF,MAAMiC,eAAelD,iBAAiBuB,kBAAkB,iBAAiB,YAAY,EAAEP;IACvF,MAAMmC,eAAenD,iBACnBgC,MAAM,CAAC,EAAE,EACT,CAACM,IAAsB;QACrBF,QAAQS,OAAO,GAAGO,YAAYjD,OAAOmC,IAAIlC,OAAOkC;QAEhDD,OAAOC,GAAG;YAAC7B;YAASC;YAAUC;SAAS;QACvC,sCAAsC;QACtC0C,UACE/C,iBAEI,yDAAyD;QACxDgC,EAAEgB,MAAM,GAET,qCAAqC;QACrC,yDAAyD;QACzDvB,QAAQ;IAEhB,GACA;QAAEwB,SAAS9B;QAAY+B,SAAS,KAAK;IAAC;IAExC,MAAMC,eAAexD,aAAa0B;IAElCpB,0BAA0B,IAAM;QAC9B,MAAMmD,KAAKD,aAAaZ,OAAO;QAC/B,IAAIa,IAAI;YACNT,aAAaU,GAAG,CAACD;YACjBR,aAAaS,GAAG,CAACD;YACjBP,aAAaQ,GAAG,CAACD;QACnB,CAAC;IACH,GAAG;QAAChC;KAAU;IAEd,SAASd,OAAO0B,CAAiB,EAAE;QACjC,MAAM,EAAEsB,UAAS,EAAEC,IAAG,EAAEC,IAAG,EAAEC,QAAS,EAAC,EAAEC,QAAS,EAAC,EAAE,GAAG5B,QAAQS,OAAO,IAAI,CAAC;QAE5E,IAAIe,WAAW;YACb,WAAW;YACX,MAAMK,SAAS9D,OAAOmC,KAAKyB;YAC3B,MAAMG,SAAS9D,OAAOkC,KAAK0B;YAE3B,+BAA+B;YAC/B,MAAMG,YAAYC,KAAKC,GAAG,CAACJ;YAC3B,MAAMK,YAAYF,KAAKC,GAAG,CAACH;YAE3B,+CAA+C;YAC/C,IAAI,CAAC,CAAC5B,EAAEiC,OAAO,IAAIjC,EAAEiC,OAAO,CAACC,MAAM,GAAG,GAAG;gBACvC,OAAOtD,MAAMoB;YACf,CAAC;YAED,8BAA8B;YAC9B,IAAI,CAACuB,OAAO,CAACC,KAAK;gBAChB,MAAMW,UAAUN,aAAa3C,kBAAkB2C,YAAYG;gBAC3D,MAAMI,UAAUJ,aAAa9C,kBAAkB8C,YAAYH;gBAC3D,MAAMQ,gBAAgBF,WAAY,CAAA,CAAC,CAAC3D,WAAW,CAAC,CAACD,OAAM;gBACvD,MAAM+D,gBAAgBF,WAAY,CAAA,CAAC,CAAC3D,WAAW,CAAC,CAACF,OAAM;gBAEvD,IAAIuB,QAAQS,OAAO,EAAE;oBACnBgC,OAAOC,MAAM,CAAC1C,QAAQS,OAAO,EAAE;wBAC7BiB,KAAKY;wBACLb,KAAKY;wBACLM,UAAUJ;wBACVK,UAAUJ;wBACVK,SAASN,iBAAiBC;oBAC5B;gBACF,CAAC;YACH,CAAC;YAED,IAAIxC,QAAQS,OAAO,EAAEoC,SAAS;gBAC5BJ,OAAOC,MAAM,CAAC1C,QAAQS,OAAO,EAAE;oBAC7BoB;oBACAC;oBACAC;oBACAG;gBACF;gBAEAjC,OAAOC,GAAG;oBACRzB;oBACAuB,QAAQS,OAAO,CAACkC,QAAQ,IAAIjE;oBAC5BsB,QAAQS,OAAO,CAACmC,QAAQ,IAAIjE;iBAC7B;YACH,CAAC;QACH,CAAC;IACH;IAEA,SAASG,MAAMoB,CAAiB,EAAE;QAChC,MAAM,EAAEsB,UAAS,EAAEqB,QAAO,EAAEF,SAAQ,EAAEC,SAAQ,EAAE,GAAG5C,QAAQS,OAAO,IAAI,CAAC;QAEvE,IAAIe,WAAW;YACbvB,OAAOC,GAAG;gBAACnB;gBAAQ6D,YAAY3D;gBAAQ0D,YAAY3D;aAAO;QAC5D,CAAC;QAED,MAAM8D,iBAAiB5E;QAEvB,IAAI4E,kBAAkBD,SAAS;YAC7B,4CAA4C;YAC5C,oDAAoD;YACpD,iCAAiC;YACjC/C,SAASW,OAAO,GAAG,KAAK;QAC1B,OAAO;YACLX,SAASW,OAAO,GAAGsC,QAAQF;QAC7B,CAAC;QACD7C,QAAQS,OAAO,GAAG,CAAC;QAEnB,kDAAkD;QAClD,IAAIqC,gBAAgB;YAClBlE,WAAWA,QAAQsB;QACrB,CAAC;QACD8C;IACF;IAEA,MAAMC,iBAAiB;QAAE9B,SAAS9B;QAAY+B,SAAS,KAAK;IAAC;IAC7D,MAAM8B,YAAY;QAChBtF,iBAAiBgC,MAAM,CAAC,EAAE,EAAEpB,QAAQyE;QACpCrF,iBAAiBgC,MAAM,CAAC,EAAE,EAAEd,OAAOmE;QACnCrF,iBAAiBgC,MAAM,CAAC,EAAE,EAAEd,OAAOmE;KACpC;IACD,SAAShC,UAAUK,EAA6C,EAAE;QAChE,IAAIA,IAAI;YACN4B,UAAU9C,OAAO,CAAC,CAAC+C,IAAMA,EAAE5B,GAAG,CAACD;QACjC,CAAC;IACH;IACA,SAAS0B,cAAc;QACrBE,UAAU9C,OAAO,CAAC,CAAC+C,IAAMA,EAAEC,MAAM;IACnC;IAEA;;;GAGC,GACD,MAAMC,cAAc,CAACnD,IAAoC;QACvD,MAAMgB,SAAShB,EAAEgB,MAAM;QACvB,IAAIA,OAAOoC,OAAO,KAAK,OAAOpC,OAAOoC,OAAO,KAAK,OAAO;YACtDpD,EAAEqD,cAAc;QAClB,CAAC;IACH;IAEA;;;GAGC,GACD,MAAMC,mBAA0C,CAACtD,IAAM;QACrD,IAAI,CAACJ,SAASW,OAAO,EAAE;YACrB,OAAOvB,kBAAkBA,eAAegB;QAC1C,CAAC;QAED,IAAIV,cAAc;YAChBU,EAAET,eAAe;YAEjB,4CAA4C;YAC5C,4CAA4C;YAC5CS,EAAEqD,cAAc;QAClB,OAAO;YACLrE,kBAAkBA,eAAegB;QACnC,CAAC;QAEDJ,SAASW,OAAO,GAAG,KAAK;IAC1B;IAEA,qBACE,oBAACnB;QACE,GAAGI,SAAS;QACb2D,aAAaA;QACbnE,gBAAgBsE;QAChBC,KAAKpC;;AAGX,EAAE;AAEF,SAASL,YAAYW,MAAc,EAAEC,MAAc,EAAW;IAC5D,OAAO;QACLD;QACAC;QACAlB,QAAQ,IAAIH;QACZD,UAAU;QACVkB,WAAW,IAAI;QACfE,KAAK,KAAK;QACVD,KAAK,KAAK;QACVkB,UAAU,KAAK;QACfC,UAAU,KAAK;QACfC,SAAS,KAAK;QACdhB,QAAQ;QACRC,QAAQ;QACRC,WAAW;QACXG,WAAW;IACb;AACF"}
1	+ {"version":3,"sources":["../../../../src/components/Touch/Touch.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useEventListener } from '../../hooks/useEventListener';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useDOM } from '../../lib/dom';\nimport { coordX, coordY, getSupportedEvents, touchEnabled, VKUITouchEvent } from '../../lib/touch';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { HasComponent, HasRootRef } from '../../types';\n\nexport interface TouchProps\n extends React.AllHTMLAttributes<HTMLElement>,\n HasRootRef<HTMLElement>,\n HasComponent {\n /*\n Привязать onEnter и onLeave через pointer-events - работает на disabled-инпутах\n /\n usePointerHover?: boolean;\n useCapture?: boolean;\n slideThreshold?: number;\n noSlideClick?: boolean;\n onEnter?: HoverHandler;\n onLeave?: HoverHandler;\n onStart?: TouchEventHandler;\n onStartX?: TouchEventHandler;\n onStartY?: TouchEventHandler;\n onMove?: TouchEventHandler;\n onMoveX?: TouchEventHandler;\n onMoveY?: TouchEventHandler;\n onEnd?: TouchEventHandler;\n onEndX?: TouchEventHandler;\n onEndY?: TouchEventHandler;\n stopPropagation?: boolean;\n}\n\nexport interface Gesture {\n startX: number;\n startY: number;\n startT: Date;\n duration: number;\n isPressed: boolean;\n isY: boolean;\n isX: boolean;\n isSlideX: boolean;\n isSlideY: boolean;\n isSlide: boolean;\n shiftX: number;\n shiftY: number;\n shiftXAbs: number;\n shiftYAbs: number;\n}\n\nexport interface TouchEvent extends Gesture {\n originalEvent: VKUITouchEvent;\n}\n\ntype HoverHandler = (outputEvent: MouseEvent) => void;\nexport type TouchEventHandler = (e: TouchEvent) => void;\nexport type ClickHandler = (e: React.MouseEvent<HTMLElement>) => void;\nexport type DragHandler = (e: React.DragEvent<HTMLElement>) => void;\n\n/\n @see https://vkcom.github.io/VKUI/#/Touch\n /\nexport const Touch = ({\n onStart,\n onStartX,\n onStartY,\n onMove: _onMove,\n onMoveX,\n onMoveY,\n onLeave,\n onEnter,\n onEnd: _onEnd,\n onEndX,\n onEndY,\n onClickCapture,\n usePointerHover,\n slideThreshold = 5,\n useCapture = false,\n Component = 'div',\n getRootRef,\n noSlideClick = false,\n stopPropagation = false,\n ...restProps\n}: TouchProps) => {\n const { document } = useDOM();\n const events = React.useMemo(getSupportedEvents, []);\n const didSlide = React.useRef(false);\n const gesture = React.useRef<Partial<Gesture> \| null>(null);\n const handle = (e: VKUITouchEvent, handlers: Array<TouchEventHandler \| undefined \| false>) => {\n stopPropagation && e.stopPropagation();\n handlers.forEach((cb) => {\n const duration = Date.now() - (gesture.current?.startT?.getTime() ?? 0);\n cb && cb({ ...(gesture.current as Gesture), duration, originalEvent: e });\n });\n };\n\n const enterHandler = useEventListener(usePointerHover ? 'pointerenter' : 'mouseenter', onEnter);\n const leaveHandler = useEventListener(usePointerHover ? 'pointerleave' : 'mouseleave', onLeave);\n const startHandler = useEventListener(\n events[0],\n (e: VKUITouchEvent) => {\n gesture.current = initGesture(coordX(e), coordY(e));\n\n handle(e, [onStart, onStartX, onStartY]);\n // 1 line, 2 bad specs, 2 workarounds:\n subscribe(\n touchEnabled()\n ? // Touch events fire on initial target, and won't bubble if its removed\n // see: #235, #1968, https://stackoverflow.com/a/45760014\n (e.target as HTMLElement)\n : // Mouse events fire on the element under pointer, so we lose move / end\n // if pointer goes outside container.\n // Can be fixed by PointerEvents' setPointerCapture later\n document,\n );\n },\n { capture: useCapture, passive: false },\n );\n const containerRef = useExternRef(getRootRef);\n\n useIsomorphicLayoutEffect(() => {\n const el = containerRef.current;\n if (el) {\n enterHandler.add(el);\n leaveHandler.add(el);\n startHandler.add(el);\n }\n }, [Component]);\n\n function onMove(e: VKUITouchEvent) {\n const { isPressed, isX, isY, startX = 0, startY = 0 } = gesture.current ?? {};\n\n if (isPressed) {\n // смещения\n const shiftX = coordX(e) - startX;\n const shiftY = coordY(e) - startY;\n\n // абсолютные значения смещений\n const shiftXAbs = Math.abs(shiftX);\n const shiftYAbs = Math.abs(shiftY);\n\n // Если определяем мультитач, то прерываем жест\n if (!!e.touches && e.touches.length > 1) {\n return onEnd(e);\n }\n\n // если мы ещё не определились\n if (!isX && !isY) {\n const willBeX = shiftXAbs >= slideThreshold && shiftXAbs > shiftYAbs;\n const willBeY = shiftYAbs >= slideThreshold && shiftYAbs > shiftXAbs;\n const willBeSlidedX = willBeX && (!!onMoveX \|\| !!_onMove);\n const willBeSlidedY = willBeY && (!!onMoveY \|\| !!_onMove);\n\n if (gesture.current) {\n Object.assign(gesture.current, {\n isY: willBeY,\n isX: willBeX,\n isSlideX: willBeSlidedX,\n isSlideY: willBeSlidedY,\n isSlide: willBeSlidedX \|\| willBeSlidedY,\n });\n }\n }\n\n if (gesture.current?.isSlide) {\n Object.assign(gesture.current, {\n shiftX,\n shiftY,\n shiftXAbs,\n shiftYAbs,\n });\n\n handle(e, [\n _onMove,\n gesture.current.isSlideX && onMoveX,\n gesture.current.isSlideY && onMoveY,\n ]);\n }\n }\n }\n\n function onEnd(e: VKUITouchEvent) {\n const { isPressed, isSlide, isSlideX, isSlideY } = gesture.current ?? {};\n\n if (isPressed) {\n handle(e, [_onEnd, isSlideY && onEndY, isSlideX && onEndX]);\n }\n\n const isTouchEnabled = touchEnabled();\n\n if (isTouchEnabled && isSlide) {\n // https://github.com/VKCOM/VKUI/issues/4414\n // если тач-устройство и был зафиксирован touchmove,\n // то событие клика не вызывается\n didSlide.current = false;\n } else {\n didSlide.current = Boolean(isSlide);\n }\n gesture.current = {};\n\n // Если это был тач-евент, симулируем отмену hover\n if (isTouchEnabled) {\n onLeave && onLeave(e);\n }\n unsubscribe();\n }\n\n const listenerParams = { capture: useCapture, passive: false };\n const listeners = [\n useEventListener(events[1], onMove, listenerParams),\n useEventListener(events[2], onEnd, listenerParams),\n useEventListener(events[3], onEnd, listenerParams),\n ];\n function subscribe(el: HTMLElement \| Document \| null \| undefined) {\n if (el) {\n listeners.forEach((l) => l.add(el));\n }\n }\n function unsubscribe() {\n listeners.forEach((l) => l.remove());\n }\n\n /\n Обработчик событий dragstart\n * Отменяет нативное браузерное поведение для вложенных ссылок и изображений\n /\n const onDragStart = (e: React.DragEvent<HTMLElement>) => {\n const target = e.target as HTMLElement;\n if (target.tagName === 'A' \|\| target.tagName === 'IMG') {\n e.preventDefault();\n }\n };\n\n /\n Обработчик клика по компоненту\n * Отменяет переход по вложенной ссылке, если был зафиксирован свайп\n */\n const postGestureClick: typeof onClickCapture = (e) => {\n if (!didSlide.current) {\n return onClickCapture && onClickCapture(e);\n }\n\n if (noSlideClick) {\n e.stopPropagation();\n\n // https://github.com/VKCOM/VKUI/issues/1977\n // https://github.com/VKCOM/VKUI/issues/3892\n e.preventDefault();\n } else {\n onClickCapture && onClickCapture(e);\n }\n\n didSlide.current = false;\n };\n\n return (\n <Component\n {...restProps}\n onDragStart={onDragStart}\n onClickCapture={postGestureClick}\n ref={containerRef}\n />\n );\n};\n\nfunction initGesture(startX: number, startY: number): Gesture {\n return {\n startX,\n startY,\n startT: new Date(),\n duration: 0,\n isPressed: true,\n isY: false,\n isX: false,\n isSlideX: false,\n isSlideY: false,\n isSlide: false,\n shiftX: 0,\n shiftY: 0,\n shiftXAbs: 0,\n shiftYAbs: 0,\n };\n}\n"],"names":["React","useEventListener","useExternRef","useDOM","coordX","coordY","getSupportedEvents","touchEnabled","useIsomorphicLayoutEffect","Touch","onStart","onStartX","onStartY","onMove","_onMove","onMoveX","onMoveY","onLeave","onEnter","onEnd","_onEnd","onEndX","onEndY","onClickCapture","usePointerHover","slideThreshold","useCapture","Component","getRootRef","noSlideClick","stopPropagation","restProps","document","events","useMemo","didSlide","useRef","gesture","handle","e","handlers","forEach","cb","duration","Date","now","current","startT","getTime","originalEvent","enterHandler","leaveHandler","startHandler","initGesture","subscribe","target","capture","passive","containerRef","el","add","isPressed","isX","isY","startX","startY","shiftX","shiftY","shiftXAbs","Math","abs","shiftYAbs","touches","length","willBeX","willBeY","willBeSlidedX","willBeSlidedY","Object","assign","isSlideX","isSlideY","isSlide","isTouchEnabled","Boolean","unsubscribe","listenerParams","listeners","l","remove","onDragStart","tagName","preventDefault","postGestureClick","ref"],"mappings":"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"}

package/dist/cssm/components/Touch/TouchContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/components/Touch/TouchContext.ts"],"sourcesContent":["import * as React from 'react';\n\n/*\n Контекст для компонентов, использующих Touch в качестве корневой обёртки,\n * и для которых важно не предотвращать всплытие тач-событий от дочерних компонентов\n */\nconst TouchRootContext: React.Context<boolean> = React.createContext<boolean>(false);\n\n// eslint-disable-next-line import/no-default-export\nexport default TouchRootContext;\n"],"names":["React","TouchRootContext","createContext"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B;;;CAGC,GACD,MAAMC,mBAA2CD,MAAME,~~aAAa,CAAU,KAAK~~;~~AAEnF~~,oDAAoD;AACpD,eAAeD,iBAAiB"}
1	+ {"version":3,"sources":["../../../../src/components/Touch/TouchContext.ts"],"sourcesContent":["import * as React from 'react';\n\n/*\n Контекст для компонентов, использующих Touch в качестве корневой обёртки,\n * и для которых важно не предотвращать всплытие тач-событий от дочерних компонентов\n */\nconst TouchRootContext: React.Context<boolean> = React.createContext<boolean>(false);\n\n// eslint-disable-next-line import/no-default-export\nexport default TouchRootContext;\n"],"names":["React","TouchRootContext","createContext"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAE/B;;;CAGC,GACD,MAAMC,mBAA2CD,MAAME,cAAuB;AAE9E,oDAAoD;AACpD,eAAeD,iBAAiB"}

package/dist/cssm/components/Typography/Caption/Caption.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { HasCaps, TypographyProps } from '../Typography';
 export interface CaptionProps extends TypographyProps, HasCaps {
     level?: '1' | '2' | '3';
@@ -6,4 +6,4 @@ export interface CaptionProps extends TypographyProps, HasCaps {
 /**
  * @see https://vkcom.github.io/VKUI/#/Caption
  */
-export declare const Caption: ({ className, level, caps, Component, normalize, ...restProps }: CaptionProps) => JSX.Element;
+export declare const Caption: ({ className, level, caps, Component, normalize, ...restProps }: CaptionProps) => React.JSX.Element;

package/dist/cssm/components/Typography/Caption/Caption.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/components/Typography/Caption/Caption.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { HasCaps, Typography, TypographyProps } from '../Typography';\nimport styles from './Caption.module.css';\n\nexport interface CaptionProps extends TypographyProps, HasCaps {\n level?: '1' \| '2' \| '3';\n}\n\n/*\n @see https://vkcom.github.io/VKUI/#/Caption\n */\nexport const Caption = ({\n className,\n level = '1',\n caps,\n Component = 'span',\n normalize = true,\n ...restProps\n}: CaptionProps) => {\n return (\n <Typography\n Component={Component}\n normalize={normalize}\n className={classNames(\n className,\n caps && styles['Caption--caps'],\n {\n '1': styles['Caption--level-1'],\n '2': styles['Caption--level-2'],\n '3': styles['Caption--level-3'],\n }[level],\n )}\n {...restProps}\n />\n );\n};\n"],"names":["React","classNames","Typography","styles","Caption","className","level","caps","Component","normalize","restProps"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAAkBC,UAAU,QAAyB,gBAAgB;AACrE,OAAOC,YAAY,uBAAuB;AAM1C;;CAEC,GACD,OAAO,MAAMC,UAAU,CAAC,EACtBC,UAAS,EACTC,OAAQ,IAAG,EACXC,KAAI,EACJC,WAAY,OAAM,EAClBC,WAAY,~~IAAI~~,~~CAAA,~~EAChB,GAAGC,WACU~~,GAAK~~;~~IAClB~~,qBACE,oBAACR;QACCM,WAAWA;QACXC,WAAWA;QACXJ,WAAWJ,WACTI,WACAE,QAAQJ,MAAM,CAAC,gBAAgB,EAC/B;YACE,KAAKA,MAAM,CAAC,mBAAmB;YAC/B,KAAKA,MAAM,CAAC,mBAAmB;YAC/B,KAAKA,MAAM,CAAC,mBAAmB;QACjC,CAAC,CAACG,MAAM;QAET,GAAGI,SAAS;;AAGnB,EAAE"}
1	+ {"version":3,"sources":["../../../../../src/components/Typography/Caption/Caption.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { HasCaps, Typography, TypographyProps } from '../Typography';\nimport styles from './Caption.module.css';\n\nexport interface CaptionProps extends TypographyProps, HasCaps {\n level?: '1' \| '2' \| '3';\n}\n\n/*\n @see https://vkcom.github.io/VKUI/#/Caption\n */\nexport const Caption = ({\n className,\n level = '1',\n caps,\n Component = 'span',\n normalize = true,\n ...restProps\n}: CaptionProps) => {\n return (\n <Typography\n Component={Component}\n normalize={normalize}\n className={classNames(\n className,\n caps && styles['Caption--caps'],\n {\n '1': styles['Caption--level-1'],\n '2': styles['Caption--level-2'],\n '3': styles['Caption--level-3'],\n }[level],\n )}\n {...restProps}\n />\n );\n};\n"],"names":["React","classNames","Typography","styles","Caption","className","level","caps","Component","normalize","restProps"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAAkBC,UAAU,QAAyB,gBAAgB;AACrE,OAAOC,YAAY,uBAAuB;AAM1C;;CAEC,GACD,OAAO,MAAMC,UAAU,CAAC,EACtBC,UAAS,EACTC,OAAQ,IAAG,EACXC,KAAI,EACJC,WAAY,OAAM,EAClBC,WAAY,KAAI,EAChB,GAAGC,WACU;IACb,qBACE,oBAACR;QACCM,WAAWA;QACXC,WAAWA;QACXJ,WAAWJ,WACTI,WACAE,QAAQJ,MAAM,CAAC,gBAAgB,EAC/B;YACE,KAAKA,MAAM,CAAC,mBAAmB;YAC/B,KAAKA,MAAM,CAAC,mBAAmB;YAC/B,KAAKA,MAAM,CAAC,mBAAmB;QACjC,CAAC,CAACG,MAAM;QAET,GAAGI,SAAS;;AAGnB,EAAE"}

package/dist/cssm/components/Typography/Footnote/Footnote.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { HasCaps, TypographyProps } from '../Typography';
 export interface FootnoteProps extends TypographyProps, HasCaps {
 }
 /**
  * @see https://vkcom.github.io/VKUI/#/Footnote
  */
-export declare const Footnote: ({ className, caps, Component, normalize, ...restProps }: FootnoteProps) => JSX.Element;
+export declare const Footnote: ({ className, caps, Component, normalize, ...restProps }: FootnoteProps) => React.JSX.Element;

package/dist/cssm/components/Typography/Footnote/Footnote.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/components/Typography/Footnote/Footnote.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { HasCaps, Typography, TypographyProps } from '../Typography';\nimport styles from './Footnote.module.css';\n\nexport interface FootnoteProps extends TypographyProps, HasCaps {}\n\n/*\n @see https://vkcom.github.io/VKUI/#/Footnote\n */\nexport const Footnote = ({\n className,\n caps,\n Component = 'span',\n normalize = true,\n ...restProps\n}: FootnoteProps) => (\n <Typography\n Component={Component}\n normalize={normalize}\n className={classNames(className, styles['Footnote'], caps && styles['Footnote--caps'])}\n {...restProps}\n />\n);\n"],"names":["React","classNames","Typography","styles","Footnote","className","caps","Component","normalize","restProps"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAAkBC,UAAU,QAAyB,gBAAgB;AACrE,OAAOC,YAAY,wBAAwB;AAI3C;;CAEC,GACD,OAAO,MAAMC,WAAW,CAAC,EACvBC,UAAS,EACTC,KAAI,EACJC,WAAY,OAAM,EAClBC,WAAY,~~IAAI~~,~~CAAA,~~EAChB,GAAGC,WACW,iBACd,oBAACP;QACCK,WAAWA;QACXC,WAAWA;QACXH,WAAWJ,WAAWI,WAAWF,MAAM,CAAC,WAAW,EAAEG,QAAQH,MAAM,CAAC,iBAAiB;QACpF,GAAGM,SAAS;OAEf"}
1	+ {"version":3,"sources":["../../../../../src/components/Typography/Footnote/Footnote.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { HasCaps, Typography, TypographyProps } from '../Typography';\nimport styles from './Footnote.module.css';\n\nexport interface FootnoteProps extends TypographyProps, HasCaps {}\n\n/*\n @see https://vkcom.github.io/VKUI/#/Footnote\n */\nexport const Footnote = ({\n className,\n caps,\n Component = 'span',\n normalize = true,\n ...restProps\n}: FootnoteProps) => (\n <Typography\n Component={Component}\n normalize={normalize}\n className={classNames(className, styles['Footnote'], caps && styles['Footnote--caps'])}\n {...restProps}\n />\n);\n"],"names":["React","classNames","Typography","styles","Footnote","className","caps","Component","normalize","restProps"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAAkBC,UAAU,QAAyB,gBAAgB;AACrE,OAAOC,YAAY,wBAAwB;AAI3C;;CAEC,GACD,OAAO,MAAMC,WAAW,CAAC,EACvBC,UAAS,EACTC,KAAI,EACJC,WAAY,OAAM,EAClBC,WAAY,KAAI,EAChB,GAAGC,WACW,iBACd,oBAACP;QACCK,WAAWA;QACXC,WAAWA;QACXH,WAAWJ,WAAWI,WAAWF,MAAM,CAAC,WAAW,EAAEG,QAAQH,MAAM,CAAC,iBAAiB;QACpF,GAAGM,SAAS;OAEf"}

package/dist/cssm/components/Typography/Headline/Headline.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { TypographyProps } from '../Typography';
 export interface HeadlineProps extends TypographyProps {
     level?: '1' | '2';
@@ -6,4 +6,4 @@ export interface HeadlineProps extends TypographyProps {
 /**
  * @see https://vkcom.github.io/VKUI/#/Headline
  */
-export declare const Headline: ({ className, weight, level, Component, normalize, ...restProps }: HeadlineProps) => JSX.Element;
+export declare const Headline: ({ className, weight, level, Component, normalize, ...restProps }: HeadlineProps) => React.JSX.Element;

package/dist/cssm/components/Typography/Headline/Headline.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/components/Typography/Headline/Headline.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../../hooks/useAdaptivity';\nimport { SizeType } from '../../../lib/adaptivity';\nimport { Typography, TypographyProps } from '../Typography';\nimport styles from './Headline.module.css';\n\nconst sizeYClassNames = {\n none: styles['Headline--sizeY-none'],\n [SizeType.COMPACT]: styles['Headline--sizeY-compact'],\n};\n\nexport interface HeadlineProps extends TypographyProps {\n level?: '1' \| '2';\n}\n\n/*\n @see https://vkcom.github.io/VKUI/#/Headline\n */\nexport const Headline = ({\n className,\n weight = '3',\n level = '1',\n Component = 'h4',\n normalize = true,\n ...restProps\n}: HeadlineProps) => {\n const { sizeY = 'none' } = useAdaptivity();\n\n return (\n <Typography\n Component={Component}\n normalize={normalize}\n weight={weight}\n className={classNames(\n className,\n styles['Headline'],\n sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY],\n {\n '1': styles['Headline--level-1'],\n '2': styles['Headline--level-2'],\n }[level],\n )}\n {...restProps}\n />\n );\n};\n"],"names":["React","classNames","useAdaptivity","SizeType","Typography","styles","sizeYClassNames","none","COMPACT","Headline","className","weight","level","Component","normalize","restProps","sizeY","REGULAR"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA+B;AAC7D,SAASC,QAAQ,QAAQ,0BAA0B;AACnD,SAASC,UAAU,QAAyB,gBAAgB;AAC5D,OAAOC,YAAY,wBAAwB;AAE3C,MAAMC,kBAAkB;IACtBC,MAAMF,MAAM,CAAC,uBAAuB;IACpC,CAACF,SAASK,~~OAAO~~,~~CAAC,~~EAAEH,MAAM,CAAC,0BAA0B;AACvD;AAMA;;CAEC,GACD,OAAO,MAAMI,WAAW,CAAC,EACvBC,UAAS,EACTC,QAAS,IAAG,EACZC,OAAQ,IAAG,EACXC,WAAY,KAAI,EAChBC,WAAY,~~IAAI~~,~~CAAA,~~EAChB,GAAGC,WACW~~,GAAK~~;~~IACnB~~,MAAM,EAAEC,OAAQ,OAAM,EAAE,GAAGd;IAE3B,qBACE,oBAACE;QACCS,WAAWA;QACXC,WAAWA;QACXH,QAAQA;QACRD,WAAWT,WACTS,WACAL,MAAM,CAAC,WAAW,EAClBW,UAAUb,SAASc,~~OAAO~~,~~IAAIX,~~eAAe,CAACU,MAAM,EACpD;YACE,KAAKX,MAAM,CAAC,oBAAoB;YAChC,KAAKA,MAAM,CAAC,oBAAoB;QAClC,CAAC,CAACO,MAAM;QAET,GAAGG,SAAS;;AAGnB,EAAE"}
1	+ {"version":3,"sources":["../../../../../src/components/Typography/Headline/Headline.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../../hooks/useAdaptivity';\nimport { SizeType } from '../../../lib/adaptivity';\nimport { Typography, TypographyProps } from '../Typography';\nimport styles from './Headline.module.css';\n\nconst sizeYClassNames = {\n none: styles['Headline--sizeY-none'],\n [SizeType.COMPACT]: styles['Headline--sizeY-compact'],\n};\n\nexport interface HeadlineProps extends TypographyProps {\n level?: '1' \| '2';\n}\n\n/*\n @see https://vkcom.github.io/VKUI/#/Headline\n */\nexport const Headline = ({\n className,\n weight = '3',\n level = '1',\n Component = 'h4',\n normalize = true,\n ...restProps\n}: HeadlineProps) => {\n const { sizeY = 'none' } = useAdaptivity();\n\n return (\n <Typography\n Component={Component}\n normalize={normalize}\n weight={weight}\n className={classNames(\n className,\n styles['Headline'],\n sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY],\n {\n '1': styles['Headline--level-1'],\n '2': styles['Headline--level-2'],\n }[level],\n )}\n {...restProps}\n />\n );\n};\n"],"names":["React","classNames","useAdaptivity","SizeType","Typography","styles","sizeYClassNames","none","COMPACT","Headline","className","weight","level","Component","normalize","restProps","sizeY","REGULAR"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA+B;AAC7D,SAASC,QAAQ,QAAQ,0BAA0B;AACnD,SAASC,UAAU,QAAyB,gBAAgB;AAC5D,OAAOC,YAAY,wBAAwB;AAE3C,MAAMC,kBAAkB;IACtBC,MAAMF,MAAM,CAAC,uBAAuB;IACpC,CAACF,SAASK,QAAQ,EAAEH,MAAM,CAAC,0BAA0B;AACvD;AAMA;;CAEC,GACD,OAAO,MAAMI,WAAW,CAAC,EACvBC,UAAS,EACTC,QAAS,IAAG,EACZC,OAAQ,IAAG,EACXC,WAAY,KAAI,EAChBC,WAAY,KAAI,EAChB,GAAGC,WACW;IACd,MAAM,EAAEC,OAAQ,OAAM,EAAE,GAAGd;IAE3B,qBACE,oBAACE;QACCS,WAAWA;QACXC,WAAWA;QACXH,QAAQA;QACRD,WAAWT,WACTS,WACAL,MAAM,CAAC,WAAW,EAClBW,UAAUb,SAASc,WAAWX,eAAe,CAACU,MAAM,EACpD;YACE,KAAKX,MAAM,CAAC,oBAAoB;YAChC,KAAKA,MAAM,CAAC,oBAAoB;QAClC,CAAC,CAACO,MAAM;QAET,GAAGG,SAAS;;AAGnB,EAAE"}

package/dist/cssm/components/Typography/Headline/Headline.module.css CHANGED Viewed

@@ -35,14 +35,3 @@
     line-height: var(--vkui--font_headline2--line_height--compact);
   }
 }
-/**
- * CMP:
- * PanelHeaderContent
- */
-:global(.vkuiInternalPanelHeaderContent__children) .Headline {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}

package/dist/cssm/components/Typography/Paragraph/Paragraph.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { TypographyProps } from '../Typography';
 export type ParagraphProps = TypographyProps;
 /**
  * @see https://vkcom.github.io/VKUI/#/Paragraph
  */
-export declare const Paragraph: ({ className, Component, normalize, ...restProps }: ParagraphProps) => JSX.Element;
+export declare const Paragraph: ({ className, Component, normalize, ...restProps }: ParagraphProps) => React.JSX.Element;

package/dist/cssm/components/Typography/Paragraph/Paragraph.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/components/Typography/Paragraph/Paragraph.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { Typography, TypographyProps } from '../Typography';\nimport styles from './Paragraph.module.css';\n\nexport type ParagraphProps = TypographyProps;\n\n/*\n @see https://vkcom.github.io/VKUI/#/Paragraph\n */\nexport const Paragraph = ({\n className,\n Component = 'span',\n normalize = false,\n ...restProps\n}: ParagraphProps) => {\n return (\n <Typography\n Component={Component}\n normalize={normalize}\n className={classNames(className, styles['Paragraph'])}\n {...restProps}\n />\n );\n};\n"],"names":["React","classNames","Typography","styles","Paragraph","className","Component","normalize","restProps"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,UAAU,QAAyB,gBAAgB;AAC5D,OAAOC,YAAY,yBAAyB;AAI5C;;CAEC,GACD,OAAO,MAAMC,YAAY,CAAC,EACxBC,UAAS,EACTC,WAAY,OAAM,EAClBC,WAAY,~~KAAK~~,~~CAAA,~~EACjB,GAAGC,WACY~~,GAAK~~;~~IACpB~~,qBACE,oBAACN;QACCI,WAAWA;QACXC,WAAWA;QACXF,WAAWJ,WAAWI,WAAWF,MAAM,CAAC,YAAY;QACnD,GAAGK,SAAS;;AAGnB,EAAE"}
1	+ {"version":3,"sources":["../../../../../src/components/Typography/Paragraph/Paragraph.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { Typography, TypographyProps } from '../Typography';\nimport styles from './Paragraph.module.css';\n\nexport type ParagraphProps = TypographyProps;\n\n/*\n @see https://vkcom.github.io/VKUI/#/Paragraph\n */\nexport const Paragraph = ({\n className,\n Component = 'span',\n normalize = false,\n ...restProps\n}: ParagraphProps) => {\n return (\n <Typography\n Component={Component}\n normalize={normalize}\n className={classNames(className, styles['Paragraph'])}\n {...restProps}\n />\n );\n};\n"],"names":["React","classNames","Typography","styles","Paragraph","className","Component","normalize","restProps"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,UAAU,QAAyB,gBAAgB;AAC5D,OAAOC,YAAY,yBAAyB;AAI5C;;CAEC,GACD,OAAO,MAAMC,YAAY,CAAC,EACxBC,UAAS,EACTC,WAAY,OAAM,EAClBC,WAAY,MAAK,EACjB,GAAGC,WACY;IACf,qBACE,oBAACN;QACCI,WAAWA;QACXC,WAAWA;QACXF,WAAWJ,WAAWI,WAAWF,MAAM,CAAC,YAAY;QACnD,GAAGK,SAAS;;AAGnB,EAAE"}

package/dist/cssm/components/Typography/Subhead/Subhead.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { TypographyProps } from '../Typography';
 export type SubheadProps = TypographyProps;
 /**
  * @see https://vkcom.github.io/VKUI/#/Subhead
  */
-export declare const Subhead: ({ className, Component, normalize, ...restProps }: SubheadProps) => JSX.Element;
+export declare const Subhead: ({ className, Component, normalize, ...restProps }: SubheadProps) => React.JSX.Element;

package/dist/cssm/components/Typography/Subhead/Subhead.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/components/Typography/Subhead/Subhead.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../../hooks/useAdaptivity';\nimport { SizeType } from '../../../lib/adaptivity';\nimport { Typography, TypographyProps } from '../Typography';\nimport styles from './Subhead.module.css';\n\nconst sizeYClassNames = {\n none: styles['Subhead--sizeY-none'],\n [SizeType.COMPACT]: styles['Subhead--sizeY-compact'],\n};\n\nexport type SubheadProps = TypographyProps;\n\n/*\n @see https://vkcom.github.io/VKUI/#/Subhead\n */\nexport const Subhead = ({\n className,\n Component = 'h5',\n normalize = true,\n ...restProps\n}: SubheadProps) => {\n const { sizeY = 'none' } = useAdaptivity();\n\n return (\n <Typography\n Component={Component}\n normalize={normalize}\n className={classNames(\n className,\n styles['Subhead'],\n sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY],\n )}\n {...restProps}\n />\n );\n};\n"],"names":["React","classNames","useAdaptivity","SizeType","Typography","styles","sizeYClassNames","none","COMPACT","Subhead","className","Component","normalize","restProps","sizeY","REGULAR"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA+B;AAC7D,SAASC,QAAQ,QAAQ,0BAA0B;AACnD,SAASC,UAAU,QAAyB,gBAAgB;AAC5D,OAAOC,YAAY,uBAAuB;AAE1C,MAAMC,kBAAkB;IACtBC,MAAMF,MAAM,CAAC,sBAAsB;IACnC,CAACF,SAASK,~~OAAO~~,~~CAAC,~~EAAEH,MAAM,CAAC,yBAAyB;AACtD;AAIA;;CAEC,GACD,OAAO,MAAMI,UAAU,CAAC,EACtBC,UAAS,EACTC,WAAY,KAAI,EAChBC,WAAY,~~IAAI~~,~~CAAA,~~EAChB,GAAGC,WACU~~,GAAK~~;~~IAClB~~,MAAM,EAAEC,OAAQ,OAAM,EAAE,GAAGZ;IAE3B,qBACE,oBAACE;QACCO,WAAWA;QACXC,WAAWA;QACXF,WAAWT,WACTS,WACAL,MAAM,CAAC,UAAU,EACjBS,UAAUX,SAASY,~~OAAO~~,~~IAAIT,~~eAAe,CAACQ,MAAM;QAErD,GAAGD,SAAS;;AAGnB,EAAE"}
1	+ {"version":3,"sources":["../../../../../src/components/Typography/Subhead/Subhead.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../../hooks/useAdaptivity';\nimport { SizeType } from '../../../lib/adaptivity';\nimport { Typography, TypographyProps } from '../Typography';\nimport styles from './Subhead.module.css';\n\nconst sizeYClassNames = {\n none: styles['Subhead--sizeY-none'],\n [SizeType.COMPACT]: styles['Subhead--sizeY-compact'],\n};\n\nexport type SubheadProps = TypographyProps;\n\n/*\n @see https://vkcom.github.io/VKUI/#/Subhead\n */\nexport const Subhead = ({\n className,\n Component = 'h5',\n normalize = true,\n ...restProps\n}: SubheadProps) => {\n const { sizeY = 'none' } = useAdaptivity();\n\n return (\n <Typography\n Component={Component}\n normalize={normalize}\n className={classNames(\n className,\n styles['Subhead'],\n sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY],\n )}\n {...restProps}\n />\n );\n};\n"],"names":["React","classNames","useAdaptivity","SizeType","Typography","styles","sizeYClassNames","none","COMPACT","Subhead","className","Component","normalize","restProps","sizeY","REGULAR"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA+B;AAC7D,SAASC,QAAQ,QAAQ,0BAA0B;AACnD,SAASC,UAAU,QAAyB,gBAAgB;AAC5D,OAAOC,YAAY,uBAAuB;AAE1C,MAAMC,kBAAkB;IACtBC,MAAMF,MAAM,CAAC,sBAAsB;IACnC,CAACF,SAASK,QAAQ,EAAEH,MAAM,CAAC,yBAAyB;AACtD;AAIA;;CAEC,GACD,OAAO,MAAMI,UAAU,CAAC,EACtBC,UAAS,EACTC,WAAY,KAAI,EAChBC,WAAY,KAAI,EAChB,GAAGC,WACU;IACb,MAAM,EAAEC,OAAQ,OAAM,EAAE,GAAGZ;IAE3B,qBACE,oBAACE;QACCO,WAAWA;QACXC,WAAWA;QACXF,WAAWT,WACTS,WACAL,MAAM,CAAC,UAAU,EACjBS,UAAUX,SAASY,WAAWT,eAAe,CAACQ,MAAM;QAErD,GAAGD,SAAS;;AAGnB,EAAE"}

package/dist/cssm/components/Typography/Text/Text.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { TypographyProps } from '../Typography';
 export type TextProps = TypographyProps;
 /**
  * @see https://vkcom.github.io/VKUI/#/Text
  */
-export declare const Text: ({ className, Component, normalize, ...restProps }: TextProps) => JSX.Element;
+export declare const Text: ({ className, Component, normalize, ...restProps }: TextProps) => React.JSX.Element;

package/dist/cssm/components/Typography/Text/Text.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/components/Typography/Text/Text.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../../hooks/useAdaptivity';\nimport { SizeType } from '../../../lib/adaptivity';\nimport { Typography, TypographyProps } from '../Typography';\nimport styles from './Text.module.css';\n\nconst sizeYClassNames = {\n none: styles['Text--sizeY-none'],\n [SizeType.COMPACT]: styles['Text--sizeY-compact'],\n};\n\nexport type TextProps = TypographyProps;\n\n/*\n @see https://vkcom.github.io/VKUI/#/Text\n */\nexport const Text = ({\n className,\n Component = 'span',\n normalize = true,\n ...restProps\n}: TextProps) => {\n const { sizeY = 'none' } = useAdaptivity();\n\n return (\n <Typography\n Component={Component}\n normalize={normalize}\n className={classNames(\n className,\n styles['Text'],\n sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY],\n )}\n {...restProps}\n />\n );\n};\n"],"names":["React","classNames","useAdaptivity","SizeType","Typography","styles","sizeYClassNames","none","COMPACT","Text","className","Component","normalize","restProps","sizeY","REGULAR"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA+B;AAC7D,SAASC,QAAQ,QAAQ,0BAA0B;AACnD,SAASC,UAAU,QAAyB,gBAAgB;AAC5D,OAAOC,YAAY,oBAAoB;AAEvC,MAAMC,kBAAkB;IACtBC,MAAMF,MAAM,CAAC,mBAAmB;IAChC,CAACF,SAASK,~~OAAO~~,~~CAAC,~~EAAEH,MAAM,CAAC,sBAAsB;AACnD;AAIA;;CAEC,GACD,OAAO,MAAMI,OAAO,CAAC,EACnBC,UAAS,EACTC,WAAY,OAAM,EAClBC,WAAY,~~IAAI~~,~~CAAA,~~EAChB,GAAGC,WACO~~,GAAK~~;~~IACf~~,MAAM,EAAEC,OAAQ,OAAM,EAAE,GAAGZ;IAE3B,qBACE,oBAACE;QACCO,WAAWA;QACXC,WAAWA;QACXF,WAAWT,WACTS,WACAL,MAAM,CAAC,OAAO,EACdS,UAAUX,SAASY,~~OAAO~~,~~IAAIT,~~eAAe,CAACQ,MAAM;QAErD,GAAGD,SAAS;;AAGnB,EAAE"}
1	+ {"version":3,"sources":["../../../../../src/components/Typography/Text/Text.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useAdaptivity } from '../../../hooks/useAdaptivity';\nimport { SizeType } from '../../../lib/adaptivity';\nimport { Typography, TypographyProps } from '../Typography';\nimport styles from './Text.module.css';\n\nconst sizeYClassNames = {\n none: styles['Text--sizeY-none'],\n [SizeType.COMPACT]: styles['Text--sizeY-compact'],\n};\n\nexport type TextProps = TypographyProps;\n\n/*\n @see https://vkcom.github.io/VKUI/#/Text\n */\nexport const Text = ({\n className,\n Component = 'span',\n normalize = true,\n ...restProps\n}: TextProps) => {\n const { sizeY = 'none' } = useAdaptivity();\n\n return (\n <Typography\n Component={Component}\n normalize={normalize}\n className={classNames(\n className,\n styles['Text'],\n sizeY !== SizeType.REGULAR && sizeYClassNames[sizeY],\n )}\n {...restProps}\n />\n );\n};\n"],"names":["React","classNames","useAdaptivity","SizeType","Typography","styles","sizeYClassNames","none","COMPACT","Text","className","Component","normalize","restProps","sizeY","REGULAR"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,aAAa,QAAQ,+BAA+B;AAC7D,SAASC,QAAQ,QAAQ,0BAA0B;AACnD,SAASC,UAAU,QAAyB,gBAAgB;AAC5D,OAAOC,YAAY,oBAAoB;AAEvC,MAAMC,kBAAkB;IACtBC,MAAMF,MAAM,CAAC,mBAAmB;IAChC,CAACF,SAASK,QAAQ,EAAEH,MAAM,CAAC,sBAAsB;AACnD;AAIA;;CAEC,GACD,OAAO,MAAMI,OAAO,CAAC,EACnBC,UAAS,EACTC,WAAY,OAAM,EAClBC,WAAY,KAAI,EAChB,GAAGC,WACO;IACV,MAAM,EAAEC,OAAQ,OAAM,EAAE,GAAGZ;IAE3B,qBACE,oBAACE;QACCO,WAAWA;QACXC,WAAWA;QACXF,WAAWT,WACTS,WACAL,MAAM,CAAC,OAAO,EACdS,UAAUX,SAASY,WAAWT,eAAe,CAACQ,MAAM;QAErD,GAAGD,SAAS;;AAGnB,EAAE"}

package/dist/cssm/components/Typography/Text/Text.module.css CHANGED Viewed

@@ -16,14 +16,3 @@
     line-height: var(--vkui--font_text--line_height--compact);
   }
 }
-/**
- * CMP:
- * PanelHeaderContent
- */
-:global(.vkuiInternalPanelHeaderContent__children) .Text {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}

package/dist/cssm/components/Typography/Title/Title.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { TypographyProps } from '../Typography';
 export interface TitleProps extends TypographyProps {
     level?: '1' | '2' | '3';
@@ -6,4 +6,4 @@ export interface TitleProps extends TypographyProps {
 /**
  * @see https://vkcom.github.io/VKUI/#/Title
  */
-export declare const Title: ({ className, level, Component, normalize, ...restProps }: TitleProps) => JSX.Element;
+export declare const Title: ({ className, level, Component, normalize, ...restProps }: TitleProps) => React.JSX.Element;

package/dist/cssm/components/Typography/Title/Title.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../../src/components/Typography/Title/Title.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { Typography, TypographyProps } from '../Typography';\nimport styles from './Title.module.css';\n\nexport interface TitleProps extends TypographyProps {\n level?: '1' \| '2' \| '3';\n}\n\n/*\n @see https://vkcom.github.io/VKUI/#/Title\n */\nexport const Title = ({\n className,\n level = '1',\n Component,\n normalize = true,\n ...restProps\n}: TitleProps) => {\n if (!Component) {\n Component = ('h' + level) as React.ElementType;\n }\n\n return (\n <Typography\n Component={Component}\n normalize={normalize}\n className={classNames(\n className,\n {\n '1': styles['Title--level-1'],\n '2': styles['Title--level-2'],\n '3': styles['Title--level-3'],\n }[level],\n )}\n {...restProps}\n />\n );\n};\n"],"names":["React","classNames","Typography","styles","Title","className","level","Component","normalize","restProps"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,UAAU,QAAyB,gBAAgB;AAC5D,OAAOC,YAAY,qBAAqB;AAMxC;;CAEC,GACD,OAAO,MAAMC,QAAQ,CAAC,EACpBC,UAAS,EACTC,OAAQ,IAAG,EACXC,UAAS,EACTC,WAAY,~~IAAI~~,~~CAAA,~~EAChB,GAAGC,WACQ~~,GAAK~~;~~IAChB~~,IAAI,CAACF,WAAW;QACdA,YAAa,MAAMD;IACrB~~,CAAC~~;~~IAED~~,qBACE,oBAACJ;QACCK,WAAWA;QACXC,WAAWA;QACXH,WAAWJ,WACTI,WACA;YACE,KAAKF,MAAM,CAAC,iBAAiB;YAC7B,KAAKA,MAAM,CAAC,iBAAiB;YAC7B,KAAKA,MAAM,CAAC,iBAAiB;QAC/B,CAAC,CAACG,MAAM;QAET,GAAGG,SAAS;;AAGnB,EAAE"}
1	+ {"version":3,"sources":["../../../../../src/components/Typography/Title/Title.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { Typography, TypographyProps } from '../Typography';\nimport styles from './Title.module.css';\n\nexport interface TitleProps extends TypographyProps {\n level?: '1' \| '2' \| '3';\n}\n\n/*\n @see https://vkcom.github.io/VKUI/#/Title\n */\nexport const Title = ({\n className,\n level = '1',\n Component,\n normalize = true,\n ...restProps\n}: TitleProps) => {\n if (!Component) {\n Component = ('h' + level) as React.ElementType;\n }\n\n return (\n <Typography\n Component={Component}\n normalize={normalize}\n className={classNames(\n className,\n {\n '1': styles['Title--level-1'],\n '2': styles['Title--level-2'],\n '3': styles['Title--level-3'],\n }[level],\n )}\n {...restProps}\n />\n );\n};\n"],"names":["React","classNames","Typography","styles","Title","className","level","Component","normalize","restProps"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,UAAU,QAAyB,gBAAgB;AAC5D,OAAOC,YAAY,qBAAqB;AAMxC;;CAEC,GACD,OAAO,MAAMC,QAAQ,CAAC,EACpBC,UAAS,EACTC,OAAQ,IAAG,EACXC,UAAS,EACTC,WAAY,KAAI,EAChB,GAAGC,WACQ;IACX,IAAI,CAACF,WAAW;QACdA,YAAa,MAAMD;IACrB;IAEA,qBACE,oBAACJ;QACCK,WAAWA;QACXC,WAAWA;QACXH,WAAWJ,WACTI,WACA;YACE,KAAKF,MAAM,CAAC,iBAAiB;YAC7B,KAAKA,MAAM,CAAC,iBAAiB;YAC7B,KAAKA,MAAM,CAAC,iBAAiB;QAC/B,CAAC,CAACG,MAAM;QAET,GAAGG,SAAS;;AAGnB,EAAE"}

package/dist/cssm/components/Typography/Typography.d.ts CHANGED Viewed

@@ -13,4 +13,4 @@ export interface TypographyProps extends React.AllHTMLAttributes<HTMLElement>, H
      */
     normalize?: boolean;
 }
-export declare const Typography: ({ className, weight, Component, normalize, getRootRef, ...restProps }: TypographyProps) => JSX.Element;
+export declare const Typography: ({ className, weight, Component, normalize, getRootRef, ...restProps }: TypographyProps) => React.JSX.Element;

package/dist/cssm/components/UsersStack/UsersStack.d.ts CHANGED Viewed

@@ -35,4 +35,4 @@ export interface UsersStackProps extends React.HTMLAttributes<HTMLDivElement> {
 /**
  * @see https://vkcom.github.io/VKUI/#/UsersStack
  */
-export declare const UsersStack: ({ photos, visibleCount, count, size, layout, children, className, direction: directionProp, ...restProps }: UsersStackProps) => JSX.Element;
+export declare const UsersStack: ({ photos, visibleCount, count, size, layout, children, className, direction: directionProp, ...restProps }: UsersStackProps) => React.JSX.Element;