Update dependency @elastic/charts to v40.2.0 (main) (#120230)

package.json

@@ -103,7 +103,7 @@
     "@elastic/apm-rum": "^5.10.0",
     "@elastic/apm-rum-react": "^1.3.2",
     "@elastic/apm-synthtrace": "link:bazel-bin/packages/elastic-apm-synthtrace",
-    "@elastic/charts": "40.1.0",
+    "@elastic/charts": "40.2.0",
     "@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",

renovate.json

@@ -26,7 +26,7 @@
       "matchPackageNames": ["@elastic/charts"],
       "reviewers": ["team:datavis"],
       "matchBaseBranches": ["main"],
-      "labels": ["release_note:skip", "v8.0.0", "v7.16.0", "auto-backport"],
+      "labels": ["release_note:skip", "auto-backport", "Team:DataVis", "v8.1.0", "v7.17.0"],
       "draftPR": true,
       "enabled": true
     },
@@ -35,7 +35,7 @@
       "matchPackageNames": ["@elastic/elasticsearch"],
       "reviewers": ["team:kibana-operations", "team:kibana-core"],
       "matchBaseBranches": ["main"],
-      "labels": ["release_note:skip", "v8.0.0", "Team:Operations", "Team:Core", "backport:skip"],
+      "labels": ["release_note:skip", "backport:skip", "Team:Operations", "Team:Core", "v8.1.0"],
       "enabled": true
     },
     {

src/plugins/vis_types/timelion/public/components/series/area.tsx

@@ -9,7 +9,14 @@
 // @ts-ignore
 import chroma from 'chroma-js';
 import React from 'react';
-import { AreaSeries, ScaleType, CurveType, AreaSeriesStyle, PointShape } from '@elastic/charts';
+import {
+  AreaSeries,
+  ScaleType,
+  CurveType,
+  AreaSeriesStyle,
+  PointShape,
+  RecursivePartial,
+} from '@elastic/charts';
 import type { VisSeries } from '../../../common/vis_data';
 
 interface AreaSeriesComponentProps {
@@ -54,7 +61,7 @@ const getAreaSeriesStyle = ({ color, lines, points }: AreaSeriesComponentProps['
       shape: points?.symbol === 'cross' ? PointShape.X : points?.symbol,
     },
     curve: lines?.steps ? CurveType.CURVE_STEP : CurveType.LINEAR,
-  } as AreaSeriesStyle);
+  } as RecursivePartial<AreaSeriesStyle>);
 
 export const AreaSeriesComponent = ({ index, groupId, visData }: AreaSeriesComponentProps) => (
   <AreaSeries

x-pack/plugins/apm/typings/timeseries.ts

@@ -11,10 +11,10 @@ import {
   Fit,
   FitConfig,
   LineSeriesStyle,
+  RecursivePartial,
   SeriesColorAccessorFn,
   SeriesColorsArray,
 } from '@elastic/charts';
-import { DeepPartial } from 'utility-types';
 import { Maybe } from '../typings/common';
 
 export interface Coordinate {
@@ -64,8 +64,8 @@ export interface APMChartSpec<
   y0Accessors?: Accessor;
   splitSeriesAccessors?: Accessor;
   markSizeAccessor?: string | AccessorFn;
-  lineSeriesStyle?: DeepPartial<LineSeriesStyle>;
+  lineSeriesStyle?: RecursivePartial<LineSeriesStyle>;
-  areaSeriesStyle?: DeepPartial<AreaSeriesStyle>;
+  areaSeriesStyle?: RecursivePartial<AreaSeriesStyle>;
   groupId?: string;
 }
 

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

@@ -30,6 +30,22 @@ exports[`DonutChart component passes correct props without errors for valid prop
               "opacity": 0.3,
               "visible": true,
             },
+            "fit": Object {
+              "area": Object {
+                "fill": "__use__series__color__",
+                "opacity": 0.15,
+                "visible": true,
+              },
+              "line": Object {
+                "dash": Array [
+                  5,
+                  5,
+                ],
+                "opacity": 1,
+                "stroke": "__use__series__color__",
+                "visible": true,
+              },
+            },
             "line": Object {
               "opacity": 1,
               "strokeWidth": 1,
@@ -260,6 +276,17 @@ exports[`DonutChart component passes correct props without errors for valid prop
             "verticalWidth": 200,
           },
           "lineSeriesStyle": Object {
+            "fit": Object {
+              "line": Object {
+                "dash": Array [
+                  5,
+                  5,
+                ],
+                "opacity": 1,
+                "stroke": "__use__series__color__",
+                "visible": true,
+              },
+            },
             "line": Object {
               "opacity": 1,
               "strokeWidth": 1,

yarn.lock

@@ -1527,10 +1527,10 @@
   dependencies:
     object-hash "^1.3.0"
 
-"@elastic/charts@40.1.0":
+"@elastic/charts@40.2.0":
-  version "40.1.0"
+  version "40.2.0"
-  resolved "https://registry.yarnpkg.com/@elastic/charts/-/charts-40.1.0.tgz#2cb19709ad6fb70ac5f96556bbccee2205ec0600"
+  resolved "https://registry.yarnpkg.com/@elastic/charts/-/charts-40.2.0.tgz#2e329ce4f495731f478cbaf2f8f3b89b5167a65b"
-  integrity sha512-t3BCeSdILVKM+iXboTXD4y8mqrNnLUzlX/t6+NDjx2eBcAcfJ4Rr4FtAJBr16YtHlQZNxoFEMHAiRnBpwhxv8A==
+  integrity sha512-N0t7YK58Kce/s9LEgaocrD75NYuFMwrcI1QNIPcwZ9IAOHY8/9yRHD5Ipoz0caGibAgOE8OunGkpyPY/NHKB5Q==
   dependencies:
     "@popperjs/core" "^2.4.0"
     chroma-js "^2.1.0"
@@ -1540,7 +1540,7 @@
     d3-collection "^1.0.7"
     d3-interpolate "^1.4.0"
     d3-scale "^1.0.7"
-    d3-shape "^1.3.4"
+    d3-shape "^2.0.0"
     luxon "^1.25.0"
     prop-types "^15.7.2"
     re-reselect "^3.4.0"
@@ -11364,7 +11364,7 @@ d3-selection@^1.0.2, d3-selection@^1.1.0:
   resolved "https://registry.yarnpkg.com/d3-selection/-/d3-selection-1.4.1.tgz#98eedbbe085fbda5bafa2f9e3f3a2f4d7d622a98"
   integrity sha512-BTIbRjv/m5rcVTfBs4AMBLKs4x8XaaLkwm28KWu9S2vKNqXkXt2AH2Qf0sdPZHjFxcWg/YL53zcqAz+3g4/7PA==
 
-d3-shape@^1.1.0, d3-shape@^1.2.0, d3-shape@^1.3.4:
+d3-shape@^1.1.0, d3-shape@^1.2.0:
   version "1.3.7"
   resolved "https://registry.yarnpkg.com/d3-shape/-/d3-shape-1.3.7.tgz#df63801be07bc986bc54f63789b4fe502992b5d7"
   integrity sha512-EUkvKjqPFUAZyOlhY5gzCxCeI0Aep04LwIRpsZ/mLFelJiUfnK56jo5JMDSE7yyP2kLSb6LtF+S5chMk7uqPqw==