fix: simplify password field

src/components/form/PasswordField.tsx

@@ -0,0 +1,45 @@
+import React from 'react';
+import {
+  InputAdornment
+} from '@mui/material';
+import {
+  Security as SecurityIcon
+} from '@mui/icons-material';
+import { string as YupString } from 'yup';
+
+import TextField, { TextFieldProps } from './TextField';
+
+export interface PasswordFieldProps extends Omit<TextFieldProps, (
+  'type' |
+  'name' |
+  'required'
+)> {
+  name?: string;
+}
+
+const PasswordField: React.FC<PasswordFieldProps> = ({
+  name = 'password',
+  InputProps = {},
+  validate = YupString(),
+  ...otherTextFieldProps
+}) => {
+  return (
+    <TextField
+      required
+      type='password'
+      name={name}
+      validate={validate}
+      InputProps={{
+        ...InputProps,
+        endAdornment: (
+          <InputAdornment position='end'>
+            <SecurityIcon />
+          </InputAdornment>
+        )
+      }}
+      {...otherTextFieldProps}
+    />
+  );
+};
+
+export default PasswordField;

src/components/form/index.ts

@@ -2,7 +2,7 @@ import AutocompleteField, { AutocompleteFieldProps } from './AutocompleteField';
 import CheckboxField, { CheckboxFieldProps } from './CheckboxField';
 import EmailField, { EmailFieldProps } from './EmailField';
 import Form, { FormProps } from './Form';
-import NewPasswordField, { NewPasswordFieldProps } from './NewPasswordField';
+import PasswordField, { PasswordFieldProps } from './PasswordField';
 import SubmitButton, { SubmitButtonProps } from './SubmitButton';
 import TextField, { TextFieldProps } from './TextField';
 
@@ -11,7 +11,7 @@ export {
   CheckboxField, type CheckboxFieldProps,
   EmailField, type EmailFieldProps,
   Form, type FormProps,
-  NewPasswordField, type NewPasswordFieldProps,
+  PasswordField, type PasswordFieldProps,
   SubmitButton, type SubmitButtonProps,
   TextField, type TextFieldProps
 };