rsuite 5.51.0 → 5.52.0

package/esm/Accordion/Accordion.d.ts

@@ -0,0 +1,13 @@
+import { type PanelGroupProps } from '../PanelGroup';
+import Panel from '../Panel';
+import { RsRefForwardingComponent } from '../@types/common';
+export declare type AccordionProps = Omit<PanelGroupProps, 'accordion'>;
+export interface AccordionComponent extends RsRefForwardingComponent<'div', AccordionProps> {
+    Panel: typeof Panel;
+}
+/**
+ * The `Accordion` component is used to display content that can be collapsed.
+ * @see https://rsuitejs.com/components/accordion
+ */
+declare const Accordion: AccordionComponent;
+export default Accordion;

package/esm/Accordion/Accordion.js

@@ -0,0 +1,18 @@
+'use client';
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React from 'react';
+import PanelGroup from '../PanelGroup';
+import Panel from '../Panel';
+/**
+ * The `Accordion` component is used to display content that can be collapsed.
+ * @see https://rsuitejs.com/components/accordion
+ */
+var Accordion = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  return /*#__PURE__*/React.createElement(PanelGroup, _extends({
+    accordion: true,
+    ref: ref
+  }, props));
+});
+Accordion.Panel = Panel;
+Accordion.displayName = 'Accordion';
+export default Accordion;

package/esm/Accordion/index.d.ts

@@ -0,0 +1,3 @@
+import Accordion from './Accordion';
+export type { AccordionProps } from './Accordion';
+export default Accordion;

package/esm/Accordion/index.js

@@ -0,0 +1,3 @@
+'use client';
+import Accordion from './Accordion';
+export default Accordion;

