Upgrades EUI to 9.x (#32009) (#32642)

* Fixed a simple argument bug and removed infra date picker EUI types

* Fixes for EUI date picker types

* eui_8.0.0

* fix type errors in query_bar

* Small changes for EUI types

* Updates EUI to 9.0.0 and removes @types/react-datepicker as it now ships with EUI

* Updates to EUI 9.0.1 and removes duplicate types in infra eui.d.ts

* ts-ignore applied to ongoing type error with styled components and EUI

* Changes EuiProgress props to avoid TS errors

* Updates EUI 9.0 snapshots

* Updates kibana root snapshots for EUI 9.0 upgrade

* Update detail_panel.test.js for EUI changes

* Updated functioanl and unit tests to properly inspect EuiTableRowCell rendered values

* Fix docs_level_security_roles.js func tests

* Update EUI to 9.0.2

* Fixed failing snapshot for EUI icon default prop
This commit is contained in:
Jason Rhodes 2019-03-07 13:17:48 -05:00 committed by GitHub
parent b7ff5f10f8
commit a1f8dcd900
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
106 changed files with 4613 additions and 2574 deletions

View file

@ -94,7 +94,7 @@
},
"dependencies": {
"@elastic/datemath": "5.0.2",
"@elastic/eui": "7.1.0",
"@elastic/eui": "9.0.2",
"@elastic/filesaver": "1.1.2",
"@elastic/good": "8.1.1-kibana2",
"@elastic/numeral": "2.3.2",

View file

@ -94,6 +94,7 @@ exports[`renders ControlsTab 1`] = `
fullWidth={false}
hasEmptyLabelSpace={false}
id="selectControlType"
labelType="label"
>
<EuiSelect
aria-label="Select control type"
@ -127,6 +128,7 @@ exports[`renders ControlsTab 1`] = `
fullWidth={false}
hasEmptyLabelSpace={false}
id="addControl"
labelType="label"
>
<EuiButton
aria-label="Add control"

View file

@ -28,6 +28,7 @@ exports[`renders dynamic options should display disabled dynamic options with to
}
id="multiselect-0"
key="multiselect"
labelType="label"
>
<EuiSwitch
checked={true}
@ -55,6 +56,7 @@ exports[`renders dynamic options should display disabled dynamic options with to
}
id="dynamicOptions-0"
key="dynamicOptions"
labelType="label"
>
<EuiSwitch
checked={true}
@ -90,6 +92,7 @@ exports[`renders dynamic options should display disabled dynamic options with to
values={Object {}}
/>
}
labelType="label"
>
<EuiFieldNumber
compressed={false}
@ -132,6 +135,7 @@ exports[`renders dynamic options should display dynamic options for string field
}
id="multiselect-0"
key="multiselect"
labelType="label"
>
<EuiSwitch
checked={true}
@ -159,6 +163,7 @@ exports[`renders dynamic options should display dynamic options for string field
}
id="dynamicOptions-0"
key="dynamicOptions"
labelType="label"
>
<EuiSwitch
checked={true}
@ -205,6 +210,7 @@ exports[`renders dynamic options should display size field when dynamic options
}
id="multiselect-0"
key="multiselect"
labelType="label"
>
<EuiSwitch
checked={true}
@ -232,6 +238,7 @@ exports[`renders dynamic options should display size field when dynamic options
}
id="dynamicOptions-0"
key="dynamicOptions"
labelType="label"
>
<EuiSwitch
checked={false}
@ -267,6 +274,7 @@ exports[`renders dynamic options should display size field when dynamic options
values={Object {}}
/>
}
labelType="label"
>
<EuiFieldNumber
compressed={false}
@ -316,6 +324,7 @@ exports[`renders should display chaining input when parents are provided 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<EuiSelect
compressed={false}
@ -354,6 +363,7 @@ exports[`renders should display chaining input when parents are provided 1`] = `
}
id="multiselect-0"
key="multiselect"
labelType="label"
>
<EuiSwitch
checked={true}
@ -381,6 +391,7 @@ exports[`renders should display chaining input when parents are provided 1`] = `
}
id="dynamicOptions-0"
key="dynamicOptions"
labelType="label"
>
<EuiSwitch
checked={false}
@ -416,6 +427,7 @@ exports[`renders should display chaining input when parents are provided 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<EuiFieldNumber
compressed={false}

View file

@ -7,6 +7,7 @@ exports[`renders OptionsTab 1`] = `
fullWidth={false}
hasEmptyLabelSpace={false}
id="updateFiltersOnChange"
labelType="label"
>
<EuiSwitch
checked={false}
@ -26,6 +27,7 @@ exports[`renders OptionsTab 1`] = `
fullWidth={false}
hasEmptyLabelSpace={false}
id="useTimeFilter"
labelType="label"
>
<EuiSwitch
checked={false}
@ -45,6 +47,7 @@ exports[`renders OptionsTab 1`] = `
fullWidth={false}
hasEmptyLabelSpace={false}
id="pinFilters"
labelType="label"
>
<EuiSwitch
data-test-subj="inputControlEditorPinFiltersCheckbox"

View file

@ -27,6 +27,7 @@ exports[`renders RangeControlEditor 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<EuiFieldNumber
compressed={false}
@ -49,6 +50,7 @@ exports[`renders RangeControlEditor 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<EuiFieldNumber
compressed={false}

View file

@ -8,6 +8,7 @@ exports[`renders disabled control with tooltip 1`] = `
hasEmptyLabelSpace={false}
id="controlId"
label="test control"
labelType="label"
>
<EuiToolTip
content="I am disabled for testing purposes"
@ -30,6 +31,7 @@ exports[`renders enabled control 1`] = `
hasEmptyLabelSpace={false}
id="controlId"
label="test control"
labelType="label"
>
<div>
My Control

View file

@ -13,12 +13,13 @@ exports[`disabled 1`] = `
fullWidth={false}
levels={Array []}
max={100}
min={1}
min={0}
showInput={false}
showLabels={false}
showRange={false}
showTicks={false}
showValue={false}
step={1}
/>
</FormRow>
`;
@ -37,6 +38,7 @@ exports[`renders RangeControl 1`] = `
fullWidth={false}
hasEmptyLabelSpace={false}
isInvalid={false}
labelType="label"
>
<EuiFlexGroup
alignItems="center"

View file

@ -30,9 +30,7 @@ exports[`renders DashboardCloneModal 1`] = `
/>
</p>
</EuiText>
<EuiSpacer
size="l"
/>
<EuiSpacer />
<EuiFieldText
autoFocus={true}
compressed={false}

View file

@ -18,6 +18,7 @@ exports[`renders DashboardSaveModal 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<EuiTextArea
compressed={true}
@ -46,6 +47,7 @@ exports[`renders DashboardSaveModal 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<EuiSwitch
checked={true}

View file

@ -45,9 +45,7 @@ exports[`apmUiEnabled 1`] = `
</EuiText>
</EuiFlexItem>
</EuiFlexGroup>
<EuiSpacer
size="l"
/>
<EuiSpacer />
<EuiFlexGroup
alignItems="stretch"
className="homeAddData__flexGroup"
@ -84,7 +82,6 @@ exports[`apmUiEnabled 1`] = `
icon={
<EuiIcon
className="homAddData__icon"
size="m"
type="apmApp"
/>
}
@ -120,7 +117,6 @@ exports[`apmUiEnabled 1`] = `
icon={
<EuiIcon
className="homAddData__icon"
size="m"
type="loggingApp"
/>
}
@ -156,7 +152,6 @@ exports[`apmUiEnabled 1`] = `
icon={
<EuiIcon
className="homAddData__icon"
size="m"
type="monitoringApp"
/>
}
@ -192,7 +187,6 @@ exports[`apmUiEnabled 1`] = `
icon={
<EuiIcon
className="homAddData__icon"
size="m"
type="securityApp"
/>
}
@ -203,10 +197,7 @@ exports[`apmUiEnabled 1`] = `
/>
</EuiFlexItem>
</EuiFlexGroup>
<EuiHorizontalRule
margin="l"
size="full"
/>
<EuiHorizontalRule />
<EuiFlexGrid
columns={2}
gutterSize="l"
@ -343,9 +334,7 @@ exports[`isNewKibanaInstance 1`] = `
</EuiText>
</EuiFlexItem>
</EuiFlexGroup>
<EuiSpacer
size="l"
/>
<EuiSpacer />
<EuiFlexGroup
alignItems="stretch"
className="homeAddData__flexGroup"
@ -382,7 +371,6 @@ exports[`isNewKibanaInstance 1`] = `
icon={
<EuiIcon
className="homAddData__icon"
size="m"
type="loggingApp"
/>
}
@ -418,7 +406,6 @@ exports[`isNewKibanaInstance 1`] = `
icon={
<EuiIcon
className="homAddData__icon"
size="m"
type="monitoringApp"
/>
}
@ -454,7 +441,6 @@ exports[`isNewKibanaInstance 1`] = `
icon={
<EuiIcon
className="homAddData__icon"
size="m"
type="securityApp"
/>
}
@ -465,10 +451,7 @@ exports[`isNewKibanaInstance 1`] = `
/>
</EuiFlexItem>
</EuiFlexGroup>
<EuiHorizontalRule
margin="l"
size="full"
/>
<EuiHorizontalRule />
<EuiFlexGrid
columns={2}
gutterSize="l"
@ -605,9 +588,7 @@ exports[`mlEnabled 1`] = `
</EuiText>
</EuiFlexItem>
</EuiFlexGroup>
<EuiSpacer
size="l"
/>
<EuiSpacer />
<EuiFlexGroup
alignItems="stretch"
className="homeAddData__flexGroup"
@ -644,7 +625,6 @@ exports[`mlEnabled 1`] = `
icon={
<EuiIcon
className="homAddData__icon"
size="m"
type="apmApp"
/>
}
@ -680,7 +660,6 @@ exports[`mlEnabled 1`] = `
icon={
<EuiIcon
className="homAddData__icon"
size="m"
type="loggingApp"
/>
}
@ -716,7 +695,6 @@ exports[`mlEnabled 1`] = `
icon={
<EuiIcon
className="homAddData__icon"
size="m"
type="monitoringApp"
/>
}
@ -752,7 +730,6 @@ exports[`mlEnabled 1`] = `
icon={
<EuiIcon
className="homAddData__icon"
size="m"
type="securityApp"
/>
}
@ -763,10 +740,7 @@ exports[`mlEnabled 1`] = `
/>
</EuiFlexItem>
</EuiFlexGroup>
<EuiHorizontalRule
margin="l"
size="full"
/>
<EuiHorizontalRule />
<EuiFlexGrid
columns={3}
gutterSize="l"
@ -944,9 +918,7 @@ exports[`render 1`] = `
</EuiText>
</EuiFlexItem>
</EuiFlexGroup>
<EuiSpacer
size="l"
/>
<EuiSpacer />
<EuiFlexGroup
alignItems="stretch"
className="homeAddData__flexGroup"
@ -983,7 +955,6 @@ exports[`render 1`] = `
icon={
<EuiIcon
className="homAddData__icon"
size="m"
type="loggingApp"
/>
}
@ -1019,7 +990,6 @@ exports[`render 1`] = `
icon={
<EuiIcon
className="homAddData__icon"
size="m"
type="monitoringApp"
/>
}
@ -1055,7 +1025,6 @@ exports[`render 1`] = `
icon={
<EuiIcon
className="homAddData__icon"
size="m"
type="securityApp"
/>
}
@ -1066,10 +1035,7 @@ exports[`render 1`] = `
/>
</EuiFlexItem>
</EuiFlexGroup>
<EuiHorizontalRule
margin="l"
size="full"
/>
<EuiHorizontalRule />
<EuiFlexGrid
columns={2}
gutterSize="l"

View file

@ -86,7 +86,6 @@ exports[`render 1`] = `
>
<EuiIcon
color="subdued"
size="m"
type="dot"
/>
</EuiText>

View file

@ -2,10 +2,7 @@
exports[`render 1`] = `
<div>
<EuiHorizontalRule
margin="l"
size="full"
/>
<EuiHorizontalRule />
<EuiFlexGroup
alignItems="center"
component="div"

View file

@ -42,9 +42,7 @@ exports[`props exportedFieldsUrl 1`] = `
text="this is a great tutorial about..."
/>
<div>
<EuiSpacer
size="l"
/>
<EuiSpacer />
<EuiButton
color="primary"
fill={false}

View file

@ -553,7 +553,6 @@ exports[`bulkCreate should display success message when bulkCreate is successful
>
<EuiIcon
className="euiStepNumber__icon"
size="m"
title="complete"
type="check"
>

View file

@ -12,15 +12,11 @@ exports[`isCloudEnabled is false should not render instruction toggle when ON_PR
description="tutorial used to drive jest tests"
title="jest test tutorial"
/>
<EuiSpacer
size="l"
/>
<EuiSpacer />
<div
className="eui-textCenter"
/>
<EuiSpacer
size="l"
/>
<EuiSpacer />
<EuiPanel
grow={true}
hasShadow={false}
@ -67,9 +63,7 @@ exports[`isCloudEnabled is false should render ON_PREM instructions with instruc
iconType="logoApache"
title="jest test tutorial"
/>
<EuiSpacer
size="l"
/>
<EuiSpacer />
<div
className="eui-textCenter"
>
@ -109,9 +103,7 @@ exports[`isCloudEnabled is false should render ON_PREM instructions with instruc
</EuiFlexItem>
</EuiFlexGroup>
</div>
<EuiSpacer
size="l"
/>
<EuiSpacer />
<EuiPanel
grow={true}
hasShadow={false}
@ -158,15 +150,11 @@ exports[`should render ELASTIC_CLOUD instructions when isCloudEnabled is true 1`
iconType="logoApache"
title="jest test tutorial"
/>
<EuiSpacer
size="l"
/>
<EuiSpacer />
<div
className="eui-textCenter"
/>
<EuiSpacer
size="l"
/>
<EuiSpacer />
<EuiPanel
grow={true}
hasShadow={false}

View file

@ -80,6 +80,7 @@ exports[`Header should mark the input as invalid 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<EuiFieldText
compressed={false}
@ -196,6 +197,7 @@ exports[`Header should render normally 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<EuiFieldText
compressed={false}

View file

@ -11,12 +11,22 @@ exports[`IndicesList should change pages 1`] = `
>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
>
kibana
</EuiTableRowCell>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
/>
</EuiTableRow>
@ -25,12 +35,22 @@ exports[`IndicesList should change pages 1`] = `
>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
>
es
</EuiTableRowCell>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
/>
</EuiTableRow>
@ -138,12 +158,22 @@ exports[`IndicesList should change per page 1`] = `
>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
>
kibana
</EuiTableRowCell>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
/>
</EuiTableRow>
@ -261,6 +291,11 @@ exports[`IndicesList should highlight the query in the matches 1`] = `
>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
>
<span>
@ -272,6 +307,11 @@ exports[`IndicesList should highlight the query in the matches 1`] = `
</EuiTableRowCell>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
/>
</EuiTableRow>
@ -280,12 +320,22 @@ exports[`IndicesList should highlight the query in the matches 1`] = `
>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
>
es
</EuiTableRowCell>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
/>
</EuiTableRow>
@ -393,12 +443,22 @@ exports[`IndicesList should render normally 1`] = `
>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
>
kibana
</EuiTableRowCell>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
/>
</EuiTableRow>
@ -407,12 +467,22 @@ exports[`IndicesList should render normally 1`] = `
>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
>
es
</EuiTableRowCell>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
/>
</EuiTableRow>
@ -520,12 +590,22 @@ exports[`IndicesList updating props should render all new indices 1`] = `
>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
>
kibana
</EuiTableRowCell>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
/>
</EuiTableRow>
@ -534,12 +614,22 @@ exports[`IndicesList updating props should render all new indices 1`] = `
>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
>
es
</EuiTableRowCell>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
/>
</EuiTableRow>
@ -548,12 +638,22 @@ exports[`IndicesList updating props should render all new indices 1`] = `
>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
>
kibana
</EuiTableRowCell>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
/>
</EuiTableRow>
@ -562,12 +662,22 @@ exports[`IndicesList updating props should render all new indices 1`] = `
>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
>
es
</EuiTableRowCell>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
/>
</EuiTableRow>
@ -576,12 +686,22 @@ exports[`IndicesList updating props should render all new indices 1`] = `
>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
>
kibana
</EuiTableRowCell>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
/>
</EuiTableRow>
@ -590,12 +710,22 @@ exports[`IndicesList updating props should render all new indices 1`] = `
>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
>
es
</EuiTableRowCell>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
/>
</EuiTableRow>
@ -604,12 +734,22 @@ exports[`IndicesList updating props should render all new indices 1`] = `
>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
>
kibana
</EuiTableRowCell>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
/>
</EuiTableRow>
@ -618,12 +758,22 @@ exports[`IndicesList updating props should render all new indices 1`] = `
>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
>
es
</EuiTableRowCell>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
/>
</EuiTableRow>
@ -632,12 +782,22 @@ exports[`IndicesList updating props should render all new indices 1`] = `
>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
>
kibana
</EuiTableRowCell>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
/>
</EuiTableRow>
@ -646,12 +806,22 @@ exports[`IndicesList updating props should render all new indices 1`] = `
>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
>
es
</EuiTableRowCell>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
/>
</EuiTableRow>

View file

@ -11,7 +11,6 @@ exports[`StatusMessage should render with exact matches 1`] = `
component="span"
>
<EuiIcon
size="m"
type="check"
/>
<span>

View file

@ -56,6 +56,7 @@ exports[`TimeField should render a loading state 1`] = `
</EuiFlexItem>
</EuiFlexGroup>
}
labelType="label"
>
<EuiSelect
compressed={false}
@ -143,6 +144,7 @@ exports[`TimeField should render a selected time field 1`] = `
</EuiFlexItem>
</EuiFlexGroup>
}
labelType="label"
>
<EuiSelect
compressed={false}
@ -232,6 +234,7 @@ exports[`TimeField should render normally 1`] = `
</EuiFlexItem>
</EuiFlexGroup>
}
labelType="label"
>
<EuiSelect
compressed={false}

View file

@ -9,9 +9,7 @@ exports[`Flyout conflicts should allow conflict resolution 1`] = `
ownFocus={false}
size="s"
>
<EuiFlyoutHeader
hasBorder={false}
>
<EuiFlyoutHeader>
<EuiTitle
size="m"
textTransform="none"
@ -202,9 +200,7 @@ exports[`Flyout should render import step 1`] = `
ownFocus={false}
size="s"
>
<EuiFlyoutHeader
hasBorder={false}
>
<EuiFlyoutHeader>
<EuiTitle
size="m"
textTransform="none"
@ -231,6 +227,7 @@ exports[`Flyout should render import step 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<EuiFilePicker
compressed={false}
@ -248,6 +245,7 @@ exports[`Flyout should render import step 1`] = `
describedByIds={Array []}
fullWidth={false}
hasEmptyLabelSpace={false}
labelType="label"
>
<EuiSwitch
checked={true}

View file

@ -9,9 +9,7 @@ exports[`Relationships should render dashboards normally 1`] = `
ownFocus={false}
size="m"
>
<EuiFlyoutHeader
hasBorder={false}
>
<EuiFlyoutHeader>
<EuiTitle
size="m"
textTransform="none"
@ -121,9 +119,7 @@ exports[`Relationships should render errors 1`] = `
ownFocus={false}
size="m"
>
<EuiFlyoutHeader
hasBorder={false}
>
<EuiFlyoutHeader>
<EuiTitle
size="m"
textTransform="none"
@ -172,9 +168,7 @@ exports[`Relationships should render index patterns normally 1`] = `
ownFocus={false}
size="m"
>
<EuiFlyoutHeader
hasBorder={false}
>
<EuiFlyoutHeader>
<EuiTitle
size="m"
textTransform="none"
@ -213,9 +207,7 @@ exports[`Relationships should render searches normally 1`] = `
ownFocus={false}
size="m"
>
<EuiFlyoutHeader
hasBorder={false}
>
<EuiFlyoutHeader>
<EuiTitle
size="m"
textTransform="none"
@ -386,9 +378,7 @@ exports[`Relationships should render visualizations normally 1`] = `
ownFocus={false}
size="m"
>
<EuiFlyoutHeader
hasBorder={false}
>
<EuiFlyoutHeader>
<EuiTitle
size="m"
textTransform="none"

View file

@ -86,6 +86,7 @@ exports[`Field for array setting should render as read only with help text if ov
}
isInvalid={false}
label="array:test:setting"
labelType="label"
>
<EuiFieldText
aria-label="array test setting"
@ -171,6 +172,7 @@ exports[`Field for array setting should render custom setting icon if it is cust
helpText={null}
isInvalid={false}
label="array:test:setting"
labelType="label"
>
<EuiFieldText
aria-label="array test setting"
@ -245,6 +247,7 @@ exports[`Field for array setting should render default value if there is no user
helpText={null}
isInvalid={false}
label="array:test:setting"
labelType="label"
>
<EuiFieldText
aria-label="array test setting"
@ -361,6 +364,7 @@ exports[`Field for array setting should render user value if there is user value
}
isInvalid={false}
label="array:test:setting"
labelType="label"
>
<EuiFieldText
aria-label="array test setting"
@ -469,6 +473,7 @@ exports[`Field for boolean setting should render as read only with help text if
}
isInvalid={false}
label="boolean:test:setting"
labelType="label"
>
<EuiSwitch
aria-label="boolean test setting"
@ -558,6 +563,7 @@ exports[`Field for boolean setting should render custom setting icon if it is cu
helpText={null}
isInvalid={false}
label="boolean:test:setting"
labelType="label"
>
<EuiSwitch
aria-label="boolean test setting"
@ -636,6 +642,7 @@ exports[`Field for boolean setting should render default value if there is no us
helpText={null}
isInvalid={false}
label="boolean:test:setting"
labelType="label"
>
<EuiSwitch
aria-label="boolean test setting"
@ -756,6 +763,7 @@ exports[`Field for boolean setting should render user value if there is user val
}
isInvalid={false}
label="boolean:test:setting"
labelType="label"
>
<EuiSwitch
aria-label="boolean test setting"
@ -868,6 +876,7 @@ exports[`Field for image setting should render as read only with help text if ov
}
isInvalid={false}
label="image:test:setting"
labelType="label"
>
<EuiImage
allowFullScreen={true}
@ -950,6 +959,7 @@ exports[`Field for image setting should render custom setting icon if it is cust
helpText={null}
isInvalid={false}
label="image:test:setting"
labelType="label"
>
<EuiFilePicker
accept=".jpg,.jpeg,.png"
@ -1022,6 +1032,7 @@ exports[`Field for image setting should render default value if there is no user
helpText={null}
isInvalid={false}
label="image:test:setting"
labelType="label"
>
<EuiFilePicker
accept=".jpg,.jpeg,.png"
@ -1151,6 +1162,7 @@ exports[`Field for image setting should render user value if there is user value
}
isInvalid={false}
label="image:test:setting"
labelType="label"
>
<EuiImage
allowFullScreen={true}
@ -1260,6 +1272,7 @@ exports[`Field for json setting should render as read only with help text if ove
}
isInvalid={false}
label="json:test:setting"
labelType="label"
>
<div
data-test-subj="advancedSetting-editField-json:test:setting"
@ -1361,6 +1374,7 @@ exports[`Field for json setting should render custom setting icon if it is custo
helpText={null}
isInvalid={false}
label="json:test:setting"
labelType="label"
>
<div
data-test-subj="advancedSetting-editField-json:test:setting"
@ -1497,6 +1511,7 @@ exports[`Field for json setting should render default value if there is no user
}
isInvalid={false}
label="json:test:setting"
labelType="label"
>
<div
data-test-subj="advancedSetting-editField-json:test:setting"
@ -1633,6 +1648,7 @@ exports[`Field for json setting should render user value if there is user value
}
isInvalid={false}
label="json:test:setting"
labelType="label"
>
<div
data-test-subj="advancedSetting-editField-json:test:setting"
@ -1757,6 +1773,7 @@ exports[`Field for markdown setting should render as read only with help text if
}
isInvalid={false}
label="markdown:test:setting"
labelType="label"
>
<div
data-test-subj="advancedSetting-editField-markdown:test:setting"
@ -1858,6 +1875,7 @@ exports[`Field for markdown setting should render custom setting icon if it is c
helpText={null}
isInvalid={false}
label="markdown:test:setting"
labelType="label"
>
<div
data-test-subj="advancedSetting-editField-markdown:test:setting"
@ -1948,6 +1966,7 @@ exports[`Field for markdown setting should render default value if there is no u
helpText={null}
isInvalid={false}
label="markdown:test:setting"
labelType="label"
>
<div
data-test-subj="advancedSetting-editField-markdown:test:setting"
@ -2080,6 +2099,7 @@ exports[`Field for markdown setting should render user value if there is user va
}
isInvalid={false}
label="markdown:test:setting"
labelType="label"
>
<div
data-test-subj="advancedSetting-editField-markdown:test:setting"
@ -2204,6 +2224,7 @@ exports[`Field for number setting should render as read only with help text if o
}
isInvalid={false}
label="number:test:setting"
labelType="label"
>
<EuiFieldNumber
aria-label="number test setting"
@ -2289,6 +2310,7 @@ exports[`Field for number setting should render custom setting icon if it is cus
helpText={null}
isInvalid={false}
label="number:test:setting"
labelType="label"
>
<EuiFieldNumber
aria-label="number test setting"
@ -2363,6 +2385,7 @@ exports[`Field for number setting should render default value if there is no use
helpText={null}
isInvalid={false}
label="number:test:setting"
labelType="label"
>
<EuiFieldNumber
aria-label="number test setting"
@ -2479,6 +2502,7 @@ exports[`Field for number setting should render user value if there is user valu
}
isInvalid={false}
label="number:test:setting"
labelType="label"
>
<EuiFieldNumber
aria-label="number test setting"
@ -2587,6 +2611,7 @@ exports[`Field for select setting should render as read only with help text if o
}
isInvalid={false}
label="select:test:setting"
labelType="label"
>
<EuiSelect
aria-label="select test setting"
@ -2689,6 +2714,7 @@ exports[`Field for select setting should render custom setting icon if it is cus
helpText={null}
isInvalid={false}
label="select:test:setting"
labelType="label"
>
<EuiSelect
aria-label="select test setting"
@ -2780,6 +2806,7 @@ exports[`Field for select setting should render default value if there is no use
helpText={null}
isInvalid={false}
label="select:test:setting"
labelType="label"
>
<EuiSelect
aria-label="select test setting"
@ -2913,6 +2940,7 @@ exports[`Field for select setting should render user value if there is user valu
}
isInvalid={false}
label="select:test:setting"
labelType="label"
>
<EuiSelect
aria-label="select test setting"
@ -3038,6 +3066,7 @@ exports[`Field for string setting should render as read only with help text if o
}
isInvalid={false}
label="string:test:setting"
labelType="label"
>
<EuiFieldText
aria-label="string test setting"
@ -3123,6 +3152,7 @@ exports[`Field for string setting should render custom setting icon if it is cus
helpText={null}
isInvalid={false}
label="string:test:setting"
labelType="label"
>
<EuiFieldText
aria-label="string test setting"
@ -3197,6 +3227,7 @@ exports[`Field for string setting should render default value if there is no use
helpText={null}
isInvalid={false}
label="string:test:setting"
labelType="label"
>
<EuiFieldText
aria-label="string test setting"
@ -3313,6 +3344,7 @@ exports[`Field for string setting should render user value if there is user valu
}
isInvalid={false}
label="string:test:setting"
labelType="label"
>
<EuiFieldText
aria-label="string test setting"

View file

@ -22,7 +22,6 @@ exports[`BytesFormatEditor should render normally 1`] = `
/>
 
<EuiIcon
size="m"
type="link"
/>
</EuiLink>
@ -42,6 +41,7 @@ exports[`BytesFormatEditor should render normally 1`] = `
}
/>
}
labelType="label"
>
<EuiFieldText
compressed={false}

View file

@ -22,7 +22,6 @@ exports[`DateFormatEditor should render normally 1`] = `
/>
 
<EuiIcon
size="m"
type="link"
/>
</EuiLink>
@ -42,6 +41,7 @@ exports[`DateFormatEditor should render normally 1`] = `
}
/>
}
labelType="label"
>
<EuiFieldText
compressed={false}

View file

@ -15,6 +15,7 @@ exports[`DurationFormatEditor should render human readable output normally 1`] =
values={Object {}}
/>
}
labelType="label"
>
<EuiSelect
compressed={false}
@ -45,6 +46,7 @@ exports[`DurationFormatEditor should render human readable output normally 1`] =
values={Object {}}
/>
}
labelType="label"
>
<EuiSelect
compressed={false}
@ -127,6 +129,7 @@ exports[`DurationFormatEditor should render non-human readable output normally 1
values={Object {}}
/>
}
labelType="label"
>
<EuiSelect
compressed={false}
@ -157,6 +160,7 @@ exports[`DurationFormatEditor should render non-human readable output normally 1
values={Object {}}
/>
}
labelType="label"
>
<EuiSelect
compressed={false}
@ -192,6 +196,7 @@ exports[`DurationFormatEditor should render non-human readable output normally 1
values={Object {}}
/>
}
labelType="label"
>
<EuiFieldNumber
compressed={false}

View file

@ -22,7 +22,6 @@ exports[`NumberFormatEditor should render normally 1`] = `
/>
 
<EuiIcon
size="m"
type="link"
/>
</EuiLink>
@ -42,6 +41,7 @@ exports[`NumberFormatEditor should render normally 1`] = `
}
/>
}
labelType="label"
>
<EuiFieldText
compressed={false}

View file

@ -22,7 +22,6 @@ exports[`PercentFormatEditor should render normally 1`] = `
/>
 
<EuiIcon
size="m"
type="link"
/>
</EuiLink>
@ -42,6 +41,7 @@ exports[`PercentFormatEditor should render normally 1`] = `
}
/>
}
labelType="label"
>
<EuiFieldText
compressed={false}

View file

@ -84,6 +84,7 @@ exports[`StaticLookupFormatEditorComponent should render multiple lookup entries
values={Object {}}
/>
}
labelType="label"
>
<EuiFieldText
compressed={false}
@ -178,6 +179,7 @@ exports[`StaticLookupFormatEditorComponent should render normally 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<EuiFieldText
compressed={false}

View file

@ -15,6 +15,7 @@ exports[`StringFormatEditor should render normally 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<EuiSelect
compressed={false}

View file

@ -15,6 +15,7 @@ exports[`TruncateFormatEditor should render normally 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<EuiFieldNumber
compressed={false}

View file

@ -21,6 +21,7 @@ exports[`UrlFormatEditor should render label template help 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<EuiSelect
compressed={false}
@ -73,6 +74,7 @@ exports[`UrlFormatEditor should render label template help 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<EuiFieldText
compressed={false}
@ -109,6 +111,7 @@ exports[`UrlFormatEditor should render label template help 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<EuiFieldText
compressed={false}
@ -146,6 +149,7 @@ exports[`UrlFormatEditor should render normally 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<EuiSelect
compressed={false}
@ -198,6 +202,7 @@ exports[`UrlFormatEditor should render normally 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<EuiFieldText
compressed={false}
@ -234,6 +239,7 @@ exports[`UrlFormatEditor should render normally 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<EuiFieldText
compressed={false}
@ -271,6 +277,7 @@ exports[`UrlFormatEditor should render url template help 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<EuiSelect
compressed={false}
@ -323,6 +330,7 @@ exports[`UrlFormatEditor should render url template help 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<EuiFieldText
compressed={false}
@ -359,6 +367,7 @@ exports[`UrlFormatEditor should render url template help 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<EuiFieldText
compressed={false}

View file

@ -12,6 +12,7 @@ exports[`FormatEditorSamples should render normally 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<EuiBasicTable
className="kbnFieldFormatEditor__samples"

View file

@ -33,7 +33,6 @@ exports[`ScriptingWarningCallOut should render normally 1`] = `
/>
 
<EuiIcon
size="m"
type="link"
/>
</EuiLink>,
@ -50,7 +49,6 @@ exports[`ScriptingWarningCallOut should render normally 1`] = `
/>
 
<EuiIcon
size="m"
type="link"
/>
</EuiLink>,

View file

@ -85,6 +85,7 @@ exports[`LanguageSwitcher should toggle off if language is lucene 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<EuiSwitch
checked={false}
@ -191,6 +192,7 @@ exports[`LanguageSwitcher should toggle on if language is kuery 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<EuiSwitch
checked={true}

View file

@ -46,10 +46,11 @@ import {
EuiFlexItem,
EuiLink,
EuiOutsideClickDetector,
EuiSuperDatePicker,
} from '@elastic/eui';
// @ts-ignore
import { EuiSuperDatePicker, EuiSuperUpdateButton } from '@elastic/eui';
import { EuiSuperUpdateButton } from '@elastic/eui';
import { FormattedMessage, InjectedIntl, injectI18n } from '@kbn/i18n/react';
import { documentationLinks } from 'ui/documentation_links';
@ -95,7 +96,7 @@ interface Props {
isRefreshPaused?: boolean;
refreshInterval?: number;
showAutoRefreshOnly?: boolean;
onRefreshChange?: (isPaused: boolean, refreshInterval: number) => void;
onRefreshChange?: (options: { isPaused: boolean; refreshInterval: number }) => void;
}
interface State {

View file

@ -16,7 +16,6 @@ exports[`SuggestionComponent Should display the suggestion and use the provided
className="kbnSuggestionItem__type"
>
<EuiIcon
size="m"
type="kqlValue"
/>
</div>
@ -53,7 +52,6 @@ exports[`SuggestionComponent Should make the element active if the selected prop
className="kbnSuggestionItem__type"
>
<EuiIcon
size="m"
type="kqlValue"
/>
</div>

View file

@ -60,7 +60,7 @@ interface Props {
isRefreshPaused?: boolean;
refreshInterval?: number;
showAutoRefreshOnly?: boolean;
onRefreshChange?: (isPaused: boolean, refreshInterval: number) => void;
onRefreshChange?: (options: { isPaused: boolean; refreshInterval: number }) => void;
}
interface State {
@ -135,7 +135,7 @@ class SearchBarUI extends Component<Props, State> {
onClick={this.toggleFiltersVisible}
isSelected={this.state.isFiltersVisible}
hasActiveFilters={this.state.isFiltersVisible}
numFilters={this.props.filters.length > 0 ? this.props.filters.length : null}
numFilters={this.props.filters.length > 0 ? this.props.filters.length : undefined}
aria-controls="GlobalFilterGroup"
aria-expanded={!!this.state.isFiltersVisible}
title={`${this.props.filters.length} ${filtersAppliedText} ${clickToShowOrHideText}`}

View file

@ -27,6 +27,7 @@ exports[`render 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<EuiRadioGroup
idSelected="snapshot"
@ -133,6 +134,7 @@ exports[`render 1`] = `
describedByIds={Array []}
fullWidth={false}
hasEmptyLabelSpace={false}
labelType="label"
>
<EuiFlexGroup
alignItems="stretch"
@ -208,6 +210,7 @@ exports[`should enable saved object export option when objectId is provided 1`]
values={Object {}}
/>
}
labelType="label"
>
<EuiRadioGroup
idSelected="snapshot"
@ -314,6 +317,7 @@ exports[`should enable saved object export option when objectId is provided 1`]
describedByIds={Array []}
fullWidth={false}
hasEmptyLabelSpace={false}
labelType="label"
>
<EuiFlexGroup
alignItems="stretch"

View file

@ -96,7 +96,17 @@ export function InspectorProvider({ getService }) {
const tableBody = await retry.try(async () => inspectorPanel.findByTagName('tbody'));
const $ = await tableBody.parseDomContent();
return $('tr').toArray().map(tr => {
return $(tr).find('td').toArray().map(cell => $(cell).text().trim());
return $(tr).find('td').toArray().map(cell => {
// if this is an EUI table, filter down to the specific cell content
// otherwise this will include mobile-specific header information
const euiTableCellContent = $(cell).find('.euiTableCellContent');
if (euiTableCellContent.length > 0) {
return $(cell).find('.euiTableCellContent').text().trim();
} else {
return $(cell).text().trim();
}
});
});
}

View file

@ -48,7 +48,6 @@
"@types/pngjs": "^3.3.1",
"@types/prop-types": "^15.5.3",
"@types/react": "^16.8.0",
"@types/react-datepicker": "^1.1.5",
"@types/react-dom": "^16.8.0",
"@types/react-redux": "^6.0.6",
"@types/react-router-dom": "^4.3.1",
@ -118,7 +117,7 @@
},
"dependencies": {
"@elastic/datemath": "5.0.2",
"@elastic/eui": "7.1.0",
"@elastic/eui": "9.0.2",
"@elastic/node-crypto": "0.1.2",
"@elastic/numeral": "2.3.2",
"@kbn/babel-preset": "1.0.0",

View file

@ -9,54 +9,65 @@ exports[`ErrorGroupOverview -> List should render empty state 1`] = `
className="euiTableHeaderMobile"
>
<div
className="euiTableSortMobile"
className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsBaseline euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow"
>
<div
className="euiPopover euiPopover--anchorDownRight"
id="sortPopover"
onClick={[Function]}
onKeyDown={[Function]}
className="euiFlexItem euiFlexItem--flexGrowZero"
/>
<div
className="euiFlexItem euiFlexItem--flexGrowZero"
>
<div
className="euiPopover__anchor"
className="euiTableSortMobile"
>
<button
className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiButtonEmpty--iconRight euiButtonEmpty--flushRight"
<div
className="euiPopover euiPopover--anchorDownRight"
id="sortPopover"
onClick={[Function]}
type="button"
onKeyDown={[Function]}
>
<span
className="euiButtonEmpty__content"
<div
className="euiPopover__anchor"
>
<svg
aria-hidden="true"
className="euiIcon euiIcon--medium euiButtonEmpty__icon"
focusable="false"
height="16"
style={null}
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
<button
className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiButtonEmpty--iconRight euiButtonEmpty--flushRight"
onClick={[Function]}
type="button"
>
<defs>
<path
d="M13.069 5.157L8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0z"
id="arrow_down-a"
/>
</defs>
<use
fillRule="nonzero"
xlinkHref="#arrow_down-a"
/>
</svg>
<span
className="euiButtonEmpty__text"
>
Sorting
</span>
</span>
</button>
<span
className="euiButtonEmpty__content"
>
<svg
aria-hidden="true"
className="euiIcon euiIcon--medium euiButtonEmpty__icon"
focusable="false"
height="16"
style={null}
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<defs>
<path
d="M13.069 5.157L8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0z"
id="arrow_down-a"
/>
</defs>
<use
fillRule="nonzero"
xlinkHref="#arrow_down-a"
/>
</svg>
<span
className="euiButtonEmpty__text"
>
Sorting
</span>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
@ -324,54 +335,65 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
className="euiTableHeaderMobile"
>
<div
className="euiTableSortMobile"
className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsBaseline euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow"
>
<div
className="euiPopover euiPopover--anchorDownRight"
id="sortPopover"
onClick={[Function]}
onKeyDown={[Function]}
className="euiFlexItem euiFlexItem--flexGrowZero"
/>
<div
className="euiFlexItem euiFlexItem--flexGrowZero"
>
<div
className="euiPopover__anchor"
className="euiTableSortMobile"
>
<button
className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiButtonEmpty--iconRight euiButtonEmpty--flushRight"
<div
className="euiPopover euiPopover--anchorDownRight"
id="sortPopover"
onClick={[Function]}
type="button"
onKeyDown={[Function]}
>
<span
className="euiButtonEmpty__content"
<div
className="euiPopover__anchor"
>
<svg
aria-hidden="true"
className="euiIcon euiIcon--medium euiButtonEmpty__icon"
focusable="false"
height="16"
style={null}
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
<button
className="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--xSmall euiButtonEmpty--iconRight euiButtonEmpty--flushRight"
onClick={[Function]}
type="button"
>
<defs>
<path
d="M13.069 5.157L8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0z"
id="arrow_down-a"
/>
</defs>
<use
fillRule="nonzero"
xlinkHref="#arrow_down-a"
/>
</svg>
<span
className="euiButtonEmpty__text"
>
Sorting
</span>
</span>
</button>
<span
className="euiButtonEmpty__content"
>
<svg
aria-hidden="true"
className="euiIcon euiIcon--medium euiButtonEmpty__icon"
focusable="false"
height="16"
style={null}
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
xmlnsXlink="http://www.w3.org/1999/xlink"
>
<defs>
<path
d="M13.069 5.157L8.384 9.768a.546.546 0 0 1-.768 0L2.93 5.158a.552.552 0 0 0-.771 0 .53.53 0 0 0 0 .759l4.684 4.61c.641.631 1.672.63 2.312 0l4.684-4.61a.53.53 0 0 0 0-.76.552.552 0 0 0-.771 0z"
id="arrow_down-a"
/>
</defs>
<use
fillRule="nonzero"
xlinkHref="#arrow_down-a"
/>
</svg>
<span
className="euiButtonEmpty__text"
>
Sorting
</span>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
@ -519,9 +541,13 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
>
<td
className="euiTableRowCell"
data-header="Group ID"
width="96px"
>
<div
className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
>
Group ID
</div>
<div
className="euiTableCellContent euiTableCellContent--overflowingContent"
>
@ -535,9 +561,13 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
</td>
<td
className="euiTableRowCell"
data-header="Error message and culprit"
width="50%"
>
<div
className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
>
Error message and culprit
</div>
<div
className="euiTableCellContent euiTableCellContent--overflowingContent"
>
@ -579,7 +609,6 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
</td>
<td
className="euiTableRowCell"
data-header=""
>
<div
className="euiTableCellContent euiTableCellContent--alignRight euiTableCellContent--overflowingContent"
@ -587,8 +616,12 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
</td>
<td
className="euiTableRowCell"
data-header="Occurrences"
>
<div
className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
>
Occurrences
</div>
<div
className="euiTableCellContent euiTableCellContent--alignRight euiTableCellContent--overflowingContent"
>
@ -597,8 +630,12 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
</td>
<td
className="euiTableRowCell"
data-header="Latest occurrence"
>
<div
className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
>
Latest occurrence
</div>
<div
className="euiTableCellContent euiTableCellContent--alignRight euiTableCellContent--overflowingContent"
>
@ -611,9 +648,13 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
>
<td
className="euiTableRowCell"
data-header="Group ID"
width="96px"
>
<div
className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
>
Group ID
</div>
<div
className="euiTableCellContent euiTableCellContent--overflowingContent"
>
@ -627,9 +668,13 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
</td>
<td
className="euiTableRowCell"
data-header="Error message and culprit"
width="50%"
>
<div
className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
>
Error message and culprit
</div>
<div
className="euiTableCellContent euiTableCellContent--overflowingContent"
>
@ -671,7 +716,6 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
</td>
<td
className="euiTableRowCell"
data-header=""
>
<div
className="euiTableCellContent euiTableCellContent--alignRight euiTableCellContent--overflowingContent"
@ -679,8 +723,12 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
</td>
<td
className="euiTableRowCell"
data-header="Occurrences"
>
<div
className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
>
Occurrences
</div>
<div
className="euiTableCellContent euiTableCellContent--alignRight euiTableCellContent--overflowingContent"
>
@ -689,8 +737,12 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
</td>
<td
className="euiTableRowCell"
data-header="Latest occurrence"
>
<div
className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
>
Latest occurrence
</div>
<div
className="euiTableCellContent euiTableCellContent--alignRight euiTableCellContent--overflowingContent"
>
@ -703,9 +755,13 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
>
<td
className="euiTableRowCell"
data-header="Group ID"
width="96px"
>
<div
className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
>
Group ID
</div>
<div
className="euiTableCellContent euiTableCellContent--overflowingContent"
>
@ -719,9 +775,13 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
</td>
<td
className="euiTableRowCell"
data-header="Error message and culprit"
width="50%"
>
<div
className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
>
Error message and culprit
</div>
<div
className="euiTableCellContent euiTableCellContent--overflowingContent"
>
@ -763,7 +823,6 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
</td>
<td
className="euiTableRowCell"
data-header=""
>
<div
className="euiTableCellContent euiTableCellContent--alignRight euiTableCellContent--overflowingContent"
@ -771,8 +830,12 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
</td>
<td
className="euiTableRowCell"
data-header="Occurrences"
>
<div
className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
>
Occurrences
</div>
<div
className="euiTableCellContent euiTableCellContent--alignRight euiTableCellContent--overflowingContent"
>
@ -781,8 +844,12 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
</td>
<td
className="euiTableRowCell"
data-header="Latest occurrence"
>
<div
className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
>
Latest occurrence
</div>
<div
className="euiTableCellContent euiTableCellContent--alignRight euiTableCellContent--overflowingContent"
>
@ -795,9 +862,13 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
>
<td
className="euiTableRowCell"
data-header="Group ID"
width="96px"
>
<div
className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
>
Group ID
</div>
<div
className="euiTableCellContent euiTableCellContent--overflowingContent"
>
@ -811,9 +882,13 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
</td>
<td
className="euiTableRowCell"
data-header="Error message and culprit"
width="50%"
>
<div
className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
>
Error message and culprit
</div>
<div
className="euiTableCellContent euiTableCellContent--overflowingContent"
>
@ -855,7 +930,6 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
</td>
<td
className="euiTableRowCell"
data-header=""
>
<div
className="euiTableCellContent euiTableCellContent--alignRight euiTableCellContent--overflowingContent"
@ -863,8 +937,12 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
</td>
<td
className="euiTableRowCell"
data-header="Occurrences"
>
<div
className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
>
Occurrences
</div>
<div
className="euiTableCellContent euiTableCellContent--alignRight euiTableCellContent--overflowingContent"
>
@ -873,8 +951,12 @@ exports[`ErrorGroupOverview -> List should render with data 1`] = `
</td>
<td
className="euiTableRowCell"
data-header="Latest occurrence"
>
<div
className="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
>
Latest occurrence
</div>
<div
className="euiTableCellContent euiTableCellContent--alignRight euiTableCellContent--overflowingContent"
>

View file

@ -31,9 +31,7 @@ exports[`Home component should render 1`] = `
<SetupInstructionsLink />
</EuiFlexItem>
</EuiFlexGroup>
<EuiSpacer
size="l"
/>
<EuiSpacer />
<Connect(KueryBarView) />
<withRouter(HistoryTabsWithoutRouter)
tabs={

View file

@ -485,8 +485,8 @@ Object {
},
],
"serviceColors": Object {
"opbeans-node": "rgb(49, 133, 252)",
"opbeans-ruby": "rgb(0, 179, 164)",
"opbeans-node": "#3185fc",
"opbeans-ruby": "#00b3a4",
},
"services": Array [
"opbeans-node",
@ -919,7 +919,7 @@ Object {
},
],
"serviceColors": Object {
"opbeans-ruby": "rgb(49, 133, 252)",
"opbeans-ruby": "#3185fc",
},
"services": Array [
"opbeans-ruby",

View file

@ -7,6 +7,7 @@ exports[`TransactionOverviewView should render with type filter controls 1`] = `
fullWidth={false}
hasEmptyLabelSpace={false}
label="Filter by type"
labelType="label"
>
<EuiSelect
compressed={false}

View file

@ -51,9 +51,7 @@ exports[`HistoryTabs should render correctly 1`] = `
Three
</EuiTab>
</EuiTabs>
<EuiSpacer
size="l"
/>
<EuiSpacer />
<Route
key="/one"
path="/one"

View file

@ -4,7 +4,6 @@ exports[`ImpactBar component should render with default values 1`] = `
<EuiProgress
color="primary"
max={100}
position="static"
size="l"
value={25}
/>
@ -14,7 +13,6 @@ exports[`ImpactBar component should render with overridden values 1`] = `
<EuiProgress
color="danger"
max={5}
position="static"
size="s"
value={2}
/>

View file

@ -29,7 +29,7 @@ exports[`FormattedKey component should render when the value is defined 3`] = `
exports[`FormattedKey component should render when the value is null or undefined 1`] = `
.c0 {
color: rgb(152,162,179);
color: #98a2b3;
}
<FormattedKey
@ -48,7 +48,7 @@ exports[`FormattedKey component should render when the value is null or undefine
exports[`FormattedKey component should render when the value is null or undefined 2`] = `
.c0 {
color: rgb(152,162,179);
color: #98a2b3;
}
<FormattedKey
@ -134,7 +134,7 @@ exports[`FormattedValue component should render an object 1`] = `
exports[`FormattedValue component should render null 1`] = `
.c0 {
color: rgb(152,162,179);
color: #98a2b3;
}
<FormattedValue
@ -152,7 +152,7 @@ exports[`FormattedValue component should render null 1`] = `
exports[`FormattedValue component should render undefined 1`] = `
.c0 {
color: rgb(152,162,179);
color: #98a2b3;
}
<FormattedValue>

View file

@ -2,7 +2,7 @@
exports[`Stackframe when stackframe has source lines should render correctly 1`] = `
.c2 {
color: rgb(152,162,179);
color: #98a2b3;
padding: 8px;
font-family: "SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;
font-size: 14px;
@ -10,7 +10,7 @@ exports[`Stackframe when stackframe has source lines should render correctly 1`]
.c3 {
font-weight: bold;
color: rgb(0,0,0);
color: #000000;
}
.c4 {
@ -32,7 +32,7 @@ exports[`Stackframe when stackframe has source lines should render correctly 1`]
top: 0;
left: 0;
border-radius: 0 0 0 5px;
background: rgb(245,247,250);
background: #f5f7fa;
}
.c7 {
@ -40,10 +40,10 @@ exports[`Stackframe when stackframe has source lines should render correctly 1`]
min-width: 42px;
padding-left: 8px;
padding-right: 4px;
color: rgb(152,162,179);
color: #98a2b3;
line-height: 18px;
text-align: right;
border-right: 1px solid rgb(211,218,230);
border-right: 1px solid #d3dae6;
}
.c7:last-of-type {
@ -55,10 +55,10 @@ exports[`Stackframe when stackframe has source lines should render correctly 1`]
min-width: 42px;
padding-left: 8px;
padding-right: 4px;
color: rgb(152,162,179);
color: #98a2b3;
line-height: 18px;
text-align: right;
border-right: 1px solid rgb(211,218,230);
border-right: 1px solid #d3dae6;
background-color: #fef6e5;
}
@ -70,7 +70,7 @@ exports[`Stackframe when stackframe has source lines should render correctly 1`]
overflow: auto;
margin: 0 0 0 42px;
padding: 0;
background-color: rgb(255,255,255);
background-color: #ffffff;
}
.c9:last-of-type {
@ -97,7 +97,7 @@ exports[`Stackframe when stackframe has source lines should render correctly 1`]
}
.c1 {
border-bottom: 1px solid rgb(211,218,230);
border-bottom: 1px solid #d3dae6;
border-radius: 5px 5px 0 0;
}
@ -105,9 +105,9 @@ exports[`Stackframe when stackframe has source lines should render correctly 1`]
position: relative;
font-family: "SFMono-Regular",Consolas,"Liberation Mono",Menlo,Courier,monospace;
font-size: 14px;
border: 1px solid rgb(211,218,230);
border: 1px solid #d3dae6;
border-radius: 5px;
background: rgb(245,247,250);
background: #f5f7fa;
}
<Stackframe

View file

@ -50,7 +50,6 @@ exports[`TransactionActionMenu component should render with data 1`] = `
grow={false}
>
<EuiIcon
size="m"
type="popout"
/>
</EuiFlexItem>
@ -87,7 +86,6 @@ exports[`TransactionActionMenu component should render with data 1`] = `
grow={false}
>
<EuiIcon
size="m"
type="popout"
/>
</EuiFlexItem>
@ -124,7 +122,6 @@ exports[`TransactionActionMenu component should render with data 1`] = `
grow={false}
>
<EuiIcon
size="m"
type="popout"
/>
</EuiFlexItem>
@ -161,7 +158,6 @@ exports[`TransactionActionMenu component should render with data 1`] = `
grow={false}
>
<EuiIcon
size="m"
type="popout"
/>
</EuiFlexItem>
@ -198,7 +194,6 @@ exports[`TransactionActionMenu component should render with data 1`] = `
grow={false}
>
<EuiIcon
size="m"
type="popout"
/>
</EuiFlexItem>
@ -235,7 +230,6 @@ exports[`TransactionActionMenu component should render with data 1`] = `
grow={false}
>
<EuiIcon
size="m"
type="popout"
/>
</EuiFlexItem>
@ -272,7 +266,6 @@ exports[`TransactionActionMenu component should render with data 1`] = `
grow={false}
>
<EuiIcon
size="m"
type="popout"
/>
</EuiFlexItem>

View file

@ -1410,19 +1410,19 @@ exports[`Histogram when hovering over a non-empty bucket should have correct mar
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
border: 1px solid rgb(211,218,230);
background: rgb(255,255,255);
border: 1px solid #d3dae6;
background: #ffffff;
border-radius: 5px;
font-size: 14px;
color: rgb(0,0,0);
color: #000000;
}
.c1 {
background: rgb(245,247,250);
border-bottom: 1px solid rgb(211,218,230);
background: #f5f7fa;
border-bottom: 1px solid #d3dae6;
border-radius: 5px 5px 0 0;
padding: 8px;
color: rgb(152,162,179);
color: #98a2b3;
}
.c2 {
@ -1432,13 +1432,13 @@ exports[`Histogram when hovering over a non-empty bucket should have correct mar
}
.c4 {
color: rgb(152,162,179);
color: #98a2b3;
margin: 8px;
font-size: 12px;
}
.c3 {
color: rgb(105,112,125);
color: #69707d;
font-size: 14px;
}

View file

@ -11,7 +11,7 @@ exports[`Timeline should render with data 1`] = `
-ms-flex-align: center;
align-items: center;
font-size: 12px;
color: rgb(105,112,125);
color: #69707d;
cursor: pointer;
opacity: 1;
-webkit-user-select: none;
@ -24,7 +24,7 @@ exports[`Timeline should render with data 1`] = `
width: 11px;
height: 11px;
margin-right: 5.5px;
background: rgb(152,162,179);
background: #98a2b3;
border-radius: 100%;
}
@ -48,8 +48,8 @@ exports[`Timeline should render with data 1`] = `
<div
style={
Object {
"backgroundColor": "rgb(255, 255, 255)",
"borderBottom": "1px solid rgb(152, 162, 179)",
"backgroundColor": "#ffffff",
"borderBottom": "1px solid #98a2b3",
"height": "100px",
"position": "absolute",
"width": "100%",
@ -83,7 +83,7 @@ exports[`Timeline should render with data 1`] = `
style={
Object {
"text": Object {
"fill": "rgb(152, 162, 179)",
"fill": "#98a2b3",
},
}
}
@ -98,7 +98,7 @@ exports[`Timeline should render with data 1`] = `
style={
Object {
"text": Object {
"fill": "rgb(152, 162, 179)",
"fill": "#98a2b3",
},
}
}
@ -109,7 +109,7 @@ exports[`Timeline should render with data 1`] = `
style={
Object {
"text": Object {
"fill": "rgb(152, 162, 179)",
"fill": "#98a2b3",
},
}
}
@ -123,9 +123,9 @@ exports[`Timeline should render with data 1`] = `
dy="0"
style={
Object {
"fill": "rgb(152, 162, 179)",
"fill": "#98a2b3",
"text": Object {
"fill": "rgb(152, 162, 179)",
"fill": "#98a2b3",
},
}
}
@ -140,7 +140,7 @@ exports[`Timeline should render with data 1`] = `
style={
Object {
"text": Object {
"fill": "rgb(152, 162, 179)",
"fill": "#98a2b3",
},
}
}
@ -151,7 +151,7 @@ exports[`Timeline should render with data 1`] = `
style={
Object {
"text": Object {
"fill": "rgb(152, 162, 179)",
"fill": "#98a2b3",
},
}
}
@ -165,9 +165,9 @@ exports[`Timeline should render with data 1`] = `
dy="0"
style={
Object {
"fill": "rgb(152, 162, 179)",
"fill": "#98a2b3",
"text": Object {
"fill": "rgb(152, 162, 179)",
"fill": "#98a2b3",
},
}
}
@ -182,7 +182,7 @@ exports[`Timeline should render with data 1`] = `
style={
Object {
"text": Object {
"fill": "rgb(152, 162, 179)",
"fill": "#98a2b3",
},
}
}
@ -193,7 +193,7 @@ exports[`Timeline should render with data 1`] = `
style={
Object {
"text": Object {
"fill": "rgb(152, 162, 179)",
"fill": "#98a2b3",
},
}
}
@ -207,9 +207,9 @@ exports[`Timeline should render with data 1`] = `
dy="0"
style={
Object {
"fill": "rgb(152, 162, 179)",
"fill": "#98a2b3",
"text": Object {
"fill": "rgb(152, 162, 179)",
"fill": "#98a2b3",
},
}
}
@ -224,7 +224,7 @@ exports[`Timeline should render with data 1`] = `
style={
Object {
"text": Object {
"fill": "rgb(152, 162, 179)",
"fill": "#98a2b3",
},
}
}
@ -235,7 +235,7 @@ exports[`Timeline should render with data 1`] = `
style={
Object {
"text": Object {
"fill": "rgb(152, 162, 179)",
"fill": "#98a2b3",
},
}
}
@ -249,9 +249,9 @@ exports[`Timeline should render with data 1`] = `
dy="0"
style={
Object {
"fill": "rgb(152, 162, 179)",
"fill": "#98a2b3",
"text": Object {
"fill": "rgb(152, 162, 179)",
"fill": "#98a2b3",
},
}
}
@ -266,7 +266,7 @@ exports[`Timeline should render with data 1`] = `
style={
Object {
"text": Object {
"fill": "rgb(152, 162, 179)",
"fill": "#98a2b3",
},
}
}
@ -277,7 +277,7 @@ exports[`Timeline should render with data 1`] = `
style={
Object {
"text": Object {
"fill": "rgb(152, 162, 179)",
"fill": "#98a2b3",
},
}
}
@ -291,9 +291,9 @@ exports[`Timeline should render with data 1`] = `
dy="0"
style={
Object {
"fill": "rgb(152, 162, 179)",
"fill": "#98a2b3",
"text": Object {
"fill": "rgb(152, 162, 179)",
"fill": "#98a2b3",
},
}
}
@ -308,7 +308,7 @@ exports[`Timeline should render with data 1`] = `
style={
Object {
"text": Object {
"fill": "rgb(152, 162, 179)",
"fill": "#98a2b3",
},
}
}
@ -319,7 +319,7 @@ exports[`Timeline should render with data 1`] = `
style={
Object {
"text": Object {
"fill": "rgb(152, 162, 179)",
"fill": "#98a2b3",
},
}
}
@ -333,9 +333,9 @@ exports[`Timeline should render with data 1`] = `
dy="0"
style={
Object {
"fill": "rgb(152, 162, 179)",
"fill": "#98a2b3",
"text": Object {
"fill": "rgb(152, 162, 179)",
"fill": "#98a2b3",
},
}
}
@ -350,7 +350,7 @@ exports[`Timeline should render with data 1`] = `
style={
Object {
"text": Object {
"fill": "rgb(152, 162, 179)",
"fill": "#98a2b3",
},
}
}
@ -361,7 +361,7 @@ exports[`Timeline should render with data 1`] = `
style={
Object {
"text": Object {
"fill": "rgb(152, 162, 179)",
"fill": "#98a2b3",
},
}
}
@ -375,9 +375,9 @@ exports[`Timeline should render with data 1`] = `
dy="0"
style={
Object {
"fill": "rgb(152, 162, 179)",
"fill": "#98a2b3",
"text": Object {
"fill": "rgb(152, 162, 179)",
"fill": "#98a2b3",
},
}
}
@ -392,7 +392,7 @@ exports[`Timeline should render with data 1`] = `
style={
Object {
"text": Object {
"fill": "rgb(152, 162, 179)",
"fill": "#98a2b3",
},
}
}
@ -403,7 +403,7 @@ exports[`Timeline should render with data 1`] = `
style={
Object {
"text": Object {
"fill": "rgb(152, 162, 179)",
"fill": "#98a2b3",
},
}
}
@ -417,9 +417,9 @@ exports[`Timeline should render with data 1`] = `
dy="0"
style={
Object {
"fill": "rgb(152, 162, 179)",
"fill": "#98a2b3",
"text": Object {
"fill": "rgb(152, 162, 179)",
"fill": "#98a2b3",
},
}
}
@ -434,7 +434,7 @@ exports[`Timeline should render with data 1`] = `
style={
Object {
"text": Object {
"fill": "rgb(152, 162, 179)",
"fill": "#98a2b3",
},
}
}
@ -445,7 +445,7 @@ exports[`Timeline should render with data 1`] = `
style={
Object {
"text": Object {
"fill": "rgb(152, 162, 179)",
"fill": "#98a2b3",
},
}
}
@ -459,9 +459,9 @@ exports[`Timeline should render with data 1`] = `
dy="0"
style={
Object {
"fill": "rgb(152, 162, 179)",
"fill": "#98a2b3",
"text": Object {
"fill": "rgb(152, 162, 179)",
"fill": "#98a2b3",
},
}
}
@ -476,7 +476,7 @@ exports[`Timeline should render with data 1`] = `
style={
Object {
"text": Object {
"fill": "rgb(152, 162, 179)",
"fill": "#98a2b3",
},
}
}
@ -487,7 +487,7 @@ exports[`Timeline should render with data 1`] = `
style={
Object {
"text": Object {
"fill": "rgb(152, 162, 179)",
"fill": "#98a2b3",
},
}
}
@ -501,9 +501,9 @@ exports[`Timeline should render with data 1`] = `
dy="0"
style={
Object {
"fill": "rgb(152, 162, 179)",
"fill": "#98a2b3",
"text": Object {
"fill": "rgb(152, 162, 179)",
"fill": "#98a2b3",
},
}
}
@ -551,7 +551,7 @@ exports[`Timeline should render with data 1`] = `
>
<span
className="c1"
color="rgb(152, 162, 179)"
color="#98a2b3"
radius={11}
/>
</div>
@ -581,7 +581,7 @@ exports[`Timeline should render with data 1`] = `
>
<span
className="c1"
color="rgb(152, 162, 179)"
color="#98a2b3"
radius={11}
/>
</div>
@ -611,7 +611,7 @@ exports[`Timeline should render with data 1`] = `
>
<span
className="c1"
color="rgb(152, 162, 179)"
color="#98a2b3"
radius={11}
/>
</div>
@ -658,7 +658,7 @@ exports[`Timeline should render with data 1`] = `
className="rv-xy-plot__grid-lines__line"
style={
Object {
"stroke": "rgb(245, 247, 250)",
"stroke": "#f5f7fa",
}
}
x1={0}
@ -670,7 +670,7 @@ exports[`Timeline should render with data 1`] = `
className="rv-xy-plot__grid-lines__line"
style={
Object {
"stroke": "rgb(245, 247, 250)",
"stroke": "#f5f7fa",
}
}
x1={90}
@ -682,7 +682,7 @@ exports[`Timeline should render with data 1`] = `
className="rv-xy-plot__grid-lines__line"
style={
Object {
"stroke": "rgb(245, 247, 250)",
"stroke": "#f5f7fa",
}
}
x1={180}
@ -694,7 +694,7 @@ exports[`Timeline should render with data 1`] = `
className="rv-xy-plot__grid-lines__line"
style={
Object {
"stroke": "rgb(245, 247, 250)",
"stroke": "#f5f7fa",
}
}
x1={270}
@ -706,7 +706,7 @@ exports[`Timeline should render with data 1`] = `
className="rv-xy-plot__grid-lines__line"
style={
Object {
"stroke": "rgb(245, 247, 250)",
"stroke": "#f5f7fa",
}
}
x1={360}
@ -718,7 +718,7 @@ exports[`Timeline should render with data 1`] = `
className="rv-xy-plot__grid-lines__line"
style={
Object {
"stroke": "rgb(245, 247, 250)",
"stroke": "#f5f7fa",
}
}
x1={450}
@ -730,7 +730,7 @@ exports[`Timeline should render with data 1`] = `
className="rv-xy-plot__grid-lines__line"
style={
Object {
"stroke": "rgb(245, 247, 250)",
"stroke": "#f5f7fa",
}
}
x1={540}
@ -742,7 +742,7 @@ exports[`Timeline should render with data 1`] = `
className="rv-xy-plot__grid-lines__line"
style={
Object {
"stroke": "rgb(245, 247, 250)",
"stroke": "#f5f7fa",
}
}
x1={630}
@ -754,7 +754,7 @@ exports[`Timeline should render with data 1`] = `
className="rv-xy-plot__grid-lines__line"
style={
Object {
"stroke": "rgb(245, 247, 250)",
"stroke": "#f5f7fa",
}
}
x1={720}
@ -766,7 +766,7 @@ exports[`Timeline should render with data 1`] = `
className="rv-xy-plot__grid-lines__line"
style={
Object {
"stroke": "rgb(245, 247, 250)",
"stroke": "#f5f7fa",
}
}
x1={810}
@ -778,7 +778,7 @@ exports[`Timeline should render with data 1`] = `
className="rv-xy-plot__grid-lines__line"
style={
Object {
"stroke": "rgb(245, 247, 250)",
"stroke": "#f5f7fa",
}
}
x1={900}
@ -795,7 +795,7 @@ exports[`Timeline should render with data 1`] = `
className="rv-xy-plot__grid-lines__line"
style={
Object {
"stroke": "rgb(152, 162, 179)",
"stroke": "#98a2b3",
}
}
x1={450}
@ -807,7 +807,7 @@ exports[`Timeline should render with data 1`] = `
className="rv-xy-plot__grid-lines__line"
style={
Object {
"stroke": "rgb(152, 162, 179)",
"stroke": "#98a2b3",
}
}
x1={495.00000000000006}
@ -819,7 +819,7 @@ exports[`Timeline should render with data 1`] = `
className="rv-xy-plot__grid-lines__line"
style={
Object {
"stroke": "rgb(152, 162, 179)",
"stroke": "#98a2b3",
}
}
x1={855}

View file

@ -40,21 +40,21 @@ describe('chartSelectors', () => {
it('should produce correct series', () => {
expect(getResponseTimeSeries(apmTimeseries)).toEqual([
{
color: 'rgb(49, 133, 252)',
color: '#3185fc',
data: [{ x: 0, y: 100 }, { x: 1000, y: 200 }],
legendValue: '0 ms',
title: 'Avg.',
type: 'linemark'
},
{
color: 'rgb(230, 194, 32)',
color: '#e6c220',
data: [{ x: 0, y: 200 }, { x: 1000, y: 300 }],
title: '95th percentile',
titleShort: '95th',
type: 'linemark'
},
{
color: 'rgb(249, 133, 16)',
color: '#f98510',
data: [{ x: 0, y: 300 }, { x: 1000, y: 400 }],
title: '99th percentile',
titleShort: '99th',
@ -80,21 +80,21 @@ describe('chartSelectors', () => {
it('should produce correct series', () => {
expect(getTpmSeries(apmTimeseries, transactionType)).toEqual([
{
color: 'rgb(0, 179, 164)',
color: '#00b3a4',
data: [{ x: 0, y: 5 }, { x: 0, y: 2 }],
legendValue: '3.5 tpm',
title: 'HTTP 2xx',
type: 'linemark'
},
{
color: 'rgb(249, 133, 16)',
color: '#f98510',
data: [{ x: 0, y: 1 }],
legendValue: '1.0 tpm',
title: 'HTTP 4xx',
type: 'linemark'
},
{
color: 'rgb(219, 19, 116)',
color: '#db1374',
data: [{ x: 0, y: 0 }],
legendValue: '0.0 tpm',
title: 'HTTP 5xx',

View file

@ -67,6 +67,7 @@ const status = (rendered, row = 0) => {
rendered.update();
return findTestSubject(rendered, 'indexTableCell-status')
.at(row)
.find('.euiTableCellContent')
.text();
};

View file

@ -8,7 +8,6 @@ import { EuiButtonEmpty, EuiIcon, EuiProgress, EuiText } from '@elastic/eui';
import { FormattedMessage } from '@kbn/i18n/react';
import * as React from 'react';
import styled from 'styled-components';
import { RelativeTime } from './relative_time';
interface LogTextStreamLoadingItemViewProps {
@ -117,16 +116,28 @@ interface ProgressEntryProps {
class ProgressEntry extends React.PureComponent<ProgressEntryProps, {}> {
public render() {
const { alignment, children, className, color, isLoading } = this.props;
const progressProps = {};
// NOTE: styled-components seems to make all props in EuiProgress required, so this
// style attribute hacking replaces styled-components here for now until that can be fixed
// see: https://github.com/elastic/eui/issues/1655
const alignmentStyle =
alignment === 'top' ? { top: 0, bottom: 'initial' } : { top: 'initial', bottom: 0 };
if (isLoading) {
// @ts-ignore
progressProps.max = 1;
// @ts-ignore
progressProps.value = 1;
}
return (
<ProgressEntryWrapper className={className}>
<AlignedProgress
alignment={alignment}
<EuiProgress
style={alignmentStyle}
color={color}
max={isLoading ? undefined : 1}
size="xs"
value={isLoading ? undefined : 1}
position="absolute"
{...progressProps}
/>
{children}
</ProgressEntryWrapper>
@ -144,10 +155,3 @@ const ProgressEntryWrapper = styled.div`
const ProgressMessage = styled.div`
padding: 8px 16px;
`;
const AlignedProgress = styled(EuiProgress).attrs<{
alignment: 'top' | 'bottom';
}>({})`
top: ${props => (props.alignment === 'top' ? 0 : 'initial')};
bottom: ${props => (props.alignment === 'top' ? 'initial' : 0)};
`;

View file

@ -275,7 +275,6 @@ export const RangeDatePicker = injectI18n(
<EuiDatePickerRange
className="euiDatePickerRange--inGroup"
iconType={false}
disabled={disabled}
fullWidth
startDateControl={
<EuiDatePicker

View file

@ -4,13 +4,13 @@
* you may not use this file except in compliance with the Elastic License.
*/
import { EuiButtonGroup } from '@elastic/eui';
import { EuiButtonGroup, EuiButtonGroupProps } from '@elastic/eui';
import { InjectedIntl, injectI18n } from '@kbn/i18n/react';
import React from 'react';
interface Props {
view: string;
onChange: (view: string) => void;
onChange: EuiButtonGroupProps['onChange'];
intl: InjectedIntl;
}

View file

@ -17,7 +17,6 @@ import { IconType, ToolTipPositions } from '@elastic/eui';
import { CommonProps } from '@elastic/eui/src/components/common';
import moment from 'moment';
import { MouseEventHandler, ReactType, Ref } from 'react';
import { ReactDatePickerProps } from 'react-datepicker';
import { JsonObject } from '../common/typed_json';
declare module '@elastic/eui' {
@ -46,60 +45,6 @@ declare module '@elastic/eui' {
type EuiHeaderBreadcrumbsProps = EuiBreadcrumbsProps;
export const EuiHeaderBreadcrumbs: React.SFC<EuiHeaderBreadcrumbsProps>;
type EuiDatePickerProps = CommonProps &
Pick<
ReactDatePickerProps,
Exclude<
keyof ReactDatePickerProps,
| 'monthsShown'
| 'showWeekNumbers'
| 'fixedHeight'
| 'dropdownMode'
| 'useShortMonthInDropdown'
| 'todayButton'
| 'timeCaption'
| 'disabledKeyboardNavigation'
| 'isClearable'
| 'withPortal'
| 'ref'
| 'placeholderText'
| 'selected'
>
> & {
fullWidth?: boolean;
inputRef?: Ref<Element | ReactType>;
injectTimes?: moment.Moment[];
isInvalid?: boolean;
isLoading?: boolean;
selected?: moment.Moment | null | undefined;
placeholder?: string;
shadow?: boolean;
calendarContainer?: React.ReactNode;
onChange?: (date: moment.Moment | null) => void;
startDate?: moment.Moment | undefined;
endDate?: moment.Moment | undefined;
};
export const EuiDatePicker: React.SFC<EuiDatePickerProps>;
type EuiFilterGroupProps = CommonProps;
export const EuiFilterGroup: React.SFC<EuiFilterGroupProps>;
type EuiFilterButtonProps = CommonProps & {
color?: ButtonColor;
href?: string;
iconSide?: ButtonIconSide;
iconType?: IconType;
isDisabled?: boolean;
isSelected?: boolean;
onClick: MouseEventHandler<HTMLElement>;
rel?: string;
target?: string;
type?: string;
hasActiveFilters?: boolean;
numFilters?: number;
};
export const EuiFilterButton: React.SFC<EuiFilterButtonProps>;
interface EuiOutsideClickDetectorProps {
children: React.ReactNode;
isDisabled?: boolean;
@ -159,18 +104,6 @@ declare module '@elastic/eui' {
export const EuiShowFor: React.SFC<EuiResponsiveProps>;
type EuiDatePickerRangeProps = CommonProps & {
startDateControl: React.ReactNode;
endDateControl: React.ReactNode;
iconType?: IconType | boolean;
fullWidth?: boolean;
disabled?: boolean;
isLoading?: boolean;
dateFormat?: string;
};
export const EuiDatePickerRange: React.SFC<EuiDatePickerRangeProps>;
type EuiInMemoryTableProps = CommonProps & {
items?: any;
columns?: any;
@ -185,19 +118,4 @@ declare module '@elastic/eui' {
message?: any;
};
export const EuiInMemoryTable: React.SFC<EuiInMemoryTableProps>;
type EuiButtonGroupProps = CommonProps & {
buttonSize?: any;
color?: any;
idToSelectedMap?: any;
options?: any;
type?: any;
onChange?: any;
isIconOnly?: any;
isDisabled?: any;
isFullWidth?: any;
legend?: any;
idSelected?: any;
};
export const EuiButtonGroup: React.SFC<EuiButtonGroupProps>;
}

View file

@ -167,9 +167,7 @@ exports[`UploadLicense should display a modal when license requires acknowledgem
</FormattedMessage>
</h1>
</EuiTitle>
<EuiSpacer
size="l"
>
<EuiSpacer>
<div
className="euiSpacer euiSpacer--l"
/>
@ -180,7 +178,19 @@ exports[`UploadLicense should display a modal when license requires acknowledgem
<div
class="euiOverlayMask"
>
<div>
<div
data-focus-guard="true"
style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
tabindex="0"
/>
<div
data-focus-guard="true"
style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
tabindex="1"
/>
<div
data-focus-lock-disabled="false"
>
<div
class="euiModal euiModal--maxWidth-default euiModal--confirmation"
tabindex="0"
@ -279,6 +289,11 @@ exports[`UploadLicense should display a modal when license requires acknowledgem
</div>
</div>
</div>
<div
data-focus-guard="true"
style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
tabindex="0"
/>
</div>
}
>
@ -313,56 +328,309 @@ exports[`UploadLicense should display a modal when license requires acknowledgem
maxWidth={true}
onClose={[Function]}
>
<Component
focusTrapOptions={
Object {
"fallbackFocus": [Function],
"initialFocus": undefined,
}
}
<EuiFocusTrap
clickOutsideDisables={false}
disabled={false}
returnFocus={true}
>
<div>
<FocusLock
as="div"
autoFocus={true}
disabled={false}
lockProps={Object {}}
noFocusGuards={false}
persistentFocus={false}
returnFocus={true}
>
<div
className="euiModal euiModal--maxWidth-default euiModal--confirmation"
onKeyDown={[Function]}
data-focus-guard={true}
key="guard-first"
style={
Object {
"height": "0px",
"left": "1px",
"overflow": "hidden",
"padding": 0,
"position": "fixed",
"top": "1px",
"width": "1px",
}
}
tabIndex={0}
/>
<div
data-focus-guard={true}
key="guard-nearest"
style={
Object {
"height": "0px",
"left": "1px",
"overflow": "hidden",
"padding": 0,
"position": "fixed",
"top": "1px",
"width": "1px",
}
}
tabIndex={1}
/>
<div
data-focus-lock-disabled={false}
onBlur={[Function]}
onFocus={[Function]}
>
<EuiI18n
default="Closes this modal window"
token="euiModal.closeModal"
<SideEffect(FocusWatcher)
autoFocus={true}
disabled={false}
observed={
<div
data-focus-lock-disabled="false"
>
<div
class="euiModal euiModal--maxWidth-default euiModal--confirmation"
tabindex="0"
>
<button
aria-label="Closes this modal window"
class="euiButtonIcon euiButtonIcon--text euiModal__closeIcon"
type="button"
>
<svg
aria-hidden="true"
class="euiIcon euiIcon--medium euiButtonIcon__icon"
focusable="false"
height="16"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<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>
</button>
<div
class="euiModal__flex"
>
<div
class="euiModalHeader"
>
<div
class="euiModalHeader__title"
data-test-subj="confirmModalTitleText"
>
Confirm License Upload
</div>
</div>
<div
class="euiModalBody"
>
<div
class="euiText euiText--medium"
data-test-subj="confirmModalBodyText"
>
<div>
<div
class="euiText euiText--medium"
>
Some functionality will be lost if you replace your TRIAL license with a BASIC license. Review the list of features below.
</div>
<div
class="euiText euiText--medium"
>
<ul>
<li>
Watcher will be disabled
</li>
</ul>
</div>
</div>
</div>
</div>
<div
class="euiModalFooter"
>
<button
class="euiButtonEmpty euiButtonEmpty--primary"
data-test-subj="confirmModalCancelButton"
type="button"
>
<span
class="euiButtonEmpty__content"
>
<span
class="euiButtonEmpty__text"
>
Cancel
</span>
</span>
</button>
<button
class="euiButton euiButton--primary euiButton--fill"
data-test-subj="confirmModalConfirmButton"
type="button"
>
<span
class="euiButton__content"
>
<span
class="euiButton__text"
>
Confirm
</span>
</span>
</button>
</div>
</div>
</div>
</div>
}
onActivation={[Function]}
onDeactivation={[Function]}
persistentFocus={false}
>
<EuiButtonIcon
aria-label="Closes this modal window"
className="euiModal__closeIcon"
color="text"
iconSize="m"
iconType="cross"
onClick={[Function]}
type="button"
<FocusWatcher
autoFocus={true}
disabled={false}
observed={
<div
data-focus-lock-disabled="false"
>
<div
class="euiModal euiModal--maxWidth-default euiModal--confirmation"
tabindex="0"
>
<button
aria-label="Closes this modal window"
class="euiButtonIcon euiButtonIcon--text euiModal__closeIcon"
type="button"
>
<svg
aria-hidden="true"
class="euiIcon euiIcon--medium euiButtonIcon__icon"
focusable="false"
height="16"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<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>
</button>
<div
class="euiModal__flex"
>
<div
class="euiModalHeader"
>
<div
class="euiModalHeader__title"
data-test-subj="confirmModalTitleText"
>
Confirm License Upload
</div>
</div>
<div
class="euiModalBody"
>
<div
class="euiText euiText--medium"
data-test-subj="confirmModalBodyText"
>
<div>
<div
class="euiText euiText--medium"
>
Some functionality will be lost if you replace your TRIAL license with a BASIC license. Review the list of features below.
</div>
<div
class="euiText euiText--medium"
>
<ul>
<li>
Watcher will be disabled
</li>
</ul>
</div>
</div>
</div>
</div>
<div
class="euiModalFooter"
>
<button
class="euiButtonEmpty euiButtonEmpty--primary"
data-test-subj="confirmModalCancelButton"
type="button"
>
<span
class="euiButtonEmpty__content"
>
<span
class="euiButtonEmpty__text"
>
Cancel
</span>
</span>
</button>
<button
class="euiButton euiButton--primary euiButton--fill"
data-test-subj="confirmModalConfirmButton"
type="button"
>
<span
class="euiButton__content"
>
<span
class="euiButton__text"
>
Confirm
</span>
</span>
</button>
</div>
</div>
</div>
</div>
}
onActivation={[Function]}
onDeactivation={[Function]}
persistentFocus={false}
/>
</SideEffect(FocusWatcher)>
<div
className="euiModal euiModal--maxWidth-default euiModal--confirmation"
onKeyDown={[Function]}
tabIndex={0}
>
<EuiI18n
default="Closes this modal window"
token="euiModal.closeModal"
>
<button
<EuiButtonIcon
aria-label="Closes this modal window"
className="euiButtonIcon euiButtonIcon--text euiModal__closeIcon"
className="euiModal__closeIcon"
color="text"
iconSize="m"
iconType="cross"
onClick={[Function]}
type="button"
>
<EuiIcon
aria-hidden="true"
className="euiButtonIcon__icon"
size="m"
type="cross"
<button
aria-label="Closes this modal window"
className="euiButtonIcon euiButtonIcon--text euiModal__closeIcon"
onClick={[Function]}
type="button"
>
<cross
<EuiIcon
aria-hidden="true"
className="euiIcon euiIcon--medium euiButtonIcon__icon"
focusable="false"
height="16"
style={null}
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
className="euiButtonIcon__icon"
size="m"
type="cross"
>
<svg
<cross
aria-hidden="true"
className="euiIcon euiIcon--medium euiButtonIcon__icon"
focusable="false"
@ -372,158 +640,184 @@ exports[`UploadLicense should display a modal when license requires acknowledgem
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<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>
</EuiIcon>
</button>
</EuiButtonIcon>
</EuiI18n>
<div
className="euiModal__flex"
>
<EuiModalHeader>
<div
className="euiModalHeader"
>
<EuiModalHeaderTitle
data-test-subj="confirmModalTitleText"
<svg
aria-hidden="true"
className="euiIcon euiIcon--medium euiButtonIcon__icon"
focusable="false"
height="16"
style={null}
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<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>
</EuiIcon>
</button>
</EuiButtonIcon>
</EuiI18n>
<div
className="euiModal__flex"
>
<EuiModalHeader>
<div
className="euiModalHeader"
>
<div
className="euiModalHeader__title"
<EuiModalHeaderTitle
data-test-subj="confirmModalTitleText"
>
<FormattedMessage
defaultMessage="Confirm License Upload"
id="xpack.licenseMgmt.uploadLicense.confirmModalTitle"
values={Object {}}
<div
className="euiModalHeader__title"
data-test-subj="confirmModalTitleText"
>
Confirm License Upload
</FormattedMessage>
</div>
</EuiModalHeaderTitle>
</div>
</EuiModalHeader>
<EuiModalBody>
<div
className="euiModalBody"
>
<EuiText
data-test-subj="confirmModalBodyText"
grow={true}
size="m"
>
<div
className="euiText euiText--medium"
data-test-subj="confirmModalBodyText"
>
<div>
<EuiText
grow={true}
size="m"
<FormattedMessage
defaultMessage="Confirm License Upload"
id="xpack.licenseMgmt.uploadLicense.confirmModalTitle"
values={Object {}}
>
<div
className="euiText euiText--medium"
>
Some functionality will be lost if you replace your TRIAL license with a BASIC license. Review the list of features below.
</div>
</EuiText>
<EuiText
grow={true}
size="m"
>
<div
className="euiText euiText--medium"
>
<ul>
<li
key="Watcher will be disabled"
>
Watcher will be disabled
</li>
</ul>
</div>
</EuiText>
Confirm License Upload
</FormattedMessage>
</div>
</div>
</EuiText>
</div>
</EuiModalBody>
<EuiModalFooter>
<div
className="euiModalFooter"
>
<EuiButtonEmpty
buttonRef={[Function]}
color="primary"
data-test-subj="confirmModalCancelButton"
iconSide="left"
onClick={[Function]}
type="button"
</EuiModalHeaderTitle>
</div>
</EuiModalHeader>
<EuiModalBody>
<div
className="euiModalBody"
>
<button
className="euiButtonEmpty euiButtonEmpty--primary"
<EuiText
data-test-subj="confirmModalBodyText"
grow={true}
size="m"
>
<div
className="euiText euiText--medium"
data-test-subj="confirmModalBodyText"
>
<div>
<EuiText
grow={true}
size="m"
>
<div
className="euiText euiText--medium"
>
Some functionality will be lost if you replace your TRIAL license with a BASIC license. Review the list of features below.
</div>
</EuiText>
<EuiText
grow={true}
size="m"
>
<div
className="euiText euiText--medium"
>
<ul>
<li
key="Watcher will be disabled"
>
Watcher will be disabled
</li>
</ul>
</div>
</EuiText>
</div>
</div>
</EuiText>
</div>
</EuiModalBody>
<EuiModalFooter>
<div
className="euiModalFooter"
>
<EuiButtonEmpty
buttonRef={[Function]}
color="primary"
data-test-subj="confirmModalCancelButton"
iconSide="left"
onClick={[Function]}
type="button"
>
<span
className="euiButtonEmpty__content"
<button
className="euiButtonEmpty euiButtonEmpty--primary"
data-test-subj="confirmModalCancelButton"
onClick={[Function]}
type="button"
>
<span
className="euiButtonEmpty__text"
className="euiButtonEmpty__content"
>
<FormattedMessage
defaultMessage="Cancel"
id="xpack.licenseMgmt.uploadLicense.confirmModal.cancelButtonLabel"
values={Object {}}
<span
className="euiButtonEmpty__text"
>
Cancel
</FormattedMessage>
<FormattedMessage
defaultMessage="Cancel"
id="xpack.licenseMgmt.uploadLicense.confirmModal.cancelButtonLabel"
values={Object {}}
>
Cancel
</FormattedMessage>
</span>
</span>
</span>
</button>
</EuiButtonEmpty>
<EuiButton
buttonRef={[Function]}
color="primary"
data-test-subj="confirmModalConfirmButton"
fill={true}
iconSide="left"
onClick={[Function]}
type="button"
>
<button
className="euiButton euiButton--primary euiButton--fill"
</button>
</EuiButtonEmpty>
<EuiButton
buttonRef={[Function]}
color="primary"
data-test-subj="confirmModalConfirmButton"
fill={true}
iconSide="left"
onClick={[Function]}
type="button"
>
<span
className="euiButton__content"
<button
className="euiButton euiButton--primary euiButton--fill"
data-test-subj="confirmModalConfirmButton"
onClick={[Function]}
type="button"
>
<span
className="euiButton__text"
className="euiButton__content"
>
<FormattedMessage
defaultMessage="Confirm"
id="xpack.licenseMgmt.uploadLicense.confirmModal.confirmButtonLabel"
values={Object {}}
<span
className="euiButton__text"
>
Confirm
</FormattedMessage>
<FormattedMessage
defaultMessage="Confirm"
id="xpack.licenseMgmt.uploadLicense.confirmModal.confirmButtonLabel"
values={Object {}}
>
Confirm
</FormattedMessage>
</span>
</span>
</span>
</button>
</EuiButton>
</div>
</EuiModalFooter>
</button>
</EuiButton>
</div>
</EuiModalFooter>
</div>
</div>
</div>
</div>
</Component>
<div
data-focus-guard={true}
style={
Object {
"height": "0px",
"left": "1px",
"overflow": "hidden",
"padding": 0,
"position": "fixed",
"top": "1px",
"width": "1px",
}
}
tabIndex={0}
/>
</FocusLock>
</EuiFocusTrap>
</EuiModal>
</EuiConfirmModal>
</Portal>
@ -563,9 +857,7 @@ exports[`UploadLicense should display a modal when license requires acknowledgem
</p>
</div>
</EuiText>
<EuiSpacer
size="l"
>
<EuiSpacer>
<div
className="euiSpacer euiSpacer--l"
/>
@ -955,9 +1247,7 @@ exports[`UploadLicense should display an error when ES says license is expired 1
</FormattedMessage>
</h1>
</EuiTitle>
<EuiSpacer
size="l"
>
<EuiSpacer>
<div
className="euiSpacer euiSpacer--l"
/>
@ -997,9 +1287,7 @@ exports[`UploadLicense should display an error when ES says license is expired 1
</p>
</div>
</EuiText>
<EuiSpacer
size="l"
>
<EuiSpacer>
<div
className="euiSpacer euiSpacer--l"
/>
@ -1461,9 +1749,7 @@ exports[`UploadLicense should display an error when ES says license is invalid 1
</FormattedMessage>
</h1>
</EuiTitle>
<EuiSpacer
size="l"
>
<EuiSpacer>
<div
className="euiSpacer euiSpacer--l"
/>
@ -1503,9 +1789,7 @@ exports[`UploadLicense should display an error when ES says license is invalid 1
</p>
</div>
</EuiText>
<EuiSpacer
size="l"
>
<EuiSpacer>
<div
className="euiSpacer euiSpacer--l"
/>
@ -1967,9 +2251,7 @@ exports[`UploadLicense should display an error when submitting invalid JSON 1`]
</FormattedMessage>
</h1>
</EuiTitle>
<EuiSpacer
size="l"
>
<EuiSpacer>
<div
className="euiSpacer euiSpacer--l"
/>
@ -2009,9 +2291,7 @@ exports[`UploadLicense should display an error when submitting invalid JSON 1`]
</p>
</div>
</EuiText>
<EuiSpacer
size="l"
>
<EuiSpacer>
<div
className="euiSpacer euiSpacer--l"
/>
@ -2473,9 +2753,7 @@ exports[`UploadLicense should display error when ES returns error 1`] = `
</FormattedMessage>
</h1>
</EuiTitle>
<EuiSpacer
size="l"
>
<EuiSpacer>
<div
className="euiSpacer euiSpacer--l"
/>
@ -2515,9 +2793,7 @@ exports[`UploadLicense should display error when ES returns error 1`] = `
</p>
</div>
</EuiText>
<EuiSpacer
size="l"
>
<EuiSpacer>
<div
className="euiSpacer euiSpacer--l"
/>

View file

@ -10,6 +10,7 @@ exports[`FlexItemSetting component renders a null label if label/tooltip text no
fullWidth={false}
hasEmptyLabelSpace={true}
label={null}
labelType="label"
>
<p>
The child elements
@ -33,6 +34,7 @@ exports[`FlexItemSetting component renders component and children as expected 1`
formRowTooltipText="tooltip text"
/>
}
labelType="label"
>
<p>
The child elements

View file

@ -45,6 +45,7 @@ exports[`PipelineEditor component includes required error message for falsy pipe
values={Object {}}
/>
}
labelType="label"
>
<EuiFieldText
compressed={false}
@ -69,6 +70,7 @@ exports[`PipelineEditor component includes required error message for falsy pipe
values={Object {}}
/>
}
labelType="label"
>
<EuiFieldText
compressed={false}
@ -91,6 +93,7 @@ exports[`PipelineEditor component includes required error message for falsy pipe
values={Object {}}
/>
}
labelType="label"
>
<div
data-test-subj="acePipeline"
@ -123,6 +126,7 @@ exports[`PipelineEditor component includes required error message for falsy pipe
Default value: Number of the hosts CPU cores"
/>
}
labelType="label"
>
<EuiFieldNumber
compressed={false}
@ -387,6 +391,7 @@ exports[`PipelineEditor component invalidates form for invalid pipeline id input
values={Object {}}
/>
}
labelType="label"
>
<EuiFieldText
compressed={false}
@ -411,6 +416,7 @@ exports[`PipelineEditor component invalidates form for invalid pipeline id input
values={Object {}}
/>
}
labelType="label"
>
<EuiFieldText
compressed={false}
@ -433,6 +439,7 @@ exports[`PipelineEditor component invalidates form for invalid pipeline id input
values={Object {}}
/>
}
labelType="label"
>
<div
data-test-subj="acePipeline"
@ -465,6 +472,7 @@ exports[`PipelineEditor component invalidates form for invalid pipeline id input
Default value: Number of the hosts CPU cores"
/>
}
labelType="label"
>
<EuiFieldNumber
compressed={false}
@ -729,6 +737,7 @@ exports[`PipelineEditor component invalidates form for pipeline id with spaces 1
values={Object {}}
/>
}
labelType="label"
>
<EuiFieldText
compressed={false}
@ -753,6 +762,7 @@ exports[`PipelineEditor component invalidates form for pipeline id with spaces 1
values={Object {}}
/>
}
labelType="label"
>
<EuiFieldText
compressed={false}
@ -775,6 +785,7 @@ exports[`PipelineEditor component invalidates form for pipeline id with spaces 1
values={Object {}}
/>
}
labelType="label"
>
<div
data-test-subj="acePipeline"
@ -807,6 +818,7 @@ exports[`PipelineEditor component invalidates form for pipeline id with spaces 1
Default value: Number of the hosts CPU cores"
/>
}
labelType="label"
>
<EuiFieldNumber
compressed={false}
@ -1067,6 +1079,7 @@ exports[`PipelineEditor component matches snapshot for clone pipeline 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<EuiFieldText
compressed={false}
@ -1089,6 +1102,7 @@ exports[`PipelineEditor component matches snapshot for clone pipeline 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<div
data-test-subj="acePipeline"
@ -1121,6 +1135,7 @@ exports[`PipelineEditor component matches snapshot for clone pipeline 1`] = `
Default value: Number of the hosts CPU cores"
/>
}
labelType="label"
>
<EuiFieldNumber
compressed={false}
@ -1399,6 +1414,7 @@ exports[`PipelineEditor component matches snapshot for create pipeline 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<EuiFieldText
compressed={false}
@ -1423,6 +1439,7 @@ exports[`PipelineEditor component matches snapshot for create pipeline 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<EuiFieldText
compressed={false}
@ -1445,6 +1462,7 @@ exports[`PipelineEditor component matches snapshot for create pipeline 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<div
data-test-subj="acePipeline"
@ -1477,6 +1495,7 @@ exports[`PipelineEditor component matches snapshot for create pipeline 1`] = `
Default value: Number of the hosts CPU cores"
/>
}
labelType="label"
>
<EuiFieldNumber
compressed={false}
@ -1737,6 +1756,7 @@ exports[`PipelineEditor component matches snapshot for edit pipeline 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<EuiFieldText
compressed={false}
@ -1759,6 +1779,7 @@ exports[`PipelineEditor component matches snapshot for edit pipeline 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<div
data-test-subj="acePipeline"
@ -1791,6 +1812,7 @@ exports[`PipelineEditor component matches snapshot for edit pipeline 1`] = `
Default value: Number of the hosts CPU cores"
/>
}
labelType="label"
>
<EuiFieldNumber
compressed={false}

View file

@ -67,7 +67,6 @@ exports[`TOCEntry is rendered 1`] = `
className="mapTocEntry__grab"
>
<EuiIcon
size="m"
type="grab"
/>
</span>

View file

@ -10,7 +10,6 @@ exports[`DocumentationHelpLink renders the link 1`] = `
Label Text
<EuiIcon
size="m"
type="popout"
/>
</a>

View file

@ -11,7 +11,6 @@ exports[`Suggestion snapshot 1`] = `
type="field"
>
<EuiIcon
size="m"
type="kqlField"
/>
</styled.div>

View file

@ -18,7 +18,6 @@ exports[`ConditionExpression renders with appliesTo, operator and value supplied
anchorPosition="downLeft"
button={
<EuiExpression
color="secondary"
description={
<FormattedMessage
defaultMessage="when"
@ -28,7 +27,6 @@ exports[`ConditionExpression renders with appliesTo, operator and value supplied
}
isActive={false}
onClick={[Function]}
uppercase={true}
value="diff from typical"
/>
}
@ -98,7 +96,6 @@ exports[`ConditionExpression renders with appliesTo, operator and value supplied
anchorPosition="downLeft"
button={
<EuiExpression
color="secondary"
description={
<FormattedMessage
defaultMessage="is {operator}"
@ -112,7 +109,6 @@ exports[`ConditionExpression renders with appliesTo, operator and value supplied
}
isActive={false}
onClick={[Function]}
uppercase={true}
value="123"
/>
}
@ -250,7 +246,6 @@ exports[`ConditionExpression renders with only value supplied 1`] = `
anchorPosition="downLeft"
button={
<EuiExpression
color="secondary"
description={
<FormattedMessage
defaultMessage="when"
@ -260,7 +255,6 @@ exports[`ConditionExpression renders with only value supplied 1`] = `
}
isActive={false}
onClick={[Function]}
uppercase={true}
value=""
/>
}
@ -329,7 +323,6 @@ exports[`ConditionExpression renders with only value supplied 1`] = `
anchorPosition="downLeft"
button={
<EuiExpression
color="secondary"
description={
<FormattedMessage
defaultMessage="is {operator}"
@ -343,7 +336,6 @@ exports[`ConditionExpression renders with only value supplied 1`] = `
}
isActive={false}
onClick={[Function]}
uppercase={true}
value="123"
/>
}

View file

@ -121,9 +121,7 @@ exports[`RuleEditorFlyout renders the flyout after adding a condition to a rule
/>
</p>
</EuiText>
<EuiSpacer
size="l"
/>
<EuiSpacer />
<EuiTitle
size="m"
textTransform="none"
@ -414,9 +412,7 @@ exports[`RuleEditorFlyout renders the flyout after setting the rule to edit 1`]
/>
</p>
</EuiText>
<EuiSpacer
size="l"
/>
<EuiSpacer />
<EuiTitle
size="m"
textTransform="none"
@ -693,9 +689,7 @@ exports[`RuleEditorFlyout renders the flyout for creating a rule with conditions
/>
</p>
</EuiText>
<EuiSpacer
size="l"
/>
<EuiSpacer />
<EuiTitle
size="m"
textTransform="none"

View file

@ -30,7 +30,6 @@ exports[`ScopeExpression renders when empty list of filter IDs is supplied 1`] =
>
<EuiExpression
className="scope-field-button"
color="secondary"
description={
<FormattedMessage
defaultMessage="when"
@ -40,7 +39,6 @@ exports[`ScopeExpression renders when empty list of filter IDs is supplied 1`] =
}
isActive={false}
onClick={[Function]}
uppercase={true}
value="domain"
/>
</EuiFlexItem>
@ -77,7 +75,6 @@ exports[`ScopeExpression renders when enabled set to false 1`] = `
>
<EuiExpression
className="scope-field-button"
color="secondary"
description={
<FormattedMessage
defaultMessage="when"
@ -87,7 +84,6 @@ exports[`ScopeExpression renders when enabled set to false 1`] = `
}
isActive={false}
onClick={[Function]}
uppercase={true}
value="domain"
/>
</EuiFlexItem>
@ -99,7 +95,6 @@ exports[`ScopeExpression renders when enabled set to false 1`] = `
anchorPosition="downLeft"
button={
<EuiExpression
color="secondary"
description={
<FormattedMessage
defaultMessage="is {filterType}"
@ -113,7 +108,6 @@ exports[`ScopeExpression renders when enabled set to false 1`] = `
}
isActive={false}
onClick={[Function]}
uppercase={true}
value="safe_domains"
/>
}
@ -258,7 +252,6 @@ exports[`ScopeExpression renders when filter ID and type supplied 1`] = `
>
<EuiExpression
className="scope-field-button"
color="secondary"
description={
<FormattedMessage
defaultMessage="when"
@ -268,7 +261,6 @@ exports[`ScopeExpression renders when filter ID and type supplied 1`] = `
}
isActive={false}
onClick={[Function]}
uppercase={true}
value="domain"
/>
</EuiFlexItem>
@ -280,7 +272,6 @@ exports[`ScopeExpression renders when filter ID and type supplied 1`] = `
anchorPosition="downLeft"
button={
<EuiExpression
color="secondary"
description={
<FormattedMessage
defaultMessage="is {filterType}"
@ -294,7 +285,6 @@ exports[`ScopeExpression renders when filter ID and type supplied 1`] = `
}
isActive={false}
onClick={[Function]}
uppercase={true}
value="safe_domains"
/>
}
@ -439,7 +429,6 @@ exports[`ScopeExpression renders when no filter ID or type supplied 1`] = `
>
<EuiExpression
className="scope-field-button"
color="secondary"
description={
<FormattedMessage
defaultMessage="when"
@ -449,7 +438,6 @@ exports[`ScopeExpression renders when no filter ID or type supplied 1`] = `
}
isActive={false}
onClick={[Function]}
uppercase={true}
value="domain"
/>
</EuiFlexItem>
@ -461,7 +449,6 @@ exports[`ScopeExpression renders when no filter ID or type supplied 1`] = `
anchorPosition="downLeft"
button={
<EuiExpression
color="secondary"
description={
<FormattedMessage
defaultMessage="is {filterType}"
@ -475,7 +462,6 @@ exports[`ScopeExpression renders when no filter ID or type supplied 1`] = `
}
isActive={false}
onClick={[Function]}
uppercase={true}
value=""
/>
}

View file

@ -15,6 +15,7 @@ exports[`Overrides render overrides 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<EuiFieldNumber
compressed={false}
@ -35,6 +36,7 @@ exports[`Overrides render overrides 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<EuiComboBox
compressed={false}
@ -79,6 +81,7 @@ exports[`Overrides render overrides 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<EuiComboBox
compressed={false}
@ -393,6 +396,7 @@ exports[`Overrides render overrides 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<EuiComboBox
compressed={false}

View file

@ -35,6 +35,7 @@ exports[`CustomUrlEditor renders the editor for a dashboard type URL with a labe
values={Object {}}
/>
}
labelType="label"
>
<EuiFieldText
compressed={true}
@ -57,6 +58,7 @@ exports[`CustomUrlEditor renders the editor for a dashboard type URL with a labe
values={Object {}}
/>
}
labelType="label"
>
<EuiRadioGroup
className="url-link-to-radio"
@ -92,6 +94,7 @@ exports[`CustomUrlEditor renders the editor for a dashboard type URL with a labe
values={Object {}}
/>
}
labelType="label"
>
<EuiSelect
compressed={true}
@ -125,6 +128,7 @@ exports[`CustomUrlEditor renders the editor for a dashboard type URL with a labe
values={Object {}}
/>
}
labelType="label"
>
<EuiComboBox
compressed={false}
@ -169,6 +173,7 @@ exports[`CustomUrlEditor renders the editor for a dashboard type URL with a labe
values={Object {}}
/>
}
labelType="label"
>
<EuiSelect
compressed={true}
@ -232,6 +237,7 @@ exports[`CustomUrlEditor renders the editor for a discover type URL with an enti
values={Object {}}
/>
}
labelType="label"
>
<EuiFieldText
compressed={true}
@ -254,6 +260,7 @@ exports[`CustomUrlEditor renders the editor for a discover type URL with an enti
values={Object {}}
/>
}
labelType="label"
>
<EuiRadioGroup
className="url-link-to-radio"
@ -289,6 +296,7 @@ exports[`CustomUrlEditor renders the editor for a discover type URL with an enti
values={Object {}}
/>
}
labelType="label"
>
<EuiSelect
compressed={true}
@ -322,6 +330,7 @@ exports[`CustomUrlEditor renders the editor for a discover type URL with an enti
values={Object {}}
/>
}
labelType="label"
>
<EuiComboBox
compressed={false}
@ -372,6 +381,7 @@ exports[`CustomUrlEditor renders the editor for a discover type URL with an enti
values={Object {}}
/>
}
labelType="label"
>
<EuiSelect
compressed={true}
@ -418,6 +428,7 @@ exports[`CustomUrlEditor renders the editor for a discover type URL with an enti
values={Object {}}
/>
}
labelType="label"
>
<EuiFieldText
compressed={true}
@ -469,6 +480,7 @@ exports[`CustomUrlEditor renders the editor for a discover type URL with valid t
values={Object {}}
/>
}
labelType="label"
>
<EuiFieldText
compressed={true}
@ -491,6 +503,7 @@ exports[`CustomUrlEditor renders the editor for a discover type URL with valid t
values={Object {}}
/>
}
labelType="label"
>
<EuiRadioGroup
className="url-link-to-radio"
@ -526,6 +539,7 @@ exports[`CustomUrlEditor renders the editor for a discover type URL with valid t
values={Object {}}
/>
}
labelType="label"
>
<EuiSelect
compressed={true}
@ -559,6 +573,7 @@ exports[`CustomUrlEditor renders the editor for a discover type URL with valid t
values={Object {}}
/>
}
labelType="label"
>
<EuiComboBox
compressed={false}
@ -609,6 +624,7 @@ exports[`CustomUrlEditor renders the editor for a discover type URL with valid t
values={Object {}}
/>
}
labelType="label"
>
<EuiSelect
compressed={true}
@ -651,6 +667,7 @@ exports[`CustomUrlEditor renders the editor for a discover type URL with valid t
values={Object {}}
/>
}
labelType="label"
>
<EuiFieldText
compressed={true}
@ -706,6 +723,7 @@ exports[`CustomUrlEditor renders the editor for a new dashboard type URL with no
values={Object {}}
/>
}
labelType="label"
>
<EuiFieldText
compressed={true}
@ -728,6 +746,7 @@ exports[`CustomUrlEditor renders the editor for a new dashboard type URL with no
values={Object {}}
/>
}
labelType="label"
>
<EuiRadioGroup
className="url-link-to-radio"
@ -763,6 +782,7 @@ exports[`CustomUrlEditor renders the editor for a new dashboard type URL with no
values={Object {}}
/>
}
labelType="label"
>
<EuiSelect
compressed={true}
@ -796,6 +816,7 @@ exports[`CustomUrlEditor renders the editor for a new dashboard type URL with no
values={Object {}}
/>
}
labelType="label"
>
<EuiComboBox
compressed={false}
@ -840,6 +861,7 @@ exports[`CustomUrlEditor renders the editor for a new dashboard type URL with no
values={Object {}}
/>
}
labelType="label"
>
<EuiSelect
compressed={true}
@ -907,6 +929,7 @@ exports[`CustomUrlEditor renders the editor for other type of URL with duplicate
values={Object {}}
/>
}
labelType="label"
>
<EuiFieldText
compressed={true}
@ -929,6 +952,7 @@ exports[`CustomUrlEditor renders the editor for other type of URL with duplicate
values={Object {}}
/>
}
labelType="label"
>
<EuiRadioGroup
className="url-link-to-radio"
@ -964,6 +988,7 @@ exports[`CustomUrlEditor renders the editor for other type of URL with duplicate
values={Object {}}
/>
}
labelType="label"
>
<EuiTextArea
compressed={true}
@ -1013,6 +1038,7 @@ exports[`CustomUrlEditor renders the editor for other type of URL with unique la
values={Object {}}
/>
}
labelType="label"
>
<EuiFieldText
compressed={true}
@ -1035,6 +1061,7 @@ exports[`CustomUrlEditor renders the editor for other type of URL with unique la
values={Object {}}
/>
}
labelType="label"
>
<EuiRadioGroup
className="url-link-to-radio"
@ -1070,6 +1097,7 @@ exports[`CustomUrlEditor renders the editor for other type of URL with unique la
values={Object {}}
/>
}
labelType="label"
>
<EuiTextArea
compressed={true}

View file

@ -29,6 +29,7 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<EuiFieldText
compressed={false}
@ -55,6 +56,7 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<EuiFieldText
compressed={false}
@ -82,6 +84,7 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<EuiFieldText
compressed={false}
@ -102,6 +105,7 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
describedByIds={Array []}
fullWidth={false}
hasEmptyLabelSpace={true}
labelType="label"
>
<EuiToolTip
content={
@ -134,6 +138,7 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
describedByIds={Array []}
fullWidth={false}
hasEmptyLabelSpace={true}
labelType="label"
>
<EuiToolTip
content={
@ -186,6 +191,7 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<EuiFieldText
compressed={false}
@ -212,6 +218,7 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<EuiFieldText
compressed={false}
@ -239,6 +246,7 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<EuiFieldText
compressed={false}
@ -259,6 +267,7 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
describedByIds={Array []}
fullWidth={false}
hasEmptyLabelSpace={true}
labelType="label"
>
<EuiToolTip
content={
@ -291,6 +300,7 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
describedByIds={Array []}
fullWidth={false}
hasEmptyLabelSpace={true}
labelType="label"
>
<EuiToolTip
content={
@ -343,6 +353,7 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<EuiFieldText
compressed={false}
@ -369,6 +380,7 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<EuiFieldText
compressed={false}
@ -396,6 +408,7 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<EuiFieldText
compressed={false}
@ -416,6 +429,7 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
describedByIds={Array []}
fullWidth={false}
hasEmptyLabelSpace={true}
labelType="label"
>
<EuiToolTip
content={
@ -448,6 +462,7 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
describedByIds={Array []}
fullWidth={false}
hasEmptyLabelSpace={true}
labelType="label"
>
<EuiToolTip
content={

View file

@ -42,6 +42,7 @@ exports[`CalendarForm Renders calendar form 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<EuiFieldText
compressed={false}
@ -64,6 +65,7 @@ exports[`CalendarForm Renders calendar form 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<EuiFieldText
compressed={false}
@ -86,6 +88,7 @@ exports[`CalendarForm Renders calendar form 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<EuiComboBox
compressed={false}
@ -109,6 +112,7 @@ exports[`CalendarForm Renders calendar form 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<EuiComboBox
compressed={false}
@ -136,6 +140,7 @@ exports[`CalendarForm Renders calendar form 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<InjectIntl(EventsTable)
canCreateCalendar={true}

View file

@ -42,6 +42,7 @@ exports[`AddItemPopover calls addItems with multiple items on clicking Add butto
values={Object {}}
/>
}
labelType="label"
>
<EuiTextArea
fullWidth={false}
@ -139,6 +140,7 @@ exports[`AddItemPopover opens the popover onButtonClick 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<EuiTextArea
fullWidth={false}
@ -236,6 +238,7 @@ exports[`AddItemPopover renders the popover 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<EuiTextArea
fullWidth={false}

View file

@ -42,6 +42,7 @@ exports[`FilterListUsagePopover opens the popover onButtonClick 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<EuiFieldText
compressed={false}
@ -100,6 +101,7 @@ exports[`FilterListUsagePopover renders the popover with a description 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<EuiFieldText
compressed={false}
@ -158,6 +160,7 @@ exports[`FilterListUsagePopover renders the popover with no description 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<EuiFieldText
compressed={false}

View file

@ -81,6 +81,7 @@ exports[`EditFilterListHeader renders the header when creating a new filter list
values={Object {}}
/>
}
labelType="label"
>
<EuiFieldText
compressed={false}
@ -216,6 +217,7 @@ exports[`EditFilterListHeader renders the header when creating a new filter list
values={Object {}}
/>
}
labelType="label"
>
<EuiFieldText
compressed={false}

View file

@ -152,10 +152,7 @@ exports[`CcrShard that it renders normally 1`] = `
</EuiPanel>
</EuiFlexItem>
</EuiFlexGroup>
<EuiHorizontalRule
margin="l"
size="full"
/>
<EuiHorizontalRule />
<EuiAccordion
buttonContent={
<EuiTitle
@ -183,10 +180,7 @@ exports[`CcrShard that it renders normally 1`] = `
September 27, 2018 9:32:09 AM
</h4>
</EuiTitle>
<EuiHorizontalRule
margin="l"
size="full"
/>
<EuiHorizontalRule />
<EuiCodeBlock
language="json"
>

View file

@ -9,9 +9,7 @@ exports[`DetailDrawer component If vertices shows basic info and no stats for if
ownFocus={false}
size="s"
>
<EuiFlyoutHeader
hasBorder={false}
>
<EuiFlyoutHeader>
<EuiFlexGroup
alignItems="baseline"
component="div"
@ -27,7 +25,6 @@ exports[`DetailDrawer component If vertices shows basic info and no stats for if
>
<EuiIcon
className="lspvDetailDrawerIcon"
size="m"
/>
</EuiFlexItem>
<EuiFlexItem
@ -63,9 +60,7 @@ exports[`DetailDrawer component If vertices shows basic info and no stats for if
...
}
</EuiCodeBlock>
<EuiSpacer
size="l"
/>
<EuiSpacer />
</div>
<p>
<FormattedMessage
@ -88,9 +83,7 @@ exports[`DetailDrawer component Plugin vertices Plugin does not have explicit ID
ownFocus={false}
size="s"
>
<EuiFlyoutHeader
hasBorder={false}
>
<EuiFlyoutHeader>
<EuiFlexGroup
alignItems="baseline"
component="div"
@ -106,7 +99,6 @@ exports[`DetailDrawer component Plugin vertices Plugin does not have explicit ID
>
<EuiIcon
className="lspvDetailDrawerIcon"
size="m"
/>
</EuiFlexItem>
<EuiFlexItem
@ -147,9 +139,7 @@ exports[`DetailDrawer component Plugin vertices Plugin does not have explicit ID
id =&gt; "mySpecialId"
}
</EuiCodeBlock>
<EuiSpacer
size="l"
/>
<EuiSpacer />
</div>
<EuiTable
responsive={true}
@ -160,6 +150,11 @@ exports[`DetailDrawer component Plugin vertices Plugin does not have explicit ID
>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
>
<FormattedMessage
@ -170,6 +165,11 @@ exports[`DetailDrawer component Plugin vertices Plugin does not have explicit ID
</EuiTableRowCell>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
>
<div
@ -208,6 +208,11 @@ exports[`DetailDrawer component Plugin vertices Plugin does not have explicit ID
</EuiTableRowCell>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
>
0.23 ms/e
@ -218,6 +223,11 @@ exports[`DetailDrawer component Plugin vertices Plugin does not have explicit ID
>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
>
<FormattedMessage
@ -228,6 +238,11 @@ exports[`DetailDrawer component Plugin vertices Plugin does not have explicit ID
</EuiTableRowCell>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
>
<div
@ -266,6 +281,11 @@ exports[`DetailDrawer component Plugin vertices Plugin does not have explicit ID
</EuiTableRowCell>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
>
N/A
@ -276,6 +296,11 @@ exports[`DetailDrawer component Plugin vertices Plugin does not have explicit ID
>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
>
<FormattedMessage
@ -286,6 +311,11 @@ exports[`DetailDrawer component Plugin vertices Plugin does not have explicit ID
</EuiTableRowCell>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
>
<div
@ -324,6 +354,11 @@ exports[`DetailDrawer component Plugin vertices Plugin does not have explicit ID
</EuiTableRowCell>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
>
203 events
@ -334,6 +369,11 @@ exports[`DetailDrawer component Plugin vertices Plugin does not have explicit ID
>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
>
<FormattedMessage
@ -344,6 +384,11 @@ exports[`DetailDrawer component Plugin vertices Plugin does not have explicit ID
</EuiTableRowCell>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
>
<div
@ -382,6 +427,11 @@ exports[`DetailDrawer component Plugin vertices Plugin does not have explicit ID
</EuiTableRowCell>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
>
200 events
@ -403,9 +453,7 @@ exports[`DetailDrawer component Plugin vertices Plugin has explicit ID shows bas
ownFocus={false}
size="s"
>
<EuiFlyoutHeader
hasBorder={false}
>
<EuiFlyoutHeader>
<EuiFlexGroup
alignItems="baseline"
component="div"
@ -421,7 +469,6 @@ exports[`DetailDrawer component Plugin vertices Plugin has explicit ID shows bas
>
<EuiIcon
className="lspvDetailDrawerIcon"
size="m"
/>
</EuiFlexItem>
<EuiFlexItem
@ -470,6 +517,11 @@ exports[`DetailDrawer component Plugin vertices Plugin has explicit ID shows bas
>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
>
<FormattedMessage
@ -480,6 +532,11 @@ exports[`DetailDrawer component Plugin vertices Plugin has explicit ID shows bas
</EuiTableRowCell>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
>
<div
@ -518,6 +575,11 @@ exports[`DetailDrawer component Plugin vertices Plugin has explicit ID shows bas
</EuiTableRowCell>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
>
0.23 ms/e
@ -528,6 +590,11 @@ exports[`DetailDrawer component Plugin vertices Plugin has explicit ID shows bas
>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
>
<FormattedMessage
@ -538,6 +605,11 @@ exports[`DetailDrawer component Plugin vertices Plugin has explicit ID shows bas
</EuiTableRowCell>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
>
<div
@ -576,6 +648,11 @@ exports[`DetailDrawer component Plugin vertices Plugin has explicit ID shows bas
</EuiTableRowCell>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
>
N/A
@ -586,6 +663,11 @@ exports[`DetailDrawer component Plugin vertices Plugin has explicit ID shows bas
>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
>
<FormattedMessage
@ -596,6 +678,11 @@ exports[`DetailDrawer component Plugin vertices Plugin has explicit ID shows bas
</EuiTableRowCell>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
>
<div
@ -634,6 +721,11 @@ exports[`DetailDrawer component Plugin vertices Plugin has explicit ID shows bas
</EuiTableRowCell>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
>
203 events
@ -644,6 +736,11 @@ exports[`DetailDrawer component Plugin vertices Plugin has explicit ID shows bas
>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
>
<FormattedMessage
@ -654,6 +751,11 @@ exports[`DetailDrawer component Plugin vertices Plugin has explicit ID shows bas
</EuiTableRowCell>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
>
<div
@ -692,6 +794,11 @@ exports[`DetailDrawer component Plugin vertices Plugin has explicit ID shows bas
</EuiTableRowCell>
<EuiTableRowCell
align="left"
mobileOptions={
Object {
"show": true,
}
}
textOnly={true}
>
200 events
@ -713,9 +820,7 @@ exports[`DetailDrawer component Queue vertices shows basic info and no stats for
ownFocus={false}
size="s"
>
<EuiFlyoutHeader
hasBorder={false}
>
<EuiFlyoutHeader>
<EuiFlexGroup
alignItems="baseline"
component="div"
@ -731,7 +836,6 @@ exports[`DetailDrawer component Queue vertices shows basic info and no stats for
>
<EuiIcon
className="lspvDetailDrawerIcon"
size="m"
/>
</EuiFlexItem>
<EuiFlexItem
@ -782,9 +886,7 @@ exports[`DetailDrawer component shows vertex title 1`] = `
ownFocus={false}
size="s"
>
<EuiFlyoutHeader
hasBorder={false}
>
<EuiFlyoutHeader>
<EuiFlexGroup
alignItems="baseline"
component="div"
@ -800,7 +902,6 @@ exports[`DetailDrawer component shows vertex title 1`] = `
>
<EuiIcon
className="lspvDetailDrawerIcon"
size="m"
/>
</EuiFlexItem>
<EuiFlexItem

View file

@ -28,9 +28,7 @@ exports[`PipelineViewer component passes expected props 1`] = `
iconType="logstashInput"
onShowVertexDetails={[Function]}
/>
<EuiSpacer
size="l"
/>
<EuiSpacer />
<Queue
queue={
Object {
@ -41,9 +39,7 @@ exports[`PipelineViewer component passes expected props 1`] = `
}
}
/>
<EuiSpacer
size="l"
/>
<EuiSpacer />
<StatementSection
detailVertex={null}
elements={
@ -59,9 +55,7 @@ exports[`PipelineViewer component passes expected props 1`] = `
iconType="logstashFilter"
onShowVertexDetails={[Function]}
/>
<EuiSpacer
size="l"
/>
<EuiSpacer />
<StatementSection
detailVertex={null}
elements={
@ -114,9 +108,7 @@ exports[`PipelineViewer component renders DetailDrawer when selected vertex is n
iconType="logstashInput"
onShowVertexDetails={[Function]}
/>
<EuiSpacer
size="l"
/>
<EuiSpacer />
<Queue
queue={
Object {
@ -127,9 +119,7 @@ exports[`PipelineViewer component renders DetailDrawer when selected vertex is n
}
}
/>
<EuiSpacer
size="l"
/>
<EuiSpacer />
<StatementSection
detailVertex={
Object {
@ -149,9 +139,7 @@ exports[`PipelineViewer component renders DetailDrawer when selected vertex is n
iconType="logstashFilter"
onShowVertexDetails={[Function]}
/>
<EuiSpacer
size="l"
/>
<EuiSpacer />
<StatementSection
detailVertex={
Object {

View file

@ -15,7 +15,6 @@ exports[`StatementListHeading component renders title and icon type 1`] = `
grow={false}
>
<EuiIcon
size="m"
type="logstashInput"
/>
</EuiFlexItem>

View file

@ -159,7 +159,6 @@ exports[`ExplainCollectionEnabled should explain about xpack.monitoring.collecti
</EuiTextColor>
</Component>
<EuiHorizontalRule
margin="l"
size="half"
>
<hr
@ -245,9 +244,7 @@ exports[`ExplainCollectionEnabled should explain about xpack.monitoring.collecti
</p>
</div>
</EuiText>
<EuiSpacer
size="l"
>
<EuiSpacer>
<div
className="euiSpacer euiSpacer--l"
/>

View file

@ -132,7 +132,6 @@ exports[`ExplainCollectionInterval collection interval setting updates should sh
</h2>
</EuiTitle>
<EuiHorizontalRule
margin="l"
size="half"
>
<hr
@ -157,9 +156,7 @@ exports[`ExplainCollectionInterval collection interval setting updates should sh
</p>
</div>
</EuiText>
<EuiSpacer
size="l"
>
<EuiSpacer>
<div
className="euiSpacer euiSpacer--l"
/>
@ -335,7 +332,6 @@ exports[`ExplainCollectionInterval collection interval setting updates should sh
</EuiTextColor>
</Component>
<EuiHorizontalRule
margin="l"
size="half"
>
<hr
@ -430,9 +426,7 @@ exports[`ExplainCollectionInterval collection interval setting updates should sh
</p>
</div>
</EuiText>
<EuiSpacer
size="l"
>
<EuiSpacer>
<div
className="euiSpacer euiSpacer--l"
/>
@ -665,7 +659,6 @@ exports[`ExplainCollectionInterval should explain about xpack.monitoring.collect
</EuiTextColor>
</Component>
<EuiHorizontalRule
margin="l"
size="half"
>
<hr
@ -760,9 +753,7 @@ exports[`ExplainCollectionInterval should explain about xpack.monitoring.collect
</p>
</div>
</EuiText>
<EuiSpacer
size="l"
>
<EuiSpacer>
<div
className="euiSpacer euiSpacer--l"
/>

View file

@ -42,13 +42,15 @@ Array [
data-test-subj="remoteClusterFormNameFormRow"
id="mockId-row"
>
<label
aria-invalid="false"
class="euiFormLabel"
for="mockId"
>
Name
</label>
<div>
<label
aria-invalid="false"
class="euiFormLabel"
for="mockId"
>
Name
</label>
</div>
<div
class="euiFormControlLayout euiFormControlLayout--fullWidth"
>
@ -113,13 +115,15 @@ Array [
data-test-subj="remoteClusterFormSeedNodesFormRow"
id="mockId-row"
>
<label
aria-invalid="false"
class="euiFormLabel"
for="mockId"
>
Seed nodes
</label>
<div>
<label
aria-invalid="false"
class="euiFormLabel"
for="mockId"
>
Seed nodes
</label>
</div>
<div
aria-describedby="mockId-help"
aria-expanded="false"
@ -338,13 +342,15 @@ Array [
data-test-subj="remoteClusterFormNameFormRow"
id="mockId-row"
>
<label
aria-invalid="true"
class="euiFormLabel euiFormLabel-isInvalid"
for="mockId"
>
Name
</label>
<div>
<label
aria-invalid="true"
class="euiFormLabel euiFormLabel-isInvalid"
for="mockId"
>
Name
</label>
</div>
<div
class="euiFormControlLayout euiFormControlLayout--fullWidth"
>
@ -379,13 +385,15 @@ Array [
data-test-subj="remoteClusterFormSeedNodesFormRow"
id="mockId-row"
>
<label
aria-invalid="true"
class="euiFormLabel euiFormLabel-isInvalid"
for="mockId"
>
Seed nodes
</label>
<div>
<label
aria-invalid="true"
class="euiFormLabel euiFormLabel-isInvalid"
for="mockId"
>
Seed nodes
</label>
</div>
<div
aria-describedby="mockId-help mockId-error-0"
aria-expanded="false"

View file

@ -4,303 +4,322 @@ exports[` 1`] = `
<span>
<div>
<div
aria-labelledby="remoteClusterDetailsFlyoutTitle"
class="euiFlyout euiFlyout--medium"
data-test-subj="remoteClusterDetailFlyout"
role="dialog"
style="max-width:400px"
data-focus-guard="true"
style="width:1px;height:0px;padding:0;overflow:hidden;position:fixed;top:1px;left:1px"
tabindex="0"
/>
<div
data-focus-guard="true"
style="width:1px;height:0px;padding:0;overflow:hidden;position:fixed;top:1px;left:1px"
tabindex="1"
/>
<div
data-focus-lock-disabled="false"
>
<button
aria-label="Closes this dialog"
class="euiButtonIcon euiButtonIcon--text euiFlyout__closeButton"
data-test-subj="euiFlyoutCloseButton"
type="button"
>
<svg
aria-hidden="true"
class="euiIcon euiIcon--medium euiButtonIcon__icon"
focusable="false"
height="16"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<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>
</button>
<div
class="euiFlyoutHeader"
aria-labelledby="remoteClusterDetailsFlyoutTitle"
class="euiFlyout euiFlyout--medium"
data-test-subj="remoteClusterDetailFlyout"
role="dialog"
style="max-width:400px"
tabindex="0"
>
<h2
class="euiTitle euiTitle--medium"
id="remoteClusterDetailsFlyoutTitle"
<button
aria-label="Closes this dialog"
class="euiButtonIcon euiButtonIcon--text euiFlyout__closeButton"
data-test-subj="euiFlyoutCloseButton"
type="button"
>
test-cluster
</h2>
</div>
<div
class="euiFlyoutBody"
>
<h3
class="euiTitle euiTitle--small"
>
Status
</h3>
<svg
aria-hidden="true"
class="euiIcon euiIcon--medium euiButtonIcon__icon"
focusable="false"
height="16"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<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>
</button>
<div
class="euiSpacer euiSpacer--s"
/>
<dl
class="euiDescriptionList euiDescriptionList--row"
class="euiFlyoutHeader"
>
<h2
class="euiTitle euiTitle--medium"
id="remoteClusterDetailsFlyoutTitle"
>
test-cluster
</h2>
</div>
<div
class="euiFlyoutBody"
>
<h3
class="euiTitle euiTitle--small"
>
Status
</h3>
<div
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
class="euiSpacer euiSpacer--s"
/>
<dl
class="euiDescriptionList euiDescriptionList--row"
>
<div
class="euiFlexItem"
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
>
<dt
class="euiDescriptionList__title"
<div
class="euiFlexItem"
>
Connection
</dt>
<dd
class="euiDescriptionList__description"
>
<div
class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
<dt
class="euiDescriptionList__title"
>
Connection
</dt>
<dd
class="euiDescriptionList__description"
>
<div
class="euiFlexItem euiFlexItem--flexGrowZero"
class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
>
<div
class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
class="euiFlexItem euiFlexItem--flexGrowZero"
>
<div
class="euiFlexItem euiFlexItem--flexGrowZero"
class="euiFlexGroup euiFlexGroup--gutterSmall euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
>
<div
class="euiFlexItem euiFlexItem--flexGrowZero"
>
<svg
class="euiIcon euiIcon--medium euiIcon--danger"
focusable="false"
height="16"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<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>
</div>
<div
class="euiFlexItem remoteClustersConnectionStatus__message"
>
<div
class="euiText euiText--medium"
>
Not connected
</div>
</div>
</div>
</div>
<div
class="euiFlexItem euiFlexItem--flexGrowZero"
>
<span
class="euiToolTipAnchor"
>
<svg
class="euiIcon euiIcon--medium euiIcon--danger"
focusable="false"
aria-describedby="fakeId"
aria-label="Info"
class="euiIcon euiIcon--medium euiIcon--subdued"
focusable="true"
height="16"
tabindex="0"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<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"
d="M8 14A6 6 0 1 1 8 2a6 6 0 0 1 0 12zm0-1A5 5 0 1 0 8 3a5 5 0 0 0 0 10zm-.186-1.065A.785.785 0 0 1 7 11.12c0-.48.34-.82.814-.82.475 0 .809.34.809.82 0 .475-.334.815-.809.815zM5.9 6.317C5.96 5.168 6.755 4.4 8.048 4.4c1.218 0 2.091.759 2.091 1.8 0 .736-.36 1.304-1.03 1.707-.56.33-.717.56-.717 1.022v.305l-.1.1H7.47l-.1-.1v-.431c-.005-.646.302-1.104.987-1.514.527-.322.708-.59.708-1.047 0-.536-.416-.91-1.05-.91-.652 0-1.064.374-1.112.998l-.1.092H6l-.1-.105z"
/>
</svg>
</div>
<div
class="euiFlexItem remoteClustersConnectionStatus__message"
>
<div
class="euiText euiText--medium"
>
Not connected
</div>
</div>
</span>
</div>
</div>
<div
class="euiFlexItem euiFlexItem--flexGrowZero"
>
<span
class="euiToolTipAnchor"
>
<svg
aria-describedby="fakeId"
aria-label="Info"
class="euiIcon euiIcon--medium euiIcon--subdued"
focusable="true"
height="16"
tabindex="0"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M8 14A6 6 0 1 1 8 2a6 6 0 0 1 0 12zm0-1A5 5 0 1 0 8 3a5 5 0 0 0 0 10zm-.186-1.065A.785.785 0 0 1 7 11.12c0-.48.34-.82.814-.82.475 0 .809.34.809.82 0 .475-.334.815-.809.815zM5.9 6.317C5.96 5.168 6.755 4.4 8.048 4.4c1.218 0 2.091.759 2.091 1.8 0 .736-.36 1.304-1.03 1.707-.56.33-.717.56-.717 1.022v.305l-.1.1H7.47l-.1-.1v-.431c-.005-.646.302-1.104.987-1.514.527-.322.708-.59.708-1.047 0-.536-.416-.91-1.05-.91-.652 0-1.064.374-1.112.998l-.1.092H6l-.1-.105z"
/>
</svg>
</span>
</div>
</div>
</dd>
</div>
<div
class="euiFlexItem"
>
<dt
class="euiDescriptionList__title"
>
Connected nodes
</dt>
<dd
class="euiDescriptionList__description"
/>
</div>
</div>
<div
class="euiSpacer euiSpacer--s"
/>
<div
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
>
<div
class="euiFlexItem"
>
<dt
class="euiDescriptionList__title"
>
Seeds
</dt>
<dd
class="euiDescriptionList__description"
>
<div
class="euiText euiText--medium"
>
seed
</div>
</dd>
</div>
<div
class="euiFlexItem"
>
<dt
class="euiDescriptionList__title"
>
Skip unavailable
</dt>
<dd
class="euiDescriptionList__description"
>
Default
</dd>
</div>
</div>
<div
class="euiSpacer euiSpacer--s"
/>
<div
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
>
<div
class="euiFlexItem"
>
<dt
class="euiDescriptionList__title"
>
Maximum number of connections
</dt>
<dd
class="euiDescriptionList__description"
/>
</div>
<div
class="euiFlexItem"
>
<dt
class="euiDescriptionList__title"
>
Initial connect timeout
</dt>
<dd
class="euiDescriptionList__description"
/>
</div>
</div>
</dl>
</div>
<div
class="euiFlyoutFooter"
>
<div
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
>
<div
class="euiFlexItem euiFlexItem--flexGrowZero"
>
<button
class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--flushLeft"
type="button"
>
<span
class="euiButtonEmpty__content"
>
<svg
aria-hidden="true"
class="euiIcon euiIcon--medium euiButtonEmpty__icon"
focusable="false"
height="16"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<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>
<span
class="euiButtonEmpty__text"
>
Close
</span>
</span>
</button>
</div>
<div
class="euiFlexItem euiFlexItem--flexGrowZero"
>
<div
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
>
<div
class="euiFlexItem euiFlexItem--flexGrowZero"
>
<button
class="euiButtonEmpty euiButtonEmpty--danger"
data-test-subj="remoteClusterDetailPanelRemoveButton"
type="button"
>
<span
class="euiButtonEmpty__content"
>
<span
class="euiButtonEmpty__text"
>
Remove
</span>
</span>
</button>
</dd>
</div>
<div
class="euiFlexItem euiFlexItem--flexGrowZero"
class="euiFlexItem"
>
<a
class="euiButton euiButton--primary euiButton--fill"
href="/management/elasticsearch/remote_clusters/edit/test-cluster"
<dt
class="euiDescriptionList__title"
>
Connected nodes
</dt>
<dd
class="euiDescriptionList__description"
/>
</div>
</div>
<div
class="euiSpacer euiSpacer--s"
/>
<div
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
>
<div
class="euiFlexItem"
>
<dt
class="euiDescriptionList__title"
>
Seeds
</dt>
<dd
class="euiDescriptionList__description"
>
<div
class="euiText euiText--medium"
>
seed
</div>
</dd>
</div>
<div
class="euiFlexItem"
>
<dt
class="euiDescriptionList__title"
>
Skip unavailable
</dt>
<dd
class="euiDescriptionList__description"
>
Default
</dd>
</div>
</div>
<div
class="euiSpacer euiSpacer--s"
/>
<div
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive"
>
<div
class="euiFlexItem"
>
<dt
class="euiDescriptionList__title"
>
Maximum number of connections
</dt>
<dd
class="euiDescriptionList__description"
/>
</div>
<div
class="euiFlexItem"
>
<dt
class="euiDescriptionList__title"
>
Initial connect timeout
</dt>
<dd
class="euiDescriptionList__description"
/>
</div>
</div>
</dl>
</div>
<div
class="euiFlyoutFooter"
>
<div
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--justifyContentSpaceBetween euiFlexGroup--directionRow euiFlexGroup--responsive"
>
<div
class="euiFlexItem euiFlexItem--flexGrowZero"
>
<button
class="euiButtonEmpty euiButtonEmpty--primary euiButtonEmpty--flushLeft"
type="button"
>
<span
class="euiButtonEmpty__content"
>
<svg
aria-hidden="true"
class="euiIcon euiIcon--medium euiButtonEmpty__icon"
focusable="false"
height="16"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<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>
<span
class="euiButton__content"
class="euiButtonEmpty__text"
>
Close
</span>
</span>
</button>
</div>
<div
class="euiFlexItem euiFlexItem--flexGrowZero"
>
<div
class="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--alignItemsCenter euiFlexGroup--directionRow euiFlexGroup--responsive"
>
<div
class="euiFlexItem euiFlexItem--flexGrowZero"
>
<button
class="euiButtonEmpty euiButtonEmpty--danger"
data-test-subj="remoteClusterDetailPanelRemoveButton"
type="button"
>
<span
class="euiButton__text"
class="euiButtonEmpty__content"
>
Edit
<span
class="euiButtonEmpty__text"
>
Remove
</span>
</span>
</span>
</a>
</button>
</div>
<div
class="euiFlexItem euiFlexItem--flexGrowZero"
>
<a
class="euiButton euiButton--primary euiButton--fill"
href="/management/elasticsearch/remote_clusters/edit/test-cluster"
>
<span
class="euiButton__content"
>
<span
class="euiButton__text"
>
Edit
</span>
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
data-focus-guard="true"
style="width:1px;height:0px;padding:0;overflow:hidden;position:fixed;top:1px;left:1px"
tabindex="0"
/>
</div>
</span>
`;

View file

@ -28,8 +28,12 @@ exports[`RemoteClusterTable renders a row for an API-defined remote cluster 1`]
</td>
<td
class="euiTableRowCell"
data-header="Name"
>
<div
class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
>
Name
</div>
<div
class="euiTableCellContent euiTableCellContent--overflowingContent"
>
@ -44,8 +48,12 @@ exports[`RemoteClusterTable renders a row for an API-defined remote cluster 1`]
</td>
<td
class="euiTableRowCell"
data-header="Seeds"
>
<div
class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
>
Seeds
</div>
<div
class="euiTableCellContent euiTableCellContent--truncateText euiTableCellContent--overflowingContent"
>
@ -54,9 +62,13 @@ exports[`RemoteClusterTable renders a row for an API-defined remote cluster 1`]
</td>
<td
class="euiTableRowCell"
data-header="Connection"
width="160px"
>
<div
class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
>
Connection
</div>
<div
class="euiTableCellContent euiTableCellContent--overflowingContent"
>
@ -124,9 +136,13 @@ exports[`RemoteClusterTable renders a row for an API-defined remote cluster 1`]
</td>
<td
class="euiTableRowCell"
data-header="Connected nodes"
width="160px"
>
<div
class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
>
Connected nodes
</div>
<div
class="euiTableCellContent"
>
@ -246,8 +262,12 @@ exports[`RemoteClusterTable renders a row with a tooltip for a remote cluster de
</td>
<td
class="euiTableRowCell"
data-header="Name"
>
<div
class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
>
Name
</div>
<div
class="euiTableCellContent euiTableCellContent--overflowingContent"
>
@ -294,8 +314,12 @@ exports[`RemoteClusterTable renders a row with a tooltip for a remote cluster de
</td>
<td
class="euiTableRowCell"
data-header="Seeds"
>
<div
class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
>
Seeds
</div>
<div
class="euiTableCellContent euiTableCellContent--truncateText euiTableCellContent--overflowingContent"
>
@ -304,9 +328,13 @@ exports[`RemoteClusterTable renders a row with a tooltip for a remote cluster de
</td>
<td
class="euiTableRowCell"
data-header="Connection"
width="160px"
>
<div
class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
>
Connection
</div>
<div
class="euiTableCellContent euiTableCellContent--overflowingContent"
>
@ -374,9 +402,13 @@ exports[`RemoteClusterTable renders a row with a tooltip for a remote cluster de
</td>
<td
class="euiTableRowCell"
data-header="Connected nodes"
width="160px"
>
<div
class="euiTableRowCell__mobileHeader euiTableRowCell--hideForDesktop"
>
Connected nodes
</div>
<div
class="euiTableCellContent"
>

View file

@ -72,111 +72,306 @@ Array [
}
/>
</EuiOverlayMask>
<Component
focusTrapOptions={
Object {
"clickOutsideDeactivates": true,
"fallbackFocus": [Function],
}
}
<EuiFocusTrap
clickOutsideDisables={true}
disabled={false}
returnFocus={true}
>
<div>
<div
aria-labelledby="flyoutTitle"
className="euiFlyout euiFlyout--small"
data-test-subj="reportInfoFlyout"
role="dialog"
tabIndex={0}
<EuiOutsideClickDetector
isDisabled={false}
onOutsideClick={[Function]}
>
<OutsideEventDetector
handleEvent={[Function]}
onClick={[Function]}
>
<EuiButtonIcon
aria-label="Closes this dialog"
className="euiFlyout__closeButton"
color="text"
data-test-subj="euiFlyoutCloseButton"
iconSize="m"
iconType="cross"
<div
onClick={[Function]}
type="button"
onMouseDown={[Function]}
onTouchStart={[Function]}
>
<button
aria-label="Closes this dialog"
className="euiButtonIcon euiButtonIcon--text euiFlyout__closeButton"
data-test-subj="euiFlyoutCloseButton"
onClick={[Function]}
type="button"
<FocusLock
as="div"
autoFocus={true}
disabled={false}
lockProps={Object {}}
noFocusGuards={false}
persistentFocus={false}
returnFocus={true}
>
<EuiIcon
aria-hidden="true"
className="euiButtonIcon__icon"
size="m"
type="cross"
<div
data-focus-guard={true}
key="guard-first"
style={
Object {
"height": "0px",
"left": "1px",
"overflow": "hidden",
"padding": 0,
"position": "fixed",
"top": "1px",
"width": "1px",
}
}
tabIndex={0}
/>
<div
data-focus-guard={true}
key="guard-nearest"
style={
Object {
"height": "0px",
"left": "1px",
"overflow": "hidden",
"padding": 0,
"position": "fixed",
"top": "1px",
"width": "1px",
}
}
tabIndex={1}
/>
<div
data-focus-lock-disabled={false}
onBlur={[Function]}
onFocus={[Function]}
>
<cross
aria-hidden="true"
className="euiIcon euiIcon--medium euiButtonIcon__icon"
focusable="false"
height="16"
style={null}
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
<SideEffect(FocusWatcher)
autoFocus={true}
disabled={false}
observed={
<div
data-focus-lock-disabled="false"
>
<div
aria-labelledby="flyoutTitle"
class="euiFlyout euiFlyout--small"
data-test-subj="reportInfoFlyout"
role="dialog"
tabindex="0"
>
<button
aria-label="Closes this dialog"
class="euiButtonIcon euiButtonIcon--text euiFlyout__closeButton"
data-test-subj="euiFlyoutCloseButton"
type="button"
>
<svg
aria-hidden="true"
class="euiIcon euiIcon--medium euiButtonIcon__icon"
focusable="false"
height="16"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<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>
</button>
<div
class="euiFlyoutHeader euiFlyoutHeader--hasBorder"
>
<h2
class="euiTitle euiTitle--small"
id="flyoutTitle"
>
Unable to fetch report info
</h2>
</div>
<div
class="euiFlyoutBody"
>
<div
class="euiText euiText--medium"
>
Could not fetch the job info
</div>
</div>
</div>
</div>
}
onActivation={[Function]}
onDeactivation={[Function]}
persistentFocus={false}
>
<svg
aria-hidden="true"
className="euiIcon euiIcon--medium euiButtonIcon__icon"
focusable="false"
height="16"
style={null}
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<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>
</EuiIcon>
</button>
</EuiButtonIcon>
<EuiFlyoutHeader
hasBorder={true}
>
<div
className="euiFlyoutHeader euiFlyoutHeader--hasBorder"
>
<EuiTitle
size="s"
textTransform="none"
>
<h2
className="euiTitle euiTitle--small"
id="flyoutTitle"
>
Unable to fetch report info
</h2>
</EuiTitle>
</div>
</EuiFlyoutHeader>
<EuiFlyoutBody>
<div
className="euiFlyoutBody"
>
<EuiText
grow={true}
size="m"
>
<FocusWatcher
autoFocus={true}
disabled={false}
observed={
<div
data-focus-lock-disabled="false"
>
<div
aria-labelledby="flyoutTitle"
class="euiFlyout euiFlyout--small"
data-test-subj="reportInfoFlyout"
role="dialog"
tabindex="0"
>
<button
aria-label="Closes this dialog"
class="euiButtonIcon euiButtonIcon--text euiFlyout__closeButton"
data-test-subj="euiFlyoutCloseButton"
type="button"
>
<svg
aria-hidden="true"
class="euiIcon euiIcon--medium euiButtonIcon__icon"
focusable="false"
height="16"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<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>
</button>
<div
class="euiFlyoutHeader euiFlyoutHeader--hasBorder"
>
<h2
class="euiTitle euiTitle--small"
id="flyoutTitle"
>
Unable to fetch report info
</h2>
</div>
<div
class="euiFlyoutBody"
>
<div
class="euiText euiText--medium"
>
Could not fetch the job info
</div>
</div>
</div>
</div>
}
onActivation={[Function]}
onDeactivation={[Function]}
persistentFocus={false}
/>
</SideEffect(FocusWatcher)>
<div
className="euiText euiText--medium"
aria-labelledby="flyoutTitle"
className="euiFlyout euiFlyout--small"
data-test-subj="reportInfoFlyout"
role="dialog"
tabIndex={0}
>
Could not fetch the job info
<EuiButtonIcon
aria-label="Closes this dialog"
className="euiFlyout__closeButton"
color="text"
data-test-subj="euiFlyoutCloseButton"
iconSize="m"
iconType="cross"
onClick={[Function]}
type="button"
>
<button
aria-label="Closes this dialog"
className="euiButtonIcon euiButtonIcon--text euiFlyout__closeButton"
data-test-subj="euiFlyoutCloseButton"
onClick={[Function]}
type="button"
>
<EuiIcon
aria-hidden="true"
className="euiButtonIcon__icon"
size="m"
type="cross"
>
<cross
aria-hidden="true"
className="euiIcon euiIcon--medium euiButtonIcon__icon"
focusable="false"
height="16"
style={null}
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden="true"
className="euiIcon euiIcon--medium euiButtonIcon__icon"
focusable="false"
height="16"
style={null}
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<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>
</EuiIcon>
</button>
</EuiButtonIcon>
<EuiFlyoutHeader
hasBorder={true}
>
<div
className="euiFlyoutHeader euiFlyoutHeader--hasBorder"
>
<EuiTitle
size="s"
textTransform="none"
>
<h2
className="euiTitle euiTitle--small"
id="flyoutTitle"
>
Unable to fetch report info
</h2>
</EuiTitle>
</div>
</EuiFlyoutHeader>
<EuiFlyoutBody>
<div
className="euiFlyoutBody"
>
<EuiText
grow={true}
size="m"
>
<div
className="euiText euiText--medium"
>
Could not fetch the job info
</div>
</EuiText>
</div>
</EuiFlyoutBody>
</div>
</EuiText>
</div>
</EuiFlyoutBody>
</div>
</div>
</Component>
</div>
<div
data-focus-guard={true}
style={
Object {
"height": "0px",
"left": "1px",
"overflow": "hidden",
"padding": 0,
"position": "fixed",
"top": "1px",
"width": "1px",
}
}
tabIndex={0}
/>
</FocusLock>
</div>
</OutsideEventDetector>
</EuiOutsideClickDetector>
</EuiFocusTrap>
</span>
</EuiFlyout>,
<div
@ -304,109 +499,300 @@ Array [
}
/>
</EuiOverlayMask>
<Component
focusTrapOptions={
Object {
"clickOutsideDeactivates": true,
"fallbackFocus": [Function],
}
}
<EuiFocusTrap
clickOutsideDisables={true}
disabled={false}
returnFocus={true}
>
<div>
<div
aria-labelledby="flyoutTitle"
className="euiFlyout euiFlyout--small"
data-test-subj="reportInfoFlyout"
role="dialog"
tabIndex={0}
<EuiOutsideClickDetector
isDisabled={false}
onOutsideClick={[Function]}
>
<OutsideEventDetector
handleEvent={[Function]}
onClick={[Function]}
>
<EuiButtonIcon
aria-label="Closes this dialog"
className="euiFlyout__closeButton"
color="text"
data-test-subj="euiFlyoutCloseButton"
iconSize="m"
iconType="cross"
<div
onClick={[Function]}
type="button"
onMouseDown={[Function]}
onTouchStart={[Function]}
>
<button
aria-label="Closes this dialog"
className="euiButtonIcon euiButtonIcon--text euiFlyout__closeButton"
data-test-subj="euiFlyoutCloseButton"
onClick={[Function]}
type="button"
<FocusLock
as="div"
autoFocus={true}
disabled={false}
lockProps={Object {}}
noFocusGuards={false}
persistentFocus={false}
returnFocus={true}
>
<EuiIcon
aria-hidden="true"
className="euiButtonIcon__icon"
size="m"
type="cross"
<div
data-focus-guard={true}
key="guard-first"
style={
Object {
"height": "0px",
"left": "1px",
"overflow": "hidden",
"padding": 0,
"position": "fixed",
"top": "1px",
"width": "1px",
}
}
tabIndex={0}
/>
<div
data-focus-guard={true}
key="guard-nearest"
style={
Object {
"height": "0px",
"left": "1px",
"overflow": "hidden",
"padding": 0,
"position": "fixed",
"top": "1px",
"width": "1px",
}
}
tabIndex={1}
/>
<div
data-focus-lock-disabled={false}
onBlur={[Function]}
onFocus={[Function]}
>
<cross
aria-hidden="true"
className="euiIcon euiIcon--medium euiButtonIcon__icon"
focusable="false"
height="16"
style={null}
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
<SideEffect(FocusWatcher)
autoFocus={true}
disabled={false}
observed={
<div
data-focus-lock-disabled="false"
>
<div
aria-labelledby="flyoutTitle"
class="euiFlyout euiFlyout--small"
data-test-subj="reportInfoFlyout"
role="dialog"
tabindex="0"
>
<button
aria-label="Closes this dialog"
class="euiButtonIcon euiButtonIcon--text euiFlyout__closeButton"
data-test-subj="euiFlyoutCloseButton"
type="button"
>
<svg
aria-hidden="true"
class="euiIcon euiIcon--medium euiButtonIcon__icon"
focusable="false"
height="16"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<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>
</button>
<div
class="euiFlyoutHeader euiFlyoutHeader--hasBorder"
>
<h2
class="euiTitle euiTitle--small"
id="flyoutTitle"
>
Job Info
</h2>
</div>
<div
class="euiFlyoutBody"
>
<div
class="euiText euiText--medium"
/>
</div>
</div>
</div>
}
onActivation={[Function]}
onDeactivation={[Function]}
persistentFocus={false}
>
<svg
aria-hidden="true"
className="euiIcon euiIcon--medium euiButtonIcon__icon"
focusable="false"
height="16"
style={null}
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<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>
</EuiIcon>
</button>
</EuiButtonIcon>
<EuiFlyoutHeader
hasBorder={true}
>
<div
className="euiFlyoutHeader euiFlyoutHeader--hasBorder"
>
<EuiTitle
size="s"
textTransform="none"
>
<h2
className="euiTitle euiTitle--small"
id="flyoutTitle"
>
Job Info
</h2>
</EuiTitle>
</div>
</EuiFlyoutHeader>
<EuiFlyoutBody>
<div
className="euiFlyoutBody"
>
<EuiText
grow={true}
size="m"
>
<FocusWatcher
autoFocus={true}
disabled={false}
observed={
<div
data-focus-lock-disabled="false"
>
<div
aria-labelledby="flyoutTitle"
class="euiFlyout euiFlyout--small"
data-test-subj="reportInfoFlyout"
role="dialog"
tabindex="0"
>
<button
aria-label="Closes this dialog"
class="euiButtonIcon euiButtonIcon--text euiFlyout__closeButton"
data-test-subj="euiFlyoutCloseButton"
type="button"
>
<svg
aria-hidden="true"
class="euiIcon euiIcon--medium euiButtonIcon__icon"
focusable="false"
height="16"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<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>
</button>
<div
class="euiFlyoutHeader euiFlyoutHeader--hasBorder"
>
<h2
class="euiTitle euiTitle--small"
id="flyoutTitle"
>
Job Info
</h2>
</div>
<div
class="euiFlyoutBody"
>
<div
class="euiText euiText--medium"
/>
</div>
</div>
</div>
}
onActivation={[Function]}
onDeactivation={[Function]}
persistentFocus={false}
/>
</SideEffect(FocusWatcher)>
<div
className="euiText euiText--medium"
/>
</EuiText>
</div>
</EuiFlyoutBody>
</div>
</div>
</Component>
aria-labelledby="flyoutTitle"
className="euiFlyout euiFlyout--small"
data-test-subj="reportInfoFlyout"
role="dialog"
tabIndex={0}
>
<EuiButtonIcon
aria-label="Closes this dialog"
className="euiFlyout__closeButton"
color="text"
data-test-subj="euiFlyoutCloseButton"
iconSize="m"
iconType="cross"
onClick={[Function]}
type="button"
>
<button
aria-label="Closes this dialog"
className="euiButtonIcon euiButtonIcon--text euiFlyout__closeButton"
data-test-subj="euiFlyoutCloseButton"
onClick={[Function]}
type="button"
>
<EuiIcon
aria-hidden="true"
className="euiButtonIcon__icon"
size="m"
type="cross"
>
<cross
aria-hidden="true"
className="euiIcon euiIcon--medium euiButtonIcon__icon"
focusable="false"
height="16"
style={null}
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<svg
aria-hidden="true"
className="euiIcon euiIcon--medium euiButtonIcon__icon"
focusable="false"
height="16"
style={null}
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
>
<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>
</EuiIcon>
</button>
</EuiButtonIcon>
<EuiFlyoutHeader
hasBorder={true}
>
<div
className="euiFlyoutHeader euiFlyoutHeader--hasBorder"
>
<EuiTitle
size="s"
textTransform="none"
>
<h2
className="euiTitle euiTitle--small"
id="flyoutTitle"
>
Job Info
</h2>
</EuiTitle>
</div>
</EuiFlyoutHeader>
<EuiFlyoutBody>
<div
className="euiFlyoutBody"
>
<EuiText
grow={true}
size="m"
>
<div
className="euiText euiText--medium"
/>
</EuiText>
</div>
</EuiFlyoutBody>
</div>
</div>
<div
data-focus-guard={true}
style={
Object {
"height": "0px",
"left": "1px",
"overflow": "hidden",
"padding": 0,
"position": "fixed",
"top": "1px",
"width": "1px",
}
}
tabIndex={0}
/>
</FocusLock>
</div>
</OutsideEventDetector>
</EuiOutsideClickDetector>
</EuiFocusTrap>
</span>
</EuiFlyout>,
<div

View file

@ -261,7 +261,7 @@ describe('<DetailPanel />', () => {
const getRowsText = () => (
tabContent
.find('tr')
.map(row => row.text())
.map(row => row.find('.euiTableCellContent').text())
.slice(1) // we remove the first row as it is the table header
);
it('should list the Job terms fields', () => {
@ -279,7 +279,7 @@ describe('<DetailPanel />', () => {
const getRowsText = () => (
tabContent
.find('tr')
.map(row => row.text())
.map(row => row.find('.euiTableCellContent').text())
.slice(1) // we remove the first row as it is the table header
);
@ -309,10 +309,10 @@ describe('<DetailPanel />', () => {
row.find('td').forEach((cell, j) => {
if (j === 0) {
// field
expect(cell.text()).toEqual(metric.name);
expect(cell.find('.euiTableCellContent').text()).toEqual(metric.name);
} else if (j === 1) {
// types
expect(cell.text()).toEqual(metric.types.join(', '));
expect(cell.find('.euiTableCellContent').text()).toEqual(metric.types.join(', '));
}
});
});

View file

@ -145,6 +145,9 @@ class UsersUI extends Component {
}),
sortable: true,
truncateText: true,
render: email => {
return <div data-test-subj="userRowEmail">{email}</div>;
},
},
{
field: 'roles',

View file

@ -21,6 +21,7 @@ exports[`BasicLoginForm renders as expected 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<EuiFieldText
aria-required={true}
@ -48,6 +49,7 @@ exports[`BasicLoginForm renders as expected 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<EuiFieldText
aria-required={true}

View file

@ -51,9 +51,7 @@ exports[`it renders without blowing up 1`] = `
</EuiLink>
</EuiFlexItem>
</EuiFlexGroup>
<EuiSpacer
size="l"
/>
<EuiSpacer />
<p>
child
</p>

View file

@ -45,6 +45,7 @@ exports[`it renders without crashing 1`] = `
describedByIds={Array []}
fullWidth={true}
hasEmptyLabelSpace={true}
labelType="label"
>
<ClusterPrivileges
onChange={[Function]}
@ -65,9 +66,7 @@ exports[`it renders without crashing 1`] = `
/>
</EuiFormRow>
</EuiDescribedFormGroup>
<EuiSpacer
size="l"
/>
<EuiSpacer />
<EuiDescribedFormGroup
description={
<p>
@ -108,6 +107,7 @@ exports[`it renders without crashing 1`] = `
describedByIds={Array []}
fullWidth={false}
hasEmptyLabelSpace={true}
labelType="label"
>
<EuiComboBox
compressed={false}
@ -122,9 +122,7 @@ exports[`it renders without crashing 1`] = `
/>
</EuiFormRow>
</EuiDescribedFormGroup>
<EuiSpacer
size="l"
/>
<EuiSpacer />
<EuiTitle
size="xs"
textTransform="none"
@ -193,10 +191,7 @@ exports[`it renders without crashing 1`] = `
}
}
/>
<EuiHorizontalRule
margin="l"
size="full"
/>
<EuiHorizontalRule />
<EuiButton
color="primary"
fill={false}

View file

@ -2,10 +2,7 @@
exports[`it renders without crashing 1`] = `
<Fragment>
<EuiHorizontalRule
margin="l"
size="full"
/>
<EuiHorizontalRule />
<EuiFlexGroup
alignItems="stretch"
className="index-privilege-form"
@ -45,6 +42,7 @@ exports[`it renders without crashing 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<EuiComboBox
compressed={false}
@ -75,6 +73,7 @@ exports[`it renders without crashing 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<EuiComboBox
compressed={false}
@ -171,6 +170,7 @@ exports[`it renders without crashing 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<EuiComboBox
compressed={false}
@ -187,9 +187,7 @@ exports[`it renders without crashing 1`] = `
</EuiFormRow>
</EuiFlexItem>
</EuiFlexGroup>
<EuiSpacer
size="l"
/>
<EuiSpacer />
<EuiFlexGroup
alignItems="stretch"
component="div"
@ -227,6 +225,7 @@ exports[`it renders without crashing 1`] = `
describedByIds={Array []}
fullWidth={false}
hasEmptyLabelSpace={true}
labelType="label"
>
<EuiButtonIcon
aria-label="Delete index privilege"

View file

@ -26,6 +26,7 @@ exports[`<PrivilegeSpaceForm> renders without crashing 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<SpaceSelector
onChange={[Function]}
@ -64,6 +65,7 @@ exports[`<PrivilegeSpaceForm> renders without crashing 1`] = `
values={Object {}}
/>
}
labelType="label"
>
<PrivilegeSelector
availablePrivileges={
@ -86,6 +88,7 @@ exports[`<PrivilegeSpaceForm> renders without crashing 1`] = `
describedByIds={Array []}
fullWidth={false}
hasEmptyLabelSpace={true}
labelType="label"
>
<EuiButtonIcon
aria-label="Delete space privilege"

View file

@ -29,6 +29,7 @@ exports[`<SimplePrivilegeForm> renders without crashing 1`] = `
describedByIds={Array []}
fullWidth={false}
hasEmptyLabelSpace={true}
labelType="label"
>
<PrivilegeSelector
allowNone={true}

View file

@ -214,6 +214,7 @@ exports[`<SpaceAwarePrivilegeForm> renders without crashing 1`] = `
fullWidth={false}
hasEmptyLabelSpace={true}
helpText="No access to spaces"
labelType="label"
>
<PrivilegeSelector
allowNone={true}
@ -230,9 +231,7 @@ exports[`<SpaceAwarePrivilegeForm> renders without crashing 1`] = `
/>
</EuiFormRow>
</EuiDescribedFormGroup>
<EuiSpacer
size="l"
/>
<EuiSpacer />
<EuiTitle
size="xs"
textTransform="none"

View file

@ -52,6 +52,7 @@ exports[`ConfirmDeleteModal renders as expected 1`] = `
hasEmptyLabelSpace={false}
isInvalid={false}
label="Confirm space name"
labelType="label"
>
<EuiFieldText
compressed={false}

View file

@ -4,9 +4,7 @@ exports[`SecureSpaceMessage doesn't render if user profile does not allow securi
exports[`SecureSpaceMessage renders if user profile allows security to be managed 1`] = `
<Fragment>
<EuiSpacer
size="l"
/>
<EuiSpacer />
<EuiText
className="eui-textCenter"
grow={true}

View file

@ -9,6 +9,7 @@ exports[`renders without crashing 1`] = `
describedByIds={Array []}
fullWidth={false}
hasEmptyLabelSpace={true}
labelType="label"
>
<EuiLink
color="primary"

View file

@ -55,6 +55,7 @@ exports[`renders without crashing 1`] = `
</EuiLink>
</p>
}
labelType="label"
>
<EuiFieldText
compressed={false}

View file

@ -72,9 +72,7 @@ exports[`it renders without crashing 1`] = `
onSpaceSelect={[Function]}
spaces={Array []}
/>
<EuiSpacer
size="l"
/>
<EuiSpacer />
<EuiText
color="subdued"
grow={true}

View file

@ -2,9 +2,7 @@
exports[`CheckupTab render with deprecations 1`] = `
<Fragment>
<EuiSpacer
size="l"
/>
<EuiSpacer />
<EuiText
grow={false}
size="m"
@ -24,9 +22,7 @@ exports[`CheckupTab render with deprecations 1`] = `
/>
</p>
</EuiText>
<EuiSpacer
size="l"
/>
<EuiSpacer />
<EuiCallOut
color="warning"
iconType="help"
@ -62,9 +58,7 @@ exports[`CheckupTab render with deprecations 1`] = `
/>
</p>
</EuiCallOut>
<EuiSpacer
size="l"
/>
<EuiSpacer />
<EuiPageContent
panelPaddingSize="l"
>
@ -184,9 +178,7 @@ exports[`CheckupTab render with deprecations 1`] = `
onSearchChange={[Function]}
search=""
/>
<EuiSpacer
size="l"
/>
<EuiSpacer />
<GroupedDeprecations
allDeprecations={
Array [
@ -298,9 +290,7 @@ exports[`CheckupTab render with deprecations 1`] = `
exports[`CheckupTab render with error 1`] = `
<Fragment>
<EuiSpacer
size="l"
/>
<EuiSpacer />
<EuiText
grow={false}
size="m"
@ -320,9 +310,7 @@ exports[`CheckupTab render with error 1`] = `
/>
</p>
</EuiText>
<EuiSpacer
size="l"
/>
<EuiSpacer />
<EuiCallOut
color="warning"
iconType="help"
@ -358,9 +346,7 @@ exports[`CheckupTab render with error 1`] = `
/>
</p>
</EuiCallOut>
<EuiSpacer
size="l"
/>
<EuiSpacer />
<EuiPageContent
panelPaddingSize="l"
>
@ -375,9 +361,7 @@ exports[`CheckupTab render with error 1`] = `
exports[`CheckupTab render without deprecations 1`] = `
<Fragment>
<EuiSpacer
size="l"
/>
<EuiSpacer />
<EuiText
grow={false}
size="m"
@ -397,9 +381,7 @@ exports[`CheckupTab render without deprecations 1`] = `
/>
</p>
</EuiText>
<EuiSpacer
size="l"
/>
<EuiSpacer />
<EuiCallOut
color="warning"
iconType="help"
@ -435,9 +417,7 @@ exports[`CheckupTab render without deprecations 1`] = `
/>
</p>
</EuiCallOut>
<EuiSpacer
size="l"
/>
<EuiSpacer />
<EuiPageContent
panelPaddingSize="l"
>

Some files were not shown because too many files have changed in this diff Show more