baseui 10.10.0 → 10.12.0

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),

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

@@ -93,16 +93,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 baseOverrides = {
     FlagContainer: {
       style: function style(_ref4) {

package/esm/phone-input/country-select-dropdown.js

@@ -132,8 +132,10 @@ function CountrySelectDropdown(props) {
   }));
 }
 
-export default /*#__PURE__*/React.forwardRef(function (props, ref) {
+var CountrySelectDropdownFwd = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement(CountrySelectDropdown, _extends({}, props, {
     $forwardedRef: ref
   }));
-});
+});
+CountrySelectDropdownFwd.displayName = 'CountrySelectDropdownFwd';
+export default CountrySelectDropdownFwd;

package/esm/phone-input/country-select.js

@@ -82,16 +82,13 @@ export default function CountrySelect(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.CountrySelectContainer, StyledCountrySelectContainer),
       _getOverrides4 = _slicedToArray(_getOverrides3, 2),

package/esm/phone-input/flag.js

@@ -24,7 +24,8 @@ export default function Flag(props) {
       restProps = _objectWithoutProperties(props, ["$iso", "iso", "width"]);
 
   var iso = oldIsoProp || $iso;
-  var FlagComponent = flags["Flag".concat(iso.toUpperCase())];
+  var FlagComponent = flags["Flag".concat(iso.toUpperCase())]; //$FlowExpectedError[cannot-spread-inexact]
+
   return /*#__PURE__*/React.createElement(FlagComponent, _extends({
     width: width,
     "data-iso": iso

package/esm/phone-input/phone-input-lite.js

@@ -88,8 +88,7 @@ export default function PhoneInputLite(props) {
   var _getOverrides = getOverrides(overrides.Input, DefaultInput),
       _getOverrides2 = _slicedToArray(_getOverrides, 2),
       Input = _getOverrides2[0],
-      inputProps = _getOverrides2[1]; // $FlowFixMe
-
+      inputProps = _getOverrides2[1];
 
   inputProps.overrides = mergeOverrides(baseOverrides, inputProps.overrides);
   return /*#__PURE__*/React.createElement(Input, _extends({

package/esm/phone-input/phone-input-next.js

@@ -103,8 +103,7 @@ export default function PhoneInputNext(props) {
   var _getOverrides3 = getOverrides(overrides.Input, DefaultInput),
       _getOverrides4 = _slicedToArray(_getOverrides3, 2),
       Input = _getOverrides4[0],
-      inputProps = _getOverrides4[1]; // $FlowFixMe
-
+      inputProps = _getOverrides4[1];
 
   inputProps.overrides = mergeOverrides(baseOverrides, inputProps.overrides);
   return /*#__PURE__*/React.createElement(Root, _extends({}, rootProps, {

package/esm/pin-code/pin-code.js

@@ -117,8 +117,7 @@ var PinCode = /*#__PURE__*/function (_React$Component) {
             type: typeof this.props.mask === 'boolean' && this.props.mask ? 'password' : 'text'
           }
         }
-      }; // $FlowFixMe
-
+      };
       inputProps.overrides = mergeOverrides(baseOverrides, inputProps.overrides);
       return /*#__PURE__*/React.createElement(Root, _extends({
         "data-baseweb": "pin-code"

package/esm/popover/popover.js

@@ -34,10 +34,6 @@ 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.
 */
-
-/* eslint-disable react/no-find-dom-node */
-
-/* eslint-disable cup/no-undef */
 import * as React from 'react';
 import FocusLock, { MoveFocusInside } from 'react-focus-lock';
 import { getOverride, getOverrideProps } from '../helpers/overrides.js';
@@ -174,11 +170,13 @@ var PopoverInner = /*#__PURE__*/function (_React$Component) {
       var popper = _this.popperRef.current;
       var anchor = _this.anchorRef.current; // Ignore document click if it came from popover or anchor
 
-      if (!popper || popper === target || popper.contains(target)) {
+      if (!popper || popper === target || // eslint-disable-next-line cup/no-undef
+      target instanceof Node && popper.contains(target)) {
         return;
       }
 
-      if (!anchor || anchor === target || anchor.contains(target)) {
+      if (!anchor || anchor === target || // eslint-disable-next-line cup/no-undef
+      target instanceof Node && popper.contains(target)) {
         return;
       }
 
@@ -541,8 +539,10 @@ _defineProperty(PopoverInner, "defaultProps", defaultProps);
 
 var Popover = function Popover(props) {
   var innerRef = props.innerRef;
+  var gID = useUID(); //$FlowExpectedError[cannot-spread-inexact]
+
   return /*#__PURE__*/React.createElement(PopoverInner, _extends({
-    id: props.id || useUID(),
+    id: props.id || gID,
     ref: innerRef
   }, props));
 };

package/esm/progress-bar/progressbar-rounded.js

@@ -131,28 +131,31 @@ function ProgressBarRounded(_ref) {
     loop();
   }, [progress]); // We want *only* `progress` to trigger this effect
 
-  return /*#__PURE__*/React.createElement(Root, _extends({
-    "data-baseweb": "progressbar-rounded",
-    role: "progressbar",
-    "aria-valuenow": progress,
-    "aria-valuemin": 0,
-    "aria-valuemax": 1,
-    $size: size,
-    $inline: inline
-  }, restProps, rootProps), /*#__PURE__*/React.createElement(Svg, _extends({
-    $size: size
-  }, restProps, svgProps), /*#__PURE__*/React.createElement(TrackBackground, _extends({
-    $size: size
-  }, trackBackgroundProps)), /*#__PURE__*/React.createElement(TrackForeground // $FlowFixMe
-  , _extends({
-    ref: pathRef,
-    $size: size,
-    $visible: !!pathRef.current,
-    $pathLength: pathLength,
-    $pathProgress: pathProgress
-  }, trackForegroundProps))), /*#__PURE__*/React.createElement(Text, _extends({
-    $size: size
-  }, textProps), roundTo(Math.min(progress * 100, 100)), "%"));
+  return (
+    /*#__PURE__*/
+    // $FlowExpectedError[cannot-spread-inexact]
+    React.createElement(Root, _extends({
+      "data-baseweb": "progressbar-rounded",
+      role: "progressbar",
+      "aria-valuenow": progress,
+      "aria-valuemin": 0,
+      "aria-valuemax": 1,
+      $size: size,
+      $inline: inline
+    }, restProps, rootProps), /*#__PURE__*/React.createElement(Svg, _extends({
+      $size: size
+    }, restProps, svgProps), /*#__PURE__*/React.createElement(TrackBackground, _extends({
+      $size: size
+    }, trackBackgroundProps)), /*#__PURE__*/React.createElement(TrackForeground, _extends({
+      ref: pathRef,
+      $size: size,
+      $visible: !!pathRef.current,
+      $pathLength: pathLength,
+      $pathProgress: pathProgress
+    }, trackForegroundProps))), /*#__PURE__*/React.createElement(Text, _extends({
+      $size: size
+    }, textProps), roundTo(Math.min(progress * 100, 100)), "%"))
+  );
 }
 
 export default ProgressBarRounded;

package/esm/progress-bar/progressbar.js

@@ -76,7 +76,6 @@ var ProgressBar = /*#__PURE__*/function (_React$Component) {
     key: "render",
     value: function render() {
       var _this$props = this.props,
-          ariaLabel = _this$props.ariaLabel,
           _this$props$overrides = _this$props.overrides,
           overrides = _this$props$overrides === void 0 ? {} : _this$props$overrides,
           getProgressLabel = _this$props.getProgressLabel,
@@ -90,8 +89,9 @@ var ProgressBar = /*#__PURE__*/function (_React$Component) {
           infinite = _this$props.infinite,
           errorMessage = _this$props.errorMessage,
           forwardedRef = _this$props.forwardedRef,
-          restProps = _objectWithoutProperties(_this$props, ["ariaLabel", "overrides", "getProgressLabel", "value", "size", "steps", "successValue", "minValue", "maxValue", "showLabel", "infinite", "errorMessage", "forwardedRef"]); // fallback on successValue (and it's default) if maxValue is not set by user
+          restProps = _objectWithoutProperties(_this$props, ["overrides", "getProgressLabel", "value", "size", "steps", "successValue", "minValue", "maxValue", "showLabel", "infinite", "errorMessage", "forwardedRef"]);
 
+      var ariaLabel = this.props['aria-label'] || this.props.ariaLabel; // fallback on successValue (and it's default) if maxValue is not set by user
 
       var maximumValue = maxValue !== 100 ? maxValue : successValue;
 
@@ -191,9 +191,13 @@ _defineProperty(ProgressBar, "defaultProps", {
 });
 
 var ForwardedProgressBar = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  return /*#__PURE__*/React.createElement(ProgressBar, _extends({
-    forwardedRef: ref
-  }, props));
+  return (
+    /*#__PURE__*/
+    //$FlowExpectedError[cannot-spread-inexact]
+    React.createElement(ProgressBar, _extends({
+      forwardedRef: ref
+    }, props))
+  );
 });
 ForwardedProgressBar.displayName = 'ProgressBar';
 export default ForwardedProgressBar;

package/esm/radio/radio.js

@@ -117,7 +117,9 @@ var Radio = /*#__PURE__*/function (_React$Component) {
   _createClass(Radio, [{
     key: "componentDidMount",
     value: function componentDidMount() {
-      if (this.props.autoFocus && this.props.inputRef.current) {
+      var _this$props$inputRef;
+
+      if (this.props.autoFocus && (_this$props$inputRef = this.props.inputRef) !== null && _this$props$inputRef !== void 0 && _this$props$inputRef.current) {
         this.props.inputRef.current.focus();
       }
 

package/esm/radio/radiogroup.js

@@ -126,7 +126,7 @@ var StatelessRadioGroup = /*#__PURE__*/function (_React$Component) {
       if (process.env.NODE_ENV !== "production") {
         var overrideKeys = Object.keys(overrides); // TODO(v11)
 
-        if (overrideKeys.length && !overrideKeys.includes('RadioGroupRoot')) {
+        if (Boolean(overrideKeys.length) && !overrideKeys.includes('RadioGroupRoot')) {
           // eslint-disable-next-line no-console
           console.warn("All overrides beside 'RadioGroupRoot' will be deprecated in the next major version update.\n          Pass other overrides to the 'Radio' children instead.\n        ");
         }

package/esm/rating/emoticon-rating.js

@@ -130,7 +130,7 @@ var EmoticonRating = /*#__PURE__*/function (_React$Component) {
         refs.push(starRef);
         ratings.push( /*#__PURE__*/React.createElement(Emoticon, _extends({
           key: x,
-          role: "radio" // eslint-disable-next-line flowtype/no-weak-types
+          role: "radio" // flowlint-next-line unclear-type:off
           ,
           ref: starRef,
           tabIndex: isFocusable ? '0' : '-1',

package/esm/rating/star-rating.js

@@ -132,7 +132,7 @@ var StarRating = /*#__PURE__*/function (_React$Component) {
         ratings.push( /*#__PURE__*/React.createElement(Star, _extends({
           key: x,
           role: "radio",
-          title: "rating" // eslint-disable-next-line flowtype/no-weak-types
+          title: "rating" // flowlint-next-line unclear-type:off
           ,
           ref: starRef,
           tabIndex: isFocusable ? '0' : '-1',

package/esm/select/autosize-input.js

@@ -148,8 +148,7 @@ var AutosizeInput = /*#__PURE__*/function (_React$Component) {
         ref: inputRef
       }, inputProps)), /*#__PURE__*/React.createElement(StyledInputSizer, {
         $size: this.props.$size,
-        ref: this.sizerRef // $FlowFixMe checking for $style before use
-        ,
+        ref: this.sizerRef,
         $style: inputProps.$style ? inputProps.$style : null
       }, sizerValue));
     }