@vkontakte/vkui 4.15.0 → 4.16.2

package/dist/cjs/components/RangeSlider/UniversalSlider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/RangeSlider/UniversalSlider.tsx"],"names":["UniversalSliderDumb","min","max","step","value","defaultValue","onChange","getRootRef","sizeY","disabled","restProps","platform","start","end","isRange","gesture","React","useRef","dragging","startX","containerWidth","current","container","thumbStart","thumbEnd","offsetToValue","absolute","updateRange","nextValue","snapDirection","pos","target","Math","abs","onStart","e","boundingRect","getBoundingClientRect","width","absolutePosition","left","originalEvent","stopPropagation","onMove","shiftX","preventDefault","onEnd","toPercent","v","draggerStyle","join","UniversalSlider"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport Touch, { TouchEvent, TouchEventHandler } from '../Touch/Touch';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport { HasRootRef } from '../../types';\nimport { rescale } from '../../helpers/math';\nimport { withAdaptivity, AdaptivityProps } from '../../hoc/withAdaptivity';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport '../Slider/Slider.css';\n\nexport type UniversalValue = [number | null, number];\n\nexport interface UniversalSliderProps<Value> extends\n  HasRootRef<HTMLDivElement>,\n  Omit<React.HTMLAttributes<HTMLDivElement>, 'value' | 'defaultValue' | 'onChange'>,\n  AdaptivityProps {\n  min?: number;\n  max?: number;\n  step?: number;\n  value?: Value;\n  defaultValue?: Value;\n  disabled?: boolean;\n  onChange?(value: Value, e: TouchEvent): void;\n}\n\nconst UniversalSliderDumb: React.FC<UniversalSliderProps<UniversalValue>> = ({\n  min, max, step,\n  value, defaultValue, onChange,\n  getRootRef,\n  sizeY,\n  disabled,\n  ...restProps\n}) => {\n  const platform = usePlatform();\n  const [start, end] = value;\n  const isRange = start != null;\n  const gesture = React.useRef({\n    dragging: false as false | 'start' | 'end',\n    startX: 0,\n    containerWidth: 0,\n  }).current;\n  const container = useExternRef(getRootRef);\n  const thumbStart = React.useRef<HTMLDivElement>();\n  const thumbEnd = React.useRef<HTMLDivElement>();\n\n  const offsetToValue = (absolute: number) => {\n    return rescale(absolute, [0, gesture.containerWidth], [min, max], { step });\n  };\n\n  const updateRange = (nextValue: number): UniversalValue => {\n    if (start == null) {\n      return [null, nextValue];\n    }\n\n    const { dragging } = gesture;\n    if (dragging === 'start') {\n      if (nextValue > end) {\n        // \"перехватиться\", если перетянули за конец\n        gesture.dragging = 'end';\n        return [end, nextValue];\n      }\n      return [nextValue, end];\n    }\n    if (dragging === 'end') {\n      if (nextValue < start) {\n        // \"перехватиться\", если перетянули за начало\n        gesture.dragging = 'start';\n        return [nextValue, start];\n      }\n      return [start, nextValue];\n    }\n\n    return value;\n  };\n\n  const snapDirection = (pos: number, target: EventTarget) => {\n    if (target === thumbStart.current) {\n      return 'start';\n    }\n    if (target === thumbEnd.current) {\n      return 'end';\n    }\n    return Math.abs(start - pos) <= Math.abs(end - pos) ? 'start' : 'end';\n  };\n\n  const onStart: TouchEventHandler = (e: TouchEvent) => {\n    const boundingRect = container.current.getBoundingClientRect();\n    gesture.containerWidth = boundingRect.width;\n\n    const absolutePosition = e.startX - boundingRect.left;\n    const pos = offsetToValue(absolutePosition);\n    gesture.dragging = snapDirection(pos, e.originalEvent.target);\n    gesture.startX = absolutePosition;\n\n    onChange(updateRange(pos), e);\n    e.originalEvent.stopPropagation();\n  };\n\n  const onMove: TouchEventHandler = (e: TouchEvent) => {\n    onChange(updateRange(offsetToValue(gesture.startX + (e.shiftX || 0))), e);\n\n    e.originalEvent.stopPropagation();\n    e.originalEvent.preventDefault();\n  };\n\n  const onEnd: TouchEventHandler = (e) => {\n    gesture.dragging = false;\n    e.originalEvent.stopPropagation();\n  };\n\n  const toPercent = (v: number) => (v - min) / (max - min) * 100;\n  const draggerStyle = isRange ? {\n    width: `${toPercent(end) - toPercent(start)}%`,\n    left: `${toPercent(start)}%`,\n  } : {\n    width: `${toPercent(end)}%`,\n  };\n\n  return (\n    <Touch\n      data-value={isRange ? value.join(',') : value}\n      {...restProps}\n      {...(disabled ? {} : { onStart, onMove, onEnd })}\n      vkuiClass={classNames(\n        getClassName('Slider', platform),\n        `Slider--sizeY-${sizeY}`,\n        disabled && 'Slider--disabled',\n      )}\n    >\n      <div ref={container} vkuiClass=\"Slider__in\">\n        <div vkuiClass=\"Slider__dragger\" style={draggerStyle}>\n          {isRange && <span vkuiClass={classNames('Slider__thumb', 'Slider__thumb--start')} ref={thumbStart} />}\n          <span vkuiClass={classNames('Slider__thumb', 'Slider__thumb--end')} ref={thumbEnd} />\n        </div>\n      </div>\n    </Touch>\n  );\n};\n\nexport const UniversalSlider = withAdaptivity(UniversalSliderDumb, {\n  sizeY: true,\n});\n"],"file":"UniversalSlider.js"}
+{"version":3,"sources":["../../../../src/components/RangeSlider/UniversalSlider.tsx"],"names":["UniversalSliderDumb","min","max","step","value","defaultValue","onChange","getRootRef","sizeY","disabled","restProps","platform","start","end","isRange","gesture","React","useRef","dragging","startX","containerWidth","current","container","thumbStart","thumbEnd","offsetToValue","absolute","updateRange","nextValue","snapDirection","pos","target","Math","abs","onStart","e","boundingRect","getBoundingClientRect","width","absolutePosition","left","originalEvent","stopPropagation","onMove","shiftX","preventDefault","onEnd","toPercent","v","draggerStyle","join","UniversalSlider"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { Touch, TouchEvent, TouchEventHandler } from '../Touch/Touch';\nimport { getClassName } from '../../helpers/getClassName';\nimport { classNames } from '../../lib/classNames';\nimport { HasRootRef } from '../../types';\nimport { rescale } from '../../helpers/math';\nimport { withAdaptivity, AdaptivityProps } from '../../hoc/withAdaptivity';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport '../Slider/Slider.css';\n\nexport type UniversalValue = [number | null, number];\n\nexport interface UniversalSliderProps<Value> extends\n  HasRootRef<HTMLDivElement>,\n  Omit<React.HTMLAttributes<HTMLDivElement>, 'value' | 'defaultValue' | 'onChange'>,\n  AdaptivityProps {\n  min?: number;\n  max?: number;\n  step?: number;\n  value?: Value;\n  defaultValue?: Value;\n  disabled?: boolean;\n  onChange?(value: Value, e: TouchEvent): void;\n}\n\nconst UniversalSliderDumb: React.FC<UniversalSliderProps<UniversalValue>> = ({\n  min, max, step,\n  value, defaultValue, onChange,\n  getRootRef,\n  sizeY,\n  disabled,\n  ...restProps\n}) => {\n  const platform = usePlatform();\n  const [start, end] = value;\n  const isRange = start != null;\n  const gesture = React.useRef({\n    dragging: false as false | 'start' | 'end',\n    startX: 0,\n    containerWidth: 0,\n  }).current;\n  const container = useExternRef(getRootRef);\n  const thumbStart = React.useRef<HTMLDivElement>();\n  const thumbEnd = React.useRef<HTMLDivElement>();\n\n  const offsetToValue = (absolute: number) => {\n    return rescale(absolute, [0, gesture.containerWidth], [min, max], { step });\n  };\n\n  const updateRange = (nextValue: number): UniversalValue => {\n    if (start == null) {\n      return [null, nextValue];\n    }\n\n    const { dragging } = gesture;\n    if (dragging === 'start') {\n      if (nextValue > end) {\n        // \"перехватиться\", если перетянули за конец\n        gesture.dragging = 'end';\n        return [end, nextValue];\n      }\n      return [nextValue, end];\n    }\n    if (dragging === 'end') {\n      if (nextValue < start) {\n        // \"перехватиться\", если перетянули за начало\n        gesture.dragging = 'start';\n        return [nextValue, start];\n      }\n      return [start, nextValue];\n    }\n\n    return value;\n  };\n\n  const snapDirection = (pos: number, target: EventTarget) => {\n    if (target === thumbStart.current) {\n      return 'start';\n    }\n    if (target === thumbEnd.current) {\n      return 'end';\n    }\n    return Math.abs(start - pos) <= Math.abs(end - pos) ? 'start' : 'end';\n  };\n\n  const onStart: TouchEventHandler = (e: TouchEvent) => {\n    const boundingRect = container.current.getBoundingClientRect();\n    gesture.containerWidth = boundingRect.width;\n\n    const absolutePosition = e.startX - boundingRect.left;\n    const pos = offsetToValue(absolutePosition);\n    gesture.dragging = snapDirection(pos, e.originalEvent.target);\n    gesture.startX = absolutePosition;\n\n    onChange(updateRange(pos), e);\n    e.originalEvent.stopPropagation();\n  };\n\n  const onMove: TouchEventHandler = (e: TouchEvent) => {\n    onChange(updateRange(offsetToValue(gesture.startX + (e.shiftX || 0))), e);\n\n    e.originalEvent.stopPropagation();\n    e.originalEvent.preventDefault();\n  };\n\n  const onEnd: TouchEventHandler = (e) => {\n    gesture.dragging = false;\n    e.originalEvent.stopPropagation();\n  };\n\n  const toPercent = (v: number) => (v - min) / (max - min) * 100;\n  const draggerStyle = isRange ? {\n    width: `${toPercent(end) - toPercent(start)}%`,\n    left: `${toPercent(start)}%`,\n  } : {\n    width: `${toPercent(end)}%`,\n  };\n\n  return (\n    <Touch\n      data-value={isRange ? value.join(',') : value}\n      {...restProps}\n      {...(disabled ? {} : { onStart, onMove, onEnd })}\n      vkuiClass={classNames(\n        getClassName('Slider', platform),\n        `Slider--sizeY-${sizeY}`,\n        disabled && 'Slider--disabled',\n      )}\n    >\n      <div ref={container} vkuiClass=\"Slider__in\">\n        <div vkuiClass=\"Slider__dragger\" style={draggerStyle}>\n          {isRange && <span vkuiClass={classNames('Slider__thumb', 'Slider__thumb--start')} ref={thumbStart} />}\n          <span vkuiClass={classNames('Slider__thumb', 'Slider__thumb--end')} ref={thumbEnd} />\n        </div>\n      </div>\n    </Touch>\n  );\n};\n\nexport const UniversalSlider = withAdaptivity(UniversalSliderDumb, {\n  sizeY: true,\n});\n"],"file":"UniversalSlider.js"}

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

@@ -1,11 +1,7 @@
 import * as React from 'react';
-import { HasPlatform } from '../../types';
-import { ConfigProviderContextInterface } from '../ConfigProvider/ConfigProviderContext';
-import { SplitColContextProps } from '../SplitCol/SplitCol';
-import { ScrollContextInterface } from '../AppRoot/ScrollContext';
 import { NavIdProps } from '../../lib/getNavId';
 import './Root.css';
-export interface RootProps extends React.HTMLAttributes<HTMLDivElement>, HasPlatform, NavIdProps {
+export interface RootProps extends React.HTMLAttributes<HTMLDivElement>, NavIdProps {
     activeView: string;
     onTransition?(params: {
         isBack: boolean;
@@ -24,30 +20,12 @@ export interface RootProps extends React.HTMLAttributes<HTMLDivElement>, HasPlat
      * Свойство для отрисовки `ModalRoot`.
      */
     modal?: React.ReactNode;
-    /**
-     * @ignore
-     */
-    splitCol?: SplitColContextProps;
-    /**
-     * @ignore
-     */
-    configProvider?: ConfigProviderContextInterface;
-    /**
-     * @ignore
-     */
-    scroll?: ScrollContextInterface;
 }
-export declare type AnimationEndCallback = (e?: AnimationEvent) => void;
 export interface RootState {
     activeView: string;
-    prevView: string;
-    nextView: string;
-    visibleViews: [string] | [string, string];
-    isBack: boolean;
-    scrolls: {
-        [index: string]: number;
-    };
     transition: boolean;
+    isBack?: boolean;
+    prevView?: string;
 }
-declare const _default: React.FC<RootProps>;
-export default _default;
+declare const Root: React.FC<RootProps>;
+export default Root;

package/dist/cjs/components/Root/Root.js

@@ -13,21 +13,9 @@ var _jsxRuntime = require("../../lib/jsxRuntime");
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-
-var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/createSuper"));
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 
 var React = _interopRequireWildcard(require("react"));
 
@@ -35,228 +23,184 @@ var _classNames = require("../../lib/classNames");
 
 var _getClassName = require("../../helpers/getClassName");
 
-var _supportEvents = require("../../lib/supportEvents");
-
 var _platform = require("../../lib/platform");
 
-var _withPlatform = require("../../hoc/withPlatform");
-
-var _withContext = require("../../hoc/withContext");
-
 var _ConfigProviderContext = require("../ConfigProvider/ConfigProviderContext");
 
 var _SplitCol = require("../SplitCol/SplitCol");
 
 var _AppRootPortal = require("../AppRoot/AppRootPortal");
 
-var _dom = require("../../lib/dom");
-
 var _ScrollContext = require("../AppRoot/ScrollContext");
 
 var _getNavId = require("../../lib/getNavId");
 
 var _warnOnce = require("../../lib/warnOnce");
 
-var _excluded = ["popout", "modal", "platform", "splitCol", "configProvider", "activeView", "onTransition", "window", "document", "scroll", "nav"];
+var _dom = require("../../lib/dom");
+
+var _useIsomorphicLayoutEffect = require("../../lib/useIsomorphicLayoutEffect");
+
+var _useTimeout = require("../../hooks/useTimeout");
+
+var _usePlatform = require("../../hooks/usePlatform");
+
+var _excluded = ["popout", "modal", "children", "activeView", "onTransition", "nav"];
 var warn = (0, _warnOnce.warnOnce)('Root');
 
-var Root = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2.default)(Root, _React$Component);
-
-  var _super = (0, _createSuper2.default)(Root);
-
-  function Root(props) {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, Root);
-    _this = _super.call(this, props);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "animationFinishTimeout", void 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "viewNodes", {});
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onAnimationEnd", function (e) {
-      if (!e || ['vkui-root-android-animation-hide-back', 'vkui-root-android-animation-show-forward', 'vkui-root-ios-animation-hide-back', 'vkui-root-ios-animation-show-forward'].includes(e.animationName)) {
-        var isBack = _this.state.isBack;
-        var prevView = _this.state.prevView;
-        var nextView = _this.state.nextView;
-
-        _this.setState({
-          activeView: nextView,
-          prevView: null,
-          nextView: null,
-          visibleViews: [nextView],
-          transition: false,
-          isBack: undefined
-        }, function () {
-          _this.props.scroll.scrollTo(0, isBack ? _this.state.scrolls[_this.state.activeView] : 0);
-
-          _this.props.onTransition && _this.props.onTransition({
-            isBack: isBack,
-            from: prevView,
-            to: nextView
-          });
-        });
-      }
-    });
-    _this.state = {
-      activeView: props.activeView,
-      prevView: null,
-      nextView: null,
-      visibleViews: [props.activeView],
-      isBack: undefined,
-      scrolls: {},
-      transition: false
-    };
-    return _this;
-  }
-
-  (0, _createClass2.default)(Root, [{
-    key: "document",
-    get: function get() {
-      return this.props.document;
-    }
-  }, {
-    key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps, prevState) {
-      var _this2 = this;
-
-      if (this.props.popout && !prevProps.popout) {
-        this.blurActiveElement();
-      } // Нужен переход
-
-
-      if (this.props.activeView !== prevProps.activeView) {
-        var pageYOffset = this.props.scroll.getScroll().y;
-        var firstLayerId = [].concat(prevProps.children).map(function (view) {
-          return (0, _getNavId.getNavId)(view.props, warn);
-        }).find(function (id) {
-          return id === prevProps.activeView || id === _this2.props.activeView;
-        });
-        var isBack = firstLayerId === this.props.activeView;
-        this.blurActiveElement();
-        var nextView = this.props.activeView;
-        var prevView = prevProps.activeView;
-        this.setState({
-          scrolls: (0, _objectSpread3.default)((0, _objectSpread3.default)({}, this.state.scrolls), {}, (0, _defineProperty2.default)({}, prevProps.activeView, pageYOffset)),
-          transition: true,
-          activeView: null,
-          nextView: nextView,
-          prevView: prevView,
-          visibleViews: [nextView, prevView],
-          isBack: isBack
-        });
-      } // Начался переход
-
-
-      if (!prevState.transition && this.state.transition) {
-        var prevViewElement = this.viewNodes[this.state.prevView];
-        var nextViewElement = this.viewNodes[this.state.nextView];
-
-        var setPanelScroll = function setPanelScroll(e, scroll) {
-          // eslint-disable-next-line no-restricted-properties
-          var pan = e.querySelector('[data-vkui-active-panel=true]');
-          pan && (pan.scrollTop = scroll);
-        };
-
-        setPanelScroll(prevViewElement, this.state.scrolls[this.state.prevView]);
-
-        if (this.state.isBack) {
-          setPanelScroll(nextViewElement, this.state.scrolls[this.state.nextView]);
-        }
-
-        this.waitAnimationFinish(this.state.isBack ? prevViewElement : nextViewElement, this.onAnimationEnd);
-      }
-    }
-  }, {
-    key: "shouldDisableTransitionMotion",
-    value: function shouldDisableTransitionMotion() {
-      return this.props.configProvider.transitionMotionEnabled === false || !this.props.splitCol.animate;
-    }
-  }, {
-    key: "waitAnimationFinish",
-    value: function waitAnimationFinish(elem, eventHandler) {
-      if (this.shouldDisableTransitionMotion()) {
-        eventHandler();
-        return;
-      }
-
-      if (_supportEvents.animationEvent.supported) {
-        elem.removeEventListener(_supportEvents.animationEvent.name, eventHandler);
-        elem.addEventListener(_supportEvents.animationEvent.name, eventHandler);
-      } else {
-        clearTimeout(this.animationFinishTimeout);
-        this.animationFinishTimeout = setTimeout(eventHandler.bind(this), this.props.platform === _platform.ANDROID || this.props.platform === _platform.VKCOM ? 300 : 600);
-      }
+var Root = function Root(_ref) {
+  var _ref$popout = _ref.popout,
+      popout = _ref$popout === void 0 ? null : _ref$popout,
+      modal = _ref.modal,
+      children = _ref.children,
+      _activeView = _ref.activeView,
+      onTransition = _ref.onTransition,
+      nav = _ref.nav,
+      restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var scroll = React.useContext(_ScrollContext.ScrollContext);
+  var platform = (0, _usePlatform.usePlatform)();
+
+  var _useDOM = (0, _dom.useDOM)(),
+      document = _useDOM.document;
+
+  var scrolls = React.useRef({}).current;
+  var viewNodes = React.useRef({}).current;
+
+  var _React$useContext = React.useContext(_ConfigProviderContext.ConfigProviderContext),
+      _React$useContext$tra = _React$useContext.transitionMotionEnabled,
+      transitionMotionEnabled = _React$useContext$tra === void 0 ? true : _React$useContext$tra;
+
+  var _React$useContext2 = React.useContext(_SplitCol.SplitColContext),
+      animate = _React$useContext2.animate;
+
+  var disableAnimation = !transitionMotionEnabled || !animate;
+  var views = React.Children.toArray(children);
+
+  var _React$useState = React.useState({
+    activeView: _activeView,
+    transition: false
+  }),
+      _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
+      _React$useState2$ = _React$useState2[0],
+      prevView = _React$useState2$.prevView,
+      activeView = _React$useState2$.activeView,
+      transition = _React$useState2$.transition,
+      isBack = _React$useState2$.isBack,
+      _setState = _React$useState2[1];
+
+  var transitionTo = function transitionTo(panel) {
+    if (panel !== activeView) {
+      var viewIds = views.map(function (view) {
+        return (0, _getNavId.getNavId)(view.props, warn);
+      });
+
+      var _isBack = viewIds.indexOf(panel) < viewIds.indexOf(activeView);
+
+      _setState({
+        activeView: panel,
+        prevView: activeView,
+        transition: true,
+        isBack: _isBack
+      });
     }
-  }, {
-    key: "blurActiveElement",
-    value: function blurActiveElement() {
-      if (_dom.canUseDOM && this.document.activeElement) {
-        this.document.activeElement.blur();
-      }
+  };
+
+  var finishTransition = function finishTransition() {
+    return _setState({
+      activeView: activeView,
+      prevView: prevView,
+      isBack: isBack,
+      transition: false
+    });
+  };
+
+  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
+    var _document$activeEleme;
+
+    (_document$activeEleme = document.activeElement) === null || _document$activeEleme === void 0 ? void 0 : _document$activeEleme.blur();
+  }, [!!popout, activeView]); // Нужен переход
+
+  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
+    return transitionTo(_activeView);
+  }, [_activeView]); // scroll restoration
+
+  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
+    if (transition) {
+      // save scroll
+      scrolls[prevView] = scroll.getScroll().y;
+      setPanelScroll(viewNodes[prevView], scrolls[prevView]);
+      isBack && setPanelScroll(viewNodes[activeView], scrolls[activeView]);
+    } else if (prevView) {
+      // Закончился переход
+      scroll.scrollTo(0, isBack ? scrolls[activeView] : 0);
     }
-  }, {
-    key: "render",
-    value: function render() {
-      var _this3 = this;
-
-      var _this$props = this.props,
-          popout = _this$props.popout,
-          modal = _this$props.modal,
-          platform = _this$props.platform,
-          splitCol = _this$props.splitCol,
-          configProvider = _this$props.configProvider,
-          _1 = _this$props.activeView,
-          onTransition = _this$props.onTransition,
-          window = _this$props.window,
-          document = _this$props.document,
-          scroll = _this$props.scroll,
-          nav = _this$props.nav,
-          restProps = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
-      var _this$state = this.state,
-          transition = _this$state.transition,
-          isBack = _this$state.isBack,
-          prevView = _this$state.prevView,
-          activeView = _this$state.activeView,
-          nextView = _this$state.nextView;
-      var Views = React.Children.toArray(this.props.children).filter(function (view) {
-        return _this3.state.visibleViews.includes((0, _getNavId.getNavId)(view.props, warn));
+  }, [transition]); // onTransition
+
+  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
+    if (!transition && prevView) {
+      onTransition && onTransition({
+        isBack: isBack,
+        from: prevView,
+        to: activeView
       });
-      var baseClassName = (0, _getClassName.getClassName)('Root', platform);
-      var disableAnimation = this.shouldDisableTransitionMotion();
-      return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, restProps, {
-        vkuiClass: (0, _classNames.classNames)(baseClassName, {
-          'Root--transition': !disableAnimation && transition,
-          'Root--no-motion': disableAnimation
-        })
-      }), Views.map(function (view) {
-        var viewId = (0, _getNavId.getNavId)(view.props, warn);
-        return (0, _jsxRuntime.createScopedElement)("div", {
-          key: viewId,
-          ref: function ref(e) {
-            return _this3.viewNodes[viewId] = e;
-          },
-          vkuiClass: (0, _classNames.classNames)('Root__view', {
-            'Root__view--hide-back': viewId === prevView && isBack,
-            'Root__view--hide-forward': viewId === prevView && !isBack,
-            'Root__view--show-back': viewId === nextView && isBack,
-            'Root__view--show-forward': viewId === nextView && !isBack,
-            'Root__view--active': viewId === activeView
-          })
-        }, view);
-      }), (0, _jsxRuntime.createScopedElement)(_AppRootPortal.AppRootPortal, null, !!popout && (0, _jsxRuntime.createScopedElement)("div", {
-        vkuiClass: "Root__popout"
-      }, popout), !!modal && (0, _jsxRuntime.createScopedElement)("div", {
-        vkuiClass: "Root__modal"
-      }, modal)));
     }
-  }]);
-  return Root;
-}(React.Component);
+  }, [transition]);
+  var fallbackTransition = (0, _useTimeout.useTimeout)(finishTransition, platform === _platform.IOS ? 600 : 300);
+  React.useEffect(function () {
+    if (!transition) {
+      fallbackTransition.clear();
+      return;
+    }
 
-(0, _defineProperty2.default)(Root, "defaultProps", {
-  popout: null
-});
+    disableAnimation ? finishTransition() : fallbackTransition.set();
+  }, [transition]);
 
