rsuite 5.76.3 → 5.77.1

package/esm/DatePicker/DatePicker.js

@@ -430,6 +430,7 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   };
   var hasValue = isValid(value);
   var _usePickerClassName = usePickerClassName(_extends({}, props, {
+      className: className,
       classPrefix: classPrefix,
       name: 'date',
       appearance: appearance,
@@ -485,7 +486,7 @@ var DatePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onExit: createChainedFunction(events.onInactive, onExit),
     speaker: renderCalendarOverlay
   }, /*#__PURE__*/React.createElement(Component, {
-    className: merge(className, classes, (_merge = {}, _merge[prefix('error')] = invalidValue, _merge)),
+    className: merge(classes, (_merge = {}, _merge[prefix('error')] = invalidValue, _merge)),
     style: style,
     ref: root
   }, plaintext ? /*#__PURE__*/React.createElement(DateInput, {

package/esm/DatePicker/types.d.ts

@@ -3,11 +3,11 @@ export type ToolbarValue = Date | [Date?, Date?];
 export interface RangeType<T> {
     label: ReactNode;
     closeOverlay?: boolean;
-    value: T | ((value: T) => T);
+    value: T | ((value: T) => T) | null;
     placement?: 'bottom' | 'left';
 }
 export interface InnerRange<T> extends Omit<RangeType<T>, 'value'> {
-    value: T;
+    value: T | null;
 }
 export interface DeprecatedProps {
     /**

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),
@@ -584,6 +585,9 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     if (selectedDates === void 0) {
       selectedDates = [];
     }
+    if (selectedDates === null) {
+      return false;
+    }
     var _selectedDates = selectedDates,
       startDate = _selectedDates[0],
       endDate = _selectedDates[1];
@@ -666,7 +670,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) {
@@ -738,6 +743,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var hasValue = !isNil(value) && value.length > 1;
   var _usePickerClassName = usePickerClassName(_extends({}, props, {
       classPrefix: classPrefix,
+      className: className,
       name: 'daterange',
       appearance: appearance,
       hasValue: hasValue,
@@ -809,7 +815,7 @@ var DateRangePicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
     speaker: renderCalendarOverlay
   }, /*#__PURE__*/React.createElement(Component, {
     ref: root,
-    className: merge(className, classes, (_merge = {}, _merge[prefix('error')] = invalidValue, _merge)),
+    className: merge(classes, (_merge = {}, _merge[prefix('error')] = invalidValue, _merge)),
     style: style
   }, plaintext ? /*#__PURE__*/React.createElement(DateRangeInput, {
     value: value,

package/esm/DateRangePicker/types.d.ts

@@ -1,13 +1,8 @@
-import React from 'react';
 import { DATERANGE_DISABLED_TARGET } from '../internals/constants';
-export type ValueType = [Date?, Date?];
+import type { RangeType as DatePickerRangeType } from '../DatePicker/types';
+export type ValueType = [Date?, Date?] | null;
 export type DateRange = [Date, Date];
-export interface RangeType<T = DateRange> {
-    label: React.ReactNode;
-    value: T | ((value?: T) => T);
-    closeOverlay?: boolean;
-    placement?: 'bottom' | 'left';
-}
+export type RangeType<T = DateRange> = DatePickerRangeType<T>;
 export type DisabledDateFunction = (
 /**
  * Date used to determine if disabling is required.

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/esm/internals/Menu/Menubar.js

@@ -29,7 +29,10 @@ export default function Menubar(_ref) {
     if (isFocusEntering(event) &&
     // Skip if focus is moving to a focusable element within this menu
     !(event.target !== event.currentTarget && isFocusableElement(event.target))) {
-      if (activeItemIndex === null) {
+      var disabled = event.target.getAttribute('aria-disabled');
+
+      // Skip if the item is disabled
+      if (activeItemIndex === null && disabled !== 'true') {
         dispatch({
           type: MenuActionTypes.MoveFocus,
           to: MoveFocusTo.First

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rsuite",
-  "version": "5.76.3",
+  "version": "5.77.1",
   "description": "A suite of react components",
   "main": "cjs/index.js",
   "module": "esm/index.js",
@@ -28,18 +28,18 @@
     "@babel/runtime": "^7.20.1",
     "@juggle/resize-observer": "^3.4.0",
     "@rsuite/icons": "^1.3.0",
-    "@types/lodash": "^4.14.184",
+    "@types/lodash": "^4.17.15",
     "@types/prop-types": "^15.7.5",
     "@types/react-window": "^1.8.5",
     "classnames": "^2.3.1",
     "date-fns": "^2.29.3",
     "dom-lib": "^3.3.1",
-    "lodash": "^4.17.11",
+    "lodash": "^4.17.21",
     "prop-types": "^15.8.1",
     "react-use-set": "^1.0.0",
     "react-window": "^1.8.8",
     "rsuite-table": "^5.19.1",
-    "schema-typed": "^2.2.2"
+    "schema-typed": "^2.3.0"
   },
   "peerDependencies": {
     "react": ">=16.8.0",