rsuite 5.0.0-beta.7 → 5.0.2

package/esm/RangeSlider/RangeSlider.js

@@ -9,37 +9,36 @@ import ProgressBar from '../Slider/ProgressBar';
 import Handle from '../Slider/Handle';
 import Graduated from '../Slider/Graduated';
 import { precisionMath, checkValue } from '../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.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,
@@ -264,7 +263,6 @@ var RangeSlider = /*#__PURE__*/React.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,
@@ -298,7 +296,6 @@ var RangeSlider = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, handleCommonProps, handleProps[handleIndexs.current[1]]), handleTitle));
 });
 RangeSlider.displayName = 'RangeSlider';
-RangeSlider.defaultProps = defaultProps;
 RangeSlider.propTypes = _extends({}, sliderPropTypes, {
   value: PropTypes.arrayOf(PropTypes.number),
   defaultValue: PropTypes.arrayOf(PropTypes.number)

package/esm/Rate/Character.js

@@ -8,18 +8,16 @@ import PropTypes from 'prop-types';
 import helper from '../DOMHelper';
 import { useClassNames } from '../utils';
 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 helper.contains(a, b) ? 'before' : 'after';
 };
 
 var Character = /*#__PURE__*/React.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,
@@ -60,7 +58,6 @@ var Character = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, children));
 });
 Character.displayName = 'Character';
-Character.defaultProps = defaultProps;
 Character.propTypes = {
   as: PropTypes.elementType,
   className: PropTypes.string,

package/esm/Rate/Rate.js

@@ -7,30 +7,28 @@ import { useClassNames, useControlled, shallowEqualArray, SIZE, KEY_VALUES } fro
 import { transformValueToCharacterMap, transformCharacterMapToValue } from './utils';
 import Character from './Character';
 import Plaintext from '../Plaintext';
-var defaultProps = {
-  as: 'ul',
-  classPrefix: 'rate',
-  character: /*#__PURE__*/React.createElement(Star, null),
-  cleanable: true,
-  defaultValue: 0,
-  max: 5,
-  size: 'md'
-};
 var Rate = /*#__PURE__*/React.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.createElement(Star, 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,
@@ -155,7 +153,6 @@ var Rate = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }));
 });
 Rate.displayName = 'Rate';
-Rate.defaultProps = defaultProps;
 Rate.propTypes = {
   allowHalf: PropTypes.bool,
   character: PropTypes.node,

package/esm/Ripple/Ripple.js

@@ -21,14 +21,12 @@ var getPosition = function getPosition(target, event) {
   };
 };
 
-var defaultProps = {
-  as: 'span',
-  classPrefix: 'ripple'
-};
 var Ripple = /*#__PURE__*/React.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 = _objectWithoutPropertiesLoose(props, ["as", "className", "classPrefix", "onMouseDown"]);
 
@@ -84,7 +82,6 @@ var Ripple = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }));
 });
 Ripple.displayName = 'Ripple';
-Ripple.defaultProps = defaultProps;
 Ripple.propTypes = {
   classPrefix: PropTypes.string,
   className: PropTypes.string,

package/esm/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/esm/SelectPicker/SelectPicker.js

@@ -13,42 +13,42 @@ import isFunction from 'lodash/isFunction';
 import omit from 'lodash/omit';
 import { createChainedFunction, getDataGroupBy, useCustom, useClassNames, useControlled, mergeRefs, shallowEqual } from '../utils';
 import { DropdownMenu, DropdownMenuItem, PickerToggle, PickerToggleTrigger, PickerOverlay, SearchBar, useFocusItemValue, usePickerClassName, useSearch, usePublicMethods, useToggleKeyDownEvent, pickTriggerPropKeys, omitTriggerPropKeys, listPickerPropTypes } from '../Picker';
-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.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,
@@ -68,7 +68,7 @@ var SelectPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       renderMenuGroup = props.renderMenuGroup,
       renderMenuItem = props.renderMenuItem,
       renderExtraFooter = props.renderExtraFooter,
-      rest = _objectWithoutPropertiesLoose(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 = _objectWithoutPropertiesLoose(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 = useRef();
   var targetRef = useRef();
@@ -280,8 +280,11 @@ var SelectPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   };
 
   var _usePickerClassName = usePickerClassName(_extends({}, props, {
+    classPrefix: classPrefix,
+    appearance: appearance,
     hasValue: hasValue,
-    name: 'select'
+    name: 'select',
+    cleanable: cleanable
   })),
       classes = _usePickerClassName[0],
       usedClassNamePropKeys = _usePickerClassName[1];
@@ -299,6 +302,7 @@ var SelectPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, /*#__PURE__*/React.createElement(PickerToggle, _extends({}, omit(rest, [].concat(omitTriggerPropKeys, usedClassNamePropKeys)), {
     id: id,
     ref: targetRef,
+    appearance: appearance,
     onClean: createChainedFunction(handleClean, onClean),
     onKeyDown: onPickerKeyDown,
     as: toggleAs,
@@ -311,7 +315,6 @@ var SelectPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }), selectedElement || (locale === null || locale === void 0 ? void 0 : locale.placeholder))));
 });
 SelectPicker.displayName = 'SelectPicker';
