@procore/data-table 14.22.0 → 14.23.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # Change Log
 
+## 14.23.0
+
+### Minor Changes
+
+- 69c83222d0: register sparklines module
+
+### Patch Changes
+
+- 7dcbd97966: Fix issue with hide/show column persisting from context menu
+
+## 14.22.1
+
+### Patch Changes
+
+- b045b8186e: Prevent de-sync of row selection ref from table api when rowSelectionEnabled is changed
+
 ## 14.22.0
 
 ### Minor Changes

package/dist/legacy/index.cjs

@@ -14,6 +14,7 @@ var ulid$1 = require('ulid');
 var toastAlert = require('@procore/toast-alert');
 var ReactDOM = require('react-dom');
 var server = require('react-dom/server');
+var sparklines = require('@ag-grid-enterprise/sparklines');
 var webSdkStorage = require('@procore/web-sdk-storage');
 var _isEqual = require('lodash.isequal');
 var ReactResizeDetector = require('react-resize-detector');
@@ -56505,6 +56506,7 @@ var getMainMenuItems = (props, I18n) => {
       value: "hideColumn",
       action() {
         props.columnApi.setColumnVisible(props.column, false);
+        props.onTableConfigChange();
       }
     });
   }
@@ -56783,12 +56785,16 @@ var GenericHeaderRenderer = (props) => {
     columnApi,
     tableRef,
     onServerSideDataRequest,
-    showExpandCollapseAllToggle
+    showExpandCollapseAllToggle,
+    onTableConfigChange
   } = useInternalTableContext();
   const onSSDR = Boolean(onServerSideDataRequest);
   const [sortOrder, setSortOrder] = React77__default.default.useState(props.column.getSort());
   const [isFirstColumn2, setIsFirstColumn] = React77__default.default.useState(false);
