packages/plasma-core/src/components/ModalBase/hooks.ts - dev - sdds/plasma

packages/plasma-core/src/components/ModalBase/hooks.ts

49 строк1 KB

Ivan Kudryavtsev

fix(plasma-core, plasma-ui): remove withAnimation from PopupBase

19 окт 2023, 17:56

19 окт 2023, 17:56c781a28

import { useCallback, useEffect } from 'react';

import { usePopupBaseContext } from '../PopupBase';

import { ModalInfo, getIdLastModal } from './ModalBaseContext';
import { ModalHookArgs } from './types';

const ESCAPE_KEYCODE = 27;

export const useModal = ({ id, popupInfo, onEscKeyDown, onClose, closeOnEsc = true }: ModalHookArgs) => {
    const popupController = usePopupBaseContext();

    // При ESC закрывает текущее окно, если это возможно
    const onKeyDown = useCallback(
        (event: KeyboardEvent) => {
            if (!closeOnEsc) {
                return;
            }
            if (event.keyCode === ESCAPE_KEYCODE && getIdLastModal(popupController.items) === id) {
                if (onEscKeyDown) {
                    onEscKeyDown(event);
                    return;
                }

                if (onClose) {
                    onClose();
                }
            }
        },
        [onClose, onEscKeyDown, popupController.items, closeOnEsc],
    );

    useEffect(() => {
        window.addEventListener('keydown', onKeyDown);
        return () => {
            window.removeEventListener('keydown', onKeyDown);
        };
    }, [onClose, onEscKeyDown, popupController.items, closeOnEsc]);

    const modalInfo: ModalInfo = {
        id,
        info: {
            isModal: true,
        },
        ...popupInfo,
    };

    return { modalInfo };
};