@etsoo/materialui 1.0.39 → 1.0.40

package/lib/DataSteps.js

@@ -64,6 +64,10 @@ export function DataSteps(props) {
             }
         });
     };
+    const cancelInput = (event) => {
+        event.stopPropagation();
+        event.preventDefault();
+    };
     React.useEffect(() => {
         if (jsonValue) {
             dataRef.current = JSON.parse(jsonValue);
@@ -71,9 +75,10 @@ export function DataSteps(props) {
         }
     }, [jsonValue]);
     return (React.createElement(TextField, { InputLabelProps: InputLabelProps, InputProps: {
-            readOnly: true,
+            onKeyDown: cancelInput,
+            onPaste: cancelInput,
             endAdornment: (React.createElement(InputAdornment, { position: "end" },
                 React.createElement(IconButton, { edge: "end", size: "small" },
                     React.createElement(StartIcon, null))))
-        }, onClick: () => showStep(0), value: localValue, ...rest }));
+        }, sx: { cursor: 'pointer' }, onClick: () => showStep(0), value: localValue, ...rest }));
 }

package/package.json

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

package/src/DataSteps.tsx

@@ -166,6 +166,11 @@ export function DataSteps<T extends object>(props: DataStepsProps<T>) {
         });
     };
 
+    const cancelInput = (event: React.SyntheticEvent) => {
+        event.stopPropagation();
+        event.preventDefault();
+    };
+
     React.useEffect(() => {
         if (jsonValue) {
             dataRef.current = JSON.parse(jsonValue);
@@ -177,7 +182,8 @@ export function DataSteps<T extends object>(props: DataStepsProps<T>) {
         <TextField
             InputLabelProps={InputLabelProps}
             InputProps={{
-                readOnly: true,
+                onKeyDown: cancelInput,
+                onPaste: cancelInput,
                 endAdornment: (
                     <InputAdornment position="end">
                         <IconButton edge="end" size="small">
@@ -186,6 +192,7 @@ export function DataSteps<T extends object>(props: DataStepsProps<T>) {
                     </InputAdornment>
                 )
             }}
+            sx={{ cursor: 'pointer' }}
             onClick={() => showStep(0)}
             value={localValue}
             {...rest}