@gooddata/sdk-ui-vis-commons 10.24.0-alpha.2 → 10.24.0-alpha.20

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

@@ -1 +1 @@
-{"version":3,"file":"LegendItem.d.ts","sourceRoot":"","sources":["../../src/legend/LegendItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAK7C,UAAU,gBAAgB;IACtB,IAAI,EAAE,GAAG,CAAC;IACV,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,WAAW,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;;AAoCD,wBAAqC"}
+{"version":3,"file":"LegendItem.d.ts","sourceRoot":"","sources":["../../src/legend/LegendItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAM7C,UAAU,gBAAgB;IACtB,IAAI,EAAE,GAAG,CAAC;IACV,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,WAAW,EAAE,CAAC,IAAI,EAAE,GAAG,KAAK,IAAI,CAAC;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;;AAiDD,wBAAqC"}

package/esm/legend/LegendItem.js

@@ -1,30 +1,30 @@
-// (C) 2007-2023 GoodData Corporation
+// (C) 2007-2025 GoodData Corporation
 import React from "react";
 import unescape from "lodash/unescape.js";
 import { withTheme } from "@gooddata/sdk-ui-theme-provider";
+import { useId } from "@gooddata/sdk-ui-kit";
 const DEFAULT_DISABLED_COLOR = "#CCCCCC";
-class LegendItem extends React.Component {
-    render() {
-        const { item, width, enableBorderRadius = false, theme } = this.props;
-        const disabledColor = theme?.palette?.complementary?.c5 ?? DEFAULT_DISABLED_COLOR;
-        const iconStyle = {
-            borderRadius: enableBorderRadius ? "50%" : "0",
-            backgroundColor: item.isVisible ? item.color : disabledColor,
+const LegendItem = ({ item, width, enableBorderRadius = false, onItemClick, theme, }) => {
+    const disabledColor = theme?.palette?.complementary?.c5 ?? DEFAULT_DISABLED_COLOR;
+    const iconStyle = {
+        borderRadius: enableBorderRadius ? "50%" : "0",
+        backgroundColor: item.isVisible ? item.color : disabledColor,
+    };
+    // normal state styled by css
+    const nameStyle = item.isVisible
+        ? {}
+        : {
+            color: disabledColor,
         };
-        // normal state styled by css
-        const nameStyle = item.isVisible
-            ? {}
-            : {
-                color: disabledColor,
-            };
-        const style = width ? { width: `${width}px` } : {};
-        const onItemClick = () => {
-            return this.props.onItemClick(item);
-        };
-        return (React.createElement("div", { style: style, className: "series-item", onClick: onItemClick, "aria-label": "Legend item" },
-            React.createElement("div", { className: "series-icon", style: iconStyle }),
-            React.createElement("div", { className: "series-name", style: nameStyle, title: unescape(item.name) }, item.name)));
-    }
-}
+    const style = width ? { width: `${width}px` } : {};
+    const handleItemClick = () => {
+        return onItemClick(item);
+    };
+    const id = useId();
+    const legendItemId = `legend-item-${id}`;
+    return (React.createElement("button", { "data-testid": "legend-item", style: style, className: "series-item", onClick: handleItemClick, "aria-labelledby": legendItemId, title: unescape(item.name) },
+        React.createElement("div", { className: "series-icon", style: iconStyle }),
+        React.createElement("div", { id: legendItemId, className: "series-name", style: nameStyle }, item.name)));
+};
 export default withTheme(LegendItem);
 //# sourceMappingURL=LegendItem.js.map

package/esm/legend/LegendItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"LegendItem.js","sourceRoot":"","sources":["../../src/legend/LegendItem.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,oBAAoB,CAAC;AAE1C,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAE5D,MAAM,sBAAsB,GAAG,SAAS,CAAC;AAUzC,MAAM,UAAW,SAAQ,KAAK,CAAC,SAA2B;IAC/C,MAAM;QACT,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,kBAAkB,GAAG,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QACtE,MAAM,aAAa,GAAG,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,EAAE,IAAI,sBAAsB,CAAC;QAElF,MAAM,SAAS,GAAG;YACd,YAAY,EAAE,kBAAkB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG;YAC9C,eAAe,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa;SAC/D,CAAC;QAEF,6BAA6B;QAC7B,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS;YAC5B,CAAC,CAAC,EAAE;YACJ,CAAC,CAAC;gBACI,KAAK,EAAE,aAAa;aACvB,CAAC;QAER,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;QAEnD,MAAM,WAAW,GAAG,GAAG,EAAE;YACrB,OAAO,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACxC,CAAC,CAAC;QAEF,OAAO,CACH,6BAAK,KAAK,EAAE,KAAK,EAAE,SAAS,EAAC,aAAa,EAAC,OAAO,EAAE,WAAW,gBAAa,aAAa;YACrF,6BAAK,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,SAAS,GAAI;YACjD,6BAAK,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,IACpE,IAAI,CAAC,IAAI,CACR,CACJ,CACT,CAAC;IACN,CAAC;CACJ;AAED,eAAe,SAAS,CAAC,UAAU,CAAC,CAAC"}
+{"version":3,"file":"LegendItem.js","sourceRoot":"","sources":["../../src/legend/LegendItem.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,oBAAoB,CAAC;AAE1C,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAE7C,MAAM,sBAAsB,GAAG,SAAS,CAAC;AAUzC,MAAM,UAAU,GAA+B,CAAC,EAC5C,IAAI,EACJ,KAAK,EACL,kBAAkB,GAAG,KAAK,EAC1B,WAAW,EACX,KAAK,GACR,EAAE,EAAE;IACD,MAAM,aAAa,GAAG,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,EAAE,IAAI,sBAAsB,CAAC;IAElF,MAAM,SAAS,GAAG;QACd,YAAY,EAAE,kBAAkB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,GAAG;QAC9C,eAAe,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa;KAC/D,CAAC;IAEF,6BAA6B;IAC7B,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS;QAC5B,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC;YACI,KAAK,EAAE,aAAa;SACvB,CAAC;IAER,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IAEnD,MAAM,eAAe,GAAG,GAAG,EAAE;QACzB,OAAO,WAAW,CAAC,IAAI,CAAC,CAAC;IAC7B,CAAC,CAAC;IAEF,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IACnB,MAAM,YAAY,GAAG,eAAe,EAAE,EAAE,CAAC;IAEzC,OAAO,CACH,+CACiB,aAAa,EAC1B,KAAK,EAAE,KAAK,EACZ,SAAS,EAAC,aAAa,EACvB,OAAO,EAAE,eAAe,qBACP,YAAY,EAC7B,KAAK,EAAE,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC;QAE1B,6BAAK,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,SAAS,GAAI;QACjD,6BAAK,EAAE,EAAE,YAAY,EAAE,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,SAAS,IAC1D,IAAI,CAAC,IAAI,CACR,CACD,CACZ,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC,UAAU,CAAC,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"Paging.d.ts","sourceRoot":"","sources":["../../src/legend/Paging.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAAG,QAAQ,GAAG,WAAW,CAAC;AAE5D;;GAEG;AACH,MAAM,WAAW,YAAY;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,IAAI,IAAI,CAAC;IACrB,YAAY,IAAI,IAAI,CAAC;IACrB,kBAAkB,CAAC,EAAE,sBAAsB,CAAC;CAC/C;AAED,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,MAAM,CAAC;AA2C/C;;GAEG;AACH,eAAO,MAAM,MAAM,UAAW,YAAY,KAAG,MAAM,YAiBlD,CAAC"}
+{"version":3,"file":"Paging.d.ts","sourceRoot":"","sources":["../../src/legend/Paging.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B;;GAEG;AACH,MAAM,MAAM,sBAAsB,GAAG,QAAQ,GAAG,WAAW,CAAC;AAE5D;;GAEG;AACH,MAAM,WAAW,YAAY;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,IAAI,IAAI,CAAC;IACrB,YAAY,IAAI,IAAI,CAAC;IACrB,kBAAkB,CAAC,EAAE,sBAAsB,CAAC;CAC/C;AAED,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,MAAM,CAAC;AA6C/C;;GAEG;AACH,eAAO,MAAM,MAAM,UAAW,YAAY,KAAG,MAAM,YA2BlD,CAAC"}

package/esm/legend/Paging.js

@@ -1,7 +1,8 @@
-// (C) 2020-2023 GoodData Corporation
+// (C) 2020-2025 GoodData Corporation
 import React from "react";
-import { FormattedMessage } from "react-intl";
+import { FormattedMessage, useIntl } from "react-intl";
 import cx from "classnames";
+import { messages } from "../locales.js";
 function getbuttonIcoStyle(type, buttonsOrientation) {
     if (type === "prev") {
         if (buttonsOrientation === "upDown") {
@@ -17,24 +18,23 @@ function getbuttonIcoStyle(type, buttonsOrientation) {
     }
     return undefined;
 }
-function renderPagingButton(type, buttonsOrientation, handler, disabled) {
+const PagingButton = ({ type, buttonsOrientation, handler, disabled }) => {
+    const intl = useIntl();
     const classes = cx("gd-button-link", "gd-button-icon-only", `gd-icon-chevron-${getbuttonIcoStyle(type, buttonsOrientation)}`, "paging-button");
-    const onClick = () => {
-        handler();
-    };
-    return React.createElement("button", { className: classes, onClick: onClick, disabled: disabled });
-}
+    const buttonLabel = type === "prev" ? intl.formatMessage(messages.previous) : intl.formatMessage(messages.next);
+    return React.createElement("button", { className: classes, onClick: handler, disabled: disabled, "aria-label": buttonLabel });
+};
 /**
  * @internal
  */
 export const Paging = (props) => {
     const { page, pagesCount, buttonsOrientation = "upDown", showNextPage, showPrevPage } = props;
-    return (React.createElement("div", { className: "paging", "aria-label": "Paging" },
-        renderPagingButton("prev", buttonsOrientation, showPrevPage, page === 1),
+    return (React.createElement("div", { className: "paging", "data-testid": "Paging" },
+        React.createElement(PagingButton, { type: "prev", buttonsOrientation: buttonsOrientation, handler: showPrevPage, disabled: page === 1 }),
         React.createElement(FormattedMessage, { id: "visualizations.of", tagName: "span", values: {
                 page: React.createElement("strong", null, page),
                 pagesCount,
             } }),
-        renderPagingButton("next", buttonsOrientation, showNextPage, page === pagesCount)));
+        React.createElement(PagingButton, { type: "next", buttonsOrientation: buttonsOrientation, handler: showNextPage, disabled: page === pagesCount })));
 };
 //# sourceMappingURL=Paging.js.map

package/esm/legend/Paging.js.map

@@ -1 +1 @@
-{"version":3,"file":"Paging.js","sourceRoot":"","sources":["../../src/legend/Paging.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EAAE,MAAM,YAAY,CAAC;AAoB5B,SAAS,iBAAiB,CACtB,IAAsB,EACtB,kBAA0C;IAE1C,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;QAClB,IAAI,kBAAkB,KAAK,QAAQ,EAAE,CAAC;YAClC,OAAO,IAAI,CAAC;QAChB,CAAC;QACD,OAAO,MAAM,CAAC;IAClB,CAAC;IAED,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;QAClB,IAAI,kBAAkB,KAAK,QAAQ,EAAE,CAAC;YAClC,OAAO,MAAM,CAAC;QAClB,CAAC;QACD,OAAO,OAAO,CAAC;IACnB,CAAC;IAED,OAAO,SAAS,CAAC;AACrB,CAAC;AAED,SAAS,kBAAkB,CACvB,IAAsB,EACtB,kBAA0C,EAC1C,OAAmB,EACnB,QAAiB;IAEjB,MAAM,OAAO,GAAG,EAAE,CACd,gBAAgB,EAChB,qBAAqB,EACrB,mBAAmB,iBAAiB,CAAC,IAAI,EAAE,kBAAkB,CAAC,EAAE,EAChE,eAAe,CAClB,CAAC;IAEF,MAAM,OAAO,GAAG,GAAG,EAAE;QACjB,OAAO,EAAE,CAAC;IACd,CAAC,CAAC;IAEF,OAAO,gCAAQ,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,GAAI,CAAC;AAChF,CAAC;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAmB,EAAsB,EAAE;IAC9D,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,kBAAkB,GAAG,QAAQ,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAE9F,OAAO,CACH,6BAAK,SAAS,EAAC,QAAQ,gBAAY,QAAQ;QACtC,kBAAkB,CAAC,MAAM,EAAE,kBAAkB,EAAE,YAAY,EAAE,IAAI,KAAK,CAAC,CAAC;QACzE,oBAAC,gBAAgB,IACb,EAAE,EAAC,mBAAmB,EACtB,OAAO,EAAC,MAAM,EACd,MAAM,EAAE;gBACJ,IAAI,EAAE,oCAAS,IAAI,CAAU;gBAC7B,UAAU;aACb,GACH;QACD,kBAAkB,CAAC,MAAM,EAAE,kBAAkB,EAAE,YAAY,EAAE,IAAI,KAAK,UAAU,CAAC,CAChF,CACT,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"file":"Paging.js","sourceRoot":"","sources":["../../src/legend/Paging.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACvD,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAoBzC,SAAS,iBAAiB,CACtB,IAAsB,EACtB,kBAA0C;IAE1C,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;QAClB,IAAI,kBAAkB,KAAK,QAAQ,EAAE,CAAC;YAClC,OAAO,IAAI,CAAC;QAChB,CAAC;QACD,OAAO,MAAM,CAAC;IAClB,CAAC;IAED,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;QAClB,IAAI,kBAAkB,KAAK,QAAQ,EAAE,CAAC;YAClC,OAAO,MAAM,CAAC;QAClB,CAAC;QACD,OAAO,OAAO,CAAC;IACnB,CAAC;IAED,OAAO,SAAS,CAAC;AACrB,CAAC;AASD,MAAM,YAAY,GAAiC,CAAC,EAAE,IAAI,EAAE,kBAAkB,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE;IACnG,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,OAAO,GAAG,EAAE,CACd,gBAAgB,EAChB,qBAAqB,EACrB,mBAAmB,iBAAiB,CAAC,IAAI,EAAE,kBAAkB,CAAC,EAAE,EAChE,eAAe,CAClB,CAAC;IAEF,MAAM,WAAW,GACb,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IAEhG,OAAO,gCAAQ,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,gBAAc,WAAW,GAAI,CAAC;AACzG,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAmB,EAAsB,EAAE;IAC9D,MAAM,EAAE,IAAI,EAAE,UAAU,EAAE,kBAAkB,GAAG,QAAQ,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,KAAK,CAAC;IAE9F,OAAO,CACH,6BAAK,SAAS,EAAC,QAAQ,iBAAc,QAAQ;QACzC,oBAAC,YAAY,IACT,IAAI,EAAC,MAAM,EACX,kBAAkB,EAAE,kBAAkB,EACtC,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,IAAI,KAAK,CAAC,GACtB;QACF,oBAAC,gBAAgB,IACb,EAAE,EAAC,mBAAmB,EACtB,OAAO,EAAC,MAAM,EACd,MAAM,EAAE;gBACJ,IAAI,EAAE,oCAAS,IAAI,CAAU;gBAC7B,UAAU;aACb,GACH;QACF,oBAAC,YAAY,IACT,IAAI,EAAC,MAAM,EACX,kBAAkB,EAAE,kBAAkB,EACtC,OAAO,EAAE,YAAY,EACrB,QAAQ,EAAE,IAAI,KAAK,UAAU,GAC/B,CACA,CACT,CAAC;AACN,CAAC,CAAC"}

package/esm/locales.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"locales.d.ts","sourceRoot":"","sources":["../src/locales.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAkB,MAAM,YAAY,CAAC;AAG/D,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAUrD,CAAC"}
+{"version":3,"file":"locales.d.ts","sourceRoot":"","sources":["../src/locales.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAkB,MAAM,YAAY,CAAC;AAG/D,eAAO,MAAM,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAYrD,CAAC"}

package/esm/locales.js

@@ -1,4 +1,4 @@
-// (C) 2019-2023 GoodData Corporation
+// (C) 2019-2025 GoodData Corporation
 import { defineMessages } from "react-intl";
 //NOTE: Follow up ticket for move all messages: https://gooddata.atlassian.net/browse/FET-1050
 export const messages = defineMessages({
@@ -11,5 +11,7 @@ export const messages = defineMessages({
     line: { id: "visualizations.legend.text.line" },
     area: { id: "visualizations.legend.text.area" },
     combo: { id: "visualizations.legend.text.combo" },
+    previous: { id: "visualizations.pagination.previous" },
+    next: { id: "visualizations.pagination.next" },
 });
 //# sourceMappingURL=locales.js.map

package/esm/locales.js.map

@@ -1 +1 @@
-{"version":3,"file":"locales.js","sourceRoot":"","sources":["../src/locales.ts"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,EAAqB,cAAc,EAAE,MAAM,YAAY,CAAC;AAE/D,8FAA8F;AAC9F,MAAM,CAAC,MAAM,QAAQ,GAAsC,cAAc,CAAC;IACtE,GAAG,EAAE,EAAE,EAAE,EAAE,gCAAgC,EAAE;IAC7C,MAAM,EAAE,EAAE,EAAE,EAAE,mCAAmC,EAAE;IACnD,IAAI,EAAE,EAAE,EAAE,EAAE,iCAAiC,EAAE;IAC/C,KAAK,EAAE,EAAE,EAAE,EAAE,kCAAkC,EAAE;IACjD,KAAK,EAAE,EAAE,EAAE,EAAE,kCAAkC,EAAE;IACjD,MAAM,EAAE,EAAE,EAAE,EAAE,mCAAmC,EAAE;IACnD,IAAI,EAAE,EAAE,EAAE,EAAE,iCAAiC,EAAE;IAC/C,IAAI,EAAE,EAAE,EAAE,EAAE,iCAAiC,EAAE;IAC/C,KAAK,EAAE,EAAE,EAAE,EAAE,kCAAkC,EAAE;CACpD,CAAC,CAAC"}
+{"version":3,"file":"locales.js","sourceRoot":"","sources":["../src/locales.ts"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,EAAqB,cAAc,EAAE,MAAM,YAAY,CAAC;AAE/D,8FAA8F;AAC9F,MAAM,CAAC,MAAM,QAAQ,GAAsC,cAAc,CAAC;IACtE,GAAG,EAAE,EAAE,EAAE,EAAE,gCAAgC,EAAE;IAC7C,MAAM,EAAE,EAAE,EAAE,EAAE,mCAAmC,EAAE;IACnD,IAAI,EAAE,EAAE,EAAE,EAAE,iCAAiC,EAAE;IAC/C,KAAK,EAAE,EAAE,EAAE,EAAE,kCAAkC,EAAE;IACjD,KAAK,EAAE,EAAE,EAAE,EAAE,kCAAkC,EAAE;IACjD,MAAM,EAAE,EAAE,EAAE,EAAE,mCAAmC,EAAE;IACnD,IAAI,EAAE,EAAE,EAAE,EAAE,iCAAiC,EAAE;IAC/C,IAAI,EAAE,EAAE,EAAE,EAAE,iCAAiC,EAAE;IAC/C,KAAK,EAAE,EAAE,EAAE,EAAE,kCAAkC,EAAE;IACjD,QAAQ,EAAE,EAAE,EAAE,EAAE,oCAAoC,EAAE;IACtD,IAAI,EAAE,EAAE,EAAE,EAAE,gCAAgC,EAAE;CACjD,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gooddata/sdk-ui-vis-commons",
-  "version": "10.24.0-alpha.2",
+  "version": "10.24.0-alpha.20",
   "description": "GoodData.UI SDK - common functionality for different types of visualizations",
   "repository": {
     "type": "git",
@@ -36,11 +36,11 @@
     "react-intl": "^6.4.1",
     "react-measure": "^2.5.2",
     "tslib": "^2.5.0",
-    "@gooddata/sdk-backend-spi": "10.24.0-alpha.2",
-    "@gooddata/sdk-model": "10.24.0-alpha.2",
-    "@gooddata/sdk-ui-kit": "10.24.0-alpha.2",
-    "@gooddata/sdk-ui": "10.24.0-alpha.2",
-    "@gooddata/sdk-ui-theme-provider": "10.24.0-alpha.2"
+    "@gooddata/sdk-backend-spi": "10.24.0-alpha.20",
+    "@gooddata/sdk-model": "10.24.0-alpha.20",
+    "@gooddata/sdk-ui": "10.24.0-alpha.20",
+    "@gooddata/sdk-ui-kit": "10.24.0-alpha.20",
+    "@gooddata/sdk-ui-theme-provider": "10.24.0-alpha.20"
   },
   "peerDependencies": {
     "react": "^16.10.0 || ^17.0.0 || ^18.0.0",
@@ -85,8 +85,8 @@
     "typescript": "5.3.3",
     "vitest": "3.0.8",
     "vitest-dom": "0.1.1",
-    "@gooddata/reference-workspace": "10.24.0-alpha.2",
-    "@gooddata/sdk-backend-mockingbird": "10.24.0-alpha.2"
+    "@gooddata/reference-workspace": "10.24.0-alpha.20",
+    "@gooddata/sdk-backend-mockingbird": "10.24.0-alpha.20"
   },
   "scripts": {
     "clean": "rm -rf ci dist esm coverage styles/css *.log tsconfig.tsbuildinfo",

package/styles/scss/legend.scss

@@ -51,6 +51,17 @@ $legend-content-background: var(--gd-chart-backgroundColor, var(--gd-palette-com
         text-align: left;
     }
 
+    .series-item {
+        background: none;
+        border: none;
+        padding: 0;
+        margin: 0;
+        text-align: left;
+        &:focus-visible {
+            outline: auto;
+        }
+    }
+
     .series-item,
     .series-axis-indicator {
         display: flex;
@@ -96,6 +107,10 @@ $legend-content-background: var(--gd-chart-backgroundColor, var(--gd-palette-com
             padding: 0;
             border-radius: 50%;
 
+            &:focus-visible {
+                outline: auto;
+            }
+
             &::before {
                 font-size: 11px;
             }