calcite-design-system
calcite-design-system copied to clipboard
feat(list)!: Support moving between different lists via keyboard
Related Issue: #7537
BREAKING CHANGE: Modifies the component's keyboard sorting experience by using a dropdown menu to move list items.
Summary
- depends on #10241
- updates
action
to allow cursor to be overriden - lists should set the
label
property for the "Move to" sorting menu to have a name for the list. - adds
calcite-sort-handle
component to handle sorting and moving between lists for non mouse users- internal component
- adds stories
- adds tests
- list-item
- deprecates
dragSelected
property: no longer needed. - deprecates
calciteListItemDragHandleChange
event. no longer needed. - removed setting
aria-posinset
andaria-setsize
. These are only needed when only part of the items are availalbe in the DOM. So we can safely remove these. - https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-setsize
- https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-posinset
- deprecates
- replaces
calcite-handle
withcalcite-sort-handle
in thelist
component. - updates tests
- adds tests
- adds demo pages