rsuite 5.75.0 → 6.0.0-canary-20241227

package/cjs/MultiCascadeTree/TreeView.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 _Spinner = _interopRequireDefault(require("@rsuite/icons/Spinner"));
 var _ArrowLeftLine = _interopRequireDefault(require("@rsuite/icons/ArrowLeftLine"));
@@ -15,54 +14,47 @@ var _utils = require("../internals/utils");
 var _Picker = require("../internals/Picker");
 var _utils2 = require("./utils");
 var _CustomProvider = require("../CustomProvider");
-var _excluded = ["as", "classPrefix", "className", "cascade", "cascadeData", "cascadePaths", "childrenKey", "disabledItemValues", "columnWidth", "columnHeight", "uncheckableItemValues", "value", "valueKey", "labelKey", "style", "renderTreeNode", "renderColumn", "onCheck", "onSelect"];
-var emptyArray = [];
-var TreeView = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
-  var _props$as = props.as,
-    Component = _props$as === void 0 ? 'div' : _props$as,
-    _props$classPrefix = props.classPrefix,
-    classPrefix = _props$classPrefix === void 0 ? 'tree' : _props$classPrefix,
-    className = props.className,
-    cascade = props.cascade,
-    _props$cascadeData = props.cascadeData,
-    cascadeData = _props$cascadeData === void 0 ? emptyArray : _props$cascadeData,
-    _props$cascadePaths = props.cascadePaths,
-    cascadePaths = _props$cascadePaths === void 0 ? emptyArray : _props$cascadePaths,
-    _props$childrenKey = props.childrenKey,
-    childrenKey = _props$childrenKey === void 0 ? 'children' : _props$childrenKey,
-    _props$disabledItemVa = props.disabledItemValues,
-    disabledItemValues = _props$disabledItemVa === void 0 ? emptyArray : _props$disabledItemVa,
-    _props$columnWidth = props.columnWidth,
-    columnWidth = _props$columnWidth === void 0 ? 156 : _props$columnWidth,
-    _props$columnHeight = props.columnHeight,
-    columnHeight = _props$columnHeight === void 0 ? 200 : _props$columnHeight,
-    _props$uncheckableIte = props.uncheckableItemValues,
-    uncheckableItemValues = _props$uncheckableIte === void 0 ? emptyArray : _props$uncheckableIte,
-    value = props.value,
-    _props$valueKey = props.valueKey,
-    valueKey = _props$valueKey === void 0 ? 'value' : _props$valueKey,
-    _props$labelKey = props.labelKey,
-    labelKey = _props$labelKey === void 0 ? 'label' : _props$labelKey,
-    style = props.style,
-    renderTreeNode = props.renderTreeNode,
-    renderColumn = props.renderColumn,
-    _onCheck = props.onCheck,
-    onSelect = props.onSelect,
-    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
-    merge = _useClassNames.merge,
-    prefix = _useClassNames.prefix;
-  var classes = merge(className, prefix('items'));
-  var _useCustom = (0, _CustomProvider.useCustom)(),
-    rtl = _useCustom.rtl;
-  var _useCombobox = (0, _Picker.useCombobox)(),
-    id = _useCombobox.id,
-    labelId = _useCombobox.labelId,
-    popupType = _useCombobox.popupType,
-    multiple = _useCombobox.multiple;
-  var getCascadePaths = function getCascadePaths(layer, node) {
-    var paths = [];
-    for (var i = 0; i < cascadeData.length && i < layer; i += 1) {
+const emptyArray = [];
+const TreeView = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    as: Component = 'div',
+    classPrefix = 'tree',
+    className,
+    cascade,
+    cascadeData = emptyArray,
+    cascadePaths = emptyArray,
+    childrenKey = 'children',
+    disabledItemValues = emptyArray,
+    columnWidth = 156,
+    columnHeight = 200,
+    uncheckableItemValues = emptyArray,
+    value,
+    valueKey = 'value',
+    labelKey = 'label',
+    style,
+    renderTreeNode,
+    renderColumn,
+    onCheck,
+    onSelect,
+    ...rest
+  } = props;
+  const {
+    merge,
+    prefix
+  } = (0, _hooks.useClassNames)(classPrefix);
+  const classes = merge(className, prefix('items'));
+  const {
+    rtl
+  } = (0, _CustomProvider.useCustom)();
+  const {
+    id,
+    labelId,
+    popupType,
+    multiple
+  } = (0, _Picker.useCombobox)();
+  const getCascadePaths = (layer, node) => {
+    const paths = [];
+    for (let i = 0; i < cascadeData.length && i < layer; i += 1) {
       if (i < layer - 1 && cascadePaths) {
         paths.push(cascadePaths[i]);
       }
@@ -70,33 +62,31 @@ var TreeView = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     paths.push(node);
     return paths;
   };
-  var handleSelect = (0, _hooks.useEventCallback)(function (layer, node, event) {
-    var cascadePaths = getCascadePaths(layer + 1, node);
+  const handleSelect = (0, _hooks.useEventCallback)((layer, node, event) => {
+    const cascadePaths = getCascadePaths(layer + 1, node);
     onSelect === null || onSelect === void 0 || onSelect(node, cascadePaths, event);
   });
-  var renderCascadeNode = function renderCascadeNode(nodeProps) {
-    var node = nodeProps.node,
-      index = nodeProps.index,
-      layer = nodeProps.layer,
-      focus = nodeProps.focus,
-      uncheckable = nodeProps.uncheckable,
-      size = nodeProps.size;
-    var children = node[childrenKey];
-    var nodeValue = node[valueKey];
-    var label = node[labelKey];
-    var disabled = disabledItemValues.some(function (disabledValue) {
-      return (0, _utils.shallowEqual)(disabledValue, nodeValue);
-    });
+  const renderCascadeNode = nodeProps => {
+    const {
+      node,
+      index,
+      layer,
+      focus,
+      uncheckable,
+      size
+    } = nodeProps;
+    const children = node[childrenKey];
+    const nodeValue = node[valueKey];
+    const label = node[labelKey];
+    const disabled = disabledItemValues.some(disabledValue => (0, _utils.shallowEqual)(disabledValue, nodeValue));
 
     // Use `value` in keys when If `value` is string or number
-    var onlyKey = typeof value === 'number' || typeof value === 'string' ? value : index;
-    var Icon = node.loading ? _Spinner.default : rtl ? _ArrowLeftLine.default : _ArrowRightLine.default;
-    var active = value.some(function (v) {
-      return v === nodeValue;
-    });
+    const onlyKey = typeof value === 'number' || typeof value === 'string' ? value : index;
+    const Icon = node.loading ? _Spinner.default : rtl ? _ArrowLeftLine.default : _ArrowRightLine.default;
+    let active = value.some(v => v === nodeValue);
     if (cascade) {
       active = active || (0, _utils2.isSomeParentChecked)(node, value, {
-        valueKey: valueKey
+        valueKey
       });
     }
     return /*#__PURE__*/_react.default.createElement(_Picker.ListCheckItem, {
@@ -106,7 +96,7 @@ var TreeView = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       "aria-setsize": size,
       "aria-posinset": index + 1,
       "aria-label": typeof label === 'string' ? label : undefined,
-      key: layer + "-" + onlyKey,
+      key: `${layer}-${onlyKey}`,
       disabled: disabled,
       active: active,
       focus: focus
@@ -115,15 +105,11 @@ var TreeView = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       value: nodeValue,
       className: children ? prefix('has-children') : undefined,
       indeterminate: cascade && !active && (0, _utils2.isSomeChildChecked)(node, value, {
-        valueKey: valueKey,
-        childrenKey: childrenKey
+        valueKey,
+        childrenKey
       }),
-      onSelectItem: function onSelectItem(_value, event) {
-        return handleSelect(layer, node, event);
-      },
-      onCheck: function onCheck(_value, event, checked) {
-        return _onCheck === null || _onCheck === void 0 ? void 0 : _onCheck(node, event, checked);
-      },
+      onSelectItem: (_value, event) => handleSelect(layer, node, event),
+      onCheck: (_value, event, checked) => onCheck === null || onCheck === void 0 ? void 0 : onCheck(node, event, checked),
       checkable: !uncheckable,
       labelClickable: false
     }, renderTreeNode ? renderTreeNode(label, node) : label, children ? /*#__PURE__*/_react.default.createElement(Icon, {
@@ -131,32 +117,30 @@ var TreeView = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       spin: node.loading
     }) : null);
   };
-  var columnStyles = {
+  const columnStyles = {
     height: columnHeight,
     width: columnWidth
   };
-  var cascadeNodes = cascadeData.map(function (children, layer) {
-    var uncheckableCount = 0;
-    var onlyKey = layer + "_" + children.length;
-    var childNodes = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children.map(function (item, index) {
-      var uncheckable = uncheckableItemValues.some(function (uncheckableValue) {
-        return (0, _utils.shallowEqual)(uncheckableValue, item[valueKey]);
-      });
+  const cascadeNodes = cascadeData.map((children, layer) => {
+    let uncheckableCount = 0;
+    const onlyKey = `${layer}_${children.length}`;
+    const childNodes = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children.map((item, index) => {
+      const uncheckable = uncheckableItemValues.some(uncheckableValue => (0, _utils.shallowEqual)(uncheckableValue, item[valueKey]));
       if (uncheckable) {
         uncheckableCount++;
       }
-      var focus = cascadePaths[layer] && (0, _utils.shallowEqual)(cascadePaths[layer][valueKey], item[valueKey]);
+      const focus = cascadePaths[layer] && (0, _utils.shallowEqual)(cascadePaths[layer][valueKey], item[valueKey]);
       return renderCascadeNode({
         node: item,
-        index: index,
-        layer: layer,
-        focus: focus,
-        uncheckable: uncheckable,
+        index,
+        layer,
+        focus,
+        uncheckable,
         size: children.length
       });
     }));
-    var parentItem = cascadePaths[layer - 1];
-    var columnClasses = prefix('column', {
+    const parentItem = cascadePaths[layer - 1];
+    const columnClasses = prefix('column', {
       'column-uncheckable': uncheckableCount === children.length
     });
     return /*#__PURE__*/_react.default.createElement("ul", {
@@ -167,16 +151,17 @@ var TreeView = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       style: columnStyles
     }, renderColumn ? renderColumn(childNodes, {
       items: children,
-      parentItem: parentItem,
-      layer: layer
+      parentItem,
+      layer
     }) : childNodes);
   });
-  var styles = (0, _extends2.default)({}, style, {
+  const styles = {
+    ...style,
     width: cascadeData.length * columnWidth
-  });
+  };
   return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
     role: "tree",
-    id: id ? id + "-" + popupType : undefined,
+    id: id ? `${id}-${popupType}` : undefined,
     "aria-labelledby": labelId,
     "aria-multiselectable": multiple
   }, rest, {

package/cjs/MultiCascadeTree/hooks/useCascadeValue.js

@@ -13,13 +13,13 @@ var _utils = require("../utils");
  * Get all parents of a node
  * @param node
  */
-var _getParents = function getParents(node) {
-  var parents = [];
+const getParents = node => {
+  let parents = [];
   if (!node.parent) {
     return parents;
   }
   parents.push(node.parent);
-  parents = parents.concat(_getParents(node.parent));
+  parents = parents.concat(getParents(node.parent));
   return parents;
 };
 
@@ -29,150 +29,122 @@ var _getParents = function getParents(node) {
  * @param flattenData
  */
 function useCascadeValue(props, flattenData) {
-  var valueKey = props.valueKey,
-    childrenKey = props.childrenKey,
-    uncheckableItemValues = props.uncheckableItemValues,
-    cascade = props.cascade,
-    valueProp = props.value,
-    onChange = props.onChange,
-    onCheck = props.onCheck;
+  const {
+    valueKey,
+    childrenKey,
+    uncheckableItemValues,
+    cascade,
+    value: valueProp,
+    onChange,
+    onCheck
+  } = props;
 
   /**
    * Get the values of all children
    */
-  var getChildrenValue = (0, _react.useCallback)(function (item) {
-    var values = [];
+  const getChildrenValue = (0, _react.useCallback)(item => {
+    let values = [];
     if (!item[childrenKey]) {
       return values;
     }
-    item[childrenKey].forEach(function (n) {
-      if (uncheckableItemValues && !uncheckableItemValues.some(function (v) {
-        return v === n[valueKey];
-      })) {
+    item[childrenKey].forEach(n => {
+      if (uncheckableItemValues && !uncheckableItemValues.some(v => v === n[valueKey])) {
         values.push(n[valueKey]);
       }
       values = values.concat(getChildrenValue(n));
     });
     return values;
   }, [childrenKey, uncheckableItemValues, valueKey]);
-  var splitValue = (0, _react.useCallback)(function (item, checked, value) {
-    var itemValue = item[valueKey];
-    var childrenValue = getChildrenValue(item);
-    var parents = _getParents(item);
-    var nextValue = [].concat(value);
-    var removedValue = [];
+  const splitValue = (0, _react.useCallback)((item, checked, value) => {
+    const itemValue = item[valueKey];
+    const childrenValue = getChildrenValue(item);
+    const parents = getParents(item);
+    let nextValue = [...value];
+    let removedValue = [];
     if (checked) {
       nextValue.push(itemValue);
 
       // Delete all values under the current node
       removedValue = removedValue.concat((0, _utils.removeAllChildrenValue)(nextValue, item, {
-        valueKey: valueKey,
-        childrenKey: childrenKey
+        valueKey,
+        childrenKey
       }) || []);
 
       // Traverse all ancestor nodes of the current node
       // Then determine whether all the child nodes of these nodes are selected, and then they themselves must be selected
-      var _loop = function _loop(i) {
+      for (let i = 0; i < parents.length; i++) {
         // Whether the parent node can be selected
-        var isCheckableParent = !(uncheckableItemValues !== null && uncheckableItemValues !== void 0 && uncheckableItemValues.some(function (v) {
-          return v === parents[i][valueKey];
-        }));
+        const isCheckableParent = !(uncheckableItemValues !== null && uncheckableItemValues !== void 0 && uncheckableItemValues.some(v => v === parents[i][valueKey]));
         if (isCheckableParent) {
-          var isCheckAll = parents[i][childrenKey]
+          const isCheckAll = parents[i][childrenKey]
           // Filter out options that are marked as not selectable
-          .filter(function (n) {
-            return !(uncheckableItemValues !== null && uncheckableItemValues !== void 0 && uncheckableItemValues.some(function (v) {
-              return v === n[valueKey];
-            }));
-          })
+          .filter(n => !(uncheckableItemValues !== null && uncheckableItemValues !== void 0 && uncheckableItemValues.some(v => v === n[valueKey])))
           // Check if all nodes are selected
-          .every(function (n) {
-            return nextValue.some(function (v) {
-              return v === n[valueKey];
-            });
-          });
+          .every(n => nextValue.some(v => v === n[valueKey]));
           if (isCheckAll) {
             // Add parent node value
             nextValue.push(parents[i][valueKey]);
 
             // Delete all values under the parent node
             removedValue = removedValue.concat((0, _utils.removeAllChildrenValue)(nextValue, parents[i], {
-              valueKey: valueKey,
-              childrenKey: childrenKey
+              valueKey,
+              childrenKey
             }) || []);
           }
         }
-      };
-      for (var i = 0; i < parents.length; i++) {
-        _loop(i);
       }
     } else {
-      var tempValue = childrenValue.concat(parents.map(function (item) {
-        return item[valueKey];
-      }));
+      const tempValue = childrenValue.concat(parents.map(item => item[valueKey]));
       nextValue = nextValue.concat((0, _utils.getOtherItemValuesByUnselectChild)(item, nextValue, {
-        valueKey: valueKey,
-        childrenKey: childrenKey
+        valueKey,
+        childrenKey
       }));
 
       // Delete related child and parent nodes
-      removedValue = (0, _remove.default)(nextValue, function (v) {
+      removedValue = (0, _remove.default)(nextValue, v => {
         // Delete yourself
         if (v === itemValue) {
           return true;
         }
-        return tempValue.some(function (n) {
-          return n === v;
-        });
+        return tempValue.some(n => n === v);
       });
     }
-    var uniqValue = (0, _uniq.default)(nextValue);
-    var uniqRemovedValue = (0, _uniq.default)(removedValue);
+    const uniqValue = (0, _uniq.default)(nextValue);
+    const uniqRemovedValue = (0, _uniq.default)(removedValue);
     return {
       value: uniqValue,
       removedValue: uniqRemovedValue
     };
   }, [valueKey, childrenKey, uncheckableItemValues, getChildrenValue]);
-  var transformValue = (0, _react.useCallback)(function (value) {
+  const transformValue = (0, _react.useCallback)(function (value) {
     if (value === void 0) {
       value = [];
     }
     if (!cascade) {
       return value;
     }
-    var tempRemovedValue = [];
-    var nextValue = [];
-    var _loop2 = function _loop2(i) {
-        // If the value in the current value is already in the deleted list, it will not be processed
-        if (tempRemovedValue.some(function (v) {
-          return v === value[i];
-        })) {
-          return 0; // continue
-        }
-        var item = flattenData.find(function (v) {
-          return v[valueKey] === value[i];
-        });
-        if (!item) {
-          return 0; // continue
-        }
-        var sv = splitValue(item, true, value);
-        tempRemovedValue = (0, _uniq.default)(tempRemovedValue.concat(sv.removedValue));
+    let tempRemovedValue = [];
+    let nextValue = [];
+    for (let i = 0; i < value.length; i++) {
+      // If the value in the current value is already in the deleted list, it will not be processed
+      if (tempRemovedValue.some(v => v === value[i])) {
+        continue;
+      }
+      const item = flattenData.find(v => v[valueKey] === value[i]);
+      if (!item) {
+        continue;
+      }
+      const sv = splitValue(item, true, value);
+      tempRemovedValue = (0, _uniq.default)(tempRemovedValue.concat(sv.removedValue));
 
-        // Get all relevant values
-        nextValue = (0, _uniq.default)(nextValue.concat(sv.value));
-      },
-      _ret;
-    for (var i = 0; i < value.length; i++) {
-      _ret = _loop2(i);
-      if (_ret === 0) continue;
+      // Get all relevant values
+      nextValue = (0, _uniq.default)(nextValue.concat(sv.value));
     }
 
     // Finally traverse all nextValue, and delete if its parent node is also nextValue
-    return nextValue.filter(function (v) {
-      var item = flattenData.find(function (n) {
-        return n[valueKey] === v;
-      });
-      if (item !== null && item !== void 0 && item.parent && nextValue.some(function (v) {
+    return nextValue.filter(v => {
+      const item = flattenData.find(n => n[valueKey] === v);
+      if (item !== null && item !== void 0 && item.parent && nextValue.some(v => {
         var _item$parent;
         return v === ((_item$parent = item.parent) === null || _item$parent === void 0 ? void 0 : _item$parent[valueKey]);
       })) {
@@ -181,26 +153,22 @@ function useCascadeValue(props, flattenData) {
       return true;
     });
   }, [cascade, flattenData, splitValue, valueKey]);
-  var _useState = (0, _react.useState)(transformValue(valueProp) || []),
-    value = _useState[0],
-    setValue = _useState[1];
-  (0, _react.useEffect)(function () {
+  const [value, setValue] = (0, _react.useState)(transformValue(valueProp) || []);
+  (0, _react.useEffect)(() => {
     // Update value when valueProp is updated.
     setValue(transformValue(valueProp) || []);
   }, [transformValue, valueProp]);
-  var handleCheck = (0, _hooks.useEventCallback)(function (node, event, checked) {
-    var nodeValue = node[valueKey];
-    var nextValue = [];
+  const handleCheck = (0, _hooks.useEventCallback)((node, event, checked) => {
+    const nodeValue = node[valueKey];
+    let nextValue = [];
     if (cascade) {
       nextValue = splitValue(node, checked, value).value;
     } else {
-      nextValue = [].concat(value);
+      nextValue = [...value];
       if (checked) {
         nextValue.push(nodeValue);
       } else {
-        nextValue = nextValue.filter(function (n) {
-          return n !== nodeValue;
-        });
+        nextValue = nextValue.filter(n => n !== nodeValue);
       }
     }
     setValue(nextValue);
@@ -208,10 +176,10 @@ function useCascadeValue(props, flattenData) {
     onCheck === null || onCheck === void 0 || onCheck(nextValue, node, checked, event);
   });
   return {
-    value: value,
-    setValue: setValue,
-    splitValue: splitValue,
-    handleCheck: handleCheck
+    value,
+    setValue,
+    splitValue,
+    handleCheck
   };
 }
 var _default = exports.default = useCascadeValue;

package/cjs/MultiCascadeTree/hooks/useColumnData.js

@@ -13,11 +13,7 @@ var _utils = require("../../Tree/utils");
  */
 function useColumnData(flattenData) {
   // The columns displayed in the cascading panel.
-  var _useState = (0, _react.useState)([flattenData.filter(function (item) {
-      return !item.parent;
-    })]),
-    columnData = _useState[0],
-    setColumnData = _useState[1];
+  const [columnData, setColumnData] = (0, _react.useState)([flattenData.filter(item => !item.parent)]);
 
   /**
    * Add a list of options to the cascading panel. Used for lazy loading options.
@@ -25,7 +21,7 @@ function useColumnData(flattenData) {
    * @param index The index of the current column.
    */
   function addColumn(column, index) {
-    setColumnData([].concat((0, _slice.default)(columnData, 0, index), [column]));
+    setColumnData([...(0, _slice.default)(columnData, 0, index), column]);
   }
 
   /**
@@ -33,20 +29,18 @@ function useColumnData(flattenData) {
    * @param index
    */
   function removeColumnByIndex(index) {
-    setColumnData([].concat((0, _slice.default)(columnData, 0, index)));
+    setColumnData([...(0, _slice.default)(columnData, 0, index)]);
   }
   function enforceUpdateColumnData(nextData) {
-    var nextFlattenData = (0, _utils.UNSAFE_flattenTree)(nextData);
-    setColumnData([nextFlattenData.filter(function (item) {
-      return !item.parent;
-    })]);
+    const nextFlattenData = (0, _utils.UNSAFE_flattenTree)(nextData);
+    setColumnData([nextFlattenData.filter(item => !item.parent)]);
   }
   return {
-    columnData: columnData,
-    addColumn: addColumn,
-    removeColumnByIndex: removeColumnByIndex,
-    setColumnData: setColumnData,
-    enforceUpdateColumnData: enforceUpdateColumnData
+    columnData,
+    addColumn,
+    removeColumnByIndex,
+    setColumnData,
+    enforceUpdateColumnData
   };
 }
 var _default = exports.default = useColumnData;

package/cjs/MultiCascadeTree/hooks/useFlattenData.js

@@ -10,23 +10,23 @@ var _utils2 = require("../../internals/utils");
  * A hook to flatten tree structure data
  */
 function useFlattenData(data, itemKeys) {
-  var childrenKey = itemKeys.childrenKey;
-  var _useState = (0, _react.useState)((0, _utils.UNSAFE_flattenTree)(data, itemKeys.childrenKey)),
-    flattenData = _useState[0],
-    setFlattenData = _useState[1];
-  var addFlattenData = (0, _react.useCallback)(function (children, parent) {
-    var nodes = children.map(function (child) {
+  const {
+    childrenKey
+  } = itemKeys;
+  const [flattenData, setFlattenData] = (0, _react.useState)((0, _utils.UNSAFE_flattenTree)(data, itemKeys.childrenKey));
+  const addFlattenData = (0, _react.useCallback)((children, parent) => {
+    const nodes = children.map(child => {
       return (0, _utils2.attachParent)(child, parent);
     });
     parent[childrenKey] = nodes;
-    setFlattenData([].concat(flattenData, nodes));
+    setFlattenData([...flattenData, ...nodes]);
   }, [childrenKey, flattenData]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     setFlattenData((0, _utils.UNSAFE_flattenTree)(data, itemKeys.childrenKey));
   }, [data, itemKeys.childrenKey]);
   return {
-    addFlattenData: addFlattenData,
-    flattenData: flattenData
+    addFlattenData,
+    flattenData
   };
 }
 var _default = exports.default = useFlattenData;