Revert import arrangement changes.

Author: Sabantu

src/formBuilder/CardModal.js

@@ -1,19 +1,19 @@
 // @flow
 
-import type { Node } from 'react';
 import * as React from 'react';
-import { createUseStyles } from 'react-jss';
 import {
-  Button,
-  Input,
   Modal,
+  ModalHeader,
+  Button,
   ModalBody,
   ModalFooter,
-  ModalHeader,
+  Input,
 } from 'reactstrap';
+import { createUseStyles } from 'react-jss';
 import DependencyField from './dependencies/DependencyField';
-import Tooltip from './Tooltip';
+import type { Node } from 'react';
 import type { Parameters } from './types';
+import Tooltip from './Tooltip';
 
 const useStyles = createUseStyles({
   cardModal: {

src/formBuilder/FormBuilder.test.js

@@ -1,5 +1,5 @@
-import { mount } from 'enzyme';
 import React from 'react';
+import { mount } from 'enzyme';
 import FormBuilder from './FormBuilder';
 
 // mocks to record events

src/formBuilder/Section.js

@@ -1,39 +1,39 @@
 // @flow
-import {
-  faArrowDown,
-  faArrowUp,
-  faPencilAlt,
-  faTrash,
-} from '@fortawesome/free-solid-svg-icons';
-import type { Node } from 'react';
-import React from 'react';
-import { DragDropContext, Draggable, Droppable } from 'react-beautiful-dnd';
-import { createUseStyles } from 'react-jss';
+import React, { useState } from 'react';
+import { DragDropContext, Droppable, Draggable } from 'react-beautiful-dnd';
 import Select from 'react-select';
+import { createUseStyles } from 'react-jss';
 import {
   Alert,
-  FormFeedback,
-  FormGroup,
   Input,
   UncontrolledTooltip,
+  FormGroup,
+  FormFeedback,
 } from 'reactstrap';
-import Add from './Add';
-import Card from './Card';
-import CardModal from './CardModal';
+import {
+  faArrowUp,
+  faArrowDown,
+  faPencilAlt,
+  faTrash,
+} from '@fortawesome/free-solid-svg-icons';
 import FBCheckbox from './checkbox/FBCheckbox';
 import Collapse from './Collapse/Collapse';
+import CardModal from './CardModal';
 import { CardDefaultParameterInputs } from './defaults/defaultInputs';
-import FontAwesomeIcon from './FontAwesomeIcon';
 import Tooltip from './Tooltip';
+import Add from './Add';
+import Card from './Card';
 import {
-  addCardObj,
-  addSectionObj,
   checkForUnsupportedFeatures,
-  countElementsFromSchema,
   generateElementComponentsFromSchemas,
-  getRandomId,
+  countElementsFromSchema,
+  addCardObj,
+  addSectionObj,
   onDragEnd,
 } from './utils';
+import FontAwesomeIcon from './FontAwesomeIcon';
+import { getRandomId } from './utils';
+import type { Node } from 'react';
 import type { FormInput, Mods } from './types';
 
 const useStyles = createUseStyles({

src/formBuilder/utils.js

@@ -1,15 +1,15 @@
 // @flow
-import type { Node } from 'react';
 import * as React from 'react';
+import type { Node } from 'react';
 import type {
   CardBody,
   CardProps,
-  DataOptions,
-  DataType,
   ElementProps,
   FormInput,
-  ModalBody,
   Mods,
+  ModalBody,
+  DataOptions,
+  DataType,
 } from './types';
 
 // parse in either YAML or JSON