12th September 2024
AgDS Beta v1.24.0 release
Add a custom scrollbar to tables, improve and standardise collapsing sidebar components, add extra functionality to date pickers, plus various other bug fixes and improvements.
Updates
App layout
AppLayoutSidebar: Fix background colour for items.
Date picker
- Add
allowedDateFormatsprop. Make preferreddateFormatthe first to parse.
Date range picker
- Add
allowedDateFormatsprop. Make preferreddateFormatthe first to parse.
Dropdown menu
- Prevent closed dropdowns from creating horizontal scroll in some circumstances.
Filter sidebar
- Standardise heading and wayfinding structure at all breakpoints.
- Hardcode title to "Filters" at all breakpoints.
activeFiltersCountnow renders at all breakpoints.onClearFiltersnow renders a Clear filters button at all breakpoints.- Deprecate
aria-labelandtitleprops. They’re now unused.
Icon
- Add new
ScrollbarArrowLeftIconandScrollbarArrowRightIcon.
Progress indicator
- Standardise heading and wayfinding structure at all breakpoints.
- Make
titleandsubTitlerender consistently at all breakpoints. - Fix Level 2 items from incorrectly adding
isActiveandlabelattributes.
Side nav
- Standardise heading and wayfinding structure at all breakpoints.
- The
titleis now used for the small-screen expandable variant. - Deprecate
collapseTitleprop. It is now unused.
Table
TableWrapper: Update to use an accessible, custom scrollbar with edge shadows that is labelled by the caption.TableHeaderSortable: Adddisplayprop.
Tags
- Update appearance to be smaller and pill-shaped.
Task list
- Change visual order of items to Title, Label and Message.
- Update wording from “steps” to “tasks”.
Build
- Use relative imports within components.
General
- Use the correct CSS syntax for
::beforeand::afterpseudo-elements.
Docs and examples
- docs/storybook: Update deprecated component and prop uses through examples
- playroom: Fix AppLayout boilerplate sidebar links & icons
- docs: Various bug fixes and improvements.
Released packages
"@ag.ds-next/react": "1.24.0"Full changelog
Aside from the complete release notes on the @ag.ds-next website, you can also view the verbose change log in the related PR for this release.