react-md
react-md - Alert - Changelog

Change Log

All notable changes to this project will be documented in this file. See Conventional Commits for commit guidelines.

3.1.0 (2021-09-10)

Bug Fixes

  • typescript: updated all array types to be readonly (8f71bcb)

Other Internal Changes

  • ran yarn format to include new files (48d3d7f)

3.0.1 (2021-08-15)

Bug Fixes

  • Updated peerDependencies to fix yarn berry peer requirements (250efcd), closes #1224

3.0.0 (2021-08-13)

Note: Version bump only for package @react-md/alert

2.9.1 (2021-07-27)

Other Internal Changes

  • install: slighly reduce install size by excluding tests in publish (9d01a44)

2.9.0 (2021-07-18)

Note: Version bump only for package @react-md/alert

2.8.5 (2021-07-03)

Note: Version bump only for package @react-md/alert

2.8.4 (2021-06-10)

Other Internal Changes

  • ran prettier after upgrading to v2.3.0 (3ce236a)

2.8.3 (2021-05-18)

Documentation

  • react-md.dev: updated tsdoc to work with typedoc (cf54c35)

2.8.2 (2021-04-23)

Note: Version bump only for package @react-md/alert

2.8.0 (2021-04-22)

Other Internal Changes

  • tsconfig: separate tsconfig by package instead of a single root (b278230)

2.7.1 (2021-03-23)

Other Internal Changes

  • ts: stopped using FC type (c5daa47)

2.7.0 (2021-02-28)

Bug Fixes

  • @react-md/alert: fixed alert color when dark theme elevation is enabled (99cc271), closes #1075

Documentation

  • tsdoc: fixed remaining tsdoc syntax warnings (946f4dd)
  • tsdoc: fixed some tsdoc annotations and styling (0449b86)

Other Internal Changes

  • updated test coverage to not include conditional component PropTypes (24e5df1)

2.6.0 (2021-02-13)

Note: Version bump only for package @react-md/alert

2.5.5 (2021-01-30)

Note: Version bump only for package @react-md/alert

2.5.4 (2021-01-27)

Note: Version bump only for package @react-md/alert

2.5.0 (2020-12-15)

Note: Version bump only for package @react-md/alert

2.4.2 (2020-10-23)

Note: Version bump only for package @react-md/alert

2.4.1 (2020-10-17)

Note: Version bump only for package @react-md/alert

2.4.0 (2020-10-17)

Features

2.3.1 (2020-09-15)

Note: Version bump only for package @react-md/alert

2.3.0 (2020-09-10)

Features

2.2.2 (2020-09-02)

Note: Version bump only for package @react-md/alert

2.2.1 (2020-09-02)

Note: Version bump only for package @react-md/alert

2.2.0 (2020-08-11)

Note: Version bump only for package @react-md/alert

2.1.2 (2020-08-01)

Note: Version bump only for package @react-md/alert

2.1.1 (2020-07-21)

Note: Version bump only for package @react-md/alert

2.1.0 (2020-07-12)

Features

  • Improved Dark Mode using Raising Elevation (547877c), closes #860

2.0.2 (2020-06-30)

Bug Fixes

  • LICENSE: Removed the time range from license since it was incorrect (50c9021)
  • Added sideEffects field to package.json (31820b9)
  • sideEffects formatting (78a7b6b)

v2.0.1

No changes.

v2.0.0

This package is a new implementation of the Snackbar component from v1. There should now be some accessibility fixes and hopefully a better way to queue messages as well as cancel them but I also feel like I might need to re-work this again to work without the React context API.

New Behavior and Features

  • requires mounting a MessageQueue context provider near the root of your app
  • messages are now queued by using the new useAddMessage hook
  • multiline and stacked behavior is now configurable at a per-message basis with the new useAddMessage hook
  • adding an action button is now configurable at a per-message basis with the useAddDMessage hook
  • supports four message priorities:
    • "normal" (default) - add to the end of the queue
    • "next" - show immediately if there are no existing messages in the queue or show immediately after the current message is hidden
    • "immediate" - hide the current message (if exists) to show this message. once this message is hidden, show the message that was playing (if there was one) and continue the queue
    • "replace" - replaces the current message with whatever content is provided while maintaining the current timeout duration
  • supports additional duplicate behavior:
    • "allow" (default) - add any duplicated message as normal
    • "restart" - if a message appears with the same messageId, restart the timer and do not add another message to the end of the queue
    • "prevent" - do not add the message to the queue and do not restart the timer if there is already a message with the same messageId in the queue
  • changed from an alert/alertdialog role into a status role
  • added better support for an action button
  • added a useQueue hook if you need to see what messages are currently queued and their order

