[7.x] Backport/7.x/pr 54042 (#54799)

* Upgraded EUI to 18.0.0

* Fix breaks from `palette._.colors` changes

* snapshots

* Updated hard coded hex color codes in tests, fixed TS errors

* Updated a functional test's selector; added (BSD-3-Clause AND Apache-2.0) to license checker whitelist

* Functional test selector update

* Updated vega browser-ci tests for palette changes

* One more location for EUI package number update and yarn lock

* Fixed lurking [but introduced] TypeScript logic bug

* Swap a prop definition for the same value but tied closer to its source

* updates for backport

Co-authored-by: Caroline Horn <549577+cchaos@users.noreply.github.com>
This commit is contained in:
Chandler Prall 2020-01-14 16:53:06 -07:00 committed by Caroline Horn
parent 6edc2ae2ba
commit 2c66ffb3b8
122 changed files with 974 additions and 1225 deletions

View file

@ -115,7 +115,7 @@
"@elastic/charts": "^16.1.0",
"@elastic/datemath": "5.0.2",
"@elastic/ems-client": "1.0.5",
"@elastic/eui": "17.3.1",
"@elastic/eui": "18.0.0",
"@elastic/filesaver": "1.1.2",
"@elastic/good": "8.1.1-kibana2",
"@elastic/numeral": "2.3.3",

View file

@ -9,7 +9,7 @@
"kbn:watch": "node scripts/build --watch"
},
"devDependencies": {
"@elastic/eui": "17.3.1",
"@elastic/eui": "18.0.0",
"@elastic/charts": "^16.1.0",
"@kbn/dev-utils": "1.0.0",
"@yarnpkg/lockfile": "^1.1.0",

View file

@ -23,6 +23,7 @@ export const LICENSE_WHITELIST = [
'Elastic-License',
'(BSD-2-Clause OR MIT OR Apache-2.0)',
'(BSD-2-Clause OR MIT)',
'(BSD-3-Clause AND Apache-2.0)',
'(GPL-2.0 OR MIT)',
'(MIT AND CC-BY-3.0)',
'(MIT AND Zlib)',

View file

@ -72,5 +72,6 @@ exports[`ShardFailureTable renders matching snapshot given valid properties 1`]
},
}
}
tableLayout="fixed"
/>
`;

View file

@ -135,11 +135,7 @@ exports[`renders ControlsTab 1`] = `
>
<EuiSelect
aria-label="Select control type"
compressed={false}
data-test-subj="selectControlType"
fullWidth={false}
hasNoInitialSelection={false}
isLoading={false}
onChange={[Function]}
options={
Array [

View file

@ -343,10 +343,6 @@ exports[`renders should display chaining input when parents are provided 1`] = `
labelType="label"
>
<EuiSelect
compressed={false}
fullWidth={false}
hasNoInitialSelection={false}
isLoading={false}
onChange={[Function]}
options={
Array [

View file

@ -20,14 +20,7 @@
import React, { PureComponent, ChangeEvent, ComponentType } from 'react';
import { FormattedMessage } from '@kbn/i18n/react';
import {
EuiFormRow,
EuiFieldNumber,
EuiSwitch,
EuiSelect,
EuiSelectProps,
EuiSwitchEvent,
} from '@elastic/eui';
import { EuiFormRow, EuiFieldNumber, EuiSwitch, EuiSelect, EuiSwitchEvent } from '@elastic/eui';
import { IndexPatternSelectFormRow } from './index_pattern_select_form_row';
import { FieldSelect } from './field_select';
@ -63,7 +56,7 @@ interface ListControlEditorProps {
event: ChangeEvent<HTMLInputElement>
) => void;
handleParentChange: (controlIndex: number, event: ChangeEvent<HTMLSelectElement>) => void;
parentCandidates: EuiSelectProps['options'];
parentCandidates: React.ComponentProps<typeof EuiSelect>['options'];
deps: InputControlVisDependencies;
}

View file

@ -8,10 +8,7 @@ exports[`disableMsg 1`] = `
label="list control"
>
<EuiFieldText
compressed={false}
disabled={true}
fullWidth={false}
isLoading={false}
placeholder="Select..."
/>
</FormRow>

View file

@ -33,7 +33,7 @@ import {
getConfigCollections,
} from './utils/collections';
import { getAreaOptionTabs, countLabel } from './utils/common_config';
import { palettes } from '@elastic/eui/lib/services';
import { euiPaletteColorBlind } from '@elastic/eui/lib/services';
import { vislibVisController } from './controller';
export const areaDefinition = {
@ -117,7 +117,7 @@ export const areaDefinition = {
value: 10,
width: 1,
style: ThresholdLineStyles.FULL,
color: palettes.euiPaletteColorBlind.colors[9],
color: euiPaletteColorBlind()[9],
},
labels: {},
},

View file

@ -32,7 +32,7 @@ import {
getConfigCollections,
} from './utils/collections';
import { getAreaOptionTabs, countLabel } from './utils/common_config';
import { palettes } from '@elastic/eui/lib/services';
import { euiPaletteColorBlind } from '@elastic/eui/lib/services';
import { vislibVisController } from './controller';
export const histogramDefinition = {
@ -120,7 +120,7 @@ export const histogramDefinition = {
value: 10,
width: 1,
style: ThresholdLineStyles.FULL,
color: palettes.euiPaletteColorBlind.colors[9],
color: euiPaletteColorBlind()[9],
},
},
},

View file

@ -32,7 +32,7 @@ import {
getConfigCollections,
} from './utils/collections';
import { getAreaOptionTabs, countLabel } from './utils/common_config';
import { palettes } from '@elastic/eui/lib/services';
import { euiPaletteColorBlind } from '@elastic/eui/lib/services';
import { vislibVisController } from './controller';
export const horizontalBarDefinition = {
@ -119,7 +119,7 @@ export const horizontalBarDefinition = {
value: 10,
width: 1,
style: ThresholdLineStyles.FULL,
color: palettes.euiPaletteColorBlind.colors[9],
color: euiPaletteColorBlind()[9],
},
},
},

View file

@ -32,7 +32,7 @@ import {
InterpolationModes,
getConfigCollections,
} from './utils/collections';
import { palettes } from '@elastic/eui/lib/services';
import { euiPaletteColorBlind } from '@elastic/eui/lib/services';
import { getAreaOptionTabs, countLabel } from './utils/common_config';
import { vislibVisController } from './controller';
@ -118,7 +118,7 @@ export const lineDefinition = {
value: 10,
width: 1,
style: ThresholdLineStyles.FULL,
color: palettes.euiPaletteColorBlind.colors[9],
color: euiPaletteColorBlind()[9],
},
},
},

View file

@ -30,11 +30,8 @@ exports[`renders DashboardCloneModal 1`] = `
<EuiSpacer />
<EuiFieldText
autoFocus={true}
compressed={false}
data-test-subj="clonedDashboardTitle"
fullWidth={false}
isInvalid={false}
isLoading={false}
onChange={[Function]}
value="dash title"
/>

View file

@ -78,11 +78,8 @@ exports[`Header should mark the input as invalid 1`] = `
labelType="label"
>
<EuiFieldText
compressed={false}
data-test-subj="createIndexPatternNameInput"
fullWidth={false}
isInvalid={true}
isLoading={false}
name="indexPattern"
onChange={[Function]}
placeholder="index-name-*"
@ -185,11 +182,8 @@ exports[`Header should render normally 1`] = `
labelType="label"
>
<EuiFieldText
compressed={false}
data-test-subj="createIndexPatternNameInput"
fullWidth={false}
isInvalid={false}
isLoading={false}
name="indexPattern"
onChange={[Function]}
placeholder="index-name-*"

View file

@ -55,12 +55,8 @@ exports[`TimeField should render a loading state 1`] = `
labelType="label"
>
<EuiSelect
compressed={false}
data-test-subj="createIndexPatternTimeFieldSelect"
disabled={true}
fullWidth={false}
hasNoInitialSelection={false}
isLoading={false}
name="timeField"
options={
Array [
@ -137,11 +133,8 @@ exports[`TimeField should render a selected time field 1`] = `
labelType="label"
>
<EuiSelect
compressed={false}
data-test-subj="createIndexPatternTimeFieldSelect"
disabled={false}
fullWidth={false}
hasNoInitialSelection={false}
isLoading={false}
name="timeField"
onChange={[Function]}
@ -221,11 +214,8 @@ exports[`TimeField should render normally 1`] = `
labelType="label"
>
<EuiSelect
compressed={false}
data-test-subj="createIndexPatternTimeFieldSelect"
disabled={false}
fullWidth={false}
hasNoInitialSelection={false}
isLoading={false}
name="timeField"
onChange={[Function]}

View file

@ -128,6 +128,7 @@ exports[`Table should render normally 1`] = `
}
responsive={true}
sorting={true}
tableLayout="fixed"
/>
`;

View file

@ -76,6 +76,7 @@ exports[`Table should render normally 1`] = `
}
responsive={true}
sorting={true}
tableLayout="fixed"
/>
`;

View file

@ -6,9 +6,7 @@ exports[`AddFilter should ignore strings with just spaces 1`] = `
grow={10}
>
<EuiFieldText
compressed={false}
fullWidth={true}
isLoading={false}
onChange={[Function]}
placeholder="source filter, accepts wildcards (e.g., \`user*\` to filter fields starting with 'user')"
value=""
@ -35,9 +33,7 @@ exports[`AddFilter should render normally 1`] = `
grow={10}
>
<EuiFieldText
compressed={false}
fullWidth={true}
isLoading={false}
onChange={[Function]}
placeholder="source filter, accepts wildcards (e.g., \`user*\` to filter fields starting with 'user')"
value=""

View file

@ -19,9 +19,7 @@ exports[`Table editing should show a save button 1`] = `
exports[`Table editing should show an input field 1`] = `
<EuiFormControlLayout
compressed={false}
fullWidth={false}
isLoading={false}
>
<EuiValidatableControl>
<input
@ -99,5 +97,6 @@ exports[`Table should render normally 1`] = `
}
responsive={true}
sorting={true}
tableLayout="fixed"
/>
`;

View file

@ -71,6 +71,7 @@ exports[`ObjectsTable delete should show a confirm modal 1`] = `
pagination={true}
responsive={true}
sorting={false}
tableLayout="fixed"
/>
</EuiConfirmModal>
`;

View file

@ -115,6 +115,7 @@ exports[`Flyout conflicts should allow conflict resolution 1`] = `
}
}
responsive={true}
tableLayout="fixed"
/>
</EuiFlyoutBody>
<EuiFlyoutFooter>
@ -445,6 +446,7 @@ exports[`Flyout legacy conflicts should allow conflict resolution 1`] = `
}
}
responsive={true}
tableLayout="fixed"
/>
</EuiFlyoutBody>
<EuiFlyoutFooter>

View file

@ -154,6 +154,7 @@ exports[`Relationships should render dashboards normally 1`] = `
],
}
}
tableLayout="fixed"
/>
</div>
</EuiFlyoutBody>
@ -368,6 +369,7 @@ exports[`Relationships should render index patterns normally 1`] = `
],
}
}
tableLayout="fixed"
/>
</div>
</EuiFlyoutBody>
@ -533,6 +535,7 @@ exports[`Relationships should render searches normally 1`] = `
],
}
}
tableLayout="fixed"
/>
</div>
</EuiFlyoutBody>
@ -693,6 +696,7 @@ exports[`Relationships should render visualizations normally 1`] = `
],
}
}
tableLayout="fixed"
/>
</div>
</EuiFlyoutBody>

View file

@ -203,6 +203,7 @@ exports[`Table prevents saved objects from being deleted 1`] = `
"onSelectionChange": [Function],
}
}
tableLayout="fixed"
/>
</div>
</Fragment>
@ -410,6 +411,7 @@ exports[`Table should render normally 1`] = `
"onSelectionChange": [Function],
}
}
tableLayout="fixed"
/>
</div>
</Fragment>

View file

