Upgrade EUI to v72.0.0 (#147888)

## Summary

`eui@71.0.0`  `eui@72.0.0`

---

## [`72.0.0`](https://github.com/elastic/eui/tree/v72.0.0)

- Added the `customQuickSelectRender` render prop to
`EuiSuperDatePicker`, which allows customizing the Quick Select popover
([#6382](https://github.com/elastic/eui/pull/6382))
- `EuiFilePicker` styles have been updated to look more like an
interactive element. ([#6479](https://github.com/elastic/eui/pull/6479))
- Added a third argument to `EuiSelectable`'s `onChange` callback. The
single `option` object that triggered the `onChange` event is now also
passed to consumers with its most recent `checked` state
([#6487](https://github.com/elastic/eui/pull/6487))

**Bug fixes**

- `EuiTabs` now passes `size` and `expand` to all children using a React
context provider. ([#6478](https://github.com/elastic/eui/pull/6478))
- Fixed security warnings caused by `trim@0.0.1` sub-dependency
([#6482](https://github.com/elastic/eui/pull/6482))

**Breaking changes**

- Removed `size` and `expand` props from `EuiTab`
([#6478](https://github.com/elastic/eui/pull/6478))

## [`71.1.0`](https://github.com/elastic/eui/tree/v71.1.0)

**Deprecations**

- Renamed `EuiPageSideBarProps` to `EuiPageSideBarProps_Deprecated`, to
reduce usage/confusion with `EuiPageSidebar`
([#6468](https://github.com/elastic/eui/pull/6468))

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
This commit is contained in:
Cee Chen 2022-12-22 12:41:18 -08:00 committed by GitHub
parent 602b6d645a
commit 251bdcec6c
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
13 changed files with 51 additions and 16 deletions

View file

@ -107,7 +107,7 @@
"@elastic/datemath": "5.0.3",
"@elastic/elasticsearch": "npm:@elastic/elasticsearch-canary@8.5.0-canary.1",
"@elastic/ems-client": "8.3.3",
"@elastic/eui": "71.0.0",
"@elastic/eui": "72.0.0",
"@elastic/filesaver": "1.1.2",
"@elastic/node-crypto": "1.2.1",
"@elastic/numeral": "^2.5.1",

View file

@ -265,6 +265,7 @@ exports[`#start() returns \`Context\` component 1`] = `
"euiQuickSelect.tenseLabel": "Time tense",
"euiQuickSelect.unitLabel": "Time unit",
"euiQuickSelect.valueLabel": "Time value",
"euiQuickSelectPopover.buttonLabel": "Date quick select",
"euiRecentlyUsed.legend": "Recently used date ranges",
"euiRefreshInterval.fullDescriptionOff": [Function],
"euiRefreshInterval.fullDescriptionOn": [Function],

View file

@ -1323,6 +1323,9 @@ export const getEuiContextMapping = (): EuiTokensObject => {
'euiQuickSelect.valueLabel': i18n.translate('core.euiQuickSelect.valueLabel', {
defaultMessage: 'Time value',
}),
'euiQuickSelectPopover.buttonLabel': i18n.translate('core.euiQuickSelectPopover.buttonLabel', {
defaultMessage: 'Date quick select',
}),
'euiRecentlyUsed.legend': i18n.translate('core.euiRecentlyUsed.legend', {
defaultMessage: 'Recently used date ranges',
}),

View file

@ -84,6 +84,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.3.3': ['Elastic License 2.0'],
'@elastic/eui@71.0.0': ['SSPL-1.0 OR Elastic License 2.0'],
'@elastic/eui@72.0.0': ['SSPL-1.0 OR Elastic License 2.0'],
'language-subtag-registry@0.3.21': ['CC-BY-4.0'], // retired ODCBy license https://github.com/mattcg/language-subtag-registry
};

View file

@ -9,7 +9,7 @@
import React, { ComponentType, useState } from 'react';
import classNames from 'classnames';
import { useIsWithinBreakpoints } from '@elastic/eui';
import { EuiPageSideBarProps } from '@elastic/eui/src/components/page/page_side_bar';
import { EuiPageSideBarProps_Deprecated as EuiPageSideBarProps } from '@elastic/eui/src/components/page/page_side_bar';
import { KibanaPageTemplateSolutionNav, KibanaPageTemplateSolutionNavProps } from './solution_nav';
import { KibanaPageTemplateProps } from '.';

View file

@ -30,7 +30,8 @@ function selectDataViewPickerOption(instance: ShallowWrapper, selectedLabel: str
? { ...option, checked: 'on' }
: { ...option, checked: undefined }
);
return getDataViewPickerList(instance).prop('onChange')!(options, event);
const selectedOption = { label: selectedLabel };
return getDataViewPickerList(instance).prop('onChange')!(options, event, selectedOption);
}
describe('DataView list component', () => {

View file

@ -31,7 +31,8 @@ function selectTextLanguagePickerOption(instance: ShallowWrapper, selectedLabel:
? { ...option, checked: 'on' }
: { ...option, checked: undefined }
);
return getTextLanguagesPickerList(instance).prop('onChange')!(options, event);
const selectedOption = { label: selectedLabel };
return getTextLanguagesPickerList(instance).prop('onChange')!(options, event, selectedOption);
}
describe('Text based languages list component', () => {

View file

@ -111,7 +111,8 @@ describe('field_manager', () => {
act(() => {
getInstance().find(FieldPicker).dive().find(EuiSelectable).prop('onChange')!(
[{ checked: 'on', label: 'field3' }],
event
event,
{ checked: 'on', label: 'field3' }
);
});

View file

@ -236,7 +236,8 @@ describe('Layer Data Panel', () => {
? { ...option, checked: 'on' }
: { ...option, checked: undefined }
);
return getIndexPatternPickerList(instance).prop('onChange')!(options, event);
const selectedOption = { label: selectedLabel };
return getIndexPatternPickerList(instance).prop('onChange')!(options, event, selectedOption);
}
function getIndexPatternPickerOptions(instance: ShallowWrapper) {

View file

@ -53,6 +53,7 @@ exports[`UploadLicense should display a modal when license requires acknowledgem
<span
aria-hidden="true"
class="euiFilePicker__icon"
color="primary"
data-euiicon-type="importAction"
/>
<div
@ -189,6 +190,7 @@ exports[`UploadLicense should display an error when ES says license is expired 1
<span
aria-hidden="true"
class="euiFilePicker__icon"
color="primary"
data-euiicon-type="importAction"
/>
<div
@ -325,6 +327,7 @@ exports[`UploadLicense should display an error when ES says license is invalid 1
<span
aria-hidden="true"
class="euiFilePicker__icon"
color="primary"
data-euiicon-type="importAction"
/>
<div
@ -461,6 +464,7 @@ exports[`UploadLicense should display an error when submitting invalid JSON 1`]
<span
aria-hidden="true"
class="euiFilePicker__icon"
color="primary"
data-euiicon-type="importAction"
/>
<div
@ -597,6 +601,7 @@ exports[`UploadLicense should display error when ES returns error 1`] = `
<span
aria-hidden="true"
class="euiFilePicker__icon"
color="primary"
data-euiicon-type="importAction"
/>
<div

View file

@ -76,6 +76,7 @@ Object {
<span
aria-hidden="true"
class="euiFilePicker__icon"
color="primary"
data-euiicon-type="importAction"
/>
<div

View file

@ -1,7 +1,7 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`ChartWrapper component renders the component with loading false 1`] = `
<_EuiErrorBoundary>
<EuiErrorBoundary>
<div
intl={
Object {
@ -125,11 +125,11 @@ exports[`ChartWrapper component renders the component with loading false 1`] = `
up={4}
/>
</div>
</_EuiErrorBoundary>
</EuiErrorBoundary>
`;
exports[`ChartWrapper component renders the component with loading true 1`] = `
<_EuiErrorBoundary>
<EuiErrorBoundary>
<div
intl={
Object {
@ -272,5 +272,5 @@ exports[`ChartWrapper component renders the component with loading true 1`] = `
/>
</EuiFlexItem>
</EuiFlexGroup>
</_EuiErrorBoundary>
</EuiErrorBoundary>
`;

View file

@ -1527,10 +1527,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@71.0.0":
version "71.0.0"
resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-71.0.0.tgz#0d77ca3e513ebd59fee0be49abd7acf4b04206aa"
integrity sha512-5iHvGSJCJjin/VPHBT0RdHVKUCClH5PqXnygsr6LCkyQzj+frKiK0w28dK5EBReDp5+SRoF+VYSVse4Ia2DkLQ==
"@elastic/eui@72.0.0":
version "72.0.0"
resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-72.0.0.tgz#ba001d694c0c944143b11e5e2b756476c6a6a924"
integrity sha512-XMIyARp5tI5PymDT1OeYoNnto+d0NtrnRCwHUIOtwDAQamkqmfyNNt+bMzj2ii+HBA/BII5+NKCmb6HNCUBq1A==
dependencies:
"@types/chroma-js" "^2.0.0"
"@types/lodash" "^4.14.160"
@ -1562,7 +1562,7 @@
rehype-stringify "^8.0.0"
remark-breaks "^2.0.2"
remark-emoji "^2.1.0"
remark-parse "^8.0.3"
remark-parse-no-trim "^8.0.4"
remark-rehype "^8.0.0"
tabbable "^5.2.1"
text-diff "^1.0.1"
@ -23636,6 +23636,27 @@ remark-mdx@1.6.22:
remark-parse "8.0.3"
unified "9.2.0"
remark-parse-no-trim@^8.0.4:
version "8.0.4"
resolved "https://registry.yarnpkg.com/remark-parse-no-trim/-/remark-parse-no-trim-8.0.4.tgz#f5c9531644284071d4a57a49e19a42ad4e8040bd"
integrity sha512-WtqeHNTZ0LSdyemmY1/G6y9WoEFblTtgckfKF5/NUnri919/0/dEu8RCDfvXtJvu96soMvT+mLWWgYVUaiHoag==
dependencies:
ccount "^1.0.0"
collapse-white-space "^1.0.2"
is-alphabetical "^1.0.0"
is-decimal "^1.0.0"
is-whitespace-character "^1.0.0"
is-word-character "^1.0.0"
markdown-escapes "^1.0.0"
parse-entities "^2.0.0"
repeat-string "^1.5.4"
state-toggle "^1.0.0"
trim-trailing-lines "^1.0.0"
unherit "^1.0.4"
unist-util-remove-position "^2.0.0"
vfile-location "^3.0.0"
xtend "^4.0.1"
remark-parse@8.0.3, remark-parse@^8.0.3:
version "8.0.3"
resolved "https://registry.yarnpkg.com/remark-parse/-/remark-parse-8.0.3.tgz#9c62aa3b35b79a486454c690472906075f40c7e1"