rsuite 5.61.0 → 5.62.0

package/cjs/Tree/TreeView.js

@@ -13,8 +13,8 @@ var _Windowing = require("../internals/Windowing");
 var _TreeNode = _interopRequireDefault(require("./TreeNode"));
 var _IndentLine = _interopRequireDefault(require("./IndentLine"));
 var _utils = require("../internals/Tree/utils");
-var _utils2 = require("../utils");
-var _utils3 = require("./utils");
+var _hooks = require("../internals/hooks");
+var _utils2 = require("./utils");
 var _Picker = require("../internals/Picker");
 var _Tree = require("../internals/Tree");
 var _useTreeSearch2 = _interopRequireDefault(require("./hooks/useTreeSearch"));
@@ -23,7 +23,7 @@ var _useFocusTree2 = _interopRequireDefault(require("./hooks/useFocusTree"));
 var _useVirtualizedTreeData = _interopRequireDefault(require("./hooks/useVirtualizedTreeData"));
 var _useTreeNodeProps = _interopRequireDefault(require("./hooks/useTreeNodeProps"));
 var _SearchBox = _interopRequireDefault(require("../internals/SearchBox"));
-var _TreeProvider = require("./TreeProvider");
+var _TreeProvider = require("../internals/Tree/TreeProvider");
 /**
  * Props for the TreeViewInner component.
  */
@@ -44,8 +44,6 @@ var TreeView = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     className = props.className,
     _props$searchable = props.searchable,
     searchable = _props$searchable === void 0 ? false : _props$searchable,
-    _props$virtualized = props.virtualized,
-    virtualized = _props$virtualized === void 0 ? false : _props$virtualized,
     _props$classPrefix = props.classPrefix,
     classPrefix = _props$classPrefix === void 0 ? 'tree' : _props$classPrefix,
     searchKeyword = props.searchKeyword,
@@ -75,17 +73,19 @@ var TreeView = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     onExpand = props.onExpand,
     onFocusItem = props.onFocusItem,
     onScroll = props.onScroll,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "data", "style", "showIndentLine", "value", "locale", "height", "className", "searchable", "virtualized", "classPrefix", "searchKeyword", "searchBy", "draggable", "disabledItemValues", "loadingNodeValues", "flattenedNodes", "listProps", "listRef", "searchInputRef", "expandItemValues", "onSearch", "onSelect", "onSelectItem", "onChange", "onDragEnd", "onDragStart", "onDragEnter", "onDragLeave", "onDragOver", "onDrop", "onExpand", "onFocusItem", "onScroll"]);
-  var _useCustom = (0, _utils2.useCustom)('Picker', overrideLocale),
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "data", "style", "showIndentLine", "value", "locale", "height", "className", "searchable", "classPrefix", "searchKeyword", "searchBy", "draggable", "disabledItemValues", "loadingNodeValues", "flattenedNodes", "listProps", "listRef", "searchInputRef", "expandItemValues", "onSearch", "onSelect", "onSelectItem", "onChange", "onDragEnd", "onDragStart", "onDragEnter", "onDragLeave", "onDragOver", "onDrop", "onExpand", "onFocusItem", "onScroll"]);
+  var _useCustom = (0, _hooks.useCustom)('Picker', overrideLocale),
     locale = _useCustom.locale;
