@vkontakte/vkui 4.20.0 → 4.22.1

package/dist/components/Textarea/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Textarea/Textarea.tsx"],"names":["React","classNames","FormField","withAdaptivity","getClassName","useEnsuredControl","useExternRef","usePlatform","useIsomorphicLayoutEffect","Textarea","memo","defaultValue","grow","style","onResize","className","getRootRef","getRef","sizeY","rows","restProps","value","onChange","elementRef","platform","el","current","height","scrollHeight","disabled"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,UAAT;AACA,SAASC,SAAT;AAEA,SAASC,cAAT;AACA,SAASC,YAAT;AACA,SAASC,iBAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AACA,SAASC,yBAAT;AAaA,IAAMC,QAAiC,gBAAGT,KAAK,CAACU,IAAN,CAAW,gBAWhC;AAAA,+BAVnBC,YAUmB;AAAA,MAVnBA,YAUmB,kCAVJ,EAUI;AAAA,uBATnBC,IASmB;AAAA,MATnBA,IASmB,0BATZ,IASY;AAAA,MARnBC,KAQmB,QARnBA,KAQmB;AAAA,MAPnBC,QAOmB,QAPnBA,QAOmB;AAAA,MANnBC,SAMmB,QANnBA,SAMmB;AAAA,MALnBC,UAKmB,QALnBA,UAKmB;AAAA,MAJnBC,MAImB,QAJnBA,MAImB;AAAA,MAHnBC,KAGmB,QAHnBA,KAGmB;AAAA,uBAFnBC,IAEmB;AAAA,MAFnBA,IAEmB,0BAFZ,CAEY;AAAA,MADhBC,SACgB;;AACnB,2BAA0Bf,iBAAiB,CAACe,SAAD,EAAY;AAAET,IAAAA,YAAY,EAAZA;AAAF,GAAZ,CAA3C;AAAA;AAAA,MAAOU,KAAP;AAAA,MAAcC,QAAd;;AACA,MAAMC,UAAU,GAAGjB,YAAY,CAACW,MAAD,CAA/B;AACA,MAAMO,QAAQ,GAAGjB,WAAW,EAA5B,CAHmB,CAKnB;;AACAC,EAAAA,yBAAyB,CAAC,YAAM;AAC9B,QAAMiB,EAAE,GAAGF,UAAU,CAACG,OAAtB;;AACA,QAAId,IAAJ,EAAU;AACRa,MAAAA,EAAE,CAACZ,KAAH,CAASc,MAAT,GAAkB,IAAlB;AACAF,MAAAA,EAAE,CAACZ,KAAH,CAASc,MAAT,aAAqBF,EAAE,CAACG,YAAxB,QAFQ,CAGR;;AACAd,MAAAA,QAAQ,IAAIA,QAAQ,CAACW,EAAD,CAApB;AACD;AACF,GARwB,EAQtB,CAACb,IAAD,EAAOS,KAAP,CARsB,CAAzB;AAUA,SACE,oBAAC,SAAD;AACE,IAAA,SAAS,EAAEpB,UAAU,CAACG,YAAY,CAAC,UAAD,EAAaoB,QAAb,CAAb,4BAAwDN,KAAxD,EADvB;AAEE,IAAA,SAAS,EAAEH,SAFb;AAGE,IAAA,KAAK,EAAEF,KAHT;AAIE,IAAA,UAAU,EAAEG,UAJd;AAKE,IAAA,QAAQ,EAAEI,SAAS,CAACS;AALtB,KAOE,6CACMT,SADN;AAEE,IAAA,IAAI,EAAED,IAFR;AAGE,IAAA,SAAS,EAAC,cAHZ;AAIE,IAAA,KAAK,EAAEE,KAJT;AAKE,IAAA,QAAQ,EAAEC,QALZ;AAME,IAAA,GAAG,EAAEC;AANP,KAPF,CADF;AAkBD,CA7CyC,CAA1C;AA+CA,eAAepB,cAAc,CAACM,QAAD,EAAW;AAAES,EAAAA,KAAK,EAAE;AAAT,CAAX,CAA7B","sourcesContent":["import * as React from 'react';\nimport { classNames } from '../../lib/classNames';\nimport { FormField } from '../FormField/FormField';\nimport { HasRef, HasRootRef } from '../../types';\nimport { withAdaptivity, AdaptivityProps } from '../../hoc/withAdaptivity';\nimport { getClassName } from '../../helpers/getClassName';\nimport { useEnsuredControl } from '../../hooks/useEnsuredControl';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport './Textarea.css';\n\nexport interface TextareaProps extends\n  React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n  HasRef<HTMLTextAreaElement>,\n  HasRootRef<HTMLElement>,\n  AdaptivityProps {\n  grow?: boolean;\n  onResize?(el: HTMLTextAreaElement): void;\n  defaultValue?: string;\n}\n\nconst Textarea: React.FC<TextareaProps> = React.memo(({\n  defaultValue = '',\n  grow = true,\n  style,\n  onResize,\n  className,\n  getRootRef,\n  getRef,\n  sizeY,\n  rows = 2,\n  ...restProps\n}: TextareaProps) => {\n  const [value, onChange] = useEnsuredControl(restProps, { defaultValue });\n  const elementRef = useExternRef(getRef);\n  const platform = usePlatform();\n\n  // autosize input\n  useIsomorphicLayoutEffect(() => {\n    const el = elementRef.current;\n    if (grow) {\n      el.style.height = null;\n      el.style.height = `${el.scrollHeight}px`;\n      // TODO: call only when height changed?\n      onResize && onResize(el);\n    }\n  }, [grow, value]);\n\n  return (\n    <FormField\n      vkuiClass={classNames(getClassName('Textarea', platform), `Textarea--sizeY-${sizeY}`)}\n      className={className}\n      style={style}\n      getRootRef={getRootRef}\n      disabled={restProps.disabled}\n    >\n      <textarea\n        {...restProps}\n        rows={rows}\n        vkuiClass=\"Textarea__el\"\n        value={value}\n        onChange={onChange}\n        ref={elementRef}\n      />\n    </FormField>\n  );\n});\n\nexport default withAdaptivity(Textarea, { sizeY: true });\n"],"file":"Textarea.js"}
+{"version":3,"sources":["../../../src/components/Textarea/Textarea.tsx"],"names":["React","classNames","FormField","withAdaptivity","getClassName","useEnsuredControl","useExternRef","usePlatform","Textarea","memo","defaultValue","grow","style","onResize","className","getRootRef","getRef","sizeY","rows","restProps","value","onChange","currentScrollHeight","useRef","elementRef","platform","useEffect","el","current","offsetParent","height","scrollHeight","disabled"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,UAAT;AACA,SAASC,SAAT;AAEA,SAASC,cAAT;AACA,SAASC,YAAT;AACA,SAASC,iBAAT;AACA,SAASC,YAAT;AACA,SAASC,WAAT;AAaA,IAAMC,QAAiC,gBAAGR,KAAK,CAACS,IAAN,CAAW,gBAWhC;AAAA,+BAVnBC,YAUmB;AAAA,MAVnBA,YAUmB,kCAVJ,EAUI;AAAA,uBATnBC,IASmB;AAAA,MATnBA,IASmB,0BATZ,IASY;AAAA,MARnBC,KAQmB,QARnBA,KAQmB;AAAA,MAPnBC,QAOmB,QAPnBA,QAOmB;AAAA,MANnBC,SAMmB,QANnBA,SAMmB;AAAA,MALnBC,UAKmB,QALnBA,UAKmB;AAAA,MAJnBC,MAImB,QAJnBA,MAImB;AAAA,MAHnBC,KAGmB,QAHnBA,KAGmB;AAAA,uBAFnBC,IAEmB;AAAA,MAFnBA,IAEmB,0BAFZ,CAEY;AAAA,MADhBC,SACgB;;AACnB,2BAA0Bd,iBAAiB,CAACc,SAAD,EAAY;AAAET,IAAAA,YAAY,EAAZA;AAAF,GAAZ,CAA3C;AAAA;AAAA,MAAOU,KAAP;AAAA,MAAcC,QAAd;;AACA,MAAMC,mBAAmB,GAAGtB,KAAK,CAACuB,MAAN,EAA5B;AACA,MAAMC,UAAU,GAAGlB,YAAY,CAACU,MAAD,CAA/B;AACA,MAAMS,QAAQ,GAAGlB,WAAW,EAA5B,CAJmB,CAMnB;;AACAP,EAAAA,KAAK,CAAC0B,SAAN,CAAgB,YAAM;AACpB,QAAMC,EAAE,GAAGH,UAAU,CAACI,OAAtB;;AAEA,QAAIjB,IAAI,IAAIgB,EAAE,CAACE,YAAf,EAA6B;AAC3BF,MAAAA,EAAE,CAACf,KAAH,CAASkB,MAAT,GAAkB,IAAlB;AACAH,MAAAA,EAAE,CAACf,KAAH,CAASkB,MAAT,aAAqBH,EAAE,CAACI,YAAxB;;AAEA,UAAIJ,EAAE,CAACI,YAAH,KAAoBT,mBAAmB,CAACM,OAAxC,IAAmDf,QAAvD,EAAiE;AAC/DA,QAAAA,QAAQ,CAACc,EAAD,CAAR;AACAL,QAAAA,mBAAmB,CAACM,OAApB,GAA8BD,EAAE,CAACI,YAAjC;AACD;AACF;AACF,GAZD,EAYG,CAACpB,IAAD,EAAOS,KAAP,EAAcH,KAAd,CAZH;AAcA,SACE,oBAAC,SAAD;AACE,IAAA,SAAS,EAAEhB,UAAU,CAACG,YAAY,CAAC,UAAD,EAAaqB,QAAb,CAAb,4BAAwDR,KAAxD,EADvB;AAEE,IAAA,SAAS,EAAEH,SAFb;AAGE,IAAA,KAAK,EAAEF,KAHT;AAIE,IAAA,UAAU,EAAEG,UAJd;AAKE,IAAA,QAAQ,EAAEI,SAAS,CAACa;AALtB,KAOE,6CACMb,SADN;AAEE,IAAA,IAAI,EAAED,IAFR;AAGE,IAAA,SAAS,EAAC,cAHZ;AAIE,IAAA,KAAK,EAAEE,KAJT;AAKE,IAAA,QAAQ,EAAEC,QALZ;AAME,IAAA,GAAG,EAAEG;AANP,KAPF,CADF;AAkBD,CAlDyC,CAA1C;AAoDA,eAAerB,cAAc,CAACK,QAAD,EAAW;AAAES,EAAAA,KAAK,EAAE;AAAT,CAAX,CAA7B","sourcesContent":["import * as React from 'react';\nimport { classNames } from '../../lib/classNames';\nimport { FormField } from '../FormField/FormField';\nimport { HasRef, HasRootRef } from '../../types';\nimport { withAdaptivity, AdaptivityProps } from '../../hoc/withAdaptivity';\nimport { getClassName } from '../../helpers/getClassName';\nimport { useEnsuredControl } from '../../hooks/useEnsuredControl';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport './Textarea.css';\n\nexport interface TextareaProps extends\n  React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n  HasRef<HTMLTextAreaElement>,\n  HasRootRef<HTMLElement>,\n  AdaptivityProps {\n  grow?: boolean;\n  onResize?(el: HTMLTextAreaElement): void;\n  defaultValue?: string;\n}\n\nconst Textarea: React.FC<TextareaProps> = React.memo(({\n  defaultValue = '',\n  grow = true,\n  style,\n  onResize,\n  className,\n  getRootRef,\n  getRef,\n  sizeY,\n  rows = 2,\n  ...restProps\n}: TextareaProps) => {\n  const [value, onChange] = useEnsuredControl(restProps, { defaultValue });\n  const currentScrollHeight = React.useRef<number>();\n  const elementRef = useExternRef(getRef);\n  const platform = usePlatform();\n\n  // autosize input\n  React.useEffect(() => {\n    const el = elementRef.current;\n\n    if (grow && el.offsetParent) {\n      el.style.height = null;\n      el.style.height = `${el.scrollHeight}px`;\n\n      if (el.scrollHeight !== currentScrollHeight.current && onResize) {\n        onResize(el);\n        currentScrollHeight.current = el.scrollHeight;\n      }\n    }\n  }, [grow, value, sizeY]);\n\n  return (\n    <FormField\n      vkuiClass={classNames(getClassName('Textarea', platform), `Textarea--sizeY-${sizeY}`)}\n      className={className}\n      style={style}\n      getRootRef={getRootRef}\n      disabled={restProps.disabled}\n    >\n      <textarea\n        {...restProps}\n        rows={rows}\n        vkuiClass=\"Textarea__el\"\n        value={value}\n        onChange={onChange}\n        ref={elementRef}\n      />\n    </FormField>\n  );\n});\n\nexport default withAdaptivity(Textarea, { sizeY: true });\n"],"file":"Textarea.js"}

package/dist/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/components/Touch/Touch.js

@@ -41,7 +41,7 @@ export var Touch = function Touch(_ref) {
 
   var events = React.useMemo(getSupportedEvents, []);
   var didSlide = React.useRef(false);
-  var gesture = React.useRef({});
+  var gesture = React.useRef(null);
 
   var handle = function handle(e, handers) {
     stopPropagation && e.stopPropagation();
@@ -57,12 +57,7 @@ export var Touch = function Touch(_ref) {
   var enterHandler = useEventListener(usePointerHover ? 'pointerenter' : 'mouseenter', onEnter);
   var leaveHandler = useEventListener(usePointerHover ? 'pointerleave' : 'mouseleave', onLeave);
   var startHandler = useEventListener(events[0], function (e) {
-    gesture.current = {
-      startX: coordX(e),
-      startY: coordY(e),
-      startT: new Date(),
-      isPressed: true
-    };
+    gesture.current = initGesture(coordX(e), coordY(e));
     handle(e, [onStart, onStartX, onStartY]); // 1 line, 2 bad specs, 2 workarounds:
 
     subscribe(touchEnabled() // Touch events fire on initial target, and won't bubble if its removed
@@ -206,4 +201,23 @@ export var Touch = function Touch(_ref) {
     ref: containerRef
   }));
 };
+
+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/components/Touch/Touch.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Touch/Touch.tsx"],"names":["React","getSupportedEvents","coordX","coordY","touchEnabled","useDOM","useExternRef","useEventListener","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","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":["React","getSupportedEvents","coordX","coordY","touchEnabled","useDOM","useExternRef","useEventListener","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","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/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/components/Typography/Caption/Caption.js

@@ -8,8 +8,10 @@ import { getClassName } from "../../../helpers/getClassName";
 
 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/components/Typography/Caption/Caption.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Typography/Caption/Caption.tsx"],"names":["usePlatform","classNames","getClassName","Caption","children","weight","level","caps","Component","restProps","platform"],"mappings":";;;;AACA,SAASA,WAAT;AACA,SAASC,UAAT;AACA,SAASC,YAAT;;AAUA,IAAMC,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,GAAGV,WAAW,EAA5B;AAEA,SACE,oBAAC,SAAD,eACMS,SADN;AAEE,IAAA,SAAS,EACPR,UAAU,CACRC,YAAY,CAAC,SAAD,EAAYQ,QAAZ,CADJ,uBAEML,MAFN,wBAGMC,KAHN,GAIR;AACE,uBAAiBC;AADnB,KAJQ;AAHd,MAaGH,QAbH,CADF;AAiBD,CA3BD;;AA6BA,eAAeD,OAAf","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":["usePlatform","classNames","getClassName","Caption","children","weight","level","caps","Component","restProps","platform"],"mappings":";;;;AAEA,SAASA,WAAT;AACA,SAASC,UAAT;AACA,SAASC,YAAT;;AASA,IAAMC,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,GAAGV,WAAW,EAA5B;AAEA,SACE,oBAAC,SAAD,eACMS,SADN;AAEE,IAAA,SAAS,EACPR,UAAU,CACRC,YAAY,CAAC,SAAD,EAAYQ,QAAZ,CADJ,uBAEML,MAFN,wBAGMC,KAHN,GAIR;AACE,uBAAiBC;AADnB,KAJQ;AAHd,MAaGH,QAbH,CADF;AAiBD,CA3BD;;AA6BA,eAAeD,OAAf","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/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/components/Typography/Headline/Headline.js

@@ -8,7 +8,8 @@ import { getClassName } from "../../../helpers/getClassName";
 
 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 = _objectWithoutProperties(_ref, _excluded);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Typography/Headline/Headline.tsx"],"names":["usePlatform","classNames","getClassName","Headline","children","weight","Component","restProps","platform"],"mappings":";;;;AACA,SAASA,WAAT;AACA,SAASC,UAAT;AACA,SAASC,YAAT;;AAQA,IAAMC,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,GAAGR,WAAW,EAA5B;AAEA,SACE,oBAAC,SAAD,eACMO,SADN;AAEE,IAAA,SAAS,EAAEN,UAAU,CAACC,YAAY,CAAC,UAAD,EAAaM,QAAb,CAAb,wBAAoDH,MAApD;AAFvB,MAIGD,QAJH,CADF;AAQD,CAhBD;;AAkBA,eAAeD,QAAf","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":["usePlatform","classNames","getClassName","Headline","children","weight","Component","restProps","platform"],"mappings":";;;;AAEA,SAASA,WAAT;AACA,SAASC,UAAT;AACA,SAASC,YAAT;;AAOA,IAAMC,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,GAAGR,WAAW,EAA5B;AAEA,SACE,oBAAC,SAAD,eACMO,SADN;AAEE,IAAA,SAAS,EAAEN,UAAU,CAACC,YAAY,CAAC,UAAD,EAAaM,QAAb,CAAb,wBAAoDH,MAApD;AAFvB,MAIGD,QAJH,CADF;AAQD,CAhBD;;AAkBA,eAAeD,QAAf","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/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/components/Typography/Subhead/Subhead.js

@@ -8,7 +8,8 @@ import { getClassName } from "../../../helpers/getClassName";
 
 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 = _objectWithoutProperties(_ref, _excluded);

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Typography/Subhead/Subhead.tsx"],"names":["usePlatform","classNames","getClassName","Subhead","children","weight","Component","restProps","platform"],"mappings":";;;;AACA,SAASA,WAAT;AACA,SAASC,UAAT;AACA,SAASC,YAAT;;AAQA,IAAMC,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,GAAGR,WAAW,EAA5B;AAEA,SACE,oBAAC,SAAD,eACMO,SADN;AAEE,IAAA,SAAS,EAAEN,UAAU,CAACC,YAAY,CAAC,SAAD,EAAYM,QAAZ,CAAb,uBAAkDH,MAAlD;AAFvB,MAIGD,QAJH,CADF;AAQD,CAhBD;;AAkBA,eAAeD,OAAf","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":["usePlatform","classNames","getClassName","Subhead","children","weight","Component","restProps","platform"],"mappings":";;;;AAEA,SAASA,WAAT;AACA,SAASC,UAAT;AACA,SAASC,YAAT;;AAOA,IAAMC,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,GAAGR,WAAW,EAA5B;AAEA,SACE,oBAAC,SAAD,eACMO,SADN;AAEE,IAAA,SAAS,EAAEN,UAAU,CAACC,YAAY,CAAC,SAAD,EAAYM,QAAZ,CAAb,uBAAkDH,MAAlD;AAFvB,MAIGD,QAJH,CADF;AAQD,CAhBD;;AAkBA,eAAeD,OAAf","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/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/components/Typography/Text/Text.js

@@ -10,7 +10,8 @@ var warn = 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/components/Typography/Text/Text.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Typography/Text/Text.tsx"],"names":["usePlatform","classNames","getClassName","warnOnce","warn","Text","children","weight","Component","getRootRef","restProps","platform","process","env","NODE_ENV"],"mappings":";;;;AACA,SAASA,WAAT;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AAEA,SAASC,QAAT;AAQA,IAAMC,IAAI,GAAGD,QAAQ,CAAC,MAAD,CAArB;;AACA,IAAME,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,GAAGX,WAAW,EAA5B;;AAEA,MAAIY,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,oBAAC,SAAD,eACMM,SADN;AAEE,IAAA,GAAG,EAAED,UAFP;AAGE,IAAA,SAAS,EAAER,UAAU,CAACC,YAAY,CAAC,MAAD,EAASS,QAAT,CAAb,oBAA4CJ,MAA5C;AAHvB,MAKGD,QALH,CADF;AASD,CAtBD;;AAwBA,eAAeD,IAAf","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":["usePlatform","classNames","getClassName","warnOnce","warn","Text","children","weight","Component","getRootRef","restProps","platform","process","env","NODE_ENV"],"mappings":";;;;AACA,SAASA,WAAT;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AAEA,SAASC,QAAT;AAOA,IAAMC,IAAI,GAAGD,QAAQ,CAAC,MAAD,CAArB;;AACA,IAAME,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,GAAGX,WAAW,EAA5B;;AAEA,MAAIY,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,oBAAC,SAAD,eACMM,SADN;AAEE,IAAA,GAAG,EAAED,UAFP;AAGE,IAAA,SAAS,EAAER,UAAU,CAACC,YAAY,CAAC,MAAD,EAASS,QAAT,CAAb,oBAA4CJ,MAA5C;AAHvB,MAKGD,QALH,CADF;AASD,CAtBD;;AAwBA,eAAeD,IAAf","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/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/components/Typography/Title/Title.js

@@ -10,14 +10,19 @@ import Headline from "../Headline/Headline";
 
 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 = _objectWithoutProperties(_ref, _excluded);
 
   var platform = usePlatform();
 
+  if (!Component) {
+    Component = 'h' + level;
+  }
+
   if (platform === ANDROID && level === '3') {
     var headlineWeight = weight === 'regular' ? weight : 'medium';
     return createScopedElement(Headline, _extends({

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Typography/Title/Title.tsx"],"names":["usePlatform","classNames","getClassName","ANDROID","Headline","Title","children","weight","level","Component","restProps","platform","headlineWeight"],"mappings":";;;;AACA,SAASA,WAAT;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AACA,SAASC,OAAT;AACA,OAAOC,QAAP;;AASA,IAAMC,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,GAAGX,WAAW,EAA5B;;AAEA,MAAIW,QAAQ,KAAKR,OAAb,IAAwBK,KAAK,KAAK,GAAtC,EAA2C;AACzC,QAAMI,cAAuC,GAAGL,MAAM,KAAK,SAAX,GAAuBA,MAAvB,GAAgC,QAAhF;AAEA,WACE,oBAAC,QAAD;AACE,MAAA,SAAS,EAAEE;AADb,OAEMC,SAFN;AAGE,MAAA,MAAM,EAAEE;AAHV,QAKGN,QALH,CADF;AASD;;AAED,SACE,oBAAC,SAAD,eACMI,SADN;AAEE,IAAA,SAAS,EACPT,UAAU,CACRC,YAAY,CAAC,OAAD,EAAUS,QAAV,CADJ,qBAEIJ,MAFJ,sBAGIC,KAHJ;AAHd,MAUGF,QAVH,CADF;AAcD,CArCD;;AAuCA,eAAeD,KAAf","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":["usePlatform","classNames","getClassName","ANDROID","Headline","Title","children","weight","level","Component","restProps","platform","headlineWeight"],"mappings":";;;;AAEA,SAASA,WAAT;AACA,SAASC,UAAT;AACA,SAASC,YAAT;AACA,SAASC,OAAT;AACA,OAAOC,QAAP;;AAQA,IAAMC,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,GAAGX,WAAW,EAA5B;;AAEA,MAAI,CAACS,SAAL,EAAgB;AACdA,IAAAA,SAAS,GAAI,MAAMD,KAAnB;AACD;;AAED,MAAIG,QAAQ,KAAKR,OAAb,IAAwBK,KAAK,KAAK,GAAtC,EAA2C;AACzC,QAAMI,cAAuC,GAAGL,MAAM,KAAK,SAAX,GAAuBA,MAAvB,GAAgC,QAAhF;AAEA,WACE,oBAAC,QAAD;AACE,MAAA,SAAS,EAAEE;AADb,OAEMC,SAFN;AAGE,MAAA,MAAM,EAAEE;AAHV,QAKGN,QALH,CADF;AASD;;AAED,SACE,oBAAC,SAAD,eACMI,SADN;AAEE,IAAA,SAAS,EACPT,UAAU,CACRC,YAAY,CAAC,OAAD,EAAUS,QAAV,CADJ,qBAEIJ,MAFJ,sBAGIC,KAHJ;AAHd,MAUGF,QAVH,CADF;AAcD,CAzCD;;AA2CA,eAAeD,KAAf","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"}