rsuite 5.71.0 → 5.73.0

package/esm/internals/Picker/PickerIndicator.js

@@ -1,6 +1,6 @@
 'use client';
 import React from 'react';
-import { Icon } from '@rsuite/icons';
+import Icon from '@rsuite/icons/Icon';
 import { useCustom, useClassNames } from "../hooks/index.js";
 import InputGroup from "../../InputGroup/index.js";
 import CloseButton from "../CloseButton/index.js";

package/esm/internals/Picker/PickerToggle.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import ToggleButton, { ToggleButtonProps } from './ToggleButton';
 import { RsRefForwardingComponent, TypeAttributes, DataItemValue } from '../types';
-import { IconProps } from '@rsuite/icons/lib/Icon';
+import { IconProps } from '@rsuite/icons/Icon';
 export interface PickerToggleProps<T = DataItemValue> extends ToggleButtonProps {
     active?: boolean;
     hasValue?: boolean;

package/esm/internals/SearchBox/SearchBox.js

@@ -5,7 +5,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 var _templateObject, _templateObject2;
 var _excluded = ["as", "classPrefix", "value", "className", "placeholder", "inputRef", "onChange"];
 import React from 'react';
-import Search from '@rsuite/icons/legacy/Search';
+import SearchIcon from '@rsuite/icons/Search';
 import { useClassNames } from "../hooks/index.js";
 import Input from "../../Input/index.js";
 import InputGroup from "../../InputGroup/index.js";
@@ -37,7 +37,7 @@ var SearchBox = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onChange: onChange,
     placeholder: placeholder,
     ref: inputRef
-  }), /*#__PURE__*/React.createElement(InputGroup.Addon, null, /*#__PURE__*/React.createElement(Search, {
+  }), /*#__PURE__*/React.createElement(InputGroup.Addon, null, /*#__PURE__*/React.createElement(SearchIcon, {
     className: prefix(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["icon"])))
   }))));
 });

package/esm/internals/constants/statusIcons.js

@@ -1,15 +1,15 @@
 'use client';
 import React from 'react';
-import Info from '@rsuite/icons/legacy/Info';
-import CheckCircle from '@rsuite/icons/legacy/CheckCircle';
-import CloseCircle from '@rsuite/icons/legacy/CloseCircle';
+import InfoRoundIcon from '@rsuite/icons/InfoRound';
+import CheckRoundIcon from '@rsuite/icons/CheckRound';
+import WarningRoundIcon from '@rsuite/icons/WarningRound';
+import RemindRoundIcon from '@rsuite/icons/RemindRound';
 import Check from '@rsuite/icons/Check';
 import Close from '@rsuite/icons/Close';
