baseui 0.0.0-next-155c82a → 0.0.0-next-2aecb6f

package/a11y/a11y.js

@@ -182,7 +182,7 @@ function A11y(props) {
 
     return (
       /*#__PURE__*/
-      // eslint-disable-next-line flowtype/no-weak-types
+      // flowlint-next-line unclear-type:off
       React.createElement(Violation, {
         target: node,
         violations: violations,

package/a11y/a11y.js.flow

@@ -136,7 +136,7 @@ export default function A11y(props: {children: React.Node}) {
       <span ref={child}>{props.children}</span>
       <div>
         {violationsByNode.map(([node, violations], index) => (
-          // eslint-disable-next-line flowtype/no-weak-types
+          // flowlint-next-line unclear-type:off
           <Violation target={node} violations={(violations: any)} key={index} />
         ))}
       </div>

package/accordion/accordion.js

@@ -92,7 +92,8 @@ var Accordion = /*#__PURE__*/function (_React$Component) {
 
   _createClass(Accordion, [{
     key: "onPanelChange",
-    value: function onPanelChange(key, onChange) {
+    value: //flowlint-next-line unclear-type:off
+    function onPanelChange(key, onChange) {
       var activeKeys = this.state.expanded;
       var accordion = this.props.accordion;
 
@@ -144,7 +145,7 @@ var Accordion = /*#__PURE__*/function (_React$Component) {
           children = _this$props2.children,
           renderPanelContent = _this$props2.renderPanelContent,
           renderAll = _this$props2.renderAll,
-          overrides = _this$props2.overrides; // eslint-disable-next-line flowtype/no-weak-types
+          overrides = _this$props2.overrides; // flowlint-next-line unclear-type:off
 
       return React.Children.map(children, function (child, index) {
         if (!child) return; // If there is no key provided use the panel order as a default key

package/accordion/accordion.js.flow

@@ -38,7 +38,8 @@ export default class Accordion extends React.Component<
     ...this.props.initialState,
   };
 
-  onPanelChange(key: React.Key, onChange: () => {}, ...args: *) {
+  //flowlint-next-line unclear-type:off
+  onPanelChange(key: React.Key, onChange: () => {}, ...args: Array<any>) {
     let activeKeys = this.state.expanded;
     const {accordion} = this.props;
     if (accordion) {
@@ -77,8 +78,8 @@ export default class Accordion extends React.Component<
       renderAll,
       overrides,
     } = this.props;
-    // eslint-disable-next-line flowtype/no-weak-types
-    return React.Children.map(children, (child: *, index) => {
+    // flowlint-next-line unclear-type:off
+    return React.Children.map(children, (child: any, index) => {
       if (!child) return;
       // If there is no key provided use the panel order as a default key
       const key = child.key || String(index);

package/accordion/panel.js

@@ -116,7 +116,7 @@ var Panel = function Panel(_ref) {
     }
 
     typeof onKeyDown === 'function' && onKeyDown(e);
-  }, [expanded, disabled, onChange, onKeyDown]); // eslint-disable-next-line flowtype/no-weak-types
+  }, [expanded, disabled, onChange, onKeyDown]); // flowlint-next-line unclear-type:off
 
   var _animateRef = React.useRef(null);
 

package/accordion/panel.js.flow

@@ -84,7 +84,7 @@ const Panel = ({
     },
     [expanded, disabled, onChange, onKeyDown],
   );
-  // eslint-disable-next-line flowtype/no-weak-types
+  // flowlint-next-line unclear-type:off
   const _animateRef = React.useRef<any>(null);
 
   React.useEffect(() => {

package/accordion/types.js.flow

@@ -57,7 +57,8 @@ export type AccordionOnChangeHandlerT = ({
   expanded: Array<React.Key>,
 }) => mixed;
 
-type ChildrenT = React.ChildrenArray<React.Element<*>>;
+//flowlint-next-line unclear-type:off
+type ChildrenT = React.ChildrenArray<React.Element<any>>;
 
 export type AccordionPropsT = {
   /** Determines how many panels may be expanded at a time. If set to

package/app-nav-bar/mobile-menu.js

@@ -151,21 +151,18 @@ function MobileMenu(props) {
   var _getOverrides3 = (0, _overrides.getOverrides)(overrides.SideMenuButton, _index.Button),
       _getOverrides4 = _slicedToArray(_getOverrides3, 2),
       SideMenuButton = _getOverrides4[0],
-      sideMenuButtonProps = _getOverrides4[1]; // $FlowFixMe
-
+      sideMenuButtonProps = _getOverrides4[1];
 
   sideMenuButtonProps.overrides = (0, _overrides.mergeOverrides)({
     BaseButton: {
       component: _styledComponents.StyledSideMenuButton
     }
-  }, // $FlowFixMe
-  sideMenuButtonProps.overrides);
+  }, sideMenuButtonProps.overrides);
 
   var _getOverrides5 = (0, _overrides.getOverrides)(overrides.MobileDrawer, _index2.Drawer),
       _getOverrides6 = _slicedToArray(_getOverrides5, 2),
       MobileDrawer = _getOverrides6[0],
-      drawerProps = _getOverrides6[1]; // $FlowFixMe
-
+      drawerProps = _getOverrides6[1];
 
   drawerProps.overrides = (0, _overrides.mergeOverrides)({
     DrawerBody: {
@@ -183,14 +180,12 @@ function MobileMenu(props) {
     Close: function Close() {
       return null;
     }
-  }, // $FlowFixMe
-  drawerProps.overrides);
+  }, drawerProps.overrides);
 
   var _getOverrides7 = (0, _overrides.getOverrides)(overrides.MobileMenu, _index4.StatefulMenu),
       _getOverrides8 = _slicedToArray(_getOverrides7, 2),
       MobileMenu = _getOverrides8[0],
-      menuProps = _getOverrides8[1]; // $FlowFixMe
-
+      menuProps = _getOverrides8[1];
 
   menuProps.overrides = (0, _overrides.mergeOverrides)({
     List: {
@@ -210,8 +205,7 @@ function MobileMenu(props) {
         overrides: overrides
       }));
     })
-  }, // $FlowFixMe
-  menuProps.overrides);
+  }, menuProps.overrides);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SideMenuButton, _extends({
     onClick: toggleMenu
   }, sideMenuButtonProps), /*#__PURE__*/React.createElement(_menu.default, {

package/app-nav-bar/mobile-menu.js.flow

@@ -119,10 +119,8 @@ export default function MobileMenu(props: AppNavBarPropsT) {
     overrides.SideMenuButton,
     Button,
   );
-  // $FlowFixMe
   sideMenuButtonProps.overrides = mergeOverrides(
     {BaseButton: {component: StyledSideMenuButton}},
-    // $FlowFixMe
     sideMenuButtonProps.overrides,
   );
 
@@ -130,7 +128,6 @@ export default function MobileMenu(props: AppNavBarPropsT) {
     overrides.MobileDrawer,
     Drawer,
   );
-  // $FlowFixMe
   drawerProps.overrides = mergeOverrides(
     {
       DrawerBody: {
@@ -146,7 +143,6 @@ export default function MobileMenu(props: AppNavBarPropsT) {
       // Removes the close icon from the drawer
       Close: () => null,
     },
-    // $FlowFixMe
     drawerProps.overrides,
   );
 
@@ -154,7 +150,6 @@ export default function MobileMenu(props: AppNavBarPropsT) {
     overrides.MobileMenu,
     StatefulMenu,
   );
-  // $FlowFixMe
   menuProps.overrides = mergeOverrides(
     {
       List: {
@@ -177,7 +172,6 @@ export default function MobileMenu(props: AppNavBarPropsT) {
         );
       }),
     },
-    // $FlowFixMe
     menuProps.overrides,
   );
 

package/app-nav-bar/types.js.flow

@@ -35,13 +35,13 @@ export type OverridesT = {|
 
 export type NavItemT = {|
   active?: boolean,
-  // eslint-disable-next-line flowtype/no-weak-types
+  // flowlint-next-line unclear-type:off
   icon?: React.AbstractComponent<any>,
-  // eslint-disable-next-line flowtype/no-weak-types
+  // flowlint-next-line unclear-type:off
   info?: any,
   label: string,
   children?: NavItemT[],
-  // eslint-disable-next-line flowtype/no-weak-types
+  // flowlint-next-line unclear-type:off
   navExitIcon?: React.AbstractComponent<any>,
   navPosition?: {
     desktop?: $Values<typeof POSITION>,

package/app-nav-bar/user-menu.js

@@ -98,21 +98,18 @@ function UserMenuComponent(props) {
   var _getOverrides3 = (0, _overrides.getOverrides)(overrides.UserMenuButton, _index2.Button),
       _getOverrides4 = _slicedToArray(_getOverrides3, 2),
       UserMenuButton = _getOverrides4[0],
-      userMenuButtonProps = _getOverrides4[1]; // $FlowFixMe
-
+      userMenuButtonProps = _getOverrides4[1];
 
   userMenuButtonProps.overrides = (0, _overrides.mergeOverrides)({
     BaseButton: {
       component: _styledComponents.StyledUserMenuButton
     }
-  }, // $FlowFixMe
-  userMenuButtonProps.overrides);
+  }, userMenuButtonProps.overrides);
 
   var _getOverrides5 = (0, _overrides.getOverrides)(overrides.UserMenu, _index4.StatefulMenu),
       _getOverrides6 = _slicedToArray(_getOverrides5, 2),
       UserMenu = _getOverrides6[0],
-      userMenuProps = _getOverrides6[1]; // $FlowFixMe
-
+      userMenuProps = _getOverrides6[1];
 
   userMenuProps.overrides = (0, _overrides.mergeOverrides)({
     List: {
@@ -142,8 +139,7 @@ function UserMenuComponent(props) {
         mapItemToNode: props.mapItemToNode
       }));
     })
-  }, // $FlowFixMe
-  userMenuProps.overrides);
+  }, userMenuProps.overrides);
   return /*#__PURE__*/React.createElement(_index5.StatefulPopover, {
     content: function content(_ref3) {
       var close = _ref3.close;

package/app-nav-bar/user-menu.js.flow

@@ -64,10 +64,8 @@ export default function UserMenuComponent(props: {|
     overrides.UserMenuButton,
     Button,
   );
-  // $FlowFixMe
   userMenuButtonProps.overrides = mergeOverrides(
     {BaseButton: {component: StyledUserMenuButton}},
-    // $FlowFixMe
     userMenuButtonProps.overrides,
   );
 
@@ -75,7 +73,6 @@ export default function UserMenuComponent(props: {|
     overrides.UserMenu,
     StatefulMenu,
   );
-  // $FlowFixMe
   userMenuProps.overrides = mergeOverrides(
     {
       List: {
@@ -107,7 +104,6 @@ export default function UserMenuComponent(props: {|
         );
       }),
     },
-    // $FlowFixMe
     userMenuProps.overrides,
   );
 

package/aspect-ratio-box/aspect-ratio-box-body.js.flow

@@ -17,7 +17,7 @@ export const AspectRatioBoxBody = ({
   bottom,
   width,
   ...restProps
-}: BlockPropsT): React.Node => (
+}: $Exact<BlockPropsT>): React.Node => (
   <Block
     data-baseweb="aspect-ratio-box-body"
     position={position || 'absolute'}

package/aspect-ratio-box/aspect-ratio-box.js

@@ -58,9 +58,9 @@ var AspectRatioBox = function AspectRatioBox(_ref2) {
     }
   };
   var blockOverrides = (0, _overrides.mergeOverrides)(aspectRatioBoxOverrides, overrides);
-  return /*#__PURE__*/React.createElement(_index.Block // coerced to any because because of how react components are typed.
+  return /*#__PURE__*/React.createElement(_index.Block // coerced to any because of how react components are typed.
   // cannot guarantee an html element
-  // eslint-disable-next-line flowtype/no-weak-types
+  // flowlint-next-line unclear-type:off
   , _extends({
     ref: forwardedRef,
     overrides: blockOverrides,

package/aspect-ratio-box/aspect-ratio-box.js.flow

@@ -35,7 +35,8 @@ const AspectRatioBox = ({
   aspectRatio = 1,
   overrides = {},
   ...restProps
-}): React.Node => {
+}: // flowlint-next-line unclear-type:off
+AspectRatioBoxPropsT & {forwardedRef: any}): React.Node => {
   const aspectRatioBoxOverrides = {
     Block: {
       style: aspectRatioBoxStyle,
@@ -44,9 +45,9 @@ const AspectRatioBox = ({
   const blockOverrides = mergeOverrides(aspectRatioBoxOverrides, overrides);
   return (
     <Block
-      // coerced to any because because of how react components are typed.
+      // coerced to any because of how react components are typed.
       // cannot guarantee an html element
-      // eslint-disable-next-line flowtype/no-weak-types
+      // flowlint-next-line unclear-type:off
       ref={(forwardedRef: any)}
       overrides={blockOverrides}
       $aspectRatio={aspectRatio}

package/block/block.js

@@ -116,7 +116,7 @@ function Block(_ref) {
 
   return /*#__PURE__*/React.createElement(BaseBlock // coerced to any because because of how react components are typed.
   // cannot guarantee an html element
-  // eslint-disable-next-line flowtype/no-weak-types
+  // flowlint-next-line unclear-type:off
   , _extends({
     ref: forwardedRef,
     $as: as,

package/block/block.js.flow

@@ -93,7 +93,7 @@ function Block({
     <BaseBlock
       // coerced to any because because of how react components are typed.
       // cannot guarantee an html element
-      // eslint-disable-next-line flowtype/no-weak-types
+      // flowlint-next-line unclear-type:off
       ref={(forwardedRef: any)}
       $as={as}
       $color={color}

package/block/styled-components.js.flow

@@ -22,8 +22,9 @@ function constrainToNull(value) {
 
 type ApplyParams = {
   property: string,
-  value?: * | Array<*>,
-  // eslint-disable-next-line flowtype/no-weak-types
+  // flowlint-next-line unclear-type:off
+  value?: any | Array<any>,
+  // flowlint-next-line unclear-type:off
   transform?: Function,
 };
 

package/block/types.js.flow

@@ -343,6 +343,7 @@ export type BlockPropsT = {
   textOverflow?: ResponsiveT<string>,
   /** available values: https://developer.mozilla.org/en-US/docs/Web/CSS/white-space */
   whiteSpace?: ResponsiveT<WhiteSpaceT>,
+  src?: string,
 };
 
 export type StyledBlockPropsT = {

package/breadcrumbs/breadcrumbs.js

@@ -81,16 +81,13 @@ function Breadcrumbs(props) {
       Separator = _getOverrides12[0],
       baseSeparatorProps = _getOverrides12[1];
 
-  var iconOverrides = (0, _overrides.mergeOverrides)({
+  baseIconProps.overrides = (0, _overrides.mergeOverrides)({
     Svg: {
       style: {
         verticalAlign: 'text-bottom'
       }
     }
-  }, // $FlowFixMe
-  baseIconProps && baseIconProps.overrides); // $FlowFixMe
-
-  baseIconProps.overrides = iconOverrides;
+  }, baseIconProps && baseIconProps.overrides);
   childrenArray.forEach(function (child, index) {
     childrenWithSeparators.push( /*#__PURE__*/_react.default.createElement(ListItem, _extends({
       key: "breadcrumb-item-".concat(index),

package/breadcrumbs/breadcrumbs.js.flow

@@ -15,10 +15,10 @@ import ChevronRight from '../icon/chevron-right.js';
 import ChevronLeft from '../icon/chevron-left.js';
 import type {BreadcrumbsPropsT} from './types.js';
 import {
-  StyledRoot,
-  StyledSeparator,
   StyledList,
   StyledListItem,
+  StyledRoot,
+  StyledSeparator,
 } from './styled-components.js';
 import {getOverrides, mergeOverrides} from '../helpers/overrides.js';
 
@@ -40,13 +40,10 @@ export function Breadcrumbs(props: BreadcrumbsPropsT) {
     StyledSeparator,
   );
 
-  const iconOverrides = mergeOverrides(
+  baseIconProps.overrides = mergeOverrides(
     {Svg: {style: {verticalAlign: 'text-bottom'}}},
-    // $FlowFixMe
     baseIconProps && baseIconProps.overrides,
   );
-  // $FlowFixMe
-  baseIconProps.overrides = iconOverrides;
 
   childrenArray.forEach((child, index) => {
     childrenWithSeparators.push(

package/button/button.js

@@ -192,7 +192,8 @@ var Button = /*#__PURE__*/function (_React$Component) {
 
 _defineProperty(Button, "defaultProps", _defaultProps.defaultProps);
 
-var ForwardedButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
+var ForwardedButton = /*#__PURE__*/React.forwardRef( //$FlowFixMe
+function (props, ref) {
   return /*#__PURE__*/React.createElement(Button, _extends({
     forwardedRef: ref
   }, props));

package/button/button.js.flow

@@ -17,17 +17,16 @@ import {defaultProps} from './default-props.js';
 import {getOverrides} from '../helpers/overrides.js';
 import {isFocusVisible, forkFocus, forkBlur} from '../utils/focusVisible.js';
 
-import type {ButtonPropsT} from './types.js';
+import type {ButtonPropsT, SharedStylePropsT, ReactRefT} from './types.js';
 
 class Button extends React.Component<
-  // eslint-disable-next-line flowtype/no-weak-types
-  ButtonPropsT & {forwardedRef: any},
+  ButtonPropsT & {forwardedRef: ReactRefT<HTMLElement>},
   {isFocusVisible: boolean},
 > {
   static defaultProps = defaultProps;
   state = {isFocusVisible: false};
 
-  internalOnClick = (...args: *) => {
+  internalOnClick = (...args) => {
     const {isLoading, onClick} = this.props;
     if (isLoading) {
       args[0].preventDefault();
@@ -71,16 +70,17 @@ class Button extends React.Component<
       overrides.BaseButton || overrides.Root,
       StyledBaseButton,
     );
-    const [LoadingSpinner, loadingSpinnerProps] = getOverrides(
-      overrides.LoadingSpinner,
-      StyledLoadingSpinner,
-    );
+    const [LoadingSpinner, loadingSpinnerProps] =
+      getOverrides<SharedStylePropsT>(
+        overrides.LoadingSpinner,
+        StyledLoadingSpinner,
+      );
     const [LoadingSpinnerContainer, loadingSpinnerContainerProps] =
-      getOverrides(
+      getOverrides<SharedStylePropsT>(
         overrides.LoadingSpinnerContainer,
         StyledLoadingSpinnerContainer,
       );
-    const sharedProps = {
+    const sharedProps: SharedStylePropsT = {
       ...getSharedProps(this.props),
       $isFocusVisible: this.state.isFocusVisible,
     };
@@ -133,6 +133,7 @@ class Button extends React.Component<
 }
 
 const ForwardedButton = React.forwardRef<ButtonPropsT, HTMLButtonElement>(
+  //$FlowFixMe
   (props: ButtonPropsT, ref) => <Button forwardedRef={ref} {...props} />,
 );
 ForwardedButton.displayName = 'Button';

package/button/styled-components.js

@@ -78,7 +78,6 @@ var BaseButton = (0, _index.styled)('button', function (_ref) {
     $isSelected: $isSelected,
     $disabled: $disabled
   })), getShapeStyles({
-    $theme: $theme,
     $shape: $shape,
     $size: $size
   }));
@@ -455,8 +454,7 @@ function getColorStyles(_ref13) {
 }
 
 function getShapeStyles(_ref14) {
-  var $theme = _ref14.$theme,
-      $shape = _ref14.$shape,
+  var $shape = _ref14.$shape,
       $size = _ref14.$size;
 
   if ($shape === _constants.SHAPE.circle || $shape === _constants.SHAPE.square) {

package/button/styled-components.js.flow

@@ -8,6 +8,7 @@ LICENSE file in the root directory of this source tree.
 import {styled} from '../styles/index.js';
 import {KIND, SIZE, SHAPE} from './constants.js';
 import type {SharedStylePropsT} from './types.js';
+import type {FontT} from '../themes/types.js';
 
 export const BaseButton = styled<SharedStylePropsT>(
   'button',
@@ -21,6 +22,7 @@ export const BaseButton = styled<SharedStylePropsT>(
     $isSelected,
     $disabled,
     $isFocusVisible,
+    //$FlowFixMe
   }) => ({
     display: 'inline-flex',
     // need to maintain button width while showing loading spinner
@@ -64,7 +66,7 @@ export const BaseButton = styled<SharedStylePropsT>(
       $isSelected,
       $disabled,
     }),
-    ...getShapeStyles({$theme, $shape, $size}),
+    ...getShapeStyles({$shape, $size}),
   }),
 );
 
@@ -219,7 +221,7 @@ function getBorderRadiiStyles({$theme, $size, $shape}) {
   };
 }
 
-function getFontStyles({$theme, $size}) {
+function getFontStyles({$theme, $size}): FontT {
   switch ($size) {
     case SIZE.mini:
       return $theme.typography.font150;
@@ -431,7 +433,14 @@ function getColorStyles({
   }
 }
 
-function getShapeStyles({$theme, $shape, $size}) {
+function getShapeStyles({$shape, $size}): {
+  height?: string,
+  width?: string,
+  paddingTop?: number,
+  paddingBottom?: number,
+  paddingLeft?: number,
+  paddingRight?: number,
+} {
   if ($shape === SHAPE.circle || $shape === SHAPE.square) {
     let height, width;
     switch ($size) {

package/button/types.js.flow

@@ -10,6 +10,8 @@ import * as React from 'react';
 import {KIND, SIZE, SHAPE} from './constants.js';
 import type {OverrideT} from '../helpers/overrides.js';
 
+export type ReactRefT<T> = {|current: null | T|};
+
 export type OverridesT = {
   Root?: OverrideT,
   BaseButton?: OverrideT,
@@ -29,7 +31,7 @@ export type ButtonPropsT = {
   colors?: CustomColorsT,
   disabled?: boolean,
   /** A helper rendered at the end of the button. */
-  // eslint-disable-next-line flowtype/no-weak-types
+  // flowlint-next-line unclear-type:off
   endEnhancer?: React.Node | React.AbstractComponent<any>,
   /** Show loading button style and spinner. */
   isLoading?: boolean,
@@ -44,7 +46,7 @@ export type ButtonPropsT = {
   /** Defines the size of the button */
   size?: $Keys<typeof SIZE>,
   /** A helper rendered at the start of the button. */
-  // eslint-disable-next-line flowtype/no-weak-types
+  // flowlint-next-line unclear-type:off
   startEnhancer?: React.Node | React.AbstractComponent<any>,
   type?: 'submit' | 'reset' | 'button',
 };

package/button/utils.js.flow

@@ -5,7 +5,7 @@ This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
 // @flow
-import type {ButtonPropsT} from './types.js';
+import type {ButtonPropsT, SharedStylePropsT} from './types.js';
 
 export function getSharedProps({
   colors,
@@ -15,7 +15,7 @@ export function getSharedProps({
   kind,
   shape,
   size,
-}: ButtonPropsT) {
+}: ButtonPropsT): $Shape<SharedStylePropsT> {
   return {
     $colors: colors,
     $disabled: disabled,

package/button-group/button-group.js.flow

@@ -29,7 +29,7 @@ function isIndexSelected(selected, index) {
 }
 
 export default class ButtonGroup extends React.Component<PropsT> {
-  childRefs: // eslint-disable-next-line flowtype/no-weak-types
+  childRefs: // flowlint-next-line unclear-type:off
   {[key: number]: React.ElementRef<any>} = {};
   static defaultProps = {
     disabled: false,

package/button-group/stateful-button-group.js

@@ -35,6 +35,10 @@ function StatefulButtonGroup(props) {
   }, restProps), function (_ref) {
     var containerProps = _extends({}, _ref);
 
-    return /*#__PURE__*/React.createElement(_buttonGroup.default, containerProps, props.children);
+    return (
+      /*#__PURE__*/
+      //$FlowFixMe
+      React.createElement(_buttonGroup.default, containerProps, props.children)
+    );
   });
 }

package/button-group/stateful-button-group.js.flow

@@ -17,6 +17,7 @@ export default function StatefulButtonGroup(props: StatefulPropsT) {
   return (
     <StatefulContainer initialState={initialState} {...restProps}>
       {({...containerProps}) => (
+        //$FlowFixMe
         <ButtonGroup {...containerProps}>{props.children}</ButtonGroup>
       )}
     </StatefulContainer>

package/button-group/types.js.flow

@@ -10,7 +10,6 @@ import * as React from 'react';
 
 import {SIZE, SHAPE, KIND} from '../button/index.js';
 import type {OverrideT} from '../helpers/overrides.js';
-
 import {MODE, STATE_CHANGE_TYPE} from './constants.js';
 
 // button-group

package/checkbox/stateful-checkbox-container.js.flow

@@ -81,9 +81,9 @@ class StatefulCheckboxContainer extends React.Component<
 
   render() {
     const {
-      children = (childProps: {}) => null, // eslint-disable-line no-unused-vars
-      initialState, // eslint-disable-line no-unused-vars
-      stateReducer, // eslint-disable-line no-unused-vars
+      children = (childProps: {}) => null,
+      initialState,
+      stateReducer,
       ...restProps
     } = this.props;
     const {onChange, onMouseEnter, onMouseLeave, onFocus, onBlur} = this;