Fix up Rich Text Editor on MessageThread location in storybook (#5687)

Author: emlynmac

change-beta/@azure-communication-react-4572095b-9abd-4e6c-9b0b-25691874bf72.json

@@ -0,0 +1,9 @@
+{
+  "type": "patch",
+  "area": "fix",
+  "workstream": "Fix up Rich Text Editor location in storybook",
+  "comment": "Rename story to move into correct area",
+  "packageName": "@azure/communication-react",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

change/@azure-communication-react-4572095b-9abd-4e6c-9b0b-25691874bf72.json

@@ -0,0 +1,9 @@
+{
+  "type": "patch",
+  "area": "fix",
+  "workstream": "Fix up Rich Text Editor location in storybook",
+  "comment": "Rename story to move into correct area",
+  "packageName": "@azure/communication-react",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

packages/storybook8/stories/Components/MessageThread/BlockedMessage/index.stories.tsx

@@ -17,7 +17,7 @@ export const BlockedMessagesDocsOnly = {
 
 // Main story meta export
 const meta: Meta<typeof MessageThreadComponent> = {
-  title: 'Components/Message Thread/Message Thread With Blocked Message',
+  title: 'Components/Message Thread/MessageThread With Blocked Message',
   component: MessageThreadComponent,
   argTypes: {
     displayName: { control: 'text', name: 'displayName' },

packages/storybook8/stories/Components/MessageThread/MessageThreadWithMessageDate/index.stories.tsx

@@ -17,7 +17,7 @@ export const DateExampleDocsOnly = {
 
 // Main story meta export
 const meta: Meta<typeof MessageThreadComponent> = {
-  title: 'Components/Message Thread/Message Thread With Message Date',
+  title: 'Components/Message Thread/MessageThread With Message Date',
   component: MessageThreadComponent,
   argTypes: {
     messages: {

packages/storybook8/stories/Components/MessageThread/RichTextEditorForEditing/Docs.mdx renamed to packages/storybook8/stories/Components/MessageThread/MessageThreadWithRichTextEditor/Docs.mdx

@@ -6,7 +6,9 @@ import MessageThreadWithRichTextEditorExampleText from '!!raw-loader!./snippets/
 import MessageThreadWithRichTextEditorInlineImagesExampleText from '!!raw-loader!./snippets/WithRichTextEditorInlineImages.snippet.tsx';
 import MessageThreadWithRichTextEditorOnPasteExampleText from '!!raw-loader!./snippets/WithRichTextEditorOnPaste.snippet.tsx';
 
-<Meta of={MessageThreadWithRichTextEditorStories} /># MessageThread using Rich Text Editor
+<Meta of={MessageThreadWithRichTextEditorStories} />
+
+# MessageThread using Rich Text Editor
 
 ## Rich Text Editor Support for Editing Messages
 

packages/storybook8/stories/Components/MessageThread/RichTextEditorForEditing/RichTextEditorForEditing.story.tsx renamed to packages/storybook8/stories/Components/MessageThread/MessageThreadWithRichTextEditor/MessageThreadWithRichTextEditor.story.tsx

@@ -10,7 +10,7 @@ const storyControls = {
   isEnableRTE: { control: 'boolean', name: 'Enable Rich Text Editor' }
 };
 
-const RichTextEditorForEditingStory = (args: ArgsFrom<typeof storyControls>): JSX.Element => {
+const MessageThreadWithRichTextEditorStory = (args: ArgsFrom<typeof storyControls>): JSX.Element => {
   const [messages, setMessages] = useState(GetHistoryHTMLChatMessages());
   const onUpdateMessage = useCallback(
     (messageId: string, content: string): Promise<void> => {
@@ -42,4 +42,4 @@ const RichTextEditorForEditingStory = (args: ArgsFrom<typeof storyControls>): JS
   );
 };
 
-export const MessageThreadWithRichTextEditor = RichTextEditorForEditingStory.bind({});
+export const MessageThreadWithRichTextEditor = MessageThreadWithRichTextEditorStory.bind({});

packages/storybook8/stories/Components/MessageThread/RichTextEditorForEditing/index.stories.tsx renamed to packages/storybook8/stories/Components/MessageThread/MessageThreadWithRichTextEditor/index.stories.tsx

@@ -10,7 +10,7 @@ import { MessageThreadWithRichTextEditorInlineImagesExample } from './snippets/W
 import { MessageThreadWithWithRichTextEditorOnPasteExample } from './snippets/WithRichTextEditorOnPaste.snippet';
 
 // Main story
-export { MessageThreadWithRichTextEditor } from './RichTextEditorForEditing.story';
+export { MessageThreadWithRichTextEditor } from './MessageThreadWithRichTextEditor.story';
 
 export const RichTextEditorTextDocsOnly = {
   render: MessageThreadWithRichTextEditorExample
@@ -27,6 +27,7 @@ export const RichTextEditorOnPasteTextDocsOnly = {
 // Main story meta export
 const meta: Meta<typeof MessageThreadComponent> = {
   title: 'Components/Message Thread/Rich Text Editor Support',
+  name: 'Rich Text Editor Support',
   component: MessageThreadComponent,
   argTypes: {
     isEnableRTE: { control: 'boolean', name: 'Enable Rich Text Editor' }