From d520a1047e4134ce60e132c5fd5acbad91fbf260 Mon Sep 17 00:00:00 2001
From: Esteban Beltran <academo@users.noreply.github.com>
Date: Thu, 17 Jun 2021 09:40:16 +0200
Subject: [PATCH] Fix trusted apps modified by field displayed as a date field
 (#102377)

Fixes https://github.com/elastic/kibana/issues/102308
---
 .../__snapshots__/index.test.tsx.snap         |   4 +-
 .../components/trusted_app_card/index.tsx     |   2 +-
 .../__snapshots__/index.test.tsx.snap         | 240 +++++++++++++++---
 .../__snapshots__/index.test.tsx.snap         |   8 +-
 4 files changed, 220 insertions(+), 34 deletions(-)

diff --git a/x-pack/plugins/security_solution/public/management/pages/trusted_apps/view/components/trusted_app_card/__snapshots__/index.test.tsx.snap b/x-pack/plugins/security_solution/public/management/pages/trusted_apps/view/components/trusted_app_card/__snapshots__/index.test.tsx.snap
index 47728eacf4cdd..7439245bc9571 100644
--- a/x-pack/plugins/security_solution/public/management/pages/trusted_apps/view/components/trusted_app_card/__snapshots__/index.test.tsx.snap
+++ b/x-pack/plugins/security_solution/public/management/pages/trusted_apps/view/components/trusted_app_card/__snapshots__/index.test.tsx.snap
@@ -53,7 +53,7 @@ exports[`trusted_app_card TrustedAppCard should render correctly 1`] = `
   <ItemPropertySummary
     name="Modified By"
     value={
-      <Memo(FormattedDate)
+      <TextFieldValue
         className="eui-textTruncate"
         fieldName="Modified By"
         value="someone"
@@ -177,7 +177,7 @@ exports[`trusted_app_card TrustedAppCard should trim long texts 1`] = `
   <ItemPropertySummary
     name="Modified By"
     value={
-      <Memo(FormattedDate)
+      <TextFieldValue
         className="eui-textTruncate"
         fieldName="Modified By"
         value="someone"
diff --git a/x-pack/plugins/security_solution/public/management/pages/trusted_apps/view/components/trusted_app_card/index.tsx b/x-pack/plugins/security_solution/public/management/pages/trusted_apps/view/components/trusted_app_card/index.tsx
index c2c464a535620..2016e43f53c42 100644
--- a/x-pack/plugins/security_solution/public/management/pages/trusted_apps/view/components/trusted_app_card/index.tsx
+++ b/x-pack/plugins/security_solution/public/management/pages/trusted_apps/view/components/trusted_app_card/index.tsx
@@ -133,7 +133,7 @@ export const TrustedAppCard = memo<TrustedAppCardProps>(
         <ItemDetailsPropertySummary
           name={PROPERTY_TITLES.updated_by}
           value={
-            <FormattedDate
+            <TextFieldValue
               fieldName={PROPERTY_TITLES.updated_by}
               value={trustedApp.updated_by}
               className="eui-textTruncate"
diff --git a/x-pack/plugins/security_solution/public/management/pages/trusted_apps/view/components/trusted_apps_grid/__snapshots__/index.test.tsx.snap b/x-pack/plugins/security_solution/public/management/pages/trusted_apps/view/components/trusted_apps_grid/__snapshots__/index.test.tsx.snap
index 7e89c9723c9dd..e984ea5bb1711 100644
--- a/x-pack/plugins/security_solution/public/management/pages/trusted_apps/view/components/trusted_apps_grid/__snapshots__/index.test.tsx.snap
+++ b/x-pack/plugins/security_solution/public/management/pages/trusted_apps/view/components/trusted_apps_grid/__snapshots__/index.test.tsx.snap
@@ -514,7 +514,13 @@ exports[`TrustedAppsGrid renders correctly when loaded data 1`] = `
                   <dd
                     class="euiDescriptionList__description c4 eui-textBreakWord"
                   >
-                    someone
+                    <span
+                      class="euiToolTipAnchor eui-textTruncate"
+                    >
+                      <span>
+                        someone
+                      </span>
+                    </span>
                   </dd>
                   <dt
                     class="euiDescriptionList__title c3"
@@ -803,7 +809,13 @@ exports[`TrustedAppsGrid renders correctly when loaded data 1`] = `
                   <dd
                     class="euiDescriptionList__description c4 eui-textBreakWord"
                   >
-                    someone
+                    <span
+                      class="euiToolTipAnchor eui-textTruncate"
+                    >
+                      <span>
+                        someone
+                      </span>
+                    </span>
                   </dd>
                   <dt
                     class="euiDescriptionList__title c3"
@@ -1092,7 +1104,13 @@ exports[`TrustedAppsGrid renders correctly when loaded data 1`] = `
                   <dd
                     class="euiDescriptionList__description c4 eui-textBreakWord"
                   >
-                    someone
+                    <span
+                      class="euiToolTipAnchor eui-textTruncate"
+                    >
+                      <span>
+                        someone
+                      </span>
+                    </span>
                   </dd>
                   <dt
                     class="euiDescriptionList__title c3"
@@ -1381,7 +1399,13 @@ exports[`TrustedAppsGrid renders correctly when loaded data 1`] = `
                   <dd
                     class="euiDescriptionList__description c4 eui-textBreakWord"
                   >
-                    someone
+                    <span
+                      class="euiToolTipAnchor eui-textTruncate"
+                    >
+                      <span>
+                        someone
+                      </span>
+                    </span>
                   </dd>
                   <dt
                     class="euiDescriptionList__title c3"
@@ -1670,7 +1694,13 @@ exports[`TrustedAppsGrid renders correctly when loaded data 1`] = `
                   <dd
                     class="euiDescriptionList__description c4 eui-textBreakWord"
                   >
-                    someone
+                    <span
+                      class="euiToolTipAnchor eui-textTruncate"
+                    >
+                      <span>
+                        someone
+                      </span>
+                    </span>
                   </dd>
                   <dt
                     class="euiDescriptionList__title c3"
@@ -1959,7 +1989,13 @@ exports[`TrustedAppsGrid renders correctly when loaded data 1`] = `
                   <dd
                     class="euiDescriptionList__description c4 eui-textBreakWord"
                   >
-                    someone
+                    <span
+                      class="euiToolTipAnchor eui-textTruncate"
+                    >
+                      <span>
+                        someone
+                      </span>
+                    </span>
                   </dd>
                   <dt
                     class="euiDescriptionList__title c3"
@@ -2248,7 +2284,13 @@ exports[`TrustedAppsGrid renders correctly when loaded data 1`] = `
                   <dd
                     class="euiDescriptionList__description c4 eui-textBreakWord"
                   >
-                    someone
+                    <span
+                      class="euiToolTipAnchor eui-textTruncate"
+                    >
+                      <span>
+                        someone
+                      </span>
+                    </span>
                   </dd>
                   <dt
                     class="euiDescriptionList__title c3"
@@ -2537,7 +2579,13 @@ exports[`TrustedAppsGrid renders correctly when loaded data 1`] = `
                   <dd
                     class="euiDescriptionList__description c4 eui-textBreakWord"
                   >
-                    someone
+                    <span
+                      class="euiToolTipAnchor eui-textTruncate"
+                    >
+                      <span>
+                        someone
+                      </span>
+                    </span>
                   </dd>
                   <dt
                     class="euiDescriptionList__title c3"
@@ -2826,7 +2874,13 @@ exports[`TrustedAppsGrid renders correctly when loaded data 1`] = `
                   <dd
                     class="euiDescriptionList__description c4 eui-textBreakWord"
                   >
-                    someone
+                    <span
+                      class="euiToolTipAnchor eui-textTruncate"
+                    >
+                      <span>
+                        someone
+                      </span>
+                    </span>
                   </dd>
                   <dt
                     class="euiDescriptionList__title c3"
@@ -3115,7 +3169,13 @@ exports[`TrustedAppsGrid renders correctly when loaded data 1`] = `
                   <dd
                     class="euiDescriptionList__description c4 eui-textBreakWord"
                   >
-                    someone
+                    <span
+                      class="euiToolTipAnchor eui-textTruncate"
+                    >
+                      <span>
+                        someone
+                      </span>
+                    </span>
                   </dd>
                   <dt
                     class="euiDescriptionList__title c3"
@@ -3712,7 +3772,13 @@ exports[`TrustedAppsGrid renders correctly when loading data for the second time
                   <dd
                     class="euiDescriptionList__description c4 eui-textBreakWord"
                   >
-                    someone
+                    <span
+                      class="euiToolTipAnchor eui-textTruncate"
+                    >
+                      <span>
+                        someone
+                      </span>
+                    </span>
                   </dd>
                   <dt
                     class="euiDescriptionList__title c3"
@@ -4001,7 +4067,13 @@ exports[`TrustedAppsGrid renders correctly when loading data for the second time
                   <dd
                     class="euiDescriptionList__description c4 eui-textBreakWord"
                   >
-                    someone
+                    <span
+                      class="euiToolTipAnchor eui-textTruncate"
+                    >
+                      <span>
+                        someone
+                      </span>
+                    </span>
                   </dd>
                   <dt
                     class="euiDescriptionList__title c3"
@@ -4290,7 +4362,13 @@ exports[`TrustedAppsGrid renders correctly when loading data for the second time
                   <dd
                     class="euiDescriptionList__description c4 eui-textBreakWord"
                   >
-                    someone
+                    <span
+                      class="euiToolTipAnchor eui-textTruncate"
+                    >
+                      <span>
+                        someone
+                      </span>
+                    </span>
                   </dd>
                   <dt
                     class="euiDescriptionList__title c3"
@@ -4579,7 +4657,13 @@ exports[`TrustedAppsGrid renders correctly when loading data for the second time
                   <dd
                     class="euiDescriptionList__description c4 eui-textBreakWord"
                   >
-                    someone
+                    <span
+                      class="euiToolTipAnchor eui-textTruncate"
+                    >
+                      <span>
+                        someone
+                      </span>
+                    </span>
                   </dd>
                   <dt
                     class="euiDescriptionList__title c3"
@@ -4868,7 +4952,13 @@ exports[`TrustedAppsGrid renders correctly when loading data for the second time
                   <dd
                     class="euiDescriptionList__description c4 eui-textBreakWord"
                   >
-                    someone
+                    <span
+                      class="euiToolTipAnchor eui-textTruncate"
+                    >
+                      <span>
+                        someone
+                      </span>
+                    </span>
                   </dd>
                   <dt
                     class="euiDescriptionList__title c3"
@@ -5157,7 +5247,13 @@ exports[`TrustedAppsGrid renders correctly when loading data for the second time
                   <dd
                     class="euiDescriptionList__description c4 eui-textBreakWord"
                   >
-                    someone
+                    <span
+                      class="euiToolTipAnchor eui-textTruncate"
+                    >
+                      <span>
+                        someone
+                      </span>
+                    </span>
                   </dd>
                   <dt
                     class="euiDescriptionList__title c3"
@@ -5446,7 +5542,13 @@ exports[`TrustedAppsGrid renders correctly when loading data for the second time
                   <dd
                     class="euiDescriptionList__description c4 eui-textBreakWord"
                   >
-                    someone
+                    <span
+                      class="euiToolTipAnchor eui-textTruncate"
+                    >
+                      <span>
+                        someone
+                      </span>
+                    </span>
                   </dd>
                   <dt
                     class="euiDescriptionList__title c3"
@@ -5735,7 +5837,13 @@ exports[`TrustedAppsGrid renders correctly when loading data for the second time
                   <dd
                     class="euiDescriptionList__description c4 eui-textBreakWord"
                   >
-                    someone
+                    <span
+                      class="euiToolTipAnchor eui-textTruncate"
+                    >
+                      <span>
+                        someone
+                      </span>
+                    </span>
                   </dd>
                   <dt
                     class="euiDescriptionList__title c3"
@@ -6024,7 +6132,13 @@ exports[`TrustedAppsGrid renders correctly when loading data for the second time
                   <dd
                     class="euiDescriptionList__description c4 eui-textBreakWord"
                   >
-                    someone
+                    <span
+                      class="euiToolTipAnchor eui-textTruncate"
+                    >
+                      <span>
+                        someone
+                      </span>
+                    </span>
                   </dd>
                   <dt
                     class="euiDescriptionList__title c3"
@@ -6313,7 +6427,13 @@ exports[`TrustedAppsGrid renders correctly when loading data for the second time
                   <dd
                     class="euiDescriptionList__description c4 eui-textBreakWord"
                   >
-                    someone
+                    <span
+                      class="euiToolTipAnchor eui-textTruncate"
+                    >
+                      <span>
+                        someone
+                      </span>
+                    </span>
                   </dd>
                   <dt
                     class="euiDescriptionList__title c3"
@@ -6867,7 +6987,13 @@ exports[`TrustedAppsGrid renders correctly when new page and page size set (not
                   <dd
                     class="euiDescriptionList__description c4 eui-textBreakWord"
                   >
-                    someone
+                    <span
+                      class="euiToolTipAnchor eui-textTruncate"
+                    >
+                      <span>
+                        someone
+                      </span>
+                    </span>
                   </dd>
                   <dt
                     class="euiDescriptionList__title c3"
@@ -7156,7 +7282,13 @@ exports[`TrustedAppsGrid renders correctly when new page and page size set (not
                   <dd
                     class="euiDescriptionList__description c4 eui-textBreakWord"
                   >
-                    someone
+                    <span
+                      class="euiToolTipAnchor eui-textTruncate"
+                    >
+                      <span>
+                        someone
+                      </span>
+                    </span>
                   </dd>
                   <dt
                     class="euiDescriptionList__title c3"
@@ -7445,7 +7577,13 @@ exports[`TrustedAppsGrid renders correctly when new page and page size set (not
                   <dd
                     class="euiDescriptionList__description c4 eui-textBreakWord"
                   >
-                    someone
+                    <span
+                      class="euiToolTipAnchor eui-textTruncate"
+                    >
+                      <span>
+                        someone
+                      </span>
+                    </span>
                   </dd>
                   <dt
                     class="euiDescriptionList__title c3"
@@ -7734,7 +7872,13 @@ exports[`TrustedAppsGrid renders correctly when new page and page size set (not
                   <dd
                     class="euiDescriptionList__description c4 eui-textBreakWord"
                   >
-                    someone
+                    <span
+                      class="euiToolTipAnchor eui-textTruncate"
+                    >
+                      <span>
+                        someone
+                      </span>
+                    </span>
                   </dd>
                   <dt
                     class="euiDescriptionList__title c3"
@@ -8023,7 +8167,13 @@ exports[`TrustedAppsGrid renders correctly when new page and page size set (not
                   <dd
                     class="euiDescriptionList__description c4 eui-textBreakWord"
                   >
-                    someone
+                    <span
+                      class="euiToolTipAnchor eui-textTruncate"
+                    >
+                      <span>
+                        someone
+                      </span>
+                    </span>
                   </dd>
                   <dt
                     class="euiDescriptionList__title c3"
@@ -8312,7 +8462,13 @@ exports[`TrustedAppsGrid renders correctly when new page and page size set (not
                   <dd
                     class="euiDescriptionList__description c4 eui-textBreakWord"
                   >
-                    someone
+                    <span
+                      class="euiToolTipAnchor eui-textTruncate"
+                    >
+                      <span>
+                        someone
+                      </span>
+                    </span>
                   </dd>
                   <dt
                     class="euiDescriptionList__title c3"
@@ -8601,7 +8757,13 @@ exports[`TrustedAppsGrid renders correctly when new page and page size set (not
                   <dd
                     class="euiDescriptionList__description c4 eui-textBreakWord"
                   >
-                    someone
+                    <span
+                      class="euiToolTipAnchor eui-textTruncate"
+                    >
+                      <span>
+                        someone
+                      </span>
+                    </span>
                   </dd>
                   <dt
                     class="euiDescriptionList__title c3"
@@ -8890,7 +9052,13 @@ exports[`TrustedAppsGrid renders correctly when new page and page size set (not
                   <dd
                     class="euiDescriptionList__description c4 eui-textBreakWord"
                   >
-                    someone
+                    <span
+                      class="euiToolTipAnchor eui-textTruncate"
+                    >
+                      <span>
+                        someone
+                      </span>
+                    </span>
                   </dd>
                   <dt
                     class="euiDescriptionList__title c3"
@@ -9179,7 +9347,13 @@ exports[`TrustedAppsGrid renders correctly when new page and page size set (not
                   <dd
                     class="euiDescriptionList__description c4 eui-textBreakWord"
                   >
-                    someone
+                    <span
+                      class="euiToolTipAnchor eui-textTruncate"
+                    >
+                      <span>
+                        someone
+                      </span>
+                    </span>
                   </dd>
                   <dt
                     class="euiDescriptionList__title c3"
@@ -9468,7 +9642,13 @@ exports[`TrustedAppsGrid renders correctly when new page and page size set (not
                   <dd
                     class="euiDescriptionList__description c4 eui-textBreakWord"
                   >
-                    someone
+                    <span
+                      class="euiToolTipAnchor eui-textTruncate"
+                    >
+                      <span>
+                        someone
+                      </span>
+                    </span>
                   </dd>
                   <dt
                     class="euiDescriptionList__title c3"
diff --git a/x-pack/plugins/security_solution/public/management/pages/trusted_apps/view/components/trusted_apps_list/__snapshots__/index.test.tsx.snap b/x-pack/plugins/security_solution/public/management/pages/trusted_apps/view/components/trusted_apps_list/__snapshots__/index.test.tsx.snap
index 2bb498ee2d463..543ca9695fce2 100644
--- a/x-pack/plugins/security_solution/public/management/pages/trusted_apps/view/components/trusted_apps_list/__snapshots__/index.test.tsx.snap
+++ b/x-pack/plugins/security_solution/public/management/pages/trusted_apps/view/components/trusted_apps_list/__snapshots__/index.test.tsx.snap
@@ -862,7 +862,13 @@ exports[`TrustedAppsList renders correctly when item details expanded 1`] = `
                         <dd
                           class="euiDescriptionList__description c2 eui-textBreakWord"
                         >
-                          someone
+                          <span
+                            class="euiToolTipAnchor eui-textTruncate"
+                          >
+                            <span>
+                              someone
+                            </span>
+                          </span>
                         </dd>
                         <dt
                           class="euiDescriptionList__title c1"