@patternfly/react-table 4.30.8 → 4.30.12

package/dist/umd/react-table.js

@@ -4519,6 +4519,7 @@
         "expanded": "pf-m-expanded",
         "plain": "pf-m-plain",
         "typeahead": "pf-m-typeahead",
+        "placeholder": "pf-m-placeholder",
         "top": "pf-m-top",
         "alignRight": "pf-m-align-right",
         "favorite": "pf-m-favorite",
@@ -6967,7 +6968,7 @@
     SelectColumn.displayName = 'SelectColumn';
 
     const selectable = (label, { rowIndex, columnIndex, rowData, column, property }) => {
-        const { extraParams: { onSelect, selectVariant, allRowsSelected } } = column;
+        const { extraParams: { onSelect, selectVariant, allRowsSelected, isHeaderSelectDisabled } } = column;
         const extraData = {
             rowIndex,
             columnIndex,
@@ -6989,7 +6990,7 @@
             // tslint:disable-next-line:no-unused-expression
             onSelect && onSelect(event, selected, rowId, rowData, extraData);
         }
-        const customProps = Object.assign(Object.assign({}, (rowId !== -1
+        const customProps = Object.assign(Object.assign(Object.assign({}, (rowId !== -1
             ? {
                 checked: rowData && !!rowData.selected,
                 'aria-label': `Select row ${rowIndex}`
@@ -7001,7 +7002,7 @@
             (rowData.disableCheckbox || rowData.disableSelection) && {
             disabled: true,
             className: checkStyles.checkInput
-        }));
+        })), (!rowData && isHeaderSelectDisabled && { disabled: true }));
         let selectName = 'check-all';
         if (rowId !== -1 && selectVariant === exports.RowSelectVariant.checkbox) {
             selectName = `checkrow${rowIndex}`;
@@ -9420,7 +9421,8 @@
                     extraParams: {
                         onSelect: select === null || select === void 0 ? void 0 : select.onSelect,
                         selectVariant: 'checkbox',
-                        allRowsSelected: select.isSelected
+                        allRowsSelected: select.isSelected,
+                        isHeaderSelectDisabled: !!select.isHeaderSelectDisabled
                     }
                 }
             })
@@ -11490,7 +11492,7 @@
             };
         }
         render() {
-            const _a = this.props, { 'aria-label': ariaLabel, caption, header, onSort, onSelect, canSelectAll, selectVariant, sortBy, children, actions, actionResolver, areActionsDisabled, onCollapse, onExpand, onRowEdit, rowLabeledBy, dropdownPosition, dropdownDirection, actionsToggle, contentId, expandId, variant, rows, cells, bodyWrapper, rowWrapper, role, borders, onFavorite, canSortFavorites } = _a, props = __rest(_a, ['aria-label', "caption", "header", "onSort", "onSelect", "canSelectAll", "selectVariant", "sortBy", "children", "actions", "actionResolver", "areActionsDisabled", "onCollapse", "onExpand", "onRowEdit", "rowLabeledBy", "dropdownPosition", "dropdownDirection", "actionsToggle", "contentId", "expandId", "variant", "rows", "cells", "bodyWrapper", "rowWrapper", "role", "borders", "onFavorite", "canSortFavorites"]);
+            const _a = this.props, { 'aria-label': ariaLabel, caption, header, onSort, onSelect, canSelectAll, isHeaderSelectDisabled, selectVariant, sortBy, children, actions, actionResolver, areActionsDisabled, onCollapse, onExpand, onRowEdit, rowLabeledBy, dropdownPosition, dropdownDirection, actionsToggle, contentId, expandId, variant, rows, cells, bodyWrapper, rowWrapper, role, borders, onFavorite, canSortFavorites } = _a, props = __rest(_a, ['aria-label', "caption", "header", "onSort", "onSelect", "canSelectAll", "isHeaderSelectDisabled", "selectVariant", "sortBy", "children", "actions", "actionResolver", "areActionsDisabled", "onCollapse", "onExpand", "onRowEdit", "rowLabeledBy", "dropdownPosition", "dropdownDirection", "actionsToggle", "contentId", "expandId", "variant", "rows", "cells", "bodyWrapper", "rowWrapper", "role", "borders", "onFavorite", "canSortFavorites"]);
             if (!ariaLabel && !caption && !header && role !== 'presentation') {
                 // eslint-disable-next-line no-console
                 console.error('Table: Specify at least one of: header, caption, aria-label');
@@ -11500,6 +11502,7 @@
                 onSort,
                 onSelect,
                 canSelectAll: selectVariant === exports.RowSelectVariant.radio ? false : canSelectAll,
+                isHeaderSelectDisabled,
                 selectVariant,
                 allRowsSelected: onSelect ? this.areAllRowsSelected(rows) : false,
                 actions,
@@ -11561,6 +11564,7 @@
         gridBreakPoint: exports.TableGridBreakpoint.gridMd,
         role: 'grid',
         canSelectAll: true,
+        isHeaderSelectDisabled: false,
         selectVariant: 'checkbox',
         ouiaSafe: true,
         isStickyHeader: false,
@@ -11587,19 +11591,21 @@
                     rowProps: extendedRowProps,
                     onClick: (event) => {
                         const computedData = {
-                            isInput: event.target.tagName !== 'INPUT',
-                            isButton: event.target.tagName !== 'BUTTON'
+                            isInput: event.target.tagName === 'INPUT',
+                            isButton: event.target.tagName === 'BUTTON'
                         };
                         onRowClick(event, row, rowProps, computedData);
                     },
                     onKeyDown: (event) => {
                         if (event.key === 'Enter' || event.key === ' ') {
                             const computedData = {
-                                isInput: event.target.tagName !== 'INPUT',
-                                isButton: event.target.tagName !== 'BUTTON'
+                                isInput: event.target.tagName === 'INPUT',
+                                isButton: event.target.tagName === 'BUTTON'
                             };
                             onRowClick(event, row, rowProps, computedData);
-                            event.preventDefault();
+                            if (!computedData.isInput) {
+                                event.preventDefault();
+                            }
                         }
                     }
                 };