refactor(charts): migrate to @ui5/webcomponents-react(-base) subpath imports

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

@@ -1,4 +1,4 @@
-import { ThemingParameters } from '@ui5/webcomponents-react-base';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import ContentLoader from 'react-content-loader';
 
 export const BarChartPlaceholder = () => {

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

@@ -1,6 +1,8 @@
 'use client';
 
-import { enrichEventWithDetails, ThemingParameters, useIsRTL, useSyncRef } from '@ui5/webcomponents-react-base';
+import { useIsRTL, useSyncRef } from '@ui5/webcomponents-react-base/internal/hooks';
+import { enrichEventWithDetails } from '@ui5/webcomponents-react-base/internal/utils';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import type { CSSProperties } from 'react';
 import { forwardRef, useCallback } from 'react';
 import {

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

@@ -1,4 +1,4 @@
-import { ThemingParameters } from '@ui5/webcomponents-react-base';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import ContentLoader from 'react-content-loader';
 import type { IChartMeasure } from '../../interfaces/IChartMeasure.js';
 

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

@@ -1,6 +1,8 @@
 'use client';
 
-import { enrichEventWithDetails, ThemingParameters, useIsRTL, useSyncRef } from '@ui5/webcomponents-react-base';
+import { useIsRTL, useSyncRef } from '@ui5/webcomponents-react-base/internal/hooks';
+import { enrichEventWithDetails } from '@ui5/webcomponents-react-base/internal/utils';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import type { CSSProperties } from 'react';
 import { forwardRef, useCallback, useMemo } from 'react';
 import {

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

@@ -1,4 +1,4 @@
-import { ThemingParameters } from '@ui5/webcomponents-react-base';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import ContentLoader from 'react-content-loader';
 
 export const ColumnChartPlaceholder = (props) => {

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

@@ -1,6 +1,8 @@
 'use client';
 
-import { enrichEventWithDetails, ThemingParameters, useIsRTL, useSyncRef } from '@ui5/webcomponents-react-base';
+import { useIsRTL, useSyncRef } from '@ui5/webcomponents-react-base/internal/hooks';
+import { enrichEventWithDetails } from '@ui5/webcomponents-react-base/internal/utils';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import type { CSSProperties } from 'react';
 import { forwardRef, useCallback } from 'react';
 import {

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

@@ -1,4 +1,4 @@
-import { ThemingParameters } from '@ui5/webcomponents-react-base';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import ContentLoader from 'react-content-loader';
 
 export const ColumnChartWithTrendPlaceholder = (props) => {

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

@@ -1,6 +1,7 @@
 'use client';
 
-import { ThemingParameters, useStylesheet } from '@ui5/webcomponents-react-base';
+import { useStylesheet } from '@ui5/webcomponents-react-base/internal/hooks';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import { clsx } from 'clsx';
 import type { CSSProperties } from 'react';
 import { forwardRef, useId } from 'react';

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

@@ -1,4 +1,4 @@
-import { ThemingParameters } from '@ui5/webcomponents-react-base';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import ContentLoader from 'react-content-loader';
 import type { IChartMeasure } from '../../interfaces/IChartMeasure.js';
 

packages/charts/src/components/ComposedChart/index.tsx

@@ -1,6 +1,8 @@
 'use client';
 
-import { enrichEventWithDetails, ThemingParameters, useIsRTL, useSyncRef } from '@ui5/webcomponents-react-base';
+import { useIsRTL, useSyncRef } from '@ui5/webcomponents-react-base/internal/hooks';
+import { enrichEventWithDetails } from '@ui5/webcomponents-react-base/internal/utils';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import type { CSSProperties, FC } from 'react';
 import { forwardRef, useCallback } from 'react';
 import {

packages/charts/src/components/LineChart/Placeholder.tsx

@@ -1,4 +1,4 @@
-import { ThemingParameters } from '@ui5/webcomponents-react-base';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import ContentLoader from 'react-content-loader';
 
 export const LineChartPlaceholder = (props) => {

packages/charts/src/components/LineChart/index.tsx

@@ -1,6 +1,8 @@
 'use client';
 
-import { enrichEventWithDetails, ThemingParameters, useIsRTL, useSyncRef } from '@ui5/webcomponents-react-base';
+import { useIsRTL, useSyncRef } from '@ui5/webcomponents-react-base/internal/hooks';
+import { enrichEventWithDetails } from '@ui5/webcomponents-react-base/internal/utils';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import { forwardRef, useRef } from 'react';
 import type { LineProps, YAxisProps } from 'recharts';
 import {

packages/charts/src/components/PieChart/Placeholder.tsx

@@ -1,4 +1,4 @@
-import { ThemingParameters } from '@ui5/webcomponents-react-base';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import ContentLoader from 'react-content-loader';
 
 export const PieChartPlaceholder = (props) => {

packages/charts/src/components/PieChart/index.tsx

@@ -1,6 +1,7 @@
 'use client';
 
-import { enrichEventWithDetails, useStylesheet, useSyncRef } from '@ui5/webcomponents-react-base';
+import { useStylesheet, useSyncRef } from '@ui5/webcomponents-react-base/internal/hooks';
+import { enrichEventWithDetails } from '@ui5/webcomponents-react-base/internal/utils';
 import { clsx } from 'clsx';
 import type { CSSProperties } from 'react';
 import { cloneElement, forwardRef, isValidElement, useCallback, useMemo } from 'react';

packages/charts/src/components/RadarChart/index.tsx

@@ -1,6 +1,7 @@
 'use client';
 
-import { enrichEventWithDetails, ThemingParameters } from '@ui5/webcomponents-react-base';
+import { enrichEventWithDetails } from '@ui5/webcomponents-react-base/internal/utils';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import { forwardRef, useCallback, useRef } from 'react';
 import type { PolarGridProps } from 'recharts';
 import {

packages/charts/src/components/RadialChart/RadialChart.stories.tsx

@@ -1,6 +1,9 @@
 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 { FlexBoxAlignItems } from '@ui5/webcomponents-react/enums/FlexBoxAlignItems';
+import { FlexBoxJustifyContent } from '@ui5/webcomponents-react/enums/FlexBoxJustifyContent';
+import { FlexBox } from '@ui5/webcomponents-react/FlexBox';
+import { Text } from '@ui5/webcomponents-react/Text';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import { RadialChart } from './index.js';
 
 const meta = {

packages/charts/src/components/RadialChart/index.tsx

@@ -1,7 +1,8 @@
 'use client';
 
-import type { CommonProps } from '@ui5/webcomponents-react';
-import { enrichEventWithDetails, ThemingParameters } from '@ui5/webcomponents-react-base';
+import type { CommonProps } from '@ui5/webcomponents-react-base/internal/types';
+import { enrichEventWithDetails } from '@ui5/webcomponents-react-base/internal/utils';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import type { CSSProperties } from 'react';
 import { forwardRef } from 'react';
 import { PolarAngleAxis, RadialBar, RadialBarChart } from 'recharts';

packages/charts/src/components/ScatterChart/Placeholder.tsx

@@ -1,4 +1,4 @@
-import { ThemingParameters } from '@ui5/webcomponents-react-base';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import ContentLoader from 'react-content-loader';
 
 export const ScatterChartPlaceholder = (props) => {

packages/charts/src/components/ScatterChart/index.tsx

@@ -1,6 +1,8 @@
 'use client';
 
-import { enrichEventWithDetails, ThemingParameters, useIsRTL, useSyncRef } from '@ui5/webcomponents-react-base';
+import { useIsRTL, useSyncRef } from '@ui5/webcomponents-react-base/internal/hooks';
+import { enrichEventWithDetails } from '@ui5/webcomponents-react-base/internal/utils';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import type { CSSProperties } from 'react';
 import { forwardRef, useCallback, useRef } from 'react';
 import type { ReferenceLineProps } from 'recharts';

packages/charts/src/components/TimelineChart/Placeholder.tsx

@@ -1,4 +1,4 @@
-import { ThemingParameters } from '@ui5/webcomponents-react-base';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import ContentLoader from 'react-content-loader';
 
 /**

packages/charts/src/components/TimelineChart/TimeLineChart.stories.tsx

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from '@storybook/react-vite';
-import { ThemingParameters } from '@ui5/webcomponents-react-base';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import { Invention, TimingFigure } from './examples/Annotations.js';
 import { dummyDataSet, dummyDiscreteDataSet, inventionDataset, schedulingEDFData } from './examples/Dataset.js';
 import { TimelineChartAnnotation } from './TimelineChartAnnotation.js';

packages/charts/src/components/TimelineChart/TimelineChartAnnotation.tsx

@@ -1,5 +1,5 @@
-import type { CommonProps } from '@ui5/webcomponents-react';
-import { useStylesheet } from '@ui5/webcomponents-react-base';
+import { useStylesheet } from '@ui5/webcomponents-react-base/internal/hooks';
+import type { CommonProps } from '@ui5/webcomponents-react-base/internal/types';
 import type { CSSProperties, JSX } from 'react';
 import { forwardRef } from 'react';
 import { DEFAULT_ROW_HEIGHT } from './util/constants.js';

packages/charts/src/components/TimelineChart/TimelineChartHeaders.tsx

@@ -1,4 +1,5 @@
-import { ThemingParameters, useStylesheet } from '@ui5/webcomponents-react-base';
+import { useStylesheet } from '@ui5/webcomponents-react-base/internal/hooks';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import type { CSSProperties, ReactElement } from 'react';
 import { useEffect, useState } from 'react';
 import type { ITimelineChartRow } from './types/TimelineChartTypes.js';

packages/charts/src/components/TimelineChart/chartbody/TimelineChartBody.tsx

@@ -1,4 +1,4 @@
-import { useStylesheet } from '@ui5/webcomponents-react-base';
+import { useStylesheet } from '@ui5/webcomponents-react-base/internal/hooks';
 import type { CSSProperties, ReactNode } from 'react';
 import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react';
 import type { ITimelineChartRow } from '../types/TimelineChartTypes.js';

packages/charts/src/components/TimelineChart/chartbody/TimelineChartGrid.tsx

@@ -1,4 +1,4 @@
-import { ThemingParameters } from '@ui5/webcomponents-react-base';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import type { ReactElement } from 'react';
 import { DEFAULT_CHART_VERTICAL_COLS, TOLERANCE } from '../util/constants.js';
 

packages/charts/src/components/TimelineChart/chartbody/TimelineChartLayer.tsx

@@ -1,4 +1,4 @@
-import { useStylesheet } from '@ui5/webcomponents-react-base';
+import { useStylesheet } from '@ui5/webcomponents-react-base/internal/hooks';
 import type { ReactNode } from 'react';
 import { classNames, styleData } from '../util/TimelineChart.module.css.js';
 

packages/charts/src/components/TimelineChart/chartbody/TimelineChartRow.tsx

@@ -1,4 +1,4 @@
-import { throttle } from '@ui5/webcomponents-react-base';
+import { throttle } from '@ui5/webcomponents-react-base/internal/utils';
 import type { CSSProperties, MouseEvent as ReactMouseEvent } from 'react';
 import { useEffect, useRef, useState } from 'react';
 import type { ITimelineChartRow } from '../types/TimelineChartTypes.js';

packages/charts/src/components/TimelineChart/chartbody/TimelineConnections.tsx

@@ -1,4 +1,5 @@
-import { ThemingParameters, useIsomorphicLayoutEffect } from '@ui5/webcomponents-react-base';
+import { useIsomorphicLayoutEffect } from '@ui5/webcomponents-react-base/internal/hooks';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import type { ReactElement } from 'react';
 import { useState } from 'react';
 import type { ITimelineChartMileStone, ITimelineChartRow, ITimelineChartTask } from '../types/TimelineChartTypes.js';

packages/charts/src/components/TimelineChart/examples/Annotations.tsx

@@ -1,4 +1,4 @@
-import { ThemingParameters } from '@ui5/webcomponents-react-base';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import type { CSSProperties } from 'react';
 import { useContext, useEffect, useLayoutEffect, useRef, useState } from 'react';
 import { TimelineChartBodyCtx } from '../util/context.js';

packages/charts/src/components/TimelineChart/index.tsx

@@ -1,5 +1,6 @@
-import type { CommonProps } from '@ui5/webcomponents-react';
-import { throttle, useStylesheet } from '@ui5/webcomponents-react-base';
+import { useStylesheet } from '@ui5/webcomponents-react-base/internal/hooks';
+import type { CommonProps } from '@ui5/webcomponents-react-base/internal/types';
+import { throttle } from '@ui5/webcomponents-react-base/internal/utils';
 import type { CSSProperties, ReactNode, MouseEvent as ReactMouseEvent } from 'react';
 import { forwardRef, useEffect, useRef, useState } from 'react';
 import { TimelineChartBody } from './chartbody/TimelineChartBody.js';

packages/charts/src/hooks/useCancelAnimationFallback.ts

@@ -1,4 +1,4 @@
-import { debounce } from '@ui5/webcomponents-react-base';
+import { debounce } from '@ui5/webcomponents-react-base/internal/utils';
 import { useRef, useState } from 'react';
 
 export const useCancelAnimationFallback = (

packages/charts/src/hooks/useLegendItemClick.ts

@@ -1,4 +1,4 @@
-import { enrichEventWithDetails } from '@ui5/webcomponents-react-base';
+import { enrichEventWithDetails } from '@ui5/webcomponents-react-base/internal/utils';
 import { useCallback } from 'react';
 
 export const useLegendItemClick = (handler, dataKeyExtractor?) => {

packages/charts/src/hooks/useObserveXAxisHeights.ts

@@ -1,4 +1,4 @@
-import { debounce } from '@ui5/webcomponents-react-base';
+import { debounce } from '@ui5/webcomponents-react-base/internal/utils';
 import type { RefObject } from 'react';
 import { useEffect, useRef, useState } from 'react';
 

packages/charts/src/hooks/useOnClickInternal.ts

@@ -1,4 +1,4 @@
-import { enrichEventWithDetails } from '@ui5/webcomponents-react-base';
+import { enrichEventWithDetails } from '@ui5/webcomponents-react-base/internal/utils';
 import { useCallback } from 'react';
 
 export const useOnClickInternal = (onClick) =>

packages/charts/src/interfaces/IChartBaseProps.ts

@@ -1,4 +1,4 @@
-import type { CommonProps } from '@ui5/webcomponents-react';
+import type { CommonProps } from '@ui5/webcomponents-react-base/internal/types';
 import type { ComponentType, ReactNode } from 'react';
 import type { LegendProps, TooltipProps } from 'recharts';
 import type { ICartesianChartConfig } from './ICartesianChartConfig.js';

packages/charts/src/internal/ChartContainer.tsx

@@ -1,6 +1,7 @@
-import type { CommonProps } from '@ui5/webcomponents-react';
-import { BusyIndicator, Label } from '@ui5/webcomponents-react';
-import { useStylesheet } from '@ui5/webcomponents-react-base';
+import { BusyIndicator } from '@ui5/webcomponents-react/BusyIndicator';
+import { Label } from '@ui5/webcomponents-react/Label';
+import { useStylesheet } from '@ui5/webcomponents-react-base/internal/hooks';
+import type { CommonProps } from '@ui5/webcomponents-react-base/internal/types';
 import { addCustomCSSWithScoping } from '@ui5/webcomponents-react-base/internal/utils';
 import { clsx } from 'clsx';
 import type { ComponentType, ReactElement, ReactNode } from 'react';

packages/charts/src/internal/ChartDataLabel.tsx

@@ -1,4 +1,4 @@
-import { ThemingParameters } from '@ui5/webcomponents-react-base';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import { createElement } from 'react';
 import { Label } from 'recharts';
 import type { IChartMeasure } from '../interfaces/IChartMeasure.js';

packages/charts/src/internal/StackAggregateLabel.tsx

@@ -1,4 +1,4 @@
-import { ThemingParameters } from '@ui5/webcomponents-react-base';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import type { ReactElement } from 'react';
 import { Label } from 'recharts';
 import type { LabelProps } from 'recharts';

packages/charts/src/internal/StackedTooltipContent.tsx

@@ -1,5 +1,6 @@
-import { ThemingParameters, useStylesheet } from '@ui5/webcomponents-react-base';
 import { useI18nBundle } from '@ui5/webcomponents-react-base/hooks';
+import { useStylesheet } from '@ui5/webcomponents-react-base/internal/hooks';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import type { ReactElement } from 'react';
 import { DefaultTooltipContent } from 'recharts';
 import { classNames, styleData } from './StackedTooltipContent.module.css.js';

packages/charts/src/internal/XAxisTicks.tsx

@@ -1,4 +1,4 @@
-import { ThemingParameters } from '@ui5/webcomponents-react-base';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import type { XAxisProps } from 'recharts';
 import type { IChartDimension } from '../interfaces/IChartDimension.js';
 import type { IChartMeasure } from '../interfaces/IChartMeasure.js';

packages/charts/src/internal/YAxisTicks.tsx

@@ -1,4 +1,4 @@
-import { ThemingParameters } from '@ui5/webcomponents-react-base';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import type { XAxisProps } from 'recharts';
 import type { IChartDimension } from '../interfaces/IChartDimension.js';
 import type { IChartMeasure } from '../interfaces/IChartMeasure.js';

packages/charts/src/internal/staticProps.ts

@@ -1,4 +1,4 @@
-import { ThemingParameters } from '@ui5/webcomponents-react-base';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 
 export const tickLineConfig = { stroke: 'transparent' };
 export const tooltipContentStyle = { backgroundColor: ThemingParameters.sapBackgroundColor };

packages/charts/src/resources/CustomTooltipTotal.mdx

@@ -5,7 +5,7 @@ import { Canvas } from '@storybook/addon-docs/blocks';
 <p>{props.description}</p>
 
 ```jsx
-import { ThemingParameters } from '@ui5/webcomponents-react-base';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import { DefaultTooltipContent } from 'recharts';
 
 const stackedAccessors = new Set(['users', 'sessions']);

packages/charts/src/resources/DemoProps.tsx

@@ -1,4 +1,4 @@
-import { ThemingParameters } from '@ui5/webcomponents-react-base';
+import { ThemingParameters } from '@ui5/webcomponents-react-base/ThemingParameters';
 import { DefaultTooltipContent } from 'recharts';
 import type { TooltipProps } from 'recharts';
 import type { IChartBaseProps } from '@/interfaces/IChartBaseProps.js';