@patternfly/react-table 4.61.20 → 4.61.21

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-table",
-  "version": "4.61.20",
+  "version": "4.61.21",
   "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.192.20",
-    "@patternfly/react-icons": "^4.43.20",
-    "@patternfly/react-styles": "^4.42.20",
-    "@patternfly/react-tokens": "^4.44.20",
+    "@patternfly/react-core": "^4.192.21",
+    "@patternfly/react-icons": "^4.43.21",
+    "@patternfly/react-styles": "^4.42.21",
+    "@patternfly/react-tokens": "^4.44.21",
     "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": "48cfe47616a942dffa21d98bedafc976d11d26ed"
+  "gitHead": "a29d482c5848dda265c74301559f02ef0539ebcc"
 }

package/src/components/TableComposable/TableComposable.tsx

@@ -53,7 +53,7 @@ export interface TableComposableProps extends React.HTMLProps<HTMLTableElement>,
   isTreeTable?: boolean;
   /** Flag indicating this table is nested within another table */
   isNested?: boolean;
-  /** Collection of column spans for nested headers */
+  /** Collection of column spans for nested headers. Deprecated: see https://github.com/patternfly/patternfly/issues/4584 */
   nestedHeaderColumnSpans?: number[];
 }
 
@@ -71,6 +71,7 @@ const TableComposableBase: React.FunctionComponent<TableComposableProps> = ({
   ouiaSafe = true,
   isTreeTable = false,
   isNested = false,
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
   nestedHeaderColumnSpans,
   ...props
 }: TableComposableProps) => {
@@ -159,14 +160,6 @@ const TableComposableBase: React.FunctionComponent<TableComposableProps> = ({
       {...ouiaProps}
       {...props}
     >
-      {nestedHeaderColumnSpans &&
-        nestedHeaderColumnSpans.map((span: number, index) => {
-          if (span === 1) {
-            return <col key={index} />;
-          } else {
-            return <colgroup key={index} span={span} />;
-          }
-        })}
       {children}
     </table>
   );

package/src/components/TableComposable/examples/ComposableTableNestedExpandable.tsx

@@ -70,11 +70,7 @@ export const ComposableTableNestedExpandable: React.FunctionComponent = () => {
 
   return (
     <InnerScrollContainer>
-      <TableComposable
-        aria-label="Nested column headers with expandable rows table"
-        gridBreakPoint=""
-        nestedHeaderColumnSpans={[1, 3, 1]}
-      >
+      <TableComposable aria-label="Nested column headers with expandable rows table" gridBreakPoint="">
         <Thead hasNestedHeader>
           <Tr>
             <Th rowSpan={2} />

package/src/components/TableComposable/examples/ComposableTableNestedHeaders.tsx

@@ -114,11 +114,7 @@ export const ComposableTableNestedHeaders: React.FunctionComponent = () => {
 
   return (
     <InnerScrollContainer>
-      <TableComposable
-        aria-label="Nested column headers table"
-        gridBreakPoint=""
-        nestedHeaderColumnSpans={[3, 2, 1, 1, 1, 1]}
-      >
+      <TableComposable aria-label="Nested column headers table" gridBreakPoint="">
         <Thead hasNestedHeader>
           <Tr>
             <Th hasRightBorder colSpan={3}>

package/src/demos/Table.md

@@ -2234,11 +2234,11 @@ class FilterTableDemo extends React.Component {
         }
       ];
     }
-
+    const onSelect = loading || filteredRows.length === 0 ? null : this.onRowSelect; // To remove the select box when there are no rows
     return (
       <React.Fragment>
         {this.renderToolbar()}
-        <Table cells={columns} rows={tableRows} onSelect={this.onRowSelect} aria-label="Filterable Table Demo">
+        <Table cells={columns} rows={tableRows} onSelect={onSelect} aria-label="Filterable Table Demo">
           <TableHeader />
           <TableBody />
         </Table>