mui-fast-start 0.3.1 → 0.3.3

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;

package/examples/basic/tsconfig.app.json

@@ -1,43 +1,43 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
-    "target": "ES2022",
-    "useDefineForClassFields": true,
-    "lib": ["ES2022", "DOM", "DOM.Iterable"],
-    "module": "ESNext",
-    "types": ["vite/client"],
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-    "jsx": "react-jsx",
-
-    "baseUrl": ".",
-    "paths": {
-      "mui-fast-start": ["../../src/index.ts"]
-    },
-
-    /* Path alias for local library development */
-//    "baseUrl": ".",
-//    "paths": {
-//      "mui-fast-start": ["../../src/index.ts"],
-//      "mui-fast-start/styles": ["../../src/styles/index.ts"],
-//      "mui-fast-start/hooks": ["../../src/hooks/index.ts"],
-//      "mui-fast-start/types": ["../../src/types/index.ts"]
-//    },
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "erasableSyntaxOnly": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true,
-    "allowSyntheticDefaultImports": true
-  },
-  "include": ["src", "../../src"]
-}
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+    "target": "ES2022",
+    "useDefineForClassFields": true,
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "types": ["vite/client"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+    "jsx": "react-jsx",
+
+    "baseUrl": ".",
+    "paths": {
+      "mui-fast-start": ["../../src/index.ts"]
+    },
+
+    /* Path alias for local library development */
+//    "baseUrl": ".",
+//    "paths": {
+//      "mui-fast-start": ["../../src/index.ts"],
+//      "mui-fast-start/styles": ["../../src/styles/index.ts"],
+//      "mui-fast-start/hooks": ["../../src/hooks/index.ts"],
+//      "mui-fast-start/types": ["../../src/types/index.ts"]
+//    },
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true,
+    "allowSyntheticDefaultImports": true
+  },
+  "include": ["src", "../../src"]
+}

package/examples/basic/tsconfig.json

@@ -1,7 +1,7 @@
-{
-  "files": [],
-  "references": [
-    { "path": "./tsconfig.app.json" },
-    { "path": "./tsconfig.node.json" }
-  ]
-}
+{
+  "files": [],
+  "references": [
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
+  ]
+}

package/examples/basic/tsconfig.node.json

@@ -1,40 +1,40 @@
-{
-  "compilerOptions": {
-    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
-    "target": "ES2023",
-    "lib": ["ES2023"],
-    "module": "ESNext",
-    "types": ["node"],
-    "skipLibCheck": true,
-
-    /* Bundler mode */
-    "moduleResolution": "bundler",
-    "allowImportingTsExtensions": true,
-    "verbatimModuleSyntax": true,
-    "moduleDetection": "force",
-    "noEmit": true,
-
-    "baseUrl": ".",
-    "paths": {
-      "mui-fast-start": ["../../src/index.ts"]
-    },
-
-    /* Path alias for local library development */
-//    "baseUrl": ".",
-//    "paths": {
-//      "mui-fast-start": ["../../src/index.ts"],
-//      "mui-fast-start/styles": ["../../src/styles/index.ts"],
-//      "mui-fast-start/hooks": ["../../src/hooks/index.ts"],
-//      "mui-fast-start/types": ["../../src/types/index.ts"]
-//    },
-
-    /* Linting */
-    "strict": true,
-    "noUnusedLocals": true,
-    "noUnusedParameters": true,
-    "erasableSyntaxOnly": true,
-    "noFallthroughCasesInSwitch": true,
-    "noUncheckedSideEffectImports": true
-  },
-  "include": ["vite.config.ts"]
-}
+{
+  "compilerOptions": {
+    "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.node.tsbuildinfo",
+    "target": "ES2023",
+    "lib": ["ES2023"],
+    "module": "ESNext",
+    "types": ["node"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "moduleDetection": "force",
+    "noEmit": true,
+
+    "baseUrl": ".",
+    "paths": {
+      "mui-fast-start": ["../../src/index.ts"]
+    },
+
+    /* Path alias for local library development */
+//    "baseUrl": ".",
+//    "paths": {
+//      "mui-fast-start": ["../../src/index.ts"],
+//      "mui-fast-start/styles": ["../../src/styles/index.ts"],
+//      "mui-fast-start/hooks": ["../../src/hooks/index.ts"],
+//      "mui-fast-start/types": ["../../src/types/index.ts"]
+//    },
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "erasableSyntaxOnly": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true
+  },
+  "include": ["vite.config.ts"]
+}

package/examples/basic/vite.config.ts

@@ -1,28 +1,28 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
-import { resolve } from 'path'
-
-const libRoot = resolve(__dirname, '../../src');
-
-// https://vite.dev/config/
-export default defineConfig({
-  plugins: [react()],
-  resolve: {
-    alias: {
-      // 'mui-fast-start/styles': resolve(libRoot, 'styles/index.ts'),
-      // 'mui-fast-start/hooks': resolve(libRoot, 'hooks/index.ts'),
-      // 'mui-fast-start/types': resolve(libRoot, 'types/index.ts'),
-      "mui-fast-start": resolve(libRoot, "index.ts")
-      //
-      // '@': libRoot,
-      // '@components': resolve(libRoot, 'components'),
-      // '@hooks': resolve(libRoot, 'hooks'),
-      // '@styles': resolve(libRoot, 'styles'),
-      // '@types': resolve(libRoot, 'types'),
-      // '@utils': resolve(libRoot, 'utils'),
-    }
-  },
-  optimizeDeps: {
-    exclude: ['mui-fast-start']
-  }
-})
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+import { resolve } from 'path'
+
+const libRoot = resolve(__dirname, '../../src');
+
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [react()],
+  resolve: {
+    alias: {
+      // 'mui-fast-start/styles': resolve(libRoot, 'styles/index.ts'),
+      // 'mui-fast-start/hooks': resolve(libRoot, 'hooks/index.ts'),
+      // 'mui-fast-start/types': resolve(libRoot, 'types/index.ts'),
+      "mui-fast-start": resolve(libRoot, "index.ts")
+      //
+      // '@': libRoot,
+      // '@components': resolve(libRoot, 'components'),
+      // '@hooks': resolve(libRoot, 'hooks'),
+      // '@styles': resolve(libRoot, 'styles'),
+      // '@types': resolve(libRoot, 'types'),
+      // '@utils': resolve(libRoot, 'utils'),
+    }
+  },
+  optimizeDeps: {
+    exclude: ['mui-fast-start']
+  }
+})

