* eui 12.3.1

* add data logos

* Fix TS uses, one SCSS use of euiOverflowShadow

* fix overflow shadow mixin in sass

* homepage logos

* refix typo on homepage

* hp snaps
This commit is contained in:
Chandler Prall 2019-07-15 13:18:19 -06:00 committed by GitHub
parent e403460f25
commit b9bb2e60e5
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
37 changed files with 103 additions and 68 deletions

View file

@ -105,7 +105,7 @@
"@babel/register": "7.4.4",
"@elastic/charts": "^7.0.1",
"@elastic/datemath": "5.0.2",
"@elastic/eui": "12.2.0",
"@elastic/eui": "12.3.1",
"@elastic/filesaver": "1.1.2",
"@elastic/good": "8.1.1-kibana2",
"@elastic/numeral": "2.3.3",

View file

@ -20,6 +20,7 @@ exports[`LanguageSwitcher should toggle off if language is lucene 1`] = `
}
className="eui-displayBlock"
closePopover={[Function]}
display="inlineBlock"
hasArrow={true}
id="popover"
isOpen={false}
@ -122,6 +123,7 @@ exports[`LanguageSwitcher should toggle on if language is kuery 1`] = `
}
className="eui-displayBlock"
closePopover={[Function]}
display="inlineBlock"
hasArrow={true}
id="popover"
isOpen={false}

View file

@ -250,6 +250,7 @@ exports[`QueryBarInput Should disable autoFocus on EuiFieldText when disableAuto
</div>
<QueryLanguageSwitcher
className="euiFormControlLayout__append"
key="0/.0"
language="kuery"
onSelectLanguage={[Function]}
>
@ -272,6 +273,7 @@ exports[`QueryBarInput Should disable autoFocus on EuiFieldText when disableAuto
}
className="eui-displayBlock"
closePopover={[Function]}
display="inlineBlock"
hasArrow={true}
id="popover"
isOpen={false}
@ -596,6 +598,7 @@ exports[`QueryBarInput Should pass the query language to the language switcher 1
</div>
<QueryLanguageSwitcher
className="euiFormControlLayout__append"
key="0/.0"
language="lucene"
onSelectLanguage={[Function]}
>
@ -618,6 +621,7 @@ exports[`QueryBarInput Should pass the query language to the language switcher 1
}
className="eui-displayBlock"
closePopover={[Function]}
display="inlineBlock"
hasArrow={true}
id="popover"
isOpen={false}
@ -942,6 +946,7 @@ exports[`QueryBarInput Should render the given query 1`] = `
</div>
<QueryLanguageSwitcher
className="euiFormControlLayout__append"
key="0/.0"
language="kuery"
onSelectLanguage={[Function]}
>
@ -964,6 +969,7 @@ exports[`QueryBarInput Should render the given query 1`] = `
}
className="eui-displayBlock"
closePopover={[Function]}
display="inlineBlock"
hasArrow={true}
id="popover"
isOpen={false}

View file

