rsuite 5.74.2 → 5.76.0

package/cjs/Stat/StatTrend.js

@@ -0,0 +1,68 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _hooks = require("../internals/hooks");
+var _propTypes = require("../internals/propTypes");
+var _excluded = ["as", "appearance", "classPrefix", "indicator", "className", "children"];
+var svgProps = {
+  xmlns: 'http://www.w3.org/2000/svg',
+  width: 16,
+  height: 16,
+  viewBox: '0 0 24 24',
+  fill: 'none',
+  stroke: 'currentColor',
+  strokeWidth: '1.5',
+  strokeLinecap: 'round',
+  strokeLinejoin: 'round'
+};
+var ArrowUp = function ArrowUp(props) {
+  return /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({}, svgProps, props), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M17 7l-10 10"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M8 7l9 0l0 9"
+  }));
+};
+var ArrowDown = function ArrowDown(props) {
+  return /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({}, svgProps, props), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M7 7l10 10"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    d: "M17 8l0 9l-9 0"
+  }));
+};
+var StatTrend = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _props$as = props.as,
+    Component = _props$as === void 0 ? 'span' : _props$as,
+    _props$appearance = props.appearance,
+    appearance = _props$appearance === void 0 ? 'default' : _props$appearance,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'stat-trend' : _props$classPrefix,
+    _props$indicator = props.indicator,
+    indicator = _props$indicator === void 0 ? 'up' : _props$indicator,
+    className = props.className,
+    children = props.children,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
+    merge = _useClassNames.merge,
+    prefix = _useClassNames.prefix,
+    withClassPrefix = _useClassNames.withClassPrefix;
+  var classes = merge(className, withClassPrefix(appearance, indicator));
+  var IndicatorIcon = indicator === 'up' ? ArrowUp : ArrowDown;
+  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
+    ref: ref,
+    className: classes
+  }, rest), children, /*#__PURE__*/_react.default.createElement(IndicatorIcon, {
+    className: prefix('indicator')
+  }));
+});
+StatTrend.displayName = 'StatTrend';
+StatTrend.propTypes = {
+  indicator: (0, _propTypes.oneOf)(['up', 'down']),
+  appearance: (0, _propTypes.oneOf)(['default', 'subtle'])
+};
+var _default = exports.default = StatTrend;

package/cjs/Stat/StatValue.d.ts

@@ -0,0 +1,7 @@
+import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+interface StatValueProps extends WithAsProps {
+    value?: number;
+    formatOptions?: Intl.NumberFormatOptions;
+}
+declare const StatValue: RsRefForwardingComponent<'dd', StatValueProps>;
+export default StatValue;

package/cjs/Stat/StatValue.js

@@ -0,0 +1,41 @@
+'use client';
+"use strict";
+
+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 = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _hooks = require("../internals/hooks");
+var _CustomProvider = require("../CustomProvider");
+var _excluded = ["as", "classPrefix", "className", "children", "value", "formatOptions"];
+var StatValue = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _props$as = props.as,
+    Component = _props$as === void 0 ? 'dd' : _props$as,
+    _props$classPrefix = props.classPrefix,
+    classPrefix = _props$classPrefix === void 0 ? 'stat-value' : _props$classPrefix,
+    className = props.className,
+    children = props.children,
+    value = props.value,
+    formatOptions = props.formatOptions,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
+    merge = _useClassNames.merge,
+    withClassPrefix = _useClassNames.withClassPrefix;
+  var classes = merge(className, withClassPrefix());
+  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
+    ref: ref,
+    className: classes
+  }, rest), value && /*#__PURE__*/_react.default.createElement(_CustomProvider.FormattedNumber, {
+    value: value,
+    formatOptions: formatOptions
+  }), children);
+});
+StatValue.displayName = 'StatValue';
+StatValue.propTypes = {
+  value: _propTypes.default.number,
+  formatOptions: _propTypes.default.object
+};
+var _default = exports.default = StatValue;

