rsuite 5.0.0-beta.7 → 5.0.2

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

@@ -1,6 +1,37 @@
-import createComponent from '../utils/createComponent';
-var ModalTitle = createComponent({
-  name: 'ModalTitle',
-  componentAs: 'h4'
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import React, { useContext } from 'react';
+import PropTypes from 'prop-types';
+import { useClassNames } from '../utils';
+import { ModalContext } from './ModalContext';
+var ModalTitle = /*#__PURE__*/React.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 = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "role"]);
+
+  var _useClassNames = useClassNames(classPrefix),
+      withClassPrefix = _useClassNames.withClassPrefix,
+      merge = _useClassNames.merge;
+
+  var classes = merge(className, withClassPrefix());
+  var context = useContext(ModalContext);
+  return /*#__PURE__*/React.createElement(Component, _extends({
+    id: context ? context.dialogId + "-title" : undefined
+  }, rest, {
+    role: role,
+    ref: ref,
+    className: classes
+  }));
 });
+ModalTitle.displayName = 'Modal.Title';
+ModalTitle.propTypes = {
+  as: PropTypes.elementType,
+  className: PropTypes.string,
+  classPrefix: PropTypes.string,
+  children: PropTypes.node
+};
 export default ModalTitle;

package/esm/MultiCascader/DropdownMenu.js

@@ -8,37 +8,36 @@ import AngleRightIcon from '@rsuite/icons/legacy/AngleRight';
 import { useClassNames, shallowEqual, useCustom } from '../utils';
 import { DropdownMenuCheckItem } from '../Picker';
 import { isSomeParentChecked, isSomeChildChecked } from './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.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,
@@ -160,7 +159,6 @@ var DropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }), renderCascade());
 });
 DropdownMenu.displayName = 'DropdownMenu';
-DropdownMenu.defaultProps = defaultProps;
 DropdownMenu.propTypes = {
   classPrefix: PropTypes.string,
   data: PropTypes.array,

package/esm/MultiCascader/MultiCascader.js

@@ -13,50 +13,50 @@ import { getNodeParents, findNodeOfTree } from '../utils/treeUtils';
 import { getColumnsAndPaths } from '../Cascader/utils';
 import { createChainedFunction, mergeRefs, getSafeRegExpString, useClassNames, useCustom, useUpdateEffect } from '../utils';
 import { PickerToggle, PickerOverlay, SearchBar, SelectedElement, PickerToggleTrigger, usePickerClassName, usePublicMethods, useToggleKeyDownEvent, useFocusItemValue, pickTriggerPropKeys, omitTriggerPropKeys, listPickerPropTypes } from '../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.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,
@@ -73,7 +73,7 @@ var MultiCascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
       onOpen = props.onOpen,
       onClose = props.onClose,
       onCheck = props.onCheck,
-      rest = _objectWithoutPropertiesLoose(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 = _objectWithoutPropertiesLoose(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,
@@ -454,8 +454,10 @@ var MultiCascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }
 
   var _usePickerClassName = usePickerClassName(_extends({}, props, {
+    classPrefix: classPrefix,
     hasValue: hasValue,
-    name: 'cascader'
+    name: 'cascader',
+    cleanable: cleanable
   })),
       classes = _usePickerClassName[0],
       usedClassNamePropKeys = _usePickerClassName[1];
@@ -478,6 +480,7 @@ var MultiCascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, /*#__PURE__*/React.createElement(PickerToggle, _extends({}, omit(rest, [].concat(omitTriggerPropKeys, usedClassNamePropKeys)), {
     id: id,
     as: toggleAs,
+    appearance: appearance,
     disabled: disabled,
     ref: targetRef,
     onClean: createChainedFunction(handleClean, onClean),
@@ -490,7 +493,6 @@ var MultiCascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }), selectedElement || locale.placeholder)));
 });
 MultiCascader.displayName = 'MultiCascader';