-var _default = (0, _withContext.withContext)((0, _withContext.withContext)((0, _withContext.withContext)((0, _withPlatform.withPlatform)((0, _dom.withDOM)(Root)), _SplitCol.SplitColContext, 'splitCol'), _ConfigProviderContext.ConfigProviderContext, 'configProvider'), _ScrollContext.ScrollContext, 'scroll');
+  var onAnimationEnd = function onAnimationEnd(e) {
+    if (['vkui-root-android-animation-hide-back', 'vkui-root-android-animation-show-forward', 'vkui-root-ios-animation-hide-back', 'vkui-root-ios-animation-show-forward'].includes(e.animationName)) {
+      finishTransition();
+    }
+  };
+
+  return (0, _jsxRuntime.createScopedElement)("div", (0, _extends2.default)({}, restProps, {
+    vkuiClass: (0, _classNames.classNames)((0, _getClassName.getClassName)('Root', platform), {
+      'Root--transition': !disableAnimation && transition,
+      'Root--no-motion': disableAnimation
+    })
+  }), views.map(function (view) {
+    var viewId = (0, _getNavId.getNavId)(view.props, warn);
+
+    if (viewId !== activeView && !(transition && viewId === prevView)) {
+      return null;
+    }
 
+    var isTransitionTarget = transition && viewId === (isBack ? prevView : activeView);
+    return (0, _jsxRuntime.createScopedElement)("div", {
+      key: viewId,
+      ref: function ref(e) {
+        return viewNodes[viewId] = e;
+      },
+      onAnimationEnd: isTransitionTarget ? onAnimationEnd : null,
+      vkuiClass: (0, _classNames.classNames)('Root__view', {
+        'Root__view--hide-back': transition && viewId === prevView && isBack,
+        'Root__view--hide-forward': transition && viewId === prevView && !isBack,
+        'Root__view--show-back': transition && viewId === activeView && isBack,
+        'Root__view--show-forward': transition && viewId === activeView && !isBack,
+        'Root__view--active': !transition && viewId === activeView
+      })
+    }, view);
+  }), (0, _jsxRuntime.createScopedElement)(_AppRootPortal.AppRootPortal, null, !!popout && (0, _jsxRuntime.createScopedElement)("div", {
+    vkuiClass: "Root__popout"
+  }, popout), !!modal && (0, _jsxRuntime.createScopedElement)("div", {
+    vkuiClass: "Root__modal"
+  }, modal)));
+};
+
+var _default = Root;
 exports.default = _default;
