diff --git a/packages/module/src/AttachMenu/AttachMenu.tsx b/packages/module/src/AttachMenu/AttachMenu.tsx index 91339fcd5..e95dd5d5e 100644 --- a/packages/module/src/AttachMenu/AttachMenu.tsx +++ b/packages/module/src/AttachMenu/AttachMenu.tsx @@ -21,7 +21,7 @@ export interface AttachMenuProps extends DropdownProps { /** Items in menu */ filteredItems: React.ReactNode; /** A callback for when the input value changes. */ - handleTextInputChange: (value: string) => void; + handleTextInputChange?: (value: string) => void; /** Flag to indicate if menu is opened. */ isOpen: boolean; /** Additional properties to pass to the Popper */ @@ -73,16 +73,18 @@ export const AttachMenu: FunctionComponent = ({ onSelect={onSelect} {...props} > - - - handleTextInputChange(value)} - placeholder={searchInputPlaceholder} - {...searchInputProps} - /> - - + {handleTextInputChange && ( + + + handleTextInputChange(value)} + placeholder={searchInputPlaceholder} + {...searchInputProps} + /> + + + )} {filteredItems} ); diff --git a/packages/module/src/MessageBar/MessageBar.test.tsx b/packages/module/src/MessageBar/MessageBar.test.tsx index 66033f32c..7ce105b46 100644 --- a/packages/module/src/MessageBar/MessageBar.test.tsx +++ b/packages/module/src/MessageBar/MessageBar.test.tsx @@ -275,6 +275,20 @@ describe('Message bar', () => { ); expect(screen.getByTestId('menu-search-input')).toBeTruthy(); }); + it('can remove input from attach menu', async () => { + render( + + ); + expect(screen.queryByRole('textbox', { name: /Filter menu items/i })).not.toBeInTheDocument(); + }); it('can hide attach button', () => { render(); expect(screen.queryByRole('button', { name: 'Attach' })).toBeFalsy(); diff --git a/packages/module/src/MessageBar/MessageBar.tsx b/packages/module/src/MessageBar/MessageBar.tsx index 8b06a72fd..1c6c786ab 100644 --- a/packages/module/src/MessageBar/MessageBar.tsx +++ b/packages/module/src/MessageBar/MessageBar.tsx @@ -29,7 +29,7 @@ export interface MessageBarWithAttachMenuProps { /** A callback for when the attachment menu toggle is clicked */ onAttachMenuToggleClick: () => void; /** A callback for when the input value in the menu changes. */ - onAttachMenuInputChange: (value: string) => void; + onAttachMenuInputChange?: (value: string) => void; /** Function callback called when user selects item in menu. */ onAttachMenuSelect?: (event?: React.MouseEvent, value?: string | number) => void; /** Placeholder for search input */