mirror of
https://github.com/elastic/kibana.git
synced 2025-04-24 01:38:56 -04:00
Upgrade EUI to v99.1.0 (#207724)
`99.0.0-borealis.1` ⏩ `99.1.0-borealis.0` [Questions? Please see our Kibana upgrade FAQ.](https://github.com/elastic/eui/blob/main/wiki/eui-team-processes/upgrading-kibana.md#faq-for-kibana-teams) --- # `@elastic/eui` ## [`v99.1.0`](https://github.com/elastic/eui/releases/v99.1.0) - Updated `EuiColorPalettePicker` - adds `append` to `EuiColorPalettePickerPaletteProps` to support appending custom content to the title ([#8208](https://github.com/elastic/eui/pull/8208)) - Updated font-weight and font-size of `EuiBetaBadge`s to improve legibility ([#8255](https://github.com/elastic/eui/pull/8255)) - Added suppport for `titleColor` variant `warning` on `EuiStat` ([#8278](https://github.com/elastic/eui/pull/8278)) # `@elastic/eui-theme-borealis` ## `v0.0.9` - [Visual Refresh] Support new theme tokens on JSON exports ([#8277](https://github.com/elastic/eui/pull/8277)) - Remap few colors for EuiLoadingSpinner and EuiLoadingChart ([#8276](https://github.com/elastic/eui/pull/8276)) - [Visual Refresh] Update floating border on EuiPanel ([#8270](https://github.com/elastic/eui/pull/8270)) --------- Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com> Co-authored-by: nickofthyme <nicholas.partridge@elastic.co> Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>
This commit is contained in:
Arturo Castillo Delgado
GitHub
parent
a172cb5691
commit
0c18b44621
30 changed files with 136 additions and 62 deletions
|
|
@ -117,8 +117,8 @@
|
|||
"@elastic/ecs": "^8.11.5",
|
||||
"@elastic/elasticsearch": "^8.17.0",
|
||||
"@elastic/ems-client": "8.6.3",
|
||||
"@elastic/eui": "99.0.0-borealis.1",
|
||||
"@elastic/eui-theme-borealis": "0.0.8",
|
||||
"@elastic/eui": "99.1.0-borealis.0",
|
||||
"@elastic/eui-theme-borealis": "0.0.9",
|
||||
"@elastic/filesaver": "1.1.2",
|
||||
"@elastic/node-crypto": "^1.2.3",
|
||||
"@elastic/numeral": "^2.5.1",
|
||||
|
|
|
|||
|
|
@ -87,8 +87,8 @@ export const LICENSE_OVERRIDES = {
|
|||
'jsts@1.6.2': ['Eclipse Distribution License - v 1.0'], // cf. https://github.com/bjornharrtell/jsts
|
||||
'@mapbox/jsonlint-lines-primitives@2.0.2': ['MIT'], // license in readme https://github.com/tmcw/jsonlint
|
||||
'@elastic/ems-client@8.6.3': ['Elastic License 2.0'],
|
||||
'@elastic/eui@99.0.0-borealis.1': ['Elastic License 2.0 OR AGPL-3.0-only OR SSPL-1.0'],
|
||||
'@elastic/eui-theme-borealis@0.0.8': ['Elastic License 2.0 OR AGPL-3.0-only OR SSPL-1.0'],
|
||||
'@elastic/eui@99.1.0-borealis.0': ['Elastic License 2.0 OR AGPL-3.0-only OR SSPL-1.0'],
|
||||
'@elastic/eui-theme-borealis@0.0.9': ['Elastic License 2.0 OR AGPL-3.0-only OR SSPL-1.0'],
|
||||
'language-subtag-registry@0.3.21': ['CC-BY-4.0'], // retired ODC‑By license https://github.com/mattcg/language-subtag-registry
|
||||
'buffers@0.1.1': ['MIT'], // license in importing module https://www.npmjs.com/package/binary
|
||||
'@bufbuild/protobuf@1.2.1': ['Apache-2.0'], // license (Apache-2.0 AND BSD-3-Clause)
|
||||
|
|
|
|||
|
|
@ -87,6 +87,10 @@ export interface PaletteDefinition<T = unknown> {
|
|||
* User facing title (should be i18n-ized)
|
||||
*/
|
||||
title: string;
|
||||
/**
|
||||
* User facing tag (should be i18n-ized)
|
||||
*/
|
||||
tag?: string;
|
||||
/**
|
||||
* Flag indicating whether users should be able to pick this palette manually.
|
||||
*/
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@ import { useSelector, useDispatch } from 'react-redux';
|
|||
import { EuiColorPalettePicker, EuiConfirmModal, EuiFormRow } from '@elastic/eui';
|
||||
import { i18n } from '@kbn/i18n';
|
||||
|
||||
import { KbnPalettes } from '@kbn/palettes';
|
||||
import { KbnPalettes, getAppendedTag } from '@kbn/palettes';
|
||||
import { RootState, updatePalette } from '../../state/color_mapping';
|
||||
import { updateAssignmentsPalette, updateColorModePalette } from '../../config/assignments';
|
||||
|
||||
|
|
@ -100,6 +100,7 @@ export function PaletteSelector({ palettes }: { palettes: KbnPalettes }) {
|
|||
'data-test-subj': `kbnColoring_ColorMapping_Palette-${palette.id}`,
|
||||
value: palette.id,
|
||||
title: palette.name,
|
||||
append: getAppendedTag(palette.tag),
|
||||
palette: Array.from({ length: palette.colorCount }, (_, i) => {
|
||||
return palette.getColor(i);
|
||||
}),
|
||||
|
|
|
|||
|
|
@ -11,7 +11,7 @@ import { Optional } from 'utility-types';
|
|||
import { IKbnPalette, KbnPaletteType } from './types';
|
||||
|
||||
export type KbnBasePaletteConfig = Optional<
|
||||
Pick<IKbnPalette, 'id' | 'name' | 'colorCount' | 'legacy' | 'aliases' | 'standalone'>,
|
||||
Pick<IKbnPalette, 'id' | 'name' | 'tag' | 'colorCount' | 'legacy' | 'aliases' | 'standalone'>,
|
||||
'legacy' | 'aliases'
|
||||
>;
|
||||
|
||||
|
|
@ -20,6 +20,7 @@ export abstract class KbnBasePalette implements IKbnPalette {
|
|||
|
||||
public readonly id: string;
|
||||
public readonly name: string;
|
||||
public readonly tag?: string;
|
||||
public readonly colorCount: number;
|
||||
public readonly legacy: boolean;
|
||||
public readonly standalone: boolean;
|
||||
|
|
@ -28,6 +29,7 @@ export abstract class KbnBasePalette implements IKbnPalette {
|
|||
constructor({
|
||||
id,
|
||||
name,
|
||||
tag,
|
||||
colorCount,
|
||||
aliases = [],
|
||||
legacy = false,
|
||||
|
|
@ -35,6 +37,7 @@ export abstract class KbnBasePalette implements IKbnPalette {
|
|||
}: KbnBasePaletteConfig) {
|
||||
this.id = id;
|
||||
this.name = name;
|
||||
this.tag = tag;
|
||||
this.colorCount = colorCount;
|
||||
this.legacy = legacy;
|
||||
this.standalone = standalone;
|
||||
|
|
|
|||
|
|
@ -21,6 +21,10 @@ export interface IKbnPalette {
|
|||
* Display name of this palette.
|
||||
*/
|
||||
name: string;
|
||||
/**
|
||||
* A tag for the palette displayed opposite of the `name`.
|
||||
*/
|
||||
tag?: string;
|
||||
/**
|
||||
* Type of pallette
|
||||
*/
|
||||
|
|
|
|||
|
|
@ -0,0 +1,28 @@
|
|||
/*
|
||||
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
|
||||
* or more contributor license agreements. Licensed under the "Elastic License
|
||||
* 2.0", the "GNU Affero General Public License v3.0 only", and the "Server Side
|
||||
* Public License v 1"; you may not use this file except in compliance with, at
|
||||
* your election, the "Elastic License 2.0", the "GNU Affero General Public
|
||||
* License v3.0 only", or the "Server Side Public License, v 1".
|
||||
*/
|
||||
|
||||
import React from 'react';
|
||||
import { EuiText } from '@elastic/eui';
|
||||
import { css } from '@emotion/react';
|
||||
|
||||
/**
|
||||
* Text wrapper to remove text-decoration from `EuiText`
|
||||
*/
|
||||
export const getAppendedTag = (label?: string) =>
|
||||
label && (
|
||||
<EuiText color="subdued" size="xs">
|
||||
<span
|
||||
css={css`
|
||||
display: inline-block;
|
||||
`}
|
||||
>
|
||||
{label}
|
||||
</span>
|
||||
</EuiText>
|
||||
);
|
||||
|
|
@ -9,6 +9,7 @@
|
|||
|
||||
export * from './palettes';
|
||||
export * from './classes';
|
||||
export * from './components';
|
||||
export { DEFAULT_FALLBACK_PALETTE, KbnPalette } from './constants';
|
||||
|
||||
export * from './hooks';
|
||||
|
|
|
|||
|
|
@ -26,7 +26,10 @@ export const elasticPalette = new KbnColorFnPalette({
|
|||
colorCount: 10,
|
||||
defaultNumberOfColors: 30,
|
||||
name: i18n.translate('palettes.elastic.name', {
|
||||
defaultMessage: 'Elastic (default)',
|
||||
defaultMessage: 'Elastic',
|
||||
}),
|
||||
tag: i18n.translate('palettes.elastic.tag', {
|
||||
defaultMessage: 'Default',
|
||||
}),
|
||||
// Return exact colors requested given enough rotations
|
||||
colorFn: (n) => euiPaletteColorBlind({ rotations: Math.ceil(n / 10) }).slice(0, n),
|
||||
|
|
|
|||
|
|
@ -46,7 +46,7 @@ const lightKbnPalettes = new KbnPalettes(
|
|||
elasticPalette,
|
||||
kibana7Palette,
|
||||
kibana4Palette,
|
||||
getNeutralPalette(true),
|
||||
getNeutralPalette(false),
|
||||
complementaryPalette,
|
||||
coolPalette,
|
||||
grayPalette,
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@
|
|||
"types": [
|
||||
"jest",
|
||||
"node",
|
||||
"react"
|
||||
"@emotion/react/types/css-prop"
|
||||
]
|
||||
},
|
||||
"include": [
|
||||
|
|
|
|||
|
|
@ -13,6 +13,7 @@ import { getActivePaletteName } from '@kbn/coloring';
|
|||
import { EuiColorPalettePicker, EuiColorPalettePickerPaletteProps } from '@elastic/eui';
|
||||
import { EuiFormRow } from '@elastic/eui';
|
||||
import { i18n } from '@kbn/i18n';
|
||||
import { getAppendedTag } from '@kbn/palettes';
|
||||
|
||||
const DEFAULT_PALETTE = 'default';
|
||||
|
||||
|
|
@ -34,11 +35,12 @@ export function PalettePicker<ParamName extends string>({
|
|||
const palettesList: EuiColorPalettePickerPaletteProps[] = palettes
|
||||
.getAll()
|
||||
.filter(({ internal }) => !internal)
|
||||
.map(({ id, title, getCategoricalColors }) => {
|
||||
.map(({ id, title, tag, getCategoricalColors }) => {
|
||||
return {
|
||||
value: id,
|
||||
title,
|
||||
type: 'fixed',
|
||||
append: getAppendedTag(tag),
|
||||
palette: getCategoricalColors(10, id === paletteName ? activePalette?.params : undefined),
|
||||
};
|
||||
});
|
||||
|
|
|
|||
|
|
@ -29,6 +29,7 @@
|
|||
"@kbn/saved-search-plugin",
|
||||
"@kbn/code-editor",
|
||||
"@kbn/react-kibana-context-render",
|
||||
"@kbn/palettes",
|
||||
],
|
||||
"exclude": [
|
||||
"target/**/*",
|
||||
|
|
|
|||
|
|
@ -215,6 +215,7 @@ export const buildPalettes = (theme: CoreTheme): Record<string, PaletteDefinitio
|
|||
return {
|
||||
default: {
|
||||
title: defaultPalette.name,
|
||||
tag: defaultPalette.tag,
|
||||
...buildRoundRobinCategoricalWithMappedColors(
|
||||
'default', // needs to match key of palette definition
|
||||
defaultPalette.colors(),
|
||||
|
|
|
|||
|
|
@ -12,6 +12,7 @@ import type { PaletteRegistry, PaletteOutput } from '@kbn/coloring';
|
|||
import { getActivePaletteName } from '@kbn/coloring';
|
||||
import { EuiColorPalettePicker } from '@elastic/eui';
|
||||
import { i18n } from '@kbn/i18n';
|
||||
import { getAppendedTag } from '@kbn/palettes';
|
||||
import { rainbowColors } from '../lib/rainbow_colors';
|
||||
import { computeGradientFinalColor } from '../lib/compute_gradient_final_color';
|
||||
import { PALETTES } from '../../../common/enums';
|
||||
|
|
@ -36,10 +37,11 @@ export function PalettePicker({ activePalette, palettes, setPalette, color }: Pa
|
|||
...palettes
|
||||
.getAll()
|
||||
.filter(({ internal }) => !internal)
|
||||
.map(({ id, title, getCategoricalColors }) => {
|
||||
.map(({ id, title, tag, getCategoricalColors }) => {
|
||||
return {
|
||||
value: id,
|
||||
title,
|
||||
append: getAppendedTag(tag),
|
||||
type: 'fixed' as const,
|
||||
palette: getCategoricalColors(10),
|
||||
};
|
||||
|
|
|
|||
|
|
@ -48,6 +48,7 @@
|
|||
"@kbn/code-editor",
|
||||
"@kbn/shared-ux-markdown",
|
||||
"@kbn/react-kibana-context-render",
|
||||
"@kbn/palettes",
|
||||
],
|
||||
"exclude": [
|
||||
"target/**/*",
|
||||
|
|
|
|||
|
|
@ -11,6 +11,7 @@ import { getActivePaletteName } from '@kbn/coloring';
|
|||
import { EuiColorPalettePicker, EuiColorPalettePickerPaletteProps } from '@elastic/eui';
|
||||
import { EuiFormRow } from '@elastic/eui';
|
||||
import { i18n } from '@kbn/i18n';
|
||||
import { getAppendedTag } from '@kbn/palettes';
|
||||
|
||||
interface PalettePickerProps<T> {
|
||||
palettes: PaletteRegistry;
|
||||
|
|
@ -23,10 +24,11 @@ export function PalettePicker<T>({ palettes, activePalette, setPalette }: Palett
|
|||
const palettesToShow: EuiColorPalettePickerPaletteProps[] = palettes
|
||||
.getAll()
|
||||
.filter(({ internal }) => !internal)
|
||||
.map(({ id, title, getCategoricalColors }) => {
|
||||
.map(({ id, title, tag, getCategoricalColors }) => {
|
||||
return {
|
||||
value: id,
|
||||
title,
|
||||
append: getAppendedTag(tag),
|
||||
type: 'fixed',
|
||||
palette: getCategoricalColors(10, id === paletteName ? activePalette?.params : undefined),
|
||||
};
|
||||
|
|
|
|||
|
|
@ -49,6 +49,9 @@ function getColorBlindPalette(steps: number) {
|
|||
|
||||
const COLOR_PALETTES: COLOR_PALETTE[] = [
|
||||
{
|
||||
// TODO remove all empty `title` props below after
|
||||
// https://github.com/elastic/eui/pull/8289 is released
|
||||
title: '',
|
||||
value: 'Blues',
|
||||
getPalette: (steps: number) => {
|
||||
return euiPaletteCool(steps);
|
||||
|
|
@ -57,6 +60,7 @@ const COLOR_PALETTES: COLOR_PALETTE[] = [
|
|||
type: 'gradient',
|
||||
},
|
||||
{
|
||||
title: '',
|
||||
value: 'Greens',
|
||||
getPalette: (steps: number) => {
|
||||
return euiPaletteGreen(steps);
|
||||
|
|
@ -65,6 +69,7 @@ const COLOR_PALETTES: COLOR_PALETTE[] = [
|
|||
type: 'gradient',
|
||||
},
|
||||
{
|
||||
title: '',
|
||||
value: 'Greys',
|
||||
getPalette: (steps: number) => {
|
||||
return euiPaletteGray(steps);
|
||||
|
|
@ -73,6 +78,7 @@ const COLOR_PALETTES: COLOR_PALETTE[] = [
|
|||
type: 'gradient',
|
||||
},
|
||||
{
|
||||
title: '',
|
||||
value: 'Reds',
|
||||
getPalette: (steps: number) => {
|
||||
return euiPaletteRed(steps);
|
||||
|
|
@ -81,6 +87,7 @@ const COLOR_PALETTES: COLOR_PALETTE[] = [
|
|||
type: 'gradient',
|
||||
},
|
||||
{
|
||||
title: '',
|
||||
value: 'Yellow to Red',
|
||||
getPalette: (steps: number) => {
|
||||
return euiPaletteWarm(steps);
|
||||
|
|
@ -89,6 +96,7 @@ const COLOR_PALETTES: COLOR_PALETTE[] = [
|
|||
type: 'gradient',
|
||||
},
|
||||
{
|
||||
title: '',
|
||||
value: 'Green to Red',
|
||||
getPalette: (steps: number) => {
|
||||
return euiPaletteForStatus(steps);
|
||||
|
|
@ -97,6 +105,7 @@ const COLOR_PALETTES: COLOR_PALETTE[] = [
|
|||
type: 'gradient',
|
||||
},
|
||||
{
|
||||
title: '',
|
||||
value: 'Blue to Red',
|
||||
getPalette: (steps: number) => {
|
||||
return euiPaletteForTemperature(steps);
|
||||
|
|
@ -105,6 +114,7 @@ const COLOR_PALETTES: COLOR_PALETTE[] = [
|
|||
type: 'gradient',
|
||||
},
|
||||
{
|
||||
title: '',
|
||||
value: DEFAULT_HEATMAP_COLOR_RAMP_NAME,
|
||||
getPalette: (steps: number) => {
|
||||
return colorPaletteGenerator(HEATMAP_PALETTE, steps, true, true);
|
||||
|
|
@ -113,18 +123,21 @@ const COLOR_PALETTES: COLOR_PALETTE[] = [
|
|||
type: 'gradient',
|
||||
},
|
||||
{
|
||||
title: '',
|
||||
value: 'palette_0',
|
||||
getPalette: getColorBlindPalette,
|
||||
palette: euiPaletteColorBlind(),
|
||||
type: 'fixed',
|
||||
},
|
||||
{
|
||||
title: '',
|
||||
value: 'palette_20',
|
||||
getPalette: getColorBlindPalette,
|
||||
palette: euiPaletteColorBlind({ rotations: 2 }),
|
||||
type: 'fixed',
|
||||
},
|
||||
{
|
||||
title: '',
|
||||
value: 'palette_30',
|
||||
getPalette: getColorBlindPalette,
|
||||
palette: euiPaletteColorBlind({ rotations: 3 }),
|
||||
|
|
|
|||
|
|
@ -22,6 +22,7 @@ exports[`HeatmapStyleEditor is rendered 1`] = `
|
|||
"#769fc8",
|
||||
"#6092c0",
|
||||
],
|
||||
"title": "",
|
||||
"type": "gradient",
|
||||
"value": "Blues",
|
||||
},
|
||||
|
|
@ -37,6 +38,7 @@ exports[`HeatmapStyleEditor is rendered 1`] = `
|
|||
"#47a08f",
|
||||
"#209280",
|
||||
],
|
||||
"title": "",
|
||||
"type": "gradient",
|
||||
"value": "Greens",
|
||||
},
|
||||
|
|
@ -52,6 +54,7 @@ exports[`HeatmapStyleEditor is rendered 1`] = `
|
|||
"#494d58",
|
||||
"#343741",
|
||||
],
|
||||
"title": "",
|
||||
"type": "gradient",
|
||||
"value": "Greys",
|
||||
},
|
||||
|
|
@ -67,6 +70,7 @@ exports[`HeatmapStyleEditor is rendered 1`] = `
|
|||
"#d66c58",
|
||||
"#cc5642",
|
||||
],
|
||||
"title": "",
|
||||
"type": "gradient",
|
||||
"value": "Reds",
|
||||
},
|
||||
|
|
@ -82,6 +86,7 @@ exports[`HeatmapStyleEditor is rendered 1`] = `
|
|||
"#e58053",
|
||||
"#e7664c",
|
||||
],
|
||||
"title": "",
|
||||
"type": "gradient",
|
||||
"value": "Yellow to Red",
|
||||
},
|
||||
|
|
@ -97,6 +102,7 @@ exports[`HeatmapStyleEditor is rendered 1`] = `
|
|||
"#da5e47",
|
||||
"#cc5642",
|
||||
],
|
||||
"title": "",
|
||||
"type": "gradient",
|
||||
"value": "Green to Red",
|
||||
},
|
||||
|
|
@ -112,6 +118,7 @@ exports[`HeatmapStyleEditor is rendered 1`] = `
|
|||
"#eb8f69",
|
||||
"#e7664c",
|
||||
],
|
||||
"title": "",
|
||||
"type": "gradient",
|
||||
"value": "Blue to Red",
|
||||
},
|
||||
|
|
@ -124,6 +131,7 @@ exports[`HeatmapStyleEditor is rendered 1`] = `
|
|||
"rgb(256, 256, 0)",
|
||||
"rgb(256, 0, 0)",
|
||||
],
|
||||
"title": "",
|
||||
"type": "gradient",
|
||||
"value": "theclassic",
|
||||
},
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`PromptPage renders as expected with additional scripts 1`] = `"<html lang=\\"en\\"><head><title>Elastic</title><style></style><style data-emotion=\\"eui \\"></style></style><link href=\\"/bundles/kbn-ui-shared-deps-src/kbn-ui-shared-deps-src.css\\" rel=\\"stylesheet\\"/>MockedFonts<link rel=\\"alternate icon\\" type=\\"image/png\\" href=\\"/ui/favicons/favicon.png\\"/><link rel=\\"icon\\" type=\\"image/svg+xml\\" href=\\"/ui/favicons/favicon.svg\\"/><script src=\\"/mock-basepath/some/script1.js\\"></script><script src=\\"/mock-basepath/some/script2.js\\"></script><meta name=\\"theme-color\\" content=\\"#ffffff\\"/><meta name=\\"color-scheme\\" content=\\"light dark\\"/></head><body><div data-test-subj=\\"promptPage\\" style=\\"min-block-size:max(460px, 100vh);padding-block-start:var(--euiFixedHeadersOffset, 0)\\" class=\\"euiPageTemplate eui-cjgvy1-euiPageOuter-row-grow\\"><main id=\\"EuiPageTemplateInner_generated-id\\" class=\\"eui-nq554q-euiPageInner\\"><section class=\\"eui-j6zf49-euiPageSection-grow-l-center-transparent\\"><div class=\\"eui-1oc2fb7-euiPageSection__content-l-center\\"><div class=\\"euiPanel euiPanel--plain euiEmptyPrompt eui-1ww27t9-euiPanel-m-plain-hasShadow-euiEmptyPrompt-vertical\\"><div class=\\"euiEmptyPrompt__main eui-1s4ogs-euiEmptyPrompt__main-vertical-l\\"><div class=\\"euiEmptyPrompt__icon eui-1ysd0i8-euiEmptyPrompt__icon-vertical\\"><span data-euiicon-type=\\"warning\\" color=\\"danger\\"></span></div><div class=\\"euiEmptyPrompt__content eui-1cebog9-euiEmptyPrompt__content-vertical\\"><h2 class=\\"euiTitle eui-smz32e-euiTitle-m\\">Some Title</h2><div class=\\"euiSpacer euiSpacer--m eui-jv9za2-euiSpacer-m\\"></div><div class=\\"euiText eui-k2mw53-euiText-m-euiTextColor-subdued\\"><div>Some Body</div></div><div class=\\"euiSpacer euiSpacer--l eui-p2o3x6-euiSpacer-l\\"></div><div class=\\"euiFlexGroup euiEmptyPrompt__actions eui-1rkti4c-euiFlexGroup-m-center-center-column-euiEmptyPrompt__actions-vertical\\"><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><span>Action#1</span></div><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><span>Action#2</span></div></div></div></div></div></div></section></main></div></body></html>"`;
|
||||
exports[`PromptPage renders as expected with additional scripts 1`] = `"<html lang=\\"en\\"><head><title>Elastic</title><style></style><style data-emotion=\\"eui \\"></style></style><link href=\\"/bundles/kbn-ui-shared-deps-src/kbn-ui-shared-deps-src.css\\" rel=\\"stylesheet\\"/>MockedFonts<link rel=\\"alternate icon\\" type=\\"image/png\\" href=\\"/ui/favicons/favicon.png\\"/><link rel=\\"icon\\" type=\\"image/svg+xml\\" href=\\"/ui/favicons/favicon.svg\\"/><script src=\\"/mock-basepath/some/script1.js\\"></script><script src=\\"/mock-basepath/some/script2.js\\"></script><meta name=\\"theme-color\\" content=\\"#ffffff\\"/><meta name=\\"color-scheme\\" content=\\"light dark\\"/></head><body><div data-test-subj=\\"promptPage\\" style=\\"min-block-size:max(460px, 100vh);padding-block-start:var(--euiFixedHeadersOffset, 0)\\" class=\\"euiPageTemplate eui-cjgvy1-euiPageOuter-row-grow\\"><main id=\\"EuiPageTemplateInner_generated-id\\" class=\\"eui-nq554q-euiPageInner\\"><section class=\\"eui-j6zf49-euiPageSection-grow-l-center-transparent\\"><div class=\\"eui-1oc2fb7-euiPageSection__content-l-center\\"><div class=\\"euiPanel euiPanel--plain euiEmptyPrompt eui-16xy7la-euiPanel-m-plain-hasShadow-euiEmptyPrompt-vertical\\"><div class=\\"euiEmptyPrompt__main eui-1s4ogs-euiEmptyPrompt__main-vertical-l\\"><div class=\\"euiEmptyPrompt__icon eui-1ysd0i8-euiEmptyPrompt__icon-vertical\\"><span data-euiicon-type=\\"warning\\" color=\\"danger\\"></span></div><div class=\\"euiEmptyPrompt__content eui-1cebog9-euiEmptyPrompt__content-vertical\\"><h2 class=\\"euiTitle eui-smz32e-euiTitle-m\\">Some Title</h2><div class=\\"euiSpacer euiSpacer--m eui-jv9za2-euiSpacer-m\\"></div><div class=\\"euiText eui-k2mw53-euiText-m-euiTextColor-subdued\\"><div>Some Body</div></div><div class=\\"euiSpacer euiSpacer--l eui-p2o3x6-euiSpacer-l\\"></div><div class=\\"euiFlexGroup euiEmptyPrompt__actions eui-1rkti4c-euiFlexGroup-m-center-center-column-euiEmptyPrompt__actions-vertical\\"><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><span>Action#1</span></div><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><span>Action#2</span></div></div></div></div></div></div></section></main></div></body></html>"`;
|
||||
|
||||
exports[`PromptPage renders as expected without additional scripts 1`] = `"<html lang=\\"en\\"><head><title>Elastic</title><style></style><style data-emotion=\\"eui \\"></style></style><link href=\\"/bundles/kbn-ui-shared-deps-src/kbn-ui-shared-deps-src.css\\" rel=\\"stylesheet\\"/>MockedFonts<link rel=\\"alternate icon\\" type=\\"image/png\\" href=\\"/ui/favicons/favicon.png\\"/><link rel=\\"icon\\" type=\\"image/svg+xml\\" href=\\"/ui/favicons/favicon.svg\\"/><meta name=\\"theme-color\\" content=\\"#ffffff\\"/><meta name=\\"color-scheme\\" content=\\"light dark\\"/></head><body><div data-test-subj=\\"promptPage\\" style=\\"min-block-size:max(460px, 100vh);padding-block-start:var(--euiFixedHeadersOffset, 0)\\" class=\\"euiPageTemplate eui-cjgvy1-euiPageOuter-row-grow\\"><main id=\\"EuiPageTemplateInner_generated-id\\" class=\\"eui-nq554q-euiPageInner\\"><section class=\\"eui-j6zf49-euiPageSection-grow-l-center-transparent\\"><div class=\\"eui-1oc2fb7-euiPageSection__content-l-center\\"><div class=\\"euiPanel euiPanel--plain euiEmptyPrompt eui-1ww27t9-euiPanel-m-plain-hasShadow-euiEmptyPrompt-vertical\\"><div class=\\"euiEmptyPrompt__main eui-1s4ogs-euiEmptyPrompt__main-vertical-l\\"><div class=\\"euiEmptyPrompt__icon eui-1ysd0i8-euiEmptyPrompt__icon-vertical\\"><span data-euiicon-type=\\"warning\\" color=\\"danger\\"></span></div><div class=\\"euiEmptyPrompt__content eui-1cebog9-euiEmptyPrompt__content-vertical\\"><h2 class=\\"euiTitle eui-smz32e-euiTitle-m\\">Some Title</h2><div class=\\"euiSpacer euiSpacer--m eui-jv9za2-euiSpacer-m\\"></div><div class=\\"euiText eui-k2mw53-euiText-m-euiTextColor-subdued\\"><div>Some Body</div></div><div class=\\"euiSpacer euiSpacer--l eui-p2o3x6-euiSpacer-l\\"></div><div class=\\"euiFlexGroup euiEmptyPrompt__actions eui-1rkti4c-euiFlexGroup-m-center-center-column-euiEmptyPrompt__actions-vertical\\"><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><span>Action#1</span></div><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><span>Action#2</span></div></div></div></div></div></div></section></main></div></body></html>"`;
|
||||
exports[`PromptPage renders as expected without additional scripts 1`] = `"<html lang=\\"en\\"><head><title>Elastic</title><style></style><style data-emotion=\\"eui \\"></style></style><link href=\\"/bundles/kbn-ui-shared-deps-src/kbn-ui-shared-deps-src.css\\" rel=\\"stylesheet\\"/>MockedFonts<link rel=\\"alternate icon\\" type=\\"image/png\\" href=\\"/ui/favicons/favicon.png\\"/><link rel=\\"icon\\" type=\\"image/svg+xml\\" href=\\"/ui/favicons/favicon.svg\\"/><meta name=\\"theme-color\\" content=\\"#ffffff\\"/><meta name=\\"color-scheme\\" content=\\"light dark\\"/></head><body><div data-test-subj=\\"promptPage\\" style=\\"min-block-size:max(460px, 100vh);padding-block-start:var(--euiFixedHeadersOffset, 0)\\" class=\\"euiPageTemplate eui-cjgvy1-euiPageOuter-row-grow\\"><main id=\\"EuiPageTemplateInner_generated-id\\" class=\\"eui-nq554q-euiPageInner\\"><section class=\\"eui-j6zf49-euiPageSection-grow-l-center-transparent\\"><div class=\\"eui-1oc2fb7-euiPageSection__content-l-center\\"><div class=\\"euiPanel euiPanel--plain euiEmptyPrompt eui-16xy7la-euiPanel-m-plain-hasShadow-euiEmptyPrompt-vertical\\"><div class=\\"euiEmptyPrompt__main eui-1s4ogs-euiEmptyPrompt__main-vertical-l\\"><div class=\\"euiEmptyPrompt__icon eui-1ysd0i8-euiEmptyPrompt__icon-vertical\\"><span data-euiicon-type=\\"warning\\" color=\\"danger\\"></span></div><div class=\\"euiEmptyPrompt__content eui-1cebog9-euiEmptyPrompt__content-vertical\\"><h2 class=\\"euiTitle eui-smz32e-euiTitle-m\\">Some Title</h2><div class=\\"euiSpacer euiSpacer--m eui-jv9za2-euiSpacer-m\\"></div><div class=\\"euiText eui-k2mw53-euiText-m-euiTextColor-subdued\\"><div>Some Body</div></div><div class=\\"euiSpacer euiSpacer--l eui-p2o3x6-euiSpacer-l\\"></div><div class=\\"euiFlexGroup euiEmptyPrompt__actions eui-1rkti4c-euiFlexGroup-m-center-center-column-euiEmptyPrompt__actions-vertical\\"><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><span>Action#1</span></div><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><span>Action#2</span></div></div></div></div></div></div></section></main></div></body></html>"`;
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`UnauthenticatedPage renders as expected 1`] = `"<html lang=\\"en\\"><head><title>Elastic</title><style></style><style data-emotion=\\"eui \\"></style></style><link href=\\"/bundles/kbn-ui-shared-deps-src/kbn-ui-shared-deps-src.css\\" rel=\\"stylesheet\\"/>MockedFonts<link rel=\\"alternate icon\\" type=\\"image/png\\" href=\\"/ui/favicons/favicon.png\\"/><link rel=\\"icon\\" type=\\"image/svg+xml\\" href=\\"/ui/favicons/favicon.svg\\"/><meta name=\\"theme-color\\" content=\\"#ffffff\\"/><meta name=\\"color-scheme\\" content=\\"light dark\\"/></head><body><div data-test-subj=\\"promptPage\\" style=\\"min-block-size:max(460px, 100vh);padding-block-start:var(--euiFixedHeadersOffset, 0)\\" class=\\"euiPageTemplate eui-cjgvy1-euiPageOuter-row-grow\\"><main id=\\"EuiPageTemplateInner_generated-id\\" class=\\"eui-nq554q-euiPageInner\\"><section class=\\"eui-j6zf49-euiPageSection-grow-l-center-transparent\\"><div class=\\"eui-1oc2fb7-euiPageSection__content-l-center\\"><div class=\\"euiPanel euiPanel--plain euiEmptyPrompt eui-1ww27t9-euiPanel-m-plain-hasShadow-euiEmptyPrompt-vertical\\"><div class=\\"euiEmptyPrompt__main eui-1s4ogs-euiEmptyPrompt__main-vertical-l\\"><div class=\\"euiEmptyPrompt__icon eui-1ysd0i8-euiEmptyPrompt__icon-vertical\\"><span data-euiicon-type=\\"warning\\" color=\\"danger\\"></span></div><div class=\\"euiEmptyPrompt__content eui-1cebog9-euiEmptyPrompt__content-vertical\\"><h2 class=\\"euiTitle eui-smz32e-euiTitle-m\\">We hit an authentication error</h2><div class=\\"euiSpacer euiSpacer--m eui-jv9za2-euiSpacer-m\\"></div><div class=\\"euiText eui-k2mw53-euiText-m-euiTextColor-subdued\\"><p>Try logging in again, and if the problem persists, contact your system administrator.</p></div><div class=\\"euiSpacer euiSpacer--l eui-p2o3x6-euiSpacer-l\\"></div><div class=\\"euiFlexGroup euiEmptyPrompt__actions eui-1rkti4c-euiFlexGroup-m-center-center-column-euiEmptyPrompt__actions-vertical\\"><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><a href=\\"/some/url?some-query=some-value#some-hash\\" rel=\\"noreferrer\\" class=\\"euiButton eui-up9lck-euiButtonDisplay-m-defaultMinWidth-fill-primary\\" data-test-subj=\\"logInButton\\"><span class=\\"eui-cf8eum-euiButtonDisplayContent\\">Log in</span></a></div></div></div></div></div></div></section></main></div></body></html>"`;
|
||||
exports[`UnauthenticatedPage renders as expected 1`] = `"<html lang=\\"en\\"><head><title>Elastic</title><style></style><style data-emotion=\\"eui \\"></style></style><link href=\\"/bundles/kbn-ui-shared-deps-src/kbn-ui-shared-deps-src.css\\" rel=\\"stylesheet\\"/>MockedFonts<link rel=\\"alternate icon\\" type=\\"image/png\\" href=\\"/ui/favicons/favicon.png\\"/><link rel=\\"icon\\" type=\\"image/svg+xml\\" href=\\"/ui/favicons/favicon.svg\\"/><meta name=\\"theme-color\\" content=\\"#ffffff\\"/><meta name=\\"color-scheme\\" content=\\"light dark\\"/></head><body><div data-test-subj=\\"promptPage\\" style=\\"min-block-size:max(460px, 100vh);padding-block-start:var(--euiFixedHeadersOffset, 0)\\" class=\\"euiPageTemplate eui-cjgvy1-euiPageOuter-row-grow\\"><main id=\\"EuiPageTemplateInner_generated-id\\" class=\\"eui-nq554q-euiPageInner\\"><section class=\\"eui-j6zf49-euiPageSection-grow-l-center-transparent\\"><div class=\\"eui-1oc2fb7-euiPageSection__content-l-center\\"><div class=\\"euiPanel euiPanel--plain euiEmptyPrompt eui-16xy7la-euiPanel-m-plain-hasShadow-euiEmptyPrompt-vertical\\"><div class=\\"euiEmptyPrompt__main eui-1s4ogs-euiEmptyPrompt__main-vertical-l\\"><div class=\\"euiEmptyPrompt__icon eui-1ysd0i8-euiEmptyPrompt__icon-vertical\\"><span data-euiicon-type=\\"warning\\" color=\\"danger\\"></span></div><div class=\\"euiEmptyPrompt__content eui-1cebog9-euiEmptyPrompt__content-vertical\\"><h2 class=\\"euiTitle eui-smz32e-euiTitle-m\\">We hit an authentication error</h2><div class=\\"euiSpacer euiSpacer--m eui-jv9za2-euiSpacer-m\\"></div><div class=\\"euiText eui-k2mw53-euiText-m-euiTextColor-subdued\\"><p>Try logging in again, and if the problem persists, contact your system administrator.</p></div><div class=\\"euiSpacer euiSpacer--l eui-p2o3x6-euiSpacer-l\\"></div><div class=\\"euiFlexGroup euiEmptyPrompt__actions eui-1rkti4c-euiFlexGroup-m-center-center-column-euiEmptyPrompt__actions-vertical\\"><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><a href=\\"/some/url?some-query=some-value#some-hash\\" rel=\\"noreferrer\\" class=\\"euiButton eui-up9lck-euiButtonDisplay-m-defaultMinWidth-fill-primary\\" data-test-subj=\\"logInButton\\"><span class=\\"eui-cf8eum-euiButtonDisplayContent\\">Log in</span></a></div></div></div></div></div></div></section></main></div></body></html>"`;
|
||||
|
||||
exports[`UnauthenticatedPage renders as expected with custom title 1`] = `"<html lang=\\"en\\"><head><title>My Company Name</title><style></style><style data-emotion=\\"eui \\"></style></style><link href=\\"/bundles/kbn-ui-shared-deps-src/kbn-ui-shared-deps-src.css\\" rel=\\"stylesheet\\"/>MockedFonts<link rel=\\"alternate icon\\" type=\\"image/png\\" href=\\"/ui/favicons/favicon.png\\"/><link rel=\\"icon\\" type=\\"image/svg+xml\\" href=\\"/ui/favicons/favicon.svg\\"/><meta name=\\"theme-color\\" content=\\"#ffffff\\"/><meta name=\\"color-scheme\\" content=\\"light dark\\"/></head><body><div data-test-subj=\\"promptPage\\" style=\\"min-block-size:max(460px, 100vh);padding-block-start:var(--euiFixedHeadersOffset, 0)\\" class=\\"euiPageTemplate eui-cjgvy1-euiPageOuter-row-grow\\"><main id=\\"EuiPageTemplateInner_generated-id\\" class=\\"eui-nq554q-euiPageInner\\"><section class=\\"eui-j6zf49-euiPageSection-grow-l-center-transparent\\"><div class=\\"eui-1oc2fb7-euiPageSection__content-l-center\\"><div class=\\"euiPanel euiPanel--plain euiEmptyPrompt eui-1ww27t9-euiPanel-m-plain-hasShadow-euiEmptyPrompt-vertical\\"><div class=\\"euiEmptyPrompt__main eui-1s4ogs-euiEmptyPrompt__main-vertical-l\\"><div class=\\"euiEmptyPrompt__icon eui-1ysd0i8-euiEmptyPrompt__icon-vertical\\"><span data-euiicon-type=\\"warning\\" color=\\"danger\\"></span></div><div class=\\"euiEmptyPrompt__content eui-1cebog9-euiEmptyPrompt__content-vertical\\"><h2 class=\\"euiTitle eui-smz32e-euiTitle-m\\">We hit an authentication error</h2><div class=\\"euiSpacer euiSpacer--m eui-jv9za2-euiSpacer-m\\"></div><div class=\\"euiText eui-k2mw53-euiText-m-euiTextColor-subdued\\"><p>Try logging in again, and if the problem persists, contact your system administrator.</p></div><div class=\\"euiSpacer euiSpacer--l eui-p2o3x6-euiSpacer-l\\"></div><div class=\\"euiFlexGroup euiEmptyPrompt__actions eui-1rkti4c-euiFlexGroup-m-center-center-column-euiEmptyPrompt__actions-vertical\\"><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><a href=\\"/some/url?some-query=some-value#some-hash\\" rel=\\"noreferrer\\" class=\\"euiButton eui-up9lck-euiButtonDisplay-m-defaultMinWidth-fill-primary\\" data-test-subj=\\"logInButton\\"><span class=\\"eui-cf8eum-euiButtonDisplayContent\\">Log in</span></a></div></div></div></div></div></div></section></main></div></body></html>"`;
|
||||
exports[`UnauthenticatedPage renders as expected with custom title 1`] = `"<html lang=\\"en\\"><head><title>My Company Name</title><style></style><style data-emotion=\\"eui \\"></style></style><link href=\\"/bundles/kbn-ui-shared-deps-src/kbn-ui-shared-deps-src.css\\" rel=\\"stylesheet\\"/>MockedFonts<link rel=\\"alternate icon\\" type=\\"image/png\\" href=\\"/ui/favicons/favicon.png\\"/><link rel=\\"icon\\" type=\\"image/svg+xml\\" href=\\"/ui/favicons/favicon.svg\\"/><meta name=\\"theme-color\\" content=\\"#ffffff\\"/><meta name=\\"color-scheme\\" content=\\"light dark\\"/></head><body><div data-test-subj=\\"promptPage\\" style=\\"min-block-size:max(460px, 100vh);padding-block-start:var(--euiFixedHeadersOffset, 0)\\" class=\\"euiPageTemplate eui-cjgvy1-euiPageOuter-row-grow\\"><main id=\\"EuiPageTemplateInner_generated-id\\" class=\\"eui-nq554q-euiPageInner\\"><section class=\\"eui-j6zf49-euiPageSection-grow-l-center-transparent\\"><div class=\\"eui-1oc2fb7-euiPageSection__content-l-center\\"><div class=\\"euiPanel euiPanel--plain euiEmptyPrompt eui-16xy7la-euiPanel-m-plain-hasShadow-euiEmptyPrompt-vertical\\"><div class=\\"euiEmptyPrompt__main eui-1s4ogs-euiEmptyPrompt__main-vertical-l\\"><div class=\\"euiEmptyPrompt__icon eui-1ysd0i8-euiEmptyPrompt__icon-vertical\\"><span data-euiicon-type=\\"warning\\" color=\\"danger\\"></span></div><div class=\\"euiEmptyPrompt__content eui-1cebog9-euiEmptyPrompt__content-vertical\\"><h2 class=\\"euiTitle eui-smz32e-euiTitle-m\\">We hit an authentication error</h2><div class=\\"euiSpacer euiSpacer--m eui-jv9za2-euiSpacer-m\\"></div><div class=\\"euiText eui-k2mw53-euiText-m-euiTextColor-subdued\\"><p>Try logging in again, and if the problem persists, contact your system administrator.</p></div><div class=\\"euiSpacer euiSpacer--l eui-p2o3x6-euiSpacer-l\\"></div><div class=\\"euiFlexGroup euiEmptyPrompt__actions eui-1rkti4c-euiFlexGroup-m-center-center-column-euiEmptyPrompt__actions-vertical\\"><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><a href=\\"/some/url?some-query=some-value#some-hash\\" rel=\\"noreferrer\\" class=\\"euiButton eui-up9lck-euiButtonDisplay-m-defaultMinWidth-fill-primary\\" data-test-subj=\\"logInButton\\"><span class=\\"eui-cf8eum-euiButtonDisplayContent\\">Log in</span></a></div></div></div></div></div></div></section></main></div></body></html>"`;
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
||||
|
||||
exports[`ResetSessionPage renders as expected 1`] = `"<html lang=\\"en\\"><head><title>Elastic</title><style></style><style data-emotion=\\"eui \\"></style></style><link href=\\"/bundles/kbn-ui-shared-deps-src/kbn-ui-shared-deps-src.css\\" rel=\\"stylesheet\\"/>MockedFonts<link rel=\\"alternate icon\\" type=\\"image/png\\" href=\\"/ui/favicons/favicon.png\\"/><link rel=\\"icon\\" type=\\"image/svg+xml\\" href=\\"/ui/favicons/favicon.svg\\"/><script src=\\"/mock-basepath/internal/security/reset_session_page.js\\"></script><meta name=\\"theme-color\\" content=\\"#ffffff\\"/><meta name=\\"color-scheme\\" content=\\"light dark\\"/></head><body><div data-test-subj=\\"promptPage\\" style=\\"min-block-size:max(460px, 100vh);padding-block-start:var(--euiFixedHeadersOffset, 0)\\" class=\\"euiPageTemplate eui-cjgvy1-euiPageOuter-row-grow\\"><main id=\\"EuiPageTemplateInner_generated-id\\" class=\\"eui-nq554q-euiPageInner\\"><section class=\\"eui-j6zf49-euiPageSection-grow-l-center-transparent\\"><div class=\\"eui-1oc2fb7-euiPageSection__content-l-center\\"><div class=\\"euiPanel euiPanel--plain euiEmptyPrompt eui-1ww27t9-euiPanel-m-plain-hasShadow-euiEmptyPrompt-vertical\\"><div class=\\"euiEmptyPrompt__main eui-1s4ogs-euiEmptyPrompt__main-vertical-l\\"><div class=\\"euiEmptyPrompt__icon eui-1ysd0i8-euiEmptyPrompt__icon-vertical\\"><span data-euiicon-type=\\"warning\\" color=\\"danger\\"></span></div><div class=\\"euiEmptyPrompt__content eui-1cebog9-euiEmptyPrompt__content-vertical\\"><h2 class=\\"euiTitle eui-smz32e-euiTitle-m\\">You do not have permission to access the requested page</h2><div class=\\"euiSpacer euiSpacer--m eui-jv9za2-euiSpacer-m\\"></div><div class=\\"euiText eui-k2mw53-euiText-m-euiTextColor-subdued\\"><p>Either go back to the previous page or log in as a different user.</p></div><div class=\\"euiSpacer euiSpacer--l eui-p2o3x6-euiSpacer-l\\"></div><div class=\\"euiFlexGroup euiEmptyPrompt__actions eui-1rkti4c-euiFlexGroup-m-center-center-column-euiEmptyPrompt__actions-vertical\\"><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><a href=\\"/path/to/logout\\" rel=\\"noreferrer\\" class=\\"euiButton eui-up9lck-euiButtonDisplay-m-defaultMinWidth-fill-primary\\" data-test-subj=\\"ResetSessionButton\\"><span class=\\"eui-cf8eum-euiButtonDisplayContent\\">Log in as different user</span></a></div><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><button class=\\"euiButtonEmpty eui-7vyy05-euiButtonDisplay-euiButtonEmpty-m-empty-primary\\" type=\\"button\\" id=\\"goBackButton\\"><span class=\\"euiButtonEmpty__content eui-cf8eum-euiButtonDisplayContent\\"><span class=\\"eui-textTruncate euiButtonEmpty__text\\">Go back</span></span></button></div></div></div></div></div></div></section></main></div></body></html>"`;
|
||||
exports[`ResetSessionPage renders as expected 1`] = `"<html lang=\\"en\\"><head><title>Elastic</title><style></style><style data-emotion=\\"eui \\"></style></style><link href=\\"/bundles/kbn-ui-shared-deps-src/kbn-ui-shared-deps-src.css\\" rel=\\"stylesheet\\"/>MockedFonts<link rel=\\"alternate icon\\" type=\\"image/png\\" href=\\"/ui/favicons/favicon.png\\"/><link rel=\\"icon\\" type=\\"image/svg+xml\\" href=\\"/ui/favicons/favicon.svg\\"/><script src=\\"/mock-basepath/internal/security/reset_session_page.js\\"></script><meta name=\\"theme-color\\" content=\\"#ffffff\\"/><meta name=\\"color-scheme\\" content=\\"light dark\\"/></head><body><div data-test-subj=\\"promptPage\\" style=\\"min-block-size:max(460px, 100vh);padding-block-start:var(--euiFixedHeadersOffset, 0)\\" class=\\"euiPageTemplate eui-cjgvy1-euiPageOuter-row-grow\\"><main id=\\"EuiPageTemplateInner_generated-id\\" class=\\"eui-nq554q-euiPageInner\\"><section class=\\"eui-j6zf49-euiPageSection-grow-l-center-transparent\\"><div class=\\"eui-1oc2fb7-euiPageSection__content-l-center\\"><div class=\\"euiPanel euiPanel--plain euiEmptyPrompt eui-16xy7la-euiPanel-m-plain-hasShadow-euiEmptyPrompt-vertical\\"><div class=\\"euiEmptyPrompt__main eui-1s4ogs-euiEmptyPrompt__main-vertical-l\\"><div class=\\"euiEmptyPrompt__icon eui-1ysd0i8-euiEmptyPrompt__icon-vertical\\"><span data-euiicon-type=\\"warning\\" color=\\"danger\\"></span></div><div class=\\"euiEmptyPrompt__content eui-1cebog9-euiEmptyPrompt__content-vertical\\"><h2 class=\\"euiTitle eui-smz32e-euiTitle-m\\">You do not have permission to access the requested page</h2><div class=\\"euiSpacer euiSpacer--m eui-jv9za2-euiSpacer-m\\"></div><div class=\\"euiText eui-k2mw53-euiText-m-euiTextColor-subdued\\"><p>Either go back to the previous page or log in as a different user.</p></div><div class=\\"euiSpacer euiSpacer--l eui-p2o3x6-euiSpacer-l\\"></div><div class=\\"euiFlexGroup euiEmptyPrompt__actions eui-1rkti4c-euiFlexGroup-m-center-center-column-euiEmptyPrompt__actions-vertical\\"><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><a href=\\"/path/to/logout\\" rel=\\"noreferrer\\" class=\\"euiButton eui-up9lck-euiButtonDisplay-m-defaultMinWidth-fill-primary\\" data-test-subj=\\"ResetSessionButton\\"><span class=\\"eui-cf8eum-euiButtonDisplayContent\\">Log in as different user</span></a></div><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><button class=\\"euiButtonEmpty eui-7vyy05-euiButtonDisplay-euiButtonEmpty-m-empty-primary\\" type=\\"button\\" id=\\"goBackButton\\"><span class=\\"euiButtonEmpty__content eui-cf8eum-euiButtonDisplayContent\\"><span class=\\"eui-textTruncate euiButtonEmpty__text\\">Go back</span></span></button></div></div></div></div></div></div></section></main></div></body></html>"`;
|
||||
|
||||
exports[`ResetSessionPage renders as expected with custom page title 1`] = `"<html lang=\\"en\\"><head><title>My Company Name</title><style></style><style data-emotion=\\"eui \\"></style></style><link href=\\"/bundles/kbn-ui-shared-deps-src/kbn-ui-shared-deps-src.css\\" rel=\\"stylesheet\\"/>MockedFonts<link rel=\\"alternate icon\\" type=\\"image/png\\" href=\\"/ui/favicons/favicon.png\\"/><link rel=\\"icon\\" type=\\"image/svg+xml\\" href=\\"/ui/favicons/favicon.svg\\"/><script src=\\"/mock-basepath/internal/security/reset_session_page.js\\"></script><meta name=\\"theme-color\\" content=\\"#ffffff\\"/><meta name=\\"color-scheme\\" content=\\"light dark\\"/></head><body><div data-test-subj=\\"promptPage\\" style=\\"min-block-size:max(460px, 100vh);padding-block-start:var(--euiFixedHeadersOffset, 0)\\" class=\\"euiPageTemplate eui-cjgvy1-euiPageOuter-row-grow\\"><main id=\\"EuiPageTemplateInner_generated-id\\" class=\\"eui-nq554q-euiPageInner\\"><section class=\\"eui-j6zf49-euiPageSection-grow-l-center-transparent\\"><div class=\\"eui-1oc2fb7-euiPageSection__content-l-center\\"><div class=\\"euiPanel euiPanel--plain euiEmptyPrompt eui-1ww27t9-euiPanel-m-plain-hasShadow-euiEmptyPrompt-vertical\\"><div class=\\"euiEmptyPrompt__main eui-1s4ogs-euiEmptyPrompt__main-vertical-l\\"><div class=\\"euiEmptyPrompt__icon eui-1ysd0i8-euiEmptyPrompt__icon-vertical\\"><span data-euiicon-type=\\"warning\\" color=\\"danger\\"></span></div><div class=\\"euiEmptyPrompt__content eui-1cebog9-euiEmptyPrompt__content-vertical\\"><h2 class=\\"euiTitle eui-smz32e-euiTitle-m\\">You do not have permission to access the requested page</h2><div class=\\"euiSpacer euiSpacer--m eui-jv9za2-euiSpacer-m\\"></div><div class=\\"euiText eui-k2mw53-euiText-m-euiTextColor-subdued\\"><p>Either go back to the previous page or log in as a different user.</p></div><div class=\\"euiSpacer euiSpacer--l eui-p2o3x6-euiSpacer-l\\"></div><div class=\\"euiFlexGroup euiEmptyPrompt__actions eui-1rkti4c-euiFlexGroup-m-center-center-column-euiEmptyPrompt__actions-vertical\\"><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><a href=\\"/path/to/logout\\" rel=\\"noreferrer\\" class=\\"euiButton eui-up9lck-euiButtonDisplay-m-defaultMinWidth-fill-primary\\" data-test-subj=\\"ResetSessionButton\\"><span class=\\"eui-cf8eum-euiButtonDisplayContent\\">Log in as different user</span></a></div><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><button class=\\"euiButtonEmpty eui-7vyy05-euiButtonDisplay-euiButtonEmpty-m-empty-primary\\" type=\\"button\\" id=\\"goBackButton\\"><span class=\\"euiButtonEmpty__content eui-cf8eum-euiButtonDisplayContent\\"><span class=\\"eui-textTruncate euiButtonEmpty__text\\">Go back</span></span></button></div></div></div></div></div></div></section></main></div></body></html>"`;
|
||||
exports[`ResetSessionPage renders as expected with custom page title 1`] = `"<html lang=\\"en\\"><head><title>My Company Name</title><style></style><style data-emotion=\\"eui \\"></style></style><link href=\\"/bundles/kbn-ui-shared-deps-src/kbn-ui-shared-deps-src.css\\" rel=\\"stylesheet\\"/>MockedFonts<link rel=\\"alternate icon\\" type=\\"image/png\\" href=\\"/ui/favicons/favicon.png\\"/><link rel=\\"icon\\" type=\\"image/svg+xml\\" href=\\"/ui/favicons/favicon.svg\\"/><script src=\\"/mock-basepath/internal/security/reset_session_page.js\\"></script><meta name=\\"theme-color\\" content=\\"#ffffff\\"/><meta name=\\"color-scheme\\" content=\\"light dark\\"/></head><body><div data-test-subj=\\"promptPage\\" style=\\"min-block-size:max(460px, 100vh);padding-block-start:var(--euiFixedHeadersOffset, 0)\\" class=\\"euiPageTemplate eui-cjgvy1-euiPageOuter-row-grow\\"><main id=\\"EuiPageTemplateInner_generated-id\\" class=\\"eui-nq554q-euiPageInner\\"><section class=\\"eui-j6zf49-euiPageSection-grow-l-center-transparent\\"><div class=\\"eui-1oc2fb7-euiPageSection__content-l-center\\"><div class=\\"euiPanel euiPanel--plain euiEmptyPrompt eui-16xy7la-euiPanel-m-plain-hasShadow-euiEmptyPrompt-vertical\\"><div class=\\"euiEmptyPrompt__main eui-1s4ogs-euiEmptyPrompt__main-vertical-l\\"><div class=\\"euiEmptyPrompt__icon eui-1ysd0i8-euiEmptyPrompt__icon-vertical\\"><span data-euiicon-type=\\"warning\\" color=\\"danger\\"></span></div><div class=\\"euiEmptyPrompt__content eui-1cebog9-euiEmptyPrompt__content-vertical\\"><h2 class=\\"euiTitle eui-smz32e-euiTitle-m\\">You do not have permission to access the requested page</h2><div class=\\"euiSpacer euiSpacer--m eui-jv9za2-euiSpacer-m\\"></div><div class=\\"euiText eui-k2mw53-euiText-m-euiTextColor-subdued\\"><p>Either go back to the previous page or log in as a different user.</p></div><div class=\\"euiSpacer euiSpacer--l eui-p2o3x6-euiSpacer-l\\"></div><div class=\\"euiFlexGroup euiEmptyPrompt__actions eui-1rkti4c-euiFlexGroup-m-center-center-column-euiEmptyPrompt__actions-vertical\\"><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><a href=\\"/path/to/logout\\" rel=\\"noreferrer\\" class=\\"euiButton eui-up9lck-euiButtonDisplay-m-defaultMinWidth-fill-primary\\" data-test-subj=\\"ResetSessionButton\\"><span class=\\"eui-cf8eum-euiButtonDisplayContent\\">Log in as different user</span></a></div><div class=\\"euiFlexItem eui-kpsrin-euiFlexItem-growZero\\"><button class=\\"euiButtonEmpty eui-7vyy05-euiButtonDisplay-euiButtonEmpty-m-empty-primary\\" type=\\"button\\" id=\\"goBackButton\\"><span class=\\"euiButtonEmpty__content eui-cf8eum-euiButtonDisplayContent\\"><span class=\\"eui-textTruncate euiButtonEmpty__text\\">Go back</span></span></button></div></div></div></div></div></div></section></main></div></body></html>"`;
|
||||
|
|
|
|||
|
|
@ -14,9 +14,9 @@ jest.mock('@elastic/eui', () => ({
|
|||
}));
|
||||
|
||||
const EXPECTED_SEVERITY_COLOR_AMSTERDAM = {
|
||||
low: '#54b399',
|
||||
medium: '#f1d86f',
|
||||
high: '#ff7e62',
|
||||
low: '#54B399',
|
||||
medium: '#F1D86F',
|
||||
high: '#FF7E62',
|
||||
critical: '#bd271e',
|
||||
};
|
||||
|
||||
|
|
|
|||
|
|
@ -24,15 +24,15 @@ describe('getFillColor', () => {
|
|||
const expectedColorPalette = getRiskSeverityColors(euiTheme);
|
||||
|
||||
it('returns the expected fill color', () => {
|
||||
expect(getFillColor({ riskScore: 50, colorPalette })).toEqual('#f1d86f');
|
||||
expect(getFillColor({ riskScore: 50, colorPalette })).toEqual('#F1D86F');
|
||||
});
|
||||
|
||||
it('returns the expected fill color when risk score is zero', () => {
|
||||
expect(getFillColor({ riskScore: 0, colorPalette })).toEqual('#54b399');
|
||||
expect(getFillColor({ riskScore: 0, colorPalette })).toEqual('#54B399');
|
||||
});
|
||||
|
||||
it('returns the expected fill color when risk score is less than zero', () => {
|
||||
expect(getFillColor({ riskScore: -1, colorPalette })).toEqual('#54b399');
|
||||
expect(getFillColor({ riskScore: -1, colorPalette })).toEqual('#54B399');
|
||||
});
|
||||
|
||||
it('returns the expected fill color when risk score is 100', () => {
|
||||
|
|
|
|||
|
|
@ -80,7 +80,7 @@ describe('layers', () => {
|
|||
const dataName = 'this does not exist';
|
||||
expect(
|
||||
getLayersOneDimension({ colorPalette, maxRiskSubAggregations })[0].shape.fillColor(dataName)
|
||||
).toEqual('#54b399');
|
||||
).toEqual('#54B399');
|
||||
});
|
||||
});
|
||||
|
||||
|
|
@ -192,7 +192,7 @@ describe('layers', () => {
|
|||
{ index: 0, value: 'nope' },
|
||||
],
|
||||
})
|
||||
).toEqual('#54b399');
|
||||
).toEqual('#54B399');
|
||||
});
|
||||
});
|
||||
});
|
||||
|
|
|
|||
|
|
@ -25,25 +25,25 @@ describe('getFlattenedLegendItems', () => {
|
|||
value: 'matches everything',
|
||||
},
|
||||
{
|
||||
color: '#54b399',
|
||||
color: '#54B399',
|
||||
count: 12,
|
||||
field: 'host.name',
|
||||
value: 'Host-k8iyfzraq9',
|
||||
},
|
||||
{
|
||||
color: '#54b399',
|
||||
color: '#54B399',
|
||||
count: 10,
|
||||
field: 'host.name',
|
||||
value: 'Host-ao1a4wu7vn',
|
||||
},
|
||||
{
|
||||
color: '#54b399',
|
||||
color: '#54B399',
|
||||
count: 7,
|
||||
field: 'host.name',
|
||||
value: 'Host-3fbljiq8rj',
|
||||
},
|
||||
{
|
||||
color: '#54b399',
|
||||
color: '#54B399',
|
||||
count: 5,
|
||||
field: 'host.name',
|
||||
value: 'Host-r4y6xi92ob',
|
||||
|
|
@ -54,25 +54,25 @@ describe('getFlattenedLegendItems', () => {
|
|||
value: 'EQL process sequence',
|
||||
},
|
||||
{
|
||||
color: '#ff7e62',
|
||||
color: '#FF7E62',
|
||||
count: 10,
|
||||
field: 'host.name',
|
||||
value: 'Host-k8iyfzraq9',
|
||||
},
|
||||
{
|
||||
color: '#ff7e62',
|
||||
color: '#FF7E62',
|
||||
count: 7,
|
||||
field: 'host.name',
|
||||
value: 'Host-ao1a4wu7vn',
|
||||
},
|
||||
{
|
||||
color: '#ff7e62',
|
||||
color: '#FF7E62',
|
||||
count: 5,
|
||||
field: 'host.name',
|
||||
value: 'Host-3fbljiq8rj',
|
||||
},
|
||||
{
|
||||
color: '#ff7e62',
|
||||
color: '#FF7E62',
|
||||
count: 3,
|
||||
field: 'host.name',
|
||||
value: 'Host-r4y6xi92ob',
|
||||
|
|
@ -83,25 +83,25 @@ describe('getFlattenedLegendItems', () => {
|
|||
value: 'Endpoint Security',
|
||||
},
|
||||
{
|
||||
color: '#f1d86f',
|
||||
color: '#F1D86F',
|
||||
count: 11,
|
||||
field: 'host.name',
|
||||
value: 'Host-ao1a4wu7vn',
|
||||
},
|
||||
{
|
||||
color: '#f1d86f',
|
||||
color: '#F1D86F',
|
||||
count: 6,
|
||||
field: 'host.name',
|
||||
value: 'Host-3fbljiq8rj',
|
||||
},
|
||||
{
|
||||
color: '#f1d86f',
|
||||
color: '#F1D86F',
|
||||
count: 1,
|
||||
field: 'host.name',
|
||||
value: 'Host-k8iyfzraq9',
|
||||
},
|
||||
{
|
||||
color: '#f1d86f',
|
||||
color: '#F1D86F',
|
||||
count: 1,
|
||||
field: 'host.name',
|
||||
value: 'Host-r4y6xi92ob',
|
||||
|
|
|
|||
|
|
@ -60,7 +60,7 @@ describe('legend', () => {
|
|||
showColor: true,
|
||||
stackByField0: 'kibana.alert.rule.name',
|
||||
}).color
|
||||
).toEqual('#54b399');
|
||||
).toEqual('#54B399');
|
||||
});
|
||||
|
||||
it('returns the expected count', () => {
|
||||
|
|
@ -170,7 +170,7 @@ describe('legend', () => {
|
|||
})
|
||||
)
|
||||
).toEqual({
|
||||
color: '#54b399',
|
||||
color: '#54B399',
|
||||
count: 12,
|
||||
field: 'host.name',
|
||||
value: 'Host-k8iyfzraq9',
|
||||
|
|
@ -216,21 +216,21 @@ describe('legend', () => {
|
|||
}).map((x) => omit(['render', 'dataProviderId'], x))
|
||||
).toEqual([
|
||||
{
|
||||
color: '#54b399',
|
||||
color: '#54B399',
|
||||
count: 34,
|
||||
field: 'kibana.alert.rule.name',
|
||||
value: 'matches everything',
|
||||
scopeId: TableId.alertsOnAlertsPage,
|
||||
},
|
||||
{
|
||||
color: '#ff7e62',
|
||||
color: '#FF7E62',
|
||||
count: 28,
|
||||
field: 'kibana.alert.rule.name',
|
||||
value: 'EQL process sequence',
|
||||
scopeId: TableId.alertsOnAlertsPage,
|
||||
},
|
||||
{
|
||||
color: '#f1d86f',
|
||||
color: '#F1D86F',
|
||||
count: 19,
|
||||
field: 'kibana.alert.rule.name',
|
||||
value: 'Endpoint Security',
|
||||
|
|
|
|||
|
|
@ -31,9 +31,9 @@ describe('parse severity data', () => {
|
|||
|
||||
describe.each([
|
||||
{ severity: 'critical', colorToken: '#bd271e', themeName: 'Amsterdam' },
|
||||
{ severity: 'high', colorToken: '#ff7e62', themeName: 'Amsterdam' },
|
||||
{ severity: 'medium', colorToken: '#f1d86f', themeName: 'Amsterdam' },
|
||||
{ severity: 'low', colorToken: '#54b399', themeName: 'Amsterdam' },
|
||||
{ severity: 'high', colorToken: '#FF7E62', themeName: 'Amsterdam' },
|
||||
{ severity: 'medium', colorToken: '#F1D86F', themeName: 'Amsterdam' },
|
||||
{ severity: 'low', colorToken: '#54B399', themeName: 'Amsterdam' },
|
||||
{ severity: 'critical', colorToken: '#E7664C', themeName: 'Borealis' },
|
||||
{ severity: 'high', colorToken: '#DA8B45', themeName: 'Borealis' },
|
||||
{ severity: 'medium', colorToken: '#D6BF57', themeName: 'Borealis' },
|
||||
|
|
|
|||
|
|
@ -151,9 +151,9 @@ describe('getFormattedAlertStats', () => {
|
|||
it('should return alert stats', () => {
|
||||
const alertStats = getFormattedAlertStats(mockAlertData, euiTheme);
|
||||
expect(alertStats).toEqual([
|
||||
{ key: 'High', count: 2, color: '#ff7e62' },
|
||||
{ key: 'Low', count: 2, color: '#54b399' },
|
||||
{ key: 'Medium', count: 2, color: '#f1d86f' },
|
||||
{ key: 'High', count: 2, color: '#FF7E62' },
|
||||
{ key: 'Low', count: 2, color: '#54B399' },
|
||||
{ key: 'Medium', count: 2, color: '#F1D86F' },
|
||||
{ key: 'Critical', count: 2, color: '#bd271e' },
|
||||
]);
|
||||
});
|
||||
|
|
|
|||
26
yarn.lock
26
yarn.lock
|
|
@ -2332,25 +2332,25 @@
|
|||
resolved "https://registry.yarnpkg.com/@elastic/eslint-plugin-eui/-/eslint-plugin-eui-0.0.2.tgz#56b9ef03984a05cc213772ae3713ea8ef47b0314"
|
||||
integrity sha512-IoxURM5zraoQ7C8f+mJb9HYSENiZGgRVcG4tLQxE61yHNNRDXtGDWTZh8N1KIHcsqN1CEPETjuzBXkJYF/fDiQ==
|
||||
|
||||
"@elastic/eui-theme-borealis@0.0.8":
|
||||
version "0.0.8"
|
||||
resolved "https://registry.yarnpkg.com/@elastic/eui-theme-borealis/-/eui-theme-borealis-0.0.8.tgz#b3a9e59449dfcc6e085ab43d447d95c1d9ee5e91"
|
||||
integrity sha512-o/4Fvd3odZN8SSjok03vLJOif/vVb1oQW4zGCYhCrwyolccd6deAvcy84w5l8GVr61J6bTM9g/8vydqPudw6Ug==
|
||||
"@elastic/eui-theme-borealis@0.0.9":
|
||||
version "0.0.9"
|
||||
resolved "https://registry.yarnpkg.com/@elastic/eui-theme-borealis/-/eui-theme-borealis-0.0.9.tgz#6aea79b15091e84235555236726f1bb1fc0da2bf"
|
||||
integrity sha512-56tzAX5Go4RuSD1fuKvHiLPumGll1NYK1dG4E9OPe7xfLXBGdLjhdXabkJfUlc5OVX2xK9RI3TOmUiimqm8SJg==
|
||||
|
||||
"@elastic/eui-theme-common@0.0.8":
|
||||
version "0.0.8"
|
||||
resolved "https://registry.yarnpkg.com/@elastic/eui-theme-common/-/eui-theme-common-0.0.8.tgz#f5c88d2af39dfef412df73f35d16d584e1e64374"
|
||||
integrity sha512-rzYFRPegUoGjp9eJj90LTsKF9SiKOgcOtAHDMl99yEbNXIV9jMfs54tRf7zMQq0/w+FZXJbOqhnUc4rdKUhVWw==
|
||||
"@elastic/eui-theme-common@0.0.9":
|
||||
version "0.0.9"
|
||||
resolved "https://registry.yarnpkg.com/@elastic/eui-theme-common/-/eui-theme-common-0.0.9.tgz#42d4f15b6d8dd9f8976eb3f2d46fd59af3f37a9c"
|
||||
integrity sha512-nmeqi+gZruBQtDOirPIGgZh0QejrlmeZixKaaM/iQca5rQiTNHAE29sSpGFk20+//yfiDPQMFee7PQU/A4R4Ow==
|
||||
dependencies:
|
||||
"@types/lodash" "^4.14.202"
|
||||
lodash "^4.17.21"
|
||||
|
||||
"@elastic/eui@99.0.0-borealis.1":
|
||||
version "99.0.0-borealis.1"
|
||||
resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-99.0.0-borealis.1.tgz#1df3e18a50883f73855bb33c7a6fc044e68eecb1"
|
||||
integrity sha512-6OuX+8jurohZRdq8I+KGYvmU0ajNrBhGCzRziDQNtofQv5fk2C60U5BQnPbX7Qp9gPkxApNlmAarYqMs/TfMSA==
|
||||
"@elastic/eui@99.1.0-borealis.0":
|
||||
version "99.1.0-borealis.0"
|
||||
resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-99.1.0-borealis.0.tgz#b5b34c749ac56b8ecd290fb715f56ba2e5f255ab"
|
||||
integrity sha512-akDYl5ScBNwBm1sIsPHQVPq5rJpkgjg5Qtb2F1T36eWFp9ux5EVAqoFylsLBIaUnXiwVDkDAVH604IOrR46COg==
|
||||
dependencies:
|
||||
"@elastic/eui-theme-common" "0.0.8"
|
||||
"@elastic/eui-theme-common" "0.0.9"
|
||||
"@hello-pangea/dnd" "^16.6.0"
|
||||
"@types/lodash" "^4.14.202"
|
||||
"@types/numeral" "^2.0.5"
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue