Upgrade EUI to v44.0.0 (#122386)

* Upgrade EUI to 44.0.0

* Account for EuiSuperSelect deprecations

* Update test snapshots

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
This commit is contained in:
Constance 2022-01-11 11:31:55 -08:00 committed by GitHub
parent 33af3fca56
commit 7ec16063b5
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
10 changed files with 48 additions and 17 deletions

View file

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

View file

@ -77,6 +77,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@43.1.1': ['SSPL-1.0 OR Elastic License 2.0'],
'@elastic/eui@44.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

@ -38,7 +38,9 @@ exports[`Storyshots components/Assets/AssetManager no assets 1`] = `
<div
className="euiModalHeader__title canvasAssetManager__modalHeaderTitle"
>
Manage workpad assets
<h1>
Manage workpad assets
</h1>
</div>
<div
className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive canvasAssetManager__fileUploadWrapper"
@ -235,7 +237,9 @@ exports[`Storyshots components/Assets/AssetManager two assets 1`] = `
<div
className="euiModalHeader__title canvasAssetManager__modalHeaderTitle"
>
Manage workpad assets
<h1>
Manage workpad assets
</h1>
</div>
<div
className="euiFlexGroup euiFlexGroup--gutterLarge euiFlexGroup--directionRow euiFlexGroup--responsive canvasAssetManager__fileUploadWrapper"

View file

@ -38,7 +38,9 @@ exports[`Storyshots components/SavedElementsModal no custom elements 1`] = `
<div
className="euiModalHeader__title canvasAssetManager__modalHeaderTitle"
>
My elements
<h1>
My elements
</h1>
</div>
</div>
<div
@ -201,7 +203,9 @@ exports[`Storyshots components/SavedElementsModal with custom elements 1`] = `
<div
className="euiModalHeader__title canvasAssetManager__modalHeaderTitle"
>
My elements
<h1>
My elements
</h1>
</div>
</div>
<div
@ -650,7 +654,9 @@ exports[`Storyshots components/SavedElementsModal with text filter 1`] = `
<div
className="euiModalHeader__title canvasAssetManager__modalHeaderTitle"
>
My elements
<h1>
My elements
</h1>
</div>
</div>
<div

View file

@ -118,7 +118,7 @@ export const BlockedWindowItem: React.FC<Props> = ({ blockedWindow, index }) =>
options={syncOptions}
onChange={(value) => setBlockedTimeWindow(index, 'jobType', value)}
itemClassName="blockedWindowSelectItem"
popoverClassName="blockedWindowSelectPopover"
popoverProps={{ className: 'blockedWindowSelectPopover' }}
/>
</EuiFlexItem>
<EuiFlexItem grow={false}>

View file

@ -122,7 +122,7 @@ export const SearchOrFilter = React.memo<Props>(
itemClassName={timelineSelectModeItemsClassName}
onChange={handleChange}
options={options}
popoverClassName={searchOrFilterPopoverClassName}
popoverProps={{ className: searchOrFilterPopoverClassName }}
valueOfSelected={kqlMode}
/>
</EuiToolTip>

View file

@ -178,12 +178,12 @@ export class EuiSuperSelect<T extends string> extends Component<EuiSuperSelectPr
itemClassName,
itemLayoutAlign,
fullWidth,
popoverClassName,
popoverProps,
compressed,
...rest
} = this.props;
const popoverClasses = classNames('euiSuperSelect', popoverClassName);
const popoverClasses = classNames('euiSuperSelect', popoverProps?.className);
const buttonClasses = classNames(
{
@ -240,6 +240,7 @@ export class EuiSuperSelect<T extends string> extends Component<EuiSuperSelectPr
return (
<EuiInputPopover
{...popoverProps}
className={popoverClasses}
input={button}
isOpen={isOpen || this.state.isPopoverOpen}

View file

@ -492,6 +492,26 @@ exports[`DonutChart component passes correct props without errors for valid prop
"strokeWidth": 2,
},
},
"partition": Object {
"circlePadding": 4,
"fillLabel": Object {
"valueFont": Object {
"fontWeight": 700,
},
},
"fontFamily": "'Inter', 'Inter UI', -apple-system, BlinkMacSystemFont,
'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol'",
"linkLabel": Object {
"fontSize": 11,
"maxCount": 5,
"textColor": "rgba(52, 55, 65, 1)",
},
"maxFontSize": 16,
"minFontSize": 8,
"outerSizeRatio": 1,
"sectorLineStroke": "rgba(255, 255, 255, 1)",
"sectorLineWidth": 1.5,
},
"scales": Object {
"barsPadding": 0.25,
"histogramPadding": 0.05,

View file

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

View file

@ -1633,10 +1633,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@43.1.1":
version "43.1.1"
resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-43.1.1.tgz#5a4526c0a3fad45dcbe470dc33d1d9b701904494"
integrity sha512-ilVAfhM2QtrA8RiG5vgVBOW5xqyjpDeMTH2c/Nf8vEYVgebmTnDAJuaDj5lHpk01oqt2jEEelZkD40XKY2376w==
"@elastic/eui@44.0.0":
version "44.0.0"
resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-44.0.0.tgz#5d2dde9715fce5448b7d98367fd274dce974fe0a"
integrity sha512-Co3hSmvHn91upvylKvk5IJDR02KL+hdLQcJWU5DfRxTUv3iua3ZLmCMwG3WeoV/XE7kTsxDlNslRO5I3hk5uWg==
dependencies:
"@types/chroma-js" "^2.0.0"
"@types/lodash" "^4.14.160"