This package is still in the alpha stage and under development.
yarn add @bccampus/react-composite
# or
npm install @bccampus/react-compositeDocumentation: https://bccampus.github.io/react-composite
- Selecting a range of items or all items is not announced by screen readers
- No RTL support
-
Improve documentation
-
Implement an option for setting focus and navigating inside items
Reference: Keyboard Interaction - Setting Focus and Navigating Inside Cells
-
Decouple selection and extension features from the core functions
<CompositeContext data={{ items }} focusOptions={{}}>
<CompositeSelectionContext selectionOptions={{}}>
<CompositeExpansionContext expansionOptions={{}}>
<CompositeComponent renderRoot renderGroup renderItem />
</CompositeExpansionContext>
</CompositeSelectionContext>
</CompositeContext>- Implement a DnD context
<CompositeContext data={{ items }} focusOptions={{}}>
<CompositeDragAndDropContext dragAndDropOptions={{}}>
<CompositeComponent renderRoot renderGroup renderItem />
</CompositeDragAndDropContext>
</CompositeContext>- Implement a virtualized composite root
<VirtualizedCompositeContext data={{ items }} virtualizerOptions={{}} focusOptions={{}}>
...
</VirtualCompositeContext>