rsuite 5.50.0 → 5.52.0

package/cjs/Sidenav/SidenavDropdown.js

@@ -13,9 +13,9 @@ var _omit = _interopRequireDefault(require("lodash/omit"));
 var _pick = _interopRequireDefault(require("lodash/pick"));
 var _utils = require("../utils");
 var _Sidenav = require("./Sidenav");
-var _deprecatePropType = _interopRequireDefault(require("../utils/deprecatePropType"));
-var _Menu = _interopRequireDefault(require("../Menu/Menu"));
-var _MenuItem = _interopRequireDefault(require("../Menu/MenuItem"));
+var _propTypes2 = require("../internals/propTypes");
+var _Menu = _interopRequireDefault(require("../internals/Menu/Menu"));
+var _MenuItem = _interopRequireDefault(require("../internals/Menu/MenuItem"));
 var _kebabCase = _interopRequireDefault(require("lodash/kebabCase"));
 var _ExpandedSidenavDropdown = _interopRequireDefault(require("./ExpandedSidenavDropdown"));
 var _NavContext = _interopRequireDefault(require("../Nav/NavContext"));
@@ -167,8 +167,8 @@ SidenavDropdown.displayName = 'Sidenav.Dropdown';
 SidenavDropdown.propTypes = {
   activeKey: _propTypes.default.any,
   classPrefix: _propTypes.default.string,
-  trigger: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.oneOf(['click', 'hover', 'contextMenu'])]),
-  placement: _propTypes.default.oneOf(_utils.PLACEMENT_8),
+  trigger: _propTypes.default.oneOfType([_propTypes.default.array, (0, _propTypes2.oneOf)(['click', 'hover', 'contextMenu'])]),
+  placement: (0, _propTypes2.oneOf)(_utils.PLACEMENT_8),
   title: _propTypes.default.node,
   disabled: _propTypes.default.bool,
   icon: _propTypes.default.node,
@@ -176,7 +176,7 @@ SidenavDropdown.propTypes = {
   className: _propTypes.default.string,
   toggleClassName: _propTypes.default.string,
   children: _propTypes.default.node,
-  open: (0, _deprecatePropType.default)(_propTypes.default.bool),
+  open: (0, _propTypes2.deprecatePropType)(_propTypes.default.bool),
   eventKey: _propTypes.default.any,
   as: _propTypes.default.elementType,
   toggleAs: _propTypes.default.elementType,

package/cjs/Sidenav/SidenavDropdownItem.js

@@ -10,13 +10,14 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Sidenav = require("./Sidenav");
-var _deprecatePropType = _interopRequireDefault(require("../utils/deprecatePropType"));
-var _MenuItem = _interopRequireDefault(require("../Menu/MenuItem"));
+var _propTypes2 = require("../internals/propTypes");
+var _MenuItem = _interopRequireDefault(require("../internals/Menu/MenuItem"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
 var _utils = require("../utils");
 var _NavContext = _interopRequireDefault(require("../Nav/NavContext"));
 var _useRenderDropdownItem = require("../Dropdown/useRenderDropdownItem");
 var _ExpandedSidenavDropdownItem = _interopRequireDefault(require("./ExpandedSidenavDropdownItem"));
+var _classnames = _interopRequireDefault(require("classnames"));
 /**
  * @private this component is not supposed to be used directly
  *          Instead it's rendered by a <Nav.Item> within a <Sidenav>
@@ -106,7 +107,7 @@ var SidenavDropdownItem = /*#__PURE__*/_react.default.forwardRef(function (props
       className: classes
     }, menuitem, dataAttributes, restProps, {
       children: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, icon && /*#__PURE__*/_react.default.cloneElement(icon, {
-        className: prefix('menu-icon')
+        className: (0, _classnames.default)(prefix('menu-icon'), icon.props.className)
       }), children)
     }));
   });
