rsuite 5.76.2 → 5.77.0

package/esm/DateRangePicker/DateRangePicker.d.ts

@@ -159,6 +159,12 @@ export interface DateRangePickerProps extends PickerBaseProps<DateRangePickerLoc
      * Custom render for calendar title
      */
     renderTitle?: (date: Date) => React.ReactNode;
+    /**
+     * Custom rendering calendar cell content.
+     *
+     * @version 5.77.0
+     */
+    renderCell?: (date: Date) => React.ReactNode;
 }
 export interface DateRangePickerComponent extends PickerComponent<DateRangePickerProps> {
     /** Allow the maximum number of days specified, other dates are disabled */

package/esm/DateRangePicker/DateRangePicker.js

@@ -3,7 +3,7 @@ import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTempla
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 var _templateObject, _templateObject2;
-var _excluded = ["as", "classPrefix", "className", "appearance", "editable", "cleanable", "character", "calendarSnapping", "defaultCalendarValue", "defaultValue", "plaintext", "disabled", "disabledDate", "shouldDisableDate", "shouldDisableHour", "shouldDisableMinute", "shouldDisableSecond", "format", "hoverRange", "id", "isoWeek", "weekStart", "limitEndYear", "limitStartYear", "locale", "loading", "label", "menuClassName", "menuStyle", "oneTap", "placeholder", "placement", "ranges", "readOnly", "showOneCalendar", "showWeekNumbers", "showMeridian", "showMeridiem", "showHeader", "style", "size", "caretAs", "value", "monthDropdownProps", "hideHours", "hideMinutes", "hideSeconds", "onChange", "onClean", "onEnter", "onExit", "onOk", "onSelect", "onShortcutClick", "renderTitle", "renderValue"];
+var _excluded = ["as", "classPrefix", "className", "appearance", "editable", "cleanable", "character", "calendarSnapping", "defaultCalendarValue", "defaultValue", "plaintext", "disabled", "disabledDate", "shouldDisableDate", "shouldDisableHour", "shouldDisableMinute", "shouldDisableSecond", "format", "hoverRange", "id", "isoWeek", "weekStart", "limitEndYear", "limitStartYear", "locale", "loading", "label", "menuClassName", "menuStyle", "oneTap", "placeholder", "placement", "ranges", "readOnly", "showOneCalendar", "showWeekNumbers", "showMeridian", "showMeridiem", "showHeader", "style", "size", "caretAs", "value", "monthDropdownProps", "hideHours", "hideMinutes", "hideSeconds", "onChange", "onClean", "onEnter", "onExit", "onOk", "onSelect", "onShortcutClick", "renderTitle", "renderValue", "renderCell"];
 import React, { useEffect, useRef, useState, useMemo } from 'react';
 import isNil from 'lodash/isNil';
 import omit from 'lodash/omit';
@@ -109,6 +109,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onShortcutClick = propsWithDefaults.onShortcutClick,
     renderTitle = propsWithDefaults.renderTitle,
     renderValue = propsWithDefaults.renderValue,
+    renderCell = propsWithDefaults.renderCell,
     restProps = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var id = useUniqueId('rs-', idProp);
   var _usePickerRef = usePickerRef(ref),
@@ -666,7 +667,8 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       onChangeCalendarMonth: onChangeCalendarMonth,
       onChangeCalendarTime: onChangeCalendarTime,
       onMouseMove: onMouseMove,
-      renderTitle: renderTitle
+      renderTitle: renderTitle,
+      renderCellOnPicker: renderCell
     };
     var getCalendars = function getCalendars() {
       if (showOneCalendar) {

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/FormControl/utils.d.ts

@@ -1 +1,9 @@
+/**
+ * Converts a field name to a path that can be used in a nested object.
+ * @example
+ * nameToPath('a.b.c') // 'a.object.b.object.c'
+ * nameToPath('items[0].name') // 'items.array[0].object.name'
+ * @param name the field name to convert
+ * @returns the converted path
+ */
 export declare function nameToPath(name: string): string;

package/esm/FormControl/utils.js

@@ -1,4 +1,47 @@
 'use client';
+/**
+ * Converts a field name to a path that can be used in a nested object.
+ * @example
+ * nameToPath('a.b.c') // 'a.object.b.object.c'
+ * nameToPath('items[0].name') // 'items.array[0].object.name'
+ * @param name the field name to convert
+ * @returns the converted path
+ */
 export function nameToPath(name) {
-  return name.includes('.') ? name.replace('.', '.object.') : name;
+  if (!name.includes('.') && !name.includes('[')) {
+    return name;
+  }
+
+  // Split the path by dots and array accessors
+  var parts = name.split(/\.|\[|\]\.?/).filter(Boolean);
+  var result = [];
+  for (var i = 0; i < parts.length; i++) {
+    var part = parts[i];
+    var isLast = i === parts.length - 1;
+    if (part.match(/^\d+$/)) {
+      // If it's a number (array index), add array accessor
+      result.push("array[" + part + "]");
+      // If there's a next part and it's not an array index, add .object
+      if (!isLast && !parts[i + 1].match(/^\d+$/)) {
+        result.push('object');
+      }
+    } else {
+      // For regular property names
+      if (!isLast) {
+        // Not the last part, add .object unless next part is array index
+        var nextPart = parts[i + 1];
+        if (nextPart && nextPart.match(/^\d+$/)) {
+          // Next part is array index
+          result.push(part);
+        } else {
+          // Next part is object property
+          result.push(part + ".object");
+        }
+      } else {
+        // Last part, just add the name
+        result.push(part);
+      }
+    }
+  }
+  return result.join('.');
 }

package/esm/InputPicker/InputPicker.js

@@ -390,7 +390,13 @@ var InputPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     handleChange(val, event);
   });
   var handleClean = useEventCallback(function (event) {
-    if (disabled || searchKeyword !== '') {
+    if (disabled) {
+      return;
+    }
+
+    // When there is a value in the search box and the user presses the delete key on the keyboard,
+    // do not trigger clearing
+    if (inputRef.current === event.target && searchKeyword !== '') {
       return;
     }
     setValue(null);

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.2",
+  "version": "5.77.0",
   "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;