rsuite 5.61.0 → 5.62.0

package/esm/CheckTreePicker/CheckTreePicker.js

@@ -7,16 +7,17 @@ import _pick from "lodash/pick";
 import _isNil from "lodash/isNil";
 import React, { useMemo } from 'react';
 import classNames from 'classnames';
-import { createChainedFunction, useCustom, useClassNames, useEventCallback, mergeRefs } from '../utils';
-import { PickerToggle, onMenuKeyDown, PickerPopup, SelectedElement, PickerToggleTrigger, usePickerClassName, useToggleKeyDownEvent, usePickerRef, pickTriggerPropKeys, omitTriggerPropKeys } from '../internals/Picker';
-import CheckTreeView from '../CheckTree/CheckTreeView';
-import { getSelectedItems } from '../CheckTree/utils';
-import useTreeValue from '../CheckTree/hooks/useTreeValue';
-import useFlattenTree from '../Tree/hooks/useFlattenTree';
-import useTreeWithChildren from '../Tree/hooks/useTreeWithChildren';
-import useExpandTree from '../Tree/hooks/useExpandTree';
-import useFocusState from './hooks/useFocusState';
-import { TreeProvider, useTreeImperativeHandle } from '../Tree/TreeProvider';
+import { useCustom, useClassNames, useEventCallback } from "../internals/hooks";
+import { createChainedFunction, mergeRefs } from "../internals/utils";
+import { PickerToggle, onMenuKeyDown, PickerPopup, SelectedElement, PickerToggleTrigger, usePickerClassName, useToggleKeyDownEvent, usePickerRef, pickTriggerPropKeys, omitTriggerPropKeys } from "../internals/Picker";
+import CheckTreeView from "../CheckTree/CheckTreeView";
+import { getSelectedItems } from "../CheckTree/utils";
+import useTreeValue from "../CheckTree/hooks/useTreeValue";
+import useFlattenTree from "../Tree/hooks/useFlattenTree";
+import useTreeWithChildren from "../Tree/hooks/useTreeWithChildren";
+import useExpandTree from "../Tree/hooks/useExpandTree";
+import useFocusState from "./hooks/useFocusState";
+import { TreeProvider, useTreeImperativeHandle } from "../internals/Tree/TreeProvider";
 /**
  * The `CheckTreePicker` component is used for selecting multiple options which are organized in a tree structure.
  *
@@ -208,7 +209,6 @@ var CheckTreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     expandItemValues: expandItemValues,
     uncheckableItemValues: uncheckableItemValues,
     cascade: cascade,
-    virtualized: virtualized,
     data: treeData,
     height: treeHeight,
     showIndentLine: showIndentLine,

package/esm/CheckTreePicker/hooks/useFocusState.js

@@ -1,6 +1,6 @@
 'use client';
 import { useState } from 'react';
-import { useEventCallback } from '../../utils';
+import { useEventCallback } from "../../internals/hooks";
 function useFocusState(props) {
   var target = props.target;
   var _useState = useState(false),

package/esm/CheckTreePicker/index.js

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

package/esm/Checkbox/Checkbox.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent, TypeAttributes } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent, TypeAttributes } from '@/internals/types';
 export declare type ValueType = string | number;
 export interface CheckboxProps<V = ValueType> extends WithAsProps, Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
     /**

package/esm/Checkbox/Checkbox.js

@@ -5,9 +5,10 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 import React, { useContext, useMemo, useRef } from 'react';
 import PropTypes from 'prop-types';
-import { useControlled, partitionHTMLProps, useClassNames, useEventCallback, useUniqueId, mergeRefs } from '../utils';
-import { CheckboxGroupContext } from '../CheckboxGroup';
-import { refType } from '../internals/propTypes';
+import { useControlled, useClassNames, useEventCallback, useUniqueId } from "../internals/hooks";
+import { partitionHTMLProps, mergeRefs } from "../internals/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

package/esm/Checkbox/index.js

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

package/esm/CheckboxGroup/CheckboxGroup.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, FormControlBaseProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, FormControlBaseProps, RsRefForwardingComponent } from '@/internals/types';
 import type { ValueType } from '../Checkbox';
 export interface CheckboxGroupProps<V = ValueType[]> extends WithAsProps, FormControlBaseProps<V> {
     /** Used for the name of the form */

package/esm/CheckboxGroup/CheckboxGroup.js

