lint

Author: OEvgeny

packages/component/src/Composer.tsx

@@ -110,9 +110,7 @@ const ComposerCoreUI = memo(({ children }: ComposerCoreUIProps) => {
               <ModalDialogComposer>
                 {/* When <SendBoxComposer> is finalized, it will be using an independent instance that lives inside <BasicSendBox>. */}
                 <SendBoxComposer>
-                  <ActivityLogicalGroupingComposer>
-                    {children}
-                  </ActivityLogicalGroupingComposer>
+                  <ActivityLogicalGroupingComposer>{children}</ActivityLogicalGroupingComposer>
                   <Dictation onError={dictationOnError} />
                 </SendBoxComposer>
               </ModalDialogComposer>

packages/component/src/Middleware/ActivityGrouping/ui/PartGrouping/private/PartGroupingActivity.tsx

@@ -171,9 +171,7 @@ function PartGroupingActivity(props: PartGroupingActivityProps) {
       >
         <StackedLayoutMain avatar={showAvatar && renderAvatar && renderAvatar()}>
           <CollapsibleGrouping isOpen={isGroupOpen} onToggle={setIsGroupOpen} title={lastMessage?.abstract || ''}>
-            <TranscriptActivityList>
-              {children}
-            </TranscriptActivityList>
+            <TranscriptActivityList>{children}</TranscriptActivityList>
           </CollapsibleGrouping>
         </StackedLayoutMain>
         {renderActivityStatus && <StackedLayoutStatus>{renderActivityStatus({ hideTimestamp })}</StackedLayoutStatus>}

packages/component/src/Transcript/TranscriptFocus/TranscriptActivityList.tsx

@@ -10,7 +10,9 @@ const TranscriptActivityList = forwardRef<HTMLDivElement, TranscriptActivityList
   ({ className, ...props }, ref) => {
     const classNames = useStyles(styles);
 
-    return <section {...props} className={cx(classNames['transcript-focus-area__activity-list'], className)} ref={ref} />;
+    return (
+      <section {...props} className={cx(classNames['transcript-focus-area__activity-list'], className)} ref={ref} />
+    );
   }
 );
 

packages/component/src/Transcript/TranscriptFocus/TranscriptFocusContent.tsx

@@ -1,12 +1,13 @@
+/* eslint-disable react/require-default-props */
 import { useStyles } from '@msinternal/botframework-webchat-styles/react';
 import cx from 'classnames';
 import React, { forwardRef, type HTMLAttributes } from 'react';
 
 import styles from './TranscriptFocus.module.css';
 
 type TranscriptFocusContentProps = HTMLAttributes<HTMLDivElement> & {
-  focused?: boolean;
-  tag?: string | React.JSXElementConstructor<any>;
+  readonly focused?: boolean;
+  readonly tag?: string | React.JSXElementConstructor<any>;
 };
 
 const TranscriptFocusContent = forwardRef<HTMLDivElement, TranscriptFocusContentProps>(

packages/component/src/Transcript/TranscriptFocus/TranscriptFocusContentOverlay.tsx

@@ -10,16 +10,7 @@ const TranscriptFocusContentOverlay = forwardRef<HTMLDivElement, TranscriptFocus
   ({ className, ...props }, ref) => {
     const classNames = useStyles(styles);
 
-    return (
-      <div
-        {...props}
-        className={cx(
-          classNames['transcript-focus-area__content-overlay'],
-          className
-        )}
-        ref={ref}
-      />
-    );
+    return <div {...props} className={cx(classNames['transcript-focus-area__content-overlay'], className)} ref={ref} />;
   }
 );
 

packages/component/src/Transcript/TranscriptFocus/index.ts

@@ -1,6 +1,9 @@
 export { default as TranscriptFocusArea, type TranscriptFocusAreaProps } from './TranscriptFocusArea';
 export { default as TranscriptFocusContent, type TranscriptFocusContentProps } from './TranscriptFocusContent';
-export { default as TranscriptFocusContentOverlay, type TranscriptFocusContentOverlayProps } from './TranscriptFocusContentOverlay';
+export {
+  default as TranscriptFocusContentOverlay,
+  type TranscriptFocusContentOverlayProps
+} from './TranscriptFocusContentOverlay';
 export {
   default as TranscriptFocusContentActiveDescendant,
   type TranscriptFocusContentActiveDescendantProps

packages/fluent-theme/src/components/activity/CopilotMessageHeader.tsx

@@ -10,7 +10,10 @@ import styles from './CopilotMessageHeader.module.css';
 
 const { useLocalizer } = hooks;
 
-function CopilotMessageHeader({ activity, className }: Readonly<{ activity?: WebChatActivity | undefined; className?: string | undefined }>) {
+function CopilotMessageHeader({
+  activity,
+  className
+}: Readonly<{ activity?: WebChatActivity | undefined; className?: string | undefined }>) {
   const [{ botAvatarImage, botAvatarBackgroundColor }] = useActivityStyleOptions(activity);
   const classNames = useStyles(styles);
   const localize = useLocalizer();

packages/fluent-theme/src/components/activity/PartGroupingDecorator.tsx

@@ -26,7 +26,9 @@ function PartGroupingDecorator(props: PartGroupingDecoratorProps) {
 
   return (
     <div className={cx(classNames['part-grouping-decorator'], variantClassName)}>
-      {shouldRenderHeader && <CopilotMessageHeader className={classNames['part-grouping-decorator__header']} activity={activity} />}
+      {shouldRenderHeader && (
+        <CopilotMessageHeader activity={activity} className={classNames['part-grouping-decorator__header']} />
+      )}
       <PartGrouping {...props} />
     </div>
   );