@etsoo/materialui 1.0.98 → 1.0.99

package/lib/DataSteps.js

@@ -5,9 +5,9 @@ import NavigateBeforeIcon from '@mui/icons-material/NavigateBefore';
 import CheckIcon from '@mui/icons-material/Check';
 import StartIcon from '@mui/icons-material/Start';
 import React from 'react';
+import { HBox } from './FlexBox';
 import { globalApp } from './app/ReactApp';
 import { MUGlobal } from './MUGlobal';
-import { HBox } from './FlexBox';
 /**
  * Data collecting steps component
  * @param props Props
@@ -27,7 +27,8 @@ export function DataSteps(props) {
     const indexRef = React.useRef(-1);
     // Current Json data
     const jsonRef = React.useRef(jsonValue);
-    if (jsonValue != jsonRef.current)
+    // Ignore empty value case
+    if (jsonValue !== jsonRef.current && valueFormatter(jsonValue))
         jsonRef.current = jsonValue;
     // Current value
     const [localValue, setLocalValue] = React.useState(value);
@@ -72,8 +73,8 @@ export function DataSteps(props) {
     };
     React.useEffect(() => {
         setLocalValue(valueFormatter(jsonRef.current));
-    }, [jsonRef.current]);
-    return (React.createElement(TextField, { InputLabelProps: InputLabelProps, inputProps: { style: { cursor: 'pointer' } }, InputProps: {
+    }, [valueFormatter]);
+    return (React.createElement(TextField, { autoComplete: "new-password", InputLabelProps: InputLabelProps, inputProps: { style: { cursor: 'pointer' } }, InputProps: {
             onKeyDown: (event) => {
                 if (event.key === 'Tab')
                     return;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@etsoo/materialui",
-    "version": "1.0.98",
+    "version": "1.0.99",
     "description": "TypeScript Material-UI Implementation",
     "main": "lib/index.js",
     "types": "lib/index.d.ts",

package/src/DataSteps.tsx

@@ -12,9 +12,9 @@ import CheckIcon from '@mui/icons-material/Check';
 import StartIcon from '@mui/icons-material/Start';
 import { InputDialogProps } from '@etsoo/react';
 import React from 'react';
+import { HBox } from './FlexBox';
 import { globalApp } from './app/ReactApp';
 import { MUGlobal } from './MUGlobal';
-import { HBox } from './FlexBox';
 
 /**
  * Data step
@@ -85,7 +85,10 @@ export function DataSteps<T extends object>(props: DataStepsProps<T>) {
 
     // Current Json data
     const jsonRef = React.useRef<T>(jsonValue);
-    if (jsonValue != jsonRef.current) jsonRef.current = jsonValue;
+
+    // Ignore empty value case
+    if (jsonValue !== jsonRef.current && valueFormatter(jsonValue))
+        jsonRef.current = jsonValue;
 
     // Current value
     const [localValue, setLocalValue] = React.useState(value);
@@ -174,10 +177,11 @@ export function DataSteps<T extends object>(props: DataStepsProps<T>) {
 
     React.useEffect(() => {
         setLocalValue(valueFormatter(jsonRef.current));
-    }, [jsonRef.current]);
+    }, [valueFormatter]);
 
     return (
         <TextField
+            autoComplete="new-password"
             InputLabelProps={InputLabelProps}
             inputProps={{ style: { cursor: 'pointer' } }}
             InputProps={{