revert: json validation for gui schema editor

Author: Elessar1802

package-lock.json

@@ -1,6 +1,6 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "1.2.5-beta-3",
+    "version": "1.2.5-beta-7",
     "description": "Supporting common component library",
     "type": "module",
     "main": "dist/index.js",
@@ -66,6 +66,8 @@
         "react-toastify": "9.1.3",
         "sharp": "^0.33.5",
         "svgo": "^3.3.2",
+        "monaco-editor": "0.44.0",
+        "monaco-yaml": "5.1.1",
         "typescript": "5.5.4",
         "vite": "5.4.11",
         "vite-plugin-dts": "4.0.3",
@@ -80,14 +82,11 @@
         "@rjsf/validator-ajv8": "^5.13.3",
         "@typeform/embed-react": "2.20.0",
         "dompurify": "^3.0.2",
-        "monaco-editor": "0.44.0",
-        "monaco-yaml": "5.1.1",
         "react": "^17.0.2",
         "react-dom": "^17.0.2",
         "react-draggable": "^4.4.5",
         "react-ga4": "^1.4.1",
         "react-mde": "^11.5.0",
-        "react-monaco-editor": "^0.54.0",
         "react-router-dom": "^5.3.0",
         "react-select": "5.8.0",
         "rxjs": "^7.8.1",
@@ -102,6 +101,7 @@
         "jsonpath-plus": "^10.0.0",
         "marked": "^13.0.3",
         "react-dates": "^21.8.0",
+        "react-monaco-editor": "^0.54.0",
         "react-diff-viewer-continued": "^3.4.0",
         "sass": "^1.69.7",
         "tslib": "2.7.0"

package.json

@@ -3,27 +3,32 @@ import { DEFAULT_INVALID_YAML_ERROR } from './constants'
 import { InvalidYAMLTippyWrapperProps } from './types'
 
 export const getInvalidTippyContent = ({
+    type = 'yaml',
     parsingError,
     restoreLastSavedYAML,
-}: Pick<InvalidYAMLTippyWrapperProps, 'parsingError' | 'restoreLastSavedYAML'>) => (
-    <div className="flexbox-col dc__gap-8 py-6">
-        <div className="flexbox-col dc__gap-4">
-            <h6 className="m-0 fs-12 fw-6 lh-18">Invalid YAML</h6>
-            <p className="m-0 cn-50 fs-12 fw-4 lh-18 dc__truncate--clamp-3">
-                {parsingError || DEFAULT_INVALID_YAML_ERROR}
-            </p>
-        </div>
+}: Pick<InvalidYAMLTippyWrapperProps, 'parsingError' | 'restoreLastSavedYAML'> & { type?: 'yaml' | 'json' }) => {
+    const text = type.toUpperCase()
+
+    return (
+        <div className="flexbox-col dc__gap-8 py-6">
+            <div className="flexbox-col dc__gap-4">
+                <h6 className="m-0 fs-12 fw-6 lh-18">Invalid {text}</h6>
+                <p className="m-0 cn-50 fs-12 fw-4 lh-18 dc__truncate--clamp-3">
+                    {parsingError || DEFAULT_INVALID_YAML_ERROR}
+                </p>
+            </div>
 
-        {restoreLastSavedYAML && (
-            <button
-                type="button"
-                data-testid="restore-last-saved-yaml"
-                className="flexbox dc__gap-6 dc__transparent cn-0 fs-12 fw-6 lh-20 p-0 dc__align-items-center"
-                onClick={restoreLastSavedYAML}
-            >
-                <ICArrowCounterClockwise className="dc__no-shrink icon-dim-16 scn-0" />
-                Restore last saved YAML
-            </button>
-        )}
-    </div>
-)
+            {restoreLastSavedYAML && (
+                <button
+                    type="button"
+                    data-testid="restore-last-saved-yaml"
+                    className="flexbox dc__gap-6 dc__transparent cn-0 fs-12 fw-6 lh-20 p-0 dc__align-items-center"
+                    onClick={restoreLastSavedYAML}
+                >
+                    <ICArrowCounterClockwise className="dc__no-shrink icon-dim-16 scn-0" />
+                    Restore last saved {text}
+                </button>
+            )}
+        </div>
+    )
+}