@vkontakte/vkui 5.2.4 → 5.3.1

package/dist/components/ModalRoot/useModalManager.js

@@ -1,58 +1,57 @@
-import _extends from "@babel/runtime/helpers/extends";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import * as React from 'react';
-import { isFunction, noop } from '@vkontakte/vkjs';
-import { getNavId } from '../../lib/getNavId';
-import { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';
-import { warnOnce } from '../../lib/warnOnce';
-import { ModalType } from './types';
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import _sliced_to_array from "@swc/helpers/src/_sliced_to_array.mjs";
+import _to_consumable_array from "@swc/helpers/src/_to_consumable_array.mjs";
+import * as React from "react";
+import { isFunction, noop } from "@vkontakte/vkjs";
+import { getNavId } from "../../lib/getNavId";
+import { useIsomorphicLayoutEffect } from "../../lib/useIsomorphicLayoutEffect";
+import { warnOnce } from "../../lib/warnOnce";
+import { ModalType } from "./types";
 function getModals(children) {
-  return React.Children.toArray(children);
+    return React.Children.toArray(children);
 }
-var warn = warnOnce('ModalRoot');
+var warn = warnOnce("ModalRoot");
 export function modalTransitionReducer(state, action) {
-  if (action.type === 'setActive' && action.id !== state.activeModal) {
-    var nextModal = action.id;
-    // preserve exiting modal if switching mid-transition
-    var prevModal = state.exitingModal || state.activeModal;
-    var history = state.history ? _toConsumableArray(state.history) : [];
-    var isBack = Boolean(nextModal && history.includes(nextModal));
-    if (nextModal === null) {
-      history = [];
-    } else if (isBack) {
-      history = history.splice(0, history.indexOf(nextModal) + 1);
-    } else {
-      history.push(nextModal);
+    if (action.type === "setActive" && action.id !== state.activeModal) {
+        var nextModal = action.id;
+        // preserve exiting modal if switching mid-transition
+        var prevModal = state.exitingModal || state.activeModal;
+        var history = state.history ? _to_consumable_array(state.history) : [];
+        var isBack = Boolean(nextModal && history.includes(nextModal));
+        if (nextModal === null) {
+            history = [];
+        } else if (isBack) {
+            history = history.splice(0, history.indexOf(nextModal) + 1);
+        } else {
+            history.push(nextModal);
+        }
+        return {
+            activeModal: nextModal,
+            // not entering yet
+            enteringModal: null,
+            exitingModal: prevModal,
+            history: history,
+            isBack: isBack
+        };
     }
-    return {
-      activeModal: nextModal,
-      // not entering yet
-      enteringModal: null,
-      exitingModal: prevModal,
-      history: history,
-      isBack: isBack
-    };
-  }
-  if (action.type === 'entered' && action.id === state.enteringModal) {
-    return _objectSpread(_objectSpread({}, state), {}, {
-      enteringModal: null
-    });
-  }
-  if (action.type === 'exited' && action.id === state.exitingModal) {
-    return _objectSpread(_objectSpread({}, state), {}, {
-      exitingModal: null
-    });
-  }
-  if (action.type === 'inited' && action.id === state.activeModal) {
-    return _objectSpread(_objectSpread({}, state), {}, {
-      enteringModal: action.id
-    });
-  }
-  return state;
+    if (action.type === "entered" && action.id === state.enteringModal) {
+        return _object_spread_props(_object_spread({}, state), {
+            enteringModal: null
+        });
+    }
+    if (action.type === "exited" && action.id === state.exitingModal) {
+        return _object_spread_props(_object_spread({}, state), {
+            exitingModal: null
+        });
+    }
+    if (action.type === "inited" && action.id === state.activeModal) {
+        return _object_spread_props(_object_spread({}, state), {
+            enteringModal: action.id
+        });
+    }
+    return state;
 }
-
 /**
  * Реализует переход модалок. При смене activeModal m1 -> m2:
  * 1. activeModal: m1, exitingModal: null, enteringModal: null, триггер перехода
@@ -64,141 +63,146 @@ export function modalTransitionReducer(state, action) {
  *   3b. activeModal: m2, exitingModal: null, enteringModal: m2
  *   4b. enteringModal переходит в null после завершения анимации
  * 5. activeModal: m2, exitingModal: null, enteringModal: null, переход закончен
- */
-export function useModalManager(activeModal, children) {
-  var onOpen = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : noop;
-  var onOpened = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : noop;
-  var onClose = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : noop;
-  var onClosed = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : noop;
-  var initModal = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : noop;
-  var modalsState = React.useRef({}).current;
-  getModals(children).forEach(function (Modal) {
-    var modalProps = Modal.props;
-    var id = getNavId(modalProps, warn);
-    var state = id !== undefined && modalsState[id] || {
-      id: id !== null && id !== void 0 ? id : null
+ */ export function useModalManager(activeModal, children) {
+    var onOpen = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : noop, onOpened = arguments.length > 3 && arguments[3] !== void 0 ? arguments[3] : noop, onClose = arguments.length > 4 && arguments[4] !== void 0 ? arguments[4] : noop, onClosed = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : noop, initModal = arguments.length > 6 && arguments[6] !== void 0 ? arguments[6] : noop;
+    var onEnter = function onEnter() {
+        var modalState = transitionState.activeModal && modalsState[transitionState.activeModal];
+        if (modalState) {
+            if (isFunction(modalState.onOpen)) {
+                modalState.onOpen();
+            } else if (isFunction(onOpen)) {
+                onOpen(modalState.id);
+            }
+        }
     };
-    state.onOpen = Modal.props.onOpen;
-    state.onOpened = Modal.props.onOpened;
-    state.onClose = Modal.props.onClose;
-    state.onClosed = Modal.props.onClosed;
-    state.dynamicContentHeight = !!modalProps.dynamicContentHeight;
-    // ModalPage props
-    if (typeof modalProps.settlingHeight === 'number') {
-      state.settlingHeight = modalProps.settlingHeight;
-    }
-    if (state.id !== null) {
-      modalsState[state.id] = state;
-    }
-  });
-  var isMissing = activeModal && !modalsState[activeModal];
-  var safeActiveModal = isMissing ? null : activeModal;
-  var _React$useReducer = React.useReducer(modalTransitionReducer, {
-      activeModal: safeActiveModal,
-      enteringModal: null,
-      exitingModal: null,
-      history: safeActiveModal ? [safeActiveModal] : [],
-      isBack: false
-    }),
-    _React$useReducer2 = _slicedToArray(_React$useReducer, 2),
-    transitionState = _React$useReducer2[0],
-    dispatchTransition = _React$useReducer2[1];
-
-  // Map props to state, render activeModal for init
-  useIsomorphicLayoutEffect(function () {
-    // ignore non-existent activeModal
-    if (process.env.NODE_ENV === 'development' && isMissing) {
-      warn("\u041F\u0435\u0440\u0435\u0445\u043E\u0434 \u043D\u0435\u0432\u043E\u0437\u043C\u043E\u0436\u0435\u043D - \u043C\u043E\u0434\u0430\u043B\u044C\u043D\u043E\u0435 \u043E\u043A\u043D\u043E (\u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0430) ".concat(activeModal, " \u043D\u0435 \u0441\u0443\u0449\u0435\u0441\u0442\u0432\u0443\u0435\u0442"), 'error');
-    }
-    dispatchTransition({
-      type: 'setActive',
-      id: safeActiveModal !== null && safeActiveModal !== void 0 ? safeActiveModal : null
-    });
-  }, [activeModal]);
-
-  // Init activeModal & set enteringModal
-  useIsomorphicLayoutEffect(function () {
-    if (transitionState.activeModal) {
-      initModal(modalsState[transitionState.activeModal]);
-      dispatchTransition({
-        type: 'inited',
-        id: transitionState.activeModal
-      });
-    }
-  }, [transitionState.activeModal]);
-  var isCard = function isCard(id) {
-    var _modalsState$id;
-    return id != null && ((_modalsState$id = modalsState[id]) === null || _modalsState$id === void 0 ? void 0 : _modalsState$id.type) === ModalType.CARD;
-  };
-  var onEntered = React.useCallback(function (id) {
-    if (id) {
-      var modalState = modalsState[id];
-      if (isFunction(modalState.onOpened)) {
-        modalState.onOpened();
-      } else if (isFunction(onOpened)) {
-        onOpened(id);
-      }
-    }
-    dispatchTransition({
-      type: 'entered',
-      id: id
+    var onExit = function onExit() {
+        var modalState = transitionState.activeModal && modalsState[transitionState.activeModal];
+        if (modalState) {
+            if (isFunction(modalState.onClose)) {
+                modalState.onClose();
+            } else if (isFunction(onClose)) {
+                onClose(modalState.id);
+            }
+        }
+    };
+    var modalsState = React.useRef({}).current;
+    getModals(children).forEach(function(Modal) {
+        var modalProps = Modal.props;
+        var id = getNavId(modalProps, warn);
+        var state = id !== undefined && modalsState[id] || {
+            id: id !== null && id !== void 0 ? id : null
+        };
+        state.onOpen = Modal.props.onOpen;
+        state.onOpened = Modal.props.onOpened;
+        state.onClose = Modal.props.onClose;
+        state.onClosed = Modal.props.onClosed;
+        state.dynamicContentHeight = !!modalProps.dynamicContentHeight;
+        // ModalPage props
+        if (typeof modalProps.settlingHeight === "number") {
+            state.settlingHeight = modalProps.settlingHeight;
+        }
+        if (state.id !== null) {
+            modalsState[state.id] = state;
+        }
     });
-  }, [modalsState, onOpened]);
-  var onExited = React.useCallback(function (id) {
-    if (id) {
-      var modalState = modalsState[id];
-      if (isFunction(modalState.onClosed)) {
-        modalState.onClosed();
-      } else if (isFunction(onClosed)) {
-        onClosed(id);
-      }
-    }
-    dispatchTransition({
-      type: 'exited',
-      id: id
+    var isMissing = activeModal && !modalsState[activeModal];
+    var safeActiveModal = isMissing ? null : activeModal;
+    var _React_useReducer = _sliced_to_array(React.useReducer(modalTransitionReducer, {
+        activeModal: safeActiveModal,
+        enteringModal: null,
+        exitingModal: null,
+        history: safeActiveModal ? [
+            safeActiveModal
+        ] : [],
+        isBack: false
+    }), 2), transitionState = _React_useReducer[0], dispatchTransition = _React_useReducer[1];
+    // Map props to state, render activeModal for init
+    useIsomorphicLayoutEffect(function() {
+        // ignore non-existent activeModal
+        if (process.env.NODE_ENV === "development" && isMissing) {
+            warn("Переход невозможен - модальное окно (страница) ".concat(activeModal, " не существует"), "error");
+        }
+        dispatchTransition({
+            type: "setActive",
+            id: safeActiveModal !== null && safeActiveModal !== void 0 ? safeActiveModal : null
+        });
+    }, [
+        activeModal
+    ]);
+    // Init activeModal & set enteringModal
+    useIsomorphicLayoutEffect(function() {
+        if (transitionState.activeModal) {
+            initModal(modalsState[transitionState.activeModal]);
+            dispatchTransition({
+                type: "inited",
+                id: transitionState.activeModal
+            });
+        }
+    }, [
+        transitionState.activeModal
+    ]);
+    var isCard = function(id) {
+        var _modalsState_id;
+        return id != null && ((_modalsState_id = modalsState[id]) === null || _modalsState_id === void 0 ? void 0 : _modalsState_id.type) === ModalType.CARD;
+    };
+    var onEntered = React.useCallback(function(id) {
+        if (id) {
+            var modalState = modalsState[id];
+            if (isFunction(modalState.onOpened)) {
+                modalState.onOpened();
+            } else if (isFunction(onOpened)) {
+                onOpened(id);
+            }
+        }
+        dispatchTransition({
+            type: "entered",
+            id: id
+        });
+    }, [
+        modalsState,
+        onOpened
+    ]);
+    var onExited = React.useCallback(function(id) {
+        if (id) {
+            var modalState = modalsState[id];
+            if (isFunction(modalState.onClosed)) {
+                modalState.onClosed();
+            } else if (isFunction(onClosed)) {
+                onClosed(id);
+            }
+        }
+        dispatchTransition({
+            type: "exited",
+            id: id
+        });
+    }, [
+        modalsState,
+        onClosed
+    ]);
+    var delayEnter = Boolean(transitionState.exitingModal && (isCard(activeModal) || isCard(transitionState.exitingModal)));
+    var getModalState = React.useCallback(function(id) {
+        return modalsState[id];
+    }, [
+        modalsState
+    ]);
+    return _object_spread_props(_object_spread({
+        onEnter: onEnter,
+        onEntered: onEntered,
+        onExit: onExit,
+        onExited: onExited
+    }, transitionState), {
+        delayEnter: delayEnter,
+        getModalState: getModalState
     });
-  }, [modalsState, onClosed]);
-  var delayEnter = Boolean(transitionState.exitingModal && (isCard(activeModal) || isCard(transitionState.exitingModal)));
-  var getModalState = React.useCallback(function (id) {
-    return modalsState[id];
-  }, [modalsState]);
-  function onEnter() {
-    var modalState = transitionState.activeModal && modalsState[transitionState.activeModal];
-    if (modalState) {
-      if (isFunction(modalState.onOpen)) {
-        modalState.onOpen();
-      } else if (isFunction(onOpen)) {
-        onOpen(modalState.id);
-      }
-    }
-  }
-  function onExit() {
-    var modalState = transitionState.activeModal && modalsState[transitionState.activeModal];
-    if (modalState) {
-      if (isFunction(modalState.onClose)) {
-        modalState.onClose();
-      } else if (isFunction(onClose)) {
-        onClose(modalState.id);
-      }
-    }
-  }
-  return _objectSpread(_objectSpread({
-    onEnter: onEnter,
-    onEntered: onEntered,
-    onExit: onExit,
-    onExited: onExited
-  }, transitionState), {}, {
-    delayEnter: delayEnter,
-    getModalState: getModalState
-  });
 }
 export function withModalManager() {
-  var initModal = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : noop;
-  return function (Wrapped) {
-    return function WithModalManager(props) {
-      var transitionManager = useModalManager(props.activeModal, props.children, props.onOpen, props.onOpened, props.onClose, props.onClosed, initModal);
-      return /*#__PURE__*/React.createElement(Wrapped, _extends({}, props, transitionManager));
+    var initModal = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : noop;
+    return function(Wrapped) {
+        return function WithModalManager(props) {
+            var transitionManager = useModalManager(props.activeModal, props.children, props.onOpen, props.onOpened, props.onClose, props.onClosed, initModal);
+            return /*#__PURE__*/ React.createElement(Wrapped, _object_spread({}, props, transitionManager));
+        };
     };
-  };
 }
+
 //# sourceMappingURL=useModalManager.js.map

package/dist/components/ModalRoot/useModalManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"useModalManager.js","names":["React","isFunction","noop","getNavId","useIsomorphicLayoutEffect","warnOnce","ModalType","getModals","children","Children","toArray","warn","modalTransitionReducer","state","action","type","id","activeModal","nextModal","prevModal","exitingModal","history","isBack","Boolean","includes","splice","indexOf","push","enteringModal","useModalManager","onOpen","onOpened","onClose","onClosed","initModal","modalsState","useRef","current","forEach","Modal","modalProps","props","undefined","dynamicContentHeight","settlingHeight","isMissing","safeActiveModal","useReducer","transitionState","dispatchTransition","process","env","NODE_ENV","isCard","CARD","onEntered","useCallback","modalState","onExited","delayEnter","getModalState","onEnter","onExit","withModalManager","Wrapped","WithModalManager","transitionManager"],"sources":["../../../src/components/ModalRoot/useModalManager.tsx"],"sourcesContent":["import * as React from 'react';\nimport { isFunction, noop } from '@vkontakte/vkjs';\nimport { getNavId } from '../../lib/getNavId';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { ModalsState, ModalsStateEntry, ModalType } from './types';\n\ninterface ModalTransitionState {\n  activeModal?: string | null;\n  enteringModal?: string | null;\n  exitingModal?: string | null;\n\n  history?: string[];\n  isBack?: boolean | null;\n}\n\nexport interface ModalTransitionProps extends ModalTransitionState {\n  onEnter: VoidFunction;\n  onEntered: (id: string | null) => void;\n  onExit: VoidFunction;\n  onExited: (id: string | null) => void;\n  getModalState: (id: string) => ModalsStateEntry;\n  delayEnter: boolean;\n}\n\nfunction getModals(children: React.ReactNode | React.ReactNode[]) {\n  return React.Children.toArray(children) as React.ReactElement[];\n}\n\nconst warn = warnOnce('ModalRoot');\n\nexport function modalTransitionReducer(\n  state: ModalTransitionState,\n  action: {\n    type: 'setActive' | 'entered' | 'exited' | 'inited';\n    id: string | null;\n  },\n): ModalTransitionState {\n  if (action.type === 'setActive' && action.id !== state.activeModal) {\n    const nextModal = action.id;\n    // preserve exiting modal if switching mid-transition\n    const prevModal = state.exitingModal || state.activeModal;\n    let history = state.history ? [...state.history] : [];\n    const isBack = Boolean(nextModal && history.includes(nextModal));\n\n    if (nextModal === null) {\n      history = [];\n    } else if (isBack) {\n      history = history.splice(0, history.indexOf(nextModal) + 1);\n    } else {\n      history.push(nextModal);\n    }\n\n    return {\n      activeModal: nextModal,\n      // not entering yet\n      enteringModal: null,\n      exitingModal: prevModal,\n      history,\n      isBack,\n    };\n  }\n  if (action.type === 'entered' && action.id === state.enteringModal) {\n    return { ...state, enteringModal: null };\n  }\n  if (action.type === 'exited' && action.id === state.exitingModal) {\n    return { ...state, exitingModal: null };\n  }\n  if (action.type === 'inited' && action.id === state.activeModal) {\n    return { ...state, enteringModal: action.id };\n  }\n  return state;\n}\n\n/**\n * Реализует переход модалок. При смене activeModal m1 -> m2:\n * 1. activeModal: m1, exitingModal: null, enteringModal: null, триггер перехода\n * 2. activeModal: m2, exitingModal: m1, enteringModal: null, рендерим m2 чтобы прошел init, начинаем анимацию выхода\n * одновременный переход между ModalPage:\n *   3a. activeModal: m2, exitingModal: m1, enteringModal: m2\n *   4a. exitingModal и enteringModal переходят в null в порядке завершения анимации\n * ИЛИ дожидаемся скрытия ModalCard\n *   3b. activeModal: m2, exitingModal: null, enteringModal: m2\n *   4b. enteringModal переходит в null после завершения анимации\n * 5. activeModal: m2, exitingModal: null, enteringModal: null, переход закончен\n */\nexport function useModalManager(\n  activeModal: string | null | undefined,\n  children: React.ReactNode | React.ReactNode[],\n  onOpen: (id: string) => void = noop,\n  onOpened: (id: string) => void = noop,\n  onClose: (id: string) => void = noop,\n  onClosed: (id: string) => void = noop,\n  initModal: (state: ModalsStateEntry) => void = noop,\n): ModalTransitionProps {\n  const modalsState = React.useRef<ModalsState>({}).current;\n  getModals(children).forEach((Modal) => {\n    const modalProps = Modal.props;\n    const id = getNavId(modalProps, warn);\n    const state: ModalsStateEntry = (id !== undefined && modalsState[id]) || {\n      id: id ?? null,\n    };\n\n    state.onOpen = Modal.props.onOpen;\n    state.onOpened = Modal.props.onOpened;\n    state.onClose = Modal.props.onClose;\n    state.onClosed = Modal.props.onClosed;\n    state.dynamicContentHeight = !!modalProps.dynamicContentHeight;\n    // ModalPage props\n    if (typeof modalProps.settlingHeight === 'number') {\n      state.settlingHeight = modalProps.settlingHeight;\n    }\n\n    if (state.id !== null) {\n      modalsState[state.id] = state;\n    }\n  });\n\n  const isMissing = activeModal && !modalsState[activeModal];\n  const safeActiveModal = isMissing ? null : activeModal;\n  const [transitionState, dispatchTransition] = React.useReducer(modalTransitionReducer, {\n    activeModal: safeActiveModal,\n    enteringModal: null,\n    exitingModal: null,\n    history: safeActiveModal ? [safeActiveModal] : [],\n    isBack: false,\n  });\n\n  // Map props to state, render activeModal for init\n  useIsomorphicLayoutEffect(() => {\n    // ignore non-existent activeModal\n    if (process.env.NODE_ENV === 'development' && isMissing) {\n      warn(`Переход невозможен - модальное окно (страница) ${activeModal} не существует`, 'error');\n    }\n    dispatchTransition({ type: 'setActive', id: safeActiveModal ?? null });\n  }, [activeModal]);\n\n  // Init activeModal & set enteringModal\n  useIsomorphicLayoutEffect(() => {\n    if (transitionState.activeModal) {\n      initModal(modalsState[transitionState.activeModal]);\n      dispatchTransition({ type: 'inited', id: transitionState.activeModal });\n    }\n  }, [transitionState.activeModal]);\n\n  const isCard = (id: string | null | undefined) =>\n    id != null && modalsState[id]?.type === ModalType.CARD;\n  const onEntered = React.useCallback(\n    (id: string | null) => {\n      if (id) {\n        const modalState = modalsState[id];\n\n        if (isFunction(modalState.onOpened)) {\n          modalState.onOpened();\n        } else if (isFunction(onOpened)) {\n          onOpened(id);\n        }\n      }\n\n      dispatchTransition({ type: 'entered', id });\n    },\n    [modalsState, onOpened],\n  );\n  const onExited = React.useCallback(\n    (id: string | null) => {\n      if (id) {\n        const modalState = modalsState[id];\n\n        if (isFunction(modalState.onClosed)) {\n          modalState.onClosed();\n        } else if (isFunction(onClosed)) {\n          onClosed(id);\n        }\n      }\n\n      dispatchTransition({ type: 'exited', id });\n    },\n    [modalsState, onClosed],\n  );\n  const delayEnter = Boolean(\n    transitionState.exitingModal && (isCard(activeModal) || isCard(transitionState.exitingModal)),\n  );\n  const getModalState = React.useCallback((id: string) => modalsState[id], [modalsState]);\n\n  function onEnter() {\n    const modalState = transitionState.activeModal && modalsState[transitionState.activeModal];\n    if (modalState) {\n      if (isFunction(modalState.onOpen)) {\n        modalState.onOpen();\n      } else if (isFunction(onOpen)) {\n        onOpen(modalState.id);\n      }\n    }\n  }\n\n  function onExit() {\n    const modalState = transitionState.activeModal && modalsState[transitionState.activeModal];\n    if (modalState) {\n      if (isFunction(modalState.onClose)) {\n        modalState.onClose();\n      } else if (isFunction(onClose)) {\n        onClose(modalState.id);\n      }\n    }\n  }\n\n  return {\n    onEnter,\n    onEntered,\n    onExit,\n    onExited,\n    ...transitionState,\n    delayEnter,\n    getModalState,\n  };\n}\n\nexport function withModalManager(initModal: (a: ModalsStateEntry) => void = noop) {\n  return function <Props extends ModalTransitionProps>(\n    Wrapped: React.ComponentType<Props>,\n  ): React.ComponentType<\n    Omit<Props, keyof ModalTransitionProps> & {\n      activeModal?: string | null;\n      children?: React.ReactNode;\n    }\n  > {\n    return function WithModalManager(props) {\n      const transitionManager = useModalManager(\n        props.activeModal,\n        props.children,\n        (props as any).onOpen,\n        (props as any).onOpened,\n        (props as any).onClose,\n        (props as any).onClosed,\n        initModal,\n      );\n      return <Wrapped {...(props as any)} {...transitionManager} />;\n    };\n  };\n}\n"],"mappings":"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"}
+{"version":3,"sources":["../../../src/components/ModalRoot/useModalManager.tsx"],"sourcesContent":["import * as React from 'react';\nimport { isFunction, noop } from '@vkontakte/vkjs';\nimport { getNavId } from '../../lib/getNavId';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { warnOnce } from '../../lib/warnOnce';\nimport { ModalsState, ModalsStateEntry, ModalType } from './types';\n\ninterface ModalTransitionState {\n  activeModal?: string | null;\n  enteringModal?: string | null;\n  exitingModal?: string | null;\n\n  history?: string[];\n  isBack?: boolean | null;\n}\n\nexport interface ModalTransitionProps extends ModalTransitionState {\n  onEnter: VoidFunction;\n  onEntered: (id: string | null) => void;\n  onExit: VoidFunction;\n  onExited: (id: string | null) => void;\n  getModalState: (id: string) => ModalsStateEntry;\n  delayEnter: boolean;\n}\n\nfunction getModals(children: React.ReactNode | React.ReactNode[]) {\n  return React.Children.toArray(children) as React.ReactElement[];\n}\n\nconst warn = warnOnce('ModalRoot');\n\nexport function modalTransitionReducer(\n  state: ModalTransitionState,\n  action: {\n    type: 'setActive' | 'entered' | 'exited' | 'inited';\n    id: string | null;\n  },\n): ModalTransitionState {\n  if (action.type === 'setActive' && action.id !== state.activeModal) {\n    const nextModal = action.id;\n    // preserve exiting modal if switching mid-transition\n    const prevModal = state.exitingModal || state.activeModal;\n    let history = state.history ? [...state.history] : [];\n    const isBack = Boolean(nextModal && history.includes(nextModal));\n\n    if (nextModal === null) {\n      history = [];\n    } else if (isBack) {\n      history = history.splice(0, history.indexOf(nextModal) + 1);\n    } else {\n      history.push(nextModal);\n    }\n\n    return {\n      activeModal: nextModal,\n      // not entering yet\n      enteringModal: null,\n      exitingModal: prevModal,\n      history,\n      isBack,\n    };\n  }\n  if (action.type === 'entered' && action.id === state.enteringModal) {\n    return { ...state, enteringModal: null };\n  }\n  if (action.type === 'exited' && action.id === state.exitingModal) {\n    return { ...state, exitingModal: null };\n  }\n  if (action.type === 'inited' && action.id === state.activeModal) {\n    return { ...state, enteringModal: action.id };\n  }\n  return state;\n}\n\n/**\n * Реализует переход модалок. При смене activeModal m1 -> m2:\n * 1. activeModal: m1, exitingModal: null, enteringModal: null, триггер перехода\n * 2. activeModal: m2, exitingModal: m1, enteringModal: null, рендерим m2 чтобы прошел init, начинаем анимацию выхода\n * одновременный переход между ModalPage:\n *   3a. activeModal: m2, exitingModal: m1, enteringModal: m2\n *   4a. exitingModal и enteringModal переходят в null в порядке завершения анимации\n * ИЛИ дожидаемся скрытия ModalCard\n *   3b. activeModal: m2, exitingModal: null, enteringModal: m2\n *   4b. enteringModal переходит в null после завершения анимации\n * 5. activeModal: m2, exitingModal: null, enteringModal: null, переход закончен\n */\nexport function useModalManager(\n  activeModal: string | null | undefined,\n  children: React.ReactNode | React.ReactNode[],\n  onOpen: (id: string) => void = noop,\n  onOpened: (id: string) => void = noop,\n  onClose: (id: string) => void = noop,\n  onClosed: (id: string) => void = noop,\n  initModal: (state: ModalsStateEntry) => void = noop,\n): ModalTransitionProps {\n  const modalsState = React.useRef<ModalsState>({}).current;\n  getModals(children).forEach((Modal) => {\n    const modalProps = Modal.props;\n    const id = getNavId(modalProps, warn);\n    const state: ModalsStateEntry = (id !== undefined && modalsState[id]) || {\n      id: id ?? null,\n    };\n\n    state.onOpen = Modal.props.onOpen;\n    state.onOpened = Modal.props.onOpened;\n    state.onClose = Modal.props.onClose;\n    state.onClosed = Modal.props.onClosed;\n    state.dynamicContentHeight = !!modalProps.dynamicContentHeight;\n    // ModalPage props\n    if (typeof modalProps.settlingHeight === 'number') {\n      state.settlingHeight = modalProps.settlingHeight;\n    }\n\n    if (state.id !== null) {\n      modalsState[state.id] = state;\n    }\n  });\n\n  const isMissing = activeModal && !modalsState[activeModal];\n  const safeActiveModal = isMissing ? null : activeModal;\n  const [transitionState, dispatchTransition] = React.useReducer(modalTransitionReducer, {\n    activeModal: safeActiveModal,\n    enteringModal: null,\n    exitingModal: null,\n    history: safeActiveModal ? [safeActiveModal] : [],\n    isBack: false,\n  });\n\n  // Map props to state, render activeModal for init\n  useIsomorphicLayoutEffect(() => {\n    // ignore non-existent activeModal\n    if (process.env.NODE_ENV === 'development' && isMissing) {\n      warn(`Переход невозможен - модальное окно (страница) ${activeModal} не существует`, 'error');\n    }\n    dispatchTransition({ type: 'setActive', id: safeActiveModal ?? null });\n  }, [activeModal]);\n\n  // Init activeModal & set enteringModal\n  useIsomorphicLayoutEffect(() => {\n    if (transitionState.activeModal) {\n      initModal(modalsState[transitionState.activeModal]);\n      dispatchTransition({ type: 'inited', id: transitionState.activeModal });\n    }\n  }, [transitionState.activeModal]);\n\n  const isCard = (id: string | null | undefined) =>\n    id != null && modalsState[id]?.type === ModalType.CARD;\n  const onEntered = React.useCallback(\n    (id: string | null) => {\n      if (id) {\n        const modalState = modalsState[id];\n\n        if (isFunction(modalState.onOpened)) {\n          modalState.onOpened();\n        } else if (isFunction(onOpened)) {\n          onOpened(id);\n        }\n      }\n\n      dispatchTransition({ type: 'entered', id });\n    },\n    [modalsState, onOpened],\n  );\n  const onExited = React.useCallback(\n    (id: string | null) => {\n      if (id) {\n        const modalState = modalsState[id];\n\n        if (isFunction(modalState.onClosed)) {\n          modalState.onClosed();\n        } else if (isFunction(onClosed)) {\n          onClosed(id);\n        }\n      }\n\n      dispatchTransition({ type: 'exited', id });\n    },\n    [modalsState, onClosed],\n  );\n  const delayEnter = Boolean(\n    transitionState.exitingModal && (isCard(activeModal) || isCard(transitionState.exitingModal)),\n  );\n  const getModalState = React.useCallback((id: string) => modalsState[id], [modalsState]);\n\n  function onEnter() {\n    const modalState = transitionState.activeModal && modalsState[transitionState.activeModal];\n    if (modalState) {\n      if (isFunction(modalState.onOpen)) {\n        modalState.onOpen();\n      } else if (isFunction(onOpen)) {\n        onOpen(modalState.id);\n      }\n    }\n  }\n\n  function onExit() {\n    const modalState = transitionState.activeModal && modalsState[transitionState.activeModal];\n    if (modalState) {\n      if (isFunction(modalState.onClose)) {\n        modalState.onClose();\n      } else if (isFunction(onClose)) {\n        onClose(modalState.id);\n      }\n    }\n  }\n\n  return {\n    onEnter,\n    onEntered,\n    onExit,\n    onExited,\n    ...transitionState,\n    delayEnter,\n    getModalState,\n  };\n}\n\nexport function withModalManager(initModal: (a: ModalsStateEntry) => void = noop) {\n  return function <Props extends ModalTransitionProps>(\n    Wrapped: React.ComponentType<Props>,\n  ): React.ComponentType<\n    Omit<Props, keyof ModalTransitionProps> & {\n      activeModal?: string | null;\n      children?: React.ReactNode;\n    }\n  > {\n    return function WithModalManager(props) {\n      const transitionManager = useModalManager(\n        props.activeModal,\n        props.children,\n        (props as any).onOpen,\n        (props as any).onOpened,\n        (props as any).onClose,\n        (props as any).onClosed,\n        initModal,\n      );\n      return <Wrapped {...(props as any)} {...transitionManager} />;\n    };\n  };\n}\n"],"names":["React","isFunction","noop","getNavId","useIsomorphicLayoutEffect","warnOnce","ModalType","getModals","children","Children","toArray","warn","modalTransitionReducer","state","action","type","id","activeModal","nextModal","prevModal","exitingModal","history","isBack","Boolean","includes","splice","indexOf","push","enteringModal","useModalManager","onOpen","onOpened","onClose","onClosed","initModal","onEnter","modalState","transitionState","modalsState","onExit","useRef","current","forEach","Modal","modalProps","props","undefined","dynamicContentHeight","settlingHeight","isMissing","safeActiveModal","useReducer","dispatchTransition","process","env","NODE_ENV","isCard","CARD","onEntered","useCallback","onExited","delayEnter","getModalState","withModalManager","Wrapped","WithModalManager","transitionManager"],"mappings":"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"}

package/dist/components/ModalRoot/useModalRootContext.js

@@ -1,6 +1,7 @@
-import React from 'react';
-import { ModalRootContext } from './ModalRootContext';
-export var useModalRootContext = function useModalRootContext() {
-  return React.useContext(ModalRootContext);
+import React from "react";
+import { ModalRootContext } from "./ModalRootContext";
+export var useModalRootContext = function() {
+    return React.useContext(ModalRootContext);
 };
+
 //# sourceMappingURL=useModalRootContext.js.map

package/dist/components/ModalRoot/useModalRootContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"useModalRootContext.js","names":["React","ModalRootContext","useModalRootContext","useContext"],"sources":["../../../src/components/ModalRoot/useModalRootContext.tsx"],"sourcesContent":["import React from 'react';\nimport { ModalRootContext } from './ModalRootContext';\n\nexport const useModalRootContext = () => React.useContext(ModalRootContext);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,gBAAgB,QAAQ,oBAAoB;AAErD,OAAO,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmB;EAAA,OAASF,KAAK,CAACG,UAAU,CAACF,gBAAgB,CAAC;AAAA"}
+{"version":3,"sources":["../../../src/components/ModalRoot/useModalRootContext.tsx"],"sourcesContent":["import React from 'react';\nimport { ModalRootContext } from './ModalRootContext';\n\nexport const useModalRootContext = () => React.useContext(ModalRootContext);\n"],"names":["React","ModalRootContext","useModalRootContext","useContext"],"mappings":"AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAASC,gBAAgB,QAAQ,qBAAqB;AAEtD,OAAO,IAAMC,sBAAsB;WAAMF,MAAMG,UAAU,CAACF;EAAkB"}

package/dist/components/ModalRoot/withModalRootContext.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
 import { ModalRootContextInterface } from './ModalRootContext';
-declare type PickedProps = Pick<ModalRootContextInterface, 'updateModalHeight'>;
+type PickedProps = Pick<ModalRootContextInterface, 'updateModalHeight'>;
 export declare function withModalRootContext<P extends PickedProps>(Component: React.ComponentType<P>): React.ComponentType<Omit<P, keyof PickedProps>>;
 export {};

package/dist/components/ModalRoot/withModalRootContext.js

@@ -1,14 +1,15 @@
-import _extends from "@babel/runtime/helpers/extends";
-import * as React from 'react';
-import { ModalRootContext } from './ModalRootContext';
+import _object_spread from "@swc/helpers/src/_object_spread.mjs";
+import _object_spread_props from "@swc/helpers/src/_object_spread_props.mjs";
+import * as React from "react";
+import { ModalRootContext } from "./ModalRootContext";
 export function withModalRootContext(Component) {
-  function WithModalRootContext(props) {
-    var _React$useContext = React.useContext(ModalRootContext),
-      updateModalHeight = _React$useContext.updateModalHeight;
-    return /*#__PURE__*/React.createElement(Component, _extends({}, props, {
-      updateModalHeight: updateModalHeight
-    }));
-  }
-  return WithModalRootContext;
+    var WithModalRootContext = function WithModalRootContext(props) {
+        var updateModalHeight = React.useContext(ModalRootContext).updateModalHeight;
+        return /*#__PURE__*/ React.createElement(Component, _object_spread_props(_object_spread({}, props), {
+            updateModalHeight: updateModalHeight
+        }));
+    };
+    return WithModalRootContext;
 }
+
 //# sourceMappingURL=withModalRootContext.js.map

package/dist/components/ModalRoot/withModalRootContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"withModalRootContext.js","names":["React","ModalRootContext","withModalRootContext","Component","WithModalRootContext","props","useContext","updateModalHeight"],"sources":["../../../src/components/ModalRoot/withModalRootContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ModalRootContext, ModalRootContextInterface } from './ModalRootContext';\n\ntype PickedProps = Pick<ModalRootContextInterface, 'updateModalHeight'>;\n\nexport function withModalRootContext<P extends PickedProps>(\n  Component: React.ComponentType<P>,\n): React.ComponentType<Omit<P, keyof PickedProps>> {\n  function WithModalRootContext(props: Omit<P, keyof PickedProps>) {\n    const { updateModalHeight } = React.useContext(ModalRootContext);\n\n    return <Component {...(props as P)} updateModalHeight={updateModalHeight} />;\n  }\n  return WithModalRootContext;\n}\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,gBAAgB,QAAmC,oBAAoB;AAIhF,OAAO,SAASC,oBAAoB,CAClCC,SAAiC,EACgB;EACjD,SAASC,oBAAoB,CAACC,KAAiC,EAAE;IAC/D,wBAA8BL,KAAK,CAACM,UAAU,CAACL,gBAAgB,CAAC;MAAxDM,iBAAiB,qBAAjBA,iBAAiB;IAEzB,oBAAO,oBAAC,SAAS,eAAMF,KAAK;MAAQ,iBAAiB,EAAEE;IAAkB,GAAG;EAC9E;EACA,OAAOH,oBAAoB;AAC7B"}
+{"version":3,"sources":["../../../src/components/ModalRoot/withModalRootContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ModalRootContext, ModalRootContextInterface } from './ModalRootContext';\n\ntype PickedProps = Pick<ModalRootContextInterface, 'updateModalHeight'>;\n\nexport function withModalRootContext<P extends PickedProps>(\n  Component: React.ComponentType<P>,\n): React.ComponentType<Omit<P, keyof PickedProps>> {\n  function WithModalRootContext(props: Omit<P, keyof PickedProps>) {\n    const { updateModalHeight } = React.useContext(ModalRootContext);\n\n    return <Component {...(props as P)} updateModalHeight={updateModalHeight} />;\n  }\n  return WithModalRootContext;\n}\n"],"names":["React","ModalRootContext","withModalRootContext","Component","WithModalRootContext","props","updateModalHeight","useContext"],"mappings":";;AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,gBAAgB,QAAmC,qBAAqB;AAIjF,OAAO,SAASC,qBACdC,SAAiC,EACgB;QACxCC,uBAAT,SAASA,qBAAqBC,KAAiC,EAAE;QAC/D,IAAM,AAAEC,oBAAsBN,MAAMO,UAAU,CAACN,kBAAvCK;QAER,qBAAO,oBAACH,mDAAeE;YAAaC,mBAAmBA;;IACzD;IACA,OAAOF;AACT,CAAC"}