eslint rule

packages/iobroker.vis-2/src/.eslintrc.js

@@ -96,5 +96,7 @@ module.exports = {
                 },
             },
         ],
+        '@typescript-eslint/type-annotation-spacing': 'error',
+        '@typescript-eslint/consistent-type-imports': 'error',
     },
 };

packages/iobroker.vis-2/src/src/Attributes/View.tsx

@@ -26,7 +26,7 @@ import {
 } from '@iobroker/adapter-react-v5';
 
 import { store } from '@/Store';
-import { Project, View } from '@iobroker/types-vis-2';
+import type { Project, View } from '@iobroker/types-vis-2';
 
 import { resolution, getFields, type Field } from './View/Items';
 import getEditField from './View/EditField';

packages/iobroker.vis-2/src/src/Attributes/View/AllViewsDialog.tsx

@@ -10,9 +10,10 @@ import {
 
 import { Close, DragHandle, FormatPaint } from '@mui/icons-material';
 
-import { I18n, LegacyConnection, type ThemeType } from '@iobroker/adapter-react-v5';
+import { I18n } from '@iobroker/adapter-react-v5';
+import type { LegacyConnection, type ThemeType } from '@iobroker/adapter-react-v5';
 
-import { Project } from '@iobroker/types-vis-2';
+import type { Project } from '@iobroker/types-vis-2';
 import { getViewsWithDifferentValues } from '@/Attributes/View/ApplyProperties';
 import getEditField from '@/Attributes/View/EditField';
 import type { Field } from '@/Attributes/View/Items';

packages/iobroker.vis-2/src/src/Attributes/View/ApplyProperties.tsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Confirm as ConfirmDialog, I18n } from '@iobroker/adapter-react-v5';
-import { Field, FieldGroup } from '@/Attributes/View/Items';
-import { Project } from '@iobroker/types-vis-2';
+import type { Field, FieldGroup } from '@/Attributes/View/Items';
+import type { Project } from '@iobroker/types-vis-2';
 
 export function getViewsWithDifferentValues(
     project: Project,

packages/iobroker.vis-2/src/src/Attributes/View/EditField.tsx

@@ -11,17 +11,20 @@ import {
 import {
     ColorPicker,
     I18n,
-    IconPicker, LegacyConnection,
+    IconPicker,
     TextWithIcon,
     Utils,
+} from '@iobroker/adapter-react-v5';
+import type {
+    LegacyConnection,
     type ThemeType,
 } from '@iobroker/adapter-react-v5';
 
 import { Clear as ClearIcon } from '@mui/icons-material';
 
 import { deepClone } from '@/Utils/utils';
-import { Field } from '@/Attributes/View/Items';
-import { Project } from '@iobroker/types-vis-2';
+import type { Field } from '@/Attributes/View/Items';
+import type { Project } from '@iobroker/types-vis-2';
 
 import EditFieldImage from './EditFieldImage';
 import EditFieldIcon64 from './EditFieldIcon64';

packages/iobroker.vis-2/src/src/Attributes/View/EditFieldImage.tsx

@@ -1,4 +1,5 @@
-import React, { RefObject, useRef, useState } from 'react';
+import type { RefObject } from 'react';
+import React, { useRef, useState } from 'react';
 import {
     Button, Fade, IconButton,
     Paper, Popper, TextField,
@@ -7,15 +8,17 @@ import {
 import { Clear as ClearIcon } from '@mui/icons-material';
 
 import {
-    type Connection,
     I18n,
-    LegacyConnection,
     SelectFile as SelectFileDialog,
     Utils,
+} from '@iobroker/adapter-react-v5';
+import type {
+    LegacyConnection,
+    type Connection,
     type ThemeType,
 } from '@iobroker/adapter-react-v5';
 
-import { Field } from '@/Attributes/View/Items';
+import type { Field } from '@/Attributes/View/Items';
 
 interface EditFieldImageProps {
     value: string;

packages/iobroker.vis-2/src/src/Attributes/View/Items.tsx

@@ -4,7 +4,7 @@ import { type SelectChangeEvent, TextField } from '@mui/material';
 import { Close as CloseIcon } from '@mui/icons-material';
 import { I18n, Utils } from '@iobroker/adapter-react-v5';
 import { store } from '@/Store';
-import { Project, View } from '@iobroker/types-vis-2';
+import type { Project, View } from '@iobroker/types-vis-2';
 
 export interface Field {
     label: string;

packages/iobroker.vis-2/src/src/Attributes/Widget/WidgetBindingField.tsx

@@ -29,13 +29,13 @@ import {
     Clear, Link as LinkIcon,
 } from '@mui/icons-material';
 
+import type { LegacyConnection, Connection } from '@iobroker/adapter-react-v5';
 import {
     I18n, Utils,
     SelectID,
-    LegacyConnection, Connection,
 } from '@iobroker/adapter-react-v5';
 
-import { AnyWidgetId, Project, VisBindingOperationArgument } from '@iobroker/types-vis-2';
+import type { AnyWidgetId, Project, VisBindingOperationArgument } from '@iobroker/types-vis-2';
 
 import { store, recalculateFields } from '@/Store';
 

packages/iobroker.vis-2/src/src/Attributes/Widget/WidgetCSS.tsx

@@ -8,7 +8,7 @@ import { Close } from '@mui/icons-material';
 
 import { I18n } from '@iobroker/adapter-react-v5';
 
-import { Widget } from '@iobroker/types-vis-2';
+import type { Widget } from '@iobroker/types-vis-2';
 import CustomAceEditor from '../../Components/CustomAceEditor';
 
 interface WidgetCSSProps {

packages/iobroker.vis-2/src/src/Attributes/Widget/WidgetField.tsx

@@ -2,11 +2,12 @@ import React, {
     useEffect, useRef, useState,
 } from 'react';
 
+import type { SelectChangeEvent } from '@mui/material';
 import {
     Autocomplete, Box, Button, Checkbox, Fade, IconButton, Input, ListItemText,
     ListSubheader, MenuItem, Paper, Popper, Select, Slider, TextField, FormControl,
     FormHelperText, ListItemIcon, DialogActions,
-    Dialog, DialogTitle, DialogContent, DialogContentText, SelectChangeEvent,
+    Dialog, DialogTitle, DialogContent, DialogContentText,
 } from '@mui/material';
 
 import {
@@ -18,6 +19,7 @@ import {
 } from '@mui/icons-material';
 import { FaFolderOpen as FolderOpenedIcon } from 'react-icons/fa';
 
+import type { Connection, LegacyConnection } from '@iobroker/adapter-react-v5';
 import {
     I18n,
     IconPicker,
@@ -26,25 +28,27 @@ import {
     TextWithIcon,
     ColorPicker,
     SelectID,
-    SelectFile as SelectFileDialog, Connection, LegacyConnection,
+    SelectFile as SelectFileDialog,
 } from '@iobroker/adapter-react-v5';
 
 import { findWidgetUsages } from '@/Vis/visUtils';
 import { store, recalculateFields, selectWidget } from '@/Store';
 import { deepClone } from '@/Utils/utils';
-import {
+import type {
     AnyWidgetId, Project,
     Widget,
     WidgetData,
     WidgetStyle,
-    ClassesValue, type RxWidgetInfoAttributesField,
+    ClassesValue,
+    type RxWidgetInfoAttributesField,
 } from '@iobroker/types-vis-2';
-import {
+
+import type {
     ObjectBrowserCustomFilter,
     ObjectBrowserType,
 } from '@iobroker/adapter-react-v5/Components/types';
 
-import { RxFieldOption, WidgetAttributeInfoStored, WidgetType } from '@/Vis/visWidgetsCatalog';
+import type { RxFieldOption, WidgetAttributeInfoStored, WidgetType } from '@/Vis/visWidgetsCatalog';
 import TextDialog from './TextDialog';
 import MaterialIconSelector from '../../Components/MaterialIconSelector';
 

packages/iobroker.vis-2/src/src/Attributes/Widget/WidgetJS.tsx

@@ -8,7 +8,7 @@ import { Close } from '@mui/icons-material';
 
 import { I18n } from '@iobroker/adapter-react-v5';
 
-import { Widget } from '@iobroker/types-vis-2';
+import type { Widget } from '@iobroker/types-vis-2';
 import CustomAceEditor from '../../Components/CustomAceEditor';
 
 interface WidgetJSProps {

packages/iobroker.vis-2/src/src/Attributes/Widget/index.tsx

@@ -22,25 +22,30 @@ import {
     Link as LinkIcon,
 } from '@mui/icons-material';
 
-import {
-    I18n, Icon,
-    LegacyConnection, Utils,
+import { I18n, Icon, Utils } from '@iobroker/adapter-react-v5';
+import type {
+    LegacyConnection,
     type ThemeType,
 } from '@iobroker/adapter-react-v5';
+
 import {
     store, recalculateFields, updateWidget, selectWidget,
 } from '@/Store';
 
-import {
-    getWidgetTypes, parseAttributes, WidgetAttributeInfoStored, WidgetAttributeIterable,
+import type {
+    WidgetAttributeInfoStored, WidgetAttributeIterable,
     WidgetAttributesGroupInfoStored, WidgetType,
 } from '@/Vis/visWidgetsCatalog';
-import { deepClone } from '@/Utils/utils';
 import {
+    getWidgetTypes, parseAttributes,
+} from '@/Vis/visWidgetsCatalog';
+import { deepClone } from '@/Utils/utils';
+import type {
     AnyWidgetId,
-    Project, type RxWidgetInfoGroup,
+    Project,
     Widget as SingleGroupWidget,
     VisTheme, WidgetData, WidgetStyle, GroupData,
+    type RxWidgetInfoGroup,
 } from '@iobroker/types-vis-2';
 
 import WidgetField from './WidgetField';

packages/iobroker.vis-2/src/src/Attributes/index.tsx

@@ -1,8 +1,9 @@
-import React, {
+import React, type { JSXElementConstructor,
     useEffect,
     useState,
-    type ReactNode, JSXElementConstructor,
+    type ReactNode
 } from 'react';
+
 import { withStyles } from '@mui/styles';
 
 import {
@@ -16,14 +17,15 @@ import {
     UnfoldLess as UnfoldLessIcon, ListAlt as IconAttributes,
 } from '@mui/icons-material';
 
-import { I18n, LegacyConnection, Utils } from '@iobroker/adapter-react-v5';
+import type { LegacyConnection } from '@iobroker/adapter-react-v5';
+import { I18n, Utils } from '@iobroker/adapter-react-v5';
 
+import type { EditorClass } from '@/Editor';
 import CSS from './CSS';
 import Scripts from './Scripts';
 import View from './View';
 import Widget from './Widget';
 import usePrevious from '../Utils/usePrevious';
-import { EditorClass } from '@/Editor';
 
 const style: Record<string, any> = (theme: Record<string, any>) => ({
     blockHeader: theme.classes.blockHeader,

packages/iobroker.vis-2/src/src/Components/MaterialIconSelector.tsx

@@ -24,7 +24,7 @@ import {
 } from '@mui/icons-material';
 
 import { I18n, Utils, Icon } from '@iobroker/adapter-react-v5';
-import { MaterialIconSelectorProps } from '@iobroker/types-vis-2';
+import type { MaterialIconSelectorProps } from '@iobroker/types-vis-2';
 
 import UploadFile from './UploadFile';
 

packages/iobroker.vis-2/src/src/Components/UploadFile.tsx

@@ -1,5 +1,6 @@
 import React, { useState, useCallback } from 'react';
-import { FileError, useDropzone } from 'react-dropzone';
+import type { FileError } from 'react-dropzone';
+import { useDropzone } from 'react-dropzone';
 
 import { CircularProgress } from '@mui/material';
 

packages/iobroker.vis-2/src/src/Components/WizardHelpers.tsx

@@ -21,8 +21,9 @@ import {
 } from '@mui/icons-material';
 
 import { TbVacuumCleaner } from 'react-icons/tb';
-import ChannelDetector, { DetectOptions, Types } from '@iobroker/type-detector';
-import { LegacyConnection } from '@iobroker/adapter-react-v5';
+import type { DetectOptions } from '@iobroker/type-detector';
+import ChannelDetector, { Types } from '@iobroker/type-detector';
+import type { LegacyConnection } from '@iobroker/adapter-react-v5';
 import { getNewWidgetIdNumber, getNewWidgetId } from '@/Utils/utils';
 
 const deviceIcons = {