Added passing dropdown props.

Author: novykh

src/components/drops/menu/dropdown.js

@@ -9,7 +9,7 @@ const Container = styled(Flex)`
   list-style-type: none;
 `
 
-const Dropdown = ({ hideShadow, itemProps, items, onItemClick, renderItem, value }) => (
+const Dropdown = ({ hideShadow, itemProps, items, onItemClick, renderItem, value, ...rest }) => (
   <Container
     as="ul"
     role="listbox"
@@ -19,6 +19,7 @@ const Dropdown = ({ hideShadow, itemProps, items, onItemClick, renderItem, value
     margin={[1, 0]}
     column
     tabindex="-1"
+    {...rest}
   >
     {items.map(item => renderItem({ item, itemProps, value, onItemClick }))}
   </Container>

src/components/drops/menu/index.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react"
+import { FC, ReactNode } from "react"
 import { DropProps } from "../drop"
 
 export interface Item {
@@ -27,6 +27,9 @@ export interface MenuProps {
   caret?: boolean | JSX.Element
   children?: ReactNode
   dropProps?: DropProps
+  dropdownProps?: {
+    [key: string]: any
+  }
   items?: Item[]
   renderItem?: RenderItemType
   renderDropdown?: (props: {
@@ -39,7 +42,7 @@ export interface MenuProps {
   [key: string]: any
 }
 
-declare const Menu: React.FC<MenuProps & JSX.IntrinsicElements["div"]>
+declare const Menu: FC<MenuProps & JSX.IntrinsicElements["div"]>
 
 export { Menu }
 

src/components/drops/menu/index.js

@@ -29,6 +29,7 @@ const Menu = forwardRef(
       caret = true,
       children,
       dropProps,
+      dropdownProps,
       itemProps,
       items,
       renderItem = defaultRenderItem,
@@ -38,7 +39,7 @@ const Menu = forwardRef(
     },
     parentRef
   ) => {
-    const [isOpen, toggleIsOpen, open, close] = useToggle(initialOpen, { on: onOpen, off: onClose })
+    const [isOpen, toggleIsOpen, , close] = useToggle(initialOpen, { on: onOpen, off: onClose })
 
     const [ref, setRef] = useForwardRef(parentRef)
 
@@ -98,7 +99,7 @@ const Menu = forwardRef(
             target={ref.current}
             {...dropProps}
           >
-            {renderDropdown({ value, onItemClick, items, itemProps, renderItem })}
+            {renderDropdown({ value, onItemClick, items, itemProps, renderItem, ...dropdownProps })}
           </Drop>
         )}
       </Fragment>