@gooddata/sdk-ui-vis-commons 11.44.0-alpha.1 → 11.44.0-alpha.3

package/esm/legend/LegendItem.d.ts

@@ -9,7 +9,6 @@ interface ILegendItemProps {
     onItemClick: (item: ISeriesItemMetric) => void;
     theme?: ITheme;
     chartFill?: ChartFillType;
-    describedBy?: string;
 }
 export declare const LegendItem: import("react").ComponentType<Omit<ILegendItemProps, "theme" | "themeIsLoading" | "themeStatus">>;
 export {};

package/esm/legend/LegendItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LegendItem.d.ts","sourceRoot":"","sources":["../../src/legend/LegendItem.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAMlD,OAAO,EAAE,KAAK,aAAa,EAAuB,MAAM,sBAAsB,CAAC;AAG/E,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAIpD,UAAU,gBAAgB;IACtB,IAAI,EAAE,iBAAiB,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,WAAW,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAoID,eAAO,MAAM,UAAU,mGAwGrB,CAAC"}
+{"version":3,"file":"LegendItem.d.ts","sourceRoot":"","sources":["../../src/legend/LegendItem.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAMlD,OAAO,EAAE,KAAK,aAAa,EAAuB,MAAM,sBAAsB,CAAC;AAG/E,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAIpD,UAAU,gBAAgB;IACtB,IAAI,EAAE,iBAAiB,CAAC;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,WAAW,EAAE,CAAC,IAAI,EAAE,iBAAiB,KAAK,IAAI,CAAC;IAC/C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,aAAa,CAAC;CAC7B;AAoID,eAAO,MAAM,UAAU,mGAsGrB,CAAC"}

package/esm/legend/LegendItem.js

@@ -114,7 +114,7 @@ function getIconStyle(type, chartFill, color, enableBorderRadius, isVisible, poi
             };
     }
 }
