v3.1.0

This release provides React Context and Hook API support.

Context API

<ModalProvider>
    <ModalRoot />
    <ModalConsumer>
        {({ openModal, closeModal }) => {
            const handleClick = (e) => openModal(MyModal);
            return (
                <Button onClick={handleClick}>
                    Open Modal
                </Button>
            );
        }}
    </ModalConsumer>
</ModalProvider>

Hook API

const Example = (props) => {
    const { openModal, closeModal } = useModal();
    const handleClick = (e) => openModal(MyModal);

    return (
        <Button onClick={handleClick}>
            {props.children}
        </Button>
    );
}

v3.0.0

There are a few breaking changes in this release and requires upgrading React to 16.3.

• The disableOverlay prop is deprecated and will be removed in the next major release. Use disableOverlayClick instead.
  https://github.com/trendmicro-frontend/react-modal/blob/v3.0.0/src/Modal.jsx#L114-L123
• Integrate Webpack 4, Babel 7 and Styleguidist
• Update the code to use the React.createRef() API introduced in React 16.3

v2.3.0

Add support for using ReactDOM.createPortal() in React 16 (5d45dbc, PR #3)

v2.2.2

Change "white-space: initial" to "white-space: normal" to address browser compatibility issue (ef7ac9d)

v2.2.1

Resets the white-space property to initial for modal content (ff2e17f)

v2.2.0

Do not wrap the modal content if it cannot fit the viewport width (47e8018)

v2.1.2

Fixes an issue of passing unknown prop onClose on <div> tag (ef59f54)

v2.1.1

Use image to display close icon at right corner.

v2.1.0

Address an issue where IE 11 cannot recognize "text-align: initial" (ea13c09)

v2.0.5

Fixed a bug where the size prop does not work as expected with 'extra-small', 'small', 'medium', 'large' (29e11ee)