mui-fast-start 0.1.4 → 0.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +356 -356
- package/README_KR.md +355 -0
- package/dist/components/Obj/Checkbox/ObjCheckIcon.d.ts +3 -0
- package/dist/components/Obj/Checkbox/ObjCheckIcon.d.ts.map +1 -0
- package/dist/components/Obj/Checkbox/ObjCheckbox.d.ts +3 -0
- package/dist/components/Obj/Checkbox/ObjCheckbox.d.ts.map +1 -0
- package/dist/components/Obj/Textfield/ObjFloat.d.ts +3 -0
- package/dist/components/Obj/Textfield/ObjFloat.d.ts.map +1 -0
- package/dist/components/Obj/Textfield/ObjInteger.d.ts +3 -0
- package/dist/components/Obj/Textfield/ObjInteger.d.ts.map +1 -0
- package/dist/components/Obj/Textfield/ObjText.d.ts +3 -0
- package/dist/components/Obj/Textfield/ObjText.d.ts.map +1 -0
- package/dist/components/Single/Checkbox/SingleCheckIcon.d.ts +3 -0
- package/dist/components/Single/Checkbox/SingleCheckIcon.d.ts.map +1 -0
- package/dist/components/Single/Checkbox/SingleCheckbox.d.ts +3 -0
- package/dist/components/Single/Checkbox/SingleCheckbox.d.ts.map +1 -0
- package/dist/components/Single/TextField/SingleFloat.d.ts +3 -0
- package/dist/components/Single/TextField/SingleFloat.d.ts.map +1 -0
- package/dist/components/Single/TextField/SingleInteger.d.ts +3 -0
- package/dist/components/Single/TextField/SingleInteger.d.ts.map +1 -0
- package/dist/components/Single/TextField/SingleText.d.ts +3 -0
- package/dist/components/Single/TextField/SingleText.d.ts.map +1 -0
- package/dist/components/index.d.ts +11 -0
- package/dist/components/index.d.ts.map +1 -0
- package/dist/hooks/index.d.ts +4 -0
- package/dist/hooks/index.d.ts.map +1 -0
- package/dist/{types/hooks → hooks}/splits/useSplitSingleNumberProps.d.ts +2 -1
- package/dist/hooks/splits/useSplitSingleNumberProps.d.ts.map +1 -0
- package/dist/{types/hooks → hooks}/splits/useSplitSingleTextProps.d.ts +2 -1
- package/dist/hooks/splits/useSplitSingleTextProps.d.ts.map +1 -0
- package/dist/{types/hooks → hooks}/state/useObjToSingle.d.ts +2 -1
- package/dist/hooks/state/useObjToSingle.d.ts.map +1 -0
- package/dist/index.d.ts +5 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +278 -0
- package/dist/styles/FastStartProvider.d.ts +21 -0
- package/dist/styles/FastStartProvider.d.ts.map +1 -0
- package/dist/styles/createDefaultProps.d.ts +3 -0
- package/dist/styles/createDefaultProps.d.ts.map +1 -0
- package/dist/types/index.d.ts +4 -0
- package/dist/types/index.d.ts.map +1 -0
- package/dist/types/{types/props.d.ts → props.d.ts} +8 -1
- package/dist/types/props.d.ts.map +1 -0
- package/dist/types/{types/provider.d.ts → provider.d.ts} +2 -1
- package/dist/types/provider.d.ts.map +1 -0
- package/dist/types/{types/types.d.ts → types.d.ts} +1 -0
- package/dist/types/types.d.ts.map +1 -0
- package/dist/utils/index.d.ts +3 -0
- package/dist/utils/index.d.ts.map +1 -0
- package/dist/utils/number/calculate.d.ts +7 -0
- package/dist/utils/number/calculate.d.ts.map +1 -0
- package/dist/utils/object/error.d.ts +4 -0
- package/dist/utils/object/error.d.ts.map +1 -0
- package/dist/utils/object/merge.d.ts +4 -0
- package/dist/utils/object/merge.d.ts.map +1 -0
- package/eslint.config.js +23 -0
- package/examples/basic/README.md +73 -0
- package/examples/basic/eslint.config.js +23 -0
- package/examples/basic/index.html +13 -0
- package/examples/basic/package.json +37 -0
- package/examples/basic/src/App.css +5 -0
- package/examples/basic/src/App.tsx +28 -0
- package/examples/basic/src/index.css +30 -0
- package/examples/basic/src/main.tsx +57 -0
- package/examples/basic/src/pages/ObjPage.tsx +93 -0
- package/examples/basic/src/pages/SinglePage.tsx +70 -0
- package/examples/basic/tsconfig.app.json +38 -0
- package/examples/basic/tsconfig.json +7 -0
- package/examples/basic/tsconfig.node.json +35 -0
- package/examples/basic/vite.config.ts +28 -0
- package/mui-fast-start-0.1.5.tgz +0 -0
- package/package.json +67 -85
- package/src/components/Obj/Checkbox/ObjCheckIcon.tsx +19 -0
- package/src/components/Obj/Checkbox/ObjCheckbox.tsx +19 -0
- package/src/components/Obj/Textfield/ObjFloat.tsx +22 -0
- package/src/components/Obj/Textfield/ObjInteger.tsx +22 -0
- package/src/components/Obj/Textfield/ObjText.tsx +22 -0
- package/src/components/Single/Checkbox/SingleCheckIcon.tsx +25 -0
- package/src/components/Single/Checkbox/SingleCheckbox.tsx +31 -0
- package/src/components/Single/TextField/SingleFloat.tsx +12 -0
- package/src/components/Single/TextField/SingleInteger.tsx +12 -0
- package/src/components/Single/TextField/SingleText.tsx +12 -0
- package/src/components/index.ts +13 -0
- package/src/hooks/splits/useSplitSingleNumberProps.ts +159 -0
- package/src/hooks/splits/useSplitSingleTextProps.ts +36 -0
- package/src/hooks/state/useObjToSingle.ts +23 -0
- package/src/index.ts +8 -0
- package/src/styles/FastStartProvider.tsx +26 -0
- package/src/styles/createDefaultProps.ts +45 -0
- package/src/types/props.ts +67 -0
- package/src/types/provider.ts +47 -0
- package/src/types/types.ts +9 -0
- package/src/utils/number/calculate.ts +102 -0
- package/src/utils/object/error.ts +14 -0
- package/src/utils/object/merge.ts +47 -0
- package/src.zip +0 -0
- package/tsconfig.json +34 -0
- package/tsconfig.lib.json +9 -0
- package/vite.config.ts +35 -0
- package/dist/index.cjs.js +0 -1
- package/dist/index.esm.js +0 -266
- package/dist/types/components/Obj/Checkbox/ObjCheckIcon.d.ts +0 -3
- package/dist/types/components/Obj/Checkbox/ObjCheckbox.d.ts +0 -3
- package/dist/types/components/Obj/Textfield/ObjFloat.d.ts +0 -3
- package/dist/types/components/Obj/Textfield/ObjInteger.d.ts +0 -3
- package/dist/types/components/Obj/Textfield/ObjText.d.ts +0 -3
- package/dist/types/components/Single/Checkbox/SingleCheckIcon.d.ts +0 -3
- package/dist/types/components/Single/Checkbox/SingleCheckbox.d.ts +0 -3
- package/dist/types/components/Single/TextField/SingleFloat.d.ts +0 -3
- package/dist/types/components/Single/TextField/SingleInteger.d.ts +0 -3
- package/dist/types/components/Single/TextField/SingleText.d.ts +0 -3
- package/dist/types/components/index.d.ts +0 -12
- package/dist/types/styles/FastStartProvider.d.ts +0 -20
- package/dist/types/styles/createDefaultProps.d.ts +0 -3
- package/dist/types/styles/index.d.ts +0 -2
- package/dist/types/utils/number/calculate.d.ts +0 -5
- package/dist/types/utils/object/merge.d.ts +0 -3
- /package/{dist/types/hooks/index.d.ts → src/hooks/index.ts} +0 -0
- /package/{dist/types/types/index.d.ts → src/types/index.ts} +0 -0
- /package/{dist/types/utils/index.d.ts → src/utils/index.ts} +0 -0
package/README_KR.md
ADDED
|
@@ -0,0 +1,355 @@
|
|
|
1
|
+
# Mui Fast Start
|
|
2
|
+
|
|
3
|
+
[English](./README.md)
|
|
4
|
+
|
|
5
|
+
해당 라이브러리는 [MUI](https://mui.com/)와 [React](https://ko.react.dev/)기반으로 구현된 라이브러리로 MIT라이센스를 따르고 있습니다.
|
|
6
|
+
|
|
7
|
+
빠르게 개발을 하기 위해서 개발된 라이브러리로 비슷하거나 반복적으로 사용되는 코드를 줄이기 위한 목적으로 만들어지게 되었습니다.
|
|
8
|
+
|
|
9
|
+
# Example
|
|
10
|
+
### 사용법
|
|
11
|
+
해당 라이브러이에서는 기본적으로 mui/react의 props를 확장해서 사용하고 있습니다.
|
|
12
|
+
mui-fast-start에서 지정된 props에서 원본 props를 그대로 사용하시면 됩니다.
|
|
13
|
+
|
|
14
|
+
예시로 mui의 TextField의 사용법이 아래와 같은 경우
|
|
15
|
+
```tsx
|
|
16
|
+
import TextField from '@mui/material/TextField';
|
|
17
|
+
|
|
18
|
+
<TextField
|
|
19
|
+
id="outlined-basic"
|
|
20
|
+
label="Outlined"
|
|
21
|
+
variant="outlined"
|
|
22
|
+
/>
|
|
23
|
+
```
|
|
24
|
+
mui-fast-start에서 확장 props가 get, set라고 했을때 아래와 같이 기존의 props문법을 따르게 사용할 수 있습니다.
|
|
25
|
+
```tsx
|
|
26
|
+
import { SingleText } from "mui-fast-start";
|
|
27
|
+
|
|
28
|
+
<SingleText
|
|
29
|
+
id="outlined-basic"
|
|
30
|
+
label="Outlined"
|
|
31
|
+
variant="outlined"
|
|
32
|
+
get={text} set={setText}
|
|
33
|
+
/>
|
|
34
|
+
```
|
|
35
|
+
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
# Doc
|
|
39
|
+
## FastStartProvider
|
|
40
|
+
기본값으로 주입할 **props**를 정의하는 Provider입니다.
|
|
41
|
+
우선순위는 `기본값 > createDefaultProps > components props`순으로 따로 props를 지정하지 않으면 여기에서 지정한 props가 전체 적용됩니다.
|
|
42
|
+
|
|
43
|
+
해당 컴포넌트는 mui의 ThemeProvider가 내장되어 있는 컴포넌트이므로 한 번 더 사용하지 않도록 주의가 필요합니다.
|
|
44
|
+
|
|
45
|
+
예시
|
|
46
|
+
```tsx
|
|
47
|
+
import {createTheme, CssBaseline} from "@mui/material";
|
|
48
|
+
import { createDefaultProps } from 'mui-fast-start/styles';
|
|
49
|
+
import { FastStartProvider } from 'mui-fast-start';
|
|
50
|
+
|
|
51
|
+
const theme = createTheme();
|
|
52
|
+
const defaultProps = createDefaultProps({
|
|
53
|
+
Single: {
|
|
54
|
+
Integer: {
|
|
55
|
+
variant: 'filled',
|
|
56
|
+
size: 'medium',
|
|
57
|
+
fullWidth: false,
|
|
58
|
+
autoComplete: 'off',
|
|
59
|
+
inputMode: 'numeric',
|
|
60
|
+
type: 'text',
|
|
61
|
+
step: 1,
|
|
62
|
+
def: 0
|
|
63
|
+
}
|
|
64
|
+
},
|
|
65
|
+
Obj: {
|
|
66
|
+
Float: {
|
|
67
|
+
variant: 'filled',
|
|
68
|
+
size: 'medium',
|
|
69
|
+
fullWidth: false,
|
|
70
|
+
autoComplete: 'off',
|
|
71
|
+
inputMode: 'decimal',
|
|
72
|
+
type: 'text',
|
|
73
|
+
step: 0.01,
|
|
74
|
+
def: 0
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
});
|
|
78
|
+
|
|
79
|
+
<FastStartProvider
|
|
80
|
+
defaultProps={defaultProps}
|
|
81
|
+
theme={theme}
|
|
82
|
+
defaultMode='dark'
|
|
83
|
+
>
|
|
84
|
+
<CssBaseline/>
|
|
85
|
+
<StrictMode>
|
|
86
|
+
<App/>
|
|
87
|
+
</StrictMode>
|
|
88
|
+
</FastStartProvider>
|
|
89
|
+
```
|
|
90
|
+
|
|
91
|
+
## Single
|
|
92
|
+
Single컴포넌트는 단일 useState에서 사용되는 컴포넌트입니다.
|
|
93
|
+
|
|
94
|
+
mui에서 본래 아래와 같이 value와 onChange의 함수를 만들어 사용했던 내용을 해당 라이브러리에서는
|
|
95
|
+
|
|
96
|
+
**mui 사용예제**
|
|
97
|
+
```tsx
|
|
98
|
+
import React, { useState } from "react";
|
|
99
|
+
import TextField from '@mui/material/TextField';
|
|
100
|
+
|
|
101
|
+
const [text, setText] = useState<string>('');
|
|
102
|
+
|
|
103
|
+
const handleTextChange = (e: React.ChangeEvent<HTMLInputElement>) => {
|
|
104
|
+
setText(e.target.value);
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
<TextField
|
|
108
|
+
fullWidth={true}
|
|
109
|
+
autoComplete="off"
|
|
110
|
+
size="small"
|
|
111
|
+
variant="outlined"
|
|
112
|
+
label="텍스트"
|
|
113
|
+
value={text}
|
|
114
|
+
onChange={handleTextChange}
|
|
115
|
+
slotProps={{
|
|
116
|
+
htmlInput: {
|
|
117
|
+
maxLength: 10,
|
|
118
|
+
}
|
|
119
|
+
}}
|
|
120
|
+
/>
|
|
121
|
+
```
|
|
122
|
+
|
|
123
|
+
**mui-fast-start 사용예제**
|
|
124
|
+
```tsx
|
|
125
|
+
import { SingleText } from "mui-fast-start";
|
|
126
|
+
|
|
127
|
+
const [text, setText] = useState<string>('');
|
|
128
|
+
|
|
129
|
+
<SingleText
|
|
130
|
+
label='텍스트'
|
|
131
|
+
maxLength={10}
|
|
132
|
+
get={text} set={setText}
|
|
133
|
+
/>
|
|
134
|
+
```
|
|
135
|
+
|
|
136
|
+
## Obj
|
|
137
|
+
name이 필수값으로 사용되며 name 기준으로 값이 변경됩니다.
|
|
138
|
+
|
|
139
|
+
object타입을 받는 컴포넌트로 해당 object의 key값을 name으로 받는 컴포넌트입니다.
|
|
140
|
+
|
|
141
|
+
|
|
142
|
+
**mui 사용예제**
|
|
143
|
+
```tsx
|
|
144
|
+
import React, { useState } from "react";
|
|
145
|
+
import TextField from '@mui/material/TextField';
|
|
146
|
+
|
|
147
|
+
type TempType = {
|
|
148
|
+
check1: boolean,
|
|
149
|
+
check2: boolean,
|
|
150
|
+
float: number,
|
|
151
|
+
integer: number,
|
|
152
|
+
tempText: string
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
const [temp, setTemp] = useState<TempType>({
|
|
156
|
+
check1: false,
|
|
157
|
+
check2: false,
|
|
158
|
+
float: 0,
|
|
159
|
+
integer: 0,
|
|
160
|
+
tempText: ''
|
|
161
|
+
});
|
|
162
|
+
|
|
163
|
+
const handleTextChange = (e: React.ChangeEvent<HTMLInputElement>) => {
|
|
164
|
+
setTemp({...temp, tempText: e.target.value});
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
<TextField
|
|
168
|
+
fullWidth={true}
|
|
169
|
+
autoComplete="off"
|
|
170
|
+
size="small"
|
|
171
|
+
variant="outlined"
|
|
172
|
+
label='테스트'
|
|
173
|
+
value={temp.tempText}
|
|
174
|
+
onChange={handleTextChange}
|
|
175
|
+
/>
|
|
176
|
+
```
|
|
177
|
+
|
|
178
|
+
**mui-fast-start 사용예제**
|
|
179
|
+
```tsx
|
|
180
|
+
import React, { useState } from "react";
|
|
181
|
+
import { ObjText } from "mui-fast-start";
|
|
182
|
+
|
|
183
|
+
type TempType = {
|
|
184
|
+
check1: boolean,
|
|
185
|
+
check2: boolean,
|
|
186
|
+
float: number,
|
|
187
|
+
integer: number,
|
|
188
|
+
tempText: string
|
|
189
|
+
}
|
|
190
|
+
|
|
191
|
+
const [temp, setTemp] = useState<TempType>({
|
|
192
|
+
check1: false,
|
|
193
|
+
check2: false,
|
|
194
|
+
float: 0,
|
|
195
|
+
integer: 0,
|
|
196
|
+
tempText: ''
|
|
197
|
+
});
|
|
198
|
+
|
|
199
|
+
<ObjText<TempType>
|
|
200
|
+
label='텍스트'
|
|
201
|
+
name='tempText'
|
|
202
|
+
get={temp}
|
|
203
|
+
set={setTemp}
|
|
204
|
+
/>
|
|
205
|
+
```
|
|
206
|
+
|
|
207
|
+
|
|
208
|
+
# Props
|
|
209
|
+
### SingleFloat
|
|
210
|
+
확장 props: [TextFieldProps](https://mui.com/material-ui/api/text-field/)
|
|
211
|
+
|
|
212
|
+
| 이름 | 타입 | 기본값 | 설명 |
|
|
213
|
+
|:-:|:-:|:-:|:-:|
|
|
214
|
+
| get | number | (필수값) | useState의 1번째 값 |
|
|
215
|
+
| set | Dispatch<SetStateAction<number>> | (필수값) | useState의 2번째 값 |
|
|
216
|
+
| label | React.ReactNode | - | 라벨 내용 |
|
|
217
|
+
| errorData | string | - | 에러 메시지 |
|
|
218
|
+
| minLength | number | - | 입력할 수 있는 최소 길이 |
|
|
219
|
+
| maxLength | number | - | 입력할 수 있는 최대 길이 |
|
|
220
|
+
| startAdornment | React.ReactNode | - | 시작 InputAdornment 형식 |
|
|
221
|
+
| endAdornment | React.ReactNode | - | 종료 InputAdornment 형식 |
|
|
222
|
+
| def | number | 0 | 입력된 숫자형식이 잘못되거나 했을때 들어가는 기본으로 들어가지는 값 |
|
|
223
|
+
| min | number | - | 입력할 수 있는 최소값 |
|
|
224
|
+
| max | number | - | 입력할 수 있는 최대값 |
|
|
225
|
+
| step | number | 0.01 | 스탭으로 올렸을때 증가하는 크기 |
|
|
226
|
+
|
|
227
|
+
### SingleInteger
|
|
228
|
+
확장 props: [TextFieldProps](https://mui.com/material-ui/api/text-field/)
|
|
229
|
+
|
|
230
|
+
| 이름 | 타입 | 기본값 | 설명 |
|
|
231
|
+
|:-:|:-:|:-:|:-:|
|
|
232
|
+
| get | number | (필수값) | useState의 1번째 값 |
|
|
233
|
+
| set | Dispatch<SetStateAction<number>> | (필수값) | useState의 2번째 값 |
|
|
234
|
+
| label | React.ReactNode | - | 라벨 내용 |
|
|
235
|
+
| errorData | string | - | 에러 메시지 |
|
|
236
|
+
| minLength | number | - | 입력할 수 있는 최소 길이 |
|
|
237
|
+
| maxLength | number | - | 입력할 수 있는 최대 길이 |
|
|
238
|
+
| startAdornment | React.ReactNode | - | 시작 InputAdornment 형식 |
|
|
239
|
+
| endAdornment | React.ReactNode | - | 종료 InputAdornment 형식 |
|
|
240
|
+
| def | number | 0 | 입력된 숫자형식이 잘못되거나 했을때 들어가는 기본으로 들어가지는 값 |
|
|
241
|
+
| min | number | - | 입력할 수 있는 최소값 |
|
|
242
|
+
| max | number | - | 입력할 수 있는 최대값 |
|
|
243
|
+
| step | number | 1 | 스탭으로 올렸을때 증가하는 크기 |
|
|
244
|
+
|
|
245
|
+
|
|
246
|
+
### SingleText
|
|
247
|
+
확장 props: [TextFieldProps](https://mui.com/material-ui/api/text-field/)
|
|
248
|
+
|
|
249
|
+
| 이름 | 타입 | 기본값 | 설명 |
|
|
250
|
+
|:-:|:-:|:-:|:-:|
|
|
251
|
+
| get | string | (필수값) | useState의 1번째 값 |
|
|
252
|
+
| set | Dispatch<SetStateAction<string>> | (필수값) | useState의 2번째 값 |
|
|
253
|
+
| label | React.ReactNode | - | 라벨 내용 |
|
|
254
|
+
| errorData | string | - | 에러 메시지 |
|
|
255
|
+
| minLength | number | - | 입력할 수 있는 최소 길이 |
|
|
256
|
+
| maxLength | number | - | 입력할 수 있는 최대 길이 |
|
|
257
|
+
| startAdornment | React.ReactNode | - | 시작 InputAdornment 형식 |
|
|
258
|
+
| endAdornment | React.ReactNode | - | 종료 InputAdornment 형식 |
|
|
259
|
+
|
|
260
|
+
### SingleCheckbox
|
|
261
|
+
확장 props: [CheckboxProps](https://mui.com/material-ui/api/checkbox/)
|
|
262
|
+
|
|
263
|
+
| 이름 | 타입 | 기본값 | 설명 |
|
|
264
|
+
|:-:|:-:|:-:|:-:|
|
|
265
|
+
| get | boolean | (필수값) | useState의 1번째 값 |
|
|
266
|
+
| set | Dispatch<SetStateAction<boolean>> | (필수값) | useState의 2번째 값 |
|
|
267
|
+
| label | React.ReactNode | - | 라벨 내용 |
|
|
268
|
+
|
|
269
|
+
### SingleCheckIcon
|
|
270
|
+
확장 props: [IconButtonProps](https://mui.com/material-ui/api/icon-button/)
|
|
271
|
+
|
|
272
|
+
| 이름 | 타입 | 기본값 | 설명 |
|
|
273
|
+
|:-:|:-:|:-:|:-:|
|
|
274
|
+
| get | boolean | (필수값) | useState의 1번째 값 |
|
|
275
|
+
| set | Dispatch<SetStateAction<boolean>> | (필수값) | useState의 2번째 값 |
|
|
276
|
+
| on | React.ReactNode | (필수값) | true일때 표시되는 node |
|
|
277
|
+
| off | React.ReactNode | (필수값) | false일때 표시되는 node |
|
|
278
|
+
|
|
279
|
+
|
|
280
|
+
----
|
|
281
|
+
|
|
282
|
+
|
|
283
|
+
### ObjFloat
|
|
284
|
+
확장 props: [TextFieldProps](https://mui.com/material-ui/api/text-field/)
|
|
285
|
+
|
|
286
|
+
| 이름 | 타입 | 기본값 | 설명 |
|
|
287
|
+
|:-:|:-:|:-:|:-:|
|
|
288
|
+
| get | object | (필수값) | useState의 1번째 값 |
|
|
289
|
+
| set | Dispatch<SetStateAction<object>> | (필수값) | useState의 2번째 값 |
|
|
290
|
+
| name | string | (필수값) | object의 키 값 |
|
|
291
|
+
| label | React.ReactNode | - | 라벨 내용 |
|
|
292
|
+
| errorData | object | - | 에러 메시지 |
|
|
293
|
+
| minLength | number | - | 입력할 수 있는 최소 길이 |
|
|
294
|
+
| maxLength | number | - | 입력할 수 있는 최대 길이 |
|
|
295
|
+
| startAdornment | React.ReactNode | - | 시작 InputAdornment 형식 |
|
|
296
|
+
| endAdornment | React.ReactNode | - | 종료 InputAdornment 형식 |
|
|
297
|
+
| def | number | 0 | 입력된 숫자형식이 잘못되거나 했을때 들어가는 기본으로 들어가지는 값 |
|
|
298
|
+
| min | number | - | 입력할 수 있는 최소값 |
|
|
299
|
+
| max | number | - | 입력할 수 있는 최대값 |
|
|
300
|
+
| step | number | 0.01 | 스탭으로 올렸을때 증가하는 크기 |
|
|
301
|
+
|
|
302
|
+
### ObjInteger
|
|
303
|
+
확장 props: [TextFieldProps](https://mui.com/material-ui/api/text-field/)
|
|
304
|
+
|
|
305
|
+
| 이름 | 타입 | 기본값 | 설명 |
|
|
306
|
+
|:-:|:-:|:-:|:-:|
|
|
307
|
+
| get | object | (필수값) | useState의 1번째 값 |
|
|
308
|
+
| set | Dispatch<SetStateAction<object>> | (필수값) | useState의 2번째 값 |
|
|
309
|
+
| name | string | (필수값) | object의 키 값 |
|
|
310
|
+
| label | React.ReactNode | - | 라벨 내용 |
|
|
311
|
+
| errorData | object | - | 에러 메시지 |
|
|
312
|
+
| minLength | number | - | 입력할 수 있는 최소 길이 |
|
|
313
|
+
| maxLength | number | - | 입력할 수 있는 최대 길이 |
|
|
314
|
+
| startAdornment | React.ReactNode | - | 시작 InputAdornment 형식 |
|
|
315
|
+
| endAdornment | React.ReactNode | - | 종료 InputAdornment 형식 |
|
|
316
|
+
| def | number | 0 | 입력된 숫자형식이 잘못되거나 했을때 들어가는 기본으로 들어가지는 값 |
|
|
317
|
+
| min | number | - | 입력할 수 있는 최소값 |
|
|
318
|
+
| max | number | - | 입력할 수 있는 최대값 |
|
|
319
|
+
| step | number | 1 | 스탭으로 올렸을때 증가하는 크기 |
|
|
320
|
+
|
|
321
|
+
### ObjText
|
|
322
|
+
확장 props: [TextFieldProps](https://mui.com/material-ui/api/text-field/)
|
|
323
|
+
|
|
324
|
+
| 이름 | 타입 | 기본값 | 설명 |
|
|
325
|
+
|:-:|:-:|:-:|:-:|
|
|
326
|
+
| get | object | (필수값) | useState의 1번째 값 |
|
|
327
|
+
| set | Dispatch<SetStateAction<object>> | (필수값) | useState의 2번째 값 |
|
|
328
|
+
| name | string | (필수값) | object의 키 값 |
|
|
329
|
+
| label | React.ReactNode | - | 라벨 내용 |
|
|
330
|
+
| errorData | object | - | 에러 메시지 |
|
|
331
|
+
| minLength | number | - | 입력할 수 있는 최소 길이 |
|
|
332
|
+
| maxLength | number | - | 입력할 수 있는 최대 길이 |
|
|
333
|
+
| startAdornment | React.ReactNode | - | 시작 InputAdornment 형식 |
|
|
334
|
+
| endAdornment | React.ReactNode | - | 종료 InputAdornment 형식 |
|
|
335
|
+
|
|
336
|
+
### SingleCheckbox
|
|
337
|
+
확장 props: [CheckboxProps](https://mui.com/material-ui/api/checkbox/)
|
|
338
|
+
|
|
339
|
+
| 이름 | 타입 | 기본값 | 설명 |
|
|
340
|
+
|:-:|:-:|:-:|:-:|
|
|
341
|
+
| get | object | (필수값) | useState의 1번째 값 |
|
|
342
|
+
| set | Dispatch<SetStateAction<object>> | (필수값) | useState의 2번째 값 |
|
|
343
|
+
| name | string | (필수값) | object의 키 값 |
|
|
344
|
+
| label | React.ReactNode | - | 라벨 내용 |
|
|
345
|
+
|
|
346
|
+
### SingleCheckIcon
|
|
347
|
+
확장 props: [IconButtonProps](https://mui.com/material-ui/api/icon-button/)
|
|
348
|
+
|
|
349
|
+
| 이름 | 타입 | 기본값 | 설명 |
|
|
350
|
+
|:-:|:-:|:-:|:-:|
|
|
351
|
+
| get | object | (필수값) | useState의 1번째 값 |
|
|
352
|
+
| set | Dispatch<SetStateAction<object>> | (필수값) | useState의 2번째 값 |
|
|
353
|
+
| name | string | (필수값) | object의 키 값 |
|
|
354
|
+
| on | React.ReactNode | (필수값) | true일때 표시되는 node |
|
|
355
|
+
| off | React.ReactNode | (필수값) | false일때 표시되는 node |
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ObjCheckIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/Obj/Checkbox/ObjCheckIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,iBAAiB,EAAuB,MAAM,gBAAgB,CAAC;AAMpF,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,MAAM,EAAE,aAAa,iBAAiB,CAAC,CAAC,CAAC,4CAW/E,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ObjCheckbox.d.ts","sourceRoot":"","sources":["../../../../src/components/Obj/Checkbox/ObjCheckbox.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAc,gBAAgB,EAAsB,MAAM,gBAAgB,CAAC;AAIlF,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,MAAM,EAAE,aAAa,gBAAgB,CAAC,CAAC,CAAC,4CAW7E,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ObjFloat.d.ts","sourceRoot":"","sources":["../../../../src/components/Obj/Textfield/ObjFloat.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,cAAc,EAAoB,MAAM,gBAAgB,CAAC;AAQ9E,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,MAAM,EAAE,aAAa,cAAc,CAAC,CAAC,CAAC,4CAYxE,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ObjInteger.d.ts","sourceRoot":"","sources":["../../../../src/components/Obj/Textfield/ObjInteger.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,cAAc,EAAoB,MAAM,gBAAgB,CAAC;AAQ9E,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,MAAM,EAAE,aAAa,cAAc,CAAC,CAAC,CAAC,4CAY1E,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ObjText.d.ts","sourceRoot":"","sources":["../../../../src/components/Obj/Textfield/ObjText.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,YAAY,EAAkB,MAAM,gBAAgB,CAAC;AAQ1E,eAAO,MAAM,OAAO,GAAI,CAAC,SAAS,MAAM,EAAE,aAAa,YAAY,CAAC,CAAC,CAAC,4CAYrE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SingleCheckIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/Single/Checkbox/SingleCheckIcon.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,oBAAoB,EAAC,MAAM,gBAAgB,CAAC;AAIpD,eAAO,MAAM,eAAe,GAAI,aAAa,oBAAoB,4CAiBhE,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SingleCheckbox.d.ts","sourceRoot":"","sources":["../../../../src/components/Single/Checkbox/SingleCheckbox.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAC,mBAAmB,EAAC,MAAM,gBAAgB,CAAC;AAKnD,eAAO,MAAM,cAAc,GAAI,aAAa,mBAAmB,4CAuB9D,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SingleFloat.d.ts","sourceRoot":"","sources":["../../../../src/components/Single/TextField/SingleFloat.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,iBAAiB,EAAC,MAAM,gBAAgB,CAAC;AAIjD,eAAO,MAAM,WAAW,GAAI,aAAa,iBAAiB,4CAIzD,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SingleInteger.d.ts","sourceRoot":"","sources":["../../../../src/components/Single/TextField/SingleInteger.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,iBAAiB,EAAC,MAAM,gBAAgB,CAAC;AAIjD,eAAO,MAAM,aAAa,GAAI,aAAa,iBAAiB,4CAI3D,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SingleText.d.ts","sourceRoot":"","sources":["../../../../src/components/Single/TextField/SingleText.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAC,eAAe,EAAC,MAAM,gBAAgB,CAAC;AAG/C,eAAO,MAAM,UAAU,GAAI,aAAa,eAAe,4CAItD,CAAA"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export { ObjCheckbox } from './Obj/Checkbox/ObjCheckbox';
|
|
2
|
+
export { ObjCheckIcon } from './Obj/Checkbox/ObjCheckIcon';
|
|
3
|
+
export { ObjFloat } from './Obj/Textfield/ObjFloat';
|
|
4
|
+
export { ObjInteger } from './Obj/Textfield/ObjInteger';
|
|
5
|
+
export { ObjText } from './Obj/Textfield/ObjText';
|
|
6
|
+
export { SingleCheckbox } from './Single/Checkbox/SingleCheckbox';
|
|
7
|
+
export { SingleCheckIcon } from './Single/Checkbox/SingleCheckIcon';
|
|
8
|
+
export { SingleFloat } from './Single/TextField/SingleFloat';
|
|
9
|
+
export { SingleInteger } from './Single/TextField/SingleInteger';
|
|
10
|
+
export { SingleText } from './Single/TextField/SingleText';
|
|
11
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAGlD,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,mCAAmC,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,oCAAoC,CAAC;AACnD,cAAc,kCAAkC,CAAC;AACjD,cAAc,wBAAwB,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
-
import type { SingleNumberProps } from "../../types";
|
|
2
1
|
import type { TextFieldProps } from "@mui/material";
|
|
2
|
+
import { SingleNumberProps } from "../../types";
|
|
3
3
|
declare const useSplitSingleFloatProps: (defaultProps: SingleNumberProps, customProps: SingleNumberProps) => TextFieldProps;
|
|
4
4
|
declare const useSplitSingleIntegerProps: (defaultProps: SingleNumberProps, customProps: SingleNumberProps) => TextFieldProps;
|
|
5
5
|
export { useSplitSingleFloatProps, useSplitSingleIntegerProps };
|
|
6
|
+
//# sourceMappingURL=useSplitSingleNumberProps.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useSplitSingleNumberProps.d.ts","sourceRoot":"","sources":["../../../src/hooks/splits/useSplitSingleNumberProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAGlD,OAAO,EAAiB,iBAAiB,EAAC,MAAM,aAAa,CAAC;AAuI9D,QAAA,MAAM,wBAAwB,GAC1B,cAAc,iBAAiB,EAC/B,aAAa,iBAAiB,KAC/B,cAGF,CAAC;AAEF,QAAA,MAAM,0BAA0B,GAC5B,cAAc,iBAAiB,EAC/B,aAAa,iBAAiB,KAC/B,cAIF,CAAA;AAED,OAAO,EACH,wBAAwB,EACxB,0BAA0B,EAC7B,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import type { SingleTextProps } from "../../types";
|
|
2
1
|
import type { TextFieldProps } from "@mui/material";
|
|
2
|
+
import { SingleTextProps } from "../../types";
|
|
3
3
|
declare const useSplitSingleTextProps: (defaultProps: SingleTextProps, customProps: SingleTextProps) => TextFieldProps;
|
|
4
4
|
export default useSplitSingleTextProps;
|
|
5
|
+
//# sourceMappingURL=useSplitSingleTextProps.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useSplitSingleTextProps.d.ts","sourceRoot":"","sources":["../../../src/hooks/splits/useSplitSingleTextProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,cAAc,EAAC,MAAM,eAAe,CAAC;AAElD,OAAO,EAAC,eAAe,EAAC,MAAM,aAAa,CAAC;AAG5C,QAAA,MAAM,uBAAuB,GACzB,cAAc,eAAe,EAC7B,aAAa,eAAe,KAC7B,cAyBF,CAAA;AAED,eAAe,uBAAuB,CAAC"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import type { KeysWithValue } from "@/types";
|
|
2
1
|
import type { Dispatch, SetStateAction } from "react";
|
|
2
|
+
import { KeysWithValue } from "../../types";
|
|
3
3
|
declare const useObjToSingle: <Type extends object, Target>(name: KeysWithValue<Type, Target> | string, get: Type, set: Dispatch<SetStateAction<Type>>) => [Target, Dispatch<SetStateAction<Target>>];
|
|
4
4
|
export default useObjToSingle;
|
|
5
|
+
//# sourceMappingURL=useObjToSingle.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useObjToSingle.d.ts","sourceRoot":"","sources":["../../../src/hooks/state/useObjToSingle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,QAAQ,EAAE,cAAc,EAAC,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAC,aAAa,EAAC,MAAM,aAAa,CAAC;AAE1C,QAAA,MAAM,cAAc,GAAI,IAAI,SAAS,MAAM,EAAE,MAAM,EAC/C,MAAM,aAAa,CAAC,IAAI,EAAE,MAAM,CAAC,GAAG,MAAM,EAC1C,KAAK,IAAI,EACT,KAAK,QAAQ,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,KACpC,CAAC,MAAM,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAY3C,CAAA;AAED,eAAe,cAAc,CAAC"}
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,kBAAkB,EAAC,MAAM,gCAAgC,CAAC;AAClE,OAAO,EACH,iBAAiB,EACjB,gBAAgB,EACnB,MAAM,gCAAgC,CAAC;AAExC,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC"}
|