@patternfly/react-table 5.1.0 → 5.1.1-prerelease.1

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

@@ -82,7 +82,7 @@ export const LegacyTableSortable: React.FunctionComponent = () => {
       ]
     }
   ];
-  const rows: TableProps['rows'] = sortedRepositories.map(repo => [
+  const rows: TableProps['rows'] = sortedRepositories.map((repo) => [
     repo.name,
     repo.branches,
     repo.prs,

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

@@ -35,7 +35,7 @@ export const LegacyTableStriped: React.FunctionComponent = () => {
   ];
 
   const columns: TableProps['cells'] = ['Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last commit'];
-  const rows: TableProps['rows'] = repositories.map(repo => [
+  const rows: TableProps['rows'] = repositories.map((repo) => [
     repo.name,
     repo.branches,
     repo.prs,

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

@@ -19,7 +19,7 @@ export const LegacyTableStripedCustomTr: React.FunctionComponent = () => {
   ];
 
   const columns: TableProps['cells'] = ['Repositories', 'Branches', 'Pull requests', 'Workspaces', 'Last commit'];
-  const rows: TableProps['rows'] = repositories.map(repo => [
+  const rows: TableProps['rows'] = repositories.map((repo) => [
     repo.name,
     repo.branches || '',
     repo.prs || '',

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

@@ -77,11 +77,11 @@ export const LegacyTableStripedExpandable: React.FunctionComponent = () => {
   // In this example, expanded 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.
   // 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 initialExpandedRepoNames = repositories.filter((repo) => !!repo.details).map((repo) => repo.name); // Default to all expanded
   const [expandedRepoNames, setExpandedRepoNames] = React.useState<string[]>(initialExpandedRepoNames);
   const setRepoExpanded = (repo: Repository, isExpanding = true) =>
-    setExpandedRepoNames(prevExpanded => {
-      const otherExpandedRepoNames = prevExpanded.filter(r => r !== repo.name);
+    setExpandedRepoNames((prevExpanded) => {
+      const otherExpandedRepoNames = prevExpanded.filter((r) => r !== repo.name);
       return isExpanding ? [...otherExpandedRepoNames, repo.name] : otherExpandedRepoNames;
     });
   const isRepoExpanded = (repo: Repository) => expandedRepoNames.includes(repo.name);
@@ -103,7 +103,7 @@ export const LegacyTableStripedExpandable: React.FunctionComponent = () => {
     { title: '' /* deliberately empty */, dataLabel: 'Label for mobile view' }
   ];
   const rows: TableProps['rows'] = [];
-  repositories.forEach(repo => {
+  repositories.forEach((repo) => {
     rows.push({
       ...(repo.details ? { isOpen: isRepoExpanded(repo) } : {}),
       cells: [repo.name, repo.branches, repo.prs, repo.workspaces]

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

@@ -85,9 +85,9 @@ export const LegacyTableTree: React.FunctionComponent = () => {
   const getDescendants = (node: RepositoriesTreeNode): RepositoriesTreeNode[] =>
     [node].concat(...(node.children ? node.children.map(getDescendants) : []));
   const areAllDescendantsSelected = (node: RepositoriesTreeNode) =>
-    getDescendants(node).every(n => selectedNodeNames.includes(n.name));
+    getDescendants(node).every((n) => selectedNodeNames.includes(n.name));
   const areSomeDescendantsSelected = (node: RepositoriesTreeNode) =>
-    getDescendants(node).some(n => selectedNodeNames.includes(n.name));
+    getDescendants(node).some((n) => selectedNodeNames.includes(n.name));
 
   const isNodeChecked = (node: RepositoriesTreeNode) => {
     if (areAllDescendantsSelected(node)) {
@@ -157,17 +157,17 @@ export const LegacyTableTree: React.FunctionComponent = () => {
   const onCollapse: OnTreeRowCollapse = (_event, rowIndex) => {
     const node = flattenedNodes[rowIndex];
     const isExpanded = expandedNodeNames.includes(node.name);
-    setExpandedNodeNames(prevExpanded => {
-      const otherExpandedNodeNames = prevExpanded.filter(name => name !== node.name);
+    setExpandedNodeNames((prevExpanded) => {
+      const otherExpandedNodeNames = prevExpanded.filter((name) => name !== node.name);
       return isExpanded ? otherExpandedNodeNames : [...otherExpandedNodeNames, node.name];
     });
   };
 
   const onCheck: OnCheckChange = (_event, isChecking, rowIndex) => {
     const node = flattenedNodes[rowIndex];
-    const nodeNamesToCheck = getDescendants(node).map(n => n.name);
-    setSelectedNodeNames(prevSelected => {
-      const otherSelectedNodeNames = prevSelected.filter(name => !nodeNamesToCheck.includes(name));
+    const nodeNamesToCheck = getDescendants(node).map((n) => n.name);
+    setSelectedNodeNames((prevSelected) => {
+      const otherSelectedNodeNames = prevSelected.filter((name) => !nodeNamesToCheck.includes(name));
       return !isChecking ? otherSelectedNodeNames : [...otherSelectedNodeNames, ...nodeNamesToCheck];
     });
   };
@@ -175,8 +175,8 @@ export const LegacyTableTree: React.FunctionComponent = () => {
   const onToggleRowDetails: OnToggleRowDetails = (_event, rowIndex) => {
     const node = flattenedNodes[rowIndex];
     const isDetailsExpanded = expandedDetailsNodeNames.includes(node.name);
-    setExpandedDetailsNodeNames(prevDetailsExpanded => {
-      const otherDetailsExpandedNodeNames = prevDetailsExpanded.filter(name => name !== node.name);
+    setExpandedDetailsNodeNames((prevDetailsExpanded) => {
+      const otherDetailsExpandedNodeNames = prevDetailsExpanded.filter((name) => name !== node.name);
       return isDetailsExpanded ? otherDetailsExpandedNodeNames : [...otherDetailsExpandedNodeNames, node.name];
     });
   };

package/src/docs/demos/Table.md

@@ -41,8 +41,8 @@ import CogIcon from '@patternfly/react-icons/dist/esm/icons/cog-icon';
 import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon';
 import QuestionCircleIcon from '@patternfly/react-icons/dist/esm/icons/question-circle-icon';
 import globalDangerColor200 from '@patternfly/react-tokens/dist/esm/global_danger_color_200';
-import imgBrand from '@patternfly/react-core/src/components/Brand/examples/pfLogo.svg';
-import imgAvatar from '@patternfly/react-core/src/components/Avatar/examples/avatarImg.svg';
+import imgBrand from '@patternfly/react-core/src/components/assets/pfLogo.svg';
+import imgAvatar from '@patternfly/react-core/src/components/assets/avatarImg.svg';
 import AngleDownIcon from '@patternfly/react-icons/dist/esm/icons/angle-down-icon';
 import AngleRightIcon from '@patternfly/react-icons/dist/esm/icons/angle-right-icon';
 import BarsIcon from '@patternfly/react-icons/dist/esm/icons/bars-icon';

package/src/test-helpers/MockedTableChanges.js

@@ -3,27 +3,29 @@ 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;
-    }
+export const withContext =
+  ({ context = {}, contextType = {} }) =>
+  (WrappedComponent) => {
+    class WithContext extends Component {
+      getChildContext() {
+        return context;
+      }
 
-    render() {
-      return <WrappedComponent>{this.props.children}</WrappedComponent>;
+      render() {
+        return <WrappedComponent>{this.props.children}</WrappedComponent>;
+      }
     }
-  }
-  WithContext.propTypes = {
-    children: PropTypes.node
+    WithContext.propTypes = {
+      children: PropTypes.node
+    };
+    WithContext.defaultProps = {
+      children: null
+    };
+    WithContext.WrappedComponent = WrappedComponent;
+    WithContext.childContextTypes = contextType;
+
+    return WithContext;
   };
-  WithContext.defaultProps = {
-    children: null
-  };
-  WithContext.WrappedComponent = WrappedComponent;
-  WithContext.childContextTypes = contextType;
-
-  return WithContext;
-};
 
 export const TableProvider = withContext({
   context: {