rsuite 5.0.0 → 5.1.0

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,

package/cjs/Overlay/positionUtils.js

@@ -135,7 +135,7 @@ var _default = function _default(props) {
 
   return {
     getPosition: function getPosition(target, container) {
-      var offset = container.tagName === 'BODY' ? (0, _domLib.getOffset)(target) : (0, _domLib.getPosition)(target, container);
+      var offset = container.tagName === 'BODY' ? (0, _domLib.getOffset)(target) : (0, _domLib.getPosition)(target, container, false);
       return offset;
     },
     calcAutoPlacement: function calcAutoPlacement(targetOffset, container, overlay) {

package/cjs/Pagination/Pagination.js

@@ -40,30 +40,28 @@ var PAGINATION_ICONS = {
   first: /*#__PURE__*/_react.default.createElement(_PageTop.default, null),
   last: /*#__PURE__*/_react.default.createElement(_PageEnd.default, null)
 };
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'pagination',
-  activePage: 1,
-  pages: 1,
-  size: 'xs'
-};
 
 var Pagination = /*#__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,
-      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,
@@ -233,7 +231,6 @@ var Pagination = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 });
 
 Pagination.displayName = 'Pagination';
-Pagination.defaultProps = defaultProps;
 Pagination.propTypes = {
   onSelect: _propTypes.default.func,
   activePage: _propTypes.default.number,

package/cjs/Pagination/PaginationButton.js

@@ -19,17 +19,14 @@ var _Ripple = _interopRequireDefault(require("../Ripple"));
 
 var _utils = require("../utils");
 
-var defaultProps = {
-  classPrefix: 'pagination-btn',
-  as: 'button'
-};
-
 var PaginationButton = /*#__PURE__*/_react.default.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,
@@ -69,7 +66,6 @@ var PaginationButton = /*#__PURE__*/_react.default.forwardRef(function (props, r
 });
 
 PaginationButton.displayName = 'PaginationButton';
-PaginationButton.defaultProps = defaultProps;
 PaginationButton.propTypes = {
   classPrefix: _propTypes.default.string,
   eventKey: _propTypes.default.any,

package/cjs/Pagination/PaginationGroup.js

@@ -27,13 +27,6 @@ var _Input = _interopRequireDefault(require("../Input"));
 
 var _utils = require("../utils");
 
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'pagination-group',
-  layout: ['pager'],
-  limitOptions: [30, 50, 100]
-};
-
 var LimitPicker = function LimitPicker(props) {
   var disabled = props.disabled,
       limitOptions = props.limitOptions,
@@ -66,9 +59,14 @@ var LimitPicker = function LimitPicker(props) {
   }));
 };
 
+var defaultLayout = ['pager'];
+var defaultLimitOptions = [30, 50, 100];
+
 var PaginationGroup = /*#__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 ? 'pagination-group' : _props$classPrefix,
       size = props.size,
       total = props.total,
       prev = props.prev,
@@ -77,13 +75,15 @@ var PaginationGroup = /*#__PURE__*/_react.default.forwardRef(function (props, re
       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 = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "size", "total", "prev", "next", "first", "last", "maxButtons", "className", "limitOptions", "limit", "activePage", "disabled", "style", "locale", "layout", "onChangePage", "onChangeLimit"]);
@@ -188,7 +188,6 @@ var PaginationGroup = /*#__PURE__*/_react.default.forwardRef(function (props, re
 });
 
 PaginationGroup.displayName = 'PaginationGroup';
-PaginationGroup.defaultProps = defaultProps;
 PaginationGroup.propTypes = (0, _extends2.default)({}, _Pagination.default.propTypes, {
   locale: _propTypes.default.any,
   layout: _propTypes.default.array,

package/cjs/Panel/Panel.js

@@ -25,17 +25,13 @@ var _utils = require("../utils");
 
 var _PanelGroup = require("../PanelGroup");
 
-var defaultProps = {
-  classPrefix: 'panel',
-  panelRole: 'region',
-  as: 'div'
-};
-
 var Panel = /*#__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,
       className = props.className,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'panel' : _props$classPrefix,
       bodyFill = props.bodyFill,
       bordered = props.bordered,
       collapsibleProp = props.collapsible,
@@ -44,7 +40,8 @@ var Panel = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       expandedProp = props.expanded,
       header = props.header,
       headerRoleProp = props.headerRole,
-      panelRole = props.panelRole,
+      _props$panelRole = props.panelRole,
+      panelRole = _props$panelRole === void 0 ? 'region' : _props$panelRole,
       shaded = props.shaded,
       id = props.id,
       onEnter = props.onEnter,
@@ -164,7 +161,6 @@ var Panel = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 });
 
 Panel.displayName = 'Panel';
-Panel.defaultProps = defaultProps;
 Panel.propTypes = {
   collapsible: _propTypes.default.bool,
   bordered: _propTypes.default.bool,

package/cjs/PanelGroup/PanelGroup.js

@@ -17,22 +17,19 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _utils = require("../utils");
 
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'panel-group'
-};
-
 var PanelGroupContext = /*#__PURE__*/_react.default.createContext({});
 
 exports.PanelGroupContext = PanelGroupContext;
 
 var PanelGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
       accordion = props.accordion,
       defaultActiveKey = props.defaultActiveKey,
       bordered = props.bordered,
       className = props.className,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'panel-group' : _props$classPrefix,
       children = props.children,
       activeProp = props.activeKey,
       onSelect = props.onSelect,
@@ -68,7 +65,6 @@ var PanelGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 });
 
 PanelGroup.displayName = 'PanelGroup';
