rsuite 5.51.0 → 5.52.0

package/cjs/DateRangePicker/DateRangePicker.js

@@ -20,13 +20,13 @@ var _CustomProvider = require("../CustomProvider");
 var _Toolbar = _interopRequireDefault(require("../DatePicker/Toolbar"));
 var _PredefinedRanges = _interopRequireDefault(require("../DatePicker/PredefinedRanges"));
 var _Stack = _interopRequireDefault(require("../Stack"));
-var _Picker = require("../Picker");
+var _Picker = require("../internals/Picker");
 var _utils = require("../utils");
 var _dateUtils = require("../utils/dateUtils");
 var _Calendar2 = _interopRequireDefault(require("./Calendar"));
 var disabledDateUtils = _interopRequireWildcard(require("./disabledDateUtils"));
 var _utils2 = require("./utils");
-var _deprecatePropType = require("../utils/deprecatePropType");
+var _propTypes2 = require("../internals/propTypes");
 var _DateRangePickerContext = _interopRequireDefault(require("./DateRangePickerContext"));
 var _DateRangeInput = _interopRequireDefault(require("../DateRangeInput"));
 var _InputGroup = _interopRequireDefault(require("../InputGroup"));
@@ -82,6 +82,8 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
     showOneCalendar = _props$showOneCalenda === void 0 ? false : _props$showOneCalenda,
     showWeekNumbers = props.showWeekNumbers,
     showMeridian = props.showMeridian,
+    _props$showHeader = props.showHeader,
+    showHeader = _props$showHeader === void 0 ? true : _props$showHeader,
     style = props.style,
     size = props.size,
     caretAsProp = props.caretAs,
@@ -97,7 +99,7 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
     onSelect = props.onSelect,
     onShortcutClick = props.onShortcutClick,
     renderTitle = props.renderTitle,
-    restProps = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "className", "appearance", "editable", "cleanable", "character", "defaultCalendarValue", "defaultValue", "plaintext", "disabled", "disabledDate", "shouldDisableDate", "format", "hoverRange", "id", "isoWeek", "limitEndYear", "limitStartYear", "locale", "loading", "label", "menuClassName", "menuStyle", "oneTap", "placeholder", "placement", "ranges", "readOnly", "showOneCalendar", "showWeekNumbers", "showMeridian", "style", "size", "caretAs", "value", "onChange", "onClean", "onClose", "onEnter", "onEntered", "onExited", "onOk", "onOpen", "onSelect", "onShortcutClick", "renderTitle"]);
+    restProps = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "classPrefix", "className", "appearance", "editable", "cleanable", "character", "defaultCalendarValue", "defaultValue", "plaintext", "disabled", "disabledDate", "shouldDisableDate", "format", "hoverRange", "id", "isoWeek", "limitEndYear", "limitStartYear", "locale", "loading", "label", "menuClassName", "menuStyle", "oneTap", "placeholder", "placement", "ranges", "readOnly", "showOneCalendar", "showWeekNumbers", "showMeridian", "showHeader", "style", "size", "caretAs", "value", "onChange", "onClean", "onClose", "onEnter", "onEntered", "onExited", "onOk", "onOpen", "onSelect", "onShortcutClick", "renderTitle"]);
   var id = (0, _utils.useUniqueId)('rs-', idProp);
   var _usePickerRef = (0, _Picker.usePickerRef)(ref),
     trigger = _usePickerRef.trigger,
@@ -201,9 +203,9 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
     setHoverDateRange(valueProp !== null && valueProp !== void 0 ? valueProp : null);
   }, [valueProp]);
   var getDateRangeString = function getDateRangeString(nextValue) {
-    var _nextValue$, _nextValue$2;
-    var startDate = (_nextValue$ = nextValue === null || nextValue === void 0 ? void 0 : nextValue[0]) !== null && _nextValue$ !== void 0 ? _nextValue$ : null;
-    var endDate = (_nextValue$2 = nextValue === null || nextValue === void 0 ? void 0 : nextValue[1]) !== null && _nextValue$2 !== void 0 ? _nextValue$2 : null;
+    var _ref4 = nextValue !== null && nextValue !== void 0 ? nextValue : [null, null],
+      startDate = _ref4[0],
+      endDate = _ref4[1];
     if (startDate && endDate) {
       var displayValue = [startDate, endDate].sort(_dateUtils.compareAsc);
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_CustomProvider.FormattedDate, {
@@ -543,8 +545,8 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
       esc: handleClose,
       enter: function enter() {
         var _trigger$current2;
-        var _ref4 = ((_trigger$current2 = trigger.current) === null || _trigger$current2 === void 0 ? void 0 : _trigger$current2.getState()) || {},
-          open = _ref4.open;
+        var _ref5 = ((_trigger$current2 = trigger.current) === null || _trigger$current2 === void 0 ? void 0 : _trigger$current2.getState()) || {},
+          open = _ref5.open;
         if (!open) {
           var _trigger$current3;
           (_trigger$current3 = trigger.current) === null || _trigger$current3 === void 0 ? void 0 : _trigger$current3.open();
@@ -628,10 +630,10 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
       "data-testid": "daterange-predefined-side"
     }), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
       className: prefix('daterange-content')
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, showHeader && /*#__PURE__*/_react.default.createElement("div", {
       className: prefix('daterange-header'),
       "data-testid": "daterange-header"
-    }, getDateRangeString(selectedDates)), /*#__PURE__*/_react.default.createElement("div", {
+    }, getDateRangeString(isSelectedIdle ? selectedDates : hoverDateRange)), /*#__PURE__*/_react.default.createElement("div", {
       className: prefix("daterange-calendar-" + (showOneCalendar ? 'single' : 'group'))
     }, /*#__PURE__*/_react.default.createElement(_DateRangePickerContext.default.Provider, {
       value: {
@@ -759,7 +761,7 @@ DateRangePicker.propTypes = (0, _extends2.default)({}, _Picker.pickerPropTypes,
   value: _propTypes.default.arrayOf(_propTypes.default.instanceOf(Date)),
   defaultValue: _propTypes.default.arrayOf(_propTypes.default.instanceOf(Date)),
   defaultCalendarValue: _propTypes.default.arrayOf(_propTypes.default.instanceOf(Date)),
-  hoverRange: _propTypes.default.oneOfType([_propTypes.default.oneOf(['week', 'month']), _propTypes.default.func]),
+  hoverRange: _propTypes.default.oneOfType([(0, _propTypes2.oneOf)(['week', 'month']), _propTypes.default.func]),
   format: _propTypes.default.string,
   isoWeek: _propTypes.default.bool,
   oneTap: _propTypes.default.bool,
@@ -767,7 +769,7 @@ DateRangePicker.propTypes = (0, _extends2.default)({}, _Picker.pickerPropTypes,
   limitStartYear: _propTypes.default.number,
   onChange: _propTypes.default.func,
   onOk: _propTypes.default.func,
-  disabledDate: (0, _deprecatePropType.deprecatePropTypeNew)(_propTypes.default.func, 'Use "shouldDisableDate" property instead.'),
+  disabledDate: (0, _propTypes2.deprecatePropTypeNew)(_propTypes.default.func, 'Use "shouldDisableDate" property instead.'),
   shouldDisableDate: _propTypes.default.func,
   onSelect: _propTypes.default.func,
   showWeekNumbers: _propTypes.default.bool,

package/cjs/Drawer/Drawer.js

@@ -14,6 +14,7 @@ var _Modal = _interopRequireDefault(require("../Modal"));
 var _utils = require("../utils");
 var _deprecateComponent = _interopRequireDefault(require("../utils/deprecateComponent"));
 var _DrawerContext = _interopRequireDefault(require("./DrawerContext"));
+var _propTypes2 = require("../internals/propTypes");
 var DrawerBody = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   return /*#__PURE__*/_react.default.createElement(_Modal.default.Body, (0, _extends2.default)({
     classPrefix: "drawer-body"
@@ -98,11 +99,11 @@ Drawer.Actions = DrawerActions;
 Drawer.Footer = (0, _deprecateComponent.default)(DrawerFooter, '<Drawer.Footer> has been deprecated, use <Drawer.Actions> instead.');
 Drawer.Title = DrawerTitle;
 Drawer.displayName = 'Drawer';
-Drawer.propTypes = {
+Drawer.propTypes = (0, _extends2.default)({}, _Modal.default.propTypes, {
   classPrefix: _propTypes.default.string,
-  placement: _propTypes.default.oneOf(['top', 'right', 'bottom', 'left']),
+  placement: (0, _propTypes2.oneOf)(['top', 'right', 'bottom', 'left']),
   children: _propTypes.default.node,
   className: _propTypes.default.string
-};
+});
 var _default = Drawer;
 exports.default = _default;

package/cjs/Dropdown/Dropdown.js

@@ -13,10 +13,10 @@ var _omit = _interopRequireDefault(require("lodash/omit"));
 var _pick = _interopRequireDefault(require("lodash/pick"));
 var _DropdownMenu = _interopRequireDefault(require("./DropdownMenu"));
 var _utils = require("../utils");
-var _deprecatePropType = _interopRequireDefault(require("../utils/deprecatePropType"));
+var _propTypes2 = require("../internals/propTypes");
 var _DropdownItem = _interopRequireDefault(require("./DropdownItem"));
 var _DropdownContext = _interopRequireDefault(require("./DropdownContext"));
-var _Menu = _interopRequireDefault(require("../Menu/Menu"));
+var _Menu = _interopRequireDefault(require("../internals/Menu/Menu"));
 var _DropdownToggle = _interopRequireDefault(require("./DropdownToggle"));
 var _kebabCase = _interopRequireDefault(require("lodash/kebabCase"));
 var _NavContext = _interopRequireDefault(require("../Nav/NavContext"));
@@ -163,8 +163,8 @@ Dropdown.displayName = 'Dropdown';
 Dropdown.propTypes = {
   activeKey: _propTypes.default.any,
   classPrefix: _propTypes.default.string,
-  trigger: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.oneOf(['click', 'hover', 'contextMenu'])]),
-  placement: _propTypes.default.oneOf(_utils.PLACEMENT_8),
+  trigger: _propTypes.default.oneOfType([_propTypes.default.array, (0, _propTypes2.oneOf)(['click', 'hover', 'contextMenu'])]),
+  placement: (0, _propTypes2.oneOf)(_utils.PLACEMENT_8),
   title: _propTypes.default.node,
   disabled: _propTypes.default.bool,
   icon: _propTypes.default.node,
@@ -172,7 +172,7 @@ Dropdown.propTypes = {
   className: _propTypes.default.string,
   toggleClassName: _propTypes.default.string,
   children: _propTypes.default.node,
-  open: (0, _deprecatePropType.default)(_propTypes.default.bool),
+  open: (0, _propTypes2.deprecatePropType)(_propTypes.default.bool),
   eventKey: _propTypes.default.any,
   as: _propTypes.default.elementType,
   toggleAs: _propTypes.default.elementType,

package/cjs/Dropdown/DropdownItem.js

@@ -10,8 +10,8 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _pick2 = _interopRequireDefault(require("lodash/pick"));
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
-var _deprecatePropType = _interopRequireWildcard(require("../utils/deprecatePropType"));
-var _MenuItem = _interopRequireDefault(require("../Menu/MenuItem"));
+var _propTypes2 = require("../internals/propTypes");
+var _MenuItem = _interopRequireDefault(require("../internals/Menu/MenuItem"));
 var _DropdownContext = _interopRequireDefault(require("./DropdownContext"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
 var _utils = require("../utils");
@@ -22,6 +22,7 @@ var _useRenderDropdownItem = require("./useRenderDropdownItem");
 var _warnOnce = _interopRequireDefault(require("../utils/warnOnce"));
 var _Nav = _interopRequireDefault(require("../Nav"));
 var _DropdownSeparator = _interopRequireDefault(require("./DropdownSeparator"));
+var _classnames = _interopRequireDefault(require("classnames"));
 /**
  * The `<Dropdown.Item>` API
  * - When used inside `<Sidenav>`, renders a `<TreeviewItem>`
@@ -124,7 +125,7 @@ var DropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       className: classes
     }, menuitem, dataAttributes, restProps, {
       children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, icon && /*#__PURE__*/_react.default.cloneElement(icon, {
-        className: prefix('menu-icon')
+        className: (0, _classnames.default)(prefix('menu-icon'), icon.props.className)
       }), children)
     }));
   });
@@ -132,13 +133,13 @@ var DropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
 DropdownItem.displayName = 'Dropdown.Item';
 DropdownItem.propTypes = {
   as: _propTypes.default.elementType,
-  divider: (0, _deprecatePropType.deprecatePropTypeNew)(_propTypes.default.bool, 'Use Dropdown.Separator component instead.'),
+  divider: (0, _propTypes2.deprecatePropTypeNew)(_propTypes.default.bool, 'Use Dropdown.Separator component instead.'),
   panel: _propTypes.default.bool,
-  trigger: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.oneOf(['click', 'hover'])]),
-  open: (0, _deprecatePropType.default)(_propTypes.default.bool),
+  trigger: _propTypes.default.oneOfType([_propTypes.default.array, (0, _propTypes2.oneOf)(['click', 'hover'])]),
+  open: (0, _propTypes2.deprecatePropType)(_propTypes.default.bool),
   active: _propTypes.default.bool,
   disabled: _propTypes.default.bool,
-  pullLeft: (0, _deprecatePropType.default)(_propTypes.default.bool),
+  pullLeft: (0, _propTypes2.deprecatePropType)(_propTypes.default.bool),
   submenu: _propTypes.default.element,
   onSelect: _propTypes.default.func,
   onClick: _propTypes.default.func,

package/cjs/Dropdown/DropdownMenu.js

@@ -10,15 +10,16 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
 var _omit2 = _interopRequireDefault(require("lodash/omit"));
-var _Menu = _interopRequireDefault(require("../Menu/Menu"));
-var _MenuItem = _interopRequireDefault(require("../Menu/MenuItem"));
+var _Menu = _interopRequireDefault(require("../internals/Menu/Menu"));
+var _MenuItem = _interopRequireDefault(require("../internals/Menu/MenuItem"));
+var _Menubar = _interopRequireDefault(require("../internals/Menu/Menubar"));
+var _propTypes = require("../internals/propTypes");
 var _utils = require("../utils");
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _propTypes2 = _interopRequireDefault(require("prop-types"));
 var _AngleLeft = _interopRequireDefault(require("@rsuite/icons/legacy/AngleLeft"));
 var _AngleRight = _interopRequireDefault(require("@rsuite/icons/legacy/AngleRight"));
 var _useCustom2 = _interopRequireDefault(require("../utils/useCustom"));
 var _DropdownContext = _interopRequireDefault(require("./DropdownContext"));
-var _Menubar = _interopRequireDefault(require("../Menu/Menubar"));
 var _Nav = _interopRequireDefault(require("../Nav"));
 var _NavContext = _interopRequireDefault(require("../Nav/NavContext"));
 var _warnOnce = _interopRequireDefault(require("../utils/warnOnce"));
@@ -166,21 +167,21 @@ var DropdownMenu = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
 });
 DropdownMenu.displayName = 'Dropdown.Menu';
 DropdownMenu.propTypes = {
-  active: _propTypes.default.bool,
-  activeKey: _propTypes.default.any,
-  className: _propTypes.default.string,
-  children: _propTypes.default.node,
-  icon: _propTypes.default.any,
-  classPrefix: _propTypes.default.string,
-  pullLeft: _propTypes.default.bool,
-  title: _propTypes.default.node,
-  open: _propTypes.default.bool,
-  trigger: _propTypes.default.oneOf(['click', 'hover']),
-  eventKey: _propTypes.default.any,
-  expanded: _propTypes.default.bool,
-  collapsible: _propTypes.default.bool,
-  onSelect: _propTypes.default.func,
-  onToggle: _propTypes.default.func
+  active: _propTypes2.default.bool,
+  activeKey: _propTypes2.default.any,
+  className: _propTypes2.default.string,
+  children: _propTypes2.default.node,
+  icon: _propTypes2.default.any,
+  classPrefix: _propTypes2.default.string,
+  pullLeft: _propTypes2.default.bool,
+  title: _propTypes2.default.node,
+  open: _propTypes2.default.bool,
+  trigger: (0, _propTypes.oneOf)(['click', 'hover']),
+  eventKey: _propTypes2.default.any,
+  expanded: _propTypes2.default.bool,
+  collapsible: _propTypes2.default.bool,
+  onSelect: _propTypes2.default.func,
+  onToggle: _propTypes2.default.func
 };
 var _default = DropdownMenu;
 exports.default = _default;

package/cjs/Dropdown/DropdownToggle.js

@@ -11,6 +11,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Button = _interopRequireDefault(require("../Button"));
 var _utils = require("../utils");
 var _useToggleCaret = _interopRequireDefault(require("../utils/useToggleCaret"));
+var _propTypes2 = require("../internals/propTypes");
 var DropdownToggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,
     Component = _props$as === void 0 ? _Button.default : _props$as,
@@ -53,7 +54,7 @@ DropdownToggle.propTypes = {
   noCaret: _propTypes.default.bool,
   as: _propTypes.default.elementType,
   renderToggle: _propTypes.default.func,
-  placement: _propTypes.default.oneOf(['bottomStart', 'bottomEnd', 'topStart', 'topEnd', 'leftStart', 'rightStart', 'leftEnd', 'rightEnd'])
+  placement: (0, _propTypes2.oneOf)(['bottomStart', 'bottomEnd', 'topStart', 'topEnd', 'leftStart', 'rightStart', 'leftEnd', 'rightEnd'])
 };
 var _default = DropdownToggle;
 exports.default = _default;

package/cjs/FlexboxGrid/FlexboxGrid.js

@@ -10,6 +10,7 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _utils = require("../utils");
 var _FlexboxGridItem = _interopRequireDefault(require("./FlexboxGridItem"));
+var _propTypes2 = require("../internals/propTypes");
 /**
  * The FlexboxGrid component is a box that can be used to layout other components.
  * @see https://rsuitejs.com/components/flexbox-grid
@@ -39,8 +40,8 @@ FlexboxGrid.displayName = 'FlexboxGrid';
 FlexboxGrid.propTypes = {
   className: _propTypes.default.string,
   classPrefix: _propTypes.default.string,
-  align: _propTypes.default.oneOf(['top', 'middle', 'bottom']),
-  justify: _propTypes.default.oneOf(['start', 'end', 'center', 'space-around', 'space-between'])
+  align: (0, _propTypes2.oneOf)(['top', 'middle', 'bottom']),
+  justify: (0, _propTypes2.oneOf)(['start', 'end', 'center', 'space-around', 'space-between'])
 };
 var _default = FlexboxGrid;
 exports.default = _default;

package/cjs/Form/Form.js

@@ -21,6 +21,7 @@ var _FormHelpText = _interopRequireDefault(require("../FormHelpText"));
 var _useFormClassNames = require("./useFormClassNames");
 var _useSchemaModel2 = _interopRequireDefault(require("./useSchemaModel"));
 var _utils = require("../utils");
+var _propTypes2 = require("../internals/propTypes");
 /**
  * The `Form` component is a form interface for collecting and validating user input.
  * @see https://rsuitejs.com/components/form
@@ -292,12 +293,12 @@ Form.propTypes = {
   classPrefix: _propTypes.default.string,
   children: _propTypes.default.node,
   errorFromContext: _propTypes.default.bool,
-  layout: _propTypes.default.oneOf(['horizontal', 'vertical', 'inline']),
+  layout: (0, _propTypes2.oneOf)(['horizontal', 'vertical', 'inline']),
   fluid: _propTypes.default.bool,
   formValue: _propTypes.default.object,
   formDefaultValue: _propTypes.default.object,
   formError: _propTypes.default.object,
-  checkTrigger: _propTypes.default.oneOf(['change', 'blur', 'none']),
+  checkTrigger: (0, _propTypes2.oneOf)(['change', 'blur', 'none']),
   onChange: _propTypes.default.func,
   onError: _propTypes.default.func,
   onCheck: _propTypes.default.func,

package/cjs/FormControl/FormControl.js

@@ -18,6 +18,7 @@ var _FormErrorMessage = _interopRequireDefault(require("../FormErrorMessage"));
 var _utils = require("../utils");
 var _FormContext = _interopRequireWildcard(require("../Form/FormContext"));
 var _FormGroup = require("../FormGroup/FormGroup");
+var _propTypes2 = require("../internals/propTypes");
 var _useRegisterModel = _interopRequireDefault(require("./useRegisterModel"));
 var _Toggle = _interopRequireDefault(require("../Toggle"));
 var _templateObject;
@@ -191,14 +192,14 @@ var FormControl = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 FormControl.displayName = 'FormControl';
 FormControl.propTypes = {
   name: _propTypes.default.string.isRequired,
-  checkTrigger: _propTypes.default.oneOf(['change', 'blur', 'none']),
+  checkTrigger: (0, _propTypes2.oneOf)(['change', 'blur', 'none']),
   checkAsync: _propTypes.default.bool,
   accepter: _propTypes.default.any,
   onChange: _propTypes.default.func,
   onBlur: _propTypes.default.func,
   classPrefix: _propTypes.default.string,
   errorMessage: _propTypes.default.node,
-  errorPlacement: _propTypes.default.oneOf(['bottomStart', 'bottomEnd', 'topStart', 'topEnd', 'leftStart', 'rightStart', 'leftEnd', 'rightEnd']),
+  errorPlacement: (0, _propTypes2.oneOf)(['bottomStart', 'bottomEnd', 'topStart', 'topEnd', 'leftStart', 'rightStart', 'leftEnd', 'rightEnd']),
   value: _propTypes.default.any
 };
 var _default = FormControl;

package/cjs/FormErrorMessage/FormErrorMessage.js

@@ -11,6 +11,7 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _kebabCase = _interopRequireDefault(require("lodash/kebabCase"));
 var _utils = require("../utils");
+var _propTypes2 = require("../internals/propTypes");
 var _templateObject, _templateObject2;
 /**
  * The `<Form.ErrorMessage>` component is used to display error messages in the form.
@@ -53,7 +54,7 @@ FormErrorMessage.propTypes = {
   classPrefix: _propTypes.default.string,
   children: _propTypes.default.node,
   className: _propTypes.default.string,
-  placement: _propTypes.default.oneOf(['bottomStart', 'bottomEnd', 'topStart', 'topEnd', 'leftStart', 'rightStart', 'leftEnd', 'rightEnd'])
+  placement: (0, _propTypes2.oneOf)(['bottomStart', 'bottomEnd', 'topStart', 'topEnd', 'leftStart', 'rightStart', 'leftEnd', 'rightEnd'])
 };
 var _default = FormErrorMessage;
 exports.default = _default;

package/cjs/IconButton/IconButton.js

@@ -8,6 +8,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _propTypes2 = require("../internals/propTypes");
 var _utils = require("../utils");
 var _Button = _interopRequireDefault(require("../Button"));
 /**
@@ -43,7 +44,7 @@ IconButton.propTypes = {
   classPrefix: _propTypes.default.string,
   circle: _propTypes.default.bool,
   children: _propTypes.default.node,
-  placement: _propTypes.default.oneOf(['left', 'right'])
+  placement: (0, _propTypes2.oneOf)(['left', 'right'])
 };
 var _default = IconButton;
 exports.default = _default;

package/cjs/Input/Input.js

@@ -11,8 +11,9 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _FormGroup = require("../FormGroup/FormGroup");
 var _InputGroup = require("../InputGroup/InputGroup");
-var _Plaintext = _interopRequireDefault(require("../Plaintext"));
+var _Plaintext = _interopRequireDefault(require("../internals/Plaintext"));
 var _utils = require("../utils");
+var _propTypes2 = require("../internals/propTypes");
 /**
  * The `<Input>` component is used to get user input in a text field.
  *
@@ -98,8 +99,8 @@ Input.propTypes = {
   disabled: _propTypes.default.bool,
   value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
   defaultValue: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
-  size: _propTypes.default.oneOf(['lg', 'md', 'sm', 'xs']),
-  inputRef: _utils.TypeChecker.refType,
+  size: (0, _propTypes2.oneOf)(['lg', 'md', 'sm', 'xs']),
+  inputRef: _propTypes2.refType,
   onChange: _propTypes.default.func,
   onFocus: _propTypes.default.func,
   onBlur: _propTypes.default.func,

package/cjs/InputGroup/InputGroup.js

@@ -12,6 +12,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _InputGroupAddon = _interopRequireDefault(require("./InputGroupAddon"));
 var _InputGroupButton = _interopRequireDefault(require("./InputGroupButton"));
 var _utils = require("../utils");
+var _propTypes2 = require("../internals/propTypes");
 var InputGroupContext = /*#__PURE__*/_react.default.createContext(null);
 exports.InputGroupContext = InputGroupContext;
 /**
@@ -79,7 +80,7 @@ InputGroup.propTypes = {
   children: _propTypes.default.node,
   disabled: _propTypes.default.bool,
   inside: _propTypes.default.bool,
-  size: _propTypes.default.oneOf(['lg', 'md', 'sm', 'xs'])
+  size: (0, _propTypes2.oneOf)(['lg', 'md', 'sm', 'xs'])
 };
 InputGroup.Addon = _InputGroupAddon.default;
 InputGroup.Button = _InputGroupButton.default;

package/cjs/InputNumber/InputNumber.js

@@ -18,6 +18,7 @@ var _InputGroupAddon = _interopRequireDefault(require("../InputGroup/InputGroupA
 var _Input = _interopRequireDefault(require("../Input"));
 var _Button = _interopRequireDefault(require("../Button"));
 var _utils = require("../utils");
+var _propTypes2 = require("../internals/propTypes");
 /**
  * Check if the value is a number.
  * @param value
@@ -274,8 +275,8 @@ InputNumber.propTypes = {
   readOnly: _propTypes.default.bool,
   plaintext: _propTypes.default.bool,
   scrollable: _propTypes.default.bool,
-  size: _propTypes.default.oneOf(['lg', 'md', 'sm', 'xs']),
-  buttonAppearance: _propTypes.default.oneOf(['default', 'primary', 'link', 'subtle', 'ghost']),
+  size: (0, _propTypes2.oneOf)(['lg', 'md', 'sm', 'xs']),
+  buttonAppearance: (0, _propTypes2.oneOf)(['default', 'primary', 'link', 'subtle', 'ghost']),
   onWheel: _propTypes.default.func,
   onChange: _propTypes.default.func
 };

package/cjs/InputPicker/InputPicker.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-import { PickerComponent, PickerToggleProps } from '../Picker';
+import { PickerComponent, PickerToggleProps } from '../internals/Picker';
 import type { ItemDataType, FormControlPickerProps } from '../@types/common';
 import type { InputPickerLocale } from '../locales';
 import type { SelectProps } from '../SelectPicker';
-interface InputItemDataType extends ItemDataType {
+export interface InputItemDataType extends ItemDataType {
     create?: boolean;
 }
 export declare type ValueType = any;

package/cjs/InputPicker/InputPicker.js

@@ -21,10 +21,11 @@ var _pick = _interopRequireDefault(require("lodash/pick"));
 var _getWidth = _interopRequireDefault(require("dom-lib/getWidth"));
 var _shallowEqual = _interopRequireDefault(require("../utils/shallowEqual"));
 var _treeUtils = require("../utils/treeUtils");
-var _Plaintext = _interopRequireDefault(require("../Plaintext"));
+var _Plaintext = _interopRequireDefault(require("../internals/Plaintext"));
 var _utils = require("../utils");
+var _propTypes2 = require("../internals/propTypes");
 var _getDataGroupBy = require("../utils/getDataGroupBy");
-var _Picker = require("../Picker");
+var _Picker = require("../internals/Picker");
 var _Tag = _interopRequireDefault(require("../Tag"));
 var _InputAutosize = _interopRequireDefault(require("./InputAutosize"));
 var _TextBox = _interopRequireDefault(require("./TextBox"));
@@ -706,7 +707,7 @@ var InputPicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 InputPicker.displayName = 'InputPicker';
 InputPicker.propTypes = (0, _extends2.default)({}, _Picker.listPickerPropTypes, {
   locale: _propTypes.default.any,
-  appearance: _propTypes.default.oneOf(['default', 'subtle']),
+  appearance: (0, _propTypes2.oneOf)(['default', 'subtle']),
   cacheData: _propTypes.default.array,
   menuAutoWidth: _propTypes.default.bool,
   menuMaxHeight: _propTypes.default.number,

package/cjs/InputPicker/TagList.js

@@ -9,7 +9,7 @@ var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtim
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
 var _utils = require("../utils");
-var _useCombobox2 = _interopRequireDefault(require("../Picker/hooks/useCombobox"));
+var _useCombobox2 = _interopRequireDefault(require("../internals/Picker/hooks/useCombobox"));
 var _templateObject;
 var TagList = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var children = props.children,

package/cjs/InputPicker/index.d.ts

@@ -1,3 +1,3 @@
 import InputPicker from './InputPicker';
-export type { InputPickerProps } from './InputPicker';
+export type { InputPickerProps, InputItemDataType } from './InputPicker';
 export default InputPicker;

package/cjs/List/List.js

@@ -13,6 +13,7 @@ var _useSortHelper2 = _interopRequireDefault(require("./helper/useSortHelper"));
 var _utils = require("../utils");
 var _ListContext = _interopRequireDefault(require("./ListContext"));
 var _ListItem = _interopRequireDefault(require("./ListItem"));
+var _propTypes2 = require("../internals/propTypes");
 /**
  * The `List` component is used to specify the layout of the list.
  * @see https://rsuitejs.com/components/list
@@ -89,7 +90,7 @@ List.propTypes = {
   bordered: _propTypes.default.bool,
   hover: _propTypes.default.bool,
   sortable: _propTypes.default.bool,
-  size: _propTypes.default.oneOf(['lg', 'md', 'sm']),
+  size: (0, _propTypes2.oneOf)(['lg', 'md', 'sm']),
   autoScroll: _propTypes.default.bool,
   pressDelay: _propTypes.default.number,
   transitionDuration: _propTypes.default.number,

package/cjs/List/helper/useSortHelper.d.ts

@@ -1,6 +1,6 @@
 import { MouseEventHandler } from 'react';
 import { Collection, ManagedItem } from './useManager';
-interface MovedItemInfo {
+export interface MovedItemInfo {
     collection: Collection;
     node: HTMLElement;
     newIndex: number;

package/cjs/Loader/Loader.js

@@ -9,6 +9,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _utils = require("../utils");
+var _propTypes2 = require("../internals/propTypes");
 /**
  * The `Loader` component is used to indicate the loading state of a page or a section.
  * @see https://rsuitejs.com/components/loader
@@ -65,8 +66,8 @@ Loader.propTypes = {
   inverse: _propTypes.default.bool,
   vertical: _propTypes.default.bool,
   content: _propTypes.default.node,
-  size: _propTypes.default.oneOf(['lg', 'md', 'sm', 'xs']),
-  speed: _propTypes.default.oneOf(['normal', 'fast', 'slow'])
+  size: (0, _propTypes2.oneOf)(['lg', 'md', 'sm', 'xs']),
+  speed: (0, _propTypes2.oneOf)(['normal', 'fast', 'slow'])
 };
 var _default = Loader;
 exports.default = _default;

package/cjs/Message/Message.js

@@ -11,7 +11,8 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _utils = require("../utils");
-var _CloseButton = _interopRequireDefault(require("../CloseButton"));
+var _propTypes2 = require("../internals/propTypes");
+var _CloseButton = _interopRequireDefault(require("../internals/CloseButton"));
 var _ToastContext = _interopRequireDefault(require("../toaster/ToastContext"));
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
 /**
@@ -85,7 +86,7 @@ var Message = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 });
 Message.displayName = 'Message';
 Message.propTypes = {
-  type: _propTypes.default.oneOf(_utils.STATUS),
+  type: (0, _propTypes2.oneOf)(_utils.STATUS),
   className: _propTypes.default.string,
   onClose: _propTypes.default.func,
   closable: _propTypes.default.bool,

package/cjs/Modal/Modal.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { BaseModalProps } from '../Overlay/Modal';
+import { BaseModalProps } from '../internals/Overlay/Modal';
 import ModalDialog from './ModalDialog';
 import ModalBody from './ModalBody';
 import ModalHeader from './ModalHeader';

package/cjs/Modal/Modal.js

@@ -13,7 +13,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _pick = _interopRequireDefault(require("lodash/pick"));
 var _on = _interopRequireDefault(require("dom-lib/on"));
 var _getAnimationEnd = _interopRequireDefault(require("dom-lib/getAnimationEnd"));
-var _Modal = _interopRequireWildcard(require("../Overlay/Modal"));
+var _Modal = _interopRequireWildcard(require("../internals/Overlay/Modal"));
 var _Bounce = _interopRequireDefault(require("../Animation/Bounce"));
 var _utils = require("../utils");
 var _ModalDialog = _interopRequireWildcard(require("./ModalDialog"));
@@ -24,7 +24,7 @@ var _ModalTitle = _interopRequireDefault(require("./ModalTitle"));
 var _ModalFooter = _interopRequireDefault(require("./ModalFooter"));
 var _utils2 = require("./utils");
 var _useUniqueId = _interopRequireDefault(require("../utils/useUniqueId"));
-var _deprecatePropType = _interopRequireDefault(require("../utils/deprecatePropType"));
+var _propTypes2 = require("../internals/propTypes");
 var _DrawerContext = _interopRequireDefault(require("../Drawer/DrawerContext"));
 var _templateObject, _templateObject2;
 var modalSizes = ['xs', 'sm', 'md', 'lg', 'full'];
@@ -217,12 +217,11 @@ Modal.propTypes = (0, _extends2.default)({}, _Modal.modalPropTypes, {
   animationTimeout: _propTypes.default.number,
   classPrefix: _propTypes.default.string,
   dialogClassName: _propTypes.default.string,
-  size: _propTypes.default.oneOfType([_propTypes.default.oneOf(modalSizes), _propTypes.default.number, _propTypes.default.string]),
+  size: _propTypes.default.oneOfType([(0, _propTypes2.oneOf)(modalSizes), _propTypes.default.number, _propTypes.default.string]),
   dialogStyle: _propTypes.default.object,
   dialogAs: _propTypes.default.elementType,
-  full: (0, _deprecatePropType.default)(_propTypes.default.bool, 'Use size="full" instead.'),
-  overflow: _propTypes.default.bool,
-  drawer: _propTypes.default.bool
+  full: (0, _propTypes2.deprecatePropType)(_propTypes.default.bool, 'Use size="full" instead.'),
+  overflow: _propTypes.default.bool
 });
 var _default = Modal;
 exports.default = _default;

package/cjs/Modal/ModalDialog.js

@@ -10,9 +10,10 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _utils = require("../utils");
+var _propTypes2 = require("../internals/propTypes");
 var _templateObject;
 var modalDialogPropTypes = {
-  size: _propTypes.default.oneOf(_utils.SIZE),
+  size: (0, _propTypes2.oneOf)(_utils.SIZE),
   className: _propTypes.default.string,
   classPrefix: _propTypes.default.string,
   dialogClassName: _propTypes.default.string,