@gooddata/sdk-ui-charts 10.27.0-alpha.1 → 10.27.0-alpha.10
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/charts/headline/internal/headlines/baseHeadline/CompareSection.d.ts.map +1 -1
- package/esm/charts/headline/internal/headlines/baseHeadline/CompareSection.js +11 -2
- package/esm/charts/headline/internal/headlines/baseHeadline/CompareSection.js.map +1 -1
- package/esm/charts/headline/internal/headlines/baseHeadline/baseHeadlineDataItems/withDrillable.d.ts.map +1 -1
- package/esm/charts/headline/internal/headlines/baseHeadline/baseHeadlineDataItems/withDrillable.js +8 -2
- package/esm/charts/headline/internal/headlines/baseHeadline/baseHeadlineDataItems/withDrillable.js.map +1 -1
- package/esm/charts/headline/internal/transformations/ComparisonTransformation.js +1 -1
- package/esm/charts/headline/internal/transformations/ComparisonTransformation.js.map +1 -1
- package/esm/charts/headline/internal/transformations/MultiMeasuresTransformation.js +1 -1
- package/esm/charts/headline/internal/transformations/MultiMeasuresTransformation.js.map +1 -1
- package/package.json +10 -10
- package/styles/scss/headline.scss +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CompareSection.d.ts","sourceRoot":"","sources":["../../../../../../src/charts/headline/internal/headlines/baseHeadline/CompareSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAOlD,OAAO,EAAE,wBAAwB,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;
|
|
1
|
+
{"version":3,"file":"CompareSection.d.ts","sourceRoot":"","sources":["../../../../../../src/charts/headline/internal/headlines/baseHeadline/CompareSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAOlD,OAAO,EAAE,wBAAwB,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAGhG,UAAU,oBAAoB;IAC1B,aAAa,EAAE,iBAAiB,CAAC,wBAAwB,CAAC,CAAC;IAC3D,YAAY,CAAC,EAAE,iBAAiB,CAAC,wBAAwB,CAAC,CAAC;CAC9D;AAED,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAyClD,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -1,17 +1,26 @@
|
|
|
1
|
-
// (C) 2023 GoodData Corporation
|
|
1
|
+
// (C) 2023-2025 GoodData Corporation
|
|
2
2
|
import React, { createRef, useMemo } from "react";
|
|
3
3
|
import { HeadlinePagination, shouldRenderPagination } from "@gooddata/sdk-ui-vis-commons";
|
|
4
4
|
import CompareSectionItem from "./CompareSectionItem.js";
|
|
5
5
|
import { getCompareSectionClasses } from "../../utils/HeadlineDataItemUtils.js";
|
|
6
6
|
import { useBaseHeadline } from "./BaseHeadlineContext.js";
|
|
7
|
+
import { useIntl } from "react-intl";
|
|
7
8
|
const CompareSection = ({ secondaryItem, tertiaryItem }) => {
|
|
8
9
|
const { config, clientHeight, clientWidth } = useBaseHeadline();
|
|
9
10
|
const { enableCompactSize } = config;
|
|
11
|
+
const intl = useIntl();
|
|
10
12
|
const secondaryItemTitleWrapperRef = createRef();
|
|
11
13
|
const pagination = useMemo(() => shouldRenderPagination(enableCompactSize, clientWidth, clientHeight), [enableCompactSize, clientHeight, clientWidth]);
|
|
12
14
|
const compareSectionClassNames = useMemo(() => getCompareSectionClasses(clientWidth, secondaryItemTitleWrapperRef), [clientWidth, secondaryItemTitleWrapperRef]);
|
|
13
15
|
return pagination && tertiaryItem ? (React.createElement("div", { className: "gd-flex-container headline-compare-section headline-paginated-compare-section s-headline-paginated-compare-section" },
|
|
14
|
-
React.createElement(HeadlinePagination, { renderSecondaryItem: () => (React.createElement(CompareSectionItem, { dataItem: secondaryItem, titleRef: secondaryItemTitleWrapperRef })), renderTertiaryItem: () => React.createElement(CompareSectionItem, { dataItem: tertiaryItem })
|
|
16
|
+
React.createElement(HeadlinePagination, { renderSecondaryItem: () => (React.createElement(CompareSectionItem, { dataItem: secondaryItem, titleRef: secondaryItemTitleWrapperRef })), renderTertiaryItem: () => React.createElement(CompareSectionItem, { dataItem: tertiaryItem }), accessibilityConfig: {
|
|
17
|
+
nextAriaLabel: intl.formatMessage({
|
|
18
|
+
id: "visualizations.headline.pagination.next.metricLabel",
|
|
19
|
+
}),
|
|
20
|
+
previousAriaLabel: intl.formatMessage({
|
|
21
|
+
id: "visualizations.headline.pagination.previous.metricLabel",
|
|
22
|
+
}),
|
|
23
|
+
} }))) : (React.createElement("div", { className: compareSectionClassNames },
|
|
15
24
|
tertiaryItem ? React.createElement(CompareSectionItem, { dataItem: tertiaryItem }) : null,
|
|
16
25
|
React.createElement(CompareSectionItem, { dataItem: secondaryItem, titleRef: secondaryItemTitleWrapperRef })));
|
|
17
26
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CompareSection.js","sourceRoot":"","sources":["../../../../../../src/charts/headline/internal/headlines/baseHeadline/CompareSection.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"CompareSection.js","sourceRoot":"","sources":["../../../../../../src/charts/headline/internal/headlines/baseHeadline/CompareSection.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,8BAA8B,CAAC;AAE1F,OAAO,kBAAkB,MAAM,yBAAyB,CAAC;AACzD,OAAO,EAAE,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAChF,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAE3D,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAOrC,MAAM,cAAc,GAAmC,CAAC,EAAE,aAAa,EAAE,YAAY,EAAE,EAAE,EAAE;IACvF,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,GAAG,eAAe,EAAE,CAAC;IAChE,MAAM,EAAE,iBAAiB,EAAE,GAAG,MAAM,CAAC;IAErC,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,MAAM,4BAA4B,GAAG,SAAS,EAAkB,CAAC;IAEjE,MAAM,UAAU,GAAG,OAAO,CACtB,GAAG,EAAE,CAAC,sBAAsB,CAAC,iBAAiB,EAAE,WAAW,EAAE,YAAY,CAAC,EAC1E,CAAC,iBAAiB,EAAE,YAAY,EAAE,WAAW,CAAC,CACjD,CAAC;IAEF,MAAM,wBAAwB,GAAG,OAAO,CACpC,GAAG,EAAE,CAAC,wBAAwB,CAAC,WAAW,EAAE,4BAA4B,CAAC,EACzE,CAAC,WAAW,EAAE,4BAA4B,CAAC,CAC9C,CAAC;IAEF,OAAO,UAAU,IAAI,YAAY,CAAC,CAAC,CAAC,CAChC,6BAAK,SAAS,EAAC,oHAAoH;QAC/H,oBAAC,kBAAkB,IACf,mBAAmB,EAAE,GAAG,EAAE,CAAC,CACvB,oBAAC,kBAAkB,IAAC,QAAQ,EAAE,aAAa,EAAE,QAAQ,EAAE,4BAA4B,GAAI,CAC1F,EACD,kBAAkB,EAAE,GAAG,EAAE,CAAC,oBAAC,kBAAkB,IAAC,QAAQ,EAAE,YAAY,GAAI,EACxE,mBAAmB,EAAE;gBACjB,aAAa,EAAE,IAAI,CAAC,aAAa,CAAC;oBAC9B,EAAE,EAAE,qDAAqD;iBAC5D,CAAC;gBACF,iBAAiB,EAAE,IAAI,CAAC,aAAa,CAAC;oBAClC,EAAE,EAAE,yDAAyD;iBAChE,CAAC;aACL,GACH,CACA,CACT,CAAC,CAAC,CAAC,CACA,6BAAK,SAAS,EAAE,wBAAwB;QACnC,YAAY,CAAC,CAAC,CAAC,oBAAC,kBAAkB,IAAC,QAAQ,EAAE,YAAY,GAAI,CAAC,CAAC,CAAC,IAAI;QACrE,oBAAC,kBAAkB,IAAC,QAAQ,EAAE,aAAa,EAAE,QAAQ,EAAE,4BAA4B,GAAI,CACrF,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"withDrillable.d.ts","sourceRoot":"","sources":["../../../../../../../src/charts/headline/internal/headlines/baseHeadline/baseHeadlineDataItems/withDrillable.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAG3C,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAE/E,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;
|
|
1
|
+
{"version":3,"file":"withDrillable.d.ts","sourceRoot":"","sources":["../../../../../../../src/charts/headline/internal/headlines/baseHeadline/baseHeadlineDataItems/withDrillable.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAG3C,OAAO,EAAE,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAE/E,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAGrE,eAAO,MAAM,aAAa,iIAwCzB,CAAC"}
|
package/esm/charts/headline/internal/headlines/baseHeadline/baseHeadlineDataItems/withDrillable.js
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
// (C) 2023 GoodData Corporation
|
|
1
|
+
// (C) 2023-2025 GoodData Corporation
|
|
2
2
|
import React, { useCallback } from "react";
|
|
3
3
|
import { wrapDisplayName } from "@gooddata/sdk-ui";
|
|
4
4
|
import { useBaseHeadline } from "../BaseHeadlineContext.js";
|
|
5
|
+
import { isActionKey } from "@gooddata/sdk-ui-kit";
|
|
5
6
|
export const withDrillable = (BaseHeadlineValueItem) => {
|
|
6
7
|
const WithDrillable = (props) => {
|
|
7
8
|
const { dataItem, elementType } = props;
|
|
@@ -11,7 +12,12 @@ export const withDrillable = (BaseHeadlineValueItem) => {
|
|
|
11
12
|
fireDrillEvent(dataItem, elementType, event.target);
|
|
12
13
|
}
|
|
13
14
|
}, [dataItem, elementType, fireDrillEvent]);
|
|
14
|
-
|
|
15
|
+
const handleKeyDown = useCallback((event) => {
|
|
16
|
+
if (dataItem?.isDrillable && isActionKey(event)) {
|
|
17
|
+
fireDrillEvent(dataItem, elementType, event.target);
|
|
18
|
+
}
|
|
19
|
+
}, [dataItem, elementType, fireDrillEvent]);
|
|
20
|
+
return dataItem?.isDrillable ? (React.createElement("div", { className: "is-drillable s-is-drillable headline-item-link s-headline-item-link", onClick: handleDrillable, onKeyDown: handleKeyDown, tabIndex: 0 },
|
|
15
21
|
React.createElement(BaseHeadlineValueItem, { ...props }))) : (React.createElement(BaseHeadlineValueItem, { ...props }));
|
|
16
22
|
};
|
|
17
23
|
return wrapDisplayName("withDrillable", BaseHeadlineValueItem)(WithDrillable);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"withDrillable.js","sourceRoot":"","sources":["../../../../../../../src/charts/headline/internal/headlines/baseHeadline/baseHeadlineDataItems/withDrillable.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"withDrillable.js","sourceRoot":"","sources":["../../../../../../../src/charts/headline/internal/headlines/baseHeadline/baseHeadlineDataItems/withDrillable.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAGnD,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAE5D,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAEnD,MAAM,CAAC,MAAM,aAAa,GAAG,CACzB,qBAA6C,EACvB,EAAE;IACxB,MAAM,aAAa,GAAgB,CAAC,KAAK,EAAE,EAAE;QACzC,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,KAAK,CAAC;QACxC,MAAM,EAAE,cAAc,EAAE,GAAG,eAAe,EAAE,CAAC;QAE7C,MAAM,eAAe,GAAG,WAAW,CAC/B,CAAC,KAAoC,EAAE,EAAE;YACrC,IAAI,QAAQ,EAAE,WAAW,EAAE,CAAC;gBACxB,cAAc,CAAC,QAAQ,EAAE,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;YACxD,CAAC;QACL,CAAC,EACD,CAAC,QAAQ,EAAE,WAAW,EAAE,cAAc,CAAC,CAC1C,CAAC;QAEF,MAAM,aAAa,GAAG,WAAW,CAC7B,CAAC,KAA0C,EAAE,EAAE;YAC3C,IAAI,QAAQ,EAAE,WAAW,IAAI,WAAW,CAAC,KAAK,CAAC,EAAE,CAAC;gBAC9C,cAAc,CAAC,QAAQ,EAAE,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;YACxD,CAAC;QACL,CAAC,EACD,CAAC,QAAQ,EAAE,WAAW,EAAE,cAAc,CAAC,CAC1C,CAAC;QAEF,OAAO,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC,CAC3B,6BACI,SAAS,EAAC,qEAAqE,EAC/E,OAAO,EAAE,eAAe,EACxB,SAAS,EAAE,aAAa,EACxB,QAAQ,EAAE,CAAC;YAEX,oBAAC,qBAAqB,OAAK,KAAK,GAAI,CAClC,CACT,CAAC,CAAC,CAAC,CACA,oBAAC,qBAAqB,OAAK,KAAK,GAAI,CACvC,CAAC;IACN,CAAC,CAAC;IAEF,OAAO,eAAe,CAAC,eAAe,EAAE,qBAAqB,CAAC,CAAC,aAAa,CAAC,CAAC;AAClF,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComparisonTransformation.js","sourceRoot":"","sources":["../../../../../src/charts/headline/internal/transformations/ComparisonTransformation.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"ComparisonTransformation.js","sourceRoot":"","sources":["../../../../../src/charts/headline/internal/transformations/ComparisonTransformation.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAGrC,OAAO,YAAY,MAAM,2CAA2C,CAAC;AACrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC5D,OAAO,EAAE,6BAA6B,EAAE,MAAM,2CAA2C,CAAC;AAE1F,OAAO,EAAE,yBAAyB,EAAE,MAAM,gCAAgC,CAAC;AAE3E,MAAM,wBAAwB,GAA2C,CAAC,EACtE,QAAQ,EACR,cAAc,EACd,MAAM,EACN,aAAa,EACb,OAAO,GACV,EAAE,EAAE;IACD,MAAM,kBAAkB,GAAiB,MAAM,EAAE,UAAU;QACvD,CAAC,CAAC,MAAM;QACR,CAAC,CAAC;YACI,GAAG,MAAM;YACT,UAAU,EAAE,yBAAyB;SACxC,CAAC;IAER,MAAM,EAAE,UAAU,EAAE,GAAG,kBAAkB,CAAC;IAE1C,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,EAAE,qBAAqB,EAAE,GAAG,iBAAiB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IAEvE,MAAM,IAAI,GAAG,OAAO,CAChB,GAAG,EAAE,CAAC,6BAA6B,CAAC,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAE,IAAI,CAAC,EAC/E,CAAC,QAAQ,EAAE,cAAc,EAAE,UAAU,EAAE,IAAI,CAAC,CAC/C,CAAC;IAEF,OAAO,CACH,oBAAC,YAAY,IACT,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,kBAAkB,EAC1B,OAAO,EAAE,qBAAqB,EAC9B,aAAa,EAAE,aAAa,GAC9B,CACL,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,wBAAwB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiMeasuresTransformation.js","sourceRoot":"","sources":["../../../../../src/charts/headline/internal/transformations/MultiMeasuresTransformation.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"MultiMeasuresTransformation.js","sourceRoot":"","sources":["../../../../../src/charts/headline/internal/transformations/MultiMeasuresTransformation.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,YAAY,MAAM,2CAA2C,CAAC;AACrE,OAAO,EAAE,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AAElF,OAAO,EAAE,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAE5D;;;;GAIG;AACH,MAAM,2BAA2B,GAA2C,CAAC,EACzE,QAAQ,EACR,cAAc,EACd,MAAM,EACN,aAAa,EACb,OAAO,GACV,EAAE,EAAE;IACD,MAAM,EAAE,qBAAqB,EAAE,GAAG,iBAAiB,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IAEvE,MAAM,IAAI,GAAG,OAAO,CAAC,GAAG,EAAE,CAAC,mBAAmB,CAAC,QAAQ,EAAE,cAAc,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,CAAC,CAAC,CAAC;IAEtG,OAAO,CACH,oBAAC,YAAY,IACT,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,qBAAqB,EAC9B,aAAa,EAAE,aAAa,GAC9B,CACL,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,2BAA2B,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@gooddata/sdk-ui-charts",
|
|
3
|
-
"version": "10.27.0-alpha.
|
|
3
|
+
"version": "10.27.0-alpha.10",
|
|
4
4
|
"description": "GoodData.UI SDK - Charts",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -67,13 +67,13 @@
|
|
|
67
67
|
"ts-invariant": "^0.7.5",
|
|
68
68
|
"tslib": "^2.5.0",
|
|
69
69
|
"uuid": "^8.3.2",
|
|
70
|
-
"@gooddata/sdk-backend-spi": "10.27.0-alpha.
|
|
71
|
-
"@gooddata/sdk-model": "10.27.0-alpha.
|
|
72
|
-
"@gooddata/sdk-ui-kit": "10.27.0-alpha.
|
|
73
|
-
"@gooddata/sdk-ui": "10.27.0-alpha.
|
|
74
|
-
"@gooddata/sdk-ui
|
|
75
|
-
"@gooddata/sdk-ui-vis-commons": "10.27.0-alpha.
|
|
76
|
-
"@gooddata/util": "10.27.0-alpha.
|
|
70
|
+
"@gooddata/sdk-backend-spi": "10.27.0-alpha.10",
|
|
71
|
+
"@gooddata/sdk-model": "10.27.0-alpha.10",
|
|
72
|
+
"@gooddata/sdk-ui-kit": "10.27.0-alpha.10",
|
|
73
|
+
"@gooddata/sdk-ui-theme-provider": "10.27.0-alpha.10",
|
|
74
|
+
"@gooddata/sdk-ui": "10.27.0-alpha.10",
|
|
75
|
+
"@gooddata/sdk-ui-vis-commons": "10.27.0-alpha.10",
|
|
76
|
+
"@gooddata/util": "10.27.0-alpha.10"
|
|
77
77
|
},
|
|
78
78
|
"peerDependencies": {
|
|
79
79
|
"react": "^16.10.0 || ^17.0.0 || ^18.0.0",
|
|
@@ -124,8 +124,8 @@
|
|
|
124
124
|
"vitest": "3.0.8",
|
|
125
125
|
"vitest-dom": "0.1.1",
|
|
126
126
|
"@types/js-yaml": "^4.0.9",
|
|
127
|
-
"@gooddata/reference-workspace": "10.27.0-alpha.
|
|
128
|
-
"@gooddata/sdk-backend-mockingbird": "10.27.0-alpha.
|
|
127
|
+
"@gooddata/reference-workspace": "10.27.0-alpha.10",
|
|
128
|
+
"@gooddata/sdk-backend-mockingbird": "10.27.0-alpha.10"
|
|
129
129
|
},
|
|
130
130
|
"scripts": {
|
|
131
131
|
"clean": "rm -rf ci dist esm coverage styles/css *.log tsconfig.tsbuildinfo",
|