rsuite 5.65.0 → 5.65.1

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/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.65.1",
   "description": "A suite of react components",
   "main": "cjs/index.js",
   "module": "esm/index.js",