@ -71,7 +71,7 @@ exports[`apmUiEnabled 1`] = `
icon={
<EuiIcon
className="homAddData__icon"
type="apmApp"
type="logoAPM"
/>
}
layout="vertical"
@ -113,7 +113,7 @@ exports[`apmUiEnabled 1`] = `
icon={
<EuiIcon
className="homAddData__icon"
type="loggingApp"
type="logoLogging"
/>
}
layout="vertical"
@ -155,7 +155,7 @@ exports[`apmUiEnabled 1`] = `
icon={
<EuiIcon
className="homAddData__icon"
type="monitoringApp"
type="logoMetrics"
/>
}
layout="vertical"
@ -197,7 +197,7 @@ exports[`apmUiEnabled 1`] = `
icon={
<EuiIcon
className="homAddData__icon"
type="securityAnalyticsApp"
type="logoSecurity"
/>
}
layout="vertical"
@ -362,7 +362,7 @@ exports[`isNewKibanaInstance 1`] = `
icon={
<EuiIcon
className="homAddData__icon"
type="loggingApp"
type="logoLogging"
/>
}
layout="vertical"
@ -404,7 +404,7 @@ exports[`isNewKibanaInstance 1`] = `
icon={
<EuiIcon
className="homAddData__icon"
type="monitoringApp"
type="logoMetrics"
/>
}
layout="vertical"
@ -446,7 +446,7 @@ exports[`isNewKibanaInstance 1`] = `
icon={
<EuiIcon
className="homAddData__icon"
type="securityAnalyticsApp"
type="logoSecurity"
/>
}
layout="vertical"
@ -611,7 +611,7 @@ exports[`mlEnabled 1`] = `
icon={
<EuiIcon
className="homAddData__icon"
type="apmApp"
type="logoAPM"
/>
}
layout="vertical"
@ -653,7 +653,7 @@ exports[`mlEnabled 1`] = `
icon={
<EuiIcon
className="homAddData__icon"
type="loggingApp"
type="logoLogging"
/>
}
layout="vertical"
@ -695,7 +695,7 @@ exports[`mlEnabled 1`] = `
icon={
<EuiIcon
className="homAddData__icon"
type="monitoringApp"
type="logoMetrics"
/>
}
layout="vertical"
@ -737,7 +737,7 @@ exports[`mlEnabled 1`] = `
icon={
<EuiIcon
className="homAddData__icon"
type="securityAnalyticsApp"
type="logoSecurity"
/>
}
layout="vertical"
@ -940,7 +940,7 @@ exports[`render 1`] = `
icon={
<EuiIcon
className="homAddData__icon"
type="loggingApp"
type="logoLogging"
/>
}
layout="vertical"
@ -982,7 +982,7 @@ exports[`render 1`] = `
icon={
<EuiIcon
className="homAddData__icon"
type="monitoringApp"
type="logoMetrics"
/>
}
layout="vertical"
@ -1024,7 +1024,7 @@ exports[`render 1`] = `
icon={
<EuiIcon
className="homAddData__icon"
type="securityAnalyticsApp"
type="logoSecurity"
/>
}
layout="vertical"

View file

@ -18,6 +18,7 @@ exports[`should render popover when appLinks is not empty 1`] = `
</EuiButton>
}
closePopover={[Function]}
display="inlineBlock"
hasArrow={true}
id="sampleDataLinksecommerce"
isOpen={false}

View file

@ -96,7 +96,7 @@ const AddDataUi = ({ apmUiEnabled, isNewKibanaInstance, intl, mlEnabled }) => {
<EuiFlexItem grow={false}>
<EuiCard
className="homAddData__card"
icon={<EuiIcon className="homAddData__icon" type="apmApp" />}
icon={<EuiIcon className="homAddData__icon" type="logoAPM" />}
title={apmData.title}
description={<span id={apmData.ariaDescribedby}>{apmData.description}</span>}
footer={
@ -128,7 +128,7 @@ const AddDataUi = ({ apmUiEnabled, isNewKibanaInstance, intl, mlEnabled }) => {
<EuiFlexItem grow={false}>
<EuiCard
className="homAddData__card"
icon={<EuiIcon className="homAddData__icon" type="loggingApp" />}
icon={<EuiIcon className="homAddData__icon" type="logoLogging" />}
title={loggingData.title}
description={<span id={loggingData.ariaDescribedby}>{loggingData.description}</span>}
footer={
@ -149,7 +149,7 @@ const AddDataUi = ({ apmUiEnabled, isNewKibanaInstance, intl, mlEnabled }) => {
<EuiFlexItem grow={false}>
<EuiCard
className="homAddData__card"
icon={<EuiIcon className="homAddData__icon" type="monitoringApp" />}
icon={<EuiIcon className="homAddData__icon" type="logoMetrics" />}
title={metricsData.title}
description={<span id={metricsData.ariaDescribedby}>{metricsData.description}</span>}
footer={
@ -170,7 +170,7 @@ const AddDataUi = ({ apmUiEnabled, isNewKibanaInstance, intl, mlEnabled }) => {
<EuiFlexItem grow={false}>
<EuiCard
className="homAddData__card"
icon={<EuiIcon className="homAddData__icon" type="securityAnalyticsApp" />}
icon={<EuiIcon className="homAddData__icon" type="logoSecurity" />}
title={siemData.title}
description={<span id={siemData.ariaDescribedby}>{siemData.description}</span>}
footer={

View file

@ -89,6 +89,7 @@ exports[`IndicesList should change pages 1`] = `
</EuiButtonEmpty>
}
closePopover={[Function]}
display="inlineBlock"
hasArrow={true}
id="customizablePagination"
isOpen={false}
@ -206,6 +207,7 @@ exports[`IndicesList should change per page 1`] = `
</EuiButtonEmpty>
}
closePopover={[Function]}
display="inlineBlock"
hasArrow={true}
id="customizablePagination"
isOpen={false}
@ -361,6 +363,7 @@ exports[`IndicesList should highlight the query in the matches 1`] = `
</EuiButtonEmpty>
}
closePopover={[Function]}
display="inlineBlock"
hasArrow={true}
id="customizablePagination"
isOpen={false}
@ -502,6 +505,7 @@ exports[`IndicesList should render normally 1`] = `
</EuiButtonEmpty>
}
closePopover={[Function]}
display="inlineBlock"
hasArrow={true}
id="customizablePagination"
isOpen={false}
@ -835,6 +839,7 @@ exports[`IndicesList updating props should render all new indices 1`] = `
</EuiButtonEmpty>
}
closePopover={[Function]}
display="inlineBlock"
hasArrow={true}
id="customizablePagination"
isOpen={false}

