* EUI 6.0.1

* update snapshots
This commit is contained in:
Nathan Reese 2018-12-26 15:08:03 -07:00 committed by GitHub
parent ac1c8d85cc
commit 09fd4b245b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
22 changed files with 146 additions and 214 deletions

View file

@ -109,7 +109,7 @@
},
"dependencies": {
"@elastic/datemath": "5.0.2",
"@elastic/eui": "5.8.1",
"@elastic/eui": "6.0.1",
"@elastic/filesaver": "1.1.2",
"@elastic/good": "8.1.1-kibana2",
"@elastic/numeral": "2.3.2",

View file

@ -564,6 +564,7 @@ exports[`bulkCreate should display success message when bulkCreate is successful
>
<path
d="M6.5 12a.502.502 0 0 1-.354-.146l-4-4a.502.502 0 0 1 .708-.708L6.5 10.793l6.646-6.647a.502.502 0 0 1 .708.708l-7 7A.502.502 0 0 1 6.5 12"
fillRule="evenodd"
/>
</svg>
</check>

View file

@ -287,7 +287,6 @@ exports[`NewVisModal should render as expected 1`] = `
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<svg
aria-hidden="true"
@ -298,17 +297,9 @@ exports[`NewVisModal should render as expected 1`] = `
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<defs>
<path
d="M7.293 8l-4.147 4.146a.5.5 0 0 0 .708.708L8 8.707l4.146 4.147a.5.5 0 0 0 .708-.708L8.707 8l4.147-4.146a.5.5 0 0 0-.708-.708L8 7.293 3.854 3.146a.5.5 0 1 0-.708.708L7.293 8z"
id="cross-a"
/>
</defs>
<use
fillRule="nonzero"
xlinkHref="#cross-a"
<path
d="M7.293 8L3.146 3.854a.5.5 0 1 1 .708-.708L8 7.293l4.146-4.147a.5.5 0 0 1 .708.708L8.707 8l4.147 4.146a.5.5 0 0 1-.708.708L8 8.707l-4.146 4.147a.5.5 0 0 1-.708-.708L7.293 8z"
/>
</svg>
</cross>

View file

@ -117,7 +117,7 @@
},
"dependencies": {
"@elastic/datemath": "5.0.2",
"@elastic/eui": "5.8.1",
"@elastic/eui": "6.0.1",
"@elastic/node-crypto": "0.1.2",
"@elastic/node-phantom-simple": "2.2.4",
"@elastic/numeral": "2.3.2",

View file

@ -172,18 +172,9 @@ exports[`ErrorGroupOverview -> List should render empty state 1`] = `
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<defs>
<path
d="M8.93 4.244l5.061 4.599c.231.21.605.21.836 0 .23-.21.23-.55 0-.76l-5.075-4.61c-.694-.631-1.811-.63-2.504 0l-5.075 4.61c-.23.21-.23.55 0 .76.23.21.605.21.836 0l5.062-4.6A.498.498 0 0 0 8 4.5v8a.5.5 0 1 0 1 0v-8a.498.498 0 0 0-.07-.256z"
id="sort_down-a"
/>
</defs>
<use
fillRule="nonzero"
transform="rotate(-180 8.5 8)"
xlinkHref="#sort_down-a"
<path
d="M7 11.692V3.556C7 3.249 7.224 3 7.5 3s.5.249.5.556v8.136l4.096-4.096a.5.5 0 0 1 .707.707l-4.242 4.243a1.494 1.494 0 0 1-.925.433.454.454 0 0 1-.272 0 1.494 1.494 0 0 1-.925-.433L2.197 8.303a.5.5 0 1 1 .707-.707L7 11.692z"
/>
</svg>
</span>
@ -478,18 +469,9 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<defs>
<path
d="M8.93 4.244l5.061 4.599c.231.21.605.21.836 0 .23-.21.23-.55 0-.76l-5.075-4.61c-.694-.631-1.811-.63-2.504 0l-5.075 4.61c-.23.21-.23.55 0 .76.23.21.605.21.836 0l5.062-4.6A.498.498 0 0 0 8 4.5v8a.5.5 0 1 0 1 0v-8a.498.498 0 0 0-.07-.256z"
id="sort_down-a"
/>
</defs>
<use
fillRule="nonzero"
transform="rotate(-180 8.5 8)"
xlinkHref="#sort_down-a"
<path
d="M7 11.692V3.556C7 3.249 7.224 3 7.5 3s.5.249.5.556v8.136l4.096-4.096a.5.5 0 0 1 .707.707l-4.242 4.243a1.494 1.494 0 0 1-.925.433.454.454 0 0 1-.272 0 1.494 1.494 0 0 1-.925-.433L2.197 8.303a.5.5 0 1 1 .707-.707L7 11.692z"
/>
</svg>
</span>

View file

@ -6,11 +6,13 @@
import React from 'react';
import { EuiExpression } from '@elastic/eui';
export function FromExpression({ leftSourceName }) {
return (
<div className="euiExpressionButton euiText">
<span className="euiExpressionButton__description">FROM</span>{' '}
<span className="euiExpressionButton__value">{`${leftSourceName} left`}</span>
</div>
<EuiExpression
description="FROM"
value={`${leftSourceName} left`}
/>
);
}

View file

@ -7,12 +7,14 @@
import React from 'react';
import PropTypes from 'prop-types';
import { EuiExpression } from '@elastic/eui';
export function GroupByExpression({ term }) {
return (
<div className="euiExpressionButton euiText">
<span className="euiExpressionButton__description">GROUP BY</span>{' '}
<span className="euiExpressionButton__value">{`right.${term}`}</span>
</div>
<EuiExpression
description="GROUP BY"
value={`right.${term}`}
/>
);
}

View file

@ -10,7 +10,7 @@ import PropTypes from 'prop-types';
import {
EuiPopover,
EuiPopoverTitle,
EuiExpressionButton,
EuiExpression,
EuiFormRow,
} from '@elastic/eui';
@ -65,10 +65,10 @@ export class JoinExpression extends Component {
initialFocus="body" /* avoid initialFocus on Combobox */
withTitle
button={
<EuiExpressionButton
<EuiExpression
onClick={this._togglePopover}
description="JOIN"
buttonValue={rightSourceName ? `${rightSourceName} right` : '-- select --'}
value={rightSourceName ? `${rightSourceName} right` : '-- select --'}
/>
}
>

View file

@ -10,7 +10,7 @@ import PropTypes from 'prop-types';
import {
EuiPopover,
EuiPopoverTitle,
EuiExpressionButton,
EuiExpression,
EuiFormRow,
EuiComboBox,
} from '@elastic/eui';
@ -108,10 +108,10 @@ export class OnExpression extends Component {
withTitle
initialFocus="body" /* avoid initialFocus on Combobox */
button={
<EuiExpressionButton
<EuiExpression
onClick={this._togglePopover}
description="ON"
buttonValue={
value={
leftValue && rightValue
? `left.${leftValue} = right.${rightValue}`
: '-- select --'

View file

@ -10,7 +10,7 @@ import PropTypes from 'prop-types';
import {
EuiPopover,
EuiPopoverTitle,
EuiExpressionButton,
EuiExpression,
EuiFormErrorText,
} from '@elastic/eui';
@ -79,10 +79,10 @@ export class SelectExpression extends Component {
initialFocus="body" /* avoid initialFocus on Combobox */
withTitle
button={
<EuiExpressionButton
<EuiExpression
onClick={this._togglePopover}
description="SELECT"
buttonValue={metricExpressions.length > 0 ? metricExpressions.join(', ') : 'count(*)'}
value={metricExpressions.length > 0 ? metricExpressions.join(', ') : 'count(*)'}
/>
}
>

View file

@ -295,7 +295,6 @@ exports[`ilm summary extension should return extension when index has lifecycle
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<svg
aria-hidden="true"
@ -306,17 +305,9 @@ exports[`ilm summary extension should return extension when index has lifecycle
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<defs>
<path
d="M7.293 8l-4.147 4.146a.5.5 0 0 0 .708.708L8 8.707l4.146 4.147a.5.5 0 0 0 .708-.708L8.707 8l4.147-4.146a.5.5 0 0 0-.708-.708L8 7.293 3.854 3.146a.5.5 0 1 0-.708.708L7.293 8z"
id="cross-a"
/>
</defs>
<use
fillRule="nonzero"
xlinkHref="#cross-a"
<path
d="M7.293 8L3.146 3.854a.5.5 0 1 1 .708-.708L8 7.293l4.146-4.147a.5.5 0 0 1 .708.708L8.707 8l4.147 4.146a.5.5 0 0 1-.708.708L8 8.707l-4.146 4.147a.5.5 0 0 1-.708-.708L7.293 8z"
/>
</svg>
</cross>

View file

@ -124,16 +124,10 @@ exports[`policy table should show empty state when there are not any policies 1`
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
>
<defs>
<path
d="M7 8v3h1V8h3V7H8V4H7v3H4v1h3zm.5-8C11.636 0 15 3.364 15 7.5S11.636 15 7.5 15 0 11.636 0 7.5 3.364 0 7.5 0zm0 .882a6.618 6.618 0 1 0 0 13.236A6.618 6.618 0 0 0 7.5.882z"
id="plus_in_circle-a"
/>
</defs>
<use
xlink:href="#plus_in_circle-a"
<path
d="M8 7h3.5a.5.5 0 1 1 0 1H8v3.5a.5.5 0 1 1-1 0V8H3.5a.5.5 0 0 1 0-1H7V3.5a.5.5 0 0 1 1 0V7zm-.5-7C11.636 0 15 3.364 15 7.5S11.636 15 7.5 15 0 11.636 0 7.5 3.364 0 7.5 0zm0 .882a6.618 6.618 0 1 0 0 13.236A6.618 6.618 0 0 0 7.5.882z"
fill-rule="evenodd"
/>
</svg>
<span

View file

@ -1,5 +1,5 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`LicenseStatus component should display display warning is expired 1`] = `"<div><div class=\\"euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceAround euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><svg class=\\"euiIcon euiIcon--medium euiIcon--danger\\" focusable=\\"false\\" xmlns=\\"http://www.w3.org/2000/svg\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\"><g fill-rule=\\"evenodd\\"><path d=\\"M7.5 2.236L1.618 14h11.764L7.5 2.236zm.894-.447l5.882 11.764A1 1 0 0 1 13.382 15H1.618a1 1 0 0 1-.894-1.447L6.606 1.789a1 1 0 0 1 1.788 0z\\"></path><path d=\\"M7 6h1v5H7zM7 12h1v1H7z\\"></path></g></svg></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><h2 data-test-subj=\\"licenseText\\" class=\\"euiTitle euiTitle--large\\">Your Platinum license has expired</h2></div></div></div></div><div class=\\"euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceAround euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><span data-test-subj=\\"licenseSubText\\"><div class=\\"euiText euiText--medium\\"><div class=\\"euiTextColor euiTextColor--subdued\\">Your license expired on <strong></strong></div></div></span></div></div><div class=\\"euiSpacer euiSpacer--l\\"></div></div>"`;
exports[`LicenseStatus component should display display warning is expired 1`] = `"<div><div class=\\"euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceAround euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><svg class=\\"euiIcon euiIcon--medium euiIcon--danger\\" focusable=\\"false\\" xmlns=\\"http://www.w3.org/2000/svg\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\"><path fill-rule=\\"evenodd\\" d=\\"M8.378 1.496l6.695 10.984A1 1 0 0 1 14.22 14H1.667a1 1 0 0 1-.883-1.47L6.642 1.545a1 1 0 0 1 1.736-.05zm-.853.52L1.667 13h12.552L7.525 2.016zM7.14 10.06L6.9 5.18h1.3l-.25 4.878h-.81zm.394 1.901a.61.61 0 0 1-.448-.186.606.606 0 0 1-.186-.444c0-.174.062-.323.186-.446a.614.614 0 0 1 .448-.184c.169 0 .315.06.44.182.124.122.186.27.186.448a.6.6 0 0 1-.189.446.607.607 0 0 1-.437.184z\\"></path></svg></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><h2 data-test-subj=\\"licenseText\\" class=\\"euiTitle euiTitle--large\\">Your Platinum license has expired</h2></div></div></div></div><div class=\\"euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceAround euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><span data-test-subj=\\"licenseSubText\\"><div class=\\"euiText euiText--medium\\"><div class=\\"euiTextColor euiTextColor--subdued\\">Your license expired on <strong></strong></div></div></span></div></div><div class=\\"euiSpacer euiSpacer--l\\"></div></div>"`;
exports[`LicenseStatus component should display normally when license is active 1`] = `"<div><div class=\\"euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceAround euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><svg class=\\"euiIcon euiIcon--medium euiIcon--success\\" focusable=\\"false\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\" xmlns=\\"http://www.w3.org/2000/svg\\"><path d=\\"M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16zm-1.125-5a.377.377 0 0 0 .266-.11l5.25-5.25a.376.376 0 0 0-.531-.53l-4.985 4.985L4.141 7.36a.376.376 0 0 0-.531.53l3 3c.073.073.17.11.265.11z\\" fill-rule=\\"evenodd\\"></path></svg></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><h2 data-test-subj=\\"licenseText\\" class=\\"euiTitle euiTitle--large\\">Your Gold license is active</h2></div></div></div></div><div class=\\"euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceAround euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><span data-test-subj=\\"licenseSubText\\"><div class=\\"euiText euiText--medium\\"><div class=\\"euiTextColor euiTextColor--subdued\\">Your license will expire on <strong>October 12, 2099 7:00 PM EST</strong></div></div></span></div></div><div class=\\"euiSpacer euiSpacer--l\\"></div></div>"`;
exports[`LicenseStatus component should display normally when license is active 1`] = `"<div><div class=\\"euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceAround euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><div class=\\"euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><svg class=\\"euiIcon euiIcon--medium euiIcon--success\\" focusable=\\"false\\" xmlns=\\"http://www.w3.org/2000/svg\\" width=\\"16\\" height=\\"16\\" viewBox=\\"0 0 16 16\\"><path fill-rule=\\"evenodd\\" d=\\"M8 16A8 8 0 1 1 8 0a8 8 0 0 1 0 16zm3.65-10.857L6.91 9.8 4.35 7.286a.5.5 0 0 0-.7.714l2.909 2.857a.5.5 0 0 0 .7 0l5.091-5a.5.5 0 1 0-.7-.714z\\"></path></svg></div><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><h2 data-test-subj=\\"licenseText\\" class=\\"euiTitle euiTitle--large\\">Your Gold license is active</h2></div></div></div></div><div class=\\"euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--justifyContentSpaceAround euiFlexGroup--directionRow euiFlexGroup--responsive\\"><div class=\\"euiFlexItem euiFlexItem--flexGrowZero\\"><span data-test-subj=\\"licenseSubText\\"><div class=\\"euiText euiText--medium\\"><div class=\\"euiTextColor euiTextColor--subdued\\">Your license will expire on <strong>October 12, 2099 7:00 PM EST</strong></div></div></span></div></div><div class=\\"euiSpacer euiSpacer--l\\"></div></div>"`;

View file

@ -251,7 +251,6 @@ exports[`UploadLicense should display a modal when license requires acknowledgem
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<svg
aria-hidden="true"
@ -262,17 +261,9 @@ exports[`UploadLicense should display a modal when license requires acknowledgem
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<defs>
<path
d="M7.293 8l-4.147 4.146a.5.5 0 0 0 .708.708L8 8.707l4.146 4.147a.5.5 0 0 0 .708-.708L8.707 8l4.147-4.146a.5.5 0 0 0-.708-.708L8 7.293 3.854 3.146a.5.5 0 1 0-.708.708L7.293 8z"
id="cross-a"
/>
</defs>
<use
fillRule="nonzero"
xlinkHref="#cross-a"
<path
d="M7.293 8L3.146 3.854a.5.5 0 1 1 .708-.708L8 7.293l4.146-4.147a.5.5 0 0 1 .708.708L8.707 8l4.147 4.146a.5.5 0 0 1-.708.708L8 8.707l-4.146 4.147a.5.5 0 0 1-.708-.708L7.293 8z"
/>
</svg>
</cross>

View file

@ -224,16 +224,10 @@ exports[`UpgradeFailure component passes expected text for new pipeline 1`] = `
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<g
<path
d="M8.378 1.496l6.695 10.984A1 1 0 0 1 14.22 14H1.667a1 1 0 0 1-.883-1.47L6.642 1.545a1 1 0 0 1 1.736-.05zm-.853.52L1.667 13h12.552L7.525 2.016zM7.14 10.06L6.9 5.18h1.3l-.25 4.878h-.81zm.394 1.901a.61.61 0 0 1-.448-.186.606.606 0 0 1-.186-.444c0-.174.062-.323.186-.446a.614.614 0 0 1 .448-.184c.169 0 .315.06.44.182.124.122.186.27.186.448a.6.6 0 0 1-.189.446.607.607 0 0 1-.437.184z"
fillRule="evenodd"
>
<path
d="M7.5 2.236L1.618 14h11.764L7.5 2.236zm.894-.447l5.882 11.764A1 1 0 0 1 13.382 15H1.618a1 1 0 0 1-.894-1.447L6.606 1.789a1 1 0 0 1 1.788 0z"
/>
<path
d="M7 6h1v5H7zM7 12h1v1H7z"
/>
</g>
/>
</svg>
</alert>
</EuiIcon>
@ -626,16 +620,10 @@ exports[`UpgradeFailure component passes expected text for not manual upgrade 1`
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<g
<path
d="M8.378 1.496l6.695 10.984A1 1 0 0 1 14.22 14H1.667a1 1 0 0 1-.883-1.47L6.642 1.545a1 1 0 0 1 1.736-.05zm-.853.52L1.667 13h12.552L7.525 2.016zM7.14 10.06L6.9 5.18h1.3l-.25 4.878h-.81zm.394 1.901a.61.61 0 0 1-.448-.186.606.606 0 0 1-.186-.444c0-.174.062-.323.186-.446a.614.614 0 0 1 .448-.184c.169 0 .315.06.44.182.124.122.186.27.186.448a.6.6 0 0 1-.189.446.607.607 0 0 1-.437.184z"
fillRule="evenodd"
>
<path
d="M7.5 2.236L1.618 14h11.764L7.5 2.236zm.894-.447l5.882 11.764A1 1 0 0 1 13.382 15H1.618a1 1 0 0 1-.894-1.447L6.606 1.789a1 1 0 0 1 1.788 0z"
/>
<path
d="M7 6h1v5H7zM7 12h1v1H7z"
/>
</g>
/>
</svg>
</alert>
</EuiIcon>
@ -1028,16 +1016,10 @@ exports[`UpgradeFailure component passes expected text for not new pipeline 1`]
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<g
<path
d="M8.378 1.496l6.695 10.984A1 1 0 0 1 14.22 14H1.667a1 1 0 0 1-.883-1.47L6.642 1.545a1 1 0 0 1 1.736-.05zm-.853.52L1.667 13h12.552L7.525 2.016zM7.14 10.06L6.9 5.18h1.3l-.25 4.878h-.81zm.394 1.901a.61.61 0 0 1-.448-.186.606.606 0 0 1-.186-.444c0-.174.062-.323.186-.446a.614.614 0 0 1 .448-.184c.169 0 .315.06.44.182.124.122.186.27.186.448a.6.6 0 0 1-.189.446.607.607 0 0 1-.437.184z"
fillRule="evenodd"
>
<path
d="M7.5 2.236L1.618 14h11.764L7.5 2.236zm.894-.447l5.882 11.764A1 1 0 0 1 13.382 15H1.618a1 1 0 0 1-.894-1.447L6.606 1.789a1 1 0 0 1 1.788 0z"
/>
<path
d="M7 6h1v5H7zM7 12h1v1H7z"
/>
</g>
/>
</svg>
</alert>
</EuiIcon>

View file

@ -17,11 +17,13 @@ exports[`ConditionExpression renders with appliesTo, operator and value supplied
<EuiPopover
anchorPosition="downLeft"
button={
<EuiExpressionButton
buttonValue="diff from typical"
<EuiExpression
color="secondary"
description="when"
isActive={false}
onClick={[Function]}
uppercase={true}
value="diff from typical"
/>
}
closePopover={[Function]}
@ -42,7 +44,8 @@ exports[`ConditionExpression renders with appliesTo, operator and value supplied
<EuiPopoverTitle>
When
</EuiPopoverTitle>
<EuiExpression
<div
className="euiExpression"
style={
Object {
"width": 200,
@ -73,7 +76,7 @@ exports[`ConditionExpression renders with appliesTo, operator and value supplied
}
value="diff_from_typical"
/>
</EuiExpression>
</div>
</div>
</EuiPopover>
</EuiFlexItem>
@ -84,11 +87,13 @@ exports[`ConditionExpression renders with appliesTo, operator and value supplied
<EuiPopover
anchorPosition="downLeft"
button={
<EuiExpressionButton
buttonValue="123"
<EuiExpression
color="secondary"
description="is greater than"
isActive={false}
onClick={[Function]}
uppercase={true}
value="123"
/>
}
closePopover={[Function]}
@ -109,7 +114,9 @@ exports[`ConditionExpression renders with appliesTo, operator and value supplied
<EuiPopoverTitle>
Is
</EuiPopoverTitle>
<EuiExpression>
<div
className="euiExpression"
>
<EuiFlexGroup
alignItems="stretch"
component="div"
@ -180,7 +187,7 @@ exports[`ConditionExpression renders with appliesTo, operator and value supplied
/>
</EuiFlexItem>
</EuiFlexGroup>
</EuiExpression>
</div>
</div>
</EuiPopover>
</EuiFlexItem>
@ -218,11 +225,13 @@ exports[`ConditionExpression renders with only value supplied 1`] = `
<EuiPopover
anchorPosition="downLeft"
button={
<EuiExpressionButton
buttonValue=""
<EuiExpression
color="secondary"
description="when"
isActive={false}
onClick={[Function]}
uppercase={true}
value=""
/>
}
closePopover={[Function]}
@ -243,7 +252,8 @@ exports[`ConditionExpression renders with only value supplied 1`] = `
<EuiPopoverTitle>
When
</EuiPopoverTitle>
<EuiExpression
<div
className="euiExpression"
style={
Object {
"width": 200,
@ -273,7 +283,7 @@ exports[`ConditionExpression renders with only value supplied 1`] = `
]
}
/>
</EuiExpression>
</div>
</div>
</EuiPopover>
</EuiFlexItem>
@ -284,11 +294,13 @@ exports[`ConditionExpression renders with only value supplied 1`] = `
<EuiPopover
anchorPosition="downLeft"
button={
<EuiExpressionButton
buttonValue="123"
<EuiExpression
color="secondary"
description="is "
isActive={false}
onClick={[Function]}
uppercase={true}
value="123"
/>
}
closePopover={[Function]}
@ -309,7 +321,9 @@ exports[`ConditionExpression renders with only value supplied 1`] = `
<EuiPopoverTitle>
Is
</EuiPopoverTitle>
<EuiExpression>
<div
className="euiExpression"
>
<EuiFlexGroup
alignItems="stretch"
component="div"
@ -379,7 +393,7 @@ exports[`ConditionExpression renders with only value supplied 1`] = `
/>
</EuiFlexItem>
</EuiFlexGroup>
</EuiExpression>
</div>
</div>
</EuiPopover>
</EuiFlexItem>

View file

@ -28,12 +28,14 @@ exports[`ScopeExpression renders when empty list of filter IDs is supplied 1`] =
component="div"
grow={false}
>
<EuiExpressionButton
buttonValue="domain"
<EuiExpression
className="scope-field-button"
color="secondary"
description="when"
isActive={false}
onClick={[Function]}
uppercase={true}
value="domain"
/>
</EuiFlexItem>
</EuiFlexGroup>
@ -67,12 +69,14 @@ exports[`ScopeExpression renders when enabled set to false 1`] = `
component="div"
grow={false}
>
<EuiExpressionButton
buttonValue="domain"
<EuiExpression
className="scope-field-button"
color="secondary"
description="when"
isActive={false}
onClick={[Function]}
uppercase={true}
value="domain"
/>
</EuiFlexItem>
<EuiFlexItem
@ -82,11 +86,13 @@ exports[`ScopeExpression renders when enabled set to false 1`] = `
<EuiPopover
anchorPosition="downLeft"
button={
<EuiExpressionButton
buttonValue="safe_domains"
<EuiExpression
color="secondary"
description="is in"
isActive={false}
onClick={[Function]}
uppercase={true}
value="safe_domains"
/>
}
closePopover={[Function]}
@ -107,7 +113,9 @@ exports[`ScopeExpression renders when enabled set to false 1`] = `
<EuiPopoverTitle>
Is
</EuiPopoverTitle>
<EuiExpression>
<div
className="euiExpression"
>
<EuiFlexGroup
alignItems="stretch"
component="div"
@ -187,7 +195,7 @@ exports[`ScopeExpression renders when enabled set to false 1`] = `
/>
</EuiFlexItem>
</EuiFlexGroup>
</EuiExpression>
</div>
</div>
</EuiPopover>
</EuiFlexItem>
@ -222,12 +230,14 @@ exports[`ScopeExpression renders when filter ID and type supplied 1`] = `
component="div"
grow={false}
>
<EuiExpressionButton
buttonValue="domain"
<EuiExpression
className="scope-field-button"
color="secondary"
description="when"
isActive={false}
onClick={[Function]}
uppercase={true}
value="domain"
/>
</EuiFlexItem>
<EuiFlexItem
@ -237,11 +247,13 @@ exports[`ScopeExpression renders when filter ID and type supplied 1`] = `
<EuiPopover
anchorPosition="downLeft"
button={
<EuiExpressionButton
buttonValue="safe_domains"
<EuiExpression
color="secondary"
description="is in"
isActive={false}
onClick={[Function]}
uppercase={true}
value="safe_domains"
/>
}
closePopover={[Function]}
@ -262,7 +274,9 @@ exports[`ScopeExpression renders when filter ID and type supplied 1`] = `
<EuiPopoverTitle>
Is
</EuiPopoverTitle>
<EuiExpression>
<div
className="euiExpression"
>
<EuiFlexGroup
alignItems="stretch"
component="div"
@ -342,7 +356,7 @@ exports[`ScopeExpression renders when filter ID and type supplied 1`] = `
/>
</EuiFlexItem>
</EuiFlexGroup>
</EuiExpression>
</div>
</div>
</EuiPopover>
</EuiFlexItem>
@ -377,12 +391,14 @@ exports[`ScopeExpression renders when no filter ID or type supplied 1`] = `
component="div"
grow={false}
>
<EuiExpressionButton
buttonValue="domain"
<EuiExpression
className="scope-field-button"
color="secondary"
description="when"
isActive={false}
onClick={[Function]}
uppercase={true}
value="domain"
/>
</EuiFlexItem>
<EuiFlexItem
@ -392,11 +408,13 @@ exports[`ScopeExpression renders when no filter ID or type supplied 1`] = `
<EuiPopover
anchorPosition="downLeft"
button={
<EuiExpressionButton
buttonValue=""
<EuiExpression
color="secondary"
description="is "
isActive={false}
onClick={[Function]}
uppercase={true}
value=""
/>
}
closePopover={[Function]}
@ -417,7 +435,9 @@ exports[`ScopeExpression renders when no filter ID or type supplied 1`] = `
<EuiPopoverTitle>
Is
</EuiPopoverTitle>
<EuiExpression>
<div
className="euiExpression"
>
<EuiFlexGroup
alignItems="stretch"
component="div"
@ -495,7 +515,7 @@ exports[`ScopeExpression renders when no filter ID or type supplied 1`] = `
/>
</EuiFlexItem>
</EuiFlexGroup>
</EuiExpression>
</div>
</div>
</EuiPopover>
</EuiFlexItem>

View file

@ -17,7 +17,6 @@ import React, {
import {
EuiButtonIcon,
EuiExpression,
EuiExpressionButton,
EuiPopoverTitle,
EuiFlexItem,
EuiFlexGroup,
@ -100,7 +99,7 @@ export class ConditionExpression extends Component {
return (
<div style={POPOVER_STYLE}>
<EuiPopoverTitle>When</EuiPopoverTitle>
<EuiExpression style={{ width: 200 }}>
<div className="euiExpression" style={{ width: 200 }}>
<EuiSelect
value={this.props.appliesTo}
onChange={this.changeAppliesTo}
@ -110,7 +109,7 @@ export class ConditionExpression extends Component {
{ value: APPLIES_TO.DIFF_FROM_TYPICAL, text: appliesToText(APPLIES_TO.DIFF_FROM_TYPICAL) }
]}
/>
</EuiExpression>
</div>
</div>
);
}
@ -119,7 +118,7 @@ export class ConditionExpression extends Component {
return (
<div style={POPOVER_STYLE}>
<EuiPopoverTitle>Is</EuiPopoverTitle>
<EuiExpression>
<div className="euiExpression">
<EuiFlexGroup style={{ maxWidth: 450 }}>
<EuiFlexItem grow={false} style={{ width: 250 }}>
<EuiSelect
@ -141,7 +140,7 @@ export class ConditionExpression extends Component {
/>
</EuiFlexItem>
</EuiFlexGroup>
</EuiExpression>
</div>
</div>
);
}
@ -161,9 +160,9 @@ export class ConditionExpression extends Component {
<EuiPopover
id="appliesToPopover"
button={(
<EuiExpressionButton
<EuiExpression
description="when"
buttonValue={appliesToText(appliesTo)}
value={appliesToText(appliesTo)}
isActive={this.state.isAppliesToOpen}
onClick={this.openAppliesTo}
/>
@ -183,9 +182,9 @@ export class ConditionExpression extends Component {
<EuiPopover
id="operatorValuePopover"
button={(
<EuiExpressionButton
<EuiExpression
description={`is ${operatorToText(operator)}`}
buttonValue={`${value}`}
value={`${value}`}
isActive={this.state.isOperatorValueOpen}
onClick={this.openOperatorValue}
/>

View file

@ -17,7 +17,6 @@ import React, {
import {
EuiCheckbox,
EuiExpression,
EuiExpressionButton,
EuiPopoverTitle,
EuiFlexItem,
EuiFlexGroup,
@ -96,7 +95,7 @@ export class ScopeExpression extends Component {
return (
<div style={POPOVER_STYLE}>
<EuiPopoverTitle>Is</EuiPopoverTitle>
<EuiExpression>
<div className="euiExpression">
<EuiFlexGroup style={{ maxWidth: 450 }}>
<EuiFlexItem grow={false} style={{ width: 150 }}>
<EuiSelect
@ -117,7 +116,7 @@ export class ScopeExpression extends Component {
/>
</EuiFlexItem>
</EuiFlexGroup>
</EuiExpression>
</div>
</div>
);
}
@ -141,10 +140,10 @@ export class ScopeExpression extends Component {
/>
</EuiFlexItem>
<EuiFlexItem grow={false}>
<EuiExpressionButton
<EuiExpression
className="scope-field-button"
description="when"
buttonValue={fieldName}
value={fieldName}
isActive={false}
onClick={(event) => event.preventDefault()}
/>
@ -155,9 +154,9 @@ export class ScopeExpression extends Component {
<EuiPopover
id="operatorValuePopover"
button={(
<EuiExpressionButton
<EuiExpression
description={`is ${filterTypeToText(filterType)}`}
buttonValue={filterId || ''}
value={filterId || ''}
isActive={this.state.isFilterListOpen}
onClick={this.openFilterList}
/>

View file

@ -35,7 +35,7 @@ exports[`ReportInfoButton handles button click flyout on click 1`] = `
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M8.3 10.717H6.7v-4h1.6v4zm-1.6-5.71a.83.83 0 0 1 .207-.578c.137-.153.334-.229.59-.229.256 0 .454.076.594.23.14.152.209.345.209.576 0 .228-.07.417-.21.568-.14.15-.337.226-.593.226-.256 0-.453-.075-.59-.226a.81.81 0 0 1-.207-.568zM7.5 13A5.506 5.506 0 0 1 2 7.5C2 4.467 4.467 2 7.5 2S13 4.467 13 7.5 10.533 13 7.5 13m0-12a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13"
d="M7.5 11.508L7.468 8H6.25V7h2.401l.03 3.508H9.8v1H7.5zm-.25-6.202a.83.83 0 0 1 .207-.577c.137-.153.334-.229.59-.229.256 0 .454.076.594.23.14.152.209.345.209.576 0 .228-.07.417-.21.568-.14.15-.337.226-.593.226-.256 0-.453-.075-.59-.226a.81.81 0 0 1-.207-.568zM8 13A5 5 0 1 0 8 3a5 5 0 0 0 0 10zm0 1A6 6 0 1 1 8 2a6 6 0 0 1 0 12z"
fillRule="evenodd"
/>
</svg>
@ -112,7 +112,6 @@ Array [
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<svg
aria-hidden="true"
@ -123,17 +122,9 @@ Array [
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<defs>
<path
d="M7.293 8l-4.147 4.146a.5.5 0 0 0 .708.708L8 8.707l4.146 4.147a.5.5 0 0 0 .708-.708L8.707 8l4.147-4.146a.5.5 0 0 0-.708-.708L8 7.293 3.854 3.146a.5.5 0 1 0-.708.708L7.293 8z"
id="cross-a"
/>
</defs>
<use
fillRule="nonzero"
xlinkHref="#cross-a"
<path
d="M7.293 8L3.146 3.854a.5.5 0 1 1 .708-.708L8 7.293l4.146-4.147a.5.5 0 0 1 .708.708L8.707 8l4.147 4.146a.5.5 0 0 1-.708.708L8 8.707l-4.146 4.147a.5.5 0 0 1-.708-.708L7.293 8z"
/>
</svg>
</cross>
@ -219,7 +210,6 @@ Array [
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<svg
aria-hidden="true"
@ -230,17 +220,9 @@ Array [
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<defs>
<path
d="M7.293 8l-4.147 4.146a.5.5 0 0 0 .708.708L8 8.707l4.146 4.147a.5.5 0 0 0 .708-.708L8.707 8l4.147-4.146a.5.5 0 0 0-.708-.708L8 7.293 3.854 3.146a.5.5 0 1 0-.708.708L7.293 8z"
id="cross-a"
/>
</defs>
<use
fillRule="nonzero"
xlinkHref="#cross-a"
<path
d="M7.293 8L3.146 3.854a.5.5 0 1 1 .708-.708L8 7.293l4.146-4.147a.5.5 0 0 1 .708.708L8.707 8l4.147 4.146a.5.5 0 0 1-.708.708L8 8.707l-4.146 4.147a.5.5 0 0 1-.708-.708L7.293 8z"
/>
</svg>
</cross>
@ -354,7 +336,6 @@ Array [
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<svg
aria-hidden="true"
@ -365,17 +346,9 @@ Array [
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<defs>
<path
d="M7.293 8l-4.147 4.146a.5.5 0 0 0 .708.708L8 8.707l4.146 4.147a.5.5 0 0 0 .708-.708L8.707 8l4.147-4.146a.5.5 0 0 0-.708-.708L8 7.293 3.854 3.146a.5.5 0 1 0-.708.708L7.293 8z"
id="cross-a"
/>
</defs>
<use
fillRule="nonzero"
xlinkHref="#cross-a"
<path
d="M7.293 8L3.146 3.854a.5.5 0 1 1 .708-.708L8 7.293l4.146-4.147a.5.5 0 0 1 .708.708L8.707 8l4.147 4.146a.5.5 0 0 1-.708.708L8 8.707l-4.146 4.147a.5.5 0 0 1-.708-.708L7.293 8z"
/>
</svg>
</cross>
@ -459,7 +432,6 @@ Array [
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<svg
aria-hidden="true"
@ -470,17 +442,9 @@ Array [
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<defs>
<path
d="M7.293 8l-4.147 4.146a.5.5 0 0 0 .708.708L8 8.707l4.146 4.147a.5.5 0 0 0 .708-.708L8.707 8l4.147-4.146a.5.5 0 0 0-.708-.708L8 7.293 3.854 3.146a.5.5 0 1 0-.708.708L7.293 8z"
id="cross-a"
/>
</defs>
<use
fillRule="nonzero"
xlinkHref="#cross-a"
<path
d="M7.293 8L3.146 3.854a.5.5 0 1 1 .708-.708L8 7.293l4.146-4.147a.5.5 0 0 1 .708.708L8.707 8l4.147 4.146a.5.5 0 0 1-.708.708L8 8.707l-4.146 4.147a.5.5 0 0 1-.708-.708L7.293 8z"
/>
</svg>
</cross>

View file

@ -152,7 +152,7 @@ exports[`PrivilegeCalloutWarning renders without crashing 1`] = `
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M8.3 10.717H6.7v-4h1.6v4zm-1.6-5.71a.83.83 0 0 1 .207-.578c.137-.153.334-.229.59-.229.256 0 .454.076.594.23.14.152.209.345.209.576 0 .228-.07.417-.21.568-.14.15-.337.226-.593.226-.256 0-.453-.075-.59-.226a.81.81 0 0 1-.207-.568zM7.5 13A5.506 5.506 0 0 1 2 7.5C2 4.467 4.467 2 7.5 2S13 4.467 13 7.5 10.533 13 7.5 13m0-12a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13"
d="M7.5 11.508L7.468 8H6.25V7h2.401l.03 3.508H9.8v1H7.5zm-.25-6.202a.83.83 0 0 1 .207-.577c.137-.153.334-.229.59-.229.256 0 .454.076.594.23.14.152.209.345.209.576 0 .228-.07.417-.21.568-.14.15-.337.226-.593.226-.256 0-.453-.075-.59-.226a.81.81 0 0 1-.207-.568zM8 13A5 5 0 1 0 8 3a5 5 0 0 0 0 10zm0 1A6 6 0 1 1 8 2a6 6 0 0 1 0 12z"
fillRule="evenodd"
/>
</svg>

View file

@ -803,10 +803,10 @@
tabbable "^1.1.0"
uuid "^3.1.0"
"@elastic/eui@5.8.1":
version "5.8.1"
resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-5.8.1.tgz#33467c059699a4626256d7197451400500831a66"
integrity sha512-y1hn27p9lm5P1sru8jHFbdKx6FzG5mQXc2cyS2Fc/T0SVH1n9Pj44OilM/NyVQNiR2pHKat+Hqc2SRrCcpeDmQ==
"@elastic/eui@6.0.1":
version "6.0.1"
resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-6.0.1.tgz#6dd60ee534f5a5d99e28913b9d7dd6df96af0596"
integrity sha512-l/3s5ea13Um2A4aa4KXRbA8nAXyC0nz5S/w8Sr96ok8qtM1PT+SuBPq9CTEdZ89MHfC9EIwezBFX1pU8sX194A==
dependencies:
"@types/numeral" "^0.0.25"
classnames "^2.2.5"