@@ -116,11 +117,11 @@ SidenavDropdownItem.propTypes = {
   as: _propTypes.default.elementType,
   divider: _propTypes.default.bool,
   panel: _propTypes.default.bool,
-  trigger: _propTypes.default.oneOfType([_propTypes.default.array, _propTypes.default.oneOf(['click', 'hover'])]),
-  open: (0, _deprecatePropType.default)(_propTypes.default.bool),
+  trigger: _propTypes.default.oneOfType([_propTypes.default.array, (0, _propTypes2.oneOf)(['click', 'hover'])]),
+  open: (0, _propTypes2.deprecatePropType)(_propTypes.default.bool),
   active: _propTypes.default.bool,
   disabled: _propTypes.default.bool,
-  pullLeft: (0, _deprecatePropType.default)(_propTypes.default.bool),
+  pullLeft: (0, _propTypes2.deprecatePropType)(_propTypes.default.bool),
   submenu: _propTypes.default.element,
   onSelect: _propTypes.default.func,
   onClick: _propTypes.default.func,

package/cjs/Sidenav/SidenavDropdownMenu.js

@@ -10,8 +10,8 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
 var _omit2 = _interopRequireDefault(require("lodash/omit"));
-var _Menu = _interopRequireDefault(require("../Menu/Menu"));
-var _MenuItem = _interopRequireDefault(require("../Menu/MenuItem"));
+var _Menu = _interopRequireDefault(require("../internals/Menu/Menu"));
+var _MenuItem = _interopRequireDefault(require("../internals/Menu/MenuItem"));
 var _utils = require("../utils");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Sidenav = require("./Sidenav");

package/cjs/Sidenav/SidenavDropdownToggle.js

@@ -11,6 +11,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _ArrowDownLine = _interopRequireDefault(require("@rsuite/icons/ArrowDownLine"));
 var _utils = require("../utils");
 var _SidenavItem = _interopRequireDefault(require("./SidenavItem"));
+var _propTypes2 = require("../internals/propTypes");
 /**
  * @private this component is not supposed to be used directly
  *          Instead it's rendered by a <Nav.Menu> call
@@ -54,7 +55,7 @@ SidenavDropdownToggle.propTypes = {
   noCaret: _propTypes.default.bool,
   as: _propTypes.default.elementType,
   renderToggle: _propTypes.default.func,
-  placement: _propTypes.default.oneOf(['bottomStart', 'bottomEnd', 'topStart', 'topEnd', 'leftStart', 'rightStart', 'leftEnd', 'rightEnd'])
+  placement: (0, _propTypes2.oneOf)(['bottomStart', 'bottomEnd', 'topStart', 'topEnd', 'leftStart', 'rightStart', 'leftEnd', 'rightEnd'])
 };
 var _default = SidenavDropdownToggle;
 exports.default = _default;

package/cjs/Sidenav/SidenavItem.js

@@ -11,14 +11,15 @@ var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
 var _utils = require("../utils");
-var _Ripple = _interopRequireDefault(require("../Ripple"));
+var _Ripple = _interopRequireDefault(require("../internals/Ripple"));
 var _SafeAnchor = _interopRequireDefault(require("../SafeAnchor"));
 var _NavContext = _interopRequireDefault(require("../Nav/NavContext"));
-var _MenuItem = _interopRequireDefault(require("../Menu/MenuItem"));
+var _MenuItem = _interopRequireDefault(require("../internals/Menu/MenuItem"));
 var _omit = _interopRequireDefault(require("lodash/omit"));
 var _Sidenav = require("./Sidenav");
 var _Whisper = _interopRequireDefault(require("../Whisper"));
 var _Tooltip = _interopRequireDefault(require("../Tooltip"));
+var _classnames = _interopRequireDefault(require("classnames"));
 /**
  * @private
  */
@@ -62,6 +63,9 @@ var SidenavItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     onSelectFromNav === null || onSelectFromNav === void 0 ? void 0 : onSelectFromNav(eventKey, event);
     onClick === null || onClick === void 0 ? void 0 : onClick(event);
   }, [disabled, onSelect, onSelectFromNav, eventKey, onClick]);