-export const LegendItem = withTheme(function LegendItem({ item, index, width, enableBorderRadius = false, onItemClick, theme, chartFill, describedBy, }) {
+export const LegendItem = withTheme(function LegendItem({ item, index, width, enableBorderRadius = false, onItemClick, theme, chartFill, }) {
     const { isFocused, id } = LegendSeriesContextStore.useContextStore((ctx) => ({
         isFocused: ctx.focusedItem === item,
         id: ctx.makeItemId(item),
@@ -149,7 +149,7 @@ export const LegendItem = withTheme(function LegendItem({ item, index, width, en
                 _jsx("div", { className: "series-icon", style: iconStyle, children: item.isVisible && isPatternFill && isPatternObject(item.color) ? (_jsx(PatternFill, { patternFill: item.color?.pattern })) : null }), _jsx("div", { id: legendItemId, className: "series-name", style: nameStyle, children: item.name })
             ] }));
     }
-    return (_jsxs("button", { ref: refCallback, "data-testid": "legend-item", role: "switch", "aria-describedby": describedBy, "aria-checked": item.isVisible, id: id, style: style, className: cx("series-item", { "series-item--isFocused": isFocused }), onClick: handleItemClick, "aria-labelledby": legendItemId, title: unescape(item.name), tabIndex: -1, children: [
+    return (_jsxs("button", { ref: refCallback, "data-testid": "legend-item", role: "switch", "aria-checked": item.isVisible, id: id, style: style, className: cx("series-item", { "series-item--isFocused": isFocused }), onClick: handleItemClick, "aria-labelledby": legendItemId, title: unescape(item.name), tabIndex: -1, children: [
             _jsx("div", { className: "series-icon", style: iconStyle, children: item.isVisible && isPatternFill && isPatternObject(item.color) ? (_jsx(PatternFill, { patternFill: item.color?.pattern })) : null }), _jsx("div", { id: legendItemId, className: "series-name", style: nameStyle, children: item.name })
         ] }));
 });

package/esm/legend/LegendList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LegendList.d.ts","sourceRoot":"","sources":["../../src/legend/LegendList.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAgB,MAAM,OAAO,CAAC;AAExD,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAM1D,OAAO,EACH,KAAK,WAAW,EAChB,KAAK,yBAAyB,EAIjC,MAAM,YAAY,CAAC;AAEpB,MAAM,WAAW,gBAAgB;IAC7B,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,kBAAkB,CAAC,EAAE,OAAO,GAAG,yBAAyB,CAAC;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,aAAa,CAAC;CAC7B;AAED,wBAAgB,eAAe,IAAI,YAAY,CAE9C;AA4CD,eAAO,MAAM,UAAU;;EA6CrB,CAAC"}
+{"version":3,"file":"LegendList.d.ts","sourceRoot":"","sources":["../../src/legend/LegendList.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAQ,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAK1D,OAAO,EACH,KAAK,WAAW,EAChB,KAAK,yBAAyB,EAIjC,MAAM,YAAY,CAAC;AAEpB,MAAM,WAAW,gBAAgB;IAC7B,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,kBAAkB,CAAC,EAAE,OAAO,GAAG,yBAAyB,CAAC;IACzD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IACzC,SAAS,CAAC,EAAE,aAAa,CAAC;CAC7B;AAED,wBAAgB,eAAe,IAAI,YAAY,CAE9C;AAyCD,eAAO,MAAM,UAAU;;EA8BrB,CAAC"}

package/esm/legend/LegendList.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 // (C) 2007-2026 GoodData Corporation
-import { memo, useRef } from "react";
-import { LegendSeriesContextStore } from "./context.js";
+import { memo } from "react";
 import { groupSeries } from "./helpers.js";
 import { LegendGroup } from "./LegendGroup.js";
 import { LegendItem } from "./LegendItem.js";
@@ -9,35 +8,23 @@ import { isLegendGroup, isSeriesItemMetric, isSeriesItemSeparator, } from "./typ
 export function LegendSeparator() {
     return _jsx("div", { className: "legend-separator", "data-testid": "legend-separator", "aria-hidden": true });
 }
-const LegendListItem = memo(function LegendListItem({ index, item, enableBorderRadius, width, describedBy, onItemClick, chartFill, }) {
+const LegendListItem = memo(function LegendListItem({ index, item, enableBorderRadius, width, onItemClick, chartFill, }) {
     const borderRadius = shouldItemHaveBorderRadius(item, enableBorderRadius);
     if (isSeriesItemSeparator(item)) {
         return _jsx(LegendSeparator, {}, index);
     }
     if (isSeriesItemMetric(item)) {
-        return (_jsx("div", { style: { display: "contents" }, role: "listitem", children: _jsx(LegendItem, { index: index, enableBorderRadius: borderRadius, item: item, width: width, onItemClick: onItemClick, describedBy: describedBy, chartFill: chartFill }, index) }));
+        return (_jsx("div", { style: { display: "contents" }, role: "listitem", children: _jsx(LegendItem, { index: index, enableBorderRadius: borderRadius, item: item, width: width, onItemClick: onItemClick, chartFill: chartFill }, index) }));
     }
     return null;
 });
 export const LegendList = memo(function LegendList({ series, enableBorderRadius, onItemClick, width, chartFill, }) {
-    const descriptionId = LegendSeriesContextStore.useContextStore((ctx) => ctx.descriptionId);
-    // Only the first item should have aria-describedby
-    const hasRenderedDescription = useRef(false);
-    function Item({ item }) {
-        let shouldHaveDescription = false;
-        if (isSeriesItemMetric(item) && item.isVisible && !hasRenderedDescription.current) {
-            shouldHaveDescription = true;
-            hasRenderedDescription.current = true;
-        }
-        return (_jsx(LegendListItem, { index: series.indexOf(item), item: item, enableBorderRadius: enableBorderRadius, width: width, onItemClick: onItemClick, chartFill: chartFill, describedBy: shouldHaveDescription ? descriptionId : undefined }));
-    }
+    const renderItem = (item, key) => (_jsx(LegendListItem, { index: series.indexOf(item), item: item, enableBorderRadius: enableBorderRadius, width: width, onItemClick: onItemClick, chartFill: chartFill }, key));
     return groupSeries(series).map((seriesItem, seriesIndex) => {
         if (isLegendGroup(seriesItem)) {
-            return (_jsx(LegendGroup, { item: seriesItem, width: width, children: seriesItem.items.map((item, index) => {
-                    return _jsx(Item, { item: item }, `item-${index}`);
-                }) }, `group-${seriesIndex}`));
+            return (_jsx(LegendGroup, { item: seriesItem, width: width, children: seriesItem.items.map((item, index) => renderItem(item, `item-${index}`)) }, `group-${seriesIndex}`));
         }
-        return _jsx(Item, { item: seriesItem }, `item-${seriesIndex}`);
+        return renderItem(seriesItem, `item-${seriesIndex}`);
     });
 });
 function shouldItemHaveBorderRadius(item, enableBorderRadius = false) {

package/esm/legend/LegendSeries.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"LegendSeries.d.ts","sourceRoot":"","sources":["../../src/legend/LegendSeries.tsx"],"names":[],"mappings":"AAEA,OAAO,EACH,KAAK,aAAa,EAGlB,KAAK,SAAS,EAIjB,MAAM,OAAO,CAAC;AASf,OAAO,EAAE,KAAK,WAAW,EAAsB,MAAM,YAAY,CAAC;AAGlE,UAAU,kBAAkB;IACxB,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,YAAY,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,4GA0GvB,CAAC"}
+{"version":3,"file":"LegendSeries.d.ts","sourceRoot":"","sources":["../../src/legend/LegendSeries.tsx"],"names":[],"mappings":"AAEA,OAAO,EACH,KAAK,aAAa,EAGlB,KAAK,SAAS,EAIjB,MAAM,OAAO,CAAC;AASf,OAAO,EAAE,KAAK,WAAW,EAAsB,MAAM,YAAY,CAAC;AAGlE,UAAU,kBAAkB;IACxB,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,YAAY,EAAE,CAAC,IAAI,EAAE,WAAW,KAAK,IAAI,CAAC;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,4GAsGvB,CAAC"}

package/esm/legend/LegendSeries.js

@@ -1,8 +1,8 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// (C) 2025 GoodData Corporation
+import { jsx as _jsx } from "react/jsx-runtime";
+// (C) 2025-2026 GoodData Corporation
 import { forwardRef, useMemo, useState, } from "react";
 import cx from "classnames";
-import { FormattedMessage, useIntl } from "react-intl";
+import { useIntl } from "react-intl";
 import { useAutoupdateRef } from "@gooddata/sdk-ui";
 import { makeLinearKeyboardNavigation, useIdPrefixed } from "@gooddata/sdk-ui-kit";
 import { LegendSeriesContextStore, VisibilityContext, useLegendSeriesContextValue } from "./context.js";
@@ -31,7 +31,7 @@ export const LegendSeries = forwardRef(function LegendSeries({ series, label, st
         id,
         focusedIndex,
     });
-    const { makeItemId, descriptionId } = legendContextValue;
+    const { makeItemId } = legendContextValue;
     // Initialize visibility detection for legend items
     const { viewportRefCallback, contextValue: visibilityContextValue } = useVisibilityDetection();
     const keyDownDepsRef = useAutoupdateRef({
@@ -64,11 +64,9 @@ export const LegendSeries = forwardRef(function LegendSeries({ series, label, st
             onToggleItem(series[focusedIndex]);
         },
     }), [keyDownDepsRef, visibilityContextValue, focusableIndicesMap]);
-    return (_jsx(LegendSeriesContextStore, { value: legendContextValue, children: _jsx(VisibilityContext.Provider, { value: visibilityContextValue, children: _jsxs("div", { className: cx("series-wrapper legend-series-wrapper", className), role: "group", "aria-activedescendant": makeItemId(series[focusedIndex]), tabIndex: 0, onKeyDown: handleKeyDown, ref: viewportRefCallback, children: [
-                    _jsx("div", { className: "series legend-series", role: "list", "aria-label": label
-                            ? formatMessage({ id: "properties.legend.series.named" }, { name: label })
-                            : formatMessage({ id: "properties.legend.series.unnamed" }), style: style, ref: ref, children: children }), _jsx("p", { id: descriptionId, className: "sr-only", children: _jsx(FormattedMessage, { id: "properties.legend.series.item.description" }) })
-                ] }) }) }));
+    return (_jsx(LegendSeriesContextStore, { value: legendContextValue, children: _jsx(VisibilityContext.Provider, { value: visibilityContextValue, children: _jsx("div", { className: cx("series-wrapper legend-series-wrapper", className), role: "group", "aria-activedescendant": makeItemId(series[focusedIndex]), tabIndex: 0, onKeyDown: handleKeyDown, ref: viewportRefCallback, children: _jsx("div", { className: "series legend-series", role: "list", "aria-label": label
+                        ? formatMessage({ id: "properties.legend.series.named" }, { name: label })
+                        : formatMessage({ id: "properties.legend.series.unnamed" }), style: style, ref: ref, children: children }) }) }) }));
 });
 // Helper functions for finding visible items using original indices
 const findFirstVisibleOriginal = (focusableIndicesMap, isVisible) => {

package/esm/legend/context.d.ts

@@ -6,12 +6,10 @@ export declare const useLegendSeriesContextValue: ({ series, focusedIndex, id, }
 }) => {
     focusedItem: ISeriesItem;
     makeItemId: (item?: ISeriesItem | undefined) => string | undefined;
-    descriptionId: string;
 };
 export declare const LegendSeriesContextStore: import("@gooddata/sdk-ui").IContextStore<{
     focusedItem: ISeriesItem;
     makeItemId: (item?: ISeriesItem | undefined) => string | undefined;
-    descriptionId: string;
 }>;
 /**
  * Context for tracking visibility of legend items

package/esm/legend/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/legend/context.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,YAAY,CAAC;AAE9C,eAAO,MAAM,2BAA2B;;;;;;;;CAwBvC,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;;EACiD,CAAC;AAEvF;;;GAGG;AACH,MAAM,WAAW,kBAAkB;IAC/B,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACnE,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACtC,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CAC7B;AAED;;;GAGG;AACH,eAAO,MAAM,iBAAiB,oDAAiD,CAAC;AAEhF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,0BAM7B,CAAC"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../src/legend/context.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,YAAY,CAAC;AAE9C,eAAO,MAAM,2BAA2B;;;;;;;CAqBvC,CAAC;AAEF,eAAO,MAAM,wBAAwB;;;EACiD,CAAC;AAEvF;;;GAGG;AACH,MAAM,WAAW,kBAAkB;IAC/B,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAC;IACnE,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;IACtC,YAAY,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;CAC7B;AAED;;;GAGG;AACH,eAAO,MAAM,iBAAiB,oDAAiD,CAAC;AAEhF;;;GAGG;AACH,eAAO,MAAM,iBAAiB,0BAM7B,CAAC"}

package/esm/legend/context.js

@@ -1,14 +1,12 @@
-// (C) 2025 GoodData Corporation
+// (C) 2025-2026 GoodData Corporation
 import { createContext, useCallback, useContext, useMemo } from "react";
 import { createContextStore } from "@gooddata/sdk-ui";
 export const useLegendSeriesContextValue = ({ series, focusedIndex, id, }) => {
-    const descriptionId = `${id}-description`;
     const makeItemId = useCallback((item) => item && `${id}-${series.indexOf(item)}`, [id, series]);
     return useMemo(() => ({
         focusedItem: series[focusedIndex],
         makeItemId,
-        descriptionId,
-    }), [descriptionId, focusedIndex, makeItemId, series]);
+    }), [focusedIndex, makeItemId, series]);
 };
 export const LegendSeriesContextStore = createContextStore("LegendSeries");
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gooddata/sdk-ui-vis-commons",
-  "version": "11.44.0-alpha.1",
+  "version": "11.44.0-alpha.3",
   "description": "GoodData.UI SDK - common functionality for different types of visualizations",
   "license": "MIT",
   "author": "GoodData Corporation",
@@ -36,11 +36,11 @@
     "react-intl": "7.1.11",
     "react-measure": "^2.5.2",
     "tslib": "2.8.1",
-    "@gooddata/sdk-backend-spi": "11.44.0-alpha.1",
-    "@gooddata/sdk-ui": "11.44.0-alpha.1",
-    "@gooddata/sdk-model": "11.44.0-alpha.1",
-    "@gooddata/sdk-ui-kit": "11.44.0-alpha.1",
-    "@gooddata/sdk-ui-theme-provider": "11.44.0-alpha.1"
+    "@gooddata/sdk-backend-spi": "11.44.0-alpha.3",
+    "@gooddata/sdk-model": "11.44.0-alpha.3",
+    "@gooddata/sdk-ui": "11.44.0-alpha.3",
+    "@gooddata/sdk-ui-kit": "11.44.0-alpha.3",
+    "@gooddata/sdk-ui-theme-provider": "11.44.0-alpha.3"
   },
   "devDependencies": {
     "@microsoft/api-documenter": "^7.17.0",
@@ -81,11 +81,11 @@
     "typescript": "5.9.3",
     "vitest": "4.1.8",
     "vitest-dom": "0.1.1",
-    "@gooddata/eslint-config": "11.44.0-alpha.1",
-    "@gooddata/oxlint-config": "11.44.0-alpha.1",
-    "@gooddata/sdk-backend-mockingbird": "11.44.0-alpha.1",
-    "@gooddata/reference-workspace": "11.44.0-alpha.1",
-    "@gooddata/stylelint-config": "11.44.0-alpha.1"
+    "@gooddata/oxlint-config": "11.44.0-alpha.3",
+    "@gooddata/eslint-config": "11.44.0-alpha.3",
+    "@gooddata/reference-workspace": "11.44.0-alpha.3",
+    "@gooddata/sdk-backend-mockingbird": "11.44.0-alpha.3",
+    "@gooddata/stylelint-config": "11.44.0-alpha.3"
   },
   "peerDependencies": {
     "react": "^18.0.0 || ^19.0.0",