@procore/data-table 14.12.0 → 14.12.1

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Change Log
 
+## 14.12.1
+
+### Patch Changes
+
+- 86a0d0a3e5: Fix resizing pinned sections issue
+
 ## 14.12.0
 
 ### Minor Changes

package/dist/legacy/index.cjs

@@ -78164,8 +78164,9 @@ var de_DE_default = {
         title: "Aktuell gibt es keine anzuzeigenden Elemente.",
         itemsTitle: "Aktuell gibt es keine anzuzeigenden %{itemsLabel}",
         tooltip: "Die Schaltfl\xE4che %{featureName} wird aktiviert, sobald Sie dem Feld %{tableName} Informationen hinzuf\xFCgen.",
+        searchTooltip: "Die Suche wird aktiviert, sobald Sie Informationen zu den %{tableName}",
         featureFilter: "Filtern",
-        featureSearch: "Suchen",
+        featureQuickFilter: "Schnell-Filter",
         featureGroupBy: "Gruppieren nach",
         featureConfigure: "Konfigurieren",
         tableNameFallback: "Tabelle"
@@ -78291,6 +78292,10 @@ var de_DE_default = {
         single: "Einzeln",
         range: "Bereich"
       }
+    },
+    groupCell: {
+      expand: "Gruppe erweitern",
+      collapse: "Gruppe ausblenden"
     }
   }
 };
@@ -78309,8 +78314,9 @@ var en_AU_default = {
         title: "There Are No Items to Display Right Now",
         itemsTitle: "There Are No %{itemsLabel} to Display Right Now",
         tooltip: "The %{featureName} button will be enabled once you add information to the %{tableName}",
+        searchTooltip: "Search will be enabled once you add information to the %{tableName}",
         featureFilter: "Filter",
-        featureSearch: "Search",
+        featureQuickFilter: "Quick Filter",
         featureGroupBy: "Group By",
         featureConfigure: "Configure",
         tableNameFallback: "Table"
@@ -78436,6 +78442,10 @@ var en_AU_default = {
         single: "Single",
         range: "Range"
       }
+    },
+    groupCell: {
+      expand: "Expand group",
+      collapse: "Collapse group"
     }
   }
 };
@@ -78454,8 +78464,9 @@ var en_CA_default = {
         title: "There Are No Items to Display Right Now",
         itemsTitle: "There Are No %{itemsLabel} to Display Right Now",
         tooltip: "The %{featureName} button will be enabled once you add information to the %{tableName}",
+        searchTooltip: "Search will be enabled once you add information to the %{tableName}",
         featureFilter: "Filter",
-        featureSearch: "Search",
+        featureQuickFilter: "Quick Filter",
         featureGroupBy: "Group By",
         featureConfigure: "Configure",
         tableNameFallback: "Table"
@@ -78581,6 +78592,10 @@ var en_CA_default = {
         single: "Single",
         range: "Range"
       }
+    },
+    groupCell: {
+      expand: "Expand group",
+      collapse: "Collapse group"
     }
   }
 };
@@ -78599,8 +78614,9 @@ var en_GB_default = {
         title: "There Are No Items to Display Right Now",
         itemsTitle: "There Are No %{itemsLabel} to Display Right Now",
         tooltip: "The %{featureName} button will be enabled once you add information to the %{tableName}",
+        searchTooltip: "Search will be enabled once you add information to the %{tableName}",
         featureFilter: "Filter",
-        featureSearch: "Search",
+        featureQuickFilter: "Quick Filter",
         featureGroupBy: "Group By",
         featureConfigure: "Configure",
         tableNameFallback: "Table"
@@ -78726,6 +78742,10 @@ var en_GB_default = {
         single: "Single",
         range: "Range"
       }
+    },
+    groupCell: {
+      expand: "Expand group",
+      collapse: "Collapse group"
     }
   }
 };
@@ -78894,8 +78914,9 @@ 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 agregue informaci\xF3n a %{tableName}",
         featureFilter: "Filtro",
-        featureSearch: "Buscar",
+        featureQuickFilter: "Filtro r\xE1pido",
         featureGroupBy: "Agrupar por",
         featureConfigure: "Configurar",
         tableNameFallback: "tabla"
@@ -79021,6 +79042,10 @@ var es_ES_default = {
         single: "\xDAnica",
         range: "Rango"
       }
+    },
+    groupCell: {
+      expand: "Expandir grupo",
+      collapse: "Contraer grupo"
     }
   }
 };
@@ -79039,8 +79064,9 @@ var es_default = {
         title: "No hay \xEDtems 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 agregue informaci\xF3n al %{tableName}",
+        searchTooltip: "La b\xFAsqueda se habilitar\xE1 una vez que agregue informaci\xF3n a %{tableName}",
         featureFilter: "Filtro",
-        featureSearch: "Buscar",
+        featureQuickFilter: "Filtro r\xE1pido",
         featureGroupBy: "Agrupar por",
         featureConfigure: "Configurar",
         tableNameFallback: "tabla"
@@ -79166,6 +79192,10 @@ var es_default = {
         single: "\xDAnico",
         range: "Intervalo"
       }
+    },
+    groupCell: {
+      expand: "Expandir grupo",
+      collapse: "Colapsar grupo"
     }
   }
 };
@@ -79184,8 +79214,9 @@ var fr_CA_default = {
         title: "Il n'y a aucun item \xE0 afficher pour le moment",
         itemsTitle: "Il n'y a pas de %{itemsLabel} \xE0 afficher pour le moment",
         tooltip: "Le bouton %{featureName} sera activ\xE9 une fois que vous aurez ajout\xE9 des informations au %{tableName}",
+        searchTooltip: "La recherche sera activ\xE9e une fois que vous aurez ajout\xE9 de l'information au %{tableName}",
         featureFilter: "Filtre",
-        featureSearch: "Rechercher",
+        featureQuickFilter: "Filtre rapide",
         featureGroupBy: "Regrouper par",
         featureConfigure: "Configurer",
         tableNameFallback: "tableau"
@@ -79272,9 +79303,9 @@ var fr_CA_default = {
       configure: "Configurer"
     },
     rowGroupToggle: {
-      expandTierOne: "Ouvrez les premiers groupes du tableau.",
+      expandTierOne: "Ouvrir les premiers groupes du tableau.",
       expandAll: "Ouvrez tous les groupes du tableau.",
-      collapseAll: "Fermez tous les groupes du tableau."
+      collapseAll: "Fermer tous les groupes du tableau."
     },
     columnGroupToggle: {
       collapse: "R\xE9duire le groupe de colonnes",
@@ -79311,6 +79342,10 @@ var fr_CA_default = {
         single: "Seul",
         range: "Intervalle"
       }
+    },
+    groupCell: {
+      expand: "D\xE9velopper le groupe",
+      collapse: "R\xE9duire le groupe"
     }
   }
 };
@@ -79329,8 +79364,9 @@ var fr_FR_default = {
         title: "Aucun \xE9l\xE9ment \xE0 afficher pour l'instant",
         itemsTitle: "Aucun %{itemsLabel} \xE0 afficher pour l'instant",
         tooltip: "Le bouton %{featureName} sera activ\xE9 une fois que vous aurez ajout\xE9 des informations au tableau %{tableName}",
+        searchTooltip: "La recherche sera activ\xE9e une fois que vous aurez ajout\xE9 des informations au %{tableName}",
         featureFilter: "Filtrer",
-        featureSearch: "Rechercher",
+        featureQuickFilter: "Filtre rapide",
         featureGroupBy: "Regrouper par",
         featureConfigure: "Configurer",
         tableNameFallback: "Tableau"
@@ -79456,6 +79492,10 @@ var fr_FR_default = {
         single: "Unique",
         range: "Plage"
       }
+    },
+    groupCell: {
+      expand: "D\xE9velopper le groupe",
+      collapse: "R\xE9duire le groupe"
     }
   }
 };
@@ -79474,8 +79514,9 @@ var is_IS_default = {
         title: "\xDEa\xF0 eru engir hlutir til a\xF0 s\xFDna n\xFAna",
         itemsTitle: "\xDEa\xF0 eru engin %{itemsLabel} til a\xF0 s\xFDna n\xFAna",
         tooltip: "%{featureName} hnappurinn ver\xF0ur virkur \xFEegar \xFE\xFA b\xE6tir uppl\xFDsingum vi\xF0 %{tableName}",
+        searchTooltip: "Leit ver\xF0ur virkju\xF0 \xFEegar \xFE\xFA b\xE6tir uppl\xFDsingum vi\xF0 %{tableName}",
         featureFilter: "S\xEDa",
-        featureSearch: "Leita\xF0u",
+        featureQuickFilter: "Flj\xF3tleg s\xEDa",
         featureGroupBy: "H\xF3pur eftir",
         featureConfigure: "Stilla",
         tableNameFallback: "Tafla"
@@ -79601,6 +79642,10 @@ var is_IS_default = {
         single: "Einhleypur",
         range: "Svi\xF0"
       }
+    },
+    groupCell: {
+      expand: "St\xE6kka h\xF3pinn",
+      collapse: "Hrunh\xF3pur"
     }
   }
 };
