rsuite 5.0.0-beta.7 → 5.0.2

package/cjs/Modal/ModalDialog.js

@@ -29,18 +29,16 @@ var modalDialogPropTypes = {
   children: _propTypes.default.node
 };
 exports.modalDialogPropTypes = modalDialogPropTypes;
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'modal'
-};
 
 var ModalDialog = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
       style = props.style,
       children = props.children,
       dialogClassName = props.dialogClassName,
       dialogStyle = props.dialogStyle,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'modal' : _props$classPrefix,
       className = props.className,
       size = props.size,
       rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "style", "children", "dialogClassName", "dialogStyle", "classPrefix", "className", "size"]);
@@ -55,7 +53,10 @@ var ModalDialog = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 
   var classes = merge(className, withClassPrefix(size));
   var dialogClasses = merge(dialogClassName, prefix('dialog'));
-  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
+  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
+    role: "dialog",
+    "aria-modal": true
+  }, rest, {
     ref: ref,
     className: classes,
     style: modalStyle
@@ -69,7 +70,6 @@ var ModalDialog = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 });
 
 ModalDialog.displayName = 'ModalDialog';
-ModalDialog.defaultProps = defaultProps;
 ModalDialog.propTypes = modalDialogPropTypes;
 var _default = ModalDialog;
 exports.default = _default;

package/cjs/Modal/ModalHeader.js

@@ -17,7 +17,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _utils = require("../utils");
 
-var _Modal = require("./Modal");
+var _ModalContext = require("./ModalContext");
 
 var _CloseButton = _interopRequireDefault(require("../CloseButton"));
 
@@ -25,17 +25,14 @@ var _Close = _interopRequireDefault(require("@rsuite/icons/Close"));
 
 var _IconButton = _interopRequireDefault(require("../IconButton"));
 
-var defaultProps = {
-  as: 'div',
-  closeButton: true,
-  classPrefix: 'modal-header'
-};
-
 var ModalHeader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var Component = props.as,
-      classPrefix = props.classPrefix,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'modal-header' : _props$classPrefix,
       className = props.className,
-      closeButton = props.closeButton,
+      _props$closeButton = props.closeButton,
+      closeButton = _props$closeButton === void 0 ? true : _props$closeButton,
       children = props.children,
       onClose = props.onClose,
       rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "className", "closeButton", "children", "onClose"]);
@@ -46,7 +43,7 @@ var ModalHeader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       prefix = _useClassNames.prefix;
 
   var classes = merge(className, withClassPrefix());
-  var context = (0, _react.useContext)(_Modal.ModalContext);
+  var context = (0, _react.useContext)(_ModalContext.ModalContext);
   var buttonElement = !(context !== null && context !== void 0 && context.isDrawer) ? /*#__PURE__*/_react.default.createElement(_CloseButton.default, {
     className: prefix('close'),
     onClick: (0, _utils.createChainedFunction)(onClose, context === null || context === void 0 ? void 0 : context.onModalClose)
@@ -64,7 +61,6 @@ var ModalHeader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 });
 
 ModalHeader.displayName = 'ModalHeader';
-ModalHeader.defaultProps = defaultProps;
 ModalHeader.propTypes = {
   as: _propTypes.default.elementType,
   classPrefix: _propTypes.default.string,

package/cjs/Modal/ModalTitle.d.ts

@@ -1,4 +1,5 @@
-import { ComponentProps } from '../utils/createComponent';
+import type { ComponentProps } from '../utils/createComponent';
+import type { RsRefForwardingComponent } from '../@types/common';
 export declare type ModalTitleProps = ComponentProps;
-declare const ModalTitle: import("../@types/common").RsRefForwardingComponent<"div", ComponentProps>;
+declare const ModalTitle: RsRefForwardingComponent<'h4', ComponentProps>;
 export default ModalTitle;

package/cjs/Modal/ModalTitle.js

@@ -1,15 +1,54 @@
 "use strict";
 
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 exports.__esModule = true;
 exports.default = void 0;
 
-var _createComponent = _interopRequireDefault(require("../utils/createComponent"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _utils = require("../utils");
 
-var ModalTitle = (0, _createComponent.default)({
-  name: 'ModalTitle',
-  componentAs: 'h4'
+var _ModalContext = require("./ModalContext");
+
+var ModalTitle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'h4' : _props$as,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'modal-title' : _props$classPrefix,
+      className = props.className,
+      role = props.role,
+      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "className", "role"]);
+
+  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+      withClassPrefix = _useClassNames.withClassPrefix,
+      merge = _useClassNames.merge;
+
+  var classes = merge(className, withClassPrefix());
+  var context = (0, _react.useContext)(_ModalContext.ModalContext);
+  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
+    id: context ? context.dialogId + "-title" : undefined
+  }, rest, {
+    role: role,
+    ref: ref,
+    className: classes
+  }));
 });
