Uploaded image for project: 'OCMUI - OpenShift Cluster Manager UI'
  1. OCMUI - OpenShift Cluster Manager UI
  2. OCMUI-1223

[OCM UI] Move PatternFly deprecated components to newer ones

    • Icon: Epic Epic
    • Resolution: Unresolved
    • Icon: Undefined Undefined
    • None
    • None
    • None
    • False
    • Hide

      None

      Show
      None
    • False
    • 25% To Do, 38% In Progress, 38% 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'; 

            Unassigned Unassigned
            jschuler_kafka_devexp Joachim Schuler
            Votes:
            0 Vote for this issue
            Watchers:
            4 Start watching this issue

              Created:
              Updated: