refactor: use @mui/material

Author: himself65

package.json

@@ -25,11 +25,13 @@
     "prepublishOnly": "npm run build"
   },
   "dependencies": {
+    "@emotion/react": "^11.10.0",
+    "@emotion/styled": "^11.10.0",
+    "@mui/material": "^5.10.0",
     "events": "^3.3.0",
     "flux": "^4.0.3",
     "react-base16-styling": "^0.9.1",
-    "react-lifecycles-compat": "^3.0.4",
-    "react-textarea-autosize": "^8.3.4"
+    "react-lifecycles-compat": "^3.0.4"
   },
   "peerDependencies": {
     "react": "^18.2.0",

src/components/VariableEditor.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import AutosizeTextarea from 'react-textarea-autosize';
+import TextareaAutosize from '@mui/material/TextareaAutosize';
 
 import { toType } from './../helpers/util';
 import dispatcher from './../helpers/dispatcher';
@@ -258,7 +258,7 @@ class VariableEditor extends React.PureComponent {
 
         return (
             <div>
-                <AutosizeTextarea
+                <TextareaAutosize
                     type="text"
                     inputRef={input => input && input.focus()}
                     value={editValue}

tsconfig.json

@@ -6,9 +6,7 @@
     "baseUrl": "./src",
     "outDir": "dist",
     "declaration": false,
-    "declarationMap": false,
-    "jsx": "react-jsx",
-    "jsxImportSource": "react"
+    "declarationMap": false
   },
   "include": [
     "src/**/*",