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

package/CHANGELOG.md

@@ -1,16 +1,17 @@
 # Change Log
 
-## 15.0.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
-- 8baa7c3: Update I18nprovider and DataTable to have the option to pull translations from the CDN
+- 89c28a0: Prevent infinite requests when getRowId returns duplicate IDs in ServerSideDataTable.
 
 ### Patch Changes
 
-- Updated dependencies [8baa7c3]
-  - @procore/core-react@12.21.0-cdn.0
+- 5d92cf2: Fix Misalignment in Table Headers with Nested Column Definitions
 
 ## 14.27.1
 

package/dist/legacy/index.cjs

@@ -12,7 +12,6 @@ var labsFinancialsUtils = require('@procore/labs-financials-utils');
 var styled4 = require('styled-components');
 var format = require('@procore/labs-financials-utils/dist/format');
 var ulid$1 = require('ulid');
-var cdnTranslations = require('@procore/cdn-translations');
 var toastAlert = require('@procore/toast-alert');
 var ReactDOM = require('react-dom');
 var server = require('react-dom/server');
@@ -57318,22 +57317,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 +57554,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 +57582,7 @@ var GenericHeaderRenderer = (props) => {
     }
     props.api.addEventListener(selectionChanged, updateSelectAllCheckbox);
     props.api.addEventListener(paginationChanged, updateSelectAllCheckbox);
