2023-02-09 07:19:11 +03:00
|
|
|
{
|
|
|
|
"name": "@affine/component",
|
|
|
|
"private": true,
|
2023-02-17 05:43:52 +03:00
|
|
|
"main": "./src/index.ts",
|
2023-03-11 08:15:19 +03:00
|
|
|
"exports": {
|
|
|
|
".": "./src/index.ts",
|
2023-04-04 02:13:43 +03:00
|
|
|
"./theme/*": "./src/theme/*",
|
2023-12-04 11:32:16 +03:00
|
|
|
"./ui/*": "./src/ui/*/index.ts",
|
2023-03-28 09:07:53 +03:00
|
|
|
"./*": "./src/components/*/index.tsx"
|
2023-02-09 07:19:11 +03:00
|
|
|
},
|
2023-12-04 11:32:19 +03:00
|
|
|
"scripts": {
|
2024-01-22 13:25:33 +03:00
|
|
|
"dev": "storybook dev -p 6006",
|
|
|
|
"build:storybook": "storybook build"
|
2023-12-04 11:32:19 +03:00
|
|
|
},
|
2023-04-11 01:41:07 +03:00
|
|
|
"peerDependencies": {
|
2023-04-15 01:07:41 +03:00
|
|
|
"@blocksuite/blocks": "*",
|
|
|
|
"@blocksuite/global": "*",
|
2023-10-10 20:51:47 +03:00
|
|
|
"@blocksuite/icons": "2.1.34",
|
2023-12-06 13:15:03 +03:00
|
|
|
"@blocksuite/presets": "*",
|
2023-04-15 01:07:41 +03:00
|
|
|
"@blocksuite/store": "*"
|
2023-04-11 01:41:07 +03:00
|
|
|
},
|
2023-02-09 07:19:11 +03:00
|
|
|
"dependencies": {
|
2024-03-19 10:48:56 +03:00
|
|
|
"@affine/cli": "workspace:*",
|
2023-02-21 14:23:53 +03:00
|
|
|
"@affine/debug": "workspace:*",
|
2023-12-27 09:38:37 +03:00
|
|
|
"@affine/electron-api": "workspace:*",
|
2023-10-10 20:51:47 +03:00
|
|
|
"@affine/graphql": "workspace:*",
|
2023-02-23 10:07:46 +03:00
|
|
|
"@affine/i18n": "workspace:*",
|
2024-02-23 12:37:13 +03:00
|
|
|
"@dnd-kit/core": "^6.1.0",
|
2023-12-05 07:05:28 +03:00
|
|
|
"@dnd-kit/modifiers": "^7.0.0",
|
2023-11-23 08:18:05 +03:00
|
|
|
"@dnd-kit/sortable": "^8.0.0",
|
2023-05-08 06:23:55 +03:00
|
|
|
"@emotion/cache": "^11.11.0",
|
2024-02-23 12:37:13 +03:00
|
|
|
"@emotion/react": "^11.11.3",
|
2023-05-08 06:23:55 +03:00
|
|
|
"@emotion/server": "^11.11.0",
|
|
|
|
"@emotion/styled": "^11.11.0",
|
2024-02-23 12:37:13 +03:00
|
|
|
"@lit/react": "^1.0.3",
|
2023-05-27 11:08:07 +03:00
|
|
|
"@popperjs/core": "^2.11.8",
|
2023-10-12 05:46:52 +03:00
|
|
|
"@radix-ui/react-avatar": "^1.0.4",
|
2023-05-27 11:08:07 +03:00
|
|
|
"@radix-ui/react-collapsible": "^1.0.3",
|
refactor(component): migrate design components (#5000)
```[tasklist]
### Tasks
- [x] Migrate components from [design](https://github.com/toeverything/design)
- [x] Replace all imports from `@toeverything/components`
- [x] Clean up `@toeverything/components` dependencies
- [x] Storybook
```
### Influence
Here are all the components that are influenced by `@toeverything/components`
- `@affine/component`
- App update `Button` `Tooltip`
- App sidebar header `IconButton`, `Tooltip`
- Back `Button`
- Auth
- Change email page save `Button`
- Change password page all `Button`s (Save, Later, Open)
- Confirm change email `Button`
- Set password page `Button`
- Sign in success page `Button`
- Sign up page `Button`
- Auth `Modal`
- Workspace card `Avatar`, `Divider`, `Tooltip`, `IconButton`
- Share
- Disable shared public link `Modal`
- Import page `IconButton`, `Tooltip`
- Accept invite page `Avatar`, `Button`
- Invite member `Modal`
- 404 Page `Avatar`, `Button`, `IconButton`, `Tooltip`
- Notification center `IconButton`
- Page list
- operation cell `IconButton`, `Menu`, `ConfirmModal`, `Tooltip`
- tags more `Menu`
- favorite `IconButton`, `Tooltip`
- new page dropdown `Menu`
- filter `Menu`, `Button`, `IconButton`
- Page operation `Menu`
- export `MenuItem`
- move to trash `MenuItem`, `ConfirmModal`
- Workspace header filter `Menu`, `Button`
- Collection bar `Button`, `Tooltip` (*⚠️ seems not used*)
- Collection operation `Menu`, `MenuItem`
- Create collection `Modal`, `Button`
- Edit collection `Modal`, `Button`
- Page mode filter `Menu`
- Page mode `Button`, `Menu`
- Setting modal
- storage usage progress `Button`, `Tooltip`
- On boarding tour `Modal`
- `@affine/core`
- Bookmark `Menu`
- Affine error boundary `Button`
- After sign in send email `Button`
- After sign up send email `Button`
- Send email `Button`
- Sign in `Button`
- Subscription redirect `Loading`, `Button`
- Setting `Modal`
- User plan button `Tooltip`
- Members `Avatar`, `Button`, `IconButton`, `Loading`, `Tooltip`, `Menu`
- Profile `Button`, `Avatar`
- Workspace
- publish panel `Button`, `Tooltip`
- export panel `Button`
- storage panel `Button`, `Tooltip`
- delete `ConfirmModal`
- Language `Menu`
- Account setting `Avatar`, `Button`
- Date format setting `Menu`
- Billing `Button`, `IconButton`, `Loading`
- Payment plans `Button`, `ConfirmModal`, `Modal`, `Tooltip`
- Create workspace `Modal`, `ConfirmModal`, `Button`
- Payment disabled `ConfirmModal`
- Share/Export `Menu`, `Button`, `Divider`
- Sign out `ConfirmModal`
- Temp disable affine cloud `Modal`
- Page detail operation `Menu`
- Blocksuite mode switch `Tooltip`
- Login card `Avatar`
- Help island `Tooltip`
- `plugin`
- copilot
- hello world
- image preview
- outline
2023-12-04 11:32:12 +03:00
|
|
|
"@radix-ui/react-dialog": "^1.0.5",
|
|
|
|
"@radix-ui/react-dropdown-menu": "^2.0.6",
|
2023-10-27 12:06:59 +03:00
|
|
|
"@radix-ui/react-popover": "^1.0.7",
|
2023-05-29 18:15:22 +03:00
|
|
|
"@radix-ui/react-radio-group": "^1.1.3",
|
2023-10-12 05:46:52 +03:00
|
|
|
"@radix-ui/react-scroll-area": "^1.0.5",
|
|
|
|
"@radix-ui/react-toast": "^1.1.5",
|
2023-10-27 12:06:59 +03:00
|
|
|
"@radix-ui/react-toolbar": "^1.0.4",
|
refactor(component): migrate design components (#5000)
```[tasklist]
### Tasks
- [x] Migrate components from [design](https://github.com/toeverything/design)
- [x] Replace all imports from `@toeverything/components`
- [x] Clean up `@toeverything/components` dependencies
- [x] Storybook
```
### Influence
Here are all the components that are influenced by `@toeverything/components`
- `@affine/component`
- App update `Button` `Tooltip`
- App sidebar header `IconButton`, `Tooltip`
- Back `Button`
- Auth
- Change email page save `Button`
- Change password page all `Button`s (Save, Later, Open)
- Confirm change email `Button`
- Set password page `Button`
- Sign in success page `Button`
- Sign up page `Button`
- Auth `Modal`
- Workspace card `Avatar`, `Divider`, `Tooltip`, `IconButton`
- Share
- Disable shared public link `Modal`
- Import page `IconButton`, `Tooltip`
- Accept invite page `Avatar`, `Button`
- Invite member `Modal`
- 404 Page `Avatar`, `Button`, `IconButton`, `Tooltip`
- Notification center `IconButton`
- Page list
- operation cell `IconButton`, `Menu`, `ConfirmModal`, `Tooltip`
- tags more `Menu`
- favorite `IconButton`, `Tooltip`
- new page dropdown `Menu`
- filter `Menu`, `Button`, `IconButton`
- Page operation `Menu`
- export `MenuItem`
- move to trash `MenuItem`, `ConfirmModal`
- Workspace header filter `Menu`, `Button`
- Collection bar `Button`, `Tooltip` (*⚠️ seems not used*)
- Collection operation `Menu`, `MenuItem`
- Create collection `Modal`, `Button`
- Edit collection `Modal`, `Button`
- Page mode filter `Menu`
- Page mode `Button`, `Menu`
- Setting modal
- storage usage progress `Button`, `Tooltip`
- On boarding tour `Modal`
- `@affine/core`
- Bookmark `Menu`
- Affine error boundary `Button`
- After sign in send email `Button`
- After sign up send email `Button`
- Send email `Button`
- Sign in `Button`
- Subscription redirect `Loading`, `Button`
- Setting `Modal`
- User plan button `Tooltip`
- Members `Avatar`, `Button`, `IconButton`, `Loading`, `Tooltip`, `Menu`
- Profile `Button`, `Avatar`
- Workspace
- publish panel `Button`, `Tooltip`
- export panel `Button`
- storage panel `Button`, `Tooltip`
- delete `ConfirmModal`
- Language `Menu`
- Account setting `Avatar`, `Button`
- Date format setting `Menu`
- Billing `Button`, `IconButton`, `Loading`
- Payment plans `Button`, `ConfirmModal`, `Modal`, `Tooltip`
- Create workspace `Modal`, `ConfirmModal`, `Button`
- Payment disabled `ConfirmModal`
- Share/Export `Menu`, `Button`, `Divider`
- Sign out `ConfirmModal`
- Temp disable affine cloud `Modal`
- Page detail operation `Menu`
- Blocksuite mode switch `Tooltip`
- Login card `Avatar`
- Help island `Tooltip`
- `plugin`
- copilot
- hello world
- image preview
- outline
2023-12-04 11:32:12 +03:00
|
|
|
"@radix-ui/react-tooltip": "^1.0.7",
|
2024-01-24 05:43:19 +03:00
|
|
|
"@toeverything/theme": "^0.7.29",
|
2024-02-23 12:37:13 +03:00
|
|
|
"@vanilla-extract/dynamic": "^2.1.0",
|
2023-10-25 11:18:30 +03:00
|
|
|
"bytes": "^3.1.2",
|
2023-08-29 13:07:05 +03:00
|
|
|
"check-password-strength": "^2.0.7",
|
2024-02-23 12:37:13 +03:00
|
|
|
"clsx": "^2.1.0",
|
2023-09-29 06:02:26 +03:00
|
|
|
"dayjs": "^1.11.10",
|
2024-02-23 12:37:13 +03:00
|
|
|
"foxact": "^0.2.31",
|
|
|
|
"jotai": "^2.6.5",
|
2024-03-05 06:46:55 +03:00
|
|
|
"jotai-effect": "^0.6.0",
|
2024-02-23 12:37:13 +03:00
|
|
|
"jotai-scope": "^0.5.1",
|
|
|
|
"lit": "^3.1.2",
|
2023-10-27 12:06:59 +03:00
|
|
|
"lodash-es": "^4.17.21",
|
2023-09-12 19:06:03 +03:00
|
|
|
"lottie-react": "^2.4.0",
|
2023-06-15 10:03:20 +03:00
|
|
|
"lottie-web": "^5.12.2",
|
2024-02-23 12:37:13 +03:00
|
|
|
"nanoid": "^5.0.6",
|
2024-03-13 07:22:42 +03:00
|
|
|
"next-themes": "^0.3.0",
|
2023-07-14 08:33:43 +03:00
|
|
|
"react": "18.2.0",
|
|
|
|
"react-dom": "18.2.0",
|
2024-02-23 12:37:13 +03:00
|
|
|
"react-error-boundary": "^4.0.12",
|
2023-05-08 21:21:15 +03:00
|
|
|
"react-is": "^18.2.0",
|
2023-09-12 06:37:59 +03:00
|
|
|
"react-paginate": "^8.2.0",
|
2024-02-23 12:37:13 +03:00
|
|
|
"react-router-dom": "^6.22.1",
|
2024-02-27 17:55:33 +03:00
|
|
|
"react-transition-state": "^2.1.1",
|
2024-02-28 11:18:33 +03:00
|
|
|
"react-virtuoso": "^4.7.0",
|
2023-10-10 20:51:47 +03:00
|
|
|
"rxjs": "^7.8.1",
|
2024-02-23 12:37:13 +03:00
|
|
|
"swr": "^2.2.5",
|
2024-03-26 10:15:06 +03:00
|
|
|
"uuid": "^9.0.1",
|
|
|
|
"zod": "^3.22.4"
|
2023-02-09 07:19:11 +03:00
|
|
|
},
|
|
|
|
"devDependencies": {
|
2024-03-25 12:20:45 +03:00
|
|
|
"@blocksuite/block-std": "0.14.0-canary-202403250855-4171ecd",
|
|
|
|
"@blocksuite/blocks": "0.14.0-canary-202403250855-4171ecd",
|
|
|
|
"@blocksuite/global": "0.14.0-canary-202403250855-4171ecd",
|
2024-03-23 09:33:25 +03:00
|
|
|
"@blocksuite/icons": "2.1.46",
|
2024-03-25 12:20:45 +03:00
|
|
|
"@blocksuite/presets": "0.14.0-canary-202403250855-4171ecd",
|
|
|
|
"@blocksuite/store": "0.14.0-canary-202403250855-4171ecd",
|
2024-02-23 12:37:13 +03:00
|
|
|
"@storybook/addon-actions": "^7.6.17",
|
|
|
|
"@storybook/addon-essentials": "^7.6.17",
|
|
|
|
"@storybook/addon-interactions": "^7.6.17",
|
|
|
|
"@storybook/addon-links": "^7.6.17",
|
|
|
|
"@storybook/addon-mdx-gfm": "^7.6.17",
|
|
|
|
"@storybook/addon-storysource": "^7.6.17",
|
|
|
|
"@storybook/blocks": "^7.6.17",
|
|
|
|
"@storybook/builder-vite": "^7.6.17",
|
2023-10-10 20:51:47 +03:00
|
|
|
"@storybook/jest": "^0.2.3",
|
2024-02-23 12:37:13 +03:00
|
|
|
"@storybook/react": "^7.6.17",
|
|
|
|
"@storybook/react-vite": "^7.6.17",
|
2024-03-13 07:22:42 +03:00
|
|
|
"@storybook/test-runner": "^0.17.0",
|
2023-10-10 20:51:47 +03:00
|
|
|
"@storybook/testing-library": "^0.2.2",
|
2024-02-23 12:37:13 +03:00
|
|
|
"@testing-library/react": "^14.2.1",
|
|
|
|
"@types/bytes": "^3.1.4",
|
|
|
|
"@types/react": "^18.2.58",
|
2023-03-23 08:47:07 +03:00
|
|
|
"@types/react-dnd": "^3.0.2",
|
2024-02-23 12:37:13 +03:00
|
|
|
"@types/react-dom": "^18.2.19",
|
|
|
|
"@vanilla-extract/css": "^1.14.1",
|
|
|
|
"fake-indexeddb": "^5.0.2",
|
|
|
|
"storybook": "^7.6.17",
|
|
|
|
"storybook-dark-mode": "^3.0.3",
|
|
|
|
"typescript": "^5.3.3",
|
|
|
|
"vite": "^5.1.4",
|
2024-03-19 06:01:02 +03:00
|
|
|
"vitest": "1.4.0",
|
2024-02-23 12:37:13 +03:00
|
|
|
"yjs": "^13.6.12"
|
2023-04-21 01:28:51 +03:00
|
|
|
},
|
2024-03-19 05:34:18 +03:00
|
|
|
"version": "0.14.0"
|
2023-02-09 07:19:11 +03:00
|
|
|
}
|