v2.0.0

What's new

Features

• Modals now can be layered! - #28
• ModalWindow has new serialized property
• ModalWindow has new on method
• ModalController has new on method
• ModalController has new close method
• ModalController has new show and hide methods

Breaking changes

• ModalWindow now is a class instead of interface
• Modal is not exporting now, instead you should create your own Modal using ModalController
• ModalContainer now has a required property controller
• id property in ModalWindow is now a number instead of string
• useModalContext renamed to useModalWindow
• observe method in ModalController is renamed to subscribe and callback doesn't have state as an argument anymore - #142
• isClosed property in ModalWindow is renamed to closed
• isFocused property in ModalWindow is removed
• Renamed isOpen to active in ModalController
• Rename ModalState to ModalSnapshot
• Rename useModalState to useModalSnapshot

What's Changed

• Update npm-publish.yml by @FrameMuse in #127
• Update package.json by @FrameMuse in #128
• Bump eslint from 8.38.0 to 8.39.0 by @dependabot in #132
• Bump @types/jest from 29.4.0 to 29.5.1 by @dependabot in #130
• Bump @types/react from 18.0.35 to 18.0.38 by @dependabot in #129
• Bump eslint-plugin-simple-import-sort from 7.0.0 to 10.0.0 by @dependabot in #110
• Fixed grammar in README.md by @FrameMuse in #133
• Bump sass from 1.62.0 to 1.62.1 by @dependabot in #134
• Bump @types/react from 18.0.38 to 18.2.6 by @dependabot in #139
• Bump type-fest from 3.8.0 to 3.10.0 by @dependabot in #138
• Bump eventemitter3 from 5.0.0 to 5.0.1 by @dependabot in #135
• Bump @rollup/plugin-typescript from 8.3.3 to 11.1.1 by @dependabot in #140
• Update README.md by @FrameMuse in #145
• Bump eslint from 8.39.0 to 8.41.0 by @dependabot in #148
• Bump type-fest from 3.10.0 to 3.11.0 by @dependabot in #147
• Bump tslib from 2.5.0 to 2.5.2 by @dependabot in #146

Full Changelog: v1.2.3...v2.0.0

Migration from v1.x.x

#1

Create local instance of ModalController

import { ModalController } from "react-modal-global"

export const Modal = new ModalController()

#2

Pass your local Modal to ModalContainer

import Modal from "./Modal"

<ModalContainer controller={Modal} />

#3

Rename properies using your IDE or create a wrapper as dependency injection.