Upgrade CodeMirror from version 5 to 6. #7097

web/pgadmin/misc/sql/static/js/SQL.jsx

@@ -13,7 +13,7 @@ import gettext from 'sources/gettext';
 import PropTypes from 'prop-types';
 import getApiInstance from 'sources/api_instance';
 import { makeStyles } from '@material-ui/core/styles';
-import CodeMirror from '../../../../static/js/components/CodeMirror';
+import CodeMirror from '../../../../static/js/components/ReactCodeMirror';
 import Loader from 'sources/components/Loader';
 import withStandardTabInfo from '../../../../static/js/helpers/withStandardTabInfo';
 import { BROWSER_PANELS } from '../../../../browser/static/js/constants';
@@ -24,7 +24,6 @@ const useStyles = makeStyles((theme) => ({
     height: '100% !important',
     width: '100% !important',
     background: theme.palette.grey[400],
-    overflow: 'auto !important',
     minHeight: '100%',
     minWidth: '100%',
   },
@@ -99,10 +98,7 @@ function SQL({nodeData, node, treeNodeInfo, isActive, isStale, setIsStale}) {
         className={classes.textArea}
         value={nodeSQL}
         readonly={true}
-        options={{
-          lineNumbers: true,
-          mode: 'text/x-pgsql',
-        }}
+        showCopyBtn
       />
     </>
   );