From 1b23ebe578aa05ebee6c19b2bd9a5b108dc07925 Mon Sep 17 00:00:00 2001
From: Marco Liberati <dej611@users.noreply.github.com>
Date: Mon, 18 Sep 2023 11:25:54 +0200
Subject: [PATCH] [Graph] Replace last KUI buttons with EUI ones (#166588)

## Summary

Fixes #166583

<img width="282" alt="Screenshot 2023-09-18 at 10 11 54"
src="https://github.com/elastic/kibana/assets/924948/14c1befa-cc76-4228-bd4c-eff62337448e">
---
 .../control_panel/selection_tool_bar.tsx      | 45 ++++++++++---------
 1 file changed, 23 insertions(+), 22 deletions(-)

diff --git a/x-pack/plugins/graph/public/components/control_panel/selection_tool_bar.tsx b/x-pack/plugins/graph/public/components/control_panel/selection_tool_bar.tsx
index e2e9771a8e9ef..b69aedfa12699 100644
--- a/x-pack/plugins/graph/public/components/control_panel/selection_tool_bar.tsx
+++ b/x-pack/plugins/graph/public/components/control_panel/selection_tool_bar.tsx
@@ -7,7 +7,7 @@
 
 import React from 'react';
 import { i18n } from '@kbn/i18n';
-import { EuiFlexGroup, EuiFlexItem, EuiToolTip } from '@elastic/eui';
+import { EuiButtonEmpty, EuiFlexGroup, EuiFlexItem, EuiToolTip } from '@elastic/eui';
 import { ControlType, Workspace } from '../../types';
 
 interface SelectionToolBarProps {
@@ -74,61 +74,62 @@ export const SelectionToolBar = ({ workspace, onSetControl }: SelectionToolBarPr
     >
       <EuiFlexItem grow={false}>
         <EuiToolTip content={selectAllButtonMsg}>
-          <button
+          <EuiButtonEmpty
             data-test-subj="graphSelectAll"
-            type="button"
-            className="kuiButton kuiButton--basic kuiButton--small"
-            disabled={haveNodes}
+            size="s"
+            isDisabled={haveNodes}
+            color="text"
             onClick={onSelectAllClick}
           >
             {i18n.translate('xpack.graph.sidebar.selections.selectAllButtonLabel', {
               defaultMessage: 'all',
             })}
-          </button>
+          </EuiButtonEmpty>
         </EuiToolTip>
       </EuiFlexItem>
       <EuiFlexItem grow={false}>
         <EuiToolTip content={selectNoneButtonMsg}>
-          <button
-            type="button"
-            className="kuiButton kuiButton--basic kuiButton--small"
-            disabled={haveNodes}
+          <EuiButtonEmpty
+            data-test-subj="graphSelectNone"
+            size="s"
+            isDisabled={haveNodes}
+            color="text"
             onClick={onSelectNoneClick}
           >
             {i18n.translate('xpack.graph.sidebar.selections.selectNoneButtonLabel', {
               defaultMessage: 'none',
             })}
-          </button>
+          </EuiButtonEmpty>
         </EuiToolTip>
       </EuiFlexItem>
       <EuiFlexItem grow={false}>
         <EuiToolTip content={invertSelectionButtonMsg}>
-          <button
+          <EuiButtonEmpty
             data-test-subj="graphInvertSelection"
-            type="button"
-            className="kuiButton kuiButton--basic kuiButton--small"
-            disabled={haveNodes}
+            size="s"
+            isDisabled={haveNodes}
+            color="text"
             onClick={onInvertSelectionClick}
           >
             {i18n.translate('xpack.graph.sidebar.selections.invertSelectionButtonLabel', {
               defaultMessage: 'invert',
             })}
-          </button>
+          </EuiButtonEmpty>
         </EuiToolTip>
       </EuiFlexItem>
       <EuiFlexItem grow={false}>
         <EuiToolTip content={selectNeighboursButtonMsg}>
-          <button
-            type="button"
-            className="kuiButton kuiButton--basic kuiButton--small"
-            disabled={workspace.selectedNodes.length === 0}
-            onClick={onSelectNeighboursClick}
+          <EuiButtonEmpty
             data-test-subj="graphLinkedSelection"
+            size="s"
+            isDisabled={workspace.selectedNodes.length === 0}
+            color="text"
+            onClick={onSelectNeighboursClick}
           >
             {i18n.translate('xpack.graph.sidebar.selections.selectNeighboursButtonLabel', {
               defaultMessage: 'linked',
             })}
-          </button>
+          </EuiButtonEmpty>
         </EuiToolTip>
       </EuiFlexItem>
     </EuiFlexGroup>