+
+function setPanelScroll(e, scroll) {
+  // eslint-disable-next-line no-restricted-properties
+  var pan = e.querySelector('[data-vkui-active-panel=true]');
+  pan && (pan.scrollTop = scroll);
+}
 //# sourceMappingURL=Root.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/Root/Root.tsx"],"names":["warn","Root","props","e","includes","animationName","isBack","state","prevView","nextView","setState","activeView","visibleViews","transition","undefined","scroll","scrollTo","scrolls","onTransition","from","to","document","prevProps","prevState","popout","blurActiveElement","pageYOffset","getScroll","y","firstLayerId","concat","children","map","view","find","id","prevViewElement","viewNodes","nextViewElement","setPanelScroll","pan","querySelector","scrollTop","waitAnimationFinish","onAnimationEnd","configProvider","transitionMotionEnabled","splitCol","animate","elem","eventHandler","shouldDisableTransitionMotion","animationEvent","supported","removeEventListener","name","addEventListener","clearTimeout","animationFinishTimeout","setTimeout","bind","platform","ANDROID","VKCOM","canUseDOM","activeElement","blur","modal","_1","window","nav","restProps","Views","React","Children","toArray","filter","baseClassName","disableAnimation","viewId","Component","SplitColContext","ConfigProviderContext","ScrollContext"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { classNames } from '../../lib/classNames';\nimport { getClassName } from '../../helpers/getClassName';\nimport { animationEvent } from '../../lib/supportEvents';\nimport { ANDROID, VKCOM } from '../../lib/platform';\nimport { withPlatform } from '../../hoc/withPlatform';\nimport { withContext } from '../../hoc/withContext';\nimport { HasPlatform } from '../../types';\nimport { ConfigProviderContext, ConfigProviderContextInterface } from '../ConfigProvider/ConfigProviderContext';\nimport { SplitColContextProps, SplitColContext } from '../SplitCol/SplitCol';\nimport { AppRootPortal } from '../AppRoot/AppRootPortal';\nimport { canUseDOM, DOMProps, withDOM } from '../../lib/dom';\nimport { ScrollContext, ScrollContextInterface } from '../AppRoot/ScrollContext';\nimport { getNavId, NavIdProps } from '../../lib/getNavId';\nimport { warnOnce } from '../../lib/warnOnce';\nimport './Root.css';\n\nconst warn = warnOnce('Root');\n\nexport interface RootProps extends React.HTMLAttributes<HTMLDivElement>, HasPlatform, NavIdProps {\n  activeView: string;\n  onTransition?(params: { isBack: boolean; from: string; to: string }): void;\n  /**\n   * @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.\n   *\n   * Свойство для отрисовки `Alert`, `ActionSheet` и `ScreenSpinner`.\n   */\n  popout?: React.ReactNode;\n  /**\n   * @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.\n   *\n   * Свойство для отрисовки `ModalRoot`.\n   */\n  modal?: React.ReactNode;\n  /**\n   * @ignore\n   */\n  splitCol?: SplitColContextProps;\n  /**\n   * @ignore\n   */\n  configProvider?: ConfigProviderContextInterface;\n  /**\n   * @ignore\n   */\n  scroll?: ScrollContextInterface;\n}\n\nexport type AnimationEndCallback = (e?: AnimationEvent) => void;\n\nexport interface RootState {\n  activeView: string;\n  prevView: string;\n  nextView: string;\n  visibleViews: [string] | [string, string];\n  isBack: boolean;\n  scrolls: {\n    [index: string]: number;\n  };\n  transition: boolean;\n}\n\nclass Root extends React.Component<RootProps & DOMProps, RootState> {\n  constructor(props: RootProps) {\n    super(props);\n\n    this.state = {\n      activeView: props.activeView,\n      prevView: null,\n      nextView: null,\n      visibleViews: [props.activeView],\n      isBack: undefined,\n      scrolls: {},\n      transition: false,\n    };\n  }\n\n  static defaultProps: Partial<RootProps> = {\n    popout: null,\n  };\n\n  private animationFinishTimeout: ReturnType<typeof setTimeout>;\n  private viewNodes: { [id: string]: HTMLElement } = {};\n\n  get document() {\n    return this.props.document;\n  }\n\n  componentDidUpdate(prevProps: RootProps, prevState: RootState) {\n    if (this.props.popout && !prevProps.popout) {\n      this.blurActiveElement();\n    }\n\n    // Нужен переход\n    if (this.props.activeView !== prevProps.activeView) {\n      let pageYOffset = this.props.scroll.getScroll().y;\n      const firstLayerId = [].concat(prevProps.children)\n        .map((view) => getNavId(view.props, warn))\n        .find((id) => id === prevProps.activeView || id === this.props.activeView);\n      const isBack = firstLayerId === this.props.activeView;\n\n      this.blurActiveElement();\n\n      const nextView = this.props.activeView;\n      const prevView = prevProps.activeView;\n\n      this.setState({\n        scrolls: {\n          ...this.state.scrolls,\n          [prevProps.activeView]: pageYOffset,\n        },\n        transition: true,\n        activeView: null,\n        nextView,\n        prevView,\n        visibleViews: [nextView, prevView],\n        isBack,\n      });\n    }\n\n    // Начался переход\n    if (!prevState.transition && this.state.transition) {\n      const prevViewElement = this.viewNodes[this.state.prevView];\n      const nextViewElement = this.viewNodes[this.state.nextView];\n      const setPanelScroll = (e: HTMLElement, scroll: number) => {\n        // eslint-disable-next-line no-restricted-properties\n        const pan: HTMLElement | null = e.querySelector('[data-vkui-active-panel=true]');\n        pan && (pan.scrollTop = scroll);\n      };\n\n      setPanelScroll(prevViewElement, this.state.scrolls[this.state.prevView]);\n\n      if (this.state.isBack) {\n        setPanelScroll(nextViewElement, this.state.scrolls[this.state.nextView]);\n      }\n      this.waitAnimationFinish(this.state.isBack ? prevViewElement : nextViewElement, this.onAnimationEnd);\n    }\n  }\n\n  shouldDisableTransitionMotion(): boolean {\n    return this.props.configProvider.transitionMotionEnabled === false ||\n      !this.props.splitCol.animate;\n  }\n\n  waitAnimationFinish(elem: HTMLElement, eventHandler: AnimationEndCallback) {\n    if (this.shouldDisableTransitionMotion()) {\n      eventHandler();\n      return;\n    }\n\n    if (animationEvent.supported) {\n      elem.removeEventListener(animationEvent.name, eventHandler);\n      elem.addEventListener(animationEvent.name, eventHandler);\n    } else {\n      clearTimeout(this.animationFinishTimeout);\n      this.animationFinishTimeout = setTimeout(eventHandler.bind(this), this.props.platform === ANDROID || this.props.platform === VKCOM ? 300 : 600);\n    }\n  }\n\n  onAnimationEnd: AnimationEndCallback = (e?: AnimationEvent) => {\n    if (!e || [\n      'vkui-root-android-animation-hide-back',\n      'vkui-root-android-animation-show-forward',\n      'vkui-root-ios-animation-hide-back',\n      'vkui-root-ios-animation-show-forward',\n    ].includes(e.animationName)) {\n      const isBack = this.state.isBack;\n      const prevView = this.state.prevView;\n      const nextView = this.state.nextView;\n      this.setState({\n        activeView: nextView,\n        prevView: null,\n        nextView: null,\n        visibleViews: [nextView],\n        transition: false,\n        isBack: undefined,\n      }, () => {\n        this.props.scroll.scrollTo(0, isBack ? this.state.scrolls[this.state.activeView] : 0);\n        this.props.onTransition && this.props.onTransition({ isBack, from: prevView, to: nextView });\n      });\n    }\n  };\n\n  blurActiveElement() {\n    if (canUseDOM && this.document.activeElement) {\n      (this.document.activeElement as HTMLElement).blur();\n    }\n  }\n\n  render() {\n    const {\n      popout, modal, platform,\n      splitCol, configProvider, activeView: _1, onTransition,\n      window, document, scroll, nav,\n      ...restProps\n    } = this.props;\n    const { transition, isBack, prevView, activeView, nextView } = this.state;\n\n    const Views = React.Children.toArray(this.props.children).filter((view: React.ReactElement) => {\n      return this.state.visibleViews.includes(getNavId(view.props, warn));\n    });\n\n    const baseClassName = getClassName('Root', platform);\n    const disableAnimation = this.shouldDisableTransitionMotion();\n\n    return (\n      <div {...restProps} vkuiClass={classNames(baseClassName, {\n        'Root--transition': !disableAnimation && transition,\n        'Root--no-motion': disableAnimation,\n      })}>\n        {Views.map((view: React.ReactElement) => {\n          const viewId = getNavId(view.props, warn);\n          return (\n            <div key={viewId} ref={(e) => this.viewNodes[viewId] = e} vkuiClass={classNames('Root__view', {\n              'Root__view--hide-back': viewId === prevView && isBack,\n              'Root__view--hide-forward': viewId === prevView && !isBack,\n              'Root__view--show-back': viewId === nextView && isBack,\n              'Root__view--show-forward': viewId === nextView && !isBack,\n              'Root__view--active': viewId === activeView,\n            })}>\n              {view}\n            </div>\n          );\n        })}\n        <AppRootPortal>\n          {!!popout && <div vkuiClass=\"Root__popout\">{popout}</div>}\n          {!!modal && <div vkuiClass=\"Root__modal\">{modal}</div>}\n        </AppRootPortal>\n      </div>\n    );\n  }\n}\n\nexport default withContext(withContext(withContext(\n  withPlatform(withDOM<RootProps>(Root)),\n  SplitColContext,\n  'splitCol',\n), ConfigProviderContext, 'configProvider'), ScrollContext, 'scroll');\n"],"file":"Root.js"}
