rsuite 5.65.0 → 5.65.1

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+## [5.65.1](https://github.com/rsuite/rsuite/compare/v5.65.0...v5.65.1) (2024-07-05)
+
+
+### Bug Fixes
+
+* **Deno:** prevent ReferenceError in Deno environments ([#3865](https://github.com/rsuite/rsuite/issues/3865)) ([02cf882](https://github.com/rsuite/rsuite/commit/02cf88247ca287ec86b2765d0400aa9a18d4106a))
+* **Drawer:** remove the `max-height` that should not exist in Drawer.Body ([#3868](https://github.com/rsuite/rsuite/issues/3868)) ([7526b35](https://github.com/rsuite/rsuite/commit/7526b35e5c04d0a59ed72f5bb9c0e16a9fdef4c1))
+* errorMessage isn't shown when using ArrayType().of ([#3867](https://github.com/rsuite/rsuite/issues/3867)) ([16668a1](https://github.com/rsuite/rsuite/commit/16668a13e286608b659167e3f6266099608c9aea))
+* **progress:** consistent spacing between label/icon & progress line (Vertical) ([#3862](https://github.com/rsuite/rsuite/issues/3862)) ([672c63b](https://github.com/rsuite/rsuite/commit/672c63b5cd289449689abe503fd0eafcde31c116))
+
+
+
 # [5.65.0](https://github.com/rsuite/rsuite/compare/v5.64.2...v5.65.0) (2024-06-28)
 
 

package/Progress/styles/index.css

@@ -273,6 +273,7 @@
   -ms-flex-preferred-size: auto;
       flex-basis: auto;
   padding-left: 0;
+  padding-bottom: 12px;
   width: auto;
 }
 .rs-progress-line.rs-progress-line-vertical .rs-progress-line-bg {

package/Progress/styles/index.less

@@ -161,6 +161,7 @@
   &&-vertical .rs-progress-info {
     flex-basis: auto;
     padding-left: 0;
+    padding-bottom: @progress-element-gap;
     width: auto;
   }
 

package/cjs/Drawer/Drawer.js

@@ -54,6 +54,7 @@ var Drawer = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     value: contextValue
   }, /*#__PURE__*/_react.default.createElement(_Modal.default, (0, _extends2.default)({}, rest, {
     ref: ref,
+    overflow: false,
     classPrefix: classPrefix,
     className: classes,
     animation: animation,

package/cjs/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/cjs/FormControl/hooks/useField.js

@@ -6,9 +6,20 @@ exports.__esModule = true;
 exports.default = void 0;
 var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = require("react");
-var _get2 = _interopRequireDefault(require("lodash/get"));
+var _get = _interopRequireDefault(require("lodash/get"));
 var _set = _interopRequireDefault(require("lodash/set"));
 var _utils = require("../utils");
+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,
@@ -21,21 +32,20 @@ function useField(props) {
     if (typeof value !== 'undefined') {
       return value;
     }
-    return nestedField ? (0, _get2.default)(formValue, name) : formValue === null || formValue === void 0 ? void 0 : formValue[name];
+    return nestedField ? (0, _get.default)(formValue, name) : formValue === null || formValue === void 0 ? void 0 : formValue[name];
   }, [formValue, name, nestedField, value]);
   var fieldError = (0, _react.useMemo)(function () {
     if (typeof errorMessage !== 'undefined' || !errorFromContext) {
       return errorMessage;
     }
     if (nestedField) {
-      var _get;
-      return (_get = (0, _get2.default)(formError, (0, _utils.nameToPath)(name))) === null || _get === void 0 ? void 0 : _get.errorMessage;
+      return getErrorMessage((0, _get.default)(formError, (0, _utils.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 = (0, _react.useCallback)(function (fieldName, fieldValue) {
     var _extends2;

package/cjs/internals/hooks/useCustom.js

@@ -17,7 +17,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/cjs/internals/hooks/useIsomorphicLayoutEffect.js

@@ -4,5 +4,5 @@
 exports.__esModule = true;
 exports.useIsomorphicLayoutEffect = exports.default = void 0;
 var _react = require("react");
-var useIsomorphicLayoutEffect = exports.useIsomorphicLayoutEffect = typeof window !== 'undefined' ? _react.useLayoutEffect : _react.useEffect;
+var useIsomorphicLayoutEffect = exports.useIsomorphicLayoutEffect = typeof document !== 'undefined' ? _react.useLayoutEffect : _react.useEffect;
 var _default = exports.default = useIsomorphicLayoutEffect;

package/dist/rsuite-no-reset-rtl.css

@@ -12004,6 +12004,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   -ms-flex-preferred-size: auto;
       flex-basis: auto;
   padding-right: 0;
+  padding-bottom: 12px;
   width: auto;
 }
 .rs-progress-line.rs-progress-line-vertical .rs-progress-line-bg {