-MultiCascader.defaultProps = defaultProps;
 MultiCascader.propTypes = _extends({}, listPickerPropTypes, {
   value: PropTypes.array,
   disabledItemValues: PropTypes.array,

package/esm/Nav/Nav.js

@@ -10,15 +10,13 @@ import { SidenavContext } from '../Sidenav/Sidenav';
 import NavContext from './NavContext';
 import useEnsuredRef from '../utils/useEnsuredRef';
 import Menubar from '../Menu/Menubar';
-var defaultProps = {
-  classPrefix: 'nav',
-  appearance: 'default',
-  as: 'div'
-};
 var Nav = /*#__PURE__*/React.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,
@@ -104,7 +102,6 @@ var Nav = /*#__PURE__*/React.forwardRef(function (props, ref) {
 Nav.Dropdown = Dropdown;
 Nav.Item = NavItem;
 Nav.displayName = 'Nav';
-Nav.defaultProps = defaultProps;
 Nav.propTypes = {
   classPrefix: PropTypes.string,
   className: PropTypes.string,

package/esm/Navbar/Navbar.js

@@ -6,16 +6,14 @@ import NavbarHeader from './NavbarHeader';
 import NavbarBrand from './NavbarBrand';
 import { useClassNames } from '../utils';
 export var NavbarContext = /*#__PURE__*/React.createContext(null);
-var defaultProps = {
-  as: 'nav',
-  classPrefix: 'navbar',
-  appearance: 'default'
-};
 var Navbar = /*#__PURE__*/React.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 = _objectWithoutPropertiesLoose(props, ["className", "as", "classPrefix", "appearance"]);
 
   var _useClassNames = useClassNames(classPrefix),
@@ -34,5 +32,4 @@ Navbar.Header = NavbarHeader;
 Navbar.Body = NavbarBody;
 Navbar.Brand = NavbarBrand;
 Navbar.displayName = 'Navbar';
-Navbar.defaultProps = defaultProps;
 export default Navbar;

package/esm/Notification/Notification.js

@@ -8,16 +8,14 @@ import React, { useCallback, useState } from 'react';
 import PropTypes from 'prop-types';
 import { useClassNames, useTimeout, MESSAGE_STATUS_ICONS } from '../utils';
 import CloseButton from '../CloseButton';
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'notification',
-  duration: 4500
-};
 var Notification = /*#__PURE__*/React.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,
@@ -82,7 +80,6 @@ var Notification = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }));
 });
 Notification.displayName = 'Notification';
-Notification.defaultProps = defaultProps;
 Notification.propTypes = {
   as: PropTypes.elementType,
   duration: PropTypes.number,

package/esm/Overlay/Modal.js

@@ -15,14 +15,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 = useRef({
@@ -49,7 +41,8 @@ var useModalManager = function useModalManager() {
 };
 
 var Modal = /*#__PURE__*/React.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,
@@ -58,14 +51,18 @@ var Modal = /*#__PURE__*/React.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,
@@ -234,10 +231,7 @@ var Modal = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onEntering: onEntering,
     onEntered: onEntered
   }), children) : children;