package/package.json

@@ -1,67 +1,67 @@
-{
-  "name": "mui-fast-start",
-  "version": "0.3.1",
-  "description": "Fast and easy-to-use MUI components for React",
-  "keywords": [
-    "mui",
-    "material-ui",
-    "react",
-    "components",
-    "form"
-  ],
-  "author": "PersesTitan",
-  "license": "MIT",
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/PersesTitan/mui-fast-start.git"
-  },
-
-  "type": "module",
-  "main": "dist/index.js",
-  "module": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "sideEffects": false,
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build && tsc -p tsconfig.json",
-    "lint": "eslint .",
-    "preview": "vite preview",
-    "prepublishOnly": "npm run build"
-  },
-  "exports": {
-    ".": {
-      "import": "./dist/index.js",
-      "types": "./dist/index.d.ts"
-    }
-  },
-  "peerDependencies": {
-    "@emotion/react": ">=11",
-    "@emotion/styled": ">=11",
-    "@mui/material": ">=6",
-    "react": ">=18",
-    "react-dom": ">=18"
-  },
-  "devDependencies": {
-    "@emotion/react": "^11.14.0",
-    "@emotion/styled": "^11.14.1",
-    "@eslint/js": "^9.39.1",
-    "@mui/material": "^7.1.1",
-    "@types/node": "^24.10.1",
-    "@types/react": "^19.2.5",
-    "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^5.1.1",
-    "eslint": "^9.39.1",
-    "eslint-plugin-react-hooks": "^7.0.1",
-    "eslint-plugin-react-refresh": "^0.4.24",
-    "globals": "^16.5.0",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
-    "tsc-alias": "^1.8.16",
-    "typescript": "~5.9.3",
-    "typescript-eslint": "^8.46.4",
-    "vite": "npm:rolldown-vite@7.2.5"
-  },
-  "overrides": {
-    "vite": "npm:rolldown-vite@7.2.5"
-  }
-}
+{
+  "name": "mui-fast-start",
+  "version": "0.3.3",
+  "description": "Fast and easy-to-use MUI components for React",
+  "keywords": [
+    "mui",
+    "material-ui",
+    "react",
+    "components",
+    "form"
+  ],
+  "author": "PersesTitan",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/PersesTitan/mui-fast-start.git"
+  },
+
+  "type": "module",
+  "main": "dist/index.js",
+  "module": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "sideEffects": false,
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build && tsc -p tsconfig.json",
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "prepublishOnly": "npm run build"
+  },
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "types": "./dist/index.d.ts"
+    }
+  },
+  "peerDependencies": {
+    "@emotion/react": ">=11",
+    "@emotion/styled": ">=11",
+    "@mui/material": ">=6",
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "devDependencies": {
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
+    "@eslint/js": "^9.39.1",
+    "@mui/material": "^7.1.1",
+    "@types/node": "^24.10.1",
+    "@types/react": "^19.2.5",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^5.1.1",
+    "eslint": "^9.39.1",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.4.24",
+    "globals": "^16.5.0",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "tsc-alias": "^1.8.16",
+    "typescript": "~5.9.3",
+    "typescript-eslint": "^8.46.4",
+    "vite": "npm:rolldown-vite@7.2.5"
+  },
+  "overrides": {
+    "vite": "npm:rolldown-vite@7.2.5"
+  }
+}