-SelectPicker.defaultProps = defaultProps;
 SelectPicker.propTypes = _extends({}, listPickerPropTypes, {
   locale: PropTypes.any,
   appearance: PropTypes.oneOf(['default', 'subtle']),

package/esm/Sidebar/Sidebar.js

@@ -4,17 +4,15 @@ import React, { useContext, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { useClassNames } from '../utils';
 import { ContainerContext } from '../Container/Container';
-var defaultProps = {
-  as: 'aside',
-  classPrefix: 'sidebar',
-  width: 260
-};
 var Sidebar = /*#__PURE__*/React.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 = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "collapsible", "width", "style"]);
 
@@ -46,7 +44,6 @@ var Sidebar = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }));
 });
 Sidebar.displayName = 'Sidebar';
-Sidebar.defaultProps = defaultProps;
 Sidebar.propTypes = {
   className: PropTypes.string,
   classPrefix: PropTypes.string,

package/esm/Sidenav/Sidenav.js

@@ -11,18 +11,16 @@ import SidenavToggle from './SidenavToggle';
 import { useClassNames, useControlled, mergeRefs } from '../utils';
 import deprecatePropType from '../utils/deprecatePropType';
 export var SidenavContext = /*#__PURE__*/React.createContext(null);
-var defaultProps = {
-  as: 'nav',
-  classPrefix: 'sidenav',
-  appearance: 'default',
-  expanded: true
-};
 var Sidenav = /*#__PURE__*/React.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,
@@ -89,7 +87,6 @@ Sidenav.Header = SidenavHeader;
 Sidenav.Body = SidenavBody;
 Sidenav.Toggle = SidenavToggle;
 Sidenav.displayName = 'Sidenav';
-Sidenav.defaultProps = defaultProps;
 Sidenav.propTypes = {
   as: PropTypes.elementType,
   classPrefix: PropTypes.string,

package/esm/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/esm/Sidenav/SidenavDropdown.js

@@ -2,7 +2,6 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React, { useContext, useCallback } from 'react';
 import PropTypes from 'prop-types';
-import isNil from 'lodash/isNil';
 import kebabCase from 'lodash/kebabCase';
 import omit from 'lodash/omit';
 import DropdownToggle from '../Dropdown/DropdownToggle';
@@ -11,21 +10,22 @@ import { SidenavContext } from './Sidenav';
 import deprecatePropType from '../utils/deprecatePropType';
 import SidenavDropdownCollapse from './SidenavDropdownCollapse';
 import Disclosure from '../Disclosure/Disclosure';
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'dropdown',
-  placement: 'bottomStart'
-};
+import DropdownContext from '../Dropdown/DropdownContext';
+import useInternalId from '../utils/useInternalId';
 var SidenavDropdown = /*#__PURE__*/React.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,
@@ -36,17 +36,22 @@ var SidenavDropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
       onClose = props.onClose,
       openProp = props.open,
       onToggle = props.onToggle,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "title", "children", "className", "menuStyle", "disabled", "renderTitle", "classPrefix", "placement", "toggleClassName", "icon", "eventKey", "toggleAs", "noCaret", "style", "onOpen", "onClose", "open", "onToggle"]);
