Merge branch 'dmceachernmsft/accessibility-provider' of https://githu…

…b.com/Azure/communication-ui-library into dmceachernmsft/accessibility-provider
Azure · Mar 7, 2025 · 2c909e1 · 2c909e1
2 parents ea88ee0 + b258358
commit 2c909e1
Show file tree

Hide file tree

Showing 11 changed files with 28 additions and 7 deletions.
diff --git a/change-beta/@azure-communication-react-4572095b-9abd-4e6c-9b0b-25691874bf72.json b/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"
+}
diff --git a/change/@azure-communication-react-4572095b-9abd-4e6c-9b0b-25691874bf72.json b/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"
+}
diff --git a/packages/storybook8/stories/Components/MessageThread/BlockedMessage/index.stories.tsx b/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' },

diff --git a/...torybook8/stories/Components/MessageThread/MessageThreadWithMessageDate/index.stories.tsx b/...torybook8/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: {

diff --git a/...eThread/RichTextEditorForEditing/Docs.mdx → .../MessageThreadWithRichTextEditor/Docs.mdx b/...eThread/RichTextEditorForEditing/Docs.mdx → .../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
 

diff --git a/...diting/RichTextEditorForEditing.story.tsx → ...MessageThreadWithRichTextEditor.story.tsx b/...diting/RichTextEditorForEditing.story.tsx → ...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({});
diff --git a/...ichTextEditorForEditing/index.stories.tsx → ...hreadWithRichTextEditor/index.stories.tsx b/...ichTextEditorForEditing/index.stories.tsx → ...hreadWithRichTextEditor/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' }

diff --git a/...g/snippets/WithRichTextEditor.snippet.tsx → ...r/snippets/WithRichTextEditor.snippet.tsx b/...g/snippets/WithRichTextEditor.snippet.tsx → ...r/snippets/WithRichTextEditor.snippet.tsx
diff --git a/...ithRichTextEditorInlineImages.snippet.tsx → ...ithRichTextEditorInlineImages.snippet.tsx b/...ithRichTextEditorInlineImages.snippet.tsx → ...ithRichTextEditorInlineImages.snippet.tsx
diff --git a/...ets/WithRichTextEditorOnPaste.snippet.tsx → ...ets/WithRichTextEditorOnPaste.snippet.tsx b/...ets/WithRichTextEditorOnPaste.snippet.tsx → ...ets/WithRichTextEditorOnPaste.snippet.tsx
diff --git a/packages/storybook8/stories/Components/MessageThread/SystemMessage/index.stories.tsx b/packages/storybook8/stories/Components/MessageThread/SystemMessage/index.stories.tsx
@@ -16,7 +16,7 @@ export const SystemMessageDocsOnly = {
 
 // Main story meta export
 const meta: Meta<typeof MessageThreadComponent> = {
-  title: 'Components/Message Thread/Message Thread With System Message',
+  title: 'Components/Message Thread/MessageThread With System Message',
   component: MessageThreadComponent,
   argTypes: {
     content: { control: 'text', name: 'System Content' },