Merge pull request mac-s-g#339 from mac-s-g/react-17-support

upgrade react-textarea-autosize dependency to 8.3.2

Author: mac-s-g

package-lock.json

@@ -1,13 +1,13 @@
 {
     "name": "react-json-view",
     "description": "Interactive react component for displaying javascript arrays and JSON objects.",
-    "version": "1.21.1",
+    "version": "1.21.2",
     "main": "dist/main.js",
     "dependencies": {
         "flux": "^4.0.1",
         "react-base16-styling": "^0.6.0",
         "react-lifecycles-compat": "^3.0.4",
-        "react-textarea-autosize": "^6.1.0"
+        "react-textarea-autosize": "^8.3.2"
     },
     "devDependencies": {
         "@babel/eslint-parser": "^7.12.1",

package.json

@@ -293,6 +293,7 @@ class VariableEditor extends React.PureComponent {
                         e.stopPropagation();
                     }}
                     placeholder="update this value"
+                    minRows={2}
                     {...Theme(theme, 'edit-input')}
                 />
                 <div {...Theme(theme, 'edit-icon-container')}>

src/js/components/VariableEditor.js

@@ -292,7 +292,6 @@ const getDefaultThemeStyling = theme => {
         },
         'edit-input': {
             display: 'inline-block',
-            minHeight: constants.editInputHeight,
             minWidth: constants.editInputMinWidth,
             borderRadius: constants.editInputBorderRadius,
             backgroundColor: colors.editVariable.background,

src/js/themes/getStyle.js

@@ -69,7 +69,6 @@ export default {
 
     tooltipPadding: '4px',
 
-    editInputHeight: '25px',
     editInputMinWidth: '130px',
     editInputBorderRadius: '2px',
     editInputPadding: '5px',