-  return /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(Component, _extends({
-    role: "dialog",
-    "aria-modal": true
-  }, rest, {
+  return /*#__PURE__*/React.createElement(Portal, null, /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
     ref: mergeRefs(modal.setDialogRef, ref),
     style: style,
     className: className,
@@ -260,7 +254,6 @@ export var modalPropTypes = {
   onClose: PropTypes.func
 };
 Modal.displayName = 'OverlayModal';
-Modal.defaultProps = defaultProps;
 Modal.propTypes = _extends({}, animationPropTypes, modalPropTypes, {
   children: PropTypes.func,
   container: PropTypes.any,

package/esm/Overlay/Overlay.js

@@ -5,9 +5,6 @@ import PropTypes from 'prop-types';
 import Position from './Position';
 import { mergeRefs, useRootClose } from '../utils';
 import Fade from '../Animation/Fade';
-var defaultProps = {
-  transition: Fade
-};
 export var overlayPropTypes = {
   container: PropTypes.any,
   children: PropTypes.any,
@@ -35,7 +32,8 @@ var Overlay = /*#__PURE__*/React.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 : _props$transition,
       open = props.open,
       preventOverflow = props.preventOverflow,
       triggerTarget = props.triggerTarget,
@@ -122,6 +120,5 @@ var Overlay = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return renderChildWithPosition();
 });
 Overlay.displayName = 'Overlay';
-Overlay.defaultProps = defaultProps;
 Overlay.propTypes = overlayPropTypes;
 export default Overlay;

package/esm/Overlay/OverlayTrigger.js

@@ -45,17 +45,14 @@ function onMouseEventHandler(handler, event, delay) {
   }
 }
 
-var defaultProps = {
-  trigger: ['hover', 'focus'],
-  placement: 'bottomStart',
-  rootClose: true
-};
+var defaultTrigger = ['hover', 'focus'];
 var OverlayTrigger = /*#__PURE__*/React.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,
@@ -64,8 +61,11 @@ var OverlayTrigger = /*#__PURE__*/React.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,
@@ -73,7 +73,7 @@ var OverlayTrigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
       onFocus = props.onFocus,
       onBlur = props.onBlur,
       onClose = props.onClose,
-      rest = _objectWithoutPropertiesLoose(props, ["children", "container", "controlId", "defaultOpen", "trigger", "disabled", "readOnly", "plaintext", "open", "delay", "delayOpen", "delayClose", "enterable", "placement", "speaker", "onClick", "onMouseOver", "onMouseOut", "onContextMenu", "onFocus", "onBlur", "onClose"]);
+      rest = _objectWithoutPropertiesLoose(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 = usePortal({
     container: container
@@ -273,6 +273,7 @@ var OverlayTrigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
   var renderOverlay = function renderOverlay() {
     var overlayProps = _extends({}, rest, {
+      rootClose: rootClose,
       triggerTarget: triggerRef,
       onClose: trigger !== 'none' ? createChainedFunction(handleClose, onClose) : undefined,
       placement: placement,
@@ -307,5 +308,4 @@ var OverlayTrigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, mergeEvents(triggerEvents, children.props))), /*#__PURE__*/React.createElement(Portal, null, renderOverlay()));
 });
 OverlayTrigger.displayName = 'OverlayTrigger';
-OverlayTrigger.defaultProps = defaultProps;
 export default OverlayTrigger;

package/esm/Overlay/Position.js

@@ -6,15 +6,13 @@ import helper from '../DOMHelper';
 import positionUtils from './positionUtils';
 import { getDOMNode } from '../utils';
 import { useUpdateEffect } from '../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 = useRef();
@@ -162,7 +160,6 @@ var Position = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return children;
 });
 Position.displayName = 'Position';
-Position.defaultProps = defaultProps;
 Position.propTypes = {
   className: PropTypes.string,
   children: PropTypes.func,

package/esm/Pagination/Pagination.js

@@ -20,29 +20,27 @@ var PAGINATION_ICONS = {
   first: /*#__PURE__*/React.createElement(PageTop, null),
   last: /*#__PURE__*/React.createElement(PageEnd, null)
 };
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'pagination',
-  activePage: 1,
-  pages: 1,
-  size: 'xs'
-};
 var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
       className = props.className,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'pagination' : _props$classPrefix,
       disabledProp = props.disabled,
       overrideLocale = props.locale,
-      activePage = props.activePage,
+      _props$activePage = props.activePage,
+      activePage = _props$activePage === void 0 ? 1 : _props$activePage,
       maxButtons = props.maxButtons,
-      pages = props.pages,
+      _props$pages = props.pages,
+      pages = _props$pages === void 0 ? 1 : _props$pages,
       ellipsis = props.ellipsis,
       boundaryLinks = props.boundaryLinks,
       first = props.first,
       prev = props.prev,
       next = props.next,
       last = props.last,
-      size = props.size,
+      _props$size = props.size,
+      size = _props$size === void 0 ? 'xs' : _props$size,
       linkAs = props.linkAs,
       linkProps = props.linkProps,
       onSelect = props.onSelect,
@@ -212,7 +210,6 @@ var Pagination = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }), renderFirst(), renderPrev(), renderPageButtons(), renderNext(), renderLast());
 });
 Pagination.displayName = 'Pagination';
