baseui 10.9.2 → 10.11.1

package/esm/icon/spinner.js

@@ -46,25 +46,29 @@ function Spinner(props, ref) {
   {
     component: theme.icons && theme.icons.Spinner ? theme.icons.Spinner : null
   }, overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {});
-  return /*#__PURE__*/React.createElement(Icon, _extends({
-    viewBox: "0 0 24 24",
-    ref: ref,
-    title: title,
-    size: size,
-    color: color,
-    overrides: {
-      Svg: SvgOverride
-    }
-  }, restProps), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5ZM3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12Z",
-    fillOpacity: "0.32"
-  }), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M16.9497 7.05015C14.2161 4.31648 9.78392 4.31648 7.05025 7.05015C6.65973 7.44067 6.02656 7.44067 5.63604 7.05015C5.24551 6.65962 5.24551 6.02646 5.63604 5.63593C9.15076 2.12121 14.8492 2.12121 18.364 5.63593C18.7545 6.02646 18.7545 6.65962 18.364 7.05015C17.9734 7.44067 17.3403 7.44067 16.9497 7.05015Z"
-  }));
+  return (
+    /*#__PURE__*/
+    // $FlowExpectedError[cannot-spread-inexact]
+    React.createElement(Icon, _extends({
+      viewBox: "0 0 24 24",
+      ref: ref,
+      title: title,
+      size: size,
+      color: color,
+      overrides: {
+        Svg: SvgOverride
+      }
+    }, restProps), /*#__PURE__*/React.createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M12 5C8.13401 5 5 8.13401 5 12C5 15.866 8.13401 19 12 19C15.866 19 19 15.866 19 12C19 8.13401 15.866 5 12 5ZM3 12C3 7.02944 7.02944 3 12 3C16.9706 3 21 7.02944 21 12C21 16.9706 16.9706 21 12 21C7.02944 21 3 16.9706 3 12Z",
+      fillOpacity: "0.32"
+    }), /*#__PURE__*/React.createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M16.9497 7.05015C14.2161 4.31648 9.78392 4.31648 7.05025 7.05015C6.65973 7.44067 6.02656 7.44067 5.63604 7.05015C5.24551 6.65962 5.24551 6.02646 5.63604 5.63593C9.15076 2.12121 14.8492 2.12121 18.364 5.63593C18.7545 6.02646 18.7545 6.65962 18.364 7.05015C17.9734 7.44067 17.3403 7.44067 16.9497 7.05015Z"
+    }))
+  );
 }
 
 export default /*#__PURE__*/React.forwardRef(Spinner);

package/esm/icon/triangle-down.js

@@ -46,18 +46,22 @@ function TriangleDown(props, ref) {
   {
     component: theme.icons && theme.icons.TriangleDown ? theme.icons.TriangleDown : null
   }, overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {});
-  return /*#__PURE__*/React.createElement(Icon, _extends({
-    viewBox: "0 0 24 24",
-    ref: ref,
-    title: title,
-    size: size,
-    color: color,
-    overrides: {
-      Svg: SvgOverride
-    }
-  }, restProps), /*#__PURE__*/React.createElement("path", {
-    d: "M12.7071 15.2929L17.1464 10.8536C17.4614 10.5386 17.2383 10 16.7929 10L7.20711 10C6.76165 10 6.53857 10.5386 6.85355 10.8536L11.2929 15.2929C11.6834 15.6834 12.3166 15.6834 12.7071 15.2929Z"
-  }));
+  return (
+    /*#__PURE__*/
+    // $FlowExpectedError[cannot-spread-inexact]
+    React.createElement(Icon, _extends({
+      viewBox: "0 0 24 24",
+      ref: ref,
+      title: title,
+      size: size,
+      color: color,
+      overrides: {
+        Svg: SvgOverride
+      }
+    }, restProps), /*#__PURE__*/React.createElement("path", {
+      d: "M12.7071 15.2929L17.1464 10.8536C17.4614 10.5386 17.2383 10 16.7929 10L7.20711 10C6.76165 10 6.53857 10.5386 6.85355 10.8536L11.2929 15.2929C11.6834 15.6834 12.3166 15.6834 12.7071 15.2929Z"
+    }))
+  );
 }
 
 export default /*#__PURE__*/React.forwardRef(TriangleDown);

package/esm/icon/triangle-left.js

