mui-fast-start 0.3.3 → 0.3.4

package/dist/index.js

@@ -112,13 +112,13 @@ var useSplitNumberProps = (n, k, A, j, N = []) => {
 	return fastDeepMerge({
 		error: !!R,
 		helperText: R,
-		value: P ?? I,
+		value: P ?? I ?? "",
 		onChange: (n) => {
 			let O = J(X(n));
 			O != null && !isNaN(O) && I != O && L(O), F(n.currentTarget.value);
 		},
 		onSelect: () => {
-			P ?? F(I.toString());
+			P ?? F(I?.toString());
 		},
 		onBlur: (n) => {
 			let { value: O } = n.currentTarget;

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

@@ -1,5 +1,5 @@
 import {useState} from "react";
-import {Divider, Grid, InputAdornment} from "@mui/material";
+import {Button, Divider, Grid, InputAdornment} from "@mui/material";
 import {SingleCheckbox, SingleCheckIcon, SingleFloat, SingleInteger, SingleText} from "mui-fast-start";
 import {SingleSelectOne, SingleSelectRecord} from "mui-fast-start";
 
@@ -32,6 +32,13 @@ const SinglePage = () => {
 
     return (
         <Grid container>
+            <Button onClick={() => {
+                setInteger(null);
+                setFloat(null);
+            }}>
+                테스트
+            </Button>
+
             <Grid size={2}>{checked.toString()}</Grid>
             <Grid size={2}>
                 <SingleCheckbox
@@ -51,7 +58,7 @@ const SinglePage = () => {
             <Grid size={2}>{float}</Grid>
             <Grid size={2}>
                 <SingleFloat
-                    label='실수형'
+                    label='실수형' def={null}
                     min={-100} max={100}
                     get={float} set={setFloat}
                 />
@@ -60,7 +67,7 @@ const SinglePage = () => {
             <Grid size={2}>{integer}</Grid>
             <Grid size={2}>
                 <SingleInteger
-                    label='정수형'
+                    label='정수형' def={null}
                     min={-100} max={100}
                     startAdornment={(
                         <InputAdornment position="start">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mui-fast-start",
-  "version": "0.3.3",
+  "version": "0.3.4",
   "description": "Fast and easy-to-use MUI components for React",
   "keywords": [
     "mui",

package/src/hooks/splits/useSplitNumberProps.ts

@@ -54,7 +54,7 @@ const useSplitNumberProps = (
     );
 
     const onSelect = () => {
-        if (draft == null) setDraft(get.toString());
+        if (draft == null) setDraft(get?.toString());
     };
 
     const onChange = (
@@ -112,18 +112,18 @@ const useSplitNumberProps = (
             }
         }
     };
-    
+
     return fastDeepMerge<TextFieldProps>({
         error: !!err,
         helperText: err,
-        value: (draft == null ? get : draft),
+        value: (draft == null ? get : draft) ?? "",
         onChange,
         onSelect,
         onBlur,
         slotProps: {
             htmlInput: {step, min, max, minLength, maxLength, onKeyDown},
             inputLabel: (draft == null && (!get || isNaN(get))) ? {} : { shrink: true },
-            input: {startAdornment, endAdornment}
+            input: { startAdornment, endAdornment }
         }
     }, (props as TextFieldProps));
 }