[Discover] import copyToClipboard util function from elastic ui

elastic · Feb 25, 2022 · 42e68a7 · 42e68a7
1 parent 8929934
commit 42e68a7
Show file tree

Hide file tree

Showing 2 changed files with 40 additions and 53 deletions.
diff --git a/src/plugins/discover/public/components/discover_grid/copy_column_name_button.tsx b/src/plugins/discover/public/components/discover_grid/copy_column_name_button.tsx
@@ -11,23 +11,17 @@ import { copyToClipboard, EuiListGroupItemProps } from '@elastic/eui';
 import { FormattedMessage } from '@kbn/i18n-react';
 
 export function buildCopyColumnNameButton(columnName: string) {
-  let copy: () => void;
   const copyToClipBoardButton: EuiListGroupItemProps = {
     size: 'xs',
     label: (
-      <EuiCopy textToCopy={columnName}>
-        {(copyCallback) => (
-          <FormattedMessage
-            ref={() => (copy = copyCallback)}
-            id="discover.grid.copyToClipBoardButton"
-            defaultMessage="Copy to clipboard"
-          />
-        )}
-      </EuiCopy>
+      <FormattedMessage
+        id="discover.grid.copyToClipBoardButton"
+        defaultMessage="Copy to clipboard"
+      />
     ),
     iconType: 'copyClipboard',
     iconProps: { size: 'm' },
-    onClick: () => copy(),
+    onClick: () => copyToClipboard(columnName),
   };
 
   return copyToClipBoardButton;

diff --git a/src/plugins/discover/public/components/discover_grid/discover_grid_columns.test.tsx b/src/plugins/discover/public/components/discover_grid/discover_grid_columns.test.tsx
@@ -30,12 +30,11 @@ describe('Discover grid columns', function () {
                   "size": "m",
                 },
                 "iconType": "copyClipboard",
-                "label": <EuiCopy
-                  afterMessage="Copied"
-                  textToCopy="extension"
-                >
-                  [Function]
-                </EuiCopy>,
+                "label": <FormattedMessage
+                  defaultMessage="Copy to clipboard"
+                  id="discover.grid.copyToClipBoardButton"
+                  values={Object {}}
+                />,
                 "onClick": [Function],
                 "size": "xs",
               },
@@ -61,12 +60,11 @@ describe('Discover grid columns', function () {
                   "size": "m",
                 },
                 "iconType": "copyClipboard",
-                "label": <EuiCopy
-                  afterMessage="Copied"
-                  textToCopy="message"
-                >
-                  [Function]
-                </EuiCopy>,
+                "label": <FormattedMessage
+                  defaultMessage="Copy to clipboard"
+                  id="discover.grid.copyToClipBoardButton"
+                  values={Object {}}
+                />,
                 "onClick": [Function],
                 "size": "xs",
               },
@@ -106,12 +104,11 @@ describe('Discover grid columns', function () {
                   "size": "m",
                 },
                 "iconType": "copyClipboard",
-                "label": <EuiCopy
-                  afterMessage="Copied"
-                  textToCopy="extension"
-                >
-                  [Function]
-                </EuiCopy>,
+                "label": <FormattedMessage
+                  defaultMessage="Copy to clipboard"
+                  id="discover.grid.copyToClipBoardButton"
+                  values={Object {}}
+                />,
                 "onClick": [Function],
                 "size": "xs",
               },
@@ -137,12 +134,11 @@ describe('Discover grid columns', function () {
                   "size": "m",
                 },
                 "iconType": "copyClipboard",
-                "label": <EuiCopy
-                  afterMessage="Copied"
-                  textToCopy="message"
-                >
-                  [Function]
-                </EuiCopy>,
+                "label": <FormattedMessage
+                  defaultMessage="Copy to clipboard"
+                  id="discover.grid.copyToClipBoardButton"
+                  values={Object {}}
+                />,
                 "onClick": [Function],
                 "size": "xs",
               },
@@ -179,12 +175,11 @@ describe('Discover grid columns', function () {
                   "size": "m",
                 },
                 "iconType": "copyClipboard",
-                "label": <EuiCopy
-                  afterMessage="Copied"
-                  textToCopy="timestamp"
-                >
-                  [Function]
-                </EuiCopy>,
+                "label": <FormattedMessage
+                  defaultMessage="Copy to clipboard"
+                  id="discover.grid.copyToClipBoardButton"
+                  values={Object {}}
+                />,
                 "onClick": [Function],
                 "size": "xs",
               },
@@ -224,12 +219,11 @@ describe('Discover grid columns', function () {
                   "size": "m",
                 },
                 "iconType": "copyClipboard",
-                "label": <EuiCopy
-                  afterMessage="Copied"
-                  textToCopy="extension"
-                >
-                  [Function]
-                </EuiCopy>,
+                "label": <FormattedMessage
+                  defaultMessage="Copy to clipboard"
+                  id="discover.grid.copyToClipBoardButton"
+                  values={Object {}}
+                />,
                 "onClick": [Function],
                 "size": "xs",
               },
@@ -258,12 +252,11 @@ describe('Discover grid columns', function () {
                   "size": "m",
                 },
                 "iconType": "copyClipboard",
-                "label": <EuiCopy
-                  afterMessage="Copied"
-                  textToCopy="message"
-                >
-                  [Function]
-                </EuiCopy>,
+                "label": <FormattedMessage
+                  defaultMessage="Copy to clipboard"
+                  id="discover.grid.copyToClipBoardButton"
+                  values={Object {}}
+                />,
                 "onClick": [Function],
                 "size": "xs",
               },