package/esm/AutoComplete/AutoComplete.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { PickerComponent } from '../Picker';
+import { PickerComponent } from '../internals/Picker';
 import { WithAsProps, FormControlPickerProps, TypeAttributes, ItemDataType } from '../@types/common';
 export declare type ValueType = string;
 export interface AutoCompleteProps<T = ValueType> extends WithAsProps, FormControlPickerProps<T, any, ItemDataType | string> {

package/esm/AutoComplete/AutoComplete.js

@@ -7,9 +7,10 @@ import pick from 'lodash/pick';
 import omit from 'lodash/omit';
 import { useClassNames, useControlled, useIsMounted, useEventCallback, PLACEMENT, mergeRefs, partitionHTMLProps } from '../utils';
 import { animationPropTypes } from '../Animation/utils';
-import { PickerToggleTrigger, onMenuKeyDown, Listbox, ListItem, PickerPopup, useFocusItemValue, usePickerRef, pickTriggerPropKeys } from '../Picker';
+import { PickerToggleTrigger, onMenuKeyDown, Listbox, ListItem, PickerPopup, useFocusItemValue, usePickerRef, pickTriggerPropKeys } from '../internals/Picker';
+import Plaintext from '../internals/Plaintext';
+import { oneOf } from '../internals/propTypes';
 import { transformData, shouldDisplay } from './utils';
-import Plaintext from '../Plaintext';
 import Combobox from './Combobox';
 /**
  * Autocomplete function of input field.
@@ -226,7 +227,7 @@ AutoComplete.propTypes = _extends({}, animationPropTypes, {
   className: PropTypes.string,
   menuClassName: PropTypes.string,
   menuAutoWidth: PropTypes.bool,
-  placement: PropTypes.oneOf(PLACEMENT),
+  placement: oneOf(PLACEMENT),
   onFocus: PropTypes.func,
   onMenuFocus: PropTypes.func,
   onBlur: PropTypes.func,
@@ -237,7 +238,7 @@ AutoComplete.propTypes = _extends({}, animationPropTypes, {
   renderMenu: PropTypes.func,
   renderMenuItem: PropTypes.func,
   style: PropTypes.object,
-  size: PropTypes.oneOf(['lg', 'md', 'sm', 'xs']),
+  size: oneOf(['lg', 'md', 'sm', 'xs']),
   open: PropTypes.bool,
   selectOnEnter: PropTypes.bool,
   filterBy: PropTypes.func

package/esm/AutoComplete/Combobox.js

@@ -2,7 +2,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React from 'react';
-import { useCombobox } from '../Picker';
+import { useCombobox } from '../internals/Picker';
 import Input from '../Input';
 var Combobox = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _useCombobox = useCombobox(),

package/esm/Avatar/Avatar.js

@@ -7,6 +7,7 @@ import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import { useClassNames } from '../utils';
 import { AvatarGroupContext } from '../AvatarGroup/AvatarGroup';
+import { oneOf } from '../internals/propTypes';
 /**
  * The Avatar component is used to represent user or brand.
  * @see https://rsuitejs.com/components/avatar
@@ -52,7 +53,7 @@ Avatar.propTypes = {
   classPrefix: PropTypes.string,
   className: PropTypes.string,
   children: PropTypes.node,
-  size: PropTypes.oneOf(['lg', 'md', 'sm', 'xs']),
+  size: oneOf(['lg', 'md', 'sm', 'xs']),
   src: PropTypes.string,
   sizes: PropTypes.string,
   srcSet: PropTypes.string,

package/esm/AvatarGroup/AvatarGroup.js

@@ -4,6 +4,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 import React, { useMemo } from 'react';
 import PropTypes from 'prop-types';
 import { useClassNames, useCustom } from '../utils';
+import { oneOf } from '../internals/propTypes';
 export var AvatarGroupContext = /*#__PURE__*/React.createContext({});
 
 /**
@@ -54,6 +55,6 @@ AvatarGroup.propTypes = {
   children: PropTypes.node,
   stack: PropTypes.bool,
   spacing: PropTypes.number,
-  size: PropTypes.oneOf(['lg', 'md', 'sm', 'xs'])
+  size: oneOf(['lg', 'md', 'sm', 'xs'])
 };
 export default AvatarGroup;

package/esm/Badge/Badge.js

@@ -4,6 +4,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 import React from 'react';
 import PropTypes from 'prop-types';
 import { useClassNames } from '../utils';
+import { oneOf } from '../internals/propTypes';
 /**
  * The Badge component is usually used to mark or highlight the status or quantity of an object.
  * @see https://rsuitejs.com/components/badge
@@ -57,6 +58,6 @@ Badge.propTypes = {
   as: PropTypes.elementType,
   content: PropTypes.oneOfType([PropTypes.node, PropTypes.bool]),
   maxCount: PropTypes.number,
-  color: PropTypes.oneOf(['red', 'orange', 'yellow', 'green', 'cyan', 'blue', 'violet'])
+  color: oneOf(['red', 'orange', 'yellow', 'green', 'cyan', 'blue', 'violet'])
 };
 export default Badge;

package/esm/Button/Button.js

@@ -7,8 +7,9 @@ import React, { useCallback, useContext } from 'react';
 import PropTypes from 'prop-types';
 import { ButtonGroupContext } from '../ButtonGroup';
 import SafeAnchor from '../SafeAnchor';
-import Ripple from '../Ripple';
+import Ripple from '../internals/Ripple';
 import { isOneOf, useClassNames } from '../utils';
+import { oneOf } from '../internals/propTypes';
 /**
  * The Button component is used to trigger a custom action.
  * @see https://rsuitejs.com/components/button
@@ -81,15 +82,15 @@ Button.displayName = 'Button';
 Button.propTypes = {
   as: PropTypes.elementType,
   active: PropTypes.bool,
-  appearance: PropTypes.oneOf(['default', 'primary', 'link', 'subtle', 'ghost']),
+  appearance: oneOf(['default', 'primary', 'link', 'subtle', 'ghost']),
   block: PropTypes.bool,
   children: PropTypes.node,
-  color: PropTypes.oneOf(['red', 'orange', 'yellow', 'green', 'cyan', 'blue', 'violet']),
+  color: oneOf(['red', 'orange', 'yellow', 'green', 'cyan', 'blue', 'violet']),
   disabled: PropTypes.bool,
   href: PropTypes.string,
   loading: PropTypes.bool,
   ripple: PropTypes.bool,
-  size: PropTypes.oneOf(['lg', 'md', 'sm', 'xs']),
-  type: PropTypes.oneOf(['button', 'reset', 'submit'])
+  size: oneOf(['lg', 'md', 'sm', 'xs']),
+  type: oneOf(['button', 'reset', 'submit'])
 };
 export default Button;

package/esm/ButtonGroup/ButtonGroup.js

@@ -5,6 +5,7 @@ import React, { useMemo } from 'react';
 import PropTypes from 'prop-types';
 import { useClassNames } from '../utils';
 import ButtonGroupContext from './ButtonGroupContext';
+import { oneOf } from '../internals/propTypes';
 /**
  * The ButtonGroup component is used to group a series of buttons together in a single line or column.
  * @see https://rsuitejs.com/components/button/#button-group
@@ -54,6 +55,6 @@ ButtonGroup.propTypes = {
   vertical: PropTypes.bool,
   justified: PropTypes.bool,
   role: PropTypes.string,
-  size: PropTypes.oneOf(['lg', 'md', 'sm', 'xs'])
+  size: oneOf(['lg', 'md', 'sm', 'xs'])
 };
 export default ButtonGroup;

package/esm/Calendar/CalendarContainer.js

@@ -105,9 +105,9 @@ var CalendarContainer = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var onlyShowMonth = renderMonth && !renderDate && !renderTime;
   var showTime = calendarState === CalendarState.TIME || onlyShowTime;
   var showMonth = calendarState === CalendarState.MONTH || onlyShowMonth;
-  var inSameThisMonthDate = useEventCallback(function (date) {
+  var inSameThisMonthDate = function inSameThisMonthDate(date) {
     return isSameMonth(calendarDate, date);
-  });
+  };
   var calendarClasses = merge(className, withClassPrefix({
     'time-view': showTime,
     'month-view': showMonth,

package/esm/Calendar/MonthDropdown.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React, { useCallback, useMemo } from 'react';
 import PropTypes from 'prop-types';
-import { AutoSizer, FixedSizeList } from '../Windowing';
+import { AutoSizer, FixedSizeList } from '../internals/Windowing';
 import { DateUtils, useClassNames } from '../utils';
 import MonthDropdownItem from './MonthDropdownItem';
 import { useCalendarContext } from './CalendarContext';

package/esm/Carousel/Carousel.js

@@ -5,6 +5,7 @@ import React, { useState, useMemo, useCallback, useRef } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { useClassNames, useCustom, guid, ReactChildren, useTimeout, mergeRefs, useControlled, useUpdateEffect } from '../utils';
+import { oneOf } from '../internals/propTypes';
 /**
  * The Carousel component is used to display a series of content.
  * @see https://rsuitejs.com/components/carousel
@@ -156,8 +157,8 @@ Carousel.propTypes = {
   defaultActiveIndex: PropTypes.number,
   autoplay: PropTypes.bool,
   autoplayInterval: PropTypes.number,
-  placement: PropTypes.oneOf(['top', 'bottom', 'left', 'right']),
-  shape: PropTypes.oneOf(['dot', 'bar']),
+  placement: oneOf(['top', 'bottom', 'left', 'right']),
+  shape: oneOf(['dot', 'bar']),
   onSelect: PropTypes.func,
   onSlideStart: PropTypes.func,
   onSlideEnd: PropTypes.func

package/esm/Cascader/Cascader.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import { PickerLocale } from '../locales';
-import { PickerHandle, PickerToggleProps } from '../Picker';
+import { PickerHandle, PickerToggleProps } from '../internals/Picker';
 import { ItemDataType, FormControlPickerProps } from '../@types/common';
 export declare type ValueType = number | string;
-export interface CascaderProps<T = ValueType> extends FormControlPickerProps<T | null, PickerLocale, ItemDataType<T>>, Pick<PickerToggleProps, 'loading'> {
+export interface CascaderProps<T = ValueType> extends FormControlPickerProps<T | null, PickerLocale, ItemDataType<T>>, Pick<PickerToggleProps, 'label' | 'caretAs' | 'loading'> {
     /** Sets the width of the menu */
     menuWidth?: number;
     /** Sets the height of the menu */

package/esm/Cascader/Cascader.js

@@ -13,8 +13,10 @@ import TreeView from './TreeView';
 import { getParentMap, getPathTowardsItem, findNodeOfTree, flattenTree } from '../utils/treeUtils';
 import { usePaths } from './utils';
 import { getSafeRegExpString, createChainedFunction, mergeRefs, useControlled, useCustom, useClassNames, useIsMounted, useEventCallback } from '../utils';
-import { PickerToggle, PickerPopup, SearchBar, PickerToggleTrigger, usePickerClassName, usePickerRef, useToggleKeyDownEvent, useFocusItemValue, pickTriggerPropKeys, omitTriggerPropKeys, listPickerPropTypes } from '../Picker';
+import { PickerToggle, PickerPopup, PickerToggleTrigger, usePickerClassName, usePickerRef, useToggleKeyDownEvent, useFocusItemValue, pickTriggerPropKeys, omitTriggerPropKeys, listPickerPropTypes } from '../internals/Picker';
+import SearchBox from '../internals/SearchBox';
 import { useMap } from '../utils/useMap';
+import { oneOf } from '../internals/propTypes';
 var emptyArray = [];
 
 /**
@@ -393,7 +395,7 @@ var Cascader = /*#__PURE__*/React.forwardRef(function (props, ref) {
       style: styles,
       target: trigger,
       onKeyDown: onPickerKeyDown
-    }, searchable && /*#__PURE__*/React.createElement(SearchBar, {
+    }, searchable && /*#__PURE__*/React.createElement(SearchBox, {
       placeholder: locale === null || locale === void 0 ? void 0 : locale.searchPlaceholder,
       onChange: handleSearch,
       value: searchKeyword,
@@ -485,7 +487,7 @@ Cascader.displayName = 'Cascader';
 Cascader.propTypes = _extends({}, listPickerPropTypes, {
   disabledItemValues: PropTypes.array,
   locale: PropTypes.any,
-  appearance: PropTypes.oneOf(['default', 'subtle']),
+  appearance: oneOf(['default', 'subtle']),
   renderMenu: PropTypes.func,
   onSelect: PropTypes.func,
   onSearch: PropTypes.func,

package/esm/Cascader/DropdownMenu.js

@@ -6,7 +6,7 @@ import SpinnerIcon from '@rsuite/icons/legacy/Spinner';
 import isUndefined from 'lodash/isUndefined';
 import isNil from 'lodash/isNil';
 import { shallowEqual, useClassNames, mergeRefs, useCustom, useEventCallback } from '../utils';
-import { ListItem, useCombobox } from '../Picker';
+import { ListItem, useCombobox } from '../internals/Picker';
 import AngleLeftIcon from '@rsuite/icons/legacy/AngleLeft';
 import AngleRightIcon from '@rsuite/icons/legacy/AngleRight';
 import getPosition from 'dom-lib/getPosition';

package/esm/Cascader/TreeView.js

@@ -6,7 +6,7 @@ import SpinnerIcon from '@rsuite/icons/legacy/Spinner';
 import isUndefined from 'lodash/isUndefined';
 import isNil from 'lodash/isNil';
 import { shallowEqual, useClassNames, mergeRefs, useCustom, useEventCallback } from '../utils';
-import { ListItem, useCombobox } from '../Picker';
+import { ListItem, useCombobox } from '../internals/Picker';
 import AngleLeftIcon from '@rsuite/icons/legacy/AngleLeft';
 import AngleRightIcon from '@rsuite/icons/legacy/AngleRight';
 import getPosition from 'dom-lib/getPosition';

package/esm/CheckPicker/CheckPicker.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PickerLocale } from '../locales';
-import { PickerHandle, PickerToggleProps } from '../Picker';
+import { PickerHandle, PickerToggleProps } from '../internals/Picker';
 import { ItemDataType, FormControlPickerProps } from '../@types/common';
 import type { MultipleSelectProps } from '../SelectPicker';
 export declare type ValueType = (number | string)[];

package/esm/CheckPicker/CheckPicker.js

@@ -15,7 +15,9 @@ import isNil from 'lodash/isNil';
 import { filterNodesOfTree } from '../utils/treeUtils';
 import { createChainedFunction, useClassNames, shallowEqual, useCustom, useControlled, useEventCallback, mergeRefs } from '../utils';
 import { getDataGroupBy } from '../utils/getDataGroupBy';
-import { Listbox, ListCheckItem, PickerToggle, PickerPopup, SearchBar, SelectedElement, PickerToggleTrigger, useFocusItemValue, usePickerClassName, useSearch, useToggleKeyDownEvent, usePickerRef, pickTriggerPropKeys, omitTriggerPropKeys, listPickerPropTypes } from '../Picker';
+import { Listbox, ListCheckItem, PickerToggle, PickerPopup, SelectedElement, PickerToggleTrigger, useFocusItemValue, usePickerClassName, useSearch, useToggleKeyDownEvent, usePickerRef, pickTriggerPropKeys, omitTriggerPropKeys, listPickerPropTypes } from '../internals/Picker';
+import SearchBox from '../internals/SearchBox';
+import { oneOf } from '../internals/propTypes';
 var emptyArray = [];
 /**
  * A component for selecting checkable items in a dropdown list.
@@ -305,7 +307,7 @@ var CheckPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       style: styles,
       onKeyDown: onPickerKeyDown,
       target: trigger
-    }, searchable && /*#__PURE__*/React.createElement(SearchBar, {
+    }, searchable && /*#__PURE__*/React.createElement(SearchBox, {
       placeholder: locale === null || locale === void 0 ? void 0 : locale.searchPlaceholder,
       onChange: handleSearch,
       value: searchKeyword,
@@ -354,7 +356,7 @@ var CheckPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
 CheckPicker.displayName = 'CheckPicker';
 CheckPicker.propTypes = _extends({}, listPickerPropTypes, {
   locale: PropTypes.any,
-  appearance: PropTypes.oneOf(['default', 'subtle']),
+  appearance: oneOf(['default', 'subtle']),
   menuAutoWidth: PropTypes.bool,
   menuMaxHeight: PropTypes.number,
   renderMenu: PropTypes.func,

package/esm/CheckTreePicker/CheckTreeNode.js

@@ -4,7 +4,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 import React, { forwardRef } from 'react';
 import ArrowDown from '@rsuite/icons/legacy/ArrowDown';
 import Spinner from '@rsuite/icons/legacy/Spinner';
-import ListCheckItem from '../Picker/ListCheckItem';
+import ListCheckItem from '../internals/Picker/ListCheckItem';
 import { getTreeNodeIndent } from '../utils/treeUtils';
 import { useClassNames, useEventCallback, CHECK_STATE, reactToString } from '../utils';
 var CheckTreeNode = /*#__PURE__*/forwardRef(function (_ref, ref) {

package/esm/CheckTreePicker/CheckTreePicker.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PickerLocale } from '../locales';
-import { PickerComponent, PickerToggleProps } from '../Picker';
+import { PickerComponent, PickerToggleProps } from '../internals/Picker';
 import { TreeBaseProps } from '../Tree/Tree';
 import { FormControlPickerProps, ItemDataType } from '../@types/common';
 export declare type ValueType = (string | number)[];

package/esm/CheckTreePicker/CheckTreePicker.js

@@ -10,14 +10,16 @@ import _isNil from "lodash/isNil";
 import React, { useState, useEffect, useContext, useMemo } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import { List, AutoSizer } from '../Windowing';
+import { List, AutoSizer } from '../internals/Windowing';
 import CheckTreeNode from './CheckTreeNode';
 import TreeContext from '../Tree/TreeContext';
 import { getKeyParentMap, getPathTowardsItem, getTreeNodeIndent } from '../utils/treeUtils';
 import { createChainedFunction, useCustom, useClassNames, useControlled, useEventCallback, KEY_VALUES, mergeRefs } from '../utils';
-import { PickerToggle, TreeView, onMenuKeyDown as _onMenuKeyDown, PickerPopup, SearchBar, SelectedElement, PickerToggleTrigger, createConcatChildrenFunction, usePickerClassName, useToggleKeyDownEvent, usePickerRef, pickTriggerPropKeys, omitTriggerPropKeys, listPickerPropTypes } from '../Picker';
+import { PickerToggle, TreeView, onMenuKeyDown as _onMenuKeyDown, PickerPopup, SelectedElement, PickerToggleTrigger, createConcatChildrenFunction, usePickerClassName, useToggleKeyDownEvent, usePickerRef, pickTriggerPropKeys, omitTriggerPropKeys, listPickerPropTypes } from '../internals/Picker';
+import SearchBox from '../internals/SearchBox';
 import { isEveryChildChecked, isSomeNodeHasChildren, isAllSiblingNodeUncheckable, isEveryFirstLevelNodeUncheckable, getFormattedTree, getDisabledState, getCheckTreePickerDefaultValue, getSelectedItems, isNodeUncheckable } from './utils';
 import { hasVisibleChildren, getExpandWhenSearching, useTreeSearch, useTreeNodeRefs, getDefaultExpandItemValues, useFlattenTreeData, focusNextItem, getFocusableItems, focusPreviousItem, toggleExpand, getActiveItem, useGetTreeNodeChildren, focusToActiveTreeNode, focusTreeNode, leftArrowHandler, rightArrowHandler, isSearching } from '../utils/treeUtils';
+import { oneOf } from '../internals/propTypes';
 var emptyArray = [];
 var itemSize = function itemSize() {
   return 36;
@@ -654,7 +656,7 @@ var CheckTreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       ref: mergeRefs(overlay, speakerRef),
       onKeyDown: onPickerKeydown,
       target: trigger
-    }, searchable ? /*#__PURE__*/React.createElement(SearchBar, {
+    }, searchable ? /*#__PURE__*/React.createElement(SearchBox, {
       placeholder: locale.searchPlaceholder,
       onChange: handleSearch,
       value: searchKeywordState,
@@ -735,7 +737,7 @@ var CheckTreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
 CheckTreePicker.displayName = 'CheckTreePicker';
 CheckTreePicker.propTypes = _extends({}, listPickerPropTypes, {
   height: PropTypes.number,
-  appearance: PropTypes.oneOf(['default', 'subtle']),
+  appearance: oneOf(['default', 'subtle']),
   locale: PropTypes.any,
   cascade: PropTypes.bool,
   countable: PropTypes.bool,

package/esm/Checkbox/Checkbox.js

@@ -5,8 +5,9 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 var _templateObject, _templateObject2, _templateObject3;
 import React, { useContext, useCallback, useMemo } from 'react';
 import PropTypes from 'prop-types';
-import { useControlled, partitionHTMLProps, useClassNames, TypeChecker } from '../utils';
+import { useControlled, partitionHTMLProps, useClassNames } from '../utils';
 import { CheckboxGroupContext } from '../CheckboxGroup';
+import { refType } from '../internals/propTypes';
 /**
  * The Checkbox component is used for selecting multiple options from a set.
  * @see https://rsuitejs.com/components/checkbox
@@ -147,7 +148,7 @@ Checkbox.propTypes = {
   onChange: PropTypes.func,
   onClick: PropTypes.func,
   inputProps: PropTypes.any,
-  inputRef: TypeChecker.refType,
+  inputRef: refType,
   value: PropTypes.any,
   children: PropTypes.node,
   classPrefix: PropTypes.string,

package/esm/CheckboxGroup/CheckboxGroup.js

@@ -6,7 +6,7 @@ import PropTypes from 'prop-types';
 import cloneDeep from 'lodash/cloneDeep';
 import remove from 'lodash/remove';
 import { useClassNames, useControlled, shallowEqual } from '../utils';
-import Plaintext from '../Plaintext';
+import Plaintext from '../internals/Plaintext';
 import { CheckboxGroupContext } from './CheckboxGroupContext';
 /**
  * The `CheckboxGroup` component is used for selecting multiple options which are unrelated.

package/esm/DateInput/utils.js

@@ -236,7 +236,7 @@ export function isFieldFullValue(formatStr, value, pattern) {
       return false;
   }
 }
-var isTestEnvironment = undefined === 'test';
+var isTestEnvironment = typeof process !== 'undefined' && undefined === 'test';
 export function useInputSelection(input) {
   return function setSelectionRange(selectionStart, selectionEnd) {
     if (isTestEnvironment) {

package/esm/DatePicker/DatePicker.js

@@ -19,11 +19,11 @@ import Stack from '../Stack';
 import PredefinedRanges from './PredefinedRanges';
 import { createChainedFunction, mergeRefs, useClassNames, useControlled, useCustom, useUniqueId, useEventCallback, partitionHTMLProps } from '../utils';
 import { shouldRenderMonth, shouldRenderDate, shouldRenderTime, shouldOnlyRenderTime, setHours, getHours, addMonths, addDays, isValid, disabledTime, copyTime, calendarOnlyProps } from '../utils/dateUtils';
-import { PickerPopup, PickerLabel, PickerIndicator, PickerToggleTrigger, pickerPropTypes, pickTriggerPropKeys, omitTriggerPropKeys, usePickerClassName, usePickerRef, onMenuKeyDown } from '../Picker';
+import { PickerPopup, PickerLabel, PickerIndicator, PickerToggleTrigger, pickerPropTypes, pickTriggerPropKeys, omitTriggerPropKeys, usePickerClassName, usePickerRef, onMenuKeyDown } from '../internals/Picker';
+import { OverlayCloseCause } from '../internals/Overlay/OverlayTrigger';
 import DateInput from '../DateInput';
 import InputGroup from '../InputGroup';
-import { OverlayCloseCause } from '../Overlay/OverlayTrigger';
-import { deprecatePropTypeNew } from '../utils/deprecatePropType';
+import { deprecatePropTypeNew } from '../internals/propTypes';
 import { getAriaLabel } from '../Calendar/utils';
 import { splitRanges } from './utils';
 /**

package/esm/DateRangePicker/DateRangePicker.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { FormControlBaseProps, PickerBaseProps } from '../@types/common';
 import { DateRangePickerLocale } from '../locales';
-import { PickerComponent } from '../Picker';
+import { PickerComponent } from '../internals/Picker';
 import { DisabledDateFunction, RangeType, DateRange } from './types';
 export interface DateRangePickerProps extends PickerBaseProps<DateRangePickerLocale>, FormControlBaseProps<DateRange | null> {
     /** Custom caret component */
@@ -36,6 +36,12 @@ export interface DateRangePickerProps extends PickerBaseProps<DateRangePickerLoc
     showOneCalendar?: boolean;
     /** Meridian format */
     showMeridian?: boolean;
+    /**
+     * Whether to display the formatted date range at the header of the calendar
+     * @default true
+     * @version 5.52.0
+     */
+    showHeader?: boolean;
     /** Set default date for calendar */
     defaultCalendarValue?: DateRange;
     /** The character that separates two dates */

package/esm/DateRangePicker/DateRangePicker.js

@@ -15,13 +15,13 @@ import { FormattedDate } from '../CustomProvider';
 import Toolbar from '../DatePicker/Toolbar';
 import PredefinedRanges from '../DatePicker/PredefinedRanges';
 import Stack from '../Stack';
-import { omitTriggerPropKeys, PickerPopup, pickerPropTypes, PickerToggleTrigger, PickerIndicator, PickerLabel, pickTriggerPropKeys, usePickerClassName, usePickerRef, onMenuKeyDown } from '../Picker';
+import { omitTriggerPropKeys, PickerPopup, pickerPropTypes, PickerToggleTrigger, PickerIndicator, PickerLabel, pickTriggerPropKeys, usePickerClassName, usePickerRef, onMenuKeyDown } from '../internals/Picker';
 import { createChainedFunction, DATERANGE_DISABLED_TARGET, mergeRefs, useClassNames, useControlled, useCustom, useUniqueId, useEventCallback, partitionHTMLProps, getStringLength } from '../utils';
 import { addMonths, compareAsc, isValid, isBefore, isSameDay, addDays, startOfDay, endOfDay, shouldRenderTime, isAfter, copyTime, isSameMonth, shouldRenderMonth, shouldRenderDate, reverseDateRangeOmitTime, getReversedTimeMeridian, calendarOnlyProps, shouldOnlyRenderTime } from '../utils/dateUtils';
 import Calendar from './Calendar';
 import * as disabledDateUtils from './disabledDateUtils';
 import { getSafeCalendarDate, getMonthHoverRange, getWeekHoverRange, isSameRange } from './utils';
-import { deprecatePropTypeNew } from '../utils/deprecatePropType';
+import { deprecatePropTypeNew, oneOf } from '../internals/propTypes';
 import DateRangePickerContext from './DateRangePickerContext';
 import DateRangeInput from '../DateRangeInput';
 import InputGroup from '../InputGroup';
@@ -76,6 +76,8 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     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,
@@ -91,7 +93,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onSelect = props.onSelect,
     onShortcutClick = props.onShortcutClick,
     renderTitle = props.renderTitle,
-    restProps = _objectWithoutPropertiesLoose(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 = _objectWithoutPropertiesLoose(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 = useUniqueId('rs-', idProp);
   var _usePickerRef = usePickerRef(ref),
     trigger = _usePickerRef.trigger,
@@ -195,9 +197,9 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     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(compareAsc);
       return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(FormattedDate, {
@@ -537,8 +539,8 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       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();
@@ -622,10 +624,10 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       "data-testid": "daterange-predefined-side"
     }), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
       className: prefix('daterange-content')
-    }, /*#__PURE__*/React.createElement("div", {
+    }, showHeader && /*#__PURE__*/React.createElement("div", {
       className: prefix('daterange-header'),
       "data-testid": "daterange-header"
-    }, getDateRangeString(selectedDates)), /*#__PURE__*/React.createElement("div", {
+    }, getDateRangeString(isSelectedIdle ? selectedDates : hoverDateRange)), /*#__PURE__*/React.createElement("div", {
       className: prefix("daterange-calendar-" + (showOneCalendar ? 'single' : 'group'))
     }, /*#__PURE__*/React.createElement(DateRangePickerContext.Provider, {
       value: {
@@ -753,7 +755,7 @@ DateRangePicker.propTypes = _extends({}, pickerPropTypes, {
   value: PropTypes.arrayOf(PropTypes.instanceOf(Date)),
   defaultValue: PropTypes.arrayOf(PropTypes.instanceOf(Date)),
   defaultCalendarValue: PropTypes.arrayOf(PropTypes.instanceOf(Date)),
-  hoverRange: PropTypes.oneOfType([PropTypes.oneOf(['week', 'month']), PropTypes.func]),
+  hoverRange: PropTypes.oneOfType([oneOf(['week', 'month']), PropTypes.func]),
   format: PropTypes.string,
   isoWeek: PropTypes.bool,
   oneTap: PropTypes.bool,

package/esm/Drawer/Drawer.js

@@ -8,6 +8,7 @@ import Modal from '../Modal';
 import { useClassNames } from '../utils';
 import deprecateComponent from '../utils/deprecateComponent';
 import DrawerContext from './DrawerContext';
+import { oneOf } from '../internals/propTypes';
 var DrawerBody = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement(Modal.Body, _extends({
     classPrefix: "drawer-body"
@@ -92,10 +93,10 @@ Drawer.Actions = DrawerActions;
 Drawer.Footer = deprecateComponent(DrawerFooter, '<Drawer.Footer> has been deprecated, use <Drawer.Actions> instead.');
 Drawer.Title = DrawerTitle;
 Drawer.displayName = 'Drawer';
-Drawer.propTypes = {
+Drawer.propTypes = _extends({}, Modal.propTypes, {
   classPrefix: PropTypes.string,
-  placement: PropTypes.oneOf(['top', 'right', 'bottom', 'left']),
+  placement: oneOf(['top', 'right', 'bottom', 'left']),
   children: PropTypes.node,
   className: PropTypes.string
-};
+});
 export default Drawer;

package/esm/Dropdown/Dropdown.js

@@ -7,10 +7,10 @@ import omit from 'lodash/omit';
 import pick from 'lodash/pick';
 import DropdownMenu from './DropdownMenu';
 import { mergeRefs, PLACEMENT_8, placementPolyfill, useClassNames } from '../utils';
-import deprecatePropType from '../utils/deprecatePropType';
+import { deprecatePropType, oneOf } from '../internals/propTypes';
 import DropdownItem from './DropdownItem';
 import DropdownContext from './DropdownContext';
-import Menu from '../Menu/Menu';
+import Menu from '../internals/Menu/Menu';
 import DropdownToggle from './DropdownToggle';
 import kebabCase from 'lodash/kebabCase';
 import NavContext from '../Nav/NavContext';
@@ -157,8 +157,8 @@ Dropdown.displayName = 'Dropdown';
 Dropdown.propTypes = {
   activeKey: PropTypes.any,
   classPrefix: PropTypes.string,
-  trigger: PropTypes.oneOfType([PropTypes.array, PropTypes.oneOf(['click', 'hover', 'contextMenu'])]),
-  placement: PropTypes.oneOf(PLACEMENT_8),
+  trigger: PropTypes.oneOfType([PropTypes.array, oneOf(['click', 'hover', 'contextMenu'])]),
+  placement: oneOf(PLACEMENT_8),
   title: PropTypes.node,
   disabled: PropTypes.bool,
   icon: PropTypes.node,