move VariantItem to own folder

Lukas742 · Lukas742 · commit f31af5acb7ff · 2025-11-20T14:38:17.000+01:00
diff --git a/packages/main/package.json b/packages/main/package.json
@@ -137,8 +137,8 @@
       "default": "./dist/components/VariantManagement/index.js"
     },
     "./VariantItem": {
-      "types": "./dist/components/VariantManagement/VariantItem.d.ts",
-      "default": "./dist/components/VariantManagement/VariantItem.js"
+      "types": "./dist/components/VariantItem/index.d.ts",
+      "default": "./dist/components/VariantItem/index.js"
     },
     "./Avatar": {
       "types": "./dist/webComponents/Avatar/index.d.ts",
diff --git a/packages/main/src/components/FilterBar/FilterBar.cy.tsx b/packages/main/src/components/FilterBar/FilterBar.cy.tsx
@@ -11,8 +11,8 @@ import {
   Token,
 } from '../../webComponents/index.js';
 import { FilterGroupItem } from '../FilterGroupItem/index.js';
+import { VariantItem } from '../VariantItem/index.js';
 import { VariantManagement } from '../VariantManagement/index.js';
-import { VariantItem } from '../VariantManagement/VariantItem.js';
 import type { FilterBarPropTypes } from './index.js';
 import { FilterBar } from './index.js';
 import { cypressPassThroughTestsFactory, mountWithCustomTagName } from '@/cypress/support/utils';
diff --git a/packages/main/src/components/FilterBar/FilterBar.stories.tsx b/packages/main/src/components/FilterBar/FilterBar.stories.tsx
@@ -27,8 +27,8 @@ import {
 import { Text } from '../../webComponents/Text/index.js';
 import { FilterGroupItem } from '../FilterGroupItem/index.js';
 import { FlexBox } from '../FlexBox/index.js';
+import { VariantItem } from '../VariantItem/index.js';
 import { VariantManagement } from '../VariantManagement/index.js';
-import { VariantItem } from '../VariantManagement/VariantItem.js';
 import type { FilterBarPropTypes } from './index.js';
 import { FilterBar } from './index.js';
 
diff --git a/packages/main/src/components/VariantItem/VariantItem.module.css b/packages/main/src/components/VariantItem/VariantItem.module.css
diff --git a/packages/main/src/components/VariantItem/index.tsx b/packages/main/src/components/VariantItem/index.tsx
diff --git a/packages/main/src/components/VariantManagement/ManageViewsDialog.tsx b/packages/main/src/components/VariantManagement/ManageViewsDialog.tsx
@@ -32,10 +32,10 @@ import type { TablePropTypes } from '../../webComponents/Table/index.js';
 import { TableHeaderCell } from '../../webComponents/TableHeaderCell/index.js';
 import { TableHeaderRow } from '../../webComponents/TableHeaderRow/index.js';
 import { FlexBox } from '../FlexBox/index.js';
+import type { VariantItemPropTypes } from '../VariantItem/index.js';
 import { classNames, styleData } from './ManageViewsDialog.module.css.js';
 import { ManageViewsTableRows } from './ManageViewsTableRows.js';
 import type { VariantManagementPropTypes } from './types.js';
-import type { VariantItemPropTypes } from './VariantItem.js';
 
 type ManageViewsDialogChildType = boolean | undefined | null | ReactElement<VariantItemPropTypes>;
 
diff --git a/packages/main/src/components/VariantManagement/ManageViewsTableRows.tsx b/packages/main/src/components/VariantManagement/ManageViewsTableRows.tsx
@@ -27,7 +27,7 @@ import { TableCell } from '../../webComponents/TableCell/index.js';
 import { TableRow } from '../../webComponents/TableRow/index.js';
 import { TableRowAction } from '../../webComponents/TableRowAction/index.js';
 import { Text } from '../../webComponents/Text/index.js';
-import type { VariantItemPropTypes } from './VariantItem.js';
+import type { VariantItemPropTypes } from '../VariantItem/index.js';
 
 interface ManageViewsTableRowsProps extends Partial<VariantItemPropTypes> {
   variantNames: string[];
diff --git a/packages/main/src/components/VariantManagement/VariantManagement.cy.tsx b/packages/main/src/components/VariantManagement/VariantManagement.cy.tsx
@@ -1,8 +1,8 @@
 import TitleLevel from '@ui5/webcomponents/dist/types/TitleLevel.js';
 import ValueState from '@ui5/webcomponents-base/dist/types/ValueState.js';
 import { useState } from 'react';
-import type { VariantItemPropTypes } from './VariantItem';
-import { VariantItem } from './VariantItem';
+import type { VariantItemPropTypes } from '../VariantItem/index.js';
+import { VariantItem } from '../VariantItem/index.js';
 import { WithCustomValidation as WithCustomValidationStory } from './VariantManagement.stories';
 import type { VariantManagementPropTypes } from './index.js';
 import { VariantManagement } from './index.js';
diff --git a/packages/main/src/components/VariantManagement/VariantManagement.mdx b/packages/main/src/components/VariantManagement/VariantManagement.mdx
@@ -2,7 +2,7 @@ import { ControlsWithNote, DocsHeader, Footer } from '@sb/components';
 import SubcomponentsSection from '@sb/docs/SubcomponentsSection.md?raw';
 import { ArgTypes, Canvas, Description, Markdown, Meta } from '@storybook/addon-docs/blocks';
 import { MessageStrip } from '../../webComponents/index';
-import { VariantItem } from './VariantItem';
+import { VariantItem } from '../VariantItem/index';
 import * as ComponentStories from './VariantManagement.stories';
 
 <Meta of={ComponentStories} />
diff --git a/packages/main/src/components/VariantManagement/VariantManagement.stories.tsx b/packages/main/src/components/VariantManagement/VariantManagement.stories.tsx
@@ -15,8 +15,8 @@ import { Select } from '../../webComponents/Select/index.js';
 import { Text } from '../../webComponents/Text/index.js';
 import { FilterBar } from '../FilterBar/index.js';
 import { FilterGroupItem } from '../FilterGroupItem/index.js';
-import type { VariantItemPropTypes } from './VariantItem.js';
-import { VariantItem } from './VariantItem.js';
+import type { VariantItemPropTypes } from '../VariantItem/index.js';
+import { VariantItem } from '../VariantItem/index.js';
 import { VariantManagement } from './index.js';
 
 const meta = {
diff --git a/packages/main/src/components/VariantManagement/index.tsx b/packages/main/src/components/VariantManagement/index.tsx
@@ -39,11 +39,11 @@ import type { ResponsivePopoverDomRef } from '../../webComponents/ResponsivePopo
 import { ResponsivePopover } from '../../webComponents/ResponsivePopover/index.js';
 import { Title } from '../../webComponents/Title/index.js';
 import { FlexBox } from '../FlexBox/index.js';
+import type { VariantItemPropTypes } from '../VariantItem/index.js';
 import type { ManageViewsDialogPropTypes } from './ManageViewsDialog.js';
 import { ManageViewsDialog } from './ManageViewsDialog.js';
 import { SaveViewDialog } from './SaveViewDialog.js';
 import type { SelectedVariantWithStringBool, VariantManagementPropTypes } from './types.js';
-import type { VariantItemPropTypes } from './VariantItem.js';
 import { classNames, styleData } from './VariantManagement.module.css.js';
 
 const booleanProps = {
diff --git a/packages/main/src/components/VariantManagement/types.ts b/packages/main/src/components/VariantManagement/types.ts
@@ -9,7 +9,7 @@ import type { InputDomRef } from '../../webComponents/Input/index.js';
 import type { ListDomRef } from '../../webComponents/List/index.js';
 import type { ResponsivePopoverPropTypes } from '../../webComponents/ResponsivePopover/index.js';
 import type { TitlePropTypes } from '../../webComponents/Title/index.js';
-import type { VariantItemPropTypes } from './VariantItem.js';
+import type { VariantItemPropTypes } from '../VariantItem/index.js';
 
 export interface SelectedVariantWithStringBool
   extends Omit<
diff --git a/packages/main/src/index.ts b/packages/main/src/index.ts
@@ -28,8 +28,8 @@ export * from './components/SelectDialog/index.js';
 export * from './components/SplitterElement/index.js';
 export * from './components/SplitterLayout/index.js';
 export * from './components/ThemeProvider/index.js';
+export * from './components/VariantItem/index.js';
 export * from './components/VariantManagement/index.js';
-export * from './components/VariantManagement/VariantItem.js';
 export { withWebComponent } from './internal/withWebComponent.js';
 export type { WithWebComponentPropTypes } from './internal/withWebComponent.js';
 export * from './enums/index.js';
diff --git a/packages/main/src/internal/VariantManagementContext.ts b/packages/main/src/internal/VariantManagementContext.ts
@@ -1,5 +1,5 @@
 import { createContext } from 'react';
-import type { VariantItemPropTypes } from '../components/VariantManagement/VariantItem.js';
+import type { VariantItemPropTypes } from '../components/VariantItem/index.js';
 import type { ListItemStandardDomRef } from '../webComponents/ListItemStandard/index.js';
 
 interface VariantManagementContextTypes {