View file

@ -65,6 +65,7 @@ exports[`Table prevents saved objects from being deleted 1`] = `
</EuiButton>
}
closePopover={[Function]}
display="inlineBlock"
hasArrow={true}
isOpen={false}
ownFocus={false}
@ -279,6 +280,7 @@ exports[`Table should render normally 1`] = `
</EuiButton>
}
closePopover={[Function]}
display="inlineBlock"
hasArrow={true}
isOpen={false}
ownFocus={false}

View file

@ -227,6 +227,7 @@ exports[`InspectorPanel should render as expected 1`] = `
</EuiButtonEmpty>
}
closePopover={[Function]}
display="inlineBlock"
hasArrow={true}
id="inspectorViewChooser"
isOpen={false}

View file

@ -7,7 +7,7 @@
},
"license": "Apache-2.0",
"dependencies": {
"@elastic/eui": "12.2.0",
"@elastic/eui": "12.3.1",
"react": "^16.8.0",
"react-dom": "^16.8.0"
}

View file

@ -7,7 +7,7 @@
},
"license": "Apache-2.0",
"dependencies": {
"@elastic/eui": "12.2.0",
"@elastic/eui": "12.3.1",
"react": "^16.8.0"
}
}

View file

@ -8,7 +8,7 @@
},
"license": "Apache-2.0",
"dependencies": {
"@elastic/eui": "12.2.0",
"@elastic/eui": "12.3.1",
"react": "^16.8.0"
},
"scripts": {

View file

@ -8,7 +8,7 @@
},
"license": "Apache-2.0",
"dependencies": {
"@elastic/eui": "12.2.0",
"@elastic/eui": "12.3.1",
"react": "^16.8.0"
},
"scripts": {

View file

@ -7,7 +7,7 @@
},
"license": "Apache-2.0",
"dependencies": {
"@elastic/eui": "12.2.0",
"@elastic/eui": "12.3.1",
"react": "^16.8.0",
"react-dom": "^16.8.0"
}

View file

@ -2,7 +2,7 @@
exports[`Storyshots components/FontPicker default 1`] = `
<div
className="euiPopover euiPopover--anchorDownCenter euiSuperSelect"
className="euiPopover euiPopover--anchorDownCenter euiPopover--displayBlock euiSuperSelect"
onKeyDown={[Function]}
onMouseDown={[Function]}
onMouseUp={[Function]}
@ -10,7 +10,7 @@ exports[`Storyshots components/FontPicker default 1`] = `
onTouchStart={[Function]}
>
<div
className="euiPopover__anchor euiSuperSelect__popoverAnchor"
className="euiPopover__anchor"
>
<input
defaultValue=""
@ -66,7 +66,7 @@ exports[`Storyshots components/FontPicker default 1`] = `
exports[`Storyshots components/FontPicker with value 1`] = `
<div
className="euiPopover euiPopover--anchorDownCenter euiSuperSelect"
className="euiPopover euiPopover--anchorDownCenter euiPopover--displayBlock euiSuperSelect"
onKeyDown={[Function]}
onMouseDown={[Function]}
onMouseUp={[Function]}
@ -74,7 +74,7 @@ exports[`Storyshots components/FontPicker with value 1`] = `
onTouchStart={[Function]}
>
<div
className="euiPopover__anchor euiSuperSelect__popoverAnchor"
className="euiPopover__anchor"
>
<input
type="hidden"

View file

