@equinor/eds-data-grid-react 0.7.4 → 0.7.6

package/dist/eds-data-grid-react.cjs

@@ -470,6 +470,7 @@ function TableRow({
   row,
   onCellClick,
   onClick,
+  onDoubleClick,
   onContextMenu
 }) {
   const {
@@ -482,6 +483,7 @@ function TableRow({
     },
     className: `${row.getIsSelected() ? 'selected' : ''} ${rowClass?.(row)}`,
     onClick: onClick,
+    onDoubleClick: onDoubleClick,
     onContextMenu: onContextMenu,
     children: row.getVisibleCells().map(cell => /*#__PURE__*/jsxRuntime.jsx(TableBodyCell, {
       cell: cell,
@@ -590,6 +592,7 @@ function EdsDataGridInner({
   defaultColumn,
   onRowContextMenu,
   onRowClick,
+  onRowDoubleClick,
   onCellClick,
   enableFooter,
   enableSortingRemoval,
@@ -842,6 +845,14 @@ function EdsDataGridInner({
     estimateSize
   });
   if (rowVirtualizerInstanceRef) rowVirtualizerInstanceRef.current = virtualizer;
+
+  // Add effect to recalculate virtualization when density changes
+  react.useEffect(() => {
+    if (enableVirtual && virtualizer) {
+      // Force the virtualizer to recalculate when density changes
+      virtualizer.measure();
+    }
+  }, [density, enableVirtual, virtualizer]);
   const virtualRows = virtualizer.getVirtualItems();
   const paddingTop = virtualRows.length ? virtualRows[0].start : 0;
   const paddingBottom = virtualRows.length ? virtualizer.getTotalSize() - virtualRows[virtualRows.length - 1].end : 0;
@@ -922,6 +933,7 @@ function EdsDataGridInner({
                 row: row,
                 onContextMenu: onRowContextMenu ? event => onRowContextMenu(row, event) : undefined,
                 onClick: onRowClick ? event => onRowClick(row, event) : undefined,
+                onDoubleClick: onRowDoubleClick ? event => onRowDoubleClick(row, event) : undefined,
                 onCellClick: onCellClick
               }, virtualItem.index);
             }), paddingBottom > 0 && /*#__PURE__*/jsxRuntime.jsx(edsCoreReact.Table.Row, {

package/dist/esm/EdsDataGrid.js

@@ -66,6 +66,7 @@ function EdsDataGridInner({
   defaultColumn,
   onRowContextMenu,
   onRowClick,
+  onRowDoubleClick,
   onCellClick,
   enableFooter,
   enableSortingRemoval,
@@ -318,6 +319,14 @@ function EdsDataGridInner({
     estimateSize
   });
   if (rowVirtualizerInstanceRef) rowVirtualizerInstanceRef.current = virtualizer;
+
+  // Add effect to recalculate virtualization when density changes
+  useEffect(() => {
+    if (enableVirtual && virtualizer) {
+      // Force the virtualizer to recalculate when density changes
+      virtualizer.measure();
+    }
+  }, [density, enableVirtual, virtualizer]);
   const virtualRows = virtualizer.getVirtualItems();
   const paddingTop = virtualRows.length ? virtualRows[0].start : 0;
   const paddingBottom = virtualRows.length ? virtualizer.getTotalSize() - virtualRows[virtualRows.length - 1].end : 0;
@@ -398,6 +407,7 @@ function EdsDataGridInner({
                 row: row,
                 onContextMenu: onRowContextMenu ? event => onRowContextMenu(row, event) : undefined,
                 onClick: onRowClick ? event => onRowClick(row, event) : undefined,
+                onDoubleClick: onRowDoubleClick ? event => onRowDoubleClick(row, event) : undefined,
                 onCellClick: onCellClick
               }, virtualItem.index);
             }), paddingBottom > 0 && /*#__PURE__*/jsx(Table.Row, {

package/dist/esm/components/TableRow.js

@@ -8,6 +8,7 @@ function TableRow({
   row,
   onCellClick,
   onClick,
+  onDoubleClick,
   onContextMenu
 }) {
   const {
@@ -20,6 +21,7 @@ function TableRow({
     },
     className: `${row.getIsSelected() ? 'selected' : ''} ${rowClass?.(row)}`,
     onClick: onClick,
+    onDoubleClick: onDoubleClick,
     onContextMenu: onContextMenu,
     children: row.getVisibleCells().map(cell => /*#__PURE__*/jsx(TableBodyCell, {
       cell: cell,

package/dist/types/EdsDataGrid.d.ts

@@ -1,6 +1,6 @@
 import { HTMLAttributes, ForwardedRef } from 'react';
 import { EdsDataGridProps } from './EdsDataGridProps';
-declare function EdsDataGridInner<T>({ rows, columns, columnResizeMode, pageSize, rowSelection, enableRowSelection, enableMultiRowSelection, enableSubRowSelection, selectedRows, rowSelectionState, enableColumnFiltering, debug, enablePagination, enableSorting, stickyHeader, stickyFooter, onSelectRow, onRowSelectionChange, caption, enableVirtual, virtualHeight, columnVisibility, columnVisibilityChange, emptyMessage, columnOrder, cellClass, cellStyle, rowClass, rowStyle, headerClass, headerStyle, footerClass, footerStyle, externalPaginator, onSortingChange, manualSorting, sortingState, columnPinState, scrollbarHorizontal, width, minWidth, height, getRowId, rowVirtualizerInstanceRef, tableInstanceRef, columnSizing, onColumnResize, expansionState, setExpansionState, getSubRows, defaultColumn, onRowContextMenu, onRowClick, onCellClick, enableFooter, enableSortingRemoval, ...rest }: EdsDataGridProps<T> & HTMLAttributes<HTMLDivElement>, ref: ForwardedRef<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+declare function EdsDataGridInner<T>({ rows, columns, columnResizeMode, pageSize, rowSelection, enableRowSelection, enableMultiRowSelection, enableSubRowSelection, selectedRows, rowSelectionState, enableColumnFiltering, debug, enablePagination, enableSorting, stickyHeader, stickyFooter, onSelectRow, onRowSelectionChange, caption, enableVirtual, virtualHeight, columnVisibility, columnVisibilityChange, emptyMessage, columnOrder, cellClass, cellStyle, rowClass, rowStyle, headerClass, headerStyle, footerClass, footerStyle, externalPaginator, onSortingChange, manualSorting, sortingState, columnPinState, scrollbarHorizontal, width, minWidth, height, getRowId, rowVirtualizerInstanceRef, tableInstanceRef, columnSizing, onColumnResize, expansionState, setExpansionState, getSubRows, defaultColumn, onRowContextMenu, onRowClick, onRowDoubleClick, onCellClick, enableFooter, enableSortingRemoval, ...rest }: EdsDataGridProps<T> & HTMLAttributes<HTMLDivElement>, ref: ForwardedRef<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
 export declare const EdsDataGrid: <T>(props: EdsDataGridProps<T> & HTMLAttributes<HTMLDivElement> & {
     ref?: ForwardedRef<HTMLDivElement>;
 }) => ReturnType<typeof EdsDataGridInner>;

package/dist/types/EdsDataGridProps.d.ts

@@ -201,6 +201,14 @@ type HandlersProps<T> = {
      * @returns
      */
     onRowClick?: (row: Row<T>, event: MouseEvent<HTMLTableRowElement>) => unknown;
+    /**
+     * Row double-click handler.
+     *
+     * @param row The current row
+     * @param event The click event
+     * @returns
+     */
+    onRowDoubleClick?: (row: Row<T>, event: MouseEvent<HTMLTableRowElement>) => unknown;
     /**
      * Cell click handler.
      *

package/dist/types/components/TableRow.d.ts

@@ -5,5 +5,5 @@ type Props<T> = {
     row: Row<T>;
     onCellClick?: EdsDataGridProps<T>['onCellClick'];
 } & HTMLAttributes<HTMLTableRowElement>;
-export declare function TableRow<T>({ row, onCellClick, onClick, onContextMenu, }: Props<T>): import("react/jsx-runtime").JSX.Element;
+export declare function TableRow<T>({ row, onCellClick, onClick, onDoubleClick, onContextMenu, }: Props<T>): import("react/jsx-runtime").JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/eds-data-grid-react",
-  "version": "0.7.4",
+  "version": "0.7.6",
   "description": "A feature-rich data-grid written in React, implementing the Equinor Design System",
   "license": "MIT",
   "types": "dist/types/index.d.ts",
@@ -20,32 +20,32 @@
     "styled-components": ">=5.1"
   },
   "dependencies": {
-    "@tanstack/react-table": "^8.20.1",
-    "@tanstack/react-virtual": "^3.10.8",
-    "@equinor/eds-icons": "^0.21.0",
-    "@equinor/eds-utils": "^0.8.5",
+    "@tanstack/react-table": "^8.20.6",
+    "@tanstack/react-virtual": "^3.13.2",
+    "@equinor/eds-icons": "^0.22.0",
+    "@equinor/eds-utils": "^0.8.7",
     "@equinor/eds-tokens": "0.9.2"
   },
   "devDependencies": {
     "@rollup/plugin-babel": "^6.0.4",
-    "@rollup/plugin-commonjs": "^27.0.0",
-    "@rollup/plugin-node-resolve": "^15.3.0",
-    "@storybook/addon-a11y": "^8.3.4",
-    "@storybook/addon-actions": "^8.3.4",
-    "@storybook/addon-docs": "^8.3.4",
-    "@storybook/addon-essentials": "^8.3.4",
-    "@storybook/addon-links": "^8.3.4",
-    "@storybook/blocks": "^8.3.4",
-    "@storybook/preview-api": "^8.3.4",
-    "@storybook/react": "^8.3.4",
-    "@storybook/react-vite": "^8.3.4",
+    "@rollup/plugin-commonjs": "^28.0.2",
+    "@rollup/plugin-node-resolve": "^16.0.0",
+    "@storybook/addon-a11y": "^8.4.7",
+    "@storybook/addon-actions": "^8.4.7",
+    "@storybook/addon-docs": "^8.4.7",
+    "@storybook/addon-essentials": "^8.4.7",
+    "@storybook/addon-links": "^8.4.7",
+    "@storybook/blocks": "^8.4.7",
+    "@storybook/preview-api": "^8.4.7",
+    "@storybook/react": "^8.4.7",
+    "@storybook/react-vite": "^8.4.7",
     "@testing-library/dom": "^10.4.0",
-    "@testing-library/jest-dom": "^6.4.8",
-    "@testing-library/react": "16.0.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "16.3.0",
     "@testing-library/user-event": "^14.5.2",
-    "@types/jest": "^29.5.12",
-    "@types/node": "22.1.0",
-    "@types/ramda": "^0.30.1",
+    "@types/jest": "^29.5.14",
+    "@types/node": "^22.13.14",
+    "@types/ramda": "^0.30.2",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "babel-plugin-styled-components": "^2.1.4",
@@ -53,20 +53,20 @@
     "jest-environment-jsdom": "29.7.0",
     "jest-styled-components": "^7.2.0",
     "js-file-download": "^0.4.12",
-    "postcss": "^8.4.41",
+    "postcss": "^8.4.49",
     "ramda": "^0.30.1",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-hook-form": "^7.52.2",
-    "rollup": "^4.22.5",
+    "react-hook-form": "^7.54.2",
+    "rollup": "^4.29.1",
     "rollup-plugin-delete": "^2.1.0",
     "rollup-plugin-postcss": "^4.0.2",
-    "storybook": "^8.3.4",
-    "styled-components": "6.1.12",
-    "ts-jest": "29.2.4",
+    "storybook": "^8.4.7",
+    "styled-components": "6.1.17",
+    "ts-jest": "29.2.5",
     "ts-node": "10.9.2",
-    "tsc-watch": "^6.2.0",
-    "typescript": "~5.5.4"
+    "tsc-watch": "^6.2.1",
+    "typescript": "~5.8.2"
   },
   "homepage": "https://eds.equinor.com",
   "repository": {