rsuite 5.76.1 → 5.76.3

package/esm/FormControl/hooks/useField.js

@@ -15,7 +15,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__*/isValidElement(error)) {
     return error;

package/esm/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/esm/toaster/ToastContainer.js

@@ -10,11 +10,14 @@ import React, { useState, useImperativeHandle, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import kebabCase from 'lodash/kebabCase';
 import Transition from "../Animation/Transition.js";
+import ToastContext from "./ToastContext.js";
+import canUseDOM from 'dom-lib/canUseDOM';
 import { useClassNames } from "../internals/hooks/index.js";
 import { guid, createChainedFunction } from "../internals/utils/index.js";
-import ToastContext from "./ToastContext.js";
 import { render } from "./render.js";
-export var defaultToasterContainer = document.body;
+export var defaultToasterContainer = function defaultToasterContainer() {
+  return canUseDOM ? document.body : null;
+};
 export var toastPlacements = ['topCenter', 'bottomCenter', 'topStart', 'topEnd', 'bottomStart', 'bottomEnd'];
 var useMessages = function useMessages() {
   var _useState = useState([]),

package/esm/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/esm/toaster/toaster.js

@@ -56,10 +56,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 ? defaultToasterContainer : _options$container,
     restOptions = _objectWithoutPropertiesLoose(_options, _excluded);
-  var containerElement = (typeof container === 'function' ? container() : container) || defaultToasterContainer;
-  var containerElementId = containerElement[toasterKeyOfContainerElement];
+  var containerElement = typeof container === 'function' ? container() : container;
+  var containerElementId = containerElement ? containerElement[toasterKeyOfContainerElement] : null;
   if (containerElementId) {
     var existedContainer = getContainer(containerElementId, placement);
     if (existedContainer) {

package/internals/Picker/styles/mixin.less

@@ -110,6 +110,11 @@
         top: @padding-vertical - @picker-default-toggle-border-width;
       }
     }
+
+    .rs-picker-loader{
+      top: @padding-vertical;
+      right: @padding-horizontal;
+    }
   }
 }
 

package/package.json

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

package/styles/typography.less

@@ -116,8 +116,3 @@ dd {
   margin-bottom: (@line-height-computed / 2);
 }
 
-// font-face
-@font-face {
-  font-family: Apple-System;
-  src: local(-apple-system), local(BlinkMacSystemFont), local(system-ui);
-}

package/styles/variables.less

@@ -124,7 +124,7 @@
 // Typography
 // Font, line-height, and color for body text, headings, and more.
 
-@font-family-base:      Apple-System, Arial, Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', STXihei, sans-serif;
+@font-family-base:      -apple-system, BlinkMacSystemFont, Arial, Helvetica, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', STXihei, sans-serif;
 
 @font-size-extra-large: 18px;
 @font-size-large:       16px;