@cloudscape-design/chart-components 1.0.93 → 1.0.95

package/core/chart-api/chart-extra-context.js

@@ -36,7 +36,7 @@ export function updateChartContext(context, chart) {
 function computeDerivedState(chart) {
     var _a;
     const allXSet = new Set();
-    const allXInSeries = new WeakMap();
+    const allPointsInSeries = new WeakMap();
     const pointsByX = new Map();
     const getXPoints = (x) => { var _a; return (_a = pointsByX.get(x)) !== null && _a !== void 0 ? _a : []; };
     const addPoint = (point) => {
@@ -46,7 +46,7 @@ function computeDerivedState(chart) {
     };
     const compareX = (a, b) => a - b;
     for (const s of getChartSeries(chart)) {
-        const seriesX = new Set();
+        const seriesPoints = new Array();
         if (s.visible) {
             for (const d of getSeriesData(s)) {
                 // Points with y=null represent the absence of value, there is no need to include them and those
@@ -54,13 +54,13 @@ function computeDerivedState(chart) {
                 // Although "d" can't be undefined according to Highcharts API, it does become undefined for chart containing more datapoints
                 // than the cropThreshold for that series (specific cases of re-rendering the chart with updated options listening to setExteme updates)
                 if (d.visible && d.y !== null) {
-                    seriesX.add(d.x);
+                    seriesPoints.push(d);
                     allXSet.add(d.x);
                     addPoint(d);
                 }
             }
         }
-        allXInSeries.set(s, Array.from(seriesX));
+        allPointsInSeries.set(s, seriesPoints);
     }
     for (const [, points] of pointsByX) {
         sortPoints(points);
@@ -76,15 +76,15 @@ function computeDerivedState(chart) {
         }
         const master = (_a = s.linkedParent) !== null && _a !== void 0 ? _a : s;
         const family = [master, ...master.linkedSeries];
-        const familyXSet = new Set(family.flatMap((m) => { var _a; return (_a = allXInSeries.get(m)) !== null && _a !== void 0 ? _a : []; }));
-        const familyPoints = [];
-        for (const x of Array.from(familyXSet).sort(compareX)) {
-            for (const member of family) {
-                const point = getSeriesData(member).find((d) => d.x === x && d.y !== null);
-                if (point && familyXSet.has(x)) {
-                    familyPoints.push(point);
-                    familyXSet.delete(x); // We ignore points that share X coordinate.
-                }
+        const allFamilyPoints = family
+            .flatMap((m) => { var _a; return (_a = allPointsInSeries.get(m)) !== null && _a !== void 0 ? _a : []; })
+            .sort(({ x: x1 }, { x: x2 }) => compareX(x1, x2));
+        const usedXSet = new Set();
+        const familyPoints = new Array();
+        for (const point of allFamilyPoints) {
+            if (!usedXSet.has(point.x)) {
+                familyPoints.push(point);
+                usedXSet.add(point.x); // We ignore points that share X coordinate.
             }
         }
         for (const member of family) {

package/core/chart-api/chart-extra-context.js.map

@@ -1 +1 @@
-{"version":3,"file":"chart-extra-context.js","sourceRoot":"","sources":["../../../../src/core/chart-api/chart-extra-context.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type Highcharts from \"highcharts\";\n\nimport { NonCancelableEventHandler } from \"../../internal/events\";\nimport { getChartSeries, getSeriesData, SafeChart, SafeSeries } from \"../../internal/utils/highcharts\";\nimport { ChartLabels } from \"../i18n-utils\";\nimport { CoreChartProps, Rect } from \"../interfaces\";\nimport { getGroupRect, isSeriesStacked } from \"../utils\";\n\n// Chart API context is used for dependency injection for chart utilities.\n// It is initialized on chart render, and includes the chart instance, consumer\n// settings and state, and derived state, which is computed from the chart instance\n// on each render, and reused across utilities to avoid duplicate work.\n\nexport interface ChartExtraContext {\n  settings: ChartExtraContext.Settings;\n  handlers: ChartExtraContext.Handlers;\n  state: ChartExtraContext.State;\n  derived: ChartExtraContext.DerivedState;\n  chartOrNull: null | SafeChart;\n  chart: () => SafeChart;\n}\n\nexport namespace ChartExtraContext {\n  export interface Settings {\n    chartId: string;\n    noDataEnabled: boolean;\n    legendEnabled: boolean;\n    tooltipEnabled: boolean;\n    keyboardNavigationEnabled: boolean;\n    labels: ChartLabels;\n    getItemOptions?: CoreChartProps.GetItemOptions;\n  }\n\n  export interface Handlers {\n    onHighlight?: NonCancelableEventHandler<CoreChartProps.HighlightChangeDetail>;\n    onClearHighlight?: NonCancelableEventHandler<CoreChartProps.HighlightClearDetail>;\n    onVisibleItemsChange?: NonCancelableEventHandler<CoreChartProps.VisibleItemsChangeDetail>;\n  }\n\n  export interface State {\n    visibleItems?: readonly string[];\n  }\n\n  export interface DerivedState {\n    allX: number[];\n    getPointsByX: (x: number) => Highcharts.Point[];\n    getSeriesPoints: (series: SafeSeries) => Highcharts.Point[];\n    groupRects: { group: Highcharts.Point[]; rect: Rect }[];\n  }\n}\n\n// The context is created when the chart component is rendered for the first time.\n// On every subsequent render the settings and state are updated directly in the context object.\nexport function createChartContext(): ChartExtraContext {\n  return {\n    settings: {\n      chartId: \"\",\n      noDataEnabled: false,\n      legendEnabled: false,\n      tooltipEnabled: false,\n      keyboardNavigationEnabled: false,\n      labels: {},\n    },\n    handlers: {},\n    state: {},\n    chart: () => {\n      // Before the first chart render there is no chart instance, which is required for most of the utilities.\n      // Instead of doing null checks in each utility, an attempt to access the chart instance before it is ready\n      // will cause an exception, indicating an logical error in the code.\n      throw new Error(\"Invariant violation: using chart API before initialization.\");\n    },\n    chartOrNull: null,\n    derived: { allX: [], getPointsByX: () => [], getSeriesPoints: () => [], groupRects: [] },\n  };\n}\n\n// The update method is called on every chart render, before any other initialization code.\n// This ensures the context state is up to date and can be used for subsequent computations.\nexport function updateChartContext(context: ChartExtraContext, chart: SafeChart) {\n  context.chart = () => chart;\n  context.chartOrNull = chart;\n  context.derived = computeDerivedState(chart);\n}\n\nfunction computeDerivedState(chart: SafeChart): ChartExtraContext.DerivedState {\n  const allXSet = new Set<number>();\n  const allXInSeries = new WeakMap<SafeSeries, number[]>();\n  const pointsByX = new Map<number, Highcharts.Point[]>();\n  const getXPoints = (x: number) => pointsByX.get(x) ?? [];\n  const addPoint = (point: Highcharts.Point) => {\n    const xPoints = getXPoints(point.x);\n    xPoints.push(point);\n    pointsByX.set(point.x, xPoints);\n  };\n  const compareX = (a: number, b: number) => a - b;\n\n  for (const s of getChartSeries(chart)) {\n    const seriesX = new Set<number>();\n    if (s.visible) {\n      for (const d of getSeriesData(s)) {\n        // Points with y=null represent the absence of value, there is no need to include them and those\n        // should have no impact on computed rects or navigation.\n\n        // Although \"d\" can't be undefined according to Highcharts API, it does become undefined for chart containing more datapoints\n        // than the cropThreshold for that series (specific cases of re-rendering the chart with updated options listening to setExteme updates)\n        if (d.visible && d.y !== null) {\n          seriesX.add(d.x);\n          allXSet.add(d.x);\n          addPoint(d);\n        }\n      }\n    }\n    allXInSeries.set(s, Array.from(seriesX));\n  }\n  for (const [, points] of pointsByX) {\n    sortPoints(points);\n  }\n  const allX = Array.from(allXSet).sort(compareX);\n\n  // For each series, compute the ordered list of points to navigate through. For a linked family\n  // (primary + its linked children), all members share the same flat list: points sorted by X,\n  // with family members interleaved in series order within the same X value.\n  const seriesPointsMap = new WeakMap<SafeSeries, Highcharts.Point[]>();\n  for (const s of getChartSeries(chart)) {\n    if (seriesPointsMap.has(s)) {\n      continue; // Already computed as part of a family.\n    }\n    const master = s.linkedParent ?? s;\n    const family = [master, ...master.linkedSeries];\n    const familyXSet = new Set(family.flatMap((m) => allXInSeries.get(m) ?? []));\n    const familyPoints: Highcharts.Point[] = [];\n    for (const x of Array.from(familyXSet).sort(compareX)) {\n      for (const member of family) {\n        const point = getSeriesData(member).find((d) => d.x === x && d.y !== null);\n        if (point && familyXSet.has(x)) {\n          familyPoints.push(point);\n          familyXSet.delete(x); // We ignore points that share X coordinate.\n        }\n      }\n    }\n    for (const member of family) {\n      seriesPointsMap.set(member, familyPoints);\n    }\n  }\n  return {\n    allX,\n    getPointsByX: (x) => pointsByX.get(x) ?? [],\n    getSeriesPoints: (s) => seriesPointsMap.get(s) ?? [],\n    // Group rects are computed for every available x coordinate, each including at least one point with matching x value.\n    // They enclose all matching points of the group and are used to match hover position and place the tooltip or focus outline.\n    groupRects: allX.map((x) => ({\n      group: getXPoints(x),\n      rect: getGroupRect(getXPoints(x)),\n    })),\n  };\n}\n\n// The points are sorted to ensure consistent navigation, including inverted chart orientation.\n// The order of series in grouped column charts is kept, while stacked series are sorted by their\n// respective positions in the plot.\nfunction sortPoints(group: Highcharts.Point[]) {\n  const reversed = !!group[0]?.series.yAxis?.reversed;\n  group.sort((a, b) => {\n    const ay = a.plotY === undefined || (a.series.type === \"column\" && !isSeriesStacked(a.series)) ? 0 : a.plotY;\n    const by = b.plotY === undefined || (b.series.type === \"column\" && !isSeriesStacked(b.series)) ? 0 : b.plotY;\n    return !reversed ? ay - by : by - ay;\n  });\n}\n"]}
+{"version":3,"file":"chart-extra-context.js","sourceRoot":"","sources":["../../../../src/core/chart-api/chart-extra-context.tsx"],"names":[],"mappings":"AAAA,qEAAqE;AACrE,sCAAsC;AAKtC,OAAO,EAAE,cAAc,EAAE,aAAa,EAAyB,MAAM,iCAAiC,CAAC;AAGvG,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC;AA6CzD,kFAAkF;AAClF,gGAAgG;AAChG,MAAM,UAAU,kBAAkB;IAChC,OAAO;QACL,QAAQ,EAAE;YACR,OAAO,EAAE,EAAE;YACX,aAAa,EAAE,KAAK;YACpB,aAAa,EAAE,KAAK;YACpB,cAAc,EAAE,KAAK;YACrB,yBAAyB,EAAE,KAAK;YAChC,MAAM,EAAE,EAAE;SACX;QACD,QAAQ,EAAE,EAAE;QACZ,KAAK,EAAE,EAAE;QACT,KAAK,EAAE,GAAG,EAAE;YACV,yGAAyG;YACzG,2GAA2G;YAC3G,oEAAoE;YACpE,MAAM,IAAI,KAAK,CAAC,6DAA6D,CAAC,CAAC;QACjF,CAAC;QACD,WAAW,EAAE,IAAI;QACjB,OAAO,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,YAAY,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE,eAAe,EAAE,GAAG,EAAE,CAAC,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE;KACzF,CAAC;AACJ,CAAC;AAED,2FAA2F;AAC3F,4FAA4F;AAC5F,MAAM,UAAU,kBAAkB,CAAC,OAA0B,EAAE,KAAgB;IAC7E,OAAO,CAAC,KAAK,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC;IAC5B,OAAO,CAAC,WAAW,GAAG,KAAK,CAAC;IAC5B,OAAO,CAAC,OAAO,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;AAC/C,CAAC;AAED,SAAS,mBAAmB,CAAC,KAAgB;;IAC3C,MAAM,OAAO,GAAG,IAAI,GAAG,EAAU,CAAC;IAClC,MAAM,iBAAiB,GAAG,IAAI,OAAO,EAAkC,CAAC;IACxE,MAAM,SAAS,GAAG,IAAI,GAAG,EAA8B,CAAC;IACxD,MAAM,UAAU,GAAG,CAAC,CAAS,EAAE,EAAE,WAAC,OAAA,MAAA,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,mCAAI,EAAE,CAAA,EAAA,CAAC;IACzD,MAAM,QAAQ,GAAG,CAAC,KAAuB,EAAE,EAAE;QAC3C,MAAM,OAAO,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QACpC,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACpB,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC;IAClC,CAAC,CAAC;IACF,MAAM,QAAQ,GAAG,CAAC,CAAS,EAAE,CAAS,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC;IAEjD,KAAK,MAAM,CAAC,IAAI,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;QACtC,MAAM,YAAY,GAAG,IAAI,KAAK,EAAoB,CAAC;QACnD,IAAI,CAAC,CAAC,OAAO,EAAE,CAAC;YACd,KAAK,MAAM,CAAC,IAAI,aAAa,CAAC,CAAC,CAAC,EAAE,CAAC;gBACjC,gGAAgG;gBAChG,yDAAyD;gBAEzD,6HAA6H;gBAC7H,wIAAwI;gBACxI,IAAI,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE,CAAC;oBAC9B,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC;oBACrB,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;oBACjB,QAAQ,CAAC,CAAC,CAAC,CAAC;gBACd,CAAC;YACH,CAAC;QACH,CAAC;QACD,iBAAiB,CAAC,GAAG,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC;IACzC,CAAC;IACD,KAAK,MAAM,CAAC,EAAE,MAAM,CAAC,IAAI,SAAS,EAAE,CAAC;QACnC,UAAU,CAAC,MAAM,CAAC,CAAC;IACrB,CAAC;IACD,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAEhD,+FAA+F;IAC/F,6FAA6F;IAC7F,2EAA2E;IAC3E,MAAM,eAAe,GAAG,IAAI,OAAO,EAAkC,CAAC;IACtE,KAAK,MAAM,CAAC,IAAI,cAAc,CAAC,KAAK,CAAC,EAAE,CAAC;QACtC,IAAI,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;YAC3B,SAAS,CAAC,wCAAwC;QACpD,CAAC;QACD,MAAM,MAAM,GAAG,MAAA,CAAC,CAAC,YAAY,mCAAI,CAAC,CAAC;QACnC,MAAM,MAAM,GAAG,CAAC,MAAM,EAAE,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC;QAChD,MAAM,eAAe,GAAG,MAAM;aAC3B,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,WAAC,OAAA,MAAA,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAC,mCAAI,EAAE,CAAA,EAAA,CAAC;aAC9C,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;QACpD,MAAM,QAAQ,GAAG,IAAI,GAAG,EAAU,CAAC;QACnC,MAAM,YAAY,GAAG,IAAI,KAAK,EAAoB,CAAC;QACnD,KAAK,MAAM,KAAK,IAAI,eAAe,EAAE,CAAC;YACpC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;gBAC3B,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBACzB,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,4CAA4C;YACrE,CAAC;QACH,CAAC;QACD,KAAK,MAAM,MAAM,IAAI,MAAM,EAAE,CAAC;YAC5B,eAAe,CAAC,GAAG,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;QAC5C,CAAC;IACH,CAAC;IACD,OAAO;QACL,IAAI;QACJ,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,WAAC,OAAA,MAAA,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,mCAAI,EAAE,CAAA,EAAA;QAC3C,eAAe,EAAE,CAAC,CAAC,EAAE,EAAE,WAAC,OAAA,MAAA,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC,mCAAI,EAAE,CAAA,EAAA;QACpD,sHAAsH;QACtH,6HAA6H;QAC7H,UAAU,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;YAC3B,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC;YACpB,IAAI,EAAE,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;SAClC,CAAC,CAAC;KACJ,CAAC;AACJ,CAAC;AAED,+FAA+F;AAC/F,iGAAiG;AACjG,oCAAoC;AACpC,SAAS,UAAU,CAAC,KAAyB;;IAC3C,MAAM,QAAQ,GAAG,CAAC,CAAC,CAAA,MAAA,MAAA,KAAK,CAAC,CAAC,CAAC,0CAAE,MAAM,CAAC,KAAK,0CAAE,QAAQ,CAAA,CAAC;IACpD,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;QAClB,MAAM,EAAE,GAAG,CAAC,CAAC,KAAK,KAAK,SAAS,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,KAAK,QAAQ,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;QAC7G,MAAM,EAAE,GAAG,CAAC,CAAC,KAAK,KAAK,SAAS,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,KAAK,QAAQ,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;QAC7G,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC;IACvC,CAAC,CAAC,CAAC;AACL,CAAC","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type Highcharts from \"highcharts\";\n\nimport { NonCancelableEventHandler } from \"../../internal/events\";\nimport { getChartSeries, getSeriesData, SafeChart, SafeSeries } from \"../../internal/utils/highcharts\";\nimport { ChartLabels } from \"../i18n-utils\";\nimport { CoreChartProps, Rect } from \"../interfaces\";\nimport { getGroupRect, isSeriesStacked } from \"../utils\";\n\n// Chart API context is used for dependency injection for chart utilities.\n// It is initialized on chart render, and includes the chart instance, consumer\n// settings and state, and derived state, which is computed from the chart instance\n// on each render, and reused across utilities to avoid duplicate work.\n\nexport interface ChartExtraContext {\n  settings: ChartExtraContext.Settings;\n  handlers: ChartExtraContext.Handlers;\n  state: ChartExtraContext.State;\n  derived: ChartExtraContext.DerivedState;\n  chartOrNull: null | SafeChart;\n  chart: () => SafeChart;\n}\n\nexport namespace ChartExtraContext {\n  export interface Settings {\n    chartId: string;\n    noDataEnabled: boolean;\n    legendEnabled: boolean;\n    tooltipEnabled: boolean;\n    keyboardNavigationEnabled: boolean;\n    labels: ChartLabels;\n    getItemOptions?: CoreChartProps.GetItemOptions;\n  }\n\n  export interface Handlers {\n    onHighlight?: NonCancelableEventHandler<CoreChartProps.HighlightChangeDetail>;\n    onClearHighlight?: NonCancelableEventHandler<CoreChartProps.HighlightClearDetail>;\n    onVisibleItemsChange?: NonCancelableEventHandler<CoreChartProps.VisibleItemsChangeDetail>;\n  }\n\n  export interface State {\n    visibleItems?: readonly string[];\n  }\n\n  export interface DerivedState {\n    allX: number[];\n    getPointsByX: (x: number) => Highcharts.Point[];\n    getSeriesPoints: (series: SafeSeries) => Highcharts.Point[];\n    groupRects: { group: Highcharts.Point[]; rect: Rect }[];\n  }\n}\n\n// The context is created when the chart component is rendered for the first time.\n// On every subsequent render the settings and state are updated directly in the context object.\nexport function createChartContext(): ChartExtraContext {\n  return {\n    settings: {\n      chartId: \"\",\n      noDataEnabled: false,\n      legendEnabled: false,\n      tooltipEnabled: false,\n      keyboardNavigationEnabled: false,\n      labels: {},\n    },\n    handlers: {},\n    state: {},\n    chart: () => {\n      // Before the first chart render there is no chart instance, which is required for most of the utilities.\n      // Instead of doing null checks in each utility, an attempt to access the chart instance before it is ready\n      // will cause an exception, indicating an logical error in the code.\n      throw new Error(\"Invariant violation: using chart API before initialization.\");\n    },\n    chartOrNull: null,\n    derived: { allX: [], getPointsByX: () => [], getSeriesPoints: () => [], groupRects: [] },\n  };\n}\n\n// The update method is called on every chart render, before any other initialization code.\n// This ensures the context state is up to date and can be used for subsequent computations.\nexport function updateChartContext(context: ChartExtraContext, chart: SafeChart) {\n  context.chart = () => chart;\n  context.chartOrNull = chart;\n  context.derived = computeDerivedState(chart);\n}\n\nfunction computeDerivedState(chart: SafeChart): ChartExtraContext.DerivedState {\n  const allXSet = new Set<number>();\n  const allPointsInSeries = new WeakMap<SafeSeries, Highcharts.Point[]>();\n  const pointsByX = new Map<number, Highcharts.Point[]>();\n  const getXPoints = (x: number) => pointsByX.get(x) ?? [];\n  const addPoint = (point: Highcharts.Point) => {\n    const xPoints = getXPoints(point.x);\n    xPoints.push(point);\n    pointsByX.set(point.x, xPoints);\n  };\n  const compareX = (a: number, b: number) => a - b;\n\n  for (const s of getChartSeries(chart)) {\n    const seriesPoints = new Array<Highcharts.Point>();\n    if (s.visible) {\n      for (const d of getSeriesData(s)) {\n        // Points with y=null represent the absence of value, there is no need to include them and those\n        // should have no impact on computed rects or navigation.\n\n        // Although \"d\" can't be undefined according to Highcharts API, it does become undefined for chart containing more datapoints\n        // than the cropThreshold for that series (specific cases of re-rendering the chart with updated options listening to setExteme updates)\n        if (d.visible && d.y !== null) {\n          seriesPoints.push(d);\n          allXSet.add(d.x);\n          addPoint(d);\n        }\n      }\n    }\n    allPointsInSeries.set(s, seriesPoints);\n  }\n  for (const [, points] of pointsByX) {\n    sortPoints(points);\n  }\n  const allX = Array.from(allXSet).sort(compareX);\n\n  // For each series, compute the ordered list of points to navigate through. For a linked family\n  // (primary + its linked children), all members share the same flat list: points sorted by X,\n  // with family members interleaved in series order within the same X value.\n  const seriesPointsMap = new WeakMap<SafeSeries, Highcharts.Point[]>();\n  for (const s of getChartSeries(chart)) {\n    if (seriesPointsMap.has(s)) {\n      continue; // Already computed as part of a family.\n    }\n    const master = s.linkedParent ?? s;\n    const family = [master, ...master.linkedSeries];\n    const allFamilyPoints = family\n      .flatMap((m) => allPointsInSeries.get(m) ?? [])\n      .sort(({ x: x1 }, { x: x2 }) => compareX(x1, x2));\n    const usedXSet = new Set<number>();\n    const familyPoints = new Array<Highcharts.Point>();\n    for (const point of allFamilyPoints) {\n      if (!usedXSet.has(point.x)) {\n        familyPoints.push(point);\n        usedXSet.add(point.x); // We ignore points that share X coordinate.\n      }\n    }\n    for (const member of family) {\n      seriesPointsMap.set(member, familyPoints);\n    }\n  }\n  return {\n    allX,\n    getPointsByX: (x) => pointsByX.get(x) ?? [],\n    getSeriesPoints: (s) => seriesPointsMap.get(s) ?? [],\n    // Group rects are computed for every available x coordinate, each including at least one point with matching x value.\n    // They enclose all matching points of the group and are used to match hover position and place the tooltip or focus outline.\n    groupRects: allX.map((x) => ({\n      group: getXPoints(x),\n      rect: getGroupRect(getXPoints(x)),\n    })),\n  };\n}\n\n// The points are sorted to ensure consistent navigation, including inverted chart orientation.\n// The order of series in grouped column charts is kept, while stacked series are sorted by their\n// respective positions in the plot.\nfunction sortPoints(group: Highcharts.Point[]) {\n  const reversed = !!group[0]?.series.yAxis?.reversed;\n  group.sort((a, b) => {\n    const ay = a.plotY === undefined || (a.series.type === \"column\" && !isSeriesStacked(a.series)) ? 0 : a.plotY;\n    const by = b.plotY === undefined || (b.series.type === \"column\" && !isSeriesStacked(b.series)) ? 0 : b.plotY;\n    return !reversed ? ay - by : by - ay;\n  });\n}\n"]}

package/internal/environment.js

@@ -1,5 +1,5 @@
 export var PACKAGE_SOURCE = "chart-components";
-export var PACKAGE_VERSION = "1.0.0 (40086fb4)";
+export var PACKAGE_VERSION = "1.0.0 (6ab9c268)";
 export var THEME = "open-source-visual-refresh";
 export var ALWAYS_VISUAL_REFRESH = true;
 export var SYSTEM = "core";

package/internal/environment.json

@@ -1,6 +1,6 @@
 {
   "PACKAGE_SOURCE": "chart-components",
-  "PACKAGE_VERSION": "1.0.0 (40086fb4)",
+  "PACKAGE_VERSION": "1.0.0 (6ab9c268)",
   "THEME": "open-source-visual-refresh",
   "ALWAYS_VISUAL_REFRESH": true,
   "SYSTEM": "core"

package/internal/generated/styles/tokens.d.ts

@@ -588,6 +588,8 @@ export const colorIconActionCardDefault: string;
 export const colorIconActionCardHover: string;
 export const colorIconActionCardActive: string;
 export const colorIconActionCardDisabled: string;
+export const colorBackgroundSkeleton: string;
+export const colorBackgroundSkeletonWave: string;
 export const fontBoxValueLargeWeight: string;
 export const fontButtonLetterSpacing: string;
 export const fontChartDetailSize: string;
@@ -714,6 +716,7 @@ export const borderWidthActionCardDefault: string;
 export const borderWidthActionCardHover: string;
 export const borderWidthActionCardActive: string;
 export const borderWidthActionCardDisabled: string;
+export const borderRadiusSkeleton: string;
 export const motionDurationExtraFast: string;
 export const motionDurationExtraSlow: string;
 export const motionDurationFast: string;

package/internal/generated/styles/tokens.js

@@ -588,6 +588,8 @@ export var colorIconActionCardDefault = "var(--color-icon-action-card-default-an
 export var colorIconActionCardHover = "var(--color-icon-action-card-hover-qxq4pp, #002b66)";
 export var colorIconActionCardActive = "var(--color-icon-action-card-active-rhp94s, #002b66)";
 export var colorIconActionCardDisabled = "var(--color-icon-action-card-disabled-wm3kyf, #b4b4bb)";
+export var colorBackgroundSkeleton = "var(--color-background-skeleton-sjxg4n, #ebebf0)";
+export var colorBackgroundSkeletonWave = "var(--color-background-skeleton-wave-1dy97d, #f6f6f9)";
 export var fontBoxValueLargeWeight = "var(--font-box-value-large-weight-wr00sw, 700)";
 export var fontButtonLetterSpacing = "var(--font-button-letter-spacing-ufowe3, 0.005em)";
 export var fontChartDetailSize = "var(--font-chart-detail-size-9qr25q, 12px)";
@@ -714,6 +716,7 @@ export var borderWidthActionCardDefault = "var(--border-width-action-card-defaul
 export var borderWidthActionCardHover = "var(--border-width-action-card-hover-02l6fg, 1px)";
 export var borderWidthActionCardActive = "var(--border-width-action-card-active-pwtgzu, 1px)";
 export var borderWidthActionCardDisabled = "var(--border-width-action-card-disabled-rdvlbc, 1px)";
+export var borderRadiusSkeleton = "var(--border-radius-skeleton-9lkvfi, 8px)";
 export var motionDurationExtraFast = "var(--motion-duration-extra-fast-l4w48j, 45ms)";
 export var motionDurationExtraSlow = "var(--motion-duration-extra-slow-29bqym, 270ms)";
 export var motionDurationFast = "var(--motion-duration-fast-unntf6, 90ms)";

package/internal/generated/theming/index.cjs

@@ -2399,6 +2399,14 @@ module.exports.preset = {
         "light": "{colorNeutral400}",
         "dark": "{colorNeutral600}"
       },
+      "colorBackgroundSkeleton": {
+        "light": "{colorNeutral250}",
+        "dark": "{colorNeutral750}"
+      },
+      "colorBackgroundSkeletonWave": {
+        "light": "{colorNeutral150}",
+        "dark": "{colorNeutral700}"
+      },
       "fontBoxValueLargeWeight": "700",
       "fontButtonLetterSpacing": "0.005em",
       "fontChartDetailSize": "{fontSizeBodyS}",
@@ -2525,6 +2533,7 @@ module.exports.preset = {
       "borderWidthActionCardHover": "{borderWidthCard}",
       "borderWidthActionCardActive": "{borderWidthCard}",
       "borderWidthActionCardDisabled": "{borderWidthCard}",
+      "borderRadiusSkeleton": "8px",
       "motionDurationExtraFast": {
         "default": "45ms",
         "disabled": "0ms"
@@ -5033,6 +5042,14 @@ module.exports.preset = {
             "light": "{colorNeutral600}",
             "dark": "{colorNeutral600}"
           },
+          "colorBackgroundSkeleton": {
+            "light": "{colorNeutral750}",
+            "dark": "{colorNeutral750}"
+          },
+          "colorBackgroundSkeletonWave": {
+            "light": "{colorNeutral700}",
+            "dark": "{colorNeutral700}"
+          },
           "colorPrimary50": "#f0fbff",
           "colorPrimary100": "#d1f1ff",
           "colorPrimary200": "#b8e7ff",
@@ -6502,6 +6519,14 @@ module.exports.preset = {
             "light": "{colorNeutral600}",
             "dark": "{colorNeutral600}"
           },
+          "colorBackgroundSkeleton": {
+            "light": "{colorNeutral750}",
+            "dark": "{colorNeutral750}"
+          },
+          "colorBackgroundSkeletonWave": {
+            "light": "{colorNeutral700}",
+            "dark": "{colorNeutral700}"
+          },
           "colorPrimary50": "#f0fbff",
           "colorPrimary100": "#d1f1ff",
           "colorPrimary200": "#b8e7ff",
@@ -7898,6 +7923,14 @@ module.exports.preset = {
           "colorIconActionCardDisabled": {
             "light": "{colorNeutral400}",
             "dark": "{colorNeutral600}"
+          },
+          "colorBackgroundSkeleton": {
+            "light": "{colorNeutral250}",
+            "dark": "{colorNeutral750}"
+          },
+          "colorBackgroundSkeletonWave": {
+            "light": "{colorNeutral150}",
+            "dark": "{colorNeutral700}"
           }
         }
       },
@@ -9180,6 +9213,14 @@ module.exports.preset = {
           "colorIconActionCardDisabled": {
             "light": "{colorNeutral400}",
             "dark": "{colorNeutral600}"
+          },
+          "colorBackgroundSkeleton": {
+            "light": "{colorNeutral250}",
+            "dark": "{colorNeutral750}"
+          },
+          "colorBackgroundSkeletonWave": {
+            "light": "{colorNeutral150}",
+            "dark": "{colorNeutral700}"
           }
         }
       },
@@ -10463,6 +10504,14 @@ module.exports.preset = {
             "light": "{colorNeutral400}",
             "dark": "{colorNeutral600}"
           },
+          "colorBackgroundSkeleton": {
+            "light": "{colorNeutral250}",
+            "dark": "{colorNeutral750}"
+          },
+          "colorBackgroundSkeletonWave": {
+            "light": "{colorNeutral150}",
+            "dark": "{colorNeutral700}"
+          },
           "fontExpandableHeadingSize": "14px",
           "borderDividerSectionWidth": "1px"
         }
@@ -11746,6 +11795,14 @@ module.exports.preset = {
           "colorIconActionCardDisabled": {
             "light": "{colorNeutral600}",
             "dark": "{colorNeutral600}"
+          },
+          "colorBackgroundSkeleton": {
+            "light": "{colorNeutral750}",
+            "dark": "{colorNeutral750}"
+          },
+          "colorBackgroundSkeletonWave": {
+            "light": "{colorNeutral700}",
+            "dark": "{colorNeutral700}"
           }
         }
       },
@@ -12351,6 +12408,8 @@ module.exports.preset = {
       "colorIconActionCardHover": "color",
       "colorIconActionCardActive": "color",
       "colorIconActionCardDisabled": "color",
+      "colorBackgroundSkeleton": "color",
+      "colorBackgroundSkeletonWave": "color",
       "motionDurationExtraFast": "motion",
       "motionDurationExtraSlow": "motion",
       "motionDurationFast": "motion",
@@ -13006,6 +13065,15 @@ module.exports.preset = {
     "colorDropzoneBorderDefault",
     "colorDropzoneBorderHover",
     "colorTreeViewConnectorLine",
+    "colorBackgroundActionCardDefault",
+    "colorBackgroundActionCardHover",
+    "colorBackgroundActionCardActive",
+    "colorBorderActionCardDefault",
+    "colorBorderActionCardHover",
+    "colorBorderActionCardActive",
+    "colorBorderActionCardDisabled",
+    "colorBackgroundActionCardDisabled",
+    "colorTextActionCardDisabled",
     "fontFamilyBase",
     "fontFamilyDisplay",
     "fontFamilyHeading",
@@ -13088,6 +13156,10 @@ module.exports.preset = {
     "borderWidthIconLarge",
     "borderRadiusActionCardDefault",
     "borderRadiusActionCardEmbedded",
+    "borderWidthActionCardDefault",
+    "borderWidthActionCardHover",
+    "borderWidthActionCardActive",
+    "borderWidthActionCardDisabled",
     "sizeVerticalInput",
     "spaceAlertVertical",
     "spaceButtonHorizontal",
@@ -13099,6 +13171,10 @@ module.exports.preset = {
     "spaceCardVerticalDefault",
     "spaceCardVerticalEmbedded",
     "spaceTabsVertical",
+    "spaceActionCardHorizontalDefault",
+    "spaceActionCardHorizontalEmbedded",
+    "spaceActionCardVerticalDefault",
+    "spaceActionCardVerticalEmbedded",
     "shadowCard"
   ],
   "exposed": [
@@ -13450,6 +13526,15 @@ module.exports.preset = {
     "colorDropzoneBorderDefault",
     "colorDropzoneBorderHover",
     "colorTreeViewConnectorLine",
+    "colorBackgroundActionCardDefault",
+    "colorBackgroundActionCardHover",
+    "colorBackgroundActionCardActive",
+    "colorBorderActionCardDefault",
+    "colorBorderActionCardHover",
+    "colorBorderActionCardActive",
+    "colorBorderActionCardDisabled",
+    "colorBackgroundActionCardDisabled",
+    "colorTextActionCardDisabled",
     "fontFamilyBase",
     "fontFamilyDisplay",
     "fontFamilyHeading",
@@ -13533,6 +13618,10 @@ module.exports.preset = {
     "borderWidthIconLarge",
     "borderRadiusActionCardDefault",
     "borderRadiusActionCardEmbedded",
+    "borderWidthActionCardDefault",
+    "borderWidthActionCardHover",
+    "borderWidthActionCardActive",
+    "borderWidthActionCardDisabled",
     "motionDurationAvatarGenAiGradient",
     "motionDurationAvatarLoadingDots",
     "motionEasingAvatarGenAiGradient",
@@ -13560,6 +13649,10 @@ module.exports.preset = {
     "spaceFieldHorizontal",
     "spaceTabsVertical",
     "spaceTreeViewIndentation",
+    "spaceActionCardHorizontalDefault",
+    "spaceActionCardHorizontalEmbedded",
+    "spaceActionCardVerticalDefault",
+    "spaceActionCardVerticalEmbedded",
     "spaceOptionPaddingVertical",
     "spaceOptionPaddingHorizontal",
     "spaceScaledXxxs",
@@ -14174,6 +14267,8 @@ module.exports.preset = {
     "colorIconActionCardHover": "color-icon-action-card-hover",
     "colorIconActionCardActive": "color-icon-action-card-active",
     "colorIconActionCardDisabled": "color-icon-action-card-disabled",
+    "colorBackgroundSkeleton": "color-background-skeleton",
+    "colorBackgroundSkeletonWave": "color-background-skeleton-wave",
     "fontBoxValueLargeWeight": "font-box-value-large-weight",
     "fontButtonLetterSpacing": "font-button-letter-spacing",
     "fontChartDetailSize": "font-chart-detail-size",
@@ -14300,6 +14395,7 @@ module.exports.preset = {
     "borderWidthActionCardHover": "border-width-action-card-hover",
     "borderWidthActionCardActive": "border-width-action-card-active",
     "borderWidthActionCardDisabled": "border-width-action-card-disabled",
+    "borderRadiusSkeleton": "border-radius-skeleton",
     "motionDurationExtraFast": "motion-duration-extra-fast",
     "motionDurationExtraSlow": "motion-duration-extra-slow",
     "motionDurationFast": "motion-duration-fast",
@@ -15078,6 +15174,8 @@ module.exports.preset = {
     "colorIconActionCardHover": "--color-icon-action-card-hover-qxq4pp",
     "colorIconActionCardActive": "--color-icon-action-card-active-rhp94s",
     "colorIconActionCardDisabled": "--color-icon-action-card-disabled-wm3kyf",
+    "colorBackgroundSkeleton": "--color-background-skeleton-sjxg4n",
+    "colorBackgroundSkeletonWave": "--color-background-skeleton-wave-1dy97d",
     "fontBoxValueLargeWeight": "--font-box-value-large-weight-wr00sw",
     "fontButtonLetterSpacing": "--font-button-letter-spacing-ufowe3",
     "fontChartDetailSize": "--font-chart-detail-size-9qr25q",
@@ -15204,6 +15302,7 @@ module.exports.preset = {
     "borderWidthActionCardHover": "--border-width-action-card-hover-02l6fg",
     "borderWidthActionCardActive": "--border-width-action-card-active-pwtgzu",
     "borderWidthActionCardDisabled": "--border-width-action-card-disabled-rdvlbc",
+    "borderRadiusSkeleton": "--border-radius-skeleton-9lkvfi",
     "motionDurationExtraFast": "--motion-duration-extra-fast-l4w48j",
     "motionDurationExtraSlow": "--motion-duration-extra-slow-29bqym",
     "motionDurationFast": "--motion-duration-fast-unntf6",