@ -108,7 +108,6 @@ exports[`render correctly with empty query string 1`] = `
valueOfSelected="default"
>
<EuiPopover
anchorClassName="euiSuperSelect__popoverAnchor"
anchorPosition="downCenter"
button={
<EuiSuperSelectControl
@ -183,6 +182,7 @@ exports[`render correctly with empty query string 1`] = `
}
className="euiSuperSelect"
closePopover={[Function]}
display="block"
hasArrow={false}
isOpen={false}
ownFocus={false}
@ -195,7 +195,7 @@ exports[`render correctly with empty query string 1`] = `
onOutsideClick={[Function]}
>
<div
className="euiPopover euiPopover--anchorDownCenter euiSuperSelect"
className="euiPopover euiPopover--anchorDownCenter euiPopover--displayBlock euiSuperSelect"
onKeyDown={[Function]}
onMouseDown={[Function]}
onMouseUp={[Function]}
@ -203,7 +203,7 @@ exports[`render correctly with empty query string 1`] = `
onTouchStart={[Function]}
>
<div
className="euiPopover__anchor euiSuperSelect__popoverAnchor"
className="euiPopover__anchor"
>
<EuiSuperSelectControl
className=""
@ -817,7 +817,6 @@ exports[`render correctly with input query string changed 1`] = `
valueOfSelected="default"
>
<EuiPopover
anchorClassName="euiSuperSelect__popoverAnchor"
anchorPosition="downCenter"
button={
<EuiSuperSelectControl
@ -892,6 +891,7 @@ exports[`render correctly with input query string changed 1`] = `
}
className="euiSuperSelect"
closePopover={[Function]}
display="block"
hasArrow={false}
isOpen={false}
ownFocus={false}
@ -904,7 +904,7 @@ exports[`render correctly with input query string changed 1`] = `
onOutsideClick={[Function]}
>
<div
className="euiPopover euiPopover--anchorDownCenter euiSuperSelect"
className="euiPopover euiPopover--anchorDownCenter euiPopover--displayBlock euiSuperSelect"
onKeyDown={[Function]}
onMouseDown={[Function]}
onMouseUp={[Function]}
@ -912,7 +912,7 @@ exports[`render correctly with input query string changed 1`] = `
onTouchStart={[Function]}
>
<div
className="euiPopover__anchor euiSuperSelect__popoverAnchor"
className="euiPopover__anchor"
>
<EuiSuperSelectControl
className=""

View file

@ -500,6 +500,7 @@ exports[`ilm summary extension should return extension when index has lifecycle
</EuiLink>
}
closePopover={[Function]}
display="inlineBlock"
hasArrow={true}
id="phaseExecutionPopover"
isOpen={false}

View file

@ -62,17 +62,6 @@ declare module '@elastic/eui' {
onClick?: React.MouseEventHandler<Element>;
}
type EuiFormControlLayoutProps = CommonProps & {
icon?: string | EuiFormControlLayoutIconProps;
clear?: EuiFormControlLayoutClearIconProps;
fullWidth?: boolean;
isLoading?: boolean;
compressed?: boolean;
prepend?: React.ReactNode;
append?: React.ReactNode;
};
export const EuiFormControlLayout: React.SFC<EuiFormControlLayoutProps>;
type EuiSideNavProps = CommonProps & {
style?: any;
items: Array<{

View file

@ -164,6 +164,7 @@ exports[`TelemetryOptIn should display when telemetry not opted in 1`] = `
}
className="eui-AlignBaseline"
closePopover={[Function]}
display="inlineBlock"
hasArrow={true}
id="readMorePopover"
isOpen={false}
@ -256,6 +257,7 @@ exports[`TelemetryOptIn should display when telemetry not opted in 1`] = `
}
className="eui-AlignBaseline"
closePopover={[Function]}
display="inlineBlock"
hasArrow={true}
id="readMorePopover"
isOpen={false}
@ -321,6 +323,7 @@ exports[`TelemetryOptIn should display when telemetry not opted in 1`] = `
}
className="eui-AlignBaseline"
closePopover={[Function]}
display="inlineBlock"
hasArrow={true}
id="readMorePopover"
isOpen={false}

View file

@ -10,7 +10,7 @@
}
.mapLayerPanel__body {
@include euiOverflowShadow($euiPageBackgroundColor);
@include euiOverflowShadow;
padding-bottom: 0; /* 1 */
flex-grow: 1;
flex-basis: 1px; /* Fixes scrolling for Firefox */

View file

@ -12,6 +12,7 @@ exports[`Should render default props 1`] = `
/>
}
closePopover={[Function]}
display="inlineBlock"
hasArrow={true}
id="metricsPopover"
initialFocus="body"
@ -66,6 +67,7 @@ exports[`Should render metrics expression for metrics 1`] = `
/>
}
closePopover={[Function]}
display="inlineBlock"
hasArrow={true}
id="metricsPopover"
initialFocus="body"

