Update dependency eslint-plugin-import to v2.25.2 (#1555)

* Update dependency eslint-plugin-import to v2.25.2

Signed-off-by: Renovate Bot <bot@renovateapp.com>
Signed-off-by: Tilman Vatteroth <git@tilmanvatteroth.de>

* Make type imports more explicit

Signed-off-by: Tilman Vatteroth <git@tilmanvatteroth.de>

* Enforce use of type imports

Signed-off-by: Tilman Vatteroth <git@tilmanvatteroth.de>

Co-authored-by: Renovate Bot <bot@renovateapp.com>
Co-authored-by: Tilman Vatteroth <git@tilmanvatteroth.de>

src/components/editor-page/app-bar/read-only-mode-button.tsx

@@ -10,7 +10,7 @@ import { ForkAwesomeIcon } from '../../common/fork-awesome/fork-awesome-icon'
 import { Link } from 'react-router-dom'
 import { useTranslation } from 'react-i18next'
 import { useParams } from 'react-router'
-import { EditorPagePathParams } from '../editor-page'
+import type { EditorPagePathParams } from '../editor-page'
 
 export const ReadOnlyModeButton: React.FC = () => {
   const { t } = useTranslation()

src/components/editor-page/app-bar/slide-mode-button.tsx

@@ -10,7 +10,7 @@ import { ForkAwesomeIcon } from '../../common/fork-awesome/fork-awesome-icon'
 import { Link } from 'react-router-dom'
 import { useTranslation } from 'react-i18next'
 import { useParams } from 'react-router'
-import { EditorPagePathParams } from '../editor-page'
+import type { EditorPagePathParams } from '../editor-page'
 
 export const SlideModeButton: React.FC = () => {
   const { t } = useTranslation()

src/components/editor-page/document-bar/document-info/document-info-line-word-count.tsx

@@ -10,10 +10,8 @@ import { ShowIf } from '../../../common/show-if/show-if'
 import { DocumentInfoLine } from './document-info-line'
 import { UnitalicBoldText } from './unitalic-bold-text'
 import { useEditorToRendererCommunicator } from '../../render-context/editor-to-renderer-communicator-context-provider'
-import {
-  CommunicationMessageType,
-  OnWordCountCalculatedMessage
-} from '../../../render-page/window-post-message-communicator/rendering-message'
+import type { OnWordCountCalculatedMessage } from '../../../render-page/window-post-message-communicator/rendering-message'
+import { CommunicationMessageType } from '../../../render-page/window-post-message-communicator/rendering-message'
 import { useEditorReceiveHandler } from '../../../render-page/window-post-message-communicator/hooks/use-editor-receive-handler'
 import { useEffectOnRendererReady } from '../../../render-page/window-post-message-communicator/hooks/use-effect-on-renderer-ready'
 

src/components/editor-page/document-bar/document-info/document-info-line.tsx

@@ -6,7 +6,7 @@
 
 import React from 'react'
 import { ForkAwesomeIcon } from '../../../common/fork-awesome/fork-awesome-icon'
-import { IconName } from '../../../common/fork-awesome/types'
+import type { IconName } from '../../../common/fork-awesome/types'
 
 export interface DocumentInfoLineProps {
   icon: IconName

src/components/editor-page/document-bar/document-info/document-info-time-line.tsx

@@ -4,10 +4,10 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { DateTime } from 'luxon'
+import type { DateTime } from 'luxon'
 import React from 'react'
 import { Trans, useTranslation } from 'react-i18next'
-import { IconName } from '../../../common/fork-awesome/types'
+import type { IconName } from '../../../common/fork-awesome/types'
 import { UserAvatar } from '../../../common/user-avatar/user-avatar'
 import { DocumentInfoLine } from './document-info-line'
 import { TimeFromNow } from './time-from-now'

src/components/editor-page/document-bar/document-info/time-from-now.tsx

@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { DateTime } from 'luxon'
+import type { DateTime } from 'luxon'
 
 import React from 'react'
 

src/components/editor-page/document-bar/permissions/permission-list.tsx

@@ -4,11 +4,12 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import React, { ReactElement, useState } from 'react'
+import type { ReactElement } from 'react'
+import React, { useState } from 'react'
 import { Button, FormControl, InputGroup, ToggleButton, ToggleButtonGroup } from 'react-bootstrap'
 import { useTranslation } from 'react-i18next'
 import { ForkAwesomeIcon } from '../../../common/fork-awesome/fork-awesome-icon'
-import { Principal } from './permission-modal'
+import type { Principal } from './permission-modal'
 
 export interface PermissionListProps {
   list: Principal[]

src/components/editor-page/document-bar/permissions/permission-modal.tsx

@@ -10,7 +10,8 @@ import { Trans, useTranslation } from 'react-i18next'
 import { getUserById } from '../../../../api/users'
 import { CommonModal } from '../../../common/modals/common-modal'
 import { ShowIf } from '../../../common/show-if/show-if'
-import { UserAvatar, UserAvatarProps } from '../../../common/user-avatar/user-avatar'
+import type { UserAvatarProps } from '../../../common/user-avatar/user-avatar'
+import { UserAvatar } from '../../../common/user-avatar/user-avatar'
 import { GroupMode, PermissionGroupEntry } from './permission-group-entry'
 import { PermissionList } from './permission-list'
 

src/components/editor-page/document-bar/revisions/revision-modal-list-entry.tsx

@@ -8,8 +8,8 @@ import { DateTime } from 'luxon'
 import React from 'react'
 import { ListGroup } from 'react-bootstrap'
 import { Trans } from 'react-i18next'
-import { RevisionListEntry } from '../../../../api/revisions/types'
-import { UserResponse } from '../../../../api/users/types'
+import type { RevisionListEntry } from '../../../../api/revisions/types'
+import type { UserResponse } from '../../../../api/users/types'
 import { ForkAwesomeIcon } from '../../../common/fork-awesome/fork-awesome-icon'
 import { UserAvatar } from '../../../common/user-avatar/user-avatar'
 

src/components/editor-page/document-bar/revisions/revision-modal.tsx

@@ -10,8 +10,8 @@ import ReactDiffViewer, { DiffMethod } from 'react-diff-viewer'
 import { Trans, useTranslation } from 'react-i18next'
 import { useParams } from 'react-router'
 import { getAllRevisions, getRevision } from '../../../../api/revisions'
-import { Revision, RevisionListEntry } from '../../../../api/revisions/types'
-import { UserResponse } from '../../../../api/users/types'
+import type { Revision, RevisionListEntry } from '../../../../api/revisions/types'
+import type { UserResponse } from '../../../../api/users/types'
 import { useIsDarkModeActivated } from '../../../../hooks/common/use-is-dark-mode-activated'
 import { useNoteMarkdownContent } from '../../../../hooks/common/use-note-markdown-content'
 import { CommonModal } from '../../../common/modals/common-modal'

src/components/editor-page/document-bar/revisions/utils.ts

@@ -4,9 +4,9 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { Revision } from '../../../../api/revisions/types'
+import type { Revision } from '../../../../api/revisions/types'
 import { getUserById } from '../../../../api/users'
-import { UserResponse } from '../../../../api/users/types'
+import type { UserResponse } from '../../../../api/users/types'
 import { download } from '../../../common/download/download'
 import { Logger } from '../../../../utils/logger'
 

src/components/editor-page/document-bar/share/share-modal.tsx

@@ -12,7 +12,7 @@ import { useFrontendBaseUrl } from '../../../../hooks/common/use-frontend-base-u
 import { CopyableField } from '../../../common/copyable/copyable-field/copyable-field'
 import { CommonModal } from '../../../common/modals/common-modal'
 import { ShowIf } from '../../../common/show-if/show-if'
-import { EditorPagePathParams } from '../../editor-page'
+import type { EditorPagePathParams } from '../../editor-page'
 import { NoteType } from '../../../common/note-frontmatter/types'
 import { useApplicationState } from '../../../../hooks/common/use-application-state'
 

src/components/editor-page/editor-document-renderer/editor-document-renderer.tsx

@@ -5,7 +5,8 @@
  */
 
 import React from 'react'
-import { RenderIframe, RenderIframeProps } from '../renderer-pane/render-iframe'
+import type { RenderIframeProps } from '../renderer-pane/render-iframe'
+import { RenderIframe } from '../renderer-pane/render-iframe'
 import { useNoteMarkdownContentWithoutFrontmatter } from '../../../hooks/common/use-note-markdown-content-without-frontmatter'
 import { useSendFrontmatterInfoFromReduxToRenderer } from '../renderer-pane/hooks/use-send-frontmatter-info-from-redux-to-renderer'
 

src/components/editor-page/editor-page.tsx

@@ -20,7 +20,7 @@ import { useLoadNoteFromServer } from './hooks/useLoadNoteFromServer'
 import { useViewModeShortcuts } from './hooks/useViewModeShortcuts'
 import { Sidebar } from './sidebar/sidebar'
 import { Splitter } from './splitter/splitter'
-import { DualScrollState, ScrollState } from './synced-scroll/scroll-props'
+import type { DualScrollState, ScrollState } from './synced-scroll/scroll-props'
 import { RendererType } from '../render-page/window-post-message-communicator/rendering-message'
 import { useEditorModeFromUrl } from './hooks/useEditorModeFromUrl'
 import { UiNotifications } from '../notifications/ui-notifications'

src/components/editor-page/editor-pane/autocompletion/code-block.ts

@@ -4,8 +4,10 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { Editor, Hint, Hints, Pos } from 'codemirror'
-import { findWordAtCursor, generateHintListByPrefix, Hinter } from './index'
+import type { Editor, Hint, Hints } from 'codemirror'
+import { Pos } from 'codemirror'
+import type { Hinter } from './index'
+import { findWordAtCursor, generateHintListByPrefix } from './index'
 import { showErrorNotification } from '../../../../redux/ui-notifications/methods'
 import { Logger } from '../../../../utils/logger'
 

src/components/editor-page/editor-pane/autocompletion/collapsable-block.ts

@@ -4,8 +4,10 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { Editor, Hint, Hints, Pos } from 'codemirror'
-import { findWordAtCursor, Hinter } from './index'
+import type { Editor, Hint, Hints } from 'codemirror'
+import { Pos } from 'codemirror'
+import type { Hinter } from './index'
+import { findWordAtCursor } from './index'
 
 const wordRegExp = /^(<d(?:e|et|eta|etai|etail|etails)?)$/
 

src/components/editor-page/editor-pane/autocompletion/container.ts

@@ -4,9 +4,11 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { Editor, Hint, Hints, Pos } from 'codemirror'
+import type { Editor, Hint, Hints } from 'codemirror'
+import { Pos } from 'codemirror'
 import { validAlertLevels } from '../../../markdown-renderer/markdown-it-plugins/alert-container'
-import { findWordAtCursor, Hinter } from './index'
+import type { Hinter } from './index'
+import { findWordAtCursor } from './index'
 
 const wordRegExp = /^:::((?:\w|-|\+)*)$/
 const spoilerSuggestion: Hint = {

src/components/editor-page/editor-pane/autocompletion/emoji.ts

@@ -4,12 +4,14 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { Editor, Hint, Hints, Pos } from 'codemirror'
+import type { Editor, Hint, Hints } from 'codemirror'
+import { Pos } from 'codemirror'
 import Database from 'emoji-picker-element/database'
-import { Emoji, EmojiClickEventDetail, NativeEmoji } from 'emoji-picker-element/shared'
+import type { Emoji, EmojiClickEventDetail, NativeEmoji } from 'emoji-picker-element/shared'
 import { emojiPickerConfig } from '../tool-bar/emoji-picker/emoji-picker'
 import { getEmojiIcon, getEmojiShortCode } from '../tool-bar/utils/emojiUtils'
-import { findWordAtCursor, Hinter } from './index'
+import type { Hinter } from './index'
+import { findWordAtCursor } from './index'
 import { Logger } from '../../../../utils/logger'
 
 const emojiIndex = new Database(emojiPickerConfig)

src/components/editor-page/editor-pane/autocompletion/header.ts

@@ -4,8 +4,10 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { Editor, Hint, Hints, Pos } from 'codemirror'
-import { findWordAtCursor, generateHintListByPrefix, Hinter } from './index'
+import type { Editor, Hint, Hints } from 'codemirror'
+import { Pos } from 'codemirror'
+import type { Hinter } from './index'
+import { findWordAtCursor, generateHintListByPrefix } from './index'
 
 const wordRegExp = /^(\s{0,3})(#{1,6})$/
 const allSupportedHeaders = ['# h1', '## h2', '### h3', '#### h4', '##### h5', '###### h6', '###### tags: `example`']

src/components/editor-page/editor-pane/autocompletion/image.ts

@@ -4,8 +4,10 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { Editor, Hint, Hints, Pos } from 'codemirror'
-import { findWordAtCursor, Hinter } from './index'
+import type { Editor, Hint, Hints } from 'codemirror'
+import { Pos } from 'codemirror'
+import type { Hinter } from './index'
+import { findWordAtCursor } from './index'
 
 const wordRegExp = /^(!(\[.*])?)$/
 const allSupportedImages = [

src/components/editor-page/editor-pane/autocompletion/index.ts

@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { Editor, Hints } from 'codemirror'
+import type { Editor, Hints } from 'codemirror'
 import { CodeBlockHinter } from './code-block'
 import { CollapsableBlockHinter } from './collapsable-block'
 import { ContainerHinter } from './container'

src/components/editor-page/editor-pane/autocompletion/link-and-extra-tag.ts

@@ -4,9 +4,11 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { Editor, Hint, Hints, Pos } from 'codemirror'
+import type { Editor, Hint, Hints } from 'codemirror'
+import { Pos } from 'codemirror'
 import { DateTime } from 'luxon'
-import { findWordAtCursor, Hinter } from './index'
+import type { Hinter } from './index'
+import { findWordAtCursor } from './index'
 import { store } from '../../../../redux'
 
 const wordRegExp = /^(\[(.*])?)$/

src/components/editor-page/editor-pane/autocompletion/pdf.ts

@@ -4,8 +4,10 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { Editor, Hint, Hints, Pos } from 'codemirror'
-import { findWordAtCursor, Hinter } from './index'
+import type { Editor, Hint, Hints } from 'codemirror'
+import { Pos } from 'codemirror'
+import type { Hinter } from './index'
+import { findWordAtCursor } from './index'
 
 const wordRegExp = /^({[%}]?)$/
 

src/components/editor-page/editor-pane/editor-pane.tsx

@@ -4,14 +4,15 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { Editor, EditorChange } from 'codemirror'
+import type { Editor, EditorChange } from 'codemirror'
 import React, { useCallback, useRef, useState } from 'react'
 import { Controlled as ControlledCodeMirror } from 'react-codemirror2'
 import { MaxLengthWarningModal } from '../editor-modals/max-length-warning-modal'
-import { ScrollProps } from '../synced-scroll/scroll-props'
+import type { ScrollProps } from '../synced-scroll/scroll-props'
 import { allHinters, findWordAtCursor } from './autocompletion'
 import './editor-pane.scss'
-import { createStatusInfo, defaultState, StatusBar, StatusBarInfo } from './status-bar/status-bar'
+import type { StatusBarInfo } from './status-bar/status-bar'
+import { createStatusInfo, defaultState, StatusBar } from './status-bar/status-bar'
 import { ToolBar } from './tool-bar/tool-bar'
 import { useApplicationState } from '../../../hooks/common/use-application-state'
 import './codemirror-imports'

src/components/editor-page/editor-pane/hooks/use-apply-scroll-state.ts

@@ -5,8 +5,8 @@
  */
 
 import { useEffect, useRef } from 'react'
-import { Editor } from 'codemirror'
-import { ScrollState } from '../../synced-scroll/scroll-props'
+import type { Editor } from 'codemirror'
+import type { ScrollState } from '../../synced-scroll/scroll-props'
 
 /**
  * Monitors the given scroll state and scrolls the editor to the state if changed.

src/components/editor-page/editor-pane/hooks/use-code-mirror-options.ts

@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { EditorConfiguration } from 'codemirror'
+import type { EditorConfiguration } from 'codemirror'
 import { useMemo } from 'react'
 import { defaultKeyMap } from '../key-map'
 import { useApplicationState } from '../../../../hooks/common/use-application-state'

src/components/editor-page/editor-pane/hooks/use-on-editor-file-drop.ts

@@ -5,9 +5,9 @@
  */
 
 import { useCallback } from 'react'
-import { Editor } from 'codemirror'
+import type { Editor } from 'codemirror'
 import { handleUpload } from '../upload-handler'
-import { DomEvent } from 'react-codemirror2'
+import type { DomEvent } from 'react-codemirror2'
 
 interface DropEvent {
   pageX: number

src/components/editor-page/editor-pane/hooks/use-on-editor-paste-callback.ts

@@ -5,10 +5,11 @@
  */
 
 import { useCallback } from 'react'
-import { Editor } from 'codemirror'
-import { handleFilePaste, handleTablePaste, PasteEvent } from '../tool-bar/utils/pasteHandlers'
+import type { Editor } from 'codemirror'
+import type { PasteEvent } from '../tool-bar/utils/pasteHandlers'
+import { handleFilePaste, handleTablePaste } from '../tool-bar/utils/pasteHandlers'
 import { useApplicationState } from '../../../../hooks/common/use-application-state'
-import { DomEvent } from 'react-codemirror2'
+import type { DomEvent } from 'react-codemirror2'
 
 /**
  * Creates a callback that handles the table or file paste action in code mirror.

src/components/editor-page/editor-pane/hooks/use-on-editor-scroll.ts

@@ -4,10 +4,10 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { DomEvent } from 'react-codemirror2'
+import type { DomEvent } from 'react-codemirror2'
 import { useCallback, useEffect, useState } from 'react'
-import { Editor, ScrollInfo } from 'codemirror'
-import { ScrollState } from '../../synced-scroll/scroll-props'
+import type { Editor, ScrollInfo } from 'codemirror'
+import type { ScrollState } from '../../synced-scroll/scroll-props'
 
 /**
  * Creates a callback for the scroll binding of the code mirror editor.

src/components/editor-page/editor-pane/key-map.ts

@@ -4,7 +4,8 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import CodeMirror, { Editor, KeyMap, Pass } from 'codemirror'
+import type { Editor, KeyMap, Pass } from 'codemirror'
+import CodeMirror from 'codemirror'
 import { isMac } from '../utils'
 import {
   addLink,

src/components/editor-page/editor-pane/status-bar/status-bar.tsx

@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { Editor, Position } from 'codemirror'
+import type { Editor, Position } from 'codemirror'
 import React, { useMemo } from 'react'
 import { useTranslation } from 'react-i18next'
 import { ShowIf } from '../../../common/show-if/show-if'

src/components/editor-page/editor-pane/tool-bar/editor-preferences/editor-preference-boolean-property.tsx

@@ -4,12 +4,13 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { EditorConfiguration } from 'codemirror'
-import React, { ChangeEvent, useCallback } from 'react'
+import type { EditorConfiguration } from 'codemirror'
+import type { ChangeEvent } from 'react'
+import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
 import { mergeEditorPreferences } from '../../../../../redux/editor/methods'
 import { EditorPreferenceInput, EditorPreferenceInputType } from './editor-preference-input'
-import { EditorPreferenceProperty } from './editor-preference-property'
+import type { EditorPreferenceProperty } from './editor-preference-property'
 import { useApplicationState } from '../../../../../hooks/common/use-application-state'
 
 export interface EditorPreferenceBooleanProps {

src/components/editor-page/editor-pane/tool-bar/editor-preferences/editor-preference-ligatures-select.tsx

@@ -3,7 +3,8 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-import React, { ChangeEvent, useCallback } from 'react'
+import type { ChangeEvent } from 'react'
+import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
 import { setEditorLigatures } from '../../../../../redux/editor/methods'
 import { EditorPreferenceInput, EditorPreferenceInputType } from './editor-preference-input'

src/components/editor-page/editor-pane/tool-bar/editor-preferences/editor-preference-number-property.tsx

@@ -4,11 +4,12 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { EditorConfiguration } from 'codemirror'
-import React, { ChangeEvent, useCallback } from 'react'
+import type { EditorConfiguration } from 'codemirror'
+import type { ChangeEvent } from 'react'
+import React, { useCallback } from 'react'
 import { mergeEditorPreferences } from '../../../../../redux/editor/methods'
 import { EditorPreferenceInput, EditorPreferenceInputType } from './editor-preference-input'
-import { EditorPreferenceProperty } from './editor-preference-property'
+import type { EditorPreferenceProperty } from './editor-preference-property'
 import { useApplicationState } from '../../../../../hooks/common/use-application-state'
 
 export interface EditorPreferenceNumberProps {

src/components/editor-page/editor-pane/tool-bar/editor-preferences/editor-preference-select-property.tsx

@@ -4,12 +4,13 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { EditorConfiguration } from 'codemirror'
-import React, { ChangeEvent, useCallback } from 'react'
+import type { EditorConfiguration } from 'codemirror'
+import type { ChangeEvent } from 'react'
+import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
 import { mergeEditorPreferences } from '../../../../../redux/editor/methods'
 import { EditorPreferenceInput, EditorPreferenceInputType } from './editor-preference-input'
-import { EditorPreferenceProperty } from './editor-preference-property'
+import type { EditorPreferenceProperty } from './editor-preference-property'
 import { useApplicationState } from '../../../../../hooks/common/use-application-state'
 
 export interface EditorPreferenceSelectPropertyProps {

src/components/editor-page/editor-pane/tool-bar/editor-preferences/editor-preference-smart-paste-select.tsx

@@ -3,7 +3,8 @@
  *
  * SPDX-License-Identifier: AGPL-3.0-only
  */
-import React, { ChangeEvent, useCallback } from 'react'
+import type { ChangeEvent } from 'react'
+import React, { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useApplicationState } from '../../../../../hooks/common/use-application-state'
 import { setEditorSmartPaste } from '../../../../../redux/editor/methods'

src/components/editor-page/editor-pane/tool-bar/emoji-picker/emoji-picker-button.tsx

@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import CodeMirror from 'codemirror'
+import type CodeMirror from 'codemirror'
 import React, { Fragment, useState } from 'react'
 import { Button } from 'react-bootstrap'
 import { useTranslation } from 'react-i18next'

src/components/editor-page/editor-pane/tool-bar/emoji-picker/emoji-picker.tsx

@@ -5,7 +5,7 @@
  */
 
 import { Picker } from 'emoji-picker-element'
-import { CustomEmoji, EmojiClickEvent, EmojiClickEventDetail } from 'emoji-picker-element/shared'
+import type { CustomEmoji, EmojiClickEvent, EmojiClickEventDetail } from 'emoji-picker-element/shared'
 import React, { useEffect, useRef } from 'react'
 import { useClickAway } from 'react-use'
 import { useIsDarkModeActivated } from '../../../../../hooks/common/use-is-dark-mode-activated'

src/components/editor-page/editor-pane/tool-bar/table-picker/custom-table-size-modal.tsx

@@ -9,7 +9,7 @@ import { Button, Form, ModalFooter } from 'react-bootstrap'
 import { useTranslation } from 'react-i18next'
 import { ForkAwesomeIcon } from '../../../../common/fork-awesome/fork-awesome-icon'
 import { CommonModal } from '../../../../common/modals/common-modal'
-import { TableSize } from './table-picker'
+import type { TableSize } from './table-picker'
 
 export interface CustomTableSizeModalProps {
   showModal: boolean

src/components/editor-page/editor-pane/tool-bar/table-picker/table-picker-button.tsx

@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import CodeMirror from 'codemirror'
+import type CodeMirror from 'codemirror'
 import React, { Fragment, useState } from 'react'
 import { Button } from 'react-bootstrap'
 import { useTranslation } from 'react-i18next'

src/components/editor-page/editor-pane/tool-bar/tool-bar.tsx

@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { Editor } from 'codemirror'
+import type { Editor } from 'codemirror'
 import React from 'react'
 import { Button, ButtonGroup, ButtonToolbar } from 'react-bootstrap'
 import { useTranslation } from 'react-i18next'

src/components/editor-page/editor-pane/tool-bar/upload-image-button.tsx

@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { Editor } from 'codemirror'
+import type { Editor } from 'codemirror'
 import React, { Fragment, useCallback, useRef } from 'react'
 import { Button } from 'react-bootstrap'
 import { useTranslation } from 'react-i18next'

src/components/editor-page/editor-pane/tool-bar/utils/codefenceDetection.test.ts

@@ -5,7 +5,7 @@
  */
 
 import { Mock } from 'ts-mockery'
-import { Editor } from 'codemirror'
+import type { Editor } from 'codemirror'
 import { isCursorInCodefence } from './codefenceDetection'
 
 Mock.configure('jest')

src/components/editor-page/editor-pane/tool-bar/utils/codefenceDetection.ts

@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { Editor } from 'codemirror'
+import type { Editor } from 'codemirror'
 
 export const isCursorInCodefence = (editor: Editor): boolean => {
   const currentLine = editor.getCursor().line

src/components/editor-page/editor-pane/tool-bar/utils/emojiUtils.ts

@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { EmojiClickEventDetail, NativeEmoji } from 'emoji-picker-element/shared'
+import type { EmojiClickEventDetail, NativeEmoji } from 'emoji-picker-element/shared'
 
 export const getEmojiIcon = (emoji: EmojiClickEventDetail): string => {
   if (emoji.unicode) {

src/components/editor-page/editor-pane/tool-bar/utils/pasteHandlers.ts

@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { Editor } from 'codemirror'
+import type { Editor } from 'codemirror'
 import { convertClipboardTableToMarkdown, isTable } from '../../table-extractor'
 import { handleUpload } from '../../upload-handler'
 import { insertAtCursor } from './toolbarButtonUtils'

src/components/editor-page/editor-pane/tool-bar/utils/toolbarButtonUtils.test.ts

@@ -4,8 +4,9 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import CodeMirror, { Editor, Position, Range } from 'codemirror'
-import { EmojiClickEventDetail } from 'emoji-picker-element/shared'
+import type { Editor, Position, Range } from 'codemirror'
+import type CodeMirror from 'codemirror'
+import type { EmojiClickEventDetail } from 'emoji-picker-element/shared'
 import { Mock } from 'ts-mockery'
 import {
   addCodeFences,

src/components/editor-page/editor-pane/tool-bar/utils/toolbarButtonUtils.ts

@@ -4,8 +4,8 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { Editor } from 'codemirror'
-import { EmojiClickEventDetail } from 'emoji-picker-element/shared'
+import type { Editor } from 'codemirror'
+import type { EmojiClickEventDetail } from 'emoji-picker-element/shared'
 import { createNumberRangeArray } from '../../../../common/number-range/number-range'
 import { getEmojiShortCode } from './emojiUtils'
 

src/components/editor-page/editor-pane/upload-handler.ts

@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { Editor } from 'codemirror'
+import type { Editor } from 'codemirror'
 import i18n from 'i18next'
 import { uploadFile } from '../../../api/media'
 import { store } from '../../../redux'

src/components/editor-page/hooks/useLoadNoteFromServer.ts

@@ -8,7 +8,7 @@ import { useEffect, useState } from 'react'
 import { useParams } from 'react-router'
 import { getNote } from '../../../api/notes'
 import { setNoteDataFromServer } from '../../../redux/note-details/methods'
-import { EditorPagePathParams } from '../editor-page'
+import type { EditorPagePathParams } from '../editor-page'
 import { Logger } from '../../../utils/logger'
 
 const log = new Logger('Load Note From Server')

src/components/editor-page/hooks/useUpdateLocalHistoryEntry.ts

@@ -8,8 +8,9 @@ import equal from 'fast-deep-equal'
 import { useEffect, useRef } from 'react'
 import { store } from '../../../redux'
 import { useParams } from 'react-router-dom'
-import { EditorPagePathParams } from '../editor-page'
-import { HistoryEntry, HistoryEntryOrigin } from '../../../redux/history/types'
+import type { EditorPagePathParams } from '../editor-page'
+import type { HistoryEntry } from '../../../redux/history/types'
+import { HistoryEntryOrigin } from '../../../redux/history/types'
 import { updateLocalHistoryEntry } from '../../../redux/history/methods'
 import { useApplicationState } from '../../../hooks/common/use-application-state'
 

src/components/editor-page/render-context/renderer-to-editor-communicator-context-provider.tsx

@@ -6,7 +6,7 @@
 
 import React, { createContext, useContext, useEffect, useMemo } from 'react'
 import { useSelector } from 'react-redux'
-import { ApplicationState } from '../../../redux'
+import type { ApplicationState } from '../../../redux'
 import { RendererToEditorCommunicator } from '../../render-page/window-post-message-communicator/renderer-to-editor-communicator'
 import { CommunicationMessageType } from '../../render-page/window-post-message-communicator/rendering-message'
 

src/components/editor-page/renderer-pane/communicator-image-lightbox.tsx

@@ -6,11 +6,11 @@
 
 import React, { useCallback, useState } from 'react'
 import { ImageLightboxModal } from '../../markdown-renderer/replace-components/image/image-lightbox-modal'
-import {
-  CommunicationMessageType,
+import type {
   ImageClickedMessage,
   ImageDetails
 } from '../../render-page/window-post-message-communicator/rendering-message'
+import { CommunicationMessageType } from '../../render-page/window-post-message-communicator/rendering-message'
 import { useEditorReceiveHandler } from '../../render-page/window-post-message-communicator/hooks/use-editor-receive-handler'
 
 export const CommunicatorImageLightbox: React.FC = () => {

src/components/editor-page/renderer-pane/hooks/use-effect-on-render-type-change.ts

@@ -5,7 +5,7 @@
  */
 
 import { useEffect, useRef } from 'react'
-import { RendererType } from '../../../render-page/window-post-message-communicator/rendering-message'
+import type { RendererType } from '../../../render-page/window-post-message-communicator/rendering-message'
 
 /**
  * Execute the given reload callback if the given render type changes.

src/components/editor-page/renderer-pane/hooks/use-force-render-page-url-on-iframe-load-callback.ts

@@ -4,7 +4,8 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { RefObject, useCallback, useEffect, useMemo, useRef } from 'react'
+import type { RefObject } from 'react'
+import { useCallback, useEffect, useMemo, useRef } from 'react'
 import { Logger } from '../../../../utils/logger'
 
 const log = new Logger('IframeLoader')

src/components/editor-page/renderer-pane/hooks/use-send-frontmatter-info-from-redux-to-renderer.ts

@@ -8,7 +8,7 @@ import { useSendToRenderer } from '../../../render-page/window-post-message-comm
 import { useMemo, useRef } from 'react'
 import { CommunicationMessageType } from '../../../render-page/window-post-message-communicator/rendering-message'
 import { useApplicationState } from '../../../../hooks/common/use-application-state'
-import { RendererFrontmatterInfo } from '../../../common/note-frontmatter/types'
+import type { RendererFrontmatterInfo } from '../../../common/note-frontmatter/types'
 import equal from 'fast-deep-equal'
 
 /**

src/components/editor-page/renderer-pane/hooks/use-send-scroll-state.ts

@@ -5,7 +5,7 @@
  */
 
 import { useCallback, useRef } from 'react'
-import { ScrollState } from '../../synced-scroll/scroll-props'
+import type { ScrollState } from '../../synced-scroll/scroll-props'
 import { CommunicationMessageType } from '../../../render-page/window-post-message-communicator/rendering-message'
 import { useEffectOnRendererReady } from '../../../render-page/window-post-message-communicator/hooks/use-effect-on-renderer-ready'
 import equal from 'fast-deep-equal'

src/components/editor-page/renderer-pane/render-iframe.tsx

@@ -5,15 +5,15 @@
  */
 import React, { Fragment, useCallback, useEffect, useRef, useState } from 'react'
 import { isTestMode } from '../../../utils/test-modes'
-import { RendererProps } from '../../render-page/markdown-document'
-import {
-  CommunicationMessageType,
+import type { RendererProps } from '../../render-page/markdown-document'
+import type {
   OnFirstHeadingChangeMessage,
   OnHeightChangeMessage,
   OnTaskCheckboxChangeMessage,
   RendererType,
   SetScrollStateMessage
 } from '../../render-page/window-post-message-communicator/rendering-message'
+import { CommunicationMessageType } from '../../render-page/window-post-message-communicator/rendering-message'
 import { useEditorToRendererCommunicator } from '../render-context/editor-to-renderer-communicator-context-provider'
 import { useForceRenderPageUrlOnIframeLoadCallback } from './hooks/use-force-render-page-url-on-iframe-load-callback'
 import { CommunicatorImageLightbox } from './communicator-image-lightbox'

src/components/editor-page/renderer-pane/yaml-array-deprecation-alert.tsx

@@ -10,7 +10,7 @@ import { Trans, useTranslation } from 'react-i18next'
 import links from '../../../links.json'
 import { TranslatedExternalLink } from '../../common/links/translated-external-link'
 import { ShowIf } from '../../common/show-if/show-if'
-import { CommonModalProps } from '../../common/modals/common-modal'
+import type { CommonModalProps } from '../../common/modals/common-modal'
 
 export const YamlArrayDeprecationAlert: React.FC<Partial<CommonModalProps>> = ({ show }) => {
   useTranslation()

src/components/editor-page/sidebar/delete-note-sidebar-entry.tsx

@@ -8,7 +8,7 @@ import React, { Fragment, useState } from 'react'
 import { Trans, useTranslation } from 'react-i18next'
 import { DeletionModal } from '../../common/modals/deletion-modal'
 import { SidebarButton } from './sidebar-button'
-import { SpecificSidebarEntryProps } from './types'
+import type { SpecificSidebarEntryProps } from './types'
 
 export const DeleteNoteSidebarEntry: React.FC<SpecificSidebarEntryProps> = ({ hide, className }) => {
   useTranslation()

src/components/editor-page/sidebar/document-info-sidebar-entry.tsx

@@ -8,7 +8,7 @@ import React, { Fragment, useState } from 'react'
 import { Trans, useTranslation } from 'react-i18next'
 import { DocumentInfoModal } from '../document-bar/document-info/document-info-modal'
 import { SidebarButton } from './sidebar-button'
-import { SpecificSidebarEntryProps } from './types'
+import type { SpecificSidebarEntryProps } from './types'
 
 export const DocumentInfoSidebarEntry: React.FC<SpecificSidebarEntryProps> = ({ className, hide }) => {
   const [showModal, setShowModal] = useState(false)

src/components/editor-page/sidebar/export-menu-sidebar-menu.tsx

@@ -10,7 +10,8 @@ import links from '../../../links.json'
 import { ExportMarkdownSidebarEntry } from './export-markdown-sidebar-entry'
 import { SidebarButton } from './sidebar-button'
 import { SidebarMenu } from './sidebar-menu'
-import { DocumentSidebarMenuSelection, SpecificSidebarMenuProps } from './types'
+import type { SpecificSidebarMenuProps } from './types'
+import { DocumentSidebarMenuSelection } from './types'
 
 export const ExportMenuSidebarMenu: React.FC<SpecificSidebarMenuProps> = ({
   className,

src/components/editor-page/sidebar/import-menu-sidebar-menu.tsx

@@ -9,7 +9,8 @@ import { Trans, useTranslation } from 'react-i18next'
 import { ImportMarkdownSidebarEntry } from './import-markdown-sidebar-entry'
 import { SidebarButton } from './sidebar-button'
 import { SidebarMenu } from './sidebar-menu'
-import { DocumentSidebarMenuSelection, SpecificSidebarMenuProps } from './types'
+import type { SpecificSidebarMenuProps } from './types'
+import { DocumentSidebarMenuSelection } from './types'
 
 export const ImportMenuSidebarMenu: React.FC<SpecificSidebarMenuProps> = ({
   className,

src/components/editor-page/sidebar/permissions-sidebar-entry.tsx

@@ -8,7 +8,7 @@ import React, { Fragment, useState } from 'react'
 import { Trans, useTranslation } from 'react-i18next'
 import { PermissionModal } from '../document-bar/permissions/permission-modal'
 import { SidebarButton } from './sidebar-button'
-import { SpecificSidebarEntryProps } from './types'
+import type { SpecificSidebarEntryProps } from './types'
 
 export const PermissionsSidebarEntry: React.FC<SpecificSidebarEntryProps> = ({ className, hide }) => {
   const [showModal, setShowModal] = useState(false)

src/components/editor-page/sidebar/pin-note-sidebar-entry.tsx

@@ -7,9 +7,9 @@
 import React, { useCallback, useMemo } from 'react'
 import { Trans, useTranslation } from 'react-i18next'
 import { SidebarButton } from './sidebar-button'
-import { SpecificSidebarEntryProps } from './types'
+import type { SpecificSidebarEntryProps } from './types'
 import { useParams } from 'react-router-dom'
-import { EditorPagePathParams } from '../editor-page'
+import type { EditorPagePathParams } from '../editor-page'
 import { toggleHistoryEntryPinning } from '../../../redux/history/methods'
 import { showErrorNotification } from '../../../redux/ui-notifications/methods'
 import { useApplicationState } from '../../../hooks/common/use-application-state'

src/components/editor-page/sidebar/revision-sidebar-entry.tsx

@@ -8,7 +8,7 @@ import React, { Fragment, useState } from 'react'
 import { Trans } from 'react-i18next'
 import { RevisionModal } from '../document-bar/revisions/revision-modal'
 import { SidebarButton } from './sidebar-button'
-import { SpecificSidebarEntryProps } from './types'
+import type { SpecificSidebarEntryProps } from './types'
 
 export const RevisionSidebarEntry: React.FC<SpecificSidebarEntryProps> = ({ className, hide }) => {
   const [showModal, setShowModal] = useState(false)

src/components/editor-page/sidebar/share-sidebar-entry.tsx

@@ -8,7 +8,7 @@ import React, { Fragment, useState } from 'react'
 import { Trans, useTranslation } from 'react-i18next'
 import { ShareModal } from '../document-bar/share/share-modal'
 import { SidebarButton } from './sidebar-button'
-import { SpecificSidebarEntryProps } from './types'
+import type { SpecificSidebarEntryProps } from './types'
 
 export const ShareSidebarEntry: React.FC<SpecificSidebarEntryProps> = ({ className, hide }) => {
   const [showModal, setShowModal] = useState(false)

src/components/editor-page/sidebar/sidebar-button.tsx

@@ -6,9 +6,9 @@
 
 import React from 'react'
 import { ForkAwesomeIcon } from '../../common/fork-awesome/fork-awesome-icon'
-import { IconName } from '../../common/fork-awesome/types'
+import type { IconName } from '../../common/fork-awesome/types'
 import { ShowIf } from '../../common/show-if/show-if'
-import { SidebarEntryProps } from './types'
+import type { SidebarEntryProps } from './types'
 
 export type SidebarEntryVariant = 'primary'
 

src/components/editor-page/sidebar/sidebar-menu.tsx

@@ -5,7 +5,7 @@
  */
 
 import React from 'react'
-import { SidebarMenuProps } from './types'
+import type { SidebarMenuProps } from './types'
 
 export const SidebarMenu: React.FC<SidebarMenuProps> = ({ children, expand }) => {
   return (

src/components/editor-page/sidebar/types.ts

@@ -4,9 +4,9 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { RefObject } from 'react'
-import { IconName } from '../../common/fork-awesome/types'
-import { SidebarEntryVariant } from './sidebar-button'
+import type { RefObject } from 'react'
+import type { IconName } from '../../common/fork-awesome/types'
+import type { SidebarEntryVariant } from './sidebar-button'
 
 export interface SpecificSidebarEntryProps {
   className?: string

src/components/editor-page/sidebar/upload-input.tsx

@@ -4,7 +4,8 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import React, { MutableRefObject, useCallback, useEffect, useRef } from 'react'
+import type { MutableRefObject } from 'react'
+import React, { useCallback, useEffect, useRef } from 'react'
 import { Logger } from '../../../utils/logger'
 
 const log = new Logger('UploadInput')

src/components/editor-page/sidebar/users-online-sidebar-menu/user-line.tsx

@@ -6,7 +6,8 @@
 
 import React from 'react'
 import { UserAvatar } from '../../../common/user-avatar/user-avatar'
-import { ActiveIndicator, ActiveIndicatorStatus } from './active-indicator'
+import type { ActiveIndicatorStatus } from './active-indicator'
+import { ActiveIndicator } from './active-indicator'
 import './user-line.scss'
 
 export interface UserLineProps {

src/components/editor-page/sidebar/users-online-sidebar-menu/users-online-sidebar-menu.tsx

@@ -8,7 +8,8 @@ import React, { Fragment, useCallback, useEffect, useRef, useState } from 'react
 import { Trans, useTranslation } from 'react-i18next'
 import { SidebarButton } from '../sidebar-button'
 import { SidebarMenu } from '../sidebar-menu'
-import { DocumentSidebarMenuSelection, SpecificSidebarMenuProps } from '../types'
+import type { SpecificSidebarMenuProps } from '../types'
+import { DocumentSidebarMenuSelection } from '../types'
 import { ActiveIndicatorStatus } from './active-indicator'
 import './online-counter.scss'
 import { UserLine } from './user-line'

src/components/editor-page/splitter/splitter.tsx

@@ -4,7 +4,8 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import React, { ReactElement, useCallback, useEffect, useRef, useState } from 'react'
+import type { ReactElement } from 'react'
+import React, { useCallback, useEffect, useRef, useState } from 'react'
 import { ShowIf } from '../../common/show-if/show-if'
 import { SplitDivider } from './split-divider/split-divider'
 import './splitter.scss'

src/components/editor-page/synced-scroll/utils.ts

@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { LineMarkerPosition } from '../../markdown-renderer/types'
+import type { LineMarkerPosition } from '../../markdown-renderer/types'
 
 export const findLineMarks = (
   lineMarks: LineMarkerPosition[],

src/components/editor-page/table-of-contents/build-react-dom-from-toc-ast.tsx

@@ -4,8 +4,9 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { TocAst } from 'markdown-it-toc-done-right'
-import React, { Fragment, ReactElement } from 'react'
+import type { TocAst } from 'markdown-it-toc-done-right'
+import type { ReactElement } from 'react'
+import React, { Fragment } from 'react'
 import { ShowIf } from '../../common/show-if/show-if'
 import { createJumpToMarkClickEventHandler } from '../../markdown-renderer/replace-components/link-replacer/link-replacer'
 import { tocSlugify } from './toc-slugify'

src/components/editor-page/table-of-contents/table-of-contents.tsx

@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: AGPL-3.0-only
  */
 
-import { TocAst } from 'markdown-it-toc-done-right'
+import type { TocAst } from 'markdown-it-toc-done-right'
 import React, { useMemo } from 'react'
 import { Trans, useTranslation } from 'react-i18next'
 import { ShowIf } from '../../common/show-if/show-if'