@@ -46,18 +46,22 @@ function TriangleLeft(props, ref) {
   {
     component: theme.icons && theme.icons.TriangleLeft ? theme.icons.TriangleLeft : null
   }, overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {});
-  return /*#__PURE__*/React.createElement(Icon, _extends({
-    viewBox: "0 0 24 24",
-    ref: ref,
-    title: title,
-    size: size,
-    color: color,
-    overrides: {
-      Svg: SvgOverride
-    }
-  }, restProps), /*#__PURE__*/React.createElement("path", {
-    d: "M8.70711 11.2929L13.1464 6.85355C13.4614 6.53857 14 6.76165 14 7.20711L14 16.7929C14 17.2383 13.4614 17.4614 13.1464 17.1464L8.70711 12.7071C8.31658 12.3166 8.31658 11.6834 8.70711 11.2929Z"
-  }));
+  return (
+    /*#__PURE__*/
+    // $FlowExpectedError[cannot-spread-inexact]
+    React.createElement(Icon, _extends({
+      viewBox: "0 0 24 24",
+      ref: ref,
+      title: title,
+      size: size,
+      color: color,
+      overrides: {
+        Svg: SvgOverride
+      }
+    }, restProps), /*#__PURE__*/React.createElement("path", {
+      d: "M8.70711 11.2929L13.1464 6.85355C13.4614 6.53857 14 6.76165 14 7.20711L14 16.7929C14 17.2383 13.4614 17.4614 13.1464 17.1464L8.70711 12.7071C8.31658 12.3166 8.31658 11.6834 8.70711 11.2929Z"
+    }))
+  );
 }
 
 export default /*#__PURE__*/React.forwardRef(TriangleLeft);

package/esm/icon/triangle-right.js

@@ -46,18 +46,22 @@ function TriangleRight(props, ref) {
   {
     component: theme.icons && theme.icons.TriangleRight ? theme.icons.TriangleRight : null
   }, overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {});
-  return /*#__PURE__*/React.createElement(Icon, _extends({
-    viewBox: "0 0 24 24",
-    ref: ref,
-    title: title,
-    size: size,
-    color: color,
-    overrides: {
-      Svg: SvgOverride
-    }
-  }, restProps), /*#__PURE__*/React.createElement("path", {
-    d: "M15.2929 11.2929L10.8536 6.85355C10.5386 6.53857 10 6.76165 10 7.20711L10 16.7929C10 17.2383 10.5386 17.4614 10.8536 17.1464L15.2929 12.7071C15.6834 12.3166 15.6834 11.6834 15.2929 11.2929Z"
-  }));
+  return (
+    /*#__PURE__*/
+    // $FlowExpectedError[cannot-spread-inexact]
+    React.createElement(Icon, _extends({
+      viewBox: "0 0 24 24",
+      ref: ref,
+      title: title,
+      size: size,
+      color: color,
+      overrides: {
+        Svg: SvgOverride
+      }
+    }, restProps), /*#__PURE__*/React.createElement("path", {
+      d: "M15.2929 11.2929L10.8536 6.85355C10.5386 6.53857 10 6.76165 10 7.20711L10 16.7929C10 17.2383 10.5386 17.4614 10.8536 17.1464L15.2929 12.7071C15.6834 12.3166 15.6834 11.6834 15.2929 11.2929Z"
+    }))
+  );
 }
 
 export default /*#__PURE__*/React.forwardRef(TriangleRight);

package/esm/icon/triangle-up.js

@@ -46,18 +46,22 @@ function TriangleUp(props, ref) {
   {
     component: theme.icons && theme.icons.TriangleUp ? theme.icons.TriangleUp : null
   }, overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {});
-  return /*#__PURE__*/React.createElement(Icon, _extends({
-    viewBox: "0 0 24 24",
-    ref: ref,
-    title: title,
-    size: size,
-    color: color,
-    overrides: {
-      Svg: SvgOverride
-    }
-  }, restProps), /*#__PURE__*/React.createElement("path", {
-    d: "M12.7071 8.70711L17.1464 13.1464C17.4614 13.4614 17.2383 14 16.7929 14L7.20711 14C6.76165 14 6.53857 13.4614 6.85355 13.1464L11.2929 8.70711C11.6834 8.31658 12.3166 8.31658 12.7071 8.70711Z"
-  }));
+  return (
+    /*#__PURE__*/
+    // $FlowExpectedError[cannot-spread-inexact]
+    React.createElement(Icon, _extends({
+      viewBox: "0 0 24 24",
+      ref: ref,
+      title: title,
+      size: size,
+      color: color,
+      overrides: {
+        Svg: SvgOverride
+      }
+    }, restProps), /*#__PURE__*/React.createElement("path", {
+      d: "M12.7071 8.70711L17.1464 13.1464C17.4614 13.4614 17.2383 14 16.7929 14L7.20711 14C6.76165 14 6.53857 13.4614 6.85355 13.1464L11.2929 8.70711C11.6834 8.31658 12.3166 8.31658 12.7071 8.70711Z"
+    }))
+  );
 }
 
 export default /*#__PURE__*/React.forwardRef(TriangleUp);