+
+ModalTitle.displayName = 'Modal.Title';
+ModalTitle.propTypes = {
+  as: _propTypes.default.elementType,
+  className: _propTypes.default.string,
+  classPrefix: _propTypes.default.string,
+  children: _propTypes.default.node
+};
 var _default = ModalTitle;
 exports.default = _default;

package/cjs/MultiCascader/DropdownMenu.js

@@ -27,37 +27,36 @@ var _Picker = require("../Picker");
 
 var _utils2 = require("./utils");
 
-var defaultProps = {
-  as: 'div',
-  disabledItemValues: [],
-  uncheckableItemValues: [],
-  cascadeData: [],
-  cascadePaths: [],
-  menuWidth: 156,
-  menuHeight: 200,
-  childrenKey: 'children',
-  valueKey: 'value',
-  labelKey: 'label'
-};
+var emptyArray = [];
 /**
  * TODO: reuse Menu from Cascader for consistent behavior
  */
 
 var DropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
       classPrefix = props.classPrefix,
       className = props.className,
       cascade = props.cascade,
-      cascadeData = props.cascadeData,
-      cascadePaths = props.cascadePaths,
-      childrenKey = props.childrenKey,
-      disabledItemValues = props.disabledItemValues,
-      menuWidth = props.menuWidth,
-      menuHeight = props.menuHeight,
-      uncheckableItemValues = props.uncheckableItemValues,
+      _props$cascadeData = props.cascadeData,
+      cascadeData = _props$cascadeData === void 0 ? emptyArray : _props$cascadeData,
+      _props$cascadePaths = props.cascadePaths,
+      cascadePaths = _props$cascadePaths === void 0 ? emptyArray : _props$cascadePaths,
+      _props$childrenKey = props.childrenKey,
+      childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,
+      _props$disabledItemVa = props.disabledItemValues,
+      disabledItemValues = _props$disabledItemVa === void 0 ? emptyArray : _props$disabledItemVa,
+      _props$menuWidth = props.menuWidth,
+      menuWidth = _props$menuWidth === void 0 ? 156 : _props$menuWidth,
+      _props$menuHeight = props.menuHeight,
+      menuHeight = _props$menuHeight === void 0 ? 200 : _props$menuHeight,
+      _props$uncheckableIte = props.uncheckableItemValues,
+      uncheckableItemValues = _props$uncheckableIte === void 0 ? emptyArray : _props$uncheckableIte,
       value = props.value,
-      valueKey = props.valueKey,
-      labelKey = props.labelKey,
+      _props$valueKey = props.valueKey,
+      valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,
+      _props$labelKey = props.labelKey,
+      labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,
       renderMenuItem = props.renderMenuItem,
       renderMenu = props.renderMenu,
       _onCheck = props.onCheck,
@@ -182,7 +181,6 @@ var DropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
 });
 
 DropdownMenu.displayName = 'DropdownMenu';
