react-edit-text - npm Package Compare versions

Comparing version 4.4.1 to 5.0.0

dist/index.js

@@ -1234,14 +1234,18 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
 
-  var _React$useState = React.useState(''),
-      previousValue = _React$useState[0],
-      setPreviousValue = _React$useState[1];
+  var _React$useState = React.useState({}),
+      changeEvent = _React$useState[0],
+      setChangeEvent = _React$useState[1];
 
   var _React$useState2 = React.useState(''),
-      savedText = _React$useState2[0],
-      setSavedText = _React$useState2[1];
+      previousValue = _React$useState2[0],
+      setPreviousValue = _React$useState2[1];
 
-  var _React$useState3 = React.useState(false),
-      editMode = _React$useState3[0],
-      setEditMode = _React$useState3[1];
+  var _React$useState3 = React.useState(''),
+      savedText = _React$useState3[0],
+      setSavedText = _React$useState3[1];
 
+  var _React$useState4 = React.useState(false),
+      editMode = _React$useState4[0],
+      setEditMode = _React$useState4[1];
+
   React.useEffect(function () {
@@ -1293,3 +1297,9 @@ if (defaultValue !== undefined) {
       } else if (!save) {
-        _onChange(previousValue);
+        _onChange(_extends({}, changeEvent, {
+          target: changeEvent.target ? _extends({}, changeEvent.target, {
+            value: previousValue
+          }) : {
+            value: previousValue
+          }
+        }));
       }
@@ -1351,3 +1361,5 @@
       onChange: function onChange(e) {
-        _onChange(e.target.value);
+        setChangeEvent(e);
+
+        _onChange(e);
       },
@@ -1361,3 +1373,3 @@ inputClassName: inputClassName
 
-  return !readonly && editMode ? renderEditMode(value !== undefined) : renderDisplayMode();
+  return !readonly && editMode ? renderEditMode(value !== undefined && _onChange !== undefined) : renderDisplayMode();
 }
@@ -1417,14 +1429,18 @@ EditText.defaultProps = EditTextDefaultProps;
 
-  var _React$useState = React.useState(''),
-      previousValue = _React$useState[0],
-      setPreviousValue = _React$useState[1];
+  var _React$useState = React.useState({}),
+      changeEvent = _React$useState[0],
+      setChangeEvent = _React$useState[1];
 
   var _React$useState2 = React.useState(''),
-      savedText = _React$useState2[0],
-      setSavedText = _React$useState2[1];
+      previousValue = _React$useState2[0],
+      setPreviousValue = _React$useState2[1];
 
-  var _React$useState3 = React.useState(false),
-      editMode = _React$useState3[0],
-      setEditMode = _React$useState3[1];
+  var _React$useState3 = React.useState(''),
+      savedText = _React$useState3[0],
+      setSavedText = _React$useState3[1];
 
+  var _React$useState4 = React.useState(false),
+      editMode = _React$useState4[0],
+      setEditMode = _React$useState4[1];
+
   React.useEffect(function () {
@@ -1471,3 +1487,9 @@ if (defaultValue !== undefined) {
       } else if (!save) {
-        _onChange(previousValue);
+        _onChange(_extends({}, changeEvent, {
+          target: changeEvent.target ? _extends({}, changeEvent.target, {
+            value: previousValue
+          }) : {
+            value: previousValue
+          }
+        }));
       }
@@ -1519,3 +1541,5 @@
       onChange: function onChange(e) {
-        _onChange(e.target.value);
+        setChangeEvent(e);
+
+        _onChange(e);
       },
@@ -1529,3 +1553,3 @@ inputClassName: inputClassName
 
-  return !readonly && editMode ? renderEditMode(value !== undefined) : renderDisplayMode();
+  return !readonly && editMode ? renderEditMode(value !== undefined && _onChange !== undefined) : renderDisplayMode();
 }
@@ -1532,0 +1556,0 @@ EditTextarea.defaultProps = EditTextareaDefaultProps;

dist/index.modern.js

@@ -1232,14 +1232,18 @@ import classnames from 'classnames';
 
-  var _React$useState = React.useState(''),
-      previousValue = _React$useState[0],
-      setPreviousValue = _React$useState[1];
+  var _React$useState = React.useState({}),
+      changeEvent = _React$useState[0],
+      setChangeEvent = _React$useState[1];
 
   var _React$useState2 = React.useState(''),
-      savedText = _React$useState2[0],
-      setSavedText = _React$useState2[1];
+      previousValue = _React$useState2[0],
+      setPreviousValue = _React$useState2[1];
 
-  var _React$useState3 = React.useState(false),
-      editMode = _React$useState3[0],
-      setEditMode = _React$useState3[1];
+  var _React$useState3 = React.useState(''),
+      savedText = _React$useState3[0],
+      setSavedText = _React$useState3[1];
 
+  var _React$useState4 = React.useState(false),
+      editMode = _React$useState4[0],
+      setEditMode = _React$useState4[1];
+
   React.useEffect(function () {
@@ -1291,3 +1295,9 @@ if (defaultValue !== undefined) {
       } else if (!save) {
-        _onChange(previousValue);
+        _onChange(_extends({}, changeEvent, {
+          target: changeEvent.target ? _extends({}, changeEvent.target, {
+            value: previousValue
+          }) : {
+            value: previousValue
+          }
+        }));
       }
@@ -1349,3 +1359,5 @@
       onChange: function onChange(e) {
-        _onChange(e.target.value);
+        setChangeEvent(e);
+
+        _onChange(e);
       },
@@ -1359,3 +1371,3 @@ inputClassName: inputClassName
 
-  return !readonly && editMode ? renderEditMode(value !== undefined) : renderDisplayMode();
+  return !readonly && editMode ? renderEditMode(value !== undefined && _onChange !== undefined) : renderDisplayMode();
 }
@@ -1415,14 +1427,18 @@ EditText.defaultProps = EditTextDefaultProps;
 
-  var _React$useState = React.useState(''),
-      previousValue = _React$useState[0],
-      setPreviousValue = _React$useState[1];
+  var _React$useState = React.useState({}),
+      changeEvent = _React$useState[0],
+      setChangeEvent = _React$useState[1];
 
   var _React$useState2 = React.useState(''),
-      savedText = _React$useState2[0],
-      setSavedText = _React$useState2[1];
+      previousValue = _React$useState2[0],
+      setPreviousValue = _React$useState2[1];
 
-  var _React$useState3 = React.useState(false),
-      editMode = _React$useState3[0],
-      setEditMode = _React$useState3[1];
+  var _React$useState3 = React.useState(''),
+      savedText = _React$useState3[0],
+      setSavedText = _React$useState3[1];
 
+  var _React$useState4 = React.useState(false),
+      editMode = _React$useState4[0],
+      setEditMode = _React$useState4[1];
+
   React.useEffect(function () {
@@ -1469,3 +1485,9 @@ if (defaultValue !== undefined) {
       } else if (!save) {
-        _onChange(previousValue);
+        _onChange(_extends({}, changeEvent, {
+          target: changeEvent.target ? _extends({}, changeEvent.target, {
+            value: previousValue
+          }) : {
+            value: previousValue
+          }
+        }));
       }
@@ -1517,3 +1539,5 @@
       onChange: function onChange(e) {
-        _onChange(e.target.value);
+        setChangeEvent(e);
+
+        _onChange(e);
       },
@@ -1527,3 +1551,3 @@ inputClassName: inputClassName
 
-  return !readonly && editMode ? renderEditMode(value !== undefined) : renderDisplayMode();
+  return !readonly && editMode ? renderEditMode(value !== undefined && _onChange !== undefined) : renderDisplayMode();
 }
@@ -1530,0 +1554,0 @@ EditTextarea.defaultProps = EditTextareaDefaultProps;

package.json

 {
   "name": "react-edit-text",
-  "version": "4.4.1",
+  "version": "5.0.0",
   "description": "Simple editable text component for React",
@@ -5,0 +5,0 @@ "author": "Brian Min <[e-mail]> (https://github.com/bymi15)",

No alert changes

Improved metrics

Total package byte prevSize

319537

increased by1.14%

Lines of code

2884

increased by1.41%

No dependency changes