AgDS Beta v1.18.0 release

Updates

App layout

• Fix accessibility of AppLayoutSidebarDialog by giving it a "Menu" label
• Upgrade internal dependency of react-focus-lock

Core

• Add scrollbar-gutter to prevent layout shift between short & long pages

Date picker

• Update calendar widget to include a month select
• Improve logic for determining what initial month to display when the calendar is opened by the user
• Change day buttons from toggle buttons to normal buttons
• Improve the ARIA label of the button that opens the calendar picker
• Announce selected date upfront
• Upgrade internal dependency of react-day-picker
• Upgrade internal dependency of react-focus-lock

Date range picker

• Updated calendar widget to include a month select
• Improved logic for determining what initial month to display when the calendar is opened by the user
• Improved UX by ensuring that only valid date ranges can be entered when using the inputs to enter a date
• Improved range styles inside of the calendar picker
• Change day buttons from toggle buttons to normal buttons
• Correctly associate error message to appropriate date inputs
• Improved the ARIA labels of the buttons that opens the calendar picker
• Announce selected dates upfront
• Announce dates within ranges
• Upgraded internal dependency of react-day-picker
• Upgrade internal dependency of react-focus-lock

Drawer

• Upgrade internal dependency of react-focus-lock

File upload

• Set getErrorSummary().maxFiles to have a default of 1 to fix too-many-files error message

Global alert

• Fixed accessible label of region and close button

Icon

• Fixed incorrect usage of focusable attribute, which should always be set to "false"
• Make fillRule="evenodd" default.
• Remove icon-specific usage of fillRule and clipRule

Main nav

• Upgrade internal dependency of react-focus-lock

Modal

• Upgrade internal dependency of react-focus-lock

Progress indicator

• Added two new statuses for items: 'saved' and 'error'
• Added new prop: hideSubtitle

Section alert

• Correctly label dismiss button to match visible text

Table

• Add colSpan and rowSpan support to TableCell and TableHeader
• Add as support to TableHeader
• Reverse sortable arrow directions so ascending points up & descending points down
• Allow focus on TableWrapper to fix accessibility for keyboard users
• Fixed scope on TableHeader

Released packages

"@ag.ds-next/react": "1.18.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.