rsuite 5.2.4 → 5.3.0

package/esm/Picker/utils.d.ts

@@ -6,11 +6,11 @@ interface NodeKeys {
     valueKey: string;
     childrenKey: string;
 }
-export declare function createConcatChildrenFunction(node: any, nodeValue?: any, nodeKeys?: NodeKeys): (data: any[], children: any[]) => any[];
+export declare function createConcatChildrenFunction<T = any>(node: any, nodeValue?: any, nodeKeys?: NodeKeys): (data: T[], children: T[]) => T[];
 export declare function shouldDisplay(label: React.ReactNode, searchKeyword: string): boolean;
 interface PickerClassNameProps {
     name?: string;
-    classPrefix?: string;
+    classPrefix: string;
     className?: string;
     placement?: TypeAttributes.Placement;
     appearance?: 'default' | 'subtle';
@@ -43,7 +43,7 @@ interface EventsProps {
  */
 export declare function onMenuKeyDown(event: React.KeyboardEvent, events: EventsProps): void;
 interface FocusItemValueProps {
-    target: HTMLElement | (() => HTMLElement);
+    target: HTMLElement | null | (() => HTMLElement | null);
     data?: any[];
     valueKey?: string;
     focusableQueryKey?: string;
@@ -56,18 +56,18 @@ interface FocusItemValueProps {
  * @param defaultFocusItemValue
  * @param props
  */
-export declare const useFocusItemValue: (defaultFocusItemValue: number | string | readonly string[], props: FocusItemValueProps) => {
-    focusItemValue: any;
-    setFocusItemValue: React.Dispatch<any>;
+export declare const useFocusItemValue: <T extends string | number>(defaultFocusItemValue: T | null | undefined, props: FocusItemValueProps) => {
+    focusItemValue: T | null | undefined;
+    setFocusItemValue: React.Dispatch<React.SetStateAction<T | null | undefined>>;
     layer: number;
     setLayer: React.Dispatch<React.SetStateAction<number>>;
-    keys: any[];
-    setKeys: React.Dispatch<React.SetStateAction<any[]>>;
+    keys: (string | undefined)[];
+    setKeys: React.Dispatch<React.SetStateAction<(string | undefined)[]>>;
     onKeyDown: (event: any) => void;
 };
 interface ToggleKeyDownEventProps {
     toggle?: boolean;
-    triggerRef?: React.RefObject<any>;
+    triggerRef: React.RefObject<any>;
     targetRef: React.RefObject<any>;
     overlayRef?: React.RefObject<any>;
     searchInputRef?: React.RefObject<any>;
@@ -89,7 +89,7 @@ export declare const useToggleKeyDownEvent: (props: ToggleKeyDownEventProps) =>
 interface SearchProps {
     labelKey: string;
     data: ItemDataType[];
-    searchBy: (keyword: any, label: any, item: any) => boolean;
+    searchBy?: (keyword: any, label: any, item: any) => boolean;
     callback?: (keyword: string, data: ItemDataType[], event: React.SyntheticEvent) => void;
 }
 /**
@@ -98,15 +98,15 @@ interface SearchProps {
  */
 export declare function useSearch(props: SearchProps): {
     searchKeyword: string;
-    filteredData: any[];
+    filteredData: import("../CheckTreePicker/utils").TreeNodeType[];
     updateFilteredData: (nextData: ItemDataType[]) => void;
     setSearchKeyword: React.Dispatch<React.SetStateAction<string>>;
-    checkShouldDisplay: (item: ItemDataType, keyword?: string) => boolean;
+    checkShouldDisplay: (item: ItemDataType, keyword?: string | undefined) => boolean;
     handleSearch: (searchKeyword: string, event: React.SyntheticEvent) => void;
 };
 interface PickerDependentParameters {
     triggerRef?: React.RefObject<OverlayTriggerInstance>;
-    rootRef?: React.RefObject<any>;
+    rootRef?: React.RefObject<HTMLElement>;
     overlayRef?: React.RefObject<HTMLElement>;
     targetRef?: React.RefObject<HTMLElement>;
     listRef?: React.RefObject<ListInstance>;

package/esm/Picker/utils.js

@@ -2,6 +2,7 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 import React, { useState, useImperativeHandle, useCallback } from 'react';
 import kebabCase from 'lodash/kebabCase';
 import trim from 'lodash/trim';
+import isNil from 'lodash/isNil';
 import isFunction from 'lodash/isFunction';
 import isUndefined from 'lodash/isUndefined';
 import omit from 'lodash/omit';
@@ -176,13 +177,11 @@ export var useFocusItemValue = function useFocusItemValue(defaultFocusItemValue,
     var menu = isFunction(target) ? target() : target;
     var currentKeys = keys;
 
-    if (currentKeys.length === 0) {
-      var _Array$from;
-
-      currentKeys = (_Array$from = Array.from(menu === null || menu === void 0 ? void 0 : menu.querySelectorAll(focusableQueryKey))) === null || _Array$from === void 0 ? void 0 : _Array$from.map(function (item) {
+    if (currentKeys.length === 0 && !isNil(menu)) {
+      currentKeys = Array.from(menu.querySelectorAll(focusableQueryKey)).map(function (item) {
         var _item$dataset;
 
-        return item === null || item === void 0 ? void 0 : (_item$dataset = item.dataset) === null || _item$dataset === void 0 ? void 0 : _item$dataset.key;
+        return (_item$dataset = item.dataset) === null || _item$dataset === void 0 ? void 0 : _item$dataset.key;
       });
       setKeys(currentKeys);
     }
@@ -244,12 +243,12 @@ export var useFocusItemValue = function useFocusItemValue(defaultFocusItemValue,
     var subMenu = menu === null || menu === void 0 ? void 0 : menu.querySelector("[data-layer=\"" + nextLayer + "\"]");
 
     if (subMenu) {
-      var _Array$from2;
+      var _Array$from;
 
-      return (_Array$from2 = Array.from(subMenu.querySelectorAll(focusableQueryKey))) === null || _Array$from2 === void 0 ? void 0 : _Array$from2.map(function (item) {
+      return (_Array$from = Array.from(subMenu.querySelectorAll(focusableQueryKey))) === null || _Array$from === void 0 ? void 0 : _Array$from.map(function (item) {
         var _item$dataset2;
 
-        return item === null || item === void 0 ? void 0 : (_item$dataset2 = item.dataset) === null || _item$dataset2 === void 0 ? void 0 : _item$dataset2.key;
+        return (_item$dataset2 = item.dataset) === null || _item$dataset2 === void 0 ? void 0 : _item$dataset2.key;
       });
     }
 
@@ -383,7 +382,7 @@ export var useToggleKeyDownEvent = function useToggleKeyDownEvent(props) {
         if (((_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.tagName) !== 'INPUT') {
           var _searchInputRef$curre;
 
-          (_searchInputRef$curre = searchInputRef.current) === null || _searchInputRef$curre === void 0 ? void 0 : _searchInputRef$curre.focus();
+          searchInputRef === null || searchInputRef === void 0 ? void 0 : (_searchInputRef$curre = searchInputRef.current) === null || _searchInputRef$curre === void 0 ? void 0 : _searchInputRef$curre.focus();
         }
       }
     }
@@ -472,26 +471,26 @@ export function usePublicMethods(ref, parmas) {
   var handleOpen = useCallback(function () {
     var _triggerRef$current3;
 
-    (_triggerRef$current3 = triggerRef.current) === null || _triggerRef$current3 === void 0 ? void 0 : _triggerRef$current3.open();
+    triggerRef === null || triggerRef === void 0 ? void 0 : (_triggerRef$current3 = triggerRef.current) === null || _triggerRef$current3 === void 0 ? void 0 : _triggerRef$current3.open();
   }, [triggerRef]);
   var handleClose = useCallback(function () {
     var _triggerRef$current4;
 
-    (_triggerRef$current4 = triggerRef.current) === null || _triggerRef$current4 === void 0 ? void 0 : _triggerRef$current4.close();
+    triggerRef === null || triggerRef === void 0 ? void 0 : (_triggerRef$current4 = triggerRef.current) === null || _triggerRef$current4 === void 0 ? void 0 : _triggerRef$current4.close();
   }, [triggerRef]);
   var handleUpdatePosition = useCallback(function () {
     var _triggerRef$current5;
 
-    (_triggerRef$current5 = triggerRef.current) === null || _triggerRef$current5 === void 0 ? void 0 : _triggerRef$current5.updatePosition();
+    triggerRef === null || triggerRef === void 0 ? void 0 : (_triggerRef$current5 = triggerRef.current) === null || _triggerRef$current5 === void 0 ? void 0 : _triggerRef$current5.updatePosition();
   }, [triggerRef]);
   useImperativeHandle(ref, function () {
     // Tree and CheckTree
     if (inline) {
       return {
         get root() {
-          var _triggerRef$current6;
+          var _triggerRef$current$r, _triggerRef$current6;
 
-          return rootRef !== null && rootRef !== void 0 && rootRef.current ? rootRef === null || rootRef === void 0 ? void 0 : rootRef.current : (_triggerRef$current6 = triggerRef.current) === null || _triggerRef$current6 === void 0 ? void 0 : _triggerRef$current6.root;
+          return rootRef !== null && rootRef !== void 0 && rootRef.current ? rootRef === null || rootRef === void 0 ? void 0 : rootRef.current : (_triggerRef$current$r = triggerRef === null || triggerRef === void 0 ? void 0 : (_triggerRef$current6 = triggerRef.current) === null || _triggerRef$current6 === void 0 ? void 0 : _triggerRef$current6.root) !== null && _triggerRef$current$r !== void 0 ? _triggerRef$current$r : null;
         },
 
         get list() {
@@ -507,17 +506,21 @@ export function usePublicMethods(ref, parmas) {
 
     return {
       get root() {
-        var _triggerRef$current7;
+        var _ref, _triggerRef$current7;
 
-        return rootRef !== null && rootRef !== void 0 && rootRef.current ? rootRef === null || rootRef === void 0 ? void 0 : rootRef.current : (_triggerRef$current7 = triggerRef.current) === null || _triggerRef$current7 === void 0 ? void 0 : _triggerRef$current7.root;
+        return (_ref = (rootRef === null || rootRef === void 0 ? void 0 : rootRef.current) || (triggerRef === null || triggerRef === void 0 ? void 0 : (_triggerRef$current7 = triggerRef.current) === null || _triggerRef$current7 === void 0 ? void 0 : _triggerRef$current7.root)) !== null && _ref !== void 0 ? _ref : null;
       },
 
       get overlay() {
-        return overlayRef.current;
+        var _overlayRef$current;
+
+        return (_overlayRef$current = overlayRef === null || overlayRef === void 0 ? void 0 : overlayRef.current) !== null && _overlayRef$current !== void 0 ? _overlayRef$current : null;
       },
 
       get target() {
-        return targetRef === null || targetRef === void 0 ? void 0 : targetRef.current;
+        var _targetRef$current;
+
+        return (_targetRef$current = targetRef === null || targetRef === void 0 ? void 0 : targetRef.current) !== null && _targetRef$current !== void 0 ? _targetRef$current : null;
       },
 
       get list() {

package/esm/Placeholder/PlaceholderGrid.js

@@ -49,7 +49,7 @@ var PlaceholderGrid = /*#__PURE__*/React.forwardRef(function (props, ref) {
         style: {
           width: widthPercent + "%",
           height: rowHeight,
-          marginTop: j > 0 ? rowMargin : null
+          marginTop: j > 0 ? rowMargin : undefined
         }
       }));
     }

package/esm/Plaintext/Plaintext.js

@@ -16,7 +16,8 @@ var Plaintext = /*#__PURE__*/React.forwardRef(function (props, ref) {
       classPrefix = _props$classPrefix === void 0 ? 'plaintext' : _props$classPrefix,
       className = props.className,
       children = props.children,
-      localeKey = props.localeKey,
+      _props$localeKey = props.localeKey,
+      localeKey = _props$localeKey === void 0 ? '' : _props$localeKey,
       _props$placeholder = props.placeholder,
       placeholder = _props$placeholder === void 0 ? locale[localeKey] : _props$placeholder,
       rest = _objectWithoutPropertiesLoose(props, ["as", "classPrefix", "className", "children", "localeKey", "placeholder"]);

package/esm/Radio/Radio.d.ts

@@ -27,7 +27,7 @@ export interface RadioProps<T = ValueType> extends WithAsProps, Omit<React.HTMLA
     /** Primary content */
     children?: React.ReactNode;
     /** Callback function with value changed */
-    onChange?: (value: T, checked: boolean, event: React.ChangeEvent<HTMLInputElement>) => void;
+    onChange?: (value: T | undefined, checked: boolean, event: React.ChangeEvent<HTMLInputElement>) => void;
 }
 declare const Radio: React.ForwardRefExoticComponent<RadioProps<ValueType> & React.RefAttributes<unknown>>;
 export default Radio;

package/esm/RadioGroup/RadioGroup.d.ts

@@ -4,12 +4,12 @@ import { ValueType } from '../Radio';
 export interface RadioContextProps {
     inline?: boolean;
     name?: string;
-    value?: ValueType;
+    value?: ValueType | null;
     controlled?: boolean;
     disabled?: boolean;
     readOnly?: boolean;
     plaintext?: boolean;
-    onChange?: (value: ValueType, event: React.ChangeEvent<HTMLInputElement>) => void;
+    onChange?: (value: ValueType | undefined, event: React.ChangeEvent<HTMLInputElement>) => void;
 }
 export interface RadioGroupProps<T = ValueType> extends WithAsProps, FormControlBaseProps<T> {
     /** A radio group can have different appearances */

package/esm/RadioGroup/RadioGroup.js

@@ -39,7 +39,7 @@ var RadioGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
   var handleChange = useCallback(function (nextValue, event) {
     setValue(nextValue);
-    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
+    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue !== null && nextValue !== void 0 ? nextValue : '', event);
   }, [onChange, setValue]);
   var contextValue = useMemo(function () {
     return {

package/esm/RangeSlider/RangeSlider.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { SliderProps } from '../Slider';
-export declare type ValueType = number[];
-export declare type RangeSliderProps = SliderProps<ValueType>;
+export declare type Range = [number, number];
+export declare type RangeSliderProps = SliderProps<Range>;
 declare const RangeSlider: React.ForwardRefExoticComponent<RangeSliderProps & React.RefAttributes<unknown>>;
 export default RangeSlider;

package/esm/RangeSlider/RangeSlider.js

@@ -11,6 +11,7 @@ import ProgressBar from '../Slider/ProgressBar';
 import Handle from '../Slider/Handle';
 import Graduated from '../Slider/Graduated';
 import { precisionMath, checkValue } from '../Slider/utils';
+import { tupleType } from '../utils/propTypeChecker';
 var defaultDefaultValue = [0, 0];
 var RangeSlider = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var ariaLabel = props['aria-label'],
@@ -48,7 +49,7 @@ var RangeSlider = /*#__PURE__*/React.forwardRef(function (props, ref) {
       onChangeCommitted = props.onChangeCommitted,
       rest = _objectWithoutPropertiesLoose(props, ["aria-label", "aria-labelledby", "aria-valuetext", "as", "barClassName", "className", "defaultValue", "graduated", "progress", "vertical", "disabled", "classPrefix", "min", "max", "step", "value", "handleClassName", "handleStyle", "handleTitle", "tooltip", "getAriaValueText", "renderTooltip", "renderMark", "onChange", "onChangeCommitted"]);
 
-  var barRef = useRef(); // Define the parameter position of the handle
+  var barRef = useRef(null); // Define the parameter position of the handle
 
   var handleIndexs = useRef([0, 1]);
 
@@ -264,7 +265,7 @@ var RangeSlider = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onDragMove: handleDragMove,
     onDragEnd: handleChangeCommitted,
     onKeyDown: handleKeyDown,
-    tabIndex: disabled ? null : 0,
+    tabIndex: disabled ? undefined : 0,
     'aria-orientation': vertical ? 'vertical' : 'horizontal',
     'aria-disabled': disabled,
     'aria-valuemax': max,
@@ -299,7 +300,7 @@ var RangeSlider = /*#__PURE__*/React.forwardRef(function (props, ref) {
 });
 RangeSlider.displayName = 'RangeSlider';
 RangeSlider.propTypes = _extends({}, sliderPropTypes, {
-  value: PropTypes.arrayOf(PropTypes.number),
-  defaultValue: PropTypes.arrayOf(PropTypes.number)
+  value: tupleType(PropTypes.number.isRequired, PropTypes.number.isRequired),
+  defaultValue: tupleType(PropTypes.number.isRequired, PropTypes.number.isRequired)
 });
 export default RangeSlider;

package/esm/Rate/Character.js

@@ -1,5 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+import _isNil from "lodash/isNil";
 
 var _characterStatus;
 
@@ -33,8 +34,8 @@ var Character = /*#__PURE__*/React.forwardRef(function (props, ref) {
       prefix = _useClassNames.prefix,
       withClassPrefix = _useClassNames.withClassPrefix;
 
-  var beforeRef = useRef();
-  var classes = merge(className, withClassPrefix(characterStatus[status]));
+  var beforeRef = useRef(null);
+  var classes = merge(className, withClassPrefix(!_isNil(status) && characterStatus[status]));
   var handleMouseMove = useCallback(function (event) {
     onMouseMove === null || onMouseMove === void 0 ? void 0 : onMouseMove(getKey(beforeRef.current, event.target), event);
   }, [onMouseMove]);

package/esm/Rate/Rate.js

@@ -24,7 +24,8 @@ var Rate = /*#__PURE__*/React.forwardRef(function (props, ref) {
       _props$size = props.size,
       size = _props$size === void 0 ? 'md' : _props$size,
       color = props.color,
-      allowHalf = props.allowHalf,
+      _props$allowHalf = props.allowHalf,
+      allowHalf = _props$allowHalf === void 0 ? false : _props$allowHalf,
       valueProp = props.value,
       _props$defaultValue = props.defaultValue,
       defaultValue = _props$defaultValue === void 0 ? 0 : _props$defaultValue,

package/esm/Ripple/Ripple.js

@@ -37,7 +37,7 @@ var Ripple = /*#__PURE__*/React.forwardRef(function (props, ref) {
       withClassPrefix = _useClassNames.withClassPrefix;
 
   var classes = merge(className, prefix('pond'));
-  var triggerRef = useRef();
+  var triggerRef = useRef(null);
 
   var _useState = useState(false),
       rippling = _useState[0],

package/esm/SelectPicker/SelectPicker.js

@@ -70,10 +70,10 @@ var SelectPicker = /*#__PURE__*/React.forwardRef(function (props, ref) {
       renderExtraFooter = props.renderExtraFooter,
       rest = _objectWithoutPropertiesLoose(props, ["as", "appearance", "data", "valueKey", "labelKey", "value", "classPrefix", "placeholder", "defaultValue", "disabled", "cleanable", "placement", "menuClassName", "menuAutoWidth", "menuMaxHeight", "menuStyle", "groupBy", "locale", "toggleAs", "style", "searchable", "disabledItemValues", "virtualized", "listProps", "id", "onGroupTitleClick", "searchBy", "onEntered", "onExited", "onClean", "onChange", "onSelect", "onSearch", "onClose", "onOpen", "sort", "renderValue", "renderMenu", "renderMenuGroup", "renderMenuItem", "renderExtraFooter"]);
 
-  var triggerRef = useRef();
-  var targetRef = useRef();
-  var overlayRef = useRef();
-  var searchInputRef = useRef();
+  var triggerRef = useRef(null);
+  var targetRef = useRef(null);
+  var overlayRef = useRef(null);
+  var searchInputRef = useRef(null);
 
   var _useCustom = useCustom('Picker', overrideLocale),
       locale = _useCustom.locale;

package/esm/Sidenav/Node.d.ts

@@ -4,7 +4,7 @@
  * Ref: https://developer.mozilla.org/zh-CN/docs/Web/API/Node
  */
 export declare class Node {
-    id: string;
+    id: string | null;
     nodeValue: string | null;
     parent: string | null;
     parentNode: Node | null;

package/esm/Sidenav/Sidenav.d.ts

@@ -23,16 +23,16 @@ export interface SidenavProps<T = string> extends WithAsProps {
      * Select the callback function for the menu
      * @deprecated Use <Sidenav onSelect> instead
      */
-    onSelect?: (eventKey: T, event: React.SyntheticEvent) => void;
+    onSelect?: (eventKey: T | undefined, event: React.SyntheticEvent) => void;
 }
-export declare const SidenavContext: React.Context<SidenavContextType<string>>;
+export declare const SidenavContext: React.Context<SidenavContextType<string> | null>;
 export interface SidenavContextType<T = string> {
     openKeys: T[];
-    activeKey: T;
+    activeKey: T | null;
     sidenav: boolean;
     expanded: boolean;
     onOpenChange: (eventKey: T, event: React.SyntheticEvent) => void;
-    onSelect?: (eventKey: T, event: React.SyntheticEvent) => void;
+    onSelect?: (eventKey: T | undefined, event: React.SyntheticEvent) => void;
 }
 export interface SidenavComponent extends RsRefForwardingComponent<'div', SidenavProps> {
     Header: typeof SidenavHeader;

package/esm/Sidenav/Sidenav.js

@@ -11,6 +11,7 @@ import SidenavToggle from './SidenavToggle';
 import { useClassNames, useControlled, mergeRefs } from '../utils';
 import deprecatePropType from '../utils/deprecatePropType';
 export var SidenavContext = /*#__PURE__*/React.createContext(null);
+var emptyArray = [];
 var Sidenav = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
       Component = _props$as === void 0 ? 'nav' : _props$as,
@@ -21,8 +22,10 @@ var Sidenav = /*#__PURE__*/React.forwardRef(function (props, ref) {
       appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
       _props$expanded = props.expanded,
       expanded = _props$expanded === void 0 ? true : _props$expanded,
-      activeKey = props.activeKey,
-      defaultOpenKeys = props.defaultOpenKeys,
+      _props$activeKey = props.activeKey,
+      activeKey = _props$activeKey === void 0 ? null : _props$activeKey,
+      _props$defaultOpenKey = props.defaultOpenKeys,
+      defaultOpenKeys = _props$defaultOpenKey === void 0 ? emptyArray : _props$defaultOpenKey,
       openKeysProp = props.openKeys,
       onSelect = props.onSelect,
       onOpenChange = props.onOpenChange,

package/esm/Sidenav/SidenavDropdown.js

@@ -38,13 +38,8 @@ var SidenavDropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
       onToggle = props.onToggle,
       rest = _objectWithoutPropertiesLoose(props, ["as", "title", "children", "className", "menuStyle", "disabled", "renderTitle", "renderToggle", "classPrefix", "placement", "toggleClassName", "icon", "eventKey", "toggleAs", "noCaret", "style", "onOpen", "onClose", "open", "onToggle"]);
 
-  var _useContext = useContext(SidenavContext),
-      _useContext$openKeys = _useContext.openKeys,
-      openKeys = _useContext$openKeys === void 0 ? [] : _useContext$openKeys,
-      onOpenChange = _useContext.onOpenChange;
-
-  var _useContext2 = useContext(DropdownContext),
-      hasSelectedItem = _useContext2.hasSelectedItem;
+  var sidenavContext = useContext(SidenavContext);
+  var dropdownContext = useContext(DropdownContext);
 
   var _useClassNames = useClassNames(classPrefix),
       merge = _useClassNames.merge,
@@ -52,6 +47,15 @@ var SidenavDropdown = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
   var internalId = useInternalId('SidenavDropdown');
   var uniqueKey = eventKey !== null && eventKey !== void 0 ? eventKey : internalId;
+
+  if (!sidenavContext || !dropdownContext) {
+    throw new Error('<SidenavDropdown> component is not supposed to be used standalone. Use <Dropdown> inside <Sidenav> instead.');
+  }
+
+  var _sidenavContext$openK = sidenavContext.openKeys,
+      openKeys = _sidenavContext$openK === void 0 ? [] : _sidenavContext$openK,
+      onOpenChange = sidenavContext.onOpenChange;
+  var hasSelectedItem = dropdownContext.hasSelectedItem;
   var handleToggleDisclosure = useCallback(function (open, event) {
     if (open) {
       onClose === null || onClose === void 0 ? void 0 : onClose();

package/esm/Sidenav/SidenavDropdownItem.js

@@ -33,12 +33,16 @@ var SidenavDropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
       onSelect = props.onSelect,
       rest = _objectWithoutPropertiesLoose(props, ["as", "active", "children", "disabled", "divider", "panel", "className", "style", "classPrefix", "icon", "eventKey", "onClick", "onSelect"]);
 
-  var _useContext = useContext(SidenavContext),
-      activeKey = _useContext.activeKey,
-      onSidenavSelect = _useContext.onSelect;
+  var sidenavContext = useContext(SidenavContext);
+  var dropdown = useContext(DropdownContext);
+
+  if (!sidenavContext || !dropdown) {
+    throw new Error('<SidenavDropdownItem> component is not supposed to be used standalone. Use <Dropdown.Item> within <Sidenav> instead.');
+  }
 
+  var activeKey = sidenavContext.activeKey,
+      onSidenavSelect = sidenavContext.onSelect;
   var nav = useContext(NavContext);
-  var dropdown = useContext(DropdownContext);
 
   var _useClassNames = useClassNames(classPrefix),
       merge = _useClassNames.merge,
@@ -52,9 +56,11 @@ var SidenavDropdownItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
     disabled: disabled
   }));
   var handleClick = useCallback(function (event) {
+    var _dropdown$onSelect;
+
     if (disabled) return;
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(eventKey, event);
-    dropdown === null || dropdown === void 0 ? void 0 : dropdown.onSelect(eventKey, event);
+    (_dropdown$onSelect = dropdown.onSelect) === null || _dropdown$onSelect === void 0 ? void 0 : _dropdown$onSelect.call(dropdown, eventKey, event);
     onSidenavSelect === null || onSidenavSelect === void 0 ? void 0 : onSidenavSelect(eventKey, event);
   }, [disabled, onSelect, onSidenavSelect, eventKey, dropdown]);
   var menuitemEventHandlers = {

package/esm/Sidenav/SidenavDropdownMenu.js

@@ -46,12 +46,16 @@ var SidenavDropdownMenu = /*#__PURE__*/React.forwardRef(function (props, ref) {
       withClassPrefix = _useClassNames.withClassPrefix,
       prefix = _useClassNames.prefix;
 
-  var _useContext = useContext(SidenavContext),
-      _useContext$openKeys = _useContext.openKeys,
-      openKeys = _useContext$openKeys === void 0 ? [] : _useContext$openKeys,
-      onOpenChange = _useContext.onOpenChange,
-      onSidenavSelect = _useContext.onSelect;
+  var sidenavContext = useContext(SidenavContext);
 
+  if (!sidenavContext) {
+    throw new Error('<SidenavDropdownMenu> component is not supposed to be used standalone. Use <Dropdown.Item> inside <Sidenav> instead.');
+  }
+
+  var _sidenavContext$openK = sidenavContext.openKeys,
+      openKeys = _sidenavContext$openK === void 0 ? [] : _sidenavContext$openK,
+      onOpenChange = sidenavContext.onOpenChange,
+      onSidenavSelect = sidenavContext.onSelect;
   var handleClick = useCallback(function (event) {
     if (disabled) return;
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(eventKey, event);

package/esm/Sidenav/SidenavItem.d.ts

@@ -11,7 +11,7 @@ export interface SidenavItemProps<T = any> extends WithAsProps, Omit<React.HTMLA
     /** The value of the current option */
     eventKey?: T;
     /** Selected callback function */
-    onSelect?: (eventKey: T, event: React.MouseEvent<HTMLElement>) => void;
+    onSelect?: (eventKey: T, event: React.MouseEvent) => void;
     divider?: boolean;
     panel?: boolean;
 }

package/esm/Sidenav/SidenavItem.js

@@ -30,6 +30,10 @@ var SidenavItem = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
   var sidenav = useContext(SidenavContext);
 
+  if (!sidenav) {
+    throw new Error('<SidenavItem> component is not supposed to be used standalone. Use <Nav.Item> inside <Sidenav> instead.');
+  }
+
   var _useContext = useContext(NavContext),
       activeKey = _useContext.activeKey,
       onSelectFromNav = _useContext.onSelect;

package/esm/Slider/Graduated.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
 import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
 export interface GraduatedProps extends WithAsProps {
-    step?: number;
-    min?: number;
-    max?: number;
-    count?: number;
-    value?: number | number[];
+    step: number;
+    min: number;
+    max: number;
+    count: number;
+    value: number | number[];
     renderMark?: (mark: number) => React.ReactNode;
 }
 declare const Graduated: RsRefForwardingComponent<'div', GraduatedProps>;

package/esm/Slider/Handle.d.ts

@@ -7,7 +7,7 @@ export interface HandleProps extends WithAsProps, React.HTMLAttributes<HTMLDivEl
     rtl?: boolean;
     position?: number;
     value?: number;
-    renderTooltip?: (value: number) => React.ReactNode;
+    renderTooltip?: (value: number | undefined) => React.ReactNode;
     onDragMove?: (event: React.DragEvent, dataset?: DOMStringMap) => void;
     onDragStart?: (event: React.MouseEvent) => void;
     onDragEnd?: (event: React.MouseEvent, dataset?: DOMStringMap) => void;

package/esm/Slider/Handle.js

@@ -39,7 +39,7 @@ var Handle = /*#__PURE__*/React.forwardRef(function (props, ref) {
       active = _useState[0],
       setActive = _useState[1];
 
-  var rootRef = useRef();
+  var rootRef = useRef(null);
   var horizontalKey = rtl ? 'right' : 'left';
   var direction = vertical ? 'bottom' : horizontalKey;
 
@@ -52,7 +52,7 @@ var Handle = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var handleClasses = merge(className, prefix('handle'), {
     active: active
   });
-  var tooltipRef = useRef();
+  var tooltipRef = useRef(null);
   var mouseMoveTracker = useRef();
   var releaseMouseMoves = useCallback(function () {
     var _mouseMoveTracker$cur;
@@ -72,20 +72,24 @@ var Handle = /*#__PURE__*/React.forwardRef(function (props, ref) {
     var _mouseMoveTracker$cur2;
 
     if ((_mouseMoveTracker$cur2 = mouseMoveTracker.current) !== null && _mouseMoveTracker$cur2 !== void 0 && _mouseMoveTracker$cur2.isDragging()) {
-      onDragMove === null || onDragMove === void 0 ? void 0 : onDragMove(event, rootRef.current.dataset);
+      var _rootRef$current;
+
+      onDragMove === null || onDragMove === void 0 ? void 0 : onDragMove(event, (_rootRef$current = rootRef.current) === null || _rootRef$current === void 0 ? void 0 : _rootRef$current.dataset);
       setTooltipPosition();
     }
   }, [onDragMove, setTooltipPosition]);
   var handleDragEnd = useCallback(function (event) {
+    var _rootRef$current2;
+
     setActive(false);
     releaseMouseMoves();
-    onDragEnd === null || onDragEnd === void 0 ? void 0 : onDragEnd(event, rootRef.current.dataset);
+    onDragEnd === null || onDragEnd === void 0 ? void 0 : onDragEnd(event, (_rootRef$current2 = rootRef.current) === null || _rootRef$current2 === void 0 ? void 0 : _rootRef$current2.dataset);
   }, [onDragEnd, releaseMouseMoves]);
   var getMouseMoveTracker = useCallback(function () {
     return mouseMoveTracker.current || new DOMMouseMoveTracker(handleDragMove, handleDragEnd, document.body);
   }, [handleDragEnd, handleDragMove]);
   var handleMouseDown = useCallback(function (event) {
-    var _mouseMoveTracker$cur3, _rootRef$current;
+    var _mouseMoveTracker$cur3, _rootRef$current3;
 
     if (disabled) {
       return;
@@ -93,7 +97,7 @@ var Handle = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
     mouseMoveTracker.current = getMouseMoveTracker();
     (_mouseMoveTracker$cur3 = mouseMoveTracker.current) === null || _mouseMoveTracker$cur3 === void 0 ? void 0 : _mouseMoveTracker$cur3.captureMouseMoves(event);
-    (_rootRef$current = rootRef.current) === null || _rootRef$current === void 0 ? void 0 : _rootRef$current.focus();
+    (_rootRef$current3 = rootRef.current) === null || _rootRef$current3 === void 0 ? void 0 : _rootRef$current3.focus();
     setActive(true);
     onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart(event);
   }, [disabled, getMouseMoveTracker, onDragStart]);

package/esm/Slider/Mark.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
 export interface MarkProps extends WithAsProps {
-    mark?: number;
+    mark: number;
     last?: boolean;
     renderMark?: (mark: number) => React.ReactNode;
 }

package/esm/Slider/Slider.d.ts

@@ -45,7 +45,7 @@ export interface SliderProps<T = number> extends WithAsProps, FormControlBasePro
     /** Customize labels on the render ruler */
     renderMark?: (mark: number) => React.ReactNode;
     /** Customize the content of the rendered Tooltip. */
-    renderTooltip?: (value: number) => React.ReactNode;
+    renderTooltip?: (value: number | undefined) => React.ReactNode;
     /** Accepts a function which returns a string value that provides a user-friendly name for the current value of the slider. */
     getAriaValueText?: (value: number, eventKey?: 'start' | 'end') => string;
     /** Callback function that is fired when the mouseup is triggered. */

package/esm/Slider/Slider.js

@@ -73,7 +73,7 @@ var Slider = /*#__PURE__*/React.forwardRef(function (props, ref) {
       onChangeCommitted = props.onChangeCommitted,
       rest = _objectWithoutPropertiesLoose(props, ["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", "getAriaValueText", "renderTooltip", "renderMark", "onChange", "onChangeCommitted"]);
 
-  var barRef = useRef();
+  var barRef = useRef(null);
 
   var _useClassNames = useClassNames(classPrefix),
       merge = _useClassNames.merge,
@@ -242,7 +242,7 @@ var Slider = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onDragMove: handleChangeValue,
     onKeyDown: handleKeyDown,
     onDragEnd: handleChangeCommitted,
-    tabIndex: disabled || readOnly ? null : 0,
+    tabIndex: disabled || readOnly ? undefined : 0,
     "aria-orientation": vertical ? 'vertical' : 'horizontal',
     "aria-valuenow": value,
     "aria-disabled": disabled,