rsuite 5.79.0-canary-2025032417 → 5.79.0

package/esm/RangeSlider/RangeSlider.js

@@ -1,7 +1,7 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-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"];
 import React, { useMemo, useRef, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import getWidth from 'dom-lib/getWidth';
@@ -40,6 +40,8 @@ var RangeSlider = /*#__PURE__*/React.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,
@@ -295,7 +297,8 @@ var RangeSlider = /*#__PURE__*/React.forwardRef(function (props, ref) {
     'aria-valuemax': max,
     'aria-valuemin': min,
     'aria-label': ariaLabel,
-    'aria-labelledby': ariaLabelledby
+    'aria-labelledby': ariaLabelledby,
+    keepTooltipOpen: keepTooltipOpen
   };
   return /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
     ref: ref,

package/esm/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/esm/Slider/Handle.js

@@ -1,7 +1,7 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-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"];
 import React from 'react';
 import PropTypes from 'prop-types';
 import Tooltip from "../Tooltip/index.js";
@@ -33,7 +33,9 @@ var Handle = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onKeyDown = props.onKeyDown,
     dataRange = props['data-range'],
     dateKey = props['data-key'],
+    keepTooltipOpen = props.keepTooltipOpen,
     rest = _objectWithoutPropertiesLoose(props, _excluded);
+  var actualTooltip = tooltip || keepTooltipOpen;
   var horizontalKey = rtl ? 'right' : 'left';
   var direction = vertical ? 'bottom' : horizontalKey;
   var styles = _extends({}, style, (_extends2 = {}, _extends2[direction] = position + "%", _extends2));
@@ -41,11 +43,12 @@ var Handle = /*#__PURE__*/React.forwardRef(function (props, ref) {
     merge = _useClassNames.merge,
     prefix = _useClassNames.prefix;
   var _useDrag = useDrag({
-      tooltip: tooltip,
+      tooltip: actualTooltip,
       disabled: disabled,
       onDragStart: onDragStart,
       onDragMove: onDragMove,
-      onDragEnd: onDragEnd
+      onDragEnd: onDragEnd,
+      keepTooltipOpen: keepTooltipOpen
     }),
     active = _useDrag.active,
     onMoveStart = _useDrag.onMoveStart,
@@ -53,7 +56,7 @@ var Handle = /*#__PURE__*/React.forwardRef(function (props, ref) {
     rootRef = _useDrag.rootRef,
     tooltipRef = _useDrag.tooltipRef;
   var handleClasses = merge(className, prefix('handle'), {
-    active: active
+    active: active || keepTooltipOpen
   });
   return /*#__PURE__*/React.createElement(Component, {
     role: role,
@@ -68,7 +71,7 @@ var Handle = /*#__PURE__*/React.forwardRef(function (props, ref) {
     "data-range": dataRange,
     "data-key": dateKey,
     "data-testid": "slider-handle"
-  }, tooltip && /*#__PURE__*/React.createElement(Tooltip, {
+  }, actualTooltip && /*#__PURE__*/React.createElement(Tooltip, {
     "aria-hidden": "true",
     ref: tooltipRef,
     className: merge(prefix('tooltip'), 'placement-top')

package/esm/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/esm/Slider/Slider.js

@@ -1,7 +1,7 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-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"];
 import React, { useCallback, useMemo, useRef } from 'react';
 import PropTypes from 'prop-types';
 import getWidth from 'dom-lib/getWidth';
@@ -83,6 +83,7 @@ var Slider = /*#__PURE__*/React.forwardRef(function (props, ref) {
     renderMark = propsWithDefaults.renderMark,
     onChange = propsWithDefaults.onChange,
     onChangeCommitted = propsWithDefaults.onChangeCommitted,
+    keepTooltipOpen = propsWithDefaults.keepTooltipOpen,
     rest = _objectWithoutPropertiesLoose(propsWithDefaults, _excluded);
   var barRef = useRef(null);
   var _useClassNames = useClassNames(classPrefix),
@@ -242,6 +243,7 @@ var Slider = /*#__PURE__*/React.forwardRef(function (props, ref) {
     tooltip: tooltip,
     rtl: rtl,
     value: value,
+    keepTooltipOpen: keepTooltipOpen,
     renderTooltip: renderTooltip,
     onDragMove: handleChangeValue,
     onKeyDown: handleKeyDown,

package/esm/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/esm/Slider/useDrag.js

@@ -11,7 +11,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 = useState(false),
     active = _useState[0],
     setActive = _useState[1];
@@ -67,10 +68,13 @@ var useDrag = function useDrag(props) {
     setTooltipPosition();
   });
   useEffect(function () {
+    if (keepTooltipOpen) {
+      onMouseEnter();
+    }
     return function () {
       releaseMoves();
     };
-  }, [releaseMoves]);
+  }, [releaseMoves, keepTooltipOpen]);
   return {
     active: active,
     rootRef: rootRef,

package/esm/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/esm/Uploader/UploadTrigger.js

@@ -8,6 +8,7 @@ import Button from "../Button/index.js";
 import { useClassNames } from "../internals/hooks/index.js";
 import { isIE11 } from "../internals/utils/index.js";
 var UploadTrigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var _children$props;
   var _props$as = props.as,
     Component = _props$as === void 0 ? Button : _props$as,
     name = props.name,
@@ -96,18 +97,21 @@ var UploadTrigger = /*#__PURE__*/React.forwardRef(function (props, ref) {
       clearInput: handleClearInput
     };
   });
+
+  // Prepare button props with event handlers conditionally applied
   var buttonProps = _extends({}, 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.cloneElement(React.Children.only(children), buttonProps)) : /*#__PURE__*/React.createElement(Component, buttonProps, locale === null || locale === void 0 ? void 0 : locale.upload);
+  var trigger = children ? (/*#__PURE__*/React.cloneElement(React.Children.only(children), _extends({}, buttonProps, {
+    className: merge((_children$props = children.props) === null || _children$props === void 0 ? void 0 : _children$props.className, prefix('btn'))
+  }))) : /*#__PURE__*/React.createElement(Component, buttonProps, locale === null || locale === void 0 ? void 0 : locale.upload);
   return /*#__PURE__*/React.createElement("div", {
     ref: rootRef,
     className: classes
@@ -133,7 +137,7 @@ UploadTrigger.propTypes = {
   onChange: PropTypes.func,
   classPrefix: PropTypes.string,
   className: PropTypes.string,
-  children: PropTypes.node,
+  children: PropTypes.element,
   draggable: PropTypes.bool,
   onDragEnter: PropTypes.func,
   onDragLeave: PropTypes.func,

package/esm/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/esm/Uploader/Uploader.js

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