+      rest = _objectWithoutPropertiesLoose(props, ["as", "title", "children", "className", "menuStyle", "disabled", "renderTitle", "renderToggle", "classPrefix", "placement", "toggleClassName", "icon", "eventKey", "toggleAs", "noCaret", "style", "onOpen", "onClose", "open", "onToggle"]);
 
   var _useContext = useContext(SidenavContext),
       _useContext$openKeys = _useContext.openKeys,
       openKeys = _useContext$openKeys === void 0 ? [] : _useContext$openKeys,
       onOpenChange = _useContext.onOpenChange;
 
+  var _useContext2 = useContext(DropdownContext),
+      hasSelectedItem = _useContext2.hasSelectedItem;
+
   var _useClassNames = useClassNames(classPrefix),
       merge = _useClassNames.merge,
       withClassPrefix = _useClassNames.withClassPrefix;
 
+  var internalId = useInternalId('SidenavDropdown');
+  var uniqueKey = eventKey !== null && eventKey !== void 0 ? eventKey : internalId;
   var handleToggleDisclosure = useCallback(function (open, event) {
     if (open) {
       onClose === null || onClose === void 0 ? void 0 : onClose();
@@ -55,17 +60,17 @@ var SidenavDropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
 
     onToggle === null || onToggle === void 0 ? void 0 : onToggle(open);
-    if (isNil(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.createElement(Disclosure, {
-    open: openProp !== null && openProp !== void 0 ? openProp : !isNil(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-" + kebabCase(placementPolyfill(placement))] = placement, _withClassPrefix[open ? 'expand' : 'collapse'] = true, _withClassPrefix.disabled = disabled, _withClassPrefix['no-caret'] = noCaret, _withClassPrefix)));
+    var classes = merge(className, withClassPrefix((_withClassPrefix = {}, _withClassPrefix["placement-" + kebabCase(placementPolyfill(placement))] = placement, _withClassPrefix[open ? 'expand' : 'collapse'] = true, _withClassPrefix.disabled = disabled, _withClassPrefix['selected-within'] = hasSelectedItem, _withClassPrefix['no-caret'] = noCaret, _withClassPrefix)));
     return /*#__PURE__*/React.createElement(Component, _extends({
       ref: mergeRefs(ref, containerRef),
       style: style,
@@ -75,10 +80,10 @@ var SidenavDropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }), /*#__PURE__*/React.createElement(Disclosure.Button, null, function (buttonProps, buttonRef) {
       return /*#__PURE__*/React.createElement(DropdownToggle, _extends({
         ref: buttonRef,
-        as: renderTitle ? 'span' : toggleAs,
+        as: toggleAs,
         noCaret: noCaret,
         className: toggleClassName,
-        renderTitle: renderTitle,
+        renderToggle: renderToggle,
         icon: icon,
         placement: placement
       }, omit(buttonProps, ['open'])), title);
@@ -92,7 +97,6 @@ var SidenavDropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
   });
 });
 SidenavDropdown.displayName = 'Sidenav.Dropdown';
-SidenavDropdown.defaultProps = defaultProps;
 SidenavDropdown.propTypes = {
   activeKey: PropTypes.any,
   classPrefix: PropTypes.string,
@@ -118,6 +122,7 @@ SidenavDropdown.propTypes = {
   onMouseLeave: PropTypes.func,
   onContextMenu: PropTypes.func,
   onClick: PropTypes.func,
-  renderTitle: PropTypes.func
+  renderTitle: deprecatePropType(PropTypes.func),
+  renderToggle: PropTypes.func
 };
 export default SidenavDropdown;

package/esm/Sidenav/SidenavDropdownCollapse.js

@@ -9,12 +9,10 @@ import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import Collapse from '../Animation/Collapse';
 import { mergeRefs, useClassNames } from '../utils';
-var defaultProps = {
-  classPrefix: 'dropdown-menu'
-};
 var SidenavDropdownCollapse = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var className = props.className,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'dropdown-menu' : _props$classPrefix,
       open = props.open,
       restProps = _objectWithoutPropertiesLoose(props, ["className", "classPrefix", "open"]);
 
@@ -42,7 +40,6 @@ var SidenavDropdownCollapse = /*#__PURE__*/React.forwardRef(function (props, ref
   });
 });
 SidenavDropdownCollapse.displayName = 'Sidenav.Dropdown.Collapse';
-SidenavDropdownCollapse.defaultProps = defaultProps;
 SidenavDropdownCollapse.propTypes = {
   className: PropTypes.string,
   children: PropTypes.node,

package/esm/Sidenav/SidenavDropdownItem.js

@@ -9,17 +9,14 @@ import Ripple from '../Ripple';
 import SafeAnchor from '../SafeAnchor';
 import NavContext from '../Nav/NavContext';
 import DropdownContext from '../Dropdown/DropdownContext';
-var defaultProps = {
-  as: 'li',
-  classPrefix: 'dropdown-item'
-};
+
 /**
  * Tree View Node
  * @see https://www.w3.org/TR/wai-aria-practices-1.2/#TreeView
  */
-
 var SidenavDropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'li' : _props$as,
       activeProp = props.active,
       children = props.children,
       disabled = props.disabled,
@@ -27,7 +24,8 @@ var SidenavDropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
       panel = props.panel,
       className = props.className,
       style = props.style,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'dropdown-item' : _props$classPrefix,
       icon = props.icon,
       eventKey = props.eventKey,
       onClick = props.onClick,
@@ -91,7 +89,6 @@ var SidenavDropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }), children, /*#__PURE__*/React.createElement(Ripple, null));
 });
 SidenavDropdownItem.displayName = 'Sidenav.Dropdown.Item';
-SidenavDropdownItem.defaultProps = defaultProps;
 SidenavDropdownItem.propTypes = {
   as: PropTypes.elementType,
   expanded: PropTypes.bool,

package/esm/Sidenav/SidenavDropdownMenu.js

@@ -16,22 +16,20 @@ import PropTypes from 'prop-types';
 import SidenavDropdownCollapse from './SidenavDropdownCollapse';
 import Ripple from '../Ripple';
 import Disclosure from '../Disclosure/Disclosure';
-var defaultProps = {
-  as: 'li',
-  classPrefix: 'dropdown-item'
-};
+
 /**
  * Tree View Node
  * @see https://www.w3.org/TR/wai-aria-practices-1.2/#TreeView
  */
-
 var SidenavDropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'li' : _props$as,
       children = props.children,
       disabled = props.disabled,
       className = props.className,
       style = props.style,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'dropdown-item' : _props$classPrefix,
       tabIndex = props.tabIndex,
       icon = props.icon,
       title = props.title,
@@ -99,7 +97,6 @@ var SidenavDropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
   });
 });
 SidenavDropdownMenu.displayName = 'Sidenav.Dropdown.Menu';
