rsuite 5.74.0-beta.0 → 5.74.1

package/AutoComplete/styles/index.css

@@ -3020,6 +3020,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   right: 12px;
   height: 20px;
   font-size: 12px;
+  font-size: 16px;
   color: #717273;
   color: var(--rs-text-secondary);
 }

package/CHANGELOG.md

@@ -1,3 +1,42 @@
+## [5.74.1](https://github.com/rsuite/rsuite/compare/v5.74.0...v5.74.1) (2024-11-01)
+
+
+### Bug Fixes
+
+* **CustomProvider:** fix CustomContext is undefined after Babel compiles commonjs module ([#4032](https://github.com/rsuite/rsuite/issues/4032)) ([beec3e1](https://github.com/rsuite/rsuite/commit/beec3e1c7ccbcb305ad4f26e0d445773c7d95b2b))
+
+
+
+# [5.74.0](https://github.com/rsuite/rsuite/compare/v5.73.1...v5.74.0) (2024-11-01)
+
+
+### Bug Fixes
+
+* **Form:** add missing event object to onSubmit callback ([#4026](https://github.com/rsuite/rsuite/issues/4026)) ([1a80d3f](https://github.com/rsuite/rsuite/commit/1a80d3fe5a31b84786f00c694c67a3b3b37c5b19))
+
+
+### Features
+
+* **CustomProvider:** support setting the default value of the component props globally ([#4012](https://github.com/rsuite/rsuite/issues/4012)) ([b845907](https://github.com/rsuite/rsuite/commit/b8459079e7b0332bb29577535442f7b715e3d78a))
+
+
+
+## [5.73.1](https://github.com/rsuite/rsuite/compare/v5.73.0...v5.73.1) (2024-10-25)
+
+
+### Bug Fixes
+
+* **Calendar:** fix not triggering the `onToggleTimeDropdown` event when collapsing the time panel ([#4009](https://github.com/rsuite/rsuite/issues/4009)) ([9e2d69e](https://github.com/rsuite/rsuite/commit/9e2d69e232b1317e00b856a470e97c2d7b4ddd37))
+* **CheckTree:** fix focus lost when search keyword matches selected item ([#4017](https://github.com/rsuite/rsuite/issues/4017)) ([119fed2](https://github.com/rsuite/rsuite/commit/119fed2778c2defb5cb772050cc52e9f72f63d87))
+* **Modal:** the style of Modal is messy when it's rendered inside of a Drawer ([#4016](https://github.com/rsuite/rsuite/issues/4016)) ([922ab04](https://github.com/rsuite/rsuite/commit/922ab04eb09f0437fa21db91b69cf7c8d9e407fc))
+
+
+### Features
+
+* **FormErrorMessage:** support display react element ([#4013](https://github.com/rsuite/rsuite/issues/4013)) ([50f22fc](https://github.com/rsuite/rsuite/commit/50f22fc104aa0e32c255aed4da89b6cb2c6a2447))
+
+
+
 # [5.73.0](https://github.com/rsuite/rsuite/compare/v5.72.0...v5.73.0) (2024-10-18)
 
 

package/CascadeTree/styles/index.css

@@ -270,6 +270,7 @@
   right: 12px;
   height: 20px;
   font-size: 12px;
+  font-size: 14px;
 }
 
 /*# sourceMappingURL=index.css.map */

package/CascadeTree/styles/index.less

@@ -81,4 +81,6 @@
 
 .rs-cascade-tree-caret {
   .combobox-indicator-icon();
+
+  font-size: 14px;
 }

package/Cascader/styles/index.css

@@ -617,6 +617,7 @@
   right: 12px;
   height: 20px;
   font-size: 12px;
+  font-size: 14px;
 }
 .rs-btn {
   display: -webkit-inline-box;
@@ -3211,6 +3212,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   right: 12px;
   height: 20px;
   font-size: 12px;
+  font-size: 16px;
   color: #717273;
   color: var(--rs-text-secondary);
 }

package/CheckPicker/styles/index.css

@@ -3321,6 +3321,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   right: 12px;
   height: 20px;
   font-size: 12px;
+  font-size: 16px;
   color: #717273;
   color: var(--rs-text-secondary);
 }

package/CheckTree/styles/index.css

@@ -3039,6 +3039,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   right: 12px;
   height: 20px;
   font-size: 12px;
+  font-size: 16px;
   color: #717273;
   color: var(--rs-text-secondary);
 }

package/CheckTreePicker/styles/index.css

@@ -3039,6 +3039,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   right: 12px;
   height: 20px;
   font-size: 12px;
+  font-size: 16px;
   color: #717273;
   color: var(--rs-text-secondary);
 }

package/DatePicker/styles/index.css

@@ -3828,6 +3828,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   right: 12px;
   height: 20px;
   font-size: 12px;
+  font-size: 16px;
   color: #717273;
   color: var(--rs-text-secondary);
 }

package/DateRangePicker/styles/index.css

@@ -3828,6 +3828,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   right: 12px;
   height: 20px;
   font-size: 12px;
+  font-size: 16px;
   color: #717273;
   color: var(--rs-text-secondary);
 }

package/InputNumber/styles/index.css

@@ -1926,6 +1926,8 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-input-number-touchspin-up > .rs-icon,
 .rs-input-number-touchspin-down > .rs-icon {
   height: 17px;
+  color: #717273;
+  color: var(--rs-text-secondary);
 }
 .rs-input-group-lg .rs-input-number-touchspin-up,
 .rs-input-group-lg .rs-input-number-touchspin-down {
@@ -1934,6 +1936,8 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-input-group-lg .rs-input-number-touchspin-up > .rs-icon,
 .rs-input-group-lg .rs-input-number-touchspin-down > .rs-icon {
   height: 20px;
+  color: #717273;
+  color: var(--rs-text-secondary);
 }
 .rs-input-group-sm .rs-input-number-touchspin-up,
 .rs-input-group-sm .rs-input-number-touchspin-down {
@@ -1942,6 +1946,8 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-input-group-sm .rs-input-number-touchspin-up > .rs-icon,
 .rs-input-group-sm .rs-input-number-touchspin-down > .rs-icon {
   height: 14px;
+  color: #717273;
+  color: var(--rs-text-secondary);
 }
 .rs-input-group-xs .rs-input-number-touchspin-up,
 .rs-input-group-xs .rs-input-number-touchspin-down {
@@ -1950,6 +1956,8 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
 .rs-input-group-xs .rs-input-number-touchspin-up > .rs-icon,
 .rs-input-group-xs .rs-input-number-touchspin-down > .rs-icon {
   height: 11px;
+  color: #717273;
+  color: var(--rs-text-secondary);
 }
 .rs-input-number-touchspin-up > .rs-icon,
 .rs-input-number-touchspin-down > .rs-icon {

package/InputNumber/styles/mixin.less

@@ -6,5 +6,6 @@
 
   > .rs-icon {
     height: @height;
+    color: var(--rs-text-secondary);
   }
 }

package/InputPicker/styles/index.css

@@ -3125,6 +3125,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   right: 12px;
   height: 20px;
   font-size: 12px;
+  font-size: 16px;
   color: #717273;
   color: var(--rs-text-secondary);
 }

package/MultiCascadeTree/styles/index.css

@@ -629,6 +629,7 @@
   right: 12px;
   height: 20px;
   font-size: 12px;
+  font-size: 14px;
 }
 .rs-btn {
   display: -webkit-inline-box;
@@ -3223,6 +3224,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   right: 12px;
   height: 20px;
   font-size: 12px;
+  font-size: 16px;
   color: #717273;
   color: var(--rs-text-secondary);
 }

package/MultiCascader/styles/index.css

@@ -622,6 +622,7 @@
   right: 12px;
   height: 20px;
   font-size: 12px;
+  font-size: 14px;
 }
 .rs-checkbox {
   position: relative;
@@ -3529,6 +3530,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   right: 12px;
   height: 20px;
   font-size: 12px;
+  font-size: 16px;
   color: #717273;
   color: var(--rs-text-secondary);
 }

package/Pagination/styles/index.css

@@ -3085,6 +3085,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   right: 12px;
   height: 20px;
   font-size: 12px;
+  font-size: 16px;
   color: #717273;
   color: var(--rs-text-secondary);
 }

package/SelectPicker/styles/index.css

@@ -3034,6 +3034,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   right: 12px;
   height: 20px;
   font-size: 12px;
+  font-size: 16px;
   color: #717273;
   color: var(--rs-text-secondary);
 }

package/TagInput/styles/index.css

@@ -3425,6 +3425,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   right: 12px;
   height: 20px;
   font-size: 12px;
+  font-size: 16px;
   color: #717273;
   color: var(--rs-text-secondary);
 }

package/TagPicker/styles/index.css

@@ -3425,6 +3425,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   right: 12px;
   height: 20px;
   font-size: 12px;
+  font-size: 16px;
   color: #717273;
   color: var(--rs-text-secondary);
 }

package/TimePicker/styles/index.css

@@ -3828,6 +3828,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   right: 12px;
   height: 20px;
   font-size: 12px;
+  font-size: 16px;
   color: #717273;
   color: var(--rs-text-secondary);
 }

