Update dependency @elastic/charts to v48 (main) (#139859)

* Update dependency @elastic/charts to v48

* Update renovate.json

* fix: switch to a 2 layer time axis instead of 3

* test: update test with new layers count

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Nick Partridge <nick.ryan.partridge@gmail.com>
Co-authored-by: Robert Monfera <monfera@users.noreply.github.com>
Co-authored-by: Marco Vettorello <marco.vettorello@elastic.co>

package.json

@@ -105,7 +105,7 @@
     "@dnd-kit/utilities": "^2.0.0",
     "@elastic/apm-rum": "^5.12.0",
     "@elastic/apm-rum-react": "^1.4.2",
-    "@elastic/charts": "47.2.1",
+    "@elastic/charts": "48.0.0",
     "@elastic/datemath": "5.0.3",
     "@elastic/elasticsearch": "npm:@elastic/elasticsearch-canary@8.3.0-canary.1",
     "@elastic/ems-client": "8.3.3",

renovate.json

@@ -27,7 +27,7 @@
       "matchPackageNames": ["@elastic/charts"],
       "reviewers": ["team:datavis", "markov00", "nickofthyme"],
       "matchBaseBranches": ["main"],
-      "labels": ["release_note:skip", "auto-backport", "Team:DataVis"],
+      "labels": ["release_note:skip", "backport:skip", "Team:DataVis"],
       "draftPR": true,
       "enabled": true,
       "assignAutomerge": true,

src/plugins/chart_expressions/expression_xy/public/components/xy_chart.test.tsx

@@ -316,7 +316,7 @@ describe('XYChart component', () => {
 
         const axisStyle = instance.find(Axis).first().prop('timeAxisLayerCount');
 
-        expect(axisStyle).toBe(3);
+        expect(axisStyle).toBe(2);
       });
       test('it should disable the new time axis for a vertical bar with break down dimension', () => {
         const timeLayer: DataLayerConfig = {
@@ -366,7 +366,7 @@ describe('XYChart component', () => {
 
         const axisStyle = instance.find(Axis).first().prop('timeAxisLayerCount');
 
-        expect(axisStyle).toBe(3);
+        expect(axisStyle).toBe(2);
       });
     });
     describe('endzones', () => {

src/plugins/chart_expressions/expression_xy/public/components/xy_chart.tsx

@@ -927,7 +927,7 @@ export function XYChart({
             style={xAxisStyle}
             showOverlappingLabels={xAxisConfig?.showOverlappingLabels}
             showDuplicatedTicks={xAxisConfig?.showDuplicates}
-            timeAxisLayerCount={shouldUseNewTimeAxis ? 3 : 0}
+            timeAxisLayerCount={shouldUseNewTimeAxis ? 2 : 0}
           />
           {isSplitChart && splitTable && (
             <SplitChart

src/plugins/vis_types/timeseries/public/application/visualizations/views/timeseries/index.js

@@ -357,7 +357,7 @@ export const TimeSeries = ({
         tickFormat={xAxisFormatter}
         gridLine={gridLineStyle}
         style={shouldUseNewTimeAxis ? MULTILAYER_TIME_AXIS_STYLE : undefined}
-        timeAxisLayerCount={shouldUseNewTimeAxis ? 3 : 0}
+        timeAxisLayerCount={shouldUseNewTimeAxis ? 2 : 0}
       />
     </Chart>
   );

yarn.lock

@@ -1478,10 +1478,10 @@
   dependencies:
     object-hash "^1.3.0"
 
-"@elastic/charts@47.2.1":
-  version "47.2.1"
-  resolved "https://registry.yarnpkg.com/@elastic/charts/-/charts-47.2.1.tgz#a3fcd0d4dbccd7528d62a55dbbe8d11050d2b191"
-  integrity sha512-OeEfr0eO758BzS/IjSxW/O0cu9AvmpQ/dmy15E1Wz5hRTi+0hgHkW/vSOKju5/UHB6ulX36uRmHAJ1x5zuQ3MQ==
+"@elastic/charts@48.0.0":
+  version "48.0.0"
+  resolved "https://registry.yarnpkg.com/@elastic/charts/-/charts-48.0.0.tgz#ccbbe7507102f078b80285e045a421105c0fc780"
+  integrity sha512-sj0L0JKU3KLJw0Ci1RzSj5WkhGc7ptAft/ulunF+w0i5vG7qgDdbnemCvRIPkgGiu2AnAnIj/bkK3IcxpAbmGA==
   dependencies:
     "@popperjs/core" "^2.4.0"
     bezier-easing "^2.1.0"
@@ -1502,7 +1502,7 @@
     resize-observer-polyfill "^1.5.1"
     ts-debounce "^4.0.0"
     utility-types "^3.10.0"
-    uuid "^3.3.2"
+    uuid "^8.3.2"
 
 "@elastic/datemath@5.0.3":
   version "5.0.3"