rsuite 5.79.0-canary-2025032417 → 5.79.0

package/CHANGELOG.md

@@ -1,3 +1,27 @@
+# [5.79.0](https://github.com/rsuite/rsuite/compare/v5.78.1...v5.79.0) (2025-03-26)
+
+
+### Bug Fixes
+
+* **Form:** support explicit type of array type when use rule of formControl ([#4165](https://github.com/rsuite/rsuite/issues/4165)) ([55df308](https://github.com/rsuite/rsuite/commit/55df3080ebcb57ab5e3a8482e381220499600831))
+* **useToaster:** fix the incorrect [@see](https://github.com/see) link in the useToaster comment ([#4200](https://github.com/rsuite/rsuite/issues/4200)) ([cd8087a](https://github.com/rsuite/rsuite/commit/cd8087a4529fad814378104a4f19c2734bcd55f2))
+
+
+### Features
+
+* **Slider,RangeSlider:** add support for `keepTooltipOpen` prop ([#4186](https://github.com/rsuite/rsuite/issues/4186)) ([a1bdea4](https://github.com/rsuite/rsuite/commit/a1bdea4fad33feca63636631aa1cac7989c0eb87))
+
+
+
+## [5.78.1](https://github.com/rsuite/rsuite/compare/v5.78.0...v5.78.1) (2025-03-14)
+
+
+### Bug Fixes
+
+* **Uploader:** refine children prop type and improve class handling ([#4175](https://github.com/rsuite/rsuite/issues/4175)) ([58d3eea](https://github.com/rsuite/rsuite/commit/58d3eea86e186590586a14068773a8418fb5f3f9))
+
+
+
 # [5.78.0](https://github.com/rsuite/rsuite/compare/v5.77.1...v5.78.0) (2025-02-21)
 
 

package/README.md

@@ -7,7 +7,7 @@
 English | [中文版][readm-cn]
 
 [![npm][npm-svg]][npm-home]
-[![GitHub Actions][actions-svg]][actions-home]
+[![GitHub Actions][nodejs-ci-svg]][nodejs-ci]
 [![npm bundle size][npm-bundle-size-img]][npm-bundle-size]
 [![codecov][codecov-img]][codecov]
 [![Discord][discord-svg]][discord-invite]
@@ -142,8 +142,8 @@ React Suite is [MIT licensed][license].
 [npm-home]: https://www.npmjs.com/package/rsuite
 [npm-bundle-size-img]: https://badgen.net/bundlephobia/minzip/rsuite?icon=npm
 [npm-bundle-size]: https://bundlephobia.com/package/rsuite
-[actions-svg]: https://github.com/rsuite/rsuite/workflows/Node.js%20CI/badge.svg?branch=main
-[actions-home]: https://github.com/rsuite/rsuite/actions?query=branch%3Amain+workflow%3A%22Node.js+CI%22
+[nodejs-ci-svg]: https://github.com/rsuite/rsuite/workflows/Node.js%20CI/badge.svg
+[nodejs-ci]: https://github.com/rsuite/rsuite/actions/workflows/nodejs-ci.yml?query=branch%3Amain+workflow%3A%22Node.js+CI%22
 [discord-svg]: https://img.shields.io/badge/Discord-Join%20chat%20%E2%86%92-738bd7.svg
 [discord-invite]: https://discord.gg/R8mnjwh
 [release-notes]: https://github.com/rsuite/rsuite/releases

package/cjs/RangeSlider/RangeSlider.js

@@ -19,7 +19,7 @@ var _Slider = require("../Slider/Slider");
 var _utils = require("../Slider/utils");
 var _propTypes2 = require("../internals/propTypes");
 var _CustomProvider = require("../CustomProvider");
-var _excluded = ["aria-label", "aria-labelledby", "aria-valuetext", "as", "barClassName", "className", "classPrefix", "constraint", "defaultValue", "disabled", "graduated", "progress", "vertical", "readOnly", "min", "max", "step", "value", "handleClassName", "handleStyle", "handleTitle", "tooltip", "getAriaValueText", "renderTooltip", "renderMark", "onChange", "onChangeCommitted"];
+var _excluded = ["aria-label", "aria-labelledby", "aria-valuetext", "as", "barClassName", "className", "classPrefix", "constraint", "defaultValue", "disabled", "graduated", "progress", "keepTooltipOpen", "vertical", "readOnly", "min", "max", "step", "value", "handleClassName", "handleStyle", "handleTitle", "tooltip", "getAriaValueText", "renderTooltip", "renderMark", "onChange", "onChangeCommitted"];
 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); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var defaultDefaultValue = [0, 0];
@@ -47,6 +47,8 @@ var RangeSlider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     graduated = propsWithDefaults.graduated,
     _propsWithDefaults$pr = propsWithDefaults.progress,
     progress = _propsWithDefaults$pr === void 0 ? true : _propsWithDefaults$pr,
+    _propsWithDefaults$ke = propsWithDefaults.keepTooltipOpen,
+    keepTooltipOpen = _propsWithDefaults$ke === void 0 ? false : _propsWithDefaults$ke,
     vertical = propsWithDefaults.vertical,
     readOnly = propsWithDefaults.readOnly,
     _propsWithDefaults$mi = propsWithDefaults.min,
@@ -302,7 +304,8 @@ var RangeSlider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     'aria-valuemax': max,
     'aria-valuemin': min,
     'aria-label': ariaLabel,
-    'aria-labelledby': ariaLabelledby
+    'aria-labelledby': ariaLabelledby,
+    keepTooltipOpen: keepTooltipOpen
   };
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
     ref: ref,

package/cjs/Slider/Handle.d.ts

@@ -13,6 +13,7 @@ export interface HandleProps extends WithAsProps, React.HTMLAttributes<HTMLDivEl
     onDragEnd?: (event: React.MouseEvent, dataset?: DOMStringMap) => void;
     'data-range'?: number[];
     'data-key'?: string;
+    keepTooltipOpen?: boolean;
 }
 declare const Handle: RsRefForwardingComponent<'div', HandleProps>;
 export default Handle;

package/cjs/Slider/Handle.js

@@ -13,7 +13,7 @@ var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
 var _Input = _interopRequireDefault(require("./Input"));
 var _useDrag2 = _interopRequireDefault(require("./useDrag"));
-var _excluded = ["as", "classPrefix", "className", "disabled", "style", "children", "position", "vertical", "tooltip", "rtl", "value", "role", "tabIndex", "renderTooltip", "onDragStart", "onDragMove", "onDragEnd", "onKeyDown", "data-range", "data-key"];
+var _excluded = ["as", "classPrefix", "className", "disabled", "style", "children", "position", "vertical", "tooltip", "rtl", "value", "role", "tabIndex", "renderTooltip", "onDragStart", "onDragMove", "onDragEnd", "onKeyDown", "data-range", "data-key", "keepTooltipOpen"];
 var Handle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _extends2;
   var _props$as = props.as,
@@ -38,7 +38,9 @@ var Handle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     onKeyDown = props.onKeyDown,
     dataRange = props['data-range'],
     dateKey = props['data-key'],
+    keepTooltipOpen = props.keepTooltipOpen,
     rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var actualTooltip = tooltip || keepTooltipOpen;
   var horizontalKey = rtl ? 'right' : 'left';
   var direction = vertical ? 'bottom' : horizontalKey;
   var styles = (0, _extends3.default)({}, style, (_extends2 = {}, _extends2[direction] = position + "%", _extends2));
@@ -46,11 +48,12 @@ var Handle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     merge = _useClassNames.merge,
     prefix = _useClassNames.prefix;
   var _useDrag = (0, _useDrag2.default)({
-      tooltip: tooltip,
+      tooltip: actualTooltip,
       disabled: disabled,
       onDragStart: onDragStart,
       onDragMove: onDragMove,
-      onDragEnd: onDragEnd
+      onDragEnd: onDragEnd,
+      keepTooltipOpen: keepTooltipOpen
     }),
     active = _useDrag.active,
     onMoveStart = _useDrag.onMoveStart,
@@ -58,7 +61,7 @@ var Handle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     rootRef = _useDrag.rootRef,
     tooltipRef = _useDrag.tooltipRef;
   var handleClasses = merge(className, prefix('handle'), {
-    active: active
+    active: active || keepTooltipOpen
   });
   return /*#__PURE__*/_react.default.createElement(Component, {
     role: role,
@@ -73,7 +76,7 @@ var Handle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     "data-range": dataRange,
     "data-key": dateKey,
     "data-testid": "slider-handle"
-  }, tooltip && /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
+  }, actualTooltip && /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
     "aria-hidden": "true",
     ref: tooltipRef,
     className: merge(prefix('tooltip'), 'placement-top')

package/cjs/Slider/Slider.d.ts

@@ -52,6 +52,8 @@ export interface SliderProps<T = number> extends WithAsProps, FormControlBasePro
     getAriaValueText?: (value: number, eventKey?: 'start' | 'end') => string;
     /** Callback function that is fired when the mouseup is triggered. */
     onChangeCommitted?: (value: T, event: React.MouseEvent) => void;
+    /** If true, tooltip will always be visible  even without hover */
+    keepTooltipOpen?: boolean;
 }
 export declare const sliderPropTypes: {
     min: PropTypes.Requireable<number>;

package/cjs/Slider/Slider.js

@@ -18,7 +18,7 @@ var _Plaintext = _interopRequireDefault(require("../internals/Plaintext"));
 var _hooks = require("../internals/hooks");
 var _CustomProvider = require("../CustomProvider");
 var _utils = require("./utils");
-var _excluded = ["aria-label", "aria-labelledby", "aria-valuetext", "as", "graduated", "className", "barClassName", "progress", "vertical", "disabled", "readOnly", "plaintext", "classPrefix", "min", "handleClassName", "handleStyle", "handleTitle", "tooltip", "step", "defaultValue", "value", "max", "placeholder", "getAriaValueText", "renderTooltip", "renderMark", "onChange", "onChangeCommitted"];
+var _excluded = ["aria-label", "aria-labelledby", "aria-valuetext", "as", "graduated", "className", "barClassName", "progress", "vertical", "disabled", "readOnly", "plaintext", "classPrefix", "min", "handleClassName", "handleStyle", "handleTitle", "tooltip", "step", "defaultValue", "value", "max", "placeholder", "getAriaValueText", "renderTooltip", "renderMark", "onChange", "onChangeCommitted", "keepTooltipOpen"];
 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); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 var sliderPropTypes = exports.sliderPropTypes = {
@@ -90,6 +90,7 @@ var Slider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     renderMark = propsWithDefaults.renderMark,
     onChange = propsWithDefaults.onChange,
     onChangeCommitted = propsWithDefaults.onChangeCommitted,
+    keepTooltipOpen = propsWithDefaults.keepTooltipOpen,
     rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
   var barRef = (0, _react.useRef)(null);
   var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
@@ -249,6 +250,7 @@ var Slider = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     tooltip: tooltip,
     rtl: rtl,
     value: value,
+    keepTooltipOpen: keepTooltipOpen,
     renderTooltip: renderTooltip,
     onDragMove: handleChangeValue,
     onKeyDown: handleKeyDown,

package/cjs/Slider/useDrag.d.ts

@@ -5,6 +5,7 @@ interface DragProps {
     onDragStart?: (event: React.MouseEvent) => void;
     onDragMove?: (event: React.DragEvent, dataset?: DOMStringMap) => void;
     onDragEnd?: (event: React.MouseEvent, dataset?: DOMStringMap) => void;
+    keepTooltipOpen?: boolean;
 }
 declare const useDrag: (props: DragProps) => {
     active: boolean;

package/cjs/Slider/useDrag.js

@@ -16,7 +16,8 @@ var useDrag = function useDrag(props) {
     disabled = props.disabled,
     onDragMove = props.onDragMove,
     onDragEnd = props.onDragEnd,
-    onDragStart = props.onDragStart;
+    onDragStart = props.onDragStart,
+    keepTooltipOpen = props.keepTooltipOpen;
   var _useState = (0, _react.useState)(false),
     active = _useState[0],
     setActive = _useState[1];
@@ -72,10 +73,13 @@ var useDrag = function useDrag(props) {
     setTooltipPosition();
   });
   (0, _react.useEffect)(function () {
+    if (keepTooltipOpen) {
+      onMouseEnter();
+    }
     return function () {
       releaseMoves();
     };
-  }, [releaseMoves]);
+  }, [releaseMoves, keepTooltipOpen]);
   return {
     active: active,
     rootRef: rootRef,

package/cjs/Uploader/UploadTrigger.d.ts

@@ -11,7 +11,7 @@ export interface UploadTriggerProps extends ButtonProps {
     accept?: string;
     classPrefix?: string;
     className?: string;
-    children?: React.ReactNode;
+    children?: React.ReactElement;
     locale?: UploaderLocale;
     onChange?: React.ChangeEventHandler<HTMLInputElement>;
     onDragEnter?: React.DragEventHandler<HTMLInputElement>;