Fix import linting errs

Author: joepio

data-browser/src/components/Dropdown/index.tsx

@@ -1,5 +1,4 @@
-import React, { useId, useMemo, useRef, useState } from 'react';
-import { useCallback } from 'react';
+import React, { useId, useMemo, useRef, useState, useCallback } from 'react';
 import { useHotkeys } from 'react-hotkeys-hook';
 import styled from 'styled-components';
 import { useClickAwayListener } from '../../hooks/useClickAwayListener';

data-browser/src/components/MetaSetter.tsx

@@ -1,5 +1,10 @@
-import { properties, unknownSubject } from '@tomic/react';
-import { useResource, useString, useTitle } from '@tomic/react';
+import {
+  properties,
+  unknownSubject,
+  useResource,
+  useString,
+  useTitle,
+} from '@tomic/react';
 import React from 'react';
 import { Helmet } from 'react-helmet-async';
 import { useSettings } from '../helpers/AppSettings';

data-browser/src/components/ResourceContextMenu/index.tsx

@@ -1,7 +1,6 @@
 import React from 'react';
 import { useLocation, useNavigate } from 'react-router-dom';
-import { isValidURL } from '@tomic/react';
-import { useStore } from '@tomic/react';
+import { isValidURL, useStore } from '@tomic/react';
 import {
   editURL,
   dataURL,

data-browser/src/components/forms/DropdownInput.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useRef, useState } from 'react';
+import React, { useEffect, useRef, useState, useCallback } from 'react';
 import { useHotkeys } from 'react-hotkeys-hook';
 import { FaCaretDown, FaTimes, FaTrash } from 'react-icons/fa';
 import styled, { css } from 'styled-components';
@@ -7,7 +7,6 @@ import { ButtonInput } from '../Button';
 import { ResourceInline } from '../../views/ResourceInline';
 import { InputOverlay, InputStyled, InputWrapper } from './InputStyles';
 import ResourceLine from '../../views/ResourceLine';
-import { useCallback } from 'react';
 import { useClickAwayListener } from '../../hooks/useClickAwayListener';
 import { useResource, useTitle } from '@tomic/react';
 

data-browser/src/components/forms/InputResourceArray.tsx

@@ -1,6 +1,5 @@
 import React, { useState } from 'react';
-import { ArrayError } from '@tomic/react';
-import { useArray } from '@tomic/react';
+import { ArrayError, useArray } from '@tomic/react';
 import { Button } from '../Button';
 import { InputProps } from './ResourceField';
 import { ErrMessage } from './InputStyles';

data-browser/src/components/forms/ResourceField.tsx

@@ -1,6 +1,5 @@
 import * as React from 'react';
-import { useProperty } from '@tomic/react';
-import { Resource, Property } from '@tomic/react';
+import { useProperty, Resource, Property } from '@tomic/react';
 import styled from 'styled-components';
 import Field from './Field';
 import Markdown from '../datatypes/Markdown';

data-browser/src/components/forms/ResourceSelector.tsx

@@ -1,12 +1,23 @@
-import { ArrayError, urls } from '@tomic/react';
-import { useArray, useResource, useStore, useTitle } from '@tomic/react';
-import React, { Dispatch, SetStateAction, useContext, useState } from 'react';
+import {
+  ArrayError,
+  urls,
+  useArray,
+  useResource,
+  useStore,
+  useTitle,
+} from '@tomic/react';
+import React, {
+  Dispatch,
+  SetStateAction,
+  useContext,
+  useState,
+  useCallback,
+} from 'react';
 import { ErrMessage, InputWrapper } from './InputStyles';
 import { DropdownInput } from './DropdownInput';
 import { Dialog, useDialog } from '../Dialog';
 import { DialogTreeContext } from '../Dialog/dialogContext';
 import { NewFormDialog } from './NewForm';
-import { useCallback } from 'react';
 import { useSettings } from '../../helpers/AppSettings';
 import styled from 'styled-components';
 

data-browser/src/components/forms/UploadForm.tsx

@@ -1,6 +1,5 @@
 import React, { useCallback, useState } from 'react';
-import { Resource, uploadFiles } from '@tomic/react';
-import { useStore } from '@tomic/react';
+import { Resource, uploadFiles, useStore } from '@tomic/react';
 import { useDropzone } from 'react-dropzone';
 import { Button } from '../Button';
 import FilePill from '../FilePill';

data-browser/src/handlers/sideBarHandler.ts

@@ -1,5 +1,4 @@
-import { Resource, Store, urls } from '@tomic/react';
-import { isString } from '@tomic/react';
+import { Resource, Store, urls, isString } from '@tomic/react';
 
 export function buildSideBarNewResourceHandler(store: Store) {
   // When a resource is saved add it to the parents subResources list if it's not already there.

data-browser/src/helpers/useHover.tsx

@@ -1,5 +1,4 @@
-import { RefObject } from 'react';
-import { useEffect, useRef, useState } from 'react';
+import { RefObject, useEffect, useRef, useState } from 'react';
 
 // hook returns tuple(array) with type [any, boolean]
 // T - could be any type of HTML element like: HTMLDivElement, HTMLParagraphElement and etc.