@equinor/eds-data-grid-react 0.7.2 → 0.7.3

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

@@ -580,6 +580,7 @@ function EdsDataGrid({
   height,
   getRowId,
   rowVirtualizerInstanceRef,
+  tableInstanceRef,
   columnSizing,
   onColumnResize,
   expansionState,
@@ -806,6 +807,9 @@ function EdsDataGrid({
     }));
   }, [pageSize]);
   const table = reactTable.useReactTable(options);
+  if (tableInstanceRef) {
+    tableInstanceRef.current = table;
+  }
   let tableWrapperStyle = {};
 
   /**

package/dist/esm/EdsDataGrid.js

@@ -56,6 +56,7 @@ function EdsDataGrid({
   height,
   getRowId,
   rowVirtualizerInstanceRef,
+  tableInstanceRef,
   columnSizing,
   onColumnResize,
   expansionState,
@@ -282,6 +283,9 @@ function EdsDataGrid({
     }));
   }, [pageSize]);
   const table = useReactTable(options);
+  if (tableInstanceRef) {
+    tableInstanceRef.current = table;
+  }
   let tableWrapperStyle = {};
 
   /**

package/dist/types/EdsDataGrid.d.ts

@@ -1,3 +1,3 @@
 import { HTMLAttributes } from 'react';
 import { EdsDataGridProps } from './EdsDataGridProps';
-export declare function EdsDataGrid<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, columnSizing, onColumnResize, expansionState, setExpansionState, getSubRows, defaultColumn, onRowContextMenu, onRowClick, onCellClick, enableFooter, enableSortingRemoval, ...rest }: EdsDataGridProps<T> & HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+export declare function EdsDataGrid<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>): import("react/jsx-runtime").JSX.Element;

package/dist/types/EdsDataGridProps.d.ts

@@ -1,4 +1,4 @@
-import { Cell, Column, ColumnDef, ColumnPinningState, ColumnResizeMode, ColumnSizingState, ExpandedState, OnChangeFn, Row, RowSelectionState, SortingState, TableOptions } from '@tanstack/react-table';
+import { Cell, Column, ColumnDef, ColumnPinningState, ColumnResizeMode, ColumnSizingState, ExpandedState, OnChangeFn, Row, RowSelectionState, SortingState, Table, TableOptions } from '@tanstack/react-table';
 import { Virtualizer } from '@tanstack/react-virtual';
 import { CSSProperties, MouseEvent, MutableRefObject, ReactElement } from 'react';
 type BaseProps<T> = {
@@ -272,15 +272,16 @@ type ColumnProps = {
     columnSizing?: ColumnSizingState;
     onColumnResize?: (e: ColumnSizingState) => void;
 };
-type RefProps = {
+type RefProps<T> = {
     rowVirtualizerInstanceRef?: MutableRefObject<Virtualizer<HTMLDivElement, Element> | null>;
+    tableInstanceRef?: MutableRefObject<Table<T> | null>;
 };
 type ExpansionProps<T> = {
     expansionState?: ExpandedState;
     setExpansionState?: React.Dispatch<React.SetStateAction<ExpandedState>>;
     getSubRows?: (row: T, rowIndex: number) => Array<T>;
 };
-export type EdsDataGridProps<T> = BaseProps<T> & RowSelectionProps<T> & StyleProps<T> & HandlersProps<T> & SortProps & FilterProps & PagingProps & ColumnProps & VirtualProps & RefProps & ExpansionProps<T> & {
+export type EdsDataGridProps<T> = BaseProps<T> & RowSelectionProps<T> & StyleProps<T> & HandlersProps<T> & SortProps & FilterProps & PagingProps & ColumnProps & VirtualProps & RefProps<T> & ExpansionProps<T> & {
     /**
      * Which columns are visible. If not set, all columns are visible. undefined means that the column is visible.
      * @default undefined

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/eds-data-grid-react",
-  "version": "0.7.2",
+  "version": "0.7.3",
   "description": "A feature-rich data-grid written in React, implementing the Equinor Design System",
   "license": "MIT",
   "types": "dist/types/index.d.ts",
@@ -23,8 +23,8 @@
     "@tanstack/react-table": "^8.20.1",
     "@tanstack/react-virtual": "^3.10.8",
     "@equinor/eds-icons": "^0.21.0",
-    "@equinor/eds-tokens": "0.9.2",
-    "@equinor/eds-utils": "^0.8.5"
+    "@equinor/eds-utils": "^0.8.5",
+    "@equinor/eds-tokens": "0.9.2"
   },
   "devDependencies": {
     "@rollup/plugin-babel": "^6.0.4",