rsuite 5.0.0-beta.7 → 5.0.2

package/cjs/Progress/ProgressLine.js

@@ -15,26 +15,23 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _utils = require("../utils");
 
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'progress',
-  showInfo: true,
-  percent: 0
-};
-
 var ProgressLine = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _lineInnerStyle, _percentStyle, _withClassPrefix;
 
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
       className = props.className,
-      percent = props.percent,
+      _props$percent = props.percent,
+      percent = _props$percent === void 0 ? 0 : _props$percent,
       strokeColor = props.strokeColor,
       strokeWidth = props.strokeWidth,
       trailColor = props.trailColor,
       trailWidth = props.trailWidth,
       status = props.status,
-      showInfo = props.showInfo,
-      classPrefix = props.classPrefix,
+      _props$showInfo = props.showInfo,
+      showInfo = _props$showInfo === void 0 ? true : _props$showInfo,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'progress' : _props$classPrefix,
       vertical = props.vertical,
       rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "percent", "strokeColor", "strokeWidth", "trailColor", "trailWidth", "status", "showInfo", "classPrefix", "vertical"]);
 
@@ -78,7 +75,6 @@ var ProgressLine = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
 });
 
 ProgressLine.displayName = 'ProgressLine';
-ProgressLine.defaultProps = defaultProps;
 ProgressLine.propTypes = {
   className: _propTypes.default.string,
   classPrefix: _propTypes.default.string,

package/cjs/Radio/Radio.js

@@ -19,13 +19,6 @@ var _RadioGroup = require("../RadioGroup/RadioGroup");
 
 var _utils = require("../utils");
 
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'radio',
-  tabIndex: 0,
-  inputProps: {}
-};
-
 var Radio = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _useContext = (0, _react.useContext)(_RadioGroup.RadioContext),
       groupValue = _useContext.value,
@@ -37,14 +30,17 @@ var Radio = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       plaintextContext = _useContext.plaintext,
       onGroupChange = _useContext.onChange;
 
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
       title = props.title,
       className = props.className,
       children = props.children,
       checkedProp = props.checked,
       defaultChecked = props.defaultChecked,
-      classPrefix = props.classPrefix,
-      tabIndex = props.tabIndex,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'radio' : _props$classPrefix,
+      _props$tabIndex = props.tabIndex,
+      tabIndex = _props$tabIndex === void 0 ? 0 : _props$tabIndex,
       inputRef = props.inputRef,
       inputProps = props.inputProps,
       _props$disabled = props.disabled,
@@ -135,7 +131,6 @@ var Radio = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 });
 
 Radio.displayName = 'Radio';
-Radio.defaultProps = defaultProps;
 Radio.propTypes = {
   id: _propTypes.default.string,
   name: _propTypes.default.string,

package/cjs/RadioGroup/RadioGroup.js

@@ -24,14 +24,17 @@ var RadioContext = /*#__PURE__*/_react.default.createContext({});
 exports.RadioContext = RadioContext;
 
 var RadioGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
       className = props.className,
       inline = props.inline,
       children = props.children,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'radio-group' : _props$classPrefix,
       valueProp = props.value,
       defaultValue = props.defaultValue,
-      appearance = props.appearance,
+      _props$appearance = props.appearance,
+      appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
       name = props.name,
       plaintext = props.plaintext,
       disabled = props.disabled,
@@ -81,13 +84,7 @@ var RadioGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   }), children));
 });
 
-var defaultProps = {
-  as: 'div',
-  appearance: 'default',
-  classPrefix: 'radio-group'
-};
 RadioGroup.displayName = 'RadioGroup';
-RadioGroup.defaultProps = defaultProps;
 RadioGroup.propTypes = {
   appearance: _propTypes.default.oneOf(['default', 'picker']),
   name: _propTypes.default.string,

package/cjs/RangeSlider/RangeSlider.js

@@ -29,38 +29,37 @@ var _Graduated = _interopRequireDefault(require("../Slider/Graduated"));
 
 var _utils2 = require("../Slider/utils");
 
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'slider',
-  min: 0,
-  max: 100,
-  step: 1,
-  defaultValue: [0, 0],
-  tooltip: true,
-  progress: true
-};
+var defaultDefaultValue = [0, 0];
 
 var RangeSlider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var ariaLabel = props['aria-label'],
       ariaLabelledby = props['aria-labelledby'],
       ariaValuetext = props['aria-valuetext'],
