github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-04-23 09:19:04 -04:00
Code Issues Projects Releases Packages Wiki Activity

[Graph] Replace last KUI buttons with EUI ones (#166588)

Browse source 
## Summary

Fixes #166583 

<img width="282" alt="Screenshot 2023-09-18 at 10 11 54"
src="14c1befa-cc76-4228-bd4c-eff62337448e">
This commit is contained in:
Marco Liberati 2023-09-18 11:25:54 +02:00 • committed by GitHub
parent dcd3a473e4
commit 1b23ebe578
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 23 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

45
x-pack/plugins/graph/public/components/control_panel/selection_tool_bar.tsx
View file

@ -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>