package/TimeRangePicker/styles/index.css

@@ -3828,6 +3828,7 @@ textarea.rs-input-group-inside.rs-input-group-xs > .rs-input-group-btn {
   right: 12px;
   height: 20px;
   font-size: 12px;
+  font-size: 16px;
   color: #717273;
   color: var(--rs-text-secondary);
 }

package/cjs/CascadeTree/TreeView.js

@@ -7,13 +7,13 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
-var _Spinner = _interopRequireDefault(require("@rsuite/icons/legacy/Spinner"));
 var _isUndefined = _interopRequireDefault(require("lodash/isUndefined"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
-var _PagePrevious = _interopRequireDefault(require("@rsuite/icons/PagePrevious"));
-var _PageNext = _interopRequireDefault(require("@rsuite/icons/PageNext"));
 var _getPosition = _interopRequireDefault(require("dom-lib/getPosition"));
 var _scrollTop = _interopRequireDefault(require("dom-lib/scrollTop"));
+var _Spinner = _interopRequireDefault(require("@rsuite/icons/Spinner"));
+var _ArrowLeftLine = _interopRequireDefault(require("@rsuite/icons/ArrowLeftLine"));
+var _ArrowRightLine = _interopRequireDefault(require("@rsuite/icons/ArrowRightLine"));
 var _utils = require("../internals/utils");
 var _hooks = require("../internals/hooks");
 var _Picker = require("../internals/Picker");
@@ -118,7 +118,7 @@ var TreeView = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
 
     // Use `value` in keys when If `value` is string or number
     var onlyKey = typeof value === 'number' || typeof value === 'string' ? value : index;
-    var Icon = loading ? _Spinner.default : rtl ? _PagePrevious.default : _PageNext.default;
+    var Icon = loading ? _Spinner.default : rtl ? _ArrowLeftLine.default : _ArrowRightLine.default;
     return /*#__PURE__*/_react.default.createElement(_Picker.ListItem, {
       as: 'li',
       role: "treeitem",

package/cjs/CustomProvider/FormattedDate.d.ts

@@ -3,5 +3,5 @@ interface FormattedDateProps {
     date: Date;
     formatStr: string;
 }
-declare function FormattedDate({ date, formatStr }: FormattedDateProps): React.JSX.Element;
+export declare function FormattedDate({ date, formatStr }: FormattedDateProps): React.JSX.Element;
 export default FormattedDate;

package/cjs/CustomProvider/FormattedDate.js

@@ -3,6 +3,7 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
+exports.FormattedDate = FormattedDate;
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _useCustom2 = require("./useCustom");

package/cjs/CustomProvider/index.d.ts

@@ -1,6 +1,7 @@
-import CustomProvider, { CustomContext } from './CustomProvider';
-import FormattedDate from './FormattedDate';
-export { CustomContext, FormattedDate };
+import CustomProvider from './CustomProvider';
+export { FormattedDate } from './FormattedDate';
 export { useCustom } from './useCustom';
+export { CustomContext } from './CustomProvider';
 export type { CustomProviderProps } from './CustomProvider';
+export type { ReactSuiteComponents } from './types';
 export default CustomProvider;

package/cjs/CustomProvider/index.js

@@ -1,13 +1,12 @@
 'use client';
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.useCustom = exports.default = void 0;
+exports.useCustom = exports.default = exports.FormattedDate = exports.CustomContext = void 0;
 var _CustomProvider = _interopRequireWildcard(require("./CustomProvider"));
 exports.CustomContext = _CustomProvider.CustomContext;
-var _FormattedDate = _interopRequireDefault(require("./FormattedDate"));
-exports.FormattedDate = _FormattedDate.default;
+var _FormattedDate = require("./FormattedDate");
+exports.FormattedDate = _FormattedDate.FormattedDate;
 var _useCustom = require("./useCustom");
 exports.useCustom = _useCustom.useCustom;
 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); }

package/cjs/DatePicker/DatePicker.js

@@ -11,7 +11,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _mapValues = _interopRequireDefault(require("lodash/mapValues"));
 var _pick = _interopRequireDefault(require("lodash/pick"));
-var _Calendar = _interopRequireDefault(require("@rsuite/icons/Calendar"));
+var _CalenderSimple = _interopRequireDefault(require("@rsuite/icons/CalenderSimple"));
 var _Time = _interopRequireDefault(require("@rsuite/icons/Time"));
 var _CalendarContainer = _interopRequireDefault(require("../Calendar/CalendarContainer"));
 var _hooks = require("../Calendar/hooks");
@@ -448,7 +448,7 @@ var DatePicker = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     if (caretAsProp === null) {
       return null;
     }
-    return caretAsProp || (mode === _date.DateMode.Time ? _Time.default : _Calendar.default);
+    return caretAsProp || (mode === _date.DateMode.Time ? _Time.default : _CalenderSimple.default);
   }, [caretAsProp, mode]);
   var handleTriggerClose = (0, _hooks2.useEventCallback)(function (cause) {
     var _props$onClose;

package/cjs/Form/Form.js

@@ -120,7 +120,7 @@ var Form = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     if (disabled || readOnly || plaintext) {
       return;
     }
-    submit();
+    submit(event);
   });
   var handleReset = (0, _hooks.useEventCallback)(function (event) {
     var _event$preventDefault2, _event$stopPropagatio2;