rsuite 5.61.0 → 5.62.1

package/cjs/Tree/TreeNode.js

@@ -1,19 +1,20 @@
 'use client';
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 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 _utils = require("../utils");
-var _utils2 = require("../internals/utils");
+var _utils = require("../internals/utils");
 var _hooks = require("../internals/hooks");
 var _TreeNodeToggle = _interopRequireDefault(require("./TreeNodeToggle"));
-var _TreeProvider = require("./TreeProvider");
-var _utils3 = require("./utils");
+var _TreeProvider = require("../internals/Tree/TreeProvider");
+var _utils2 = require("./utils");
+var _excluded = ["as", "label", "layer", "active", "loading", "nodeData", "className", "classPrefix", "disabled", "visible", "draggable", "expanded", "focus", "style", "hasChildren", "dragging", "dragStatus", "onSelect", "onDragStart", "onDragOver", "onDragEnter", "onDragLeave", "onDragEnd", "onDrop", "onExpand"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
  * Props for the TreeNode component.
  */
@@ -47,54 +48,54 @@ var TreeNode = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     onDragEnd = props.onDragEnd,
     onDrop = props.onDrop,
     onExpand = props.onExpand,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["as", "label", "layer", "active", "loading", "nodeData", "className", "classPrefix", "disabled", "visible", "draggable", "expanded", "focus", "style", "hasChildren", "dragging", "dragStatus", "onSelect", "onDragStart", "onDragOver", "onDragEnter", "onDragLeave", "onDragEnd", "onDrop", "onExpand"]);
-  var _useCustom = (0, _utils.useCustom)(),
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _hooks.useCustom)(),
     rtl = _useCustom.rtl;
   var _useTreeContextProps = (0, _TreeProvider.useTreeContextProps)(),
     renderTreeNode = _useTreeContextProps.renderTreeNode,
     virtualized = _useTreeContextProps.virtualized;
-  var _useClassNames = (0, _utils.useClassNames)(classPrefix),
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
     prefix = _useClassNames.prefix,
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix;
   var labelStr = (0, _react.useMemo)(function () {
-    return (0, _utils2.stringifyReactNode)(label);
+    return (0, _utils.stringifyReactNode)(label);
   }, [label]);
-  var handleExpand = (0, _utils.useEventCallback)(function (event) {
+  var handleExpand = (0, _hooks.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);
     event.stopPropagation();
     onExpand === null || onExpand === void 0 ? void 0 : onExpand(nodeData, expanded);
   });
