Azouaoui Med React Pro Sidebar Versions Save

• Fixed submenu open prop not working properly issue #210

• Fixed window is undefined from @thiagobrito

• [Sidebar] Added collapsed prop
• [Sidebar] Added toggled prop
• [Sidebar] Added onBackdropClick prop
• [Sidebar] Added onBreakPoint prop

Updated

• Deprecated ProSidebarProvider and made it optional
• Deprecated useProSidebar
• Updated BreakPoint type to use all and deprecate always

Fixed

• Fixed closeOnClick triggering close on nested SubMenu click
• Fixed sidebar default states not being applied correctly when using ProSidebarProvider and useProSidebar
• Fixed Menu's transitionDuration collision with Sidebar's transitionDuration

React Pro Sidebar 1.0.0 is here 🎉

For full list of changes, browse changelogs matching 1.0.0-alpha.* and 1.0.0-beta.*

• [SubMenu] fixed popper placement on rtl

• [Menu] Added transitionDuration prop to use when sliding submenu content

• [MenuItem] Removed routerLink prop in favor of component
• [SUbMenu] Added component prop

• [MenuItem] [SubMenu] Apply root classes to child nodes (Button, label, prefix, ...)
• [MenuItem] [SubMenu] Improve accessibility
• [Sidebar] Fix sidebar border not changing when rtl is set to true

fix build

• Added rootStyles to all components
• [Sidebar] Added backdropStyles
• [Sidebar] Removed overlayColor prop
• [Menu] Renamed renderMenuItemStyles to menuItemStyles which now is of type MenuItemStyles, the prop now provide a way to apply styles directly to MenuItem/SubMenu component and their children

Type definition:

type ElementStyles = CSSObject | ((params: MenuItemStylesParams) => CSSObject | undefined);

interface MenuItemStyles {
  root?: ElementStyles;
  button?: ElementStyles;
  label?: ElementStyles;
  prefix?: ElementStyles;
  suffix?: ElementStyles;
  icon?: ElementStyles;
  subMenuContent?: ElementStyles;
  SubMenuExpandIcon?: ElementStyles;
}

• updated classnames, the following are the new names:

  • ps-sidebar-root
  • ps-sidebar-container
  • ps-sidebar-image
  • ps-sidebar-backdrop
  • ps-collapsed
  • ps-toggled
  • ps-rtl
  • ps-broken
  • ps-menu-root
  • ps-menuitem-root
  • ps-submenu-root
  • ps-menu-button
  • ps-menu-prefix
  • ps-menu-suffix
  • ps-menu-label
  • ps-menu-icon
  • ps-submenu-content
  • ps-submenu-expand-icon
  • ps-disabled
  • ps-active
  • ps-open

• Added utility classes that can be used to reference used classes