-      Component = props.as,
+      _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
       barClassName = props.barClassName,
       className = props.className,
-      defaultValue = props.defaultValue,
+      _props$defaultValue = props.defaultValue,
+      defaultValue = _props$defaultValue === void 0 ? defaultDefaultValue : _props$defaultValue,
       graduated = props.graduated,
-      progress = props.progress,
+      _props$progress = props.progress,
+      progress = _props$progress === void 0 ? true : _props$progress,
       vertical = props.vertical,
       disabled = props.disabled,
-      classPrefix = props.classPrefix,
-      min = props.min,
-      maxProp = props.max,
-      step = props.step,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'slider' : _props$classPrefix,
+      _props$min = props.min,
+      min = _props$min === void 0 ? 0 : _props$min,
+      _props$max = props.max,
+      maxProp = _props$max === void 0 ? 100 : _props$max,
+      _props$step = props.step,
+      step = _props$step === void 0 ? 1 : _props$step,
       valueProp = props.value,
       handleClassName = props.handleClassName,
       handleStyle = props.handleStyle,
       handleTitle = props.handleTitle,
-      tooltip = props.tooltip,
+      _props$tooltip = props.tooltip,
+      tooltip = _props$tooltip === void 0 ? true : _props$tooltip,
       getAriaValueText = props.getAriaValueText,
       renderTooltip = props.renderTooltip,
       renderMark = props.renderMark,
@@ -284,7 +283,6 @@ var RangeSlider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     onDragEnd: handleChangeCommitted,
     onKeyDown: handleKeyDown,
     tabIndex: disabled ? null : 0,
-    role: 'slider',
     'aria-orientation': vertical ? 'vertical' : 'horizontal',
     'aria-disabled': disabled,
     'aria-valuemax': max,
@@ -319,7 +317,6 @@ var RangeSlider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 });
 
 RangeSlider.displayName = 'RangeSlider';
-RangeSlider.defaultProps = defaultProps;
 RangeSlider.propTypes = (0, _extends2.default)({}, _Slider.sliderPropTypes, {
   value: _propTypes.default.arrayOf(_propTypes.default.number),
   defaultValue: _propTypes.default.arrayOf(_propTypes.default.number)

package/cjs/Rate/Character.js

@@ -22,18 +22,16 @@ var _utils = require("../utils");
 var _characterStatus;
 
 var characterStatus = (_characterStatus = {}, _characterStatus[0] = 'empty', _characterStatus[0.5] = 'half', _characterStatus[1] = 'full', _characterStatus);
-var defaultProps = {
-  as: 'li',
-  classPrefix: 'rate-character'
-};
 
 var getKey = function getKey(a, b) {
   return _DOMHelper.default.contains(a, b) ? 'before' : 'after';
 };
 
 var Character = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var Component = props.as,
-      classPrefix = props.classPrefix,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'li' : _props$as,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'rate-character' : _props$classPrefix,
       className = props.className,
       children = props.children,
       vertical = props.vertical,
@@ -75,7 +73,6 @@ var Character = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 });
 
 Character.displayName = 'Character';
-Character.defaultProps = defaultProps;
 Character.propTypes = {
   as: _propTypes.default.elementType,
   className: _propTypes.default.string,

package/cjs/Rate/Rate.js

@@ -25,31 +25,28 @@ var _Character = _interopRequireDefault(require("./Character"));
 
 var _Plaintext = _interopRequireDefault(require("../Plaintext"));
 
-var defaultProps = {
-  as: 'ul',
-  classPrefix: 'rate',
-  character: /*#__PURE__*/_react.default.createElement(_Star.default, null),
-  cleanable: true,
-  defaultValue: 0,
-  max: 5,
-  size: 'md'
-};
-
 var Rate = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var Component = props.as,
-      character = props.character,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'ul' : _props$as,
+      _props$character = props.character,
+      character = _props$character === void 0 ? /*#__PURE__*/_react.default.createElement(_Star.default, null) : _props$character,
       className = props.className,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'rate' : _props$classPrefix,
       disabled = props.disabled,
-      max = props.max,
+      _props$max = props.max,
+      max = _props$max === void 0 ? 5 : _props$max,
       readOnly = props.readOnly,
       vertical = props.vertical,
-      size = props.size,
+      _props$size = props.size,
+      size = _props$size === void 0 ? 'md' : _props$size,
       color = props.color,
       allowHalf = props.allowHalf,
       valueProp = props.value,
-      defaultValue = props.defaultValue,
-      cleanable = props.cleanable,
+      _props$defaultValue = props.defaultValue,
+      defaultValue = _props$defaultValue === void 0 ? 0 : _props$defaultValue,
+      _props$cleanable = props.cleanable,
+      cleanable = _props$cleanable === void 0 ? true : _props$cleanable,
       plaintext = props.plaintext,
       onChange = props.onChange,
       renderCharacter = props.renderCharacter,
@@ -175,7 +172,6 @@ var Rate = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 });
 
 Rate.displayName = 'Rate';