-import RemindRoundIcon from '@rsuite/icons/RemindRound';
 export var MESSAGE_STATUS_ICONS = {
-  info: /*#__PURE__*/React.createElement(Info, null),
-  success: /*#__PURE__*/React.createElement(CheckCircle, null),
-  error: /*#__PURE__*/React.createElement(CloseCircle, null),
+  info: /*#__PURE__*/React.createElement(InfoRoundIcon, null),
+  success: /*#__PURE__*/React.createElement(CheckRoundIcon, null),
+  error: /*#__PURE__*/React.createElement(WarningRoundIcon, null),
   warning: /*#__PURE__*/React.createElement(RemindRoundIcon, null)
 };
 export var PROGRESS_STATUS_ICON = {

package/esm/internals/hooks/useCustom.js

@@ -2,7 +2,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { useContext, useCallback } from 'react';
 import { format, parse, isValid } from "../utils/date/index.js";
-import defaultLocale from "../../locales/default.js";
+import defaultLocale from "../../locales/en_GB.js";
 import { CustomContext } from "../../CustomProvider/CustomProvider.js";
 var mergeObject = function mergeObject(list) {
   return list.reduce(function (a, b) {

package/esm/internals/hooks/useToggleCaret.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { TypeAttributes } from '../types';
-export declare function useToggleCaret(placement: TypeAttributes.Placement8 | TypeAttributes.Placement): import("react").FC<import("@rsuite/icons/lib/Icon").IconProps>;
+export declare function useToggleCaret(placement: TypeAttributes.Placement8 | TypeAttributes.Placement): import("react").ForwardRefExoticComponent<import("@rsuite/icons/esm/Icon").IconProps & import("react").RefAttributes<SVGElement>>;
 export default useToggleCaret;

package/esm/internals/utils/date/extractTimeFormat.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Extracts the time format from a given date format.
+ */
+export declare function extractTimeFormat(format: string): string | null;

package/esm/internals/utils/date/extractTimeFormat.js

@@ -0,0 +1,8 @@
+'use client';
+/**
+ * Extracts the time format from a given date format.
+ */
+export function extractTimeFormat(format) {
+  var match = format.match(/([hH]{1,2}[:.]mm(?:[:.]ss)?(?: ?aa)?|(?:aa )?[hH]{1,2}[:.]mm(?:[:.]ss)?)/);
+  return match ? match[0] : null;
+}

package/esm/internals/utils/date/formatCheck.d.ts

@@ -26,3 +26,7 @@ export declare const shouldRenderDate: (format: string) => boolean;
  * @returns Whether only the time should be rendered.
  */
 export declare const shouldOnlyRenderTime: (format: string) => boolean;
+/**
+ * Check if only the month should be rendered based on the format.
+ */
+export declare const shouldOnlyRenderMonth: (format: string) => boolean;

package/esm/internals/utils/date/formatCheck.js

@@ -37,4 +37,11 @@ export var shouldRenderDate = function shouldRenderDate(format) {
  */
 export var shouldOnlyRenderTime = function shouldOnlyRenderTime(format) {
   return /([Hhms])/.test(format) && !/([YyMDd])/.test(format);
+};
+
+/**
+ * Check if only the month should be rendered based on the format.
+ */
+export var shouldOnlyRenderMonth = function shouldOnlyRenderMonth(format) {
+  return shouldRenderMonth(format) && !shouldRenderDate(format);
 };

package/esm/internals/utils/date/index.d.ts

@@ -43,13 +43,15 @@ export { default as set } from 'date-fns/set';
 export { default as differenceInCalendarMonths } from 'date-fns/differenceInCalendarMonths';
 export { default as isLastDayOfMonth } from 'date-fns/isLastDayOfMonth';
 export { default as lastDayOfMonth } from 'date-fns/lastDayOfMonth';
+export { default as startOfToday } from 'date-fns/startOfToday';
 export { getWeekStartDates } from './getWeekStartDates';
 export { getWeekKeys } from './getWeekKeys';
-export { getReversedTimeMeridian } from './getReversedTimeMeridian';
 export { reverseDateRangeOmitTime } from './reverseDateRangeOmitTime';
 export { omitHideDisabledProps } from './omitHideDisabledProps';
 export { copyTime } from './copyTime';
 export { disableTime } from './disableTime';
-export { shouldRenderTime, shouldRenderMonth, shouldRenderDate, shouldOnlyRenderTime } from './formatCheck';
+export { useDateMode, DateMode } from './useDateMode';
+export { extractTimeFormat } from './extractTimeFormat';
+export * from './formatCheck';
 export type { TimeProp, CalendarOnlyPropsType } from './types';
 export { calendarOnlyProps } from './types';

package/esm/internals/utils/date/index.js

@@ -45,16 +45,18 @@ export { default as set } from 'date-fns/set';
 export { default as differenceInCalendarMonths } from 'date-fns/differenceInCalendarMonths';
 export { default as isLastDayOfMonth } from 'date-fns/isLastDayOfMonth';
 export { default as lastDayOfMonth } from 'date-fns/lastDayOfMonth';
+export { default as startOfToday } from 'date-fns/startOfToday';
 
 // Export custom functions
 export { getWeekStartDates } from "./getWeekStartDates.js";
 export { getWeekKeys } from "./getWeekKeys.js";
-export { getReversedTimeMeridian } from "./getReversedTimeMeridian.js";
 export { reverseDateRangeOmitTime } from "./reverseDateRangeOmitTime.js";
 export { omitHideDisabledProps } from "./omitHideDisabledProps.js";
 export { copyTime } from "./copyTime.js";
 export { disableTime } from "./disableTime.js";
-export { shouldRenderTime, shouldRenderMonth, shouldRenderDate, shouldOnlyRenderTime } from "./formatCheck.js";
+export { useDateMode, DateMode } from "./useDateMode.js";
+export { extractTimeFormat } from "./extractTimeFormat.js";
+export * from "./formatCheck.js";
 
 // Export types
 

package/esm/internals/utils/date/useDateMode.d.ts

@@ -0,0 +1,16 @@
+export declare enum DateMode {
+    Date = "date",
+    Month = "month",
+    Time = "time",
+    DateTime = "datetime"
+}
+/**
+ * Custom hook to determine the date mode and check format parts.
+ *
+ * @param format - The format string.
+ * @returns An object containing the resolved DateMode and a `has` method to check format parts.
+ */
+export declare const useDateMode: (format: string) => {
+    mode: DateMode;
+    has: (part: 'year' | 'month' | 'day' | 'time') => boolean;
+};

package/esm/internals/utils/date/useDateMode.js

@@ -0,0 +1,54 @@
+'use client';
+import { useMemo, useCallback } from 'react';
+import { shouldRenderDate, shouldRenderTime, shouldOnlyRenderMonth, shouldOnlyRenderTime } from "./formatCheck.js";
+export var DateMode = /*#__PURE__*/function (DateMode) {
+  DateMode["Date"] = "date";
+  DateMode["Month"] = "month";
+  DateMode["Time"] = "time";
+  DateMode["DateTime"] = "datetime";
+  return DateMode;
+}({});
+
+/**
+ * Custom hook to determine the date mode and check format parts.
+ *
+ * @param format - The format string.
+ * @returns An object containing the resolved DateMode and a `has` method to check format parts.
+ */
+export var useDateMode = function useDateMode(format) {
+  var mode = useMemo(function () {
+    if (shouldRenderDate(format) && shouldRenderTime(format)) {
+      return DateMode.DateTime;
+    }
+    if (shouldOnlyRenderMonth(format)) {
+      return DateMode.Month;
+    }
+    if (shouldOnlyRenderTime(format)) {
+      return DateMode.Time;
+    }
+    if (shouldRenderDate(format)) {
+      return DateMode.Date;
+    }
+    return DateMode.Date; // Default fallback
+  }, [format]);
+
+  // Use useCallback to memoize the has method
+  var has = useCallback(function (part) {
+    switch (part) {
+      case 'year':
+        return /[Yy]/.test(format);
+      case 'month':
+        return /[ML]/.test(format);
+      case 'day':
+        return /[Dd]/.test(format);
+      case 'time':
+        return /([Hhms])/.test(format);
+      default:
+        return false;
+    }
+  }, [format]);
+  return {
+    mode: mode,
+    has: has
+  };
+};

package/esm/internals/utils/index.d.ts

@@ -13,7 +13,6 @@ export { placementPolyfill } from './placementPolyfill';
 export { mergeRefs } from './mergeRefs';
 export { shallowEqual, shallowEqualArray } from './shallowEqual';
 export { composeFunctions } from './composeFunctions';
-export { scrollTopAnimation } from './scrollTopAnimation';
 export { render } from './render';
 export { safeSetSelection } from './safeSetSelection';
 export { getStringLength } from './getStringLength';

package/esm/internals/utils/index.js

@@ -14,7 +14,6 @@ export { placementPolyfill } from "./placementPolyfill.js";
 export { mergeRefs } from "./mergeRefs.js";
 export { shallowEqual, shallowEqualArray } from "./shallowEqual.js";
 export { composeFunctions } from "./composeFunctions.js";
-export { scrollTopAnimation } from "./scrollTopAnimation.js";
 export { render } from "./render.js";
 export { safeSetSelection } from "./safeSetSelection.js";
 export { getStringLength } from "./getStringLength.js";

package/esm/locales/ar_EG.d.ts

@@ -1,4 +1,5 @@
 declare const _default: {
+    code: string;
     common: {
         loading: string;
         emptyMessage: string;
@@ -31,11 +32,14 @@ declare const _default: {
         ok: string;
         today: string;
         yesterday: string;
+        now: string;
         hours: string;
         minutes: string;
         seconds: string;
         formattedMonthPattern: string;
         formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
         dateLocale: any;
     };
     DatePicker: {
@@ -49,11 +53,14 @@ declare const _default: {
         ok: string;
         today: string;
         yesterday: string;
+        now: string;
         hours: string;
         minutes: string;
         seconds: string;
         formattedMonthPattern: string;
         formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
         dateLocale: any;
     };
     DateRangePicker: {
@@ -68,11 +75,14 @@ declare const _default: {
         ok: string;
         today: string;
         yesterday: string;
+        now: string;
         hours: string;
         minutes: string;
         seconds: string;
         formattedMonthPattern: string;
         formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
         dateLocale: any;
     };
     Picker: {

package/esm/locales/ar_EG.js

@@ -1,7 +1,7 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import arSA from 'date-fns/locale/ar-SA';
-var Calendar = {
+var DateTimeFormats = {
   sunday: 'ح',
   monday: 'ن',
   tuesday: 'ث',
@@ -12,14 +12,18 @@ var Calendar = {
   ok: 'حسناً',
   today: 'اليوم',
   yesterday: 'أمس',
+  now: 'الآن',
   hours: 'ساعات',
   minutes: 'دقائق',
   seconds: 'ثواني',
   formattedMonthPattern: 'MMM, yyyy',
   formattedDayPattern: 'MMM dd, yyyy',
+  shortDateFormat: 'MM/dd/yyyy',
+  shortTimeFormat: 'HH:mm aa',
   dateLocale: arSA
 };
 export default {
+  code: 'ar-SA',
   common: {
     loading: 'جاري التحميل...',
     emptyMessage: 'لا يوجد المزيد من البيانات',
@@ -41,9 +45,9 @@ export default {
     total: 'الإجمالي: {0}',
     skip: 'اذهب إل {0}'
   },
-  Calendar: Calendar,
-  DatePicker: _extends({}, Calendar),
-  DateRangePicker: _extends({}, Calendar, {
+  Calendar: _extends({}, DateTimeFormats),
+  DatePicker: _extends({}, DateTimeFormats),
+  DateRangePicker: _extends({}, DateTimeFormats, {
     last7Days: 'أخر 7 أيام'
   }),
   Picker: {

package/esm/locales/ca_ES.d.ts

@@ -1,4 +1,5 @@
 declare const _default: {
+    code: string;
     common: {
         loading: string;
         emptyMessage: string;
@@ -31,6 +32,7 @@ declare const _default: {
         ok: string;
         today: string;
         yesterday: string;
+        now: string;
         hours: string;
         minutes: string;
         seconds: string;
@@ -40,6 +42,8 @@ declare const _default: {
          **/
         formattedMonthPattern: string;
         formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
         dateLocale: Locale;
     };
     DatePicker: {
@@ -53,6 +57,7 @@ declare const _default: {
         ok: string;
         today: string;
         yesterday: string;
+        now: string;
         hours: string;
         minutes: string;
         seconds: string;
@@ -62,6 +67,8 @@ declare const _default: {
          **/
         formattedMonthPattern: string;
         formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
         dateLocale: Locale;
     };
     DateRangePicker: {
@@ -76,6 +83,7 @@ declare const _default: {
         ok: string;
         today: string;
         yesterday: string;
+        now: string;
         hours: string;
         minutes: string;
         seconds: string;
@@ -85,6 +93,8 @@ declare const _default: {
          **/
         formattedMonthPattern: string;
         formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
         dateLocale: Locale;
     };
     Picker: {

package/esm/locales/ca_ES.js

@@ -1,7 +1,7 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import ca from 'date-fns/locale/ca';
-var Calendar = {
+var DateTimeFormats = {
   sunday: 'Dg',
   monday: 'Dl',
   tuesday: 'Dt',
@@ -12,6 +12,7 @@ var Calendar = {
   ok: 'Acceptar',
   today: 'Avui',
   yesterday: 'Ahir',
+  now: 'Ara',
   hours: 'Hores',
   minutes: 'Minuts',
   seconds: 'Segons',
@@ -21,9 +22,12 @@ var Calendar = {
    **/
   formattedMonthPattern: 'MMM yyyy',
   formattedDayPattern: 'dd MMM yyyy',
+  shortDateFormat: 'dd/MM/yyyy',
+  shortTimeFormat: 'HH:mm',
   dateLocale: ca
 };
 export default {
+  code: 'ca-ES',
   common: {
     loading: 'Carregant...',
     emptyMessage: 'Sense dades',
@@ -45,9 +49,9 @@ export default {
     total: 'Total: {0}',
     skip: 'Anar{0}'
   },
-  Calendar: Calendar,
-  DatePicker: _extends({}, Calendar),
-  DateRangePicker: _extends({}, Calendar, {
+  Calendar: _extends({}, DateTimeFormats),
+  DatePicker: _extends({}, DateTimeFormats),
+  DateRangePicker: _extends({}, DateTimeFormats, {
     last7Days: 'Últims 7 dies'
   }),
   Picker: {

package/esm/locales/cs_CZ.d.ts

@@ -1,4 +1,5 @@
 declare const _default: {
+    code: string;
     common: {
         loading: string;
         emptyMessage: string;
@@ -31,6 +32,7 @@ declare const _default: {
         ok: string;
         today: string;
         yesterday: string;
+        now: string;
         hours: string;
         minutes: string;
         seconds: string;
@@ -40,6 +42,8 @@ declare const _default: {
          **/
         formattedMonthPattern: string;
         formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
         dateLocale: any;
     };
     DatePicker: {
@@ -53,6 +57,7 @@ declare const _default: {
         ok: string;
         today: string;
         yesterday: string;
+        now: string;
         hours: string;
         minutes: string;
         seconds: string;
@@ -62,6 +67,8 @@ declare const _default: {
          **/
         formattedMonthPattern: string;
         formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
         dateLocale: any;
     };
     DateRangePicker: {
@@ -76,6 +83,7 @@ declare const _default: {
         ok: string;
         today: string;
         yesterday: string;
+        now: string;
         hours: string;
         minutes: string;
         seconds: string;
@@ -85,6 +93,8 @@ declare const _default: {
          **/
         formattedMonthPattern: string;
         formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
         dateLocale: any;
     };
     Picker: {

package/esm/locales/cs_CZ.js

@@ -1,7 +1,7 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import cs from 'date-fns/locale/cs';
-var Calendar = {
+var DateTimeFormats = {
   sunday: 'Ne',
   monday: 'Po',
   tuesday: 'Út',
@@ -12,6 +12,7 @@ var Calendar = {
   ok: 'OK',
   today: 'Dnes',
   yesterday: 'Včera',
+  now: 'Nyní',
   hours: 'Hodiny',
   minutes: 'Minuty',
   seconds: 'Sekundy',
@@ -21,9 +22,12 @@ var Calendar = {
    **/
   formattedMonthPattern: 'MMM yyyy',
   formattedDayPattern: 'dd. MMM yyyy',
+  shortDateFormat: 'dd.MM.yyyy',
+  shortTimeFormat: 'HH:mm',
   dateLocale: cs
 };
 export default {
+  code: 'cs-CZ',
   common: {
     loading: 'Načítaní...',
     emptyMessage: 'Nejsou k dispozici žádné data',
@@ -45,9 +49,9 @@ export default {
     total: 'Celkový počet řádků : {0}',
     skip: 'Jít na {0}'
   },
-  Calendar: Calendar,
-  DatePicker: _extends({}, Calendar),
-  DateRangePicker: _extends({}, Calendar, {
+  Calendar: _extends({}, DateTimeFormats),
+  DatePicker: _extends({}, DateTimeFormats),
+  DateRangePicker: _extends({}, DateTimeFormats, {
     last7Days: 'Posledních 7 dní'
   }),
   Picker: {

package/esm/locales/da_DK.d.ts

@@ -1,4 +1,5 @@
 declare const _default: {
+    code: string;
     common: {
         loading: string;
         emptyMessage: string;
@@ -31,6 +32,7 @@ declare const _default: {
         ok: string;
         today: string;
         yesterday: string;
+        now: string;
         hours: string;
         minutes: string;
         seconds: string;
@@ -40,6 +42,8 @@ declare const _default: {
          **/
         formattedMonthPattern: string;
         formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
         dateLocale: any;
     };
     DatePicker: {
@@ -53,6 +57,7 @@ declare const _default: {
         ok: string;
         today: string;
         yesterday: string;
+        now: string;
         hours: string;
         minutes: string;
         seconds: string;
@@ -62,6 +67,8 @@ declare const _default: {
          **/
         formattedMonthPattern: string;
         formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
         dateLocale: any;
     };
     DateRangePicker: {
@@ -76,6 +83,7 @@ declare const _default: {
         ok: string;
         today: string;
         yesterday: string;
+        now: string;
         hours: string;
         minutes: string;
         seconds: string;
@@ -85,6 +93,8 @@ declare const _default: {
          **/
         formattedMonthPattern: string;
         formattedDayPattern: string;
+        shortDateFormat: string;
+        shortTimeFormat: string;
         dateLocale: any;
     };
     Picker: {

package/esm/locales/da_DK.js

@@ -1,7 +1,7 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import da from 'date-fns/locale/da';
-var Calendar = {
+var DateTimeFormats = {
   sunday: 'Sø',
   monday: 'Ma',
   tuesday: 'Ti',
@@ -12,6 +12,7 @@ var Calendar = {
   ok: 'OK',
   today: 'I dag',
   yesterday: 'I går',
+  now: 'Nu',
   hours: 'Timer',
   minutes: 'Minutter',
   seconds: 'Sekunder',
@@ -21,9 +22,12 @@ var Calendar = {
    **/
   formattedMonthPattern: 'MMM yyyy',
   formattedDayPattern: 'dd MMM yyyy',
+  shortDateFormat: 'dd/MM/yyyy',
+  shortTimeFormat: 'HH:mm',
   dateLocale: da
 };
 export default {
+  code: 'da-DK',
   common: {
     loading: 'Indlæser...',
     emptyMessage: 'Ingen data fundet',
@@ -45,9 +49,9 @@ export default {
     total: 'total: {0}',
     skip: 'Gå til{0}'
   },
-  Calendar: Calendar,
-  DatePicker: _extends({}, Calendar),
-  DateRangePicker: _extends({}, Calendar, {
+  Calendar: _extends({}, DateTimeFormats),
+  DatePicker: _extends({}, DateTimeFormats),
+  DateRangePicker: _extends({}, DateTimeFormats, {
     last7Days: 'Seneste 7 dage'
   }),
   Picker: {