@kaizen/components 1.73.13 → 1.74.1

package/dist/cjs/Filter/FilterMultiSelect/subcomponents/MultiSelectOption/MultiSelectOption.cjs

@@ -2,6 +2,7 @@
 
 var tslib = require('tslib');
 var React = require('react');
+var i18nReactIntl = require('@cultureamp/i18n-react-intl');
 var focus = require('@react-aria/focus');
 var listbox = require('@react-aria/listbox');
 var utils = require('@react-aria/utils');
@@ -38,6 +39,7 @@ var MultiSelectOption = function (_a) {
     isFocusVisible = _f.isFocusVisible,
     focusProps = _f.focusProps;
   var countElementId = React.useId();
+  var formatNumber = i18nReactIntl.useIntl().formatNumber;
   return React__default.default.createElement("li", tslib.__assign({}, utils.mergeProps(optionProps, focusProps), {
     ref: ref,
     className: classnames__default.default(MultiSelectOption_module.option, classNameOverride, isSelected && MultiSelectOption_module.isSelected, isFocusVisible && MultiSelectOption_module.isFocusVisible, isDisabled && MultiSelectOption_module.isDisabled),
@@ -51,9 +53,22 @@ var MultiSelectOption = function (_a) {
   })), item.rendered, ((_d = item.value) === null || _d === void 0 ? void 0 : _d.count) && React__default.default.createElement("span", {
     id: countElementId,
     className: MultiSelectOption_module.badgeContainer
-  }, React__default.default.createElement(Badge.Badge, {
-    classNameOverride: MultiSelectOption_module.badge
-  }, item.value.count), React__default.default.createElement(VisuallyHidden.VisuallyHidden, null, " available")));
+  }, React__default.default.createElement(i18nReactIntl.FormattedMessage, {
+    defaultMessage: "<Badge>{count}</Badge><VisuallyHidden> available</VisuallyHidden>",
+    id: "filterMultiSelectMultiSelectOption.available",
+    description: "Number of filter items available",
+    values: {
+      count: formatNumber(parseInt(item.value.count)),
+      Badge: function (children) {
+        return React__default.default.createElement(Badge.Badge, {
+          classNameOverride: MultiSelectOption_module.badge
+        }, children);
+      },
+      VisuallyHidden: function (children) {
+        return React__default.default.createElement(VisuallyHidden.VisuallyHidden, null, children);
+      }
+    }
+  })));
 };
 MultiSelectOption.displayName = 'FilterMultiSelect.Option';
 exports.MultiSelectOption = MultiSelectOption;

package/dist/cjs/Filter/FilterMultiSelect/subcomponents/SelectionControlButton/ClearButton/ClearButton.cjs

@@ -1,6 +1,7 @@
 'use strict';
 
 var React = require('react');
+var i18nReactIntl = require('@cultureamp/i18n-react-intl');
 var classnames = require('classnames');
 var VisuallyHidden = require('../../../../../VisuallyHidden/VisuallyHidden.cjs');
 require('../../../context/MenuTriggerProvider/MenuTriggerProvider.cjs');
@@ -31,7 +32,16 @@ var ClearButton = function () {
         }));
       }
     }
-  }, "Clear", React__default.default.createElement(VisuallyHidden.VisuallyHidden, null, " selections"));
+  }, React__default.default.createElement(i18nReactIntl.FormattedMessage, {
+    defaultMessage: "Clear<VisuallyHidden> selections</VisuallyHidden>",
+    id: "filterMultiSelectClearButton.label",
+    description: "Clear button label for filter multi-select",
+    values: {
+      VisuallyHidden: function (children) {
+        return React__default.default.createElement(VisuallyHidden.VisuallyHidden, null, children);
+      }
+    }
+  }));
 };
 ClearButton.displayName = 'FilterMultiSelect.ClearButton';
 exports.ClearButton = ClearButton;

package/dist/cjs/Filter/FilterMultiSelect/subcomponents/SelectionControlButton/SelectAllButton/SelectAllButton.cjs

@@ -2,6 +2,7 @@
 
 var tslib = require('tslib');
 var React = require('react');
+var i18nReactIntl = require('@cultureamp/i18n-react-intl');
 var classnames = require('classnames');
 require('../../../context/MenuTriggerProvider/MenuTriggerProvider.cjs');
 var SelectionProvider = require('../../../context/SelectionProvider/SelectionProvider.cjs');