-PanelGroup.defaultProps = defaultProps;
 PanelGroup.propTypes = {
   accordion: _propTypes.default.bool,
   activeKey: _propTypes.default.any,

package/cjs/Picker/DropdownMenu.js

@@ -222,8 +222,7 @@ var DropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     return /*#__PURE__*/_react.default.createElement(_VirtualizedList.List, (0, _extends2.default)({
       role: "listbox",
       containerRole: '',
-      "aria-readonly": null
-    }, listProps, {
+      "aria-readonly": null,
       width: width,
       height: height || maxHeight,
       scrollToIndex: (0, _findIndex.default)(data, function (item) {
@@ -232,7 +231,7 @@ var DropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       rowCount: rowCount,
       rowHeight: getRowHeight.bind(_this, filteredItems),
       rowRenderer: renderItem.bind(null, filteredItems)
-    }));
+    }, listProps));
   }) : filteredItems.map(function (_item, index) {
     return renderItem(filteredItems, {
       index: index

package/cjs/Picker/DropdownMenuGroup.js

@@ -21,14 +21,11 @@ var _ArrowDown = _interopRequireDefault(require("@rsuite/icons/legacy/ArrowDown"
 
 var _templateObject, _templateObject2;
 
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'dropdown-menu-group'
-};
-
 var DropdownMenuGroup = /*#__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 ? 'dropdown-menu-group' : _props$classPrefix,
       children = props.children,
       className = props.className,
       rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "children", "className"]);
@@ -54,7 +51,6 @@ var DropdownMenuGroup = /*#__PURE__*/_react.default.forwardRef(function (props,
 });
 
 DropdownMenuGroup.displayName = 'DropdownMenuGroup';
-DropdownMenuGroup.defaultProps = defaultProps;
 DropdownMenuGroup.propTypes = {
   classPrefix: _propTypes.default.string,
   className: _propTypes.default.string,

package/cjs/Picker/DropdownMenuItem.js

@@ -17,15 +17,12 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _utils = require("../utils");
 
-var defaultProps = {
-  as: 'div',
-  classPrefix: 'dropdown-menu-item'
-};
-
 var DropdownMenuItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var Component = props.as,
+  var _props$as = props.as,
+      Component = _props$as === void 0 ? 'div' : _props$as,
       active = props.active,
-      classPrefix = props.classPrefix,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'dropdown-menu-item' : _props$classPrefix,
       children = props.children,
       className = props.className,
       disabled = props.disabled,
@@ -68,7 +65,6 @@ var DropdownMenuItem = /*#__PURE__*/_react.default.forwardRef(function (props, r
 });
 
 DropdownMenuItem.displayName = 'DropdownMenuItem';
-DropdownMenuItem.defaultProps = defaultProps;
 DropdownMenuItem.propTypes = {
   classPrefix: _propTypes.default.string,
   active: _propTypes.default.bool,

package/cjs/Picker/PickerToggle.js

@@ -19,8 +19,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 
 var _debounce = _interopRequireDefault(require("lodash/debounce"));
 
-var _reactTextMask = _interopRequireDefault(require("react-text-mask"));
-
 var _ToggleButton = _interopRequireDefault(require("./ToggleButton"));
 
 var _CloseButton = _interopRequireDefault(require("../CloseButton"));
@@ -31,18 +29,18 @@ var _Plaintext = _interopRequireDefault(require("../Plaintext"));
 
 var _useToggleCaret = _interopRequireDefault(require("../utils/useToggleCaret"));
 
+var _MaskedInput = _interopRequireDefault(require("../MaskedInput"));
+
 var _templateObject, _templateObject2;
 
-var defaultProps = {
-  as: _ToggleButton.default,
-  classPrefix: 'picker-toggle',
-  inputMask: []
-};
+var defaultInputMask = [];
 
 var PickerToggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var activeProp = props.active,
-      Component = props.as,
-      classPrefix = props.classPrefix,
+      _props$as = props.as,
+      Component = _props$as === void 0 ? _ToggleButton.default : _props$as,
+      _props$classPrefix = props.classPrefix,
+      classPrefix = _props$classPrefix === void 0 ? 'picker-toggle' : _props$classPrefix,
       children = props.children,
       _props$caret = props.caret,
       caret = _props$caret === void 0 ? true : _props$caret,
@@ -59,7 +57,8 @@ var PickerToggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       input = props.input,
       inputPlaceholder = props.inputPlaceholder,
       inputValueProp = props.inputValue,
-      inputMask = props.inputMask,
+      _props$inputMask = props.inputMask,
+      inputMask = _props$inputMask === void 0 ? defaultInputMask : _props$inputMask,
       onInputChange = props.onInputChange,
       onInputPressEnter = props.onInputPressEnter,
       onInputBlur = props.onInputBlur,
@@ -147,7 +146,7 @@ var PickerToggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     }, hasValue ? children : null);
   }
 
-  var cleanable = cleanableProp && hasValue && !readOnly; // When the component is read-only or disabled, the input is not interactive.
+  var showCleanButton = cleanableProp && hasValue && !readOnly; // When the component is read-only or disabled, the input is not interactive.
 
   var inputFocused = readOnly || disabled ? false : input && activeState;
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
@@ -164,7 +163,7 @@ var PickerToggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
     onFocus: !disabled ? handleFocus : null // The debounce is set to 200 to solve the flicker caused by the switch between input and div.
     ,
     onBlur: !disabled ? (0, _debounce.default)(handleBlur, 200) : null
-  }), /*#__PURE__*/_react.default.createElement(_reactTextMask.default, {
+  }), /*#__PURE__*/_react.default.createElement(_MaskedInput.default, {
     mask: inputMask,
     value: Array.isArray(inputValue) ? inputValue.toString() : inputValue,
     onBlur: handleInputBlur,
@@ -189,9 +188,12 @@ var PickerToggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
   }), children ? /*#__PURE__*/_react.default.createElement("span", {
     className: prefix(hasValue ? 'value' : 'placeholder'),
     "aria-placeholder": typeof children === 'string' ? children : null
-  }, children) : null, cleanable && /*#__PURE__*/_react.default.createElement(_CloseButton.default, {
+  }, children) : null, showCleanButton && /*#__PURE__*/_react.default.createElement(_CloseButton.default, {
     className: prefix(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["clean"]))),
     tabIndex: -1,
+    locale: {
+      closeLabel: 'Clear'
+    },
     onClick: handleClean
   }), caret && /*#__PURE__*/_react.default.createElement(Caret, {
     className: prefix(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["caret"])))