+{"version":3,"sources":["../../../../src/components/Root/Root.tsx"],"names":["warn","Root","popout","modal","children","_activeView","activeView","onTransition","nav","restProps","scroll","React","useContext","ScrollContext","platform","document","scrolls","useRef","current","viewNodes","ConfigProviderContext","transitionMotionEnabled","SplitColContext","animate","disableAnimation","views","Children","toArray","useState","transition","prevView","isBack","_setState","transitionTo","panel","viewIds","map","view","props","indexOf","finishTransition","activeElement","blur","getScroll","y","setPanelScroll","scrollTo","from","to","fallbackTransition","IOS","useEffect","clear","set","onAnimationEnd","e","includes","animationName","viewId","isTransitionTarget","pan","querySelector","scrollTop"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { classNames } from '../../lib/classNames';\nimport { getClassName } from '../../helpers/getClassName';\nimport { IOS } from '../../lib/platform';\nimport { ConfigProviderContext } from '../ConfigProvider/ConfigProviderContext';\nimport { SplitColContext } from '../SplitCol/SplitCol';\nimport { AppRootPortal } from '../AppRoot/AppRootPortal';\nimport { ScrollContext } from '../AppRoot/ScrollContext';\nimport { getNavId, NavIdProps } from '../../lib/getNavId';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { useDOM } from '../../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { useTimeout } from '../../hooks/useTimeout';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport './Root.css';\n\nconst warn = warnOnce('Root');\n\nexport interface RootProps extends React.HTMLAttributes<HTMLDivElement>, NavIdProps {\n  activeView: string;\n  onTransition?(params: { isBack: boolean; from: string; to: string }): void;\n  /**\n   * @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.\n   *\n   * Свойство для отрисовки `Alert`, `ActionSheet` и `ScreenSpinner`.\n   */\n  popout?: React.ReactNode;\n  /**\n   * @deprecated будет удалено в 5.0.0. Используйте одноименное свойство у `SplitLayout`.\n   *\n   * Свойство для отрисовки `ModalRoot`.\n   */\n  modal?: React.ReactNode;\n}\n\nexport interface RootState {\n  activeView: string;\n  transition: boolean;\n  isBack?: boolean;\n  prevView?: string;\n}\n\nconst Root: React.FC<RootProps> = ({\n  popout = null, modal, children,\n  activeView: _activeView, onTransition,\n  nav,\n  ...restProps\n}) => {\n  const scroll = React.useContext(ScrollContext);\n  const platform = usePlatform();\n  const { document } = useDOM();\n  const scrolls = React.useRef<Record<string, number>>({}).current;\n  const viewNodes = React.useRef<Record<string, HTMLElement>>({}).current;\n\n  const { transitionMotionEnabled = true } = React.useContext(ConfigProviderContext);\n  const { animate } = React.useContext(SplitColContext);\n  const disableAnimation = !transitionMotionEnabled || !animate;\n\n  const views = React.Children.toArray(children) as React.ReactElement[];\n\n  const [{ prevView, activeView, transition, isBack }, _setState] = React.useState<RootState>({\n    activeView: _activeView,\n    transition: false,\n  });\n  const transitionTo = (panel: string) => {\n    if (panel !== activeView) {\n      const viewIds = views.map((view) => getNavId(view.props, warn));\n      const isBack = viewIds.indexOf(panel) < viewIds.indexOf(activeView);\n      _setState({ activeView: panel, prevView: activeView, transition: true, isBack });\n    }\n  };\n  const finishTransition = () => _setState({ activeView, prevView, isBack, transition: false });\n\n  useIsomorphicLayoutEffect(() => {\n    (document.activeElement as HTMLElement)?.blur();\n  }, [!!popout, activeView]);\n\n  // Нужен переход\n  useIsomorphicLayoutEffect(() => transitionTo(_activeView), [_activeView]);\n  // scroll restoration\n  useIsomorphicLayoutEffect(() => {\n    if (transition) {\n      // save scroll\n      scrolls[prevView] = scroll.getScroll().y;\n      setPanelScroll(viewNodes[prevView], scrolls[prevView]);\n      isBack && setPanelScroll(viewNodes[activeView], scrolls[activeView]);\n    } else if (prevView) {\n      // Закончился переход\n      scroll.scrollTo(0, isBack ? scrolls[activeView] : 0);\n    }\n  }, [transition]);\n  // onTransition\n  useIsomorphicLayoutEffect(() => {\n    if (!transition && prevView) {\n      onTransition && onTransition({ isBack, from: prevView, to: activeView });\n    }\n  }, [transition]);\n\n  const fallbackTransition = useTimeout(finishTransition, platform === IOS ? 600 : 300);\n  React.useEffect(() => {\n    if (!transition) {\n      fallbackTransition.clear();\n      return;\n    }\n    disableAnimation ? finishTransition() : fallbackTransition.set();\n  }, [transition]);\n\n  const onAnimationEnd = (e: React.AnimationEvent) => {\n    if ([\n      'vkui-root-android-animation-hide-back',\n      'vkui-root-android-animation-show-forward',\n      'vkui-root-ios-animation-hide-back',\n      'vkui-root-ios-animation-show-forward',\n    ].includes(e.animationName)) {\n      finishTransition();\n    }\n  };\n\n  return (\n    <div {...restProps} vkuiClass={classNames(getClassName('Root', platform), {\n      'Root--transition': !disableAnimation && transition,\n      'Root--no-motion': disableAnimation,\n    })}>\n      {views.map((view) => {\n        const viewId = getNavId(view.props, warn);\n        if (viewId !== activeView && !(transition && viewId === prevView)) {\n          return null;\n        }\n        const isTransitionTarget = transition && viewId === (isBack ? prevView : activeView);\n        return (\n          <div\n            key={viewId}\n            ref={(e) => viewNodes[viewId] = e}\n            onAnimationEnd={isTransitionTarget ? onAnimationEnd : null}\n            vkuiClass={classNames('Root__view', {\n              'Root__view--hide-back': transition && viewId === prevView && isBack,\n              'Root__view--hide-forward': transition && viewId === prevView && !isBack,\n              'Root__view--show-back': transition && viewId === activeView && isBack,\n              'Root__view--show-forward': transition && viewId === activeView && !isBack,\n              'Root__view--active': !transition && viewId === activeView,\n            })}\n          >{view}</div>\n        );\n      })}\n      <AppRootPortal>\n        {!!popout && <div vkuiClass=\"Root__popout\">{popout}</div>}\n        {!!modal && <div vkuiClass=\"Root__modal\">{modal}</div>}\n      </AppRootPortal>\n    </div>\n  );\n};\n\nexport default Root;\n\nfunction setPanelScroll(e: HTMLElement, scroll: number) {\n  // eslint-disable-next-line no-restricted-properties\n  const pan: HTMLElement | null = e.querySelector('[data-vkui-active-panel=true]');\n  pan && (pan.scrollTop = scroll);\n}\n"],"file":"Root.js"}

package/dist/cjs/components/Search/Search.js

@@ -29,7 +29,7 @@ var _icons = require("@vkontakte/icons");
 
 var _platform = require("../../lib/platform");
 
-var _Touch = _interopRequireDefault(require("../Touch/Touch"));
+var _Touch = require("../Touch/Touch");
 
 var _utils = require("../../lib/utils");
 
@@ -144,10 +144,10 @@ var Search = function Search(_ref) {
     onClick: onCancel
   }, (0, _jsxRuntime.createScopedElement)("div", {
     vkuiClass: "Search__icons"
-  }, icon && (0, _jsxRuntime.createScopedElement)(_Touch.default, {
+  }, icon && (0, _jsxRuntime.createScopedElement)(_Touch.Touch, {
     onStart: onIconClickStart,
     vkuiClass: "Search__icon"
-  }, icon), !!value && (0, _jsxRuntime.createScopedElement)(_Touch.default, {
+  }, icon), !!value && (0, _jsxRuntime.createScopedElement)(_Touch.Touch, {
     onStart: onIconCancelClickStart,
     vkuiClass: "Search__icon"
   }, platform === _platform.VKCOM ? (0, _jsxRuntime.createScopedElement)(_icons.Icon24Cancel, null) : (0, _jsxRuntime.createScopedElement)(_icons.Icon16Clear, null))), platform === _platform.IOS && after && (0, _jsxRuntime.createScopedElement)("div", {