@@ -20,6 +21,7 @@ var SelectAllButton = function () {
   var filteredOptions = Array.from(selectionState.collection.getKeys()).filter(function (key) {
     return !disabledOptions.includes(key);
   });
+  var formatMessage = i18nReactIntl.useIntl().formatMessage;
   return React__default.default.createElement("button", {
     type: "button",
     className: classnames__default.default(SelectionControlButton_module.button, selectionState.selectionManager.isSelectAll && SelectionControlButton_module.isDisabled),
@@ -27,7 +29,11 @@ var SelectAllButton = function () {
     onClick: function () {
       return !selectionState.selectionManager.isSelectAll && selectionState.selectionManager.setSelectedKeys(tslib.__spreadArray(tslib.__spreadArray([], selectedOptions, true), filteredOptions, true));
     }
-  }, "Select all");
+  }, formatMessage({
+    defaultMessage: 'Select all',
+    id: 'filterMultiSelectSelectAllButton.label',
+    description: 'Select all button in filter multi select'
+  }));
 };
 SelectAllButton.displayName = 'FilterMultiSelect.SelectAllButton';
 exports.SelectAllButton = SelectAllButton;

package/dist/esm/Filter/FilterMultiSelect/subcomponents/MultiSelectOption/MultiSelectOption.mjs

@@ -1,5 +1,6 @@
 import { __assign } from 'tslib';
 import React, { useId } from 'react';
+import { useIntl, FormattedMessage } from '@cultureamp/i18n-react-intl';
 import { useFocusRing } from '@react-aria/focus';
 import { useOption } from '@react-aria/listbox';
 import { mergeProps } from '@react-aria/utils';
@@ -30,6 +31,7 @@ const MultiSelectOption = /*#__PURE__*/function () {
       isFocusVisible = _f.isFocusVisible,
       focusProps = _f.focusProps;
     var countElementId = useId();
+    var formatNumber = useIntl().formatNumber;
     return /*#__PURE__*/React.createElement("li", __assign({}, mergeProps(optionProps, focusProps), {
       ref: ref,
       className: classnames(styles.option, classNameOverride, isSelected && styles.isSelected, isFocusVisible && styles.isFocusVisible, isDisabled && styles.isDisabled),
@@ -43,9 +45,22 @@ const MultiSelectOption = /*#__PURE__*/function () {
     })), item.rendered, ((_d = item.value) === null || _d === void 0 ? void 0 : _d.count) && (/*#__PURE__*/React.createElement("span", {
       id: countElementId,
       className: styles.badgeContainer
-    }, /*#__PURE__*/React.createElement(Badge, {
-      classNameOverride: styles.badge
-    }, item.value.count), /*#__PURE__*/React.createElement(VisuallyHidden, null, " available"))));
+    }, /*#__PURE__*/React.createElement(FormattedMessage, {
+      defaultMessage: "<Badge>{count}</Badge><VisuallyHidden> available</VisuallyHidden>",
+      id: "filterMultiSelectMultiSelectOption.available",
+      description: "Number of filter items available",
+      values: {
+        count: formatNumber(parseInt(item.value.count)),
+        Badge: function (children) {
+          return /*#__PURE__*/React.createElement(Badge, {
+            classNameOverride: styles.badge
+          }, children);
+        },
+        VisuallyHidden: function (children) {
+          return /*#__PURE__*/React.createElement(VisuallyHidden, null, children);
+        }
+      }
+    }))));
   };
   MultiSelectOption.displayName = 'FilterMultiSelect.Option';
   return MultiSelectOption;

package/dist/esm/Filter/FilterMultiSelect/subcomponents/SelectionControlButton/ClearButton/ClearButton.mjs

@@ -1,4 +1,5 @@
 import React from 'react';
+import { FormattedMessage } from '@cultureamp/i18n-react-intl';
 import classnames from 'classnames';
 import { VisuallyHidden } from '../../../../../VisuallyHidden/VisuallyHidden.mjs';
 import '../../../context/MenuTriggerProvider/MenuTriggerProvider.mjs';
@@ -23,7 +24,16 @@ const ClearButton = /*#__PURE__*/function () {
           }));
         }
       }
