diff --git a/.eslintrc.yml b/.eslintrc.yml index d8598d0da80..22123bced06 100644 --- a/.eslintrc.yml +++ b/.eslintrc.yml @@ -57,6 +57,7 @@ overrides: - 'plugin:@typescript-eslint/recommended' - 'plugin:@typescript-eslint/recommended-requiring-type-checking' - 'plugin:import/typescript' + - 'plugin:react/jsx-runtime' settings: import/resolver: typescript: true @@ -124,7 +125,6 @@ overrides: - no-only-tests rules: '@typescript-eslint/no-empty-function': 'off' - 'react/react-in-jsx-scope': 'off' 'import/order': 'warn' 'import/no-unresolved': 'off' 'react/no-unescaped-entities': 'off' diff --git a/packages/base/src/Device/Media.cy.tsx b/packages/base/src/Device/Media.cy.tsx index 5e8a7267efa..a5e87fb53bf 100644 --- a/packages/base/src/Device/Media.cy.tsx +++ b/packages/base/src/Device/Media.cy.tsx @@ -1,4 +1,4 @@ -import React, { useEffect, useState } from 'react'; +import { useEffect, useState } from 'react'; import { MediaEventProvider } from './EventProvider'; import { attachMediaHandler, detachMediaHandler, getCurrentRange } from './Media'; diff --git a/packages/charts/src/components/BarChart/BarChart.tsx b/packages/charts/src/components/BarChart/BarChart.tsx index 3dc4df94c12..26c399131c5 100644 --- a/packages/charts/src/components/BarChart/BarChart.tsx +++ b/packages/charts/src/components/BarChart/BarChart.tsx @@ -2,7 +2,7 @@ import { enrichEventWithDetails, ThemingParameters, useIsRTL, useSyncRef } from '@ui5/webcomponents-react-base'; import type { CSSProperties } from 'react'; -import React, { forwardRef, useCallback } from 'react'; +import { forwardRef, useCallback } from 'react'; import { Bar, BarChart as BarChartLib, diff --git a/packages/charts/src/components/BarChart/Placeholder.tsx b/packages/charts/src/components/BarChart/Placeholder.tsx index f995f5cb880..8e93939bc21 100644 --- a/packages/charts/src/components/BarChart/Placeholder.tsx +++ b/packages/charts/src/components/BarChart/Placeholder.tsx @@ -1,5 +1,4 @@ import { ThemingParameters } from '@ui5/webcomponents-react-base'; -import React from 'react'; import ContentLoader from 'react-content-loader'; export const BarChartPlaceholder = () => { diff --git a/packages/charts/src/components/BulletChart/BulletChart.tsx b/packages/charts/src/components/BulletChart/BulletChart.tsx index 95096621ee1..977e72eaa36 100644 --- a/packages/charts/src/components/BulletChart/BulletChart.tsx +++ b/packages/charts/src/components/BulletChart/BulletChart.tsx @@ -2,7 +2,7 @@ import { enrichEventWithDetails, ThemingParameters, useIsRTL, useSyncRef } from '@ui5/webcomponents-react-base'; import type { CSSProperties } from 'react'; -import React, { forwardRef, useCallback, useMemo } from 'react'; +import { forwardRef, useCallback, useMemo } from 'react'; import { Bar, Brush, diff --git a/packages/charts/src/components/BulletChart/ComparisonLine.tsx b/packages/charts/src/components/BulletChart/ComparisonLine.tsx index 92a74e3d0dd..f923e676540 100644 --- a/packages/charts/src/components/BulletChart/ComparisonLine.tsx +++ b/packages/charts/src/components/BulletChart/ComparisonLine.tsx @@ -1,5 +1,4 @@ import type { CSSProperties } from 'react'; -import React from 'react'; interface ComparisonLine { x?: number; diff --git a/packages/charts/src/components/BulletChart/Placeholder.tsx b/packages/charts/src/components/BulletChart/Placeholder.tsx index 3a157c7b1d4..af140ddc534 100644 --- a/packages/charts/src/components/BulletChart/Placeholder.tsx +++ b/packages/charts/src/components/BulletChart/Placeholder.tsx @@ -1,5 +1,4 @@ import { ThemingParameters } from '@ui5/webcomponents-react-base'; -import React from 'react'; import ContentLoader from 'react-content-loader'; import type { IChartMeasure } from '../../interfaces/IChartMeasure.js'; diff --git a/packages/charts/src/components/ColumnChart/ColumnChart.tsx b/packages/charts/src/components/ColumnChart/ColumnChart.tsx index 2edd1cb9798..de881fce167 100644 --- a/packages/charts/src/components/ColumnChart/ColumnChart.tsx +++ b/packages/charts/src/components/ColumnChart/ColumnChart.tsx @@ -2,7 +2,7 @@ import { enrichEventWithDetails, ThemingParameters, useIsRTL, useSyncRef } from '@ui5/webcomponents-react-base'; import type { CSSProperties } from 'react'; -import React, { forwardRef, useCallback } from 'react'; +import { forwardRef, useCallback } from 'react'; import { Bar as Column, BarChart as ColumnChartLib, diff --git a/packages/charts/src/components/ColumnChart/Placeholder.tsx b/packages/charts/src/components/ColumnChart/Placeholder.tsx index 5c0d92cb5ff..61e2664b747 100644 --- a/packages/charts/src/components/ColumnChart/Placeholder.tsx +++ b/packages/charts/src/components/ColumnChart/Placeholder.tsx @@ -1,5 +1,4 @@ import { ThemingParameters } from '@ui5/webcomponents-react-base'; -import React from 'react'; import ContentLoader from 'react-content-loader'; export const ColumnChartPlaceholder = (props) => { diff --git a/packages/charts/src/components/ColumnChartWithTrend/ColumnChartWithTrend.tsx b/packages/charts/src/components/ColumnChartWithTrend/ColumnChartWithTrend.tsx index c3efdc5a613..e122e0dc3b9 100644 --- a/packages/charts/src/components/ColumnChartWithTrend/ColumnChartWithTrend.tsx +++ b/packages/charts/src/components/ColumnChartWithTrend/ColumnChartWithTrend.tsx @@ -2,7 +2,7 @@ import { ThemingParameters, useIsomorphicId } from '@ui5/webcomponents-react-base'; import type { CSSProperties } from 'react'; -import React, { forwardRef } from 'react'; +import { forwardRef } from 'react'; import type { TooltipProps } from 'recharts'; import { useLongestYAxisLabel } from '../../hooks/useLongestYAxisLabel.js'; import { usePrepareDimensionsAndMeasures } from '../../hooks/usePrepareDimensionsAndMeasures.js'; diff --git a/packages/charts/src/components/ColumnChartWithTrend/Placeholder.tsx b/packages/charts/src/components/ColumnChartWithTrend/Placeholder.tsx index beb165c9d96..0fcb975fc08 100644 --- a/packages/charts/src/components/ColumnChartWithTrend/Placeholder.tsx +++ b/packages/charts/src/components/ColumnChartWithTrend/Placeholder.tsx @@ -1,5 +1,4 @@ import { ThemingParameters } from '@ui5/webcomponents-react-base'; -import React from 'react'; import ContentLoader from 'react-content-loader'; export const ColumnChartWithTrendPlaceholder = (props) => { diff --git a/packages/charts/src/components/ComposedChart/Placeholder.tsx b/packages/charts/src/components/ComposedChart/Placeholder.tsx index f5ab6487aa2..63a1631a6b5 100644 --- a/packages/charts/src/components/ComposedChart/Placeholder.tsx +++ b/packages/charts/src/components/ComposedChart/Placeholder.tsx @@ -1,5 +1,4 @@ import { ThemingParameters } from '@ui5/webcomponents-react-base'; -import React from 'react'; import ContentLoader from 'react-content-loader'; import type { IChartMeasure } from '../../interfaces/IChartMeasure.js'; diff --git a/packages/charts/src/components/ComposedChart/index.tsx b/packages/charts/src/components/ComposedChart/index.tsx index 7cfea13ce7d..403a49f85ff 100644 --- a/packages/charts/src/components/ComposedChart/index.tsx +++ b/packages/charts/src/components/ComposedChart/index.tsx @@ -2,7 +2,7 @@ import { enrichEventWithDetails, ThemingParameters, useIsRTL, useSyncRef } from '@ui5/webcomponents-react-base'; import type { CSSProperties, FC } from 'react'; -import React, { forwardRef, useCallback } from 'react'; +import { forwardRef, useCallback } from 'react'; import { Area, Bar, diff --git a/packages/charts/src/components/DonutChart/DonutChart.tsx b/packages/charts/src/components/DonutChart/DonutChart.tsx index 53a848f9ae1..f4b1e3aabc9 100644 --- a/packages/charts/src/components/DonutChart/DonutChart.tsx +++ b/packages/charts/src/components/DonutChart/DonutChart.tsx @@ -1,6 +1,6 @@ 'use client'; -import React, { forwardRef } from 'react'; +import { forwardRef } from 'react'; import type { PieChartProps } from '../PieChart/PieChart.js'; import { PieChart } from '../PieChart/PieChart.js'; diff --git a/packages/charts/src/components/LineChart/LineChart.stories.tsx b/packages/charts/src/components/LineChart/LineChart.stories.tsx index 2fff420a1de..4ebe61c6f48 100644 --- a/packages/charts/src/components/LineChart/LineChart.stories.tsx +++ b/packages/charts/src/components/LineChart/LineChart.stories.tsx @@ -1,5 +1,4 @@ import type { Meta, StoryObj } from '@storybook/react'; -import React from 'react'; import { bigDataSet, complexDataSet, secondaryDimensionDataSet, simpleDataSet } from '../../resources/DemoProps.js'; import { LineChart } from './LineChart.js'; diff --git a/packages/charts/src/components/LineChart/LineChart.tsx b/packages/charts/src/components/LineChart/LineChart.tsx index 7db6e3cab19..b6494ca2d50 100644 --- a/packages/charts/src/components/LineChart/LineChart.tsx +++ b/packages/charts/src/components/LineChart/LineChart.tsx @@ -1,7 +1,7 @@ 'use client'; import { enrichEventWithDetails, ThemingParameters, useIsRTL, useSyncRef } from '@ui5/webcomponents-react-base'; -import React, { forwardRef, useCallback, useRef } from 'react'; +import { forwardRef, useCallback, useRef } from 'react'; import type { LineProps } from 'recharts'; import { Brush, diff --git a/packages/charts/src/components/LineChart/Placeholder.tsx b/packages/charts/src/components/LineChart/Placeholder.tsx index c8a1aad83bb..db6475e2fe3 100644 --- a/packages/charts/src/components/LineChart/Placeholder.tsx +++ b/packages/charts/src/components/LineChart/Placeholder.tsx @@ -1,5 +1,4 @@ import { ThemingParameters } from '@ui5/webcomponents-react-base'; -import React from 'react'; import ContentLoader from 'react-content-loader'; export const LineChartPlaceholder = (props) => { diff --git a/packages/charts/src/components/MicroBarChart/MicroBarChart.tsx b/packages/charts/src/components/MicroBarChart/MicroBarChart.tsx index 9c428e5ead5..22ec0a654fc 100644 --- a/packages/charts/src/components/MicroBarChart/MicroBarChart.tsx +++ b/packages/charts/src/components/MicroBarChart/MicroBarChart.tsx @@ -3,7 +3,7 @@ import { enrichEventWithDetails, ThemingParameters } from '@ui5/webcomponents-react-base'; import { clsx } from 'clsx'; import type { CSSProperties } from 'react'; -import React, { createElement, forwardRef, useCallback, useMemo } from 'react'; +import { createElement, forwardRef, useCallback, useMemo } from 'react'; import { createUseStyles } from 'react-jss'; import { getValueByDataKey } from 'recharts/lib/util/ChartUtils.js'; import type { IChartBaseProps } from '../../interfaces/IChartBaseProps.js'; diff --git a/packages/charts/src/components/PieChart/PieChart.tsx b/packages/charts/src/components/PieChart/PieChart.tsx index 53f021e001b..42fa1ebcbe8 100644 --- a/packages/charts/src/components/PieChart/PieChart.tsx +++ b/packages/charts/src/components/PieChart/PieChart.tsx @@ -3,7 +3,7 @@ import { enrichEventWithDetails } from '@ui5/webcomponents-react-base'; import { clsx } from 'clsx'; import type { CSSProperties } from 'react'; -import React, { cloneElement, forwardRef, isValidElement, useCallback, useMemo } from 'react'; +import { cloneElement, forwardRef, isValidElement, useCallback, useMemo } from 'react'; import { createUseStyles } from 'react-jss'; import { Cell, diff --git a/packages/charts/src/components/PieChart/Placeholder.tsx b/packages/charts/src/components/PieChart/Placeholder.tsx index 42ce86e303c..58e4b58e469 100644 --- a/packages/charts/src/components/PieChart/Placeholder.tsx +++ b/packages/charts/src/components/PieChart/Placeholder.tsx @@ -1,5 +1,4 @@ import { ThemingParameters } from '@ui5/webcomponents-react-base'; -import React from 'react'; import ContentLoader from 'react-content-loader'; export const PieChartPlaceholder = (props) => { diff --git a/packages/charts/src/components/RadarChart/RadarChart.tsx b/packages/charts/src/components/RadarChart/RadarChart.tsx index f8bb279f5c4..e82b23d0fe7 100644 --- a/packages/charts/src/components/RadarChart/RadarChart.tsx +++ b/packages/charts/src/components/RadarChart/RadarChart.tsx @@ -1,7 +1,7 @@ 'use client'; import { enrichEventWithDetails, ThemingParameters } from '@ui5/webcomponents-react-base'; -import React, { forwardRef, useCallback, useRef } from 'react'; +import { forwardRef, useCallback, useRef } from 'react'; import { Legend, PolarAngleAxis, diff --git a/packages/charts/src/components/RadialChart/RadialChart.tsx b/packages/charts/src/components/RadialChart/RadialChart.tsx index 414125c512f..9932bbd9a72 100644 --- a/packages/charts/src/components/RadialChart/RadialChart.tsx +++ b/packages/charts/src/components/RadialChart/RadialChart.tsx @@ -3,7 +3,7 @@ import type { CommonProps } from '@ui5/webcomponents-react'; import { enrichEventWithDetails, ThemingParameters } from '@ui5/webcomponents-react-base'; import type { CSSProperties } from 'react'; -import React, { forwardRef } from 'react'; +import { forwardRef } from 'react'; import { PolarAngleAxis, RadialBar, RadialBarChart } from 'recharts'; import { useOnClickInternal } from '../../hooks/useOnClickInternal.js'; import { ChartContainer } from '../../internal/ChartContainer.js'; diff --git a/packages/charts/src/components/ScatterChart/Placeholder.tsx b/packages/charts/src/components/ScatterChart/Placeholder.tsx index a21158e4b9b..afeb8973a71 100644 --- a/packages/charts/src/components/ScatterChart/Placeholder.tsx +++ b/packages/charts/src/components/ScatterChart/Placeholder.tsx @@ -1,5 +1,4 @@ import { ThemingParameters } from '@ui5/webcomponents-react-base'; -import React from 'react'; import ContentLoader from 'react-content-loader'; export const ScatterChartPlaceholder = (props) => { diff --git a/packages/charts/src/components/ScatterChart/ScatterChart.tsx b/packages/charts/src/components/ScatterChart/ScatterChart.tsx index cc09fd438ee..e468b8a4967 100644 --- a/packages/charts/src/components/ScatterChart/ScatterChart.tsx +++ b/packages/charts/src/components/ScatterChart/ScatterChart.tsx @@ -2,7 +2,7 @@ import { enrichEventWithDetails, ThemingParameters, useIsRTL, useSyncRef } from '@ui5/webcomponents-react-base'; import type { CSSProperties } from 'react'; -import React, { forwardRef, useCallback, useRef } from 'react'; +import { forwardRef, useCallback, useRef } from 'react'; import type { ReferenceLineProps } from 'recharts'; import { CartesianGrid, diff --git a/packages/charts/src/components/TimelineChart/Placeholder.tsx b/packages/charts/src/components/TimelineChart/Placeholder.tsx index 6b7e44033f4..7d87a2a3703 100644 --- a/packages/charts/src/components/TimelineChart/Placeholder.tsx +++ b/packages/charts/src/components/TimelineChart/Placeholder.tsx @@ -1,5 +1,4 @@ import { ThemingParameters } from '@ui5/webcomponents-react-base'; -import React from 'react'; import ContentLoader from 'react-content-loader'; export const TimelineChartPlaceholder = () => { diff --git a/packages/charts/src/components/TimelineChart/TimeLineChart.stories.tsx b/packages/charts/src/components/TimelineChart/TimeLineChart.stories.tsx index 129de7703c2..01df003343f 100644 --- a/packages/charts/src/components/TimelineChart/TimeLineChart.stories.tsx +++ b/packages/charts/src/components/TimelineChart/TimeLineChart.stories.tsx @@ -1,6 +1,5 @@ import type { Meta, StoryObj } from '@storybook/react'; import { ThemingParameters } from '@ui5/webcomponents-react-base'; -import React from 'react'; import { Invention, TimingFigure } from './examples/Annotations.js'; import { dummyDataSet, dummyDiscreteDataSet, inventionDataset, schedulingEDFData } from './examples/Dataset.js'; import { TimelineChart } from './TimelineChart.js'; diff --git a/packages/charts/src/components/TimelineChart/TimelineChart.tsx b/packages/charts/src/components/TimelineChart/TimelineChart.tsx index fb31973e062..6cc2c4c6430 100644 --- a/packages/charts/src/components/TimelineChart/TimelineChart.tsx +++ b/packages/charts/src/components/TimelineChart/TimelineChart.tsx @@ -1,7 +1,7 @@ import type { CommonProps } from '@ui5/webcomponents-react'; import { throttle } from '@ui5/webcomponents-react-base'; -import type { CSSProperties, ReactNode } from 'react'; -import React, { forwardRef, useEffect, useRef, useState } from 'react'; +import { forwardRef, useEffect, useRef, useState } from 'react'; +import type * as React from 'react'; import { TimelineChartBody } from './chartbody/TimelineChartBody.js'; import { TimelineChartPlaceholder } from './Placeholder.js'; import { TimelineChartColumnLabel, TimelineChartRowTitle, TimelineChartRowLabels } from './TimelineChartHeaders.js'; @@ -35,7 +35,7 @@ interface TimelineChartProps extends CommonProps { * The total width of the chart. If not supplied, the chart's * width expands to fill its conatainer. */ - width?: CSSProperties['width']; + width?: React.CSSProperties['width']; /** * The height the row of the timeline. @@ -53,7 +53,7 @@ interface TimelineChartProps extends CommonProps { * * **Note:** Use the `TimelineChartAnnotation` component here. */ - annotations?: ReactNode | ReactNode[]; + annotations?: React.ReactNode | React.ReactNode[]; /** * Toggles the visibility of the annotations applied to the chart. @@ -149,7 +149,7 @@ const TimelineChart = forwardRef( const numOfRows = dataset?.length ?? 0; const height = rowHeight * numOfRows + COLUMN_HEADER_HEIGHT; - const style: CSSProperties = { + const style: React.CSSProperties = { height: `${height}px`, width: width, gridTemplateColumns: `${ROW_TITLE_WIDTH}px auto` diff --git a/packages/charts/src/components/TimelineChart/TimelineChartAnnotation.tsx b/packages/charts/src/components/TimelineChart/TimelineChartAnnotation.tsx index c79fff14751..b915324272a 100644 --- a/packages/charts/src/components/TimelineChart/TimelineChartAnnotation.tsx +++ b/packages/charts/src/components/TimelineChart/TimelineChartAnnotation.tsx @@ -1,6 +1,6 @@ import type { CommonProps } from '@ui5/webcomponents-react'; import type { CSSProperties } from 'react'; -import React, { forwardRef } from 'react'; +import { forwardRef } from 'react'; import { DEFAULT_ROW_HEIGHT } from './util/constants.js'; import { useStyles } from './util/styles.js'; diff --git a/packages/charts/src/components/TimelineChart/TimelineChartHeaders.tsx b/packages/charts/src/components/TimelineChart/TimelineChartHeaders.tsx index dc249ed54b0..93d0091b9d5 100644 --- a/packages/charts/src/components/TimelineChart/TimelineChartHeaders.tsx +++ b/packages/charts/src/components/TimelineChart/TimelineChartHeaders.tsx @@ -1,6 +1,6 @@ import { ThemingParameters } from '@ui5/webcomponents-react-base'; import type { CSSProperties, ReactElement } from 'react'; -import React, { useEffect, useState } from 'react'; +import { useEffect, useState } from 'react'; import type { ITimelineChartRow } from './types/TimelineChartTypes.js'; import { DEFAULT_CHART_VERTICAL_COLS, SPACING, TICK_LENGTH, TOLERANCE } from './util/constants.js'; import { useStyles } from './util/styles.js'; diff --git a/packages/charts/src/components/TimelineChart/chartbody/TimelineChartBody.tsx b/packages/charts/src/components/TimelineChart/chartbody/TimelineChartBody.tsx index 5930efcdee5..3f10ae50cd1 100644 --- a/packages/charts/src/components/TimelineChart/chartbody/TimelineChartBody.tsx +++ b/packages/charts/src/components/TimelineChart/chartbody/TimelineChartBody.tsx @@ -1,5 +1,5 @@ import type { CSSProperties, ReactNode } from 'react'; -import React, { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react'; +import { forwardRef, useEffect, useImperativeHandle, useRef, useState } from 'react'; import type { ITimelineChartRow } from '../types/TimelineChartTypes.js'; import { MAX_BODY_WIDTH, SCALE_FACTOR } from '../util/constants.js'; import { TimelineChartBodyCtx } from '../util/context.js'; diff --git a/packages/charts/src/components/TimelineChart/chartbody/TimelineChartGrid.tsx b/packages/charts/src/components/TimelineChart/chartbody/TimelineChartGrid.tsx index e4ec95858c6..7d99f7521e8 100644 --- a/packages/charts/src/components/TimelineChart/chartbody/TimelineChartGrid.tsx +++ b/packages/charts/src/components/TimelineChart/chartbody/TimelineChartGrid.tsx @@ -1,6 +1,5 @@ import { ThemingParameters } from '@ui5/webcomponents-react-base'; import type { ReactElement } from 'react'; -import React from 'react'; import { DEFAULT_CHART_VERTICAL_COLS, TOLERANCE } from '../util/constants.js'; interface TimelineChartGridProps { diff --git a/packages/charts/src/components/TimelineChart/chartbody/TimelineChartLayer.tsx b/packages/charts/src/components/TimelineChart/chartbody/TimelineChartLayer.tsx index f458a04f42b..904a1c6c3ac 100644 --- a/packages/charts/src/components/TimelineChart/chartbody/TimelineChartLayer.tsx +++ b/packages/charts/src/components/TimelineChart/chartbody/TimelineChartLayer.tsx @@ -1,5 +1,4 @@ import type { ReactNode } from 'react'; -import React from 'react'; import { useStyles } from '../util/styles.js'; interface TimelineChartLayerProps { diff --git a/packages/charts/src/components/TimelineChart/chartbody/TimelineChartRow.tsx b/packages/charts/src/components/TimelineChart/chartbody/TimelineChartRow.tsx index a8ab05ca210..e41c25d936c 100644 --- a/packages/charts/src/components/TimelineChart/chartbody/TimelineChartRow.tsx +++ b/packages/charts/src/components/TimelineChart/chartbody/TimelineChartRow.tsx @@ -1,6 +1,6 @@ import { throttle } from '@ui5/webcomponents-react-base'; -import type { CSSProperties } from 'react'; -import React, { useEffect, useRef, useState } from 'react'; +import { useEffect, useRef, useState } from 'react'; +import type * as React from 'react'; import type { ITimelineChartRow } from '../types/TimelineChartTypes.js'; import { HOVER_OPACITY, NORMAL_OPACITY, THROTTLE_INTERVAL } from '../util/constants.js'; @@ -107,7 +107,7 @@ interface TimelineTaskProps { */ totalDuration: number; - color: CSSProperties['color']; + color: React.CSSProperties['color']; timelineStart: number; @@ -199,7 +199,7 @@ interface TimelineMilestoneProps { */ totalDuration: number; - color?: CSSProperties['color']; + color?: React.CSSProperties['color']; timelineStart: number; diff --git a/packages/charts/src/components/TimelineChart/chartbody/TimelineConnections.tsx b/packages/charts/src/components/TimelineChart/chartbody/TimelineConnections.tsx index 9683140d435..ad76c946045 100644 --- a/packages/charts/src/components/TimelineChart/chartbody/TimelineConnections.tsx +++ b/packages/charts/src/components/TimelineChart/chartbody/TimelineConnections.tsx @@ -1,6 +1,6 @@ import { ThemingParameters, useIsomorphicLayoutEffect } from '@ui5/webcomponents-react-base'; import type { ReactElement } from 'react'; -import React, { useState } from 'react'; +import { useState } from 'react'; import type { ITimelineChartMileStone, ITimelineChartRow, ITimelineChartTask } from '../types/TimelineChartTypes.js'; import { TimelineChartConnection } from '../types/TimelineChartTypes.js'; import { ARROWHEAD_HEIGHT, ARROWHEAD_WIDTH, ARROW_CLEARANCE } from '../util/constants.js'; diff --git a/packages/charts/src/components/TimelineChart/examples/Annotations.tsx b/packages/charts/src/components/TimelineChart/examples/Annotations.tsx index f8dcee6e7ab..e7b11dd1b16 100644 --- a/packages/charts/src/components/TimelineChart/examples/Annotations.tsx +++ b/packages/charts/src/components/TimelineChart/examples/Annotations.tsx @@ -1,6 +1,6 @@ import { ThemingParameters } from '@ui5/webcomponents-react-base'; import type { CSSProperties } from 'react'; -import React, { useContext, useEffect, useLayoutEffect, useRef, useState } from 'react'; +import { useContext, useEffect, useLayoutEffect, useRef, useState } from 'react'; import { TimelineChartBodyCtx } from '../util/context.js'; interface TimingFigureProps { diff --git a/packages/charts/src/internal/ChartContainer.tsx b/packages/charts/src/internal/ChartContainer.tsx index 493ee1b48bc..ed0f8fdab79 100644 --- a/packages/charts/src/internal/ChartContainer.tsx +++ b/packages/charts/src/internal/ChartContainer.tsx @@ -2,7 +2,7 @@ import { type CommonProps, Label, Loader } from '@ui5/webcomponents-react'; import { ThemingParameters } from '@ui5/webcomponents-react-base'; import { clsx } from 'clsx'; import type { ComponentType, CSSProperties, ReactElement, ReactNode } from 'react'; -import React, { Component, forwardRef } from 'react'; +import { Component, forwardRef } from 'react'; import { createUseStyles } from 'react-jss'; import { ResponsiveContainer } from 'recharts'; diff --git a/packages/charts/src/internal/ChartDataLabel.tsx b/packages/charts/src/internal/ChartDataLabel.tsx index 2df7f39c0fd..757062bf830 100644 --- a/packages/charts/src/internal/ChartDataLabel.tsx +++ b/packages/charts/src/internal/ChartDataLabel.tsx @@ -1,5 +1,5 @@ import { ThemingParameters } from '@ui5/webcomponents-react-base'; -import React, { createElement } from 'react'; +import { createElement } from 'react'; import { Label } from 'recharts'; import type { IChartMeasure } from '../interfaces/IChartMeasure.js'; import { getTextWidth } from '../internal/Utils.js'; diff --git a/packages/charts/src/internal/XAxisTicks.tsx b/packages/charts/src/internal/XAxisTicks.tsx index fd2c326f980..98cbfa2aae2 100644 --- a/packages/charts/src/internal/XAxisTicks.tsx +++ b/packages/charts/src/internal/XAxisTicks.tsx @@ -1,5 +1,4 @@ import { ThemingParameters } from '@ui5/webcomponents-react-base'; -import React from 'react'; import type { IChartMeasure } from '../interfaces/IChartMeasure.js'; import { getTextWidth, truncateLongLabel } from './Utils.js'; diff --git a/packages/charts/src/internal/YAxisTicks.tsx b/packages/charts/src/internal/YAxisTicks.tsx index 2686a3720ff..6fd4b7352cd 100644 --- a/packages/charts/src/internal/YAxisTicks.tsx +++ b/packages/charts/src/internal/YAxisTicks.tsx @@ -1,5 +1,4 @@ import { ThemingParameters } from '@ui5/webcomponents-react-base'; -import React from 'react'; import type { IChartMeasure } from '../interfaces/IChartMeasure.js'; import { defaultMaxYAxisWidth } from './defaults.js'; import { getTextWidth, truncateLongLabel } from './Utils.js'; diff --git a/packages/cypress-commands/CommandsAndQueries.tsx b/packages/cypress-commands/CommandsAndQueries.tsx index 26d0ccfc61c..479f4f57b84 100644 --- a/packages/cypress-commands/CommandsAndQueries.tsx +++ b/packages/cypress-commands/CommandsAndQueries.tsx @@ -1,5 +1,5 @@ import { Heading, Markdown } from '@storybook/blocks'; -import React, { Fragment } from 'react'; +import { Fragment } from 'react'; interface CommandsAndQueries { id: number; diff --git a/packages/main/src/components/ActionSheet/ActionSheet.stories.tsx b/packages/main/src/components/ActionSheet/ActionSheet.stories.tsx index eb20daedf5d..5f1344ccca7 100644 --- a/packages/main/src/components/ActionSheet/ActionSheet.stories.tsx +++ b/packages/main/src/components/ActionSheet/ActionSheet.stories.tsx @@ -4,7 +4,7 @@ import declineIcon from '@ui5/webcomponents-icons/dist/decline.js'; import deleteIcon from '@ui5/webcomponents-icons/dist/delete.js'; import emailIcon from '@ui5/webcomponents-icons/dist/email.js'; import forwardIcon from '@ui5/webcomponents-icons/dist/forward.js'; -import React, { useState } from 'react'; +import { useState } from 'react'; import { PopoverHorizontalAlign, PopoverPlacementType, PopoverVerticalAlign } from '../../enums/index.js'; import { Button } from '../../webComponents/index.js'; import { ActionSheet } from './index.js'; diff --git a/packages/main/src/components/ActionSheet/index.tsx b/packages/main/src/components/ActionSheet/index.tsx index d879abe9903..7d4c20b0911 100644 --- a/packages/main/src/components/ActionSheet/index.tsx +++ b/packages/main/src/components/ActionSheet/index.tsx @@ -4,7 +4,7 @@ import { isPhone } from '@ui5/webcomponents-base/dist/Device.js'; import { useI18nBundle, useIsRTL, useSyncRef } from '@ui5/webcomponents-react-base'; import { clsx } from 'clsx'; import type { ReactElement } from 'react'; -import React, { forwardRef, useReducer, useRef } from 'react'; +import { forwardRef, useReducer, useRef } from 'react'; import { createPortal } from 'react-dom'; import { createUseStyles } from 'react-jss'; import { ButtonDesign } from '../../enums/index.js'; diff --git a/packages/main/src/components/AnalyticalCard/index.tsx b/packages/main/src/components/AnalyticalCard/index.tsx index c9f851a0db4..11e79a5b991 100644 --- a/packages/main/src/components/AnalyticalCard/index.tsx +++ b/packages/main/src/components/AnalyticalCard/index.tsx @@ -2,7 +2,7 @@ import { deprecationNotice, useStylesheet } from '@ui5/webcomponents-react-base'; import type { ReactNode } from 'react'; -import React, { forwardRef, useEffect } from 'react'; +import { forwardRef, useEffect } from 'react'; import type { CommonProps } from '../../interfaces/index.js'; import type { CardDomRef } from '../../webComponents/index.js'; import { Card } from '../../webComponents/index.js'; diff --git a/packages/main/src/components/AnalyticalCardHeader/index.tsx b/packages/main/src/components/AnalyticalCardHeader/index.tsx index 02f7a6f9ef8..4937c0f313a 100644 --- a/packages/main/src/components/AnalyticalCardHeader/index.tsx +++ b/packages/main/src/components/AnalyticalCardHeader/index.tsx @@ -5,7 +5,7 @@ import iconUp from '@ui5/webcomponents-icons/dist/up.js'; import { useI18nBundle, useIsomorphicId } from '@ui5/webcomponents-react-base'; import { clsx } from 'clsx'; import type { MouseEventHandler, ReactElement, ReactNode } from 'react'; -import React, { cloneElement, forwardRef } from 'react'; +import { cloneElement, forwardRef } from 'react'; import { createUseStyles } from 'react-jss'; import { DeviationIndicator, ValueColor } from '../../enums/index.js'; import { diff --git a/packages/main/src/components/AnalyticalTable/AnalyticalTable.stories.tsx b/packages/main/src/components/AnalyticalTable/AnalyticalTable.stories.tsx index 5345f176522..eef525f8131 100644 --- a/packages/main/src/components/AnalyticalTable/AnalyticalTable.stories.tsx +++ b/packages/main/src/components/AnalyticalTable/AnalyticalTable.stories.tsx @@ -5,7 +5,7 @@ import type { Meta, StoryObj } from '@storybook/react'; import '@ui5/webcomponents-icons/dist/delete.js'; import '@ui5/webcomponents-icons/dist/edit.js'; import '@ui5/webcomponents-icons/dist/settings.js'; -import React, { useCallback, useEffect, useMemo, useReducer, useRef, useState } from 'react'; +import { useCallback, useEffect, useMemo, useReducer, useRef, useState } from 'react'; import { AnalyticalTableScaleWidthMode, AnalyticalTableSelectionBehavior, diff --git a/packages/main/src/components/AnalyticalTable/ColumnHeader/ColumnHeaderContainer.tsx b/packages/main/src/components/AnalyticalTable/ColumnHeader/ColumnHeaderContainer.tsx index 21528e8e8bc..441e7d5a9c7 100644 --- a/packages/main/src/components/AnalyticalTable/ColumnHeader/ColumnHeaderContainer.tsx +++ b/packages/main/src/components/AnalyticalTable/ColumnHeader/ColumnHeaderContainer.tsx @@ -1,6 +1,6 @@ import type { Virtualizer } from '@tanstack/react-virtual'; import { ThemingParameters } from '@ui5/webcomponents-react-base'; -import React, { forwardRef, Fragment } from 'react'; +import { forwardRef, Fragment } from 'react'; import { createUseStyles } from 'react-jss'; import type { DivWithCustomScrollProp } from '../types/index.js'; import { ColumnHeader } from './index.js'; diff --git a/packages/main/src/components/AnalyticalTable/ColumnHeader/ColumnHeaderModal.tsx b/packages/main/src/components/AnalyticalTable/ColumnHeader/ColumnHeaderModal.tsx index 64ac58025d5..de327b673e9 100644 --- a/packages/main/src/components/AnalyticalTable/ColumnHeader/ColumnHeaderModal.tsx +++ b/packages/main/src/components/AnalyticalTable/ColumnHeader/ColumnHeaderModal.tsx @@ -5,7 +5,7 @@ import iconSortAscending from '@ui5/webcomponents-icons/dist/sort-ascending.js'; import iconSortDescending from '@ui5/webcomponents-icons/dist/sort-descending.js'; import { enrichEventWithDetails, ThemingParameters, useI18nBundle } from '@ui5/webcomponents-react-base'; import type { MutableRefObject } from 'react'; -import React, { useEffect, useRef } from 'react'; +import { useEffect, useRef } from 'react'; import { createPortal } from 'react-dom'; import { createUseStyles } from 'react-jss'; import { diff --git a/packages/main/src/components/AnalyticalTable/ColumnHeader/index.tsx b/packages/main/src/components/AnalyticalTable/ColumnHeader/index.tsx index 9948ab31739..0d3c3c546ca 100644 --- a/packages/main/src/components/AnalyticalTable/ColumnHeader/index.tsx +++ b/packages/main/src/components/AnalyticalTable/ColumnHeader/index.tsx @@ -13,7 +13,7 @@ import type { MouseEventHandler, ReactNode } from 'react'; -import React, { useRef, useState } from 'react'; +import { useRef, useState } from 'react'; import { createUseStyles } from 'react-jss'; import { CustomThemingParameters } from '../../../themes/CustomVariables.js'; import { Icon } from '../../../webComponents/Icon/index.js'; diff --git a/packages/main/src/components/AnalyticalTable/TableBody/EmptyRow.tsx b/packages/main/src/components/AnalyticalTable/TableBody/EmptyRow.tsx index 89ddfcc8b12..95f8947cf2a 100644 --- a/packages/main/src/components/AnalyticalTable/TableBody/EmptyRow.tsx +++ b/packages/main/src/components/AnalyticalTable/TableBody/EmptyRow.tsx @@ -1,6 +1,5 @@ import type { VirtualItem } from '@tanstack/react-virtual'; import type { ReactNode } from 'react'; -import React from 'react'; export const EmptyRow = ({ virtualRow, diff --git a/packages/main/src/components/AnalyticalTable/TableBody/RowSubComponent.tsx b/packages/main/src/components/AnalyticalTable/TableBody/RowSubComponent.tsx index b01fdfa7d17..50bebdce08f 100644 --- a/packages/main/src/components/AnalyticalTable/TableBody/RowSubComponent.tsx +++ b/packages/main/src/components/AnalyticalTable/TableBody/RowSubComponent.tsx @@ -1,7 +1,7 @@ import type { VirtualItem } from '@tanstack/react-virtual'; import { ThemingParameters } from '@ui5/webcomponents-react-base'; import type { ReactNode } from 'react'; -import React, { useEffect, useRef } from 'react'; +import { useEffect, useRef } from 'react'; import { createUseStyles } from 'react-jss'; const styles = { diff --git a/packages/main/src/components/AnalyticalTable/TableBody/VirtualTableBody.tsx b/packages/main/src/components/AnalyticalTable/TableBody/VirtualTableBody.tsx index de8e8911e04..d38e41722dc 100644 --- a/packages/main/src/components/AnalyticalTable/TableBody/VirtualTableBody.tsx +++ b/packages/main/src/components/AnalyticalTable/TableBody/VirtualTableBody.tsx @@ -2,7 +2,7 @@ import type { Virtualizer } from '@tanstack/react-virtual'; import { useVirtualizer } from '@tanstack/react-virtual'; import { clsx } from 'clsx'; import type { MutableRefObject, ReactNode } from 'react'; -import React, { useCallback, useEffect, useMemo, useRef } from 'react'; +import { useCallback, useEffect, useMemo, useRef } from 'react'; import { AnalyticalTableSubComponentsBehavior } from '../../../enums/index.js'; import type { ScrollToRefType } from '../interfaces.js'; import type { AnalyticalTablePropTypes, DivWithCustomScrollProp, TriggerScrollState } from '../types/index.js'; diff --git a/packages/main/src/components/AnalyticalTable/TableBody/VirtualTableBodyContainer.tsx b/packages/main/src/components/AnalyticalTable/TableBody/VirtualTableBodyContainer.tsx index dd64d5e7cd8..0feda8f6278 100644 --- a/packages/main/src/components/AnalyticalTable/TableBody/VirtualTableBodyContainer.tsx +++ b/packages/main/src/components/AnalyticalTable/TableBody/VirtualTableBodyContainer.tsx @@ -1,6 +1,6 @@ import { enrichEventWithDetails } from '@ui5/webcomponents-react-base'; import type { MutableRefObject } from 'react'; -import React, { useCallback, useEffect, useRef, useState } from 'react'; +import { useCallback, useEffect, useRef, useState } from 'react'; import type { AnalyticalTablePropTypes } from '../types/index.js'; interface VirtualTableBodyContainerProps { diff --git a/packages/main/src/components/AnalyticalTable/TitleBar/index.tsx b/packages/main/src/components/AnalyticalTable/TitleBar/index.tsx index c47d5aa4170..20d0f3b97ce 100644 --- a/packages/main/src/components/AnalyticalTable/TitleBar/index.tsx +++ b/packages/main/src/components/AnalyticalTable/TitleBar/index.tsx @@ -1,5 +1,5 @@ import type { ReactNode } from 'react'; -import React, { forwardRef, isValidElement } from 'react'; +import { forwardRef, isValidElement } from 'react'; import { Title } from '../../../webComponents/Title/index.js'; const styles = { diff --git a/packages/main/src/components/AnalyticalTable/VerticalResizer.tsx b/packages/main/src/components/AnalyticalTable/VerticalResizer.tsx index 24de98641aa..02d8f57e212 100644 --- a/packages/main/src/components/AnalyticalTable/VerticalResizer.tsx +++ b/packages/main/src/components/AnalyticalTable/VerticalResizer.tsx @@ -1,6 +1,6 @@ import { ThemingParameters, useI18nBundle } from '@ui5/webcomponents-react-base'; import type { MutableRefObject } from 'react'; -import React, { useCallback, useEffect, useRef, useState } from 'react'; +import { useCallback, useEffect, useRef, useState } from 'react'; import { createPortal } from 'react-dom'; import { createUseStyles } from 'react-jss'; import { DRAG_TO_RESIZE } from '../../i18n/i18n-defaults.js'; diff --git a/packages/main/src/components/AnalyticalTable/defaults/Column/Cell.tsx b/packages/main/src/components/AnalyticalTable/defaults/Column/Cell.tsx index b5158dfa417..1170b0fa4cd 100644 --- a/packages/main/src/components/AnalyticalTable/defaults/Column/Cell.tsx +++ b/packages/main/src/components/AnalyticalTable/defaults/Column/Cell.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - export const Cell = ({ cell: { value = '', isGrouped }, row, webComponentsReactProperties }) => { let cellContent = `${value ?? ''}`; if (isGrouped) { diff --git a/packages/main/src/components/AnalyticalTable/defaults/Column/Expandable.tsx b/packages/main/src/components/AnalyticalTable/defaults/Column/Expandable.tsx index 0e88c93fdf6..11304ab3c19 100644 --- a/packages/main/src/components/AnalyticalTable/defaults/Column/Expandable.tsx +++ b/packages/main/src/components/AnalyticalTable/defaults/Column/Expandable.tsx @@ -2,7 +2,6 @@ import iconNavDownArrow from '@ui5/webcomponents-icons/dist/navigation-down-arro import iconNavRightArrow from '@ui5/webcomponents-icons/dist/navigation-right-arrow.js'; import { CssSizeVariables, ThemingParameters, useCurrentTheme } from '@ui5/webcomponents-react-base'; import type { CSSProperties } from 'react'; -import React from 'react'; import { createUseStyles } from 'react-jss'; import { ButtonDesign } from '../../../../enums/index.js'; import { Button, Icon } from '../../../../webComponents/index.js'; diff --git a/packages/main/src/components/AnalyticalTable/defaults/Column/Grouped.tsx b/packages/main/src/components/AnalyticalTable/defaults/Column/Grouped.tsx index cfe7a47e131..bb38ddb8179 100644 --- a/packages/main/src/components/AnalyticalTable/defaults/Column/Grouped.tsx +++ b/packages/main/src/components/AnalyticalTable/defaults/Column/Grouped.tsx @@ -1,7 +1,6 @@ import iconNavDownArrow from '@ui5/webcomponents-icons/dist/navigation-down-arrow.js'; import iconNavRightArrow from '@ui5/webcomponents-icons/dist/navigation-right-arrow.js'; import type { CSSProperties } from 'react'; -import React from 'react'; import { TextAlign } from '../../../../enums/index.js'; import { Icon } from '../../../../webComponents/index.js'; diff --git a/packages/main/src/components/AnalyticalTable/defaults/Column/PopIn.tsx b/packages/main/src/components/AnalyticalTable/defaults/Column/PopIn.tsx index 3a96e44c3ad..ea4af32029a 100644 --- a/packages/main/src/components/AnalyticalTable/defaults/Column/PopIn.tsx +++ b/packages/main/src/components/AnalyticalTable/defaults/Column/PopIn.tsx @@ -1,5 +1,4 @@ import { ThemingParameters } from '@ui5/webcomponents-react-base'; -import React from 'react'; import { createUseStyles } from 'react-jss'; import { makeRenderer } from 'react-table'; import { FlexBoxAlignItems, FlexBoxDirection, FlexBoxWrap } from '../../../../enums/index.js'; diff --git a/packages/main/src/components/AnalyticalTable/defaults/FilterComponent/index.tsx b/packages/main/src/components/AnalyticalTable/defaults/FilterComponent/index.tsx index aae47631e65..8a6098dca53 100644 --- a/packages/main/src/components/AnalyticalTable/defaults/FilterComponent/index.tsx +++ b/packages/main/src/components/AnalyticalTable/defaults/FilterComponent/index.tsx @@ -1,5 +1,5 @@ import type { FC } from 'react'; -import React, { useCallback } from 'react'; +import { useCallback } from 'react'; import { stopPropagation } from '../../../../internal/stopPropagation.js'; import { Input } from '../../../../webComponents/Input/index.js'; diff --git a/packages/main/src/components/AnalyticalTable/defaults/LoadingComponent/TablePlaceholder.tsx b/packages/main/src/components/AnalyticalTable/defaults/LoadingComponent/TablePlaceholder.tsx index 5a586f8e45c..27a3480db1d 100644 --- a/packages/main/src/components/AnalyticalTable/defaults/LoadingComponent/TablePlaceholder.tsx +++ b/packages/main/src/components/AnalyticalTable/defaults/LoadingComponent/TablePlaceholder.tsx @@ -1,7 +1,6 @@ import { CssSizeVariables, ThemingParameters } from '@ui5/webcomponents-react-base'; import { clsx } from 'clsx'; import type { CSSProperties, FC } from 'react'; -import React from 'react'; import { createUseStyles } from 'react-jss'; import { resolveCellAlignment } from '../../util/index.js'; diff --git a/packages/main/src/components/AnalyticalTable/defaults/LoadingComponent/index.tsx b/packages/main/src/components/AnalyticalTable/defaults/LoadingComponent/index.tsx index 51729fca3b2..e9b5b775fda 100644 --- a/packages/main/src/components/AnalyticalTable/defaults/LoadingComponent/index.tsx +++ b/packages/main/src/components/AnalyticalTable/defaults/LoadingComponent/index.tsx @@ -1,5 +1,4 @@ import { CssSizeVariables } from '@ui5/webcomponents-react-base'; -import React from 'react'; import { createUseStyles } from 'react-jss'; import { Loader } from '../../../Loader/index.js'; diff --git a/packages/main/src/components/AnalyticalTable/defaults/NoDataComponent/index.tsx b/packages/main/src/components/AnalyticalTable/defaults/NoDataComponent/index.tsx index ca54236ae89..d50dfcf4fdc 100644 --- a/packages/main/src/components/AnalyticalTable/defaults/NoDataComponent/index.tsx +++ b/packages/main/src/components/AnalyticalTable/defaults/NoDataComponent/index.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - export const DefaultNoDataComponent = ({ noDataText, className, style }) => { return (
diff --git a/packages/main/src/components/AnalyticalTable/hooks/useRowHighlight.tsx b/packages/main/src/components/AnalyticalTable/hooks/useRowHighlight.tsx index 4281b04b405..bc7ae24735c 100644 --- a/packages/main/src/components/AnalyticalTable/hooks/useRowHighlight.tsx +++ b/packages/main/src/components/AnalyticalTable/hooks/useRowHighlight.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import { ValueState } from '../../../enums/index.js'; import type { ReactTableHooks } from '../types/index.js'; diff --git a/packages/main/src/components/AnalyticalTable/hooks/useRowNavigationIndicator.tsx b/packages/main/src/components/AnalyticalTable/hooks/useRowNavigationIndicator.tsx index 64b81b05a46..72c35de488e 100644 --- a/packages/main/src/components/AnalyticalTable/hooks/useRowNavigationIndicator.tsx +++ b/packages/main/src/components/AnalyticalTable/hooks/useRowNavigationIndicator.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import type { ReactTableHooks } from '../types/index.js'; const baseStyles = { diff --git a/packages/main/src/components/AnalyticalTable/hooks/useRowSelectionColumn.tsx b/packages/main/src/components/AnalyticalTable/hooks/useRowSelectionColumn.tsx index 64cd18b2a85..ee863ad8084 100644 --- a/packages/main/src/components/AnalyticalTable/hooks/useRowSelectionColumn.tsx +++ b/packages/main/src/components/AnalyticalTable/hooks/useRowSelectionColumn.tsx @@ -1,6 +1,5 @@ import { CssSizeVariablesNames, enrichEventWithDetails } from '@ui5/webcomponents-react-base'; import type { CSSProperties } from 'react'; -import React from 'react'; import { AnalyticalTableSelectionBehavior, AnalyticalTableSelectionMode } from '../../../enums/index.js'; import { CheckBox } from '../../../webComponents/CheckBox/index.js'; import type { ReactTableHooks } from '../types/index.js'; diff --git a/packages/main/src/components/AnalyticalTable/index.tsx b/packages/main/src/components/AnalyticalTable/index.tsx index f22d95caa3a..1998ecd788a 100644 --- a/packages/main/src/components/AnalyticalTable/index.tsx +++ b/packages/main/src/components/AnalyticalTable/index.tsx @@ -13,7 +13,7 @@ import { } from '@ui5/webcomponents-react-base'; import { clsx } from 'clsx'; import type { CSSProperties, MutableRefObject } from 'react'; -import React, { forwardRef, useCallback, useEffect, useMemo, useRef } from 'react'; +import { forwardRef, useCallback, useEffect, useMemo, useRef } from 'react'; import { createUseStyles } from 'react-jss'; import { useColumnOrder, diff --git a/packages/main/src/components/AnalyticalTable/pluginHooks/useRowDisableSelection.tsx b/packages/main/src/components/AnalyticalTable/pluginHooks/useRowDisableSelection.tsx index 4114d147337..4e789332ba2 100644 --- a/packages/main/src/components/AnalyticalTable/pluginHooks/useRowDisableSelection.tsx +++ b/packages/main/src/components/AnalyticalTable/pluginHooks/useRowDisableSelection.tsx @@ -1,5 +1,4 @@ import { enrichEventWithDetails } from '@ui5/webcomponents-react-base'; -import React from 'react'; import { AnalyticalTableSelectionBehavior, AnalyticalTableSelectionMode } from '../../../enums/index.js'; import { CheckBox } from '../../../webComponents/CheckBox/index.js'; import type { ReactTableHooks } from '../types/index.js'; diff --git a/packages/main/src/components/AnalyticalTable/scrollbars/VerticalScrollbar.tsx b/packages/main/src/components/AnalyticalTable/scrollbars/VerticalScrollbar.tsx index d3caf4466a4..66051693cbb 100644 --- a/packages/main/src/components/AnalyticalTable/scrollbars/VerticalScrollbar.tsx +++ b/packages/main/src/components/AnalyticalTable/scrollbars/VerticalScrollbar.tsx @@ -1,7 +1,7 @@ import { ThemingParameters, useSyncRef } from '@ui5/webcomponents-react-base'; import { clsx } from 'clsx'; import type { MutableRefObject, RefObject } from 'react'; -import React, { forwardRef, useEffect, useRef } from 'react'; +import { forwardRef, useEffect, useRef } from 'react'; import { createUseStyles } from 'react-jss'; import { FlexBoxDirection, GlobalStyleClasses } from '../../../enums/index.js'; import { CustomThemingParameters } from '../../../themes/CustomVariables.js'; diff --git a/packages/main/src/components/DynamicPage/CodeGen.tsx b/packages/main/src/components/DynamicPage/CodeGen.tsx index 89a42bcf9db..7f7fbf679fe 100644 --- a/packages/main/src/components/DynamicPage/CodeGen.tsx +++ b/packages/main/src/components/DynamicPage/CodeGen.tsx @@ -1,3 +1 @@ -import React from 'react'; - export const SpacingSpan = ; diff --git a/packages/main/src/components/DynamicPage/index.tsx b/packages/main/src/components/DynamicPage/index.tsx index 47d16c1d6d6..3e7995ec4a1 100644 --- a/packages/main/src/components/DynamicPage/index.tsx +++ b/packages/main/src/components/DynamicPage/index.tsx @@ -3,7 +3,7 @@ import { debounce, ThemingParameters, useSyncRef } from '@ui5/webcomponents-react-base'; import { clsx } from 'clsx'; import type { ReactElement, ReactNode } from 'react'; -import React, { cloneElement, forwardRef, useEffect, useRef, useState } from 'react'; +import { cloneElement, forwardRef, useEffect, useRef, useState } from 'react'; import { createUseStyles } from 'react-jss'; import { GlobalStyleClasses, PageBackgroundDesign } from '../../enums/index.js'; import type { CommonProps } from '../../interfaces/index.js'; diff --git a/packages/main/src/components/DynamicPageAnchorBar/index.tsx b/packages/main/src/components/DynamicPageAnchorBar/index.tsx index e49cef44e6a..013d94604a6 100644 --- a/packages/main/src/components/DynamicPageAnchorBar/index.tsx +++ b/packages/main/src/components/DynamicPageAnchorBar/index.tsx @@ -5,7 +5,7 @@ import iconArrowDown from '@ui5/webcomponents-icons/dist/slim-arrow-down.js'; import iconArrowUp from '@ui5/webcomponents-icons/dist/slim-arrow-up.js'; import { enrichEventWithDetails, ThemingParameters, useI18nBundle } from '@ui5/webcomponents-react-base'; import { clsx } from 'clsx'; -import React, { forwardRef, useCallback, useEffect, useRef } from 'react'; +import { forwardRef, useCallback, useEffect, useRef } from 'react'; import type { CSSProperties } from 'react'; import { createUseStyles } from 'react-jss'; import { COLLAPSE_HEADER, EXPAND_HEADER, PIN_HEADER, UNPIN_HEADER } from '../../i18n/i18n-defaults.js'; diff --git a/packages/main/src/components/DynamicPageHeader/index.tsx b/packages/main/src/components/DynamicPageHeader/index.tsx index df8dcf3da0e..b310152b5f1 100644 --- a/packages/main/src/components/DynamicPageHeader/index.tsx +++ b/packages/main/src/components/DynamicPageHeader/index.tsx @@ -2,7 +2,7 @@ import { clsx } from 'clsx'; import type { ReactNode } from 'react'; -import React, { forwardRef, useMemo } from 'react'; +import { forwardRef, useMemo } from 'react'; import { createUseStyles } from 'react-jss'; import type { CommonProps } from '../../interfaces/index.js'; import { DynamicPageHeaderStyles } from './DynamicPageHeader.jss.js'; diff --git a/packages/main/src/components/DynamicPageTitle/ActionsSpacer.tsx b/packages/main/src/components/DynamicPageTitle/ActionsSpacer.tsx index 2307ae643d0..c80fe0e1f50 100644 --- a/packages/main/src/components/DynamicPageTitle/ActionsSpacer.tsx +++ b/packages/main/src/components/DynamicPageTitle/ActionsSpacer.tsx @@ -1,5 +1,4 @@ import type { MouseEventHandler } from 'react'; -import React from 'react'; interface ActionsSpacerProps { onClick: MouseEventHandler; diff --git a/packages/main/src/components/DynamicPageTitle/index.tsx b/packages/main/src/components/DynamicPageTitle/index.tsx index 985487b8145..67e3acb7ff4 100644 --- a/packages/main/src/components/DynamicPageTitle/index.tsx +++ b/packages/main/src/components/DynamicPageTitle/index.tsx @@ -3,16 +3,7 @@ import { debounce, Device, useSyncRef } from '@ui5/webcomponents-react-base'; import { clsx } from 'clsx'; import type { MutableRefObject, ReactElement, ReactNode } from 'react'; -import React, { - Children, - cloneElement, - forwardRef, - isValidElement, - useCallback, - useEffect, - useRef, - useState -} from 'react'; +import { Children, cloneElement, forwardRef, isValidElement, useCallback, useEffect, useRef, useState } from 'react'; import { createUseStyles } from 'react-jss'; import { FlexBoxAlignItems, FlexBoxJustifyContent, ToolbarDesign, ToolbarStyle } from '../../enums/index.js'; import type { CommonProps } from '../../interfaces/index.js'; diff --git a/packages/main/src/components/ExpandableText/index.tsx b/packages/main/src/components/ExpandableText/index.tsx index 581d00f293a..a6b1aeda8eb 100644 --- a/packages/main/src/components/ExpandableText/index.tsx +++ b/packages/main/src/components/ExpandableText/index.tsx @@ -2,7 +2,7 @@ import { useI18nBundle, useIsomorphicId } from '@ui5/webcomponents-react-base'; import { clsx } from 'clsx'; -import React, { forwardRef, useEffect, useRef, useState } from 'react'; +import { forwardRef, useEffect, useRef, useState } from 'react'; import { createPortal } from 'react-dom'; import { createUseStyles } from 'react-jss'; import { CLOSE_POPOVER, SHOW_FULL_TEXT, SHOW_LESS, SHOW_MORE } from '../../i18n/i18n-defaults.js'; diff --git a/packages/main/src/components/FilterBar/FilterDialog.tsx b/packages/main/src/components/FilterBar/FilterDialog.tsx index c0ba45defb1..24901c4d19a 100644 --- a/packages/main/src/components/FilterBar/FilterDialog.tsx +++ b/packages/main/src/components/FilterBar/FilterDialog.tsx @@ -2,7 +2,8 @@ import group2Icon from '@ui5/webcomponents-icons/dist/group-2.js'; import listIcon from '@ui5/webcomponents-icons/dist/list.js'; import searchIcon from '@ui5/webcomponents-icons/dist/search.js'; import { enrichEventWithDetails, useI18nBundle, useIsomorphicId } from '@ui5/webcomponents-react-base'; -import React, { Children, cloneElement, useEffect, useReducer, useRef, useState } from 'react'; +import type { Dispatch, MutableRefObject, SetStateAction } from 'react'; +import { Children, cloneElement, useEffect, useReducer, useRef, useState } from 'react'; import { createPortal } from 'react-dom'; import { createUseStyles } from 'react-jss'; import { @@ -125,7 +126,7 @@ interface FilterDialogPropTypes { showRestoreButton: boolean; handleRestoreFilters: (e, source, filterElements) => void; handleDialogSave: (e, newRefs, updatedToggledFilters) => void; - handleSearchValueChange: React.Dispatch>; + handleSearchValueChange: Dispatch>; handleSelectionChange?: ( event: Ui5CustomEvent< TableDomRef, @@ -135,11 +136,11 @@ interface FilterDialogPropTypes { handleDialogSearch?: (event: CustomEvent<{ value: string; element: HTMLElement }>) => void; handleDialogCancel?: (event: Ui5CustomEvent) => void; portalContainer: Element; - dialogRef: React.MutableRefObject; + dialogRef: MutableRefObject; isListView: boolean; - setIsListView: React.Dispatch>; + setIsListView: Dispatch>; filteredAttribute: string; - setFilteredAttribute: React.Dispatch>; + setFilteredAttribute: Dispatch>; onAfterFiltersDialogOpen: (event: Ui5CustomEvent) => void; } diff --git a/packages/main/src/components/FilterBar/index.tsx b/packages/main/src/components/FilterBar/index.tsx index 472a6ab1aec..546c9e9d09e 100644 --- a/packages/main/src/components/FilterBar/index.tsx +++ b/packages/main/src/components/FilterBar/index.tsx @@ -4,7 +4,7 @@ import searchIcon from '@ui5/webcomponents-icons/dist/search.js'; import { debounce, Device, enrichEventWithDetails, useI18nBundle } from '@ui5/webcomponents-react-base'; import { clsx } from 'clsx'; import type { CSSProperties, ElementType, ReactElement, ReactNode } from 'react'; -import React, { Children, cloneElement, forwardRef, isValidElement, useEffect, useRef, useState } from 'react'; +import { Children, cloneElement, forwardRef, isValidElement, useEffect, useRef, useState } from 'react'; import { createUseStyles } from 'react-jss'; import { ButtonDesign, ToolbarStyle } from '../../enums/index.js'; import { diff --git a/packages/main/src/components/FilterGroupItem/index.tsx b/packages/main/src/components/FilterGroupItem/index.tsx index 69232b94431..5e03de773d7 100644 --- a/packages/main/src/components/FilterGroupItem/index.tsx +++ b/packages/main/src/components/FilterGroupItem/index.tsx @@ -3,7 +3,7 @@ import circleTask2Icon from '@ui5/webcomponents-icons/dist/circle-task-2.js'; import { clsx } from 'clsx'; import type { ReactElement } from 'react'; -import React, { forwardRef } from 'react'; +import { forwardRef } from 'react'; import { createUseStyles } from 'react-jss'; import { FlexBoxDirection, BusyIndicatorSize } from '../../enums/index.js'; import type { CommonProps } from '../../interfaces/index.js'; diff --git a/packages/main/src/components/FlexBox/index.tsx b/packages/main/src/components/FlexBox/index.tsx index fe452bc23e3..bba8b0418bd 100644 --- a/packages/main/src/components/FlexBox/index.tsx +++ b/packages/main/src/components/FlexBox/index.tsx @@ -2,7 +2,7 @@ import { clsx } from 'clsx'; import type { ElementType, ReactNode } from 'react'; -import React, { forwardRef } from 'react'; +import { forwardRef } from 'react'; import { createUseStyles } from 'react-jss'; import { FlexBoxAlignItems, FlexBoxDirection, FlexBoxJustifyContent, FlexBoxWrap } from '../../enums/index.js'; import type { CommonProps } from '../../interfaces/index.js'; diff --git a/packages/main/src/components/Form/index.tsx b/packages/main/src/components/Form/index.tsx index 0ca4a0aa931..8aa1e3082e5 100644 --- a/packages/main/src/components/Form/index.tsx +++ b/packages/main/src/components/Form/index.tsx @@ -3,7 +3,7 @@ import { Device, useSyncRef } from '@ui5/webcomponents-react-base'; import { clsx } from 'clsx'; import type { ElementType, ReactNode } from 'react'; -import React, { forwardRef, useCallback, useEffect, useMemo, useReducer, useRef, useState } from 'react'; +import { forwardRef, useCallback, useEffect, useMemo, useReducer, useRef, useState } from 'react'; import { createUseStyles } from 'react-jss'; import { FormBackgroundDesign, TitleLevel } from '../../enums/index.js'; import type { CommonProps } from '../../interfaces/index.js'; diff --git a/packages/main/src/components/FormGroup/FormGroupTitle.tsx b/packages/main/src/components/FormGroup/FormGroupTitle.tsx index a76eab9fac1..2f9cd147248 100644 --- a/packages/main/src/components/FormGroup/FormGroupTitle.tsx +++ b/packages/main/src/components/FormGroup/FormGroupTitle.tsx @@ -1,6 +1,5 @@ import { CssSizeVariables, ThemingParameters } from '@ui5/webcomponents-react-base'; import type { CSSProperties } from 'react'; -import React from 'react'; import { createUseStyles } from 'react-jss'; interface FormGroupTitlePropTypes { diff --git a/packages/main/src/components/FormGroup/index.tsx b/packages/main/src/components/FormGroup/index.tsx index 2cfb842d539..215a3f6c76f 100644 --- a/packages/main/src/components/FormGroup/index.tsx +++ b/packages/main/src/components/FormGroup/index.tsx @@ -2,7 +2,7 @@ import { useIsomorphicId } from '@ui5/webcomponents-react-base'; import type { ReactNode } from 'react'; -import React, { useEffect, useMemo } from 'react'; +import { useEffect, useMemo } from 'react'; import { GroupContext, useFormContext } from '../Form/FormContext.js'; import { FormGroupTitle } from './FormGroupTitle.js'; diff --git a/packages/main/src/components/FormItem/index.tsx b/packages/main/src/components/FormItem/index.tsx index 5aca248bb10..869b1ae9b83 100644 --- a/packages/main/src/components/FormItem/index.tsx +++ b/packages/main/src/components/FormItem/index.tsx @@ -3,7 +3,7 @@ import { useIsomorphicId } from '@ui5/webcomponents-react-base'; import { clsx } from 'clsx'; import type { CSSProperties, ReactElement, ReactNode } from 'react'; -import React, { cloneElement, Fragment, isValidElement, useEffect, useMemo } from 'react'; +import { cloneElement, Fragment, isValidElement, useEffect, useMemo } from 'react'; import { createUseStyles } from 'react-jss'; import { WrappingType } from '../../enums/index.js'; import { flattenFragments } from '../../internal/utils.js'; diff --git a/packages/main/src/components/Grid/Grid.stories.tsx b/packages/main/src/components/Grid/Grid.stories.tsx index 045bc5dda11..214f9aa9074 100644 --- a/packages/main/src/components/Grid/Grid.stories.tsx +++ b/packages/main/src/components/Grid/Grid.stories.tsx @@ -1,5 +1,4 @@ import type { Meta, StoryObj } from '@storybook/react'; -import React from 'react'; import { Grid } from './index.js'; const meta = { diff --git a/packages/main/src/components/Grid/index.tsx b/packages/main/src/components/Grid/index.tsx index 3210379c86c..9e36f8768d4 100644 --- a/packages/main/src/components/Grid/index.tsx +++ b/packages/main/src/components/Grid/index.tsx @@ -3,7 +3,7 @@ import { useViewportRange } from '@ui5/webcomponents-react-base'; import { clsx } from 'clsx'; import type { CSSProperties, ReactNode } from 'react'; -import React, { forwardRef, isValidElement } from 'react'; +import { forwardRef, isValidElement } from 'react'; import { createUseStyles } from 'react-jss'; import { GridPosition } from '../../enums/index.js'; import type { CommonProps } from '../../interfaces/index.js'; diff --git a/packages/main/src/components/Loader/index.tsx b/packages/main/src/components/Loader/index.tsx index 958454fa44a..916429d0732 100644 --- a/packages/main/src/components/Loader/index.tsx +++ b/packages/main/src/components/Loader/index.tsx @@ -3,7 +3,7 @@ import { useI18nBundle } from '@ui5/webcomponents-react-base'; import { clsx } from 'clsx'; import type { CSSProperties } from 'react'; -import React, { forwardRef, useEffect, useState } from 'react'; +import { forwardRef, useEffect, useState } from 'react'; import { createUseStyles } from 'react-jss'; import { LoaderType } from '../../enums/index.js'; import { PLEASE_WAIT } from '../../i18n/i18n-defaults.js'; diff --git a/packages/main/src/components/MessageBox/CodeGen.tsx b/packages/main/src/components/MessageBox/CodeGen.tsx index 43e55ef10d8..fcdae17e560 100644 --- a/packages/main/src/components/MessageBox/CodeGen.tsx +++ b/packages/main/src/components/MessageBox/CodeGen.tsx @@ -2,7 +2,6 @@ import { forwardRef } from 'react'; import { createPortal } from 'react-dom'; import { DialogDomRef } from '../../webComponents/index.js'; import { MessageBox as OriginalMessageBox, MessageBoxPropTypes } from './index.js'; -import React from 'react'; export const MessageBox = forwardRef((args, ref) => createPortal(, document.body) diff --git a/packages/main/src/components/MessageBox/index.tsx b/packages/main/src/components/MessageBox/index.tsx index d21c20a9e75..c6db1cb9b8f 100644 --- a/packages/main/src/components/MessageBox/index.tsx +++ b/packages/main/src/components/MessageBox/index.tsx @@ -4,7 +4,7 @@ import iconSysHelp from '@ui5/webcomponents-icons/dist/sys-help-2.js'; import { enrichEventWithDetails, useI18nBundle, useIsomorphicId } from '@ui5/webcomponents-react-base'; import { clsx } from 'clsx'; import type { ReactNode } from 'react'; -import React, { cloneElement, forwardRef, isValidElement } from 'react'; +import { cloneElement, forwardRef, isValidElement } from 'react'; import { createUseStyles } from 'react-jss'; import { ButtonDesign, diff --git a/packages/main/src/components/MessageView/MessageItem.tsx b/packages/main/src/components/MessageView/MessageItem.tsx index a079b3a436d..a3d5dd599bc 100644 --- a/packages/main/src/components/MessageView/MessageItem.tsx +++ b/packages/main/src/components/MessageView/MessageItem.tsx @@ -4,7 +4,7 @@ import iconArrowRight from '@ui5/webcomponents-icons/dist/slim-arrow-right.js'; import { CssSizeVariables, ThemingParameters } from '@ui5/webcomponents-react-base'; import { clsx } from 'clsx'; import type { ReactNode } from 'react'; -import React, { forwardRef, useContext } from 'react'; +import { forwardRef, useContext } from 'react'; import { createUseStyles } from 'react-jss'; import { FlexBoxAlignItems, FlexBoxDirection, ListItemType, ValueState } from '../../enums/index.js'; import type { CommonProps } from '../../interfaces/index.js'; diff --git a/packages/main/src/components/MessageView/MessageView.cy.tsx b/packages/main/src/components/MessageView/MessageView.cy.tsx index d314d5ad65b..e6854a47daa 100644 --- a/packages/main/src/components/MessageView/MessageView.cy.tsx +++ b/packages/main/src/components/MessageView/MessageView.cy.tsx @@ -1,4 +1,4 @@ -import React, { useRef } from 'react'; +import { useRef } from 'react'; import { ValueState } from '../../enums/index.js'; import { MessageItem } from './MessageItem'; import { MessageView } from './index.js'; diff --git a/packages/main/src/components/MessageView/index.tsx b/packages/main/src/components/MessageView/index.tsx index 7bc3dcaab52..ddb0a12580b 100644 --- a/packages/main/src/components/MessageView/index.tsx +++ b/packages/main/src/components/MessageView/index.tsx @@ -4,7 +4,7 @@ import iconSlimArrowLeft from '@ui5/webcomponents-icons/dist/slim-arrow-left.js' import { ThemingParameters, useI18nBundle, useSyncRef } from '@ui5/webcomponents-react-base'; import { clsx } from 'clsx'; import type { ReactElement, ReactNode } from 'react'; -import React, { Children, forwardRef, Fragment, isValidElement, useCallback, useEffect, useState } from 'react'; +import { Children, forwardRef, Fragment, isValidElement, useCallback, useEffect, useState } from 'react'; import { createUseStyles } from 'react-jss'; import { ButtonDesign, diff --git a/packages/main/src/components/MessageViewButton/MessageViewButton.cy.tsx b/packages/main/src/components/MessageViewButton/MessageViewButton.cy.tsx index 3646b6e8ab6..f35f1152ed1 100644 --- a/packages/main/src/components/MessageViewButton/MessageViewButton.cy.tsx +++ b/packages/main/src/components/MessageViewButton/MessageViewButton.cy.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import { ValueState } from '../../enums/index.js'; import { MessageViewButton } from './index.js'; diff --git a/packages/main/src/components/MessageViewButton/index.tsx b/packages/main/src/components/MessageViewButton/index.tsx index f9e80c3d6d2..a6b2e12786f 100644 --- a/packages/main/src/components/MessageViewButton/index.tsx +++ b/packages/main/src/components/MessageViewButton/index.tsx @@ -6,7 +6,7 @@ import informationIcon from '@ui5/webcomponents-icons/dist/information.js'; import sysEnter2Icon from '@ui5/webcomponents-icons/dist/sys-enter-2.js'; import { ThemingParameters } from '@ui5/webcomponents-react-base'; import { clsx } from 'clsx'; -import React, { forwardRef } from 'react'; +import { forwardRef } from 'react'; import { createUseStyles } from 'react-jss'; import { ValueState } from '../../enums/index.js'; import type { ButtonDomRef, ButtonPropTypes } from '../../webComponents/index.js'; diff --git a/packages/main/src/components/Modals/Modals.cy.tsx b/packages/main/src/components/Modals/Modals.cy.tsx index e6fb638cc0c..fb8e92e018b 100644 --- a/packages/main/src/components/Modals/Modals.cy.tsx +++ b/packages/main/src/components/Modals/Modals.cy.tsx @@ -1,4 +1,3 @@ -import React from 'react'; import { Bar, Button, MenuItem } from '../../webComponents/index.js'; import { Modals } from './index.js'; diff --git a/packages/main/src/components/Modals/Modals.stories.tsx b/packages/main/src/components/Modals/Modals.stories.tsx index b5fe846d49a..c60935e1cef 100644 --- a/packages/main/src/components/Modals/Modals.stories.tsx +++ b/packages/main/src/components/Modals/Modals.stories.tsx @@ -1,5 +1,4 @@ import type { Meta, StoryObj } from '@storybook/react'; -import React from 'react'; import { MessageBoxTypes } from '../../enums/index.js'; import { Bar, Button, MenuItem } from '../../webComponents/index.js'; import { Modals } from './index.js'; diff --git a/packages/main/src/components/Modals/ModalsProvider.tsx b/packages/main/src/components/Modals/ModalsProvider.tsx index fea5cd63e65..988c5838f89 100644 --- a/packages/main/src/components/Modals/ModalsProvider.tsx +++ b/packages/main/src/components/Modals/ModalsProvider.tsx @@ -1,5 +1,5 @@ import type { ReactNode } from 'react'; -import React, { useMemo, useReducer } from 'react'; +import { useMemo, useReducer } from 'react'; import { createPortal } from 'react-dom'; import type { ModalState, UpdateModalStateAction } from '../../internal/ModalsContext.js'; import { getModalContext } from '../../internal/ModalsContext.js'; diff --git a/packages/main/src/components/NumericSideIndicator/index.tsx b/packages/main/src/components/NumericSideIndicator/index.tsx index e18783ac3ee..61b2cec6bd3 100644 --- a/packages/main/src/components/NumericSideIndicator/index.tsx +++ b/packages/main/src/components/NumericSideIndicator/index.tsx @@ -1,7 +1,7 @@ 'use client'; import { clsx } from 'clsx'; -import React, { forwardRef } from 'react'; +import { forwardRef } from 'react'; import { createUseStyles } from 'react-jss'; import { ValueColor } from '../../enums/index.js'; import type { CommonProps } from '../../interfaces/index.js'; diff --git a/packages/main/src/components/ObjectPage/CollapsedAvatar.tsx b/packages/main/src/components/ObjectPage/CollapsedAvatar.tsx index dc446f60ffc..8dbc6175d47 100644 --- a/packages/main/src/components/ObjectPage/CollapsedAvatar.tsx +++ b/packages/main/src/components/ObjectPage/CollapsedAvatar.tsx @@ -1,6 +1,6 @@ import { clsx } from 'clsx'; import type { CSSProperties, ReactElement } from 'react'; -import React, { cloneElement, useEffect, useMemo, useRef, useState } from 'react'; +import { cloneElement, useEffect, useMemo, useRef, useState } from 'react'; import { createUseStyles } from 'react-jss'; import { AvatarSize } from '../../enums/index.js'; diff --git a/packages/main/src/components/ObjectPage/index.tsx b/packages/main/src/components/ObjectPage/index.tsx index e3d8587ad59..905c09beca4 100644 --- a/packages/main/src/components/ObjectPage/index.tsx +++ b/packages/main/src/components/ObjectPage/index.tsx @@ -3,16 +3,7 @@ import { debounce, enrichEventWithDetails, ThemingParameters, useSyncRef } from '@ui5/webcomponents-react-base'; import { clsx } from 'clsx'; import type { ReactElement, ReactNode } from 'react'; -import React, { - cloneElement, - forwardRef, - isValidElement, - useCallback, - useEffect, - useMemo, - useRef, - useState -} from 'react'; +import { cloneElement, forwardRef, isValidElement, useCallback, useEffect, useMemo, useRef, useState } from 'react'; import { createUseStyles } from 'react-jss'; import { AvatarSize, GlobalStyleClasses, ObjectPageMode } from '../../enums/index.js'; import type { CommonProps } from '../../interfaces/index.js'; diff --git a/packages/main/src/components/ObjectPageSection/index.tsx b/packages/main/src/components/ObjectPageSection/index.tsx index 8aff41262f0..05a7f9ba054 100644 --- a/packages/main/src/components/ObjectPageSection/index.tsx +++ b/packages/main/src/components/ObjectPageSection/index.tsx @@ -2,7 +2,7 @@ import { clsx } from 'clsx'; import type { ReactNode } from 'react'; -import React, { forwardRef } from 'react'; +import { forwardRef } from 'react'; import { createUseStyles } from 'react-jss'; import type { TitleLevel } from '../../enums/index.js'; import type { CommonProps } from '../../interfaces/index.js'; diff --git a/packages/main/src/components/ObjectPageSubSection/index.tsx b/packages/main/src/components/ObjectPageSubSection/index.tsx index ac31655135a..569b3050810 100644 --- a/packages/main/src/components/ObjectPageSubSection/index.tsx +++ b/packages/main/src/components/ObjectPageSubSection/index.tsx @@ -3,7 +3,7 @@ import { ThemingParameters } from '@ui5/webcomponents-react-base'; import { clsx } from 'clsx'; import type { ReactNode } from 'react'; -import React, { forwardRef } from 'react'; +import { forwardRef } from 'react'; import { createUseStyles } from 'react-jss'; import type { TitleLevel } from '../../enums/index.js'; import { FlexBoxAlignItems, FlexBoxDirection, FlexBoxJustifyContent } from '../../enums/index.js'; diff --git a/packages/main/src/components/ObjectStatus/index.tsx b/packages/main/src/components/ObjectStatus/index.tsx index e52c939672b..bfa8e5283ff 100644 --- a/packages/main/src/components/ObjectStatus/index.tsx +++ b/packages/main/src/components/ObjectStatus/index.tsx @@ -13,7 +13,7 @@ import successIcon from '@ui5/webcomponents-icons/dist/sys-enter-2.js'; import { useI18nBundle } from '@ui5/webcomponents-react-base'; import { clsx } from 'clsx'; import type { MouseEventHandler, ReactNode } from 'react'; -import React, { forwardRef } from 'react'; +import { forwardRef } from 'react'; import { createUseStyles } from 'react-jss'; import type { IndicationColor } from '../../enums/index.js'; import { ValueState } from '../../enums/index.js'; diff --git a/packages/main/src/components/OverflowToolbarButton/index.tsx b/packages/main/src/components/OverflowToolbarButton/index.tsx index 37aac89a468..a13f8910edd 100644 --- a/packages/main/src/components/OverflowToolbarButton/index.tsx +++ b/packages/main/src/components/OverflowToolbarButton/index.tsx @@ -1,7 +1,7 @@ 'use client'; import type { ReactNode } from 'react'; -import React, { forwardRef, useContext } from 'react'; +import { forwardRef, useContext } from 'react'; import { OverflowPopoverContext } from '../../internal/OverflowPopoverContext.js'; import type { ButtonDomRef, ButtonPropTypes } from '../../webComponents/index.js'; import { Button } from '../../webComponents/index.js'; diff --git a/packages/main/src/components/OverflowToolbarToggleButton/index.tsx b/packages/main/src/components/OverflowToolbarToggleButton/index.tsx index 5b575a6cd7d..f8e6758ae08 100644 --- a/packages/main/src/components/OverflowToolbarToggleButton/index.tsx +++ b/packages/main/src/components/OverflowToolbarToggleButton/index.tsx @@ -1,7 +1,7 @@ 'use client'; import type { ReactNode } from 'react'; -import React, { forwardRef, useContext } from 'react'; +import { forwardRef, useContext } from 'react'; import { OverflowPopoverContext } from '../../internal/OverflowPopoverContext.js'; import type { ToggleButtonDomRef, ToggleButtonPropTypes } from '../../webComponents/index.js'; import { ToggleButton } from '../../webComponents/index.js'; diff --git a/packages/main/src/components/ResponsiveGridLayout/index.tsx b/packages/main/src/components/ResponsiveGridLayout/index.tsx index 8b9d954031b..eefc402a4ec 100644 --- a/packages/main/src/components/ResponsiveGridLayout/index.tsx +++ b/packages/main/src/components/ResponsiveGridLayout/index.tsx @@ -2,7 +2,7 @@ import { clsx } from 'clsx'; import type { CSSProperties, ReactNode } from 'react'; -import React, { forwardRef } from 'react'; +import { forwardRef } from 'react'; import { createUseStyles } from 'react-jss'; import type { CommonProps } from '../../interfaces/index.js'; import { ResponsiveGridLayoutStyles } from './ResponsiveGridLayout.jss.js'; diff --git a/packages/main/src/components/SelectDialog/SelectDialog.stories.tsx b/packages/main/src/components/SelectDialog/SelectDialog.stories.tsx index b5b3ecb9922..9df76891eef 100644 --- a/packages/main/src/components/SelectDialog/SelectDialog.stories.tsx +++ b/packages/main/src/components/SelectDialog/SelectDialog.stories.tsx @@ -4,7 +4,7 @@ import Pc1 from '@sb/demoImages/PC1.jpg'; import Pc2 from '@sb/demoImages/PC2.jpg'; import { isChromatic } from '@sb/utils'; import type { Meta, StoryObj } from '@storybook/react'; -import React, { forwardRef, useEffect, useRef, useState } from 'react'; +import { forwardRef, useEffect, useRef, useState } from 'react'; import { createPortal } from 'react-dom'; import type { DialogDomRef } from '../..'; import { Button, FlexBox, Label, ListMode, StandardListItem, Text } from '../..'; diff --git a/packages/main/src/components/SelectDialog/index.tsx b/packages/main/src/components/SelectDialog/index.tsx index 41982d8d9c9..11c01b9d612 100644 --- a/packages/main/src/components/SelectDialog/index.tsx +++ b/packages/main/src/components/SelectDialog/index.tsx @@ -11,7 +11,7 @@ import { } from '@ui5/webcomponents-react-base'; import { clsx } from 'clsx'; import type { ReactNode } from 'react'; -import React, { forwardRef, useState } from 'react'; +import { forwardRef, useState } from 'react'; import { createUseStyles } from 'react-jss'; import { ButtonDesign, ListMode, ToolbarDesign } from '../../enums/index.js'; import { CANCEL, CLEAR, RESET, SEARCH, SELECT, SELECTED } from '../../i18n/i18n-defaults.js'; diff --git a/packages/main/src/components/Splitter/index.tsx b/packages/main/src/components/Splitter/index.tsx index c19cfa97eb0..fa08dfee76b 100644 --- a/packages/main/src/components/Splitter/index.tsx +++ b/packages/main/src/components/Splitter/index.tsx @@ -10,7 +10,7 @@ import { useIsRTL, useSyncRef } from '@ui5/webcomponents-react-base'; -import React, { forwardRef, useEffect, useRef, useState } from 'react'; +import { forwardRef, useEffect, useRef, useState } from 'react'; import { createUseStyles } from 'react-jss'; import { ButtonDesign } from '../../enums/index.js'; import { PRESS_ARROW_KEYS_TO_MOVE } from '../../i18n/i18n-defaults.js'; diff --git a/packages/main/src/components/SplitterElement/index.tsx b/packages/main/src/components/SplitterElement/index.tsx index ca9ab0ebf77..b64da56230e 100644 --- a/packages/main/src/components/SplitterElement/index.tsx +++ b/packages/main/src/components/SplitterElement/index.tsx @@ -3,7 +3,7 @@ import { Device, useIsomorphicLayoutEffect, useSyncRef } from '@ui5/webcomponents-react-base'; import { clsx } from 'clsx'; import type { CSSProperties, ReactNode } from 'react'; -import React, { forwardRef, useContext, useEffect, useState } from 'react'; +import { forwardRef, useContext, useEffect, useState } from 'react'; import { createUseStyles } from 'react-jss'; import type { CommonProps } from '../../interfaces/index.js'; import { SplitterLayoutContext } from '../../internal/SplitterLayoutContext.js'; diff --git a/packages/main/src/components/SplitterLayout/SplitterLayout.stories.tsx b/packages/main/src/components/SplitterLayout/SplitterLayout.stories.tsx index f1b73a684f4..58bcc340b7c 100644 --- a/packages/main/src/components/SplitterLayout/SplitterLayout.stories.tsx +++ b/packages/main/src/components/SplitterLayout/SplitterLayout.stories.tsx @@ -1,7 +1,7 @@ import { SplitterElementContent } from '@sb/components/SplitterElementContent'; import { isChromatic } from '@sb/utils'; import type { Meta, StoryObj } from '@storybook/react'; -import React, { useEffect, useState } from 'react'; +import { useEffect, useState } from 'react'; import { Button, FlexBox, Label, SegmentedButton, SegmentedButtonItem, SplitterElement } from '../..'; import { SplitterLayout } from './index.js'; diff --git a/packages/main/src/components/SplitterLayout/index.tsx b/packages/main/src/components/SplitterLayout/index.tsx index 4c61ad3f95e..bfd5d6dbc8c 100644 --- a/packages/main/src/components/SplitterLayout/index.tsx +++ b/packages/main/src/components/SplitterLayout/index.tsx @@ -3,7 +3,7 @@ import { debounce, useSyncRef } from '@ui5/webcomponents-react-base'; import { clsx } from 'clsx'; import type { CSSProperties, DependencyList, ReactElement } from 'react'; -import React, { forwardRef, useEffect, useRef, useState } from 'react'; +import { forwardRef, useEffect, useRef, useState } from 'react'; import { createUseStyles } from 'react-jss'; import type { CommonProps } from '../../interfaces/index.js'; import { SplitterLayoutContext } from '../../internal/SplitterLayoutContext.js'; diff --git a/packages/main/src/components/SplitterLayout/useConcatSplitterElements.tsx b/packages/main/src/components/SplitterLayout/useConcatSplitterElements.tsx index c35603ad6b9..5e92d43490b 100644 --- a/packages/main/src/components/SplitterLayout/useConcatSplitterElements.tsx +++ b/packages/main/src/components/SplitterLayout/useConcatSplitterElements.tsx @@ -1,6 +1,6 @@ import { CssSizeVariables } from '@ui5/webcomponents-react-base'; import type { CSSProperties, ReactElement } from 'react'; -import React, { Children, cloneElement, isValidElement, useMemo } from 'react'; +import { Children, cloneElement, isValidElement, useMemo } from 'react'; import { Splitter } from '../Splitter/index.js'; import type { SplitterElementPropTypes } from '../SplitterElement/index.js'; diff --git a/packages/main/src/components/Text/index.tsx b/packages/main/src/components/Text/index.tsx index 13975510fa8..07775d1dfae 100644 --- a/packages/main/src/components/Text/index.tsx +++ b/packages/main/src/components/Text/index.tsx @@ -3,7 +3,7 @@ import { useI18nBundle } from '@ui5/webcomponents-react-base'; import { clsx } from 'clsx'; import type { CSSProperties, ReactNode } from 'react'; -import React, { forwardRef } from 'react'; +import { forwardRef } from 'react'; import { createUseStyles } from 'react-jss'; import { EMPTY_VALUE } from '../../i18n/i18n-defaults.js'; import type { CommonProps } from '../../interfaces/index.js'; diff --git a/packages/main/src/components/ThemeProvider/index.tsx b/packages/main/src/components/ThemeProvider/index.tsx index 47980da8663..fa2b13da284 100644 --- a/packages/main/src/components/ThemeProvider/index.tsx +++ b/packages/main/src/components/ThemeProvider/index.tsx @@ -4,7 +4,6 @@ import { getTheme } from '@ui5/webcomponents-base/dist/config/Theme.js'; import { attachThemeLoaded, detachThemeLoaded } from '@ui5/webcomponents-base/dist/theming/ThemeLoaded.js'; import { ThemingParameters, useIsomorphicLayoutEffect } from '@ui5/webcomponents-react-base'; import type { FC, ReactNode } from 'react'; -import React from 'react'; import { createUseStyles, ThemeProvider as ReactJssThemeProvider } from 'react-jss'; import { I18nProvider } from '../../internal/I18nProvider.js'; import { ModalsProvider } from '../Modals/ModalsProvider.js'; diff --git a/packages/main/src/components/Toolbar/OverflowPopover.tsx b/packages/main/src/components/Toolbar/OverflowPopover.tsx index 6236a58be91..25794fd3b7f 100644 --- a/packages/main/src/components/Toolbar/OverflowPopover.tsx +++ b/packages/main/src/components/Toolbar/OverflowPopover.tsx @@ -2,7 +2,7 @@ import iconOverflow from '@ui5/webcomponents-icons/dist/overflow.js'; import { Device, useSyncRef } from '@ui5/webcomponents-react-base'; import { clsx } from 'clsx'; import type { Dispatch, FC, ReactElement, ReactNode, Ref, SetStateAction } from 'react'; -import React, { cloneElement, useEffect, useRef, useState } from 'react'; +import { cloneElement, useEffect, useRef, useState } from 'react'; import { createPortal } from 'react-dom'; import { ButtonDesign, PopoverPlacementType, PopupAccessibleRole } from '../../enums/index.js'; import { OverflowPopoverContext } from '../../internal/OverflowPopoverContext.js'; diff --git a/packages/main/src/components/Toolbar/index.tsx b/packages/main/src/components/Toolbar/index.tsx index e7a4a5fa191..d26bb8fbdd4 100644 --- a/packages/main/src/components/Toolbar/index.tsx +++ b/packages/main/src/components/Toolbar/index.tsx @@ -9,7 +9,7 @@ import { } from '@ui5/webcomponents-react-base'; import { clsx } from 'clsx'; import type { ElementType, HTMLAttributes, ReactElement, ReactNode, Ref, RefObject } from 'react'; -import React, { +import { Children, cloneElement, createRef, diff --git a/packages/main/src/components/ToolbarSeparator/index.tsx b/packages/main/src/components/ToolbarSeparator/index.tsx index 07f5298c507..6ddbd4a2f30 100644 --- a/packages/main/src/components/ToolbarSeparator/index.tsx +++ b/packages/main/src/components/ToolbarSeparator/index.tsx @@ -2,7 +2,7 @@ import { CssSizeVariables, ThemingParameters, useI18nBundle } from '@ui5/webcomponents-react-base'; import { clsx } from 'clsx'; -import React, { forwardRef } from 'react'; +import { forwardRef } from 'react'; import { createUseStyles } from 'react-jss'; import { SEPARATOR } from '../../i18n/i18n-defaults.js'; import type { CommonProps } from '../../interfaces/index.js'; diff --git a/packages/main/src/components/ToolbarSpacer/index.tsx b/packages/main/src/components/ToolbarSpacer/index.tsx index 051239f4472..4d56a47b7b8 100644 --- a/packages/main/src/components/ToolbarSpacer/index.tsx +++ b/packages/main/src/components/ToolbarSpacer/index.tsx @@ -1,4 +1,4 @@ -import React, { forwardRef } from 'react'; +import { forwardRef } from 'react'; import type { CommonProps } from '../../interfaces/index.js'; export type ToolbarSpacerPropTypes = CommonProps; diff --git a/packages/main/src/components/VariantManagement/ManageViewsDialog.tsx b/packages/main/src/components/VariantManagement/ManageViewsDialog.tsx index 106ff172766..c70b888f628 100644 --- a/packages/main/src/components/VariantManagement/ManageViewsDialog.tsx +++ b/packages/main/src/components/VariantManagement/ManageViewsDialog.tsx @@ -7,7 +7,7 @@ import { useIsomorphicId } from '@ui5/webcomponents-react-base'; import type { MouseEventHandler, ReactNode } from 'react'; -import React, { Children, useEffect, useRef, useState } from 'react'; +import { isValidElement, Children, useEffect, useRef, useState } from 'react'; import { createPortal } from 'react-dom'; import { createUseStyles } from 'react-jss'; import { BarDesign, FlexBoxAlignItems, FlexBoxDirection, ButtonDesign } from '../../enums/index.js'; @@ -154,7 +154,7 @@ export const ManageViewsDialog = (props: ManageViewsDialogPropTypes) => { const [childrenProps, setChildrenProps] = useState( Children.map(children, (child) => { - if (!React.isValidElement(child)) { + if (!isValidElement(child)) { return {}; } return child.props; @@ -163,7 +163,7 @@ export const ManageViewsDialog = (props: ManageViewsDialogPropTypes) => { useEffect(() => { setChildrenProps( Children.map(children, (child) => { - if (!React.isValidElement(child)) { + if (!isValidElement(child)) { return {}; } return child.props; diff --git a/packages/main/src/components/VariantManagement/ManageViewsTableRows.tsx b/packages/main/src/components/VariantManagement/ManageViewsTableRows.tsx index ec198c2f9d9..5163f1bce8b 100644 --- a/packages/main/src/components/VariantManagement/ManageViewsTableRows.tsx +++ b/packages/main/src/components/VariantManagement/ManageViewsTableRows.tsx @@ -2,7 +2,7 @@ import declineIcon from '@ui5/webcomponents-icons/dist/decline.js'; import favoriteIcon from '@ui5/webcomponents-icons/dist/favorite.js'; import unfavoriteIcon from '@ui5/webcomponents-icons/dist/unfavorite.js'; import { ThemingParameters, useI18nBundle } from '@ui5/webcomponents-react-base'; -import React, { useReducer, useRef, useState } from 'react'; +import { useReducer, useRef, useState } from 'react'; import { ButtonDesign, ValueState } from '../../enums/index.js'; import { APPLY_AUTOMATICALLY, diff --git a/packages/main/src/components/VariantManagement/SaveViewDialog.tsx b/packages/main/src/components/VariantManagement/SaveViewDialog.tsx index 3ebbf6d2cd1..13f593644de 100644 --- a/packages/main/src/components/VariantManagement/SaveViewDialog.tsx +++ b/packages/main/src/components/VariantManagement/SaveViewDialog.tsx @@ -1,6 +1,6 @@ import { enrichEventWithDetails, useI18nBundle, useIsomorphicId } from '@ui5/webcomponents-react-base'; import { clsx } from 'clsx'; -import React, { useRef, useState } from 'react'; +import { useRef, useState } from 'react'; import { createPortal } from 'react-dom'; import { createUseStyles } from 'react-jss'; import { BarDesign, ButtonDesign, FlexBoxAlignItems, FlexBoxDirection } from '../../enums/index.js'; diff --git a/packages/main/src/components/VariantManagement/VariantItem.tsx b/packages/main/src/components/VariantManagement/VariantItem.tsx index 72873c257b8..56fa9890746 100644 --- a/packages/main/src/components/VariantManagement/VariantItem.tsx +++ b/packages/main/src/components/VariantManagement/VariantItem.tsx @@ -1,7 +1,7 @@ 'use client'; import { useSyncRef } from '@ui5/webcomponents-react-base'; -import React, { forwardRef, useContext, useEffect } from 'react'; +import { forwardRef, useContext, useEffect } from 'react'; import { VariantManagementContext } from '../../internal/VariantManagementContext.js'; import type { InputPropTypes } from '../../webComponents/index.js'; import type { StandardListItemDomRef, StandardListItemPropTypes } from '../../webComponents/StandardListItem/index.js'; diff --git a/packages/main/src/components/VariantManagement/index.tsx b/packages/main/src/components/VariantManagement/index.tsx index 830237fdc2f..3fa86061eb9 100644 --- a/packages/main/src/components/VariantManagement/index.tsx +++ b/packages/main/src/components/VariantManagement/index.tsx @@ -6,16 +6,7 @@ import searchIcon from '@ui5/webcomponents-icons/dist/search.js'; import { enrichEventWithDetails, ThemingParameters, useI18nBundle } from '@ui5/webcomponents-react-base'; import { clsx } from 'clsx'; import type { ComponentElement, ReactElement } from 'react'; -import React, { - Children, - cloneElement, - forwardRef, - isValidElement, - useCallback, - useEffect, - useRef, - useState -} from 'react'; +import { Children, cloneElement, forwardRef, isValidElement, useCallback, useEffect, useRef, useState } from 'react'; import { createPortal } from 'react-dom'; import { createUseStyles } from 'react-jss'; import { diff --git a/packages/main/src/internal/I18nProvider.cy.tsx b/packages/main/src/internal/I18nProvider.cy.tsx index e156b26325e..74ddb16bf84 100644 --- a/packages/main/src/internal/I18nProvider.cy.tsx +++ b/packages/main/src/internal/I18nProvider.cy.tsx @@ -2,7 +2,7 @@ import { registerI18nLoader } from '@ui5/webcomponents-base/dist/asset-registrie import { setFetchDefaultLanguage, setLanguage } from '@ui5/webcomponents-base/dist/config/Language.js'; import { useI18nBundle } from '@ui5/webcomponents-react-base'; import { mount } from 'cypress/react18'; -import React, { useEffect, useRef } from 'react'; +import { useEffect, useRef } from 'react'; const TestComponent = () => { const i18nBundle = useI18nBundle('myApp'); diff --git a/packages/main/src/internal/I18nProvider.tsx b/packages/main/src/internal/I18nProvider.tsx index e08e6b1584a..013f1623cfe 100644 --- a/packages/main/src/internal/I18nProvider.tsx +++ b/packages/main/src/internal/I18nProvider.tsx @@ -3,7 +3,7 @@ import { getI18nBundle } from '@ui5/webcomponents-base/dist/i18nBundle.js'; import { attachLanguageChange, detachLanguageChange } from '@ui5/webcomponents-base/dist/locale/languageChange.js'; import { getI18nContext } from '@ui5/webcomponents-react-base'; import type { ReactNode } from 'react'; -import React, { useCallback, useEffect, useReducer, useRef } from 'react'; +import { useCallback, useEffect, useReducer, useRef } from 'react'; export interface I18nProviderPropTypes { children: ReactNode; diff --git a/packages/main/src/internal/withWebComponent.tsx b/packages/main/src/internal/withWebComponent.tsx index 211cc6f992a..38c44465d9a 100644 --- a/packages/main/src/internal/withWebComponent.tsx +++ b/packages/main/src/internal/withWebComponent.tsx @@ -3,7 +3,7 @@ import { getEffectiveScopingSuffixForTag } from '@ui5/webcomponents-base/dist/CustomElementsScope.js'; import { useIsomorphicLayoutEffect, useSyncRef } from '@ui5/webcomponents-react-base'; import type { ComponentType, ReactElement, ReactNode, Ref } from 'react'; -import React, { cloneElement, forwardRef, Fragment, isValidElement, useEffect, useState } from 'react'; +import { cloneElement, forwardRef, Fragment, isValidElement, useEffect, useState } from 'react'; import type { CommonProps, Ui5DomRef } from '../interfaces/index.js'; import { useServerSideEffect } from './ssr.js'; import { camelToKebabCase, capitalizeFirstLetter, kebabToCamelCase } from './utils.js'; diff --git a/packages/main/src/webComponents/AvatarGroup/CodeGen.tsx b/packages/main/src/webComponents/AvatarGroup/CodeGen.tsx index f070fc382d1..30f39c062d9 100644 --- a/packages/main/src/webComponents/AvatarGroup/CodeGen.tsx +++ b/packages/main/src/webComponents/AvatarGroup/CodeGen.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - export const Avatar1 = ( Avatar1 ); diff --git a/packages/main/src/webComponents/Bar/CodeGen.tsx b/packages/main/src/webComponents/Bar/CodeGen.tsx index 6afccdf8043..5a2a7df5a95 100644 --- a/packages/main/src/webComponents/Bar/CodeGen.tsx +++ b/packages/main/src/webComponents/Bar/CodeGen.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - export const StartContent = Start Content; export const CenterContent = Center Content; export const EndContent = End Content; diff --git a/packages/main/src/webComponents/Carousel/CodeGen.tsx b/packages/main/src/webComponents/Carousel/CodeGen.tsx index 84b32a00adb..6e5a625be3a 100644 --- a/packages/main/src/webComponents/Carousel/CodeGen.tsx +++ b/packages/main/src/webComponents/Carousel/CodeGen.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - export const Img1 = img-sample 1; export const Img2 = img-sample 2; export const Img3 = img-sample 3; diff --git a/packages/main/src/webComponents/ColorPalettePopover/ColorPalettePopover.stories.tsx b/packages/main/src/webComponents/ColorPalettePopover/ColorPalettePopover.stories.tsx index 44812e717aa..c246906f74f 100644 --- a/packages/main/src/webComponents/ColorPalettePopover/ColorPalettePopover.stories.tsx +++ b/packages/main/src/webComponents/ColorPalettePopover/ColorPalettePopover.stories.tsx @@ -1,6 +1,6 @@ import { isChromatic } from '@sb/utils'; import type { StoryObj } from '@storybook/react'; -import React, { forwardRef, useEffect, useRef } from 'react'; +import { forwardRef, useEffect, useRef } from 'react'; import { createPortal } from 'react-dom'; import { Button } from '../Button'; import { ColorPaletteItem } from '../ColorPaletteItem'; diff --git a/packages/main/src/webComponents/Dialog/CodeGen.tsx b/packages/main/src/webComponents/Dialog/CodeGen.tsx index eda00d6676a..cef5c6005ef 100644 --- a/packages/main/src/webComponents/Dialog/CodeGen.tsx +++ b/packages/main/src/webComponents/Dialog/CodeGen.tsx @@ -1,4 +1,4 @@ -import React, { forwardRef } from 'react'; +import { forwardRef } from 'react'; import { createPortal } from 'react-dom'; import { Dialog as OriginalDialog, DialogDomRef, DialogPropTypes } from './index'; diff --git a/packages/main/src/webComponents/Dialog/Dialog.stories.tsx b/packages/main/src/webComponents/Dialog/Dialog.stories.tsx index da1f3d66088..dac045af678 100644 --- a/packages/main/src/webComponents/Dialog/Dialog.stories.tsx +++ b/packages/main/src/webComponents/Dialog/Dialog.stories.tsx @@ -2,7 +2,7 @@ import { isChromatic } from '@sb/utils'; import type { Meta, StoryObj } from '@storybook/react'; import settingsIcon from '@ui5/webcomponents-icons/dist/settings.js'; import { clsx } from 'clsx'; -import React, { useEffect, useState } from 'react'; +import { useEffect, useState } from 'react'; import { BarDesign } from '../../enums'; import { Bar, Button, Icon, List, StandardListItem, Title } from '../index.js'; import { Dialog } from './CodeGen'; diff --git a/packages/main/src/webComponents/DynamicSideContent/CodeGen.tsx b/packages/main/src/webComponents/DynamicSideContent/CodeGen.tsx index 031e4d1051a..944cdeddefb 100644 --- a/packages/main/src/webComponents/DynamicSideContent/CodeGen.tsx +++ b/packages/main/src/webComponents/DynamicSideContent/CodeGen.tsx @@ -1,5 +1,3 @@ -import React from 'react'; - export const SideContent = (

Side Content

diff --git a/packages/main/src/webComponents/MediaGallery/MediaGallery.stories.tsx b/packages/main/src/webComponents/MediaGallery/MediaGallery.stories.tsx index 7452e458eaa..7ad188bf2c6 100644 --- a/packages/main/src/webComponents/MediaGallery/MediaGallery.stories.tsx +++ b/packages/main/src/webComponents/MediaGallery/MediaGallery.stories.tsx @@ -1,5 +1,5 @@ import type { Meta, StoryObj } from '@storybook/react'; -import React, { useRef } from 'react'; +import { useRef } from 'react'; import { MediaGalleryLayout, MediaGalleryMenuHorizontalAlign, diff --git a/packages/main/src/webComponents/Menu/Menu.stories.tsx b/packages/main/src/webComponents/Menu/Menu.stories.tsx index 007c95974e6..51d7de1d393 100644 --- a/packages/main/src/webComponents/Menu/Menu.stories.tsx +++ b/packages/main/src/webComponents/Menu/Menu.stories.tsx @@ -1,6 +1,6 @@ import { isChromatic } from '@sb/utils'; import type { Meta, StoryObj } from '@storybook/react'; -import React, { useEffect, useRef } from 'react'; +import { useEffect, useRef } from 'react'; import { Button } from '../Button/index.js'; import { MenuItem } from '../MenuItem/index.js'; import { Menu } from './index.js'; diff --git a/packages/main/src/webComponents/Popover/CodeGen.tsx b/packages/main/src/webComponents/Popover/CodeGen.tsx index 6593aa0d510..2f6f03617ef 100644 --- a/packages/main/src/webComponents/Popover/CodeGen.tsx +++ b/packages/main/src/webComponents/Popover/CodeGen.tsx @@ -1,6 +1,6 @@ import { createPortal } from 'react-dom'; import { Popover as OriginalPopover, PopoverDomRef, PopoverPropTypes } from './index'; -import React, { forwardRef } from 'react'; +import { forwardRef } from 'react'; export const Popover = forwardRef((args, ref) => createPortal(, document.body) diff --git a/packages/main/src/webComponents/ResponsivePopover/CodeGen.tsx b/packages/main/src/webComponents/ResponsivePopover/CodeGen.tsx index e07569fc317..ae1299d741d 100644 --- a/packages/main/src/webComponents/ResponsivePopover/CodeGen.tsx +++ b/packages/main/src/webComponents/ResponsivePopover/CodeGen.tsx @@ -4,7 +4,7 @@ import { ResponsivePopoverDomRef, ResponsivePopoverPropTypes } from './index'; -import React, { forwardRef } from 'react'; +import { forwardRef } from 'react'; export const ResponsivePopover = forwardRef((args, ref) => createPortal(, document.body) diff --git a/packages/main/src/webComponents/Select/CodeGen.tsx b/packages/main/src/webComponents/Select/CodeGen.tsx index c552f42e0c9..d9c2bb7113a 100644 --- a/packages/main/src/webComponents/Select/CodeGen.tsx +++ b/packages/main/src/webComponents/Select/CodeGen.tsx @@ -1,5 +1,5 @@ // todo remove once portals are supported inline, or general popovers are supported w/o having to mount them to the body -import React, { forwardRef } from 'react'; +import { forwardRef } from 'react'; import { createPortal } from 'react-dom'; import { SelectMenu as OriginalSelectMenu, SelectMenuDomRef, SelectMenuPropTypes } from '../SelectMenu'; diff --git a/packages/main/src/webComponents/ShellBar/ShellBar.stories.tsx b/packages/main/src/webComponents/ShellBar/ShellBar.stories.tsx index 058f96b0a19..a7741883809 100644 --- a/packages/main/src/webComponents/ShellBar/ShellBar.stories.tsx +++ b/packages/main/src/webComponents/ShellBar/ShellBar.stories.tsx @@ -2,7 +2,6 @@ import image from '@sb/demoImages/Person.png'; import type { Meta, StoryObj } from '@storybook/react'; import addIcon from '@ui5/webcomponents-icons/dist/add.js'; import searchIcon from '@ui5/webcomponents-icons/dist/search.js'; -import React from 'react'; import { Input, Icon, StandardListItem, Avatar, ShellBarItem } from '../index'; import { ShellBar } from './index'; // @ts-expect-error: png's are not typed diff --git a/packages/main/src/webComponents/Timeline/CodeGen.tsx b/packages/main/src/webComponents/Timeline/CodeGen.tsx index caadd9e8839..47263535375 100644 --- a/packages/main/src/webComponents/Timeline/CodeGen.tsx +++ b/packages/main/src/webComponents/Timeline/CodeGen.tsx @@ -1,3 +1 @@ -import React from 'react'; - export const Div =
MR SOF02 2.43
; diff --git a/packages/main/src/webComponents/Toast/CodeGen.tsx b/packages/main/src/webComponents/Toast/CodeGen.tsx index 7a65e47231d..90df4e9c1f3 100644 --- a/packages/main/src/webComponents/Toast/CodeGen.tsx +++ b/packages/main/src/webComponents/Toast/CodeGen.tsx @@ -1,4 +1,4 @@ -import React, { forwardRef } from 'react'; +import { forwardRef } from 'react'; import { createPortal } from 'react-dom'; import { Toast as OriginalToast, ToastDomRef, ToastPropTypes } from './index'; diff --git a/packages/main/src/webComponents/ViewSettingsDialog/ViewSettingsDialog.stories.tsx b/packages/main/src/webComponents/ViewSettingsDialog/ViewSettingsDialog.stories.tsx index 3a6f2e63b1a..9275c7ab847 100644 --- a/packages/main/src/webComponents/ViewSettingsDialog/ViewSettingsDialog.stories.tsx +++ b/packages/main/src/webComponents/ViewSettingsDialog/ViewSettingsDialog.stories.tsx @@ -1,6 +1,6 @@ import { isChromatic } from '@sb/utils'; import type { Meta, StoryObj } from '@storybook/react'; -import React, { forwardRef, useEffect, useRef } from 'react'; +import { forwardRef, useEffect, useRef } from 'react'; import { createPortal } from 'react-dom'; import type { ViewSettingsDialogPropTypes } from '../../index'; import { Button, FilterItem, FilterItemOption, SortItem } from '../../index'; diff --git a/packages/main/src/webComponents/Wizard/CodeGen.tsx b/packages/main/src/webComponents/Wizard/CodeGen.tsx index bbfc669631e..93cc606f966 100644 --- a/packages/main/src/webComponents/Wizard/CodeGen.tsx +++ b/packages/main/src/webComponents/Wizard/CodeGen.tsx @@ -1,3 +1 @@ -import React from 'react'; - export const Br =
; diff --git a/tsconfig.base.json b/tsconfig.base.json index cdccf306599..073eb9fd3b0 100644 --- a/tsconfig.base.json +++ b/tsconfig.base.json @@ -3,7 +3,7 @@ "module": "esnext", "target": "ES2021", "lib": ["ES2022", "dom"], - "jsx": "react", + "jsx": "react-jsx", "baseUrl": ".", "rootDir": ".", "composite": true,