@@ -79619,8 +79664,9 @@ var ja_JP_default = {
         title: "\u73FE\u5728\u3001\u8868\u793A\u3059\u308B\u9805\u76EE\u304C\u3042\u308A\u307E\u305B\u3093",
         itemsTitle: "\u73FE\u5728\u3001\u8868\u793A\u3059\u308B%{itemsLabel}\u304C\u3042\u308A\u307E\u305B\u3093",
         tooltip: "\u60C5\u5831\u3092%{tableName}\u306B\u8FFD\u52A0\u3059\u308B\u3068\u3001[%{featureName}]\u30DC\u30BF\u30F3\u304C\u6709\u52B9\u306B\u306A\u308A\u307E\u3059",
+        searchTooltip: "%{tableName}\u306B\u60C5\u5831\u3092\u8FFD\u52A0\u3059\u308B\u3068\u691C\u7D22\u304C\u6709\u52B9\u306B\u306A\u308A\u307E\u3059",
         featureFilter: "\u30D5\u30A3\u30EB\u30BF\u30FC",
-        featureSearch: "\u691C\u7D22",
+        featureQuickFilter: "\u30AF\u30A4\u30C3\u30AF\u30D5\u30A3\u30EB\u30BF\u30FC",
         featureGroupBy: "\u30B0\u30EB\u30FC\u30D7\u5316",
         featureConfigure: "\u69CB\u6210",
         tableNameFallback: "\u8868"
@@ -79746,6 +79792,10 @@ var ja_JP_default = {
         single: "\u5358\u72EC",
         range: "\u7BC4\u56F2"
       }
+    },
+    groupCell: {
+      expand: "\u30B0\u30EB\u30FC\u30D7\u3092\u5C55\u958B\u3059\u308B",
+      collapse: "\u30B0\u30EB\u30FC\u30D7\u3092\u6298\u308A\u305F\u305F\u3080"
     }
   }
 };
@@ -79914,8 +79964,9 @@ var pt_BR_default = {
         title: "N\xE3o H\xE1 Itens para Exibir Agora",
         itemsTitle: "N\xE3o H\xE1 %{itemsLabel} para Exibir Agora",
         tooltip: "O bot\xE3o %{featureName} ser\xE1 ativado assim que voc\xEA adicionar informa\xE7\xF5es ao %{tableName}",
+        searchTooltip: "A pesquisa ser\xE1 ativada assim que voc\xEA adicionar informa\xE7\xF5es \xE0 tabela %{tableName}",
         featureFilter: "Filtrar",
-        featureSearch: "Pesquisar",
+        featureQuickFilter: "Filtro r\xE1pido",
         featureGroupBy: "Agrupar por",
         featureConfigure: "Configurar",
         tableNameFallback: "tabela"
@@ -80041,6 +80092,10 @@ var pt_BR_default = {
         single: "\xDAnico",
         range: "Intervalo"
       }
+    },
+    groupCell: {
+      expand: "Expandir grupo",
+      collapse: "Recolher grupo"
     }
   }
 };
@@ -80059,8 +80114,9 @@ var th_TH_default = {
         title: "\u0E44\u0E21\u0E48\u0E21\u0E35\u0E23\u0E32\u0E22\u0E01\u0E32\u0E23\u0E17\u0E35\u0E48\u0E08\u0E30\u0E41\u0E2A\u0E14\u0E07\u0E43\u0E19\u0E02\u0E13\u0E30\u0E19\u0E35\u0E49",
         itemsTitle: "\u0E44\u0E21\u0E48\u0E21\u0E35 %{itemsLabel} \u0E17\u0E35\u0E48\u0E08\u0E30\u0E41\u0E2A\u0E14\u0E07\u0E1C\u0E25\u0E43\u0E19\u0E02\u0E13\u0E30\u0E19\u0E35\u0E49",
         tooltip: "\u0E1B\u0E38\u0E48\u0E21 %{featureName} \u0E08\u0E30\u0E40\u0E1B\u0E34\u0E14\u0E43\u0E0A\u0E49\u0E07\u0E32\u0E19\u0E40\u0E21\u0E37\u0E48\u0E2D\u0E04\u0E38\u0E13\u0E40\u0E1E\u0E34\u0E48\u0E21\u0E02\u0E49\u0E2D\u0E21\u0E39\u0E25\u0E25\u0E07\u0E43\u0E19 %{tableName}",
+        searchTooltip: "\u0E01\u0E32\u0E23\u0E04\u0E49\u0E19\u0E2B\u0E32\u0E08\u0E30\u0E40\u0E1B\u0E34\u0E14\u0E43\u0E0A\u0E49\u0E07\u0E32\u0E19\u0E40\u0E21\u0E37\u0E48\u0E2D\u0E04\u0E38\u0E13\u0E40\u0E1E\u0E34\u0E48\u0E21\u0E02\u0E49\u0E2D\u0E21\u0E39\u0E25\u0E25\u0E07\u0E43\u0E19 %{tableName}",
         featureFilter: "\u0E15\u0E31\u0E27\u0E01\u0E23\u0E2D\u0E07",
-        featureSearch: "\u0E04\u0E49\u0E19\u0E2B\u0E32",
+        featureQuickFilter: "\u0E15\u0E31\u0E27\u0E01\u0E23\u0E2D\u0E07\u0E14\u0E48\u0E27\u0E19",
         featureGroupBy: "\u0E41\u0E1A\u0E48\u0E07\u0E01\u0E25\u0E38\u0E48\u0E21\u0E15\u0E32\u0E21",
         featureConfigure: "\u0E01\u0E33\u0E2B\u0E19\u0E14\u0E04\u0E48\u0E32",
         tableNameFallback: "\u0E15\u0E32\u0E23\u0E32\u0E07"
@@ -80186,6 +80242,10 @@ var th_TH_default = {
         single: "\u0E40\u0E14\u0E35\u0E48\u0E22\u0E27",
         range: "\u0E41\u0E19\u0E27"
       }
+    },
+    groupCell: {
+      expand: "\u0E02\u0E22\u0E32\u0E22\u0E01\u0E25\u0E38\u0E48\u0E21",
+      collapse: "\u0E01\u0E32\u0E23\u0E22\u0E38\u0E1A\u0E01\u0E25\u0E38\u0E48\u0E21"
     }
   }
 };
@@ -80204,8 +80264,9 @@ var zh_SG_default = {
         title: "\u5F53\u524D\u6CA1\u6709\u53EF\u663E\u793A\u7684\u9879",
         itemsTitle: "\u5F53\u524D\u6CA1\u6709\u53EF\u663E\u793A\u7684%{itemsLabel}",
         tooltip: "\u4F60\u5C06\u4FE1\u606F\u6DFB\u52A0\u5230 %{tableName} \u540E\uFF0C\u7CFB\u7EDF\u5C06\u542F\u7528%{featureName}\u6309\u94AE",
+        searchTooltip: "\u4E00\u65E6\u60A8\u5C06\u4FE1\u606F\u6DFB\u52A0\u5230%{tableName}\u641C\u7D22\u529F\u80FD\u5C31\u4F1A\u542F\u7528",
         featureFilter: "\u7B5B\u9009\u5668",
-        featureSearch: "\u641C\u7D22",
+        featureQuickFilter: "\u5FEB\u901F\u7B5B\u9009",
         featureGroupBy: "\u5206\u7EC4\u4F9D\u636E",
         featureConfigure: "\u914D\u7F6E",
         tableNameFallback: "\u8868\u683C"
@@ -80331,6 +80392,10 @@ var zh_SG_default = {
         single: "\u5355\u4E2A",
         range: "\u8303\u56F4"
       }
+    },
+    groupCell: {
+      expand: "\u5C55\u5F00\u7EC4",
+      collapse: "\u6298\u53E0\u7EC4"
     }
   }
 };
@@ -81952,10 +82017,27 @@ var Table = (props) => {
     },
     [columnApi, internalTableContext]
   );
-  const onColumnResized = React76__default.default.useCallback(() => {
-    internalTableContext.onTableConfigChange();
-    setHeaderHeight();
-  }, [internalTableContext.onTableConfigChange]);
+  const onColumnResized = React76__default.default.useCallback(
+    (params) => {
+      internalTableContext.onTableConfigChange();
+      setHeaderHeight();
+      if (wrapperRef.current && params.column) {
+        const { columnApi: columnApi2, column: column2 } = params;
+        const tableWidth = wrapperRef.current.clientWidth;
+        const columnState = columnApi2.getColumnState();
+        const pinnedColumns = columnState.filter(
+          (column3) => column3.pinned
+        );
+        const totalPinnedWidth = pinnedColumns.reduce(
+          (acc, column3) => acc + column3.width,
+          0
+        );
+        const currentPinnedColumnMaxWidth = tableWidth - totalPinnedWidth + column2.actualWidth - 50;
+        column2.maxWidth = currentPinnedColumnMaxWidth;
+      }
+    },
+    [internalTableContext.onTableConfigChange]
+  );
   const onDisplayedColumnsChanged = React76__default.default.useCallback(
     (event) => {
       var _a2;

package/dist/legacy/index.js

@@ -78150,8 +78150,9 @@ var de_DE_default = {
         title: "Aktuell gibt es keine anzuzeigenden Elemente.",
         itemsTitle: "Aktuell gibt es keine anzuzeigenden %{itemsLabel}",
         tooltip: "Die Schaltfl\xE4che %{featureName} wird aktiviert, sobald Sie dem Feld %{tableName} Informationen hinzuf\xFCgen.",
+        searchTooltip: "Die Suche wird aktiviert, sobald Sie Informationen zu den %{tableName}",
         featureFilter: "Filtern",
-        featureSearch: "Suchen",
+        featureQuickFilter: "Schnell-Filter",
         featureGroupBy: "Gruppieren nach",
         featureConfigure: "Konfigurieren",
         tableNameFallback: "Tabelle"
@@ -78277,6 +78278,10 @@ var de_DE_default = {
         single: "Einzeln",
         range: "Bereich"
       }
+    },
+    groupCell: {
+      expand: "Gruppe erweitern",
+      collapse: "Gruppe ausblenden"
     }
   }
 };
