letro/letro-authentication-service
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Wiki Activity

Upgrade all frontend dependencies to latest versions (#5362)

Browse Source
This commit is contained in:
Quentin Gliech
2025-12-16 16:31:44 +01:00
committed by GitHub
parent 2647aacf9c c1722f5c6c
commit d523715473
9 changed files with 1590 additions and 2243 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/.storybook/public/mockServiceWorker.js
View File

@@ -7,7 +7,7 @@
* - Please do NOT modify this file.
*/
const PACKAGE_VERSION = '2.11.6'
const PACKAGE_VERSION = '2.12.4'
const INTEGRITY_CHECKSUM = '4db4a41e972cec1b64cc569c66952d82'
const IS_MOCKED_RESPONSE = Symbol('isMockedResponse')
const activeClientIds = new Set()

3639
frontend/package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

20
frontend/package.json
View File

@@ -34,7 +34,7 @@
"react": "^19.2.3",
"react-dom": "^19.2.3",
"react-i18next": "^16.5.0",
"swagger-ui-dist": "^5.29.5",
"swagger-ui-dist": "^5.31.0",
"valibot": "^1.2.0",
"vaul": "^1.1.2"
},
@@ -44,7 +44,7 @@
"@browser-logos/firefox": "^3.0.10",
"@browser-logos/safari": "^2.1.0",
"@graphql-codegen/cli": "^6.1.0",
"@graphql-codegen/client-preset": "^5.1.1",
"@graphql-codegen/client-preset": "^5.2.1",
"@graphql-codegen/typescript-msw": "^3.0.1",
"@storybook/addon-docs": "^10.1.9",
"@storybook/react-vite": "^10.1.9",
@@ -52,7 +52,7 @@
"@tanstack/react-router-devtools": "^1.141.2",
"@tanstack/router-plugin": "^1.141.2",
"@testing-library/jest-dom": "^6.9.1",
"@testing-library/react": "^16.3.0",
"@testing-library/react": "^16.3.1",
"@testing-library/user-event": "^14.6.1",
"@types/node": "^25.0.2",
"@types/react": "19.2.7",
@@ -63,24 +63,24 @@
"autoprefixer": "^10.4.23",
"browserslist-to-esbuild": "^2.1.1",
"graphql": "^16.12.0",
"happy-dom": "^20.0.4",
"happy-dom": "^20.0.11",
"i18next-cli": "^1.32.0",
"knip": "^5.73.3",
"msw": "^2.11.6",
"knip": "^5.74.0",
"msw": "^2.12.4",
"msw-storybook-addon": "^2.0.6",
"postcss": "^8.5.6",
"postcss-import": "^16.1.1",
"postcss-nesting": "^13.0.2",
"rimraf": "^6.0.1",
"storybook": "^10.0.5",
"tailwindcss": "^3.4.18",
"rimraf": "^6.1.2",
"storybook": "^10.1.9",
"tailwindcss": "^3.4.19",
"tinyglobby": "^0.2.15",
"typescript": "^5.9.3",
"vite": "7.3.0",
"vite-plugin-compression": "^0.5.1",
"vite-plugin-graphql-codegen": "^3.7.0",
"vite-plugin-manifest-sri": "^0.2.0",
"vitest": "^4.0.14"
"vitest": "^4.0.15"
},
"msw": {
"workerDirectory": [

20
frontend/src/components/PasswordConfirmation.tsx
View File

@@ -84,16 +84,18 @@ const PasswordConfirmationModal: React.FC<Props> = ({
<Dialog.Dialog open={open} onOpenChange={onOpenChange}>
<Dialog.Title>{title}</Dialog.Title>
<Form.Root onSubmit={onSubmit}>
<Form.Field name="password">
<Form.Label>{t("common.password")}</Form.Label>
<Form.PasswordControl autoFocus autoComplete="current-password" />
</Form.Field>
<Dialog.Description asChild>
<Form.Root onSubmit={onSubmit}>
<Form.Field name="password">
<Form.Label>{t("common.password")}</Form.Label>
<Form.PasswordControl autoFocus autoComplete="current-password" />
</Form.Field>
<Button type="submit" kind="primary" destructive={destructive}>
{t("action.confirm")}
</Button>
</Form.Root>
<Button type="submit" kind="primary" destructive={destructive}>
{t("action.confirm")}
</Button>
</Form.Root>
</Dialog.Description>
<Dialog.Close asChild>
<Button kind="tertiary">{t("action.cancel")}</Button>

2
frontend/src/components/Session/EndSessionButton.tsx
View File

@@ -44,7 +44,7 @@ const EndSessionButton: React.FC<
{t("frontend.end_session_button.confirmation_modal_title")}
</Dialog.Title>
{children && <Dialog.Description>{children}</Dialog.Description>}
{children && <Dialog.Description asChild>{children}</Dialog.Description>}
<Button
type="button"

40
frontend/src/components/SessionDetail/EditSessionName.tsx
View File

@@ -67,27 +67,31 @@ const EditSessionName: React.FC<Props> = ({ mutation, deviceName }) => {
>
<Dialog.Title>{t("frontend.session.set_device_name.title")}</Dialog.Title>
<Form.Root onSubmit={onSubmit}>
<Form.Field name="name">
<Form.Label>{t("frontend.session.set_device_name.label")}</Form.Label>
<Dialog.Description asChild>
<Form.Root onSubmit={onSubmit}>
<Form.Field name="name">
<Form.Label>
{t("frontend.session.set_device_name.label")}
</Form.Label>
<Form.TextControl
type="text"
required
defaultValue={deviceName}
ref={fieldRef}
/>
<Form.TextControl
type="text"
required
defaultValue={deviceName}
ref={fieldRef}
/>
<Form.HelpMessage>
{t("frontend.session.set_device_name.help")}
</Form.HelpMessage>
</Form.Field>
<Form.HelpMessage>
{t("frontend.session.set_device_name.help")}
</Form.HelpMessage>
</Form.Field>
<Form.Submit disabled={mutation.isPending}>
{mutation.isPending && <LoadingSpinner inline />}
{t("action.save")}
</Form.Submit>
</Form.Root>
<Form.Submit disabled={mutation.isPending}>
{mutation.isPending && <LoadingSpinner inline />}
{t("action.save")}
</Form.Submit>
</Form.Root>
</Dialog.Description>
<Dialog.Close asChild>
<Button kind="tertiary">{t("action.cancel")}</Button>

84
frontend/src/components/UserGreeting/UserGreeting.tsx
View File

@@ -159,51 +159,53 @@ const UserGreeting: React.FC<Props> = ({ user, siteConfig }) => {
name={data.matrix.displayName || data.matrix.mxid}
/>
<Form.Root onSubmit={onSubmit}>
<div className={styles.dialogForm}>
<Form.Field
name="displayname"
serverInvalid={
setDisplayName.data?.setDisplayName.status === "INVALID"
}
>
<Form.Label>
{t("frontend.account.edit_profile.display_name_label")}
</Form.Label>
<Dialog.Description asChild>
<Form.Root onSubmit={onSubmit}>
<div className={styles.dialogForm}>
<Form.Field
name="displayname"
serverInvalid={
setDisplayName.data?.setDisplayName.status === "INVALID"
}
>
<Form.Label>
{t("frontend.account.edit_profile.display_name_label")}
</Form.Label>
<Form.ActionControl
type="text"
Icon={IconClose}
autoComplete="name"
defaultValue={data.matrix.displayName || undefined}
actionLabel={t("action.clear")}
ref={fieldRef}
onActionClick={() => {
if (fieldRef.current) {
fieldRef.current.value = "";
fieldRef.current.focus();
}
}}
/>
<Form.ActionControl
type="text"
Icon={IconClose}
autoComplete="name"
defaultValue={data.matrix.displayName || undefined}
actionLabel={t("action.clear")}
ref={fieldRef}
onActionClick={() => {
if (fieldRef.current) {
fieldRef.current.value = "";
fieldRef.current.focus();
}
}}
/>
<Form.HelpMessage>
{t("frontend.account.edit_profile.display_name_help")}
</Form.HelpMessage>
</Form.Field>
<Form.HelpMessage>
{t("frontend.account.edit_profile.display_name_help")}
</Form.HelpMessage>
</Form.Field>
<Form.Field name="mxid">
<Form.Label>
{t("frontend.account.edit_profile.username_label")}
</Form.Label>
<Form.TextControl value={data.matrix.mxid} readOnly />
</Form.Field>
</div>
<Form.Field name="mxid">
<Form.Label>
{t("frontend.account.edit_profile.username_label")}
</Form.Label>
<Form.TextControl value={data.matrix.mxid} readOnly />
</Form.Field>
</div>
<Form.Submit disabled={setDisplayName.isPending}>
{setDisplayName.isPending && <LoadingSpinner inline />}
{t("action.save")}
</Form.Submit>
</Form.Root>
<Form.Submit disabled={setDisplayName.isPending}>
{setDisplayName.isPending && <LoadingSpinner inline />}
{t("action.save")}
</Form.Submit>
</Form.Root>
</Dialog.Description>
<Dialog.Close asChild>
<Button kind="tertiary">{t("action.cancel")}</Button>

24
frontend/src/routes/_account.index.tsx
View File

@@ -156,17 +156,19 @@ const SignOutButton: React.FC<{ id: string }> = ({ id }) => {
>
<Dialog.Title>{t("frontend.account.sign_out.dialog")}</Dialog.Title>
<Button
type="button"
kind="primary"
destructive
onClick={() => mutation.mutate()}
disabled={mutation.isPending}
Icon={mutation.isPending ? undefined : IconSignOut}
>
{mutation.isPending && <LoadingSpinner inline />}
{t("action.sign_out")}
</Button>
<Dialog.Description asChild>
<Button
type="button"
kind="primary"
destructive
onClick={() => mutation.mutate()}
disabled={mutation.isPending}
Icon={mutation.isPending ? undefined : IconSignOut}
>
{mutation.isPending && <LoadingSpinner inline />}
{t("action.sign_out")}
</Button>
</Dialog.Description>
<Dialog.Close asChild>
<Button kind="tertiary">{t("action.cancel")}</Button>

2
frontend/tests/routes/account/__snapshots__/index.test.tsx.snap
View File

@@ -29,6 +29,7 @@ exports[`Account home page > display name edit box > displays an error if the di
</span>
<form
class="_root_19upo_16"
id="radix-_r_86_"
>
<div
class="_dialogForm_0d9d49"
@@ -177,6 +178,7 @@ exports[`Account home page > display name edit box > lets edit the display name
</span>
<form
class="_root_19upo_16"
id="radix-_r_1n_"
>
<div
class="_dialogForm_0d9d49"