@patternfly/react-table 4.29.73 → 4.30.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-table",
-  "version": "4.29.73",
+  "version": "4.30.3",
   "description": "This library provides a set of React table components for use with the PatternFly 4",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
@@ -31,7 +31,7 @@
     "clean": "rimraf dist"
   },
   "dependencies": {
-    "@patternfly/react-core": "^4.156.4",
+    "@patternfly/react-core": "^4.157.3",
     "@patternfly/react-icons": "^4.11.17",
     "@patternfly/react-styles": "^4.11.16",
     "@patternfly/react-tokens": "^4.12.18",
@@ -46,5 +46,5 @@
     "react": "^16.8.0 || ^17.0.0",
     "react-dom": "^16.8.0 || ^17.0.0"
   },
-  "gitHead": "4c109dca5aa28a74f321d9b44760b5024d5bd1a8"
+  "gitHead": "463b824d3b7efca8f94c4b33f62eefc880eafe46"
 }

package/src/components/Table/Body.tsx

@@ -11,7 +11,7 @@ export interface IComputedData {
 }
 
 export type OnRowClick = (
-  event: React.MouseEvent,
+  event: React.KeyboardEvent | React.MouseEvent,
   row: IRow,
   rowProps: IExtraRowData,
   computedData: IComputedData
@@ -28,14 +28,14 @@ export interface TableBodyProps {
   rows?: IRow[];
   /** @hide This prop should not be set manually  */
   rowKey?: RowKeyType;
-  /** @hide This prop should not be set manually  */
+  /** A click handler for the row  */
   onRowClick?: OnRowClick;
   /** @hide This prop should not be set manually  */
   onRow?: Function;
 }
 
 const flagVisibility = (rows: IRow[]) => {
-  const visibleRows = (rows as []).filter((oneRow: IRow) => !oneRow.parent || oneRow.isExpanded) as IRow[];
+  const visibleRows = (rows as IRow[]).filter((oneRow: IRow) => !oneRow.parent || oneRow.isExpanded) as IRow[];
   if (visibleRows.length > 0) {
     visibleRows[0].isFirstVisible = true;
     visibleRows[visibleRows.length - 1].isLastVisible = true;
@@ -56,13 +56,23 @@ class ContextBody extends React.Component<TableBodyProps, {}> {
     return {
       row,
       rowProps: extendedRowProps,
-      onMouseDown: (event: React.MouseEvent) => {
+      onClick: (event: React.MouseEvent) => {
         const computedData = {
           isInput: (event.target as HTMLElement).tagName !== 'INPUT',
           isButton: (event.target as HTMLElement).tagName !== 'BUTTON'
         };
 
         onRowClick(event, row, rowProps, computedData);
+      },
+      onKeyDown: (event: React.KeyboardEvent) => {
+        if (event.key === 'Enter' || event.key === ' ') {
+          const computedData = {
+            isInput: (event.target as HTMLElement).tagName !== 'INPUT',
+            isButton: (event.target as HTMLElement).tagName !== 'BUTTON'
+          };
+          onRowClick(event, row, rowProps, computedData);
+          event.preventDefault();
+        }
       }
     };
   };
@@ -128,7 +138,7 @@ class ContextBody extends React.Component<TableBodyProps, {}> {
 
     let mappedRows: IRow[];
     if (headerData.length > 0) {
-      mappedRows = (rows as []).map((oneRow: IRow, oneRowKey: number) => ({
+      mappedRows = (rows as IRow[]).map((oneRow: IRow, oneRowKey: number) => ({
         ...oneRow,
         ...this.mapCells(headerData, oneRow, oneRowKey),
         isExpanded: isRowExpanded(oneRow, rows),
@@ -164,7 +174,12 @@ export const TableBody = ({
   rowKey = 'secretTableRowKeyId' as string,
   /* eslint-disable @typescript-eslint/no-unused-vars */
   onRow = (...args: any) => ({}),
-  onRowClick = (event: React.MouseEvent, row: IRow, rowProps: IExtraRowData, computedData: IComputedData) =>
+  onRowClick = (
+    event: React.MouseEvent | React.KeyboardEvent,
+    row: IRow,
+    rowProps: IExtraRowData,
+    computedData: IComputedData
+  ) =>
     /* eslint-enable @typescript-eslint/no-unused-vars */
     undefined as OnRowClick,
   ...props

package/src/components/Table/RowWrapper.tsx

@@ -91,7 +91,7 @@ export class RowWrapper extends React.Component<RowWrapperProps> {
       /* eslint-disable @typescript-eslint/no-unused-vars */
       onScroll,
       onResize,
-      row: { isExpanded, isEditable },
+      row: { isExpanded, isEditable, isHoverable, isRowSelected },
       rowProps,
       /* eslint-enable @typescript-eslint/no-unused-vars */
       trRef,
@@ -108,6 +108,8 @@ export class RowWrapper extends React.Component<RowWrapperProps> {
         isEditable={isEditable}
         className={className}
         ouiaId={ouiaId}
+        isHoverable={isHoverable}
+        isRowSelected={isRowSelected}
       />
     );
   }

package/src/components/Table/TableTypes.ts

@@ -227,6 +227,8 @@ export interface IRow extends RowType {
   cells?: (React.ReactNode | IRowCell)[];
   isOpen?: boolean;
   isEditable?: boolean;
+  isHoverable?: boolean;
+  isRowSelected?: boolean;
   isValid?: boolean;
   /** An array of validation functions to run against every cell for a given row */
   rowEditValidationRules?: IValidatorDef[];