@procore/data-table 14.43.1 → 14.44.0

package/CHANGELOG.md

@@ -1,5 +1,22 @@
 # Change Log
 
+## 14.44.0
+
+### Minor Changes
+
+- dc8aaf4: Made data-table column menu accessible via keyboard using `⌥ Alt+↓`
+- a9569f8: Focus BulkEditPanel after opening
+
+### Patch Changes
+
+- c33f992: Improve accessibility in QuickFilters by adding descriptive `aria-label` to filter token remove button (includes filter name)
+
+## 14.43.2
+
+### Patch Changes
+
+- 58aa8ce: Hide filters panel from tab navigation and screen reader when it's closed
+
 ## 14.43.1
 
 ### Patch Changes

package/dist/legacy/index.cjs

@@ -56619,6 +56619,7 @@ var GenericHeaderRenderer = (props) => {
     I18n
   );
   const headerCellRef = React80.useRef(null);
+  const menuButtonRef = React80.useRef(null);
   const headerCheckboxSelection = colDef.headerCheckboxSelection;
   const headerCheckboxSelectionEnabled = typeof headerCheckboxSelection === "function" ? headerCheckboxSelection({
     api: props.api,
@@ -56985,6 +56986,51 @@ var GenericHeaderRenderer = (props) => {
     expansionVariant,
     onSSDR
   );
+  React80__default.default.useEffect(() => {
+    if (!props.enableMenu) return;
+    const MENU_SYNTHETIC = "__menu_synthetic_keydown";
+    const handler = (e) => {
+      var _a2;
+      const button = (_a2 = menuButtonRef.current) == null ? void 0 : _a2.querySelector("button");
+      const isMenuOpen = (button == null ? void 0 : button.getAttribute("aria-expanded")) === "true";
+      if (e[MENU_SYNTHETIC]) {
+        return;
+      }
+      if (e.altKey && e.key === "ArrowDown" && !isMenuOpen) {
+        e.preventDefault();
+        e.stopPropagation();
+        button == null ? void 0 : button.focus();
+        button == null ? void 0 : button.click();
+        return;
+      }
+      if (!isMenuOpen) return;
+      switch (e.key) {
+        case "ArrowDown":
+        case "ArrowUp":
+        case "Enter":
+        case "Escape":
+          e.stopPropagation();
+          e.preventDefault();
+          if (button) {
+            const synthetic = new KeyboardEvent("keydown", {
+              key: e.key,
+              bubbles: true,
+              cancelable: true
+            });
+            synthetic[MENU_SYNTHETIC] = true;
+            button.dispatchEvent(synthetic);
+          }
+          break;
+        case "Tab":
+        case "ArrowLeft":
+        case "ArrowRight":
+          button == null ? void 0 : button.click();
+          break;
+      }
+    };
+    props.eGridHeader.addEventListener("keydown", handler, true);
+    return () => props.eGridHeader.removeEventListener("keydown", handler, true);
+  }, [props.eGridHeader, props.enableMenu]);
   return /* @__PURE__ */ React80__default.default.createElement(
     coreReact.Flex,
     {
@@ -57059,6 +57105,7 @@ var GenericHeaderRenderer = (props) => {
     props.enableMenu && /* @__PURE__ */ React80__default.default.createElement(
       coreReact.DropdownFlyout,
       {
+        ref: menuButtonRef,
         className: "data-table-header-menu",
         size: "sm",
         options: orderMenuOptions(),
@@ -104213,6 +104260,11 @@ var BulkEditPanel = ({}) => {
   const { contextPanel, suppressBulkEditToasts } = useInternalTableContext();
   const I18n = coreReact.useI18nContext();
   const bulkEditRef = React80__default.default.useRef(null);
+  const bodyRef = React80__default.default.useRef(null);
+  React80.useEffect(() => {
+    var _a;
+    (_a = bodyRef.current) == null ? void 0 : _a.focus();
+  }, []);
   return /* @__PURE__ */ React80__default.default.createElement(coreReact.Panel, null, /* @__PURE__ */ React80__default.default.createElement(
     coreReact.Panel.Header,
     {
@@ -104223,7 +104275,7 @@ var BulkEditPanel = ({}) => {
       }
     },
     /* @__PURE__ */ React80__default.default.createElement(coreReact.Panel.Title, null, I18n.t("dataTable.bulkActions.editValues"))
-  ), /* @__PURE__ */ React80__default.default.createElement(coreReact.Panel.Body, null, /* @__PURE__ */ React80__default.default.createElement(coreReact.Panel.Section, null, /* @__PURE__ */ React80__default.default.createElement(
+  ), /* @__PURE__ */ React80__default.default.createElement(coreReact.Panel.Body, { ref: bodyRef }, /* @__PURE__ */ React80__default.default.createElement(coreReact.Panel.Section, null, /* @__PURE__ */ React80__default.default.createElement(
     BulkEdit,
     {
       ref: bulkEditRef,
@@ -105118,7 +105170,10 @@ var de_DE_default = {
         label: "Nach dieser Spalte sortieren",
         sortAscItem: "Spalte aufsteigend sortieren",
         sortDescItem: "Spalte absteigend sortieren",
-        sortResetItem: "Spalte nicht sortiert"
+        sortResetItem: "Spalte nicht sortiert",
+        sortAscending: "aufsteigend sortiert",
+        sortDescending: "absteigend sortiert",
+        sortCleared: "Sortierung gel\xF6scht"
       },
       expandAllGroups: "Alle Gruppen erweitern",
       collapseAllGroups: "Alle Gruppen ausblenden",
@@ -105289,7 +105344,10 @@ var en_AU_default = {
         label: "Sort by this column",
         sortAscItem: "Sort column ascending",
         sortDescItem: "Sort column descending",
-        sortResetItem: "Column not sorted"
+        sortResetItem: "Column not sorted",
+        sortAscending: "sorted ascending",
+        sortDescending: "sorted descending",
+        sortCleared: "Sorting cleared"
       },
       expandAllGroups: "Expand all groups",
       collapseAllGroups: "Collapse all groups",
@@ -105460,7 +105518,10 @@ var en_CA_default = {
         label: "Sort by this column",
         sortAscItem: "Sort column ascending",
         sortDescItem: "Sort column descending",
-        sortResetItem: "Column not sorted"
+        sortResetItem: "Column not sorted",
+        sortAscending: "sorted ascending",
+        sortDescending: "sorted descending",
+        sortCleared: "Sorting cleared"
       },
       expandAllGroups: "Expand all groups",
       collapseAllGroups: "Collapse all groups",
@@ -105631,7 +105692,10 @@ var en_GB_default = {
         label: "Sort by this column",
         sortAscItem: "Sort column ascending",
         sortDescItem: "Sort column descending",
-        sortResetItem: "Column not sorted"
+        sortResetItem: "Column not sorted",
+        sortAscending: "sorted ascending",
+        sortDescending: "sorted descending",
+        sortCleared: "Sorting cleared"
       },
       expandAllGroups: "Expand all groups",
       collapseAllGroups: "Collapse all groups",
@@ -105761,6 +105825,7 @@ var en_default = {
       moreFilters: "More Filters",
       clearAllFilters: "Clear All Filters",
       close: "Close",
+      removeFilterToken: "Remove %{name}",
       locationFilter: {
         selectAll: "Select all",
         includeSublocations: "Include sublocations",
@@ -105798,6 +105863,7 @@ var en_default = {
       secondary: "Information loading, thanks for your patience."
     },
     menuOptions: {
+      ariaMenuColumn: "Press Alt/Option+Down to open column menu.",
       sortMenuItem: {
         label: "Sort By This Column",
         sortAscItem: "Sort Column Ascending",
@@ -105904,7 +105970,7 @@ var es_ES_default = {
         title: "No hay elementos para mostrar en este momento",
         itemsTitle: "No hay %{itemsLabel} para mostrar en este momento",
         tooltip: "El bot\xF3n %{featureName} se habilitar\xE1 una vez que a\xF1ada informaci\xF3n a la %{tableName}",
-        searchTooltip: "La b\xFAsqueda se habilitar\xE1 una vez que a\xF1ada informaci\xF3n a %{tableName}",
+        searchTooltip: "La b\xFAsqueda se habilitar\xE1 una vez que a\xF1ada informaci\xF3n a la %{tableName}",
         featureFilter: "Filtro",
         featureQuickFilter: "Filtro r\xE1pido",
         featureGroupBy: "Agrupar por",
@@ -105976,7 +106042,10 @@ var es_ES_default = {
         label: "Ordenar por esta columna",
         sortAscItem: "Ordenar columna en ascendente",
         sortDescItem: "Ordenar columna en descendente",
-        sortResetItem: "Columna no ordenada"
+        sortResetItem: "Columna no ordenada",
+        sortAscending: "ordenado de forma ascendente",
+        sortDescending: "ordenado de forma descendente",
+        sortCleared: "Ordenaci\xF3n borrada"
       },
       expandAllGroups: "Expandir todos los grupos",
       collapseAllGroups: "Contraer todos los grupos",
@@ -106147,7 +106216,10 @@ var es_default = {
         label: "Ordenar por esta columna",
         sortAscItem: "Ordenar columna - Ascendente",
         sortDescItem: "Ordenar columna - Descendente",
-        sortResetItem: "Columna no ordenada"
+        sortResetItem: "Columna no ordenada",
+        sortAscending: "ordenado de forma ascendente",
+        sortDescending: "ordenado de forma descendente",
+        sortCleared: "Ordenamiento borrado"
       },
       expandAllGroups: "Expandir todos los grupos",
       collapseAllGroups: "Colapsar todos los grupos",
@@ -106318,7 +106390,10 @@ var fr_CA_default = {
         label: "Trier cette colonne",
         sortAscItem: "Trier la colonne par ordre croissant",
         sortDescItem: "Trier la colonne par ordre d\xE9croissant",
-        sortResetItem: "Colonne non tri\xE9e"
+        sortResetItem: "Colonne non tri\xE9e",
+        sortAscending: "tri\xE9 par ordre croissant",
+        sortDescending: "tri\xE9 par ordre d\xE9croissant",
+        sortCleared: "Tri effac\xE9"
       },
       expandAllGroups: "D\xE9velopper tous les groupes",
       collapseAllGroups: "R\xE9duire tous les groupes",
@@ -106489,7 +106564,10 @@ var fr_FR_default = {
         label: "Trier cette colonne",
         sortAscItem: "Trier la colonne par ordre croissant",
         sortDescItem: "Trier la colonne par ordre d\xE9croissant",
-        sortResetItem: "Ne pas trier la colonne"
+        sortResetItem: "Ne pas trier la colonne",
+        sortAscending: "tri\xE9 par ordre croissant",
+        sortDescending: "tri\xE9 par ordre d\xE9croissant",
+        sortCleared: "Tri effac\xE9"
       },
       expandAllGroups: "D\xE9velopper tous les groupes",
       collapseAllGroups: "R\xE9duire tous les groupes",
@@ -106660,7 +106738,10 @@ var is_IS_default = {
         label: "Ra\xF0a eftir \xFEessum d\xE1lki",
         sortAscItem: "Ra\xF0a d\xE1lki h\xE6kkandi",
         sortDescItem: "Ra\xF0a d\xE1lki l\xE6kkandi",
-        sortResetItem: "D\xE1lki ekki flokka\xF0ur"
+        sortResetItem: "D\xE1lki ekki flokka\xF0ur",
+        sortAscending: "ra\xF0a\xF0 \xED h\xE6kkandi r\xF6\xF0",
+        sortDescending: "ra\xF0a\xF0 l\xE6kkandi",
+        sortCleared: "R\xF6\xF0un hreinsu\xF0"
       },
       expandAllGroups: "St\xE6kka\xF0u alla h\xF3pa",
       collapseAllGroups: "Draga saman alla h\xF3pa",
@@ -106831,7 +106912,10 @@ var it_IT_default = {
         label: "Ordina per questa colonna",
         sortAscItem: "Ordina colonna (crescente)",
         sortDescItem: "Ordina colonna (decrescente)",
-        sortResetItem: "Colonna non ordinata"
+        sortResetItem: "Colonna non ordinata",
+        sortAscending: "ordine crescente",
+        sortDescending: "ordine decrescente",
+        sortCleared: "Ordinamento cancellato"
       },
       expandAllGroups: "Espandi tutti i gruppi",
       collapseAllGroups: "Comprimi tutti i gruppi",
@@ -106984,7 +107068,7 @@ var ja_JP_default = {
         }
       },
       singleSelectFilter: {
-        placeholder: "\u91D1\u984D\u3092\u9078\u629E\u3059\u308B"
+        placeholder: "\u5024\u3092\u9078\u629E"
       },
       multiSelectQuickFilter: {
         ariaLabel: "\u30AF\u30A4\u30C3\u30AF\u30D5\u30A3\u30EB\u30BF\u30FC: \u8907\u6570\u306E\u30AA\u30D7\u30B7\u30E7\u30F3\u3092\u9078\u629E"
@@ -107002,7 +107086,10 @@ var ja_JP_default = {
         label: "\u3053\u306E\u5217\u3067\u4E26\u3079\u66FF\u3048\u308B",
         sortAscItem: "\u5217\u3092\u6607\u9806\u306B\u4E26\u3079\u66FF\u3048\u308B",
         sortDescItem: "\u5217\u3092\u964D\u9806\u306B\u4E26\u3079\u66FF\u3048\u308B",
-        sortResetItem: "\u5217\u306E\u4E26\u3079\u66FF\u3048\u306A\u3057"
+        sortResetItem: "\u5217\u306E\u4E26\u3079\u66FF\u3048\u306A\u3057",
+        sortAscending: "\u6607\u9806",
+        sortDescending: "\u964D\u9806\u3067\u30BD\u30FC\u30C8",
+        sortCleared: "\u30BD\u30FC\u30C8\u304C\u30AF\u30EA\u30A2\u3055\u308C\u307E\u3057\u305F"
       },
       expandAllGroups: "\u3059\u3079\u3066\u306E\u30B0\u30EB\u30FC\u30D7\u3092\u5C55\u958B\u3059\u308B",
       collapseAllGroups: "\u3059\u3079\u3066\u306E\u30B0\u30EB\u30FC\u30D7\u3092\u6298\u308A\u305F\u305F\u3080",
@@ -107344,7 +107431,10 @@ var pl_PL_default = {
         label: "Sortuj wed\u0142ug tej kolumny",
         sortAscItem: "Sortuj kolumny rosn\u0105co",
         sortDescItem: "Sortuj kolumny malej\u0105co",
-        sortResetItem: "Kolumna nieposortowana"
+        sortResetItem: "Kolumna nieposortowana",
+        sortAscending: "sortowanie rosn\u0105co",
+        sortDescending: "sortowanie malej\u0105co",
+        sortCleared: "Sortowanie wyczyszczone"
       },
       expandAllGroups: "Rozwi\u0144 wszystkie grupy",
       collapseAllGroups: "Zwi\u0144 wszystkie grupy",
@@ -107474,6 +107564,7 @@ var pseudo_default = {
       moreFilters: "[\u1E3E\u1E3E\u1E3E\u01FF\u0159\u1E17 \xB7 \u0191\u012B\u0140\u0167\u1E17\u0159\u015F\u015F\u015F]",
       clearAllFilters: "[\u0187\u0187\u0187\u0187\u0140\u1E17\u0227\u0159 \xB7 \u0226\u0140\u0140 \xB7 \u0191\u012B\u0140\u0167\u1E17\u0159\u015F\u015F\u015F\u015F]",
       close: "[\u0187\u0140\u01FF\u015F\u1E17]",
+      removeFilterToken: "[\u0158\u0158\u1E17\u1E3F\u01FF\u1E7D\u1E17 \xB7  \xB7 [NOTRANSLATE]%{name}[/NOTRANSLATE]]",
       locationFilter: {
         selectAll: "[\u015E\u015E\u1E17\u0140\u1E17\u0188\u0167 \xB7 \u0227\u0140\u0140\u0140]",
         includeSublocations: "[\u012A\u012A\u012A\u012A\u019E\u0188\u0140\u016D\u1E13\u1E17 \xB7 \u015F\u016D\u0180\u0140\u01FF\u0188\u0227\u0167\u012B\u01FF\u019E\u015F\u015F\u015F\u015F]",
@@ -107511,6 +107602,7 @@ var pseudo_default = {
       secondary: "[\u012A\u012A\u012A\u012A\u012A\u012A\u012A\u012A\u012A\u012A\u019E\u0192\u01FF\u0159\u1E3F\u0227\u0167\u012B\u01FF\u019E \xB7 \u0140\u01FF\u0227\u1E13\u012B\u019E\u0260, \xB7 \u0167\u0127\u0227\u019E\u0137\u015F \xB7 \u0192\u01FF\u0159 \xB7 \u1E8F\u01FF\u016D\u0159 \xB7 \u01A5\u0227\u0167\u012B\u1E17\u019E\u0188\u1E17..........]"
     },
     menuOptions: {
+      ariaMenuColumn: "[\u01A4\u01A4\u01A4\u01A4\u01A4\u01A4\u01A4\u01A4\u01A4\u0159\u1E17\u015F\u015F \xB7 \u0226\u0140\u0167/\u01FE\u01A5\u0167\u012B\u01FF\u019E+\u1E12\u01FF\u1E87\u019E \xB7 \u0167\u01FF \xB7 \u01FF\u01A5\u1E17\u019E \xB7 \u0188\u01FF\u0140\u016D\u1E3F\u019E \xB7 \u1E3F\u1E17\u019E\u016D.........]",
       sortMenuItem: {
         label: "[\u015E\u015E\u015E\u015E\u01FF\u0159\u0167 \xB7 \u0181\u1E8F \xB7 \u0166\u0127\u012B\u015F \xB7 \u0187\u01FF\u0140\u016D\u1E3F\u019E\u019E\u019E\u019E]",
         sortAscItem: "[\u015E\u015E\u015E\u015E\u015E\u01FF\u0159\u0167 \xB7 \u0187\u01FF\u0140\u016D\u1E3F\u019E \xB7 \u0226\u015F\u0188\u1E17\u019E\u1E13\u012B\u019E\u0260\u0260\u0260\u0260\u0260]",
@@ -107689,7 +107781,10 @@ var pt_BR_default = {
         label: "Classificar por Esta Coluna",
         sortAscItem: "Classificar Coluna em Ordem Crescente",
         sortDescItem: "Classificar Coluna em Ordem Decrescente",
-        sortResetItem: "Coluna N\xE3o Classificada"
+        sortResetItem: "Coluna N\xE3o Classificada",
+        sortAscending: "classificado em ordem crescente",
+        sortDescending: "classificado em ordem decrescente",
+        sortCleared: "Classifica\xE7\xE3o apagada"
       },
       expandAllGroups: "Expandir Todos os Grupos",
       collapseAllGroups: "Recolher Todos os Grupos",
@@ -107860,13 +107955,16 @@ var pt_PT_default = {
         label: "Ordenar por esta coluna",
         sortAscItem: "Ordenar coluna por ordem ascendente",
         sortDescItem: "Ordenar coluna por ordem descendente",
-        sortResetItem: "Coluna n\xE3o ordenada"
+        sortResetItem: "Coluna n\xE3o ordenada",
+        sortAscending: "ordenado por ordem crescente",
+        sortDescending: "ordenado por ordem decrescente",
+        sortCleared: "Ordena\xE7\xE3o limpa"
       },
       expandAllGroups: "Expandir todos os grupos",
       collapseAllGroups: "Fechar todos os grupos",
-      pinColumn: "Marcar coluna",
-      pinLeft: "Marcar \xE0 esquerda",
-      pinRight: "Marcar \xE0 direita",
+      pinColumn: "Afixar coluna",
+      pinLeft: "Afixar \xE0 esquerda",
+      pinRight: "Afixar \xE0 direita",
       noPin: "Sem marcador",
       autoSizeThisColumn: "Dimensionar esta coluna automaticamente",
       autoSizeAllColumns: "Dimensionar automaticamente todas as colunas",
@@ -108031,7 +108129,10 @@ var th_TH_default = {
         label: "\u0E08\u0E31\u0E14\u0E40\u0E23\u0E35\u0E22\u0E07\u0E15\u0E32\u0E21\u0E04\u0E2D\u0E25\u0E31\u0E21\u0E19\u0E4C\u0E19\u0E35\u0E49",
         sortAscItem: "\u0E08\u0E31\u0E14\u0E40\u0E23\u0E35\u0E22\u0E07\u0E04\u0E2D\u0E25\u0E31\u0E21\u0E19\u0E4C\u0E08\u0E32\u0E01\u0E19\u0E49\u0E2D\u0E22\u0E44\u0E1B\u0E21\u0E32\u0E01",
         sortDescItem: "\u0E08\u0E31\u0E14\u0E40\u0E23\u0E35\u0E22\u0E07\u0E04\u0E2D\u0E25\u0E31\u0E21\u0E19\u0E4C\u0E08\u0E32\u0E01\u0E21\u0E32\u0E01\u0E44\u0E1B\u0E2B\u0E32\u0E19\u0E49\u0E2D\u0E22",
-        sortResetItem: "\u0E44\u0E21\u0E48\u0E44\u0E14\u0E49\u0E08\u0E31\u0E14\u0E40\u0E23\u0E35\u0E22\u0E07\u0E04\u0E2D\u0E25\u0E31\u0E21\u0E19\u0E4C"
+        sortResetItem: "\u0E44\u0E21\u0E48\u0E44\u0E14\u0E49\u0E08\u0E31\u0E14\u0E40\u0E23\u0E35\u0E22\u0E07\u0E04\u0E2D\u0E25\u0E31\u0E21\u0E19\u0E4C",
+        sortAscending: "\u0E40\u0E23\u0E35\u0E22\u0E07\u0E25\u0E33\u0E14\u0E31\u0E1A\u0E08\u0E32\u0E01\u0E19\u0E49\u0E2D\u0E22\u0E44\u0E1B\u0E21\u0E32\u0E01",
+        sortDescending: "\u0E40\u0E23\u0E35\u0E22\u0E07\u0E25\u0E33\u0E14\u0E31\u0E1A\u0E08\u0E32\u0E01\u0E21\u0E32\u0E01\u0E44\u0E1B\u0E19\u0E49\u0E2D\u0E22",
+        sortCleared: "\u0E01\u0E32\u0E23\u0E08\u0E31\u0E14\u0E40\u0E23\u0E35\u0E22\u0E07\u0E40\u0E2A\u0E23\u0E47\u0E08\u0E2A\u0E34\u0E49\u0E19\u0E41\u0E25\u0E49\u0E27"
       },
       expandAllGroups: "\u0E02\u0E22\u0E32\u0E22\u0E17\u0E38\u0E01\u0E01\u0E25\u0E38\u0E48\u0E21",
       collapseAllGroups: "\u0E22\u0E38\u0E1A\u0E17\u0E38\u0E01\u0E01\u0E25\u0E38\u0E48\u0E21",
@@ -108202,7 +108303,10 @@ var zh_SG_default = {
         label: "\u6309\u6B64\u5217\u6392\u5E8F",
         sortAscItem: "\u6309\u5347\u5E8F\u5BF9\u5217\u6392\u5E8F",
         sortDescItem: "\u6309\u964D\u5E8F\u5BF9\u5217\u6392\u5E8F",
-        sortResetItem: "\u5217\u672A\u6392\u5E8F"
+        sortResetItem: "\u5217\u672A\u6392\u5E8F",
+        sortAscending: "\u5DF2\u6309\u5347\u5E8F\u6392\u5217",
+        sortDescending: "\u5DF2\u6309\u964D\u5E8F\u6392\u5217",
+        sortCleared: "\u5DF2\u6E05\u9664\u6392\u5E8F"
       },
       expandAllGroups: "\u5C55\u5F00\u6240\u6709\u7EC4",
       collapseAllGroups: "\u6298\u53E0\u6240\u6709\u7EC4",
@@ -108373,7 +108477,10 @@ var zh_TW_default = {
         label: "\u4F9D\u6B64\u6B04\u4F4D\u6392\u5E8F",
         sortAscItem: "\u905E\u589E\u6392\u5E8F\u6B04\u4F4D",
         sortDescItem: "\u905E\u6E1B\u6392\u5E8F\u6B04\u4F4D",
-        sortResetItem: "\u672A\u6392\u5E8F\u6B04\u4F4D"
+        sortResetItem: "\u672A\u6392\u5E8F\u6B04\u4F4D",
+        sortAscending: "\u5DF2\u905E\u589E\u6392\u5E8F",
+        sortDescending: "\u5DF2\u905E\u6E1B\u6392\u5E8F",
+        sortCleared: "\u5DF2\u6E05\u9664\u6392\u5E8F"
       },
       expandAllGroups: "\u5C55\u958B\u6240\u6709\u7FA4\u7D44",
       collapseAllGroups: "\u647A\u758A\u6240\u6709\u7FA4\u7D44",
@@ -110534,7 +110641,21 @@ var Table = (props) => {
             params.api
           );
         },
-        headerCheckboxSelectionFilteredOnly: true
+        headerCheckboxSelectionFilteredOnly: true,
+        // Needed to suppress ag-grid's default keyboard event handling for header menu keys when menu is open
+        suppressHeaderKeyboardEvent({ event }) {
+          var _a2;
+          const headerCell = (_a2 = event.target) == null ? void 0 : _a2.closest(
+            ".ag-header-cell"
+          );
+          const isMenuOpen = !!(headerCell == null ? void 0 : headerCell.querySelector(
+            '[aria-expanded="true"]'
+          ));
+          if (isMenuOpen && ["ArrowDown", "ArrowUp", "Enter", "Escape"].includes(event.key)) {
+            return true;
+          }
+          return false;
+        }
       };
     },
     [
@@ -110717,6 +110838,9 @@ var Table = (props) => {
           suppressPropertyNamesCheck: true,
           suppressRowClickSelection: props.suppressRowClickSelection || tableRowSelectionEnabled,
           suppressPaginationPanel: true,
+          localeText: {
+            ariaMenuColumn: I18n.t("dataTable.menuOptions.ariaMenuColumn")
+          },
           tabToNextCell: props.tabToNextCell,
           ...clientSideRowData,
           ...detailRowConfigProps,
@@ -111053,14 +111177,22 @@ var BaseFiltersPanel = ({
   onClearAllFilters = noop5,
   ...props
 }) => {
+  const ref = React80__default.default.useRef(null);
   const { contextPanel } = useInternalTableContext();
   const I18n = coreReact.useI18nContext();
+  const hidden = !contextPanel.isVisible || contextPanel.content !== "filters";
+  React80__default.default.useLayoutEffect(() => {
+    if (ref.current) {
+      ref.current.inert = hidden;
+    }
+  }, [hidden]);
   return /* @__PURE__ */ React80__default.default.createElement(
     coreReact.Card,
     {
+      ref,
       style: { maxHeight: "100vh" },
       className: cx20("contextPanel", className, {
-        "contextPanel--hidden": !contextPanel.isVisible || contextPanel.content !== "filters"
+        "contextPanel--hidden": hidden
       }),
       "data-qa": "data-table-filters-context-panel",
       ...props
@@ -112353,6 +112485,7 @@ var StyledFilterTokenWrapper = styled4__default.default.div`
 var ClientSideQuickFilters = ({ overlayMatchesTriggerWidth }) => {
   const { tableRef, filterState, getColumnDefinition } = useInternalTableContext();
   const hasNoContent = useTableHasNoContent();
+  const I18n = coreReact.useI18nContext();
   const { quickFilters, tokens } = React80__default.default.useMemo(() => {
     return filterState.allAvailableFilters.reduce(
       (acc, filter) => {
@@ -112424,9 +112557,13 @@ var ClientSideQuickFilters = ({ overlayMatchesTriggerWidth }) => {
       if (!colDef) {
         return null;
       }
-      return /* @__PURE__ */ React80__default.default.createElement(StyledFilterTokenWrapper, { key: filter.field }, /* @__PURE__ */ React80__default.default.createElement(coreReact.UNSAFE_FilterToken, null, /* @__PURE__ */ React80__default.default.createElement(coreReact.UNSAFE_FilterToken.Label, null, /* @__PURE__ */ React80__default.default.createElement(React80__default.default.Fragment, null, getFilterTokenText(colDef, filter.filterValues))), /* @__PURE__ */ React80__default.default.createElement(
+      const tokenText = getFilterTokenText(colDef, filter.filterValues);
+      return /* @__PURE__ */ React80__default.default.createElement(StyledFilterTokenWrapper, { key: filter.field }, /* @__PURE__ */ React80__default.default.createElement(coreReact.UNSAFE_FilterToken, null, /* @__PURE__ */ React80__default.default.createElement(coreReact.UNSAFE_FilterToken.Label, null, /* @__PURE__ */ React80__default.default.createElement(React80__default.default.Fragment, null, tokenText)), /* @__PURE__ */ React80__default.default.createElement(
         coreReact.UNSAFE_FilterToken.Remove,
         {
+          "aria-label": I18n.t("dataTable.filters.removeFilterToken", {
+            name: tokenText
+          }),
           onClick: () => {
             var _a;
             return (_a = tableRef == null ? void 0 : tableRef.current) == null ? void 0 : _a.removeFilter(filter.field);
@@ -112448,6 +112585,7 @@ var ServerSideQuickFilters = ({ overlayMatchesTriggerWidth }) => {
     getColumnDefinition
   } = useInternalTableContext();
   const hasNoContent = useTableHasNoContent();
+  const I18n = coreReact.useI18nContext();
   const { quickFilterNames, tokenNames } = React80__default.default.useMemo(() => {
     const appliedFilterNames = Object.keys(selectedFilters);
     const isActiveFilter = (filterName) => appliedFilterNames.includes(filterName);
@@ -112523,12 +112661,16 @@ var ServerSideQuickFilters = ({ overlayMatchesTriggerWidth }) => {
         return null;
       }
       const filter = getListFilter(fieldName);
-      return /* @__PURE__ */ React80__default.default.createElement(StyledFilterTokenWrapper, { key: fieldName }, /* @__PURE__ */ React80__default.default.createElement(coreReact.UNSAFE_FilterToken, null, /* @__PURE__ */ React80__default.default.createElement(coreReact.UNSAFE_FilterToken.Label, null, /* @__PURE__ */ React80__default.default.createElement(React80__default.default.Fragment, null, getFilterTokenText(
+      const tokenText = getFilterTokenText(
         colDef,
         colDef.filterRenderer === DateFilterRenderer_default ? filter.value : filter.selected
-      ))), /* @__PURE__ */ React80__default.default.createElement(
+      );
+      return /* @__PURE__ */ React80__default.default.createElement(StyledFilterTokenWrapper, { key: fieldName }, /* @__PURE__ */ React80__default.default.createElement(coreReact.UNSAFE_FilterToken, null, /* @__PURE__ */ React80__default.default.createElement(coreReact.UNSAFE_FilterToken.Label, null, /* @__PURE__ */ React80__default.default.createElement(React80__default.default.Fragment, null, tokenText)), /* @__PURE__ */ React80__default.default.createElement(
         coreReact.UNSAFE_FilterToken.Remove,
         {
+          "aria-label": I18n.t("dataTable.filters.removeFilterToken", {
+            name: tokenText
+          }),
           "data-qa": "data-table-quick-filter-remove-token",
           onClick: () => onClearFilter(fieldName)
         }