rsuite 5.61.0 → 5.62.1

package/esm/Tree/TreeView.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
 import { type ListHandle } from '../internals/Windowing';
-import { RsRefForwardingComponent, DataProps, ToArray } from '../@types/common';
-import type { TreeNode, TreeNodeMap, TreeViewBaseProps, TreeDragProps } from './types';
+import { RsRefForwardingComponent, DataProps, ToArray } from '../internals/types';
+import type { TreeNode, TreeNodeMap } from '../internals/Tree/types';
+import type { TreeViewBaseProps, TreeDragProps } from './types';
 export interface TreeViewProps<V = number | string | null> extends TreeViewBaseProps<V, TreeNode>, DataProps<TreeNode>, TreeDragProps {
     /**
      * Selected value.
@@ -11,10 +12,6 @@ export interface TreeViewProps<V = number | string | null> extends TreeViewBaseP
      * Whether display search input box.
      */
     searchable?: boolean;
-    /**
-     * Whether using virtualized list.
-     */
-    virtualized?: boolean;
     /**
      * Disabled tree node.
      */

package/esm/Tree/TreeView.js

@@ -1,23 +1,24 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
+var _excluded = ["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"];
 import React, { useEffect, useMemo } from 'react';
 import isNil from 'lodash/isNil';
-import { List, AutoSizer, defaultItemSize } from '../internals/Windowing';
-import TreeViewNode from './TreeNode';
-import IndentLine from './IndentLine';
-import { getPathTowardsItem, getKeyParentMap } from '../internals/Tree/utils';
-import { useClassNames, useCustom, useEventCallback } from '../utils';
-import { isExpand, hasVisibleChildren, getActiveItem } from './utils';
-import { onMenuKeyDown } from '../internals/Picker';
-import { TreeView as BaseTreeView } from '../internals/Tree';
-import useTreeSearch from './hooks/useTreeSearch';
-import useTreeDrag from './hooks/useTreeDrag';
-import useFocusTree from './hooks/useFocusTree';
-import useVirtualizedTreeData from './hooks/useVirtualizedTreeData';
-import useTreeNodeProps from './hooks/useTreeNodeProps';
-import SearchBox from '../internals/SearchBox';
-import { useItemDataKeys } from './TreeProvider';
+import { List, AutoSizer, defaultItemSize } from "../internals/Windowing/index.js";
+import TreeViewNode from "./TreeNode.js";
+import IndentLine from "./IndentLine.js";
+import { getPathTowardsItem, getKeyParentMap } from "../internals/Tree/utils/index.js";
+import { useClassNames, useCustom, useEventCallback } from "../internals/hooks/index.js";
+import { isExpand, hasVisibleChildren, getActiveItem } from "./utils/index.js";
+import { onMenuKeyDown } from "../internals/Picker/index.js";
+import { TreeView as BaseTreeView } from "../internals/Tree/index.js";
+import useTreeSearch from "./hooks/useTreeSearch.js";
+import useTreeDrag from "./hooks/useTreeDrag.js";
+import useFocusTree from "./hooks/useFocusTree.js";
+import useVirtualizedTreeData from "./hooks/useVirtualizedTreeData.js";
+import useTreeNodeProps from "./hooks/useTreeNodeProps.js";
+import SearchBox from "../internals/SearchBox/index.js";
+import { useTreeContextProps } from "../internals/Tree/TreeProvider.js";
 
 /**
  * Props for the TreeViewInner component.
@@ -25,6 +26,7 @@ import { useItemDataKeys } from './TreeProvider';
 /**
  * Represents the props for the TreeView component.
  */
+
 var TreeView = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'div' : _props$as,
@@ -39,8 +41,6 @@ var TreeView = /*#__PURE__*/React.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,
@@ -70,12 +70,14 @@ var TreeView = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onExpand = props.onExpand,
     onFocusItem = props.onFocusItem,
     onScroll = props.onScroll,
-    rest = _objectWithoutPropertiesLoose(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"]);
+    rest = _objectWithoutPropertiesLoose(props, _excluded);
   var _useCustom = useCustom('Picker', overrideLocale),
     locale = _useCustom.locale;
-  var _useItemDataKeys = useItemDataKeys(),
-    valueKey = _useItemDataKeys.valueKey,
-    childrenKey = _useItemDataKeys.childrenKey;
+  var _useTreeContextProps = useTreeContextProps(),
+    valueKey = _useTreeContextProps.valueKey,
+    childrenKey = _useTreeContextProps.childrenKey,
+    scrollShadow = _useTreeContextProps.scrollShadow,
+    virtualized = _useTreeContextProps.virtualized;
   var _useClassNames = useClassNames(classPrefix),
     prefix = _useClassNames.prefix,
     merge = _useClassNames.merge,
@@ -273,9 +275,7 @@ var TreeView = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onScroll: onScroll,
     onKeyDown: handleTreeKeyDown,
     className: prefix('view'),
-    style: virtualized ? undefined : {
-      height: height
-    }
+    height: height
   }), virtualized ? /*#__PURE__*/React.createElement(AutoSizer, {
     defaultHeight: height,
     style: {
@@ -291,7 +291,8 @@ var TreeView = /*#__PURE__*/React.forwardRef(function (props, ref) {
       itemSize: defaultItemSize,
       itemCount: formattedNodes.length,
       itemData: formattedNodes,
-      className: prefix('virt-list')
+      className: prefix('virt-list'),
+      scrollShadow: scrollShadow
     }, listProps), renderVirtualListNode);
   }) : formattedNodes));
 });