-  var handleSelect = (0, _utils.useEventCallback)(function (event) {
+  var handleSelect = (0, _hooks.useEventCallback)(function (event) {
     if (disabled) {
       return;
     }
     onSelect === null || onSelect === void 0 ? void 0 : onSelect(nodeData, event);
   });
-  var handleDragStart = (0, _utils.useEventCallback)(function (event) {
+  var handleDragStart = (0, _hooks.useEventCallback)(function (event) {
     onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart(nodeData, event);
   });
-  var handleDragEnter = (0, _utils.useEventCallback)(function (event) {
+  var handleDragEnter = (0, _hooks.useEventCallback)(function (event) {
     event.preventDefault();
     event.stopPropagation();
     onDragEnter === null || onDragEnter === void 0 ? void 0 : onDragEnter(nodeData, event);
   });
-  var handleDragOver = (0, _utils.useEventCallback)(function (event) {
+  var handleDragOver = (0, _hooks.useEventCallback)(function (event) {
     event.preventDefault();
     event.stopPropagation();
     onDragOver === null || onDragOver === void 0 ? void 0 : onDragOver(nodeData, event);
   });
-  var handleDragLeave = (0, _utils.useEventCallback)(function (event) {
+  var handleDragLeave = (0, _hooks.useEventCallback)(function (event) {
     event.stopPropagation();
     onDragLeave === null || onDragLeave === void 0 ? void 0 : onDragLeave(nodeData, event);
   });
-  var handleDragEnd = (0, _utils.useEventCallback)(function (event) {
+  var handleDragEnd = (0, _hooks.useEventCallback)(function (event) {
     event.stopPropagation();
     onDragEnd === null || onDragEnd === void 0 ? void 0 : onDragEnd(nodeData, event);
   });
-  var handleDrop = (0, _utils.useEventCallback)(function (event) {
+  var handleDrop = (0, _hooks.useEventCallback)(function (event) {
     event.preventDefault();
     event.stopPropagation();
     onDrop === null || onDrop === void 0 ? void 0 : onDrop(nodeData, event);
@@ -105,8 +106,8 @@ var TreeNode = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     'text-muted': disabled,
     focus: focus
   }));
-  var treeItemRef = (0, _hooks.useFoucsVirtualListItem)(focus);
-  var styles = virtualized ? (0, _extends2.default)({}, style, (0, _utils3.indentTreeNode)(rtl, layer - 1)) : style;
+  var treeItemRef = (0, _hooks.useFocusVirtualListItem)(focus);
+  var styles = virtualized ? (0, _extends2.default)({}, style, (0, _utils2.indentTreeNode)(rtl, layer - 1)) : style;
   return visible ? /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({}, rest, {
     ref: (0, _utils.mergeRefs)(treeItemRef, ref),
     role: "treeitem",
@@ -143,5 +144,4 @@ var TreeNode = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }, renderTreeNode ? renderTreeNode(nodeData) : label)) : null;
 });
 TreeNode.displayName = 'TreeNode';
-var _default = TreeNode;
-exports.default = _default;
+var _default = exports.default = TreeNode;

package/cjs/Tree/TreeNodeToggle.d.ts

@@ -5,5 +5,5 @@ interface TreeNodeToggleProps extends React.HTMLAttributes<HTMLDivElement> {
     expanded?: boolean;
     hasChildren?: boolean;
 }
-declare function TreeNodeToggle(props: TreeNodeToggleProps): JSX.Element;
+declare function TreeNodeToggle(props: TreeNodeToggleProps): React.JSX.Element;
 export default TreeNodeToggle;

package/cjs/Tree/TreeNodeToggle.js

@@ -11,19 +11,20 @@ var _ArrowDown = _interopRequireDefault(require("@rsuite/icons/ArrowDown"));
 var _ArrowRight = _interopRequireDefault(require("@rsuite/icons/ArrowRight"));
 var _ArrowLeft = _interopRequireDefault(require("@rsuite/icons/ArrowLeft"));
 var _Spinner = _interopRequireDefault(require("@rsuite/icons/legacy/Spinner"));
-var _utils = require("../utils");
-var _TreeProvider = require("./TreeProvider");
+var _hooks = require("../internals/hooks");
+var _TreeProvider = require("../internals/Tree/TreeProvider");
+var _excluded = ["data", "loading", "expanded", "hasChildren"];
 function TreeNodeToggle(props) {
   var data = props.data,
     loading = props.loading,
     expanded = props.expanded,
     hasChildren = props.hasChildren,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["data", "loading", "expanded", "hasChildren"]);
-  var _useCustom = (0, _utils.useCustom)(),
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useCustom = (0, _hooks.useCustom)(),
     rtl = _useCustom.rtl;
   var _useTreeCustomRendere = (0, _TreeProvider.useTreeCustomRenderer)(),
     renderTreeIcon = _useTreeCustomRendere.renderTreeIcon;
-  var _useClassNames = (0, _utils.useClassNames)('tree-node'),
+  var _useClassNames = (0, _hooks.useClassNames)('tree-node'),
     prefix = _useClassNames.prefix;
   var IconElementType = expanded ? _ArrowDown.default : rtl ? _ArrowLeft.default : _ArrowRight.default;
   var icon = /*#__PURE__*/_react.default.createElement(IconElementType, {
@@ -52,5 +53,4 @@ function TreeNodeToggle(props) {
     className: prefix('toggle-placeholder')
   });
 }
-var _default = TreeNodeToggle;
-exports.default = _default;
+var _default = exports.default = TreeNodeToggle;

package/cjs/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/cjs/Tree/TreeView.js

@@ -1,7 +1,6 @@
 'use client';
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.default = void 0;
@@ -13,8 +12,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,13 +22,17 @@ 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");
+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"];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 /**
  * Props for the TreeViewInner component.
  */
 /**
  * Represents the props for the TreeView component.
  */
+
 var TreeView = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _props$as = props.as,
     Component = _props$as === void 0 ? 'div' : _props$as,
@@ -44,8 +47,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 +76,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, _excluded);
+  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 +171,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 +184,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 +201,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 +243,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 +281,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,10 +297,10 @@ 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));
 });
 TreeView.displayName = 'TreeView';
-var _default = TreeView;
-exports.default = _default;
+var _default = exports.default = TreeView;

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

@@ -3,13 +3,13 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.getDefaultExpandItemValues = getDefaultExpandItemValues;
 exports.default = void 0;
+exports.getDefaultExpandItemValues = getDefaultExpandItemValues;
 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,
@@ -73,5 +73,4 @@ function useExpandTree(data, props) {
     handleExpandTreeNode: handleExpandTreeNode
   };
 }
-var _default = useExpandTree;
-exports.default = _default;
+var _default = exports.default = useExpandTree;

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');
@@ -94,5 +94,4 @@ function useFlattenTree(data, options) {
   }, [value]);
   return flattenedNodes.current;
 }
-var _default = useFlattenTree;
-exports.default = _default;
+var _default = exports.default = useFlattenTree;

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) {
@@ -154,5 +154,4 @@ function useFocusTree(props) {
     onTreeKeydown: onTreeKeydown
   };
 }
-var _default = useFocusTree;
-exports.default = _default;
+var _default = exports.default = useFocusTree;

package/cjs/Tree/hooks/useForceUpdate.js

@@ -12,5 +12,4 @@ function useForceUpdate() {
   }, [dispatch]);
   return forceUpdate;
 }
-var _default = useForceUpdate;
-exports.default = _default;
+var _default = exports.default = useForceUpdate;

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;