feat(react): upgrade downshift dependency to v5

packages/react/package.json

@@ -40,7 +40,7 @@
   "dependencies": {
     "@carbon/icons-react": "^10.8.0",
     "classnames": "2.2.6",
-    "downshift": "^1.31.14",
+    "downshift": "^5.0.0",
     "flatpickr": "4.6.1",
     "invariant": "^2.2.3",
     "lodash.debounce": "^4.0.8",

packages/react/src/components/ComboBox/ComboBox.js

@@ -316,7 +316,7 @@ export default class ComboBox extends React.Component {
         defaultSelectedItem={initialSelectedItem}
         selectedItem={selectedItem}>
         {({
-          getButtonProps,
+          getToggleButtonProps,
           getInputProps,
           getItemProps,
           getRootProps,
@@ -343,7 +343,7 @@ export default class ComboBox extends React.Component {
               disabled={disabled}
               aria-labelledby={comboBoxLabelId}
               aria-describedby={comboBoxHelperId}
-              {...getButtonProps({
+              {...getToggleButtonProps({
                 disabled,
                 onClick: this.onToggleClick(isOpen),
               })}>

packages/react/src/components/Dropdown/Dropdown.js

@@ -13,6 +13,7 @@ import { settings } from 'carbon-components';
 import { Checkmark16, WarningFilled16 } from '@carbon/icons-react';
 import ListBox, { PropTypes as ListBoxPropTypes } from '../ListBox';
 import { match, keys } from '../../internal/keyboard';
+import { mapDownshiftProps } from '../../tools/createPropAdapter';
 
 const { prefix } = settings;
 
@@ -225,24 +226,24 @@ export default class Dropdown extends React.Component {
         {title}
         {!inline && helper}
         <Downshift
-          {...downshiftProps}
+          {...mapDownshiftProps(downshiftProps)}
           onChange={this.handleOnChange}
           itemToString={itemToString}
-          defaultSelectedItem={initialSelectedItem}
+          initialSelectedItem={initialSelectedItem}
           selectedItem={selectedItem}>
           {({
             isOpen,
             itemToString,
             selectedItem,
             highlightedIndex,
             getRootProps,
-            getButtonProps,
+            getToggleButtonProps,
             getItemProps,
             getLabelProps,
             toggleMenu,
           }) => {
             const buttonProps = {
-              ...getButtonProps({
+              ...getToggleButtonProps({
                 onKeyDown: event => {
                   if (match(event, keys.Enter)) {
                     toggleMenu();