mirror of
https://github.com/elastic/kibana.git
synced 2025-04-23 17:28:26 -04:00
* Upgrade EUI to v18.2.0 (#54786) * 18.2.0 * ts update * Updated `euiColorVis0` * Update `euiColorVis1` * Updating `euiColorVis2` * Updated `euiColorVis3` * Updated the rest * Updated hard-coded viz palette hexes to latest * src snapshot updates * x-pack test updates * mock jest fn * Updated two vegalite visualization screenshots Co-authored-by: Caroline Horn <549577+cchaos@users.noreply.github.com> Co-authored-by: Chandler Prall <chandler.prall@gmail.com> * snapshot Co-authored-by: Caroline Horn <549577+cchaos@users.noreply.github.com> Co-authored-by: Chandler Prall <chandler.prall@gmail.com>
This commit is contained in:
Greg Thompson
GitHub
parent
7556436796
commit
e0d6407bde
69 changed files with 712 additions and 591 deletions
|
|
@ -115,7 +115,7 @@
|
|||
"@elastic/charts": "^16.1.0",
|
||||
"@elastic/datemath": "5.0.2",
|
||||
"@elastic/ems-client": "1.0.5",
|
||||
"@elastic/eui": "18.0.0",
|
||||
"@elastic/eui": "18.2.0",
|
||||
"@elastic/filesaver": "1.1.2",
|
||||
"@elastic/good": "8.1.1-kibana2",
|
||||
"@elastic/numeral": "2.3.3",
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@
|
|||
"kbn:watch": "node scripts/build --watch"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@elastic/eui": "18.0.0",
|
||||
"@elastic/eui": "18.2.0",
|
||||
"@elastic/charts": "^16.1.0",
|
||||
"@kbn/dev-utils": "1.0.0",
|
||||
"@yarnpkg/lockfile": "^1.1.0",
|
||||
|
|
|
|||
|
|
@ -39,7 +39,7 @@
|
|||
range: {
|
||||
category: {scheme: "elastic"}
|
||||
}
|
||||
mark: {color: "#00B3A4"}
|
||||
mark: {color: "#54B399"}
|
||||
}
|
||||
autosize: {type: "fit", contains: "padding"}
|
||||
}
|
||||
|
|
|
|||
Binary file not shown.
|
Before Width: | Height: | Size: 7.7 KiB After Width: | Height: | Size: 9.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 20 KiB After Width: | Height: | Size: 23 KiB |
|
|
@ -53,7 +53,7 @@ describe(`VegaParser._setDefaultColors`, () => {
|
|||
test({}, true, {
|
||||
config: {
|
||||
range: { category: { scheme: 'elastic' } },
|
||||
mark: { color: '#5BBAA0' },
|
||||
mark: { color: '#54B399' },
|
||||
},
|
||||
})
|
||||
);
|
||||
|
|
@ -63,15 +63,15 @@ describe(`VegaParser._setDefaultColors`, () => {
|
|||
test({}, false, {
|
||||
config: {
|
||||
range: { category: { scheme: 'elastic' } },
|
||||
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' },
|
||||
arc: { fill: '#54B399' },
|
||||
area: { fill: '#54B399' },
|
||||
line: { stroke: '#54B399' },
|
||||
path: { stroke: '#54B399' },
|
||||
rect: { fill: '#54B399' },
|
||||
rule: { stroke: '#54B399' },
|
||||
shape: { stroke: '#54B399' },
|
||||
symbol: { fill: '#54B399' },
|
||||
trail: { fill: '#54B399' },
|
||||
},
|
||||
})
|
||||
);
|
||||
|
|
|
|||
|
|
@ -577,7 +577,7 @@ export class VegaParser {
|
|||
this._setDefaultValue({ scheme: 'elastic' }, 'config', 'range', 'category');
|
||||
|
||||
if (this.isVegaLite) {
|
||||
// Vega-Lite: set default color, works for fill and strike -- config: { mark: { color: '#00B3A4' }}
|
||||
// Vega-Lite: set default color, works for fill and strike -- config: { mark: { color: '#54B399' }}
|
||||
this._setDefaultValue(defaultColor, 'config', 'mark', 'color');
|
||||
} else {
|
||||
// Vega - global mark has very strange behavior, must customize each mark type individually
|
||||
|
|
|
|||
|
|
@ -345,7 +345,7 @@
|
|||
//** Background color of the whole progress component
|
||||
@progress-bg: shade(@gray-lighter, 13%);
|
||||
//** Default progress bar color
|
||||
@progress-bar-bg: #00B3A4;
|
||||
@progress-bar-bg: #54B399;
|
||||
|
||||
//== List group
|
||||
//
|
||||
|
|
|
|||
|
|
@ -40,7 +40,7 @@ function PrecisionParamEditor({ agg, value, setValue }: AggParamEditorProps<numb
|
|||
<EuiRange
|
||||
min={1}
|
||||
max={config.get('visualization:tileMap:maxPrecision')}
|
||||
value={value}
|
||||
value={value || ''}
|
||||
onChange={(ev: React.ChangeEvent<HTMLInputElement> | React.MouseEvent<HTMLButtonElement>) =>
|
||||
setValue(Number(ev.currentTarget.value))
|
||||
}
|
||||
|
|
|
|||
|
|
@ -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="#5BBAA0"
|
||||
color="#54B399"
|
||||
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="#5BBAA0"
|
||||
color="#54B399"
|
||||
size="s"
|
||||
type="questionInCircle"
|
||||
/>
|
||||
|
|
@ -30,7 +30,7 @@ exports[`FieldIcon renders with className if provided 1`] = `
|
|||
<EuiIcon
|
||||
aria-label="test"
|
||||
className="myClass"
|
||||
color="#5BBAA0"
|
||||
color="#54B399"
|
||||
size="s"
|
||||
type="questionInCircle"
|
||||
/>
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
},
|
||||
"license": "Apache-2.0",
|
||||
"dependencies": {
|
||||
"@elastic/eui": "18.0.0",
|
||||
"@elastic/eui": "18.2.0",
|
||||
"react": "^16.12.0",
|
||||
"react-dom": "^16.12.0"
|
||||
}
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
},
|
||||
"license": "Apache-2.0",
|
||||
"dependencies": {
|
||||
"@elastic/eui": "18.0.0",
|
||||
"@elastic/eui": "18.2.0",
|
||||
"react": "^16.12.0"
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@
|
|||
},
|
||||
"license": "Apache-2.0",
|
||||
"dependencies": {
|
||||
"@elastic/eui": "18.0.0",
|
||||
"@elastic/eui": "18.2.0",
|
||||
"react": "^16.12.0"
|
||||
},
|
||||
"scripts": {
|
||||
|
|
|
|||
|
|
@ -8,7 +8,7 @@
|
|||
},
|
||||
"license": "Apache-2.0",
|
||||
"dependencies": {
|
||||
"@elastic/eui": "18.0.0",
|
||||
"@elastic/eui": "18.2.0",
|
||||
"react": "^16.12.0"
|
||||
},
|
||||
"scripts": {
|
||||
|
|
|
|||
|
|
@ -295,7 +295,7 @@ NodeList [
|
|||
class="euiTableCellContent euiTableCellContent--overflowingContent"
|
||||
>
|
||||
<span
|
||||
class="euiBadge euiBadge--iconLeft euiBadge--hollow"
|
||||
class="euiBadge euiBadge--hollow euiBadge--iconLeft"
|
||||
title="test"
|
||||
>
|
||||
<span
|
||||
|
|
@ -309,7 +309,7 @@ NodeList [
|
|||
</span>
|
||||
</span>
|
||||
<span
|
||||
class="euiBadge euiBadge--iconLeft euiBadge--hollow"
|
||||
class="euiBadge euiBadge--hollow euiBadge--iconLeft"
|
||||
title="dev"
|
||||
>
|
||||
<span
|
||||
|
|
|
|||
|
|
@ -809,7 +809,7 @@ Object {
|
|||
},
|
||||
"serviceColors": Object {
|
||||
"opbeans-node": "#6092c0",
|
||||
"opbeans-ruby": "#5bbaa0",
|
||||
"opbeans-ruby": "#54b399",
|
||||
},
|
||||
}
|
||||
`;
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load diff
|
|
@ -67,7 +67,7 @@ describe('chartSelectors', () => {
|
|||
type: 'linemark'
|
||||
},
|
||||
{
|
||||
color: '#fae181',
|
||||
color: '#d6bf57',
|
||||
data: [
|
||||
{ x: 0, y: 200 },
|
||||
{ x: 1000, y: 300 }
|
||||
|
|
@ -77,7 +77,7 @@ describe('chartSelectors', () => {
|
|||
type: 'linemark'
|
||||
},
|
||||
{
|
||||
color: '#f19f58',
|
||||
color: '#da8b45',
|
||||
data: [
|
||||
{ x: 0, y: 300 },
|
||||
{ x: 1000, y: 400 }
|
||||
|
|
|
|||
|
|
@ -70,7 +70,7 @@ describe('getTransactionBreakdown', () => {
|
|||
|
||||
expect(response.kpis[0]).toEqual({
|
||||
name: 'app',
|
||||
color: '#5bbaa0',
|
||||
color: '#54b399',
|
||||
percentage: 0.5408550899466306
|
||||
});
|
||||
|
||||
|
|
|
|||
|
|
@ -4,10 +4,12 @@
|
|||
* you may not use this file except in compliance with the Elastic License.
|
||||
*/
|
||||
|
||||
import { euiPaletteColorBlind } from '@elastic/eui';
|
||||
import { TagFactory } from '../../../public/lib/tag';
|
||||
import { TagStrings as strings } from '../../../i18n';
|
||||
const euiVisPalette = euiPaletteColorBlind();
|
||||
|
||||
export const chart: TagFactory = () => ({
|
||||
name: strings.chart(),
|
||||
color: '#FEB6DB',
|
||||
color: euiVisPalette[4],
|
||||
});
|
||||
|
|
|
|||
|
|
@ -4,10 +4,13 @@
|
|||
* you may not use this file except in compliance with the Elastic License.
|
||||
*/
|
||||
|
||||
import { euiPaletteColorBlind } from '@elastic/eui';
|
||||
import { TagFactory } from '../../../public/lib/tag';
|
||||
import { TagStrings as strings } from '../../../i18n';
|
||||
|
||||
const euiVisPalette = euiPaletteColorBlind();
|
||||
|
||||
export const filter: TagFactory = () => ({
|
||||
name: strings.filter(),
|
||||
color: '#3185FC',
|
||||
color: euiVisPalette[1],
|
||||
});
|
||||
|
|
|
|||
|
|
@ -4,10 +4,12 @@
|
|||
* you may not use this file except in compliance with the Elastic License.
|
||||
*/
|
||||
|
||||
import { euiPaletteColorBlind } from '@elastic/eui';
|
||||
import { TagFactory } from '../../../public/lib/tag';
|
||||
import { TagStrings as strings } from '../../../i18n';
|
||||
const euiVisPalette = euiPaletteColorBlind();
|
||||
|
||||
export const graphic: TagFactory = () => ({
|
||||
name: strings.graphic(),
|
||||
color: '#E6C220',
|
||||
color: euiVisPalette[5],
|
||||
});
|
||||
|
|
|
|||
|
|
@ -4,4 +4,7 @@
|
|||
* you may not use this file except in compliance with the Elastic License.
|
||||
*/
|
||||
|
||||
export const proportion = () => ({ name: 'proportion', color: '#490092' });
|
||||
import { euiPaletteColorBlind } from '@elastic/eui';
|
||||
const euiVisPalette = euiPaletteColorBlind();
|
||||
|
||||
export const proportion = () => ({ name: 'proportion', color: euiVisPalette[3] });
|
||||
|
|
|
|||
|
|
@ -4,11 +4,12 @@
|
|||
* you may not use this file except in compliance with the Elastic License.
|
||||
*/
|
||||
|
||||
import { euiPaletteColorBlind } from '@elastic/eui';
|
||||
import { TagFactory } from '../../../public/lib/tag';
|
||||
|
||||
import { TagStrings as strings } from '../../../i18n';
|
||||
const euiVisPalette = euiPaletteColorBlind();
|
||||
|
||||
export const proportion: TagFactory = () => ({
|
||||
name: strings.proportion(),
|
||||
color: '#490092',
|
||||
color: euiVisPalette[3],
|
||||
});
|
||||
|
|
|
|||
|
|
@ -4,10 +4,12 @@
|
|||
* you may not use this file except in compliance with the Elastic License.
|
||||
*/
|
||||
|
||||
import { euiPaletteColorBlind } from '@elastic/eui';
|
||||
import { TagFactory } from '../../../public/lib/tag';
|
||||
import { TagStrings as strings } from '../../../i18n';
|
||||
const euiVisPalette = euiPaletteColorBlind();
|
||||
|
||||
export const report: TagFactory = () => ({
|
||||
name: strings.report(),
|
||||
color: '#DB1374',
|
||||
color: euiVisPalette[2],
|
||||
});
|
||||
|
|
|
|||
|
|
@ -163,7 +163,7 @@ exports[`Storyshots components/Elements/ElementCard with tags 1`] = `
|
|||
style={
|
||||
Object {
|
||||
"backgroundColor": "#666666",
|
||||
"color": "#FFFFFF",
|
||||
"color": "#fff",
|
||||
}
|
||||
}
|
||||
>
|
||||
|
|
@ -182,7 +182,7 @@ exports[`Storyshots components/Elements/ElementCard with tags 1`] = `
|
|||
style={
|
||||
Object {
|
||||
"backgroundColor": "#666666",
|
||||
"color": "#FFFFFF",
|
||||
"color": "#fff",
|
||||
}
|
||||
}
|
||||
>
|
||||
|
|
@ -201,7 +201,7 @@ exports[`Storyshots components/Elements/ElementCard with tags 1`] = `
|
|||
style={
|
||||
Object {
|
||||
"backgroundColor": "#666666",
|
||||
"color": "#FFFFFF",
|
||||
"color": "#fff",
|
||||
}
|
||||
}
|
||||
>
|
||||
|
|
@ -220,7 +220,7 @@ exports[`Storyshots components/Elements/ElementCard with tags 1`] = `
|
|||
style={
|
||||
Object {
|
||||
"backgroundColor": "#666666",
|
||||
"color": "#FFFFFF",
|
||||
"color": "#fff",
|
||||
}
|
||||
}
|
||||
>
|
||||
|
|
@ -239,7 +239,7 @@ exports[`Storyshots components/Elements/ElementCard with tags 1`] = `
|
|||
style={
|
||||
Object {
|
||||
"backgroundColor": "#666666",
|
||||
"color": "#FFFFFF",
|
||||
"color": "#fff",
|
||||
}
|
||||
}
|
||||
>
|
||||
|
|
@ -258,7 +258,7 @@ exports[`Storyshots components/Elements/ElementCard with tags 1`] = `
|
|||
style={
|
||||
Object {
|
||||
"backgroundColor": "#666666",
|
||||
"color": "#FFFFFF",
|
||||
"color": "#fff",
|
||||
}
|
||||
}
|
||||
>
|
||||
|
|
|
|||
|
|
@ -525,7 +525,7 @@ exports[`Storyshots components/Elements/ElementGrid with tags filter 1`] = `
|
|||
style={
|
||||
Object {
|
||||
"backgroundColor": "#666666",
|
||||
"color": "#FFFFFF",
|
||||
"color": "#fff",
|
||||
}
|
||||
}
|
||||
>
|
||||
|
|
@ -605,7 +605,7 @@ exports[`Storyshots components/Elements/ElementGrid with text filter 1`] = `
|
|||
style={
|
||||
Object {
|
||||
"backgroundColor": "#666666",
|
||||
"color": "#FFFFFF",
|
||||
"color": "#fff",
|
||||
}
|
||||
}
|
||||
>
|
||||
|
|
@ -685,7 +685,7 @@ exports[`Storyshots components/Elements/ElementGrid without controls 1`] = `
|
|||
style={
|
||||
Object {
|
||||
"backgroundColor": "#666666",
|
||||
"color": "#FFFFFF",
|
||||
"color": "#fff",
|
||||
}
|
||||
}
|
||||
>
|
||||
|
|
@ -750,7 +750,7 @@ exports[`Storyshots components/Elements/ElementGrid without controls 1`] = `
|
|||
style={
|
||||
Object {
|
||||
"backgroundColor": "#666666",
|
||||
"color": "#FFFFFF",
|
||||
"color": "#fff",
|
||||
}
|
||||
}
|
||||
>
|
||||
|
|
@ -815,7 +815,7 @@ exports[`Storyshots components/Elements/ElementGrid without controls 1`] = `
|
|||
style={
|
||||
Object {
|
||||
"backgroundColor": "#666666",
|
||||
"color": "#FFFFFF",
|
||||
"color": "#fff",
|
||||
}
|
||||
}
|
||||
>
|
||||
|
|
|
|||
|
|
@ -6,7 +6,7 @@ exports[`Storyshots components/Tags/Tag as badge 1`] = `
|
|||
style={
|
||||
Object {
|
||||
"backgroundColor": "#666666",
|
||||
"color": "#FFFFFF",
|
||||
"color": "#fff",
|
||||
}
|
||||
}
|
||||
>
|
||||
|
|
@ -28,7 +28,7 @@ exports[`Storyshots components/Tags/Tag as badge with color 1`] = `
|
|||
style={
|
||||
Object {
|
||||
"backgroundColor": "#327b53",
|
||||
"color": "#FFFFFF",
|
||||
"color": "#fff",
|
||||
}
|
||||
}
|
||||
>
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@ Array [
|
|||
style={
|
||||
Object {
|
||||
"backgroundColor": "#cc3b54",
|
||||
"color": "#FFFFFF",
|
||||
"color": "#fff",
|
||||
}
|
||||
}
|
||||
>
|
||||
|
|
@ -28,7 +28,7 @@ Array [
|
|||
style={
|
||||
Object {
|
||||
"backgroundColor": "#5bc149",
|
||||
"color": "#000000",
|
||||
"color": "#000",
|
||||
}
|
||||
}
|
||||
>
|
||||
|
|
@ -47,7 +47,7 @@ Array [
|
|||
style={
|
||||
Object {
|
||||
"backgroundColor": "#fbc545",
|
||||
"color": "#000000",
|
||||
"color": "#000",
|
||||
}
|
||||
}
|
||||
>
|
||||
|
|
@ -172,7 +172,7 @@ Array [
|
|||
style={
|
||||
Object {
|
||||
"backgroundColor": "#cc3b54",
|
||||
"color": "#FFFFFF",
|
||||
"color": "#fff",
|
||||
}
|
||||
}
|
||||
>
|
||||
|
|
@ -191,7 +191,7 @@ Array [
|
|||
style={
|
||||
Object {
|
||||
"backgroundColor": "#5bc149",
|
||||
"color": "#000000",
|
||||
"color": "#000",
|
||||
}
|
||||
}
|
||||
>
|
||||
|
|
@ -210,7 +210,7 @@ Array [
|
|||
style={
|
||||
Object {
|
||||
"backgroundColor": "#fbc545",
|
||||
"color": "#000000",
|
||||
"color": "#000",
|
||||
}
|
||||
}
|
||||
>
|
||||
|
|
@ -229,7 +229,7 @@ Array [
|
|||
style={
|
||||
Object {
|
||||
"backgroundColor": "#9b3067",
|
||||
"color": "#FFFFFF",
|
||||
"color": "#fff",
|
||||
}
|
||||
}
|
||||
>
|
||||
|
|
@ -248,7 +248,7 @@ Array [
|
|||
style={
|
||||
Object {
|
||||
"backgroundColor": "#1819bd",
|
||||
"color": "#FFFFFF",
|
||||
"color": "#fff",
|
||||
}
|
||||
}
|
||||
>
|
||||
|
|
@ -267,7 +267,7 @@ Array [
|
|||
style={
|
||||
Object {
|
||||
"backgroundColor": "#d41e93",
|
||||
"color": "#FFFFFF",
|
||||
"color": "#fff",
|
||||
}
|
||||
}
|
||||
>
|
||||
|
|
@ -286,7 +286,7 @@ Array [
|
|||
style={
|
||||
Object {
|
||||
"backgroundColor": "#3486d2",
|
||||
"color": "#000000",
|
||||
"color": "#000",
|
||||
}
|
||||
}
|
||||
>
|
||||
|
|
@ -305,7 +305,7 @@ Array [
|
|||
style={
|
||||
Object {
|
||||
"backgroundColor": "#b870d8",
|
||||
"color": "#000000",
|
||||
"color": "#000",
|
||||
}
|
||||
}
|
||||
>
|
||||
|
|
@ -324,7 +324,7 @@ Array [
|
|||
style={
|
||||
Object {
|
||||
"backgroundColor": "#f4a4a7",
|
||||
"color": "#000000",
|
||||
"color": "#000",
|
||||
}
|
||||
}
|
||||
>
|
||||
|
|
@ -343,7 +343,7 @@ Array [
|
|||
style={
|
||||
Object {
|
||||
"backgroundColor": "#072d6d",
|
||||
"color": "#FFFFFF",
|
||||
"color": "#fff",
|
||||
}
|
||||
}
|
||||
>
|
||||
|
|
|
|||
|
|
@ -32,7 +32,7 @@ describe('Color Palette', () => {
|
|||
});
|
||||
describe('colorTransformer()', () => {
|
||||
it('should just work', () => {
|
||||
expect(colorTransformer(MetricsExplorerColor.color0)).toBe('#3185FC');
|
||||
expect(colorTransformer(MetricsExplorerColor.color0)).toBe('#6092C0');
|
||||
});
|
||||
});
|
||||
});
|
||||
|
|
|
|||
|
|
@ -4,6 +4,7 @@
|
|||
* you may not use this file except in compliance with the Elastic License.
|
||||
*/
|
||||
import { difference, first, values } from 'lodash';
|
||||
import { euiPaletteColorBlind } from '@elastic/eui';
|
||||
|
||||
export enum MetricsExplorerColor {
|
||||
color0 = 'color0',
|
||||
|
|
@ -31,17 +32,19 @@ export interface MetricsExplorerPalette {
|
|||
[MetricsExplorerColor.color9]: string;
|
||||
}
|
||||
|
||||
const euiPalette = euiPaletteColorBlind();
|
||||
|
||||
export const defaultPalette: MetricsExplorerPalette = {
|
||||
[MetricsExplorerColor.color0]: '#3185FC', // euiColorVis1 (blue)
|
||||
[MetricsExplorerColor.color1]: '#DB1374', // euiColorVis2 (red-ish)
|
||||
[MetricsExplorerColor.color2]: '#00B3A4', // euiColorVis0 (green-ish)
|
||||
[MetricsExplorerColor.color3]: '#490092', // euiColorVis3 (purple)
|
||||
[MetricsExplorerColor.color4]: '#FEB6DB', // euiColorVis4 (pink)
|
||||
[MetricsExplorerColor.color5]: '#E6C220', // euiColorVis5 (yellow)
|
||||
[MetricsExplorerColor.color6]: '#BFA180', // euiColorVis6 (tan)
|
||||
[MetricsExplorerColor.color7]: '#F98510', // euiColorVis7 (orange)
|
||||
[MetricsExplorerColor.color8]: '#461A0A', // euiColorVis8 (brown)
|
||||
[MetricsExplorerColor.color9]: '#920000', // euiColorVis9 (maroon)
|
||||
[MetricsExplorerColor.color0]: euiPalette[1], // (blue)
|
||||
[MetricsExplorerColor.color1]: euiPalette[2], // (pink)
|
||||
[MetricsExplorerColor.color2]: euiPalette[0], // (green-ish)
|
||||
[MetricsExplorerColor.color3]: euiPalette[3], // (purple)
|
||||
[MetricsExplorerColor.color4]: euiPalette[4], // (light pink)
|
||||
[MetricsExplorerColor.color5]: euiPalette[5], // (yellow)
|
||||
[MetricsExplorerColor.color6]: euiPalette[6], // (tan)
|
||||
[MetricsExplorerColor.color7]: euiPalette[7], // (orange)
|
||||
[MetricsExplorerColor.color8]: euiPalette[8], // (brown)
|
||||
[MetricsExplorerColor.color9]: euiPalette[9], // (red)
|
||||
};
|
||||
|
||||
export const createPaletteTransformer = (palette: MetricsExplorerPalette) => (
|
||||
|
|
|
|||
|
|
@ -23,7 +23,7 @@ describe('createTSVBLink()', () => {
|
|||
it('should just work', () => {
|
||||
const link = createTSVBLink(source, options, series, timeRange, chartOptions);
|
||||
expect(link).toBe(
|
||||
"../app/kibana#/visualize/create?type=metrics&_g=(refreshInterval:(pause:!t,value:0),time:(from:now-1h,to:now))&_a=(filters:!(),linked:!f,query:(language:kuery,query:''),uiState:(),vis:(aggs:!(),params:(axis_formatter:number,axis_min:0,axis_position:left,axis_scale:normal,default_index_pattern:'metricbeat-*',filter:(language:kuery,query:'host.name : \"example-01\"'),id:test-id,index_pattern:'metricbeat-*',interval:auto,series:!((axis_position:right,chart_type:line,color:%233185FC,fill:0,formatter:percent,id:test-id,label:'avg(system.cpu.user.pct)',line_width:2,metrics:!((field:system.cpu.user.pct,id:test-id,type:avg)),point_size:0,separate_axis:0,split_mode:everything,stacked:none,value_template:{{value}})),show_grid:1,show_legend:1,time_field:'@timestamp',type:timeseries),title:example-01,type:metrics))"
|
||||
"../app/kibana#/visualize/create?type=metrics&_g=(refreshInterval:(pause:!t,value:0),time:(from:now-1h,to:now))&_a=(filters:!(),linked:!f,query:(language:kuery,query:''),uiState:(),vis:(aggs:!(),params:(axis_formatter:number,axis_min:0,axis_position:left,axis_scale:normal,default_index_pattern:'metricbeat-*',filter:(language:kuery,query:'host.name : \"example-01\"'),id:test-id,index_pattern:'metricbeat-*',interval:auto,series:!((axis_position:right,chart_type:line,color:%236092C0,fill:0,formatter:percent,id:test-id,label:'avg(system.cpu.user.pct)',line_width:2,metrics:!((field:system.cpu.user.pct,id:test-id,type:avg)),point_size:0,separate_axis:0,split_mode:everything,stacked:none,value_template:{{value}})),show_grid:1,show_legend:1,time_field:'@timestamp',type:timeseries),title:example-01,type:metrics))"
|
||||
);
|
||||
});
|
||||
|
||||
|
|
@ -34,14 +34,14 @@ describe('createTSVBLink()', () => {
|
|||
};
|
||||
const link = createTSVBLink(source, customOptions, series, timeRange, chartOptions);
|
||||
expect(link).toBe(
|
||||
"../app/kibana#/visualize/create?type=metrics&_g=(refreshInterval:(pause:!t,value:0),time:(from:now-1h,to:now))&_a=(filters:!(),linked:!f,query:(language:kuery,query:''),uiState:(),vis:(aggs:!(),params:(axis_formatter:number,axis_min:0,axis_position:left,axis_scale:normal,default_index_pattern:'metricbeat-*',filter:(language:kuery,query:'host.name : \"example-01\"'),id:test-id,index_pattern:'metricbeat-*',interval:auto,series:!((axis_position:right,chart_type:line,color:%233185FC,fill:0,formatter:bytes,id:test-id,label:'rate(system.network.out.bytes)',line_width:2,metrics:!((field:system.network.out.bytes,id:test-id,type:max),(field:test-id,id:test-id,type:derivative,unit:'1s'),(field:test-id,id:test-id,type:positive_only)),point_size:0,separate_axis:0,split_mode:everything,stacked:none,value_template:{{value}}/s)),show_grid:1,show_legend:1,time_field:'@timestamp',type:timeseries),title:example-01,type:metrics))"
|
||||
"../app/kibana#/visualize/create?type=metrics&_g=(refreshInterval:(pause:!t,value:0),time:(from:now-1h,to:now))&_a=(filters:!(),linked:!f,query:(language:kuery,query:''),uiState:(),vis:(aggs:!(),params:(axis_formatter:number,axis_min:0,axis_position:left,axis_scale:normal,default_index_pattern:'metricbeat-*',filter:(language:kuery,query:'host.name : \"example-01\"'),id:test-id,index_pattern:'metricbeat-*',interval:auto,series:!((axis_position:right,chart_type:line,color:%236092C0,fill:0,formatter:bytes,id:test-id,label:'rate(system.network.out.bytes)',line_width:2,metrics:!((field:system.network.out.bytes,id:test-id,type:max),(field:test-id,id:test-id,type:derivative,unit:'1s'),(field:test-id,id:test-id,type:positive_only)),point_size:0,separate_axis:0,split_mode:everything,stacked:none,value_template:{{value}}/s)),show_grid:1,show_legend:1,time_field:'@timestamp',type:timeseries),title:example-01,type:metrics))"
|
||||
);
|
||||
});
|
||||
it('should work with time range', () => {
|
||||
const customTimeRange = { ...timeRange, from: 'now-10m', to: 'now' };
|
||||
const link = createTSVBLink(source, options, series, customTimeRange, chartOptions);
|
||||
expect(link).toBe(
|
||||
"../app/kibana#/visualize/create?type=metrics&_g=(refreshInterval:(pause:!t,value:0),time:(from:now-10m,to:now))&_a=(filters:!(),linked:!f,query:(language:kuery,query:''),uiState:(),vis:(aggs:!(),params:(axis_formatter:number,axis_min:0,axis_position:left,axis_scale:normal,default_index_pattern:'metricbeat-*',filter:(language:kuery,query:'host.name : \"example-01\"'),id:test-id,index_pattern:'metricbeat-*',interval:auto,series:!((axis_position:right,chart_type:line,color:%233185FC,fill:0,formatter:percent,id:test-id,label:'avg(system.cpu.user.pct)',line_width:2,metrics:!((field:system.cpu.user.pct,id:test-id,type:avg)),point_size:0,separate_axis:0,split_mode:everything,stacked:none,value_template:{{value}})),show_grid:1,show_legend:1,time_field:'@timestamp',type:timeseries),title:example-01,type:metrics))"
|
||||
"../app/kibana#/visualize/create?type=metrics&_g=(refreshInterval:(pause:!t,value:0),time:(from:now-10m,to:now))&_a=(filters:!(),linked:!f,query:(language:kuery,query:''),uiState:(),vis:(aggs:!(),params:(axis_formatter:number,axis_min:0,axis_position:left,axis_scale:normal,default_index_pattern:'metricbeat-*',filter:(language:kuery,query:'host.name : \"example-01\"'),id:test-id,index_pattern:'metricbeat-*',interval:auto,series:!((axis_position:right,chart_type:line,color:%236092C0,fill:0,formatter:percent,id:test-id,label:'avg(system.cpu.user.pct)',line_width:2,metrics:!((field:system.cpu.user.pct,id:test-id,type:avg)),point_size:0,separate_axis:0,split_mode:everything,stacked:none,value_template:{{value}})),show_grid:1,show_legend:1,time_field:'@timestamp',type:timeseries),title:example-01,type:metrics))"
|
||||
);
|
||||
});
|
||||
it('should work with source', () => {
|
||||
|
|
@ -52,7 +52,7 @@ describe('createTSVBLink()', () => {
|
|||
};
|
||||
const link = createTSVBLink(customSource, options, series, timeRange, chartOptions);
|
||||
expect(link).toBe(
|
||||
"../app/kibana#/visualize/create?type=metrics&_g=(refreshInterval:(pause:!t,value:0),time:(from:now-1h,to:now))&_a=(filters:!(),linked:!f,query:(language:kuery,query:''),uiState:(),vis:(aggs:!(),params:(axis_formatter:number,axis_min:0,axis_position:left,axis_scale:normal,default_index_pattern:'my-beats-*',filter:(language:kuery,query:'host.name : \"example-01\"'),id:test-id,index_pattern:'my-beats-*',interval:auto,series:!((axis_position:right,chart_type:line,color:%233185FC,fill:0,formatter:percent,id:test-id,label:'avg(system.cpu.user.pct)',line_width:2,metrics:!((field:system.cpu.user.pct,id:test-id,type:avg)),point_size:0,separate_axis:0,split_mode:everything,stacked:none,value_template:{{value}})),show_grid:1,show_legend:1,time_field:time,type:timeseries),title:example-01,type:metrics))"
|
||||
"../app/kibana#/visualize/create?type=metrics&_g=(refreshInterval:(pause:!t,value:0),time:(from:now-1h,to:now))&_a=(filters:!(),linked:!f,query:(language:kuery,query:''),uiState:(),vis:(aggs:!(),params:(axis_formatter:number,axis_min:0,axis_position:left,axis_scale:normal,default_index_pattern:'my-beats-*',filter:(language:kuery,query:'host.name : \"example-01\"'),id:test-id,index_pattern:'my-beats-*',interval:auto,series:!((axis_position:right,chart_type:line,color:%236092C0,fill:0,formatter:percent,id:test-id,label:'avg(system.cpu.user.pct)',line_width:2,metrics:!((field:system.cpu.user.pct,id:test-id,type:avg)),point_size:0,separate_axis:0,split_mode:everything,stacked:none,value_template:{{value}})),show_grid:1,show_legend:1,time_field:time,type:timeseries),title:example-01,type:metrics))"
|
||||
);
|
||||
});
|
||||
it('should work with filterQuery', () => {
|
||||
|
|
@ -64,7 +64,7 @@ describe('createTSVBLink()', () => {
|
|||
const customOptions = { ...options, filterQuery: 'system.network.name:lo*' };
|
||||
const link = createTSVBLink(customSource, customOptions, series, timeRange, chartOptions);
|
||||
expect(link).toBe(
|
||||
"../app/kibana#/visualize/create?type=metrics&_g=(refreshInterval:(pause:!t,value:0),time:(from:now-1h,to:now))&_a=(filters:!(),linked:!f,query:(language:kuery,query:''),uiState:(),vis:(aggs:!(),params:(axis_formatter:number,axis_min:0,axis_position:left,axis_scale:normal,default_index_pattern:'my-beats-*',filter:(language:kuery,query:'system.network.name:lo* and host.name : \"example-01\"'),id:test-id,index_pattern:'my-beats-*',interval:auto,series:!((axis_position:right,chart_type:line,color:%233185FC,fill:0,formatter:percent,id:test-id,label:'avg(system.cpu.user.pct)',line_width:2,metrics:!((field:system.cpu.user.pct,id:test-id,type:avg)),point_size:0,separate_axis:0,split_mode:everything,stacked:none,value_template:{{value}})),show_grid:1,show_legend:1,time_field:time,type:timeseries),title:example-01,type:metrics))"
|
||||
"../app/kibana#/visualize/create?type=metrics&_g=(refreshInterval:(pause:!t,value:0),time:(from:now-1h,to:now))&_a=(filters:!(),linked:!f,query:(language:kuery,query:''),uiState:(),vis:(aggs:!(),params:(axis_formatter:number,axis_min:0,axis_position:left,axis_scale:normal,default_index_pattern:'my-beats-*',filter:(language:kuery,query:'system.network.name:lo* and host.name : \"example-01\"'),id:test-id,index_pattern:'my-beats-*',interval:auto,series:!((axis_position:right,chart_type:line,color:%236092C0,fill:0,formatter:percent,id:test-id,label:'avg(system.cpu.user.pct)',line_width:2,metrics:!((field:system.cpu.user.pct,id:test-id,type:avg)),point_size:0,separate_axis:0,split_mode:everything,stacked:none,value_template:{{value}})),show_grid:1,show_legend:1,time_field:time,type:timeseries),title:example-01,type:metrics))"
|
||||
);
|
||||
});
|
||||
|
||||
|
|
@ -72,7 +72,7 @@ describe('createTSVBLink()', () => {
|
|||
const customChartOptions = { ...chartOptions, yAxisMode: MetricsExplorerYAxisMode.auto };
|
||||
const link = createTSVBLink(source, options, series, timeRange, customChartOptions);
|
||||
expect(link).toBe(
|
||||
"../app/kibana#/visualize/create?type=metrics&_g=(refreshInterval:(pause:!t,value:0),time:(from:now-1h,to:now))&_a=(filters:!(),linked:!f,query:(language:kuery,query:''),uiState:(),vis:(aggs:!(),params:(axis_formatter:number,axis_position:left,axis_scale:normal,default_index_pattern:'metricbeat-*',filter:(language:kuery,query:'host.name : \"example-01\"'),id:test-id,index_pattern:'metricbeat-*',interval:auto,series:!((axis_position:right,chart_type:line,color:%233185FC,fill:0,formatter:percent,id:test-id,label:'avg(system.cpu.user.pct)',line_width:2,metrics:!((field:system.cpu.user.pct,id:test-id,type:avg)),point_size:0,separate_axis:0,split_mode:everything,stacked:none,value_template:{{value}})),show_grid:1,show_legend:1,time_field:'@timestamp',type:timeseries),title:example-01,type:metrics))"
|
||||
"../app/kibana#/visualize/create?type=metrics&_g=(refreshInterval:(pause:!t,value:0),time:(from:now-1h,to:now))&_a=(filters:!(),linked:!f,query:(language:kuery,query:''),uiState:(),vis:(aggs:!(),params:(axis_formatter:number,axis_position:left,axis_scale:normal,default_index_pattern:'metricbeat-*',filter:(language:kuery,query:'host.name : \"example-01\"'),id:test-id,index_pattern:'metricbeat-*',interval:auto,series:!((axis_position:right,chart_type:line,color:%236092C0,fill:0,formatter:percent,id:test-id,label:'avg(system.cpu.user.pct)',line_width:2,metrics:!((field:system.cpu.user.pct,id:test-id,type:avg)),point_size:0,separate_axis:0,split_mode:everything,stacked:none,value_template:{{value}})),show_grid:1,show_legend:1,time_field:'@timestamp',type:timeseries),title:example-01,type:metrics))"
|
||||
);
|
||||
});
|
||||
|
||||
|
|
@ -80,7 +80,7 @@ describe('createTSVBLink()', () => {
|
|||
const customChartOptions = { ...chartOptions, type: MetricsExplorerChartType.area };
|
||||
const link = createTSVBLink(source, options, series, timeRange, customChartOptions);
|
||||
expect(link).toBe(
|
||||
"../app/kibana#/visualize/create?type=metrics&_g=(refreshInterval:(pause:!t,value:0),time:(from:now-1h,to:now))&_a=(filters:!(),linked:!f,query:(language:kuery,query:''),uiState:(),vis:(aggs:!(),params:(axis_formatter:number,axis_min:0,axis_position:left,axis_scale:normal,default_index_pattern:'metricbeat-*',filter:(language:kuery,query:'host.name : \"example-01\"'),id:test-id,index_pattern:'metricbeat-*',interval:auto,series:!((axis_position:right,chart_type:line,color:%233185FC,fill:0.5,formatter:percent,id:test-id,label:'avg(system.cpu.user.pct)',line_width:2,metrics:!((field:system.cpu.user.pct,id:test-id,type:avg)),point_size:0,separate_axis:0,split_mode:everything,stacked:none,value_template:{{value}})),show_grid:1,show_legend:1,time_field:'@timestamp',type:timeseries),title:example-01,type:metrics))"
|
||||
"../app/kibana#/visualize/create?type=metrics&_g=(refreshInterval:(pause:!t,value:0),time:(from:now-1h,to:now))&_a=(filters:!(),linked:!f,query:(language:kuery,query:''),uiState:(),vis:(aggs:!(),params:(axis_formatter:number,axis_min:0,axis_position:left,axis_scale:normal,default_index_pattern:'metricbeat-*',filter:(language:kuery,query:'host.name : \"example-01\"'),id:test-id,index_pattern:'metricbeat-*',interval:auto,series:!((axis_position:right,chart_type:line,color:%236092C0,fill:0.5,formatter:percent,id:test-id,label:'avg(system.cpu.user.pct)',line_width:2,metrics:!((field:system.cpu.user.pct,id:test-id,type:avg)),point_size:0,separate_axis:0,split_mode:everything,stacked:none,value_template:{{value}})),show_grid:1,show_legend:1,time_field:'@timestamp',type:timeseries),title:example-01,type:metrics))"
|
||||
);
|
||||
});
|
||||
|
||||
|
|
@ -92,7 +92,7 @@ describe('createTSVBLink()', () => {
|
|||
};
|
||||
const link = createTSVBLink(source, options, series, timeRange, customChartOptions);
|
||||
expect(link).toBe(
|
||||
"../app/kibana#/visualize/create?type=metrics&_g=(refreshInterval:(pause:!t,value:0),time:(from:now-1h,to:now))&_a=(filters:!(),linked:!f,query:(language:kuery,query:''),uiState:(),vis:(aggs:!(),params:(axis_formatter:number,axis_min:0,axis_position:left,axis_scale:normal,default_index_pattern:'metricbeat-*',filter:(language:kuery,query:'host.name : \"example-01\"'),id:test-id,index_pattern:'metricbeat-*',interval:auto,series:!((axis_position:right,chart_type:line,color:%233185FC,fill:0.5,formatter:percent,id:test-id,label:'avg(system.cpu.user.pct)',line_width:2,metrics:!((field:system.cpu.user.pct,id:test-id,type:avg)),point_size:0,separate_axis:0,split_mode:everything,stacked:stacked,value_template:{{value}})),show_grid:1,show_legend:1,time_field:'@timestamp',type:timeseries),title:example-01,type:metrics))"
|
||||
"../app/kibana#/visualize/create?type=metrics&_g=(refreshInterval:(pause:!t,value:0),time:(from:now-1h,to:now))&_a=(filters:!(),linked:!f,query:(language:kuery,query:''),uiState:(),vis:(aggs:!(),params:(axis_formatter:number,axis_min:0,axis_position:left,axis_scale:normal,default_index_pattern:'metricbeat-*',filter:(language:kuery,query:'host.name : \"example-01\"'),id:test-id,index_pattern:'metricbeat-*',interval:auto,series:!((axis_position:right,chart_type:line,color:%236092C0,fill:0.5,formatter:percent,id:test-id,label:'avg(system.cpu.user.pct)',line_width:2,metrics:!((field:system.cpu.user.pct,id:test-id,type:avg)),point_size:0,separate_axis:0,split_mode:everything,stacked:stacked,value_template:{{value}})),show_grid:1,show_legend:1,time_field:'@timestamp',type:timeseries),title:example-01,type:metrics))"
|
||||
);
|
||||
});
|
||||
|
||||
|
|
|
|||
|
|
@ -7,9 +7,12 @@
|
|||
import moment from 'moment';
|
||||
import React from 'react';
|
||||
|
||||
import { euiPaletteColorBlind } from '@elastic/eui';
|
||||
import { InfraFormatterType, InfraOptions, InfraWaffleMapLegendMode } from '../lib/lib';
|
||||
import { RendererFunction } from '../utils/typed_react';
|
||||
|
||||
const euiVisColorPalette = euiPaletteColorBlind();
|
||||
|
||||
const initialState = {
|
||||
options: {
|
||||
timerange: {
|
||||
|
|
@ -34,7 +37,7 @@ const initialState = {
|
|||
},
|
||||
{
|
||||
value: 1,
|
||||
color: '#3185FC',
|
||||
color: euiVisColorPalette[1],
|
||||
},
|
||||
],
|
||||
},
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="24" viewBox="0 0 36 24">
|
||||
<g fill="none" fill-rule="evenodd">
|
||||
<path fill="#00B3A4" fill-rule="nonzero" d="M33,7 L33,22 C33,22.5522847 32.5522847,23 32,23 L4,23 C3.44771525,23 3,22.5522847 3,22 L3,20 C4,20 6.5,16 9,16 C11.5,16 14,19 15,19 C16,19 18.2304686,12.0056015 20.8652343,12.0028008 C23.5,12 26,12 27,12 C28,12 30,7 33,7 Z" />
|
||||
<path fill="#54B399" fill-rule="nonzero" d="M33,7 L33,22 C33,22.5522847 32.5522847,23 32,23 L4,23 C3.44771525,23 3,22.5522847 3,22 L3,20 C4,20 6.5,16 9,16 C11.5,16 14,19 15,19 C16,19 18.2304686,12.0056015 20.8652343,12.0028008 C23.5,12 26,12 27,12 C28,12 30,7 33,7 Z" />
|
||||
<path fill="#69707D" fill-rule="nonzero" d="M9,2 C12,2 14,8 15,8 C16,8 18.5,5 21,5 C22.6666667,5 23.9443333,7.333 24.833,11.999 L25.1415524,12.0001851 C24.1293204,12.0004181 22.8717636,12.0009441 21.5486098,12.0021318 L20.8652343,12.0028008 C18.2304686,12.0056015 16,19 15,19 C14,19 11.5,16 9,16 C6.5,16 4,20 3,20 L3,20 L3,8 C4,6.5 6,2 9,2 Z" />
|
||||
</g>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 755 B After Width: | Height: | Size: 755 B |
|
|
@ -1,6 +1,6 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="24" viewBox="0 0 36 24">
|
||||
<g fill="none" fill-rule="evenodd">
|
||||
<path fill="#00B3A4" fill-rule="nonzero" d="M2.99988386,16.213 L3.48350681,16.3040885 L4.29647446,16.4500441 L5.05893763,16.5788635 C6.77926265,16.8594426 8.08887915,17 9,17 C9.98588087,17 10.7120234,16.7494439 12.1658521,16.034061 L12.4472136,15.8944272 C13.8017766,15.2171457 14.3808318,15 15,15 C15.5073017,15 15.9876756,15.1457694 16.8897238,15.5709561 L18.0984543,16.1628004 C19.379759,16.7797847 20.0757367,17 21,17 C22.0276746,17 22.7508134,16.6510411 24.1188138,15.6560123 L25.0094553,14.9970972 C26.0333232,14.2521968 26.5335058,14 27,14 C27.5813134,14 28.2313712,14.1853896 29.5976083,14.7184403 L30.6984731,15.1540241 L31.2658691,15.3712127 C31.9862357,15.6400999 32.5222061,15.8086684 33.0013768,15.9027957 L33,22 C33,22.5522847 32.5522847,23 32,23 L4,23 C3.44771525,23 2.99988386,22.5522847 2.99988386,22 L2.99988386,16.213 Z"/>
|
||||
<path fill="#54B399" fill-rule="nonzero" d="M2.99988386,16.213 L3.48350681,16.3040885 L4.29647446,16.4500441 L5.05893763,16.5788635 C6.77926265,16.8594426 8.08887915,17 9,17 C9.98588087,17 10.7120234,16.7494439 12.1658521,16.034061 L12.4472136,15.8944272 C13.8017766,15.2171457 14.3808318,15 15,15 C15.5073017,15 15.9876756,15.1457694 16.8897238,15.5709561 L18.0984543,16.1628004 C19.379759,16.7797847 20.0757367,17 21,17 C22.0276746,17 22.7508134,16.6510411 24.1188138,15.6560123 L25.0094553,14.9970972 C26.0333232,14.2521968 26.5335058,14 27,14 C27.5813134,14 28.2313712,14.1853896 29.5976083,14.7184403 L30.6984731,15.1540241 L31.2658691,15.3712127 C31.9862357,15.6400999 32.5222061,15.8086684 33.0013768,15.9027957 L33,22 C33,22.5522847 32.5522847,23 32,23 L4,23 C3.44771525,23 2.99988386,22.5522847 2.99988386,22 L2.99988386,16.213 Z"/>
|
||||
<path fill="#69707D" fill-rule="nonzero" d="M27,2 C28.3333333,2 30.3333333,3 33,5 L33.00068,13.8421016 L32.6757803,13.7445294 C32.3298316,13.6337324 31.9168942,13.4822979 31.4023917,13.2815597 L30.3015269,12.8459759 L29.7341309,12.6287873 L29.1977351,12.4356139 C28.276898,12.1184693 27.6761464,12 27,12 C25.9723254,12 25.2491866,12.3489589 23.8811862,13.3439877 L22.9905447,14.0029028 C21.9666768,14.7478032 21.4664942,15 21,15 C20.4926983,15 20.0123244,14.8542306 19.1102762,14.4290439 L17.9015457,13.8371996 C16.620241,13.2202153 15.9242633,13 15,13 C14.0141191,13 13.2879766,13.2505561 11.8341479,13.965939 L11.5527864,14.1055728 C10.1982234,14.7828543 9.61916824,15 9,15 L8.66631874,14.9932033 C7.48347119,14.9479299 5.58607425,14.6764419 3.00069957,14.1775737 L3,10 C5,10 7.66666667,11 9,11 C11,11 13,7 15,7 C17,7 19,8 21,8 C23,8 25,2 27,2 Z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 1.8 KiB After Width: | Height: | Size: 1.8 KiB |
|
|
@ -1,6 +1,6 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="24" viewBox="0 0 36 24">
|
||||
<g fill="none" fill-rule="evenodd">
|
||||
<path fill="#69707D" fill-rule="nonzero" d="M8,8 C8.55228,8 9,8.44772 9,9 L9,22 C9,22.5523 8.55228,23 8,23 L4,23 C3.44772,23 3,22.5523 3,22 L3,9 C3,8.44772 3.44772,8 4,8 L8,8 Z M24,1 C24.5523,1 25,1.44772 25,2 L25,22 C25,22.5523 24.5523,23 24,23 L20,23 C19.4477,23 19,22.5523 19,22 L19,2 C19,1.44772 19.4477,1 20,1 L24,1 Z"/>
|
||||
<path fill="#00B3A4" fill-rule="nonzero" d="M16,12 C16.5523,12 17,12.4477 17,13 L17,22 C17,22.5523 16.5523,23 16,23 L12,23 C11.4477,23 11,22.5523 11,22 L11,13 C11,12.4477 11.4477,12 12,12 L16,12 Z M32,5 C32.5523,5 33,5.44772 33,6 L33,22 C33,22.5523 32.5523,23 32,23 L28,23 C27.4477,23 27,22.5523 27,22 L27,6 C27,5.44772 27.4477,5 28,5 L32,5 Z"/>
|
||||
<path fill="#54B399" fill-rule="nonzero" d="M16,12 C16.5523,12 17,12.4477 17,13 L17,22 C17,22.5523 16.5523,23 16,23 L12,23 C11.4477,23 11,22.5523 11,22 L11,13 C11,12.4477 11.4477,12 12,12 L16,12 Z M32,5 C32.5523,5 33,5.44772 33,6 L33,22 C33,22.5523 32.5523,23 32,23 L28,23 C27.4477,23 27,22.5523 27,22 L27,6 C27,5.44772 27.4477,5 28,5 L32,5 Z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 816 B After Width: | Height: | Size: 816 B |
|
|
@ -1,6 +1,6 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="24" viewBox="0 0 36 24">
|
||||
<g fill="none" fill-rule="evenodd">
|
||||
<path fill="#69707D" fill-rule="nonzero" d="M31,17 C31.5523,17 32,17.4477 32,18 L32,22 C32,22.5523 31.5523,23 31,23 L5,23 C4.44771,23 4,22.5523 4,22 L4,18 C4,17.4477 4.44772,17 5,17 L31,17 Z M26,1 C26.5523,1 27,1.44772 27,2 L27,6 C27,6.55228 26.5523,7 26,7 L5,7 C4.44772,7 4,6.55228 4,6 L4,2 C4,1.44772 4.44772,1 5,1 L26,1 Z"/>
|
||||
<path fill="#00B3A4" fill-rule="nonzero" d="M4,10 C4,9.44772 4.44772,9 5,9 L20,9 C20.5523,9 21,9.44772 21,10 L21,14 C21,14.5523 20.5523,15 20,15 L5,15 C4.44772,15 4,14.5523 4,14 L4,10 Z"/>
|
||||
<path fill="#54B399" fill-rule="nonzero" d="M4,10 C4,9.44772 4.44772,9 5,9 L20,9 C20.5523,9 21,9.44772 21,10 L21,14 C21,14.5523 20.5523,15 20,15 L5,15 C4.44772,15 4,14.5523 4,14 L4,10 Z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 661 B After Width: | Height: | Size: 661 B |
|
|
@ -1,6 +1,6 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="24" viewBox="0 0 36 24">
|
||||
<g fill="none" fill-rule="evenodd">
|
||||
<path fill="#69707D" fill-rule="nonzero" d="M22,17 L22,23 L5,23 C4.44771,23 4,22.5523 4,22 L4,18 C4,17.4477 4.44772,17 5,17 L22,17 Z M19,9 L19,15 L5.22222222,15 C4.54721333,15 4,14.5523 4,14 L4,10 C4,9.44772 4.54721333,9 5.22222222,9 L19,9 Z M20,1 L20,7 L5.04166667,7 C4.466375,7 4,6.55228 4,6 L4,2 C4,1.44772 4.466375,1 5.04166667,1 L20,1 Z"/>
|
||||
<path fill="#00B3A4" fill-rule="nonzero" d="M31,17 C31.5523,17 32,17.4477 32,18 L32,22 C32,22.5523 31.5523,23 31,23 L24,23 L24,17 L31,17 Z M23.7777778,9 C24.4528111,9 25,9.44772 25,10 L25,14 C25,14.5523 24.4528111,15 23.7777778,15 L21,15 L21,9 L23.7777778,9 Z M26.9583333,1 C27.5336458,1 28,1.44772 28,2 L28,6 C28,6.55228 27.5336458,7 26.9583333,7 L22,7 L22,1 L26.9583333,1 Z"/>
|
||||
<path fill="#54B399" fill-rule="nonzero" d="M31,17 C31.5523,17 32,17.4477 32,18 L32,22 C32,22.5523 31.5523,23 31,23 L24,23 L24,17 L31,17 Z M23.7777778,9 C24.4528111,9 25,9.44772 25,10 L25,14 C25,14.5523 24.4528111,15 23.7777778,15 L21,15 L21,9 L23.7777778,9 Z M26.9583333,1 C27.5336458,1 28,1.44772 28,2 L28,6 C28,6.55228 27.5336458,7 26.9583333,7 L22,7 L22,1 L26.9583333,1 Z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 868 B After Width: | Height: | Size: 868 B |
|
|
@ -1,6 +1,6 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="24" viewBox="0 0 36 24">
|
||||
<g fill="none" fill-rule="evenodd">
|
||||
<path fill="#69707D" fill-rule="nonzero" d="M9,14 L9,22 C9,22.5523 8.55228,23 8,23 L4,23 C3.44772,23 3,22.5523 3,22 L3,14 L9,14 Z M17,10 L17,22 C17,22.5523 16.5523,23 16,23 L12,23 C11.4477,23 11,22.5523 11,22 L11,10 L17,10 Z M25,14 L25,22 C25,22.5523 24.5523,23 24,23 L20,23 C19.4477,23 19,22.5523 19,22 L19,14 L25,14 Z M33,15 L33,22 C33,22.5523 32.5523,23 32,23 L28,23 C27.4477,23 27,22.5523 27,22 L27,15 L33,15 Z"/>
|
||||
<path fill="#00B3A4" fill-rule="nonzero" d="M32,2 C32.5523,2 33,2.44772 33,3 L33,13 L27,13 L27,3 C27,2.44772 27.4477,2 28,2 L32,2 Z M8,8 C8.55228,8 9,8.44772 9,9 L9,12 L3,12 L3,9 C3,8.44772 3.44772,8 4,8 L8,8 Z M24,4 C24.5523,4 25,4.44772 25,5 L25,12 L19,12 L19,5 C19,4.44772 19.4477,4 20,4 L24,4 Z M16,1 C16.5523,1 17,1.44772 17,2 L17,8 L11,8 L11,2 C11,1.44772 11.4477,1 12,1 L16,1 Z"/>
|
||||
<path fill="#54B399" fill-rule="nonzero" d="M32,2 C32.5523,2 33,2.44772 33,3 L33,13 L27,13 L27,3 C27,2.44772 27.4477,2 28,2 L32,2 Z M8,8 C8.55228,8 9,8.44772 9,9 L9,12 L3,12 L3,9 C3,8.44772 3.44772,8 4,8 L8,8 Z M24,4 C24.5523,4 25,4.44772 25,5 L25,12 L19,12 L19,5 C19,4.44772 19.4477,4 20,4 L24,4 Z M16,1 C16.5523,1 17,1.44772 17,2 L17,8 L11,8 L11,2 C11,1.44772 11.4477,1 12,1 L16,1 Z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 950 B After Width: | Height: | Size: 950 B |
|
|
@ -1,6 +1,6 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="24" viewBox="0 0 36 24">
|
||||
<g fill="none" fill-rule="evenodd">
|
||||
<path fill="#69707D" fill-rule="nonzero" d="M14,19 C14.5523,19 15,19.4477 15,20 L15,22 C15,22.5523 14.5523,23 14,23 L4,23 C3.44772,23 3,22.5523 3,22 L3,20 C3,19.4477 3.44772,19 4,19 L14,19 Z M14,13 C14.5523,13 15,13.4477 15,14 L15,16 C15,16.5523 14.5523,17 14,17 L4,17 C3.44772,17 3,16.5523 3,16 L3,14 C3,13.4477 3.44772,13 4,13 L14,13 Z M14,7 C14.5523,7 15,7.44772 15,8 L15,10 C15,10.5523 14.5523,11 14,11 L4,11 C3.44772,11 3,10.5523 3,10 L3,8 C3,7.44772 3.44772,7 4,7 L14,7 Z M32,1 C32.5523,1 33,1.44772 33,2 L33,4 C33,4.55228 32.5523,5 32,5 L4,5 C3.44772,5 3,4.55228 3,4 L3,2 C3,1.44772 3.44772,1 4,1 L32,1 Z"/>
|
||||
<path fill="#00B3A4" fill-rule="nonzero" d="M23,19 C23.5523,19 24,19.4477 24,20 L24,22 C24,22.51285 23.613973,22.9355092 23.1166239,22.9932725 L23,23 L18,23 C17.4477,23 17,22.5523 17,22 L17,20 C17,19.4477 17.4477,19 18,19 L23,19 Z M32,19 C32.5523,19 33,19.4477 33,20 L33,22 C33,22.5523 32.5523,23 32,23 L27,23 C26.4477,23 26,22.5523 26,22 L26,20 C26,19.4477 26.4477,19 27,19 L32,19 Z M23,13 C23.5523,13 24,13.4477 24,14 L24,16 C24,16.51285 23.613973,16.9355092 23.1166239,16.9932725 L23,17 L18,17 C17.4477,17 17,16.5523 17,16 L17,14 C17,13.4477 17.4477,13 18,13 L23,13 Z M32,13 C32.5523,13 33,13.4477 33,14 L33,16 C33,16.5523 32.5523,17 32,17 L27,17 C26.4477,17 26,16.5523 26,16 L26,14 C26,13.4477 26.4477,13 27,13 L32,13 Z M23,7 C23.5523,7 24,7.44772 24,8 L24,10 C24,10.51285 23.613973,10.9355092 23.1166239,10.9932725 L23,11 L18,11 C17.4477,11 17,10.5523 17,10 L17,8 C17,7.44772 17.4477,7 18,7 L23,7 Z M32,7 C32.5523,7 33,7.44772 33,8 L33,10 C33,10.5523 32.5523,11 32,11 L27,11 C26.4477,11 26,10.5523 26,10 L26,8 C26,7.44772 26.4477,7 27,7 L32,7 Z"/>
|
||||
<path fill="#54B399" fill-rule="nonzero" d="M23,19 C23.5523,19 24,19.4477 24,20 L24,22 C24,22.51285 23.613973,22.9355092 23.1166239,22.9932725 L23,23 L18,23 C17.4477,23 17,22.5523 17,22 L17,20 C17,19.4477 17.4477,19 18,19 L23,19 Z M32,19 C32.5523,19 33,19.4477 33,20 L33,22 C33,22.5523 32.5523,23 32,23 L27,23 C26.4477,23 26,22.5523 26,22 L26,20 C26,19.4477 26.4477,19 27,19 L32,19 Z M23,13 C23.5523,13 24,13.4477 24,14 L24,16 C24,16.51285 23.613973,16.9355092 23.1166239,16.9932725 L23,17 L18,17 C17.4477,17 17,16.5523 17,16 L17,14 C17,13.4477 17.4477,13 18,13 L23,13 Z M32,13 C32.5523,13 33,13.4477 33,14 L33,16 C33,16.5523 32.5523,17 32,17 L27,17 C26.4477,17 26,16.5523 26,16 L26,14 C26,13.4477 26.4477,13 27,13 L32,13 Z M23,7 C23.5523,7 24,7.44772 24,8 L24,10 C24,10.51285 23.613973,10.9355092 23.1166239,10.9932725 L23,11 L18,11 C17.4477,11 17,10.5523 17,10 L17,8 C17,7.44772 17.4477,7 18,7 L23,7 Z M32,7 C32.5523,7 33,7.44772 33,8 L33,10 C33,10.5523 32.5523,11 32,11 L27,11 C26.4477,11 26,10.5523 26,10 L26,8 C26,7.44772 26.4477,7 27,7 L32,7 Z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 1.8 KiB After Width: | Height: | Size: 1.8 KiB |
|
|
@ -1,6 +1,6 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="24" viewBox="0 0 36 24">
|
||||
<g fill="none" fill-rule="evenodd">
|
||||
<path fill="#69707D" fill-rule="nonzero" d="M26.4344877,17.4565047 C26.645018,18.0091467 26.8398529,18.4376454 27.0139445,18.7331648 L27.0872705,18.8516486 C27.125032,18.9094709 27.159269,18.9566974 27.1883422,18.9930202 C27.7077421,18.9539174 28.2572038,18.7447839 29.3175699,18.2223667 L29.5527864,18.1055728 C31.1982234,17.2828543 31.9525016,17 33,17 L33,19 C32.4926983,19 32.0123244,19.1457694 31.1102762,19.5709561 L29.9015457,20.1628004 C28.620241,20.7797847 27.9242633,21 27,21 L26.8258382,20.9949604 C25.574689,20.9192339 25.0213871,19.9585786 23.8322417,16.0017929 L25.9297735,16.0009939 C26.1091193,16.564215 26.2653634,17.0125534 26.4344877,17.4565047 Z M9,2 C10.2687578,2 10.9659083,2.68913749 12.4918637,4.93898384 L13.265899,6.08501911 L13.5378436,6.47209062 L13.7986997,6.82959667 C14.4170887,7.6577293 14.7864833,8 15,8 C15.4664942,8 15.9666768,7.74780319 16.9905447,7.00290285 L17.8811862,6.34398766 L18.3387795,6.01914366 C19.4235519,5.27168078 20.0932283,5 21,5 C22.3766521,5 22.9249023,5.86257993 24.1679983,9.99900565 L22.0705386,10 C21.891062,9.43630516 21.7347347,8.98770414 21.5655123,8.54349533 C21.3249062,7.91190445 21.1048003,7.44245987 20.9127295,7.1483514 L20.8617638,7.07355628 L20.8165496,7.01313294 C20.3652655,7.07768487 19.8294645,7.38913892 18.810379,8.14322338 L18.1188138,8.65601234 L17.6612205,8.98085634 C16.5764481,9.72831922 15.9067717,10 15,10 C13.7312422,10 13.0340917,9.31086251 11.5081363,7.06101616 L10.734101,5.91498089 L10.4621564,5.52790938 L10.2013003,5.17040333 C9.58291131,4.3422707 9.2135167,4 9,4 C8.70552018,4 8.11453538,4.65105416 6.9827601,6.32986537 L6.49186371,7.06101616 L6.16583621,7.53564558 C4.85949038,9.40917568 4.17477576,10 3,10 L3,8 C3.29447982,8 3.88546462,7.34894584 5.0172399,5.67013463 L5.50813629,4.93898384 L5.83416379,4.46435442 C7.14050962,2.59082432 7.82522424,2 9,2 Z"/>
|
||||
<path fill="#00B3A4" fill-rule="nonzero" d="M3,22 C4.12292953,22 4.85242764,21.5230595 6.29512871,20.1146533 L7.05279708,19.365471 L7.39778355,19.0352763 C8.20887781,18.2755754 8.64742016,18 9,18 C9.46649419,18 9.96667676,18.2521968 10.9905447,18.9970972 L11.8811862,19.6560123 L12.3387795,19.9808563 C13.4235519,20.7283192 14.0932283,21 15,21 C16.3246632,21 16.9957891,20.227811 18.5460212,17.5561347 L19.1387229,16.5278934 L19.5237801,15.8818271 C20.3284171,14.5614459 20.7963671,14 21,14 L27,14 C28.3328787,14 28.9781636,13.205228 30.4516519,10.3241353 L31.1438791,8.95355008 L31.5024143,8.26452693 C32.3332975,6.69934793 32.8305201,6 33,6 L33,4 C31.6671213,4 31.0218364,4.79477202 29.5483481,7.67586473 L28.8561209,9.04644992 L28.4975857,9.73547307 C27.6667025,11.3006521 27.1694799,12 27,12 L21,12 C19.6753368,12 19.0042109,12.772189 17.4539788,15.4438653 L16.8612771,16.4721066 L16.4762199,17.1181729 C15.6715829,18.4385541 15.2036329,19 15,19 C14.5335058,19 14.0333232,18.7478032 13.0094553,18.0029028 L12.1188138,17.3439877 L11.6612205,17.0191437 C10.5764481,16.2716808 9.90677174,16 9,16 C7.87707047,16 7.14757236,16.4769405 5.70487129,17.8853467 L4.94720292,18.634529 L4.60221645,18.9647237 C3.79112219,19.7244246 3.35257984,20 3,20 L3,22 Z"/>
|
||||
<path fill="#54B399" fill-rule="nonzero" d="M3,22 C4.12292953,22 4.85242764,21.5230595 6.29512871,20.1146533 L7.05279708,19.365471 L7.39778355,19.0352763 C8.20887781,18.2755754 8.64742016,18 9,18 C9.46649419,18 9.96667676,18.2521968 10.9905447,18.9970972 L11.8811862,19.6560123 L12.3387795,19.9808563 C13.4235519,20.7283192 14.0932283,21 15,21 C16.3246632,21 16.9957891,20.227811 18.5460212,17.5561347 L19.1387229,16.5278934 L19.5237801,15.8818271 C20.3284171,14.5614459 20.7963671,14 21,14 L27,14 C28.3328787,14 28.9781636,13.205228 30.4516519,10.3241353 L31.1438791,8.95355008 L31.5024143,8.26452693 C32.3332975,6.69934793 32.8305201,6 33,6 L33,4 C31.6671213,4 31.0218364,4.79477202 29.5483481,7.67586473 L28.8561209,9.04644992 L28.4975857,9.73547307 C27.6667025,11.3006521 27.1694799,12 27,12 L21,12 C19.6753368,12 19.0042109,12.772189 17.4539788,15.4438653 L16.8612771,16.4721066 L16.4762199,17.1181729 C15.6715829,18.4385541 15.2036329,19 15,19 C14.5335058,19 14.0333232,18.7478032 13.0094553,18.0029028 L12.1188138,17.3439877 L11.6612205,17.0191437 C10.5764481,16.2716808 9.90677174,16 9,16 C7.87707047,16 7.14757236,16.4769405 5.70487129,17.8853467 L4.94720292,18.634529 L4.60221645,18.9647237 C3.79112219,19.7244246 3.35257984,20 3,20 L3,22 Z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 3.2 KiB After Width: | Height: | Size: 3.2 KiB |
|
|
@ -1,4 +1,4 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="24" viewBox="0 0 36 24">
|
||||
<path fill="#00B3A4" fill-rule="nonzero" d="M28,1 C28.5522847,1 29,1.44771525 29,2 L29,16 C29,16.5522847 28.5522847,17 28,17 L8,17 C7.44771525,17 7,16.5522847 7,16 L7,2 C7,1.44771525 7.44771525,1 8,1 L28,1 Z M18.121739,4 C16.2349057,4 14.8565724,5.10741667 14.861239,6.60931667 C14.8565724,7.66445 15.5314057,8.54848333 16.534239,8.76711667 L16.534239,8.76711667 L16.534239,8.83365 L16.3790783,8.86464202 C15.3051301,9.11664291 14.4956154,10.0961758 14.5000179,11.2576667 C14.4954057,12.8403333 15.997239,14 18.121739,14 C20.227239,14 21.7339057,12.8403333 21.738739,11.2576667 C21.7339057,10.0408667 20.8355724,9.02376667 19.7044057,8.83365 L19.7044057,8.83365 L19.7044057,8.76711667 L19.8655411,8.72460142 C20.7621964,8.44972932 21.3729983,7.60583148 21.3774057,6.60931667 C21.372739,5.11216667 19.9944057,4 18.121739,4 Z M18.121739,9.54183333 C19.1579057,9.54183333 19.9184057,10.2072167 19.9279057,11.134 C19.9184057,12.0323333 19.210239,12.6406667 18.121739,12.6406667 C17.0190724,12.6406667 16.306239,12.0323333 16.315739,11.134 C16.306239,10.2024667 17.0714057,9.54183333 18.121739,9.54183333 Z M18.121739,5.37833333 C19.0295724,5.37833333 19.652239,5.93916667 19.661739,6.77566667 C19.652239,7.62643333 19.0105724,8.20626667 18.121739,8.20626667 C17.218739,8.20626667 16.5724057,7.62166667 16.5819057,6.77566667 C16.5724057,5.93916667 17.199739,5.37833333 18.121739,5.37833333 Z" />
|
||||
<path fill="#54B399" fill-rule="nonzero" d="M28,1 C28.5522847,1 29,1.44771525 29,2 L29,16 C29,16.5522847 28.5522847,17 28,17 L8,17 C7.44771525,17 7,16.5522847 7,16 L7,2 C7,1.44771525 7.44771525,1 8,1 L28,1 Z M18.121739,4 C16.2349057,4 14.8565724,5.10741667 14.861239,6.60931667 C14.8565724,7.66445 15.5314057,8.54848333 16.534239,8.76711667 L16.534239,8.76711667 L16.534239,8.83365 L16.3790783,8.86464202 C15.3051301,9.11664291 14.4956154,10.0961758 14.5000179,11.2576667 C14.4954057,12.8403333 15.997239,14 18.121739,14 C20.227239,14 21.7339057,12.8403333 21.738739,11.2576667 C21.7339057,10.0408667 20.8355724,9.02376667 19.7044057,8.83365 L19.7044057,8.83365 L19.7044057,8.76711667 L19.8655411,8.72460142 C20.7621964,8.44972932 21.3729983,7.60583148 21.3774057,6.60931667 C21.372739,5.11216667 19.9944057,4 18.121739,4 Z M18.121739,9.54183333 C19.1579057,9.54183333 19.9184057,10.2072167 19.9279057,11.134 C19.9184057,12.0323333 19.210239,12.6406667 18.121739,12.6406667 C17.0190724,12.6406667 16.306239,12.0323333 16.315739,11.134 C16.306239,10.2024667 17.0714057,9.54183333 18.121739,9.54183333 Z M18.121739,5.37833333 C19.0295724,5.37833333 19.652239,5.93916667 19.661739,6.77566667 C19.652239,7.62643333 19.0105724,8.20626667 18.121739,8.20626667 C17.218739,8.20626667 16.5724057,7.62166667 16.5819057,6.77566667 C16.5724057,5.93916667 17.199739,5.37833333 18.121739,5.37833333 Z" />
|
||||
<path fill="#69707D" d="M4,19 L32,19 C32.5522847,19 33,19.4477153 33,20 L33,22 C33,22.5522847 32.5522847,23 32,23 L4,23 C3.44771525,23 3,22.5522847 3,22 L3,20 C3,19.4477153 3.44771525,19 4,19 Z" />
|
||||
</svg>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 1.6 KiB After Width: | Height: | Size: 1.6 KiB |
|
|
@ -1,6 +1,6 @@
|
|||
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="24" viewBox="0 0 36 24">
|
||||
<g fill="none" fill-rule="evenodd">
|
||||
<path fill="#00B3A4" fill-rule="nonzero" d="M27,17 L27.186529,16.9974776 L27.186529,16.9974776 L27.5306489,16.9780319 L27.5306489,16.9780319 L27.7970813,16.9480498 L27.7970813,16.9480498 L28.1314132,16.8902959 L28.1314132,16.8902959 L28.3240687,16.8467882 L28.3240687,16.8467882 L28.5741436,16.7795968 L28.5741436,16.7795968 L28.7972534,16.7101669 L28.7972534,16.7101669 L29.0118952,16.6357956 L29.0118952,16.6357956 L29.2206832,16.5573466 L29.2206832,16.5573466 L29.5257429,16.4328291 L29.5257429,16.4328291 C29.6917615,16.3625772 29.8659214,16.2847405 30.0504789,16.1988116 L30.3353955,16.0637856 L31.5366424,15.4755067 C31.9652048,15.2735009 32.2651595,15.1500775 32.5027091,15.079784 C32.6490036,15.0364082 32.7720846,15.0132176 32.8871051,15.0043333 L33,15 L33,22 C33,22.5522847 32.5522847,23 32,23 L4,23 C3.44771525,23 3,22.5522847 3,22 L3,20 C4,20 6.5,16 9,16 C11.5,16 14,19 15,19 C16,19 18.2304686,11.0056015 20.8652343,11.0028008 L22.032,11.001 L22.5729797,12.2063372 L22.8453722,12.8006363 L23.1353155,13.4131932 C23.6517923,14.4818141 24.0899456,15.2554854 24.5264765,15.8043369 C24.6066449,15.9049139 24.6868272,15.9982178 24.7674282,16.0843602 C24.8620797,16.185372 24.9556984,16.2752259 25.0500608,16.355767 L25.1925522,16.4698309 C25.4114165,16.6341602 25.6390246,16.7544067 25.8838085,16.8384272 C26.0902723,16.9092634 26.3087339,16.954332 26.5445339,16.9783817 L26.6855542,16.9901593 L26.6855542,16.9901593 L26.8388203,16.9975385 L27,17 Z M33,5 L33,11 L32.813471,11.0025224 L32.813471,11.0025224 L32.4693511,11.0219681 L32.4693511,11.0219681 L32.2029187,11.0519502 L32.2029187,11.0519502 L31.8715657,11.1090897 L31.8715657,11.1090897 L31.6759313,11.1532118 L31.6759313,11.1532118 L31.4258564,11.2204032 L31.4258564,11.2204032 L31.1218141,11.3168815 L31.1218141,11.3168815 L30.9881048,11.3642044 C30.8638886,11.4090134 30.7354373,11.4588632 30.6017511,11.5137699 L30.4742571,11.5671709 C30.3082385,11.6374228 30.1340786,11.7152595 29.9495211,11.8011884 L29.6646045,11.9362144 L28.4012468,12.5538016 L28.4012468,12.5538016 L28.0492427,12.712509 L28.0492427,12.712509 L27.8622668,12.7905874 L27.6054984,12.886256 L27.6054984,12.886256 L27.4284236,12.9397598 C27.3194005,12.758065 27.1915885,12.5277585 27.0479541,12.2534345 L26.8876454,11.9420304 L26.655,11.472 L26.6387264,11 L27,11 C28,11 30,5 33,5 Z"/>
|
||||
<path fill="#54B399" fill-rule="nonzero" d="M27,17 L27.186529,16.9974776 L27.186529,16.9974776 L27.5306489,16.9780319 L27.5306489,16.9780319 L27.7970813,16.9480498 L27.7970813,16.9480498 L28.1314132,16.8902959 L28.1314132,16.8902959 L28.3240687,16.8467882 L28.3240687,16.8467882 L28.5741436,16.7795968 L28.5741436,16.7795968 L28.7972534,16.7101669 L28.7972534,16.7101669 L29.0118952,16.6357956 L29.0118952,16.6357956 L29.2206832,16.5573466 L29.2206832,16.5573466 L29.5257429,16.4328291 L29.5257429,16.4328291 C29.6917615,16.3625772 29.8659214,16.2847405 30.0504789,16.1988116 L30.3353955,16.0637856 L31.5366424,15.4755067 C31.9652048,15.2735009 32.2651595,15.1500775 32.5027091,15.079784 C32.6490036,15.0364082 32.7720846,15.0132176 32.8871051,15.0043333 L33,15 L33,22 C33,22.5522847 32.5522847,23 32,23 L4,23 C3.44771525,23 3,22.5522847 3,22 L3,20 C4,20 6.5,16 9,16 C11.5,16 14,19 15,19 C16,19 18.2304686,11.0056015 20.8652343,11.0028008 L22.032,11.001 L22.5729797,12.2063372 L22.8453722,12.8006363 L23.1353155,13.4131932 C23.6517923,14.4818141 24.0899456,15.2554854 24.5264765,15.8043369 C24.6066449,15.9049139 24.6868272,15.9982178 24.7674282,16.0843602 C24.8620797,16.185372 24.9556984,16.2752259 25.0500608,16.355767 L25.1925522,16.4698309 C25.4114165,16.6341602 25.6390246,16.7544067 25.8838085,16.8384272 C26.0902723,16.9092634 26.3087339,16.954332 26.5445339,16.9783817 L26.6855542,16.9901593 L26.6855542,16.9901593 L26.8388203,16.9975385 L27,17 Z M33,5 L33,11 L32.813471,11.0025224 L32.813471,11.0025224 L32.4693511,11.0219681 L32.4693511,11.0219681 L32.2029187,11.0519502 L32.2029187,11.0519502 L31.8715657,11.1090897 L31.8715657,11.1090897 L31.6759313,11.1532118 L31.6759313,11.1532118 L31.4258564,11.2204032 L31.4258564,11.2204032 L31.1218141,11.3168815 L31.1218141,11.3168815 L30.9881048,11.3642044 C30.8638886,11.4090134 30.7354373,11.4588632 30.6017511,11.5137699 L30.4742571,11.5671709 C30.3082385,11.6374228 30.1340786,11.7152595 29.9495211,11.8011884 L29.6646045,11.9362144 L28.4012468,12.5538016 L28.4012468,12.5538016 L28.0492427,12.712509 L28.0492427,12.712509 L27.8622668,12.7905874 L27.6054984,12.886256 L27.6054984,12.886256 L27.4284236,12.9397598 C27.3194005,12.758065 27.1915885,12.5277585 27.0479541,12.2534345 L26.8876454,11.9420304 L26.655,11.472 L26.6387264,11 L27,11 C28,11 30,5 33,5 Z"/>
|
||||
<path fill="#69707D" fill-rule="nonzero" d="M33,14 C32.4926983,14 32.0123244,14.1457694 31.1102762,14.5709561 L29.9015457,15.1628004 C28.620241,15.7797847 27.9242633,16 27,16 C25.6159171,16 24.996673,15.1346903 23.4839445,11.7938531 L22.8470575,10.3738187 L22.5009848,9.62538829 L22.2884925,9.18043954 C21.57063,7.69807401 21.1257654,7 21,7 C20.5335058,7 20.0333232,7.25219681 19.0094553,7.99709715 L18.1188138,8.65601234 L17.6612205,8.98085634 C16.5764481,9.72831922 15.9067717,10 15,10 C13.7312422,10 13.0340917,9.31086251 11.5081363,7.06101616 L10.734101,5.91498089 L10.4621564,5.52790938 L10.2013003,5.17040333 C9.58291131,4.3422707 9.2135167,4 9,4 C8.70552018,4 8.11453538,4.65105416 6.9827601,6.32986537 L6.49186371,7.06101616 L6.16583621,7.53564558 C4.85949038,9.40917568 4.17477576,10 3,10 L3,8 C3.29447982,8 3.88546462,7.34894584 5.0172399,5.67013463 L5.50813629,4.93898384 L5.83416379,4.46435442 C7.14050962,2.59082432 7.82522424,2 9,2 C10.2687578,2 10.9659083,2.68913749 12.4918637,4.93898384 L13.265899,6.08501911 L13.5378436,6.47209062 L13.7986997,6.82959667 C14.4170887,7.6577293 14.7864833,8 15,8 C15.4664942,8 15.9666768,7.74780319 16.9905447,7.00290285 L17.8811862,6.34398766 L18.3387795,6.01914366 C19.4235519,5.27168078 20.0932283,5 21,5 C22.3840829,5 23.003327,5.86530972 24.5160555,9.20614691 L25.1529425,10.6261813 L25.4990152,11.3746117 L25.7115075,11.8195605 C26.42937,13.301926 26.8742346,14 27,14 C27.5073017,14 27.9876756,13.8542306 28.8897238,13.4290439 L30.0984543,12.8371996 C31.379759,12.2202153 32.0757367,12 33,12 L33,14 Z"/>
|
||||
<path fill="#69707D" fill-rule="nonzero" d="M9,14 L9,21.8888889 C9,22.5025556 8.55228,23 8,23 L4,23 C3.44772,23 3,22.5025556 3,21.8888889 L3,14 C3,13.4477153 3.44771525,13 4,13 L8,13 C8.55228475,13 9,13.4477153 9,14 Z M17,13 L17,22 C17,22.5522847 16.5522847,23 16,23 L12,23 C11.4477153,23 11,22.5522847 11,22 L11,13 C11,12.4477153 11.4477153,12 12,12 L16,12 C16.5522847,12 17,12.4477153 17,13 Z M25,18 L25,22 C25,22.5522847 24.5522847,23 24,23 L20,23 C19.4477153,23 19,22.5522847 19,22 L19,18 C19,17.4477153 19.4477153,17 20,17 L24,17 C24.5522847,17 25,17.4477153 25,18 Z M33,20 L33,22 C33,22.5522847 32.5522847,23 32,23 L28,23 C27.4477153,23 27,22.5522847 27,22 L27,20 C27,19.4477153 27.4477153,19 28,19 L32,19 C32.5522847,19 33,19.4477153 33,20 Z"/>
|
||||
</g>
|
||||
|
|
|
|||
|
Before Width: | Height: | Size: 4.7 KiB After Width: | Height: | Size: 4.7 KiB |
|
|
@ -19,35 +19,35 @@ describe('FieldIcon', () => {
|
|||
expect(shallow(<FieldIcon type="boolean" />)).toMatchInlineSnapshot(`
|
||||
<EuiIcon
|
||||
className="lnsFieldListPanel__fieldIcon lnsFieldListPanel__fieldIcon--boolean"
|
||||
color="#FAE181"
|
||||
color="#D6BF57"
|
||||
type="invert"
|
||||
/>
|
||||
`);
|
||||
expect(shallow(<FieldIcon type="date" />)).toMatchInlineSnapshot(`
|
||||
<EuiIcon
|
||||
className="lnsFieldListPanel__fieldIcon lnsFieldListPanel__fieldIcon--date"
|
||||
color="#F19F58"
|
||||
color="#DA8B45"
|
||||
type="calendar"
|
||||
/>
|
||||
`);
|
||||
expect(shallow(<FieldIcon type="number" />)).toMatchInlineSnapshot(`
|
||||
<EuiIcon
|
||||
className="lnsFieldListPanel__fieldIcon lnsFieldListPanel__fieldIcon--number"
|
||||
color="#5BBAA0"
|
||||
color="#54B399"
|
||||
type="number"
|
||||
/>
|
||||
`);
|
||||
expect(shallow(<FieldIcon type="string" />)).toMatchInlineSnapshot(`
|
||||
<EuiIcon
|
||||
className="lnsFieldListPanel__fieldIcon lnsFieldListPanel__fieldIcon--string"
|
||||
color="#EEAFCF"
|
||||
color="#CA8EAE"
|
||||
type="string"
|
||||
/>
|
||||
`);
|
||||
expect(shallow(<FieldIcon type="ip" />)).toMatchInlineSnapshot(`
|
||||
<EuiIcon
|
||||
className="lnsFieldListPanel__fieldIcon lnsFieldListPanel__fieldIcon--ip"
|
||||
color="#B46F5F"
|
||||
color="#AA6556"
|
||||
type="ip"
|
||||
/>
|
||||
`);
|
||||
|
|
|
|||
|
|
@ -20,10 +20,10 @@ test('LensFieldIcon renders properly', () => {
|
|||
|
||||
test('LensFieldIcon getColorForDataType for a valid type', () => {
|
||||
const color = getColorForDataType('date');
|
||||
expect(color).toEqual('#F19F58');
|
||||
expect(color).toEqual('#DA8B45');
|
||||
});
|
||||
|
||||
test('LensFieldIcon getColorForDataType for an invalid type', () => {
|
||||
const color = getColorForDataType('invalid');
|
||||
expect(color).toEqual('#5BBAA0');
|
||||
expect(color).toEqual('#54B399');
|
||||
});
|
||||
|
|
|
|||
|
|
@ -88,15 +88,15 @@ exports[`xy_expression XYChart component it renders area 1`] = `
|
|||
"colors": Object {
|
||||
"defaultVizColor": "#6092C0",
|
||||
"vizColors": Array [
|
||||
"#5BBAA0",
|
||||
"#54B399",
|
||||
"#6092C0",
|
||||
"#D36086",
|
||||
"#9170B8",
|
||||
"#EEAFCF",
|
||||
"#FAE181",
|
||||
"#CDBD9D",
|
||||
"#F19F58",
|
||||
"#B46F5F",
|
||||
"#CA8EAE",
|
||||
"#D6BF57",
|
||||
"#B9A888",
|
||||
"#DA8B45",
|
||||
"#AA6556",
|
||||
"#E7664C",
|
||||
],
|
||||
},
|
||||
|
|
@ -274,15 +274,15 @@ exports[`xy_expression XYChart component it renders bar 1`] = `
|
|||
"colors": Object {
|
||||
"defaultVizColor": "#6092C0",
|
||||
"vizColors": Array [
|
||||
"#5BBAA0",
|
||||
"#54B399",
|
||||
"#6092C0",
|
||||
"#D36086",
|
||||
"#9170B8",
|
||||
"#EEAFCF",
|
||||
"#FAE181",
|
||||
"#CDBD9D",
|
||||
"#F19F58",
|
||||
"#B46F5F",
|
||||
"#CA8EAE",
|
||||
"#D6BF57",
|
||||
"#B9A888",
|
||||
"#DA8B45",
|
||||
"#AA6556",
|
||||
"#E7664C",
|
||||
],
|
||||
},
|
||||
|
|
@ -460,15 +460,15 @@ exports[`xy_expression XYChart component it renders horizontal bar 1`] = `
|
|||
"colors": Object {
|
||||
"defaultVizColor": "#6092C0",
|
||||
"vizColors": Array [
|
||||
"#5BBAA0",
|
||||
"#54B399",
|
||||
"#6092C0",
|
||||
"#D36086",
|
||||
"#9170B8",
|
||||
"#EEAFCF",
|
||||
"#FAE181",
|
||||
"#CDBD9D",
|
||||
"#F19F58",
|
||||
"#B46F5F",
|
||||
"#CA8EAE",
|
||||
"#D6BF57",
|
||||
"#B9A888",
|
||||
"#DA8B45",
|
||||
"#AA6556",
|
||||
"#E7664C",
|
||||
],
|
||||
},
|
||||
|
|
@ -646,15 +646,15 @@ exports[`xy_expression XYChart component it renders line 1`] = `
|
|||
"colors": Object {
|
||||
"defaultVizColor": "#6092C0",
|
||||
"vizColors": Array [
|
||||
"#5BBAA0",
|
||||
"#54B399",
|
||||
"#6092C0",
|
||||
"#D36086",
|
||||
"#9170B8",
|
||||
"#EEAFCF",
|
||||
"#FAE181",
|
||||
"#CDBD9D",
|
||||
"#F19F58",
|
||||
"#B46F5F",
|
||||
"#CA8EAE",
|
||||
"#D6BF57",
|
||||
"#B9A888",
|
||||
"#DA8B45",
|
||||
"#AA6556",
|
||||
"#E7664C",
|
||||
],
|
||||
},
|
||||
|
|
@ -832,15 +832,15 @@ exports[`xy_expression XYChart component it renders stacked area 1`] = `
|
|||
"colors": Object {
|
||||
"defaultVizColor": "#6092C0",
|
||||
"vizColors": Array [
|
||||
"#5BBAA0",
|
||||
"#54B399",
|
||||
"#6092C0",
|
||||
"#D36086",
|
||||
"#9170B8",
|
||||
"#EEAFCF",
|
||||
"#FAE181",
|
||||
"#CDBD9D",
|
||||
"#F19F58",
|
||||
"#B46F5F",
|
||||
"#CA8EAE",
|
||||
"#D6BF57",
|
||||
"#B9A888",
|
||||
"#DA8B45",
|
||||
"#AA6556",
|
||||
"#E7664C",
|
||||
],
|
||||
},
|
||||
|
|
@ -1022,15 +1022,15 @@ exports[`xy_expression XYChart component it renders stacked bar 1`] = `
|
|||
"colors": Object {
|
||||
"defaultVizColor": "#6092C0",
|
||||
"vizColors": Array [
|
||||
"#5BBAA0",
|
||||
"#54B399",
|
||||
"#6092C0",
|
||||
"#D36086",
|
||||
"#9170B8",
|
||||
"#EEAFCF",
|
||||
"#FAE181",
|
||||
"#CDBD9D",
|
||||
"#F19F58",
|
||||
"#B46F5F",
|
||||
"#CA8EAE",
|
||||
"#D6BF57",
|
||||
"#B9A888",
|
||||
"#DA8B45",
|
||||
"#AA6556",
|
||||
"#E7664C",
|
||||
],
|
||||
},
|
||||
|
|
@ -1212,15 +1212,15 @@ exports[`xy_expression XYChart component it renders stacked horizontal bar 1`] =
|
|||
"colors": Object {
|
||||
"defaultVizColor": "#6092C0",
|
||||
"vizColors": Array [
|
||||
"#5BBAA0",
|
||||
"#54B399",
|
||||
"#6092C0",
|
||||
"#D36086",
|
||||
"#9170B8",
|
||||
"#EEAFCF",
|
||||
"#FAE181",
|
||||
"#CDBD9D",
|
||||
"#F19F58",
|
||||
"#B46F5F",
|
||||
"#CA8EAE",
|
||||
"#D6BF57",
|
||||
"#B9A888",
|
||||
"#DA8B45",
|
||||
"#AA6556",
|
||||
"#E7664C",
|
||||
],
|
||||
},
|
||||
|
|
|
|||
|
|
@ -5,6 +5,7 @@ exports[`Should display error message when value is outside of range 1`] = `
|
|||
<EuiRange
|
||||
compressed={false}
|
||||
fullWidth={false}
|
||||
isLoading={false}
|
||||
levels={Array []}
|
||||
max={10}
|
||||
min={0}
|
||||
|
|
@ -36,6 +37,7 @@ exports[`Should pass slider props to slider 1`] = `
|
|||
<EuiRange
|
||||
compressed={false}
|
||||
fullWidth={false}
|
||||
isLoading={false}
|
||||
levels={Array []}
|
||||
max={10}
|
||||
min={0}
|
||||
|
|
@ -54,6 +56,7 @@ exports[`Should render slider 1`] = `
|
|||
<EuiRange
|
||||
compressed={false}
|
||||
fullWidth={false}
|
||||
isLoading={false}
|
||||
levels={Array []}
|
||||
max={10}
|
||||
min={0}
|
||||
|
|
|
|||
|
|
@ -25,7 +25,7 @@ const chartDataSets = [
|
|||
{ x: new Date('2019-05-04T01:00:00.000Z').valueOf(), y: null },
|
||||
{ x: new Date('2019-05-04T13:00:00.000Z').valueOf(), y: 12382 },
|
||||
],
|
||||
color: '#DB1374',
|
||||
color: '#D36086',
|
||||
},
|
||||
{
|
||||
key: 'uniqueDestinationIpsHistogram',
|
||||
|
|
@ -34,7 +34,7 @@ const chartDataSets = [
|
|||
{ x: new Date('2019-05-04T01:00:00.000Z').valueOf(), y: 1084366 },
|
||||
{ x: new Date('2019-05-04T13:00:00.000Z').valueOf(), y: 12280 },
|
||||
],
|
||||
color: '#490092',
|
||||
color: '#9170B8',
|
||||
},
|
||||
],
|
||||
],
|
||||
|
|
@ -47,7 +47,7 @@ const chartDataSets = [
|
|||
{ x: new Date('2019-05-04T01:00:00.000Z').valueOf(), y: 1096175 },
|
||||
{ x: new Date('2019-05-04T13:00:00.000Z').valueOf(), y: 12382 },
|
||||
],
|
||||
color: '#DB1374',
|
||||
color: '#D36086',
|
||||
},
|
||||
{
|
||||
key: 'uniqueDestinationIpsHistogram',
|
||||
|
|
@ -56,7 +56,7 @@ const chartDataSets = [
|
|||
{ x: new Date('2019-05-04T01:00:00.000Z').valueOf(), y: 1084366 },
|
||||
{ x: new Date('2019-05-04T13:00:00.000Z').valueOf(), y: 12280 },
|
||||
],
|
||||
color: '#490092',
|
||||
color: '#9170B8',
|
||||
},
|
||||
],
|
||||
],
|
||||
|
|
@ -69,7 +69,7 @@ const chartDataSets = [
|
|||
{ x: new Date('2019-05-04T01:00:00.000Z').valueOf(), y: {} },
|
||||
{ x: new Date('2019-05-04T13:00:00.000Z').valueOf(), y: 12382 },
|
||||
],
|
||||
color: '#DB1374',
|
||||
color: '#D36086',
|
||||
},
|
||||
{
|
||||
key: 'uniqueDestinationIpsHistogram',
|
||||
|
|
@ -78,7 +78,7 @@ const chartDataSets = [
|
|||
{ x: new Date('2019-05-04T01:00:00.000Z').valueOf(), y: 1084366 },
|
||||
{ x: new Date('2019-05-04T13:00:00.000Z').valueOf(), y: 12280 },
|
||||
],
|
||||
color: '#490092',
|
||||
color: '#9170B8',
|
||||
},
|
||||
],
|
||||
],
|
||||
|
|
@ -87,7 +87,7 @@ const chartDataSets = [
|
|||
{
|
||||
key: 'uniqueSourceIpsHistogram',
|
||||
value: [],
|
||||
color: '#DB1374',
|
||||
color: '#D36086',
|
||||
},
|
||||
{
|
||||
key: 'uniqueDestinationIpsHistogram',
|
||||
|
|
@ -96,7 +96,7 @@ const chartDataSets = [
|
|||
{ x: new Date('2019-05-04T01:00:00.000Z').valueOf(), y: 1084366 },
|
||||
{ x: new Date('2019-05-04T13:00:00.000Z').valueOf(), y: 12280 },
|
||||
],
|
||||
color: '#490092',
|
||||
color: '#9170B8',
|
||||
},
|
||||
],
|
||||
],
|
||||
|
|
@ -109,12 +109,12 @@ const chartHolderDataSets = [
|
|||
{
|
||||
key: 'uniqueSourceIpsHistogram',
|
||||
value: null,
|
||||
color: '#DB1374',
|
||||
color: '#D36086',
|
||||
},
|
||||
{
|
||||
key: 'uniqueDestinationIpsHistogram',
|
||||
value: null,
|
||||
color: '#490092',
|
||||
color: '#9170B8',
|
||||
},
|
||||
],
|
||||
[
|
||||
|
|
@ -125,7 +125,7 @@ const chartHolderDataSets = [
|
|||
{ x: new Date('2019-05-04T01:00:00.000Z').valueOf() },
|
||||
{ x: new Date('2019-05-04T13:00:00.000Z').valueOf() },
|
||||
],
|
||||
color: '#DB1374',
|
||||
color: '#D36086',
|
||||
},
|
||||
{
|
||||
key: 'uniqueDestinationIpsHistogram',
|
||||
|
|
@ -134,7 +134,7 @@ const chartHolderDataSets = [
|
|||
{ x: new Date('2019-05-04T01:00:00.000Z').valueOf() },
|
||||
{ x: new Date('2019-05-04T13:00:00.000Z').valueOf() },
|
||||
],
|
||||
color: '#490092',
|
||||
color: '#9170B8',
|
||||
},
|
||||
],
|
||||
];
|
||||
|
|
@ -148,7 +148,7 @@ describe('AreaChartBaseComponent', () => {
|
|||
{ x: new Date('2019-05-04T01:00:00.000Z').valueOf(), y: 1096175 },
|
||||
{ x: new Date('2019-05-04T13:00:00.000Z').valueOf(), y: 12382 },
|
||||
],
|
||||
color: '#DB1374',
|
||||
color: '#D36086',
|
||||
},
|
||||
{
|
||||
key: 'uniqueDestinationIpsHistogram',
|
||||
|
|
@ -157,7 +157,7 @@ describe('AreaChartBaseComponent', () => {
|
|||
{ x: new Date('2019-05-04T01:00:00.000Z').valueOf(), y: 1084366 },
|
||||
{ x: new Date('2019-05-04T13:00:00.000Z').valueOf(), y: 12280 },
|
||||
],
|
||||
color: '#490092',
|
||||
color: '#9170B8',
|
||||
},
|
||||
];
|
||||
|
||||
|
|
|
|||
|
|
@ -18,41 +18,41 @@ const customWidth = '120px';
|
|||
const chartDataSets = [
|
||||
[
|
||||
[
|
||||
{ key: 'uniqueSourceIps', value: [{ y: 1714, x: 'uniqueSourceIps' }], color: '#DB1374' },
|
||||
{ key: 'uniqueSourceIps', value: [{ y: 1714, x: 'uniqueSourceIps' }], color: '#D36086' },
|
||||
{
|
||||
key: 'uniqueDestinationIps',
|
||||
value: [{ y: 2354, x: 'uniqueDestinationIps' }],
|
||||
color: '#490092',
|
||||
color: '#9170B8',
|
||||
},
|
||||
],
|
||||
],
|
||||
[
|
||||
[
|
||||
{ key: 'uniqueSourceIps', value: [{ y: 1714, x: '' }], color: '#DB1374' },
|
||||
{ key: 'uniqueSourceIps', value: [{ y: 1714, x: '' }], color: '#D36086' },
|
||||
{
|
||||
key: 'uniqueDestinationIps',
|
||||
value: [{ y: 2354, x: '' }],
|
||||
color: '#490092',
|
||||
color: '#9170B8',
|
||||
},
|
||||
],
|
||||
],
|
||||
[
|
||||
[
|
||||
{ key: 'uniqueSourceIps', value: [{ y: 1714, x: 'uniqueSourceIps' }], color: '#DB1374' },
|
||||
{ key: 'uniqueSourceIps', value: [{ y: 1714, x: 'uniqueSourceIps' }], color: '#D36086' },
|
||||
{
|
||||
key: 'uniqueDestinationIps',
|
||||
value: [{ y: 0, x: 'uniqueDestinationIps' }],
|
||||
color: '#490092',
|
||||
color: '#9170B8',
|
||||
},
|
||||
],
|
||||
],
|
||||
[
|
||||
[
|
||||
{ key: 'uniqueSourceIps', value: [{ y: null, x: 'uniqueSourceIps' }], color: '#DB1374' },
|
||||
{ key: 'uniqueSourceIps', value: [{ y: null, x: 'uniqueSourceIps' }], color: '#D36086' },
|
||||
{
|
||||
key: 'uniqueDestinationIps',
|
||||
value: [{ y: 2354, x: 'uniqueDestinationIps' }],
|
||||
color: '#490092',
|
||||
color: '#9170B8',
|
||||
},
|
||||
],
|
||||
],
|
||||
|
|
@ -63,40 +63,40 @@ const chartHolderDataSets: Array<[ChartSeriesData[] | undefined | null]> = [
|
|||
[null],
|
||||
[
|
||||
[
|
||||
{ key: 'uniqueSourceIps', color: '#DB1374' },
|
||||
{ key: 'uniqueSourceIps', color: '#D36086' },
|
||||
{
|
||||
key: 'uniqueDestinationIps',
|
||||
color: '#490092',
|
||||
color: '#9170B8',
|
||||
},
|
||||
],
|
||||
],
|
||||
[
|
||||
[
|
||||
{ key: 'uniqueSourceIps', value: [], color: '#DB1374' },
|
||||
{ key: 'uniqueSourceIps', value: [], color: '#D36086' },
|
||||
{
|
||||
key: 'uniqueDestinationIps',
|
||||
value: [],
|
||||
color: '#490092',
|
||||
color: '#9170B8',
|
||||
},
|
||||
],
|
||||
],
|
||||
[
|
||||
[
|
||||
{ key: 'uniqueSourceIps', value: [{}], color: '#DB1374' },
|
||||
{ key: 'uniqueSourceIps', value: [{}], color: '#D36086' },
|
||||
{
|
||||
key: 'uniqueDestinationIps',
|
||||
value: [{}],
|
||||
color: '#490092',
|
||||
color: '#9170B8',
|
||||
},
|
||||
],
|
||||
],
|
||||
[
|
||||
[
|
||||
{ key: 'uniqueSourceIps', value: [{ y: 0, x: 'uniqueSourceIps' }], color: '#DB1374' },
|
||||
{ key: 'uniqueSourceIps', value: [{ y: 0, x: 'uniqueSourceIps' }], color: '#D36086' },
|
||||
{
|
||||
key: 'uniqueDestinationIps',
|
||||
value: [{ y: 0, x: 'uniqueDestinationIps' }],
|
||||
color: '#490092',
|
||||
color: '#9170B8',
|
||||
},
|
||||
],
|
||||
],
|
||||
|
|
@ -122,12 +122,12 @@ describe('BarChartBaseComponent', () => {
|
|||
{
|
||||
key: 'uniqueSourceIps',
|
||||
value: [{ y: 1714, x: 'uniqueSourceIps', g: 'uniqueSourceIps' }],
|
||||
color: '#DB1374',
|
||||
color: '#D36086',
|
||||
},
|
||||
{
|
||||
key: 'uniqueDestinationIps',
|
||||
value: [{ y: 2354, x: 'uniqueDestinationIps', g: 'uniqueDestinationIps' }],
|
||||
color: '#490092',
|
||||
color: '#9170B8',
|
||||
},
|
||||
];
|
||||
|
||||
|
|
|
|||
|
|
@ -34,7 +34,7 @@ export const mockSourceLayer = {
|
|||
properties: {
|
||||
fillColor: {
|
||||
type: 'STATIC',
|
||||
options: { color: '#3185FC' },
|
||||
options: { color: '#6092C0' },
|
||||
},
|
||||
lineColor: {
|
||||
type: 'STATIC',
|
||||
|
|
@ -86,7 +86,7 @@ export const mockDestinationLayer = {
|
|||
properties: {
|
||||
fillColor: {
|
||||
type: 'STATIC',
|
||||
options: { color: '#DB1374' },
|
||||
options: { color: '#D36086' },
|
||||
},
|
||||
lineColor: {
|
||||
type: 'STATIC',
|
||||
|
|
@ -135,7 +135,7 @@ export const mockLineLayer = {
|
|||
},
|
||||
lineColor: {
|
||||
type: 'STATIC',
|
||||
options: { color: '#3185FC' },
|
||||
options: { color: '#6092C0' },
|
||||
},
|
||||
lineWidth: {
|
||||
type: 'DYNAMIC',
|
||||
|
|
|
|||
|
|
@ -16,6 +16,7 @@ import {
|
|||
|
||||
jest.mock('uuid', () => {
|
||||
return {
|
||||
v1: jest.fn(() => 'uuid.v1()'),
|
||||
v4: jest.fn(() => 'uuid.v4()'),
|
||||
};
|
||||
});
|
||||
|
|
|
|||
|
|
@ -5,8 +5,10 @@
|
|||
*/
|
||||
|
||||
import uuid from 'uuid';
|
||||
import { euiPaletteColorBlind } from '@elastic/eui';
|
||||
import { IndexPatternMapping } from './types';
|
||||
import * as i18n from './translations';
|
||||
const euiVisColorPalette = euiPaletteColorBlind();
|
||||
|
||||
// Update source/destination field mappings to modify what fields will be returned to map tooltip
|
||||
const sourceFieldMappings: Record<string, string> = {
|
||||
|
|
@ -89,7 +91,7 @@ export const getSourceLayer = (indexPatternTitle: string, indexPatternId: string
|
|||
properties: {
|
||||
fillColor: {
|
||||
type: 'STATIC',
|
||||
options: { color: '#3185FC' },
|
||||
options: { color: euiVisColorPalette[1] },
|
||||
},
|
||||
lineColor: {
|
||||
type: 'STATIC',
|
||||
|
|
@ -142,7 +144,7 @@ export const getDestinationLayer = (indexPatternTitle: string, indexPatternId: s
|
|||
properties: {
|
||||
fillColor: {
|
||||
type: 'STATIC',
|
||||
options: { color: '#DB1374' },
|
||||
options: { color: euiVisColorPalette[2] },
|
||||
},
|
||||
lineColor: {
|
||||
type: 'STATIC',
|
||||
|
|
@ -198,7 +200,7 @@ export const getLineLayer = (indexPatternTitle: string, indexPatternId: string)
|
|||
},
|
||||
lineColor: {
|
||||
type: 'STATIC',
|
||||
options: { color: '#3185FC' },
|
||||
options: { color: euiVisColorPalette[1] },
|
||||
},
|
||||
lineWidth: {
|
||||
type: 'DYNAMIC',
|
||||
|
|
|
|||
|
|
@ -24,14 +24,6 @@ exports[`NoteCardBody renders correctly against snapshot 1`] = `
|
|||
"size": "64px",
|
||||
},
|
||||
},
|
||||
"badgeTypes": Object {
|
||||
"accent": "#e2a7c2",
|
||||
"danger": "#e65c5c",
|
||||
"default": "#343741",
|
||||
"primary": "#388ebc",
|
||||
"secondary": "#9dc2bc",
|
||||
"warning": "#ebc98e",
|
||||
},
|
||||
"euiAnimSlightBounce": "cubic-bezier(0.34, 1.61, 0.7, 1)",
|
||||
"euiAnimSlightResistance": "cubic-bezier(0.694, 0.0482, 0.335, 1)",
|
||||
"euiAnimSpeedExtraFast": "90ms",
|
||||
|
|
@ -167,16 +159,26 @@ exports[`NoteCardBody renders correctly against snapshot 1`] = `
|
|||
"euiColorPrimary": "#1ba9f5",
|
||||
"euiColorSecondary": "#7de2d1",
|
||||
"euiColorSuccess": "#7de2d1",
|
||||
"euiColorVis0": "#5bbaa0",
|
||||
"euiColorVis0": "#54b399",
|
||||
"euiColorVis0_behindText": "#6dccb1",
|
||||
"euiColorVis1": "#6092c0",
|
||||
"euiColorVis1_behindText": "#79aad9",
|
||||
"euiColorVis2": "#d36086",
|
||||
"euiColorVis2_behindText": "#ee789d",
|
||||
"euiColorVis3": "#9170b8",
|
||||
"euiColorVis4": "#eeafcf",
|
||||
"euiColorVis5": "#fae181",
|
||||
"euiColorVis6": "#cdbd9d",
|
||||
"euiColorVis7": "#f19f58",
|
||||
"euiColorVis8": "#b46f5f",
|
||||
"euiColorVis3_behindText": "#a987d1",
|
||||
"euiColorVis4": "#ca8eae",
|
||||
"euiColorVis4_behindText": "#e4a6c7",
|
||||
"euiColorVis5": "#d6bf57",
|
||||
"euiColorVis5_behindText": "#f1d86f",
|
||||
"euiColorVis6": "#b9a888",
|
||||
"euiColorVis6_behindText": "#d2c0a0",
|
||||
"euiColorVis7": "#da8b45",
|
||||
"euiColorVis7_behindText": "#f5a35c",
|
||||
"euiColorVis8": "#aa6556",
|
||||
"euiColorVis8_behindText": "#c47c6c",
|
||||
"euiColorVis9": "#e7664c",
|
||||
"euiColorVis9_behindText": "#ff7e62",
|
||||
"euiColorWarning": "#ffce7a",
|
||||
"euiContextMenuWidth": "256px",
|
||||
"euiControlBarBackground": "#000000",
|
||||
|
|
@ -214,7 +216,7 @@ exports[`NoteCardBody renders correctly against snapshot 1`] = `
|
|||
"euiFocusBackgroundColor": "#232635",
|
||||
"euiFocusRingAnimStartColor": "rgba(27, 169, 245, 0)",
|
||||
"euiFocusRingColor": "rgba(27, 169, 245, 0.3)",
|
||||
"euiFocusRingSize": "2px",
|
||||
"euiFocusRingSize": "3px",
|
||||
"euiFocusRingSizeLarge": "4px",
|
||||
"euiFontFamily": "'Inter UI', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Helvetica', 'Arial', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
|
||||
"euiFontFeatureSettings": "calt 1 kern 1 liga 1",
|
||||
|
|
@ -289,6 +291,48 @@ exports[`NoteCardBody renders correctly against snapshot 1`] = `
|
|||
"euiNavDrawerWidthCollapsed": "48px",
|
||||
"euiNavDrawerWidthExpanded": "240px",
|
||||
"euiPageBackgroundColor": "#1a1b20",
|
||||
"euiPaletteColorBlind": Object {
|
||||
"euiColorVis0": Object {
|
||||
"behindText": "#6dccb1",
|
||||
"graphic": "#54b399",
|
||||
},
|
||||
"euiColorVis1": Object {
|
||||
"behindText": "#79aad9",
|
||||
"graphic": "#6092c0",
|
||||
},
|
||||
"euiColorVis2": Object {
|
||||
"behindText": "#ee789d",
|
||||
"graphic": "#d36086",
|
||||
},
|
||||
"euiColorVis3": Object {
|
||||
"behindText": "#a987d1",
|
||||
"graphic": "#9170b8",
|
||||
},
|
||||
"euiColorVis4": Object {
|
||||
"behindText": "#e4a6c7",
|
||||
"graphic": "#ca8eae",
|
||||
},
|
||||
"euiColorVis5": Object {
|
||||
"behindText": "#f1d86f",
|
||||
"graphic": "#d6bf57",
|
||||
},
|
||||
"euiColorVis6": Object {
|
||||
"behindText": "#d2c0a0",
|
||||
"graphic": "#b9a888",
|
||||
},
|
||||
"euiColorVis7": Object {
|
||||
"behindText": "#f5a35c",
|
||||
"graphic": "#da8b45",
|
||||
},
|
||||
"euiColorVis8": Object {
|
||||
"behindText": "#c47c6c",
|
||||
"graphic": "#aa6556",
|
||||
},
|
||||
"euiColorVis9": Object {
|
||||
"behindText": "#ff7e62",
|
||||
"graphic": "#e7664c",
|
||||
},
|
||||
},
|
||||
"euiPanelPaddingModifiers": Object {
|
||||
"paddingLarge": "24px",
|
||||
"paddingMedium": "16px",
|
||||
|
|
@ -351,16 +395,16 @@ exports[`NoteCardBody renders correctly against snapshot 1`] = `
|
|||
"warning": "#ffce7a",
|
||||
},
|
||||
"euiSuggestItemColors": Object {
|
||||
"tint0": "#5bbaa0",
|
||||
"tint0": "#54b399",
|
||||
"tint1": "#6092c0",
|
||||
"tint10": "#98a2b3",
|
||||
"tint2": "#d36086",
|
||||
"tint3": "#9170b8",
|
||||
"tint4": "#eeafcf",
|
||||
"tint5": "#fae181",
|
||||
"tint6": "#cdbd9d",
|
||||
"tint7": "#f19f58",
|
||||
"tint8": "#b46f5f",
|
||||
"tint4": "#ca8eae",
|
||||
"tint5": "#d6bf57",
|
||||
"tint6": "#b9a888",
|
||||
"tint7": "#da8b45",
|
||||
"tint8": "#aa6556",
|
||||
"tint9": "#e7664c",
|
||||
},
|
||||
"euiSuperDatePickerButtonWidth": "118px",
|
||||
|
|
@ -508,10 +552,10 @@ exports[`NoteCardBody renders correctly against snapshot 1`] = `
|
|||
"tokenTint01": "#1ba9f5",
|
||||
"tokenTint02": "#f990c0",
|
||||
"tokenTint03": "#9170b8",
|
||||
"tokenTint04": "#f19f58",
|
||||
"tokenTint04": "#da8b45",
|
||||
"tokenTint05": "#6092c0",
|
||||
"tokenTint06": "#e6c220",
|
||||
"tokenTint07": "#5bbaa0",
|
||||
"tokenTint07": "#54b399",
|
||||
"tokenTint08": "#920000",
|
||||
"tokenTint09": "#ff00ff",
|
||||
"tokenTint10": "#26ab00",
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@ exports[`kpiHostsComponent render it should render KpiHostDetailsData 1`] = `
|
|||
fields={
|
||||
Array [
|
||||
Object {
|
||||
"color": "#00B3A4",
|
||||
"color": "#54B399",
|
||||
"description": "success",
|
||||
"icon": "check",
|
||||
"key": "authSuccess",
|
||||
|
|
@ -17,7 +17,7 @@ exports[`kpiHostsComponent render it should render KpiHostDetailsData 1`] = `
|
|||
"value": null,
|
||||
},
|
||||
Object {
|
||||
"color": "#920000",
|
||||
"color": "#E7664C",
|
||||
"description": "fail",
|
||||
"icon": "cross",
|
||||
"key": "authFailure",
|
||||
|
|
@ -37,7 +37,7 @@ exports[`kpiHostsComponent render it should render KpiHostDetailsData 1`] = `
|
|||
fields={
|
||||
Array [
|
||||
Object {
|
||||
"color": "#DB1374",
|
||||
"color": "#D36086",
|
||||
"description": "source",
|
||||
"icon": "visMapCoordinate",
|
||||
"key": "uniqueSourceIps",
|
||||
|
|
@ -45,7 +45,7 @@ exports[`kpiHostsComponent render it should render KpiHostDetailsData 1`] = `
|
|||
"value": null,
|
||||
},
|
||||
Object {
|
||||
"color": "#490092",
|
||||
"color": "#9170B8",
|
||||
"description": "destination",
|
||||
"icon": "visMapCoordinate",
|
||||
"key": "uniqueDestinationIps",
|
||||
|
|
@ -69,7 +69,7 @@ exports[`kpiHostsComponent render it should render KpiHostsData 1`] = `
|
|||
fields={
|
||||
Array [
|
||||
Object {
|
||||
"color": "#3185FC",
|
||||
"color": "#6092C0",
|
||||
"icon": "storage",
|
||||
"key": "hosts",
|
||||
"value": null,
|
||||
|
|
@ -87,7 +87,7 @@ exports[`kpiHostsComponent render it should render KpiHostsData 1`] = `
|
|||
fields={
|
||||
Array [
|
||||
Object {
|
||||
"color": "#00B3A4",
|
||||
"color": "#54B399",
|
||||
"description": "success",
|
||||
"icon": "check",
|
||||
"key": "authSuccess",
|
||||
|
|
@ -95,7 +95,7 @@ exports[`kpiHostsComponent render it should render KpiHostsData 1`] = `
|
|||
"value": null,
|
||||
},
|
||||
Object {
|
||||
"color": "#920000",
|
||||
"color": "#E7664C",
|
||||
"description": "fail",
|
||||
"icon": "cross",
|
||||
"key": "authFailure",
|
||||
|
|
@ -115,7 +115,7 @@ exports[`kpiHostsComponent render it should render KpiHostsData 1`] = `
|
|||
fields={
|
||||
Array [
|
||||
Object {
|
||||
"color": "#DB1374",
|
||||
"color": "#D36086",
|
||||
"description": "source",
|
||||
"icon": "visMapCoordinate",
|
||||
"key": "uniqueSourceIps",
|
||||
|
|
@ -123,7 +123,7 @@ exports[`kpiHostsComponent render it should render KpiHostsData 1`] = `
|
|||
"value": null,
|
||||
},
|
||||
Object {
|
||||
"color": "#490092",
|
||||
"color": "#9170B8",
|
||||
"description": "destination",
|
||||
"icon": "visMapCoordinate",
|
||||
"key": "uniqueDestinationIps",
|
||||
|
|
|
|||
|
|
@ -5,9 +5,9 @@
|
|||
*/
|
||||
|
||||
export enum KpiHostsChartColors {
|
||||
authSuccess = '#00B3A4',
|
||||
authFailure = '#920000',
|
||||
uniqueSourceIps = '#DB1374',
|
||||
uniqueDestinationIps = '#490092',
|
||||
hosts = '#3185FC',
|
||||
authSuccess = '#54B399',
|
||||
authFailure = '#E7664C',
|
||||
uniqueSourceIps = '#D36086',
|
||||
uniqueDestinationIps = '#9170B8',
|
||||
hosts = '#6092C0',
|
||||
}
|
||||
|
|
|
|||
|
|
@ -6,7 +6,13 @@
|
|||
|
||||
import React from 'react';
|
||||
|
||||
import { EuiFlexItem, EuiLoadingSpinner, EuiFlexGroup, EuiSpacer } from '@elastic/eui';
|
||||
import {
|
||||
EuiFlexItem,
|
||||
EuiLoadingSpinner,
|
||||
EuiFlexGroup,
|
||||
EuiSpacer,
|
||||
euiPaletteColorBlind,
|
||||
} from '@elastic/eui';
|
||||
import styled from 'styled-components';
|
||||
import { chunk as _chunk } from 'lodash/fp';
|
||||
import {
|
||||
|
|
@ -23,9 +29,10 @@ import { UpdateDateRange } from '../../../charts/common';
|
|||
const kipsPerRow = 2;
|
||||
const kpiWidgetHeight = 228;
|
||||
|
||||
const euiColorVis1 = '#3185FC';
|
||||
const euiColorVis2 = '#DB1374';
|
||||
const euiColorVis3 = '#490092';
|
||||
const euiVisColorPalette = euiPaletteColorBlind();
|
||||
const euiColorVis1 = euiVisColorPalette[1];
|
||||
const euiColorVis2 = euiVisColorPalette[2];
|
||||
const euiColorVis3 = euiVisColorPalette[3];
|
||||
|
||||
interface KpiNetworkProps {
|
||||
data: KpiNetworkData;
|
||||
|
|
|
|||
|
|
@ -49,7 +49,7 @@ const mockMappingItems: StatItems = {
|
|||
value: null,
|
||||
name: 'Src.',
|
||||
description: 'source',
|
||||
color: '#DB1374',
|
||||
color: '#D36086',
|
||||
icon: 'visMapCoordinate',
|
||||
},
|
||||
{
|
||||
|
|
@ -57,7 +57,7 @@ const mockMappingItems: StatItems = {
|
|||
value: null,
|
||||
name: 'Dest.',
|
||||
description: 'destination',
|
||||
color: '#490092',
|
||||
color: '#9170B8',
|
||||
icon: 'visMapCoordinate',
|
||||
},
|
||||
],
|
||||
|
|
@ -82,7 +82,7 @@ export const mockDisableChartsInitialData = {
|
|||
value: undefined,
|
||||
name: 'Src.',
|
||||
description: 'source',
|
||||
color: '#DB1374',
|
||||
color: '#D36086',
|
||||
icon: 'visMapCoordinate',
|
||||
},
|
||||
{
|
||||
|
|
@ -90,7 +90,7 @@ export const mockDisableChartsInitialData = {
|
|||
value: undefined,
|
||||
name: 'Dest.',
|
||||
description: 'destination',
|
||||
color: '#490092',
|
||||
color: '#9170B8',
|
||||
icon: 'visMapCoordinate',
|
||||
},
|
||||
],
|
||||
|
|
@ -109,7 +109,7 @@ export const mockEnableChartsInitialData = {
|
|||
value: undefined,
|
||||
name: 'Src.',
|
||||
description: 'source',
|
||||
color: '#DB1374',
|
||||
color: '#D36086',
|
||||
icon: 'visMapCoordinate',
|
||||
},
|
||||
{
|
||||
|
|
@ -117,7 +117,7 @@ export const mockEnableChartsInitialData = {
|
|||
value: undefined,
|
||||
name: 'Dest.',
|
||||
description: 'destination',
|
||||
color: '#490092',
|
||||
color: '#9170B8',
|
||||
icon: 'visMapCoordinate',
|
||||
},
|
||||
],
|
||||
|
|
@ -128,7 +128,7 @@ export const mockEnableChartsInitialData = {
|
|||
areaChart: [],
|
||||
barChart: [
|
||||
{
|
||||
color: '#DB1374',
|
||||
color: '#D36086',
|
||||
key: 'uniqueSourcePrivateIps',
|
||||
value: [
|
||||
{
|
||||
|
|
@ -139,7 +139,7 @@ export const mockEnableChartsInitialData = {
|
|||
],
|
||||
},
|
||||
{
|
||||
color: '#490092',
|
||||
color: '#9170B8',
|
||||
key: 'uniqueDestinationPrivateIps',
|
||||
value: [
|
||||
{
|
||||
|
|
@ -165,7 +165,7 @@ export const mockEnableChartsData = {
|
|||
],
|
||||
name: 'Src.',
|
||||
description: 'source',
|
||||
color: '#DB1374',
|
||||
color: '#D36086',
|
||||
icon: 'visMapCoordinate',
|
||||
},
|
||||
{
|
||||
|
|
@ -176,14 +176,14 @@ export const mockEnableChartsData = {
|
|||
],
|
||||
name: 'Dest.',
|
||||
description: 'destination',
|
||||
color: '#490092',
|
||||
color: '#9170B8',
|
||||
icon: 'visMapCoordinate',
|
||||
},
|
||||
],
|
||||
barChart: [
|
||||
{
|
||||
key: 'uniqueSourcePrivateIps',
|
||||
color: '#DB1374',
|
||||
color: '#D36086',
|
||||
value: [
|
||||
{
|
||||
x: 'Src.',
|
||||
|
|
@ -195,7 +195,7 @@ export const mockEnableChartsData = {
|
|||
},
|
||||
{
|
||||
key: 'uniqueDestinationPrivateIps',
|
||||
color: '#490092',
|
||||
color: '#9170B8',
|
||||
value: [{ x: 'Dest.', y: 18, g: 'uniqueDestinationPrivateIps', y0: 0 }],
|
||||
},
|
||||
],
|
||||
|
|
@ -208,7 +208,7 @@ export const mockEnableChartsData = {
|
|||
value: 383,
|
||||
name: 'Src.',
|
||||
description: 'source',
|
||||
color: '#DB1374',
|
||||
color: '#D36086',
|
||||
icon: 'visMapCoordinate',
|
||||
},
|
||||
{
|
||||
|
|
@ -216,7 +216,7 @@ export const mockEnableChartsData = {
|
|||
value: 18,
|
||||
name: 'Dest.',
|
||||
description: 'destination',
|
||||
color: '#490092',
|
||||
color: '#9170B8',
|
||||
icon: 'visMapCoordinate',
|
||||
},
|
||||
],
|
||||
|
|
|
|||
|
|
@ -24,14 +24,6 @@ exports[`Paginated Table Component rendering it renders the default load more ta
|
|||
"size": "64px",
|
||||
},
|
||||
},
|
||||
"badgeTypes": Object {
|
||||
"accent": "#e2a7c2",
|
||||
"danger": "#e65c5c",
|
||||
"default": "#343741",
|
||||
"primary": "#388ebc",
|
||||
"secondary": "#9dc2bc",
|
||||
"warning": "#ebc98e",
|
||||
},
|
||||
"euiAnimSlightBounce": "cubic-bezier(0.34, 1.61, 0.7, 1)",
|
||||
"euiAnimSlightResistance": "cubic-bezier(0.694, 0.0482, 0.335, 1)",
|
||||
"euiAnimSpeedExtraFast": "90ms",
|
||||
|
|
@ -167,16 +159,26 @@ exports[`Paginated Table Component rendering it renders the default load more ta
|
|||
"euiColorPrimary": "#1ba9f5",
|
||||
"euiColorSecondary": "#7de2d1",
|
||||
"euiColorSuccess": "#7de2d1",
|
||||
"euiColorVis0": "#5bbaa0",
|
||||
"euiColorVis0": "#54b399",
|
||||
"euiColorVis0_behindText": "#6dccb1",
|
||||
"euiColorVis1": "#6092c0",
|
||||
"euiColorVis1_behindText": "#79aad9",
|
||||
"euiColorVis2": "#d36086",
|
||||
"euiColorVis2_behindText": "#ee789d",
|
||||
"euiColorVis3": "#9170b8",
|
||||
"euiColorVis4": "#eeafcf",
|
||||
"euiColorVis5": "#fae181",
|
||||
"euiColorVis6": "#cdbd9d",
|
||||
"euiColorVis7": "#f19f58",
|
||||
"euiColorVis8": "#b46f5f",
|
||||
"euiColorVis3_behindText": "#a987d1",
|
||||
"euiColorVis4": "#ca8eae",
|
||||
"euiColorVis4_behindText": "#e4a6c7",
|
||||
"euiColorVis5": "#d6bf57",
|
||||
"euiColorVis5_behindText": "#f1d86f",
|
||||
"euiColorVis6": "#b9a888",
|
||||
"euiColorVis6_behindText": "#d2c0a0",
|
||||
"euiColorVis7": "#da8b45",
|
||||
"euiColorVis7_behindText": "#f5a35c",
|
||||
"euiColorVis8": "#aa6556",
|
||||
"euiColorVis8_behindText": "#c47c6c",
|
||||
"euiColorVis9": "#e7664c",
|
||||
"euiColorVis9_behindText": "#ff7e62",
|
||||
"euiColorWarning": "#ffce7a",
|
||||
"euiContextMenuWidth": "256px",
|
||||
"euiControlBarBackground": "#000000",
|
||||
|
|
@ -214,7 +216,7 @@ exports[`Paginated Table Component rendering it renders the default load more ta
|
|||
"euiFocusBackgroundColor": "#232635",
|
||||
"euiFocusRingAnimStartColor": "rgba(27, 169, 245, 0)",
|
||||
"euiFocusRingColor": "rgba(27, 169, 245, 0.3)",
|
||||
"euiFocusRingSize": "2px",
|
||||
"euiFocusRingSize": "3px",
|
||||
"euiFocusRingSizeLarge": "4px",
|
||||
"euiFontFamily": "'Inter UI', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Helvetica', 'Arial', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
|
||||
"euiFontFeatureSettings": "calt 1 kern 1 liga 1",
|
||||
|
|
@ -289,6 +291,48 @@ exports[`Paginated Table Component rendering it renders the default load more ta
|
|||
"euiNavDrawerWidthCollapsed": "48px",
|
||||
"euiNavDrawerWidthExpanded": "240px",
|
||||
"euiPageBackgroundColor": "#1a1b20",
|
||||
"euiPaletteColorBlind": Object {
|
||||
"euiColorVis0": Object {
|
||||
"behindText": "#6dccb1",
|
||||
"graphic": "#54b399",
|
||||
},
|
||||
"euiColorVis1": Object {
|
||||
"behindText": "#79aad9",
|
||||
"graphic": "#6092c0",
|
||||
},
|
||||
"euiColorVis2": Object {
|
||||
"behindText": "#ee789d",
|
||||
"graphic": "#d36086",
|
||||
},
|
||||
"euiColorVis3": Object {
|
||||
"behindText": "#a987d1",
|
||||
"graphic": "#9170b8",
|
||||
},
|
||||
"euiColorVis4": Object {
|
||||
"behindText": "#e4a6c7",
|
||||
"graphic": "#ca8eae",
|
||||
},
|
||||
"euiColorVis5": Object {
|
||||
"behindText": "#f1d86f",
|
||||
"graphic": "#d6bf57",
|
||||
},
|
||||
"euiColorVis6": Object {
|
||||
"behindText": "#d2c0a0",
|
||||
"graphic": "#b9a888",
|
||||
},
|
||||
"euiColorVis7": Object {
|
||||
"behindText": "#f5a35c",
|
||||
"graphic": "#da8b45",
|
||||
},
|
||||
"euiColorVis8": Object {
|
||||
"behindText": "#c47c6c",
|
||||
"graphic": "#aa6556",
|
||||
},
|
||||
"euiColorVis9": Object {
|
||||
"behindText": "#ff7e62",
|
||||
"graphic": "#e7664c",
|
||||
},
|
||||
},
|
||||
"euiPanelPaddingModifiers": Object {
|
||||
"paddingLarge": "24px",
|
||||
"paddingMedium": "16px",
|
||||
|
|
@ -351,16 +395,16 @@ exports[`Paginated Table Component rendering it renders the default load more ta
|
|||
"warning": "#ffce7a",
|
||||
},
|
||||
"euiSuggestItemColors": Object {
|
||||
"tint0": "#5bbaa0",
|
||||
"tint0": "#54b399",
|
||||
"tint1": "#6092c0",
|
||||
"tint10": "#98a2b3",
|
||||
"tint2": "#d36086",
|
||||
"tint3": "#9170b8",
|
||||
"tint4": "#eeafcf",
|
||||
"tint5": "#fae181",
|
||||
"tint6": "#cdbd9d",
|
||||
"tint7": "#f19f58",
|
||||
"tint8": "#b46f5f",
|
||||
"tint4": "#ca8eae",
|
||||
"tint5": "#d6bf57",
|
||||
"tint6": "#b9a888",
|
||||
"tint7": "#da8b45",
|
||||
"tint8": "#aa6556",
|
||||
"tint9": "#e7664c",
|
||||
},
|
||||
"euiSuperDatePickerButtonWidth": "118px",
|
||||
|
|
@ -508,10 +552,10 @@ exports[`Paginated Table Component rendering it renders the default load more ta
|
|||
"tokenTint01": "#1ba9f5",
|
||||
"tokenTint02": "#f990c0",
|
||||
"tokenTint03": "#9170b8",
|
||||
"tokenTint04": "#f19f58",
|
||||
"tokenTint04": "#da8b45",
|
||||
"tokenTint05": "#6092c0",
|
||||
"tokenTint06": "#e6c220",
|
||||
"tokenTint07": "#5bbaa0",
|
||||
"tokenTint07": "#54b399",
|
||||
"tokenTint08": "#920000",
|
||||
"tokenTint09": "#ff00ff",
|
||||
"tokenTint10": "#26ab00",
|
||||
|
|
|
|||
|
|
@ -20,7 +20,7 @@ exports[`Stat Items Component disable charts it renders the default widget 1`] =
|
|||
fields={
|
||||
Array [
|
||||
Object {
|
||||
"color": "#3185FC",
|
||||
"color": "#6092C0",
|
||||
"icon": "cross",
|
||||
"key": "hosts",
|
||||
"value": null,
|
||||
|
|
@ -254,7 +254,7 @@ exports[`Stat Items Component disable charts it renders the default widget 2`] =
|
|||
fields={
|
||||
Array [
|
||||
Object {
|
||||
"color": "#3185FC",
|
||||
"color": "#6092C0",
|
||||
"icon": "cross",
|
||||
"key": "hosts",
|
||||
"value": null,
|
||||
|
|
@ -483,7 +483,7 @@ exports[`Stat Items Component rendering kpis with charts it renders the default
|
|||
areaChart={
|
||||
Array [
|
||||
Object {
|
||||
"color": "#DB1374",
|
||||
"color": "#D36086",
|
||||
"key": "uniqueSourceIpsHistogram",
|
||||
"value": Array [
|
||||
Object {
|
||||
|
|
@ -501,7 +501,7 @@ exports[`Stat Items Component rendering kpis with charts it renders the default
|
|||
],
|
||||
},
|
||||
Object {
|
||||
"color": "#490092",
|
||||
"color": "#9170B8",
|
||||
"key": "uniqueDestinationIpsHistogram",
|
||||
"value": Array [
|
||||
Object {
|
||||
|
|
@ -523,7 +523,7 @@ exports[`Stat Items Component rendering kpis with charts it renders the default
|
|||
barChart={
|
||||
Array [
|
||||
Object {
|
||||
"color": "#DB1374",
|
||||
"color": "#D36086",
|
||||
"key": "uniqueSourceIps",
|
||||
"value": Array [
|
||||
Object {
|
||||
|
|
@ -533,7 +533,7 @@ exports[`Stat Items Component rendering kpis with charts it renders the default
|
|||
],
|
||||
},
|
||||
Object {
|
||||
"color": "#490092",
|
||||
"color": "#9170B8",
|
||||
"key": "uniqueDestinationIps",
|
||||
"value": Array [
|
||||
Object {
|
||||
|
|
@ -550,14 +550,14 @@ exports[`Stat Items Component rendering kpis with charts it renders the default
|
|||
fields={
|
||||
Array [
|
||||
Object {
|
||||
"color": "#DB1374",
|
||||
"color": "#D36086",
|
||||
"description": "Source",
|
||||
"icon": "cross",
|
||||
"key": "uniqueSourceIps",
|
||||
"value": 1714,
|
||||
},
|
||||
Object {
|
||||
"color": "#490092",
|
||||
"color": "#9170B8",
|
||||
"description": "Dest.",
|
||||
"icon": "cross",
|
||||
"key": "uniqueDestinationIps",
|
||||
|
|
@ -728,7 +728,7 @@ exports[`Stat Items Component rendering kpis with charts it renders the default
|
|||
className="euiFlexItem euiFlexItem--flexGrowZero sc-AykKG dLVTBE"
|
||||
>
|
||||
<EuiIcon
|
||||
color="#DB1374"
|
||||
color="#D36086"
|
||||
data-test-subj="stat-icon"
|
||||
size="l"
|
||||
type="cross"
|
||||
|
|
@ -741,7 +741,7 @@ exports[`Stat Items Component rendering kpis with charts it renders the default
|
|||
role="img"
|
||||
style={
|
||||
Object {
|
||||
"fill": "#DB1374",
|
||||
"fill": "#D36086",
|
||||
}
|
||||
}
|
||||
>
|
||||
|
|
@ -754,7 +754,7 @@ exports[`Stat Items Component rendering kpis with charts it renders the default
|
|||
role="img"
|
||||
style={
|
||||
Object {
|
||||
"fill": "#DB1374",
|
||||
"fill": "#D36086",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 16 16"
|
||||
|
|
@ -823,7 +823,7 @@ exports[`Stat Items Component rendering kpis with charts it renders the default
|
|||
className="euiFlexItem euiFlexItem--flexGrowZero sc-AykKG dLVTBE"
|
||||
>
|
||||
<EuiIcon
|
||||
color="#490092"
|
||||
color="#9170B8"
|
||||
data-test-subj="stat-icon"
|
||||
size="l"
|
||||
type="cross"
|
||||
|
|
@ -836,7 +836,7 @@ exports[`Stat Items Component rendering kpis with charts it renders the default
|
|||
role="img"
|
||||
style={
|
||||
Object {
|
||||
"fill": "#490092",
|
||||
"fill": "#9170B8",
|
||||
}
|
||||
}
|
||||
>
|
||||
|
|
@ -849,7 +849,7 @@ exports[`Stat Items Component rendering kpis with charts it renders the default
|
|||
role="img"
|
||||
style={
|
||||
Object {
|
||||
"fill": "#490092",
|
||||
"fill": "#9170B8",
|
||||
}
|
||||
}
|
||||
viewBox="0 0 16 16"
|
||||
|
|
@ -912,7 +912,7 @@ exports[`Stat Items Component rendering kpis with charts it renders the default
|
|||
barChart={
|
||||
Array [
|
||||
Object {
|
||||
"color": "#DB1374",
|
||||
"color": "#D36086",
|
||||
"key": "uniqueSourceIps",
|
||||
"value": Array [
|
||||
Object {
|
||||
|
|
@ -922,7 +922,7 @@ exports[`Stat Items Component rendering kpis with charts it renders the default
|
|||
],
|
||||
},
|
||||
Object {
|
||||
"color": "#490092",
|
||||
"color": "#9170B8",
|
||||
"key": "uniqueDestinationIps",
|
||||
"value": Array [
|
||||
Object {
|
||||
|
|
@ -971,7 +971,7 @@ exports[`Stat Items Component rendering kpis with charts it renders the default
|
|||
areaChart={
|
||||
Array [
|
||||
Object {
|
||||
"color": "#DB1374",
|
||||
"color": "#D36086",
|
||||
"key": "uniqueSourceIpsHistogram",
|
||||
"value": Array [
|
||||
Object {
|
||||
|
|
@ -989,7 +989,7 @@ exports[`Stat Items Component rendering kpis with charts it renders the default
|
|||
],
|
||||
},
|
||||
Object {
|
||||
"color": "#490092",
|
||||
"color": "#9170B8",
|
||||
"key": "uniqueDestinationIpsHistogram",
|
||||
"value": Array [
|
||||
Object {
|
||||
|
|
|
|||
|
|
@ -58,7 +58,7 @@ describe('Stat Items Component', () => {
|
|||
<ReduxStoreProvider store={store}>
|
||||
<StatItemsComponent
|
||||
description="HOSTS"
|
||||
fields={[{ key: 'hosts', value: null, color: '#3185FC', icon: 'cross' }]}
|
||||
fields={[{ key: 'hosts', value: null, color: '#6092C0', icon: 'cross' }]}
|
||||
from={from}
|
||||
id="statItems"
|
||||
index={0}
|
||||
|
|
@ -78,7 +78,7 @@ describe('Stat Items Component', () => {
|
|||
areaChart={[]}
|
||||
barChart={[]}
|
||||
description="HOSTS"
|
||||
fields={[{ key: 'hosts', value: null, color: '#3185FC', icon: 'cross' }]}
|
||||
fields={[{ key: 'hosts', value: null, color: '#6092C0', icon: 'cross' }]}
|
||||
from={from}
|
||||
id="statItems"
|
||||
index={0}
|
||||
|
|
@ -126,7 +126,7 @@ describe('Stat Items Component', () => {
|
|||
{ x: new Date('2019-05-04T01:00:00.000Z').valueOf(), y: 1084366 },
|
||||
{ x: new Date('2019-05-04T13:00:00.000Z').valueOf(), y: 12280 },
|
||||
],
|
||||
color: '#DB1374',
|
||||
color: '#D36086',
|
||||
},
|
||||
{
|
||||
key: 'uniqueDestinationIpsHistogram',
|
||||
|
|
@ -135,15 +135,15 @@ describe('Stat Items Component', () => {
|
|||
{ x: new Date('2019-05-04T01:00:00.000Z').valueOf(), y: 1084366 },
|
||||
{ x: new Date('2019-05-04T13:00:00.000Z').valueOf(), y: 12280 },
|
||||
],
|
||||
color: '#490092',
|
||||
color: '#9170B8',
|
||||
},
|
||||
],
|
||||
barChart: [
|
||||
{ key: 'uniqueSourceIps', value: [{ x: 'uniqueSourceIps', y: '1714' }], color: '#DB1374' },
|
||||
{ key: 'uniqueSourceIps', value: [{ x: 'uniqueSourceIps', y: '1714' }], color: '#D36086' },
|
||||
{
|
||||
key: 'uniqueDestinationIps',
|
||||
value: [{ x: 'uniqueDestinationIps', y: 2354 }],
|
||||
color: '#490092',
|
||||
color: '#9170B8',
|
||||
},
|
||||
],
|
||||
description: 'UNIQUE_PRIVATE_IPS',
|
||||
|
|
@ -154,14 +154,14 @@ describe('Stat Items Component', () => {
|
|||
key: 'uniqueSourceIps',
|
||||
description: 'Source',
|
||||
value: 1714,
|
||||
color: '#DB1374',
|
||||
color: '#D36086',
|
||||
icon: 'cross',
|
||||
},
|
||||
{
|
||||
key: 'uniqueDestinationIps',
|
||||
description: 'Dest.',
|
||||
value: 2359,
|
||||
color: '#490092',
|
||||
color: '#9170B8',
|
||||
icon: 'cross',
|
||||
},
|
||||
],
|
||||
|
|
|
|||
|
|
@ -35,7 +35,7 @@ exports[`renders without crashing 1`] = `
|
|||
labelType="label"
|
||||
>
|
||||
<EuiColorPicker
|
||||
color="#F19F58"
|
||||
color="#DA8B45"
|
||||
isInvalid={false}
|
||||
onChange={[Function]}
|
||||
/>
|
||||
|
|
|
|||
|
|
@ -141,7 +141,7 @@ Array [
|
|||
}
|
||||
>
|
||||
<EuiAvatar
|
||||
color="#B46F5F"
|
||||
color="#AA6556"
|
||||
data-test-subj="space-avatar-default"
|
||||
imageUrl=""
|
||||
initials="D"
|
||||
|
|
@ -156,7 +156,7 @@ Array [
|
|||
data-test-subj="space-avatar-default"
|
||||
style={
|
||||
Object {
|
||||
"backgroundColor": "#B46F5F",
|
||||
"backgroundColor": "#AA6556",
|
||||
"backgroundImage": "none",
|
||||
"color": "#000000",
|
||||
}
|
||||
|
|
@ -183,7 +183,7 @@ Array [
|
|||
}
|
||||
>
|
||||
<EuiAvatar
|
||||
color="#F19F58"
|
||||
color="#DA8B45"
|
||||
data-test-subj="space-avatar-custom-1"
|
||||
imageUrl=""
|
||||
initials="C1"
|
||||
|
|
@ -198,7 +198,7 @@ Array [
|
|||
data-test-subj="space-avatar-custom-1"
|
||||
style={
|
||||
Object {
|
||||
"backgroundColor": "#F19F58",
|
||||
"backgroundColor": "#DA8B45",
|
||||
"backgroundImage": "none",
|
||||
"color": "#000000",
|
||||
}
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@ exports[`removes aria-label when instructed not to announce the space name 1`] =
|
|||
<EuiAvatar
|
||||
aria-hidden={true}
|
||||
aria-label=""
|
||||
color="#F19F58"
|
||||
color="#DA8B45"
|
||||
data-test-subj="space-avatar-"
|
||||
imageUrl=""
|
||||
initials=""
|
||||
|
|
@ -29,7 +29,7 @@ exports[`removes aria-label when instructed not to announce the space name 1`] =
|
|||
data-test-subj="space-avatar-"
|
||||
style={
|
||||
Object {
|
||||
"backgroundColor": "#F19F58",
|
||||
"backgroundColor": "#DA8B45",
|
||||
"backgroundImage": "none",
|
||||
"color": "#000000",
|
||||
}
|
||||
|
|
@ -55,7 +55,7 @@ exports[`renders with a space name entirely made of whitespace 1`] = `
|
|||
|
||||
exports[`renders without crashing 1`] = `
|
||||
<EuiAvatar
|
||||
color="#F19F58"
|
||||
color="#DA8B45"
|
||||
data-test-subj="space-avatar-"
|
||||
imageUrl=""
|
||||
initials=""
|
||||
|
|
|
|||
|
|
@ -29,7 +29,7 @@ exports[`LocationStatusTags component renders when all locations are down 1`] =
|
|||
>
|
||||
<span
|
||||
class="euiBadge euiBadge--iconLeft"
|
||||
style="background-color:#bd271e;color:#FFFFFF"
|
||||
style="background-color:#bd271e;color:#fff"
|
||||
>
|
||||
<span
|
||||
class="euiBadge__content"
|
||||
|
|
@ -68,7 +68,7 @@ exports[`LocationStatusTags component renders when all locations are down 1`] =
|
|||
>
|
||||
<span
|
||||
class="euiBadge euiBadge--iconLeft"
|
||||
style="background-color:#bd271e;color:#FFFFFF"
|
||||
style="background-color:#bd271e;color:#fff"
|
||||
>
|
||||
<span
|
||||
class="euiBadge__content"
|
||||
|
|
@ -137,7 +137,7 @@ exports[`LocationStatusTags component renders when all locations are up 1`] = `
|
|||
>
|
||||
<span
|
||||
class="euiBadge euiBadge--iconLeft"
|
||||
style="background-color:#d3dae6;color:#000000"
|
||||
style="background-color:#d3dae6;color:#000"
|
||||
>
|
||||
<span
|
||||
class="euiBadge__content"
|
||||
|
|
@ -176,7 +176,7 @@ exports[`LocationStatusTags component renders when all locations are up 1`] = `
|
|||
>
|
||||
<span
|
||||
class="euiBadge euiBadge--iconLeft"
|
||||
style="background-color:#d3dae6;color:#000000"
|
||||
style="background-color:#d3dae6;color:#000"
|
||||
>
|
||||
<span
|
||||
class="euiBadge__content"
|
||||
|
|
@ -244,7 +244,7 @@ Array [
|
|||
>
|
||||
<span
|
||||
class="euiBadge euiBadge--iconLeft"
|
||||
style="background-color:#bd271e;color:#FFFFFF"
|
||||
style="background-color:#bd271e;color:#fff"
|
||||
>
|
||||
<span
|
||||
class="euiBadge__content"
|
||||
|
|
@ -283,7 +283,7 @@ Array [
|
|||
>
|
||||
<span
|
||||
class="euiBadge euiBadge--iconLeft"
|
||||
style="background-color:#bd271e;color:#FFFFFF"
|
||||
style="background-color:#bd271e;color:#fff"
|
||||
>
|
||||
<span
|
||||
class="euiBadge__content"
|
||||
|
|
@ -322,7 +322,7 @@ Array [
|
|||
>
|
||||
<span
|
||||
class="euiBadge euiBadge--iconLeft"
|
||||
style="background-color:#bd271e;color:#FFFFFF"
|
||||
style="background-color:#bd271e;color:#fff"
|
||||
>
|
||||
<span
|
||||
class="euiBadge__content"
|
||||
|
|
@ -361,7 +361,7 @@ Array [
|
|||
>
|
||||
<span
|
||||
class="euiBadge euiBadge--iconLeft"
|
||||
style="background-color:#bd271e;color:#FFFFFF"
|
||||
style="background-color:#bd271e;color:#fff"
|
||||
>
|
||||
<span
|
||||
class="euiBadge__content"
|
||||
|
|
@ -400,7 +400,7 @@ Array [
|
|||
>
|
||||
<span
|
||||
class="euiBadge euiBadge--iconLeft"
|
||||
style="background-color:#bd271e;color:#FFFFFF"
|
||||
style="background-color:#bd271e;color:#fff"
|
||||
>
|
||||
<span
|
||||
class="euiBadge__content"
|
||||
|
|
@ -439,7 +439,7 @@ Array [
|
|||
>
|
||||
<span
|
||||
class="euiBadge euiBadge--iconLeft"
|
||||
style="background-color:#bd271e;color:#FFFFFF"
|
||||
style="background-color:#bd271e;color:#fff"
|
||||
>
|
||||
<span
|
||||
class="euiBadge__content"
|
||||
|
|
@ -478,7 +478,7 @@ Array [
|
|||
>
|
||||
<span
|
||||
class="euiBadge euiBadge--iconLeft"
|
||||
style="background-color:#bd271e;color:#FFFFFF"
|
||||
style="background-color:#bd271e;color:#fff"
|
||||
>
|
||||
<span
|
||||
class="euiBadge__content"
|
||||
|
|
@ -517,7 +517,7 @@ Array [
|
|||
>
|
||||
<span
|
||||
class="euiBadge euiBadge--iconLeft"
|
||||
style="background-color:#bd271e;color:#FFFFFF"
|
||||
style="background-color:#bd271e;color:#fff"
|
||||
>
|
||||
<span
|
||||
class="euiBadge__content"
|
||||
|
|
|
|||
|
|
@ -11,7 +11,8 @@ Array [
|
|||
>
|
||||
SSL certificate expires
|
||||
<span
|
||||
class="euiBadge euiBadge--iconLeft euiBadge--default"
|
||||
class="euiBadge euiBadge--iconLeft"
|
||||
style="background-color:#d3dae6;color:#000"
|
||||
>
|
||||
<span
|
||||
class="euiBadge__content"
|
||||
|
|
|
|||
|
|
@ -176,7 +176,7 @@
|
|||
"@babel/runtime": "^7.5.5",
|
||||
"@elastic/datemath": "5.0.2",
|
||||
"@elastic/ems-client": "1.0.5",
|
||||
"@elastic/eui": "18.0.0",
|
||||
"@elastic/eui": "18.2.0",
|
||||
"@elastic/filesaver": "1.1.2",
|
||||
"@elastic/maki": "6.1.0",
|
||||
"@elastic/node-crypto": "^1.0.0",
|
||||
|
|
|
|||
|
|
@ -73,7 +73,7 @@ describe('SecurityNavControlService', () => {
|
|||
<div
|
||||
aria-label="some-user"
|
||||
class="euiAvatar euiAvatar--s euiAvatar--user"
|
||||
style="background-image: none; background-color: rgb(231, 102, 76); color: rgb(0, 0, 0);"
|
||||
style="background-image: none; background-color: rgb(255, 126, 98); color: rgb(0, 0, 0);"
|
||||
title="some-user"
|
||||
>
|
||||
<span
|
||||
|
|
|
|||
|
|
@ -698,7 +698,7 @@
|
|||
"title" : "join and dynamic coloring demo",
|
||||
"description" : "",
|
||||
"mapStateJSON" : "{\"zoom\":3.42,\"center\":{\"lon\":81.67747,\"lat\":1.80586},\"timeFilters\":{\"from\":\"now-17m\",\"to\":\"now\",\"mode\":\"quick\"},\"refreshConfig\":{\"isPaused\":true,\"interval\":1000},\"query\":{\"language\":\"kuery\",\"query\":\"\"},\"filters\":[]}",
|
||||
"layerListJSON" : "[{\"id\":\"n1t6f\",\"label\":null,\"minZoom\":0,\"maxZoom\":24,\"sourceDescriptor\":{\"id\":\"62eca1fc-fe42-11e8-8eb2-f2801f1b9fd1\",\"type\":\"ES_SEARCH\",\"geoField\":\"geometry\",\"limit\":2048,\"filterByMapBounds\":false,\"showTooltip\":true,\"tooltipProperties\":[\"name\"],\"indexPatternRefName\":\"layer_0_source_index_pattern\"},\"visible\":true,\"temporary\":false,\"style\":{\"type\":\"VECTOR\",\"properties\":{\"fillColor\":{\"type\":\"DYNAMIC\",\"options\":{\"field\":{\"label\":\"max(prop1) group by meta_for_geo_shapes*.shape_name\",\"name\":\"__kbnjoin__max_of_prop1_groupby_meta_for_geo_shapes*.shape_name\",\"origin\":\"join\"},\"color\":null,\"useCustomColorRamp\":true,\"customColorRamp\":[{\"stop\":0,\"color\":\"#E6C220\"},{\"stop\":5,\"color\":\"#F98510\"},{\"stop\":11,\"color\":\"#DB1374\"}]}},\"lineColor\":{\"type\":\"DYNAMIC\",\"options\":{\"color\":\"Blues\",\"field\":{\"label\":\"prop1\",\"name\":\"prop1\",\"origin\":\"source\"},\"useCustomColorRamp\":false}},\"lineWidth\":{\"type\":\"STATIC\",\"options\":{\"size\":10}},\"iconSize\":{\"type\":\"STATIC\",\"options\":{\"size\":10}},\"iconOrientation\":{\"type\":\"STATIC\",\"options\":{\"orientation\":0}},\"symbol\":{\"options\":{\"symbolizeAs\":\"circle\",\"symbolId\":\"airfield\"}}}},\"type\":\"VECTOR\",\"joins\":[{\"leftField\":\"name\",\"right\":{\"id\":\"855ccb86-fe42-11e8-8eb2-f2801f1b9fd1\",\"indexPatternTitle\":\"meta_for_geo_shapes*\",\"term\":\"shape_name\",\"metrics\":[{\"type\":\"max\",\"field\":\"prop1\"}],\"indexPatternRefName\":\"layer_0_join_0_index_pattern\"}}]}]",
|
||||
"layerListJSON" : "[{\"id\":\"n1t6f\",\"label\":null,\"minZoom\":0,\"maxZoom\":24,\"sourceDescriptor\":{\"id\":\"62eca1fc-fe42-11e8-8eb2-f2801f1b9fd1\",\"type\":\"ES_SEARCH\",\"geoField\":\"geometry\",\"limit\":2048,\"filterByMapBounds\":false,\"showTooltip\":true,\"tooltipProperties\":[\"name\"],\"indexPatternRefName\":\"layer_0_source_index_pattern\"},\"visible\":true,\"temporary\":false,\"style\":{\"type\":\"VECTOR\",\"properties\":{\"fillColor\":{\"type\":\"DYNAMIC\",\"options\":{\"field\":{\"label\":\"max(prop1) group by meta_for_geo_shapes*.shape_name\",\"name\":\"__kbnjoin__max_of_prop1_groupby_meta_for_geo_shapes*.shape_name\",\"origin\":\"join\"},\"color\":null,\"useCustomColorRamp\":true,\"customColorRamp\":[{\"stop\":0,\"color\":\"#E6C220\"},{\"stop\":5,\"color\":\"#F98510\"},{\"stop\":11,\"color\":\"#D36086\"}]}},\"lineColor\":{\"type\":\"DYNAMIC\",\"options\":{\"color\":\"Blues\",\"field\":{\"label\":\"prop1\",\"name\":\"prop1\",\"origin\":\"source\"},\"useCustomColorRamp\":false}},\"lineWidth\":{\"type\":\"STATIC\",\"options\":{\"size\":10}},\"iconSize\":{\"type\":\"STATIC\",\"options\":{\"size\":10}},\"iconOrientation\":{\"type\":\"STATIC\",\"options\":{\"orientation\":0}},\"symbol\":{\"options\":{\"symbolizeAs\":\"circle\",\"symbolId\":\"airfield\"}}}},\"type\":\"VECTOR\",\"joins\":[{\"leftField\":\"name\",\"right\":{\"id\":\"855ccb86-fe42-11e8-8eb2-f2801f1b9fd1\",\"indexPatternTitle\":\"meta_for_geo_shapes*\",\"term\":\"shape_name\",\"metrics\":[{\"type\":\"max\",\"field\":\"prop1\"}],\"indexPatternRefName\":\"layer_0_join_0_index_pattern\"}}]}]",
|
||||
"uiStateJSON" : "{\"isLayerTOCOpen\":true,\"openTOCDetails\":[]}",
|
||||
"bounds" : {
|
||||
"type" : "Polygon",
|
||||
|
|
|
|||
|
|
@ -1941,10 +1941,10 @@
|
|||
tabbable "^1.1.0"
|
||||
uuid "^3.1.0"
|
||||
|
||||
"@elastic/eui@18.0.0":
|
||||
version "18.0.0"
|
||||
resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-18.0.0.tgz#b65607c87be63f9455630cab1ab2a365acd2a805"
|
||||
integrity sha512-wFI6HwEmwnmctRiP5S3ScjJSqER+xmh7/3ur5BvPRYSaXm5vGJnj0bwqQD1GZ9jgfrrc7qy7f4ff3zbmuTBs3Q==
|
||||
"@elastic/eui@18.2.0":
|
||||
version "18.2.0"
|
||||
resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-18.2.0.tgz#db9c2af87b2bdd0af7a39802d31507139b543482"
|
||||
integrity sha512-wZXFBzETsaMTw6VuqFu168NKiwXMI5MVT7SdTIRufCBrT6uhUpbx43ZiDCcg372RHXosunQaiD5eVm3aodO+Jg==
|
||||
dependencies:
|
||||
"@types/chroma-js" "^1.4.3"
|
||||
"@types/lodash" "^4.14.116"
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue