@vkontakte/vkui 4.37.0 → 5.0.0

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","names":["isDOMTypeElement","element","React","isValidElement","type","baseClassName","getClassName","warn","warnOnce","IS_DEV","process","env","NODE_ENV","SimpleTooltip","forwardRef","ref","appearance","header","text","arrow","style","attributes","classNames","container","prefixClass","mapAlignX","x","getPlacement","alignX","alignY","filter","p","join","isVerticalPlacement","placement","startsWith","calculateAppearance","mode","Tooltip","children","isShown","_isShown","offsetX","offsetY","onClose","cornerOffset","cornerAbsoluteOffset","restProps","useNavTransition","entering","useState","tooltipRef","setTooltipRef","target","setTarget","multiChildren","Children","count","primitiveChild","hasReactNode","JSON","stringify","Boolean","tooltipContainer","useMemo","closest","tooltipContainerAttr","strategy","position","Error","modifiers","name","options","offset","push","padding","enabled","phase","fn","state","modifiersData","undefined","y","_placement","usePopper","styles","useDOM","document","useGlobalEventListener","passive","childRef","props","getRootRef","patchedRef","useExternRef","child","cloneElement","_appearance","ReactDOM","createPortal","el","popper"],"sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import * as React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { useNavTransition } from \"../NavTransitionContext/NavTransitionContext\";\nimport { PopperArrow } from \"../PopperArrow/PopperArrow\";\nimport { Modifier, usePopper } from \"react-popper\";\nimport { Placement } from \"@popperjs/core\";\nimport { tooltipContainerAttr } from \"./TooltipContainer\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useDOM } from \"../../lib/dom\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { prefixClass } from \"../../lib/prefixClass\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { HasRootRef } from \"../../types\";\nimport \"./Tooltip.css\";\n\ninterface SimpleTooltipProps extends Partial<TooltipProps> {\n  target?: HTMLDivElement;\n  style?: {\n    arrow: React.CSSProperties;\n    container: React.CSSProperties;\n  };\n  attributes?: {\n    arrow: React.HTMLAttributes<HTMLDivElement> | null;\n    container: React.HTMLAttributes<HTMLDivElement> | null;\n  };\n}\n\nconst isDOMTypeElement = (\n  element: React.ReactElement\n): element is React.DOMElement<any, any> => {\n  return React.isValidElement(element) && typeof element.type === \"string\";\n};\n\nconst baseClassName = getClassName(\"Tooltip\");\nconst warn = warnOnce(\"Tooltip\");\nconst IS_DEV = process.env.NODE_ENV === \"development\";\n\nconst SimpleTooltip = React.forwardRef<HTMLDivElement, SimpleTooltipProps>(\n  function SimpleTooltip(\n    { appearance = \"accent\", header, text, arrow, style = {}, attributes },\n    ref\n  ) {\n    return (\n      <div vkuiClass={classNames(baseClassName, `Tooltip--${appearance}`)}>\n        <div\n          vkuiClass=\"Tooltip__container\"\n          ref={ref}\n          style={style.container}\n          {...attributes?.container}\n        >\n          {arrow && (\n            <PopperArrow\n              style={style.arrow}\n              attributes={attributes?.arrow}\n              arrowClassName={prefixClass(\"Tooltip__arrow\")}\n            />\n          )}\n          <div vkuiClass=\"Tooltip__content\">\n            {header && (\n              <Subhead weight=\"2\" vkuiClass=\"Tooltip__title\">\n                {header}\n              </Subhead>\n            )}\n            {text && <Subhead vkuiClass=\"Tooltip__text\">{text}</Subhead>}\n          </div>\n        </div>\n      </div>\n    );\n  }\n);\n\nexport interface TooltipProps {\n  /**\n   * **Важно**: если в `children` передан React-компонент, то необходимо убедиться в том, что он поддерживает\n   * свойство `getRootRef`, которое должно возвращаться ссылку на корневой DOM-элемент компонента,\n   * иначе тултип показан не будет. Если передан React-element, то такой проблемы нет.\n   */\n  children:\n    | React.ReactElement<HasRootRef<any>>\n    | React.ReactElement<React.PropsWithRef<any>>;\n  /**\n   * @deprecated будет удалено в 5.0.0, устанавливать стиль следует через appearance\n   * Стиль отображения подсказки\n   */\n  mode?: \"accent\" | \"light\";\n  /**\n   * Стиль отображения подсказки\n   */\n  appearance?: \"accent\" | \"neutral\" | \"white\" | \"black\" | \"inversion\";\n  /**\n   * Если передан `false`, то рисуется просто `children`.\n   */\n  isShown?: boolean;\n  /**\n   * Текст тултипа.\n   */\n  text?: React.ReactNode;\n  /**\n   * Заголовок тултипа.\n   */\n  header?: React.ReactNode;\n  /**\n   * Положение по горизонтали (прижатие к левому или правому краю `children`).\n   * Если не задано, позиция по горизонтали определятся автоматически\n   */\n  alignX?: \"center\" | \"left\" | \"right\";\n  /**\n   * Положение по вертикали (расположение над или под `children`).\n   * Если не задано, позиция по вертикали определятся автоматически\n   */\n  alignY?: \"top\" | \"bottom\";\n  /**\n   * Сдвиг по горизонтали (относительно портала, в котором рисуется тултип).\n   */\n  offsetX?: number;\n  /**\n   * Сдвиг по вертикали (относительно портала, в котором рисуется тултип).\n   */\n  offsetY?: number;\n  /**\n   * Отображать ли стрелку, указывающую на якорный элемент\n   */\n  arrow?: boolean;\n  /**\n   * Сдвиг стрелочки относительно центра дочернего элемента.\n   */\n  cornerOffset?: number;\n  /**\n   * Сдвиг стрелочки относительно ширины тултипа\n   */\n  cornerAbsoluteOffset?: number;\n  /**\n   * Callback, который вызывается при клике по любому месту в пределах экрана.\n   */\n  onClose?: () => void;\n  /**\n   * По умолчанию компонент выберет наилучшее расположение сам. Но его можно задать извне с помощью этого свойства\n   */\n  placement?: Placement;\n}\n\nfunction mapAlignX(x: TooltipProps[\"alignX\"]) {\n  switch (x) {\n    case \"left\":\n      return \"start\";\n    case \"right\":\n      return \"end\";\n    default:\n      return \"\";\n  }\n}\nfunction getPlacement(\n  alignX: TooltipProps[\"alignX\"],\n  alignY: TooltipProps[\"alignY\"]\n): Placement {\n  return [alignY || \"bottom\", mapAlignX(alignX || \"left\")]\n    .filter((p) => !!p)\n    .join(\"-\") as Placement;\n}\nfunction isVerticalPlacement(placement: Placement) {\n  return placement.startsWith(\"top\") || placement.startsWith(\"bottom\");\n}\n\n/**\n * Вычисляем стиль подсказки: параметр appearance имеет приоритет, иначе мапим mode на подходящее значение из appearance\n * TODO: v5 избавиться от пропа mode и этого метода, для appearance по умолчанию сделать \"accent\"\n */\nfunction calculateAppearance(\n  mode: TooltipProps[\"mode\"],\n  appearance: TooltipProps[\"appearance\"]\n): TooltipProps[\"appearance\"] {\n  if (appearance) {\n    return appearance;\n  }\n\n  return mode === \"light\" ? \"white\" : \"accent\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Tooltip\n */\nexport const Tooltip = ({\n  children,\n  isShown: _isShown = true,\n  offsetX = 0,\n  offsetY = 15,\n  alignX,\n  alignY,\n  onClose,\n  cornerOffset = 0,\n  cornerAbsoluteOffset,\n  mode = \"accent\",\n  appearance,\n  arrow = true,\n  placement,\n  ...restProps\n}: TooltipProps) => {\n  const { entering } = useNavTransition();\n  const isShown = _isShown && !entering;\n  const [tooltipRef, setTooltipRef] = React.useState<HTMLElement | null>(null);\n  const [target, setTarget] = React.useState<HTMLElement>();\n\n  if (IS_DEV) {\n    const multiChildren = React.Children.count(children) > 1;\n    // Empty children is a noop\n    const primitiveChild =\n      hasReactNode(children) && typeof children !== \"object\";\n    (multiChildren || primitiveChild) &&\n      warn(\n        [\n          \"children должен быть одним React элементом, получено\",\n          multiChildren && \"несколько\",\n          primitiveChild && JSON.stringify(children),\n        ]\n          .filter(Boolean)\n          .join(\" \"),\n        \"error\"\n      );\n  }\n\n  /* eslint-disable no-restricted-properties */\n  /* eslint-disable @typescript-eslint/no-unnecessary-type-assertion*/\n  const tooltipContainer = React.useMemo(\n    () => target?.closest(`[${tooltipContainerAttr}]`) as HTMLDivElement,\n    [target]\n  );\n  const strategy = React.useMemo(\n    () => (target?.style.position === \"fixed\" ? \"fixed\" : \"absolute\"),\n    [target]\n  );\n  /* eslint-enable @typescript-eslint/no-unnecessary-type-assertion*/\n  /* eslint-enable no-restricted-properties */\n\n  if (IS_DEV && target && !tooltipContainer) {\n    throw new Error(\n      \"Use TooltipContainer for Tooltip outside Panel (see docs)\"\n    );\n  }\n\n  const modifiers = React.useMemo(() => {\n    const modifiers: Array<Modifier<string>> = [\n      {\n        name: \"offset\",\n        options: {\n          offset: [offsetX, offsetY],\n        },\n      },\n      {\n        name: \"preventOverflow\",\n      },\n      {\n        name: \"flip\",\n      },\n    ];\n\n    if (arrow) {\n      modifiers.push({\n        name: \"arrow\",\n        options: {\n          padding: 14,\n        },\n      });\n      modifiers.push({\n        name: \"arrowOffset\",\n        enabled: true,\n        phase: \"main\",\n        fn({ state }) {\n          if (!state.modifiersData.arrow) {\n            return;\n          }\n          if (isVerticalPlacement(state.placement)) {\n            if (cornerAbsoluteOffset !== undefined) {\n              state.modifiersData.arrow.x = cornerAbsoluteOffset;\n            } else {\n              if (state.modifiersData.arrow?.x !== undefined) {\n                state.modifiersData.arrow.x += cornerOffset;\n              }\n            }\n          } else {\n            if (cornerAbsoluteOffset !== undefined) {\n              state.modifiersData.arrow.y = cornerAbsoluteOffset;\n            } else {\n              if (state.modifiersData.arrow?.y !== undefined) {\n                state.modifiersData.arrow.y += cornerOffset;\n              }\n            }\n          }\n        },\n      });\n    }\n\n    return modifiers;\n  }, [arrow, cornerAbsoluteOffset, cornerOffset, offsetX, offsetY]);\n\n  const _placement = placement ?? getPlacement(alignX, alignY);\n  const { styles, attributes } = usePopper(target, tooltipRef, {\n    strategy,\n    placement: _placement,\n    modifiers,\n  });\n\n  const { document } = useDOM();\n  useGlobalEventListener(document, \"click\", isShown && onClose, {\n    passive: true,\n  });\n  // NOTE: setting isShown to true used to trigger usePopper().forceUpdate()\n\n  const childRef =\n    React.isValidElement(children) &&\n    (isDOMTypeElement(children) ? children.ref : children.props.getRootRef);\n  const patchedRef = useExternRef(setTarget, childRef);\n  const child = React.isValidElement(children)\n    ? React.cloneElement(children, {\n        [isDOMTypeElement(children) ? \"ref\" : \"getRootRef\"]: patchedRef,\n      })\n    : children;\n\n  const _appearance = calculateAppearance(mode, appearance);\n\n  return (\n    <React.Fragment>\n      {child}\n      {isShown &&\n        target != null &&\n        ReactDOM.createPortal(\n          <SimpleTooltip\n            {...restProps}\n            appearance={_appearance}\n            arrow={arrow}\n            ref={(el) => setTooltipRef(el)}\n            style={{ arrow: styles.arrow, container: styles.popper }}\n            attributes={{\n              arrow: attributes.arrow ?? null,\n              container: attributes.popper ?? null,\n            }}\n          />,\n          tooltipContainer\n        )}\n    </React.Fragment>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"Tooltip.js","names":["isDOMTypeElement","element","React","isValidElement","type","warn","warnOnce","IS_DEV","process","env","NODE_ENV","SimpleTooltip","forwardRef","ref","appearance","header","text","arrow","style","attributes","classNames","container","prefixClass","mapAlignX","x","getPlacement","alignX","alignY","filter","p","join","isVerticalPlacement","placement","startsWith","Tooltip","children","isShown","_isShown","offsetX","offsetY","onClose","cornerOffset","cornerAbsoluteOffset","restProps","useNavTransition","entering","useState","tooltipRef","setTooltipRef","target","setTarget","multiChildren","Children","count","primitiveChild","hasReactNode","JSON","stringify","Boolean","tooltipContainer","useMemo","closest","tooltipContainerAttr","strategy","position","Error","modifiers","name","options","offset","push","padding","enabled","phase","fn","state","modifiersData","undefined","y","_placement","usePopper","styles","useDOM","document","useGlobalEventListener","passive","childRef","props","getRootRef","patchedRef","useExternRef","child","cloneElement","ReactDOM","createPortal","el","popper"],"sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import * as React from \"react\";\nimport ReactDOM from \"react-dom\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { useNavTransition } from \"../NavTransitionContext/NavTransitionContext\";\nimport { PopperArrow } from \"../PopperArrow/PopperArrow\";\nimport { Modifier, usePopper } from \"react-popper\";\nimport { Placement } from \"@popperjs/core\";\nimport { tooltipContainerAttr } from \"./TooltipContainer\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useDOM } from \"../../lib/dom\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport { prefixClass } from \"../../lib/prefixClass\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { HasRootRef } from \"../../types\";\nimport \"./Tooltip.css\";\n\ninterface SimpleTooltipProps extends Partial<TooltipProps> {\n  target?: HTMLDivElement;\n  style?: {\n    arrow: React.CSSProperties;\n    container: React.CSSProperties;\n  };\n  attributes?: {\n    arrow: React.HTMLAttributes<HTMLDivElement> | null;\n    container: React.HTMLAttributes<HTMLDivElement> | null;\n  };\n}\n\nconst isDOMTypeElement = (\n  element: React.ReactElement\n): element is React.DOMElement<any, any> => {\n  return React.isValidElement(element) && typeof element.type === \"string\";\n};\n\nconst warn = warnOnce(\"Tooltip\");\nconst IS_DEV = process.env.NODE_ENV === \"development\";\n\nconst SimpleTooltip = React.forwardRef<HTMLDivElement, SimpleTooltipProps>(\n  function SimpleTooltip(\n    { appearance = \"accent\", header, text, arrow, style = {}, attributes },\n    ref\n  ) {\n    return (\n      <div\n        vkuiClass={classNames(\"Tooltip\", `Tooltip--appearance-${appearance}`)}\n      >\n        <div\n          vkuiClass=\"Tooltip__container\"\n          ref={ref}\n          style={style.container}\n          {...attributes?.container}\n        >\n          {arrow && (\n            <PopperArrow\n              style={style.arrow}\n              attributes={attributes?.arrow}\n              arrowClassName={prefixClass(\"Tooltip__arrow\")}\n            />\n          )}\n          <div vkuiClass=\"Tooltip__content\">\n            {header && (\n              <Subhead weight=\"2\" vkuiClass=\"Tooltip__title\">\n                {header}\n              </Subhead>\n            )}\n            {text && <Subhead vkuiClass=\"Tooltip__text\">{text}</Subhead>}\n          </div>\n        </div>\n      </div>\n    );\n  }\n);\n\nexport interface TooltipProps {\n  /**\n   * **Важно**: если в `children` передан React-компонент, то необходимо убедиться в том, что он поддерживает\n   * свойство `getRootRef`, которое должно возвращаться ссылку на корневой DOM-элемент компонента,\n   * иначе тултип показан не будет. Если передан React-element, то такой проблемы нет.\n   */\n  children: React.ReactElement<HasRootRef<any>> | React.ReactElement;\n  /**\n   * Стиль отображения подсказки\n   */\n  appearance?: \"accent\" | \"neutral\" | \"white\" | \"black\" | \"inversion\";\n  /**\n   * Если передан `false`, то рисуется просто `children`.\n   */\n  isShown?: boolean;\n  /**\n   * Текст тултипа.\n   */\n  text?: React.ReactNode;\n  /**\n   * Заголовок тултипа.\n   */\n  header?: React.ReactNode;\n  /**\n   * Положение по горизонтали (прижатие к левому или правому краю `children`).\n   * Если не задано, позиция по горизонтали определятся автоматически\n   */\n  alignX?: \"center\" | \"left\" | \"right\";\n  /**\n   * Положение по вертикали (расположение над или под `children`).\n   * Если не задано, позиция по вертикали определятся автоматически\n   */\n  alignY?: \"top\" | \"bottom\";\n  /**\n   * Сдвиг по горизонтали (относительно портала, в котором рисуется тултип).\n   */\n  offsetX?: number;\n  /**\n   * Сдвиг по вертикали (относительно портала, в котором рисуется тултип).\n   */\n  offsetY?: number;\n  /**\n   * Отображать ли стрелку, указывающую на якорный элемент\n   */\n  arrow?: boolean;\n  /**\n   * Сдвиг стрелочки относительно центра дочернего элемента.\n   */\n  cornerOffset?: number;\n  /**\n   * Сдвиг стрелочки относительно ширины тултипа\n   */\n  cornerAbsoluteOffset?: number;\n  /**\n   * Callback, который вызывается при клике по любому месту в пределах экрана.\n   */\n  onClose?: () => void;\n  /**\n   * По умолчанию компонент выберет наилучшее расположение сам. Но его можно задать извне с помощью этого свойства\n   */\n  placement?: Placement;\n}\n\nfunction mapAlignX(x: TooltipProps[\"alignX\"]) {\n  switch (x) {\n    case \"left\":\n      return \"start\";\n    case \"right\":\n      return \"end\";\n    default:\n      return \"\";\n  }\n}\nfunction getPlacement(\n  alignX: TooltipProps[\"alignX\"],\n  alignY: TooltipProps[\"alignY\"]\n): Placement {\n  return [alignY || \"bottom\", mapAlignX(alignX || \"left\")]\n    .filter((p) => !!p)\n    .join(\"-\") as Placement;\n}\nfunction isVerticalPlacement(placement: Placement) {\n  return placement.startsWith(\"top\") || placement.startsWith(\"bottom\");\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Tooltip\n */\nexport const Tooltip = ({\n  children,\n  isShown: _isShown = true,\n  offsetX = 0,\n  offsetY = 15,\n  alignX,\n  alignY,\n  onClose,\n  cornerOffset = 0,\n  cornerAbsoluteOffset,\n  appearance,\n  arrow = true,\n  placement,\n  ...restProps\n}: TooltipProps) => {\n  const { entering } = useNavTransition();\n  const isShown = _isShown && !entering;\n  const [tooltipRef, setTooltipRef] = React.useState<HTMLElement | null>(null);\n  const [target, setTarget] = React.useState<HTMLElement>();\n\n  if (IS_DEV) {\n    const multiChildren = React.Children.count(children) > 1;\n    // Empty children is a noop\n    const primitiveChild =\n      hasReactNode(children) && typeof children !== \"object\";\n    (multiChildren || primitiveChild) &&\n      warn(\n        [\n          \"children должен быть одним React элементом, получено\",\n          multiChildren && \"несколько\",\n          primitiveChild && JSON.stringify(children),\n        ]\n          .filter(Boolean)\n          .join(\" \"),\n        \"error\"\n      );\n  }\n\n  /* eslint-disable no-restricted-properties */\n  /* eslint-disable @typescript-eslint/no-unnecessary-type-assertion*/\n  const tooltipContainer = React.useMemo(\n    () => target?.closest(`[${tooltipContainerAttr}]`) as HTMLDivElement,\n    [target]\n  );\n  const strategy = React.useMemo(\n    () => (target?.style.position === \"fixed\" ? \"fixed\" : \"absolute\"),\n    [target]\n  );\n  /* eslint-enable @typescript-eslint/no-unnecessary-type-assertion*/\n  /* eslint-enable no-restricted-properties */\n\n  if (IS_DEV && target && !tooltipContainer) {\n    throw new Error(\n      \"Use TooltipContainer for Tooltip outside Panel (see docs)\"\n    );\n  }\n\n  const modifiers = React.useMemo(() => {\n    const modifiers: Array<Modifier<string>> = [\n      {\n        name: \"offset\",\n        options: {\n          offset: [offsetX, offsetY],\n        },\n      },\n      {\n        name: \"preventOverflow\",\n      },\n      {\n        name: \"flip\",\n      },\n    ];\n\n    if (arrow) {\n      modifiers.push({\n        name: \"arrow\",\n        options: {\n          padding: 14,\n        },\n      });\n      modifiers.push({\n        name: \"arrowOffset\",\n        enabled: true,\n        phase: \"main\",\n        fn({ state }) {\n          if (!state.modifiersData.arrow) {\n            return;\n          }\n          if (isVerticalPlacement(state.placement)) {\n            if (cornerAbsoluteOffset !== undefined) {\n              state.modifiersData.arrow.x = cornerAbsoluteOffset;\n            } else {\n              if (state.modifiersData.arrow?.x !== undefined) {\n                state.modifiersData.arrow.x += cornerOffset;\n              }\n            }\n          } else {\n            if (cornerAbsoluteOffset !== undefined) {\n              state.modifiersData.arrow.y = cornerAbsoluteOffset;\n            } else {\n              if (state.modifiersData.arrow?.y !== undefined) {\n                state.modifiersData.arrow.y += cornerOffset;\n              }\n            }\n          }\n        },\n      });\n    }\n\n    return modifiers;\n  }, [arrow, cornerAbsoluteOffset, cornerOffset, offsetX, offsetY]);\n\n  const _placement = placement ?? getPlacement(alignX, alignY);\n  const { styles, attributes } = usePopper(target, tooltipRef, {\n    strategy,\n    placement: _placement,\n    modifiers,\n  });\n\n  const { document } = useDOM();\n  useGlobalEventListener(document, \"click\", isShown && onClose, {\n    passive: true,\n  });\n  // NOTE: setting isShown to true used to trigger usePopper().forceUpdate()\n\n  const childRef =\n    React.isValidElement(children) &&\n    (isDOMTypeElement(children) ? children.ref : children.props.getRootRef);\n  const patchedRef = useExternRef(setTarget, childRef);\n  const child = React.isValidElement(children)\n    ? React.cloneElement(children, {\n        [isDOMTypeElement(children) ? \"ref\" : \"getRootRef\"]: patchedRef,\n      })\n    : children;\n\n  return (\n    <React.Fragment>\n      {child}\n      {isShown &&\n        target != null &&\n        ReactDOM.createPortal(\n          <SimpleTooltip\n            {...restProps}\n            appearance={appearance}\n            arrow={arrow}\n            ref={(el) => setTooltipRef(el)}\n            style={{ arrow: styles.arrow, container: styles.popper }}\n            attributes={{\n              arrow: attributes.arrow ?? null,\n              container: attributes.popper ?? null,\n            }}\n          />,\n          tooltipContainer\n        )}\n    </React.Fragment>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AAgBA,IAAMA,gBAAgB,GAAG,SAAnBA,gBAAmB,CACvBC,OADuB,EAEmB;EAC1C,OAAO,aAAAC,KAAK,CAACC,cAAN,CAAqBF,OAArB,KAAiC,OAAOA,OAAO,CAACG,IAAf,KAAwB,QAAhE;AACD,CAJD;;AAMA,IAAMC,IAAI,GAAG,IAAAC,kBAAA,EAAS,SAAT,CAAb;AACA,IAAMC,MAAM,GAAGC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAxC;AAEA,IAAMC,aAAa,gBAAGT,KAAK,CAACU,UAAN,CACpB,SAASD,aAAT,OAEEE,GAFF,EAGE;EAAA,2BAFEC,UAEF;EAAA,IAFEA,UAEF,gCAFe,QAEf;EAAA,IAFyBC,MAEzB,QAFyBA,MAEzB;EAAA,IAFiCC,IAEjC,QAFiCA,IAEjC;EAAA,IAFuCC,KAEvC,QAFuCA,KAEvC;EAAA,sBAF8CC,KAE9C;EAAA,IAF8CA,KAE9C,2BAFsD,EAEtD;EAAA,IAF0DC,UAE1D,QAF0DA,UAE1D;EACA,OACE;IACE,SAAS,EAAE,IAAAC,sBAAA,EAAW,SAAX,gCAA6CN,UAA7C;EADb,GAGE;IACE,SAAS,EAAC,oBADZ;IAEE,GAAG,EAAED,GAFP;IAGE,KAAK,EAAEK,KAAK,CAACG;EAHf,GAIMF,UAJN,aAIMA,UAJN,uBAIMA,UAAU,CAAEE,SAJlB,GAMGJ,KAAK,IACJ,qCAAC,wBAAD;IACE,KAAK,EAAEC,KAAK,CAACD,KADf;IAEE,UAAU,EAAEE,UAAF,aAAEA,UAAF,uBAAEA,UAAU,CAAEF,KAF1B;IAGE,cAAc,EAAE,IAAAK,wBAAA,EAAY,gBAAZ;EAHlB,EAPJ,EAaE;IAAK,SAAS,EAAC;EAAf,GACGP,MAAM,IACL,qCAAC,gBAAD;IAAS,MAAM,EAAC,GAAhB;IAAoB,SAAS,EAAC;EAA9B,GACGA,MADH,CAFJ,EAMGC,IAAI,IAAI,qCAAC,gBAAD;IAAS,SAAS,EAAC;EAAnB,GAAoCA,IAApC,CANX,CAbF,CAHF,CADF;AA4BD,CAjCmB,CAAtB;;AAmGA,SAASO,SAAT,CAAmBC,CAAnB,EAA8C;EAC5C,QAAQA,CAAR;IACE,KAAK,MAAL;MACE,OAAO,OAAP;;IACF,KAAK,OAAL;MACE,OAAO,KAAP;;IACF;MACE,OAAO,EAAP;EANJ;AAQD;;AACD,SAASC,YAAT,CACEC,MADF,EAEEC,MAFF,EAGa;EACX,OAAO,CAACA,MAAM,IAAI,QAAX,EAAqBJ,SAAS,CAACG,MAAM,IAAI,MAAX,CAA9B,EACJE,MADI,CACG,UAACC,CAAD;IAAA,OAAO,CAAC,CAACA,CAAT;EAAA,CADH,EAEJC,IAFI,CAEC,GAFD,CAAP;AAGD;;AACD,SAASC,mBAAT,CAA6BC,SAA7B,EAAmD;EACjD,OAAOA,SAAS,CAACC,UAAV,CAAqB,KAArB,KAA+BD,SAAS,CAACC,UAAV,CAAqB,QAArB,CAAtC;AACD;AAED;AACA;AACA;;;AACO,IAAMC,OAAO,GAAG,SAAVA,OAAU,QAcH;EAAA;;EAAA,IAblBC,QAakB,SAblBA,QAakB;EAAA,0BAZlBC,OAYkB;EAAA,IAZTC,QAYS,8BAZE,IAYF;EAAA,0BAXlBC,OAWkB;EAAA,IAXlBA,OAWkB,8BAXR,CAWQ;EAAA,0BAVlBC,OAUkB;EAAA,IAVlBA,OAUkB,8BAVR,EAUQ;EAAA,IATlBb,MASkB,SATlBA,MASkB;EAAA,IARlBC,MAQkB,SARlBA,MAQkB;EAAA,IAPlBa,OAOkB,SAPlBA,OAOkB;EAAA,+BANlBC,YAMkB;EAAA,IANlBA,YAMkB,mCANH,CAMG;EAAA,IALlBC,oBAKkB,SALlBA,oBAKkB;EAAA,IAJlB5B,UAIkB,SAJlBA,UAIkB;EAAA,wBAHlBG,KAGkB;EAAA,IAHlBA,KAGkB,4BAHV,IAGU;EAAA,IAFlBe,SAEkB,SAFlBA,SAEkB;EAAA,IADfW,SACe;;EAClB,wBAAqB,IAAAC,sCAAA,GAArB;EAAA,IAAQC,QAAR,qBAAQA,QAAR;;EACA,IAAMT,OAAO,GAAGC,QAAQ,IAAI,CAACQ,QAA7B;;EACA,sBAAoC3C,KAAK,CAAC4C,QAAN,CAAmC,IAAnC,CAApC;EAAA;EAAA,IAAOC,UAAP;EAAA,IAAmBC,aAAnB;;EACA,uBAA4B9C,KAAK,CAAC4C,QAAN,EAA5B;EAAA;EAAA,IAAOG,MAAP;EAAA,IAAeC,SAAf;;EAEA,IAAI3C,MAAJ,EAAY;IACV,IAAM4C,aAAa,GAAGjD,KAAK,CAACkD,QAAN,CAAeC,KAAf,CAAqBlB,QAArB,IAAiC,CAAvD,CADU,CAEV;;IACA,IAAMmB,cAAc,GAClB,IAAAC,mBAAA,EAAapB,QAAb,KAA0B,sBAAOA,QAAP,MAAoB,QADhD;IAEA,CAACgB,aAAa,IAAIG,cAAlB,KACEjD,IAAI,CACF,CACE,sDADF,EAEE8C,aAAa,IAAI,WAFnB,EAGEG,cAAc,IAAIE,IAAI,CAACC,SAAL,CAAetB,QAAf,CAHpB,EAKGP,MALH,CAKU8B,OALV,EAMG5B,IANH,CAMQ,GANR,CADE,EAQF,OARE,CADN;EAWD;EAED;;EACA;;;EACA,IAAM6B,gBAAgB,GAAGzD,KAAK,CAAC0D,OAAN,CACvB;IAAA,OAAMX,MAAN,aAAMA,MAAN,uBAAMA,MAAM,CAAEY,OAAR,YAAoBC,sCAApB,OAAN;EAAA,CADuB,EAEvB,CAACb,MAAD,CAFuB,CAAzB;EAIA,IAAMc,QAAQ,GAAG7D,KAAK,CAAC0D,OAAN,CACf;IAAA,OAAO,CAAAX,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM,CAAE/B,KAAR,CAAc8C,QAAd,MAA2B,OAA3B,GAAqC,OAArC,GAA+C,UAAtD;EAAA,CADe,EAEf,CAACf,MAAD,CAFe,CAAjB;EAIA;;EACA;;EAEA,IAAI1C,MAAM,IAAI0C,MAAV,IAAoB,CAACU,gBAAzB,EAA2C;IACzC,MAAM,IAAIM,KAAJ,CACJ,2DADI,CAAN;EAGD;;EAED,IAAMC,SAAS,GAAGhE,KAAK,CAAC0D,OAAN,CAAc,YAAM;IACpC,IAAMM,SAAkC,GAAG,CACzC;MACEC,IAAI,EAAE,QADR;MAEEC,OAAO,EAAE;QACPC,MAAM,EAAE,CAAC/B,OAAD,EAAUC,OAAV;MADD;IAFX,CADyC,EAOzC;MACE4B,IAAI,EAAE;IADR,CAPyC,EAUzC;MACEA,IAAI,EAAE;IADR,CAVyC,CAA3C;;IAeA,IAAIlD,KAAJ,EAAW;MACTiD,SAAS,CAACI,IAAV,CAAe;QACbH,IAAI,EAAE,OADO;QAEbC,OAAO,EAAE;UACPG,OAAO,EAAE;QADF;MAFI,CAAf;MAMAL,SAAS,CAACI,IAAV,CAAe;QACbH,IAAI,EAAE,aADO;QAEbK,OAAO,EAAE,IAFI;QAGbC,KAAK,EAAE,MAHM;QAIbC,EAJa,qBAIC;UAAA,IAATC,KAAS,SAATA,KAAS;;UACZ,IAAI,CAACA,KAAK,CAACC,aAAN,CAAoB3D,KAAzB,EAAgC;YAC9B;UACD;;UACD,IAAIc,mBAAmB,CAAC4C,KAAK,CAAC3C,SAAP,CAAvB,EAA0C;YACxC,IAAIU,oBAAoB,KAAKmC,SAA7B,EAAwC;cACtCF,KAAK,CAACC,aAAN,CAAoB3D,KAApB,CAA0BO,CAA1B,GAA8BkB,oBAA9B;YACD,CAFD,MAEO;cAAA;;cACL,IAAI,0BAAAiC,KAAK,CAACC,aAAN,CAAoB3D,KAApB,gFAA2BO,CAA3B,MAAiCqD,SAArC,EAAgD;gBAC9CF,KAAK,CAACC,aAAN,CAAoB3D,KAApB,CAA0BO,CAA1B,IAA+BiB,YAA/B;cACD;YACF;UACF,CARD,MAQO;YACL,IAAIC,oBAAoB,KAAKmC,SAA7B,EAAwC;cACtCF,KAAK,CAACC,aAAN,CAAoB3D,KAApB,CAA0B6D,CAA1B,GAA8BpC,oBAA9B;YACD,CAFD,MAEO;cAAA;;cACL,IAAI,2BAAAiC,KAAK,CAACC,aAAN,CAAoB3D,KAApB,kFAA2B6D,CAA3B,MAAiCD,SAArC,EAAgD;gBAC9CF,KAAK,CAACC,aAAN,CAAoB3D,KAApB,CAA0B6D,CAA1B,IAA+BrC,YAA/B;cACD;YACF;UACF;QACF;MAzBY,CAAf;IA2BD;;IAED,OAAOyB,SAAP;EACD,CArDiB,EAqDf,CAACjD,KAAD,EAAQyB,oBAAR,EAA8BD,YAA9B,EAA4CH,OAA5C,EAAqDC,OAArD,CArDe,CAAlB;;EAuDA,IAAMwC,UAAU,GAAG/C,SAAH,aAAGA,SAAH,cAAGA,SAAH,GAAgBP,YAAY,CAACC,MAAD,EAASC,MAAT,CAA5C;;EACA,iBAA+B,IAAAqD,sBAAA,EAAU/B,MAAV,EAAkBF,UAAlB,EAA8B;IAC3DgB,QAAQ,EAARA,QAD2D;IAE3D/B,SAAS,EAAE+C,UAFgD;IAG3Db,SAAS,EAATA;EAH2D,CAA9B,CAA/B;EAAA,IAAQe,MAAR,cAAQA,MAAR;EAAA,IAAgB9D,UAAhB,cAAgBA,UAAhB;;EAMA,cAAqB,IAAA+D,WAAA,GAArB;EAAA,IAAQC,QAAR,WAAQA,QAAR;;EACA,IAAAC,8CAAA,EAAuBD,QAAvB,EAAiC,OAAjC,EAA0C/C,OAAO,IAAII,OAArD,EAA8D;IAC5D6C,OAAO,EAAE;EADmD,CAA9D,EA1GkB,CA6GlB;;EAEA,IAAMC,QAAQ,GACZ,aAAApF,KAAK,CAACC,cAAN,CAAqBgC,QAArB,MACCnC,gBAAgB,CAACmC,QAAD,CAAhB,GAA6BA,QAAQ,CAACtB,GAAtC,GAA4CsB,QAAQ,CAACoD,KAAT,CAAeC,UAD5D,CADF;EAGA,IAAMC,UAAU,GAAG,IAAAC,0BAAA,EAAaxC,SAAb,EAAwBoC,QAAxB,CAAnB;EACA,IAAMK,KAAK,GAAG,aAAAzF,KAAK,CAACC,cAAN,CAAqBgC,QAArB,iBACVjC,KAAK,CAAC0F,YAAN,CAAmBzD,QAAnB,oCACGnC,gBAAgB,CAACmC,QAAD,CAAhB,GAA6B,KAA7B,GAAqC,YADxC,EACuDsD,UADvD,EADU,GAIVtD,QAJJ;EAMA,OACE,qCAAC,KAAD,CAAO,QAAP,QACGwD,KADH,EAEGvD,OAAO,IACNa,MAAM,IAAI,IADX,iBAEC4C,iBAAA,CAASC,YAAT,CACE,qCAAC,aAAD,6BACMnD,SADN;IAEE,UAAU,EAAE7B,UAFd;IAGE,KAAK,EAAEG,KAHT;IAIE,GAAG,EAAE,aAAC8E,EAAD;MAAA,OAAQ/C,aAAa,CAAC+C,EAAD,CAArB;IAAA,CAJP;IAKE,KAAK,EAAE;MAAE9E,KAAK,EAAEgE,MAAM,CAAChE,KAAhB;MAAuBI,SAAS,EAAE4D,MAAM,CAACe;IAAzC,CALT;IAME,UAAU,EAAE;MACV/E,KAAK,uBAAEE,UAAU,CAACF,KAAb,iEAAsB,IADjB;MAEVI,SAAS,wBAAEF,UAAU,CAAC6E,MAAb,mEAAuB;IAFtB;EANd,GADF,EAYErC,gBAZF,CAJJ,CADF;AAqBD,CA5JM"}

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

