move MessageItem to own folder

Author: Lukas742

packages/main/package.json

@@ -68,14 +68,14 @@
       "types": "./dist/components/MessageBox/index.d.ts",
       "default": "./dist/components/MessageBox/index.js"
     },
+    "./MessageItem": {
+      "types": "./dist/components/MessageItem/index.d.ts",
+      "default": "./dist/components/MessageItem/index.js"
+    },
     "./MessageView": {
       "types": "./dist/components/MessageView/index.d.ts",
       "default": "./dist/components/MessageView/index.js"
     },
-    "./MessageItem": {
-      "types": "./dist/components/MessageView/MessageItem.d.ts",
-      "default": "./dist/components/MessageView/MessageItem.js"
-    },
     "./MessageViewButton": {
       "types": "./dist/components/MessageViewButton/index.d.ts",
       "default": "./dist/components/MessageViewButton/index.js"

…nents/MessageView/MessageItem.module.css …nents/MessageItem/MessageItem.module.csspackages/main/src/components/MessageView/MessageItem.module.css renamed to packages/main/src/components/MessageItem/MessageItem.module.css packages/main/src/components/MessageView/MessageItem.module.css renamed to packages/main/src/components/MessageItem/MessageItem.module.css

@@ -20,8 +20,8 @@ import type { LinkPropTypes } from '../../webComponents/Link/index.js';
 import type { ListItemCustomDomRef, ListItemCustomPropTypes } from '../../webComponents/ListItemCustom/index.js';
 import { ListItemCustom } from '../../webComponents/ListItemCustom/index.js';
 import { FlexBox } from '../FlexBox/index.js';
+import { getIconNameForType, getValueStateMap } from '../MessageView/utils.js';
 import { classNames, styleData } from './MessageItem.module.css.js';
-import { getIconNameForType, getValueStateMap } from './utils.js';
 
 export interface MessageItemPropTypes extends Pick<ListItemCustomPropTypes, 'accessibleName' | 'tooltip'>, CommonProps {
   /**

…c/components/MessageView/MessageItem.tsx …ain/src/components/MessageItem/index.tsxpackages/main/src/components/MessageView/MessageItem.tsx renamed to packages/main/src/components/MessageItem/index.tsx packages/main/src/components/MessageView/MessageItem.tsx renamed to packages/main/src/components/MessageItem/index.tsx

@@ -2,7 +2,7 @@ import WrappingType from '@ui5/webcomponents/dist/types/WrappingType.js';
 import ValueState from '@ui5/webcomponents-base/dist/types/ValueState.js';
 import { Link } from '@ui5/webcomponents-react';
 import { useRef } from 'react';
-import { MessageItem } from './MessageItem';
+import { MessageItem } from '../MessageItem/index.js';
 import { MessageView } from './index.js';
 import { Dialog } from '../../webComponents/Dialog/index.js';
 

packages/main/src/components/MessageView/MessageView.cy.tsx

@@ -2,7 +2,7 @@ import { ArgTypesWithNote, ControlsWithNote, DocsHeader, Footer } from '@sb/comp
 import { Canvas, Description, Markdown, Meta } from '@storybook/addon-docs/blocks';
 import * as ComponentStories from './MessageView.stories';
 import SubcomponentsSection from '@sb/docs/SubcomponentsSection.md?raw';
-import { MessageItem } from './MessageItem';
+import { MessageItem } from '../MessageItem/index';
 import { MessageViewButton } from '../MessageViewButton';
 
 <Meta of={ComponentStories} />

packages/main/src/components/MessageView/MessageView.mdx

@@ -14,8 +14,8 @@ import { Link } from '../../webComponents/Link/index.js';
 import { ResponsivePopover } from '../../webComponents/ResponsivePopover/index.js';
 import { Title } from '../../webComponents/Title/index.js';
 import { FlexBox } from '../FlexBox/index.js';
+import { MessageItem } from '../MessageItem/index.js';
 import { MessageViewButton } from '../MessageViewButton/index.js';
-import { MessageItem } from './MessageItem.js';
 import type { MessageViewDomRef } from './index.js';
 import { MessageView } from './index.js';
 

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

@@ -30,7 +30,7 @@ import type { SegmentedButtonPropTypes } from '../../webComponents/SegmentedButt
 import { SegmentedButtonItem } from '../../webComponents/SegmentedButtonItem/index.js';
 import { Title } from '../../webComponents/Title/index.js';
 import { FlexBox } from '../FlexBox/index.js';
-import type { MessageItemPropTypes } from './MessageItem.js';
+import type { MessageItemPropTypes } from '../MessageItem/index.js';
 import { classNames, styleData } from './MessageView.module.css.js';
 import { getIconNameForType, getValueStateMap } from './utils.js';
 

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

@@ -14,8 +14,8 @@ export * from './components/FilterGroupItem/index.js';
 export * from './components/FlexBox/index.js';
 export * from './components/Grid/index.js';
 export * from './components/MessageBox/index.js';
+export * from './components/MessageItem/index.js';
 export * from './components/MessageView/index.js';
-export * from './components/MessageView/MessageItem.js';
 export * from './components/MessageViewButton/index.js';
 export * from './components/Modals/index.js';
 export * from './components/NumericSideIndicator/index.js';

packages/main/src/index.ts

@@ -1,5 +1,5 @@
 import { createContext } from 'react';
-import type { MessageItemPropTypes } from '../components/MessageView/MessageItem.js';
+import type { MessageItemPropTypes } from '../components/MessageItem/index.js';
 
 export type SelectedMessage = MessageItemPropTypes & { titleTextStr: string };