rsuite 5.68.1 → 5.70.0

package/esm/internals/hooks/useCustom.js

@@ -37,25 +37,38 @@ export function useCustom(keys, overrideLocale) {
   if (overrideLocale) {
     componentLocale = mergeObject([componentLocale, overrideLocale]);
   }
-  var defaultFormatDate = useCallback(function (date, formatStr) {
-    var _locale$Calendar;
-    return format(isValid(date) ? date : new Date(), formatStr, {
-      locale: locale === null || locale === void 0 ? void 0 : (_locale$Calendar = locale.Calendar) === null || _locale$Calendar === void 0 ? void 0 : _locale$Calendar.dateLocale
-    });
-  }, [(_locale$Calendar2 = locale.Calendar) === null || _locale$Calendar2 === void 0 ? void 0 : _locale$Calendar2.dateLocale]);
-  var defaultParseDate = useCallback(function (dateString, formatString) {
+  var _formatDate = useCallback(function (date, formatStr, options) {
+    try {
+      var _locale$Calendar;
+      if (formatDate) {
+        return formatDate(date, formatStr, options);
+      }
+      return format(isValid(date) ? date : new Date(), formatStr, _extends({
+        locale: locale === null || locale === void 0 ? void 0 : (_locale$Calendar = locale.Calendar) === null || _locale$Calendar === void 0 ? void 0 : _locale$Calendar.dateLocale
+      }, options));
+    } catch (error) {
+      if (process.env.NODE_ENV === 'development') {
+        console.error('Error: Invalid date format', error);
+      }
+      return 'Error: Invalid date format';
+    }
+  }, [formatDate, locale === null || locale === void 0 ? void 0 : (_locale$Calendar2 = locale.Calendar) === null || _locale$Calendar2 === void 0 ? void 0 : _locale$Calendar2.dateLocale]);
+  var _parseDate = useCallback(function (dateString, formatString, referenceDate, options) {
     var _locale$Calendar3;
-    return parse(dateString, formatString, new Date(), {
+    if (parseDate) {
+      return parseDate(dateString, formatString, referenceDate, options);
+    }
+    return parse(dateString, formatString, referenceDate || new Date(), _extends({
       locale: locale === null || locale === void 0 ? void 0 : (_locale$Calendar3 = locale.Calendar) === null || _locale$Calendar3 === void 0 ? void 0 : _locale$Calendar3.dateLocale
-    });
-  }, [(_locale$Calendar4 = locale.Calendar) === null || _locale$Calendar4 === void 0 ? void 0 : _locale$Calendar4.dateLocale]);
+    }, options));
+  }, [parseDate, locale === null || locale === void 0 ? void 0 : (_locale$Calendar4 = locale.Calendar) === null || _locale$Calendar4 === void 0 ? void 0 : _locale$Calendar4.dateLocale]);
   return {
     locale: componentLocale,
     rtl: rtl,
     toasters: toasters,
     disableRipple: disableRipple,
-    formatDate: formatDate || defaultFormatDate,
-    parseDate: parseDate || defaultParseDate
+    formatDate: _formatDate,
+    parseDate: _parseDate
   };
 }
 export default useCustom;

package/esm/internals/hooks/useEventCallback.js

@@ -1,5 +1,6 @@
 'use client';