package/esm/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/esm/Tree/hooks/useExpandTree.js

@@ -1,9 +1,9 @@
 'use client';
 import { useEffect } from 'react';
 import isFunction from 'lodash/isFunction';
-import { useControlled, useEventCallback } from '../../utils';
-import { createConcatChildrenFunction } from '../../internals/Picker';
-import { getExpandItemValues, flattenTree } from '../utils';
+import { useControlled, useEventCallback } from "../../internals/hooks/index.js";
+import { createConcatChildrenFunction } from "../../internals/Picker/index.js";
+import { getExpandItemValues, flattenTree } from "../utils/index.js";
 export function getDefaultExpandItemValues(data, options) {
   var valueKey = options.valueKey,
     defaultExpandAll = options.defaultExpandAll,

package/esm/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/esm/Tree/hooks/useFlattenTree.js

@@ -3,9 +3,9 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import { useCallback, useRef, useEffect } from 'react';
 import omit from 'lodash/omit';
 import isNil from 'lodash/isNil';
-import shallowEqual from '../../utils/shallowEqual';
-import { formatNodeRefKey } from '../utils';
-import useForceUpdate from './useForceUpdate';
+import { shallowEqual } from "../../internals/utils/index.js";
+import { formatNodeRefKey } from "../utils/index.js";
+import useForceUpdate from "./useForceUpdate.js";
 /**
  * Custom hook that flattens a tree data structure into a map of nodes.
  *

package/esm/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/esm/Tree/hooks/useFocusTree.js

@@ -1,13 +1,12 @@
 'use client';
 import { useCallback, useEffect, useRef, useState } from 'react';
 import isNil from 'lodash/isNil';
-import { KEY_VALUES } from '../../utils/constants';
-import { useEventCallback, useCustom } from '../../utils';
-import { onMenuKeyDown } from '../../internals/Picker';
-import { useItemDataKeys } from '../TreeProvider';
-import { isSearching, focusNextItem, getFocusableItems, getActiveItem, focusPreviousItem, focusCurrentItem, focusTreeNode, handleLeftArrow, handleRightArrow } from '../utils';
-import useTreeNodeRefs from './useTreeNodeRefs';
-import { useRegisterTreeMethods } from '../TreeProvider';
+import { KEY_VALUES } from "../../internals/constants/index.js";
+import { useEventCallback, useCustom } from "../../internals/hooks/index.js";
+import { onMenuKeyDown } from "../../internals/Picker/index.js";
+import { useItemDataKeys, useRegisterTreeMethods } from "../../internals/Tree/TreeProvider.js";
+import { isSearching, focusNextItem, getFocusableItems, getActiveItem, focusPreviousItem, focusCurrentItem, focusTreeNode, handleLeftArrow, handleRightArrow } from "../utils/index.js";
+import useTreeNodeRefs from "./useTreeNodeRefs.js";
 /**
  * Custom hook that manages the focus behavior of a tree component.
  */

package/esm/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/esm/Tree/hooks/useTreeDrag.js

@@ -2,10 +2,10 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import { useState, useRef, useCallback } from 'react';
 import isNil from 'lodash/isNil';
-import { TREE_NODE_DROP_POSITION, shallowEqual } from '../../utils';
-import { useEventCallback, shallowEqual as equal } from '../../utils';
-import { stringifyReactNode } from '../../internals/utils';
-import { useItemDataKeys } from '../TreeProvider';
+import { TREE_NODE_DROP_POSITION } from "../../internals/constants/index.js";
+import { useEventCallback } from "../../internals/hooks/index.js";
+import { shallowEqual as equal, stringifyReactNode } from "../../internals/utils/index.js";
+import { useItemDataKeys } from "../../internals/Tree/TreeProvider.js";
 /**
  * The gap between tree nodes.
  */
@@ -79,11 +79,13 @@ export default function useTreeDrag(props) {
     onDragLeave = props.onDragLeave,
     onDragEnd = props.onDragEnd,
     onDrop = props.onDrop,
-    prefix = props.prefix; // current dragging node
+    prefix = props.prefix;
+  // current dragging node
   var dragNode = useRef(null);
   var _useState = useState(null),
     dragOverNodeKey = _useState[0],
-    setDragOverNodeKey = _useState[1]; // drag node and it's children nodes key
+    setDragOverNodeKey = _useState[1];
+  // drag node and it's children nodes key
   var _useState2 = useState([]),
     dragNodeKeys = _useState2[0],
     setDragNodeKeys = _useState2[1];
@@ -122,7 +124,7 @@ export default function useTreeDrag(props) {
     var traverse = function traverse(items, parent) {
       for (var index = 0; index < items.length; index += 1) {
         var item = items[index];
-        if (shallowEqual(item[valueKey], dragNode[valueKey])) {
+        if (equal(item[valueKey], dragNode[valueKey])) {
           items.splice(index, 1);
           // when children is empty, delete children prop for hidden anchor
           if (items.length === 0 && parent) {
@@ -152,7 +154,7 @@ export default function useTreeDrag(props) {
       var updateTree = function updateTree(items) {
         for (var index = 0; index < items.length; index += 1) {
           var item = items[index];
-          if (shallowEqual(item[valueKey], dropNode[valueKey])) {
+          if (equal(item[valueKey], dropNode[valueKey])) {
             // drag to node inside
             if (dropNodePosition === TREE_NODE_DROP_POSITION.DRAG_OVER) {
               item[childrenKey] = isNil(item[childrenKey]) ? [] : item[childrenKey];
@@ -239,8 +241,8 @@ export default function useTreeDrag(props) {
     })) {
       console.error('Cannot drag a node to itself and its children');
     } else {
-      var _dropData = getDropData(nodeData);
-      onDrop === null || onDrop === void 0 ? void 0 : onDrop(_dropData, event);
+      var dropData = getDropData(nodeData);
+      onDrop === null || onDrop === void 0 ? void 0 : onDrop(dropData, event);
     }
     removeDragPreview();
     setDragNode(null);

package/esm/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/esm/Tree/hooks/useTreeNodeProps.js

@@ -1,9 +1,10 @@
 'use client';
 import React, { useCallback } from 'react';
-import { TREE_NODE_DROP_POSITION, shallowEqual as equal } from '../../utils';
-import { useCombobox } from '../../internals/Picker/hooks';
-import { useItemDataKeys } from '../TreeProvider';
-import Highlight from '../../Highlight';
+import { TREE_NODE_DROP_POSITION } from "../../internals/constants/index.js";
+import { shallowEqual as equal } from "../../internals/utils/index.js";
+import { useCombobox } from "../../internals/Picker/hooks/index.js";
+import { useItemDataKeys } from "../../internals/Tree/TreeProvider.js";
+import Highlight from "../../Highlight/index.js";
 function useTreeNodeProps(props) {
   var _useItemDataKeys = useItemDataKeys(),
     valueKey = _useItemDataKeys.valueKey,

package/esm/Tree/hooks/useTreeSearch.js

@@ -1,8 +1,8 @@
 'use client';
 import { useState, useCallback, useEffect } from 'react';
 import isArray from 'lodash/isArray';
-import { shouldDisplay } from '../../internals/Picker';
-import { useItemDataKeys } from '../TreeProvider';
+import { shouldDisplay } from "../../internals/Picker/index.js";
+import { useItemDataKeys } from "../../internals/Tree/TreeProvider.js";
 /**
  * Custom hook for searching and filtering data in a tree structure.
  */

package/esm/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/esm/Tree/hooks/useTreeWithChildren.js

@@ -1,7 +1,7 @@
 'use client';
 import { useState, useCallback, useEffect } from 'react';
-import shallowEqual from '../../utils/shallowEqual';
-import { findNodeOfTree } from '../../internals/Tree/utils';
+import { shallowEqual } from "../../internals/utils/index.js";
+import { findNodeOfTree } from "../../internals/Tree/utils/index.js";
 /**
  * Custom hook that provides functionality for managing a tree structure with children.
  */

package/esm/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/esm/Tree/hooks/useVirtualizedTreeData.js

@@ -3,12 +3,11 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import { useCallback } from 'react';
 import intersection from 'lodash/intersection';
 import isUndefined from 'lodash/isUndefined';
-import { getNodeParentKeys } from '../utils/getNodeParentKeys';
-import { isSearching } from '../utils/isSearching';
-import { UNSAFE_flattenTree } from '../utils/flattenTree';
-import { getNodeCheckState } from '../../CheckTree/utils';
-import { useItemDataKeys } from '../TreeProvider';
-
+import { getNodeParentKeys } from "../utils/getNodeParentKeys.js";
+import { isSearching } from "../utils/isSearching.js";
+import { UNSAFE_flattenTree } from "../utils/flattenTree.js";
+import { getNodeCheckState } from "../../CheckTree/utils.js";
+import { useItemDataKeys } from "../../internals/Tree/TreeProvider.js";
 /**
  * Determines whether a node should be shown based on the expanded state of its parent nodes.
  */
@@ -29,6 +28,7 @@ function useVirtualizedTreeData(nodes, data, options) {
   var _useItemDataKeys = useItemDataKeys(),
     childrenKey = _useItemDataKeys.childrenKey,
     valueKey = _useItemDataKeys.valueKey;
+
   /**
    * Formats the virtualized tree data.
    */

package/esm/Tree/index.js

@@ -1,3 +1,3 @@
 'use client';
-import Tree from './Tree';
+import Tree from "./Tree.js";
 export default Tree;

package/esm/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 { StandardProps } from '../internals/types';
 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 { TreeNode } from '../internals/Tree/types';
 /**
  * Tree Node Drag Type
  */

package/esm/Tree/types.js

@@ -1,24 +1,18 @@
 'use client';
-/**
- * Represents a single node in a tree.
- */
-
-/**
- * Represents a map of tree nodes.
- */
-
 /**
  * Tree Node Drag Type
  */
-export var TREE_NODE_DROP_POSITION;
-(function (TREE_NODE_DROP_POSITION) {
+export var TREE_NODE_DROP_POSITION = /*#__PURE__*/function (TREE_NODE_DROP_POSITION) {
   TREE_NODE_DROP_POSITION[TREE_NODE_DROP_POSITION["DRAG_OVER"] = 0] = "DRAG_OVER";
   TREE_NODE_DROP_POSITION[TREE_NODE_DROP_POSITION["DRAG_OVER_TOP"] = 1] = "DRAG_OVER_TOP";
   TREE_NODE_DROP_POSITION[TREE_NODE_DROP_POSITION["DRAG_OVER_BOTTOM"] = 2] = "DRAG_OVER_BOTTOM";
-})(TREE_NODE_DROP_POSITION || (TREE_NODE_DROP_POSITION = {}));
+  return TREE_NODE_DROP_POSITION;
+}({});
+
 /**
  * Represents the drag-related props for the Tree component.
  */
+
 /**
  * Represents the base props for the Tree component.
  *

package/esm/Tree/utils/flattenTree.js

@@ -1,21 +1,21 @@
 'use client';
 function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-import { attachParent } from '../../utils/attachParent';
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+import { attachParent } from "../../internals/utils/index.js";
 
 /**
  * Strategy for walking the tree.
  */
-export var WalkTreeStrategy;
+export var WalkTreeStrategy = /*#__PURE__*/function (WalkTreeStrategy) {
+  WalkTreeStrategy[WalkTreeStrategy["DFS"] = 0] = "DFS";
+  WalkTreeStrategy[WalkTreeStrategy["BFS"] = 1] = "BFS";
+  return WalkTreeStrategy;
+}({});
 
 /**
  * Flattens a tree structure into an array.
  */
-(function (WalkTreeStrategy) {
-  WalkTreeStrategy[WalkTreeStrategy["DFS"] = 0] = "DFS";
-  WalkTreeStrategy[WalkTreeStrategy["BFS"] = 1] = "BFS";
-})(WalkTreeStrategy || (WalkTreeStrategy = {}));
 export function flattenTree(rootNodes, getChildren, walkStrategy) {
   if (walkStrategy === void 0) {
     walkStrategy = WalkTreeStrategy.BFS;
@@ -38,9 +38,9 @@ export function flattenTree(rootNodes, getChildren, walkStrategy) {
  */
 export function walkTreeBfs(rootNodes, getChildren, callback) {
   for (var queue = [].concat(rootNodes); queue.length > 0;) {
-    var _node = queue.shift();
-    callback(_node);
-    var children = getChildren(_node);
+    var node = queue.shift();
+    callback(node);
+    var children = getChildren(node);
     if (children) {
       queue.push.apply(queue, children);
     }
@@ -52,9 +52,9 @@ export function walkTreeBfs(rootNodes, getChildren, callback) {
  */
 export function walkTreeDfs(rootNodes, getChildren, callback) {
   for (var _iterator = _createForOfIteratorHelperLoose(rootNodes), _step; !(_step = _iterator()).done;) {
-    var _node2 = _step.value;
-    callback(_node2);
-    var children = getChildren(_node2);
+    var node = _step.value;
+    callback(node);
+    var children = getChildren(node);
     if (children) {
       walkTreeDfs(children, getChildren, callback);
     }

package/esm/Tree/utils/focusableTree.d.ts

@@ -1,4 +1,4 @@
-import { TreeNode, TreeNodeMap } from '../types';
+import { TreeNode, TreeNodeMap } from '../../internals/Tree/types';
 import { ListHandle } from '../../internals/Windowing';
 interface FocusableItemsProps {
     disabledItemValues: any;

package/esm/Tree/utils/focusableTree.js

@@ -1,5 +1,5 @@
 'use client';
-import { shallowEqual } from '../../utils';
+import { shallowEqual } from "../../internals/utils/index.js";
 // Active tree node selector
 var SELECTED_TREEITEM_SELECTOR = '[role="treeitem"][aria-selected="true"]';
 

package/esm/Tree/utils/getNodeParentKeys.d.ts

@@ -1,4 +1,4 @@
-import { TreeNode, TreeNodeMap } from '../types';
+import type { TreeNode, TreeNodeMap } from '../../internals/Tree/types';
 /**
  * Retrieves an array of parent keys for a given node in a tree.
  */

package/esm/Tree/utils/getTreeActiveNode.d.ts

@@ -1,5 +1,5 @@
-import { TreeNodeMap } from '../types';
+import type { TreeNodeMap } from '../../internals/Tree/types';
 /**
  * Retrieves the active node from a tree based on the provided value and value key.
  */
-export declare function getTreeActiveNode<T extends number | string | undefined | null>(nodes: TreeNodeMap, value: T, valueKey: string): import("../types").TreeNode | undefined;
+export declare function getTreeActiveNode<T extends number | string | undefined | null>(nodes: TreeNodeMap, value: T, valueKey: string): import("../../internals/Tree/types").TreeNode | undefined;

package/esm/Tree/utils/getTreeActiveNode.js

@@ -1,5 +1,5 @@
 'use client';
-import shallowEqual from '../../utils/shallowEqual';
+import { shallowEqual } from "../../internals/utils/index.js";
 /**
  * Retrieves the active node from a tree based on the provided value and value key.
  */

package/esm/Tree/utils/hasVisibleChildren.d.ts

@@ -1,4 +1,4 @@
-import { TreeNode } from '../types';
+import type { TreeNode } from '../../internals/Tree/types';
 /**
  * Checks if a node has visible children.
  */

package/esm/Tree/utils/index.js

@@ -1,14 +1,14 @@
 'use client';
-export { getNodeParentKeys } from './getNodeParentKeys';
-export { UNSAFE_flattenTree, flattenTree, WalkTreeStrategy } from './flattenTree';
-export { hasVisibleChildren } from './hasVisibleChildren';
-export { getExpandItemValues } from './getExpandItemValues';
-export { getTreeActiveNode } from './getTreeActiveNode';
-export { formatNodeRefKey } from './formatNodeRefKey';
-export { indentTreeNode } from './indentTreeNode';
-export { isSearching } from './isSearching';
-export { isExpand } from './isExpand';
+export { getNodeParentKeys } from "./getNodeParentKeys.js";
+export { UNSAFE_flattenTree, flattenTree, WalkTreeStrategy } from "./flattenTree.js";
+export { hasVisibleChildren } from "./hasVisibleChildren.js";
+export { getExpandItemValues } from "./getExpandItemValues.js";
+export { getTreeActiveNode } from "./getTreeActiveNode.js";
+export { formatNodeRefKey } from "./formatNodeRefKey.js";
+export { indentTreeNode } from "./indentTreeNode.js";
+export { isSearching } from "./isSearching.js";
+export { isExpand } from "./isExpand.js";
 
 // Utility functions for managing focusable items in a tree.
-export { getFocusableItems, getActiveItem, focusNextItem, focusPreviousItem, focusTreeNode, focusCurrentItem } from './focusableTree';
-export { handleLeftArrow, handleRightArrow } from './treeKeyboardInteractions';
+export { getFocusableItems, getActiveItem, focusNextItem, focusPreviousItem, focusTreeNode, focusCurrentItem } from "./focusableTree.js";
+export { handleLeftArrow, handleRightArrow } from "./treeKeyboardInteractions.js";

package/esm/Tree/utils/isExpand.js

@@ -1,5 +1,5 @@
 'use client';
-import { isSearching } from './isSearching';
+import { isSearching } from "./isSearching.js";
 
 /**
  * Determines whether the tree node should be expanded based on the search keyword and expand flag.

package/esm/Tree/utils/treeKeyboardInteractions.d.ts

@@ -1,4 +1,4 @@
-import { TreeNode } from '../types';
+import type { TreeNode } from '../../internals/Tree/types';
 export interface ArrowHandlerProps {
     focusItem: TreeNode;
     expand: boolean;

package/esm/TreePicker/TreePicker.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import { PickerLocale } from '../locales';
 import { PickerComponent, PickerToggleProps } from '../internals/Picker';
-import { TreeNode } from '../Tree/types';
+import { TreeNode } from '../internals/Tree/types';
 import { type TreeViewProps } from '../Tree/TreeView';
-import type { FormControlPickerProps, DeprecatedPickerProps } from '../@types/common';
+import type { FormControlPickerProps, DeprecatedPickerProps } from '../internals/types';
 import type { TreeExtraProps } from '../Tree/types';
 export interface TreePickerProps<V = number | string | null> extends TreeViewProps<V>, TreeExtraProps, DeprecatedPickerProps, FormControlPickerProps<V, PickerLocale, TreeNode>, Pick<PickerToggleProps, 'caretAs' | 'loading'> {
     /**