-
Epic
-
Resolution: Unresolved
-
Undefined
-
None
-
None
-
None
-
[PF6] Move PatternFly deprecated components to newer ones
-
False
-
-
False
-
3% To Do, 10% In Progress, 87% Done
Following the PF5 MR, several deprecated components are still; in use.
We have several react-table and react-core deprecated imports, they need to be converted into newer ones
In VSCode, regexp search:
import \{([^}]|\n\s)*?\} from '@patternfly\/[^']*\/deprecated';
55 results - 54 files src/components/clusters/ArchivedClusterList/components/ArchiveClusterListTable/ArchivedClusterListTable.jsx: 16 } from '@patternfly/react-table'; 17: import { 18: Table as TableDeprecated, 19: TableHeader as TableHeaderDeprecated, 20: TableBody as TableBodyDeprecated, 21: } from '@patternfly/react-table/deprecated'; 22 import SearchIcon from '@patternfly/react-icons/dist/esm/icons/search-icon'; src/components/clusters/ClusterDetails/components/AccessControl/IDPSection/IDPSection.jsx: 15 } from '@patternfly/react-core'; 16: import { 17: Dropdown as DropdownDeprecated, 18: DropdownItem as DropdownItemDeprecated, 19: DropdownToggle as DropdownToggleDeprecated, 20: } from '@patternfly/react-core/deprecated'; 21 import { TableVariant, cellWidth } from '@patternfly/react-table'; 22: import { 23: Table as TableDeprecated, 24: TableHeader as TableHeaderDeprecated, 25: TableBody as TableBodyDeprecated, 26: } from '@patternfly/react-table/deprecated'; 27 import Skeleton from '@redhat-cloud-services/frontend-components/Skeleton'; src/components/clusters/ClusterDetails/components/AccessControl/NetworkSelfServiceSection/NetworkSelfServiceSection.jsx: 15 import { TableVariant } from '@patternfly/react-table'; 16: import { 17: Table as TableDeprecated, 18: TableHeader as TableHeaderDeprecated, 19: TableBody as TableBodyDeprecated, 20: } from '@patternfly/react-table/deprecated'; 21 src/components/clusters/ClusterDetails/components/AccessControl/OCMRolesSection/OCMRolesDialog.tsx: 10 } from '@patternfly/react-core'; 11: import { 12: Select as SelectDeprecated, 13: SelectOption as SelectOptionDeprecated, 14: } from '@patternfly/react-core/deprecated'; 15 src/components/clusters/ClusterDetails/components/AccessControl/OCMRolesSection/OCMRolesSection.tsx: 17 import { IRowData, TableVariant } from '@patternfly/react-table'; 18: import { 19: Table as TableDeprecated, 20: TableHeader as TableHeaderDeprecated, 21: TableBody as TableBodyDeprecated, 22: } from '@patternfly/react-table/deprecated'; 23 src/components/clusters/ClusterDetails/components/AccessControl/UsersSection/UsersSection.jsx: 17 import { TableVariant } from '@patternfly/react-table'; 18: import { 19: Table as TableDeprecated, 20: TableHeader as TableHeaderDeprecated, 21: TableBody as TableBodyDeprecated, 22: } from '@patternfly/react-table/deprecated'; 23 src/components/clusters/ClusterDetails/components/AddOns/AddOnsDrawer/AddOnsSubscriptionCard.tsx: 2 import { Card, CardBody, CardFooter, CardTitle } from '@patternfly/react-core'; 3: import { 4: Select as SelectDeprecated, 5: SelectOption as SelectOptionDeprecated, 6: } from '@patternfly/react-core/deprecated'; 7 import { BillingQuotaCloudAccounts } from '~/components/clusters/common/quotaModel'; src/components/clusters/ClusterDetails/components/ClusterLogs/toolbar/ClusterLogsDatePicker.jsx: 3 import { DatePicker, ToolbarItem, isValidDate } from '@patternfly/react-core'; 4: import { 5: Select as SelectDeprecated, 6: SelectOption as SelectOptionDeprecated, 7: } from '@patternfly/react-core/deprecated'; 8 src/components/clusters/ClusterDetails/components/MachinePools/MachinePools.jsx: 21 import { cellWidth, expandable } from '@patternfly/react-table'; 22: import { 23: Table as TableDeprecated, 24: TableHeader as TableHeaderDeprecated, 25: TableBody as TableBodyDeprecated, 26: } from '@patternfly/react-table/deprecated'; 27 import Skeleton from '@redhat-cloud-services/frontend-components/Skeleton'; src/components/clusters/ClusterDetails/components/MachinePools/components/EditMachinePoolModal/fields/NodeCountField.tsx: 1 import { FormGroup, Tooltip } from '@patternfly/react-core'; 2: import { SelectOption as SelectOptionDeprecated } from '@patternfly/react-core/deprecated'; 3 import { useField } from 'formik'; src/components/clusters/ClusterDetails/components/MachinePools/components/EditMachinePoolModal/fields/SelectField.tsx: 1: import { 2: Select as SelectDeprecated, 3: SelectProps as SelectPropsDeprecated, 4: } from '@patternfly/react-core/deprecated'; 5 import * as React from 'react'; src/components/clusters/ClusterDetails/components/MachinePools/components/EditMachinePoolModal/fields/TaintEffectField.tsx: 1: import { SelectOption as SelectOptionDeprecated } from '@patternfly/react-core/deprecated'; 2 import { useField } from 'formik'; src/components/clusters/ClusterDetails/components/MachinePools/components/EditMachinePoolModal/sections/EditDetailsSection.tsx: 2 import { FormGroup } from '@patternfly/react-core'; 3: import { SelectOption as SelectOptionDeprecated } from '@patternfly/react-core/deprecated'; 4 src/components/clusters/ClusterDetails/components/Monitoring/components/AlertsTable.jsx: 3 import { TableVariant } from '@patternfly/react-table'; 4: import { 5: Table as TableDeprecated, 6: TableHeader as TableHeaderDeprecated, 7: TableBody as TableBodyDeprecated, 8: } from '@patternfly/react-table/deprecated'; 9 import { EmptyState, EmptyStateIcon, EmptyStateHeader } from '@patternfly/react-core'; src/components/clusters/ClusterDetails/components/Monitoring/components/ClusterOperators.jsx: 3 import { TableVariant } from '@patternfly/react-table'; 4: import { 5: Table as TableDeprecated, 6: TableHeader as TableHeaderDeprecated, 7: TableBody as TableBodyDeprecated, 8: } from '@patternfly/react-table/deprecated'; 9 src/components/clusters/ClusterDetails/components/Monitoring/components/NodesTable.jsx: 3 import { TableVariant } from '@patternfly/react-table'; 4: import { 5: Table as TableDeprecated, 6: TableHeader as TableHeaderDeprecated, 7: TableBody as TableBodyDeprecated, 8: } from '@patternfly/react-table/deprecated'; 9 src/components/clusters/ClusterDetails/components/SecurityGroups/EditSecurityGroups.tsx: 2 import { FormGroup, GridItem } from '@patternfly/react-core'; 3: import { 4: Select as SelectDeprecated, 5: SelectOption as SelectOptionDeprecated, 6: SelectOptionObject as SelectOptionObjectDeprecated, 7: } from '@patternfly/react-core/deprecated'; 8 src/components/clusters/ClusterDetails/components/Support/components/NotificationContactsSection/NotificationContactsCard.jsx: 3 import { TableVariant } from '@patternfly/react-table'; 4: import { 5: Table as TableDeprecated, 6: TableHeader as TableHeaderDeprecated, 7: TableBody as TableBodyDeprecated, 8: } from '@patternfly/react-table/deprecated'; 9 import { EmptyState } from '@patternfly/react-core'; src/components/clusters/ClusterDetails/components/Support/components/SupportCasesSection/SupportCasesCard.jsx: 6 import { TableVariant } from '@patternfly/react-table'; 7: import { 8: Table as TableDeprecated, 9: TableHeader as TableHeaderDeprecated, 10: TableBody as TableBodyDeprecated, 11: } from '@patternfly/react-table/deprecated'; 12 import { normalizedProducts } from '../../../../../../../common/subscriptionTypes'; src/components/clusters/ClusterList/ClusterList.jsx: 24 import { Card, PageSection, Toolbar, ToolbarItem, ToolbarContent } from '@patternfly/react-core'; 25: import { PageHeaderTools as PageHeaderToolsDeprecated } from '@patternfly/react-core/deprecated'; 26 import { AppPage } from '~/components/App/AppPage'; src/components/clusters/ClusterList/components/ClusterListTable.jsx: 20 } from '@patternfly/react-table'; 21: import { 22: Table as TableDeprecated, 23: TableHeader as TableHeaderDeprecated, 24: TableBody as TableBodyDeprecated, 25: } from '@patternfly/react-table/deprecated'; 26 import ExclamationTriangleIcon from '@patternfly/react-icons/dist/esm/icons/exclamation-triangle-icon'; src/components/clusters/ClusterList/components/ClusterListActions/ClusterListActions.jsx: 18 import { Button, ToolbarItem, Split, SplitItem } from '@patternfly/react-core'; 19: import { 20: Dropdown as DropdownDeprecated, 21: DropdownItem as DropdownItemDeprecated, 22: DropdownPosition as DropdownPositionDeprecated, 23: KebabToggle as KebabToggleDeprecated, 24: } from '@patternfly/react-core/deprecated'; 25 import { Link } from 'react-router-dom'; src/components/clusters/ClusterList/components/ClusterListFilterDropdown/ClusterListFilterDropdown.jsx: 4 import { Checkbox } from '@patternfly/react-core'; 5: import { 6: Dropdown as DropdownDeprecated, 7: DropdownToggle as DropdownToggleDeprecated, 8: DropdownGroup as DropdownGroupDeprecated, 9: DropdownItem as DropdownItemDeprecated, 10: } from '@patternfly/react-core/deprecated'; 11 import { FilterIcon } from '@patternfly/react-icons/dist/esm/icons/filter-icon'; src/components/clusters/common/MissingPrereqErrorModal.tsx: 4 import { Button, Icon, Title } from '@patternfly/react-core'; 5: import { WizardContext as WizardContextDeprecated } from '@patternfly/react-core/deprecated'; 6 src/components/clusters/common/ClusterActionsDropdown/ClusterActionsDropdown.jsx: 3 import { Tooltip } from '@patternfly/react-core'; 4: import { 5: Dropdown as DropdownDeprecated, 6: DropdownToggle as DropdownToggleDeprecated, 7: KebabToggle as KebabToggleDeprecated, 8: DropdownPosition as DropdownPositionDeprecated, 9: } from '@patternfly/react-core/deprecated'; 10 import { dropDownItems } from './ClusterActionsDropdownItems'; src/components/clusters/common/ClusterActionsDropdown/ClusterActionsDropdownItems.jsx: 2 import React from 'react'; 3: import { DropdownItem as DropdownItemDeprecated } from '@patternfly/react-core/deprecated'; 4 import clusterStates, { isHibernating, isHypershiftCluster } from '../clusterStates'; src/components/clusters/common/Upgrades/PodDistruptionBudgetGraceSelect.jsx: 3 import { FormGroup } from '@patternfly/react-core'; 4: import { 5: Select as SelectDeprecated, 6: SelectOption as SelectOptionDeprecated, 7: } from '@patternfly/react-core/deprecated'; 8 src/components/clusters/common/Upgrades/UpgradeScheduleSelection.jsx: 3 import { FormGroup, Grid, GridItem, Button, Alert } from '@patternfly/react-core'; 4: import { 5: Select as SelectDeprecated, 6: SelectOption as SelectOptionDeprecated, 7: } from '@patternfly/react-core/deprecated'; 8 import parseUpdateSchedule from './parseUpdateSchedule'; src/components/clusters/common/Upgrades/UpgradeWizard/UpgradeTimeSelection.jsx: 3 import { Radio, Title, FormGroup, Form, TextInput } from '@patternfly/react-core'; 4: import { 5: Select as SelectDeprecated, 6: SelectOption as SelectOptionDeprecated, 7: } from '@patternfly/react-core/deprecated'; 8 import { DateFormat } from '@redhat-cloud-services/frontend-components/DateFormat'; src/components/clusters/common/Upgrades/UpgradeWizard/UpgradeWizard.jsx: 3 import { Title } from '@patternfly/react-core'; 4: import { Wizard as WizardDeprecated } from '@patternfly/react-core/deprecated'; 5 import { Spinner } from '@redhat-cloud-services/frontend-components/Spinner'; src/components/clusters/CreateClusterPage/CloudTab.jsx: 11 import { expandable, cellWidth } from '@patternfly/react-table'; 12: import { 13: Table as TableDeprecated, 14: TableHeader as TableHeaderDeprecated, 15: TableBody as TableBodyDeprecated, 16: } from '@patternfly/react-table/deprecated'; 17 import { Link } from 'react-router-dom'; src/components/clusters/CreateClusterPage/CreateClusterDropDown.tsx: 2 import { Button, ButtonVariant, HelperText, HelperTextItem } from '@patternfly/react-core'; 3: import { 4: Dropdown as DropdownDeprecated, 5: DropdownPosition as DropdownPositionDeprecated, 6: DropdownToggle as DropdownToggleDeprecated, 7: DropdownItem as DropdownItemDeprecated, 8: } from '@patternfly/react-core/deprecated'; 9 import { Link } from 'react-router-dom'; src/components/clusters/CreateClusterPage/DatacenterTab.jsx: 12 } from '@patternfly/react-core'; 13: import { 14: Table as TableDeprecated, 15: TableHeader as TableHeaderDeprecated, 16: TableBody as TableBodyDeprecated, 17: } from '@patternfly/react-table/deprecated'; 18 import { Link } from 'react-router-dom'; src/components/clusters/CreateOSDPage/CreateOSDForm/FormSections/BasicFieldsSection/VersionSelection/VersionSelection.jsx: 19 } from '@patternfly/react-core'; 20: import { 21: Select as SelectDeprecated, 22: SelectOption as SelectOptionDeprecated, 23: SelectGroup as SelectGroupDeprecated, 24: } from '@patternfly/react-core/deprecated'; 25 import { Spinner } from '@redhat-cloud-services/frontend-components/Spinner'; src/components/clusters/CreateOSDPage/CreateOSDForm/FormSections/NetworkingSection/AvailabilityZoneSelection.jsx: 5 import { FormGroup } from '@patternfly/react-core'; 6: import { 7: Select as SelectDeprecated, 8: SelectOption as SelectOptionDeprecated, 9: } from '@patternfly/react-core/deprecated'; 10 import { FormGroupHelperText } from '~/components/common/FormGroupHelperText'; src/components/clusters/CreateOSDPage/CreateOSDForm/FormSections/NetworkingSection/SharedVPCDomainSelect.tsx: 2 import { Button, FormGroup, Spinner, Flex, FlexItem, Tooltip } from '@patternfly/react-core'; 3: import { 4: Select as SelectDeprecated, 5: SelectOption as SelectOptionDeprecated, 6: SelectOptionObject as SelectOptionObjectDeprecated, 7: } from '@patternfly/react-core/deprecated'; 8 import { CopyIcon } from '@patternfly/react-icons/dist/esm/icons/copy-icon'; src/components/clusters/CreateOSDPage/CreateOSDForm/FormSections/ScaleSection/MachineTypeSelection/MachineTypeSelection.jsx: 8 import { Alert, AlertVariant, FormGroup, Spinner } from '@patternfly/react-core'; 9: import { 10: Select as SelectDeprecated, 11: SelectGroup as SelectGroupDeprecated, 12: SelectOption as SelectOptionDeprecated, 13: } from '@patternfly/react-core/deprecated'; 14 src/components/clusters/CreateOSDPage/CreateOSDWizard/CreateOSDWizard.jsx: 5 import { Banner, Grid, PageSection, Button } from '@patternfly/react-core'; 6: import { 7: Wizard as WizardDeprecated, 8: WizardFooter as WizardFooterDeprecated, 9: WizardContext as WizardContextDeprecated, 10: } from '@patternfly/react-core/deprecated'; 11 src/components/clusters/CreateOSDPage/CreateOSDWizard/ClusterProxyScreen/ClusterProxyScreen.jsx: 4 import { Form, Grid, GridItem, Title, Text, Alert, AlertActionLink } from '@patternfly/react-core'; 5: import { WizardContext as WizardContextDeprecated } from '@patternfly/react-core/deprecated'; 6 src/components/clusters/CreateOSDPage/CreateOSDWizard/MachinePoolScreen/VPCDropdown.tsx: 3 import { Button, Flex, FlexItem, FormGroup, Tooltip } from '@patternfly/react-core'; 4: import { SelectOptionObject as SelectOptionObjectDeprecated } from '@patternfly/react-core/deprecated'; 5 import ErrorBox from '~/components/common/ErrorBox'; src/components/clusters/CreateOSDPage/CreateOSDWizard/NetworkScreen/SubnetSelectField.tsx: 2 import { Flex, FlexItem, FormGroup } from '@patternfly/react-core'; 3: import { SelectOptionObject as SelectOptionObjectDeprecated } from '@patternfly/react-core/deprecated'; 4 import { WrappedFieldInputProps, WrappedFieldMetaProps } from 'redux-form'; src/components/clusters/CreateROSAPage/CreateROSAWizard/CreateROSAWizard.jsx: 6 import { Banner, Bullseye, PageSection, Stack, StackItem } from '@patternfly/react-core'; 7: import { 8: Wizard as WizardDeprecated, 9: WizardContext as WizardContextDeprecated, 10: } from '@patternfly/react-core/deprecated'; 11 src/components/clusters/CreateROSAPage/CreateROSAWizard/CreateRosaWizardFooter.jsx: 6 import { Button } from '@patternfly/react-core'; 7: import { 8: WizardFooter as WizardFooterDeprecated, 9: WizardContext as WizardContextDeprecated, 10: } from '@patternfly/react-core/deprecated'; 11 src/components/clusters/CreateROSAPage/CreateROSAWizard/common/BackToAssociateAwsAccountLink.jsx: 2 import { Button } from '@patternfly/react-core'; 3: import { WizardContext as WizardContextDeprecated } from '@patternfly/react-core/deprecated'; 4 src/components/clusters/wizards/form/BooleanDropdownField.tsx: 2 import { FormGroup } from '@patternfly/react-core'; 3: import { 4: Select as SelectDeprecated, 5: SelectOption as SelectOptionDeprecated, 6: SelectOptionObject as SelectOptionObjectDeprecated, 7: } from '@patternfly/react-core/deprecated'; 8 import { FormikValues, useField, useFormikContext } from 'formik'; src/components/clusters/wizards/osd/BillingModel/MarketplaceSelectField.tsx: 3 import { FormGroup } from '@patternfly/react-core'; 4: import { 5: Select as SelectDeprecated, 6: SelectOption as SelectOptionDeprecated, 7: SelectOptionObject as SelectOptionObjectDeprecated, 8: } from '@patternfly/react-core/deprecated'; 9 import { useFormState } from '~/components/clusters/wizards/hooks'; src/components/clusters/wizards/osd/ClusterSettings/Details/VersionSelectField.tsx: 5 import { FormGroup } from '@patternfly/react-core'; 6: import { SelectOptionObject as SelectOptionObjectDeprecated } from '@patternfly/react-core/deprecated'; 7 import { Spinner } from '@redhat-cloud-services/frontend-components/Spinner'; src/components/common/FuzzySelect.tsx: 3 import { KeyTypes } from '@patternfly/react-core'; 4: import { 5: Select as SelectDeprecated, 6: SelectGroup as SelectGroupDeprecated, 7: SelectOption as SelectOptionDeprecated, 8: SelectProps as SelectPropsDeprecated, 9: } from '@patternfly/react-core/deprecated'; 10 import { ErrorCircleOIcon } from '@patternfly/react-icons/dist/esm/icons/error-circle-o-icon'; src/components/common/ReduxFormComponents/ReduxBooleanSelectDropdown.tsx: 4 import { Flex, FormGroup, LabelProps } from '@patternfly/react-core'; 5: import { 6: Select as SelectDeprecated, 7: SelectOption as SelectOptionDeprecated, 8: SelectOptionObject as SelectOptionObjectDeprecated, 9: } from '@patternfly/react-core/deprecated'; 10 import PopoverHint from '../PopoverHint'; src/components/common/ReduxFormComponents/ReduxSelectDropdown.tsx: 5 6: import { 7: Select as SelectDeprecated, 8: SelectOption as SelectOptionDeprecated, 9: SelectOptionObject as SelectOptionObjectDeprecated, 10: } from '@patternfly/react-core/deprecated'; 11 import PopoverHint from '../PopoverHint'; src/components/dashboard/ClustersWithIssuesTableCard/ClustersWithIssuesTableCard.jsx: 12 import { textCenter, TableVariant } from '@patternfly/react-table'; 13: import { 14: Table as TableDeprecated, 15: TableHeader as TableHeaderDeprecated, 16: TableBody as TableBodyDeprecated, 17: } from '@patternfly/react-table/deprecated'; 18 import { Link } from 'react-router-dom'; src/components/dashboard/ExpiredTrialsCard/ExpiredTrialsCard.jsx: 14 import { TableVariant } from '@patternfly/react-table'; 15: import { 16: Table as TableDeprecated, 17: TableHeader as TableHeaderDeprecated, 18: TableBody as TableBodyDeprecated, 19: } from '@patternfly/react-table/deprecated'; 20 src/components/downloads/DownloadsPage/DownloadsPage.jsx: 15 import { Thead, Tbody, Tr, Th, Td, ExpandableRowContent } from '@patternfly/react-table'; 16: import { Table as TableDeprecated } from '@patternfly/react-table/deprecated'; 17 import { ArrowRightIcon } from '@patternfly/react-icons/dist/esm/icons/arrow-right-icon'; src/components/quota/OSDSubscriptionCard/OSDSubscriptionTable.tsx: 2 import { IRowCell } from '@patternfly/react-table'; 3: import { 4: Table as TableDeprecated, 5: TableHeader as TableHeaderDeprecated, 6: TableBody as TableBodyDeprecated, 7: } from '@patternfly/react-table/deprecated'; 8 import orderBy from 'lodash/orderBy';