RPJosh
/
authelia
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

build(deps): replace react-otp-input with react18-input-otp (#4548) 

This replaces react-otp-input with react18-input-otp which fixes an issue with pasting on some devices.

Fixes #3665
pull/4569/head^2
James Elliott 2022-12-14 14:31:51 +11:00 committed by GitHub
parent 81a316268f
commit a0134271af
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 15 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/package.json
View File

@ -40,8 +40,8 @@
"react-dom": "18.2.0",
"react-i18next": "12.1.1",
"react-loading": "2.0.3",
"react-otp-input": "2.4.0",
"react-router-dom": "6.4.5",
"react18-input-otp": "1.1.1",
"zxcvbn": "4.4.2"
},
"scripts": {

24
web/pnpm-lock.yaml
View File

@ -55,9 +55,9 @@ specifiers:
react-dom: 18.2.0
react-i18next: 12.1.1
react-loading: 2.0.3
react-otp-input: 2.4.0
react-router-dom: 6.4.5
react-test-renderer: 18.2.0
react18-input-otp: 1.1.1
typescript: 4.9.4
vite: 4.0.1
vite-plugin-eslint: 1.8.1
@ -89,8 +89,8 @@ dependencies:
react-dom: 18.2.0_react@18.2.0
react-i18next: 12.1.1_ewanii43wbrufvukcu3uzq3hsy
react-loading: 2.0.3_react@18.2.0
react-otp-input: 2.4.0_biqbaboplfbrettd7655fr4n2y
react-router-dom: 6.4.5_biqbaboplfbrettd7655fr4n2y
react18-input-otp: 1.1.1_biqbaboplfbrettd7655fr4n2y
zxcvbn: 4.4.2
devDependencies:
@ -8058,16 +8058,6 @@ packages:
react: 18.2.0
dev: false
/react-otp-input/2.4.0_biqbaboplfbrettd7655fr4n2y:
resolution: {integrity: sha512-AIgl7u4sS9BTNCxX1xlaS5fPWay/Zml8Ho5LszXZKXrH1C/TiFsTQGmtl13UecQYO3mSF3HUzG2rrDf0sjEFmg==}
peerDependencies:
react: ^16.2.0 || 18
react-dom: ^16.2.0 || 18
dependencies:
react: 18.2.0
react-dom: 18.2.0_react@18.2.0
dev: false
/react-refresh/0.14.0:
resolution: {integrity: sha512-wViHqhAd8OHeLS/IRMJjTSDHF3U9eWi62F/MledQGPdJGDhodXJ9PBLNGr6WWL7qlH12Mt3TyTpbS+hGXMjCzQ==}
engines: {node: '>=0.10.0'}
@ -8137,6 +8127,16 @@ packages:
dependencies:
loose-envify: 1.4.0
/react18-input-otp/1.1.1_biqbaboplfbrettd7655fr4n2y:
resolution: {integrity: sha512-rbqYoLFB3Lp+rJvHv+Ro3E65gberxTBTKdZV8LU/wKo60w6j8lNBmwrtzhH30wS00MhxVkwjUlLYVtzK16ynjQ==}
peerDependencies:
react: 16.2.0 - 18 || 18
react-dom: 16.2.0 - 18 || 18
dependencies:
react: 18.2.0
react-dom: 18.2.0_react@18.2.0
dev: false
/read-pkg-up/7.0.1:
resolution: {integrity: sha512-zK0TB7Xd6JpCLmlLmufqykGE+/TlOePD6qKClNW7hHDKFh/J7/7gCWGR7joEQEW1bKq3a3yUZSObOoWLFQ4ohg==}
engines: {node: '>=8'}

4
web/src/views/LoginPortal/SecondFactor/OTPDial.tsx
View File

@ -3,7 +3,7 @@ import React, { Fragment } from "react";
import { Theme } from "@mui/material";
import makeStyles from "@mui/styles/makeStyles";
import classnames from "classnames";
import OtpInput from "react-otp-input";
import OtpInput from "react18-input-otp";
import SuccessIcon from "@components/SuccessIcon";
import TimerIcon from "@components/TimerIcon";
@ -57,7 +57,7 @@ const useStyles = makeStyles((theme: Theme) => ({
},
otpDigitInput: {
boxSizing: "content-box",
padding: theme.spacing(),
padding: theme.spacing() + " !important",
marginLeft: theme.spacing(0.5),
marginRight: theme.spacing(0.5),
fontSize: "1rem",