fix eslint errors

Lukas742 · Lukas742 · commit a6b941caf332 · 2026-06-24T16:23:39.000+02:00
diff --git a/.storybook/components/ArgTypesWithNote.tsx b/.storybook/components/ArgTypesWithNote.tsx
@@ -1,9 +1,9 @@
-import { DomRefTable } from '@sb/components/DomRefTable.js';
 import { ArgTypes, type Controls } from '@storybook/addon-docs/blocks';
 import MessageStripDesign from '@ui5/webcomponents/dist/types/MessageStripDesign.js';
 import { MessageStrip } from '@ui5/webcomponents-react';
 import type { ComponentProps, ReactNode } from 'react';
 import classes from './ArgTypesWithNote.module.css';
+import { DomRefTable } from '@sb/components/DomRefTable.js';
 
 interface ArgTypesWithNotePropTypes {
   hideHTMLPropsNote?: boolean;
diff --git a/.storybook/components/DocsHeader.tsx b/.storybook/components/DocsHeader.tsx
@@ -1,4 +1,3 @@
-import { Badge } from '@sb/components/Badge';
 import type { Controls } from '@storybook/addon-docs/blocks';
 import { Description, Subtitle, Title, useOf } from '@storybook/addon-docs/blocks';
 import ButtonDesign from '@ui5/webcomponents/dist/types/ButtonDesign.js';
@@ -22,6 +21,7 @@ import classes from './DocsHeader.module.css';
 import { GitHubLogo } from './GitHub-Mark';
 import { Import } from './Import';
 import { TableOfContent } from './TableOfContent';
+import { Badge } from '@sb/components/Badge';
 
 const Links = ({ isChart }: { isChart?: boolean }) => {
   const githubUrl = `https://github.com/UI5/webcomponents-react`;
diff --git a/.storybook/components/ProjectTemplate.tsx b/.storybook/components/ProjectTemplate.tsx
@@ -1,4 +1,3 @@
-import TsLogo from '@sb/images/logo-ts.png';
 import LinkDesign from '@ui5/webcomponents/dist/types/LinkDesign.js';
 import MessageStripDesign from '@ui5/webcomponents/dist/types/MessageStripDesign.js';
 import {
@@ -17,6 +16,7 @@ import { clsx } from 'clsx';
 import type { ReactNode } from 'react';
 import { useId, useState } from 'react';
 import classes from './ProjectTemplate.module.css';
+import TsLogo from '@sb/images/logo-ts.png';
 
 interface ProjectTemplatePropTypes {
   title: string;
diff --git a/eslint.config.mjs b/eslint.config.mjs
@@ -20,7 +20,12 @@ const ignorePatterns = {
     'packages/compat/dist',
     'packages/main/dist',
     'packages/main/wrappers',
+    'packages/main/ssr',
+    'packages/main/index.d.ts',
+    'packages/main/index.esm.js',
+    'packages/main/scripts/wrapperGeneration/dist',
     'packages/mcp-server/dist',
+    'packages/mcp-server/docs',
     'packages/mcp-server/scripts',
     'packages/main/src/i18n/i18n-defaults.ts',
     'packages/main/src/generated',
diff --git a/packages/charts/src/components/ScatterChart/test/ScatterChart.spec.tsx b/packages/charts/src/components/ScatterChart/test/ScatterChart.spec.tsx
@@ -1,5 +1,5 @@
-import { expect, test } from '../../../../../../playwright/fixtures/main-fixtures.js';
 import type { Page } from '@playwright/test';
+import { expect, test } from '../../../../../../playwright/fixtures/main-fixtures.js';
 import { scatterComplexDataSet } from '../../../resources/DemoProps.js';
 import { testLoadingStates, testPassThroughProps } from '../../../test-utils/sharedTests.js';
 import { ScatterChart } from '../index.js';
diff --git a/packages/compat/src/components/Loader/Loader.cy.tsx b/packages/compat/src/components/Loader/Loader.cy.tsx
@@ -1,6 +1,6 @@
+import { cypressPassThroughTestsFactory } from '@/cypress/support/utils';
 import { LoaderType } from '../../enums/LoaderType.js';
 import { Loader } from './index.js';
-import { cypressPassThroughTestsFactory } from '@/cypress/support/utils';
 
 describe('Loader', () => {
   it('indeterminate', () => {
diff --git a/packages/compat/src/components/Toolbar/Toolbar.cy.tsx b/packages/compat/src/components/Toolbar/Toolbar.cy.tsx
@@ -1,3 +1,4 @@
+import { cssVarToRgb, cypressPassThroughTestsFactory, mountWithCustomTagName } from '@/cypress/support/utils';
 import ButtonDesign from '@ui5/webcomponents/dist/types/ButtonDesign.js';
 import PopupAccessibleRole from '@ui5/webcomponents/dist/types/PopupAccessibleRole.js';
 import { setTheme } from '@ui5/webcomponents-base/dist/config/Theme.js';
@@ -17,7 +18,6 @@ import { ToolbarSeparator } from '../ToolbarSeparator/index.js';
 import { ToolbarSpacer } from '../ToolbarSpacer/index.js';
 import type { ToolbarPropTypes } from './index.js';
 import { Toolbar } from './index.js';
-import { cssVarToRgb, cypressPassThroughTestsFactory, mountWithCustomTagName } from '@/cypress/support/utils';
 
 interface PropTypes {
   onOverflowChange: (event: {
diff --git a/packages/main/src/components/AnalyticalCardHeader/AnalyticalCardHeader.cy.tsx b/packages/main/src/components/AnalyticalCardHeader/AnalyticalCardHeader.cy.tsx
@@ -1,3 +1,4 @@
+import { cypressPassThroughTestsFactory } from '@/cypress/support/utils';
 import { getRGBColor } from '@ui5/webcomponents-base/dist/util/ColorConversion';
 import { ThemingParameters } from '@ui5/webcomponents-react-base';
 import { DeviationIndicator, ValueColor } from '../../enums';
@@ -7,7 +8,6 @@ import { Text } from '../../webComponents/Text/index.js';
 import { NumericSideIndicator } from '../NumericSideIndicator';
 import type { AnalyticalCardHeaderPropTypes } from './index';
 import { AnalyticalCardHeader } from './index';
-import { cypressPassThroughTestsFactory } from '@/cypress/support/utils';
 
 const TestComp = (props: Omit<CardPropTypes, 'children'>) => {
   return (
diff --git a/packages/main/src/components/AnalyticalTable/AnalyticalTable.cy.tsx b/packages/main/src/components/AnalyticalTable/AnalyticalTable.cy.tsx
@@ -1,3 +1,4 @@
+import { cssVarToRgb, cypressPassThroughTestsFactory } from '@/cypress/support/utils';
 import ValueState from '@ui5/webcomponents-base/dist/types/ValueState.js';
 import NoDataIllustration from '@ui5/webcomponents-fiori/dist/illustrations/NoData.js';
 import NoFilterResults from '@ui5/webcomponents-fiori/dist/illustrations/NoFilterResults.js';
@@ -82,7 +83,6 @@ import {
 import { useF2CellEdit } from './pluginHooks/useF2CellEdit.js';
 import { useManualRowSelect } from './pluginHooks/useManualRowSelect';
 import { useRowDisableSelection } from './pluginHooks/useRowDisableSelection';
-import { cssVarToRgb, cypressPassThroughTestsFactory } from '@/cypress/support/utils';
 import type { RowType } from '@/packages/main/src/components/AnalyticalTable/types/index.js';
 import { getUi5TagWithSuffix } from '@/packages/main/src/internal/utils.js';
 
diff --git a/packages/main/src/components/FilterBar/FilterBar.cy.tsx b/packages/main/src/components/FilterBar/FilterBar.cy.tsx
@@ -1,3 +1,4 @@
+import { cypressPassThroughTestsFactory, mountWithCustomTagName } from '@/cypress/support/utils';
 import { useId, useState } from 'react';
 import {
   Input,
@@ -15,7 +16,6 @@ import { VariantItem } from '../VariantItem/index.js';
 import { VariantManagement } from '../VariantManagement/index.js';
 import type { FilterBarPropTypes } from './index.js';
 import { FilterBar } from './index.js';
-import { cypressPassThroughTestsFactory, mountWithCustomTagName } from '@/cypress/support/utils';
 
 const variants = (
   <VariantManagement data-testid="variantManagement">
diff --git a/packages/main/src/components/FlexBox/FlexBox.cy.tsx b/packages/main/src/components/FlexBox/FlexBox.cy.tsx
@@ -1,8 +1,8 @@
+import { cypressPassThroughTestsFactory, mountWithCustomTagName } from '@/cypress/support/utils';
 import { camelToKebabCase, lowercaseFirstLetter } from '@ui5/webcomponents-react-base';
 import { FlexBoxJustifyContent, FlexBoxAlignItems, FlexBoxDirection, FlexBoxWrap } from '../../enums/index.js';
 import { FlexBox } from './index.js';
 import type { FlexBoxPropTypes } from './index.js';
-import { cypressPassThroughTestsFactory, mountWithCustomTagName } from '@/cypress/support/utils';
 
 describe('FlexBox', () => {
   Object.values(FlexBoxJustifyContent).forEach((val: FlexBoxPropTypes['justifyContent']) => {
diff --git a/packages/main/src/components/Grid/Grid.cy.tsx b/packages/main/src/components/Grid/Grid.cy.tsx
@@ -1,7 +1,7 @@
+import { cypressPassThroughTestsFactory } from '@/cypress/support/utils';
 import { GridPosition } from '../../enums/index.js';
 import { Grid } from './index.js';
 import type { GridPropTypes } from './index.js';
-import { cypressPassThroughTestsFactory } from '@/cypress/support/utils';
 
 const style = { height: '6rem', width: '100%' };
 
diff --git a/packages/main/src/components/ObjectPage/ObjectPage.cy.tsx b/packages/main/src/components/ObjectPage/ObjectPage.cy.tsx
@@ -1,5 +1,6 @@
 import '@ui5/webcomponents-icons/dist/AllIcons.js';
 import '@ui5/webcomponents-fiori/dist/illustrations/NoData.js';
+import { cypressPassThroughTestsFactory } from '@/cypress/support/utils';
 import BarDesign from '@ui5/webcomponents/dist/types/BarDesign.js';
 import ButtonDesign from '@ui5/webcomponents/dist/types/ButtonDesign.js';
 import InputType from '@ui5/webcomponents/dist/types/InputType.js';
@@ -50,7 +51,6 @@ import {
   TableRow,
 } from '../..';
 import type { TabDomRef } from '../../webComponents/Tab/index.js';
-import { cypressPassThroughTestsFactory } from '@/cypress/support/utils';
 
 const arbitraryCharsId = `~\`!1@#$%^&*()-_+={}[]:;"'z,<.>/?|♥`;
 
diff --git a/packages/main/src/components/ObjectStatus/ObjectStatus.cy.tsx b/packages/main/src/components/ObjectStatus/ObjectStatus.cy.tsx
@@ -1,3 +1,4 @@
+import { cssVarToRgb, cypressPassThroughTestsFactory } from '@/cypress/support/utils';
 import {
   VALUE_STATE_ERROR,
   VALUE_STATE_INFORMATION,
@@ -19,7 +20,6 @@ import { TableRow } from '../../webComponents/TableRow/index.js';
 import { TableSelectionSingle } from '../../webComponents/TableSelectionSingle/index.js';
 import { AnalyticalTable } from '../AnalyticalTable/index.js';
 import { ObjectStatus } from './index.js';
-import { cssVarToRgb, cypressPassThroughTestsFactory } from '@/cypress/support/utils';
 
 const statesWithCSSVars: {
   state: ValueState | keyof typeof ValueState | IndicationColor | keyof typeof IndicationColor;
diff --git a/packages/main/src/components/ResponsiveGridLayout/ResponsiveGridLayout.cy.tsx b/packages/main/src/components/ResponsiveGridLayout/ResponsiveGridLayout.cy.tsx
@@ -1,6 +1,6 @@
+import { cypressPassThroughTestsFactory } from '@/cypress/support/utils';
 import type { ResponsiveGridLayoutPropTypes } from './index.js';
 import { ResponsiveGridLayout } from './index.js';
-import { cypressPassThroughTestsFactory } from '@/cypress/support/utils';
 
 const TestComp = (props: ResponsiveGridLayoutPropTypes) => (
   <ResponsiveGridLayout data-testid="rgl" {...props}>
diff --git a/packages/main/src/components/VariantManagement/VariantManagement.cy.tsx b/packages/main/src/components/VariantManagement/VariantManagement.cy.tsx
@@ -1,3 +1,4 @@
+import { cypressPassThroughTestsFactory } from '@/cypress/support/utils';
 import TitleLevel from '@ui5/webcomponents/dist/types/TitleLevel.js';
 import ValueState from '@ui5/webcomponents-base/dist/types/ValueState.js';
 import { useState } from 'react';
@@ -6,7 +7,6 @@ import { VariantItem } from '../VariantItem/index.js';
 import { WithCustomValidation as WithCustomValidationStory } from './VariantManagement.stories';
 import type { VariantManagementPropTypes } from './index.js';
 import { VariantManagement } from './index.js';
-import { cypressPassThroughTestsFactory } from '@/cypress/support/utils';
 
 const WithCustomValidation = WithCustomValidationStory.render;
 
