Minor fixes.

Author: novykh

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

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

src/components/icon/assets/bar_chart.svg

@@ -31,14 +31,6 @@ const StyledHeaderCell = styled(Box)`
     border-right: 1px solid ${getColor("borderSecondary")};
   }
 `
-const StyledSortIcon = styled(Icon)`
-  position: relative;
-  top: 0;
-  bottom: 0;
-  height: 16px;
-  width: 16px;
-  margin: auto;
-`
 
 const Table = forwardRef(({ children, width, ...props }, ref) => {
   return (
@@ -147,9 +139,7 @@ Table.HeadCell = forwardRef(
           )}
         </Box>
       </Flex>
-      <Box sx={{ fontWeight: "normal" }}>
-        {filter}
-      </Box>
+      <Box sx={{ fontWeight: "normal" }}>{filter}</Box>
       <Table.Resizer
         onMouseDown={onMouseDown}
         onTouchStart={onTouchStart}
@@ -318,7 +308,7 @@ Table.Row = forwardRef(
         onMouseEnter={handleMouseEnter}
         onMouseLeave={handleMouseLeave}
         as={StyledRow}
-        _hover={isRowClickable && { background: "borderSecondary" }}
+        _hover={isHovering && isRowClickable && { background: "borderSecondary" }}
         cursor={cursor}
         isClickable={!!onClick}
         onClick={handleClick}

src/components/icon/assets/heatmap_chart.svg

@@ -76,6 +76,7 @@ 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 MenuButton } from "./components/drops/menu/menuButton"
 
 export { default as Flex } from "./components/templates/flex"
 export { default as makeFlex } from "./components/templates/flex/flex"