-DropdownMenu.defaultProps = defaultProps;
 DropdownMenu.propTypes = {
   classPrefix: _propTypes.default.string,
   data: _propTypes.default.array,

package/cjs/MultiCascader/MultiCascader.js

@@ -37,51 +37,51 @@ var _utils3 = require("../utils");
 
 var _Picker = require("../Picker");
 
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'picker',
-  cleanable: true,
-  cascade: true,
-  countable: true,
-  placement: 'bottomStart',
-  appearance: 'default',
-  data: [],
-  disabledItemValues: [],
-  uncheckableItemValues: [],
-  childrenKey: 'children',
-  valueKey: 'value',
-  labelKey: 'label',
-  searchable: true
-};
+var emptyArray = [];
 
 var MultiCascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _selectedPaths;
 
-  var Component = props.as,
-      data = props.data,
-      classPrefix = props.classPrefix,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
+      _props$data = props.data,
+      data = _props$data === void 0 ? emptyArray : _props$data,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'picker' : _props$classPrefix,
       defaultValue = props.defaultValue,
       valueProp = props.value,
-      valueKey = props.valueKey,
-      labelKey = props.labelKey,
-      childrenKey = props.childrenKey,
+      _props$valueKey = props.valueKey,
+      valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,
+      _props$labelKey = props.labelKey,
+      labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,
+      _props$childrenKey = props.childrenKey,
+      childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,
       disabled = props.disabled,
-      disabledItemValues = props.disabledItemValues,
-      cleanable = props.cleanable,
+      _props$disabledItemVa = props.disabledItemValues,
+      disabledItemValues = _props$disabledItemVa === void 0 ? emptyArray : _props$disabledItemVa,
+      _props$cleanable = props.cleanable,
+      cleanable = _props$cleanable === void 0 ? true : _props$cleanable,
       overrideLocale = props.locale,
       toggleAs = props.toggleAs,
       style = props.style,
-      countable = props.countable,
-      cascade = props.cascade,
+      _props$countable = props.countable,
+      countable = _props$countable === void 0 ? true : _props$countable,
+      _props$cascade = props.cascade,
+      cascade = _props$cascade === void 0 ? true : _props$cascade,
       inline = props.inline,
       placeholder = props.placeholder,
-      placement = props.placement,
+      _props$placement = props.placement,
+      placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
+      _props$appearance = props.appearance,
+      appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
       menuWidth = props.menuWidth,
       menuHeight = props.menuHeight,
       menuClassName = props.menuClassName,
       menuStyle = props.menuStyle,
-      searchable = props.searchable,
-      uncheckableItemValues = props.uncheckableItemValues,
+      _props$searchable = props.searchable,
+      searchable = _props$searchable === void 0 ? true : _props$searchable,
+      _props$uncheckableIte = props.uncheckableItemValues,
+      uncheckableItemValues = _props$uncheckableIte === void 0 ? emptyArray : _props$uncheckableIte,
       id = props.id,
       getChildren = props.getChildren,
       renderValue = props.renderValue,
@@ -98,7 +98,7 @@ var MultiCascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       onOpen = props.onOpen,
       onClose = props.onClose,
       onCheck = props.onCheck,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "data", "classPrefix", "defaultValue", "value", "valueKey", "labelKey", "childrenKey", "disabled", "disabledItemValues", "cleanable", "locale", "toggleAs", "style", "countable", "cascade", "inline", "placeholder", "placement", "menuWidth", "menuHeight", "menuClassName", "menuStyle", "searchable", "uncheckableItemValues", "id", "getChildren", "renderValue", "renderMenu", "renderMenuItem", "renderExtraFooter", "onEnter", "onExit", "onExited", "onClean", "onSearch", "onSelect", "onChange", "onOpen", "onClose", "onCheck"]);
+      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "data", "classPrefix", "defaultValue", "value", "valueKey", "labelKey", "childrenKey", "disabled", "disabledItemValues", "cleanable", "locale", "toggleAs", "style", "countable", "cascade", "inline", "placeholder", "placement", "appearance", "menuWidth", "menuHeight", "menuClassName", "menuStyle", "searchable", "uncheckableItemValues", "id", "getChildren", "renderValue", "renderMenu", "renderMenuItem", "renderExtraFooter", "onEnter", "onExit", "onExited", "onClean", "onSearch", "onSelect", "onChange", "onOpen", "onClose", "onCheck"]);
   var itemKeys = {
     childrenKey: childrenKey,
     labelKey: labelKey,
@@ -477,8 +477,10 @@ var MultiCascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   }
 
   var _usePickerClassName = (0, _Picker.usePickerClassName)((0, _extends3.default)({}, props, {
+    classPrefix: classPrefix,
     hasValue: hasValue,
-    name: 'cascader'
+    name: 'cascader',
+    cleanable: cleanable
   })),
       classes = _usePickerClassName[0],
       usedClassNamePropKeys = _usePickerClassName[1];
