refactor(charts): use index.tsx as component root file

Lukas742 · Lukas742 · commit 4b49f0f6a638 · 2025-08-27T14:30:50.000+02:00
diff --git a/packages/charts/src/components/BarChart/BarChart.cy.tsx b/packages/charts/src/components/BarChart/BarChart.cy.tsx
@@ -1,5 +1,5 @@
 import { complexDataSet } from '../../resources/DemoProps.js';
-import { BarChart } from './BarChart.js';
+import { BarChart } from './index.js';
 import { cypressPassThroughTestsFactory, testChartLegendConfig, testChartZoomingTool } from '@/cypress/support/utils';
 
 const dimensions = [
diff --git a/packages/charts/src/components/BarChart/BarChart.stories.tsx b/packages/charts/src/components/BarChart/BarChart.stories.tsx
@@ -7,7 +7,7 @@ import {
   stackedNormalizedConfig,
   tooltipConfig,
 } from '../../resources/DemoProps.js';
-import { BarChart } from './BarChart.js';
+import { BarChart } from './index.js';
 
 const meta = {
   title: 'BarChart',
diff --git a/packages/charts/src/components/BarChart/index.tsx b/packages/charts/src/components/BarChart/index.tsx
diff --git a/packages/charts/src/components/BulletChart/BulletChart.cy.tsx b/packages/charts/src/components/BulletChart/BulletChart.cy.tsx
@@ -1,5 +1,5 @@
 import { complexDataSet } from '../../resources/DemoProps.js';
-import { BulletChart } from './BulletChart.js';
+import { BulletChart } from './index.js';
 import { cypressPassThroughTestsFactory, testChartLegendConfig, testChartZoomingTool } from '@/cypress/support/utils';
 
 const dimensions = [
diff --git a/packages/charts/src/components/BulletChart/BulletChart.stories.tsx b/packages/charts/src/components/BulletChart/BulletChart.stories.tsx
@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 import { complexBulletDataset, legendConfig, tooltipConfig } from '../../resources/DemoProps.js';
-import { BulletChart } from './BulletChart.js';
+import { BulletChart } from './index.js';
 
 const meta = {
   title: 'BulletChart',
diff --git a/packages/charts/src/components/BulletChart/index.tsx b/packages/charts/src/components/BulletChart/index.tsx
diff --git a/packages/charts/src/components/ColumnChart/ColumnChart.cy.tsx b/packages/charts/src/components/ColumnChart/ColumnChart.cy.tsx
@@ -1,5 +1,5 @@
 import { complexDataSet } from '../../resources/DemoProps.js';
-import { ColumnChart } from './ColumnChart.js';
+import { ColumnChart } from './index.js';
 import { cypressPassThroughTestsFactory, testChartLegendConfig, testChartZoomingTool } from '@/cypress/support/utils';
 
 const dimensions = [
diff --git a/packages/charts/src/components/ColumnChart/ColumnChart.stories.tsx b/packages/charts/src/components/ColumnChart/ColumnChart.stories.tsx
@@ -7,7 +7,7 @@ import {
   stackedNormalizedConfig,
   tooltipConfig,
 } from '../../resources/DemoProps.js';
-import { ColumnChart } from './ColumnChart.js';
+import { ColumnChart } from './index.js';
 
 const meta = {
   title: 'ColumnChart',
diff --git a/packages/charts/src/components/ColumnChart/index.tsx b/packages/charts/src/components/ColumnChart/index.tsx
diff --git a/packages/charts/src/components/ColumnChartWithTrend/ColumnChartWithTrend.cy.tsx b/packages/charts/src/components/ColumnChartWithTrend/ColumnChartWithTrend.cy.tsx
@@ -1,5 +1,5 @@
 import { complexDataSet } from '../../resources/DemoProps.js';
-import { ColumnChartWithTrend } from './ColumnChartWithTrend.js';
+import { ColumnChartWithTrend } from './index.js';
 import { cypressPassThroughTestsFactory, testChartLegendConfig, testChartZoomingTool } from '@/cypress/support/utils';
 
 const dimensions = [
diff --git a/packages/charts/src/components/ColumnChartWithTrend/ColumnChartWithTrend.stories.tsx b/packages/charts/src/components/ColumnChartWithTrend/ColumnChartWithTrend.stories.tsx
@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 import { complexDataSet, legendConfig, tooltipConfig } from '../../resources/DemoProps.js';
-import { ColumnChartWithTrend } from './ColumnChartWithTrend.js';
+import { ColumnChartWithTrend } from './index.js';
 
 const meta = {
   title: 'ColumnChartWithTrend',
diff --git a/packages/charts/src/components/ColumnChartWithTrend/index.tsx b/packages/charts/src/components/ColumnChartWithTrend/index.tsx
diff --git a/packages/charts/src/components/DonutChart/DonutChart.cy.tsx b/packages/charts/src/components/DonutChart/DonutChart.cy.tsx
@@ -1,5 +1,5 @@
 import { complexDataSet, simpleDataSet } from '../../resources/DemoProps.js';
-import { DonutChart } from './DonutChart.js';
+import { DonutChart } from './index.js';
 import { cypressPassThroughTestsFactory, testChartLegendConfig } from '@/cypress/support/utils';
 
 const dimension = {
diff --git a/packages/charts/src/components/DonutChart/DonutChart.stories.tsx b/packages/charts/src/components/DonutChart/DonutChart.stories.tsx
@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 import { useEffect, useState } from 'react';
 import { legendConfig, simpleDataSet, simpleDataSetWithSmallValues, tooltipConfig } from '../../resources/DemoProps.js';
-import { DonutChart } from './DonutChart.js';
+import { DonutChart } from './index.js';
 
 const meta = {
   title: 'DonutChart',
diff --git a/packages/charts/src/components/DonutChart/index.tsx b/packages/charts/src/components/DonutChart/index.tsx
@@ -1,8 +1,8 @@
 'use client';
 
 import { forwardRef } from 'react';
-import type { PieChartProps } from '../PieChart/PieChart.js';
-import { PieChart } from '../PieChart/PieChart.js';
+import type { PieChartProps } from '../PieChart/index.js';
+import { PieChart } from '../PieChart/index.js';
 
 /**
  * A `DonutChart` is a type of graph that displays data in a circular graph with a cut-out hole in the middle.
diff --git a/packages/charts/src/components/LineChart/LineChart.cy.tsx b/packages/charts/src/components/LineChart/LineChart.cy.tsx
@@ -1,5 +1,5 @@
 import { complexDataSet } from '../../resources/DemoProps.js';
-import { LineChart } from './LineChart.js';
+import { LineChart } from './index.js';
 import { cypressPassThroughTestsFactory, testChartLegendConfig, testChartZoomingTool } from '@/cypress/support/utils';
 
 const dimensions = [
diff --git a/packages/charts/src/components/LineChart/LineChart.stories.tsx b/packages/charts/src/components/LineChart/LineChart.stories.tsx
@@ -7,7 +7,7 @@ import {
   simpleDataSet,
   tooltipConfig,
 } from '../../resources/DemoProps.js';
-import { LineChart } from './LineChart.js';
+import { LineChart } from './index.js';
 
 const meta = {
   title: 'LineChart',
diff --git a/packages/charts/src/components/LineChart/index.tsx b/packages/charts/src/components/LineChart/index.tsx
diff --git a/packages/charts/src/components/PieChart/PieChart.cy.tsx b/packages/charts/src/components/PieChart/PieChart.cy.tsx
@@ -1,6 +1,6 @@
 import { Text as RechartsText } from 'recharts';
 import { complexDataSet, simpleDataSet } from '../../resources/DemoProps.js';
-import { PieChart } from './PieChart.js';
+import { PieChart } from './index.js';
 import { cypressPassThroughTestsFactory, testChartLegendConfig } from '@/cypress/support/utils';
 
 const dimension = {
diff --git a/packages/charts/src/components/PieChart/PieChart.stories.tsx b/packages/charts/src/components/PieChart/PieChart.stories.tsx
@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 import { useEffect, useState } from 'react';
 import { legendConfig, simpleDataSet, simpleDataSetWithSmallValues, tooltipConfig } from '../../resources/DemoProps.js';
-import { PieChart } from './PieChart.js';
+import { PieChart } from './index.js';
 
 const meta = {
   title: 'PieChart',
diff --git a/packages/charts/src/components/PieChart/index.tsx b/packages/charts/src/components/PieChart/index.tsx
diff --git a/packages/charts/src/components/RadarChart/RadarChart.cy.tsx b/packages/charts/src/components/RadarChart/RadarChart.cy.tsx
@@ -1,5 +1,5 @@
 import { complexDataSet } from '../../resources/DemoProps.js';
-import { RadarChart } from './RadarChart.js';
+import { RadarChart } from './index.js';
 import { cypressPassThroughTestsFactory, testChartLegendConfig } from '@/cypress/support/utils';
 
 const dimensions = [
diff --git a/packages/charts/src/components/RadarChart/RadarChart.stories.tsx b/packages/charts/src/components/RadarChart/RadarChart.stories.tsx
@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 import { complexDataSet, legendConfig, simpleDataSet, tooltipConfig } from '../../resources/DemoProps.js';
-import { RadarChart } from './RadarChart.js';
+import { RadarChart } from './index.js';
 
 const meta = {
   title: 'RadarChart',
diff --git a/packages/charts/src/components/RadarChart/index.tsx b/packages/charts/src/components/RadarChart/index.tsx
diff --git a/packages/charts/src/components/RadialChart/RadialChart.cy.tsx b/packages/charts/src/components/RadialChart/RadialChart.cy.tsx
@@ -1,4 +1,4 @@
-import { RadialChart } from './RadialChart.js';
+import { RadialChart } from './index.js';
 import { cypressPassThroughTestsFactory } from '@/cypress/support/utils';
 
 describe('RadialChart', () => {
diff --git a/packages/charts/src/components/RadialChart/RadialChart.stories.tsx b/packages/charts/src/components/RadialChart/RadialChart.stories.tsx
@@ -1,7 +1,7 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 import { FlexBox, FlexBoxAlignItems, FlexBoxJustifyContent, Text } from '@ui5/webcomponents-react';
 import { ThemingParameters } from '@ui5/webcomponents-react-base';
-import { RadialChart } from './RadialChart.js';
+import { RadialChart } from './index.js';
 
 const meta = {
   title: 'RadialChart',
diff --git a/packages/charts/src/components/RadialChart/index.tsx b/packages/charts/src/components/RadialChart/index.tsx
diff --git a/packages/charts/src/components/ScatterChart/ScatterChart.cy.tsx b/packages/charts/src/components/ScatterChart/ScatterChart.cy.tsx
@@ -1,5 +1,5 @@
 import { complexDataSet, scatterComplexDataSet } from '../../resources/DemoProps.js';
-import { ScatterChart } from './ScatterChart.js';
+import { ScatterChart } from './index.js';
 import { cypressPassThroughTestsFactory, testChartLegendConfig } from '@/cypress/support/utils';
 
 const measures = [
diff --git a/packages/charts/src/components/ScatterChart/ScatterChart.stories.tsx b/packages/charts/src/components/ScatterChart/ScatterChart.stories.tsx
@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
 import { legendConfig, scatterColorDataSet, scatterComplexDataSet, tooltipConfig } from '../../resources/DemoProps.js';
-import { ScatterChart } from './ScatterChart.js';
+import { ScatterChart } from './index.js';
 
 const meta = {
   title: 'ScatterChart',
diff --git a/packages/charts/src/components/ScatterChart/index.tsx b/packages/charts/src/components/ScatterChart/index.tsx
diff --git a/packages/charts/src/components/TimelineChart/TimeLineChart.stories.tsx b/packages/charts/src/components/TimelineChart/TimeLineChart.stories.tsx
@@ -2,8 +2,8 @@ import type { Meta, StoryObj } from '@storybook/react-vite';
 import { ThemingParameters } from '@ui5/webcomponents-react-base';
 import { Invention, TimingFigure } from './examples/Annotations.js';
 import { dummyDataSet, dummyDiscreteDataSet, inventionDataset, schedulingEDFData } from './examples/Dataset.js';
-import { TimelineChart } from './TimelineChart.js';
 import { TimelineChartAnnotation } from './TimelineChartAnnotation.js';
+import { TimelineChart } from './index.js';
 
 const meta = {
   title: 'TimelineChart',
diff --git a/packages/charts/src/components/TimelineChart/index.tsx b/packages/charts/src/components/TimelineChart/index.tsx
diff --git a/packages/charts/src/index.ts b/packages/charts/src/index.ts
@@ -1,24 +1,24 @@
-import { BarChart } from './components/BarChart/BarChart.js';
+import { BarChart } from './components/BarChart/index.js';
 import { BarChartPlaceholder } from './components/BarChart/Placeholder.js';
-import { BulletChart } from './components/BulletChart/BulletChart.js';
+import { BulletChart } from './components/BulletChart/index.js';
 import { BulletChartPlaceholder } from './components/BulletChart/Placeholder.js';
-import { ColumnChart } from './components/ColumnChart/ColumnChart.js';
+import { ColumnChart } from './components/ColumnChart/index.js';
 import { ColumnChartPlaceholder } from './components/ColumnChart/Placeholder.js';
-import { ColumnChartWithTrend } from './components/ColumnChartWithTrend/ColumnChartWithTrend.js';
+import { ColumnChartWithTrend } from './components/ColumnChartWithTrend/index.js';
 import { ColumnChartWithTrendPlaceholder } from './components/ColumnChartWithTrend/Placeholder.js';
 import { ComposedChart } from './components/ComposedChart/index.js';
 import { ComposedChartPlaceholder } from './components/ComposedChart/Placeholder.js';
-import { DonutChart } from './components/DonutChart/DonutChart.js';
-import { LineChart } from './components/LineChart/LineChart.js';
+import { DonutChart } from './components/DonutChart/index.js';
+import { LineChart } from './components/LineChart/index.js';
 import { LineChartPlaceholder } from './components/LineChart/Placeholder.js';
-import { PieChart } from './components/PieChart/PieChart.js';
+import { PieChart } from './components/PieChart/index.js';
 import { PieChartPlaceholder } from './components/PieChart/Placeholder.js';
-import { RadarChart } from './components/RadarChart/RadarChart.js';
-import { RadialChart } from './components/RadialChart/RadialChart.js';
+import { RadarChart } from './components/RadarChart/index.js';
+import { RadialChart } from './components/RadialChart/index.js';
+import { ScatterChart } from './components/ScatterChart/index.js';
 import { ScatterChartPlaceholder } from './components/ScatterChart/Placeholder.js';
-import { ScatterChart } from './components/ScatterChart/ScatterChart.js';
+import { TimelineChart } from './components/TimelineChart/index.js';
 import { TimelineChartPlaceholder } from './components/TimelineChart/Placeholder.js';
-import { TimelineChart } from './components/TimelineChart/TimelineChart.js';
 import { TimelineChartAnnotation } from './components/TimelineChart/TimelineChartAnnotation.js';
 import VersionInfo from './generated/VersionInfo.js';
 
