summaryrefslogtreecommitdiff
path: root/packages/taler-wallet-webextension/src/mui
diff options
context:
space:
mode:
Diffstat (limited to 'packages/taler-wallet-webextension/src/mui')
-rw-r--r--packages/taler-wallet-webextension/src/mui/TextField.stories.tsx34
-rw-r--r--packages/taler-wallet-webextension/src/mui/input/InputBase.tsx6
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) {