View file

@ -109,13 +109,17 @@
}
.mapTocEntry__layerDetails {
@include euiOverflowShadow(transparentize($euiShadowColor, .7));
@include euiOverflowShadow;
background-color: $euiPageBackgroundColor;
padding: $euiSize $euiSizeS $euiSizeS;
margin: $euiSizeS (-$euiSizeS) (-$euiSizeS);
}
@keyframes mapTocEntryBecomeVisible {
0% { opacity: 0; }
100% { opacity: 1; }
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}

View file

@ -34,6 +34,7 @@ exports[`LayerTocActions is rendered 1`] = `
}
className="mapLayTocActions"
closePopover={[Function]}
display="inlineBlock"
hasArrow={true}
id="contextMenu"
isOpen={false}
@ -130,6 +131,7 @@ exports[`LayerTocActions should disable fit to data when supportsFitToBounds is
}
className="mapLayTocActions"
closePopover={[Function]}
display="inlineBlock"
hasArrow={true}
id="contextMenu"
isOpen={false}
@ -226,6 +228,7 @@ exports[`LayerTocActions should not show edit actions in read only mode 1`] = `
}
className="mapLayTocActions"
closePopover={[Function]}
display="inlineBlock"
hasArrow={true}
id="contextMenu"
isOpen={false}

View file

@ -24,6 +24,7 @@ exports[`ConditionExpression renders with appliesTo, operator and value supplied
/>
}
closePopover={[Function]}
display="inlineBlock"
hasArrow={true}
id="appliesToPopover"
isOpen={false}
@ -105,6 +106,7 @@ exports[`ConditionExpression renders with appliesTo, operator and value supplied
/>
}
closePopover={[Function]}
display="inlineBlock"
hasArrow={true}
id="operatorValuePopover"
isOpen={false}
@ -234,6 +236,7 @@ exports[`ConditionExpression renders with only value supplied 1`] = `
/>
}
closePopover={[Function]}
display="inlineBlock"
hasArrow={true}
id="appliesToPopover"
isOpen={false}
@ -314,6 +317,7 @@ exports[`ConditionExpression renders with only value supplied 1`] = `
/>
}
closePopover={[Function]}
display="inlineBlock"
hasArrow={true}
id="operatorValuePopover"
isOpen={false}

View file

@ -95,6 +95,7 @@ exports[`ScopeExpression renders when enabled set to false 1`] = `
/>
}
closePopover={[Function]}
display="inlineBlock"
hasArrow={true}
id="operatorValuePopover"
isOpen={false}
@ -254,6 +255,7 @@ exports[`ScopeExpression renders when filter ID and type supplied 1`] = `
/>
}
closePopover={[Function]}
display="inlineBlock"
hasArrow={true}
id="operatorValuePopover"
isOpen={false}
@ -413,6 +415,7 @@ exports[`ScopeExpression renders when no filter ID or type supplied 1`] = `
/>
}
closePopover={[Function]}
display="inlineBlock"
hasArrow={true}
id="operatorValuePopover"
isOpen={false}

View file

@ -33,6 +33,7 @@ exports[`Data Frame: <AggLabelForm /> Date histogram aggregation 1`] = `
/>
}
closePopover={[Function]}
display="inlineBlock"
hasArrow={true}
id="mlFormPopover"
isOpen={false}

View file

@ -44,6 +44,7 @@ exports[`Data Frame: <GroupByLabelForm /> Date histogram aggregation 1`] = `
/>
}
closePopover={[Function]}
display="inlineBlock"
hasArrow={true}
id="mlIntervalFormPopover"
isOpen={false}
@ -127,6 +128,7 @@ exports[`Data Frame: <GroupByLabelForm /> Histogram aggregation 1`] = `
/>
}
closePopover={[Function]}
display="inlineBlock"
hasArrow={true}
id="mlIntervalFormPopover"
isOpen={false}
@ -199,6 +201,7 @@ exports[`Data Frame: <GroupByLabelForm /> Terms aggregation 1`] = `
/>
}
closePopover={[Function]}
display="inlineBlock"
hasArrow={true}
id="mlIntervalFormPopover"
isOpen={false}