@ -50,10 +50,8 @@ exports[`Field for array setting should render as read only if saving is disable
>
<EuiFieldText
aria-label="array test setting"
compressed={false}
data-test-subj="advancedSetting-editField-array:test:setting"
disabled={true}
fullWidth={false}
isLoading={false}
onChange={[Function]}
onKeyDown={[Function]}
@ -150,10 +148,8 @@ exports[`Field for array setting should render as read only with help text if ov
>
<EuiFieldText
aria-label="array test setting"
compressed={false}
data-test-subj="advancedSetting-editField-array:test:setting"
disabled={true}
fullWidth={false}
isLoading={false}
onChange={[Function]}
onKeyDown={[Function]}
@ -229,10 +225,8 @@ exports[`Field for array setting should render custom setting icon if it is cust
>
<EuiFieldText
aria-label="array test setting"
compressed={false}
data-test-subj="advancedSetting-editField-array:test:setting"
disabled={false}
fullWidth={false}
isLoading={false}
onChange={[Function]}
onKeyDown={[Function]}
@ -297,10 +291,8 @@ exports[`Field for array setting should render default value if there is no user
>
<EuiFieldText
aria-label="array test setting"
compressed={false}
data-test-subj="advancedSetting-editField-array:test:setting"
disabled={false}
fullWidth={false}
isLoading={false}
onChange={[Function]}
onKeyDown={[Function]}
@ -404,10 +396,8 @@ exports[`Field for array setting should render user value if there is user value
>
<EuiFieldText
aria-label="array test setting"
compressed={false}
data-test-subj="advancedSetting-editField-array:test:setting"
disabled={false}
fullWidth={false}
isLoading={false}
onChange={[Function]}
onKeyDown={[Function]}
@ -2839,11 +2829,8 @@ exports[`Field for select setting should render as read only if saving is disabl
>
<EuiSelect
aria-label="select test setting"
compressed={false}
data-test-subj="advancedSetting-editField-select:test:setting"
disabled={true}
fullWidth={false}
hasNoInitialSelection={false}
isLoading={false}
onChange={[Function]}
onKeyDown={[Function]}
@ -2956,11 +2943,8 @@ exports[`Field for select setting should render as read only with help text if o
>
<EuiSelect
aria-label="select test setting"
compressed={false}
data-test-subj="advancedSetting-editField-select:test:setting"
disabled={true}
fullWidth={false}
hasNoInitialSelection={false}
isLoading={false}
onChange={[Function]}
onKeyDown={[Function]}
@ -3052,11 +3036,8 @@ exports[`Field for select setting should render custom setting icon if it is cus
>
<EuiSelect
aria-label="select test setting"
compressed={false}
data-test-subj="advancedSetting-editField-select:test:setting"
disabled={false}
fullWidth={false}
hasNoInitialSelection={false}
isLoading={false}
onChange={[Function]}
onKeyDown={[Function]}
@ -3137,11 +3118,8 @@ exports[`Field for select setting should render default value if there is no use
>
<EuiSelect
aria-label="select test setting"
compressed={false}
data-test-subj="advancedSetting-editField-select:test:setting"
disabled={false}
fullWidth={false}
hasNoInitialSelection={false}
isLoading={false}
onChange={[Function]}
onKeyDown={[Function]}
@ -3261,11 +3239,8 @@ exports[`Field for select setting should render user value if there is user valu
>
<EuiSelect
aria-label="select test setting"
compressed={false}
data-test-subj="advancedSetting-editField-select:test:setting"
disabled={false}
fullWidth={false}
hasNoInitialSelection={false}
isLoading={false}
onChange={[Function]}
onKeyDown={[Function]}
@ -3346,10 +3321,8 @@ exports[`Field for string setting should render as read only if saving is disabl
>
<EuiFieldText
aria-label="string test setting"
compressed={false}
data-test-subj="advancedSetting-editField-string:test:setting"
disabled={true}
fullWidth={false}
isLoading={false}
onChange={[Function]}
onKeyDown={[Function]}
@ -3446,10 +3419,8 @@ exports[`Field for string setting should render as read only with help text if o
>
<EuiFieldText
aria-label="string test setting"
compressed={false}
data-test-subj="advancedSetting-editField-string:test:setting"
disabled={true}
fullWidth={false}
isLoading={false}
onChange={[Function]}
onKeyDown={[Function]}
@ -3525,10 +3496,8 @@ exports[`Field for string setting should render custom setting icon if it is cus
>
<EuiFieldText
aria-label="string test setting"
compressed={false}
data-test-subj="advancedSetting-editField-string:test:setting"
disabled={false}
fullWidth={false}
isLoading={false}
onChange={[Function]}
onKeyDown={[Function]}
@ -3593,10 +3562,8 @@ exports[`Field for string setting should render default value if there is no use
>
<EuiFieldText
aria-label="string test setting"
compressed={false}
data-test-subj="advancedSetting-editField-string:test:setting"
disabled={false}
fullWidth={false}
isLoading={false}
onChange={[Function]}
onKeyDown={[Function]}
@ -3700,10 +3667,8 @@ exports[`Field for string setting should render user value if there is user valu
>
<EuiFieldText
aria-label="string test setting"
compressed={false}
data-test-subj="advancedSetting-editField-string:test:setting"
disabled={false}
fullWidth={false}
isLoading={false}
onChange={[Function]}
onKeyDown={[Function]}
@ -3768,10 +3733,8 @@ exports[`Field for stringWithValidation setting should render as read only if sa
>
<EuiFieldText
aria-label="string test validation setting"
compressed={false}
data-test-subj="advancedSetting-editField-string:test-validation:setting"
disabled={true}
fullWidth={false}
isLoading={false}
onChange={[Function]}
onKeyDown={[Function]}
@ -3868,10 +3831,8 @@ exports[`Field for stringWithValidation setting should render as read only with
>
<EuiFieldText
aria-label="string test validation setting"
compressed={false}
data-test-subj="advancedSetting-editField-string:test-validation:setting"
disabled={true}
fullWidth={false}
isLoading={false}
onChange={[Function]}
onKeyDown={[Function]}
@ -3947,10 +3908,8 @@ exports[`Field for stringWithValidation setting should render custom setting ico
>
<EuiFieldText
aria-label="string test validation setting"
compressed={false}
data-test-subj="advancedSetting-editField-string:test-validation:setting"
disabled={false}
fullWidth={false}
isLoading={false}
onChange={[Function]}
onKeyDown={[Function]}
@ -4015,10 +3974,8 @@ exports[`Field for stringWithValidation setting should render default value if t
>
<EuiFieldText
aria-label="string test validation setting"
compressed={false}
data-test-subj="advancedSetting-editField-string:test-validation:setting"
disabled={false}
fullWidth={false}
isLoading={false}
onChange={[Function]}
onKeyDown={[Function]}
@ -4122,10 +4079,8 @@ exports[`Field for stringWithValidation setting should render user value if ther
>
<EuiFieldText
aria-label="string test validation setting"
compressed={false}
data-test-subj="advancedSetting-editField-string:test-validation:setting"
disabled={false}
fullWidth={false}
isLoading={false}
onChange={[Function]}
onKeyDown={[Function]}

View file

@ -234,6 +234,26 @@ exports[`NewVisModal filter for visualization types should render as expected 1`
/>
</span>
</div>
<div
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
>
<button
aria-label="Clear input"
class="euiFormControlLayoutClearButton"
type="button"
>
<svg
aria-hidden="true"
class="euiIcon euiIcon--medium euiIcon-isLoading euiFormControlLayoutClearButton__icon"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
/>
</button>
</div>
</div>
</div>
</div>
@ -565,6 +585,26 @@ exports[`NewVisModal filter for visualization types should render as expected 1`
/>
</span>
</div>
<div
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
>
<button
aria-label="Clear input"
class="euiFormControlLayoutClearButton"
type="button"
>
<svg
aria-hidden="true"
class="euiIcon euiIcon--medium euiIcon-isLoading euiFormControlLayoutClearButton__icon"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
/>
</button>
</div>
</div>
</div>
</div>
@ -835,6 +875,26 @@ exports[`NewVisModal filter for visualization types should render as expected 1`
/>
</span>
</div>
<div
class="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
>
<button
aria-label="Clear input"
class="euiFormControlLayoutClearButton"
type="button"
>
<svg
aria-hidden="true"
class="euiIcon euiIcon--medium euiIcon-isLoading euiFormControlLayoutClearButton__icon"
focusable="false"
height="16"
role="img"
viewBox="0 0 16 16"
width="16"
xmlns="http://www.w3.org/2000/svg"
/>
</button>
</div>
</div>
</div>
</div>
@ -1139,12 +1199,18 @@ exports[`NewVisModal filter for visualization types should render as expected 1`
data-test-subj="filterVisType"
fullWidth={true}
incremental={false}
isClearable={true}
isLoading={false}
onChange={[Function]}
placeholder="Filter"
value="with"
>
<EuiFormControlLayout
clear={
Object {
"onClick": [Function],
}
}
compressed={false}
fullWidth={true}
icon="search"
@ -1169,6 +1235,11 @@ exports[`NewVisModal filter for visualization types should render as expected 1`
/>
</EuiValidatableControl>
<EuiFormControlLayoutIcons
clear={
Object {
"onClick": [Function],
}
}
icon="search"
isLoading={false}
>
@ -1209,6 +1280,50 @@ exports[`NewVisModal filter for visualization types should render as expected 1`
</span>
</EuiFormControlLayoutCustomIcon>
</div>
<div
className="euiFormControlLayoutIcons euiFormControlLayoutIcons--right"
>
<EuiFormControlLayoutClearButton
onClick={[Function]}
>
<EuiI18n
default="Clear input"
token="euiFormControlLayoutClearButton.label"
>
<button
aria-label="Clear input"
className="euiFormControlLayoutClearButton"
onClick={[Function]}
type="button"
>
<EuiIcon
className="euiFormControlLayoutClearButton__icon"
type="cross"
>
<EuiIconEmpty
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiFormControlLayoutClearButton__icon"
focusable="false"
role="img"
style={null}
>
<svg
aria-hidden={true}
className="euiIcon euiIcon--medium euiIcon-isLoading euiFormControlLayoutClearButton__icon"
focusable="false"
height={16}
role="img"
style={null}
viewBox="0 0 16 16"
width={16}
xmlns="http://www.w3.org/2000/svg"
/>
</EuiIconEmpty>
</EuiIcon>
</button>
</EuiI18n>
</EuiFormControlLayoutClearButton>
</div>
</EuiFormControlLayoutIcons>
</div>
</div>
@ -2775,12 +2890,14 @@ exports[`NewVisModal should render as expected 1`] = `
data-test-subj="filterVisType"
fullWidth={true}
incremental={false}
isClearable={true}
isLoading={false}
onChange={[Function]}
placeholder="Filter"
value=""
>
<EuiFormControlLayout
clear={null}
compressed={false}
fullWidth={true}
icon="search"
@ -2805,6 +2922,7 @@ exports[`NewVisModal should render as expected 1`] = `
/>
</EuiValidatableControl>
<EuiFormControlLayoutIcons
clear={null}
icon="search"
isLoading={false}
>

View file

@ -37,5 +37,6 @@ exports[`render 1`] = `
noItemsMessage="No items found"
responsive={true}
rowProps={[Function]}
tableLayout="fixed"
/>
`;

View file

@ -87,9 +87,6 @@ exports[`src/legacy/core_plugins/metrics/public/components/splits/terms.test.js
labelType="label"
>
<EuiFieldText
compressed={false}
fullWidth={false}
isLoading={false}
onChange={[Function]}
/>
</EuiFormRow>
@ -112,9 +109,6 @@ exports[`src/legacy/core_plugins/metrics/public/components/splits/terms.test.js
labelType="label"
>
<EuiFieldText
compressed={false}
fullWidth={false}
isLoading={false}
onChange={[Function]}
/>
</EuiFormRow>

Binary file not shown.

Before

Width:  |  Height:  |  Size: 30 KiB

After

Width:  |  Height:  |  Size: 30 KiB

Before After
Before After

View file

@ -53,7 +53,7 @@ describe(`VegaParser._setDefaultColors`, () => {
test({}, true, {
config: {
range: { category: { scheme: 'elastic' } },
mark: { color: '#00B3A4' },
mark: { color: '#5BBAA0' },
},
})
);
@ -63,15 +63,15 @@ describe(`VegaParser._setDefaultColors`, () => {
test({}, false, {
config: {
range: { category: { scheme: 'elastic' } },
arc: { fill: '#00B3A4' },
area: { fill: '#00B3A4' },
line: { stroke: '#00B3A4' },
path: { stroke: '#00B3A4' },
rect: { fill: '#00B3A4' },
rule: { stroke: '#00B3A4' },
shape: { stroke: '#00B3A4' },
symbol: { fill: '#00B3A4' },
trail: { fill: '#00B3A4' },
arc: { fill: '#5BBAA0' },
area: { fill: '#5BBAA0' },
line: { stroke: '#5BBAA0' },
path: { stroke: '#5BBAA0' },
rect: { fill: '#5BBAA0' },
rule: { stroke: '#5BBAA0' },
shape: { stroke: '#5BBAA0' },
symbol: { fill: '#5BBAA0' },
trail: { fill: '#5BBAA0' },
},
})
);

View file

@ -44,10 +44,7 @@ exports[`BytesFormatEditor should render normally 1`] = `
labelType="label"
>
<EuiFieldText
compressed={false}
fullWidth={false}
isInvalid={false}
isLoading={false}
onChange={[Function]}
placeholder="0,0.[000]b"
/>

View file

@ -75,6 +75,7 @@ exports[`ColorFormatEditor should render multiple colors 1`] = `
}
noItemsMessage="No items found"
responsive={true}
tableLayout="fixed"
/>
<EuiSpacer
size="m"
@ -164,6 +165,7 @@ exports[`ColorFormatEditor should render other type normally (range field) 1`] =
}
noItemsMessage="No items found"
responsive={true}
tableLayout="fixed"
/>
<EuiSpacer
size="m"
@ -253,6 +255,7 @@ exports[`ColorFormatEditor should render string type normally (regex field) 1`]
}
noItemsMessage="No items found"
responsive={true}
tableLayout="fixed"
/>
<EuiSpacer
size="m"

View file

@ -44,11 +44,8 @@ exports[`DateFormatEditor should render normally 1`] = `
labelType="label"
>
<EuiFieldText
compressed={false}
data-test-subj="dateEditorPattern"
fullWidth={false}
isInvalid={false}
isLoading={false}
onChange={[Function]}
placeholder="MMMM Do YYYY, HH:mm:ss.SSS"
/>

View file

@ -44,11 +44,8 @@ exports[`DateFormatEditor should render normally 1`] = `
labelType="label"
>
<EuiFieldText
compressed={false}
data-test-subj="dateEditorPattern"
fullWidth={false}
isInvalid={false}
isLoading={false}
onChange={[Function]}
placeholder="MMM D, YYYY @ HH:mm:ss.SSSSSSSSS"
/>

View file

@ -20,11 +20,7 @@ exports[`DurationFormatEditor should render human readable output normally 1`] =
labelType="label"
>
<EuiSelect
compressed={false}
fullWidth={false}
hasNoInitialSelection={false}
isInvalid={false}
isLoading={false}
onChange={[Function]}
options={
Array [
@ -53,11 +49,7 @@ exports[`DurationFormatEditor should render human readable output normally 1`] =
labelType="label"
>
<EuiSelect
compressed={false}
fullWidth={false}
hasNoInitialSelection={false}
isInvalid={false}
isLoading={false}
onChange={[Function]}
options={
Array [
@ -139,11 +131,7 @@ exports[`DurationFormatEditor should render non-human readable output normally 1
labelType="label"
>
<EuiSelect
compressed={false}
fullWidth={false}
hasNoInitialSelection={false}
isInvalid={false}
isLoading={false}
onChange={[Function]}
options={
Array [
@ -172,11 +160,7 @@ exports[`DurationFormatEditor should render non-human readable output normally 1
labelType="label"
>
<EuiSelect
compressed={false}
fullWidth={false}
hasNoInitialSelection={false}
isInvalid={false}
isLoading={false}
onChange={[Function]}
options={
Array [

View file

@ -44,10 +44,7 @@ exports[`NumberFormatEditor should render normally 1`] = `
labelType="label"
>
<EuiFieldText
compressed={false}
fullWidth={false}
isInvalid={false}
isLoading={false}
onChange={[Function]}
placeholder="0,0.[000]"
/>

View file

@ -44,10 +44,7 @@ exports[`PercentFormatEditor should render normally 1`] = `
labelType="label"
>
<EuiFieldText
compressed={false}
fullWidth={false}
isInvalid={false}
isLoading={false}
onChange={[Function]}
placeholder="0,0.[000]%"
/>

View file

@ -59,6 +59,7 @@ exports[`StaticLookupFormatEditor should render multiple lookup entries and unkn
"maxWidth": "400px",
}
}
tableLayout="fixed"
/>
<EuiSpacer
size="m"
@ -93,9 +94,6 @@ exports[`StaticLookupFormatEditor should render multiple lookup entries and unkn
labelType="label"
>
<EuiFieldText
compressed={false}
fullWidth={false}
isLoading={false}
onChange={[Function]}
placeholder="Leave blank to keep value as-is"
value="test value"
@ -160,6 +158,7 @@ exports[`StaticLookupFormatEditor should render normally 1`] = `
"maxWidth": "400px",
}
}
tableLayout="fixed"
/>
<EuiSpacer
size="m"
@ -194,9 +193,6 @@ exports[`StaticLookupFormatEditor should render normally 1`] = `
labelType="label"
>
<EuiFieldText
compressed={false}
fullWidth={false}
isLoading={false}
onChange={[Function]}
placeholder="Leave blank to keep value as-is"
value=""

View file

@ -20,12 +20,8 @@ exports[`StringFormatEditor should render normally 1`] = `
labelType="label"
>
<EuiSelect
compressed={false}
data-test-subj="stringEditorTransform"
fullWidth={false}
hasNoInitialSelection={false}
isInvalid={false}
isLoading={false}
onChange={[Function]}
options={
Array [

View file

@ -105,6 +105,7 @@ exports[`LabelTemplateFlyout should render normally 1`] = `
}
noItemsMessage="No items found"
responsive={true}
tableLayout="fixed"
/>
</EuiText>
</EuiFlyoutBody>

View file

@ -26,11 +26,7 @@ exports[`UrlFormatEditor should render label template help 1`] = `
labelType="label"
>
<EuiSelect
compressed={false}
data-test-subj="urlEditorType"
fullWidth={false}
hasNoInitialSelection={false}
isLoading={false}
onChange={[Function]}
options={
Array [
@ -79,10 +75,7 @@ exports[`UrlFormatEditor should render label template help 1`] = `
labelType="label"
>
<EuiFieldText
compressed={false}
data-test-subj="urlEditorUrlTemplate"
fullWidth={false}
isLoading={false}
onChange={[Function]}
value=""
/>
@ -116,10 +109,7 @@ exports[`UrlFormatEditor should render label template help 1`] = `
labelType="label"
>
<EuiFieldText
compressed={false}
data-test-subj="urlEditorLabelTemplate"
fullWidth={false}
isLoading={false}
onChange={[Function]}
value=""
/>
@ -157,11 +147,7 @@ exports[`UrlFormatEditor should render normally 1`] = `
labelType="label"
>
<EuiSelect
compressed={false}
data-test-subj="urlEditorType"
fullWidth={false}
hasNoInitialSelection={false}
isLoading={false}
onChange={[Function]}
options={
Array [
@ -210,10 +196,7 @@ exports[`UrlFormatEditor should render normally 1`] = `
labelType="label"
>
<EuiFieldText
compressed={false}
data-test-subj="urlEditorUrlTemplate"
fullWidth={false}
isLoading={false}
onChange={[Function]}
value=""
/>
@ -247,10 +230,7 @@ exports[`UrlFormatEditor should render normally 1`] = `
labelType="label"
>
<EuiFieldText
compressed={false}
data-test-subj="urlEditorLabelTemplate"
fullWidth={false}
isLoading={false}
onChange={[Function]}
value=""
/>
@ -288,11 +268,7 @@ exports[`UrlFormatEditor should render url template help 1`] = `
labelType="label"
>
<EuiSelect
compressed={false}
data-test-subj="urlEditorType"
fullWidth={false}
hasNoInitialSelection={false}
isLoading={false}
onChange={[Function]}
options={
Array [
@ -341,10 +317,7 @@ exports[`UrlFormatEditor should render url template help 1`] = `
labelType="label"
>
<EuiFieldText
compressed={false}
data-test-subj="urlEditorUrlTemplate"
fullWidth={false}
isLoading={false}
onChange={[Function]}
value=""
/>
@ -378,10 +351,7 @@ exports[`UrlFormatEditor should render url template help 1`] = `
labelType="label"
>
<EuiFieldText
compressed={false}
data-test-subj="urlEditorLabelTemplate"
fullWidth={false}
isLoading={false}
onChange={[Function]}
value=""
/>
@ -419,11 +389,7 @@ exports[`UrlFormatEditor should render width and height fields if image 1`] = `
labelType="label"
>
<EuiSelect
compressed={false}
data-test-subj="urlEditorType"
fullWidth={false}
hasNoInitialSelection={false}
isLoading={false}
onChange={[Function]}
options={
Array [
@ -473,10 +439,7 @@ exports[`UrlFormatEditor should render width and height fields if image 1`] = `
labelType="label"
>
<EuiFieldText
compressed={false}
data-test-subj="urlEditorUrlTemplate"
fullWidth={false}
isLoading={false}
onChange={[Function]}
value=""
/>
@ -510,10 +473,7 @@ exports[`UrlFormatEditor should render width and height fields if image 1`] = `
labelType="label"
>
<EuiFieldText
compressed={false}
data-test-subj="urlEditorLabelTemplate"
fullWidth={false}
isLoading={false}
onChange={[Function]}
value=""
/>

View file

@ -110,6 +110,7 @@ exports[`UrlTemplateFlyout should render normally 1`] = `
}
noItemsMessage="No items found"
responsive={true}
tableLayout="fixed"
/>
</EuiText>
</EuiFlyoutBody>

View file

@ -54,6 +54,7 @@ exports[`FormatEditorSamples should render normally 1`] = `
}
noItemsMessage="No items found"
responsive={true}
tableLayout="fixed"
/>
</EuiFormRow>
`;

View file

@ -50,9 +50,7 @@ jest.mock('@elastic/eui', () => ({
EuiText: 'eui-text',
EuiTextArea: 'eui-textArea',
htmlIdGenerator: () => 42,
palettes: {
euiPaletteColorBlind: { colors: ['red'] },
},
euiPaletteColorBlind: () => ['red'],
}));
jest.mock('ui/scripting_languages', () => ({

View file

@ -16,9 +16,7 @@ exports[`MetricAggParamEditor should be rendered with default set of props 1`] =
compressed={true}
data-test-subj="visEditorSubAggMetric1"
fullWidth={true}
hasNoInitialSelection={false}
isInvalid={false}
isLoading={false}
onChange={[Function]}
options={
Array [

View file

@ -31,9 +31,7 @@ exports[`TopAggregateParamEditor should init with the default set of props 1`] =
data-test-subj="visDefaultEditorAggregateWith"
disabled={false}
fullWidth={true}
hasNoInitialSelection={false}
isInvalid={false}
isLoading={false}
onBlur={[MockFunction]}
onChange={[Function]}
options={

View file

@ -18,14 +18,14 @@
*/
import _ from 'lodash';
import { palettes } from '@elastic/eui/lib/services';
import { euiPaletteColorBlind } from '@elastic/eui/lib/services';
const thresholdLineDefaults = {
show: false,
value: 10,
width: 1,
style: 'full',
color: palettes.euiPaletteColorBlind.colors[9],
color: euiPaletteColorBlind()[9],
};
export class PointSeries {

View file

@ -1076,11 +1076,9 @@ exports[`QueryStringInput Should disable autoFocus on EuiFieldText when disableA
aria-label="Start typing to search and filter the test page"
autoComplete="off"
autoFocus={false}
compressed={false}
data-test-subj="queryInput"
fullWidth={true}
inputRef={[Function]}
isLoading={false}
onChange={[Function]}
onClick={[Function]}
onKeyDown={[Function]}
@ -1098,9 +1096,7 @@ exports[`QueryStringInput Should disable autoFocus on EuiFieldText when disableA
onSelectLanguage={[Function]}
/>
}
compressed={false}
fullWidth={true}
isLoading={false}
>
<div
className="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--group"
@ -1127,9 +1123,7 @@ exports[`QueryStringInput Should disable autoFocus on EuiFieldText when disableA
value="response:200"
/>
</EuiValidatableControl>
<EuiFormControlLayoutIcons
isLoading={false}
/>
<EuiFormControlLayoutIcons />
</div>
<QueryLanguageSwitcher
className="euiFormControlLayout__append"
@ -2307,11 +2301,9 @@ exports[`QueryStringInput Should pass the query language to the language switche
aria-label="Start typing to search and filter the test page"
autoComplete="off"
autoFocus={true}
compressed={false}
data-test-subj="queryInput"
fullWidth={true}
inputRef={[Function]}
isLoading={false}
onChange={[Function]}
onClick={[Function]}
onKeyDown={[Function]}
@ -2329,9 +2321,7 @@ exports[`QueryStringInput Should pass the query language to the language switche
onSelectLanguage={[Function]}
/>
}
compressed={false}
fullWidth={true}
isLoading={false}
>
<div
className="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--group"
@ -2358,9 +2348,7 @@ exports[`QueryStringInput Should pass the query language to the language switche
value="response:200"
/>
</EuiValidatableControl>
<EuiFormControlLayoutIcons
isLoading={false}
/>
<EuiFormControlLayoutIcons />
</div>
<QueryLanguageSwitcher
className="euiFormControlLayout__append"
@ -3538,11 +3526,9 @@ exports[`QueryStringInput Should render the given query 1`] = `
aria-label="Start typing to search and filter the test page"
autoComplete="off"
autoFocus={true}
compressed={false}
data-test-subj="queryInput"
fullWidth={true}
inputRef={[Function]}
isLoading={false}
onChange={[Function]}
onClick={[Function]}
onKeyDown={[Function]}
@ -3560,9 +3546,7 @@ exports[`QueryStringInput Should render the given query 1`] = `
onSelectLanguage={[Function]}
/>
}
compressed={false}
fullWidth={true}
isLoading={false}
>
<div
className="euiFormControlLayout euiFormControlLayout--fullWidth euiFormControlLayout--group"
@ -3589,9 +3573,7 @@ exports[`QueryStringInput Should render the given query 1`] = `
value="response:200"
/>
</EuiValidatableControl>
<EuiFormControlLayoutIcons
isLoading={false}
/>
<EuiFormControlLayoutIcons />
</div>
<QueryLanguageSwitcher
className="euiFormControlLayout__append"

View file

@ -26,6 +26,7 @@ import {
EuiFlexItem,
EuiLink,
EuiSuperDatePicker,
EuiFieldText,
prettyDuration,
} from '@elastic/eui';
// @ts-ignore
@ -56,7 +57,7 @@ interface Props {
indexPatterns?: Array<IIndexPattern | string>;
intl: InjectedIntl;
isLoading?: boolean;
prepend?: React.ReactNode;
prepend?: React.ComponentProps<typeof EuiFieldText>['prepend'];
showQueryInput?: boolean;
showDatePicker?: boolean;
dateRangeFrom?: string;

View file

@ -58,7 +58,7 @@ interface Props {
query: Query;
disableAutoFocus?: boolean;
screenTitle?: string;
prepend?: React.ReactNode;
prepend?: React.ComponentProps<typeof EuiFieldText>['prepend'];
persistedLog?: PersistedLog;
bubbleSubmitEvent?: boolean;
placeholder?: string;

View file

@ -11,7 +11,7 @@ exports[`FieldIcon renders a blackwhite icon for a string 1`] = `
exports[`FieldIcon renders a colored icon for a number 1`] = `
<EuiIcon
aria-label="test"
color="#1EA593"
color="#5BBAA0"
size="s"
type="number"
/>
@ -20,7 +20,7 @@ exports[`FieldIcon renders a colored icon for a number 1`] = `
exports[`FieldIcon renders an icon for an unknown type 1`] = `
<EuiIcon
aria-label="test"
color="#1EA593"
color="#5BBAA0"
size="s"
type="questionInCircle"
/>
@ -30,7 +30,7 @@ exports[`FieldIcon renders with className if provided 1`] = `
<EuiIcon
aria-label="test"
className="myClass"
color="#1EA593"
color="#5BBAA0"
size="s"
type="questionInCircle"
/>

View file

@ -17,7 +17,7 @@
* under the License.
*/
import React from 'react';
import { palettes, EuiIcon } from '@elastic/eui';
import { euiPaletteColorBlind, EuiIcon } from '@elastic/eui';
import { IconSize } from '@elastic/eui/src/components/icon/icon';
interface IconMapEntry {
@ -43,7 +43,7 @@ interface FieldIconProps {
className?: string;
}
const { colors } = palettes.euiPaletteColorBlind;
const colors = euiPaletteColorBlind();
// defaultIcon => a unknown datatype
const defaultIcon = { icon: 'questionInCircle', color: colors[0] };

View file

@ -43,11 +43,9 @@ exports[`SavedObjectSaveModal should render matching snapshot 1`] = `
>
<EuiFieldText
autoFocus={true}
compressed={false}
data-test-subj="savedObjectTitle"
fullWidth={true}
isInvalid={false}
isLoading={false}
onChange={[Function]}
value="Saved Object title"
/>

View file

@ -204,8 +204,7 @@ export function VisualizeChartPageProvider({ getService, getPageObjects }: FtrPr
public async filterLegend(name: string) {
await this.toggleLegend();
await testSubjects.click(`legend-${name}`);
const filters = await testSubjects.find(`legend-${name}-filters`);
const [filterIn] = await filters.findAllByCssSelector(`input`);
const filterIn = await testSubjects.find(`legend-${name}-filterIn`);
await filterIn.click();
await this.waitForVisualizationRenderingStabilized();
}

View file

@ -97,8 +97,9 @@ export function VisualizeEditorPageProvider({ getService, getPageObjects }: FtrP
}
public async clickSplitDirection(direction: string) {
const control = await testSubjects.find('visEditorSplitBy');
const radioBtn = await control.findByCssSelector(`[title="${direction}"]`);
const radioBtn = await find.byCssSelector(
`[data-test-subj="visEditorSplitBy"][title="${direction}"]`
);
await radioBtn.click();
}

View file

@ -7,7 +7,7 @@
},
"license": "Apache-2.0",
"dependencies": {
"@elastic/eui": "17.3.1",
"@elastic/eui": "18.0.0",
"react": "^16.12.0",
"react-dom": "^16.12.0"
}

View file

@ -7,7 +7,7 @@
},
"license": "Apache-2.0",
"dependencies": {
"@elastic/eui": "17.3.1",
"@elastic/eui": "18.0.0",
"react": "^16.12.0"
}
}

View file

@ -8,7 +8,7 @@
},
"license": "Apache-2.0",
"dependencies": {
"@elastic/eui": "17.3.1",
"@elastic/eui": "18.0.0",
"react": "^16.12.0"
},
"scripts": {

View file

@ -8,7 +8,7 @@
},
"license": "Apache-2.0",
"dependencies": {
"@elastic/eui": "17.3.1",
"@elastic/eui": "18.0.0",
"react": "^16.12.0"
},
"scripts": {

View file

@ -808,8 +808,8 @@ Object {
},
},
"serviceColors": Object {
"opbeans-node": "#3185fc",
"opbeans-ruby": "#00b3a4",
"opbeans-node": "#6092c0",
"opbeans-ruby": "#5bbaa0",
},
}
`;
@ -1212,7 +1212,7 @@ Object {
},
},
"serviceColors": Object {
"opbeans-ruby": "#3185fc",
"opbeans-ruby": "#6092c0",
},
}
`;

View file

@ -52,6 +52,7 @@ exports[`ManagedTable component should render a page-full of items, with default
},
}
}
tableLayout="fixed"
/>
`;
@ -99,5 +100,6 @@ exports[`ManagedTable component should render when specifying initial values 1`]
},
}
}
tableLayout="fixed"
/>
`;

View file

@ -20,7 +20,7 @@ export const SelectWithPlaceholder: typeof EuiSelect = props => (
{...props}
options={[
{ text: props.placeholder, value: NO_SELECTION },
...props.options
...(props.options || [])
]}
value={isEmpty(props.value) ? NO_SELECTION : props.value}
onChange={e => {

View file

@ -434,11 +434,11 @@ exports[`Histogram Initially should have default markup 1`] = `
onMouseOver={[Function]}
style={
Object {
"fill": "#98c2fd",
"fill": "#afc8df",
"opacity": 1,
"rx": "0px",
"ry": "0px",
"stroke": "#98c2fd",
"stroke": "#afc8df",
}
}
width={22.628571428571433}
@ -453,11 +453,11 @@ exports[`Histogram Initially should have default markup 1`] = `
onMouseOver={[Function]}
style={
Object {
"fill": "#98c2fd",
"fill": "#afc8df",
"opacity": 1,
"rx": "0px",
"ry": "0px",
"stroke": "#98c2fd",
"stroke": "#afc8df",
}
}
width={22.628571428571433}
@ -472,11 +472,11 @@ exports[`Histogram Initially should have default markup 1`] = `
onMouseOver={[Function]}
style={
Object {
"fill": "#98c2fd",
"fill": "#afc8df",
"opacity": 1,
"rx": "0px",
"ry": "0px",
"stroke": "#98c2fd",
"stroke": "#afc8df",
}
}
width={22.62857142857142}
@ -491,11 +491,11 @@ exports[`Histogram Initially should have default markup 1`] = `
onMouseOver={[Function]}
style={
Object {
"fill": "#98c2fd",
"fill": "#afc8df",
"opacity": 1,
"rx": "0px",
"ry": "0px",
"stroke": "#98c2fd",
"stroke": "#afc8df",
}
}
width={22.628571428571433}
@ -510,11 +510,11 @@ exports[`Histogram Initially should have default markup 1`] = `
onMouseOver={[Function]}
style={
Object {
"fill": "#98c2fd",
"fill": "#afc8df",
"opacity": 1,
"rx": "0px",
"ry": "0px",
"stroke": "#98c2fd",
"stroke": "#afc8df",
}
}
width={22.628571428571405}
@ -529,11 +529,11 @@ exports[`Histogram Initially should have default markup 1`] = `
onMouseOver={[Function]}
style={
Object {
"fill": "#98c2fd",
"fill": "#afc8df",
"opacity": 1,
"rx": "0px",
"ry": "0px",
"stroke": "#98c2fd",
"stroke": "#afc8df",
}
}
width={22.62857142857142}
@ -548,11 +548,11 @@ exports[`Histogram Initially should have default markup 1`] = `
onMouseOver={[Function]}
style={
Object {
"fill": "#98c2fd",
"fill": "#afc8df",
"opacity": 1,
"rx": "0px",
"ry": "0px",
"stroke": "#98c2fd",
"stroke": "#afc8df",
}
}
width={22.628571428571405}
@ -567,11 +567,11 @@ exports[`Histogram Initially should have default markup 1`] = `
onMouseOver={[Function]}
style={
Object {
"fill": "#98c2fd",
"fill": "#afc8df",
"opacity": 1,
"rx": "0px",
"ry": "0px",
"stroke": "#98c2fd",
"stroke": "#afc8df",
}
}
width={22.628571428571405}
@ -586,11 +586,11 @@ exports[`Histogram Initially should have default markup 1`] = `
onMouseOver={[Function]}
style={
Object {
"fill": "#98c2fd",
"fill": "#afc8df",
"opacity": 1,
"rx": "0px",
"ry": "0px",
"stroke": "#98c2fd",
"stroke": "#afc8df",
}
}
width={22.628571428571377}
@ -605,11 +605,11 @@ exports[`Histogram Initially should have default markup 1`] = `
onMouseOver={[Function]}
style={
Object {
"fill": "#98c2fd",
"fill": "#afc8df",
"opacity": 1,
"rx": "0px",
"ry": "0px",
"stroke": "#98c2fd",
"stroke": "#afc8df",
}
}
width={22.628571428571462}
@ -624,11 +624,11 @@ exports[`Histogram Initially should have default markup 1`] = `
onMouseOver={[Function]}
style={
Object {
"fill": "#98c2fd",
"fill": "#afc8df",
"opacity": 1,
"rx": "0px",
"ry": "0px",
"stroke": "#98c2fd",
"stroke": "#afc8df",
}
}
width={22.62857142857149}
@ -643,11 +643,11 @@ exports[`Histogram Initially should have default markup 1`] = `
onMouseOver={[Function]}
style={
Object {
"fill": "#98c2fd",
"fill": "#afc8df",
"opacity": 1,
"rx": "0px",
"ry": "0px",
"stroke": "#98c2fd",
"stroke": "#afc8df",
}
}
width={22.62857142857149}
@ -662,11 +662,11 @@ exports[`Histogram Initially should have default markup 1`] = `
onMouseOver={[Function]}
style={
Object {
"fill": "#98c2fd",
"fill": "#afc8df",
"opacity": 1,
"rx": "0px",
"ry": "0px",
"stroke": "#98c2fd",
"stroke": "#afc8df",
}
}
width={22.62857142857149}
@ -681,11 +681,11 @@ exports[`Histogram Initially should have default markup 1`] = `
onMouseOver={[Function]}
style={
Object {
"fill": "#98c2fd",
"fill": "#afc8df",
"opacity": 1,
"rx": "0px",
"ry": "0px",
"stroke": "#98c2fd",
"stroke": "#afc8df",
}
}
width={22.628571428571433}
@ -700,11 +700,11 @@ exports[`Histogram Initially should have default markup 1`] = `
onMouseOver={[Function]}
style={
Object {
"fill": "#98c2fd",
"fill": "#afc8df",
"opacity": 1,
"rx": "0px",
"ry": "0px",
"stroke": "#98c2fd",
"stroke": "#afc8df",
}
}
width={22.628571428571433}
@ -719,11 +719,11 @@ exports[`Histogram Initially should have default markup 1`] = `
onMouseOver={[Function]}
style={
Object {
"fill": "#98c2fd",
"fill": "#afc8df",
"opacity": 1,
"rx": "0px",
"ry": "0px",
"stroke": "#98c2fd",
"stroke": "#afc8df",
}
}
width={22.628571428571433}
@ -738,11 +738,11 @@ exports[`Histogram Initially should have default markup 1`] = `
onMouseOver={[Function]}
style={
Object {
"fill": "#98c2fd",
"fill": "#afc8df",
"opacity": 1,
"rx": "0px",
"ry": "0px",
"stroke": "#98c2fd",
"stroke": "#afc8df",
}
}
width={22.628571428571547}
@ -757,11 +757,11 @@ exports[`Histogram Initially should have default markup 1`] = `
onMouseOver={[Function]}
style={
Object {
"fill": "#98c2fd",
"fill": "#afc8df",
"opacity": 1,
"rx": "0px",
"ry": "0px",
"stroke": "#98c2fd",
"stroke": "#afc8df",
}
}
width={22.62857142857149}
@ -776,11 +776,11 @@ exports[`Histogram Initially should have default markup 1`] = `
onMouseOver={[Function]}
style={
Object {
"fill": "#98c2fd",
"fill": "#afc8df",
"opacity": 1,
"rx": "0px",
"ry": "0px",
"stroke": "#98c2fd",
"stroke": "#afc8df",
}
}
width={22.628571428571547}
@ -795,11 +795,11 @@ exports[`Histogram Initially should have default markup 1`] = `
onMouseOver={[Function]}
style={
Object {
"fill": "#98c2fd",
"fill": "#afc8df",
"opacity": 1,
"rx": "0px",
"ry": "0px",
"stroke": "#98c2fd",
"stroke": "#afc8df",
}
}
width={22.628571428571433}
@ -814,11 +814,11 @@ exports[`Histogram Initially should have default markup 1`] = `
onMouseOver={[Function]}
style={
Object {
"fill": "#98c2fd",
"fill": "#afc8df",
"opacity": 1,
"rx": "0px",
"ry": "0px",
"stroke": "#98c2fd",
"stroke": "#afc8df",
}
}
width={22.628571428571433}
@ -833,11 +833,11 @@ exports[`Histogram Initially should have default markup 1`] = `
onMouseOver={[Function]}
style={
Object {
"fill": "#98c2fd",
"fill": "#afc8df",
"opacity": 1,
"rx": "0px",
"ry": "0px",
"stroke": "#98c2fd",
"stroke": "#afc8df",
}
}
width={22.628571428571377}
@ -852,11 +852,11 @@ exports[`Histogram Initially should have default markup 1`] = `
onMouseOver={[Function]}
style={
Object {
"fill": "#98c2fd",
"fill": "#afc8df",
"opacity": 1,
"rx": "0px",
"ry": "0px",
"stroke": "#98c2fd",
"stroke": "#afc8df",
}
}
width={22.62857142857149}
@ -871,11 +871,11 @@ exports[`Histogram Initially should have default markup 1`] = `
onMouseOver={[Function]}
style={
Object {
"fill": "#98c2fd",
"fill": "#afc8df",
"opacity": 1,
"rx": "0px",
"ry": "0px",
"stroke": "#98c2fd",
"stroke": "#afc8df",
}
}
width={22.62857142857149}
@ -890,11 +890,11 @@ exports[`Histogram Initially should have default markup 1`] = `
onMouseOver={[Function]}
style={
Object {
"fill": "#98c2fd",
"fill": "#afc8df",
"opacity": 1,
"rx": "0px",
"ry": "0px",
"stroke": "#98c2fd",
"stroke": "#afc8df",
}
}
width={22.628571428571604}
@ -909,11 +909,11 @@ exports[`Histogram Initially should have default markup 1`] = `
onMouseOver={[Function]}
style={
Object {
"fill": "#98c2fd",
"fill": "#afc8df",
"opacity": 1,
"rx": "0px",
"ry": "0px",
"stroke": "#98c2fd",
"stroke": "#afc8df",
}
}
width={22.62857142857149}
@ -928,11 +928,11 @@ exports[`Histogram Initially should have default markup 1`] = `
onMouseOver={[Function]}
style={
Object {
"fill": "#98c2fd",
"fill": "#afc8df",
"opacity": 1,
"rx": "0px",
"ry": "0px",
"stroke": "#98c2fd",
"stroke": "#afc8df",
}
}
width={22.62857142857149}
@ -947,11 +947,11 @@ exports[`Histogram Initially should have default markup 1`] = `
onMouseOver={[Function]}
style={
Object {
"fill": "#98c2fd",
"fill": "#afc8df",
"opacity": 1,
"rx": "0px",
"ry": "0px",
"stroke": "#98c2fd",
"stroke": "#afc8df",
}
}
width={22.628571428571377}

View file

@ -21,7 +21,7 @@ describe('chartSelectors', () => {
it('should return anomalyScoreSeries', () => {
const data = [{ x0: 0, x: 10 }];
expect(getAnomalyScoreSeries(data)).toEqual({
areaColor: 'rgba(146,0,0,0.1)',
areaColor: 'rgba(231,102,76,0.1)',
color: 'none',
data: [{ x0: 0, x: 10 }],
hideLegend: true,
@ -57,7 +57,7 @@ describe('chartSelectors', () => {
getResponseTimeSeries({ apmTimeseries, anomalyTimeseries: undefined })
).toEqual([
{
color: '#3185fc',
color: '#6092c0',
data: [
{ x: 0, y: 100 },
{ x: 1000, y: 200 }
@ -67,7 +67,7 @@ describe('chartSelectors', () => {
type: 'linemark'
},
{
color: '#e6c220',
color: '#fae181',
data: [
{ x: 0, y: 200 },
{ x: 1000, y: 300 }
@ -77,7 +77,7 @@ describe('chartSelectors', () => {
type: 'linemark'
},
{
color: '#f98510',
color: '#f19f58',
data: [
{ x: 0, y: 300 },
{ x: 1000, y: 400 }

View file

@ -70,13 +70,13 @@ describe('getTransactionBreakdown', () => {
expect(response.kpis[0]).toEqual({
name: 'app',
color: '#00b3a4',
color: '#5bbaa0',
percentage: 0.5408550899466306
});
expect(response.kpis[3]).toEqual({
name: 'postgresql',
color: '#490092',
color: '#9170b8',
percentage: 0.047366859295002
});
});

View file

@ -3,12 +3,15 @@
* or more contributor license agreements. Licensed under the Elastic License;
* you may not use this file except in compliance with the Elastic License.
*/
import { EuiFieldText, EuiFieldTextProps, EuiFormRow } from '@elastic/eui';
import { EuiFieldText, EuiFormRow } from '@elastic/eui';
import { CommonProps } from '@elastic/eui/src/components/common';
import { FormsyInputProps, withFormsy } from 'formsy-react';
import React, { Component, InputHTMLAttributes } from 'react';
interface ComponentProps extends FormsyInputProps, CommonProps, EuiFieldTextProps {
interface ComponentProps
extends FormsyInputProps,
CommonProps,
Omit<React.ComponentProps<typeof EuiFieldText>, 'onChange' | 'onBlur'> {
instantValidation?: boolean;
label: string;
errorText: string;

View file

@ -5,7 +5,7 @@
*/
import React from 'react';
import { ICON_TYPES, palettes, EuiIcon } from '@elastic/eui';
import { ICON_TYPES, euiPaletteColorBlind, EuiIcon } from '@elastic/eui';
function stringToNum(s: string) {
return Array.from(s).reduce((acc, ch) => acc + ch.charCodeAt(0), 1);
@ -23,7 +23,7 @@ function getIconForDataType(dataType: string) {
export function getColorForDataType(type: string) {
const iconType = getIconForDataType(type);
const { colors } = palettes.euiPaletteColorBlind;
const colors = euiPaletteColorBlind();
const colorIndex = stringToNum(iconType) % colors.length;
return colors[colorIndex];
}

View file

@ -6,7 +6,7 @@
import { i18n } from '@kbn/i18n';
// @ts-ignore
import { palettes } from '@elastic/eui/lib/services';
import { euiPaletteColorBlind } from '@elastic/eui/lib/services';
export interface FontawesomeIcon {
class: string;
@ -255,4 +255,4 @@ urlTemplateIconChoices.forEach(icon => {
urlTemplateIconChoicesByClass[icon.class] = icon;
});
export const colorChoices = palettes.euiPaletteColorBlind.colors;
export const colorChoices = euiPaletteColorBlind();

View file

@ -161,7 +161,7 @@ describe('deserialize', () => {
},
Object {
"aggregatable": true,
"color": "#CE0060",
"color": "#D36086",
"hopSize": 5,
"icon": Object {
"class": "fa-folder-open-o",

View file

@ -17,37 +17,37 @@ import { FieldIcon } from './field_icon';
describe('FieldIcon', () => {
it('should render icons', () => {
expect(shallow(<FieldIcon type="boolean" />)).toMatchInlineSnapshot(`
<EuiIcon
className="lnsFieldListPanel__fieldIcon lnsFieldListPanel__fieldIcon--boolean"
color="#F37020"
type="invert"
/>
`);
<EuiIcon
className="lnsFieldListPanel__fieldIcon lnsFieldListPanel__fieldIcon--boolean"
color="#FAE181"
type="invert"
/>
`);
expect(shallow(<FieldIcon type="date" />)).toMatchInlineSnapshot(`
<EuiIcon
className="lnsFieldListPanel__fieldIcon lnsFieldListPanel__fieldIcon--date"
color="#B0916F"
type="calendar"
/>
`);
<EuiIcon
className="lnsFieldListPanel__fieldIcon lnsFieldListPanel__fieldIcon--date"
color="#F19F58"
type="calendar"
/>
`);
expect(shallow(<FieldIcon type="number" />)).toMatchInlineSnapshot(`
<EuiIcon
className="lnsFieldListPanel__fieldIcon lnsFieldListPanel__fieldIcon--number"
color="#1EA593"
type="number"
/>
`);
<EuiIcon
className="lnsFieldListPanel__fieldIcon lnsFieldListPanel__fieldIcon--number"
color="#5BBAA0"
type="number"
/>
`);
expect(shallow(<FieldIcon type="string" />)).toMatchInlineSnapshot(`
<EuiIcon
className="lnsFieldListPanel__fieldIcon lnsFieldListPanel__fieldIcon--string"
color="#FCA5D3"
type="string"
/>
`);
<EuiIcon
className="lnsFieldListPanel__fieldIcon lnsFieldListPanel__fieldIcon--string"
color="#EEAFCF"
type="string"
/>
`);
expect(shallow(<FieldIcon type="ip" />)).toMatchInlineSnapshot(`
<EuiIcon
className="lnsFieldListPanel__fieldIcon lnsFieldListPanel__fieldIcon--ip"
color="#7B000B"
color="#B46F5F"
type="ip"
/>
`);

View file

@ -5,7 +5,7 @@
*/
import React from 'react';
import { ICON_TYPES, palettes, EuiIcon } from '@elastic/eui';
import { ICON_TYPES, euiPaletteColorBlind, EuiIcon } from '@elastic/eui';
import classNames from 'classnames';
import { DataType } from '../types';
@ -24,7 +24,7 @@ function getIconForDataType(dataType: string) {
export function getColorForDataType(type: string) {
const iconType = getIconForDataType(type);
const { colors } = palettes.euiPaletteColorBlind;
const colors = euiPaletteColorBlind();
const colorIndex = stringToNum(iconType) % colors.length;
return colors[colorIndex];
}

View file

@ -20,10 +20,10 @@ test('LensFieldIcon renders properly', () => {
test('LensFieldIcon getColorForDataType for a valid type', () => {
const color = getColorForDataType('date');
expect(color).toEqual('#B0916F');
expect(color).toEqual('#F19F58');
});
test('LensFieldIcon getColorForDataType for an invalid type', () => {
const color = getColorForDataType('invalid');
expect(color).toEqual('#1EA593');
expect(color).toEqual('#5BBAA0');
});

View file

@ -5,7 +5,7 @@
*/
import React from 'react';
import { palettes } from '@elastic/eui';
import { euiPaletteColorBlind } from '@elastic/eui';
import { FieldIcon, typeToEuiIconMap } from '../../../../../../src/plugins/kibana_react/public';
import { DataType } from '../types';
import { normalizeOperationDataType } from './utils';
@ -15,7 +15,7 @@ export function getColorForDataType(type: string) {
if (iconMap) {
return iconMap.color;
}
return palettes.euiPaletteColorBlind.colors[0];
return euiPaletteColorBlind()[0];
}
export function LensFieldIcon({ type }: { type: DataType }) {

View file

@ -354,7 +354,7 @@ describe('terms', () => {
expect(select.prop('value')).toEqual('alphabetical');
expect(select.prop('options').map(({ value }) => value)).toEqual([
expect(select.prop('options')!.map(({ value }) => value)).toEqual([
'column$$$col2',
'alphabetical',
]);
@ -423,7 +423,7 @@ describe('terms', () => {
.find(EuiSelect);
expect(select.prop('value')).toEqual('asc');
expect(select.prop('options').map(({ value }) => value)).toEqual(['asc', 'desc']);
expect(select.prop('options')!.map(({ value }) => value)).toEqual(['asc', 'desc']);
});
it('should update state with the order direction value', () => {

View file

@ -86,18 +86,18 @@ exports[`xy_expression XYChart component it renders area 1`] = `
"top": 0,
},
"colors": Object {
"defaultVizColor": "#3185FC",
"defaultVizColor": "#6092C0",
"vizColors": Array [
"#1EA593",
"#2B70F7",
"#CE0060",
"#38007E",
"#FCA5D3",
"#F37020",
"#E49E29",
"#B0916F",
"#7B000B",
"#34130C",
"#5BBAA0",
"#6092C0",
"#D36086",
"#9170B8",
"#EEAFCF",
"#FAE181",
"#CDBD9D",
"#F19F58",
"#B46F5F",
"#E7664C",
],
},
"crosshair": Object {
@ -272,18 +272,18 @@ exports[`xy_expression XYChart component it renders bar 1`] = `
"top": 0,
},
"colors": Object {
"defaultVizColor": "#3185FC",
"defaultVizColor": "#6092C0",
"vizColors": Array [
"#1EA593",
"#2B70F7",
"#CE0060",
"#38007E",
"#FCA5D3",
"#F37020",
"#E49E29",
"#B0916F",
"#7B000B",
"#34130C",
"#5BBAA0",
"#6092C0",
"#D36086",
"#9170B8",
"#EEAFCF",
"#FAE181",
"#CDBD9D",
"#F19F58",
"#B46F5F",
"#E7664C",
],
},
"crosshair": Object {
@ -458,18 +458,18 @@ exports[`xy_expression XYChart component it renders horizontal bar 1`] = `
"top": 0,
},
"colors": Object {
"defaultVizColor": "#3185FC",
"defaultVizColor": "#6092C0",
"vizColors": Array [
"#1EA593",
"#2B70F7",
"#CE0060",
"#38007E",
"#FCA5D3",
"#F37020",
"#E49E29",
"#B0916F",
"#7B000B",
"#34130C",
"#5BBAA0",
"#6092C0",
"#D36086",
"#9170B8",
"#EEAFCF",
"#FAE181",
"#CDBD9D",
"#F19F58",
"#B46F5F",
"#E7664C",
],
},
"crosshair": Object {
@ -644,18 +644,18 @@ exports[`xy_expression XYChart component it renders line 1`] = `
"top": 0,
},
"colors": Object {
"defaultVizColor": "#3185FC",
"defaultVizColor": "#6092C0",
"vizColors": Array [
"#1EA593",
"#2B70F7",
"#CE0060",
"#38007E",
"#FCA5D3",
"#F37020",
"#E49E29",
"#B0916F",
"#7B000B",
"#34130C",
"#5BBAA0",
"#6092C0",
"#D36086",
"#9170B8",
"#EEAFCF",
"#FAE181",
"#CDBD9D",
"#F19F58",
"#B46F5F",
"#E7664C",
],
},
"crosshair": Object {
@ -830,18 +830,18 @@ exports[`xy_expression XYChart component it renders stacked area 1`] = `
"top": 0,
},
"colors": Object {
"defaultVizColor": "#3185FC",
"defaultVizColor": "#6092C0",
"vizColors": Array [
"#1EA593",
"#2B70F7",
"#CE0060",
"#38007E",
"#FCA5D3",
"#F37020",
"#E49E29",
"#B0916F",
"#7B000B",
"#34130C",
"#5BBAA0",
"#6092C0",
"#D36086",
"#9170B8",
"#EEAFCF",
"#FAE181",
"#CDBD9D",
"#F19F58",
"#B46F5F",
"#E7664C",
],
},
"crosshair": Object {
@ -1020,18 +1020,18 @@ exports[`xy_expression XYChart component it renders stacked bar 1`] = `
"top": 0,
},
"colors": Object {
"defaultVizColor": "#3185FC",
"defaultVizColor": "#6092C0",
"vizColors": Array [
"#1EA593",
"#2B70F7",
"#CE0060",
"#38007E",
"#FCA5D3",
"#F37020",
"#E49E29",
"#B0916F",
"#7B000B",
"#34130C",
"#5BBAA0",
"#6092C0",
"#D36086",
"#9170B8",
"#EEAFCF",
"#FAE181",
"#CDBD9D",
"#F19F58",
"#B46F5F",
"#E7664C",
],
},
"crosshair": Object {
@ -1210,18 +1210,18 @@ exports[`xy_expression XYChart component it renders stacked horizontal bar 1`] =
"top": 0,
},
"colors": Object {
"defaultVizColor": "#3185FC",
"defaultVizColor": "#6092C0",
"vizColors": Array [
"#1EA593",
"#2B70F7",
"#CE0060",
"#38007E",
"#FCA5D3",
"#F37020",
"#E49E29",
"#B0916F",
"#7B000B",
"#34130C",
"#5BBAA0",
"#6092C0",
"#D36086",
"#9170B8",
"#EEAFCF",
"#FAE181",
"#CDBD9D",
"#F19F58",
"#B46F5F",
"#E7664C",
],
},
"crosshair": Object {

View file

@ -48,11 +48,9 @@ exports[`PipelineEditor component includes required error message for falsy pipe
labelType="label"
>
<EuiFieldText
compressed={false}
data-test-subj="inputId"
fullWidth={true}
isInvalid={true}
isLoading={false}
name="pipelineId"
onBlur={[Function]}
onChange={[Function]}
@ -75,10 +73,8 @@ exports[`PipelineEditor component includes required error message for falsy pipe
labelType="label"
>
<EuiFieldText
compressed={false}
data-test-subj="inputDescription"
fullWidth={true}
isLoading={false}
name="pipelineDescription"
onChange={[Function]}
value="pipeline description"
@ -175,11 +171,7 @@ Default value: 50ms"
Default value: memory"
>
<EuiSelect
compressed={false}
data-test-subj="selectQueueType"
fullWidth={false}
hasNoInitialSelection={false}
isLoading={false}
onChange={[Function]}
options={
Array [
@ -211,11 +203,7 @@ Default value: 1024mb (1g)"
</FlexItemSetting>
<FlexItemSetting>
<EuiSelect
compressed={false}
data-test-subj="selectQueueMaxBytesUnits"
fullWidth={false}
hasNoInitialSelection={false}
isLoading={false}
onChange={[Function]}
options={
Array [
@ -355,11 +343,9 @@ exports[`PipelineEditor component invalidates form for invalid pipeline id input
labelType="label"
>
<EuiFieldText
compressed={false}
data-test-subj="inputId"
fullWidth={true}
isInvalid={true}
isLoading={false}
name="pipelineId"
onBlur={[Function]}
onChange={[Function]}
@ -382,10 +368,8 @@ exports[`PipelineEditor component invalidates form for invalid pipeline id input
labelType="label"
>
<EuiFieldText
compressed={false}
data-test-subj="inputDescription"
fullWidth={true}
isLoading={false}
name="pipelineDescription"
onChange={[Function]}
value="pipeline description"
@ -482,11 +466,7 @@ Default value: 50ms"
Default value: memory"
>
<EuiSelect
compressed={false}
data-test-subj="selectQueueType"
fullWidth={false}
hasNoInitialSelection={false}
isLoading={false}
onChange={[Function]}
options={
Array [
@ -518,11 +498,7 @@ Default value: 1024mb (1g)"
</FlexItemSetting>
<FlexItemSetting>
<EuiSelect
compressed={false}
data-test-subj="selectQueueMaxBytesUnits"
fullWidth={false}
hasNoInitialSelection={false}
isLoading={false}
onChange={[Function]}
options={
Array [
@ -662,11 +638,9 @@ exports[`PipelineEditor component invalidates form for pipeline id with spaces 1
labelType="label"
>
<EuiFieldText
compressed={false}
data-test-subj="inputId"
fullWidth={true}
isInvalid={true}
isLoading={false}
name="pipelineId"
onBlur={[Function]}
onChange={[Function]}
@ -689,10 +663,8 @@ exports[`PipelineEditor component invalidates form for pipeline id with spaces 1
labelType="label"
>
<EuiFieldText
compressed={false}
data-test-subj="inputDescription"
fullWidth={true}
isLoading={false}
name="pipelineDescription"
onChange={[Function]}
value="pipeline description"
@ -789,11 +761,7 @@ Default value: 50ms"
Default value: memory"
>
<EuiSelect
compressed={false}
data-test-subj="selectQueueType"
fullWidth={false}
hasNoInitialSelection={false}
isLoading={false}
onChange={[Function]}
options={
Array [
@ -825,11 +793,7 @@ Default value: 1024mb (1g)"
</FlexItemSetting>
<FlexItemSetting>
<EuiSelect
compressed={false}
data-test-subj="selectQueueMaxBytesUnits"
fullWidth={false}
hasNoInitialSelection={false}
isLoading={false}
onChange={[Function]}
options={
Array [
@ -965,10 +929,8 @@ exports[`PipelineEditor component matches snapshot for clone pipeline 1`] = `
labelType="label"
>
<EuiFieldText
compressed={false}
data-test-subj="inputDescription"
fullWidth={true}
isLoading={false}
name="pipelineDescription"
onChange={[Function]}
value="pipeline description"
@ -1065,11 +1027,7 @@ Default value: 50ms"
Default value: memory"
>
<EuiSelect
compressed={false}
data-test-subj="selectQueueType"
fullWidth={false}
hasNoInitialSelection={false}
isLoading={false}
onChange={[Function]}
options={
Array [
@ -1101,11 +1059,7 @@ Default value: 1024mb (1g)"
</FlexItemSetting>
<FlexItemSetting>
<EuiSelect
compressed={false}
data-test-subj="selectQueueMaxBytesUnits"
fullWidth={false}
hasNoInitialSelection={false}
isLoading={false}
onChange={[Function]}
options={
Array [
@ -1256,11 +1210,9 @@ exports[`PipelineEditor component matches snapshot for create pipeline 1`] = `
labelType="label"
>
<EuiFieldText
compressed={false}
data-test-subj="inputId"
fullWidth={true}
isInvalid={false}
isLoading={false}
name="pipelineId"
onBlur={[Function]}
onChange={[Function]}
@ -1283,10 +1235,8 @@ exports[`PipelineEditor component matches snapshot for create pipeline 1`] = `
labelType="label"
>
<EuiFieldText
compressed={false}
data-test-subj="inputDescription"
fullWidth={true}
isLoading={false}
name="pipelineDescription"
onChange={[Function]}
value="pipeline description"
@ -1383,11 +1333,7 @@ Default value: 50ms"
Default value: memory"
>
<EuiSelect
compressed={false}
data-test-subj="selectQueueType"
fullWidth={false}
hasNoInitialSelection={false}
isLoading={false}
onChange={[Function]}
options={
Array [
@ -1419,11 +1365,7 @@ Default value: 1024mb (1g)"
</FlexItemSetting>
<FlexItemSetting>
<EuiSelect
compressed={false}
data-test-subj="selectQueueMaxBytesUnits"
fullWidth={false}
hasNoInitialSelection={false}
isLoading={false}
onChange={[Function]}
options={
Array [
@ -1559,10 +1501,8 @@ exports[`PipelineEditor component matches snapshot for edit pipeline 1`] = `
labelType="label"
>
<EuiFieldText
compressed={false}
data-test-subj="inputDescription"
fullWidth={true}
isLoading={false}
name="pipelineDescription"
onChange={[Function]}
value="pipeline description"
@ -1659,11 +1599,7 @@ Default value: 50ms"
Default value: memory"
>
<EuiSelect
compressed={false}
data-test-subj="selectQueueType"
fullWidth={false}
hasNoInitialSelection={false}
isLoading={false}
onChange={[Function]}
options={
Array [
@ -1695,11 +1631,7 @@ Default value: 1024mb (1g)"
</FlexItemSetting>
<FlexItemSetting>
<EuiSelect
compressed={false}
data-test-subj="selectQueueMaxBytesUnits"
fullWidth={false}
hasNoInitialSelection={false}
isLoading={false}
onChange={[Function]}
options={
Array [

View file

@ -112,5 +112,6 @@ exports[`PipelinesTable component renders component as expected 1`] = `
}
}
sorting={true}
tableLayout="fixed"
/>
`;

View file

@ -13,8 +13,6 @@ exports[`should not render relation select when geo field is geo_point 1`] = `
>
<EuiFieldText
compressed={true}
fullWidth={false}
isLoading={false}
onChange={[Function]}
value="My shape"
/>
@ -92,8 +90,6 @@ exports[`should not show "within" relation when filter geometry is not closed 1`
>
<EuiFieldText
compressed={true}
fullWidth={false}
isLoading={false}
onChange={[Function]}
value="My shape"
/>
@ -151,9 +147,6 @@ exports[`should not show "within" relation when filter geometry is not closed 1`
>
<EuiSelect
compressed={true}
fullWidth={false}
hasNoInitialSelection={false}
isLoading={false}
onChange={[Function]}
options={
Array [
@ -201,8 +194,6 @@ exports[`should render error message 1`] = `
>
<EuiFieldText
compressed={true}
fullWidth={false}
isLoading={false}
onChange={[Function]}
value="My shape"
/>
@ -283,8 +274,6 @@ exports[`should render relation select when geo field is geo_shape 1`] = `
>
<EuiFieldText
compressed={true}
fullWidth={false}
isLoading={false}
onChange={[Function]}
value="My shape"
/>
@ -342,9 +331,6 @@ exports[`should render relation select when geo field is geo_shape 1`] = `
>
<EuiSelect
compressed={true}
fullWidth={false}
hasNoInitialSelection={false}
isLoading={false}
onChange={[Function]}
options={
Array [

View file

@ -51,8 +51,6 @@ exports[`TooltipHeader multiple features, multiple layers: locked should show pa
aria-label="Filter results by layer"
compressed={true}
fullWidth={true}
hasNoInitialSelection={false}
isLoading={false}
onChange={[Function]}
options={
Array [

View file

@ -71,9 +71,6 @@ exports[`should enable sort order select when sort field provided 1`] = `
<EuiSelect
compressed={true}
disabled={false}
fullWidth={false}
hasNoInitialSelection={false}
isLoading={false}
onChange={[Function]}
options={
Array [
@ -186,9 +183,6 @@ exports[`should render top hits form when useTopHits is true 1`] = `
<EuiSelect
compressed={true}
disabled={true}
fullWidth={false}
hasNoInitialSelection={false}
isLoading={false}
onChange={[Function]}
options={
Array [
@ -341,9 +335,6 @@ exports[`should render update source editor 1`] = `
<EuiSelect
compressed={true}
disabled={true}
fullWidth={false}
hasNoInitialSelection={false}
isLoading={false}
onChange={[Function]}
options={
Array [

View file

@ -9,13 +9,13 @@ import React from 'react';
import { vislibColorMaps } from 'ui/vislib/components/color/colormaps';
import { getLegendColors, getColor } from 'ui/vis/map/color_util';
import { ColorGradient } from './components/color_gradient';
import { palettes } from '@elastic/eui/lib/services';
import { euiPaletteColorBlind } from '@elastic/eui/lib/services';
import tinycolor from 'tinycolor2';
import chroma from 'chroma-js';
const GRADIENT_INTERVALS = 8;
export const DEFAULT_FILL_COLORS = palettes.euiPaletteColorBlind.colors;
export const DEFAULT_FILL_COLORS = euiPaletteColorBlind();
export const DEFAULT_LINE_COLORS = [
...DEFAULT_FILL_COLORS.map(color =>
tinycolor(color)

View file

@ -89,6 +89,7 @@ exports[`AnnotationsTable Initialization with annotations prop. 1`] = `
},
}
}
tableLayout="fixed"
/>
</Fragment>
`;

View file

@ -23,6 +23,7 @@ exports[`FilterBar snapshot suggestions not shown 1`] = `
fullWidth={true}
incremental={false}
inputRef={[Function]}
isClearable={true}
isLoading={false}
onChange={[Function]}
onClick={[Function]}
@ -88,6 +89,7 @@ exports[`FilterBar snapshot suggestions shown 1`] = `
fullWidth={true}
incremental={false}
inputRef={[Function]}
isClearable={true}
isLoading={false}
onChange={[Function]}
onClick={[Function]}

View file

@ -55,10 +55,6 @@ exports[`ConditionExpression renders with appliesTo, operator and value supplied
}
>
<EuiSelect
compressed={false}
fullWidth={false}
hasNoInitialSelection={false}
isLoading={false}
onChange={[Function]}
options={
Array [
@ -147,10 +143,6 @@ exports[`ConditionExpression renders with appliesTo, operator and value supplied
}
>
<EuiSelect
compressed={false}
fullWidth={false}
hasNoInitialSelection={false}
isLoading={false}
onChange={[Function]}
options={
Array [
@ -262,10 +254,6 @@ exports[`ConditionExpression renders with only value supplied 1`] = `
}
>
<EuiSelect
compressed={false}
fullWidth={false}
hasNoInitialSelection={false}
isLoading={false}
onChange={[Function]}
options={
Array [
@ -353,10 +341,6 @@ exports[`ConditionExpression renders with only value supplied 1`] = `
}
>
<EuiSelect
compressed={false}
fullWidth={false}
hasNoInitialSelection={false}
isLoading={false}
onChange={[Function]}
options={
Array [

View file

@ -136,10 +136,6 @@ exports[`ScopeExpression renders when enabled set to false 1`] = `
}
>
<EuiSelect
compressed={false}
fullWidth={false}
hasNoInitialSelection={false}
isLoading={false}
onChange={[Function]}
options={
Array [
@ -165,10 +161,6 @@ exports[`ScopeExpression renders when enabled set to false 1`] = `
}
>
<EuiSelect
compressed={false}
fullWidth={false}
hasNoInitialSelection={false}
isLoading={false}
onChange={[Function]}
options={
Array [
@ -296,10 +288,6 @@ exports[`ScopeExpression renders when filter ID and type supplied 1`] = `
}
>
<EuiSelect
compressed={false}
fullWidth={false}
hasNoInitialSelection={false}
isLoading={false}
onChange={[Function]}
options={
Array [
@ -325,10 +313,6 @@ exports[`ScopeExpression renders when filter ID and type supplied 1`] = `
}
>
<EuiSelect
compressed={false}
fullWidth={false}
hasNoInitialSelection={false}
isLoading={false}
onChange={[Function]}
options={
Array [
@ -456,10 +440,6 @@ exports[`ScopeExpression renders when no filter ID or type supplied 1`] = `
}
>
<EuiSelect
compressed={false}
fullWidth={false}
hasNoInitialSelection={false}
isLoading={false}
onChange={[Function]}
options={
Array [
@ -484,10 +464,6 @@ exports[`ScopeExpression renders when no filter ID or type supplied 1`] = `
}
>
<EuiSelect
compressed={false}
fullWidth={false}
hasNoInitialSelection={false}
isLoading={false}
onChange={[Function]}
options={
Array [

View file

@ -41,9 +41,7 @@ exports[`CustomUrlEditor renders the editor for a dashboard type URL with a labe
<EuiFieldText
compressed={true}
data-test-subj="mlJobCustomUrlLabelInput"
fullWidth={false}
isInvalid={false}
isLoading={false}
name="label"
onChange={[Function]}
value="Open Dashboard 1"
@ -105,9 +103,6 @@ exports[`CustomUrlEditor renders the editor for a dashboard type URL with a labe
>
<EuiSelect
compressed={true}
fullWidth={false}
hasNoInitialSelection={false}
isLoading={false}
onChange={[Function]}
options={
Array [
@ -182,9 +177,6 @@ exports[`CustomUrlEditor renders the editor for a dashboard type URL with a labe
>
<EuiSelect
compressed={true}
fullWidth={false}
hasNoInitialSelection={false}
isLoading={false}
onChange={[Function]}
options={
Array [
@ -248,9 +240,7 @@ exports[`CustomUrlEditor renders the editor for a discover type URL with an enti
<EuiFieldText
compressed={true}
data-test-subj="mlJobCustomUrlLabelInput"
fullWidth={false}
isInvalid={false}
isLoading={false}
name="label"
onChange={[Function]}
value="Open Discover"
@ -312,9 +302,6 @@ exports[`CustomUrlEditor renders the editor for a discover type URL with an enti
>
<EuiSelect
compressed={true}
fullWidth={false}
hasNoInitialSelection={false}
isLoading={false}
onChange={[Function]}
options={
Array [
@ -395,9 +382,6 @@ exports[`CustomUrlEditor renders the editor for a discover type URL with an enti
>
<EuiSelect
compressed={true}
fullWidth={false}
hasNoInitialSelection={false}
isLoading={false}
onChange={[Function]}
options={
Array [
@ -441,9 +425,7 @@ exports[`CustomUrlEditor renders the editor for a discover type URL with an enti
>
<EuiFieldText
compressed={true}
fullWidth={false}
isInvalid={true}
isLoading={false}
onChange={[Function]}
value=""
/>
@ -495,9 +477,7 @@ exports[`CustomUrlEditor renders the editor for a discover type URL with valid t
<EuiFieldText
compressed={true}
data-test-subj="mlJobCustomUrlLabelInput"
fullWidth={false}
isInvalid={false}
isLoading={false}
name="label"
onChange={[Function]}
value="Open Discover"
@ -559,9 +539,6 @@ exports[`CustomUrlEditor renders the editor for a discover type URL with valid t
>
<EuiSelect
compressed={true}
fullWidth={false}
hasNoInitialSelection={false}
isLoading={false}
onChange={[Function]}
options={
Array [
@ -642,9 +619,6 @@ exports[`CustomUrlEditor renders the editor for a discover type URL with valid t
>
<EuiSelect
compressed={true}
fullWidth={false}
hasNoInitialSelection={false}
isLoading={false}
onChange={[Function]}
options={
Array [
@ -684,9 +658,7 @@ exports[`CustomUrlEditor renders the editor for a discover type URL with valid t
>
<EuiFieldText
compressed={true}
fullWidth={false}
isInvalid={false}
isLoading={false}
onChange={[Function]}
value="1h"
/>
@ -742,9 +714,7 @@ exports[`CustomUrlEditor renders the editor for a new dashboard type URL with no
<EuiFieldText
compressed={true}
data-test-subj="mlJobCustomUrlLabelInput"
fullWidth={false}
isInvalid={true}
isLoading={false}
name="label"
onChange={[Function]}
value=""
@ -806,9 +776,6 @@ exports[`CustomUrlEditor renders the editor for a new dashboard type URL with no
>
<EuiSelect
compressed={true}
fullWidth={false}
hasNoInitialSelection={false}
isLoading={false}
onChange={[Function]}
options={
Array [
@ -883,9 +850,6 @@ exports[`CustomUrlEditor renders the editor for a new dashboard type URL with no
>
<EuiSelect
compressed={true}
fullWidth={false}
hasNoInitialSelection={false}
isLoading={false}
onChange={[Function]}
options={
Array [
@ -953,9 +917,7 @@ exports[`CustomUrlEditor renders the editor for other type of URL with duplicate
<EuiFieldText
compressed={true}
data-test-subj="mlJobCustomUrlLabelInput"
fullWidth={false}
isInvalid={true}
isLoading={false}
name="label"
onChange={[Function]}
value="Show airline"
@ -1068,9 +1030,7 @@ exports[`CustomUrlEditor renders the editor for other type of URL with unique la
<EuiFieldText
compressed={true}
data-test-subj="mlJobCustomUrlLabelInput"
fullWidth={false}
isInvalid={false}
isLoading={false}
name="label"
onChange={[Function]}
value="View airline"

View file

@ -29,11 +29,8 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
labelType="label"
>
<EuiFieldText
compressed={false}
data-test-subj="mlJobEditCustomUrlLabelInput_0"
fullWidth={false}
isInvalid={false}
isLoading={false}
onChange={[Function]}
value="Show data"
/>
@ -56,10 +53,8 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
labelType="label"
>
<EuiFieldText
compressed={false}
data-test-subj="mlJobEditCustomUrlInput_0"
fullWidth={true}
isLoading={false}
onFocus={[Function]}
readOnly={true}
value="kibana#/discover?_g=(time:(from:'$earliest$',mode:absolute,to:'$latest$'))&_a=(index:e532ba80-b76f-11e8-a9dc-37914a458883,query:(language:lucene,query:'airline:\\"$airline$\\"'))"
@ -87,10 +82,7 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
labelType="label"
>
<EuiFieldText
compressed={false}
fullWidth={false}
isInvalid={false}
isLoading={false}
onChange={[Function]}
placeholder="auto"
value="auto"
@ -187,11 +179,8 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
labelType="label"
>
<EuiFieldText
compressed={false}
data-test-subj="mlJobEditCustomUrlLabelInput_1"
fullWidth={false}
isInvalid={false}
isLoading={false}
onChange={[Function]}
value="Show dashboard"
/>
@ -214,10 +203,8 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
labelType="label"
>
<EuiFieldText
compressed={false}
data-test-subj="mlJobEditCustomUrlInput_1"
fullWidth={true}
isLoading={false}
onFocus={[Function]}
readOnly={true}
value="kibana#/dashboard/52ea8840-bbef-11e8-a04d-b1701b2b977e?_g=(time:(from:'$earliest$',mode:absolute,to:'$latest$'))&_a=(filters:!(),query:(language:lucene,query:'airline:\\"$airline$\\"'))"
@ -245,10 +232,7 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
labelType="label"
>
<EuiFieldText
compressed={false}
fullWidth={false}
isInvalid={false}
isLoading={false}
onChange={[Function]}
placeholder="auto"
value="1h"
@ -345,11 +329,8 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
labelType="label"
>
<EuiFieldText
compressed={false}
data-test-subj="mlJobEditCustomUrlLabelInput_2"
fullWidth={false}
isInvalid={false}
isLoading={false}
onChange={[Function]}
value="Show airline"
/>
@ -372,10 +353,8 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
labelType="label"
>
<EuiFieldText
compressed={false}
data-test-subj="mlJobEditCustomUrlInput_2"
fullWidth={true}
isLoading={false}
onFocus={[Function]}
readOnly={true}
value="http://airlinecodes.info/airline-code-$airline$"
@ -403,10 +382,7 @@ exports[`CustomUrlList renders a list of custom URLs 1`] = `
labelType="label"
>
<EuiFieldText
compressed={false}
fullWidth={false}
isInvalid={false}
isLoading={false}
onChange={[Function]}
placeholder="auto"
value="auto"

View file

@ -56,10 +56,7 @@ exports[`CalendarForm Renders calendar form 1`] = `
labelType="label"
>
<EuiFieldText
compressed={false}
disabled={false}
fullWidth={false}
isLoading={false}
name="calendarId"
onChange={[MockFunction]}
value=""
@ -81,10 +78,7 @@ exports[`CalendarForm Renders calendar form 1`] = `
labelType="label"
>
<EuiFieldText
compressed={false}
disabled={false}
fullWidth={false}
isLoading={false}
name="description"
onChange={[MockFunction]}
value=""

View file

@ -63,6 +63,7 @@ exports[`EventsTable Renders events table with no search bar 1`] = `
},
}
}
tableLayout="fixed"
/>
</Fragment>
`;
@ -166,6 +167,7 @@ exports[`EventsTable Renders events table with search bar 1`] = `
},
}
}
tableLayout="fixed"
/>
</Fragment>
`;

View file

@ -108,6 +108,7 @@ exports[`CalendarsListTable renders the table with all calendars 1`] = `
},
}
}
tableLayout="fixed"
/>
</Fragment>
`;

View file

@ -46,9 +46,6 @@ exports[`FilterListUsagePopover opens the popover onButtonClick 1`] = `
labelType="label"
>
<EuiFieldText
compressed={false}
fullWidth={false}
isLoading={false}
name="filter_list_description"
onChange={[Function]}
value="A list of known safe domains"
@ -106,9 +103,6 @@ exports[`FilterListUsagePopover renders the popover with a description 1`] = `
labelType="label"
>
<EuiFieldText
compressed={false}
fullWidth={false}
isLoading={false}
name="filter_list_description"
onChange={[Function]}
value="A list of known safe domains"
@ -166,9 +160,6 @@ exports[`FilterListUsagePopover renders the popover with no description 1`] = `
labelType="label"
>
<EuiFieldText
compressed={false}
fullWidth={false}
isLoading={false}
name="filter_list_description"
onChange={[Function]}
/>

View file

@ -70,10 +70,7 @@ exports[`EditFilterListHeader renders the header when creating a new filter list
labelType="label"
>
<EuiFieldText
compressed={false}
fullWidth={false}
isInvalid={false}
isLoading={false}
name="new_filter_id"
onChange={[Function]}
value="test_filter_list"
@ -183,10 +180,7 @@ exports[`EditFilterListHeader renders the header when creating a new filter list
labelType="label"
>
<EuiFieldText
compressed={false}
fullWidth={false}
isInvalid={true}
isLoading={false}
name="new_filter_id"
onChange={[Function]}
value=""

View file

@ -103,6 +103,7 @@ exports[`Filter Lists Table renders with filter lists and selection supplied 1`]
},
}
}
tableLayout="fixed"
/>
</Fragment>
`;
@ -196,6 +197,7 @@ exports[`Filter Lists Table renders with filter lists supplied 1`] = `
},
}
}
tableLayout="fixed"
/>
</Fragment>
`;

View file

@ -41,5 +41,6 @@ exports[`Latest Active that latest active component renders normally 1`] = `
}
noItemsMessage="No items found"
responsive={true}
tableLayout="fixed"
/>
`;

View file

@ -33,5 +33,6 @@ exports[`Latest Types that latest active component renders normally 1`] = `
}
noItemsMessage="No items found"
responsive={true}
tableLayout="fixed"
/>
`;

View file

@ -29,5 +29,6 @@ exports[`Latest Versions that latest active component renders normally 1`] = `
}
noItemsMessage="No items found"
responsive={true}
tableLayout="fixed"
/>
`;

View file

@ -122,6 +122,7 @@ exports[`Ccr that it renders normally 1`] = `
},
}
}
tableLayout="fixed"
/>
</EuiPageContentBody>
</EuiPageContent>

View file

@ -45,6 +45,7 @@ exports[`CcrShard that is renders an exception properly 1`] = `
}
noItemsMessage="No items found"
responsive={true}
tableLayout="fixed"
/>
</EuiPanel>
`;

View file

@ -270,6 +270,7 @@ exports[`Logs should render normally 1`] = `
}
noItemsMessage="No items found"
responsive={true}
tableLayout="fixed"
/>
<EuiSpacer
size="m"

View file

@ -37,9 +37,7 @@ exports[`Flyout apm part one should render normally 1`] = `
labelType="label"
>
<EuiFieldText
compressed={false}
fullWidth={true}
isLoading={false}
onChange={[Function]}
value="http://localhost:9200"
/>
@ -378,9 +376,7 @@ exports[`Flyout beats part one should render normally 1`] = `
labelType="label"
>
<EuiFieldText
compressed={false}
fullWidth={true}
isLoading={false}
onChange={[Function]}
value="http://localhost:9200"
/>
@ -761,9 +757,7 @@ exports[`Flyout elasticsearch part one should render normally 1`] = `
labelType="label"
>
<EuiFieldText
compressed={false}
fullWidth={true}
isLoading={false}
onChange={[Function]}
value="http://localhost:9200"
/>
@ -1104,9 +1098,7 @@ exports[`Flyout kibana part one should render normally 1`] = `
labelType="label"
>
<EuiFieldText
compressed={false}
fullWidth={true}
isLoading={false}
onChange={[Function]}
value="http://localhost:9200"
/>
@ -1454,9 +1446,7 @@ exports[`Flyout logstash part one should render normally 1`] = `
labelType="label"
>
<EuiFieldText
compressed={false}
fullWidth={true}
isLoading={false}
onChange={[Function]}
value="http://localhost:9200"
/>

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