mui-fast-start 0.3.2 → 0.3.3

package/examples/basic/src/pages/ObjPage.tsx

@@ -1,176 +1,176 @@
-import {Divider, Grid, InputAdornment, TextField} from "@mui/material";
-import {ObjCheckbox, ObjCheckIcon, ObjFloat, ObjInteger, ObjSelectOne, ObjSelectRecord, ObjText} from "mui-fast-start";
-import React, { useState } from "react";
-
-const list = ["test1", "test2", "test3", "test4", "test5"];
-
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-expect-error
-enum TestEnum {
-    test = '테스트',
-    hello = '안녕'
-}
-
-const TestRecord = {
-    test: '테스트',
-    hello: '안녕'
-}
-
-type TempType = {
-    check1: boolean,
-    check2: boolean,
-    float: number,
-    integer: number,
-    text: string,
-}
-
-type SelectType = {
-    item1: keyof typeof TestRecord;
-    item2?: keyof typeof TestRecord;
-    item3: keyof typeof TestEnum;
-    item4?: keyof typeof TestEnum;
-    item5: string;
-    item6?: string;
-}
-
-const ObjPage = () => {
-    const [error, setError] = useState<object>({
-        text: '에러 메시지',
-    });
-    const [temp, setTemp] = useState<TempType>({
-        check1: false,
-        check2: false,
-        float: 0,
-        integer: 0,
-        text: ''
-    });
-
-    const [select, setSelect] = useState<SelectType>({
-        item1: 'test',
-        item3: 'test',
-        item5: list[0],
-    });
-
-    const handleTextChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-        setTemp({...temp, text: e.target.value});
-    }
-
-    return (
-        <Grid container>
-            <TextField
-                fullWidth={true}
-                autoComplete="off"
-                size="small"
-                variant="outlined" 
-                label='테스트'
-                value={temp.text}
-                onChange={handleTextChange}
-            />
-
-            <Grid size={12}>
-                {JSON.stringify(temp)}
-            </Grid>
-
-            <Grid size={2}>
-                <ObjCheckbox<TempType>
-                    label='테스트1' name='check1'
-                    get={temp} set={setTemp}
-                />
-            </Grid>
-            <Grid size={2}>
-                <ObjCheckIcon<TempType>
-                    on='on' off='off' name={"check2"}
-                    get={temp} set={setTemp}
-                />
-            </Grid>
-
-            <Grid size={2}>
-                <ObjFloat<TempType>
-                    label='실수형' name='float'
-                    get={temp} set={setTemp}
-                    err={error}
-                />
-            </Grid>
-            <Grid size={2}>
-                <ObjInteger<TempType>
-                    label='정수형' name='integer'
-                    get={temp} set={setTemp}
-                    err={error}
-                />
-            </Grid>
-            <Grid size={2}>
-                <ObjText<TempType>
-                    label='텍스트' name='text'
-                    get={temp} set={setTemp}
-                    err={error}
-                    startAdornment={(
-                        <InputAdornment position="start">
-                            S
-                        </InputAdornment>
-                    )}
-                    endAdornment={(
-                        <InputAdornment position="end">
-                            E
-                        </InputAdornment>
-                    )}
-                />
-            </Grid>
-
-            <Grid size={12}>
-                <Divider/>
-                {JSON.stringify(select)}
-            </Grid>
-
-            <Grid size={2}>
-                <ObjSelectRecord
-                    get={select} set={setSelect}
-                    items={TestRecord}
-                    name='item1' label='item1'
-                />
-            </Grid>
-            <Grid size={2}>
-                <ObjSelectRecord
-                    get={select} set={setSelect}
-                    items={TestRecord}
-                    name='item2' label='item2'
-                />
-            </Grid>
-
-            <Grid size={2}>
-                <ObjSelectRecord
-                    get={select} set={setSelect}
-                    items={TestEnum}
-                    emptyItem='빈 값' emptyValue={null}
-                    name='item3' label='item3'
-                />
-            </Grid>
-            <Grid size={2}>
-                <ObjSelectRecord
-                    get={select} set={setSelect}
-                    items={TestEnum}
-                    emptyItem='빈 값' emptyValue={null}
-                    name='item4' label='item4'
-                />
-            </Grid>
-
-            <Grid size={2}>
-                <ObjSelectOne
-                    emptyItem='미선택'
-                    label='item5'
-                    get={select} set={setSelect}
-                    items={list} name='item5'
-                />
-            </Grid>
-            <Grid size={2}>
-                <ObjSelectOne
-                    emptyItem='미선택'
-                    label='item6'
-                    get={select} set={setSelect}
-                    items={list} name='item6'
-                />
-            </Grid>
-        </Grid>
-    );
-};
-
+import {Divider, Grid, InputAdornment, TextField} from "@mui/material";
+import {ObjCheckbox, ObjCheckIcon, ObjFloat, ObjInteger, ObjSelectOne, ObjSelectRecord, ObjText} from "mui-fast-start";
+import React, { useState } from "react";
+
+const list = ["test1", "test2", "test3", "test4", "test5"];
+
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-expect-error
+enum TestEnum {
+    test = '테스트',
+    hello = '안녕'
+}
+
+const TestRecord = {
+    test: '테스트',
+    hello: '안녕'
+}
+
+type TempType = {
+    check1: boolean,
+    check2: boolean,
+    float: number,
+    integer: number,
+    text: string,
+}
+
+type SelectType = {
+    item1: keyof typeof TestRecord;
+    item2?: keyof typeof TestRecord;
+    item3: keyof typeof TestEnum;
+    item4?: keyof typeof TestEnum;
+    item5: string;
+    item6?: string;
+}
+
+const ObjPage = () => {
+    const [error, setError] = useState<object>({
+        text: '에러 메시지',
+    });
+    const [temp, setTemp] = useState<TempType>({
+        check1: false,
+        check2: false,
+        float: 0,
+        integer: 0,
+        text: ''
+    });
+
+    const [select, setSelect] = useState<SelectType>({
+        item1: 'test',
+        item3: 'test',
+        item5: list[0],
+    });
+
+    const handleTextChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+        setTemp({...temp, text: e.target.value});
+    }
+
+    return (
+        <Grid container>
+            <TextField
+                fullWidth={true}
+                autoComplete="off"
+                size="small"
+                variant="outlined" 
+                label='테스트'
+                value={temp.text}
+                onChange={handleTextChange}
+            />
+
+            <Grid size={12}>
+                {JSON.stringify(temp)}
+            </Grid>
+
+            <Grid size={2}>
+                <ObjCheckbox<TempType>
+                    label='테스트1' name='check1'
+                    get={temp} set={setTemp}
+                />
+            </Grid>
+            <Grid size={2}>
+                <ObjCheckIcon<TempType>
+                    on='on' off='off' name={"check2"}
+                    get={temp} set={setTemp}
+                />
+            </Grid>
+
+            <Grid size={2}>
+                <ObjFloat<TempType>
+                    label='실수형' name='float'
+                    get={temp} set={setTemp}
+                    err={error}
+                />
+            </Grid>
+            <Grid size={2}>
+                <ObjInteger<TempType>
+                    label='정수형' name='integer'
+                    get={temp} set={setTemp}
+                    err={error}
+                />
+            </Grid>
+            <Grid size={2}>
+                <ObjText<TempType>
+                    label='텍스트' name='text'
+                    get={temp} set={setTemp}
+                    err={error}
+                    startAdornment={(
+                        <InputAdornment position="start">
+                            S
+                        </InputAdornment>
+                    )}
+                    endAdornment={(
+                        <InputAdornment position="end">
+                            E
+                        </InputAdornment>
+                    )}
+                />
+            </Grid>
+
+            <Grid size={12}>
+                <Divider/>
+                {JSON.stringify(select)}
+            </Grid>
+
+            <Grid size={2}>
+                <ObjSelectRecord
+                    get={select} set={setSelect}
+                    items={TestRecord}
+                    name='item1' label='item1'
+                />
+            </Grid>
+            <Grid size={2}>
+                <ObjSelectRecord
+                    get={select} set={setSelect}
+                    items={TestRecord}
+                    name='item2' label='item2'
+                />
+            </Grid>
+
+            <Grid size={2}>
+                <ObjSelectRecord
+                    get={select} set={setSelect}
+                    items={TestEnum}
+                    emptyItem='빈 값' emptyValue={null}
+                    name='item3' label='item3'
+                />
+            </Grid>
+            <Grid size={2}>
+                <ObjSelectRecord
+                    get={select} set={setSelect}
+                    items={TestEnum}
+                    emptyItem='빈 값' emptyValue={null}
+                    name='item4' label='item4'
+                />
+            </Grid>
+
+            <Grid size={2}>
+                <ObjSelectOne
+                    emptyItem='미선택'
+                    label='item5'
+                    get={select} set={setSelect}
+                    items={list} name='item5'
+                />
+            </Grid>
+            <Grid size={2}>
+                <ObjSelectOne
+                    emptyItem='미선택'
+                    label='item6'
+                    get={select} set={setSelect}
+                    items={list} name='item6'
+                />
+            </Grid>
+        </Grid>
+    );
+};
+
 export default ObjPage;

