@etsoo/materialui 1.0.97 → 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/lib/DnDList.d.ts

@@ -39,6 +39,10 @@ export interface DnDListRef<D extends object> {
      * @param index Index
      */
     editItem(newItem: D, index: number): boolean;
+    /**
+     * Get all items
+     */
+    getItems(): D[];
 }
 /**
  * DnD sortable list properties

package/lib/DnDList.js

@@ -139,6 +139,9 @@ export function DnDList(props) {
                 newItems.splice(index, 1);
                 // Update the state
                 changeItems(newItems);
+            },
+            getItems() {
+                return items;
             }
         };
     }, [items]);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@etsoo/materialui",
-    "version": "1.0.97",
+    "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={{

package/src/DnDList.tsx

@@ -104,6 +104,11 @@ export interface DnDListRef<D extends object> {
      * @param index Index
      */
     editItem(newItem: D, index: number): boolean;
+
+    /**
+     * Get all items
+     */
+    getItems(): D[];
 }
 
 /**
@@ -304,6 +309,10 @@ export function DnDList<
 
                     // Update the state
                     changeItems(newItems);
+                },
+
+                getItems() {
+                    return items;
                 }
             };
         },