rsuite 5.61.0 → 5.62.0

package/esm/DateRangePicker/DateRangePicker.js

@@ -6,26 +6,27 @@ var _templateObject;
 import React, { useEffect, useRef, useState, useMemo } from 'react';
 import isNil from 'lodash/isNil';
 import omit from 'lodash/omit';
-import partial from 'lodash/partial';
 import pick from 'lodash/pick';
 import PropTypes from 'prop-types';
 import IconCalendar from '@rsuite/icons/legacy/Calendar';
 import IconClockO from '@rsuite/icons/legacy/ClockO';
-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 '../internals/Picker';
-import { createChainedFunction, DATERANGE_DISABLED_TARGET as TARGET, mergeRefs, useClassNames, useControlled, useCustom, useUniqueId, useEventCallback, partitionHTMLProps, getStringLength } from '../utils';
-import { addMonths, isValid, isBefore, isSameDay, addDays, startOfDay, endOfDay, shouldRenderTime, isAfter, copyTime, isSameMonth, shouldRenderMonth, shouldRenderDate, reverseDateRangeOmitTime, getReversedTimeMeridian, calendarOnlyProps, shouldOnlyRenderTime } from '../utils/dateUtils';
-import Calendar from './Calendar';
-import { getSafeCalendarDate, getMonthHoverRange, getWeekHoverRange, isSameRange } from './utils';
-import { deprecatePropTypeNew, oneOf } from '../internals/propTypes';
-import DateRangePickerContext from './DateRangePickerContext';
-import DateRangeInput from '../DateRangeInput';
-import Input from '../Input';
-import InputGroup from '../InputGroup';
-import Header from './Header';
-import useDateDisabled from './hooks/useDateDisabled';
+import Toolbar from "../DatePicker/Toolbar";
+import PredefinedRanges from "../DatePicker/PredefinedRanges";
+import Stack from "../Stack";
+import { DATERANGE_DISABLED_TARGET as TARGET } from "../internals/constants";
+import { omitTriggerPropKeys, PickerPopup, pickerPropTypes, PickerToggleTrigger, PickerIndicator, PickerLabel, pickTriggerPropKeys, usePickerClassName, usePickerRef, onMenuKeyDown } from "../internals/Picker";
+import { useClassNames, useControlled, useCustom, useUniqueId, useEventCallback } from "../internals/hooks";
+import { createChainedFunction, mergeRefs, partitionHTMLProps, getStringLength } from "../internals/utils";
+import { addMonths, isValid, isBefore, isSameDay, addDays, startOfDay, endOfDay, shouldRenderTime, isAfter, isSameMonth, shouldRenderMonth, shouldRenderDate, calendarOnlyProps, getReversedTimeMeridian, reverseDateRangeOmitTime, copyTime, shouldOnlyRenderTime } from "../internals/utils/date";
+import Calendar from "./Calendar";
+import { getSafeCalendarDate, getMonthHoverRange, getWeekHoverRange, isSameRange } from "./utils";
+import { deprecatePropTypeNew, oneOf } from "../internals/propTypes";
+import DateRangePickerContext from "./DateRangePickerContext";
+import DateRangeInput from "../DateRangeInput";
+import InputGroup from "../InputGroup";
+import Header from "./Header";
+import useDateDisabled from "./hooks/useDateDisabled";
+import useCustomizedInput from "../DatePicker/hooks/useCustomizedInput";
 /**
  * A date range picker allows you to select a date range from a calendar.
  *
@@ -58,6 +59,8 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     idProp = props.id,
     _props$isoWeek = props.isoWeek,
     isoWeek = _props$isoWeek === void 0 ? false : _props$isoWeek,
+    _props$weekStart = props.weekStart,
+    weekStart = _props$weekStart === void 0 ? 0 : _props$weekStart,
     _props$limitEndYear = props.limitEndYear,
     limitEndYear = _props$limitEndYear === void 0 ? 1000 : _props$limitEndYear,
     limitStartYear = props.limitStartYear,
@@ -86,14 +89,13 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onChange = props.onChange,
     onClean = props.onClean,
     onEnter = props.onEnter,
-    onEntered = props.onEntered,
-    onExited = props.onExited,
+    onExit = props.onExit,
     onOk = props.onOk,
     onSelect = props.onSelect,
     onShortcutClick = props.onShortcutClick,
     renderTitle = props.renderTitle,
     renderValue = props.renderValue,
-    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", "onEnter", "onEntered", "onExited", "onOk", "onSelect", "onShortcutClick", "renderTitle", "renderValue"]);
+    restProps = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "appearance", "editable", "cleanable", "character", "defaultCalendarValue", "defaultValue", "plaintext", "disabled", "disabledDate", "shouldDisableDate", "format", "hoverRange", "id", "isoWeek", "weekStart", "limitEndYear", "limitStartYear", "locale", "loading", "label", "menuClassName", "menuStyle", "oneTap", "placeholder", "placement", "ranges", "readOnly", "showOneCalendar", "showWeekNumbers", "showMeridian", "showHeader", "style", "size", "caretAs", "value", "onChange", "onClean", "onEnter", "onExit", "onOk", "onSelect", "onShortcutClick", "renderTitle", "renderValue"]);
   var id = useUniqueId('rs-', idProp);
   var _usePickerRef = usePickerRef(ref),
     trigger = _usePickerRef.trigger,
@@ -223,7 +225,13 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var getHoverRangeValue = function getHoverRangeValue(date) {
     function getHoverRangeFunc() {
       if (hoverRange === 'week') {
-        return partial(getWeekHoverRange, isoWeek);
+        return function (date) {
+          return getWeekHoverRange(date, {
+            isoWeek: isoWeek,
+            weekStart: weekStart,
+            locale: locale === null || locale === void 0 ? void 0 : locale.dateLocale
+          });
+        };
       } else if (hoverRange === 'month') {
         return getMonthHoverRange;
       }
@@ -453,7 +461,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     // End unfinished selections.
     setSelectedIdle(true);
   });
-  var handleOK = useEventCallback(function (event) {
+  var handleClickOK = useEventCallback(function (event) {
     setDateRange(event, selectedDates);
     onOk === null || onOk === void 0 ? void 0 : onOk(selectedDates, event);
   });
@@ -481,13 +489,21 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     setCalendarDateRange({
       dateRange: selectValue
     });
-    setDateRange(event, selectValue);
+    setDateRange(event, selectValue, false);
   });
+
+  /**
+   * Check if the date is disabled
+   */
   var isDateDisabled = useDateDisabled({
     shouldDisableDate: shouldDisableDate,
     DEPRECATED_disabledDate: DEPRECATED_disabledDate
   });