@@ -78295,8 +78300,9 @@ var en_AU_default = {
         title: "There Are No Items to Display Right Now",
         itemsTitle: "There Are No %{itemsLabel} to Display Right Now",
         tooltip: "The %{featureName} button will be enabled once you add information to the %{tableName}",
+        searchTooltip: "Search will be enabled once you add information to the %{tableName}",
         featureFilter: "Filter",
-        featureSearch: "Search",
+        featureQuickFilter: "Quick Filter",
         featureGroupBy: "Group By",
         featureConfigure: "Configure",
         tableNameFallback: "Table"
@@ -78422,6 +78428,10 @@ var en_AU_default = {
         single: "Single",
         range: "Range"
       }
+    },
+    groupCell: {
+      expand: "Expand group",
+      collapse: "Collapse group"
     }
   }
 };
@@ -78440,8 +78450,9 @@ var en_CA_default = {
         title: "There Are No Items to Display Right Now",
         itemsTitle: "There Are No %{itemsLabel} to Display Right Now",
         tooltip: "The %{featureName} button will be enabled once you add information to the %{tableName}",
+        searchTooltip: "Search will be enabled once you add information to the %{tableName}",
         featureFilter: "Filter",
-        featureSearch: "Search",
+        featureQuickFilter: "Quick Filter",
         featureGroupBy: "Group By",
         featureConfigure: "Configure",
         tableNameFallback: "Table"
@@ -78567,6 +78578,10 @@ var en_CA_default = {
         single: "Single",
         range: "Range"
       }
+    },
+    groupCell: {
+      expand: "Expand group",
+      collapse: "Collapse group"
     }
   }
 };
@@ -78585,8 +78600,9 @@ var en_GB_default = {
         title: "There Are No Items to Display Right Now",
         itemsTitle: "There Are No %{itemsLabel} to Display Right Now",
         tooltip: "The %{featureName} button will be enabled once you add information to the %{tableName}",
+        searchTooltip: "Search will be enabled once you add information to the %{tableName}",
         featureFilter: "Filter",
-        featureSearch: "Search",
+        featureQuickFilter: "Quick Filter",
         featureGroupBy: "Group By",
         featureConfigure: "Configure",
         tableNameFallback: "Table"
@@ -78712,6 +78728,10 @@ var en_GB_default = {
         single: "Single",
         range: "Range"
       }
+    },
+    groupCell: {
+      expand: "Expand group",
+      collapse: "Collapse group"
     }
   }
 };
@@ -78880,8 +78900,9 @@ 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 agregue informaci\xF3n a %{tableName}",
         featureFilter: "Filtro",
-        featureSearch: "Buscar",
+        featureQuickFilter: "Filtro r\xE1pido",
         featureGroupBy: "Agrupar por",
         featureConfigure: "Configurar",
         tableNameFallback: "tabla"
@@ -79007,6 +79028,10 @@ var es_ES_default = {
         single: "\xDAnica",
         range: "Rango"
       }
+    },
+    groupCell: {
+      expand: "Expandir grupo",
+      collapse: "Contraer grupo"
     }
   }
 };
@@ -79025,8 +79050,9 @@ var es_default = {
         title: "No hay \xEDtems 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 agregue informaci\xF3n al %{tableName}",
+        searchTooltip: "La b\xFAsqueda se habilitar\xE1 una vez que agregue informaci\xF3n a %{tableName}",
         featureFilter: "Filtro",
-        featureSearch: "Buscar",
+        featureQuickFilter: "Filtro r\xE1pido",
         featureGroupBy: "Agrupar por",
         featureConfigure: "Configurar",
         tableNameFallback: "tabla"
@@ -79152,6 +79178,10 @@ var es_default = {
         single: "\xDAnico",
         range: "Intervalo"
       }
+    },
+    groupCell: {
+      expand: "Expandir grupo",
+      collapse: "Colapsar grupo"
     }
   }
 };
@@ -79170,8 +79200,9 @@ var fr_CA_default = {
         title: "Il n'y a aucun item \xE0 afficher pour le moment",
         itemsTitle: "Il n'y a pas de %{itemsLabel} \xE0 afficher pour le moment",
         tooltip: "Le bouton %{featureName} sera activ\xE9 une fois que vous aurez ajout\xE9 des informations au %{tableName}",
+        searchTooltip: "La recherche sera activ\xE9e une fois que vous aurez ajout\xE9 de l'information au %{tableName}",
         featureFilter: "Filtre",
-        featureSearch: "Rechercher",
+        featureQuickFilter: "Filtre rapide",
         featureGroupBy: "Regrouper par",
         featureConfigure: "Configurer",
         tableNameFallback: "tableau"
@@ -79258,9 +79289,9 @@ var fr_CA_default = {
       configure: "Configurer"
     },
     rowGroupToggle: {
-      expandTierOne: "Ouvrez les premiers groupes du tableau.",
+      expandTierOne: "Ouvrir les premiers groupes du tableau.",
       expandAll: "Ouvrez tous les groupes du tableau.",
-      collapseAll: "Fermez tous les groupes du tableau."
+      collapseAll: "Fermer tous les groupes du tableau."
     },
     columnGroupToggle: {
       collapse: "R\xE9duire le groupe de colonnes",
@@ -79297,6 +79328,10 @@ var fr_CA_default = {
         single: "Seul",
         range: "Intervalle"
       }
+    },
+    groupCell: {
+      expand: "D\xE9velopper le groupe",
+      collapse: "R\xE9duire le groupe"
     }
   }
 };
@@ -79315,8 +79350,9 @@ var fr_FR_default = {
         title: "Aucun \xE9l\xE9ment \xE0 afficher pour l'instant",
         itemsTitle: "Aucun %{itemsLabel} \xE0 afficher pour l'instant",
         tooltip: "Le bouton %{featureName} sera activ\xE9 une fois que vous aurez ajout\xE9 des informations au tableau %{tableName}",
+        searchTooltip: "La recherche sera activ\xE9e une fois que vous aurez ajout\xE9 des informations au %{tableName}",
         featureFilter: "Filtrer",
-        featureSearch: "Rechercher",
+        featureQuickFilter: "Filtre rapide",
         featureGroupBy: "Regrouper par",
         featureConfigure: "Configurer",
         tableNameFallback: "Tableau"
@@ -79442,6 +79478,10 @@ var fr_FR_default = {
         single: "Unique",
         range: "Plage"
       }
+    },
+    groupCell: {
+      expand: "D\xE9velopper le groupe",
+      collapse: "R\xE9duire le groupe"
     }
   }
 };
@@ -79460,8 +79500,9 @@ var is_IS_default = {
         title: "\xDEa\xF0 eru engir hlutir til a\xF0 s\xFDna n\xFAna",
         itemsTitle: "\xDEa\xF0 eru engin %{itemsLabel} til a\xF0 s\xFDna n\xFAna",
         tooltip: "%{featureName} hnappurinn ver\xF0ur virkur \xFEegar \xFE\xFA b\xE6tir uppl\xFDsingum vi\xF0 %{tableName}",
+        searchTooltip: "Leit ver\xF0ur virkju\xF0 \xFEegar \xFE\xFA b\xE6tir uppl\xFDsingum vi\xF0 %{tableName}",
         featureFilter: "S\xEDa",
-        featureSearch: "Leita\xF0u",
+        featureQuickFilter: "Flj\xF3tleg s\xEDa",
         featureGroupBy: "H\xF3pur eftir",
         featureConfigure: "Stilla",
         tableNameFallback: "Tafla"
@@ -79587,6 +79628,10 @@ var is_IS_default = {
         single: "Einhleypur",
         range: "Svi\xF0"
       }
+    },
+    groupCell: {
+      expand: "St\xE6kka h\xF3pinn",
+      collapse: "Hrunh\xF3pur"
     }
   }
 };
