From b0eb687ae968ccdb0560abfe5f1e55dd87a94b95 Mon Sep 17 00:00:00 2001 From: Rebecca Alpert Date: Tue, 16 Jun 2026 15:40:10 -0400 Subject: [PATCH] fix(CodeIcon): Replace CodeIcon with RhUiCodeIcon Co-authored-by: Cursor --- .../src/components/CodeEditor/CodeEditor.tsx | 18 ++++++++++++++---- .../react-core/src/demos/Compass/Compass.md | 2 +- .../demos/Compass/examples/CompassDockDemo.tsx | 4 ++-- .../demos/DataList/examples/DataListBasic.tsx | 10 +++++----- .../DataListStaticBottomPagination.tsx | 4 ++-- packages/react-core/src/demos/DataListDemo.md | 2 +- packages/react-core/src/demos/Nav.md | 2 +- packages/react-core/src/demos/Page.md | 1 - packages/react-core/src/demos/PrimaryDetail.md | 2 +- packages/react-core/src/demos/Tabs.md | 2 +- .../src/demos/examples/Nav/NavDockedNav.tsx | 4 ++-- .../PrimaryDetailContentPadding.tsx | 10 +++++----- .../PrimaryDetail/PrimaryDetailFullPage.tsx | 10 +++++----- .../PrimaryDetailInlineModifier.tsx | 10 +++++----- .../src/demos/examples/Tabs/TabsAndTable.tsx | 4 ++-- .../demos/TableDemo/TableComposableDemo.tsx | 4 ++-- .../TableDemo/TableCompoundExpandableDemo.tsx | 6 +++--- .../TableEditableCompoundExpandableDemo.tsx | 6 +++--- .../src/components/Table/examples/Table.md | 2 +- .../Table/examples/TableCompoundExpandable.tsx | 4 ++-- packages/react-table/src/demos/Table.md | 2 +- .../demos/examples/TableCompoundExpansion.tsx | 4 ++-- .../demos/examples/TableSortableResponsive.tsx | 4 ++-- .../examples/LegacyTableCompoundExpandable.tsx | 4 ++-- .../components/Table/examples/Table.md | 2 +- 25 files changed, 66 insertions(+), 57 deletions(-) diff --git a/packages/react-code-editor/src/components/CodeEditor/CodeEditor.tsx b/packages/react-code-editor/src/components/CodeEditor/CodeEditor.tsx index b104a215a68..7c6f9766a14 100644 --- a/packages/react-code-editor/src/components/CodeEditor/CodeEditor.tsx +++ b/packages/react-code-editor/src/components/CodeEditor/CodeEditor.tsx @@ -19,7 +19,7 @@ import type { editor } from 'monaco-editor'; import CopyIcon from '@patternfly/react-icons/dist/esm/icons/copy-icon'; import UploadIcon from '@patternfly/react-icons/dist/esm/icons/upload-icon'; import DownloadIcon from '@patternfly/react-icons/dist/esm/icons/download-icon'; -import CodeIcon from '@patternfly/react-icons/dist/esm/icons/code-icon'; +import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; import HelpIcon from '@patternfly/react-icons/dist/esm/icons/help-icon'; import Dropzone, { FileRejection } from 'react-dropzone'; import { CodeEditorContext } from './CodeEditorUtils'; @@ -480,7 +480,12 @@ export const CodeEditor = ({ const editorEmptyState = emptyState || (isUploadEnabled ? ( - + {emptyStateBody} {!isReadOnly && ( @@ -498,7 +503,12 @@ export const CodeEditor = ({ )} ) : ( - + {!isReadOnly && ( @@ -569,7 +579,7 @@ export const CodeEditor = ({ {isLanguageLabelVisible && (
- + {language.toUpperCase()}
diff --git a/packages/react-core/src/demos/Compass/Compass.md b/packages/react-core/src/demos/Compass/Compass.md index e6c1643453f..2cd6c93d248 100644 --- a/packages/react-core/src/demos/Compass/Compass.md +++ b/packages/react-core/src/demos/Compass/Compass.md @@ -12,7 +12,7 @@ import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import FolderIcon from '@patternfly/react-icons/dist/esm/icons/folder-icon'; import RhUiQuestionMarkCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-fill-icon'; import CloudIcon from '@patternfly/react-icons/dist/esm/icons/cloud-icon'; -import CodeIcon from '@patternfly/react-icons/dist/esm/icons/code-icon'; +import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; import imgAvatar from '../assets/avatarImg.svg'; import ThIcon from '@patternfly/react-icons/dist/esm/icons/th-icon'; diff --git a/packages/react-core/src/demos/Compass/examples/CompassDockDemo.tsx b/packages/react-core/src/demos/Compass/examples/CompassDockDemo.tsx index 5a5a83080e3..d36fee0c37f 100644 --- a/packages/react-core/src/demos/Compass/examples/CompassDockDemo.tsx +++ b/packages/react-core/src/demos/Compass/examples/CompassDockDemo.tsx @@ -32,7 +32,7 @@ import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import FolderIcon from '@patternfly/react-icons/dist/esm/icons/folder-icon'; import RhUiQuestionMarkCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-question-mark-circle-fill-icon'; import CloudIcon from '@patternfly/react-icons/dist/esm/icons/cloud-icon'; -import CodeIcon from '@patternfly/react-icons/dist/esm/icons/code-icon'; +import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; import pfLogo from '../../assets/PF-IconLogo-color.svg'; import ThIcon from '@patternfly/react-icons/dist/esm/icons/th-icon'; @@ -294,7 +294,7 @@ export const CompassDockDemo: React.FunctionComponent = () => { to="#nav-icon-link4" itemId={3} isActive={activeItem === 3} - icon={} + icon={} anchorRef={navItem4Ref} aria-label="Network services" > diff --git a/packages/react-core/src/demos/DataList/examples/DataListBasic.tsx b/packages/react-core/src/demos/DataList/examples/DataListBasic.tsx index 2e496e604cb..687887e0654 100644 --- a/packages/react-core/src/demos/DataList/examples/DataListBasic.tsx +++ b/packages/react-core/src/demos/DataList/examples/DataListBasic.tsx @@ -25,7 +25,7 @@ import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-ico import { DashboardWrapper } from '@patternfly/react-core/dist/js/demos/DashboardWrapper'; import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; -import CodeIcon from '@patternfly/react-icons/dist/esm/icons/code-icon'; +import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import RhUiWarningFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-warning-fill-icon'; import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon'; @@ -106,7 +106,7 @@ export const DataListBasic: React.FunctionComponent = () => { - + 4 Code blocks @@ -157,7 +157,7 @@ export const DataListBasic: React.FunctionComponent = () => { - + 9 Code blocks @@ -256,7 +256,7 @@ export const DataListBasic: React.FunctionComponent = () => { - + 4 Code blocks @@ -307,7 +307,7 @@ export const DataListBasic: React.FunctionComponent = () => { - + 9 Code blocks diff --git a/packages/react-core/src/demos/DataList/examples/DataListStaticBottomPagination.tsx b/packages/react-core/src/demos/DataList/examples/DataListStaticBottomPagination.tsx index 6a3adb69a5c..9d1c234f819 100644 --- a/packages/react-core/src/demos/DataList/examples/DataListStaticBottomPagination.tsx +++ b/packages/react-core/src/demos/DataList/examples/DataListStaticBottomPagination.tsx @@ -27,7 +27,7 @@ import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-ico import { DashboardWrapper } from '@patternfly/react-core/dist/js/demos/DashboardWrapper'; import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; -import CodeIcon from '@patternfly/react-icons/dist/esm/icons/code-icon'; +import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import { rows } from '@patternfly/react-core/dist/esm/demos/sampleData'; @@ -162,7 +162,7 @@ export const DataListStaticBottomPagination: React.FunctionComponent = () => { - + {' '} {applications} Code blocks diff --git a/packages/react-core/src/demos/DataListDemo.md b/packages/react-core/src/demos/DataListDemo.md index cdd25d980a8..26989d827f3 100644 --- a/packages/react-core/src/demos/DataListDemo.md +++ b/packages/react-core/src/demos/DataListDemo.md @@ -11,7 +11,7 @@ import RhMicronsCaretRightIcon from '@patternfly/react-icons/dist/esm/icons/rh-m import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; import { css } from '@patternfly/react-styles'; -import CodeIcon from '@patternfly/react-icons/dist/esm/icons/code-icon'; +import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import RhUiWarningFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-warning-fill-icon'; import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon'; diff --git a/packages/react-core/src/demos/Nav.md b/packages/react-core/src/demos/Nav.md index d3b5c8cf13c..8532fe36cbd 100644 --- a/packages/react-core/src/demos/Nav.md +++ b/packages/react-core/src/demos/Nav.md @@ -15,7 +15,7 @@ import pfLogo from '@patternfly/react-core/src/demos/assets/PF-HorizontalLogo-Co import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import FolderIcon from '@patternfly/react-icons/dist/esm/icons/folder-icon'; import CloudIcon from '@patternfly/react-icons/dist/esm/icons/cloud-icon'; -import CodeIcon from '@patternfly/react-icons/dist/esm/icons/code-icon'; +import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; import ThIcon from '@patternfly/react-icons/dist/esm/icons/th-icon'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; import pfIconLogo from '@patternfly/react-core/src/demos/assets/PF-IconLogo-color.svg'; diff --git a/packages/react-core/src/demos/Page.md b/packages/react-core/src/demos/Page.md index ff4e6bb9626..94ee04efe26 100644 --- a/packages/react-core/src/demos/Page.md +++ b/packages/react-core/src/demos/Page.md @@ -15,7 +15,6 @@ import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-ico import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import FolderIcon from '@patternfly/react-icons/dist/esm/icons/folder-icon'; import CloudIcon from '@patternfly/react-icons/dist/esm/icons/cloud-icon'; -import CodeIcon from '@patternfly/react-icons/dist/esm/icons/code-icon'; import pfLogo from '@patternfly/react-core/src/demos/assets/PF-HorizontalLogo-Color.svg'; import pfIconLogo from '@patternfly/react-core/src/demos/assets/PF-IconLogo-color.svg'; diff --git a/packages/react-core/src/demos/PrimaryDetail.md b/packages/react-core/src/demos/PrimaryDetail.md index 81353a623c0..5ea1f337325 100644 --- a/packages/react-core/src/demos/PrimaryDetail.md +++ b/packages/react-core/src/demos/PrimaryDetail.md @@ -6,7 +6,7 @@ section: patterns import { Fragment, useState } from 'react'; import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; import TrashIcon from '@patternfly/react-icons/dist/esm/icons/trash-icon'; -import CodeIcon from '@patternfly/react-icons/dist/esm/icons/code-icon'; +import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon'; import RhUiWarningFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-warning-fill-icon'; diff --git a/packages/react-core/src/demos/Tabs.md b/packages/react-core/src/demos/Tabs.md index 1f20fd3685b..2ca3deb77ba 100644 --- a/packages/react-core/src/demos/Tabs.md +++ b/packages/react-core/src/demos/Tabs.md @@ -6,7 +6,7 @@ section: components import { Fragment, useCallback, useRef, useState } from 'react'; import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon'; import RhUiInformationFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-information-fill-icon'; -import CodeIcon from '@patternfly/react-icons/dist/esm/icons/code-icon'; +import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import FilterIcon from '@patternfly/react-icons/dist/esm/icons/filter-icon'; diff --git a/packages/react-core/src/demos/examples/Nav/NavDockedNav.tsx b/packages/react-core/src/demos/examples/Nav/NavDockedNav.tsx index e8bec6fdbac..d8f54091b55 100644 --- a/packages/react-core/src/demos/examples/Nav/NavDockedNav.tsx +++ b/packages/react-core/src/demos/examples/Nav/NavDockedNav.tsx @@ -34,7 +34,7 @@ import RhUiQuestionMarkCircleFillIcon from '@patternfly/react-icons/dist/esm/ico import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import FolderIcon from '@patternfly/react-icons/dist/esm/icons/folder-icon'; import CloudIcon from '@patternfly/react-icons/dist/esm/icons/cloud-icon'; -import CodeIcon from '@patternfly/react-icons/dist/esm/icons/code-icon'; +import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; import ThIcon from '@patternfly/react-icons/dist/esm/icons/th-icon'; import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; import pfIconLogo from '@patternfly/react-core/src/demos/assets/PF-IconLogo-color.svg'; @@ -313,7 +313,7 @@ export const NavDockedNav: React.FunctionComponent = () => { to="#nav-link4" itemId={3} isActive={activeItem === 3} - icon={} + icon={} anchorRef={navItem4Ref} aria-label="Network services" > diff --git a/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailContentPadding.tsx b/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailContentPadding.tsx index cd5f84f2bae..3e7142f7f6e 100644 --- a/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailContentPadding.tsx +++ b/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailContentPadding.tsx @@ -40,7 +40,7 @@ import { } from '@patternfly/react-core'; import { DashboardWrapper } from '@patternfly/react-core/dist/js/demos/DashboardWrapper'; import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; -import CodeIcon from '@patternfly/react-icons/dist/esm/icons/code-icon'; +import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon'; import RhUiWarningFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-warning-fill-icon'; @@ -234,7 +234,7 @@ export const PrimaryDetailContentPadding: React.FunctionComponent = () => { 10 - 4 + 4 5 @@ -277,7 +277,7 @@ export const PrimaryDetailContentPadding: React.FunctionComponent = () => { 10 - 4 + 4 5 @@ -331,7 +331,7 @@ export const PrimaryDetailContentPadding: React.FunctionComponent = () => { 10 - 4 + 4 5 @@ -374,7 +374,7 @@ export const PrimaryDetailContentPadding: React.FunctionComponent = () => { 10 - 4 + 4 5 diff --git a/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailFullPage.tsx b/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailFullPage.tsx index 745c9671fb5..c94d189ba58 100644 --- a/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailFullPage.tsx +++ b/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailFullPage.tsx @@ -40,7 +40,7 @@ import { } from '@patternfly/react-core'; import { DashboardWrapper } from '@patternfly/react-core/dist/js/demos/DashboardWrapper'; import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; -import CodeIcon from '@patternfly/react-icons/dist/esm/icons/code-icon'; +import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon'; import RhUiWarningFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-warning-fill-icon'; @@ -234,7 +234,7 @@ export const PrimaryDetailFullPage: React.FunctionComponent = () => { 10 - 4 + 4 5 @@ -277,7 +277,7 @@ export const PrimaryDetailFullPage: React.FunctionComponent = () => { 10 - 4 + 4 5 @@ -331,7 +331,7 @@ export const PrimaryDetailFullPage: React.FunctionComponent = () => { 10 - 4 + 4 5 @@ -374,7 +374,7 @@ export const PrimaryDetailFullPage: React.FunctionComponent = () => { 10 - 4 + 4 5 diff --git a/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailInlineModifier.tsx b/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailInlineModifier.tsx index 58e15aa4892..ee59fae3be0 100644 --- a/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailInlineModifier.tsx +++ b/packages/react-core/src/demos/examples/PrimaryDetail/PrimaryDetailInlineModifier.tsx @@ -40,7 +40,7 @@ import { } from '@patternfly/react-core'; import { DashboardWrapper } from '@patternfly/react-core/dist/js/demos/DashboardWrapper'; import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; -import CodeIcon from '@patternfly/react-icons/dist/esm/icons/code-icon'; +import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon'; import RhUiWarningFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-warning-fill-icon'; @@ -234,7 +234,7 @@ export const PrimaryDetailInlineModifier: React.FunctionComponent = () => { 10 - 4 + 4 5 @@ -277,7 +277,7 @@ export const PrimaryDetailInlineModifier: React.FunctionComponent = () => { 10 - 4 + 4 5 @@ -331,7 +331,7 @@ export const PrimaryDetailInlineModifier: React.FunctionComponent = () => { 10 - 4 + 4 5 @@ -374,7 +374,7 @@ export const PrimaryDetailInlineModifier: React.FunctionComponent = () => { 10 - 4 + 4 5 diff --git a/packages/react-core/src/demos/examples/Tabs/TabsAndTable.tsx b/packages/react-core/src/demos/examples/Tabs/TabsAndTable.tsx index ff61ad82ead..39b8962b2d8 100644 --- a/packages/react-core/src/demos/examples/Tabs/TabsAndTable.tsx +++ b/packages/react-core/src/demos/examples/Tabs/TabsAndTable.tsx @@ -49,7 +49,7 @@ import { CustomActionsToggleProps } from '@patternfly/react-table'; import EllipsisVIcon from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon'; -import CodeIcon from '@patternfly/react-icons/dist/esm/icons/code-icon'; +import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import FilterIcon from '@patternfly/react-icons/dist/esm/icons/filter-icon'; @@ -265,7 +265,7 @@ export const TablesAndTabs = () => { {repo.prs} - + diff --git a/packages/react-integration/demo-app-ts/src/components/demos/TableDemo/TableComposableDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/TableDemo/TableComposableDemo.tsx index 581f05cf255..d71849d905b 100644 --- a/packages/react-integration/demo-app-ts/src/components/demos/TableDemo/TableComposableDemo.tsx +++ b/packages/react-integration/demo-app-ts/src/components/demos/TableDemo/TableComposableDemo.tsx @@ -27,7 +27,7 @@ import { Checkbox } from '@patternfly/react-core'; import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; -import CodeIcon from '@patternfly/react-icons/dist/esm/icons/code-icon'; +import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import t_global_color_brand_default from '@patternfly/react-tokens/dist/esm/t_global_color_brand_default'; @@ -807,7 +807,7 @@ export const TableComposableDemo = () => { } else if (index === 2) { return ( <> - {cell} + {cell} ); } else if (index === 3) { diff --git a/packages/react-integration/demo-app-ts/src/components/demos/TableDemo/TableCompoundExpandableDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/TableDemo/TableCompoundExpandableDemo.tsx index 71eba0f0959..96ac645c1f0 100644 --- a/packages/react-integration/demo-app-ts/src/components/demos/TableDemo/TableCompoundExpandableDemo.tsx +++ b/packages/react-integration/demo-app-ts/src/components/demos/TableDemo/TableCompoundExpandableDemo.tsx @@ -3,7 +3,7 @@ import { compoundExpand, IRow, ICell, IRowCell } from '@patternfly/react-table'; import { Table, TableHeader, TableBody, TableProps } from '@patternfly/react-table/deprecated'; import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; -import CodeIcon from '@patternfly/react-icons/dist/esm/icons/code-icon'; +import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import { DemoSortableTable } from './TableSortableForCompoundExpandableDemo'; @@ -51,7 +51,7 @@ export class TableCompoundExpandableDemo extends Component - 4 + 4 ), props: { isOpen: false, ariaControls: 'compoound-expansion-table-2' } @@ -128,7 +128,7 @@ export class TableCompoundExpandableDemo extends Component - 4 + 4 ), props: { isOpen: false, ariaControls: 'compoound-expansion-table-5' } diff --git a/packages/react-integration/demo-app-ts/src/components/demos/TableDemo/TableEditableCompoundExpandableDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/TableDemo/TableEditableCompoundExpandableDemo.tsx index 16d52aeeeec..a202b1db6f1 100644 --- a/packages/react-integration/demo-app-ts/src/components/demos/TableDemo/TableEditableCompoundExpandableDemo.tsx +++ b/packages/react-integration/demo-app-ts/src/components/demos/TableDemo/TableEditableCompoundExpandableDemo.tsx @@ -3,7 +3,7 @@ import { compoundExpand, IRow, ICell, IRowCell } from '@patternfly/react-table'; import { Table, TableHeader, TableBody, TableProps } from '@patternfly/react-table/deprecated'; import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; -import CodeIcon from '@patternfly/react-icons/dist/esm/icons/code-icon'; +import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import { DemoSortableTable } from './TableSortableForCompoundExpandableDemo'; @@ -51,7 +51,7 @@ export class TableEditableCompoundExpandableDemo extends Component - 4 + 4 ), props: { isOpen: false, ariaControls: 'compoound-expansion-table-2' } @@ -128,7 +128,7 @@ export class TableEditableCompoundExpandableDemo extends Component - 4 + 4 ), props: { isOpen: false, ariaControls: 'compoound-expansion-table-5' } diff --git a/packages/react-table/src/components/Table/examples/Table.md b/packages/react-table/src/components/Table/examples/Table.md index ffecbe6d1d4..c9edcbaa7c3 100644 --- a/packages/react-table/src/components/Table/examples/Table.md +++ b/packages/react-table/src/components/Table/examples/Table.md @@ -44,7 +44,7 @@ The documentation for the deprecated table implementation can be found under the import { Fragment, isValidElement, useCallback, useEffect, useRef, useState, useLayoutEffect } 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'; +import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import LeafIcon from '@patternfly/react-icons/dist/esm/icons/leaf-icon'; import FolderIcon from '@patternfly/react-icons/dist/esm/icons/folder-icon'; diff --git a/packages/react-table/src/components/Table/examples/TableCompoundExpandable.tsx b/packages/react-table/src/components/Table/examples/TableCompoundExpandable.tsx index 9ea8ef000a1..21d604c2156 100644 --- a/packages/react-table/src/components/Table/examples/TableCompoundExpandable.tsx +++ b/packages/react-table/src/components/Table/examples/TableCompoundExpandable.tsx @@ -2,7 +2,7 @@ import { useState } from 'react'; import { Table, Thead, Tr, Th, Tbody, Td, TdProps, ExpandableRowContent } 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 RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; interface Repository { @@ -90,7 +90,7 @@ export const TableCompoundExpandable: React.FunctionComponent = () => { dataLabel={columnNames.prs} compoundExpand={compoundExpandParams(repo, 'prs', rowIndex, 2)} > - {repo.prs} + {repo.prs} { - + {repo.prs} {' '} diff --git a/packages/react-table/src/demos/examples/TableSortableResponsive.tsx b/packages/react-table/src/demos/examples/TableSortableResponsive.tsx index 58cda4339ce..4ba4ce4d102 100644 --- a/packages/react-table/src/demos/examples/TableSortableResponsive.tsx +++ b/packages/react-table/src/demos/examples/TableSortableResponsive.tsx @@ -32,7 +32,7 @@ import { Table, Thead, Tr, Th, Tbody, Td } from '@patternfly/react-table'; import CloneIcon from '@patternfly/react-icons/dist/esm/icons/clone-icon'; import EditIcon from '@patternfly/react-icons/dist/esm/icons/edit-icon'; import SyncIcon from '@patternfly/react-icons/dist/esm/icons/sync-icon'; -import CodeIcon from '@patternfly/react-icons/dist/esm/icons/code-icon'; +import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; import CodeBranchIcon from '@patternfly/react-icons/dist/esm/icons/code-branch-icon'; import SortAmountDownIcon from '@patternfly/react-icons/dist/esm/icons/sort-amount-down-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; @@ -285,7 +285,7 @@ export const TableSortableResponsive: React.FunctionComponent = () => { - + {row.applications} diff --git a/packages/react-table/src/deprecated/components/Table/examples/LegacyTableCompoundExpandable.tsx b/packages/react-table/src/deprecated/components/Table/examples/LegacyTableCompoundExpandable.tsx index 5bebe8d6d3e..f4961f303b1 100644 --- a/packages/react-table/src/deprecated/components/Table/examples/LegacyTableCompoundExpandable.tsx +++ b/packages/react-table/src/deprecated/components/Table/examples/LegacyTableCompoundExpandable.tsx @@ -3,7 +3,7 @@ import { Table, TableHeader, TableBody, TableProps } from '@patternfly/react-tab 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 RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import spacing from '@patternfly/react-styles/css/utilities/Spacing/spacing'; @@ -87,7 +87,7 @@ export const LegacyTableCompoundExpandable: React.FunctionComponent = () => { { title: ( - {repo.prs} + {repo.prs} ), props: { diff --git a/packages/react-table/src/deprecated/components/Table/examples/Table.md b/packages/react-table/src/deprecated/components/Table/examples/Table.md index fbcf34a51b4..2ef9636d497 100644 --- a/packages/react-table/src/deprecated/components/Table/examples/Table.md +++ b/packages/react-table/src/deprecated/components/Table/examples/Table.md @@ -16,7 +16,7 @@ This deprecated `Table` component is configuration-based and takes a less declar 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'; +import RhUiCodeIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-code-icon'; import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon'; import LeafIcon from '@patternfly/react-icons/dist/esm/icons/leaf-icon'; import FolderIcon from '@patternfly/react-icons/dist/esm/icons/folder-icon';