Skip to content

Commit e3a02a6

Browse files
fix: revert "fix: use react-jsx transform (#5428)" (#5475)
This reverts commit d0b7354.
1 parent 4946ae1 commit e3a02a6

File tree

144 files changed

+193
-114
lines changed

Some content is hidden

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

144 files changed

+193
-114
lines changed

.eslintrc.yml

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -57,7 +57,6 @@ overrides:
5757
- 'plugin:@typescript-eslint/recommended'
5858
- 'plugin:@typescript-eslint/recommended-requiring-type-checking'
5959
- 'plugin:import/typescript'
60-
- 'plugin:react/jsx-runtime'
6160
settings:
6261
import/resolver:
6362
typescript: true
@@ -125,6 +124,7 @@ overrides:
125124
- no-only-tests
126125
rules:
127126
'@typescript-eslint/no-empty-function': 'off'
127+
'react/react-in-jsx-scope': 'off'
128128
'import/order': 'warn'
129129
'import/no-unresolved': 'off'
130130
'react/no-unescaped-entities': 'off'

packages/base/src/Device/Media.cy.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { useEffect, useState } from 'react';
1+
import React, { useEffect, useState } from 'react';
22
import { MediaEventProvider } from './EventProvider';
33
import { attachMediaHandler, detachMediaHandler, getCurrentRange } from './Media';
44

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33
import { enrichEventWithDetails, ThemingParameters, useIsRTL, useSyncRef } from '@ui5/webcomponents-react-base';
44
import type { CSSProperties } from 'react';
5-
import { forwardRef, useCallback } from 'react';
5+
import React, { forwardRef, useCallback } from 'react';
66
import {
77
Bar,
88
BarChart as BarChartLib,

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

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
import { ThemingParameters } from '@ui5/webcomponents-react-base';
2+
import React from 'react';
23
import ContentLoader from 'react-content-loader';
34

45
export const BarChartPlaceholder = () => {

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33
import { enrichEventWithDetails, ThemingParameters, useIsRTL, useSyncRef } from '@ui5/webcomponents-react-base';
44
import type { CSSProperties } from 'react';
5-
import { forwardRef, useCallback, useMemo } from 'react';
5+
import React, { forwardRef, useCallback, useMemo } from 'react';
66
import {
77
Bar,
88
Brush,

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

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
import type { CSSProperties } from 'react';
2+
import React from 'react';
23

34
interface ComparisonLine {
45
x?: number;

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

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
import { ThemingParameters } from '@ui5/webcomponents-react-base';
2+
import React from 'react';
23
import ContentLoader from 'react-content-loader';
34
import type { IChartMeasure } from '../../interfaces/IChartMeasure.js';
45

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33
import { enrichEventWithDetails, ThemingParameters, useIsRTL, useSyncRef } from '@ui5/webcomponents-react-base';
44
import type { CSSProperties } from 'react';
5-
import { forwardRef, useCallback } from 'react';
5+
import React, { forwardRef, useCallback } from 'react';
66
import {
77
Bar as Column,
88
BarChart as ColumnChartLib,

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

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
import { ThemingParameters } from '@ui5/webcomponents-react-base';
2+
import React from 'react';
23
import ContentLoader from 'react-content-loader';
34

45
export const ColumnChartPlaceholder = (props) => {

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33
import { ThemingParameters, useIsomorphicId } from '@ui5/webcomponents-react-base';
44
import type { CSSProperties } from 'react';
5-
import { forwardRef } from 'react';
5+
import React, { forwardRef } from 'react';
66
import type { TooltipProps } from 'recharts';
77
import { useLongestYAxisLabel } from '../../hooks/useLongestYAxisLabel.js';
88
import { usePrepareDimensionsAndMeasures } from '../../hooks/usePrepareDimensionsAndMeasures.js';

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

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
import { ThemingParameters } from '@ui5/webcomponents-react-base';
2+
import React from 'react';
23
import ContentLoader from 'react-content-loader';
34

45
export const ColumnChartWithTrendPlaceholder = (props) => {

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

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
import { ThemingParameters } from '@ui5/webcomponents-react-base';
2+
import React from 'react';
23
import ContentLoader from 'react-content-loader';
34
import type { IChartMeasure } from '../../interfaces/IChartMeasure.js';
45

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33
import { enrichEventWithDetails, ThemingParameters, useIsRTL, useSyncRef } from '@ui5/webcomponents-react-base';
44
import type { CSSProperties, FC } from 'react';
5-
import { forwardRef, useCallback } from 'react';
5+
import React, { forwardRef, useCallback } from 'react';
66
import {
77
Area,
88
Bar,

packages/charts/src/components/DonutChart/DonutChart.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
'use client';
22

3-
import { forwardRef } from 'react';
3+
import React, { forwardRef } from 'react';
44
import type { PieChartProps } from '../PieChart/PieChart.js';
55
import { PieChart } from '../PieChart/PieChart.js';
66

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

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
import type { Meta, StoryObj } from '@storybook/react';
2+
import React from 'react';
23
import { bigDataSet, complexDataSet, secondaryDimensionDataSet, simpleDataSet } from '../../resources/DemoProps.js';
34
import { LineChart } from './LineChart.js';
45

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
'use client';
22

33
import { enrichEventWithDetails, ThemingParameters, useIsRTL, useSyncRef } from '@ui5/webcomponents-react-base';
4-
import { forwardRef, useCallback, useRef } from 'react';
4+
import React, { forwardRef, useCallback, useRef } from 'react';
55
import type { LineProps } from 'recharts';
66
import {
77
Brush,

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

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
import { ThemingParameters } from '@ui5/webcomponents-react-base';
2+
import React from 'react';
23
import ContentLoader from 'react-content-loader';
34

45
export const LineChartPlaceholder = (props) => {

packages/charts/src/components/MicroBarChart/MicroBarChart.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
import { enrichEventWithDetails, ThemingParameters } from '@ui5/webcomponents-react-base';
44
import { clsx } from 'clsx';
55
import type { CSSProperties } from 'react';
6-
import { createElement, forwardRef, useCallback, useMemo } from 'react';
6+
import React, { createElement, forwardRef, useCallback, useMemo } from 'react';
77
import { createUseStyles } from 'react-jss';
88
import { getValueByDataKey } from 'recharts/lib/util/ChartUtils.js';
99
import type { IChartBaseProps } from '../../interfaces/IChartBaseProps.js';

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
import { enrichEventWithDetails } from '@ui5/webcomponents-react-base';
44
import { clsx } from 'clsx';
55
import type { CSSProperties } from 'react';
6-
import { cloneElement, forwardRef, isValidElement, useCallback, useMemo } from 'react';
6+
import React, { cloneElement, forwardRef, isValidElement, useCallback, useMemo } from 'react';
77
import { createUseStyles } from 'react-jss';
88
import {
99
Cell,

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

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
import { ThemingParameters } from '@ui5/webcomponents-react-base';
2+
import React from 'react';
23
import ContentLoader from 'react-content-loader';
34

45
export const PieChartPlaceholder = (props) => {

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
'use client';
22

33
import { enrichEventWithDetails, ThemingParameters } from '@ui5/webcomponents-react-base';
4-
import { forwardRef, useCallback, useRef } from 'react';
4+
import React, { forwardRef, useCallback, useRef } from 'react';
55
import {
66
Legend,
77
PolarAngleAxis,

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
import type { CommonProps } from '@ui5/webcomponents-react';
44
import { enrichEventWithDetails, ThemingParameters } from '@ui5/webcomponents-react-base';
55
import type { CSSProperties } from 'react';
6-
import { forwardRef } from 'react';
6+
import React, { forwardRef } from 'react';
77
import { PolarAngleAxis, RadialBar, RadialBarChart } from 'recharts';
88
import { useOnClickInternal } from '../../hooks/useOnClickInternal.js';
99
import { ChartContainer } from '../../internal/ChartContainer.js';

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

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
import { ThemingParameters } from '@ui5/webcomponents-react-base';
2+
import React from 'react';
23
import ContentLoader from 'react-content-loader';
34

45
export const ScatterChartPlaceholder = (props) => {

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33
import { enrichEventWithDetails, ThemingParameters, useIsRTL, useSyncRef } from '@ui5/webcomponents-react-base';
44
import type { CSSProperties } from 'react';
5-
import { forwardRef, useCallback, useRef } from 'react';
5+
import React, { forwardRef, useCallback, useRef } from 'react';
66
import type { ReferenceLineProps } from 'recharts';
77
import {
88
CartesianGrid,

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

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
import { ThemingParameters } from '@ui5/webcomponents-react-base';
2+
import React from 'react';
23
import ContentLoader from 'react-content-loader';
34

45
export const TimelineChartPlaceholder = () => {

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

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
import type { Meta, StoryObj } from '@storybook/react';
22
import { ThemingParameters } from '@ui5/webcomponents-react-base';
3+
import React from 'react';
34
import { Invention, TimingFigure } from './examples/Annotations.js';
45
import { dummyDataSet, dummyDiscreteDataSet, inventionDataset, schedulingEDFData } from './examples/Dataset.js';
56
import { TimelineChart } from './TimelineChart.js';

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

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
import type { CommonProps } from '@ui5/webcomponents-react';
22
import { throttle } from '@ui5/webcomponents-react-base';
3-
import { forwardRef, useEffect, useRef, useState } from 'react';
4-
import type * as React from 'react';
3+
import type { CSSProperties, ReactNode } from 'react';
4+
import React, { forwardRef, useEffect, useRef, useState } from 'react';
55
import { TimelineChartBody } from './chartbody/TimelineChartBody.js';
66
import { TimelineChartPlaceholder } from './Placeholder.js';
77
import { TimelineChartColumnLabel, TimelineChartRowTitle, TimelineChartRowLabels } from './TimelineChartHeaders.js';
@@ -35,7 +35,7 @@ interface TimelineChartProps extends CommonProps {
3535
* The total width of the chart. If not supplied, the chart's
3636
* width expands to fill its conatainer.
3737
*/
38-
width?: React.CSSProperties['width'];
38+
width?: CSSProperties['width'];
3939

4040
/**
4141
* The height the row of the timeline.
@@ -53,7 +53,7 @@ interface TimelineChartProps extends CommonProps {
5353
*
5454
* **Note:** Use the `TimelineChartAnnotation` component here.
5555
*/
56-
annotations?: React.ReactNode | React.ReactNode[];
56+
annotations?: ReactNode | ReactNode[];
5757

5858
/**
5959
* Toggles the visibility of the annotations applied to the chart.
@@ -149,7 +149,7 @@ const TimelineChart = forwardRef<HTMLDivElement, TimelineChartProps>(
149149
const numOfRows = dataset?.length ?? 0;
150150
const height = rowHeight * numOfRows + COLUMN_HEADER_HEIGHT;
151151

152-
const style: React.CSSProperties = {
152+
const style: CSSProperties = {
153153
height: `${height}px`,
154154
width: width,
155155
gridTemplateColumns: `${ROW_TITLE_WIDTH}px auto`

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import type { CommonProps } from '@ui5/webcomponents-react';
22
import type { CSSProperties } from 'react';
3-
import { forwardRef } from 'react';
3+
import React, { forwardRef } from 'react';
44
import { DEFAULT_ROW_HEIGHT } from './util/constants.js';
55
import { useStyles } from './util/styles.js';
66

packages/charts/src/components/TimelineChart/TimelineChartHeaders.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 type { CSSProperties, ReactElement } from 'react';
3-
import { useEffect, useState } from 'react';
3+
import React, { useEffect, useState } from 'react';
44
import type { ITimelineChartRow } from './types/TimelineChartTypes.js';
55
import { DEFAULT_CHART_VERTICAL_COLS, SPACING, TICK_LENGTH, TOLERANCE } from './util/constants.js';
66
import { useStyles } from './util/styles.js';

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import type { CSSProperties, ReactNode } from 'react';
2-
import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react';
2+
import React, { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react';
33
import type { ITimelineChartRow } from '../types/TimelineChartTypes.js';
44
import { MAX_BODY_WIDTH, SCALE_FACTOR } from '../util/constants.js';
55
import { TimelineChartBodyCtx } from '../util/context.js';

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

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,6 @@
11
import { ThemingParameters } from '@ui5/webcomponents-react-base';
22
import type { ReactElement } from 'react';
3+
import React from 'react';
34
import { DEFAULT_CHART_VERTICAL_COLS, TOLERANCE } from '../util/constants.js';
45

56
interface TimelineChartGridProps {

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

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
import type { ReactNode } from 'react';
2+
import React from 'react';
23
import { useStyles } from '../util/styles.js';
34

45
interface TimelineChartLayerProps {

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

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import { throttle } from '@ui5/webcomponents-react-base';
2-
import { useEffect, useRef, useState } from 'react';
3-
import type * as React from 'react';
2+
import type { CSSProperties } from 'react';
3+
import React, { useEffect, useRef, useState } from 'react';
44
import type { ITimelineChartRow } from '../types/TimelineChartTypes.js';
55
import { HOVER_OPACITY, NORMAL_OPACITY, THROTTLE_INTERVAL } from '../util/constants.js';
66

@@ -107,7 +107,7 @@ interface TimelineTaskProps {
107107
*/
108108
totalDuration: number;
109109

110-
color: React.CSSProperties['color'];
110+
color: CSSProperties['color'];
111111

112112
timelineStart: number;
113113

@@ -199,7 +199,7 @@ interface TimelineMilestoneProps {
199199
*/
200200
totalDuration: number;
201201

202-
color?: React.CSSProperties['color'];
202+
color?: CSSProperties['color'];
203203

204204
timelineStart: number;
205205

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

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
import { ThemingParameters, useIsomorphicLayoutEffect } from '@ui5/webcomponents-react-base';
22
import type { ReactElement } from 'react';
3-
import { useState } from 'react';
3+
import React, { useState } from 'react';
44
import type { ITimelineChartMileStone, ITimelineChartRow, ITimelineChartTask } from '../types/TimelineChartTypes.js';
55
import { TimelineChartConnection } from '../types/TimelineChartTypes.js';
66
import { ARROWHEAD_HEIGHT, ARROWHEAD_WIDTH, ARROW_CLEARANCE } from '../util/constants.js';

packages/charts/src/components/TimelineChart/examples/Annotations.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 type { CSSProperties } from 'react';
3-
import { useContext, useEffect, useLayoutEffect, useRef, useState } from 'react';
3+
import React, { useContext, useEffect, useLayoutEffect, useRef, useState } from 'react';
44
import { TimelineChartBodyCtx } from '../util/context.js';
55

66
interface TimingFigureProps {

packages/charts/src/internal/ChartContainer.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@ import { type CommonProps, Label, Loader } from '@ui5/webcomponents-react';
22
import { ThemingParameters } from '@ui5/webcomponents-react-base';
33
import { clsx } from 'clsx';
44
import type { ComponentType, CSSProperties, ReactElement, ReactNode } from 'react';
5-
import { Component, forwardRef } from 'react';
5+
import React, { Component, forwardRef } from 'react';
66
import { createUseStyles } from 'react-jss';
77
import { ResponsiveContainer } from 'recharts';
88

packages/charts/src/internal/ChartDataLabel.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { ThemingParameters } from '@ui5/webcomponents-react-base';
2-
import { createElement } from 'react';
2+
import React, { createElement } from 'react';
33
import { Label } from 'recharts';
44
import type { IChartMeasure } from '../interfaces/IChartMeasure.js';
55
import { getTextWidth } from '../internal/Utils.js';

packages/charts/src/internal/XAxisTicks.tsx

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
import { ThemingParameters } from '@ui5/webcomponents-react-base';
2+
import React from 'react';
23
import type { IChartMeasure } from '../interfaces/IChartMeasure.js';
34
import { getTextWidth, truncateLongLabel } from './Utils.js';
45

packages/charts/src/internal/YAxisTicks.tsx

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
import { ThemingParameters } from '@ui5/webcomponents-react-base';
2+
import React from 'react';
23
import type { IChartMeasure } from '../interfaces/IChartMeasure.js';
34
import { defaultMaxYAxisWidth } from './defaults.js';
45
import { getTextWidth, truncateLongLabel } from './Utils.js';

packages/cypress-commands/CommandsAndQueries.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
import { Heading, Markdown } from '@storybook/blocks';
2-
import { Fragment } from 'react';
2+
import React, { Fragment } from 'react';
33

44
interface CommandsAndQueries {
55
id: number;

packages/main/src/components/ActionSheet/ActionSheet.stories.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ import declineIcon from '@ui5/webcomponents-icons/dist/decline.js';
44
import deleteIcon from '@ui5/webcomponents-icons/dist/delete.js';
55
import emailIcon from '@ui5/webcomponents-icons/dist/email.js';
66
import forwardIcon from '@ui5/webcomponents-icons/dist/forward.js';
7-
import { useState } from 'react';
7+
import React, { useState } from 'react';
88
import { PopoverHorizontalAlign, PopoverPlacementType, PopoverVerticalAlign } from '../../enums/index.js';
99
import { Button } from '../../webComponents/index.js';
1010
import { ActionSheet } from './index.js';

packages/main/src/components/ActionSheet/index.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@ import { isPhone } from '@ui5/webcomponents-base/dist/Device.js';
44
import { useI18nBundle, useIsRTL, useSyncRef } from '@ui5/webcomponents-react-base';
55
import { clsx } from 'clsx';
66
import type { ReactElement } from 'react';
7-
import { forwardRef, useReducer, useRef } from 'react';
7+
import React, { forwardRef, useReducer, useRef } from 'react';
88
import { createPortal } from 'react-dom';
99
import { createUseStyles } from 'react-jss';
1010
import { ButtonDesign } from '../../enums/index.js';

packages/main/src/components/AnalyticalCard/index.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33
import { deprecationNotice, useStylesheet } from '@ui5/webcomponents-react-base';
44
import type { ReactNode } from 'react';
5-
import { forwardRef, useEffect } from 'react';
5+
import React, { forwardRef, useEffect } from 'react';
66
import type { CommonProps } from '../../types/index.js';
77
import type { CardDomRef } from '../../webComponents/index.js';
88
import { Card } from '../../webComponents/index.js';

packages/main/src/components/AnalyticalCardHeader/index.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ import iconUp from '@ui5/webcomponents-icons/dist/up.js';
55
import { useI18nBundle, useIsomorphicId } from '@ui5/webcomponents-react-base';
66
import { clsx } from 'clsx';
77
import type { MouseEventHandler, ReactElement, ReactNode } from 'react';
8-
import { cloneElement, forwardRef } from 'react';
8+
import React, { cloneElement, forwardRef } from 'react';
99
import { createUseStyles } from 'react-jss';
1010
import { DeviationIndicator, ValueColor } from '../../enums/index.js';
1111
import {

packages/main/src/components/AnalyticalTable/AnalyticalTable.stories.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@ import type { Meta, StoryObj } from '@storybook/react';
55
import '@ui5/webcomponents-icons/dist/delete.js';
66
import '@ui5/webcomponents-icons/dist/edit.js';
77
import '@ui5/webcomponents-icons/dist/settings.js';
8-
import { useCallback, useEffect, useMemo, useReducer, useRef, useState } from 'react';
8+
import React, { useCallback, useEffect, useMemo, useReducer, useRef, useState } from 'react';
99
import {
1010
AnalyticalTableScaleWidthMode,
1111
AnalyticalTableSelectionBehavior,

0 commit comments

Comments
 (0)