@@ -79605,8 +79650,9 @@ var ja_JP_default = {
         title: "\u73FE\u5728\u3001\u8868\u793A\u3059\u308B\u9805\u76EE\u304C\u3042\u308A\u307E\u305B\u3093",
         itemsTitle: "\u73FE\u5728\u3001\u8868\u793A\u3059\u308B%{itemsLabel}\u304C\u3042\u308A\u307E\u305B\u3093",
         tooltip: "\u60C5\u5831\u3092%{tableName}\u306B\u8FFD\u52A0\u3059\u308B\u3068\u3001[%{featureName}]\u30DC\u30BF\u30F3\u304C\u6709\u52B9\u306B\u306A\u308A\u307E\u3059",
+        searchTooltip: "%{tableName}\u306B\u60C5\u5831\u3092\u8FFD\u52A0\u3059\u308B\u3068\u691C\u7D22\u304C\u6709\u52B9\u306B\u306A\u308A\u307E\u3059",
         featureFilter: "\u30D5\u30A3\u30EB\u30BF\u30FC",
-        featureSearch: "\u691C\u7D22",
+        featureQuickFilter: "\u30AF\u30A4\u30C3\u30AF\u30D5\u30A3\u30EB\u30BF\u30FC",
         featureGroupBy: "\u30B0\u30EB\u30FC\u30D7\u5316",
         featureConfigure: "\u69CB\u6210",
         tableNameFallback: "\u8868"
@@ -79732,6 +79778,10 @@ var ja_JP_default = {
         single: "\u5358\u72EC",
         range: "\u7BC4\u56F2"
       }
+    },
+    groupCell: {
+      expand: "\u30B0\u30EB\u30FC\u30D7\u3092\u5C55\u958B\u3059\u308B",
+      collapse: "\u30B0\u30EB\u30FC\u30D7\u3092\u6298\u308A\u305F\u305F\u3080"
     }
   }
 };
@@ -79900,8 +79950,9 @@ var pt_BR_default = {
         title: "N\xE3o H\xE1 Itens para Exibir Agora",
         itemsTitle: "N\xE3o H\xE1 %{itemsLabel} para Exibir Agora",
         tooltip: "O bot\xE3o %{featureName} ser\xE1 ativado assim que voc\xEA adicionar informa\xE7\xF5es ao %{tableName}",
+        searchTooltip: "A pesquisa ser\xE1 ativada assim que voc\xEA adicionar informa\xE7\xF5es \xE0 tabela %{tableName}",
         featureFilter: "Filtrar",
-        featureSearch: "Pesquisar",
+        featureQuickFilter: "Filtro r\xE1pido",
         featureGroupBy: "Agrupar por",
         featureConfigure: "Configurar",
         tableNameFallback: "tabela"
@@ -80027,6 +80078,10 @@ var pt_BR_default = {
         single: "\xDAnico",
         range: "Intervalo"
       }
+    },
+    groupCell: {
+      expand: "Expandir grupo",
+      collapse: "Recolher grupo"
     }
   }
 };
@@ -80045,8 +80100,9 @@ var th_TH_default = {
         title: "\u0E44\u0E21\u0E48\u0E21\u0E35\u0E23\u0E32\u0E22\u0E01\u0E32\u0E23\u0E17\u0E35\u0E48\u0E08\u0E30\u0E41\u0E2A\u0E14\u0E07\u0E43\u0E19\u0E02\u0E13\u0E30\u0E19\u0E35\u0E49",
         itemsTitle: "\u0E44\u0E21\u0E48\u0E21\u0E35 %{itemsLabel} \u0E17\u0E35\u0E48\u0E08\u0E30\u0E41\u0E2A\u0E14\u0E07\u0E1C\u0E25\u0E43\u0E19\u0E02\u0E13\u0E30\u0E19\u0E35\u0E49",
         tooltip: "\u0E1B\u0E38\u0E48\u0E21 %{featureName} \u0E08\u0E30\u0E40\u0E1B\u0E34\u0E14\u0E43\u0E0A\u0E49\u0E07\u0E32\u0E19\u0E40\u0E21\u0E37\u0E48\u0E2D\u0E04\u0E38\u0E13\u0E40\u0E1E\u0E34\u0E48\u0E21\u0E02\u0E49\u0E2D\u0E21\u0E39\u0E25\u0E25\u0E07\u0E43\u0E19 %{tableName}",
+        searchTooltip: "\u0E01\u0E32\u0E23\u0E04\u0E49\u0E19\u0E2B\u0E32\u0E08\u0E30\u0E40\u0E1B\u0E34\u0E14\u0E43\u0E0A\u0E49\u0E07\u0E32\u0E19\u0E40\u0E21\u0E37\u0E48\u0E2D\u0E04\u0E38\u0E13\u0E40\u0E1E\u0E34\u0E48\u0E21\u0E02\u0E49\u0E2D\u0E21\u0E39\u0E25\u0E25\u0E07\u0E43\u0E19 %{tableName}",
         featureFilter: "\u0E15\u0E31\u0E27\u0E01\u0E23\u0E2D\u0E07",
-        featureSearch: "\u0E04\u0E49\u0E19\u0E2B\u0E32",
+        featureQuickFilter: "\u0E15\u0E31\u0E27\u0E01\u0E23\u0E2D\u0E07\u0E14\u0E48\u0E27\u0E19",
         featureGroupBy: "\u0E41\u0E1A\u0E48\u0E07\u0E01\u0E25\u0E38\u0E48\u0E21\u0E15\u0E32\u0E21",
         featureConfigure: "\u0E01\u0E33\u0E2B\u0E19\u0E14\u0E04\u0E48\u0E32",
         tableNameFallback: "\u0E15\u0E32\u0E23\u0E32\u0E07"
@@ -80172,6 +80228,10 @@ var th_TH_default = {
         single: "\u0E40\u0E14\u0E35\u0E48\u0E22\u0E27",
         range: "\u0E41\u0E19\u0E27"
       }
+    },
+    groupCell: {
+      expand: "\u0E02\u0E22\u0E32\u0E22\u0E01\u0E25\u0E38\u0E48\u0E21",
+      collapse: "\u0E01\u0E32\u0E23\u0E22\u0E38\u0E1A\u0E01\u0E25\u0E38\u0E48\u0E21"
     }
   }
 };
@@ -80190,8 +80250,9 @@ var zh_SG_default = {
         title: "\u5F53\u524D\u6CA1\u6709\u53EF\u663E\u793A\u7684\u9879",
         itemsTitle: "\u5F53\u524D\u6CA1\u6709\u53EF\u663E\u793A\u7684%{itemsLabel}",
         tooltip: "\u4F60\u5C06\u4FE1\u606F\u6DFB\u52A0\u5230 %{tableName} \u540E\uFF0C\u7CFB\u7EDF\u5C06\u542F\u7528%{featureName}\u6309\u94AE",
+        searchTooltip: "\u4E00\u65E6\u60A8\u5C06\u4FE1\u606F\u6DFB\u52A0\u5230%{tableName}\u641C\u7D22\u529F\u80FD\u5C31\u4F1A\u542F\u7528",
         featureFilter: "\u7B5B\u9009\u5668",
-        featureSearch: "\u641C\u7D22",
+        featureQuickFilter: "\u5FEB\u901F\u7B5B\u9009",
         featureGroupBy: "\u5206\u7EC4\u4F9D\u636E",
         featureConfigure: "\u914D\u7F6E",
         tableNameFallback: "\u8868\u683C"
@@ -80317,6 +80378,10 @@ var zh_SG_default = {
         single: "\u5355\u4E2A",
         range: "\u8303\u56F4"
       }
+    },
+    groupCell: {
+      expand: "\u5C55\u5F00\u7EC4",
+      collapse: "\u6298\u53E0\u7EC4"
     }
   }
 };
@@ -81938,10 +82003,27 @@ var Table = (props) => {
     },
     [columnApi, internalTableContext]
   );
-  const onColumnResized = React76.useCallback(() => {
-    internalTableContext.onTableConfigChange();
-    setHeaderHeight();
-  }, [internalTableContext.onTableConfigChange]);
+  const onColumnResized = React76.useCallback(
+    (params) => {
+      internalTableContext.onTableConfigChange();
+      setHeaderHeight();
+      if (wrapperRef.current && params.column) {
+        const { columnApi: columnApi2, column: column2 } = params;
+        const tableWidth = wrapperRef.current.clientWidth;
+        const columnState = columnApi2.getColumnState();
+        const pinnedColumns = columnState.filter(
+          (column3) => column3.pinned
+        );
+        const totalPinnedWidth = pinnedColumns.reduce(
+          (acc, column3) => acc + column3.width,
+          0
+        );
+        const currentPinnedColumnMaxWidth = tableWidth - totalPinnedWidth + column2.actualWidth - 50;
+        column2.maxWidth = currentPinnedColumnMaxWidth;
+      }
+    },
+    [internalTableContext.onTableConfigChange]
+  );
   const onDisplayedColumnsChanged = React76.useCallback(
     (event) => {
       var _a2;

package/dist/modern/index.cjs

@@ -78012,8 +78012,9 @@ var de_DE_default = {
         title: "Aktuell gibt es keine anzuzeigenden Elemente.",
         itemsTitle: "Aktuell gibt es keine anzuzeigenden %{itemsLabel}",
         tooltip: "Die Schaltfl\xE4che %{featureName} wird aktiviert, sobald Sie dem Feld %{tableName} Informationen hinzuf\xFCgen.",
+        searchTooltip: "Die Suche wird aktiviert, sobald Sie Informationen zu den %{tableName}",
         featureFilter: "Filtern",
-        featureSearch: "Suchen",
+        featureQuickFilter: "Schnell-Filter",
         featureGroupBy: "Gruppieren nach",
         featureConfigure: "Konfigurieren",
         tableNameFallback: "Tabelle"
@@ -78139,6 +78140,10 @@ var de_DE_default = {
         single: "Einzeln",
         range: "Bereich"
       }
+    },
+    groupCell: {
+      expand: "Gruppe erweitern",
+      collapse: "Gruppe ausblenden"
     }
   }
 };
