baseui 10.9.2 → 10.11.1

package/es/icon/triangle-up.js

@@ -26,18 +26,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/es/icon/upload.js

@@ -26,20 +26,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/es/input/masked-input.js

@@ -40,6 +40,7 @@ const MaskOverride = /*#__PURE__*/React.forwardRef(({
     disabled: disabled
   }, props)));
 });
+MaskOverride.displayName = 'MaskOverride';
 export default function MaskedInput({
   mask,
   maskChar,

package/es/input/stateful-container.js

@@ -35,7 +35,6 @@ class StatefulContainer extends React.Component {
   }
 
   render() {
-    // eslint-disable-next-line no-unused-vars
     const {
       children,
       initialState,

package/es/input/styled-components.js

@@ -110,7 +110,7 @@ function getFont(size, typography) {
   }[size];
 }
 
-function getRootColors($disabled, $isFocused, $error, $positive, colors) {
+function getRootColors($disabled, $isFocused, $error, $positive = false, colors) {
   if ($disabled) {
     return {
       borderLeftColor: colors.inputFillDisabled,
@@ -391,7 +391,8 @@ export const getInputStyles = props => {
       sizing,
       typography
     }
-  } = props;
+  } = props; //$FlowFixMe
+
   return {
     boxSizing: 'border-box',
     backgroundColor: 'transparent',

package/es/layer/layer.js

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

package/es/list/list-heading.js

@@ -65,7 +65,7 @@ const ListHeading = /*#__PURE__*/React.forwardRef((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({
@@ -76,11 +76,11 @@ const ListHeading = /*#__PURE__*/React.forwardRef((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/es/list/list-item.js

@@ -38,7 +38,7 @@ const ListItem = /*#__PURE__*/React.forwardRef((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/es/list/menu-adapter.js

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

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

@@ -67,6 +67,16 @@ const FixedMarker = ({
     }
   }
 
+  const 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({
@@ -75,11 +85,7 @@ const FixedMarker = ({
   }, fixedMarkerDragContainerProps), /*#__PURE__*/React.createElement(PinHead, _extends({
     size: size,
     label: label
-  }, startEnhancer ? {
-    startEnhancer
-  } : {}, endEnhancer ? {
-    endEnhancer
-  } : {}, {
+  }, enhancers, {
     color: color,
     background: backgroundColor,
     type: PINHEAD_TYPES.fixed,

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

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

package/es/menu/menu.js

@@ -17,7 +17,7 @@ import { isFocusVisible, forkFocus, forkBlur } from '../utils/focusVisible.js';
 export default function Menu(props) {
   const {
     overrides = {},
-    ariaLabel = 'Menu',
+    'aria-label': ariaLabel = 'Menu',
     rootRef = /*#__PURE__*/React.createRef(),
     focusMenu = () => {},
     unfocusMenu = () => {},

package/es/menu/option-profile.js

@@ -12,6 +12,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) {
   const {
     item,
@@ -39,6 +40,7 @@ function OptionProfile(props, ref) {
     body
   } = getProfileItemLabels(item);
   return /*#__PURE__*/React.createElement(MaybeChildMenu, {
+    ref: ref,
     getChildMenu: getChildMenu,
     isOpen: !!$isHighlighted,
     item: item,

package/es/menu/stateful-container.js

@@ -309,9 +309,7 @@ class MenuStatefulContainerInner extends React.Component {
     const 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');
       }
 
@@ -369,7 +367,7 @@ class MenuStatefulContainerInner extends React.Component {
         highlightedIndex: -1
       });
     }
-  } // One array to hold all of list item refs
+  } // One array to hold all list item refs
 
 
   // Internal set state function that will also invoke stateReducer
@@ -419,6 +417,7 @@ class MenuStatefulContainerInner extends React.Component {
 _defineProperty(MenuStatefulContainerInner, "defaultProps", DEFAULT_PROPS);
 
 const MenuStatefulContainer = props => {
+  //$FlowExpectedError[cannot-spread-inexact]
   return /*#__PURE__*/React.createElement(MenuStatefulContainerInner, _extends({
     uidSeed: useUIDSeed()
   }, props));

package/es/menu/stateful-menu.js

@@ -18,7 +18,10 @@ export default class StatefulMenu extends React.PureComponent {
       overrides,
       ...props
     } = this.props;
-    return /*#__PURE__*/React.createElement(NestedMenuContext.Consumer, null, ctx => /*#__PURE__*/React.createElement(StatefulContainer, _extends({}, ctx, props), renderProps => /*#__PURE__*/React.createElement(Menu, _extends({}, renderProps, {
+    return /*#__PURE__*/React.createElement(NestedMenuContext.Consumer, null, ctx =>
+    /*#__PURE__*/
+    //$FlowExpectedError[cannot-spread-inexact]
+    React.createElement(StatefulContainer, _extends({}, ctx, props), renderProps => /*#__PURE__*/React.createElement(Menu, _extends({}, renderProps, {
       overrides: overrides
     }))));
   }

package/es/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/es/modal/modal-button.js

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

package/es/modal/modal.js

@@ -237,7 +237,7 @@ class Modal extends 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;
@@ -288,11 +288,9 @@ class Modal extends React.Component {
       console.warn(`The prop "autofocus" is deprecated in favor of "autoFocus" to be consistent across the project.
         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/es/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/es/pagination/stateful-container.js

@@ -74,5 +74,6 @@ export default class PaginationStatefulContainer extends React.Component {
 
 _defineProperty(PaginationStatefulContainer, "defaultProps", {
   initialState,
+  //flowlint-next-line unclear-type:off
   stateReducer: (changeType, changes) => changes
 });

package/es/pagination/stateful-pagination.js

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

package/es/payment-card/payment-card.js

@@ -90,7 +90,10 @@ class PaymentCard extends React.Component {
       }));
     };
 
-    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, theme => /*#__PURE__*/React.createElement(Input, _extends({
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, theme =>
+    /*#__PURE__*/
+    //$FlowExpectedError[cannot-spread-inexact]
+    React.createElement(Input, _extends({
       size: size,
       "aria-label": ariaLabel,
       "data-baseweb": "payment-card-input",

package/es/payment-card/styled-components.js

@@ -18,7 +18,6 @@ export const IconWrapper = styled('div', props => {
     [SIZE.large]: $theme.sizing.scale700
   };
   return {
-    //$FlowFixMe
     [$theme.direction === 'rtl' ? 'marginRight' : 'marginLeft']: margin[$size],
     height: '100%',
     display: 'flex',

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

@@ -35,6 +35,7 @@ const DropdownListItem = /*#__PURE__*/React.forwardRef((props, ref) => {
     ref: ref
   }, rest), props.children);
 });
+DropdownListItem.displayName = 'DropdownListItem';
 
 function DropdownOptionContent(props) {
   return /*#__PURE__*/React.createElement(React.Fragment, null, props.children);
@@ -140,15 +141,12 @@ export default function CountryPicker(props) {
       }
     }
   };
-  const [Select, selectProps] = getOverrides(overrides.CountrySelect, DefaultSelect); // $FlowFixMe
-
+  const [Select, selectProps] = getOverrides(overrides.CountrySelect, DefaultSelect);
   const 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);
   const [FlagColumn, flagColumnProps] = getOverrides(overrides.CountrySelectDropdownFlagColumn, DefaultFlagColumn);
   const [FlagContainer, flagContainerProps] = getOverrides(overrides.FlagContainer, StyledFlagContainer);
   const [NameColumn, nameColumnProps] = getOverrides(overrides.CountrySelectDropdownNameColumn, DefaultNameColumn);

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

@@ -84,15 +84,12 @@ export default function CountryPicker(props) {
       }
     }
   };
-  const [Select, selectProps] = getOverrides(overrides.CountrySelect, DefaultSelect); // $FlowFixMe
-
+  const [Select, selectProps] = getOverrides(overrides.CountrySelect, DefaultSelect);
   const 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);
   const baseOverrides = {
     FlagContainer: {
       style: ({

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

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

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

@@ -62,15 +62,12 @@ export default function CountrySelect(props) {
       }
     }
   };
-  const [Select, selectProps] = getOverrides(overrides.CountrySelect, DefaultSelect); // $FlowFixMe
-
+  const [Select, selectProps] = getOverrides(overrides.CountrySelect, DefaultSelect);
   const 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);
   const [CountrySelectContainer, countrySelectContainerProps] = getOverrides(overrides.CountrySelectContainer, StyledCountrySelectContainer);
   const [DialCode, dialCodeProps] = getOverrides(overrides.DialCode, StyledDialCode);
   return /*#__PURE__*/React.createElement(CountrySelectContainer, countrySelectContainerProps, /*#__PURE__*/React.createElement(BaseCountryPicker, _extends({}, props, {

package/es/phone-input/flag.js

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

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

@@ -70,8 +70,7 @@ export default function PhoneInputLite(props) {
       }
     }
   };
-  const [Input, inputProps] = getOverrides(overrides.Input, DefaultInput); // $FlowFixMe
-
+  const [Input, inputProps] = getOverrides(overrides.Input, DefaultInput);
   inputProps.overrides = mergeOverrides(baseOverrides, inputProps.overrides);
   return /*#__PURE__*/React.createElement(Input, _extends({
     "aria-label": ariaLabel,

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

@@ -82,8 +82,7 @@ export default function PhoneInputNext(props) {
     Before: mergedDialCodeOverride.DialCode
   };
   const [Root, rootProps] = getOverrides(overrides.Root, StyledPhoneInputRoot);
-  const [Input, inputProps] = getOverrides(overrides.Input, DefaultInput); // $FlowFixMe
-
+  const [Input, inputProps] = getOverrides(overrides.Input, DefaultInput);
   inputProps.overrides = mergeOverrides(baseOverrides, inputProps.overrides);
   return /*#__PURE__*/React.createElement(Root, _extends({}, rootProps, {
     "data-baseweb": "phone-input-next"

package/es/pin-code/pin-code.js

@@ -54,8 +54,7 @@ export default class PinCode extends 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/es/popover/popover.js

@@ -8,10 +8,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';
@@ -133,11 +129,13 @@ class PopoverInner extends React.Component {
       const popper = this.popperRef.current;
       const 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;
       }
 
@@ -478,8 +476,10 @@ const Popover = props => {
   const {
     innerRef
   } = props;
+  const gID = useUID(); //$FlowExpectedError[cannot-spread-inexact]
+
   return /*#__PURE__*/React.createElement(PopoverInner, _extends({
-    id: props.id || useUID(),
+    id: props.id || gID,
     ref: innerRef
   }, props));
 };

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

@@ -89,28 +89,31 @@ function ProgressBarRounded({
     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/es/progress-bar/progressbar.js

@@ -25,7 +25,6 @@ class ProgressBar extends React.Component {
 
   render() {
     const {
-      ariaLabel,
       overrides = {},
       getProgressLabel,
       value,
@@ -39,7 +38,8 @@ class ProgressBar extends React.Component {
       errorMessage,
       forwardedRef,
       ...restProps
-    } = this.props; // fallback on successValue (and it's default) if maxValue is not set by user
+    } = this.props;
+    const ariaLabel = this.props['aria-label'] || this.props.ariaLabel; // fallback on successValue (and it's default) if maxValue is not set by user
 
     const maximumValue = maxValue !== 100 ? maxValue : successValue;
     const [Root, rootProps] = getOverrides(overrides.Root, StyledRoot);
@@ -109,7 +109,10 @@ _defineProperty(ProgressBar, "defaultProps", {
   value: 0
 });
 
-const ForwardedProgressBar = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement(ProgressBar, _extends({
+const ForwardedProgressBar = /*#__PURE__*/React.forwardRef((props, ref) =>
+/*#__PURE__*/
+//$FlowExpectedError[cannot-spread-inexact]
+React.createElement(ProgressBar, _extends({
   forwardedRef: ref
 }, props)));
 ForwardedProgressBar.displayName = 'ProgressBar';