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

package/cjs/MultiCascader/MultiCascader.js

@@ -7,12 +7,10 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
 var _pick = _interopRequireDefault(require("lodash/pick"));
-var _omit = _interopRequireDefault(require("lodash/omit"));
 var _isFunction = _interopRequireDefault(require("lodash/isFunction"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
 var _TreeView = _interopRequireDefault(require("../MultiCascadeTree/TreeView"));
 var _SearchView = _interopRequireDefault(require("../MultiCascadeTree/SearchView"));
-var _Box = _interopRequireDefault(require("../internals/Box"));
 var _useActive = _interopRequireDefault(require("../Cascader/useActive"));
 var _utils = require("../internals/Tree/utils");
 var _hooks = require("../internals/hooks");
@@ -38,42 +36,44 @@ const MultiCascader = (0, _utils3.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 {
@@ -177,11 +177,10 @@ const MultiCascader = (0, _utils3.forwardRef)((props, ref) => {
   });
   const {
     active,
-    handleEntered,
-    handleExited
+    events
   } = (0, _useActive.default)({
-    onEntered,
-    onExited,
+    onEnter,
+    onExit,
     target,
     setSearchKeyword
   });
@@ -295,43 +294,41 @@ const MultiCascader = (0, _utils3.forwardRef)((props, ref) => {
       hasValue = false;
     }
   }
-  const [classes, usedClassNamePropKeys] = (0, _Picker.usePickerClassName)({
-    ...props,
-    classPrefix,
-    hasValue,
-    countable,
-    name: 'cascader',
-    appearance,
-    cleanable
-  });
+  const triggerProps = {
+    ...(0, _pick.default)(props, _Picker.triggerPropKeys),
+    ...events
+  };
   return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {
+    as: as,
     id: id,
+    name: "multi-cascader",
+    block: block,
+    disabled: disabled,
+    appearance: appearance,
     popupType: "tree",
     multiple: true,
-    pickerProps: (0, _pick.default)(props, _Picker.pickTriggerPropKeys),
+    triggerProps: triggerProps,
     ref: trigger,
     placement: placement,
-    onEnter: handleEntered,
-    onExited: handleExited,
-    speaker: renderTreeView
-  }, /*#__PURE__*/_react.default.createElement(_Box.default, {
-    as: as,
-    className: classes,
+    speaker: renderTreeView,
+    rootRef: root,
     style: style,
-    ref: root
-  }, /*#__PURE__*/_react.default.createElement(_Picker.PickerToggle, (0, _extends2.default)({}, (0, _omit.default)(rest, [..._Picker.omitTriggerPropKeys, ...usedClassNamePropKeys]), {
+    classPrefix: classPrefix,
+    className: className
+  }, /*#__PURE__*/_react.default.createElement(_Picker.PickerToggle, (0, _extends2.default)({
+    ref: target,
     as: toggleAs,
     appearance: appearance,
     disabled: disabled,
-    ref: target,
     onClean: (0, _utils3.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';
 var _default = exports.default = MultiCascader;

package/cjs/Nav/NavItem.js

@@ -9,7 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
 var _Ripple = _interopRequireDefault(require("../internals/Ripple"));
-var _SafeAnchor = _interopRequireDefault(require("../SafeAnchor"));
+var _SafeAnchor = _interopRequireDefault(require("../internals/SafeAnchor"));
 var _NavContext = _interopRequireDefault(require("./NavContext"));
 var _Box = _interopRequireDefault(require("../internals/Box"));
 var _hooks = require("../internals/hooks");

package/cjs/Navbar/NavbarItem.js

@@ -9,7 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
 var _NavContext = _interopRequireDefault(require("../Nav/NavContext"));
-var _SafeAnchor = _interopRequireDefault(require("../SafeAnchor"));
+var _SafeAnchor = _interopRequireDefault(require("../internals/SafeAnchor"));
 var _Ripple = _interopRequireDefault(require("../internals/Ripple"));
 var _Box = _interopRequireDefault(require("../internals/Box"));
 var _hooks = require("../internals/hooks");

package/cjs/Navbar/NavbarMegaMenu.js

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

package/cjs/RangeSlider/RangeSlider.js

@@ -12,6 +12,7 @@ var _getOffset = _interopRequireDefault(require("dom-lib/getOffset"));
 var _ProgressBar = _interopRequireDefault(require("../Slider/ProgressBar"));
 var _Handle = _interopRequireDefault(require("../Slider/Handle"));
 var _Graduated = _interopRequireDefault(require("../Slider/Graduated"));
+var _Plaintext = _interopRequireDefault(require("../internals/Plaintext"));
 var _Box = _interopRequireDefault(require("../internals/Box"));
 var _utils = require("../internals/utils");
 var _hooks = require("../internals/hooks");
@@ -42,16 +43,21 @@ const RangeSlider = (0, _utils.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,
@@ -267,7 +273,6 @@ const RangeSlider = (0, _utils.forwardRef)((props, ref) => {
     position: (value[1] - min) / (max - min) * 100
   }], [ariaValuetext, getAriaValueText, max, min, value]);
   const handleCommonProps = {
-    rtl,
     disabled,
     vertical,
     tooltip,
@@ -283,12 +288,21 @@ const RangeSlider = (0, _utils.forwardRef)((props, ref) => {
     'aria-valuemax': max,
     'aria-valuemin': min,
     'aria-label': ariaLabel,
-    'aria-labelledby': ariaLabelledby
+    'aria-labelledby': ariaLabelledby,
+    keepTooltipOpen
   };
+  if (plaintext) {
+    return /*#__PURE__*/_react.default.createElement(_Plaintext.default, {
+      localeKey: "notSelected",
+      ref: ref,
+      placeholder: placeholder
+    }, value && (value[0] || value[1]) ? value.join('~') : null);
+  }
   return /*#__PURE__*/_react.default.createElement(_Box.default, (0, _extends2.default)({
     as: as,
     ref: ref,
-    className: classes
+    className: classes,
+    "data-size": size
   }, rest), /*#__PURE__*/_react.default.createElement("div", {
     className: merge(barClassName, prefix('bar')),
     ref: barRef,
@@ -304,6 +318,7 @@ const RangeSlider = (0, _utils.forwardRef)((props, ref) => {
     max: max,
     count: count,
     value: value,
+    marks: marks,
     renderMark: renderMark
   })), /*#__PURE__*/_react.default.createElement(_Handle.default, (0, _extends2.default)({
     "data-range": value

package/cjs/SelectPicker/SelectPicker.js

@@ -9,9 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _pick = _interopRequireDefault(require("lodash/pick"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
 var _isFunction = _interopRequireDefault(require("lodash/isFunction"));
-var _omit = _interopRequireDefault(require("lodash/omit"));
 var _SearchBox = _interopRequireDefault(require("../internals/SearchBox"));
-var _Box = _interopRequireDefault(require("../internals/Box"));
 var _hooks = require("../internals/hooks");
 var _utils = require("../internals/utils");
 var _Picker = require("../internals/Picker");
@@ -28,45 +26,47 @@ const SelectPicker = (0, _utils.forwardRef)((props, ref) => {
     propsWithDefaults
   } = (0, _CustomProvider.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 {
@@ -160,13 +160,13 @@ const SelectPicker = (0, _utils.forwardRef)((props, ref) => {
     onMenuPressEnter: handleMenuPressEnter,
     ...rest
   });
-  const handleExited = (0, _hooks.useEventCallback)(() => {
+  const handleExit = (0, _hooks.useEventCallback)(() => {
     resetSearch();
     setActive(false);
     onSearch === null || onSearch === void 0 || onSearch('');
     setFocusItemValue(null);
   });
-  const handleEntered = (0, _hooks.useEventCallback)(() => {
+  const handleEnter = (0, _hooks.useEventCallback)(() => {
     setActive(true);
     setFocusItemValue(value);
   });
@@ -244,28 +244,27 @@ const SelectPicker = (0, _utils.forwardRef)((props, ref) => {
       inputRef: searchInput
     }), renderListbox ? renderListbox(listbox) : listbox, renderExtraFooter === null || renderExtraFooter === void 0 ? void 0 : renderExtraFooter());
   };
-  const [classes, usedClassNamePropKeys] = (0, _Picker.usePickerClassName)({
-    ...props,
-    classPrefix,
-    appearance,
-    hasValue,
-    name: 'select',
-    cleanable
-  });
+  const triggerProps = {
+    ...(0, _pick.default)(props, _Picker.triggerPropKeys),
+    onEnter: (0, _utils.createChainedFunction)(handleEnter, onEnter),
+    onExit: (0, _utils.createChainedFunction)(handleExit, onExit)
+  };
   return /*#__PURE__*/_react.default.createElement(_Picker.PickerToggleTrigger, {
+    as: as,
     id: id,
-    pickerProps: (0, _pick.default)(props, _Picker.pickTriggerPropKeys),
+    name: "select",
+    block: block,
+    disabled: disabled,
+    appearance: appearance,
+    triggerProps: triggerProps,
     ref: trigger,
     placement: placement,
-    onEntered: (0, _utils.createChainedFunction)(handleEntered, onEntered),
-    onExited: (0, _utils.createChainedFunction)(handleExited, onExited),
-    speaker: renderPopup
-  }, /*#__PURE__*/_react.default.createElement(_Box.default, {
-    as: as,
-    className: classes,
+    speaker: renderPopup,
+    rootRef: root,
     style: style,
-    ref: root
-  }, /*#__PURE__*/_react.default.createElement(_Picker.PickerToggle, (0, _extends2.default)({}, (0, _omit.default)(rest, [..._Picker.omitTriggerPropKeys, ...usedClassNamePropKeys]), {
+    classPrefix: classPrefix,
+    className: className
+  }, /*#__PURE__*/_react.default.createElement(_Picker.PickerToggle, (0, _extends2.default)({
     ref: target,
     appearance: appearance,
     onClean: (0, _utils.createChainedFunction)(handleClean, onClean),
@@ -278,7 +277,7 @@ const SelectPicker = (0, _utils.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';
 var _default = exports.default = SelectPicker;

package/cjs/Sidenav/ExpandedSidenavDropdownItem.js

@@ -7,7 +7,7 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
 var _Ripple = _interopRequireDefault(require("../internals/Ripple"));
-var _SafeAnchor = _interopRequireDefault(require("../SafeAnchor"));
+var _SafeAnchor = _interopRequireDefault(require("../internals/SafeAnchor"));
 var _NavContext = _interopRequireDefault(require("../Nav/NavContext"));
 var _utils = require("../internals/utils");
 var _hooks = require("../internals/hooks");

package/cjs/Sidenav/SidenavItem.js

@@ -8,7 +8,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
-var _SafeAnchor = _interopRequireDefault(require("../SafeAnchor"));
+var _SafeAnchor = _interopRequireDefault(require("../internals/SafeAnchor"));
 var _NavContext = _interopRequireDefault(require("../Nav/NavContext"));
 var _MenuItem = _interopRequireDefault(require("../internals/Menu/MenuItem"));
 var _omit = _interopRequireDefault(require("lodash/omit"));

package/cjs/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>;