@patternfly/react-table 4.29.73 → 4.30.3

package/dist/umd/react-table.js

@@ -6785,9 +6785,18 @@
     Tbody.displayName = 'Tbody';
 
     const TrBase = (_a) => {
-        var { children, className, isExpanded, isEditable, isHidden = false, innerRef, ouiaId, ouiaSafe = true } = _a, props = __rest(_a, ["children", "className", "isExpanded", "isEditable", "isHidden", "innerRef", "ouiaId", "ouiaSafe"]);
+        var { children, className, isExpanded, isEditable, isHidden = false, isHoverable = false, isRowSelected = false, innerRef, ouiaId, ouiaSafe = true, onRowClick } = _a, props = __rest(_a, ["children", "className", "isExpanded", "isEditable", "isHidden", "isHoverable", "isRowSelected", "innerRef", "ouiaId", "ouiaSafe", "onRowClick"]);
         const ouiaProps = useOUIAProps('TableRow', ouiaId, ouiaSafe);
-        return (React.createElement("tr", Object.assign({ className: css(className, isExpanded !== undefined && styles$b.tableExpandableRow, isExpanded && styles$b.modifiers.expanded, isEditable && inlineStyles.modifiers.inlineEditable), hidden: isHidden || (isExpanded !== undefined && !isExpanded), ref: innerRef }, ouiaProps, props), children));
+        let onKeyDown = null;
+        if (onRowClick) {
+            onKeyDown = (e) => {
+                if (e.key === 'Enter' || e.key === ' ') {
+                    onRowClick(e);
+                    e.preventDefault();
+                }
+            };
+        }
+        return (React.createElement("tr", Object.assign({ className: css(className, isExpanded !== undefined && styles$b.tableExpandableRow, isExpanded && styles$b.modifiers.expanded, isEditable && inlineStyles.modifiers.inlineEditable, isHoverable && styles$b.modifiers.hoverable, isRowSelected && styles$b.modifiers.selected), hidden: isHidden || (isExpanded !== undefined && !isExpanded) }, (isHoverable && { tabIndex: 0 }), { ref: innerRef }, (onRowClick && { onClick: onRowClick, onKeyDown }), ouiaProps, props), children));
     };
     const Tr = React.forwardRef((props, ref) => (React.createElement(TrBase, Object.assign({}, props, { innerRef: ref }))));
     Tr.displayName = 'Tr';
@@ -9663,9 +9672,9 @@
     const treeRow = (onCollapse, onCheckChange, onToggleRowDetails) => (value, { rowIndex, rowData }) => {
         const { isExpanded, isDetailsExpanded, 'aria-level': level, 'aria-setsize': setsize, toggleAriaLabel, checkAriaLabel, showDetailsAriaLabel, isChecked, checkboxId, icon } = rowData.props;
         const content = value.title || value;
-        const text = (React.createElement("div", { className: css(stylesTreeView.tableTreeViewText) },
-            icon && React.createElement("span", { className: css(stylesTreeView.tableTreeViewIcon) }, icon),
-            React.createElement("span", { className: "pf-c-table__text" }, content)));
+        const text = (React.createElement("div", { className: css(stylesTreeView.tableTreeViewText), key: "tree-view-text" },
+            icon && (React.createElement("span", { className: css(stylesTreeView.tableTreeViewIcon), key: "tree-view-text-icon" }, icon)),
+            React.createElement("span", { className: "pf-c-table__text", key: "table-text" }, content)));
         const onChange = (isChecked, event) => {
             onCheckChange(event, isChecked, rowIndex, content, rowData);
         };
@@ -9673,14 +9682,14 @@
             component: 'th',
             className: 'pf-c-table__tree-view-title-cell',
             children: level !== undefined ? (React.createElement("div", { className: css(stylesTreeView.tableTreeViewMain) },
-                setsize > 0 && (React.createElement("span", { className: css(stylesTreeView.tableToggle) },
+                setsize > 0 && (React.createElement("span", { className: css(stylesTreeView.tableToggle), key: "table-toggle" },
                     React.createElement(Button, { variant: "plain", onClick: event => onCollapse && onCollapse(event, rowIndex, content, rowData), className: css(isExpanded && styles$b.modifiers.expanded), "aria-expanded": isExpanded, "aria-label": toggleAriaLabel || `${isExpanded ? 'Collapse' : 'Expand'} row ${rowIndex}` },
                         React.createElement("div", { className: css(stylesTreeView.tableToggleIcon) },
                             React.createElement(AngleDownIcon, { "aria-hidden": "true" }))))),
-                !!onCheckChange && (React.createElement("span", { className: css(stylesTreeView.tableCheck) },
+                !!onCheckChange && (React.createElement("span", { className: css(stylesTreeView.tableCheck), key: "table-check" },
                     React.createElement(Checkbox, { id: checkboxId || `checkbox_${rowIndex}`, "aria-label": checkAriaLabel || `Row ${rowIndex} checkbox`, isChecked: isChecked, onChange: onChange }))),
                 text,
-                !!onToggleRowDetails && (React.createElement("span", { className: css(stylesTreeView.tableTreeViewDetailsToggle) },
+                !!onToggleRowDetails && (React.createElement("span", { className: css(stylesTreeView.tableTreeViewDetailsToggle), key: "view-details-toggle" },
                     React.createElement(Button, { variant: "plain", "aria-expanded": isDetailsExpanded, "aria-label": showDetailsAriaLabel || 'Show row details', onClick: event => onToggleRowDetails && onToggleRowDetails(event, rowIndex, content, rowData) },
                         React.createElement("span", { className: "pf-c-table__details-toggle-icon" },
                             React.createElement(EllipsisHIcon, { "aria-hidden": true }))))))) : (text)
@@ -11051,10 +11060,10 @@
         render() {
             const _a = this.props, { 
             /* eslint-disable @typescript-eslint/no-unused-vars */
-            onScroll, onResize, row: { isExpanded, isEditable }, rowProps, 
+            onScroll, onResize, row: { isExpanded, isEditable, isHoverable, isRowSelected }, rowProps, 
             /* eslint-enable @typescript-eslint/no-unused-vars */
             trRef, className, ouiaId } = _a, props = __rest(_a, ["onScroll", "onResize", "row", "rowProps", "trRef", "className", "ouiaId"]);
-            return (React.createElement(Tr, Object.assign({}, props, { ref: trRef, isExpanded: isExpanded, isEditable: isEditable, className: className, ouiaId: ouiaId })));
+            return (React.createElement(Tr, Object.assign({}, props, { ref: trRef, isExpanded: isExpanded, isEditable: isEditable, className: className, ouiaId: ouiaId, isHoverable: isHoverable, isRowSelected: isRowSelected })));
         }
     }
     RowWrapper.displayName = 'RowWrapper';
@@ -11576,12 +11585,22 @@
                 return {
                     row,
                     rowProps: extendedRowProps,
-                    onMouseDown: (event) => {
+                    onClick: (event) => {
                         const computedData = {
                             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'
+                            };
+                            onRowClick(event, row, rowProps, computedData);
+                            event.preventDefault();
+                        }
                     }
                 };
             };