Minor additions.

Author: novykh

src/components/checkbox/checkbox.js

@@ -24,6 +24,7 @@ export const Checkbox = forwardRef(
       indeterminate,
       Label,
       label,
+      labelProps,
       labelPosition,
       margin,
       ...props
@@ -45,6 +46,7 @@ export const Checkbox = forwardRef(
         data-testid={testId}
         disabled={disabled}
         margin={margin}
+        {...labelProps}
       >
         {label && labelPosition === "left" && (
           <LabelText as={Label} disabled={disabled} left>

src/components/checkbox/styled.js

@@ -1,11 +1,8 @@
 import styled from "styled-components"
 import { Icon } from "src/components/icon"
 import Box from "src/components/templates/box"
-import { getSizeUnit, getValidatedControlColor } from "src/theme/utils"
-import margin from "src/mixins/margin"
-import alignSelf from "src/mixins/alignSelf"
-
 import Flex from "src/components/templates/flex"
+import { getSizeUnit, getValidatedControlColor } from "src/theme/utils"
 
 export const CheckboxContainer = styled(Box).attrs({
   height: "16px",
@@ -49,14 +46,13 @@ export const StyledCheckbox = styled(Flex)`
     }};
 `
 
-export const StyledLabel = styled.label`
-  ${margin}
-  ${alignSelf}
-  position: relative;
+export const StyledLabel = styled(Flex).attrs(props => ({
+  as: "label",
+  position: "relative",
+  alignItems: "center",
+  ...props,
+}))`
   cursor: ${({ disabled }) => (disabled ? "auto" : "pointer")};
-  display: flex;
-  flex-flow: row nowrap;
-  align-items: center;
 `
 
 export const LabelText = styled.span`

src/components/tableV2/netdataTable.js

@@ -1,4 +1,3 @@
-//TODO refactor bulk action and row action to single function to decrease repeatability
 import React, { useCallback, useEffect, useRef, useState } from "react"
 import {
   getCoreRowModel,

src/index.js

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