👏Feedback

Changelog

CustomDialog

Breaking changes

• maxWidth is now xl by default; use md to get back the old effect

• showActions has been removed; for a dialog without actions, use DialogDisplay component

Improvements

• is using DialogDisplay component internally and has now access to all the DialogDisplay props

Deprecations

• overflowY prop was deprecated and will be removed in a future version as it is not necessary anymore; if needed, it's behavior can be achieved through contentProps and sx

• buttonColor and buttonSize are deprecated, use buttonProps with color and size instead

DialogDisplay

New features

• render a Material-UI DialogContentText by providing textContent

• possibility to hide the close button by sending showX as false

• override each component of the dialog through titleProps, contentProps, textContentProps, actionsProps, closeButtonProps

• make the backdrop transparent through the transparentBackdrop prop

• add dividers to the top and bottom of the content using the dividers prop

Fixes

• fixed type for title

Improvements

• dialog becomes full-screen for small and extra-small resolutions

Deprecations

• overflowY prop was deprecated and will be removed in a future version as it is not necessary anymore; if needed, it's behavior can be achieved through contentProps and sx

Forbidden

New features

• button that redirects to the home page

• new props forbiddenButtonText that sets the text of the button

Improvements

• new style

LinearProgress (old: CustomLinearProgress)

Breaking changes

• renamed the component to LinearProgress

• gray color is now called grey

New features

• can display a progress label using the showLabel prop with labelProps for customization

LoadingFakeText

• possibility to choose the animation type(pulse, wave, false)

• possibility to render different shapes of loading fake text (line, circular and rectangular)

NotFound

New features

• customize NotFound component by providing text and details

• add an image to NotFound component

Improvements

• visual improvement on the component

Toast

Breaking changes

• separation between theme and type; type dark has been removed

• an icon is displayed by default for the notificaiton of type info, error, warning, success

• following css classes have been removed:

  .Toastify__toast--dark { }

  .Toastify__toast--default { }

  .Toastify__toast--info { }

  .Toastify__toast--success { }

  .Toastify__toast--warning { }

  .Toastify__toast--error { }

New features

• possibility to change the transition effect: Slide(default), Zoom, Bounce and Flip

• possibility to change the position on the screen

• promise support by rendering a toast using: usePromiseToast

• three different themes available: light, dark and colored