-  var _useItemDataKeys = (0, _TreeProvider.useItemDataKeys)(),
-    valueKey = _useItemDataKeys.valueKey,
-    childrenKey = _useItemDataKeys.childrenKey;
-  var _useClassNames = (0, _utils2.useClassNames)(classPrefix),
+  var _useTreeContextProps = (0, _TreeProvider.useTreeContextProps)(),
+    valueKey = _useTreeContextProps.valueKey,
+    childrenKey = _useTreeContextProps.childrenKey,
+    scrollShadow = _useTreeContextProps.scrollShadow,
+    virtualized = _useTreeContextProps.virtualized;
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     prefix = _useClassNames.prefix,
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix;
-  var handleSearchCallback = (0, _utils2.useEventCallback)(function (value, _data, event) {
+  var handleSearchCallback = (0, _hooks.useEventCallback)(function (value, _data, event) {
     onSearch === null || onSearch === void 0 ? void 0 : onSearch(value, event);
   });
   var _useTreeSearch = (0, _useTreeSearch2.default)({
@@ -168,7 +168,7 @@ var TreeView = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     dragOverNodeKey: dragOverNodeKey,
     dropNodePosition: dropNodePosition
   });
-  var handleSelect = (0, _utils2.useEventCallback)(function (nodeData, event) {
+  var handleSelect = (0, _hooks.useEventCallback)(function (nodeData, event) {
     if (!nodeData) {
       return;
     }
@@ -181,12 +181,12 @@ var TreeView = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(nodeData, nextValue, event);
     onSelectItem === null || onSelectItem === void 0 ? void 0 : onSelectItem(nodeData, path);
   });
-  var selectActiveItem = (0, _utils2.useEventCallback)(function (event) {
+  var selectActiveItem = (0, _hooks.useEventCallback)(function (event) {
     if ((0, _isNil.default)(focusItemValue)) return;
-    var activeItem = (0, _utils3.getActiveItem)(focusItemValue, flattenedNodes, valueKey);
+    var activeItem = (0, _utils2.getActiveItem)(focusItemValue, flattenedNodes, valueKey);
     handleSelect(activeItem, event);
   });
-  var handleTreeKeyDown = (0, _utils2.useEventCallback)(function (event) {
+  var handleTreeKeyDown = (0, _hooks.useEventCallback)(function (event) {
     onTreeKeydown(event);
     (0, _Picker.onMenuKeyDown)(event, {
       enter: selectActiveItem
@@ -198,8 +198,8 @@ var TreeView = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       return null;
     }
     var children = node[childrenKey];
-    var expanded = (0, _utils3.isExpand)(keyword, expandItemValues.includes(node[valueKey]));
-    var hasChildren = keyword ? (0, _utils3.hasVisibleChildren)(node, childrenKey) : Boolean(children);
+    var expanded = (0, _utils2.isExpand)(keyword, expandItemValues.includes(node[valueKey]));
+    var hasChildren = keyword ? (0, _utils2.hasVisibleChildren)(node, childrenKey) : Boolean(children);
     var nodeProps = (0, _extends2.default)({}, getTreeNodeProps(node, layer, index), dragEvents, {
       expanded: expanded,
       draggable: draggable,
@@ -240,7 +240,7 @@ var TreeView = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     var layer = node.layer,
       visible = node.visible,
       hasChildren = node.hasChildren;
-    var expanded = (0, _utils3.isExpand)(keyword, expandItemValues.includes(node[valueKey]));
+    var expanded = (0, _utils2.isExpand)(keyword, expandItemValues.includes(node[valueKey]));
     if (!visible) {
       return null;
     }
@@ -278,9 +278,7 @@ var TreeView = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     onScroll: onScroll,
     onKeyDown: handleTreeKeyDown,
     className: prefix('view'),
-    style: virtualized ? undefined : {
-      height: height
-    }
+    height: height
   }), virtualized ? /*#__PURE__*/_react.default.createElement(_Windowing.AutoSizer, {
     defaultHeight: height,
     style: {
@@ -296,7 +294,8 @@ var TreeView = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       itemSize: _Windowing.defaultItemSize,
       itemCount: formattedNodes.length,
       itemData: formattedNodes,
-      className: prefix('virt-list')
+      className: prefix('virt-list'),
+      scrollShadow: scrollShadow
     }, listProps), renderVirtualListNode);
   }) : formattedNodes));
 });

package/cjs/Tree/hooks/useExpandTree.d.ts

@@ -1,4 +1,4 @@
-import type { TreeNode } from '../types';
+import type { TreeNode } from '@/internals/Tree/types';
 interface DefaultExpandItemValuesOptions {
     valueKey: string;
     defaultExpandAll: boolean;

package/cjs/Tree/hooks/useExpandTree.js

@@ -7,9 +7,9 @@ exports.getDefaultExpandItemValues = getDefaultExpandItemValues;
 exports.default = void 0;
 var _react = require("react");
 var _isFunction = _interopRequireDefault(require("lodash/isFunction"));
-var _utils = require("../../utils");
+var _hooks = require("../../internals/hooks");
 var _Picker = require("../../internals/Picker");
-var _utils2 = require("../utils");
+var _utils = require("../utils");
 function getDefaultExpandItemValues(data, options) {
   var valueKey = options.valueKey,
     defaultExpandAll = options.defaultExpandAll,
@@ -17,7 +17,7 @@ function getDefaultExpandItemValues(data, options) {
     _options$defaultExpan = options.defaultExpandItemValues,
     defaultExpandItemValues = _options$defaultExpan === void 0 ? [] : _options$defaultExpan;
   if (defaultExpandAll) {
-    return (0, _utils2.flattenTree)(data, function (item) {
+    return (0, _utils.flattenTree)(data, function (item) {
       return item[childrenKey] || [];
     }).filter(function (item) {
       return Array.isArray(item[childrenKey]) && item[childrenKey].length > 0;
@@ -39,7 +39,7 @@ function useExpandTree(data, props) {
     onExpand = props.onExpand,
     getChildren = props.getChildren,
     appendChild = props.appendChild;
-  var _useControlled = (0, _utils.useControlled)(controlledExpandItemValues, getDefaultExpandItemValues(data, {
+  var _useControlled = (0, _hooks.useControlled)(controlledExpandItemValues, getDefaultExpandItemValues(data, {
       defaultExpandAll: defaultExpandAll,
       valueKey: valueKey,
       childrenKey: childrenKey,
@@ -52,8 +52,8 @@ function useExpandTree(data, props) {
       setExpandItemValues(controlledExpandItemValues);
     }
   }, [controlledExpandItemValues, setExpandItemValues]);
-  var handleExpandTreeNode = (0, _utils.useEventCallback)(function (node, expanded) {
-    var nextExpandItemValues = (0, _utils2.getExpandItemValues)({
+  var handleExpandTreeNode = (0, _hooks.useEventCallback)(function (node, expanded) {
+    var nextExpandItemValues = (0, _utils.getExpandItemValues)({
       node: node,
       isExpand: !expanded,
       expandItemValues: expandItemValues,

package/cjs/Tree/hooks/useFlattenTree.d.ts

@@ -1,4 +1,4 @@
-import type { TreeNode, TreeNodeMap } from '../types';
+import type { TreeNode, TreeNodeMap } from '@/internals/Tree/types';
 interface UseFlattenTreeOptions {
     /**
      * The value of the tree.

package/cjs/Tree/hooks/useFlattenTree.js

@@ -8,8 +8,8 @@ var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = require("react");
 var _omit = _interopRequireDefault(require("lodash/omit"));
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
-var _shallowEqual = _interopRequireDefault(require("../../utils/shallowEqual"));
-var _utils = require("../utils");
+var _utils = require("../../internals/utils");
+var _utils2 = require("../utils");
 var _useForceUpdate = _interopRequireDefault(require("./useForceUpdate"));
 /**
  * Custom hook that flattens a tree data structure into a map of nodes.
@@ -40,8 +40,8 @@ function useFlattenTree(data, options) {
         node.check = false;
       }
       value.forEach(function (nodeVal) {
-        if ((0, _shallowEqual.default)(flattenedNodes.current[refKey][valueKey], nodeVal) && !uncheckableItemValues.some(function (uncheckableValue) {
-          return (0, _shallowEqual.default)(nodeVal, uncheckableValue);
+        if ((0, _utils.shallowEqual)(flattenedNodes.current[refKey][valueKey], nodeVal) && !uncheckableItemValues.some(function (uncheckableValue) {
+          return (0, _utils.shallowEqual)(nodeVal, uncheckableValue);
         })) {
           flattenedNodes.current[refKey].check = true;
         }
@@ -64,12 +64,12 @@ function useFlattenTree(data, options) {
        * to avoid number value is converted to string. 1 and '1' will be convert to '1'
        * we used `String_` or `Number_` prefix
        */
-      var refKey = (0, _utils.formatNodeRefKey)(value);
+      var refKey = (0, _utils2.formatNodeRefKey)(value);
       node.refKey = refKey;
       flattenedNodes.current[refKey] = (0, _extends3.default)((_extends2 = {
         layer: layer
       }, _extends2[labelKey] = node[labelKey], _extends2[valueKey] = node[valueKey], _extends2.uncheckable = uncheckableItemValues.some(function (value) {
-        return (0, _shallowEqual.default)(node[valueKey], value);
+        return (0, _utils.shallowEqual)(node[valueKey], value);
       }), _extends2), node);
       if (parent) {
         flattenedNodes.current[refKey].parent = (0, _omit.default)(parent, 'parent', 'children');

package/cjs/Tree/hooks/useFocusTree.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { TreeNode } from '../types';
+import type { TreeNode } from '@/internals/Tree/types';
 interface UseFocusTreeProps<T extends TreeNode> {
     filteredData: T[];
     disabledItemValues: any[];

package/cjs/Tree/hooks/useFocusTree.js

@@ -6,11 +6,11 @@ exports.__esModule = true;
 exports.default = void 0;
 var _react = require("react");
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
-var _constants = require("../../utils/constants");
-var _utils = require("../../utils");
+var _constants = require("../../internals/constants");
+var _hooks = require("../../internals/hooks");
 var _Picker = require("../../internals/Picker");
-var _TreeProvider = require("../TreeProvider");
-var _utils2 = require("../utils");
+var _TreeProvider = require("../../internals/Tree/TreeProvider");
+var _utils = require("../utils");
 var _useTreeNodeRefs2 = _interopRequireDefault(require("./useTreeNodeRefs"));
 /**
  * Custom hook that manages the focus behavior of a tree component.
@@ -23,7 +23,7 @@ function useFocusTree(props) {
     disabledItemValues = props.disabledItemValues,
     onExpand = props.onExpand,
     onFocused = props.onFocused;
-  var _useCustom = (0, _utils.useCustom)(),
+  var _useCustom = (0, _hooks.useCustom)(),
     rtl = _useCustom.rtl;
   var _useItemDataKeys = (0, _TreeProvider.useItemDataKeys)(),
     valueKey = _useItemDataKeys.valueKey,
@@ -44,7 +44,7 @@ function useFocusTree(props) {
       childrenKey: childrenKey,
       expandItemValues: expandItemValues
     };
-    var focusableItems = (0, _utils2.getFocusableItems)(filteredData, options, (0, _utils2.isSearching)(searchKeyword));
+    var focusableItems = (0, _utils.getFocusableItems)(filteredData, options, (0, _utils.isSearching)(searchKeyword));
     return {
       focusItemValue: value || focusItemValue,
       valueKey: valueKey,
@@ -52,33 +52,33 @@ function useFocusTree(props) {
       treeNodesRefs: treeNodesRefs
     };
   };
-  var handleFocusItem = (0, _utils.useEventCallback)(function (key) {
+  var handleFocusItem = (0, _hooks.useEventCallback)(function (key) {
     var focusProps = getFocusProps();
     var focusedValue = null;
     if (key === _constants.KEY_VALUES.DOWN) {
-      focusedValue = (0, _utils2.focusNextItem)(focusProps);
+      focusedValue = (0, _utils.focusNextItem)(focusProps);
     } else if (key === _constants.KEY_VALUES.UP) {
-      focusedValue = (0, _utils2.focusPreviousItem)(focusProps);
+      focusedValue = (0, _utils.focusPreviousItem)(focusProps);
     }
     if (focusedValue) {
       setFocusItemValue(focusedValue);
       onFocused === null || onFocused === void 0 ? void 0 : onFocused(focusedValue);
     }
   });
-  var handleLeftArrowEvent = (0, _utils.useEventCallback)(function () {
+  var handleLeftArrowEvent = (0, _hooks.useEventCallback)(function () {
     if ((0, _isNil.default)(focusItemValue)) {
       return;
     }
-    var focusItem = (0, _utils2.getActiveItem)(focusItemValue, flattenedNodes, valueKey);
+    var focusItem = (0, _utils.getActiveItem)(focusItemValue, flattenedNodes, valueKey);
     var expand = expandItemValues.includes(focusItem === null || focusItem === void 0 ? void 0 : focusItem[valueKey]);
     var onFocusItem = function onFocusItem() {
       var _focusItem$parent, _focusItem$parent2;
       var focusedValue = focusItem === null || focusItem === void 0 ? void 0 : (_focusItem$parent = focusItem.parent) === null || _focusItem$parent === void 0 ? void 0 : _focusItem$parent[valueKey];
       setFocusItemValue(focusedValue);
       onFocused === null || onFocused === void 0 ? void 0 : onFocused(focusedValue);
-      (0, _utils2.focusTreeNode)(focusItem === null || focusItem === void 0 ? void 0 : (_focusItem$parent2 = focusItem.parent) === null || _focusItem$parent2 === void 0 ? void 0 : _focusItem$parent2.refKey, treeNodesRefs);
+      (0, _utils.focusTreeNode)(focusItem === null || focusItem === void 0 ? void 0 : (_focusItem$parent2 = focusItem.parent) === null || _focusItem$parent2 === void 0 ? void 0 : _focusItem$parent2.refKey, treeNodesRefs);
     };
-    (0, _utils2.handleLeftArrow)({
+    (0, _utils.handleLeftArrow)({
       focusItem: focusItem,
       expand: expand,
       onExpand: onExpand,
@@ -86,16 +86,16 @@ function useFocusTree(props) {
       onFocusItem: onFocusItem
     });
   });
-  var handleRightArrowEvent = (0, _utils.useEventCallback)(function () {
+  var handleRightArrowEvent = (0, _hooks.useEventCallback)(function () {
     if ((0, _isNil.default)(focusItemValue)) {
       return;
     }
-    var focusItem = (0, _utils2.getActiveItem)(focusItemValue, flattenedNodes, valueKey);
+    var focusItem = (0, _utils.getActiveItem)(focusItemValue, flattenedNodes, valueKey);
     var expand = expandItemValues.includes(focusItem === null || focusItem === void 0 ? void 0 : focusItem[valueKey]);
     var onFocusItem = function onFocusItem() {
       return handleFocusItem(_constants.KEY_VALUES.DOWN);
     };
-    (0, _utils2.handleRightArrow)({
+    (0, _utils.handleRightArrow)({
       focusItem: focusItem,
       expand: expand,
       childrenKey: childrenKey,
@@ -103,7 +103,7 @@ function useFocusTree(props) {
       onFocusItem: onFocusItem
     });
   });
-  var onTreeKeydown = (0, _utils.useEventCallback)(function (event) {
+  var onTreeKeydown = (0, _hooks.useEventCallback)(function (event) {
     (0, _Picker.onMenuKeyDown)(event, {
       down: function down() {
         return handleFocusItem(_constants.KEY_VALUES.DOWN);
@@ -115,11 +115,11 @@ function useFocusTree(props) {
       right: rtl ? handleLeftArrowEvent : handleRightArrowEvent
     });
   });
-  var focusTreeFirstNode = (0, _utils.useEventCallback)(function () {
+  var focusTreeFirstNode = (0, _hooks.useEventCallback)(function () {
     handleFocusItem(_constants.KEY_VALUES.DOWN);
   });
   var focusTreeActiveNode = (0, _react.useCallback)(function () {
-    var refKey = (0, _utils2.focusCurrentItem)({
+    var refKey = (0, _utils.focusCurrentItem)({
       container: treeViewRef.current
     });
     if (refKey) {

package/cjs/Tree/hooks/useTreeDrag.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TREE_NODE_DROP_POSITION } from '../../utils';
+import { TREE_NODE_DROP_POSITION } from '@/internals/constants';
 import type { DropData } from '../types';
 interface TreeDragProps {
     draggable?: boolean;

package/cjs/Tree/hooks/useTreeDrag.js

@@ -7,9 +7,10 @@ exports.default = useTreeDrag;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = require("react");
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
-var _utils = require("../../utils");
-var _utils2 = require("../../internals/utils");
-var _TreeProvider = require("../TreeProvider");
+var _constants = require("../../internals/constants");
+var _hooks = require("../../internals/hooks");
+var _utils = require("../../internals/utils");
+var _TreeProvider = require("../../internals/Tree/TreeProvider");
 /**
  * The gap between tree nodes.
  */
@@ -32,15 +33,15 @@ function calDropNodePosition(event, treeNodeElement) {
 
   // bottom of node
   if (clientY >= bottom - gap && clientY <= bottom) {
-    return _utils.TREE_NODE_DROP_POSITION.DRAG_OVER_BOTTOM;
+    return _constants.TREE_NODE_DROP_POSITION.DRAG_OVER_BOTTOM;
   }
 
   // top of node
   if (clientY <= top + gap && clientY >= top) {
-    return _utils.TREE_NODE_DROP_POSITION.DRAG_OVER_TOP;
+    return _constants.TREE_NODE_DROP_POSITION.DRAG_OVER_TOP;
   }
   if (clientY >= top + gap && clientY <= bottom - gap) {
-    return _utils.TREE_NODE_DROP_POSITION.DRAG_OVER;
+    return _constants.TREE_NODE_DROP_POSITION.DRAG_OVER;
   }
   return -1;
 }
@@ -158,15 +159,15 @@ function useTreeDrag(props) {
           var item = items[index];
           if ((0, _utils.shallowEqual)(item[valueKey], dropNode[valueKey])) {
             // drag to node inside
-            if (dropNodePosition === _utils.TREE_NODE_DROP_POSITION.DRAG_OVER) {
+            if (dropNodePosition === _constants.TREE_NODE_DROP_POSITION.DRAG_OVER) {
               item[childrenKey] = (0, _isNil.default)(item[childrenKey]) ? [] : item[childrenKey];
               item[childrenKey].push(cloneDragNode);
               break;
-            } else if (dropNodePosition === _utils.TREE_NODE_DROP_POSITION.DRAG_OVER_TOP) {
+            } else if (dropNodePosition === _constants.TREE_NODE_DROP_POSITION.DRAG_OVER_TOP) {
               // drag to top of node
               items.splice(index, 0, cloneDragNode);
               break;
-            } else if (dropNodePosition === _utils.TREE_NODE_DROP_POSITION.DRAG_OVER_BOTTOM) {
+            } else if (dropNodePosition === _constants.TREE_NODE_DROP_POSITION.DRAG_OVER_BOTTOM) {
               // drag to bottom of node
               items.splice(index + 1, 0, cloneDragNode);
               break;
@@ -191,17 +192,17 @@ function useTreeDrag(props) {
       createUpdateDataFunction: createDragTreeDataFunction(dragParams)
     });
   }, [createDragTreeDataFunction, dropNodePosition]);
-  var handleDragStart = (0, _utils.useEventCallback)(function (nodeData, event) {
+  var handleDragStart = (0, _hooks.useEventCallback)(function (nodeData, event) {
     if (draggable) {
       var _event$dataTransfer;
-      var dragMoverNode = createDragPreview((0, _utils2.stringifyReactNode)(nodeData[labelKey]), prefix('drag-preview'));
+      var dragMoverNode = createDragPreview((0, _utils.stringifyReactNode)(nodeData[labelKey]), prefix('drag-preview'));
       (_event$dataTransfer = event.dataTransfer) === null || _event$dataTransfer === void 0 ? void 0 : _event$dataTransfer.setDragImage(dragMoverNode, 0, 0);
       setDragNodeKeys(getDragNodeKeys(nodeData));
       setDragNode(flattenedNodes[nodeData.refKey]);
       onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart(nodeData, event);
     }
   });
-  var handleDragEnter = (0, _utils.useEventCallback)(function (nodeData, event) {
+  var handleDragEnter = (0, _hooks.useEventCallback)(function (nodeData, event) {
     if (dragNodeKeys.some(function (d) {
       return (0, _utils.shallowEqual)(d, nodeData[valueKey]);
     })) {
@@ -213,7 +214,7 @@ function useTreeDrag(props) {
     }
     onDragEnter === null || onDragEnter === void 0 ? void 0 : onDragEnter(nodeData, event);
   });
-  var handleDragOver = (0, _utils.useEventCallback)(function (nodeData, event) {
+  var handleDragOver = (0, _hooks.useEventCallback)(function (nodeData, event) {
     if (dragNodeKeys.some(function (d) {
       return (0, _utils.shallowEqual)(d, nodeData[valueKey]);
     })) {
@@ -227,17 +228,17 @@ function useTreeDrag(props) {
     }
     onDragOver === null || onDragOver === void 0 ? void 0 : onDragOver(nodeData, event);
   });
-  var handleDragLeave = (0, _utils.useEventCallback)(function (nodeData, event) {
+  var handleDragLeave = (0, _hooks.useEventCallback)(function (nodeData, event) {
     onDragLeave === null || onDragLeave === void 0 ? void 0 : onDragLeave(nodeData, event);
   });
-  var handleDragEnd = (0, _utils.useEventCallback)(function (nodeData, event) {
+  var handleDragEnd = (0, _hooks.useEventCallback)(function (nodeData, event) {
     removeDragPreview();
     setDragNode(null);
     setDragNodeKeys([]);
     setDragOverNodeKey(null);
     onDragEnd === null || onDragEnd === void 0 ? void 0 : onDragEnd(nodeData, event);
   });
-  var handleDrop = (0, _utils.useEventCallback)(function (nodeData, event) {
+  var handleDrop = (0, _hooks.useEventCallback)(function (nodeData, event) {
     if (dragNodeKeys.some(function (d) {
       return (0, _utils.shallowEqual)(d, nodeData[valueKey]);
     })) {

package/cjs/Tree/hooks/useTreeNodeProps.d.ts

@@ -1,4 +1,4 @@
-import { TREE_NODE_DROP_POSITION } from '../../utils';
+import { TREE_NODE_DROP_POSITION } from '@/internals/constants';
 import { DragStatus } from '../TreeNode';
 interface Props {
     value: any;

package/cjs/Tree/hooks/useTreeNodeProps.js

@@ -6,9 +6,10 @@ var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWild
 exports.__esModule = true;
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _utils = require("../../utils");
+var _constants = require("../../internals/constants");
+var _utils = require("../../internals/utils");
 var _hooks = require("../../internals/Picker/hooks");
-var _TreeProvider = require("../TreeProvider");
+var _TreeProvider = require("../../internals/Tree/TreeProvider");
 var _Highlight = _interopRequireDefault(require("../../Highlight"));
 function useTreeNodeProps(props) {
   var _useItemDataKeys = (0, _TreeProvider.useItemDataKeys)(),
@@ -26,9 +27,9 @@ function useTreeNodeProps(props) {
     dragOverNodeKey = props.dragOverNodeKey,
     dropNodePosition = props.dropNodePosition;
   return (0, _react.useCallback)(function (nodeData, layer, index) {
-    var DRAG_OVER = _utils.TREE_NODE_DROP_POSITION.DRAG_OVER,
-      DRAG_OVER_TOP = _utils.TREE_NODE_DROP_POSITION.DRAG_OVER_TOP,
-      DRAG_OVER_BOTTOM = _utils.TREE_NODE_DROP_POSITION.DRAG_OVER_BOTTOM;
+    var DRAG_OVER = _constants.TREE_NODE_DROP_POSITION.DRAG_OVER,
+      DRAG_OVER_TOP = _constants.TREE_NODE_DROP_POSITION.DRAG_OVER_TOP,
+      DRAG_OVER_BOTTOM = _constants.TREE_NODE_DROP_POSITION.DRAG_OVER_BOTTOM;
     var visible = nodeData.visible;
     var draggingNode = dragNode !== null && dragNode !== void 0 ? dragNode : {};
     var nodeValue = nodeData[valueKey];

package/cjs/Tree/hooks/useTreeSearch.js

@@ -7,7 +7,7 @@ exports.default = useTreeSearch;
 var _react = require("react");
 var _isArray = _interopRequireDefault(require("lodash/isArray"));
 var _Picker = require("../../internals/Picker");
-var _TreeProvider = require("../TreeProvider");
+var _TreeProvider = require("../../internals/Tree/TreeProvider");
 /**
  * Custom hook for searching and filtering data in a tree structure.
  */

package/cjs/Tree/hooks/useTreeWithChildren.d.ts

@@ -1,4 +1,4 @@
-import { TreeNode } from '../types';
+import type { TreeNode } from '@/internals/Tree/types';
 interface UseTreeWithChildrenOptions {
     valueKey: string;
     childrenKey: string;

package/cjs/Tree/hooks/useTreeWithChildren.js

@@ -1,12 +1,11 @@
 'use client';
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.default = useTreeWithChildren;
 var _react = require("react");
-var _shallowEqual = _interopRequireDefault(require("../../utils/shallowEqual"));
-var _utils = require("../../internals/Tree/utils");
+var _utils = require("../../internals/utils");
+var _utils2 = require("../../internals/Tree/utils");
 /**
  * Custom hook that provides functionality for managing a tree structure with children.
  */
@@ -24,7 +23,7 @@ function useTreeWithChildren(data, options) {
   }, [data]);
   var concatChildren = (0, _react.useCallback)(function (treeNode, children) {
     var value = treeNode[valueKey];
-    treeNode = (0, _utils.findNodeOfTree)(data, function (item) {
+    treeNode = (0, _utils2.findNodeOfTree)(data, function (item) {
       return value === item[valueKey];
     });
     treeNode[childrenKey] = children;
@@ -43,7 +42,7 @@ function useTreeWithChildren(data, options) {
         setTreeData(newData);
         setLoadingNodeValues(function (prev) {
           return prev.filter(function (item) {
-            return !(0, _shallowEqual.default)(item, node[valueKey]);
+            return !(0, _utils.shallowEqual)(item, node[valueKey]);
           });
         });
       });
@@ -51,7 +50,7 @@ function useTreeWithChildren(data, options) {
       setTreeData(concatChildren(node, children));
       setLoadingNodeValues(function (prev) {
         return prev.filter(function (item) {
-          return !(0, _shallowEqual.default)(item, node[valueKey]);
+          return !(0, _utils.shallowEqual)(item, node[valueKey]);
         });
       });
     }

package/cjs/Tree/hooks/useVirtualizedTreeData.d.ts

@@ -1,4 +1,4 @@
-import type { TreeNode, TreeNodeMap } from '../types';
+import type { TreeNode, TreeNodeMap } from '@/internals/Tree/types';
 declare function useVirtualizedTreeData(nodes: TreeNodeMap, data: TreeNode[], options: {
     expandItemValues: (string | number)[];
     cascade?: boolean;

package/cjs/Tree/hooks/useVirtualizedTreeData.js

@@ -12,7 +12,7 @@ var _getNodeParentKeys = require("../utils/getNodeParentKeys");
 var _isSearching = require("../utils/isSearching");
 var _flattenTree = require("../utils/flattenTree");
 var _utils = require("../../CheckTree/utils");
-var _TreeProvider = require("../TreeProvider");
+var _TreeProvider = require("../../internals/Tree/TreeProvider");
 /**
  * Determines whether a node should be shown based on the expanded state of its parent nodes.
  */

package/cjs/Tree/types.d.ts

@@ -1,74 +1,7 @@
 /// <reference types="react" />
-import type { CheckStateType } from '../utils/constants';
-import type { StandardProps } from '../@types/common';
-import type { ListProps } from '../internals/Windowing';
-/**
- * Represents a single node in a tree.
- */
-export interface TreeNode extends Record<string, any> {
-    /**
-     * Specifies whether the node is uncheckable.
-     */
-    uncheckable?: boolean;
-    /**
-     * The reference key of the node.
-     */
-    refKey?: string;
-    /**
-     * Specifies whether the node is checked.
-     */
-    check?: boolean;
-    /**
-     * The parent node of the current node.
-     */
-    parent?: TreeNode;
-    /**
-     * Specifies whether all child nodes are checked.
-     */
-    checkAll?: boolean;
-    /**
-     * Specifies whether the node is visible.
-     */
-    visible?: boolean;
-    /**
-     * Specifies whether the node is expanded.
-     */
-    expand?: boolean;
-    /**
-     * The layer of the node in the tree hierarchy.
-     */
-    layer?: number;
-    /**
-     * The label of the node.
-     */
-    label?: string | React.ReactNode;
-    /**
-     * The value of the node.
-     */
-    value?: string | number;
-    /**
-     * The property to group nodes by.
-     */
-    groupBy?: string;
-    /**
-     * The child nodes of the current node.
-     */
-    children?: TreeNode[];
-    /**
-     * Specifies whether the node has children.
-     */
-    hasChildren?: boolean;
-    /**
-     * The check state of the node.
-     */
-    checkState?: CheckStateType;
-}
-/**
- * Represents a map of tree nodes.
- */
-export interface TreeNodeMap {
-    [key: string]: TreeNode;
-}
+import type { StandardProps } from '@/internals/types';
+import type { ListProps } from '@/internals/Windowing';
+import type { TreeNode } from '@/internals/Tree/types';
 /**
  * Tree Node Drag Type
  */

package/cjs/Tree/types.js

@@ -3,12 +3,6 @@
 
 exports.__esModule = true;
 exports.TREE_NODE_DROP_POSITION = void 0;
-/**
- * Represents a single node in a tree.
- */
-/**
- * Represents a map of tree nodes.
- */
 /**
  * Tree Node Drag Type
  */