From 5351721e702daab3e8da97a202ae0e40cfee999d Mon Sep 17 00:00:00 2001 From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com> Date: Wed, 1 Apr 2026 23:02:54 +0000 Subject: [PATCH 1/8] build(deps-dev): bump react and @types/react Bumps [react](https://github.com/facebook/react/tree/HEAD/packages/react) and [@types/react](https://github.com/DefinitelyTyped/DefinitelyTyped/tree/HEAD/types/react). These dependencies needed to be updated together. Updates `react` from 19.1.1 to 19.2.4 - [Release notes](https://github.com/facebook/react/releases) - [Changelog](https://github.com/facebook/react/blob/main/CHANGELOG.md) - [Commits](https://github.com/facebook/react/commits/v19.2.4/packages/react) Updates `@types/react` from 19.1.6 to 19.2.14 - [Release notes](https://github.com/DefinitelyTyped/DefinitelyTyped/releases) - [Commits](https://github.com/DefinitelyTyped/DefinitelyTyped/commits/HEAD/types/react) --- updated-dependencies: - dependency-name: react dependency-version: 19.2.4 dependency-type: direct:development update-type: version-update:semver-minor - dependency-name: "@types/react" dependency-version: 19.2.14 dependency-type: direct:development update-type: version-update:semver-minor ... Signed-off-by: dependabot[bot] --- packages/components/package.json | 2 +- packages/contexts/package.json | 2 +- packages/hooks/package.json | 2 +- yarn.lock | 44 +++++++++++++------------------- 4 files changed, 21 insertions(+), 29 deletions(-) diff --git a/packages/components/package.json b/packages/components/package.json index 6c2e878a..b56bc3e6 100644 --- a/packages/components/package.json +++ b/packages/components/package.json @@ -124,7 +124,7 @@ "postcss-modules": "^6.0.1", "postcss-preset-env": "^10.4.0", "prettier": "^3.8.3", - "react": "^19.1.1", + "react": "^19.2.4", "react-dom": "^19.1.1", "react-markdown": "^10.1.0", "react-select": "^5.10.2", diff --git a/packages/contexts/package.json b/packages/contexts/package.json index 651e39cf..7caee467 100644 --- a/packages/contexts/package.json +++ b/packages/contexts/package.json @@ -60,7 +60,7 @@ "jest": "^29.7.0", "jest-environment-jsdom": "^30.2.0", "prettier": "^3.8.3", - "react": "^19.1.1", + "react": "^19.2.4", "react-dom": "^19.1.1", "rollup": "^4.59.0", "rollup-plugin-dts": "^6.4.1", diff --git a/packages/hooks/package.json b/packages/hooks/package.json index 5c792e3e..4485cf32 100644 --- a/packages/hooks/package.json +++ b/packages/hooks/package.json @@ -64,7 +64,7 @@ "jest-environment-jsdom": "^30.2.0", "prettier": "^3.8.3", "raf-stub": "^3.0.0", - "react": "^19.1.1", + "react": "^19.2.4", "react-dom": "^19.1.1", "rollup": "^4.59.0", "rollup-plugin-dts": "^6.4.1", diff --git a/yarn.lock b/yarn.lock index 8d780117..80685375 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3070,7 +3070,7 @@ __metadata: postcss-modules: "npm:^6.0.1" postcss-preset-env: "npm:^10.4.0" prettier: "npm:^3.8.3" - react: "npm:^19.1.1" + react: "npm:^19.2.4" react-copy-to-clipboard: "npm:^5.1.1" react-dom: "npm:^19.1.1" react-loader: "npm:^2.4.7" @@ -3140,7 +3140,7 @@ __metadata: jest: "npm:^29.7.0" jest-environment-jsdom: "npm:^30.2.0" prettier: "npm:^3.8.3" - react: "npm:^19.1.1" + react: "npm:^19.2.4" react-dom: "npm:^19.1.1" rollup: "npm:^4.59.0" rollup-plugin-dts: "npm:^6.4.1" @@ -3187,7 +3187,7 @@ __metadata: js-cookie: "npm:^3.0.5" prettier: "npm:^3.8.3" raf-stub: "npm:^3.0.0" - react: "npm:^19.1.1" + react: "npm:^19.2.4" react-dom: "npm:^19.1.1" react-hotkeys: "npm:^2.0.0" rollup: "npm:^4.59.0" @@ -5405,13 +5405,6 @@ __metadata: languageName: node linkType: hard -"@types/prop-types@npm:*": - version: 15.7.15 - resolution: "@types/prop-types@npm:15.7.15" - checksum: 10c0/b59aad1ad19bf1733cf524fd4e618196c6c7690f48ee70a327eb450a42aab8e8a063fbe59ca0a5701aebe2d92d582292c0fb845ea57474f6a15f6994b0e260b2 - languageName: node - linkType: hard - "@types/react-copy-to-clipboard@npm:^5": version: 5.0.7 resolution: "@types/react-copy-to-clipboard@npm:5.0.7" @@ -5449,12 +5442,11 @@ __metadata: linkType: hard "@types/react@npm:*": - version: 18.3.3 - resolution: "@types/react@npm:18.3.3" + version: 19.2.14 + resolution: "@types/react@npm:19.2.14" dependencies: - "@types/prop-types": "npm:*" - csstype: "npm:^3.0.2" - checksum: 10c0/fe455f805c5da13b89964c3d68060cebd43e73ec15001a68b34634604a78140e6fc202f3f61679b9d809dde6d7a7c2cb3ed51e0fd1462557911db09879b55114 + csstype: "npm:^3.2.2" + checksum: 10c0/7d25bf41b57719452d86d2ac0570b659210402707313a36ee612666bf11275a1c69824f8c3ee1fdca077ccfe15452f6da8f1224529b917050eb2d861e52b59b7 languageName: node linkType: hard @@ -8435,6 +8427,13 @@ __metadata: languageName: node linkType: hard +"csstype@npm:^3.2.2": + version: 3.2.3 + resolution: "csstype@npm:3.2.3" + checksum: 10c0/cd29c51e70fa822f1cecd8641a1445bed7063697469d35633b516e60fe8c1bde04b08f6c5b6022136bb669b64c63d4173af54864510fbb4ee23281801841a3ce + languageName: node + linkType: hard + "damerau-levenshtein@npm:^1.0.8": version: 1.0.8 resolution: "damerau-levenshtein@npm:1.0.8" @@ -16205,17 +16204,10 @@ __metadata: languageName: node linkType: hard -"react@npm:^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0": - version: 19.0.0 - resolution: "react@npm:19.0.0" - checksum: 10c0/9cad8f103e8e3a16d15cb18a0d8115d8bd9f9e1ce3420310aea381eb42aa0a4f812cf047bb5441349257a05fba8a291515691e3cb51267279b2d2c3253f38471 - languageName: node - linkType: hard - -"react@npm:^19.1.1": - version: 19.1.1 - resolution: "react@npm:19.1.1" - checksum: 10c0/8c9769a2dfd02e603af6445058325e6c8a24b47b185d0e461f66a6454765ddcaecb3f0a90184836c68bb509f3c38248359edbc42f0d07c23eb500a5c30c87b4e +"react@npm:^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0, react@npm:^19.2.4": + version: 19.2.4 + resolution: "react@npm:19.2.4" + checksum: 10c0/cd2c9ff67a720799cc3b38a516009986f7fc4cb8d3e15716c6211cf098d1357ee3e348ab05ad0600042bbb0fd888530ba92e329198c92eafa0994f5213396596 languageName: node linkType: hard From b2898ae53dbc11c5eb626797fb76aa45c0846e15 Mon Sep 17 00:00:00 2001 From: Taylor Bantle Date: Wed, 1 Apr 2026 16:04:45 -0700 Subject: [PATCH 2/8] Bump react-dom --- packages/components/package.json | 4 +-- packages/contexts/package.json | 4 +-- packages/hooks/package.json | 4 +-- yarn.lock | 42 +++++++++++++++++++++++--------- 4 files changed, 36 insertions(+), 18 deletions(-) diff --git a/packages/components/package.json b/packages/components/package.json index b56bc3e6..4b3489f5 100644 --- a/packages/components/package.json +++ b/packages/components/package.json @@ -104,7 +104,7 @@ "@types/numeral": "^2", "@types/react": "^19", "@types/react-copy-to-clipboard": "^5", - "@types/react-dom": "^19", + "@types/react-dom": "^19.2.3", "@types/react-loader": "^2", "@types/rollup-plugin-peer-deps-external": "^2", "@typescript-eslint/eslint-plugin": "^8.59.1", @@ -125,7 +125,7 @@ "postcss-preset-env": "^10.4.0", "prettier": "^3.8.3", "react": "^19.2.4", - "react-dom": "^19.1.1", + "react-dom": "^19.2.4", "react-markdown": "^10.1.0", "react-select": "^5.10.2", "react-select-event": "^5.5.1", diff --git a/packages/contexts/package.json b/packages/contexts/package.json index 7caee467..f56a464f 100644 --- a/packages/contexts/package.json +++ b/packages/contexts/package.json @@ -51,7 +51,7 @@ "@types/eslint": "^9", "@types/jest": "^29.5.14", "@types/react": "^19", - "@types/react-dom": "^19", + "@types/react-dom": "^19.2.3", "@types/rollup-plugin-peer-deps-external": "^2", "@typescript-eslint/eslint-plugin": "^8.59.1", "@typescript-eslint/parser": "^8.45.0", @@ -61,7 +61,7 @@ "jest-environment-jsdom": "^30.2.0", "prettier": "^3.8.3", "react": "^19.2.4", - "react-dom": "^19.1.1", + "react-dom": "^19.2.4", "rollup": "^4.59.0", "rollup-plugin-dts": "^6.4.1", "rollup-plugin-peer-deps-external": "^2.2.4", diff --git a/packages/hooks/package.json b/packages/hooks/package.json index 4485cf32..267c3f41 100644 --- a/packages/hooks/package.json +++ b/packages/hooks/package.json @@ -54,7 +54,7 @@ "@types/jest": "^29.5.14", "@types/js-cookie": "^3", "@types/react": "^19", - "@types/react-dom": "^19", + "@types/react-dom": "^19.2.3", "@types/rollup-plugin-peer-deps-external": "^2", "@typescript-eslint/eslint-plugin": "^8.59.1", "@typescript-eslint/parser": "^8.45.0", @@ -65,7 +65,7 @@ "prettier": "^3.8.3", "raf-stub": "^3.0.0", "react": "^19.2.4", - "react-dom": "^19.1.1", + "react-dom": "^19.2.4", "rollup": "^4.59.0", "rollup-plugin-dts": "^6.4.1", "rollup-plugin-peer-deps-external": "^2.2.4", diff --git a/yarn.lock b/yarn.lock index 80685375..0761cf7a 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3047,7 +3047,7 @@ __metadata: "@types/numeral": "npm:^2" "@types/react": "npm:^19" "@types/react-copy-to-clipboard": "npm:^5" - "@types/react-dom": "npm:^19" + "@types/react-dom": "npm:^19.2.3" "@types/react-loader": "npm:^2" "@types/rollup-plugin-peer-deps-external": "npm:^2" "@typescript-eslint/eslint-plugin": "npm:^8.59.1" @@ -3072,7 +3072,7 @@ __metadata: prettier: "npm:^3.8.3" react: "npm:^19.2.4" react-copy-to-clipboard: "npm:^5.1.1" - react-dom: "npm:^19.1.1" + react-dom: "npm:^19.2.4" react-loader: "npm:^2.4.7" react-markdown: "npm:^10.1.0" react-select: "npm:^5.10.2" @@ -3131,7 +3131,7 @@ __metadata: "@types/eslint": "npm:^9" "@types/jest": "npm:^29.5.14" "@types/react": "npm:^19" - "@types/react-dom": "npm:^19" + "@types/react-dom": "npm:^19.2.3" "@types/rollup-plugin-peer-deps-external": "npm:^2" "@typescript-eslint/eslint-plugin": "npm:^8.59.1" "@typescript-eslint/parser": "npm:^8.45.0" @@ -3141,7 +3141,7 @@ __metadata: jest-environment-jsdom: "npm:^30.2.0" prettier: "npm:^3.8.3" react: "npm:^19.2.4" - react-dom: "npm:^19.1.1" + react-dom: "npm:^19.2.4" rollup: "npm:^4.59.0" rollup-plugin-dts: "npm:^6.4.1" rollup-plugin-peer-deps-external: "npm:^2.2.4" @@ -3176,7 +3176,7 @@ __metadata: "@types/jest": "npm:^29.5.14" "@types/js-cookie": "npm:^3" "@types/react": "npm:^19" - "@types/react-dom": "npm:^19" + "@types/react-dom": "npm:^19.2.3" "@types/rollup-plugin-peer-deps-external": "npm:^2" "@typescript-eslint/eslint-plugin": "npm:^8.59.1" "@typescript-eslint/parser": "npm:^8.45.0" @@ -3188,7 +3188,7 @@ __metadata: prettier: "npm:^3.8.3" raf-stub: "npm:^3.0.0" react: "npm:^19.2.4" - react-dom: "npm:^19.1.1" + react-dom: "npm:^19.2.4" react-hotkeys: "npm:^2.0.0" rollup: "npm:^4.59.0" rollup-plugin-dts: "npm:^6.4.1" @@ -5414,12 +5414,12 @@ __metadata: languageName: node linkType: hard -"@types/react-dom@npm:^19": - version: 19.1.9 - resolution: "@types/react-dom@npm:19.1.9" +"@types/react-dom@npm:^19.2.3": + version: 19.2.3 + resolution: "@types/react-dom@npm:19.2.3" peerDependencies: - "@types/react": ^19.0.0 - checksum: 10c0/34c8dda86c1590b3ef0e7ecd38f9663a66ba2dd69113ba74fb0adc36b83bbfb8c94c1487a2505282a5f7e5e000d2ebf36f4c0fd41b3b672f5178fd1d4f1f8f58 + "@types/react": ^19.2.0 + checksum: 10c0/b486ebe0f4e2fb35e2e108df1d8fc0927ca5d6002d5771e8a739de11239fe62d0e207c50886185253c99eb9dedfeeb956ea7429e5ba17f6693c7acb4c02f8cd1 languageName: node linkType: hard @@ -16020,7 +16020,7 @@ __metadata: languageName: node linkType: hard -"react-dom@npm:^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0, react-dom@npm:^19.1.1": +"react-dom@npm:^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0": version: 19.1.1 resolution: "react-dom@npm:19.1.1" dependencies: @@ -16031,6 +16031,17 @@ __metadata: languageName: node linkType: hard +"react-dom@npm:^19.2.4": + version: 19.2.4 + resolution: "react-dom@npm:19.2.4" + dependencies: + scheduler: "npm:^0.27.0" + peerDependencies: + react: ^19.2.4 + checksum: 10c0/f0c63f1794dedb154136d4d0f59af00b41907f4859571c155940296808f4b94bf9c0c20633db75b5b2112ec13d8d7dd4f9bf57362ed48782f317b11d05a44f35 + languageName: node + linkType: hard + "react-error-boundary@npm:^3.1.0": version: 3.1.4 resolution: "react-error-boundary@npm:3.1.4" @@ -16970,6 +16981,13 @@ __metadata: languageName: node linkType: hard +"scheduler@npm:^0.27.0": + version: 0.27.0 + resolution: "scheduler@npm:0.27.0" + checksum: 10c0/4f03048cb05a3c8fddc45813052251eca00688f413a3cee236d984a161da28db28ba71bd11e7a3dd02f7af84ab28d39fb311431d3b3772fed557945beb00c452 + languageName: node + linkType: hard + "schema-utils@npm:^3.1.1": version: 3.3.0 resolution: "schema-utils@npm:3.3.0" From 7ee98f3f457106ad7e1207ddbc674fac823d8d02 Mon Sep 17 00:00:00 2001 From: Taylor Bantle Date: Thu, 2 Apr 2026 11:01:58 -0700 Subject: [PATCH 3/8] Fix lint --- packages/components/src/CommentForm/Inner.tsx | 6 ++-- packages/components/src/CommentForm/types.ts | 2 +- .../FormSelect/components/CustomOption.tsx | 2 +- .../src/FormSelect/components/MenuList.tsx | 2 +- packages/components/src/FormSelect/utils.ts | 4 +-- packages/components/src/Modal/ForForm.tsx | 2 +- packages/components/src/Modal/index.tsx | 4 +-- .../components/src/QueryHandler/index.tsx | 4 +-- .../src/__stories__/FormSelect.stories.tsx | 14 ++++++---- .../__stories__/FormSelectAsync.stories.tsx | 14 ++++++---- .../__stories__/FormSelectGrouped.stories.tsx | 28 +++++++++++-------- .../src/tailwind/theme/base/plugins.ts | 16 +++++------ 12 files changed, 53 insertions(+), 45 deletions(-) diff --git a/packages/components/src/CommentForm/Inner.tsx b/packages/components/src/CommentForm/Inner.tsx index 233e1293..2e590f09 100644 --- a/packages/components/src/CommentForm/Inner.tsx +++ b/packages/components/src/CommentForm/Inner.tsx @@ -11,10 +11,10 @@ type Props = CommonProps & { }; export default function InnerCommentForm(props: Props) { - const onKeyDown = async (e: React.KeyboardEvent) => { - const enterKey = e.keyCode === KeyCodes.ENTER; + const onKeyDown = (e: React.KeyboardEvent) => { + const enterKey = (e.keyCode as KeyCodes) === KeyCodes.ENTER; if (enterKey && (e.ctrlKey || e.metaKey)) { - await props.onSubmit(e); + props.onSubmit(e); } }; diff --git a/packages/components/src/CommentForm/types.ts b/packages/components/src/CommentForm/types.ts index 6a42f76e..5f92f0c6 100644 --- a/packages/components/src/CommentForm/types.ts +++ b/packages/components/src/CommentForm/types.ts @@ -3,7 +3,7 @@ import { ReactNode, SyntheticEvent } from "react"; export type CommonProps = { children?: ReactNode; ["data-cy"]?: string; - onSubmit: (e: SyntheticEvent) => Promise; + onSubmit: (e: SyntheticEvent) => void; profPic?: ReactNode; comment: string; setComment: (c: string) => void; diff --git a/packages/components/src/FormSelect/components/CustomOption.tsx b/packages/components/src/FormSelect/components/CustomOption.tsx index 5d9833f4..099e53e6 100644 --- a/packages/components/src/FormSelect/components/CustomOption.tsx +++ b/packages/components/src/FormSelect/components/CustomOption.tsx @@ -11,7 +11,7 @@ type Props = { export default function CustomOption>( props: Props, ) { - const label = `${props.labelPrefix}-${props.data.value}`; + const label = `${props.labelPrefix}-${String(props.data.value)}`; return (
, >( selectedVal: PropsValue | undefined, - options?: OptionsOrGroups> | undefined, + options?: OptionsOrGroups>, ): OptionsOrGroups> | undefined { if (!selectedVal || !options) { return options ?? []; @@ -115,7 +115,7 @@ export function findTabIndexForValue< OptionType extends OptionTypeBase = Option, >( options: OptionsOrGroups> | undefined, - value?: PropsValue | undefined, + value?: PropsValue, ): number { if (!options || !value) return -1; diff --git a/packages/components/src/Modal/ForForm.tsx b/packages/components/src/Modal/ForForm.tsx index 76416609..9c016d35 100644 --- a/packages/components/src/Modal/ForForm.tsx +++ b/packages/components/src/Modal/ForForm.tsx @@ -3,7 +3,7 @@ import { ModalButtons, ModalInner, ModalOuter, OuterProps } from "."; import Button from "../Button"; type Props = OuterProps & { - onSubmit: (e: SyntheticEvent) => void | Promise; + onSubmit: (e: SyntheticEvent) => void; err?: Error; // Button props diff --git a/packages/components/src/Modal/index.tsx b/packages/components/src/Modal/index.tsx index 71afb0af..a8f6c1a8 100644 --- a/packages/components/src/Modal/index.tsx +++ b/packages/components/src/Modal/index.tsx @@ -8,14 +8,14 @@ import ErrorMsg from "../ErrorMsg"; import css from "./index.module.css"; type ButtonProps = { - onRequestClose: () => void | Promise; + onRequestClose: () => void; children?: ReactNode; err?: Error; pill?: boolean; }; export type OuterProps = { - onRequestClose: () => void | Promise; + onRequestClose: () => void; children: ReactNode; title: string; className?: string; diff --git a/packages/components/src/QueryHandler/index.tsx b/packages/components/src/QueryHandler/index.tsx index ad5b6943..a12d18c3 100644 --- a/packages/components/src/QueryHandler/index.tsx +++ b/packages/components/src/QueryHandler/index.tsx @@ -32,14 +32,14 @@ export default function QueryHandler({ }: HandlerProps): ReactElement { if (loading) { return loaderComponent ? ( - React.cloneElement(loaderComponent, { loaded: false } as any) + React.cloneElement(loaderComponent as ReactElement<{ loaded: boolean }>, { loaded: false }) ) : ( ); } if (error) { return errComponent ? ( - React.cloneElement(errComponent, { error } as any) + React.cloneElement(errComponent as ReactElement<{ error: Error }>, { error }) ) : ( ); diff --git a/packages/components/src/__stories__/FormSelect.stories.tsx b/packages/components/src/__stories__/FormSelect.stories.tsx index 5147323d..a7110144 100644 --- a/packages/components/src/__stories__/FormSelect.stories.tsx +++ b/packages/components/src/__stories__/FormSelect.stories.tsx @@ -32,12 +32,14 @@ export const Default: Story = { const select = canvas.getByRole("combobox"); await userEvent.click(select); - options.forEach(async option => { - const optionLabel = await canvas.findByLabelText( - `select-option-${option.value}`, - ); - await expect(optionLabel).toHaveTextContent(option.label); - }); + await Promise.all( + options.map(async option => { + const optionLabel = await canvas.findByLabelText( + `select-option-${option.value}`, + ); + await expect(optionLabel).toHaveTextContent(option.label); + }), + ); }, }; diff --git a/packages/components/src/__stories__/FormSelectAsync.stories.tsx b/packages/components/src/__stories__/FormSelectAsync.stories.tsx index c6235616..64512119 100644 --- a/packages/components/src/__stories__/FormSelectAsync.stories.tsx +++ b/packages/components/src/__stories__/FormSelectAsync.stories.tsx @@ -35,12 +35,14 @@ export const Default: Story = { const select = canvas.getByRole("combobox"); await userEvent.click(select); - options.forEach(async option => { - const optionLabel = await canvas.findByLabelText( - `select-option-${option.value}`, - ); - await expect(optionLabel).toHaveTextContent(option.label); - }); + await Promise.all( + options.map(async option => { + const optionLabel = await canvas.findByLabelText( + `select-option-${option.value}`, + ); + await expect(optionLabel).toHaveTextContent(option.label); + }), + ); }, }; diff --git a/packages/components/src/__stories__/FormSelectGrouped.stories.tsx b/packages/components/src/__stories__/FormSelectGrouped.stories.tsx index 3701da33..a45a3262 100644 --- a/packages/components/src/__stories__/FormSelectGrouped.stories.tsx +++ b/packages/components/src/__stories__/FormSelectGrouped.stories.tsx @@ -49,22 +49,26 @@ export const Default: Story = { const select = canvas.getByRole("combobox"); await userEvent.click(select); - options[0].options.forEach(async option => { - const optionLabel = await canvas.findByLabelText( - `select-option-${option.value}`, - ); - await expect(optionLabel).toHaveTextContent(option.label); - }); + await Promise.all( + options[0].options.map(async option => { + const optionLabel = await canvas.findByLabelText( + `select-option-${option.value}`, + ); + await expect(optionLabel).toHaveTextContent(option.label); + }), + ); const secondTab = canvas.getByText(options[1].label); await userEvent.click(secondTab); - options[1].options.forEach(async option => { - const optionLabel = await canvas.findByLabelText( - `select-option-${option.value}`, - ); - await expect(optionLabel).toHaveTextContent(option.label); - }); + await Promise.all( + options[1].options.map(async option => { + const optionLabel = await canvas.findByLabelText( + `select-option-${option.value}`, + ); + await expect(optionLabel).toHaveTextContent(option.label); + }), + ); }, }; diff --git a/packages/components/src/tailwind/theme/base/plugins.ts b/packages/components/src/tailwind/theme/base/plugins.ts index 1e120837..d344b55f 100644 --- a/packages/components/src/tailwind/theme/base/plugins.ts +++ b/packages/components/src/tailwind/theme/base/plugins.ts @@ -1,7 +1,7 @@ import plugin from "tailwindcss/plugin"; -const widgetPlugin = plugin(({ addUtilities }) => { - addUtilities({ +const widgetPlugin = plugin(helpers => { + helpers.addUtilities({ ".widget-shadow": { "box-shadow": "0 0 4px 0 rgba(148, 163, 167, 0.5)", }, @@ -20,8 +20,8 @@ const widgetPlugin = plugin(({ addUtilities }) => { }); }); -const oddSizesPlugin = plugin(({ addUtilities }) => { - addUtilities({ +const oddSizesPlugin = plugin(helpers => { + helpers.addUtilities({ ".z-1": { zIndex: "1", }, @@ -58,8 +58,8 @@ const oddSizesPlugin = plugin(({ addUtilities }) => { }); }); -const borderPlugin = plugin(({ addUtilities }) => { - addUtilities({ +const borderPlugin = plugin(helpers => { + helpers.addUtilities({ ".border-opaque-rounded": { border: "1px solid rgba(255, 255, 255, 0.15)", borderRadius: "4px", @@ -67,8 +67,8 @@ const borderPlugin = plugin(({ addUtilities }) => { }); }); -const backgroundPlugin = plugin(({ addUtilities }) => { - addUtilities({ +const backgroundPlugin = plugin(helpers => { + helpers.addUtilities({ ".bg-opaque-rounded": { backgroundColor: "rgba(255, 255, 255, 0.1)", borderRadius: "4px", From acc47627a54d85270b3ee08101d552aca8fcc8b7 Mon Sep 17 00:00:00 2001 From: Taylor Bantle Date: Fri, 1 May 2026 10:01:02 -0700 Subject: [PATCH 4/8] Bump react-dom --- packages/components/package.json | 2 +- packages/contexts/package.json | 2 +- packages/hooks/package.json | 2 +- yarn.lock | 16 ++++++++-------- 4 files changed, 11 insertions(+), 11 deletions(-) diff --git a/packages/components/package.json b/packages/components/package.json index 4b3489f5..f4b4fa83 100644 --- a/packages/components/package.json +++ b/packages/components/package.json @@ -125,7 +125,7 @@ "postcss-preset-env": "^10.4.0", "prettier": "^3.8.3", "react": "^19.2.4", - "react-dom": "^19.2.4", + "react-dom": "^19.2.5", "react-markdown": "^10.1.0", "react-select": "^5.10.2", "react-select-event": "^5.5.1", diff --git a/packages/contexts/package.json b/packages/contexts/package.json index f56a464f..1ee19639 100644 --- a/packages/contexts/package.json +++ b/packages/contexts/package.json @@ -61,7 +61,7 @@ "jest-environment-jsdom": "^30.2.0", "prettier": "^3.8.3", "react": "^19.2.4", - "react-dom": "^19.2.4", + "react-dom": "^19.2.5", "rollup": "^4.59.0", "rollup-plugin-dts": "^6.4.1", "rollup-plugin-peer-deps-external": "^2.2.4", diff --git a/packages/hooks/package.json b/packages/hooks/package.json index 267c3f41..033f78da 100644 --- a/packages/hooks/package.json +++ b/packages/hooks/package.json @@ -65,7 +65,7 @@ "prettier": "^3.8.3", "raf-stub": "^3.0.0", "react": "^19.2.4", - "react-dom": "^19.2.4", + "react-dom": "^19.2.5", "rollup": "^4.59.0", "rollup-plugin-dts": "^6.4.1", "rollup-plugin-peer-deps-external": "^2.2.4", diff --git a/yarn.lock b/yarn.lock index 0761cf7a..dde2abf1 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3072,7 +3072,7 @@ __metadata: prettier: "npm:^3.8.3" react: "npm:^19.2.4" react-copy-to-clipboard: "npm:^5.1.1" - react-dom: "npm:^19.2.4" + react-dom: "npm:^19.2.5" react-loader: "npm:^2.4.7" react-markdown: "npm:^10.1.0" react-select: "npm:^5.10.2" @@ -3141,7 +3141,7 @@ __metadata: jest-environment-jsdom: "npm:^30.2.0" prettier: "npm:^3.8.3" react: "npm:^19.2.4" - react-dom: "npm:^19.2.4" + react-dom: "npm:^19.2.5" rollup: "npm:^4.59.0" rollup-plugin-dts: "npm:^6.4.1" rollup-plugin-peer-deps-external: "npm:^2.2.4" @@ -3188,7 +3188,7 @@ __metadata: prettier: "npm:^3.8.3" raf-stub: "npm:^3.0.0" react: "npm:^19.2.4" - react-dom: "npm:^19.2.4" + react-dom: "npm:^19.2.5" react-hotkeys: "npm:^2.0.0" rollup: "npm:^4.59.0" rollup-plugin-dts: "npm:^6.4.1" @@ -16031,14 +16031,14 @@ __metadata: languageName: node linkType: hard -"react-dom@npm:^19.2.4": - version: 19.2.4 - resolution: "react-dom@npm:19.2.4" +"react-dom@npm:^19.2.5": + version: 19.2.5 + resolution: "react-dom@npm:19.2.5" dependencies: scheduler: "npm:^0.27.0" peerDependencies: - react: ^19.2.4 - checksum: 10c0/f0c63f1794dedb154136d4d0f59af00b41907f4859571c155940296808f4b94bf9c0c20633db75b5b2112ec13d8d7dd4f9bf57362ed48782f317b11d05a44f35 + react: ^19.2.5 + checksum: 10c0/8067606e9f58e4c2e8cb5f09570217dbc71c4843ebcaa20ae2085912d3e3a351f17d8f7c1713313cdda7f272840c8c34ff6c860fcb840862071bceea218e0c63 languageName: node linkType: hard From 8846be23aa38ff54287f169ebd1293aacd1d3214 Mon Sep 17 00:00:00 2001 From: Taylor Bantle Date: Fri, 1 May 2026 10:07:52 -0700 Subject: [PATCH 5/8] Bump react --- packages/components/package.json | 4 ++-- packages/contexts/package.json | 4 ++-- packages/hooks/package.json | 4 ++-- yarn.lock | 32 +++++++++++++++----------------- 4 files changed, 21 insertions(+), 23 deletions(-) diff --git a/packages/components/package.json b/packages/components/package.json index f4b4fa83..c8a53b54 100644 --- a/packages/components/package.json +++ b/packages/components/package.json @@ -102,7 +102,7 @@ "@types/identity-obj-proxy": "^3", "@types/jest": "^29.5.14", "@types/numeral": "^2", - "@types/react": "^19", + "@types/react": "^19.2.14", "@types/react-copy-to-clipboard": "^5", "@types/react-dom": "^19.2.3", "@types/react-loader": "^2", @@ -124,7 +124,7 @@ "postcss-modules": "^6.0.1", "postcss-preset-env": "^10.4.0", "prettier": "^3.8.3", - "react": "^19.2.4", + "react": "^19.2.5", "react-dom": "^19.2.5", "react-markdown": "^10.1.0", "react-select": "^5.10.2", diff --git a/packages/contexts/package.json b/packages/contexts/package.json index 1ee19639..4e6504c2 100644 --- a/packages/contexts/package.json +++ b/packages/contexts/package.json @@ -50,7 +50,7 @@ "@types/babel__preset-env": "^7", "@types/eslint": "^9", "@types/jest": "^29.5.14", - "@types/react": "^19", + "@types/react": "^19.2.14", "@types/react-dom": "^19.2.3", "@types/rollup-plugin-peer-deps-external": "^2", "@typescript-eslint/eslint-plugin": "^8.59.1", @@ -60,7 +60,7 @@ "jest": "^29.7.0", "jest-environment-jsdom": "^30.2.0", "prettier": "^3.8.3", - "react": "^19.2.4", + "react": "^19.2.5", "react-dom": "^19.2.5", "rollup": "^4.59.0", "rollup-plugin-dts": "^6.4.1", diff --git a/packages/hooks/package.json b/packages/hooks/package.json index 033f78da..9f33f733 100644 --- a/packages/hooks/package.json +++ b/packages/hooks/package.json @@ -53,7 +53,7 @@ "@types/eslint": "^9", "@types/jest": "^29.5.14", "@types/js-cookie": "^3", - "@types/react": "^19", + "@types/react": "^19.2.14", "@types/react-dom": "^19.2.3", "@types/rollup-plugin-peer-deps-external": "^2", "@typescript-eslint/eslint-plugin": "^8.59.1", @@ -64,7 +64,7 @@ "jest-environment-jsdom": "^30.2.0", "prettier": "^3.8.3", "raf-stub": "^3.0.0", - "react": "^19.2.4", + "react": "^19.2.5", "react-dom": "^19.2.5", "rollup": "^4.59.0", "rollup-plugin-dts": "^6.4.1", diff --git a/yarn.lock b/yarn.lock index dde2abf1..0c935343 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3045,7 +3045,7 @@ __metadata: "@types/identity-obj-proxy": "npm:^3" "@types/jest": "npm:^29.5.14" "@types/numeral": "npm:^2" - "@types/react": "npm:^19" + "@types/react": "npm:^19.2.14" "@types/react-copy-to-clipboard": "npm:^5" "@types/react-dom": "npm:^19.2.3" "@types/react-loader": "npm:^2" @@ -3070,7 +3070,7 @@ __metadata: postcss-modules: "npm:^6.0.1" postcss-preset-env: "npm:^10.4.0" prettier: "npm:^3.8.3" - react: "npm:^19.2.4" + react: "npm:^19.2.5" react-copy-to-clipboard: "npm:^5.1.1" react-dom: "npm:^19.2.5" react-loader: "npm:^2.4.7" @@ -3130,7 +3130,7 @@ __metadata: "@types/babel__preset-env": "npm:^7" "@types/eslint": "npm:^9" "@types/jest": "npm:^29.5.14" - "@types/react": "npm:^19" + "@types/react": "npm:^19.2.14" "@types/react-dom": "npm:^19.2.3" "@types/rollup-plugin-peer-deps-external": "npm:^2" "@typescript-eslint/eslint-plugin": "npm:^8.59.1" @@ -3140,7 +3140,7 @@ __metadata: jest: "npm:^29.7.0" jest-environment-jsdom: "npm:^30.2.0" prettier: "npm:^3.8.3" - react: "npm:^19.2.4" + react: "npm:^19.2.5" react-dom: "npm:^19.2.5" rollup: "npm:^4.59.0" rollup-plugin-dts: "npm:^6.4.1" @@ -3175,7 +3175,7 @@ __metadata: "@types/eslint": "npm:^9" "@types/jest": "npm:^29.5.14" "@types/js-cookie": "npm:^3" - "@types/react": "npm:^19" + "@types/react": "npm:^19.2.14" "@types/react-dom": "npm:^19.2.3" "@types/rollup-plugin-peer-deps-external": "npm:^2" "@typescript-eslint/eslint-plugin": "npm:^8.59.1" @@ -3187,7 +3187,7 @@ __metadata: js-cookie: "npm:^3.0.5" prettier: "npm:^3.8.3" raf-stub: "npm:^3.0.0" - react: "npm:^19.2.4" + react: "npm:^19.2.5" react-dom: "npm:^19.2.5" react-hotkeys: "npm:^2.0.0" rollup: "npm:^4.59.0" @@ -5441,7 +5441,7 @@ __metadata: languageName: node linkType: hard -"@types/react@npm:*": +"@types/react@npm:*, @types/react@npm:^19.2.14": version: 19.2.14 resolution: "@types/react@npm:19.2.14" dependencies: @@ -5450,15 +5450,6 @@ __metadata: languageName: node linkType: hard -"@types/react@npm:^19": - version: 19.1.6 - resolution: "@types/react@npm:19.1.6" - dependencies: - csstype: "npm:^3.0.2" - checksum: 10c0/8b10b198e28997b3c57559750f8bcf5ae7b33c554b16b6f4fe2ece1d4de6a2fc8cb53e7effe08ec9cb939d2f479eb97c5e08aac2cf83b10a90164fe451cc8ea2 - languageName: node - linkType: hard - "@types/resolve@npm:1.20.2": version: 1.20.2 resolution: "@types/resolve@npm:1.20.2" @@ -16215,13 +16206,20 @@ __metadata: languageName: node linkType: hard -"react@npm:^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0, react@npm:^19.2.4": +"react@npm:^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0": version: 19.2.4 resolution: "react@npm:19.2.4" checksum: 10c0/cd2c9ff67a720799cc3b38a516009986f7fc4cb8d3e15716c6211cf098d1357ee3e348ab05ad0600042bbb0fd888530ba92e329198c92eafa0994f5213396596 languageName: node linkType: hard +"react@npm:^19.2.5": + version: 19.2.5 + resolution: "react@npm:19.2.5" + checksum: 10c0/4b5f231dbef92886f602533c9ce3bde04d99f0e71dfb5d794c43e02726efaad0421c08688f75fc98a6d6e1dc017372e1af7abbfecdc86a79968f461675931a7a + languageName: node + linkType: hard + "reactjs-popup@npm:^2.0.6": version: 2.0.6 resolution: "reactjs-popup@npm:2.0.6" From 83938e82efc54a8defcc76c4644323dfb7df37a8 Mon Sep 17 00:00:00 2001 From: Taylor Bantle Date: Tue, 2 Jun 2026 12:00:58 -0700 Subject: [PATCH 6/8] Bump react-dom --- packages/components/package.json | 2 +- packages/contexts/package.json | 2 +- packages/hooks/package.json | 2 +- yarn.lock | 16 ++++++++-------- 4 files changed, 11 insertions(+), 11 deletions(-) diff --git a/packages/components/package.json b/packages/components/package.json index c8a53b54..803a407b 100644 --- a/packages/components/package.json +++ b/packages/components/package.json @@ -125,7 +125,7 @@ "postcss-preset-env": "^10.4.0", "prettier": "^3.8.3", "react": "^19.2.5", - "react-dom": "^19.2.5", + "react-dom": "^19.2.7", "react-markdown": "^10.1.0", "react-select": "^5.10.2", "react-select-event": "^5.5.1", diff --git a/packages/contexts/package.json b/packages/contexts/package.json index 4e6504c2..3270e393 100644 --- a/packages/contexts/package.json +++ b/packages/contexts/package.json @@ -61,7 +61,7 @@ "jest-environment-jsdom": "^30.2.0", "prettier": "^3.8.3", "react": "^19.2.5", - "react-dom": "^19.2.5", + "react-dom": "^19.2.7", "rollup": "^4.59.0", "rollup-plugin-dts": "^6.4.1", "rollup-plugin-peer-deps-external": "^2.2.4", diff --git a/packages/hooks/package.json b/packages/hooks/package.json index 9f33f733..876ef1ee 100644 --- a/packages/hooks/package.json +++ b/packages/hooks/package.json @@ -65,7 +65,7 @@ "prettier": "^3.8.3", "raf-stub": "^3.0.0", "react": "^19.2.5", - "react-dom": "^19.2.5", + "react-dom": "^19.2.7", "rollup": "^4.59.0", "rollup-plugin-dts": "^6.4.1", "rollup-plugin-peer-deps-external": "^2.2.4", diff --git a/yarn.lock b/yarn.lock index 0c935343..3d631670 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3072,7 +3072,7 @@ __metadata: prettier: "npm:^3.8.3" react: "npm:^19.2.5" react-copy-to-clipboard: "npm:^5.1.1" - react-dom: "npm:^19.2.5" + react-dom: "npm:^19.2.7" react-loader: "npm:^2.4.7" react-markdown: "npm:^10.1.0" react-select: "npm:^5.10.2" @@ -3141,7 +3141,7 @@ __metadata: jest-environment-jsdom: "npm:^30.2.0" prettier: "npm:^3.8.3" react: "npm:^19.2.5" - react-dom: "npm:^19.2.5" + react-dom: "npm:^19.2.7" rollup: "npm:^4.59.0" rollup-plugin-dts: "npm:^6.4.1" rollup-plugin-peer-deps-external: "npm:^2.2.4" @@ -3188,7 +3188,7 @@ __metadata: prettier: "npm:^3.8.3" raf-stub: "npm:^3.0.0" react: "npm:^19.2.5" - react-dom: "npm:^19.2.5" + react-dom: "npm:^19.2.7" react-hotkeys: "npm:^2.0.0" rollup: "npm:^4.59.0" rollup-plugin-dts: "npm:^6.4.1" @@ -16022,14 +16022,14 @@ __metadata: languageName: node linkType: hard -"react-dom@npm:^19.2.5": - version: 19.2.5 - resolution: "react-dom@npm:19.2.5" +"react-dom@npm:^19.2.7": + version: 19.2.7 + resolution: "react-dom@npm:19.2.7" dependencies: scheduler: "npm:^0.27.0" peerDependencies: - react: ^19.2.5 - checksum: 10c0/8067606e9f58e4c2e8cb5f09570217dbc71c4843ebcaa20ae2085912d3e3a351f17d8f7c1713313cdda7f272840c8c34ff6c860fcb840862071bceea218e0c63 + react: ^19.2.7 + checksum: 10c0/970ff600f6e80d47d39e2f226f12f226173b3cba3382efc97c5f0cd663de9af38c7a4c11c213fb936094faeac83060d660247accaa96b752180d5b951b9cfecb languageName: node linkType: hard From 75ca34e593f0b80c23946ad549f54892e4fe33f9 Mon Sep 17 00:00:00 2001 From: Taylor Bantle Date: Tue, 2 Jun 2026 12:03:51 -0700 Subject: [PATCH 7/8] Prettier --- .../components/src/FormSelect/components/MenuList.tsx | 5 ++++- packages/components/src/QueryHandler/index.tsx | 8 ++++++-- 2 files changed, 10 insertions(+), 3 deletions(-) diff --git a/packages/components/src/FormSelect/components/MenuList.tsx b/packages/components/src/FormSelect/components/MenuList.tsx index b3a576ec..de2f04e0 100644 --- a/packages/components/src/FormSelect/components/MenuList.tsx +++ b/packages/components/src/FormSelect/components/MenuList.tsx @@ -27,7 +27,10 @@ export default function MenuList< return false; } if (!React.isValidElement(group)) return false; - return (group.props as { data?: { label?: string } }).data?.label === activeGroup?.label; + return ( + (group.props as { data?: { label?: string } }).data?.label === + activeGroup?.label + ); }); return ( diff --git a/packages/components/src/QueryHandler/index.tsx b/packages/components/src/QueryHandler/index.tsx index a12d18c3..f1e0603f 100644 --- a/packages/components/src/QueryHandler/index.tsx +++ b/packages/components/src/QueryHandler/index.tsx @@ -32,14 +32,18 @@ export default function QueryHandler({ }: HandlerProps): ReactElement { if (loading) { return loaderComponent ? ( - React.cloneElement(loaderComponent as ReactElement<{ loaded: boolean }>, { loaded: false }) + React.cloneElement(loaderComponent as ReactElement<{ loaded: boolean }>, { + loaded: false, + }) ) : ( ); } if (error) { return errComponent ? ( - React.cloneElement(errComponent as ReactElement<{ error: Error }>, { error }) + React.cloneElement(errComponent as ReactElement<{ error: Error }>, { + error, + }) ) : ( ); From f5e6add8fd3d7c54bac1f19e551766920933d2db Mon Sep 17 00:00:00 2001 From: Taylor Bantle Date: Tue, 2 Jun 2026 12:40:47 -0700 Subject: [PATCH 8/8] Fix CI: React 19.2 type compatibility - Use React.JSX.Element instead of the removed global JSX.Element namespace (React 19.2 @types/react) - Force @emotion/react 11.14.0 (React 19-compatible JSX types) so react-select components are valid JSX elements again - Pin react and react-dom to the same 19.2.7 version (React requires an exact match between the two) - Type the reactjs-popup trigger callback param and relax TextareaWithMarkdown onKeyDown to void | Promise - Query the FormSelect menu list by role="listbox" instead of the emotion-generated class name, which no longer carries a label suffix Co-Authored-By: Claude Opus 4.8 (1M context) --- package.json | 3 + packages/components/package.json | 2 +- .../components/src/ButtonWithPopup/index.tsx | 4 +- packages/components/src/ErrorMsg/context.tsx | 4 +- packages/components/src/FormSelect/Async.tsx | 2 +- .../components/src/FormSelect/Grouped.tsx | 2 +- .../src/FormSelect/components/Option.tsx | 4 +- packages/components/src/FormSelect/index.tsx | 2 +- .../src/TextareaWithMarkdown/index.tsx | 4 +- .../src/__tests__/FormSelect.test.tsx | 18 +- packages/contexts/package.json | 2 +- packages/hooks/package.json | 2 +- yarn.lock | 158 ++++++++++-------- 13 files changed, 112 insertions(+), 95 deletions(-) diff --git a/package.json b/package.json index b8a41599..f245d820 100644 --- a/package.json +++ b/package.json @@ -59,6 +59,9 @@ "typescript-eslint": "^8.54.0" }, "resolutions": { + "@emotion/react": "11.14.0", + "react": "19.2.7", + "react-dom": "19.2.7", "serialize-javascript": "7.0.3", "tar": "7.5.11" } diff --git a/packages/components/package.json b/packages/components/package.json index 803a407b..c02678b0 100644 --- a/packages/components/package.json +++ b/packages/components/package.json @@ -124,7 +124,7 @@ "postcss-modules": "^6.0.1", "postcss-preset-env": "^10.4.0", "prettier": "^3.8.3", - "react": "^19.2.5", + "react": "^19.2.7", "react-dom": "^19.2.7", "react-markdown": "^10.1.0", "react-select": "^5.10.2", diff --git a/packages/components/src/ButtonWithPopup/index.tsx b/packages/components/src/ButtonWithPopup/index.tsx index 37f153ed..605b158d 100644 --- a/packages/components/src/ButtonWithPopup/index.tsx +++ b/packages/components/src/ButtonWithPopup/index.tsx @@ -37,7 +37,7 @@ export default function ButtonWithPopup({ offsetX={triggerText ? 32 : 0} contentStyle={{ width: "10rem" }} closeOnDocumentClick - trigger={open => + trigger={(open: boolean) => getTriggerButton( open, triggerText, @@ -58,7 +58,7 @@ function getTriggerButton( triggerText?: string, buttonClassName?: string, dataCy?: string, -): JSX.Element { +): React.JSX.Element { return (