style: enable no-extraneous-dependencies lint rule (#4575)

packages/component/package.json

@@ -11,12 +11,13 @@
     "@blocksuite/blocks": "*",
     "@blocksuite/editor": "*",
     "@blocksuite/global": "*",
-    "@blocksuite/icons": "*",
+    "@blocksuite/icons": "2.1.34",
     "@blocksuite/lit": "*",
     "@blocksuite/store": "*"
   },
   "dependencies": {
     "@affine/debug": "workspace:*",
+    "@affine/graphql": "workspace:*",
     "@affine/i18n": "workspace:*",
     "@affine/workspace": "workspace:*",
     "@dnd-kit/core": "^6.0.8",
@@ -28,7 +29,7 @@
     "@emotion/styled": "^11.11.0",
     "@mui/base": "5.0.0-beta.13",
     "@mui/icons-material": "^5.14.7",
-    "@mui/material": "^5.14.7",
+    "@mui/material": "^5.14.12",
     "@popperjs/core": "^2.11.8",
     "@radix-ui/react-avatar": "^1.0.3",
     "@radix-ui/react-collapsible": "^1.0.3",
@@ -42,32 +43,43 @@
     "check-password-strength": "^2.0.7",
     "clsx": "^2.0.0",
     "dayjs": "^1.11.10",
-    "jotai": "^2.4.2",
+    "foxact": "^0.2.20",
+    "jotai": "^2.4.3",
     "lit": "^2.8.0",
+    "lodash": "^4.17.21",
     "lottie-react": "^2.4.0",
     "lottie-web": "^5.12.2",
+    "nanoid": "^5.0.1",
+    "next-themes": "^0.2.1",
     "react": "18.2.0",
     "react-datepicker": "^4.18.0",
     "react-dom": "18.2.0",
     "react-error-boundary": "^4.0.11",
     "react-is": "^18.2.0",
     "react-paginate": "^8.2.0",
-    "rxjs": "^7.8.1"
+    "react-router-dom": "^6.16.0",
+    "rxjs": "^7.8.1",
+    "uuid": "^9.0.1"
   },
   "devDependencies": {
     "@blocksuite/blocks": "0.0.0-20230926212737-6d4b1569-nightly",
     "@blocksuite/editor": "0.0.0-20230926212737-6d4b1569-nightly",
     "@blocksuite/global": "0.0.0-20230926212737-6d4b1569-nightly",
-    "@blocksuite/icons": "^2.1.33",
+    "@blocksuite/icons": "2.1.34",
     "@blocksuite/lit": "0.0.0-20230926212737-6d4b1569-nightly",
     "@blocksuite/store": "0.0.0-20230926212737-6d4b1569-nightly",
+    "@storybook/jest": "^0.2.3",
+    "@storybook/testing-library": "^0.2.2",
+    "@testing-library/react": "^14.0.0",
     "@types/react": "^18.2.22",
     "@types/react-datepicker": "^4.15.0",
     "@types/react-dnd": "^3.0.2",
     "@types/react-dom": "^18.2.7",
     "@vanilla-extract/css": "^1.13.0",
+    "fake-indexeddb": "^4.0.2",
     "typescript": "^5.2.2",
-    "vite": "^4.4.9",
+    "vite": "^4.4.11",
+    "vitest": "0.34.6",
     "yjs": "^13.6.8"
   },
   "version": "0.9.0-canary.13"

packages/component/src/components/page-list/view/collection-list.tsx

@@ -1,4 +1,3 @@
-import { FlexWrapper } from '@affine/component';
 import type { Collection, Filter } from '@affine/env/filter';
 import type { PropertiesMeta } from '@affine/env/filter';
 import type { GetPageInfoById } from '@affine/env/page-info';
@@ -11,6 +10,7 @@ import clsx from 'clsx';
 import type { MouseEvent } from 'react';
 import { useCallback, useState } from 'react';
 
+import { FlexWrapper } from '../../../ui/layout';
 import { CreateFilterMenu } from '../filter/vars';
 import type { useCollectionManager } from '../use-collection-manager';
 import * as styles from './collection-list.css';

packages/component/src/components/share-menu/share-page.tsx

@@ -1,4 +1,3 @@
-import { RadioButton, RadioButtonGroup, Switch } from '@affine/component';
 import { WorkspaceFlavour } from '@affine/env/workspace';
 import { useAFFiNEI18N } from '@affine/i18n/hooks';
 import { ArrowRightSmallIcon, WebIcon } from '@blocksuite/icons';
@@ -7,7 +6,9 @@ import { Menu, MenuItem, MenuTrigger } from '@toeverything/components/menu';
 import { useState } from 'react';
 import { useCallback } from 'react';
 
+import { RadioButton, RadioButtonGroup } from '../../ui/button';
 import Input from '../../ui/input';
+import { Switch } from '../../ui/switch';
 import { toast } from '../../ui/toast';
 import { PublicLinkDisableModal } from './disable-public-link';
 import * as styles from './index.css';