rsuite 6.0.0-canary-2025032014 → 6.0.0-canary-20250403

package/esm/MultiCascader/MultiCascader.js

@@ -2,12 +2,10 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useCallback } from 'react';
 import pick from 'lodash/pick';
-import omit from 'lodash/omit';
 import isFunction from 'lodash/isFunction';
 import isNil from 'lodash/isNil';
 import TreeView from "../MultiCascadeTree/TreeView.js";
 import SearchView from "../MultiCascadeTree/SearchView.js";
-import Box from "../internals/Box/index.js";
 import useActive from "../Cascader/useActive.js";
 import { findNodeOfTree } from "../internals/Tree/utils/index.js";
 import { useStyles, useControlled, useEventCallback } from "../internals/hooks/index.js";
@@ -15,7 +13,7 @@ import { getColumnsAndPaths } from "../CascadeTree/utils.js";
 import { forwardRef, createChainedFunction, mergeRefs } from "../internals/utils/index.js";
 import { useCascadeValue, useSearch, useSelect } from "../MultiCascadeTree/hooks/index.js";
 import { useCustom } from "../CustomProvider/index.js";
-import { PickerToggle, PickerPopup, SelectedElement, PickerToggleTrigger, usePickerClassName, usePickerRef, useToggleKeyDownEvent, useFocusItemValue, pickTriggerPropKeys, omitTriggerPropKeys } from "../internals/Picker/index.js";
+import { PickerToggle, PickerPopup, SelectedElement, PickerToggleTrigger, usePickerRef, useToggleKeyDownEvent, useFocusItemValue, triggerPropKeys } from "../internals/Picker/index.js";
 const emptyArray = [];
 
 /**
@@ -31,42 +29,44 @@ const MultiCascader = forwardRef((props, ref) => {
   const {
     as,
     appearance = 'default',
+    block,
+    className,
+    cleanable = true,
     classPrefix = 'picker',
-    defaultValue,
     columnHeight,
     columnWidth,
     childrenKey = 'children',
-    cleanable = true,
+    countable = true,
+    cascade = true,
     data = emptyArray,
+    defaultValue,
     disabled,
     disabledItemValues = emptyArray,
-    value: valueProp,
-    valueKey = 'value',
+    id,
     labelKey = 'label',
     locale,
-    toggleAs,
-    style,
-    countable = true,
-    cascade = true,
     placeholder,
     placement = 'bottomStart',
     popupClassName,
     popupStyle,
+    renderColumn,
+    renderExtraFooter,
+    renderTreeNode,
+    renderValue,
     searchable = true,
+    style,
+    toggleAs,
     uncheckableItemValues = emptyArray,
-    id,
+    value: valueProp,
+    valueKey = 'value',
     getChildren,
-    renderValue,
-    renderExtraFooter,
-    renderColumn,
-    renderTreeNode,
-    onEntered,
-    onExited,
     onClean,
-    onSearch,
-    onSelect,
     onChange,
     onCheck,
+    onEnter,
+    onExit,
+    onSearch,
+    onSelect,
     ...rest
   } = propsWithDefaults;
   const {
@@ -170,11 +170,10 @@ const MultiCascader = forwardRef((props, ref) => {
   });
   const {
     active,
-    handleEntered,
-    handleExited
+    events
   } = useActive({
-    onEntered,
-    onExited,
+    onEnter,
+    onExit,
     target,
     setSearchKeyword
   });
@@ -288,43 +287,41 @@ const MultiCascader = forwardRef((props, ref) => {
       hasValue = false;
     }
   }
-  const [classes, usedClassNamePropKeys] = usePickerClassName({
-    ...props,
-    classPrefix,
-    hasValue,
-    countable,
-    name: 'cascader',
-    appearance,
-    cleanable
-  });
+  const triggerProps = {
+    ...pick(props, triggerPropKeys),
+    ...events
+  };
   return /*#__PURE__*/React.createElement(PickerToggleTrigger, {
+    as: as,
     id: id,
+    name: "multi-cascader",
+    block: block,
+    disabled: disabled,
+    appearance: appearance,
     popupType: "tree",
     multiple: true,
-    pickerProps: pick(props, pickTriggerPropKeys),
+    triggerProps: triggerProps,
     ref: trigger,
     placement: placement,
-    onEnter: handleEntered,
-    onExited: handleExited,
-    speaker: renderTreeView
-  }, /*#__PURE__*/React.createElement(Box, {
-    as: as,
-    className: classes,
+    speaker: renderTreeView,
+    rootRef: root,
     style: style,
-    ref: root
-  }, /*#__PURE__*/React.createElement(PickerToggle, _extends({}, omit(rest, [...omitTriggerPropKeys, ...usedClassNamePropKeys]), {
+    classPrefix: classPrefix,
+    className: className
+  }, /*#__PURE__*/React.createElement(PickerToggle, _extends({
+    ref: target,
     as: toggleAs,
     appearance: appearance,
     disabled: disabled,
-    ref: target,
     onClean: createChainedFunction(handleClean, onClean),
     onKeyDown: onPickerKeyDown,
     cleanable: cleanable && !disabled,
+    countable: countable,
     hasValue: hasValue,
     active: active,
     placement: placement,
     inputValue: value
-  }), selectedElement || (locale === null || locale === void 0 ? void 0 : locale.placeholder))));
+  }, rest), selectedElement || (locale === null || locale === void 0 ? void 0 : locale.placeholder)));
 });
 MultiCascader.displayName = 'MultiCascader';
 export default MultiCascader;

