@patternfly/react-table 6.0.0-alpha.1 → 6.0.0-alpha.3

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

@@ -24,11 +24,7 @@ import {
   fitContent,
   ICell
 } from '../../../../components';
-import {
-  Table,
-  TableHeader,
-  TableBody
-} from '../index';
+import { Table, TableHeader, TableBody } from '../index';
 import { rows, columns, editableRows, editableColumns, actions } from '../../../../test-helpers/data-sets';
 import { ColumnsType } from '../../../../components/Table/base/types';
 
@@ -52,8 +48,7 @@ describe('Table', () => {
         </Table>
       );
       const table = screen.getByLabelText('Table with ouiaSafe');
-      expect(table.getAttribute('data-ouia-safe')).toEqual("false");
-
+      expect(table.getAttribute('data-ouia-safe')).toEqual('false');
     });
 
     test('header', () => {
@@ -116,7 +111,7 @@ describe('Table', () => {
   });
 
   describe('Table variants', () => {
-    Object.values(TableGridBreakpoint).forEach(oneBreakpoint => {
+    Object.values(TableGridBreakpoint).forEach((oneBreakpoint) => {
       test(`Breakpoint - ${oneBreakpoint}`, () => {
         const { asFragment } = render(
           <Table aria-label="Aria labeled" gridBreakPoint={oneBreakpoint} cells={columns} rows={rows}>
@@ -128,7 +123,7 @@ describe('Table', () => {
       });
     });
 
-    Object.values(TableVariant).forEach(onevariant => {
+    Object.values(TableVariant).forEach((onevariant) => {
       test(`Size - ${onevariant}`, () => {
         const { asFragment } = render(
           <Table aria-label="Aria labeled" variant={onevariant} cells={columns} rows={rows}>

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

@@ -5,6 +5,7 @@ import { compoundExpand } from '@patternfly/react-table';
 import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon';
 import CodeIcon from '@patternfly/react-icons/dist/esm/icons/code-icon';
 import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon';
+import spacing from '@patternfly/react-styles/css/utilities/Spacing/spacing';
 
 interface Repository {
   name: string;
@@ -117,7 +118,7 @@ export const LegacyTableCompoundExpandable: React.FunctionComponent = () => {
       cells: [
         {
           title: (
-            <div className="pf-v5-u-m-md" id={`compound-expansion-table-${repo.name}-1`}>
+            <div className={spacing.mMd} id={`compound-expansion-table-${repo.name}-1`}>
               Expanded content for {repo.name}: Branches goes here!
             </div>
           ),
@@ -132,7 +133,7 @@ export const LegacyTableCompoundExpandable: React.FunctionComponent = () => {
       cells: [
         {
           title: (
-            <div className="pf-v5-u-m-md" id={`compound-expansion-table-${repo.name}-2`}>
+            <div className={spacing.mMd} id={`compound-expansion-table-${repo.name}-2`}>
               Expanded content for {repo.name}: Pull requests goes here!
             </div>
           ),
@@ -147,7 +148,7 @@ export const LegacyTableCompoundExpandable: React.FunctionComponent = () => {
       cells: [
         {
           title: (
-            <div className="pf-v5-u-m-md" id={`compound-expansion-table-${repo.name}-3`}>
+            <div className={spacing.mMd} id={`compound-expansion-table-${repo.name}-3`}>
               Expanded content for {repo.name}: Workspaces goes here!
             </div>
           ),

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

@@ -1,6 +1,8 @@
 import React from 'react';
 import { Table, TableHeader, TableBody, TableProps } from '@patternfly/react-table/deprecated';
 import { css } from '@patternfly/react-styles';
+/* eslint-disable camelcase */
+import global_primary_color_100 from '@patternfly/react-tokens/dist/esm/global_primary_color_100';
 
 interface Repository {
   name: string;
@@ -27,14 +29,13 @@ export const LegacyTableMisc: React.FunctionComponent = () => {
     repo.lastCommit
   ]);
 
-  const customRowWrapper: TableProps['rowWrapper'] = ({ trRef, className, rowProps, row: _row, ...props }) => {
+  const customRowWrapper: TableProps['rowWrapper'] = ({ trRef, className, rowProps, row: _row }) => {
     const isOddRow = rowProps ? !!((rowProps.rowIndex + 1) % 2) : true;
     const customStyle = {
-      borderLeft: '3px solid var(--pf-v5-global--primary-color--100)'
+      borderLeft: `3px solid ${global_primary_color_100.var}`
     };
     return (
       <tr
-        {...props}
         ref={trRef as React.LegacyRef<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

@@ -2,6 +2,7 @@ import React from 'react';
 import { headerCol } from '@patternfly/react-table';
 import { Table, TableHeader, TableBody, TableProps } from '@patternfly/react-table/deprecated';
 import { Checkbox } from '@patternfly/react-core';
+import spacing from '@patternfly/react-styles/css/utilities/Spacing/spacing';
 
 interface Repository {
   name: string;
@@ -96,7 +97,7 @@ export const LegacyTableSelectable: React.FunctionComponent = () => {
     <div>
       <Checkbox
         label="Can select all"
-        className="pf-v5-u-mb-lg"
+        className={spacing.mbLg}
         isChecked={canSelectAll}
         onChange={(_event, checked) => setCanSelectAll(checked)}
         aria-label="toggle select all checkbox"

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

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

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

@@ -32,6 +32,8 @@ import {
 
 import { css } from '@patternfly/react-styles';
 import styles from '@patternfly/react-styles/css/components/Table/table';
+import spacing from '@patternfly/react-styles/css/utilities/Spacing/spacing';
+import global_primary_color_100 from '@patternfly/react-tokens/dist/esm/global_primary_color_100';
 
 ## Table Columns
 

package/src/index.ts

@@ -1 +1,2 @@
 export * from './components';
+export * from './demos';