@gooddata/sdk-ui-charts 10.38.0 → 10.39.0-alpha.1
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/NOTICE +3 -3
- package/esm/charts/_base/BaseChart.d.ts +1 -1
- package/esm/charts/_base/BaseChart.d.ts.map +1 -1
- package/esm/charts/_base/BaseChart.js +38 -36
- package/esm/charts/_base/BaseChart.js.map +1 -1
- package/esm/charts/_commons/defaultProps.d.ts +3 -1
- package/esm/charts/_commons/defaultProps.d.ts.map +1 -1
- package/esm/charts/_commons/defaultProps.js +8 -2
- package/esm/charts/_commons/defaultProps.js.map +1 -1
- package/esm/charts/areaChart/CoreAreaChart.d.ts +1 -3
- package/esm/charts/areaChart/CoreAreaChart.d.ts.map +1 -1
- package/esm/charts/areaChart/CoreAreaChart.js +5 -7
- package/esm/charts/areaChart/CoreAreaChart.js.map +1 -1
- package/esm/charts/barChart/CoreBarChart.d.ts +1 -3
- package/esm/charts/barChart/CoreBarChart.d.ts.map +1 -1
- package/esm/charts/barChart/CoreBarChart.js +5 -7
- package/esm/charts/barChart/CoreBarChart.js.map +1 -1
- package/esm/charts/bubbleChart/CoreBubbleChart.d.ts +1 -3
- package/esm/charts/bubbleChart/CoreBubbleChart.d.ts.map +1 -1
- package/esm/charts/bubbleChart/CoreBubbleChart.js +3 -5
- package/esm/charts/bubbleChart/CoreBubbleChart.js.map +1 -1
- package/esm/charts/bulletChart/CoreBulletChart.d.ts +1 -3
- package/esm/charts/bulletChart/CoreBulletChart.d.ts.map +1 -1
- package/esm/charts/bulletChart/CoreBulletChart.js +5 -7
- package/esm/charts/bulletChart/CoreBulletChart.js.map +1 -1
- package/esm/charts/columnChart/CoreColumnChart.d.ts +1 -3
- package/esm/charts/columnChart/CoreColumnChart.d.ts.map +1 -1
- package/esm/charts/columnChart/CoreColumnChart.js +5 -7
- package/esm/charts/columnChart/CoreColumnChart.js.map +1 -1
- package/esm/charts/comboChart/CoreComboChart.d.ts +1 -3
- package/esm/charts/comboChart/CoreComboChart.d.ts.map +1 -1
- package/esm/charts/comboChart/CoreComboChart.js +5 -7
- package/esm/charts/comboChart/CoreComboChart.js.map +1 -1
- package/esm/charts/dependencyWheelChart/CoreDependencyWheelChart.d.ts +1 -3
- package/esm/charts/dependencyWheelChart/CoreDependencyWheelChart.d.ts.map +1 -1
- package/esm/charts/dependencyWheelChart/CoreDependencyWheelChart.js +5 -7
- package/esm/charts/dependencyWheelChart/CoreDependencyWheelChart.js.map +1 -1
- package/esm/charts/donutChart/CoreDonutChart.d.ts +1 -3
- package/esm/charts/donutChart/CoreDonutChart.d.ts.map +1 -1
- package/esm/charts/donutChart/CoreDonutChart.js +5 -7
- package/esm/charts/donutChart/CoreDonutChart.js.map +1 -1
- package/esm/charts/funnelChart/CoreFunnelChart.d.ts +1 -3
- package/esm/charts/funnelChart/CoreFunnelChart.d.ts.map +1 -1
- package/esm/charts/funnelChart/CoreFunnelChart.js +5 -7
- package/esm/charts/funnelChart/CoreFunnelChart.js.map +1 -1
- package/esm/charts/headline/CoreHeadline.d.ts +2 -23
- package/esm/charts/headline/CoreHeadline.d.ts.map +1 -1
- package/esm/charts/headline/CoreHeadline.js +15 -30
- package/esm/charts/headline/CoreHeadline.js.map +1 -1
- package/esm/charts/headline/HeadlineProviderFactory.d.ts.map +1 -1
- package/esm/charts/headline/HeadlineProviderFactory.js +6 -6
- package/esm/charts/headline/HeadlineProviderFactory.js.map +1 -1
- package/esm/charts/headline/internal/headlines/LegacyHeadline.d.ts +2 -22
- package/esm/charts/headline/internal/headlines/LegacyHeadline.d.ts.map +1 -1
- package/esm/charts/headline/internal/headlines/LegacyHeadline.js +94 -93
- package/esm/charts/headline/internal/headlines/LegacyHeadline.js.map +1 -1
- package/esm/charts/headline/internal/headlines/baseHeadline/BaseHeadline.d.ts +2 -2
- package/esm/charts/headline/internal/headlines/baseHeadline/BaseHeadline.d.ts.map +1 -1
- package/esm/charts/headline/internal/headlines/baseHeadline/BaseHeadline.js +3 -4
- package/esm/charts/headline/internal/headlines/baseHeadline/BaseHeadline.js.map +1 -1
- package/esm/charts/headline/internal/headlines/baseHeadline/CompareSection.d.ts +2 -2
- package/esm/charts/headline/internal/headlines/baseHeadline/CompareSection.d.ts.map +1 -1
- package/esm/charts/headline/internal/headlines/baseHeadline/CompareSection.js +10 -16
- package/esm/charts/headline/internal/headlines/baseHeadline/CompareSection.js.map +1 -1
- package/esm/charts/headline/internal/headlines/baseHeadline/CompareSectionItem.d.ts +4 -2
- package/esm/charts/headline/internal/headlines/baseHeadline/CompareSectionItem.d.ts.map +1 -1
- package/esm/charts/headline/internal/headlines/baseHeadline/CompareSectionItem.js +3 -4
- package/esm/charts/headline/internal/headlines/baseHeadline/CompareSectionItem.js.map +1 -1
- package/esm/charts/headline/internal/headlines/baseHeadline/PrimarySection.d.ts +2 -2
- package/esm/charts/headline/internal/headlines/baseHeadline/PrimarySection.d.ts.map +1 -1
- package/esm/charts/headline/internal/headlines/baseHeadline/PrimarySection.js +4 -5
- package/esm/charts/headline/internal/headlines/baseHeadline/PrimarySection.js.map +1 -1
- package/esm/charts/headline/internal/headlines/baseHeadline/PrimarySectionCompactContent.d.ts +2 -2
- package/esm/charts/headline/internal/headlines/baseHeadline/PrimarySectionCompactContent.d.ts.map +1 -1
- package/esm/charts/headline/internal/headlines/baseHeadline/PrimarySectionCompactContent.js +3 -4
- package/esm/charts/headline/internal/headlines/baseHeadline/PrimarySectionCompactContent.js.map +1 -1
- package/esm/charts/headline/internal/headlines/baseHeadline/PrimarySectionContent.d.ts +2 -2
- package/esm/charts/headline/internal/headlines/baseHeadline/PrimarySectionContent.d.ts.map +1 -1
- package/esm/charts/headline/internal/headlines/baseHeadline/PrimarySectionContent.js +2 -3
- package/esm/charts/headline/internal/headlines/baseHeadline/PrimarySectionContent.js.map +1 -1
- package/esm/charts/headline/internal/headlines/baseHeadline/baseHeadlineDataItems/BaseHeadlineDataItem.d.ts +1 -2
- package/esm/charts/headline/internal/headlines/baseHeadline/baseHeadlineDataItems/BaseHeadlineDataItem.d.ts.map +1 -1
- package/esm/charts/headline/internal/headlines/baseHeadline/baseHeadlineDataItems/BaseHeadlineDataItem.js +7 -5
- package/esm/charts/headline/internal/headlines/baseHeadline/baseHeadlineDataItems/BaseHeadlineDataItem.js.map +1 -1
- package/esm/charts/headline/internal/headlines/baseHeadline/baseHeadlineDataItems/comparisonItems/ComparisonDataItem.d.ts +1 -2
- package/esm/charts/headline/internal/headlines/baseHeadline/baseHeadlineDataItems/comparisonItems/ComparisonDataItem.d.ts.map +1 -1
- package/esm/charts/headline/internal/headlines/baseHeadline/baseHeadlineDataItems/comparisonItems/ComparisonDataItem.js +12 -8
- package/esm/charts/headline/internal/headlines/baseHeadline/baseHeadlineDataItems/comparisonItems/ComparisonDataItem.js.map +1 -1
- package/esm/charts/headline/internal/headlines/baseHeadline/baseHeadlineDataItems/comparisonItems/ComparisonDataWithSubItem.d.ts +1 -2
- package/esm/charts/headline/internal/headlines/baseHeadline/baseHeadlineDataItems/comparisonItems/ComparisonDataWithSubItem.d.ts.map +1 -1
- package/esm/charts/headline/internal/headlines/baseHeadline/baseHeadlineDataItems/comparisonItems/ComparisonDataWithSubItem.js +12 -8
- package/esm/charts/headline/internal/headlines/baseHeadline/baseHeadlineDataItems/comparisonItems/ComparisonDataWithSubItem.js.map +1 -1
- package/esm/charts/headline/internal/headlines/baseHeadline/baseHeadlineDataItems/comparisonItems/ComparisonIndicator.d.ts +3 -2
- package/esm/charts/headline/internal/headlines/baseHeadline/baseHeadlineDataItems/comparisonItems/ComparisonIndicator.d.ts.map +1 -1
- package/esm/charts/headline/internal/headlines/baseHeadline/baseHeadlineDataItems/comparisonItems/ComparisonIndicator.js +33 -9
- package/esm/charts/headline/internal/headlines/baseHeadline/baseHeadlineDataItems/comparisonItems/ComparisonIndicator.js.map +1 -1
- package/esm/charts/headline/internal/headlines/baseHeadline/baseHeadlineDataItems/comparisonItems/ComparisonValue.d.ts +2 -2
- package/esm/charts/headline/internal/headlines/baseHeadline/baseHeadlineDataItems/comparisonItems/ComparisonValue.d.ts.map +1 -1
- package/esm/charts/headline/internal/headlines/baseHeadline/baseHeadlineDataItems/comparisonItems/ComparisonValue.js +2 -3
- package/esm/charts/headline/internal/headlines/baseHeadline/baseHeadlineDataItems/comparisonItems/ComparisonValue.js.map +1 -1
- package/esm/charts/headline/internal/headlines/baseHeadline/baseHeadlineDataItems/comparisonItems/useComparisonDataItem.d.ts +4 -2
- package/esm/charts/headline/internal/headlines/baseHeadline/baseHeadlineDataItems/comparisonItems/useComparisonDataItem.d.ts.map +1 -1
- package/esm/charts/headline/internal/headlines/baseHeadline/baseHeadlineDataItems/comparisonItems/useComparisonDataItem.js +31 -2
- package/esm/charts/headline/internal/headlines/baseHeadline/baseHeadlineDataItems/comparisonItems/useComparisonDataItem.js.map +1 -1
- package/esm/charts/headline/internal/headlines/baseHeadline/baseHeadlineDataItems/useOutOfBoundsDetection.d.ts +20 -0
- package/esm/charts/headline/internal/headlines/baseHeadline/baseHeadlineDataItems/useOutOfBoundsDetection.d.ts.map +1 -0
- package/esm/charts/headline/internal/headlines/baseHeadline/baseHeadlineDataItems/useOutOfBoundsDetection.js +168 -0
- package/esm/charts/headline/internal/headlines/baseHeadline/baseHeadlineDataItems/useOutOfBoundsDetection.js.map +1 -0
- package/esm/charts/headline/internal/headlines/baseHeadline/baseHeadlineDataItems/withTitle.d.ts.map +1 -1
- package/esm/charts/headline/internal/headlines/baseHeadline/baseHeadlineDataItems/withTitle.js +2 -2
- package/esm/charts/headline/internal/headlines/baseHeadline/baseHeadlineDataItems/withTitle.js.map +1 -1
- package/esm/charts/headline/internal/interfaces/BaseHeadlines.d.ts +7 -3
- package/esm/charts/headline/internal/interfaces/BaseHeadlines.d.ts.map +1 -1
- package/esm/charts/headline/internal/interfaces/BaseHeadlines.js +4 -0
- package/esm/charts/headline/internal/interfaces/BaseHeadlines.js.map +1 -1
- package/esm/charts/headline/internal/providers/AbstractProvider.d.ts +1 -2
- package/esm/charts/headline/internal/providers/AbstractProvider.d.ts.map +1 -1
- package/esm/charts/headline/internal/providers/AbstractProvider.js +2 -3
- package/esm/charts/headline/internal/providers/AbstractProvider.js.map +1 -1
- package/esm/charts/headline/internal/providers/ComparisonProvider.d.ts +2 -3
- package/esm/charts/headline/internal/providers/ComparisonProvider.d.ts.map +1 -1
- package/esm/charts/headline/internal/providers/ComparisonProvider.js +3 -4
- package/esm/charts/headline/internal/providers/ComparisonProvider.js.map +1 -1
- package/esm/charts/headline/internal/providers/LegacyProvider.d.ts +2 -3
- package/esm/charts/headline/internal/providers/LegacyProvider.d.ts.map +1 -1
- package/esm/charts/headline/internal/providers/LegacyProvider.js +2 -3
- package/esm/charts/headline/internal/providers/LegacyProvider.js.map +1 -1
- package/esm/charts/headline/internal/providers/MultiMeasuresProvider.d.ts +2 -3
- package/esm/charts/headline/internal/providers/MultiMeasuresProvider.d.ts.map +1 -1
- package/esm/charts/headline/internal/providers/MultiMeasuresProvider.js +3 -4
- package/esm/charts/headline/internal/providers/MultiMeasuresProvider.js.map +1 -1
- package/esm/charts/headline/internal/transformations/ComparisonTransformation.d.ts +1 -2
- package/esm/charts/headline/internal/transformations/ComparisonTransformation.d.ts.map +1 -1
- package/esm/charts/headline/internal/transformations/ComparisonTransformation.js +2 -3
- package/esm/charts/headline/internal/transformations/ComparisonTransformation.js.map +1 -1
- package/esm/charts/headline/internal/transformations/LegacyHeadlineTransformation.d.ts.map +1 -1
- package/esm/charts/headline/internal/transformations/LegacyHeadlineTransformation.js +15 -27
- package/esm/charts/headline/internal/transformations/LegacyHeadlineTransformation.js.map +1 -1
- package/esm/charts/headline/internal/transformations/MultiMeasuresTransformation.d.ts +1 -2
- package/esm/charts/headline/internal/transformations/MultiMeasuresTransformation.d.ts.map +1 -1
- package/esm/charts/headline/internal/transformations/MultiMeasuresTransformation.js +2 -3
- package/esm/charts/headline/internal/transformations/MultiMeasuresTransformation.js.map +1 -1
- package/esm/charts/headline/internal/utils/BaseHeadlineTransformationUtils.js +1 -1
- package/esm/charts/headline/internal/utils/BaseHeadlineTransformationUtils.js.map +1 -1
- package/esm/charts/headline/internal/utils/ComparisonDataItemUtils.d.ts +1 -1
- package/esm/charts/headline/internal/utils/ComparisonDataItemUtils.d.ts.map +1 -1
- package/esm/charts/headline/internal/utils/ComparisonDataItemUtils.js.map +1 -1
- package/esm/charts/headline/internal/utils/ComparisonTransformationUtils.js +2 -2
- package/esm/charts/headline/internal/utils/ComparisonTransformationUtils.js.map +1 -1
- package/esm/charts/heatmap/CoreHeatmap.d.ts +1 -3
- package/esm/charts/heatmap/CoreHeatmap.d.ts.map +1 -1
- package/esm/charts/heatmap/CoreHeatmap.js +5 -7
- package/esm/charts/heatmap/CoreHeatmap.js.map +1 -1
- package/esm/charts/lineChart/CoreLineChart.d.ts +1 -3
- package/esm/charts/lineChart/CoreLineChart.d.ts.map +1 -1
- package/esm/charts/lineChart/CoreLineChart.js +5 -7
- package/esm/charts/lineChart/CoreLineChart.js.map +1 -1
- package/esm/charts/pieChart/CorePieChart.d.ts +1 -3
- package/esm/charts/pieChart/CorePieChart.d.ts.map +1 -1
- package/esm/charts/pieChart/CorePieChart.js +5 -7
- package/esm/charts/pieChart/CorePieChart.js.map +1 -1
- package/esm/charts/pyramidChart/CorePyramidChart.d.ts +1 -3
- package/esm/charts/pyramidChart/CorePyramidChart.d.ts.map +1 -1
- package/esm/charts/pyramidChart/CorePyramidChart.js +5 -7
- package/esm/charts/pyramidChart/CorePyramidChart.js.map +1 -1
- package/esm/charts/sankeyChart/CoreSankeyChart.d.ts +1 -3
- package/esm/charts/sankeyChart/CoreSankeyChart.d.ts.map +1 -1
- package/esm/charts/sankeyChart/CoreSankeyChart.js +5 -7
- package/esm/charts/sankeyChart/CoreSankeyChart.js.map +1 -1
- package/esm/charts/scatterPlot/CoreScatterPlot.d.ts +1 -3
- package/esm/charts/scatterPlot/CoreScatterPlot.d.ts.map +1 -1
- package/esm/charts/scatterPlot/CoreScatterPlot.js +9 -11
- package/esm/charts/scatterPlot/CoreScatterPlot.js.map +1 -1
- package/esm/charts/treemap/CoreTreemap.d.ts +1 -3
- package/esm/charts/treemap/CoreTreemap.d.ts.map +1 -1
- package/esm/charts/treemap/CoreTreemap.js +5 -7
- package/esm/charts/treemap/CoreTreemap.js.map +1 -1
- package/esm/charts/waterfallChart/CoreWaterfallChart.d.ts +1 -3
- package/esm/charts/waterfallChart/CoreWaterfallChart.d.ts.map +1 -1
- package/esm/charts/waterfallChart/CoreWaterfallChart.js +5 -7
- package/esm/charts/waterfallChart/CoreWaterfallChart.js.map +1 -1
- package/esm/charts/xirr/CoreXirr.d.ts +2 -12
- package/esm/charts/xirr/CoreXirr.d.ts.map +1 -1
- package/esm/charts/xirr/CoreXirr.js +15 -28
- package/esm/charts/xirr/CoreXirr.js.map +1 -1
- package/esm/charts/xirr/internal/XirrTransformation.d.ts.map +1 -1
- package/esm/charts/xirr/internal/XirrTransformation.js +11 -21
- package/esm/charts/xirr/internal/XirrTransformation.js.map +1 -1
- package/esm/sdk-ui-charts.d.ts +3 -3
- package/package.json +10 -10
@@ -1,38 +1,23 @@
|
|
1
1
|
// (C) 2007-2025 GoodData Corporation
|
2
|
-
import React from "react";
|
2
|
+
import React, { useMemo } from "react";
|
3
3
|
import { newErrorMapping, IntlWrapper, ErrorCodes, withEntireDataView, } from "@gooddata/sdk-ui";
|
4
|
-
import {
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
};
|
10
|
-
errorMap;
|
11
|
-
constructor(props) {
|
12
|
-
super(props);
|
13
|
-
this.errorMap = newErrorMapping(props.intl);
|
14
|
-
}
|
15
|
-
render() {
|
16
|
-
const { dataView, error, isLoading } = this.props;
|
17
|
-
const ErrorComponent = this.props.ErrorComponent;
|
18
|
-
const LoadingComponent = this.props.LoadingComponent;
|
19
|
-
if (error) {
|
20
|
-
const errorProps = this.errorMap[Object.prototype.hasOwnProperty.call(this.errorMap, error)
|
21
|
-
? error
|
22
|
-
: ErrorCodes.UNKNOWN_ERROR];
|
23
|
-
return ErrorComponent ? React.createElement(ErrorComponent, { code: error, ...errorProps }) : null;
|
24
|
-
}
|
25
|
-
// when in pageble mode (getPage present) never show loading (its handled by the component)
|
26
|
-
if (isLoading || !dataView) {
|
27
|
-
return LoadingComponent ? React.createElement(LoadingComponent, null) : null;
|
28
|
-
}
|
29
|
-
return this.renderVisualization();
|
30
|
-
}
|
31
|
-
renderVisualization() {
|
32
|
-
const { afterRender, drillableItems, locale, dataView, onDrill, config, headlineTransformation: HeadlineTransformation, } = this.props;
|
4
|
+
import { withDefaultCoreChartProps } from "../_commons/defaultProps.js";
|
5
|
+
function HeadlineStateless(props) {
|
6
|
+
const { dataView, error, isLoading, ErrorComponent, LoadingComponent, afterRender, drillableItems, locale, onDrill, config = {}, headlineTransformation: HeadlineTransformation, intl, } = withDefaultCoreChartProps(props);
|
7
|
+
const errorMap = useMemo(() => newErrorMapping(intl), [intl]);
|
8
|
+
const renderVisualization = () => {
|
33
9
|
return (React.createElement(IntlWrapper, { locale: locale },
|
34
10
|
React.createElement(HeadlineTransformation, { dataView: dataView, onAfterRender: afterRender, onDrill: onDrill, drillableItems: drillableItems, config: config })));
|
11
|
+
};
|
12
|
+
if (error) {
|
13
|
+
const errorProps = errorMap[Object.prototype.hasOwnProperty.call(errorMap, error) ? error : ErrorCodes.UNKNOWN_ERROR];
|
14
|
+
return ErrorComponent ? React.createElement(ErrorComponent, { code: error, ...errorProps }) : null;
|
15
|
+
}
|
16
|
+
// when in pageble mode (getPage present) never show loading (its handled by the component)
|
17
|
+
if (isLoading || !dataView) {
|
18
|
+
return LoadingComponent ? React.createElement(LoadingComponent, null) : null;
|
35
19
|
}
|
20
|
+
return renderVisualization();
|
36
21
|
}
|
37
22
|
/**
|
38
23
|
* @internal
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CoreHeadline.js","sourceRoot":"","sources":["../../../src/charts/headline/CoreHeadline.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,
|
1
|
+
{"version":3,"file":"CoreHeadline.js","sourceRoot":"","sources":["../../../src/charts/headline/CoreHeadline.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAgB,OAAO,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EACH,eAAe,EAEf,WAAW,EACX,UAAU,EAEV,kBAAkB,GACrB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAYxE,SAAS,iBAAiB,CAAC,KAAwB;IAC/C,MAAM,EACF,QAAQ,EACR,KAAK,EACL,SAAS,EACT,cAAc,EACd,gBAAgB,EAChB,WAAW,EACX,cAAc,EACd,MAAM,EACN,OAAO,EACP,MAAM,GAAG,EAAE,EACX,sBAAsB,EAAE,sBAAsB,EAC9C,IAAI,GACP,GAAG,yBAAyB,CAAC,KAAK,CAAC,CAAC;IAErC,MAAM,QAAQ,GAAsB,OAAO,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEjF,MAAM,mBAAmB,GAAG,GAAiB,EAAE;QAC3C,OAAO,CACH,oBAAC,WAAW,IAAC,MAAM,EAAE,MAAM;YACvB,oBAAC,sBAAsB,IACnB,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,WAAW,EAC1B,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,MAAM,EAAE,MAAM,GAChB,CACQ,CACjB,CAAC;IACN,CAAC,CAAC;IAEF,IAAI,KAAK,EAAE,CAAC;QACR,MAAM,UAAU,GACZ,QAAQ,CACJ,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,IAAI,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,aAAa,CAC3F,CAAC;QACN,OAAO,cAAc,CAAC,CAAC,CAAC,oBAAC,cAAc,IAAC,IAAI,EAAE,KAAK,KAAM,UAAU,GAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IACnF,CAAC;IAED,2FAA2F;IAC3F,IAAI,SAAS,IAAI,CAAC,QAAQ,EAAE,CAAC;QACzB,OAAO,gBAAgB,CAAC,CAAC,CAAC,oBAAC,gBAAgB,OAAG,CAAC,CAAC,CAAC,IAAI,CAAC;IAC1D,CAAC;IAED,OAAO,mBAAmB,EAAE,CAAC;AACjC,CAAC;AAED;;GAEG;AACH,MAAM,YAAY,GAAG,kBAAkB,CAAC,iBAAiB,CAAC,CAAC;AAM3D,OAAO,EAAE,YAAY,EAAE,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"HeadlineProviderFactory.d.ts","sourceRoot":"","sources":["../../../src/charts/headline/HeadlineProviderFactory.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"HeadlineProviderFactory.d.ts","sourceRoot":"","sources":["../../../src/charts/headline/HeadlineProviderFactory.ts"],"names":[],"mappings":"AAGA,OAAO,EAA8C,OAAO,EAAY,MAAM,qBAAqB,CAAC;AAEpG,OAAO,EAAE,YAAY,EAAe,MAAM,2BAA2B,CAAC;AAItE,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAQ1D;;;;;;GAMG;AACH,QAAA,MAAM,sBAAsB,GACxB,SAAS,OAAO,EAAE,EAClB,QAAQ,YAAY,EACpB,mBAAmB,OAAO,KAC3B,iBAWF,CAAC;AAyBF;;GAEG;AACH,OAAO,EAAE,sBAAsB,EAAE,CAAC"}
|
@@ -1,10 +1,10 @@
|
|
1
|
-
// (C) 2023 GoodData Corporation
|
2
|
-
import { bucketMeasure, bucketMeasures, bucketsFind } from "@gooddata/sdk-model";
|
3
|
-
import MultiMeasuresProvider from "./internal/providers/MultiMeasuresProvider.js";
|
4
|
-
import ComparisonProvider from "./internal/providers/ComparisonProvider.js";
|
5
|
-
import { BucketNames } from "@gooddata/sdk-ui";
|
1
|
+
// (C) 2023-2025 GoodData Corporation
|
6
2
|
import isEmpty from "lodash/isEmpty.js";
|
7
|
-
import
|
3
|
+
import { BucketNames } from "@gooddata/sdk-ui";
|
4
|
+
import { bucketMeasure, bucketMeasures, bucketsFind } from "@gooddata/sdk-model";
|
5
|
+
import { MultiMeasuresProvider } from "./internal/providers/MultiMeasuresProvider.js";
|
6
|
+
import { ComparisonProvider } from "./internal/providers/ComparisonProvider.js";
|
7
|
+
import { LegacyProvider } from "./internal/providers/LegacyProvider.js";
|
8
8
|
var HeadlineType;
|
9
9
|
(function (HeadlineType) {
|
10
10
|
HeadlineType[HeadlineType["MULTI_MEASURES"] = 0] = "MULTI_MEASURES";
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"HeadlineProviderFactory.js","sourceRoot":"","sources":["../../../src/charts/headline/HeadlineProviderFactory.ts"],"names":[],"mappings":"AAAA,
|
1
|
+
{"version":3,"file":"HeadlineProviderFactory.js","sourceRoot":"","sources":["../../../src/charts/headline/HeadlineProviderFactory.ts"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,OAAO,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC/C,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,WAAW,EAAqB,MAAM,qBAAqB,CAAC;AAIpG,OAAO,EAAE,qBAAqB,EAAE,MAAM,+CAA+C,CAAC;AACtF,OAAO,EAAE,kBAAkB,EAAE,MAAM,4CAA4C,CAAC;AAEhF,OAAO,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAC;AAExE,IAAK,YAGJ;AAHD,WAAK,YAAY;IACb,mEAAc,CAAA;IACd,2DAAU,CAAA;AACd,CAAC,EAHI,YAAY,KAAZ,YAAY,QAGhB;AAED;;;;;;GAMG;AACH,MAAM,sBAAsB,GAAG,CAC3B,OAAkB,EAClB,MAAoB,EACpB,iBAA0B,EACT,EAAE;IACnB,IAAI,CAAC,iBAAiB,EAAE,CAAC;QACrB,OAAO,IAAI,cAAc,EAAE,CAAC;IAChC,CAAC;IAED,MAAM,YAAY,GAAG,eAAe,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;IACtD,IAAI,YAAY,KAAK,YAAY,CAAC,UAAU,EAAE,CAAC;QAC3C,OAAO,IAAI,kBAAkB,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;IACtD,CAAC;IAED,OAAO,IAAI,qBAAqB,EAAE,CAAC;AACvC,CAAC,CAAC;AAEF,MAAM,eAAe,GAAG,CAAC,OAAkB,EAAE,MAAoB,EAAgB,EAAE;IAC/E,MAAM,aAAa,GAAG,WAAW,CAAC,OAAO,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IACjE,MAAM,cAAc,GAAG,aAAa,IAAI,aAAa,CAAC,aAAa,CAAC,CAAC;IAErE,MAAM,eAAe,GAAG,WAAW,CAAC,OAAO,EAAE,WAAW,CAAC,kBAAkB,CAAC,CAAC;IAC7E,MAAM,iBAAiB,GAAG,CAAC,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAE3F,IAAI,gBAAgB,CAAC,cAAc,EAAE,iBAAiB,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,CAAC;QAC1E,OAAO,YAAY,CAAC,UAAU,CAAC;IACnC,CAAC;IAED,OAAO,YAAY,CAAC,cAAc,CAAC;AACvC,CAAC,CAAC;AAEF,MAAM,gBAAgB,GAAG,CACrB,cAAwB,EACxB,iBAA6B,EAC7B,UAAuB,EAChB,EAAE;IACT,MAAM,mBAAmB,GAAG,UAAU,EAAE,OAAO,IAAI,IAAI,CAAC;IACxD,OAAO,cAAc,IAAI,iBAAiB,EAAE,MAAM,KAAK,CAAC,IAAI,mBAAmB,CAAC;AACpF,CAAC,CAAC;AAEF;;GAEG;AACH,OAAO,EAAE,sBAAsB,EAAE,CAAC"}
|
@@ -12,26 +12,6 @@ export interface IHeadlineVisualizationProps {
|
|
12
12
|
/**
|
13
13
|
* The React component that renders the Headline visualisation.
|
14
14
|
*/
|
15
|
-
|
16
|
-
|
17
|
-
private secondaryItemTitleWrapperRef;
|
18
|
-
private afterRenderGuardTimeoutId;
|
19
|
-
private afterRenderCalled;
|
20
|
-
componentDidMount(): void;
|
21
|
-
componentWillUnmount(): void;
|
22
|
-
render(): React.JSX.Element;
|
23
|
-
private getPrimaryItemClasses;
|
24
|
-
private getSecondaryItemClasses;
|
25
|
-
private getValueWrapperClasses;
|
26
|
-
private fireDrillEvent;
|
27
|
-
private handleClickOnPrimaryItem;
|
28
|
-
private handleClickOnSecondaryItem;
|
29
|
-
private renderTertiaryItem;
|
30
|
-
private renderSecondaryItem;
|
31
|
-
private renderCompareItems;
|
32
|
-
private renderHeadlineItem;
|
33
|
-
private renderHeadlineItemAsValue;
|
34
|
-
private renderHeadlineItemAsLink;
|
35
|
-
private renderPrimaryItem;
|
36
|
-
}
|
15
|
+
declare function LegacyHeadline({ data, config, onDrill, onAfterRender, disableDrillUnderline, }: IHeadlineVisualizationProps): React.JSX.Element;
|
16
|
+
export default LegacyHeadline;
|
37
17
|
//# sourceMappingURL=LegacyHeadline.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"LegacyHeadline.d.ts","sourceRoot":"","sources":["../../../../../src/charts/headline/internal/headlines/LegacyHeadline.tsx"],"names":[],"mappings":"AACA,OAAO,
|
1
|
+
{"version":3,"file":"LegacyHeadline.d.ts","sourceRoot":"","sources":["../../../../../src/charts/headline/internal/headlines/LegacyHeadline.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAK9D,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AAC/D,OAAO,EAA8B,aAAa,EAAqB,MAAM,4BAA4B,CAAC;AAc1G,OAAO,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AASvE,MAAM,WAAW,2BAA2B;IACxC,IAAI,EAAE,aAAa,CAAC;IACpB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,OAAO,CAAC,EAAE,uBAAuB,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACnC;AAED;;GAEG;AACH,iBAAS,cAAc,CAAC,EACpB,IAAI,EACJ,MAAW,EACX,OAAoB,EACpB,aAAoB,EACpB,qBAA6B,GAChC,EAAE,2BAA2B,qBAsQ7B;AAED,eAAe,cAAc,CAAC"}
|
@@ -1,5 +1,5 @@
|
|
1
1
|
// (C) 2007-2025 GoodData Corporation
|
2
|
-
import React, {
|
2
|
+
import React, { useRef, useEffect, useCallback } from "react";
|
3
3
|
import ReactMeasure from "react-measure";
|
4
4
|
import { ResponsiveText } from "@gooddata/sdk-ui-kit";
|
5
5
|
import cx from "classnames";
|
@@ -15,49 +15,31 @@ const Measure = defaultImport(ReactMeasure);
|
|
15
15
|
/**
|
16
16
|
* The React component that renders the Headline visualisation.
|
17
17
|
*/
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
disableDrillUnderline: false,
|
24
|
-
};
|
25
|
-
secondaryItemTitleWrapperRef = createRef();
|
26
|
-
afterRenderGuardTimeoutId;
|
27
|
-
afterRenderCalled = false;
|
28
|
-
componentDidMount() {
|
18
|
+
function LegacyHeadline({ data, config = {}, onDrill = () => true, onAfterRender = noop, disableDrillUnderline = false, }) {
|
19
|
+
const secondaryItemTitleWrapperRef = useRef(null);
|
20
|
+
const afterRenderGuardTimeoutIdRef = useRef(null);
|
21
|
+
const afterRenderCalledRef = useRef(false);
|
22
|
+
useEffect(() => {
|
29
23
|
// guard if onResize would fail to resize the widget
|
30
|
-
|
31
|
-
if (!
|
32
|
-
|
24
|
+
afterRenderGuardTimeoutIdRef.current = setTimeout(() => {
|
25
|
+
if (!afterRenderCalledRef.current) {
|
26
|
+
onAfterRender();
|
33
27
|
}
|
34
28
|
}, RESIZE_GUARD_TIMEOUT);
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
dimensions?.client?.height > 0 &&
|
43
|
-
!this.afterRenderCalled) {
|
44
|
-
this.props.onAfterRender();
|
45
|
-
this.afterRenderCalled = true;
|
46
|
-
}
|
47
|
-
} }, ({ measureRef, contentRect }) => {
|
48
|
-
return (React.createElement("div", { className: "headline", ref: measureRef },
|
49
|
-
this.renderPrimaryItem(contentRect.client?.height),
|
50
|
-
this.renderCompareItems(contentRect.client?.width, contentRect.client?.height)));
|
51
|
-
}));
|
52
|
-
}
|
53
|
-
getPrimaryItemClasses(primaryItem) {
|
29
|
+
return () => {
|
30
|
+
if (afterRenderGuardTimeoutIdRef.current) {
|
31
|
+
clearTimeout(afterRenderGuardTimeoutIdRef.current);
|
32
|
+
}
|
33
|
+
};
|
34
|
+
}, [onAfterRender]);
|
35
|
+
const getPrimaryItemClasses = useCallback((primaryItem) => {
|
54
36
|
return cx([
|
55
37
|
"headline-primary-item",
|
56
38
|
"s-headline-primary-item",
|
57
39
|
...getDrillableClasses(primaryItem.isDrillable),
|
58
40
|
]);
|
59
|
-
}
|
60
|
-
getSecondaryItemClasses(secondaryItem) {
|
41
|
+
}, []);
|
42
|
+
const getSecondaryItemClasses = useCallback((secondaryItem) => {
|
61
43
|
return cx([
|
62
44
|
"gd-flex-item",
|
63
45
|
"headline-compare-section-item",
|
@@ -65,15 +47,14 @@ export default class LegacyHeadline extends React.Component {
|
|
65
47
|
"s-headline-secondary-item",
|
66
48
|
...getDrillableClasses(secondaryItem.isDrillable),
|
67
49
|
]);
|
68
|
-
}
|
69
|
-
getValueWrapperClasses(formattedItem) {
|
50
|
+
}, []);
|
51
|
+
const getValueWrapperClasses = useCallback((formattedItem) => {
|
70
52
|
return cx(["headline-value-wrapper", "s-headline-value-wrapper"], {
|
71
53
|
"headline-value--empty": formattedItem.isValueEmpty,
|
72
54
|
"s-headline-value--empty": formattedItem.isValueEmpty,
|
73
55
|
});
|
74
|
-
}
|
75
|
-
fireDrillEvent(item, elementType, elementTarget) {
|
76
|
-
const { onDrill } = this.props;
|
56
|
+
}, []);
|
57
|
+
const fireDrillEvent = useCallback((item, elementType, elementTarget) => {
|
77
58
|
if (onDrill) {
|
78
59
|
const itemContext = {
|
79
60
|
localIdentifier: item.localIdentifier,
|
@@ -82,85 +63,105 @@ export default class LegacyHeadline extends React.Component {
|
|
82
63
|
};
|
83
64
|
onDrill(itemContext, elementTarget);
|
84
65
|
}
|
85
|
-
}
|
86
|
-
handleClickOnPrimaryItem = (event) => {
|
87
|
-
const {
|
88
|
-
|
89
|
-
};
|
90
|
-
handleClickOnSecondaryItem = (event) => {
|
91
|
-
const {
|
92
|
-
|
93
|
-
};
|
94
|
-
renderTertiaryItem = () => {
|
95
|
-
const {
|
66
|
+
}, [onDrill]);
|
67
|
+
const handleClickOnPrimaryItem = useCallback((event) => {
|
68
|
+
const { primaryItem } = data;
|
69
|
+
fireDrillEvent(primaryItem, "primaryValue", event.target);
|
70
|
+
}, [data, fireDrillEvent]);
|
71
|
+
const handleClickOnSecondaryItem = useCallback((event) => {
|
72
|
+
const { secondaryItem } = data;
|
73
|
+
fireDrillEvent(secondaryItem, "secondaryValue", event.target);
|
74
|
+
}, [data, fireDrillEvent]);
|
75
|
+
const renderTertiaryItem = useCallback(() => {
|
76
|
+
const { tertiaryItem } = data;
|
96
77
|
const formattedItem = formatPercentageValue(tertiaryItem);
|
97
78
|
return (React.createElement("div", { className: "gd-flex-item headline-compare-section-item headline-tertiary-item s-headline-tertiary-item" },
|
98
|
-
React.createElement("div", { className:
|
79
|
+
React.createElement("div", { className: getValueWrapperClasses(formattedItem) }, formattedItem.value),
|
99
80
|
React.createElement("div", { className: "headline-title-wrapper s-headline-title-wrapper", title: tertiaryItem.title }, tertiaryItem.title)));
|
100
|
-
};
|
101
|
-
|
102
|
-
const
|
81
|
+
}, [data, getValueWrapperClasses]);
|
82
|
+
const renderHeadlineItemAsValue = useCallback((formattedItem) => {
|
83
|
+
const valueClassNames = cx(["headline-value", "s-headline-value"], {
|
84
|
+
"headline-value--empty": formattedItem.isValueEmpty,
|
85
|
+
"s-headline-value--empty": formattedItem.isValueEmpty,
|
86
|
+
"headline-link-style-underline": !disableDrillUnderline,
|
87
|
+
});
|
88
|
+
return React.createElement("div", { className: valueClassNames }, formattedItem.value);
|
89
|
+
}, [disableDrillUnderline]);
|
90
|
+
const renderHeadlineItemAsLink = useCallback((formattedItem) => {
|
91
|
+
return (React.createElement("div", { className: "headline-item-link s-headline-item-link" }, renderHeadlineItemAsValue(formattedItem)));
|
92
|
+
}, [renderHeadlineItemAsValue]);
|
93
|
+
const renderHeadlineItem = useCallback((item, formattedItem) => {
|
94
|
+
return item.isDrillable
|
95
|
+
? renderHeadlineItemAsLink(formattedItem)
|
96
|
+
: renderHeadlineItemAsValue(formattedItem);
|
97
|
+
}, [renderHeadlineItemAsLink, renderHeadlineItemAsValue]);
|
98
|
+
const renderSecondaryItem = useCallback(() => {
|
99
|
+
const { secondaryItem } = data;
|
103
100
|
const formattedItem = formatItemValue(secondaryItem, config);
|
104
|
-
const valueClickCallback = secondaryItem.isDrillable ?
|
101
|
+
const valueClickCallback = secondaryItem.isDrillable ? handleClickOnSecondaryItem : null;
|
105
102
|
const secondaryValue = secondaryItem.isDrillable
|
106
|
-
?
|
107
|
-
:
|
108
|
-
return (React.createElement("div", { className:
|
103
|
+
? renderHeadlineItemAsLink(formattedItem)
|
104
|
+
: renderHeadlineItemAsValue(formattedItem);
|
105
|
+
return (React.createElement("div", { className: getSecondaryItemClasses(secondaryItem), onClick: valueClickCallback },
|
109
106
|
React.createElement("div", { className: "headline-value-wrapper s-headline-value-wrapper", style: formattedItem.cssStyle },
|
110
107
|
React.createElement(ResponsiveText, null, secondaryValue)),
|
111
|
-
React.createElement("div", { className: "headline-title-wrapper s-headline-title-wrapper", title: secondaryItem.title, ref:
|
112
|
-
}
|
113
|
-
|
114
|
-
|
108
|
+
React.createElement("div", { className: "headline-title-wrapper s-headline-title-wrapper", title: secondaryItem.title, ref: secondaryItemTitleWrapperRef }, secondaryItem.title)));
|
109
|
+
}, [
|
110
|
+
data,
|
111
|
+
config,
|
112
|
+
handleClickOnSecondaryItem,
|
113
|
+
renderHeadlineItemAsLink,
|
114
|
+
renderHeadlineItemAsValue,
|
115
|
+
getSecondaryItemClasses,
|
116
|
+
]);
|
117
|
+
const renderCompareItems = useCallback((clientWidth, clientHeight) => {
|
118
|
+
const { secondaryItem } = data;
|
115
119
|
if (!secondaryItem) {
|
116
120
|
return null;
|
117
121
|
}
|
118
122
|
const pagination = shouldRenderPagination(config.enableCompactSize, clientWidth, clientHeight);
|
119
123
|
if (pagination) {
|
120
124
|
return (React.createElement("div", { className: "gd-flex-container headline-compare-section headline-paginated-compare-section" },
|
121
|
-
React.createElement(HeadlinePagination, { renderSecondaryItem:
|
125
|
+
React.createElement(HeadlinePagination, { renderSecondaryItem: renderSecondaryItem, renderTertiaryItem: renderTertiaryItem })));
|
122
126
|
}
|
123
|
-
return (React.createElement("div", { className: getCompareSectionClasses(clientWidth,
|
124
|
-
|
125
|
-
|
126
|
-
}
|
127
|
-
|
128
|
-
|
129
|
-
? this.renderHeadlineItemAsLink(formattedItem)
|
130
|
-
: this.renderHeadlineItemAsValue(formattedItem);
|
131
|
-
}
|
132
|
-
renderHeadlineItemAsValue(formattedItem) {
|
133
|
-
const valueClassNames = cx(["headline-value", "s-headline-value"], {
|
134
|
-
"headline-value--empty": formattedItem.isValueEmpty,
|
135
|
-
"s-headline-value--empty": formattedItem.isValueEmpty,
|
136
|
-
"headline-link-style-underline": !this.props.disableDrillUnderline,
|
137
|
-
});
|
138
|
-
return React.createElement("div", { className: valueClassNames }, formattedItem.value);
|
139
|
-
}
|
140
|
-
renderHeadlineItemAsLink(formattedItem) {
|
141
|
-
return (React.createElement("div", { className: "headline-item-link s-headline-item-link" }, this.renderHeadlineItemAsValue(formattedItem)));
|
142
|
-
}
|
143
|
-
renderPrimaryItem(clientHeight) {
|
144
|
-
const { data: { primaryItem, secondaryItem }, config, } = this.props;
|
127
|
+
return (React.createElement("div", { className: getCompareSectionClasses(clientWidth, secondaryItemTitleWrapperRef) },
|
128
|
+
renderTertiaryItem(),
|
129
|
+
renderSecondaryItem()));
|
130
|
+
}, [config.enableCompactSize, data, renderSecondaryItem, renderTertiaryItem]);
|
131
|
+
const renderPrimaryItem = useCallback((clientHeight) => {
|
132
|
+
const { primaryItem, secondaryItem } = data;
|
145
133
|
const formattedItem = formatItemValue(primaryItem, config);
|
146
|
-
const valueClickCallback = primaryItem.isDrillable ?
|
134
|
+
const valueClickCallback = primaryItem.isDrillable ? handleClickOnPrimaryItem : null;
|
147
135
|
if (config.enableCompactSize) {
|
148
136
|
if (!clientHeight) {
|
149
137
|
return null;
|
150
138
|
}
|
151
139
|
const { height, fontSize } = calculateHeadlineHeightFontSize(!!secondaryItem, clientHeight);
|
152
140
|
const heightStyles = { height: `${height}px`, lineHeight: `${height}px` };
|
153
|
-
return (React.createElement("div", { className:
|
141
|
+
return (React.createElement("div", { className: getPrimaryItemClasses(primaryItem), style: {
|
154
142
|
...formattedItem.cssStyle,
|
155
143
|
...heightStyles,
|
156
144
|
} },
|
157
145
|
React.createElement("div", { style: { fontSize: `${fontSize}px` } },
|
158
146
|
React.createElement(ResponsiveText, null,
|
159
|
-
React.createElement("div", { className: "headline-value-wrapper", onClick: valueClickCallback },
|
147
|
+
React.createElement("div", { className: "headline-value-wrapper", onClick: valueClickCallback }, renderHeadlineItem(primaryItem, formattedItem))))));
|
160
148
|
}
|
161
|
-
return (React.createElement("div", { className:
|
149
|
+
return (React.createElement("div", { className: getPrimaryItemClasses(primaryItem), style: formattedItem.cssStyle },
|
162
150
|
React.createElement(ResponsiveText, null,
|
163
|
-
React.createElement("div", { className: "headline-value-wrapper", onClick: valueClickCallback },
|
164
|
-
}
|
151
|
+
React.createElement("div", { className: "headline-value-wrapper", onClick: valueClickCallback }, renderHeadlineItem(primaryItem, formattedItem)))));
|
152
|
+
}, [config, data, getPrimaryItemClasses, handleClickOnPrimaryItem, renderHeadlineItem]);
|
153
|
+
return (React.createElement(Measure, { client: true, onResize: (dimensions) => {
|
154
|
+
if (dimensions?.client?.width > 0 &&
|
155
|
+
dimensions?.client?.height > 0 &&
|
156
|
+
!afterRenderCalledRef.current) {
|
157
|
+
onAfterRender();
|
158
|
+
afterRenderCalledRef.current = true;
|
159
|
+
}
|
160
|
+
} }, ({ measureRef, contentRect }) => {
|
161
|
+
return (React.createElement("div", { className: "headline", ref: measureRef },
|
162
|
+
renderPrimaryItem(contentRect.client?.height),
|
163
|
+
renderCompareItems(contentRect.client?.width, contentRect.client?.height)));
|
164
|
+
}));
|
165
165
|
}
|
166
|
+
export default LegacyHeadline;
|
166
167
|
//# sourceMappingURL=LegacyHeadline.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"LegacyHeadline.js","sourceRoot":"","sources":["../../../../../src/charts/headline/internal/headlines/LegacyHeadline.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
1
|
+
{"version":3,"file":"LegacyHeadline.js","sourceRoot":"","sources":["../../../../../src/charts/headline/internal/headlines/LegacyHeadline.tsx"],"names":[],"mappings":"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"}
|
@@ -8,6 +8,6 @@ interface IHeadlineProps {
|
|
8
8
|
onDrill?: HeadlineFiredDrillEvent;
|
9
9
|
onAfterRender?: () => void;
|
10
10
|
}
|
11
|
-
declare const BaseHeadline: React.FC<IHeadlineProps>;
|
12
|
-
export
|
11
|
+
export declare const BaseHeadline: React.FC<IHeadlineProps>;
|
12
|
+
export {};
|
13
13
|
//# sourceMappingURL=BaseHeadline.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"BaseHeadline.d.ts","sourceRoot":"","sources":["../../../../../../src/charts/headline/internal/headlines/baseHeadline/BaseHeadline.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAM9D,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAGlE,OAAO,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAE1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAMtE,UAAU,cAAc;IACpB,IAAI,EAAE,iBAAiB,CAAC;IACxB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,OAAO,CAAC,EAAE,uBAAuB,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,
|
1
|
+
{"version":3,"file":"BaseHeadline.d.ts","sourceRoot":"","sources":["../../../../../../src/charts/headline/internal/headlines/baseHeadline/BaseHeadline.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAM9D,OAAO,EAAE,YAAY,EAAE,MAAM,oCAAoC,CAAC;AAGlE,OAAO,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAE1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAMtE,UAAU,cAAc;IACpB,IAAI,EAAE,iBAAiB,CAAC;IACxB,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,OAAO,CAAC,EAAE,uBAAuB,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAqEjD,CAAC"}
|
@@ -2,12 +2,12 @@
|
|
2
2
|
import React, { useCallback, useEffect, useRef } from "react";
|
3
3
|
import { defaultImport } from "default-import";
|
4
4
|
import ReactMeasure from "react-measure";
|
5
|
-
import PrimarySection from "./PrimarySection.js";
|
6
|
-
import CompareSection from "./CompareSection.js";
|
5
|
+
import { PrimarySection } from "./PrimarySection.js";
|
6
|
+
import { CompareSection } from "./CompareSection.js";
|
7
7
|
import { BaseHeadlineContext } from "./BaseHeadlineContext.js";
|
8
8
|
const RESIZE_GUARD_TIMEOUT = 3000;
|
9
9
|
const Measure = defaultImport(ReactMeasure);
|
10
|
-
const BaseHeadline = ({ data, config, onDrill, onAfterRender }) => {
|
10
|
+
export const BaseHeadline = ({ data, config, onDrill, onAfterRender }) => {
|
11
11
|
const { primaryItem, secondaryItem, tertiaryItem } = data;
|
12
12
|
const afterRenderCalled = useRef(false);
|
13
13
|
const fireDrillEvent = useCallback((item, elementType, elementTarget) => {
|
@@ -51,5 +51,4 @@ const BaseHeadline = ({ data, config, onDrill, onAfterRender }) => {
|
|
51
51
|
secondaryItem ? (React.createElement(CompareSection, { secondaryItem: secondaryItem, tertiaryItem: tertiaryItem })) : null)));
|
52
52
|
}));
|
53
53
|
};
|
54
|
-
export default BaseHeadline;
|
55
54
|
//# sourceMappingURL=BaseHeadline.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"BaseHeadline.js","sourceRoot":"","sources":["../../../../../../src/charts/headline/internal/headlines/baseHeadline/BaseHeadline.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,YAAwC,MAAM,eAAe,CAAC;AAKrE,OAAO,cAAc,MAAM,qBAAqB,CAAC;
|
1
|
+
{"version":3,"file":"BaseHeadline.js","sourceRoot":"","sources":["../../../../../../src/charts/headline/internal/headlines/baseHeadline/BaseHeadline.tsx"],"names":[],"mappings":"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"}
|
@@ -4,6 +4,6 @@ interface ICompareSectionProps {
|
|
4
4
|
secondaryItem: IBaseHeadlineItem<BaseHeadlineItemAccepted>;
|
5
5
|
tertiaryItem?: IBaseHeadlineItem<BaseHeadlineItemAccepted>;
|
6
6
|
}
|
7
|
-
declare const CompareSection: React.FC<ICompareSectionProps>;
|
8
|
-
export
|
7
|
+
export declare const CompareSection: React.FC<ICompareSectionProps>;
|
8
|
+
export {};
|
9
9
|
//# sourceMappingURL=CompareSection.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CompareSection.d.ts","sourceRoot":"","sources":["../../../../../../src/charts/headline/internal/headlines/baseHeadline/CompareSection.tsx"],"names":[],"mappings":"AACA,OAAO,
|
1
|
+
{"version":3,"file":"CompareSection.d.ts","sourceRoot":"","sources":["../../../../../../src/charts/headline/internal/headlines/baseHeadline/CompareSection.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,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,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAyDzD,CAAC"}
|
@@ -1,19 +1,14 @@
|
|
1
1
|
// (C) 2023-2025 GoodData Corporation
|
2
|
-
import React
|
3
|
-
import { HeadlinePagination, shouldRenderPagination } from "@gooddata/sdk-ui-vis-commons";
|
4
|
-
import CompareSectionItem from "./CompareSectionItem.js";
|
5
|
-
import { getCompareSectionClasses } from "../../utils/HeadlineDataItemUtils.js";
|
6
|
-
import { useBaseHeadline } from "./BaseHeadlineContext.js";
|
2
|
+
import React from "react";
|
7
3
|
import { useIntl } from "react-intl";
|
8
|
-
|
9
|
-
|
10
|
-
|
4
|
+
import { HeadlinePagination } from "@gooddata/sdk-ui-vis-commons";
|
5
|
+
import { CompareSectionItem } from "./CompareSectionItem.js";
|
6
|
+
import { usePagination } from "./baseHeadlineDataItems/useOutOfBoundsDetection.js";
|
7
|
+
export const CompareSection = ({ secondaryItem, tertiaryItem }) => {
|
11
8
|
const intl = useIntl();
|
12
|
-
const secondaryItemTitleWrapperRef =
|
13
|
-
|
14
|
-
|
15
|
-
return pagination && tertiaryItem ? (React.createElement("div", { className: "gd-flex-container headline-compare-section headline-paginated-compare-section s-headline-paginated-compare-section" },
|
16
|
-
React.createElement(HeadlinePagination, { renderSecondaryItem: () => (React.createElement(CompareSectionItem, { dataItem: secondaryItem, titleRef: secondaryItemTitleWrapperRef })), renderTertiaryItem: () => React.createElement(CompareSectionItem, { dataItem: tertiaryItem }), accessibilityConfig: {
|
9
|
+
const { shouldUsePagination, overflowState, handleSecondaryOverflow, handleTertiaryOverflow, compareSectionClassNames, secondaryItemTitleWrapperRef, } = usePagination(tertiaryItem !== undefined);
|
10
|
+
return shouldUsePagination ? (React.createElement("div", { className: "gd-flex-container headline-compare-section headline-paginated-compare-section s-headline-paginated-compare-section" },
|
11
|
+
React.createElement(HeadlinePagination, { renderSecondaryItem: () => (React.createElement(CompareSectionItem, { dataItem: secondaryItem, titleRef: secondaryItemTitleWrapperRef, onValueOverflow: undefined, measurementTrigger: overflowState.measurementKey })), renderTertiaryItem: () => (React.createElement(CompareSectionItem, { dataItem: tertiaryItem, onValueOverflow: undefined, measurementTrigger: overflowState.measurementKey })), accessibilityConfig: {
|
17
12
|
nextAriaLabel: intl.formatMessage({
|
18
13
|
id: "visualizations.headline.pagination.next.metricLabel",
|
19
14
|
}),
|
@@ -21,8 +16,7 @@ const CompareSection = ({ secondaryItem, tertiaryItem }) => {
|
|
21
16
|
id: "visualizations.headline.pagination.previous.metricLabel",
|
22
17
|
}),
|
23
18
|
} }))) : (React.createElement("div", { className: compareSectionClassNames },
|
24
|
-
tertiaryItem ? React.createElement(CompareSectionItem, { dataItem: tertiaryItem }) : null,
|
25
|
-
React.createElement(CompareSectionItem, { dataItem: secondaryItem, titleRef: secondaryItemTitleWrapperRef })));
|
19
|
+
tertiaryItem ? (React.createElement(CompareSectionItem, { dataItem: tertiaryItem, onValueOverflow: handleTertiaryOverflow, measurementTrigger: overflowState.measurementKey })) : null,
|
20
|
+
React.createElement(CompareSectionItem, { dataItem: secondaryItem, titleRef: secondaryItemTitleWrapperRef, onValueOverflow: handleSecondaryOverflow, measurementTrigger: overflowState.measurementKey })));
|
26
21
|
};
|
27
|
-
export default CompareSection;
|
28
22
|
//# sourceMappingURL=CompareSection.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CompareSection.js","sourceRoot":"","sources":["../../../../../../src/charts/headline/internal/headlines/baseHeadline/CompareSection.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,
|
1
|
+
{"version":3,"file":"CompareSection.js","sourceRoot":"","sources":["../../../../../../src/charts/headline/internal/headlines/baseHeadline/CompareSection.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAErC,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAElE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,OAAO,EAAE,aAAa,EAAE,MAAM,oDAAoD,CAAC;AAOnF,MAAM,CAAC,MAAM,cAAc,GAAmC,CAAC,EAAE,aAAa,EAAE,YAAY,EAAE,EAAE,EAAE;IAC9F,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,MAAM,EACF,mBAAmB,EACnB,aAAa,EACb,uBAAuB,EACvB,sBAAsB,EACtB,wBAAwB,EACxB,4BAA4B,GAC/B,GAAG,aAAa,CAAC,YAAY,KAAK,SAAS,CAAC,CAAC;IAE9C,OAAO,mBAAmB,CAAC,CAAC,CAAC,CACzB,6BAAK,SAAS,EAAC,oHAAoH;QAC/H,oBAAC,kBAAkB,IACf,mBAAmB,EAAE,GAAG,EAAE,CAAC,CACvB,oBAAC,kBAAkB,IACf,QAAQ,EAAE,aAAa,EACvB,QAAQ,EAAE,4BAA4B,EACtC,eAAe,EAAE,SAAS,EAC1B,kBAAkB,EAAE,aAAa,CAAC,cAAc,GAClD,CACL,EACD,kBAAkB,EAAE,GAAG,EAAE,CAAC,CACtB,oBAAC,kBAAkB,IACf,QAAQ,EAAE,YAAY,EACtB,eAAe,EAAE,SAAS,EAC1B,kBAAkB,EAAE,aAAa,CAAC,cAAc,GAClD,CACL,EACD,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,CACZ,oBAAC,kBAAkB,IACf,QAAQ,EAAE,YAAY,EACtB,eAAe,EAAE,sBAAsB,EACvC,kBAAkB,EAAE,aAAa,CAAC,cAAc,GAClD,CACL,CAAC,CAAC,CAAC,IAAI;QACR,oBAAC,kBAAkB,IACf,QAAQ,EAAE,aAAa,EACvB,QAAQ,EAAE,4BAA4B,EACtC,eAAe,EAAE,uBAAuB,EACxC,kBAAkB,EAAE,aAAa,CAAC,cAAc,GAClD,CACA,CACT,CAAC;AACN,CAAC,CAAC"}
|
@@ -3,7 +3,9 @@ import { BaseHeadlineItemAccepted, IBaseHeadlineItem } from "../../interfaces/Ba
|
|
3
3
|
interface ICompareSectionItemProps {
|
4
4
|
dataItem: IBaseHeadlineItem<BaseHeadlineItemAccepted>;
|
5
5
|
titleRef?: RefObject<HTMLDivElement>;
|
6
|
+
onValueOverflow?: (isOverflowing: boolean) => void;
|
7
|
+
measurementTrigger?: number;
|
6
8
|
}
|
7
|
-
declare const CompareSectionItem: React.FC<ICompareSectionItemProps>;
|
8
|
-
export
|
9
|
+
export declare const CompareSectionItem: React.FC<ICompareSectionItemProps>;
|
10
|
+
export {};
|
9
11
|
//# sourceMappingURL=CompareSectionItem.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CompareSectionItem.d.ts","sourceRoot":"","sources":["../../../../../../src/charts/headline/internal/headlines/baseHeadline/CompareSectionItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,wBAAwB,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAEhG,UAAU,wBAAwB;IAC9B,QAAQ,EAAE,iBAAiB,CAAC,wBAAwB,CAAC,CAAC;IACtD,QAAQ,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;
|
1
|
+
{"version":3,"file":"CompareSectionItem.d.ts","sourceRoot":"","sources":["../../../../../../src/charts/headline/internal/headlines/baseHeadline/CompareSectionItem.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,wBAAwB,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAEhG,UAAU,wBAAwB;IAC9B,QAAQ,EAAE,iBAAiB,CAAC,wBAAwB,CAAC,CAAC;IACtD,QAAQ,CAAC,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACrC,eAAe,CAAC,EAAE,CAAC,aAAa,EAAE,OAAO,KAAK,IAAI,CAAC;IACnD,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC/B;AAED,eAAO,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAoBjE,CAAC"}
|
@@ -1,9 +1,8 @@
|
|
1
|
-
// (C) 2023 GoodData Corporation
|
1
|
+
// (C) 2023-2025 GoodData Corporation
|
2
2
|
import React from "react";
|
3
|
-
const CompareSectionItem = ({ dataItem, titleRef }) => {
|
3
|
+
export const CompareSectionItem = ({ dataItem, titleRef, onValueOverflow, measurementTrigger, }) => {
|
4
4
|
const BaseHeadlineDataItem = dataItem.baseHeadlineDataItemComponent;
|
5
5
|
return (React.createElement("div", { className: "gd-flex-item headline-compare-section-item headline-compare-item s-headline-compare-item" },
|
6
|
-
React.createElement(BaseHeadlineDataItem, { dataItem: dataItem.data, evaluationType: dataItem.evaluationType, elementType: dataItem.elementType, titleRef: titleRef })));
|
6
|
+
React.createElement(BaseHeadlineDataItem, { dataItem: dataItem.data, evaluationType: dataItem.evaluationType, elementType: dataItem.elementType, titleRef: titleRef, onValueOverflow: onValueOverflow, measurementTrigger: measurementTrigger })));
|
7
7
|
};
|
8
|
-
export default CompareSectionItem;
|
9
8
|
//# sourceMappingURL=CompareSectionItem.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"CompareSectionItem.js","sourceRoot":"","sources":["../../../../../../src/charts/headline/internal/headlines/baseHeadline/CompareSectionItem.tsx"],"names":[],"mappings":"AAAA,
|
1
|
+
{"version":3,"file":"CompareSectionItem.js","sourceRoot":"","sources":["../../../../../../src/charts/headline/internal/headlines/baseHeadline/CompareSectionItem.tsx"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,OAAO,KAAoB,MAAM,OAAO,CAAC;AAUzC,MAAM,CAAC,MAAM,kBAAkB,GAAuC,CAAC,EACnE,QAAQ,EACR,QAAQ,EACR,eAAe,EACf,kBAAkB,GACrB,EAAE,EAAE;IACD,MAAM,oBAAoB,GAAG,QAAQ,CAAC,6BAA6B,CAAC;IAEpE,OAAO,CACH,6BAAK,SAAS,EAAC,0FAA0F;QACrG,oBAAC,oBAAoB,IACjB,QAAQ,EAAE,QAAQ,CAAC,IAAI,EACvB,cAAc,EAAE,QAAQ,CAAC,cAAc,EACvC,WAAW,EAAE,QAAQ,CAAC,WAAW,EACjC,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,eAAe,EAChC,kBAAkB,EAAE,kBAAkB,GACxC,CACA,CACT,CAAC;AACN,CAAC,CAAC"}
|