reapop v1.0.0 Release Notes
Release Date: 2017-01-03 // about 7 years ago-
💥 Breaking changes
Notification with buttons
Before, notifications with buttons were not dismissed after
dismissAfter
value even ifdismissAfter
was defined. It's not the case anymore, now, if a notification have adismissAfter
value and buttons, then the notification will disappear afterdismissAfter
value.⬆️ Guidelines to upgrade from v0.x.x to v1.0.0
👉 Make sure all notifications that require a user action, have a
dismissAfter
value set to0
.0️⃣ Default values for notifications
🔧 Now, default value for notification are configurable on the redux part, It allow you to easily use your own react components to display notifications (less logic on view part).
⬆️ Guidelines to upgrade from v0.x.x to v1.0.0
0️⃣ If you didn't customize the default value for notifications you have add
()
afternotificationsReducer
because it now a function wrapper. See example belowExample:
import {createStore, compose, applyMiddleware} from 'redux';import thunk from 'redux-thunk';import {reducer as notificationsReducer} from 'reapop';// storeconst createStoreWithMiddleware = compose( applyMiddleware(thunk) )(createStore);const store = createStoreWithMiddleware(combineReducers({ // reducer must be mounted as `notifications` ! notifications: notificationsReducer() // notice the `()` now// your reducers here }), {});
0️⃣ If you customized default value for notifications, you have to:
- ✂ Remove
defaultValues
props ofNotificationSystem
component, it is useless now. - 👀 Define these values where you imported notifications reducer and combine your reducers. See example below
Example:
import {createStore, compose, applyMiddleware} from 'redux';import thunk from 'redux-thunk';import {reducer as notificationsReducer} from 'reapop';// default value for notificationsconst defaultNotification = { status: 'info', position: 'tr', dismissible: true, dismissAfter: 2000, allowHTML: true, closeButton: true };// storeconst createStoreWithMiddleware = compose( applyMiddleware(thunk) )(createStore);const store = createStoreWithMiddleware(combineReducers({ // reducer must be mounted as `notifications` ! notifications: notificationsReducer(defaultNotification) // pass config here// your reducers here }), {});
🆕 New
- 🚚
removeNotifications
action creator to remove all notifications. (#21)
✨ Enhancements
- 🆕 New way to define default value for notifications to easily write your own react components to display notifications (less logic on view part). (#23)
- 👍 Allow string as notification id (#24)
- ⚡️ Update dependencies and version supported (#26)
🔄 Changelog
- ➕ Add action creator to remove all notifications (#21)
- Notification with buttons are now dismissible (#22)
- 0️⃣ Default settings on redux part (#23)
- 👍 Allow string as notification id (#24)
- ➕ Add
react-css-transition-group
as npm dependency (#25) - ⚡️ Update dependencies and version supported (#26)
- 👌 Improve code quality (#27)
- ✂ Remove