mui-fast-start 0.2.0 → 0.3.0

package/README.md

@@ -45,39 +45,25 @@ This component has MUI's ThemeProvider built-in, so be careful not to use ThemeP
 Example:
 ```tsx
 import {createTheme, CssBaseline} from "@mui/material";
-import { createDefaultProps } from 'mui-fast-start/styles';
+import { createMfsProps } from 'mui-fast-start/styles';
 import { FastStartProvider } from 'mui-fast-start';
 
 const theme = createTheme();
-const defaultProps = createDefaultProps({
+const mfsProps = createMfsProps({
     Single: {
-        Integer: {
-            variant: 'filled',
-            size: 'medium',
-            fullWidth: false,
-            autoComplete: 'off',
-            inputMode: 'numeric',
-            type: 'text',
-            step: 1,
-            def: 0
+        MfsText: {
+            maxLength: 255
         }
     },
-    Obj: {
-        Float: {
-            variant: 'filled',
-            size: 'medium',
-            fullWidth: false,
-            autoComplete: 'off',
-            inputMode: 'decimal',
-            type: 'text',
-            step: 0.01,
-            def: 0
+    Object: {
+        MfsText: {
+            maxLength: 255
         }
     }
 });
 
 <FastStartProvider
-    defaultProps={defaultProps}
+    defaultProps={mfsProps}
     theme={theme}
     defaultMode='dark'
 >
@@ -214,7 +200,7 @@ Extended props: [TextFieldProps](https://mui.com/material-ui/api/text-field/)
 | get | number | (required) | First value of useState |
 | set | Dispatch<SetStateAction<number>> | (required) | Second value of useState |
 | label | React.ReactNode | - | Label content |
-| errorData | string | - | Error message |
+| err | string | - | Error message |
 | minLength | number | - | Minimum input length |
 | maxLength | number | - | Maximum input length |
 | startAdornment | React.ReactNode | - | Start InputAdornment |
@@ -232,7 +218,7 @@ Extended props: [TextFieldProps](https://mui.com/material-ui/api/text-field/)
 | get | number | (required) | First value of useState |
 | set | Dispatch<SetStateAction<number>> | (required) | Second value of useState |
 | label | React.ReactNode | - | Label content |
-| errorData | string | - | Error message |
+| err | string | - | Error message |
 | minLength | number | - | Minimum input length |
 | maxLength | number | - | Maximum input length |
 | startAdornment | React.ReactNode | - | Start InputAdornment |
@@ -251,7 +237,7 @@ Extended props: [TextFieldProps](https://mui.com/material-ui/api/text-field/)
 | get | string | (required) | First value of useState |
 | set | Dispatch<SetStateAction<string>> | (required) | Second value of useState |
 | label | React.ReactNode | - | Label content |
-| errorData | string | - | Error message |
+| err | string | - | Error message |
 | minLength | number | - | Minimum input length |
 | maxLength | number | - | Maximum input length |
 | startAdornment | React.ReactNode | - | Start InputAdornment |
@@ -276,11 +262,40 @@ Extended props: [IconButtonProps](https://mui.com/material-ui/api/icon-button/)
 | on | React.ReactNode | (required) | Node displayed when true |
 | off | React.ReactNode | (required) | Node displayed when false |
 
+### SingleSelectOne
+Extended props: [SingleSelectOne](https://mui.com/material-ui/api/select/)
+
+| Name | Type | Default | Description |
+|:-:|:-:|:-:|:-:|
+| get | any | (required) | First value of useState |
+| set | Dispatch<SetStateAction<any>> | (required) | Second value of useState |
+| label | React.ReactNode | - | Label content |
+| err | string | - | Error message |
+| emptyItem | React.ReactNode | - | Node to display for empty item (allows empty value) |
+| emptyValue | '' / null / undefined / any | - | Value inserted when empty item is selected |
+| items | any[] | (required) | Selectable items |
+| renderMenuItem | (item: any) => React.ReactNode | - | Function to render menu item |
+| getKey | (item: any) => string | Required if item is not string or number | Function to return unique key for item |
+
+### SingleSelectRecord
+Extended props: [SingleSelectOne](https://mui.com/material-ui/api/select/)
+
+| Name | Type | Default | Description |
+|:-:|:-:|:-:|:-:|
+| get | any | (required) | First value of useState |
+| set | Dispatch<SetStateAction<any>> | (required) | Second value of useState |
+| label | React.ReactNode | - | Label content |
+| err | string | - | Error message |
+| emptyItem | React.ReactNode | - | Node to display for empty item (allows empty value) |
+| emptyValue | '' / null / undefined / any | - | Value inserted when empty item is selected |
+| items | any[] | (required) | Selectable items |
+| renderMenuItem | (item: any) => React.ReactNode | - | Function to render menu item |
+| getKey | (item: any) => string | Required if item is not string or number | Function to return unique key for item |
 
 ----
 
 
-### ObjFloat
+### ObjNumber
 Extended props: [TextFieldProps](https://mui.com/material-ui/api/text-field/)
 
 | Name | Type | Default | Description |
@@ -289,7 +304,7 @@ Extended props: [TextFieldProps](https://mui.com/material-ui/api/text-field/)
 | set | Dispatch<SetStateAction<object>> | (required) | Second value of useState |
 | name | string | (required) | Object key name |
 | label | React.ReactNode | - | Label content |
-| errorData | object | - | Error message |
+| err | object | - | Error message |
 | minLength | number | - | Minimum input length |
 | maxLength | number | - | Maximum input length |
 | startAdornment | React.ReactNode | - | Start InputAdornment |
@@ -308,7 +323,7 @@ Extended props: [TextFieldProps](https://mui.com/material-ui/api/text-field/)
 | set | Dispatch<SetStateAction<object>> | (required) | Second value of useState |
 | name | string | (required) | Object key name |
 | label | React.ReactNode | - | Label content |
-| errorData | object | - | Error message |
+| err | object | - | Error message |
 | minLength | number | - | Minimum input length |
 | maxLength | number | - | Maximum input length |
 | startAdornment | React.ReactNode | - | Start InputAdornment |
@@ -327,7 +342,7 @@ Extended props: [TextFieldProps](https://mui.com/material-ui/api/text-field/)
 | set | Dispatch<SetStateAction<object>> | (required) | Second value of useState |
 | name | string | (required) | Object key name |
 | label | React.ReactNode | - | Label content |
-| errorData | object | - | Error message |
+| err | object | - | Error message |
 | minLength | number | - | Minimum input length |
 | maxLength | number | - | Maximum input length |
 | startAdornment | React.ReactNode | - | Start InputAdornment |
@@ -354,3 +369,35 @@ Extended props: [IconButtonProps](https://mui.com/material-ui/api/icon-button/)
 | on | React.ReactNode | (required) | Node displayed when true |
 | off | React.ReactNode | (required) | Node displayed when false |
 
+### ObjSelectOne
+Extended props: [ObjSelectOne](https://mui.com/material-ui/api/select/)
+
+| Name | Type | Default | Description |
+|:-:|:-:|:-:|:-:|
+| get | object | (required) | First value of useState |
+| set | Dispatch<SetStateAction<object>> | (required) | Second value of useState |
+| name | string | (required) | Object key name |
+| label | React.ReactNode | - | Label content |
+| err | object | - | Error message |
+| emptyItem | React.ReactNode | - | Node to display for empty item (allows empty value) |
+| emptyValue | '' / null / undefined / any | - | Value inserted when empty item is selected |
+| items | any[] | (required) | Selectable items |
+| renderMenuItem | (item: any) => React.ReactNode | - | Function to render menu item |
+| getKey | (item: any) => string | Required if item is not string or number | Function to return unique key for item |
+
+### ObjSelectRecord
+Extended props: [SingleSelectOne](https://mui.com/material-ui/api/select/)
+
+| Name | Type | Default | Description |
+|:-:|:-:|:-:|:-:|
+| get | object | (required) | First value of useState |
+| set | Dispatch<SetStateAction<object>> | (required) | Second value of useState |
+| name | string | (required) | Object key name |
+| label | React.ReactNode | - | Label content |
+| err | object | - | Error message |
+| emptyItem | React.ReactNode | - | Node to display for empty item (allows empty value) |
+| emptyValue | '' / null / undefined / any | - | Value inserted when empty item is selected |
+| items | any[] | (required) | Selectable items |
+| renderMenuItem | (item: any) => React.ReactNode | - | Function to render menu item |
+| getKey | (item: any) => string | Required if item is not string or number | Function to return unique key for item |
+

package/README_KR.md

@@ -49,35 +49,21 @@ import { createDefaultProps } from 'mui-fast-start/styles';
 import { FastStartProvider } from 'mui-fast-start';
 
 const theme = createTheme();
-const defaultProps = createDefaultProps({
+const mfsProps = createMfsProps({
     Single: {
-        Integer: {
-            variant: 'filled',
-            size: 'medium',
-            fullWidth: false,
-            autoComplete: 'off',
-            inputMode: 'numeric',
-            type: 'text',
-            step: 1,
-            def: 0
+        MfsText: {
+            maxLength: 255
         }
     },
-    Obj: {
-        Float: {
-            variant: 'filled',
-            size: 'medium',
-            fullWidth: false,
-            autoComplete: 'off',
-            inputMode: 'decimal',
-            type: 'text',
-            step: 0.01,
-            def: 0
+    Object: {
+        MfsText: {
+            maxLength: 255
         }
     }
 });
 
 <FastStartProvider
-    defaultProps={defaultProps}
+    defaultProps={mfsProps}
     theme={theme}
     defaultMode='dark'
 >
@@ -209,147 +195,210 @@ const [temp, setTemp] = useState<TempType>({
 ### SingleFloat
 확장 props: [TextFieldProps](https://mui.com/material-ui/api/text-field/)
 
-| 이름 | 타입 | 기본값 | 설명 |
-|:-:|:-:|:-:|:-:|
-| get | number | (필수값) | useState의 1번째 값 |
-| set | Dispatch<SetStateAction<number>> | (필수값) | useState의 2번째 값 |
-| label | React.ReactNode | - | 라벨 내용 |
-| errorData | string | - | 에러 메시지 |
-| minLength | number | - | 입력할 수 있는 최소 길이 |
-| maxLength | number | - | 입력할 수 있는 최대 길이 |
-| startAdornment | React.ReactNode | - | 시작 InputAdornment 형식 |
-| endAdornment | React.ReactNode | - | 종료 InputAdornment 형식 |
-| def | number | 0 | 입력된 숫자형식이 잘못되거나 했을때 들어가는 기본으로 들어가지는 값 |
-| min | number | - | 입력할 수 있는 최소값 |
-| max | number | - | 입력할 수 있는 최대값 |
-| step | number | 0.01 | 스탭으로 올렸을때 증가하는 크기 |
+|       이름       |                타입                |  기본값  |                  설명                   |
+|:--------------:|:--------------------------------:|:-----:|:-------------------------------------:|
+|      get       |              number              | (필수값) |            useState의 1번째 값            |
+|      set       | Dispatch<SetStateAction<number>> | (필수값) |            useState의 2번째 값            |
+|     label      |         React.ReactNode          |   -   |                 라벨 내용                 |
+|      err       |              string              |   -   |                에러 메시지                 |
+|   minLength    |              number              |   -   |            입력할 수 있는 최소 길이             |
+|   maxLength    |              number              |   -   |            입력할 수 있는 최대 길이             |
+| startAdornment |         React.ReactNode          |   -   |         시작 InputAdornment 형식          |
+|  endAdornment  |         React.ReactNode          |   -   |         종료 InputAdornment 형식          |
+|      def       |              number              |   0   | 입력된 숫자형식이 잘못되거나 했을때 들어가는 기본으로 들어가지는 값 |
+|      min       |              number              |   -   |             입력할 수 있는 최소값              |
+|      max       |              number              |   -   |             입력할 수 있는 최대값              |
+|      step      |              number              | 0.01  |           스탭으로 올렸을때 증가하는 크기           |
 
 ### SingleInteger
 확장 props: [TextFieldProps](https://mui.com/material-ui/api/text-field/)
 
-| 이름 | 타입 | 기본값 | 설명 |
-|:-:|:-:|:-:|:-:|
-| get | number | (필수값) | useState의 1번째 값 |
-| set | Dispatch<SetStateAction<number>> | (필수값) | useState의 2번째 값 |
-| label | React.ReactNode | - | 라벨 내용 |
-| errorData | string | - | 에러 메시지 |
-| minLength | number | - | 입력할 수 있는 최소 길이 |
-| maxLength | number | - | 입력할 수 있는 최대 길이 |
-| startAdornment | React.ReactNode | - | 시작 InputAdornment 형식 |
-| endAdornment | React.ReactNode | - | 종료 InputAdornment 형식 |
-| def | number | 0 | 입력된 숫자형식이 잘못되거나 했을때 들어가는 기본으로 들어가지는 값 |
-| min | number | - | 입력할 수 있는 최소값 |
-| max | number | - | 입력할 수 있는 최대값 |
-| step | number | 1 | 스탭으로 올렸을때 증가하는 크기 |
+|       이름       |                타입                |  기본값  |                  설명                   |
+|:--------------:|:--------------------------------:|:-----:|:-------------------------------------:|
+|      get       |              number              | (필수값) |            useState의 1번째 값            |
+|      set       | Dispatch<SetStateAction<number>> | (필수값) |            useState의 2번째 값            |
+|     label      |         React.ReactNode          |   -   |                 라벨 내용                 |
+|      err       |              string              |   -   |                에러 메시지                 |
+|   minLength    |              number              |   -   |            입력할 수 있는 최소 길이             |
+|   maxLength    |              number              |   -   |            입력할 수 있는 최대 길이             |
+| startAdornment |         React.ReactNode          |   -   |         시작 InputAdornment 형식          |
+|  endAdornment  |         React.ReactNode          |   -   |         종료 InputAdornment 형식          |
+|      def       |              number              |   0   | 입력된 숫자형식이 잘못되거나 했을때 들어가는 기본으로 들어가지는 값 |
+|      min       |              number              |   -   |             입력할 수 있는 최소값              |
+|      max       |              number              |   -   |             입력할 수 있는 최대값              |
+|      step      |              number              |   1   |           스탭으로 올렸을때 증가하는 크기           |
 
 
 ### SingleText
 확장 props: [TextFieldProps](https://mui.com/material-ui/api/text-field/)
 
-| 이름 | 타입 | 기본값 | 설명 |
-|:-:|:-:|:-:|:-:|
-| get | string | (필수값) | useState의 1번째 값 |
-| set | Dispatch<SetStateAction<string>> | (필수값) | useState의 2번째 값 |
-| label | React.ReactNode | - | 라벨 내용 |
-| errorData | string | - | 에러 메시지 |
-| minLength | number | - | 입력할 수 있는 최소 길이 |
-| maxLength | number | - | 입력할 수 있는 최대 길이 |
-| startAdornment | React.ReactNode | - | 시작 InputAdornment 형식 |
-| endAdornment | React.ReactNode | - | 종료 InputAdornment 형식 |
+|       이름       |                타입                |  기본값  |          설명          |
+|:--------------:|:--------------------------------:|:-----:|:--------------------:|
+|      get       |              string              | (필수값) |   useState의 1번째 값    |
+|      set       | Dispatch<SetStateAction<string>> | (필수값) |   useState의 2번째 값    |
+|     label      |         React.ReactNode          |   -   |        라벨 내용         |
+|      err       |              string              |   -   |        에러 메시지        |
+|   minLength    |              number              |   -   |    입력할 수 있는 최소 길이    |
+|   maxLength    |              number              |   -   |    입력할 수 있는 최대 길이    |
+| startAdornment |         React.ReactNode          |   -   | 시작 InputAdornment 형식 |
+|  endAdornment  |         React.ReactNode          |   -   | 종료 InputAdornment 형식 |
 
 ### SingleCheckbox
 확장 props: [CheckboxProps](https://mui.com/material-ui/api/checkbox/)
 
-| 이름 | 타입 | 기본값 | 설명 |
-|:-:|:-:|:-:|:-:|
-| get | boolean | (필수값) | useState의 1번째 값 |
-| set | Dispatch<SetStateAction<boolean>> | (필수값) | useState의 2번째 값 |
-| label | React.ReactNode | - | 라벨 내용 |
+|  이름   |                타입                 |  기본값  |       설명        |
+|:-----:|:---------------------------------:|:-----:|:---------------:|
+|  get  |              boolean              | (필수값) | useState의 1번째 값 |
+|  set  | Dispatch<SetStateAction<boolean>> | (필수값) | useState의 2번째 값 |
+| label |          React.ReactNode          |   -   |      라벨 내용      |
 
 ### SingleCheckIcon
 확장 props: [IconButtonProps](https://mui.com/material-ui/api/icon-button/)
 
-| 이름 | 타입 | 기본값 | 설명 |
-|:-:|:-:|:-:|:-:|
-| get | boolean | (필수값) | useState의 1번째 값 |
-| set | Dispatch<SetStateAction<boolean>> | (필수값) | useState의 2번째 값 |
-| on | React.ReactNode | (필수값) | true일때 표시되는 node |
-| off | React.ReactNode | (필수값) | false일때 표시되는 node |
-
-
+| 이름  |                타입                 |  기본값  |        설명         |
+|:---:|:---------------------------------:|:-----:|:-----------------:|
+| get |              boolean              | (필수값) |  useState의 1번째 값  |
+| set | Dispatch<SetStateAction<boolean>> | (필수값) |  useState의 2번째 값  |
+| on  |          React.ReactNode          | (필수값) | true일때 표시되는 node  |
+| off |          React.ReactNode          | (필수값) | false일때 표시되는 node |
+
+
+### SingleSelectOne
+확장 props: [SingleSelectOne](https://mui.com/material-ui/api/select/)
+
+|       이름       |               타입               |            기본값             |             설명              |
+|:--------------:|:------------------------------:|:--------------------------:|:---------------------------:|
+|      get       |              any               |           (필수값)            |       useState의 1번째 값       |
+|      set       | Dispatch<SetStateAction<any>>  |           (필수값)            |       useState의 2번째 값       |
+|     label      |        React.ReactNode         |             -              |            라벨 내용            |
+|      err       |             string             |             -              |           에러 메시지            |
+|   emptyItem    |        React.ReactNode         |             -              | 빈 값 허용 및 비어있는 아이템을 표시할 node |
+|   emptyValue   |  '' / null / undefined / any   |             -              |      빈 값을 선택했을때 삽입되는 값      |
+|     items      |             any[]              |           (필수값)            |        선택할 수 있는 아이템들        |
+| renderMenuItem | (item: any) => React.ReactNode |             -              |        아이템을 렌더링하는 함수        |
+|     getKey     |     (item: any) => string      | string, number 가 아닐 경우 필수값 |     아이템을 고유한 키로 반환하는 함수     |
+
+
+### SingleSelectRecord
+확장 props: [SingleSelectOne](https://mui.com/material-ui/api/select/)
+
+|       이름       |               타입               |            기본값             |             설명              |
+|:--------------:|:------------------------------:|:--------------------------:|:---------------------------:|
+|      get       |              any               |           (필수값)            |       useState의 1번째 값       |
+|      set       | Dispatch<SetStateAction<any>>  |           (필수값)            |       useState의 2번째 값       |
+|     label      |        React.ReactNode         |             -              |            라벨 내용            |
+|      err       |             string             |             -              |           에러 메시지            |
+|   emptyItem    |        React.ReactNode         |             -              | 빈 값 허용 및 비어있는 아이템을 표시할 node |
+|   emptyValue   |  '' / null / undefined / any   |             -              |      빈 값을 선택했을때 삽입되는 값      |
+|     items      |             any[]              |           (필수값)            |        선택할 수 있는 아이템들        |
+| renderMenuItem | (item: any) => React.ReactNode |             -              |        아이템을 렌더링하는 함수        |
+|     getKey     |     (item: any) => string      | string, number 가 아닐 경우 필수값 |     아이템을 고유한 키로 반환하는 함수     |
+ 
 ----
 
 
-### ObjFloat
+### ObjNumber
 확장 props: [TextFieldProps](https://mui.com/material-ui/api/text-field/)
 
-| 이름 | 타입 | 기본값 | 설명 |
-|:-:|:-:|:-:|:-:|
-| get | object | (필수값) | useState의 1번째 값 |
-| set | Dispatch<SetStateAction<object>> | (필수값) | useState의 2번째 값 |
-| name | string | (필수값) | object의 키 값 |
-| label | React.ReactNode | - | 라벨 내용 |
-| errorData | object | - | 에러 메시지 |
-| minLength | number | - | 입력할 수 있는 최소 길이 |
-| maxLength | number | - | 입력할 수 있는 최대 길이 |
-| startAdornment | React.ReactNode | - | 시작 InputAdornment 형식 |
-| endAdornment | React.ReactNode | - | 종료 InputAdornment 형식 |
-| def | number | 0 | 입력된 숫자형식이 잘못되거나 했을때 들어가는 기본으로 들어가지는 값 |
-| min | number | - | 입력할 수 있는 최소값 |
-| max | number | - | 입력할 수 있는 최대값 |
-| step | number | 0.01 | 스탭으로 올렸을때 증가하는 크기 |
+|       이름       |                타입                |  기본값  |                  설명                   |
+|:--------------:|:--------------------------------:|:-----:|:-------------------------------------:|
+|      get       |              object              | (필수값) |            useState의 1번째 값            |
+|      set       | Dispatch<SetStateAction<object>> | (필수값) |            useState의 2번째 값            |
+|      name      |              string              | (필수값) |              object의 키 값              |
+|     label      |         React.ReactNode          |   -   |                 라벨 내용                 |
+|      err       |              object              |   -   |                에러 메시지                 |
+|   minLength    |              number              |   -   |            입력할 수 있는 최소 길이             |
+|   maxLength    |              number              |   -   |            입력할 수 있는 최대 길이             |
+| startAdornment |         React.ReactNode          |   -   |         시작 InputAdornment 형식          |
+|  endAdornment  |         React.ReactNode          |   -   |         종료 InputAdornment 형식          |
+|      def       |              number              |   0   | 입력된 숫자형식이 잘못되거나 했을때 들어가는 기본으로 들어가지는 값 |
+|      min       |              number              |   -   |             입력할 수 있는 최소값              |
+|      max       |              number              |   -   |             입력할 수 있는 최대값              |
+|      step      |              number              | 0.01  |           스탭으로 올렸을때 증가하는 크기           |
 
 ### ObjInteger
 확장 props: [TextFieldProps](https://mui.com/material-ui/api/text-field/)
 
-| 이름 | 타입 | 기본값 | 설명 |
-|:-:|:-:|:-:|:-:|
-| get | object | (필수값) | useState의 1번째 값 |
-| set | Dispatch<SetStateAction<object>> | (필수값) | useState의 2번째 값 |
-| name | string | (필수값) | object의 키 값 |
-| label | React.ReactNode | - | 라벨 내용 |
-| errorData | object | - | 에러 메시지 |
-| minLength | number | - | 입력할 수 있는 최소 길이 |
-| maxLength | number | - | 입력할 수 있는 최대 길이 |
-| startAdornment | React.ReactNode | - | 시작 InputAdornment 형식 |
-| endAdornment | React.ReactNode | - | 종료 InputAdornment 형식 |
-| def | number | 0 | 입력된 숫자형식이 잘못되거나 했을때 들어가는 기본으로 들어가지는 값 |
-| min | number | - | 입력할 수 있는 최소값 |
-| max | number | - | 입력할 수 있는 최대값 |
-| step | number | 1 | 스탭으로 올렸을때 증가하는 크기 |
+|       이름       |                타입                |  기본값  |                  설명                   |
+|:--------------:|:--------------------------------:|:-----:|:-------------------------------------:|
+|      get       |              object              | (필수값) |            useState의 1번째 값            |
+|      set       | Dispatch<SetStateAction<object>> | (필수값) |            useState의 2번째 값            |
+|      name      |              string              | (필수값) |              object의 키 값              |
+|     label      |         React.ReactNode          |   -   |                 라벨 내용                 |
+|      err       |              object              |   -   |                에러 메시지                 |
+|   minLength    |              number              |   -   |            입력할 수 있는 최소 길이             |
+|   maxLength    |              number              |   -   |            입력할 수 있는 최대 길이             |
+| startAdornment |         React.ReactNode          |   -   |         시작 InputAdornment 형식          |
+|  endAdornment  |         React.ReactNode          |   -   |         종료 InputAdornment 형식          |
+|      def       |              number              |   0   | 입력된 숫자형식이 잘못되거나 했을때 들어가는 기본으로 들어가지는 값 |
+|      min       |              number              |   -   |             입력할 수 있는 최소값              |
+|      max       |              number              |   -   |             입력할 수 있는 최대값              |
+|      step      |              number              |   1   |           스탭으로 올렸을때 증가하는 크기           |
 
 ### ObjText
 확장 props: [TextFieldProps](https://mui.com/material-ui/api/text-field/)
 
-| 이름 | 타입 | 기본값 | 설명 |
-|:-:|:-:|:-:|:-:|
-| get | object | (필수값) | useState의 1번째 값 |
-| set | Dispatch<SetStateAction<object>> | (필수값) | useState의 2번째 값 |
-| name | string | (필수값) | object의 키 값 |
-| label | React.ReactNode | - | 라벨 내용 |
-| errorData | object | - | 에러 메시지 |
-| minLength | number | - | 입력할 수 있는 최소 길이 |
-| maxLength | number | - | 입력할 수 있는 최대 길이 |
-| startAdornment | React.ReactNode | - | 시작 InputAdornment 형식 |
-| endAdornment | React.ReactNode | - | 종료 InputAdornment 형식 |
+|       이름       |                타입                |  기본값  |          설명          |
+|:--------------:|:--------------------------------:|:-----:|:--------------------:|
+|      get       |              object              | (필수값) |   useState의 1번째 값    |
+|      set       | Dispatch<SetStateAction<object>> | (필수값) |   useState의 2번째 값    |
+|      name      |              string              | (필수값) |     object의 키 값      |
+|     label      |         React.ReactNode          |   -   |        라벨 내용         |
+|      err       |              object              |   -   |        에러 메시지        |
+|   minLength    |              number              |   -   |    입력할 수 있는 최소 길이    |
+|   maxLength    |              number              |   -   |    입력할 수 있는 최대 길이    |
+| startAdornment |         React.ReactNode          |   -   | 시작 InputAdornment 형식 |
+|  endAdornment  |         React.ReactNode          |   -   | 종료 InputAdornment 형식 |
 
 ### SingleCheckbox
 확장 props: [CheckboxProps](https://mui.com/material-ui/api/checkbox/)
 
-| 이름 | 타입 | 기본값 | 설명 |
-|:-:|:-:|:-:|:-:|
-| get | object | (필수값) | useState의 1번째 값 |
-| set | Dispatch<SetStateAction<object>> | (필수값) | useState의 2번째 값 |
-| name | string | (필수값) | object의 키 값 |
-| label | React.ReactNode | - | 라벨 내용 |
+|  이름   |                타입                |  기본값  |       설명        |
+|:-----:|:--------------------------------:|:-----:|:---------------:|
+|  get  |              object              | (필수값) | useState의 1번째 값 |
+|  set  | Dispatch<SetStateAction<object>> | (필수값) | useState의 2번째 값 |
+| name  |              string              | (필수값) |   object의 키 값   |
+| label |         React.ReactNode          |   -   |      라벨 내용      |
 
 ### SingleCheckIcon
 확장 props: [IconButtonProps](https://mui.com/material-ui/api/icon-button/)
 
-| 이름 | 타입 | 기본값 | 설명 |
-|:-:|:-:|:-:|:-:|
-| get | object | (필수값) | useState의 1번째 값 |
-| set | Dispatch<SetStateAction<object>> | (필수값) | useState의 2번째 값 |
-| name | string | (필수값) | object의 키 값 |
-| on | React.ReactNode | (필수값) | true일때 표시되는 node |
-| off | React.ReactNode | (필수값) | false일때 표시되는 node |
+|  이름  |                타입                |  기본값  |        설명         |
+|:----:|:--------------------------------:|:-----:|:-----------------:|
+| get  |              object              | (필수값) |  useState의 1번째 값  |
+| set  | Dispatch<SetStateAction<object>> | (필수값) |  useState의 2번째 값  |
+| name |              string              | (필수값) |    object의 키 값    |
+|  on  |         React.ReactNode          | (필수값) | true일때 표시되는 node  |
+| off  |         React.ReactNode          | (필수값) | false일때 표시되는 node |
+
+### ObjSelectOne
+확장 props: [ObjSelectOne](https://mui.com/material-ui/api/select/)
+
+|       이름       |                타입                |            기본값             |             설명              |
+|:--------------:|:--------------------------------:|:--------------------------:|:---------------------------:|
+|      get       |              object              |           (필수값)            |       useState의 1번째 값       |
+|      set       | Dispatch<SetStateAction<object>> |           (필수값)            |       useState의 2번째 값       |
+|      name      |              string              |           (필수값)            |         object의 키 값         |
+|     label      |         React.ReactNode          |             -              |            라벨 내용            |
+|      err       |              object              |             -              |           에러 메시지            |
+|   emptyItem    |         React.ReactNode          |             -              | 빈 값 허용 및 비어있는 아이템을 표시할 node |
+|   emptyValue   |   '' / null / undefined / any    |             -              |      빈 값을 선택했을때 삽입되는 값      |
+|     items      |              any[]               |           (필수값)            |        선택할 수 있는 아이템들        |
+| renderMenuItem |  (item: any) => React.ReactNode  |             -              |        아이템을 렌더링하는 함수        |
+|     getKey     |      (item: any) => string       | string, number 가 아닐 경우 필수값 |     아이템을 고유한 키로 반환하는 함수     |
+
+### SingleSelectRecord
+확장 props: [SingleSelectOne](https://mui.com/material-ui/api/select/)
+
+|       이름       |                타입                |            기본값             |             설명              |
+|:--------------:|:--------------------------------:|:--------------------------:|:---------------------------:|
+|      get       |              object              |           (필수값)            |       useState의 1번째 값       |
+|      set       | Dispatch<SetStateAction<object>> |           (필수값)            |       useState의 2번째 값       |
+|      name      |              string              |           (필수값)            |         object의 키 값         |
+|     label      |         React.ReactNode          |             -              |            라벨 내용            |
+|      err       |              object              |             -              |           에러 메시지            |
+|   emptyItem    |         React.ReactNode          |             -              | 빈 값 허용 및 비어있는 아이템을 표시할 node |
+|   emptyValue   |   '' / null / undefined / any    |             -              |      빈 값을 선택했을때 삽입되는 값      |
+|     items      |              any[]               |           (필수값)            |        선택할 수 있는 아이템들        |
+| renderMenuItem |  (item: any) => React.ReactNode  |             -              |        아이템을 렌더링하는 함수        |
+|     getKey     |      (item: any) => string       | string, number 가 아닐 경우 필수값 |     아이템을 고유한 키로 반환하는 함수     |

package/dist/components/Object/Checkbox/ObjCheckIcon.d.ts

@@ -0,0 +1,4 @@
+import { IconButtonProps } from "@mui/material";
+import { MfsObjectCheckIconProps } from "../../../types";
+export declare const ObjCheckIcon: <T extends object>(customProps: Omit<IconButtonProps, "name"> & MfsObjectCheckIconProps<T>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ObjCheckIcon.d.ts.map

package/dist/components/Object/Checkbox/ObjCheckIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ObjCheckIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/Object/Checkbox/ObjCheckIcon.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,eAAe,EAAC,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAC,uBAAuB,EAAC,MAAM,gBAAgB,CAAC;AAGvD,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,MAAM,EACzC,aAAa,IAAI,CAAC,eAAe,EAAE,MAAM,CAAC,GAAG,uBAAuB,CAAC,CAAC,CAAC,4CAmB1E,CAAA"}

package/dist/components/Object/Checkbox/ObjCheckbox.d.ts

@@ -0,0 +1,4 @@
+import { CheckboxProps } from "@mui/material";
+import { MfsObjectCheckboxProps } from "../../../types";
+export declare const ObjCheckbox: <T extends object>(customProps: Omit<CheckboxProps, "name"> & MfsObjectCheckboxProps<T>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ObjCheckbox.d.ts.map

package/dist/components/Object/Checkbox/ObjCheckbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ObjCheckbox.d.ts","sourceRoot":"","sources":["../../../../src/components/Object/Checkbox/ObjCheckbox.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,aAAa,EAAC,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAC,sBAAsB,EAAC,MAAM,gBAAgB,CAAC;AAItD,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,MAAM,EACxC,aAAa,IAAI,CAAC,aAAa,EAAE,MAAM,CAAC,GAAG,sBAAsB,CAAC,CAAC,CAAC,4CAqBvE,CAAA"}

package/dist/components/Object/Select/ObjSelectOne.d.ts

@@ -0,0 +1,4 @@
+import { SelectProps } from "@mui/material";
+import { MfsObjectSelectOneProps } from "../../../types";
+export declare const ObjSelectOne: <T extends object, Item>(customProps: Omit<SelectProps, "name"> & MfsObjectSelectOneProps<T, Item>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ObjSelectOne.d.ts.map

package/dist/components/Object/Select/ObjSelectOne.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ObjSelectOne.d.ts","sourceRoot":"","sources":["../../../../src/components/Object/Select/ObjSelectOne.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAC,uBAAuB,EAAC,MAAM,gBAAgB,CAAC;AAKvD,eAAO,MAAM,YAAY,GACrB,CAAC,SAAS,MAAM,EAChB,IAAI,EACN,aAAa,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,GAAG,uBAAuB,CAAC,CAAC,EAAE,IAAI,CAAC,4CAqB1E,CAAA"}

package/dist/components/Object/Select/ObjSelectRecord.d.ts

@@ -0,0 +1,4 @@
+import { MfsObjectSelectRecordProps } from "../../../types";
+import { SelectProps } from "@mui/material";
+export declare const ObjSelectRecord: <T extends object, Item extends Record<PropertyKey, unknown>>(customProps: Omit<SelectProps, "name"> & MfsObjectSelectRecordProps<T, Item>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ObjSelectRecord.d.ts.map

package/dist/components/Object/Select/ObjSelectRecord.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ObjSelectRecord.d.ts","sourceRoot":"","sources":["../../../../src/components/Object/Select/ObjSelectRecord.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,0BAA0B,EAAC,MAAM,gBAAgB,CAAC;AAC1D,OAAO,EAAC,WAAW,EAAC,MAAM,eAAe,CAAC;AAI1C,eAAO,MAAM,eAAe,GACxB,CAAC,SAAS,MAAM,EAChB,IAAI,SAAS,MAAM,CAAC,WAAW,EAAE,OAAO,CAAC,EAC3C,aAAa,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,GAAG,0BAA0B,CAAC,CAAC,EAAE,IAAI,CAAC,4CAqB7E,CAAA"}

package/dist/components/Object/Textfield/ObjNumber.d.ts

@@ -0,0 +1,7 @@
+import { MfsObjectNumberProps } from "../../../types";
+import { TextFieldProps } from "@mui/material";
+type ObjNumberProps<T extends object> = Omit<TextFieldProps, 'name'> & MfsObjectNumberProps<T>;
+export declare const ObjFloat: <T extends object>(customProps: ObjNumberProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const ObjInteger: <T extends object>(customProps: ObjNumberProps<T>) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ObjNumber.d.ts.map

package/dist/components/Object/Textfield/ObjNumber.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ObjNumber.d.ts","sourceRoot":"","sources":["../../../../src/components/Object/Textfield/ObjNumber.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAC,oBAAoB,EAAC,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAE7C,KAAK,cAAc,CAAC,CAAC,SAAS,MAAM,IAAI,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC,GAAG,oBAAoB,CAAC,CAAC,CAAC,CAAC;AAE/F,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,MAAM,EAAE,aAAa,cAAc,CAAC,CAAC,CAAC,4CAmBxE,CAAA;AAED,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,MAAM,EAAE,aAAa,cAAc,CAAC,CAAC,CAAC,4CAmB1E,CAAA"}

package/dist/components/Object/Textfield/ObjText.d.ts

@@ -0,0 +1,4 @@
+import { MfsObjectTextProps } from "../../../types";
+import { TextFieldProps } from "@mui/material";
+export declare const ObjText: <T extends object>(customProps: Omit<TextFieldProps, "name"> & MfsObjectTextProps<T>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ObjText.d.ts.map