@@ -501,6 +503,7 @@ var MultiCascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   }, /*#__PURE__*/_react.default.createElement(_Picker.PickerToggle, (0, _extends3.default)({}, (0, _omit.default)(rest, [].concat(_Picker.omitTriggerPropKeys, usedClassNamePropKeys)), {
     id: id,
     as: toggleAs,
+    appearance: appearance,
     disabled: disabled,
     ref: targetRef,
     onClean: (0, _utils3.createChainedFunction)(handleClean, onClean),
@@ -514,7 +517,6 @@ var MultiCascader = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
 });
 
 MultiCascader.displayName = 'MultiCascader';
-MultiCascader.defaultProps = defaultProps;
 MultiCascader.propTypes = (0, _extends3.default)({}, _Picker.listPickerPropTypes, {
   value: _propTypes.default.array,
   disabledItemValues: _propTypes.default.array,

package/cjs/Nav/Nav.js

@@ -31,16 +31,13 @@ var _useEnsuredRef = _interopRequireDefault(require("../utils/useEnsuredRef"));
 
 var _Menubar = _interopRequireDefault(require("../Menu/Menubar"));
 
-var defaultProps = {
-  classPrefix: 'nav',
-  appearance: 'default',
-  as: 'div'
-};
-
 var Nav = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var Component = props.as,
-      classPrefix = props.classPrefix,
-      appearance = props.appearance,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'nav' : _props$classPrefix,
+      _props$appearance = props.appearance,
+      appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
       vertical = props.vertical,
       justified = props.justified,
       reversed = props.reversed,
@@ -126,7 +123,6 @@ var Nav = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 Nav.Dropdown = _Dropdown.default;
 Nav.Item = _NavItem.default;
 Nav.displayName = 'Nav';
-Nav.defaultProps = defaultProps;
 Nav.propTypes = {
   classPrefix: _propTypes.default.string,
   className: _propTypes.default.string,

package/cjs/Navbar/Navbar.js

@@ -22,17 +22,15 @@ var _utils = require("../utils");
 var NavbarContext = /*#__PURE__*/_react.default.createContext(null);
 
 exports.NavbarContext = NavbarContext;
-var defaultProps = {
-  as: 'nav',
-  classPrefix: 'navbar',
-  appearance: 'default'
-};
 
 var Navbar = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var className = props.className,
-      Component = props.as,
-      classPrefix = props.classPrefix,
-      appearance = props.appearance,
+      _props$as = props.as,
+      Component = _props$as === void 0 ? 'nav' : _props$as,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'navbar' : _props$classPrefix,
+      _props$appearance = props.appearance,
+      appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
       rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["className", "as", "classPrefix", "appearance"]);
 
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
@@ -52,6 +50,5 @@ Navbar.Header = _NavbarHeader.default;
 Navbar.Body = _NavbarBody.default;
 Navbar.Brand = _NavbarBrand.default;
 Navbar.displayName = 'Navbar';
-Navbar.defaultProps = defaultProps;
 var _default = Navbar;
 exports.default = _default;

package/cjs/Notification/Notification.js

@@ -23,17 +23,14 @@ var _CloseButton = _interopRequireDefault(require("../CloseButton"));
 
 var _templateObject, _templateObject2;
 
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'notification',
-  duration: 4500
-};
-
 var Notification = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var Component = props.as,
-      classPrefix = props.classPrefix,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'notification' : _props$classPrefix,
       closable = props.closable,
-      duration = props.duration,
+      _props$duration = props.duration,
+      duration = _props$duration === void 0 ? 4500 : _props$duration,
       className = props.className,
       type = props.type,
       header = props.header,
@@ -99,7 +96,6 @@ var Notification = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
 });
 
 Notification.displayName = 'Notification';
