Update dependency @elastic/charts to v65 (main) (elastic#184031)

package.json

@@ -102,7 +102,7 @@
     "@elastic/apm-rum": "^5.16.0",
     "@elastic/apm-rum-core": "^5.21.0",
     "@elastic/apm-rum-react": "^2.0.2",
-    "@elastic/charts": "64.1.0",
+    "@elastic/charts": "65.0.0",
     "@elastic/datemath": "5.0.3",
     "@elastic/ecs": "^8.11.1",
     "@elastic/elasticsearch": "^8.13.0",

src/plugins/chart_expressions/expression_partition_vis/public/components/partition_vis_component.tsx

@@ -39,7 +39,6 @@ import {
 } from '@kbn/expressions-plugin/public';
 import type { FieldFormat } from '@kbn/field-formats-plugin/common';
 import { getOverridesFor } from '@kbn/chart-expressions-common';
-import { PartitionLegendValue } from '@kbn/visualizations-plugin/common/constants';
 import { consolidateMetricColumns } from '../../common/utils';
 import { DEFAULT_PERCENT_DECIMALS } from '../../common/constants';
 import {
@@ -564,7 +563,7 @@ const PartitionVisComponent = (props: PartitionVisComponentProps) => {
                 legendColorPicker={props.uiState ? LegendColorPickerWrapper : undefined}
                 flatLegend={flatLegend}
                 legendSort={customLegendSort}
-                showLegendExtra={visParams.legendStats?.[0] === PartitionLegendValue.Value}
+                legendValues={visParams.legendStats}
                 onElementClick={([elementEvent]) => {
                   // this cast is safe because we are rendering a partition chart
                   const [layerValues] = elementEvent as PartitionElementEvent;

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

@@ -731,10 +731,10 @@ describe('XYChart component', () => {
     });
   });
 
-  test('disabled legend extra by default', () => {
+  test('disabled legend values by default', () => {
     const { args } = sampleArgs();
     const component = shallow(<XYChart {...defaultProps} args={args} />);
-    expect(component.find(Settings).at(0).prop('showLegendExtra')).toEqual(false);
+    expect(component.find(Settings).at(0).prop('legendValues')).toEqual([]);
   });
 
   test('ignores legend extra for ordinal chart', () => {
@@ -748,7 +748,7 @@ describe('XYChart component', () => {
         }}
       />
     );
-    expect(component.find(Settings).at(0).prop('showLegendExtra')).toEqual(false);
+    expect(component.find(Settings).at(0).prop('legendValues')).toEqual([]);
   });
 
   test('shows legend extra for histogram chart', () => {
@@ -766,7 +766,9 @@ describe('XYChart component', () => {
         }}
       />
     );
-    expect(component.find(Settings).at(0).prop('showLegendExtra')).toEqual(true);
+    expect(component.find(Settings).at(0).prop('legendValues')).toEqual([
+      XYLegendValue.CurrentAndLastValue,
+    ]);
   });
 
   test('applies the mark size ratio', () => {

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

@@ -51,7 +51,6 @@ import {
 import {
   DEFAULT_LEGEND_SIZE,
   LegendSizeToPixels,
-  XYLegendValue,
 } from '@kbn/visualizations-plugin/common/constants';
 import { PersistedState } from '@kbn/visualizations-plugin/public';
 import { getOverridesFor, ChartSizeSpec } from '@kbn/chart-expressions-common';
@@ -878,9 +877,7 @@ export function XYChart({
                   )
                 : undefined
             }
-            showLegendExtra={
-              isHistogramViz && legend.legendStats?.[0] === XYLegendValue.CurrentAndLastValue
-            }
+            legendValues={isHistogramViz ? legend.legendStats : []}
             ariaLabel={args.ariaLabel}
             ariaUseDefaultSummary={!args.ariaLabel}
             orderOrdinalBinsBy={

src/plugins/vis_types/timelion/public/components/timelion_vis_component.tsx

@@ -18,6 +18,7 @@ import {
   LayoutDirection,
   Placement,
   Tooltip,
+  LegendValue,
 } from '@elastic/charts';
 import { EuiTitle } from '@elastic/eui';
 import { RangeFilterParams } from '@kbn/es-query';
@@ -207,7 +208,7 @@ export const TimelionVisComponent = ({
           debugState={window._echDebugStateFlag ?? false}
           onBrushEnd={brushEndListener}
           showLegend={legend.showLegend}
-          showLegendExtra={true}
+          legendValues={[LegendValue.CurrentAndLastValue]}
           legendPosition={legend.legendPosition}
           onRenderChange={onRenderChange}
           onPointerUpdate={syncCursor ? handleCursorUpdate : undefined}

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

@@ -11,11 +11,7 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { i18n } from '@kbn/i18n';
 import {
-  MULTILAYER_TIME_AXIS_STYLE,
-  renderEndzoneTooltip,
-  useActiveCursor,
-} from '@kbn/charts-plugin/public';
-import {
+  LegendValue,
   Axis,
   Chart,
   Position,
@@ -27,6 +23,11 @@ import {
   Placement,
   Tooltip,
 } from '@elastic/charts';
+import {
+  MULTILAYER_TIME_AXIS_STYLE,
+  renderEndzoneTooltip,
+  useActiveCursor,
+} from '@kbn/charts-plugin/public';
 import { EuiIcon } from '@elastic/eui';
 import { getTimeZone } from '@kbn/visualization-utils';
 import { getUISettings, getCharts } from '../../../../services';
@@ -183,7 +184,7 @@ export const TimeSeries = ({
       <Settings
         debugState={window._echDebugStateFlag ?? false}
         showLegend={legend}
-        showLegendExtra={true}
+        legendValues={[LegendValue.CurrentAndLastValue]}
         onRenderChange={onRenderChange}
         allowBrushingLastHistogramBin={true}
         legendPosition={legendPosition}

test/functional/apps/visualize/group5/_tsvb_time_series.ts

@@ -433,11 +433,11 @@ export default function ({ getPageObjects, getService }: FtrProviderContext) {
             await visualBuilder.clickSeriesLegendItem('png');
             await visualBuilder.clickSeriesLegendItem('php');
             legendNames = await visualBuilder.getLegendNames();
-            expect(legendNames).to.eql(['jpg', 'css', 'gif']);
+            expect(legendNames).to.eql(['png', 'php']);
 
             await visualize.clickRefresh(true);
             legendNames = await visualBuilder.getLegendNames();
-            expect(legendNames).to.eql(['jpg', 'css', 'gif']);
+            expect(legendNames).to.eql(['png', 'php']);
           });
         });
 

x-pack/packages/ml/aiops_components/src/document_count_chart/document_count_chart.tsx

@@ -492,7 +492,6 @@ export const DocumentCountChart: FC<DocumentCountChartProps> = (props) => {
             baseTheme={chartBaseTheme}
             debugState={window._echDebugStateFlag ?? false}
             showLegend={false}
-            showLegendExtra={false}
             locale={i18n.getLocale()}
           />
           <Axis id="aiops-histogram-left-axis" position={Position.Left} ticks={2} integersOnly />

x-pack/plugins/data_visualizer/public/application/data_drift/document_count_chart_single_brush/document_count_chart_singular.tsx

@@ -427,7 +427,6 @@ export const DocumentCountChartWithBrush: FC<DocumentCountChartProps> = (props)
             baseTheme={chartBaseTheme}
             debugState={window._echDebugStateFlag ?? false}
             showLegend={false}
-            showLegendExtra={false}
             locale={i18n.getLocale()}
           />
           <Axis

x-pack/plugins/observability_solution/apm/public/components/app/error_group_details/distribution/index.tsx

@@ -16,6 +16,7 @@ import {
   Tooltip,
   LIGHT_THEME,
   DARK_THEME,
+  LegendValue,
 } from '@elastic/charts';
 import { EuiTitle } from '@elastic/eui';
 import { i18n } from '@kbn/i18n';
@@ -94,7 +95,7 @@ export function ErrorDistribution({ distribution, title, fetchStatus }: Props) {
           <Settings
             xDomain={{ min, max }}
             showLegend
-            showLegendExtra
+            legendValues={[LegendValue.CurrentAndLastValue]}
             legendPosition={Position.Bottom}
             theme={theme.darkMode ? DARK_THEME : LIGHT_THEME}
             locale={i18n.getLocale()}