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

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

@@ -468,7 +468,8 @@ function TableBodyCell({
 function TableRow({
   row,
   onCellClick,
-  onClick
+  onClick,
+  onContextMenu
 }) {
   const {
     rowClass,
@@ -480,6 +481,7 @@ function TableRow({
     },
     className: `${row.getIsSelected() ? 'selected' : ''} ${rowClass?.(row)}`,
     onClick: onClick,
+    onContextMenu: onContextMenu,
     children: row.getVisibleCells().map(cell => /*#__PURE__*/jsxRuntime.jsx(TableBodyCell, {
       cell: cell,
       onClick: onCellClick ? event => onCellClick(cell, event) : undefined
@@ -584,6 +586,7 @@ function EdsDataGrid({
   setExpansionState,
   getSubRows,
   defaultColumn,
+  onRowContextMenu,
   onRowClick,
   onCellClick,
   enableFooter,
@@ -911,6 +914,7 @@ function EdsDataGrid({
               const row = table.getRowModel().rows[virtualItem.index];
               return /*#__PURE__*/jsxRuntime.jsx(TableRow, {
                 row: row,
+                onContextMenu: onRowContextMenu ? event => onRowContextMenu(row, event) : undefined,
                 onClick: onRowClick ? event => onRowClick(row, event) : undefined,
                 onCellClick: onCellClick
               }, virtualItem.index);
@@ -928,6 +932,7 @@ function EdsDataGrid({
             })]
           }), !enableVirtual && table.getRowModel().rows.map(row => /*#__PURE__*/jsxRuntime.jsx(TableRow, {
             row: row,
+            onContextMenu: onRowContextMenu ? event => onRowContextMenu(row, event) : undefined,
             onClick: onRowClick ? event => onRowClick(row, event) : undefined,
             onCellClick: onCellClick
           }, row.id))]

package/dist/esm/EdsDataGrid.js

@@ -62,6 +62,7 @@ function EdsDataGrid({
   setExpansionState,
   getSubRows,
   defaultColumn,
+  onRowContextMenu,
   onRowClick,
   onCellClick,
   enableFooter,
@@ -389,6 +390,7 @@ function EdsDataGrid({
               const row = table.getRowModel().rows[virtualItem.index];
               return /*#__PURE__*/jsx(TableRow, {
                 row: row,
+                onContextMenu: onRowContextMenu ? event => onRowContextMenu(row, event) : undefined,
                 onClick: onRowClick ? event => onRowClick(row, event) : undefined,
                 onCellClick: onCellClick
               }, virtualItem.index);
@@ -406,6 +408,7 @@ function EdsDataGrid({
             })]
           }), !enableVirtual && table.getRowModel().rows.map(row => /*#__PURE__*/jsx(TableRow, {
             row: row,
+            onContextMenu: onRowContextMenu ? event => onRowContextMenu(row, event) : undefined,
             onClick: onRowClick ? event => onRowClick(row, event) : undefined,
             onCellClick: onCellClick
           }, row.id))]

package/dist/esm/components/TableRow.js

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

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, 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, 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

@@ -186,6 +186,13 @@ type FilterProps = {
     enableColumnFiltering?: boolean;
 };
 type HandlersProps<T> = {
+    /**
+     *
+     * @param row the current row
+     * @param event The right-click event
+     * @returns
+     */
+    onRowContextMenu?: (row: Row<T>, event: MouseEvent<HTMLTableRowElement>) => unknown;
     /**
      * Row 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 }: Props<T>): import("react/jsx-runtime").JSX.Element;
+export declare function TableRow<T>({ row, onCellClick, onClick, 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.1",
+  "version": "0.7.2",
   "description": "A feature-rich data-grid written in React, implementing the Equinor Design System",
   "license": "MIT",
   "types": "dist/types/index.d.ts",