rsuite 5.46.1 → 5.48.0

package/esm/locales/nl_NL.d.ts

@@ -2,6 +2,8 @@ declare const _default: {
     common: {
         loading: string;
         emptyMessage: string;
+        remove: string;
+        clear: string;
     };
     Plaintext: {
         unfilled: string;
@@ -90,6 +92,7 @@ declare const _default: {
         complete: string;
         emptyFile: string;
         upload: string;
+        removeFile: string;
     };
     CloseButton: {
         closeLabel: string;

package/esm/locales/nl_NL.js

@@ -22,7 +22,9 @@ var Calendar = {
 export default {
   common: {
     loading: 'Laden...',
-    emptyMessage: 'Geen data gevonden'
+    emptyMessage: 'Geen data gevonden',
+    remove: 'Verwijderen',
+    clear: 'Duidelijk'
   },
   Plaintext: {
     unfilled: 'Ongevuld',
@@ -60,7 +62,8 @@ export default {
     error: 'Error',
     complete: 'Voltooid',
     emptyFile: 'Leeg',
-    upload: 'Upload'
+    upload: 'Upload',
+    removeFile: 'Verwijder bestand'
   },
   CloseButton: {
     closeLabel: 'Sluiten'

package/esm/locales/pt_BR.d.ts

@@ -2,6 +2,8 @@ declare const _default: {
     common: {
         loading: string;
         emptyMessage: string;
+        remove: string;
+        clear: string;
     };
     Plaintext: {
         unfilled: string;
@@ -90,6 +92,7 @@ declare const _default: {
         complete: string;
         emptyFile: string;
         upload: string;
+        removeFile: string;
     };
     CloseButton: {
         closeLabel: string;

package/esm/locales/pt_BR.js

@@ -22,7 +22,9 @@ var Calendar = {
 export default {
   common: {
     loading: 'Carregando...',
-    emptyMessage: 'Nenhum dado encontrado'
+    emptyMessage: 'Nenhum dado encontrado',
+    remove: 'Remover',
+    clear: 'Claro'
   },
   Plaintext: {
     unfilled: 'sin llenar',
@@ -60,7 +62,8 @@ export default {
     error: 'Erro',
     complete: 'Finalizado',
     emptyFile: 'Em branco',
-    upload: 'Upload'
+    upload: 'Upload',
+    removeFile: 'Remover arquivo'
   },
   CloseButton: {
     closeLabel: 'Apagar'

package/esm/locales/ru_RU.d.ts

@@ -2,6 +2,8 @@ declare const _default: {
     common: {
         loading: string;
         emptyMessage: string;
+        remove: string;
+        clear: string;
     };
     Plaintext: {
         unfilled: string;
@@ -90,6 +92,7 @@ declare const _default: {
         complete: string;
         emptyFile: string;
         upload: string;
+        removeFile: string;
     };
     CloseButton: {
         closeLabel: string;

package/esm/locales/ru_RU.js

@@ -22,7 +22,9 @@ var Calendar = {
 export default {
   common: {
     loading: 'Загрузка...',
-    emptyMessage: 'Данные не найдены'
+    emptyMessage: 'Данные не найдены',
+    remove: 'Удалять',
+    clear: 'Прозрачный'
   },
   Plaintext: {
     unfilled: 'незаполненной',
@@ -60,10 +62,11 @@ export default {
     error: 'Ошибка',
     complete: 'Завершено',
     emptyFile: 'Пусто',
-    upload: 'Загрузить'
+    upload: 'Загрузить',
+    removeFile: 'Удалить файл'
   },
   CloseButton: {
-    closeLabel: 'неисправность'
+    closeLabel: 'Закрыть'
   },
   Breadcrumb: {
     expandText: 'Показать путь'

package/esm/locales/sv_SE.d.ts

@@ -2,6 +2,8 @@ declare const _default: {
     common: {
         loading: string;
         emptyMessage: string;
+        remove: string;
+        clear: string;
     };
     Plaintext: {
         unfilled: string;
@@ -102,6 +104,7 @@ declare const _default: {
         complete: string;
         emptyFile: string;
         upload: string;
+        removeFile: string;
     };
     CloseButton: {
         closeLabel: string;

package/esm/locales/sv_SE.js

@@ -26,7 +26,9 @@ var Calendar = {
 export default {
   common: {
     loading: 'Laddar...',
-    emptyMessage: 'Kunde inte hitta data'
+    emptyMessage: 'Kunde inte hitta data',
+    remove: 'Ta bort',
+    clear: 'Rensa'
   },
   Plaintext: {
     unfilled: 'Ofylld',
@@ -64,7 +66,8 @@ export default {
     error: 'Fel',
     complete: 'Färdig',
     emptyFile: 'Tom',
-    upload: 'Ladda upp'
+    upload: 'Ladda upp',
+    removeFile: 'Radera filer'
   },
   CloseButton: {
     closeLabel: 'Stänga av'

package/esm/locales/tr_TR.d.ts

@@ -2,6 +2,8 @@ declare const _default: {
     common: {
         loading: string;
         emptyMessage: string;
+        remove: string;
+        clear: string;
     };
     Plaintext: {
         unfilled: string;
@@ -90,6 +92,7 @@ declare const _default: {
         complete: string;
         emptyFile: string;
         upload: string;
+        removeFile: string;
     };
     CloseButton: {
         closeLabel: string;

package/esm/locales/tr_TR.js

@@ -22,7 +22,9 @@ var Calendar = {
 export default {
   common: {
     loading: 'Yükleniyor...',
-    emptyMessage: 'Veri bulunamadı'
+    emptyMessage: 'Veri bulunamadı',
+    remove: 'Kaldır',
+    clear: 'Temizlemek'
   },
   Plaintext: {
     unfilled: 'Doldurulmadı',
@@ -60,7 +62,8 @@ export default {
     error: 'Hata',
     complete: 'Tamamlandı',
     emptyFile: 'Boş',
-    upload: 'Yükle'
+    upload: 'Yükle',
+    removeFile: 'Dosyayı kaldır'
   },
   CloseButton: {
     closeLabel: 'Kapat'

package/esm/locales/zh_CN.d.ts

@@ -2,6 +2,8 @@ declare const _default: {
     common: {
         loading: string;
         emptyMessage: string;
+        remove: string;
+        clear: string;
     };
     Plaintext: {
         unfilled: string;
@@ -90,6 +92,7 @@ declare const _default: {
         complete: string;
         emptyFile: string;
         upload: string;
+        removeFile: string;
     };
     CloseButton: {
         closeLabel: string;

package/esm/locales/zh_CN.js

@@ -22,7 +22,9 @@ var Calendar = {
 export default {
   common: {
     loading: '加载中...',
-    emptyMessage: '数据为空'
+    emptyMessage: '数据为空',
+    remove: '移除',
+    clear: '清除'
   },
   Plaintext: {
     unfilled: '未填写',
@@ -60,7 +62,8 @@ export default {
     error: '上传出错',
     complete: '上传完成',
     emptyFile: '无文件',
-    upload: '上传'
+    upload: '上传',
+    removeFile: '删除文件'
   },
   CloseButton: {
     closeLabel: '关闭'

package/esm/locales/zh_TW.d.ts

@@ -2,6 +2,8 @@ declare const _default: {
     common: {
         loading: string;
         emptyMessage: string;
+        remove: string;
+        clear: string;
     };
     Plaintext: {
         unfilled: string;
@@ -90,6 +92,7 @@ declare const _default: {
         complete: string;
         emptyFile: string;
         upload: string;
+        removeFile: string;
     };
     CloseButton: {
         closeLabel: string;

package/esm/locales/zh_TW.js

@@ -22,7 +22,9 @@ var Calendar = {
 export default {
   common: {
     loading: '讀取中...',
-    emptyMessage: '沒有資料'
+    emptyMessage: '沒有資料',
+    remove: '移除',
+    clear: '清除'
   },
   Plaintext: {
     unfilled: '未填寫',
@@ -60,7 +62,8 @@ export default {
     error: '上傳出錯',
     complete: '上傳完成',
     emptyFile: '無文件',
-    upload: '上傳'
+    upload: '上傳',
+    removeFile: '刪除文件'
   },
   CloseButton: {
     closeLabel: '關閉'

package/esm/toaster/toaster.d.ts

@@ -2,19 +2,21 @@ import React from 'react';
 import { ToastContainerProps } from './ToastContainer';
 export interface Toaster {
     /**
-     * Add a message to the container.
-     * When the container does not exist, create a new container. Use `placement` as the ID of the container
-     * @param message
-     * @param options
+     * Push a toast message.
+     * @param message The message to be displayed.
+     *                eg: `<Message type="success" description="Success" />` or `<Notification type="success" closable>Success</Notification>`
+     * @param options The options of the toast message. (optional)
+     *                eg: `{ placement: 'topCenter', duration: 5000 }`
+     * @returns The key of the toast message.
      */
     push(message: React.ReactNode, options?: ToastContainerProps): string | undefined | Promise<string | undefined>;
     /**
-     * Remove a message by key
-     * @param key
+     * Remove a toast message.
+     * @param key  The key of the toast message.
      */
     remove(key: string): void;
     /**
-     * Clear all messages
+     * Clear all toast messages.
      */
     clear(): void;
 }

package/esm/toaster/useToaster.d.ts

@@ -1,12 +1,30 @@
 import React from 'react';
 import { ToastContainerProps } from './ToastContainer';
 /**
- * Hook to use the toaster
+ * The 'useToaster' hook is a wrapper for the 'toaster' module.
  * @returns toaster { push, remove, clear }
+ *
+ * @see https://rsuitejs.com/components/message/
+ * @see https://rsuitejs.com/components/notification/
  */
 declare const useToaster: () => {
+    /**
+     * Push a toast message.
+     * @param message The message to be displayed.
+     *                eg: `<Message type="success" description="Success" />` or `<Notification type="success" closable>Success</Notification>`
+     * @param options The options of the toast message. (optional)
+     *                eg: `{ placement: 'topCenter', duration: 5000 }`
+     * @returns The key of the toast message.
+     */
     push: (message: React.ReactNode, options?: ToastContainerProps) => string | Promise<string | undefined> | undefined;
+    /**
+     * Remove a toast message.
+     * @param key  The key of the toast message.
+     */
     remove: (key: string) => void;
+    /**
+     * Clear all toast messages.
+     */
     clear: () => void;
 };
 export default useToaster;

package/esm/toaster/useToaster.js

@@ -4,25 +4,43 @@ import toaster from './toaster';
 import { useCustom } from '../utils';
 
 /**
- * Hook to use the toaster
+ * The 'useToaster' hook is a wrapper for the 'toaster' module.
  * @returns toaster { push, remove, clear }
+ *
+ * @see https://rsuitejs.com/components/message/
+ * @see https://rsuitejs.com/components/notification/
  */
 var useToaster = function useToaster() {
   var _useCustom = useCustom(),
     toasters = _useCustom.toasters;
   return useMemo(function () {
     return {
+      /**
+       * Push a toast message.
+       * @param message The message to be displayed.
+       *                eg: `<Message type="success" description="Success" />` or `<Notification type="success" closable>Success</Notification>`
+       * @param options The options of the toast message. (optional)
+       *                eg: `{ placement: 'topCenter', duration: 5000 }`
+       * @returns The key of the toast message.
+       */
       push: function push(message, options) {
         var _toasters$current;
         var customToaster = toasters === null || toasters === void 0 ? void 0 : (_toasters$current = toasters.current) === null || _toasters$current === void 0 ? void 0 : _toasters$current.get((options === null || options === void 0 ? void 0 : options.placement) || 'topCenter');
         return customToaster ? customToaster.push(message, options) : toaster.push(message, options);
       },
+      /**
+       * Remove a toast message.
+       * @param key  The key of the toast message.
+       */
       remove: function remove(key) {
         toasters ? Array.from(toasters.current).forEach(function (_ref) {
           var c = _ref[1];
           return c === null || c === void 0 ? void 0 : c.remove(key);
         }) : toaster.remove(key);
       },
+      /**
+       * Clear all toast messages.
+       */
       clear: function clear() {
         toasters ? Array.from(toasters.current).forEach(function (_ref2) {
           var c = _ref2[1];

package/esm/useMediaQuery/index.d.ts

@@ -0,0 +1,2 @@
+import useMediaQuery from './useMediaQuery';
+export default useMediaQuery;

package/esm/useMediaQuery/index.js

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

package/esm/useMediaQuery/useMediaQuery.d.ts

@@ -0,0 +1,23 @@
+export declare const mediaQuerySizeMap: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    xxl: string;
+};
+/**
+ * React hook that tracks state of a CSS media query.
+ * @deprecated Use useMediaQuery instead.
+ *
+ * @see https://rsuitejs.com/components/use-media-query
+ */
+export declare function useMediaQueryLegacy(query: string | keyof typeof mediaQuerySizeMap | (string | keyof typeof mediaQuerySizeMap)[]): boolean[];
+/**
+ * React hook that tracks state of a CSS media query
+ * @version 5.48.0
+ * @see https://rsuitejs.com/components/use-media-query
+ */
+export declare function useMediaQuery(query: string | keyof typeof mediaQuerySizeMap | (string | keyof typeof mediaQuerySizeMap)[]): boolean[];
+declare const _default: typeof useMediaQuery;
+export default _default;

package/esm/useMediaQuery/useMediaQuery.js

@@ -0,0 +1,113 @@
+'use client';
+import _extends from "@babel/runtime/helpers/esm/extends";
+import React, { useEffect, useState, useCallback, useRef } from 'react';
+import canUseDOM from 'dom-lib/canUseDOM';
+export var mediaQuerySizeMap = {
+  xs: '(max-width: 575px)',
+  sm: '(min-width: 576px)',
+  md: '(min-width: 768px)',
+  lg: '(min-width: 992px)',
+  xl: '(min-width: 1200px)',
+  xxl: '(min-width: 1400px)'
+};
+var matchMedia = function matchMedia(query) {
+  if (canUseDOM) {
+    return window.matchMedia(query);
+  }
+  return {
+    matches: false,
+    media: query
+  };
+};
+
+/**
+ * React hook that tracks state of a CSS media query.
+ * @deprecated Use useMediaQuery instead.
+ *
+ * @see https://rsuitejs.com/components/use-media-query
+ */
+export function useMediaQueryLegacy(query) {
+  var queries = Array.isArray(query) ? query : [query];
+  var mediaQueries = queries.map(function (query) {
+    return mediaQuerySizeMap[query] || query;
+  });
+  var _useState = useState(function () {
+      return mediaQueries.map(function (query) {
+        return matchMedia(query);
+      });
+    }),
+    mediaQueryArray = _useState[0],
+    setMediaQueryArray = _useState[1];
+  function handleChange(event) {
+    setMediaQueryArray(function (prevMediaQueryArray) {
+      return prevMediaQueryArray.map(function (item) {
+        return item.media === event.media ? _extends({}, item, {
+          matches: event.matches
+        }) : item;
+      });
+    });
+  }
+  useEffect(function () {
+    var mediaQueryList = mediaQueries.map(function (query) {
+      return matchMedia(query);
+    });
+    mediaQueryList.forEach(function (query) {
+      query.addEventListener('change', handleChange);
+    });
+    return function () {
+      mediaQueryList.forEach(function (query) {
+        query.removeEventListener('change', handleChange);
+      });
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [mediaQueries]);
+  return mediaQueryArray.map(function (query) {
+    return query.matches;
+  });
+}
+
+/**
+ * React hook that tracks state of a CSS media query
+ * @version 5.48.0
+ * @see https://rsuitejs.com/components/use-media-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 mediaQueryArray = useRef(mediaQueries.map(function (query) {
+    return matchMedia(query).matches;
+  }));
+  var subscribe = useCallback(function (callback) {
+    var list = mediaQueries.map(function (query) {
+      return matchMedia(query);
+    });
+    var handleChange = function handleChange(event) {
+      var index = list.findIndex(function (item) {
+        return item.media === event.media;
+      });
+      if (index !== -1) {
+        mediaQueryArray.current[index] = event.matches;
+      }
+      callback();
+    };
+    list.forEach(function (query) {
+      query.addEventListener('change', handleChange);
+    });
+    return function () {
+      list.forEach(function (query) {
+        query.removeEventListener('change', handleChange);
+      });
+    };
+  }, [mediaQueries]);
+  var getSnapshot = function getSnapshot() {
+    return mediaQueryArray.current;
+  };
+  var getServerSnapshot = function getServerSnapshot() {
+    throw Error('useMediaQuery is a client-only hook');
+  };
+  return (_React$useSyncExterna = React['useSyncExternalStore']) === null || _React$useSyncExterna === void 0 ? void 0 : _React$useSyncExterna.call(React, subscribe, getSnapshot, getServerSnapshot);
+}
+export default typeof React['useSyncExternalStore'] === 'function' ? useMediaQuery : useMediaQueryLegacy;

package/esm/utils/BrowserDetection.d.ts

@@ -2,6 +2,7 @@ export declare const isIE: () => boolean;
 export declare const isIE10: () => boolean;
 export declare const isIE11: () => boolean;
 export declare const isEdge: () => boolean;
+export declare const isAndroid: () => boolean;
 export declare const getChromeVersion: () => number | false;
 export declare const getSafariVersion: () => number | false;
 /**

package/esm/utils/BrowserDetection.js

@@ -18,6 +18,9 @@ export var isIE11 = function isIE11() {
 export var isEdge = function isEdge() {
   return canUseDOM && !isIE() && 'styleMedia' in window;
 };
+export var isAndroid = function isAndroid() {
+  return canUseDOM && /Android/i.test(navigator.userAgent);
+};
 export var getChromeVersion = function getChromeVersion() {
   if (canUseDOM) {
     var match = window.navigator.userAgent.match(/Chrom(e|ium)\/([\d\.]+)\./);

package/esm/utils/dateUtils.d.ts

@@ -1,5 +1,9 @@
 export { default as addDays } from 'date-fns/addDays';
 export { default as addMonths } from 'date-fns/addMonths';
+export { default as addYears } from 'date-fns/addYears';
+export { default as addSeconds } from 'date-fns/addSeconds';
+export { default as addMinutes } from 'date-fns/addMinutes';
+export { default as addHours } from 'date-fns/addHours';
 export { default as compareAsc } from 'date-fns/compareAsc';
 export { default as endOfDay } from 'date-fns/endOfDay';
 export { default as endOfISOWeek } from 'date-fns/endOfISOWeek';
@@ -37,6 +41,8 @@ export { default as isMatch } from 'date-fns/isMatch';
 export { default as isValid } from 'date-fns/isValid';
 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 declare type CalendarOnlyPropsType = 'disabledHours' | 'disabledMinutes' | 'disabledSeconds' | 'hideHours' | 'hideMinutes' | 'hideSeconds';
 export declare const calendarOnlyProps: CalendarOnlyPropsType[];
 /**

package/esm/utils/dateUtils.js

@@ -10,6 +10,10 @@ import addDays from 'date-fns/addDays';
 import set from 'date-fns/set';
 export { default as addDays } from 'date-fns/addDays';
 export { default as addMonths } from 'date-fns/addMonths';
+export { default as addYears } from 'date-fns/addYears';
+export { default as addSeconds } from 'date-fns/addSeconds';
+export { default as addMinutes } from 'date-fns/addMinutes';
+export { default as addHours } from 'date-fns/addHours';
 export { default as compareAsc } from 'date-fns/compareAsc';
 export { default as endOfDay } from 'date-fns/endOfDay';
 export { default as endOfISOWeek } from 'date-fns/endOfISOWeek';
@@ -47,6 +51,8 @@ export { default as isMatch } from 'date-fns/isMatch';
 export { default as isValid } from 'date-fns/isValid';
 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';
 var disabledTimeProps = ['disabledHours', 'disabledMinutes', 'disabledSeconds'];
 var hideTimeProps = ['hideHours', 'hideMinutes', 'hideSeconds'];
 export var calendarOnlyProps = disabledTimeProps.concat(hideTimeProps);

package/esm/utils/index.d.ts

@@ -23,6 +23,7 @@ export { default as reactToString } from './reactToString';
 export { default as scrollTopAnimation } from './scrollTopAnimation';
 export { default as appendTooltip } from './appendTooltip';
 export { default as render } from './render';
+export { default as safeSetSelection } from './safeSetSelection';
 /** Hooks **/
 export { default as useClassNames } from './useClassNames';
 export { default as useEventListener } from './useEventListener';

package/esm/utils/index.js

@@ -26,6 +26,7 @@ export { default as reactToString } from './reactToString';
 export { default as scrollTopAnimation } from './scrollTopAnimation';
 export { default as appendTooltip } from './appendTooltip';
 export { default as render } from './render';
+export { default as safeSetSelection } from './safeSetSelection';
 
 /** Hooks **/
 export { default as useClassNames } from './useClassNames';

package/esm/utils/safeSetSelection.d.ts

@@ -0,0 +1,2 @@
+declare function safeSetSelection(element: HTMLInputElement, selectionStart: number, selectionEnd: number): void;
+export default safeSetSelection;

package/esm/utils/safeSetSelection.js

@@ -0,0 +1,16 @@
+'use client';
+import { isAndroid } from './BrowserDetection';
+var defer = typeof requestAnimationFrame !== 'undefined' ? requestAnimationFrame : setTimeout;
+var strNone = 'none';
+function safeSetSelection(element, selectionStart, selectionEnd) {
+  if (document.activeElement === element) {
+    if (isAndroid()) {
+      defer(function () {
+        return element.setSelectionRange(selectionStart, selectionEnd, strNone);
+      }, 0);
+    } else {
+      element.setSelectionRange(selectionStart, selectionEnd, strNone);
+    }
+  }
+}
+export default safeSetSelection;

package/esm/utils/treeUtils.d.ts

@@ -180,11 +180,11 @@ export declare function useTreeDrag<T>(): {
     dragNode: T | null;
     dragOverNodeKey: null;
     dragNodeKeys: (string | number)[];
-    dropNodePosition: TREE_NODE_DROP_POSITION | null;
+    dropNodePosition: -1 | TREE_NODE_DROP_POSITION | null;
     setDragNode: (node: T | null) => void;
     setDragOverNodeKey: React.Dispatch<React.SetStateAction<null>>;
     setDragNodeKeys: React.Dispatch<React.SetStateAction<(string | number)[]>>;
-    setDropNodePosition: React.Dispatch<React.SetStateAction<TREE_NODE_DROP_POSITION | null>>;
+    setDropNodePosition: React.Dispatch<React.SetStateAction<-1 | TREE_NODE_DROP_POSITION | null>>;
 };
 interface FlattenTreeDataProps {
     data: TreeNodeType[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rsuite",
-  "version": "5.46.1",
+  "version": "5.48.0",
   "description": "A suite of react components",
   "main": "cjs/index.js",
   "module": "esm/index.js",