View file

@ -23,6 +23,7 @@ exports[`AddItemPopover calls addItems with multiple items on clicking Add butto
</EuiButton>
}
closePopover={[Function]}
display="inlineBlock"
hasArrow={true}
id="add_item_popover"
isOpen={false}
@ -114,6 +115,7 @@ exports[`AddItemPopover opens the popover onButtonClick 1`] = `
</EuiButton>
}
closePopover={[Function]}
display="inlineBlock"
hasArrow={true}
id="add_item_popover"
isOpen={true}
@ -205,6 +207,7 @@ exports[`AddItemPopover renders the popover 1`] = `
</EuiButton>
}
closePopover={[Function]}
display="inlineBlock"
hasArrow={true}
id="add_item_popover"
isOpen={false}

View file

@ -17,6 +17,7 @@ exports[`FilterListUsagePopover opens the popover onButtonClick 1`] = `
/>
}
closePopover={[Function]}
display="inlineBlock"
hasArrow={true}
id="filter_list_description_popover"
isOpen={true}
@ -76,6 +77,7 @@ exports[`FilterListUsagePopover renders the popover with a description 1`] = `
/>
}
closePopover={[Function]}
display="inlineBlock"
hasArrow={true}
id="filter_list_description_popover"
isOpen={false}
@ -135,6 +137,7 @@ exports[`FilterListUsagePopover renders the popover with no description 1`] = `
/>
}
closePopover={[Function]}
display="inlineBlock"
hasArrow={true}
id="filter_list_description_popover"
isOpen={false}

View file

@ -16,6 +16,7 @@ exports[`FilterListUsagePopover opens the popover onButtonClick 1`] = `
</EuiButtonEmpty>
}
closePopover={[Function]}
display="inlineBlock"
hasArrow={true}
id="detector_filter_list_usage"
isOpen={true}
@ -60,6 +61,7 @@ exports[`FilterListUsagePopover renders the popover for 1 job 1`] = `
</EuiButtonEmpty>
}
closePopover={[Function]}
display="inlineBlock"
hasArrow={true}
id="job_filter_list_usage"
isOpen={false}
@ -94,6 +96,7 @@ exports[`FilterListUsagePopover renders the popover for 2 detectors 1`] = `
</EuiButtonEmpty>
}
closePopover={[Function]}
display="inlineBlock"
hasArrow={true}
id="detector_filter_list_usage"
isOpen={false}

View file

@ -68,11 +68,11 @@ exports[`<RolesGridPage /> renders permission denied if required 1`] = `
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M16 32l-.36-.14A21.07 21.07 0 0 1 2 12.07V5.44L16 .06l14 5.38v6.63a21.07 21.07 0 0 1-13.64 19.78L16 32zM4 6.82v5.25a19.08 19.08 0 0 0 12 17.77 19.08 19.08 0 0 0 12-17.77V6.82L16 2.2 4 6.82z"
d="M14 32l-.36-.14A21.07 21.07 0 0 1 0 12.07V5.44L14 .06l14 5.38v6.63a21.07 21.07 0 0 1-13.64 19.78L14 32zM2 6.82v5.25a19.08 19.08 0 0 0 12 17.77 19.08 19.08 0 0 0 12-17.77V6.82L14 2.2 2 6.82z"
/>
<path
className="euiIcon__fillSecondary"
d="M11 17.83h2V23h-2zM13 10.18V7h-2v3.18a3 3 0 1 0 2 0zM12 14a1 1 0 1 1 0-2 1 1 0 0 1 0 2zM19 7h2v5.17h-2zM23 17a3 3 0 1 0-4 2.82V23h2v-3.18A3 3 0 0 0 23 17zm-3 1a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"
d="M9 17.83h2V23H9zM11 10.18V7H9v3.18a3 3 0 1 0 2 0zM10 14a1 1 0 1 1 0-2 1 1 0 0 1 0 2zM17 7h2v5.17h-2zM21 17a3 3 0 1 0-4 2.82V23h2v-3.18A3 3 0 0 0 21 17zm-3 1a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"
/>
</svg>
</EuiIconAppSecurity>

View file