-SidenavDropdownMenu.defaultProps = defaultProps;
 SidenavDropdownMenu.propTypes = {
   as: PropTypes.elementType,
   expanded: PropTypes.bool,

package/esm/Sidenav/SidenavItem.js

@@ -61,26 +61,20 @@ var SidenavItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
         focus: active,
         active: selected,
         disabled: disabled
-      }));
-      var item = /*#__PURE__*/React.createElement(Component, _extends({
-        ref: mergeRefs(ref, menuitemRef),
-        disabled: Component === SafeAnchor ? disabled : undefined,
-        className: classes,
-        "data-event-key": eventKey
-      }, menuitem, omit(rest, ['divider', 'panel'])), icon, _children, /*#__PURE__*/React.createElement(Ripple, null)); // Show tooltip when inside a collapse <Sidenav>
+      })); // Show tooltip when inside a collapse <Sidenav>
 
-      return sidenav ? appendTooltip({
+      return appendTooltip({
         children: function children(triggerProps, triggerRef) {
           return /*#__PURE__*/React.createElement(Component, _extends({
             ref: mergeRefs(mergeRefs(ref, menuitemRef), triggerRef),
             disabled: Component === SafeAnchor ? disabled : undefined,
             className: classes,
             "data-event-key": eventKey
-          }, menuitem, omit(rest, ['divider', 'panel']), triggerProps), icon, _children, /*#__PURE__*/React.createElement(Ripple, null));
+          }, omit(rest, ['divider', 'panel']), triggerProps, menuitem), icon, _children, /*#__PURE__*/React.createElement(Ripple, null));
         },
         message: _children,
         placement: 'right'
-      }) : item;
+      });
     });
   }