@patternfly/react-table 4.30.8 → 4.30.12

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-table",
-  "version": "4.30.8",
+  "version": "4.30.12",
   "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,10 +31,10 @@
     "clean": "rimraf dist"
   },
   "dependencies": {
-    "@patternfly/react-core": "^4.157.8",
-    "@patternfly/react-icons": "^4.11.17",
-    "@patternfly/react-styles": "^4.11.16",
-    "@patternfly/react-tokens": "^4.12.18",
+    "@patternfly/react-core": "^4.158.2",
+    "@patternfly/react-icons": "^4.12.1",
+    "@patternfly/react-styles": "^4.12.1",
+    "@patternfly/react-tokens": "^4.13.1",
     "lodash": "^4.17.19",
     "tslib": "^2.0.0"
   },
@@ -46,5 +46,5 @@
     "react": "^16.8.0 || ^17.0.0",
     "react-dom": "^16.8.0 || ^17.0.0"
   },
-  "gitHead": "65119bd780dae5359786c73f86924d3ec3785e03"
+  "gitHead": "0e8749fe9df1fa35cc8f94e9a7c87c5f45eb3da2"
 }

package/src/components/Table/Body.tsx

@@ -58,8 +58,8 @@ class ContextBody extends React.Component<TableBodyProps, {}> {
       rowProps: extendedRowProps,
       onClick: (event: React.MouseEvent) => {
         const computedData = {
-          isInput: (event.target as HTMLElement).tagName !== 'INPUT',
-          isButton: (event.target as HTMLElement).tagName !== 'BUTTON'
+          isInput: (event.target as HTMLElement).tagName === 'INPUT',
+          isButton: (event.target as HTMLElement).tagName === 'BUTTON'
         };
 
         onRowClick(event, row, rowProps, computedData);
@@ -67,11 +67,13 @@ class ContextBody extends React.Component<TableBodyProps, {}> {
       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'
+            isInput: (event.target as HTMLElement).tagName === 'INPUT',
+            isButton: (event.target as HTMLElement).tagName === 'BUTTON'
           };
           onRowClick(event, row, rowProps, computedData);
-          event.preventDefault();
+          if (!computedData.isInput) {
+            event.preventDefault();
+          }
         }
       }
     };

package/src/components/Table/Table.tsx

@@ -60,6 +60,8 @@ export interface TableProps extends OUIAProps {
   onSelect?: OnSelect;
   /** Enables or Disables the ability to select all - this is mutually exclusive with radio button select variant */
   canSelectAll?: boolean;
+  /** Flag indicating the select all checkbox is disabled */
+  isHeaderSelectDisabled?: boolean;
   /** Specifies the type of the select element variant - can be one of checkbox or radio button */
   selectVariant?: 'checkbox' | 'radio';
   /** Function triggered when a row's inline edit is activated. Adds a column for inline edit when present. */
@@ -132,6 +134,7 @@ export class Table extends React.Component<TableProps, {}> {
     gridBreakPoint: TableGridBreakpoint.gridMd,
     role: 'grid',
     canSelectAll: true,
+    isHeaderSelectDisabled: false,
     selectVariant: 'checkbox',
     ouiaSafe: true,
     isStickyHeader: false,
@@ -160,6 +163,7 @@ export class Table extends React.Component<TableProps, {}> {
       onSort,
       onSelect,
       canSelectAll,
+      isHeaderSelectDisabled,
       selectVariant,
       sortBy,
       children,
@@ -197,6 +201,7 @@ export class Table extends React.Component<TableProps, {}> {
       onSort,
       onSelect,
       canSelectAll: selectVariant === RowSelectVariant.radio ? false : canSelectAll,
+      isHeaderSelectDisabled,
       selectVariant,
       allRowsSelected: onSelect ? this.areAllRowsSelected(rows as IRow[]) : false,
       actions,

package/src/components/Table/TableTypes.ts

@@ -106,6 +106,7 @@ export interface IColumn {
     dropdownDirection?: DropdownDirection;
     actionsToggle?: (props: CustomActionsToggleProps) => React.ReactNode;
     allRowsSelected?: boolean;
+    isHeaderSelectDisabled?: boolean;
     onFavorite?: OnFavorite;
   };
 }