Add a “SELECT ALL” button in the <BulkActionsToolbar>

[erwanMarmelab]

Problem

The Datagrid already allows to select all the records of a given page. But sometimes users want to select all records across all pages, e.g. to delete all the records of a resource. Also, when not in a datagrid (e.g. contact list in CRM demo), there is no way to select all records.

Solution

In the bulk actions toolbar, add a “select all” link close to the number of selected items.

Already started in #9043, but needs a different approach

To do

• Add a "Select all" button
• make it customizable (selectAllLimit)
• document is the jsDoc
• document
• make it for the:
  • List
  • ReferenceManyField
  • ReferenceArrayField
  • InfiniteList
• add stories:
  • simple <List> with a <Datagrid> -> local story
  • <ReferenceManyField> -> local story
  • <ReferenceArrayField> -> local story
  • <InfiniteList> -> local story
  • with partial pagination

Informations

The selectAllLimit option is not usefull for the useList hook because this hook received all the data directly so we don't need to call it.

So, the <RerefenceArrayField> doesn't need the selectAllLimit prop.

The "SELECT ALL" button will alway display when the API use a partial pagination.

Additional Checks

• The PR targets master for a bugfix, or next for a feature
• The PR includes unit tests (if not possible, describe why)
• The PR includes one or several stories (if not possible, describe why)
• The documentation is up to date

[fzaninotto]

You'd better use the data provider directly in the callback, or using react-query's useMutation. useGetList is really designed for queries triggered on mount.