rsuite 5.77.0 → 5.77.1

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+## [5.77.1](https://github.com/rsuite/rsuite/compare/v5.77.0...v5.77.1) (2025-02-07)
+
+
+### Bug Fixes
+
+* **DateRangePicker:** allow ranges option value to be null ([#4141](https://github.com/rsuite/rsuite/issues/4141)) ([32017c4](https://github.com/rsuite/rsuite/commit/32017c4429d15e9d3ca881b0e59e9d63bb89427a))
+* **Dropdown:** prevent focus moving to first item when focusing on disabled item ([#4142](https://github.com/rsuite/rsuite/issues/4142)) ([caa4a9a](https://github.com/rsuite/rsuite/commit/caa4a9adad08f69fb09f226a99c17a6becb58041))
+* **Form:** validation for nested array fields ([#4139](https://github.com/rsuite/rsuite/issues/4139)) ([dbf15cb](https://github.com/rsuite/rsuite/commit/dbf15cb5232c25d54c691411884c2aad0583bedd))
+* prevent duplicate className in DatePicker and DateRangePicker components ([#4140](https://github.com/rsuite/rsuite/issues/4140)) ([fa3f40d](https://github.com/rsuite/rsuite/commit/fa3f40d30752a4af5a6d463c65d1df70adf9a74a))
+
+
+
 # [5.77.0](https://github.com/rsuite/rsuite/compare/v5.76.3...v5.77.0) (2025-01-21)
 
 

package/Dropdown/styles/index.css

@@ -1448,7 +1448,6 @@
   color: #717273;
   color: var(--rs-text-disabled);
   cursor: not-allowed;
-  pointer-events: none;
 }
 .rs-dropdown-item-disabled .rs-text {
   color: #717273;

package/Dropdown/styles/index.less

@@ -173,7 +173,6 @@
   &-disabled {
     color: var(--rs-text-disabled);
     cursor: @cursor-disabled;
-    pointer-events: none;
 
     .rs-text {
       color: var(--rs-text-disabled);

package/Nav/styles/index.css

@@ -1491,7 +1491,6 @@
   color: #717273;
   color: var(--rs-text-disabled);
   cursor: not-allowed;
-  pointer-events: none;
 }
 .rs-dropdown-item-disabled .rs-text {
   color: #717273;

package/Navbar/styles/index.css

@@ -1491,7 +1491,6 @@
   color: #717273;
   color: var(--rs-text-disabled);
   cursor: not-allowed;
-  pointer-events: none;
 }
 .rs-dropdown-item-disabled .rs-text {
   color: #717273;

package/Tabs/styles/index.css

@@ -1491,7 +1491,6 @@
   color: #717273;
   color: var(--rs-text-disabled);
   cursor: not-allowed;
-  pointer-events: none;
 }
 .rs-dropdown-item-disabled .rs-text {
   color: #717273;

package/cjs/DatePicker/DatePicker.js

@@ -436,6 +436,7 @@ var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   };
   var hasValue = (0, _date.isValid)(value);
   var _usePickerClassName = (0, _Picker.usePickerClassName)((0, _extends2.default)({}, props, {
+      className: className,
       classPrefix: classPrefix,
       name: 'date',
       appearance: appearance,
@@ -491,7 +492,7 @@ var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     onExit: (0, _utils2.createChainedFunction)(events.onInactive, onExit),
     speaker: renderCalendarOverlay
   }, /*#__PURE__*/_react.default.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.default.createElement(_DateInput.default, {

package/cjs/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/cjs/DateRangePicker/DateRangePicker.js

@@ -592,6 +592,9 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
     if (selectedDates === void 0) {
       selectedDates = [];
     }
+    if (selectedDates === null) {
+      return false;
+    }
     var _selectedDates = selectedDates,
       startDate = _selectedDates[0],
       endDate = _selectedDates[1];
@@ -747,6 +750,7 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
   var hasValue = !(0, _isNil.default)(value) && value.length > 1;
   var _usePickerClassName = (0, _Picker.usePickerClassName)((0, _extends2.default)({}, props, {
       classPrefix: classPrefix,
+      className: className,
       name: 'daterange',
       appearance: appearance,
       hasValue: hasValue,
@@ -818,7 +822,7 @@ var DateRangePicker = /*#__PURE__*/_react.default.forwardRef(function (props, re
     speaker: renderCalendarOverlay
   }, /*#__PURE__*/_react.default.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.default.createElement(_DateRangeInput.default, {
     value: value,

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

@@ -37,7 +37,10 @@ function Menubar(_ref) {
     if ((0, _utils.isFocusEntering)(event) &&
     // Skip if focus is moving to a focusable element within this menu
     !(event.target !== event.currentTarget && (0, _utils.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: _MenuContext.MenuActionTypes.MoveFocus,
           to: _MenuContext.MoveFocusTo.First

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

@@ -5420,7 +5420,6 @@ label:hover .rs-checkbox-control .rs-checkbox-inner::before {
   color: #717273;
   color: var(--rs-text-disabled);
   cursor: not-allowed;
-  pointer-events: none;
 }
 .rs-dropdown-item-disabled .rs-text {
   color: #717273;