chore: enable import/order rule (#7418)

packages/docusaurus-theme-common/src/components/Collapsible/index.tsx

@@ -5,7 +5,6 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import ExecutionEnvironment from '@docusaurus/ExecutionEnvironment';
 import React, {
   useState,
   useEffect,
@@ -17,6 +16,7 @@ import React, {
   type SetStateAction,
   type ReactNode,
 } from 'react';
+import ExecutionEnvironment from '@docusaurus/ExecutionEnvironment';
 
 const DefaultAnimationEasing = 'ease-in-out';
 

packages/docusaurus-theme-common/src/components/Details/index.tsx

@@ -11,8 +11,8 @@ import React, {
   type ComponentProps,
   type ReactElement,
 } from 'react';
-import useIsBrowser from '@docusaurus/useIsBrowser';
 import clsx from 'clsx';
+import useIsBrowser from '@docusaurus/useIsBrowser';
 import {useCollapsible, Collapsible} from '../Collapsible';
 import styles from './styles.module.css';
 

packages/docusaurus-theme-common/src/contexts/colorMode.tsx

@@ -14,9 +14,8 @@ import React, {
   useRef,
   type ReactNode,
 } from 'react';
-import {ReactContextError} from '../utils/reactUtils';
-
 import ExecutionEnvironment from '@docusaurus/ExecutionEnvironment';
+import {ReactContextError} from '../utils/reactUtils';
 import {createStorageSlot} from '../utils/storageUtils';
 import {useThemeConfig} from '../utils/useThemeConfig';
 

packages/docusaurus-theme-common/src/contexts/docsPreferredVersion.tsx

@@ -13,6 +13,13 @@ import React, {
   useCallback,
   type ReactNode,
 } from 'react';
+import {
+  useAllDocsData,
+  useDocsData,
+  type GlobalPluginData,
+  type GlobalVersion,
+} from '@docusaurus/plugin-content-docs/client';
+import {DEFAULT_PLUGIN_ID} from '@docusaurus/constants';
 import {
   useThemeConfig,
   type DocsVersionPersistence,
@@ -21,15 +28,6 @@ import {isDocsPluginEnabled} from '../utils/docsUtils';
 import {ReactContextError} from '../utils/reactUtils';
 import {createStorageSlot} from '../utils/storageUtils';
 
-import {
-  useAllDocsData,
-  useDocsData,
-  type GlobalPluginData,
-  type GlobalVersion,
-} from '@docusaurus/plugin-content-docs/client';
-
-import {DEFAULT_PLUGIN_ID} from '@docusaurus/constants';
-
 const storageKey = (pluginId: string) => `docs-preferred-version-${pluginId}`;
 
 const DocsPreferredVersionStorage = {

packages/docusaurus-theme-common/src/contexts/docsSidebar.tsx

@@ -6,8 +6,8 @@
  */
 
 import React, {useMemo, useContext, type ReactNode} from 'react';
-import type {PropSidebar} from '@docusaurus/plugin-content-docs';
 import {ReactContextError} from '../utils/reactUtils';
+import type {PropSidebar} from '@docusaurus/plugin-content-docs';
 
 // Using a Symbol because null is a valid context value (a doc with no sidebar)
 // Inspired by https://github.com/jamiebuilds/unstated-next/blob/master/src/unstated-next.tsx

packages/docusaurus-theme-common/src/contexts/docsVersion.tsx

@@ -6,8 +6,8 @@
  */
 
 import React, {type ReactNode, useContext} from 'react';
-import type {PropVersionMetadata} from '@docusaurus/plugin-content-docs';
 import {ReactContextError} from '../utils/reactUtils';
+import type {PropVersionMetadata} from '@docusaurus/plugin-content-docs';
 
 const Context = React.createContext<PropVersionMetadata | null>(null);
 

packages/docusaurus-theme-common/src/hooks/usePrismTheme.ts

@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import type {PrismTheme} from 'prism-react-renderer';
 import {useColorMode} from '../contexts/colorMode';
 import {useThemeConfig} from '../utils/useThemeConfig';
+import type {PrismTheme} from 'prism-react-renderer';
 
 /**
  * Returns a color-mode-dependent Prism theme: whatever the user specified in

packages/docusaurus-theme-common/src/hooks/useSearchPage.ts

@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+import {useCallback, useEffect, useState} from 'react';
 import {useHistory} from '@docusaurus/router';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
-import {useCallback, useEffect, useState} from 'react';
 
 const SEARCH_PARAM_QUERY = 'q';
 

packages/docusaurus-theme-common/src/utils/__tests__/docsUtils.test.tsx

@@ -7,6 +7,8 @@
 
 import React from 'react';
 import {renderHook} from '@testing-library/react-hooks';
+import {StaticRouter} from 'react-router-dom';
+import {Context} from '@docusaurus/core/src/client/docusaurusContext';
 import {
   findFirstCategoryLink,
   isActiveSidebarItem,
@@ -17,8 +19,6 @@ import {
 } from '../docsUtils';
 import {DocsSidebarProvider} from '../../contexts/docsSidebar';
 import {DocsVersionProvider} from '../../contexts/docsVersion';
-import {StaticRouter} from 'react-router-dom';
-import {Context} from '@docusaurus/core/src/client/docusaurusContext';
 import type {
   PropSidebar,
   PropSidebarItem,

packages/docusaurus-theme-common/src/utils/__tests__/generalUtils.test.tsx

@@ -6,9 +6,9 @@
  */
 
 import React from 'react';
-import {useTitleFormatter} from '../generalUtils';
 import {renderHook} from '@testing-library/react-hooks';
 import {Context} from '@docusaurus/core/src/client/docusaurusContext';
+import {useTitleFormatter} from '../generalUtils';
 import type {DocusaurusContext} from '@docusaurus/types';
 
 describe('useTitleFormatter', () => {

packages/docusaurus-theme-common/src/utils/__tests__/reactUtils.test.ts

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import {usePrevious} from '../reactUtils';
 import {renderHook} from '@testing-library/react-hooks';
+import {usePrevious} from '../reactUtils';
 
 describe('usePrevious', () => {
   it('returns the previous value of a variable', () => {

packages/docusaurus-theme-common/src/utils/__tests__/routesUtils.test.ts

@@ -5,8 +5,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import type {RouteConfig} from 'react-router-config';
 import {findHomePageRoute, isSamePath} from '../routesUtils';
+import type {RouteConfig} from 'react-router-config';
 
 describe('isSamePath', () => {
   it('returns true for compared path without trailing slash', () => {

packages/docusaurus-theme-common/src/utils/__tests__/tocUtils.test.ts

@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import type {TOCItem} from '@docusaurus/types';
 import {renderHook} from '@testing-library/react-hooks';
 import {useFilteredAndTreeifiedTOC, useTreeifiedTOC} from '../tocUtils';
+import type {TOCItem} from '@docusaurus/mdx-loader';
 
 const mockTOC: TOCItem[] = [
   {

packages/docusaurus-theme-common/src/utils/__tests__/useAlternatePageUtils.test.tsx

@@ -6,10 +6,10 @@
  */
 
 import React from 'react';
-import {useAlternatePageUtils} from '../useAlternatePageUtils';
 import {renderHook} from '@testing-library/react-hooks';
 import {StaticRouter} from 'react-router-dom';
 import {Context} from '@docusaurus/core/src/client/docusaurusContext';
+import {useAlternatePageUtils} from '../useAlternatePageUtils';
 import type {DocusaurusContext} from '@docusaurus/types';
 
 describe('useAlternatePageUtils', () => {

packages/docusaurus-theme-common/src/utils/__tests__/useLocalPathname.test.tsx

@@ -6,10 +6,10 @@
  */
 
 import React from 'react';
-import {useLocalPathname} from '../useLocalPathname';
 import {renderHook} from '@testing-library/react-hooks';
 import {StaticRouter} from 'react-router-dom';
 import {Context} from '@docusaurus/core/src/client/docusaurusContext';
+import {useLocalPathname} from '../useLocalPathname';
 import type {DocusaurusContext} from '@docusaurus/types';
 
 describe('useLocalPathname', () => {

packages/docusaurus-theme-common/src/utils/__tests__/usePluralForm.test.tsx

@@ -7,9 +7,9 @@
 
 import {jest} from '@jest/globals';
 import React from 'react';
-import {usePluralForm} from '../usePluralForm';
 import {renderHook} from '@testing-library/react-hooks';
 import {Context} from '@docusaurus/core/src/client/docusaurusContext';
+import {usePluralForm} from '../usePluralForm';
 import type {DocusaurusContext} from '@docusaurus/types';
 
 describe('usePluralForm', () => {

packages/docusaurus-theme-common/src/utils/codeBlockUtils.ts

@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+import type {CSSProperties} from 'react';
 import rangeParser from 'parse-numeric-range';
 import type {PrismTheme} from 'prism-react-renderer';
-import type {CSSProperties} from 'react';
 
 const codeBlockTitleRegex = /title=(?<quote>["'])(?<title>.*?)\1/;
 const metastringLinesRangeRegex = /\{(?<range>[\d,-]+)\}/;

packages/docusaurus-theme-common/src/utils/docsUtils.tsx

@@ -6,6 +6,8 @@
  */
 
 import {useMemo} from 'react';
+import {matchPath, useLocation} from '@docusaurus/router';
+import renderRoutes from '@docusaurus/renderRoutes';
 import {
   useAllDocsData,
   useActivePlugin,
@@ -15,6 +17,12 @@ import {
   type GlobalSidebar,
   type GlobalDoc,
 } from '@docusaurus/plugin-content-docs/client';
+import type {Props as DocPageProps} from '@theme/DocPage';
+import {useDocsPreferredVersion} from '../contexts/docsPreferredVersion';
+import {useDocsVersion} from '../contexts/docsVersion';
+import {useDocsSidebar} from '../contexts/docsSidebar';
+import {uniq} from './jsUtils';
+import {isSamePath} from './routesUtils';
 import type {
   PropSidebar,
   PropSidebarItem,
@@ -22,14 +30,6 @@ import type {
   PropVersionDoc,
   PropSidebarBreadcrumbsItem,
 } from '@docusaurus/plugin-content-docs';
-import type {Props as DocPageProps} from '@theme/DocPage';
-import {useDocsPreferredVersion} from '../contexts/docsPreferredVersion';
-import {useDocsVersion} from '../contexts/docsVersion';
-import {useDocsSidebar} from '../contexts/docsSidebar';
-import {uniq} from './jsUtils';
-import {isSamePath} from './routesUtils';
-import {matchPath, useLocation} from '@docusaurus/router';
-import renderRoutes from '@docusaurus/renderRoutes';
 
 // TODO not ideal, see also "useDocs"
 export const isDocsPluginEnabled: boolean = !!useAllDocsData;

packages/docusaurus-theme-common/src/utils/metadataUtils.tsx

@@ -6,8 +6,8 @@
  */
 
 import React, {type ReactNode} from 'react';
-import Head from '@docusaurus/Head';
 import clsx from 'clsx';
+import Head from '@docusaurus/Head';
 import useRouteContext from '@docusaurus/useRouteContext';
 import {useBaseUrlUtils} from '@docusaurus/useBaseUrl';
 import {useTitleFormatter} from './generalUtils';

packages/docusaurus-theme-common/src/utils/scrollUtils.tsx

@@ -14,9 +14,9 @@ import React, {
   useRef,
   type ReactNode,
 } from 'react';
-import {useDynamicCallback, ReactContextError} from './reactUtils';
 import ExecutionEnvironment from '@docusaurus/ExecutionEnvironment';
 import useIsBrowser from '@docusaurus/useIsBrowser';
+import {useDynamicCallback, ReactContextError} from './reactUtils';
 
 type ScrollController = {
   /** A boolean ref tracking whether scroll events are enabled. */

packages/docusaurus-theme-common/src/utils/searchUtils.ts

@@ -9,8 +9,8 @@ import {
   useAllDocsData,
   useActivePluginAndVersion,
 } from '@docusaurus/plugin-content-docs/client';
-import {useDocsPreferredVersionByPluginId} from '../contexts/docsPreferredVersion';
 import useDocusaurusContext from '@docusaurus/useDocusaurusContext';
+import {useDocsPreferredVersionByPluginId} from '../contexts/docsPreferredVersion';
 
 export const DEFAULT_SEARCH_TAG = 'default';
 

packages/docusaurus-theme-common/src/utils/useLocationChange.ts

@@ -7,8 +7,8 @@
 
 import {useEffect} from 'react';
 import {useLocation} from '@docusaurus/router';
-import type {Location} from 'history';
 import {useDynamicCallback, usePrevious} from './reactUtils';
+import type {Location} from 'history';
 
 /**
  * Fires an effect when the location changes (which includes hash, query, etc.).