feat(BulkSelect): add internationalization (i18n) support

Fixes #895

Adds optional props to allow customization of all user-facing strings
in the BulkSelect component, enabling applications to support multiple
languages and custom terminology.

New props:
- selectNoneLabel: Custom label for "Select none" option
- selectPageLabel: Custom label formatter for "Select page" option
- selectAllLabel: Custom label formatter for "Select all" option
- selectedLabel: Custom label formatter for selected count

All props are optional with sensible English defaults to maintain
backward compatibility. The label props for page/all/selected are
functions that receive counts as parameters for proper pluralization
and formatting flexibility.

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

Author: rhamilto

packages/module/src/BulkSelect/BulkSelect.test.tsx

@@ -69,4 +69,35 @@ describe('BulkSelect component', () => {
     expect(toggleWrapper).toBeInTheDocument();
     expect(toggleWrapper).toHaveClass('custom-menu-toggle');
   });
+
+  test('should render with custom i18n labels', async () => {
+    const user = userEvent.setup();
+    render(
+      <BulkSelect
+        canSelectAll
+        pageCount={5}
+        totalCount={10}
+        selectedCount={2}
+        pageSelected={false}
+        pagePartiallySelected={true}
+        onSelect={() => null}
+        selectNoneLabel="Aucune sélection (0)"
+        selectPageLabel={(count) => `Sélectionner la page${count ? ` (${count})` : ''}`}
+        selectAllLabel={(count) => `Tout sélectionner${count ? ` (${count})` : ''}`}
+        selectedLabel={(count) => `${count} sélectionné${count > 1 ? 's' : ''}`}
+      />
+    );
+
+    // Check custom selected label
+    expect(screen.getByText('2 sélectionnés')).toBeInTheDocument();
+
+    // Open the dropdown to check option labels
+    const toggleButton = screen.getByLabelText('Bulk select toggle');
+    await user.click(toggleButton);
+
+    // Check custom dropdown labels
+    expect(screen.getByText('Aucune sélection (0)')).toBeInTheDocument();
+    expect(screen.getByText('Sélectionner la page (5)')).toBeInTheDocument();
+    expect(screen.getByText('Tout sélectionner (10)')).toBeInTheDocument();
+  });
 });

packages/module/src/BulkSelect/BulkSelect.tsx

@@ -50,6 +50,14 @@ export interface BulkSelectProps extends Omit<DropdownProps, 'toggle' | 'onSelec
   dropdownListProps?: Omit<DropdownListProps, 'children'>;
   /** Additional props for MenuToggleProps */
   menuToggleProps?: Omit<MenuToggleProps, 'children' | 'splitButtonItems' | 'ref' | 'isExpanded' | 'onClick'>;
+  /** Custom label for "Select none" option. Defaults to "Select none (0)" */
+  selectNoneLabel?: string;
+  /** Custom label for "Select page" option. Receives pageCount as parameter. Defaults to "Select page (N)" */
+  selectPageLabel?: (pageCount?: number) => string;
+  /** Custom label for "Select all" option. Receives totalCount as parameter. Defaults to "Select all (N)" */
+  selectAllLabel?: (totalCount?: number) => string;
+  /** Custom label formatter for selected count. Receives count as parameter. Defaults to "N selected" */
+  selectedLabel?: (count: number) => string;
 }
 
 export const BulkSelect: FC<BulkSelectProps> = ({
@@ -65,6 +73,10 @@ export const BulkSelect: FC<BulkSelectProps> = ({
   menuToggleCheckboxProps,
   dropdownListProps,
   menuToggleProps,
+  selectNoneLabel = 'Select none (0)',
+  selectPageLabel = (pageCount?: number) => `Select page${pageCount ? ` (${pageCount})` : ''}`,
+  selectAllLabel = (totalCount?: number) => `Select all${totalCount ? ` (${totalCount})` : ''}`,
+  selectedLabel = (count: number) => `${count} selected`,
   ...props
 }: BulkSelectProps) => {
   const [ isOpen, setOpen ] = useState(false);
@@ -73,21 +85,21 @@ export const BulkSelect: FC<BulkSelectProps> = ({
     () => (
       <>
         <DropdownItem ouiaId={`${ouiaId}-select-none`} value={BulkSelectValue.none} key={BulkSelectValue.none}>
-          Select none (0)
+          {selectNoneLabel}
         </DropdownItem>
         {isDataPaginated && (
           <DropdownItem ouiaId={`${ouiaId}-select-page`} value={BulkSelectValue.page} key={BulkSelectValue.page}>
-            {`Select page${pageCount ? ` (${pageCount})` : ''}`}
+            {selectPageLabel(pageCount)}
           </DropdownItem>
         )}
         {canSelectAll && (
           <DropdownItem ouiaId={`${ouiaId}-select-all`} value={BulkSelectValue.all} key={BulkSelectValue.all}>
-            {`Select all${totalCount ? ` (${totalCount})` : ''}`}
+            {selectAllLabel(totalCount)}
           </DropdownItem>
         )}
       </>
     ),
-    [ isDataPaginated, canSelectAll, ouiaId, pageCount, totalCount ]
+    [ isDataPaginated, canSelectAll, ouiaId, pageCount, totalCount, selectNoneLabel, selectPageLabel, selectAllLabel ]
   );
 
   const allOption = isDataPaginated ? BulkSelectValue.page : BulkSelectValue.all;
@@ -129,7 +141,7 @@ export const BulkSelect: FC<BulkSelectProps> = ({
             >
               {selectedCount > 0 ? (
                 <span data-ouia-component-id={`${ouiaId}-text`}>
-                  {`${selectedCount} selected`}
+                  {selectedLabel(selectedCount)}
                 </span>
               ) : null}
             </MenuToggleCheckbox>