All notable changes to this project will be documented in this file.
The format is based on Keep a Changelog, and this project adheres to Semantic Versioning.
- 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
- Deprecated
ProSidebarProvider
and made it optional - Deprecated
useProSidebar
- Updated BreakPoint type to use
all
and deprecatealways
- Fixed
closeOnClick
triggering close on nested SubMenu click - Fixed sidebar default states not being applied correctly when using
ProSidebarProvider
anduseProSidebar
- Fixed Menu's
transitionDuration
collision with Sidebar'stransitionDuration
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 ofcomponent
- [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
tomenuItemStyles
which now is of typeMenuItemStyles
, 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
- Added support for react router to MenuItem via routerLink prop
- Fixed submenu content not displayed when collapsed issue #124
- Build updates
- Upgrade dependencies
- Tests fixes
- Fixed children prop typing
- Fixed build
- Removed scss in favor of css-in-js(styled component)
- [Sidebar] Rename ProSidebar to Sidebar
- import { ProSidebar } from 'react-pro-sidebar';
+ import { Sidebar } from 'react-pro-sidebar';
- [Sidebar] Removed
collapsed
,toggled
andonToggle
props (useProSidebar
hook will be used instead) - [Sidebar] Added
defaultCollapsed
prop - [Sidebar] Added
always
option to breakPoint prop - [Sidebar] Added
customBreakPoint
prop - [Sidebar] Added
backgroundColor
prop - [Sidebar] Added
transitionDuration
prop - [Sidebar] Added
overlayColor
prop - [Menu] removed
iconShape
,popperArrow
,subMenuBullets
andinnerSubMenuArrows
props - [Menu] added
renderMenuItemStyles
prop for customizingMenuItem
&SubMenu
components - [Menu] added
renderExpandIcon
prop - [Menu] added
closeOnClick
prop (useful when wanting to close popper on menuItem click when collapsed istrue
) - [MenuItem] added
disabled
props - [SubMenu] added
disabled
props - [SubMenu] renamed
title
prop tolabel
- Introduced
ProSidebarProvider
component anduseProSidebar
hook to access and manage sidebar state
- Fix submenu items bullets not showing by adding
subMenuBullets
andinnerSubMenuArrows
props to Menu to choose between arrows and bullets
- Add submenu indent variable and update default
- Add exports for all component props
- Add breakpoint-xxl
- Replace submenu bullets with arrows
- Enable icon use in submenu items
- Fix typescript property collision by Omitting prefix props for li element @zirho
- Add width and collapsedWidth props
- Fix dynamically add Menu items depending on certain conditions from @sergiovhe
- Fix use of styles in ProSidebar component from @sujaysudheenda
- Fix default props spreading
- Fix prop spreading and update types on submenu
- Fix SidebarFooter styling issue #12
- Fix overlapping sidebar image with overlay
- Fix css build
- Fix slidedown.css path bug issue #7
- Fix Typescript error type issue #3
- Display arrow when hover on top level submenu title
- Add toggle option for sidebar and break points
- Add popperArrow prop in Menu component to specify whether to display an arrow to point to sub-menu wrapper on sidebar collapsed
- Use direction:rtl instead of row-reverse
- Fix react-slidedown css import issue #1 from @metadan
- Fix submenu positioning on sidebar collapsed using popperjs and resize-observer-polyfill for resize event listener.
-
Add suffix prop to menuItem and submenu
-
Add prefix prop to menuItem and submenu
-
Add sidebar layout
- Add sidebar header component
- Add sidebar content component
- Add sidebar footer component
- Add prop to submenu component to set the open value
- Add prop to menuItem component to set the active value
- Fix sidebar height overflow
- Fix submenu visibility when collapsed
- Add prop to submenu component to set the default open value
- Update readme
- Merge API tables into one single table use prop instead of name
- Add description on how to use nested sub-menus
- Fix overflow of the sidebar content
- Initial pre release of the react pro sidebar library