+  var clonedIcon = icon ? /*#__PURE__*/_react.default.cloneElement(icon, {
+    className: (0, _classnames.default)(prefix('icon'), icon.props.className)
+  }) : null;
   if (!sidenav.expanded) {
     return /*#__PURE__*/_react.default.createElement(_Whisper.default, {
       trigger: "hover",
@@ -92,9 +96,7 @@ var SidenavItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
         }, (0, _omit.default)(rest, ['divider', 'panel']), triggerProps, menuitem, {
           onMouseOver: (0, _utils.createChainedFunction)(menuitem.onMouseOver, triggerProps.onMouseOver),
           onMouseOut: (0, _utils.createChainedFunction)(menuitem.onMouseOut, triggerProps.onMouseOut)
-        }), icon && /*#__PURE__*/_react.default.cloneElement(icon, {
-          className: prefix('icon')
-        }), children, /*#__PURE__*/_react.default.createElement(_Ripple.default, null));
+        }), clonedIcon, children, /*#__PURE__*/_react.default.createElement(_Ripple.default, null));
       });
     });
   }
@@ -124,9 +126,7 @@ var SidenavItem = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     style: style,
     "aria-selected": selected || undefined,
     "data-event-key": eventKey
-  }, rest), icon && /*#__PURE__*/_react.default.cloneElement(icon, {
-    className: prefix('icon')
-  }), children, /*#__PURE__*/_react.default.createElement(_Ripple.default, null));
+  }, rest), clonedIcon, children, /*#__PURE__*/_react.default.createElement(_Ripple.default, null));
 });
 SidenavItem.displayName = 'Sidenav.Item';
 SidenavItem.propTypes = {

package/cjs/Sidenav/SidenavToggle.js

@@ -13,7 +13,7 @@ var _IconButton = _interopRequireDefault(require("../IconButton"));
 var _utils = require("../utils");
 var _AngleLeft = _interopRequireDefault(require("@rsuite/icons/legacy/AngleLeft"));
 var _AngleRight = _interopRequireDefault(require("@rsuite/icons/legacy/AngleRight"));
-var _deprecatePropType = _interopRequireDefault(require("../utils/deprecatePropType"));
+var _propTypes2 = require("../internals/propTypes");
 var _Sidenav = require("./Sidenav");
 var SidenavToggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var sidenav = (0, _react.useContext)(_Sidenav.SidenavContext);
@@ -54,7 +54,7 @@ SidenavToggle.displayName = 'Sidenav.Toggle';
 SidenavToggle.propTypes = {
   classPrefix: _propTypes.default.string,
   className: _propTypes.default.string,
-  expanded: (0, _deprecatePropType.default)(_propTypes.default.bool, 'Use <Sidenav expanded> instead.'),
+  expanded: (0, _propTypes2.deprecatePropType)(_propTypes.default.bool, 'Use <Sidenav expanded> instead.'),
   onToggle: _propTypes.default.func
 };
 var _default = SidenavToggle;

package/cjs/Slider/Slider.js

@@ -17,7 +17,7 @@ var _Handle = _interopRequireDefault(require("./Handle"));
 var _Graduated = _interopRequireDefault(require("./Graduated"));
 var _utils = require("../utils");
 var _utils2 = require("./utils");
-var _Plaintext = _interopRequireDefault(require("../Plaintext"));
+var _Plaintext = _interopRequireDefault(require("../internals/Plaintext"));
 var sliderPropTypes = {
   min: _propTypes.default.number,
   max: _propTypes.default.number,

package/cjs/Stack/Stack.js

@@ -9,6 +9,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _utils = require("../utils");
+var _propTypes2 = require("../internals/propTypes");
 var _StackItem = _interopRequireDefault(require("./StackItem"));
 /**
  * The `Stack` component is a quick layout component through Flexbox,
@@ -80,9 +81,9 @@ Stack.propTypes = {
   className: _propTypes.default.string,
   children: _propTypes.default.node,
   classPrefix: _propTypes.default.string,
-  direction: _propTypes.default.oneOf(['row', 'row-reverse', 'column', 'column-reverse']),
-  alignItems: _propTypes.default.oneOf(['flex-start', 'center', 'flex-end', 'stretch', 'baseline']),
-  justifyContent: _propTypes.default.oneOf(['flex-start', 'center', 'flex-end', 'space-between', 'space-around']),
+  direction: (0, _propTypes2.oneOf)(['row', 'row-reverse', 'column', 'column-reverse']),
+  alignItems: (0, _propTypes2.oneOf)(['flex-start', 'center', 'flex-end', 'stretch', 'baseline']),
+  justifyContent: (0, _propTypes2.oneOf)(['flex-start', 'center', 'flex-end', 'space-between', 'space-around']),
   spacing: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string, _propTypes.default.array]),
   divider: _propTypes.default.node,
   wrap: _propTypes.default.bool

package/cjs/Stack/StackItem.js

@@ -8,6 +8,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
+var _propTypes2 = require("../internals/propTypes");
 /**
  * The `Stack.Item` component is used to set the layout of the child element in the `Stack` component.
  *
@@ -43,7 +44,7 @@ StackItem.displayName = 'StackItem';
 StackItem.propTypes = {
   className: _propTypes.default.string,
   children: _propTypes.default.node,
-  alignSelf: _propTypes.default.oneOf(['flex-start', 'flex-end', 'center', 'baseline', 'stretch']),
+  alignSelf: (0, _propTypes2.oneOf)(['flex-start', 'flex-end', 'center', 'baseline', 'stretch']),
   flex: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
   grow: _propTypes.default.number,
   shrink: _propTypes.default.number,

package/cjs/Steps/StepItem.js

@@ -10,6 +10,7 @@ var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _Check = _interopRequireDefault(require("@rsuite/icons/Check"));
 var _Close = _interopRequireDefault(require("@rsuite/icons/Close"));
+var _propTypes2 = require("../internals/propTypes");
 var _utils = require("../utils");
 var STEP_STATUS_ICON = {
   finish: /*#__PURE__*/_react.default.createElement(_Check.default, null),
@@ -77,7 +78,7 @@ StepItem.propTypes = {
   classPrefix: _propTypes.default.string,
   style: _propTypes.default.object,
   itemWidth: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-  status: _propTypes.default.oneOf(['finish', 'wait', 'process', 'error']),
+  status: (0, _propTypes2.oneOf)(['finish', 'wait', 'process', 'error']),
   icon: _propTypes.default.object,
   stepNumber: _propTypes.default.number,
   description: _propTypes.default.node,

package/cjs/Steps/Steps.js

@@ -9,6 +9,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _utils = require("../utils");
+var _propTypes2 = require("../internals/propTypes");
 var _StepItem = _interopRequireDefault(require("./StepItem"));
 /**
  * The `Steps` component is used to guide users to complete tasks in accordance with the process.
@@ -79,7 +80,7 @@ Steps.propTypes = {
   className: _propTypes.default.string,
   children: _propTypes.default.node,
   current: _propTypes.default.number,
-  currentStatus: _propTypes.default.oneOf(['finish', 'wait', 'process', 'error'])
+  currentStatus: (0, _propTypes2.oneOf)(['finish', 'wait', 'process', 'error'])
 };
 var _default = Steps;
 exports.default = _default;

package/cjs/Tag/Tag.js

@@ -10,7 +10,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireDefault(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _utils = require("../utils");
-var _CloseButton = _interopRequireDefault(require("../CloseButton"));
+var _CloseButton = _interopRequireDefault(require("../internals/CloseButton"));
 var _templateObject, _templateObject2;
 /**
  * The `Tag` component is used to label and categorize.

package/cjs/TagInput/index.d.ts

@@ -1,6 +1,6 @@
 import { InputPickerProps } from '../InputPicker/InputPicker';
 import { TagOnlyProps } from '../InputPicker/InputPickerContext';
-import type { PickerComponent } from '../Picker/types';
+import type { PickerComponent } from '../internals/Picker/types';
 export declare type TagInputProps = Omit<InputPickerProps<readonly string[]>, 'data'> & Partial<TagOnlyProps>;
 /**
  * The `TagInput` component is an enhancement of Input and supports input tags and management tags.

package/cjs/TagInput/index.js

@@ -44,6 +44,10 @@ var TagInput = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   return /*#__PURE__*/_react.default.createElement(_InputPickerContext.default.Provider, {
     value: contextValue
   }, /*#__PURE__*/_react.default.createElement(_InputPicker.default, (0, _extends2.default)({}, rest, {
+    "aria-haspopup": false,
+    "aria-expanded": undefined,
+    "aria-controls": undefined,
+    "aria-keyshortcuts": trigger,
     value: value,
     defaultValue: defaultValue,
     data: data,

package/cjs/TagPicker/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { InputPickerProps } from '../InputPicker/InputPicker';
 import { TagOnlyProps } from '../InputPicker/InputPickerContext';
-import type { PickerComponent } from '../Picker/types';
+import type { PickerComponent } from '../internals/Picker/types';
 import type { CheckboxProps } from '../Checkbox';
 export interface TagPickerProps extends InputPickerProps, Partial<TagOnlyProps> {
     /**

package/cjs/Timeline/Timeline.js

@@ -11,6 +11,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
 var _some = _interopRequireDefault(require("lodash/some"));
 var _TimelineItem = _interopRequireDefault(require("./TimelineItem"));
 var _utils = require("../utils");
+var _propTypes2 = require("../internals/propTypes");
 /**
  * The `Timeline` component is used to display a list of items in chronological order.
  *
@@ -65,7 +66,7 @@ Timeline.propTypes = {
   className: _propTypes.default.string,
   classPrefix: _propTypes.default.string,
   children: _propTypes.default.node,
-  align: _propTypes.default.oneOf(['left', 'right', 'alternate']),
+  align: (0, _propTypes2.oneOf)(['left', 'right', 'alternate']),
   endless: _propTypes.default.bool
 };
 var _default = Timeline;

package/cjs/Toggle/Toggle.js

@@ -10,7 +10,8 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _react = _interopRequireWildcard(require("react"));
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _utils = require("../utils");
-var _Plaintext = _interopRequireDefault(require("../Plaintext"));
+var _propTypes2 = require("../internals/propTypes");
+var _Plaintext = _interopRequireDefault(require("../internals/Plaintext"));
 var _Loader = _interopRequireDefault(require("../Loader"));
 /**
  * The `Toggle` component is used to activate or deactivate an element.
@@ -106,7 +107,7 @@ Toggle.propTypes = {
   className: _propTypes.default.string,
   onChange: _propTypes.default.func,
   as: _propTypes.default.elementType,
-  size: _propTypes.default.oneOf(['sm', 'md', 'lg']),
+  size: (0, _propTypes2.oneOf)(['sm', 'md', 'lg']),
   locale: _propTypes.default.shape({
     on: _propTypes.default.string,
     off: _propTypes.default.string

package/cjs/Tree/Tree.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { StandardProps, ItemDataType, RsRefForwardingComponent } from '../@types/common';
-import { ListProps } from '../Windowing';
+import { ListProps } from '../internals/Windowing';
 /**
  * Tree Node Drag Type
  */

package/cjs/TreePicker/TreeNode.d.ts

@@ -23,8 +23,8 @@ export interface TreeNodeProps extends WithAsProps {
     style?: React.CSSProperties;
     onExpand?: (nodeData: any) => void;
     onSelect?: (nodeData: any, event: React.SyntheticEvent) => void;
-    onRenderTreeIcon?: (nodeData: any) => React.ReactNode;
-    onRenderTreeNode?: (nodeData: any) => React.ReactNode;
+    renderTreeIcon?: (nodeData: any) => React.ReactNode;
+    renderTreeNode?: (nodeData: any) => React.ReactNode;
     onDragStart?: (data: any, event: React.DragEvent<any>) => void;
     onDragEnter?: (data: any, event: React.DragEvent<any>) => void;
     onDragOver?: (data: any, event: React.DragEvent<any>) => void;

package/cjs/TreePicker/TreeNode.js

@@ -8,7 +8,6 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
 var _react = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
 var _hasClass = _interopRequireDefault(require("dom-lib/hasClass"));
 var _ArrowDown = _interopRequireDefault(require("@rsuite/icons/legacy/ArrowDown"));
 var _Spinner = _interopRequireDefault(require("@rsuite/icons/legacy/Spinner"));
@@ -46,20 +45,20 @@ var TreeNode = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
     onDragEnd = _ref.onDragEnd,
     onDrop = _ref.onDrop,
     onExpand = _ref.onExpand,
-    onRenderTreeIcon = _ref.onRenderTreeIcon,
-    onRenderTreeNode = _ref.onRenderTreeNode,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["as", "rtl", "label", "layer", "style", "active", "loading", "nodeData", "className", "classPrefix", "disabled", "visible", "draggable", "expand", "focus", "hasChildren", "dragging", "dragOver", "dragOverTop", "dragOverBottom", "onSelect", "onDragStart", "onDragOver", "onDragEnter", "onDragLeave", "onDragEnd", "onDrop", "onExpand", "onRenderTreeIcon", "onRenderTreeNode"]);
+    renderTreeIcon = _ref.renderTreeIcon,
+    renderTreeNode = _ref.renderTreeNode,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(_ref, ["as", "rtl", "label", "layer", "style", "active", "loading", "nodeData", "className", "classPrefix", "disabled", "visible", "draggable", "expand", "focus", "hasChildren", "dragging", "dragOver", "dragOverTop", "dragOverBottom", "onSelect", "onDragStart", "onDragOver", "onDragEnter", "onDragLeave", "onDragEnd", "onDrop", "onExpand", "renderTreeIcon", "renderTreeNode"]);
   var _useClassNames = (0, _utils.useClassNames)(classPrefix),
     prefix = _useClassNames.prefix,
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix;
-  var handleExpand = (0, _react.useCallback)(function (event) {
+  var handleExpand = (0, _utils.useEventCallback)(function (event) {
     var _event$nativeEvent, _event$nativeEvent$st;
     // stop propagation when using custom loading icon
     event === null || event === void 0 ? void 0 : (_event$nativeEvent = event.nativeEvent) === null || _event$nativeEvent === void 0 ? void 0 : (_event$nativeEvent$st = _event$nativeEvent.stopImmediatePropagation) === null || _event$nativeEvent$st === void 0 ? void 0 : _event$nativeEvent$st.call(_event$nativeEvent);
     onExpand === null || onExpand === void 0 ? void 0 : onExpand(nodeData);
-  }, [nodeData, onExpand]);
-  var handleSelect = (0, _react.useCallback)(function (event) {
+  });
+  var handleSelect = (0, _utils.useEventCallback)(function (event) {
     if (disabled) {
       return;
     }
@@ -69,33 +68,33 @@ var TreeNode = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       }
     }
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(nodeData, event);
-  }, [nodeData, disabled, prefix, onSelect]);
-  var handleDragStart = (0, _react.useCallback)(function (event) {
+  });
+  var handleDragStart = (0, _utils.useEventCallback)(function (event) {
     onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart(nodeData, event);
-  }, [nodeData, onDragStart]);
-  var handleDragEnter = (0, _react.useCallback)(function (event) {
+  });
+  var handleDragEnter = (0, _utils.useEventCallback)(function (event) {
     event.preventDefault();
     event.stopPropagation();
     onDragEnter === null || onDragEnter === void 0 ? void 0 : onDragEnter(nodeData, event);
-  }, [nodeData, onDragEnter]);
-  var handleDragOver = (0, _react.useCallback)(function (event) {
+  });
+  var handleDragOver = (0, _utils.useEventCallback)(function (event) {
     event.preventDefault();
     event.stopPropagation();
     onDragOver === null || onDragOver === void 0 ? void 0 : onDragOver(nodeData, event);
-  }, [nodeData, onDragOver]);
-  var handleDragLeave = (0, _react.useCallback)(function (event) {
+  });
+  var handleDragLeave = (0, _utils.useEventCallback)(function (event) {
     event.stopPropagation();
     onDragLeave === null || onDragLeave === void 0 ? void 0 : onDragLeave(nodeData, event);
-  }, [nodeData, onDragLeave]);
-  var handleDragEnd = (0, _react.useCallback)(function (event) {
+  });
+  var handleDragEnd = (0, _utils.useEventCallback)(function (event) {
     event.stopPropagation();
     onDragEnd === null || onDragEnd === void 0 ? void 0 : onDragEnd(nodeData, event);
-  }, [nodeData, onDragEnd]);
-  var handleDrop = (0, _react.useCallback)(function (event) {
+  });
+  var handleDrop = (0, _utils.useEventCallback)(function (event) {
     event.preventDefault();
     event.stopPropagation();
     onDrop === null || onDrop === void 0 ? void 0 : onDrop(nodeData, event);
-  }, [nodeData, onDrop]);
+  });
   var renderIcon = function renderIcon() {
     var classes = prefix('expand-icon', 'icon', {
       expanded: expand
@@ -110,8 +109,8 @@ var TreeNode = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
         spin: true
       }));
     }
-    if (nodeData !== undefined && typeof onRenderTreeIcon === 'function') {
-      var customIcon = onRenderTreeIcon(nodeData);
+    if (nodeData !== undefined && typeof renderTreeIcon === 'function') {
+      var customIcon = renderTreeIcon(nodeData);
       expandIcon = customIcon !== null ? /*#__PURE__*/_react.default.createElement("div", {
         className: prefix('custom-icon')
       }, customIcon) : expandIcon;
@@ -141,7 +140,7 @@ var TreeNode = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
       onClick: handleSelect
     }, /*#__PURE__*/_react.default.createElement("span", {
       className: contentClasses
-    }, onRenderTreeNode ? onRenderTreeNode(nodeData) : label));
+    }, renderTreeNode ? renderTreeNode(nodeData) : label));
   };
   var classes = merge(className, withClassPrefix({
     disabled: disabled,
@@ -171,38 +170,5 @@ var TreeNode = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
   }), renderIcon(), renderLabel()) : null;
 });
 TreeNode.displayName = 'TreePickerNode';