@@ -199,7 +201,6 @@ var PickerToggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
 });
 
 PickerToggle.displayName = 'PickerToggle';
-PickerToggle.defaultProps = defaultProps;
 PickerToggle.propTypes = {
   classPrefix: _propTypes.default.string,
   hasValue: _propTypes.default.bool,

package/cjs/Picker/propTypes.d.ts

@@ -1,5 +1,4 @@
 import PropTypes from 'prop-types';
-import { PickerAppearance, TypeAttributes } from '../@types/common';
 export declare const pickerPropTypes: {
     classPrefix: PropTypes.Requireable<string>;
     className: PropTypes.Requireable<string>;
@@ -27,6 +26,7 @@ export declare const pickerPropTypes: {
     onOpen: PropTypes.Requireable<(...args: any[]) => any>;
     onClose: PropTypes.Requireable<(...args: any[]) => any>;
     onClean: PropTypes.Requireable<(...args: any[]) => any>;
+    listProps: PropTypes.Requireable<object>;
     onEnter: PropTypes.Requireable<(...args: any[]) => any>;
     onEntering: PropTypes.Requireable<(...args: any[]) => any>;
     onEntered: PropTypes.Requireable<(...args: any[]) => any>;
@@ -69,6 +69,7 @@ export declare const listPickerPropTypes: {
     onOpen: PropTypes.Requireable<(...args: any[]) => any>;
     onClose: PropTypes.Requireable<(...args: any[]) => any>;
     onClean: PropTypes.Requireable<(...args: any[]) => any>;
+    listProps: PropTypes.Requireable<object>;
     onEnter: PropTypes.Requireable<(...args: any[]) => any>;
     onEntering: PropTypes.Requireable<(...args: any[]) => any>;
     onEntered: PropTypes.Requireable<(...args: any[]) => any>;
@@ -76,18 +77,3 @@ export declare const listPickerPropTypes: {
     onExiting: PropTypes.Requireable<(...args: any[]) => any>;
     onExited: PropTypes.Requireable<(...args: any[]) => any>;
 };
-export declare const pickerDefaultProps: {
-    cleanable: boolean;
-    placement: TypeAttributes.Placement;
-    appearance: PickerAppearance;
-};
-export declare const listPickerDefaultProps: {
-    data: any[];
-    disabledItemValues: any[];
-    childrenKey: string;
-    valueKey: string;
-    labelKey: string;
-    cleanable: boolean;
-    placement: TypeAttributes.Placement;
-    appearance: PickerAppearance;
-};