diff options
Diffstat (limited to 'packages/taler-wallet-webextension/src/mui')
-rw-r--r-- | packages/taler-wallet-webextension/src/mui/TextField.stories.tsx | 34 | ||||
-rw-r--r-- | packages/taler-wallet-webextension/src/mui/input/InputBase.tsx | 6 |
2 files changed, 33 insertions, 7 deletions
diff --git a/packages/taler-wallet-webextension/src/mui/TextField.stories.tsx b/packages/taler-wallet-webextension/src/mui/TextField.stories.tsx index d0ee3b2f6..c0e5d0639 100644 --- a/packages/taler-wallet-webextension/src/mui/TextField.stories.tsx +++ b/packages/taler-wallet-webextension/src/mui/TextField.stories.tsx @@ -103,12 +103,12 @@ export const Multiline = (): VNode => { const [value, onChange] = useState(""); return ( <Container> - {/* <TextField + <TextField {...{ value, onChange }} label="Multiline" variant="standard" multiline - /> */} + /> <TextField {...{ value, onChange }} label="Max row 4" @@ -116,13 +116,39 @@ export const Multiline = (): VNode => { multiline maxRows={4} /> - {/* <TextField + <TextField {...{ value, onChange }} label="Row 10" variant="standard" multiline rows={10} - /> */} + /> + </Container> + ); +}; + +export const Select = (): VNode => { + const [value, onChange] = useState(""); + return ( + <Container> + <TextField + {...{ value, onChange }} + label="Multiline" + variant="standard" + select + /> + <TextField + {...{ value, onChange }} + label="Max row 4" + variant="standard" + select + /> + <TextField + {...{ value, onChange }} + label="Row 10" + variant="standard" + select + /> </Container> ); }; diff --git a/packages/taler-wallet-webextension/src/mui/input/InputBase.tsx b/packages/taler-wallet-webextension/src/mui/input/InputBase.tsx index 8992aa690..180370a0c 100644 --- a/packages/taler-wallet-webextension/src/mui/input/InputBase.tsx +++ b/packages/taler-wallet-webextension/src/mui/input/InputBase.tsx @@ -304,9 +304,9 @@ function getStyleValue( function debounce(func: any, wait = 166): any { let timeout: any; - function debounced(...args) { + function debounced(...args: any[]): void { const later = () => { - func.apply(this, args); + func.apply({}, args); }; clearTimeout(timeout); timeout = setTimeout(later, wait); @@ -452,7 +452,7 @@ export function TextareaAutoSize({ renders.current = 0; }, [value]); - const handleChange = (event) => { + const handleChange = (event: any): void => { renders.current = 0; if (!isControlled) { |