@vkontakte/vkui 4.20.0 → 4.22.1

package/dist/cssm/components/ModalRoot/ModalRootDesktop.js

@@ -1,4 +1,3 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
@@ -10,22 +9,20 @@ var _excluded = ["id"];
 import { createScopedElement } from "../../lib/jsxRuntime";
 import * as React from 'react';
 import { classNames } from "../../lib/classNames";
-import { isFunction } from "../../lib/utils";
 import { transitionEvent } from "../../lib/supportEvents";
 import { withPlatform } from "../../hoc/withPlatform";
 import { withContext } from "../../hoc/withContext";
 import ModalRootContext from "./ModalRootContext";
 import { ConfigProviderContext, WebviewType } from "../ConfigProvider/ConfigProviderContext";
-import { ModalType } from "./types";
 import { ANDROID, VKCOM } from "../../lib/platform";
 import { getClassName } from "../../helpers/getClassName";
 import { withDOM } from "../../lib/dom";
 import { getNavId } from "../../lib/getNavId";
 import { warnOnce } from "../../lib/warnOnce";
 import { FocusTrap } from "../FocusTrap/FocusTrap";
+import { withModalManager } from "./useModalManager";
 import "./ModalRoot.css";
 var warn = warnOnce('ModalRoot');
-var IS_DEV = process.env.NODE_ENV === 'development';
 
 var ModalRootDesktopComponent = /*#__PURE__*/function (_React$Component) {
   _inherits(ModalRootDesktopComponent, _React$Component);
@@ -39,8 +36,6 @@ var ModalRootDesktopComponent = /*#__PURE__*/function (_React$Component) {
 
     _this = _super.call(this, props);
 
-    _defineProperty(_assertThisInitialized(_this), "modalsState", void 0);
-
     _defineProperty(_assertThisInitialized(_this), "maskElementRef", void 0);
 
     _defineProperty(_assertThisInitialized(_this), "maskAnimationFrame", void 0);
@@ -49,71 +44,7 @@ var ModalRootDesktopComponent = /*#__PURE__*/function (_React$Component) {
 
     _defineProperty(_assertThisInitialized(_this), "restoreFocusTo", void 0);
 
-    _defineProperty(_assertThisInitialized(_this), "activeTransitions", void 0);
-
-    _defineProperty(_assertThisInitialized(_this), "prevNextSwitchEndHandler", function () {
-      _this.activeTransitions = Math.max(0, _this.activeTransitions - 1);
-
-      if (_this.activeTransitions > 0) {
-        return;
-      }
-
-      var activeModal = _this.state.nextModal;
-      var newState = {
-        prevModal: null,
-        nextModal: null,
-        visibleModals: [activeModal],
-        activeModal: activeModal,
-        animated: false,
-        switching: false
-      };
-
-      if (!activeModal) {
-        newState.history = [];
-
-        if (_this.restoreFocusTo) {
-          _this.restoreFocusTo.focus();
-        }
-      }
-
-      _this.setState(newState);
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "triggerActiveModalClose", function () {
-      var activeModalState = _this.modalsState[_this.state.activeModal];
-
-      if (activeModalState) {
-        _this.doCloseModal(activeModalState);
-      }
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "doCloseModal", function (modalState) {
-      if (isFunction(modalState.onClose)) {
-        modalState.onClose();
-      } else if (isFunction(_this.props.onClose)) {
-        _this.props.onClose(modalState.id);
-      } else if (IS_DEV) {
-        warn('onClose is undefined');
-      }
-    });
-
-    var _activeModal = props.activeModal;
-    _this.state = {
-      activeModal: null,
-      prevModal: null,
-      nextModal: _activeModal,
-      visibleModals: _activeModal ? [_activeModal] : [],
-      animated: !!_activeModal,
-      switching: false,
-      history: _activeModal ? [_activeModal] : [],
-      isBack: false,
-      inited: false
-    };
     _this.maskElementRef = /*#__PURE__*/React.createRef();
-    _this.activeTransitions = 0;
-
-    _this.initModalsState();
-
     _this.modalRootContext = {
       updateModalHeight: function updateModalHeight() {
         return undefined;
@@ -122,9 +53,11 @@ var ModalRootDesktopComponent = /*#__PURE__*/function (_React$Component) {
         var id = _ref.id,
             data = _objectWithoutProperties(_ref, _excluded);
 
-        return Object.assign(_this.modalsState[id], data);
+        return Object.assign(_this.getModalState(id), data);
+      },
+      onClose: function onClose() {
+        return _this.props.closeActiveModal();
       },
-      onClose: _this.triggerActiveModalClose,
       isInsideModal: true
     };
     return _this;
@@ -141,128 +74,64 @@ var ModalRootDesktopComponent = /*#__PURE__*/function (_React$Component) {
       return React.Children.toArray(this.props.children);
     }
   }, {
-    key: "initModalsState",
-    value: function initModalsState() {
-      this.modalsState = this.modals.reduce(function (acc, Modal) {
-        var modalProps = Modal.props;
-        var state = {
-          id: getNavId(Modal.props, warn),
-          onClose: Modal.props.onClose,
-          dynamicContentHeight: !!modalProps.dynamicContentHeight
-        }; // ModalPage props
-
-        if (typeof modalProps.settlingHeight === 'number') {
-          state.settlingHeight = modalProps.settlingHeight;
-        }
-
-        acc[state.id] = state;
-        return acc;
-      }, {});
-    }
-  }, {
-    key: "componentDidMount",
-    value: function componentDidMount() {
-      this.initActiveModal();
+    key: "getModalState",
+    value: function getModalState(id) {
+      return this.props.getModalState(id);
     }
   }, {
     key: "componentDidUpdate",
-    value: function componentDidUpdate(prevProps, prevState) {
+    value: function componentDidUpdate(prevProps) {
       var _this2 = this;
 
-      if (this.props.activeModal !== prevProps.activeModal) {
-        var nextModal = this.props.activeModal;
-        var prevModal = prevProps.activeModal;
-
-        if (IS_DEV && nextModal !== null && !this.modalsState[nextModal]) {
-          return warn("[ModalRoot.componentDidUpdate] nextModal ".concat(nextModal, " not found"));
-        }
+      // transition phase 2: animate exiting modal
+      if (this.props.exitingModal && this.props.exitingModal !== prevProps.exitingModal) {
+        this.closeModal(this.props.exitingModal);
+      } // transition phase 3: animate entering modal
 
-        var history = _toConsumableArray(this.state.history);
 
-        var isBack = false;
-
-        if (nextModal === null) {
-          history = [];
-        } else if (history.includes(nextModal)) {
-          history = history.splice(0, history.indexOf(nextModal) + 1);
-          isBack = true;
-        } else {
-          history.push(nextModal);
-        }
+      if (this.props.enteringModal && this.props.enteringModal !== prevProps.enteringModal) {
+        var enteringModal = this.props.enteringModal;
+        var enteringState = this.getModalState(enteringModal);
+        requestAnimationFrame(function () {
+          if (_this2.props.enteringModal === enteringModal) {
+            _this2.waitTransitionFinish(enteringState, function () {
+              return _this2.props.onEnter(enteringModal);
+            });
 
-        return this.setState({
-          activeModal: null,
-          nextModal: nextModal,
-          prevModal: prevModal,
-          visibleModals: [nextModal, prevModal],
-          history: history,
-          isBack: isBack,
-          animated: true,
-          inited: false,
-          switching: false
-        }, function () {
-          if (nextModal === null) {
-            _this2.closeActiveModal();
-          } else {
-            _this2.initActiveModal();
+            _this2.animateModalOpacity(enteringState, true);
           }
         });
+      } // focus restoration
+
+
+      if (this.props.activeModal && !prevProps.activeModal) {
+        this.restoreFocusTo = this.props.document.activeElement;
       }
 
-      if (this.state.switching && !prevState.switching) {
-        requestAnimationFrame(function () {
-          return _this2.switchPrevNext();
-        });
+      if (!this.props.activeModal && !this.props.exitingModal && this.restoreFocusTo) {
+        this.restoreFocusTo.focus();
+        this.restoreFocusTo = null;
       }
     }
-    /**
-     * Инициализирует модалку перед анимацией открытия
-     */
-
   }, {
-    key: "initActiveModal",
-    value: function initActiveModal() {
-      var activeModal = this.state.activeModal || this.state.nextModal;
-
-      if (!activeModal) {
-        return;
-      }
-
-      var modalState = this.modalsState[activeModal];
-
-      switch (modalState.type) {
-        case ModalType.PAGE:
-          modalState.settlingHeight = modalState.settlingHeight || 75;
-          break;
+    key: "closeModal",
+    value: function closeModal(id) {
+      var _this3 = this;
 
-        case ModalType.CARD:
-          break;
-
-        default:
-          if (IS_DEV) {
-            warn('[initActiveModal] modalState.type is unknown');
-          }
+      var prevModalState = this.getModalState(id);
 
+      if (!prevModalState) {
+        return;
       }
 
-      this.setState({
-        inited: true,
-        switching: true
+      this.waitTransitionFinish(prevModalState, function () {
+        return _this3.props.onExit(id);
       });
-    }
-  }, {
-    key: "closeActiveModal",
-    value: function closeActiveModal() {
-      var prevModal = this.state.prevModal;
+      this.animateModalOpacity(prevModalState, false);
 
-      if (IS_DEV && !prevModal) {
-        return warn("[closeActiveModal] prevModal is ".concat(prevModal));
+      if (!this.props.activeModal) {
+        this.setMaskOpacity(prevModalState, 0);
       }
-
-      var prevModalState = this.modalsState[prevModal];
-      this.waitTransitionFinish(prevModalState, this.prevNextSwitchEndHandler);
-      this.animateModalOpacity(prevModalState, false);
-      this.setMaskOpacity(prevModalState, 0);
     }
   }, {
     key: "waitTransitionFinish",
@@ -278,61 +147,12 @@ var ModalRootDesktopComponent = /*#__PURE__*/function (_React$Component) {
         setTimeout(eventHandler, this.timeout);
       }
     }
-  }, {
-    key: "switchPrevNext",
-    value: function switchPrevNext() {
-      var _this3 = this;
-
-      var _this$state = this.state,
-          prevModal = _this$state.prevModal,
-          nextModal = _this$state.nextModal;
-      var prevModalState = this.modalsState[prevModal];
-      var nextModalState = this.modalsState[nextModal];
-
-      if (IS_DEV && !prevModalState && !nextModalState) {
-        return warn("[switchPrevNext] prevModal is ".concat(prevModal, ", nextModal is ").concat(nextModal));
-      }
-
-      var prevIsCard = !!prevModalState && prevModalState.type === ModalType.CARD;
-      var nextIsPage = !!nextModalState && nextModalState.type === ModalType.PAGE;
-      var nextIsCard = !!nextModalState && nextModalState.type === ModalType.CARD; // Ждём полного скрытия предыдущей модалки
-
-      if (prevModalState && (nextIsCard || prevIsCard && nextIsPage)) {
-        this.activeTransitions += 1;
-        this.waitTransitionFinish(prevModalState, function () {
-          _this3.waitTransitionFinish(nextModalState, _this3.prevNextSwitchEndHandler);
-
-          _this3.animateModalOpacity(nextModalState, true);
-        });
-        requestAnimationFrame(function () {
-          _this3.animateModalOpacity(prevModalState, false);
-        });
-        return;
-      }
-
-      if (prevModalState && nextIsPage) {
-        this.activeTransitions += 1;
-        this.waitTransitionFinish(prevModalState, this.prevNextSwitchEndHandler);
-        requestAnimationFrame(function () {
-          _this3.animateModalOpacity(prevModalState, false);
-        });
-      }
-
-      if (!prevModal && this.props.document.activeElement) {
-        this.restoreFocusTo = this.props.document.activeElement;
-      }
+    /* Анимирует сдивг модалки */
 
-      this.activeTransitions += 1;
-      this.waitTransitionFinish(nextModalState, this.prevNextSwitchEndHandler);
-      requestAnimationFrame(function () {
-        _this3.animateModalOpacity(nextModalState, true);
-      });
-    }
   }, {
     key: "animateModalOpacity",
-    value:
-    /* Анимирует сдивг модалки */
-    function animateModalOpacity(modalState, display) {
+    value: function animateModalOpacity(modalState, display) {
+      modalState.innerElement.style.transitionDelay = display && this.props.delayEnter ? "".concat(this.timeout, "ms") : null;
       modalState.innerElement.style.opacity = display ? '1' : '0';
     }
     /* Устанавливает прозрачность для полупрозрачной подложки */
@@ -344,7 +164,7 @@ var ModalRootDesktopComponent = /*#__PURE__*/function (_React$Component) {
 
       var forceOpacity = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
 
-      if (forceOpacity === null && this.state.history[0] !== modalState.id) {
+      if (forceOpacity === null && this.props.history[0] !== modalState.id) {
         return;
       }
 
@@ -358,23 +178,17 @@ var ModalRootDesktopComponent = /*#__PURE__*/function (_React$Component) {
         }
       });
     }
-    /**
-     * Закрывает текущую модалку
-     */
-
   }, {
     key: "render",
     value: function render() {
       var _this5 = this;
 
-      var _this$state2 = this.state,
-          prevModal = _this$state2.prevModal,
-          activeModal = _this$state2.activeModal,
-          nextModal = _this$state2.nextModal,
-          visibleModals = _this$state2.visibleModals,
-          animated = _this$state2.animated;
+      var _this$props = this.props,
+          exitingModal = _this$props.exitingModal,
+          activeModal = _this$props.activeModal,
+          enteringModal = _this$props.enteringModal;
 
-      if (!activeModal && !prevModal && !nextModal && !animated) {
+      if (!activeModal && !exitingModal) {
         return null;
       }
 
@@ -386,27 +200,27 @@ var ModalRootDesktopComponent = /*#__PURE__*/function (_React$Component) {
         }, 'ModalRoot--desktop')
       }, createScopedElement("div", {
         vkuiClass: "ModalRoot__mask",
-        onClick: this.triggerActiveModalClose,
-        ref: this.maskElementRef
+        ref: this.maskElementRef,
+        onClick: this.props.closeActiveModal
       }), createScopedElement("div", {
         vkuiClass: "ModalRoot__viewport"
       }, this.modals.map(function (Modal) {
         var modalId = getNavId(Modal.props, warn);
 
-        if (!visibleModals.includes(modalId)) {
+        if (modalId !== activeModal && modalId !== exitingModal) {
           return null;
         }
 
         var key = "modal-".concat(modalId);
         return createScopedElement(FocusTrap, {
           restoreFocus: false,
-          onClose: _this5.triggerActiveModalClose,
+          onClose: _this5.props.closeActiveModal,
           timeout: _this5.timeout,
           key: key,
           vkuiClass: classNames('ModalRoot__modal', {
-            'ModalRoot__modal--active': modalId === activeModal,
-            'ModalRoot__modal--prev': modalId === prevModal,
-            'ModalRoot__modal--next': modalId === nextModal
+            'ModalRoot__modal--active': !exitingModal && !enteringModal && modalId === activeModal,
+            'ModalRoot__modal--prev': modalId === exitingModal,
+            'ModalRoot__modal--next': exitingModal && modalId === activeModal
           })
         }, Modal);
       }))));
@@ -416,5 +230,5 @@ var ModalRootDesktopComponent = /*#__PURE__*/function (_React$Component) {
   return ModalRootDesktopComponent;
 }(React.Component);
 
-export var ModalRootDesktop = withContext(withPlatform(withDOM(ModalRootDesktopComponent)), ConfigProviderContext, 'configProvider');
+export var ModalRootDesktop = withContext(withPlatform(withDOM(withModalManager()(ModalRootDesktopComponent))), ConfigProviderContext, 'configProvider');
 //# sourceMappingURL=ModalRootDesktop.js.map

package/dist/cssm/components/ModalRoot/ModalRootDesktop.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ModalRoot/ModalRootDesktop.tsx"],"names":["React","classNames","isFunction","transitionEvent","withPlatform","withContext","ModalRootContext","ConfigProviderContext","WebviewType","ModalType","ANDROID","VKCOM","getClassName","withDOM","getNavId","warnOnce","FocusTrap","warn","IS_DEV","process","env","NODE_ENV","ModalRootDesktopComponent","props","activeTransitions","Math","max","activeModal","state","nextModal","newState","prevModal","visibleModals","animated","switching","history","restoreFocusTo","focus","setState","activeModalState","modalsState","doCloseModal","modalState","onClose","id","isBack","inited","maskElementRef","createRef","initModalsState","modalRootContext","updateModalHeight","undefined","registerModal","data","Object","assign","triggerActiveModalClose","isInsideModal","platform","Children","toArray","children","modals","reduce","acc","Modal","modalProps","dynamicContentHeight","settlingHeight","initActiveModal","prevProps","prevState","includes","splice","indexOf","push","closeActiveModal","requestAnimationFrame","switchPrevNext","type","PAGE","CARD","prevModalState","waitTransitionFinish","prevNextSwitchEndHandler","animateModalOpacity","setMaskOpacity","eventHandler","supported","onceHandler","innerElement","removeEventListener","name","addEventListener","setTimeout","timeout","nextModalState","prevIsCard","nextIsPage","nextIsCard","document","activeElement","display","style","opacity","forceOpacity","cancelAnimationFrame","maskAnimationFrame","current","translateY","translateYCurrent","min","toString","configProvider","webviewType","VKAPPS","map","modalId","key","Component","ModalRootDesktop"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { classNames } from '../../lib/classNames';\nimport { isFunction } from '../../lib/utils';\nimport { transitionEvent } from '../../lib/supportEvents';\nimport { HasPlatform } from '../../types';\nimport { withPlatform } from '../../hoc/withPlatform';\nimport { withContext } from '../../hoc/withContext';\nimport ModalRootContext, { ModalRootContextInterface } from './ModalRootContext';\nimport {\n  ConfigProviderContext,\n  ConfigProviderContextInterface,\n  WebviewType,\n} from '../ConfigProvider/ConfigProviderContext';\nimport { ModalsStateEntry, ModalType } from './types';\nimport { ANDROID, VKCOM } from '../../lib/platform';\nimport { getClassName } from '../../helpers/getClassName';\nimport { DOMProps, withDOM } from '../../lib/dom';\nimport { getNavId } from '../../lib/getNavId';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { FocusTrap } from '../FocusTrap/FocusTrap';\nimport './ModalRoot.css';\n\nconst warn = warnOnce('ModalRoot');\nconst IS_DEV = process.env.NODE_ENV === 'development';\n\nexport interface ModalRootProps extends HasPlatform {\n  activeModal?: string | null;\n  /**\n   * @ignore\n   */\n  configProvider?: ConfigProviderContextInterface;\n\n  /**\n   * Будет вызвано при закрытии активной модалки с её id\n   */\n  onClose?(modalId: string): void;\n}\n\ninterface ModalRootState {\n  activeModal?: string;\n  prevModal?: string;\n  nextModal?: string;\n  visibleModals?: string[];\n  animated?: boolean;\n  switching?: boolean;\n  history?: string[];\n  isBack?: boolean;\n  inited?: boolean;\n}\n\nclass ModalRootDesktopComponent extends React.Component<ModalRootProps & DOMProps, ModalRootState> {\n  constructor(props: ModalRootProps) {\n    super(props);\n\n    const activeModal = props.activeModal;\n\n    this.state = {\n      activeModal: null,\n      prevModal: null,\n      nextModal: activeModal,\n      visibleModals: activeModal ? [activeModal] : [],\n      animated: !!activeModal,\n      switching: false,\n      history: activeModal ? [activeModal] : [],\n      isBack: false,\n      inited: false,\n    };\n\n    this.maskElementRef = React.createRef();\n    this.activeTransitions = 0;\n\n    this.initModalsState();\n\n    this.modalRootContext = {\n      updateModalHeight: () => undefined,\n      registerModal: ({ id, ...data }) => Object.assign(this.modalsState[id], data),\n      onClose: this.triggerActiveModalClose,\n      isInsideModal: true,\n    };\n  }\n\n  private modalsState: { [id: string]: ModalsStateEntry };\n  private readonly maskElementRef: React.RefObject<HTMLDivElement>;\n  private maskAnimationFrame: number;\n  private readonly modalRootContext: ModalRootContextInterface;\n  private restoreFocusTo: HTMLElement;\n\n  activeTransitions: number;\n\n  get timeout() {\n    return this.props.platform === ANDROID || this.props.platform === VKCOM ? 320 : 400;\n  }\n\n  get modals() {\n    return React.Children.toArray(this.props.children) as React.ReactElement[];\n  }\n\n  initModalsState() {\n    this.modalsState = this.modals.reduce<{ [id: string]: ModalsStateEntry }>((acc, Modal) => {\n      const modalProps = Modal.props;\n      const state: ModalsStateEntry = {\n        id: getNavId(Modal.props, warn),\n        onClose: Modal.props.onClose,\n        dynamicContentHeight: !!modalProps.dynamicContentHeight,\n      };\n\n      // ModalPage props\n      if (typeof modalProps.settlingHeight === 'number') {\n        state.settlingHeight = modalProps.settlingHeight;\n      }\n\n      acc[state.id] = state;\n      return acc;\n    }, {});\n  }\n\n  componentDidMount() {\n    this.initActiveModal();\n  }\n\n  componentDidUpdate(prevProps: ModalRootProps, prevState: ModalRootState) {\n    if (this.props.activeModal !== prevProps.activeModal) {\n      const nextModal = this.props.activeModal;\n      const prevModal = prevProps.activeModal;\n\n      if (IS_DEV && nextModal !== null && !this.modalsState[nextModal]) {\n        return warn(`[ModalRoot.componentDidUpdate] nextModal ${nextModal} not found`);\n      }\n\n      let history = [...this.state.history];\n      let isBack = false;\n\n      if (nextModal === null) {\n        history = [];\n      } else if (history.includes(nextModal)) {\n        history = history.splice(0, history.indexOf(nextModal) + 1);\n        isBack = true;\n      } else {\n        history.push(nextModal);\n      }\n\n      return this.setState({\n        activeModal: null,\n        nextModal,\n        prevModal,\n        visibleModals: [nextModal, prevModal],\n        history,\n        isBack,\n        animated: true,\n        inited: false,\n        switching: false,\n      }, () => {\n        if (nextModal === null) {\n          this.closeActiveModal();\n        } else {\n          this.initActiveModal();\n        }\n      });\n    }\n\n    if (this.state.switching && !prevState.switching) {\n      requestAnimationFrame(() => this.switchPrevNext());\n    }\n  }\n\n  /**\n   * Инициализирует модалку перед анимацией открытия\n   */\n  initActiveModal() {\n    const activeModal = this.state.activeModal || this.state.nextModal;\n    if (!activeModal) {\n      return;\n    }\n\n    const modalState = this.modalsState[activeModal];\n\n    switch (modalState.type) {\n      case ModalType.PAGE:\n        modalState.settlingHeight = modalState.settlingHeight || 75;\n        break;\n\n      case ModalType.CARD:\n        break;\n\n      default:\n        if (IS_DEV) {\n          warn('[initActiveModal] modalState.type is unknown');\n        }\n    }\n\n    this.setState({ inited: true, switching: true });\n  }\n\n  closeActiveModal() {\n    const { prevModal } = this.state;\n    if (IS_DEV && !prevModal) {\n      return warn(`[closeActiveModal] prevModal is ${prevModal}`);\n    }\n\n    const prevModalState = this.modalsState[prevModal];\n\n    this.waitTransitionFinish(prevModalState, this.prevNextSwitchEndHandler);\n    this.animateModalOpacity(prevModalState, false);\n    this.setMaskOpacity(prevModalState, 0);\n  }\n\n  waitTransitionFinish(modalState: ModalsStateEntry, eventHandler: () => void) {\n    if (transitionEvent.supported) {\n      const onceHandler = () => {\n        modalState.innerElement.removeEventListener(transitionEvent.name, onceHandler);\n        eventHandler();\n      };\n\n      modalState.innerElement.addEventListener(transitionEvent.name, onceHandler);\n    } else {\n      setTimeout(eventHandler, this.timeout);\n    }\n  }\n\n  switchPrevNext() {\n    const { prevModal, nextModal } = this.state;\n\n    const prevModalState = this.modalsState[prevModal];\n    const nextModalState = this.modalsState[nextModal];\n\n    if (IS_DEV && !prevModalState && !nextModalState) {\n      return warn(`[switchPrevNext] prevModal is ${prevModal}, nextModal is ${nextModal}`);\n    }\n\n    const prevIsCard = !!prevModalState && prevModalState.type === ModalType.CARD;\n\n    const nextIsPage = !!nextModalState && nextModalState.type === ModalType.PAGE;\n    const nextIsCard = !!nextModalState && nextModalState.type === ModalType.CARD;\n\n    // Ждём полного скрытия предыдущей модалки\n    if (prevModalState && (nextIsCard || prevIsCard && nextIsPage)) {\n      this.activeTransitions += 1;\n      this.waitTransitionFinish(prevModalState, () => {\n        this.waitTransitionFinish(nextModalState, this.prevNextSwitchEndHandler);\n        this.animateModalOpacity(nextModalState, true);\n      });\n\n      requestAnimationFrame(() => {\n        this.animateModalOpacity(prevModalState, false);\n      });\n\n      return;\n    }\n\n    if (prevModalState && nextIsPage) {\n      this.activeTransitions += 1;\n      this.waitTransitionFinish(prevModalState, this.prevNextSwitchEndHandler);\n      requestAnimationFrame(() => {\n        this.animateModalOpacity(prevModalState, false);\n      });\n    }\n\n    if (!prevModal && this.props.document.activeElement) {\n      this.restoreFocusTo = this.props.document.activeElement as HTMLElement;\n    }\n\n    this.activeTransitions += 1;\n    this.waitTransitionFinish(nextModalState, this.prevNextSwitchEndHandler);\n    requestAnimationFrame(() => {\n      this.animateModalOpacity(nextModalState, true);\n    });\n  }\n\n  prevNextSwitchEndHandler = () => {\n    this.activeTransitions = Math.max(0, this.activeTransitions - 1);\n    if (this.activeTransitions > 0) {\n      return;\n    }\n\n    const activeModal = this.state.nextModal;\n\n    const newState: ModalRootState = {\n      prevModal: null,\n      nextModal: null,\n      visibleModals: [activeModal],\n      activeModal: activeModal,\n      animated: false,\n      switching: false,\n    };\n\n    if (!activeModal) {\n      newState.history = [];\n      if (this.restoreFocusTo) {\n        this.restoreFocusTo.focus();\n      }\n    }\n\n    this.setState(newState);\n  };\n\n  /* Анимирует сдивг модалки */\n  animateModalOpacity(modalState: ModalsStateEntry, display: boolean) {\n    modalState.innerElement.style.opacity = display ? '1' : '0';\n  }\n\n  /* Устанавливает прозрачность для полупрозрачной подложки */\n  setMaskOpacity(modalState: ModalsStateEntry, forceOpacity: number = null) {\n    if (forceOpacity === null && this.state.history[0] !== modalState.id) {\n      return;\n    }\n\n    cancelAnimationFrame(this.maskAnimationFrame);\n    this.maskAnimationFrame = requestAnimationFrame(() => {\n      if (this.maskElementRef.current) {\n        const { translateY, translateYCurrent } = modalState;\n\n        const opacity = forceOpacity === null ? 1 - (translateYCurrent - translateY) / (100 - translateY) || 0 : forceOpacity;\n        this.maskElementRef.current.style.opacity = Math.max(0, Math.min(100, opacity)).toString();\n      }\n    });\n  }\n\n  /**\n   * Закрывает текущую модалку\n   */\n  triggerActiveModalClose = () => {\n    const activeModalState = this.modalsState[this.state.activeModal];\n    if (activeModalState) {\n      this.doCloseModal(activeModalState);\n    }\n  };\n\n  private readonly doCloseModal = (modalState: ModalsStateEntry) => {\n    if (isFunction(modalState.onClose)) {\n      modalState.onClose();\n    } else if (isFunction(this.props.onClose)) {\n      this.props.onClose(modalState.id);\n    } else if (IS_DEV) {\n      warn('onClose is undefined');\n    }\n  };\n\n  render() {\n    const { prevModal, activeModal, nextModal, visibleModals, animated } = this.state;\n\n    if (!activeModal && !prevModal && !nextModal && !animated) {\n      return null;\n    }\n\n    return (\n      <ModalRootContext.Provider value={this.modalRootContext}>\n        <div\n          vkuiClass={classNames(getClassName('ModalRoot', this.props.platform), {\n            'ModalRoot--vkapps': this.props.configProvider.webviewType === WebviewType.VKAPPS,\n          }, 'ModalRoot--desktop')}\n        >\n          <div\n            vkuiClass=\"ModalRoot__mask\"\n            onClick={this.triggerActiveModalClose}\n            ref={this.maskElementRef}\n          />\n          <div vkuiClass=\"ModalRoot__viewport\">\n            {this.modals.map((Modal: React.ReactElement) => {\n              const modalId = getNavId(Modal.props, warn);\n              if (!visibleModals.includes(modalId)) {\n                return null;\n              }\n\n              const key = `modal-${modalId}`;\n\n              return (\n                <FocusTrap\n                  restoreFocus={false}\n                  onClose={this.triggerActiveModalClose}\n                  timeout={this.timeout}\n                  key={key}\n                  vkuiClass={classNames('ModalRoot__modal', {\n                    'ModalRoot__modal--active': modalId === activeModal,\n                    'ModalRoot__modal--prev': modalId === prevModal,\n                    'ModalRoot__modal--next': modalId === nextModal,\n                  })}\n                >{Modal}</FocusTrap>\n              );\n            })}\n          </div>\n        </div>\n      </ModalRootContext.Provider>\n    );\n  }\n}\n\nexport const ModalRootDesktop = withContext(withPlatform(withDOM<ModalRootProps>(ModalRootDesktopComponent)), ConfigProviderContext, 'configProvider');\n"],"file":"ModalRootDesktop.js"}
+{"version":3,"sources":["../../../../src/components/ModalRoot/ModalRootDesktop.tsx"],"names":["React","classNames","transitionEvent","withPlatform","withContext","ModalRootContext","ConfigProviderContext","WebviewType","ANDROID","VKCOM","getClassName","withDOM","getNavId","warnOnce","FocusTrap","withModalManager","warn","ModalRootDesktopComponent","props","maskElementRef","createRef","modalRootContext","updateModalHeight","undefined","registerModal","id","data","Object","assign","getModalState","onClose","closeActiveModal","isInsideModal","platform","Children","toArray","children","prevProps","exitingModal","closeModal","enteringModal","enteringState","requestAnimationFrame","waitTransitionFinish","onEnter","animateModalOpacity","activeModal","restoreFocusTo","document","activeElement","focus","prevModalState","onExit","setMaskOpacity","modalState","eventHandler","supported","onceHandler","innerElement","removeEventListener","name","addEventListener","setTimeout","timeout","display","style","transitionDelay","delayEnter","opacity","forceOpacity","history","cancelAnimationFrame","maskAnimationFrame","current","translateY","translateYCurrent","Math","max","min","toString","configProvider","webviewType","VKAPPS","modals","map","Modal","modalId","key","Component","ModalRootDesktop"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport { classNames } from '../../lib/classNames';\nimport { transitionEvent } from '../../lib/supportEvents';\nimport { HasPlatform } from '../../types';\nimport { withPlatform } from '../../hoc/withPlatform';\nimport { withContext } from '../../hoc/withContext';\nimport ModalRootContext, { ModalRootContextInterface } from './ModalRootContext';\nimport {\n  ConfigProviderContext,\n  ConfigProviderContextInterface,\n  WebviewType,\n} from '../ConfigProvider/ConfigProviderContext';\nimport { ModalsStateEntry } from './types';\nimport { ANDROID, VKCOM } from '../../lib/platform';\nimport { getClassName } from '../../helpers/getClassName';\nimport { DOMProps, withDOM } from '../../lib/dom';\nimport { getNavId } from '../../lib/getNavId';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { FocusTrap } from '../FocusTrap/FocusTrap';\nimport { ModalTransitionProps, withModalManager } from './useModalManager';\nimport './ModalRoot.css';\n\nconst warn = warnOnce('ModalRoot');\n\nexport interface ModalRootProps extends HasPlatform {\n  activeModal?: string | null;\n  /**\n   * @ignore\n   */\n  configProvider?: ConfigProviderContextInterface;\n\n  /**\n   * Будет вызвано при закрытии активной модалки с её id\n   */\n  onClose?(modalId: string): void;\n}\n\nclass ModalRootDesktopComponent extends React.Component<ModalRootProps & DOMProps & ModalTransitionProps> {\n  constructor(props: ModalRootProps & ModalTransitionProps) {\n    super(props);\n\n    this.maskElementRef = React.createRef();\n\n    this.modalRootContext = {\n      updateModalHeight: () => undefined,\n      registerModal: ({ id, ...data }) => Object.assign(this.getModalState(id), data),\n      onClose: () => this.props.closeActiveModal(),\n      isInsideModal: true,\n    };\n  }\n\n  private readonly maskElementRef: React.RefObject<HTMLDivElement>;\n  private maskAnimationFrame: number;\n  private readonly modalRootContext: ModalRootContextInterface;\n  private restoreFocusTo: HTMLElement;\n\n  private get timeout() {\n    return this.props.platform === ANDROID || this.props.platform === VKCOM ? 320 : 400;\n  }\n\n  private get modals() {\n    return React.Children.toArray(this.props.children) as React.ReactElement[];\n  }\n\n  getModalState(id: string) {\n    return this.props.getModalState(id);\n  }\n\n  componentDidUpdate(prevProps: ModalRootProps & ModalTransitionProps) {\n    // transition phase 2: animate exiting modal\n    if (this.props.exitingModal && this.props.exitingModal !== prevProps.exitingModal) {\n      this.closeModal(this.props.exitingModal);\n    }\n\n    // transition phase 3: animate entering modal\n    if (this.props.enteringModal && this.props.enteringModal !== prevProps.enteringModal) {\n      const { enteringModal } = this.props;\n      const enteringState = this.getModalState(enteringModal);\n      requestAnimationFrame(() => {\n        if (this.props.enteringModal === enteringModal) {\n          this.waitTransitionFinish(enteringState, () => this.props.onEnter(enteringModal));\n          this.animateModalOpacity(enteringState, true);\n        }\n      });\n    }\n\n    // focus restoration\n    if (this.props.activeModal && !prevProps.activeModal) {\n      this.restoreFocusTo = this.props.document.activeElement as HTMLElement;\n    }\n    if (!this.props.activeModal && !this.props.exitingModal && this.restoreFocusTo) {\n      this.restoreFocusTo.focus();\n      this.restoreFocusTo = null;\n    }\n  }\n\n  closeModal(id: string) {\n    const prevModalState = this.getModalState(id);\n    if (!prevModalState) {\n      return;\n    }\n\n    this.waitTransitionFinish(prevModalState, () => this.props.onExit(id));\n    this.animateModalOpacity(prevModalState, false);\n    if (!this.props.activeModal) {\n      this.setMaskOpacity(prevModalState, 0);\n    }\n  }\n\n  waitTransitionFinish(modalState: ModalsStateEntry, eventHandler: () => void) {\n    if (transitionEvent.supported) {\n      const onceHandler = () => {\n        modalState.innerElement.removeEventListener(transitionEvent.name, onceHandler);\n        eventHandler();\n      };\n\n      modalState.innerElement.addEventListener(transitionEvent.name, onceHandler);\n    } else {\n      setTimeout(eventHandler, this.timeout);\n    }\n  }\n\n  /* Анимирует сдивг модалки */\n  animateModalOpacity(modalState: ModalsStateEntry, display: boolean) {\n    modalState.innerElement.style.transitionDelay = display && this.props.delayEnter ? `${this.timeout}ms` : null;\n    modalState.innerElement.style.opacity = display ? '1' : '0';\n  }\n\n  /* Устанавливает прозрачность для полупрозрачной подложки */\n  setMaskOpacity(modalState: ModalsStateEntry, forceOpacity: number = null) {\n    if (forceOpacity === null && this.props.history[0] !== modalState.id) {\n      return;\n    }\n\n    cancelAnimationFrame(this.maskAnimationFrame);\n    this.maskAnimationFrame = requestAnimationFrame(() => {\n      if (this.maskElementRef.current) {\n        const { translateY, translateYCurrent } = modalState;\n\n        const opacity = forceOpacity === null ? 1 - (translateYCurrent - translateY) / (100 - translateY) || 0 : forceOpacity;\n        this.maskElementRef.current.style.opacity = Math.max(0, Math.min(100, opacity)).toString();\n      }\n    });\n  }\n\n  render() {\n    const { exitingModal, activeModal, enteringModal } = this.props;\n\n    if (!activeModal && !exitingModal) {\n      return null;\n    }\n\n    return (\n      <ModalRootContext.Provider value={this.modalRootContext}>\n        <div\n          vkuiClass={classNames(getClassName('ModalRoot', this.props.platform), {\n            'ModalRoot--vkapps': this.props.configProvider.webviewType === WebviewType.VKAPPS,\n          }, 'ModalRoot--desktop')}\n        >\n          <div\n            vkuiClass=\"ModalRoot__mask\"\n            ref={this.maskElementRef}\n            onClick={this.props.closeActiveModal}\n          />\n          <div vkuiClass=\"ModalRoot__viewport\">\n            {this.modals.map((Modal: React.ReactElement) => {\n              const modalId = getNavId(Modal.props, warn);\n              if (modalId !== activeModal && modalId !== exitingModal) {\n                return null;\n              }\n\n              const key = `modal-${modalId}`;\n\n              return (\n                <FocusTrap\n                  restoreFocus={false}\n                  onClose={this.props.closeActiveModal}\n                  timeout={this.timeout}\n                  key={key}\n                  vkuiClass={classNames('ModalRoot__modal', {\n                    'ModalRoot__modal--active': !exitingModal && !enteringModal && modalId === activeModal,\n                    'ModalRoot__modal--prev': modalId === exitingModal,\n                    'ModalRoot__modal--next': exitingModal && modalId === activeModal,\n                  })}\n                >{Modal}</FocusTrap>\n              );\n            })}\n          </div>\n        </div>\n      </ModalRootContext.Provider>\n    );\n  }\n}\n\nexport const ModalRootDesktop = withContext(\n  withPlatform(\n    withDOM<ModalRootProps>(\n      withModalManager()(ModalRootDesktopComponent),\n    ),\n  ),\n  ConfigProviderContext, 'configProvider');\n"],"file":"ModalRootDesktop.js"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/ModalRoot/types.ts"],"names":["ModalType"],"mappings":"AAAA,WAAYA,SAAZ;;WAAYA,S;AAAAA,EAAAA,S;AAAAA,EAAAA,S;GAAAA,S,KAAAA,S","sourcesContent":["export enum ModalType {\n  PAGE = 'page',\n  CARD = 'card',\n}\n\nexport type TranslateRange = [number, number];\n\nexport type ModalsState = { [index: string]: ModalsStateEntry };\n\nexport interface ModalElements {\n  modalElement?: HTMLElement | null;\n  innerElement?: HTMLElement | null;\n  headerElement?: HTMLElement | null;\n  contentElement?: HTMLElement | null;\n  footerElement?: HTMLElement | null;\n}\n\nexport interface ModalsStateEntry extends ModalElements {\n  id: string;\n  onClose?: () => any;\n  type?: ModalType;\n\n  settlingHeight?: number;\n  dynamicContentHeight?: boolean;\n  expandable?: boolean;\n\n  /**\n   * Процент текущего сдвига модалки\n   */\n  translateY?: number;\n  /**\n   * Процент сдвига модалки в изначальном состоянии\n   */\n  translateYFrom?: number;\n  /**\n   * Процент сдвига модалки во время взаимодействия с ней (потянуть, чтобы открыть или закрыть)\n   */\n  translateYCurrent?: number;\n\n  touchStartContentScrollTop?: number;\n  touchMovePositive?: boolean | null;\n  touchShiftYPercent?: number;\n\n  expanded?: boolean;\n  collapsed?: boolean;\n  hidden?: boolean;\n\n  contentScrolled?: boolean;\n  contentScrollStopTimeout?: ReturnType<typeof setTimeout>;\n\n  expandedRange?: TranslateRange;\n  collapsedRange?: TranslateRange;\n  hiddenRange?: TranslateRange;\n}\n"],"file":"types.js"}
+{"version":3,"sources":["../../../../src/components/ModalRoot/types.ts"],"names":["ModalType"],"mappings":"AAAA,WAAYA,SAAZ;;WAAYA,S;AAAAA,EAAAA,S;AAAAA,EAAAA,S;GAAAA,S,KAAAA,S","sourcesContent":["export enum ModalType {\n  PAGE = 'page',\n  CARD = 'card',\n}\n\nexport type TranslateRange = [number, number];\n\nexport type ModalsState = { [index: string]: ModalsStateEntry };\n\nexport interface ModalElements {\n  modalElement?: HTMLElement | null;\n  innerElement?: HTMLElement | null;\n  headerElement?: HTMLElement | null;\n  contentElement?: HTMLElement | null;\n}\n\nexport interface ModalsStateEntry extends ModalElements {\n  id: string;\n  onClose?: () => any;\n  type?: ModalType;\n\n  settlingHeight?: number;\n  dynamicContentHeight?: boolean;\n  expandable?: boolean;\n\n  /**\n   * Процент текущего сдвига модалки\n   */\n  translateY?: number;\n  /**\n   * Процент сдвига модалки в изначальном состоянии\n   */\n  translateYFrom?: number;\n  /**\n   * Процент сдвига модалки во время взаимодействия с ней (потянуть, чтобы открыть или закрыть)\n   */\n  translateYCurrent?: number;\n\n  touchStartContentScrollTop?: number;\n  touchMovePositive?: boolean | null;\n  touchShiftYPercent?: number;\n\n  expanded?: boolean;\n  collapsed?: boolean;\n  hidden?: boolean;\n\n  contentScrolled?: boolean;\n  contentScrollStopTimeout?: ReturnType<typeof setTimeout>;\n\n  expandedRange?: TranslateRange;\n  collapsedRange?: TranslateRange;\n  hiddenRange?: TranslateRange;\n}\n"],"file":"types.js"}