package/esm/Nav/NavItem.js

@@ -4,7 +4,7 @@ import React, { useCallback, useContext } from 'react';
 import classNames from 'classnames';
 import isNil from 'lodash/isNil';
 import Ripple from "../internals/Ripple/index.js";
-import SafeAnchor from "../SafeAnchor/index.js";
+import SafeAnchor from "../internals/SafeAnchor/index.js";
 import NavContext from "./NavContext.js";
 import Box from "../internals/Box/index.js";
 import { useStyles } from "../internals/hooks/index.js";

package/esm/Navbar/NavbarItem.js

@@ -4,7 +4,7 @@ import React, { useCallback, useContext } from 'react';
 import classNames from 'classnames';
 import isNil from 'lodash/isNil';
 import NavContext from "../Nav/NavContext.js";
-import SafeAnchor from "../SafeAnchor/index.js";
+import SafeAnchor from "../internals/SafeAnchor/index.js";
 import Ripple from "../internals/Ripple/index.js";
 import Box from "../internals/Box/index.js";
 import { useStyles } from "../internals/hooks/index.js";

package/esm/Navbar/NavbarMegaMenu.js

@@ -27,7 +27,7 @@ const NavbarMegaMenu = /*#__PURE__*/React.forwardRef((props, ref) => {
     const {
       onClose,
       className
-    } = menuProps;
+    } = menuProps || {};
     return /*#__PURE__*/React.createElement(Popover, {
       ref: ref,
       full: true,

package/esm/RangeSlider/RangeSlider.js

@@ -7,6 +7,7 @@ import getOffset from 'dom-lib/getOffset';
 import ProgressBar from "../Slider/ProgressBar.js";
 import Handle from "../Slider/Handle.js";
 import Graduated from "../Slider/Graduated.js";
+import Plaintext from "../internals/Plaintext/index.js";
 import Box from "../internals/Box/index.js";
 import { forwardRef } from "../internals/utils/index.js";
 import { useStyles, useControlled, useEventCallback } from "../internals/hooks/index.js";
@@ -35,16 +36,21 @@ const RangeSlider = forwardRef((props, ref) => {
     disabled,
     graduated,
     progress = true,
+    keepTooltipOpen = false,
     vertical,
     readOnly,
     min = 0,
     max: maxProp = 100,
     step = 1,
+    size = 'sm',
     value: valueProp,
     handleClassName,
     handleStyle,
     handleTitle,
     tooltip = true,
+    marks,
+    plaintext,
+    placeholder,
     getAriaValueText,
     renderTooltip,
     renderMark,
@@ -260,7 +266,6 @@ const RangeSlider = forwardRef((props, ref) => {
     position: (value[1] - min) / (max - min) * 100
   }], [ariaValuetext, getAriaValueText, max, min, value]);
   const handleCommonProps = {
-    rtl,
     disabled,
     vertical,
     tooltip,
@@ -276,12 +281,21 @@ const RangeSlider = forwardRef((props, ref) => {
     'aria-valuemax': max,
     'aria-valuemin': min,
     'aria-label': ariaLabel,
-    'aria-labelledby': ariaLabelledby
+    'aria-labelledby': ariaLabelledby,
+    keepTooltipOpen
   };
+  if (plaintext) {
+    return /*#__PURE__*/React.createElement(Plaintext, {
+      localeKey: "notSelected",
+      ref: ref,
+      placeholder: placeholder
+    }, value && (value[0] || value[1]) ? value.join('~') : null);
+  }
   return /*#__PURE__*/React.createElement(Box, _extends({
     as: as,
     ref: ref,
-    className: classes
+    className: classes,
+    "data-size": size
   }, rest), /*#__PURE__*/React.createElement("div", {
     className: merge(barClassName, prefix('bar')),
     ref: barRef,
@@ -297,6 +311,7 @@ const RangeSlider = forwardRef((props, ref) => {
     max: max,
     count: count,
     value: value,
+    marks: marks,
     renderMark: renderMark
   })), /*#__PURE__*/React.createElement(Handle, _extends({
     "data-range": value

package/esm/SelectPicker/SelectPicker.js

@@ -4,12 +4,10 @@ import React, { useState } from 'react';
 import pick from 'lodash/pick';
 import isNil from 'lodash/isNil';
 import isFunction from 'lodash/isFunction';
-import omit from 'lodash/omit';
 import SearchBox from "../internals/SearchBox/index.js";
-import Box from "../internals/Box/index.js";
 import { useStyles, useControlled, useEventCallback } from "../internals/hooks/index.js";
 import { forwardRef, createChainedFunction, mergeRefs, shallowEqual, getDataGroupBy } from "../internals/utils/index.js";
-import { Listbox, ListItem, PickerToggle, PickerToggleTrigger, PickerPopup, useFocusItemValue, usePickerClassName, useSearch, useToggleKeyDownEvent, usePickerRef, pickTriggerPropKeys, omitTriggerPropKeys } from "../internals/Picker/index.js";
+import { Listbox, ListItem, PickerToggle, PickerToggleTrigger, PickerPopup, useFocusItemValue, useSearch, useToggleKeyDownEvent, usePickerRef, triggerPropKeys } from "../internals/Picker/index.js";
 import { useCustom } from "../CustomProvider/index.js";
 const emptyArray = [];
 /**
@@ -21,45 +19,47 @@ const SelectPicker = forwardRef((props, ref) => {
     propsWithDefaults
   } = useCustom('SelectPicker', props);
   const {
-    as,
     appearance = 'default',
-    data = emptyArray,
-    valueKey = 'value',
-    labelKey = 'label',
-    value: valueProp,
+    as,
+    block,
+    className,
+    cleanable = true,
     classPrefix = 'picker',
-    placeholder,
+    data = emptyArray,
     defaultValue,
     disabled,
-    cleanable = true,
+    disabledItemValues = emptyArray,
+    groupBy,
+    id,
+    labelKey = 'label',
+    listProps,
+    listboxMaxHeight = 320,
+    locale,
+    placeholder,
     placement = 'bottomStart',
-    popupClassName,
     popupAutoWidth = true,
+    popupClassName,
     popupStyle,
-    listboxMaxHeight = 320,
-    groupBy,
-    locale,
-    toggleAs,
-    style,
     searchable = true,
-    disabledItemValues = emptyArray,
+    style,
+    toggleAs,
+    value: valueProp,
+    valueKey = 'value',
     virtualized,
-    listProps,
-    id,
-    onGroupTitleClick,
-    searchBy,
-    onEntered,
-    onExited,
-    onClean,
-    onChange,
-    onSelect,
-    onSearch,
     sort,
+    searchBy,
     renderValue,
     renderListbox,
     renderOptionGroup,
     renderOption,
     renderExtraFooter,
+    onGroupTitleClick,
+    onEnter,
+    onExit,
+    onClean,
+    onChange,
+    onSelect,
+    onSearch,
     ...rest
   } = propsWithDefaults;
   const {
@@ -153,13 +153,13 @@ const SelectPicker = forwardRef((props, ref) => {
     onMenuPressEnter: handleMenuPressEnter,
     ...rest
   });
-  const handleExited = useEventCallback(() => {
+  const handleExit = useEventCallback(() => {
     resetSearch();
     setActive(false);
     onSearch === null || onSearch === void 0 || onSearch('');
     setFocusItemValue(null);
   });
-  const handleEntered = useEventCallback(() => {
+  const handleEnter = useEventCallback(() => {
     setActive(true);
     setFocusItemValue(value);
   });
@@ -237,28 +237,27 @@ const SelectPicker = forwardRef((props, ref) => {
       inputRef: searchInput
     }), renderListbox ? renderListbox(listbox) : listbox, renderExtraFooter === null || renderExtraFooter === void 0 ? void 0 : renderExtraFooter());
   };
-  const [classes, usedClassNamePropKeys] = usePickerClassName({
-    ...props,
-    classPrefix,
-    appearance,
-    hasValue,
-    name: 'select',
-    cleanable
-  });
+  const triggerProps = {
+    ...pick(props, triggerPropKeys),
+    onEnter: createChainedFunction(handleEnter, onEnter),
+    onExit: createChainedFunction(handleExit, onExit)
+  };
   return /*#__PURE__*/React.createElement(PickerToggleTrigger, {
+    as: as,
     id: id,
-    pickerProps: pick(props, pickTriggerPropKeys),
+    name: "select",
+    block: block,
+    disabled: disabled,
+    appearance: appearance,
+    triggerProps: triggerProps,
     ref: trigger,
     placement: placement,
-    onEntered: createChainedFunction(handleEntered, onEntered),
-    onExited: createChainedFunction(handleExited, onExited),
-    speaker: renderPopup
-  }, /*#__PURE__*/React.createElement(Box, {
-    as: as,
-    className: classes,
+    speaker: renderPopup,
+    rootRef: root,
     style: style,
-    ref: root
-  }, /*#__PURE__*/React.createElement(PickerToggle, _extends({}, omit(rest, [...omitTriggerPropKeys, ...usedClassNamePropKeys]), {
+    classPrefix: classPrefix,
+    className: className
+  }, /*#__PURE__*/React.createElement(PickerToggle, _extends({
     ref: target,
     appearance: appearance,
     onClean: createChainedFunction(handleClean, onClean),
@@ -271,7 +270,7 @@ const SelectPicker = forwardRef((props, ref) => {
     focusItemValue: focusItemValue,
     active: active,
     placement: placement
-  }), selectedElement || (locale === null || locale === void 0 ? void 0 : locale.placeholder))));
+  }, rest), selectedElement || (locale === null || locale === void 0 ? void 0 : locale.placeholder)));
 });
 SelectPicker.displayName = 'SelectPicker';
 export default SelectPicker;

package/esm/Sidenav/ExpandedSidenavDropdownItem.js

@@ -2,7 +2,7 @@
 import React, { useCallback, useContext } from 'react';
 import isNil from 'lodash/isNil';
 import Ripple from "../internals/Ripple/index.js";
-import SafeAnchor from "../SafeAnchor/index.js";
+import SafeAnchor from "../internals/SafeAnchor/index.js";
 import NavContext from "../Nav/NavContext.js";
 import { forwardRef, createChainedFunction, shallowEqual } from "../internals/utils/index.js";
 import { useStyles } from "../internals/hooks/index.js";

package/esm/Sidenav/SidenavItem.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useContext, useCallback } from 'react';
 import classNames from 'classnames';
 import isNil from 'lodash/isNil';
-import SafeAnchor from "../SafeAnchor/index.js";
+import SafeAnchor from "../internals/SafeAnchor/index.js";
 import NavContext from "../Nav/NavContext.js";
 import MenuItem from "../internals/Menu/MenuItem.js";
 import omit from 'lodash/omit';

package/esm/Slider/Graduated.d.ts

@@ -6,6 +6,10 @@ export interface GraduatedProps extends BoxProps {
     max: number;
     count: number;
     value: number | number[];
+    marks?: {
+        value: number;
+        label: React.ReactNode;
+    }[];
     renderMark?: (mark: number) => React.ReactNode;
 }
 declare const Graduated: import("../internals/types").InternalRefForwardingComponent<"div", GraduatedProps, never> & Record<string, never>;