Promotions milestone 2

src/components/TextField/TextField.tsx

@@ -18,7 +18,7 @@ export type TextFieldProps = FieldProps &
   CustomTextFieldProps
 
 export const TextField = forwardRef(({
-  field: { onBlur: fieldOnBlur, ...restFieldProps },
+  field: { onBlur: fieldOnBlur, onChange: fieldOnChange, ...restFieldProps },
   form: { isSubmitting, touched, errors },
   fullWidth = true,
   size = "small",
@@ -29,6 +29,7 @@ export const TextField = forwardRef(({
   helperText,
   hiddenLabel,
   ariaLabel,
+  onChange,
   ...props
 }: TextFieldProps, ref) => {
   const fieldError = getIn(errors, restFieldProps.name) as string;
@@ -41,6 +42,8 @@ export const TextField = forwardRef(({
 
   const _onBlur = onBlur ?? ((event) => fieldOnBlur(event ?? restFieldProps.name));
 
+  const _onChange = onChange ?? fieldOnChange;
+
   return (
     <FormControl
       fullWidth={fullWidth}
@@ -62,6 +65,7 @@ export const TextField = forwardRef(({
         aria-describedby={helperTextId}
         inputProps={{ "aria-label": ariaLabel }}
         ref={ref}
+        onChange={_onChange}
         {...props}
         {...restFieldProps}
       />

src/components/Toast/index.tsx

@@ -27,8 +27,8 @@ export const Toast = ({ message, autoHideDuration, onExited, ...rest }: ToastPro
   };
 
   return (
-    <Snackbar key={message.key} open={open} autoHideDuration={autoHideDuration || 5000} onClose={handleClose} TransitionProps={{ onExited }} {...rest}>
-      <Alert severity={message.severity} sx={{ width: "100%" }} variant="filled">
+    <Snackbar key={message.key} open={open} autoHideDuration={autoHideDuration || 6000} onClose={handleClose} TransitionProps={{ onExited }} {...rest}>
+      <Alert onClose={handleClose} severity={message.severity} sx={{ width: "100%" }} variant="filled">
         {message.message}
       </Alert>
     </Snackbar>