Fix build errors

src/components/Accordion/Accordion.tsx

@@ -1,4 +1,4 @@
-import React, { useState, MouseEvent } from 'react';
+import { useState, MouseEvent } from 'react';
 import './Accordion.css';
 
 type AccordionProps = {

src/components/AdvancedQuestionOptions/AdvancedQuestionOptions.tsx

@@ -1,4 +1,4 @@
-import React, { FocusEvent, useContext, useState } from 'react';
+import { FocusEvent, useContext, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { findTreeArray, TreeContext } from '../../store/treeStore/treeStore';
 import { Extension, QuestionnaireItem } from '../../types/fhir';

src/components/AdvancedQuestionOptions/CalculatedExpression/CalculatedExpression.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { Extension, QuestionnaireItem } from '../../../types/fhir';
 import { IExtentionType } from '../../../types/IQuestionnareItemType';

src/components/AdvancedQuestionOptions/Code/Codes.tsx

@@ -1,4 +1,4 @@
-import React, { useContext } from 'react';
+import { useContext } from 'react';
 import { useTranslation } from 'react-i18next';
 import {
     addItemCodeAction,

src/components/AdvancedQuestionOptions/FhirPathSelect/FhirPathSelect.tsx

@@ -1,4 +1,4 @@
-import React, { useContext, useEffect, useState } from 'react';
+import { useContext, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { TreeContext } from '../../../store/treeStore/treeStore';
 import GroupedSelect from '../../Select/GroupedSelect';

src/components/AdvancedQuestionOptions/Guidance/GuidanceAction.tsx

@@ -1,4 +1,4 @@
-import React, { FocusEvent, useContext } from 'react';
+import { FocusEvent, useContext } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { getGuidanceAction } from '../../../helpers/QuestionHelper';

src/components/AdvancedQuestionOptions/Guidance/GuidanceParam.tsx

@@ -1,4 +1,4 @@
-import React, { FocusEvent, useContext, useState } from 'react';
+import { FocusEvent, useContext, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { getGuidanceParameterName, isValidGuidanceParameterName } from '../../../helpers/QuestionHelper';

src/components/AdvancedQuestionOptions/HyperlinkTargetElementToggle.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect, useLayoutEffect, useContext } from 'react';
+import { useState, useEffect, useLayoutEffect, useContext } from 'react';
 
 import { useTranslation } from 'react-i18next';
 

src/components/AdvancedQuestionOptions/Initial/Initial.tsx

@@ -1,4 +1,4 @@
-import React, { useContext } from 'react';
+import { useContext } from 'react';
 import { TreeContext } from '../../../store/treeStore/treeStore';
 import { QuestionnaireItem, QuestionnaireItemInitial } from '../../../types/fhir';
 import { IItemProperty, IQuestionnaireItemType } from '../../../types/IQuestionnareItemType';

src/components/AdvancedQuestionOptions/Initial/InitialInputTypeBoolean.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { QuestionnaireItemInitial } from '../../../types/fhir';
 import FormField from '../../FormField/FormField';

src/components/AdvancedQuestionOptions/Initial/InitialInputTypeChoice.tsx

@@ -1,4 +1,4 @@
-import React, { useContext, useState } from 'react';
+import { useContext, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Coding, QuestionnaireItem, QuestionnaireItemInitial } from '../../../types/fhir';
 import SwitchBtn from '../../SwitchBtn/SwitchBtn';

src/components/AdvancedQuestionOptions/Initial/InitialInputTypeDecimal.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { QuestionnaireItemInitial } from '../../../types/fhir';
 import FormField from '../../FormField/FormField';

src/components/AdvancedQuestionOptions/Initial/InitialInputTypeInteger.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { QuestionnaireItemInitial } from '../../../types/fhir';
 import FormField from '../../FormField/FormField';

src/components/AdvancedQuestionOptions/Initial/InitialInputTypeString.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { QuestionnaireItemInitial } from '../../../types/fhir';
 import FormField from '../../FormField/FormField';

src/components/AnchorMenu/AnchorMenu.tsx

@@ -1,8 +1,8 @@
 import './AnchorMenu.css';
-import { DndProvider, useDrag, DndProviderProps } from 'react-dnd';
+import { useState } from 'react';
+import { DndProvider, useDrag } from 'react-dnd';
 import { HTML5Backend } from 'react-dnd-html5-backend';
 
-import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { ActionType, Items, MarkedItem, OrderItem } from '../../store/treeStore/treeStore';
 import { IQuestionnaireItemType } from '../../types/IQuestionnareItemType';
@@ -108,7 +108,7 @@ const YourExternalNodeComponent = ({ node }: { node: Node }): JSX.Element | null
 // The main component "AnchorMenu"
 const AnchorMenu = (props: AnchorMenuProps): JSX.Element => {
     const { t } = useTranslation();
-    const [collapsedNodes, setCollapsedNodes] = React.useState<string[]>([]);
+    const [collapsedNodes, setCollapsedNodes] = useState<string[]>([]);
 
 
     const mapToTreeData = (item: OrderItem[], hierarchy: string, parentLinkId?: string): Node[] => {

src/components/AnchorMenu/ItemButtons/ItemButtons.tsx

@@ -1,4 +1,4 @@
-import React, { MouseEvent } from 'react';
+import { MouseEvent } from 'react';
 import { TFunction } from 'react-i18next';
 
 import { ActionType } from '../../../store/treeStore/treeStore';

src/components/AnswerOption/AnswerOption.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { DraggableProvidedDragHandleProps } from 'react-beautiful-dnd';
 import { QuestionnaireItemAnswerOption } from '../../types/fhir';

src/components/Btn/Btn.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import './Btn.css';
 
 type BtnProps = {

src/components/DatePicker/DatePicker.tsx

@@ -2,7 +2,7 @@ import 'react-datepicker/dist/react-datepicker.css';
 import './DatePicker.css';
 
 import ReactDatePicker, { registerLocale, setDefaultLocale } from 'react-datepicker';
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { enUS } from 'date-fns/locale';

src/components/DatePicker/DateTimePicker.tsx

@@ -2,7 +2,7 @@ import 'react-datepicker/dist/react-datepicker.css';
 import './DatePicker.css';
 
 import DatePicker, { registerLocale, setDefaultLocale } from 'react-datepicker';
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { nb } from 'date-fns/locale';

src/components/Drawer/Drawer.tsx

@@ -1,4 +1,4 @@
-import React, { forwardRef, ReactNode, useRef } from 'react';
+import { forwardRef, ReactNode, useRef } from 'react';
 import { useTranslation } from 'react-i18next';
 import IconBtn from '../IconBtn/IconBtn';
 

src/components/EnableWhen/EnableBehavior.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { QuestionnaireItem, QuestionnaireItemEnableBehaviorCodes } from '../../types/fhir';
 import RadioBtn from '../RadioBtn/RadioBtn';

src/components/EnableWhen/EnableWhen.tsx

@@ -8,7 +8,7 @@ import {
     ValueSet,
     ValueSetComposeIncludeConcept,
 } from '../../types/fhir';
-import React, { useContext } from 'react';
+import { useContext } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import EnableBehavior from './EnableBehavior';

src/components/EnableWhen/EnableWhenAnswerTypes.tsx

@@ -1,4 +1,4 @@
-import React, { useContext } from 'react';
+import { useContext } from 'react';
 import { useTranslation } from 'react-i18next';
 import { format, parse, formatISO, parseISO } from 'date-fns';
 import {

src/components/EnableWhen/EnableWhenInfoBox.tsx

@@ -9,7 +9,6 @@ import {
 
 import { IOperator } from '../../types/IQuestionnareItemType';
 import Infobox from './Infobox';
-import React from 'react';
 import { useTranslation } from 'react-i18next';
 import createUUID from '../../helpers/CreateUUID';
 import { format } from 'date-fns';

src/components/EnableWhen/EnableWhenOperator.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { IOperator, IQuestionnaireItemType } from '../../types/IQuestionnareItemType';
 import Select from '../Select/Select';

src/components/EnableWhen/Infobox.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 type Props = {
     title: string;
     children: JSX.Element | JSX.Element[];

src/components/FormField/UriField.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import { useEffect, useState, useRef } from 'react';
 import { useTranslation } from 'react-i18next';
 import { isUriValid } from '../../helpers/uriHelper';
 
@@ -10,10 +10,10 @@ type Props = {
 
 const UriField = ({ value, disabled, onBlur }: Props): JSX.Element => {
     const { t } = useTranslation();
-    const ref = React.useRef<HTMLInputElement>(null);
-    const [hasValidUri, setHasValidUri] = React.useState<boolean>(isUriValid(value || ''));
+    const ref = useRef<HTMLInputElement>(null);
+    const [hasValidUri, setHasValidUri] = useState<boolean>(isUriValid(value || ''));
 
-    React.useEffect(() => {
+    useEffect(() => {
         // if new value is sent as prop, set this as the current value
         if (ref.current) {
             ref.current.value = value || '';

src/components/ImportValueSet/ImportValueSet.tsx

@@ -1,4 +1,4 @@
-import React, { useContext, useState } from 'react';
+import { useContext, useState, useRef } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import { BundleEntry, ValueSet } from '../../types/fhir';
@@ -17,7 +17,7 @@ type Props = {
 };
 
 const ImportValueSet = ({ close }: Props): JSX.Element => {
-    const uploadRef = React.useRef<HTMLInputElement>(null);
+    const uploadRef = useRef<HTMLInputElement>(null);
     const { t } = useTranslation();
     const { dispatch, state } = useContext(TreeContext);
 

src/components/InputField/inputField.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 type InputFieldProps = {
     defaultValue?: string;
     value?: string;

src/components/Languages/LanguageAccordion.tsx

@@ -1,4 +1,4 @@
-import React, { useContext, useState } from 'react';
+import { useContext, useState, useRef } from 'react';
 import { useTranslation } from 'react-i18next';
 import { languageToIsoString, translateQuestionnaire } from '../../helpers/FhirToTreeStateMapper';
 import { generateMainQuestionnaire, getUsedValueSet } from '../../helpers/generateQuestionnaire';
@@ -25,7 +25,7 @@ const LanguageAccordion = (props: LanguageAccordionProps): JSX.Element => {
     const { t } = useTranslation();
     const { state, dispatch } = useContext(TreeContext);
     const { qItems, qMetadata, qContained, qAdditionalLanguages } = state;
-    const uploadRef = React.useRef<HTMLInputElement>(null);
+    const uploadRef = useRef<HTMLInputElement>(null);
 
     const [selectedLang, setSelectedLang] = useState('');
     const [fileUploadError, setFileUploadError] = useState<string>('');

src/components/Languages/Languages.tsx

@@ -1,4 +1,4 @@
-import React, { useContext } from 'react';
+import { useContext } from 'react';
 import { useTranslation } from 'react-i18next';
 import { TreeContext } from '../../store/treeStore/treeStore';
 import PlusIcon from '../../images/icons/add-circle-outline.svg';

src/components/Languages/Translation/TranslateContainedValueSets.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { ValueSet } from '../../../types/fhir';
 import { ActionType, Languages } from '../../../store/treeStore/treeStore';

src/components/Languages/Translation/TranslateItemRow.tsx

@@ -1,4 +1,4 @@
-import React, { useContext, useState } from 'react';
+import { useContext, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { QuestionnaireItem, QuestionnaireItemAnswerOption } from '../../../types/fhir';
 import FormField from '../../FormField/FormField';

src/components/Languages/Translation/TranslateMetaData.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { translatableMetadata } from '../../../helpers/LanguageHelper';
 import { ActionType, TreeState } from '../../../store/treeStore/treeStore';

src/components/Languages/Translation/TranslateMetaDataRow.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { MetadataProperty } from '../../../types/LanguageTypes';
 import { ActionType, TreeState } from '../../../store/treeStore/treeStore';

src/components/Languages/Translation/TranslateOptionRow.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import { useState } from 'react';
 import { QuestionnaireItemAnswerOption } from '../../../types/fhir';
 import FormField from '../../FormField/FormField';
 import InputField from '../../InputField/inputField';

src/components/Languages/Translation/TranslateSettings.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { ActionType, Languages } from '../../../store/treeStore/treeStore';
 import FormField from '../../FormField/FormField';

src/components/Languages/Translation/TranslateSidebar.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { ActionType, Items, Languages } from '../../../store/treeStore/treeStore';
 import { isItemControlSidebar } from '../../../helpers/itemControl';

src/components/Languages/Translation/TranslationModal.tsx

@@ -1,4 +1,4 @@
-import React, { useContext, useEffect, useState } from 'react';
+import { useContext, useEffect, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import Modal from '../../Modal/Modal';
 import { OrderItem, TreeContext } from '../../../store/treeStore/treeStore';

src/components/MarkdownEditor/MarkdownEditor.tsx

@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/ban-ts-comment */
-import React, { useState } from 'react';
+import { useState } from 'react';
 // @ts-ignore
 import { CKEditor } from '@ckeditor/ckeditor5-react';
 // @ts-ignore

src/components/Metadata/QuestionnaireSettings.tsx

@@ -1,4 +1,4 @@
-import React, { useContext } from 'react';
+import { useContext } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import {

src/components/PredefinedValueSetModal/PredefinedValueSetModal.tsx

@@ -1,4 +1,4 @@
-import React, { useContext, useState } from 'react';
+import { useContext, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import {
     DragDropContext,

src/components/Question/Question.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import { useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import './Question.css';
 
@@ -15,7 +15,7 @@ import { IExtentionType, IItemProperty, IQuestionnaireItemType } from '../../typ
 import { updateItemAction } from '../../store/treeStore/treeActions';
 import { isRecipientList } from '../../helpers/QuestionHelper';
 import { createMarkdownExtension, removeItemExtension, setItemExtension, hasExtension } from '../../helpers/extensionHelper';
-import { isItemControlInline, isItemControlReceiverComponent, isItemControlHighlight } from '../../helpers/itemControl';
+import { isItemControlInline, isItemControlHighlight } from '../../helpers/itemControl';
 
 import Accordion from '../Accordion/Accordion';
 import { ActionType } from '../../store/treeStore/treeStore';
@@ -55,7 +55,7 @@ interface QuestionProps {
 
 const Question = (props: QuestionProps): JSX.Element => {
     const { t } = useTranslation();
-    const [isMarkdownActivated, setIsMarkdownActivated] = React.useState<boolean>(!!props.item._text);
+    const [isMarkdownActivated, setIsMarkdownActivated] = useState<boolean>(!!props.item._text);
     const codeElements = props.item.code ? `(${props.item.code.length})` : '(0)';
 
     const dispatchUpdateItem = (

src/components/Question/QuestionType/DateType.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { removeItemExtension, setItemExtension } from '../../../helpers/extensionHelper';
 import { createItemControlExtension, ItemControlType } from '../../../helpers/itemControl';

src/components/Question/QuestionType/Infotext.tsx

@@ -1,4 +1,4 @@
-import React, { useContext } from 'react';
+import { useContext } from 'react';
 import { useTranslation } from 'react-i18next';
 import { TreeContext } from '../../../store/treeStore/treeStore';
 import FormField from '../../FormField/FormField';

src/components/Question/QuestionType/OptionReference.tsx

@@ -1,4 +1,4 @@
-import React, { useContext } from 'react';
+import { useContext } from 'react';
 import { useTranslation } from 'react-i18next';
 import './OptionReference.css';
 import { Extension, QuestionnaireItem } from '../../../types/fhir';

src/components/Question/QuestionType/PredefinedValueSets.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { getValueSetValues } from '../../../helpers/valueSetHelper';
 import {

src/components/Question/SliderSettings/SliderSettings.tsx

@@ -1,4 +1,4 @@
-import React, { useContext, useState } from 'react';
+import { useContext, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { TreeContext } from '../../../store/treeStore/treeStore';
 import { removeItemExtension, setItemExtension } from '../../../helpers/extensionHelper';

src/components/Question/UnitType/UnitTypeSelector.tsx

@@ -1,4 +1,4 @@
-import React, { ChangeEvent, useContext } from 'react';
+import { ChangeEvent, useContext } from 'react';
 import { useTranslation } from 'react-i18next';
 import FormField from '../../FormField/FormField';
 import Select from '../../Select/Select';

src/components/Question/ValidationAnswerTypes/FhirPathDateValidation.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { useTranslation } from 'react-i18next';
 import { format, parse } from 'date-fns';
 import Picker from '../../DatePicker/DatePicker';

src/components/Question/ValidationAnswerTypes/ValidationAnswerTypeAttachment.tsx

@@ -1,4 +1,4 @@
-import React, { useContext } from 'react';
+import { useContext } from 'react';
 import { useTranslation } from 'react-i18next';
 import FormField from '../../FormField/FormField';
 import { IExtentionType } from '../../../types/IQuestionnareItemType';