package/cjs/Stat/StatValueUnit.d.ts

@@ -0,0 +1,4 @@
+import { ComponentProps } from '../internals/utils';
+export type StatValueUnitProps = ComponentProps;
+declare const StatValueUnit: import("../internals/types").RsRefForwardingComponent<"span", ComponentProps>;
+export default StatValueUnit;

package/cjs/Stat/StatValueUnit.js

@@ -0,0 +1,11 @@
+'use client';
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _utils = require("../internals/utils");
+var StatValueUnit = (0, _utils.createComponent)({
+  name: 'StatValueUnit',
+  componentAs: 'span'
+});
+var _default = exports.default = StatValueUnit;

package/cjs/Stat/index.d.ts

@@ -0,0 +1,3 @@
+import Stat from './Stat';
+export type { StatProps } from './Stat';
+export default Stat;

package/cjs/Stat/index.js

@@ -0,0 +1,8 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _Stat = _interopRequireDefault(require("./Stat"));
+var _default = exports.default = _Stat.default;

package/cjs/StatGroup/StatGroup.d.ts

@@ -0,0 +1,13 @@
+import type { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+export interface StatGroupProps extends WithAsProps {
+    /**
+     * The number of columns in the group
+     */
+    columns?: number;
+    /**
+     * Spacing between columns
+     */
+    spacing?: number | string;
+}
+declare const StatGroup: RsRefForwardingComponent<'div', StatGroupProps>;
+export default StatGroup;

package/cjs/StatGroup/StatGroup.js

@@ -0,0 +1,47 @@
+'use client';
+"use strict";
+
+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 = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _hooks = require("../internals/hooks");
+var _CustomProvider = require("../CustomProvider");
+var _excluded = ["as", "classPrefix", "className", "children", "columns", "spacing", "style"];
+var StatGroup = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
+  var _useCustom = (0, _CustomProvider.useCustom)('StatGroup', props),
+    propsWithDefaults = _useCustom.propsWithDefaults;
+  var _propsWithDefaults$as = propsWithDefaults.as,
+    Component = _propsWithDefaults$as === void 0 ? 'div' : _propsWithDefaults$as,
+    _propsWithDefaults$cl = propsWithDefaults.classPrefix,
+    classPrefix = _propsWithDefaults$cl === void 0 ? 'stat-group' : _propsWithDefaults$cl,
+    className = propsWithDefaults.className,
+    children = propsWithDefaults.children,
+    columns = propsWithDefaults.columns,
+    _propsWithDefaults$sp = propsWithDefaults.spacing,
+    spacing = _propsWithDefaults$sp === void 0 ? 6 : _propsWithDefaults$sp,
+    style = propsWithDefaults.style,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(propsWithDefaults, _excluded);
+  var _useClassNames = (0, _hooks.useClassNames)(classPrefix),
+    merge = _useClassNames.merge,
+    withClassPrefix = _useClassNames.withClassPrefix;
+  var classes = merge(className, withClassPrefix());
+  var styles = (0, _extends2.default)({}, style, {
+    '--rs-columns': columns,
+    '--rs-spacing': typeof spacing === 'number' ? spacing + "px" : spacing
+  });
+  return /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
+    ref: ref,
+    className: classes,
+    style: styles
+  }, rest), children);
+});
+StatGroup.displayName = 'StatGroup';
+StatGroup.propTypes = {
+  columns: _propTypes.default.number,
+  spacing: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string])
+};
+var _default = exports.default = StatGroup;

package/cjs/StatGroup/index.d.ts

@@ -0,0 +1,3 @@
+import StatGroup from './StatGroup';
+export type { StatGroupProps } from './StatGroup';
+export default StatGroup;

package/cjs/StatGroup/index.js

@@ -0,0 +1,8 @@
+'use client';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _StatGroup = _interopRequireDefault(require("./StatGroup"));
+var _default = exports.default = _StatGroup.default;