package/esm/icon/upload.js

@@ -46,20 +46,24 @@ function Upload(props, ref) {
   {
     component: theme.icons && theme.icons.Upload ? theme.icons.Upload : null
   }, overrides && overrides.Svg ? toObjectOverride(overrides.Svg) : {});
-  return /*#__PURE__*/React.createElement(Icon, _extends({
-    viewBox: "0 0 24 24",
-    ref: ref,
-    title: title,
-    size: size,
-    color: color,
-    overrides: {
-      Svg: SvgOverride
-    }
-  }, restProps), /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M14.5 5C12.8755 5 11.4519 5.86084 10.6609 7.15112C10.2905 7.05249 9.90137 7 9.5 7C7.14185 7 5.20752 8.81372 5.01562 11.1221C3.28247 11.5605 2 13.1304 2 15C2 17.2092 3.79077 19 6 19H11V14.4143L9.70703 15.707C9.31665 16.0977 8.68335 16.0977 8.29297 15.707C7.90234 15.3167 7.90234 14.6833 8.29297 14.293L11.293 11.293C11.6833 10.9023 12.3167 10.9023 12.707 11.293L15.707 14.293C16.0977 14.6833 16.0977 15.3167 15.707 15.707C15.3167 16.0977 14.6833 16.0977 14.293 15.707L13 14.4143V19H17C19.7615 19 22 16.7615 22 14C22 11.9492 20.7656 10.187 18.9993 9.41577C18.9543 6.96924 16.9573 5 14.5 5Z"
-  }));
+  return (
+    /*#__PURE__*/
+    // $FlowExpectedError[cannot-spread-inexact]
+    React.createElement(Icon, _extends({
+      viewBox: "0 0 24 24",
+      ref: ref,
+      title: title,
+      size: size,
+      color: color,
+      overrides: {
+        Svg: SvgOverride
+      }
+    }, restProps), /*#__PURE__*/React.createElement("path", {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M14.5 5C12.8755 5 11.4519 5.86084 10.6609 7.15112C10.2905 7.05249 9.90137 7 9.5 7C7.14185 7 5.20752 8.81372 5.01562 11.1221C3.28247 11.5605 2 13.1304 2 15C2 17.2092 3.79077 19 6 19H11V14.4143L9.70703 15.707C9.31665 16.0977 8.68335 16.0977 8.29297 15.707C7.90234 15.3167 7.90234 14.6833 8.29297 14.293L11.293 11.293C11.6833 10.9023 12.3167 10.9023 12.707 11.293L15.707 14.293C16.0977 14.6833 16.0977 15.3167 15.707 15.707C15.3167 16.0977 14.6833 16.0977 14.293 15.707L13 14.4143V19H17C19.7615 19 22 16.7615 22 14C22 11.9492 20.7656 10.187 18.9993 9.41577C18.9543 6.96924 16.9573 5 14.5 5Z"
+    }))
+  );
 }
 
 export default /*#__PURE__*/React.forwardRef(Upload);

package/esm/input/masked-input.js

@@ -51,6 +51,7 @@ var MaskOverride = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     }, props));
   });
 });
