From 314fcabbeb7cc1c97a2003ed14dbdd0c864a7cf2 Mon Sep 17 00:00:00 2001
From: Aditya Toshniwal <aditya.toshniwal14@gmail.com>
Date: Tue, 10 Aug 2021 14:37:43 +0530
Subject: [PATCH] Add plain string control with formatter.

---
 web/pgadmin/static/js/SchemaView/DataGridView.jsx  | 1 +
 web/pgadmin/static/js/SchemaView/MappedControl.jsx | 6 +++---
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/web/pgadmin/static/js/SchemaView/DataGridView.jsx b/web/pgadmin/static/js/SchemaView/DataGridView.jsx
index 0c345db98..6d3c1893d 100644
--- a/web/pgadmin/static/js/SchemaView/DataGridView.jsx
+++ b/web/pgadmin/static/js/SchemaView/DataGridView.jsx
@@ -80,6 +80,7 @@ const useStyles = makeStyles((theme)=>({
     position: 'relative',
     overflow: 'hidden',
     textOverflow: 'ellipsis',
+    whiteSpace: 'nowrap',
   },
   tableCellHeader: {
     fontWeight: theme.typography.fontWeightBold,
diff --git a/web/pgadmin/static/js/SchemaView/MappedControl.jsx b/web/pgadmin/static/js/SchemaView/MappedControl.jsx
index 9e40f8e01..beea73c4a 100644
--- a/web/pgadmin/static/js/SchemaView/MappedControl.jsx
+++ b/web/pgadmin/static/js/SchemaView/MappedControl.jsx
@@ -11,7 +11,7 @@ import React, { useCallback } from 'react';
 import _ from 'lodash';
 
 import { FormInputText, FormInputSelect, FormInputSwitch, FormInputCheckbox, FormInputColor,
-  FormInputFileSelect, FormInputToggle, InputSwitch, FormInputSQL, FormNote, FormInputDateTimePicker } from '../components/FormComponents';
+  FormInputFileSelect, FormInputToggle, InputSwitch, FormInputSQL, FormNote, FormInputDateTimePicker, PlainString } from '../components/FormComponents';
 import { InputSelect, InputText, InputCheckbox, InputDateTimePicker } from '../components/FormComponents';
 import Privilege from '../components/Privilege';
 import { evalFunc } from 'sources/utils';
@@ -100,7 +100,7 @@ function MappedFormControlBase({type, value, id, onChange, className, visible, i
   case 'datetimepicker':
     return <FormInputDateTimePicker name={name} value={value} onChange={onTextChange} className={className} {...props} />;
   default:
-    return <span>{value}</span>;
+    return <PlainString value={value} {...props} />;
   }
 }
 
@@ -189,7 +189,7 @@ function MappedCellControlBase({cell, value, id, optionsLoaded, onCellChange, vi
   case 'datetimepicker':
     return <InputDateTimePicker name={name} value={value} onChange={onTextChange} {...props}/>;
   default:
-    return <span>{value}</span>;
+    return <PlainString value={value} {...props} />;
   }
 }