ESLint: Add rule to sort imports alphabetically

The `import/order` rule isn't enough to sort import within a single import group alphabetically.

This adds `sort-imports` rule that handles the sorting within groups.

src/Components/CreateImageWizard/CreateImageWizard.tsx

@@ -2,14 +2,14 @@ import React, { useEffect, useState } from 'react';
 
 import {
   Button,
+  Flex,
+  PageSection,
+  PageSectionTypes,
+  useWizardContext,
   Wizard,
   WizardFooterWrapper,
   WizardNavItem,
   WizardStep,
-  useWizardContext,
-  PageSection,
-  PageSectionTypes,
-  Flex,
 } from '@patternfly/react-core';
 import { WizardStepType } from '@patternfly/react-core/dist/esm/components/Wizard';
 import useChrome from '@redhat-cloud-services/frontend-components/useChrome';
@@ -40,40 +40,41 @@ import UsersStep from './steps/Users';
 import { getHostArch, getHostDistro } from './utilities/getHostInfo';
 import { useHasSpecificTargetOnly } from './utilities/hasSpecificTargetOnly';
 import {
-  useFilesystemValidation,
-  useSnapshotValidation,
-  useFirstBootValidation,
   useDetailsValidation,
-  useRegistrationValidation,
+  useFilesystemValidation,
+  useFirewallValidation,
+  useFirstBootValidation,
   useHostnameValidation,
   useKernelValidation,
-  useUsersValidation,
-  useTimezoneValidation,
-  useFirewallValidation,
-  useServicesValidation,
   useLocaleValidation,
+  useRegistrationValidation,
+  useServicesValidation,
+  useSnapshotValidation,
+  useTimezoneValidation,
+  useUsersValidation,
 } from './utilities/useValidation';
 import {
   isAwsAccountIdValid,
-  isAzureTenantGUIDValid,
-  isAzureSubscriptionIdValid,
   isAzureResourceGroupValid,
+  isAzureSubscriptionIdValid,
+  isAzureTenantGUIDValid,
   isGcpEmailValid,
 } from './validators';
 
 import {
-  RHEL_8,
-  RHEL_10_BETA,
-  RHEL_10,
   AARCH64,
   AMPLITUDE_MODULE_NAME,
+  RHEL_10,
+  RHEL_10_BETA,
+  RHEL_8,
   RHEL_9,
 } from '../../constants';
 import { useAppDispatch, useAppSelector } from '../../store/hooks';
 import './CreateImageWizard.scss';
 import {
-  changeDistribution,
+  addImageType,
   changeArchitecture,
+  changeDistribution,
   initializeWizard,
   selectAwsAccountId,
   selectAwsShareMethod,
@@ -87,7 +88,6 @@ import {
   selectGcpEmail,
   selectGcpShareMethod,
   selectImageTypes,
-  addImageType,
 } from '../../store/wizardSlice';
 import isRhel from '../../Utilities/isRhel';
 import { resolveRelPath } from '../../Utilities/path';

src/Components/CreateImageWizard/steps/Details/index.tsx

@@ -1,12 +1,12 @@
 import React from 'react';
 
 import {
+  Content,
   Form,
   FormGroup,
   FormHelperText,
   HelperText,
   HelperTextItem,
-  Content,
   Title,
 } from '@patternfly/react-core';
 

src/Components/CreateImageWizard/steps/FileSystem/components/FileSystemPartition.tsx

@@ -5,8 +5,8 @@ import { FormGroup, Label, Radio } from '@patternfly/react-core';
 import { useAppDispatch, useAppSelector } from '../../../../../store/hooks';
 import {
   changeFileSystemConfigurationType,
-  selectFileSystemConfigurationType,
   selectComplianceProfileID,
+  selectFileSystemConfigurationType,
 } from '../../../../../store/wizardSlice';
 
 const FileSystemPartition = () => {

src/Components/CreateImageWizard/steps/FileSystem/components/FileSystemTable.tsx

@@ -1,28 +1,28 @@
 import React, { useRef, useState } from 'react';
 
 import {
-  Popover,
-  Content,
-  Button,
   Alert,
-  TextInput,
-  Select,
-  MenuToggleElement,
+  Button,
+  Content,
   MenuToggle,
+  MenuToggleElement,
+  Popover,
+  Select,
   SelectList,
   SelectOption,
+  TextInput,
 } from '@patternfly/react-core';
 import { HelpIcon, MinusCircleIcon } from '@patternfly/react-icons';
 import styles from '@patternfly/react-styles/css/components/Table/table';
 import {
   Table,
-  Th,
-  Thead,
   Tbody,
-  Tr,
-  TrProps,
   TbodyProps,
   Td,
+  Th,
+  Thead,
+  Tr,
+  TrProps,
 } from '@patternfly/react-table';
 
 import { UNIT_GIB, UNIT_KIB, UNIT_MIB } from '../../../../../constants';

src/Components/CreateImageWizard/steps/FirstBoot/index.tsx

@@ -2,14 +2,14 @@ import React from 'react';
 
 import { CodeEditor, Language } from '@patternfly/react-code-editor';
 import {
+  Alert,
   Content,
   Form,
   FormGroup,
   FormHelperText,
-  Title,
-  Alert,
   HelperText,
   HelperTextItem,
+  Title,
 } from '@patternfly/react-core';
 
 import { FIRST_BOOT_SERVICE } from '../../../../constants';

src/Components/CreateImageWizard/steps/ImageOutput/components/ReleaseLifecycle.tsx

@@ -14,14 +14,14 @@ import { Bar } from 'react-chartjs-2';
 
 import {
   RELEASE_LIFECYCLE_URL,
+  RHEL_10_FULL_SUPPORT,
+  RHEL_10_MAINTENANCE_SUPPORT,
   RHEL_8,
   RHEL_8_FULL_SUPPORT,
   RHEL_8_MAINTENANCE_SUPPORT,
   RHEL_9,
   RHEL_9_FULL_SUPPORT,
   RHEL_9_MAINTENANCE_SUPPORT,
-  RHEL_10_FULL_SUPPORT,
-  RHEL_10_MAINTENANCE_SUPPORT,
 } from '../../../../../constants';
 import { useAppSelector } from '../../../../../store/hooks';
 import { selectDistribution } from '../../../../../store/wizardSlice';

src/Components/CreateImageWizard/steps/ImageOutput/components/ReleaseSelect.tsx

@@ -10,7 +10,12 @@ import {
 } from '@patternfly/react-core';
 
 import {
+  ON_PREM_RELEASES,
   RELEASES,
+  RHEL_10,
+  RHEL_10_BETA,
+  RHEL_10_FULL_SUPPORT,
+  RHEL_10_MAINTENANCE_SUPPORT,
   RHEL_8,
   RHEL_8_FULL_SUPPORT,
   RHEL_8_MAINTENANCE_SUPPORT,
@@ -18,11 +23,6 @@ import {
   RHEL_9_BETA,
   RHEL_9_FULL_SUPPORT,
   RHEL_9_MAINTENANCE_SUPPORT,
-  RHEL_10_BETA,
-  RHEL_10,
-  RHEL_10_FULL_SUPPORT,
-  RHEL_10_MAINTENANCE_SUPPORT,
-  ON_PREM_RELEASES,
 } from '../../../../../constants';
 import { useAppDispatch, useAppSelector } from '../../../../../store/hooks';
 import { Distributions } from '../../../../../store/imageBuilderApi';

src/Components/CreateImageWizard/steps/ImageOutput/components/TargetEnvironment.tsx

@@ -3,20 +3,20 @@ import React, { MouseEventHandler, useEffect } from 'react';
 import {
   Button,
   Card,
-  Checkbox,
-  FormGroup,
-  Popover,
-  Content,
   CardHeader,
-  Gallery,
+  Checkbox,
+  Content,
   Flex,
   FlexItem,
+  FormGroup,
+  Gallery,
+  Popover,
   Title,
 } from '@patternfly/react-core';
-import { HelpIcon, ExternalLinkAltIcon } from '@patternfly/react-icons';
+import { ExternalLinkAltIcon, HelpIcon } from '@patternfly/react-icons';
 
 import { useGetArchitecturesQuery } from '../../../../../store/backendApi';
-import { useAppSelector, useAppDispatch } from '../../../../../store/hooks';
+import { useAppDispatch, useAppSelector } from '../../../../../store/hooks';
 import { ImageTypes } from '../../../../../store/imageBuilderApi';
 import { provisioningApi } from '../../../../../store/provisioningApi';
 import { rhsmApi } from '../../../../../store/rhsmApi';

src/Components/CreateImageWizard/steps/Oscap/components/OscapProfileInformation.tsx

@@ -1,11 +1,11 @@
 import React, { useEffect } from 'react';
 
 import {
-  Spinner,
-  Content,
-  ContentVariants,
   CodeBlock,
   CodeBlockCode,
+  Content,
+  ContentVariants,
+  Spinner,
 } from '@patternfly/react-core';
 
 import { useGetOscapCustomizationsQuery } from '../../../../../store/backendApi';

src/Components/CreateImageWizard/steps/Oscap/components/PolicySelector.tsx

@@ -10,8 +10,8 @@ import {
 import { v4 as uuidv4 } from 'uuid';
 
 import {
-  usePoliciesQuery,
   PolicyRead,
+  usePoliciesQuery,
 } from '../../../../../store/complianceApi';
 import { useAppDispatch, useAppSelector } from '../../../../../store/hooks';
 import {
@@ -21,20 +21,20 @@ import {
   useLazyGetOscapCustomizationsForPolicyQuery,
 } from '../../../../../store/imageBuilderApi';
 import {
-  changeCompliance,
-  selectDistribution,
-  selectCompliancePolicyID,
-  selectCompliancePolicyTitle,
+  addKernelArg,
   addPackage,
   addPartition,
-  changeFileSystemConfigurationType,
-  removePackage,
-  clearPartitions,
-  changeEnabledServices,
-  changeMaskedServices,
+  changeCompliance,
   changeDisabledServices,
+  changeEnabledServices,
+  changeFileSystemConfigurationType,
+  changeMaskedServices,
   clearKernelAppend,
-  addKernelArg,
+  clearPartitions,
+  removePackage,
+  selectCompliancePolicyID,
+  selectCompliancePolicyTitle,
+  selectDistribution,
 } from '../../../../../store/wizardSlice';
 import { useHasSpecificTargetOnly } from '../../../utilities/hasSpecificTargetOnly';
 import { parseSizeUnit } from '../../../utilities/parseSizeUnit';

src/Components/CreateImageWizard/steps/Oscap/components/ProfileSelector.tsx

@@ -18,10 +18,10 @@ import { TimesIcon } from '@patternfly/react-icons';
 import { v4 as uuidv4 } from 'uuid';
 
 import {
-  useGetOscapProfilesQuery,
-  useGetOscapCustomizationsQuery,
-  useLazyGetOscapCustomizationsQuery,
   useBackendPrefetch,
+  useGetOscapCustomizationsQuery,
+  useGetOscapProfilesQuery,
+  useLazyGetOscapCustomizationsQuery,
 } from '../../../../../store/backendApi';
 import { useAppDispatch, useAppSelector } from '../../../../../store/hooks';
 import {
@@ -32,20 +32,20 @@ import {
   Services,
 } from '../../../../../store/imageBuilderApi';
 import {
-  changeCompliance,
-  selectDistribution,
-  selectComplianceProfileID,
+  addKernelArg,
   addPackage,
   addPartition,
-  changeFileSystemConfigurationType,
-  removePackage,
-  clearPartitions,
-  changeEnabledServices,
-  changeMaskedServices,
+  changeCompliance,
   changeDisabledServices,
-  selectComplianceType,
+  changeEnabledServices,
+  changeFileSystemConfigurationType,
+  changeMaskedServices,
   clearKernelAppend,
-  addKernelArg,
+  clearPartitions,
+  removePackage,
+  selectComplianceProfileID,
+  selectComplianceType,
+  selectDistribution,
 } from '../../../../../store/wizardSlice';
 import { useHasSpecificTargetOnly } from '../../../utilities/hasSpecificTargetOnly';
 import { parseSizeUnit } from '../../../utilities/parseSizeUnit';

src/Components/CreateImageWizard/steps/Oscap/index.tsx

@@ -3,8 +3,8 @@ import React, { useEffect } from 'react';
 import {
   Alert,
   AlertActionLink,
-  Form,
   Content,
+  Form,
   Title,
   ToggleGroup,
   ToggleGroupItem,
@@ -24,18 +24,18 @@ import {
 import { usePoliciesQuery } from '../../../../store/complianceApi';
 import { useAppDispatch, useAppSelector } from '../../../../store/hooks';
 import {
-  ComplianceType,
-  selectComplianceProfileID,
   changeCompliance,
   changeComplianceType,
-  changeEnabledServices,
-  changeMaskedServices,
   changeDisabledServices,
-  removePackage,
+  changeEnabledServices,
   changeFileSystemConfigurationType,
-  selectDistribution,
-  selectComplianceType,
+  changeMaskedServices,
   clearKernelAppend,
+  ComplianceType,
+  removePackage,
+  selectComplianceProfileID,
+  selectComplianceType,
+  selectDistribution,
 } from '../../../../store/wizardSlice';
 import { useFlag } from '../../../../Utilities/useGetEnvironment';
 import { useOnPremOpenSCAPAvailable } from '../../../../Utilities/useOnPremOpenSCAP';

src/Components/CreateImageWizard/steps/Oscap/removeBetaFromRelease.ts

@@ -1,8 +1,8 @@
 import {
-  RHEL_9_BETA,
-  RHEL_9,
-  RHEL_10_BETA,
   RHEL_10,
+  RHEL_10_BETA,
+  RHEL_9,
+  RHEL_9_BETA,
 } from '../../../../constants';
 import { Distributions } from '../../../../store/imageBuilderApi';
 

src/Components/CreateImageWizard/steps/Packages/PackageRecommendations.tsx

@@ -3,6 +3,8 @@ import React, { useEffect, useState } from 'react';
 import {
   Alert,
   Button,
+  Content,
+  ContentVariants,
   ExpandableSection,
   Flex,
   FlexItem,
@@ -12,8 +14,6 @@ import {
   PanelMainBody,
   Popover,
   Spinner,
-  Content,
-  ContentVariants,
 } from '@patternfly/react-core';
 import { HelpIcon, OptimizeIcon } from '@patternfly/react-icons';
 import { Table, Tbody, Td, Th, Thead, Tr } from '@patternfly/react-table';

src/Components/CreateImageWizard/steps/Packages/Packages.tsx

@@ -3,6 +3,7 @@ import React, { ReactElement, useEffect, useMemo, useState } from 'react';
 import {
   Bullseye,
   Button,
+  Content,
   DescriptionList,
   DescriptionListDescription,
   DescriptionListGroup,
@@ -14,6 +15,9 @@ import {
   EmptyStateVariant,
   Icon,
   Modal,
+  ModalBody,
+  ModalFooter,
+  ModalHeader,
   Pagination,
   PaginationVariant,
   Popover,
@@ -23,15 +27,11 @@ import {
   Tab,
   Tabs,
   TabTitleText,
-  Content,
   ToggleGroup,
   ToggleGroupItem,
   Toolbar,
   ToolbarContent,
   ToolbarItem,
-  ModalHeader,
-  ModalBody,
-  ModalFooter,
 } from '@patternfly/react-core';
 import {
   CheckCircleIcon,
@@ -66,33 +66,33 @@ import {
 } from '../../../../constants';
 import { useGetArchitecturesQuery } from '../../../../store/backendApi';
 import {
-  ApiRepositoryResponseRead,
-  useCreateRepositoryMutation,
-  useListRepositoriesQuery,
-  useSearchRpmMutation,
-  useSearchPackageGroupMutation,
-  ApiSearchRpmResponse,
   ApiPackageSourcesResponse,
+  ApiRepositoryResponseRead,
+  ApiSearchRpmResponse,
+  useCreateRepositoryMutation,
   useGetTemplateQuery,
+  useListRepositoriesQuery,
+  useSearchPackageGroupMutation,
+  useSearchRpmMutation,
 } from '../../../../store/contentSourcesApi';
 import { useAppSelector } from '../../../../store/hooks';
 import { Package } from '../../../../store/imageBuilderApi';
 import {
+  addGroup,
+  addModule,
+  addPackage,
+  addRecommendedRepository,
+  removeGroup,
+  removeModule,
+  removePackage,
+  removeRecommendedRepository,
   selectArchitecture,
-  selectPackages,
-  selectGroups,
   selectCustomRepositories,
   selectDistribution,
-  addPackage,
-  removePackage,
-  addGroup,
-  removeGroup,
-  addRecommendedRepository,
-  removeRecommendedRepository,
-  selectRecommendedRepositories,
-  addModule,
-  removeModule,
+  selectGroups,
   selectModules,
+  selectPackages,
+  selectRecommendedRepositories,
   selectTemplate,
 } from '../../../../store/wizardSlice';
 import {

src/Components/CreateImageWizard/steps/Packages/components/CustomHelperText.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
 
 import {
+  FormHelperText,
   HelperText,
   HelperTextItem,
-  FormHelperText,
 } from '@patternfly/react-core';
 import { ExclamationCircleIcon } from '@patternfly/react-icons';
 export type HelperTextVariant =

src/Components/CreateImageWizard/steps/Packages/components/PackageInfoNotAvailablePopover.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { Button, Popover, Content } from '@patternfly/react-core';
+import { Button, Content, Popover } from '@patternfly/react-core';
 import { HelpIcon } from '@patternfly/react-icons';
 
 const PackageInfoNotAvailablePopover = () => {

src/Components/CreateImageWizard/steps/Packages/components/RepoPopovers.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { Button, Popover, Content } from '@patternfly/react-core';
+import { Button, Content, Popover } from '@patternfly/react-core';
 import { HelpIcon } from '@patternfly/react-icons';
 
 export const IncludedReposPopover = () => {

src/Components/CreateImageWizard/steps/Registration/components/ActivationKeyInformation.tsx

@@ -3,10 +3,10 @@ import React from 'react';
 import {
   Alert,
   Button,
-  Spinner,
   Content,
   ContentVariants,
   Popover,
+  Spinner,
 } from '@patternfly/react-core';
 import { HelpIcon } from '@patternfly/react-icons';
 import { Table, Tbody, Td, Th, Thead, Tr } from '@patternfly/react-table';

src/Components/CreateImageWizard/steps/Registration/components/ActivationKeysList.tsx

@@ -3,17 +3,17 @@ import React, { useEffect, useState } from 'react';
 import {
   Alert,
   FormGroup,
-  Spinner,
-  Select,
-  SelectList,
-  SelectOption,
-  MenuToggleElement,
-  MenuToggle,
-  TextInputGroup,
-  TextInputGroupMain,
   FormHelperText,
   HelperText,
   HelperTextItem,
+  MenuToggle,
+  MenuToggleElement,
+  Select,
+  SelectList,
+  SelectOption,
+  Spinner,
+  TextInputGroup,
+  TextInputGroupMain,
 } from '@patternfly/react-core';
 import { useAddNotification } from '@redhat-cloud-services/frontend-components-notifications/hooks';
 
@@ -22,8 +22,8 @@ import ManageKeysButton from './ManageKeysButton';
 import { CDN_PROD_URL, CDN_STAGE_URL } from '../../../../../constants';
 import { useAppDispatch, useAppSelector } from '../../../../../store/hooks';
 import {
-  useListActivationKeysQuery,
   useCreateActivationKeysMutation,
+  useListActivationKeysQuery,
 } from '../../../../../store/rhsmApi';
 import {
   changeActivationKey,

src/Components/CreateImageWizard/steps/Registration/components/Registration.tsx

@@ -3,10 +3,10 @@ import React, { useEffect, useState } from 'react';
 import {
   Button,
   Checkbox,
+  Content,
   FormGroup,
   Popover,
   Radio,
-  Content,
 } from '@patternfly/react-core';
 import { ExternalLinkAltIcon, HelpIcon } from '@patternfly/react-icons';
 import { useFlag } from '@unleash/proxy-client-react';

src/Components/CreateImageWizard/steps/Registration/index.tsx

@@ -1,13 +1,13 @@
 import React, { useEffect, useState } from 'react';
 
 import {
+  ClipboardCopy,
   Form,
-  Title,
   FormGroup,
   FormHelperText,
-  ClipboardCopy,
   HelperText,
   HelperTextItem,
+  Title,
 } from '@patternfly/react-core';
 import useChrome from '@redhat-cloud-services/frontend-components/useChrome';
 

src/Components/CreateImageWizard/steps/Repositories/Repositories.tsx

@@ -3,21 +3,21 @@ import React, { useEffect, useMemo, useState } from 'react';
 import {
   Alert,
   Button,
+  Grid,
   Modal,
+  ModalBody,
+  ModalFooter,
+  ModalHeader,
   Pagination,
+  PaginationVariant,
   Panel,
   PanelMain,
   SearchInput,
+  ToggleGroup,
+  ToggleGroupItem,
   Toolbar,
   ToolbarContent,
   ToolbarItem,
-  ToggleGroup,
-  ToggleGroupItem,
-  PaginationVariant,
-  Grid,
-  ModalHeader,
-  ModalBody,
-  ModalFooter,
 } from '@patternfly/react-core';
 import { ExternalLinkAltIcon } from '@patternfly/react-icons';
 import { Table, Tbody, Td, Th, Thead, Tr } from '@patternfly/react-table';
@@ -41,8 +41,8 @@ import {
 } from '../../../../constants';
 import {
   ApiRepositoryResponseRead,
-  useListRepositoriesQuery,
   useGetTemplateQuery,
+  useListRepositoriesQuery,
   useListRepositoryParametersQuery,
 } from '../../../../store/contentSourcesApi';
 import { useAppDispatch, useAppSelector } from '../../../../store/hooks';

src/Components/CreateImageWizard/steps/Repositories/components/Empty.tsx

@@ -1,11 +1,11 @@
 import React from 'react';
 
 import {
+  Button,
   EmptyState,
-  EmptyStateVariant,
   EmptyStateBody,
   EmptyStateFooter,
-  Button,
+  EmptyStateVariant,
 } from '@patternfly/react-core';
 import { RepositoryIcon } from '@patternfly/react-icons';
 

src/Components/CreateImageWizard/steps/Repositories/components/Loading.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { EmptyState, Spinner, Bullseye } from '@patternfly/react-core';
+import { Bullseye, EmptyState, Spinner } from '@patternfly/react-core';
 
 export const Loading = () => {
   return (

src/Components/CreateImageWizard/steps/Repositories/index.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { Alert, Form, Content, Title } from '@patternfly/react-core';
+import { Alert, Content, Form, Title } from '@patternfly/react-core';
 
 import ManageRepositoriesButton from './components/ManageRepositoriesButton';
 import Repositories from './Repositories';

src/Components/CreateImageWizard/steps/Review/Footer/CreateDropdown.tsx

@@ -1,17 +1,17 @@
 import React, { useEffect, useState } from 'react';
 
 import {
-  DropdownList,
+  Button,
   DropdownItem,
-  MenuToggleAction,
-  Spinner,
+  DropdownList,
   Flex,
   FlexItem,
-  Button,
+  MenuToggleAction,
   Modal,
-  ModalHeader,
   ModalBody,
   ModalFooter,
+  ModalHeader,
+  Spinner,
 } from '@patternfly/react-core';
 import useChrome from '@redhat-cloud-services/frontend-components/useChrome';
 import { ChromeUser } from '@redhat-cloud-services/types';

src/Components/CreateImageWizard/steps/Review/Footer/EditDropdown.tsx

@@ -1,12 +1,12 @@
 import React, { useEffect, useState } from 'react';
 
 import {
-  DropdownList,
   DropdownItem,
-  MenuToggleAction,
-  Spinner,
+  DropdownList,
   Flex,
   FlexItem,
+  MenuToggleAction,
+  Spinner,
 } from '@patternfly/react-core';
 import useChrome from '@redhat-cloud-services/frontend-components/useChrome';
 import { ChromeUser } from '@redhat-cloud-services/types';

src/Components/CreateImageWizard/steps/Review/Footer/Footer.tsx

@@ -1,12 +1,12 @@
-import React, { useState, useEffect } from 'react';
+import React, { useEffect, useState } from 'react';
 
 import {
   Button,
   Dropdown,
   Flex,
   MenuToggle,
-  WizardFooterWrapper,
   useWizardContext,
+  WizardFooterWrapper,
 } from '@patternfly/react-core';
 import { MenuToggleElement } from '@patternfly/react-core/dist/esm/components/MenuToggle/MenuToggle';
 import { useChrome } from '@redhat-cloud-services/frontend-components/useChrome';

src/Components/CreateImageWizard/steps/Review/ReviewStep.tsx

@@ -2,40 +2,40 @@ import React, { useState } from 'react';
 
 import {
   Button,
-  ExpandableSection,
-  Stack,
-  StackItem,
   Content,
   ContentVariants,
-  useWizardContext,
-  SplitItem,
+  ExpandableSection,
   Split,
+  SplitItem,
+  Stack,
+  StackItem,
+  useWizardContext,
 } from '@patternfly/react-core';
 import { ArrowRightIcon } from '@patternfly/react-icons';
 
 import './ReviewStep.scss';
 import {
   ContentList,
-  FSCList,
-  FirstBootList,
   DetailsList,
+  FirewallList,
+  FirstBootList,
+  FSCList,
+  HostnameList,
   ImageOutputList,
+  KernelList,
+  LocaleList,
   OscapList,
   RegisterLaterList,
   RegisterNowList,
+  RegisterSatelliteList,
+  ServicesList,
   TargetEnvAWSList,
   TargetEnvAzureList,
   TargetEnvGCPList,
   TargetEnvOciList,
   TargetEnvOtherList,
-  UsersList,
   TimezoneList,
-  LocaleList,
-  HostnameList,
-  KernelList,
-  FirewallList,
-  ServicesList,
-  RegisterSatelliteList,
+  UsersList,
 } from './ReviewStepTextLists';
 
 import isRhel from '../../../../../src/Utilities/isRhel';
@@ -44,21 +44,21 @@ import { useAppSelector } from '../../../../store/hooks';
 import {
   selectBlueprintDescription,
   selectBlueprintName,
-  selectComplianceType,
   selectCompliancePolicyID,
   selectComplianceProfileID,
+  selectComplianceType,
   selectDistribution,
-  selectImageTypes,
-  selectRegistrationType,
-  selectHostname,
-  selectLanguages,
-  selectKeyboard,
-  selectTimezone,
-  selectNtpServers,
   selectFirewall,
-  selectServices,
-  selectUsers,
+  selectHostname,
+  selectImageTypes,
   selectKernel,
+  selectKeyboard,
+  selectLanguages,
+  selectNtpServers,
+  selectRegistrationType,
+  selectServices,
+  selectTimezone,
+  selectUsers,
 } from '../../../../store/wizardSlice';
 import { useHasSpecificTargetOnly } from '../../utilities/hasSpecificTargetOnly';
 

src/Components/CreateImageWizard/steps/Review/ReviewStepTables.tsx

@@ -19,8 +19,8 @@ import { useAppSelector } from '../../../../store/hooks';
 import {
   selectCustomRepositories,
   selectDistribution,
-  selectPackages,
   selectGroups,
+  selectPackages,
   selectPartitions,
   selectRecommendedRepositories,
   selectTemplate,

src/Components/CreateImageWizard/steps/Review/ReviewStepTextLists.tsx

@@ -3,13 +3,13 @@ import React, { useEffect, useMemo } from 'react';
 import {
   Alert,
   Button,
-  Popover,
+  CodeBlock,
+  CodeBlockCode,
   Content,
   ContentVariants,
   FormGroup,
-  CodeBlock,
-  CodeBlockCode,
   Icon,
+  Popover,
 } from '@patternfly/react-core';
 import { ExclamationTriangleIcon } from '@patternfly/react-icons';
 
@@ -34,8 +34,8 @@ import {
   UNIT_GIB,
 } from '../../../../constants';
 import {
-  useListSnapshotsByDateMutation,
   useGetTemplateQuery,
+  useListSnapshotsByDateMutation,
 } from '../../../../store/contentSourcesApi';
 import { useAppSelector } from '../../../../store/hooks';
 import { useGetSourceListQuery } from '../../../../store/provisioningApi';
@@ -45,39 +45,39 @@ import {
   selectArchitecture,
   selectAwsAccountId,
   selectAwsShareMethod,
+  selectAwsSourceId,
+  selectAzureResourceGroup,
   selectAzureShareMethod,
   selectAzureSource,
-  selectAzureResourceGroup,
   selectAzureSubscriptionId,
   selectAzureTenantId,
-  selectAwsSourceId,
   selectBlueprintDescription,
   selectBlueprintName,
   selectCustomRepositories,
   selectDistribution,
+  selectFileSystemConfigurationType,
+  selectFirewall,
+  selectFirstBootScript,
   selectGcpAccountType,
   selectGcpEmail,
   selectGcpShareMethod,
-  selectPackages,
   selectGroups,
-  selectRegistrationType,
-  selectFileSystemConfigurationType,
-  selectRecommendedRepositories,
-  selectSnapshotDate,
-  selectUseLatest,
-  selectPartitions,
-  selectFirstBootScript,
-  selectTimezone,
-  selectNtpServers,
-  selectLanguages,
-  selectKeyboard,
   selectHostname,
   selectKernel,
-  selectFirewall,
-  selectServices,
-  selectUsers,
-  selectTemplate,
+  selectKeyboard,
+  selectLanguages,
+  selectNtpServers,
+  selectPackages,
+  selectPartitions,
+  selectRecommendedRepositories,
   selectRedHatRepositories,
+  selectRegistrationType,
+  selectServices,
+  selectSnapshotDate,
+  selectTemplate,
+  selectTimezone,
+  selectUseLatest,
+  selectUsers,
 } from '../../../../store/wizardSlice';
 import { toMonthAndYear, yyyyMMddFormat } from '../../../../Utilities/time';
 import {

src/Components/CreateImageWizard/steps/Review/index.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { Form, Content, Title } from '@patternfly/react-core';
+import { Content, Form, Title } from '@patternfly/react-core';
 
 import Review from './ReviewStep';
 

src/Components/CreateImageWizard/steps/Snapshot/components/Snapshot.tsx

@@ -2,12 +2,12 @@ import React, { useState } from 'react';
 
 import {
   Button,
+  Content,
   DatePicker,
   Flex,
   FormGroup,
   Grid,
   Radio,
-  Content,
   Title,
 } from '@patternfly/react-core';
 
@@ -15,12 +15,12 @@ import Templates from './Templates';
 
 import { useAppDispatch, useAppSelector } from '../../../../../store/hooks';
 import {
-  selectSnapshotDate,
-  changeUseLatest,
   changeSnapshotDate,
   changeTemplate,
-  selectUseLatest,
+  changeUseLatest,
+  selectSnapshotDate,
   selectTemplate,
+  selectUseLatest,
 } from '../../../../../store/wizardSlice';
 import { yyyyMMddFormat } from '../../../../../Utilities/time';
 import { useFlag } from '../../../../../Utilities/useGetEnvironment';

src/Components/CreateImageWizard/steps/Snapshot/components/Templates.tsx

@@ -8,7 +8,7 @@ import {
   Panel,
   PanelMain,
 } from '@patternfly/react-core';
-import { Table, Thead, Tr, Th, Tbody, Td } from '@patternfly/react-table';
+import { Table, Tbody, Td, Th, Thead, Tr } from '@patternfly/react-table';
 
 import TemplatesEmpty from './TemplatesEmpty';
 
@@ -16,11 +16,11 @@ import { PAGINATION_COUNT } from '../../../../../constants';
 import { useListTemplatesQuery } from '../../../../../store/contentSourcesApi';
 import { useAppDispatch, useAppSelector } from '../../../../../store/hooks';
 import {
+  changeTemplate,
+  changeTemplateName,
   selectArchitecture,
   selectDistribution,
   selectTemplate,
-  changeTemplate,
-  changeTemplateName,
 } from '../../../../../store/wizardSlice';
 import { releaseToVersion } from '../../../../../Utilities/releaseToVersion';
 import { Error } from '../../Repositories/components/Error';

src/Components/CreateImageWizard/steps/Snapshot/components/TemplatesEmpty.tsx

@@ -1,11 +1,11 @@
 import React from 'react';
 
 import {
+  Button,
   EmptyState,
-  EmptyStateVariant,
   EmptyStateBody,
   EmptyStateFooter,
-  Button,
+  EmptyStateVariant,
 } from '@patternfly/react-core';
 import { ExternalLinkAltIcon } from '@patternfly/react-icons';
 

src/Components/CreateImageWizard/steps/Snapshot/index.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { Form, Content, Title } from '@patternfly/react-core';
+import { Content, Form, Title } from '@patternfly/react-core';
 
 import Snapshot from './components/Snapshot';
 

src/Components/CreateImageWizard/steps/TargetEnvironment/Aws/AwsAccountId.tsx

@@ -2,10 +2,10 @@ import React, { useEffect } from 'react';
 
 import {
   Alert,
+  FormGroup,
   HelperText,
   HelperTextItem,
   TextInput,
-  FormGroup,
 } from '@patternfly/react-core';
 
 import { useAppDispatch, useAppSelector } from '../../../../../store/hooks';

src/Components/CreateImageWizard/steps/TargetEnvironment/Aws/AwsSourcesSelect.tsx

@@ -4,11 +4,11 @@ import {
   Alert,
   Button,
   FormGroup,
+  MenuToggle,
+  MenuToggleElement,
   Select,
   SelectList,
   SelectOption,
-  MenuToggle,
-  MenuToggleElement,
   Spinner,
   TextInputGroup,
   TextInputGroupMain,

src/Components/CreateImageWizard/steps/TargetEnvironment/Aws/index.tsx

@@ -1,17 +1,17 @@
 import React from 'react';
 
 import {
-  Radio,
+  Button,
   Content,
   Form,
-  Title,
   FormGroup,
-  TextInput,
   Gallery,
   GalleryItem,
   HelperText,
   HelperTextItem,
-  Button,
+  Radio,
+  TextInput,
+  Title,
 } from '@patternfly/react-core';
 import { ExternalLinkAltIcon } from '@patternfly/react-icons';
 

src/Components/CreateImageWizard/steps/TargetEnvironment/Azure/AzureResourceGroups.tsx

@@ -1,17 +1,17 @@
 import React, { useEffect, useState } from 'react';
 
 import {
+  Button,
   FormGroup,
-  Spinner,
+  MenuToggle,
+  MenuToggleElement,
   Select,
   SelectList,
   SelectOption,
-  MenuToggleElement,
-  MenuToggle,
+  Spinner,
   TextInputGroup,
   TextInputGroupMain,
   TextInputGroupUtilities,
-  Button,
 } from '@patternfly/react-core';
 import { TimesIcon } from '@patternfly/react-icons';
 

src/Components/CreateImageWizard/steps/TargetEnvironment/Azure/AzureSourcesSelect.tsx

@@ -1,18 +1,18 @@
-import React, { useState, useEffect } from 'react';
+import React, { useEffect, useState } from 'react';
 
 import {
   Alert,
   Button,
+  FormGroup,
   MenuToggle,
   MenuToggleElement,
-  TextInputGroup,
-  TextInputGroupMain,
-  TextInputGroupUtilities,
-  FormGroup,
-  Spinner,
   Select,
   SelectList,
   SelectOption,
+  Spinner,
+  TextInputGroup,
+  TextInputGroupMain,
+  TextInputGroupUtilities,
 } from '@patternfly/react-core';
 import { TimesIcon } from '@patternfly/react-icons';
 

src/Components/CreateImageWizard/steps/TargetEnvironment/Azure/index.tsx

@@ -1,15 +1,15 @@
 import React from 'react';
 
 import {
-  Radio,
+  Button,
   Content,
   Form,
-  Title,
   FormGroup,
-  TextInput,
   Gallery,
   GalleryItem,
-  Button,
+  Radio,
+  TextInput,
+  Title,
 } from '@patternfly/react-core';
 import { ExternalLinkAltIcon } from '@patternfly/react-icons';
 

src/Components/CreateImageWizard/steps/TargetEnvironment/Gcp/index.tsx

@@ -1,12 +1,12 @@
 import React from 'react';
 
 import {
-  Radio,
   Content,
-  Form,
-  Title,
-  FormGroup,
   ContentVariants,
+  Form,
+  FormGroup,
+  Radio,
+  Title,
 } from '@patternfly/react-core';
 
 import { useAppDispatch, useAppSelector } from '../../../../../store/hooks';

src/Components/CreateImageWizard/steps/Timezone/components/TimezoneDropDown.tsx

@@ -1,18 +1,18 @@
 import React, { useEffect, useState } from 'react';
 
 import {
+  Button,
+  FormGroup,
   HelperText,
   HelperTextItem,
-  Select,
-  SelectOption,
-  SelectList,
   MenuToggle,
   MenuToggleElement,
+  Select,
+  SelectList,
+  SelectOption,
   TextInputGroup,
   TextInputGroupMain,
   TextInputGroupUtilities,
-  Button,
-  FormGroup,
 } from '@patternfly/react-core';
 import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
 

src/Components/CreateImageWizard/steps/Users/components/UserInfo.tsx

@@ -2,12 +2,12 @@ import React, { useState } from 'react';
 
 import {
   Button,
-  FormGroup,
   Checkbox,
-  Tabs,
-  Tab,
-  TabTitleText,
+  FormGroup,
   Icon,
+  Tab,
+  Tabs,
+  TabTitleText,
 } from '@patternfly/react-core';
 import {
   ExclamationCircleIcon,
@@ -20,15 +20,15 @@ import RemoveUserModal from './RemoveUserModal';
 import { GENERATING_SSH_KEY_PAIRS_URL } from '../../../../../constants';
 import { useAppDispatch, useAppSelector } from '../../../../../store/hooks';
 import {
+  addUser,
+  addUserGroupByIndex,
+  removeUser,
+  removeUserGroupByIndex,
+  selectUsers,
+  setUserAdministratorByIndex,
   setUserNameByIndex,
   setUserPasswordByIndex,
   setUserSshKeyByIndex,
-  setUserAdministratorByIndex,
-  addUser,
-  selectUsers,
-  addUserGroupByIndex,
-  removeUserGroupByIndex,
-  removeUser,
 } from '../../../../../store/wizardSlice';
 import LabelInput from '../../../LabelInput';
 import { PasswordValidatedInput } from '../../../utilities/PasswordValidatedInput';

src/Components/CreateImageWizard/steps/Users/index.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { Form, Content, Title } from '@patternfly/react-core';
+import { Content, Form, Title } from '@patternfly/react-core';
 
 import EmptyUserState from './components/EmptyUserState';
 import UserInfo from './components/UserInfo';

src/Components/CreateImageWizard/utilities/PasswordValidatedInput.tsx

@@ -1,6 +1,7 @@
 import React, { useState } from 'react';
 
 import {
+  Button,
   FormGroup,
   FormHelperText,
   HelperText,
@@ -8,7 +9,6 @@ import {
   InputGroup,
   InputGroupItem,
   TextInput,
-  Button,
   TextInputProps,
 } from '@patternfly/react-core';
 import { EyeIcon, EyeSlashIcon } from '@patternfly/react-icons';

src/Components/CreateImageWizard/utilities/checkRepositoriesAvailability.ts

@@ -5,8 +5,8 @@ import { useListRepositoriesQuery } from '../../../store/contentSourcesApi';
 import { useAppSelector } from '../../../store/hooks';
 import {
   selectArchitecture,
-  selectDistribution,
   selectCustomRepositories,
+  selectDistribution,
 } from '../../../store/wizardSlice';
 import { releaseToVersion } from '../../../Utilities/releaseToVersion';
 

src/Components/CreateImageWizard/utilities/requestMapper.ts

@@ -6,16 +6,16 @@ import { parseSizeUnit } from './parseSizeUnit';
 import {
   CENTOS_9,
   FIRST_BOOT_SERVICE_DATA,
-  SATELLITE_SERVICE_DATA,
+  FIRSTBOOT_PATH,
+  FIRSTBOOT_SERVICE_PATH,
+  RHEL_10,
+  RHEL_10_BETA,
   RHEL_8,
   RHEL_9,
   RHEL_9_BETA,
-  RHEL_10,
-  RHEL_10_BETA,
-  FIRSTBOOT_PATH,
-  FIRSTBOOT_SERVICE_PATH,
-  SATELLITE_SERVICE_PATH,
   SATELLITE_PATH,
+  SATELLITE_SERVICE_DATA,
+  SATELLITE_SERVICE_PATH,
 } from '../../../constants';
 import { RootState } from '../../../store';
 import {
@@ -43,58 +43,58 @@ import {
 } from '../../../store/imageBuilderApi';
 import { ApiRepositoryImportResponseRead } from '../../../store/service/contentSourcesApi';
 import {
+  ComplianceType,
+  initialState,
   selectActivationKey,
   selectArchitecture,
   selectAwsAccountId,
   selectAwsShareMethod,
   selectAwsSourceId,
+  selectAzureHyperVGeneration,
   selectAzureResourceGroup,
   selectAzureShareMethod,
   selectAzureSource,
   selectAzureSubscriptionId,
   selectAzureTenantId,
-  selectAzureHyperVGeneration,
   selectBaseUrl,
   selectBlueprintDescription,
   selectBlueprintName,
-  ComplianceType,
   selectCompliancePolicyID,
   selectComplianceProfileID,
   selectComplianceType,
   selectCustomRepositories,
   selectDistribution,
+  selectFileSystemConfigurationType,
+  selectFirewall,
+  selectFirstBootScript,
   selectGcpAccountType,
   selectGcpEmail,
   selectGcpShareMethod,
   selectGroups,
+  selectHostname,
   selectImageTypes,
   selectKernel,
+  selectKeyboard,
+  selectLanguages,
+  selectMetadata,
+  selectModules,
+  selectNtpServers,
   selectPackages,
+  selectPartitions,
   selectPayloadRepositories,
   selectRecommendedRepositories,
   selectRegistrationType,
-  selectServerUrl,
-  selectServices,
-  wizardState,
-  selectFileSystemConfigurationType,
-  selectPartitions,
-  selectSnapshotDate,
-  selectUseLatest,
-  selectFirstBootScript,
-  initialState,
-  selectTimezone,
-  selectNtpServers,
-  selectLanguages,
-  selectKeyboard,
-  selectHostname,
-  selectUsers,
-  selectMetadata,
-  selectFirewall,
-  selectTemplate,
-  selectTemplateName,
   selectSatelliteCaCertificate,
   selectSatelliteRegistrationCommand,
-  selectModules,
+  selectServerUrl,
+  selectServices,
+  selectSnapshotDate,
+  selectTemplate,
+  selectTemplateName,
+  selectTimezone,
+  selectUseLatest,
+  selectUsers,
+  wizardState,
 } from '../../../store/wizardSlice';
 import isRhel from '../../../Utilities/isRhel';
 import { FileSystemConfigurationType } from '../steps/FileSystem';

src/Components/CreateImageWizard/utilities/useValidation.tsx

@@ -11,30 +11,30 @@ import { useAppSelector } from '../../../store/hooks';
 import { BlueprintsResponse } from '../../../store/imageBuilderApi';
 import { useShowActivationKeyQuery } from '../../../store/rhsmApi';
 import {
+  selectActivationKey,
+  selectBlueprintDescription,
   selectBlueprintId,
   selectBlueprintName,
-  selectBlueprintDescription,
   selectFileSystemConfigurationType,
-  selectFirstBootScript,
-  selectPartitions,
-  selectSnapshotDate,
-  selectUseLatest,
-  selectActivationKey,
-  selectRegistrationType,
-  selectHostname,
-  selectKernel,
-  selectUsers,
-  selectNtpServers,
   selectFirewall,
-  selectServices,
-  selectLanguages,
+  selectFirstBootScript,
+  selectHostname,
+  selectImageTypes,
+  selectKernel,
   selectKeyboard,
-  selectTimezone,
+  selectLanguages,
+  selectNtpServers,
+  selectPartitions,
+  selectRegistrationType,
   selectSatelliteCaCertificate,
   selectSatelliteRegistrationCommand,
-  selectImageTypes,
-  UserWithAdditionalInfo,
+  selectServices,
+  selectSnapshotDate,
   selectTemplate,
+  selectTimezone,
+  selectUseLatest,
+  selectUsers,
+  UserWithAdditionalInfo,
 } from '../../../store/wizardSlice';
 import { keyboardsList } from '../steps/Locale/keyboardsList';
 import { languagesList } from '../steps/Locale/languagesList';
@@ -43,17 +43,17 @@ import { timezones } from '../steps/Timezone/timezonesList';
 import {
   getDuplicateMountPoints,
   isBlueprintNameValid,
-  isMountpointMinSizeValid,
-  isSnapshotValid,
   isHostnameValid,
-  isUserNameValid,
-  isSshKeyValid,
-  isNtpServerValid,
   isKernelArgumentValid,
   isKernelNameValid,
+  isMountpointMinSizeValid,
+  isNtpServerValid,
   isPortValid,
   isServiceValid,
+  isSnapshotValid,
+  isSshKeyValid,
   isUserGroupValid,
+  isUserNameValid,
 } from '../validators';
 
 export type StepValidation = {