-Rate.defaultProps = defaultProps;
 Rate.propTypes = {
   allowHalf: _propTypes.default.bool,
   character: _propTypes.default.node,

package/cjs/Ripple/Ripple.js

@@ -37,15 +37,12 @@ var getPosition = function getPosition(target, event) {
   };
 };
 
-var defaultProps = {
-  as: 'span',
-  classPrefix: 'ripple'
-};
-
 var Ripple = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'span' : _props$as,
       className = props.className,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'ripple' : _props$classPrefix,
       onMouseDown = props.onMouseDown,
       rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "className", "classPrefix", "onMouseDown"]);
 
@@ -103,7 +100,6 @@ var Ripple = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 });
 
 Ripple.displayName = 'Ripple';
-Ripple.defaultProps = defaultProps;
 Ripple.propTypes = {
   classPrefix: _propTypes.default.string,
   className: _propTypes.default.string,

package/cjs/SelectPicker/SelectPicker.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { PickerLocale } from '../locales';
 import { PickerComponent } from '../Picker';
-import { TypeAttributes, FormControlPickerProps, ItemDataType } from '../@types/common';
+import { FormControlPickerProps, ItemDataType } from '../@types/common';
 import { ListProps } from 'react-virtualized/dist/commonjs/List';
 export declare type ValueType = number | string;
 export interface SelectProps<T = ValueType> {
@@ -16,8 +16,6 @@ export interface SelectProps<T = ValueType> {
      * https://github.com/bvaughn/react-virtualized/blob/master/docs/List.md#prop-types
      */
     listProps?: ListProps;
-    /** A picker can have different sizes */
-    size?: TypeAttributes.Size;
     /** Custom search rules. */
     searchBy?: (keyword: string, label: React.ReactNode, item: ItemDataType) => boolean;
     /** Sort options */

package/cjs/SelectPicker/SelectPicker.js

@@ -33,43 +33,43 @@ var _Picker = require("../Picker");
 
 var _templateObject;
 
-var defaultProps = {
-  as: 'div',
-  appearance: 'default',
-  classPrefix: 'picker',
-  searchable: true,
-  cleanable: true,
-  data: [],
-  disabledItemValues: [],
-  valueKey: 'value',
-  labelKey: 'label',
-  placement: 'bottomStart',
-  menuAutoWidth: true,
-  menuMaxHeight: 320
-};
+var emptyArray = [];
 
 var SelectPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var Component = props.as,
-      data = props.data,
-      valueKey = props.valueKey,
-      labelKey = props.labelKey,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
+      _props$appearance = props.appearance,
+      appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
+      _props$data = props.data,
+      data = _props$data === void 0 ? emptyArray : _props$data,
+      _props$valueKey = props.valueKey,
+      valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,
+      _props$labelKey = props.labelKey,
+      labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,
       valueProp = props.value,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,
       placeholder = props.placeholder,
       defaultValue = props.defaultValue,
       disabled = props.disabled,
-      cleanable = props.cleanable,
-      placement = props.placement,
+      _props$cleanable = props.cleanable,
+      cleanable = _props$cleanable === void 0 ? true : _props$cleanable,
+      _props$placement = props.placement,
+      placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
       menuClassName = props.menuClassName,
-      menuAutoWidth = props.menuAutoWidth,
-      menuMaxHeight = props.menuMaxHeight,
+      _props$menuAutoWidth = props.menuAutoWidth,
+      menuAutoWidth = _props$menuAutoWidth === void 0 ? true : _props$menuAutoWidth,
+      _props$menuMaxHeight = props.menuMaxHeight,
+      menuMaxHeight = _props$menuMaxHeight === void 0 ? 320 : _props$menuMaxHeight,
       menuStyle = props.menuStyle,
       groupBy = props.groupBy,
       overrideLocale = props.locale,
       toggleAs = props.toggleAs,
       style = props.style,
-      searchable = props.searchable,
-      disabledItemValues = props.disabledItemValues,
+      _props$searchable = props.searchable,
+      searchable = _props$searchable === void 0 ? true : _props$searchable,
+      _props$disabledItemVa = props.disabledItemValues,
+      disabledItemValues = _props$disabledItemVa === void 0 ? emptyArray : _props$disabledItemVa,
       virtualized = props.virtualized,
       listProps = props.listProps,
       id = props.id,
@@ -89,7 +89,7 @@ var SelectPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       renderMenuGroup = props.renderMenuGroup,
       renderMenuItem = props.renderMenuItem,
       renderExtraFooter = props.renderExtraFooter,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "data", "valueKey", "labelKey", "value", "classPrefix", "placeholder", "defaultValue", "disabled", "cleanable", "placement", "menuClassName", "menuAutoWidth", "menuMaxHeight", "menuStyle", "groupBy", "locale", "toggleAs", "style", "searchable", "disabledItemValues", "virtualized", "listProps", "id", "onGroupTitleClick", "searchBy", "onEntered", "onExited", "onClean", "onChange", "onSelect", "onSearch", "onClose", "onOpen", "sort", "renderValue", "renderMenu", "renderMenuGroup", "renderMenuItem", "renderExtraFooter"]);
+      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "appearance", "data", "valueKey", "labelKey", "value", "classPrefix", "placeholder", "defaultValue", "disabled", "cleanable", "placement", "menuClassName", "menuAutoWidth", "menuMaxHeight", "menuStyle", "groupBy", "locale", "toggleAs", "style", "searchable", "disabledItemValues", "virtualized", "listProps", "id", "onGroupTitleClick", "searchBy", "onEntered", "onExited", "onClean", "onChange", "onSelect", "onSearch", "onClose", "onOpen", "sort", "renderValue", "renderMenu", "renderMenuGroup", "renderMenuItem", "renderExtraFooter"]);
   var triggerRef = (0, _react.useRef)();
   var targetRef = (0, _react.useRef)();
   var overlayRef = (0, _react.useRef)();