@@ -5,9 +5,10 @@ import React, { useCallback, useMemo } from 'react';
 import PropTypes from 'prop-types';
 import cloneDeep from 'lodash/cloneDeep';
 import remove from 'lodash/remove';
-import { useClassNames, useControlled, shallowEqual } from '../utils';
-import Plaintext from '../internals/Plaintext';
-import { CheckboxGroupContext } from './CheckboxGroupContext';
+import { useClassNames, useControlled } from "../internals/hooks";
+import { shallowEqual } from "../internals/utils";
+import Plaintext from "../internals/Plaintext";
+import { CheckboxGroupContext } from "./CheckboxGroupContext";
 /**
  * The `CheckboxGroup` component is used for selecting multiple options which are unrelated.
  * @see https://rsuitejs.com/components/checkbox/#checkbox-group

package/esm/CheckboxGroup/index.js

@@ -1,4 +1,4 @@
 'use client';
-import CheckboxGroup from './CheckboxGroup';
-export { CheckboxGroupContext } from './CheckboxGroupContext';
+import CheckboxGroup from "./CheckboxGroup";
+export { CheckboxGroupContext } from "./CheckboxGroupContext";
 export default CheckboxGroup;

package/esm/Col/Col.d.ts

@@ -1,4 +1,4 @@
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '@/internals/types';
 export interface ColProps extends WithAsProps {
     /** The number of columns you wish to span for Extra small devices Phones (< 576px) */
     xs?: number;

package/esm/Col/Col.js

@@ -4,7 +4,8 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 import React from 'react';
 import PropTypes from 'prop-types';
 import omit from 'lodash/omit';
-import { useClassNames, COLUMN_SIZE } from '../utils';
+import { COLUMN_SIZE } from "../internals/constants";
+import { useClassNames } from "../internals/hooks";
 /**
  * The `Col` component is used for layout and grids.
  * @see https://rsuitejs.com/en/components/grid

package/esm/Col/index.js

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

package/esm/Container/Container.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps } from '../@types/common';
+import { WithAsProps } from '@/internals/types';
 export declare type ContainerProps = WithAsProps & React.HTMLAttributes<HTMLDivElement>;
 export declare const ContainerContext: React.Context<ContainerContextValue>;
 interface ContainerContextValue {

package/esm/Container/Container.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React, { useState, useMemo } from 'react';
 import PropTypes from 'prop-types';
-import { useClassNames } from '../utils';
+import { useClassNames } from "../internals/hooks";
 export var ContainerContext = /*#__PURE__*/React.createContext({});
 /**
  * The Container component is used to wrap content in a themed container with a max-width.

package/esm/Container/index.js

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

package/esm/Content/Content.d.ts

@@ -1,4 +1,4 @@
-import { ComponentProps } from '../utils/createComponent';
+import { ComponentProps } from '@/internals/utils';
 export declare type ContentProps = ComponentProps;
 /**
  * The Content component is used to wrap content in a themed container with a max-width.
@@ -7,5 +7,5 @@ export declare type ContentProps = ComponentProps;
  * For Internet Explorer 11 and lower, it's suggested that an ARIA role of "main"
  * be added to the <main> element to ensure it is accessible
  */
-declare const Content: import("../@types/common").RsRefForwardingComponent<"main", ComponentProps>;
+declare const Content: import("../internals/types").RsRefForwardingComponent<"main", ComponentProps>;
 export default Content;

package/esm/Content/Content.js

@@ -1,5 +1,5 @@
 'use client';
-import createComponent from '../utils/createComponent';
+import { createComponent } from "../internals/utils";
 /**
  * The Content component is used to wrap content in a themed container with a max-width.
  * @see https://rsuitejs.com/components/container/

package/esm/Content/index.js

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

package/esm/CustomProvider/CustomProvider.d.ts

@@ -67,7 +67,7 @@ declare const CustomContext: React.Context<CustomProviderProps<{
         more: string;
         prev: string;
         next: string;
-        /**
+        first: string; /**
          * Return the date parsed from string using the given format string.
          *
          * Example:
@@ -80,7 +80,6 @@ declare const CustomContext: React.Context<CustomProviderProps<{
          *  }
          *
          * */
-        first: string;
         last: string;
         limit: string;
         total: string;
