@vkontakte/vkui 4.20.0 → 4.22.1

package/dist/cjs/components/Touch/Touch.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { VKUITouchEvent } from '../../lib/touch';
-import { HasRootRef } from '../../types';
-export interface TouchProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement> {
+import { HasComponent, HasRootRef } from '../../types';
+export interface TouchProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasComponent {
     /**
      * Привязать onEnter и onLeave через pointer-events - работает на disabled-инпутах
      */
@@ -9,7 +9,6 @@ export interface TouchProps extends React.AllHTMLAttributes<HTMLElement>, HasRoo
     useCapture?: boolean;
     slideThreshold?: number;
     noSlideClick?: boolean;
-    Component?: React.ElementType;
     onEnter?: HoverHandler;
     onLeave?: HoverHandler;
     onStart?: TouchEventHandler;
@@ -24,20 +23,20 @@ export interface TouchProps extends React.AllHTMLAttributes<HTMLElement>, HasRoo
     stopPropagation?: boolean;
 }
 export interface Gesture {
-    startX?: number;
-    startY?: number;
-    startT?: Date;
-    duration?: number;
-    isPressed?: boolean;
-    isY?: boolean;
-    isX?: boolean;
-    isSlideX?: boolean;
-    isSlideY?: boolean;
-    isSlide?: boolean;
-    shiftX?: number;
-    shiftY?: number;
-    shiftXAbs?: number;
-    shiftYAbs?: number;
+    startX: number;
+    startY: number;
+    startT: Date;
+    duration: number;
+    isPressed: boolean;
+    isY: boolean;
+    isX: boolean;
+    isSlideX: boolean;
+    isSlideY: boolean;
+    isSlide: boolean;
+    shiftX: number;
+    shiftY: number;
+    shiftXAbs: number;
+    shiftYAbs: number;
 }
 export interface TouchEvent extends Gesture {
     originalEvent: VKUITouchEvent;

package/dist/cjs/components/Touch/Touch.js

@@ -63,7 +63,7 @@ var Touch = function Touch(_ref) {
 
   var events = React.useMemo(_touch.getSupportedEvents, []);
   var didSlide = React.useRef(false);
-  var gesture = React.useRef({});
+  var gesture = React.useRef(null);
 
   var handle = function handle(e, handers) {
     stopPropagation && e.stopPropagation();
@@ -79,12 +79,7 @@ var Touch = function Touch(_ref) {
   var enterHandler = (0, _useEventListener.useEventListener)(usePointerHover ? 'pointerenter' : 'mouseenter', onEnter);
   var leaveHandler = (0, _useEventListener.useEventListener)(usePointerHover ? 'pointerleave' : 'mouseleave', onLeave);
   var startHandler = (0, _useEventListener.useEventListener)(events[0], function (e) {
-    gesture.current = {
-      startX: (0, _touch.coordX)(e),
-      startY: (0, _touch.coordY)(e),
-      startT: new Date(),
-      isPressed: true
-    };
+    gesture.current = initGesture((0, _touch.coordX)(e), (0, _touch.coordY)(e));
     handle(e, [onStart, onStartX, onStartY]); // 1 line, 2 bad specs, 2 workarounds:
 
     subscribe((0, _touch.touchEnabled)() // Touch events fire on initial target, and won't bubble if its removed
@@ -230,4 +225,23 @@ var Touch = function Touch(_ref) {
 };
 
 exports.Touch = Touch;
+
+function initGesture(startX, startY) {
+  return {
+    startX: startX,
+    startY: startY,
+    startT: new Date(),
+    duration: 0,
+    isPressed: true,
+    isY: false,
+    isX: false,
+    isSlideX: false,
+    isSlideY: false,
+    isSlide: false,
+    shiftX: 0,
+    shiftY: 0,
+    shiftXAbs: 0,
+    shiftYAbs: 0
+  };
+}
 //# sourceMappingURL=Touch.js.map

package/dist/cjs/components/Touch/Touch.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Touch/Touch.tsx"],"names":["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","React","useMemo","getSupportedEvents","didSlide","useRef","gesture","handle","e","handers","forEach","cb","duration","Date","now","current","startT","getTime","originalEvent","enterHandler","leaveHandler","startHandler","startX","startY","isPressed","subscribe","target","capture","passive","containerRef","el","add","isX","isY","shiftX","shiftY","shiftXAbs","Math","abs","shiftYAbs","touches","length","willBeX","willBeY","willBeSlidedX","willBeSlidedY","Object","assign","isSlideX","isSlideY","isSlide","listenerParams","listeners","l","onDragStart","tagName","preventDefault","postGestureClick","closest"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { getSupportedEvents, coordX, coordY, touchEnabled, VKUITouchEvent } from '../../lib/touch';\nimport { HasRootRef } from '../../types';\nimport { useDOM } from '../../lib/dom';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useEventListener } from '../../hooks/useEventListener';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\n\nexport interface TouchProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement> {\n  /**\n   * Привязать onEnter и onLeave через pointer-events - работает на disabled-инпутах\n   */\n  usePointerHover?: boolean;\n  useCapture?: boolean;\n  slideThreshold?: number;\n  noSlideClick?: boolean;\n  Component?: React.ElementType;\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\nexport const Touch: React.FC<TouchProps> = ({\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>>({});\n  const handle = (e: VKUITouchEvent, handers: TouchEventHandler[]) => {\n    stopPropagation && e.stopPropagation();\n    handers.forEach((cb) => {\n      const duration = Date.now() - gesture.current.startT.getTime();\n      cb && cb({ ...gesture.current, 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(events[0], (e: VKUITouchEvent) => {\n    gesture.current = {\n      startX: coordX(e),\n      startY: coordY(e),\n      startT: new Date(),\n      isPressed: true,\n    };\n\n    handle(e, [onStart, onStartX, onStartY]);\n    // 1 line, 2 bad specs, 2 workarounds:\n    subscribe(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  }, { capture: useCapture, passive: false });\n  const containerRef = useExternRef(getRootRef);\n\n  useIsomorphicLayoutEffect(() => {\n    const el = containerRef.current;\n    enterHandler.add(el);\n    leaveHandler.add(el);\n    startHandler.add(el);\n  }, [Component]);\n\n  function onMove(e: VKUITouchEvent) {\n    const { isPressed, isX, isY, startX, startY } = 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        Object.assign(gesture.current, {\n          isY: willBeY,\n          isX: willBeX,\n          isSlideX: willBeSlidedX,\n          isSlideY: willBeSlidedY,\n          isSlide: willBeSlidedX || willBeSlidedY,\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, [_onMove, gesture.current.isSlideX && onMoveX, gesture.current.isSlideY && onMoveY]);\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    didSlide.current = isSlide;\n    gesture.current = {};\n\n    // Если это был тач-евент, симулируем отмену hover\n    if (touchEnabled()) {\n      onLeave && onLeave(e);\n    }\n    subscribe(null);\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) {\n    listeners.forEach((l) => l.add(el));\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    // eslint-disable-next-line no-restricted-properties\n    if ((e.target as HTMLElement).closest('a')) {\n      e.preventDefault();\n    }\n    if (noSlideClick) {\n      e.stopPropagation();\n    } else {\n      onClickCapture && onClickCapture(e);\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"],"file":"Touch.js"}
+{"version":3,"sources":["../../../../src/components/Touch/Touch.tsx"],"names":["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","React","useMemo","getSupportedEvents","didSlide","useRef","gesture","handle","e","handers","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","listenerParams","listeners","l","onDragStart","tagName","preventDefault","postGestureClick","closest"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { getSupportedEvents, coordX, coordY, touchEnabled, VKUITouchEvent } from '../../lib/touch';\nimport { HasComponent, HasRootRef } from '../../types';\nimport { useDOM } from '../../lib/dom';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { useEventListener } from '../../hooks/useEventListener';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\n\nexport interface TouchProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, 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\nexport const Touch: React.FC<TouchProps> = ({\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);\n  const handle = (e: VKUITouchEvent, handers: TouchEventHandler[]) => {\n    stopPropagation && e.stopPropagation();\n    handers.forEach((cb) => {\n      const duration = Date.now() - gesture.current.startT.getTime();\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(events[0], (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(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  }, { capture: useCapture, passive: false });\n  const containerRef = useExternRef(getRootRef);\n\n  useIsomorphicLayoutEffect(() => {\n    const el = containerRef.current;\n    enterHandler.add(el);\n    leaveHandler.add(el);\n    startHandler.add(el);\n  }, [Component]);\n\n  function onMove(e: VKUITouchEvent) {\n    const { isPressed, isX, isY, startX, startY } = 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        Object.assign(gesture.current, {\n          isY: willBeY,\n          isX: willBeX,\n          isSlideX: willBeSlidedX,\n          isSlideY: willBeSlidedY,\n          isSlide: willBeSlidedX || willBeSlidedY,\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, [_onMove, gesture.current.isSlideX && onMoveX, gesture.current.isSlideY && onMoveY]);\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    didSlide.current = isSlide;\n    gesture.current = {};\n\n    // Если это был тач-евент, симулируем отмену hover\n    if (touchEnabled()) {\n      onLeave && onLeave(e);\n    }\n    subscribe(null);\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) {\n    listeners.forEach((l) => l.add(el));\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    // eslint-disable-next-line no-restricted-properties\n    if ((e.target as HTMLElement).closest('a')) {\n      e.preventDefault();\n    }\n    if (noSlideClick) {\n      e.stopPropagation();\n    } else {\n      onClickCapture && onClickCapture(e);\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"],"file":"Touch.js"}

package/dist/cjs/components/Typography/Caption/Caption.d.ts

@@ -1,10 +1,10 @@
 import * as React from 'react';
+import { HasComponent } from '../../../types';
 import './Caption.css';
-export interface CaptionProps extends React.AllHTMLAttributes<HTMLElement> {
+export interface CaptionProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {
     weight: 'regular' | 'medium' | 'semibold' | 'bold';
     level: '1' | '2' | '3' | '4';
     caps?: boolean;
-    Component?: React.ElementType;
 }
 declare const Caption: React.FC<CaptionProps>;
 export default Caption;

package/dist/cjs/components/Typography/Caption/Caption.js

@@ -23,8 +23,10 @@ var _excluded = ["children", "weight", "level", "caps", "Component"];
 
 var Caption = function Caption(_ref) {
   var children = _ref.children,
-      weight = _ref.weight,
-      level = _ref.level,
+      _ref$weight = _ref.weight,
+      weight = _ref$weight === void 0 ? 'regular' : _ref$weight,
+      _ref$level = _ref.level,
+      level = _ref$level === void 0 ? '1' : _ref$level,
       caps = _ref.caps,
       _ref$Component = _ref.Component,
       Component = _ref$Component === void 0 ? 'span' : _ref$Component,

package/dist/cjs/components/Typography/Caption/Caption.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Caption/Caption.tsx"],"names":["Caption","children","weight","level","caps","Component","restProps","platform"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;;;AAUA,IAAMA,OAA+B,GAAG,SAAlCA,OAAkC,OAOpB;AAAA,MANlBC,QAMkB,QANlBA,QAMkB;AAAA,MALlBC,MAKkB,QALlBA,MAKkB;AAAA,MAJlBC,KAIkB,QAJlBA,KAIkB;AAAA,MAHlBC,IAGkB,QAHlBA,IAGkB;AAAA,4BAFlBC,SAEkB;AAAA,MAFlBA,SAEkB,+BAFN,MAEM;AAAA,MADfC,SACe;AAClB,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,SACE,qCAAC,SAAD,6BACMD,SADN;AAEE,IAAA,SAAS,EACP,4BACE,gCAAa,SAAb,EAAwBC,QAAxB,CADF,uBAEgBL,MAFhB,wBAGgBC,KAHhB,GAIE;AACE,uBAAiBC;AADnB,KAJF;AAHJ,MAaGH,QAbH,CADF;AAiBD,CA3BD;;eA6BeD,O","sourcesContent":["import * as React from 'react';\nimport { usePlatform } from '../../../hooks/usePlatform';\nimport { classNames } from '../../../lib/classNames';\nimport { getClassName } from '../../../helpers/getClassName';\nimport './Caption.css';\n\nexport interface CaptionProps extends React.AllHTMLAttributes<HTMLElement> {\n  weight: 'regular' | 'medium' | 'semibold' | 'bold';\n  level: '1' | '2' | '3' | '4';\n  caps?: boolean;\n  Component?: React.ElementType;\n}\n\nconst Caption: React.FC<CaptionProps> = ({\n  children,\n  weight,\n  level,\n  caps,\n  Component = 'span',\n  ...restProps\n}: CaptionProps) => {\n  const platform = usePlatform();\n\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={\n        classNames(\n          getClassName('Caption', platform),\n          `Caption--w-${weight}`,\n          `Caption--l-${level}`,\n          {\n            'Caption--caps': caps,\n          },\n        )\n      }\n    >\n      {children}\n    </Component>\n  );\n};\n\nexport default Caption;\n"],"file":"Caption.js"}
+{"version":3,"sources":["../../../../../src/components/Typography/Caption/Caption.tsx"],"names":["Caption","children","weight","level","caps","Component","restProps","platform"],"mappings":";;;;;;;;;;;;;;;AAEA;;AACA;;AACA;;;;AASA,IAAMA,OAA+B,GAAG,SAAlCA,OAAkC,OAOpB;AAAA,MANlBC,QAMkB,QANlBA,QAMkB;AAAA,yBALlBC,MAKkB;AAAA,MALlBA,MAKkB,4BALT,SAKS;AAAA,wBAJlBC,KAIkB;AAAA,MAJlBA,KAIkB,2BAJV,GAIU;AAAA,MAHlBC,IAGkB,QAHlBA,IAGkB;AAAA,4BAFlBC,SAEkB;AAAA,MAFlBA,SAEkB,+BAFN,MAEM;AAAA,MADfC,SACe;AAClB,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,SACE,qCAAC,SAAD,6BACMD,SADN;AAEE,IAAA,SAAS,EACP,4BACE,gCAAa,SAAb,EAAwBC,QAAxB,CADF,uBAEgBL,MAFhB,wBAGgBC,KAHhB,GAIE;AACE,uBAAiBC;AADnB,KAJF;AAHJ,MAaGH,QAbH,CADF;AAiBD,CA3BD;;eA6BeD,O","sourcesContent":["import * as React from 'react';\nimport { HasComponent } from '../../../types';\nimport { usePlatform } from '../../../hooks/usePlatform';\nimport { classNames } from '../../../lib/classNames';\nimport { getClassName } from '../../../helpers/getClassName';\nimport './Caption.css';\n\nexport interface CaptionProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {\n  weight: 'regular' | 'medium' | 'semibold' | 'bold';\n  level: '1' | '2' | '3' | '4';\n  caps?: boolean;\n}\n\nconst Caption: React.FC<CaptionProps> = ({\n  children,\n  weight = 'regular',\n  level = '1',\n  caps,\n  Component = 'span',\n  ...restProps\n}: CaptionProps) => {\n  const platform = usePlatform();\n\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={\n        classNames(\n          getClassName('Caption', platform),\n          `Caption--w-${weight}`,\n          `Caption--l-${level}`,\n          {\n            'Caption--caps': caps,\n          },\n        )\n      }\n    >\n      {children}\n    </Component>\n  );\n};\n\nexport default Caption;\n"],"file":"Caption.js"}

package/dist/cjs/components/Typography/Headline/Headline.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
+import { HasComponent } from '../../../types';
 import './Headline.css';
-export interface HeadlineProps extends React.AllHTMLAttributes<HTMLElement> {
+export interface HeadlineProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {
     weight: 'regular' | 'medium' | 'semibold';
-    Component?: React.ElementType;
 }
 declare const Headline: React.FC<HeadlineProps>;
 export default Headline;

package/dist/cjs/components/Typography/Headline/Headline.js

@@ -23,7 +23,8 @@ var _excluded = ["children", "weight", "Component"];
 
 var Headline = function Headline(_ref) {
   var children = _ref.children,
-      weight = _ref.weight,
+      _ref$weight = _ref.weight,
+      weight = _ref$weight === void 0 ? 'regular' : _ref$weight,
       _ref$Component = _ref.Component,
       Component = _ref$Component === void 0 ? 'h3' : _ref$Component,
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);

package/dist/cjs/components/Typography/Headline/Headline.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Headline/Headline.tsx"],"names":["Headline","children","weight","Component","restProps","platform"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;;;AAQA,IAAMA,QAAiC,GAAG,SAApCA,QAAoC,OAKrB;AAAA,MAJnBC,QAImB,QAJnBA,QAImB;AAAA,MAHnBC,MAGmB,QAHnBA,MAGmB;AAAA,4BAFnBC,SAEmB;AAAA,MAFnBA,SAEmB,+BAFP,IAEO;AAAA,MADhBC,SACgB;AACnB,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,SACE,qCAAC,SAAD,6BACMD,SADN;AAEE,IAAA,SAAS,EAAE,4BAAW,gCAAa,UAAb,EAAyBC,QAAzB,CAAX,wBAA8DH,MAA9D;AAFb,MAIGD,QAJH,CADF;AAQD,CAhBD;;eAkBeD,Q","sourcesContent":["import * as React from 'react';\nimport { usePlatform } from '../../../hooks/usePlatform';\nimport { classNames } from '../../../lib/classNames';\nimport { getClassName } from '../../../helpers/getClassName';\nimport './Headline.css';\n\nexport interface HeadlineProps extends React.AllHTMLAttributes<HTMLElement> {\n  weight: 'regular' | 'medium' | 'semibold';\n  Component?: React.ElementType;\n}\n\nconst Headline: React.FC<HeadlineProps> = ({\n  children,\n  weight,\n  Component = 'h3',\n  ...restProps\n}: HeadlineProps) => {\n  const platform = usePlatform();\n\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={classNames(getClassName('Headline', platform), `Headline--w-${weight}`)}\n    >\n      {children}\n    </Component>\n  );\n};\n\nexport default Headline;\n"],"file":"Headline.js"}
+{"version":3,"sources":["../../../../../src/components/Typography/Headline/Headline.tsx"],"names":["Headline","children","weight","Component","restProps","platform"],"mappings":";;;;;;;;;;;;;;;AAEA;;AACA;;AACA;;;;AAOA,IAAMA,QAAiC,GAAG,SAApCA,QAAoC,OAKrB;AAAA,MAJnBC,QAImB,QAJnBA,QAImB;AAAA,yBAHnBC,MAGmB;AAAA,MAHnBA,MAGmB,4BAHV,SAGU;AAAA,4BAFnBC,SAEmB;AAAA,MAFnBA,SAEmB,+BAFP,IAEO;AAAA,MADhBC,SACgB;AACnB,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,SACE,qCAAC,SAAD,6BACMD,SADN;AAEE,IAAA,SAAS,EAAE,4BAAW,gCAAa,UAAb,EAAyBC,QAAzB,CAAX,wBAA8DH,MAA9D;AAFb,MAIGD,QAJH,CADF;AAQD,CAhBD;;eAkBeD,Q","sourcesContent":["import * as React from 'react';\nimport { HasComponent } from '../../../types';\nimport { usePlatform } from '../../../hooks/usePlatform';\nimport { classNames } from '../../../lib/classNames';\nimport { getClassName } from '../../../helpers/getClassName';\nimport './Headline.css';\n\nexport interface HeadlineProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {\n  weight: 'regular' | 'medium' | 'semibold';\n}\n\nconst Headline: React.FC<HeadlineProps> = ({\n  children,\n  weight = 'regular',\n  Component = 'h3',\n  ...restProps\n}: HeadlineProps) => {\n  const platform = usePlatform();\n\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={classNames(getClassName('Headline', platform), `Headline--w-${weight}`)}\n    >\n      {children}\n    </Component>\n  );\n};\n\nexport default Headline;\n"],"file":"Headline.js"}

package/dist/cjs/components/Typography/Subhead/Subhead.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
+import { HasComponent } from '../../../types';
 import './Subhead.css';
-export interface SubheadProps extends React.AllHTMLAttributes<HTMLElement> {
+export interface SubheadProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {
     weight: 'regular' | 'medium' | 'semibold' | 'bold';
-    Component?: React.ElementType;
 }
 declare const Subhead: React.FC<SubheadProps>;
 export default Subhead;

package/dist/cjs/components/Typography/Subhead/Subhead.js

@@ -23,7 +23,8 @@ var _excluded = ["children", "weight", "Component"];
 
 var Subhead = function Subhead(_ref) {
   var children = _ref.children,
-      weight = _ref.weight,
+      _ref$weight = _ref.weight,
+      weight = _ref$weight === void 0 ? 'regular' : _ref$weight,
       _ref$Component = _ref.Component,
       Component = _ref$Component === void 0 ? 'h4' : _ref$Component,
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);

package/dist/cjs/components/Typography/Subhead/Subhead.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Subhead/Subhead.tsx"],"names":["Subhead","children","weight","Component","restProps","platform"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;;;AAQA,IAAMA,OAA+B,GAAG,SAAlCA,OAAkC,OAKpB;AAAA,MAJlBC,QAIkB,QAJlBA,QAIkB;AAAA,MAHlBC,MAGkB,QAHlBA,MAGkB;AAAA,4BAFlBC,SAEkB;AAAA,MAFlBA,SAEkB,+BAFN,IAEM;AAAA,MADfC,SACe;AAClB,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,SACE,qCAAC,SAAD,6BACMD,SADN;AAEE,IAAA,SAAS,EAAE,4BAAW,gCAAa,SAAb,EAAwBC,QAAxB,CAAX,uBAA4DH,MAA5D;AAFb,MAIGD,QAJH,CADF;AAQD,CAhBD;;eAkBeD,O","sourcesContent":["import * as React from 'react';\nimport { usePlatform } from '../../../hooks/usePlatform';\nimport { classNames } from '../../../lib/classNames';\nimport { getClassName } from '../../../helpers/getClassName';\nimport './Subhead.css';\n\nexport interface SubheadProps extends React.AllHTMLAttributes<HTMLElement> {\n  weight: 'regular' | 'medium' | 'semibold' | 'bold';\n  Component?: React.ElementType;\n}\n\nconst Subhead: React.FC<SubheadProps> = ({\n  children,\n  weight,\n  Component = 'h4',\n  ...restProps\n}: SubheadProps) => {\n  const platform = usePlatform();\n\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={classNames(getClassName('Subhead', platform), `Subhead--w-${weight}`)}\n    >\n      {children}\n    </Component>\n  );\n};\n\nexport default Subhead;\n"],"file":"Subhead.js"}
+{"version":3,"sources":["../../../../../src/components/Typography/Subhead/Subhead.tsx"],"names":["Subhead","children","weight","Component","restProps","platform"],"mappings":";;;;;;;;;;;;;;;AAEA;;AACA;;AACA;;;;AAOA,IAAMA,OAA+B,GAAG,SAAlCA,OAAkC,OAKpB;AAAA,MAJlBC,QAIkB,QAJlBA,QAIkB;AAAA,yBAHlBC,MAGkB;AAAA,MAHlBA,MAGkB,4BAHT,SAGS;AAAA,4BAFlBC,SAEkB;AAAA,MAFlBA,SAEkB,+BAFN,IAEM;AAAA,MADfC,SACe;AAClB,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,SACE,qCAAC,SAAD,6BACMD,SADN;AAEE,IAAA,SAAS,EAAE,4BAAW,gCAAa,SAAb,EAAwBC,QAAxB,CAAX,uBAA4DH,MAA5D;AAFb,MAIGD,QAJH,CADF;AAQD,CAhBD;;eAkBeD,O","sourcesContent":["import * as React from 'react';\nimport { HasComponent } from '../../../types';\nimport { usePlatform } from '../../../hooks/usePlatform';\nimport { classNames } from '../../../lib/classNames';\nimport { getClassName } from '../../../helpers/getClassName';\nimport './Subhead.css';\n\nexport interface SubheadProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {\n  weight: 'regular' | 'medium' | 'semibold' | 'bold';\n}\n\nconst Subhead: React.FC<SubheadProps> = ({\n  children,\n  weight = 'regular',\n  Component = 'h4',\n  ...restProps\n}: SubheadProps) => {\n  const platform = usePlatform();\n\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={classNames(getClassName('Subhead', platform), `Subhead--w-${weight}`)}\n    >\n      {children}\n    </Component>\n  );\n};\n\nexport default Subhead;\n"],"file":"Subhead.js"}

package/dist/cjs/components/Typography/Text/Text.d.ts

@@ -1,9 +1,8 @@
 import * as React from 'react';
-import { HasRootRef } from '../../../types';
+import { HasComponent, HasRootRef } from '../../../types';
 import './Text.css';
-export interface TextProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLDivElement> {
+export interface TextProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasComponent {
     weight: 'regular' | 'medium' | 'semibold';
-    Component?: React.ElementType;
 }
 declare const Text: React.FC<TextProps>;
 export default Text;

package/dist/cjs/components/Typography/Text/Text.js

@@ -26,7 +26,8 @@ var warn = (0, _warnOnce.warnOnce)('Text');
 
 var Text = function Text(_ref) {
   var children = _ref.children,
-      weight = _ref.weight,
+      _ref$weight = _ref.weight,
+      weight = _ref$weight === void 0 ? 'regular' : _ref$weight,
       _ref$Component = _ref.Component,
       Component = _ref$Component === void 0 ? 'span' : _ref$Component,
       getRootRef = _ref.getRootRef,

package/dist/cjs/components/Typography/Text/Text.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Text/Text.tsx"],"names":["warn","Text","children","weight","Component","getRootRef","restProps","platform","process","env","NODE_ENV"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AAEA;;;AAQA,IAAMA,IAAI,GAAG,wBAAS,MAAT,CAAb;;AACA,IAAMC,IAAyB,GAAG,SAA5BA,IAA4B,OAMjB;AAAA,MALfC,QAKe,QALfA,QAKe;AAAA,MAJfC,MAIe,QAJfA,MAIe;AAAA,4BAHfC,SAGe;AAAA,MAHfA,SAGe,+BAHH,MAGG;AAAA,MAFfC,UAEe,QAFfA,UAEe;AAAA,MADZC,SACY;AACf,MAAMC,QAAQ,GAAG,+BAAjB;;AAEA,MAAIC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IAA0C,OAAON,SAAP,KAAqB,QAA/D,IAA2EC,UAA/E,EAA2F;AACzFL,IAAAA,IAAI,CAAC,iDAAD,CAAJ;AACD;;AAED,SACE,qCAAC,SAAD,6BACMM,SADN;AAEE,IAAA,GAAG,EAAED,UAFP;AAGE,IAAA,SAAS,EAAE,4BAAW,gCAAa,MAAb,EAAqBE,QAArB,CAAX,oBAAsDJ,MAAtD;AAHb,MAKGD,QALH,CADF;AASD,CAtBD;;eAwBeD,I","sourcesContent":["import * as React from 'react';\nimport { usePlatform } from '../../../hooks/usePlatform';\nimport { classNames } from '../../../lib/classNames';\nimport { getClassName } from '../../../helpers/getClassName';\nimport { HasRootRef } from '../../../types';\nimport { warnOnce } from '../../../lib/warnOnce';\nimport './Text.css';\n\nexport interface TextProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLDivElement> {\n  weight: 'regular' | 'medium' | 'semibold';\n  Component?: React.ElementType;\n}\n\nconst warn = warnOnce('Text');\nconst Text: React.FC<TextProps> = ({\n  children,\n  weight,\n  Component = 'span',\n  getRootRef,\n  ...restProps\n}: TextProps) => {\n  const platform = usePlatform();\n\n  if (process.env.NODE_ENV === 'development' && typeof Component !== 'string' && getRootRef) {\n    warn('getRootRef can only be used with DOM components');\n  }\n\n  return (\n    <Component\n      {...restProps}\n      ref={getRootRef}\n      vkuiClass={classNames(getClassName('Text', platform), `Text--w-${weight}`)}\n    >\n      {children}\n    </Component>\n  );\n};\n\nexport default Text;\n"],"file":"Text.js"}
+{"version":3,"sources":["../../../../../src/components/Typography/Text/Text.tsx"],"names":["warn","Text","children","weight","Component","getRootRef","restProps","platform","process","env","NODE_ENV"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AAEA;;;AAOA,IAAMA,IAAI,GAAG,wBAAS,MAAT,CAAb;;AACA,IAAMC,IAAyB,GAAG,SAA5BA,IAA4B,OAMjB;AAAA,MALfC,QAKe,QALfA,QAKe;AAAA,yBAJfC,MAIe;AAAA,MAJfA,MAIe,4BAJN,SAIM;AAAA,4BAHfC,SAGe;AAAA,MAHfA,SAGe,+BAHH,MAGG;AAAA,MAFfC,UAEe,QAFfA,UAEe;AAAA,MADZC,SACY;AACf,MAAMC,QAAQ,GAAG,+BAAjB;;AAEA,MAAIC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IAA0C,OAAON,SAAP,KAAqB,QAA/D,IAA2EC,UAA/E,EAA2F;AACzFL,IAAAA,IAAI,CAAC,iDAAD,CAAJ;AACD;;AAED,SACE,qCAAC,SAAD,6BACMM,SADN;AAEE,IAAA,GAAG,EAAED,UAFP;AAGE,IAAA,SAAS,EAAE,4BAAW,gCAAa,MAAb,EAAqBE,QAArB,CAAX,oBAAsDJ,MAAtD;AAHb,MAKGD,QALH,CADF;AASD,CAtBD;;eAwBeD,I","sourcesContent":["import * as React from 'react';\nimport { usePlatform } from '../../../hooks/usePlatform';\nimport { classNames } from '../../../lib/classNames';\nimport { getClassName } from '../../../helpers/getClassName';\nimport { HasComponent, HasRootRef } from '../../../types';\nimport { warnOnce } from '../../../lib/warnOnce';\nimport './Text.css';\n\nexport interface TextProps extends React.AllHTMLAttributes<HTMLElement>, HasRootRef<HTMLElement>, HasComponent {\n  weight: 'regular' | 'medium' | 'semibold';\n}\n\nconst warn = warnOnce('Text');\nconst Text: React.FC<TextProps> = ({\n  children,\n  weight = 'regular',\n  Component = 'span',\n  getRootRef,\n  ...restProps\n}: TextProps) => {\n  const platform = usePlatform();\n\n  if (process.env.NODE_ENV === 'development' && typeof Component !== 'string' && getRootRef) {\n    warn('getRootRef can only be used with DOM components');\n  }\n\n  return (\n    <Component\n      {...restProps}\n      ref={getRootRef}\n      vkuiClass={classNames(getClassName('Text', platform), `Text--w-${weight}`)}\n    >\n      {children}\n    </Component>\n  );\n};\n\nexport default Text;\n"],"file":"Text.js"}

package/dist/cjs/components/Typography/Title/Title.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
+import { HasComponent } from '../../../types';
 import './Title.css';
-export interface TitleProps extends React.AllHTMLAttributes<HTMLElement> {
+export interface TitleProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {
     weight: 'heavy' | 'bold' | 'semibold' | 'medium' | 'regular';
     level: '1' | '2' | '3';
-    Component?: React.ElementType;
 }
 declare const Title: React.FC<TitleProps>;
 export default Title;

package/dist/cjs/components/Typography/Title/Title.js

@@ -27,13 +27,18 @@ var _excluded = ["children", "weight", "level", "Component"];
 
 var Title = function Title(_ref) {
   var children = _ref.children,
-      weight = _ref.weight,
-      level = _ref.level,
-      _ref$Component = _ref.Component,
-      Component = _ref$Component === void 0 ? 'h' + level : _ref$Component,
+      _ref$weight = _ref.weight,
+      weight = _ref$weight === void 0 ? 'regular' : _ref$weight,
+      _ref$level = _ref.level,
+      level = _ref$level === void 0 ? '1' : _ref$level,
+      Component = _ref.Component,
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var platform = (0, _usePlatform.usePlatform)();
 
+  if (!Component) {
+    Component = 'h' + level;
+  }
+
   if (platform === _platform.ANDROID && level === '3') {
     var headlineWeight = weight === 'regular' ? weight : 'medium';
     return (0, _jsxRuntime.createScopedElement)(_Headline.default, (0, _extends2.default)({

package/dist/cjs/components/Typography/Title/Title.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Typography/Title/Title.tsx"],"names":["Title","children","weight","level","Component","restProps","platform","ANDROID","headlineWeight"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AASA,IAAMA,KAA2B,GAAG,SAA9BA,KAA8B,OAMlB;AAAA,MALhBC,QAKgB,QALhBA,QAKgB;AAAA,MAJhBC,MAIgB,QAJhBA,MAIgB;AAAA,MAHhBC,KAGgB,QAHhBA,KAGgB;AAAA,4BAFhBC,SAEgB;AAAA,MAFhBA,SAEgB,+BAFH,MAAMD,KAEH;AAAA,MADbE,SACa;AAChB,MAAMC,QAAQ,GAAG,+BAAjB;;AAEA,MAAIA,QAAQ,KAAKC,iBAAb,IAAwBJ,KAAK,KAAK,GAAtC,EAA2C;AACzC,QAAMK,cAAuC,GAAGN,MAAM,KAAK,SAAX,GAAuBA,MAAvB,GAAgC,QAAhF;AAEA,WACE,qCAAC,iBAAD;AACE,MAAA,SAAS,EAAEE;AADb,OAEMC,SAFN;AAGE,MAAA,MAAM,EAAEG;AAHV,QAKGP,QALH,CADF;AASD;;AAED,SACE,qCAAC,SAAD,6BACMI,SADN;AAEE,IAAA,SAAS,EACP,4BACE,gCAAa,OAAb,EAAsBC,QAAtB,CADF,qBAEcJ,MAFd,sBAGcC,KAHd;AAHJ,MAUGF,QAVH,CADF;AAcD,CArCD;;eAuCeD,K","sourcesContent":["import * as React from 'react';\nimport { usePlatform } from '../../../hooks/usePlatform';\nimport { classNames } from '../../../lib/classNames';\nimport { getClassName } from '../../../helpers/getClassName';\nimport { ANDROID } from '../../../lib/platform';\nimport Headline, { HeadlineProps } from '../Headline/Headline';\nimport './Title.css';\n\nexport interface TitleProps extends React.AllHTMLAttributes<HTMLElement> {\n  weight: 'heavy' | 'bold' | 'semibold' | 'medium' | 'regular';\n  level: '1' | '2' | '3';\n  Component?: React.ElementType;\n}\n\nconst Title: React.FC<TitleProps> = ({\n  children,\n  weight,\n  level,\n  Component = ('h' + level) as React.ElementType,\n  ...restProps\n}: TitleProps) => {\n  const platform = usePlatform();\n\n  if (platform === ANDROID && level === '3') {\n    const headlineWeight: HeadlineProps['weight'] = weight === 'regular' ? weight : 'medium';\n\n    return (\n      <Headline\n        Component={Component}\n        {...restProps}\n        weight={headlineWeight}\n      >\n        {children}\n      </Headline>\n    );\n  }\n\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={\n        classNames(\n          getClassName('Title', platform),\n          `Title--w-${weight}`,\n          `Title--l-${level}`,\n        )\n      }\n    >\n      {children}\n    </Component>\n  );\n};\n\nexport default Title;\n"],"file":"Title.js"}
+{"version":3,"sources":["../../../../../src/components/Typography/Title/Title.tsx"],"names":["Title","children","weight","level","Component","restProps","platform","ANDROID","headlineWeight"],"mappings":";;;;;;;;;;;;;;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;AAQA,IAAMA,KAA2B,GAAG,SAA9BA,KAA8B,OAMlB;AAAA,MALhBC,QAKgB,QALhBA,QAKgB;AAAA,yBAJhBC,MAIgB;AAAA,MAJhBA,MAIgB,4BAJP,SAIO;AAAA,wBAHhBC,KAGgB;AAAA,MAHhBA,KAGgB,2BAHR,GAGQ;AAAA,MAFhBC,SAEgB,QAFhBA,SAEgB;AAAA,MADbC,SACa;AAChB,MAAMC,QAAQ,GAAG,+BAAjB;;AAEA,MAAI,CAACF,SAAL,EAAgB;AACdA,IAAAA,SAAS,GAAI,MAAMD,KAAnB;AACD;;AAED,MAAIG,QAAQ,KAAKC,iBAAb,IAAwBJ,KAAK,KAAK,GAAtC,EAA2C;AACzC,QAAMK,cAAuC,GAAGN,MAAM,KAAK,SAAX,GAAuBA,MAAvB,GAAgC,QAAhF;AAEA,WACE,qCAAC,iBAAD;AACE,MAAA,SAAS,EAAEE;AADb,OAEMC,SAFN;AAGE,MAAA,MAAM,EAAEG;AAHV,QAKGP,QALH,CADF;AASD;;AAED,SACE,qCAAC,SAAD,6BACMI,SADN;AAEE,IAAA,SAAS,EACP,4BACE,gCAAa,OAAb,EAAsBC,QAAtB,CADF,qBAEcJ,MAFd,sBAGcC,KAHd;AAHJ,MAUGF,QAVH,CADF;AAcD,CAzCD;;eA2CeD,K","sourcesContent":["import * as React from 'react';\nimport { HasComponent } from '../../../types';\nimport { usePlatform } from '../../../hooks/usePlatform';\nimport { classNames } from '../../../lib/classNames';\nimport { getClassName } from '../../../helpers/getClassName';\nimport { ANDROID } from '../../../lib/platform';\nimport Headline, { HeadlineProps } from '../Headline/Headline';\nimport './Title.css';\n\nexport interface TitleProps extends React.AllHTMLAttributes<HTMLElement>, HasComponent {\n  weight: 'heavy' | 'bold' | 'semibold' | 'medium' | 'regular';\n  level: '1' | '2' | '3';\n}\n\nconst Title: React.FC<TitleProps> = ({\n  children,\n  weight = 'regular',\n  level = '1',\n  Component,\n  ...restProps\n}: TitleProps) => {\n  const platform = usePlatform();\n\n  if (!Component) {\n    Component = ('h' + level) as React.ElementType;\n  }\n\n  if (platform === ANDROID && level === '3') {\n    const headlineWeight: HeadlineProps['weight'] = weight === 'regular' ? weight : 'medium';\n\n    return (\n      <Headline\n        Component={Component}\n        {...restProps}\n        weight={headlineWeight}\n      >\n        {children}\n      </Headline>\n    );\n  }\n\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={\n        classNames(\n          getClassName('Title', platform),\n          `Title--w-${weight}`,\n          `Title--l-${level}`,\n        )\n      }\n    >\n      {children}\n    </Component>\n  );\n};\n\nexport default Title;\n"],"file":"Title.js"}

package/dist/cjs/components/View/View.js

@@ -59,6 +59,8 @@ var _getNavId = require("../../lib/getNavId");
 
 var _warnOnce = require("../../lib/warnOnce");
 
+var _utils = require("./utils");
+
 var _excluded = ["popout", "modal", "platform", "activePanel", "splitCol", "configProvider", "history", "nav", "onTransition", "onSwipeBack", "onSwipeBackStart", "onSwipeBackCancel", "window", "document", "scroll"];
 var warn = (0, _warnOnce.warnOnce)('View');
 var SwipeBackResults;
@@ -70,7 +72,6 @@ var SwipeBackResults;
 
 var scrollsCache = {};
 exports.scrollsCache = scrollsCache;
-var swipeBackExcludedTags = ['input', 'textarea'];
 
 var View = /*#__PURE__*/function (_React$Component) {
   (0, _inherits2.default)(View, _React$Component);
@@ -88,29 +89,7 @@ var View = /*#__PURE__*/function (_React$Component) {
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "panelNodes", {});
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "transitionEndHandler", function (e) {
       if (!e || ['vkui-animation-ios-next-forward', 'vkui-animation-ios-prev-back', 'vkui-animation-view-next-forward', 'vkui-animation-view-prev-back'].includes(e.animationName)) {
-        var activePanel = _this.props.activePanel;
-        var isBack = _this.state.isBack;
-        var prevPanel = _this.state.prevPanel;
-
-        if (isBack) {
-          _this.scrolls[prevPanel] = 0;
-        }
-
-        _this.setState({
-          prevPanel: null,
-          nextPanel: null,
-          visiblePanels: [activePanel],
-          activePanel: activePanel,
-          animated: false,
-          isBack: undefined
-        }, function () {
-          isBack && _this.props.scroll.scrollTo(0, _this.scrolls[activePanel]);
-          _this.props.onTransition && _this.props.onTransition({
-            isBack: isBack,
-            from: prevPanel,
-            to: activePanel
-          });
-        });
+        _this.flushTransition(_this.state.prevPanel, _this.state.isBack);
       }
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "swipingBackTransitionEndHandler", function (e) {
@@ -129,9 +108,7 @@ var View = /*#__PURE__*/function (_React$Component) {
       }
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onMoveX", function (e) {
-      var target = e.originalEvent.target;
-
-      if (target && typeof target.tagName === 'string' && swipeBackExcludedTags.includes(target.tagName.toLowerCase())) {
+      if ((0, _utils.swipeBackExcluded)(e)) {
         return;
       }
 
@@ -254,16 +231,26 @@ var View = /*#__PURE__*/function (_React$Component) {
           return id === prevProps.activePanel || id === _this2.props.activePanel;
         });
         var isBack = firstLayerId === this.props.activePanel;
-        this.blurActiveElement();
         this.scrolls[prevProps.activePanel] = this.props.scroll.getScroll().y;
-        this.setState({
-          visiblePanels: [prevProps.activePanel, this.props.activePanel],
-          prevPanel: prevProps.activePanel,
-          nextPanel: this.props.activePanel,
-          activePanel: null,
-          animated: true,
-          isBack: isBack
-        });
+
+        if (this.shouldDisableTransitionMotion()) {
+          this.flushTransition(prevProps.activePanel, isBack);
+        } else {
+          this.blurActiveElement();
+          this.setState({
+            visiblePanels: [prevProps.activePanel, this.props.activePanel],
+            prevPanel: prevProps.activePanel,
+            nextPanel: this.props.activePanel,
+            activePanel: null,
+            animated: true,
+            isBack: isBack
+          }); // Фолбек анимации перехода
+
+          if (!_supportEvents.animationEvent.supported) {
+            clearTimeout(this.animationFinishTimeout);
+            this.animationFinishTimeout = setTimeout(this.transitionEndHandler, this.props.platform === _platform.ANDROID || this.props.platform === _platform.VKCOM ? 300 : 600);
+          }
+        }
       } // Закончилась анимация свайпа назад
 
 
@@ -289,15 +276,6 @@ var View = /*#__PURE__*/function (_React$Component) {
             to: nextPanel
           });
         });
-      } // Начался переход
-
-
-      if (!prevState.animated && this.state.animated) {
-        var _this$state = this.state,
-            _prevPanel = _this$state.prevPanel,
-            _nextPanel = _this$state.nextPanel,
-            _isBack = _this$state.isBack;
-        this.waitAnimationFinish(this.pickPanel(_isBack ? _prevPanel : _nextPanel), this.transitionEndHandler);
       } // Начался свайп назад
 
 
@@ -343,22 +321,6 @@ var View = /*#__PURE__*/function (_React$Component) {
         this.transitionFinishTimeout = setTimeout(eventHandler, this.props.platform === _platform.ANDROID || this.props.platform === _platform.VKCOM ? 300 : 600);
       }
     }
-  }, {
-    key: "waitAnimationFinish",
-    value: function waitAnimationFinish(elem, eventHandler) {
-      if (this.shouldDisableTransitionMotion()) {
-        eventHandler();
-        return;
-      }
-
-      if (_supportEvents.animationEvent.supported) {
-        elem.removeEventListener(_supportEvents.animationEvent.name, eventHandler);
-        elem.addEventListener(_supportEvents.animationEvent.name, eventHandler);
-      } else {
-        clearTimeout(this.animationFinishTimeout);
-        this.animationFinishTimeout = setTimeout(eventHandler, this.props.platform === _platform.ANDROID || this.props.platform === _platform.VKCOM ? 300 : 600);
-      }
-    }
   }, {
     key: "blurActiveElement",
     value: function blurActiveElement() {
@@ -371,6 +333,34 @@ var View = /*#__PURE__*/function (_React$Component) {
     value: function pickPanel(id) {
       return this.panelNodes[id];
     }
+  }, {
+    key: "flushTransition",
+    value: function flushTransition(prevPanel, isBack) {
+      var _this3 = this;
+
+      var activePanel = this.props.activePanel;
+
+      if (isBack) {
+        this.scrolls[prevPanel] = 0;
+      }
+
+      this.setState({
+        prevPanel: null,
+        nextPanel: null,
+        visiblePanels: [activePanel],
+        activePanel: activePanel,
+        animated: false,
+        isBack: undefined
+      }, function () {
+        _this3.props.scroll.scrollTo(0, isBack ? _this3.scrolls[activePanel] : 0);
+
+        _this3.props.onTransition && _this3.props.onTransition({
+          isBack: isBack,
+          from: prevPanel,
+          to: activePanel
+        });
+      });
+    }
   }, {
     key: "onSwipeBackSuccess",
     value: function onSwipeBackSuccess() {
@@ -433,7 +423,7 @@ var View = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this3 = this;
+      var _this4 = this;
 
       var _this$props2 = this.props,
           popout = _this$props2.popout,
@@ -452,23 +442,24 @@ var View = /*#__PURE__*/function (_React$Component) {
           document = _this$props2.document,
           scroll = _this$props2.scroll,
           restProps = (0, _objectWithoutProperties2.default)(_this$props2, _excluded);
-      var _this$state2 = this.state,
-          prevPanel = _this$state2.prevPanel,
-          nextPanel = _this$state2.nextPanel,
-          activePanel = _this$state2.activePanel,
-          swipeBackPrevPanel = _this$state2.swipeBackPrevPanel,
-          swipeBackNextPanel = _this$state2.swipeBackNextPanel,
-          swipeBackResult = _this$state2.swipeBackResult,
-          isBack = _this$state2.isBack;
+      var _this$state = this.state,
+          prevPanel = _this$state.prevPanel,
+          nextPanel = _this$state.nextPanel,
+          activePanel = _this$state.activePanel,
+          swipeBackPrevPanel = _this$state.swipeBackPrevPanel,
+          swipeBackNextPanel = _this$state.swipeBackNextPanel,
+          swipeBackResult = _this$state.swipeBackResult,
+          isBack = _this$state.isBack,
+          animated = _this$state.animated;
       var hasPopout = !!popout;
       var hasModal = !!modal;
       var panels = this.panels.filter(function (panel) {
         var panelId = (0, _getNavId.getNavId)(panel.props, warn);
-        return _this3.state.visiblePanels.includes(panelId) || panelId === swipeBackPrevPanel || panelId === swipeBackNextPanel;
+        return _this4.state.visiblePanels.includes(panelId) || panelId === swipeBackPrevPanel || panelId === swipeBackNextPanel;
       });
       var disableAnimation = this.shouldDisableTransitionMotion();
       var modifiers = {
-        'View--animated': !disableAnimation && this.state.animated,
+        'View--animated': !disableAnimation && animated,
         'View--swiping-back': !disableAnimation && this.state.swipingBack,
         'View--no-motion': disableAnimation
       };
@@ -483,6 +474,7 @@ var View = /*#__PURE__*/function (_React$Component) {
       }, panels.map(function (panel) {
         var panelId = (0, _getNavId.getNavId)(panel.props, warn);
         var isPrev = panelId === prevPanel || panelId === swipeBackPrevPanel;
+        var isTransitionTarget = animated && panelId === (isBack ? prevPanel : nextPanel);
         var compensateScroll = isPrev || panelId === swipeBackNextPanel || panelId === nextPanel && isBack;
         return (0, _jsxRuntime.createScopedElement)("div", {
           vkuiClass: (0, _classNames.classNames)('View__panel', {
@@ -494,15 +486,16 @@ var View = /*#__PURE__*/function (_React$Component) {
             'View__panel--swipe-back-success': swipeBackResult === SwipeBackResults.success,
             'View__panel--swipe-back-failed': swipeBackResult === SwipeBackResults.fail
           }),
+          onAnimationEnd: isTransitionTarget ? _this4.transitionEndHandler : null,
           ref: function ref(el) {
-            return _this3.panelNodes[panelId] = el;
+            return _this4.panelNodes[panelId] = el;
           },
-          style: _this3.calcPanelSwipeStyles(panelId),
+          style: _this4.calcPanelSwipeStyles(panelId),
           key: panelId
         }, (0, _jsxRuntime.createScopedElement)("div", {
           vkuiClass: "View__panel-in",
           style: {
-            marginTop: compensateScroll ? -_this3.scrolls[panelId] : null
+            marginTop: compensateScroll ? -_this4.scrolls[panelId] : null
           }
         }, (0, _jsxRuntime.createScopedElement)(_NavTransitionContext.NavTransitionProvider, {
           entering: panelId === nextPanel || panelId === swipeBackNextPanel