@@ -140,13 +140,16 @@ var Touch = function Touch(_ref) {
         var willBeY = shiftYAbs >= slideThreshold && shiftYAbs > shiftXAbs;
         var willBeSlidedX = willBeX && (!!onMoveX || !!_onMove);
         var willBeSlidedY = willBeY && (!!onMoveY || !!_onMove);
-        Object.assign(gesture.current, {
-          isY: willBeY,
-          isX: willBeX,
-          isSlideX: willBeSlidedX,
-          isSlideY: willBeSlidedY,
-          isSlide: willBeSlidedX || willBeSlidedY
-        });
+
+        if (gesture.current) {
+          Object.assign(gesture.current, {
+            isY: willBeY,
+            isX: willBeX,
+            isSlideX: willBeSlidedX,
+            isSlideY: willBeSlidedY,
+            isSlide: willBeSlidedX || willBeSlidedY
+          });
+        }
       }
 
       if ((_gesture$current3 = gesture.current) !== null && _gesture$current3 !== void 0 && _gesture$current3.isSlide) {

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

@@ -1 +1 @@
-{"version":3,"file":"Touch.js","names":["Touch","onStart","onStartX","onStartY","_onMove","onMove","onMoveX","onMoveY","onLeave","onEnter","_onEnd","onEnd","onEndX","onEndY","onClickCapture","usePointerHover","slideThreshold","useCapture","Component","getRootRef","noSlideClick","stopPropagation","restProps","useDOM","document","events","React","useMemo","getSupportedEvents","didSlide","useRef","gesture","handle","e","handlers","forEach","cb","duration","Date","now","current","startT","getTime","originalEvent","enterHandler","useEventListener","leaveHandler","startHandler","initGesture","coordX","coordY","subscribe","touchEnabled","target","capture","passive","containerRef","useExternRef","useIsomorphicLayoutEffect","el","add","isPressed","isX","isY","startX","startY","shiftX","shiftY","shiftXAbs","Math","abs","shiftYAbs","touches","length","willBeX","willBeY","willBeSlidedX","willBeSlidedY","Object","assign","isSlideX","isSlideY","isSlide","Boolean","unsubscribe","listenerParams","listeners","l","remove","onDragStart","tagName","preventDefault","postGestureClick","closest"],"sources":["../../../../src/components/Touch/Touch.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  getSupportedEvents,\n  coordX,\n  coordY,\n  touchEnabled,\n  VKUITouchEvent,\n} 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\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent {\n  /**\n   * Привязать onEnter и onLeave через pointer-events - работает на disabled-инпутах\n   */\n  usePointerHover?: boolean;\n  useCapture?: boolean;\n  slideThreshold?: number;\n  noSlideClick?: boolean;\n  onEnter?: HoverHandler;\n  onLeave?: HoverHandler;\n  onStart?: TouchEventHandler;\n  onStartX?: TouchEventHandler;\n  onStartY?: TouchEventHandler;\n  onMove?: TouchEventHandler;\n  onMoveX?: TouchEventHandler;\n  onMoveY?: TouchEventHandler;\n  onEnd?: TouchEventHandler;\n  onEndX?: TouchEventHandler;\n  onEndY?: TouchEventHandler;\n  stopPropagation?: boolean;\n}\n\nexport interface Gesture {\n  startX: number;\n  startY: number;\n  startT: Date;\n  duration: number;\n  isPressed: boolean;\n  isY: boolean;\n  isX: boolean;\n  isSlideX: boolean;\n  isSlideY: boolean;\n  isSlide: boolean;\n  shiftX: number;\n  shiftY: number;\n  shiftXAbs: number;\n  shiftYAbs: number;\n}\n\nexport interface TouchEvent extends Gesture {\n  originalEvent: VKUITouchEvent;\n}\n\ntype HoverHandler = (outputEvent: MouseEvent) => void;\nexport type TouchEventHandler = (e: TouchEvent) => void;\nexport type ClickHandler = (e: React.MouseEvent<HTMLElement>) => void;\nexport type DragHandler = (e: React.DragEvent<HTMLElement>) => void;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Touch\n */\nexport const Touch = ({\n  onStart,\n  onStartX,\n  onStartY,\n  onMove: _onMove,\n  onMoveX,\n  onMoveY,\n  onLeave,\n  onEnter,\n  onEnd: _onEnd,\n  onEndX,\n  onEndY,\n  onClickCapture,\n  usePointerHover,\n  slideThreshold = 5,\n  useCapture = false,\n  Component = \"div\",\n  getRootRef,\n  noSlideClick = false,\n  stopPropagation = false,\n  ...restProps\n}: TouchProps) => {\n  const { document } = useDOM();\n  const events = React.useMemo(getSupportedEvents, []);\n  const didSlide = React.useRef(false);\n  const gesture = React.useRef<Partial<Gesture> | null>(null);\n  const handle = (\n    e: VKUITouchEvent,\n    handlers: Array<TouchEventHandler | undefined | false>\n  ) => {\n    stopPropagation && e.stopPropagation();\n    handlers.forEach((cb) => {\n      const duration = Date.now() - (gesture.current?.startT?.getTime() ?? 0);\n      cb && cb({ ...(gesture.current as Gesture), duration, originalEvent: e });\n    });\n  };\n\n  const enterHandler = useEventListener(\n    usePointerHover ? \"pointerenter\" : \"mouseenter\",\n    onEnter\n  );\n  const leaveHandler = useEventListener(\n    usePointerHover ? \"pointerleave\" : \"mouseleave\",\n    onLeave\n  );\n  const startHandler = useEventListener(\n    events[0],\n    (e: VKUITouchEvent) => {\n      gesture.current = initGesture(coordX(e), coordY(e));\n\n      handle(e, [onStart, onStartX, onStartY]);\n      // 1 line, 2 bad specs, 2 workarounds:\n      subscribe(\n        touchEnabled()\n          ? // Touch events fire on initial target, and won't bubble if its removed\n            // see: #235, #1968, https://stackoverflow.com/a/45760014\n            (e.target as HTMLElement)\n          : // Mouse events fire on the element under pointer, so we lose move / end\n            // if pointer goes outside container.\n            // Can be fixed by PointerEvents' setPointerCapture later\n            document\n      );\n    },\n    { capture: useCapture, passive: false }\n  );\n  const containerRef = useExternRef(getRootRef);\n\n  useIsomorphicLayoutEffect(() => {\n    const el = containerRef.current;\n    if (el) {\n      enterHandler.add(el);\n      leaveHandler.add(el);\n      startHandler.add(el);\n    }\n  }, [Component]);\n\n  function onMove(e: VKUITouchEvent) {\n    const {\n      isPressed,\n      isX,\n      isY,\n      startX = 0,\n      startY = 0,\n    } = 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, [\n          _onMove,\n          gesture.current.isSlideX && onMoveX,\n          gesture.current.isSlideY && onMoveY,\n        ]);\n      }\n    }\n  }\n\n  function onEnd(e: VKUITouchEvent) {\n    const { isPressed, isSlide, isSlideX, isSlideY } = gesture.current ?? {};\n\n    if (isPressed) {\n      handle(e, [_onEnd, isSlideY && onEndY, isSlideX && onEndX]);\n    }\n\n    didSlide.current = Boolean(isSlide);\n    gesture.current = {};\n\n    // Если это был тач-евент, симулируем отмену hover\n    if (touchEnabled()) {\n      onLeave && onLeave(e);\n    }\n    unsubscribe();\n  }\n\n  const listenerParams = { capture: useCapture, passive: false };\n  const listeners = [\n    useEventListener(events[1], onMove, listenerParams),\n    useEventListener(events[2], onEnd, listenerParams),\n    useEventListener(events[3], onEnd, listenerParams),\n  ];\n  function subscribe(el: HTMLElement | Document | null | undefined) {\n    if (el) {\n      listeners.forEach((l) => l.add(el));\n    }\n  }\n  function unsubscribe() {\n    listeners.forEach((l) => l.remove());\n  }\n\n  /**\n   * Обработчик событий dragstart\n   * Отменяет нативное браузерное поведение для вложенных ссылок и изображений\n   */\n  const onDragStart = (e: React.DragEvent<HTMLElement>) => {\n    const target = e.target as HTMLElement;\n    if (target.tagName === \"A\" || target.tagName === \"IMG\") {\n      e.preventDefault();\n    }\n  };\n\n  /**\n   * Обработчик клика по компоненту\n   * Отменяет переход по вложенной ссылке, если был зафиксирован свайп\n   */\n  const postGestureClick: typeof onClickCapture = (e) => {\n    if (!didSlide.current) {\n      return onClickCapture && onClickCapture(e);\n    }\n    // 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"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAQA;;AACA;;AACA;;AACA;;;;AAqDA;AACA;AACA;AACO,IAAMA,KAAK,GAAG,SAARA,KAAQ,OAqBH;EAAA,IApBhBC,OAoBgB,QApBhBA,OAoBgB;EAAA,IAnBhBC,QAmBgB,QAnBhBA,QAmBgB;EAAA,IAlBhBC,QAkBgB,QAlBhBA,QAkBgB;EAAA,IAjBRC,OAiBQ,QAjBhBC,MAiBgB;EAAA,IAhBhBC,OAgBgB,QAhBhBA,OAgBgB;EAAA,IAfhBC,OAegB,QAfhBA,OAegB;EAAA,IAdhBC,OAcgB,QAdhBA,OAcgB;EAAA,IAbhBC,OAagB,QAbhBA,OAagB;EAAA,IAZTC,MAYS,QAZhBC,KAYgB;EAAA,IAXhBC,MAWgB,QAXhBA,MAWgB;EAAA,IAVhBC,MAUgB,QAVhBA,MAUgB;EAAA,IAThBC,cASgB,QAThBA,cASgB;EAAA,IARhBC,eAQgB,QARhBA,eAQgB;EAAA,+BAPhBC,cAOgB;EAAA,IAPhBA,cAOgB,oCAPC,CAOD;EAAA,2BANhBC,UAMgB;EAAA,IANhBA,UAMgB,gCANH,KAMG;EAAA,0BALhBC,SAKgB;EAAA,IALhBA,SAKgB,+BALJ,KAKI;EAAA,IAJhBC,UAIgB,QAJhBA,UAIgB;EAAA,6BAHhBC,YAGgB;EAAA,IAHhBA,YAGgB,kCAHD,KAGC;EAAA,gCAFhBC,eAEgB;EAAA,IAFhBA,eAEgB,qCAFE,KAEF;EAAA,IADbC,SACa;;EAChB,cAAqB,IAAAC,WAAA,GAArB;EAAA,IAAQC,QAAR,WAAQA,QAAR;;EACA,IAAMC,MAAM,GAAGC,KAAK,CAACC,OAAN,CAAcC,yBAAd,EAAkC,EAAlC,CAAf;EACA,IAAMC,QAAQ,GAAGH,KAAK,CAACI,MAAN,CAAa,KAAb,CAAjB;EACA,IAAMC,OAAO,GAAGL,KAAK,CAACI,MAAN,CAAsC,IAAtC,CAAhB;;EACA,IAAME,MAAM,GAAG,SAATA,MAAS,CACbC,CADa,EAEbC,QAFa,EAGV;IACHb,eAAe,IAAIY,CAAC,CAACZ,eAAF,EAAnB;IACAa,QAAQ,CAACC,OAAT,CAAiB,UAACC,EAAD,EAAQ;MAAA;;MACvB,IAAMC,QAAQ,GAAGC,IAAI,CAACC,GAAL,mDAAcR,OAAO,CAACS,OAAtB,+EAAc,iBAAiBC,MAA/B,2DAAc,uBAAyBC,OAAzB,EAAd,yEAAoD,CAApD,CAAjB;MACAN,EAAE,IAAIA,EAAE,6DAAOL,OAAO,CAACS,OAAf;QAAoCH,QAAQ,EAARA,QAApC;QAA8CM,aAAa,EAAEV;MAA7D,GAAR;IACD,CAHD;EAID,CATD;;EAWA,IAAMW,YAAY,GAAG,IAAAC,kCAAA,EACnB9B,eAAe,GAAG,cAAH,GAAoB,YADhB,EAEnBN,OAFmB,CAArB;EAIA,IAAMqC,YAAY,GAAG,IAAAD,kCAAA,EACnB9B,eAAe,GAAG,cAAH,GAAoB,YADhB,EAEnBP,OAFmB,CAArB;EAIA,IAAMuC,YAAY,GAAG,IAAAF,kCAAA,EACnBpB,MAAM,CAAC,CAAD,CADa,EAEnB,UAACQ,CAAD,EAAuB;IACrBF,OAAO,CAACS,OAAR,GAAkBQ,WAAW,CAAC,IAAAC,aAAA,EAAOhB,CAAP,CAAD,EAAY,IAAAiB,aAAA,EAAOjB,CAAP,CAAZ,CAA7B;IAEAD,MAAM,CAACC,CAAD,EAAI,CAAChC,OAAD,EAAUC,QAAV,EAAoBC,QAApB,CAAJ,CAAN,CAHqB,CAIrB;;IACAgD,SAAS,CACP,IAAAC,mBAAA,MACI;IACA;IACCnB,CAAC,CAACoB,MAHP,GAII;IACA;IACA;IACA7B,QARG,CAAT;EAUD,CAjBkB,EAkBnB;IAAE8B,OAAO,EAAErC,UAAX;IAAuBsC,OAAO,EAAE;EAAhC,CAlBmB,CAArB;EAoBA,IAAMC,YAAY,GAAG,IAAAC,0BAAA,EAAatC,UAAb,CAArB;EAEA,IAAAuC,oDAAA,EAA0B,YAAM;IAC9B,IAAMC,EAAE,GAAGH,YAAY,CAAChB,OAAxB;;IACA,IAAImB,EAAJ,EAAQ;MACNf,YAAY,CAACgB,GAAb,CAAiBD,EAAjB;MACAb,YAAY,CAACc,GAAb,CAAiBD,EAAjB;MACAZ,YAAY,CAACa,GAAb,CAAiBD,EAAjB;IACD;EACF,CAPD,EAOG,CAACzC,SAAD,CAPH;;EASA,SAASb,MAAT,CAAgB4B,CAAhB,EAAmC;IAAA;;IACjC,iCAMIF,OAAO,CAACS,OANZ,iEAMuB,EANvB;IAAA,IACEqB,SADF,SACEA,SADF;IAAA,IAEEC,GAFF,SAEEA,GAFF;IAAA,IAGEC,GAHF,SAGEA,GAHF;IAAA,yBAIEC,MAJF;IAAA,IAIEA,MAJF,6BAIW,CAJX;IAAA,yBAKEC,MALF;IAAA,IAKEA,MALF,6BAKW,CALX;;IAQA,IAAIJ,SAAJ,EAAe;MAAA;;MACb;MACA,IAAMK,MAAM,GAAG,IAAAjB,aAAA,EAAOhB,CAAP,IAAY+B,MAA3B;MACA,IAAMG,MAAM,GAAG,IAAAjB,aAAA,EAAOjB,CAAP,IAAYgC,MAA3B,CAHa,CAKb;;MACA,IAAMG,SAAS,GAAGC,IAAI,CAACC,GAAL,CAASJ,MAAT,CAAlB;MACA,IAAMK,SAAS,GAAGF,IAAI,CAACC,GAAL,CAASH,MAAT,CAAlB,CAPa,CASb;;MACA,IAAI,CAAC,CAAClC,CAAC,CAACuC,OAAJ,IAAevC,CAAC,CAACuC,OAAF,CAAUC,MAAV,GAAmB,CAAtC,EAAyC;QACvC,OAAO9D,KAAK,CAACsB,CAAD,CAAZ;MACD,CAZY,CAcb;;;MACA,IAAI,CAAC6B,GAAD,IAAQ,CAACC,GAAb,EAAkB;QAChB,IAAMW,OAAO,GAAGN,SAAS,IAAIpD,cAAb,IAA+BoD,SAAS,GAAGG,SAA3D;QACA,IAAMI,OAAO,GAAGJ,SAAS,IAAIvD,cAAb,IAA+BuD,SAAS,GAAGH,SAA3D;QACA,IAAMQ,aAAa,GAAGF,OAAO,KAAK,CAAC,CAACpE,OAAF,IAAa,CAAC,CAACF,OAApB,CAA7B;QACA,IAAMyE,aAAa,GAAGF,OAAO,KAAK,CAAC,CAACpE,OAAF,IAAa,CAAC,CAACH,OAApB,CAA7B;QAEA0E,MAAM,CAACC,MAAP,CAAchD,OAAO,CAACS,OAAtB,EAA+B;UAC7BuB,GAAG,EAAEY,OADwB;UAE7Bb,GAAG,EAAEY,OAFwB;UAG7BM,QAAQ,EAAEJ,aAHmB;UAI7BK,QAAQ,EAAEJ,aAJmB;UAK7BK,OAAO,EAAEN,aAAa,IAAIC;QALG,CAA/B;MAOD;;MAED,yBAAI9C,OAAO,CAACS,OAAZ,8CAAI,kBAAiB0C,OAArB,EAA8B;QAC5BJ,MAAM,CAACC,MAAP,CAAchD,OAAO,CAACS,OAAtB,EAA+B;UAC7B0B,MAAM,EAANA,MAD6B;UAE7BC,MAAM,EAANA,MAF6B;UAG7BC,SAAS,EAATA,SAH6B;UAI7BG,SAAS,EAATA;QAJ6B,CAA/B;QAOAvC,MAAM,CAACC,CAAD,EAAI,CACR7B,OADQ,EAER2B,OAAO,CAACS,OAAR,CAAgBwC,QAAhB,IAA4B1E,OAFpB,EAGRyB,OAAO,CAACS,OAAR,CAAgByC,QAAhB,IAA4B1E,OAHpB,CAAJ,CAAN;MAKD;IACF;EACF;;EAED,SAASI,KAAT,CAAesB,CAAf,EAAkC;IAAA;;IAChC,iCAAmDF,OAAO,CAACS,OAA3D,iEAAsE,EAAtE;IAAA,IAAQqB,SAAR,SAAQA,SAAR;IAAA,IAAmBqB,OAAnB,SAAmBA,OAAnB;IAAA,IAA4BF,QAA5B,SAA4BA,QAA5B;IAAA,IAAsCC,QAAtC,SAAsCA,QAAtC;;IAEA,IAAIpB,SAAJ,EAAe;MACb7B,MAAM,CAACC,CAAD,EAAI,CAACvB,MAAD,EAASuE,QAAQ,IAAIpE,MAArB,EAA6BmE,QAAQ,IAAIpE,MAAzC,CAAJ,CAAN;IACD;;IAEDiB,QAAQ,CAACW,OAAT,GAAmB2C,OAAO,CAACD,OAAD,CAA1B;IACAnD,OAAO,CAACS,OAAR,GAAkB,EAAlB,CARgC,CAUhC;;IACA,IAAI,IAAAY,mBAAA,GAAJ,EAAoB;MAClB5C,OAAO,IAAIA,OAAO,CAACyB,CAAD,CAAlB;IACD;;IACDmD,WAAW;EACZ;;EAED,IAAMC,cAAc,GAAG;IAAE/B,OAAO,EAAErC,UAAX;IAAuBsC,OAAO,EAAE;EAAhC,CAAvB;EACA,IAAM+B,SAAS,GAAG,CAChB,IAAAzC,kCAAA,EAAiBpB,MAAM,CAAC,CAAD,CAAvB,EAA4BpB,MAA5B,EAAoCgF,cAApC,CADgB,EAEhB,IAAAxC,kCAAA,EAAiBpB,MAAM,CAAC,CAAD,CAAvB,EAA4Bd,KAA5B,EAAmC0E,cAAnC,CAFgB,EAGhB,IAAAxC,kCAAA,EAAiBpB,MAAM,CAAC,CAAD,CAAvB,EAA4Bd,KAA5B,EAAmC0E,cAAnC,CAHgB,CAAlB;;EAKA,SAASlC,SAAT,CAAmBQ,EAAnB,EAAkE;IAChE,IAAIA,EAAJ,EAAQ;MACN2B,SAAS,CAACnD,OAAV,CAAkB,UAACoD,CAAD;QAAA,OAAOA,CAAC,CAAC3B,GAAF,CAAMD,EAAN,CAAP;MAAA,CAAlB;IACD;EACF;;EACD,SAASyB,WAAT,GAAuB;IACrBE,SAAS,CAACnD,OAAV,CAAkB,UAACoD,CAAD;MAAA,OAAOA,CAAC,CAACC,MAAF,EAAP;IAAA,CAAlB;EACD;EAED;AACF;AACA;AACA;;;EACE,IAAMC,WAAW,GAAG,SAAdA,WAAc,CAACxD,CAAD,EAAqC;IACvD,IAAMoB,MAAM,GAAGpB,CAAC,CAACoB,MAAjB;;IACA,IAAIA,MAAM,CAACqC,OAAP,KAAmB,GAAnB,IAA0BrC,MAAM,CAACqC,OAAP,KAAmB,KAAjD,EAAwD;MACtDzD,CAAC,CAAC0D,cAAF;IACD;EACF,CALD;EAOA;AACF;AACA;AACA;;;EACE,IAAMC,gBAAuC,GAAG,SAA1CA,gBAA0C,CAAC3D,CAAD,EAAO;IACrD,IAAI,CAACJ,QAAQ,CAACW,OAAd,EAAuB;MACrB,OAAO1B,cAAc,IAAIA,cAAc,CAACmB,CAAD,CAAvC;IACD,CAHoD,CAIrD;;;IACA,IAAKA,CAAC,CAACoB,MAAH,CAA0BwC,OAA1B,CAAkC,GAAlC,CAAJ,EAA4C;MAC1C5D,CAAC,CAAC0D,cAAF;IACD;;IACD,IAAIvE,YAAJ,EAAkB;MAChBa,CAAC,CAACZ,eAAF;IACD,CAFD,MAEO;MACLP,cAAc,IAAIA,cAAc,CAACmB,CAAD,CAAhC;IACD;;IACDJ,QAAQ,CAACW,OAAT,GAAmB,KAAnB;EACD,CAdD;;EAgBA,OACE,qCAAC,SAAD,6BACMlB,SADN;IAEE,WAAW,EAAEmE,WAFf;IAGE,cAAc,EAAEG,gBAHlB;IAIE,GAAG,EAAEpC;EAJP,GADF;AAQD,CA3MM;;;;AA6MP,SAASR,WAAT,CAAqBgB,MAArB,EAAqCC,MAArC,EAA8D;EAC5D,OAAO;IACLD,MAAM,EAANA,MADK;IAELC,MAAM,EAANA,MAFK;IAGLxB,MAAM,EAAE,IAAIH,IAAJ,EAHH;IAILD,QAAQ,EAAE,CAJL;IAKLwB,SAAS,EAAE,IALN;IAMLE,GAAG,EAAE,KANA;IAOLD,GAAG,EAAE,KAPA;IAQLkB,QAAQ,EAAE,KARL;IASLC,QAAQ,EAAE,KATL;IAULC,OAAO,EAAE,KAVJ;IAWLhB,MAAM,EAAE,CAXH;IAYLC,MAAM,EAAE,CAZH;IAaLC,SAAS,EAAE,CAbN;IAcLG,SAAS,EAAE;EAdN,CAAP;AAgBD"}
+{"version":3,"file":"Touch.js","names":["Touch","onStart","onStartX","onStartY","_onMove","onMove","onMoveX","onMoveY","onLeave","onEnter","_onEnd","onEnd","onEndX","onEndY","onClickCapture","usePointerHover","slideThreshold","useCapture","Component","getRootRef","noSlideClick","stopPropagation","restProps","useDOM","document","events","React","useMemo","getSupportedEvents","didSlide","useRef","gesture","handle","e","handlers","forEach","cb","duration","Date","now","current","startT","getTime","originalEvent","enterHandler","useEventListener","leaveHandler","startHandler","initGesture","coordX","coordY","subscribe","touchEnabled","target","capture","passive","containerRef","useExternRef","useIsomorphicLayoutEffect","el","add","isPressed","isX","isY","startX","startY","shiftX","shiftY","shiftXAbs","Math","abs","shiftYAbs","touches","length","willBeX","willBeY","willBeSlidedX","willBeSlidedY","Object","assign","isSlideX","isSlideY","isSlide","Boolean","unsubscribe","listenerParams","listeners","l","remove","onDragStart","tagName","preventDefault","postGestureClick","closest"],"sources":["../../../../src/components/Touch/Touch.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  getSupportedEvents,\n  coordX,\n  coordY,\n  touchEnabled,\n  VKUITouchEvent,\n} 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\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent {\n  /**\n   * Привязать onEnter и onLeave через pointer-events - работает на disabled-инпутах\n   */\n  usePointerHover?: boolean;\n  useCapture?: boolean;\n  slideThreshold?: number;\n  noSlideClick?: boolean;\n  onEnter?: HoverHandler;\n  onLeave?: HoverHandler;\n  onStart?: TouchEventHandler;\n  onStartX?: TouchEventHandler;\n  onStartY?: TouchEventHandler;\n  onMove?: TouchEventHandler;\n  onMoveX?: TouchEventHandler;\n  onMoveY?: TouchEventHandler;\n  onEnd?: TouchEventHandler;\n  onEndX?: TouchEventHandler;\n  onEndY?: TouchEventHandler;\n  stopPropagation?: boolean;\n}\n\nexport interface Gesture {\n  startX: number;\n  startY: number;\n  startT: Date;\n  duration: number;\n  isPressed: boolean;\n  isY: boolean;\n  isX: boolean;\n  isSlideX: boolean;\n  isSlideY: boolean;\n  isSlide: boolean;\n  shiftX: number;\n  shiftY: number;\n  shiftXAbs: number;\n  shiftYAbs: number;\n}\n\nexport interface TouchEvent extends Gesture {\n  originalEvent: VKUITouchEvent;\n}\n\ntype HoverHandler = (outputEvent: MouseEvent) => void;\nexport type TouchEventHandler = (e: TouchEvent) => void;\nexport type ClickHandler = (e: React.MouseEvent<HTMLElement>) => void;\nexport type DragHandler = (e: React.DragEvent<HTMLElement>) => void;\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Touch\n */\nexport const Touch = ({\n  onStart,\n  onStartX,\n  onStartY,\n  onMove: _onMove,\n  onMoveX,\n  onMoveY,\n  onLeave,\n  onEnter,\n  onEnd: _onEnd,\n  onEndX,\n  onEndY,\n  onClickCapture,\n  usePointerHover,\n  slideThreshold = 5,\n  useCapture = false,\n  Component = \"div\",\n  getRootRef,\n  noSlideClick = false,\n  stopPropagation = false,\n  ...restProps\n}: TouchProps) => {\n  const { document } = useDOM();\n  const events = React.useMemo(getSupportedEvents, []);\n  const didSlide = React.useRef(false);\n  const gesture = React.useRef<Partial<Gesture> | null>(null);\n  const handle = (\n    e: VKUITouchEvent,\n    handlers: Array<TouchEventHandler | undefined | false>\n  ) => {\n    stopPropagation && e.stopPropagation();\n    handlers.forEach((cb) => {\n      const duration = Date.now() - (gesture.current?.startT?.getTime() ?? 0);\n      cb && cb({ ...(gesture.current as Gesture), duration, originalEvent: e });\n    });\n  };\n\n  const enterHandler = useEventListener(\n    usePointerHover ? \"pointerenter\" : \"mouseenter\",\n    onEnter\n  );\n  const leaveHandler = useEventListener(\n    usePointerHover ? \"pointerleave\" : \"mouseleave\",\n    onLeave\n  );\n  const startHandler = useEventListener(\n    events[0],\n    (e: VKUITouchEvent) => {\n      gesture.current = initGesture(coordX(e), coordY(e));\n\n      handle(e, [onStart, onStartX, onStartY]);\n      // 1 line, 2 bad specs, 2 workarounds:\n      subscribe(\n        touchEnabled()\n          ? // Touch events fire on initial target, and won't bubble if its removed\n            // see: #235, #1968, https://stackoverflow.com/a/45760014\n            (e.target as HTMLElement)\n          : // Mouse events fire on the element under pointer, so we lose move / end\n            // if pointer goes outside container.\n            // Can be fixed by PointerEvents' setPointerCapture later\n            document\n      );\n    },\n    { capture: useCapture, passive: false }\n  );\n  const containerRef = useExternRef(getRootRef);\n\n  useIsomorphicLayoutEffect(() => {\n    const el = containerRef.current;\n    if (el) {\n      enterHandler.add(el);\n      leaveHandler.add(el);\n      startHandler.add(el);\n    }\n  }, [Component]);\n\n  function onMove(e: VKUITouchEvent) {\n    const {\n      isPressed,\n      isX,\n      isY,\n      startX = 0,\n      startY = 0,\n    } = gesture.current ?? {};\n\n    if (isPressed) {\n      // смещения\n      const shiftX = coordX(e) - startX;\n      const shiftY = coordY(e) - startY;\n\n      // абсолютные значения смещений\n      const shiftXAbs = Math.abs(shiftX);\n      const shiftYAbs = Math.abs(shiftY);\n\n      // Если определяем мультитач, то прерываем жест\n      if (!!e.touches && e.touches.length > 1) {\n        return onEnd(e);\n      }\n\n      // если мы ещё не определились\n      if (!isX && !isY) {\n        const willBeX = shiftXAbs >= slideThreshold && shiftXAbs > shiftYAbs;\n        const willBeY = shiftYAbs >= slideThreshold && shiftYAbs > shiftXAbs;\n        const willBeSlidedX = willBeX && (!!onMoveX || !!_onMove);\n        const willBeSlidedY = willBeY && (!!onMoveY || !!_onMove);\n\n        if (gesture.current) {\n          Object.assign(gesture.current, {\n            isY: willBeY,\n            isX: willBeX,\n            isSlideX: willBeSlidedX,\n            isSlideY: willBeSlidedY,\n            isSlide: willBeSlidedX || willBeSlidedY,\n          });\n        }\n      }\n\n      if (gesture.current?.isSlide) {\n        Object.assign(gesture.current, {\n          shiftX,\n          shiftY,\n          shiftXAbs,\n          shiftYAbs,\n        });\n\n        handle(e, [\n          _onMove,\n          gesture.current.isSlideX && onMoveX,\n          gesture.current.isSlideY && onMoveY,\n        ]);\n      }\n    }\n  }\n\n  function onEnd(e: VKUITouchEvent) {\n    const { isPressed, isSlide, isSlideX, isSlideY } = gesture.current ?? {};\n\n    if (isPressed) {\n      handle(e, [_onEnd, isSlideY && onEndY, isSlideX && onEndX]);\n    }\n\n    didSlide.current = Boolean(isSlide);\n    gesture.current = {};\n\n    // Если это был тач-евент, симулируем отмену hover\n    if (touchEnabled()) {\n      onLeave && onLeave(e);\n    }\n    unsubscribe();\n  }\n\n  const listenerParams = { capture: useCapture, passive: false };\n  const listeners = [\n    useEventListener(events[1], onMove, listenerParams),\n    useEventListener(events[2], onEnd, listenerParams),\n    useEventListener(events[3], onEnd, listenerParams),\n  ];\n  function subscribe(el: HTMLElement | Document | null | undefined) {\n    if (el) {\n      listeners.forEach((l) => l.add(el));\n    }\n  }\n  function unsubscribe() {\n    listeners.forEach((l) => l.remove());\n  }\n\n  /**\n   * Обработчик событий dragstart\n   * Отменяет нативное браузерное поведение для вложенных ссылок и изображений\n   */\n  const onDragStart = (e: React.DragEvent<HTMLElement>) => {\n    const target = e.target as HTMLElement;\n    if (target.tagName === \"A\" || target.tagName === \"IMG\") {\n      e.preventDefault();\n    }\n  };\n\n  /**\n   * Обработчик клика по компоненту\n   * Отменяет переход по вложенной ссылке, если был зафиксирован свайп\n   */\n  const postGestureClick: typeof onClickCapture = (e) => {\n    if (!didSlide.current) {\n      return onClickCapture && onClickCapture(e);\n    }\n    // 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"],"mappings":"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"}

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

@@ -15,14 +15,11 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _classNames = require("../../../lib/classNames");
 
-var _warnOnce = require("../../../lib/warnOnce");
-
 var _excluded = ["children", "weight", "level", "caps", "Component"];
-var warn = (0, _warnOnce.warnOnce)("Caption");
+
 /**
  * @see https://vkcom.github.io/VKUI/#/Caption
  */
-
 var Caption = function Caption(_ref) {
   var children = _ref.children,
       weight = _ref.weight,
@@ -32,13 +29,8 @@ var Caption = function Caption(_ref) {
       _ref$Component = _ref.Component,
       Component = _ref$Component === void 0 ? "span" : _ref$Component,
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-
-  if (process.env.NODE_ENV === "development") {
-    if (weight && ["heavy", "bold", "semibold", "medium", "regular"].includes(weight)) warn("\u041D\u0430\u0447\u0435\u0440\u0442\u0430\u043D\u0438\u0435 weight=\"".concat(weight, "\" \u0443\u0441\u0442\u0430\u0440\u0435\u043B\u043E \u0438 \u0431\u0443\u0434\u0435\u0442 \u0443\u0434\u0430\u043B\u0435\u043D\u043E \u0432 5.0.0. \u0418\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u044F \"1\", \"2\" \u0438 \"3\""));
-  }
-
   return (0, _jsxRuntime.createScopedElement)(Component, (0, _extends2.default)({}, restProps, {
-    vkuiClass: (0, _classNames.classNames)("Caption", "Caption--l-".concat(level), caps && "Caption--caps", weight && "Caption--w-".concat(weight))
+    vkuiClass: (0, _classNames.classNames)("Caption", "Caption--level-".concat(level), caps && "Caption--caps", weight && "Caption--weight-".concat(weight))
   }), children);
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"Caption.js","names":["warn","warnOnce","Caption","children","weight","level","caps","Component","restProps","process","env","NODE_ENV","includes","classNames"],"sources":["../../../../../src/components/Typography/Caption/Caption.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../../types\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { warnOnce } from \"../../../lib/warnOnce\";\nimport \"./Caption.css\";\n\nexport interface CaptionProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasComponent {\n  /**\n   * Задаёт начертание шрифта отличное от стандартного.\n   *\n   * > ⚠️ Начертания `\"bold\"`, `\"semibold\"`, `medium` и `\"regular\"` устарели и будут удалены в 5.0.0. Используйте значения `\"1\"`, `\"2\"` и `\"3\"`.\n   */\n  weight?: \"regular\" | \"medium\" | \"semibold\" | \"bold\" | \"1\" | \"2\" | \"3\";\n  level?: \"1\" | \"2\" | \"3\" | \"4\";\n  caps?: boolean;\n}\n\nconst warn = warnOnce(\"Caption\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Caption\n */\nexport const Caption = ({\n  children,\n  weight,\n  level = \"1\",\n  caps,\n  Component = \"span\",\n  ...restProps\n}: CaptionProps) => {\n  if (process.env.NODE_ENV === \"development\") {\n    if (\n      weight &&\n      [\"heavy\", \"bold\", \"semibold\", \"medium\", \"regular\"].includes(weight)\n    )\n      warn(\n        `Начертание weight=\"${weight}\" устарело и будет удалено в 5.0.0. Используйте значения \"1\", \"2\" и \"3\"`\n      );\n  }\n\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={classNames(\n        \"Caption\",\n        `Caption--l-${level}`,\n        caps && \"Caption--caps\",\n        weight && `Caption--w-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAEA;;AACA;;;AAgBA,IAAMA,IAAI,GAAG,IAAAC,kBAAA,EAAS,SAAT,CAAb;AAEA;AACA;AACA;;AACO,IAAMC,OAAO,GAAG,SAAVA,OAAU,OAOH;EAAA,IANlBC,QAMkB,QANlBA,QAMkB;EAAA,IALlBC,MAKkB,QALlBA,MAKkB;EAAA,sBAJlBC,KAIkB;EAAA,IAJlBA,KAIkB,2BAJV,GAIU;EAAA,IAHlBC,IAGkB,QAHlBA,IAGkB;EAAA,0BAFlBC,SAEkB;EAAA,IAFlBA,SAEkB,+BAFN,MAEM;EAAA,IADfC,SACe;;EAClB,IAAIC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAA7B,EAA4C;IAC1C,IACEP,MAAM,IACN,CAAC,OAAD,EAAU,MAAV,EAAkB,UAAlB,EAA8B,QAA9B,EAAwC,SAAxC,EAAmDQ,QAAnD,CAA4DR,MAA5D,CAFF,EAIEJ,IAAI,iFACoBI,MADpB,sSAAJ;EAGH;;EAED,OACE,qCAAC,SAAD,6BACMI,SADN;IAEE,SAAS,EAAE,IAAAK,sBAAA,EACT,SADS,uBAEKR,KAFL,GAGTC,IAAI,IAAI,eAHC,EAITF,MAAM,yBAAkBA,MAAlB,CAJG;EAFb,IASGD,QATH,CADF;AAaD,CA/BM"}
+{"version":3,"file":"Caption.js","names":["Caption","children","weight","level","caps","Component","restProps","classNames"],"sources":["../../../../../src/components/Typography/Caption/Caption.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../../types\";\nimport { classNames } from \"../../../lib/classNames\";\nimport \"./Caption.css\";\n\nexport interface CaptionProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasComponent {\n  /**\n   * Задаёт начертание шрифта отличное от стандартного.\n   */\n  weight?: \"1\" | \"2\" | \"3\";\n  level?: \"1\" | \"2\" | \"3\";\n  caps?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Caption\n */\nexport const Caption = ({\n  children,\n  weight,\n  level = \"1\",\n  caps,\n  Component = \"span\",\n  ...restProps\n}: CaptionProps) => {\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={classNames(\n        \"Caption\",\n        `Caption--level-${level}`,\n        caps && \"Caption--caps\",\n        weight && `Caption--weight-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAEA;;;;AAcA;AACA;AACA;AACO,IAAMA,OAAO,GAAG,SAAVA,OAAU,OAOH;EAAA,IANlBC,QAMkB,QANlBA,QAMkB;EAAA,IALlBC,MAKkB,QALlBA,MAKkB;EAAA,sBAJlBC,KAIkB;EAAA,IAJlBA,KAIkB,2BAJV,GAIU;EAAA,IAHlBC,IAGkB,QAHlBA,IAGkB;EAAA,0BAFlBC,SAEkB;EAAA,IAFlBA,SAEkB,+BAFN,MAEM;EAAA,IADfC,SACe;EAClB,OACE,qCAAC,SAAD,6BACMA,SADN;IAEE,SAAS,EAAE,IAAAC,sBAAA,EACT,SADS,2BAESJ,KAFT,GAGTC,IAAI,IAAI,eAHC,EAITF,MAAM,8BAAuBA,MAAvB,CAJG;EAFb,IASGD,QATH,CADF;AAaD,CArBM"}

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

@@ -28,7 +28,7 @@ var Footnote = function Footnote(_ref) {
       Component = _ref$Component === void 0 ? "span" : _ref$Component,
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return (0, _jsxRuntime.createScopedElement)(Component, (0, _extends2.default)({}, restProps, {
-    vkuiClass: (0, _classNames.classNames)("Footnote", caps && "Footnote--caps", weight && "Footnote--w-".concat(weight))
+    vkuiClass: (0, _classNames.classNames)("Footnote", caps && "Footnote--caps", weight && "Footnote--weight-".concat(weight))
   }), children);
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"Footnote.js","names":["Footnote","children","weight","caps","Component","restProps","classNames"],"sources":["../../../../../src/components/Typography/Footnote/Footnote.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../../types\";\nimport { classNames } from \"../../../lib/classNames\";\nimport \"./Footnote.css\";\n\nexport interface FootnoteProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasComponent {\n  /**\n   * Задаёт начертание шрифта отличное от стандартного.\n   */\n  weight?: \"1\" | \"2\" | \"3\";\n  caps?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Footnote\n */\nexport const Footnote = ({\n  children,\n  weight,\n  caps,\n  Component = \"span\",\n  ...restProps\n}: FootnoteProps) => {\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={classNames(\n        \"Footnote\",\n        caps && \"Footnote--caps\",\n        weight && `Footnote--w-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAEA;;;;AAaA;AACA;AACA;AACO,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAMH;EAAA,IALnBC,QAKmB,QALnBA,QAKmB;EAAA,IAJnBC,MAImB,QAJnBA,MAImB;EAAA,IAHnBC,IAGmB,QAHnBA,IAGmB;EAAA,0BAFnBC,SAEmB;EAAA,IAFnBA,SAEmB,+BAFP,MAEO;EAAA,IADhBC,SACgB;EACnB,OACE,qCAAC,SAAD,6BACMA,SADN;IAEE,SAAS,EAAE,IAAAC,sBAAA,EACT,UADS,EAETH,IAAI,IAAI,gBAFC,EAGTD,MAAM,0BAAmBA,MAAnB,CAHG;EAFb,IAQGD,QARH,CADF;AAYD,CAnBM"}
+{"version":3,"file":"Footnote.js","names":["Footnote","children","weight","caps","Component","restProps","classNames"],"sources":["../../../../../src/components/Typography/Footnote/Footnote.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../../types\";\nimport { classNames } from \"../../../lib/classNames\";\nimport \"./Footnote.css\";\n\nexport interface FootnoteProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasComponent {\n  /**\n   * Задаёт начертание шрифта отличное от стандартного.\n   */\n  weight?: \"1\" | \"2\" | \"3\";\n  caps?: boolean;\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Footnote\n */\nexport const Footnote = ({\n  children,\n  weight,\n  caps,\n  Component = \"span\",\n  ...restProps\n}: FootnoteProps) => {\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={classNames(\n        \"Footnote\",\n        caps && \"Footnote--caps\",\n        weight && `Footnote--weight-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAEA;;;;AAaA;AACA;AACA;AACO,IAAMA,QAAQ,GAAG,SAAXA,QAAW,OAMH;EAAA,IALnBC,QAKmB,QALnBA,QAKmB;EAAA,IAJnBC,MAImB,QAJnBA,MAImB;EAAA,IAHnBC,IAGmB,QAHnBA,IAGmB;EAAA,0BAFnBC,SAEmB;EAAA,IAFnBA,SAEmB,+BAFP,MAEO;EAAA,IADhBC,SACgB;EACnB,OACE,qCAAC,SAAD,6BACMA,SADN;IAEE,SAAS,EAAE,IAAAC,sBAAA,EACT,UADS,EAETH,IAAI,IAAI,gBAFC,EAGTD,MAAM,+BAAwBA,MAAxB,CAHG;EAFb,IAQGD,QARH,CADF;AAYD,CAnBM"}

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

@@ -13,15 +13,13 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
-var _usePlatform = require("../../../hooks/usePlatform");
-
 var _useAdaptivity2 = require("../../../hooks/useAdaptivity");
 
 var _classNames = require("../../../lib/classNames");
 
 var _warnOnce = require("../../../lib/warnOnce");
 
-var _getClassName = require("../../../helpers/getClassName");
+var _getSizeYClassName = require("../../../helpers/getSizeYClassName");
 
 var _excluded = ["children", "weight", "level", "Component", "getRootRef"];
 var warn = (0, _warnOnce.warnOnce)("Headline");
@@ -36,10 +34,9 @@ var Headline = function Headline(_ref) {
       _ref$level = _ref.level,
       level = _ref$level === void 0 ? "1" : _ref$level,
       _ref$Component = _ref.Component,
-      Component = _ref$Component === void 0 ? "h3" : _ref$Component,
+      Component = _ref$Component === void 0 ? "h4" : _ref$Component,
       getRootRef = _ref.getRootRef,
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  var platform = (0, _usePlatform.usePlatform)();
 
   var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
       sizeY = _useAdaptivity.sizeY;
@@ -50,9 +47,7 @@ var Headline = function Headline(_ref) {
 
   return (0, _jsxRuntime.createScopedElement)(Component, (0, _extends2.default)({}, restProps, {
     ref: getRootRef,
-    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)("Headline", platform), // TODO: v5 remove
-    "Headline--sizeY-".concat(sizeY), // TODO: новая адаптивность
-    "Headline--l-".concat(level), "Headline--w-".concat(weight))
+    vkuiClass: (0, _classNames.classNames)("Headline", (0, _getSizeYClassName.getSizeYClassName)("Headline", sizeY), "Headline--level-".concat(level), "Headline--weight-".concat(weight))
   }), children);
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"Headline.js","names":["warn","warnOnce","Headline","children","weight","level","Component","getRootRef","restProps","platform","usePlatform","useAdaptivity","sizeY","process","env","NODE_ENV","classNames","getClassName"],"sources":["../../../../../src/components/Typography/Headline/Headline.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasComponent, HasRootRef } from \"../../../types\";\nimport { usePlatform } from \"../../../hooks/usePlatform\";\nimport { useAdaptivity } from \"../../../hooks/useAdaptivity\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { warnOnce } from \"../../../lib/warnOnce\";\nimport { getClassName } from \"../../../helpers/getClassName\";\nimport \"./Headline.css\";\n\nexport interface HeadlineProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent {\n  /**\n   * Задаёт начертание шрифта отличное от стандартного.\n   *\n   * > ⚠️ Начертания `\"semibold\"`, `medium` и `\"regular\"` устарели и будут удалены в 5.0.0. Используйте значения `\"1\"`, `\"2\"` и `\"3\"`.\n   */\n  weight?: \"regular\" | \"medium\" | \"semibold\" | \"1\" | \"2\" | \"3\";\n  level?: \"1\" | \"2\";\n}\n\nconst warn = warnOnce(\"Headline\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Headline\n */\nexport const Headline = ({\n  children,\n  weight = \"3\",\n  level = \"1\",\n  Component = \"h3\", // TODO: v5 h4\n  getRootRef,\n  ...restProps\n}: HeadlineProps) => {\n  const platform = usePlatform();\n  const { sizeY } = useAdaptivity();\n\n  if (\n    process.env.NODE_ENV === \"development\" &&\n    typeof Component !== \"string\" &&\n    getRootRef\n  ) {\n    warn(\"getRootRef может использоваться только с элементами DOM\", \"error\");\n  }\n\n  return (\n    <Component\n      {...restProps}\n      ref={getRootRef}\n      vkuiClass={classNames(\n        getClassName(\"Headline\", platform), // TODO: v5 remove\n        `Headline--sizeY-${sizeY}`, // TODO: новая адаптивность\n        `Headline--l-${level}`,\n        `Headline--w-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAEA;;AACA;;AACA;;AACA;;AACA;;;AAgBA,IAAMA,IAAI,GAAG,IAAAC,kBAAA,EAAS,UAAT,CAAb;AAEA;AACA;AACA;;AACO,IAAMC,QAAQ,GAAG,SAAXA,QAAW,OAOH;EAAA,IANnBC,QAMmB,QANnBA,QAMmB;EAAA,uBALnBC,MAKmB;EAAA,IALnBA,MAKmB,4BALV,GAKU;EAAA,sBAJnBC,KAImB;EAAA,IAJnBA,KAImB,2BAJX,GAIW;EAAA,0BAHnBC,SAGmB;EAAA,IAHnBA,SAGmB,+BAHP,IAGO;EAAA,IAFnBC,UAEmB,QAFnBA,UAEmB;EAAA,IADhBC,SACgB;EACnB,IAAMC,QAAQ,GAAG,IAAAC,wBAAA,GAAjB;;EACA,qBAAkB,IAAAC,6BAAA,GAAlB;EAAA,IAAQC,KAAR,kBAAQA,KAAR;;EAEA,IACEC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACA,OAAOT,SAAP,KAAqB,QADrB,IAEAC,UAHF,EAIE;IACAP,IAAI,CAAC,yDAAD,EAA4D,OAA5D,CAAJ;EACD;;EAED,OACE,qCAAC,SAAD,6BACMQ,SADN;IAEE,GAAG,EAAED,UAFP;IAGE,SAAS,EAAE,IAAAS,sBAAA,EACT,IAAAC,0BAAA,EAAa,UAAb,EAAyBR,QAAzB,CADS,EAC2B;IAD3B,0BAEUG,KAFV,GAEmB;IAFnB,sBAGMP,KAHN,yBAIMD,MAJN;EAHb,IAUGD,QAVH,CADF;AAcD,CAjCM"}
+{"version":3,"file":"Headline.js","names":["warn","warnOnce","Headline","children","weight","level","Component","getRootRef","restProps","useAdaptivity","sizeY","process","env","NODE_ENV","classNames","getSizeYClassName"],"sources":["../../../../../src/components/Typography/Headline/Headline.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasComponent, HasRootRef } from \"../../../types\";\nimport { useAdaptivity } from \"../../../hooks/useAdaptivity\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { warnOnce } from \"../../../lib/warnOnce\";\nimport { getSizeYClassName } from \"../../../helpers/getSizeYClassName\";\nimport \"./Headline.css\";\n\nexport interface HeadlineProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent {\n  /**\n   * Задаёт начертание шрифта отличное от стандартного.\n   */\n  weight?: \"1\" | \"2\" | \"3\";\n  level?: \"1\" | \"2\";\n}\n\nconst warn = warnOnce(\"Headline\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Headline\n */\nexport const Headline = ({\n  children,\n  weight = \"3\",\n  level = \"1\",\n  Component = \"h4\",\n  getRootRef,\n  ...restProps\n}: HeadlineProps) => {\n  const { sizeY } = useAdaptivity();\n\n  if (\n    process.env.NODE_ENV === \"development\" &&\n    typeof Component !== \"string\" &&\n    getRootRef\n  ) {\n    warn(\"getRootRef может использоваться только с элементами DOM\", \"error\");\n  }\n\n  return (\n    <Component\n      {...restProps}\n      ref={getRootRef}\n      vkuiClass={classNames(\n        \"Headline\",\n        getSizeYClassName(\"Headline\", sizeY),\n        `Headline--level-${level}`,\n        `Headline--weight-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAEA;;AACA;;AACA;;AACA;;;AAcA,IAAMA,IAAI,GAAG,IAAAC,kBAAA,EAAS,UAAT,CAAb;AAEA;AACA;AACA;;AACO,IAAMC,QAAQ,GAAG,SAAXA,QAAW,OAOH;EAAA,IANnBC,QAMmB,QANnBA,QAMmB;EAAA,uBALnBC,MAKmB;EAAA,IALnBA,MAKmB,4BALV,GAKU;EAAA,sBAJnBC,KAImB;EAAA,IAJnBA,KAImB,2BAJX,GAIW;EAAA,0BAHnBC,SAGmB;EAAA,IAHnBA,SAGmB,+BAHP,IAGO;EAAA,IAFnBC,UAEmB,QAFnBA,UAEmB;EAAA,IADhBC,SACgB;;EACnB,qBAAkB,IAAAC,6BAAA,GAAlB;EAAA,IAAQC,KAAR,kBAAQA,KAAR;;EAEA,IACEC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACA,OAAOP,SAAP,KAAqB,QADrB,IAEAC,UAHF,EAIE;IACAP,IAAI,CAAC,yDAAD,EAA4D,OAA5D,CAAJ;EACD;;EAED,OACE,qCAAC,SAAD,6BACMQ,SADN;IAEE,GAAG,EAAED,UAFP;IAGE,SAAS,EAAE,IAAAO,sBAAA,EACT,UADS,EAET,IAAAC,oCAAA,EAAkB,UAAlB,EAA8BL,KAA9B,CAFS,4BAGUL,KAHV,8BAIWD,MAJX;EAHb,IAUGD,QAVH,CADF;AAcD,CAhCM"}

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

@@ -37,7 +37,7 @@ var Paragraph = function Paragraph(_ref) {
 
   return (0, _jsxRuntime.createScopedElement)(Component, (0, _extends2.default)({}, restProps, {
     ref: getRootRef,
-    vkuiClass: (0, _classNames.classNames)("Paragraph", weight && "Paragraph--w-".concat(weight))
+    vkuiClass: (0, _classNames.classNames)("Paragraph", weight && "Paragraph--weight-".concat(weight))
   }), children);
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"Paragraph.js","names":["warn","warnOnce","Paragraph","Component","getRootRef","weight","children","restProps","process","env","NODE_ENV","classNames"],"sources":["../../../../../src/components/Typography/Paragraph/Paragraph.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { warnOnce } from \"../../../lib/warnOnce\";\nimport { HasComponent, HasRootRef } from \"../../../types\";\nimport \"./Paragraph.css\";\n\nexport interface ParagraphProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent {\n  /**\n   * Задаёт начертание шрифта, отличное от стандартного.\n   */\n  weight?: \"1\" | \"2\" | \"3\";\n}\n\nconst warn = warnOnce(\"Paragraph\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Paragraph\n */\nexport const Paragraph = ({\n  Component = \"span\",\n  getRootRef,\n  weight,\n  children,\n  ...restProps\n}: ParagraphProps) => {\n  if (\n    process.env.NODE_ENV === \"development\" &&\n    typeof Component !== \"string\" &&\n    getRootRef\n  ) {\n    warn(\"getRootRef может использоваться только с элементами DOM\", \"error\");\n  }\n\n  return (\n    <Component\n      {...restProps}\n      ref={getRootRef}\n      vkuiClass={classNames(\"Paragraph\", weight && `Paragraph--w-${weight}`)}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;;AAcA,IAAMA,IAAI,GAAG,IAAAC,kBAAA,EAAS,WAAT,CAAb;AAEA;AACA;AACA;;AACO,IAAMC,SAAS,GAAG,SAAZA,SAAY,OAMH;EAAA,0BALpBC,SAKoB;EAAA,IALpBA,SAKoB,+BALR,MAKQ;EAAA,IAJpBC,UAIoB,QAJpBA,UAIoB;EAAA,IAHpBC,MAGoB,QAHpBA,MAGoB;EAAA,IAFpBC,QAEoB,QAFpBA,QAEoB;EAAA,IADjBC,SACiB;;EACpB,IACEC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACA,OAAOP,SAAP,KAAqB,QADrB,IAEAC,UAHF,EAIE;IACAJ,IAAI,CAAC,yDAAD,EAA4D,OAA5D,CAAJ;EACD;;EAED,OACE,qCAAC,SAAD,6BACMO,SADN;IAEE,GAAG,EAAEH,UAFP;IAGE,SAAS,EAAE,IAAAO,sBAAA,EAAW,WAAX,EAAwBN,MAAM,2BAAoBA,MAApB,CAA9B;EAHb,IAKGC,QALH,CADF;AASD,CAxBM"}
+{"version":3,"file":"Paragraph.js","names":["warn","warnOnce","Paragraph","Component","getRootRef","weight","children","restProps","process","env","NODE_ENV","classNames"],"sources":["../../../../../src/components/Typography/Paragraph/Paragraph.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { warnOnce } from \"../../../lib/warnOnce\";\nimport { HasComponent, HasRootRef } from \"../../../types\";\nimport \"./Paragraph.css\";\n\nexport interface ParagraphProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent {\n  /**\n   * Задаёт начертание шрифта, отличное от стандартного.\n   */\n  weight?: \"1\" | \"2\" | \"3\";\n}\n\nconst warn = warnOnce(\"Paragraph\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Paragraph\n */\nexport const Paragraph = ({\n  Component = \"span\",\n  getRootRef,\n  weight,\n  children,\n  ...restProps\n}: ParagraphProps) => {\n  if (\n    process.env.NODE_ENV === \"development\" &&\n    typeof Component !== \"string\" &&\n    getRootRef\n  ) {\n    warn(\"getRootRef может использоваться только с элементами DOM\", \"error\");\n  }\n\n  return (\n    <Component\n      {...restProps}\n      ref={getRootRef}\n      vkuiClass={classNames(\n        \"Paragraph\",\n        weight && `Paragraph--weight-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;;AAcA,IAAMA,IAAI,GAAG,IAAAC,kBAAA,EAAS,WAAT,CAAb;AAEA;AACA;AACA;;AACO,IAAMC,SAAS,GAAG,SAAZA,SAAY,OAMH;EAAA,0BALpBC,SAKoB;EAAA,IALpBA,SAKoB,+BALR,MAKQ;EAAA,IAJpBC,UAIoB,QAJpBA,UAIoB;EAAA,IAHpBC,MAGoB,QAHpBA,MAGoB;EAAA,IAFpBC,QAEoB,QAFpBA,QAEoB;EAAA,IADjBC,SACiB;;EACpB,IACEC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACA,OAAOP,SAAP,KAAqB,QADrB,IAEAC,UAHF,EAIE;IACAJ,IAAI,CAAC,yDAAD,EAA4D,OAA5D,CAAJ;EACD;;EAED,OACE,qCAAC,SAAD,6BACMO,SADN;IAEE,GAAG,EAAEH,UAFP;IAGE,SAAS,EAAE,IAAAO,sBAAA,EACT,WADS,EAETN,MAAM,gCAAyBA,MAAzB,CAFG;EAHb,IAQGC,QARH,CADF;AAYD,CA3BM"}

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

@@ -15,16 +15,15 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _classNames = require("../../../lib/classNames");
 
-var _warnOnce = require("../../../lib/warnOnce");
-
 var _useAdaptivity2 = require("../../../hooks/useAdaptivity");
 
+var _getSizeYClassName = require("../../../helpers/getSizeYClassName");
+
 var _excluded = ["children", "weight", "Component"];
-var warn = (0, _warnOnce.warnOnce)("Subhead");
+
 /**
  * @see https://vkcom.github.io/VKUI/#/Subhead
  */
-
 var Subhead = function Subhead(_ref) {
   var children = _ref.children,
       weight = _ref.weight,
@@ -35,12 +34,8 @@ var Subhead = function Subhead(_ref) {
   var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
       sizeY = _useAdaptivity.sizeY;
 
-  if (process.env.NODE_ENV === "development") {
-    if (weight && ["heavy", "bold", "semibold", "medium", "regular"].includes(weight)) warn("\u041D\u0430\u0447\u0435\u0440\u0442\u0430\u043D\u0438\u0435 weight=\"".concat(weight, "\" \u0443\u0441\u0442\u0430\u0440\u0435\u043B\u043E \u0438 \u0431\u0443\u0434\u0435\u0442 \u0443\u0434\u0430\u043B\u0435\u043D\u043E \u0432 5.0.0. \u0418\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u044F \"1\", \"2\" \u0438 \"3\""));
-  }
-
   return (0, _jsxRuntime.createScopedElement)(Component, (0, _extends2.default)({}, restProps, {
-    vkuiClass: (0, _classNames.classNames)("Subhead", "Subhead--sizeY-".concat(sizeY), weight && "Subhead--w-".concat(weight))
+    vkuiClass: (0, _classNames.classNames)("Subhead", (0, _getSizeYClassName.getSizeYClassName)("Subhead", sizeY), weight && "Subhead--weight-".concat(weight))
   }), children);
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"Subhead.js","names":["warn","warnOnce","Subhead","children","weight","Component","restProps","useAdaptivity","sizeY","process","env","NODE_ENV","includes","classNames"],"sources":["../../../../../src/components/Typography/Subhead/Subhead.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../../types\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { warnOnce } from \"../../../lib/warnOnce\";\nimport { useAdaptivity } from \"../../../hooks/useAdaptivity\";\nimport \"./Subhead.css\";\n\nexport interface SubheadProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasComponent {\n  /**\n   * Задаёт начертание шрифта отличное от стандартного.\n   *\n   * > ⚠️ Начертания `\"semibold\"`, `medium` и `\"regular\"` устарели и будут удалены в 5.0.0. Используйте значения `\"1\"`, `\"2\"` и `\"3\"`.\n   */\n  weight?: \"regular\" | \"medium\" | \"semibold\" | \"bold\" | \"1\" | \"2\" | \"3\";\n}\n\nconst warn = warnOnce(\"Subhead\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Subhead\n */\nexport const Subhead = ({\n  children,\n  weight,\n  Component = \"h5\",\n  ...restProps\n}: SubheadProps) => {\n  const { sizeY } = useAdaptivity();\n\n  if (process.env.NODE_ENV === \"development\") {\n    if (\n      weight &&\n      [\"heavy\", \"bold\", \"semibold\", \"medium\", \"regular\"].includes(weight)\n    )\n      warn(\n        `Начертание weight=\"${weight}\" устарело и будет удалено в 5.0.0. Используйте значения \"1\", \"2\" и \"3\"`\n      );\n  }\n\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={classNames(\n        \"Subhead\",\n        `Subhead--sizeY-${sizeY}`,\n        weight && `Subhead--w-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAEA;;AACA;;AACA;;;AAcA,IAAMA,IAAI,GAAG,IAAAC,kBAAA,EAAS,SAAT,CAAb;AAEA;AACA;AACA;;AACO,IAAMC,OAAO,GAAG,SAAVA,OAAU,OAKH;EAAA,IAJlBC,QAIkB,QAJlBA,QAIkB;EAAA,IAHlBC,MAGkB,QAHlBA,MAGkB;EAAA,0BAFlBC,SAEkB;EAAA,IAFlBA,SAEkB,+BAFN,IAEM;EAAA,IADfC,SACe;;EAClB,qBAAkB,IAAAC,6BAAA,GAAlB;EAAA,IAAQC,KAAR,kBAAQA,KAAR;;EAEA,IAAIC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAA7B,EAA4C;IAC1C,IACEP,MAAM,IACN,CAAC,OAAD,EAAU,MAAV,EAAkB,UAAlB,EAA8B,QAA9B,EAAwC,SAAxC,EAAmDQ,QAAnD,CAA4DR,MAA5D,CAFF,EAIEJ,IAAI,iFACoBI,MADpB,sSAAJ;EAGH;;EAED,OACE,qCAAC,SAAD,6BACME,SADN;IAEE,SAAS,EAAE,IAAAO,sBAAA,EACT,SADS,2BAESL,KAFT,GAGTJ,MAAM,yBAAkBA,MAAlB,CAHG;EAFb,IAQGD,QARH,CADF;AAYD,CA9BM"}
+{"version":3,"file":"Subhead.js","names":["Subhead","children","weight","Component","restProps","useAdaptivity","sizeY","classNames","getSizeYClassName"],"sources":["../../../../../src/components/Typography/Subhead/Subhead.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../../types\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { useAdaptivity } from \"../../../hooks/useAdaptivity\";\nimport { getSizeYClassName } from \"../../../helpers/getSizeYClassName\";\nimport \"./Subhead.css\";\n\nexport interface SubheadProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasComponent {\n  /**\n   * Задаёт начертание шрифта отличное от стандартного.\n   */\n  weight?: \"1\" | \"2\" | \"3\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Subhead\n */\nexport const Subhead = ({\n  children,\n  weight,\n  Component = \"h5\",\n  ...restProps\n}: SubheadProps) => {\n  const { sizeY } = useAdaptivity();\n\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={classNames(\n        \"Subhead\",\n        getSizeYClassName(\"Subhead\", sizeY),\n        weight && `Subhead--weight-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAEA;;AACA;;AACA;;;;AAYA;AACA;AACA;AACO,IAAMA,OAAO,GAAG,SAAVA,OAAU,OAKH;EAAA,IAJlBC,QAIkB,QAJlBA,QAIkB;EAAA,IAHlBC,MAGkB,QAHlBA,MAGkB;EAAA,0BAFlBC,SAEkB;EAAA,IAFlBA,SAEkB,+BAFN,IAEM;EAAA,IADfC,SACe;;EAClB,qBAAkB,IAAAC,6BAAA,GAAlB;EAAA,IAAQC,KAAR,kBAAQA,KAAR;;EAEA,OACE,qCAAC,SAAD,6BACMF,SADN;IAEE,SAAS,EAAE,IAAAG,sBAAA,EACT,SADS,EAET,IAAAC,oCAAA,EAAkB,SAAlB,EAA6BF,KAA7B,CAFS,EAGTJ,MAAM,8BAAuBA,MAAvB,CAHG;EAFb,IAQGD,QARH,CADF;AAYD,CApBM"}

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

@@ -19,6 +19,8 @@ var _classNames = require("../../../lib/classNames");
 
 var _warnOnce = require("../../../lib/warnOnce");
 
+var _getSizeYClassName = require("../../../helpers/getSizeYClassName");
+
 var _excluded = ["children", "weight", "Component", "getRootRef"];
 var warn = (0, _warnOnce.warnOnce)("Text");
 /**
@@ -37,17 +39,12 @@ var Text = function Text(_ref) {
     warn("\u0421\u0432\u043E\u0439\u0441\u0442\u0432\u043E \"getRootRef\" \u043C\u043E\u0436\u0435\u0442 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C\u0441\u044F \u0442\u043E\u043B\u044C\u043A\u043E \u0441 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u0430\u043C\u0438 DOM", "error");
   }
 
-  if (process.env.NODE_ENV === "development" && weight && ["semibold", "medium", "regular"].includes(weight)) {
-    warn("\u041D\u0430\u0447\u0435\u0440\u0442\u0430\u043D\u0438\u0435 weight=\"".concat(weight, "\" \u0443\u0441\u0442\u0430\u0440\u0435\u043B\u043E \u0438 \u0431\u0443\u0434\u0435\u0442 \u0443\u0434\u0430\u043B\u0435\u043D\u043E \u0432 5.0.0. \u0418\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u044F \"1\", \"2\" \u0438 \"3\""));
-  }
-
   var _useAdaptivity = (0, _useAdaptivity2.useAdaptivity)(),
       sizeY = _useAdaptivity.sizeY;
 
   return (0, _jsxRuntime.createScopedElement)(Component, (0, _extends2.default)({}, restProps, {
     ref: getRootRef,
-    vkuiClass: (0, _classNames.classNames)("Text", // TODO v5.0.0 перевести на новую адаптивность
-    "Text--sizeY-".concat(sizeY), weight && "Text--w-".concat(weight))
+    vkuiClass: (0, _classNames.classNames)("Text", (0, _getSizeYClassName.getSizeYClassName)("Text", sizeY), weight && "Text--weight-".concat(weight))
   }), children);
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"Text.js","names":["warn","warnOnce","Text","children","weight","Component","getRootRef","restProps","process","env","NODE_ENV","includes","useAdaptivity","sizeY","classNames"],"sources":["../../../../../src/components/Typography/Text/Text.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useAdaptivity } from \"../../../hooks/useAdaptivity\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { HasComponent, HasRootRef } from \"../../../types\";\nimport { warnOnce } from \"../../../lib/warnOnce\";\nimport \"./Text.css\";\n\nexport interface TextProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent {\n  /**\n   * Задаёт начертание шрифта, отличное от стандартного.\n   *\n   * > ⚠️ Начертания `\"semibold\"`, `medium` и `\"regular\"` устарели и будут удалены в 5.0.0. Используйте значения `\"1\"`, `\"2\"` и `\"3\"`.\n   */\n  weight?: \"regular\" | \"medium\" | \"semibold\" | \"1\" | \"2\" | \"3\";\n}\n\nconst warn = warnOnce(\"Text\");\n/**\n * @see https://vkcom.github.io/VKUI/#/Text\n */\nexport const Text = ({\n  children,\n  weight,\n  Component = \"span\",\n  getRootRef,\n  ...restProps\n}: TextProps) => {\n  if (\n    process.env.NODE_ENV === \"development\" &&\n    typeof Component !== \"string\" &&\n    getRootRef\n  ) {\n    warn(\n      `Свойство \"getRootRef\" может использоваться только с компонентами DOM`,\n      \"error\"\n    );\n  }\n\n  if (\n    process.env.NODE_ENV === \"development\" &&\n    weight &&\n    [\"semibold\", \"medium\", \"regular\"].includes(weight)\n  ) {\n    warn(\n      `Начертание weight=\"${weight}\" устарело и будет удалено в 5.0.0. Используйте значения \"1\", \"2\" и \"3\"`\n    );\n  }\n\n  const { sizeY } = useAdaptivity();\n\n  return (\n    <Component\n      {...restProps}\n      ref={getRootRef}\n      vkuiClass={classNames(\n        \"Text\",\n        // TODO v5.0.0 перевести на новую адаптивность\n        `Text--sizeY-${sizeY}`,\n        weight && `Text--w-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AAEA;;;AAeA,IAAMA,IAAI,GAAG,IAAAC,kBAAA,EAAS,MAAT,CAAb;AACA;AACA;AACA;;AACO,IAAMC,IAAI,GAAG,SAAPA,IAAO,OAMH;EAAA,IALfC,QAKe,QALfA,QAKe;EAAA,IAJfC,MAIe,QAJfA,MAIe;EAAA,0BAHfC,SAGe;EAAA,IAHfA,SAGe,+BAHH,MAGG;EAAA,IAFfC,UAEe,QAFfA,UAEe;EAAA,IADZC,SACY;;EACf,IACEC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACA,OAAOL,SAAP,KAAqB,QADrB,IAEAC,UAHF,EAIE;IACAN,IAAI,iTAEF,OAFE,CAAJ;EAID;;EAED,IACEQ,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACAN,MADA,IAEA,CAAC,UAAD,EAAa,QAAb,EAAuB,SAAvB,EAAkCO,QAAlC,CAA2CP,MAA3C,CAHF,EAIE;IACAJ,IAAI,iFACoBI,MADpB,sSAAJ;EAGD;;EAED,qBAAkB,IAAAQ,6BAAA,GAAlB;EAAA,IAAQC,KAAR,kBAAQA,KAAR;;EAEA,OACE,qCAAC,SAAD,6BACMN,SADN;IAEE,GAAG,EAAED,UAFP;IAGE,SAAS,EAAE,IAAAQ,sBAAA,EACT,MADS,EAET;IAFS,sBAGMD,KAHN,GAITT,MAAM,sBAAeA,MAAf,CAJG;EAHb,IAUGD,QAVH,CADF;AAcD,CA5CM"}
+{"version":3,"file":"Text.js","names":["warn","warnOnce","Text","children","weight","Component","getRootRef","restProps","process","env","NODE_ENV","useAdaptivity","sizeY","classNames","getSizeYClassName"],"sources":["../../../../../src/components/Typography/Text/Text.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { useAdaptivity } from \"../../../hooks/useAdaptivity\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { HasComponent, HasRootRef } from \"../../../types\";\nimport { warnOnce } from \"../../../lib/warnOnce\";\nimport { getSizeYClassName } from \"../../../helpers/getSizeYClassName\";\nimport \"./Text.css\";\n\nexport interface TextProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasRootRef<HTMLElement>,\n    HasComponent {\n  /**\n   * Задаёт начертание шрифта, отличное от стандартного.\n   */\n  weight?: \"1\" | \"2\" | \"3\";\n}\n\nconst warn = warnOnce(\"Text\");\n/**\n * @see https://vkcom.github.io/VKUI/#/Text\n */\nexport const Text = ({\n  children,\n  weight,\n  Component = \"span\",\n  getRootRef,\n  ...restProps\n}: TextProps) => {\n  if (\n    process.env.NODE_ENV === \"development\" &&\n    typeof Component !== \"string\" &&\n    getRootRef\n  ) {\n    warn(\n      `Свойство \"getRootRef\" может использоваться только с компонентами DOM`,\n      \"error\"\n    );\n  }\n\n  const { sizeY } = useAdaptivity();\n\n  return (\n    <Component\n      {...restProps}\n      ref={getRootRef}\n      vkuiClass={classNames(\n        \"Text\",\n        getSizeYClassName(\"Text\", sizeY),\n        weight && `Text--weight-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AACA;;AACA;;AAEA;;AACA;;;AAaA,IAAMA,IAAI,GAAG,IAAAC,kBAAA,EAAS,MAAT,CAAb;AACA;AACA;AACA;;AACO,IAAMC,IAAI,GAAG,SAAPA,IAAO,OAMH;EAAA,IALfC,QAKe,QALfA,QAKe;EAAA,IAJfC,MAIe,QAJfA,MAIe;EAAA,0BAHfC,SAGe;EAAA,IAHfA,SAGe,+BAHH,MAGG;EAAA,IAFfC,UAEe,QAFfA,UAEe;EAAA,IADZC,SACY;;EACf,IACEC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAzB,IACA,OAAOL,SAAP,KAAqB,QADrB,IAEAC,UAHF,EAIE;IACAN,IAAI,iTAEF,OAFE,CAAJ;EAID;;EAED,qBAAkB,IAAAW,6BAAA,GAAlB;EAAA,IAAQC,KAAR,kBAAQA,KAAR;;EAEA,OACE,qCAAC,SAAD,6BACML,SADN;IAEE,GAAG,EAAED,UAFP;IAGE,SAAS,EAAE,IAAAO,sBAAA,EACT,MADS,EAET,IAAAC,oCAAA,EAAkB,MAAlB,EAA0BF,KAA1B,CAFS,EAGTR,MAAM,2BAAoBA,MAApB,CAHG;EAHb,IASGD,QATH,CADF;AAaD,CAjCM"}

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

@@ -15,14 +15,11 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _classNames = require("../../../lib/classNames");
 
-var _warnOnce = require("../../../lib/warnOnce");
-
 var _excluded = ["children", "weight", "level", "Component"];
-var warn = (0, _warnOnce.warnOnce)("Title");
+
 /**
  * @see https://vkcom.github.io/VKUI/#/Title
  */
-
 var Title = function Title(_ref) {
   var children = _ref.children,
       weight = _ref.weight,
@@ -35,12 +32,8 @@ var Title = function Title(_ref) {
     Component = "h" + level;
   }
 
-  if (process.env.NODE_ENV === "development") {
-    if (weight && ["heavy", "bold", "semibold", "medium", "regular"].includes(weight)) warn("\u041D\u0430\u0447\u0435\u0440\u0442\u0430\u043D\u0438\u0435 weight=\"".concat(weight, "\" \u0443\u0441\u0442\u0430\u0440\u0435\u043B\u043E \u0438 \u0431\u0443\u0434\u0435\u0442 \u0443\u0434\u0430\u043B\u0435\u043D\u043E \u0432 5.0.0. \u0418\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0439\u0442\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u044F \"1\", \"2\" \u0438 \"3\""));
-  }
-
   return (0, _jsxRuntime.createScopedElement)(Component, (0, _extends2.default)({}, restProps, {
-    vkuiClass: (0, _classNames.classNames)("Title", "Title--l-".concat(level), weight && "Title--w-".concat(weight))
+    vkuiClass: (0, _classNames.classNames)("Title", "Title--level-".concat(level), weight && "Title--weight-".concat(weight))
   }), children);
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"Title.js","names":["warn","warnOnce","Title","children","weight","level","Component","restProps","process","env","NODE_ENV","includes","classNames"],"sources":["../../../../../src/components/Typography/Title/Title.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../../types\";\nimport { classNames } from \"../../../lib/classNames\";\nimport { warnOnce } from \"../../../lib/warnOnce\";\nimport \"./Title.css\";\n\nexport interface TitleProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasComponent {\n  /**\n   * Задаёт начертание шрифта отличное от стандартного.\n   *\n   * > ⚠️ Начертания `\"heavy\"`, `\"bold\"`, `\"semibold\"`, `medium` и `\"regular\"` устарели и будут удалены в 5.0.0. Используйте значения `\"1\"`, `\"2\"` и `\"3\"`.\n   */\n  weight?:\n    | \"heavy\"\n    | \"bold\"\n    | \"semibold\"\n    | \"medium\"\n    | \"regular\"\n    | \"1\"\n    | \"2\"\n    | \"3\";\n  level?: \"1\" | \"2\" | \"3\";\n}\n\nconst warn = warnOnce(\"Title\");\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Title\n */\nexport const Title = ({\n  children,\n  weight,\n  level = \"1\",\n  Component,\n  ...restProps\n}: TitleProps) => {\n  if (!Component) {\n    Component = (\"h\" + level) as React.ElementType;\n  }\n\n  if (process.env.NODE_ENV === \"development\") {\n    if (\n      weight &&\n      [\"heavy\", \"bold\", \"semibold\", \"medium\", \"regular\"].includes(weight)\n    )\n      warn(\n        `Начертание weight=\"${weight}\" устарело и будет удалено в 5.0.0. Используйте значения \"1\", \"2\" и \"3\"`\n      );\n  }\n\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={classNames(\n        \"Title\",\n        `Title--l-${level}`,\n        weight && `Title--w-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAEA;;AACA;;;AAuBA,IAAMA,IAAI,GAAG,IAAAC,kBAAA,EAAS,OAAT,CAAb;AAEA;AACA;AACA;;AACO,IAAMC,KAAK,GAAG,SAARA,KAAQ,OAMH;EAAA,IALhBC,QAKgB,QALhBA,QAKgB;EAAA,IAJhBC,MAIgB,QAJhBA,MAIgB;EAAA,sBAHhBC,KAGgB;EAAA,IAHhBA,KAGgB,2BAHR,GAGQ;EAAA,IAFhBC,SAEgB,QAFhBA,SAEgB;EAAA,IADbC,SACa;;EAChB,IAAI,CAACD,SAAL,EAAgB;IACdA,SAAS,GAAI,MAAMD,KAAnB;EACD;;EAED,IAAIG,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAA7B,EAA4C;IAC1C,IACEN,MAAM,IACN,CAAC,OAAD,EAAU,MAAV,EAAkB,UAAlB,EAA8B,QAA9B,EAAwC,SAAxC,EAAmDO,QAAnD,CAA4DP,MAA5D,CAFF,EAIEJ,IAAI,iFACoBI,MADpB,sSAAJ;EAGH;;EAED,OACE,qCAAC,SAAD,6BACMG,SADN;IAEE,SAAS,EAAE,IAAAK,sBAAA,EACT,OADS,qBAEGP,KAFH,GAGTD,MAAM,uBAAgBA,MAAhB,CAHG;EAFb,IAQGD,QARH,CADF;AAYD,CAjCM"}
+{"version":3,"file":"Title.js","names":["Title","children","weight","level","Component","restProps","classNames"],"sources":["../../../../../src/components/Typography/Title/Title.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { HasComponent } from \"../../../types\";\nimport { classNames } from \"../../../lib/classNames\";\nimport \"./Title.css\";\n\nexport interface TitleProps\n  extends React.AllHTMLAttributes<HTMLElement>,\n    HasComponent {\n  /**\n   * Задаёт начертание шрифта отличное от стандартного.\n   */\n  weight?: \"1\" | \"2\" | \"3\";\n  level?: \"1\" | \"2\" | \"3\";\n}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Title\n */\nexport const Title = ({\n  children,\n  weight,\n  level = \"1\",\n  Component,\n  ...restProps\n}: TitleProps) => {\n  if (!Component) {\n    Component = (\"h\" + level) as React.ElementType;\n  }\n\n  return (\n    <Component\n      {...restProps}\n      vkuiClass={classNames(\n        \"Title\",\n        `Title--level-${level}`,\n        weight && `Title--weight-${weight}`\n      )}\n    >\n      {children}\n    </Component>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;AAEA;;;;AAaA;AACA;AACA;AACO,IAAMA,KAAK,GAAG,SAARA,KAAQ,OAMH;EAAA,IALhBC,QAKgB,QALhBA,QAKgB;EAAA,IAJhBC,MAIgB,QAJhBA,MAIgB;EAAA,sBAHhBC,KAGgB;EAAA,IAHhBA,KAGgB,2BAHR,GAGQ;EAAA,IAFhBC,SAEgB,QAFhBA,SAEgB;EAAA,IADbC,SACa;;EAChB,IAAI,CAACD,SAAL,EAAgB;IACdA,SAAS,GAAI,MAAMD,KAAnB;EACD;;EAED,OACE,qCAAC,SAAD,6BACME,SADN;IAEE,SAAS,EAAE,IAAAC,sBAAA,EACT,OADS,yBAEOH,KAFP,GAGTD,MAAM,4BAAqBA,MAArB,CAHG;EAFb,IAQGD,QARH,CADF;AAYD,CAvBM"}

package/dist/cjs/components/UsersStack/UsersStack.js

@@ -84,22 +84,22 @@ var UsersStack = function UsersStack(_ref2) {
       _ref2$count = _ref2.count,
       count = _ref2$count === void 0 ? Math.max(0, photos.length - visibleCount) : _ref2$count,
       _ref2$size = _ref2.size,
-      size = _ref2$size === void 0 ? "s" : _ref2$size,
+      size = _ref2$size === void 0 ? "m" : _ref2$size,
       _ref2$layout = _ref2.layout,
       layout = _ref2$layout === void 0 ? "horizontal" : _ref2$layout,
       children = _ref2.children,
       restProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded2);
-  var canShowOthers = count > 0 && size !== "xs";
+  var canShowOthers = count > 0 && size !== "s";
   var CounterTypography = size === "m" ? _Footnote.Footnote : _Caption.Caption;
   var photoSize = {
-    xs: 16,
-    s: 24,
-    m: 32
+    s: 16,
+    m: 24,
+    l: 32
   }[size];
   var directionClip = canShowOthers ? "right" : "left";
   var photosShown = photos.slice(0, visibleCount);
   return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, restProps, {
-    vkuiClass: (0, _classNames.classNames)("UsersStack", "UsersStack--size-".concat(size), "UsersStack--l-".concat(layout), canShowOthers && "UsersStack--others")
+    vkuiClass: (0, _classNames.classNames)("UsersStack", "UsersStack--size-".concat(size), "UsersStack--layout-".concat(layout), canShowOthers && "UsersStack--others")
   }), (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "UsersStack__photos",
     role: "presentation"
@@ -129,8 +129,6 @@ var UsersStack = function UsersStack(_ref2) {
   }), canShowOthers && (0, _jsxRuntime.createScopedElement)(CounterTypography, {
     caps: true,
     weight: "1",
-    level: "2" // TODO: remove only level in #2343
-    ,
     vkuiClass: "UsersStack__photo UsersStack__photo--others",
     "aria-hidden": true
   }, (0, _jsxRuntime.createScopedElement)("span", null, "+", count))), (0, _utils.hasReactNode)(children) && (0, _jsxRuntime.createScopedElement)(_Footnote.Footnote, {