@@ -78157,8 +78162,9 @@ var en_AU_default = {
         title: "There Are No Items to Display Right Now",
         itemsTitle: "There Are No %{itemsLabel} to Display Right Now",
         tooltip: "The %{featureName} button will be enabled once you add information to the %{tableName}",
+        searchTooltip: "Search will be enabled once you add information to the %{tableName}",
         featureFilter: "Filter",
-        featureSearch: "Search",
+        featureQuickFilter: "Quick Filter",
         featureGroupBy: "Group By",
         featureConfigure: "Configure",
         tableNameFallback: "Table"
@@ -78284,6 +78290,10 @@ var en_AU_default = {
         single: "Single",
         range: "Range"
       }
+    },
+    groupCell: {
+      expand: "Expand group",
+      collapse: "Collapse group"
     }
   }
 };
@@ -78302,8 +78312,9 @@ var en_CA_default = {
         title: "There Are No Items to Display Right Now",
         itemsTitle: "There Are No %{itemsLabel} to Display Right Now",
         tooltip: "The %{featureName} button will be enabled once you add information to the %{tableName}",
+        searchTooltip: "Search will be enabled once you add information to the %{tableName}",
         featureFilter: "Filter",
-        featureSearch: "Search",
+        featureQuickFilter: "Quick Filter",
         featureGroupBy: "Group By",
         featureConfigure: "Configure",
         tableNameFallback: "Table"
@@ -78429,6 +78440,10 @@ var en_CA_default = {
         single: "Single",
         range: "Range"
       }
+    },
+    groupCell: {
+      expand: "Expand group",
+      collapse: "Collapse group"
     }
   }
 };
@@ -78447,8 +78462,9 @@ var en_GB_default = {
         title: "There Are No Items to Display Right Now",
         itemsTitle: "There Are No %{itemsLabel} to Display Right Now",
         tooltip: "The %{featureName} button will be enabled once you add information to the %{tableName}",
+        searchTooltip: "Search will be enabled once you add information to the %{tableName}",
         featureFilter: "Filter",
-        featureSearch: "Search",
+        featureQuickFilter: "Quick Filter",
         featureGroupBy: "Group By",
         featureConfigure: "Configure",
         tableNameFallback: "Table"
@@ -78574,6 +78590,10 @@ var en_GB_default = {
         single: "Single",
         range: "Range"
       }
+    },
+    groupCell: {
+      expand: "Expand group",
+      collapse: "Collapse group"
     }
   }
 };
@@ -78742,8 +78762,9 @@ 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 agregue informaci\xF3n a %{tableName}",
         featureFilter: "Filtro",
-        featureSearch: "Buscar",
+        featureQuickFilter: "Filtro r\xE1pido",
         featureGroupBy: "Agrupar por",
         featureConfigure: "Configurar",
         tableNameFallback: "tabla"
@@ -78869,6 +78890,10 @@ var es_ES_default = {
         single: "\xDAnica",
         range: "Rango"
       }
+    },
+    groupCell: {
+      expand: "Expandir grupo",
+      collapse: "Contraer grupo"
     }
   }
 };
@@ -78887,8 +78912,9 @@ var es_default = {
         title: "No hay \xEDtems 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 agregue informaci\xF3n al %{tableName}",
+        searchTooltip: "La b\xFAsqueda se habilitar\xE1 una vez que agregue informaci\xF3n a %{tableName}",
         featureFilter: "Filtro",
-        featureSearch: "Buscar",
+        featureQuickFilter: "Filtro r\xE1pido",
         featureGroupBy: "Agrupar por",
         featureConfigure: "Configurar",
         tableNameFallback: "tabla"
@@ -79014,6 +79040,10 @@ var es_default = {
         single: "\xDAnico",
         range: "Intervalo"
       }
+    },
+    groupCell: {
+      expand: "Expandir grupo",
+      collapse: "Colapsar grupo"
     }
   }
 };
@@ -79032,8 +79062,9 @@ var fr_CA_default = {
         title: "Il n'y a aucun item \xE0 afficher pour le moment",
         itemsTitle: "Il n'y a pas de %{itemsLabel} \xE0 afficher pour le moment",
         tooltip: "Le bouton %{featureName} sera activ\xE9 une fois que vous aurez ajout\xE9 des informations au %{tableName}",
+        searchTooltip: "La recherche sera activ\xE9e une fois que vous aurez ajout\xE9 de l'information au %{tableName}",
         featureFilter: "Filtre",
-        featureSearch: "Rechercher",
+        featureQuickFilter: "Filtre rapide",
         featureGroupBy: "Regrouper par",
         featureConfigure: "Configurer",
         tableNameFallback: "tableau"
@@ -79120,9 +79151,9 @@ var fr_CA_default = {
       configure: "Configurer"
     },
     rowGroupToggle: {
-      expandTierOne: "Ouvrez les premiers groupes du tableau.",
+      expandTierOne: "Ouvrir les premiers groupes du tableau.",
       expandAll: "Ouvrez tous les groupes du tableau.",
-      collapseAll: "Fermez tous les groupes du tableau."
+      collapseAll: "Fermer tous les groupes du tableau."
     },
     columnGroupToggle: {
       collapse: "R\xE9duire le groupe de colonnes",
@@ -79159,6 +79190,10 @@ var fr_CA_default = {
         single: "Seul",
         range: "Intervalle"
       }
+    },
+    groupCell: {
+      expand: "D\xE9velopper le groupe",
+      collapse: "R\xE9duire le groupe"
     }
   }
 };
@@ -79177,8 +79212,9 @@ var fr_FR_default = {
         title: "Aucun \xE9l\xE9ment \xE0 afficher pour l'instant",
         itemsTitle: "Aucun %{itemsLabel} \xE0 afficher pour l'instant",
         tooltip: "Le bouton %{featureName} sera activ\xE9 une fois que vous aurez ajout\xE9 des informations au tableau %{tableName}",
+        searchTooltip: "La recherche sera activ\xE9e une fois que vous aurez ajout\xE9 des informations au %{tableName}",
         featureFilter: "Filtrer",
-        featureSearch: "Rechercher",
+        featureQuickFilter: "Filtre rapide",
         featureGroupBy: "Regrouper par",
         featureConfigure: "Configurer",
         tableNameFallback: "Tableau"
@@ -79304,6 +79340,10 @@ var fr_FR_default = {
         single: "Unique",
         range: "Plage"
       }
+    },
+    groupCell: {
+      expand: "D\xE9velopper le groupe",
+      collapse: "R\xE9duire le groupe"
     }
   }
 };
@@ -79322,8 +79362,9 @@ var is_IS_default = {
         title: "\xDEa\xF0 eru engir hlutir til a\xF0 s\xFDna n\xFAna",
         itemsTitle: "\xDEa\xF0 eru engin %{itemsLabel} til a\xF0 s\xFDna n\xFAna",
         tooltip: "%{featureName} hnappurinn ver\xF0ur virkur \xFEegar \xFE\xFA b\xE6tir uppl\xFDsingum vi\xF0 %{tableName}",
+        searchTooltip: "Leit ver\xF0ur virkju\xF0 \xFEegar \xFE\xFA b\xE6tir uppl\xFDsingum vi\xF0 %{tableName}",
         featureFilter: "S\xEDa",
-        featureSearch: "Leita\xF0u",
+        featureQuickFilter: "Flj\xF3tleg s\xEDa",
         featureGroupBy: "H\xF3pur eftir",
         featureConfigure: "Stilla",
         tableNameFallback: "Tafla"
@@ -79449,6 +79490,10 @@ var is_IS_default = {
         single: "Einhleypur",
         range: "Svi\xF0"
       }
+    },
+    groupCell: {
+      expand: "St\xE6kka h\xF3pinn",
+      collapse: "Hrunh\xF3pur"
     }
   }
 };
