@patternfly/react-table 6.2.0-prerelease.3 → 6.2.0-prerelease.30

package/src/deprecated/components/Table/BodyCell.tsx

@@ -18,7 +18,7 @@ export interface BodyCellProps {
   ariaControls?: string;
   editableValue?: any;
   editableSelectProps?: SelectProps;
-  options?: React.ReactElement[];
+  options?: React.ReactElement<any>[];
   isSelectOpen?: boolean;
   value?: any;
   isValid?: boolean;
@@ -69,10 +69,10 @@ export const BodyCell: React.FunctionComponent<BodyCellProps> = ({
   let isEmptyStateCell = false;
   if (children) {
     isEmptyStateCell =
-      ((children as React.ReactElement).type === Bullseye &&
-        (children as React.ReactElement).props.children &&
-        (children as React.ReactElement).props.children.type === EmptyState) ||
-      (children as React.ReactElement).type === EmptyState;
+      ((children as React.ReactElement<any>).type === Bullseye &&
+        (children as React.ReactElement<any>).props.children &&
+        (children as React.ReactElement<any>).props.children.type === EmptyState) ||
+      (children as React.ReactElement<any>).type === EmptyState;
   }
 
   const cell = (

package/src/deprecated/components/Table/Table.tsx

@@ -29,6 +29,8 @@ import {
   CustomActionsToggleProps
 } from '../../../components';
 
+import type { JSX } from 'react';
+
 export interface TableProps extends OUIAProps {
   /** Adds an accessible name for the Table */
   'aria-label'?: string;

package/src/deprecated/components/Table/__tests__/__snapshots__/Table.test.tsx.snap

@@ -1523,7 +1523,6 @@ exports[`Table Collapsible nested table 1`] = `
           tabindex="-1"
         >
           <button
-            aria-disabled="false"
             aria-expanded="false"
             aria-label="Details"
             aria-labelledby="simple-node0 expandable-toggle0"
@@ -1615,7 +1614,6 @@ exports[`Table Collapsible nested table 1`] = `
           tabindex="-1"
         >
           <button
-            aria-disabled="false"
             aria-expanded="true"
             aria-label="Details"
             aria-labelledby="simple-node1 expandable-toggle1"
@@ -1778,7 +1776,6 @@ exports[`Table Collapsible nested table 1`] = `
           tabindex="-1"
         >
           <button
-            aria-disabled="false"
             aria-expanded="false"
             aria-label="Details"
             aria-labelledby="simple-node3 expandable-toggle3"
@@ -2287,7 +2284,6 @@ exports[`Table Collapsible table 1`] = `
           tabindex="-1"
         >
           <button
-            aria-disabled="false"
             aria-expanded="true"
             aria-label="Details"
             aria-labelledby="simple-node0 expandable-toggle0"
@@ -2505,7 +2501,6 @@ exports[`Table Collapsible table 1`] = `
           tabindex="-1"
         >
           <button
-            aria-disabled="false"
             aria-expanded="false"
             aria-label="Details"
             aria-labelledby="simple-node3 expandable-toggle3"
@@ -10533,7 +10528,6 @@ exports[`Table simple Editable table 1`] = `
                 class="pf-v6-c-inline-edit__action"
               >
                 <button
-                  aria-disabled="false"
                   aria-label="Save row edits for row 0"
                   class="pf-v6-c-button pf-m-plain"
                   data-ouia-component-id="OUIA-Generated-Button-plain-1"
@@ -10564,7 +10558,6 @@ exports[`Table simple Editable table 1`] = `
                 class="pf-v6-c-inline-edit__action"
               >
                 <button
-                  aria-disabled="false"
                   aria-label="Cancel row edits for row 0"
                   class="pf-v6-c-button pf-m-plain"
                   data-ouia-component-id="OUIA-Generated-Button-plain-2"
@@ -10596,7 +10589,6 @@ exports[`Table simple Editable table 1`] = `
               class="pf-v6-c-inline-edit__action pf-m-enable-editable"
             >
               <button
-                aria-disabled="false"
                 aria-label="Place row 0 in edit mode"
                 class="pf-v6-c-button pf-m-plain"
                 data-ouia-component-id="OUIA-Generated-Button-plain-3"
@@ -10776,7 +10768,6 @@ exports[`Table simple Editable table 1`] = `
                 class="pf-v6-c-inline-edit__action"
               >
                 <button
-                  aria-disabled="false"
                   aria-label="Save row edits for row 1"
                   class="pf-v6-c-button pf-m-plain"
                   data-ouia-component-id="OUIA-Generated-Button-plain-4"
@@ -10807,7 +10798,6 @@ exports[`Table simple Editable table 1`] = `
                 class="pf-v6-c-inline-edit__action"
               >
                 <button
-                  aria-disabled="false"
                   aria-label="Cancel row edits for row 1"
                   class="pf-v6-c-button pf-m-plain"
                   data-ouia-component-id="OUIA-Generated-Button-plain-5"
@@ -10839,7 +10829,6 @@ exports[`Table simple Editable table 1`] = `
               class="pf-v6-c-inline-edit__action pf-m-enable-editable"
             >
               <button
-                aria-disabled="false"
                 aria-label="Place row 1 in edit mode"
                 class="pf-v6-c-button pf-m-plain"
                 data-ouia-component-id="OUIA-Generated-Button-plain-6"

package/src/deprecated/components/Table/examples/LegacyTableMisc.tsx

@@ -36,7 +36,7 @@ export const LegacyTableMisc: React.FunctionComponent = () => {
     };
     return (
       <tr
-        ref={trRef as React.LegacyRef<HTMLTableRowElement>}
+        ref={trRef as React.Ref<HTMLTableRowElement>}
         className={css(className, isOddRow ? 'odd-row-class' : 'even-row-class', 'custom-static-class')}
         style={isOddRow ? customStyle : {}}
       />

package/src/deprecated/components/Table/examples/LegacyTableStripedCustomTr.tsx

@@ -29,9 +29,7 @@ export const LegacyTableStripedCustomTr: React.FunctionComponent = () => {
 
   const customRowWrapper: TableProps['rowWrapper'] = ({ trRef, className, rowProps, row: _row }) => {
     const isOddRow = rowProps ? !!((rowProps.rowIndex + 1) % 2) : true;
-    return (
-      <tr ref={trRef as React.LegacyRef<HTMLTableRowElement>} className={css(className, isOddRow && 'pf-m-striped')} />
-    );
+    return <tr ref={trRef as React.Ref<HTMLTableRowElement>} className={css(className, isOddRow && 'pf-m-striped')} />;
   };
 
   return (

package/src/test-helpers/MockedTableChanges.js

@@ -1,62 +0,0 @@
-import React, { Component } from 'react';
-import PropTypes from 'prop-types';
-import { TableContext } from '../components/Table/Table';
-import { TableHeader } from '../components/Table';
-
-export const withContext =
-  ({ context = {}, contextType = {} }) =>
-  (WrappedComponent) => {
-    class WithContext extends Component {
-      getChildContext() {
-        return context;
-      }
-
-      render() {
-        return <WrappedComponent>{this.props.children}</WrappedComponent>;
-      }
-    }
-    WithContext.propTypes = {
-      children: PropTypes.node
-    };
-    WithContext.defaultProps = {
-      children: null
-    };
-    WithContext.WrappedComponent = WrappedComponent;
-    WithContext.childContextTypes = contextType;
-
-    return WithContext;
-  };
-
-export const TableProvider = withContext({
-  context: {
-    columns: [],
-    renderers: {
-      header: {
-        wrapper: 'thead',
-        row: 'tr',
-        cell: 'th'
-      }
-    }
-  },
-  contextType: { columns: PropTypes.any, renderers: PropTypes.any }
-})('table');
-
-const MockedTableChanges = ({ updateFunc, columns }) => (
-  <TableContext.Provider value={{ updateHeaderData: updateFunc }}>
-    <TableProvider>
-      <TableHeader headerRows={columns} />
-    </TableProvider>
-  </TableContext.Provider>
-);
-
-MockedTableChanges.propTypes = {
-  updateFunc: PropTypes.func,
-  columns: PropTypes.array
-};
-
-MockedTableChanges.defaultProps = {
-  updateFunc: () => undefined,
-  columns: []
-};
-
-export default MockedTableChanges;