style: restrict type import (#1589)

apps/web/src/components/blocksuite/block-suite-page-list/index.tsx

@@ -1,6 +1,6 @@
-import React from 'react';
+import type React from 'react';
 
-import { BlockSuiteWorkspace } from '../../../shared';
+import type { BlockSuiteWorkspace } from '../../../shared';
 import PageList from './page-list';
 
 export type BlockSuitePageListProps = {

apps/web/src/components/blocksuite/block-suite-page-list/page-list/DateCell.tsx

@@ -1,5 +1,6 @@
-import { TableCell, TableCellProps } from '@affine/component';
-import { PageMeta } from '@blocksuite/store';
+import type { TableCellProps } from '@affine/component';
+import { TableCell } from '@affine/component';
+import type { PageMeta } from '@blocksuite/store';
 import dayjs from 'dayjs';
 import localizedFormat from 'dayjs/plugin/localizedFormat';
 import React from 'react';

apps/web/src/components/blocksuite/block-suite-page-list/page-list/OperationCell.tsx

@@ -17,8 +17,9 @@ import {
   OpenInNewIcon,
   ResetIcon,
 } from '@blocksuite/icons';
-import { PageMeta } from '@blocksuite/store';
-import React, { useState } from 'react';
+import type { PageMeta } from '@blocksuite/store';
+import type React from 'react';
+import { useState } from 'react';
 
 export type OperationCellProps = {
   pageMeta: PageMeta;

apps/web/src/components/blocksuite/block-suite-page-list/page-list/index.tsx

@@ -13,19 +13,20 @@ import {
   FavoriteIcon,
   PageIcon,
 } from '@blocksuite/icons';
-import { PageMeta } from '@blocksuite/store';
+import type { PageMeta } from '@blocksuite/store';
 import {
   useMediaQuery,
   useTheme as useMuiTheme,
   useTheme,
 } from '@mui/material';
-import React, { useMemo } from 'react';
+import type React from 'react';
+import { useMemo } from 'react';
 
 import {
   usePageMeta,
   usePageMetaHelper,
 } from '../../../../hooks/use-page-meta';
-import { BlockSuiteWorkspace } from '../../../../shared';
+import type { BlockSuiteWorkspace } from '../../../../shared';
 import DateCell from './DateCell';
 import Empty from './Empty';
 import { OperationCell, TrashOperationCell } from './OperationCell';

apps/web/src/components/blocksuite/header/editor-mode-switch/CustomLottie.tsx

@@ -1,5 +1,6 @@
 import lottie from 'lottie-web';
-import { FC, useEffect, useRef } from 'react';
+import type { FC } from 'react';
+import { useEffect, useRef } from 'react';
 
 type CustomLottieProps = {
   options: {

apps/web/src/components/blocksuite/header/editor-mode-switch/index.tsx

@@ -1,12 +1,12 @@
 import { toast } from '@affine/component';
 import { assertExists } from '@blocksuite/store';
-import { CSSProperties } from 'react';
+import type { CSSProperties } from 'react';
 
 import {
   usePageMeta,
   usePageMetaHelper,
 } from '../../../../hooks/use-page-meta';
-import { BlockSuiteWorkspace } from '../../../../shared';
+import type { BlockSuiteWorkspace } from '../../../../shared';
 import { StyledEditorModeSwitch } from './style';
 import { EdgelessSwitchItem, PageSwitchItem } from './switch-items';
 

apps/web/src/components/blocksuite/header/editor-mode-switch/switch-items.tsx

@@ -1,4 +1,6 @@
-import React, { cloneElement, HTMLAttributes, useState } from 'react';
+import type { HTMLAttributes } from 'react';
+import type React from 'react';
+import { cloneElement, useState } from 'react';
 
 import Lottie from './CustomLottie';
 import { StyledSwitchItem } from './style';

apps/web/src/components/blocksuite/header/header-right-items/SyncUser.tsx

@@ -11,11 +11,11 @@ import React, { useEffect, useState } from 'react';
 
 import { useCurrentWorkspace } from '../../../../hooks/current/use-current-workspace';
 import { useTransformWorkspace } from '../../../../hooks/use-transform-workspace';
-import {
+import type {
   AffineOfficialWorkspace,
   LocalWorkspace,
-  RemWorkspaceFlavour,
 } from '../../../../shared';
+import { RemWorkspaceFlavour } from '../../../../shared';
 import { apis } from '../../../../shared/apis';
 import { TransformWorkspaceToAffineModal } from '../../../affine/transform-workspace-to-affine-modal';
 

apps/web/src/components/blocksuite/header/header.tsx

@@ -1,13 +1,8 @@
 import { useTranslation } from '@affine/i18n';
 import { CloseIcon } from '@blocksuite/icons';
-import React, {
-  forwardRef,
-  HTMLAttributes,
-  PropsWithChildren,
-  useEffect,
-  useMemo,
-  useState,
-} from 'react';
+import type { HTMLAttributes, PropsWithChildren } from 'react';
+import type React from 'react';
+import { forwardRef, useEffect, useMemo, useState } from 'react';
 
 import { useSidebarStatus } from '../../../hooks/affine/use-sidebar-status';
 import { SidebarSwitch } from '../../affine/sidebar-switch';

apps/web/src/components/blocksuite/header/index.tsx

@@ -1,15 +1,17 @@
-import { PopperProps, QuickSearchTips } from '@affine/component';
+import type { PopperProps } from '@affine/component';
+import { QuickSearchTips } from '@affine/component';
 import { getEnvironment } from '@affine/env';
 import { ArrowDownSmallIcon } from '@blocksuite/icons';
 import { assertExists } from '@blocksuite/store';
 import { useAtomValue, useSetAtom } from 'jotai';
-import { forwardRef, HTMLAttributes, useCallback, useRef } from 'react';
+import type { HTMLAttributes } from 'react';
+import { forwardRef, useCallback, useRef } from 'react';
 
 import { currentEditorAtom, openQuickSearchModalAtom } from '../../../atoms';
 import { useOpenTips } from '../../../hooks/affine/use-is-first-load';
 import { usePageMeta } from '../../../hooks/use-page-meta';
 import { useElementResizeEffect } from '../../../hooks/use-workspaces';
-import { BlockSuiteWorkspace } from '../../../shared';
+import type { BlockSuiteWorkspace } from '../../../shared';
 import { PageNotFoundError } from '../../affine/affine-error-eoundary';
 import { QuickSearchButton } from '../../pure/quick-search-button';
 import { EditorModeSwitch } from './editor-mode-switch';

apps/web/src/components/blocksuite/header/utils.tsx

@@ -1,6 +1,7 @@
 import { getEnvironment } from '@affine/env';
 import { Trans, useTranslation } from '@affine/i18n';
-import React, { useEffect, useState } from 'react';
+import type React from 'react';
+import { useEffect, useState } from 'react';
 
 const minimumChromeVersion = 102;