@gooddata/sdk-ui-charts 11.40.0 → 11.41.0-alpha.1

package/NOTICE

@@ -7,9 +7,9 @@
 
 The following 3rd-party software packages may be used by or distributed with gooddata-ui-sdk. Any information relevant to third-party vendors listed below are collected using common, reasonable means.
 
-Date generated: 2026-6-3
+Date generated: 2026-6-4
 
-Revision ID: b9738773036699fe93297bb03e2fa59ed72696e9
+Revision ID: a7fab12176348facd5a01002c6136fbda5f84b80
 
 ================================================================================
 ================================================================================
@@ -38775,4 +38775,4 @@ POSSIBILITY OF SUCH DAMAGE.
 --------------------------------------------------------------------------------
 --------------------------------------------------------------------------------
 
-Report Generated by FOSSA on 2026-6-3
+Report Generated by FOSSA on 2026-6-4

package/esm/highcharts/ChartTransformation.d.ts

@@ -2,7 +2,7 @@ import { type ReactElement } from "react";
 import { type IDataView } from "@gooddata/sdk-backend-spi";
 import { type ITheme } from "@gooddata/sdk-model";
 import { type ExplicitDrill, type OnFiredDrillEvent } from "@gooddata/sdk-ui";
-import { type ITooltipExecutionBundle } from "@gooddata/sdk-ui-vis-commons";
+import { type ITooltipExecution } from "@gooddata/sdk-ui-vis-commons";
 import { type IChartConfig } from "../interfaces/chartConfig.js";
 import { type OnLegendReady } from "../interfaces/chartProps.js";
 import { type IHighChartsRendererProps } from "./adapter/HighChartsRenderer.js";
@@ -26,6 +26,6 @@ export interface IChartTransformationProps {
     theme?: ITheme;
     pushData?(data: any): void;
     renderer?(arg: IHighChartsRendererProps): ReactElement;
-    tooltipExecution?: ITooltipExecutionBundle;
+    tooltipExecution?: ITooltipExecution;
 }
 export declare const ChartTransformation: import("react").MemoExoticComponent<import("react").ComponentType<Omit<IChartTransformationProps, "theme" | "themeIsLoading" | "themeStatus">>>;

package/esm/highcharts/ChartTransformation.js

@@ -1,13 +1,13 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 // (C) 2007-2026 GoodData Corporation
-import { memo, useEffect, useMemo, useRef } from "react";
+import { memo, useEffect, useRef } from "react";
 import Highcharts from "highcharts/esm/highcharts.js";
 import { isEqual, omitBy } from "lodash-es";
-import { defineMessages, useIntl } from "react-intl";
+import { useIntl } from "react-intl";
 import { invariant } from "ts-invariant";
 import { anomaliesTitleFromIntl, clusterTitleFromIntl, convertDrillableItemsToPredicates, emptyHeaderTitleFromIntl, totalColumnTitleFromIntl, } from "@gooddata/sdk-ui";
 import { withTheme } from "@gooddata/sdk-ui-theme-provider";
-import { useTooltipLookup, } from "@gooddata/sdk-ui-vis-commons";
+import { useTooltipLookup } from "@gooddata/sdk-ui-vis-commons";
 import { initChartPlugins } from "./adapter/chartPlugins.js";
 import { HighChartsMeasuredRenderer } from "./adapter/HighChartsMeasuredRenderer.js";
 import { HighChartsRenderer, renderChart as chartRenderer, renderLegend as legendRenderer, } from "./adapter/HighChartsRenderer.js";
@@ -17,10 +17,6 @@ import { getHighchartsOptions } from "./chartTypes/_chartCreators/highChartsCrea
 import { getDataTooLargeErrorMessage, getIsFilteringRecommended, validateData, } from "./chartTypes/_chartOptions/chartLimits.js";
 import { getChartOptions } from "./chartTypes/_chartOptions/chartOptionsBuilder.js";
 import { isChartSupported, stringifyChartTypes } from "./chartTypes/_util/common.js";