Breaking Changes

  • no longer attempts to update its position if there is a floating action button in the app since floating action buttons aren't implemented by default and it didn't really work as expected
  • no longer attempts to determine if the message is multiline automatically
  • the SnackbarContainer no longer exists and was replaced by the new MessageQueue
New SCSS Variables, Functions, and Mixins
  • $rmd-toast-enter-duration: $rmd-transition-standard-time !default - the transition time for the toast's enter transition
  • $rmd-toast-exit-duration: $rmd-transition-standard-time !default - the transition time for the toast's exit transition
  • $rmd-toast-action-margin: 0.5rem !default - the amount of margin to apply to the left and right of the action button in a toast
  • $rmd-toast-stacked-action-margin-top: 0.25rem !default - the amount of margin to apply to the top of the action button when the message is stacked
  • $rmd-toast-light-background-color: #323232 !default - the background color for a toast when using the light theme
  • $rmd-toast-light-color: $rmd-white-base !default - the text color for a toast when using the light theme
  • $rmd-toast-dark-background-color: $rmd-toast-light-background-color !default - the background color for a toast when using the dark theme
  • $rmd-toast-dark-color: $rmd-toast-light-color !default - the text color for a toast when using the dark theme
  • $rmd-toast-background-color: if($rmd-theme-light, $rmd-toast-light-background-color, $rmd-toast-dark-background-color) !default - the default toast background color
  • $rmd-toast-color: if($rmd-theme-light, $rmd-toast-theme-color, $rmd-toast-theme-color) !default - the default toast text color
  • $rmd-toast-elevation: 6 !default - the material design elevation (box-shadow) to use for toasts
  • $rmd-toast-min-height: 3rem !default - the min height for toasts when there should be a single line of text
  • $rmd-toast-two-line-min-height: 4.25rem !default - the min height for toasts when there should be two lines of text
  • @function rmd-alert-theme - gets one of the theme values and validates that the theme name is valid
  • @function rmd-alert-theme-var - gets one of the theme values as a css variable with a fallback value and validates that the theme name is valid
  • @mixin rmd-alert-theme - applies one of the theme values to a css property as a css variable
  • @mixin rmd-alert-theme-update-var - updates one of the theme values as a css variable
Renamed SCSS Variables, Functions, and Mixins
  • renamed $md-snackbar-z-index to $rmd-snackbar-z-index and change the default value from 20 to 100
  • renamed $md-snackbar-desktop-border-radius to $rmd-toast-border-radius since it was applied to all screen sizes and changed the default value from 2px to 0.25rem
  • renamed $md-snackbar-desktop-min-width to $rmd-toast-min-width and changed the default value from 288px to 21.5rem
  • renamed $md-snackbar-vertical-padding to $rmd-toast-vertical-padding and changed the default value from 14px to 0.75rem
  • renamed $md-snackbar-horizontal-padding to $rmd-toast-horizontal-padding and changed the default value from 24px to 1rem
Removed SCSS Variables Placeholders, and Mixins
  • removed $md-snackbar-transition-time since it was replaced by $rmd-toast-enter-duration and $rmd-toast-exit-duration
  • removed $md-snackbar-color since it was replaced with $rmd-toast-light-background-color, $rmd-toast-dark-background-color, and $rmd-toast-background-color variables
  • removed $md-snackbar-mobile-height and $md-snackbar-mobile-multiline-height for the new $rmd-toast-min-height and $rmd-toast-two-line-min-height variables
  • removed $md-snackbar-desktop-max-width since the $rmd-snackbar-margin should be used instead or custom css
  • removed $md-snackbar-vertical-multiline-padding since it is no longer required
  • removed $md-snackbar-mobile-button-left-margin and $md-snackbar-desktop-button-left-margin since the new $rmd-toast-action-margin should be used instead