@@ -79467,8 +79512,9 @@ var ja_JP_default = {
         title: "\u73FE\u5728\u3001\u8868\u793A\u3059\u308B\u9805\u76EE\u304C\u3042\u308A\u307E\u305B\u3093",
         itemsTitle: "\u73FE\u5728\u3001\u8868\u793A\u3059\u308B%{itemsLabel}\u304C\u3042\u308A\u307E\u305B\u3093",
         tooltip: "\u60C5\u5831\u3092%{tableName}\u306B\u8FFD\u52A0\u3059\u308B\u3068\u3001[%{featureName}]\u30DC\u30BF\u30F3\u304C\u6709\u52B9\u306B\u306A\u308A\u307E\u3059",
+        searchTooltip: "%{tableName}\u306B\u60C5\u5831\u3092\u8FFD\u52A0\u3059\u308B\u3068\u691C\u7D22\u304C\u6709\u52B9\u306B\u306A\u308A\u307E\u3059",
         featureFilter: "\u30D5\u30A3\u30EB\u30BF\u30FC",
-        featureSearch: "\u691C\u7D22",
+        featureQuickFilter: "\u30AF\u30A4\u30C3\u30AF\u30D5\u30A3\u30EB\u30BF\u30FC",
         featureGroupBy: "\u30B0\u30EB\u30FC\u30D7\u5316",
         featureConfigure: "\u69CB\u6210",
         tableNameFallback: "\u8868"
@@ -79594,6 +79640,10 @@ var ja_JP_default = {
         single: "\u5358\u72EC",
         range: "\u7BC4\u56F2"
       }
+    },
+    groupCell: {
+      expand: "\u30B0\u30EB\u30FC\u30D7\u3092\u5C55\u958B\u3059\u308B",
+      collapse: "\u30B0\u30EB\u30FC\u30D7\u3092\u6298\u308A\u305F\u305F\u3080"
     }
   }
 };
@@ -79762,8 +79812,9 @@ var pt_BR_default = {
         title: "N\xE3o H\xE1 Itens para Exibir Agora",
         itemsTitle: "N\xE3o H\xE1 %{itemsLabel} para Exibir Agora",
         tooltip: "O bot\xE3o %{featureName} ser\xE1 ativado assim que voc\xEA adicionar informa\xE7\xF5es ao %{tableName}",
+        searchTooltip: "A pesquisa ser\xE1 ativada assim que voc\xEA adicionar informa\xE7\xF5es \xE0 tabela %{tableName}",
         featureFilter: "Filtrar",
-        featureSearch: "Pesquisar",
+        featureQuickFilter: "Filtro r\xE1pido",
         featureGroupBy: "Agrupar por",
         featureConfigure: "Configurar",
         tableNameFallback: "tabela"
@@ -79889,6 +79940,10 @@ var pt_BR_default = {
         single: "\xDAnico",
         range: "Intervalo"
       }
+    },
+    groupCell: {
+      expand: "Expandir grupo",
+      collapse: "Recolher grupo"
     }
   }
 };
@@ -79907,8 +79962,9 @@ var th_TH_default = {
         title: "\u0E44\u0E21\u0E48\u0E21\u0E35\u0E23\u0E32\u0E22\u0E01\u0E32\u0E23\u0E17\u0E35\u0E48\u0E08\u0E30\u0E41\u0E2A\u0E14\u0E07\u0E43\u0E19\u0E02\u0E13\u0E30\u0E19\u0E35\u0E49",
         itemsTitle: "\u0E44\u0E21\u0E48\u0E21\u0E35 %{itemsLabel} \u0E17\u0E35\u0E48\u0E08\u0E30\u0E41\u0E2A\u0E14\u0E07\u0E1C\u0E25\u0E43\u0E19\u0E02\u0E13\u0E30\u0E19\u0E35\u0E49",
         tooltip: "\u0E1B\u0E38\u0E48\u0E21 %{featureName} \u0E08\u0E30\u0E40\u0E1B\u0E34\u0E14\u0E43\u0E0A\u0E49\u0E07\u0E32\u0E19\u0E40\u0E21\u0E37\u0E48\u0E2D\u0E04\u0E38\u0E13\u0E40\u0E1E\u0E34\u0E48\u0E21\u0E02\u0E49\u0E2D\u0E21\u0E39\u0E25\u0E25\u0E07\u0E43\u0E19 %{tableName}",
+        searchTooltip: "\u0E01\u0E32\u0E23\u0E04\u0E49\u0E19\u0E2B\u0E32\u0E08\u0E30\u0E40\u0E1B\u0E34\u0E14\u0E43\u0E0A\u0E49\u0E07\u0E32\u0E19\u0E40\u0E21\u0E37\u0E48\u0E2D\u0E04\u0E38\u0E13\u0E40\u0E1E\u0E34\u0E48\u0E21\u0E02\u0E49\u0E2D\u0E21\u0E39\u0E25\u0E25\u0E07\u0E43\u0E19 %{tableName}",
         featureFilter: "\u0E15\u0E31\u0E27\u0E01\u0E23\u0E2D\u0E07",
-        featureSearch: "\u0E04\u0E49\u0E19\u0E2B\u0E32",
+        featureQuickFilter: "\u0E15\u0E31\u0E27\u0E01\u0E23\u0E2D\u0E07\u0E14\u0E48\u0E27\u0E19",
         featureGroupBy: "\u0E41\u0E1A\u0E48\u0E07\u0E01\u0E25\u0E38\u0E48\u0E21\u0E15\u0E32\u0E21",
         featureConfigure: "\u0E01\u0E33\u0E2B\u0E19\u0E14\u0E04\u0E48\u0E32",
         tableNameFallback: "\u0E15\u0E32\u0E23\u0E32\u0E07"
@@ -80034,6 +80090,10 @@ var th_TH_default = {
         single: "\u0E40\u0E14\u0E35\u0E48\u0E22\u0E27",
         range: "\u0E41\u0E19\u0E27"
       }
+    },
+    groupCell: {
+      expand: "\u0E02\u0E22\u0E32\u0E22\u0E01\u0E25\u0E38\u0E48\u0E21",
+      collapse: "\u0E01\u0E32\u0E23\u0E22\u0E38\u0E1A\u0E01\u0E25\u0E38\u0E48\u0E21"
     }
   }
 };
@@ -80052,8 +80112,9 @@ var zh_SG_default = {
         title: "\u5F53\u524D\u6CA1\u6709\u53EF\u663E\u793A\u7684\u9879",
         itemsTitle: "\u5F53\u524D\u6CA1\u6709\u53EF\u663E\u793A\u7684%{itemsLabel}",
         tooltip: "\u4F60\u5C06\u4FE1\u606F\u6DFB\u52A0\u5230 %{tableName} \u540E\uFF0C\u7CFB\u7EDF\u5C06\u542F\u7528%{featureName}\u6309\u94AE",
+        searchTooltip: "\u4E00\u65E6\u60A8\u5C06\u4FE1\u606F\u6DFB\u52A0\u5230%{tableName}\u641C\u7D22\u529F\u80FD\u5C31\u4F1A\u542F\u7528",
         featureFilter: "\u7B5B\u9009\u5668",
-        featureSearch: "\u641C\u7D22",
+        featureQuickFilter: "\u5FEB\u901F\u7B5B\u9009",
         featureGroupBy: "\u5206\u7EC4\u4F9D\u636E",
         featureConfigure: "\u914D\u7F6E",
         tableNameFallback: "\u8868\u683C"
@@ -80179,6 +80240,10 @@ var zh_SG_default = {
         single: "\u5355\u4E2A",
         range: "\u8303\u56F4"
       }
+    },
+    groupCell: {
+      expand: "\u5C55\u5F00\u7EC4",
+      collapse: "\u6298\u53E0\u7EC4"
     }
   }
 };
@@ -81760,10 +81825,27 @@ var Table = (props) => {
     },
     [columnApi, internalTableContext]
   );
-  const onColumnResized = React76__default.default.useCallback(() => {
-    internalTableContext.onTableConfigChange();
-    setHeaderHeight();
-  }, [internalTableContext.onTableConfigChange]);
+  const onColumnResized = React76__default.default.useCallback(
+    (params) => {
+      internalTableContext.onTableConfigChange();
+      setHeaderHeight();
+      if (wrapperRef.current && params.column) {
+        const { columnApi: columnApi2, column: column2 } = params;
+        const tableWidth = wrapperRef.current.clientWidth;
+        const columnState = columnApi2.getColumnState();
+        const pinnedColumns = columnState.filter(
+          (column3) => column3.pinned
+        );
+        const totalPinnedWidth = pinnedColumns.reduce(
+          (acc, column3) => acc + column3.width,
+          0
+        );
+        const currentPinnedColumnMaxWidth = tableWidth - totalPinnedWidth + column2.actualWidth - 50;
+        column2.maxWidth = currentPinnedColumnMaxWidth;
+      }
+    },
+    [internalTableContext.onTableConfigChange]
+  );
   const onDisplayedColumnsChanged = React76__default.default.useCallback(
     (event) => {
       if (props.onRowDragEnd) {

package/dist/modern/index.js

@@ -77998,8 +77998,9 @@ var de_DE_default = {
         title: "Aktuell gibt es keine anzuzeigenden Elemente.",
         itemsTitle: "Aktuell gibt es keine anzuzeigenden %{itemsLabel}",
         tooltip: "Die Schaltfl\xE4che %{featureName} wird aktiviert, sobald Sie dem Feld %{tableName} Informationen hinzuf\xFCgen.",
+        searchTooltip: "Die Suche wird aktiviert, sobald Sie Informationen zu den %{tableName}",
         featureFilter: "Filtern",
-        featureSearch: "Suchen",
+        featureQuickFilter: "Schnell-Filter",
         featureGroupBy: "Gruppieren nach",
         featureConfigure: "Konfigurieren",
         tableNameFallback: "Tabelle"
@@ -78125,6 +78126,10 @@ var de_DE_default = {
         single: "Einzeln",
         range: "Bereich"
       }
+    },
+    groupCell: {
+      expand: "Gruppe erweitern",
+      collapse: "Gruppe ausblenden"
     }
   }
 };
@@ -78143,8 +78148,9 @@ var en_AU_default = {
         title: "There Are No Items to Display Right Now",
         itemsTitle: "There Are No %{itemsLabel} to Display Right Now",
         tooltip: "The %{featureName} button will be enabled once you add information to the %{tableName}",
+        searchTooltip: "Search will be enabled once you add information to the %{tableName}",
         featureFilter: "Filter",
-        featureSearch: "Search",
+        featureQuickFilter: "Quick Filter",
         featureGroupBy: "Group By",
         featureConfigure: "Configure",
         tableNameFallback: "Table"
@@ -78270,6 +78276,10 @@ var en_AU_default = {
         single: "Single",
         range: "Range"
       }
+    },
+    groupCell: {
+      expand: "Expand group",
+      collapse: "Collapse group"
     }
   }
 };
