@@ -64,7 +64,11 @@ function renderItemContent(item) {
64
64
* @see Select
65
65
* @see Menu
66
66
*/
67
- export default class Dropdown extends Component {
67
+ const Dropdown = React . forwardRef ( ( props , ref ) => {
68
+ return < DropdownInner { ...props } innerRef = { ref } />
69
+ } )
70
+
71
+ class DropdownInner extends Component {
68
72
searchRef = createRef ( )
69
73
sizerRef = createRef ( )
70
74
ref = createRef ( )
@@ -1431,6 +1435,7 @@ Dropdown.propTypes = {
1431
1435
wrapSelection : PropTypes . bool ,
1432
1436
}
1433
1437
1438
+ Dropdown . displayName = 'Dropdown'
1434
1439
Dropdown . defaultProps = {
1435
1440
additionLabel : 'Add ' ,
1436
1441
additionPosition : 'top' ,
@@ -1448,11 +1453,18 @@ Dropdown.defaultProps = {
1448
1453
wrapSelection : true ,
1449
1454
}
1450
1455
1451
- Dropdown . autoControlledProps = [ 'open' , 'searchQuery' , 'selectedLabel' , 'value' , 'upward' ]
1456
+ DropdownInner . autoControlledProps = [ 'open' , 'searchQuery' , 'selectedLabel' , 'value' , 'upward' ]
1457
+
1458
+ if ( process . env . NODE_ENV !== 'production' ) {
1459
+ DropdownInner . defaultProps = Dropdown . defaultProps
1460
+ DropdownInner . propTypes = Dropdown . propTypes
1461
+ }
1452
1462
1453
1463
Dropdown . Divider = DropdownDivider
1454
1464
Dropdown . Header = DropdownHeader
1455
1465
Dropdown . Item = DropdownItem
1456
1466
Dropdown . Menu = DropdownMenu
1457
1467
Dropdown . SearchInput = DropdownSearchInput
1458
1468
Dropdown . Text = DropdownText
1469
+
1470
+ export default Dropdown
0 commit comments