Skip to content

Commit add9c88

Browse files
MarcusNotheisMarcusNotheis
authored
fix(charts): mark charts package as type: module (#4160)
1 parent 84fcab9 commit add9c88

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

48 files changed

+264
-252
lines changed

‎packages/charts/package.json‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,9 +2,20 @@
22
"name": "@ui5/webcomponents-react-charts",
33
"version": "1.12.0",
44
"description": "Charts for ui5-webcomponents-react",
5+
"type": "module",
56
"main": "dist/index.js",
67
"module": "dist/index.js",
78
"types": "dist/index.d.ts",
9+
"exports": {
10+
".": {
11+
"types": "./dist/index.d.ts",
12+
"default": "./dist/index.js"
13+
},
14+
"./package.json": "./package.json",
15+
"./dist": "./dist/index.js",
16+
"./dist/*": "./dist/*",
17+
"./dist/*.js": "./dist/*.js"
18+
},
819
"homepage": "https://sap.github.io/ui5-webcomponents-react",
920
"repository": {
1021
"type": "git",

‎packages/charts/src/components/BarChart/BarChart.tsx‎

Lines changed: 21 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -15,27 +15,27 @@ import {
1515
XAxis,
1616
YAxis
1717
} from 'recharts';
18-
import { getValueByDataKey } from 'recharts/lib/util/ChartUtils';
19-
import { useCancelAnimationFallback } from '../../hooks/useCancelAnimationFallback';
20-
import { useChartMargin } from '../../hooks/useChartMargin';
21-
import { useLabelFormatter } from '../../hooks/useLabelFormatter';
22-
import { useLegendItemClick } from '../../hooks/useLegendItemClick';
23-
import { useLongestYAxisLabelBar } from '../../hooks/useLongestYAxisLabelBar';
24-
import { useObserveXAxisHeights } from '../../hooks/useObserveXAxisHeights';
25-
import { useOnClickInternal } from '../../hooks/useOnClickInternal';
26-
import { usePrepareDimensionsAndMeasures } from '../../hooks/usePrepareDimensionsAndMeasures';
27-
import { useTooltipFormatter } from '../../hooks/useTooltipFormatter';
28-
import { IChartBaseProps } from '../../interfaces/IChartBaseProps';
29-
import { IChartDimension } from '../../interfaces/IChartDimension';
30-
import { IChartMeasure } from '../../interfaces/IChartMeasure';
31-
import { ChartContainer } from '../../internal/ChartContainer';
32-
import { ChartDataLabel } from '../../internal/ChartDataLabel';
33-
import { defaultFormatter } from '../../internal/defaults';
34-
import { tickLineConfig, tooltipContentStyle, tooltipFillOpacity } from '../../internal/staticProps';
35-
import { getCellColors, resolvePrimaryAndSecondaryMeasures } from '../../internal/Utils';
36-
import { XAxisTicks } from '../../internal/XAxisTicks';
37-
import { YAxisTicks } from '../../internal/YAxisTicks';
38-
import { BarChartPlaceholder } from './Placeholder';
18+
import { getValueByDataKey } from 'recharts/lib/util/ChartUtils.js';
19+
import { useCancelAnimationFallback } from '../../hooks/useCancelAnimationFallback.js';
20+
import { useChartMargin } from '../../hooks/useChartMargin.js';
21+
import { useLabelFormatter } from '../../hooks/useLabelFormatter.js';
22+
import { useLegendItemClick } from '../../hooks/useLegendItemClick.js';
23+
import { useLongestYAxisLabelBar } from '../../hooks/useLongestYAxisLabelBar.js';
24+
import { useObserveXAxisHeights } from '../../hooks/useObserveXAxisHeights.js';
25+
import { useOnClickInternal } from '../../hooks/useOnClickInternal.js';
26+
import { usePrepareDimensionsAndMeasures } from '../../hooks/usePrepareDimensionsAndMeasures.js';
27+
import { useTooltipFormatter } from '../../hooks/useTooltipFormatter.js';
28+
import { IChartBaseProps } from '../../interfaces/IChartBaseProps.js';
29+
import { IChartDimension } from '../../interfaces/IChartDimension.js';
30+
import { IChartMeasure } from '../../interfaces/IChartMeasure.js';
31+
import { ChartContainer } from '../../internal/ChartContainer.js';
32+
import { ChartDataLabel } from '../../internal/ChartDataLabel.js';
33+
import { defaultFormatter } from '../../internal/defaults.js';
34+
import { tickLineConfig, tooltipContentStyle, tooltipFillOpacity } from '../../internal/staticProps.js';
35+
import { getCellColors, resolvePrimaryAndSecondaryMeasures } from '../../internal/Utils.js';
36+
import { XAxisTicks } from '../../internal/XAxisTicks.js';
37+
import { YAxisTicks } from '../../internal/YAxisTicks.js';
38+
import { BarChartPlaceholder } from './Placeholder.js';
3939

4040
const dimensionDefaults = {
4141
formatter: defaultFormatter

‎packages/charts/src/components/BarChart/Placeholder.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import { ThemingParameters } from '@ui5/webcomponents-react-base';
22
import React from 'react';
3-
import ContentLoader from 'react-content-loader';
3+
import ContentLoader from 'react-content-loader/dist/react-content-loader.es.js';
44

55
export const BarChartPlaceholder = () => {
66
return (

‎packages/charts/src/components/BulletChart/BulletChart.tsx‎

Lines changed: 20 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -14,26 +14,26 @@ import {
1414
XAxis,
1515
YAxis
1616
} from 'recharts';
17-
import { useChartMargin } from '../../hooks/useChartMargin';
18-
import { useLabelFormatter } from '../../hooks/useLabelFormatter';
19-
import { useLegendItemClick } from '../../hooks/useLegendItemClick';
20-
import { useLongestYAxisLabel } from '../../hooks/useLongestYAxisLabel';
21-
import { useObserveXAxisHeights } from '../../hooks/useObserveXAxisHeights';
22-
import { useOnClickInternal } from '../../hooks/useOnClickInternal';
23-
import { usePrepareDimensionsAndMeasures } from '../../hooks/usePrepareDimensionsAndMeasures';
24-
import { useTooltipFormatter } from '../../hooks/useTooltipFormatter';
25-
import { IChartBaseProps } from '../../interfaces/IChartBaseProps';
26-
import { IChartDimension } from '../../interfaces/IChartDimension';
27-
import { IChartMeasure } from '../../interfaces/IChartMeasure';
28-
import { ChartContainer } from '../../internal/ChartContainer';
29-
import { ChartDataLabel } from '../../internal/ChartDataLabel';
30-
import { defaultFormatter } from '../../internal/defaults';
31-
import { tickLineConfig, tooltipContentStyle, tooltipFillOpacity } from '../../internal/staticProps';
32-
import { getCellColors, resolvePrimaryAndSecondaryMeasures } from '../../internal/Utils';
33-
import { XAxisTicks } from '../../internal/XAxisTicks';
34-
import { YAxisTicks } from '../../internal/YAxisTicks';
35-
import { ComparisonLine } from './ComparisonLine';
36-
import { BulletChartPlaceholder } from './Placeholder';
17+
import { useChartMargin } from '../../hooks/useChartMargin.js';
18+
import { useLabelFormatter } from '../../hooks/useLabelFormatter.js';
19+
import { useLegendItemClick } from '../../hooks/useLegendItemClick.js';
20+
import { useLongestYAxisLabel } from '../../hooks/useLongestYAxisLabel.js';
21+
import { useObserveXAxisHeights } from '../../hooks/useObserveXAxisHeights.js';
22+
import { useOnClickInternal } from '../../hooks/useOnClickInternal.js';
23+
import { usePrepareDimensionsAndMeasures } from '../../hooks/usePrepareDimensionsAndMeasures.js';
24+
import { useTooltipFormatter } from '../../hooks/useTooltipFormatter.js';
25+
import { IChartBaseProps } from '../../interfaces/IChartBaseProps.js';
26+
import { IChartDimension } from '../../interfaces/IChartDimension.js';
27+
import { IChartMeasure } from '../../interfaces/IChartMeasure.js';
28+
import { ChartContainer } from '../../internal/ChartContainer.js';
29+
import { ChartDataLabel } from '../../internal/ChartDataLabel.js';
30+
import { defaultFormatter } from '../../internal/defaults.js';
31+
import { tickLineConfig, tooltipContentStyle, tooltipFillOpacity } from '../../internal/staticProps.js';
32+
import { getCellColors, resolvePrimaryAndSecondaryMeasures } from '../../internal/Utils.js';
33+
import { XAxisTicks } from '../../internal/XAxisTicks.js';
34+
import { YAxisTicks } from '../../internal/YAxisTicks.js';
35+
import { ComparisonLine } from './ComparisonLine.js';
36+
import { BulletChartPlaceholder } from './Placeholder.js';
3737

3838
const dimensionDefaults = {
3939
formatter: defaultFormatter

‎packages/charts/src/components/BulletChart/Placeholder.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import { ThemingParameters } from '@ui5/webcomponents-react-base';
22
import React from 'react';
3-
import ContentLoader from 'react-content-loader';
4-
import { IChartMeasure } from '../../interfaces/IChartMeasure';
3+
import ContentLoader from 'react-content-loader/dist/react-content-loader.es.js';
4+
import { IChartMeasure } from '../../interfaces/IChartMeasure.js';
55

66
const barContentVertical = (
77
<>

‎packages/charts/src/components/ColumnChart/ColumnChart.tsx‎

Lines changed: 21 additions & 21 deletions
Original file line numberDiff line numberDiff line change
@@ -15,27 +15,27 @@ import {
1515
XAxis,
1616
YAxis
1717
} from 'recharts';
18-
import { getValueByDataKey } from 'recharts/lib/util/ChartUtils';
19-
import { useCancelAnimationFallback } from '../../hooks/useCancelAnimationFallback';
20-
import { useChartMargin } from '../../hooks/useChartMargin';
21-
import { useLabelFormatter } from '../../hooks/useLabelFormatter';
22-
import { useLegendItemClick } from '../../hooks/useLegendItemClick';
23-
import { useLongestYAxisLabel } from '../../hooks/useLongestYAxisLabel';
24-
import { useObserveXAxisHeights } from '../../hooks/useObserveXAxisHeights';
25-
import { useOnClickInternal } from '../../hooks/useOnClickInternal';
26-
import { usePrepareDimensionsAndMeasures } from '../../hooks/usePrepareDimensionsAndMeasures';
27-
import { useTooltipFormatter } from '../../hooks/useTooltipFormatter';
28-
import { IChartBaseProps } from '../../interfaces/IChartBaseProps';
29-
import { IChartDimension } from '../../interfaces/IChartDimension';
30-
import { IChartMeasure } from '../../interfaces/IChartMeasure';
31-
import { ChartContainer } from '../../internal/ChartContainer';
32-
import { ChartDataLabel } from '../../internal/ChartDataLabel';
33-
import { defaultFormatter } from '../../internal/defaults';
34-
import { tickLineConfig, tooltipContentStyle, tooltipFillOpacity } from '../../internal/staticProps';
35-
import { getCellColors, resolvePrimaryAndSecondaryMeasures } from '../../internal/Utils';
36-
import { XAxisTicks } from '../../internal/XAxisTicks';
37-
import { YAxisTicks } from '../../internal/YAxisTicks';
38-
import { ColumnChartPlaceholder } from './Placeholder';
18+
import { getValueByDataKey } from 'recharts/lib/util/ChartUtils.js';
19+
import { useCancelAnimationFallback } from '../../hooks/useCancelAnimationFallback.js';
20+
import { useChartMargin } from '../../hooks/useChartMargin.js';
21+
import { useLabelFormatter } from '../../hooks/useLabelFormatter.js';
22+
import { useLegendItemClick } from '../../hooks/useLegendItemClick.js';
23+
import { useLongestYAxisLabel } from '../../hooks/useLongestYAxisLabel.js';
24+
import { useObserveXAxisHeights } from '../../hooks/useObserveXAxisHeights.js';
25+
import { useOnClickInternal } from '../../hooks/useOnClickInternal.js';
26+
import { usePrepareDimensionsAndMeasures } from '../../hooks/usePrepareDimensionsAndMeasures.js';
27+
import { useTooltipFormatter } from '../../hooks/useTooltipFormatter.js';
28+
import { IChartBaseProps } from '../../interfaces/IChartBaseProps.js';
29+
import { IChartDimension } from '../../interfaces/IChartDimension.js';
30+
import { IChartMeasure } from '../../interfaces/IChartMeasure.js';
31+
import { ChartContainer } from '../../internal/ChartContainer.js';
32+
import { ChartDataLabel } from '../../internal/ChartDataLabel.js';
33+
import { defaultFormatter } from '../../internal/defaults.js';
34+
import { tickLineConfig, tooltipContentStyle, tooltipFillOpacity } from '../../internal/staticProps.js';
35+
import { getCellColors, resolvePrimaryAndSecondaryMeasures } from '../../internal/Utils.js';
36+
import { XAxisTicks } from '../../internal/XAxisTicks.js';
37+
import { YAxisTicks } from '../../internal/YAxisTicks.js';
38+
import { ColumnChartPlaceholder } from './Placeholder.js';
3939

4040
interface MeasureConfig extends IChartMeasure {
4141
/**

‎packages/charts/src/components/ColumnChart/Placeholder.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import { ThemingParameters } from '@ui5/webcomponents-react-base';
22
import React from 'react';
3-
import ContentLoader from 'react-content-loader';
3+
import ContentLoader from 'react-content-loader/dist/react-content-loader.es.js';
44

55
export const ColumnChartPlaceholder = (props) => {
66
return (

‎packages/charts/src/components/ColumnChartWithTrend/ColumnChartWithTrend.tsx‎

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -3,16 +3,16 @@
33
import { ThemingParameters, useIsomorphicId } from '@ui5/webcomponents-react-base';
44
import React, { CSSProperties, forwardRef } from 'react';
55
import { TooltipProps } from 'recharts';
6-
import { useLongestYAxisLabel } from '../../hooks/useLongestYAxisLabel';
7-
import { usePrepareDimensionsAndMeasures } from '../../hooks/usePrepareDimensionsAndMeasures';
8-
import { usePrepareTrendMeasures } from '../../hooks/usePrepareTrendMeasures';
9-
import { ICartesianChartConfig } from '../../interfaces/ICartesianChartConfig';
10-
import { IChartBaseProps } from '../../interfaces/IChartBaseProps';
11-
import { IChartDimension } from '../../interfaces/IChartDimension';
12-
import { IChartMeasure } from '../../interfaces/IChartMeasure';
13-
import { defaultFormatter } from '../../internal/defaults';
14-
import { ComposedChart } from '../ComposedChart';
15-
import { ColumnChartWithTrendPlaceholder } from './Placeholder';
6+
import { useLongestYAxisLabel } from '../../hooks/useLongestYAxisLabel.js';
7+
import { usePrepareDimensionsAndMeasures } from '../../hooks/usePrepareDimensionsAndMeasures.js';
8+
import { usePrepareTrendMeasures } from '../../hooks/usePrepareTrendMeasures.js';
9+
import { ICartesianChartConfig } from '../../interfaces/ICartesianChartConfig.js';
10+
import { IChartBaseProps } from '../../interfaces/IChartBaseProps.js';
11+
import { IChartDimension } from '../../interfaces/IChartDimension.js';
12+
import { IChartMeasure } from '../../interfaces/IChartMeasure.js';
13+
import { defaultFormatter } from '../../internal/defaults.js';
14+
import { ComposedChart } from '../ComposedChart/index.js';
15+
import { ColumnChartWithTrendPlaceholder } from './Placeholder.js';
1616

1717
interface MeasureConfig extends IChartMeasure {
1818
/**

‎packages/charts/src/components/ColumnChartWithTrend/Placeholder.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import { ThemingParameters } from '@ui5/webcomponents-react-base';
22
import React from 'react';
3-
import ContentLoader from 'react-content-loader';
3+
import ContentLoader from 'react-content-loader/dist/react-content-loader.es.js';
44

55
export const ColumnChartWithTrendPlaceholder = (props) => {
66
return (

‎packages/charts/src/components/ComposedChart/Placeholder.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import { ThemingParameters } from '@ui5/webcomponents-react-base';
22
import React from 'react';
3-
import ContentLoader from 'react-content-loader';
4-
import { IChartMeasure } from '../../interfaces/IChartMeasure';
3+
import ContentLoader from 'react-content-loader/dist/react-content-loader.es.js';
4+
import { IChartMeasure } from '../../interfaces/IChartMeasure.js';
55

66
const barContentVertical = (
77
<>

0 commit comments

Comments
 (0)