- 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
- Use React 18.0.1
- Set
rnc__notification
class on the rendered notification
- Fixed webpack
self
export - Fixed Store removal functions not triggering DOM removal #140
- Pass
notificationConfig
as parameter when using custom component
- 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
- Fixed TS declarations #124
- Namespaced CSS modules under rnc_* #123
- Custom width for center containers #108
- Namespaced CSS modules
- Fix TS not exporting all interfaces
- Bump React to
17.0.1
- 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
- #82, #69, #67, #65, #63, #61
- Merged pull request #76 - Add option to override default values
- Updated packages
- Fixed issue #56 - Removed random generator for id, instead rely on
counter
property from store as id - Fixed #52 - Swipe was not working properly
- Implemented #46 - Added
center
container. Did some changes totop
andbottom
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
.
- Fixed issue #52 - Swipe not working on touch devices
- Fixes issue #42 -
title
andmessage
accept now custom content (a React node or a functional component) - Fixed issue #41 -
pauseOnHover
was not taken into consideration when used together withcontent
- Changed containers to have fixed width of
325px
instead ofauto
which had different results across different test cases. Mobile containers have not changed, they're full width as before.
- Merged pull request #31 to pass
className
to component - Fixed issue #33 - Unsubscribe from
resize
once component was unmounted - Fixed issue #35 -
content
now getsid
supplied as a prop
- Removed prop
onNotificationRemoval
as it was rather hard to know which particular notification has been removed.
- Added option
onRemoval
directly to the notification object. Each notification will have its ownonRemoval
, making it easier to track removals. - Removed
style-loader
from webpack dev config
- Ref usage has been deprecated. Import
store
from library and use it for adding and removing notifications touchSlidingBack
has been renamed totouchRevert
dismissIcon
has been removed. UseshowIcon
instead. If you rely on customized close icon, then stick to custom content.cubicBezier
has been renamed totimingFunction
- 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
andprod
- and relies on ENV variable when importing. - Default values for transitions have been slightly changed
dismiss
supports now more options
- Test coverage has been removed as library's been almost fully rewritten in
2.0.0
Stable and production ready release of react-notifications-component