Major Update

[FrameMuse]

What's new

Features

• Modals now can be layered! - Revise forking #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 - Implement interfaces in favor of useSyncExternalStore #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 Update npm-publish.yml #127
• Update package.json by @FrameMuse in Update package.json #128
• Bump eslint from 8.38.0 to 8.39.0 by @dependabot in Bump eslint from 8.38.0 to 8.39.0 #132
• Bump @types/jest from 29.4.0 to 29.5.1 by @dependabot in Bump @types/jest from 29.4.0 to 29.5.1 #130
• Bump @types/react from 18.0.35 to 18.0.38 by @dependabot in Bump @types/react from 18.0.35 to 18.0.38 #129
• Bump eslint-plugin-simple-import-sort from 7.0.0 to 10.0.0 by @dependabot in Bump eslint-plugin-simple-import-sort from 7.0.0 to 10.0.0 #110
• Fixed grammar in README.md by @FrameMuse in Fixed grammar in README.md #133
• Bump sass from 1.62.0 to 1.62.1 by @dependabot in Bump sass from 1.62.0 to 1.62.1 #134
• Bump @types/react from 18.0.38 to 18.2.6 by @dependabot in Bump @types/react from 18.0.38 to 18.2.6 #139
• Bump type-fest from 3.8.0 to 3.10.0 by @dependabot in Bump type-fest from 3.8.0 to 3.10.0 #138
• Bump eventemitter3 from 5.0.0 to 5.0.1 by @dependabot in Bump eventemitter3 from 5.0.0 to 5.0.1 #135
• Bump @rollup/plugin-typescript from 8.3.3 to 11.1.1 by @dependabot in Bump @rollup/plugin-typescript from 8.3.3 to 11.1.1 #140
• Update README.md by @FrameMuse in Update README.md #145
• Bump eslint from 8.39.0 to 8.41.0 by @dependabot in Bump eslint from 8.39.0 to 8.41.0 #148
• Bump type-fest from 3.10.0 to 3.11.0 by @dependabot in Bump type-fest from 3.10.0 to 3.11.0 #147
• Bump tslib from 2.5.0 to 2.5.2 by @dependabot in Bump tslib from 2.5.0 to 2.5.2 #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.

---

This discussion was created from the release Major Update.