[BulkActions] Update BulkActions and add in SelectAllActions (#7290)

### WHY are these changes introduced?

Fixes Shopify/web#74192

Spin link in situ:
https://admin.web.discounts-update-save-as.marc-thomas.eu.spin.dev/store/shop1/orders?inContextTimeframe=none

### WHAT is this pull request doing?

#### Before

<img width="2440" alt="Screenshot 2022-09-28 at 11 42 54"
src="https://user-images.githubusercontent.com/2562596/192759539-4fece161-5bef-44ed-961f-4a342f495c69.png">
<img width="2440" alt="Screenshot 2022-09-28 at 11 42 28"
src="https://user-images.githubusercontent.com/2562596/192759582-834b2d6a-f0e2-4d07-803f-4be435559495.png">

#### After

<img width="2440" alt="Screenshot 2022-09-28 at 11 42 39"
src="https://user-images.githubusercontent.com/2562596/192761041-9b38059f-3b80-4a8e-8261-633589098bb4.png">
<img width="2440" alt="Screenshot 2022-09-28 at 11 42 43"
src="https://user-images.githubusercontent.com/2562596/192761078-f7fe25e1-4181-49ab-8545-c6e923917d2c.png">
<img width="2440" alt="Screenshot 2022-09-28 at 11 43 00"
src="https://user-images.githubusercontent.com/2562596/192761112-bca384f4-ec7f-435c-80a7-b96f2ef7cbb8.png">
<img width="2440" alt="Screenshot 2022-09-28 at 11 43 03"
src="https://user-images.githubusercontent.com/2562596/192761145-e6feb191-0430-420c-a77f-9dac004a418a.png">

This PR updates the BulkActions component, used on the IndexTable and
ResourceList components, as well as moving some functionality from
BulkActions into the new SelectAllActions component. This is to support
the [Unified Index Filtering and
Search](https://minerva.shopifycloud.com/auth/minerva?request=2905eaf2-0cf1-493c-b6d3-82e6385d6352&rd=https://vault.shopify.io%2Fprojects%2F24858)
project.

This PR introduces a new UX pattern for the BulkActions component. It
has been separated from the `Select X` actions – which is now the
`SelectAllActions` component, and the `BulkActions` component gets
rendered afterward in the DOM.

Components that consume the BulkActions use the new
`useIsBulkActionSticky` hook to determine whether the BulkActions
component should be `position: fixed` or `position: absolute` with a
calculated top position. We have had to do this rather than use a
regular `position: sticky` on the BulkActions element, as the keyboard
focus order needs to be logically preserved, and moving the BulkActions
component under the table/resource list HTML in the DOM would provide a
bad experience for users navigating via keyboard.

The IndexTable and ResourceList components have been updated with this
new component.

The `CheckableButton` component has been simplified, as a lot of the
logic required in the existing implementation is no longer needed.

As part of this work, small-screen BulkActions and SelectAllActions
support has been removed, as we are removing bulk action and select
functionality for small screens, as an intentional decision as part of
the Unified Index Filtering and Search project.

<!-- ℹ️ Delete the following for small / trivial changes -->

### How to 🎩

🖥 [Local development
instructions](https://github.com/Shopify/polaris/blob/main/README.md#local-development)
🗒 [General tophatting
guidelines](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md)
📄 [Changelog
guidelines](https://github.com/Shopify/polaris/blob/main/.github/CONTRIBUTING.md#changelog)

<!--
  Give as much information as needed to experiment with the component
  in the playground.
-->

<details>
<summary>Copy-paste this code in
<code>playground/Playground.tsx</code>:</summary>

```jsx
import React from 'react';
import {Page} from '../src';

export function Playground() {
  return (
    <Page title="Playground">
      {/* Add the code you want to test in here */}
    </Page>
  );
}
```

</details>

### 🎩 checklist

- [x] Tested on
[mobile](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting.md#cross-browser-testing)
- [x] Tested on [multiple
browsers](https://help.shopify.com/en/manual/shopify-admin/supported-browsers)
- [x] Tested for
[accessibility](https://github.com/Shopify/polaris/blob/main/documentation/Accessibility%20testing.md)
- [x] Updated the component's `README.md` with documentation changes
- [x] [Tophatted
documentation](https://github.com/Shopify/polaris/blob/main/documentation/Tophatting%20documentation.md)
changes in the style guide

Co-authored-by: Zakaria Warsame <zakaria.warsame@shopify.com>
Co-authored-by: translation-platform[bot] <34770790+translation-platform[bot]@users.noreply.github.com>

Author: 3 people

.changeset/odd-spoons-dance.md

@@ -0,0 +1,5 @@
+---
+'@shopify/polaris': minor
+---
+
+Separated BulkActions and SelectAllActions for new sticky bulk actions experience

package.json

@@ -89,7 +89,7 @@
     {
       "name": "polaris-react-cjs",
       "path": "polaris-react/build/cjs/index.js",
-      "limit": "216 kB"
+      "limit": "218 kB"
     },
     {
       "name": "polaris-react-esm",

polaris-react/locales/cs.json

@@ -282,7 +282,7 @@
       "defaultItemSingular": "Položka",
       "defaultItemPlural": "Položky",
       "allItemsSelected": "Bylo vybráno veškeré zboží typu {resourceNamePlural} ({itemsLength} a více).",
-      "selected": "Vybráno: {selectedItemsCount}",
+      "selected": "Vybráno: {selectedItemsCount}.",
       "a11yCheckboxDeselectAllSingle": "Zrušit výběr: {resourceNameSingular}",
       "a11yCheckboxSelectAllSingle": "Vybrat: {resourceNameSingular}",
       "a11yCheckboxDeselectAllMultiple": "Zrušit celý výběr: {resourceNamePlural} ({itemsLength})",
@@ -294,7 +294,7 @@
       "onboardingBadgeText": "Novinka",
       "resourceLoadingAccessibilityLabel": "{resourceNamePlural} se načítají…",
       "selectAllLabel": "Vybrat vše: {resourceNamePlural}",
-      "selected": "Vybráno: {selectedItemsCount}",
+      "selected": "Vybráno: {selectedItemsCount}.",
       "undo": "Vrátit zpět",
       "selectAllItems": "Vybrat vše typu {resourceNamePlural} ({itemsLength} a více)",
       "selectItem": "Vybrat: {resourceName}",

polaris-react/locales/da.json

@@ -280,7 +280,7 @@
       "defaultItemSingular": "Vare",
       "defaultItemPlural": "Varer",
       "allItemsSelected": "Alle mere end {itemsLength} {resourceNamePlural} er valgt.",
-      "selected": "{selectedItemsCount} valgt",
+      "selected": "{selectedItemsCount} valgt.",
       "a11yCheckboxDeselectAllSingle": "Fravælg {resourceNameSingular}",
       "a11yCheckboxSelectAllSingle": "Vælg {resourceNameSingular}",
       "a11yCheckboxDeselectAllMultiple": "Fravælg alle {itemsLength} {resourceNamePlural}",
@@ -292,7 +292,7 @@
       "onboardingBadgeText": "Nyhed",
       "resourceLoadingAccessibilityLabel": "Indlæser {resourceNamePlural}…",
       "selectAllLabel": "Vælg alle {resourceNamePlural}",
-      "selected": "{selectedItemsCount} valgt",
+      "selected": "{selectedItemsCount} valgt.",
       "undo": "Fortryd",
       "selectAllItems": "Vælg alle {itemsLength}+ {resourceNamePlural}",
       "selectItem": "Vælg {resourceName}",

polaris-react/locales/de.json

@@ -280,7 +280,7 @@
       "defaultItemSingular": "Artikel",
       "defaultItemPlural": "Artikel",
       "allItemsSelected": "Alle {itemsLength}+ {resourceNamePlural} wurden ausgewählt.",
-      "selected": "{selectedItemsCount} ausgewählt",
+      "selected": "{selectedItemsCount} ausgewählt.",
       "a11yCheckboxDeselectAllSingle": "Auswahl für {resourceNameSingular} aufheben",
       "a11yCheckboxSelectAllSingle": "{resourceNameSingular} auswählen",
       "a11yCheckboxDeselectAllMultiple": "Auswahl für alle {itemsLength} {resourceNamePlural} aufheben",
@@ -292,7 +292,7 @@
       "onboardingBadgeText": "Neu",
       "resourceLoadingAccessibilityLabel": "{resourceNamePlural} werden geladen ...",
       "selectAllLabel": "Alle {resourceNamePlural} auswählen",
-      "selected": "{selectedItemsCount} ausgewählt",
+      "selected": "{selectedItemsCount} ausgewählt.",
       "undo": "Rückgängig machen",
       "selectAllItems": "Alle {itemsLength}+ {resourceNamePlural} auswählen",
       "selectItem": "{resourceName} auswählen",

polaris-react/locales/en.json

@@ -162,7 +162,7 @@
       "defaultItemSingular": "Item",
       "defaultItemPlural": "Items",
       "allItemsSelected": "All {itemsLength}+ {resourceNamePlural} are selected.",
-      "selected": "{selectedItemsCount} selected",
+      "selected": "{selectedItemsCount} selected.",
       "a11yCheckboxDeselectAllSingle": "Deselect {resourceNameSingular}",
       "a11yCheckboxSelectAllSingle": "Select {resourceNameSingular}",
       "a11yCheckboxDeselectAllMultiple": "Deselect all {itemsLength} {resourceNamePlural}",
@@ -174,7 +174,7 @@
       "onboardingBadgeText": "New",
       "resourceLoadingAccessibilityLabel": "Loading {resourceNamePlural}…",
       "selectAllLabel": "Select all {resourceNamePlural}",
-      "selected": "{selectedItemsCount} selected",
+      "selected": "{selectedItemsCount} selected.",
       "undo": "Undo",
       "selectAllItems": "Select all {itemsLength}+ {resourceNamePlural}",
       "selectItem": "Select {resourceName}",

polaris-react/locales/es.json

@@ -281,7 +281,7 @@
       "defaultItemSingular": "Artículo",
       "defaultItemPlural": "Artículos",
       "allItemsSelected": "Hay más de {itemsLength} {resourceNamePlural} seleccionados.",
-      "selected": "Seleccionados: {selectedItemsCount}",
+      "selected": "Seleccionados: {selectedItemsCount}.",
       "a11yCheckboxDeselectAllSingle": "Deseleccionar {resourceNameSingular}",
       "a11yCheckboxSelectAllSingle": "Seleccionar {resourceNameSingular}",
       "a11yCheckboxDeselectAllMultiple": "Deseleccionar {itemsLength} {resourceNamePlural}",
@@ -293,7 +293,7 @@
       "onboardingBadgeText": "Nuevo",
       "resourceLoadingAccessibilityLabel": "Cargando {resourceNamePlural}...",
       "selectAllLabel": "Seleccionar los recursos de {resourceNamePlural}",
-      "selected": "Seleccionados: {selectedItemsCount}",
+      "selected": "Seleccionados: {selectedItemsCount}.",
       "undo": "Deshacer",
       "selectAllItems": "Seleccionar los más de {itemsLength} recursos de {resourceNamePlural}",
       "selectItem": "Seleccionar {resourceName}",

polaris-react/locales/fi.json

@@ -280,7 +280,7 @@
       "defaultItemSingular": "Tuote",
       "defaultItemPlural": "Tuotteet",
       "allItemsSelected": "Kaikki {itemsLength} ja {resourceNamePlural} on valittu.",
-      "selected": "{selectedItemsCount} valittu",
+      "selected": "{selectedItemsCount} valittu.",
       "a11yCheckboxDeselectAllSingle": "Poista valinta kohteesta {resourceNameSingular}",
       "a11yCheckboxSelectAllSingle": "Valitse {resourceNameSingular}",
       "a11yCheckboxDeselectAllMultiple": "Poista kaikkien valinta: {itemsLength} x {resourceNamePlural}",
@@ -292,7 +292,7 @@
       "onboardingBadgeText": "Uusi",
       "resourceLoadingAccessibilityLabel": "Ladataan {resourceNamePlural}…",
       "selectAllLabel": "Valitse kaikki {resourceNamePlural}",
-      "selected": "{selectedItemsCount} valittu",
+      "selected": "{selectedItemsCount} valittu.",
       "undo": "Peru",
       "selectAllItems": "Valitse kaikki {itemsLength} ja {resourceNamePlural}",
       "selectItem": "Valitse {resourceName}",

polaris-react/locales/fr.json

@@ -281,7 +281,7 @@
       "defaultItemSingular": "Article",
       "defaultItemPlural": "Articles",
       "allItemsSelected": "La totalité des {itemsLength}+ {resourceNamePlural} sont sélectionnés.",
-      "selected": "{selectedItemsCount} sélectionné(s)",
+      "selected": "{selectedItemsCount} sélectionné(s)",
       "a11yCheckboxDeselectAllSingle": "Désélectionner {resourceNameSingular}",
       "a11yCheckboxSelectAllSingle": "Sélectionner {resourceNameSingular}",
       "a11yCheckboxDeselectAllMultiple": "Désélectionner la totalité des {itemsLength} {resourceNamePlural}",
@@ -293,7 +293,7 @@
       "onboardingBadgeText": "Nouveau",
       "resourceLoadingAccessibilityLabel": "Chargement de {resourceNamePlural} en cours…",
       "selectAllLabel": "Sélectionner la totalité des {resourceNamePlural}",
-      "selected": "{selectedItemsCount} sélectionné(s)",
+      "selected": "{selectedItemsCount} sélectionné(s)",
       "undo": "Annuler",
       "selectAllItems": "Sélectionner la totalité des {itemsLength}+ {resourceNamePlural}",
       "selectItem": "Sélectionner {resourceName}",

polaris-react/locales/it.json

@@ -281,7 +281,7 @@
       "defaultItemSingular": "Articolo",
       "defaultItemPlural": "Articoli",
       "allItemsSelected": "Tutti gli oltre {itemsLength} {resourceNamePlural} sono selezionati.",
-      "selected": "{selectedItemsCount} selezionati",
+      "selected": "{selectedItemsCount} selezionati.",
       "a11yCheckboxDeselectAllSingle": "Deseleziona {resourceNameSingular}",
       "a11yCheckboxSelectAllSingle": "Seleziona {resourceNameSingular}",
       "a11yCheckboxDeselectAllMultiple": "Deseleziona tutto: {itemsLength} {resourceNamePlural}",
@@ -293,7 +293,7 @@
       "onboardingBadgeText": "Novità",
       "resourceLoadingAccessibilityLabel": "Caricamento {resourceNamePlural} in corso",
       "selectAllLabel": "Seleziona tutto: {resourceNamePlural}",
-      "selected": "{selectedItemsCount} selezionati",
+      "selected": "{selectedItemsCount} selezionati.",
       "undo": "Annulla",
       "selectAllItems": "Seleziona tutti i {itemsLength}+ {resourceNamePlural}",
       "selectItem": "Seleziona {resourceName}",