rsuite 5.65.0 → 5.66.0

package/esm/CheckTree/CheckTreeView.d.ts

@@ -52,6 +52,10 @@ interface CheckTreeViewInnerProps<V = (string | number)[]> extends Omit<CheckTre
      * Flattened nodes.
      */
     flattenedNodes?: TreeNodeMap;
+    /**
+     * A collection of localized strings.
+     */
+    locale?: Record<string, string>;
     /**
      * Callback function triggered when an item is focused.
      */

package/esm/CheckTreePicker/CheckTreePicker.js

@@ -215,6 +215,7 @@ var CheckTreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     showIndentLine: showIndentLine,
     listProps: listProps,
     listRef: list,
+    locale: overrideLocale,
     searchBy: searchBy,
     searchable: searchable,
     searchKeyword: searchKeyword,

package/esm/Drawer/Drawer.js

@@ -47,6 +47,7 @@ var Drawer = /*#__PURE__*/React.forwardRef(function (props, ref) {
     value: contextValue
   }, /*#__PURE__*/React.createElement(Modal, _extends({}, rest, {
     ref: ref,
+    overflow: false,
     classPrefix: classPrefix,
     className: classes,
     animation: animation,

package/esm/FormControl/hooks/useField.d.ts

@@ -10,7 +10,7 @@ interface FieldProps {
 }
 declare function useField(props: FieldProps): {
     fieldValue: any;
-    fieldError: any;
+    fieldError: import("react").ReactNode;
     setFieldValue: (fieldName: string, fieldValue: any) => {
         [x: string]: any;
     };

package/esm/FormControl/hooks/useField.js

@@ -4,6 +4,17 @@ import { useCallback, useMemo } from 'react';
 import get from 'lodash/get';
 import set from 'lodash/set';
 import { nameToPath } from "../utils.js";
+function getErrorMessage(error) {
+  var _error$array;
+  /**
+   * When using some components as the field, such as TagInput, and using `ArrayType().of` as the validation rule,
+   * the error object won't contain the errorMessage directly. @see https://github.com/rsuite/rsuite/issues/3866
+   */
+  if (error !== null && error !== void 0 && error.array && ((_error$array = error.array) === null || _error$array === void 0 ? void 0 : _error$array.length) > 0) {
+    return error.array[0].errorMessage;
+  }
+  return error === null || error === void 0 ? void 0 : error.errorMessage;
+}
 function useField(props) {
   var name = props.name,
     formValue = props.formValue,
@@ -23,14 +34,13 @@ function useField(props) {
       return errorMessage;
     }
     if (nestedField) {
-      var _get;
-      return (_get = get(formError, nameToPath(name))) === null || _get === void 0 ? void 0 : _get.errorMessage;
+      return getErrorMessage(get(formError, nameToPath(name)));
     }
     var fieldError = formError === null || formError === void 0 ? void 0 : formError[name];
     if (typeof fieldError === 'string') {
       return fieldError;
     }
-    return fieldError === null || fieldError === void 0 ? void 0 : fieldError.errorMessage;
+    return getErrorMessage(fieldError);
   }, [errorFromContext, errorMessage, formError, name, nestedField]);
   var setFieldValue = useCallback(function (fieldName, fieldValue) {
     var _extends2;

package/esm/Loader/Loader.d.ts

@@ -12,7 +12,7 @@ export interface LoaderProps extends WithAsProps {
     /** Custom descriptive text */
     content?: React.ReactNode;
     /** The speed at which the loader rotates */
-    speed?: 'normal' | 'fast' | 'slow';
+    speed?: 'normal' | 'fast' | 'slow' | 'paused';
     /** A loader can have different sizes */
     size?: TypeAttributes.Size;
 }

package/esm/Loader/Loader.js

@@ -64,6 +64,6 @@ Loader.propTypes = {
   vertical: PropTypes.bool,
   content: PropTypes.node,
   size: oneOf(['lg', 'md', 'sm', 'xs']),
-  speed: oneOf(['normal', 'fast', 'slow'])
+  speed: oneOf(['normal', 'fast', 'slow', 'paused'])
 };
 export default Loader;

package/esm/Tree/TreeView.d.ts

@@ -44,6 +44,10 @@ interface TreeViewInnerProps<V = string | number | null> extends Omit<TreeViewPr
      * An array of values representing the loading nodes.
      */
     loadingNodeValues?: V[];
+    /**
+     * A collection of localized strings.
+     */
+    locale?: Record<string, string>;
     /**
      * A map of flattened nodes.
      */

package/esm/TreePicker/TreePicker.js

@@ -220,6 +220,7 @@ var TreePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     flattenedNodes: flattenedNodes,
     listProps: listProps,
     listRef: list,
+    locale: overrideLocale,
     height: treeHeight,
     onExpand: handleExpandTreeNode,
     onSearch: onSearch,

package/esm/internals/hooks/useCustom.js

@@ -11,7 +11,7 @@ var mergeObject = function mergeObject(list) {
   }, {});
 };
 var getDefaultRTL = function getDefaultRTL() {
-  return typeof window !== 'undefined' && (document.body.getAttribute('dir') || document.dir) === 'rtl';
+  return typeof document !== 'undefined' && (document.body.getAttribute('dir') || document.dir) === 'rtl';
 };
 
 /**

package/esm/internals/hooks/useIsomorphicLayoutEffect.js

@@ -1,4 +1,4 @@
 'use client';
 import { useEffect, useLayoutEffect } from 'react';
-export var useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
+export var useIsomorphicLayoutEffect = typeof document !== 'undefined' ? useLayoutEffect : useEffect;
 export default useIsomorphicLayoutEffect;

package/package.json

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

package/styles/color-modes/light.less

@@ -298,11 +298,11 @@
   --rs-rate-symbol-checked: var(--rs-blue-500);
 
   // Toggle
-  --rs-toggle-bg: var(--rs-gray-300);
+  --rs-toggle-bg: var(--rs-gray-400);
   --rs-toggle-thumb: #fff;
   --rs-toggle-loader-ring: rgb(from var(--rs-gray-50) r g b / 30%);
   --rs-toggle-loader-rotor: var(--rs-gray-0);
-  --rs-toggle-hover-bg: var(--rs-gray-400);
+  --rs-toggle-hover-bg: var(--rs-gray-500);
   --rs-toggle-disabled-bg: var(--rs-gray-200);
   --rs-toggle-disabled-thumb: #fff;
   --rs-toggle-checked-bg: var(--rs-primary-500);

package/styles/colors/light.less

@@ -18,12 +18,12 @@
 @B100: #f2f2f5;
 @B200: #e5e5ea;
 @B300: #d9d9d9;
-@B400: #c5c6c7;
-@B500: #a6a6a6;
-@B600: #8e8e93;
-@B700: #7a7a7a;
-@B800: #575757;
-@B900: #272c36;
+@B400: #b6b7b8;
+@B500: #939393;
+@B600: #717273;
+@B700: #575757;
+@B800: #343434;
+@B900: #121212;
 
 // Secondary palette
 

package/styles/variables.less

@@ -616,6 +616,7 @@
 @loader-duration-fast:              0.4s;
 @loader-duration-normal:            0.6s;
 @loader-duration-slow:              0.8s;
+@loader-duration-paused:          paused;
 
 // spacing
 @loader-content-spin-spacing-horizontal:    12px;