@patternfly/react-table 6.6.1-prerelease.6 → 6.6.2

package/src/demos/examples/TableSortableResponsive.tsx

@@ -20,7 +20,6 @@ import {
   OverflowMenuDropdownItem,
   PaginationVariant,
   Label,
-  LabelStatus,
   Select,
   OverflowMenu,
   OverflowMenuContent,
@@ -30,9 +29,9 @@ import {
   PageSectionVariants
 } from '@patternfly/react-core';
 import { Table, Thead, Tr, Th, Tbody, Td } from '@patternfly/react-table';
-import RhUiCopyFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-copy-fill-icon';
+import CloneIcon from '@patternfly/react-icons/dist/esm/icons/clone-icon';
 import EditIcon from '@patternfly/react-icons/dist/esm/icons/edit-icon';
-import RhUiSyncIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-sync-icon';
+import SyncIcon from '@patternfly/react-icons/dist/esm/icons/sync-icon';
 import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon';
 import RhMicronsSortDownLargeToSmallIcon from '@patternfly/react-icons/dist/esm/icons/rh-microns-sort-down-large-to-small-icon';
 import RhUiBranchFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-branch-fill-icon';
@@ -121,13 +120,13 @@ export const TableSortableResponsive: React.FunctionComponent = () => {
   const renderLabel = (labelText: string) => {
     switch (labelText) {
       case 'Running':
-        return <Label status={LabelStatus.success}>{labelText}</Label>;
+        return <Label color="green">{labelText}</Label>;
       case 'Stopped':
-        return <Label status={LabelStatus.warning}>{labelText}</Label>;
-      case 'Needs maintenance':
-        return <Label status={LabelStatus.info}>{labelText}</Label>;
+        return <Label color="orange">{labelText}</Label>;
+      case 'Needs Maintenance':
+        return <Label color="blue">{labelText}</Label>;
       case 'Down':
-        return <Label status={LabelStatus.danger}>{labelText}</Label>;
+        return <Label color="red">{labelText}</Label>;
     }
   };
 
@@ -215,10 +214,10 @@ export const TableSortableResponsive: React.FunctionComponent = () => {
             <Button aria-label="Edit" variant="plain" icon={<EditIcon />} />
           </ToolbarItem>
           <ToolbarItem>
-            <Button aria-label="Clone" variant="plain" icon={<RhUiCopyFillIcon />} />
+            <Button aria-label="Clone" variant="plain" icon={<CloneIcon />} />
           </ToolbarItem>
           <ToolbarItem>
-            <Button aria-label="Sync" variant="plain" icon={<RhUiSyncIcon />} />
+            <Button aria-label="Sync" variant="plain" icon={<SyncIcon />} />
           </ToolbarItem>
         </ToolbarGroup>
         <ToolbarItem variant="pagination">{renderPagination('top', true)}</ToolbarItem>

package/src/demos/examples/TableStaticBottomPagination.tsx

@@ -10,13 +10,12 @@ import {
   MenuToggle,
   MenuToggleElement,
   Label,
-  LabelStatus,
   Select,
   SelectOption,
   PaginationVariant
 } from '@patternfly/react-core';
 import { Table, TableText, Thead, Tr, Th, Tbody, Td } from '@patternfly/react-table';
-import RhUiFilterFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-filter-fill-icon';
+import FilterIcon from '@patternfly/react-icons/dist/esm/icons/filter-icon';
 import { DashboardWrapper } from '@patternfly/react-table/dist/esm/demos/DashboardWrapper';
 import { rows, columns } from '@patternfly/react-table/dist/esm/demos/sampleData';
 
@@ -68,25 +67,25 @@ export const TableStaticBottomPagination: React.FunctionComponent = () => {
       case 'Running':
         return (
           <span>
-            <Label status={LabelStatus.success}>{labelText}</Label>
+            <Label color="green">{labelText}</Label>
           </span>
         );
       case 'Stopped':
         return (
           <span>
-            <Label status={LabelStatus.warning}>{labelText}</Label>
+            <Label color="orange">{labelText}</Label>
           </span>
         );
-      case 'Needs maintenance':
+      case 'Needs Maintenance':
         return (
           <span>
-            <Label status={LabelStatus.info}>{labelText}</Label>
+            <Label color="blue">{labelText}</Label>
           </span>
         );
       case 'Down':
         return (
           <span>
-            <Label status={LabelStatus.danger}>{labelText}</Label>
+            <Label color="red">{labelText}</Label>
           </span>
         );
     }
@@ -101,7 +100,7 @@ export const TableStaticBottomPagination: React.FunctionComponent = () => {
             aria-label="Select Input"
             toggle={(toggleRef: React.Ref<MenuToggleElement>) => (
               <MenuToggle
-                icon={<RhUiFilterFillIcon />}
+                icon={<FilterIcon />}
                 ref={toggleRef}
                 onClick={() => setIsSelectOpen(!isSelectOpen)}
                 isExpanded={isSelectOpen}

package/src/demos/examples/TableStickyHeader.tsx

@@ -1,4 +1,4 @@
-import { Label, LabelStatus, PageSection } from '@patternfly/react-core';
+import { Label, PageSection } from '@patternfly/react-core';
 import { Table, Thead, Tr, Th, Tbody, Td, TableText } from '@patternfly/react-table';
 import { DashboardWrapper } from '@patternfly/react-table/dist/esm/demos/DashboardWrapper';
 import { rows, columns } from '@patternfly/react-table/dist/esm/demos/sampleData';
@@ -7,13 +7,13 @@ export const TableStickyHeader: React.FunctionComponent = () => {
   const renderLabel = (labelText: string) => {
     switch (labelText) {
       case 'Running':
-        return <Label status={LabelStatus.success}>{labelText}</Label>;
+        return <Label color="green">{labelText}</Label>;
       case 'Stopped':
-        return <Label status={LabelStatus.warning}>{labelText}</Label>;
-      case 'Needs maintenance':
-        return <Label status={LabelStatus.info}>{labelText}</Label>;
+        return <Label color="orange">{labelText}</Label>;
+      case 'Needs Maintenance':
+        return <Label color="blue">{labelText}</Label>;
       case 'Down':
-        return <Label status={LabelStatus.danger}>{labelText}</Label>;
+        return <Label color="red">{labelText}</Label>;
     }
   };
 

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

@@ -253,7 +253,6 @@ class Table extends Component<TableProps, {}> {
       actionsToggle,
       onFavorite,
       canSortFavorites,
-      variant,
       // order of columns: Collapsible | Selectable | Favoritable
       firstUserColumnIndex: [onCollapse, onSelect, onFavorite].filter((callback) => callback).length
     });

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

@@ -279,25 +279,6 @@ describe('Table', () => {
     expect(asFragment()).toMatchSnapshot();
   });
 
-  test('Compact table with Radio select', () => {
-    const onSelect: OnSelect = () => undefined;
-    const { asFragment } = render(
-      <Table
-        aria-label="Compact table with radio"
-        variant={TableVariant.compact}
-        selectVariant={RowSelectVariant.radio}
-        onSelect={onSelect}
-        cells={columns}
-        rows={rows}
-      >
-        <TableHeader />
-        <TableBody />
-      </Table>
-    );
-
-    expect(asFragment()).toMatchSnapshot();
-  });
-
   test('Control text table', () => {
     const controlTextColumns: ICell[] = [
       { ...(columns[0] as object), transforms: [nowrap] },