Fixed an issue where pasting JSON data type values into the Result Grid caused a syntax error by replacing our custom CSV-to-array conversion code with the PapaParse package. #8296

Author: anilsahoo20

web/package.json

@@ -122,6 +122,7 @@
     "moment-timezone": "^0.5.34",
     "notificar": "^1.0.1",
     "notistack": "^3.0.1",
+    "papaparse": "^5.5.2",
     "path-fx": "^2.0.0",
     "postcss": "^8.4.31",
     "rc-dock": "^3.2.9",

web/pgadmin/tools/sqleditor/static/js/components/QueryToolDataGrid/CopyData.js

@@ -8,8 +8,8 @@
 //////////////////////////////////////////////////////////////
 import JSONBigNumber from 'json-bignumber';
 import _ from 'lodash';
+import Papa from 'papaparse';
 import * as clipboard from '../../../../../../static/js/clipboard';
-import { CSVToArray } from '../../../../../../static/js/utils';
 
 export default class CopyData {
   constructor(options) {
@@ -91,7 +91,14 @@ export default class CopyData {
 
   getCopiedRows() {
     let copiedText = clipboard.getFromClipboard();
-    let copiedRows = CSVToArray(copiedText, this.CSVOptions.field_separator, this.CSVOptions.quote_char);
+
+    // Use papaparse to parse the CSV data
+    const parsedResult = Papa.parse(copiedText, {
+      delimiter: this.CSVOptions.field_separator,
+      quoteChar: this.CSVOptions.quote_char,
+    });
+
+    let copiedRows = parsedResult.data;
 
     if(localStorage.getItem('copied-with-headers') == 'true') {
       copiedRows = copiedRows.slice(1);