rsuite 5.61.0 → 5.62.0

package/esm/Steps/StepItem.js

@@ -5,8 +5,8 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import Check from '@rsuite/icons/Check';
 import Close from '@rsuite/icons/Close';
-import { oneOf } from '../internals/propTypes';
-import { useClassNames } from '../utils';
+import { oneOf } from "../internals/propTypes";
+import { useClassNames } from "../internals/hooks";
 var STEP_STATUS_ICON = {
   finish: /*#__PURE__*/React.createElement(Check, null),
   wait: null,

package/esm/Steps/Steps.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '@/internals/types';
 import StepItem from './StepItem';
 export interface StepsProps extends WithAsProps {
     /** Vertical display */

package/esm/Steps/Steps.js

@@ -3,9 +3,10 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React from 'react';
 import PropTypes from 'prop-types';
-import { useClassNames, ReactChildren } from '../utils';
-import { oneOf } from '../internals/propTypes';
-import StepItem from './StepItem';
+import { ReactChildren } from "../internals/utils";
+import { useClassNames } from "../internals/hooks";
+import { oneOf } from "../internals/propTypes";
+import StepItem from "./StepItem";
 /**
  * The `Steps` component is used to guide users to complete tasks in accordance with the process.
  *

package/esm/Steps/index.js

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

package/esm/Table/Table.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React from 'react';
 import { Table as RsTable, Column, Cell, HeaderCell, ColumnGroup } from 'rsuite-table';
-import { useCustom } from '../utils';
+import { useCustom } from "../internals/hooks";
 var CustomTable = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var localeProp = props.locale,
     _props$loadAnimation = props.loadAnimation,

package/esm/Table/index.js

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

package/esm/Tabs/TabPanel.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps } from '../@types/common';
+import { WithAsProps } from '@/internals/types';
 interface TabPanelProps extends WithAsProps {
     /** The active state of the tab. */
     active?: boolean;

package/esm/Tabs/TabPanel.js

@@ -2,7 +2,7 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React from 'react';
-import { useClassNames } from '../utils';
+import { useClassNames } from "../internals/hooks";
 var TabPanel = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'div' : _props$as,

package/esm/Tabs/Tabs.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '@/internals/types';
 import Tab from './Tab';
 export interface TabsProps extends WithAsProps {
     /**

package/esm/Tabs/Tabs.js

@@ -5,10 +5,11 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 var _templateObject;
 import React from 'react';
 import PropTypes from 'prop-types';
-import { useClassNames, useControlled, ReactChildren, useEventCallback, useUniqueId, useCustom } from '../utils';
-import Nav from '../Nav';
-import Tab from './Tab';
-import TabPanel from './TabPanel';
+import { useClassNames, useControlled, useEventCallback, useUniqueId, useCustom } from "../internals/hooks";
+import { ReactChildren } from "../internals/utils";
+import Nav from "../Nav";
+import Tab from "./Tab";
+import TabPanel from "./TabPanel";
 function getFocusableTabs(tablist) {
   var tabs = tablist === null || tablist === void 0 ? void 0 : tablist.querySelectorAll('[role=tab]');
   return Array.from(tabs).filter(function (tab) {

package/esm/Tabs/index.js

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

package/esm/Tag/Tag.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, TypeAttributes, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, TypeAttributes, RsRefForwardingComponent } from '@/internals/types';
 export interface TagProps extends WithAsProps {
     /** Different sizes */
     size?: 'lg' | 'md' | 'sm';

package/esm/Tag/Tag.js

@@ -5,8 +5,8 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 var _templateObject, _templateObject2;
 import React from 'react';
 import PropTypes from 'prop-types';
-import { useClassNames, useCustom } from '../utils';
-import CloseButton from '../internals/CloseButton';
+import { useClassNames, useCustom } from "../internals/hooks";
+import CloseButton from "../internals/CloseButton";
 /**
  * The `Tag` component is used to label and categorize.
  * It can be used to mark the status of an object or classify it into different categories.

package/esm/Tag/index.js

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

package/esm/TagGroup/TagGroup.d.ts

@@ -1,9 +1,9 @@
-import { ComponentProps } from '../utils/createComponent';
+import { ComponentProps } from '@/internals/utils';
 export declare type TagGroupProps = ComponentProps;
 /**
  * The `TagGroup` component for use with the `Tag` component.
  *
  * @see https://rsuitejs.com/components/tag/
  */
-declare const TagGroup: import("../@types/common").RsRefForwardingComponent<"div", ComponentProps>;
+declare const TagGroup: import("../internals/types").RsRefForwardingComponent<"div", ComponentProps>;
 export default TagGroup;

package/esm/TagGroup/TagGroup.js

@@ -1,5 +1,5 @@
 'use client';
-import createComponent from '../utils/createComponent';
+import { createComponent } from "../internals/utils";
 /**
  * The `TagGroup` component for use with the `Tag` component.
  *

package/esm/TagGroup/index.js

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

package/esm/TagInput/index.d.ts

@@ -1,6 +1,6 @@
 import { InputPickerProps } from '../InputPicker/InputPicker';
 import { TagOnlyProps } from '../InputPicker/InputPickerContext';
-import type { PickerComponent } from '../internals/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/esm/TagInput/index.js

@@ -2,8 +2,8 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React, { useMemo } from 'react';
-import InputPicker from '../InputPicker/InputPicker';
-import { TagProvider } from '../InputPicker/InputPickerContext';
+import InputPicker from "../InputPicker/InputPicker";
+import { TagProvider } from "../InputPicker/InputPickerContext";
 /**
  * The `TagInput` component is an enhancement of Input and supports input tags and management tags.
  *

package/esm/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 '../internals/Picker/types';
+import type { PickerComponent } from '@/internals/Picker/types';
 import type { CheckboxProps } from '../Checkbox';
 export interface TagPickerProps extends InputPickerProps, Partial<TagOnlyProps> {
     /**

package/esm/TagPicker/index.js

@@ -2,8 +2,8 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React, { useMemo } from 'react';
-import InputPicker from '../InputPicker/InputPicker';
-import { TagProvider } from '../InputPicker/InputPickerContext';
+import InputPicker from "../InputPicker/InputPicker";
+import { TagProvider } from "../InputPicker/InputPickerContext";
 /**
  * `TagPicker` component enables multi-selection by tags and supports new options.
  *

package/esm/Text/Text.d.ts

@@ -1,4 +1,4 @@
-import { WithAsProps, RsRefForwardingComponent, TypeAttributes } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent, TypeAttributes } from '@/internals/types';
 declare const fontSizeMap: {
     sm: number;
     md: number;

package/esm/Text/Text.js

@@ -3,8 +3,8 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React from 'react';
 import PropTypes from 'prop-types';
-import { useClassNames } from '../utils';
-import { oneOf } from '../internals/propTypes';
+import { useClassNames } from "../internals/hooks";
+import { oneOf } from "../internals/propTypes";
 var fontSizeMap = {
   sm: 12,
   md: 14,

package/esm/Text/index.js

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

package/esm/Timeline/Timeline.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import TimelineItem from './TimelineItem';
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '@/internals/types';
 export interface TimelineProps extends WithAsProps {
     /** The content of the component */
     children?: React.ReactNode;

package/esm/Timeline/Timeline.js

@@ -4,9 +4,10 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWith
 import React from 'react';
 import PropTypes from 'prop-types';
 import some from 'lodash/some';
-import TimelineItem from './TimelineItem';
-import { useClassNames, ReactChildren } from '../utils';
-import { oneOf } from '../internals/propTypes';
+import TimelineItem from "./TimelineItem";
+import { useClassNames } from "../internals/hooks";
+import { ReactChildren } from "../internals/utils";
+import { oneOf } from "../internals/propTypes";
 /**
  * The `Timeline` component is used to display a list of items in chronological order.
  *

package/esm/Timeline/TimelineItem.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, RsRefForwardingComponent } from '@/internals/types';
 export interface TimelineItemProps extends WithAsProps {
     /**
      * Whether the last item

package/esm/Timeline/TimelineItem.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React from 'react';
 import PropTypes from 'prop-types';
-import { useClassNames } from '../utils';
+import { useClassNames } from "../internals/hooks";
 /**
  * The `Timeline.Item` component is used to set the layout of the child element in the `Timeline` component.
  *

package/esm/Timeline/index.js

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

package/esm/Toggle/Toggle.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, TypeAttributes, RsRefForwardingComponent } from '../@types/common';
+import { WithAsProps, TypeAttributes, RsRefForwardingComponent } from '@/internals/types';
 import { ToggleLocale } from '../locales';
 export interface ToggleProps extends WithAsProps {
     /** Whether to disabled toggle */

package/esm/Toggle/Toggle.js

@@ -3,10 +3,11 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React, { useCallback, useRef } from 'react';
 import PropTypes from 'prop-types';
-import { partitionHTMLProps, useClassNames, useControlled, useCustom } from '../utils';
-import { oneOf } from '../internals/propTypes';
-import Plaintext from '../internals/Plaintext';
-import Loader from '../Loader';
+import { useClassNames, useControlled, useCustom } from "../internals/hooks";
+import { partitionHTMLProps } from "../internals/utils";
+import { oneOf } from "../internals/propTypes";
+import Plaintext from "../internals/Plaintext";
+import Loader from "../Loader";
 /**
  * The `Toggle` component is used to activate or deactivate an element.
  *

package/esm/Toggle/index.js

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

package/esm/Tooltip/Tooltip.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { TypeAttributes, WithAsProps, RsRefForwardingComponent } from '../@types/common';
+import { TypeAttributes, WithAsProps, RsRefForwardingComponent } from '@/internals/types';
 export interface TooltipProps extends WithAsProps {
     /** Dispaly placement */
     placement?: TypeAttributes.Placement;

package/esm/Tooltip/Tooltip.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React from 'react';
 import PropTypes from 'prop-types';
-import { useClassNames } from '../utils';
+import { useClassNames } from "../internals/hooks";
 /**
  * The `Tooltip` component is used to describe a element.
  *

package/esm/Tooltip/index.js

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

package/esm/Tree/IndentLine.js

@@ -1,6 +1,6 @@
 'use client';
 import React from 'react';
-import { useClassNames } from '../utils';
+import { useClassNames } from "../internals/hooks";
 var IndentLine = function IndentLine() {
   var _useClassNames = useClassNames('tree'),
     prefix = _useClassNames.prefix;

package/esm/Tree/Tree.d.ts

@@ -1,9 +1,15 @@
-import { RsRefForwardingComponent } from '../@types/common';
+import { RsRefForwardingComponent } from '@/internals/types';
 import { type TreeViewProps } from './TreeView';
 import type { TreeExtraProps } from './types';
 export interface TreeProps<T = string | number | null> extends TreeViewProps<T>, TreeExtraProps {
-    /** Default selected Value  */
+    /**
+     * Default selected Value
+     */
     defaultValue?: T;
+    /**
+     * The shadow of the content when scrolling
+     */
+    scrollShadow?: boolean;
 }
 /**
  * The `Tree` component is used to display hierarchical data.

package/esm/Tree/Tree.js

@@ -2,12 +2,12 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React, { useMemo } from 'react';
-import TreeView from './TreeView';
-import { useControlled, useEventCallback } from '../utils';
-import useFlattenTree from './hooks/useFlattenTree';
-import useTreeWithChildren from './hooks/useTreeWithChildren';
-import useExpandTree from './hooks/useExpandTree';
-import { TreeProvider } from './TreeProvider';
+import TreeView from "./TreeView";
+import { useControlled, useEventCallback } from "../internals/hooks";
+import { TreeProvider } from "../internals/Tree/TreeProvider";
+import useFlattenTree from "./hooks/useFlattenTree";
+import useTreeWithChildren from "./hooks/useTreeWithChildren";
+import useExpandTree from "./hooks/useExpandTree";
 /**
  * The `Tree` component is used to display hierarchical data.
  *
@@ -29,12 +29,13 @@ var Tree = /*#__PURE__*/React.forwardRef(function (props, ref) {
     defaultExpandItemValues = _props$defaultExpandI === void 0 ? [] : _props$defaultExpandI,
     controlledExpandItemValues = props.expandItemValues,
     virtualized = props.virtualized,
+    scrollShadow = props.scrollShadow,
     renderTreeIcon = props.renderTreeIcon,
     renderTreeNode = props.renderTreeNode,
     getChildren = props.getChildren,
     onChange = props.onChange,
     onExpand = props.onExpand,
-    rest = _objectWithoutPropertiesLoose(props, ["value", "defaultValue", "childrenKey", "labelKey", "valueKey", "data", "defaultExpandAll", "defaultExpandItemValues", "expandItemValues", "virtualized", "renderTreeIcon", "renderTreeNode", "getChildren", "onChange", "onExpand"]);
+    rest = _objectWithoutPropertiesLoose(props, ["value", "defaultValue", "childrenKey", "labelKey", "valueKey", "data", "defaultExpandAll", "defaultExpandItemValues", "expandItemValues", "virtualized", "scrollShadow", "renderTreeIcon", "renderTreeNode", "getChildren", "onChange", "onExpand"]);
   var _useControlled = useControlled(controlledValue, defaultValue),
     value = _useControlled[0],
     setValue = _useControlled[1];
@@ -69,11 +70,12 @@ var Tree = /*#__PURE__*/React.forwardRef(function (props, ref) {
         labelKey: labelKey,
         valueKey: valueKey,
         virtualized: virtualized,
+        scrollShadow: scrollShadow,
         renderTreeIcon: renderTreeIcon,
         renderTreeNode: renderTreeNode
       }
     };
-  }, [childrenKey, labelKey, valueKey, virtualized, renderTreeIcon, renderTreeNode]);
+  }, [childrenKey, labelKey, valueKey, scrollShadow, virtualized, renderTreeIcon, renderTreeNode]);
   return /*#__PURE__*/React.createElement(TreeProvider, {
     value: treeContext
   }, /*#__PURE__*/React.createElement(TreeView, _extends({
@@ -81,7 +83,6 @@ var Tree = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, rest, {
     value: value,
     data: treeData,
-    virtualized: virtualized,
     loadingNodeValues: loadingNodeValues,
     flattenedNodes: flattenedNodes,
     expandItemValues: expandItemValues,

package/esm/Tree/TreeNode.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../@types/common';
-import type { TreeNode as TreeNodeData } from './types';
+import { WithAsProps, RsRefForwardingComponent } from '@/internals/types';
+import type { TreeNode as TreeNodeData } from '@/internals/Tree/types';
 export declare type DragStatus = 'drag-over' | 'drag-over-top' | 'drag-over-bottom';
 interface TreeDragEventProps {
     /**

package/esm/Tree/TreeNode.js

@@ -2,12 +2,11 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React, { forwardRef, useMemo } from 'react';
-import { useClassNames, useEventCallback, mergeRefs, useCustom } from '../utils';
-import { stringifyReactNode } from '../internals/utils';
-import { useFoucsVirtualListItem } from '../internals/hooks';
-import TreeNodeToggle from './TreeNodeToggle';
-import { useTreeContextProps } from './TreeProvider';
-import { indentTreeNode } from './utils';
+import { mergeRefs, stringifyReactNode } from "../internals/utils";
+import { useFocusVirtualListItem, useClassNames, useEventCallback, useCustom } from "../internals/hooks";
+import TreeNodeToggle from "./TreeNodeToggle";
+import { useTreeContextProps } from "../internals/Tree/TreeProvider";
+import { indentTreeNode } from "./utils";
 
 /**
  * Props for the TreeNode component.
@@ -100,7 +99,7 @@ var TreeNode = /*#__PURE__*/forwardRef(function (props, ref) {
     'text-muted': disabled,
     focus: focus
   }));
-  var treeItemRef = useFoucsVirtualListItem(focus);
+  var treeItemRef = useFocusVirtualListItem(focus);
   var styles = virtualized ? _extends({}, style, indentTreeNode(rtl, layer - 1)) : style;
   return visible ? /*#__PURE__*/React.createElement(Component, _extends({}, rest, {
     ref: mergeRefs(treeItemRef, ref),

package/esm/Tree/TreeNodeToggle.js

@@ -6,8 +6,8 @@ import ArrowDownIcon from '@rsuite/icons/ArrowDown';
 import ArrowRightIcon from '@rsuite/icons/ArrowRight';
 import ArrowLeftIcon from '@rsuite/icons/ArrowLeft';
 import Spinner from '@rsuite/icons/legacy/Spinner';
-import { useClassNames, useCustom } from '../utils';
-import { useTreeCustomRenderer } from './TreeProvider';
+import { useClassNames, useCustom } from "../internals/hooks";
+import { useTreeCustomRenderer } from "../internals/Tree/TreeProvider";
 function TreeNodeToggle(props) {
   var data = props.data,
     loading = props.loading,

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 { type ListHandle } from '@/internals/Windowing';
+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

@@ -3,21 +3,21 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 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";
+import TreeViewNode from "./TreeNode";
+import IndentLine from "./IndentLine";
+import { getPathTowardsItem, getKeyParentMap } from "../internals/Tree/utils";
+import { useClassNames, useCustom, useEventCallback } from "../internals/hooks";
+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 { useTreeContextProps } from "../internals/Tree/TreeProvider";
 
 /**
  * Props for the TreeViewInner component.
@@ -39,8 +39,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 +68,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, ["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 = 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 +273,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 +289,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";
+import { createConcatChildrenFunction } from "../../internals/Picker";
+import { getExpandItemValues, flattenTree } from "../utils";
 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.