@ -54,14 +54,6 @@ injectGlobal`
}
`;
export const FieldComboBox = styled(EuiComboBox)`
width: ${FIELD_COMBO_BOX_WIDTH}px;
`;
export const OperatorComboBox = styled(EuiComboBox)`
width: ${OPERATOR_COMBO_BOX_WIDTH}px;
`;
interface Props {
andProviderId?: string;
browserFields: BrowserFields;
@ -138,13 +130,14 @@ export class StatefulEditDataProvider extends React.PureComponent<Props, State>
this.state.updatedField.length > 0 ? this.state.updatedField[0].label : null
}
>
<FieldComboBox
<EuiComboBox
isClearable={false}
onChange={this.onFieldSelected}
options={getCategorizedFieldNames(browserFields)}
placeholder={i18n.FIELD_PLACEHOLDER}
selectedOptions={this.state.updatedField}
singleSelection={{ asPlainText: true }}
style={{ width: `${FIELD_COMBO_BOX_WIDTH}px` }}
/>
</EuiToolTip>
</EuiFormRow>
@ -152,13 +145,14 @@ export class StatefulEditDataProvider extends React.PureComponent<Props, State>
<EuiFlexItem grow={false}>
<EuiFormRow label={i18n.OPERATOR}>
<OperatorComboBox
<EuiComboBox
isClearable={false}
onChange={this.onOperatorSelected}
options={operatorLabels}
placeholder={i18n.SELECT_AN_OPERATOR}
selectedOptions={this.state.updatedOperator}
singleSelection={{ asPlainText: true }}
style={{ width: `${OPERATOR_COMBO_BOX_WIDTH}px` }}
/>
</EuiFormRow>
</EuiFlexItem>

View file

@ -88,6 +88,7 @@ exports[`anomaly_scores renders correctly against snapshot 1`] = `
}
closePopover={[Function]}
data-test-subj="anomaly-score-popover"
display="inlineBlock"
hasArrow={true}
id="anomaly-score-popover"
isOpen={false}

View file

@ -26,6 +26,7 @@ exports[`NavControlPopover renders without crashing 1`] = `
}
closePopover={[Function]}
data-test-subj="spacesNavSelector"
display="inlineBlock"
hasArrow={true}
id="spcMenuPopover"
isOpen={false}

View file

@ -8,7 +8,7 @@ import React from 'react';
import { shallowWithIntl } from 'test_utils/enzyme_helpers';
import { PingResults } from '../../../../common/graphql/types';
import { PingListComponent, BaseLocationOptions } from '../ping_list';
import { EuiComboBoxProps } from '@elastic/eui';
import { EuiComboBoxOptionProps } from '@elastic/eui';
describe('PingList component', () => {
let pingList: { allPings: PingResults };
@ -194,7 +194,7 @@ describe('PingList component', () => {
loading={false}
data={{ allPings }}
onPageCountChange={jest.fn()}
onSelectedLocationChange={(loc: EuiComboBoxProps[]) => {}}
onSelectedLocationChange={(loc: EuiComboBoxOptionProps[]) => {}}
onSelectedStatusChange={jest.fn()}
onUpdateApp={jest.fn()}
pageSize={30}

View file

@ -171,7 +171,7 @@
"@babel/runtime": "7.4.5",
"@elastic/ctags-langserver": "^0.0.8",
"@elastic/datemath": "5.0.2",
"@elastic/eui": "12.2.0",
"@elastic/eui": "12.3.1",
"@elastic/javascript-typescript-langserver": "^0.2.1",
"@elastic/lsp-extension": "^0.1.2",
"@elastic/node-crypto": "^1.0.0",

View file

@ -1644,10 +1644,10 @@
tabbable "^1.1.0"
uuid "^3.1.0"
"@elastic/eui@12.2.0":
version "12.2.0"
resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-12.2.0.tgz#9307c4416e03d28cff88fca886a2c76e261c884a"
integrity sha512-0AFbXRpe1NpYbpOnHzjrkiS221wYtcKBRHSl75rtXs70A/aV/QKB3n5rARin6qUdUSjpIghaCumJNMbmvfX7uw==
"@elastic/eui@12.3.1":
version "12.3.1"
resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-12.3.1.tgz#89ced2cf43d5363f0cbc9cca76f6fcdfb3466276"
integrity sha512-7XQSSsyJTPyJQR+tmo14z/ek7/9PDz7jI/t1sPa14hG8CLYKhOgtYjVFeLM4hHz4F4MLwfwK1t3gMHqFxnvGeQ==
dependencies:
"@types/lodash" "^4.14.116"
"@types/numeral" "^0.0.25"