feat(AttachMenu): Allow disabling search input

Author: rebeccaalpert

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 */
@@ -44,6 +44,8 @@ export interface AttachMenuProps extends DropdownProps {
   menuSearchInputProps?: Omit<MenuSearchInputProps, 'ref'>;
   /** Additional props passed to SearchInput component */
   searchInputProps?: SearchInputProps;
+  /** Whether menu has search input */
+  hasSearchInput?: boolean;
 }
 
 export const AttachMenu: FunctionComponent<AttachMenuProps> = ({
@@ -61,6 +63,7 @@ export const AttachMenu: FunctionComponent<AttachMenuProps> = ({
   menuSearchProps,
   menuSearchInputProps,
   searchInputProps,
+  hasSearchInput = true,
   ...props
 }: AttachMenuProps) => (
   <Dropdown
@@ -73,16 +76,18 @@ export const AttachMenu: FunctionComponent<AttachMenuProps> = ({
     onSelect={onSelect}
     {...props}
   >
-    <MenuSearch {...menuSearchProps}>
-      <MenuSearchInput {...menuSearchInputProps}>
-        <SearchInput
-          aria-label={searchInputAriaLabel}
-          onChange={(_event, value) => handleTextInputChange(value)}
-          placeholder={searchInputPlaceholder}
-          {...searchInputProps}
-        />
-      </MenuSearchInput>
-    </MenuSearch>
+    {hasSearchInput && (
+      <MenuSearch {...menuSearchProps}>
+        <MenuSearchInput {...menuSearchInputProps}>
+          <SearchInput
+            aria-label={searchInputAriaLabel}
+            onChange={(_event, value) => handleTextInputChange && handleTextInputChange(value)}
+            placeholder={searchInputPlaceholder}
+            {...searchInputProps}
+          />
+        </MenuSearchInput>
+      </MenuSearch>
+    )}
     {filteredItems}
   </Dropdown>
 );