diff --git a/.changeset/few-walls-design.md b/.changeset/few-walls-design.md new file mode 100644 index 000000000..19cc98acb --- /dev/null +++ b/.changeset/few-walls-design.md @@ -0,0 +1,5 @@ +--- +'@channel.io/bezier-react': major +--- + +Add support for React 19 and enable new JSX transform. Increase minimum supported React peer dependency version from 16.8 to 17. diff --git a/.changeset/fifty-gorillas-smell.md b/.changeset/fifty-gorillas-smell.md new file mode 100644 index 000000000..18922059d --- /dev/null +++ b/.changeset/fifty-gorillas-smell.md @@ -0,0 +1,5 @@ +--- +'@channel.io/bezier-icons': minor +--- + +Enable new JSX transform and update React peer dependency to be optional for version 17 and above diff --git a/configs/tsconfig/browser.json b/configs/tsconfig/browser.json index 36f0b8417..badbee907 100644 --- a/configs/tsconfig/browser.json +++ b/configs/tsconfig/browser.json @@ -2,6 +2,7 @@ "$schema": "https://json.schemastore.org/tsconfig", "extends": "@channel.io/typescript-config/web.json", "compilerOptions": { + "jsx": "react-jsx", "allowJs": true } } diff --git a/configs/tsconfig/node.json b/configs/tsconfig/node.json index 807a18cf0..ca62750df 100644 --- a/configs/tsconfig/node.json +++ b/configs/tsconfig/node.json @@ -4,6 +4,7 @@ "compilerOptions": { "module": "nodenext", "moduleResolution": "nodenext", + "jsx": "react-jsx", "allowJs": true } } diff --git a/packages/bezier-codemod/package.json b/packages/bezier-codemod/package.json index 193b14d5e..f9d3042f9 100644 --- a/packages/bezier-codemod/package.json +++ b/packages/bezier-codemod/package.json @@ -29,12 +29,12 @@ "@inkjs/ui": "^2.0.0", "ink": "^5.1.0", "meow": "^13.2.0", - "react": "^18.3.1", + "react": "^19.0.0", "ts-morph": "^24.0.0" }, "devDependencies": { "@types/node": "^22.10.2", - "@types/react": "^18.3.16", + "@types/react": "^19.0.1", "eslint-config-bezier": "workspace:*", "tsconfig": "workspace:*" }, diff --git a/packages/bezier-codemod/src/App.tsx b/packages/bezier-codemod/src/App.tsx index 71ec9ca46..a5e368e2e 100644 --- a/packages/bezier-codemod/src/App.tsx +++ b/packages/bezier-codemod/src/App.tsx @@ -1,4 +1,4 @@ -import React, { useCallback, useEffect, useState } from 'react' +import { useCallback, useEffect, useState } from 'react' import { Select, diff --git a/packages/bezier-codemod/src/cli.tsx b/packages/bezier-codemod/src/cli.tsx index 1d2b59792..5751f30aa 100644 --- a/packages/bezier-codemod/src/cli.tsx +++ b/packages/bezier-codemod/src/cli.tsx @@ -1,5 +1,4 @@ #!/usr/bin/env node -import React from 'react' import { render } from 'ink' import meow from 'meow' diff --git a/packages/bezier-codemod/src/transforms/icon-name-to-bezier-icons/fixtures/input1.tsx b/packages/bezier-codemod/src/transforms/icon-name-to-bezier-icons/fixtures/input1.tsx index 1494dfa09..11e88cdad 100644 --- a/packages/bezier-codemod/src/transforms/icon-name-to-bezier-icons/fixtures/input1.tsx +++ b/packages/bezier-codemod/src/transforms/icon-name-to-bezier-icons/fixtures/input1.tsx @@ -1,5 +1,4 @@ /* External dependencies */ -import React from 'react' import { Button } from '@channel.io/bezier-react' /* Internal dependencies */ diff --git a/packages/bezier-codemod/src/transforms/icon-name-to-bezier-icons/fixtures/input2.tsx b/packages/bezier-codemod/src/transforms/icon-name-to-bezier-icons/fixtures/input2.tsx index 803bf236d..ed80efb56 100644 --- a/packages/bezier-codemod/src/transforms/icon-name-to-bezier-icons/fixtures/input2.tsx +++ b/packages/bezier-codemod/src/transforms/icon-name-to-bezier-icons/fixtures/input2.tsx @@ -1,5 +1,5 @@ /* External dependencies */ -import React, { useMemo } from 'react' +import { useMemo } from 'react' import { Button } from '@channel.io/bezier-react' import { ArrowRightIcon } from '@channel.io/bezier-icons' diff --git a/packages/bezier-codemod/src/transforms/icon-name-to-bezier-icons/fixtures/output1.tsx b/packages/bezier-codemod/src/transforms/icon-name-to-bezier-icons/fixtures/output1.tsx index 8a30fad64..0677a8626 100644 --- a/packages/bezier-codemod/src/transforms/icon-name-to-bezier-icons/fixtures/output1.tsx +++ b/packages/bezier-codemod/src/transforms/icon-name-to-bezier-icons/fixtures/output1.tsx @@ -1,5 +1,4 @@ /* External dependencies */ -import React from 'react' import { Button } from '@channel.io/bezier-react' import { ArrowLeftIcon, AllIcon } from '@channel.io/bezier-icons' diff --git a/packages/bezier-codemod/src/transforms/icon-name-to-bezier-icons/fixtures/output2.tsx b/packages/bezier-codemod/src/transforms/icon-name-to-bezier-icons/fixtures/output2.tsx index 9b1bad9a3..90e73e1ab 100644 --- a/packages/bezier-codemod/src/transforms/icon-name-to-bezier-icons/fixtures/output2.tsx +++ b/packages/bezier-codemod/src/transforms/icon-name-to-bezier-icons/fixtures/output2.tsx @@ -1,5 +1,5 @@ /* External dependencies */ -import React, { useMemo } from 'react' +import { useMemo } from 'react' import { Button } from '@channel.io/bezier-react' import { ArrowRightIcon, FlagFilledIcon, ArrowLeftIcon, AllIcon } from '@channel.io/bezier-icons' diff --git a/packages/bezier-codemod/src/transforms/icons-to-bezier-icons/fixtures/input.tsx b/packages/bezier-codemod/src/transforms/icons-to-bezier-icons/fixtures/input.tsx index 073772583..17cdb47d3 100644 --- a/packages/bezier-codemod/src/transforms/icons-to-bezier-icons/fixtures/input.tsx +++ b/packages/bezier-codemod/src/transforms/icons-to-bezier-icons/fixtures/input.tsx @@ -1,4 +1,3 @@ -import React from 'react' import { AllIcon, Button, CheckIcon as CheckIconSource, Icon, type IconName, IconSize, LegacyIcon } from '@channel.io/bezier-react' import { Foo } from './foo.js' diff --git a/packages/bezier-codemod/src/transforms/icons-to-bezier-icons/fixtures/output.tsx b/packages/bezier-codemod/src/transforms/icons-to-bezier-icons/fixtures/output.tsx index 4729c9970..72b7f2c1b 100644 --- a/packages/bezier-codemod/src/transforms/icons-to-bezier-icons/fixtures/output.tsx +++ b/packages/bezier-codemod/src/transforms/icons-to-bezier-icons/fixtures/output.tsx @@ -1,4 +1,3 @@ -import React from 'react' import { AllIcon, CheckIcon as CheckIconSource, type IconName } from '@channel.io/bezier-icons' import { Button, Icon, IconSize, LegacyIcon } from '@channel.io/bezier-react' diff --git a/packages/bezier-codemod/src/transforms/v2-enum-member-to-string-literal/fixtures/input1.tsx b/packages/bezier-codemod/src/transforms/v2-enum-member-to-string-literal/fixtures/input1.tsx index 560ae8056..3082e351d 100644 --- a/packages/bezier-codemod/src/transforms/v2-enum-member-to-string-literal/fixtures/input1.tsx +++ b/packages/bezier-codemod/src/transforms/v2-enum-member-to-string-literal/fixtures/input1.tsx @@ -1,4 +1,3 @@ -import React from 'react' import { ProgressBar, ProgressBarSize, ProgressBarVariant, AvatarSize, Avatar } from '@channel.io/bezier-react' export default function UploadProgress({ diff --git a/packages/bezier-codemod/src/transforms/v2-enum-member-to-string-literal/fixtures/input2.tsx b/packages/bezier-codemod/src/transforms/v2-enum-member-to-string-literal/fixtures/input2.tsx index 2f38b32eb..4a25b88b9 100644 --- a/packages/bezier-codemod/src/transforms/v2-enum-member-to-string-literal/fixtures/input2.tsx +++ b/packages/bezier-codemod/src/transforms/v2-enum-member-to-string-literal/fixtures/input2.tsx @@ -1,4 +1,3 @@ -import React from 'react' import { ProgressBar, type ProgressBarSize, ProgressBarVariant } from '@channel.io/bezier-react' export default function UploadProgress({ diff --git a/packages/bezier-codemod/src/transforms/v2-enum-member-to-string-literal/fixtures/input3.tsx b/packages/bezier-codemod/src/transforms/v2-enum-member-to-string-literal/fixtures/input3.tsx index 10ff873e9..d6c5d9efc 100644 --- a/packages/bezier-codemod/src/transforms/v2-enum-member-to-string-literal/fixtures/input3.tsx +++ b/packages/bezier-codemod/src/transforms/v2-enum-member-to-string-literal/fixtures/input3.tsx @@ -1,4 +1,3 @@ -import React from 'react' import { ProgressBar, ProgressBarSize, ProgressBarVariant } from '@channel.io/bezier-react' export default function UploadProgress({ diff --git a/packages/bezier-codemod/src/transforms/v2-enum-member-to-string-literal/fixtures/output1.tsx b/packages/bezier-codemod/src/transforms/v2-enum-member-to-string-literal/fixtures/output1.tsx index be7f3afae..4b7c8a0f3 100644 --- a/packages/bezier-codemod/src/transforms/v2-enum-member-to-string-literal/fixtures/output1.tsx +++ b/packages/bezier-codemod/src/transforms/v2-enum-member-to-string-literal/fixtures/output1.tsx @@ -1,4 +1,3 @@ -import React from 'react' import { ProgressBar, Avatar } from '@channel.io/bezier-react' export default function UploadProgress({ diff --git a/packages/bezier-codemod/src/transforms/v2-enum-member-to-string-literal/fixtures/output2.tsx b/packages/bezier-codemod/src/transforms/v2-enum-member-to-string-literal/fixtures/output2.tsx index af2b17023..bcc59b881 100644 --- a/packages/bezier-codemod/src/transforms/v2-enum-member-to-string-literal/fixtures/output2.tsx +++ b/packages/bezier-codemod/src/transforms/v2-enum-member-to-string-literal/fixtures/output2.tsx @@ -1,4 +1,3 @@ -import React from 'react' import { ProgressBar, type ProgressBarSize } from '@channel.io/bezier-react' export default function UploadProgress({ diff --git a/packages/bezier-codemod/src/transforms/v2-enum-member-to-string-literal/fixtures/output3.tsx b/packages/bezier-codemod/src/transforms/v2-enum-member-to-string-literal/fixtures/output3.tsx index 41bd08dd8..420b0cc4d 100644 --- a/packages/bezier-codemod/src/transforms/v2-enum-member-to-string-literal/fixtures/output3.tsx +++ b/packages/bezier-codemod/src/transforms/v2-enum-member-to-string-literal/fixtures/output3.tsx @@ -1,4 +1,3 @@ -import React from 'react' import { ProgressBar, ProgressBarVariant } from '@channel.io/bezier-react' export default function UploadProgress({ diff --git a/packages/bezier-codemod/tsconfig.json b/packages/bezier-codemod/tsconfig.json index 973c7b118..42e60632e 100644 --- a/packages/bezier-codemod/tsconfig.json +++ b/packages/bezier-codemod/tsconfig.json @@ -2,7 +2,6 @@ "extends": "tsconfig/node.json", "compilerOptions": { "outDir": "dist", - "jsx": "react", "declaration": true }, "include": ["src"], diff --git a/packages/bezier-figma-plugin/package.json b/packages/bezier-figma-plugin/package.json index caa50e3fb..a8b8842d6 100644 --- a/packages/bezier-figma-plugin/package.json +++ b/packages/bezier-figma-plugin/package.json @@ -23,8 +23,8 @@ "license": "Apache-2.0", "devDependencies": { "@figma/plugin-typings": "^1.104.0", - "@types/react": "^18.3.16", - "@types/react-dom": "^18.3.5", + "@types/react": "^19.0.1", + "@types/react-dom": "^19.0.2", "css-loader": "^7.1.2", "eslint-config-bezier": "workspace:*", "html-webpack-inline-source-plugin": "^0.0.10", @@ -41,8 +41,8 @@ "@channel.io/bezier-icons": "0.38.0", "@channel.io/bezier-react": "2.6.2", "octokit": "^4.0.2", - "react": "^18.3.1", - "react-dom": "^18.3.1", + "react": "^19.0.0", + "react-dom": "^19.0.0", "react-router-dom": "^7.0.2" } } diff --git a/packages/bezier-figma-plugin/src/ui/components/ExtractSuccess.tsx b/packages/bezier-figma-plugin/src/ui/components/ExtractSuccess.tsx index 1dcaa3056..a76b18aa3 100644 --- a/packages/bezier-figma-plugin/src/ui/components/ExtractSuccess.tsx +++ b/packages/bezier-figma-plugin/src/ui/components/ExtractSuccess.tsx @@ -1,4 +1,4 @@ -import React, { useCallback } from 'react' +import { useCallback } from 'react' import { Button, Text, VStack } from '@channel.io/bezier-react' import { useLocation, useNavigate } from 'react-router-dom' diff --git a/packages/bezier-figma-plugin/src/ui/components/Home.tsx b/packages/bezier-figma-plugin/src/ui/components/Home.tsx index de4b26b0e..88b4a2fae 100644 --- a/packages/bezier-figma-plugin/src/ui/components/Home.tsx +++ b/packages/bezier-figma-plugin/src/ui/components/Home.tsx @@ -1,4 +1,4 @@ -import React, { useCallback } from 'react' +import { useCallback } from 'react' import { HexahedronIcon } from '@channel.io/bezier-icons' import { ListItem, VStack } from '@channel.io/bezier-react' diff --git a/packages/bezier-figma-plugin/src/ui/components/IconExtract.tsx b/packages/bezier-figma-plugin/src/ui/components/IconExtract.tsx index 70ed3ea8d..61586f4d4 100644 --- a/packages/bezier-figma-plugin/src/ui/components/IconExtract.tsx +++ b/packages/bezier-figma-plugin/src/ui/components/IconExtract.tsx @@ -1,4 +1,4 @@ -import React, { useCallback, useEffect, useState } from 'react' +import { useCallback, useEffect, useState } from 'react' import { Button, diff --git a/packages/bezier-figma-plugin/src/ui/index.tsx b/packages/bezier-figma-plugin/src/ui/index.tsx index bf1b45c07..f2c3a3adc 100644 --- a/packages/bezier-figma-plugin/src/ui/index.tsx +++ b/packages/bezier-figma-plugin/src/ui/index.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { AppProvider } from '@channel.io/bezier-react' import { createRoot } from 'react-dom/client' import { MemoryRouter, Route, Routes } from 'react-router-dom' diff --git a/packages/bezier-icons/.browserslistrc b/packages/bezier-icons/.browserslistrc new file mode 100644 index 000000000..ec72202cc --- /dev/null +++ b/packages/bezier-icons/.browserslistrc @@ -0,0 +1,4 @@ +>= 1% in KR +>= 1% in JP +>= 1% in US +not dead diff --git a/packages/bezier-icons/babel.config.js b/packages/bezier-icons/babel.config.js index b81dd0dda..35709f35a 100644 --- a/packages/bezier-icons/babel.config.js +++ b/packages/bezier-icons/babel.config.js @@ -1,12 +1,7 @@ module.exports = { presets: [ - '@babel/preset-env', - /** - * Will use the native built-in instead of trying to polyfill behavior for any plugins that require one. - * Remove the helper function for Object.assign. - * @see https://babeljs.io/docs/babel-preset-react#usebuiltins - */ - ['@babel/preset-react', { useBuiltIns: true }], + ['@babel/preset-env', { bugfixes: true }], + ['@babel/preset-react', { runtime: 'automatic' }], ['@babel/preset-typescript', { isTSX: true, allExtensions: true }], ], } diff --git a/packages/bezier-icons/package.json b/packages/bezier-icons/package.json index 1dff1911e..a45246bef 100644 --- a/packages/bezier-icons/package.json +++ b/packages/bezier-icons/package.json @@ -60,5 +60,13 @@ "rollup-plugin-visualizer": "^5.12.0", "svgo": "^3.3.2", "tsconfig": "workspace:*" + }, + "peerDependencies": { + "react": ">=17" + }, + "peerDependenciesMeta": { + "react": { + "optional": true + } } } diff --git a/packages/bezier-icons/rollup.config.mjs b/packages/bezier-icons/rollup.config.mjs index 5f7419fbd..a27e3e177 100644 --- a/packages/bezier-icons/rollup.config.mjs +++ b/packages/bezier-icons/rollup.config.mjs @@ -197,7 +197,7 @@ function svgBuild(options = {}) { */ plugins: ['@svgr/plugin-jsx'], icon: true, - jsxRuntime: 'classic', + jsxRuntime: 'automatic', ref: true, template: reactIconTemplate, }, @@ -281,7 +281,7 @@ export default defineConfig({ manualChunks, }, ], - external: ['react'], + external: ['react', 'react/jsx-runtime'], plugins: [ virtual({ 'src/index.ts': entryModuleContent }), nodeResolve({ extensions }), diff --git a/packages/bezier-icons/tsconfig.json b/packages/bezier-icons/tsconfig.json index b02d0b74d..8d89252e3 100644 --- a/packages/bezier-icons/tsconfig.json +++ b/packages/bezier-icons/tsconfig.json @@ -1,7 +1,4 @@ { "extends": "tsconfig/node.json", - "compilerOptions": { - "jsx": "react-jsx" - }, "include": ["utils", "script"] } diff --git a/packages/bezier-react/.storybook/main.ts b/packages/bezier-react/.storybook/main.ts index 57090c6d6..5494d849f 100644 --- a/packages/bezier-react/.storybook/main.ts +++ b/packages/bezier-react/.storybook/main.ts @@ -45,6 +45,9 @@ export default { * @see {@link https://github.com/webpack-contrib/sass-loader/releases/tag/v16.0.0} */ api: 'legacy', + sassOptions: { + silenceDeprecations: ['legacy-js-api'], + }, implementation: require.resolve('sass'), }, }, @@ -91,7 +94,12 @@ export default { test: /\.(ts|tsx)$/, loader: require.resolve('babel-loader'), options: { - presets: [['react-app', { flow: false, typescript: true }]], + presets: [ + [ + 'react-app', + { flow: false, typescript: true, runtime: 'automatic' }, + ], + ], }, }, ], diff --git a/packages/bezier-react/.storybook/preview.tsx b/packages/bezier-react/.storybook/preview.tsx index 639baf6ff..01eff850a 100644 --- a/packages/bezier-react/.storybook/preview.tsx +++ b/packages/bezier-react/.storybook/preview.tsx @@ -1,4 +1,4 @@ -import React, { forwardRef } from 'react' +import { forwardRef } from 'react' import type { Preview } from '@storybook/react' @@ -55,7 +55,7 @@ const preview: Preview = { ), ], - tags: ['autodocs'] + tags: ['autodocs'], } export default preview diff --git a/packages/bezier-react/babel.config.js b/packages/bezier-react/babel.config.js index fba92e6bb..35709f35a 100644 --- a/packages/bezier-react/babel.config.js +++ b/packages/bezier-react/babel.config.js @@ -1,12 +1,7 @@ module.exports = { presets: [ ['@babel/preset-env', { bugfixes: true }], - /** - * Will use the native built-in instead of trying to polyfill behavior for any plugins that require one. - * Remove the helper function for Object.assign. - * @see https://babeljs.io/docs/babel-preset-react#usebuiltins - */ - ['@babel/preset-react', { useBuiltIns: true }], + ['@babel/preset-react', { runtime: 'automatic' }], ['@babel/preset-typescript', { isTSX: true, allExtensions: true }], ], } diff --git a/packages/bezier-react/jest.config.js b/packages/bezier-react/jest.config.js index 6e8b3b96c..14c141c6f 100644 --- a/packages/bezier-react/jest.config.js +++ b/packages/bezier-react/jest.config.js @@ -6,7 +6,18 @@ module.exports = { setupFilesAfterEnv: ['/jest.setup.ts'], transformIgnorePatterns: [], transform: { - '^.+\\.[t|j]sx?$': ['@swc/jest'], + '^.+\\.[t|j]sx?$': [ + '@swc/jest', + { + jsc: { + transform: { + react: { + runtime: 'automatic', + }, + }, + }, + }, + ], }, testMatch: ['**/*.test.(ts|tsx)'], moduleNameMapper: { diff --git a/packages/bezier-react/package.json b/packages/bezier-react/package.json index 6096c5c4e..f6ae0f30f 100644 --- a/packages/bezier-react/package.json +++ b/packages/bezier-react/package.json @@ -90,8 +90,8 @@ "@testing-library/react": "^16.1.0", "@testing-library/user-event": "^14.5.2", "@types/jest": "^29.5.14", - "@types/react": "^18.3.16", - "@types/react-dom": "^18.3.5", + "@types/react": "^19.0.1", + "@types/react-dom": "^19.0.2", "@types/uuid": "^10.0.0", "babel-loader": "^9.2.1", "babel-preset-react-app": "^10.0.1", @@ -106,8 +106,8 @@ "paths.macro": "^3.0.1", "postcss": "^8.4.49", "postcss-preset-env": "^10.1.1", - "react": "^18.3.1", - "react-dom": "^18.3.1", + "react": "^19.0.0", + "react-dom": "^19.0.0", "rollup": "^4.28.1", "rollup-plugin-node-externals": "^7.1.3", "rollup-plugin-postcss": "^4.0.2", @@ -123,8 +123,8 @@ }, "peerDependencies": { "@channel.io/bezier-icons": ">=0.2.0", - "react": "^16.8.0 || ^17.0.0 || ^18.0.0", - "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0" + "react": ">=17", + "react-dom": ">=17" }, "peerDependenciesMeta": { "@channel.io/bezier-icons": { diff --git a/packages/bezier-react/src/components/AlphaAvatar/AlphaAvatar.stories.tsx b/packages/bezier-react/src/components/AlphaAvatar/AlphaAvatar.stories.tsx index a2b529966..c34b311fc 100644 --- a/packages/bezier-react/src/components/AlphaAvatar/AlphaAvatar.stories.tsx +++ b/packages/bezier-react/src/components/AlphaAvatar/AlphaAvatar.stories.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { type Meta, type StoryFn, type StoryObj } from '@storybook/react' import { Avatar } from './Avatar' diff --git a/packages/bezier-react/src/components/AlphaAvatar/Avatar.figma.tsx b/packages/bezier-react/src/components/AlphaAvatar/Avatar.figma.tsx index 7313857c2..8b1c1fb0e 100644 --- a/packages/bezier-react/src/components/AlphaAvatar/Avatar.figma.tsx +++ b/packages/bezier-react/src/components/AlphaAvatar/Avatar.figma.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import figma from '@figma/code-connect' import { type StatusType } from '~/src/components/Status' diff --git a/packages/bezier-react/src/components/AlphaAvatar/Avatar.test.tsx b/packages/bezier-react/src/components/AlphaAvatar/Avatar.test.tsx index f62c4518f..52ea94494 100644 --- a/packages/bezier-react/src/components/AlphaAvatar/Avatar.test.tsx +++ b/packages/bezier-react/src/components/AlphaAvatar/Avatar.test.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { render } from '~/src/utils/test' import { diff --git a/packages/bezier-react/src/components/AlphaAvatar/Avatar.tsx b/packages/bezier-react/src/components/AlphaAvatar/Avatar.tsx index 3b7626ab0..e8cc6f6b4 100644 --- a/packages/bezier-react/src/components/AlphaAvatar/Avatar.tsx +++ b/packages/bezier-react/src/components/AlphaAvatar/Avatar.tsx @@ -1,6 +1,6 @@ 'use client' -import React, { forwardRef, useMemo } from 'react' +import { forwardRef, isValidElement, useMemo } from 'react' import classNames from 'classnames' @@ -95,7 +95,7 @@ export const Avatar = forwardRef(function Avatar( const StatusComponent = useMemo(() => { if ( (isEmpty(children) && !status) || - (children && !React.isValidElement(children)) + (children && !isValidElement(children)) ) { return null } diff --git a/packages/bezier-react/src/components/AlphaAvatarGroup/AlphaAvatarGroup.stories.tsx b/packages/bezier-react/src/components/AlphaAvatarGroup/AlphaAvatarGroup.stories.tsx index 76871a41e..030ebe681 100644 --- a/packages/bezier-react/src/components/AlphaAvatarGroup/AlphaAvatarGroup.stories.tsx +++ b/packages/bezier-react/src/components/AlphaAvatarGroup/AlphaAvatarGroup.stories.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { type Meta, type StoryFn, type StoryObj } from '@storybook/react' import { AlphaAvatar } from '~/src/components/AlphaAvatar' diff --git a/packages/bezier-react/src/components/AlphaAvatarGroup/AvatarGroup.figma.tsx b/packages/bezier-react/src/components/AlphaAvatarGroup/AvatarGroup.figma.tsx index 7572571fa..ac3e2af9f 100644 --- a/packages/bezier-react/src/components/AlphaAvatarGroup/AvatarGroup.figma.tsx +++ b/packages/bezier-react/src/components/AlphaAvatarGroup/AvatarGroup.figma.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import figma from '@figma/code-connect' import { AvatarGroup as AlphaAvatarGroup } from './AvatarGroup' @@ -12,11 +10,11 @@ figma.connect( size: figma.enum('size', { '20': '20', '24': '24', - }), + } as const), ellipsisType: figma.enum('variants', { 'icon (default)': 'icon', count: 'count', - }), + } as const), max: figma.nestedProps('⛔️️ alpha/Common/$AvatarGroupSource', { value: figma.enum('itemCount', { '2': 2, @@ -24,7 +22,7 @@ figma.connect( '4': 4, '5': 5, }), - }), + } as const), }, example: (props) => ( { - if (!React.isValidElement(toggleButton)) { + const ToggleButtons = Children.map(children, (toggleButton) => { + if (!isValidElement(toggleButton)) { return null } diff --git a/packages/bezier-react/src/components/AlphaToggleEmojiButtonGroup/ToggleEmojiButtonGroup.tsx b/packages/bezier-react/src/components/AlphaToggleEmojiButtonGroup/ToggleEmojiButtonGroup.tsx index 855a0b119..c0df1b0c0 100644 --- a/packages/bezier-react/src/components/AlphaToggleEmojiButtonGroup/ToggleEmojiButtonGroup.tsx +++ b/packages/bezier-react/src/components/AlphaToggleEmojiButtonGroup/ToggleEmojiButtonGroup.tsx @@ -1,4 +1,5 @@ -import React, { type CSSProperties, forwardRef, useState } from 'react' +import type { CSSProperties } from 'react' +import { Children, forwardRef, useState } from 'react' import * as ToggleGroup from '@radix-ui/react-toggle-group' import classNames from 'classnames' @@ -106,7 +107,7 @@ export const ToggleEmojiButtonGroup = forwardRef< const resizedButtonSize = useToggleEmojiButtonSize({ container, enabled: shouldResizeButton, - buttonCount: React.Children.count(children), + buttonCount: Children.count(children), }) return ( diff --git a/packages/bezier-react/src/components/AlphaTooltipPrimitive/AlphaTooltipPrimitive.stories.tsx b/packages/bezier-react/src/components/AlphaTooltipPrimitive/AlphaTooltipPrimitive.stories.tsx index ef383c70c..0f87e86bc 100644 --- a/packages/bezier-react/src/components/AlphaTooltipPrimitive/AlphaTooltipPrimitive.stories.tsx +++ b/packages/bezier-react/src/components/AlphaTooltipPrimitive/AlphaTooltipPrimitive.stories.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { type Meta, type StoryObj } from '@storybook/react' import { diff --git a/packages/bezier-react/src/components/AppProvider/AppProvider.test.tsx b/packages/bezier-react/src/components/AppProvider/AppProvider.test.tsx index 5727f62fe..7041895ca 100644 --- a/packages/bezier-react/src/components/AppProvider/AppProvider.test.tsx +++ b/packages/bezier-react/src/components/AppProvider/AppProvider.test.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { cleanup, render } from '@testing-library/react' import { AppProvider } from './AppProvider' diff --git a/packages/bezier-react/src/components/AppProvider/AppProvider.tsx b/packages/bezier-react/src/components/AppProvider/AppProvider.tsx index 27019117a..14d920096 100644 --- a/packages/bezier-react/src/components/AppProvider/AppProvider.tsx +++ b/packages/bezier-react/src/components/AppProvider/AppProvider.tsx @@ -1,6 +1,6 @@ 'use client' -import React, { useEffect } from 'react' +import { useEffect } from 'react' import { getWindow } from 'ssr-window' diff --git a/packages/bezier-react/src/components/AutoFocus/AutoFocus.test.tsx b/packages/bezier-react/src/components/AutoFocus/AutoFocus.test.tsx index a3d0994bc..367064880 100644 --- a/packages/bezier-react/src/components/AutoFocus/AutoFocus.test.tsx +++ b/packages/bezier-react/src/components/AutoFocus/AutoFocus.test.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { render } from '~/src/utils/test' import { AutoFocus } from './AutoFocus' diff --git a/packages/bezier-react/src/components/AutoFocus/AutoFocus.tsx b/packages/bezier-react/src/components/AutoFocus/AutoFocus.tsx index cba579b81..c97e16b1e 100644 --- a/packages/bezier-react/src/components/AutoFocus/AutoFocus.tsx +++ b/packages/bezier-react/src/components/AutoFocus/AutoFocus.tsx @@ -1,6 +1,6 @@ 'use client' -import React, { forwardRef, useState } from 'react' +import { forwardRef, useState } from 'react' import { Slot } from '@radix-ui/react-slot' diff --git a/packages/bezier-react/src/components/Avatar/Avatar.stories.tsx b/packages/bezier-react/src/components/Avatar/Avatar.stories.tsx index c4699d5f0..7dbcee6f0 100644 --- a/packages/bezier-react/src/components/Avatar/Avatar.stories.tsx +++ b/packages/bezier-react/src/components/Avatar/Avatar.stories.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { type Meta, type StoryFn, type StoryObj } from '@storybook/react' import { Avatar } from './Avatar' diff --git a/packages/bezier-react/src/components/Avatar/Avatar.test.tsx b/packages/bezier-react/src/components/Avatar/Avatar.test.tsx index f62c4518f..52ea94494 100644 --- a/packages/bezier-react/src/components/Avatar/Avatar.test.tsx +++ b/packages/bezier-react/src/components/Avatar/Avatar.test.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { render } from '~/src/utils/test' import { diff --git a/packages/bezier-react/src/components/Avatar/Avatar.tsx b/packages/bezier-react/src/components/Avatar/Avatar.tsx index 6136f6f62..77455d427 100644 --- a/packages/bezier-react/src/components/Avatar/Avatar.tsx +++ b/packages/bezier-react/src/components/Avatar/Avatar.tsx @@ -1,6 +1,6 @@ 'use client' -import React, { forwardRef, useMemo } from 'react' +import { forwardRef, isValidElement, useMemo } from 'react' import classNames from 'classnames' @@ -68,7 +68,7 @@ export const Avatar = forwardRef(function Avatar( const StatusComponent = useMemo(() => { if ( (isEmpty(children) && !status) || - (children && !React.isValidElement(children)) + (children && !isValidElement(children)) ) { return null } diff --git a/packages/bezier-react/src/components/AvatarGroup/AvatarGroup.stories.tsx b/packages/bezier-react/src/components/AvatarGroup/AvatarGroup.stories.tsx index 0681fad85..1436bfc2c 100644 --- a/packages/bezier-react/src/components/AvatarGroup/AvatarGroup.stories.tsx +++ b/packages/bezier-react/src/components/AvatarGroup/AvatarGroup.stories.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { type Meta, type StoryFn, type StoryObj } from '@storybook/react' import { Avatar } from '~/src/components/Avatar' diff --git a/packages/bezier-react/src/components/AvatarGroup/AvatarGroup.test.tsx b/packages/bezier-react/src/components/AvatarGroup/AvatarGroup.test.tsx index c9acbedc8..391b63e5f 100644 --- a/packages/bezier-react/src/components/AvatarGroup/AvatarGroup.test.tsx +++ b/packages/bezier-react/src/components/AvatarGroup/AvatarGroup.test.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { render } from '~/src/utils/test' import { Avatar } from '~/src/components/Avatar' diff --git a/packages/bezier-react/src/components/AvatarGroup/AvatarGroup.tsx b/packages/bezier-react/src/components/AvatarGroup/AvatarGroup.tsx index 409911bf5..6147744c2 100644 --- a/packages/bezier-react/src/components/AvatarGroup/AvatarGroup.tsx +++ b/packages/bezier-react/src/components/AvatarGroup/AvatarGroup.tsx @@ -1,6 +1,7 @@ -'use client' +'use client' -import React, { forwardRef, useCallback, useMemo } from 'react' +import { forwardRef, useCallback, useMemo } from 'react' +import * as React from 'react' import { MoreIcon } from '@channel.io/bezier-icons' import classNames from 'classnames' diff --git a/packages/bezier-react/src/components/Badge/Badge.stories.tsx b/packages/bezier-react/src/components/Badge/Badge.stories.tsx index bcd033fd0..27fc3867f 100644 --- a/packages/bezier-react/src/components/Badge/Badge.stories.tsx +++ b/packages/bezier-react/src/components/Badge/Badge.stories.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { AppleIcon } from '@channel.io/bezier-icons' import { type Meta, type StoryFn, type StoryObj } from '@storybook/react' diff --git a/packages/bezier-react/src/components/Badge/Badge.test.tsx b/packages/bezier-react/src/components/Badge/Badge.test.tsx index efd7b13f4..b76ad5545 100644 --- a/packages/bezier-react/src/components/Badge/Badge.test.tsx +++ b/packages/bezier-react/src/components/Badge/Badge.test.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { render } from '~/src/utils/test' import { BADGE_TEST_ID, Badge } from './Badge' diff --git a/packages/bezier-react/src/components/Badge/Badge.tsx b/packages/bezier-react/src/components/Badge/Badge.tsx index 52d9ceab6..9b3b7e1e3 100644 --- a/packages/bezier-react/src/components/Badge/Badge.tsx +++ b/packages/bezier-react/src/components/Badge/Badge.tsx @@ -1,6 +1,6 @@ -'use client' +'use client' -import React, { forwardRef, memo } from 'react' +import { forwardRef, memo } from 'react' import { isEmpty } from '~/src/utils/type' diff --git a/packages/bezier-react/src/components/Banner/Banner.stories.tsx b/packages/bezier-react/src/components/Banner/Banner.stories.tsx index 20ef624ba..fdd0125b0 100644 --- a/packages/bezier-react/src/components/Banner/Banner.stories.tsx +++ b/packages/bezier-react/src/components/Banner/Banner.stories.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { BlockIcon, CancelIcon, diff --git a/packages/bezier-react/src/components/Banner/Banner.test.tsx b/packages/bezier-react/src/components/Banner/Banner.test.tsx index 5bfc55e9e..b752819db 100644 --- a/packages/bezier-react/src/components/Banner/Banner.test.tsx +++ b/packages/bezier-react/src/components/Banner/Banner.test.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { AllIcon, InfoIcon } from '@channel.io/bezier-icons' import { fireEvent } from '@testing-library/react' diff --git a/packages/bezier-react/src/components/Banner/Banner.tsx b/packages/bezier-react/src/components/Banner/Banner.tsx index de5f2f2b3..924d5bce3 100644 --- a/packages/bezier-react/src/components/Banner/Banner.tsx +++ b/packages/bezier-react/src/components/Banner/Banner.tsx @@ -1,6 +1,6 @@ 'use client' -import React, { forwardRef } from 'react' +import { forwardRef } from 'react' import { isBezierIcon } from '@channel.io/bezier-icons' import classNames from 'classnames' diff --git a/packages/bezier-react/src/components/Banner/Banner.types.ts b/packages/bezier-react/src/components/Banner/Banner.types.ts index e276c7b6a..a3665bd88 100644 --- a/packages/bezier-react/src/components/Banner/Banner.types.ts +++ b/packages/bezier-react/src/components/Banner/Banner.types.ts @@ -1,4 +1,4 @@ -import type { ReactNode } from 'react' +import type { JSX, ReactNode } from 'react' import { type BezierIcon, type IconName } from '@channel.io/bezier-icons' diff --git a/packages/bezier-react/src/components/BaseButton/BaseButton.test.tsx b/packages/bezier-react/src/components/BaseButton/BaseButton.test.tsx index 56edaf5eb..9451dcaab 100644 --- a/packages/bezier-react/src/components/BaseButton/BaseButton.test.tsx +++ b/packages/bezier-react/src/components/BaseButton/BaseButton.test.tsx @@ -1,4 +1,4 @@ -import React from 'react' +import { createRef } from 'react' import { render } from '@testing-library/react' import { userEvent } from '@testing-library/user-event' @@ -26,7 +26,7 @@ describe('BaseButton', () => { }) it('should forward ref to the button element', () => { - const ref = React.createRef() + const ref = createRef() render(Test Button) expect(ref.current).toBeInstanceOf(HTMLButtonElement) }) diff --git a/packages/bezier-react/src/components/BaseButton/BaseButton.tsx b/packages/bezier-react/src/components/BaseButton/BaseButton.tsx index 0c4687ed8..0fddc834c 100644 --- a/packages/bezier-react/src/components/BaseButton/BaseButton.tsx +++ b/packages/bezier-react/src/components/BaseButton/BaseButton.tsx @@ -1,6 +1,6 @@ 'use client' -import React, { forwardRef } from 'react' +import { forwardRef } from 'react' import classNames from 'classnames' diff --git a/packages/bezier-react/src/components/BaseTagBadge/BaseTagBadge.tsx b/packages/bezier-react/src/components/BaseTagBadge/BaseTagBadge.tsx index acdc2512e..528ce27a0 100644 --- a/packages/bezier-react/src/components/BaseTagBadge/BaseTagBadge.tsx +++ b/packages/bezier-react/src/components/BaseTagBadge/BaseTagBadge.tsx @@ -1,6 +1,6 @@ 'use client' -import React, { forwardRef } from 'react' +import { forwardRef } from 'react' import classNames from 'classnames' diff --git a/packages/bezier-react/src/components/Box/Box.stories.tsx b/packages/bezier-react/src/components/Box/Box.stories.tsx index 241a0b9d8..dbe169c44 100644 --- a/packages/bezier-react/src/components/Box/Box.stories.tsx +++ b/packages/bezier-react/src/components/Box/Box.stories.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { type Meta, type StoryFn, type StoryObj } from '@storybook/react' import { Box } from './Box' diff --git a/packages/bezier-react/src/components/Button/Button.stories.tsx b/packages/bezier-react/src/components/Button/Button.stories.tsx index 94d2e42aa..3785e3137 100644 --- a/packages/bezier-react/src/components/Button/Button.stories.tsx +++ b/packages/bezier-react/src/components/Button/Button.stories.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react' +import { useState } from 'react' import { ArrowRightIcon, diff --git a/packages/bezier-react/src/components/Button/Button.tsx b/packages/bezier-react/src/components/Button/Button.tsx index eda44c580..24f0d5094 100644 --- a/packages/bezier-react/src/components/Button/Button.tsx +++ b/packages/bezier-react/src/components/Button/Button.tsx @@ -1,6 +1,6 @@ 'use client' -import React, { forwardRef, useCallback } from 'react' +import { forwardRef, useCallback } from 'react' import { isBezierIcon } from '@channel.io/bezier-icons' import classNames from 'classnames' diff --git a/packages/bezier-react/src/components/ButtonGroup/ButtonGroup.stories.tsx b/packages/bezier-react/src/components/ButtonGroup/ButtonGroup.stories.tsx index 93076cedd..842523b7f 100644 --- a/packages/bezier-react/src/components/ButtonGroup/ButtonGroup.stories.tsx +++ b/packages/bezier-react/src/components/ButtonGroup/ButtonGroup.stories.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import type { Meta, StoryFn, StoryObj } from '@storybook/react' import { Button } from '~/src/components/Button' diff --git a/packages/bezier-react/src/components/ButtonGroup/ButtonGroup.test.tsx b/packages/bezier-react/src/components/ButtonGroup/ButtonGroup.test.tsx index 23e079c9c..18465f2c5 100644 --- a/packages/bezier-react/src/components/ButtonGroup/ButtonGroup.test.tsx +++ b/packages/bezier-react/src/components/ButtonGroup/ButtonGroup.test.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { render } from '~/src/utils/test' import { Button } from '~/src/components/Button' diff --git a/packages/bezier-react/src/components/ButtonGroup/ButtonGroup.tsx b/packages/bezier-react/src/components/ButtonGroup/ButtonGroup.tsx index c96f8b532..cb4c73d8a 100644 --- a/packages/bezier-react/src/components/ButtonGroup/ButtonGroup.tsx +++ b/packages/bezier-react/src/components/ButtonGroup/ButtonGroup.tsx @@ -1,6 +1,6 @@ 'use client' -import React, { forwardRef } from 'react' +import { forwardRef } from 'react' import { Stack } from '~/src/components/Stack' diff --git a/packages/bezier-react/src/components/Center/Center.stories.tsx b/packages/bezier-react/src/components/Center/Center.stories.tsx index c19f26fcd..cbcb4e2c9 100644 --- a/packages/bezier-react/src/components/Center/Center.stories.tsx +++ b/packages/bezier-react/src/components/Center/Center.stories.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { type Meta, type StoryFn, type StoryObj } from '@storybook/react' import { Center } from './Center' diff --git a/packages/bezier-react/src/components/Center/Center.test.tsx b/packages/bezier-react/src/components/Center/Center.test.tsx index 2d78031fc..843c05dde 100644 --- a/packages/bezier-react/src/components/Center/Center.test.tsx +++ b/packages/bezier-react/src/components/Center/Center.test.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { render } from '~/src/utils/test' import { Center } from './Center' diff --git a/packages/bezier-react/src/components/Center/Center.tsx b/packages/bezier-react/src/components/Center/Center.tsx index 7bea576be..0f5d4491f 100644 --- a/packages/bezier-react/src/components/Center/Center.tsx +++ b/packages/bezier-react/src/components/Center/Center.tsx @@ -1,6 +1,6 @@ 'use client' -import React, { forwardRef } from 'react' +import { forwardRef } from 'react' import classNames from 'classnames' diff --git a/packages/bezier-react/src/components/CheckableAvatar/CheckableAvatar.stories.tsx b/packages/bezier-react/src/components/CheckableAvatar/CheckableAvatar.stories.tsx index 81ba45e4d..6e6dd73d0 100644 --- a/packages/bezier-react/src/components/CheckableAvatar/CheckableAvatar.stories.tsx +++ b/packages/bezier-react/src/components/CheckableAvatar/CheckableAvatar.stories.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { type Meta, type StoryFn, type StoryObj } from '@storybook/react' import { CheckableAvatar } from './CheckableAvatar' diff --git a/packages/bezier-react/src/components/CheckableAvatar/CheckableAvatar.test.tsx b/packages/bezier-react/src/components/CheckableAvatar/CheckableAvatar.test.tsx index 63db73545..3b2d76717 100644 --- a/packages/bezier-react/src/components/CheckableAvatar/CheckableAvatar.test.tsx +++ b/packages/bezier-react/src/components/CheckableAvatar/CheckableAvatar.test.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { isInaccessible } from '@testing-library/react' import userEvent from '@testing-library/user-event' diff --git a/packages/bezier-react/src/components/CheckableAvatar/CheckableAvatar.tsx b/packages/bezier-react/src/components/CheckableAvatar/CheckableAvatar.tsx index 769a21940..e55f1bbe3 100644 --- a/packages/bezier-react/src/components/CheckableAvatar/CheckableAvatar.tsx +++ b/packages/bezier-react/src/components/CheckableAvatar/CheckableAvatar.tsx @@ -1,6 +1,6 @@ 'use client' -import React, { forwardRef } from 'react' +import { forwardRef } from 'react' import { CheckIcon } from '@channel.io/bezier-icons' import * as CheckboxPrimitive from '@radix-ui/react-checkbox' diff --git a/packages/bezier-react/src/components/Checkbox/Checkbox.stories.tsx b/packages/bezier-react/src/components/Checkbox/Checkbox.stories.tsx index b4aa0e3a2..764f1b48c 100644 --- a/packages/bezier-react/src/components/Checkbox/Checkbox.stories.tsx +++ b/packages/bezier-react/src/components/Checkbox/Checkbox.stories.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { type Meta, type StoryFn } from '@storybook/react' import { Checkbox } from './Checkbox' diff --git a/packages/bezier-react/src/components/Checkbox/Checkbox.test.tsx b/packages/bezier-react/src/components/Checkbox/Checkbox.test.tsx index 663df20bb..0296df60d 100644 --- a/packages/bezier-react/src/components/Checkbox/Checkbox.test.tsx +++ b/packages/bezier-react/src/components/Checkbox/Checkbox.test.tsx @@ -1,4 +1,4 @@ -import React from 'react' +import * as React from 'react' import { isInaccessible } from '@testing-library/react' import userEvent from '@testing-library/user-event' diff --git a/packages/bezier-react/src/components/Checkbox/Checkbox.tsx b/packages/bezier-react/src/components/Checkbox/Checkbox.tsx index f908a814a..42d168357 100644 --- a/packages/bezier-react/src/components/Checkbox/Checkbox.tsx +++ b/packages/bezier-react/src/components/Checkbox/Checkbox.tsx @@ -1,6 +1,6 @@ 'use client' - -import React, { forwardRef } from 'react' +import { forwardRef } from 'react' +import * as React from 'react' import { CheckBoldIcon, HyphenBoldIcon } from '@channel.io/bezier-icons' import * as CheckboxPrimitive from '@radix-ui/react-checkbox' diff --git a/packages/bezier-react/src/components/ConfirmModal/ConfirmModal.stories.tsx b/packages/bezier-react/src/components/ConfirmModal/ConfirmModal.stories.tsx index c9dc81f4c..10f5eb16f 100644 --- a/packages/bezier-react/src/components/ConfirmModal/ConfirmModal.stories.tsx +++ b/packages/bezier-react/src/components/ConfirmModal/ConfirmModal.stories.tsx @@ -1,5 +1,5 @@ /* eslint-disable no-restricted-imports */ -import React, { useEffect, useState } from 'react' +import { useEffect, useState } from 'react' import { type Meta, type StoryFn } from '@storybook/react' diff --git a/packages/bezier-react/src/components/ConfirmModal/ConfirmModal.test.tsx b/packages/bezier-react/src/components/ConfirmModal/ConfirmModal.test.tsx index 632cbca3f..9dfc0d4aa 100644 --- a/packages/bezier-react/src/components/ConfirmModal/ConfirmModal.test.tsx +++ b/packages/bezier-react/src/components/ConfirmModal/ConfirmModal.test.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { isInaccessible } from '@testing-library/react' import userEvent, { PointerEventsCheckLevel } from '@testing-library/user-event' diff --git a/packages/bezier-react/src/components/ConfirmModal/ConfirmModal.tsx b/packages/bezier-react/src/components/ConfirmModal/ConfirmModal.tsx index 63cca0eb3..3e039611d 100644 --- a/packages/bezier-react/src/components/ConfirmModal/ConfirmModal.tsx +++ b/packages/bezier-react/src/components/ConfirmModal/ConfirmModal.tsx @@ -1,6 +1,6 @@ 'use client' - -import React, { forwardRef } from 'react' +import { forwardRef } from 'react' +import * as React from 'react' import { Modal, diff --git a/packages/bezier-react/src/components/Divider/Divider.test.tsx b/packages/bezier-react/src/components/Divider/Divider.test.tsx index 4ad277d4b..a18ef5cd5 100644 --- a/packages/bezier-react/src/components/Divider/Divider.test.tsx +++ b/packages/bezier-react/src/components/Divider/Divider.test.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { render } from '~/src/utils/test' import { DIVIDER_TEST_ID, Divider } from './Divider' diff --git a/packages/bezier-react/src/components/Divider/Divider.tsx b/packages/bezier-react/src/components/Divider/Divider.tsx index d703cc618..00dc656ad 100644 --- a/packages/bezier-react/src/components/Divider/Divider.tsx +++ b/packages/bezier-react/src/components/Divider/Divider.tsx @@ -1,6 +1,6 @@ 'use client' -import React, { forwardRef } from 'react' +import { forwardRef } from 'react' import * as SeparatorPrimitive from '@radix-ui/react-separator' import classNames from 'classnames' diff --git a/packages/bezier-react/src/components/Emoji/Emoji.test.tsx b/packages/bezier-react/src/components/Emoji/Emoji.test.tsx index 980fb0e94..6fdde91a0 100644 --- a/packages/bezier-react/src/components/Emoji/Emoji.test.tsx +++ b/packages/bezier-react/src/components/Emoji/Emoji.test.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { render } from '~/src/utils/test' import { EMOJI_TEST_ID, Emoji } from './Emoji' diff --git a/packages/bezier-react/src/components/Emoji/Emoji.tsx b/packages/bezier-react/src/components/Emoji/Emoji.tsx index 455907905..fbb55ad1c 100644 --- a/packages/bezier-react/src/components/Emoji/Emoji.tsx +++ b/packages/bezier-react/src/components/Emoji/Emoji.tsx @@ -1,6 +1,6 @@ 'use client' -import React, { type CSSProperties, forwardRef } from 'react' +import { type CSSProperties, forwardRef } from 'react' import classNames from 'classnames' diff --git a/packages/bezier-react/src/components/FeatureProvider/FeatureProvider.tsx b/packages/bezier-react/src/components/FeatureProvider/FeatureProvider.tsx index 5cf615513..b4a49ef4b 100644 --- a/packages/bezier-react/src/components/FeatureProvider/FeatureProvider.tsx +++ b/packages/bezier-react/src/components/FeatureProvider/FeatureProvider.tsx @@ -1,6 +1,6 @@ 'use client' -import React, { useMemo, useState } from 'react' +import { useMemo, useState } from 'react' import { useIsomorphicLayoutEffect } from '~/src/hooks/useIsomorphicLayoutEffect' import { createContext } from '~/src/utils/react' diff --git a/packages/bezier-react/src/components/FormControl/FormControl.stories.tsx b/packages/bezier-react/src/components/FormControl/FormControl.stories.tsx index ee6c945e0..2f1e4ff9a 100644 --- a/packages/bezier-react/src/components/FormControl/FormControl.stories.tsx +++ b/packages/bezier-react/src/components/FormControl/FormControl.stories.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import type { Meta, StoryFn, StoryObj } from '@storybook/react' import { Checkbox } from '~/src/components/Checkbox' diff --git a/packages/bezier-react/src/components/FormControl/FormControl.test.tsx b/packages/bezier-react/src/components/FormControl/FormControl.test.tsx index 92795d7c6..46fbe0f93 100644 --- a/packages/bezier-react/src/components/FormControl/FormControl.test.tsx +++ b/packages/bezier-react/src/components/FormControl/FormControl.test.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { isInaccessible } from '@testing-library/react' import { render } from '~/src/utils/test' diff --git a/packages/bezier-react/src/components/FormControl/FormControl.tsx b/packages/bezier-react/src/components/FormControl/FormControl.tsx index f0ad328e8..e9a61944f 100644 --- a/packages/bezier-react/src/components/FormControl/FormControl.tsx +++ b/packages/bezier-react/src/components/FormControl/FormControl.tsx @@ -1,6 +1,6 @@ 'use client' - -import React, { forwardRef, useCallback, useMemo, useState } from 'react' +import { forwardRef, useCallback, useMemo, useState } from 'react' +import * as React from 'react' import classNames from 'classnames' diff --git a/packages/bezier-react/src/components/FormControl/__mocks__/forms.tsx b/packages/bezier-react/src/components/FormControl/__mocks__/forms.tsx index ef18a1cc2..920c3ae95 100644 --- a/packages/bezier-react/src/components/FormControl/__mocks__/forms.tsx +++ b/packages/bezier-react/src/components/FormControl/__mocks__/forms.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { FormControl } from '~/src/components/FormControl' import { FormGroup } from '~/src/components/FormGroup' import { diff --git a/packages/bezier-react/src/components/FormControl/__snapshots__/FormControl.test.tsx.snap b/packages/bezier-react/src/components/FormControl/__snapshots__/FormControl.test.tsx.snap index 89ae6db59..e9fc0bc3d 100644 --- a/packages/bezier-react/src/components/FormControl/__snapshots__/FormControl.test.tsx.snap +++ b/packages/bezier-react/src/components/FormControl/__snapshots__/FormControl.test.tsx.snap @@ -45,7 +45,6 @@ exports[`FormControl > Snapshot > With multiple field 1`] = ` class="TextFieldInput" id="field-:r3:" size="36" - value="" /> @@ -72,7 +71,6 @@ exports[`FormControl > Snapshot > With multiple field 1`] = ` class="TextFieldInput" id="field-:r4:" size="36" - value="" /> @@ -134,7 +132,6 @@ exports[`FormControl > Snapshot > With multiple field and left label position 1` class="TextFieldInput" id="field-:r6:" size="36" - value="" /> @@ -161,7 +158,6 @@ exports[`FormControl > Snapshot > With multiple field and left label position 1` class="TextFieldInput" id="field-:r7:" size="36" - value="" /> @@ -202,7 +198,6 @@ exports[`FormControl > Snapshot > With single field 1`] = ` class="TextFieldInput" id="form" size="36" - value="" />

Snapshot > With single field and left label position 1`] class="TextFieldInput" id="form" size="36" - value="" />

( return null } - if (React.isValidElement(help)) { + if (isValidElement(help)) { // FIXME(@bora): string, JSXElementCostructor νƒ€μž…μ— displayName 속성이 μ‘΄μž¬ν•˜μ§€ μ•ŠμŒ, μž„μ‹œλ‘œ any νƒ€μž…μœΌλ‘œ μ„€μ • const { displayName } = help?.type as any if (displayName === HELP_DISPLAY_NAME) { diff --git a/packages/bezier-react/src/components/Help/Help.test.tsx b/packages/bezier-react/src/components/Help/Help.test.tsx index e5f2d6eae..58b62911e 100644 --- a/packages/bezier-react/src/components/Help/Help.test.tsx +++ b/packages/bezier-react/src/components/Help/Help.test.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { render } from '~/src/utils/test' import { HELP_TEST_ID, Help } from './Help' diff --git a/packages/bezier-react/src/components/Help/Help.tsx b/packages/bezier-react/src/components/Help/Help.tsx index 6c5a436b3..21416b3b9 100644 --- a/packages/bezier-react/src/components/Help/Help.tsx +++ b/packages/bezier-react/src/components/Help/Help.tsx @@ -1,6 +1,6 @@ 'use client' -import React, { forwardRef } from 'react' +import { forwardRef } from 'react' import { HelpFilledIcon } from '@channel.io/bezier-icons' diff --git a/packages/bezier-react/src/components/Icon/Icon.stories.tsx b/packages/bezier-react/src/components/Icon/Icon.stories.tsx index af37e1869..59c990db4 100644 --- a/packages/bezier-react/src/components/Icon/Icon.stories.tsx +++ b/packages/bezier-react/src/components/Icon/Icon.stories.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react' +import { useState } from 'react' import { ArrowLeftIcon, diff --git a/packages/bezier-react/src/components/Icon/Icon.test.tsx b/packages/bezier-react/src/components/Icon/Icon.test.tsx index 31927ff8d..5f355f50f 100644 --- a/packages/bezier-react/src/components/Icon/Icon.test.tsx +++ b/packages/bezier-react/src/components/Icon/Icon.test.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { AllIcon } from '@channel.io/bezier-icons' import { render } from '~/src/utils/test' diff --git a/packages/bezier-react/src/components/Icon/Icon.tsx b/packages/bezier-react/src/components/Icon/Icon.tsx index 4f216ec43..194006df0 100644 --- a/packages/bezier-react/src/components/Icon/Icon.tsx +++ b/packages/bezier-react/src/components/Icon/Icon.tsx @@ -1,6 +1,6 @@ 'use client' - -import React, { forwardRef, memo } from 'react' +import { forwardRef, memo } from 'react' +import * as React from 'react' import classNames from 'classnames' diff --git a/packages/bezier-react/src/components/KeyValueItem/KeyValueItem.stories.tsx b/packages/bezier-react/src/components/KeyValueItem/KeyValueItem.stories.tsx index 085dab060..966c898ca 100644 --- a/packages/bezier-react/src/components/KeyValueItem/KeyValueItem.stories.tsx +++ b/packages/bezier-react/src/components/KeyValueItem/KeyValueItem.stories.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { BadgeIcon, EditIcon } from '@channel.io/bezier-icons' import { type Meta, type StoryFn, type StoryObj } from '@storybook/react' diff --git a/packages/bezier-react/src/components/KeyValueItem/KeyValueItem.test.tsx b/packages/bezier-react/src/components/KeyValueItem/KeyValueItem.test.tsx index 302256bf0..71c5d63fc 100644 --- a/packages/bezier-react/src/components/KeyValueItem/KeyValueItem.test.tsx +++ b/packages/bezier-react/src/components/KeyValueItem/KeyValueItem.test.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { AppleIcon, BadgeIcon } from '@channel.io/bezier-icons' import { waitFor } from '@testing-library/react' import userEvent from '@testing-library/user-event' diff --git a/packages/bezier-react/src/components/KeyValueItem/KeyValueItem.tsx b/packages/bezier-react/src/components/KeyValueItem/KeyValueItem.tsx index 198174fff..612a1d79d 100644 --- a/packages/bezier-react/src/components/KeyValueItem/KeyValueItem.tsx +++ b/packages/bezier-react/src/components/KeyValueItem/KeyValueItem.tsx @@ -1,6 +1,6 @@ 'use client' - -import React, { forwardRef } from 'react' +import { forwardRef } from 'react' +import * as React from 'react' import { isBezierIcon } from '@channel.io/bezier-icons' import classNames from 'classnames' diff --git a/packages/bezier-react/src/components/LegacyIcon/LegacyIcon.tsx b/packages/bezier-react/src/components/LegacyIcon/LegacyIcon.tsx index 7a384e1fd..ba805f7e4 100644 --- a/packages/bezier-react/src/components/LegacyIcon/LegacyIcon.tsx +++ b/packages/bezier-react/src/components/LegacyIcon/LegacyIcon.tsx @@ -1,6 +1,6 @@ 'use client' -import React, { memo } from 'react' +import { memo } from 'react' import { icons } from '@channel.io/bezier-icons' diff --git a/packages/bezier-react/src/components/LegacyStack/LegacyHStack/LegacyHStack.test.tsx b/packages/bezier-react/src/components/LegacyStack/LegacyHStack/LegacyHStack.test.tsx index 2c1d764d7..fdb3a7310 100644 --- a/packages/bezier-react/src/components/LegacyStack/LegacyHStack/LegacyHStack.test.tsx +++ b/packages/bezier-react/src/components/LegacyStack/LegacyHStack/LegacyHStack.test.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { render } from '~/src/utils/test' // eslint-disable-next-line no-restricted-imports diff --git a/packages/bezier-react/src/components/LegacyStack/LegacyHStack/LegacyHStack.tsx b/packages/bezier-react/src/components/LegacyStack/LegacyHStack/LegacyHStack.tsx index 5e34b955d..fc22b8a94 100644 --- a/packages/bezier-react/src/components/LegacyStack/LegacyHStack/LegacyHStack.tsx +++ b/packages/bezier-react/src/components/LegacyStack/LegacyHStack/LegacyHStack.tsx @@ -1,6 +1,6 @@ 'use client' -import React, { forwardRef } from 'react' +import { forwardRef } from 'react' import { LegacyStack } from '~/src/components/LegacyStack/LegacyStack' diff --git a/packages/bezier-react/src/components/LegacyStack/LegacySpacer/LegacySpacer.tsx b/packages/bezier-react/src/components/LegacyStack/LegacySpacer/LegacySpacer.tsx index 0262a0691..0b2fdb220 100644 --- a/packages/bezier-react/src/components/LegacyStack/LegacySpacer/LegacySpacer.tsx +++ b/packages/bezier-react/src/components/LegacyStack/LegacySpacer/LegacySpacer.tsx @@ -1,6 +1,6 @@ 'use client' -import React, { forwardRef } from 'react' +import { forwardRef } from 'react' import { LegacyStackItem } from '~/src/components/LegacyStack/LegacyStackItem' diff --git a/packages/bezier-react/src/components/LegacyStack/LegacyStack.stories.tsx b/packages/bezier-react/src/components/LegacyStack/LegacyStack.stories.tsx index f2cd8d3d4..250c75bdc 100644 --- a/packages/bezier-react/src/components/LegacyStack/LegacyStack.stories.tsx +++ b/packages/bezier-react/src/components/LegacyStack/LegacyStack.stories.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import type { Meta, StoryFn, StoryObj } from '@storybook/react' import { Button } from '~/src/components/Button' diff --git a/packages/bezier-react/src/components/LegacyStack/LegacyStack/LegacyStack.test.tsx b/packages/bezier-react/src/components/LegacyStack/LegacyStack/LegacyStack.test.tsx index 5282ed658..8e1a2078b 100644 --- a/packages/bezier-react/src/components/LegacyStack/LegacyStack/LegacyStack.test.tsx +++ b/packages/bezier-react/src/components/LegacyStack/LegacyStack/LegacyStack.test.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { render } from '~/src/utils/test' import { LegacyStackItem } from '~/src/components/LegacyStack/LegacyStackItem' diff --git a/packages/bezier-react/src/components/LegacyStack/LegacyStack/LegacyStack.tsx b/packages/bezier-react/src/components/LegacyStack/LegacyStack/LegacyStack.tsx index 21e7f55fc..250f2b160 100644 --- a/packages/bezier-react/src/components/LegacyStack/LegacyStack/LegacyStack.tsx +++ b/packages/bezier-react/src/components/LegacyStack/LegacyStack/LegacyStack.tsx @@ -1,6 +1,6 @@ 'use client' -import React, { +import { Children, cloneElement, forwardRef, @@ -10,6 +10,9 @@ import React, { import classNames from 'classnames' +// eslint-disable-next-line no-restricted-imports +import { type LegacyStackItemProps } from '../LegacyStackItem' + import type LegacyStackProps from './LegacyStack.types' import styles from './LegacyStack.module.scss' @@ -79,12 +82,12 @@ export const LegacyStack = forwardRef( firstValidElementIdx.current = index } return cloneElement(element, { - ...element.props, + ...(element.props ?? {}), direction, marginBefore: - element.props.marginBefore ?? + (element.props as LegacyStackItemProps)?.marginBefore ?? (index > firstValidElementIdx.current ? spacing : 0), - }) + } as LegacyStackItemProps) })} ) diff --git a/packages/bezier-react/src/components/LegacyStack/LegacyStackItem/LegacyStackItem.test.tsx b/packages/bezier-react/src/components/LegacyStack/LegacyStackItem/LegacyStackItem.test.tsx index 186ffe714..81645db4b 100644 --- a/packages/bezier-react/src/components/LegacyStack/LegacyStackItem/LegacyStackItem.test.tsx +++ b/packages/bezier-react/src/components/LegacyStack/LegacyStackItem/LegacyStackItem.test.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { render } from '~/src/utils/test' import { LegacyStack } from '~/src/components/LegacyStack' diff --git a/packages/bezier-react/src/components/LegacyStack/LegacyStackItem/LegacyStackItem.tsx b/packages/bezier-react/src/components/LegacyStack/LegacyStackItem/LegacyStackItem.tsx index 40f272902..28557e5bb 100644 --- a/packages/bezier-react/src/components/LegacyStack/LegacyStackItem/LegacyStackItem.tsx +++ b/packages/bezier-react/src/components/LegacyStack/LegacyStackItem/LegacyStackItem.tsx @@ -1,6 +1,6 @@ 'use client' -import React, { forwardRef } from 'react' +import { forwardRef } from 'react' import classNames from 'classnames' diff --git a/packages/bezier-react/src/components/LegacyStack/LegacyVStack/LegacyVStack.test.tsx b/packages/bezier-react/src/components/LegacyStack/LegacyVStack/LegacyVStack.test.tsx index 01311f268..0c2f2de90 100644 --- a/packages/bezier-react/src/components/LegacyStack/LegacyVStack/LegacyVStack.test.tsx +++ b/packages/bezier-react/src/components/LegacyStack/LegacyVStack/LegacyVStack.test.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { render } from '~/src/utils/test' // eslint-disable-next-line no-restricted-imports diff --git a/packages/bezier-react/src/components/LegacyStack/LegacyVStack/LegacyVStack.tsx b/packages/bezier-react/src/components/LegacyStack/LegacyVStack/LegacyVStack.tsx index 4c87f5d5c..0e5098bf7 100644 --- a/packages/bezier-react/src/components/LegacyStack/LegacyVStack/LegacyVStack.tsx +++ b/packages/bezier-react/src/components/LegacyStack/LegacyVStack/LegacyVStack.tsx @@ -1,6 +1,6 @@ 'use client' -import React, { forwardRef } from 'react' +import { forwardRef } from 'react' import { LegacyStack } from '~/src/components/LegacyStack/LegacyStack' diff --git a/packages/bezier-react/src/components/LegacyTooltip/LegacyTooltip.stories.tsx b/packages/bezier-react/src/components/LegacyTooltip/LegacyTooltip.stories.tsx index 3cb591a3e..2fbd59950 100644 --- a/packages/bezier-react/src/components/LegacyTooltip/LegacyTooltip.stories.tsx +++ b/packages/bezier-react/src/components/LegacyTooltip/LegacyTooltip.stories.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { type Meta, type StoryFn } from '@storybook/react' import { Center } from '~/src/components/Center' diff --git a/packages/bezier-react/src/components/LegacyTooltip/LegacyTooltip.test.tsx b/packages/bezier-react/src/components/LegacyTooltip/LegacyTooltip.test.tsx index 1422666f4..1dd805581 100644 --- a/packages/bezier-react/src/components/LegacyTooltip/LegacyTooltip.test.tsx +++ b/packages/bezier-react/src/components/LegacyTooltip/LegacyTooltip.test.tsx @@ -1,4 +1,4 @@ -import React from 'react' +import * as React from 'react' import { fireEvent } from '@testing-library/dom' import { act } from '@testing-library/react' diff --git a/packages/bezier-react/src/components/LegacyTooltip/LegacyTooltip.tsx b/packages/bezier-react/src/components/LegacyTooltip/LegacyTooltip.tsx index c57e5b766..cd0db1fc4 100644 --- a/packages/bezier-react/src/components/LegacyTooltip/LegacyTooltip.tsx +++ b/packages/bezier-react/src/components/LegacyTooltip/LegacyTooltip.tsx @@ -1,6 +1,6 @@ 'use client' -import React, { +import { type Ref, forwardRef, memo, @@ -56,7 +56,7 @@ export const LegacyTooltip = memo( const [didMount, setDidMount] = useState(show) const tooltipContainerRef = useRef(null) - const timerRef = useRef>() + const timerRef = useRef>(undefined) useEffect( function hideTooltipContentWhenDisabled() { diff --git a/packages/bezier-react/src/components/LegacyTooltip/LegacyTooltipContent.test.tsx b/packages/bezier-react/src/components/LegacyTooltip/LegacyTooltipContent.test.tsx index 459990182..63968cbb5 100644 --- a/packages/bezier-react/src/components/LegacyTooltip/LegacyTooltipContent.test.tsx +++ b/packages/bezier-react/src/components/LegacyTooltip/LegacyTooltipContent.test.tsx @@ -1,4 +1,4 @@ -import React from 'react' +import * as React from 'react' import { fireEvent } from '@testing-library/dom' import { act } from '@testing-library/react' diff --git a/packages/bezier-react/src/components/LegacyTooltip/LegacyTooltipContent.tsx b/packages/bezier-react/src/components/LegacyTooltip/LegacyTooltipContent.tsx index 8428985d2..0b929c9f2 100644 --- a/packages/bezier-react/src/components/LegacyTooltip/LegacyTooltipContent.tsx +++ b/packages/bezier-react/src/components/LegacyTooltip/LegacyTooltipContent.tsx @@ -1,6 +1,7 @@ 'use client' -import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react' +import { useCallback, useEffect, useMemo, useRef, useState } from 'react' +import * as React from 'react' import ReactDOM from 'react-dom' import classNames from 'classnames' diff --git a/packages/bezier-react/src/components/ListItem/ListItem.stories.tsx b/packages/bezier-react/src/components/ListItem/ListItem.stories.tsx index 70dd3dc54..ee53d1434 100644 --- a/packages/bezier-react/src/components/ListItem/ListItem.stories.tsx +++ b/packages/bezier-react/src/components/ListItem/ListItem.stories.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react' +import { useState } from 'react' import { InboxIcon } from '@channel.io/bezier-icons' import { type Meta, type StoryFn, type StoryObj } from '@storybook/react' diff --git a/packages/bezier-react/src/components/ListItem/ListItem.test.tsx b/packages/bezier-react/src/components/ListItem/ListItem.test.tsx index 39c9caf2d..91aaf332b 100644 --- a/packages/bezier-react/src/components/ListItem/ListItem.test.tsx +++ b/packages/bezier-react/src/components/ListItem/ListItem.test.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { render } from '~/src/utils/test' import { LIST_ITEM_TEST_ID, ListItem } from './ListItem' diff --git a/packages/bezier-react/src/components/ListItem/ListItem.tsx b/packages/bezier-react/src/components/ListItem/ListItem.tsx index 60c38afda..5ac4871d8 100644 --- a/packages/bezier-react/src/components/ListItem/ListItem.tsx +++ b/packages/bezier-react/src/components/ListItem/ListItem.tsx @@ -1,6 +1,6 @@ 'use client' -import React, { forwardRef } from 'react' +import { Fragment, forwardRef } from 'react' import { isBezierIcon } from '@channel.io/bezier-icons' import classNames from 'classnames' @@ -19,10 +19,10 @@ type ListItemRef = HTMLDivElement & HTMLAnchorElement function renderNewLineComponent(value: string) { return value.split('\n').map((str, index) => ( // eslint-disable-next-line react/no-array-index-key - + {index !== 0 &&
} {str} - + )) } diff --git a/packages/bezier-react/src/components/Modal/Modal.stories.tsx b/packages/bezier-react/src/components/Modal/Modal.stories.tsx index b3b5421ee..8e3cfc8e3 100644 --- a/packages/bezier-react/src/components/Modal/Modal.stories.tsx +++ b/packages/bezier-react/src/components/Modal/Modal.stories.tsx @@ -1,4 +1,4 @@ -import React, { useEffect, useState } from 'react' +import { useEffect, useState } from 'react' import { type Meta, type StoryFn, type StoryObj } from '@storybook/react' diff --git a/packages/bezier-react/src/components/Modal/Modal.test.tsx b/packages/bezier-react/src/components/Modal/Modal.test.tsx index d9f467589..201fe8fb0 100644 --- a/packages/bezier-react/src/components/Modal/Modal.test.tsx +++ b/packages/bezier-react/src/components/Modal/Modal.test.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { isInaccessible } from '@testing-library/react' import userEvent, { PointerEventsCheckLevel } from '@testing-library/user-event' diff --git a/packages/bezier-react/src/components/Modal/Modal.tsx b/packages/bezier-react/src/components/Modal/Modal.tsx index 442fc3b16..1f5c4839b 100644 --- a/packages/bezier-react/src/components/Modal/Modal.tsx +++ b/packages/bezier-react/src/components/Modal/Modal.tsx @@ -1,6 +1,6 @@ 'use client' - -import React, { forwardRef, useCallback, useMemo, useState } from 'react' +import { forwardRef, useCallback, useMemo, useState } from 'react' +import * as React from 'react' import { CancelIcon } from '@channel.io/bezier-icons' import classNames from 'classnames' diff --git a/packages/bezier-react/src/components/NavGroup/NavGroup.stories.tsx b/packages/bezier-react/src/components/NavGroup/NavGroup.stories.tsx index 60d2fec9e..2307efc85 100644 --- a/packages/bezier-react/src/components/NavGroup/NavGroup.stories.tsx +++ b/packages/bezier-react/src/components/NavGroup/NavGroup.stories.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { DotIcon, SettingsIcon } from '@channel.io/bezier-icons' import { type Meta, type StoryFn, type StoryObj } from '@storybook/react' diff --git a/packages/bezier-react/src/components/NavGroup/NavGroup.test.tsx b/packages/bezier-react/src/components/NavGroup/NavGroup.test.tsx index a6d4f39c7..8280fb4ae 100644 --- a/packages/bezier-react/src/components/NavGroup/NavGroup.test.tsx +++ b/packages/bezier-react/src/components/NavGroup/NavGroup.test.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { DotIcon } from '@channel.io/bezier-icons' import { render } from '~/src/utils/test' diff --git a/packages/bezier-react/src/components/NavGroup/NavGroup.tsx b/packages/bezier-react/src/components/NavGroup/NavGroup.tsx index 9286513dd..f32e7b3bd 100644 --- a/packages/bezier-react/src/components/NavGroup/NavGroup.tsx +++ b/packages/bezier-react/src/components/NavGroup/NavGroup.tsx @@ -1,6 +1,6 @@ 'use client' - -import React, { forwardRef } from 'react' +import { forwardRef } from 'react' +import * as React from 'react' import { ChevronSmallDownIcon, diff --git a/packages/bezier-react/src/components/NavItem/NavItem.stories.tsx b/packages/bezier-react/src/components/NavItem/NavItem.stories.tsx index e8abb0d52..51d287a33 100644 --- a/packages/bezier-react/src/components/NavItem/NavItem.stories.tsx +++ b/packages/bezier-react/src/components/NavItem/NavItem.stories.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { ErrorFilledIcon } from '@channel.io/bezier-icons' import { type Meta, type StoryFn, type StoryObj } from '@storybook/react' diff --git a/packages/bezier-react/src/components/NavItem/NavItem.test.tsx b/packages/bezier-react/src/components/NavItem/NavItem.test.tsx index 8eb2c6ebc..8b2f21682 100644 --- a/packages/bezier-react/src/components/NavItem/NavItem.test.tsx +++ b/packages/bezier-react/src/components/NavItem/NavItem.test.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { DotIcon } from '@channel.io/bezier-icons' import { render } from '~/src/utils/test' diff --git a/packages/bezier-react/src/components/NavItem/NavItem.tsx b/packages/bezier-react/src/components/NavItem/NavItem.tsx index 751bdb526..b12e7c889 100644 --- a/packages/bezier-react/src/components/NavItem/NavItem.tsx +++ b/packages/bezier-react/src/components/NavItem/NavItem.tsx @@ -1,6 +1,6 @@ 'use client' - -import React, { forwardRef } from 'react' +import { forwardRef } from 'react' +import * as React from 'react' import classNames from 'classnames' diff --git a/packages/bezier-react/src/components/OutlineItem/OutlineItem.stories.tsx b/packages/bezier-react/src/components/OutlineItem/OutlineItem.stories.tsx index 504f9dda5..4ec2668bf 100644 --- a/packages/bezier-react/src/components/OutlineItem/OutlineItem.stories.tsx +++ b/packages/bezier-react/src/components/OutlineItem/OutlineItem.stories.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { FaceSmileIcon } from '@channel.io/bezier-icons' import { type Meta, type StoryFn, type StoryObj } from '@storybook/react' diff --git a/packages/bezier-react/src/components/OutlineItem/OutlineItem.test.tsx b/packages/bezier-react/src/components/OutlineItem/OutlineItem.test.tsx index 64256166e..82cb8af91 100644 --- a/packages/bezier-react/src/components/OutlineItem/OutlineItem.test.tsx +++ b/packages/bezier-react/src/components/OutlineItem/OutlineItem.test.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { render } from '~/src/utils/test' import { OUTLINE_ITEM_TEST_ID, OutlineItem } from './OutlineItem' diff --git a/packages/bezier-react/src/components/OutlineItem/OutlineItem.tsx b/packages/bezier-react/src/components/OutlineItem/OutlineItem.tsx index 530a09252..c23700c8f 100644 --- a/packages/bezier-react/src/components/OutlineItem/OutlineItem.tsx +++ b/packages/bezier-react/src/components/OutlineItem/OutlineItem.tsx @@ -1,6 +1,6 @@ 'use client' - -import React, { forwardRef, useMemo } from 'react' +import { forwardRef, useMemo } from 'react' +import * as React from 'react' import { ChevronSmallDownIcon, diff --git a/packages/bezier-react/src/components/Overlay/Overlay.stories.tsx b/packages/bezier-react/src/components/Overlay/Overlay.stories.tsx index 9e5942810..68b18782c 100644 --- a/packages/bezier-react/src/components/Overlay/Overlay.stories.tsx +++ b/packages/bezier-react/src/components/Overlay/Overlay.stories.tsx @@ -1,4 +1,4 @@ -import React, { useEffect, useRef, useState } from 'react' +import { useEffect, useRef, useState } from 'react' import { type Meta, type StoryFn, type StoryObj } from '@storybook/react' diff --git a/packages/bezier-react/src/components/Overlay/Overlay.test.tsx b/packages/bezier-react/src/components/Overlay/Overlay.test.tsx index e1cc413d0..09bfe70b8 100644 --- a/packages/bezier-react/src/components/Overlay/Overlay.test.tsx +++ b/packages/bezier-react/src/components/Overlay/Overlay.test.tsx @@ -1,4 +1,4 @@ -import React from 'react' +import * as React from 'react' import { fireEvent } from '@testing-library/dom' import { getWindow } from 'ssr-window' diff --git a/packages/bezier-react/src/components/Overlay/Overlay.tsx b/packages/bezier-react/src/components/Overlay/Overlay.tsx index a93497824..5c8839c49 100644 --- a/packages/bezier-react/src/components/Overlay/Overlay.tsx +++ b/packages/bezier-react/src/components/Overlay/Overlay.tsx @@ -1,6 +1,6 @@ 'use client' -import React, { +import { forwardRef, useCallback, useEffect, diff --git a/packages/bezier-react/src/components/ProgressBar/ProgressBar.stories.tsx b/packages/bezier-react/src/components/ProgressBar/ProgressBar.stories.tsx index 5489ddf83..a35bdfd78 100644 --- a/packages/bezier-react/src/components/ProgressBar/ProgressBar.stories.tsx +++ b/packages/bezier-react/src/components/ProgressBar/ProgressBar.stories.tsx @@ -1,4 +1,4 @@ -import React, { useState } from 'react' +import { useState } from 'react' import type { Meta, StoryFn, StoryObj } from '@storybook/react' diff --git a/packages/bezier-react/src/components/ProgressBar/ProgressBar.test.tsx b/packages/bezier-react/src/components/ProgressBar/ProgressBar.test.tsx index 229076b80..e6ea9e3a7 100644 --- a/packages/bezier-react/src/components/ProgressBar/ProgressBar.test.tsx +++ b/packages/bezier-react/src/components/ProgressBar/ProgressBar.test.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { render } from '~/src/utils/test' import { ProgressBar } from './ProgressBar' diff --git a/packages/bezier-react/src/components/ProgressBar/ProgressBar.tsx b/packages/bezier-react/src/components/ProgressBar/ProgressBar.tsx index 48b3afc36..c8d840758 100644 --- a/packages/bezier-react/src/components/ProgressBar/ProgressBar.tsx +++ b/packages/bezier-react/src/components/ProgressBar/ProgressBar.tsx @@ -1,6 +1,6 @@ 'use client' - -import React, { forwardRef } from 'react' +import { forwardRef } from 'react' +import * as React from 'react' import classNames from 'classnames' diff --git a/packages/bezier-react/src/components/RadioGroup/RadioGroup.stories.tsx b/packages/bezier-react/src/components/RadioGroup/RadioGroup.stories.tsx index c9ef6b1b1..21583d6d5 100644 --- a/packages/bezier-react/src/components/RadioGroup/RadioGroup.stories.tsx +++ b/packages/bezier-react/src/components/RadioGroup/RadioGroup.stories.tsx @@ -1,4 +1,4 @@ -import React, { useEffect, useState } from 'react' +import { useEffect, useState } from 'react' import { type Meta, type StoryFn, type StoryObj } from '@storybook/react' diff --git a/packages/bezier-react/src/components/RadioGroup/RadioGroup.test.tsx b/packages/bezier-react/src/components/RadioGroup/RadioGroup.test.tsx index 9ab93950e..98985fcb5 100644 --- a/packages/bezier-react/src/components/RadioGroup/RadioGroup.test.tsx +++ b/packages/bezier-react/src/components/RadioGroup/RadioGroup.test.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { isInaccessible } from '@testing-library/react' import userEvent from '@testing-library/user-event' diff --git a/packages/bezier-react/src/components/RadioGroup/RadioGroup.tsx b/packages/bezier-react/src/components/RadioGroup/RadioGroup.tsx index 87035c685..1a82eb4b8 100644 --- a/packages/bezier-react/src/components/RadioGroup/RadioGroup.tsx +++ b/packages/bezier-react/src/components/RadioGroup/RadioGroup.tsx @@ -1,6 +1,7 @@ 'use client' -import React, { forwardRef } from 'react' +import { forwardRef } from 'react' +import * as React from 'react' import * as RadioGroupPrimitive from '@radix-ui/react-radio-group' import classNames from 'classnames' diff --git a/packages/bezier-react/src/components/SectionLabel/SectionLabel.stories.tsx b/packages/bezier-react/src/components/SectionLabel/SectionLabel.stories.tsx index f3ab7480b..a8c73eb26 100644 --- a/packages/bezier-react/src/components/SectionLabel/SectionLabel.stories.tsx +++ b/packages/bezier-react/src/components/SectionLabel/SectionLabel.stories.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { ChevronDownIcon, InfoFilledIcon } from '@channel.io/bezier-icons' import { type Meta, type StoryFn, type StoryObj } from '@storybook/react' diff --git a/packages/bezier-react/src/components/SectionLabel/SectionLabel.test.tsx b/packages/bezier-react/src/components/SectionLabel/SectionLabel.test.tsx index 3b4f1bf06..49d103e7a 100644 --- a/packages/bezier-react/src/components/SectionLabel/SectionLabel.test.tsx +++ b/packages/bezier-react/src/components/SectionLabel/SectionLabel.test.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { TagIcon, ToolIcon } from '@channel.io/bezier-icons' import { render } from '~/src/utils/test' diff --git a/packages/bezier-react/src/components/SectionLabel/SectionLabel.tsx b/packages/bezier-react/src/components/SectionLabel/SectionLabel.tsx index cfa9b14bc..9de432993 100644 --- a/packages/bezier-react/src/components/SectionLabel/SectionLabel.tsx +++ b/packages/bezier-react/src/components/SectionLabel/SectionLabel.tsx @@ -1,6 +1,6 @@ 'use client' -import React, { forwardRef } from 'react' +import { forwardRef } from 'react' import { isBezierIcon } from '@channel.io/bezier-icons' import classNames from 'classnames' diff --git a/packages/bezier-react/src/components/SegmentedControl/SegmentedControl.module.scss b/packages/bezier-react/src/components/SegmentedControl/SegmentedControl.module.scss index f71251f49..c3fa6c5ce 100644 --- a/packages/bezier-react/src/components/SegmentedControl/SegmentedControl.module.scss +++ b/packages/bezier-react/src/components/SegmentedControl/SegmentedControl.module.scss @@ -105,8 +105,10 @@ ( (var(--b-segmented-control-item-count) - 1) * var(--b-divider-thickness) - ) - (var(--b-segmented-control-padding) * 2) - ) / var(--b-segmented-control-item-count) + ) - + (var(--b-segmented-control-padding) * 2) + ) / + var(--b-segmented-control-item-count) ); height: calc( var(--b-segmented-control-height) - (var(--b-segmented-control-padding) * 2) diff --git a/packages/bezier-react/src/components/SegmentedControl/SegmentedControl.stories.tsx b/packages/bezier-react/src/components/SegmentedControl/SegmentedControl.stories.tsx index 4900fcef5..39c348671 100644 --- a/packages/bezier-react/src/components/SegmentedControl/SegmentedControl.stories.tsx +++ b/packages/bezier-react/src/components/SegmentedControl/SegmentedControl.stories.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { type Meta, type StoryFn } from '@storybook/react' import { Text } from '~/src/components/Text' diff --git a/packages/bezier-react/src/components/SegmentedControl/SegmentedControl.test.tsx b/packages/bezier-react/src/components/SegmentedControl/SegmentedControl.test.tsx index 456b28615..9bd4df180 100644 --- a/packages/bezier-react/src/components/SegmentedControl/SegmentedControl.test.tsx +++ b/packages/bezier-react/src/components/SegmentedControl/SegmentedControl.test.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { isInaccessible } from '@testing-library/react' import userEvent from '@testing-library/user-event' diff --git a/packages/bezier-react/src/components/SegmentedControl/SegmentedControl.tsx b/packages/bezier-react/src/components/SegmentedControl/SegmentedControl.tsx index 9298df5c4..f5c188315 100644 --- a/packages/bezier-react/src/components/SegmentedControl/SegmentedControl.tsx +++ b/packages/bezier-react/src/components/SegmentedControl/SegmentedControl.tsx @@ -1,12 +1,14 @@ 'use client' -import React, { +import { type ForwardedRef, + type JSX, forwardRef, useEffect, useMemo, useState, } from 'react' +import * as React from 'react' import * as RadioGroupPrimitive from '@radix-ui/react-radio-group' import * as TabsPrimitive from '@radix-ui/react-tabs' diff --git a/packages/bezier-react/src/components/Select/Select.stories.tsx b/packages/bezier-react/src/components/Select/Select.stories.tsx index 01a7a42cf..027870cd0 100644 --- a/packages/bezier-react/src/components/Select/Select.stories.tsx +++ b/packages/bezier-react/src/components/Select/Select.stories.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { CalendarIcon } from '@channel.io/bezier-icons' import { type Meta, type StoryFn } from '@storybook/react' diff --git a/packages/bezier-react/src/components/Select/Select.test.tsx b/packages/bezier-react/src/components/Select/Select.test.tsx index 7618f03c6..c6bc3edb0 100644 --- a/packages/bezier-react/src/components/Select/Select.test.tsx +++ b/packages/bezier-react/src/components/Select/Select.test.tsx @@ -1,4 +1,4 @@ -import React from 'react' +import * as React from 'react' import { fireEvent } from '@testing-library/react' import userEvent from '@testing-library/user-event' diff --git a/packages/bezier-react/src/components/Select/Select.tsx b/packages/bezier-react/src/components/Select/Select.tsx index ac6fe2e4c..2f4fece30 100644 --- a/packages/bezier-react/src/components/Select/Select.tsx +++ b/packages/bezier-react/src/components/Select/Select.tsx @@ -1,6 +1,6 @@ 'use client' -import React, { +import { forwardRef, useCallback, useEffect, @@ -9,6 +9,7 @@ import React, { useRef, useState, } from 'react' +import * as React from 'react' import { ChevronDownIcon, diff --git a/packages/bezier-react/src/components/Slider/Slider.test.tsx b/packages/bezier-react/src/components/Slider/Slider.test.tsx index 16e42b2b6..ebfe41240 100644 --- a/packages/bezier-react/src/components/Slider/Slider.test.tsx +++ b/packages/bezier-react/src/components/Slider/Slider.test.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { isInaccessible, waitFor } from '@testing-library/react' import userEvent from '@testing-library/user-event' diff --git a/packages/bezier-react/src/components/Slider/Slider.tsx b/packages/bezier-react/src/components/Slider/Slider.tsx index 910ac674f..5b9e2bd71 100644 --- a/packages/bezier-react/src/components/Slider/Slider.tsx +++ b/packages/bezier-react/src/components/Slider/Slider.tsx @@ -1,6 +1,7 @@ 'use client' -import React, { type CSSProperties, forwardRef, memo } from 'react' +import { type CSSProperties, forwardRef, memo } from 'react' +import * as React from 'react' import * as SliderPrimitive from '@radix-ui/react-slider' import classNames from 'classnames' diff --git a/packages/bezier-react/src/components/SmoothCornersBox/SmoothCornersBox.stories.tsx b/packages/bezier-react/src/components/SmoothCornersBox/SmoothCornersBox.stories.tsx index 356d04631..5ca3b5bbb 100644 --- a/packages/bezier-react/src/components/SmoothCornersBox/SmoothCornersBox.stories.tsx +++ b/packages/bezier-react/src/components/SmoothCornersBox/SmoothCornersBox.stories.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { type Meta, type StoryFn, type StoryObj } from '@storybook/react' import { SmoothCornersBox } from './SmoothCornersBox' diff --git a/packages/bezier-react/src/components/SmoothCornersBox/SmoothCornersBox.test.tsx b/packages/bezier-react/src/components/SmoothCornersBox/SmoothCornersBox.test.tsx index 6e5caaddd..f6110fb21 100644 --- a/packages/bezier-react/src/components/SmoothCornersBox/SmoothCornersBox.test.tsx +++ b/packages/bezier-react/src/components/SmoothCornersBox/SmoothCornersBox.test.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { render } from '~/src/utils/test' import { SmoothCornersBox } from './SmoothCornersBox' diff --git a/packages/bezier-react/src/components/SmoothCornersBox/SmoothCornersBox.tsx b/packages/bezier-react/src/components/SmoothCornersBox/SmoothCornersBox.tsx index 10afd662c..7c9e54870 100644 --- a/packages/bezier-react/src/components/SmoothCornersBox/SmoothCornersBox.tsx +++ b/packages/bezier-react/src/components/SmoothCornersBox/SmoothCornersBox.tsx @@ -1,6 +1,7 @@ 'use client' -import React, { forwardRef } from 'react' +import { forwardRef } from 'react' +import * as React from 'react' import classNames from 'classnames' diff --git a/packages/bezier-react/src/components/Spinner/Spinner.stories.tsx b/packages/bezier-react/src/components/Spinner/Spinner.stories.tsx index 6a8433362..dc069e819 100644 --- a/packages/bezier-react/src/components/Spinner/Spinner.stories.tsx +++ b/packages/bezier-react/src/components/Spinner/Spinner.stories.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { type Meta, type StoryFn } from '@storybook/react' import { Spinner } from './Spinner' diff --git a/packages/bezier-react/src/components/Spinner/Spinner.test.tsx b/packages/bezier-react/src/components/Spinner/Spinner.test.tsx index c67264877..db32335e5 100644 --- a/packages/bezier-react/src/components/Spinner/Spinner.test.tsx +++ b/packages/bezier-react/src/components/Spinner/Spinner.test.tsx @@ -1,4 +1,4 @@ -import React from 'react' +import * as React from 'react' import { render } from '~/src/utils/test' diff --git a/packages/bezier-react/src/components/Spinner/Spinner.tsx b/packages/bezier-react/src/components/Spinner/Spinner.tsx index c1ac9b690..3213158b1 100644 --- a/packages/bezier-react/src/components/Spinner/Spinner.tsx +++ b/packages/bezier-react/src/components/Spinner/Spinner.tsx @@ -1,6 +1,7 @@ 'use client' -import React, { forwardRef } from 'react' +import { forwardRef } from 'react' +import * as React from 'react' import classNames from 'classnames' diff --git a/packages/bezier-react/src/components/Stack/Stack.test.tsx b/packages/bezier-react/src/components/Stack/Stack.test.tsx index 9789b59e4..ae95d1b95 100644 --- a/packages/bezier-react/src/components/Stack/Stack.test.tsx +++ b/packages/bezier-react/src/components/Stack/Stack.test.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { render } from '~/src/utils/test' import { Stack } from './Stack' diff --git a/packages/bezier-react/src/components/Status/Status.stories.tsx b/packages/bezier-react/src/components/Status/Status.stories.tsx index 0db229ac2..aec58ef25 100644 --- a/packages/bezier-react/src/components/Status/Status.stories.tsx +++ b/packages/bezier-react/src/components/Status/Status.stories.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { type Meta, type StoryFn, type StoryObj } from '@storybook/react' import { Center } from '~/src/components/Center' diff --git a/packages/bezier-react/src/components/Status/Status.tsx b/packages/bezier-react/src/components/Status/Status.tsx index 0322166fe..302324bac 100644 --- a/packages/bezier-react/src/components/Status/Status.tsx +++ b/packages/bezier-react/src/components/Status/Status.tsx @@ -1,6 +1,6 @@ 'use client' -import React, { type CSSProperties, forwardRef, memo } from 'react' +import { type CSSProperties, forwardRef, memo } from 'react' import { LockIcon, MoonFilledIcon } from '@channel.io/bezier-icons' import classNames from 'classnames' diff --git a/packages/bezier-react/src/components/Switch/Switch.stories.tsx b/packages/bezier-react/src/components/Switch/Switch.stories.tsx index d7e9a1ce9..81c330366 100644 --- a/packages/bezier-react/src/components/Switch/Switch.stories.tsx +++ b/packages/bezier-react/src/components/Switch/Switch.stories.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { type Meta, type StoryFn } from '@storybook/react' import { Switch } from './Switch' diff --git a/packages/bezier-react/src/components/Switch/Switch.test.tsx b/packages/bezier-react/src/components/Switch/Switch.test.tsx index a0417dbc6..34a4f0ffd 100644 --- a/packages/bezier-react/src/components/Switch/Switch.test.tsx +++ b/packages/bezier-react/src/components/Switch/Switch.test.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import userEvent from '@testing-library/user-event' import { render } from '~/src/utils/test' diff --git a/packages/bezier-react/src/components/Switch/Switch.tsx b/packages/bezier-react/src/components/Switch/Switch.tsx index c56f17016..66c324d0e 100644 --- a/packages/bezier-react/src/components/Switch/Switch.tsx +++ b/packages/bezier-react/src/components/Switch/Switch.tsx @@ -1,6 +1,6 @@ 'use client' -import React, { forwardRef } from 'react' +import { forwardRef } from 'react' import * as SwitchPrimitive from '@radix-ui/react-switch' import classNames from 'classnames' diff --git a/packages/bezier-react/src/components/Tabs/Tabs.stories.tsx b/packages/bezier-react/src/components/Tabs/Tabs.stories.tsx index 0170672ec..3eaa71117 100644 --- a/packages/bezier-react/src/components/Tabs/Tabs.stories.tsx +++ b/packages/bezier-react/src/components/Tabs/Tabs.stories.tsx @@ -1,6 +1,6 @@ /* eslint-disable no-alert */ -import React, { useCallback, useState } from 'react' +import { useCallback, useState } from 'react' import { type Meta, type StoryFn, type StoryObj } from '@storybook/react' diff --git a/packages/bezier-react/src/components/Tabs/Tabs.test.tsx b/packages/bezier-react/src/components/Tabs/Tabs.test.tsx index ff7d9f1e5..2c405b217 100644 --- a/packages/bezier-react/src/components/Tabs/Tabs.test.tsx +++ b/packages/bezier-react/src/components/Tabs/Tabs.test.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { isInaccessible } from '@testing-library/react' import userEvent, { PointerEventsCheckLevel } from '@testing-library/user-event' diff --git a/packages/bezier-react/src/components/Tabs/Tabs.tsx b/packages/bezier-react/src/components/Tabs/Tabs.tsx index f50ed4a1c..86be5cdd3 100644 --- a/packages/bezier-react/src/components/Tabs/Tabs.tsx +++ b/packages/bezier-react/src/components/Tabs/Tabs.tsx @@ -1,6 +1,7 @@ 'use client' -import React, { forwardRef, useMemo } from 'react' +import { type JSX, forwardRef, useMemo } from 'react' +import * as React from 'react' import { OpenInNewIcon } from '@channel.io/bezier-icons' import * as TabsPrimitive from '@radix-ui/react-tabs' diff --git a/packages/bezier-react/src/components/Tag/Tag.stories.tsx b/packages/bezier-react/src/components/Tag/Tag.stories.tsx index 4dbafb62a..6958c7dee 100644 --- a/packages/bezier-react/src/components/Tag/Tag.stories.tsx +++ b/packages/bezier-react/src/components/Tag/Tag.stories.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { type Meta, type StoryFn, type StoryObj } from '@storybook/react' import { Tag } from './Tag' diff --git a/packages/bezier-react/src/components/Tag/Tag.test.tsx b/packages/bezier-react/src/components/Tag/Tag.test.tsx index de0796dab..dd7f0bdac 100644 --- a/packages/bezier-react/src/components/Tag/Tag.test.tsx +++ b/packages/bezier-react/src/components/Tag/Tag.test.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import userEvent from '@testing-library/user-event' import { render } from '~/src/utils/test' diff --git a/packages/bezier-react/src/components/Tag/Tag.tsx b/packages/bezier-react/src/components/Tag/Tag.tsx index 2124dae95..c29c1f423 100644 --- a/packages/bezier-react/src/components/Tag/Tag.tsx +++ b/packages/bezier-react/src/components/Tag/Tag.tsx @@ -1,6 +1,6 @@ 'use client' -import React, { forwardRef, memo } from 'react' +import { forwardRef, memo } from 'react' import { CancelSmallIcon } from '@channel.io/bezier-icons' diff --git a/packages/bezier-react/src/components/Text/Text.stories.tsx b/packages/bezier-react/src/components/Text/Text.stories.tsx index af1e60824..08ae774e2 100644 --- a/packages/bezier-react/src/components/Text/Text.stories.tsx +++ b/packages/bezier-react/src/components/Text/Text.stories.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { type Meta, type StoryFn, type StoryObj } from '@storybook/react' import { Box } from '~/src/components/Box' diff --git a/packages/bezier-react/src/components/Text/Text.test.tsx b/packages/bezier-react/src/components/Text/Text.test.tsx index 8db17afba..682d79736 100644 --- a/packages/bezier-react/src/components/Text/Text.test.tsx +++ b/packages/bezier-react/src/components/Text/Text.test.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { render } from '~/src/utils/test' import { Text } from './Text' diff --git a/packages/bezier-react/src/components/TextArea/TextArea.stories.tsx b/packages/bezier-react/src/components/TextArea/TextArea.stories.tsx index ac224bf89..e6e2842c8 100644 --- a/packages/bezier-react/src/components/TextArea/TextArea.stories.tsx +++ b/packages/bezier-react/src/components/TextArea/TextArea.stories.tsx @@ -1,4 +1,5 @@ -import React, { useCallback, useState } from 'react' +import { useCallback, useState } from 'react' +import * as React from 'react' import { type Meta, type StoryFn } from '@storybook/react' diff --git a/packages/bezier-react/src/components/TextArea/TextArea.test.tsx b/packages/bezier-react/src/components/TextArea/TextArea.test.tsx index b9190e452..5510f1207 100644 --- a/packages/bezier-react/src/components/TextArea/TextArea.test.tsx +++ b/packages/bezier-react/src/components/TextArea/TextArea.test.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { fireEvent } from '@testing-library/dom' import { act } from '@testing-library/react' diff --git a/packages/bezier-react/src/components/TextArea/TextArea.tsx b/packages/bezier-react/src/components/TextArea/TextArea.tsx index 0d2a8a294..6595c91ca 100644 --- a/packages/bezier-react/src/components/TextArea/TextArea.tsx +++ b/packages/bezier-react/src/components/TextArea/TextArea.tsx @@ -1,6 +1,6 @@ 'use client' -import React, { forwardRef, useRef } from 'react' +import { forwardRef, useRef } from 'react' import classNames from 'classnames' import TextareaAutosize from 'react-textarea-autosize' diff --git a/packages/bezier-react/src/components/TextField/TextField.stories.tsx b/packages/bezier-react/src/components/TextField/TextField.stories.tsx index 7bebcfea7..18dd65650 100644 --- a/packages/bezier-react/src/components/TextField/TextField.stories.tsx +++ b/packages/bezier-react/src/components/TextField/TextField.stories.tsx @@ -1,4 +1,5 @@ -import React, { useCallback, useRef, useState } from 'react' +import { useCallback, useRef, useState } from 'react' +import * as React from 'react' import { SearchIcon } from '@channel.io/bezier-icons' import { type Meta, type StoryFn } from '@storybook/react' diff --git a/packages/bezier-react/src/components/TextField/TextField.test.tsx b/packages/bezier-react/src/components/TextField/TextField.test.tsx index 56475cb6e..9cac8a292 100644 --- a/packages/bezier-react/src/components/TextField/TextField.test.tsx +++ b/packages/bezier-react/src/components/TextField/TextField.test.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { fireEvent } from '@testing-library/dom' import { act, within } from '@testing-library/react' import userEvent from '@testing-library/user-event' diff --git a/packages/bezier-react/src/components/TextField/TextField.tsx b/packages/bezier-react/src/components/TextField/TextField.tsx index 24b658d35..c4816b964 100644 --- a/packages/bezier-react/src/components/TextField/TextField.tsx +++ b/packages/bezier-react/src/components/TextField/TextField.tsx @@ -1,6 +1,6 @@ 'use client' -import React, { +import { forwardRef, useCallback, useEffect, @@ -8,6 +8,7 @@ import React, { useMemo, useRef, } from 'react' +import * as React from 'react' import { CancelCircleFilledIcon } from '@channel.io/bezier-icons' import classNames from 'classnames' @@ -195,8 +196,8 @@ export const TextField = forwardRef( ...ownProps } = useFormFieldProps(rest) - const focusTimeout = useRef>() - const blurTimeout = useRef>() + const focusTimeout = useRef>(undefined) + const blurTimeout = useRef>(undefined) const normalizedValue = isNil(value) ? undefined : toString(value) const activeInput = !disabled && !readOnly diff --git a/packages/bezier-react/src/components/ThemeProvider/ThemeProvider.tsx b/packages/bezier-react/src/components/ThemeProvider/ThemeProvider.tsx index b23191bd2..a00d8b5dd 100644 --- a/packages/bezier-react/src/components/ThemeProvider/ThemeProvider.tsx +++ b/packages/bezier-react/src/components/ThemeProvider/ThemeProvider.tsx @@ -1,6 +1,6 @@ 'use client' -import React, { forwardRef } from 'react' +import { forwardRef } from 'react' import { Slot } from '@radix-ui/react-slot' diff --git a/packages/bezier-react/src/components/Toast/Toast.stories.tsx b/packages/bezier-react/src/components/Toast/Toast.stories.tsx index c6b0730b5..2ba279a34 100644 --- a/packages/bezier-react/src/components/Toast/Toast.stories.tsx +++ b/packages/bezier-react/src/components/Toast/Toast.stories.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { type Meta, type StoryFn, type StoryObj } from '@storybook/react' import { Button } from '~/src/components/Button' diff --git a/packages/bezier-react/src/components/Toast/Toast.test.tsx b/packages/bezier-react/src/components/Toast/Toast.test.tsx index 42bdad6ec..01e727f8b 100644 --- a/packages/bezier-react/src/components/Toast/Toast.test.tsx +++ b/packages/bezier-react/src/components/Toast/Toast.test.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { fireEvent, waitFor } from '@testing-library/react' import { render } from '~/src/utils/test' diff --git a/packages/bezier-react/src/components/Toast/Toast.tsx b/packages/bezier-react/src/components/Toast/Toast.tsx index 92f94c8eb..6555be934 100644 --- a/packages/bezier-react/src/components/Toast/Toast.tsx +++ b/packages/bezier-react/src/components/Toast/Toast.tsx @@ -1,6 +1,6 @@ 'use client' -import React, { useCallback, useEffect, useRef, useState } from 'react' +import { Fragment, useCallback, useEffect, useRef, useState } from 'react' import { createPortal } from 'react-dom' import { @@ -40,28 +40,30 @@ import useToastProviderValues from './useToastContextValues' import styles from './Toast.module.scss' function getToastPreset(preset: ToastPreset) { - return { - success: { - icon: CheckCircleFilledIcon, - appearance: 'success', - }, - error: { - icon: ErrorTriangleFilledIcon, - appearance: 'error', - }, - offline: { - icon: WifiOffIcon, - appearance: 'warning', - }, - online: { - icon: WifiIcon, - appearance: 'success', - }, - default: { - icon: InfoFilledIcon, - appearance: 'info', - }, - }[preset] + return ( + { + success: { + icon: CheckCircleFilledIcon, + appearance: 'success', + }, + error: { + icon: ErrorTriangleFilledIcon, + appearance: 'error', + }, + offline: { + icon: WifiOffIcon, + appearance: 'warning', + }, + online: { + icon: WifiIcon, + appearance: 'success', + }, + default: { + icon: InfoFilledIcon, + appearance: 'info', + }, + } as const + )[preset] } export function Toast({ @@ -78,7 +80,7 @@ export function Toast({ }: ToastProps) { const { window } = useWindow() - const dismissTimer = useRef>() + const dismissTimer = useRef>(undefined) const [isSlidingOut, setIsSlidingOut] = useState(false) @@ -154,10 +156,10 @@ export function Toast({ {isString(content) ? content.split('\n').map((str, index) => ( // eslint-disable-next-line react/no-array-index-key - + {index !== 0 &&
} {str} - + )) : content} diff --git a/packages/bezier-react/src/components/TokenProvider/TokenProvider.tsx b/packages/bezier-react/src/components/TokenProvider/TokenProvider.tsx index 9e19c20f3..9e7ee058f 100644 --- a/packages/bezier-react/src/components/TokenProvider/TokenProvider.tsx +++ b/packages/bezier-react/src/components/TokenProvider/TokenProvider.tsx @@ -1,6 +1,6 @@ 'use client' -import React, { useMemo } from 'react' +import { useMemo } from 'react' import { tokens } from '@channel.io/bezier-tokens' diff --git a/packages/bezier-react/src/components/Tooltip/Tooltip.stories.tsx b/packages/bezier-react/src/components/Tooltip/Tooltip.stories.tsx index e6343fea5..19c79258e 100644 --- a/packages/bezier-react/src/components/Tooltip/Tooltip.stories.tsx +++ b/packages/bezier-react/src/components/Tooltip/Tooltip.stories.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { TranslateIcon } from '@channel.io/bezier-icons' import { type Meta, type StoryFn } from '@storybook/react' diff --git a/packages/bezier-react/src/components/Tooltip/Tooltip.test.tsx b/packages/bezier-react/src/components/Tooltip/Tooltip.test.tsx index 14409bf85..e7c2e41a4 100644 --- a/packages/bezier-react/src/components/Tooltip/Tooltip.test.tsx +++ b/packages/bezier-react/src/components/Tooltip/Tooltip.test.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { isInaccessible, waitFor } from '@testing-library/react' import userEvent from '@testing-library/user-event' diff --git a/packages/bezier-react/src/components/Tooltip/Tooltip.tsx b/packages/bezier-react/src/components/Tooltip/Tooltip.tsx index 0c0250d24..bf0c077c8 100644 --- a/packages/bezier-react/src/components/Tooltip/Tooltip.tsx +++ b/packages/bezier-react/src/components/Tooltip/Tooltip.tsx @@ -1,6 +1,6 @@ 'use client' -import React, { +import { forwardRef, useCallback, useEffect, @@ -140,7 +140,7 @@ export const Tooltip = forwardRef( forwardedRef ) { const [show, setShow] = useState(defaultShow ?? false) - const timeoutRef = useRef() + const timeoutRef = useRef(undefined) const rootElement = useRootElement() const container = containerProp ?? rootElement diff --git a/packages/bezier-react/src/components/VisuallyHidden/VisuallyHidden.test.tsx b/packages/bezier-react/src/components/VisuallyHidden/VisuallyHidden.test.tsx index 120963bfa..38056bcbd 100644 --- a/packages/bezier-react/src/components/VisuallyHidden/VisuallyHidden.test.tsx +++ b/packages/bezier-react/src/components/VisuallyHidden/VisuallyHidden.test.tsx @@ -1,5 +1,3 @@ -import React from 'react' - import { render } from '~/src/utils/test' import { VisuallyHidden } from './VisuallyHidden' diff --git a/packages/bezier-react/src/components/VisuallyHidden/VisuallyHidden.tsx b/packages/bezier-react/src/components/VisuallyHidden/VisuallyHidden.tsx index 27c61f4e3..b49fcf6c7 100644 --- a/packages/bezier-react/src/components/VisuallyHidden/VisuallyHidden.tsx +++ b/packages/bezier-react/src/components/VisuallyHidden/VisuallyHidden.tsx @@ -1,7 +1,5 @@ 'use client' -import React from 'react' - import * as VisuallyHiddenPrimitive from '@radix-ui/react-visually-hidden' import { type VisuallyHiddenProps } from './VisuallyHidden.types' diff --git a/packages/bezier-react/src/components/WindowProvider/WindowProvider.tsx b/packages/bezier-react/src/components/WindowProvider/WindowProvider.tsx index 8d246a31c..6969c5600 100644 --- a/packages/bezier-react/src/components/WindowProvider/WindowProvider.tsx +++ b/packages/bezier-react/src/components/WindowProvider/WindowProvider.tsx @@ -1,6 +1,6 @@ 'use client' -import React, { useMemo } from 'react' +import { useMemo } from 'react' import { createContext } from '~/src/utils/react' diff --git a/packages/bezier-react/src/hooks/useEventHandler.ts b/packages/bezier-react/src/hooks/useEventHandler.ts index 4a9d1e995..57c361867 100644 --- a/packages/bezier-react/src/hooks/useEventHandler.ts +++ b/packages/bezier-react/src/hooks/useEventHandler.ts @@ -17,7 +17,7 @@ function useEventHandler( condition: boolean = true, options: boolean | HandlerOptionsProps = false ) { - const prevOptionsRef = useRef() + const prevOptionsRef = useRef(undefined) const nextOptions = useMemo(() => { if (isEqual(prevOptionsRef.current, options)) { diff --git a/packages/bezier-react/src/hooks/useId.ts b/packages/bezier-react/src/hooks/useId.ts index 0f796d15c..d8ff3999e 100644 --- a/packages/bezier-react/src/hooks/useId.ts +++ b/packages/bezier-react/src/hooks/useId.ts @@ -1,4 +1,5 @@ -import React, { useEffect, useMemo, useState } from 'react' +import { useEffect, useMemo, useState } from 'react' +import * as React from 'react' import { compact } from '~/src/utils/array' import { getReactVersion } from '~/src/utils/react' diff --git a/packages/bezier-react/src/styles/_tokens.scss b/packages/bezier-react/src/styles/_tokens.scss index f20fe40e3..1604a5258 100644 --- a/packages/bezier-react/src/styles/_tokens.scss +++ b/packages/bezier-react/src/styles/_tokens.scss @@ -1,2 +1,3 @@ @use '../../node_modules/@channel.io/bezier-tokens/dist/css/styles.css' as *; -@use '../../node_modules/@channel.io/bezier-tokens/dist/alpha/css/styles.css' as *; +@use '../../node_modules/@channel.io/bezier-tokens/dist/alpha/css/styles.css' + as *; diff --git a/packages/bezier-react/src/types/props.ts b/packages/bezier-react/src/types/props.ts index 141b33d9b..86cb75e23 100644 --- a/packages/bezier-react/src/types/props.ts +++ b/packages/bezier-react/src/types/props.ts @@ -1,3 +1,5 @@ +import type { JSX } from 'react' + import type { BackgroundSemanticColor, BackgroundTextSemanticColor, diff --git a/packages/bezier-react/src/utils/react.ts b/packages/bezier-react/src/utils/react.ts index 166bc9b0f..48966686a 100644 --- a/packages/bezier-react/src/utils/react.ts +++ b/packages/bezier-react/src/utils/react.ts @@ -1,4 +1,4 @@ -import React from 'react' +import * as React from 'react' import { assert } from './assert' diff --git a/packages/bezier-react/src/utils/test.tsx b/packages/bezier-react/src/utils/test.tsx index b889712ec..a16582335 100644 --- a/packages/bezier-react/src/utils/test.tsx +++ b/packages/bezier-react/src/utils/test.tsx @@ -1,4 +1,4 @@ -import React from 'react' +import * as React from 'react' import { render as baseRender, diff --git a/packages/bezier-react/tsconfig.json b/packages/bezier-react/tsconfig.json index 1f4fe693c..2ac63deb1 100644 --- a/packages/bezier-react/tsconfig.json +++ b/packages/bezier-react/tsconfig.json @@ -1,7 +1,6 @@ { "extends": "tsconfig/browser.json", "compilerOptions": { - "jsx": "react", "baseUrl": ".", "paths": { "~/*": ["./*"] diff --git a/yarn.lock b/yarn.lock index 45e5f0b8e..f7ef90483 100644 --- a/yarn.lock +++ b/yarn.lock @@ -2169,11 +2169,11 @@ __metadata: dependencies: "@inkjs/ui": "npm:^2.0.0" "@types/node": "npm:^22.10.2" - "@types/react": "npm:^18.3.16" + "@types/react": "npm:^19.0.1" eslint-config-bezier: "workspace:*" ink: "npm:^5.1.0" meow: "npm:^13.2.0" - react: "npm:^18.3.1" + react: "npm:^19.0.0" ts-morph: "npm:^24.0.0" tsconfig: "workspace:*" bin: @@ -2202,6 +2202,11 @@ __metadata: rollup-plugin-visualizer: "npm:^5.12.0" svgo: "npm:^3.3.2" tsconfig: "workspace:*" + peerDependencies: + react: ">=17" + peerDependenciesMeta: + react: + optional: true languageName: unknown linkType: soft @@ -2253,8 +2258,8 @@ __metadata: "@testing-library/react": "npm:^16.1.0" "@testing-library/user-event": "npm:^14.5.2" "@types/jest": "npm:^29.5.14" - "@types/react": "npm:^18.3.16" - "@types/react-dom": "npm:^18.3.5" + "@types/react": "npm:^19.0.1" + "@types/react-dom": "npm:^19.0.2" "@types/uuid": "npm:^10.0.0" babel-loader: "npm:^9.2.1" babel-preset-react-app: "npm:^10.0.1" @@ -2270,8 +2275,8 @@ __metadata: paths.macro: "npm:^3.0.1" postcss: "npm:^8.4.49" postcss-preset-env: "npm:^10.1.1" - react: "npm:^18.3.1" - react-dom: "npm:^18.3.1" + react: "npm:^19.0.0" + react-dom: "npm:^19.0.0" react-textarea-autosize: "npm:8.3.4" rollup: "npm:^4.28.1" rollup-plugin-node-externals: "npm:^7.1.3" @@ -2289,8 +2294,8 @@ __metadata: uuid: "npm:^11.0.3" peerDependencies: "@channel.io/bezier-icons": ">=0.2.0" - react: ^16.8.0 || ^17.0.0 || ^18.0.0 - react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 + react: ">=17" + react-dom: ">=17" peerDependenciesMeta: "@channel.io/bezier-icons": optional: true @@ -6635,13 +6640,6 @@ __metadata: languageName: node linkType: hard -"@types/prop-types@npm:*": - version: 15.7.11 - resolution: "@types/prop-types@npm:15.7.11" - checksum: 10/7519ff11d06fbf6b275029fe03fff9ec377b4cb6e864cac34d87d7146c7f5a7560fd164bdc1d2dbe00b60c43713631251af1fd3d34d46c69cd354602bc0c7c54 - languageName: node - linkType: hard - "@types/qs@npm:*": version: 6.9.12 resolution: "@types/qs@npm:6.9.12" @@ -6656,22 +6654,21 @@ __metadata: languageName: node linkType: hard -"@types/react-dom@npm:^18.3.5": - version: 18.3.5 - resolution: "@types/react-dom@npm:18.3.5" +"@types/react-dom@npm:^19.0.2": + version: 19.0.2 + resolution: "@types/react-dom@npm:19.0.2" peerDependencies: - "@types/react": ^18.0.0 - checksum: 10/02095b326f373867498e0eb2b5ebb60f9bd9535db0d757ea13504c4b7d75e16605cf1d43ce7a2e67893d177b51db4357cabb2842fb4257c49427d02da1a14e09 + "@types/react": ^19.0.0 + checksum: 10/d2ae81ec0b8eee7a4bf31918796fdaa34e8db68f69682163bc212d759de76783e6ffcc02c02722dcf508429067148841e6da81414cc730ca2a28c9c2b350c880 languageName: node linkType: hard -"@types/react@npm:^18.3.16": - version: 18.3.16 - resolution: "@types/react@npm:18.3.16" +"@types/react@npm:^19.0.1": + version: 19.0.1 + resolution: "@types/react@npm:19.0.1" dependencies: - "@types/prop-types": "npm:*" csstype: "npm:^3.0.2" - checksum: 10/971b4f46af9aeda85326000ba4a78973db6a1f11e10665c014e1274a68ae801469f057b56d850512694cf04a69cc264c07e6a507b4613874e8bf6ab4df7904f1 + checksum: 10/930dd4904047059c48ae64a90fc5e8078b5bac0a14c9d927917e5a07e88e4e5073ddc944cbde90a955f9f815c23b7112caea63e407bc423913073bedecb097aa languageName: node linkType: hard @@ -8104,16 +8101,16 @@ __metadata: "@channel.io/bezier-icons": "npm:0.38.0" "@channel.io/bezier-react": "npm:2.6.2" "@figma/plugin-typings": "npm:^1.104.0" - "@types/react": "npm:^18.3.16" - "@types/react-dom": "npm:^18.3.5" + "@types/react": "npm:^19.0.1" + "@types/react-dom": "npm:^19.0.2" css-loader: "npm:^7.1.2" eslint-config-bezier: "workspace:*" html-webpack-inline-source-plugin: "npm:^0.0.10" html-webpack-plugin: "npm:^5.6.3" octokit: "npm:^4.0.2" - react: "npm:^18.3.1" + react: "npm:^19.0.0" react-dev-utils: "npm:^12.0.1" - react-dom: "npm:^18.3.1" + react-dom: "npm:^19.0.0" react-router-dom: "npm:^7.0.2" style-loader: "npm:^4.0.0" ts-loader: "npm:^9.5.1" @@ -16618,7 +16615,7 @@ __metadata: languageName: node linkType: hard -"react-dom@npm:^16.8.0 || ^17.0.0 || ^18.0.0, react-dom@npm:^18.3.1": +"react-dom@npm:^16.8.0 || ^17.0.0 || ^18.0.0": version: 18.3.1 resolution: "react-dom@npm:18.3.1" dependencies: @@ -16630,6 +16627,17 @@ __metadata: languageName: node linkType: hard +"react-dom@npm:^19.0.0": + version: 19.0.0 + resolution: "react-dom@npm:19.0.0" + dependencies: + scheduler: "npm:^0.25.0" + peerDependencies: + react: ^19.0.0 + checksum: 10/aa64a2f1991042f516260e8b0eca0ae777b6c8f1aa2b5ae096e80bbb6ac9b005aef2bca697969841d34f7e1819556263476bdfea36c35092e8d9aefde3de2d9a + languageName: node + linkType: hard + "react-error-overlay@npm:^6.0.11": version: 6.0.11 resolution: "react-error-overlay@npm:6.0.11" @@ -16765,7 +16773,7 @@ __metadata: languageName: node linkType: hard -"react@npm:^16.8.0 || ^17.0.0 || ^18.0.0, react@npm:^18.3.1": +"react@npm:^16.8.0 || ^17.0.0 || ^18.0.0": version: 18.3.1 resolution: "react@npm:18.3.1" dependencies: @@ -16774,6 +16782,13 @@ __metadata: languageName: node linkType: hard +"react@npm:^19.0.0": + version: 19.0.0 + resolution: "react@npm:19.0.0" + checksum: 10/2490969c503f644703c88990d20e4011fa6119ddeca451e9de48f6d7ab058d670d2852a5fcd3aa3cd90a923ab2815d532637bd4a814add402ae5c0d4f129ee71 + languageName: node + linkType: hard + "read-package-json-fast@npm:^4.0.0": version: 4.0.0 resolution: "read-package-json-fast@npm:4.0.0" @@ -17484,6 +17499,13 @@ __metadata: languageName: node linkType: hard +"scheduler@npm:^0.25.0": + version: 0.25.0 + resolution: "scheduler@npm:0.25.0" + checksum: 10/e661e38503ab29a153429a99203fefa764f28b35c079719eb5efdd2c1c1086522f6653d8ffce388209682c23891a6d1d32fa6badf53c35fb5b9cd0c55ace42de + languageName: node + linkType: hard + "schema-utils@npm:2.7.0": version: 2.7.0 resolution: "schema-utils@npm:2.7.0"