-  var disableByRange = function disableByRange(start, end, target) {
+
+  /**
+   * Check if a date range is disabled
+   */
+  var isRangeDisabled = function isRangeDisabled(start, end, target) {
     if (isDateDisabled) {
       // If the date is between the start and the end the button is disabled
       while (isBefore(start, end) || isSameDay(start, end)) {
@@ -503,20 +519,26 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
     return false;
   };
-  var disableOkButton = function disableOkButton() {
-    var _trigger$current;
-    var _ref4 = ((_trigger$current = trigger.current) === null || _trigger$current === void 0 ? void 0 : _trigger$current.getState()) || {},
-      open = _ref4.open;
-    if (open) {
-      var start = selectedDates[0],
-        end = selectedDates[1];
-      if (!start || !end || !isSelectedIdle) {
-        return true;
-      }
+
+  /**
+   * Check if the OK button is disabled
+   */
+  var isOkButtonDisabled = function isOkButtonDisabled() {
+    var start = selectedDates[0],
+      end = selectedDates[1];
+    if (!start || !end || !isSelectedIdle) {
+      return true;
+    }
+    if (isErrorValue([start, end])) {
+      return true;
     }
     return false;
   };
-  var disableShortcut = function disableShortcut(value) {
+
+  /**
+   * Check if the shortcut button is disabled
+   */
+  var isShortcutDisabled = function isShortcutDisabled(value) {
     if (value === void 0) {
       value = [];
     }
@@ -526,22 +548,22 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     if (!start || !end) {
       return true;
     }
-    return disableByRange(start, end, TARGET.TOOLBAR_SHORTCUT);
+    return isRangeDisabled(start, end, TARGET.TOOLBAR_SHORTCUT);
   };
   var handleClose = useEventCallback(function () {
-    var _trigger$current2, _trigger$current2$clo;
-    (_trigger$current2 = trigger.current) === null || _trigger$current2 === void 0 ? void 0 : (_trigger$current2$clo = _trigger$current2.close) === null || _trigger$current2$clo === void 0 ? void 0 : _trigger$current2$clo.call(_trigger$current2);
+    var _trigger$current, _trigger$current$clos;
+    (_trigger$current = trigger.current) === null || _trigger$current === void 0 ? void 0 : (_trigger$current$clos = _trigger$current.close) === null || _trigger$current$clos === void 0 ? void 0 : _trigger$current$clos.call(_trigger$current);
   });
   var handleInputKeyDown = useEventCallback(function (event) {
     onMenuKeyDown(event, {
       esc: handleClose,
       enter: function enter() {
-        var _trigger$current3;
-        var _ref5 = ((_trigger$current3 = trigger.current) === null || _trigger$current3 === void 0 ? void 0 : _trigger$current3.getState()) || {},
-          open = _ref5.open;
+        var _trigger$current2;
+        var _ref4 = ((_trigger$current2 = trigger.current) === null || _trigger$current2 === void 0 ? void 0 : _trigger$current2.getState()) || {},
+          open = _ref4.open;
         if (!open) {
-          var _trigger$current4;
-          (_trigger$current4 = trigger.current) === null || _trigger$current4 === void 0 ? void 0 : _trigger$current4.open();
+          var _trigger$current3;
+          (_trigger$current3 = trigger.current) === null || _trigger$current3 === void 0 ? void 0 : _trigger$current3.open();
         }
       }
     });
@@ -576,6 +598,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var calendarProps = {
       locale: locale,
       isoWeek: isoWeek,
+      weekStart: weekStart,
       limitEndYear: limitEndYear,
       showMeridian: showMeridian,
       calendarDate: calendarDate,
@@ -630,7 +653,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       ranges: sideRanges,
       calendarDate: calendarDate,
       locale: locale,
-      disableShortcut: disableShortcut,
+      disableShortcut: isShortcutDisabled,
       onShortcutClick: handleShortcutPageDate,
       "data-testid": "daterange-predefined-side"
     }), /*#__PURE__*/React.createElement(Stack.Item, null, /*#__PURE__*/React.createElement("div", {
@@ -651,10 +674,10 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }, getCalendars()))), /*#__PURE__*/React.createElement(Toolbar, {
       locale: locale,
       calendarDate: selectedDates,
-      disableOkBtn: disableOkButton,
-      disableShortcut: disableShortcut,
+      disableOkBtn: isOkButtonDisabled,
+      disableShortcut: isShortcutDisabled,
       hideOkBtn: oneTap,
-      onOk: handleOK,
+      onOk: handleClickOK,
       onShortcutClick: handleShortcutPageDate,
       ranges: bottomRanges
     })))));
@@ -710,27 +733,26 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     rest = _partitionHTMLProps[1];
   var showCleanButton = cleanable && hasValue && !readOnly;
   var invalidValue = value && isErrorValue(value);
-
-  // Custom rendering of the selected value
-  var customValue = null;
-
-  // Input box is read-only when the component is uneditable or loading state
-  var inputReadOnly = readOnly || !editable || loading || false;
-  if (typeof renderValue === 'function' && value) {
-    customValue = renderValue(value, formatStr);
-
-    // If the custom rendering value, the input box is read-only
-    inputReadOnly = true;
-  }
-  var TargetInput = customValue ? Input : DateRangeInput;
+  var _useCustomizedInput = useCustomizedInput({
+      mode: 'dateRange',
+      value: value,
+      formatStr: formatStr,
+      renderValue: renderValue,
+      readOnly: readOnly,
+      editable: editable,
+      loading: loading
+    }),
+    customValue = _useCustomizedInput.customValue,
+    inputReadOnly = _useCustomizedInput.inputReadOnly,
+    Input = _useCustomizedInput.Input,
+    events = _useCustomizedInput.events;
   return /*#__PURE__*/React.createElement(PickerToggleTrigger, {
     trigger: "active",
     ref: trigger,
     pickerProps: pick(props, pickTriggerPropKeys),
     placement: placement,
-    onEnter: createChainedFunction(handleEnter, onEnter),
-    onEntered: onEntered,
-    onExited: onExited,
+    onEnter: createChainedFunction(events.onActive, handleEnter, onEnter),
+    onExit: createChainedFunction(events.onInactive, onExit),
     speaker: renderCalendarOverlay
   }, /*#__PURE__*/React.createElement(Component, {
     ref: root,
@@ -747,7 +769,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }), /*#__PURE__*/React.createElement(PickerLabel, {
     className: prefix(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["label"]))),
     id: id + "-label"
-  }, label), /*#__PURE__*/React.createElement(TargetInput, _extends({
+  }, label), /*#__PURE__*/React.createElement(Input, _extends({
     "aria-haspopup": "dialog",
     "aria-invalid": invalidValue,
     "aria-labelledby": label ? id + "-label" : undefined
@@ -760,7 +782,6 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     placeholder: placeholder ? placeholder : rangeFormatStr,
     disabled: disabled,
     readOnly: inputReadOnly,
-    plaintext: plaintext,
     htmlSize: getInputHtmlSize(),
     onChange: handleInputChange,
     onKeyDown: handleInputKeyDown
@@ -780,6 +801,7 @@ DateRangePicker.propTypes = _extends({}, pickerPropTypes, {
   hoverRange: PropTypes.oneOfType([oneOf(['week', 'month']), PropTypes.func]),
   format: PropTypes.string,
   isoWeek: PropTypes.bool,
+  weekStart: PropTypes.oneOf([0, 1, 2, 3, 4, 5, 6]),
   oneTap: PropTypes.bool,
   limitEndYear: PropTypes.number,
   limitStartYear: PropTypes.number,

package/esm/DateRangePicker/Header.js

@@ -1,9 +1,9 @@
 'use client';
 import React from 'react';
-import { useClassNames } from '../utils';
-import { compareAsc } from '../utils/dateUtils';
-import { FormattedDate } from '../CustomProvider';
-import Button from '../Button';
+import { useClassNames } from "../internals/hooks";
+import { compareAsc } from "../internals/utils/date";
+import { FormattedDate } from "../CustomProvider";
+import Button from "../Button";
 function Header(props) {
   var _prefix;
   var _useClassNames = useClassNames('picker'),

package/esm/DateRangePicker/disabledDateUtils.js

@@ -1,5 +1,6 @@
 'use client';
-import { composeFunctions, DateUtils } from '../utils';
+import { composeFunctions } from "../internals/utils";
+import * as DateUtils from "../internals/utils/date";
 function isAfterDay(date1, date2) {
   return DateUtils.isAfter(new Date(date1.getFullYear(), date1.getMonth(), date1.getDate()), new Date(date2.getFullYear(), date2.getMonth(), date2.getDate()));
 }

package/esm/DateRangePicker/hooks/useDateDisabled.d.ts

@@ -1,4 +1,4 @@
-import { DATERANGE_DISABLED_TARGET as TARGET } from '../../utils';
+import { DATERANGE_DISABLED_TARGET as TARGET } from '@/internals/constants';
 import { DisabledDateFunction, SelectedDatesState } from '../types';
 interface UseDateDisabledProps {
     shouldDisableDate?: DisabledDateFunction;

package/esm/DateRangePicker/index.js

@@ -1,6 +1,6 @@
 'use client';
-import DateRangePicker from './DateRangePicker';
-import * as utils from './disabledDateUtils';
+import DateRangePicker from "./DateRangePicker";
+import * as utils from "./disabledDateUtils";
 Object.keys(utils).forEach(function (key) {
   DateRangePicker[key] = utils[key];
 });

package/esm/DateRangePicker/types.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { DATERANGE_DISABLED_TARGET } from '../utils/constants';
+import { DATERANGE_DISABLED_TARGET } from '@/internals/constants';
 export declare type ValueType = [Date?, Date?];
 export declare type DateRange = [Date, Date];
 export interface RangeType<T = DateRange> {

package/esm/DateRangePicker/utils.d.ts

@@ -1,4 +1,5 @@
 import { DateRange } from './types';
+import type { Locale } from 'date-fns';
 export declare function getSafeCalendarDate({ value, calendarKey, allowSameMonth }: {
     value: [] | [Date] | [Date, Date] | null;
     calendarKey?: 'start' | 'end';
@@ -6,4 +7,8 @@ export declare function getSafeCalendarDate({ value, calendarKey, allowSameMonth
 }): DateRange;
 export declare const isSameRange: (source: DateRange | null, dest: DateRange | null, format: string) => boolean;
 export declare const getMonthHoverRange: (date: Date) => DateRange;
-export declare const getWeekHoverRange: (isoWeek: boolean, date: Date) => DateRange;
+export declare const getWeekHoverRange: (date: Date, options: {
+    isoWeek: boolean;
+    weekStart: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    locale?: Locale;
+}) => DateRange;

package/esm/DateRangePicker/utils.js

@@ -1,5 +1,5 @@
 'use client';
-import { addMonths, isSameDay, shouldRenderTime, isSameSecond, startOfMonth, endOfMonth, startOfISOWeek, endOfISOWeek, startOfWeek, endOfWeek, differenceInCalendarMonths, copyTime } from '../utils/dateUtils';
+import { addMonths, isSameDay, shouldRenderTime, isSameSecond, startOfMonth, endOfMonth, startOfISOWeek, endOfISOWeek, startOfWeek, endOfWeek, differenceInCalendarMonths, copyTime } from "../internals/utils/date";
 export function getSafeCalendarDate(_ref) {
   var _value;
   var value = _ref.value,
@@ -44,10 +44,19 @@ export var isSameRange = function isSameRange(source, dest, format) {
 export var getMonthHoverRange = function getMonthHoverRange(date) {
   return [startOfMonth(date), endOfMonth(date)];
 };
-export var getWeekHoverRange = function getWeekHoverRange(isoWeek, date) {
+export var getWeekHoverRange = function getWeekHoverRange(date, options) {
+  var isoWeek = options.isoWeek,
+    weekStart = options.weekStart,
+    locale = options.locale;
   if (isoWeek) {
     // set to the first day of this week according to ISO 8601, 12:00 am
     return [startOfISOWeek(date), endOfISOWeek(date)];
   }
-  return [startOfWeek(date), endOfWeek(date)];
+  return [startOfWeek(date, {
+    weekStartsOn: weekStart,
+    locale: locale
+  }), endOfWeek(date, {
+    weekStartsOn: weekStart,
+    locale: locale
+  })];
 };

package/esm/Divider/Divider.d.ts

@@ -1,4 +1,4 @@
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '@/internals/types';
 export interface DividerProps extends WithAsProps {
     /**
      * Vertical dividing line. Cannot be used with text.

package/esm/Divider/Divider.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React from 'react';
 import PropTypes from 'prop-types';
-import { useClassNames } from '../utils';
+import { useClassNames } from "../internals/hooks";
 /**
  * The Divider component is used to separate content.
  * @see https://rsuitejs.com/components/divider

package/esm/Divider/index.js

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

package/esm/Drawer/Drawer.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ModalProps, ModalBodyProps, ModalHeaderProps, ModalFooterProps, ModalTitleProps } from '../Modal';
-import { TypeAttributes, RsRefForwardingComponent } from '../@types/common';
+import { TypeAttributes, RsRefForwardingComponent } from '@/internals/types';
 export interface DrawerProps extends ModalProps {
     /** The placement of Drawer */
     placement?: TypeAttributes.Placement4;

package/esm/Drawer/Drawer.js

@@ -3,12 +3,12 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useMemo } from 'react';
 import PropTypes from 'prop-types';
-import Slide from '../Animation/Slide';
-import Modal from '../Modal';
-import { useClassNames } from '../utils';
-import deprecateComponent from '../utils/deprecateComponent';
-import DrawerContext from './DrawerContext';
-import { oneOf } from '../internals/propTypes';
+import Slide from "../Animation/Slide";
+import Modal from "../Modal";
+import { useClassNames } from "../internals/hooks";
+import { deprecateComponent } from "../internals/utils";
+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"

package/esm/Drawer/index.js

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

package/esm/Dropdown/Dropdown.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import DropdownMenu from './DropdownMenu';
-import { TypeAttributes, WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { TypeAttributes, WithAsProps, RsRefForwardingComponent } from '@/internals/types';
 import { IconProps } from '@rsuite/icons/lib/Icon';
 import DropdownItem from './DropdownItem';
 import Button from '../Button';

package/esm/Dropdown/Dropdown.js

@@ -5,19 +5,20 @@ import React, { useContext, useMemo, useReducer } from 'react';
 import PropTypes from 'prop-types';
 import omit from 'lodash/omit';
 import pick from 'lodash/pick';
-import DropdownMenu from './DropdownMenu';
-import { mergeRefs, PLACEMENT_8, placementPolyfill, useClassNames } from '../utils';
-import { deprecatePropType, oneOf } from '../internals/propTypes';
-import DropdownItem from './DropdownItem';
-import DropdownContext from './DropdownContext';
-import Menu from '../internals/Menu/Menu';
-import DropdownToggle from './DropdownToggle';
+import DropdownMenu from "./DropdownMenu";
+import { PLACEMENT_8 } from "../internals/constants";
+import { useClassNames } from "../internals/hooks";
+import { mergeRefs, placementPolyfill, warnOnce } from "../internals/utils";
+import { deprecatePropType, oneOf } from "../internals/propTypes";
+import DropdownItem from "./DropdownItem";
+import DropdownContext from "./DropdownContext";
+import Menu from "../internals/Menu/Menu";
+import DropdownToggle from "./DropdownToggle";
 import kebabCase from 'lodash/kebabCase';
-import NavContext from '../Nav/NavContext';
-import { initialState, reducer } from './DropdownState';
-import warnOnce from '../utils/warnOnce';
-import Nav from '../Nav';
-import DropdownSeparator from './DropdownSeparator';
+import NavContext from "../Nav/NavContext";
+import { initialState, reducer } from "./DropdownState";
+import Nav from "../Nav";
+import DropdownSeparator from "./DropdownSeparator";
 /**
  * The `Dropdown` component is used to select an option from a set of options.
  * @see https://rsuitejs.com/components/dropdown

package/esm/Dropdown/DropdownItem.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IconProps } from '@rsuite/icons/lib/Icon';
-import type { RsRefForwardingComponent, WithAsProps } from '../@types/common';
+import type { RsRefForwardingComponent, WithAsProps } from '@/internals/types';
 export interface DropdownMenuItemProps<T = any> extends WithAsProps, Omit<React.HTMLAttributes<HTMLElement>, 'onSelect'> {
     /** Active the current option */
     active?: boolean;

package/esm/Dropdown/DropdownItem.js

@@ -4,20 +4,19 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 import React, { useCallback, useContext, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import { deprecatePropType, deprecatePropTypeNew, oneOf } from '../internals/propTypes';
-import MenuItem from '../internals/Menu/MenuItem';
-import DropdownContext from './DropdownContext';
+import { deprecatePropType, deprecatePropTypeNew, oneOf } from "../internals/propTypes";
+import MenuItem from "../internals/Menu/MenuItem";
+import DropdownContext from "./DropdownContext";
 import isNil from 'lodash/isNil';
 import pick from 'lodash/pick';
-import { mergeRefs, shallowEqual, useClassNames } from '../utils';
-import NavContext from '../Nav/NavContext';
-import useInternalId from '../utils/useInternalId';
-import { DropdownActionType } from './DropdownState';
-import { useRenderDropdownItem } from './useRenderDropdownItem';
-import warnOnce from '../utils/warnOnce';
-import Nav from '../Nav';
-import Text from '../Text';
-import DropdownSeparator from './DropdownSeparator';
+import { useClassNames, useInternalId } from "../internals/hooks";
+import { mergeRefs, shallowEqual, warnOnce } from "../internals/utils";
+import NavContext from "../Nav/NavContext";
+import { DropdownActionType } from "./DropdownState";
+import { useRenderDropdownItem } from "./useRenderDropdownItem";
+import Nav from "../Nav";
+import Text from "../Text";
+import DropdownSeparator from "./DropdownSeparator";
 /**
  * The `<Dropdown.Item>` API
  * - When used inside `<Sidenav>`, renders a `<TreeviewItem>`

package/esm/Dropdown/DropdownMenu.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { StandardProps } from '../@types/common';
+import { StandardProps } from '@/internals/types';
 import { IconProps } from '@rsuite/icons/lib/Icon';
 export interface DropdownMenuProps<T = string> extends StandardProps {
     /** Define the title as a submenu */

package/esm/Dropdown/DropdownMenu.js

@@ -5,19 +5,18 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 var _templateObject, _templateObject2;
 import React, { useCallback, useContext, useMemo } from 'react';
 import omit from 'lodash/omit';
-import Menu from '../internals/Menu/Menu';
-import MenuItem from '../internals/Menu/MenuItem';
-import Menubar from '../internals/Menu/Menubar';
-import { oneOf } from '../internals/propTypes';
-import { mergeRefs, useClassNames } from '../utils';
+import Menu from "../internals/Menu/Menu";
+import MenuItem from "../internals/Menu/MenuItem";
+import Menubar from "../internals/Menu/Menubar";
+import { oneOf } from "../internals/propTypes";
+import { useClassNames, useCustom } from "../internals/hooks";
+import { mergeRefs, warnOnce } from "../internals/utils";
 import PropTypes from 'prop-types';
 import AngleLeft from '@rsuite/icons/legacy/AngleLeft';
 import AngleRight from '@rsuite/icons/legacy/AngleRight';
-import useCustom from '../utils/useCustom';
-import DropdownContext from './DropdownContext';
-import Nav from '../Nav';
-import NavContext from '../Nav/NavContext';
-import warnOnce from '../utils/warnOnce';
+import DropdownContext from "./DropdownContext";
+import Nav from "../Nav";
+import NavContext from "../Nav/NavContext";
 /**
  * The `<Dropdown.Menu>` API
  *

package/esm/Dropdown/DropdownSeparator.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { RsRefForwardingComponent, WithAsProps } from '../@types/common';
+import { RsRefForwardingComponent, WithAsProps } from '@/internals/types';
 export interface DropdownSeparatorProps extends WithAsProps, React.HTMLAttributes<HTMLElement> {
     /** You can use a custom element for this component */
     as?: React.ElementType;

package/esm/Dropdown/DropdownSeparator.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React from 'react';
 import PropTypes from 'prop-types';
-import { useClassNames } from '../utils';
+import { useClassNames } from "../internals/hooks";
 /**
  * The `<Dropdown.Separator>` API
  *

package/esm/Dropdown/DropdownToggle.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import Button from '../Button';
 import { IconProps } from '@rsuite/icons/lib/Icon';
-import { WithAsProps, RsRefForwardingComponent, TypeAttributes } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent, TypeAttributes } from '@/internals/types';
 export interface DropdownToggleProps extends WithAsProps {
     icon?: React.ReactElement<IconProps>;
     noCaret?: boolean;

package/esm/Dropdown/DropdownToggle.js

@@ -3,10 +3,9 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React from 'react';
 import PropTypes from 'prop-types';
-import Button from '../Button';
-import { useClassNames } from '../utils';
-import useToggleCaret from '../utils/useToggleCaret';
-import { oneOf } from '../internals/propTypes';
+import Button from "../Button";
+import { useClassNames, useToggleCaret } from "../internals/hooks";
+import { oneOf } from "../internals/propTypes";
 var DropdownToggle = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
     Component = _props$as === void 0 ? Button : _props$as,

package/esm/Dropdown/index.js

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

package/esm/FlexboxGrid/FlexboxGrid.d.ts

@@ -1,5 +1,5 @@
 import FlexboxGridItem from './FlexboxGridItem';
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '@/internals/types';
 export interface FlexboxGridProps extends WithAsProps {
     /** align */
     align?: 'top' | 'middle' | 'bottom';