Export menuDropdown component.

Author: novykh

src/components/drops/menu/dropdown.js

@@ -19,6 +19,7 @@ const Dropdown = ({
   renderItem,
   value,
   hasSearch,
+  searchMargin = [4],
   ...rest
 }) => {
   const [searchParams, setSearchParams] = useState("")
@@ -50,7 +51,7 @@ const Dropdown = ({
       {...rest}
     >
       {hasSearch && (
-        <Box margin={[4]}>
+        <Box margin={searchMargin}>
           <Search
             data-testid={"dropdown-search"}
             defaultValue={searchParams}

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

@@ -44,6 +44,8 @@ export interface MenuProps {
 
 declare const Menu: FC<MenuProps & JSX.IntrinsicElements["div"]>
 
-export { Menu }
+declare const MenuDropdown: FC<MenuProps & JSX.IntrinsicElements["div"]>
+
+export { Menu, MenuDropdown }
 
 export default Menu

src/components/icon/icons-list.js

@@ -85,6 +85,7 @@ import error from "./assets/error.svg"
 import exclamation from "./assets/exclamation.svg"
 import expand from "./assets/expand.svg"
 import feed from "./assets/feed.svg"
+import filter from "./assets/filter.svg"
 import filterList from "./assets/filterList.svg"
 import forcePlay from "./assets/force_play.svg"
 import forcePlayOutline from "./assets/force_play_outline.svg"
@@ -381,6 +382,7 @@ export const iconsList = {
   exclamation,
   expand,
   feed,
+  filter,
   filterList,
   firewallSolid,
   forcePlay,

src/index.js

@@ -75,6 +75,7 @@ export { default as DropContainer } from "./components/drops/container"
 export { default as Tooltip } from "./components/drops/tooltip"
 export { default as Popover } from "./components/drops/popover"
 export { default as Menu } from "./components/drops/menu"
+export { default as MenuDropdown } from "./components/drops/menu/dropdown"
 
 export { default as Flex } from "./components/templates/flex"
 export { default as makeFlex } from "./components/templates/flex/flex"