+MaskOverride.displayName = 'MaskOverride';
 export default function MaskedInput(_ref2) {
   var mask = _ref2.mask,
       maskChar = _ref2.maskChar,

package/esm/input/stateful-container.js

@@ -85,7 +85,6 @@ var StatefulContainer = /*#__PURE__*/function (_React$Component) {
   _createClass(StatefulContainer, [{
     key: "render",
     value: function render() {
-      // eslint-disable-next-line no-unused-vars
       var _this$props = this.props,
           children = _this$props.children,
           initialState = _this$props.initialState,

package/esm/input/styled-components.js

@@ -104,7 +104,10 @@ function getFont(size, typography) {
   return (_SIZE$mini$SIZE$compa4 = {}, _defineProperty(_SIZE$mini$SIZE$compa4, SIZE.mini, typography.font100), _defineProperty(_SIZE$mini$SIZE$compa4, SIZE.compact, typography.font200), _defineProperty(_SIZE$mini$SIZE$compa4, SIZE.default, typography.font300), _defineProperty(_SIZE$mini$SIZE$compa4, SIZE.large, typography.font400), _SIZE$mini$SIZE$compa4)[size];
 }
 
-function getRootColors($disabled, $isFocused, $error, $positive, colors) {
+function getRootColors($disabled, $isFocused, $error) {
+  var $positive = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  var colors = arguments.length > 4 ? arguments[4] : undefined;
+
   if ($disabled) {
     return {
       borderLeftColor: colors.inputFillDisabled,
@@ -361,7 +364,8 @@ export var getInputStyles = function getInputStyles(props) {
       _props$$theme4 = props.$theme,
       colors = _props$$theme4.colors,
       sizing = _props$$theme4.sizing,
-      typography = _props$$theme4.typography;
+      typography = _props$$theme4.typography; //$FlowFixMe
+
   return _objectSpread(_objectSpread(_objectSpread({
     boxSizing: 'border-box',
     backgroundColor: 'transparent',

package/esm/layer/layer.js

@@ -198,9 +198,10 @@ var LayerComponent = /*#__PURE__*/function (_React$Component) {
       }, children) : children;
 
       if (typeof document !== 'undefined') {
-        if (mountNode || container) {
-          // $FlowFixMe
-          return /*#__PURE__*/ReactDOM.createPortal(childrenToRender, mountNode || container);
+        var portalContainer = mountNode || container;
+
+        if (portalContainer) {
+          return /*#__PURE__*/ReactDOM.createPortal(childrenToRender, portalContainer);
         }
 
         return null;

package/esm/list/list-heading.js

@@ -104,7 +104,7 @@ var ListHeading = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
   }
 
-  return /*#__PURE__*/React.createElement(Root // eslint-disable-next-line flowtype/no-weak-types
+  return /*#__PURE__*/React.createElement(Root // flowlint-next-line unclear-type:off
   , _extends({
     ref: ref
   }, rootProps), /*#__PURE__*/React.createElement(Content, contentProps, /*#__PURE__*/React.createElement(StyledHeadingContentRow, null, /*#__PURE__*/React.createElement(HeadingContainer, _extends({
@@ -115,11 +115,11 @@ var ListHeading = /*#__PURE__*/React.forwardRef(function (props, ref) {
     $isText: isEndEnhancerString
   }, endEnhancerContainerProps), /*#__PURE__*/React.createElement(RenderNode, {
     component: EndEnhancer
-  }))), (SubHeading || EndEnhancerDescription) && /*#__PURE__*/React.createElement(StyledHeadingContentRow, null, /*#__PURE__*/React.createElement(SubHeadingContainer, _extends({
+  }))), (Boolean(SubHeading) || EndEnhancerDescription) && /*#__PURE__*/React.createElement(StyledHeadingContentRow, null, /*#__PURE__*/React.createElement(SubHeadingContainer, _extends({
     $maxLines: isMaxLinesValid(maxLines) ? maxLines : 1
   }, subHeadingContainerProps), /*#__PURE__*/React.createElement(RenderNode, {
     component: SubHeading
-  })), EndEnhancerDescription && isEndEnhancerString && /*#__PURE__*/React.createElement(EndEnhancerDescriptionContainer, endEnhancerDescriptionContainerProps, /*#__PURE__*/React.createElement(RenderNode, {
+  })), Boolean(EndEnhancerDescription) && isEndEnhancerString && /*#__PURE__*/React.createElement(EndEnhancerDescriptionContainer, endEnhancerDescriptionContainerProps, /*#__PURE__*/React.createElement(RenderNode, {
     component: EndEnhancerDescription
   })))));
 });

package/esm/list/list-item.js

@@ -66,7 +66,7 @@ var ListItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
       return props.artworkSize || ARTWORK_SIZES.MEDIUM;
     }
   }, [props.artworkSize, props.sublist]);
-  return /*#__PURE__*/React.createElement(Root // eslint-disable-next-line flowtype/no-weak-types
+  return /*#__PURE__*/React.createElement(Root // flowlint-next-line unclear-type:off
   , _extends({
     ref: ref,
     $shape: props.shape || SHAPE.DEFAULT

package/esm/list/menu-adapter.js

@@ -14,8 +14,7 @@ var MenuAdapter = /*#__PURE__*/React.forwardRef(function (props, ref) {
     artwork: props.artwork,
     artworkSize: props.artworkSize,
     endEnhancer: props.endEnhancer,
-    overrides: // $FlowFixMe
-    mergeOverrides({
+    overrides: mergeOverrides({
       Root: {
         props: {
           onMouseEnter: props.onMouseEnter,

package/esm/map-marker/fixed-marker.js

@@ -104,6 +104,16 @@ var FixedMarker = function FixedMarker(_ref) {
     }
   }
 
+  var enhancers = {};
+
+  if (startEnhancer) {
+    enhancers.startEnhancer = startEnhancer;
+  }
+
+  if (endEnhancer) {
+    enhancers.endEnhancer = endEnhancer;
+  }
+
   return /*#__PURE__*/React.createElement(Root, _extends({
     "data-baseweb": "fixed-map-marker"
   }, rootProps), /*#__PURE__*/React.createElement(FixedMarkerDragContainer, _extends({
@@ -112,11 +122,7 @@ var FixedMarker = function FixedMarker(_ref) {
   }, fixedMarkerDragContainerProps), /*#__PURE__*/React.createElement(PinHead, _extends({
     size: size,
     label: label
-  }, startEnhancer ? {
-    startEnhancer: startEnhancer
-  } : {}, endEnhancer ? {
-    endEnhancer: endEnhancer
-  } : {}, {
+  }, enhancers, {
     color: color,
     background: backgroundColor,
     type: PINHEAD_TYPES.fixed,

package/esm/menu/maybe-child-menu.js

@@ -69,8 +69,7 @@ export default function MaybeChildMenu(props) {
             }
           }
         }
-      }, // $FlowFixMe - getOverrides' return type for props is {}
-      popoverProps.overrides)
+      }, popoverProps.overrides)
     }), props.children);
   });
 }

package/esm/menu/menu.js

@@ -33,7 +33,7 @@ import { isFocusVisible, forkFocus, forkBlur } from '../utils/focusVisible.js';
 export default function Menu(props) {
   var _props$overrides = props.overrides,
       overrides = _props$overrides === void 0 ? {} : _props$overrides,
-      _props$ariaLabel = props.ariaLabel,
+      _props$ariaLabel = props['aria-label'],
       ariaLabel = _props$ariaLabel === void 0 ? 'Menu' : _props$ariaLabel,
       _props$rootRef = props.rootRef,
       rootRef = _props$rootRef === void 0 ? /*#__PURE__*/React.createRef() : _props$rootRef,

package/esm/menu/option-profile.js

@@ -28,6 +28,7 @@ import MaybeChildMenu from './maybe-child-menu.js';
 import { StyledListItemProfile, StyledProfileImgContainer, StyledProfileImg, StyledProfileLabelsContainer, StyledProfileTitle, StyledProfileSubtitle, StyledProfileBody } from './styled-components.js';
 import { getOverrides } from '../helpers/overrides.js'; // Types
 
+// flowlint-next-line unclear-type:off
 function OptionProfile(props, ref) {
   var item = props.item,
       getChildMenu = props.getChildMenu,
@@ -85,6 +86,7 @@ function OptionProfile(props, ref) {
       body = _getProfileItemLabels.body;
 
   return /*#__PURE__*/React.createElement(MaybeChildMenu, {
+    ref: ref,
     getChildMenu: getChildMenu,
     isOpen: !!$isHighlighted,
     item: item,

package/esm/menu/stateful-container.js

@@ -367,9 +367,7 @@ var MenuStatefulContainerInner = /*#__PURE__*/function (_React$Component) {
       var rootRef = this.props.rootRef ? this.props.rootRef : this.rootRef;
 
       if (typeof document !== 'undefined') {
-        if (rootRef.current
-        /** This condition added to satisfy Flow */
-        && this.state.highlightedIndex > -1 && this.refList[this.state.highlightedIndex]) {
+        if (rootRef.current && this.state.highlightedIndex > -1 && this.refList[this.state.highlightedIndex]) {
           scrollItemIntoView(this.refList[this.state.highlightedIndex].current, rootRef.current, this.state.highlightedIndex === 0, this.state.highlightedIndex === this.getItems().length - 1, 'center');
         }
 
@@ -429,7 +427,7 @@ var MenuStatefulContainerInner = /*#__PURE__*/function (_React$Component) {
           highlightedIndex: -1
         });
       }
-    } // One array to hold all of list item refs
+    } // One array to hold all list item refs
 
   }, {
     key: "internalSetState",
@@ -485,6 +483,7 @@ var MenuStatefulContainerInner = /*#__PURE__*/function (_React$Component) {
 _defineProperty(MenuStatefulContainerInner, "defaultProps", DEFAULT_PROPS);
 
 var MenuStatefulContainer = function MenuStatefulContainer(props) {
+  //$FlowExpectedError[cannot-spread-inexact]
   return /*#__PURE__*/React.createElement(MenuStatefulContainerInner, _extends({
     uidSeed: useUIDSeed()
   }, props));

package/esm/menu/stateful-menu.js

@@ -58,11 +58,15 @@ var StatefulMenu = /*#__PURE__*/function (_React$PureComponent) {
           props = _objectWithoutProperties(_this$props, ["overrides"]);
 
       return /*#__PURE__*/React.createElement(NestedMenuContext.Consumer, null, function (ctx) {
-        return /*#__PURE__*/React.createElement(StatefulContainer, _extends({}, ctx, props), function (renderProps) {
-          return /*#__PURE__*/React.createElement(Menu, _extends({}, renderProps, {
-            overrides: overrides
-          }));
-        });
+        return (
+          /*#__PURE__*/
+          //$FlowExpectedError[cannot-spread-inexact]
+          React.createElement(StatefulContainer, _extends({}, ctx, props), function (renderProps) {
+            return /*#__PURE__*/React.createElement(Menu, _extends({}, renderProps, {
+              overrides: overrides
+            }));
+          })
+        );
       });
     }
   }]);

package/esm/menu/types.js

@@ -5,4 +5,4 @@ This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
 import * as React from 'react';
-import { STATE_CHANGE_TYPES, OPTION_LIST_SIZE } from './constants.js';
+import { STATE_CHANGE_TYPES, OPTION_LIST_SIZE } from './constants.js'; // flowlint-next-line unclear-type:off

package/esm/modal/modal-button.js

@@ -24,10 +24,15 @@ var overrides = {
   }
 };
 var ModalButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  return /*#__PURE__*/React.createElement(Button, _extends({
-    ref: ref
-  }, props, {
-    overrides: mergeOverrides(overrides, props.overrides)
-  }));
+  return (
+    /*#__PURE__*/
+    //$FlowExpectedError[cannot-spread-inexact]
+    React.createElement(Button, _extends({
+      ref: ref
+    }, props, {
+      overrides: mergeOverrides(overrides, props.overrides)
+    }))
+  );
 });
+ModalButton.displayName = 'ModalButton';
 export default ModalButton;

package/esm/modal/modal.js

@@ -287,7 +287,7 @@ var Modal = /*#__PURE__*/function (_React$Component) {
       if (mountNode) {
         return mountNode;
       } // Flow thinks body could be null (cast through any)
-      // eslint-disable-next-line flowtype/no-weak-types
+      // flowlint-next-line unclear-type:off
 
 
       return document.body;
@@ -359,11 +359,9 @@ var Modal = /*#__PURE__*/function (_React$Component) {
       if (autofocus === false && process.env.NODE_ENV !== "production") {
         console.warn("The prop \"autofocus\" is deprecated in favor of \"autoFocus\" to be consistent across the project.\n        The property \"autofocus\" will be removed in a future major version.");
       } // Handles backdrop click when `unstable_ModalBackdropScroll` is set to true
-      // $FlowFixMe
 
 
       if (dialogContainerProps.ref) {
-        // $FlowFixMe
         this._refs.DialogContainer = dialogContainerProps.ref;
       }
 

package/esm/pagination/index.js

@@ -4,10 +4,10 @@ Copyright (c) Uber Technologies, Inc.
 This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
+import { SIZE } from '../input/index.js';
 export { default as Pagination } from './pagination.js';
 export { default as StatefulPagination } from './stateful-pagination.js';
 export { default as StatefulContainer } from './stateful-container.js';
-import { SIZE } from '../input/index.js';
 export { SIZE };
 export { StyledRoot, StyledMaxLabel, StyledDropdownContainer } from './styled-components.js'; // Constants
 

package/esm/pagination/stateful-container.js

@@ -107,6 +107,7 @@ var PaginationStatefulContainer = /*#__PURE__*/function (_React$Component) {
 
 _defineProperty(PaginationStatefulContainer, "defaultProps", {
   initialState: initialState,
+  //flowlint-next-line unclear-type:off
   stateReducer: function stateReducer(changeType, changes) {
     return changes;
   }

package/esm/pagination/stateful-pagination.js

@@ -35,6 +35,7 @@ StatefulPagination.defaultProps = {
   initialState: {
     currentPage: 1
   },
+  //flowlint-next-line unclear-type:off
   stateReducer: function stateReducer(changeType, changes) {
     return changes;
   },

package/esm/payment-card/payment-card.js

@@ -157,27 +157,31 @@ var PaymentCard = /*#__PURE__*/function (_React$Component) {
       };
 
       return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-        return /*#__PURE__*/React.createElement(Input, _extends({
-          size: size,
-          "aria-label": ariaLabel,
-          "data-baseweb": "payment-card-input",
-          inputMode: "numeric",
-          overrides: Object.freeze(_objectSpread(_objectSpread({}, restOverrides), {}, {
-            Before: getBeforeComponent(theme)
-          })),
-          onChange: function onChange(e) {
-            var _getCaretPosition = getCaretPosition(e.target.value, _this2.props.value ? String(_this2.props.value) : '', e.target.selectionStart),
-                _getCaretPosition2 = _slicedToArray(_getCaretPosition, 2),
-                position = _getCaretPosition2[0],
-                value = _getCaretPosition2[1];
-
-            _this2.caretPosition = position;
-            _this2.inRef = e.target;
-            e.target.value = value;
-            _onChange && _onChange(e);
-          },
-          value: addGaps(gaps, String(value) || '')
-        }, restProps));
+        return (
+          /*#__PURE__*/
+          //$FlowExpectedError[cannot-spread-inexact]
+          React.createElement(Input, _extends({
+            size: size,
+            "aria-label": ariaLabel,
+            "data-baseweb": "payment-card-input",
+            inputMode: "numeric",
+            overrides: Object.freeze(_objectSpread(_objectSpread({}, restOverrides), {}, {
+              Before: getBeforeComponent(theme)
+            })),
+            onChange: function onChange(e) {
+              var _getCaretPosition = getCaretPosition(e.target.value, _this2.props.value ? String(_this2.props.value) : '', e.target.selectionStart),
+                  _getCaretPosition2 = _slicedToArray(_getCaretPosition, 2),
+                  position = _getCaretPosition2[0],
+                  value = _getCaretPosition2[1];
+
+              _this2.caretPosition = position;
+              _this2.inRef = e.target;
+              e.target.value = value;
+              _onChange && _onChange(e);
+            },
+            value: addGaps(gaps, String(value) || '')
+          }, restProps))
+        );
       });
     }
   }]);

package/esm/phone-input/base-country-picker.js

@@ -56,6 +56,7 @@ var DropdownListItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
     ref: ref
   }, rest), props.children);
 });
+DropdownListItem.displayName = 'DropdownListItem';
 
 function DropdownOptionContent(props) {
   return /*#__PURE__*/React.createElement(React.Fragment, null, props.children);
@@ -171,16 +172,13 @@ export default function CountryPicker(props) {
   var _getOverrides = getOverrides(overrides.CountrySelect, DefaultSelect),
       _getOverrides2 = _slicedToArray(_getOverrides, 2),
       Select = _getOverrides2[0],
-      selectProps = _getOverrides2[1]; // $FlowFixMe
-
+      selectProps = _getOverrides2[1];
 
   var selectOverrides = mergeOverrides(baseSelectOverrides, {
-    Dropdown: overrides.CountrySelectDropdown,
-    DropdownListItem: overrides.CountrySelectDropdownListItem
-  }); // $FlowFixMe
-
-  selectProps.overrides = mergeOverrides(selectOverrides, // $FlowFixMe
-  selectProps.overrides);
+    Dropdown: overrides.CountrySelectDropdown || {},
+    DropdownListItem: overrides.CountrySelectDropdownListItem || {}
+  });
+  selectProps.overrides = mergeOverrides(selectOverrides, selectProps.overrides);
 
   var _getOverrides3 = getOverrides(overrides.CountrySelectDropdownFlagColumn, DefaultFlagColumn),
       _getOverrides4 = _slicedToArray(_getOverrides3, 2),