LG-3972: Adds disabledSend prop to InlineMessageFeedback

.changeset/funny-fans-punch.md

@@ -0,0 +1,5 @@
+---
+'@lg-chat/message-feedback': minor
+---
+
+Adds `disabledSend` prop to disable submit button

chat/message-feedback/src/InlineMessageFeedback/InlineMessageFeedback.spec.tsx

@@ -90,6 +90,15 @@ describe('packages/inline-message-feedback', () => {
           expect(cancelButton).toHaveAttribute('aria-disabled', 'true');
         }
       });
+
+      test('disables form elements when disabledSend prop is true', () => {
+        const { container } = render(
+          <InlineMessageFeedback {...defaultProps} disabledSend={true} />,
+        );
+
+        const submitButton = container.querySelector('button[type="submit"]');
+        expect(submitButton).toHaveAttribute('aria-disabled', 'true');
+      });
     });
 
     describe('error state', () => {

chat/message-feedback/src/InlineMessageFeedback/InlineMessageFeedback.tsx

@@ -12,7 +12,8 @@ import {
   Variant,
 } from '@lg-chat/leafygreen-chat-provider';
 
-import Button, {
+import {
+  Button,
   Size as ButtonSize,
   Variant as ButtonVariant,
 } from '@leafygreen-ui/button';
@@ -52,6 +53,7 @@ export const InlineMessageFeedback = forwardRef(
       submittedMessage = 'Submitted! Thanks for your feedback.',
       onSubmit: onSubmitProp,
       darkMode: darkModeProp,
+      disabledSend = false,
       onClose,
       textareaProps,
       errorMessage = 'Oops, please try again.',
@@ -170,7 +172,9 @@ export const InlineMessageFeedback = forwardRef(
                     type="submit"
                     variant={ButtonVariant[isCompact ? 'Default' : 'Primary']}
                     size={ButtonSize[isCompact ? 'Default' : 'Small']}
-                    disabled={!!hasEmptyTextarea || isSubmitting}
+                    disabled={
+                      !!hasEmptyTextarea || isSubmitting || disabledSend
+                    }
                     {...submitButtonProps}
                   >
                     {submitButtonText}

chat/message-feedback/src/InlineMessageFeedback/InlineMessageFeedback.types.ts

@@ -101,4 +101,10 @@ export type InlineMessageFeedbackProps = Required<
      * This is mainly for internal use as most instances of InlineMessageFeedback should be closed solely by onCancel.
      */
     onClose?: MouseEventHandler<HTMLButtonElement>;
+
+    /**
+     * Whether the submit button should be disabled
+     * @default false
+     */
+    disabledSend?: boolean;
   };