Update dependency @elastic/charts to v66 (main) (#185906)

[![Mend
Renovate](https://app.renovatebot.com/images/banner.svg)](https://renovatebot.com)

This PR contains the following updates:

| Package | Change | Age | Adoption | Passing | Confidence |
|---|---|---|---|---|---|
| [@elastic/charts](https://togithub.com/elastic/elastic-charts) |
[`65.2.0` ->
`66.0.3`](https://renovatebot.com/diffs/npm/@elastic%2fcharts/65.2.0/66.0.3)
|
[![age](https://developer.mend.io/api/mc/badges/age/npm/@elastic%2fcharts/66.0.3?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![adoption](https://developer.mend.io/api/mc/badges/adoption/npm/@elastic%2fcharts/66.0.3?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![passing](https://developer.mend.io/api/mc/badges/compatibility/npm/@elastic%2fcharts/65.2.0/66.0.3?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|
[![confidence](https://developer.mend.io/api/mc/badges/confidence/npm/@elastic%2fcharts/65.2.0/66.0.3?slim=true)](https://docs.renovatebot.com/merge-confidence/)
|

---

### Release Notes

<details>
<summary>elastic/elastic-charts (@&#8203;elastic/charts)</summary>

###
[`v66.0.3`](https://github.com/elastic/elastic-charts/blob/HEAD/CHANGELOG.md#6603-2024-06-18)

[Compare
Source](https://togithub.com/elastic/elastic-charts/compare/v66.0.0...v66.0.3)

##### Bug Fixes

- correct median copy in legend values
([#2467](https://github.com/elastic/elastic-charts/issues/2467))
([0476a64](0476a64459))

###
[`v66.0.2`](https://github.com/elastic/elastic-charts/blob/HEAD/CHANGELOG.md#6602-2024-06-12)

[Compare
Source](https://togithub.com/elastic/elastic-charts/compare/v66.0.0...v66.0.2)

##### Features

- point style accessor for isolated points
([#2464](https://github.com/elastic/elastic-charts/issues/2464))
([ee7f529](ee7f5299ea))

###
[`v66.0.0`](https://togithub.com/elastic/elastic-charts/blob/HEAD/CHANGELOG.md#6600-2024-06-10)

[Compare
Source](https://togithub.com/elastic/elastic-charts/compare/v65.2.0...v66.0.0)

##### Features

- **Metric:** style enhancements
([#&#8203;2437](https://togithub.com/elastic/elastic-charts/issues/2437))
([0686596](0686596b44))

##### Performance Improvements

- replace spread with concat where useful
([#&#8203;2446](https://togithub.com/elastic/elastic-charts/issues/2446))
([078b490](078b490513))

##### BREAKING CHANGES

- **Metric:** The `MetricStyle.text.darkColor` and
`MetricStyle.text.lightColor` are now `MetricStyle.textDarkColor` and
`MetricStyle.textLightColor`, respectively. This PR also includes minor
overall style changes to the text breakpoints of the `Metric` chart.

</details>

---

### Configuration

📅 **Schedule**: Branch creation - At any time (no schedule defined),
Automerge - At any time (no schedule defined).

🚦 **Automerge**: Disabled by config. Please merge this manually once you
are satisfied.

♻ **Rebasing**: Whenever PR becomes conflicted, or you tick the
rebase/retry checkbox.

🔕 **Ignore**: Close this PR and you won't be reminded about this update
again.

---

- [ ] <!-- rebase-check -->If you want to rebase/retry this PR, check
this box

---

This PR has been generated by [Mend
Renovate](https://www.mend.io/free-developer-tools/renovate/). View
repository job log
[here](https://developer.mend.io/github/elastic/kibana).

<!--renovate-debug:eyJjcmVhdGVkSW5WZXIiOiIzNy4zOTMuMCIsInVwZGF0ZWRJblZlciI6IjM3LjM5My4wIiwidGFyZ2V0QnJhbmNoIjoibWFpbiIsImxhYmVscyI6WyJUZWFtOlZpc3VhbGl6YXRpb25zIiwiYmFja3BvcnQ6c2tpcCIsInJlbGVhc2Vfbm90ZTpza2lwIl19-->

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Marco Vettorello <marco.vettorello@elastic.co>
Co-authored-by: nickofthyme <nicholas.partridge@elastic.co>
This commit is contained in:
renovate[bot] 2024-06-21 14:09:47 -07:00 committed by GitHub
parent 4a9bf3f953
commit e969602ec5
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
8 changed files with 143 additions and 86 deletions

View file

@ -104,7 +104,7 @@
"@elastic/apm-rum": "^5.16.0",
"@elastic/apm-rum-core": "^5.21.0",
"@elastic/apm-rum-react": "^2.0.2",
"@elastic/charts": "65.2.0",
"@elastic/charts": "66.0.3",
"@elastic/datemath": "5.0.3",
"@elastic/ecs": "^8.11.1",
"@elastic/elasticsearch": "^8.13.1",

View file

@ -452,12 +452,15 @@ exports[`GaugeComponent renders the chart 1`] = `
"barBackground": "#EDF0F5",
"border": "#EDF0F5",
"emptyBackground": "transparent",
"iconAlign": "left",
"minHeight": 64,
"minValueFontSize": 12,
"nonFiniteText": "N/A",
"text": Object {
"darkColor": "#343741",
"lightColor": "#E0E5EE",
},
"textDarkColor": "#343741",
"textLightColor": "#E0E5EE",
"titlesTextAlign": "left",
"valueFontSize": "default",
"valuesTextAlign": "right",
},
"partition": Object {
"circlePadding": 4,

View file

@ -682,12 +682,15 @@ exports[`PartitionVisComponent should render correct structure for donut 1`] = `
"barBackground": "#EDF0F5",
"border": "#EDF0F5",
"emptyBackground": "transparent",
"iconAlign": "left",
"minHeight": 64,
"minValueFontSize": 12,
"nonFiniteText": "N/A",
"text": Object {
"darkColor": "#343741",
"lightColor": "#E0E5EE",
},
"textDarkColor": "#343741",
"textLightColor": "#E0E5EE",
"titlesTextAlign": "left",
"valueFontSize": "default",
"valuesTextAlign": "right",
},
"partition": Object {
"circlePadding": 4,
@ -1611,12 +1614,15 @@ exports[`PartitionVisComponent should render correct structure for mosaic 1`] =
"barBackground": "#EDF0F5",
"border": "#EDF0F5",
"emptyBackground": "transparent",
"iconAlign": "left",
"minHeight": 64,
"minValueFontSize": 12,
"nonFiniteText": "N/A",
"text": Object {
"darkColor": "#343741",
"lightColor": "#E0E5EE",
},
"textDarkColor": "#343741",
"textLightColor": "#E0E5EE",
"titlesTextAlign": "left",
"valueFontSize": "default",
"valuesTextAlign": "right",
},
"partition": Object {
"circlePadding": 4,
@ -2600,12 +2606,15 @@ exports[`PartitionVisComponent should render correct structure for multi-metric
"barBackground": "#EDF0F5",
"border": "#EDF0F5",
"emptyBackground": "transparent",
"iconAlign": "left",
"minHeight": 64,
"minValueFontSize": 12,
"nonFiniteText": "N/A",
"text": Object {
"darkColor": "#343741",
"lightColor": "#E0E5EE",
},
"textDarkColor": "#343741",
"textLightColor": "#E0E5EE",
"titlesTextAlign": "left",
"valueFontSize": "default",
"valuesTextAlign": "right",
},
"partition": Object {
"circlePadding": 4,
@ -3591,12 +3600,15 @@ exports[`PartitionVisComponent should render correct structure for pie 1`] = `
"barBackground": "#EDF0F5",
"border": "#EDF0F5",
"emptyBackground": "transparent",
"iconAlign": "left",
"minHeight": 64,
"minValueFontSize": 12,
"nonFiniteText": "N/A",
"text": Object {
"darkColor": "#343741",
"lightColor": "#E0E5EE",
},
"textDarkColor": "#343741",
"textLightColor": "#E0E5EE",
"titlesTextAlign": "left",
"valueFontSize": "default",
"valuesTextAlign": "right",
},
"partition": Object {
"circlePadding": 4,
@ -4520,12 +4532,15 @@ exports[`PartitionVisComponent should render correct structure for treemap 1`] =
"barBackground": "#EDF0F5",
"border": "#EDF0F5",
"emptyBackground": "transparent",
"iconAlign": "left",
"minHeight": 64,
"minValueFontSize": 12,
"nonFiniteText": "N/A",
"text": Object {
"darkColor": "#343741",
"lightColor": "#E0E5EE",
},
"textDarkColor": "#343741",
"textLightColor": "#E0E5EE",
"titlesTextAlign": "left",
"valueFontSize": "default",
"valuesTextAlign": "right",
},
"partition": Object {
"circlePadding": 4,
@ -5404,12 +5419,15 @@ exports[`PartitionVisComponent should render correct structure for waffle 1`] =
"barBackground": "#EDF0F5",
"border": "#EDF0F5",
"emptyBackground": "transparent",
"iconAlign": "left",
"minHeight": 64,
"minValueFontSize": 12,
"nonFiniteText": "N/A",
"text": Object {
"darkColor": "#343741",
"lightColor": "#E0E5EE",
},
"textDarkColor": "#343741",
"textLightColor": "#E0E5EE",
"titlesTextAlign": "left",
"valueFontSize": "default",
"valuesTextAlign": "right",
},
"partition": Object {
"circlePadding": 4,

View file

@ -1024,12 +1024,15 @@ exports[`XYChart component it renders area 1`] = `
"barBackground": "#EDF0F5",
"border": "#EDF0F5",
"emptyBackground": "transparent",
"iconAlign": "left",
"minHeight": 64,
"minValueFontSize": 12,
"nonFiniteText": "N/A",
"text": Object {
"darkColor": "#343741",
"lightColor": "#E0E5EE",
},
"textDarkColor": "#343741",
"textLightColor": "#E0E5EE",
"titlesTextAlign": "left",
"valueFontSize": "default",
"valuesTextAlign": "right",
},
"partition": Object {
"circlePadding": 4,
@ -2574,12 +2577,15 @@ exports[`XYChart component it renders bar 1`] = `
"barBackground": "#EDF0F5",
"border": "#EDF0F5",
"emptyBackground": "transparent",
"iconAlign": "left",
"minHeight": 64,
"minValueFontSize": 12,
"nonFiniteText": "N/A",
"text": Object {
"darkColor": "#343741",
"lightColor": "#E0E5EE",
},
"textDarkColor": "#343741",
"textLightColor": "#E0E5EE",
"titlesTextAlign": "left",
"valueFontSize": "default",
"valuesTextAlign": "right",
},
"partition": Object {
"circlePadding": 4,
@ -4124,12 +4130,15 @@ exports[`XYChart component it renders horizontal bar 1`] = `
"barBackground": "#EDF0F5",
"border": "#EDF0F5",
"emptyBackground": "transparent",
"iconAlign": "left",
"minHeight": 64,
"minValueFontSize": 12,
"nonFiniteText": "N/A",
"text": Object {
"darkColor": "#343741",
"lightColor": "#E0E5EE",
},
"textDarkColor": "#343741",
"textLightColor": "#E0E5EE",
"titlesTextAlign": "left",
"valueFontSize": "default",
"valuesTextAlign": "right",
},
"partition": Object {
"circlePadding": 4,
@ -5674,12 +5683,15 @@ exports[`XYChart component it renders line 1`] = `
"barBackground": "#EDF0F5",
"border": "#EDF0F5",
"emptyBackground": "transparent",
"iconAlign": "left",
"minHeight": 64,
"minValueFontSize": 12,
"nonFiniteText": "N/A",
"text": Object {
"darkColor": "#343741",
"lightColor": "#E0E5EE",
},
"textDarkColor": "#343741",
"textLightColor": "#E0E5EE",
"titlesTextAlign": "left",
"valueFontSize": "default",
"valuesTextAlign": "right",
},
"partition": Object {
"circlePadding": 4,
@ -7224,12 +7236,15 @@ exports[`XYChart component it renders stacked area 1`] = `
"barBackground": "#EDF0F5",
"border": "#EDF0F5",
"emptyBackground": "transparent",
"iconAlign": "left",
"minHeight": 64,
"minValueFontSize": 12,
"nonFiniteText": "N/A",
"text": Object {
"darkColor": "#343741",
"lightColor": "#E0E5EE",
},
"textDarkColor": "#343741",
"textLightColor": "#E0E5EE",
"titlesTextAlign": "left",
"valueFontSize": "default",
"valuesTextAlign": "right",
},
"partition": Object {
"circlePadding": 4,
@ -8774,12 +8789,15 @@ exports[`XYChart component it renders stacked bar 1`] = `
"barBackground": "#EDF0F5",
"border": "#EDF0F5",
"emptyBackground": "transparent",
"iconAlign": "left",
"minHeight": 64,
"minValueFontSize": 12,
"nonFiniteText": "N/A",
"text": Object {
"darkColor": "#343741",
"lightColor": "#E0E5EE",
},
"textDarkColor": "#343741",
"textLightColor": "#E0E5EE",
"titlesTextAlign": "left",
"valueFontSize": "default",
"valuesTextAlign": "right",
},
"partition": Object {
"circlePadding": 4,
@ -10324,12 +10342,15 @@ exports[`XYChart component it renders stacked horizontal bar 1`] = `
"barBackground": "#EDF0F5",
"border": "#EDF0F5",
"emptyBackground": "transparent",
"iconAlign": "left",
"minHeight": 64,
"minValueFontSize": 12,
"nonFiniteText": "N/A",
"text": Object {
"darkColor": "#343741",
"lightColor": "#E0E5EE",
},
"textDarkColor": "#343741",
"textLightColor": "#E0E5EE",
"titlesTextAlign": "left",
"valueFontSize": "default",
"valuesTextAlign": "right",
},
"partition": Object {
"circlePadding": 4,
@ -11904,12 +11925,15 @@ exports[`XYChart component split chart should render split chart if both, splitR
"barBackground": "#EDF0F5",
"border": "#EDF0F5",
"emptyBackground": "transparent",
"iconAlign": "left",
"minHeight": 64,
"minValueFontSize": 12,
"nonFiniteText": "N/A",
"text": Object {
"darkColor": "#343741",
"lightColor": "#E0E5EE",
},
"textDarkColor": "#343741",
"textLightColor": "#E0E5EE",
"titlesTextAlign": "left",
"valueFontSize": "default",
"valuesTextAlign": "right",
},
"partition": Object {
"circlePadding": 4,
@ -13692,12 +13716,15 @@ exports[`XYChart component split chart should render split chart if splitColumnA
"barBackground": "#EDF0F5",
"border": "#EDF0F5",
"emptyBackground": "transparent",
"iconAlign": "left",
"minHeight": 64,
"minValueFontSize": 12,
"nonFiniteText": "N/A",
"text": Object {
"darkColor": "#343741",
"lightColor": "#E0E5EE",
},
"textDarkColor": "#343741",
"textLightColor": "#E0E5EE",
"titlesTextAlign": "left",
"valueFontSize": "default",
"valuesTextAlign": "right",
},
"partition": Object {
"circlePadding": 4,
@ -15473,12 +15500,15 @@ exports[`XYChart component split chart should render split chart if splitRowAcce
"barBackground": "#EDF0F5",
"border": "#EDF0F5",
"emptyBackground": "transparent",
"iconAlign": "left",
"minHeight": 64,
"minValueFontSize": 12,
"nonFiniteText": "N/A",
"text": Object {
"darkColor": "#343741",
"lightColor": "#E0E5EE",
},
"textDarkColor": "#343741",
"textLightColor": "#E0E5EE",
"titlesTextAlign": "left",
"valueFontSize": "default",
"valuesTextAlign": "right",
},
"partition": Object {
"circlePadding": 4,

View file

@ -465,12 +465,15 @@ exports[`DonutChart component passes correct props without errors for valid prop
"barBackground": "#EDF0F5",
"border": "#EDF0F5",
"emptyBackground": "transparent",
"iconAlign": "left",
"minHeight": 64,
"minValueFontSize": 12,
"nonFiniteText": "N/A",
"text": Object {
"darkColor": "#343741",
"lightColor": "#E0E5EE",
},
"textDarkColor": "#343741",
"textLightColor": "#E0E5EE",
"titlesTextAlign": "left",
"valueFontSize": "default",
"valuesTextAlign": "right",
},
"partition": Object {
"circlePadding": 4,

View file

@ -155,7 +155,7 @@ export default function ({ getPageObjects, getService }: FtrProviderContext) {
title: 'ios',
subtitle: 'Average machine.ram',
extraText: '',
value: '65,047,486.03',
value: '65,047,486.03%',
color: 'rgba(255, 255, 255, 1)',
trendlineColor: undefined,
showingBar: true,
@ -165,7 +165,7 @@ export default function ({ getPageObjects, getService }: FtrProviderContext) {
title: 'osx',
subtitle: 'Average machine.ram',
extraText: '',
value: '66,144,823.35',
value: '66,144,823.35%',
color: 'rgba(255, 255, 255, 1)',
trendlineColor: undefined,
showingBar: true,
@ -175,7 +175,7 @@ export default function ({ getPageObjects, getService }: FtrProviderContext) {
title: 'win 7',
subtitle: 'Average machine.ram',
extraText: '',
value: '65,933,477.76',
value: '65,933,477.76%',
color: 'rgba(255, 255, 255, 1)',
trendlineColor: undefined,
showingBar: true,
@ -185,7 +185,7 @@ export default function ({ getPageObjects, getService }: FtrProviderContext) {
title: 'win 8',
subtitle: 'Average machine.ram',
extraText: '',
value: '65,157,898.23',
value: '65,157,898.23%',
color: 'rgba(255, 255, 255, 1)',
trendlineColor: undefined,
showingBar: true,
@ -195,7 +195,7 @@ export default function ({ getPageObjects, getService }: FtrProviderContext) {
title: 'win xp',
subtitle: 'Average machine.ram',
extraText: '',
value: '65,365,950.93',
value: '65,365,950.93%',
color: 'rgba(255, 255, 255, 1)',
trendlineColor: undefined,
showingBar: true,

View file

@ -1357,17 +1357,20 @@ export function LensPageProvider({ getService, getPageObjects }: FtrProviderCont
},
async getMetricDatum(tile: WebElementWrapper) {
// using getAttribute('innerText') because getVisibleText() fails when the text overflows the metric panel.
// The reported "visible" text is somewhat inaccurate and just report the full innerText of just the visible DOM elements.
// In the case of Metric, suffixes that are on a sub-element are not considered visible.
return {
title: await (await this.getMetricElementIfExists('h2', tile))?.getVisibleText(),
title: await (await this.getMetricElementIfExists('h2', tile))?.getAttribute('innerText'),
subtitle: await (
await this.getMetricElementIfExists('.echMetricText__subtitle', tile)
)?.getVisibleText(),
)?.getAttribute('innerText'),
extraText: await (
await this.getMetricElementIfExists('.echMetricText__extra', tile)
)?.getVisibleText(),
)?.getAttribute('innerText'),
value: await (
await this.getMetricElementIfExists('.echMetricText__value', tile)
)?.getVisibleText(),
)?.getAttribute('innerText'),
color: await (
await this.getMetricElementIfExists('.echMetric', tile)
)?.getComputedStyle('background-color'),

View file

@ -1658,10 +1658,10 @@
dependencies:
object-hash "^1.3.0"
"@elastic/charts@65.2.0":
version "65.2.0"
resolved "https://registry.yarnpkg.com/@elastic/charts/-/charts-65.2.0.tgz#203496b6471e4845807cb70c48b0990676882ef4"
integrity sha512-yeqascGqvnDABvtYOHgd7sr6cEq5kivFWKaS3UWeb/GpOxk+O4Ef1PlbBxpchgDyInP957SWlhKDmhUFF1Ttzg==
"@elastic/charts@66.0.3":
version "66.0.3"
resolved "https://registry.yarnpkg.com/@elastic/charts/-/charts-66.0.3.tgz#16b2290fd37d7ca4d5eb96bd63b947b59cace39d"
integrity sha512-McCg8X72U4DGqMihlQnuixsCoJEQHAt27lBKYLJWH9n6N/2EUDsdejUPIuiYqCRrEUyUOUq2XcyJMgOw4It50A==
dependencies:
"@popperjs/core" "^2.11.8"
bezier-easing "^2.1.0"