package/cjs/Tabs/Tabs.js

@@ -142,7 +142,7 @@ var Tabs = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var tablistRef = _react.default.useRef(null);
   var handleSelect = (0, _hooks.useEventCallback)(function (eventKey, event) {
     setActiveKey(eventKey);
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(eventKey, event);
+    onSelect === null || onSelect === void 0 || onSelect(eventKey, event);
   });
   var handleKeyDown = (0, _hooks.useEventCallback)(function (event) {
     var _getFocusableTabs;

package/cjs/Timeline/Timeline.js

@@ -41,7 +41,7 @@ var Timeline = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var count = _utils.ReactChildren.count(children);
   var withTime = (0, _some.default)(_react.default.Children.toArray(children), function (item) {
     var _item$props;
-    return item === null || item === void 0 ? void 0 : (_item$props = item.props) === null || _item$props === void 0 ? void 0 : _item$props.time;
+    return item === null || item === void 0 || (_item$props = item.props) === null || _item$props === void 0 ? void 0 : _item$props.time;
   });
   var classes = merge(className, withClassPrefix("align-" + align, {
     endless: endless,

package/cjs/Toggle/Toggle.js

@@ -72,7 +72,7 @@ var Toggle = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     }
     var checked = e.target.checked;
     setChecked(checked);
-    onChange === null || onChange === void 0 ? void 0 : onChange(checked, e);
+    onChange === null || onChange === void 0 || onChange(checked, e);
   });
   if (plaintext) {
     return /*#__PURE__*/_react.default.createElement(_Plaintext.default, null, inner || label);

package/cjs/Tree/Tree.js

@@ -72,7 +72,7 @@ var Tree = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     handleExpandTreeNode = _useExpandTree.handleExpandTreeNode;
   var handleChange = (0, _hooks.useEventCallback)(function (nextValue, event) {
     setValue(nextValue);
-    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
+    onChange === null || onChange === void 0 || onChange(nextValue, event);
   });
   var treeContext = (0, _react.useMemo)(function () {
     return {

package/cjs/Tree/TreeNode.js

@@ -65,41 +65,41 @@ var TreeNode = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   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 === null || event === void 0 || (_event$nativeEvent = event.nativeEvent) === null || _event$nativeEvent === void 0 || (_event$nativeEvent$st = _event$nativeEvent.stopImmediatePropagation) === null || _event$nativeEvent$st === void 0 || _event$nativeEvent$st.call(_event$nativeEvent);
     event.stopPropagation();
-    onExpand === null || onExpand === void 0 ? void 0 : onExpand(nodeData, expanded);
+    onExpand === null || onExpand === void 0 || onExpand(nodeData, expanded);
   });
   var handleSelect = (0, _hooks.useEventCallback)(function (event) {
     if (disabled) {
       return;
     }
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(nodeData, event);
+    onSelect === null || onSelect === void 0 || onSelect(nodeData, event);
   });
   var handleDragStart = (0, _hooks.useEventCallback)(function (event) {
-    onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart(nodeData, event);
+    onDragStart === null || onDragStart === void 0 || onDragStart(nodeData, event);
   });
   var handleDragEnter = (0, _hooks.useEventCallback)(function (event) {
     event.preventDefault();
     event.stopPropagation();
-    onDragEnter === null || onDragEnter === void 0 ? void 0 : onDragEnter(nodeData, event);
+    onDragEnter === null || onDragEnter === void 0 || onDragEnter(nodeData, event);
   });
   var handleDragOver = (0, _hooks.useEventCallback)(function (event) {
     event.preventDefault();
     event.stopPropagation();
-    onDragOver === null || onDragOver === void 0 ? void 0 : onDragOver(nodeData, event);
+    onDragOver === null || onDragOver === void 0 || onDragOver(nodeData, event);
   });
   var handleDragLeave = (0, _hooks.useEventCallback)(function (event) {
     event.stopPropagation();
-    onDragLeave === null || onDragLeave === void 0 ? void 0 : onDragLeave(nodeData, event);
+    onDragLeave === null || onDragLeave === void 0 || onDragLeave(nodeData, event);
   });
   var handleDragEnd = (0, _hooks.useEventCallback)(function (event) {
     event.stopPropagation();
-    onDragEnd === null || onDragEnd === void 0 ? void 0 : onDragEnd(nodeData, event);
+    onDragEnd === null || onDragEnd === void 0 || onDragEnd(nodeData, event);
   });
   var handleDrop = (0, _hooks.useEventCallback)(function (event) {
     event.preventDefault();
     event.stopPropagation();
-    onDrop === null || onDrop === void 0 ? void 0 : onDrop(nodeData, event);
+    onDrop === null || onDrop === void 0 || onDrop(nodeData, event);
   });
   var classes = merge(className, withClassPrefix({
     disabled: disabled,

package/cjs/Tree/TreeView.js

@@ -93,7 +93,7 @@ var TreeView = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     merge = _useClassNames.merge,
     withClassPrefix = _useClassNames.withClassPrefix;
   var handleSearchCallback = (0, _hooks.useEventCallback)(function (value, _data, event) {
-    onSearch === null || onSearch === void 0 ? void 0 : onSearch(value, event);
+    onSearch === null || onSearch === void 0 || onSearch(value, event);
   });
   var _useTreeSearch = (0, _useTreeSearch2.default)({
       callback: handleSearchCallback,
@@ -184,9 +184,9 @@ var TreeView = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       return itemParentMap.get(item[valueKey]);
     });
     setFocusItemValue(nextValue);
-    onChange === null || onChange === void 0 ? void 0 : onChange(nextValue, event);
-    onSelect === null || onSelect === void 0 ? void 0 : onSelect(nodeData, nextValue, event);
-    onSelectItem === null || onSelectItem === void 0 ? void 0 : onSelectItem(nodeData, path);
+    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) {
     if ((0, _isNil.default)(focusItemValue)) return;
@@ -199,7 +199,7 @@ var TreeView = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
       enter: selectActiveItem
     });
   });
-  var renderNode = function renderNode(node, index, layer) {
+  var _renderNode = function renderNode(node, index, layer) {
     var visible = node.visible;
     if (!visible) {
       return null;
@@ -229,7 +229,7 @@ var TreeView = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
         className: prefix('group'),
         role: "group"
       }, children === null || children === void 0 ? void 0 : children.map(function (child, i) {
-        return renderNode(child, i, layer);
+        return _renderNode(child, i, layer);
       }), showIndentLine && /*#__PURE__*/_react.default.createElement(_IndentLine.default, null)));
     }
     return /*#__PURE__*/_react.default.createElement(_TreeNode.default, (0, _extends2.default)({
@@ -267,7 +267,7 @@ var TreeView = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var classes = merge(withClassPrefix({
     virtualized: virtualized
   }), className);
-  var formattedNodes = getFormattedNodes(renderNode);
+  var formattedNodes = getFormattedNodes(_renderNode);
   return /*#__PURE__*/_react.default.createElement(Component, {
     ref: ref,
     className: classes,

package/cjs/Tree/hooks/useExpandTree.js

@@ -60,7 +60,7 @@ function useExpandTree(data, props) {
       valueKey: valueKey
     });
     setExpandItemValues(nextExpandItemValues);
-    onExpand === null || onExpand === void 0 ? void 0 : onExpand(nextExpandItemValues, node, (0, _Picker.createConcatChildrenFunction)(node, node[valueKey], {
+    onExpand === null || onExpand === void 0 || onExpand(nextExpandItemValues, node, (0, _Picker.createConcatChildrenFunction)(node, node[valueKey], {
       valueKey: valueKey,
       childrenKey: childrenKey
     }));

package/cjs/Tree/hooks/useFlattenTree.js

@@ -76,7 +76,7 @@ function useFlattenTree(data, options) {
       }
       flattenTreeData(node[childrenKey], node, layer + 1);
     });
-    callback === null || callback === void 0 ? void 0 : callback(flattenedNodes.current);
+    callback === null || callback === void 0 || callback(flattenedNodes.current);
     forceUpdate();
   }, [callback, forceUpdate, valueKey, labelKey, uncheckableItemValues, childrenKey]);
   (0, _react.useEffect)(function () {

package/cjs/Tree/hooks/useFocusTree.js

@@ -63,7 +63,7 @@ function useFocusTree(props) {
     }
     if (focusedValue) {
       setFocusItemValue(focusedValue);
-      onFocused === null || onFocused === void 0 ? void 0 : onFocused(focusedValue);
+      onFocused === null || onFocused === void 0 || onFocused(focusedValue);
     }
   });
   var handleLeftArrowEvent = (0, _hooks.useEventCallback)(function () {
@@ -74,10 +74,10 @@ function useFocusTree(props) {
     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];
+      var focusedValue = focusItem === null || focusItem === 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, _utils.focusTreeNode)(focusItem === null || focusItem === void 0 ? void 0 : (_focusItem$parent2 = focusItem.parent) === null || _focusItem$parent2 === void 0 ? void 0 : _focusItem$parent2.refKey, treeNodesRefs);
+      onFocused === null || onFocused === void 0 || onFocused(focusedValue);
+      (0, _utils.focusTreeNode)(focusItem === null || focusItem === void 0 || (_focusItem$parent2 = focusItem.parent) === null || _focusItem$parent2 === void 0 ? void 0 : _focusItem$parent2.refKey, treeNodesRefs);
     };
     (0, _utils.handleLeftArrow)({
       focusItem: focusItem,
@@ -128,7 +128,7 @@ function useFocusTree(props) {
       var node = (_flattenedNodesRef$cu = flattenedNodesRef.current) === null || _flattenedNodesRef$cu === void 0 ? void 0 : _flattenedNodesRef$cu[refKey];
       if (node) {
         setFocusItemValue(node[valueKey]);
-        onFocused === null || onFocused === void 0 ? void 0 : onFocused(node[valueKey]);
+        onFocused === null || onFocused === void 0 || onFocused(node[valueKey]);
       }
     }
   }, [onFocused, valueKey]);
@@ -138,7 +138,7 @@ function useFocusTree(props) {
       focusTreeActiveNode: focusTreeActiveNode
     });
     return function () {
-      unregister === null || unregister === void 0 ? void 0 : unregister();
+      unregister === null || unregister === void 0 || unregister();
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);

package/cjs/Tree/hooks/useTreeDrag.js

@@ -65,7 +65,7 @@ function createDragPreview(name, className) {
 function removeDragPreview() {
   var _dragPreview$parentNo, _dragPreview$parentNo2;
   var dragPreview = document.getElementById('rs-tree-drag-preview');
-  dragPreview === null || dragPreview === void 0 ? void 0 : (_dragPreview$parentNo = dragPreview.parentNode) === null || _dragPreview$parentNo === void 0 ? void 0 : (_dragPreview$parentNo2 = _dragPreview$parentNo.removeChild) === null || _dragPreview$parentNo2 === void 0 ? void 0 : _dragPreview$parentNo2.call(_dragPreview$parentNo, dragPreview);
+  dragPreview === null || dragPreview === void 0 || (_dragPreview$parentNo = dragPreview.parentNode) === null || _dragPreview$parentNo === void 0 || (_dragPreview$parentNo2 = _dragPreview$parentNo.removeChild) === null || _dragPreview$parentNo2 === void 0 || _dragPreview$parentNo2.call(_dragPreview$parentNo, dragPreview);
 }
 /**
  * Custom hook for handling tree node dragging.
@@ -106,17 +106,17 @@ function useTreeDrag(props) {
    */
   var getDragNodeKeys = (0, _react.useCallback)(function (dragNode) {
     var dragNodeKeys = [dragNode[valueKey]];
-    var traverse = function traverse(data) {
+    var _traverse = function traverse(data) {
       if ((data === null || data === void 0 ? void 0 : data.length) > 0) {
         data.forEach(function (node) {
           dragNodeKeys = dragNodeKeys.concat([node[valueKey]]);
           if (node[childrenKey]) {
-            traverse(node[childrenKey]);
+            _traverse(node[childrenKey]);
           }
         });
       }
     };
-    traverse(dragNode[childrenKey]);
+    _traverse(dragNode[childrenKey]);
     return dragNodeKeys;
   }, [childrenKey, valueKey]);
 
@@ -126,7 +126,7 @@ function useTreeDrag(props) {
    */
   var removeDragNode = (0, _react.useCallback)(function (data, params) {
     var dragNode = params.dragNode;
-    var traverse = function traverse(items, parent) {
+    var _traverse2 = function traverse(items, parent) {
       for (var index = 0; index < items.length; index += 1) {
         var item = items[index];
         if ((0, _utils.shallowEqual)(item[valueKey], dragNode[valueKey])) {
@@ -138,11 +138,11 @@ function useTreeDrag(props) {
           break;
         }
         if (Array.isArray(item[childrenKey])) {
-          traverse(item[childrenKey], item);
+          _traverse2(item[childrenKey], item);
         }
       }
     };
-    traverse(data);
+    _traverse2(data);
   }, [childrenKey, valueKey]);
 
   /**
@@ -156,7 +156,7 @@ function useTreeDrag(props) {
         dropNodePosition = params.dropNodePosition;
       var cloneDragNode = (0, _extends2.default)({}, dragNode);
       removeDragNode(data, params);
-      var updateTree = function updateTree(items) {
+      var _updateTree = function updateTree(items) {
         for (var index = 0; index < items.length; index += 1) {
           var item = items[index];
           if ((0, _utils.shallowEqual)(item[valueKey], dropNode[valueKey])) {
@@ -176,11 +176,11 @@ function useTreeDrag(props) {
             }
           }
           if (Array.isArray(item[childrenKey]) && item[childrenKey].length > 0) {
-            updateTree(item[childrenKey]);
+            _updateTree(item[childrenKey]);
           }
         }
       };
-      updateTree(data);
+      _updateTree(data);
       return [].concat(data);
     };
   }, [childrenKey, removeDragNode, valueKey]);
@@ -198,10 +198,10 @@ function useTreeDrag(props) {
     if (draggable) {
       var _event$dataTransfer;
       var dragMoverNode = createDragPreview((0, _utils.stringifyReactNode)(nodeData[labelKey]), prefix('drag-preview'));
-      (_event$dataTransfer = event.dataTransfer) === null || _event$dataTransfer === void 0 ? void 0 : _event$dataTransfer.setDragImage(dragMoverNode, 0, 0);
+      (_event$dataTransfer = event.dataTransfer) === null || _event$dataTransfer === void 0 || _event$dataTransfer.setDragImage(dragMoverNode, 0, 0);
       setDragNodeKeys(getDragNodeKeys(nodeData));
       setDragNode(flattenedNodes[nodeData.refKey]);
-      onDragStart === null || onDragStart === void 0 ? void 0 : onDragStart(nodeData, event);
+      onDragStart === null || onDragStart === void 0 || onDragStart(nodeData, event);
     }
   });
   var handleDragEnter = (0, _hooks.useEventCallback)(function (nodeData, event) {
@@ -214,7 +214,7 @@ function useTreeDrag(props) {
       setDragOverNodeKey(nodeData[valueKey]);
       setDropNodePosition(calDropNodePosition(event, treeNodesRefs[nodeData.refKey]));
     }
-    onDragEnter === null || onDragEnter === void 0 ? void 0 : onDragEnter(nodeData, event);
+    onDragEnter === null || onDragEnter === void 0 || onDragEnter(nodeData, event);
   });
   var handleDragOver = (0, _hooks.useEventCallback)(function (nodeData, event) {
     if (dragNodeKeys.some(function (d) {
@@ -228,17 +228,17 @@ function useTreeDrag(props) {
       if (lastDropNodePosition === dropNodePosition) return;
       setDropNodePosition(lastDropNodePosition);
     }
-    onDragOver === null || onDragOver === void 0 ? void 0 : onDragOver(nodeData, event);
+    onDragOver === null || onDragOver === void 0 || onDragOver(nodeData, event);
   });
   var handleDragLeave = (0, _hooks.useEventCallback)(function (nodeData, event) {
-    onDragLeave === null || onDragLeave === void 0 ? void 0 : onDragLeave(nodeData, event);
+    onDragLeave === null || onDragLeave === void 0 || onDragLeave(nodeData, event);
   });
   var handleDragEnd = (0, _hooks.useEventCallback)(function (nodeData, event) {
     removeDragPreview();
     setDragNode(null);
     setDragNodeKeys([]);
     setDragOverNodeKey(null);
-    onDragEnd === null || onDragEnd === void 0 ? void 0 : onDragEnd(nodeData, event);
+    onDragEnd === null || onDragEnd === void 0 || onDragEnd(nodeData, event);
   });
   var handleDrop = (0, _hooks.useEventCallback)(function (nodeData, event) {
     if (dragNodeKeys.some(function (d) {
@@ -247,7 +247,7 @@ function useTreeDrag(props) {
       console.error('Cannot drag a node to itself and its children');
     } else {
       var dropData = getDropData(nodeData);
-      onDrop === null || onDrop === void 0 ? void 0 : onDrop(dropData, event);
+      onDrop === null || onDrop === void 0 || onDrop(dropData, event);
     }
     removeDragPreview();
     setDragNode(null);

package/cjs/Tree/hooks/useTreeSearch.js

@@ -51,7 +51,7 @@ function useTreeSearch(props) {
     setFilteredData(filteredData);
     setSearchKeyword(searchKeyword);
     if (event) {
-      callback === null || callback === void 0 ? void 0 : callback(searchKeyword, filteredData, event);
+      callback === null || callback === void 0 || callback(searchKeyword, filteredData, event);
     }
   };
   (0, _react.useEffect)(function () {

package/cjs/Tree/utils/flattenTree.js

@@ -8,9 +8,9 @@ exports.flattenTree = flattenTree;
 exports.walkTreeBfs = walkTreeBfs;
 exports.walkTreeDfs = walkTreeDfs;
 var _utils = require("../../internals/utils");
-function _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _createForOfIteratorHelperLoose(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (t) return (t = t.call(r)).next.bind(t); if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var o = 0; return function () { return o >= r.length ? { done: !0 } : { done: !1, value: r[o++] }; }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 /**
  * Strategy for walking the tree.
  */
@@ -77,7 +77,7 @@ function UNSAFE_flattenTree(tree, childrenKey, executor) {
     childrenKey = 'children';
   }
   var flattenData = [];
-  var traverse = function traverse(data, parent) {
+  var _traverse = function traverse(data, parent) {
     if (!Array.isArray(data)) {
       return;
     }
@@ -85,10 +85,10 @@ function UNSAFE_flattenTree(tree, childrenKey, executor) {
       var node = typeof executor === 'function' ? executor(item, index) : item;
       flattenData.push((0, _utils.attachParent)(node, parent));
       if (item[childrenKey]) {
-        traverse(item[childrenKey], item);
+        _traverse(item[childrenKey], item);
       }
     });
   };
-  traverse(tree, null);
+  _traverse(tree, null);
   return flattenData;
 }