react-notifications-component-updated
Version:
React component for creating notifications on the fly
147 lines (87 loc) • 4.14 kB
Markdown
Changelog
# 4.0.1
## Changes
- Merged PR #156 on preventing `onTransitionEnd` to run multiple times
- Fixed `full-bottom` / `full-top` not being set width to 100%
- Fixed `animated__` classes for a few examples on GH pages
# 4.0.0
## Changes
- Use React 18.0.1
# 3.4.1
## Changes
* Set `rnc__notification` class on the rendered notification
# 3.4.0
## Fixes
* Fixed webpack `self` export
* Fixed Store removal functions not triggering DOM removal #140
## Changes
* Pass `notificationConfig` as parameter when using custom component
# 3.3.0
## Changes
* Removed default export - You now need to import ReactNotifications (and Store) instead of the default import
* All typescript declarations are now included in the dist folder
# 3.2.0
## Fixes
* Fixed TS declarations #124
* Namespaced CSS modules under rnc_* #123
* Custom width for center containers #108
## Breaking Changes
* Namespaced CSS modules
# 3.0.5
## Fixes
* Fix TS not exporting all interfaces
* Bump React to `17.0.1`
# 3.0.0
## Changes
* TS support
* Added full-sized containers for top and bottom
* Changed SASS style to match BEM - *breaking change*
* Limit center containers to 350px
* Allow dynamic expansion of containers based on each notification's width
* Adedd new API call `removeAllNotifications`
* Removed `prop-types` package, props are now defaulted internally
## Fixes
* #82, #69, #67, #65, #63, #61
# 2.4.1
## Changes
* Merged pull request #76 - Add option to override default values
* Updated packages
# 2.4.0
## Fixes
* Fixed issue #56 - Removed random generator for id, instead rely on `counter` property from store as id
* Fixed #52 - Swipe was not working properly
## Changes
* Implemented #46 - Added `center` container. Did some changes to `top` and `bottom` containers as Chrome blurred content at the beginning of the animation due to the transform property.
* Changed notifications to take 100% width of the container instead of `auto`.
# 2.3.0
## Fixes
* Fixed issue #52 - Swipe not working on touch devices
* Fixes issue #42 - `title` and `message` accept now custom content (a React node or a functional component)
* Fixed issue #41 - `pauseOnHover` was not taken into consideration when used together with `content`
## Changes
* Changed containers to have fixed width of `325px` instead of `auto` which had different results across different test cases. Mobile containers have not changed, they're full width as before.
# 2.2.0
## Fixes
* Merged pull request #31 to pass `className` to component
* Fixed issue #33 - Unsubscribe from `resize` once component was unmounted
* Fixed issue #35 - `content` now gets `id` supplied as a prop
# 2.1.0
## Breaking changes
* Removed prop `onNotificationRemoval` as it was rather hard to know which particular notification has been removed.
## Improvements
* Added option `onRemoval` directly to the notification object. Each notification will have its own `onRemoval`, making it easier to track removals.
* Removed `style-loader` from webpack dev config
# 2.0.0
## Breaking changes
* Ref usage has been deprecated. Import `store` from library and use it for adding and removing notifications
* `touchSlidingBack` has been renamed to `touchRevert`
* `dismissIcon` has been removed. Use `showIcon` instead. If you rely on customized close icon, then stick to custom content.
* `cubicBezier` has been renamed to `timingFunction`
## Improvements
* Validators are now no longer included in the prod build, they are only included in the dev build. If you inspect the npm package you will see that the component has 2 builds - `dev` and `prod` - and relies on ENV variable when importing.
* Default values for transitions have been slightly changed
* `dismiss` supports now more options
## Removed
* Test coverage has been removed as library's been almost fully rewritten in `2.0.0`
# 1.0.0
Stable and production ready release of `react-notifications-component`