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 if dismissAfter was defined. It's not the case anymore, now, if a notification have a dismissAfter value and buttons, then the notification will disappear after dismissAfter 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 to 0.

    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 () after notificationsReducer because it now a function wrapper. See example below

    Example:

    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 of NotificationSystem 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)