@vkontakte/vkui 4.24.0 → 4.25.0

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

@@ -17,7 +17,7 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/h
 
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
-var _objectSpread7 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _objectSpread6 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
@@ -87,12 +87,12 @@ var ViewInfinite = /*#__PURE__*/function (_React$Component) {
     (0, _classCallCheck2.default)(this, ViewInfinite);
     _this = _super.call(this, props);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "scrolls", scrollsCache[(0, _getNavId.getNavId)(_this.props, warn)] || {});
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "transitionFinishTimeout", void 0);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "animationFinishTimeout", void 0);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "transitionFinishTimeout", undefined);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "animationFinishTimeout", undefined);
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "panelNodes", {});
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "transitionEndHandler", function (e) {
-      if (!e || ["vkui-animation-ios-next-forward", "vkui-animation-ios-prev-back", "vkui-animation-view-next-forward", "vkui-animation-view-prev-back"].includes(e.animationName)) {
-        _this.flushTransition(_this.state.prevPanel, _this.state.isBack);
+      if ((!e || ["vkui-animation-ios-next-forward", "vkui-animation-ios-prev-back", "vkui-animation-view-next-forward", "vkui-animation-view-prev-back"].includes(e.animationName)) && _this.state.prevPanel !== null) {
+        _this.flushTransition(_this.state.prevPanel, Boolean(_this.state.isBack));
       }
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "swipingBackTransitionEndHandler", function (e) {
@@ -111,7 +111,7 @@ var ViewInfinite = /*#__PURE__*/function (_React$Component) {
       }
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onMoveX", function (e) {
-      if ((0, _utils.swipeBackExcluded)(e)) {
+      if ((0, _utils.swipeBackExcluded)(e) || !_this.window) {
         return;
       }
 
@@ -119,20 +119,26 @@ var ViewInfinite = /*#__PURE__*/function (_React$Component) {
           platform = _this$props.platform,
           configProvider = _this$props.configProvider;
 
-      if (platform === _platform.IOS && !configProvider.isWebView && (e.startX <= 70 || e.startX >= _this.window.innerWidth - 70) && !_this.state.browserSwipe) {
+      if (platform === _platform.IOS && !(configProvider !== null && configProvider !== void 0 && configProvider.isWebView) && (e.startX <= 70 || e.startX >= _this.window.innerWidth - 70) && !_this.state.browserSwipe) {
         _this.setState({
           browserSwipe: true
         });
       }
 
-      if (platform === _platform.IOS && configProvider.isWebView && _this.props.onSwipeBack) {
+      if (platform === _platform.IOS && configProvider !== null && configProvider !== void 0 && configProvider.isWebView && _this.props.onSwipeBack) {
+        var _this$props$history$l, _this$props$history;
+
         if (_this.state.animated && e.startX <= 70) {
           return;
         }
 
-        if (e.startX <= 70 && !_this.state.swipingBack && _this.props.history.length > 1) {
-          var prevScrolls = _this.scrolls[_this.state.activePanel] || [];
-          _this.scrolls = (0, _objectSpread7.default)((0, _objectSpread7.default)({}, _this.scrolls), {}, (0, _defineProperty2.default)({}, _this.state.activePanel, [].concat((0, _toConsumableArray2.default)(prevScrolls), [_this.props.scroll.getScroll().y])));
+        if (e.startX <= 70 && !_this.state.swipingBack && ((_this$props$history$l = (_this$props$history = _this.props.history) === null || _this$props$history === void 0 ? void 0 : _this$props$history.length) !== null && _this$props$history$l !== void 0 ? _this$props$history$l : 0) > 1) {
+          if (_this.state.activePanel !== null) {
+            var _this$props$scroll;
+
+            var prevScrolls = _this.scrolls[_this.state.activePanel] || [];
+            _this.scrolls = (0, _objectSpread6.default)((0, _objectSpread6.default)({}, _this.scrolls), {}, (0, _defineProperty2.default)({}, _this.state.activePanel, [].concat((0, _toConsumableArray2.default)(prevScrolls), [(_this$props$scroll = _this.props.scroll) === null || _this$props$scroll === void 0 ? void 0 : _this$props$scroll.getScroll().y])));
+          }
 
           _this.setState({
             swipingBack: true,
@@ -160,7 +166,7 @@ var ViewInfinite = /*#__PURE__*/function (_React$Component) {
       }
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onEnd", function (e) {
-      if (_this.state.swipingBack) {
+      if (_this.state.swipingBack && _this.window) {
         var speed = _this.state.swipeBackShift / e.duration * 1000;
 
         if (_this.state.swipeBackShift === 0) {
@@ -229,6 +235,8 @@ var ViewInfinite = /*#__PURE__*/function (_React$Component) {
       this.props.modal && !prevProps.modal && this.blurActiveElement(); // Нужен переход
 
       if (prevProps.activePanel !== this.props.activePanel && !prevState.swipingBack && !prevState.browserSwipe) {
+        var _this$props$scroll2;
+
         var isBack = false;
 
         if (this.props.isBackCheck) {
@@ -247,7 +255,7 @@ var ViewInfinite = /*#__PURE__*/function (_React$Component) {
 
         this.blurActiveElement();
         var prevScrolls = this.scrolls[prevProps.activePanel] || [];
-        var scrolls = (0, _objectSpread7.default)((0, _objectSpread7.default)({}, this.scrolls), {}, (0, _defineProperty2.default)({}, prevProps.activePanel, [].concat((0, _toConsumableArray2.default)(prevScrolls), [this.props.scroll.getScroll().y])));
+        var scrolls = (0, _objectSpread6.default)((0, _objectSpread6.default)({}, this.scrolls), {}, (0, _defineProperty2.default)({}, prevProps.activePanel, [].concat((0, _toConsumableArray2.default)(prevScrolls), [(_this$props$scroll2 = this.props.scroll) === null || _this$props$scroll2 === void 0 ? void 0 : _this$props$scroll2.getScroll().y])));
         this.scrolls = scrolls;
 
         if (this.shouldDisableTransitionMotion()) {
@@ -263,7 +271,10 @@ var ViewInfinite = /*#__PURE__*/function (_React$Component) {
           }); // Фолбек анимации перехода
 
           if (!_supportEvents.animationEvent.supported) {
-            clearTimeout(this.animationFinishTimeout);
+            if (this.animationFinishTimeout) {
+              clearTimeout(this.animationFinishTimeout);
+            }
+
             this.animationFinishTimeout = setTimeout(this.transitionEndHandler, this.props.platform === _platform.ANDROID || this.props.platform === _platform.VKCOM ? 300 : 600);
           }
         }
@@ -271,14 +282,22 @@ var ViewInfinite = /*#__PURE__*/function (_React$Component) {
 
 
       if (prevProps.activePanel !== this.props.activePanel && prevState.swipingBack) {
-        var _objectSpread4;
-
         var nextPanel = this.state.swipeBackNextPanel;
         var prevPanel = this.state.swipeBackPrevPanel;
-        var prevPanelScrolls = (0, _toConsumableArray2.default)(this.scrolls[prevPanel] || []).slice(0, -1);
-        var newPanelScrolls = (0, _toConsumableArray2.default)(this.scrolls[nextPanel] || []);
-        var scrollPosition = newPanelScrolls.pop();
-        this.scrolls = (0, _objectSpread7.default)((0, _objectSpread7.default)({}, this.scrolls), {}, (_objectSpread4 = {}, (0, _defineProperty2.default)(_objectSpread4, nextPanel, newPanelScrolls), (0, _defineProperty2.default)(_objectSpread4, prevPanel, prevPanelScrolls), _objectSpread4));
+        var scrollPosition = undefined;
+        this.scrolls = (0, _objectSpread6.default)({}, this.scrolls);
+
+        if (prevPanel !== null) {
+          var prevPanelScrolls = (0, _toConsumableArray2.default)(this.scrolls[prevPanel] || []).slice(0, -1);
+          this.scrolls[prevPanel] = prevPanelScrolls;
+        }
+
+        if (nextPanel !== null) {
+          var newPanelScrolls = (0, _toConsumableArray2.default)(this.scrolls[nextPanel] || []);
+          scrollPosition = newPanelScrolls.pop();
+          this.scrolls[nextPanel] = newPanelScrolls;
+        }
+
         this.setState({
           swipeBackPrevPanel: null,
           swipeBackNextPanel: null,
@@ -289,8 +308,9 @@ var ViewInfinite = /*#__PURE__*/function (_React$Component) {
           activePanel: nextPanel,
           visiblePanels: [nextPanel]
         }, function () {
-          _this2.props.scroll.scrollTo(0, scrollPosition);
+          var _this2$props$scroll;
 
+          (_this2$props$scroll = _this2.props.scroll) === null || _this2$props$scroll === void 0 ? void 0 : _this2$props$scroll.scrollTo(0, scrollPosition);
           prevProps.onTransition && prevProps.onTransition({
             isBack: true,
             from: prevPanel,
@@ -310,13 +330,15 @@ var ViewInfinite = /*#__PURE__*/function (_React$Component) {
       } // Если свайп назад отменился (когда пользователь недостаточно сильно свайпнул)
 
 
-      if (prevState.swipeBackResult === SwipeBackResults.fail && !this.state.swipeBackResult) {
+      if (prevState.swipeBackResult === SwipeBackResults.fail && !this.state.swipeBackResult && this.state.activePanel !== null) {
+        var _this$props$scroll3;
+
         var _newPanelScrolls = (0, _toConsumableArray2.default)(this.scrolls[this.state.activePanel] || []);
 
         var _scrollPosition = _newPanelScrolls.pop();
 
-        this.scrolls = (0, _objectSpread7.default)((0, _objectSpread7.default)({}, this.scrolls), {}, (0, _defineProperty2.default)({}, this.state.activePanel, _newPanelScrolls));
-        this.props.scroll.scrollTo(0, _scrollPosition);
+        this.scrolls = (0, _objectSpread6.default)((0, _objectSpread6.default)({}, this.scrolls), {}, (0, _defineProperty2.default)({}, this.state.activePanel, _newPanelScrolls));
+        (_this$props$scroll3 = this.props.scroll) === null || _this$props$scroll3 === void 0 ? void 0 : _this$props$scroll3.scrollTo(0, _scrollPosition);
       } // Закончился Safari свайп
 
 
@@ -334,29 +356,40 @@ var ViewInfinite = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "shouldDisableTransitionMotion",
     value: function shouldDisableTransitionMotion() {
-      return this.props.configProvider.transitionMotionEnabled === false || !this.props.splitCol.animate;
+      var _this$props$configPro, _this$props$splitCol;
+
+      return ((_this$props$configPro = this.props.configProvider) === null || _this$props$configPro === void 0 ? void 0 : _this$props$configPro.transitionMotionEnabled) === false || !((_this$props$splitCol = this.props.splitCol) !== null && _this$props$splitCol !== void 0 && _this$props$splitCol.animate);
     }
   }, {
     key: "waitTransitionFinish",
     value: function waitTransitionFinish(elem, eventHandler) {
-      if (_supportEvents.transitionEvent.supported) {
+      if (_supportEvents.transitionEvent.supported && _supportEvents.transitionEvent.name && elem) {
         elem.removeEventListener(_supportEvents.transitionEvent.name, eventHandler);
         elem.addEventListener(_supportEvents.transitionEvent.name, eventHandler);
       } else {
-        clearTimeout(this.transitionFinishTimeout);
+        if (this.transitionFinishTimeout) {
+          clearTimeout(this.transitionFinishTimeout);
+        }
+
         this.transitionFinishTimeout = setTimeout(eventHandler, this.props.platform === _platform.ANDROID || this.props.platform === _platform.VKCOM ? 300 : 600);
       }
     }
   }, {
     key: "blurActiveElement",
     value: function blurActiveElement() {
-      if (typeof this.window !== "undefined" && this.document.activeElement) {
+      var _this$document;
+
+      if (typeof this.window !== "undefined" && (_this$document = this.document) !== null && _this$document !== void 0 && _this$document.activeElement) {
         this.document.activeElement.blur();
       }
     }
   }, {
     key: "pickPanel",
     value: function pickPanel(id) {
+      if (id === null) {
+        return undefined;
+      }
+
       return this.panelNodes[id];
     }
   }, {
@@ -370,9 +403,9 @@ var ViewInfinite = /*#__PURE__*/function (_React$Component) {
       var scrollPosition = isBack ? newPanelScrolls.pop() : 0;
 
       if (isBack) {
-        var _objectSpread6;
+        var _objectSpread5;
 
-        this.scrolls = (0, _objectSpread7.default)((0, _objectSpread7.default)({}, this.scrolls), {}, (_objectSpread6 = {}, (0, _defineProperty2.default)(_objectSpread6, prevPanel, prevPanelScrolls), (0, _defineProperty2.default)(_objectSpread6, activePanel, newPanelScrolls), _objectSpread6));
+        this.scrolls = (0, _objectSpread6.default)((0, _objectSpread6.default)({}, this.scrolls), {}, (_objectSpread5 = {}, (0, _defineProperty2.default)(_objectSpread5, prevPanel, prevPanelScrolls), (0, _defineProperty2.default)(_objectSpread5, activePanel, newPanelScrolls), _objectSpread5));
       }
 
       this.setState({
@@ -383,8 +416,9 @@ var ViewInfinite = /*#__PURE__*/function (_React$Component) {
         animated: false,
         isBack: undefined
       }, function () {
-        _this3.props.scroll.scrollTo(0, isBack ? scrollPosition : 0);
+        var _this3$props$scroll;
 
+        (_this3$props$scroll = _this3.props.scroll) === null || _this3$props$scroll === void 0 ? void 0 : _this3$props$scroll.scrollTo(0, isBack ? scrollPosition : 0);
         _this3.props.onTransition && _this3.props.onTransition({
           isBack: isBack,
           from: prevPanel,
@@ -413,7 +447,7 @@ var ViewInfinite = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "calcPanelSwipeStyles",
     value: function calcPanelSwipeStyles(panelId) {
-      if (!_dom.canUseDOM) {
+      if (!_dom.canUseDOM || !this.window) {
         return {};
       }
 
@@ -489,7 +523,7 @@ var ViewInfinite = /*#__PURE__*/function (_React$Component) {
       var hasModal = !!modal;
       var panels = this.panels.filter(function (panel) {
         var panelId = (0, _getNavId.getNavId)(panel.props, warn);
-        return _this4.state.visiblePanels.includes(panelId) || panelId === swipeBackPrevPanel || panelId === swipeBackNextPanel;
+        return panelId !== undefined && _this4.state.visiblePanels.includes(panelId) || panelId === swipeBackPrevPanel || panelId === swipeBackNextPanel;
       }).sort(function (panel) {
         var panelId = (0, _getNavId.getNavId)(panel.props, warn);
         var isPrevPanel = panelId === prevPanel || panelId === swipeBackPrevPanel;
@@ -524,7 +558,7 @@ var ViewInfinite = /*#__PURE__*/function (_React$Component) {
         var isPrev = panelId === prevPanel || panelId === swipeBackPrevPanel;
         var compensateScroll = isPrev || panelId === swipeBackNextPanel || panelId === nextPanel && isBack;
         var isTransitionTarget = animated && panelId === (isBack ? prevPanel : nextPanel);
-        var scrollList = _this4.scrolls[panelId] || [];
+        var scrollList = panelId && _this4.scrolls[panelId] || [];
         var scroll = scrollList[scrollList.length - 1] || 0;
         return (0, _jsxRuntime.createScopedElement)("div", {
           vkuiClass: (0, _classNames.classNames)("View__panel", {
@@ -536,16 +570,16 @@ var ViewInfinite = /*#__PURE__*/function (_React$Component) {
             "View__panel--swipe-back-success": swipeBackResult === SwipeBackResults.success,
             "View__panel--swipe-back-failed": swipeBackResult === SwipeBackResults.fail
           }),
-          onAnimationEnd: isTransitionTarget ? _this4.transitionEndHandler : null,
+          onAnimationEnd: isTransitionTarget ? _this4.transitionEndHandler : undefined,
           ref: function ref(el) {
-            return _this4.panelNodes[panelId] = el;
+            return panelId !== undefined && (_this4.panelNodes[panelId] = el);
           },
           style: _this4.calcPanelSwipeStyles(panelId),
           key: panelId
         }, (0, _jsxRuntime.createScopedElement)("div", {
           vkuiClass: "View__panel-in",
           style: {
-            marginTop: compensateScroll ? -scroll : null
+            marginTop: compensateScroll ? -scroll : undefined
           }
         }, (0, _jsxRuntime.createScopedElement)(_NavTransitionContext.NavTransitionProvider, {
           entering: panelId === nextPanel || panelId === swipeBackNextPanel
@@ -558,7 +592,8 @@ var ViewInfinite = /*#__PURE__*/function (_React$Component) {
     }
   }]);
   return ViewInfinite;
-}(React.Component);
+}(React.Component); // eslint-disable-next-line import/no-default-export
+
 
 (0, _defineProperty2.default)(ViewInfinite, "defaultProps", {
   history: []

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/View/ViewInfinite.tsx"],"names":["warn","SwipeBackResults","scrollsCache","ViewInfinite","props","e","includes","animationName","flushTransition","state","prevPanel","isBack","propertyName","target","pickPanel","swipeBackNextPanel","swipeBackResult","fail","onSwipeBackCancel","success","onSwipeBackSuccess","platform","configProvider","IOS","isWebView","startX","window","innerWidth","browserSwipe","setState","onSwipeBack","animated","swipingBack","history","length","prevScrolls","scrolls","activePanel","scroll","getScroll","y","swipebackStartX","swipeBackPrevPanel","slice","swipeBackShift","shiftX","speed","duration","visiblePanels","undefined","nextPanel","document","React","Children","toArray","children","id","prevProps","prevState","popout","blurActiveElement","modal","isBackCheck","from","to","firstLayerId","panels","map","panel","find","shouldDisableTransitionMotion","animationEvent","supported","clearTimeout","animationFinishTimeout","setTimeout","transitionEndHandler","ANDROID","VKCOM","prevPanelScrolls","newPanelScrolls","scrollPosition","pop","scrollTo","onTransition","onSwipeBackStart","waitTransitionFinish","swipingBackTransitionEndHandler","transitionMotionEnabled","splitCol","animate","elem","eventHandler","transitionEvent","removeEventListener","name","addEventListener","transitionFinishTimeout","activeElement","blur","panelNodes","panelId","canUseDOM","isPrev","isNext","prevPanelTranslate","nextPanelTranslate","prevPanelShadow","boxShadow","transform","WebkitTransform","_1","nav","restProps","hasPopout","hasModal","filter","sort","isPrevPanel","isNextPanel","disableAnimation","modifiers","onMoveX","onEnd","compensateScroll","isTransitionTarget","scrollList","el","calcPanelSwipeStyles","marginTop","Component","SplitColContext","ConfigProviderContext","ScrollContext"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { transitionEvent, animationEvent } from \"../../lib/supportEvents\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { IOS, ANDROID, VKCOM } from \"../../lib/platform\";\nimport { Touch, TouchEvent } from \"../Touch/Touch\";\nimport { HasPlatform } from \"../../types\";\nimport { withPlatform } from \"../../hoc/withPlatform\";\nimport { withContext } from \"../../hoc/withContext\";\nimport {\n  ConfigProviderContext,\n  ConfigProviderContextInterface,\n} from \"../ConfigProvider/ConfigProviderContext\";\nimport { SplitColContext, SplitColContextProps } from \"../SplitCol/SplitCol\";\nimport { AppRootPortal } from \"../AppRoot/AppRootPortal\";\nimport { canUseDOM, withDOM, DOMProps } from \"../../lib/dom\";\nimport {\n  ScrollContext,\n  ScrollContextInterface,\n} from \"../AppRoot/ScrollContext\";\nimport { NavTransitionProvider } from \"../NavTransitionContext/NavTransitionContext\";\nimport { getNavId, NavIdProps } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { swipeBackExcluded } from \"./utils\";\nimport \"./View.css\";\n\nconst warn = warnOnce(\"ViewInfinite\");\n\nenum SwipeBackResults {\n  fail = 1,\n  success,\n}\n\ninterface Scrolls {\n  [index: string]: number[];\n}\n\ninterface ViewsScrolls {\n  [index: string]: Scrolls;\n}\n\ntype TransitionEventHandler = (e?: TransitionEvent) => void;\n\nlet scrollsCache: ViewsScrolls = {};\n\nexport type TransitionParams = { from: string; to: string };\n\nexport interface ViewInfiniteProps\n  extends React.HTMLAttributes<HTMLElement>,\n    HasPlatform,\n    NavIdProps {\n  activePanel: string;\n  popout?: React.ReactNode;\n  modal?: React.ReactNode;\n  onTransition?(params: TransitionParams & { isBack: boolean }): void;\n  /**\n   * callback свайпа назад\n   */\n  onSwipeBack?(): void;\n  /**\n   * callback начала анимации свайпа назад.\n   */\n  onSwipeBackStart?(): void;\n  /**\n   * callback завершения анимации отмененного пользователем свайпа\n   */\n  onSwipeBackCancel?(): void;\n  history?: string[];\n  isBackCheck?(params: TransitionParams): boolean;\n  /**\n   * @ignore\n   */\n  splitCol?: SplitColContextProps;\n  /**\n   * @ignore\n   */\n  configProvider?: ConfigProviderContextInterface;\n  /**\n   * @ignore\n   */\n  scroll?: ScrollContextInterface;\n}\n\nexport interface ViewInfiniteState {\n  animated: boolean;\n\n  visiblePanels: string[];\n  activePanel: string;\n  isBack: boolean;\n  prevPanel: string;\n  nextPanel: string;\n\n  swipingBack: boolean;\n  swipebackStartX: number;\n  swipeBackShift: number;\n  swipeBackNextPanel: string;\n  swipeBackPrevPanel: string;\n  swipeBackResult: SwipeBackResults;\n\n  browserSwipe: boolean;\n}\n\nclass ViewInfinite extends React.Component<\n  ViewInfiniteProps & DOMProps,\n  ViewInfiniteState\n> {\n  constructor(props: ViewInfiniteProps) {\n    super(props);\n\n    this.state = {\n      animated: false,\n\n      visiblePanels: [props.activePanel],\n      activePanel: props.activePanel,\n      isBack: undefined,\n      prevPanel: null,\n      nextPanel: null,\n\n      swipingBack: false,\n      swipebackStartX: 0,\n      swipeBackShift: 0,\n      swipeBackNextPanel: null,\n      swipeBackPrevPanel: null,\n      swipeBackResult: null,\n\n      browserSwipe: false,\n    };\n  }\n\n  static defaultProps: Partial<ViewInfiniteProps> = {\n    history: [],\n  };\n\n  private scrolls = scrollsCache[getNavId(this.props, warn)] || {};\n  private transitionFinishTimeout: ReturnType<typeof setTimeout>;\n  private animationFinishTimeout: ReturnType<typeof setTimeout>;\n\n  get document() {\n    return this.props.document;\n  }\n\n  get window() {\n    return this.props.window;\n  }\n\n  get panels() {\n    return React.Children.toArray(this.props.children) as React.ReactElement[];\n  }\n\n  panelNodes: { [id: string]: HTMLDivElement } = {};\n\n  componentWillUnmount() {\n    const id = getNavId(this.props);\n    if (id) {\n      scrollsCache[id] = this.scrolls;\n    }\n  }\n\n  componentDidUpdate(\n    prevProps: ViewInfiniteProps,\n    prevState: ViewInfiniteState\n  ) {\n    this.props.popout && !prevProps.popout && this.blurActiveElement();\n    this.props.modal && !prevProps.modal && this.blurActiveElement();\n\n    // Нужен переход\n    if (\n      prevProps.activePanel !== this.props.activePanel &&\n      !prevState.swipingBack &&\n      !prevState.browserSwipe\n    ) {\n      let isBack = false;\n\n      if (this.props.isBackCheck) {\n        isBack = this.props.isBackCheck({\n          from: prevProps.activePanel,\n          to: this.props.activePanel,\n        });\n      } else {\n        const firstLayerId = this.panels\n          .map((panel) => getNavId(panel.props, warn))\n          .find(\n            (id) =>\n              id === prevProps.activePanel || id === this.props.activePanel\n          );\n        isBack = firstLayerId === this.props.activePanel;\n      }\n\n      this.blurActiveElement();\n\n      const prevScrolls = this.scrolls[prevProps.activePanel] || [];\n      const scrolls = {\n        ...this.scrolls,\n        [prevProps.activePanel]: [\n          ...prevScrolls,\n          this.props.scroll.getScroll().y,\n        ],\n      };\n      this.scrolls = scrolls;\n\n      if (this.shouldDisableTransitionMotion()) {\n        this.flushTransition(prevProps.activePanel, isBack);\n      } else {\n        this.setState({\n          visiblePanels: [prevProps.activePanel, this.props.activePanel],\n          prevPanel: prevProps.activePanel,\n          nextPanel: this.props.activePanel,\n          activePanel: null,\n          animated: true,\n          isBack,\n        });\n\n        // Фолбек анимации перехода\n        if (!animationEvent.supported) {\n          clearTimeout(this.animationFinishTimeout);\n          this.animationFinishTimeout = setTimeout(\n            this.transitionEndHandler,\n            this.props.platform === ANDROID || this.props.platform === VKCOM\n              ? 300\n              : 600\n          );\n        }\n      }\n    }\n\n    // Закончилась анимация свайпа назад\n    if (\n      prevProps.activePanel !== this.props.activePanel &&\n      prevState.swipingBack\n    ) {\n      const nextPanel = this.state.swipeBackNextPanel;\n      const prevPanel = this.state.swipeBackPrevPanel;\n\n      const prevPanelScrolls = [...(this.scrolls[prevPanel] || [])].slice(\n        0,\n        -1\n      );\n      const newPanelScrolls = [...(this.scrolls[nextPanel] || [])];\n      const scrollPosition = newPanelScrolls.pop();\n      this.scrolls = {\n        ...this.scrolls,\n        [nextPanel]: newPanelScrolls,\n        [prevPanel]: prevPanelScrolls,\n      };\n\n      this.setState(\n        {\n          swipeBackPrevPanel: null,\n          swipeBackNextPanel: null,\n          swipingBack: false,\n          swipeBackResult: null,\n          swipebackStartX: 0,\n          swipeBackShift: 0,\n          activePanel: nextPanel,\n          visiblePanels: [nextPanel],\n        },\n        () => {\n          this.props.scroll.scrollTo(0, scrollPosition);\n          prevProps.onTransition &&\n            prevProps.onTransition({\n              isBack: true,\n              from: prevPanel,\n              to: nextPanel,\n            });\n        }\n      );\n    }\n\n    // Начался свайп назад\n    if (!prevState.swipingBack && this.state.swipingBack) {\n      this.props.onSwipeBackStart && this.props.onSwipeBackStart();\n    }\n\n    // Началась анимация завершения свайпа назад.\n    if (!prevState.swipeBackResult && this.state.swipeBackResult) {\n      this.waitTransitionFinish(\n        this.pickPanel(this.state.swipeBackNextPanel),\n        this.swipingBackTransitionEndHandler\n      );\n    }\n\n    // Если свайп назад отменился (когда пользователь недостаточно сильно свайпнул)\n    if (\n      prevState.swipeBackResult === SwipeBackResults.fail &&\n      !this.state.swipeBackResult\n    ) {\n      const newPanelScrolls = [...(this.scrolls[this.state.activePanel] || [])];\n      const scrollPosition = newPanelScrolls.pop();\n      this.scrolls = {\n        ...this.scrolls,\n        [this.state.activePanel]: newPanelScrolls,\n      };\n\n      this.props.scroll.scrollTo(0, scrollPosition);\n    }\n\n    // Закончился Safari свайп\n    if (\n      prevProps.activePanel !== this.props.activePanel &&\n      this.state.browserSwipe\n    ) {\n      this.setState({\n        browserSwipe: false,\n        nextPanel: null,\n        prevPanel: null,\n        animated: false,\n        visiblePanels: [this.props.activePanel],\n        activePanel: this.props.activePanel,\n      });\n    }\n  }\n\n  shouldDisableTransitionMotion(): boolean {\n    return (\n      this.props.configProvider.transitionMotionEnabled === false ||\n      !this.props.splitCol.animate\n    );\n  }\n\n  waitTransitionFinish(\n    elem: HTMLElement,\n    eventHandler: TransitionEventHandler\n  ): void {\n    if (transitionEvent.supported) {\n      elem.removeEventListener(transitionEvent.name, eventHandler);\n      elem.addEventListener(transitionEvent.name, eventHandler);\n    } else {\n      clearTimeout(this.transitionFinishTimeout);\n      this.transitionFinishTimeout = setTimeout(\n        eventHandler,\n        this.props.platform === ANDROID || this.props.platform === VKCOM\n          ? 300\n          : 600\n      );\n    }\n  }\n\n  blurActiveElement(): void {\n    if (typeof this.window !== \"undefined\" && this.document.activeElement) {\n      (this.document.activeElement as HTMLElement).blur();\n    }\n  }\n\n  pickPanel(id: string) {\n    return this.panelNodes[id];\n  }\n\n  flushTransition(prevPanel: string, isBack: boolean) {\n    const activePanel = this.props.activePanel;\n\n    const prevPanelScrolls = [...(this.scrolls[prevPanel] || [])].slice(0, -1);\n    const newPanelScrolls = [...(this.scrolls[activePanel] || [])];\n    const scrollPosition = isBack ? newPanelScrolls.pop() : 0;\n    if (isBack) {\n      this.scrolls = {\n        ...this.scrolls,\n        [prevPanel]: prevPanelScrolls,\n        [activePanel]: newPanelScrolls,\n      };\n    }\n\n    this.setState(\n      {\n        prevPanel: null,\n        nextPanel: null,\n        visiblePanels: [activePanel],\n        activePanel: activePanel,\n        animated: false,\n        isBack: undefined,\n      },\n      () => {\n        this.props.scroll.scrollTo(0, isBack ? scrollPosition : 0);\n        this.props.onTransition &&\n          this.props.onTransition({ isBack, from: prevPanel, to: activePanel });\n      }\n    );\n  }\n\n  transitionEndHandler = (e?: React.AnimationEvent): void => {\n    if (\n      !e ||\n      [\n        \"vkui-animation-ios-next-forward\",\n        \"vkui-animation-ios-prev-back\",\n        \"vkui-animation-view-next-forward\",\n        \"vkui-animation-view-prev-back\",\n      ].includes(e.animationName)\n    ) {\n      this.flushTransition(this.state.prevPanel, this.state.isBack);\n    }\n  };\n\n  swipingBackTransitionEndHandler = (e?: TransitionEvent): void => {\n    // indexOf because of vendor prefixes in old browsers\n    if (\n      !e ||\n      (e.propertyName.includes(\"transform\") &&\n        e.target === this.pickPanel(this.state.swipeBackNextPanel))\n    ) {\n      switch (this.state.swipeBackResult) {\n        case SwipeBackResults.fail:\n          this.onSwipeBackCancel();\n          break;\n        case SwipeBackResults.success:\n          this.onSwipeBackSuccess();\n      }\n    }\n  };\n\n  onSwipeBackSuccess(): void {\n    this.props.onSwipeBack && this.props.onSwipeBack();\n  }\n\n  onSwipeBackCancel(): void {\n    this.props.onSwipeBackCancel && this.props.onSwipeBackCancel();\n    this.setState({\n      swipeBackPrevPanel: null,\n      swipeBackNextPanel: null,\n      swipingBack: false,\n      swipeBackResult: null,\n      swipebackStartX: 0,\n      swipeBackShift: 0,\n    });\n  }\n\n  onMoveX = (e: TouchEvent): void => {\n    if (swipeBackExcluded(e)) {\n      return;\n    }\n\n    const { platform, configProvider } = this.props;\n\n    if (\n      platform === IOS &&\n      !configProvider.isWebView &&\n      (e.startX <= 70 || e.startX >= this.window.innerWidth - 70) &&\n      !this.state.browserSwipe\n    ) {\n      this.setState({ browserSwipe: true });\n    }\n\n    if (\n      platform === IOS &&\n      configProvider.isWebView &&\n      this.props.onSwipeBack\n    ) {\n      if (this.state.animated && e.startX <= 70) {\n        return;\n      }\n\n      if (\n        e.startX <= 70 &&\n        !this.state.swipingBack &&\n        this.props.history.length > 1\n      ) {\n        const prevScrolls = this.scrolls[this.state.activePanel] || [];\n        this.scrolls = {\n          ...this.scrolls,\n          [this.state.activePanel]: [\n            ...prevScrolls,\n            this.props.scroll.getScroll().y,\n          ],\n        };\n\n        this.setState({\n          swipingBack: true,\n          swipebackStartX: e.startX,\n          swipeBackPrevPanel: this.state.activePanel,\n          swipeBackNextPanel: this.props.history.slice(-2)[0],\n        });\n      }\n      if (this.state.swipingBack) {\n        let swipeBackShift;\n        if (e.shiftX < 0) {\n          swipeBackShift = 0;\n        } else if (\n          e.shiftX >\n          this.window.innerWidth - this.state.swipebackStartX\n        ) {\n          swipeBackShift = this.window.innerWidth;\n        } else {\n          swipeBackShift = e.shiftX;\n        }\n        this.setState({ swipeBackShift });\n      }\n    }\n  };\n\n  onEnd = (e: TouchEvent): void => {\n    if (this.state.swipingBack) {\n      const speed = (this.state.swipeBackShift / e.duration) * 1000;\n      if (this.state.swipeBackShift === 0) {\n        this.onSwipeBackCancel();\n      } else if (this.state.swipeBackShift >= this.window.innerWidth) {\n        this.onSwipeBackSuccess();\n      } else if (\n        speed > 250 ||\n        this.state.swipebackStartX + this.state.swipeBackShift >\n          this.window.innerWidth / 2\n      ) {\n        this.setState({ swipeBackResult: SwipeBackResults.success });\n      } else {\n        this.setState({ swipeBackResult: SwipeBackResults.fail });\n      }\n    }\n  };\n\n  calcPanelSwipeStyles(panelId: string): React.CSSProperties {\n    if (!canUseDOM) {\n      return {};\n    }\n\n    const isPrev = panelId === this.state.swipeBackPrevPanel;\n    const isNext = panelId === this.state.swipeBackNextPanel;\n\n    if ((!isPrev && !isNext) || this.state.swipeBackResult) {\n      return {};\n    }\n\n    let prevPanelTranslate = `${this.state.swipeBackShift}px`;\n    let nextPanelTranslate = `${\n      -50 + (this.state.swipeBackShift * 100) / this.window.innerWidth / 2\n    }%`;\n    let prevPanelShadow =\n      (0.3 * (this.window.innerWidth - this.state.swipeBackShift)) /\n      this.window.innerWidth;\n\n    if (this.state.swipeBackResult) {\n      return isPrev\n        ? { boxShadow: `-2px 0 12px rgba(0, 0, 0, ${prevPanelShadow})` }\n        : {};\n    }\n\n    if (isNext) {\n      return {\n        transform: `translate3d(${nextPanelTranslate}, 0, 0)`,\n        WebkitTransform: `translate3d(${nextPanelTranslate}, 0, 0)`,\n      };\n    }\n    if (isPrev) {\n      return {\n        transform: `translate3d(${prevPanelTranslate}, 0, 0)`,\n        WebkitTransform: `translate3d(${prevPanelTranslate}, 0, 0)`,\n        boxShadow: `-2px 0 12px rgba(0, 0, 0, ${prevPanelShadow})`,\n      };\n    }\n\n    return {};\n  }\n\n  render() {\n    const {\n      popout,\n      modal,\n      platform,\n      activePanel: _1,\n      splitCol,\n      configProvider,\n      history,\n      id,\n      nav,\n      onTransition,\n      onSwipeBack,\n      onSwipeBackStart,\n      onSwipeBackCancel,\n      window,\n      document,\n      scroll,\n      isBackCheck,\n      ...restProps\n    } = this.props;\n    const {\n      prevPanel,\n      nextPanel,\n      activePanel,\n      isBack,\n      animated,\n      swipeBackPrevPanel,\n      swipeBackNextPanel,\n      swipeBackResult,\n      swipingBack,\n    } = this.state;\n\n    const hasPopout = !!popout;\n    const hasModal = !!modal;\n\n    const panels = this.panels\n      .filter((panel) => {\n        const panelId = getNavId(panel.props, warn);\n\n        return (\n          this.state.visiblePanels.includes(panelId) ||\n          panelId === swipeBackPrevPanel ||\n          panelId === swipeBackNextPanel\n        );\n      })\n      .sort((panel) => {\n        const panelId = getNavId(panel.props, warn);\n        const isPrevPanel =\n          panelId === prevPanel || panelId === swipeBackPrevPanel;\n        const isNextPanel =\n          panelId === nextPanel || panelId === swipeBackNextPanel;\n\n        if (isNextPanel) {\n          return swipingBack || this.state.isBack ? -1 : 1;\n        }\n\n        if (isPrevPanel) {\n          return swipingBack || this.state.isBack ? 1 : -1;\n        }\n\n        return 0;\n      });\n\n    const disableAnimation = this.shouldDisableTransitionMotion();\n\n    const modifiers = {\n      \"View--animated\": !disableAnimation && this.state.animated,\n      \"View--swiping-back\": !disableAnimation && this.state.swipingBack,\n      \"View--no-motion\": disableAnimation,\n    };\n\n    return (\n      <Touch\n        Component=\"section\"\n        {...restProps}\n        vkuiClass={classNames(getClassName(\"View\", platform), modifiers)}\n        onMoveX={this.onMoveX}\n        onEnd={this.onEnd}\n      >\n        <div vkuiClass=\"View__panels\">\n          {panels.map((panel: React.ReactElement) => {\n            const panelId = getNavId(panel.props, warn);\n            const isPrev =\n              panelId === prevPanel || panelId === swipeBackPrevPanel;\n            const compensateScroll =\n              isPrev ||\n              panelId === swipeBackNextPanel ||\n              (panelId === nextPanel && isBack);\n            const isTransitionTarget =\n              animated && panelId === (isBack ? prevPanel : nextPanel);\n            const scrollList = this.scrolls[panelId] || [];\n            const scroll = scrollList[scrollList.length - 1] || 0;\n\n            return (\n              <div\n                vkuiClass={classNames(\"View__panel\", {\n                  \"View__panel--active\": panelId === activePanel,\n                  \"View__panel--prev\": panelId === prevPanel,\n                  \"View__panel--next\": panelId === nextPanel,\n                  \"View__panel--swipe-back-prev\":\n                    panelId === swipeBackPrevPanel,\n                  \"View__panel--swipe-back-next\":\n                    panelId === swipeBackNextPanel,\n                  \"View__panel--swipe-back-success\":\n                    swipeBackResult === SwipeBackResults.success,\n                  \"View__panel--swipe-back-failed\":\n                    swipeBackResult === SwipeBackResults.fail,\n                })}\n                onAnimationEnd={\n                  isTransitionTarget ? this.transitionEndHandler : null\n                }\n                ref={(el) => (this.panelNodes[panelId] = el)}\n                style={this.calcPanelSwipeStyles(panelId)}\n                key={panelId}\n              >\n                <div\n                  vkuiClass=\"View__panel-in\"\n                  style={{ marginTop: compensateScroll ? -scroll : null }}\n                >\n                  <NavTransitionProvider\n                    entering={\n                      panelId === nextPanel || panelId === swipeBackNextPanel\n                    }\n                  >\n                    {panel}\n                  </NavTransitionProvider>\n                </div>\n              </div>\n            );\n          })}\n        </div>\n        <AppRootPortal>\n          {hasPopout && <div vkuiClass=\"View__popout\">{popout}</div>}\n          {hasModal && <div vkuiClass=\"View__modal\">{modal}</div>}\n        </AppRootPortal>\n      </Touch>\n    );\n  }\n}\n\nexport default withContext(\n  withContext(\n    withContext(\n      withPlatform(withDOM<ViewInfiniteProps>(ViewInfinite)),\n      SplitColContext,\n      \"splitCol\"\n    ),\n    ConfigProviderContext,\n    \"configProvider\"\n  ),\n  ScrollContext,\n  \"scroll\"\n);\n"],"file":"ViewInfinite.js"}
+{"version":3,"sources":["../../../../src/components/View/ViewInfinite.tsx"],"names":["warn","SwipeBackResults","scrollsCache","ViewInfinite","props","undefined","e","includes","animationName","state","prevPanel","flushTransition","Boolean","isBack","propertyName","target","pickPanel","swipeBackNextPanel","swipeBackResult","fail","onSwipeBackCancel","success","onSwipeBackSuccess","window","platform","configProvider","IOS","isWebView","startX","innerWidth","browserSwipe","setState","onSwipeBack","animated","swipingBack","history","length","activePanel","prevScrolls","scrolls","scroll","getScroll","y","swipebackStartX","swipeBackPrevPanel","slice","swipeBackShift","shiftX","speed","duration","visiblePanels","nextPanel","document","React","Children","toArray","children","id","prevProps","prevState","popout","blurActiveElement","modal","isBackCheck","from","to","firstLayerId","panels","map","panel","find","shouldDisableTransitionMotion","animationEvent","supported","animationFinishTimeout","clearTimeout","setTimeout","transitionEndHandler","ANDROID","VKCOM","scrollPosition","prevPanelScrolls","newPanelScrolls","pop","scrollTo","onTransition","onSwipeBackStart","waitTransitionFinish","swipingBackTransitionEndHandler","transitionMotionEnabled","splitCol","animate","elem","eventHandler","transitionEvent","name","removeEventListener","addEventListener","transitionFinishTimeout","activeElement","blur","panelNodes","panelId","canUseDOM","isPrev","isNext","prevPanelTranslate","nextPanelTranslate","prevPanelShadow","boxShadow","transform","WebkitTransform","_1","nav","restProps","hasPopout","hasModal","filter","sort","isPrevPanel","isNextPanel","disableAnimation","modifiers","onMoveX","onEnd","compensateScroll","isTransitionTarget","scrollList","el","calcPanelSwipeStyles","marginTop","Component","SplitColContext","ConfigProviderContext","ScrollContext"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { classNames } from \"../../lib/classNames\";\nimport { transitionEvent, animationEvent } from \"../../lib/supportEvents\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { IOS, ANDROID, VKCOM } from \"../../lib/platform\";\nimport { Touch, TouchEvent } from \"../Touch/Touch\";\nimport { HasPlatform } from \"../../types\";\nimport { withPlatform } from \"../../hoc/withPlatform\";\nimport { withContext } from \"../../hoc/withContext\";\nimport {\n  ConfigProviderContext,\n  ConfigProviderContextInterface,\n} from \"../ConfigProvider/ConfigProviderContext\";\nimport { SplitColContext, SplitColContextProps } from \"../SplitCol/SplitCol\";\nimport { AppRootPortal } from \"../AppRoot/AppRootPortal\";\nimport { canUseDOM, withDOM, DOMProps } from \"../../lib/dom\";\nimport {\n  ScrollContext,\n  ScrollContextInterface,\n} from \"../AppRoot/ScrollContext\";\nimport { NavTransitionProvider } from \"../NavTransitionContext/NavTransitionContext\";\nimport { getNavId, NavIdProps } from \"../../lib/getNavId\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { swipeBackExcluded } from \"./utils\";\nimport \"./View.css\";\n\nconst warn = warnOnce(\"ViewInfinite\");\n\nenum SwipeBackResults {\n  fail = 1,\n  success,\n}\n\ninterface Scrolls {\n  [index: string]: Array<number | undefined>;\n}\n\ninterface ViewsScrolls {\n  [index: string]: Scrolls;\n}\n\ntype TransitionEventHandler = (e?: TransitionEvent) => void;\n\nlet scrollsCache: ViewsScrolls = {};\n\nexport type TransitionParams = { from: string | null; to: string | null };\n\nexport interface ViewInfiniteProps\n  extends React.HTMLAttributes<HTMLElement>,\n    HasPlatform,\n    NavIdProps {\n  activePanel: string;\n  popout?: React.ReactNode;\n  modal?: React.ReactNode;\n  onTransition?(params: TransitionParams & { isBack: boolean }): void;\n  /**\n   * callback свайпа назад\n   */\n  onSwipeBack?(): void;\n  /**\n   * callback начала анимации свайпа назад.\n   */\n  onSwipeBackStart?(): void;\n  /**\n   * callback завершения анимации отмененного пользователем свайпа\n   */\n  onSwipeBackCancel?(): void;\n  history?: string[];\n  isBackCheck?(params: TransitionParams): boolean;\n  /**\n   * @ignore\n   */\n  splitCol?: SplitColContextProps;\n  /**\n   * @ignore\n   */\n  configProvider?: ConfigProviderContextInterface;\n  /**\n   * @ignore\n   */\n  scroll?: ScrollContextInterface;\n}\n\nexport interface ViewInfiniteState {\n  animated: boolean;\n\n  visiblePanels: Array<string | null>;\n  activePanel: string | null;\n  isBack?: boolean;\n  prevPanel: string | null;\n  nextPanel: string | null;\n\n  swipingBack: boolean;\n  swipebackStartX: number;\n  swipeBackShift: number;\n  swipeBackNextPanel: string | null;\n  swipeBackPrevPanel: string | null;\n  swipeBackResult: SwipeBackResults | null;\n\n  browserSwipe: boolean;\n}\n\nclass ViewInfinite extends React.Component<\n  ViewInfiniteProps & DOMProps,\n  ViewInfiniteState\n> {\n  constructor(props: ViewInfiniteProps) {\n    super(props);\n\n    this.state = {\n      animated: false,\n\n      visiblePanels: [props.activePanel],\n      activePanel: props.activePanel,\n      isBack: undefined,\n      prevPanel: null,\n      nextPanel: null,\n\n      swipingBack: false,\n      swipebackStartX: 0,\n      swipeBackShift: 0,\n      swipeBackNextPanel: null,\n      swipeBackPrevPanel: null,\n      swipeBackResult: null,\n\n      browserSwipe: false,\n    };\n  }\n\n  static defaultProps: Partial<ViewInfiniteProps> = {\n    history: [],\n  };\n\n  private scrolls = scrollsCache[getNavId(this.props, warn) as string] || {};\n  private transitionFinishTimeout: number | undefined = undefined;\n  private animationFinishTimeout: number | undefined = undefined;\n\n  get document() {\n    return this.props.document;\n  }\n\n  get window() {\n    return this.props.window;\n  }\n\n  get panels() {\n    return React.Children.toArray(this.props.children) as React.ReactElement[];\n  }\n\n  panelNodes: { [id: string]: HTMLDivElement | null } = {};\n\n  componentWillUnmount() {\n    const id = getNavId(this.props);\n    if (id) {\n      scrollsCache[id] = this.scrolls;\n    }\n  }\n\n  componentDidUpdate(\n    prevProps: ViewInfiniteProps,\n    prevState: ViewInfiniteState\n  ) {\n    this.props.popout && !prevProps.popout && this.blurActiveElement();\n    this.props.modal && !prevProps.modal && this.blurActiveElement();\n\n    // Нужен переход\n    if (\n      prevProps.activePanel !== this.props.activePanel &&\n      !prevState.swipingBack &&\n      !prevState.browserSwipe\n    ) {\n      let isBack = false;\n\n      if (this.props.isBackCheck) {\n        isBack = this.props.isBackCheck({\n          from: prevProps.activePanel,\n          to: this.props.activePanel,\n        });\n      } else {\n        const firstLayerId = this.panels\n          .map((panel) => getNavId(panel.props, warn))\n          .find(\n            (id) =>\n              id === prevProps.activePanel || id === this.props.activePanel\n          );\n        isBack = firstLayerId === this.props.activePanel;\n      }\n\n      this.blurActiveElement();\n\n      const prevScrolls = this.scrolls[prevProps.activePanel] || [];\n      const scrolls = {\n        ...this.scrolls,\n        [prevProps.activePanel]: [\n          ...prevScrolls,\n          this.props.scroll?.getScroll().y,\n        ],\n      };\n      this.scrolls = scrolls;\n\n      if (this.shouldDisableTransitionMotion()) {\n        this.flushTransition(prevProps.activePanel, isBack);\n      } else {\n        this.setState({\n          visiblePanels: [prevProps.activePanel, this.props.activePanel],\n          prevPanel: prevProps.activePanel,\n          nextPanel: this.props.activePanel,\n          activePanel: null,\n          animated: true,\n          isBack,\n        });\n\n        // Фолбек анимации перехода\n        if (!animationEvent.supported) {\n          if (this.animationFinishTimeout) {\n            clearTimeout(this.animationFinishTimeout);\n          }\n          this.animationFinishTimeout = setTimeout(\n            this.transitionEndHandler,\n            this.props.platform === ANDROID || this.props.platform === VKCOM\n              ? 300\n              : 600\n          );\n        }\n      }\n    }\n\n    // Закончилась анимация свайпа назад\n    if (\n      prevProps.activePanel !== this.props.activePanel &&\n      prevState.swipingBack\n    ) {\n      const nextPanel = this.state.swipeBackNextPanel;\n      const prevPanel = this.state.swipeBackPrevPanel;\n      let scrollPosition: undefined | number = undefined;\n\n      this.scrolls = {\n        ...this.scrolls,\n      };\n\n      if (prevPanel !== null) {\n        const prevPanelScrolls = [...(this.scrolls[prevPanel] || [])].slice(\n          0,\n          -1\n        );\n        this.scrolls[prevPanel] = prevPanelScrolls;\n      }\n      if (nextPanel !== null) {\n        const newPanelScrolls = [...(this.scrolls[nextPanel] || [])];\n        scrollPosition = newPanelScrolls.pop();\n        this.scrolls[nextPanel] = newPanelScrolls;\n      }\n\n      this.setState(\n        {\n          swipeBackPrevPanel: null,\n          swipeBackNextPanel: null,\n          swipingBack: false,\n          swipeBackResult: null,\n          swipebackStartX: 0,\n          swipeBackShift: 0,\n          activePanel: nextPanel,\n          visiblePanels: [nextPanel],\n        },\n        () => {\n          this.props.scroll?.scrollTo(0, scrollPosition);\n          prevProps.onTransition &&\n            prevProps.onTransition({\n              isBack: true,\n              from: prevPanel,\n              to: nextPanel,\n            });\n        }\n      );\n    }\n\n    // Начался свайп назад\n    if (!prevState.swipingBack && this.state.swipingBack) {\n      this.props.onSwipeBackStart && this.props.onSwipeBackStart();\n    }\n\n    // Началась анимация завершения свайпа назад.\n    if (!prevState.swipeBackResult && this.state.swipeBackResult) {\n      this.waitTransitionFinish(\n        this.pickPanel(this.state.swipeBackNextPanel),\n        this.swipingBackTransitionEndHandler\n      );\n    }\n\n    // Если свайп назад отменился (когда пользователь недостаточно сильно свайпнул)\n    if (\n      prevState.swipeBackResult === SwipeBackResults.fail &&\n      !this.state.swipeBackResult &&\n      this.state.activePanel !== null\n    ) {\n      const newPanelScrolls = [...(this.scrolls[this.state.activePanel] || [])];\n      const scrollPosition = newPanelScrolls.pop();\n      this.scrolls = {\n        ...this.scrolls,\n        [this.state.activePanel]: newPanelScrolls,\n      };\n\n      this.props.scroll?.scrollTo(0, scrollPosition);\n    }\n\n    // Закончился Safari свайп\n    if (\n      prevProps.activePanel !== this.props.activePanel &&\n      this.state.browserSwipe\n    ) {\n      this.setState({\n        browserSwipe: false,\n        nextPanel: null,\n        prevPanel: null,\n        animated: false,\n        visiblePanels: [this.props.activePanel],\n        activePanel: this.props.activePanel,\n      });\n    }\n  }\n\n  shouldDisableTransitionMotion(): boolean {\n    return (\n      this.props.configProvider?.transitionMotionEnabled === false ||\n      !this.props.splitCol?.animate\n    );\n  }\n\n  waitTransitionFinish(\n    elem: HTMLElement | null | undefined,\n    eventHandler: TransitionEventHandler\n  ): void {\n    if (transitionEvent.supported && transitionEvent.name && elem) {\n      elem.removeEventListener(\n        transitionEvent.name as keyof HTMLElementEventMap,\n        eventHandler as EventListener\n      );\n      elem.addEventListener(\n        transitionEvent.name as keyof HTMLElementEventMap,\n        eventHandler as EventListener\n      );\n    } else {\n      if (this.transitionFinishTimeout) {\n        clearTimeout(this.transitionFinishTimeout);\n      }\n\n      this.transitionFinishTimeout = setTimeout(\n        eventHandler,\n        this.props.platform === ANDROID || this.props.platform === VKCOM\n          ? 300\n          : 600\n      );\n    }\n  }\n\n  blurActiveElement(): void {\n    if (typeof this.window !== \"undefined\" && this.document?.activeElement) {\n      (this.document.activeElement as HTMLElement).blur();\n    }\n  }\n\n  pickPanel(id: string | null) {\n    if (id === null) {\n      return undefined;\n    }\n    return this.panelNodes[id];\n  }\n\n  flushTransition(prevPanel: string, isBack: boolean) {\n    const activePanel = this.props.activePanel;\n\n    const prevPanelScrolls = [...(this.scrolls[prevPanel] || [])].slice(0, -1);\n    const newPanelScrolls = [...(this.scrolls[activePanel] || [])];\n    const scrollPosition = isBack ? newPanelScrolls.pop() : 0;\n    if (isBack) {\n      this.scrolls = {\n        ...this.scrolls,\n        [prevPanel]: prevPanelScrolls,\n        [activePanel]: newPanelScrolls,\n      };\n    }\n\n    this.setState(\n      {\n        prevPanel: null,\n        nextPanel: null,\n        visiblePanels: [activePanel],\n        activePanel: activePanel,\n        animated: false,\n        isBack: undefined,\n      },\n      () => {\n        this.props.scroll?.scrollTo(0, isBack ? scrollPosition : 0);\n        this.props.onTransition &&\n          this.props.onTransition({ isBack, from: prevPanel, to: activePanel });\n      }\n    );\n  }\n\n  transitionEndHandler = (e?: React.AnimationEvent): void => {\n    if (\n      (!e ||\n        [\n          \"vkui-animation-ios-next-forward\",\n          \"vkui-animation-ios-prev-back\",\n          \"vkui-animation-view-next-forward\",\n          \"vkui-animation-view-prev-back\",\n        ].includes(e.animationName)) &&\n      this.state.prevPanel !== null\n    ) {\n      this.flushTransition(this.state.prevPanel, Boolean(this.state.isBack));\n    }\n  };\n\n  swipingBackTransitionEndHandler = (e?: TransitionEvent): void => {\n    // indexOf because of vendor prefixes in old browsers\n    if (\n      !e ||\n      (e.propertyName.includes(\"transform\") &&\n        e.target === this.pickPanel(this.state.swipeBackNextPanel))\n    ) {\n      switch (this.state.swipeBackResult) {\n        case SwipeBackResults.fail:\n          this.onSwipeBackCancel();\n          break;\n        case SwipeBackResults.success:\n          this.onSwipeBackSuccess();\n      }\n    }\n  };\n\n  onSwipeBackSuccess(): void {\n    this.props.onSwipeBack && this.props.onSwipeBack();\n  }\n\n  onSwipeBackCancel(): void {\n    this.props.onSwipeBackCancel && this.props.onSwipeBackCancel();\n    this.setState({\n      swipeBackPrevPanel: null,\n      swipeBackNextPanel: null,\n      swipingBack: false,\n      swipeBackResult: null,\n      swipebackStartX: 0,\n      swipeBackShift: 0,\n    });\n  }\n\n  onMoveX = (e: TouchEvent): void => {\n    if (swipeBackExcluded(e) || !this.window) {\n      return;\n    }\n\n    const { platform, configProvider } = this.props;\n\n    if (\n      platform === IOS &&\n      !configProvider?.isWebView &&\n      (e.startX <= 70 || e.startX >= this.window.innerWidth - 70) &&\n      !this.state.browserSwipe\n    ) {\n      this.setState({ browserSwipe: true });\n    }\n\n    if (\n      platform === IOS &&\n      configProvider?.isWebView &&\n      this.props.onSwipeBack\n    ) {\n      if (this.state.animated && e.startX <= 70) {\n        return;\n      }\n\n      if (\n        e.startX <= 70 &&\n        !this.state.swipingBack &&\n        (this.props.history?.length ?? 0) > 1\n      ) {\n        if (this.state.activePanel !== null) {\n          const prevScrolls = this.scrolls[this.state.activePanel] || [];\n          this.scrolls = {\n            ...this.scrolls,\n            [this.state.activePanel]: [\n              ...prevScrolls,\n              this.props.scroll?.getScroll().y,\n            ],\n          };\n        }\n\n        this.setState({\n          swipingBack: true,\n          swipebackStartX: e.startX,\n          swipeBackPrevPanel: this.state.activePanel,\n          swipeBackNextPanel: this.props.history!.slice(-2)[0],\n        });\n      }\n      if (this.state.swipingBack) {\n        let swipeBackShift;\n        if (e.shiftX < 0) {\n          swipeBackShift = 0;\n        } else if (\n          e.shiftX >\n          this.window.innerWidth - this.state.swipebackStartX\n        ) {\n          swipeBackShift = this.window.innerWidth;\n        } else {\n          swipeBackShift = e.shiftX;\n        }\n        this.setState({ swipeBackShift });\n      }\n    }\n  };\n\n  onEnd = (e: TouchEvent): void => {\n    if (this.state.swipingBack && this.window) {\n      const speed = (this.state.swipeBackShift / e.duration) * 1000;\n      if (this.state.swipeBackShift === 0) {\n        this.onSwipeBackCancel();\n      } else if (this.state.swipeBackShift >= this.window.innerWidth) {\n        this.onSwipeBackSuccess();\n      } else if (\n        speed > 250 ||\n        this.state.swipebackStartX + this.state.swipeBackShift >\n          this.window.innerWidth / 2\n      ) {\n        this.setState({ swipeBackResult: SwipeBackResults.success });\n      } else {\n        this.setState({ swipeBackResult: SwipeBackResults.fail });\n      }\n    }\n  };\n\n  calcPanelSwipeStyles(panelId: string | undefined): React.CSSProperties {\n    if (!canUseDOM || !this.window) {\n      return {};\n    }\n\n    const isPrev = panelId === this.state.swipeBackPrevPanel;\n    const isNext = panelId === this.state.swipeBackNextPanel;\n\n    if ((!isPrev && !isNext) || this.state.swipeBackResult) {\n      return {};\n    }\n\n    let prevPanelTranslate = `${this.state.swipeBackShift}px`;\n    let nextPanelTranslate = `${\n      -50 + (this.state.swipeBackShift * 100) / this.window.innerWidth / 2\n    }%`;\n    let prevPanelShadow =\n      (0.3 * (this.window.innerWidth - this.state.swipeBackShift)) /\n      this.window.innerWidth;\n\n    if (this.state.swipeBackResult) {\n      return isPrev\n        ? { boxShadow: `-2px 0 12px rgba(0, 0, 0, ${prevPanelShadow})` }\n        : {};\n    }\n\n    if (isNext) {\n      return {\n        transform: `translate3d(${nextPanelTranslate}, 0, 0)`,\n        WebkitTransform: `translate3d(${nextPanelTranslate}, 0, 0)`,\n      };\n    }\n    if (isPrev) {\n      return {\n        transform: `translate3d(${prevPanelTranslate}, 0, 0)`,\n        WebkitTransform: `translate3d(${prevPanelTranslate}, 0, 0)`,\n        boxShadow: `-2px 0 12px rgba(0, 0, 0, ${prevPanelShadow})`,\n      };\n    }\n\n    return {};\n  }\n\n  render() {\n    const {\n      popout,\n      modal,\n      platform,\n      activePanel: _1,\n      splitCol,\n      configProvider,\n      history,\n      id,\n      nav,\n      onTransition,\n      onSwipeBack,\n      onSwipeBackStart,\n      onSwipeBackCancel,\n      window,\n      document,\n      scroll,\n      isBackCheck,\n      ...restProps\n    } = this.props;\n    const {\n      prevPanel,\n      nextPanel,\n      activePanel,\n      isBack,\n      animated,\n      swipeBackPrevPanel,\n      swipeBackNextPanel,\n      swipeBackResult,\n      swipingBack,\n    } = this.state;\n\n    const hasPopout = !!popout;\n    const hasModal = !!modal;\n\n    const panels = this.panels\n      .filter((panel) => {\n        const panelId = getNavId(panel.props, warn);\n\n        return (\n          (panelId !== undefined &&\n            this.state.visiblePanels.includes(panelId)) ||\n          panelId === swipeBackPrevPanel ||\n          panelId === swipeBackNextPanel\n        );\n      })\n      .sort((panel) => {\n        const panelId = getNavId(panel.props, warn);\n        const isPrevPanel =\n          panelId === prevPanel || panelId === swipeBackPrevPanel;\n        const isNextPanel =\n          panelId === nextPanel || panelId === swipeBackNextPanel;\n\n        if (isNextPanel) {\n          return swipingBack || this.state.isBack ? -1 : 1;\n        }\n\n        if (isPrevPanel) {\n          return swipingBack || this.state.isBack ? 1 : -1;\n        }\n\n        return 0;\n      });\n\n    const disableAnimation = this.shouldDisableTransitionMotion();\n\n    const modifiers = {\n      \"View--animated\": !disableAnimation && this.state.animated,\n      \"View--swiping-back\": !disableAnimation && this.state.swipingBack,\n      \"View--no-motion\": disableAnimation,\n    };\n\n    return (\n      <Touch\n        Component=\"section\"\n        {...restProps}\n        vkuiClass={classNames(getClassName(\"View\", platform), modifiers)}\n        onMoveX={this.onMoveX}\n        onEnd={this.onEnd}\n      >\n        <div vkuiClass=\"View__panels\">\n          {panels.map((panel: React.ReactElement) => {\n            const panelId = getNavId(panel.props, warn);\n            const isPrev =\n              panelId === prevPanel || panelId === swipeBackPrevPanel;\n            const compensateScroll =\n              isPrev ||\n              panelId === swipeBackNextPanel ||\n              (panelId === nextPanel && isBack);\n            const isTransitionTarget =\n              animated && panelId === (isBack ? prevPanel : nextPanel);\n            const scrollList = (panelId && this.scrolls[panelId]) || [];\n            const scroll = scrollList[scrollList.length - 1] || 0;\n\n            return (\n              <div\n                vkuiClass={classNames(\"View__panel\", {\n                  \"View__panel--active\": panelId === activePanel,\n                  \"View__panel--prev\": panelId === prevPanel,\n                  \"View__panel--next\": panelId === nextPanel,\n                  \"View__panel--swipe-back-prev\":\n                    panelId === swipeBackPrevPanel,\n                  \"View__panel--swipe-back-next\":\n                    panelId === swipeBackNextPanel,\n                  \"View__panel--swipe-back-success\":\n                    swipeBackResult === SwipeBackResults.success,\n                  \"View__panel--swipe-back-failed\":\n                    swipeBackResult === SwipeBackResults.fail,\n                })}\n                onAnimationEnd={\n                  isTransitionTarget ? this.transitionEndHandler : undefined\n                }\n                ref={(el) =>\n                  panelId !== undefined && (this.panelNodes[panelId] = el)\n                }\n                style={this.calcPanelSwipeStyles(panelId)}\n                key={panelId}\n              >\n                <div\n                  vkuiClass=\"View__panel-in\"\n                  style={{ marginTop: compensateScroll ? -scroll : undefined }}\n                >\n                  <NavTransitionProvider\n                    entering={\n                      panelId === nextPanel || panelId === swipeBackNextPanel\n                    }\n                  >\n                    {panel}\n                  </NavTransitionProvider>\n                </div>\n              </div>\n            );\n          })}\n        </div>\n        <AppRootPortal>\n          {hasPopout && <div vkuiClass=\"View__popout\">{popout}</div>}\n          {hasModal && <div vkuiClass=\"View__modal\">{modal}</div>}\n        </AppRootPortal>\n      </Touch>\n    );\n  }\n}\n\n// eslint-disable-next-line import/no-default-export\nexport default withContext(\n  withContext(\n    withContext(\n      withPlatform(withDOM<ViewInfiniteProps>(ViewInfinite)),\n      SplitColContext,\n      \"splitCol\"\n    ),\n    ConfigProviderContext,\n    \"configProvider\"\n  ),\n  ScrollContext,\n  \"scroll\"\n);\n"],"file":"ViewInfinite.js"}

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

@@ -3,7 +3,7 @@ import { HasRef, HasRootRef } from "../../types";
 import "./WriteBar.css";
 export interface WriteBarProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement>, HasRootRef<HTMLDivElement>, HasRef<HTMLTextAreaElement> {
     /**
-     * Содержимое, отображаемое слево от поля ввода.
+     * Содержимое, отображаемое слева от поля ввода.
      */
     before?: React.ReactNode;
     /**

package/dist/cjs/components/WriteBar/WriteBar.js

@@ -49,8 +49,7 @@ var WriteBar = function WriteBar(props) {
 
   var textareaRef = (0, _useExternRef.useExternRef)(getRef);
   var textareaMinHeightRef = React.useRef(null);
-
-  var resize = function resize() {
+  var resize = React.useCallback(function () {
     var textareaEl = textareaRef.current;
 
     if (!textareaEl) {
@@ -80,7 +79,7 @@ var WriteBar = function WriteBar(props) {
     if ((0, _utils.isFunction)(onHeightChange)) {
       onHeightChange();
     }
-  };
+  }, [onHeightChange, textareaRef, window]);
 
   var onTextareaChange = function onTextareaChange(event) {
     if ((0, _utils.isFunction)(onChange)) {
@@ -94,7 +93,7 @@ var WriteBar = function WriteBar(props) {
 
   React.useEffect(function () {
     resize();
-  }, [value]);
+  }, [resize, value]);
   return (0, _jsxRuntime.createScopedElement)("div", {
     ref: getRootRef,
     vkuiClass: (0, _getClassName.getClassName)("WriteBar", platform),

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/WriteBar/WriteBar.tsx"],"names":["WriteBar","props","platform","className","style","before","inlineAfter","after","value","onChange","getRootRef","getRef","onHeightChange","restProps","isControlledOutside","window","textareaRef","textareaMinHeightRef","React","useRef","resize","textareaEl","current","offsetHeight","scrollHeight","getComputedStyle","paddingTop","parseInt","paddingBottom","diff","height","String","Math","max","onTextareaChange","event","useEffect","e","preventDefault"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;AA4BO,IAAMA,QAAiC,GAAG,SAApCA,QAAoC,CAACC,KAAD,EAA0B;AACzE,MAAMC,QAAQ,GAAG,+BAAjB;AACA,MACEC,SADF,GAeIF,KAfJ,CACEE,SADF;AAAA,MAEEC,KAFF,GAeIH,KAfJ,CAEEG,KAFF;AAAA,MAIEC,MAJF,GAeIJ,KAfJ,CAIEI,MAJF;AAAA,MAKEC,WALF,GAeIL,KAfJ,CAKEK,WALF;AAAA,MAMEC,KANF,GAeIN,KAfJ,CAMEM,KANF;AAAA,MAQEC,KARF,GAeIP,KAfJ,CAQEO,KARF;AAAA,MASEC,QATF,GAeIR,KAfJ,CASEQ,QATF;AAAA,MAWEC,UAXF,GAeIT,KAfJ,CAWES,UAXF;AAAA,MAYEC,MAZF,GAeIV,KAfJ,CAYEU,MAZF;AAAA,MAaEC,cAbF,GAeIX,KAfJ,CAaEW,cAbF;AAAA,MAcKC,SAdL,0CAeIZ,KAfJ;AAiBA,MAAMa,mBAAmB,GAAGN,KAAK,IAAI,IAArC;;AAEA,gBAAmB,kBAAnB;AAAA,MAAQO,MAAR,WAAQA,MAAR;;AACA,MAAMC,WAAW,GAAG,gCAAaL,MAAb,CAApB;AACA,MAAMM,oBAAoB,GAAGC,KAAK,CAACC,MAAN,CAA4B,IAA5B,CAA7B;;AAEA,MAAMC,MAAM,GAAG,SAATA,MAAS,GAAM;AACnB,QAAMC,UAAU,GAAGL,WAAW,CAACM,OAA/B;;AACA,QAAI,CAACD,UAAL,EAAiB;AACf;AACD;;AAED,QAAQE,YAAR,GAAuCF,UAAvC,CAAQE,YAAR;AAAA,QAAsBC,YAAtB,GAAuCH,UAAvC,CAAsBG,YAAtB;AACA,QAAMpB,KAAK,GAAGW,MAAM,CAACU,gBAAP,CAAwBJ,UAAxB,CAAd;AACA,QAAMK,UAAU,GAAGC,QAAQ,CAACvB,KAAK,CAACsB,UAAP,CAA3B;AACA,QAAME,aAAa,GAAGD,QAAQ,CAACvB,KAAK,CAACwB,aAAP,CAA9B;;AAEA,QAAIX,oBAAoB,CAACK,OAArB,KAAiC,IAArC,EAA2C;AACzCL,MAAAA,oBAAoB,CAACK,OAArB,GAA+BC,YAA/B;AACD;;AAED,QAAIM,IAAI,GAAGH,UAAU,GAAGE,aAAb,GAA6B,EAAxC;;AAEA,QAAIJ,YAAY,GAAGK,IAAf,IAAuBN,YAA3B,EAAyC;AACvCM,MAAAA,IAAI,GAAG,CAAP;AACD;;AAEDR,IAAAA,UAAU,CAACjB,KAAX,CAAiB0B,MAAjB,GAA0B,KAA1B;AAEA,QAAMA,MAAM,GAAGT,UAAU,CAACG,YAAX,GAA0BK,IAAI,GAAG,CAAhD;AACAR,IAAAA,UAAU,CAACjB,KAAX,CAAiB0B,MAAjB,GACEC,MAAM,CAACC,IAAI,CAACC,GAAL,CAASH,MAAT,EAAiBb,oBAAoB,CAACK,OAAtC,CAAD,CAAN,GAAyD,IAD3D;;AAGA,QAAI,uBAAWV,cAAX,CAAJ,EAAgC;AAC9BA,MAAAA,cAAc;AACf;AACF,GA9BD;;AAgCA,MAAMsB,gBAA+D,GAAG,SAAlEA,gBAAkE,CACtEC,KADsE,EAEnE;AACH,QAAI,uBAAW1B,QAAX,CAAJ,EAA0B;AACxBA,MAAAA,QAAQ,CAAC0B,KAAD,CAAR;AACD;;AAED,QAAI,CAACrB,mBAAL,EAA0B;AACxBM,MAAAA,MAAM;AACP;AACF,GAVD;;AAYAF,EAAAA,KAAK,CAACkB,SAAN,CAAgB,YAAM;AACpBhB,IAAAA,MAAM;AACP,GAFD,EAEG,CAACZ,KAAD,CAFH;AAIA,SACE;AACE,IAAA,GAAG,EAAEE,UADP;AAEE,IAAA,SAAS,EAAE,gCAAa,UAAb,EAAyBR,QAAzB,CAFb;AAGE,IAAA,SAAS,EAAEC,SAHb;AAIE,IAAA,KAAK,EAAEC;AAJT,KAME;AAAM,IAAA,SAAS,EAAC,gBAAhB;AAAiC,IAAA,QAAQ,EAAE,kBAACiC,CAAD;AAAA,aAAOA,CAAC,CAACC,cAAF,EAAP;AAAA;AAA3C,KACG,yBAAajC,MAAb,KACC;AAAK,IAAA,SAAS,EAAC;AAAf,KAAmCA,MAAnC,CAFJ,EAKE;AAAK,IAAA,SAAS,EAAC;AAAf,KACE,4EACMQ,SADN;AAEE,IAAA,SAAS,EAAC,oBAFZ;AAGE,IAAA,QAAQ,EAAEqB,gBAHZ;AAIE,IAAA,GAAG,EAAElB,WAJP;AAKE,IAAA,KAAK,EAAER;AALT,KADF,EASG,yBAAaF,WAAb,KACC;AAAK,IAAA,SAAS,EAAC;AAAf,KAAwCA,WAAxC,CAVJ,CALF,EAmBG,yBAAaC,KAAb,KAAuB;AAAK,IAAA,SAAS,EAAC;AAAf,KAAkCA,KAAlC,CAnB1B,CANF,CADF;AA8BD,CAvGM","sourcesContent":["import * as React from \"react\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { hasReactNode, isFunction } from \"../../lib/utils\";\nimport { useDOM } from \"../../lib/dom\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport \"./WriteBar.css\";\n\nexport interface WriteBarProps\n  extends React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLTextAreaElement> {\n  /**\n   * Содержимое, отображаемое слево от поля ввода.\n   */\n  before?: React.ReactNode;\n  /**\n   * Содержимое, отображаемое поверх поля ввода (актуально для iOS)\n   */\n  inlineAfter?: React.ReactNode;\n  /**\n   * Содержимое, отображаемое справа от поля ввода\n   */\n  after?: React.ReactNode;\n  /**\n   * Вызывается при смене высоты поля ввода\n   */\n  onHeightChange?: VoidFunction;\n\n  children?: never;\n}\n\nexport const WriteBar: React.FC<WriteBarProps> = (props: WriteBarProps) => {\n  const platform = usePlatform();\n  const {\n    className,\n    style,\n\n    before,\n    inlineAfter,\n    after,\n\n    value,\n    onChange,\n\n    getRootRef,\n    getRef,\n    onHeightChange,\n    ...restProps\n  } = props;\n\n  const isControlledOutside = value != null;\n\n  const { window } = useDOM();\n  const textareaRef = useExternRef(getRef);\n  const textareaMinHeightRef = React.useRef<number | null>(null);\n\n  const resize = () => {\n    const textareaEl = textareaRef.current;\n    if (!textareaEl) {\n      return;\n    }\n\n    const { offsetHeight, scrollHeight } = textareaEl;\n    const style = window.getComputedStyle(textareaEl);\n    const paddingTop = parseInt(style.paddingTop);\n    const paddingBottom = parseInt(style.paddingBottom);\n\n    if (textareaMinHeightRef.current === null) {\n      textareaMinHeightRef.current = offsetHeight;\n    }\n\n    let diff = paddingTop + paddingBottom + 10;\n\n    if (scrollHeight + diff <= offsetHeight) {\n      diff = 0;\n    }\n\n    textareaEl.style.height = \"0px\";\n\n    const height = textareaEl.scrollHeight - diff / 4;\n    textareaEl.style.height =\n      String(Math.max(height, textareaMinHeightRef.current)) + \"px\";\n\n    if (isFunction(onHeightChange)) {\n      onHeightChange();\n    }\n  };\n\n  const onTextareaChange: React.ChangeEventHandler<HTMLTextAreaElement> = (\n    event\n  ) => {\n    if (isFunction(onChange)) {\n      onChange(event);\n    }\n\n    if (!isControlledOutside) {\n      resize();\n    }\n  };\n\n  React.useEffect(() => {\n    resize();\n  }, [value]);\n\n  return (\n    <div\n      ref={getRootRef}\n      vkuiClass={getClassName(\"WriteBar\", platform)}\n      className={className}\n      style={style}\n    >\n      <form vkuiClass=\"WriteBar__form\" onSubmit={(e) => e.preventDefault()}>\n        {hasReactNode(before) && (\n          <div vkuiClass=\"WriteBar__before\">{before}</div>\n        )}\n\n        <div vkuiClass=\"WriteBar__formIn\">\n          <textarea\n            {...restProps}\n            vkuiClass=\"WriteBar__textarea\"\n            onChange={onTextareaChange}\n            ref={textareaRef}\n            value={value}\n          />\n\n          {hasReactNode(inlineAfter) && (\n            <div vkuiClass=\"WriteBar__inlineAfter\">{inlineAfter}</div>\n          )}\n        </div>\n\n        {hasReactNode(after) && <div vkuiClass=\"WriteBar__after\">{after}</div>}\n      </form>\n    </div>\n  );\n};\n"],"file":"WriteBar.js"}
+{"version":3,"sources":["../../../../src/components/WriteBar/WriteBar.tsx"],"names":["WriteBar","props","platform","className","style","before","inlineAfter","after","value","onChange","getRootRef","getRef","onHeightChange","restProps","isControlledOutside","window","textareaRef","textareaMinHeightRef","React","useRef","resize","useCallback","textareaEl","current","offsetHeight","scrollHeight","getComputedStyle","paddingTop","parseInt","paddingBottom","diff","height","String","Math","max","onTextareaChange","event","useEffect","e","preventDefault"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { useExternRef } from \"../../hooks/useExternRef\";\nimport { hasReactNode, isFunction } from \"../../lib/utils\";\nimport { useDOM } from \"../../lib/dom\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { HasRef, HasRootRef } from \"../../types\";\nimport \"./WriteBar.css\";\n\nexport interface WriteBarProps\n  extends React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLTextAreaElement> {\n  /**\n   * Содержимое, отображаемое слева от поля ввода.\n   */\n  before?: React.ReactNode;\n  /**\n   * Содержимое, отображаемое поверх поля ввода (актуально для iOS)\n   */\n  inlineAfter?: React.ReactNode;\n  /**\n   * Содержимое, отображаемое справа от поля ввода\n   */\n  after?: React.ReactNode;\n  /**\n   * Вызывается при смене высоты поля ввода\n   */\n  onHeightChange?: VoidFunction;\n\n  children?: never;\n}\n\nexport const WriteBar: React.FC<WriteBarProps> = (props: WriteBarProps) => {\n  const platform = usePlatform();\n  const {\n    className,\n    style,\n\n    before,\n    inlineAfter,\n    after,\n\n    value,\n    onChange,\n\n    getRootRef,\n    getRef,\n    onHeightChange,\n    ...restProps\n  } = props;\n\n  const isControlledOutside = value != null;\n\n  const { window } = useDOM();\n  const textareaRef = useExternRef(getRef);\n  const textareaMinHeightRef = React.useRef<number | null>(null);\n\n  const resize = React.useCallback(() => {\n    const textareaEl = textareaRef.current;\n    if (!textareaEl) {\n      return;\n    }\n\n    const { offsetHeight, scrollHeight } = textareaEl;\n    const style = window!.getComputedStyle(textareaEl);\n    const paddingTop = parseInt(style.paddingTop);\n    const paddingBottom = parseInt(style.paddingBottom);\n\n    if (textareaMinHeightRef.current === null) {\n      textareaMinHeightRef.current = offsetHeight;\n    }\n\n    let diff = paddingTop + paddingBottom + 10;\n\n    if (scrollHeight + diff <= offsetHeight) {\n      diff = 0;\n    }\n\n    textareaEl.style.height = \"0px\";\n\n    const height = textareaEl.scrollHeight - diff / 4;\n    textareaEl.style.height =\n      String(Math.max(height, textareaMinHeightRef.current)) + \"px\";\n\n    if (isFunction(onHeightChange)) {\n      onHeightChange();\n    }\n  }, [onHeightChange, textareaRef, window]);\n\n  const onTextareaChange: React.ChangeEventHandler<HTMLTextAreaElement> = (\n    event\n  ) => {\n    if (isFunction(onChange)) {\n      onChange(event);\n    }\n\n    if (!isControlledOutside) {\n      resize();\n    }\n  };\n\n  React.useEffect(() => {\n    resize();\n  }, [resize, value]);\n\n  return (\n    <div\n      ref={getRootRef}\n      vkuiClass={getClassName(\"WriteBar\", platform)}\n      className={className}\n      style={style}\n    >\n      <form vkuiClass=\"WriteBar__form\" onSubmit={(e) => e.preventDefault()}>\n        {hasReactNode(before) && (\n          <div vkuiClass=\"WriteBar__before\">{before}</div>\n        )}\n\n        <div vkuiClass=\"WriteBar__formIn\">\n          <textarea\n            {...restProps}\n            vkuiClass=\"WriteBar__textarea\"\n            onChange={onTextareaChange}\n            ref={textareaRef}\n            value={value}\n          />\n\n          {hasReactNode(inlineAfter) && (\n            <div vkuiClass=\"WriteBar__inlineAfter\">{inlineAfter}</div>\n          )}\n        </div>\n\n        {hasReactNode(after) && <div vkuiClass=\"WriteBar__after\">{after}</div>}\n      </form>\n    </div>\n  );\n};\n"],"file":"WriteBar.js"}

package/dist/cjs/components/WriteBarIcon/WriteBarIcon.js

@@ -44,7 +44,7 @@ var WriteBarIcon = function WriteBarIcon(_ref) {
       restProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   var platform = (0, _usePlatform.usePlatform)();
   var icon;
-  var ariaLabel;
+  var ariaLabel = undefined;
 
   switch (mode) {
     case "attach":

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/WriteBarIcon/WriteBarIcon.tsx"],"names":["warn","IS_DEV","process","env","NODE_ENV","WriteBarIcon","mode","children","count","restProps","platform","icon","ariaLabel","IOS"],"mappings":";;;;;;;;;;;;;;;;;AACA;;AAQA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;AAoBA,IAAMA,IAAI,GAAG,wBAAS,cAAT,CAAb;AACA,IAAMC,MAAM,GAAGC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAxC;;AAEO,IAAMC,YAAyC,GAAG,SAA5CA,YAA4C,OAKhC;AAAA,MAJvBC,IAIuB,QAJvBA,IAIuB;AAAA,MAHvBC,QAGuB,QAHvBA,QAGuB;AAAA,MAFvBC,KAEuB,QAFvBA,KAEuB;AAAA,MADpBC,SACoB;AACvB,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,MAAIC,IAAJ;AACA,MAAIC,SAAJ;;AAEA,UAAQN,IAAR;AACE,SAAK,QAAL;AACEK,MAAAA,IAAI,GACFD,QAAQ,KAAKG,aAAb,GAAmB,qCAAC,6BAAD,OAAnB,GAAgD,qCAAC,0BAAD,OADlD;AAEAD,MAAAA,SAAS,GAAG,iBAAZ;AACA;;AAEF,SAAK,MAAL;AACED,MAAAA,IAAI,GAAGD,QAAQ,KAAKG,aAAb,GAAmB,qCAAC,yBAAD,OAAnB,GAA4C,qCAAC,iBAAD,OAAnD;AACAD,MAAAA,SAAS,GAAG,WAAZ;AACA;;AAEF,SAAK,MAAL;AACED,MAAAA,IAAI,GACFD,QAAQ,KAAKG,aAAb,GACE,qCAAC,yBAAD,OADF,GAGE,qCAAC,+BAAD,OAJJ;AAMAD,MAAAA,SAAS,GAAG,QAAZ;AACA;;AAEF;AACE;AAvBJ;;AA0BA,MAAIX,MAAM,IAAI,CAACQ,SAAS,CAAC,YAAD,CAApB,IAAsC,CAACG,SAA3C,EAAsD;AACpDZ,IAAAA,IAAI,CACF,sGADE,CAAJ;AAGD;;AAED,SACE,qCAAC,iBAAD;AACE,kBAAYY;AADd,KAEMH,SAFN;AAGE,IAAA,SAAS,EAAC,QAHZ;AAIE,IAAA,QAAQ,EAAE,KAJZ;AAKE,IAAA,UAAU,EAAC,sBALb;AAME,IAAA,SAAS,EAAE,6BAAW,gCAAa,cAAb,EAA6BC,QAA7B,CAAX,4DACSJ,IADT,GACkB,CAAC,CAACA,IADpB;AANb,MAUE;AAAM,IAAA,SAAS,EAAC;AAAhB,KACGK,IAAI,IAAIJ,QADX,EAEG,yBAAaC,KAAb,KACC,qCAAC,gBAAD;AAAS,IAAA,SAAS,EAAC,uBAAnB;AAA2C,IAAA,IAAI,EAAC;AAAhD,KACGA,KADH,CAHJ,CAVF,CADF;AAqBD,CAhEM","sourcesContent":["import * as React from \"react\";\nimport {\n  Icon24Send,\n  Icon28AddCircleOutline,\n  Icon28AttachOutline,\n  Icon28CheckCircleOutline,\n  Icon48WritebarDone,\n  Icon48WritebarSend,\n} from \"@vkontakte/icons\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { IOS } from \"../../lib/platform\";\nimport Counter from \"../Counter/Counter\";\nimport Tappable from \"../Tappable/Tappable\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport \"./WriteBarIcon.css\";\n\nexport interface WriteBarIconProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * Предустановленные типы кнопок в WriteBar для отрисовки иконки в зависимости от платформы.\n   * Если передать валидное значение для этого свойства, `children` игнорируется.\n   *\n   * - `attach` – иконка прикрепления.\n   * - `send` – иконка отправки.\n   * - `done` – иконка отправки в режиме редактирования.\n   */\n  mode?: \"attach\" | \"send\" | \"done\";\n  /**\n   * Значение счётчика для кнопки. Например, для количества прикреплённых файлов.\n   */\n  count?: number;\n}\n\nconst warn = warnOnce(\"WriteBarIcon\");\nconst IS_DEV = process.env.NODE_ENV === \"development\";\n\nexport const WriteBarIcon: React.FC<WriteBarIconProps> = ({\n  mode,\n  children,\n  count,\n  ...restProps\n}: WriteBarIconProps) => {\n  const platform = usePlatform();\n\n  let icon: React.ReactNode;\n  let ariaLabel: string;\n\n  switch (mode) {\n    case \"attach\":\n      icon =\n        platform === IOS ? <Icon28AddCircleOutline /> : <Icon28AttachOutline />;\n      ariaLabel = \"Прикрепить файл\";\n      break;\n\n    case \"send\":\n      icon = platform === IOS ? <Icon48WritebarSend /> : <Icon24Send />;\n      ariaLabel = \"Отправить\";\n      break;\n\n    case \"done\":\n      icon =\n        platform === IOS ? (\n          <Icon48WritebarDone />\n        ) : (\n          <Icon28CheckCircleOutline />\n        );\n      ariaLabel = \"Готово\";\n      break;\n\n    default:\n      break;\n  }\n\n  if (IS_DEV && !restProps[\"aria-label\"] && !ariaLabel) {\n    warn(\n      \"[WriteBarIcon/a11y] У WriteBarIcon нет aria-label. Кнопка будет недоступной для части пользователей.\"\n    );\n  }\n\n  return (\n    <Tappable\n      aria-label={ariaLabel}\n      {...restProps}\n      Component=\"button\"\n      hasHover={false}\n      activeMode=\"WriteBarIcon__active\"\n      vkuiClass={classNames(getClassName(\"WriteBarIcon\", platform), {\n        [`WriteBarIcon--${mode}`]: !!mode,\n      })}\n    >\n      <span vkuiClass=\"WriteBarIcon__in\">\n        {icon || children}\n        {hasReactNode(count) && (\n          <Counter vkuiClass=\"WriteBarIcon__counter\" size=\"s\">\n            {count}\n          </Counter>\n        )}\n      </span>\n    </Tappable>\n  );\n};\n"],"file":"WriteBarIcon.js"}
+{"version":3,"sources":["../../../../src/components/WriteBarIcon/WriteBarIcon.tsx"],"names":["warn","IS_DEV","process","env","NODE_ENV","WriteBarIcon","mode","children","count","restProps","platform","icon","ariaLabel","undefined","IOS"],"mappings":";;;;;;;;;;;;;;;;;AACA;;AAQA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;AAoBA,IAAMA,IAAI,GAAG,wBAAS,cAAT,CAAb;AACA,IAAMC,MAAM,GAAGC,OAAO,CAACC,GAAR,CAAYC,QAAZ,KAAyB,aAAxC;;AAEO,IAAMC,YAAyC,GAAG,SAA5CA,YAA4C,OAKhC;AAAA,MAJvBC,IAIuB,QAJvBA,IAIuB;AAAA,MAHvBC,QAGuB,QAHvBA,QAGuB;AAAA,MAFvBC,KAEuB,QAFvBA,KAEuB;AAAA,MADpBC,SACoB;AACvB,MAAMC,QAAQ,GAAG,+BAAjB;AAEA,MAAIC,IAAJ;AACA,MAAIC,SAA6B,GAAGC,SAApC;;AAEA,UAAQP,IAAR;AACE,SAAK,QAAL;AACEK,MAAAA,IAAI,GACFD,QAAQ,KAAKI,aAAb,GAAmB,qCAAC,6BAAD,OAAnB,GAAgD,qCAAC,0BAAD,OADlD;AAEAF,MAAAA,SAAS,GAAG,iBAAZ;AACA;;AAEF,SAAK,MAAL;AACED,MAAAA,IAAI,GAAGD,QAAQ,KAAKI,aAAb,GAAmB,qCAAC,yBAAD,OAAnB,GAA4C,qCAAC,iBAAD,OAAnD;AACAF,MAAAA,SAAS,GAAG,WAAZ;AACA;;AAEF,SAAK,MAAL;AACED,MAAAA,IAAI,GACFD,QAAQ,KAAKI,aAAb,GACE,qCAAC,yBAAD,OADF,GAGE,qCAAC,+BAAD,OAJJ;AAMAF,MAAAA,SAAS,GAAG,QAAZ;AACA;;AAEF;AACE;AAvBJ;;AA0BA,MAAIX,MAAM,IAAI,CAACQ,SAAS,CAAC,YAAD,CAApB,IAAsC,CAACG,SAA3C,EAAsD;AACpDZ,IAAAA,IAAI,CACF,sGADE,CAAJ;AAGD;;AAED,SACE,qCAAC,iBAAD;AACE,kBAAYY;AADd,KAEMH,SAFN;AAGE,IAAA,SAAS,EAAC,QAHZ;AAIE,IAAA,QAAQ,EAAE,KAJZ;AAKE,IAAA,UAAU,EAAC,sBALb;AAME,IAAA,SAAS,EAAE,6BAAW,gCAAa,cAAb,EAA6BC,QAA7B,CAAX,4DACSJ,IADT,GACkB,CAAC,CAACA,IADpB;AANb,MAUE;AAAM,IAAA,SAAS,EAAC;AAAhB,KACGK,IAAI,IAAIJ,QADX,EAEG,yBAAaC,KAAb,KACC,qCAAC,gBAAD;AAAS,IAAA,SAAS,EAAC,uBAAnB;AAA2C,IAAA,IAAI,EAAC;AAAhD,KACGA,KADH,CAHJ,CAVF,CADF;AAqBD,CAhEM","sourcesContent":["import * as React from \"react\";\nimport {\n  Icon24Send,\n  Icon28AddCircleOutline,\n  Icon28AttachOutline,\n  Icon28CheckCircleOutline,\n  Icon48WritebarDone,\n  Icon48WritebarSend,\n} from \"@vkontakte/icons\";\nimport { usePlatform } from \"../../hooks/usePlatform\";\nimport { classNames } from \"../../lib/classNames\";\nimport { getClassName } from \"../../helpers/getClassName\";\nimport { IOS } from \"../../lib/platform\";\nimport Counter from \"../Counter/Counter\";\nimport Tappable from \"../Tappable/Tappable\";\nimport { warnOnce } from \"../../lib/warnOnce\";\nimport { hasReactNode } from \"../../lib/utils\";\nimport \"./WriteBarIcon.css\";\n\nexport interface WriteBarIconProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement> {\n  /**\n   * Предустановленные типы кнопок в WriteBar для отрисовки иконки в зависимости от платформы.\n   * Если передать валидное значение для этого свойства, `children` игнорируется.\n   *\n   * - `attach` – иконка прикрепления.\n   * - `send` – иконка отправки.\n   * - `done` – иконка отправки в режиме редактирования.\n   */\n  mode?: \"attach\" | \"send\" | \"done\";\n  /**\n   * Значение счётчика для кнопки. Например, для количества прикреплённых файлов.\n   */\n  count?: number;\n}\n\nconst warn = warnOnce(\"WriteBarIcon\");\nconst IS_DEV = process.env.NODE_ENV === \"development\";\n\nexport const WriteBarIcon: React.FC<WriteBarIconProps> = ({\n  mode,\n  children,\n  count,\n  ...restProps\n}: WriteBarIconProps) => {\n  const platform = usePlatform();\n\n  let icon: React.ReactNode;\n  let ariaLabel: string | undefined = undefined;\n\n  switch (mode) {\n    case \"attach\":\n      icon =\n        platform === IOS ? <Icon28AddCircleOutline /> : <Icon28AttachOutline />;\n      ariaLabel = \"Прикрепить файл\";\n      break;\n\n    case \"send\":\n      icon = platform === IOS ? <Icon48WritebarSend /> : <Icon24Send />;\n      ariaLabel = \"Отправить\";\n      break;\n\n    case \"done\":\n      icon =\n        platform === IOS ? (\n          <Icon48WritebarDone />\n        ) : (\n          <Icon28CheckCircleOutline />\n        );\n      ariaLabel = \"Готово\";\n      break;\n\n    default:\n      break;\n  }\n\n  if (IS_DEV && !restProps[\"aria-label\"] && !ariaLabel) {\n    warn(\n      \"[WriteBarIcon/a11y] У WriteBarIcon нет aria-label. Кнопка будет недоступной для части пользователей.\"\n    );\n  }\n\n  return (\n    <Tappable\n      aria-label={ariaLabel}\n      {...restProps}\n      Component=\"button\"\n      hasHover={false}\n      activeMode=\"WriteBarIcon__active\"\n      vkuiClass={classNames(getClassName(\"WriteBarIcon\", platform), {\n        [`WriteBarIcon--${mode}`]: !!mode,\n      })}\n    >\n      <span vkuiClass=\"WriteBarIcon__in\">\n        {icon || children}\n        {hasReactNode(count) && (\n          <Counter vkuiClass=\"WriteBarIcon__counter\" size=\"s\">\n            {count}\n          </Counter>\n        )}\n      </span>\n    </Tappable>\n  );\n};\n"],"file":"WriteBarIcon.js"}

package/dist/cjs/helpers/getScheme.d.ts

@@ -0,0 +1,8 @@
+import { AppearanceType } from "@vkontakte/vk-bridge";
+import { PlatformType } from "../lib/platform";
+import { Scheme } from "./scheme";
+export interface GetSchemeProps {
+    platform?: PlatformType;
+    appearance: AppearanceType;
+}
+export declare function getScheme({ platform, appearance }: GetSchemeProps): Scheme;