-Pagination.defaultProps = defaultProps;
 Pagination.propTypes = {
   onSelect: PropTypes.func,
   activePage: PropTypes.number,

package/esm/Pagination/PaginationButton.js

@@ -4,16 +4,14 @@ import React, { useCallback } from 'react';
 import PropTypes from 'prop-types';
 import Ripple from '../Ripple';
 import { useClassNames, createChainedFunction } from '../utils';
-var defaultProps = {
-  classPrefix: 'pagination-btn',
-  as: 'button'
-};
 var PaginationButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'button' : _props$as,
       active = props.active,
       disabled = props.disabled,
       className = props.className,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'pagination-btn' : _props$classPrefix,
       children = props.children,
       eventKey = props.eventKey,
       style = props.style,
@@ -52,7 +50,6 @@ var PaginationButton = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }), children, !disabled ? /*#__PURE__*/React.createElement(Ripple, null) : null);
 });
 PaginationButton.displayName = 'PaginationButton';
-PaginationButton.defaultProps = defaultProps;
 PaginationButton.propTypes = {
   classPrefix: PropTypes.string,
   eventKey: PropTypes.any,

package/esm/Pagination/PaginationGroup.js

@@ -8,12 +8,6 @@ import SelectPicker from '../SelectPicker';
 import Divider from '../Divider';
 import Input from '../Input';
 import { tplTransform, useClassNames, useCustom, useControlled } from '../utils';
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'pagination-group',
-  layout: ['pager'],
-  limitOptions: [30, 50, 100]
-};
 
 var LimitPicker = function LimitPicker(props) {
   var disabled = props.disabled,
@@ -47,9 +41,13 @@ var LimitPicker = function LimitPicker(props) {
   }));
 };
 
+var defaultLayout = ['pager'];
+var defaultLimitOptions = [30, 50, 100];
 var PaginationGroup = /*#__PURE__*/React.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 ? 'pagination-group' : _props$classPrefix,
       size = props.size,
       total = props.total,
       prev = props.prev,
@@ -58,13 +56,15 @@ var PaginationGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
       last = props.last,
       maxButtons = props.maxButtons,
       className = props.className,
-      limitOptions = props.limitOptions,
+      _props$limitOptions = props.limitOptions,
+      limitOptions = _props$limitOptions === void 0 ? defaultLimitOptions : _props$limitOptions,
       limitProp = props.limit,
       activePageProp = props.activePage,
       disabled = props.disabled,
       style = props.style,
       localeProp = props.locale,
-      layout = props.layout,
+      _props$layout = props.layout,
+      layout = _props$layout === void 0 ? defaultLayout : _props$layout,
       onChangePage = props.onChangePage,
       onChangeLimit = props.onChangeLimit,
       rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "size", "total", "prev", "next", "first", "last", "maxButtons", "className", "limitOptions", "limit", "activePage", "disabled", "style", "locale", "layout", "onChangePage", "onChangeLimit"]);
@@ -168,7 +168,6 @@ var PaginationGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }));
 });
 PaginationGroup.displayName = 'PaginationGroup';
-PaginationGroup.defaultProps = defaultProps;
 PaginationGroup.propTypes = _extends({}, Pagination.propTypes, {
   locale: PropTypes.any,
   layout: PropTypes.array,