@patternfly/react-table 6.2.0-prerelease.8 → 6.2.0

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { Fragment, useState } from 'react';
 import { Table, TableHeader, TableBody, TableProps } from '@patternfly/react-table/deprecated';
 import { ToggleGroup, ToggleGroupItem, ToggleGroupItemProps } from '@patternfly/react-core';
 interface Repository {
@@ -38,7 +38,7 @@ export const LegacyTableBasic: React.FunctionComponent = () => {
   ];
 
   // This state is just for the ToggleGroup in this example and isn't necessary for table usage.
-  const [exampleChoice, setExampleChoice] = React.useState<ExampleType>('default');
+  const [exampleChoice, setExampleChoice] = useState<ExampleType>('default');
   const onExampleTypeChange: ToggleGroupItemProps['onChange'] = (event, _isSelected) => {
     const id = event.currentTarget.id;
     setExampleChoice(id as ExampleType);
@@ -54,7 +54,7 @@ export const LegacyTableBasic: React.FunctionComponent = () => {
   ]);
 
   return (
-    <React.Fragment>
+    <Fragment>
       <ToggleGroup aria-label="Default with single selectable">
         <ToggleGroupItem
           text="Default"
@@ -85,6 +85,6 @@ export const LegacyTableBasic: React.FunctionComponent = () => {
         <TableHeader />
         <TableBody />
       </Table>
-    </React.Fragment>
+    </Fragment>
   );
 };

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { Table, TableHeader, TableBody, TableProps } from '@patternfly/react-table/deprecated';
 import { classNames, cellWidth, Visibility } from '@patternfly/react-table';
 

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { useState } from 'react';
 import { info, textCenter, ICell } from '@patternfly/react-table';
 import { Table, TableHeader, TableBody, TableProps } from '@patternfly/react-table/deprecated';
 import styles from '@patternfly/react-styles/css/components/Table/table';
@@ -33,7 +33,7 @@ export const LegacyTableClickable: React.FunctionComponent = () => {
 
   // In this example, selected rows are tracked by the repo names from each row. This could be any unique identifier.
   // This is to prevent state from being based on row order index in case we later add sorting.
-  const [selectedRepoName, setSelectedRepoName] = React.useState('');
+  const [selectedRepoName, setSelectedRepoName] = useState('');
   const columns: TableProps['cells'] = [
     {
       title: 'Repositories',

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { Fragment, useState } from 'react';
 import { Table, TableHeader, TableBody, TableProps } from '@patternfly/react-table/deprecated';
 import { compoundExpand } from '@patternfly/react-table';
 
@@ -27,7 +27,7 @@ export const LegacyTableCompoundExpandable: React.FunctionComponent = () => {
   // Note that these columnKeys must be in the same order as the `columns` below, because columnIndex will be used to look up the matching key.
   type ColumnKey = 'name' | 'branches' | 'prs' | 'workspaces' | 'lastCommit'; // For typechecking
   const columnKeys: ColumnKey[] = ['name', 'branches', 'prs', 'workspaces', 'lastCommit']; // For indexed order
-  const [expandedCells, setExpandedCells] = React.useState<Record<string, ColumnKey>>({
+  const [expandedCells, setExpandedCells] = useState<Record<string, ColumnKey>>({
     'siemur/test-space': 'branches' // Default to the first cell of the first row being expanded
   });
   const setCellExpanded = (repo: Repository, columnKey: ColumnKey, isExpanding = true) => {
@@ -75,9 +75,9 @@ export const LegacyTableCompoundExpandable: React.FunctionComponent = () => {
         { title: <a href="#">{repo.name}</a>, props: { component: 'th' } },
         {
           title: (
-            <React.Fragment>
+            <Fragment>
               <CodeBranchIcon key="icon" /> {repo.branches}
-            </React.Fragment>
+            </Fragment>
           ),
           props: {
             isOpen: expandedCellKey === 'branches',
@@ -86,9 +86,9 @@ export const LegacyTableCompoundExpandable: React.FunctionComponent = () => {
         },
         {
           title: (
-            <React.Fragment>
+            <Fragment>
               <CodeIcon key="icon" /> {repo.prs}
-            </React.Fragment>
+            </Fragment>
           ),
           props: {
             isOpen: expandedCellKey === 'prs',
@@ -97,9 +97,9 @@ export const LegacyTableCompoundExpandable: React.FunctionComponent = () => {
         },
         {
           title: (
-            <React.Fragment>
+            <Fragment>
               <CubeIcon key="icon" /> {repo.branches}
-            </React.Fragment>
+            </Fragment>
           ),
           props: {
             isOpen: expandedCellKey === 'workspaces',

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { cellWidth, truncate, breakWord, wrappable, fitContent, nowrap } from '@patternfly/react-table';
 import { Table, TableHeader, TableBody, TableProps } from '@patternfly/react-table/deprecated';
 

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { Table, TableHeader, TableBody, TableProps } from '@patternfly/react-table/deprecated';
 import {
   Bullseye,

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { Fragment, useState } from 'react';
 import { TableVariant, expandable, IRowCell } from '@patternfly/react-table';
 import { Table, TableHeader, TableBody, TableProps } from '@patternfly/react-table/deprecated';
 import { Checkbox } from '@patternfly/react-core';
@@ -78,7 +78,7 @@ export const LegacyTableExpandable: React.FunctionComponent = () => {
   // This is to prevent state from being based on row order index in case we later add sorting.
   // Note that this behavior is very similar to selection state.
   const initialExpandedRepoNames = repositories.filter((repo) => !!repo.details).map((repo) => repo.name); // Default to all expanded
-  const [expandedRepoNames, setExpandedRepoNames] = React.useState<string[]>(initialExpandedRepoNames);
+  const [expandedRepoNames, setExpandedRepoNames] = useState<string[]>(initialExpandedRepoNames);
   const setRepoExpanded = (repo: Repository, isExpanding = true) =>
     setExpandedRepoNames((prevExpanded) => {
       const otherExpandedRepoNames = prevExpanded.filter((r) => r !== repo.name);
@@ -86,7 +86,7 @@ export const LegacyTableExpandable: React.FunctionComponent = () => {
     });
   const isRepoExpanded = (repo: Repository) => expandedRepoNames.includes(repo.name);
 
-  const [isExampleCompact, setIsExampleCompact] = React.useState(true);
+  const [isExampleCompact, setIsExampleCompact] = useState(true);
 
   // We want to be able to reference the original data object based on row index. But because an expanded
   // row takes up two row indexes, repositories[rowIndex] will not be accurate like it would in a normal table.
@@ -145,7 +145,7 @@ export const LegacyTableExpandable: React.FunctionComponent = () => {
   });
 
   return (
-    <React.Fragment>
+    <Fragment>
       <Checkbox
         label="Compact"
         isChecked={isExampleCompact}
@@ -170,6 +170,6 @@ export const LegacyTableExpandable: React.FunctionComponent = () => {
         <TableHeader />
         <TableBody />
       </Table>
-    </React.Fragment>
+    </Fragment>
   );
 };

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { useCallback, useState } from 'react';
 import { sortable } from '@patternfly/react-table';
 import { Table, TableHeader, TableBody, TableProps } from '@patternfly/react-table/deprecated';
 import { Checkbox } from '@patternfly/react-core';
@@ -22,13 +22,13 @@ export const LegacyTableFavoritable: React.FunctionComponent = () => {
   // Index of the currently sorted column
   // Note: if you intend to make columns reorderable, you may instead want to use a non-numeric key
   // as the identifier of the sorted column. See the "Compound expandable" example.
-  const [activeSortIndex, setActiveSortIndex] = React.useState<number | null>(null);
+  const [activeSortIndex, setActiveSortIndex] = useState<number | null>(null);
 
   // Sort direction of the currently sorted column
-  const [activeSortDirection, setActiveSortDirection] = React.useState<'asc' | 'desc' | null>(null);
+  const [activeSortDirection, setActiveSortDirection] = useState<'asc' | 'desc' | null>(null);
 
   // Favorite state is similar to selection state. See selectedRepoNames and associated code below.
-  const [favoriteRepoNames, setFavoriteRepoNames] = React.useState<string[]>([]);
+  const [favoriteRepoNames, setFavoriteRepoNames] = useState<string[]>([]);
   const setRepoFavorited = (repo: Repository, isFavoriting = true) =>
     setFavoriteRepoNames((prevFavorites) => {
       const otherFavorites = prevFavorites.filter((r) => r !== repo.name);
@@ -39,7 +39,7 @@ export const LegacyTableFavoritable: React.FunctionComponent = () => {
   // Since OnSort specifies sorted columns by index, we need sortable values for our object by column index.
   // Note: We also memoize the sortable values with useCallback to prevent rows jumping around when you change
   // the favorites while sorting on that column. Only updating the sort state will reorder the rows.
-  const getSortableRowValues = React.useCallback(
+  const getSortableRowValues = useCallback(
     (repo: Repository): (boolean | string | number)[] => {
       const { name, branches, prs, workspaces, lastCommit } = repo;
       // Blank value for first column (select checkboxes)
@@ -76,7 +76,7 @@ export const LegacyTableFavoritable: React.FunctionComponent = () => {
 
   // In this example, selected rows are tracked by the repo names from each row. This could be any unique identifier.
   // This is to prevent state from being based on row order index in case we later add sorting.
-  const [selectedRepoNames, setSelectedRepoNames] = React.useState<string[]>([]);
+  const [selectedRepoNames, setSelectedRepoNames] = useState<string[]>([]);
   const setRepoSelected = (repo: Repository, isSelecting = true) =>
     setSelectedRepoNames((prevSelected) => {
       const otherSelectedRepoNames = prevSelected.filter((r) => r !== repo.name);
@@ -109,7 +109,7 @@ export const LegacyTableFavoritable: React.FunctionComponent = () => {
     };
   });
 
-  const [canSortFavorites, setCanSortFavorites] = React.useState(true);
+  const [canSortFavorites, setCanSortFavorites] = useState(true);
 
   return (
     <div>

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { Table, TableHeader, TableBody, TableProps } from '@patternfly/react-table/deprecated';
 import { css } from '@patternfly/react-styles';
 /* eslint-disable camelcase */
@@ -36,7 +35,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/LegacyTableSelectable.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import { useEffect, useState } from 'react';
 import { headerCol } from '@patternfly/react-table';
 import { Table, TableHeader, TableBody, TableProps } from '@patternfly/react-table/deprecated';
 import { Checkbox } from '@patternfly/react-core';
@@ -28,7 +28,7 @@ export const LegacyTableSelectable: React.FunctionComponent = () => {
 
   // In this example, selected rows are tracked by the repo names from each row. This could be any unique identifier.
   // This is to prevent state from being based on row order index in case we later add sorting.
-  const [selectedRepoNames, setSelectedRepoNames] = React.useState<string[]>([]);
+  const [selectedRepoNames, setSelectedRepoNames] = useState<string[]>([]);
   const setRepoSelected = (repo: Repository, isSelecting = true) =>
     setSelectedRepoNames((prevSelected) => {
       const otherSelectedRepoNames = prevSelected.filter((r) => r !== repo.name);
@@ -38,11 +38,11 @@ export const LegacyTableSelectable: React.FunctionComponent = () => {
     setSelectedRepoNames(isSelecting ? selectableRepos.map((r) => r.name) : []);
   const isRepoSelected = (repo: Repository) => selectedRepoNames.includes(repo.name);
 
-  const [canSelectAll, setCanSelectAll] = React.useState(true);
+  const [canSelectAll, setCanSelectAll] = useState(true);
 
   // To allow shift+click to select/deselect multiple rows
-  const [recentSelectedRowIndex, setRecentSelectedRowIndex] = React.useState<number | null>(null);
-  const [shifting, setShifting] = React.useState(false);
+  const [recentSelectedRowIndex, setRecentSelectedRowIndex] = useState<number | null>(null);
+  const [shifting, setShifting] = useState(false);
 
   const onSelectRepo = (repo: Repository, rowIndex: number, isSelecting: boolean) => {
     // If the user is shift + selecting the checkboxes, then all intermediate checkboxes should be selected
@@ -59,7 +59,7 @@ export const LegacyTableSelectable: React.FunctionComponent = () => {
     setRecentSelectedRowIndex(rowIndex);
   };
 
-  React.useEffect(() => {
+  useEffect(() => {
     const onKeyDown = (e: KeyboardEvent) => {
       if (e.key === 'Shift') {
         setShifting(true);

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { useState } from 'react';
 import { headerCol } from '@patternfly/react-table';
 import { Table, TableHeader, TableBody, TableProps } from '@patternfly/react-table/deprecated';
 
@@ -22,7 +22,7 @@ export const LegacyTableSelectableRadio: React.FunctionComponent = () => {
 
   // In this example, selected rows are tracked by the repo names from each row. This could be any unique identifier.
   // This is to prevent state from being based on row order index in case we later add sorting.
-  const [selectedRepoName, setSelectedRepoName] = React.useState<string | null>(null);
+  const [selectedRepoName, setSelectedRepoName] = useState<string | null>(null);
 
   const columns: TableProps['cells'] = [
     { title: 'Repositories', cellTransforms: [headerCol('selectable-radio')] },

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { useState } from 'react';
 import { sortable, info, cellWidth, wrappable } from '@patternfly/react-table';
 import { Table, TableHeader, TableBody, TableProps } from '@patternfly/react-table/deprecated';
 
@@ -21,10 +21,10 @@ export const LegacyTableSortable: React.FunctionComponent = () => {
   // Index of the currently sorted column
   // Note: if you intend to make columns reorderable, you may instead want to use a non-numeric key
   // as the identifier of the sorted column. See the "Compound expandable" example.
-  const [activeSortIndex, setActiveSortIndex] = React.useState<number | null>(null);
+  const [activeSortIndex, setActiveSortIndex] = useState<number | null>(null);
 
   // Sort direction of the currently sorted column
-  const [activeSortDirection, setActiveSortDirection] = React.useState<'asc' | 'desc' | null>(null);
+  const [activeSortDirection, setActiveSortDirection] = useState<'asc' | 'desc' | null>(null);
 
   // Since OnSort specifies sorted columns by index, we need sortable values for our object by column index.
   // This example is trivial since our data objects just contain strings, but if the data was more complex

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { Fragment, useState } from 'react';
 import { sortable, info } from '@patternfly/react-table';
 import { Table, TableHeader, TableBody, TableProps } from '@patternfly/react-table/deprecated';
 import { Toolbar, ToolbarContent, ToolbarItem, MenuToggle, MenuToggleElement } from '@patternfly/react-core';
@@ -35,18 +35,18 @@ export const LegacyTableSortableCustom: React.FunctionComponent = () => {
     lastCommit: 'Last commit'
   };
 
-  const [isSortDropdownOpen, setIsSortDropdownOpen] = React.useState(false);
+  const [isSortDropdownOpen, setIsSortDropdownOpen] = useState(false);
 
   // Index of the currently sorted column
   // Note: if you intend to make columns reorderable, you may instead want to use a non-numeric key
   // as the identifier of the sorted column. See the "Compound expandable" example.
-  const [activeSortIndex, setActiveSortIndex] = React.useState<number | null>(null);
+  const [activeSortIndex, setActiveSortIndex] = useState<number | null>(null);
 
   // Sort direction of the currently sorted column
-  const [activeSortDirection, setActiveSortDirection] = React.useState<'asc' | 'desc' | null>(null);
+  const [activeSortDirection, setActiveSortDirection] = useState<'asc' | 'desc' | null>(null);
 
   // Sort dropdown expansion
-  // const [isSortDropdownOpen, setIsSortDropdownOpen] = React.useState(false);
+  // const [isSortDropdownOpen, setIsSortDropdownOpen] = useState(false);
 
   // Since OnSort specifies sorted columns by index, we need sortable values for our object by column index.
   // This example is trivial since our data objects just contain strings, but if the data was more complex
@@ -114,7 +114,7 @@ export const LegacyTableSortableCustom: React.FunctionComponent = () => {
   ]);
 
   return (
-    <React.Fragment>
+    <Fragment>
       <Toolbar id="toolbar">
         <ToolbarContent>
           <ToolbarItem>
@@ -180,6 +180,6 @@ export const LegacyTableSortableCustom: React.FunctionComponent = () => {
         <TableHeader />
         <TableBody />
       </Table>
-    </React.Fragment>
+    </Fragment>
   );
 };

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { Table, TableHeader, TableBody, TableProps } from '@patternfly/react-table/deprecated';
 interface Repository {
   name: string;

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { Table, TableHeader, TableBody, TableProps } from '@patternfly/react-table/deprecated';
 import { css } from '@patternfly/react-styles';
 
@@ -29,9 +28,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/deprecated/components/Table/examples/LegacyTableStripedExpandable.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import { Fragment, useState } from 'react';
 import { TableVariant, expandable, IRowCell } from '@patternfly/react-table';
 import { Table, TableHeader, TableBody, TableProps } from '@patternfly/react-table/deprecated';
 import { Checkbox } from '@patternfly/react-core';
@@ -78,7 +78,7 @@ export const LegacyTableStripedExpandable: React.FunctionComponent = () => {
   // This is to prevent state from being based on row order index in case we later add sorting.
   // Note that this behavior is very similar to selection state.
   const initialExpandedRepoNames = repositories.filter((repo) => !!repo.details).map((repo) => repo.name); // Default to all expanded
-  const [expandedRepoNames, setExpandedRepoNames] = React.useState<string[]>(initialExpandedRepoNames);
+  const [expandedRepoNames, setExpandedRepoNames] = useState<string[]>(initialExpandedRepoNames);
   const setRepoExpanded = (repo: Repository, isExpanding = true) =>
     setExpandedRepoNames((prevExpanded) => {
       const otherExpandedRepoNames = prevExpanded.filter((r) => r !== repo.name);
@@ -86,7 +86,7 @@ export const LegacyTableStripedExpandable: React.FunctionComponent = () => {
     });
   const isRepoExpanded = (repo: Repository) => expandedRepoNames.includes(repo.name);
 
-  const [isExampleCompact, setIsExampleCompact] = React.useState(true);
+  const [isExampleCompact, setIsExampleCompact] = useState(true);
 
   // We want to be able to reference the original data object based on row index. But because an expanded
   // row takes up two row indexes, repositories[rowIndex] will not be accurate like it would in a normal table.
@@ -145,7 +145,7 @@ export const LegacyTableStripedExpandable: React.FunctionComponent = () => {
   });
 
   return (
-    <React.Fragment>
+    <Fragment>
       <Checkbox
         label="Compact"
         isChecked={isExampleCompact}
@@ -170,6 +170,6 @@ export const LegacyTableStripedExpandable: React.FunctionComponent = () => {
         <TableHeader />
         <TableBody />
       </Table>
-    </React.Fragment>
+    </Fragment>
   );
 };

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

@@ -1,4 +1,3 @@
-import React from 'react';
 import { cellWidth, TableText } from '@patternfly/react-table';
 import { Table, TableHeader, TableBody, TableProps } from '@patternfly/react-table/deprecated';
 

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import { useState } from 'react';
 import { treeRow, IRow, OnTreeRowCollapse, OnCheckChange, OnToggleRowDetails } from '@patternfly/react-table';
 import { Table, TableHeader, TableBody } from '@patternfly/react-table/deprecated';
 import LeafIcon from '@patternfly/react-icons/dist/esm/icons/leaf-icon';
@@ -78,9 +78,9 @@ export const LegacyTableTree: React.FunctionComponent = () => {
     }
   ];
 
-  const [expandedNodeNames, setExpandedNodeNames] = React.useState<string[]>(['Repositories one']);
-  const [expandedDetailsNodeNames, setExpandedDetailsNodeNames] = React.useState<string[]>([]);
-  const [selectedNodeNames, setSelectedNodeNames] = React.useState<string[]>([]);
+  const [expandedNodeNames, setExpandedNodeNames] = useState<string[]>(['Repositories one']);
+  const [expandedDetailsNodeNames, setExpandedDetailsNodeNames] = useState<string[]>([]);
+  const [selectedNodeNames, setSelectedNodeNames] = useState<string[]>([]);
 
   const getDescendants = (node: RepositoriesTreeNode): RepositoriesTreeNode[] =>
     [node].concat(...(node.children ? node.children.map(getDescendants) : []));

package/src/deprecated/components/Table/examples/Table.md

@@ -13,6 +13,7 @@ Note: Table lives in its own package at [@patternfly/react-table](https://www.np
 
 This deprecated `Table` component is configuration-based and takes a less declarative and more implicit approach to laying out the table structure, such as the rows and cells within it.
 
+import { Fragment, isValidElement, useCallback, useEffect, useRef, useState } from 'react';
 import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon';
 import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon';
 import CodeIcon from '@patternfly/react-icons/dist/esm/icons/code-icon';
@@ -314,7 +315,6 @@ Example:
 ```
 
 ```js
-import React from 'react';
 import {
   Table,
   TableHeader,

package/src/test-helpers/data-sets.tsx

@@ -1,5 +1,4 @@
 /* eslint-disable no-console */
-import * as React from 'react';
 import { IRow, ICell, IActions, EditableTextCell } from '../components/Table';
 
 export const columns: (ICell | string)[] = [

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;