package/examples/basic/src/pages/SinglePage.tsx

@@ -1,137 +1,137 @@
-import {useState} from "react";
-import {Divider, Grid, InputAdornment} from "@mui/material";
-import {SingleCheckbox, SingleCheckIcon, SingleFloat, SingleInteger, SingleText} from "mui-fast-start";
-import {SingleSelectOne, SingleSelectRecord} from "mui-fast-start";
-
-const list = ["test1", "test2", "test3", "test4", "test5"];
-
-// eslint-disable-next-line @typescript-eslint/ban-ts-comment
-// @ts-expect-error
-enum TestEnum {
-    test = '테스트',
-    hello = '안녕'
-}
-
-const TestRecord = {
-    test: '테스트',
-    hello: '안녕'
-}
-
-
-const SinglePage = () => {
-    const [float, setFloat] = useState<number>(0);
-    const [integer, setInteger] = useState<number>(0);
-    const [text, setText] = useState<string>('');
-    const [checked, setChecked] = useState<boolean>(false);
-    const [selectOne, setSelectOne] = useState<string | undefined>();
-    const [recordSelect, setRecordSelect] = useState<keyof typeof TestRecord | undefined>();
-    const [recordSelect1, setRecordSelect1] = useState<keyof typeof TestRecord>('test');
-    const [enumSelect, setEnumSelect] = useState<keyof typeof TestEnum | undefined>();
-    const [enumSelect1, setEnumSelect1] = useState<keyof typeof TestEnum>('test');
-
-
-    return (
-        <Grid container>
-            <Grid size={2}>{checked.toString()}</Grid>
-            <Grid size={2}>
-                <SingleCheckbox
-                    label='테스트'
-                    get={checked} set={setChecked}
-                />
-            </Grid>
-
-            <Grid size={2}>{checked.toString()}</Grid>
-            <Grid size={2}>
-                <SingleCheckIcon
-                    on={"on"} off={"off"}
-                    get={checked} set={setChecked}
-                />
-            </Grid>
-
-            <Grid size={2}>{float}</Grid>
-            <Grid size={2}>
-                <SingleFloat
-                    label='실수형'
-                    min={-100} max={100}
-                    get={float} set={setFloat}
-                />
-            </Grid>
-
-            <Grid size={2}>{integer}</Grid>
-            <Grid size={2}>
-                <SingleInteger
-                    label='정수형'
-                    min={-100} max={100}
-                    startAdornment={(
-                        <InputAdornment position="start">
-                            S
-                        </InputAdornment>
-                    )}
-                    endAdornment={(
-                        <InputAdornment position="end">
-                            E
-                        </InputAdornment>
-                    )}
-                    get={integer} set={setInteger}
-                />
-            </Grid>
-
-            <Grid size={2}>{text}</Grid>
-            <Grid size={2}>
-                <SingleText
-                    label='텍스트'
-                    maxLength={10}
-                    get={text} set={setText}
-                />
-            </Grid>
-
-            <Grid size={12}>
-                <Divider/>
-            </Grid>
-
-            <Grid size={2}>{selectOne?.toString()}</Grid>
-            <Grid size={2}>
-                <SingleSelectOne
-                    variant='outlined' items={list}
-                    get={selectOne} set={setSelectOne}
-                />
-            </Grid>
-
-            <Grid size={2}>{recordSelect?.toString()}</Grid>
-            <Grid size={2}>
-                <SingleSelectRecord
-                    variant='outlined' items={TestRecord}
-                    get={recordSelect} set={setRecordSelect}
-                />
-            </Grid>
-
-            <Grid size={2}>{recordSelect1?.toString()}</Grid>
-            <Grid size={2}>
-                <SingleSelectRecord
-                    emptyItem={'빈 값 입니다.'}
-                    variant='outlined' items={TestRecord}
-                    get={recordSelect1} set={setRecordSelect1}
-                />
-            </Grid>
-
-            <Grid size={2}>{enumSelect?.toString()}</Grid>
-            <Grid size={2}>
-                <SingleSelectRecord
-                    variant='outlined' items={TestEnum}
-                    get={enumSelect} set={setEnumSelect}
-                />
-            </Grid>
-
-            <Grid size={2}>{enumSelect1?.toString()}</Grid>
-            <Grid size={2}>
-                <SingleSelectRecord
-                    fullWidth
-                    variant='outlined' items={TestEnum}
-                    get={enumSelect1} set={setEnumSelect1}
-                />
-            </Grid>
-        </Grid>
-    );
-};
-
-export default SinglePage;
+import {useState} from "react";
+import {Divider, Grid, InputAdornment} from "@mui/material";
+import {SingleCheckbox, SingleCheckIcon, SingleFloat, SingleInteger, SingleText} from "mui-fast-start";
+import {SingleSelectOne, SingleSelectRecord} from "mui-fast-start";
+
+const list = ["test1", "test2", "test3", "test4", "test5"];
+
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-expect-error
+enum TestEnum {
+    test = '테스트',
+    hello = '안녕'
+}
+
+const TestRecord = {
+    test: '테스트',
+    hello: '안녕'
+}
+
+
+const SinglePage = () => {
+    const [float, setFloat] = useState<number>(0);
+    const [integer, setInteger] = useState<number>(0);
+    const [text, setText] = useState<string>('');
+    const [checked, setChecked] = useState<boolean>(false);
+    const [selectOne, setSelectOne] = useState<string | undefined>();
+    const [recordSelect, setRecordSelect] = useState<keyof typeof TestRecord | undefined>();
+    const [recordSelect1, setRecordSelect1] = useState<keyof typeof TestRecord>('test');
+    const [enumSelect, setEnumSelect] = useState<keyof typeof TestEnum | undefined>();
+    const [enumSelect1, setEnumSelect1] = useState<keyof typeof TestEnum>('test');
+
+
+    return (
+        <Grid container>
+            <Grid size={2}>{checked.toString()}</Grid>
+            <Grid size={2}>
+                <SingleCheckbox
+                    label='테스트'
+                    get={checked} set={setChecked}
+                />
+            </Grid>
+
+            <Grid size={2}>{checked.toString()}</Grid>
+            <Grid size={2}>
+                <SingleCheckIcon
+                    on={"on"} off={"off"}
+                    get={checked} set={setChecked}
+                />
+            </Grid>
+
+            <Grid size={2}>{float}</Grid>
+            <Grid size={2}>
+                <SingleFloat
+                    label='실수형'
+                    min={-100} max={100}
+                    get={float} set={setFloat}
+                />
+            </Grid>
+
+            <Grid size={2}>{integer}</Grid>
+            <Grid size={2}>
+                <SingleInteger
+                    label='정수형'
+                    min={-100} max={100}
+                    startAdornment={(
+                        <InputAdornment position="start">
+                            S
+                        </InputAdornment>
+                    )}
+                    endAdornment={(
+                        <InputAdornment position="end">
+                            E
+                        </InputAdornment>
+                    )}
+                    get={integer} set={setInteger}
+                />
+            </Grid>
+
+            <Grid size={2}>{text}</Grid>
+            <Grid size={2}>
+                <SingleText
+                    label='텍스트'
+                    maxLength={10}
+                    get={text} set={setText}
+                />
+            </Grid>
+
+            <Grid size={12}>
+                <Divider/>
+            </Grid>
+
+            <Grid size={2}>{selectOne?.toString()}</Grid>
+            <Grid size={2}>
+                <SingleSelectOne
+                    variant='outlined' items={list}
+                    get={selectOne} set={setSelectOne}
+                />
+            </Grid>
+
+            <Grid size={2}>{recordSelect?.toString()}</Grid>
+            <Grid size={2}>
+                <SingleSelectRecord
+                    variant='outlined' items={TestRecord}
+                    get={recordSelect} set={setRecordSelect}
+                />
+            </Grid>
+
+            <Grid size={2}>{recordSelect1?.toString()}</Grid>
+            <Grid size={2}>
+                <SingleSelectRecord
+                    emptyItem={'빈 값 입니다.'}
+                    variant='outlined' items={TestRecord}
+                    get={recordSelect1} set={setRecordSelect1}
+                />
+            </Grid>
+
+            <Grid size={2}>{enumSelect?.toString()}</Grid>
+            <Grid size={2}>
+                <SingleSelectRecord
+                    variant='outlined' items={TestEnum}
+                    get={enumSelect} set={setEnumSelect}
+                />
+            </Grid>
+
+            <Grid size={2}>{enumSelect1?.toString()}</Grid>
+            <Grid size={2}>
+                <SingleSelectRecord
+                    fullWidth
+                    variant='outlined' items={TestEnum}
+                    get={enumSelect1} set={setEnumSelect1}
+                />
+            </Grid>
+        </Grid>
+    );
+};
+
+export default SinglePage;