github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-04-24 01:38:56 -04:00
Code Issues Projects Releases Packages Wiki Activity

Upgrade EUI to v43.1.1 (#120935)

Browse source 
* eui to v43.0.0

* update themeprovider types

* update sass import location

* storyshots

* snapshots

* jest

* jest

* timepicker functional test helpers

* snapshots

* timepicker functional test helpers

* invert checked logic

* fix i18n token

* snapshots

* handle new refresh interval operations order

* refactor refresh interval logic, test

* jest

* timepicker popover order

* eui to v43.1.0

* jest

* jest

* jest

* euicode selector

* jest

* functional tests

* functional tests

* timepicker

* bump timeout

* conditional click to close

* clean up

* eui to v43.1.1

* clean up

* loading background

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
This commit is contained in:
Greg Thompson 2021-12-20 10:48:36 -06:00 • committed by GitHub
parent 46a0999f34
commit 604409b3de
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
57 changed files with 1042 additions and 997 deletions
Download patch file Download diff file Expand all files Collapse all files

2
package.json
View file

@ -107,7 +107,7 @@
"@elastic/datemath": "link:bazel-bin/packages/elastic-datemath",
"@elastic/elasticsearch": "npm:@elastic/elasticsearch-canary@^8.0.0-canary.35",
"@elastic/ems-client": "8.0.0",
"@elastic/eui": "41.2.3",
"@elastic/eui": "43.1.1",
"@elastic/filesaver": "1.1.2",
"@elastic/node-crypto": "1.2.1",
"@elastic/numeral": "^2.5.1",

2
packages/elastic-eslint-config-kibana/.eslintrc.js
View file

@ -91,8 +91,6 @@ module.exports = {
...[
'@elastic/eui/dist/eui_theme_light.json',
'@elastic/eui/dist/eui_theme_dark.json',
'@elastic/eui/dist/eui_theme_amsterdam_light.json',
'@elastic/eui/dist/eui_theme_amsterdam_dark.json',
].map(from => ({
from,
to: false,

8
packages/kbn-ui-shared-deps-npm/webpack.config.js
View file

@ -70,8 +70,8 @@ module.exports = (_, argv) => {
'@elastic/eui/dist/eui_charts_theme',
'@elastic/eui/lib/services',
'@elastic/eui/lib/services/format',
'@elastic/eui/dist/eui_theme_amsterdam_light.json',
'@elastic/eui/dist/eui_theme_amsterdam_dark.json',
'@elastic/eui/dist/eui_theme_light.json',
'@elastic/eui/dist/eui_theme_dark.json',
'@elastic/numeral',
'@emotion/react',
'classnames',
@ -96,8 +96,8 @@ module.exports = (_, argv) => {
'styled-components',
'tslib',
],
'kbn-ui-shared-deps-npm.v8.dark': ['@elastic/eui/dist/eui_theme_amsterdam_dark.css'],
'kbn-ui-shared-deps-npm.v8.light': ['@elastic/eui/dist/eui_theme_amsterdam_light.css'],
'kbn-ui-shared-deps-npm.v8.dark': ['@elastic/eui/dist/eui_theme_dark.css'],
'kbn-ui-shared-deps-npm.v8.light': ['@elastic/eui/dist/eui_theme_light.css'],
},
context: __dirname,
devtool: 'cheap-source-map',

4
packages/kbn-ui-shared-deps-src/src/theme.ts
View file

@ -7,9 +7,9 @@
*/
/* eslint-disable-next-line @kbn/eslint/module_migration */
import { default as v8Light } from '@elastic/eui/dist/eui_theme_amsterdam_light.json';
import { default as v8Light } from '@elastic/eui/dist/eui_theme_light.json';
/* eslint-disable-next-line @kbn/eslint/module_migration */
import { default as v8Dark } from '@elastic/eui/dist/eui_theme_amsterdam_dark.json';
import { default as v8Dark } from '@elastic/eui/dist/eui_theme_dark.json';
const globals: any = typeof window === 'undefined' ? {} : window;

4
src/core/public/core_app/styles/_globals_v8dark.scss
View file

@ -2,8 +2,8 @@
//
// prepended to all .scss imports (from JS, when v8dark theme selected)
@import '@elastic/eui/src/themes/eui-amsterdam/eui_amsterdam_colors_dark';
@import '@elastic/eui/src/themes/eui-amsterdam/eui_amsterdam_globals';
@import '@elastic/eui/src/themes/amsterdam/colors_dark';
@import '@elastic/eui/src/themes/amsterdam/globals';
@import './mixins';

4
src/core/public/core_app/styles/_globals_v8light.scss
View file

@ -2,8 +2,8 @@
//
// prepended to all .scss imports (from JS, when v8light theme selected)
@import '@elastic/eui/src/themes/eui-amsterdam/eui_amsterdam_colors_light';
@import '@elastic/eui/src/themes/eui-amsterdam/eui_amsterdam_globals';
@import '@elastic/eui/src/themes/amsterdam/colors_light';
@import '@elastic/eui/src/themes/amsterdam/globals';
@import './mixins';

38
src/core/public/i18n/__snapshots__/i18n_service.test.tsx.snap generated
View file

@ -7,6 +7,9 @@ exports[`#start() returns \`Context\` component 1`] = `
Object {
"mapping": Object {
"euiAccordion.isLoading": "Loading",
"euiAutoRefresh.autoRefreshLabel": "Auto refresh",
"euiAutoRefresh.buttonLabelOff": "Auto refresh is off",
"euiAutoRefresh.buttonLabelOn": [Function],
"euiBasicTable.noItemsMessage": "No items found",
"euiBasicTable.selectAllRows": "Select all rows",
"euiBasicTable.selectThisRow": "Select this row",
@ -98,6 +101,17 @@ exports[`#start() returns \`Context\` component 1`] = `
"euiDataGridToolbar.fullScreenButtonActive": "Exit full screen",
"euiDatePopoverButton.invalidTitle": [Function],
"euiDatePopoverButton.outdatedTitle": [Function],
"euiDisplaySelector.buttonText": "Display options",
"euiDisplaySelector.densityLabel": "Density",
"euiDisplaySelector.labelAuto": "Auto fit",
"euiDisplaySelector.labelCompact": "Compact",
"euiDisplaySelector.labelCustom": "Custom",
"euiDisplaySelector.labelExpanded": "Expanded",
"euiDisplaySelector.labelNormal": "Normal",
"euiDisplaySelector.labelSingle": "Single",
"euiDisplaySelector.lineCountLabel": "Lines per row",
"euiDisplaySelector.resetButtonText": "Reset to default",
"euiDisplaySelector.rowHeightLabel": "Row height",
"euiErrorBoundary.error": "Error",
"euiFieldPassword.maskPassword": "Mask password",
"euiFieldPassword.showPassword": "Show password as plain text. Note: this will visually expose your password on the screen.",
@ -145,15 +159,20 @@ exports[`#start() returns \`Context\` component 1`] = `
"euiNotificationEventReadIcon.readAria": [Function],
"euiNotificationEventReadIcon.unread": "Unread",
"euiNotificationEventReadIcon.unreadAria": [Function],
"euiPagination.disabledNextPage": "Next page",
"euiPagination.disabledPreviousPage": "Previous page",
"euiPagination.collection": "collection",
"euiPagination.firstRangeAriaLabel": [Function],
"euiPagination.fromEndLabel": "from end",
"euiPagination.last": "Last",
"euiPagination.lastRangeAriaLabel": [Function],
"euiPagination.nextPage": [Function],
"euiPagination.of": "of",
"euiPagination.page": "Page",
"euiPagination.pageOfTotalCompressed": [Function],
"euiPagination.previousPage": [Function],
"euiPaginationButton.longPageString": [Function],
"euiPaginationButton.shortPageString": [Function],
"euiPaginationButtonArrow.firstPage": "First page",
"euiPaginationButtonArrow.lastPage": "Last page",
"euiPaginationButtonArrow.nextPage": "Next page",
"euiPaginationButtonArrow.previousPage": "Previous page",
"euiPinnableListGroup.pinExtraActionLabel": "Pin item",
"euiPinnableListGroup.pinnedExtraActionLabel": "Unpin item",
"euiPopover.screenReaderAnnouncement": "You are in a dialog. To close this dialog, hit escape.",
@ -168,10 +187,9 @@ exports[`#start() returns \`Context\` component 1`] = `
"euiQuickSelect.unitLabel": "Time unit",
"euiQuickSelect.valueLabel": "Time value",
"euiRecentlyUsed.legend": "Recently used date ranges",
"euiRefreshInterval.fullDescription": [Function],
"euiRefreshInterval.fullDescriptionOff": [Function],
"euiRefreshInterval.fullDescriptionOn": [Function],
"euiRefreshInterval.legend": "Refresh every",
"euiRefreshInterval.start": "Start",
"euiRefreshInterval.stop": "Stop",
"euiRelativeTab.dateInputError": "Must be a valid range",
"euiRelativeTab.fullDescription": [Function],
"euiRelativeTab.numberInputError": "Must be >= 0",
@ -213,12 +231,6 @@ exports[`#start() returns \`Context\` component 1`] = `
"euiStepStrings.simpleWarning": [Function],
"euiStepStrings.step": [Function],
"euiStepStrings.warning": [Function],
"euiStyleSelector.buttonLegend": "Select the display density for the data grid",
"euiStyleSelector.buttonText": "Density",
"euiStyleSelector.labelCompact": "Compact density",
"euiStyleSelector.labelExpanded": "Expanded density",
"euiStyleSelector.labelNormal": "Normal density",
"euiSuperDatePicker.showDatesButtonLabel": "Show dates",
"euiSuperSelect.screenReaderAnnouncement": "You are in a form selector and must select a single option. Use the up and down keys to navigate or escape to close.",
"euiSuperSelectControl.selectAnOption": [Function],
"euiSuperUpdateButton.cannotUpdateTooltip": "Cannot update",

142
src/core/public/i18n/i18n_eui_mapping.tsx
View file

@ -20,6 +20,17 @@ export const getEuiContextMapping = (): EuiTokensObject => {
'euiAccordion.isLoading': i18n.translate('core.euiAccordion.isLoading', {
defaultMessage: 'Loading',
}),
'euiAutoRefresh.autoRefreshLabel': i18n.translate('core.euiAutoRefresh.autoRefreshLabel', {
defaultMessage: 'Auto refresh',
}),
'euiAutoRefresh.buttonLabelOff': i18n.translate('core.euiAutoRefresh.buttonLabelOff', {
defaultMessage: 'Auto refresh is off',
}),
'euiAutoRefresh.buttonLabelOn': ({ prettyInterval }: EuiValues) =>
i18n.translate('core.euiAutoRefresh.buttonLabelOn', {
defaultMessage: 'Auto refresh is on and set to {prettyInterval}',
values: { prettyInterval },
}),
'euiBasicTable.selectAllRows': i18n.translate('core.euiBasicTable.selectAllRows', {
defaultMessage: 'Select all rows',
description: 'ARIA and displayed label on a checkbox to select all table rows',
@ -495,6 +506,42 @@ export const getEuiContextMapping = (): EuiTokensObject => {
defaultMessage: 'Update needed: {title}',
values: { title },
}),
'euiDisplaySelector.buttonText': i18n.translate('core.euiDisplaySelector.buttonText', {
defaultMessage: 'Display options',
}),
'euiDisplaySelector.resetButtonText': i18n.translate(
'core.euiDisplaySelector.resetButtonText',
{
defaultMessage: 'Reset to default',
}
),
'euiDisplaySelector.densityLabel': i18n.translate('core.euiDisplaySelector.densityLabel', {
defaultMessage: 'Density',
}),
'euiDisplaySelector.labelCompact': i18n.translate('core.euiDisplaySelector.labelCompact', {
defaultMessage: 'Compact',
}),
'euiDisplaySelector.labelNormal': i18n.translate('core.euiDisplaySelector.labelNormal', {
defaultMessage: 'Normal',
}),
'euiDisplaySelector.labelExpanded': i18n.translate('core.euiDisplaySelector.labelExpanded', {
defaultMessage: 'Expanded',
}),
'euiDisplaySelector.labelSingle': i18n.translate('core.euiDisplaySelector.labelSingle', {
defaultMessage: 'Single',
}),
'euiDisplaySelector.labelAuto': i18n.translate('core.euiDisplaySelector.labelAuto', {
defaultMessage: 'Auto fit',
}),
'euiDisplaySelector.labelCustom': i18n.translate('core.euiDisplaySelector.labelCustom', {
defaultMessage: 'Custom',
}),
'euiDisplaySelector.rowHeightLabel': i18n.translate('core.euiDisplaySelector.rowHeightLabel', {
defaultMessage: 'Row height',
}),
'euiDisplaySelector.lineCountLabel': i18n.translate('core.euiDisplaySelector.lineCountLabel', {
defaultMessage: 'Lines per row',
}),
'euiFieldPassword.showPassword': i18n.translate('core.euiFieldPassword.showPassword', {
defaultMessage:
'Show password as plain text. Note: this will visually expose your password on the screen.',
@ -708,11 +755,6 @@ export const getEuiContextMapping = (): EuiTokensObject => {
defaultMessage: 'hide',
}
),
'euiPagination.nextPage': ({ page }: EuiValues) =>
i18n.translate('core.euiPagination.nextPage', {
defaultMessage: 'Next page, {page}',
values: { page },
}),
'euiPagination.pageOfTotalCompressed': ({ page, total }: EuiValues) => (
<FormattedMessage
id="core.euiPagination.pageOfTotalCompressed"
@ -720,20 +762,6 @@ export const getEuiContextMapping = (): EuiTokensObject => {
values={{ page, total }}
/>
),
'euiPagination.previousPage': ({ page }: EuiValues) =>
i18n.translate('core.euiPagination.previousPage', {
defaultMessage: 'Previous page, {page}',
values: { page },
}),
'euiPagination.disabledPreviousPage': i18n.translate(
'core.euiPagination.disabledPreviousPage',
{
defaultMessage: 'Previous page',
}
),
'euiPagination.disabledNextPage': i18n.translate('core.euiPagination.disabledNextPage', {
defaultMessage: 'Next page',
}),
'euiPagination.firstRangeAriaLabel': ({ lastPage }: EuiValues) =>
i18n.translate('core.euiPagination.firstRangeAriaLabel', {
defaultMessage: 'Skipping pages 2 to {lastPage}',
@ -744,6 +772,21 @@ export const getEuiContextMapping = (): EuiTokensObject => {
defaultMessage: 'Skipping pages {firstPage} to {lastPage}',
values: { firstPage, lastPage },
}),
'euiPagination.last': i18n.translate('core.euiPagination.last', {
defaultMessage: 'Last',
}),
'euiPagination.page': i18n.translate('core.euiPagination.page', {
defaultMessage: 'Page',
}),
'euiPagination.of': i18n.translate('core.euiPagination.of', {
defaultMessage: 'of',
}),
'euiPagination.collection': i18n.translate('core.euiPagination.collection', {
defaultMessage: 'collection',
}),
'euiPagination.fromEndLabel': i18n.translate('core.euiPagination.fromEndLabel', {
defaultMessage: 'from end',
}),
'euiPaginationButton.longPageString': ({ page, totalPages }: EuiValues) =>
i18n.translate('core.euiPaginationButton.longPageString', {
defaultMessage: 'Page {page} of {totalPages}',
@ -756,6 +799,24 @@ export const getEuiContextMapping = (): EuiTokensObject => {
values: { page },
description: 'Text to describe the current page of a paginated section',
}),
'euiPaginationButtonArrow.nextPage': i18n.translate('core.euiPaginationButtonArrow.nextPage', {
defaultMessage: 'Next page',
}),
'euiPaginationButtonArrow.previousPage': i18n.translate(
'core.euiPaginationButtonArrow.previousPage',
{
defaultMessage: 'Previous page',
}
),
'euiPaginationButtonArrow.firstPage': i18n.translate(
'core.euiPaginationButtonArrow.firstPage',
{
defaultMessage: 'First page',
}
),
'euiPaginationButtonArrow.lastPage': i18n.translate('core.euiPaginationButtonArrow.lastPage', {
defaultMessage: 'Last page',
}),
'euiPinnableListGroup.pinExtraActionLabel': i18n.translate(
'core.euiPinnableListGroup.pinExtraActionLabel',
{
@ -811,20 +872,19 @@ export const getEuiContextMapping = (): EuiTokensObject => {
'euiRecentlyUsed.legend': i18n.translate('core.euiRecentlyUsed.legend', {
defaultMessage: 'Recently used date ranges',
}),
'euiRefreshInterval.fullDescription': ({ optionValue, optionText }: EuiValues) =>
i18n.translate('core.euiRefreshInterval.fullDescription', {
defaultMessage: 'Refresh interval currently set to {optionValue} {optionText}.',
values: { optionValue, optionText },
}),
'euiRefreshInterval.legend': i18n.translate('core.euiRefreshInterval.legend', {
defaultMessage: 'Refresh every',
}),
'euiRefreshInterval.start': i18n.translate('core.euiRefreshInterval.start', {
defaultMessage: 'Start',
}),
'euiRefreshInterval.stop': i18n.translate('core.euiRefreshInterval.stop', {
defaultMessage: 'Stop',
}),
'euiRefreshInterval.fullDescriptionOff': ({ optionValue, optionText }: EuiValues) =>
i18n.translate('core.euiRefreshInterval.fullDescriptionOff', {
defaultMessage: 'Refresh is off, interval set to {optionValue} {optionText}.',
values: { optionValue, optionText },
}),
'euiRefreshInterval.fullDescriptionOn': ({ optionValue, optionText }: EuiValues) =>
i18n.translate('core.euiRefreshInterval.fullDescriptionOn', {
defaultMessage: 'Refresh is on, interval set to {optionValue} {optionText}.',
values: { optionValue, optionText },
}),
'euiRelativeTab.fullDescription': ({ unit }: EuiValues) =>
i18n.translate('core.euiRelativeTab.fullDescription', {
defaultMessage: 'The unit is changeable. Currently set to {unit}.',
@ -1028,28 +1088,6 @@ export const getEuiContextMapping = (): EuiTokensObject => {
defaultMessage: 'Step {number} is loading',
values: { number },
}),
'euiStyleSelector.buttonText': i18n.translate('core.euiStyleSelector.buttonText', {
defaultMessage: 'Density',
}),
'euiStyleSelector.buttonLegend': i18n.translate('core.euiStyleSelector.buttonLegend', {
defaultMessage: 'Select the display density for the data grid',
}),
'euiStyleSelector.labelExpanded': i18n.translate('core.euiStyleSelector.labelExpanded', {
defaultMessage: 'Expanded density',
}),
'euiStyleSelector.labelNormal': i18n.translate('core.euiStyleSelector.labelNormal', {
defaultMessage: 'Normal density',
}),
'euiStyleSelector.labelCompact': i18n.translate('core.euiStyleSelector.labelCompact', {
defaultMessage: 'Compact density',
}),
'euiSuperDatePicker.showDatesButtonLabel': i18n.translate(
'core.euiSuperDatePicker.showDatesButtonLabel',
{
defaultMessage: 'Show dates',
description: 'Displayed in a button that shows date picker',
}
),
'euiSuperSelect.screenReaderAnnouncement': i18n.translate(
'core.euiSuperSelect.screenReaderAnnouncement',
{

7
src/core/public/theme/convert_core_theme.ts
View file

@ -6,12 +6,13 @@
* Side Public License, v 1.
*/
import type { EuiThemeSystem, EuiThemeColorMode } from '@elastic/eui';
import { COLOR_MODES_STANDARD } from '@elastic/eui';
import type { EuiThemeSystem, EuiThemeColorModeStandard } from '@elastic/eui';
import type { CoreTheme } from './types';
/** @internal */
export interface EuiTheme {
colorMode: EuiThemeColorMode;
colorMode: EuiThemeColorModeStandard;
euiThemeSystem?: EuiThemeSystem;
}
@ -19,6 +20,6 @@ export interface EuiTheme {
export const convertCoreTheme = (coreTheme: CoreTheme): EuiTheme => {
const { darkMode } = coreTheme;
return {
colorMode: darkMode ? 'DARK' : 'LIGHT',
colorMode: darkMode ? COLOR_MODES_STANDARD.dark : COLOR_MODES_STANDARD.light,
};
};

3
src/core/public/theme/core_theme_provider.test.tsx
View file

@ -11,12 +11,13 @@ import { act } from 'react-dom/test-utils';
import type { ReactWrapper } from 'enzyme';
import { of, BehaviorSubject } from 'rxjs';
import { useEuiTheme } from '@elastic/eui';
import type { UseEuiTheme } from '@elastic/eui';
import { mountWithIntl } from '@kbn/test/jest';
import { CoreThemeProvider } from './core_theme_provider';
import type { CoreTheme } from './types';
describe('CoreThemeProvider', () => {
let euiTheme: ReturnType<typeof useEuiTheme> | undefined;
let euiTheme: UseEuiTheme | undefined;
beforeEach(() => {
euiTheme = undefined;

19
src/core/public/theme/core_theme_provider.tsx
View file

@ -9,7 +9,9 @@
import React, { FC, useMemo } from 'react';
import { Observable } from 'rxjs';
import useObservable from 'react-use/lib/useObservable';
import { EuiThemeProvider } from '@elastic/eui';
import createCache from '@emotion/cache';
import { EuiProvider } from '@elastic/eui';
import { EUI_STYLES_GLOBAL } from '../../utils';
import { CoreTheme } from './types';
import { convertCoreTheme } from './convert_core_theme';
@ -21,16 +23,25 @@ interface CoreThemeProviderProps {
theme$: Observable<CoreTheme>;
}
const emotionCache = createCache({
key: 'eui-styles',
container: document.querySelector(`meta[name="${EUI_STYLES_GLOBAL}"]`) as HTMLElement,
});
/**
* Wrapper around `EuiThemeProvider` converting (and exposing) core's theme to EUI theme.
* Wrapper around `EuiProvider` converting (and exposing) core's theme to EUI theme.
* @internal Only meant to be used within core for internal usages of EUI/React
*/
export const CoreThemeProvider: FC<CoreThemeProviderProps> = ({ theme$, children }) => {
const coreTheme = useObservable(theme$, defaultTheme);
const euiTheme = useMemo(() => convertCoreTheme(coreTheme), [coreTheme]);
return (
<EuiThemeProvider colorMode={euiTheme.colorMode} theme={euiTheme.euiThemeSystem}>
<EuiProvider
colorMode={euiTheme.colorMode}
theme={euiTheme.euiThemeSystem}
cache={emotionCache}
>
{children}
</EuiThemeProvider>
</EuiProvider>
);
};

4
src/core/server/rendering/views/styles.tsx
View file

@ -50,6 +50,10 @@ const InlineStyles: FC<{ darkMode: boolean }> = ({ darkMode }) => {
display: block;
}
html {
background-color: ${darkMode ? '#141519' : '#F8FAFD'}
}
.kbnWelcomeView {
line-height: 1.5;
height: 100%;

3
src/core/server/rendering/views/template.tsx
View file

@ -8,6 +8,7 @@
import React, { FunctionComponent, createElement } from 'react';
import { EUI_STYLES_GLOBAL } from '../../../utils';
import { RenderingMetadata } from '../types';
import { Fonts } from './fonts';
import { Styles } from './styles';
@ -42,6 +43,8 @@ export const Template: FunctionComponent<Props> = ({
<link rel="icon" type="image/svg+xml" href={`${uiPublicUrl}/favicons/favicon.svg`} />
<meta name="theme-color" content="#ffffff" />
<meta name="color-scheme" content="light dark" />
{/* Inject EUI reset and global styles before all other component styles */}
<meta name={EUI_STYLES_GLOBAL} />
<Styles darkMode={darkMode} stylesheetPaths={stylesheetPaths} />
{/* Inject stylesheets into the <head> before scripts so that KP plugins with bundled styles will override them */}

1
src/core/utils/index.ts
View file

@ -8,3 +8,4 @@
export { DEFAULT_APP_CATEGORIES } from './default_app_categories';
export { APP_WRAPPER_CLASS } from './app_wrapper_class';
export { EUI_STYLES_GLOBAL } from './meta';

9
src/core/utils/meta.ts Normal file
View file

@ -0,0 +1,9 @@
/*
* 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 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 or the Server
* Side Public License, v 1.
*/
export const EUI_STYLES_GLOBAL = 'eui-styles-global';

2
src/dev/license_checker/config.ts
View file

@ -76,6 +76,6 @@ 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.0.0': ['Elastic License 2.0'],
'@elastic/eui@41.2.3': ['SSPL-1.0 OR Elastic License 2.0'],
'@elastic/eui@43.1.1': ['SSPL-1.0 OR Elastic License 2.0'],
'language-subtag-registry@0.3.21': ['CC-BY-4.0'], // retired ODC‑By license https://github.com/mattcg/language-subtag-registry
};

3
src/plugins/data/public/query/timefilter/timefilter.test.ts
View file

@ -162,7 +162,8 @@ describe('setRefreshInterval', () => {
expect(timefilter.getRefreshInterval()).toEqual({ pause: true, value: 0 });
});
test('should set pause to true when interval is zero', () => {
test('should set pause to true when interval is changed to zero from non-zero', () => {
timefilter.setRefreshInterval({ value: 1000, pause: false });
timefilter.setRefreshInterval({ value: 0, pause: false });
expect(timefilter.getRefreshInterval()).toEqual({ pause: true, value: 0 });
});

8
src/plugins/data/public/query/timefilter/timefilter.ts
View file

@ -151,10 +151,16 @@ export class Timefilter {
public setRefreshInterval = (refreshInterval: Partial<RefreshInterval>) => {
const prevRefreshInterval = this.getRefreshInterval();
const newRefreshInterval = { ...prevRefreshInterval, ...refreshInterval };
let shouldUnpauseRefreshLoop =
newRefreshInterval.pause === false && prevRefreshInterval != null;
if (prevRefreshInterval?.value > 0 && newRefreshInterval.value <= 0) {
shouldUnpauseRefreshLoop = false;
}
// If the refresh interval is <= 0 handle that as a paused refresh
// unless the user has un-paused the refresh loop and the value is not going from > 0 to 0
if (newRefreshInterval.value <= 0) {
newRefreshInterval.value = 0;
newRefreshInterval.pause = true;
newRefreshInterval.pause = shouldUnpauseRefreshLoop ? false : true;
}
this._refreshInterval = {
value: newRefreshInterval.value,

294
src/plugins/data/public/utils/table_inspector_view/components/__snapshots__/data_view.test.tsx.snap generated
View file

@ -1416,54 +1416,57 @@ exports[`Inspector Data View component should render single table without select
aria-label="Pagination for table: "
className="euiPagination"
>
<EuiI18n
default="Previous page, {page}"
token="euiPagination.previousPage"
values={
Object {
"page": 0,
}
}
>
<EuiI18n
default="Previous page"
token="euiPagination.disabledPreviousPage"
<EuiScreenReaderOnly>
<span
aria-atomic="true"
aria-relevant="additions text"
className="euiScreenReaderOnly"
role="status"
>
<EuiButtonIcon
Page 1 of 1
</span>
</EuiScreenReaderOnly>
<EuiPaginationButtonArrow
ariaControls="__table_generated-id"
disabled={true}
onClick={[Function]}
type="previous"
>
<EuiButtonIcon
aria-label="Previous page"
className="euiPaginationArrowButton"
color="text"
data-test-subj="pagination-button-previous"
iconType="arrowLeft"
isDisabled={true}
onClick={[Function]}
>
<button
aria-label="Previous page"
color="text"
className="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiPaginationArrowButton"
data-test-subj="pagination-button-previous"
disabled={true}
iconType="arrowLeft"
onClick={[Function]}
type="button"
>
<button
aria-label="Previous page"
className="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall"
data-test-subj="pagination-button-previous"
disabled={true}
onClick={[Function]}
type="button"
<EuiIcon
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
size="m"
type="arrowLeft"
>
<EuiIcon
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="arrowLeft"
size="m"
type="arrowLeft"
>
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="arrowLeft"
size="m"
/>
</EuiIcon>
</button>
</EuiButtonIcon>
</EuiI18n>
</EuiI18n>
/>
</EuiIcon>
</button>
</EuiButtonIcon>
</EuiPaginationButtonArrow>
<ul
aria-label="Pagination for table: "
className="euiPagination__list"
@ -1481,7 +1484,6 @@ exports[`Inspector Data View component should render single table without select
>
<EuiPaginationButton
aria-controls="__table_generated-id"
hideOnMobile={true}
isActive={true}
onClick={[Function]}
pageIndex={0}
@ -1510,7 +1512,7 @@ exports[`Inspector Data View component should render single table without select
aria-controls="__table_generated-id"
aria-current={true}
aria-label="Page 1 of 1"
className="euiPaginationButton euiPaginationButton-isActive euiPaginationButton--hideOnMobile"
className="euiPaginationButton euiPaginationButton-isActive"
color="text"
data-test-subj="pagination-button-0"
href="#__table_generated-id"
@ -1522,7 +1524,7 @@ exports[`Inspector Data View component should render single table without select
aria-controls="__table_generated-id"
aria-current={true}
aria-label="Page 1 of 1"
className="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiButtonEmpty-isDisabled euiPaginationButton euiPaginationButton-isActive euiPaginationButton--hideOnMobile"
className="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiButtonEmpty-isDisabled euiPaginationButton euiPaginationButton-isActive"
data-test-subj="pagination-button-0"
disabled={true}
onClick={[Function]}
@ -1556,54 +1558,47 @@ exports[`Inspector Data View component should render single table without select
</li>
</PaginationButtonWrapper>
</ul>
<EuiI18n
default="Next page, {page}"
token="euiPagination.nextPage"
values={
Object {
"page": 2,
}
}
<EuiPaginationButtonArrow
ariaControls="__table_generated-id"
disabled={true}
onClick={[Function]}
type="next"
>
<EuiI18n
default="Next page"
token="euiPagination.disabledNextPage"
<EuiButtonIcon
aria-label="Next page"
className="euiPaginationArrowButton"
color="text"
data-test-subj="pagination-button-next"
iconType="arrowRight"
isDisabled={true}
onClick={[Function]}
>
<EuiButtonIcon
<button
aria-label="Next page"
color="text"
className="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiPaginationArrowButton"
data-test-subj="pagination-button-next"
disabled={true}
iconType="arrowRight"
onClick={[Function]}
type="button"
>
<button
aria-label="Next page"
className="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall"
data-test-subj="pagination-button-next"
disabled={true}
onClick={[Function]}
type="button"
<EuiIcon
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
size="m"
type="arrowRight"
>
<EuiIcon
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="arrowRight"
size="m"
type="arrowRight"
>
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="arrowRight"
size="m"
/>
</EuiIcon>
</button>
</EuiButtonIcon>
</EuiI18n>
</EuiI18n>
/>
</EuiIcon>
</button>
</EuiButtonIcon>
</EuiPaginationButtonArrow>
</nav>
</EuiPagination>
</div>
@ -3002,54 +2997,57 @@ exports[`Inspector Data View component should support multiple datatables 1`] =
aria-label="Pagination for table: "
className="euiPagination"
>
<EuiI18n
default="Previous page, {page}"
token="euiPagination.previousPage"
values={
Object {
"page": 0,
}
}
>
<EuiI18n
default="Previous page"
token="euiPagination.disabledPreviousPage"
<EuiScreenReaderOnly>
<span
aria-atomic="true"
aria-relevant="additions text"
className="euiScreenReaderOnly"
role="status"
>
<EuiButtonIcon
Page 1 of 1
</span>
</EuiScreenReaderOnly>
<EuiPaginationButtonArrow
ariaControls="__table_generated-id"
disabled={true}
onClick={[Function]}
type="previous"
>
<EuiButtonIcon
aria-label="Previous page"
className="euiPaginationArrowButton"
color="text"
data-test-subj="pagination-button-previous"
iconType="arrowLeft"
isDisabled={true}
onClick={[Function]}
>
<button
aria-label="Previous page"
color="text"
className="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiPaginationArrowButton"
data-test-subj="pagination-button-previous"
disabled={true}
iconType="arrowLeft"
onClick={[Function]}
type="button"
>
<button
aria-label="Previous page"
className="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall"
data-test-subj="pagination-button-previous"
disabled={true}
onClick={[Function]}
type="button"
<EuiIcon
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
size="m"
type="arrowLeft"
>
<EuiIcon
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="arrowLeft"
size="m"
type="arrowLeft"
>
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="arrowLeft"
size="m"
/>
</EuiIcon>
</button>
</EuiButtonIcon>
</EuiI18n>
</EuiI18n>
/>
</EuiIcon>
</button>
</EuiButtonIcon>
</EuiPaginationButtonArrow>
<ul
aria-label="Pagination for table: "
className="euiPagination__list"
@ -3067,7 +3065,6 @@ exports[`Inspector Data View component should support multiple datatables 1`] =
>
<EuiPaginationButton
aria-controls="__table_generated-id"
hideOnMobile={true}
isActive={true}
onClick={[Function]}
pageIndex={0}
@ -3096,7 +3093,7 @@ exports[`Inspector Data View component should support multiple datatables 1`] =
aria-controls="__table_generated-id"
aria-current={true}
aria-label="Page 1 of 1"
className="euiPaginationButton euiPaginationButton-isActive euiPaginationButton--hideOnMobile"
className="euiPaginationButton euiPaginationButton-isActive"
color="text"
data-test-subj="pagination-button-0"
href="#__table_generated-id"
@ -3108,7 +3105,7 @@ exports[`Inspector Data View component should support multiple datatables 1`] =
aria-controls="__table_generated-id"
aria-current={true}
aria-label="Page 1 of 1"
className="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiButtonEmpty-isDisabled euiPaginationButton euiPaginationButton-isActive euiPaginationButton--hideOnMobile"
className="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiButtonEmpty-isDisabled euiPaginationButton euiPaginationButton-isActive"
data-test-subj="pagination-button-0"
disabled={true}
onClick={[Function]}
@ -3142,54 +3139,47 @@ exports[`Inspector Data View component should support multiple datatables 1`] =
</li>
</PaginationButtonWrapper>
</ul>
<EuiI18n
default="Next page, {page}"
token="euiPagination.nextPage"
values={
Object {
"page": 2,
}
}
<EuiPaginationButtonArrow
ariaControls="__table_generated-id"
disabled={true}
onClick={[Function]}
type="next"
>
<EuiI18n
default="Next page"
token="euiPagination.disabledNextPage"
<EuiButtonIcon
aria-label="Next page"
className="euiPaginationArrowButton"
color="text"
data-test-subj="pagination-button-next"
iconType="arrowRight"
isDisabled={true}
onClick={[Function]}
>
<EuiButtonIcon
<button
aria-label="Next page"
color="text"
className="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiPaginationArrowButton"
data-test-subj="pagination-button-next"
disabled={true}
iconType="arrowRight"
onClick={[Function]}
type="button"
>
<button
aria-label="Next page"
className="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall"
data-test-subj="pagination-button-next"
disabled={true}
onClick={[Function]}
type="button"
<EuiIcon
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
size="m"
type="arrowRight"
>
<EuiIcon
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="arrowRight"
size="m"
type="arrowRight"
>
<span
aria-hidden="true"
className="euiButtonIcon__icon"
color="inherit"
data-euiicon-type="arrowRight"
size="m"
/>
</EuiIcon>
</button>
</EuiButtonIcon>
</EuiI18n>
</EuiI18n>
/>
</EuiIcon>
</button>
</EuiButtonIcon>
</EuiPaginationButtonArrow>
</nav>
</EuiPagination>
</div>

2
src/plugins/discover/public/components/discover_grid/constants.ts
View file

@ -23,7 +23,7 @@ export const toolbarVisibility = {
allowHide: false,
allowReorder: true,
},
showStyleSelector: false,
showDisplaySelector: false,
};
export const defaultMonacoEditorWidth = 370;

8
src/plugins/interactive_setup/public/theme/utils.ts
View file

@ -6,14 +6,14 @@
* Side Public License, v 1.
*/
import type { EuiThemeColorMode } from '@elastic/eui/src/services/theme/types';
import { COLOR_MODES_STANDARD } from '@elastic/eui';
import type { EuiThemeColorModeStandard } from '@elastic/eui';
import type { CoreTheme } from '../../../../core/public';
/**
* Copied from the `kibana_react` plugin, remove once https://github.com/elastic/kibana/issues/119204 is implemented.
*/
export const getColorMode = (theme: CoreTheme): EuiThemeColorMode => {
// COLOR_MODES_STANDARD is not exported from eui
return theme.darkMode ? 'DARK' : 'LIGHT';
export const getColorMode = (theme: CoreTheme): EuiThemeColorModeStandard => {
return theme.darkMode ? COLOR_MODES_STANDARD.dark : COLOR_MODES_STANDARD.light;
};

3
src/plugins/kibana_react/public/theme/kibana_theme_provider.test.tsx
View file

@ -11,12 +11,13 @@ import { act } from 'react-dom/test-utils';
import type { ReactWrapper } from 'enzyme';
import { of, BehaviorSubject } from 'rxjs';
import { useEuiTheme } from '@elastic/eui';
import type { UseEuiTheme } from '@elastic/eui';
import { mountWithIntl } from '@kbn/test/jest';
import type { CoreTheme } from 'src/core/public';
import { KibanaThemeProvider } from './kibana_theme_provider';
describe('KibanaThemeProvider', () => {
let euiTheme: ReturnType<typeof useEuiTheme> | undefined;
let euiTheme: UseEuiTheme | undefined;
beforeEach(() => {
euiTheme = undefined;

4
src/plugins/kibana_react/public/theme/types.ts
View file

@ -6,6 +6,6 @@
* Side Public License, v 1.
*/
import type { useEuiTheme } from '@elastic/eui';
import type { UseEuiTheme } from '@elastic/eui';
export type EuiTheme = ReturnType<typeof useEuiTheme>;
export type EuiTheme = UseEuiTheme;

8
src/plugins/kibana_react/public/theme/utils.ts
View file

@ -6,13 +6,13 @@
* Side Public License, v 1.
*/
import type { EuiThemeColorMode } from '@elastic/eui/src/services/theme/types';
import { COLOR_MODES_STANDARD } from '@elastic/eui';
import type { EuiThemeColorModeStandard } from '@elastic/eui';
import type { CoreTheme } from '../../../../core/public';
// IMPORTANT: This code has been copied to the `interactive_setup` plugin, any changes here should be applied there too.
// That copy and this comment can be removed once https://github.com/elastic/kibana/issues/119204 is implemented.
export const getColorMode = (theme: CoreTheme): EuiThemeColorMode => {
// COLOR_MODES_STANDARD is not exported from eui
return theme.darkMode ? 'DARK' : 'LIGHT';
export const getColorMode = (theme: CoreTheme): EuiThemeColorModeStandard => {
return theme.darkMode ? COLOR_MODES_STANDARD.dark : COLOR_MODES_STANDARD.light;
};

3
src/plugins/kibana_react/public/util/to_mount_point.test.tsx
View file

@ -10,11 +10,12 @@ import React, { FC, useEffect } from 'react';
import { act } from 'react-dom/test-utils';
import { of, BehaviorSubject } from 'rxjs';
import { useEuiTheme } from '@elastic/eui';
import type { UseEuiTheme } from '@elastic/eui';
import type { CoreTheme } from 'src/core/public';
import { toMountPoint } from './to_mount_point';
describe('toMountPoint', () => {
let euiTheme: ReturnType<typeof useEuiTheme> | undefined;
let euiTheme: UseEuiTheme | undefined;
beforeEach(() => {
euiTheme = undefined;

2
src/plugins/vis_types/table/public/components/__snapshots__/table_vis_basic.test.tsx.snap generated
View file

@ -105,9 +105,9 @@ exports[`TableVisBasic should render the toolbar 1`] = `
rows={Array []}
/>,
"showColumnSelector": false,
"showDisplaySelector": false,
"showFullScreenSelector": false,
"showSortSelector": false,
"showStyleSelector": false,
}
}
/>

2
src/plugins/vis_types/table/public/components/table_vis_basic.tsx
View file

@ -136,7 +136,7 @@ export const TableVisBasic = memo(
showColumnSelector: false,
showFullScreenSelector: false,
showSortSelector: false,
showStyleSelector: false,
showDisplaySelector: false,
additionalControls: (
<TableVisControls
dataGridAriaLabel={dataGridAriaLabel}

19
test/functional/page_objects/time_picker.ts
View file

@ -107,6 +107,10 @@ export class TimePickerPageObject extends FtrService {
await this.testSubjects.click('superDatePickerShowDatesButton');
}
await this.testSubjects.exists('superDatePickerstartDatePopoverButton');
// Close the start date popover which opens automatically if `superDatePickerShowDatesButton` is clicked
if (isShowDatesButton) {
await this.testSubjects.click('superDatePickerstartDatePopoverButton');
}
}
/**
@ -125,7 +129,7 @@ export class TimePickerPageObject extends FtrService {
await this.testSubjects.click('superDatePickerAbsoluteTab');
await this.testSubjects.click('superDatePickerAbsoluteDateInput');
await this.inputValue('superDatePickerAbsoluteDateInput', toTime);
await this.browser.pressKeys(this.browser.keys.ESCAPE); // close popover because sometimes browser can't find start input
await this.testSubjects.click('superDatePickerendDatePopoverButton'); // close popover because sometimes browser can't find start input
const actualToTime = await this.testSubjects.getVisibleText(
'superDatePickerendDatePopoverButton'
);
@ -172,7 +176,7 @@ export class TimePickerPageObject extends FtrService {
}
public async isOff() {
return await this.find.existsByCssSelector('.euiDatePickerRange--readOnly');
return await this.find.existsByCssSelector('.euiAutoRefresh .euiFormControlLayout--readOnly');
}
public async getRefreshConfig(keepQuickSelectOpen = false) {
@ -194,8 +198,9 @@ export class TimePickerPageObject extends FtrService {
})
);
const toggleButtonText = await this.testSubjects.getVisibleText(
'superDatePickerToggleRefreshButton'
const toggleButtonChecked = await this.testSubjects.getAttribute(
'superDatePickerToggleRefreshButton',
'aria-checked'
);
if (!keepQuickSelectOpen) {
await this.quickSelectTimeMenuToggle.close();
@ -204,7 +209,7 @@ export class TimePickerPageObject extends FtrService {
return {
interval,
units: selectedUnit,
isPaused: toggleButtonText === 'Start' ? true : false,
isPaused: toggleButtonChecked === 'true' ? false : true,
};
}
@ -262,12 +267,14 @@ export class TimePickerPageObject extends FtrService {
public async startAutoRefresh(intervalS = 3) {
await this.quickSelectTimeMenuToggle.open();
await this.inputValue('superDatePickerRefreshIntervalInput', intervalS.toString());
const refreshConfig = await this.getRefreshConfig(true);
if (refreshConfig.isPaused) {
this.log.debug('start auto refresh');
await this.testSubjects.click('superDatePickerToggleRefreshButton');
}
await this.inputValue('superDatePickerRefreshIntervalInput', intervalS.toString());
await this.quickSelectTimeMenuToggle.close();
}

162
x-pack/plugins/canvas/canvas_plugin_src/renderers/filters/time_filter/components/__stories__/__snapshots__/time_filter.stories.storyshot generated
View file

@ -47,7 +47,7 @@ exports[`Storyshots renderers/TimeFilter default 1`] = `
className="euiButtonEmpty__text euiQuickSelectPopover__buttonText"
>
<span
data-euiicon-type="clock"
data-euiicon-type="calendar"
/>
</span>
</span>
@ -67,10 +67,36 @@ exports[`Storyshots renderers/TimeFilter default 1`] = `
onClick={[Function]}
>
Last 1 year
</button>
</div>
</div>
<div
className="euiPopover euiPopover--anchorDownCenter"
>
<div
className="euiPopover__anchor"
>
<button
className="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiAutoRefreshButton euiFormControlLayout__append euiFormControlLayout__append"
disabled={false}
onClick={[Function]}
title="Auto refresh is on and set to 1 second"
type="button"
>
<span
className="euiSuperDatePicker__prettyFormatLink"
className="euiButtonContent euiButtonEmpty__content"
>
Show dates
<span
className="euiButtonContent__icon"
color="inherit"
data-euiicon-type="timeRefresh"
size="m"
/>
<span
className="euiButtonEmpty__text"
>
1 s
</span>
</span>
</button>
</div>
@ -129,7 +155,7 @@ exports[`Storyshots renderers/TimeFilter with absolute time bounds 1`] = `
className="euiButtonEmpty__text euiQuickSelectPopover__buttonText"
>
<span
data-euiicon-type="clock"
data-euiicon-type="calendar"
/>
</span>
</span>
@ -188,6 +214,37 @@ exports[`Storyshots renderers/TimeFilter with absolute time bounds 1`] = `
</div>
</div>
</div>
<div
className="euiPopover euiPopover--anchorDownCenter"
>
<div
className="euiPopover__anchor"
>
<button
className="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiAutoRefreshButton euiFormControlLayout__append euiFormControlLayout__append"
disabled={false}
onClick={[Function]}
title="Auto refresh is on and set to 1 second"
type="button"
>
<span
className="euiButtonContent euiButtonEmpty__content"
>
<span
className="euiButtonContent__icon"
color="inherit"
data-euiicon-type="timeRefresh"
size="m"
/>
<span
className="euiButtonEmpty__text"
>
1 s
</span>
</span>
</button>
</div>
</div>
</div>
</div>
</div>
@ -242,7 +299,7 @@ exports[`Storyshots renderers/TimeFilter with commonlyUsedRanges 1`] = `
className="euiButtonEmpty__text euiQuickSelectPopover__buttonText"
>
<span
data-euiicon-type="clock"
data-euiicon-type="calendar"
/>
</span>
</span>
@ -262,10 +319,36 @@ exports[`Storyshots renderers/TimeFilter with commonlyUsedRanges 1`] = `
onClick={[Function]}
>
Last 30 days
</button>
</div>
</div>
<div
className="euiPopover euiPopover--anchorDownCenter"
>
<div
className="euiPopover__anchor"
>
<button
className="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiAutoRefreshButton euiFormControlLayout__append euiFormControlLayout__append"
disabled={false}
onClick={[Function]}
title="Auto refresh is on and set to 1 second"
type="button"
>
<span
className="euiSuperDatePicker__prettyFormatLink"
className="euiButtonContent euiButtonEmpty__content"
>
Show dates
<span
className="euiButtonContent__icon"
color="inherit"
data-euiicon-type="timeRefresh"
size="m"
/>
<span
className="euiButtonEmpty__text"
>
1 s
</span>
</span>
</button>
</div>
@ -324,7 +407,7 @@ exports[`Storyshots renderers/TimeFilter with dateFormat 1`] = `
className="euiButtonEmpty__text euiQuickSelectPopover__buttonText"
>
<span
data-euiicon-type="clock"
data-euiicon-type="calendar"
/>
</span>
</span>
@ -344,10 +427,36 @@ exports[`Storyshots renderers/TimeFilter with dateFormat 1`] = `
onClick={[Function]}
>
Last 24 hours
</button>
</div>
</div>
<div
className="euiPopover euiPopover--anchorDownCenter"
>
<div
className="euiPopover__anchor"
>
<button
className="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiAutoRefreshButton euiFormControlLayout__append euiFormControlLayout__append"
disabled={false}
onClick={[Function]}
title="Auto refresh is on and set to 1 second"
type="button"
>
<span
className="euiSuperDatePicker__prettyFormatLink"
className="euiButtonContent euiButtonEmpty__content"
>
Show dates
<span
className="euiButtonContent__icon"
color="inherit"
data-euiicon-type="timeRefresh"
size="m"
/>
<span
className="euiButtonEmpty__text"
>
1 s
</span>
</span>
</button>
</div>
@ -406,7 +515,7 @@ exports[`Storyshots renderers/TimeFilter with relative time bounds 1`] = `
className="euiButtonEmpty__text euiQuickSelectPopover__buttonText"
>
<span
data-euiicon-type="clock"
data-euiicon-type="calendar"
/>
</span>
</span>
@ -465,6 +574,37 @@ exports[`Storyshots renderers/TimeFilter with relative time bounds 1`] = `
</div>
</div>
</div>
<div
className="euiPopover euiPopover--anchorDownCenter"
>
<div
className="euiPopover__anchor"
>
<button
className="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiAutoRefreshButton euiFormControlLayout__append euiFormControlLayout__append"
disabled={false}
onClick={[Function]}
title="Auto refresh is on and set to 1 second"
type="button"
>
<span
className="euiButtonContent euiButtonEmpty__content"
>
<span
className="euiButtonContent__icon"
color="inherit"
data-euiicon-type="timeRefresh"
size="m"
/>
<span
className="euiButtonEmpty__text"
>
1 s
</span>
</span>
</button>
</div>
</div>
</div>
</div>
</div>

14
x-pack/plugins/canvas/public/components/home/my_workpads/__snapshots__/workpad_table.stories.storyshot generated
View file

@ -899,9 +899,17 @@ exports[`Storyshots Home/Components/Workpad Table Workpad Table 1`] = `
aria-label="Pagination for table: "
className="euiPagination"
>
<span
aria-atomic="true"
aria-relevant="additions text"
className="euiScreenReaderOnly"
role="status"
>
Page 1 of 1
</span>
<button
aria-label="Previous page"
className="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall"
className="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiPaginationArrowButton"
data-test-subj="pagination-button-previous"
disabled={true}
onClick={[Function]}
@ -926,7 +934,7 @@ exports[`Storyshots Home/Components/Workpad Table Workpad Table 1`] = `
aria-controls="__table_generated-id"
aria-current={true}
aria-label="Page 1 of 1"
className="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiButtonEmpty-isDisabled euiPaginationButton euiPaginationButton-isActive euiPaginationButton--hideOnMobile"
className="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiButtonEmpty-isDisabled euiPaginationButton euiPaginationButton-isActive"
data-test-subj="pagination-button-0"
disabled={true}
onClick={[Function]}
@ -946,7 +954,7 @@ exports[`Storyshots Home/Components/Workpad Table Workpad Table 1`] = `
</ul>
<button
aria-label="Next page"
className="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall"
className="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiPaginationArrowButton"
data-test-subj="pagination-button-next"
disabled={true}
onClick={[Function]}

704
x-pack/plugins/canvas/public/components/keyboard_shortcuts_doc/__stories__/__snapshots__/keyboard_shortcuts_doc.stories.storyshot generated
View file

File diff suppressed because it is too large Load diff

2
x-pack/plugins/canvas/shareable_runtime/components/footer/footer.module.scss
View file

@ -1,5 +1,5 @@
@import '@elastic/eui/src/global_styling/variables/_size.scss';
@import '@elastic/eui/src/global_styling/variables/_colors.scss';
@import '@elastic/eui/src/themes/amsterdam/_colors_light.scss';
:global .kbnCanvas :local .root .bar {
position: absolute;

2
x-pack/plugins/canvas/shareable_runtime/components/footer/scrubber.module.scss
View file

@ -1,5 +1,5 @@
@import '@elastic/eui/src/global_styling/variables/_size.scss';
@import '@elastic/eui/src/global_styling/variables/_colors.scss';
@import '@elastic/eui/src/themes/amsterdam/_colors_light.scss';
@import '@elastic/eui/src/global_styling/mixins/_helpers.scss';
:global .kbnCanvas :local .root {

8
x-pack/plugins/enterprise_search/public/applications/app_search/components/document_creation/creation_mode_components/api_code_example.test.tsx
View file

@ -52,18 +52,16 @@ describe('ApiCodeExample', () => {
});
it('renders with the full remote Enterprise Search API URL', () => {
expect(wrapper.find(EuiCode).dive().dive().text()).toEqual(
expect(wrapper.find(EuiCode).dive().text()).toEqual(
'http://localhost:3002/api/as/v1/engines/test-engine/documents'
);
expect(wrapper.find(EuiCodeBlock).dive().dive().text()).toEqual(
expect(wrapper.find(EuiCodeBlock).dive().text()).toEqual(
expect.stringContaining('http://localhost:3002/api/as/v1/engines/test-engine/documents')
);
});
it('renders with the API key', () => {
expect(wrapper.find(EuiCodeBlock).dive().dive().text()).toEqual(
expect.stringContaining('test-key')
);
expect(wrapper.find(EuiCodeBlock).dive().text()).toEqual(expect.stringContaining('test-key'));
});
});

2
x-pack/plugins/ml/public/application/components/data_grid/common.ts
View file

@ -64,7 +64,7 @@ export const euiDataGridStyle: EuiDataGridStyle = {
export const euiDataGridToolbarSettings = {
showColumnSelector: true,
showStyleSelector: false,
showDisplaySelector: false,
showSortSelector: true,
showFullScreenSelector: false,
};

2
x-pack/plugins/ml/public/application/data_frame_analytics/pages/analytics_exploration/components/classification_exploration/evaluate_panel.tsx
View file

@ -347,7 +347,7 @@ export const EvaluatePanel: FC<EvaluatePanelProps> = ({ jobConfig, jobStatus, se
inMemory={{ level: 'sorting' }}
toolbarVisibility={{
showColumnSelector: true,
showStyleSelector: false,
showDisplaySelector: false,
showFullScreenSelector: false,
showSortSelector: false,
}}

24
x-pack/plugins/monitoring/public/components/no_data/explanations/collection_enabled/__snapshots__/collection_enabled.test.js.snap generated
View file

@ -187,27 +187,15 @@ exports[`ExplainCollectionEnabled should explain about xpack.monitoring.collecti
>
We checked the cluster settings and found that
<EuiCode>
<EuiCodeBlockImpl
inline={true}
>
<span>
<code>
xpack.monitoring.collection.enabled
</code>
</span>
</EuiCodeBlockImpl>
<code>
xpack.monitoring.collection.enabled
</code>
</EuiCode>
is set to
<EuiCode>
<EuiCodeBlockImpl
inline={true}
>
<span>
<code>
-1
</code>
</span>
</EuiCodeBlockImpl>
<code>
-1
</code>
</EuiCode>
.
</FormattedMessage>

48
x-pack/plugins/monitoring/public/components/no_data/explanations/collection_interval/__snapshots__/collection_interval.test.js.snap generated
View file

@ -360,27 +360,15 @@ exports[`ExplainCollectionInterval collection interval setting updates should sh
>
We checked the cluster settings and found that
<EuiCode>
<EuiCodeBlockImpl
inline={true}
>
<span>
<code>
xpack.monitoring.collection.interval
</code>
</span>
</EuiCodeBlockImpl>
<code>
xpack.monitoring.collection.interval
</code>
</EuiCode>
is set to
<EuiCode>
<EuiCodeBlockImpl
inline={true}
>
<span>
<code>
-1
</code>
</span>
</EuiCodeBlockImpl>
<code>
-1
</code>
</EuiCode>
.
</FormattedMessage>
@ -687,27 +675,15 @@ exports[`ExplainCollectionInterval should explain about xpack.monitoring.collect
>
We checked the cluster settings and found that
<EuiCode>
<EuiCodeBlockImpl
inline={true}
>
<span>
<code>
xpack.monitoring.collection.interval
</code>
</span>
</EuiCodeBlockImpl>
<code>
xpack.monitoring.collection.interval
</code>
</EuiCode>
is set to
<EuiCode>
<EuiCodeBlockImpl
inline={true}
>
<span>
<code>
-1
</code>
</span>
</EuiCodeBlockImpl>
<code>
-1
</code>
</EuiCode>
.
</FormattedMessage>

64
x-pack/plugins/monitoring/public/components/no_data/explanations/exporters/__snapshots__/exporters.test.js.snap generated
View file

@ -26,59 +26,43 @@ Array [
>
<p>
We checked the
<span>
<code>
esProd001
</code>
</span>
<code>
esProd001
</code>
settings for
<span>
<code>
xpack.monitoring.exporters
</code>
</span>
<code>
xpack.monitoring.exporters
</code>
, and found the reason:
<span>
<code>
myMonitoringClusterExporter1
</code>
</span>
<code>
myMonitoringClusterExporter1
</code>
.
</p>
<p>
Using monitoring exporters to ship the monitoring data to a remote monitoring cluster is highly recommended as it keeps the integrity of the monitoring data safe no matter what the state of the production cluster. However, as this instance of Kibana could not find any monitoring data, there seems to be a problem with the
<span>
<code>
xpack.monitoring.exporters
</code>
</span>
<code>
xpack.monitoring.exporters
</code>
configuration, or the
<span>
<code>
xpack.monitoring.elasticsearch
</code>
</span>
<code>
xpack.monitoring.elasticsearch
</code>
settings in
<span>
<code>
kibana.yml
</code>
</span>
<code>
kibana.yml
</code>
.
</p>
<p>
Check that the intended exporters are enabled for sending statistics to the monitoring cluster, and that the monitoring cluster host matches the
<span>
<code>
xpack.monitoring.elasticsearch
</code>
</span>
<code>
xpack.monitoring.elasticsearch
</code>
setting in
<span>
<code>
kibana.yml
</code>
</span>
<code>
kibana.yml
</code>
to see monitoring data in this instance of Kibana.
</p>
</div>,

24
x-pack/plugins/monitoring/public/components/no_data/explanations/plugin_enabled/__snapshots__/plugin_enabled.test.js.snap generated
View file

@ -26,23 +26,17 @@ Array [
>
<p>
We checked the cluster settings and found that
<span>
<code>
xpack.monitoring.enabled
</code>
</span>
<code>
xpack.monitoring.enabled
</code>
is set to
<span>
<code>
false
</code>
</span>
<code>
false
</code>
set, which disables monitoring. Removing the
<span>
<code>
xpack.monitoring.enabled: false
</code>
</span>
<code>
xpack.monitoring.enabled: false
</code>
setting from your configuration will put the default into effect and enable Monitoring.
</p>
</div>,

104
x-pack/plugins/monitoring/public/components/no_data/reasons/__snapshots__/reason_found.test.js.snap generated
View file

@ -26,17 +26,13 @@ Array [
>
<p>
We checked the cluster settings and found that
<span>
<code>
xpack.monitoring.collection.interval
</code>
</span>
<code>
xpack.monitoring.collection.interval
</code>
is set to
<span>
<code>
-1
</code>
</span>
<code>
-1
</code>
.
</p>
<p>
@ -101,59 +97,43 @@ Array [
>
<p>
We checked the
<span>
<code>
node001foo
</code>
</span>
<code>
node001foo
</code>
settings for
<span>
<code>
xpack.monitoring.exporters
</code>
</span>
<code>
xpack.monitoring.exporters
</code>
, and found the reason:
<span>
<code>
myMonitoringClusterExporter1
</code>
</span>
<code>
myMonitoringClusterExporter1
</code>
.
</p>
<p>
Using monitoring exporters to ship the monitoring data to a remote monitoring cluster is highly recommended as it keeps the integrity of the monitoring data safe no matter what the state of the production cluster. However, as this instance of Kibana could not find any monitoring data, there seems to be a problem with the
<span>
<code>
xpack.monitoring.exporters
</code>
</span>
<code>
xpack.monitoring.exporters
</code>
configuration, or the
<span>
<code>
xpack.monitoring.elasticsearch
</code>
</span>
<code>
xpack.monitoring.elasticsearch
</code>
settings in
<span>
<code>
kibana.yml
</code>
</span>
<code>
kibana.yml
</code>
.
</p>
<p>
Check that the intended exporters are enabled for sending statistics to the monitoring cluster, and that the monitoring cluster host matches the
<span>
<code>
xpack.monitoring.elasticsearch
</code>
</span>
<code>
xpack.monitoring.elasticsearch
</code>
setting in
<span>
<code>
kibana.yml
</code>
</span>
<code>
kibana.yml
</code>
to see monitoring data in this instance of Kibana.
</p>
</div>,
@ -268,23 +248,17 @@ Array [
>
<p>
We checked the node001foo settings and found that
<span>
<code>
xpack.monitoring.enabled
</code>
</span>
<code>
xpack.monitoring.enabled
</code>
is set to
<span>
<code>
false
</code>
</span>
<code>
false
</code>
set, which disables monitoring. Removing the
<span>
<code>
xpack.monitoring.enabled: false
</code>
</span>
<code>
xpack.monitoring.enabled: false
</code>
setting from your configuration will put the default into effect and enable Monitoring.
</p>
</div>,

2
x-pack/plugins/osquery/public/results/results_table.tsx
View file

@ -302,7 +302,7 @@ const ResultsTableComponent: React.FC<ResultsTableComponentProps> = ({
const toolbarVisibility = useMemo(
() => ({
showStyleSelector: false,
showDisplaySelector: false,
additionalControls: (
<>
<ViewResultsInDiscoverAction

1
x-pack/plugins/security/public/nav_control/nav_control_service.test.ts
View file

@ -87,6 +87,7 @@ describe('SecurityNavControlService', () => {
aria-label="some-user"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="userMenuAvatar"
role="img"
style="background-color: rgb(255, 126, 98); color: rgb(0, 0, 0);"
title="some-user"
>

2
x-pack/plugins/security_solution/cypress/screens/timeline.ts
View file

@ -86,7 +86,7 @@ export const NOTES_TAB_BUTTON = '[data-test-subj="timelineTabs-notes"]';
export const NOTES_TEXT = '.euiMarkdownFormat';
export const NOTES_CODE_BLOCK = '.euiCodeBlock__code';
export const NOTES_CODE_BLOCK = '.euiCode';
export const NOTES_AUTHOR = '.euiCommentEvent__headerUsername';

14
x-pack/plugins/security_solution/public/common/components/super_date_picker/index.test.tsx
View file

@ -243,18 +243,19 @@ describe('SIEM Super Date Picker', () => {
.simulate('click');
wrapper.update();
wrapper
.find('[data-test-subj="superDatePickerToggleRefreshButton"]')
.first()
.find('button')
.simulate('click');
wrapper.update();
const wrapperFixedEuiFieldSearch = wrapper.find(
'input[data-test-subj="superDatePickerRefreshIntervalInput"]'
);
wrapperFixedEuiFieldSearch.simulate('change', { target: { value: '2' } });
wrapper.update();
wrapper
.find('[data-test-subj="superDatePickerToggleRefreshButton"]')
.first()
.simulate('click');
wrapper.update();
});
test('Make sure the duration get updated to 2 minutes === 120000ms', () => {
@ -275,6 +276,7 @@ describe('SIEM Super Date Picker', () => {
wrapper
.find('[data-test-subj="superDatePickerToggleRefreshButton"]')
.first()
.find('button')
.simulate('click');
wrapper.update();

167
x-pack/plugins/security_solution/public/management/pages/trusted_apps/view/components/trusted_apps_grid/__snapshots__/index.test.tsx.snap generated
View file

@ -215,9 +215,17 @@ exports[`TrustedAppsGrid renders correctly when failed loading data for the seco
<nav
class="euiPagination"
>
<span
aria-atomic="true"
aria-relevant="additions text"
class="euiScreenReaderOnly"
role="status"
>
Page 1 of 20
</span>
<button
aria-label="Previous page"
class="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall"
class="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiPaginationArrowButton"
data-test-subj="pagination-button-previous"
disabled=""
type="button"
@ -238,7 +246,7 @@ exports[`TrustedAppsGrid renders correctly when failed loading data for the seco
<button
aria-current="true"
aria-label="Page 1 of 20"
class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiButtonEmpty-isDisabled euiPaginationButton euiPaginationButton-isActive euiPaginationButton--hideOnMobile"
class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiButtonEmpty-isDisabled euiPaginationButton euiPaginationButton-isActive"
data-test-subj="pagination-button-0"
disabled=""
type="button"
@ -259,7 +267,7 @@ exports[`TrustedAppsGrid renders correctly when failed loading data for the seco
>
<button
aria-label="Page 2 of 20"
class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiPaginationButton euiPaginationButton--hideOnMobile"
class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiPaginationButton"
data-test-subj="pagination-button-1"
type="button"
>
@ -279,7 +287,7 @@ exports[`TrustedAppsGrid renders correctly when failed loading data for the seco
>
<button
aria-label="Page 3 of 20"
class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiPaginationButton euiPaginationButton--hideOnMobile"
class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiPaginationButton"
data-test-subj="pagination-button-2"
type="button"
>
@ -299,7 +307,7 @@ exports[`TrustedAppsGrid renders correctly when failed loading data for the seco
>
<button
aria-label="Page 4 of 20"
class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiPaginationButton euiPaginationButton--hideOnMobile"
class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiPaginationButton"
data-test-subj="pagination-button-3"
type="button"
>
@ -319,7 +327,7 @@ exports[`TrustedAppsGrid renders correctly when failed loading data for the seco
>
<button
aria-label="Page 5 of 20"
class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiPaginationButton euiPaginationButton--hideOnMobile"
class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiPaginationButton"
data-test-subj="pagination-button-4"
type="button"
>
@ -345,7 +353,7 @@ exports[`TrustedAppsGrid renders correctly when failed loading data for the seco
>
<button
aria-label="Page 20 of 20"
class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiPaginationButton euiPaginationButton--hideOnMobile"
class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiPaginationButton"
data-test-subj="pagination-button-19"
type="button"
>
@ -362,9 +370,10 @@ exports[`TrustedAppsGrid renders correctly when failed loading data for the seco
</li>
</ul>
<button
aria-label="Next page, 2"
class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall"
aria-label="Next page"
class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiPaginationArrowButton"
data-test-subj="pagination-button-next"
title="Next page"
type="button"
>
<span
@ -653,6 +662,7 @@ exports[`TrustedAppsGrid renders correctly when loaded data 1`] = `
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-createdBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -717,6 +727,7 @@ exports[`TrustedAppsGrid renders correctly when loaded data 1`] = `
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-updatedBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -1033,6 +1044,7 @@ exports[`TrustedAppsGrid renders correctly when loaded data 1`] = `
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-createdBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -1097,6 +1109,7 @@ exports[`TrustedAppsGrid renders correctly when loaded data 1`] = `
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-updatedBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -1413,6 +1426,7 @@ exports[`TrustedAppsGrid renders correctly when loaded data 1`] = `
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-createdBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -1477,6 +1491,7 @@ exports[`TrustedAppsGrid renders correctly when loaded data 1`] = `
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-updatedBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -1793,6 +1808,7 @@ exports[`TrustedAppsGrid renders correctly when loaded data 1`] = `
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-createdBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -1857,6 +1873,7 @@ exports[`TrustedAppsGrid renders correctly when loaded data 1`] = `
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-updatedBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -2173,6 +2190,7 @@ exports[`TrustedAppsGrid renders correctly when loaded data 1`] = `
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-createdBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -2237,6 +2255,7 @@ exports[`TrustedAppsGrid renders correctly when loaded data 1`] = `
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-updatedBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -2553,6 +2572,7 @@ exports[`TrustedAppsGrid renders correctly when loaded data 1`] = `
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-createdBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -2617,6 +2637,7 @@ exports[`TrustedAppsGrid renders correctly when loaded data 1`] = `
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-updatedBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -2933,6 +2954,7 @@ exports[`TrustedAppsGrid renders correctly when loaded data 1`] = `
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-createdBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -2997,6 +3019,7 @@ exports[`TrustedAppsGrid renders correctly when loaded data 1`] = `
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-updatedBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -3313,6 +3336,7 @@ exports[`TrustedAppsGrid renders correctly when loaded data 1`] = `
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-createdBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -3377,6 +3401,7 @@ exports[`TrustedAppsGrid renders correctly when loaded data 1`] = `
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-updatedBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -3693,6 +3718,7 @@ exports[`TrustedAppsGrid renders correctly when loaded data 1`] = `
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-createdBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -3757,6 +3783,7 @@ exports[`TrustedAppsGrid renders correctly when loaded data 1`] = `
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-updatedBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -4073,6 +4100,7 @@ exports[`TrustedAppsGrid renders correctly when loaded data 1`] = `
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-createdBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -4137,6 +4165,7 @@ exports[`TrustedAppsGrid renders correctly when loaded data 1`] = `
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-updatedBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -4295,9 +4324,17 @@ exports[`TrustedAppsGrid renders correctly when loaded data 1`] = `
<nav
class="euiPagination"
>
<span
aria-atomic="true"
aria-relevant="additions text"
class="euiScreenReaderOnly"
role="status"
>
Page 1 of 20
</span>
<button
aria-label="Previous page"
class="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall"
class="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiPaginationArrowButton"
data-test-subj="pagination-button-previous"
disabled=""
type="button"
@ -4318,7 +4355,7 @@ exports[`TrustedAppsGrid renders correctly when loaded data 1`] = `
<button
aria-current="true"
aria-label="Page 1 of 20"
class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiButtonEmpty-isDisabled euiPaginationButton euiPaginationButton-isActive euiPaginationButton--hideOnMobile"
class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiButtonEmpty-isDisabled euiPaginationButton euiPaginationButton-isActive"
data-test-subj="pagination-button-0"
disabled=""
type="button"
@ -4339,7 +4376,7 @@ exports[`TrustedAppsGrid renders correctly when loaded data 1`] = `
>
<button
aria-label="Page 2 of 20"
class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiPaginationButton euiPaginationButton--hideOnMobile"
class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiPaginationButton"
data-test-subj="pagination-button-1"
type="button"
>
@ -4359,7 +4396,7 @@ exports[`TrustedAppsGrid renders correctly when loaded data 1`] = `
>
<button
aria-label="Page 3 of 20"
class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiPaginationButton euiPaginationButton--hideOnMobile"
class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiPaginationButton"
data-test-subj="pagination-button-2"
type="button"
>
@ -4379,7 +4416,7 @@ exports[`TrustedAppsGrid renders correctly when loaded data 1`] = `
>
<button
aria-label="Page 4 of 20"
class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiPaginationButton euiPaginationButton--hideOnMobile"
class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiPaginationButton"
data-test-subj="pagination-button-3"
type="button"
>
@ -4399,7 +4436,7 @@ exports[`TrustedAppsGrid renders correctly when loaded data 1`] = `
>
<button
aria-label="Page 5 of 20"
class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiPaginationButton euiPaginationButton--hideOnMobile"
class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiPaginationButton"
data-test-subj="pagination-button-4"
type="button"
>
@ -4425,7 +4462,7 @@ exports[`TrustedAppsGrid renders correctly when loaded data 1`] = `
>
<button
aria-label="Page 20 of 20"
class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiPaginationButton euiPaginationButton--hideOnMobile"
class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiPaginationButton"
data-test-subj="pagination-button-19"
type="button"
>
@ -4442,9 +4479,10 @@ exports[`TrustedAppsGrid renders correctly when loaded data 1`] = `
</li>
</ul>
<button
aria-label="Next page, 2"
class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall"
aria-label="Next page"
class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiPaginationArrowButton"
data-test-subj="pagination-button-next"
title="Next page"
type="button"
>
<span
@ -4776,6 +4814,7 @@ exports[`TrustedAppsGrid renders correctly when loading data for the second time
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-createdBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -4840,6 +4879,7 @@ exports[`TrustedAppsGrid renders correctly when loading data for the second time
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-updatedBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -5156,6 +5196,7 @@ exports[`TrustedAppsGrid renders correctly when loading data for the second time
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-createdBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -5220,6 +5261,7 @@ exports[`TrustedAppsGrid renders correctly when loading data for the second time
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-updatedBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -5536,6 +5578,7 @@ exports[`TrustedAppsGrid renders correctly when loading data for the second time
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-createdBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -5600,6 +5643,7 @@ exports[`TrustedAppsGrid renders correctly when loading data for the second time
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-updatedBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -5916,6 +5960,7 @@ exports[`TrustedAppsGrid renders correctly when loading data for the second time
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-createdBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -5980,6 +6025,7 @@ exports[`TrustedAppsGrid renders correctly when loading data for the second time
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-updatedBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -6296,6 +6342,7 @@ exports[`TrustedAppsGrid renders correctly when loading data for the second time
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-createdBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -6360,6 +6407,7 @@ exports[`TrustedAppsGrid renders correctly when loading data for the second time
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-updatedBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -6676,6 +6724,7 @@ exports[`TrustedAppsGrid renders correctly when loading data for the second time
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-createdBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -6740,6 +6789,7 @@ exports[`TrustedAppsGrid renders correctly when loading data for the second time
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-updatedBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -7056,6 +7106,7 @@ exports[`TrustedAppsGrid renders correctly when loading data for the second time
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-createdBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -7120,6 +7171,7 @@ exports[`TrustedAppsGrid renders correctly when loading data for the second time
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-updatedBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -7436,6 +7488,7 @@ exports[`TrustedAppsGrid renders correctly when loading data for the second time
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-createdBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -7500,6 +7553,7 @@ exports[`TrustedAppsGrid renders correctly when loading data for the second time
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-updatedBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -7816,6 +7870,7 @@ exports[`TrustedAppsGrid renders correctly when loading data for the second time
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-createdBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -7880,6 +7935,7 @@ exports[`TrustedAppsGrid renders correctly when loading data for the second time
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-updatedBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -8196,6 +8252,7 @@ exports[`TrustedAppsGrid renders correctly when loading data for the second time
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-createdBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -8260,6 +8317,7 @@ exports[`TrustedAppsGrid renders correctly when loading data for the second time
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-updatedBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -8418,9 +8476,17 @@ exports[`TrustedAppsGrid renders correctly when loading data for the second time
<nav
class="euiPagination"
>
<span
aria-atomic="true"
aria-relevant="additions text"
class="euiScreenReaderOnly"
role="status"
>
Page 1 of 20
</span>
<button
aria-label="Previous page"
class="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall"
class="euiButtonIcon euiButtonIcon-isDisabled euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiPaginationArrowButton"
data-test-subj="pagination-button-previous"
disabled=""
type="button"
@ -8441,7 +8507,7 @@ exports[`TrustedAppsGrid renders correctly when loading data for the second time
<button
aria-current="true"
aria-label="Page 1 of 20"
class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiButtonEmpty-isDisabled euiPaginationButton euiPaginationButton-isActive euiPaginationButton--hideOnMobile"
class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiButtonEmpty-isDisabled euiPaginationButton euiPaginationButton-isActive"
data-test-subj="pagination-button-0"
disabled=""
type="button"
@ -8462,7 +8528,7 @@ exports[`TrustedAppsGrid renders correctly when loading data for the second time
>
<button
aria-label="Page 2 of 20"
class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiPaginationButton euiPaginationButton--hideOnMobile"
class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiPaginationButton"
data-test-subj="pagination-button-1"
type="button"
>
@ -8482,7 +8548,7 @@ exports[`TrustedAppsGrid renders correctly when loading data for the second time
>
<button
aria-label="Page 3 of 20"
class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiPaginationButton euiPaginationButton--hideOnMobile"
class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiPaginationButton"
data-test-subj="pagination-button-2"
type="button"
>
@ -8502,7 +8568,7 @@ exports[`TrustedAppsGrid renders correctly when loading data for the second time
>
<button
aria-label="Page 4 of 20"
class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiPaginationButton euiPaginationButton--hideOnMobile"
class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiPaginationButton"
data-test-subj="pagination-button-3"
type="button"
>
@ -8522,7 +8588,7 @@ exports[`TrustedAppsGrid renders correctly when loading data for the second time
>
<button
aria-label="Page 5 of 20"
class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiPaginationButton euiPaginationButton--hideOnMobile"
class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiPaginationButton"
data-test-subj="pagination-button-4"
type="button"
>
@ -8548,7 +8614,7 @@ exports[`TrustedAppsGrid renders correctly when loading data for the second time
>
<button
aria-label="Page 20 of 20"
class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiPaginationButton euiPaginationButton--hideOnMobile"
class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiPaginationButton"
data-test-subj="pagination-button-19"
type="button"
>
@ -8565,9 +8631,10 @@ exports[`TrustedAppsGrid renders correctly when loading data for the second time
</li>
</ul>
<button
aria-label="Next page, 2"
class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall"
aria-label="Next page"
class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiPaginationArrowButton"
data-test-subj="pagination-button-next"
title="Next page"
type="button"
>
<span
@ -8856,6 +8923,7 @@ exports[`TrustedAppsGrid renders correctly when new page and page size set (not
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-createdBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -8920,6 +8988,7 @@ exports[`TrustedAppsGrid renders correctly when new page and page size set (not
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-updatedBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -9236,6 +9305,7 @@ exports[`TrustedAppsGrid renders correctly when new page and page size set (not
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-createdBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -9300,6 +9370,7 @@ exports[`TrustedAppsGrid renders correctly when new page and page size set (not
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-updatedBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -9616,6 +9687,7 @@ exports[`TrustedAppsGrid renders correctly when new page and page size set (not
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-createdBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -9680,6 +9752,7 @@ exports[`TrustedAppsGrid renders correctly when new page and page size set (not
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-updatedBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -9996,6 +10069,7 @@ exports[`TrustedAppsGrid renders correctly when new page and page size set (not
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-createdBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -10060,6 +10134,7 @@ exports[`TrustedAppsGrid renders correctly when new page and page size set (not
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-updatedBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -10376,6 +10451,7 @@ exports[`TrustedAppsGrid renders correctly when new page and page size set (not
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-createdBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -10440,6 +10516,7 @@ exports[`TrustedAppsGrid renders correctly when new page and page size set (not
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-updatedBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -10756,6 +10833,7 @@ exports[`TrustedAppsGrid renders correctly when new page and page size set (not
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-createdBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -10820,6 +10898,7 @@ exports[`TrustedAppsGrid renders correctly when new page and page size set (not
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-updatedBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -11136,6 +11215,7 @@ exports[`TrustedAppsGrid renders correctly when new page and page size set (not
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-createdBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -11200,6 +11280,7 @@ exports[`TrustedAppsGrid renders correctly when new page and page size set (not
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-updatedBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -11516,6 +11597,7 @@ exports[`TrustedAppsGrid renders correctly when new page and page size set (not
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-createdBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -11580,6 +11662,7 @@ exports[`TrustedAppsGrid renders correctly when new page and page size set (not
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-updatedBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -11896,6 +11979,7 @@ exports[`TrustedAppsGrid renders correctly when new page and page size set (not
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-createdBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -11960,6 +12044,7 @@ exports[`TrustedAppsGrid renders correctly when new page and page size set (not
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-updatedBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -12276,6 +12361,7 @@ exports[`TrustedAppsGrid renders correctly when new page and page size set (not
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-createdBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -12340,6 +12426,7 @@ exports[`TrustedAppsGrid renders correctly when new page and page size set (not
aria-label="someone"
class="euiAvatar euiAvatar--s euiAvatar--user"
data-test-subj="trustedAppCard-subHeader-touchedBy-updatedBy-avatar"
role="img"
style="background-color: rgb(245, 163, 92); color: rgb(0, 0, 0);"
title="someone"
>
@ -12498,10 +12585,19 @@ exports[`TrustedAppsGrid renders correctly when new page and page size set (not
<nav
class="euiPagination"
>
<span
aria-atomic="true"
aria-relevant="additions text"
class="euiScreenReaderOnly"
role="status"
>
Page 3 of 4
</span>
<button
aria-label="Previous page, 2"
class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall"
aria-label="Previous page"
class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiPaginationArrowButton"
data-test-subj="pagination-button-previous"
title="Previous page"
type="button"
>
<span
@ -12519,7 +12615,7 @@ exports[`TrustedAppsGrid renders correctly when new page and page size set (not
>
<button
aria-label="Page 1 of 4"
class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiPaginationButton euiPaginationButton--hideOnMobile"
class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiPaginationButton"
data-test-subj="pagination-button-0"
type="button"
>
@ -12539,7 +12635,7 @@ exports[`TrustedAppsGrid renders correctly when new page and page size set (not
>
<button
aria-label="Page 2 of 4"
class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiPaginationButton euiPaginationButton--hideOnMobile"
class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiPaginationButton"
data-test-subj="pagination-button-1"
type="button"
>
@ -12560,7 +12656,7 @@ exports[`TrustedAppsGrid renders correctly when new page and page size set (not
<button
aria-current="true"
aria-label="Page 3 of 4"
class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiButtonEmpty-isDisabled euiPaginationButton euiPaginationButton-isActive euiPaginationButton--hideOnMobile"
class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiButtonEmpty-isDisabled euiPaginationButton euiPaginationButton-isActive"
data-test-subj="pagination-button-2"
disabled=""
type="button"
@ -12581,7 +12677,7 @@ exports[`TrustedAppsGrid renders correctly when new page and page size set (not
>
<button
aria-label="Page 4 of 4"
class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiPaginationButton euiPaginationButton--hideOnMobile"
class="euiButtonEmpty euiButtonEmpty--text euiButtonEmpty--small euiPaginationButton"
data-test-subj="pagination-button-3"
type="button"
>
@ -12598,9 +12694,10 @@ exports[`TrustedAppsGrid renders correctly when new page and page size set (not
</li>
</ul>
<button
aria-label="Next page, 4"
class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall"
aria-label="Next page"
class="euiButtonIcon euiButtonIcon--text euiButtonIcon--empty euiButtonIcon--xSmall euiPaginationArrowButton"
data-test-subj="pagination-button-next"
title="Next page"
type="button"
>
<span

3
x-pack/plugins/spaces/public/management/spaces_grid/__snapshots__/spaces_grid_page.test.tsx.snap generated
View file

@ -136,6 +136,7 @@ Array [
aria-label="Default"
className="euiAvatar euiAvatar--s euiAvatar--space"
data-test-subj="space-avatar-default"
role="img"
style={
Object {
"backgroundColor": "#AA6556",
@ -176,6 +177,7 @@ Array [
aria-label="Custom 1"
className="euiAvatar euiAvatar--s euiAvatar--space"
data-test-subj="space-avatar-custom-1"
role="img"
style={
Object {
"backgroundColor": "#DA8B45",
@ -219,6 +221,7 @@ Array [
aria-label="Custom 2"
className="euiAvatar euiAvatar--s euiAvatar--space"
data-test-subj="space-avatar-custom-2"
role="img"
style={
Object {
"backgroundColor": "#ABCDEF",

1
x-pack/plugins/spaces/public/space_avatar/__snapshots__/space_avatar_internal.test.tsx.snap generated
View file

@ -26,6 +26,7 @@ exports[`removes aria-label when instructed not to announce the space name 1`] =
aria-label=""
className="euiAvatar euiAvatar--m euiAvatar--space"
data-test-subj="space-avatar-"
role="img"
style={
Object {
"backgroundColor": "#DA8B45",

2
x-pack/plugins/timelines/public/components/t_grid/body/index.tsx
View file

@ -509,7 +509,7 @@ export const BodyComponent = React.memo<StatefulBodyProps>(
showSortSelector: true,
showFullScreenSelector: true,
}),
showStyleSelector: false,
showDisplaySelector: false,
}),
[
alertCountText,

13
x-pack/plugins/translations/translations/ja-JP.json
View file

@ -417,13 +417,9 @@
"core.euiNotificationEventReadIcon.readAria": "{eventName}は既読です",
"core.euiNotificationEventReadIcon.unread": "未読",
"core.euiNotificationEventReadIcon.unreadAria": "{eventName}は未読です",
"core.euiPagination.disabledNextPage": "次のページ",
"core.euiPagination.disabledPreviousPage": "前のページ",
"core.euiPagination.firstRangeAriaLabel": "ページ2を{lastPage}にスキップしています",
"core.euiPagination.lastRangeAriaLabel": "ページ{firstPage}を{lastPage}にスキップしています",
"core.euiPagination.nextPage": "次のページ、{page}",
"core.euiPagination.pageOfTotalCompressed": "{total}ページ中{page}ページ",
"core.euiPagination.previousPage": "前のページ、{page}",
"core.euiPaginationButton.longPageString": "{page}/{totalPages}ページ",
"core.euiPaginationButton.shortPageString": "{page}ページ",
"core.euiPinnableListGroup.pinExtraActionLabel": "項目をピン留め",
@ -440,10 +436,7 @@
"core.euiQuickSelect.unitLabel": "時間単位",
"core.euiQuickSelect.valueLabel": "時間値",
"core.euiRecentlyUsed.legend": "最近使用した日付範囲",
"core.euiRefreshInterval.fullDescription": "現在{optionValue} {optionText}に設定されている間隔を更新します。",
"core.euiRefreshInterval.legend": "以下の感覚ごとに更新",
"core.euiRefreshInterval.start": "開始",
"core.euiRefreshInterval.stop": "終了",
"core.euiRelativeTab.dateInputError": "有効な範囲でなければなりません",
"core.euiRelativeTab.fullDescription": "単位は変更可能です。現在 {unit} に設定されています。",
"core.euiRelativeTab.numberInputError": "0以上でなければなりません",
@ -485,12 +478,6 @@
"core.euiStepStrings.simpleWarning": "ステップ{number}には警告があります",
"core.euiStepStrings.step": "ステップ{number}: {title}",
"core.euiStepStrings.warning": "ステップ{number}: {title}には警告があります",
"core.euiStyleSelector.buttonLegend": "データグリッドの表示密度を選択",
"core.euiStyleSelector.buttonText": "密度",
"core.euiStyleSelector.labelCompact": "コンパクト密度",
"core.euiStyleSelector.labelExpanded": "拡張密度",
"core.euiStyleSelector.labelNormal": "標準密度",
"core.euiSuperDatePicker.showDatesButtonLabel": "日付を表示",
"core.euiSuperSelectControl.selectAnOption": "オプションの選択：{selectedValue} を選択済み",
"core.euiSuperUpdateButton.cannotUpdateTooltip": "アップデートできません",
"core.euiSuperUpdateButton.clickToApplyTooltip": "クリックして適用",

13
x-pack/plugins/translations/translations/zh-CN.json
View file

@ -422,13 +422,9 @@
"core.euiNotificationEventReadIcon.readAria": "{eventName} 已读",
"core.euiNotificationEventReadIcon.unread": "未读",
"core.euiNotificationEventReadIcon.unreadAria": "{eventName} 未读",
"core.euiPagination.disabledNextPage": "下一页",
"core.euiPagination.disabledPreviousPage": "上一页",
"core.euiPagination.firstRangeAriaLabel": "将跳过第 2 至 {lastPage} 页",
"core.euiPagination.lastRangeAriaLabel": "将跳过第 {firstPage} 至 {lastPage} 页",
"core.euiPagination.nextPage": "下一页，{page}",
"core.euiPagination.pageOfTotalCompressed": "{page} / {total}",
"core.euiPagination.previousPage": "上一页，{page}",
"core.euiPaginationButton.longPageString": "第 {page} 页，共 {totalPages} 页",
"core.euiPaginationButton.shortPageString": "第 {page} 页",
"core.euiPinnableListGroup.pinExtraActionLabel": "固定项目",
@ -445,10 +441,7 @@
"core.euiQuickSelect.unitLabel": "时间单位",
"core.euiQuickSelect.valueLabel": "时间值",
"core.euiRecentlyUsed.legend": "最近使用的日期范围",
"core.euiRefreshInterval.fullDescription": "刷新时间间隔当前设置为 {optionValue} {optionText}。",
"core.euiRefreshInterval.legend": "刷新频率",
"core.euiRefreshInterval.start": "启动",
"core.euiRefreshInterval.stop": "停止点",
"core.euiRelativeTab.dateInputError": "必须为有效范围",
"core.euiRelativeTab.fullDescription": "单位可更改。当前设置为 {unit}。",
"core.euiRelativeTab.numberInputError": "必须 >= 0",
@ -490,12 +483,6 @@
"core.euiStepStrings.simpleWarning": "第 {number} 步有警告",
"core.euiStepStrings.step": "第 {number} 步：{title}",
"core.euiStepStrings.warning": "第 {number} 步：{title} 有警告",
"core.euiStyleSelector.buttonLegend": "选择数据网格的显示密度",
"core.euiStyleSelector.buttonText": "密度",
"core.euiStyleSelector.labelCompact": "紧凑密度",
"core.euiStyleSelector.labelExpanded": "扩展密度",
"core.euiStyleSelector.labelNormal": "正常密度",
"core.euiSuperDatePicker.showDatesButtonLabel": "显示日期",
"core.euiSuperSelectControl.selectAnOption": "选择选项：{selectedValue} 已选",
"core.euiSuperUpdateButton.cannotUpdateTooltip": "无法更新",
"core.euiSuperUpdateButton.clickToApplyTooltip": "单击以应用",

8
x-pack/plugins/uptime/public/components/common/charts/__snapshots__/donut_chart.test.tsx.snap generated
View file

@ -372,7 +372,7 @@ exports[`DonutChart component passes correct props without errors for valid prop
},
},
"tickLabel": Object {
"fill": "rgba(106, 113, 125, 1)",
"fill": "rgba(105, 112, 125, 1)",
"fontFamily": "'Inter', 'Inter UI', -apple-system, BlinkMacSystemFont,
'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
"fontSize": 10,
@ -458,12 +458,12 @@ exports[`DonutChart component passes correct props without errors for valid prop
'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
},
"minorCenterLabel": Object {
"fill": "rgba(106, 113, 125, 1)",
"fill": "rgba(105, 112, 125, 1)",
"fontFamily": "'Inter', 'Inter UI', -apple-system, BlinkMacSystemFont,
'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
},
"minorLabel": Object {
"fill": "rgba(106, 113, 125, 1)",
"fill": "rgba(105, 112, 125, 1)",
"fontFamily": "'Inter', 'Inter UI', -apple-system, BlinkMacSystemFont,
'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
},
@ -474,7 +474,7 @@ exports[`DonutChart component passes correct props without errors for valid prop
"stroke": "rgba(52, 55, 65, 1)",
},
"tickLabel": Object {
"fill": "rgba(106, 113, 125, 1)",
"fill": "rgba(105, 112, 125, 1)",
"fontFamily": "'Inter', 'Inter UI', -apple-system, BlinkMacSystemFont,
'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
},

4
x-pack/plugins/uptime/public/hooks/__snapshots__/use_url_params.test.tsx.snap generated
View file

@ -197,7 +197,7 @@ exports[`useUrlParams deletes keys that do not have truthy values 1`] = `
},
],
},
"undefined": [MockFunction],
Symbol(Symbol.observable): [MockFunction],
}
}
>
@ -427,7 +427,7 @@ exports[`useUrlParams gets the expected values using the context 1`] = `
},
],
},
"undefined": [MockFunction],
Symbol(Symbol.observable): [MockFunction],
}
}
>

1
x-pack/test/functional/page_objects/infra_home_page.ts
View file

@ -284,7 +284,6 @@ export function InfraHomePageProvider({ getService, getPageObjects }: FtrProvide
},
async setAnomaliesDate(date: string) {
await testSubjects.click('superDatePickerShowDatesButton');
await testSubjects.click('superDatePickerstartDatePopoverButton');
await testSubjects.click('superDatePickerAbsoluteTab');
const datePickerInput = await testSubjects.find('superDatePickerAbsoluteDateInput');
await datePickerInput.clearValueWithKeyboard();

2
x-pack/test/functional/services/observability/alerts/common.ts
View file

@ -261,7 +261,7 @@ export function ObservabilityAlertsCommonProvider({
const datePickerButton = await testSubjects.find('superDatePickerShowDatesButton');
const buttonText = await datePickerButton.getVisibleText();
return buttonText.substring(0, buttonText.indexOf('\n'));
return buttonText;
};
const getActionsButtonByIndex = async (index: number) => {

3
x-pack/test/observability_functional/apps/observability/alerts/state_synchronization.ts
View file

@ -93,8 +93,7 @@ export default ({ getPageObjects, getService }: FtrProviderContext) => {
async function assertLogsStreamPageTimeRange(expected: string) {
// Only handles relative time ranges
const datePickerButton = await testSubjects.find('superDatePickerShowDatesButton');
const buttonText = await datePickerButton.getVisibleText();
const timerange = buttonText.substring(0, buttonText.indexOf('\n'));
const timerange = await datePickerButton.getVisibleText();
expect(timerange).to.be(expected);
}

35
yarn.lock
View file

@ -1601,10 +1601,10 @@
resolved "https://registry.yarnpkg.com/@elastic/eslint-plugin-eui/-/eslint-plugin-eui-0.0.2.tgz#56b9ef03984a05cc213772ae3713ea8ef47b0314"
integrity sha512-IoxURM5zraoQ7C8f+mJb9HYSENiZGgRVcG4tLQxE61yHNNRDXtGDWTZh8N1KIHcsqN1CEPETjuzBXkJYF/fDiQ==
"@elastic/eui@41.2.3":
version "41.2.3"
resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-41.2.3.tgz#00f437bf197a809a7092524073174f413ce33f46"
integrity sha512-sBPn2O1nn8ZJZncUQf88jzxWtnXcx/X/CubvH8LS7H+GX94PQs1BWXKQtYBI21kUAevSiRdPeX66x3ywZpZliQ==
"@elastic/eui@43.1.1":
version "43.1.1"
resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-43.1.1.tgz#5a4526c0a3fad45dcbe470dc33d1d9b701904494"
integrity sha512-ilVAfhM2QtrA8RiG5vgVBOW5xqyjpDeMTH2c/Nf8vEYVgebmTnDAJuaDj5lHpk01oqt2jEEelZkD40XKY2376w==
dependencies:
"@types/chroma-js" "^2.0.0"
"@types/lodash" "^4.14.160"
@ -1644,7 +1644,6 @@
url-parse "^1.5.3"
uuid "^8.3.0"
vfile "^4.2.0"
yargs "^17.2.1"
"@elastic/filesaver@1.1.2":
version "1.1.2"
@ -29966,19 +29965,6 @@ yargs@^17.0.1:
y18n "^5.0.5"
yargs-parser "^20.2.2"
yargs@^17.2.1, yargs@~17.2.1:
version "17.2.1"
resolved "https://registry.yarnpkg.com/yargs/-/yargs-17.2.1.tgz#e2c95b9796a0e1f7f3bf4427863b42e0418191ea"
integrity sha512-XfR8du6ua4K6uLGm5S6fA+FIJom/MdJcFNVY8geLlp2v8GYbOXD4EB1tPNZsRn4vBzKGMgb5DRZMeWuFc2GO8Q==
dependencies:
cliui "^7.0.2"
escalade "^3.1.1"
get-caller-file "^2.0.5"
require-directory "^2.1.1"
string-width "^4.2.0"
y18n "^5.0.5"
yargs-parser "^20.2.2"
yargs@^3.15.0:
version "3.32.0"
resolved "https://registry.yarnpkg.com/yargs/-/yargs-3.32.0.tgz#03088e9ebf9e756b69751611d2a5ef591482c995"
@ -30011,6 +29997,19 @@ yargs@^7.1.0:
y18n "^3.2.1"
yargs-parser "5.0.0-security.0"
yargs@~17.2.1:
version "17.2.1"
resolved "https://registry.yarnpkg.com/yargs/-/yargs-17.2.1.tgz#e2c95b9796a0e1f7f3bf4427863b42e0418191ea"
integrity sha512-XfR8du6ua4K6uLGm5S6fA+FIJom/MdJcFNVY8geLlp2v8GYbOXD4EB1tPNZsRn4vBzKGMgb5DRZMeWuFc2GO8Q==
dependencies:
cliui "^7.0.2"
escalade "^3.1.1"
get-caller-file "^2.0.5"
require-directory "^2.1.1"
string-width "^4.2.0"
y18n "^5.0.5"
yargs-parser "^20.2.2"
yargs@~3.10.0:
version "3.10.0"
resolved "https://registry.yarnpkg.com/yargs/-/yargs-3.10.0.tgz#f7ee7bd857dd7c1d2d38c0e74efbd681d1431fd1"