@@ -298,8 +298,11 @@ var SelectPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   };
 
   var _usePickerClassName = (0, _Picker.usePickerClassName)((0, _extends2.default)({}, props, {
+    classPrefix: classPrefix,
+    appearance: appearance,
     hasValue: hasValue,
-    name: 'select'
+    name: 'select',
+    cleanable: cleanable
   })),
       classes = _usePickerClassName[0],
       usedClassNamePropKeys = _usePickerClassName[1];
@@ -317,6 +320,7 @@ var SelectPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   }, /*#__PURE__*/_react.default.createElement(_Picker.PickerToggle, (0, _extends2.default)({}, (0, _omit.default)(rest, [].concat(_Picker.omitTriggerPropKeys, usedClassNamePropKeys)), {
     id: id,
     ref: targetRef,
+    appearance: appearance,
     onClean: (0, _utils.createChainedFunction)(handleClean, onClean),
     onKeyDown: onPickerKeyDown,
     as: toggleAs,
@@ -330,7 +334,6 @@ var SelectPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
 });
 
 SelectPicker.displayName = 'SelectPicker';
-SelectPicker.defaultProps = defaultProps;
 SelectPicker.propTypes = (0, _extends2.default)({}, _Picker.listPickerPropTypes, {
   locale: _propTypes.default.any,
   appearance: _propTypes.default.oneOf(['default', 'subtle']),

package/cjs/Sidebar/Sidebar.js

@@ -19,18 +19,15 @@ var _utils = require("../utils");
 
 var _Container = require("../Container/Container");
 
-var defaultProps = {
-  as: 'aside',
-  classPrefix: 'sidebar',
-  width: 260
-};
-
 var Sidebar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var Component = props.as,
-      classPrefix = props.classPrefix,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'aside' : _props$as,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'sidebar' : _props$classPrefix,
       className = props.className,
       collapsible = props.collapsible,
-      width = props.width,
+      _props$width = props.width,
+      width = _props$width === void 0 ? 260 : _props$width,
       style = props.style,
       rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "className", "collapsible", "width", "style"]);
 
@@ -61,7 +58,6 @@ var Sidebar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 });
 
 Sidebar.displayName = 'Sidebar';
