@Hanna922

Merge branch 'develop' into feat/#70-TextField-props

src/components/TextField/PasswordTextField/PasswordTextField.type.ts

@@ -1,6 +1,6 @@
 import { TextFieldProps } from '../TextField.type';
 
-export interface PasswordTextFieldProps extends TextFieldProps {
+export interface PasswordTextFieldProps extends Omit<TextFieldProps, 'suffix' | 'searchPrefix'> {
   /** 입력된 내용을 보지 못하게 할 것인지 나타내는 속성 */
   isMarked?: boolean;
 }

src/components/TextField/SimpleTextField/SimpleTextField.type.ts

@@ -1,6 +1,6 @@
 import { TextFieldProps } from '../TextField.type';
 
-export interface SimpleTextFieldProps extends TextFieldProps {
+export interface SimpleTextFieldProps extends Omit<TextFieldProps, 'suffix' | 'searchPrefix'> {
   /** x 버튼을 클릭했을 때 이벤트 핸들러 */
   onClickClearButton?: () => void;
 }

src/components/TextField/SuffixTextField/SuffixTextField.tsx

@@ -2,6 +2,6 @@ import { TextField } from '../TextField';
 
 import { SuffixTextFieldProps } from './SuffixTextField.type';
 
-export const SuffixTextField = ({ ...props }: SuffixTextFieldProps) => {
-  return <TextField suffix={props.suffix} {...props} />;
+export const SuffixTextField = ({ suffix, ...props }: SuffixTextFieldProps) => {
+  return <TextField suffix={suffix} {...props} />;
 };

src/components/TextField/SuffixTextField/SuffixTextField.type.ts

@@ -1,3 +1,6 @@
 import { TextFieldProps } from '../TextField.type';
 
-export interface SuffixTextFieldProps extends TextFieldProps {}
+export interface SuffixTextFieldProps extends Omit<TextFieldProps, 'searchPrefix'> {
+  /** TextField 오른쪽에 들어갈 텍스트 */
+  suffix?: string;
+}

src/components/TextField/index.ts

@@ -3,3 +3,6 @@ export type { SimpleTextFieldProps } from './SimpleTextField/SimpleTextField.typ
 
 export { SuffixTextField } from './SuffixTextField/SuffixTextField';
 export type { SuffixTextFieldProps } from './SuffixTextField/SuffixTextField.type';
+
+export { PasswordTextField } from './PasswordTextField/PasswordTextField';
+export type { PasswordTextFieldProps } from './PasswordTextField/PasswordTextField.type';

src/components/index.ts

@@ -30,3 +30,6 @@ export type { SimpleTextFieldProps } from './TextField';
 
 export { SuffixTextField } from './TextField';
 export type { SuffixTextFieldProps } from './TextField';
+
+export { PasswordTextField } from './TextField';
+export type { PasswordTextFieldProps } from './TextField';