baseui 0.0.0-next-155c82a → 0.0.0-next-f299539

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/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,7 +58,7 @@ 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
   , _extends({

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

@@ -35,7 +35,8 @@ const AspectRatioBox = ({
   aspectRatio = 1,
   overrides = {},
   ...restProps
-}): React.Node => {
+}: // eslint-disable-next-line flowtype/no-weak-types
+AspectRatioBoxPropsT & {forwardedRef: any}): React.Node => {
   const aspectRatioBoxOverrides = {
     Block: {
       style: aspectRatioBoxStyle,
@@ -44,7 +45,7 @@ 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
       ref={(forwardedRef: any)}

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,7 +17,7 @@ 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} from './types.js';
 
 class Button extends React.Component<
   // eslint-disable-next-line flowtype/no-weak-types
@@ -71,16 +71,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 +134,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/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/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/combobox/combobox.js.flow

@@ -241,14 +241,10 @@ function Combobox<OptionT>(props: PropsT<OptionT>) {
     overrides.ListItem,
     StyledListItem,
   );
-  const [
-    OverriddenInput,
-    // $FlowFixMe
-    {overrides: inputOverrides = {}, ...restInputProps},
-  ] = getOverrides(overrides.Input, Input);
+  const [OverriddenInput, {overrides: inputOverrides = {}, ...restInputProps}] =
+    getOverrides(overrides.Input, Input);
   const [
     OverriddenPopover,
-    // $FlowFixMe
     {overrides: popoverOverrides = {}, ...restPopoverProps},
   ] = getOverrides(overrides.Popover, Popover);
 

package/combobox/styled-components.js.flow

@@ -8,6 +8,7 @@ LICENSE file in the root directory of this source tree.
 
 import {SIZE} from '../input/index.js';
 import {styled} from '../styles/index.js';
+import type {FontT} from '../themes/types.js';
 
 export const StyledRoot = styled('div', {});
 
@@ -29,8 +30,14 @@ export const StyledListBox = styled<{|$width: string|}>(
   },
 );
 
-function buildStylesForSize(size, theme) {
-  const paddingDir = theme.direction === 'rtl' ? 'paddingRight' : 'paddingLeft';
+function buildStylesForSize(
+  size,
+  theme,
+):
+  | {|...FontT, height: string, paddingLeft?: string|}
+  | {|...FontT, height: string, paddingRight?: string|} {
+  const paddingDir: string =
+    theme.direction === 'rtl' ? 'paddingRight' : 'paddingLeft';
   switch (size) {
     case SIZE.mini:
       return {

package/data-table/column-custom.js

@@ -18,6 +18,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 function CustomColumn(options) {
+  //$FlowFixMe
   return (0, _column.default)(_objectSpread({
     kind: _constants.COLUMNS.CUSTOM
   }, options));

package/data-table/column-custom.js.flow

@@ -29,6 +29,7 @@ type OptionsT<ValueT, FilterParamsT> = {|
 function CustomColumn<ValueT, FilterParamsT>(
   options: OptionsT<ValueT, FilterParamsT>,
 ): ColumnT<ValueT, FilterParamsT> {
+  //$FlowFixMe
   return Column({kind: COLUMNS.CUSTOM, ...options});
 }
 

package/datepicker/calendar-header.js

@@ -113,7 +113,7 @@ var CalendarHeader = /*#__PURE__*/function (_React$Component) {
 
     _classCallCheck(this, CalendarHeader);
 
-    _this = _super.call(this, props);
+    _this = _super.call(this, props); //$FlowFixMe
 
     _defineProperty(_assertThisInitialized(_this), "dateHelpers", void 0);
 
@@ -469,17 +469,14 @@ var CalendarHeader = /*#__PURE__*/function (_React$Component) {
           OverriddenStatefulMenu = _getOverrides16[0],
           menuProps = _getOverrides16[1];
 
-      var menuOverrides = (0, _overrides.mergeOverrides)({
+      menuProps.overrides = (0, _overrides.mergeOverrides)({
         List: {
           style: {
             height: 'auto',
             maxHeight: '257px'
           }
         }
-      }, // $FlowFixMe
-      menuProps && menuProps.overrides); // $FlowFixMe
-
-      menuProps.overrides = menuOverrides;
+      }, menuProps && menuProps.overrides);
 
       var initialMonthIndex = _this.monthItems.findIndex(function (month) {
         return month.id === _this.dateHelpers.getMonth(date).toString();

package/datepicker/calendar-header.js.flow

@@ -18,19 +18,19 @@ import {LocaleContext} from '../locale/index.js';
 import {ThemeContext} from '../styles/theme-provider.js';
 import {
   StyledCalendarHeader,
-  StyledPrevButton,
-  StyledNextButton,
   StyledMonthHeader,
-  StyledWeekdayHeader,
   StyledMonthYearSelectButton,
   StyledMonthYearSelectIconContainer,
+  StyledNextButton,
+  StyledPrevButton,
+  StyledWeekdayHeader,
 } from './styled-components.js';
-import {ORIENTATION, WEEKDAYS, DENSITY} from './constants.js';
+import {DENSITY, ORIENTATION, WEEKDAYS} from './constants.js';
 import {getOverrides, mergeOverrides} from '../helpers/overrides.js';
 import type {HeaderPropsT} from './types.js';
 import type {LocaleT} from '../locale/types.js';
 import type {ThemeT} from '../styles/types.js';
-import {isFocusVisible, forkFocus, forkBlur} from '../utils/focusVisible.js';
+import {forkBlur, forkFocus, isFocusVisible} from '../utils/focusVisible.js';
 
 const navBtnStyle = ({$theme}) => ({
   cursor: 'pointer',
@@ -73,6 +73,7 @@ export default class CalendarHeader<T = Date> extends React.Component<
 
   constructor(props: HeaderPropsT<T>) {
     super(props);
+    //$FlowFixMe
     this.dateHelpers = new DateHelpers(props.adapter);
     this.monthItems = [];
     this.yearItems = [];
@@ -429,13 +430,10 @@ export default class CalendarHeader<T = Date> extends React.Component<
       overrides.MonthYearSelectStatefulMenu,
       StatefulMenu,
     );
-    const menuOverrides = mergeOverrides(
+    menuProps.overrides = mergeOverrides(
       {List: {style: {height: 'auto', maxHeight: '257px'}}},
-      // $FlowFixMe
       menuProps && menuProps.overrides,
     );
-    // $FlowFixMe
-    menuProps.overrides = menuOverrides;
 
     const initialMonthIndex = this.monthItems.findIndex(
       (month) => month.id === this.dateHelpers.getMonth(date).toString(),

package/datepicker/calendar.js

@@ -598,7 +598,8 @@ var Calendar = /*#__PURE__*/function (_React$Component) {
     var _this$props3 = _this.props,
         _highlightedDate = _this$props3.highlightedDate,
         _value = _this$props3.value,
-        adapter = _this$props3.adapter;
+        adapter = _this$props3.adapter; //$FlowFixMe
+
     _this.dateHelpers = new _dateHelpers.default(adapter);
 
     var dateInView = _this.getDateInView();

package/datepicker/calendar.js.flow

@@ -64,6 +64,7 @@ export default class Calendar<T = Date> extends React.Component<
     super(props);
 
     const {highlightedDate, value, adapter} = this.props;
+    //$FlowFixMe
     this.dateHelpers = new DateHelpers(adapter);
     const dateInView = this.getDateInView();
     let time = [];
@@ -530,7 +531,6 @@ export default class Calendar<T = Date> extends React.Component<
     );
     const [
       QuickSelect,
-      // $FlowFixMe
       {overrides: quickSelectOverrides, ...restQuickSelectProps},
     ] = getOverrides(
       //

package/datepicker/datepicker.js

@@ -118,7 +118,7 @@ var Datepicker = /*#__PURE__*/function (_React$Component) {
 
     _classCallCheck(this, Datepicker);
 
-    _this = _super.call(this, props);
+    _this = _super.call(this, props); //$FlowFixMe
 
     _defineProperty(_assertThisInitialized(_this), "calendar", void 0);
 

package/datepicker/datepicker.js.flow

@@ -70,6 +70,7 @@ export default class Datepicker<T = Date> extends React.Component<
 
   constructor(props: DatepickerPropsT<T>) {
     super(props);
+    //$FlowFixMe
     this.dateHelpers = new DateHelpers(props.adapter);
     this.state = {
       calendarFocused: false,

package/datepicker/types.js.flow

@@ -163,7 +163,7 @@ export type CalendarPropsT<T = Date> = {
   maxDate?: ?T,
   /** A min date that is selectable. */
   minDate?: ?T,
-  adapter: DateIOAdapter<T>,
+  adapter?: DateIOAdapter<T>,
   /** A number of months rendered in the calendar. */
   monthsShown?: number,
   /** Day's `click` event handler. */

package/drawer/constants.js.flow

@@ -5,8 +5,9 @@ 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 {AnchorT, AnchorPropT, SizeT, SizePropT} from './types.js';
 
-export const SIZE = {
+export const SIZE: {[key: SizeT]: SizePropT} = {
   default: 'default',
   full: 'full',
   auto: 'auto',
@@ -24,7 +25,7 @@ export const CLOSE_SOURCE = {
   escape: 'escape',
 };
 
-export const ANCHOR = {
+export const ANCHOR: {[key: AnchorT]: AnchorPropT} = {
   left: 'left',
   right: 'right',
   top: 'top',