-Sidebar.defaultProps = defaultProps;
 Sidebar.propTypes = {
   className: _propTypes.default.string,
   classPrefix: _propTypes.default.string,

package/cjs/Sidenav/Sidenav.js

@@ -34,19 +34,17 @@ var _deprecatePropType = _interopRequireDefault(require("../utils/deprecatePropT
 var SidenavContext = /*#__PURE__*/_react.default.createContext(null);
 
 exports.SidenavContext = SidenavContext;
-var defaultProps = {
-  as: 'nav',
-  classPrefix: 'sidenav',
-  appearance: 'default',
-  expanded: true
-};
 
 var Sidenav = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'nav' : _props$as,
       className = props.className,
-      classPrefix = props.classPrefix,
-      appearance = props.appearance,
-      expanded = props.expanded,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'sidenav' : _props$classPrefix,
+      _props$appearance = props.appearance,
+      appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
+      _props$expanded = props.expanded,
+      expanded = _props$expanded === void 0 ? true : _props$expanded,
       activeKey = props.activeKey,
       defaultOpenKeys = props.defaultOpenKeys,
       openKeysProp = props.openKeys,
@@ -113,7 +111,6 @@ Sidenav.Header = _SidenavHeader.default;
 Sidenav.Body = _SidenavBody.default;
 Sidenav.Toggle = _SidenavToggle.default;
 Sidenav.displayName = 'Sidenav';
-Sidenav.defaultProps = defaultProps;
 Sidenav.propTypes = {
   as: _propTypes.default.elementType,
   classPrefix: _propTypes.default.string,

package/cjs/Sidenav/SidenavDropdown.d.ts

@@ -27,8 +27,13 @@ export interface SidenavDropdownProps<T = any> extends WithAsProps, Omit<React.H
      * @deprecated
      */
     open?: boolean;
-    /** Custom title */
+    /**
+     * Custom title
+     * @deprecated Use `renderToggle` instead.
+     */
     renderTitle?: (children?: React.ReactNode) => React.ReactNode;
+    /** Custom Toggle */
+    renderToggle?: (props: WithAsProps, ref: React.Ref<any>) => any;
     /** The callback function that the menu closes */
     onClose?: () => void;
     /** Menu Pop-up callback function */

package/cjs/Sidenav/SidenavDropdown.js

@@ -15,8 +15,6 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _isNil = _interopRequireDefault(require("lodash/isNil"));
-
 var _kebabCase = _interopRequireDefault(require("lodash/kebabCase"));
 
 var _omit = _interopRequireDefault(require("lodash/omit"));
@@ -33,22 +31,24 @@ var _SidenavDropdownCollapse = _interopRequireDefault(require("./SidenavDropdown
 
 var _Disclosure = _interopRequireDefault(require("../Disclosure/Disclosure"));
 
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'dropdown',
-  placement: 'bottomStart'
-};
+var _DropdownContext = _interopRequireDefault(require("../Dropdown/DropdownContext"));
+
+var _useInternalId = _interopRequireDefault(require("../utils/useInternalId"));
 
 var SidenavDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
       title = props.title,
       children = props.children,
       className = props.className,
       menuStyle = props.menuStyle,
       disabled = props.disabled,
       renderTitle = props.renderTitle,
-      classPrefix = props.classPrefix,
-      placement = props.placement,
+      renderToggle = props.renderToggle,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'dropdown' : _props$classPrefix,
+      _props$placement = props.placement,
+      placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
       toggleClassName = props.toggleClassName,
       icon = props.icon,
       eventKey = props.eventKey,
@@ -59,17 +59,22 @@ var SidenavDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, re
       onClose = props.onClose,
       openProp = props.open,
       onToggle = props.onToggle,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "title", "children", "className", "menuStyle", "disabled", "renderTitle", "classPrefix", "placement", "toggleClassName", "icon", "eventKey", "toggleAs", "noCaret", "style", "onOpen", "onClose", "open", "onToggle"]);
+      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "title", "children", "className", "menuStyle", "disabled", "renderTitle", "renderToggle", "classPrefix", "placement", "toggleClassName", "icon", "eventKey", "toggleAs", "noCaret", "style", "onOpen", "onClose", "open", "onToggle"]);
 
   var _useContext = (0, _react.useContext)(_Sidenav.SidenavContext),
       _useContext$openKeys = _useContext.openKeys,
       openKeys = _useContext$openKeys === void 0 ? [] : _useContext$openKeys,
       onOpenChange = _useContext.onOpenChange;
 
+  var _useContext2 = (0, _react.useContext)(_DropdownContext.default),
+      hasSelectedItem = _useContext2.hasSelectedItem;
+
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
       merge = _useClassNames.merge,
       withClassPrefix = _useClassNames.withClassPrefix;
 
+  var internalId = (0, _useInternalId.default)('SidenavDropdown');
+  var uniqueKey = eventKey !== null && eventKey !== void 0 ? eventKey : internalId;
   var handleToggleDisclosure = (0, _react.useCallback)(function (open, event) {
     if (open) {
       onClose === null || onClose === void 0 ? void 0 : onClose();
@@ -78,17 +83,17 @@ var SidenavDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, re
     }
 
     onToggle === null || onToggle === void 0 ? void 0 : onToggle(open);
-    if ((0, _isNil.default)(eventKey)) return;
-    onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(eventKey, event);
-  }, [onClose, onOpen, onToggle, eventKey, onOpenChange]);
+    onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(uniqueKey, event);
+  }, [onClose, onOpen, onToggle, uniqueKey, onOpenChange]);
+  var open = openProp !== null && openProp !== void 0 ? openProp : openKeys.includes(uniqueKey);
   return /*#__PURE__*/_react.default.createElement(_Disclosure.default, {
-    open: openProp !== null && openProp !== void 0 ? openProp : !(0, _isNil.default)(eventKey) && openKeys.includes(eventKey),
+    open: open,
     onToggle: handleToggleDisclosure
   }, function (_ref, containerRef) {
     var _withClassPrefix;
 
     var open = _ref.open;
-    var classes = merge(className, withClassPrefix((_withClassPrefix = {}, _withClassPrefix["placement-" + (0, _kebabCase.default)((0, _utils.placementPolyfill)(placement))] = placement, _withClassPrefix[open ? 'expand' : 'collapse'] = true, _withClassPrefix.disabled = disabled, _withClassPrefix['no-caret'] = noCaret, _withClassPrefix)));
+    var classes = merge(className, withClassPrefix((_withClassPrefix = {}, _withClassPrefix["placement-" + (0, _kebabCase.default)((0, _utils.placementPolyfill)(placement))] = placement, _withClassPrefix[open ? 'expand' : 'collapse'] = true, _withClassPrefix.disabled = disabled, _withClassPrefix['selected-within'] = hasSelectedItem, _withClassPrefix['no-caret'] = noCaret, _withClassPrefix)));
     return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
       ref: (0, _utils.mergeRefs)(ref, containerRef),
       style: style,
@@ -98,10 +103,10 @@ var SidenavDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, re
     }), /*#__PURE__*/_react.default.createElement(_Disclosure.default.Button, null, function (buttonProps, buttonRef) {
       return /*#__PURE__*/_react.default.createElement(_DropdownToggle.default, (0, _extends2.default)({
         ref: buttonRef,
-        as: renderTitle ? 'span' : toggleAs,
+        as: toggleAs,
         noCaret: noCaret,
         className: toggleClassName,
-        renderTitle: renderTitle,
+        renderToggle: renderToggle,
         icon: icon,
         placement: placement
       }, (0, _omit.default)(buttonProps, ['open'])), title);
@@ -116,7 +121,6 @@ var SidenavDropdown = /*#__PURE__*/_react.default.forwardRef(function (props, re
 });
 
 SidenavDropdown.displayName = 'Sidenav.Dropdown';
-SidenavDropdown.defaultProps = defaultProps;
 SidenavDropdown.propTypes = {
   activeKey: _propTypes.default.any,
   classPrefix: _propTypes.default.string,
@@ -142,7 +146,8 @@ SidenavDropdown.propTypes = {
   onMouseLeave: _propTypes.default.func,
   onContextMenu: _propTypes.default.func,
   onClick: _propTypes.default.func,
-  renderTitle: _propTypes.default.func
+  renderTitle: (0, _deprecatePropType.default)(_propTypes.default.func),
+  renderToggle: _propTypes.default.func
 };
 var _default = SidenavDropdown;
 exports.default = _default;