ESLint: Use --fix with new rules to order import declarations

Related to #795. This applies the new sorting rules in ESLint to the files by running `npm run lint:js:fix`

src/Components/CreateImageWizard/CreateImageWizard.js

@@ -1,32 +1,30 @@
 import React from 'react';
-import ImageCreator from './ImageCreator';
-import { useNavigate, useLocation } from 'react-router-dom';
+import { useLocation, useNavigate } from 'react-router-dom';
 import componentTypes from '@data-driven-forms/react-form-renderer/component-types';
-import DocumentationButton from '../sharedComponents/DocumentationButton';
-import './CreateImageWizard.scss';
-import { useDispatch } from 'react-redux';
-import api from '../../api';
-import { UNIT_KIB, UNIT_MIB, UNIT_GIB } from '../../constants';
-import isRhel from '../../Utilities/isRhel';
-import { composeAdded } from '../../store/actions/actions';
 import { addNotification } from '@redhat-cloud-services/frontend-components-notifications/redux';
-
+import { useDispatch } from 'react-redux';
+import ImageCreator from './ImageCreator';
 import {
-  review,
   awsTarget,
-  registration,
+  fileSystemConfiguration,
   googleCloudTarger,
+  imageName,
+  imageOutput,
   msAzureTarget,
   packages,
-  imageOutput,
-  fileSystemConfiguration,
-  imageName,
+  registration,
+  review,
 } from './steps';
-
 import {
   fileSystemConfigurationValidator,
   targetEnvironmentValidator,
 } from './validators';
