rsuite 5.76.2 → 6.0.0-canary-20250103

package/cjs/Tree/TreeNodeToggle.js

@@ -5,7 +5,6 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 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 = _interopRequireDefault(require("react"));
 var _ArrowDown = _interopRequireDefault(require("@rsuite/icons/ArrowDown"));
 var _ArrowRight = _interopRequireDefault(require("@rsuite/icons/ArrowRight"));
@@ -14,21 +13,25 @@ var _Spinner = _interopRequireDefault(require("@rsuite/icons/Spinner"));
 var _hooks = require("../internals/hooks");
 var _TreeProvider = require("../internals/Tree/TreeProvider");
 var _CustomProvider = require("../CustomProvider");
-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, _excluded);
-  var _useCustom = (0, _CustomProvider.useCustom)(),
-    rtl = _useCustom.rtl;
-  var _useTreeCustomRendere = (0, _TreeProvider.useTreeCustomRenderer)(),
-    renderTreeIcon = _useTreeCustomRendere.renderTreeIcon;
-  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, {
+  const {
+    data,
+    loading,
+    expanded,
+    hasChildren,
+    ...rest
+  } = props;
+  const {
+    rtl
+  } = (0, _CustomProvider.useCustom)();
+  const {
+    renderTreeIcon
+  } = (0, _TreeProvider.useTreeCustomRenderer)();
+  const {
+    prefix
+  } = (0, _hooks.useClassNames)('tree-node');
+  const IconElementType = expanded ? _ArrowDown.default : rtl ? _ArrowLeft.default : _ArrowRight.default;
+  let icon = /*#__PURE__*/_react.default.createElement(IconElementType, {
     className: prefix('toggle-icon')
   });
   if (loading) {
@@ -39,7 +42,7 @@ function TreeNodeToggle(props) {
     }));
   }
   if (data !== undefined && typeof renderTreeIcon === 'function') {
-    var customIcon = renderTreeIcon(data, expanded);
+    const customIcon = renderTreeIcon(data, expanded);
     icon = customIcon !== null ? /*#__PURE__*/_react.default.createElement("div", {
       className: prefix('custom-icon')
     }, customIcon) : icon;

package/cjs/Tree/TreeView.js

@@ -5,14 +5,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 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 _isNil = _interopRequireDefault(require("lodash/isNil"));
 var _TreeNode = _interopRequireDefault(require("./TreeNode"));
 var _IndentLine = _interopRequireDefault(require("./IndentLine"));
-var _useTreeSearch2 = _interopRequireDefault(require("./hooks/useTreeSearch"));
-var _useTreeDrag2 = _interopRequireDefault(require("./hooks/useTreeDrag"));
-var _useFocusTree2 = _interopRequireDefault(require("./hooks/useFocusTree"));
+var _useTreeSearch = _interopRequireDefault(require("./hooks/useTreeSearch"));
+var _useTreeDrag = _interopRequireDefault(require("./hooks/useTreeDrag"));
+var _useFocusTree = _interopRequireDefault(require("./hooks/useFocusTree"));
 var _useVirtualizedTreeData = _interopRequireDefault(require("./hooks/useVirtualizedTreeData"));
 var _useTreeNodeProps = _interopRequireDefault(require("./hooks/useTreeNodeProps"));
 var _SearchBox = _interopRequireDefault(require("../internals/SearchBox"));
@@ -24,8 +23,7 @@ var _Picker = require("../internals/Picker");
 var _Tree = require("../internals/Tree");
 var _TreeProvider = require("../internals/Tree/TreeProvider");
 var _CustomProvider = require("../CustomProvider");
-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 _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (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.
@@ -34,240 +32,229 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
  * 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,
-    _props$data = props.data,
-    data = _props$data === void 0 ? [] : _props$data,
-    style = props.style,
-    showIndentLine = props.showIndentLine,
-    valueProp = props.value,
-    overrideLocale = props.locale,
-    _props$height = props.height,
-    height = _props$height === void 0 ? 360 : _props$height,
-    className = props.className,
-    _props$searchable = props.searchable,
-    searchable = _props$searchable === void 0 ? false : _props$searchable,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'tree' : _props$classPrefix,
-    searchKeyword = props.searchKeyword,
-    searchBy = props.searchBy,
-    draggable = props.draggable,
-    _props$disabledItemVa = props.disabledItemValues,
-    disabledItemValues = _props$disabledItemVa === void 0 ? [] : _props$disabledItemVa,
-    _props$loadingNodeVal = props.loadingNodeValues,
-    loadingNodeValues = _props$loadingNodeVal === void 0 ? [] : _props$loadingNodeVal,
-    _props$flattenedNodes = props.flattenedNodes,
-    flattenedNodes = _props$flattenedNodes === void 0 ? {} : _props$flattenedNodes,
-    listProps = props.listProps,
-    listRef = props.listRef,
-    searchInputRef = props.searchInputRef,
-    _props$expandItemValu = props.expandItemValues,
-    expandItemValues = _props$expandItemValu === void 0 ? [] : _props$expandItemValu,
-    onSearch = props.onSearch,
-    onSelect = props.onSelect,
-    onSelectItem = props.onSelectItem,
-    onChange = props.onChange,
-    onDragEnd = props.onDragEnd,
-    onDragStart = props.onDragStart,
-    onDragEnter = props.onDragEnter,
-    onDragLeave = props.onDragLeave,
-    onDragOver = props.onDragOver,
-    onDrop = props.onDrop,
-    onExpand = props.onExpand,
-    onFocusItem = props.onFocusItem,
-    onScroll = props.onScroll,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var _useCustom = (0, _CustomProvider.useCustom)(),
-    getLocale = _useCustom.getLocale;
-  var _getLocale = getLocale('Combobox', overrideLocale),
-    searchPlaceholder = _getLocale.searchPlaceholder,
-    noResultsText = _getLocale.noResultsText;
-  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, _hooks.useEventCallback)(function (value, _data, event) {
+const TreeView = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    as: Component = 'div',
+    data = [],
+    style,
+    showIndentLine,
+    value: valueProp,
+    locale: overrideLocale,
+    height = 360,
+    className,
+    searchable = false,
+    classPrefix = 'tree',
+    searchKeyword,
+    searchBy,
+    draggable,
+    disabledItemValues = [],
+    loadingNodeValues = [],
+    flattenedNodes = {},
+    listProps,
+    listRef,
+    searchInputRef,
+    expandItemValues = [],
+    onSearch,
+    onSelect,
+    onSelectItem,
+    onChange,
+    onDragEnd,
+    onDragStart,
+    onDragEnter,
+    onDragLeave,
+    onDragOver,
+    onDrop,
+    onExpand,
+    onFocusItem,
+    onScroll,
+    ...rest
+  } = props;
+  const {
+    getLocale
+  } = (0, _CustomProvider.useCustom)();
+  const {
+    searchPlaceholder,
+    noResultsText
+  } = getLocale('Combobox', overrideLocale);
+  const {
+    valueKey,
+    childrenKey,
+    scrollShadow,
+    virtualized
+  } = (0, _TreeProvider.useTreeContextProps)();
+  const {
+    prefix,
+    merge,
+    withClassPrefix
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const handleSearchCallback = (0, _hooks.useEventCallback)((value, _data, event) => {
     onSearch === null || onSearch === void 0 || onSearch(value, event);
   });
-  var _useTreeSearch = (0, _useTreeSearch2.default)({
-      callback: handleSearchCallback,
-      searchKeyword: searchKeyword,
-      data: data,
-      searchBy: searchBy
-    }),
-    filteredData = _useTreeSearch.filteredData,
-    keyword = _useTreeSearch.keyword,
-    setFilteredData = _useTreeSearch.setFilteredData,
-    handleSearch = _useTreeSearch.handleSearch;
-  var transformation = (0, _useVirtualizedTreeData.default)(flattenedNodes, filteredData, {
-    expandItemValues: expandItemValues,
+  const {
+    filteredData,
+    keyword,
+    setFilteredData,
+    handleSearch
+  } = (0, _useTreeSearch.default)({
+    callback: handleSearchCallback,
+    searchKeyword,
+    data,
+    searchBy
+  });
+  const transformation = (0, _useVirtualizedTreeData.default)(flattenedNodes, filteredData, {
+    expandItemValues,
     searchKeyword: keyword
   });
-  var getFormattedNodes = function getFormattedNodes(render) {
+  const getFormattedNodes = render => {
     if (virtualized) {
-      return transformation().filter(function (n) {
-        return n.visible;
-      });
+      return transformation().filter(n => n.visible);
     }
-    return filteredData.map(function (dataItem, index) {
-      return render === null || render === void 0 ? void 0 : render(dataItem, index, 1);
-    }).filter(function (n) {
-      return n;
-    });
+    return filteredData.map((dataItem, index) => render === null || render === void 0 ? void 0 : render(dataItem, index, 1)).filter(n => n);
   };
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     setFilteredData(data, keyword);
   }, [data, keyword, setFilteredData]);
 
   // TODO-Doma
   // Replace `getKeyParentMap` with `getParentMap`
-  var itemParentMap = (0, _react.useMemo)(function () {
-    return (0, _utils.getKeyParentMap)(data, function (node) {
-      return node[valueKey];
-    }, function (node) {
-      return node[childrenKey];
-    });
-  }, [childrenKey, data, valueKey]);
-  var _useFocusTree = (0, _useFocusTree2.default)({
-      filteredData: filteredData,
-      disabledItemValues: disabledItemValues,
-      expandItemValues: expandItemValues,
-      searchKeyword: keyword,
-      flattenedNodes: flattenedNodes,
-      onFocused: onFocusItem,
-      onExpand: onExpand
-    }),
-    focusItemValue = _useFocusTree.focusItemValue,
-    setFocusItemValue = _useFocusTree.setFocusItemValue,
-    onTreeKeydown = _useFocusTree.onTreeKeydown,
-    treeNodesRefs = _useFocusTree.treeNodesRefs,
-    saveTreeNodeRef = _useFocusTree.saveTreeNodeRef,
-    treeViewRef = _useFocusTree.treeViewRef;
-  var _useTreeDrag = (0, _useTreeDrag2.default)({
-      flattenedNodes: flattenedNodes,
-      treeNodesRefs: treeNodesRefs,
-      draggable: draggable,
-      onDragStart: onDragStart,
-      onDragEnter: onDragEnter,
-      onDragOver: onDragOver,
-      onDragLeave: onDragLeave,
-      onDragEnd: onDragEnd,
-      onDrop: onDrop,
-      prefix: prefix
-    }),
-    dragNode = _useTreeDrag.dragNode,
-    dragOverNodeKey = _useTreeDrag.dragOverNodeKey,
-    dropNodePosition = _useTreeDrag.dropNodePosition,
-    dragEvents = _useTreeDrag.dragEvents;
-  var getTreeNodeProps = (0, _useTreeNodeProps.default)({
+  const itemParentMap = (0, _react.useMemo)(() => (0, _utils.getKeyParentMap)(data, node => node[valueKey], node => node[childrenKey]), [childrenKey, data, valueKey]);
+  const {
+    focusItemValue,
+    setFocusItemValue,
+    onTreeKeydown,
+    treeNodesRefs,
+    saveTreeNodeRef,
+    treeViewRef
+  } = (0, _useFocusTree.default)({
+    filteredData,
+    disabledItemValues,
+    expandItemValues,
+    searchKeyword: keyword,
+    flattenedNodes,
+    onFocused: onFocusItem,
+    onExpand
+  });
+  const {
+    dragNode,
+    dragOverNodeKey,
+    dropNodePosition,
+    dragEvents
+  } = (0, _useTreeDrag.default)({
+    flattenedNodes,
+    treeNodesRefs,
+    draggable,
+    onDragStart,
+    onDragEnter,
+    onDragOver,
+    onDragLeave,
+    onDragEnd,
+    onDrop,
+    prefix
+  });
+  const getTreeNodeProps = (0, _useTreeNodeProps.default)({
     value: valueProp,
-    disabledItemValues: disabledItemValues,
-    loadingNodeValues: loadingNodeValues,
-    focusItemValue: focusItemValue,
-    keyword: keyword,
-    dragNode: dragNode,
-    dragOverNodeKey: dragOverNodeKey,
-    dropNodePosition: dropNodePosition
+    disabledItemValues,
+    loadingNodeValues,
+    focusItemValue,
+    keyword,
+    dragNode,
+    dragOverNodeKey,
+    dropNodePosition
   });
-  var handleSelect = (0, _hooks.useEventCallback)(function (nodeData, event) {
+  const handleSelect = (0, _hooks.useEventCallback)((nodeData, event) => {
     if (!nodeData) {
       return;
     }
-    var nextValue = nodeData[valueKey];
-    var path = (0, _utils.getPathTowardsItem)(nodeData, function (item) {
-      return itemParentMap.get(item[valueKey]);
-    });
+    const nextValue = nodeData[valueKey];
+    const path = (0, _utils.getPathTowardsItem)(nodeData, item => itemParentMap.get(item[valueKey]));
     setFocusItemValue(nextValue);
     onChange === null || onChange === void 0 || onChange(nextValue, event);
     onSelect === null || onSelect === void 0 || onSelect(nodeData, nextValue, event);
     onSelectItem === null || onSelectItem === void 0 || onSelectItem(nodeData, path);
   });
-  var selectActiveItem = (0, _hooks.useEventCallback)(function (event) {
+  const selectActiveItem = (0, _hooks.useEventCallback)(event => {
     if ((0, _isNil.default)(focusItemValue)) return;
-    var activeItem = (0, _utils2.getActiveItem)(focusItemValue, flattenedNodes, valueKey);
+    const activeItem = (0, _utils2.getActiveItem)(focusItemValue, flattenedNodes, valueKey);
     handleSelect(activeItem, event);
   });
-  var handleTreeKeyDown = (0, _hooks.useEventCallback)(function (event) {
+  const handleTreeKeyDown = (0, _hooks.useEventCallback)(event => {
     onTreeKeydown(event);
     (0, _Picker.onMenuKeyDown)(event, {
       enter: selectActiveItem
     });
   });
-  var _renderNode = function renderNode(node, index, layer) {
-    var visible = node.visible;
+  const renderNode = (node, index, layer) => {
+    const {
+      visible
+    } = node;
     if (!visible) {
       return null;
     }
-    var children = node[childrenKey];
-    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,
-      onExpand: onExpand,
+    const children = node[childrenKey];
+    const expanded = (0, _utils2.isExpand)(keyword, expandItemValues.includes(node[valueKey]));
+    const hasChildren = keyword ? (0, _utils2.hasVisibleChildren)(node, childrenKey) : Boolean(children);
+    const nodeProps = {
+      ...getTreeNodeProps(node, layer, index),
+      ...dragEvents,
+      expanded,
+      draggable,
+      onExpand,
       onSelect: handleSelect,
-      hasChildren: hasChildren
-    });
+      hasChildren
+    };
     if (hasChildren) {
-      var _merge;
       layer += 1;
-      var childClassName = merge(prefix('node-children'), (_merge = {}, _merge[prefix('node-expanded')] = expanded, _merge));
+      const childClassName = merge(prefix('node-children'), {
+        [prefix('node-expanded')]: expanded
+      });
       return /*#__PURE__*/_react.default.createElement("div", {
         className: childClassName,
         key: node[valueKey]
       }, /*#__PURE__*/_react.default.createElement(_TreeNode.default, (0, _extends2.default)({}, nodeProps, {
-        ref: function ref(_ref) {
-          return saveTreeNodeRef(_ref, node.refKey);
-        }
+        ref: ref => saveTreeNodeRef(ref, node.refKey)
       })), /*#__PURE__*/_react.default.createElement("div", {
         className: prefix('group'),
         role: "group"
-      }, children === null || children === void 0 ? void 0 : children.map(function (child, i) {
-        return _renderNode(child, i, layer);
-      }), showIndentLine && /*#__PURE__*/_react.default.createElement(_IndentLine.default, null)));
+      }, children === null || children === void 0 ? void 0 : children.map((child, i) => renderNode(child, i, layer)), showIndentLine && /*#__PURE__*/_react.default.createElement(_IndentLine.default, null)));
     }
     return /*#__PURE__*/_react.default.createElement(_TreeNode.default, (0, _extends2.default)({
-      ref: function ref(_ref2) {
-        return saveTreeNodeRef(_ref2, node.refKey);
-      },
+      ref: ref => saveTreeNodeRef(ref, node.refKey),
       key: node[valueKey]
     }, nodeProps));
   };
-  var renderVirtualListNode = function renderVirtualListNode(_ref3) {
-    var index = _ref3.index,
-      style = _ref3.style,
-      data = _ref3.data;
-    var node = data[index];
-    var layer = node.layer,
-      visible = node.visible,
-      hasChildren = node.hasChildren;
-    var expanded = (0, _utils2.isExpand)(keyword, expandItemValues.includes(node[valueKey]));
+  const renderVirtualListNode = _ref => {
+    let {
+      index,
+      style,
+      data
+    } = _ref;
+    const node = data[index];
+    const {
+      layer,
+      visible,
+      hasChildren
+    } = node;
+    const expanded = (0, _utils2.isExpand)(keyword, expandItemValues.includes(node[valueKey]));
     if (!visible) {
       return null;
     }
-    var treeNodeProps = (0, _extends2.default)({}, getTreeNodeProps(node, layer), dragEvents, {
-      expanded: expanded,
-      style: style,
-      onExpand: onExpand,
+    const treeNodeProps = {
+      ...getTreeNodeProps(node, layer),
+      ...dragEvents,
+      expanded,
+      style,
+      onExpand,
       onSelect: handleSelect,
-      hasChildren: hasChildren
-    });
+      hasChildren
+    };
     return visible && /*#__PURE__*/_react.default.createElement(_TreeNode.default, (0, _extends2.default)({
-      ref: function ref(_ref4) {
-        return saveTreeNodeRef(_ref4, node.refKey);
-      }
+      ref: ref => saveTreeNodeRef(ref, node.refKey)
     }, treeNodeProps));
   };
-  var classes = merge(withClassPrefix({
-    virtualized: virtualized
+  const classes = merge(withClassPrefix({
+    virtualized
   }), className);
-  var formattedNodes = getFormattedNodes(_renderNode);
+  const formattedNodes = getFormattedNodes(renderNode);
   return /*#__PURE__*/_react.default.createElement(Component, {
     ref: ref,
     className: classes,
@@ -293,8 +280,10 @@ var TreeView = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       height: 'auto'
     },
     className: prefix('virt-auto-sizer')
-  }, function (_ref5) {
-    var height = _ref5.height;
+  }, _ref2 => {
+    let {
+      height
+    } = _ref2;
     return /*#__PURE__*/_react.default.createElement(_Windowing.List, (0, _extends2.default)({
       ref: listRef,
       height: height,

package/cjs/Tree/hooks/useExpandTree.js

@@ -11,19 +11,14 @@ var _hooks = require("../../internals/hooks");
 var _Picker = require("../../internals/Picker");
 var _utils = require("../utils");
 function getDefaultExpandItemValues(data, options) {
-  var valueKey = options.valueKey,
-    defaultExpandAll = options.defaultExpandAll,
-    childrenKey = options.childrenKey,
-    _options$defaultExpan = options.defaultExpandItemValues,
-    defaultExpandItemValues = _options$defaultExpan === void 0 ? [] : _options$defaultExpan;
+  const {
+    valueKey,
+    defaultExpandAll,
+    childrenKey,
+    defaultExpandItemValues = []
+  } = options;
   if (defaultExpandAll) {
-    return (0, _utils.flattenTree)(data, function (item) {
-      return item[childrenKey] || [];
-    }).filter(function (item) {
-      return Array.isArray(item[childrenKey]) && item[childrenKey].length > 0;
-    }).map(function (item) {
-      return item[valueKey];
-    });
+    return (0, _utils.flattenTree)(data, item => item[childrenKey] || []).filter(item => Array.isArray(item[childrenKey]) && item[childrenKey].length > 0).map(item => item[valueKey]);
   }
   return defaultExpandItemValues;
 }
@@ -31,46 +26,46 @@ function getDefaultExpandItemValues(data, options) {
  * Custom hook for managing tree expansion state.
  */
 function useExpandTree(data, props) {
-  var defaultExpandAll = props.defaultExpandAll,
-    valueKey = props.valueKey,
-    childrenKey = props.childrenKey,
-    defaultExpandItemValues = props.defaultExpandItemValues,
-    controlledExpandItemValues = props.controlledExpandItemValues,
-    onExpand = props.onExpand,
-    getChildren = props.getChildren,
-    appendChild = props.appendChild;
-  var _useControlled = (0, _hooks.useControlled)(controlledExpandItemValues, getDefaultExpandItemValues(data, {
-      defaultExpandAll: defaultExpandAll,
-      valueKey: valueKey,
-      childrenKey: childrenKey,
-      defaultExpandItemValues: defaultExpandItemValues
-    })),
-    expandItemValues = _useControlled[0],
-    setExpandItemValues = _useControlled[1];
-  (0, _react.useEffect)(function () {
+  const {
+    defaultExpandAll,
+    valueKey,
+    childrenKey,
+    defaultExpandItemValues,
+    controlledExpandItemValues,
+    onExpand,
+    getChildren,
+    appendChild
+  } = props;
+  const [expandItemValues, setExpandItemValues] = (0, _hooks.useControlled)(controlledExpandItemValues, getDefaultExpandItemValues(data, {
+    defaultExpandAll,
+    valueKey,
+    childrenKey,
+    defaultExpandItemValues
+  }));
+  (0, _react.useEffect)(() => {
     if (Array.isArray(controlledExpandItemValues)) {
       setExpandItemValues(controlledExpandItemValues);
     }
   }, [controlledExpandItemValues, setExpandItemValues]);
-  var handleExpandTreeNode = (0, _hooks.useEventCallback)(function (node, expanded) {
-    var nextExpandItemValues = (0, _utils.getExpandItemValues)({
-      node: node,
+  const handleExpandTreeNode = (0, _hooks.useEventCallback)((node, expanded) => {
+    const nextExpandItemValues = (0, _utils.getExpandItemValues)({
+      node,
       isExpand: !expanded,
-      expandItemValues: expandItemValues,
-      valueKey: valueKey
+      expandItemValues,
+      valueKey
     });
     setExpandItemValues(nextExpandItemValues);
     onExpand === null || onExpand === void 0 || onExpand(nextExpandItemValues, node, (0, _Picker.createConcatChildrenFunction)(node, node[valueKey], {
-      valueKey: valueKey,
-      childrenKey: childrenKey
+      valueKey,
+      childrenKey
     }));
     if ((0, _isFunction.default)(getChildren) && !node.expand && Array.isArray(node[childrenKey]) && node[childrenKey].length === 0) {
       appendChild(node, getChildren);
     }
   });
   return {
-    expandItemValues: expandItemValues,
-    handleExpandTreeNode: handleExpandTreeNode
+    expandItemValues,
+    handleExpandTreeNode
   };
 }
 var _default = exports.default = useExpandTree;