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

Changelog History
Page 1

  • v3.0.0 Changes

    November 17, 2020

    ๐Ÿ’ฅ Breaking changes

    Notification

    • The Notification.closeButton attribute was renamed Notification.showDismissButton
    • ๐Ÿšš The Notification.onRemove was renamed Notification.onDismiss
    • 0๏ธโƒฃ The default notification status was renamed none.
    • The STATUS constant was renamed STATUSES
    • ๐Ÿšš The position top and bottom were removed.

    Actions

    • 0๏ธโƒฃ Notifications have no default properties by default
    • ๐Ÿ”ง Default properties of notifications are not configurable via the reducer function anymore.
    • ๐Ÿšš The action removeNotification was renamed dismissNotification
    • The action notify now returns a redux action instead of the notification.
    • ๐Ÿšš The action removeNotification was renamed dismissNotification
    • ๐Ÿšš The action removeNotifications was renamed dismissNotifications
    • โšก๏ธ Images specified in Notification.image won't be preloaded anymore. You need to preload them before creating/updating notifications.
    • ๐Ÿ‘ HTTP status codes passed in Notification.status won't be converted anymore to statuses supported by the library.
    • all Redux actions are not exposed under the actions variable.

    Components

    • The component NotificationsSystem requires notifications, and dismissNotification properties.
    • ๐Ÿšš The filter property of the NotificationsSystem component was removed. Use instead the notification property.
    • ๐Ÿ— Themes are not directly included in this package and build with inline CSS.

    Migration guide

    1. Replace usage of Notification.closeButton with Notification.showDismissButton ๐Ÿšš 2. Replace usage of Notification.onRemove with Notification.onDismiss
    2. Replace usage of STATUS with STATUSES 0๏ธโƒฃ 4. Replace usage of STATUSES.default with STATUSES.none or null.
    3. Use the top-center or bottom-center position if you used the top or bottom position ๐Ÿšš 6. Remove default properties passed to the notifications reducer and use the setUpNotifications helper to set up the default properties of your notifications. โšก๏ธ 7. Update notify(...) call to get the notification from the payload property of the action returned (previously the notification was returned) โšก๏ธ 8. Replace usage of addNotification and updateNotification actions with notify ๐Ÿšš 9. Replace usage of removeNotification action with dismissNotification ๐Ÿšš 10. Replace usage of removeNotifications action with dismissNotifications โšก๏ธ 11. Make sure to preload images before creating/updating notifications containing images.
    4. Replace statements where you set HTTP status code in Notification.status, or set a customizeNotification function with the setUpNotifications helper to reproduce this behavior
    5. Replace usage of reapop.actions and directly import notify, dismissNotification or dismissNotifications from reapop
    6. Add notifications and dismissNotification property to the NotificationsSystem component. Read the Integration & usage section to learn more about these new properties. ๐Ÿšš 15. Remove filter property of the NotificationsSystem component. ๐Ÿ“š 16. Replace usage of reapop-theme-* package with builtin themes. More information in the Themes section of the documentation to get these themes. ๐Ÿ“š 17. If you have a custom theme, read the guide to create a custom theme with a CSS file to learn how to migrate your theme. If you prefer inline CSS, or CSS-in-JS, you might want to take a look at create a custom theme with inline CSS

    ๐Ÿ†• New

    • Compatible with any application state managers. You can use it with mobx for example.
    • TypeScript types exposed
    • ๐Ÿ†• new API using React hooks and the React context API to use the library with React only
    • ๐Ÿ†• New builtin transitions: fade, grow, slide
    • Customizable components: Transition, NotificationIcon, and Notification
    • ๐Ÿ†• new API to create custom themes (inline CSS or CSS files)
    • ๐Ÿ†• new helper function to:
      • define default properties for notifications
      • define a custom function used to modify notifications
      • define the function used to generate notification IDs

    ๐Ÿ“š More information about these new things in the documentation

    ๐Ÿ‘Œ Improvements

    • Complete rewrite in TypeScript
    • โœ‚ removed non-customizable behaviors
    • โœ‚ removed redux-thunk dependency

    If you have any questions or feedback, feel free to open an issue ๐Ÿ™‚

  • v2.1.0 Changes

    September 29, 2019

    ๐Ÿ”„ Changelog

    • โž• Added support for Redux v7.x.x
    • โž• Added support for React >= v16.8.6
    • โšก๏ธ update all dependencies
    • โœ… migrate tests suite to Jest and add 100% coverage
  • v2.0.1 Changes

    October 20, 2018

    ๐Ÿ›  Fixes:

    • Notifications were not dismissible if they were created without specifying the dismissible attribute (3f3bdda)

    ๐Ÿ”„ Changelog

    • Notifications were not dismissible if they were created without specifying the dismissible attribute (3f3bdda)
  • v2.0.0 Changes

    July 14, 2018

    ๐Ÿ’ฅ Breaking changes

    Notifications with buttons

    0๏ธโƒฃ Notifications with a least one button are not marked as not dismissible by default anymore.

    โฌ†๏ธ Guidelines to upgrade from vx.x.x to v2.x.x

    You need to set the dismissible property to false to make them not dismissible.

    Notifications with images

    0๏ธโƒฃ The status of notifications with images are not set to default anymore. It will give you more possibilities.

    โฌ†๏ธ Guidelines to upgrade from vx.x.x to v2.x.x

    You need to define the status for notifications with images.

    ๐Ÿ‘Œ Improvements

    • ๐Ÿ‘Œ Support Redux 4 (#78)
    • Simpler Object value mapping (#73) by @stevieoj
    • โž• Add redux-devtools support to the demo website (#70) by @5achinJani

    ๐Ÿ”„ Changelog

    • 0๏ธโƒฃ The status of notifications with images are not set to default anymore (7f5aadb)
    • 0๏ธโƒฃ Notifications with a least one button are not marked as not dismissible by default anymore (9448cba)
    • ๐Ÿ‘Œ Support Redux 4 (21b4c1e)
    • Simpler Object value mapping (524fce1) by @stevieoj
    • โž• Add redux-devtools support to the demo website (16a2448) by @5achinJani
  • v1.2.0 Changes

    February 01, 2018

    ๐Ÿ‘Œ Improvements

    • ๐Ÿ‘Œ Support React 16 (#62)
    • โšก๏ธ Update dependencies (#63)
    • โž• Add an action creator to update or create a notification (notify) (#64)

    ๐Ÿ”„ Changelog

    • โšก๏ธ Use react-addons-module/update instead of of react/lib/update (d11ffd1)
    • โšก๏ธ Update react-transition-group from v1.1.2 to v2.2.1 (df1cae1)
    • ๐Ÿ‘Œ Support React 16 (7acda00)
  • v1.1.4 Changes

    November 01, 2017

    ๐Ÿ›  Fixes

    • null instead of empty strings for Notification DOM events (a62dc12)
  • v1.1.3 Changes

    September 12, 2017

    ๐Ÿ›  Fixes

    • ๐Ÿ“ฆ Bring back PropTypes from 'prop-types' package (#53) by @GektorGrom
    • ๐Ÿ›  Fix link to contribution guide (#56) by @ujovlado
  • v1.1.2 Changes

    August 01, 2017

    โœจ Enhancements

    • enable users to override position on small screen (#33) by @bryandbor

    ๐Ÿ›  Fixes

    • โž• add notification even if image can't not be loaded (#51)
  • v1.1.1 Changes

    May 21, 2017

    ๐Ÿ”„ Changelog

    • โšก๏ธ update license: MIT
  • v1.1.0 Changes

    May 21, 2017

    โœจ Enhancements

    • โž• add a filter property to NotificationsSystem component to filter notifications displayed. (#44)

    ๐Ÿ›  Fixes

    • โšก๏ธ Do not mutate state in updateNotification action creator (#37)

    ๐Ÿ”„ Changelog

    • โšก๏ธ Do not mutate state in updateNotification action creator (#37)
    • ๐Ÿ›  Fix deprecation warnings in React 15.5.x (#38) by @ingro
    • โž• add a filter property to NotificationsSystem component to filter notifications displayed. (#44)