From 835eeb4652e4f3e27eca2521d358e714dd859b16 Mon Sep 17 00:00:00 2001
From: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
Date: Mon, 9 Jan 2023 11:01:36 -0500
Subject: [PATCH] [8.6] [ML] Transforms: Fix transforms JSON display (#147996)
 (#148551)

# Backport

This will backport the following commits from `main` to `8.6`:
- [[ML] Transforms: Fix transforms JSON display
(#147996)](https://github.com/elastic/kibana/pull/147996)

<!--- Backport version: 8.9.7 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sqren/backport)

<!--BACKPORT [{"author":{"name":"James
Gowdy","email":"jgowdy@elastic.co"},"sourceCommit":{"committedDate":"2023-01-09T14:58:56Z","message":"[ML]
Transforms: Fix transforms JSON display (#147996)\n\nFixing a typo in
the code from when the JSON editor
was\r\n[converted](https://github.com/elastic/kibana/pull/108310) from
using\r\n`EuiCodeEditor`\r\n\r\n**Before**\r\n\r\n![image](https://user-images.githubusercontent.com/22172091/209140230-fcb3fff5-0040-487a-bffc-581a8fe2f4e4.png)\r\n\r\n**After**\r\n\r\n![image](https://user-images.githubusercontent.com/22172091/209140326-98eecef0-d9bf-4145-8342-788b4166b28d.png)","sha":"ba06f687522fed393036ff01d9230f341e37d710","branchLabelMapping":{"^v8.7.0$":"main","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["bug","release_note:fix",":ml","Feature:Transforms","v8.6.0","v8.7.0"],"number":147996,"url":"https://github.com/elastic/kibana/pull/147996","mergeCommit":{"message":"[ML]
Transforms: Fix transforms JSON display (#147996)\n\nFixing a typo in
the code from when the JSON editor
was\r\n[converted](https://github.com/elastic/kibana/pull/108310) from
using\r\n`EuiCodeEditor`\r\n\r\n**Before**\r\n\r\n![image](https://user-images.githubusercontent.com/22172091/209140230-fcb3fff5-0040-487a-bffc-581a8fe2f4e4.png)\r\n\r\n**After**\r\n\r\n![image](https://user-images.githubusercontent.com/22172091/209140326-98eecef0-d9bf-4145-8342-788b4166b28d.png)","sha":"ba06f687522fed393036ff01d9230f341e37d710"}},"sourceBranch":"main","suggestedTargetBranches":["8.6"],"targetPullRequestStates":[{"branch":"8.6","label":"v8.6.0","labelRegex":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"main","label":"v8.7.0","labelRegex":"^v8.7.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/147996","number":147996,"mergeCommit":{"message":"[ML]
Transforms: Fix transforms JSON display (#147996)\n\nFixing a typo in
the code from when the JSON editor
was\r\n[converted](https://github.com/elastic/kibana/pull/108310) from
using\r\n`EuiCodeEditor`\r\n\r\n**Before**\r\n\r\n![image](https://user-images.githubusercontent.com/22172091/209140230-fcb3fff5-0040-487a-bffc-581a8fe2f4e4.png)\r\n\r\n**After**\r\n\r\n![image](https://user-images.githubusercontent.com/22172091/209140326-98eecef0-d9bf-4145-8342-788b4166b28d.png)","sha":"ba06f687522fed393036ff01d9230f341e37d710"}}]}]
BACKPORT-->

Co-authored-by: James Gowdy <jgowdy@elastic.co>
---
 .../__snapshots__/expanded_row_json_pane.test.tsx.snap          | 1 -
 .../components/transform_list/expanded_row_json_pane.tsx        | 2 +-
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/x-pack/plugins/transform/public/app/sections/transform_management/components/transform_list/__snapshots__/expanded_row_json_pane.test.tsx.snap b/x-pack/plugins/transform/public/app/sections/transform_management/components/transform_list/__snapshots__/expanded_row_json_pane.test.tsx.snap
index 7a640389e2915..19a5055954d84 100644
--- a/x-pack/plugins/transform/public/app/sections/transform_management/components/transform_list/__snapshots__/expanded_row_json_pane.test.tsx.snap
+++ b/x-pack/plugins/transform/public/app/sections/transform_management/components/transform_list/__snapshots__/expanded_row_json_pane.test.tsx.snap
@@ -21,7 +21,6 @@ exports[`Transform: Transform List Expanded Row <ExpandedRowJsonPane /> Minimal
           }
         }
       >
-        value=
         {
   "id": "fq_date_histogram_1m_1441",
   "source": {
diff --git a/x-pack/plugins/transform/public/app/sections/transform_management/components/transform_list/expanded_row_json_pane.tsx b/x-pack/plugins/transform/public/app/sections/transform_management/components/transform_list/expanded_row_json_pane.tsx
index f3dd44afe1948..c68a57ea12109 100644
--- a/x-pack/plugins/transform/public/app/sections/transform_management/components/transform_list/expanded_row_json_pane.tsx
+++ b/x-pack/plugins/transform/public/app/sections/transform_management/components/transform_list/expanded_row_json_pane.tsx
@@ -34,7 +34,7 @@ export const ExpandedRowJsonPane: FC<Props> = ({ json }) => {
             style={{ width: '100%' }}
             isCopyable
           >
-            value={JSON.stringify(json, null, 2)}
+            {JSON.stringify(json, null, 2)}
           </EuiCodeBlock>
         </EuiFlexItem>
         <EuiFlexItem grow={false}>&nbsp;</EuiFlexItem>