+    updateSelectAllCheckbox();
     return () => {
       removeEventListenerFromGrid(
         selectionChanged,
@@ -105775,9 +105779,6 @@ var de_DE_default = {
       selectCell: {
         placeholder: "{{label}} ausw\xE4hlen"
       },
-      multiSelectCell: {
-        placeholder: "Werte ausw\xE4hlen"
-      },
       booleanCell: {
         options: {
           yes: "Ja",
@@ -105941,9 +105942,6 @@ var en_AU_default = {
       selectCell: {
         placeholder: "Select {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Select values"
-      },
       booleanCell: {
         options: {
           yes: "Yes",
@@ -106107,9 +106105,6 @@ var en_CA_default = {
       selectCell: {
         placeholder: "Select {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Select values"
-      },
       booleanCell: {
         options: {
           yes: "Yes",
@@ -106273,9 +106268,6 @@ var en_GB_default = {
       selectCell: {
         placeholder: "Select {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Select values"
-      },
       booleanCell: {
         options: {
           yes: "Yes",
@@ -106605,9 +106597,6 @@ var es_ES_default = {
       selectCell: {
         placeholder: "Seleccionar {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Seleccionar valores"
-      },
       booleanCell: {
         options: {
           yes: "S\xED",
@@ -106645,7 +106634,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 +106760,6 @@ var es_default = {
       selectCell: {
         placeholder: "Seleccionar {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Seleccionar valores"
-      },
       booleanCell: {
         options: {
           yes: "S\xED",
@@ -106937,9 +106923,6 @@ var fr_CA_default = {
       selectCell: {
         placeholder: "S\xE9lectionner {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "S\xE9lectionner les valeurs"
-      },
       booleanCell: {
         options: {
           yes: "Oui",
@@ -107103,9 +107086,6 @@ var fr_FR_default = {
       selectCell: {
         placeholder: "S\xE9lectionner {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "S\xE9lectionner les valeurs"
-      },
       booleanCell: {
         options: {
           yes: "Oui",
@@ -107269,9 +107249,6 @@ var is_IS_default = {
       selectCell: {
         placeholder: "Veldu {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Veldu Gildi"
-      },
       booleanCell: {
         options: {
           yes: "J\xE1",
@@ -107435,9 +107412,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 +107575,6 @@ var pl_PL_default = {
       selectCell: {
         placeholder: "Wybierz {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Wybierz warto\u015Bci"
-      },
       booleanCell: {
         options: {
           yes: "Tak",
@@ -107933,9 +107904,6 @@ var pt_BR_default = {
       selectCell: {
         placeholder: "Selecionar {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Selecionar Valores"
-      },
       booleanCell: {
         options: {
           yes: "Sim",
@@ -108099,9 +108067,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 +108230,6 @@ var zh_SG_default = {
       selectCell: {
         placeholder: "\u9009\u62E9{{label}}"
       },
-      multiSelectCell: {
-        placeholder: "\u9009\u62E9\u503C"
-      },
       booleanCell: {
         options: {
           yes: "\u662F",
@@ -109290,8 +109252,7 @@ var DataTable = ({
   showExpandCollapseAllToggle,
   translations: translations2 = {},
   enableCellTextSelection,
-  localStoragePersistenceKey,
-  enableCDN
+  localStoragePersistenceKey
 }) => {
   const initialTableConfig = localStoragePersistenceKey && webSdkStorage.storage.local.getItem(localStoragePersistenceKey) || _initialTableConfig;
   const onServerSideDataRequestRef = React80__default.default.useRef(onServerSideDataRequest);
@@ -109303,28 +109264,14 @@ var DataTable = ({
   );
   const contextPanel = useContextPanel();
   const clientI18n = coreReact.useI18nContext();
-  const isCDNEnabled = cdnTranslations.isCDNFeatureFlagEnabled(clientI18n, enableCDN);
-  const cdnTranslations$1 = cdnTranslations.useRequestTranslations(
-    {
-      locale: clientI18n.locale,
-      type: "file",
-      absolute_file_path: (locale) => `core/packages/data-table/src/locales/${locale}`
-    },
-    { en: translations.en, pseudo: translations.pseudo },
-    {
-      oldTranslations: translations,
-      enableCDN: isCDNEnabled
-    }
-  );
   const internalI18n = coreReact.useI18n({
-    locale: clientI18n.locale,
+    ...clientI18n,
     translations: ramda.mergeDeepLeft(
       ramda.mergeDeepLeft(clientI18n.translations, {
         [clientI18n.locale]: translations2
       }),
-      cdnTranslations$1.translations
-    ),
-    enableCDN: isCDNEnabled
+      translations
+    )
   });
   const rowSelectionRef = React80__default.default.useRef({
     affectedRows: {},
@@ -112580,8 +112527,7 @@ var ClientSideDataTable = ({
   onTableConfigChange,
   translations: translations2 = {},
   enableCellTextSelection,
-  localStoragePersistenceKey,
-  enableCDN
+  localStoragePersistenceKey
 }) => {
   return /* @__PURE__ */ React80__default.default.createElement(
     DataTable,
@@ -112599,8 +112545,7 @@ var ClientSideDataTable = ({
       translations: translations2,
       localStoragePersistenceKey,
       customBulkEditorFields,
-      enableCellTextSelection,
-      enableCDN
+      enableCellTextSelection
     },
     children
   );
@@ -117061,8 +117006,7 @@ var ServerSideDataTable = ({
   enableCellTextSelection,
   showExpandCollapseAllToggle,
   translations: translations2 = {},
-  localStoragePersistenceKey,
-  enableCDN
+  localStoragePersistenceKey
 }) => {
   return /* @__PURE__ */ React80__default.default.createElement(
     DataTable,
@@ -117081,8 +117025,7 @@ var ServerSideDataTable = ({
       translations: translations2,
       customBulkEditorFields,
       enableCellTextSelection,
-      localStoragePersistenceKey,
-      enableCDN
+      localStoragePersistenceKey
     },
     children
   );

package/dist/legacy/index.d.cts

@@ -1148,7 +1148,6 @@ interface DataTableProps {
     showExpandCollapseAllToggle?: boolean;
     translations?: DataTableTranslations;
     enableCellTextSelection?: boolean;
-    enableCDN?: boolean;
 }
 interface ClientSideDataTableProps extends Omit<DataTableProps, 'onServerSideDataRequest' | 'showExpandCollapseAllToggle'> {
 }
@@ -1439,7 +1438,7 @@ interface BulkActionProps {
     style?: React__default.CSSProperties;
 }
 
-declare const _default$1: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onTableConfigChange, translations, enableCellTextSelection, localStoragePersistenceKey, enableCDN, }: React__default.PropsWithChildren<ClientSideDataTableProps>) => React__default.JSX.Element) & {
+declare const _default$1: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onTableConfigChange, translations, enableCellTextSelection, localStoragePersistenceKey, }: React__default.PropsWithChildren<ClientSideDataTableProps>) => React__default.JSX.Element) & {
     BulkActions: React__default.FunctionComponent<React__default.PropsWithChildren<BulkActionProps>>;
     BulkEditActionButton: React__default.FunctionComponent<ActionButtonProps>;
     ConfigPanelButton: React__default.FC<{}>;
@@ -1476,7 +1475,7 @@ declare const MultiSelectQuickFilterRenderer: (props: FilterProps<any[]>) => Rea
 
 declare const SingleSelectQuickFilterRenderer: (props: FilterProps<any[]>) => React__default.JSX.Element;
 
-declare const _default: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onServerSideDataRequest, onTableConfigChange, enableCellTextSelection, showExpandCollapseAllToggle, translations, localStoragePersistenceKey, enableCDN, }: React__default.PropsWithChildren<DataTableProps>) => React__default.JSX.Element) & {
+declare const _default: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onServerSideDataRequest, onTableConfigChange, enableCellTextSelection, showExpandCollapseAllToggle, translations, localStoragePersistenceKey, }: React__default.PropsWithChildren<DataTableProps>) => React__default.JSX.Element) & {
     BulkActions: React__default.FunctionComponent<React__default.PropsWithChildren<BulkActionProps>>;
     BulkEditActionButton: React__default.FunctionComponent<ActionButtonProps>;
     ConfigPanelButton: React__default.FC<{}>;

package/dist/legacy/index.d.ts

@@ -1148,7 +1148,6 @@ interface DataTableProps {
     showExpandCollapseAllToggle?: boolean;
     translations?: DataTableTranslations;
     enableCellTextSelection?: boolean;
-    enableCDN?: boolean;
 }
 interface ClientSideDataTableProps extends Omit<DataTableProps, 'onServerSideDataRequest' | 'showExpandCollapseAllToggle'> {
 }
@@ -1439,7 +1438,7 @@ interface BulkActionProps {
     style?: React__default.CSSProperties;
 }
 
-declare const _default$1: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onTableConfigChange, translations, enableCellTextSelection, localStoragePersistenceKey, enableCDN, }: React__default.PropsWithChildren<ClientSideDataTableProps>) => React__default.JSX.Element) & {
+declare const _default$1: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onTableConfigChange, translations, enableCellTextSelection, localStoragePersistenceKey, }: React__default.PropsWithChildren<ClientSideDataTableProps>) => React__default.JSX.Element) & {
     BulkActions: React__default.FunctionComponent<React__default.PropsWithChildren<BulkActionProps>>;
     BulkEditActionButton: React__default.FunctionComponent<ActionButtonProps>;
     ConfigPanelButton: React__default.FC<{}>;
@@ -1476,7 +1475,7 @@ declare const MultiSelectQuickFilterRenderer: (props: FilterProps<any[]>) => Rea
 
 declare const SingleSelectQuickFilterRenderer: (props: FilterProps<any[]>) => React__default.JSX.Element;
 
-declare const _default: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onServerSideDataRequest, onTableConfigChange, enableCellTextSelection, showExpandCollapseAllToggle, translations, localStoragePersistenceKey, enableCDN, }: React__default.PropsWithChildren<DataTableProps>) => React__default.JSX.Element) & {
+declare const _default: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onServerSideDataRequest, onTableConfigChange, enableCellTextSelection, showExpandCollapseAllToggle, translations, localStoragePersistenceKey, }: React__default.PropsWithChildren<DataTableProps>) => React__default.JSX.Element) & {
     BulkActions: React__default.FunctionComponent<React__default.PropsWithChildren<BulkActionProps>>;
     BulkEditActionButton: React__default.FunctionComponent<ActionButtonProps>;
     ConfigPanelButton: React__default.FC<{}>;

package/dist/legacy/index.js

@@ -10,7 +10,6 @@ import { formatNumber, formatCurrency, formatPercentage } from '@procore/labs-fi
 import styled4, { css as css$1 } from 'styled-components';
 import { format } from '@procore/labs-financials-utils/dist/format';
 import { detectPrng, factory } from 'ulid';
-import { isCDNFeatureFlagEnabled, useRequestTranslations } from '@procore/cdn-translations';
 import { useToastAlertContext, ToastAlertProvider } from '@procore/toast-alert';
 import ReactDOM, { createPortal } from 'react-dom';
 import { renderToString, renderToStaticMarkup } from 'react-dom/server';
@@ -57305,22 +57304,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 +57541,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 +57569,7 @@ var GenericHeaderRenderer = (props) => {
     }
     props.api.addEventListener(selectionChanged, updateSelectAllCheckbox);
     props.api.addEventListener(paginationChanged, updateSelectAllCheckbox);
+    updateSelectAllCheckbox();
     return () => {
       removeEventListenerFromGrid(
         selectionChanged,
@@ -105762,9 +105766,6 @@ var de_DE_default = {
       selectCell: {
         placeholder: "{{label}} ausw\xE4hlen"
       },
-      multiSelectCell: {
-        placeholder: "Werte ausw\xE4hlen"
-      },
       booleanCell: {
         options: {
           yes: "Ja",
@@ -105928,9 +105929,6 @@ var en_AU_default = {
       selectCell: {
         placeholder: "Select {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Select values"
-      },
       booleanCell: {
         options: {
           yes: "Yes",
@@ -106094,9 +106092,6 @@ var en_CA_default = {
       selectCell: {
         placeholder: "Select {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Select values"
-      },
       booleanCell: {
         options: {
           yes: "Yes",
@@ -106260,9 +106255,6 @@ var en_GB_default = {
       selectCell: {
         placeholder: "Select {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Select values"
-      },
       booleanCell: {
         options: {
           yes: "Yes",
@@ -106592,9 +106584,6 @@ var es_ES_default = {
       selectCell: {
         placeholder: "Seleccionar {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Seleccionar valores"
-      },
       booleanCell: {
         options: {
           yes: "S\xED",
@@ -106632,7 +106621,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 +106747,6 @@ var es_default = {
       selectCell: {
         placeholder: "Seleccionar {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Seleccionar valores"
-      },
       booleanCell: {
         options: {
           yes: "S\xED",
@@ -106924,9 +106910,6 @@ var fr_CA_default = {
       selectCell: {
         placeholder: "S\xE9lectionner {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "S\xE9lectionner les valeurs"
-      },
       booleanCell: {
         options: {
           yes: "Oui",
@@ -107090,9 +107073,6 @@ var fr_FR_default = {
       selectCell: {
         placeholder: "S\xE9lectionner {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "S\xE9lectionner les valeurs"
-      },
       booleanCell: {
         options: {
           yes: "Oui",
@@ -107256,9 +107236,6 @@ var is_IS_default = {
       selectCell: {
         placeholder: "Veldu {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Veldu Gildi"
-      },
       booleanCell: {
         options: {
           yes: "J\xE1",
@@ -107422,9 +107399,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 +107562,6 @@ var pl_PL_default = {
       selectCell: {
         placeholder: "Wybierz {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Wybierz warto\u015Bci"
-      },
       booleanCell: {
         options: {
           yes: "Tak",
@@ -107920,9 +107891,6 @@ var pt_BR_default = {
       selectCell: {
         placeholder: "Selecionar {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Selecionar Valores"
-      },
       booleanCell: {
         options: {
           yes: "Sim",
@@ -108086,9 +108054,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 +108217,6 @@ var zh_SG_default = {
       selectCell: {
         placeholder: "\u9009\u62E9{{label}}"
       },
-      multiSelectCell: {
-        placeholder: "\u9009\u62E9\u503C"
-      },
       booleanCell: {
         options: {
           yes: "\u662F",
@@ -109277,8 +109239,7 @@ var DataTable = ({
   showExpandCollapseAllToggle,
   translations: translations2 = {},
   enableCellTextSelection,
-  localStoragePersistenceKey,
-  enableCDN
+  localStoragePersistenceKey
 }) => {
   const initialTableConfig = localStoragePersistenceKey && storage.local.getItem(localStoragePersistenceKey) || _initialTableConfig;
   const onServerSideDataRequestRef = React80.useRef(onServerSideDataRequest);
@@ -109290,28 +109251,14 @@ var DataTable = ({
   );
   const contextPanel = useContextPanel();
   const clientI18n = useI18nContext();
-  const isCDNEnabled = isCDNFeatureFlagEnabled(clientI18n, enableCDN);
-  const cdnTranslations = useRequestTranslations(
-    {
-      locale: clientI18n.locale,
-      type: "file",
-      absolute_file_path: (locale) => `core/packages/data-table/src/locales/${locale}`
-    },
-    { en: translations.en, pseudo: translations.pseudo },
-    {
-      oldTranslations: translations,
-      enableCDN: isCDNEnabled
-    }
-  );
   const internalI18n = useI18n({
-    locale: clientI18n.locale,
+    ...clientI18n,
     translations: mergeDeepLeft(
       mergeDeepLeft(clientI18n.translations, {
         [clientI18n.locale]: translations2
       }),
-      cdnTranslations.translations
-    ),
-    enableCDN: isCDNEnabled
+      translations
+    )
   });
   const rowSelectionRef = React80.useRef({
     affectedRows: {},
@@ -112567,8 +112514,7 @@ var ClientSideDataTable = ({
   onTableConfigChange,
   translations: translations2 = {},
   enableCellTextSelection,
-  localStoragePersistenceKey,
-  enableCDN
+  localStoragePersistenceKey
 }) => {
   return /* @__PURE__ */ React80.createElement(
     DataTable,
@@ -112586,8 +112532,7 @@ var ClientSideDataTable = ({
       translations: translations2,
       localStoragePersistenceKey,
       customBulkEditorFields,
-      enableCellTextSelection,
-      enableCDN
+      enableCellTextSelection
     },
     children
   );
@@ -117048,8 +116993,7 @@ var ServerSideDataTable = ({
   enableCellTextSelection,
   showExpandCollapseAllToggle,
   translations: translations2 = {},
-  localStoragePersistenceKey,
-  enableCDN
+  localStoragePersistenceKey
 }) => {
   return /* @__PURE__ */ React80.createElement(
     DataTable,
@@ -117068,8 +117012,7 @@ var ServerSideDataTable = ({
       translations: translations2,
       customBulkEditorFields,
       enableCellTextSelection,
-      localStoragePersistenceKey,
-      enableCDN
+      localStoragePersistenceKey
     },
     children
   );

package/dist/modern/index.cjs

@@ -12,7 +12,6 @@ var labsFinancialsUtils = require('@procore/labs-financials-utils');
 var styled4 = require('styled-components');
 var format = require('@procore/labs-financials-utils/dist/format');
 var ulid$1 = require('ulid');
-var cdnTranslations = require('@procore/cdn-translations');
 var toastAlert = require('@procore/toast-alert');
 var ReactDOM = require('react-dom');
 var server = require('react-dom/server');
@@ -57216,22 +57215,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 +57446,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 +57474,7 @@ var GenericHeaderRenderer = (props) => {
     }
     props.api.addEventListener(selectionChanged, updateSelectAllCheckbox);
     props.api.addEventListener(paginationChanged, updateSelectAllCheckbox);
+    updateSelectAllCheckbox();
     return () => {
       removeEventListenerFromGrid(
         selectionChanged,
@@ -105609,9 +105613,6 @@ var de_DE_default = {
       selectCell: {
         placeholder: "{{label}} ausw\xE4hlen"
       },
-      multiSelectCell: {
-        placeholder: "Werte ausw\xE4hlen"
-      },
       booleanCell: {
         options: {
           yes: "Ja",
@@ -105775,9 +105776,6 @@ var en_AU_default = {
       selectCell: {
         placeholder: "Select {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Select values"
-      },
       booleanCell: {
         options: {
           yes: "Yes",
@@ -105941,9 +105939,6 @@ var en_CA_default = {
       selectCell: {
         placeholder: "Select {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Select values"
-      },
       booleanCell: {
         options: {
           yes: "Yes",
@@ -106107,9 +106102,6 @@ var en_GB_default = {
       selectCell: {
         placeholder: "Select {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Select values"
-      },
       booleanCell: {
         options: {
           yes: "Yes",
@@ -106439,9 +106431,6 @@ var es_ES_default = {
       selectCell: {
         placeholder: "Seleccionar {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Seleccionar valores"
-      },
       booleanCell: {
         options: {
           yes: "S\xED",
@@ -106479,7 +106468,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 +106594,6 @@ var es_default = {
       selectCell: {
         placeholder: "Seleccionar {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Seleccionar valores"
-      },
       booleanCell: {
         options: {
           yes: "S\xED",
@@ -106771,9 +106757,6 @@ var fr_CA_default = {
       selectCell: {
         placeholder: "S\xE9lectionner {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "S\xE9lectionner les valeurs"
-      },
       booleanCell: {
         options: {
           yes: "Oui",
@@ -106937,9 +106920,6 @@ var fr_FR_default = {
       selectCell: {
         placeholder: "S\xE9lectionner {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "S\xE9lectionner les valeurs"
-      },
       booleanCell: {
         options: {
           yes: "Oui",
@@ -107103,9 +107083,6 @@ var is_IS_default = {
       selectCell: {
         placeholder: "Veldu {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Veldu Gildi"
-      },
       booleanCell: {
         options: {
           yes: "J\xE1",
@@ -107269,9 +107246,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 +107409,6 @@ var pl_PL_default = {
       selectCell: {
         placeholder: "Wybierz {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Wybierz warto\u015Bci"
-      },
       booleanCell: {
         options: {
           yes: "Tak",
@@ -107767,9 +107738,6 @@ var pt_BR_default = {
       selectCell: {
         placeholder: "Selecionar {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Selecionar Valores"
-      },
       booleanCell: {
         options: {
           yes: "Sim",
@@ -107933,9 +107901,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 +108064,6 @@ var zh_SG_default = {
       selectCell: {
         placeholder: "\u9009\u62E9{{label}}"
       },
-      multiSelectCell: {
-        placeholder: "\u9009\u62E9\u503C"
-      },
       booleanCell: {
         options: {
           yes: "\u662F",
@@ -109110,8 +109072,7 @@ var DataTable = ({
   showExpandCollapseAllToggle,
   translations: translations2 = {},
   enableCellTextSelection,
-  localStoragePersistenceKey,
-  enableCDN
+  localStoragePersistenceKey
 }) => {
   const initialTableConfig = localStoragePersistenceKey && webSdkStorage.storage.local.getItem(localStoragePersistenceKey) || _initialTableConfig;
   const onServerSideDataRequestRef = React80__default.default.useRef(onServerSideDataRequest);
@@ -109123,28 +109084,14 @@ var DataTable = ({
   );
   const contextPanel = useContextPanel();
   const clientI18n = coreReact.useI18nContext();
-  const isCDNEnabled = cdnTranslations.isCDNFeatureFlagEnabled(clientI18n, enableCDN);
-  const cdnTranslations$1 = cdnTranslations.useRequestTranslations(
-    {
-      locale: clientI18n.locale,
-      type: "file",
-      absolute_file_path: (locale) => `core/packages/data-table/src/locales/${locale}`
-    },
-    { en: translations.en, pseudo: translations.pseudo },
-    {
-      oldTranslations: translations,
-      enableCDN: isCDNEnabled
-    }
-  );
   const internalI18n = coreReact.useI18n({
-    locale: clientI18n.locale,
+    ...clientI18n,
     translations: ramda.mergeDeepLeft(
       ramda.mergeDeepLeft(clientI18n.translations, {
         [clientI18n.locale]: translations2
       }),
-      cdnTranslations$1.translations
-    ),
-    enableCDN: isCDNEnabled
+      translations
+    )
   });
   const rowSelectionRef = React80__default.default.useRef({
     affectedRows: {},
@@ -112321,8 +112268,7 @@ var ClientSideDataTable = ({
   onTableConfigChange,
   translations: translations2 = {},
   enableCellTextSelection,
-  localStoragePersistenceKey,
-  enableCDN
+  localStoragePersistenceKey
 }) => {
   return /* @__PURE__ */ React80__default.default.createElement(
     DataTable,
@@ -112340,8 +112286,7 @@ var ClientSideDataTable = ({
       translations: translations2,
       localStoragePersistenceKey,
       customBulkEditorFields,
-      enableCellTextSelection,
-      enableCDN
+      enableCellTextSelection
     },
     children
   );
@@ -116801,8 +116746,7 @@ var ServerSideDataTable = ({
   enableCellTextSelection,
   showExpandCollapseAllToggle,
   translations: translations2 = {},
-  localStoragePersistenceKey,
-  enableCDN
+  localStoragePersistenceKey
 }) => {
   return /* @__PURE__ */ React80__default.default.createElement(
     DataTable,
@@ -116821,8 +116765,7 @@ var ServerSideDataTable = ({
       translations: translations2,
       customBulkEditorFields,
       enableCellTextSelection,
-      localStoragePersistenceKey,
-      enableCDN
+      localStoragePersistenceKey
     },
     children
   );

package/dist/modern/index.d.cts

@@ -1148,7 +1148,6 @@ interface DataTableProps {
     showExpandCollapseAllToggle?: boolean;
     translations?: DataTableTranslations;
     enableCellTextSelection?: boolean;
-    enableCDN?: boolean;
 }
 interface ClientSideDataTableProps extends Omit<DataTableProps, 'onServerSideDataRequest' | 'showExpandCollapseAllToggle'> {
 }
@@ -1439,7 +1438,7 @@ interface BulkActionProps {
     style?: React__default.CSSProperties;
 }
 
-declare const _default$1: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onTableConfigChange, translations, enableCellTextSelection, localStoragePersistenceKey, enableCDN, }: React__default.PropsWithChildren<ClientSideDataTableProps>) => React__default.JSX.Element) & {
+declare const _default$1: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onTableConfigChange, translations, enableCellTextSelection, localStoragePersistenceKey, }: React__default.PropsWithChildren<ClientSideDataTableProps>) => React__default.JSX.Element) & {
     BulkActions: React__default.FunctionComponent<React__default.PropsWithChildren<BulkActionProps>>;
     BulkEditActionButton: React__default.FunctionComponent<ActionButtonProps>;
     ConfigPanelButton: React__default.FC<{}>;
@@ -1476,7 +1475,7 @@ declare const MultiSelectQuickFilterRenderer: (props: FilterProps<any[]>) => Rea
 
 declare const SingleSelectQuickFilterRenderer: (props: FilterProps<any[]>) => React__default.JSX.Element;
 
-declare const _default: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onServerSideDataRequest, onTableConfigChange, enableCellTextSelection, showExpandCollapseAllToggle, translations, localStoragePersistenceKey, enableCDN, }: React__default.PropsWithChildren<DataTableProps>) => React__default.JSX.Element) & {
+declare const _default: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onServerSideDataRequest, onTableConfigChange, enableCellTextSelection, showExpandCollapseAllToggle, translations, localStoragePersistenceKey, }: React__default.PropsWithChildren<DataTableProps>) => React__default.JSX.Element) & {
     BulkActions: React__default.FunctionComponent<React__default.PropsWithChildren<BulkActionProps>>;
     BulkEditActionButton: React__default.FunctionComponent<ActionButtonProps>;
     ConfigPanelButton: React__default.FC<{}>;

package/dist/modern/index.d.ts

@@ -1148,7 +1148,6 @@ interface DataTableProps {
     showExpandCollapseAllToggle?: boolean;
     translations?: DataTableTranslations;
     enableCellTextSelection?: boolean;
-    enableCDN?: boolean;
 }
 interface ClientSideDataTableProps extends Omit<DataTableProps, 'onServerSideDataRequest' | 'showExpandCollapseAllToggle'> {
 }
@@ -1439,7 +1438,7 @@ interface BulkActionProps {
     style?: React__default.CSSProperties;
 }
 
-declare const _default$1: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onTableConfigChange, translations, enableCellTextSelection, localStoragePersistenceKey, enableCDN, }: React__default.PropsWithChildren<ClientSideDataTableProps>) => React__default.JSX.Element) & {
+declare const _default$1: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onTableConfigChange, translations, enableCellTextSelection, localStoragePersistenceKey, }: React__default.PropsWithChildren<ClientSideDataTableProps>) => React__default.JSX.Element) & {
     BulkActions: React__default.FunctionComponent<React__default.PropsWithChildren<BulkActionProps>>;
     BulkEditActionButton: React__default.FunctionComponent<ActionButtonProps>;
     ConfigPanelButton: React__default.FC<{}>;
@@ -1476,7 +1475,7 @@ declare const MultiSelectQuickFilterRenderer: (props: FilterProps<any[]>) => Rea
 
 declare const SingleSelectQuickFilterRenderer: (props: FilterProps<any[]>) => React__default.JSX.Element;
 
-declare const _default: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onServerSideDataRequest, onTableConfigChange, enableCellTextSelection, showExpandCollapseAllToggle, translations, localStoragePersistenceKey, enableCDN, }: React__default.PropsWithChildren<DataTableProps>) => React__default.JSX.Element) & {
+declare const _default: (({ analytics, children, columnDefinitions: _columnDefinitions, customBulkEditorFields, enableDynamicRowHeight, enableGroupEditAndValidation, filterGroups, getRowId, initialTableConfig: _initialTableConfig, onBulkEditUpdate, onServerSideDataRequest, onTableConfigChange, enableCellTextSelection, showExpandCollapseAllToggle, translations, localStoragePersistenceKey, }: React__default.PropsWithChildren<DataTableProps>) => React__default.JSX.Element) & {
     BulkActions: React__default.FunctionComponent<React__default.PropsWithChildren<BulkActionProps>>;
     BulkEditActionButton: React__default.FunctionComponent<ActionButtonProps>;
     ConfigPanelButton: React__default.FC<{}>;

package/dist/modern/index.js

@@ -10,7 +10,6 @@ import { formatNumber, formatCurrency, formatPercentage } from '@procore/labs-fi
 import styled4, { css as css$1 } from 'styled-components';
 import { format } from '@procore/labs-financials-utils/dist/format';
 import { detectPrng, factory } from 'ulid';
-import { isCDNFeatureFlagEnabled, useRequestTranslations } from '@procore/cdn-translations';
 import { useToastAlertContext, ToastAlertProvider } from '@procore/toast-alert';
 import ReactDOM, { createPortal } from 'react-dom';
 import { renderToString, renderToStaticMarkup } from 'react-dom/server';
@@ -57203,22 +57202,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 +57433,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 +57461,7 @@ var GenericHeaderRenderer = (props) => {
     }
     props.api.addEventListener(selectionChanged, updateSelectAllCheckbox);
     props.api.addEventListener(paginationChanged, updateSelectAllCheckbox);
+    updateSelectAllCheckbox();
     return () => {
       removeEventListenerFromGrid(
         selectionChanged,
@@ -105596,9 +105600,6 @@ var de_DE_default = {
       selectCell: {
         placeholder: "{{label}} ausw\xE4hlen"
       },
-      multiSelectCell: {
-        placeholder: "Werte ausw\xE4hlen"
-      },
       booleanCell: {
         options: {
           yes: "Ja",
@@ -105762,9 +105763,6 @@ var en_AU_default = {
       selectCell: {
         placeholder: "Select {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Select values"
-      },
       booleanCell: {
         options: {
           yes: "Yes",
@@ -105928,9 +105926,6 @@ var en_CA_default = {
       selectCell: {
         placeholder: "Select {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Select values"
-      },
       booleanCell: {
         options: {
           yes: "Yes",
@@ -106094,9 +106089,6 @@ var en_GB_default = {
       selectCell: {
         placeholder: "Select {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Select values"
-      },
       booleanCell: {
         options: {
           yes: "Yes",
@@ -106426,9 +106418,6 @@ var es_ES_default = {
       selectCell: {
         placeholder: "Seleccionar {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Seleccionar valores"
-      },
       booleanCell: {
         options: {
           yes: "S\xED",
@@ -106466,7 +106455,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 +106581,6 @@ var es_default = {
       selectCell: {
         placeholder: "Seleccionar {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Seleccionar valores"
-      },
       booleanCell: {
         options: {
           yes: "S\xED",
@@ -106758,9 +106744,6 @@ var fr_CA_default = {
       selectCell: {
         placeholder: "S\xE9lectionner {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "S\xE9lectionner les valeurs"
-      },
       booleanCell: {
         options: {
           yes: "Oui",
@@ -106924,9 +106907,6 @@ var fr_FR_default = {
       selectCell: {
         placeholder: "S\xE9lectionner {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "S\xE9lectionner les valeurs"
-      },
       booleanCell: {
         options: {
           yes: "Oui",
@@ -107090,9 +107070,6 @@ var is_IS_default = {
       selectCell: {
         placeholder: "Veldu {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Veldu Gildi"
-      },
       booleanCell: {
         options: {
           yes: "J\xE1",
@@ -107256,9 +107233,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 +107396,6 @@ var pl_PL_default = {
       selectCell: {
         placeholder: "Wybierz {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Wybierz warto\u015Bci"
-      },
       booleanCell: {
         options: {
           yes: "Tak",
@@ -107754,9 +107725,6 @@ var pt_BR_default = {
       selectCell: {
         placeholder: "Selecionar {{label}}"
       },
-      multiSelectCell: {
-        placeholder: "Selecionar Valores"
-      },
       booleanCell: {
         options: {
           yes: "Sim",
@@ -107920,9 +107888,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 +108051,6 @@ var zh_SG_default = {
       selectCell: {
         placeholder: "\u9009\u62E9{{label}}"
       },
-      multiSelectCell: {
-        placeholder: "\u9009\u62E9\u503C"
-      },
       booleanCell: {
         options: {
           yes: "\u662F",
@@ -109097,8 +109059,7 @@ var DataTable = ({
   showExpandCollapseAllToggle,
   translations: translations2 = {},
   enableCellTextSelection,
-  localStoragePersistenceKey,
-  enableCDN
+  localStoragePersistenceKey
 }) => {
   const initialTableConfig = localStoragePersistenceKey && storage.local.getItem(localStoragePersistenceKey) || _initialTableConfig;
   const onServerSideDataRequestRef = React80.useRef(onServerSideDataRequest);
@@ -109110,28 +109071,14 @@ var DataTable = ({
   );
   const contextPanel = useContextPanel();
   const clientI18n = useI18nContext();
-  const isCDNEnabled = isCDNFeatureFlagEnabled(clientI18n, enableCDN);
-  const cdnTranslations = useRequestTranslations(
-    {
-      locale: clientI18n.locale,
-      type: "file",
-      absolute_file_path: (locale) => `core/packages/data-table/src/locales/${locale}`
-    },
-    { en: translations.en, pseudo: translations.pseudo },
-    {
-      oldTranslations: translations,
-      enableCDN: isCDNEnabled
-    }
-  );
   const internalI18n = useI18n({
-    locale: clientI18n.locale,
+    ...clientI18n,
     translations: mergeDeepLeft(
       mergeDeepLeft(clientI18n.translations, {
         [clientI18n.locale]: translations2
       }),
-      cdnTranslations.translations
-    ),
-    enableCDN: isCDNEnabled
+      translations
+    )
   });
   const rowSelectionRef = React80.useRef({
     affectedRows: {},
@@ -112308,8 +112255,7 @@ var ClientSideDataTable = ({
   onTableConfigChange,
   translations: translations2 = {},
   enableCellTextSelection,
-  localStoragePersistenceKey,
-  enableCDN
+  localStoragePersistenceKey
 }) => {
   return /* @__PURE__ */ React80.createElement(
     DataTable,
@@ -112327,8 +112273,7 @@ var ClientSideDataTable = ({
       translations: translations2,
       localStoragePersistenceKey,
       customBulkEditorFields,
-      enableCellTextSelection,
-      enableCDN
+      enableCellTextSelection
     },
     children
   );
@@ -116788,8 +116733,7 @@ var ServerSideDataTable = ({
   enableCellTextSelection,
   showExpandCollapseAllToggle,
   translations: translations2 = {},
-  localStoragePersistenceKey,
-  enableCDN
+  localStoragePersistenceKey
 }) => {
   return /* @__PURE__ */ React80.createElement(
     DataTable,
@@ -116808,8 +116752,7 @@ var ServerSideDataTable = ({
       translations: translations2,
       customBulkEditorFields,
       enableCellTextSelection,
-      localStoragePersistenceKey,
-      enableCDN
+      localStoragePersistenceKey
     },
     children
   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@procore/data-table",
-  "version": "14.28.0-cdn.3",
+  "version": "14.28.0",
   "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,6 @@
     "styled-components": ">= 5.1.1 < 6"
   },
   "dependencies": {
-    "@procore/cdn-translations": "0.1.0",
     "@procore/error-pages": "0.2.1",
     "@procore/labs-datetime-select": "0.1.1",
     "@procore/labs-group-by-select": "4.0.0",
@@ -114,7 +113,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",
     "@procore/eslint-config": "10.0.0",
     "@procore/globalization-toolkit": "3.1.0",
     "@procore/labs-financials-utils": "4.3.1",