rsuite 5.79.0-canary-2025032417 → 5.79.1

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>;

package/cjs/Uploader/UploadTrigger.js

@@ -15,6 +15,7 @@ var _excluded = ["as", "name", "accept", "multiple", "disabled", "readOnly", "ch
 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 UploadTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _children$props;
   var _props$as = props.as,
     Component = _props$as === void 0 ? _Button.default : _props$as,
     name = props.name,
@@ -103,18 +104,21 @@ var UploadTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref)
       clearInput: handleClearInput
     };
   });
+
+  // Prepare button props with event handlers conditionally applied
   var buttonProps = (0, _extends2.default)({}, rest, {
     disabled: disabled,
     className: prefix('btn')
+  }, !disabled && !readOnly && {
+    onClick: handleClick,
+    onDragEnter: handleDragEnter,
+    onDragLeave: handleDragLeave,
+    onDragOver: handleDragOver,
+    onDrop: handleDrop
   });
-  if (!disabled && !readOnly) {
-    buttonProps.onClick = handleClick;
-    buttonProps.onDragEnter = handleDragEnter;
-    buttonProps.onDragLeave = handleDragLeave;
-    buttonProps.onDragOver = handleDragOver;
-    buttonProps.onDrop = handleDrop;
-  }
-  var trigger = children ? (/*#__PURE__*/_react.default.cloneElement(_react.default.Children.only(children), buttonProps)) : /*#__PURE__*/_react.default.createElement(Component, buttonProps, locale === null || locale === void 0 ? void 0 : locale.upload);
+  var trigger = children ? (/*#__PURE__*/_react.default.cloneElement(_react.default.Children.only(children), (0, _extends2.default)({}, buttonProps, {
+    className: merge((_children$props = children.props) === null || _children$props === void 0 ? void 0 : _children$props.className, prefix('btn'))
+  }))) : /*#__PURE__*/_react.default.createElement(Component, buttonProps, locale === null || locale === void 0 ? void 0 : locale.upload);
   return /*#__PURE__*/_react.default.createElement("div", {
     ref: rootRef,
     className: classes
@@ -140,7 +144,7 @@ UploadTrigger.propTypes = {
   onChange: _propTypes.default.func,
   classPrefix: _propTypes.default.string,
   className: _propTypes.default.string,
-  children: _propTypes.default.node,
+  children: _propTypes.default.element,
   draggable: _propTypes.default.bool,
   onDragEnter: _propTypes.default.func,
   onDragLeave: _propTypes.default.func,

package/cjs/Uploader/Uploader.d.ts

@@ -29,7 +29,7 @@ export interface UploaderProps extends WithAsProps, Omit<UploadTriggerProps, 'on
     /** Automatically upload files after selecting them */
     autoUpload?: boolean;
     /** Primary content */
-    children?: React.ReactNode;
+    children?: React.ReactElement;
     /** List of uploaded files */
     defaultFileList?: FileType[];
     /** List of uploaded files （Controlled） */

package/cjs/Uploader/Uploader.js

@@ -420,7 +420,7 @@ Uploader.propTypes = {
   action: _propTypes.default.string.isRequired,
   accept: _propTypes.default.string,
   autoUpload: _propTypes.default.bool,
-  children: _propTypes.default.node,
+  children: _propTypes.default.element,
   className: _propTypes.default.string,
   classPrefix: _propTypes.default.string,
   defaultFileList: _propTypes.default.array,

package/cjs/useToaster/useToaster.d.ts

@@ -5,7 +5,7 @@ import { ToastContainerProps } from '../toaster/ToastContainer';
  * It is often used with the Message and Notification components.
  * @returns toaster { push, remove, clear }
  *
- * @see https://rsuitejs.com/components/use-toaster/
+ * @see https://rsuitejs.com/components/toaster/
  */
 declare const useToaster: () => {
     /**

package/cjs/useToaster/useToaster.js

@@ -15,7 +15,7 @@ var _CustomProvider = require("../CustomProvider/CustomProvider");
  * It is often used with the Message and Notification components.
  * @returns toaster { push, remove, clear }
  *
- * @see https://rsuitejs.com/components/use-toaster/
+ * @see https://rsuitejs.com/components/toaster/
  */
 var useToaster = function useToaster() {
   var _useContext = (0, _react.useContext)(_CustomProvider.CustomContext),