@procore/data-table 14.43.1 → 14.44.0

package/dist/modern/index.js

@@ -56527,6 +56527,7 @@ var GenericHeaderRenderer = (props) => {
     I18n
   );
   const headerCellRef = useRef(null);
+  const menuButtonRef = useRef(null);
   const headerCheckboxSelection = colDef.headerCheckboxSelection;
   const headerCheckboxSelectionEnabled = typeof headerCheckboxSelection === "function" ? headerCheckboxSelection({
     api: props.api,
@@ -56885,6 +56886,50 @@ var GenericHeaderRenderer = (props) => {
     expansionVariant,
     onSSDR
   );
+  React80.useEffect(() => {
+    if (!props.enableMenu) return;
+    const MENU_SYNTHETIC = "__menu_synthetic_keydown";
+    const handler = (e) => {
+      const button = menuButtonRef.current?.querySelector("button");
+      const isMenuOpen = button?.getAttribute("aria-expanded") === "true";
+      if (e[MENU_SYNTHETIC]) {
+        return;
+      }
+      if (e.altKey && e.key === "ArrowDown" && !isMenuOpen) {
+        e.preventDefault();
+        e.stopPropagation();
+        button?.focus();
+        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?.click();
+          break;
+      }
+    };
+    props.eGridHeader.addEventListener("keydown", handler, true);
+    return () => props.eGridHeader.removeEventListener("keydown", handler, true);
+  }, [props.eGridHeader, props.enableMenu]);
   return /* @__PURE__ */ React80.createElement(
     Flex,
     {
@@ -56959,6 +57004,7 @@ var GenericHeaderRenderer = (props) => {
     props.enableMenu && /* @__PURE__ */ React80.createElement(
       DropdownFlyout,
       {
+        ref: menuButtonRef,
         className: "data-table-header-menu",
         size: "sm",
         options: orderMenuOptions(),
@@ -104078,6 +104124,10 @@ var BulkEditPanel = ({}) => {
   const { contextPanel, suppressBulkEditToasts } = useInternalTableContext();
   const I18n = useI18nContext();
   const bulkEditRef = React80.useRef(null);
+  const bodyRef = React80.useRef(null);
+  useEffect(() => {
+    bodyRef.current?.focus();
+  }, []);
   return /* @__PURE__ */ React80.createElement(Panel, null, /* @__PURE__ */ React80.createElement(
     Panel.Header,
     {
@@ -104087,7 +104137,7 @@ var BulkEditPanel = ({}) => {
       }
     },
     /* @__PURE__ */ React80.createElement(Panel.Title, null, I18n.t("dataTable.bulkActions.editValues"))
-  ), /* @__PURE__ */ React80.createElement(Panel.Body, null, /* @__PURE__ */ React80.createElement(Panel.Section, null, /* @__PURE__ */ React80.createElement(
+  ), /* @__PURE__ */ React80.createElement(Panel.Body, { ref: bodyRef }, /* @__PURE__ */ React80.createElement(Panel.Section, null, /* @__PURE__ */ React80.createElement(
     BulkEdit,
     {
       ref: bulkEditRef,
@@ -104966,7 +105016,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",
@@ -105137,7 +105190,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",
@@ -105308,7 +105364,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",
@@ -105479,7 +105538,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",
@@ -105609,6 +105671,7 @@ var en_default = {
       moreFilters: "More Filters",
       clearAllFilters: "Clear All Filters",
       close: "Close",
+      removeFilterToken: "Remove %{name}",
       locationFilter: {
         selectAll: "Select all",
         includeSublocations: "Include sublocations",
@@ -105646,6 +105709,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",
@@ -105752,7 +105816,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",
@@ -105824,7 +105888,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",
@@ -105995,7 +106062,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",
@@ -106166,7 +106236,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",
@@ -106337,7 +106410,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",
@@ -106508,7 +106584,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",
@@ -106679,7 +106758,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",
@@ -106832,7 +106914,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"
@@ -106850,7 +106932,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",
@@ -107192,7 +107277,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",
@@ -107322,6 +107410,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]",
@@ -107359,6 +107448,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]",
@@ -107537,7 +107627,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",
@@ -107708,13 +107801,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",
@@ -107879,7 +107975,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",
@@ -108050,7 +108149,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",
@@ -108221,7 +108323,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",
@@ -110332,7 +110437,20 @@ 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 }) {
+          const headerCell = event.target?.closest(
+            ".ag-header-cell"
+          );
+          const isMenuOpen = !!headerCell?.querySelector(
+            '[aria-expanded="true"]'
+          );
+          if (isMenuOpen && ["ArrowDown", "ArrowUp", "Enter", "Escape"].includes(event.key)) {
+            return true;
+          }
+          return false;
+        }
       };
     },
     [
@@ -110515,6 +110633,9 @@ var Table = (props) => {
           suppressPropertyNamesCheck: true,
           suppressRowClickSelection: props.suppressRowClickSelection || tableRowSelectionEnabled,
           suppressPaginationPanel: true,
+          localeText: {
+            ariaMenuColumn: I18n.t("dataTable.menuOptions.ariaMenuColumn")
+          },
           tabToNextCell: props.tabToNextCell,
           ...clientSideRowData,
           ...detailRowConfigProps,
@@ -110850,14 +110971,22 @@ var BaseFiltersPanel = ({
   onClearAllFilters = noop5,
   ...props
 }) => {
+  const ref = React80.useRef(null);
   const { contextPanel } = useInternalTableContext();
   const I18n = useI18nContext();
+  const hidden = !contextPanel.isVisible || contextPanel.content !== "filters";
+  React80.useLayoutEffect(() => {
+    if (ref.current) {
+      ref.current.inert = hidden;
+    }
+  }, [hidden]);
   return /* @__PURE__ */ React80.createElement(
     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
@@ -112124,6 +112253,7 @@ var StyledFilterTokenWrapper = styled4.div`
 var ClientSideQuickFilters = ({ overlayMatchesTriggerWidth }) => {
   const { tableRef, filterState, getColumnDefinition } = useInternalTableContext();
   const hasNoContent = useTableHasNoContent();
+  const I18n = useI18nContext();
   const { quickFilters, tokens } = React80.useMemo(() => {
     return filterState.allAvailableFilters.reduce(
       (acc, filter) => {
@@ -112188,9 +112318,13 @@ var ClientSideQuickFilters = ({ overlayMatchesTriggerWidth }) => {
       if (!colDef) {
         return null;
       }
-      return /* @__PURE__ */ React80.createElement(StyledFilterTokenWrapper, { key: filter.field }, /* @__PURE__ */ React80.createElement(UNSAFE_FilterToken, null, /* @__PURE__ */ React80.createElement(UNSAFE_FilterToken.Label, null, /* @__PURE__ */ React80.createElement(React80.Fragment, null, getFilterTokenText(colDef, filter.filterValues))), /* @__PURE__ */ React80.createElement(
+      const tokenText = getFilterTokenText(colDef, filter.filterValues);
+      return /* @__PURE__ */ React80.createElement(StyledFilterTokenWrapper, { key: filter.field }, /* @__PURE__ */ React80.createElement(UNSAFE_FilterToken, null, /* @__PURE__ */ React80.createElement(UNSAFE_FilterToken.Label, null, /* @__PURE__ */ React80.createElement(React80.Fragment, null, tokenText)), /* @__PURE__ */ React80.createElement(
         UNSAFE_FilterToken.Remove,
         {
+          "aria-label": I18n.t("dataTable.filters.removeFilterToken", {
+            name: tokenText
+          }),
           onClick: () => tableRef?.current?.removeFilter(filter.field)
         }
       )));
@@ -112209,6 +112343,7 @@ var ServerSideQuickFilters = ({ overlayMatchesTriggerWidth }) => {
     getColumnDefinition
   } = useInternalTableContext();
   const hasNoContent = useTableHasNoContent();
+  const I18n = useI18nContext();
   const { quickFilterNames, tokenNames } = React80.useMemo(() => {
     const appliedFilterNames = Object.keys(selectedFilters);
     const isActiveFilter = (filterName) => appliedFilterNames.includes(filterName);
@@ -112283,12 +112418,16 @@ var ServerSideQuickFilters = ({ overlayMatchesTriggerWidth }) => {
         return null;
       }
       const filter = getListFilter(fieldName);
-      return /* @__PURE__ */ React80.createElement(StyledFilterTokenWrapper, { key: fieldName }, /* @__PURE__ */ React80.createElement(UNSAFE_FilterToken, null, /* @__PURE__ */ React80.createElement(UNSAFE_FilterToken.Label, null, /* @__PURE__ */ React80.createElement(React80.Fragment, null, getFilterTokenText(
+      const tokenText = getFilterTokenText(
         colDef,
         colDef.filterRenderer === DateFilterRenderer_default ? filter.value : filter.selected
-      ))), /* @__PURE__ */ React80.createElement(
+      );
+      return /* @__PURE__ */ React80.createElement(StyledFilterTokenWrapper, { key: fieldName }, /* @__PURE__ */ React80.createElement(UNSAFE_FilterToken, null, /* @__PURE__ */ React80.createElement(UNSAFE_FilterToken.Label, null, /* @__PURE__ */ React80.createElement(React80.Fragment, null, tokenText)), /* @__PURE__ */ React80.createElement(
         UNSAFE_FilterToken.Remove,
         {
+          "aria-label": I18n.t("dataTable.filters.removeFilterToken", {
+            name: tokenText
+          }),
           "data-qa": "data-table-quick-filter-remove-token",
           onClick: () => onClearFilter(fieldName)
         }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@procore/data-table",
-  "version": "14.43.1",
+  "version": "14.44.0",
   "description": "Complex data grid built on top of ag-grid, with DST components and styles.",
   "author": "Procore Technologies",
   "homepage": "https://github.com/procore/core/tree/main/packages/data-table",
@@ -106,9 +106,9 @@
     "@dotenvx/dotenvx": "1.6.4",
     "@ngneat/falso": "6.4.0",
     "@procore/core-css": "10.17.0",
-    "@procore/core-icons": "^12.14.0",
+    "@procore/core-icons": "^12.15.0",
     "@procore/core-prettier": "10.2.0",
-    "@procore/core-react": "^12.42.0",
+    "@procore/core-react": "^12.44.0",
     "@procore/eslint-config": "10.0.0",
     "@procore/globalization-toolkit": "3.1.0",
     "@procore/labs-financials-utils": "4.3.1",