@gooddata/sdk-ui-vis-commons 10.44.0-alpha.3 → 10.44.0-alpha.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm/coloring/PatternFill.d.ts +1 -2
- package/esm/coloring/PatternFill.d.ts.map +1 -1
- package/esm/coloring/PatternFill.js +2 -6
- package/esm/coloring/PatternFill.js.map +1 -1
- package/esm/compactSize/HeadlinePagination.d.ts +2 -2
- package/esm/compactSize/HeadlinePagination.d.ts.map +1 -1
- package/esm/compactSize/HeadlinePagination.js +6 -9
- package/esm/compactSize/HeadlinePagination.js.map +1 -1
- package/esm/compactSize/HeadlinePaginationRenderer.d.ts +1 -2
- package/esm/compactSize/HeadlinePaginationRenderer.d.ts.map +1 -1
- package/esm/compactSize/HeadlinePaginationRenderer.js +7 -8
- package/esm/compactSize/HeadlinePaginationRenderer.js.map +1 -1
- package/esm/legend/ColorLegend.d.ts +2 -2
- package/esm/legend/ColorLegend.d.ts.map +1 -1
- package/esm/legend/ColorLegend.js +13 -20
- package/esm/legend/ColorLegend.js.map +1 -1
- package/esm/legend/FluidLegend.d.ts +1 -2
- package/esm/legend/FluidLegend.d.ts.map +1 -1
- package/esm/legend/FluidLegend.js +5 -8
- package/esm/legend/FluidLegend.js.map +1 -1
- package/esm/legend/HeatmapLegend.d.ts +1 -2
- package/esm/legend/HeatmapLegend.d.ts.map +1 -1
- package/esm/legend/HeatmapLegend.js +3 -2
- package/esm/legend/HeatmapLegend.js.map +1 -1
- package/esm/legend/Legend.d.ts +1 -2
- package/esm/legend/Legend.d.ts.map +1 -1
- package/esm/legend/Legend.js +18 -20
- package/esm/legend/Legend.js.map +1 -1
- package/esm/legend/LegendGroup.d.ts +3 -3
- package/esm/legend/LegendGroup.d.ts.map +1 -1
- package/esm/legend/LegendGroup.js +2 -8
- package/esm/legend/LegendGroup.js.map +1 -1
- package/esm/legend/LegendItem.d.ts +1 -2
- package/esm/legend/LegendItem.d.ts.map +1 -1
- package/esm/legend/LegendItem.js +4 -5
- package/esm/legend/LegendItem.js.map +1 -1
- package/esm/legend/LegendLabelItem.d.ts +1 -2
- package/esm/legend/LegendLabelItem.d.ts.map +1 -1
- package/esm/legend/LegendLabelItem.js +2 -4
- package/esm/legend/LegendLabelItem.js.map +1 -1
- package/esm/legend/LegendList.d.ts +2 -2
- package/esm/legend/LegendList.d.ts.map +1 -1
- package/esm/legend/LegendList.js +13 -13
- package/esm/legend/LegendList.js.map +1 -1
- package/esm/legend/LegendSeries.d.ts +4 -4
- package/esm/legend/LegendSeries.d.ts.map +1 -1
- package/esm/legend/LegendSeries.js +9 -13
- package/esm/legend/LegendSeries.js.map +1 -1
- package/esm/legend/Paging.d.ts +2 -2
- package/esm/legend/Paging.d.ts.map +1 -1
- package/esm/legend/Paging.js +6 -10
- package/esm/legend/Paging.js.map +1 -1
- package/esm/legend/PopUpLegend/LegendDialog.d.ts +3 -3
- package/esm/legend/PopUpLegend/LegendDialog.d.ts.map +1 -1
- package/esm/legend/PopUpLegend/LegendDialog.js +9 -15
- package/esm/legend/PopUpLegend/LegendDialog.js.map +1 -1
- package/esm/legend/PopUpLegend/PopUpLegend.d.ts +2 -2
- package/esm/legend/PopUpLegend/PopUpLegend.d.ts.map +1 -1
- package/esm/legend/PopUpLegend/PopUpLegend.js +6 -8
- package/esm/legend/PopUpLegend/PopUpLegend.js.map +1 -1
- package/esm/legend/PopUpLegend/RowLegend.d.ts +2 -3
- package/esm/legend/PopUpLegend/RowLegend.d.ts.map +1 -1
- package/esm/legend/PopUpLegend/RowLegend.js +8 -14
- package/esm/legend/PopUpLegend/RowLegend.js.map +1 -1
- package/esm/legend/StaticLegend.d.ts +2 -2
- package/esm/legend/StaticLegend.d.ts.map +1 -1
- package/esm/legend/StaticLegend.js +9 -14
- package/esm/legend/StaticLegend.js.map +1 -1
- package/esm/legend/context.d.ts +1 -2
- package/esm/legend/context.d.ts.map +1 -1
- package/esm/legend/context.js +5 -5
- package/esm/legend/context.js.map +1 -1
- package/esm/sdk-ui-vis-commons.d.ts +12 -10
- package/package.json +14 -14
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import React from "react";
|
|
2
1
|
import { IPatternOptionsObject } from "./types.js";
|
|
3
2
|
/**
|
|
4
3
|
* @internal
|
|
@@ -9,5 +8,5 @@ export interface IPatternFillProps {
|
|
|
9
8
|
/**
|
|
10
9
|
* @internal
|
|
11
10
|
*/
|
|
12
|
-
export declare function PatternFill({ patternFill }: IPatternFillProps):
|
|
11
|
+
export declare function PatternFill({ patternFill }: IPatternFillProps): import("react/jsx-runtime").JSX.Element;
|
|
13
12
|
//# sourceMappingURL=PatternFill.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PatternFill.d.ts","sourceRoot":"","sources":["../../src/coloring/PatternFill.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PatternFill.d.ts","sourceRoot":"","sources":["../../src/coloring/PatternFill.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAEnD;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAC9B,WAAW,EAAE,qBAAqB,CAAC;CACtC;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAAE,WAAW,EAAE,EAAE,iBAAiB,2CA2B7D"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
1
2
|
// (C) 2025 GoodData Corporation
|
|
2
|
-
import React from "react";
|
|
3
3
|
import { useIdPrefixed } from "@gooddata/sdk-ui-kit";
|
|
4
4
|
/**
|
|
5
5
|
* @internal
|
|
@@ -8,10 +8,6 @@ export function PatternFill({ patternFill }) {
|
|
|
8
8
|
const patternId = useIdPrefixed("palette-item-pattern");
|
|
9
9
|
const { path, opacity, width, height } = patternFill;
|
|
10
10
|
const hasStroke = typeof path.strokeWidth === "number" && path.strokeWidth > 0;
|
|
11
|
-
return (
|
|
12
|
-
React.createElement("defs", null,
|
|
13
|
-
React.createElement("pattern", { id: patternId, patternUnits: "userSpaceOnUse", width: width, height: height },
|
|
14
|
-
React.createElement("path", { d: path.d, stroke: hasStroke ? "currentColor" : "none", fill: hasStroke ? "none" : "currentColor", opacity: opacity, strokeWidth: path.strokeWidth }))),
|
|
15
|
-
React.createElement("rect", { width: "100%", height: "100%", fill: `url(#${patternId})` })));
|
|
11
|
+
return (_jsxs("svg", { "aria-hidden": "true", focusable: "false", width: "100%", height: "100%", preserveAspectRatio: "none", style: { display: "block", position: "absolute", inset: 0 }, children: [_jsx("defs", { children: _jsx("pattern", { id: patternId, patternUnits: "userSpaceOnUse", width: width, height: height, children: _jsx("path", { d: path.d, stroke: hasStroke ? "currentColor" : "none", fill: hasStroke ? "none" : "currentColor", opacity: opacity, strokeWidth: path.strokeWidth }) }) }), _jsx("rect", { width: "100%", height: "100%", fill: `url(#${patternId})` })] }));
|
|
16
12
|
}
|
|
17
13
|
//# sourceMappingURL=PatternFill.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PatternFill.js","sourceRoot":"","sources":["../../src/coloring/PatternFill.tsx"],"names":[],"mappings":"AAAA,gCAAgC;AAEhC,OAAO,
|
|
1
|
+
{"version":3,"file":"PatternFill.js","sourceRoot":"","sources":["../../src/coloring/PatternFill.tsx"],"names":[],"mappings":";AAAA,gCAAgC;AAEhC,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAWrD;;GAEG;AACH,MAAM,UAAU,WAAW,CAAC,EAAE,WAAW,EAAqB;IAC1D,MAAM,SAAS,GAAG,aAAa,CAAC,sBAAsB,CAAC,CAAC;IACxD,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,WAAW,CAAC;IACrD,MAAM,SAAS,GAAG,OAAO,IAAI,CAAC,WAAW,KAAK,QAAQ,IAAI,IAAI,CAAC,WAAW,GAAG,CAAC,CAAC;IAC/E,OAAO,CACH,8BACgB,MAAM,EAClB,SAAS,EAAC,OAAO,EACjB,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,MAAM,EACb,mBAAmB,EAAC,MAAM,EAC1B,KAAK,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,EAAE,aAE3D,yBACI,kBAAS,EAAE,EAAE,SAAS,EAAE,YAAY,EAAC,gBAAgB,EAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,YAC9E,eACI,CAAC,EAAE,IAAI,CAAC,CAAC,EACT,MAAM,EAAE,SAAS,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,MAAM,EAC3C,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,cAAc,EACzC,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,IAAI,CAAC,WAAW,GAC/B,GACI,GACP,EACP,eAAM,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAE,QAAQ,SAAS,GAAG,GAAI,IAC7D,CACT,CAAC;AACN,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { ReactElement } from "react";
|
|
2
2
|
/**
|
|
3
3
|
* @internal
|
|
4
4
|
*/
|
|
@@ -13,5 +13,5 @@ export interface IHeadlinePaginationProps {
|
|
|
13
13
|
/**
|
|
14
14
|
* @internal
|
|
15
15
|
*/
|
|
16
|
-
export declare function HeadlinePagination({ renderSecondaryItem, renderTertiaryItem, accessibilityConfig, }: IHeadlinePaginationProps):
|
|
16
|
+
export declare function HeadlinePagination({ renderSecondaryItem, renderTertiaryItem, accessibilityConfig, }: IHeadlinePaginationProps): import("react/jsx-runtime").JSX.Element;
|
|
17
17
|
//# sourceMappingURL=HeadlinePagination.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeadlinePagination.d.ts","sourceRoot":"","sources":["../../src/compactSize/HeadlinePagination.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"HeadlinePagination.d.ts","sourceRoot":"","sources":["../../src/compactSize/HeadlinePagination.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAY,MAAM,OAAO,CAAC;AAI/C;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACrC,mBAAmB,EAAE,MAAM,YAAY,CAAC;IACxC,kBAAkB,EAAE,MAAM,YAAY,CAAC;IACvC,mBAAmB,CAAC,EAAE;QAClB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;KAC9B,CAAC;CACL;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,EAC/B,mBAAmB,EACnB,kBAAkB,EAClB,mBAAmB,GACtB,EAAE,wBAAwB,2CAyB1B"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
1
2
|
// (C) 2021-2025 GoodData Corporation
|
|
2
|
-
import
|
|
3
|
+
import { useState } from "react";
|
|
3
4
|
import { HeadlinePaginationRenderer } from "./HeadlinePaginationRenderer.js";
|
|
4
5
|
/**
|
|
5
6
|
* @internal
|
|
@@ -9,13 +10,9 @@ export function HeadlinePagination({ renderSecondaryItem, renderTertiaryItem, ac
|
|
|
9
10
|
const [item, setItem] = useState(1);
|
|
10
11
|
const showNextItem = () => setItem(item + 1);
|
|
11
12
|
const showPrevItem = () => setItem(item - 1);
|
|
12
|
-
return (
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
} }),
|
|
17
|
-
React.createElement("div", { role: "status", "aria-live": "polite", "aria-atomic": "true" },
|
|
18
|
-
item === 1 && renderSecondaryItem(),
|
|
19
|
-
item === 2 && renderTertiaryItem())));
|
|
13
|
+
return (_jsxs(_Fragment, { children: [_jsx(HeadlinePaginationRenderer, { item: item, showNextItem: showNextItem, showPrevItem: showPrevItem, accessibilityConfig: {
|
|
14
|
+
nextAriaLabel,
|
|
15
|
+
previousAriaLabel,
|
|
16
|
+
} }), _jsxs("div", { role: "status", "aria-live": "polite", "aria-atomic": "true", children: [item === 1 && renderSecondaryItem(), item === 2 && renderTertiaryItem()] })] }));
|
|
20
17
|
}
|
|
21
18
|
//# sourceMappingURL=HeadlinePagination.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeadlinePagination.js","sourceRoot":"","sources":["../../src/compactSize/HeadlinePagination.tsx"],"names":[],"mappings":"AAAA,qCAAqC;
|
|
1
|
+
{"version":3,"file":"HeadlinePagination.js","sourceRoot":"","sources":["../../src/compactSize/HeadlinePagination.tsx"],"names":[],"mappings":";AAAA,qCAAqC;AAErC,OAAO,EAAgB,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE/C,OAAO,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAc7E;;GAEG;AACH,MAAM,UAAU,kBAAkB,CAAC,EAC/B,mBAAmB,EACnB,kBAAkB,EAClB,mBAAmB,GACI;IACvB,MAAM,EAAE,aAAa,EAAE,iBAAiB,EAAE,GAAG,mBAAmB,IAAI,EAAE,CAAC;IACvE,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAS,CAAC,CAAC,CAAC;IAE5C,MAAM,YAAY,GAAG,GAAS,EAAE,CAAC,OAAO,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC;IAEnD,MAAM,YAAY,GAAG,GAAS,EAAE,CAAC,OAAO,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC;IAEnD,OAAO,CACH,8BACI,KAAC,0BAA0B,IACvB,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,YAAY,EAAE,YAAY,EAC1B,mBAAmB,EAAE;oBACjB,aAAa;oBACb,iBAAiB;iBACpB,GACH,EACF,eAAK,IAAI,EAAC,QAAQ,eAAW,QAAQ,iBAAa,MAAM,aACnD,IAAI,KAAK,CAAC,IAAI,mBAAmB,EAAE,EACnC,IAAI,KAAK,CAAC,IAAI,kBAAkB,EAAE,IACjC,IACP,CACN,CAAC;AACN,CAAC"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import React from "react";
|
|
2
1
|
interface IHeadlinePaginationProps {
|
|
3
2
|
item: number;
|
|
4
3
|
accessibilityConfig?: {
|
|
@@ -8,6 +7,6 @@ interface IHeadlinePaginationProps {
|
|
|
8
7
|
showPrevItem: () => void;
|
|
9
8
|
showNextItem: () => void;
|
|
10
9
|
}
|
|
11
|
-
export declare function HeadlinePaginationRenderer({ item, accessibilityConfig, showPrevItem, showNextItem, }: IHeadlinePaginationProps):
|
|
10
|
+
export declare function HeadlinePaginationRenderer({ item, accessibilityConfig, showPrevItem, showNextItem, }: IHeadlinePaginationProps): import("react/jsx-runtime").JSX.Element;
|
|
12
11
|
export {};
|
|
13
12
|
//# sourceMappingURL=HeadlinePaginationRenderer.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeadlinePaginationRenderer.d.ts","sourceRoot":"","sources":["../../src/compactSize/HeadlinePaginationRenderer.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"HeadlinePaginationRenderer.d.ts","sourceRoot":"","sources":["../../src/compactSize/HeadlinePaginationRenderer.tsx"],"names":[],"mappings":"AAMA,UAAU,wBAAwB;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,mBAAmB,CAAC,EAAE;QAClB,aAAa,CAAC,EAAE,MAAM,CAAC;QACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;KAC9B,CAAC;IACF,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,EAAE,MAAM,IAAI,CAAC;CAC5B;AAED,wBAAgB,0BAA0B,CAAC,EACvC,IAAI,EACJ,mBAAmB,EACnB,YAAY,EACZ,YAAY,GACf,EAAE,wBAAwB,2CAuC1B"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
1
2
|
// (C) 2021-2025 GoodData Corporation
|
|
2
|
-
import
|
|
3
|
+
import { useCallback } from "react";
|
|
3
4
|
import cx from "classnames";
|
|
4
5
|
export function HeadlinePaginationRenderer({ item, accessibilityConfig, showPrevItem, showNextItem, }) {
|
|
5
6
|
const { nextAriaLabel, previousAriaLabel } = accessibilityConfig ?? {};
|
|
@@ -16,12 +17,10 @@ export function HeadlinePaginationRenderer({ item, accessibilityConfig, showPrev
|
|
|
16
17
|
showNextItem();
|
|
17
18
|
}
|
|
18
19
|
}, [isSecondItemDisabled, showNextItem]);
|
|
19
|
-
return (
|
|
20
|
-
|
|
21
|
-
"
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
"is-disabled": isSecondItemDisabled,
|
|
25
|
-
}), onClick: handleSecondItemClick, "aria-disabled": isSecondItemDisabled, "aria-label": nextAriaLabel })));
|
|
20
|
+
return (_jsxs("div", { className: "headline-pagination", children: [_jsx("button", { className: cx(`${commonClassNames} first-item gd-icon-chevron-left`, {
|
|
21
|
+
"is-disabled": isFirstItemDisabled,
|
|
22
|
+
}), onClick: handleFirstItemClick, "aria-disabled": isFirstItemDisabled, "aria-label": previousAriaLabel }), _jsx("button", { className: cx(`${commonClassNames} second-item gd-icon-chevron-right`, {
|
|
23
|
+
"is-disabled": isSecondItemDisabled,
|
|
24
|
+
}), onClick: handleSecondItemClick, "aria-disabled": isSecondItemDisabled, "aria-label": nextAriaLabel })] }));
|
|
26
25
|
}
|
|
27
26
|
//# sourceMappingURL=HeadlinePaginationRenderer.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeadlinePaginationRenderer.js","sourceRoot":"","sources":["../../src/compactSize/HeadlinePaginationRenderer.tsx"],"names":[],"mappings":"AAAA,qCAAqC;
|
|
1
|
+
{"version":3,"file":"HeadlinePaginationRenderer.js","sourceRoot":"","sources":["../../src/compactSize/HeadlinePaginationRenderer.tsx"],"names":[],"mappings":";AAAA,qCAAqC;AAErC,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,MAAM,YAAY,CAAC;AAY5B,MAAM,UAAU,0BAA0B,CAAC,EACvC,IAAI,EACJ,mBAAmB,EACnB,YAAY,EACZ,YAAY,GACW;IACvB,MAAM,EAAE,aAAa,EAAE,iBAAiB,EAAE,GAAG,mBAAmB,IAAI,EAAE,CAAC;IACvE,MAAM,gBAAgB,GAAG,+CAA+C,CAAC;IAEzE,MAAM,mBAAmB,GAAG,IAAI,KAAK,CAAC,CAAC;IACvC,MAAM,oBAAoB,GAAG,IAAI,KAAK,CAAC,CAAC;IAExC,MAAM,oBAAoB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC1C,IAAI,CAAC,mBAAmB,EAAE,CAAC;YACvB,YAAY,EAAE,CAAC;QACnB,CAAC;IACL,CAAC,EAAE,CAAC,mBAAmB,EAAE,YAAY,CAAC,CAAC,CAAC;IAExC,MAAM,qBAAqB,GAAG,WAAW,CAAC,GAAG,EAAE;QAC3C,IAAI,CAAC,oBAAoB,EAAE,CAAC;YACxB,YAAY,EAAE,CAAC;QACnB,CAAC;IACL,CAAC,EAAE,CAAC,oBAAoB,EAAE,YAAY,CAAC,CAAC,CAAC;IAEzC,OAAO,CACH,eAAK,SAAS,EAAC,qBAAqB,aAChC,iBACI,SAAS,EAAE,EAAE,CAAC,GAAG,gBAAgB,kCAAkC,EAAE;oBACjE,aAAa,EAAE,mBAAmB;iBACrC,CAAC,EACF,OAAO,EAAE,oBAAoB,mBACd,mBAAmB,gBACtB,iBAAiB,GAC/B,EACF,iBACI,SAAS,EAAE,EAAE,CAAC,GAAG,gBAAgB,oCAAoC,EAAE;oBACnE,aAAa,EAAE,oBAAoB;iBACtC,CAAC,EACF,OAAO,EAAE,qBAAqB,mBACf,oBAAoB,gBACvB,aAAa,GAC3B,IACA,CACT,CAAC;AACN,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { ReactElement } from "react";
|
|
2
2
|
import { ITheme } from "@gooddata/sdk-model";
|
|
3
3
|
import { IColorLegendBox, IHeatmapLegendLabel as IColorLegendLabel } from "./helpers.js";
|
|
4
4
|
import { IColorLegendItem, IColorLegendSize } from "./types.js";
|
|
@@ -25,6 +25,6 @@ export declare function ColorBoxes(colorBoxProps: IColorBoxesProps): ReactElemen
|
|
|
25
25
|
/**
|
|
26
26
|
* @internal
|
|
27
27
|
*/
|
|
28
|
-
export declare const ColorLegend:
|
|
28
|
+
export declare const ColorLegend: import("react").ComponentType<Omit<IColorLegendProps, "theme" | "themeIsLoading" | "themeStatus">>;
|
|
29
29
|
export {};
|
|
30
30
|
//# sourceMappingURL=ColorLegend.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorLegend.d.ts","sourceRoot":"","sources":["../../src/legend/ColorLegend.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ColorLegend.d.ts","sourceRoot":"","sources":["../../src/legend/ColorLegend.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAa,MAAM,OAAO,CAAC;AAIhD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,OAAO,EACH,eAAe,EAEf,mBAAmB,IAAI,iBAAiB,EAE3C,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAEhE;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAC9B,IAAI,EAAE,gBAAgB,EAAE,CAAC;IACzB,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,iBAAiB;IACvB,MAAM,EAAE,iBAAiB,EAAE,CAAC;CAC/B;AAED,UAAU,gBAAgB;IACtB,KAAK,EAAE,eAAe,EAAE,CAAC;CAC5B;AAQD,wBAAgB,WAAW,CAAC,eAAe,EAAE,iBAAiB,GAAG,YAAY,CAc5E;AAED,wBAAgB,UAAU,CAAC,aAAa,EAAE,gBAAgB,GAAG,YAAY,CAWxE;AAwBD;;GAEG;AACH,eAAO,MAAM,WAAW,oGA6BtB,CAAC"}
|
|
@@ -1,37 +1,31 @@
|
|
|
1
|
-
|
|
2
|
-
import React from "react";
|
|
1
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
2
|
import cx from "classnames";
|
|
4
3
|
import { withTheme } from "@gooddata/sdk-ui-theme-provider";
|
|
5
4
|
import { getColorLegendConfiguration, } from "./helpers.js";
|
|
6
5
|
import { BOTTOM, TOP } from "./PositionTypes.js";
|
|
7
6
|
export function ColorLabels(colorLabelProps) {
|
|
8
7
|
const { labels } = colorLabelProps;
|
|
9
|
-
return (
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
8
|
+
return (_jsx("div", { className: "labels", "data-testid": "color-legend-labels", children: labels.map((item) => {
|
|
9
|
+
const { key, label, style } = item;
|
|
10
|
+
return (_jsx("span", { style: style, children: label }, key));
|
|
11
|
+
}) }));
|
|
13
12
|
}
|
|
14
13
|
export function ColorBoxes(colorBoxProps) {
|
|
15
14
|
const { boxes } = colorBoxProps;
|
|
16
|
-
return (
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
15
|
+
return (_jsx("div", { className: "boxes", "data-testid": "color-legend-boxes", children: boxes.map((box) => {
|
|
16
|
+
const classes = cx("box", box.class);
|
|
17
|
+
const { key, style } = box;
|
|
18
|
+
return _jsx("span", { className: classes, style: style }, key);
|
|
19
|
+
}) }));
|
|
21
20
|
}
|
|
22
21
|
function LegendBoxes({ renderLabelsFirst, boxes, labels }) {
|
|
23
|
-
return (
|
|
24
|
-
renderLabelsFirst ? React.createElement(ColorLabels, { labels: labels }) : null,
|
|
25
|
-
React.createElement(ColorBoxes, { boxes: boxes }),
|
|
26
|
-
!renderLabelsFirst && React.createElement(ColorLabels, { labels: labels })));
|
|
22
|
+
return (_jsxs(_Fragment, { children: [renderLabelsFirst ? _jsx(ColorLabels, { labels: labels }) : null, _jsx(ColorBoxes, { boxes: boxes }), !renderLabelsFirst && _jsx(ColorLabels, { labels: labels })] }));
|
|
27
23
|
}
|
|
28
24
|
function LegendWithTitle(props) {
|
|
29
25
|
const { title, position, children } = props;
|
|
30
26
|
const isHorizontal = position === TOP || position === BOTTOM;
|
|
31
27
|
const classes = cx("heatmap-legend-with-title", { horizontal: isHorizontal });
|
|
32
|
-
return (
|
|
33
|
-
React.createElement("div", { className: "heatmap-legend-title" }, `${title}:`),
|
|
34
|
-
React.createElement("div", { className: "heatmap-legend-boxes" }, children)));
|
|
28
|
+
return (_jsxs("div", { className: classes, children: [_jsx("div", { className: "heatmap-legend-title", children: `${title}:` }), _jsx("div", { className: "heatmap-legend-boxes", children: children })] }));
|
|
35
29
|
}
|
|
36
30
|
/**
|
|
37
31
|
* @internal
|
|
@@ -45,7 +39,6 @@ export const ColorLegend = withTheme((colorLegendProps) => {
|
|
|
45
39
|
const classes = cx(...config.classes);
|
|
46
40
|
const renderLabelsFirst = config.position === TOP;
|
|
47
41
|
const { boxes, labels } = config;
|
|
48
|
-
return (
|
|
49
|
-
React.createElement(LegendBoxes, { renderLabelsFirst: renderLabelsFirst, boxes: boxes, labels: labels }))) : (React.createElement(LegendBoxes, { renderLabelsFirst: renderLabelsFirst, boxes: boxes, labels: labels }))));
|
|
42
|
+
return (_jsx("div", { className: classes, "data-testid": "color-legend", children: title ? (_jsx(LegendWithTitle, { title: title, position: position, children: _jsx(LegendBoxes, { renderLabelsFirst: renderLabelsFirst, boxes: boxes, labels: labels }) })) : (_jsx(LegendBoxes, { renderLabelsFirst: renderLabelsFirst, boxes: boxes, labels: labels })) }));
|
|
50
43
|
});
|
|
51
44
|
//# sourceMappingURL=ColorLegend.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorLegend.js","sourceRoot":"","sources":["../../src/legend/ColorLegend.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ColorLegend.js","sourceRoot":"","sources":["../../src/legend/ColorLegend.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import React from "react";
|
|
2
1
|
import { IPushpinCategoryLegendItem, ItemBorderRadiusPredicate } from "./types.js";
|
|
3
2
|
import { ChartFillType } from "../coloring/types.js";
|
|
4
3
|
/**
|
|
@@ -14,5 +13,5 @@ export interface IFluidLegendProps {
|
|
|
14
13
|
/**
|
|
15
14
|
* @internal
|
|
16
15
|
*/
|
|
17
|
-
export declare const FluidLegend:
|
|
16
|
+
export declare const FluidLegend: import("react").NamedExoticComponent<IFluidLegendProps>;
|
|
18
17
|
//# sourceMappingURL=FluidLegend.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FluidLegend.d.ts","sourceRoot":"","sources":["../../src/legend/FluidLegend.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"FluidLegend.d.ts","sourceRoot":"","sources":["../../src/legend/FluidLegend.tsx"],"names":[],"mappings":"AAUA,OAAO,EAAE,0BAA0B,EAAE,yBAAyB,EAAE,MAAM,YAAY,CAAC;AACnF,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAErD;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAC9B,cAAc,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,0BAA0B,EAAE,CAAC;IACrC,kBAAkB,CAAC,EAAE,OAAO,GAAG,yBAAyB,CAAC;IACzD,WAAW,CAAC,CAAC,IAAI,EAAE,0BAA0B,GAAG,IAAI,CAAC;IACrD,SAAS,CAAC,EAAE,aAAa,CAAC;CAC7B;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,yDA6CtB,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
1
2
|
// (C) 2007-2025 GoodData Corporation
|
|
2
|
-
import
|
|
3
|
+
import { memo, useState } from "react";
|
|
3
4
|
import cx from "classnames";
|
|
4
5
|
import noop from "lodash/noop.js";
|
|
5
6
|
import { calculateFluidLegend } from "./helpers.js";
|
|
@@ -17,20 +18,16 @@ export const FluidLegend = memo(function FluidLegend(props) {
|
|
|
17
18
|
const renderSeries = (itemWidth, visibleItemsCount) => {
|
|
18
19
|
const limit = showAll ? series.length : visibleItemsCount;
|
|
19
20
|
const pagedSeries = series.slice(0, limit);
|
|
20
|
-
return (
|
|
21
|
-
React.createElement(LegendList, { enableBorderRadius: enableBorderRadius, series: pagedSeries, onItemClick: onItemClick, width: itemWidth, chartFill: chartFill })));
|
|
21
|
+
return (_jsx(LegendSeries, { onToggleItem: onItemClick, series: pagedSeries, children: _jsx(LegendList, { enableBorderRadius: enableBorderRadius, series: pagedSeries, onItemClick: onItemClick, width: itemWidth, chartFill: chartFill }) }));
|
|
22
22
|
};
|
|
23
23
|
const renderPaging = () => {
|
|
24
24
|
const classes = cx("gd-button-link", "gd-button-icon-only", "paging-button", {
|
|
25
25
|
"gd-icon-chevron-up": showAll,
|
|
26
26
|
"gd-icon-chevron-down": !showAll,
|
|
27
27
|
});
|
|
28
|
-
return (
|
|
29
|
-
React.createElement("button", { className: classes, onClick: toggleShowAll })));
|
|
28
|
+
return (_jsx("div", { className: "paging", children: _jsx("button", { className: classes, onClick: toggleShowAll }) }));
|
|
30
29
|
};
|
|
31
30
|
const { itemWidth, hasPaging, visibleItemsCount } = calculateFluidLegend(series.length, containerWidth);
|
|
32
|
-
return (
|
|
33
|
-
renderSeries(itemWidth, visibleItemsCount),
|
|
34
|
-
hasPaging ? renderPaging() : null));
|
|
31
|
+
return (_jsxs("div", { className: "viz-legend fluid", children: [renderSeries(itemWidth, visibleItemsCount), hasPaging ? renderPaging() : null] }));
|
|
35
32
|
});
|
|
36
33
|
//# sourceMappingURL=FluidLegend.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FluidLegend.js","sourceRoot":"","sources":["../../src/legend/FluidLegend.tsx"],"names":[],"mappings":"AAAA,qCAAqC;
|
|
1
|
+
{"version":3,"file":"FluidLegend.js","sourceRoot":"","sources":["../../src/legend/FluidLegend.tsx"],"names":[],"mappings":";AAAA,qCAAqC;AAErC,OAAO,EAAa,IAAI,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,MAAM,YAAY,CAAC;AAC5B,OAAO,IAAI,MAAM,gBAAgB,CAAC;AAElC,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAejD;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,IAAI,CAAC,SAAS,WAAW,CAAC,KAAwB;IACzE,MAAM,EAAE,MAAM,EAAE,cAAc,EAAE,WAAW,GAAG,IAAI,EAAE,kBAAkB,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAE5F,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,aAAa,GAAG,GAAG,EAAE;QACvB,UAAU,CAAC,CAAC,OAAO,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,CAAC,SAAiB,EAAE,iBAAyB,EAAa,EAAE;QAC7E,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,iBAAiB,CAAC;QAC1D,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;QAE3C,OAAO,CACH,KAAC,YAAY,IAAC,YAAY,EAAE,WAAW,EAAE,MAAM,EAAE,WAAW,YACxD,KAAC,UAAU,IACP,kBAAkB,EAAE,kBAAkB,EACtC,MAAM,EAAE,WAAW,EACnB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,SAAS,EAChB,SAAS,EAAE,SAAS,GACtB,GACS,CAClB,CAAC;IACN,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACtB,MAAM,OAAO,GAAG,EAAE,CAAC,gBAAgB,EAAE,qBAAqB,EAAE,eAAe,EAAE;YACzE,oBAAoB,EAAE,OAAO;YAC7B,sBAAsB,EAAE,CAAC,OAAO;SACnC,CAAC,CAAC;QACH,OAAO,CACH,cAAK,SAAS,EAAC,QAAQ,YACnB,iBAAQ,SAAS,EAAE,OAAO,EAAE,OAAO,EAAE,aAAa,GAAI,GACpD,CACT,CAAC;IACN,CAAC,CAAC;IAEF,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,iBAAiB,EAAE,GAAG,oBAAoB,CAAC,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;IACxG,OAAO,CACH,eAAK,SAAS,EAAC,kBAAkB,aAC5B,YAAY,CAAC,SAAS,EAAE,iBAAiB,CAAC,EAC1C,SAAS,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC,CAAC,CAAC,IAAI,IAChC,CACT,CAAC;AACN,CAAC,CAAC,CAAC"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import React from "react";
|
|
2
1
|
import { IColorLegendSize, IHeatmapLegendItem } from "./types.js";
|
|
3
2
|
/**
|
|
4
3
|
* @internal
|
|
@@ -14,5 +13,5 @@ export interface IHeatmapLegendProps {
|
|
|
14
13
|
/**
|
|
15
14
|
* @internal
|
|
16
15
|
*/
|
|
17
|
-
export declare const HeatmapLegend:
|
|
16
|
+
export declare const HeatmapLegend: import("react").NamedExoticComponent<IHeatmapLegendProps>;
|
|
18
17
|
//# sourceMappingURL=HeatmapLegend.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeatmapLegend.d.ts","sourceRoot":"","sources":["../../src/legend/HeatmapLegend.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"HeatmapLegend.d.ts","sourceRoot":"","sources":["../../src/legend/HeatmapLegend.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAoB,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAEpF;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAChC,MAAM,EAAE,kBAAkB,EAAE,CAAC;IAC7B,IAAI,EAAE,gBAAgB,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,EAAE,MAAM,EAAE,CAAC;IACzB,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,2DAuBxB,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
1
2
|
// (C) 2007-2025 GoodData Corporation
|
|
2
|
-
import
|
|
3
|
+
import { memo } from "react";
|
|
3
4
|
import { ColorLegend } from "./ColorLegend.js";
|
|
4
5
|
/**
|
|
5
6
|
* @internal
|
|
@@ -9,6 +10,6 @@ export const HeatmapLegend = memo(function HeatmapLegend({ title, series, format
|
|
|
9
10
|
const { range, color } = item;
|
|
10
11
|
return { range, color };
|
|
11
12
|
});
|
|
12
|
-
return (
|
|
13
|
+
return (_jsx(ColorLegend, { data: data, format: format, size: size, numericSymbols: numericSymbols, position: position, title: title }));
|
|
13
14
|
});
|
|
14
15
|
//# sourceMappingURL=HeatmapLegend.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HeatmapLegend.js","sourceRoot":"","sources":["../../src/legend/HeatmapLegend.tsx"],"names":[],"mappings":"AAAA,qCAAqC;
|
|
1
|
+
{"version":3,"file":"HeatmapLegend.js","sourceRoot":"","sources":["../../src/legend/HeatmapLegend.tsx"],"names":[],"mappings":";AAAA,qCAAqC;AAErC,OAAO,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAE7B,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAe/C;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,IAAI,CAAC,SAAS,aAAa,CAAC,EACrD,KAAK,EACL,MAAM,EACN,MAAM,EACN,cAAc,EACd,IAAI,EACJ,QAAQ,GACU;IAClB,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,IAAwB,EAAoB,EAAE;QACnE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,IAAI,CAAC;QAC9B,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC;IAC5B,CAAC,CAAC,CAAC;IAEH,OAAO,CACH,KAAC,WAAW,IACR,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,GACd,CACL,CAAC;AACN,CAAC,CAAC,CAAC"}
|
package/esm/legend/Legend.d.ts
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import React from "react";
|
|
2
1
|
import { Rect } from "react-measure";
|
|
3
2
|
import { ISeriesItem, ItemBorderRadiusPredicate } from "./types.js";
|
|
4
3
|
import { ChartFillType } from "../coloring/types.js";
|
|
@@ -31,5 +30,5 @@ export interface ILegendProps {
|
|
|
31
30
|
/**
|
|
32
31
|
* @internal
|
|
33
32
|
*/
|
|
34
|
-
export declare const Legend:
|
|
33
|
+
export declare const Legend: import("react").NamedExoticComponent<ILegendProps>;
|
|
35
34
|
//# sourceMappingURL=Legend.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Legend.d.ts","sourceRoot":"","sources":["../../src/legend/Legend.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Legend.d.ts","sourceRoot":"","sources":["../../src/legend/Legend.tsx"],"names":[],"mappings":"AAOA,OAAqB,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAUnD,OAAO,EAAoB,WAAW,EAAE,yBAAyB,EAAE,MAAM,YAAY,CAAC;AACtF,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AASrD;;GAEG;AACH,MAAM,WAAW,YAAY;IACzB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,OAAO,GAAG,uBAAuB,CAAC;IAC/C,kBAAkB,CAAC,EAAE,GAAG,EAAE,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,YAAY,CAAC,EAAE,CAAC,aAAa,EAAE,GAAG,KAAK,GAAG,CAAC;IAC3C,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,GAAG,yBAAyB,CAAC;IACzD,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,WAAW,CAAC,IAAI,EAAE,WAAW,GAAG,IAAI,CAAC;IACrC,kBAAkB,CAAC,YAAY,EAAE,IAAI,GAAG,IAAI,CAAC;IAC7C,iBAAiB,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC;IACrD,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,oDAyKjB,CAAC"}
|
package/esm/legend/Legend.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
1
2
|
// (C) 2007-2025 GoodData Corporation
|
|
2
|
-
import
|
|
3
|
+
import { memo, useCallback } from "react";
|
|
3
4
|
import cx from "classnames";
|
|
4
5
|
import { defaultImport } from "default-import";
|
|
5
6
|
import isEmpty from "lodash/isEmpty.js";
|
|
@@ -36,14 +37,13 @@ export const Legend = memo(function Legend({ responsive = false, legendItemsEnab
|
|
|
36
37
|
return seriesWithVisibility;
|
|
37
38
|
}, [legendItemsEnabled, series, seriesMapper]);
|
|
38
39
|
const renderPopUpLegend = () => {
|
|
39
|
-
return (
|
|
40
|
+
return (_jsx(PopUpLegend, { containerId: containerId, series: getSeries(), maxRows: maximumRows, name: legendLabel, enableBorderRadius: enableBorderRadius, onLegendItemClick: onItemClick, chartFill: chartFill }));
|
|
40
41
|
};
|
|
41
42
|
const renderFluid = () => {
|
|
42
|
-
return (
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
}));
|
|
43
|
+
return (_jsx(Measure, { client: true, "aria-label": "Fluid legend", children: ({ measureRef, contentRect }) => {
|
|
44
|
+
const usedWidth = contentRect.client?.width ? Math.floor(contentRect.client.width) : 0;
|
|
45
|
+
return (_jsx("div", { className: "viz-fluid-legend-wrap", ref: measureRef, children: _jsx(FluidLegend, { series: getSeries(), enableBorderRadius: enableBorderRadius, onItemClick: onItemClick, containerWidth: usedWidth, chartFill: chartFill }) }));
|
|
46
|
+
} }));
|
|
47
47
|
};
|
|
48
48
|
const renderStatic = () => {
|
|
49
49
|
const classNames = cx("viz-static-legend-wrap", `position-${position}`);
|
|
@@ -58,17 +58,16 @@ export const Legend = memo(function Legend({ responsive = false, legendItemsEnab
|
|
|
58
58
|
label: legendLabel,
|
|
59
59
|
chartFill,
|
|
60
60
|
};
|
|
61
|
-
return (
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
}));
|
|
61
|
+
return (_jsx(Measure, { client: true, children: ({ measureRef, contentRect }) => {
|
|
62
|
+
const measuredHeight = contentRect.client?.height
|
|
63
|
+
? Math.floor(contentRect.client.height)
|
|
64
|
+
: 0;
|
|
65
|
+
const usedHeight = height || measuredHeight;
|
|
66
|
+
if (!isEmpty(contentRect.client)) {
|
|
67
|
+
validateOverHeight(contentRect.client);
|
|
68
|
+
}
|
|
69
|
+
return (_jsx("div", { className: classNames, ref: measureRef, children: _jsx(StaticLegend, { ...propsForStaticLegend, containerHeight: usedHeight }) }));
|
|
70
|
+
} }));
|
|
72
71
|
};
|
|
73
72
|
const renderHeatmapLegend = useCallback((contentDimensions) => {
|
|
74
73
|
const series = getSeries();
|
|
@@ -84,8 +83,7 @@ export const Legend = memo(function Legend({ responsive = false, legendItemsEnab
|
|
|
84
83
|
if (isPopupResponsive) {
|
|
85
84
|
size = "small";
|
|
86
85
|
}
|
|
87
|
-
return (
|
|
88
|
-
React.createElement(IntlTranslationsProvider, null, (props) => (React.createElement(HeatmapLegend, { title: legendLabel, series: series, format: format, size: size, numericSymbols: props.numericSymbols, position: position })))));
|
|
86
|
+
return (_jsx(IntlWrapper, { locale: locale, children: _jsx(IntlTranslationsProvider, { children: (props) => (_jsx(HeatmapLegend, { title: legendLabel, series: series, format: format, size: size, numericSymbols: props.numericSymbols, position: position })) }) }));
|
|
89
87
|
}, [format, getSeries, legendLabel, locale, position, responsive, showFluidLegend]);
|
|
90
88
|
if (heatmapLegend) {
|
|
91
89
|
return renderHeatmapLegend(contentDimensions);
|
package/esm/legend/Legend.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Legend.js","sourceRoot":"","sources":["../../src/legend/Legend.tsx"],"names":[],"mappings":"AAAA,qCAAqC;
|
|
1
|
+
{"version":3,"file":"Legend.js","sourceRoot":"","sources":["../../src/legend/Legend.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
2
|
import { ILegendGroup } from "./types.js";
|
|
3
3
|
export declare function LegendGroup({ item, width, children, }: {
|
|
4
4
|
item: ILegendGroup;
|
|
5
5
|
width?: number;
|
|
6
|
-
children?:
|
|
7
|
-
}):
|
|
6
|
+
children?: ReactNode;
|
|
7
|
+
}): ReactNode;
|
|
8
8
|
//# sourceMappingURL=LegendGroup.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LegendGroup.d.ts","sourceRoot":"","sources":["../../src/legend/LegendGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,
|
|
1
|
+
{"version":3,"file":"LegendGroup.d.ts","sourceRoot":"","sources":["../../src/legend/LegendGroup.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMlC,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAG1C,wBAAgB,WAAW,CAAC,EACxB,IAAI,EACJ,KAAK,EACL,QAAQ,GACX,EAAE;IACC,IAAI,EAAE,YAAY,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;CACxB,GAAG,SAAS,CA6BZ"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
import React from "react";
|
|
1
|
+
import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
|
|
3
2
|
import { useIntl } from "react-intl";
|
|
4
3
|
import { useIdPrefixed } from "@gooddata/sdk-ui-kit";
|
|
5
4
|
import { messages } from "../locales.js";
|
|
@@ -12,11 +11,6 @@ export function LegendGroup({ item, width, children, }) {
|
|
|
12
11
|
return result;
|
|
13
12
|
}, {});
|
|
14
13
|
const labelId = useIdPrefixed("legend-group-label");
|
|
15
|
-
return (
|
|
16
|
-
React.createElement("div", { id: labelId, style: style, className: "series-axis-indicator", "data-testid": "legend-axis-indicator" },
|
|
17
|
-
React.createElement("div", { className: "series-text" },
|
|
18
|
-
intl.formatMessage(messages[labelKey], values),
|
|
19
|
-
intl.formatMessage(messages["colon"]))),
|
|
20
|
-
children));
|
|
14
|
+
return (_jsxs("div", { className: "legend-group", role: "group", "aria-labelledby": labelId, children: [_jsx("div", { id: labelId, style: style, className: "series-axis-indicator", "data-testid": "legend-axis-indicator", children: _jsxs("div", { className: "series-text", children: [intl.formatMessage(messages[labelKey], values), intl.formatMessage(messages["colon"])] }) }), children] }));
|
|
21
15
|
}
|
|
22
16
|
//# sourceMappingURL=LegendGroup.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LegendGroup.js","sourceRoot":"","sources":["../../src/legend/LegendGroup.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"LegendGroup.js","sourceRoot":"","sources":["../../src/legend/LegendGroup.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,OAAO,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAGrD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,UAAU,WAAW,CAAC,EACxB,IAAI,EACJ,KAAK,EACL,QAAQ,GAKX;IACG,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;IAEhC,MAAM,KAAK,GAAG,KAAK,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,KAAK,IAAI,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;IACnD,MAAM,MAAM,GAAG,CAAC,IAAI,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,MAAmC,EAAE,GAAW,EAAE,KAAa,EAAE,EAAE;QACnG,MAAM,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,GAA4B,CAAC,CAAC,CAAC;QAC3E,OAAO,MAAM,CAAC;IAClB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,OAAO,GAAG,aAAa,CAAC,oBAAoB,CAAC,CAAC;IAEpD,OAAO,CACH,eAAK,SAAS,EAAC,cAAc,EAAC,IAAI,EAAE,OAAO,qBAAmB,OAAO,aACjE,cACI,EAAE,EAAE,OAAO,EACX,KAAK,EAAE,KAAK,EACZ,SAAS,EAAC,uBAAuB,iBACpB,uBAAuB,YAEpC,eAAK,SAAS,EAAC,aAAa,aACvB,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,QAAiC,CAAC,EAAE,MAAM,CAAC,EACvE,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,IACpC,GACJ,EACL,QAAQ,IACP,CACT,CAAC;AACN,CAAC"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import React from "react";
|
|
2
1
|
import { ITheme } from "@gooddata/sdk-model";
|
|
3
2
|
import { ISeriesItemMetric } from "./types.js";
|
|
4
3
|
import { ChartFillType } from "../coloring/types.js";
|
|
@@ -12,6 +11,6 @@ interface ILegendItemProps {
|
|
|
12
11
|
chartFill?: ChartFillType;
|
|
13
12
|
describedBy?: string;
|
|
14
13
|
}
|
|
15
|
-
declare const _default:
|
|
14
|
+
declare const _default: import("react").ComponentType<Omit<ILegendItemProps, "theme" | "themeIsLoading" | "themeStatus">>;
|
|
16
15
|
export default _default;
|
|
17
16
|
//# sourceMappingURL=LegendItem.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LegendItem.d.ts","sourceRoot":"","sources":["../../src/legend/LegendItem.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"LegendItem.d.ts","sourceRoot":"","sources":["../../src/legend/LegendItem.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAK7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAG/C,OAAO,EAAE,aAAa,EAAkB,MAAM,sBAAsB,CAAC;AAIrE,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;;AAwND,wBAAqC"}
|
package/esm/legend/LegendItem.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
1
2
|
// (C) 2007-2025 GoodData Corporation
|
|
2
|
-
import
|
|
3
|
+
import { useCallback } from "react";
|
|
3
4
|
import cx from "classnames";
|
|
4
5
|
import unescape from "lodash/unescape.js";
|
|
5
6
|
import { useIdPrefixed } from "@gooddata/sdk-ui-kit";
|
|
@@ -133,7 +134,7 @@ function LegendItem({ item, index, width, enableBorderRadius = false, onItemClic
|
|
|
133
134
|
const handleItemClick = () => {
|
|
134
135
|
return onItemClick(item);
|
|
135
136
|
};
|
|
136
|
-
const refCallback =
|
|
137
|
+
const refCallback = useCallback((element) => {
|
|
137
138
|
if (element) {
|
|
138
139
|
registerItem(index, element);
|
|
139
140
|
}
|
|
@@ -143,9 +144,7 @@ function LegendItem({ item, index, width, enableBorderRadius = false, onItemClic
|
|
|
143
144
|
}
|
|
144
145
|
}, [index, registerItem]);
|
|
145
146
|
const legendItemId = useIdPrefixed("legend-item");
|
|
146
|
-
return (
|
|
147
|
-
React.createElement("div", { className: "series-icon", style: iconStyle }, item.isVisible && isPatternFill && isPatternObject(item.color) ? (React.createElement(PatternFill, { patternFill: item.color?.pattern })) : null),
|
|
148
|
-
React.createElement("div", { id: legendItemId, className: "series-name", style: nameStyle }, item.name)));
|
|
147
|
+
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: [_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 })] }));
|
|
149
148
|
}
|
|
150
149
|
export default withTheme(LegendItem);
|
|
151
150
|
//# sourceMappingURL=LegendItem.js.map
|