Delayed JSON validation for JSON editor

Author: Vikas Agarwal

src/routes/metadata/components/FullScreenJSONEditor.jsx

@@ -21,6 +21,8 @@ const FullScreenJSONEditor = ({
         height="100%"
         width="100%"
         onChange={onJSONEdit}
+        // onKeyPressUpdate={false}
+        waitAfterKeyPress={3000}
       />
     </div>
   </MobilePage>

src/routes/metadata/components/MetaDataPanel.jsx

@@ -594,6 +594,8 @@ class MetaDataPanel extends React.Component {
                 height="450px"
                 // width='340px'
                 onChange={this.onJSONEdit}
+                // onKeyPressUpdate={false}
+                waitAfterKeyPress={3000}
               />
               {/* <ReactJson
                 src={template}

src/routes/metadata/components/TemplateForm.jsx

@@ -178,6 +178,8 @@ class TemplateForm extends Component {
                 height="250px"
                 // width='0px'
                 onChange={ (params) => { this.onJSONEdit(field, params) } }
+                // onKeyPressUpdate={false}
+                waitAfterKeyPress={3000}
               />
             </div>
           )