All Versions
11
Latest Version
Avg Release Cycle
141 days
Latest Release
1255 days ago

Changelog History
Page 2

  • v1.0.0 Changes

    January 03, 2017

    ๐Ÿ’ฅ 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)