-import { useEffect, useCallback, useRef } from 'react';
+import { useCallback, useRef } from 'react';
+import useIsomorphicLayoutEffect from "./useIsomorphicLayoutEffect.js";
 
 /**
  * https://github.com/facebook/react/issues/14099#issuecomment-440013892
@@ -7,7 +8,12 @@ import { useEffect, useCallback, useRef } from 'react';
  */
 export function useEventCallback(fn) {
   var ref = useRef(fn);
-  useEffect(function () {
+  /**
+   * use useLayoutEffect instead of useEffect.
+   * useLayoutEffect is earlier than useEffect, sometimes we use setState and then use callback immediately,
+   * However the state in callback is not the latest, because useEffect is not triggered.
+   */
+  useIsomorphicLayoutEffect(function () {
     ref.current = fn;
   });
   return useCallback(function () {

package/esm/useMediaQuery/useMediaQuery.js

@@ -1,6 +1,6 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import React, { useEffect, useState, useCallback, useRef } from 'react';
+import React, { useEffect, useState, useCallback, useRef, useMemo } from 'react';
 import canUseDOM from 'dom-lib/canUseDOM';
 import pick from 'lodash/pick';
 export var mediaQuerySizeMap = {
@@ -32,9 +32,12 @@ var matchMedia = function matchMedia(query) {
  */
 export function useMediaQueryOld(query) {
   var queries = Array.isArray(query) ? query : [query];
-  var mediaQueries = queries.map(function (query) {
-    return mediaQuerySizeMap[query] || query;
-  });
+  var mediaQueries = useMemo(function () {
+    return queries.map(function (query) {
+      return mediaQuerySizeMap[query] || query;
+    });
+  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  [].concat(queries));
   var _useState = useState(function () {
       return mediaQueries.map(function (query) {
         return pick(matchMedia(query), ['matches', 'media']);
@@ -78,9 +81,12 @@ export function useMediaQueryOld(query) {
 export function useMediaQuery(query) {
   var _React$useSyncExterna;
   var queries = Array.isArray(query) ? query : [query];
-  var mediaQueries = queries.map(function (query) {
-    return mediaQuerySizeMap[query] || query;
-  });
+  var mediaQueries = useMemo(function () {
+    return queries.map(function (query) {
+      return mediaQuerySizeMap[query] || query;
+    });
+  }, // eslint-disable-next-line react-hooks/exhaustive-deps
+  [].concat(queries));
   var mediaQueryArray = useRef(mediaQueries.map(function (query) {
     return matchMedia(query).matches;
   }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rsuite",
-  "version": "5.68.1",
+  "version": "5.70.0",
   "description": "A suite of react components",
   "main": "cjs/index.js",
   "module": "esm/index.js",
@@ -37,7 +37,7 @@
     "prop-types": "^15.8.1",
     "react-use-set": "^1.0.0",
     "react-window": "^1.8.8",
-    "rsuite-table": "^5.18.3",
+    "rsuite-table": "^5.19.1",
     "schema-typed": "^2.2.2"
   },
   "peerDependencies": {

package/cjs/Calendar/types.d.ts

@@ -1,28 +0,0 @@
-import React from 'react';
-import { CalendarLocale } from '../locales';
-export interface CalendarInnerContextValue {
-    date: Date;
-    dateRange?: Date[];
-    format?: string;
-    hoverRangeValue?: [Date, Date];
-    inline?: boolean;
-    isoWeek: boolean;
-    weekStart: 0 | 1 | 2 | 3 | 4 | 5 | 6;
-    showWeekNumbers?: boolean;
-    targetId?: string;
-    disabledDate?: (date: Date, selectRangeValue?: Date[], type?: string) => boolean;
-    inSameMonth?: (date: Date) => boolean;
-    onChangeMonth?: (nextPageDate: Date, event: React.MouseEvent) => void;
-    onChangeTime?: (nextPageTime: Date, event: React.MouseEvent) => void;
-    onMouseMove?: (date: Date) => void;
-    onSelect?: (date: Date, event: React.MouseEvent) => void;
-    renderCell?: (date: Date) => React.ReactNode;
-    renderCellOnPicker?: (date: Date) => React.ReactNode;
-    cellClassName?: (date: Date) => string | undefined;
-}
-export interface CalendarContextValue extends CalendarInnerContextValue {
-    locale: CalendarLocale;
-    formatDate?: (date: Date | string | number, format?: string, options?: {
-        locale?: any;
-    }) => string;
-}

package/cjs/Calendar/types.js

@@ -1,4 +0,0 @@
-'use client';
-"use strict";
-
-exports.__esModule = true;

package/esm/Calendar/types.d.ts

@@ -1,28 +0,0 @@
-import React from 'react';
-import { CalendarLocale } from '../locales';
-export interface CalendarInnerContextValue {
-    date: Date;
-    dateRange?: Date[];
-    format?: string;
-    hoverRangeValue?: [Date, Date];
-    inline?: boolean;
-    isoWeek: boolean;
-    weekStart: 0 | 1 | 2 | 3 | 4 | 5 | 6;
-    showWeekNumbers?: boolean;
-    targetId?: string;
-    disabledDate?: (date: Date, selectRangeValue?: Date[], type?: string) => boolean;
-    inSameMonth?: (date: Date) => boolean;
-    onChangeMonth?: (nextPageDate: Date, event: React.MouseEvent) => void;
-    onChangeTime?: (nextPageTime: Date, event: React.MouseEvent) => void;
-    onMouseMove?: (date: Date) => void;
-    onSelect?: (date: Date, event: React.MouseEvent) => void;
-    renderCell?: (date: Date) => React.ReactNode;
-    renderCellOnPicker?: (date: Date) => React.ReactNode;
-    cellClassName?: (date: Date) => string | undefined;
-}
-export interface CalendarContextValue extends CalendarInnerContextValue {
-    locale: CalendarLocale;
-    formatDate?: (date: Date | string | number, format?: string, options?: {
-        locale?: any;
-    }) => string;
-}

package/esm/Calendar/types.js

@@ -1,2 +0,0 @@
-'use client';
-export {};