@vkontakte/vkui 5.2.4 → 5.3.1

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

@@ -1,7 +1,3 @@
-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';
@@ -9,50 +5,54 @@ 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');
+const 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) {
+        const nextModal = action.id;
+        // preserve exiting modal if switching mid-transition
+        const prevModal = state.exitingModal || state.activeModal;
+        let history = state.history ? [
+            ...state.history
+        ] : [];
+        const 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,
+            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 {
+            ...state,
+            enteringModal: null
+        };
+    }
+    if (action.type === 'exited' && action.id === state.exitingModal) {
+        return {
+            ...state,
+            exitingModal: null
+        };
+    }
+    if (action.type === 'inited' && action.id === state.activeModal) {
+        return {
+            ...state,
+            enteringModal: action.id
+        };
+    }
+    return state;
 }
-
 /**
  * Реализует переход модалок. При смене activeModal m1 -> m2:
  * 1. activeModal: m1, exitingModal: null, enteringModal: null, триггер перехода
@@ -64,141 +64,142 @@ 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
-    };
-    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
+ */ export function useModalManager(activeModal, children, onOpen = noop, onOpened = noop, onClose = noop, onClosed = noop, initModal = noop) {
+    const modalsState = React.useRef({}).current;
+    getModals(children).forEach((Modal)=>{
+        const modalProps = Modal.props;
+        const id = getNavId(modalProps, warn);
+        const state = id !== undefined && modalsState[id] || {
+            id: 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;
+        }
     });
-  }, [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
+    const isMissing = activeModal && !modalsState[activeModal];
+    const safeActiveModal = isMissing ? null : activeModal;
+    const [transitionState, dispatchTransition] = React.useReducer(modalTransitionReducer, {
+        activeModal: safeActiveModal,
+        enteringModal: null,
+        exitingModal: null,
+        history: safeActiveModal ? [
+            safeActiveModal
+        ] : [],
+        isBack: false
     });
-  }, [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);
-      }
+    // Map props to state, render activeModal for init
+    useIsomorphicLayoutEffect(()=>{
+        // ignore non-existent activeModal
+        if (process.env.NODE_ENV === 'development' && isMissing) {
+            warn(`Переход невозможен - модальное окно (страница) ${activeModal} не существует`, 'error');
+        }
+        dispatchTransition({
+            type: 'setActive',
+            id: safeActiveModal ?? null
+        });
+    }, [
+        activeModal
+    ]);
+    // Init activeModal & set enteringModal
+    useIsomorphicLayoutEffect(()=>{
+        if (transitionState.activeModal) {
+            initModal(modalsState[transitionState.activeModal]);
+            dispatchTransition({
+                type: 'inited',
+                id: transitionState.activeModal
+            });
+        }
+    }, [
+        transitionState.activeModal
+    ]);
+    const isCard = (id)=>id != null && modalsState[id]?.type === ModalType.CARD;
+    const onEntered = React.useCallback((id)=>{
+        if (id) {
+            const modalState = modalsState[id];
+            if (isFunction(modalState.onOpened)) {
+                modalState.onOpened();
+            } else if (isFunction(onOpened)) {
+                onOpened(id);
+            }
+        }
+        dispatchTransition({
+            type: 'entered',
+            id
+        });
+    }, [
+        modalsState,
+        onOpened
+    ]);
+    const onExited = React.useCallback((id)=>{
+        if (id) {
+            const modalState = modalsState[id];
+            if (isFunction(modalState.onClosed)) {
+                modalState.onClosed();
+            } else if (isFunction(onClosed)) {
+                onClosed(id);
+            }
+        }
+        dispatchTransition({
+            type: 'exited',
+            id
+        });
+    }, [
+        modalsState,
+        onClosed
+    ]);
+    const delayEnter = Boolean(transitionState.exitingModal && (isCard(activeModal) || isCard(transitionState.exitingModal)));
+    const getModalState = React.useCallback((id)=>modalsState[id], [
+        modalsState
+    ]);
+    function onEnter() {
+        const modalState = transitionState.activeModal && modalsState[transitionState.activeModal];
+        if (modalState) {
+            if (isFunction(modalState.onOpen)) {
+                modalState.onOpen();
+            } else if (isFunction(onOpen)) {
+                onOpen(modalState.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]);
-  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);
-      }
+    function onExit() {
+        const 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
-  });
+    return {
+        onEnter,
+        onEntered,
+        onExit,
+        onExited,
+        ...transitionState,
+        delayEnter,
+        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));
+export function withModalManager(initModal = noop) {
+    return function(Wrapped) {
+        return function WithModalManager(props) {
+            const transitionManager = useModalManager(props.activeModal, props.children, props.onOpen, props.onOpened, props.onClose, props.onClosed, initModal);
+            return /*#__PURE__*/ React.createElement(Wrapped, {
+                ...props,
+                ...transitionManager
+            });
+        };
     };
-  };
 }
+
 //# sourceMappingURL=useModalManager.js.map

package/dist/cssm/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","modalsState","useRef","current","forEach","Modal","modalProps","props","undefined","dynamicContentHeight","settlingHeight","isMissing","safeActiveModal","transitionState","dispatchTransition","useReducer","process","env","NODE_ENV","isCard","CARD","onEntered","useCallback","modalState","onExited","delayEnter","getModalState","onEnter","onExit","withModalManager","Wrapped","WithModalManager","transitionManager"],"mappings":"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"}

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

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

package/dist/cssm/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,MAAMC,sBAAsB,IAAMF,MAAMG,UAAU,CAACF,kBAAkB"}

package/dist/cssm/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/cssm/components/ModalRoot/withModalRootContext.js

@@ -1,14 +1,14 @@
-import _extends from "@babel/runtime/helpers/extends";
 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;
+    function WithModalRootContext(props) {
+        const { updateModalHeight  } = React.useContext(ModalRootContext);
+        return /*#__PURE__*/ React.createElement(Component, {
+            ...props,
+            updateModalHeight: updateModalHeight
+        });
+    }
+    return WithModalRootContext;
 }
+
 //# sourceMappingURL=withModalRootContext.js.map

package/dist/cssm/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;IACjD,SAASC,qBAAqBC,KAAiC,EAAE;QAC/D,MAAM,EAAEC,kBAAiB,EAAE,GAAGN,MAAMO,UAAU,CAACN;QAE/C,qBAAO,oBAACE;YAAW,GAAIE,KAAK;YAAQC,mBAAmBA;;IACzD;IACA,OAAOF;AACT,CAAC"}