rsuite 5.76.1 → 5.76.3

package/TagInput/styles/index.css

@@ -3022,6 +3022,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-default .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean {
   top: 7px;
 }
+.rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-loader {
+  top: 8px;
+  right: 12px;
+}
 .rs-picker-date .rs-picker-toggle.rs-btn,
 .rs-picker-daterange .rs-picker-toggle.rs-btn {
   padding-right: 36px;
@@ -3063,6 +3067,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-default .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean {
   top: 9px;
 }
+.rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-loader {
+  top: 10px;
+  right: 16px;
+}
 .rs-picker-default .rs-picker-toggle.rs-btn-lg {
   padding-left: 15px;
 }
@@ -3139,6 +3147,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-default .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean {
   top: 7px;
 }
+.rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-loader {
+  top: 8px;
+  right: 12px;
+}
 .rs-picker-default .rs-picker-toggle.rs-btn-md {
   padding-left: 11px;
 }
@@ -3217,6 +3229,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-default .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean {
   top: 4px;
 }
+.rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-loader {
+  top: 5px;
+  right: 10px;
+}
 .rs-picker-default .rs-picker-toggle.rs-btn-sm {
   padding-left: 9px;
 }
@@ -3295,6 +3311,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-default .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean {
   top: 1px;
 }
+.rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-loader {
+  top: 2px;
+  right: 8px;
+}
 .rs-picker-default .rs-picker-toggle.rs-btn-xs {
   padding-left: 7px;
 }

package/TagPicker/styles/index.css

@@ -3022,6 +3022,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-default .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean {
   top: 7px;
 }
+.rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-loader {
+  top: 8px;
+  right: 12px;
+}
 .rs-picker-date .rs-picker-toggle.rs-btn,
 .rs-picker-daterange .rs-picker-toggle.rs-btn {
   padding-right: 36px;
@@ -3063,6 +3067,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-default .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean {
   top: 9px;
 }
+.rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-loader {
+  top: 10px;
+  right: 16px;
+}
 .rs-picker-default .rs-picker-toggle.rs-btn-lg {
   padding-left: 15px;
 }
@@ -3139,6 +3147,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-default .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean {
   top: 7px;
 }
+.rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-loader {
+  top: 8px;
+  right: 12px;
+}
 .rs-picker-default .rs-picker-toggle.rs-btn-md {
   padding-left: 11px;
 }
@@ -3217,6 +3229,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-default .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean {
   top: 4px;
 }
+.rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-loader {
+  top: 5px;
+  right: 10px;
+}
 .rs-picker-default .rs-picker-toggle.rs-btn-sm {
   padding-left: 9px;
 }
@@ -3295,6 +3311,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-default .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean {
   top: 1px;
 }
+.rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-loader {
+  top: 2px;
+  right: 8px;
+}
 .rs-picker-default .rs-picker-toggle.rs-btn-xs {
   padding-left: 7px;
 }

package/Text/styles/index.css

@@ -67,7 +67,7 @@
           box-sizing: border-box;
 }
 .rs-text {
-  font-family: Apple-System, Arial, Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', STXihei, sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, Arial, Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', STXihei, sans-serif;
   line-height: 1.42857143;
   color: #343434;
   color: var(--rs-text-primary);

package/TimePicker/styles/index.css

@@ -3425,6 +3425,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-default .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean {
   top: 7px;
 }
+.rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-loader {
+  top: 8px;
+  right: 12px;
+}
 .rs-picker-date .rs-picker-toggle.rs-btn,
 .rs-picker-daterange .rs-picker-toggle.rs-btn {
   padding-right: 36px;
@@ -3466,6 +3470,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-default .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean {
   top: 9px;
 }
+.rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-loader {
+  top: 10px;
+  right: 16px;
+}
 .rs-picker-default .rs-picker-toggle.rs-btn-lg {
   padding-left: 15px;
 }
@@ -3542,6 +3550,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-default .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean {
   top: 7px;
 }
+.rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-loader {
+  top: 8px;
+  right: 12px;
+}
 .rs-picker-default .rs-picker-toggle.rs-btn-md {
   padding-left: 11px;
 }
@@ -3620,6 +3632,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-default .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean {
   top: 4px;
 }
+.rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-loader {
+  top: 5px;
+  right: 10px;
+}
 .rs-picker-default .rs-picker-toggle.rs-btn-sm {
   padding-left: 9px;
 }
@@ -3698,6 +3714,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-default .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean {
   top: 1px;
 }
+.rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-loader {
+  top: 2px;
+  right: 8px;
+}
 .rs-picker-default .rs-picker-toggle.rs-btn-xs {
   padding-left: 7px;
 }

package/TimeRangePicker/styles/index.css

@@ -3425,6 +3425,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-default .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean {
   top: 7px;
 }
+.rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-loader {
+  top: 8px;
+  right: 12px;
+}
 .rs-picker-date .rs-picker-toggle.rs-btn,
 .rs-picker-daterange .rs-picker-toggle.rs-btn {
   padding-right: 36px;
@@ -3466,6 +3470,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-default .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean {
   top: 9px;
 }
+.rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-loader {
+  top: 10px;
+  right: 16px;
+}
 .rs-picker-default .rs-picker-toggle.rs-btn-lg {
   padding-left: 15px;
 }
@@ -3542,6 +3550,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-default .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean {
   top: 7px;
 }
+.rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-loader {
+  top: 8px;
+  right: 12px;
+}
 .rs-picker-default .rs-picker-toggle.rs-btn-md {
   padding-left: 11px;
 }
@@ -3620,6 +3632,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-default .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean {
   top: 4px;
 }
+.rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-loader {
+  top: 5px;
+  right: 10px;
+}
 .rs-picker-default .rs-picker-toggle.rs-btn-sm {
   padding-left: 9px;
 }
@@ -3698,6 +3714,10 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-picker-default .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean {
   top: 1px;
 }
+.rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-loader {
+  top: 2px;
+  right: 8px;
+}
 .rs-picker-default .rs-picker-toggle.rs-btn-xs {
   padding-left: 7px;
 }

package/cjs/FormControl/hooks/useField.js

@@ -20,7 +20,10 @@ function getErrorMessage(error) {
    * 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;
+    var _error$array$find;
+    return (_error$array$find = error.array.find(function (item) {
+      return item.hasError;
+    })) === null || _error$array$find === void 0 ? void 0 : _error$array$find.errorMessage;
   }
   if (/*#__PURE__*/(0, _react.isValidElement)(error)) {
     return error;

package/cjs/toaster/ToastContainer.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
-export declare const defaultToasterContainer: HTMLElement;
+export declare const defaultToasterContainer: () => HTMLElement | null;
 export type PlacementType = 'topCenter' | 'bottomCenter' | 'topStart' | 'topEnd' | 'bottomStart' | 'bottomEnd';
 export declare const toastPlacements: PlacementType[];
 export interface ToastContainerProps extends WithAsProps {
@@ -38,7 +38,7 @@ export interface NodeProps extends WithAsProps {
     onClose?: (event?: React.MouseEvent<HTMLDivElement>) => void;
 }
 export type GetInstancePropsType = Omit<ToastContainerProps, 'container' | 'placement'> & {
-    container: HTMLElement;
+    container: HTMLElement | null;
     placement: PlacementType;
 };
 interface ToastContainerComponent extends RsRefForwardingComponent<'div', ToastContainerProps> {

package/cjs/toaster/ToastContainer.js

@@ -12,16 +12,19 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _kebabCase = _interopRequireDefault(require("lodash/kebabCase"));
 var _Transition = _interopRequireDefault(require("../Animation/Transition"));
+var _ToastContext = _interopRequireDefault(require("./ToastContext"));
+var _canUseDOM = _interopRequireDefault(require("dom-lib/canUseDOM"));
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
-var _ToastContext = _interopRequireDefault(require("./ToastContext"));
 var _render = require("./render");
 var _excluded = ["as", "className", "classPrefix", "placement"],
   _excluded2 = ["className"],
   _excluded3 = ["container"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-var defaultToasterContainer = exports.defaultToasterContainer = document.body;
+var defaultToasterContainer = exports.defaultToasterContainer = function defaultToasterContainer() {
+  return _canUseDOM.default ? document.body : null;
+};
 var toastPlacements = exports.toastPlacements = ['topCenter', 'bottomCenter', 'topStart', 'topEnd', 'bottomStart', 'bottomEnd'];
 var useMessages = function useMessages() {
   var _useState = (0, _react.useState)([]),

package/cjs/toaster/render.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 export declare const toasterKeyOfContainerElement = "toasterId";
-export declare function render(element: React.ReactElement<any>, container: HTMLElement): string;
+export declare function render(element: React.ReactElement<any>, container: HTMLElement | null): string;

package/cjs/toaster/toaster.js

@@ -63,10 +63,11 @@ _toaster.push = function (message, options) {
   var _options = options,
     _options$placement = _options.placement,
     placement = _options$placement === void 0 ? 'topCenter' : _options$placement,
-    container = _options.container,
+    _options$container = _options.container,
+    container = _options$container === void 0 ? _ToastContainer.defaultToasterContainer : _options$container,
     restOptions = (0, _objectWithoutPropertiesLoose2.default)(_options, _excluded);
-  var containerElement = (typeof container === 'function' ? container() : container) || _ToastContainer.defaultToasterContainer;
-  var containerElementId = containerElement[_render.toasterKeyOfContainerElement];
+  var containerElement = typeof container === 'function' ? container() : container;
+  var containerElementId = containerElement ? containerElement[_render.toasterKeyOfContainerElement] : null;
   if (containerElementId) {
     var existedContainer = getContainer(containerElementId, placement);
     if (existedContainer) {

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

@@ -16741,7 +16741,7 @@ textarea.rs-inline-edit-sm .rs-plaintext {
   white-space: nowrap;
 }
 .rs-text {
-  font-family: Apple-System, Arial, Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', STXihei, sans-serif;
+  font-family: -apple-system, BlinkMacSystemFont, Arial, Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', STXihei, sans-serif;
   line-height: 1.42857143;
   color: #343434;
   color: var(--rs-text-primary);
@@ -17277,6 +17277,10 @@ kbd.rs-text {
 .rs-picker-default .rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-clean {
   top: 7px;
 }
+.rs-picker-toggle.rs-btn .rs-picker-toggle-indicator .rs-picker-loader {
+  top: 8px;
+  left: 12px;
+}
 .rs-picker-date .rs-picker-toggle.rs-btn,
 .rs-picker-daterange .rs-picker-toggle.rs-btn {
   padding-left: 36px;
@@ -17318,6 +17322,10 @@ kbd.rs-text {
 .rs-picker-default .rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-clean {
   top: 9px;
 }
+.rs-picker-toggle.rs-btn-lg .rs-picker-toggle-indicator .rs-picker-loader {
+  top: 10px;
+  left: 16px;
+}
 .rs-picker-default .rs-picker-toggle.rs-btn-lg {
   padding-right: 15px;
 }
@@ -17394,6 +17402,10 @@ kbd.rs-text {
 .rs-picker-default .rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-clean {
   top: 7px;
 }
+.rs-picker-toggle.rs-btn-md .rs-picker-toggle-indicator .rs-picker-loader {
+  top: 8px;
+  left: 12px;
+}
 .rs-picker-default .rs-picker-toggle.rs-btn-md {
   padding-right: 11px;
 }
@@ -17472,6 +17484,10 @@ kbd.rs-text {
 .rs-picker-default .rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-clean {
   top: 4px;
 }
+.rs-picker-toggle.rs-btn-sm .rs-picker-toggle-indicator .rs-picker-loader {
+  top: 5px;
+  left: 10px;
+}
 .rs-picker-default .rs-picker-toggle.rs-btn-sm {
   padding-right: 9px;
 }
@@ -17550,6 +17566,10 @@ kbd.rs-text {
 .rs-picker-default .rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-clean {
   top: 1px;
 }
+.rs-picker-toggle.rs-btn-xs .rs-picker-toggle-indicator .rs-picker-loader {
+  top: 2px;
+  left: 8px;
+}
 .rs-picker-default .rs-picker-toggle.rs-btn-xs {
   padding-right: 7px;
 }