@@ -153,7 +152,7 @@ declare const CustomContext: React.Context<CustomProviderProps<{
     } | undefined;
     Uploader?: {
         inited: string;
-        progress: string;
+        progress: string; /** If true, the ripple effect is disabled. Affected components include: Button, Nav.Item, Pagination. */
         error: string;
         complete: string;
         emptyFile: string;

package/esm/CustomProvider/CustomProvider.js

@@ -2,10 +2,10 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React from 'react';
-import { getClassNamePrefix, prefix } from '../utils/prefix';
-import { addClass, removeClass, canUseDOM } from '../DOMHelper';
-import ToastContainer, { toastPlacements } from '../toaster/ToastContainer';
-import { usePortal, useIsomorphicLayoutEffect } from '../utils';
+import { usePortal, useIsomorphicLayoutEffect } from "../internals/hooks";
+import { getClassNamePrefix, prefix } from "../internals/utils/prefix";
+import { addClass, removeClass, canUseDOM } from "../DOMHelper";
+import ToastContainer, { toastPlacements } from "../toaster/ToastContainer";
 var CustomContext = /*#__PURE__*/React.createContext({});
 var themes = ['light', 'dark', 'high-contrast'];
 

package/esm/CustomProvider/FormattedDate.js

@@ -1,6 +1,6 @@
 'use client';
 import React from 'react';
-import { useCustom } from '../utils';
+import { useCustom } from "../internals/hooks";
 function FormattedDate(_ref) {
   var date = _ref.date,
     formatStr = _ref.formatStr;

package/esm/CustomProvider/index.js

@@ -1,5 +1,5 @@
 'use client';
-import CustomProvider, { CustomContext } from './CustomProvider';
-import FormattedDate from './FormattedDate';
+import CustomProvider, { CustomContext } from "./CustomProvider";
+import FormattedDate from "./FormattedDate";
 export { CustomContext, FormattedDate };
 export default CustomProvider;

package/esm/DOMHelper/index.js

@@ -1,7 +1,7 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import * as helpers from 'dom-lib';
-import isElement from './isElement';
+import isElement from "./isElement";
 export * from 'dom-lib';
 
 /**

package/esm/DateInput/DateField.js

@@ -4,7 +4,7 @@ import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 import _wrapNativeSuper from "@babel/runtime/helpers/esm/wrapNativeSuper";
 import { useReducer } from 'react';
 import isValid from 'date-fns/isValid';
-import { modifyDate } from './utils';
+import { modifyDate } from "./utils";
 export var patternMap = {
   y: 'year',
   M: 'month',

package/esm/DateInput/DateInput.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { InputProps } from '../Input';
-import { FormControlBaseProps } from '../@types/common';
+import { FormControlBaseProps } from '@/internals/types';
 export interface DateInputProps extends Omit<InputProps, 'value' | 'onChange' | 'defaultValue'>, FormControlBaseProps<Date | null> {
     /**
      * Format of the date when rendered in the input. Format of the string is based on Unicode Technical Standard.

package/esm/DateInput/DateInput.js

@@ -3,14 +3,15 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React, { useRef, useMemo } from 'react';
 import PropTypes from 'prop-types';
-import Input from '../Input';
-import { mergeRefs, useCustom, useControlled, useEventCallback } from '../utils';
-import { getInputSelectedState, validateDateTime, useInputSelection } from './utils';
-import useDateInputState from './hooks/useDateInputState';
-import useKeyboardInputEvent from './hooks/useKeyboardInputEvent';
-import useIsFocused from './hooks/useIsFocused';
-import useFieldCursor from './hooks/useFieldCursor';
-import useSelectedState from './hooks/useSelectedState';
+import Input from "../Input";
+import { useCustom, useControlled, useEventCallback } from "../internals/hooks";
+import { mergeRefs } from "../internals/utils";
+import { getInputSelectedState, validateDateTime, useInputSelection } from "./utils";
+import useDateInputState from "./hooks/useDateInputState";
+import useKeyboardInputEvent from "./hooks/useKeyboardInputEvent";
+import useIsFocused from "./hooks/useIsFocused";
+import useFieldCursor from "./hooks/useFieldCursor";
+import useSelectedState from "./hooks/useSelectedState";
 /**
  * The DateInput component lets users select a date with the keyboard.
  * @version 5.58.0

package/esm/DateInput/hooks/useDateInputState.d.ts

@@ -1,4 +1,4 @@
-import { format } from '../../utils/dateUtils';
+import { format } from '@/internals/utils/date';
 import type { Locale } from 'date-fns';
 interface DateInputState {
     formatStr: string;

package/esm/DateInput/hooks/useDateInputState.js

@@ -1,8 +1,8 @@
 'use client';
 import { useEffect } from 'react';
 import startCase from 'lodash/startCase';
-import { addDays, addMonths, addYears, addHours, addMinutes, addSeconds, format, isLastDayOfMonth, lastDayOfMonth, isValid } from '../../utils/dateUtils';
-import { useDateField, patternMap } from '../DateField';
+import { addDays, addMonths, addYears, addHours, addMinutes, addSeconds, format, isLastDayOfMonth, lastDayOfMonth, isValid } from "../../internals/utils/date";
+import { useDateField, patternMap } from "../DateField";
 export function useDateInputState(_ref) {
   var formatStr = _ref.formatStr,
     locale = _ref.locale,

package/esm/DateInput/hooks/useFieldCursor.js

@@ -1,7 +1,7 @@
 'use client';
 import { useCallback, useRef } from 'react';
-import { getPatternGroups } from '../utils';
-import useUpdateEffect from '../../utils/useUpdateEffect';
+import { getPatternGroups } from "../utils";
+import { useUpdateEffect } from "../../internals/hooks";
 export function useFieldCursor(format, value) {
   var typeCount = useRef(0);
   var increment = function increment() {

package/esm/DateInput/index.js

@@ -1,9 +1,9 @@
 'use client';
-import DateInput from './DateInput';
-export { useDateInputState } from './hooks/useDateInputState';
-export { useKeyboardInputEvent } from './hooks/useKeyboardInputEvent';
-export { useIsFocused } from './hooks/useIsFocused';
-export { useSelectedState } from './hooks/useSelectedState';
-export { useFieldCursor } from './hooks/useFieldCursor';
-export * from './utils';
+import DateInput from "./DateInput";
+export { useDateInputState } from "./hooks/useDateInputState";
+export { useKeyboardInputEvent } from "./hooks/useKeyboardInputEvent";
+export { useIsFocused } from "./hooks/useIsFocused";
+export { useSelectedState } from "./hooks/useSelectedState";
+export { useFieldCursor } from "./hooks/useFieldCursor";
+export * from "./utils";
 export default DateInput;

package/esm/DateInput/utils.js

@@ -1,7 +1,7 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import { setYear, setMonth, setDate, setHours, setMinutes, setSeconds } from '../utils/dateUtils';
-import { safeSetSelection } from '../utils';
+import { setYear, setMonth, setDate, setHours, setMinutes, setSeconds } from "../internals/utils/date";
+import { safeSetSelection } from "../internals/utils";
 export function getPatternGroups(format, pattern) {
   var _format$match;
   return ((_format$match = format.match(new RegExp("(" + pattern + ")+"))) === null || _format$match === void 0 ? void 0 : _format$match[0]) || '';

package/esm/DatePicker/DatePicker.d.ts

@@ -1,18 +1,28 @@
 import React from 'react';
 import { RangeType } from './Toolbar';
 import { DatePickerLocale } from '../locales';
-import type { FormControlBaseProps, PickerBaseProps, RsRefForwardingComponent } from '../@types/common';
+import type { FormControlBaseProps, PickerBaseProps, RsRefForwardingComponent } from '@/internals/types';
 import type { DeprecatedProps } from './types';
 export interface DatePickerProps extends PickerBaseProps<DatePickerLocale>, FormControlBaseProps<Date | null>, DeprecatedProps {
-    /** Custom caret component */
+    /**
+     * Custom caret component
+     */
     caretAs?: React.ElementType | null;
-    /** Calendar panel default presentation date and time */
+    /**
+     * Calendar panel default presentation date and time
+     */
     calendarDefaultDate?: Date;
-    /** Whether disabled the component */
+    /**
+     * Whether disabled the component
+     */
     disabled?: boolean;
-    /** Rendered as an input, the date can be entered via the keyboard */
+    /**
+     * Rendered as an input, the date can be entered via the keyboard
+     */
     editable?: boolean;
-    /** Format date */
+    /**
+     * Format date string
+     */
     format?: string;
     /**
      * ISO 8601 standard, each calendar week begins on Monday and Sunday on the seventh day
@@ -20,25 +30,52 @@ export interface DatePickerProps extends PickerBaseProps<DatePickerLocale>, Form
      * @see https://en.wikipedia.org/wiki/ISO_week_date
      */
     isoWeek?: boolean;
-    /** A label displayed at the beginning of toggle button */
+    /**
+     * The index of the first day of the week (0 - Sunday)
+     * If `isoWeek` is `true`, the value of `weekStart` is ignored.
+     *
+     * @default 0
+     */
+    weekStart?: 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    /**
+     * A label displayed at the beginning of toggle button
+     */
     label?: React.ReactNode;
-    /** Set the upper limit of the available year relative to the current selection date */
+    /**
+     * Set the upper limit of the available year relative to the current selection date
+     */
     limitEndYear?: number;
-    /** Set the lower limit of the available year relative to the current selection date */
+    /**
+     * Set the lower limit of the available year relative to the current selection date
+     */
     limitStartYear?: number;
-    /** Whether to display a loading state indicator */
+    /**
+     * Whether to display a loading state indicator
+     */
     loading?: boolean;
-    /** one tap to select */
+    /**
+     * One-click selection date
+     */
     oneTap?: boolean;
-    /** Whether plaintext the component */
+    /**
+     * Whether plaintext the component
+     */
     plaintext?: boolean;
-    /** Whether read only the component */
+    /**
+     * Whether read only the component
+     */
     readOnly?: boolean;
-    /** Predefined date Ranges */
+    /**
+     * Predefined date Ranges
+     */
     ranges?: RangeType<Date>[];
-    /** Whether to show week numbers */
+    /**
+     * Whether to show week numbers
+     */
     showWeekNumbers?: boolean;
-    /** Meridian format */
+    /**
+     * Meridian format for 12-hour time
+     */
     showMeridian?: boolean;
     /**
      * Whether a date on the calendar view should be disabled
@@ -47,40 +84,62 @@ export interface DatePickerProps extends PickerBaseProps<DatePickerLocale>, Form
      */
     shouldDisableDate?: (date: Date) => boolean;
     /**
-     * Disabled hours
+     * Disabled hours on the time view
      */
     shouldDisableHour?: (hour: number, date: Date) => boolean;
     /**
-     * Disabled minutes
+     * Disabled minutes on the time view
      */
     shouldDisableMinute?: (minute: number, date: Date) => boolean;
     /**
-     * Disabled seconds
+     * Disabled seconds on the time view
      */
     shouldDisableSecond?: (second: number, date: Date) => boolean;
-    /** Hidden hours */
+    /**
+     * Hidden hours on the time view
+     */
     hideHours?: (hour: number, date: Date) => boolean;
-    /** Hidden minutes */
+    /**
+     * Hidden minutes on the time view
+     */
     hideMinutes?: (minute: number, date: Date) => boolean;
-    /** Hidden seconds */
+    /**
+     * Hidden seconds on the time view
+     */
     hideSeconds?: (second: number, date: Date) => boolean;
-    /** Called when the calendar panel date changes */
+    /**
+     * Called when the calendar panel date changes
+     */
     onChangeCalendarDate?: (date: Date, event?: React.SyntheticEvent) => void;
-    /** Called when opening the month view */
+    /**
+     * Called when opening the month view
+     */
     onToggleMonthDropdown?: (toggle: boolean) => void;
-    /** Called when opening the time view */
+    /**
+     * Called when opening the time view
+     */
     onToggleTimeDropdown?: (toggle: boolean) => void;
-    /** Called when the option is selected */
+    /**
+     * Called when the option is selected
+     */
     onSelect?: (date: Date, event?: React.SyntheticEvent) => void;
     /** Called after the prev month */
     onPrevMonth?: (date: Date) => void;
-    /** Called after the next month */
+    /**
+     * Called after the next month
+     */
     onNextMonth?: (date: Date) => void;
-    /** Called after clicking the OK button */
+    /**
+     * Called after clicking the OK button
+     */
     onOk?: (date: Date, event: React.SyntheticEvent) => void;
-    /** Called after clicking the shortcut button */
+    /**
+     * Called after clicking the shortcut button
+     */
     onShortcutClick?: (range: RangeType<Date>, event: React.MouseEvent) => void;
-    /** Called when clean */
+    /**
+     * Called when clean
+     */
     onClean?: (event: React.MouseEvent) => void;
     /**
      * Custom rendering of the selected date.