-TreeNode.propTypes = {
-  as: _propTypes.default.elementType,
-  rtl: _propTypes.default.bool,
-  focus: _propTypes.default.bool,
-  layer: _propTypes.default.number,
-  value: _propTypes.default.any,
-  label: _propTypes.default.any,
-  expand: _propTypes.default.bool,
-  active: _propTypes.default.bool,
-  loading: _propTypes.default.bool,
-  visible: _propTypes.default.bool,
-  nodeData: _propTypes.default.any,
-  disabled: _propTypes.default.bool,
-  draggable: _propTypes.default.bool,
-  dragging: _propTypes.default.bool,
-  dragOver: _propTypes.default.bool,
-  dragOverTop: _propTypes.default.bool,
-  dragOverBottom: _propTypes.default.bool,
-  hasChildren: _propTypes.default.bool,
-  className: _propTypes.default.string,
-  classPrefix: _propTypes.default.string,
-  style: _propTypes.default.object,
-  onExpand: _propTypes.default.func,
-  onSelect: _propTypes.default.func,
-  onRenderTreeIcon: _propTypes.default.func,
-  onRenderTreeNode: _propTypes.default.func,
-  onDragStart: _propTypes.default.func,
-  onDragEnter: _propTypes.default.func,
-  onDragOver: _propTypes.default.func,
-  onDragLeave: _propTypes.default.func,
-  onDragEnd: _propTypes.default.func,
-  onDrop: _propTypes.default.func
-};
 var _default = TreeNode;
 exports.default = _default;

package/cjs/TreePicker/TreePicker.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { PickerLocale } from '../locales';
-import { PickerComponent, PickerToggleProps } from '../Picker';
+import { PickerComponent, PickerToggleProps } from '../internals/Picker';
 import { TreeDragProps, TreeBaseProps } from '../Tree/Tree';
 import { FormControlPickerProps, ItemDataType } from '../@types/common';
 export interface TreePickerProps<T = number | string> extends TreeBaseProps<T, ItemDataType>, TreeDragProps, FormControlPickerProps<T, PickerLocale, ItemDataType>, Pick<PickerToggleProps, 'caretAs' | 'loading'> {