@@ -78288,8 +78298,9 @@ var en_CA_default = {
         title: "There Are No Items to Display Right Now",
         itemsTitle: "There Are No %{itemsLabel} to Display Right Now",
         tooltip: "The %{featureName} button will be enabled once you add information to the %{tableName}",
+        searchTooltip: "Search will be enabled once you add information to the %{tableName}",
         featureFilter: "Filter",
-        featureSearch: "Search",
+        featureQuickFilter: "Quick Filter",
         featureGroupBy: "Group By",
         featureConfigure: "Configure",
         tableNameFallback: "Table"
@@ -78415,6 +78426,10 @@ var en_CA_default = {
         single: "Single",
         range: "Range"
       }
+    },
+    groupCell: {
+      expand: "Expand group",
+      collapse: "Collapse group"
     }
   }
 };
@@ -78433,8 +78448,9 @@ var en_GB_default = {
         title: "There Are No Items to Display Right Now",
         itemsTitle: "There Are No %{itemsLabel} to Display Right Now",
         tooltip: "The %{featureName} button will be enabled once you add information to the %{tableName}",
+        searchTooltip: "Search will be enabled once you add information to the %{tableName}",
         featureFilter: "Filter",
-        featureSearch: "Search",
+        featureQuickFilter: "Quick Filter",
         featureGroupBy: "Group By",
         featureConfigure: "Configure",
         tableNameFallback: "Table"
@@ -78560,6 +78576,10 @@ var en_GB_default = {
         single: "Single",
         range: "Range"
       }
+    },
+    groupCell: {
+      expand: "Expand group",
+      collapse: "Collapse group"
     }
   }
 };
@@ -78728,8 +78748,9 @@ 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 agregue informaci\xF3n a %{tableName}",
         featureFilter: "Filtro",
-        featureSearch: "Buscar",
+        featureQuickFilter: "Filtro r\xE1pido",
         featureGroupBy: "Agrupar por",
         featureConfigure: "Configurar",
         tableNameFallback: "tabla"
@@ -78855,6 +78876,10 @@ var es_ES_default = {
         single: "\xDAnica",
         range: "Rango"
       }
+    },
+    groupCell: {
+      expand: "Expandir grupo",
+      collapse: "Contraer grupo"
     }
   }
 };
@@ -78873,8 +78898,9 @@ var es_default = {
         title: "No hay \xEDtems 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 agregue informaci\xF3n al %{tableName}",
+        searchTooltip: "La b\xFAsqueda se habilitar\xE1 una vez que agregue informaci\xF3n a %{tableName}",
         featureFilter: "Filtro",
-        featureSearch: "Buscar",
+        featureQuickFilter: "Filtro r\xE1pido",
         featureGroupBy: "Agrupar por",
         featureConfigure: "Configurar",
         tableNameFallback: "tabla"
@@ -79000,6 +79026,10 @@ var es_default = {
         single: "\xDAnico",
         range: "Intervalo"
       }
+    },
+    groupCell: {
+      expand: "Expandir grupo",
+      collapse: "Colapsar grupo"
     }
   }
 };
@@ -79018,8 +79048,9 @@ var fr_CA_default = {
         title: "Il n'y a aucun item \xE0 afficher pour le moment",
         itemsTitle: "Il n'y a pas de %{itemsLabel} \xE0 afficher pour le moment",
         tooltip: "Le bouton %{featureName} sera activ\xE9 une fois que vous aurez ajout\xE9 des informations au %{tableName}",
+        searchTooltip: "La recherche sera activ\xE9e une fois que vous aurez ajout\xE9 de l'information au %{tableName}",
         featureFilter: "Filtre",
-        featureSearch: "Rechercher",
+        featureQuickFilter: "Filtre rapide",
         featureGroupBy: "Regrouper par",
         featureConfigure: "Configurer",
         tableNameFallback: "tableau"
@@ -79106,9 +79137,9 @@ var fr_CA_default = {
       configure: "Configurer"
     },
     rowGroupToggle: {
-      expandTierOne: "Ouvrez les premiers groupes du tableau.",
+      expandTierOne: "Ouvrir les premiers groupes du tableau.",
       expandAll: "Ouvrez tous les groupes du tableau.",
-      collapseAll: "Fermez tous les groupes du tableau."
+      collapseAll: "Fermer tous les groupes du tableau."
     },
     columnGroupToggle: {
       collapse: "R\xE9duire le groupe de colonnes",
@@ -79145,6 +79176,10 @@ var fr_CA_default = {
         single: "Seul",
         range: "Intervalle"
       }
+    },
+    groupCell: {
+      expand: "D\xE9velopper le groupe",
+      collapse: "R\xE9duire le groupe"
     }
   }
 };
@@ -79163,8 +79198,9 @@ var fr_FR_default = {
         title: "Aucun \xE9l\xE9ment \xE0 afficher pour l'instant",
         itemsTitle: "Aucun %{itemsLabel} \xE0 afficher pour l'instant",
         tooltip: "Le bouton %{featureName} sera activ\xE9 une fois que vous aurez ajout\xE9 des informations au tableau %{tableName}",
+        searchTooltip: "La recherche sera activ\xE9e une fois que vous aurez ajout\xE9 des informations au %{tableName}",
         featureFilter: "Filtrer",
-        featureSearch: "Rechercher",
+        featureQuickFilter: "Filtre rapide",
         featureGroupBy: "Regrouper par",
         featureConfigure: "Configurer",
         tableNameFallback: "Tableau"
@@ -79290,6 +79326,10 @@ var fr_FR_default = {
         single: "Unique",
         range: "Plage"
       }
+    },
+    groupCell: {
+      expand: "D\xE9velopper le groupe",
+      collapse: "R\xE9duire le groupe"
     }
   }
 };
@@ -79308,8 +79348,9 @@ var is_IS_default = {
         title: "\xDEa\xF0 eru engir hlutir til a\xF0 s\xFDna n\xFAna",
         itemsTitle: "\xDEa\xF0 eru engin %{itemsLabel} til a\xF0 s\xFDna n\xFAna",
         tooltip: "%{featureName} hnappurinn ver\xF0ur virkur \xFEegar \xFE\xFA b\xE6tir uppl\xFDsingum vi\xF0 %{tableName}",
+        searchTooltip: "Leit ver\xF0ur virkju\xF0 \xFEegar \xFE\xFA b\xE6tir uppl\xFDsingum vi\xF0 %{tableName}",
         featureFilter: "S\xEDa",
-        featureSearch: "Leita\xF0u",
+        featureQuickFilter: "Flj\xF3tleg s\xEDa",
         featureGroupBy: "H\xF3pur eftir",
         featureConfigure: "Stilla",
         tableNameFallback: "Tafla"
@@ -79435,6 +79476,10 @@ var is_IS_default = {
         single: "Einhleypur",
         range: "Svi\xF0"
       }
+    },
+    groupCell: {
+      expand: "St\xE6kka h\xF3pinn",
+      collapse: "Hrunh\xF3pur"
     }
   }
 };
