@procore/data-table 14.28.0-cdn.3 → 14.28.0-cdn.5

package/CHANGELOG.md

@@ -1,6 +1,6 @@
 # Change Log
 
-## 15.0.0-cdn.0
+## 14.28.0-cdn.5
 
 ### Minor Changes
 
@@ -12,6 +12,19 @@
 - Updated dependencies [8baa7c3]
   - @procore/core-react@12.21.0-cdn.0
 
+## 14.28.0
+
+### Minor Changes
+
+- e6586a3: If a row is not selectable, make isRowSelected = false
+- 92682a0: Fix: ensure "Select All" checkbox stays visible and functional when the first column is hidden
+- 3f72970: Add placeholder implementation for MultiSelectCellRenderer component
+- 89c28a0: Prevent infinite requests when getRowId returns duplicate IDs in ServerSideDataTable.
+
+### Patch Changes
+
+- 5d92cf2: Fix Misalignment in Table Headers with Nested Column Definitions
+
 ## 14.27.1
 
 ### Patch Changes

package/dist/legacy/index.cjs

@@ -57318,22 +57318,26 @@ var GenericHeaderRenderer = (props) => {
   }, []);
   React80__default.default.useEffect(() => {
     function calculatePosition() {
-      const columns = props.columnApi.getColumnState();
-      if (!(columns == null ? void 0 : columns.length)) {
+      const visibleColumns = props.columnApi.getAllDisplayedColumns();
+      if (!(visibleColumns == null ? void 0 : visibleColumns.length))
         return;
-      }
-      if (columns[0].colId === colId) {
-        setIsFirstColumn(true);
-      } else {
-        setIsFirstColumn(false);
-      }
+      const isCurrentFirst = visibleColumns[0].getColId() === colId;
+      setIsFirstColumn(isCurrentFirst);
     }
     props.api.addEventListener("columnMoved", calculatePosition);
+    props.api.addEventListener("columnPinned", calculatePosition);
+    props.api.addEventListener("columnVisible", calculatePosition);
     calculatePosition();
     return () => {
       removeEventListenerFromGrid("columnMoved", calculatePosition, props.api);
+      removeEventListenerFromGrid("columnPinned", calculatePosition, props.api);
+      removeEventListenerFromGrid(
+        "columnVisible",
+        calculatePosition,
+        props.api
+      );
     };
-  }, []);
+  }, [colId, props.api]);
   const onSortToggled = (event) => {
     var _a2, _b, _c;
     let currentSort = null;
@@ -57551,7 +57555,7 @@ var GenericHeaderRenderer = (props) => {
     }
     function updateSelectAllCheckbox(e) {
       var _a2;
-      if (e.source === "uiSelectAll") {
+      if (e && e.source === "uiSelectAll") {
         return;
       }
       const selectionState = props.api.getServerSideSelectionState();
@@ -57579,6 +57583,7 @@ var GenericHeaderRenderer = (props) => {
     }
     props.api.addEventListener(selectionChanged, updateSelectAllCheckbox);
     props.api.addEventListener(paginationChanged, updateSelectAllCheckbox);
+    updateSelectAllCheckbox();
     return () => {
       removeEventListenerFromGrid(
         selectionChanged,
@@ -105775,9 +105780,6 @@ var de_DE_default = {
       selectCell: {
         placeholder: "{{label}} ausw\xE4hlen"
       },
-      multiSelectCell: {
-        placeholder: "Werte ausw\xE4hlen"
-      },
       booleanCell: {
         options: {
           yes: "Ja",
@@ -105941,9 +105943,6 @@ var en_AU_default = {
       selectCell: {
         placeholder: "Select {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Select values"
-      },
       booleanCell: {
         options: {
           yes: "Yes",
@@ -106107,9 +106106,6 @@ var en_CA_default = {
       selectCell: {
         placeholder: "Select {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Select values"
-      },
       booleanCell: {
         options: {
           yes: "Yes",
@@ -106273,9 +106269,6 @@ var en_GB_default = {
       selectCell: {
         placeholder: "Select {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Select values"
-      },
       booleanCell: {
         options: {
           yes: "Yes",
@@ -106605,9 +106598,6 @@ var es_ES_default = {
       selectCell: {
         placeholder: "Seleccionar {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Seleccionar valores"
-      },
       booleanCell: {
         options: {
           yes: "S\xED",
@@ -106645,7 +106635,7 @@ 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 a la %{tableName}.",
-        searchTooltip: "La b\xFAsqueda se habilitar\xE1 una vez que agregue informaci\xF3n a la %{tableName}.",
+        searchTooltip: "La b\xFAsqueda se habilitar\xE1 una vez que agregue informaci\xF3n a %{tableName}",
         featureFilter: "Filtro",
         featureQuickFilter: "Filtro r\xE1pido",
         featureGroupBy: "Agrupar por",
@@ -106771,9 +106761,6 @@ var es_default = {
       selectCell: {
         placeholder: "Seleccionar {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Seleccionar valores"
-      },
       booleanCell: {
         options: {
           yes: "S\xED",
@@ -106937,9 +106924,6 @@ var fr_CA_default = {
       selectCell: {
         placeholder: "S\xE9lectionner {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "S\xE9lectionner les valeurs"
-      },
       booleanCell: {
         options: {
           yes: "Oui",
@@ -107103,9 +107087,6 @@ var fr_FR_default = {
       selectCell: {
         placeholder: "S\xE9lectionner {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "S\xE9lectionner les valeurs"
-      },
       booleanCell: {
         options: {
           yes: "Oui",
@@ -107269,9 +107250,6 @@ var is_IS_default = {
       selectCell: {
         placeholder: "Veldu {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Veldu Gildi"
-      },
       booleanCell: {
         options: {
           yes: "J\xE1",
@@ -107435,9 +107413,6 @@ var ja_JP_default = {
       selectCell: {
         placeholder: "{{label}}\u3092\u9078\u629E\u3059\u308B"
       },
-      multiSelectCell: {
-        placeholder: "\u5024\u3092\u9078\u629E"
-      },
       booleanCell: {
         options: {
           yes: "\u306F\u3044",
@@ -107601,9 +107576,6 @@ var pl_PL_default = {
       selectCell: {
         placeholder: "Wybierz {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Wybierz warto\u015Bci"
-      },
       booleanCell: {
         options: {
           yes: "Tak",
@@ -107933,9 +107905,6 @@ var pt_BR_default = {
       selectCell: {
         placeholder: "Selecionar {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Selecionar Valores"
-      },
       booleanCell: {
         options: {
           yes: "Sim",
@@ -108099,9 +108068,6 @@ var th_TH_default = {
       selectCell: {
         placeholder: "\u0E40\u0E25\u0E37\u0E2D\u0E01 {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E04\u0E48\u0E32"
-      },
       booleanCell: {
         options: {
           yes: "\u0E43\u0E0A\u0E48",
@@ -108265,9 +108231,6 @@ var zh_SG_default = {
       selectCell: {
         placeholder: "\u9009\u62E9{{label}}"
       },
-      multiSelectCell: {
-        placeholder: "\u9009\u62E9\u503C"
-      },
       booleanCell: {
         options: {
           yes: "\u662F",
@@ -109308,7 +109271,7 @@ var DataTable = ({
     {
       locale: clientI18n.locale,
       type: "file",
-      absolute_file_path: (locale) => `core/packages/data-table/src/locales/${locale}`
+      absolute_file_path: (locale) => `core/packages/data-table/src/locales/${locale}.json`
     },
     { en: translations.en, pseudo: translations.pseudo },
     {

package/dist/legacy/index.js

@@ -57305,22 +57305,26 @@ var GenericHeaderRenderer = (props) => {
   }, []);
   React80.useEffect(() => {
     function calculatePosition() {
-      const columns = props.columnApi.getColumnState();
-      if (!(columns == null ? void 0 : columns.length)) {
+      const visibleColumns = props.columnApi.getAllDisplayedColumns();
+      if (!(visibleColumns == null ? void 0 : visibleColumns.length))
         return;
-      }
-      if (columns[0].colId === colId) {
-        setIsFirstColumn(true);
-      } else {
-        setIsFirstColumn(false);
-      }
+      const isCurrentFirst = visibleColumns[0].getColId() === colId;
+      setIsFirstColumn(isCurrentFirst);
     }
     props.api.addEventListener("columnMoved", calculatePosition);
+    props.api.addEventListener("columnPinned", calculatePosition);
+    props.api.addEventListener("columnVisible", calculatePosition);
     calculatePosition();
     return () => {
       removeEventListenerFromGrid("columnMoved", calculatePosition, props.api);
+      removeEventListenerFromGrid("columnPinned", calculatePosition, props.api);
+      removeEventListenerFromGrid(
+        "columnVisible",
+        calculatePosition,
+        props.api
+      );
     };
-  }, []);
+  }, [colId, props.api]);
   const onSortToggled = (event) => {
     var _a2, _b, _c;
     let currentSort = null;
@@ -57538,7 +57542,7 @@ var GenericHeaderRenderer = (props) => {
     }
     function updateSelectAllCheckbox(e) {
       var _a2;
-      if (e.source === "uiSelectAll") {
+      if (e && e.source === "uiSelectAll") {
         return;
       }
       const selectionState = props.api.getServerSideSelectionState();
@@ -57566,6 +57570,7 @@ var GenericHeaderRenderer = (props) => {
     }
     props.api.addEventListener(selectionChanged, updateSelectAllCheckbox);
     props.api.addEventListener(paginationChanged, updateSelectAllCheckbox);
+    updateSelectAllCheckbox();
     return () => {
       removeEventListenerFromGrid(
         selectionChanged,
@@ -105762,9 +105767,6 @@ var de_DE_default = {
       selectCell: {
         placeholder: "{{label}} ausw\xE4hlen"
       },
-      multiSelectCell: {
-        placeholder: "Werte ausw\xE4hlen"
-      },
       booleanCell: {
         options: {
           yes: "Ja",
@@ -105928,9 +105930,6 @@ var en_AU_default = {
       selectCell: {
         placeholder: "Select {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Select values"
-      },
       booleanCell: {
         options: {
           yes: "Yes",
@@ -106094,9 +106093,6 @@ var en_CA_default = {
       selectCell: {
         placeholder: "Select {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Select values"
-      },
       booleanCell: {
         options: {
           yes: "Yes",
@@ -106260,9 +106256,6 @@ var en_GB_default = {
       selectCell: {
         placeholder: "Select {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Select values"
-      },
       booleanCell: {
         options: {
           yes: "Yes",
@@ -106592,9 +106585,6 @@ var es_ES_default = {
       selectCell: {
         placeholder: "Seleccionar {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Seleccionar valores"
-      },
       booleanCell: {
         options: {
           yes: "S\xED",
@@ -106632,7 +106622,7 @@ 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 a la %{tableName}.",
-        searchTooltip: "La b\xFAsqueda se habilitar\xE1 una vez que agregue informaci\xF3n a la %{tableName}.",
+        searchTooltip: "La b\xFAsqueda se habilitar\xE1 una vez que agregue informaci\xF3n a %{tableName}",
         featureFilter: "Filtro",
         featureQuickFilter: "Filtro r\xE1pido",
         featureGroupBy: "Agrupar por",
@@ -106758,9 +106748,6 @@ var es_default = {
       selectCell: {
         placeholder: "Seleccionar {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Seleccionar valores"
-      },
       booleanCell: {
         options: {
           yes: "S\xED",
@@ -106924,9 +106911,6 @@ var fr_CA_default = {
       selectCell: {
         placeholder: "S\xE9lectionner {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "S\xE9lectionner les valeurs"
-      },
       booleanCell: {
         options: {
           yes: "Oui",
@@ -107090,9 +107074,6 @@ var fr_FR_default = {
       selectCell: {
         placeholder: "S\xE9lectionner {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "S\xE9lectionner les valeurs"
-      },
       booleanCell: {
         options: {
           yes: "Oui",
@@ -107256,9 +107237,6 @@ var is_IS_default = {
       selectCell: {
         placeholder: "Veldu {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Veldu Gildi"
-      },
       booleanCell: {
         options: {
           yes: "J\xE1",
@@ -107422,9 +107400,6 @@ var ja_JP_default = {
       selectCell: {
         placeholder: "{{label}}\u3092\u9078\u629E\u3059\u308B"
       },
-      multiSelectCell: {
-        placeholder: "\u5024\u3092\u9078\u629E"
-      },
       booleanCell: {
         options: {
           yes: "\u306F\u3044",
@@ -107588,9 +107563,6 @@ var pl_PL_default = {
       selectCell: {
         placeholder: "Wybierz {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Wybierz warto\u015Bci"
-      },
       booleanCell: {
         options: {
           yes: "Tak",
@@ -107920,9 +107892,6 @@ var pt_BR_default = {
       selectCell: {
         placeholder: "Selecionar {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Selecionar Valores"
-      },
       booleanCell: {
         options: {
           yes: "Sim",
@@ -108086,9 +108055,6 @@ var th_TH_default = {
       selectCell: {
         placeholder: "\u0E40\u0E25\u0E37\u0E2D\u0E01 {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E04\u0E48\u0E32"
-      },
       booleanCell: {
         options: {
           yes: "\u0E43\u0E0A\u0E48",
@@ -108252,9 +108218,6 @@ var zh_SG_default = {
       selectCell: {
         placeholder: "\u9009\u62E9{{label}}"
       },
-      multiSelectCell: {
-        placeholder: "\u9009\u62E9\u503C"
-      },
       booleanCell: {
         options: {
           yes: "\u662F",
@@ -109295,7 +109258,7 @@ var DataTable = ({
     {
       locale: clientI18n.locale,
       type: "file",
-      absolute_file_path: (locale) => `core/packages/data-table/src/locales/${locale}`
+      absolute_file_path: (locale) => `core/packages/data-table/src/locales/${locale}.json`
     },
     { en: translations.en, pseudo: translations.pseudo },
     {

package/dist/modern/index.cjs

@@ -57216,22 +57216,26 @@ var GenericHeaderRenderer = (props) => {
   }, []);
   React80__default.default.useEffect(() => {
     function calculatePosition() {
-      const columns = props.columnApi.getColumnState();
-      if (!columns?.length) {
+      const visibleColumns = props.columnApi.getAllDisplayedColumns();
+      if (!visibleColumns?.length)
         return;
-      }
-      if (columns[0].colId === colId) {
-        setIsFirstColumn(true);
-      } else {
-        setIsFirstColumn(false);
-      }
+      const isCurrentFirst = visibleColumns[0].getColId() === colId;
+      setIsFirstColumn(isCurrentFirst);
     }
     props.api.addEventListener("columnMoved", calculatePosition);
+    props.api.addEventListener("columnPinned", calculatePosition);
+    props.api.addEventListener("columnVisible", calculatePosition);
     calculatePosition();
     return () => {
       removeEventListenerFromGrid("columnMoved", calculatePosition, props.api);
+      removeEventListenerFromGrid("columnPinned", calculatePosition, props.api);
+      removeEventListenerFromGrid(
+        "columnVisible",
+        calculatePosition,
+        props.api
+      );
     };
-  }, []);
+  }, [colId, props.api]);
   const onSortToggled = (event) => {
     let currentSort = null;
     if (Array.from(checkbox.current?.parentElement?.children || []).includes(
@@ -57443,7 +57447,7 @@ var GenericHeaderRenderer = (props) => {
       return;
     }
     function updateSelectAllCheckbox(e) {
-      if (e.source === "uiSelectAll") {
+      if (e && e.source === "uiSelectAll") {
         return;
       }
       const selectionState = props.api.getServerSideSelectionState();
@@ -57471,6 +57475,7 @@ var GenericHeaderRenderer = (props) => {
     }
     props.api.addEventListener(selectionChanged, updateSelectAllCheckbox);
     props.api.addEventListener(paginationChanged, updateSelectAllCheckbox);
+    updateSelectAllCheckbox();
     return () => {
       removeEventListenerFromGrid(
         selectionChanged,
@@ -105609,9 +105614,6 @@ var de_DE_default = {
       selectCell: {
         placeholder: "{{label}} ausw\xE4hlen"
       },
-      multiSelectCell: {
-        placeholder: "Werte ausw\xE4hlen"
-      },
       booleanCell: {
         options: {
           yes: "Ja",
@@ -105775,9 +105777,6 @@ var en_AU_default = {
       selectCell: {
         placeholder: "Select {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Select values"
-      },
       booleanCell: {
         options: {
           yes: "Yes",
@@ -105941,9 +105940,6 @@ var en_CA_default = {
       selectCell: {
         placeholder: "Select {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Select values"
-      },
       booleanCell: {
         options: {
           yes: "Yes",
@@ -106107,9 +106103,6 @@ var en_GB_default = {
       selectCell: {
         placeholder: "Select {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Select values"
-      },
       booleanCell: {
         options: {
           yes: "Yes",
@@ -106439,9 +106432,6 @@ var es_ES_default = {
       selectCell: {
         placeholder: "Seleccionar {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Seleccionar valores"
-      },
       booleanCell: {
         options: {
           yes: "S\xED",
@@ -106479,7 +106469,7 @@ 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 a la %{tableName}.",
-        searchTooltip: "La b\xFAsqueda se habilitar\xE1 una vez que agregue informaci\xF3n a la %{tableName}.",
+        searchTooltip: "La b\xFAsqueda se habilitar\xE1 una vez que agregue informaci\xF3n a %{tableName}",
         featureFilter: "Filtro",
         featureQuickFilter: "Filtro r\xE1pido",
         featureGroupBy: "Agrupar por",
@@ -106605,9 +106595,6 @@ var es_default = {
       selectCell: {
         placeholder: "Seleccionar {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Seleccionar valores"
-      },
       booleanCell: {
         options: {
           yes: "S\xED",
@@ -106771,9 +106758,6 @@ var fr_CA_default = {
       selectCell: {
         placeholder: "S\xE9lectionner {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "S\xE9lectionner les valeurs"
-      },
       booleanCell: {
         options: {
           yes: "Oui",
@@ -106937,9 +106921,6 @@ var fr_FR_default = {
       selectCell: {
         placeholder: "S\xE9lectionner {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "S\xE9lectionner les valeurs"
-      },
       booleanCell: {
         options: {
           yes: "Oui",
@@ -107103,9 +107084,6 @@ var is_IS_default = {
       selectCell: {
         placeholder: "Veldu {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Veldu Gildi"
-      },
       booleanCell: {
         options: {
           yes: "J\xE1",
@@ -107269,9 +107247,6 @@ var ja_JP_default = {
       selectCell: {
         placeholder: "{{label}}\u3092\u9078\u629E\u3059\u308B"
       },
-      multiSelectCell: {
-        placeholder: "\u5024\u3092\u9078\u629E"
-      },
       booleanCell: {
         options: {
           yes: "\u306F\u3044",
@@ -107435,9 +107410,6 @@ var pl_PL_default = {
       selectCell: {
         placeholder: "Wybierz {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Wybierz warto\u015Bci"
-      },
       booleanCell: {
         options: {
           yes: "Tak",
@@ -107767,9 +107739,6 @@ var pt_BR_default = {
       selectCell: {
         placeholder: "Selecionar {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Selecionar Valores"
-      },
       booleanCell: {
         options: {
           yes: "Sim",
@@ -107933,9 +107902,6 @@ var th_TH_default = {
       selectCell: {
         placeholder: "\u0E40\u0E25\u0E37\u0E2D\u0E01 {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E04\u0E48\u0E32"
-      },
       booleanCell: {
         options: {
           yes: "\u0E43\u0E0A\u0E48",
@@ -108099,9 +108065,6 @@ var zh_SG_default = {
       selectCell: {
         placeholder: "\u9009\u62E9{{label}}"
       },
-      multiSelectCell: {
-        placeholder: "\u9009\u62E9\u503C"
-      },
       booleanCell: {
         options: {
           yes: "\u662F",
@@ -109128,7 +109091,7 @@ var DataTable = ({
     {
       locale: clientI18n.locale,
       type: "file",
-      absolute_file_path: (locale) => `core/packages/data-table/src/locales/${locale}`
+      absolute_file_path: (locale) => `core/packages/data-table/src/locales/${locale}.json`
     },
     { en: translations.en, pseudo: translations.pseudo },
     {

package/dist/modern/index.js

@@ -57203,22 +57203,26 @@ var GenericHeaderRenderer = (props) => {
   }, []);
   React80.useEffect(() => {
     function calculatePosition() {
-      const columns = props.columnApi.getColumnState();
-      if (!columns?.length) {
+      const visibleColumns = props.columnApi.getAllDisplayedColumns();
+      if (!visibleColumns?.length)
         return;
-      }
-      if (columns[0].colId === colId) {
-        setIsFirstColumn(true);
-      } else {
-        setIsFirstColumn(false);
-      }
+      const isCurrentFirst = visibleColumns[0].getColId() === colId;
+      setIsFirstColumn(isCurrentFirst);
     }
     props.api.addEventListener("columnMoved", calculatePosition);
+    props.api.addEventListener("columnPinned", calculatePosition);
+    props.api.addEventListener("columnVisible", calculatePosition);
     calculatePosition();
     return () => {
       removeEventListenerFromGrid("columnMoved", calculatePosition, props.api);
+      removeEventListenerFromGrid("columnPinned", calculatePosition, props.api);
+      removeEventListenerFromGrid(
+        "columnVisible",
+        calculatePosition,
+        props.api
+      );
     };
-  }, []);
+  }, [colId, props.api]);
   const onSortToggled = (event) => {
     let currentSort = null;
     if (Array.from(checkbox.current?.parentElement?.children || []).includes(
@@ -57430,7 +57434,7 @@ var GenericHeaderRenderer = (props) => {
       return;
     }
     function updateSelectAllCheckbox(e) {
-      if (e.source === "uiSelectAll") {
+      if (e && e.source === "uiSelectAll") {
         return;
       }
       const selectionState = props.api.getServerSideSelectionState();
@@ -57458,6 +57462,7 @@ var GenericHeaderRenderer = (props) => {
     }
     props.api.addEventListener(selectionChanged, updateSelectAllCheckbox);
     props.api.addEventListener(paginationChanged, updateSelectAllCheckbox);
+    updateSelectAllCheckbox();
     return () => {
       removeEventListenerFromGrid(
         selectionChanged,
@@ -105596,9 +105601,6 @@ var de_DE_default = {
       selectCell: {
         placeholder: "{{label}} ausw\xE4hlen"
       },
-      multiSelectCell: {
-        placeholder: "Werte ausw\xE4hlen"
-      },
       booleanCell: {
         options: {
           yes: "Ja",
@@ -105762,9 +105764,6 @@ var en_AU_default = {
       selectCell: {
         placeholder: "Select {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Select values"
-      },
       booleanCell: {
         options: {
           yes: "Yes",
@@ -105928,9 +105927,6 @@ var en_CA_default = {
       selectCell: {
         placeholder: "Select {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Select values"
-      },
       booleanCell: {
         options: {
           yes: "Yes",
@@ -106094,9 +106090,6 @@ var en_GB_default = {
       selectCell: {
         placeholder: "Select {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Select values"
-      },
       booleanCell: {
         options: {
           yes: "Yes",
@@ -106426,9 +106419,6 @@ var es_ES_default = {
       selectCell: {
         placeholder: "Seleccionar {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Seleccionar valores"
-      },
       booleanCell: {
         options: {
           yes: "S\xED",
@@ -106466,7 +106456,7 @@ 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 a la %{tableName}.",
-        searchTooltip: "La b\xFAsqueda se habilitar\xE1 una vez que agregue informaci\xF3n a la %{tableName}.",
+        searchTooltip: "La b\xFAsqueda se habilitar\xE1 una vez que agregue informaci\xF3n a %{tableName}",
         featureFilter: "Filtro",
         featureQuickFilter: "Filtro r\xE1pido",
         featureGroupBy: "Agrupar por",
@@ -106592,9 +106582,6 @@ var es_default = {
       selectCell: {
         placeholder: "Seleccionar {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Seleccionar valores"
-      },
       booleanCell: {
         options: {
           yes: "S\xED",
@@ -106758,9 +106745,6 @@ var fr_CA_default = {
       selectCell: {
         placeholder: "S\xE9lectionner {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "S\xE9lectionner les valeurs"
-      },
       booleanCell: {
         options: {
           yes: "Oui",
@@ -106924,9 +106908,6 @@ var fr_FR_default = {
       selectCell: {
         placeholder: "S\xE9lectionner {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "S\xE9lectionner les valeurs"
-      },
       booleanCell: {
         options: {
           yes: "Oui",
@@ -107090,9 +107071,6 @@ var is_IS_default = {
       selectCell: {
         placeholder: "Veldu {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Veldu Gildi"
-      },
       booleanCell: {
         options: {
           yes: "J\xE1",
@@ -107256,9 +107234,6 @@ var ja_JP_default = {
       selectCell: {
         placeholder: "{{label}}\u3092\u9078\u629E\u3059\u308B"
       },
-      multiSelectCell: {
-        placeholder: "\u5024\u3092\u9078\u629E"
-      },
       booleanCell: {
         options: {
           yes: "\u306F\u3044",
@@ -107422,9 +107397,6 @@ var pl_PL_default = {
       selectCell: {
         placeholder: "Wybierz {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Wybierz warto\u015Bci"
-      },
       booleanCell: {
         options: {
           yes: "Tak",
@@ -107754,9 +107726,6 @@ var pt_BR_default = {
       selectCell: {
         placeholder: "Selecionar {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Selecionar Valores"
-      },
       booleanCell: {
         options: {
           yes: "Sim",
@@ -107920,9 +107889,6 @@ var th_TH_default = {
       selectCell: {
         placeholder: "\u0E40\u0E25\u0E37\u0E2D\u0E01 {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E04\u0E48\u0E32"
-      },
       booleanCell: {
         options: {
           yes: "\u0E43\u0E0A\u0E48",
@@ -108086,9 +108052,6 @@ var zh_SG_default = {
       selectCell: {
         placeholder: "\u9009\u62E9{{label}}"
       },
-      multiSelectCell: {
-        placeholder: "\u9009\u62E9\u503C"
-      },
       booleanCell: {
         options: {
           yes: "\u662F",
@@ -109115,7 +109078,7 @@ var DataTable = ({
     {
       locale: clientI18n.locale,
       type: "file",
-      absolute_file_path: (locale) => `core/packages/data-table/src/locales/${locale}`
+      absolute_file_path: (locale) => `core/packages/data-table/src/locales/${locale}.json`
     },
     { en: translations.en, pseudo: translations.pseudo },
     {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@procore/data-table",
-  "version": "14.28.0-cdn.3",
+  "version": "14.28.0-cdn.5",
   "description": "Complex data grid built on top of ag-grid, with DST components and styles.",
   "type": "module",
   "main": "dist/legacy/index.cjs",
@@ -79,7 +79,7 @@
     "styled-components": ">= 5.1.1 < 6"
   },
   "dependencies": {
-    "@procore/cdn-translations": "0.1.0",
+    "@procore/cdn-translations": "0.1.2",
     "@procore/error-pages": "0.2.1",
     "@procore/labs-datetime-select": "0.1.1",
     "@procore/labs-group-by-select": "4.0.0",
@@ -114,7 +114,7 @@
     "@procore/core-css": "10.17.0",
     "@procore/core-icons": "12.6.0",
     "@procore/core-prettier": "10.2.0",
-    "@procore/core-react": "12.21.0-cdn.3",
+    "@procore/core-react": "12.21.0-cdn.5",
     "@procore/eslint-config": "10.0.0",
     "@procore/globalization-toolkit": "3.1.0",
     "@procore/labs-financials-utils": "4.3.1",