@vkontakte/vkui 4.37.0 → 5.0.0

package/dist/cssm/components/BaseGallery/BaseGallery.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectSpread from "@babel/runtime/helpers/objectSpread2";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["bullets", "getRootRef", "children", "slideWidth", "slideIndex", "isDraggable", "onDragStart", "onDragEnd", "onChange", "onPrevClick", "onNextClick", "onEnd", "align", "showArrows", "getRef"];
+var _excluded = ["bullets", "getRootRef", "children", "slideWidth", "slideIndex", "isDraggable", "onDragStart", "onDragEnd", "onChange", "onPrevClick", "onNextClick", "align", "showArrows", "getRef"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import * as React from "react";
 import { classNames } from "../../lib/classNames";
@@ -50,7 +50,6 @@ export var BaseGallery = function BaseGallery(_ref) {
       onChange = _ref.onChange,
       onPrevClick = _ref.onPrevClick,
       onNextClick = _ref.onNextClick,
-      onEndProp = _ref.onEnd,
       _ref$align = _ref.align,
       align = _ref$align === void 0 ? "left" : _ref$align,
       showArrows = _ref.showArrows,
@@ -256,7 +255,8 @@ export var BaseGallery = function BaseGallery(_ref) {
     return targetIndex;
   };
 
-  var onStart = function onStart() {
+  var onStart = function onStart(e) {
+    onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart(e);
     setShiftState(function (prevState) {
       return _objectSpread(_objectSpread({}, prevState), {}, {
         animation: false
@@ -269,9 +269,6 @@ export var BaseGallery = function BaseGallery(_ref) {
       e.originalEvent.preventDefault();
 
       if (e.isSlideX) {
-        // TODO исправить в рамках issue #2698
-        onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart(e);
-
         if (shiftState.deltaX !== e.shiftX) {
           setShiftState(function (prevState) {
             return _objectSpread(_objectSpread({}, prevState), {}, {
@@ -286,7 +283,7 @@ export var BaseGallery = function BaseGallery(_ref) {
 
   var onEnd = function onEnd(e) {
     var targetIndex = e.isSlide ? getTarget(e) : slideIndex !== null && slideIndex !== void 0 ? slideIndex : 0;
-    onDragEnd === null || onDragEnd === void 0 ? void 0 : onDragEnd(e);
+    onDragEnd === null || onDragEnd === void 0 ? void 0 : onDragEnd(e, targetIndex);
     var nextShiftState = {
       animation: true,
       dragging: false,
@@ -305,12 +302,7 @@ export var BaseGallery = function BaseGallery(_ref) {
 
     if (targetIndex !== slideIndex) {
       onChange === null || onChange === void 0 ? void 0 : onChange(targetIndex);
-    } // TODO исправить в рамках issue #2698
-
-
-    onEndProp === null || onEndProp === void 0 ? void 0 : onEndProp({
-      targetIndex: targetIndex
-    });
+    }
   };
 
   var indent = shiftState.dragging ? calculateDragIndent() : shiftState.shiftX;
@@ -331,7 +323,7 @@ export var BaseGallery = function BaseGallery(_ref) {
   align === "left" && layoutState.current.containerWidth - shiftState.shiftX < ((_layoutState$current$9 = layoutState.current.layerWidth) !== null && _layoutState$current$9 !== void 0 ? _layoutState$current$9 : 0) || // otherwise we need to check current slide index (align = right or align = center)
   align !== "left" && slideIndex < layoutState.current.slides.length - 1);
   return createScopedElement("div", _extends({}, restProps, {
-    vkuiClass: classNames("Gallery", "Gallery--".concat(align), shiftState.dragging && "Gallery--dragging", slideWidth === "custom" && "Gallery--custom-width"),
+    vkuiClass: classNames("Gallery", "Gallery--align-".concat(align), shiftState.dragging && "Gallery--dragging", slideWidth === "custom" && "Gallery--custom-width"),
     ref: rootRef
   }), createScopedElement(Touch, {
     vkuiClass: "Gallery__viewport",

package/dist/cssm/components/BaseGallery/BaseGallery.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseGallery.js","names":["React","classNames","Touch","HorizontalScrollArrow","useExternRef","useDOM","useAdaptivity","useIsomorphicLayoutEffect","useGlobalEventListener","calcMax","calcMin","ANIMATION_DURATION","LAYOUT_DEFAULT_STATE","containerWidth","viewportOffsetWidth","layerWidth","min","max","slides","isFullyVisible","SHIFT_DEFAULT_STATE","animation","undefined","shiftX","dragging","deltaX","indent","BaseGallery","bullets","getRootRef","children","slideWidth","slideIndex","isDraggable","onDragStart","onDragEnd","onChange","onPrevClick","onNextClick","onEndProp","onEnd","align","showArrows","getRef","restProps","slidesStore","useRef","layoutState","useState","shiftState","setShiftState","rootRef","viewportRef","window","hasMouse","isCenterWithCustomWidth","validateIndent","value","localMax","current","localMin","calculateIndent","targetIndex","targetSlide","length","coordX","width","viewportWidth","calculateDragIndent","Number","initializeSlides","options","localSlides","Children","map","_item","i","elem","offsetLeft","offsetWidth","localContainerWidth","localViewportOffsetWidth","localLayerWidth","reduce","val","slide","adjustShiftX","prevState","onResize","slideLeft","slideRight","getTarget","e","expectDeltaX","duration","shift","direction","item","index","previousValue","Math","abs","currentValue","onStart","onMoveX","originalEvent","preventDefault","isSlideX","isSlide","nextShiftState","shiftXStick","layerStyle","WebkitTransform","transform","WebkitTransition","transition","setSlideRef","slideRef","canSlideLeft","canSlideRight","el"],"sources":["../../../../src/components/BaseGallery/BaseGallery.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Touch, TouchEvent } from \"../Touch/Touch\";\nimport { HorizontalScrollArrow } from \"../HorizontalScroll/HorizontalScrollArrow\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useDOM } from \"../../lib/dom\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { calcMax, calcMin } from \"./helpers\";\nimport {\n  BaseGalleryProps,\n  GallerySlidesState,\n  LayoutState,\n  ShiftingState,\n} from \"./types\";\nimport \"./BaseGallery.css\";\n\nconst ANIMATION_DURATION = 0.24;\n\nconst LAYOUT_DEFAULT_STATE = {\n  containerWidth: 0,\n  viewportOffsetWidth: 0,\n  layerWidth: 0,\n  min: 0,\n  max: 0,\n  slides: [],\n  isFullyVisible: true,\n};\n\nconst SHIFT_DEFAULT_STATE = {\n  animation: undefined,\n  shiftX: 0,\n  dragging: false,\n  deltaX: 0,\n  indent: 0,\n};\n\nexport const BaseGallery = ({\n  bullets = false,\n  getRootRef,\n  children,\n  slideWidth = \"100%\",\n  slideIndex = 0,\n  isDraggable = true,\n  onDragStart,\n  onDragEnd,\n  onChange,\n  onPrevClick,\n  onNextClick,\n  onEnd: onEndProp,\n  align = \"left\",\n  showArrows,\n  getRef,\n  ...restProps\n}: BaseGalleryProps) => {\n  const slidesStore = React.useRef<Record<string, HTMLDivElement | null>>({});\n  const layoutState = React.useRef<LayoutState>(LAYOUT_DEFAULT_STATE);\n  const [shiftState, setShiftState] =\n    React.useState<ShiftingState>(SHIFT_DEFAULT_STATE);\n\n  const rootRef = useExternRef(getRootRef);\n  const viewportRef = useExternRef(getRef);\n\n  const { window } = useDOM();\n  const { hasMouse } = useAdaptivity();\n\n  const isCenterWithCustomWidth = slideWidth === \"custom\" && align === \"center\";\n\n  const validateIndent = (value: number) => {\n    const localMax = layoutState.current.max ?? 0;\n    const localMin = layoutState.current.min ?? 0;\n\n    if (value < localMin) {\n      return localMin;\n    } else if (value > localMax) {\n      return localMax;\n    }\n\n    return value;\n  };\n\n  /*\n   * Считает отступ слоя галереи\n   */\n  const calculateIndent = (targetIndex: number) => {\n    if (layoutState.current.isFullyVisible) {\n      return 0;\n    }\n\n    const targetSlide = layoutState.current.slides?.length\n      ? layoutState.current.slides[targetIndex]\n      : null;\n\n    if (targetSlide) {\n      const { coordX, width } = targetSlide;\n\n      if (isCenterWithCustomWidth) {\n        const viewportWidth = layoutState.current.viewportOffsetWidth ?? 0;\n        return viewportWidth / 2 - coordX - width / 2;\n      }\n\n      return validateIndent(-1 * coordX);\n    }\n\n    return 0;\n  };\n\n  /*\n   * Считает отступ слоя галереи во время драга\n   */\n  const calculateDragIndent = () => {\n    const localMax = layoutState.current.max ?? 0;\n    const localMin = layoutState.current.min ?? 0;\n    const indent = shiftState.shiftX + shiftState.deltaX;\n\n    if (indent > localMax) {\n      return localMax + Number((indent - localMax) / 3);\n    } else if (indent < localMin) {\n      return localMin + Number((indent - localMin) / 3);\n    }\n\n    return indent;\n  };\n\n  const initializeSlides = (options: { animation?: boolean } = {}) => {\n    const localSlides =\n      React.Children.map(\n        children,\n        (_item: React.ReactNode, i: number): GallerySlidesState => {\n          const elem = slidesStore.current[`slide-${i}`];\n          return {\n            coordX: elem?.offsetLeft ?? 0,\n            width: elem?.offsetWidth ?? 0,\n          };\n        }\n      ) ?? [];\n\n    const localContainerWidth = rootRef.current?.offsetWidth ?? 0;\n    const localViewportOffsetWidth = viewportRef.current?.offsetWidth ?? 0;\n    const localLayerWidth = localSlides.reduce(\n      (val: number, slide: GallerySlidesState) => slide.width + val,\n      0\n    );\n    const adjustShiftX =\n      localSlides.length <= layoutState.current.slides.length ||\n      layoutState.current.slides[slideIndex]?.coordX !==\n        localSlides[slideIndex]?.coordX;\n\n    layoutState.current = {\n      containerWidth: localContainerWidth,\n      viewportOffsetWidth: localViewportOffsetWidth,\n      layerWidth: localLayerWidth,\n      max: calcMax({\n        slides: localSlides,\n        viewportOffsetWidth: localViewportOffsetWidth,\n        isCenterWithCustomWidth,\n      }),\n      min: calcMin({\n        containerWidth: localContainerWidth,\n        layerWidth: localLayerWidth,\n        slides: localSlides,\n        viewportOffsetWidth: localViewportOffsetWidth,\n        isCenterWithCustomWidth,\n        align,\n      }),\n      slides: localSlides,\n      isFullyVisible: localLayerWidth <= localContainerWidth,\n    };\n\n    setShiftState((prevState) => ({\n      ...prevState,\n      shiftX: adjustShiftX ? calculateIndent(slideIndex) : prevState.shiftX,\n      animation:\n        options.animation ??\n        prevState.shiftX === validateIndent(prevState.shiftX),\n    }));\n  };\n\n  const onResize = () => {\n    if (shiftState.animation !== undefined) {\n      initializeSlides({ animation: false });\n    }\n  };\n\n  useGlobalEventListener(window, \"resize\", onResize);\n\n  useIsomorphicLayoutEffect(() => {\n    initializeSlides({ animation: false });\n  }, [children, align, slideWidth]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (shiftState.animation !== undefined) {\n      setShiftState((prevState) => ({\n        ...prevState,\n        animation: true,\n        deltaX: 0,\n        shiftX: calculateIndent(slideIndex ?? 0),\n      }));\n    }\n  }, [slideIndex]);\n\n  const slideLeft = () => {\n    onChange?.(slideIndex - 1);\n    onPrevClick?.();\n  };\n\n  const slideRight = () => {\n    onChange?.(slideIndex + 1);\n    onNextClick?.();\n  };\n\n  /*\n   * Получает индекс слайда, к которому будет осуществлен переход\n   */\n  const getTarget = (e: TouchEvent) => {\n    const expectDeltaX = (shiftState.deltaX / e.duration) * 240 * 0.6;\n    const shift =\n      shiftState.shiftX +\n      shiftState.deltaX +\n      expectDeltaX -\n      (layoutState.current.max ?? 0);\n    const direction = shiftState.deltaX < 0 ? 1 : -1;\n\n    // Находим ближайшую границу слайда к текущему отступу\n    let targetIndex = layoutState.current.slides.reduce(\n      (val: number, item: GallerySlidesState, index: number) => {\n        const previousValue = Math.abs(\n          layoutState.current.slides[val].coordX + shift\n        );\n        const currentValue = Math.abs(item.coordX + shift);\n\n        return previousValue < currentValue ? val : index;\n      },\n      slideIndex\n    );\n\n    if (targetIndex === slideIndex) {\n      let targetSlide = slideIndex + direction;\n\n      if (targetSlide >= 0 && targetSlide < layoutState.current.slides.length) {\n        if (\n          Math.abs(shiftState.deltaX) >\n          layoutState.current.slides[targetSlide].width * 0.05\n        ) {\n          targetIndex = targetSlide;\n        }\n      }\n    }\n\n    return targetIndex;\n  };\n\n  const onStart = () => {\n    setShiftState((prevState) => ({ ...prevState, animation: false }));\n  };\n\n  const onMoveX = (e: TouchEvent) => {\n    if (isDraggable && !layoutState.current.isFullyVisible) {\n      e.originalEvent.preventDefault();\n\n      if (e.isSlideX) {\n        // TODO исправить в рамках issue #2698\n        onDragStart?.(e);\n\n        if (shiftState.deltaX !== e.shiftX) {\n          setShiftState((prevState) => ({\n            ...prevState,\n            deltaX: e.shiftX,\n            dragging: e.isSlideX,\n          }));\n        }\n      }\n    }\n  };\n\n  const onEnd = (e: TouchEvent) => {\n    const targetIndex = e.isSlide ? getTarget(e) : slideIndex ?? 0;\n    onDragEnd?.(e);\n\n    const nextShiftState: Partial<ShiftingState> = {\n      animation: true,\n      dragging: false,\n      deltaX: 0,\n    };\n\n    const shiftXStick = calculateDragIndent();\n    if (targetIndex !== slideIndex) {\n      // Сохраняем сдвиг слайда в том положении, в каком его оставили после драга (fix issue #2185)\n      nextShiftState.shiftX = shiftXStick;\n    }\n\n    setShiftState((prevState) => ({ ...prevState, ...nextShiftState }));\n    if (targetIndex !== slideIndex) {\n      onChange?.(targetIndex);\n    }\n\n    // TODO исправить в рамках issue #2698\n    onEndProp?.({ targetIndex });\n  };\n\n  const indent = shiftState.dragging\n    ? calculateDragIndent()\n    : shiftState.shiftX;\n\n  const layerStyle = {\n    WebkitTransform: `translateX(${indent}px)`,\n    transform: `translateX(${indent}px)`,\n    WebkitTransition: shiftState.animation\n      ? `-webkit-transform ${ANIMATION_DURATION}s cubic-bezier(.1, 0, .25, 1)`\n      : \"none\",\n    transition: shiftState.animation\n      ? `transform ${ANIMATION_DURATION}s cubic-bezier(.1, 0, .25, 1)`\n      : \"none\",\n  };\n\n  const setSlideRef = (slideRef: HTMLDivElement | null, slideIndex: number) => {\n    slidesStore.current[`slide-${slideIndex}`] = slideRef;\n  };\n\n  // shiftX is negative number <= 0, we can swipe back only if it is < 0\n  const canSlideLeft =\n    !layoutState.current.isFullyVisible && shiftState.shiftX < 0;\n\n  const canSlideRight =\n    !layoutState.current.isFullyVisible &&\n    // we can't move right when gallery layer fully scrolled right, if gallery aligned by left side\n    ((align === \"left\" &&\n      layoutState.current.containerWidth - shiftState.shiftX <\n        (layoutState.current.layerWidth ?? 0)) ||\n      // otherwise we need to check current slide index (align = right or align = center)\n      (align !== \"left\" && slideIndex < layoutState.current.slides.length - 1));\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        \"Gallery\",\n        `Gallery--${align}`,\n        shiftState.dragging && \"Gallery--dragging\",\n        slideWidth === \"custom\" && \"Gallery--custom-width\"\n      )}\n      ref={rootRef}\n    >\n      <Touch\n        vkuiClass=\"Gallery__viewport\"\n        onStartX={onStart}\n        onMoveX={onMoveX}\n        onEnd={onEnd}\n        style={{ width: slideWidth === \"custom\" ? \"100%\" : slideWidth }}\n        getRootRef={viewportRef}\n        noSlideClick\n      >\n        <div vkuiClass=\"Gallery__layer\" style={layerStyle}>\n          {React.Children.map(children, (item: React.ReactNode, i: number) => (\n            <div\n              vkuiClass=\"Gallery__slide\"\n              key={`slide-${i}`}\n              ref={(el) => setSlideRef(el, i)}\n            >\n              {item}\n            </div>\n          ))}\n        </div>\n      </Touch>\n\n      {bullets && (\n        <div\n          aria-hidden=\"true\"\n          vkuiClass={classNames(\n            \"Gallery__bullets\",\n            `Gallery__bullets--${bullets}`\n          )}\n        >\n          {React.Children.map(\n            children,\n            (_item: React.ReactNode, index: number) => (\n              <div\n                vkuiClass={classNames(\n                  \"Gallery__bullet\",\n                  index === slideIndex && \"Gallery__bullet--active\"\n                )}\n                key={index}\n              />\n            )\n          )}\n        </div>\n      )}\n\n      {showArrows && hasMouse && canSlideLeft && (\n        <HorizontalScrollArrow direction=\"left\" onClick={slideLeft} />\n      )}\n      {showArrows && hasMouse && canSlideRight && (\n        <HorizontalScrollArrow direction=\"right\" onClick={slideRight} />\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"BaseGallery.js","names":["React","classNames","Touch","HorizontalScrollArrow","useExternRef","useDOM","useAdaptivity","useIsomorphicLayoutEffect","useGlobalEventListener","calcMax","calcMin","ANIMATION_DURATION","LAYOUT_DEFAULT_STATE","containerWidth","viewportOffsetWidth","layerWidth","min","max","slides","isFullyVisible","SHIFT_DEFAULT_STATE","animation","undefined","shiftX","dragging","deltaX","indent","BaseGallery","bullets","getRootRef","children","slideWidth","slideIndex","isDraggable","onDragStart","onDragEnd","onChange","onPrevClick","onNextClick","align","showArrows","getRef","restProps","slidesStore","useRef","layoutState","useState","shiftState","setShiftState","rootRef","viewportRef","window","hasMouse","isCenterWithCustomWidth","validateIndent","value","localMax","current","localMin","calculateIndent","targetIndex","targetSlide","length","coordX","width","viewportWidth","calculateDragIndent","Number","initializeSlides","options","localSlides","Children","map","_item","i","elem","offsetLeft","offsetWidth","localContainerWidth","localViewportOffsetWidth","localLayerWidth","reduce","val","slide","adjustShiftX","prevState","onResize","slideLeft","slideRight","getTarget","e","expectDeltaX","duration","shift","direction","item","index","previousValue","Math","abs","currentValue","onStart","onMoveX","originalEvent","preventDefault","isSlideX","onEnd","isSlide","nextShiftState","shiftXStick","layerStyle","WebkitTransform","transform","WebkitTransition","transition","setSlideRef","slideRef","canSlideLeft","canSlideRight","el"],"sources":["../../../../src/components/BaseGallery/BaseGallery.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { Touch, TouchEvent } from \"../Touch/Touch\";\nimport { HorizontalScrollArrow } from \"../HorizontalScroll/HorizontalScrollArrow\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { useDOM } from \"../../lib/dom\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { useIsomorphicLayoutEffect } from \"../../lib/useIsomorphicLayoutEffect\";\nimport { useGlobalEventListener } from \"../../hooks/useGlobalEventListener\";\nimport { calcMax, calcMin } from \"./helpers\";\nimport {\n  BaseGalleryProps,\n  GallerySlidesState,\n  LayoutState,\n  ShiftingState,\n} from \"./types\";\nimport \"./BaseGallery.css\";\n\nconst ANIMATION_DURATION = 0.24;\n\nconst LAYOUT_DEFAULT_STATE = {\n  containerWidth: 0,\n  viewportOffsetWidth: 0,\n  layerWidth: 0,\n  min: 0,\n  max: 0,\n  slides: [],\n  isFullyVisible: true,\n};\n\nconst SHIFT_DEFAULT_STATE = {\n  animation: undefined,\n  shiftX: 0,\n  dragging: false,\n  deltaX: 0,\n  indent: 0,\n};\n\nexport const BaseGallery = ({\n  bullets = false,\n  getRootRef,\n  children,\n  slideWidth = \"100%\",\n  slideIndex = 0,\n  isDraggable = true,\n  onDragStart,\n  onDragEnd,\n  onChange,\n  onPrevClick,\n  onNextClick,\n  align = \"left\",\n  showArrows,\n  getRef,\n  ...restProps\n}: BaseGalleryProps) => {\n  const slidesStore = React.useRef<Record<string, HTMLDivElement | null>>({});\n  const layoutState = React.useRef<LayoutState>(LAYOUT_DEFAULT_STATE);\n  const [shiftState, setShiftState] =\n    React.useState<ShiftingState>(SHIFT_DEFAULT_STATE);\n\n  const rootRef = useExternRef(getRootRef);\n  const viewportRef = useExternRef(getRef);\n\n  const { window } = useDOM();\n  const { hasMouse } = useAdaptivity();\n\n  const isCenterWithCustomWidth = slideWidth === \"custom\" && align === \"center\";\n\n  const validateIndent = (value: number) => {\n    const localMax = layoutState.current.max ?? 0;\n    const localMin = layoutState.current.min ?? 0;\n\n    if (value < localMin) {\n      return localMin;\n    } else if (value > localMax) {\n      return localMax;\n    }\n\n    return value;\n  };\n\n  /*\n   * Считает отступ слоя галереи\n   */\n  const calculateIndent = (targetIndex: number) => {\n    if (layoutState.current.isFullyVisible) {\n      return 0;\n    }\n\n    const targetSlide = layoutState.current.slides?.length\n      ? layoutState.current.slides[targetIndex]\n      : null;\n\n    if (targetSlide) {\n      const { coordX, width } = targetSlide;\n\n      if (isCenterWithCustomWidth) {\n        const viewportWidth = layoutState.current.viewportOffsetWidth ?? 0;\n        return viewportWidth / 2 - coordX - width / 2;\n      }\n\n      return validateIndent(-1 * coordX);\n    }\n\n    return 0;\n  };\n\n  /*\n   * Считает отступ слоя галереи во время драга\n   */\n  const calculateDragIndent = () => {\n    const localMax = layoutState.current.max ?? 0;\n    const localMin = layoutState.current.min ?? 0;\n    const indent = shiftState.shiftX + shiftState.deltaX;\n\n    if (indent > localMax) {\n      return localMax + Number((indent - localMax) / 3);\n    } else if (indent < localMin) {\n      return localMin + Number((indent - localMin) / 3);\n    }\n\n    return indent;\n  };\n\n  const initializeSlides = (options: { animation?: boolean } = {}) => {\n    const localSlides =\n      React.Children.map(\n        children,\n        (_item: React.ReactNode, i: number): GallerySlidesState => {\n          const elem = slidesStore.current[`slide-${i}`];\n          return {\n            coordX: elem?.offsetLeft ?? 0,\n            width: elem?.offsetWidth ?? 0,\n          };\n        }\n      ) ?? [];\n\n    const localContainerWidth = rootRef.current?.offsetWidth ?? 0;\n    const localViewportOffsetWidth = viewportRef.current?.offsetWidth ?? 0;\n    const localLayerWidth = localSlides.reduce(\n      (val: number, slide: GallerySlidesState) => slide.width + val,\n      0\n    );\n    const adjustShiftX =\n      localSlides.length <= layoutState.current.slides.length ||\n      layoutState.current.slides[slideIndex]?.coordX !==\n        localSlides[slideIndex]?.coordX;\n\n    layoutState.current = {\n      containerWidth: localContainerWidth,\n      viewportOffsetWidth: localViewportOffsetWidth,\n      layerWidth: localLayerWidth,\n      max: calcMax({\n        slides: localSlides,\n        viewportOffsetWidth: localViewportOffsetWidth,\n        isCenterWithCustomWidth,\n      }),\n      min: calcMin({\n        containerWidth: localContainerWidth,\n        layerWidth: localLayerWidth,\n        slides: localSlides,\n        viewportOffsetWidth: localViewportOffsetWidth,\n        isCenterWithCustomWidth,\n        align,\n      }),\n      slides: localSlides,\n      isFullyVisible: localLayerWidth <= localContainerWidth,\n    };\n\n    setShiftState((prevState) => ({\n      ...prevState,\n      shiftX: adjustShiftX ? calculateIndent(slideIndex) : prevState.shiftX,\n      animation:\n        options.animation ??\n        prevState.shiftX === validateIndent(prevState.shiftX),\n    }));\n  };\n\n  const onResize = () => {\n    if (shiftState.animation !== undefined) {\n      initializeSlides({ animation: false });\n    }\n  };\n\n  useGlobalEventListener(window, \"resize\", onResize);\n\n  useIsomorphicLayoutEffect(() => {\n    initializeSlides({ animation: false });\n  }, [children, align, slideWidth]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (shiftState.animation !== undefined) {\n      setShiftState((prevState) => ({\n        ...prevState,\n        animation: true,\n        deltaX: 0,\n        shiftX: calculateIndent(slideIndex ?? 0),\n      }));\n    }\n  }, [slideIndex]);\n\n  const slideLeft = () => {\n    onChange?.(slideIndex - 1);\n    onPrevClick?.();\n  };\n\n  const slideRight = () => {\n    onChange?.(slideIndex + 1);\n    onNextClick?.();\n  };\n\n  /*\n   * Получает индекс слайда, к которому будет осуществлен переход\n   */\n  const getTarget = (e: TouchEvent) => {\n    const expectDeltaX = (shiftState.deltaX / e.duration) * 240 * 0.6;\n    const shift =\n      shiftState.shiftX +\n      shiftState.deltaX +\n      expectDeltaX -\n      (layoutState.current.max ?? 0);\n    const direction = shiftState.deltaX < 0 ? 1 : -1;\n\n    // Находим ближайшую границу слайда к текущему отступу\n    let targetIndex = layoutState.current.slides.reduce(\n      (val: number, item: GallerySlidesState, index: number) => {\n        const previousValue = Math.abs(\n          layoutState.current.slides[val].coordX + shift\n        );\n        const currentValue = Math.abs(item.coordX + shift);\n\n        return previousValue < currentValue ? val : index;\n      },\n      slideIndex\n    );\n\n    if (targetIndex === slideIndex) {\n      let targetSlide = slideIndex + direction;\n\n      if (targetSlide >= 0 && targetSlide < layoutState.current.slides.length) {\n        if (\n          Math.abs(shiftState.deltaX) >\n          layoutState.current.slides[targetSlide].width * 0.05\n        ) {\n          targetIndex = targetSlide;\n        }\n      }\n    }\n\n    return targetIndex;\n  };\n\n  const onStart = (e: TouchEvent) => {\n    onDragStart?.(e);\n    setShiftState((prevState) => ({ ...prevState, animation: false }));\n  };\n\n  const onMoveX = (e: TouchEvent) => {\n    if (isDraggable && !layoutState.current.isFullyVisible) {\n      e.originalEvent.preventDefault();\n\n      if (e.isSlideX) {\n        if (shiftState.deltaX !== e.shiftX) {\n          setShiftState((prevState) => ({\n            ...prevState,\n            deltaX: e.shiftX,\n            dragging: e.isSlideX,\n          }));\n        }\n      }\n    }\n  };\n\n  const onEnd = (e: TouchEvent) => {\n    const targetIndex = e.isSlide ? getTarget(e) : slideIndex ?? 0;\n    onDragEnd?.(e, targetIndex);\n\n    const nextShiftState: Partial<ShiftingState> = {\n      animation: true,\n      dragging: false,\n      deltaX: 0,\n    };\n\n    const shiftXStick = calculateDragIndent();\n    if (targetIndex !== slideIndex) {\n      // Сохраняем сдвиг слайда в том положении, в каком его оставили после драга (fix issue #2185)\n      nextShiftState.shiftX = shiftXStick;\n    }\n\n    setShiftState((prevState) => ({ ...prevState, ...nextShiftState }));\n    if (targetIndex !== slideIndex) {\n      onChange?.(targetIndex);\n    }\n  };\n\n  const indent = shiftState.dragging\n    ? calculateDragIndent()\n    : shiftState.shiftX;\n\n  const layerStyle = {\n    WebkitTransform: `translateX(${indent}px)`,\n    transform: `translateX(${indent}px)`,\n    WebkitTransition: shiftState.animation\n      ? `-webkit-transform ${ANIMATION_DURATION}s cubic-bezier(.1, 0, .25, 1)`\n      : \"none\",\n    transition: shiftState.animation\n      ? `transform ${ANIMATION_DURATION}s cubic-bezier(.1, 0, .25, 1)`\n      : \"none\",\n  };\n\n  const setSlideRef = (slideRef: HTMLDivElement | null, slideIndex: number) => {\n    slidesStore.current[`slide-${slideIndex}`] = slideRef;\n  };\n\n  // shiftX is negative number <= 0, we can swipe back only if it is < 0\n  const canSlideLeft =\n    !layoutState.current.isFullyVisible && shiftState.shiftX < 0;\n\n  const canSlideRight =\n    !layoutState.current.isFullyVisible &&\n    // we can't move right when gallery layer fully scrolled right, if gallery aligned by left side\n    ((align === \"left\" &&\n      layoutState.current.containerWidth - shiftState.shiftX <\n        (layoutState.current.layerWidth ?? 0)) ||\n      // otherwise we need to check current slide index (align = right or align = center)\n      (align !== \"left\" && slideIndex < layoutState.current.slides.length - 1));\n\n  return (\n    <div\n      {...restProps}\n      vkuiClass={classNames(\n        \"Gallery\",\n        `Gallery--align-${align}`,\n        shiftState.dragging && \"Gallery--dragging\",\n        slideWidth === \"custom\" && \"Gallery--custom-width\"\n      )}\n      ref={rootRef}\n    >\n      <Touch\n        vkuiClass=\"Gallery__viewport\"\n        onStartX={onStart}\n        onMoveX={onMoveX}\n        onEnd={onEnd}\n        style={{ width: slideWidth === \"custom\" ? \"100%\" : slideWidth }}\n        getRootRef={viewportRef}\n        noSlideClick\n      >\n        <div vkuiClass=\"Gallery__layer\" style={layerStyle}>\n          {React.Children.map(children, (item: React.ReactNode, i: number) => (\n            <div\n              vkuiClass=\"Gallery__slide\"\n              key={`slide-${i}`}\n              ref={(el) => setSlideRef(el, i)}\n            >\n              {item}\n            </div>\n          ))}\n        </div>\n      </Touch>\n\n      {bullets && (\n        <div\n          aria-hidden=\"true\"\n          vkuiClass={classNames(\n            \"Gallery__bullets\",\n            `Gallery__bullets--${bullets}`\n          )}\n        >\n          {React.Children.map(\n            children,\n            (_item: React.ReactNode, index: number) => (\n              <div\n                vkuiClass={classNames(\n                  \"Gallery__bullet\",\n                  index === slideIndex && \"Gallery__bullet--active\"\n                )}\n                key={index}\n              />\n            )\n          )}\n        </div>\n      )}\n\n      {showArrows && hasMouse && canSlideLeft && (\n        <HorizontalScrollArrow direction=\"left\" onClick={slideLeft} />\n      )}\n      {showArrows && hasMouse && canSlideRight && (\n        <HorizontalScrollArrow direction=\"right\" onClick={slideRight} />\n      )}\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/cssm/components/BaseGallery/types.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { HasAlign, HasRef, HasRootRef } from "../../types";
-import { TouchEventHandler } from "../Touch/Touch";
+import { TouchEvent, TouchEventHandler } from "../Touch/Touch";
 export interface GallerySlidesState {
     coordX: number;
     width: number;
@@ -24,11 +24,8 @@ export interface BaseGalleryProps extends Omit<React.HTMLAttributes<HTMLDivEleme
     slideWidth?: string | number;
     slideIndex?: number;
     onDragStart?: TouchEventHandler;
-    onDragEnd?: TouchEventHandler;
+    onDragEnd?(e: TouchEvent, targetIndex: number): void;
     onChange?(current: number): void;
-    onEnd?({ targetIndex }: {
-        targetIndex: number;
-    }): void;
     /**
      * Будет вызвано при клике на кнопку-стрелку влево
      */
@@ -40,4 +37,5 @@ export interface BaseGalleryProps extends Omit<React.HTMLAttributes<HTMLDivEleme
     bullets?: "dark" | "light" | false;
     isDraggable?: boolean;
     showArrows?: boolean;
+    hasMouse?: boolean;
 }

package/dist/cssm/components/BaseGallery/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../../../src/components/BaseGallery/types.ts"],"sourcesContent":["import * as React from \"react\";\nimport { HasAlign, HasRef, HasRootRef } from \"../../types\";\nimport { TouchEventHandler } from \"../Touch/Touch\";\n\nexport interface GallerySlidesState {\n  coordX: number;\n  width: number;\n}\n\nexport interface ShiftingState {\n  deltaX: number;\n  shiftX: number;\n  animation?: boolean;\n  dragging: boolean;\n}\n\nexport interface LayoutState {\n  containerWidth: number;\n  viewportOffsetWidth: number;\n  layerWidth: number;\n  min?: number;\n  max: number;\n  slides: GallerySlidesState[];\n  isFullyVisible: boolean;\n}\n\nexport interface BaseGalleryProps\n  extends Omit<\n      React.HTMLAttributes<HTMLDivElement>,\n      \"onChange\" | \"onDragStart\" | \"onDragEnd\"\n    >,\n    HasAlign,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLElement> {\n  slideWidth?: string | number;\n  slideIndex?: number;\n  onDragStart?: TouchEventHandler;\n  onDragEnd?: TouchEventHandler;\n  onChange?(current: number): void;\n  onEnd?({ targetIndex }: { targetIndex: number }): void;\n  /**\n   * Будет вызвано при клике на кнопку-стрелку влево\n   */\n  onPrevClick?(): void;\n  /**\n   * Будет вызвано при клике на кнопку-стрелку вправо\n   */\n  onNextClick?(): void;\n  bullets?: \"dark\" | \"light\" | false;\n  isDraggable?: boolean;\n  showArrows?: boolean;\n}\n"],"mappings":""}
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/components/BaseGallery/types.ts"],"sourcesContent":["import * as React from \"react\";\nimport { HasAlign, HasRef, HasRootRef } from \"../../types\";\nimport { TouchEvent, TouchEventHandler } from \"../Touch/Touch\";\n\nexport interface GallerySlidesState {\n  coordX: number;\n  width: number;\n}\n\nexport interface ShiftingState {\n  deltaX: number;\n  shiftX: number;\n  animation?: boolean;\n  dragging: boolean;\n}\n\nexport interface LayoutState {\n  containerWidth: number;\n  viewportOffsetWidth: number;\n  layerWidth: number;\n  min?: number;\n  max: number;\n  slides: GallerySlidesState[];\n  isFullyVisible: boolean;\n}\n\nexport interface BaseGalleryProps\n  extends Omit<\n      React.HTMLAttributes<HTMLDivElement>,\n      \"onChange\" | \"onDragStart\" | \"onDragEnd\"\n    >,\n    HasAlign,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLElement> {\n  slideWidth?: string | number;\n  slideIndex?: number;\n  onDragStart?: TouchEventHandler;\n  onDragEnd?(e: TouchEvent, targetIndex: number): void;\n  onChange?(current: number): void;\n  /**\n   * Будет вызвано при клике на кнопку-стрелку влево\n   */\n  onPrevClick?(): void;\n  /**\n   * Будет вызвано при клике на кнопку-стрелку вправо\n   */\n  onNextClick?(): void;\n  bullets?: \"dark\" | \"light\" | false;\n  isDraggable?: boolean;\n  showArrows?: boolean;\n  hasMouse?: boolean;\n}\n"],"mappings":""}

package/dist/cssm/components/Button/Button.d.ts

@@ -1,12 +1,8 @@
 import * as React from "react";
 import { TappableProps } from "../Tappable/Tappable";
 import { HasAlign } from "../../types";
-import "./Button.css";
 export interface VKUIButtonProps extends HasAlign {
-    /**
-     Значения `commerce`, `destructive`, `overlay_...` будут упразднены в 5.0.0
-     */
-    mode?: "primary" | "secondary" | "tertiary" | "outline" | "commerce" | "destructive" | "overlay_primary" | "overlay_secondary" | "overlay_outline";
+    mode?: "primary" | "secondary" | "tertiary" | "outline";
     appearance?: "accent" | "positive" | "negative" | "neutral" | "overlay";
     size?: "s" | "m" | "l";
     stretched?: boolean;
@@ -19,4 +15,4 @@ export interface ButtonProps extends Omit<TappableProps, "size">, VKUIButtonProp
 /**
  * @see https://vkcom.github.io/VKUI/#/Button
  */
-export declare const Button: React.FC<Pick<ButtonProps, "max" | "required" | "high" | "low" | "disabled" | "default" | "start" | "open" | "media" | "loading" | "hidden" | "cite" | "data" | "dir" | "form" | "label" | "slot" | "span" | "style" | "summary" | "title" | "pattern" | "async" | "defer" | "manifest" | "color" | "content" | "size" | "wrap" | "after" | "multiple" | "appearance" | "height" | "translate" | "width" | "prefix" | "src" | "children" | "className" | "id" | "lang" | "method" | "min" | "name" | "target" | "type" | "role" | "tabIndex" | "crossOrigin" | "href" | "mode" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseEnter" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancelCapture" | "onTouchEndCapture" | "onTouchMoveCapture" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "classID" | "useMap" | "wmode" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "as" | "hrefLang" | "integrity" | "rel" | "sizes" | "charSet" | "kind" | "srcLang" | "value" | "download" | "alt" | "coords" | "shape" | "autoPlay" | "controls" | "loop" | "mediaGroup" | "muted" | "playsInline" | "preload" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "dateTime" | "acceptCharset" | "action" | "autoComplete" | "encType" | "noValidate" | "allowFullScreen" | "allowTransparency" | "frameBorder" | "marginHeight" | "marginWidth" | "sandbox" | "scrolling" | "seamless" | "srcDoc" | "srcSet" | "accept" | "capture" | "checked" | "maxLength" | "minLength" | "readOnly" | "step" | "htmlFor" | "httpEquiv" | "optimum" | "reversed" | "selected" | "nonce" | "scoped" | "cellPadding" | "cellSpacing" | "align" | "colSpan" | "headers" | "rowSpan" | "scope" | "cols" | "rows" | "poster" | "challenge" | "keyType" | "keyParams" | "onStart" | "onMove" | "onLeave" | "onEnter" | "onEnd" | "Component" | "getRootRef" | "stopPropagation" | "activeEffectDelay" | "hasHover" | "hoverMode" | "hasActive" | "activeMode" | "focusVisibleMode" | "before" | "stretched"> & import("../AdaptivityProvider/AdaptivityContext").SizeProps>;
+export declare const Button: ({ size, mode, appearance, stretched, align, children, before, after, getRootRef, Component, loading, onClick, stopPropagation, className, ...restProps }: ButtonProps) => JSX.Element;

package/dist/cssm/components/Button/Button.js

@@ -1,199 +1,112 @@
 import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["size", "sizeY", "platform"],
-    _excluded2 = ["size", "mode", "appearance", "stretched", "align", "children", "before", "after", "getRootRef", "sizeY", "Component", "loading", "onClick", "stopPropagation"];
+var _excluded = ["size", "mode", "appearance", "stretched", "align", "children", "before", "after", "getRootRef", "Component", "loading", "onClick", "stopPropagation", "className"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import * as React from "react";
-import { classNames } from "../../lib/classNames";
+import { classNamesString } from "../../lib/classNames";
+import { Platform } from "../../lib/platform";
 import { ConfigProviderContext } from "../ConfigProvider/ConfigProviderContext";
 import { Tappable } from "../Tappable/Tappable";
-import { Title } from "../Typography/Title/Title";
-import { Text } from "../Typography/Text/Text";
-import { Subhead } from "../Typography/Subhead/Subhead";
-import { Caption } from "../Typography/Caption/Caption";
-import { usePlatform } from "../../hooks/usePlatform";
-import { SizeType, withAdaptivity } from "../../hoc/withAdaptivity";
-import { IOS, VKCOM, ANDROID } from "../../lib/platform";
 import { Spinner } from "../Spinner/Spinner";
-import { Headline } from "../Typography/Headline/Headline";
-import "./Button.css";
-
-var ButtonTypography = function ButtonTypography(_ref) {
-  var size = _ref.size,
-      sizeY = _ref.sizeY,
-      platform = _ref.platform,
-      restProps = _objectWithoutProperties(_ref, _excluded);
-
-  var isCompact = sizeY === SizeType.COMPACT;
-
-  switch (size) {
-    case "l":
-      if (isCompact) {
-        return createScopedElement(Text, _extends({
-          weight: "2"
-        }, restProps));
-      }
-
-      if (platform === ANDROID) {
-        return createScopedElement(Headline, _extends({
-          weight: "2"
-        }, restProps));
-      }
-
-      return createScopedElement(Title, _extends({
-        level: "3",
-        weight: "2"
-      }, restProps));
-
-    case "m":
-      if (isCompact) {
-        return createScopedElement(Subhead, _extends({
-          weight: platform === VKCOM ? "3" : "2"
-        }, restProps));
-      }
-
-      return createScopedElement(Text, _extends({
-        weight: "2"
-      }, restProps));
-
-    case "s":
-    default:
-      if (platform === IOS) {
-        return createScopedElement(Subhead, _extends({
-          weight: "2"
-        }, restProps));
-      }
-
-      if (platform === VKCOM) {
-        return createScopedElement(Caption, restProps);
-      }
-
-      if (isCompact) {
-        return createScopedElement(Caption, _extends({
-          weight: "2"
-        }, restProps));
-      }
+import { getSizeYClassName } from "../../helpers/getSizeYClassName";
+import { useAdaptivity } from "../../hooks/useAdaptivity";
+import { usePlatform } from "../../hooks/usePlatform";
 
-      return createScopedElement(Subhead, _extends({
-        weight: "2"
-      }, restProps));
-  }
+require("./Button.module.css");
+
+var styles = {
+  "Button": "vkuiButton",
+  "Button--loading": "vkuiButton--loading",
+  "Button--singleIcon": "vkuiButton--singleIcon",
+  "Button--sizeY-regular": "vkuiButton--sizeY-regular",
+  "Button--sizeY-none": "vkuiButton--sizeY-none",
+  "Button--stretched": "vkuiButton--stretched",
+  "Button__in": "vkuiButton__in",
+  "Button--align-left": "vkuiButton--align-left",
+  "Button--align-center": "vkuiButton--align-center",
+  "Button--align-right": "vkuiButton--align-right",
+  "Button--mode-primary": "vkuiButton--mode-primary",
+  "Button--appearance-overlay": "vkuiButton--appearance-overlay",
+  "Button--appearance-negative": "vkuiButton--appearance-negative",
+  "Button--appearance-positive": "vkuiButton--appearance-positive",
+  "Button--mode-secondary": "vkuiButton--mode-secondary",
+  "Button--mode-tertiary": "vkuiButton--mode-tertiary",
+  "Button--mode-outline": "vkuiButton--mode-outline",
+  "Button--with-icon": "vkuiButton--with-icon",
+  "Button__content": "vkuiButton__content",
+  "Button--size-s": "vkuiButton--size-s",
+  "Button__after": "vkuiButton__after",
+  "Button--size-m": "vkuiButton--size-m",
+  "Button--size-l": "vkuiButton--size-l",
+  "Button__before": "vkuiButton__before",
+  "Button__spinner": "vkuiButton__spinner",
+  "Button--appearance-accent": "vkuiButton--appearance-accent",
+  "Button--hover": "vkuiButton--hover",
+  "Button--active": "vkuiButton--active",
+  "Button--appearance-neutral": "vkuiButton--appearance-neutral",
+  "Button--android": "vkuiButton--android",
+  "Button--ios": "vkuiButton--ios",
+  "Button--sizeY-compact": "vkuiButton--sizeY-compact"
 };
 
-function resolveButtonAppearance(appearance, mode) {
-  var resolvedAppearance = appearance;
-  var resolvedMode = mode;
-
-  if (appearance === undefined) {
-    switch (mode) {
-      case "tertiary":
-      case "secondary":
-      case "primary":
-      case "outline":
-        resolvedAppearance = "accent";
-        break;
-
-      case "commerce":
-        resolvedMode = "primary";
-        resolvedAppearance = "positive";
-        break;
-
-      case "destructive":
-        resolvedMode = "primary";
-        resolvedAppearance = "negative";
-        break;
-
-      case "overlay_primary":
-        resolvedMode = "primary";
-        resolvedAppearance = "overlay";
-        break;
-
-      case "overlay_secondary":
-        resolvedMode = "secondary";
-        resolvedAppearance = "overlay";
-        break;
-
-      case "overlay_outline":
-        resolvedMode = "outline";
-        resolvedAppearance = "overlay";
-        break;
-    }
-  }
-
-  return {
-    resolvedAppearance: resolvedAppearance,
-    resolvedMode: resolvedMode
-  };
-}
-
-var ButtonComponent = function ButtonComponent(_ref2) {
-  var _ref2$size = _ref2.size,
-      size = _ref2$size === void 0 ? "s" : _ref2$size,
-      _ref2$mode = _ref2.mode,
-      mode = _ref2$mode === void 0 ? "primary" : _ref2$mode,
-      appearance = _ref2.appearance,
-      _ref2$stretched = _ref2.stretched,
-      stretched = _ref2$stretched === void 0 ? false : _ref2$stretched,
-      _ref2$align = _ref2.align,
-      align = _ref2$align === void 0 ? "center" : _ref2$align,
-      children = _ref2.children,
-      before = _ref2.before,
-      after = _ref2.after,
-      getRootRef = _ref2.getRootRef,
-      sizeY = _ref2.sizeY,
-      _ref2$Component = _ref2.Component,
-      Component = _ref2$Component === void 0 ? "button" : _ref2$Component,
-      loading = _ref2.loading,
-      onClick = _ref2.onClick,
-      _ref2$stopPropagation = _ref2.stopPropagation,
-      stopPropagation = _ref2$stopPropagation === void 0 ? true : _ref2$stopPropagation,
-      restProps = _objectWithoutProperties(_ref2, _excluded2);
+/**
+ * @see https://vkcom.github.io/VKUI/#/Button
+ */
+export var Button = function Button(_ref) {
+  var _ref$size = _ref.size,
+      size = _ref$size === void 0 ? "s" : _ref$size,
+      _ref$mode = _ref.mode,
+      mode = _ref$mode === void 0 ? "primary" : _ref$mode,
+      _ref$appearance = _ref.appearance,
+      appearance = _ref$appearance === void 0 ? "accent" : _ref$appearance,
+      _ref$stretched = _ref.stretched,
+      stretched = _ref$stretched === void 0 ? false : _ref$stretched,
+      _ref$align = _ref.align,
+      align = _ref$align === void 0 ? "center" : _ref$align,
+      children = _ref.children,
+      before = _ref.before,
+      after = _ref.after,
+      getRootRef = _ref.getRootRef,
+      _ref$Component = _ref.Component,
+      Component = _ref$Component === void 0 ? "button" : _ref$Component,
+      loading = _ref.loading,
+      onClick = _ref.onClick,
+      _ref$stopPropagation = _ref.stopPropagation,
+      stopPropagation = _ref$stopPropagation === void 0 ? true : _ref$stopPropagation,
+      className = _ref.className,
+      restProps = _objectWithoutProperties(_ref, _excluded);
 
-  var platform = usePlatform();
   var hasIcons = Boolean(before || after);
   var hasIconOnly = !children && Boolean(after) !== Boolean(before);
+  var hasNewTokens = React.useContext(ConfigProviderContext).hasNewTokens;
 
-  var _resolveButtonAppeara = resolveButtonAppearance(appearance, mode),
-      resolvedMode = _resolveButtonAppeara.resolvedMode,
-      resolvedAppearance = _resolveButtonAppeara.resolvedAppearance;
+  var _useAdaptivity = useAdaptivity(),
+      sizeY = _useAdaptivity.sizeY;
 
-  var hasNewTokens = React.useContext(ConfigProviderContext).hasNewTokens;
+  var platform = usePlatform();
   return createScopedElement(Tappable, _extends({
-    hoverMode: hasNewTokens ? "Button--hover" : "background",
-    activeMode: hasNewTokens ? "Button--active" : "opacity"
+    hoverMode: hasNewTokens ? styles["Button--hover"] : "background",
+    activeMode: hasNewTokens ? styles["Button--active"] : "opacity"
   }, restProps, {
     Component: restProps.href ? "a" : Component,
     onClick: loading ? undefined : onClick,
     focusVisibleMode: "outside",
     stopPropagation: stopPropagation,
-    vkuiClass: classNames("Button", "Button--sz-".concat(size), "Button--lvl-".concat(resolvedMode), "Button--clr-".concat(resolvedAppearance), "Button--aln-".concat(align), "Button--sizeY-".concat(sizeY), stretched && "Button--stretched", hasIcons && "Button--with-icon", hasIconOnly && "Button--singleIcon", loading && "Button--loading"),
+    className: classNamesString(className, styles.Button, styles["Button--size-".concat(size)], styles["Button--mode-".concat(mode)], styles["Button--appearance-".concat(appearance)], styles["Button--align-".concat(align)], getSizeYClassName("Button", sizeY, styles), platform === Platform.ANDROID && styles["Button--android"], platform === Platform.IOS && styles["Button--ios"], stretched && styles["Button--stretched"], hasIcons && styles["Button--with-icon"], hasIconOnly && styles["Button--singleIcon"], loading && styles["Button--loading"]),
     getRootRef: getRootRef
   }), loading && createScopedElement(Spinner, {
     size: "small",
-    vkuiClass: "Button__spinner"
+    className: styles.Button__spinner
   }), createScopedElement("span", {
-    vkuiClass: "Button__in"
+    className: styles.Button__in
   }, before && createScopedElement("span", {
-    vkuiClass: "Button__before",
+    className: styles.Button__before,
     role: "presentation"
-  }, before), children && createScopedElement(ButtonTypography, {
-    size: size,
-    sizeY: sizeY,
-    platform: platform,
-    vkuiClass: "Button__content",
-    Component: "span"
+  }, before), children && createScopedElement("span", {
+    className: styles.Button__content
   }, children), after && createScopedElement("span", {
-    vkuiClass: "Button__after",
+    className: styles.Button__after,
     role: "presentation"
   }, after)));
 };
-/**
- * @see https://vkcom.github.io/VKUI/#/Button
- */
-
-
-export var Button = withAdaptivity(ButtonComponent, {
-  sizeY: true
-});
-Button.displayName = "Button";
 //# sourceMappingURL=Button.js.map

package/dist/cssm/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","names":["React","classNames","ConfigProviderContext","Tappable","Title","Text","Subhead","Caption","usePlatform","SizeType","withAdaptivity","IOS","VKCOM","ANDROID","Spinner","Headline","ButtonTypography","size","sizeY","platform","restProps","isCompact","COMPACT","resolveButtonAppearance","appearance","mode","resolvedAppearance","resolvedMode","undefined","ButtonComponent","stretched","align","children","before","after","getRootRef","Component","loading","onClick","stopPropagation","hasIcons","Boolean","hasIconOnly","hasNewTokens","useContext","href","Button","displayName"],"sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { ConfigProviderContext } from \"../ConfigProvider/ConfigProviderContext\";\nimport { TappableProps, Tappable } from \"../Tappable/Tappable\";\nimport { Title } from \"../Typography/Title/Title\";\nimport { Text } from \"../Typography/Text/Text\";\nimport { Subhead } from \"../Typography/Subhead/Subhead\";\nimport { Caption } from \"../Typography/Caption/Caption\";\nimport { HasAlign, HasComponent } from \"../../types\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport {\n  AdaptivityProps,\n  SizeType,\n  withAdaptivity,\n} from \"../../hoc/withAdaptivity\";\nimport { PlatformType, IOS, VKCOM, ANDROID } from \"../../lib/platform\";\nimport { Spinner } from \"../Spinner/Spinner\";\nimport { Headline } from \"../Typography/Headline/Headline\";\nimport \"./Button.css\";\n\nexport interface VKUIButtonProps extends HasAlign {\n  /**\n   Значения `commerce`, `destructive`, `overlay_...` будут упразднены в 5.0.0\n   */\n  mode?:\n    | \"primary\"\n    | \"secondary\"\n    | \"tertiary\"\n    | \"outline\"\n    | \"commerce\"\n    | \"destructive\"\n    | \"overlay_primary\"\n    | \"overlay_secondary\"\n    | \"overlay_outline\";\n  appearance?: \"accent\" | \"positive\" | \"negative\" | \"neutral\" | \"overlay\";\n  size?: \"s\" | \"m\" | \"l\";\n  stretched?: boolean;\n  before?: React.ReactNode;\n  after?: React.ReactNode;\n  loading?: boolean;\n}\n\nexport interface ButtonProps\n  extends Omit<TappableProps, \"size\">,\n    VKUIButtonProps {}\n\ninterface ButtonTypographyProps extends HasComponent {\n  size: ButtonProps[\"size\"];\n  platform: PlatformType | undefined;\n  sizeY: AdaptivityProps[\"sizeY\"];\n  children?: ButtonProps[\"children\"];\n}\n\nconst ButtonTypography = ({\n  size,\n  sizeY,\n  platform,\n  ...restProps\n}: ButtonTypographyProps) => {\n  const isCompact = sizeY === SizeType.COMPACT;\n\n  switch (size) {\n    case \"l\":\n      if (isCompact) {\n        return <Text weight=\"2\" {...restProps} />;\n      }\n      if (platform === ANDROID) {\n        return <Headline weight=\"2\" {...restProps} />;\n      }\n      return <Title level=\"3\" weight=\"2\" {...restProps} />;\n    case \"m\":\n      if (isCompact) {\n        return (\n          <Subhead weight={platform === VKCOM ? \"3\" : \"2\"} {...restProps} />\n        );\n      }\n\n      return <Text weight=\"2\" {...restProps} />;\n    case \"s\":\n    default:\n      if (platform === IOS) {\n        return <Subhead weight=\"2\" {...restProps} />;\n      }\n\n      if (platform === VKCOM) {\n        return <Caption {...restProps} />;\n      }\n\n      if (isCompact) {\n        return <Caption weight=\"2\" {...restProps} />;\n      }\n\n      return <Subhead weight=\"2\" {...restProps} />;\n  }\n};\n\ninterface ResolvedButtonAppearance {\n  resolvedAppearance: ButtonProps[\"appearance\"];\n  resolvedMode: ButtonProps[\"mode\"];\n}\n\nfunction resolveButtonAppearance(\n  appearance: ButtonProps[\"appearance\"],\n  mode: ButtonProps[\"mode\"]\n): ResolvedButtonAppearance {\n  let resolvedAppearance: ButtonProps[\"appearance\"] = appearance;\n  let resolvedMode: ButtonProps[\"mode\"] = mode;\n\n  if (appearance === undefined) {\n    switch (mode) {\n      case \"tertiary\":\n      case \"secondary\":\n      case \"primary\":\n      case \"outline\":\n        resolvedAppearance = \"accent\";\n        break;\n      case \"commerce\":\n        resolvedMode = \"primary\";\n        resolvedAppearance = \"positive\";\n        break;\n      case \"destructive\":\n        resolvedMode = \"primary\";\n        resolvedAppearance = \"negative\";\n        break;\n      case \"overlay_primary\":\n        resolvedMode = \"primary\";\n        resolvedAppearance = \"overlay\";\n        break;\n      case \"overlay_secondary\":\n        resolvedMode = \"secondary\";\n        resolvedAppearance = \"overlay\";\n        break;\n      case \"overlay_outline\":\n        resolvedMode = \"outline\";\n        resolvedAppearance = \"overlay\";\n        break;\n    }\n  }\n\n  return {\n    resolvedAppearance,\n    resolvedMode,\n  };\n}\n\nconst ButtonComponent = ({\n  size = \"s\",\n  mode = \"primary\",\n  appearance,\n  stretched = false,\n  align = \"center\",\n  children,\n  before,\n  after,\n  getRootRef,\n  sizeY,\n  Component = \"button\",\n  loading,\n  onClick,\n  stopPropagation = true,\n  ...restProps\n}: ButtonProps) => {\n  const platform = usePlatform();\n  const hasIcons = Boolean(before || after);\n  const hasIconOnly = !children && Boolean(after) !== Boolean(before);\n  const { resolvedMode, resolvedAppearance } = resolveButtonAppearance(\n    appearance,\n    mode\n  );\n  const hasNewTokens = React.useContext(ConfigProviderContext).hasNewTokens;\n\n  return (\n    <Tappable\n      hoverMode={hasNewTokens ? \"Button--hover\" : \"background\"}\n      activeMode={hasNewTokens ? \"Button--active\" : \"opacity\"}\n      {...restProps}\n      Component={restProps.href ? \"a\" : Component}\n      onClick={loading ? undefined : onClick}\n      focusVisibleMode=\"outside\"\n      stopPropagation={stopPropagation}\n      vkuiClass={classNames(\n        \"Button\",\n        `Button--sz-${size}`,\n        `Button--lvl-${resolvedMode}`,\n        `Button--clr-${resolvedAppearance}`,\n        `Button--aln-${align}`,\n        `Button--sizeY-${sizeY}`,\n        stretched && \"Button--stretched\",\n        hasIcons && \"Button--with-icon\",\n        hasIconOnly && \"Button--singleIcon\",\n        loading && \"Button--loading\"\n      )}\n      getRootRef={getRootRef}\n    >\n      {loading && <Spinner size=\"small\" vkuiClass=\"Button__spinner\" />}\n      <span vkuiClass=\"Button__in\">\n        {before && (\n          <span vkuiClass=\"Button__before\" role=\"presentation\">\n            {before}\n          </span>\n        )}\n        {children && (\n          <ButtonTypography\n            size={size}\n            sizeY={sizeY}\n            platform={platform}\n            vkuiClass=\"Button__content\"\n            Component=\"span\"\n          >\n            {children}\n          </ButtonTypography>\n        )}\n        {after && (\n          <span vkuiClass=\"Button__after\" role=\"presentation\">\n            {after}\n          </span>\n        )}\n      </span>\n    </Tappable>\n  );\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Button\n */\nexport const Button = withAdaptivity(ButtonComponent, {\n  sizeY: true,\n});\n\nButton.displayName = \"Button\";\n"],"mappings":"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"}
+{"version":3,"file":"Button.js","names":["React","classNamesString","Platform","ConfigProviderContext","Tappable","Spinner","getSizeYClassName","useAdaptivity","usePlatform","Button","size","mode","appearance","stretched","align","children","before","after","getRootRef","Component","loading","onClick","stopPropagation","className","restProps","hasIcons","Boolean","hasIconOnly","hasNewTokens","useContext","sizeY","platform","styles","href","undefined","ANDROID","IOS","Button__spinner","Button__in","Button__before","Button__content","Button__after"],"sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { classNamesString } from \"../../lib/classNames\";\nimport { Platform } from \"../../lib/platform\";\nimport { ConfigProviderContext } from \"../ConfigProvider/ConfigProviderContext\";\nimport { TappableProps, Tappable } from \"../Tappable/Tappable\";\nimport { HasAlign } from \"../../types\";\nimport { Spinner } from \"../Spinner/Spinner\";\nimport { getSizeYClassName } from \"../../helpers/getSizeYClassName\";\nimport { useAdaptivity } from \"../../hooks/useAdaptivity\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport styles from \"./Button.module.css\";\n\nexport interface VKUIButtonProps extends HasAlign {\n  mode?: \"primary\" | \"secondary\" | \"tertiary\" | \"outline\";\n  appearance?: \"accent\" | \"positive\" | \"negative\" | \"neutral\" | \"overlay\";\n  size?: \"s\" | \"m\" | \"l\";\n  stretched?: boolean;\n  before?: React.ReactNode;\n  after?: React.ReactNode;\n  loading?: boolean;\n}\n\nexport interface ButtonProps\n  extends Omit<TappableProps, \"size\">,\n    VKUIButtonProps {}\n\n/**\n * @see https://vkcom.github.io/VKUI/#/Button\n */\nexport const Button = ({\n  size = \"s\",\n  mode = \"primary\",\n  appearance = \"accent\",\n  stretched = false,\n  align = \"center\",\n  children,\n  before,\n  after,\n  getRootRef,\n  Component = \"button\",\n  loading,\n  onClick,\n  stopPropagation = true,\n  className,\n  ...restProps\n}: ButtonProps) => {\n  const hasIcons = Boolean(before || after);\n  const hasIconOnly = !children && Boolean(after) !== Boolean(before);\n  const hasNewTokens = React.useContext(ConfigProviderContext).hasNewTokens;\n  const { sizeY } = useAdaptivity();\n  const platform = usePlatform();\n\n  return (\n    <Tappable\n      hoverMode={hasNewTokens ? styles[\"Button--hover\"] : \"background\"}\n      activeMode={hasNewTokens ? styles[\"Button--active\"] : \"opacity\"}\n      {...restProps}\n      Component={restProps.href ? \"a\" : Component}\n      onClick={loading ? undefined : onClick}\n      focusVisibleMode=\"outside\"\n      stopPropagation={stopPropagation}\n      className={classNamesString(\n        className,\n        styles.Button,\n        styles[`Button--size-${size}`],\n        styles[`Button--mode-${mode}`],\n        styles[`Button--appearance-${appearance}`],\n        styles[`Button--align-${align}`],\n        getSizeYClassName(\"Button\", sizeY, styles),\n        platform === Platform.ANDROID && styles[`Button--android`],\n        platform === Platform.IOS && styles[`Button--ios`],\n        stretched && styles[\"Button--stretched\"],\n        hasIcons && styles[\"Button--with-icon\"],\n        hasIconOnly && styles[\"Button--singleIcon\"],\n        loading && styles[\"Button--loading\"]\n      )}\n      getRootRef={getRootRef}\n    >\n      {loading && <Spinner size=\"small\" className={styles.Button__spinner} />}\n      <span className={styles.Button__in}>\n        {before && (\n          <span className={styles.Button__before} role=\"presentation\">\n            {before}\n          </span>\n        )}\n        {children && <span className={styles.Button__content}>{children}</span>}\n        {after && (\n          <span className={styles.Button__after} role=\"presentation\">\n            {after}\n          </span>\n        )}\n      </span>\n    </Tappable>\n  );\n};\n"],"mappings":"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"}