@@ -79453,8 +79498,9 @@ var ja_JP_default = {
         title: "\u73FE\u5728\u3001\u8868\u793A\u3059\u308B\u9805\u76EE\u304C\u3042\u308A\u307E\u305B\u3093",
         itemsTitle: "\u73FE\u5728\u3001\u8868\u793A\u3059\u308B%{itemsLabel}\u304C\u3042\u308A\u307E\u305B\u3093",
         tooltip: "\u60C5\u5831\u3092%{tableName}\u306B\u8FFD\u52A0\u3059\u308B\u3068\u3001[%{featureName}]\u30DC\u30BF\u30F3\u304C\u6709\u52B9\u306B\u306A\u308A\u307E\u3059",
+        searchTooltip: "%{tableName}\u306B\u60C5\u5831\u3092\u8FFD\u52A0\u3059\u308B\u3068\u691C\u7D22\u304C\u6709\u52B9\u306B\u306A\u308A\u307E\u3059",
         featureFilter: "\u30D5\u30A3\u30EB\u30BF\u30FC",
-        featureSearch: "\u691C\u7D22",
+        featureQuickFilter: "\u30AF\u30A4\u30C3\u30AF\u30D5\u30A3\u30EB\u30BF\u30FC",
         featureGroupBy: "\u30B0\u30EB\u30FC\u30D7\u5316",
         featureConfigure: "\u69CB\u6210",
         tableNameFallback: "\u8868"
@@ -79580,6 +79626,10 @@ var ja_JP_default = {
         single: "\u5358\u72EC",
         range: "\u7BC4\u56F2"
       }
+    },
+    groupCell: {
+      expand: "\u30B0\u30EB\u30FC\u30D7\u3092\u5C55\u958B\u3059\u308B",
+      collapse: "\u30B0\u30EB\u30FC\u30D7\u3092\u6298\u308A\u305F\u305F\u3080"
     }
   }
 };
@@ -79748,8 +79798,9 @@ var pt_BR_default = {
         title: "N\xE3o H\xE1 Itens para Exibir Agora",
         itemsTitle: "N\xE3o H\xE1 %{itemsLabel} para Exibir Agora",
         tooltip: "O bot\xE3o %{featureName} ser\xE1 ativado assim que voc\xEA adicionar informa\xE7\xF5es ao %{tableName}",
+        searchTooltip: "A pesquisa ser\xE1 ativada assim que voc\xEA adicionar informa\xE7\xF5es \xE0 tabela %{tableName}",
         featureFilter: "Filtrar",
-        featureSearch: "Pesquisar",
+        featureQuickFilter: "Filtro r\xE1pido",
         featureGroupBy: "Agrupar por",
         featureConfigure: "Configurar",
         tableNameFallback: "tabela"
@@ -79875,6 +79926,10 @@ var pt_BR_default = {
         single: "\xDAnico",
         range: "Intervalo"
       }
+    },
+    groupCell: {
+      expand: "Expandir grupo",
+      collapse: "Recolher grupo"
     }
   }
 };
@@ -79893,8 +79948,9 @@ var th_TH_default = {
         title: "\u0E44\u0E21\u0E48\u0E21\u0E35\u0E23\u0E32\u0E22\u0E01\u0E32\u0E23\u0E17\u0E35\u0E48\u0E08\u0E30\u0E41\u0E2A\u0E14\u0E07\u0E43\u0E19\u0E02\u0E13\u0E30\u0E19\u0E35\u0E49",
         itemsTitle: "\u0E44\u0E21\u0E48\u0E21\u0E35 %{itemsLabel} \u0E17\u0E35\u0E48\u0E08\u0E30\u0E41\u0E2A\u0E14\u0E07\u0E1C\u0E25\u0E43\u0E19\u0E02\u0E13\u0E30\u0E19\u0E35\u0E49",
         tooltip: "\u0E1B\u0E38\u0E48\u0E21 %{featureName} \u0E08\u0E30\u0E40\u0E1B\u0E34\u0E14\u0E43\u0E0A\u0E49\u0E07\u0E32\u0E19\u0E40\u0E21\u0E37\u0E48\u0E2D\u0E04\u0E38\u0E13\u0E40\u0E1E\u0E34\u0E48\u0E21\u0E02\u0E49\u0E2D\u0E21\u0E39\u0E25\u0E25\u0E07\u0E43\u0E19 %{tableName}",
+        searchTooltip: "\u0E01\u0E32\u0E23\u0E04\u0E49\u0E19\u0E2B\u0E32\u0E08\u0E30\u0E40\u0E1B\u0E34\u0E14\u0E43\u0E0A\u0E49\u0E07\u0E32\u0E19\u0E40\u0E21\u0E37\u0E48\u0E2D\u0E04\u0E38\u0E13\u0E40\u0E1E\u0E34\u0E48\u0E21\u0E02\u0E49\u0E2D\u0E21\u0E39\u0E25\u0E25\u0E07\u0E43\u0E19 %{tableName}",
         featureFilter: "\u0E15\u0E31\u0E27\u0E01\u0E23\u0E2D\u0E07",
-        featureSearch: "\u0E04\u0E49\u0E19\u0E2B\u0E32",
+        featureQuickFilter: "\u0E15\u0E31\u0E27\u0E01\u0E23\u0E2D\u0E07\u0E14\u0E48\u0E27\u0E19",
         featureGroupBy: "\u0E41\u0E1A\u0E48\u0E07\u0E01\u0E25\u0E38\u0E48\u0E21\u0E15\u0E32\u0E21",
         featureConfigure: "\u0E01\u0E33\u0E2B\u0E19\u0E14\u0E04\u0E48\u0E32",
         tableNameFallback: "\u0E15\u0E32\u0E23\u0E32\u0E07"
@@ -80020,6 +80076,10 @@ var th_TH_default = {
         single: "\u0E40\u0E14\u0E35\u0E48\u0E22\u0E27",
         range: "\u0E41\u0E19\u0E27"
       }
+    },
+    groupCell: {
+      expand: "\u0E02\u0E22\u0E32\u0E22\u0E01\u0E25\u0E38\u0E48\u0E21",
+      collapse: "\u0E01\u0E32\u0E23\u0E22\u0E38\u0E1A\u0E01\u0E25\u0E38\u0E48\u0E21"
     }
   }
 };
@@ -80038,8 +80098,9 @@ var zh_SG_default = {
         title: "\u5F53\u524D\u6CA1\u6709\u53EF\u663E\u793A\u7684\u9879",
         itemsTitle: "\u5F53\u524D\u6CA1\u6709\u53EF\u663E\u793A\u7684%{itemsLabel}",
         tooltip: "\u4F60\u5C06\u4FE1\u606F\u6DFB\u52A0\u5230 %{tableName} \u540E\uFF0C\u7CFB\u7EDF\u5C06\u542F\u7528%{featureName}\u6309\u94AE",
+        searchTooltip: "\u4E00\u65E6\u60A8\u5C06\u4FE1\u606F\u6DFB\u52A0\u5230%{tableName}\u641C\u7D22\u529F\u80FD\u5C31\u4F1A\u542F\u7528",
         featureFilter: "\u7B5B\u9009\u5668",
-        featureSearch: "\u641C\u7D22",
+        featureQuickFilter: "\u5FEB\u901F\u7B5B\u9009",
         featureGroupBy: "\u5206\u7EC4\u4F9D\u636E",
         featureConfigure: "\u914D\u7F6E",
         tableNameFallback: "\u8868\u683C"
@@ -80165,6 +80226,10 @@ var zh_SG_default = {
         single: "\u5355\u4E2A",
         range: "\u8303\u56F4"
       }
+    },
+    groupCell: {
+      expand: "\u5C55\u5F00\u7EC4",
+      collapse: "\u6298\u53E0\u7EC4"
     }
   }
 };
@@ -81746,10 +81811,27 @@ var Table = (props) => {
     },
     [columnApi, internalTableContext]
   );
-  const onColumnResized = React76.useCallback(() => {
-    internalTableContext.onTableConfigChange();
-    setHeaderHeight();
-  }, [internalTableContext.onTableConfigChange]);
+  const onColumnResized = React76.useCallback(
+    (params) => {
+      internalTableContext.onTableConfigChange();
+      setHeaderHeight();
+      if (wrapperRef.current && params.column) {
+        const { columnApi: columnApi2, column: column2 } = params;
+        const tableWidth = wrapperRef.current.clientWidth;
+        const columnState = columnApi2.getColumnState();
+        const pinnedColumns = columnState.filter(
+          (column3) => column3.pinned
+        );
+        const totalPinnedWidth = pinnedColumns.reduce(
+          (acc, column3) => acc + column3.width,
+          0
+        );
+        const currentPinnedColumnMaxWidth = tableWidth - totalPinnedWidth + column2.actualWidth - 50;
+        column2.maxWidth = currentPinnedColumnMaxWidth;
+      }
+    },
+    [internalTableContext.onTableConfigChange]
+  );
   const onDisplayedColumnsChanged = React76.useCallback(
     (event) => {
       if (props.onRowDragEnd) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@procore/data-table",
-  "version": "14.12.0",
+  "version": "14.12.1",
   "description": "Complex data grid built on top of ag-grid, with DST components and styles.",
   "type": "module",
   "main": "dist/legacy/index.cjs",
@@ -111,7 +111,7 @@
     "@procore/core-css": "10.17.0",
     "@procore/core-icons": "12.1.0",
     "@procore/core-prettier": "10.2.0",
-    "@procore/core-react": "12.8.1",
+    "@procore/core-react": "12.9.0",
     "@procore/eslint-config": "10.0.0",
     "@procore/globalization-toolkit": "3.1.0",
     "@procore/labs-financials-utils": "3.0.1",