@procore/data-table 14.33.0 → 14.34.0

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # Change Log
 
+## 14.34.0
+
+### Minor Changes
+
+- 5848cca: Update I18nProviders to have the option to pull translations from the CDN package cdn-translations
+
+### Patch Changes
+
+- 46714d4: Fix broken "groupSelectsChildren" prop behaviour
+
 ## 14.33.0
 
 ### Minor Changes

package/dist/legacy/index.cjs

@@ -12,6 +12,7 @@ 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');
@@ -55419,19 +55420,15 @@ function getAffectedRows(currentRows, selectionNode, affectedRows) {
 function noop2() {
 }
 function getSelectedState(node, affectedRows) {
-  var _a;
   const self = affectedRows[node.id];
   if ((self == null ? void 0 : self.selectedState) === "selected") {
     return true;
-  } else if (node.parent && !isNodeRootLevelOfGrid(node.parent) && ((_a = affectedRows[node.parent.id]) == null ? void 0 : _a.selectedState) === "selected") {
-    node.setSelected(true, void 0, self == null ? void 0 : self.selectedState);
-    affectedRows[node.id] = {
-      node,
-      selectedState: "selected"
-    };
+  } else if (node.isSelected()) {
+    node.setSelected(true, void 0);
+    affectedRows[node.id] = { node, selectedState: "selected" };
     return true;
   } else {
-    return !!node.isSelected();
+    return false;
   }
 }
 function getCheckboxState(node, isServerSideDataRequest, rowSelectionRef) {
@@ -108206,7 +108203,8 @@ var DataTable = ({
   showExpandCollapseAllToggle,
   translations: translations2 = {},
   enableCellTextSelection,
-  localStoragePersistenceKey
+  localStoragePersistenceKey,
+  enableCDN
 }) => {
   const initialTableConfig = localStoragePersistenceKey && webSdkStorage.storage.local.getItem(localStoragePersistenceKey) || _initialTableConfig;
   const onServerSideDataRequestRef = React80__default.default.useRef(onServerSideDataRequest);
@@ -108218,14 +108216,28 @@ 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}.json`
+    },
+    { en: translations.en, pseudo: translations.pseudo },
+    {
+      oldTranslations: translations,
+      enableCDN: isCDNEnabled
+    }
+  );
   const internalI18n = coreReact.useI18n({
-    ...clientI18n,
+    locale: clientI18n.locale,
     translations: ramda.mergeDeepLeft(
       ramda.mergeDeepLeft(clientI18n.translations, {
         [clientI18n.locale]: translations2
       }),
-      translations
-    )
+      cdnTranslations$1.translations
+    ),
+    enableCDN: isCDNEnabled
   });
   const rowSelectionRef = React80__default.default.useRef({
     affectedRows: {},
@@ -109355,7 +109367,10 @@ var Table = (props) => {
           groupDefaultExpanded: props.groupsAlwaysExpanded ? -1 : props.groupDefaultExpanded,
           groupIncludeFooter: !onSSDR && props.groupIncludeFooter === void 0 ? true : props.groupIncludeFooter,
           getGroupRowAgg: props.getGroupRowAgg ? getGroupRowAgg : void 0,
-          groupSelectsChildren: internalTableContext.totalRowCount > 0 && props.groupSelectsChildren || !onSSDR,
+          groupSelectsChildren: (
+            // Always true for client side, defaults to true for server side
+            internalTableContext.totalRowCount > 0 && props.groupSelectsChildren !== false || !onSSDR
+          ),
           groupSelectsFiltered: true,
           headerHeight: props.headerHeight,
           icons: tableIcons,
@@ -111488,7 +111503,8 @@ var ClientSideDataTable = ({
   onTableConfigChange,
   translations: translations2 = {},
   enableCellTextSelection,
-  localStoragePersistenceKey
+  localStoragePersistenceKey,
+  enableCDN
 }) => {
   return /* @__PURE__ */ React80__default.default.createElement(
     DataTable,
@@ -111506,7 +111522,8 @@ var ClientSideDataTable = ({
       translations: translations2,
       localStoragePersistenceKey,
       customBulkEditorFields,
-      enableCellTextSelection
+      enableCellTextSelection,
+      enableCDN
     },
     children
   );
@@ -115897,7 +115914,8 @@ var ServerSideDataTable = ({
   enableCellTextSelection,
   showExpandCollapseAllToggle,
   translations: translations2 = {},
-  localStoragePersistenceKey
+  localStoragePersistenceKey,
+  enableCDN
 }) => {
   return /* @__PURE__ */ React80__default.default.createElement(
     DataTable,
@@ -115916,7 +115934,8 @@ var ServerSideDataTable = ({
       translations: translations2,
       customBulkEditorFields,
       enableCellTextSelection,
-      localStoragePersistenceKey
+      localStoragePersistenceKey,
+      enableCDN
     },
     children
   );

package/dist/legacy/index.d.cts

@@ -1151,6 +1151,10 @@ interface DataTableProps {
     showExpandCollapseAllToggle?: boolean;
     translations?: DataTableTranslations;
     enableCellTextSelection?: boolean;
+    /**
+     * Whether to pull data-table translations from the CDN or not, by default it follows the value passed down through the parent I18nProvider.
+     */
+    enableCDN?: boolean;
 }
 interface ClientSideDataTableProps extends Omit<DataTableProps, 'onServerSideDataRequest' | 'showExpandCollapseAllToggle'> {
 }
@@ -1443,7 +1447,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, }: 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, enableCDN, }: 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<{}>;
@@ -1480,7 +1484,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, }: 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, enableCDN, }: 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

@@ -1151,6 +1151,10 @@ interface DataTableProps {
     showExpandCollapseAllToggle?: boolean;
     translations?: DataTableTranslations;
     enableCellTextSelection?: boolean;
+    /**
+     * Whether to pull data-table translations from the CDN or not, by default it follows the value passed down through the parent I18nProvider.
+     */
+    enableCDN?: boolean;
 }
 interface ClientSideDataTableProps extends Omit<DataTableProps, 'onServerSideDataRequest' | 'showExpandCollapseAllToggle'> {
 }
@@ -1443,7 +1447,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, }: 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, enableCDN, }: 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<{}>;
@@ -1480,7 +1484,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, }: 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, enableCDN, }: 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,6 +10,7 @@ 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';
@@ -55406,19 +55407,15 @@ function getAffectedRows(currentRows, selectionNode, affectedRows) {
 function noop2() {
 }
 function getSelectedState(node, affectedRows) {
-  var _a;
   const self = affectedRows[node.id];
   if ((self == null ? void 0 : self.selectedState) === "selected") {
     return true;
-  } else if (node.parent && !isNodeRootLevelOfGrid(node.parent) && ((_a = affectedRows[node.parent.id]) == null ? void 0 : _a.selectedState) === "selected") {
-    node.setSelected(true, void 0, self == null ? void 0 : self.selectedState);
-    affectedRows[node.id] = {
-      node,
-      selectedState: "selected"
-    };
+  } else if (node.isSelected()) {
+    node.setSelected(true, void 0);
+    affectedRows[node.id] = { node, selectedState: "selected" };
     return true;
   } else {
-    return !!node.isSelected();
+    return false;
   }
 }
 function getCheckboxState(node, isServerSideDataRequest, rowSelectionRef) {
@@ -108193,7 +108190,8 @@ var DataTable = ({
   showExpandCollapseAllToggle,
   translations: translations2 = {},
   enableCellTextSelection,
-  localStoragePersistenceKey
+  localStoragePersistenceKey,
+  enableCDN
 }) => {
   const initialTableConfig = localStoragePersistenceKey && storage.local.getItem(localStoragePersistenceKey) || _initialTableConfig;
   const onServerSideDataRequestRef = React80.useRef(onServerSideDataRequest);
@@ -108205,14 +108203,28 @@ 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}.json`
+    },
+    { en: translations.en, pseudo: translations.pseudo },
+    {
+      oldTranslations: translations,
+      enableCDN: isCDNEnabled
+    }
+  );
   const internalI18n = useI18n({
-    ...clientI18n,
+    locale: clientI18n.locale,
     translations: mergeDeepLeft(
       mergeDeepLeft(clientI18n.translations, {
         [clientI18n.locale]: translations2
       }),
-      translations
-    )
+      cdnTranslations.translations
+    ),
+    enableCDN: isCDNEnabled
   });
   const rowSelectionRef = React80.useRef({
     affectedRows: {},
@@ -109342,7 +109354,10 @@ var Table = (props) => {
           groupDefaultExpanded: props.groupsAlwaysExpanded ? -1 : props.groupDefaultExpanded,
           groupIncludeFooter: !onSSDR && props.groupIncludeFooter === void 0 ? true : props.groupIncludeFooter,
           getGroupRowAgg: props.getGroupRowAgg ? getGroupRowAgg : void 0,
-          groupSelectsChildren: internalTableContext.totalRowCount > 0 && props.groupSelectsChildren || !onSSDR,
+          groupSelectsChildren: (
+            // Always true for client side, defaults to true for server side
+            internalTableContext.totalRowCount > 0 && props.groupSelectsChildren !== false || !onSSDR
+          ),
           groupSelectsFiltered: true,
           headerHeight: props.headerHeight,
           icons: tableIcons,
@@ -111475,7 +111490,8 @@ var ClientSideDataTable = ({
   onTableConfigChange,
   translations: translations2 = {},
   enableCellTextSelection,
-  localStoragePersistenceKey
+  localStoragePersistenceKey,
+  enableCDN
 }) => {
   return /* @__PURE__ */ React80.createElement(
     DataTable,
@@ -111493,7 +111509,8 @@ var ClientSideDataTable = ({
       translations: translations2,
       localStoragePersistenceKey,
       customBulkEditorFields,
-      enableCellTextSelection
+      enableCellTextSelection,
+      enableCDN
     },
     children
   );
@@ -115884,7 +115901,8 @@ var ServerSideDataTable = ({
   enableCellTextSelection,
   showExpandCollapseAllToggle,
   translations: translations2 = {},
-  localStoragePersistenceKey
+  localStoragePersistenceKey,
+  enableCDN
 }) => {
   return /* @__PURE__ */ React80.createElement(
     DataTable,
@@ -115903,7 +115921,8 @@ var ServerSideDataTable = ({
       translations: translations2,
       customBulkEditorFields,
       enableCellTextSelection,
-      localStoragePersistenceKey
+      localStoragePersistenceKey,
+      enableCDN
     },
     children
   );

package/dist/modern/index.cjs

@@ -12,6 +12,7 @@ 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');
@@ -55361,15 +55362,12 @@ function getSelectedState(node, affectedRows) {
   const self = affectedRows[node.id];
   if (self?.selectedState === "selected") {
     return true;
-  } else if (node.parent && !isNodeRootLevelOfGrid(node.parent) && affectedRows[node.parent.id]?.selectedState === "selected") {
-    node.setSelected(true, void 0, self?.selectedState);
-    affectedRows[node.id] = {
-      node,
-      selectedState: "selected"
-    };
+  } else if (node.isSelected()) {
+    node.setSelected(true, void 0);
+    affectedRows[node.id] = { node, selectedState: "selected" };
     return true;
   } else {
-    return !!node.isSelected();
+    return false;
   }
 }
 function getCheckboxState(node, isServerSideDataRequest, rowSelectionRef) {
@@ -108053,7 +108051,8 @@ var DataTable = ({
   showExpandCollapseAllToggle,
   translations: translations2 = {},
   enableCellTextSelection,
-  localStoragePersistenceKey
+  localStoragePersistenceKey,
+  enableCDN
 }) => {
   const initialTableConfig = localStoragePersistenceKey && webSdkStorage.storage.local.getItem(localStoragePersistenceKey) || _initialTableConfig;
   const onServerSideDataRequestRef = React80__default.default.useRef(onServerSideDataRequest);
@@ -108065,14 +108064,28 @@ 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}.json`
+    },
+    { en: translations.en, pseudo: translations.pseudo },
+    {
+      oldTranslations: translations,
+      enableCDN: isCDNEnabled
+    }
+  );
   const internalI18n = coreReact.useI18n({
-    ...clientI18n,
+    locale: clientI18n.locale,
     translations: ramda.mergeDeepLeft(
       ramda.mergeDeepLeft(clientI18n.translations, {
         [clientI18n.locale]: translations2
       }),
-      translations
-    )
+      cdnTranslations$1.translations
+    ),
+    enableCDN: isCDNEnabled
   });
   const rowSelectionRef = React80__default.default.useRef({
     affectedRows: {},
@@ -109165,7 +109178,10 @@ var Table = (props) => {
           groupDefaultExpanded: props.groupsAlwaysExpanded ? -1 : props.groupDefaultExpanded,
           groupIncludeFooter: !onSSDR && props.groupIncludeFooter === void 0 ? true : props.groupIncludeFooter,
           getGroupRowAgg: props.getGroupRowAgg ? getGroupRowAgg : void 0,
-          groupSelectsChildren: internalTableContext.totalRowCount > 0 && props.groupSelectsChildren || !onSSDR,
+          groupSelectsChildren: (
+            // Always true for client side, defaults to true for server side
+            internalTableContext.totalRowCount > 0 && props.groupSelectsChildren !== false || !onSSDR
+          ),
           groupSelectsFiltered: true,
           headerHeight: props.headerHeight,
           icons: tableIcons,
@@ -111256,7 +111272,8 @@ var ClientSideDataTable = ({
   onTableConfigChange,
   translations: translations2 = {},
   enableCellTextSelection,
-  localStoragePersistenceKey
+  localStoragePersistenceKey,
+  enableCDN
 }) => {
   return /* @__PURE__ */ React80__default.default.createElement(
     DataTable,
@@ -111274,7 +111291,8 @@ var ClientSideDataTable = ({
       translations: translations2,
       localStoragePersistenceKey,
       customBulkEditorFields,
-      enableCellTextSelection
+      enableCellTextSelection,
+      enableCDN
     },
     children
   );
@@ -115664,7 +115682,8 @@ var ServerSideDataTable = ({
   enableCellTextSelection,
   showExpandCollapseAllToggle,
   translations: translations2 = {},
-  localStoragePersistenceKey
+  localStoragePersistenceKey,
+  enableCDN
 }) => {
   return /* @__PURE__ */ React80__default.default.createElement(
     DataTable,
@@ -115683,7 +115702,8 @@ var ServerSideDataTable = ({
       translations: translations2,
       customBulkEditorFields,
       enableCellTextSelection,
-      localStoragePersistenceKey
+      localStoragePersistenceKey,
+      enableCDN
     },
     children
   );

package/dist/modern/index.d.cts

@@ -1151,6 +1151,10 @@ interface DataTableProps {
     showExpandCollapseAllToggle?: boolean;
     translations?: DataTableTranslations;
     enableCellTextSelection?: boolean;
+    /**
+     * Whether to pull data-table translations from the CDN or not, by default it follows the value passed down through the parent I18nProvider.
+     */
+    enableCDN?: boolean;
 }
 interface ClientSideDataTableProps extends Omit<DataTableProps, 'onServerSideDataRequest' | 'showExpandCollapseAllToggle'> {
 }
@@ -1443,7 +1447,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, }: 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, enableCDN, }: 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<{}>;
@@ -1480,7 +1484,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, }: 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, enableCDN, }: 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

@@ -1151,6 +1151,10 @@ interface DataTableProps {
     showExpandCollapseAllToggle?: boolean;
     translations?: DataTableTranslations;
     enableCellTextSelection?: boolean;
+    /**
+     * Whether to pull data-table translations from the CDN or not, by default it follows the value passed down through the parent I18nProvider.
+     */
+    enableCDN?: boolean;
 }
 interface ClientSideDataTableProps extends Omit<DataTableProps, 'onServerSideDataRequest' | 'showExpandCollapseAllToggle'> {
 }
@@ -1443,7 +1447,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, }: 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, enableCDN, }: 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<{}>;
@@ -1480,7 +1484,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, }: 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, enableCDN, }: 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,6 +10,7 @@ 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';
@@ -55348,15 +55349,12 @@ function getSelectedState(node, affectedRows) {
   const self = affectedRows[node.id];
   if (self?.selectedState === "selected") {
     return true;
-  } else if (node.parent && !isNodeRootLevelOfGrid(node.parent) && affectedRows[node.parent.id]?.selectedState === "selected") {
-    node.setSelected(true, void 0, self?.selectedState);
-    affectedRows[node.id] = {
-      node,
-      selectedState: "selected"
-    };
+  } else if (node.isSelected()) {
+    node.setSelected(true, void 0);
+    affectedRows[node.id] = { node, selectedState: "selected" };
     return true;
   } else {
-    return !!node.isSelected();
+    return false;
   }
 }
 function getCheckboxState(node, isServerSideDataRequest, rowSelectionRef) {
@@ -108040,7 +108038,8 @@ var DataTable = ({
   showExpandCollapseAllToggle,
   translations: translations2 = {},
   enableCellTextSelection,
-  localStoragePersistenceKey
+  localStoragePersistenceKey,
+  enableCDN
 }) => {
   const initialTableConfig = localStoragePersistenceKey && storage.local.getItem(localStoragePersistenceKey) || _initialTableConfig;
   const onServerSideDataRequestRef = React80.useRef(onServerSideDataRequest);
@@ -108052,14 +108051,28 @@ 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}.json`
+    },
+    { en: translations.en, pseudo: translations.pseudo },
+    {
+      oldTranslations: translations,
+      enableCDN: isCDNEnabled
+    }
+  );
   const internalI18n = useI18n({
-    ...clientI18n,
+    locale: clientI18n.locale,
     translations: mergeDeepLeft(
       mergeDeepLeft(clientI18n.translations, {
         [clientI18n.locale]: translations2
       }),
-      translations
-    )
+      cdnTranslations.translations
+    ),
+    enableCDN: isCDNEnabled
   });
   const rowSelectionRef = React80.useRef({
     affectedRows: {},
@@ -109152,7 +109165,10 @@ var Table = (props) => {
           groupDefaultExpanded: props.groupsAlwaysExpanded ? -1 : props.groupDefaultExpanded,
           groupIncludeFooter: !onSSDR && props.groupIncludeFooter === void 0 ? true : props.groupIncludeFooter,
           getGroupRowAgg: props.getGroupRowAgg ? getGroupRowAgg : void 0,
-          groupSelectsChildren: internalTableContext.totalRowCount > 0 && props.groupSelectsChildren || !onSSDR,
+          groupSelectsChildren: (
+            // Always true for client side, defaults to true for server side
+            internalTableContext.totalRowCount > 0 && props.groupSelectsChildren !== false || !onSSDR
+          ),
           groupSelectsFiltered: true,
           headerHeight: props.headerHeight,
           icons: tableIcons,
@@ -111243,7 +111259,8 @@ var ClientSideDataTable = ({
   onTableConfigChange,
   translations: translations2 = {},
   enableCellTextSelection,
-  localStoragePersistenceKey
+  localStoragePersistenceKey,
+  enableCDN
 }) => {
   return /* @__PURE__ */ React80.createElement(
     DataTable,
@@ -111261,7 +111278,8 @@ var ClientSideDataTable = ({
       translations: translations2,
       localStoragePersistenceKey,
       customBulkEditorFields,
-      enableCellTextSelection
+      enableCellTextSelection,
+      enableCDN
     },
     children
   );
@@ -115651,7 +115669,8 @@ var ServerSideDataTable = ({
   enableCellTextSelection,
   showExpandCollapseAllToggle,
   translations: translations2 = {},
-  localStoragePersistenceKey
+  localStoragePersistenceKey,
+  enableCDN
 }) => {
   return /* @__PURE__ */ React80.createElement(
     DataTable,
@@ -115670,7 +115689,8 @@ var ServerSideDataTable = ({
       translations: translations2,
       customBulkEditorFields,
       enableCellTextSelection,
-      localStoragePersistenceKey
+      localStoragePersistenceKey,
+      enableCDN
     },
     children
   );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@procore/data-table",
-  "version": "14.33.0",
+  "version": "14.34.0",
   "description": "Complex data grid built on top of ag-grid, with DST components and styles.",
   "author": "Procore Technologies",
   "homepage": "https://github.com/procore/core/tree/main/packages/data-table",
@@ -74,6 +74,7 @@
     "styled-components": ">= 5.1.1 < 7"
   },
   "dependencies": {
+    "@procore/cdn-translations": "0.1.12",
     "@procore/error-pages": "^0.2.3",
     "@procore/labs-datetime-select": "^0.1.3",
     "@procore/labs-group-by-select": "^4.1.0",
@@ -106,9 +107,9 @@
     "@dotenvx/dotenvx": "1.6.4",
     "@ngneat/falso": "6.4.0",
     "@procore/core-css": "10.17.0",
-    "@procore/core-icons": "^12.7.0",
+    "@procore/core-icons": "^12.8.0",
     "@procore/core-prettier": "10.2.0",
-    "@procore/core-react": "^12.22.0",
+    "@procore/core-react": "^12.23.0",
     "@procore/eslint-config": "10.0.0",
     "@procore/globalization-toolkit": "3.1.0",
     "@procore/labs-financials-utils": "4.3.1",