-    }, "Clear", /*#__PURE__*/React.createElement(VisuallyHidden, null, " selections"));
+    }, /*#__PURE__*/React.createElement(FormattedMessage, {
+      defaultMessage: "Clear<VisuallyHidden> selections</VisuallyHidden>",
+      id: "filterMultiSelectClearButton.label",
+      description: "Clear button label for filter multi-select",
+      values: {
+        VisuallyHidden: function (children) {
+          return /*#__PURE__*/React.createElement(VisuallyHidden, null, children);
+        }
+      }
+    }));
   };
   ClearButton.displayName = 'FilterMultiSelect.ClearButton';
   return ClearButton;

package/dist/esm/Filter/FilterMultiSelect/subcomponents/SelectionControlButton/SelectAllButton/SelectAllButton.mjs

@@ -1,5 +1,6 @@
 import { __spreadArray } from 'tslib';
 import React from 'react';
+import { useIntl } from '@cultureamp/i18n-react-intl';
 import classnames from 'classnames';
 import '../../../context/MenuTriggerProvider/MenuTriggerProvider.mjs';
 import { useSelectionContext } from '../../../context/SelectionProvider/SelectionProvider.mjs';
@@ -12,6 +13,7 @@ const SelectAllButton = /*#__PURE__*/function () {
     var filteredOptions = Array.from(selectionState.collection.getKeys()).filter(function (key) {
       return !disabledOptions.includes(key);
     });
+    var formatMessage = useIntl().formatMessage;
     return /*#__PURE__*/React.createElement("button", {
       type: "button",
       className: classnames(styles.button, selectionState.selectionManager.isSelectAll && styles.isDisabled),
@@ -19,7 +21,11 @@ const SelectAllButton = /*#__PURE__*/function () {
       onClick: function () {
         return !selectionState.selectionManager.isSelectAll && selectionState.selectionManager.setSelectedKeys(__spreadArray(__spreadArray([], selectedOptions, true), filteredOptions, true));
       }
-    }, "Select all");
+    }, formatMessage({
+      defaultMessage: 'Select all',
+      id: 'filterMultiSelectSelectAllButton.label',
+      description: 'Select all button in filter multi select'
+    }));
   };
   SelectAllButton.displayName = 'FilterMultiSelect.SelectAllButton';
   return SelectAllButton;

package/dist/types/Badge/Badge.d.ts

@@ -1,7 +1,6 @@
-import { type HTMLAttributes } from 'react';
+import { type HTMLAttributes, type PropsWithChildren } from 'react';
 import { type OverrideClassName } from "../types/OverrideClassName";
