@procore/data-table 14.33.0 → 14.35.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # Change Log
 
+## 14.35.0
+
+### Minor Changes
+
+- a69ac50: support dynamic tooltip content based on row data
+
+## 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) {
@@ -55971,7 +55968,12 @@ var DataTableCellRenderer = ({
     }),
     [column2, node]
   );
-  const tooltipProps = (_e = columnDefinition.cellRendererParams) == null ? void 0 : _e.tooltipParams;
+  const rawTooltipParams = (_e = columnDefinition.cellRendererParams) == null ? void 0 : _e.tooltipParams;
+  const tooltipProps = typeof rawTooltipParams === "function" ? rawTooltipParams({
+    data,
+    value,
+    node: serializeNode(node)
+  }) : rawTooltipParams;
   if (tooltipProps) {
     return /* @__PURE__ */ React80__default.default.createElement(CellTooltipWrapper, { tooltipProps }, /* @__PURE__ */ React80__default.default.createElement(
       CellContent,
@@ -104573,6 +104575,11 @@ var de_DE_default = {
       error: "Entschuldigung, die Elemente konnten nicht aktualisiert werden. Versuchen Sie es noch einmal.",
       placeholderForField: "%{fieldName} eingeben",
       selection: "%{count} %{number} ausgew\xE4hlt",
+      selection_count: {
+        zero: "%{count} Elemente ausgew\xE4hlt",
+        one: "%{count} Element ausgew\xE4hlt",
+        other: "%{count} Elemente ausgew\xE4hlt"
+      },
       success: "Die Elemente wurden erfolgreich aktualisiert.",
       one: "Element",
       many: "Elemente"
@@ -104739,6 +104746,11 @@ var en_AU_default = {
       error: "Sorry, the items couldn't be updated. Try again.",
       placeholderForField: "Enter %{fieldName}",
       selection: "%{count} %{number} selected",
+      selection_count: {
+        zero: "%{count} items selected",
+        one: "%{count} item selected",
+        other: "%{count} items selected"
+      },
       success: "The items were successfully updated.",
       one: "item",
       many: "items"
@@ -104905,6 +104917,11 @@ var en_CA_default = {
       error: "Sorry, the items couldn't be updated. Try again.",
       placeholderForField: "Enter %{fieldName}",
       selection: "%{count} %{number} selected",
+      selection_count: {
+        zero: "%{count} items selected",
+        one: "%{count} item selected",
+        other: "%{count} items selected"
+      },
       success: "The items were successfully updated.",
       one: "item",
       many: "items"
@@ -105071,6 +105088,11 @@ var en_GB_default = {
       error: "Sorry, the items couldn't be updated. Try again.",
       placeholderForField: "Enter %{fieldName}",
       selection: "%{count} %{number} selected",
+      selection_count: {
+        zero: "%{count} items selected",
+        one: "%{count} item selected",
+        other: "%{count} items selected"
+      },
       success: "The items were successfully updated.",
       one: "item",
       many: "items"
@@ -105408,6 +105430,11 @@ var es_ES_default = {
       error: "No se han podido actualizar los elementos. Int\xE9ntelo de nuevo.",
       placeholderForField: "Introducir %{fieldName}",
       selection: "%{count} %{number} seleccionados",
+      selection_count: {
+        zero: "%{count} elementos seleccionados",
+        one: "%{count} elemento seleccionado",
+        other: "%{count} elementos seleccionados"
+      },
       success: "Los elementos se han actualizado correctamente.",
       one: "elemento",
       many: "elementos"
@@ -105574,6 +105601,11 @@ var es_default = {
       error: "Lo sentimos, no se pudieron actualizar los \xEDtems. Int\xE9ntelo de nuevo.",
       placeholderForField: "Ingrese %{fieldName}",
       selection: "%{count} %{number} seleccionado",
+      selection_count: {
+        zero: "%{count} \xEDtems seleccionados",
+        one: "%{count} \xEDtem seleccionado",
+        other: "%{count} \xEDtems seleccionados"
+      },
       success: "Los \xEDtems se actualizaron correctamente.",
       one: "\xEDtem",
       many: "\xEDtems"
@@ -105740,6 +105772,11 @@ var fr_CA_default = {
       error: "D\xE9sol\xE9, les items n'ont pas pu \xEAtre mis \xE0 jour. Veuillez r\xE9essayer.",
       placeholderForField: "Entrez %{fieldName}",
       selection: "%{count} %{number} s\xE9lectionn\xE9",
+      selection_count: {
+        zero: "%{count}\xA0items s\xE9lectionn\xE9s",
+        one: "%{count}\xA0item s\xE9lectionn\xE9",
+        other: "%{count}\xA0items s\xE9lectionn\xE9s"
+      },
       success: "Les items ont \xE9t\xE9 mis \xE0 jour avec succ\xE8s.",
       one: "Item",
       many: "items"
@@ -105906,6 +105943,11 @@ var fr_FR_default = {
       error: "D\xE9sol\xE9, les \xE9l\xE9ments n'ont pas pu \xEAtre mis \xE0 jour. Veuillez r\xE9essayer.",
       placeholderForField: "Saisissez %{fieldName}",
       selection: "%{count} %{number} s\xE9lectionn\xE9",
+      selection_count: {
+        zero: "%{count}\xA0\xE9l\xE9ments s\xE9lectionn\xE9s",
+        one: "%{count}\xA0\xE9l\xE9ment s\xE9lectionn\xE9",
+        other: "%{count}\xA0\xE9l\xE9ments s\xE9lectionn\xE9s"
+      },
       success: "Les \xE9l\xE9ments ont bien \xE9t\xE9 mis \xE0 jour.",
       one: "\xE9l\xE9ment",
       many: "\xE9l\xE9ments"
@@ -106072,6 +106114,11 @@ var is_IS_default = {
       error: "\xDEv\xED mi\xF0ur var ekki h\xE6gt a\xF0 uppf\xE6ra atri\xF0in. Reyndu aftur.",
       placeholderForField: "Sl\xE1\xF0u inn %{fieldName}",
       selection: "%{count} %{number} valinn",
+      selection_count: {
+        zero: "%{count} atri\xF0i valin",
+        one: "%{count} atri\xF0i vali\xF0",
+        other: "%{count} atri\xF0i valin"
+      },
       success: "Atri\xF0in voru uppf\xE6r\xF0.",
       one: "Atri\xF0i",
       many: "Hlutir"
@@ -106238,6 +106285,11 @@ var ja_JP_default = {
       error: "\u7533\u3057\u8A33\u3042\u308A\u307E\u305B\u3093\u304C\u3001\u9805\u76EE\u3092\u66F4\u65B0\u3067\u304D\u307E\u305B\u3093\u3067\u3057\u305F\u3002\u518D\u5EA6\u304A\u8A66\u3057\u304F\u3060\u3055\u3044\u3002",
       placeholderForField: "%{fieldName}\u3092\u5165\u529B",
       selection: "%{count}%{number}\u3092\u9078\u629E\u3057\u307E\u3057\u305F",
+      selection_count: {
+        zero: "%{count}\u500B\u306E\u9805\u76EE\u3092\u9078\u629E\u3057\u307E\u3057\u305F",
+        one: "%{count}\u500B\u306E\u9805\u76EE\u3092\u9078\u629E\u3057\u307E\u3057\u305F",
+        other: "%{count}\u500B\u306E\u9805\u76EE\u3092\u9078\u629E\u3057\u307E\u3057\u305F"
+      },
       success: "\u9805\u76EE\u3092\u6B63\u5E38\u306B\u66F4\u65B0\u3057\u307E\u3057\u305F\u3002",
       one: "\u9805\u76EE",
       many: "\u9805\u76EE"
@@ -106404,6 +106456,11 @@ var pl_PL_default = {
       error: "Przepraszamy, nie mo\u017Cna zaktualizowa\u0107 pozycji.  Spr\xF3buj ponownie.",
       placeholderForField: "Wprowad\u017A %{fieldName}",
       selection: "Wybrano %{count} %{number}",
+      selection_count: {
+        zero: "Wybrano pozycje: %{count}",
+        one: "Wybrano pozycji: %{count}",
+        other: "Wybrano pozycje: %{count}"
+      },
       success: "Pozycje zosta\u0142y pomy\u015Blnie zaktualizowane.",
       one: "pozycja",
       many: "pozycje"
@@ -106741,6 +106798,11 @@ var pt_BR_default = {
       error: "Sentimos muito, mas n\xE3o foi poss\xEDvel atualizar os itens. Tente novamente.",
       placeholderForField: "Digite %{fieldName}",
       selection: "%{count} %{number} selecionado",
+      selection_count: {
+        zero: "%{count} itens selecionados",
+        one: "%{count} item selecionado",
+        other: "%{count} itens selecionados"
+      },
       success: "Os itens foram atualizados com sucesso.",
       one: "item",
       many: "itens"
@@ -106907,6 +106969,11 @@ var th_TH_default = {
       error: "\u0E02\u0E2D\u0E2D\u0E20\u0E31\u0E22 \u0E44\u0E21\u0E48\u0E2A\u0E32\u0E21\u0E32\u0E23\u0E16\u0E2D\u0E31\u0E1B\u0E40\u0E14\u0E15\u0E23\u0E32\u0E22\u0E01\u0E32\u0E23\u0E44\u0E14\u0E49 \u0E25\u0E2D\u0E07\u0E2D\u0E35\u0E01\u0E04\u0E23\u0E31\u0E49\u0E07.",
       placeholderForField: "\u0E1B\u0E49\u0E2D\u0E19 %{fieldName}",
       selection: "%{count} %{number} \u0E17\u0E35\u0E48\u0E40\u0E25\u0E37\u0E2D\u0E01",
+      selection_count: {
+        zero: "\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E41\u0E25\u0E49\u0E27 %{count} \u0E23\u0E32\u0E22\u0E01\u0E32\u0E23",
+        one: "\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E41\u0E25\u0E49\u0E27 %{count} \u0E23\u0E32\u0E22\u0E01\u0E32\u0E23",
+        other: "\u0E40\u0E25\u0E37\u0E2D\u0E01\u0E41\u0E25\u0E49\u0E27 %{count} \u0E23\u0E32\u0E22\u0E01\u0E32\u0E23"
+      },
       success: "\u0E2D\u0E31\u0E1B\u0E40\u0E14\u0E15\u0E23\u0E32\u0E22\u0E01\u0E32\u0E23\u0E2A\u0E33\u0E40\u0E23\u0E47\u0E08\u0E41\u0E25\u0E49\u0E27",
       one: "\u0E23\u0E32\u0E22\u0E01\u0E32\u0E23",
       many: "\u0E23\u0E32\u0E22\u0E01\u0E32\u0E23"
@@ -107073,6 +107140,11 @@ var zh_SG_default = {
       error: "\u62B1\u6B49\uFF0C\u65E0\u6CD5\u66F4\u65B0\u6B64\u9879\u3002\u8BF7\u91CD\u8BD5\u3002",
       placeholderForField: "\u8F93\u5165 %{fieldName}",
       selection: "\u5DF2\u9009\u62E9 %{count} %{number}",
+      selection_count: {
+        zero: "\u5DF2\u9009\u62E9 %{count} \u9879",
+        one: "\u5DF2\u9009\u62E9 %{count} \u9879",
+        other: "\u5DF2\u9009\u62E9 %{count} \u9879"
+      },
       success: "\u5DF2\u6210\u529F\u66F4\u65B0\u8FD9\u4E9B\u9879\u3002",
       one: "\u9879",
       many: "\u9879"
@@ -108206,7 +108278,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 +108291,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 +109442,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 +111578,8 @@ var ClientSideDataTable = ({
   onTableConfigChange,
   translations: translations2 = {},
   enableCellTextSelection,
-  localStoragePersistenceKey
+  localStoragePersistenceKey,
+  enableCDN
 }) => {
   return /* @__PURE__ */ React80__default.default.createElement(
     DataTable,
@@ -111506,7 +111597,8 @@ var ClientSideDataTable = ({
       translations: translations2,
       localStoragePersistenceKey,
       customBulkEditorFields,
-      enableCellTextSelection
+      enableCellTextSelection,
+      enableCDN
     },
     children
   );
@@ -115897,7 +115989,8 @@ var ServerSideDataTable = ({
   enableCellTextSelection,
   showExpandCollapseAllToggle,
   translations: translations2 = {},
-  localStoragePersistenceKey
+  localStoragePersistenceKey,
+  enableCDN
 }) => {
   return /* @__PURE__ */ React80__default.default.createElement(
     DataTable,
@@ -115916,7 +116009,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<{}>;