+import DocumentationButton from '../sharedComponents/DocumentationButton';
+import './CreateImageWizard.scss';
+import api from '../../api';
+import { UNIT_GIB, UNIT_KIB, UNIT_MIB } from '../../constants';
+import isRhel from '../../Utilities/isRhel';
+import { composeAdded } from '../../store/actions/actions';
 
 const handleKeyDown = (e, handleClose) => {
   if (e.key === 'Escape') {

src/Components/CreateImageWizard/ImageCreator.js

@@ -4,13 +4,13 @@ import Pf4FormTemplate from '@data-driven-forms/pf4-component-mapper/form-templa
 import { componentMapper } from '@data-driven-forms/pf4-component-mapper';
 import { Spinner } from '@patternfly/react-core';
 import PropTypes from 'prop-types';
+import Select from '@data-driven-forms/pf4-component-mapper/select';
 import Review from './formComponents/ReviewStep';
 import TargetEnvironment from './formComponents/TargetEnvironment';
 import Packages from './formComponents/Packages';
 import RadioWithPopover from './formComponents/RadioWithPopover';
 import AzureAuthButton from './formComponents/AzureAuthButton';
 import ActivationKeys from './formComponents/ActivationKeys';
-import Select from '@data-driven-forms/pf4-component-mapper/select';
 import FileSystemConfiguration from './formComponents/FileSystemConfiguration';
 import FileSystemConfigToggle from './formComponents/FileSystemConfigToggle';
 import ImageOutputReleaseSelect from './formComponents/ImageOutputReleaseSelect';

src/Components/CreateImageWizard/formComponents/ActivationKeys.js

@@ -2,10 +2,10 @@ import React, { useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import {
   FormGroup,
-  Spinner,
   Select,
   SelectOption,
   SelectVariant,
+  Spinner,
 } from '@patternfly/react-core';
 import useFormApi from '@data-driven-forms/react-form-renderer/use-form-api';
 import useFieldApi from '@data-driven-forms/react-form-renderer/use-field-api';

src/Components/CreateImageWizard/formComponents/FileSystemConfigToggle.js

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react';
+import React, { useEffect, useState } from 'react';
 import { ToggleGroup, ToggleGroupItem } from '@patternfly/react-core';
 
 import useFormApi from '@data-driven-forms/react-form-renderer/use-form-api';

src/Components/CreateImageWizard/formComponents/FileSystemConfiguration.js

@@ -1,4 +1,4 @@
-import React, { useEffect, useState, useRef } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 import {
   HelpIcon,
   MinusCircleIcon,
@@ -14,20 +14,20 @@ import {
 } from '@patternfly/react-core';
 import {
   TableComposable,
-  Thead,
   Tbody,
-  Tr,
-  Th,
   Td,
+  Th,
+  Thead,
+  Tr,
 } from '@patternfly/react-table';
 import styles from '@patternfly/react-styles/css/components/Table/table';
 import useFormApi from '@data-driven-forms/react-form-renderer/use-form-api';
 import useFieldApi from '@data-driven-forms/react-form-renderer/use-field-api';
 import { v4 as uuidv4 } from 'uuid';
 
-import { UNIT_GIB } from '../../../constants';
 import MountPoint from './MountPoint';
 import SizeUnit from './SizeUnit';
+import { UNIT_GIB } from '../../../constants';
 
 let initialRow = {
   id: uuidv4(),

src/Components/CreateImageWizard/formComponents/MountPoint.js

@@ -1,3 +1,4 @@
+import path from 'path';
 import React, { useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import {
@@ -6,7 +7,6 @@ import {
   SelectVariant,
   TextInput,
 } from '@patternfly/react-core';
-import path from 'path';
 
 const MountPoint = ({ ...props }) => {
   // check '/' last!

src/Components/CreateImageWizard/formComponents/Packages.js

@@ -1,24 +1,24 @@
-import React, { useState, useRef, useEffect, useCallback } from 'react';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
 import useFormApi from '@data-driven-forms/react-form-renderer/use-form-api';
 import useFieldApi from '@data-driven-forms/react-form-renderer/use-field-api';
-import api from '../../../api';
 import PropTypes from 'prop-types';
 import {
   DualListSelector,
-  DualListSelectorPane,
+  DualListSelectorControl,
+  DualListSelectorControlsWrapper,
   DualListSelectorList,
   DualListSelectorListItem,
-  DualListSelectorControlsWrapper,
-  DualListSelectorControl,
+  DualListSelectorPane,
   SearchInput,
   TextContent,
 } from '@patternfly/react-core';
 import {
   AngleDoubleLeftIcon,
-  AngleLeftIcon,
   AngleDoubleRightIcon,
+  AngleLeftIcon,
   AngleRightIcon,
 } from '@patternfly/react-icons';
+import api from '../../../api';
 
 // the fields isHidden and isSelected should not be included in the package list sent for image creation
 const removePackagesDisplayFields = (packages) =>

src/Components/CreateImageWizard/formComponents/ReviewStep.js

@@ -3,31 +3,31 @@ import PropTypes from 'prop-types';
 import {
   Button,
   DescriptionList,
-  DescriptionListTerm,
-  DescriptionListGroup,
   DescriptionListDescription,
+  DescriptionListGroup,
+  DescriptionListTerm,
   List,
   ListItem,
   Popover,
   Spinner,
-  Tabs,
   Tab,
+  Tabs,
   TabTitleText,
   Text,
   TextContent,
-  TextVariants,
   TextList,
-  TextListVariants,
   TextListItem,
   TextListItemVariants,
+  TextListVariants,
+  TextVariants,
 } from '@patternfly/react-core';
 import {
   TableComposable,
-  Thead,
   Tbody,
-  Tr,
-  Th,
   Td,
+  Th,
+  Thead,
+  Tr,
 } from '@patternfly/react-table';
 import { HelpIcon } from '@patternfly/react-icons';
 import useFormApi from '@data-driven-forms/react-form-renderer/use-form-api';

src/Components/CreateImageWizard/formComponents/SizeUnit.js

@@ -7,7 +7,7 @@ import {
   TextInput,
 } from '@patternfly/react-core';
 
-import { UNIT_KIB, UNIT_MIB, UNIT_GIB } from '../../../constants';
+import { UNIT_GIB, UNIT_KIB, UNIT_MIB } from '../../../constants';
 
 const SizeUnit = ({ ...props }) => {
   const [isOpen, setIsOpen] = useState(false);

src/Components/CreateImageWizard/formComponents/TargetEnvironment.js

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react';
+import React, { useEffect, useState } from 'react';
 import PropTypes from 'prop-types';
 import useFormApi from '@data-driven-forms/react-form-renderer/use-form-api';
 import useFieldApi from '@data-driven-forms/react-form-renderer/use-field-api';

src/Components/CreateImageWizard/steps/aws.js

@@ -1,8 +1,8 @@
 import React from 'react';
 import componentTypes from '@data-driven-forms/react-form-renderer/component-types';
 import validatorTypes from '@data-driven-forms/react-form-renderer/validator-types';
-import nextStepMapper from './imageOutputStepMapper';
 import { Title } from '@patternfly/react-core';
+import nextStepMapper from './imageOutputStepMapper';
 import StepTemplate from './stepTemplate';
 
 export default {

src/Components/CreateImageWizard/steps/googleCloud.js

@@ -2,17 +2,17 @@ import React from 'react';
 import componentTypes from '@data-driven-forms/react-form-renderer/component-types';
 import validatorTypes from '@data-driven-forms/react-form-renderer/validator-types';
 import { HelpIcon } from '@patternfly/react-icons';
-import nextStepMapper from './imageOutputStepMapper';
 import {
-  Title,
-  Text,
+  Button,
   Popover,
+  Text,
   TextContent,
   TextList,
   TextListItem,
-  Button,
+  Title,
 } from '@patternfly/react-core';
 import PropTypes from 'prop-types';
+import nextStepMapper from './imageOutputStepMapper';
 import StepTemplate from './stepTemplate';
 
 export const googleAccType = {

src/Components/CreateImageWizard/steps/imageOutput.js

@@ -1,11 +1,11 @@
 import React from 'react';
 import componentTypes from '@data-driven-forms/react-form-renderer/component-types';
 import validatorTypes from '@data-driven-forms/react-form-renderer/validator-types';
-import nextStepMapper from './imageOutputStepMapper';
-import { RHEL_9 } from '../../../constants.js';
 import { Text } from '@patternfly/react-core';
-import DocumentationButton from '../../sharedComponents/DocumentationButton';
+import nextStepMapper from './imageOutputStepMapper';
 import StepTemplate from './stepTemplate';
+import { RHEL_9 } from '../../../constants.js';
+import DocumentationButton from '../../sharedComponents/DocumentationButton';
 
 export default {
   StepTemplate,

src/Components/CreateImageWizard/steps/msAzure.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import componentTypes from '@data-driven-forms/react-form-renderer/component-types';
 import validatorTypes from '@data-driven-forms/react-form-renderer/validator-types';
-import { Title, Text, Button, TextContent } from '@patternfly/react-core';
+import { Button, Text, TextContent, Title } from '@patternfly/react-core';
 import { ExternalLinkAltIcon } from '@patternfly/react-icons';
 import nextStepMapper from './imageOutputStepMapper';
 import StepTemplate from './stepTemplate';

src/Components/CreateImageWizard/steps/review.js

@@ -1,5 +1,5 @@
-import CustomButtons from '../formComponents/CustomSubmitButtons';
 import StepTemplate from './stepTemplate';
+import CustomButtons from '../formComponents/CustomSubmitButtons';
 
 export default {
   StepTemplate,