-type BadgeCommonProps = {
-    children?: string;
+type BadgeCommonProps = PropsWithChildren<{
     /**
      * The "dark" variant is no longer in the UI kit
      */
@@ -14,7 +13,7 @@ type BadgeCommonProps = {
      * Supports "small" and "large" sizes - defaults to "small"
      */
     size?: 'small' | 'large';
-} & OverrideClassName<HTMLAttributes<HTMLSpanElement>>;
+}> & OverrideClassName<HTMLAttributes<HTMLSpanElement>>;
 type DotProps = Omit<BadgeCommonProps, 'variant'> & {
     children?: never;
     variant: 'dot';

package/locales/ar.json

@@ -61,6 +61,14 @@
     "description" : "Label for the 'date to' field",
     "message" : "التاريخ إلى"
   },
+  "filterMultiSelectClearButton.label" : {
+    "description" : "Clear button label for filter multi-select",
+    "message" : "مسح<VisuallyHidden> الاختيارات</VisuallyHidden>"
+  },
+  "filterMultiSelectMultiSelectOption.available" : {
+    "description" : "Number of filter items available",
+    "message" : "<Badge>{count}</Badge><VisuallyHidden> متاح</VisuallyHidden>"
+  },
   "filterMultiSelectSearchInput.label" : {
     "description" : "Label for the search input",
     "message" : "خيارات التصفية حسب استعلام البحث"
@@ -69,6 +77,10 @@
     "description" : "Placeholder for the search input",
     "message" : "بحث..."
   },
+  "filterMultiSelectSelectAllButton.label" : {
+    "description" : "Select all button in filter multi select",
+    "message" : "حدد الكل"
+  },
   "inputSearch.clear" : {
     "description" : "Label for the clear search button",
     "message" : "مسح البحث"

package/locales/bg.json

@@ -61,6 +61,14 @@
     "description" : "Label for the 'date to' field",
     "message" : "До дата"
   },
+  "filterMultiSelectClearButton.label" : {
+    "description" : "Clear button label for filter multi-select",
+    "message" : "Изчистване<VisuallyHidden> на селекциите</VisuallyHidden>"
+  },
+  "filterMultiSelectMultiSelectOption.available" : {
+    "description" : "Number of filter items available",
+    "message" : "<Badge>{count}</Badge><VisuallyHidden> налични</VisuallyHidden>"
+  },
   "filterMultiSelectSearchInput.label" : {
     "description" : "Label for the search input",
     "message" : "Опции за филтриране по заявка за търсене"
@@ -69,6 +77,10 @@
     "description" : "Placeholder for the search input",
     "message" : "Търсене..."
   },
+  "filterMultiSelectSelectAllButton.label" : {
+    "description" : "Select all button in filter multi select",
+    "message" : "Изберете всички"
+  },
   "inputSearch.clear" : {
     "description" : "Label for the clear search button",
     "message" : "Изчисти търсенето"

package/locales/cs.json

@@ -61,6 +61,14 @@
     "description" : "Label for the 'date to' field",
     "message" : "Datum do"
   },
+  "filterMultiSelectClearButton.label" : {
+    "description" : "Clear button label for filter multi-select",
+    "message" : "Vymazat<VisuallyHidden> výběry</VisuallyHidden>"
+  },
+  "filterMultiSelectMultiSelectOption.available" : {
+    "description" : "Number of filter items available",
+    "message" : "<Badge>{count}</Badge><VisuallyHidden> k dispozici</VisuallyHidden>"
+  },
   "filterMultiSelectSearchInput.label" : {
     "description" : "Label for the search input",
     "message" : "Možnosti filtrování podle vyhledávacího dotazu"
@@ -69,6 +77,10 @@
     "description" : "Placeholder for the search input",
     "message" : "Vyhledat..."
   },
+  "filterMultiSelectSelectAllButton.label" : {
+    "description" : "Select all button in filter multi select",
+    "message" : "Vybrat vše"
+  },
   "inputSearch.clear" : {
     "description" : "Label for the clear search button",
     "message" : "Vymazat hledání"

package/locales/cy.json

@@ -61,6 +61,14 @@
     "description" : "Label for the 'date to' field",
     "message" : "Dyddiad i"
   },
+  "filterMultiSelectClearButton.label" : {
+    "description" : "Clear button label for filter multi-select",
+    "message" : "Clirio'r<VisuallyHidden> dewisiadau</VisuallyHidden>"
+  },
+  "filterMultiSelectMultiSelectOption.available" : {
+    "description" : "Number of filter items available",
+    "message" : "<Badge>{count}</Badge><VisuallyHidden> ar gael</VisuallyHidden>"
+  },
   "filterMultiSelectSearchInput.label" : {
     "description" : "Label for the search input",
     "message" : "Hidlo opsiynau yn ôl ymholiad chwilio"
@@ -69,6 +77,10 @@
     "description" : "Placeholder for the search input",
     "message" : "Chwilio ..."
   },
+  "filterMultiSelectSelectAllButton.label" : {
+    "description" : "Select all button in filter multi select",
+    "message" : "Dewis popeth"
+  },
   "inputSearch.clear" : {
     "description" : "Label for the clear search button",
     "message" : "Clirio chwiliad"

package/locales/da.json

@@ -61,6 +61,14 @@
     "description" : "Label for the 'date to' field",
     "message" : "Til dato"
   },
+  "filterMultiSelectClearButton.label" : {
+    "description" : "Clear button label for filter multi-select",
+    "message" : "Ryd<VisuallyHidden> valg</VisuallyHidden>"
+  },
+  "filterMultiSelectMultiSelectOption.available" : {
+    "description" : "Number of filter items available",
+    "message" : "<Badge>{count}</Badge><VisuallyHidden> tilgængelig</VisuallyHidden>"
+  },
   "filterMultiSelectSearchInput.label" : {
     "description" : "Label for the search input",
     "message" : "Filtrer muligheder efter søgeforespørgsel"
@@ -69,6 +77,10 @@
     "description" : "Placeholder for the search input",
     "message" : "Søg …"
   },
+  "filterMultiSelectSelectAllButton.label" : {
+    "description" : "Select all button in filter multi select",
+    "message" : "Vælg alle"
+  },
   "inputSearch.clear" : {
     "description" : "Label for the clear search button",
     "message" : "Ryd søgning"

package/locales/de.json

@@ -61,6 +61,14 @@
     "description" : "Label for the 'date to' field",
     "message" : "Datum bis"
   },
+  "filterMultiSelectClearButton.label" : {
+    "description" : "Clear button label for filter multi-select",
+    "message" : "Clear<VisuallyHidden> selections</VisuallyHidden>"
+  },
+  "filterMultiSelectMultiSelectOption.available" : {
+    "description" : "Number of filter items available",
+    "message" : "<Badge>{count}</Badge><VisuallyHidden> available</VisuallyHidden>"
+  },
   "filterMultiSelectSearchInput.label" : {
     "description" : "Label for the search input",
     "message" : "Filteroptionen nach Suchanfrage"
@@ -69,6 +77,10 @@
     "description" : "Placeholder for the search input",
     "message" : "Suche läuft …"
   },
+  "filterMultiSelectSelectAllButton.label" : {
+    "description" : "Select all button in filter multi select",
+    "message" : "Alles auswählen"
+  },
   "inputSearch.clear" : {
     "description" : "Label for the clear search button",
     "message" : "Suche löschen"

package/locales/el.json

@@ -61,6 +61,14 @@
     "description" : "Label for the 'date to' field",
     "message" : "Ημερομηνία έως"
   },
+  "filterMultiSelectClearButton.label" : {
+    "description" : "Clear button label for filter multi-select",
+    "message" : "Απαλοιφή <VisuallyHidden>επιλογών</VisuallyHidden>"
+  },
+  "filterMultiSelectMultiSelectOption.available" : {
+    "description" : "Number of filter items available",
+    "message" : "<Badge>{count}</Badge> <VisuallyHidden>διαθέσιμα</VisuallyHidden>"
+  },
   "filterMultiSelectSearchInput.label" : {
     "description" : "Label for the search input",
     "message" : "Φιλτράρισμα επιλογών κατά ερώτημα αναζήτησης"
@@ -69,6 +77,10 @@
     "description" : "Placeholder for the search input",
     "message" : "Αναζήτηση…"
   },
+  "filterMultiSelectSelectAllButton.label" : {
+    "description" : "Select all button in filter multi select",
+    "message" : "Επιλογή όλων"
+  },
   "inputSearch.clear" : {
     "description" : "Label for the clear search button",
     "message" : "Διαγραφή αναζήτησης"

package/locales/en-GB.json

@@ -35,7 +35,7 @@
   },
   "filterBar.addFiltersMenu.buttonLabel" : {
     "description" : "Menu button label to show additional available filter options",
-    "message" : "Add filters"
+    "message" : "Add Filters"
   },
   "filterBar.clearAllButton.ariaLabel" : {
     "description" : "Button aria-label to clear all values within the filter bar",
@@ -61,6 +61,14 @@
     "description" : "Label for the 'date to' field",
     "message" : "Date to"
   },
+  "filterMultiSelectClearButton.label" : {
+    "description" : "Clear button label for filter multi-select",
+    "message" : "Clear<VisuallyHidden> selections</VisuallyHidden>"
+  },
+  "filterMultiSelectMultiSelectOption.available" : {
+    "description" : "Number of filter items available",
+    "message" : "<Badge>{count}</Badge><VisuallyHidden> available</VisuallyHidden>"
+  },
   "filterMultiSelectSearchInput.label" : {
     "description" : "Label for the search input",
     "message" : "Filter options by search query"
@@ -69,6 +77,10 @@
     "description" : "Placeholder for the search input",
     "message" : "Search…"
   },
+  "filterMultiSelectSelectAllButton.label" : {
+    "description" : "Select all button in filter multi select",
+    "message" : "Select all"
+  },
   "inputSearch.clear" : {
     "description" : "Label for the clear search button",
     "message" : "Clear search"

package/locales/en.json

@@ -62,6 +62,14 @@
     "description": "Label for the 'date to' field",
     "message": "Date to"
   },
+  "filterMultiSelectClearButton.label": {
+    "description": "Clear button label for filter multi-select",
+    "message": "Clear<VisuallyHidden> selections</VisuallyHidden>"
+  },
+  "filterMultiSelectMultiSelectOption.available": {
+    "description": "Number of filter items available",
+    "message": "<Badge>{count}</Badge><VisuallyHidden> available</VisuallyHidden>"
+  },
   "filterMultiSelectSearchInput.label": {
     "description": "Label for the search input",
     "message": "Filter options by search query"
@@ -70,6 +78,10 @@
     "description": "Placeholder for the search input",
     "message": "Search…"
   },
+  "filterMultiSelectSelectAllButton.label": {
+    "description": "Select all button in filter multi select",
+    "message": "Select all"
+  },
   "inputSearch.clear": {
     "description": "Label for the clear search button",
     "message": "Clear search"

package/locales/es-419.json

@@ -61,6 +61,14 @@
     "description" : "Label for the 'date to' field",
     "message" : "Fecha hasta"
   },
+  "filterMultiSelectClearButton.label" : {
+    "description" : "Clear button label for filter multi-select",
+    "message" : "Borrar<VisuallyHidden> selecciones</VisuallyHidden>"
+  },
+  "filterMultiSelectMultiSelectOption.available" : {
+    "description" : "Number of filter items available",
+    "message" : "<Badge>{count}</Badge><VisuallyHidden> disponibles</VisuallyHidden>"
+  },
   "filterMultiSelectSearchInput.label" : {
     "description" : "Label for the search input",
     "message" : "Filtrar opciones por consulta de búsqueda"
@@ -69,6 +77,10 @@
     "description" : "Placeholder for the search input",
     "message" : "Buscar..."
   },
+  "filterMultiSelectSelectAllButton.label" : {
+    "description" : "Select all button in filter multi select",
+    "message" : "Seleccionar todo"
+  },
   "inputSearch.clear" : {
     "description" : "Label for the clear search button",
     "message" : "Borrar búsqueda"

package/locales/es.json

@@ -61,6 +61,14 @@
     "description" : "Label for the 'date to' field",
     "message" : "Fecha final"
   },
+  "filterMultiSelectClearButton.label" : {
+    "description" : "Clear button label for filter multi-select",
+    "message" : "Borrar<VisuallyHidden> selecciones</VisuallyHidden>"
+  },
+  "filterMultiSelectMultiSelectOption.available" : {
+    "description" : "Number of filter items available",
+    "message" : "<Badge>{count}</Badge><VisuallyHidden> disponibles</VisuallyHidden>"
+  },
   "filterMultiSelectSearchInput.label" : {
     "description" : "Label for the search input",
     "message" : "Filtrar opciones por consulta de búsqueda"
@@ -69,6 +77,10 @@
     "description" : "Placeholder for the search input",
     "message" : "Buscar…"
   },
+  "filterMultiSelectSelectAllButton.label" : {
+    "description" : "Select all button in filter multi select",
+    "message" : "Seleccionar todo"
+  },
   "inputSearch.clear" : {
     "description" : "Label for the clear search button",
     "message" : "Borrar búsqueda"

package/locales/et.json

@@ -61,6 +61,14 @@
     "description" : "Label for the 'date to' field",
     "message" : "Kuupäev kuni"
   },
+  "filterMultiSelectClearButton.label" : {
+    "description" : "Clear button label for filter multi-select",
+    "message" : "Tühjenda<VisuallyHidden> valikud</VisuallyHidden>"
+  },
+  "filterMultiSelectMultiSelectOption.available" : {
+    "description" : "Number of filter items available",
+    "message" : "<Badge>{count}</Badge><VisuallyHidden> saadaval</VisuallyHidden>"
+  },
   "filterMultiSelectSearchInput.label" : {
     "description" : "Label for the search input",
     "message" : "Filtreerimisvalikud otsingupäringu järgi"
@@ -69,6 +77,10 @@
     "description" : "Placeholder for the search input",
     "message" : "Otsing..."
   },
+  "filterMultiSelectSelectAllButton.label" : {
+    "description" : "Select all button in filter multi select",
+    "message" : "Vali kõik"
+  },
   "inputSearch.clear" : {
     "description" : "Label for the clear search button",
     "message" : "Tühjenda otsing"

package/locales/fi.json

@@ -61,6 +61,14 @@
     "description" : "Label for the 'date to' field",
     "message" : "Päättymispäivä"
   },
+  "filterMultiSelectClearButton.label" : {
+    "description" : "Clear button label for filter multi-select",
+    "message" : "Tyhjennä<VisuallyHidden> valinnat</VisuallyHidden>"
+  },
+  "filterMultiSelectMultiSelectOption.available" : {
+    "description" : "Number of filter items available",
+    "message" : "<Badge>{count}</Badge><VisuallyHidden> saatavilla</VisuallyHidden>"
+  },
   "filterMultiSelectSearchInput.label" : {
     "description" : "Label for the search input",
     "message" : "Suodata vaihtoehdot hakukyselyn mukaan"
@@ -69,6 +77,10 @@
     "description" : "Placeholder for the search input",
     "message" : "Hae…"
   },
+  "filterMultiSelectSelectAllButton.label" : {
+    "description" : "Select all button in filter multi select",
+    "message" : "Valitse kaikki"
+  },
   "inputSearch.clear" : {
     "description" : "Label for the clear search button",
     "message" : "Tyhjennä haku"

package/locales/fr-CA.json

@@ -61,6 +61,14 @@
     "description" : "Label for the 'date to' field",
     "message" : "Date de fin"
   },
+  "filterMultiSelectClearButton.label" : {
+    "description" : "Clear button label for filter multi-select",
+    "message" : "Effacer les<VisuallyHidden> sélections</VisuallyHidden>"
+  },
+  "filterMultiSelectMultiSelectOption.available" : {
+    "description" : "Number of filter items available",
+    "message" : "<Badge>{count}</Badge><VisuallyHidden> disponible(s)</VisuallyHidden>"
+  },
   "filterMultiSelectSearchInput.label" : {
     "description" : "Label for the search input",
     "message" : "Filtrer les options par requête de recherche"
@@ -69,6 +77,10 @@
     "description" : "Placeholder for the search input",
     "message" : "Rechercher..."
   },
+  "filterMultiSelectSelectAllButton.label" : {
+    "description" : "Select all button in filter multi select",
+    "message" : "Sélectionner tout"
+  },
   "inputSearch.clear" : {
     "description" : "Label for the clear search button",
     "message" : "Supprimer la recherche"

package/locales/fr.json

@@ -61,6 +61,14 @@
     "description" : "Label for the 'date to' field",
     "message" : "Date de fin"
   },
+  "filterMultiSelectClearButton.label" : {
+    "description" : "Clear button label for filter multi-select",
+    "message" : "Effacer<VisuallyHidden> les sélections</VisuallyHidden>"
+  },
+  "filterMultiSelectMultiSelectOption.available" : {
+    "description" : "Number of filter items available",
+    "message" : "<Badge>{count}</Badge><VisuallyHidden> disponible(s)</VisuallyHidden>"
+  },
   "filterMultiSelectSearchInput.label" : {
     "description" : "Label for the search input",
     "message" : "Options de filtrage par requête de recherche"
@@ -69,6 +77,10 @@
     "description" : "Placeholder for the search input",
     "message" : "Rechercher..."
   },
+  "filterMultiSelectSelectAllButton.label" : {
+    "description" : "Select all button in filter multi select",
+    "message" : "Sélectionner tout"
+  },
   "inputSearch.clear" : {
     "description" : "Label for the clear search button",
     "message" : "Effacer la recherche"

package/locales/he.json

@@ -61,6 +61,14 @@
     "description" : "Label for the 'date to' field",
     "message" : "עד"
   },
+  "filterMultiSelectClearButton.label" : {
+    "description" : "Clear button label for filter multi-select",
+    "message" : "ניקוי<VisuallyHidden> הבחירות</VisuallyHidden>"
+  },
+  "filterMultiSelectMultiSelectOption.available" : {
+    "description" : "Number of filter items available",
+    "message" : "<Badge>{count}</Badge><VisuallyHidden> זמינים</VisuallyHidden>"
+  },
   "filterMultiSelectSearchInput.label" : {
     "description" : "Label for the search input",
     "message" : "אפשרויות סינון לפי שאילתת חיפוש"
@@ -69,6 +77,10 @@
     "description" : "Placeholder for the search input",
     "message" : "חיפוש..."
   },
+  "filterMultiSelectSelectAllButton.label" : {
+    "description" : "Select all button in filter multi select",
+    "message" : "בחירת הכול"
+  },
   "inputSearch.clear" : {
     "description" : "Label for the clear search button",
     "message" : "ניקוי חיפוש"