-Notification.defaultProps = defaultProps;
 Notification.propTypes = {
   as: _propTypes.default.elementType,
   duration: _propTypes.default.number,

package/cjs/Overlay/Modal.js

@@ -34,14 +34,6 @@ function getManager() {
   return manager;
 }
 
-var defaultProps = {
-  as: 'div',
-  backdrop: true,
-  keyboard: true,
-  autoFocus: true,
-  enforceFocus: true
-};
-
 var useModalManager = function useModalManager() {
   var modalManager = getManager();
   var modal = (0, _react.useRef)({
@@ -68,7 +60,8 @@ var useModalManager = function useModalManager() {
 };
 
 var Modal = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
       children = props.children,
       Transition = props.transition,
       dialogTransitionTimeout = props.dialogTransitionTimeout,
@@ -77,14 +70,18 @@ var Modal = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       container = props.container,
       animationProps = props.animationProps,
       containerClassName = props.containerClassName,
-      keyboard = props.keyboard,
-      enforceFocus = props.enforceFocus,
-      backdrop = props.backdrop,
+      _props$keyboard = props.keyboard,
+      keyboard = _props$keyboard === void 0 ? true : _props$keyboard,
+      _props$enforceFocus = props.enforceFocus,
+      enforceFocus = _props$enforceFocus === void 0 ? true : _props$enforceFocus,
+      _props$backdrop = props.backdrop,
+      backdrop = _props$backdrop === void 0 ? true : _props$backdrop,
       backdropTransitionTimeout = props.backdropTransitionTimeout,
       backdropStyle = props.backdropStyle,
       backdropClassName = props.backdropClassName,
       open = props.open,
-      autoFocus = props.autoFocus,
+      _props$autoFocus = props.autoFocus,
+      autoFocus = _props$autoFocus === void 0 ? true : _props$autoFocus,
       onBackdropClick = props.onBackdropClick,
       onEscapeKeyUp = props.onEscapeKeyUp,
       onExit = props.onExit,
@@ -255,10 +252,7 @@ var Modal = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     onEntering: onEntering,
     onEntered: onEntered
   }), children) : children;
-  return /*#__PURE__*/_react.default.createElement(Portal, null, /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
-    role: "dialog",
-    "aria-modal": true
-  }, rest, {
+  return /*#__PURE__*/_react.default.createElement(Portal, null, /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
     ref: (0, _utils2.mergeRefs)(modal.setDialogRef, ref),
     style: style,
     className: className,
@@ -283,7 +277,6 @@ var modalPropTypes = {
 };
 exports.modalPropTypes = modalPropTypes;
 Modal.displayName = 'OverlayModal';
-Modal.defaultProps = defaultProps;
 Modal.propTypes = (0, _extends2.default)({}, _utils.animationPropTypes, modalPropTypes, {
   children: _propTypes.default.func,
   container: _propTypes.default.any,

package/cjs/Overlay/Overlay.js

@@ -21,9 +21,6 @@ var _utils = require("../utils");
 
 var _Fade = _interopRequireDefault(require("../Animation/Fade"));
 
-var defaultProps = {
-  transition: _Fade.default
-};
 var overlayPropTypes = {
   container: _propTypes.default.any,
   children: _propTypes.default.any,
@@ -53,7 +50,8 @@ var Overlay = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       rootClose = props.rootClose,
       children = props.children,
       childrenProps = props.childrenProps,
-      Transition = props.transition,
+      _props$transition = props.transition,
+      Transition = _props$transition === void 0 ? _Fade.default : _props$transition,
       open = props.open,
       preventOverflow = props.preventOverflow,
       triggerTarget = props.triggerTarget,
@@ -141,7 +139,6 @@ var Overlay = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 });
 
 Overlay.displayName = 'Overlay';
-Overlay.defaultProps = defaultProps;
 Overlay.propTypes = overlayPropTypes;
 var _default = Overlay;
 exports.default = _default;

package/cjs/Overlay/OverlayTrigger.js

@@ -63,18 +63,15 @@ function onMouseEventHandler(handler, event, delay) {
   }
 }
 
-var defaultProps = {
-  trigger: ['hover', 'focus'],
-  placement: 'bottomStart',
-  rootClose: true
-};
+var defaultTrigger = ['hover', 'focus'];
 
 var OverlayTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var children = props.children,
       container = props.container,
       controlId = props.controlId,
       defaultOpen = props.defaultOpen,
-      trigger = props.trigger,
+      _props$trigger = props.trigger,
+      trigger = _props$trigger === void 0 ? defaultTrigger : _props$trigger,
       disabled = props.disabled,
       readOnly = props.readOnly,
       plaintext = props.plaintext,
@@ -83,8 +80,11 @@ var OverlayTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref
       delayOpenProp = props.delayOpen,
       delayCloseProp = props.delayClose,
       enterable = props.enterable,
-      placement = props.placement,
+      _props$placement = props.placement,
+      placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
       speaker = props.speaker,
+      _props$rootClose = props.rootClose,
+      rootClose = _props$rootClose === void 0 ? true : _props$rootClose,
       onClick = props.onClick,
       onMouseOver = props.onMouseOver,
       onMouseOut = props.onMouseOut,
@@ -92,7 +92,7 @@ var OverlayTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref
       onFocus = props.onFocus,
       onBlur = props.onBlur,
       onClose = props.onClose,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["children", "container", "controlId", "defaultOpen", "trigger", "disabled", "readOnly", "plaintext", "open", "delay", "delayOpen", "delayClose", "enterable", "placement", "speaker", "onClick", "onMouseOver", "onMouseOut", "onContextMenu", "onFocus", "onBlur", "onClose"]);
+      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["children", "container", "controlId", "defaultOpen", "trigger", "disabled", "readOnly", "plaintext", "open", "delay", "delayOpen", "delayClose", "enterable", "placement", "speaker", "rootClose", "onClick", "onMouseOver", "onMouseOut", "onContextMenu", "onFocus", "onBlur", "onClose"]);
 
   var _usePortal = (0, _utils.usePortal)({
     container: container
@@ -292,6 +292,7 @@ var OverlayTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref
 
   var renderOverlay = function renderOverlay() {
     var overlayProps = (0, _extends2.default)({}, rest, {
+      rootClose: rootClose,
       triggerTarget: triggerRef,
       onClose: trigger !== 'none' ? (0, _utils.createChainedFunction)(handleClose, onClose) : undefined,
       placement: placement,
@@ -326,6 +327,5 @@ var OverlayTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref
 });
 
 OverlayTrigger.displayName = 'OverlayTrigger';
-OverlayTrigger.defaultProps = defaultProps;
 var _default = OverlayTrigger;
 exports.default = _default;

package/cjs/Overlay/Position.js

@@ -21,15 +21,12 @@ var _positionUtils = _interopRequireDefault(require("./positionUtils"));
 
 var _utils = require("../utils");
 
-var defaultProps = {
-  containerPadding: 0,
-  placement: 'right'
-};
-
 var usePosition = function usePosition(props, ref) {
-  var placement = props.placement,
+  var _props$placement = props.placement,
+      placement = _props$placement === void 0 ? 'right' : _props$placement,
       preventOverflow = props.preventOverflow,
-      containerPadding = props.containerPadding,
+      _props$containerPaddi = props.containerPadding,
+      containerPadding = _props$containerPaddi === void 0 ? 0 : _props$containerPaddi,
       container = props.container,
       triggerTarget = props.triggerTarget;
   var containerRef = (0, _react.useRef)();
@@ -184,7 +181,6 @@ var Position = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 });
 
 Position.displayName = 'Position';
-Position.defaultProps = defaultProps;
 Position.propTypes = {
   className: _propTypes.default.string,
   children: _propTypes.default.func,