-  const defaultMenuOptions = getMainMenuItems(props, I18n);
+  const defaultMenuOptions = getMainMenuItems(
+    { ...props, onTableConfigChange },
+    I18n
+  );
   const headerCellRef = React77.useRef(null);
   const headerCheckboxSelection = colDef.headerCheckboxSelection;
   const headerCheckboxSelectionEnabled = typeof headerCheckboxSelection === "function" ? headerCheckboxSelection({
@@ -82985,7 +82991,7 @@ var Table = (props) => {
   }, [isRowSelectable]);
   React77__default.default.useEffect(() => {
     rowSelectionRef.current = {
-      affectedRows: {},
+      affectedRows: (rowSelectionRef == null ? void 0 : rowSelectionRef.current.affectedRows) ?? {},
       enabled: props.rowSelectionEnabled,
       getRowId: internalTableContext.getRowId,
       siblingGroupsRowDisabled: props.siblingGroupsRowSelectionDisabled
@@ -83084,7 +83090,8 @@ var Table = (props) => {
               RowGroupingModule,
               SetFilterModule,
               CsvExportModule,
-              ExcelExportModule
+              ExcelExportModule,
+              sparklines.SparklinesModule
             ],
             noRowsOverlayComponent: "emptyStateRenderer",
             noRowsOverlayComponentParams: {

package/dist/legacy/index.d.cts

@@ -475,7 +475,7 @@ interface ColumnDefinition<TValue = any, TRenderer = React.FC<ICellRendererParam
     cellCSVFormatter?: (value: TValue) => string;
     cellExcelFormatter?: (value: TValue) => string;
     cellExcelDataType?: string;
-    cellRenderer?: TRenderer;
+    cellRenderer?: TRenderer | 'agSparklineCellRenderer';
     cellRendererParams?: TRendererParams;
     cellRendererSelector?: (params?: ICellRendererParams) => {
         component: TRenderer;

package/dist/legacy/index.d.ts

@@ -475,7 +475,7 @@ interface ColumnDefinition<TValue = any, TRenderer = React.FC<ICellRendererParam
     cellCSVFormatter?: (value: TValue) => string;
     cellExcelFormatter?: (value: TValue) => string;
     cellExcelDataType?: string;
-    cellRenderer?: TRenderer;
+    cellRenderer?: TRenderer | 'agSparklineCellRenderer';
     cellRendererParams?: TRendererParams;
     cellRendererSelector?: (params?: ICellRendererParams) => {
         component: TRenderer;

package/dist/legacy/index.js

@@ -12,6 +12,7 @@ import { detectPrng, factory } from 'ulid';
 import { useToastAlertContext, ToastAlertProvider } from '@procore/toast-alert';
 import ReactDOM, { createPortal } from 'react-dom';
 import { renderToString, renderToStaticMarkup } from 'react-dom/server';
+import { SparklinesModule } from '@ag-grid-enterprise/sparklines';
 import { storage } from '@procore/web-sdk-storage';
 import _isEqual from 'lodash.isequal';
 import ReactResizeDetector from 'react-resize-detector';
@@ -56491,6 +56492,7 @@ var getMainMenuItems = (props, I18n) => {
       value: "hideColumn",
       action() {
         props.columnApi.setColumnVisible(props.column, false);
+        props.onTableConfigChange();
       }
     });
   }
@@ -56769,12 +56771,16 @@ var GenericHeaderRenderer = (props) => {
     columnApi,
     tableRef,
     onServerSideDataRequest,
-    showExpandCollapseAllToggle
+    showExpandCollapseAllToggle,
+    onTableConfigChange
   } = useInternalTableContext();
   const onSSDR = Boolean(onServerSideDataRequest);
   const [sortOrder, setSortOrder] = React77.useState(props.column.getSort());
   const [isFirstColumn2, setIsFirstColumn] = React77.useState(false);
-  const defaultMenuOptions = getMainMenuItems(props, I18n);
+  const defaultMenuOptions = getMainMenuItems(
+    { ...props, onTableConfigChange },
+    I18n
+  );
   const headerCellRef = useRef(null);
   const headerCheckboxSelection = colDef.headerCheckboxSelection;
   const headerCheckboxSelectionEnabled = typeof headerCheckboxSelection === "function" ? headerCheckboxSelection({
@@ -82971,7 +82977,7 @@ var Table = (props) => {
   }, [isRowSelectable]);
   React77.useEffect(() => {
     rowSelectionRef.current = {
-      affectedRows: {},
+      affectedRows: (rowSelectionRef == null ? void 0 : rowSelectionRef.current.affectedRows) ?? {},
       enabled: props.rowSelectionEnabled,
       getRowId: internalTableContext.getRowId,
       siblingGroupsRowDisabled: props.siblingGroupsRowSelectionDisabled
@@ -83070,7 +83076,8 @@ var Table = (props) => {
               RowGroupingModule,
               SetFilterModule,
               CsvExportModule,
-              ExcelExportModule
+              ExcelExportModule,
+              SparklinesModule
             ],
             noRowsOverlayComponent: "emptyStateRenderer",
             noRowsOverlayComponentParams: {

package/dist/modern/index.cjs

@@ -14,6 +14,7 @@ var ulid$1 = require('ulid');
 var toastAlert = require('@procore/toast-alert');
 var ReactDOM = require('react-dom');
 var server = require('react-dom/server');
+var sparklines = require('@ag-grid-enterprise/sparklines');
 var webSdkStorage = require('@procore/web-sdk-storage');
 var _isEqual = require('lodash.isequal');
 var ReactResizeDetector = require('react-resize-detector');
@@ -56411,6 +56412,7 @@ var getMainMenuItems = (props, I18n) => {
       value: "hideColumn",
       action() {
         props.columnApi.setColumnVisible(props.column, false);
+        props.onTableConfigChange();
       }
     });
   }
@@ -56687,12 +56689,16 @@ var GenericHeaderRenderer = (props) => {
     columnApi,
     tableRef,
     onServerSideDataRequest,
-    showExpandCollapseAllToggle
+    showExpandCollapseAllToggle,
+    onTableConfigChange
   } = useInternalTableContext();
   const onSSDR = Boolean(onServerSideDataRequest);
   const [sortOrder, setSortOrder] = React77__default.default.useState(props.column.getSort());
   const [isFirstColumn2, setIsFirstColumn] = React77__default.default.useState(false);
-  const defaultMenuOptions = getMainMenuItems(props, I18n);
+  const defaultMenuOptions = getMainMenuItems(
+    { ...props, onTableConfigChange },
+    I18n
+  );
   const headerCellRef = React77.useRef(null);
   const headerCheckboxSelection = colDef.headerCheckboxSelection;
   const headerCheckboxSelectionEnabled = typeof headerCheckboxSelection === "function" ? headerCheckboxSelection({
@@ -82773,7 +82779,7 @@ var Table = (props) => {
   }, [isRowSelectable]);
   React77__default.default.useEffect(() => {
     rowSelectionRef.current = {
-      affectedRows: {},
+      affectedRows: rowSelectionRef?.current.affectedRows ?? {},
       enabled: props.rowSelectionEnabled,
       getRowId: internalTableContext.getRowId,
       siblingGroupsRowDisabled: props.siblingGroupsRowSelectionDisabled
@@ -82872,7 +82878,8 @@ var Table = (props) => {
               RowGroupingModule,
               SetFilterModule,
               CsvExportModule,
-              ExcelExportModule
+              ExcelExportModule,
+              sparklines.SparklinesModule
             ],
             noRowsOverlayComponent: "emptyStateRenderer",
             noRowsOverlayComponentParams: {

package/dist/modern/index.d.cts

@@ -475,7 +475,7 @@ interface ColumnDefinition<TValue = any, TRenderer = React.FC<ICellRendererParam
     cellCSVFormatter?: (value: TValue) => string;
     cellExcelFormatter?: (value: TValue) => string;
     cellExcelDataType?: string;
-    cellRenderer?: TRenderer;
+    cellRenderer?: TRenderer | 'agSparklineCellRenderer';
     cellRendererParams?: TRendererParams;
     cellRendererSelector?: (params?: ICellRendererParams) => {
         component: TRenderer;

package/dist/modern/index.d.ts

@@ -475,7 +475,7 @@ interface ColumnDefinition<TValue = any, TRenderer = React.FC<ICellRendererParam
     cellCSVFormatter?: (value: TValue) => string;
     cellExcelFormatter?: (value: TValue) => string;
     cellExcelDataType?: string;
-    cellRenderer?: TRenderer;
+    cellRenderer?: TRenderer | 'agSparklineCellRenderer';
     cellRendererParams?: TRendererParams;
     cellRendererSelector?: (params?: ICellRendererParams) => {
         component: TRenderer;

package/dist/modern/index.js

@@ -12,6 +12,7 @@ import { detectPrng, factory } from 'ulid';
 import { useToastAlertContext, ToastAlertProvider } from '@procore/toast-alert';
 import ReactDOM, { createPortal } from 'react-dom';
 import { renderToString, renderToStaticMarkup } from 'react-dom/server';
+import { SparklinesModule } from '@ag-grid-enterprise/sparklines';
 import { storage } from '@procore/web-sdk-storage';
 import _isEqual from 'lodash.isequal';
 import ReactResizeDetector from 'react-resize-detector';
@@ -56397,6 +56398,7 @@ var getMainMenuItems = (props, I18n) => {
       value: "hideColumn",
       action() {
         props.columnApi.setColumnVisible(props.column, false);
+        props.onTableConfigChange();
       }
     });
   }
@@ -56673,12 +56675,16 @@ var GenericHeaderRenderer = (props) => {
     columnApi,
     tableRef,
     onServerSideDataRequest,
-    showExpandCollapseAllToggle
+    showExpandCollapseAllToggle,
+    onTableConfigChange
   } = useInternalTableContext();
   const onSSDR = Boolean(onServerSideDataRequest);
   const [sortOrder, setSortOrder] = React77.useState(props.column.getSort());
   const [isFirstColumn2, setIsFirstColumn] = React77.useState(false);
-  const defaultMenuOptions = getMainMenuItems(props, I18n);
+  const defaultMenuOptions = getMainMenuItems(
+    { ...props, onTableConfigChange },
+    I18n
+  );
   const headerCellRef = useRef(null);
   const headerCheckboxSelection = colDef.headerCheckboxSelection;
   const headerCheckboxSelectionEnabled = typeof headerCheckboxSelection === "function" ? headerCheckboxSelection({
@@ -82759,7 +82765,7 @@ var Table = (props) => {
   }, [isRowSelectable]);
   React77.useEffect(() => {
     rowSelectionRef.current = {
-      affectedRows: {},
+      affectedRows: rowSelectionRef?.current.affectedRows ?? {},
       enabled: props.rowSelectionEnabled,
       getRowId: internalTableContext.getRowId,
       siblingGroupsRowDisabled: props.siblingGroupsRowSelectionDisabled
@@ -82858,7 +82864,8 @@ var Table = (props) => {
               RowGroupingModule,
               SetFilterModule,
               CsvExportModule,
-              ExcelExportModule
+              ExcelExportModule,
+              SparklinesModule
             ],
             noRowsOverlayComponent: "emptyStateRenderer",
             noRowsOverlayComponentParams: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@procore/data-table",
-  "version": "14.22.0",
+  "version": "14.23.0",
   "description": "Complex data grid built on top of ag-grid, with DST components and styles.",
   "type": "module",
   "main": "dist/legacy/index.cjs",
@@ -79,6 +79,7 @@
     "styled-components": ">= 5.1.1 < 6"
   },
   "dependencies": {
+    "@ag-grid-enterprise/sparklines": "30.1.0",
     "@procore/labs-datetime-select": "0.1.1",
     "@procore/labs-group-by-select": "4.0.0",
     "@procore/toast-alert": "5.1.0",
@@ -111,7 +112,7 @@
     "@procore/core-css": "10.17.0",
     "@procore/core-icons": "12.2.0",
     "@procore/core-prettier": "10.2.0",
-    "@procore/core-react": "12.16.1",
+    "@procore/core-react": "12.17.0",
     "@procore/eslint-config": "10.0.0",
     "@procore/globalization-toolkit": "3.1.0",
     "@procore/labs-financials-utils": "3.0.1",