-const customTooltipMessages = defineMessages({
-    noData: { id: "richText.no_data" },
-    multipleItems: { id: "richText.multiple_data" },
-});
 export function renderHighCharts(props) {
     const childrenRenderer = (contentRect) => (_jsx(HighChartsRenderer, { contentRect: contentRect, ...props }));
     return _jsx(HighChartsMeasuredRenderer, { childrenRenderer: childrenRenderer });
@@ -29,23 +25,20 @@ function ChartTransformationImpl({ config, renderer = renderHighCharts, dataView
     const intl = useIntl();
     const visType = config.type;
     const drillablePredicates = convertDrillableItemsToPredicates(drillableItems);
-    const tooltipLocalizedStrings = useMemo(() => ({
-        noData: `(${intl.formatMessage(customTooltipMessages.noData)})`,
-        multipleItems: `(${intl.formatMessage(customTooltipMessages.multipleItems)})`,
-    }), [intl]);
-    // Execute the secondary tooltip execution and build the lookup table.
-    // `undefined` until the first result lands; `getCustomTooltipSection` treats
-    // it as "no external values" and falls back to in-chart drill intersection.
-    const tooltipLookup = useTooltipLookup(tooltipExecution, config.separators, tooltipLocalizedStrings);
+    // `undefined` until the first result lands (treated as "no external values").
+    // Placeholder strings are applied later, at render time, in formatTooltip.
+    const tooltipLookup = useTooltipLookup(tooltipExecution, config.separators);
     const customTooltipRuntimeRef = useRef({});
     const chartOptions = getChartOptions(dataView, config, drillablePredicates, emptyHeaderTitleFromIntl(intl), theme, totalColumnTitleFromIntl(intl), clusterTitleFromIntl(intl), anomaliesTitleFromIntl(intl));
     if (config.customTooltip?.enabled) {
         customTooltipRuntimeRef.current.identifierMapping = buildIdentifierMapping(dataView.definition, config.type);
-        customTooltipRuntimeRef.current.tooltipLookup = tooltipLookup;
+        customTooltipRuntimeRef.current.tooltipLookup = tooltipLookup?.lookup;
+        customTooltipRuntimeRef.current.erroredRefs = tooltipLookup?.erroredRefs;
     }
     else {
         customTooltipRuntimeRef.current.identifierMapping = undefined;
         customTooltipRuntimeRef.current.tooltipLookup = undefined;
+        customTooltipRuntimeRef.current.erroredRefs = undefined;
     }
     chartOptions.customTooltipRuntime = customTooltipRuntimeRef.current;
     const legendOptions = buildLegendOptions(config.legend, chartOptions, theme, intl);

package/esm/highcharts/chartTypes/_chartCreators/customConfiguration.js

@@ -1,19 +1,17 @@
 // (C) 2007-2026 GoodData Corporation
 import cx from "classnames";
 import { compact, isEmpty, merge, partial, pickBy } from "lodash-es";
-import { defineMessages } from "react-intl";
 import { ClientFormatterFacade } from "@gooddata/number-formatter";
 import { isMeasureFormatInPercent } from "@gooddata/sdk-model";
 import { VisualizationTypes } from "@gooddata/sdk-ui";
-import { composeCustomTooltipSectionHtml, getLighterColor, isPatternObject, } from "@gooddata/sdk-ui-vis-commons";
+import { buildTooltipLocalizedStrings, getLighterColor, isPatternObject } from "@gooddata/sdk-ui-vis-commons";
 import { isHighContrastMode } from "../../utils/highContrastMode.js";
 import { supportedDualAxesChartTypes, supportedTooltipFollowPointerChartTypes, } from "../_chartOptions/chartCapabilities.js";
 import { AXIS_LINE_COLOR } from "../_util/color.js";
 import { isAreaChart, isBarChart, isBubbleChart, isBulletChart, isColumnChart, isComboChart, isHeatmap, isInvertedChartType, isOneOfTypes, isRotationInRange, isScatterPlot, isSupportingJoinedAttributeAxisName, percentFormatter, } from "../_util/common.js";
 import { canComboChartBeStackedInPercent } from "../comboChart/comboChartOptions.js";
 import { HOVER_BRIGHTNESS, MINIMUM_HC_SAFE_BRIGHTNESS } from "./commonConfiguration.js";
-import { resolveReferencesFromPoint } from "./customTooltip/referenceResolver.js";
-import { buildPointKey } from "./customTooltip/tooltipLookup.js";
+import { getCustomTooltipSection, getCustomTooltipSeparator } from "./customTooltip/section.js";
 import { formatAsPercent, getLabelsStyling, getLabelsVisibilityConfig, getTotalsVisibility, getTotalsVisibilityConfig, } from "./dataLabelsHelpers.js";
 import { getAxisLabelConfigurationForDualBarChart } from "./getAxisLabelConfigurationForDualBarChart.js";
 import { getAxisNameConfiguration } from "./getAxisNameConfiguration.js";
@@ -43,10 +41,6 @@ const HEATMAP_DATA_LABELS_LIMIT = 150;
 const TOOLTIP_FULLSCREEN_THRESHOLD = 480;
 export const TOOLTIP_PADDING = 24; // padding of tooltip container - defined by CSS
 export const TOOLTIP_VIEWPORT_MARGIN_TOP = 20;
-const customTooltipMessages = defineMessages({
-    noFetch: { id: "richText.no_fetch" },
-    noData: { id: "richText.no_data" },
-});
 const BAR_WIDTH_WHEN_TOTAL_LABELS_AVAILABLE = "90%";
 const escapeAngleBrackets = (str) => {
     return str?.replace(/</g, "&lt;")?.replace(/>/g, "&gt;");
@@ -266,29 +260,6 @@ function getColorFromHighchartsPointColor(color) {
     }
     return defaultColor;
 }
-function getCustomTooltipSection(point, fallbackText, noDataLabel, chartConfig, customTooltipRuntime) {
-    const customTooltip = chartConfig?.customTooltip;
-    if (!customTooltip?.enabled || !customTooltip.content) {
-        return "";
-    }
-    // External values from the precomputed lookup (refs not in the chart).
-    const intersection = point.drillIntersection ?? [];
-    const pointKey = buildPointKey(intersection);
-    const externalValues = customTooltipRuntime?.tooltipLookup?.get(pointKey) ?? {};
-    // In-chart values from the hovered point's drill intersection.
-    const pointLocal = resolveReferencesFromPoint(point, chartConfig?.separators, customTooltipRuntime?.identifierMapping, noDataLabel);
-    return composeCustomTooltipSectionHtml(customTooltip.content, pointLocal, externalValues, fallbackText);
-}
-function getCustomTooltipSeparator(chartConfig) {
-    const customTooltip = chartConfig?.customTooltip;
-    if (!customTooltip?.enabled || !customTooltip.content) {
-        return "";
-    }
-    if (customTooltip.placement === "replace") {
-        return "";
-    }
-    return `<div class="gd-viz-tooltip-custom-separator"></div>`;
-}
 function formatTooltip(tooltipCallback, chartConfig, customTooltipRuntime, intl) {
     const { chart } = this.series;
     const pointColor = getColorFromHighchartsPointColor(this.color);
@@ -309,11 +280,8 @@ function formatTooltip(tooltipCallback, chartConfig, customTooltipRuntime, intl)
     const tooltipContent = tooltipCallback(tooltipPoint, maxTooltipContentWidth, this.percentage);
     const interactionMessage = getInteractionMessage(isDrillable, chartConfig, intl);
     const anomalyMessage = getAnomalyMessage(this.anomaly, intl);
-    const fallbackText = intl
-        ? `(${intl.formatMessage(customTooltipMessages.noFetch)})`
-        : "(Data could not be retrieved)";
-    const noDataLabel = intl ? `(${intl.formatMessage(customTooltipMessages.noData)})` : "(No data)";
-    const customSection = getCustomTooltipSection(tooltipPoint, fallbackText, noDataLabel, chartConfig, customTooltipRuntime);
+    const localizedStrings = buildTooltipLocalizedStrings(intl);
+    const customSection = getCustomTooltipSection(tooltipPoint, localizedStrings, chartConfig, customTooltipRuntime);
     const placement = chartConfig?.customTooltip?.placement ?? "above";
     const defaultContent = placement === "replace" ? "" : (tooltipContent ?? "");
     const defaultSectionWithInteraction = defaultContent

package/esm/highcharts/chartTypes/_chartCreators/customTooltip/referenceResolver.d.ts

@@ -1,3 +1,10 @@
+/**
+ * Highcharts-specific reference resolution for custom tooltip content.
+ *
+ * The pure substitution function (`resolveReferences`) and the value lookup
+ * shape (`IResolvedReferenceValues`) live in @gooddata/sdk-ui-vis-commons; this
+ * file builds the lookup from a hovered Highcharts point's drill intersection.
+ */
 import { type ISeparators } from "@gooddata/sdk-model";
 import { type IResolvedReferenceValues } from "@gooddata/sdk-ui-vis-commons";
 import { type IUnsafeHighchartsTooltipPoint } from "../../../typings/unsafe.js";
@@ -14,4 +21,4 @@ import { type IIdentifierMapping } from "./identifierMapping.js";
  * resolver falls back to `point.y`, which is correct for the single-Y chart
  * family.
  */
-export declare function resolveReferencesFromPoint(point: IUnsafeHighchartsTooltipPoint, separators: ISeparators | undefined, identifierMapping: IIdentifierMapping | undefined, noDataLabel: string): IResolvedReferenceValues;
+export declare function resolveReferencesFromPoint(point: IUnsafeHighchartsTooltipPoint, separators: ISeparators | undefined, identifierMapping: IIdentifierMapping | undefined): IResolvedReferenceValues;

package/esm/highcharts/chartTypes/_chartCreators/customTooltip/referenceResolver.js

@@ -6,9 +6,9 @@
  * shape (`IResolvedReferenceValues`) live in @gooddata/sdk-ui-vis-commons; this
  * file builds the lookup from a hovered Highcharts point's drill intersection.
  */
-import { ClientFormatterFacade } from "@gooddata/number-formatter";
 import { isMeasureDescriptor } from "@gooddata/sdk-model";
 import { isDrillIntersectionAttributeItem } from "@gooddata/sdk-ui";
+import { labelKey, labelReference, measureReference, metricKey, } from "@gooddata/sdk-ui-vis-commons";
 /**
  * Builds resolved values from the hovered point's drill intersection.
  *
@@ -21,7 +21,7 @@ import { isDrillIntersectionAttributeItem } from "@gooddata/sdk-ui";
  * resolver falls back to `point.y`, which is correct for the single-Y chart
  * family.
  */
-export function resolveReferencesFromPoint(point, separators, identifierMapping, noDataLabel) {
+export function resolveReferencesFromPoint(point, separators, identifierMapping) {
     const intersection = point.drillIntersection ?? [];
     const values = {};
     const measureMap = identifierMapping?.measures ?? {};
@@ -32,10 +32,11 @@ export function resolveReferencesFromPoint(point, separators, identifierMapping,
             const displayFormId = header.attributeHeader.identifier;
             const attributeId = header.attributeHeader.formOf.identifier;
             const displayValue = header.attributeHeaderItem.formattedName ?? header.attributeHeaderItem.name ?? undefined;
+            const status = labelReference(displayValue);
             // Register under both display form and attribute identifiers
-            values[`label/${displayFormId}`] = displayValue;
+            values[labelKey(displayFormId)] = status;
             if (attributeId !== displayFormId) {
-                values[`label/${attributeId}`] = displayValue;
+                values[labelKey(attributeId)] = status;
             }
         }
         else if (isMeasureDescriptor(header)) {
@@ -51,19 +52,7 @@ export function resolveReferencesFromPoint(point, separators, identifierMapping,
             // `isNullTarget` flag — read the flag so it surfaces as no-data
             // rather than a formatted zero.
             const rawValue = pointField === "target" && point["isNullTarget"] ? null : point[pointField];
-            if (rawValue == null) {
-                // In-chart point with a null value — emit the no-data sentinel
-                // so the custom section reads "(No data)" instead of falling
-                // through to the resolution-failure fallback text.
-                values[`metric/${ldmId}`] = noDataLabel;
-            }
-            else if (format) {
-                const { formattedValue } = ClientFormatterFacade.formatValue(rawValue, format, separators);
-                values[`metric/${ldmId}`] = formattedValue;
-            }
-            else {
-                values[`metric/${ldmId}`] = String(rawValue);
-            }
+            values[metricKey(ldmId)] = measureReference(rawValue, format, separators);
         }
     }
     return values;

package/esm/highcharts/chartTypes/_chartCreators/customTooltip/section.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Assembles the custom-tooltip section / separator HTML for a hovered Highcharts
+ * point: external values from the precomputed lookup (with errored references
+ * overlaid), merged with in-chart values from the point's drill intersection.
+ * Lives in the customTooltip module rather than the general chart-config file.
+ */
+import { type ITooltipLocalizedStrings } from "@gooddata/sdk-ui-vis-commons";
+import { type IChartConfig } from "../../../../interfaces/chartConfig.js";
+import { type ICustomTooltipRuntime, type IUnsafeHighchartsTooltipPoint } from "../../../typings/unsafe.js";
+/**
+ * @internal
+ */
+export declare function getCustomTooltipSection(point: IUnsafeHighchartsTooltipPoint, localizedStrings: ITooltipLocalizedStrings, chartConfig?: IChartConfig, customTooltipRuntime?: ICustomTooltipRuntime): string;
+/**
+ * @internal
+ */
+export declare function getCustomTooltipSeparator(chartConfig?: IChartConfig): string;

package/esm/highcharts/chartTypes/_chartCreators/customTooltip/section.js

@@ -0,0 +1,44 @@
+// (C) 2026 GoodData Corporation
+/**
+ * Assembles the custom-tooltip section / separator HTML for a hovered Highcharts
+ * point: external values from the precomputed lookup (with errored references
+ * overlaid), merged with in-chart values from the point's drill intersection.
+ * Lives in the customTooltip module rather than the general chart-config file.
+ */
+import { composeCustomTooltipSectionHtml, } from "@gooddata/sdk-ui-vis-commons";
+import { resolveReferencesFromPoint } from "./referenceResolver.js";
+import { buildPointKey } from "./tooltipLookup.js";
+/**
+ * @internal
+ */
+export function getCustomTooltipSection(point, localizedStrings, chartConfig, customTooltipRuntime) {
+    const customTooltip = chartConfig?.customTooltip;
+    if (!customTooltip?.enabled || !customTooltip.content) {
+        return "";
+    }
+    // External values from the lookup, with errored references overlaid as errors.
+    const intersection = point.drillIntersection ?? [];
+    const pointKey = buildPointKey(intersection);
+    const externalValues = {
+        ...(customTooltipRuntime?.tooltipLookup?.get(pointKey) ?? {}),
+    };
+    for (const key of customTooltipRuntime?.erroredRefs ?? []) {
+        externalValues[key] = { kind: "error" };
+    }
+    // In-chart values from the hovered point's drill intersection.
+    const pointLocal = resolveReferencesFromPoint(point, chartConfig?.separators, customTooltipRuntime?.identifierMapping);
+    return composeCustomTooltipSectionHtml(customTooltip.content, pointLocal, externalValues, localizedStrings);
+}
+/**
+ * @internal
+ */
+export function getCustomTooltipSeparator(chartConfig) {
+    const customTooltip = chartConfig?.customTooltip;
+    if (!customTooltip?.enabled || !customTooltip.content) {
+        return "";
+    }
+    if (customTooltip.placement === "replace") {
+        return "";
+    }
+    return `<div class="gd-viz-tooltip-custom-separator"></div>`;
+}

package/esm/highcharts/typings/unsafe.d.ts

@@ -155,6 +155,7 @@ export interface IChartOptions {
 export interface ICustomTooltipRuntime {
     identifierMapping?: IIdentifierMapping;
     tooltipLookup?: Map<string, IResolvedReferenceValues>;
+    erroredRefs?: ReadonlySet<string>;
 }
 export interface IPatternOptionsObject {
     path: SVGAttributes;

package/esm/interfaces/chartProps.d.ts

@@ -1,7 +1,7 @@
 import { type IAnalyticalBackend, type IClusteringConfig, type IForecastConfig, type IOutliersConfig, type IPreparedExecution } from "@gooddata/sdk-backend-spi";
 import { type IExecutionConfig } from "@gooddata/sdk-model";
 import { type IVisualizationCallbacks, type IVisualizationProps } from "@gooddata/sdk-ui";
-import { type ITooltipExecutionBundle } from "@gooddata/sdk-ui-vis-commons";
+import { type ITooltipExecution } from "@gooddata/sdk-ui-vis-commons";
 import { type IChartConfig } from "./chartConfig.js";
 /**
  * Props applicable for all charts
@@ -114,5 +114,5 @@ export interface ICoreChartProps extends ICommonChartProps {
      * sliced by the chart's attributes.
      * @internal
      */
-    tooltipExecution?: ITooltipExecutionBundle;
+    tooltipExecution?: ITooltipExecution;
 }

package/esm/sdk-ui-charts.d.ts

@@ -52,7 +52,7 @@ import { ISeparators } from '@gooddata/sdk-model';
 import { ISettings } from '@gooddata/sdk-model';
 import { ISortItem } from '@gooddata/sdk-model';
 import { ITheme } from '@gooddata/sdk-model';
-import { ITooltipExecutionBundle } from '@gooddata/sdk-ui-vis-commons';
+import { ITooltipExecution } from '@gooddata/sdk-ui-vis-commons';
 import { IVisualizationCallbacks } from '@gooddata/sdk-ui';
 import { IVisualizationProps } from '@gooddata/sdk-ui';
 import { JSX } from 'react/jsx-runtime';
@@ -1517,7 +1517,7 @@ export declare interface ICoreChartProps extends ICommonChartProps {
      * sliced by the chart's attributes.
      * @internal
      */
-    tooltipExecution?: ITooltipExecutionBundle;
+    tooltipExecution?: ITooltipExecution;
 }
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gooddata/sdk-ui-charts",
-  "version": "11.40.0",
+  "version": "11.41.0-alpha.1",
   "description": "GoodData.UI SDK - Charts",
   "license": "LicenseRef-LICENSE",
   "author": "GoodData Corporation",
@@ -69,13 +69,13 @@
     "ts-invariant": "0.10.3",
     "tslib": "2.8.1",
     "uuid": "11.1.0",
-    "@gooddata/sdk-backend-spi": "11.40.0",
-    "@gooddata/sdk-ui": "11.40.0",
-    "@gooddata/sdk-model": "11.40.0",
-    "@gooddata/sdk-ui-theme-provider": "11.40.0",
-    "@gooddata/sdk-ui-kit": "11.40.0",
-    "@gooddata/util": "11.40.0",
-    "@gooddata/sdk-ui-vis-commons": "11.40.0"
+    "@gooddata/sdk-backend-spi": "11.41.0-alpha.1",
+    "@gooddata/sdk-ui": "11.41.0-alpha.1",
+    "@gooddata/sdk-model": "11.41.0-alpha.1",
+    "@gooddata/sdk-ui-kit": "11.41.0-alpha.1",
+    "@gooddata/sdk-ui-theme-provider": "11.41.0-alpha.1",
+    "@gooddata/sdk-ui-vis-commons": "11.41.0-alpha.1",
+    "@gooddata/util": "11.41.0-alpha.1"
   },
   "devDependencies": {
     "@microsoft/api-documenter": "^7.17.0",
@@ -120,11 +120,11 @@
     "typescript": "5.9.3",
     "vitest": "4.1.8",
     "vitest-dom": "0.1.1",
-    "@gooddata/eslint-config": "11.40.0",
-    "@gooddata/oxlint-config": "11.40.0",
-    "@gooddata/reference-workspace": "11.40.0",
-    "@gooddata/sdk-backend-mockingbird": "11.40.0",
-    "@gooddata/stylelint-config": "11.40.0"
+    "@gooddata/eslint-config": "11.41.0-alpha.1",
+    "@gooddata/oxlint-config": "11.41.0-alpha.1",
+    "@gooddata/reference-workspace": "11.41.0-alpha.1",
+    "@gooddata/sdk-backend-mockingbird": "11.41.0-alpha.1",
+    "@gooddata/stylelint-config": "11.41.0-alpha.1"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",