update PF icon imports to help with bundle size

Author: jpuzz0

dynamic-demo-plugin/src/components/ClusterOverview/Inventory.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { useTranslation } from 'react-i18next';
 import { Link } from 'react-router-dom';
-import { MonitoringIcon } from '@patternfly/react-icons';
+import { MonitoringIcon } from '@patternfly/react-icons/dist/esm/icons/monitoring-icon';
 import {
   K8sResourceCommon,
   useK8sWatchResource,
@@ -15,19 +15,28 @@ import {
 const workerNodesLink = '/k8s/cluster/nodes?rowFilter-node-role=worker';
 
 const WorkerNodeInventory: React.FC = () => {
-  const { t } = useTranslation("plugin__console-demo-plugin");
+  const { t } = useTranslation('plugin__console-demo-plugin');
   const [nodes, loaded, loadError] = useK8sWatchResource<K8sResourceCommon[]>({
     kind: 'Node',
     isList: true,
   });
 
-  const workerNodes = nodes.filter((node) => node.metadata?.labels?.['node-role.kubernetes.io/worker'] === '');
+  const workerNodes = nodes.filter(
+    (node) => node.metadata?.labels?.['node-role.kubernetes.io/worker'] === '',
+  );
 
-  let title = <Link to={workerNodesLink}>{t('{{count}} Worker Node', { count: workerNodes.length })}</Link>;
+  let title = (
+    <Link to={workerNodesLink}>{t('{{count}} Worker Node', { count: workerNodes.length })}</Link>
+  );
   if (loadError) {
     title = <Link to={workerNodesLink}>{t('Worker Nodes')}</Link>;
   } else if (!loaded) {
-    title = <><InventoryItemLoading /><Link to={workerNodesLink}>{t('Worker Nodes')}</Link></>;
+    title = (
+      <>
+        <InventoryItemLoading />
+        <Link to={workerNodesLink}>{t('Worker Nodes')}</Link>
+      </>
+    );
   }
 
   return (
@@ -37,7 +46,7 @@ const WorkerNodeInventory: React.FC = () => {
         {loaded && <InventoryItemStatus count={workerNodes.length} icon={<MonitoringIcon />} />}
       </InventoryItemBody>
     </InventoryItem>
-  )
+  );
 };
 
 export default WorkerNodeInventory;

frontend/packages/console-app/src/components/cluster-configuration/ClusterConfigurationPage.tsx

@@ -9,7 +9,7 @@ import {
   EmptyStateBody,
   EmptyStateHeader,
 } from '@patternfly/react-core';
-import { LockIcon } from '@patternfly/react-icons';
+import { LockIcon } from '@patternfly/react-icons/dist/esm/icons/lock-icon';
 import Helmet from 'react-helmet';
 import { useTranslation } from 'react-i18next';
 import { RouteComponentProps } from 'react-router';

frontend/packages/console-app/src/components/console-operator/ConsoleOperatorConfig.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Alert, Button } from '@patternfly/react-core';
-import { PencilAltIcon } from '@patternfly/react-icons';
+import { PencilAltIcon } from '@patternfly/react-icons/dist/esm/icons/pencil-alt-icon';
 import {
   ISortBy,
   sortable,

frontend/packages/console-app/src/components/nav/NavHeader.tsx

@@ -5,7 +5,7 @@ import {
   DropdownItem as DropdownItemDeprecated,
   DropdownToggle as DropdownToggleDeprecated,
 } from '@patternfly/react-core/deprecated';
-import { CaretDownIcon } from '@patternfly/react-icons';
+import { CaretDownIcon } from '@patternfly/react-icons/dist/esm/icons/caret-down-icon';
 import * as cx from 'classnames';
 import { useTranslation } from 'react-i18next';
 import { Perspective, useActivePerspective } from '@console/dynamic-plugin-sdk';

frontend/packages/console-app/src/components/nav/PinnedResource.tsx

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { Button } from '@patternfly/react-core';
-import { MinusCircleIcon, GripVerticalIcon } from '@patternfly/react-icons';
+import { MinusCircleIcon } from '@patternfly/react-icons/dist/esm/icons/minus-circle-icon';
+import { GripVerticalIcon } from '@patternfly/react-icons/dist/esm/icons/grip-vertical-icon';
 import * as classNames from 'classnames';
 import { debounce } from 'lodash';
 import { useDrag, useDrop } from 'react-dnd';

frontend/packages/console-app/src/components/network-policies/network-policy-conditional-selector.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Button } from '@patternfly/react-core';
-import { PlusCircleIcon } from '@patternfly/react-icons';
+import { PlusCircleIcon } from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon';
 import { useTranslation } from 'react-i18next';
 import { AsyncComponent, AsyncComponentProps } from '@console/internal/components/utils/async';
 

frontend/packages/console-app/src/components/network-policies/network-policy-peer-ipblock.tsx

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { Button } from '@patternfly/react-core';
-import { PlusCircleIcon, MinusCircleIcon } from '@patternfly/react-icons';
+import { PlusCircleIcon } from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon';
+import { MinusCircleIcon } from '@patternfly/react-icons/dist/esm/icons/minus-circle-icon';
 import * as _ from 'lodash';
 import { useTranslation } from 'react-i18next';
 import { useClusterNetworkFeatures } from '@console/internal/module/k8s/network';

frontend/packages/console-app/src/components/network-policies/network-policy-ports.tsx

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { Button } from '@patternfly/react-core';
-import { PlusCircleIcon, MinusCircleIcon } from '@patternfly/react-icons';
+import { PlusCircleIcon } from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon';
+import { MinusCircleIcon } from '@patternfly/react-icons/dist/esm/icons/minus-circle-icon';
 import * as _ from 'lodash';
 import { useTranslation } from 'react-i18next';
 import { Dropdown } from '@console/internal/components/utils';

frontend/packages/console-app/src/components/network-policies/network-policy-rule-config.tsx

@@ -8,7 +8,7 @@ import {
   FormFieldGroupExpandable,
   FormFieldGroupHeader,
 } from '@patternfly/react-core';
-import { TrashIcon } from '@patternfly/react-icons';
+import { TrashIcon } from '@patternfly/react-icons/dist/esm/icons/trash-icon';
 import i18next from 'i18next';
 import * as _ from 'lodash';
 import { useTranslation } from 'react-i18next';

frontend/packages/console-app/src/components/nodes/NodeDetailsOverview.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Button } from '@patternfly/react-core';
-import { PencilAltIcon } from '@patternfly/react-icons';
+import { PencilAltIcon } from '@patternfly/react-icons/dist/esm/icons/pencil-alt-icon';
 import * as _ from 'lodash';
 import { useTranslation } from 'react-i18next';
 import {

frontend/packages/console-app/src/components/pdb/modals/DeletePDBModal.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Form } from '@patternfly/react-core';
-import { ExclamationTriangleIcon } from '@patternfly/react-icons';
+import { ExclamationTriangleIcon } from '@patternfly/react-icons/dist/esm/icons/exclamation-triangle-icon';
 import { global_warning_color_100 as warningColor } from '@patternfly/react-tokens/dist/js/global_warning_color_100';
 import { useTranslation, Trans } from 'react-i18next';
 import {

frontend/packages/console-app/src/components/user-preferences/namespace/NamespaceDropdown.tsx

@@ -11,7 +11,7 @@ import {
   MenuList,
   EmptyStateHeader,
 } from '@patternfly/react-core';
-import { ExclamationCircleIcon } from '@patternfly/react-icons';
+import { ExclamationCircleIcon } from '@patternfly/react-icons/dist/esm/icons/exclamation-circle-icon';
 import fuzzysearch from 'fuzzysearch';
 import { useTranslation } from 'react-i18next';
 import { createProjectModal } from '@console/internal/components/modals';

frontend/packages/console-app/src/utils/perspective.tsx

@@ -1,4 +1,4 @@
-import { CogsIcon } from '@patternfly/react-icons';
+import { CogsIcon } from '@patternfly/react-icons/dist/esm/icons/cogs-icon';
 import { Perspective, ResolvedExtension } from '@console/dynamic-plugin-sdk';
 import { FLAGS } from '@console/shared';
 

frontend/packages/console-demo-plugin/src/components/dashboards/inventory.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { AddressBookIcon } from '@patternfly/react-icons';
+import { AddressBookIcon } from '@patternfly/react-icons/dist/esm/icons/address-book-icon';
 import {
   StatusGroupMapper,
   ExpandedComponentProps,

frontend/packages/console-dynamic-plugin-sdk/src/app/components/status/Status.tsx

@@ -1,13 +1,12 @@
 import * as React from 'react';
-import {
-  BanIcon,
-  ClipboardListIcon,
-  HourglassHalfIcon,
-  HourglassStartIcon,
-  NotStartedIcon,
-  SyncAltIcon,
-  UnknownIcon,
-} from '@patternfly/react-icons';
+import { BanIcon } from '@patternfly/react-icons/dist/esm/icons/ban-icon';
+import { ClipboardListIcon } from '@patternfly/react-icons/dist/esm/icons/clipboard-list-icon';
+import { HourglassHalfIcon } from '@patternfly/react-icons/dist/esm/icons/hourglass-half-icon';
+import { HourglassStartIcon } from '@patternfly/react-icons/dist/esm/icons/hourglass-start-icon';
+import { NotStartedIcon } from '@patternfly/react-icons/dist/esm/icons/not-started-icon';
+import { SyncAltIcon } from '@patternfly/react-icons/dist/esm/icons/sync-alt-icon';
+import { UnknownIcon } from '@patternfly/react-icons/dist/esm/icons/unknown-icon';
+
 import { StatusComponentProps } from '../../../extensions/console-types';
 import { DASH } from '../../constants';
 import { YellowExclamationTriangleIcon } from './icons';

frontend/packages/console-dynamic-plugin-sdk/src/app/components/status/icons.tsx

@@ -1,10 +1,9 @@
 import * as React from 'react';
-import {
-  CheckCircleIcon,
-  InfoCircleIcon,
-  ExclamationCircleIcon,
-  ExclamationTriangleIcon,
-} from '@patternfly/react-icons';
+import { CheckCircleIcon } from '@patternfly/react-icons/dist/esm/icons/check-circle-icon';
+import { InfoCircleIcon } from '@patternfly/react-icons/dist/esm/icons/info-circle-icon';
+import { ExclamationCircleIcon } from '@patternfly/react-icons/dist/esm/icons/exclamation-circle-icon';
+import { ExclamationTriangleIcon } from '@patternfly/react-icons/dist/esm/icons/exclamation-triangle-icon';
+
 import * as classNames from 'classnames';
 
 import './icons.scss';

frontend/packages/console-dynamic-plugin-sdk/src/app/components/status/statuses.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { InProgressIcon } from '@patternfly/react-icons';
+import { InProgressIcon } from '@patternfly/react-icons/dist/esm/icons/in-progress-icon';
 import { StatusComponentProps } from '../../../extensions/console-types';
 import GenericStatus from './GenericStatus';
 import { RedExclamationCircleIcon, GreenCheckCircleIcon, BlueInfoCircleIcon } from './icons';

frontend/packages/console-shared/src/components/actions/menu/ActionMenuToggle.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { MenuToggle } from '@patternfly/react-core';
-import { EllipsisVIcon } from '@patternfly/react-icons';
+import { EllipsisVIcon } from '@patternfly/react-icons/dist/esm/icons/ellipsis-v-icon';
 import { useTranslation } from 'react-i18next';
 import { ActionMenuVariant } from '../types';
 

frontend/packages/console-shared/src/components/alerts/AlertSeverityIcon.tsx

@@ -1,5 +1,6 @@
 import * as React from 'react';
-import { ExclamationTriangleIcon, ExclamationCircleIcon } from '@patternfly/react-icons';
+import { ExclamationTriangleIcon } from '@patternfly/react-icons/dist/esm/icons/exclamation-triangle-icon';
+import { ExclamationCircleIcon } from '@patternfly/react-icons/dist/esm/icons/exclamation-circle-icon';
 import { AlertSeverity } from '@console/dynamic-plugin-sdk';
 
 interface AlertSeverityIconProps {

frontend/packages/console-shared/src/components/catalog/catalog-view/CatalogEmptyState.tsx

@@ -9,7 +9,7 @@ import {
   EmptyStateHeader,
   EmptyStateFooter,
 } from '@patternfly/react-core';
-import { SearchIcon } from '@patternfly/react-icons';
+import { SearchIcon } from '@patternfly/react-icons/dist/esm/icons/search-icon';
 import { useTranslation } from 'react-i18next';
 
 type CatalogEmptyStateProps = {

frontend/packages/console-shared/src/components/close-button/CloseButton.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Button } from '@patternfly/react-core';
-import { CloseIcon } from '@patternfly/react-icons';
+import { CloseIcon } from '@patternfly/react-icons/dist/esm/icons/close-icon';
 import * as classNames from 'classnames';
 import { useTranslation } from 'react-i18next';
 import './CloseButton.scss';

frontend/packages/console-shared/src/components/dashboard/activity-card/ActivityBody.tsx

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { Accordion, Button } from '@patternfly/react-core';
-import { PlayIcon, PauseIcon } from '@patternfly/react-icons';
+import { PlayIcon } from '@patternfly/react-icons/dist/esm/icons/play-icon';
+import { PauseIcon } from '@patternfly/react-icons/dist/esm/icons/pause-icon';
 import classNames from 'classnames';
 import { useTranslation } from 'react-i18next';
 import { Link } from 'react-router-dom';

frontend/packages/console-shared/src/components/dashboard/activity-card/ActivityItem.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Progress, ProgressSize } from '@patternfly/react-core';
-import { InProgressIcon } from '@patternfly/react-icons';
+import { InProgressIcon } from '@patternfly/react-icons/dist/esm/icons/in-progress-icon';
 import classNames from 'classnames';
 import { ActivityItemProps } from '@console/dynamic-plugin-sdk/src/api/internal-types';
 

frontend/packages/console-shared/src/components/dashboard/inventory-card/InventoryItem.tsx

@@ -5,7 +5,8 @@ import {
   AccordionToggle,
   AccordionContent,
 } from '@patternfly/react-core';
-import { InProgressIcon, QuestionCircleIcon } from '@patternfly/react-icons';
+import { InProgressIcon } from '@patternfly/react-icons/dist/esm/icons/in-progress-icon';
+import { QuestionCircleIcon } from '@patternfly/react-icons/dist/esm/icons/question-circle-icon';
 import { useTranslation } from 'react-i18next';
 import { Link } from 'react-router-dom';
 import {

frontend/packages/console-shared/src/components/dashboard/status-card/AlertsBody.tsx

@@ -6,7 +6,7 @@ import {
   EmptyStateBody,
   EmptyStateHeader,
 } from '@patternfly/react-core';
-import { UnknownIcon } from '@patternfly/react-icons';
+import { UnknownIcon } from '@patternfly/react-icons/dist/esm/icons/unknown-icon';
 import { useTranslation } from 'react-i18next';
 import { AlertsBodyProps } from '@console/dynamic-plugin-sdk/src/api/internal-types';
 

frontend/packages/console-shared/src/components/dashboard/status-card/states.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { InProgressIcon } from '@patternfly/react-icons';
+import { InProgressIcon } from '@patternfly/react-icons/dist/esm/icons/in-progress-icon';
 import { TFunction } from 'i18next';
 import { HealthState } from '@console/dynamic-plugin-sdk/src/extensions/console-types';
 import {

frontend/packages/console-shared/src/components/dynamic-form/templates.tsx

@@ -1,6 +1,7 @@
 import * as React from 'react';
 import { Button, Alert, Divider, FormHelperText } from '@patternfly/react-core';
-import { MinusCircleIcon, PlusCircleIcon } from '@patternfly/react-icons';
+import { MinusCircleIcon } from '@patternfly/react-icons/dist/esm/icons/minus-circle-icon';
+import { PlusCircleIcon } from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon';
 import { ArrayFieldTemplateProps, FieldTemplateProps, ObjectFieldTemplateProps } from '@rjsf/core';
 import { getUiOptions, getSchemaType } from '@rjsf/core/dist/cjs/utils';
 import * as _ from 'lodash';

frontend/packages/console-shared/src/components/editor/ShortcutsLink.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Popover, Button } from '@patternfly/react-core';
-import { QuestionCircleIcon } from '@patternfly/react-icons';
+import { QuestionCircleIcon } from '@patternfly/react-icons/dist/esm/icons/question-circle-icon';
 import { useTranslation } from 'react-i18next';
 import { ShortcutTable, Shortcut } from '../shortcuts';
 import { isMac } from '../shortcuts/Shortcut';

frontend/packages/console-shared/src/components/form-utils/ActionGroupWithIcons.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { ActionGroup, Button, ButtonVariant } from '@patternfly/react-core';
-import { CheckIcon } from '@patternfly/react-icons';
+import { CheckIcon } from '@patternfly/react-icons/dist/esm/icons/check-icon';
 import CloseButton from '../close-button/CloseButton';
 import { ActionGroupWithIconsProps } from './form-utils-types';
 

frontend/packages/console-shared/src/components/form-utils/FormFooter.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { ActionGroup, Alert, Button, ButtonVariant } from '@patternfly/react-core';
-import { DownloadIcon } from '@patternfly/react-icons';
+import { DownloadIcon } from '@patternfly/react-icons/dist/esm/icons/download-icon';
 import * as cx from 'classnames';
 import { useTranslation } from 'react-i18next';
 import { ButtonBar } from '@console/internal/components/utils';

frontend/packages/console-shared/src/components/formik-fields/CodeEditorField.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Button } from '@patternfly/react-core';
-import { InfoCircleIcon } from '@patternfly/react-icons';
+import { InfoCircleIcon } from '@patternfly/react-icons/dist/esm/icons/info-circle-icon';
 import { FormikValues, useField, useFormikContext } from 'formik';
 import { isEmpty } from 'lodash';
 import { useTranslation } from 'react-i18next';

frontend/packages/console-shared/src/components/formik-fields/item-selector-field/SelectorCard.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Card, CardBody, CardTitle } from '@patternfly/react-core';
-import { StarIcon } from '@patternfly/react-icons';
+import { StarIcon } from '@patternfly/react-icons/dist/esm/icons/star-icon';
 import * as classNames from 'classnames';
 import './SelectorCard.scss';
 

frontend/packages/console-shared/src/components/formik-fields/key-value-file-input-field/KeyValueFileInputField.tsx

@@ -9,7 +9,8 @@ import {
   HelperText,
   HelperTextItem,
 } from '@patternfly/react-core';
-import { MinusCircleIcon, PlusCircleIcon } from '@patternfly/react-icons';
+import { MinusCircleIcon } from '@patternfly/react-icons/dist/esm/icons/minus-circle-icon';
+import { PlusCircleIcon } from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon';
 import { FieldArray, FormikValues, useField, useFormikContext } from 'formik';
 import { get, uniqueId } from 'lodash';
 import { useTranslation } from 'react-i18next';

frontend/packages/console-shared/src/components/formik-fields/multi-column-field/MultiColumnFieldFooter.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Button, Tooltip } from '@patternfly/react-core';
-import { PlusCircleIcon } from '@patternfly/react-icons';
+import { PlusCircleIcon } from '@patternfly/react-icons/dist/esm/icons/plus-circle-icon';
 import { useTranslation } from 'react-i18next';
 
 export interface MultiColumnFieldFooterProps {

frontend/packages/console-shared/src/components/formik-fields/multi-column-field/MultiColumnFieldRow.tsx

@@ -8,7 +8,7 @@ import {
   Grid,
   gridItemSpanValueShape,
 } from '@patternfly/react-core';
-import { MinusCircleIcon } from '@patternfly/react-icons';
+import { MinusCircleIcon } from '@patternfly/react-icons/dist/esm/icons/minus-circle-icon';
 import { useTranslation } from 'react-i18next';
 import './MultiColumnField.scss';
 

frontend/packages/console-shared/src/components/formik-fields/text-column-field/TextColumnItemContent.tsx

@@ -8,7 +8,8 @@ import {
   ButtonType,
   Tooltip,
 } from '@patternfly/react-core';
-import { MinusCircleIcon, GripVerticalIcon } from '@patternfly/react-icons';
+import { MinusCircleIcon } from '@patternfly/react-icons/dist/esm/icons/minus-circle-icon';
+import { GripVerticalIcon } from '@patternfly/react-icons/dist/esm/icons/grip-vertical-icon';
 import { useTranslation } from 'react-i18next';
 import InputField from '../InputField';
 import {

frontend/packages/console-shared/src/components/getting-started/GettingStartedGrid.tsx

@@ -13,7 +13,7 @@ import {
   DropdownItem as DropdownItemDeprecated,
   KebabToggle as KebabToggleDeprecated,
 } from '@patternfly/react-core/deprecated';
-import { OutlinedQuestionCircleIcon } from '@patternfly/react-icons';
+import { OutlinedQuestionCircleIcon } from '@patternfly/react-icons/dist/esm/icons/outlined-question-circle-icon';
 import { useTranslation } from 'react-i18next';
 
 import './GettingStartedGrid.scss';

frontend/packages/console-shared/src/components/getting-started/QuickStartGettingStartedCard.tsx

@@ -7,7 +7,7 @@ import {
   QuickStartContextValues,
   getQuickStartStatus,
 } from '@patternfly/quickstarts';
-import { RouteIcon } from '@patternfly/react-icons';
+import { RouteIcon } from '@patternfly/react-icons/dist/esm/icons/route-icon';
 import { useTranslation } from 'react-i18next';
 import QuickStartsLoader from '@console/app/src/components/quick-starts/loader/QuickStartsLoader';
 import {

frontend/packages/console-shared/src/components/hpa/DeleteHPAModal.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { Form } from '@patternfly/react-core';
-import { ExclamationTriangleIcon } from '@patternfly/react-icons';
+import { ExclamationTriangleIcon } from '@patternfly/react-icons/dist/esm/icons/exclamation-triangle-icon';
 import { global_warning_color_100 as warningColor } from '@patternfly/react-tokens/dist/js/global_warning_color_100';
 import { useTranslation } from 'react-i18next';
 import {