rsuite 6.0.0-canary-20250424 → 6.0.0-canary-20250620

package/esm/Rate/useRatingStates.js

@@ -4,13 +4,12 @@ import { transformValueToStarStatus, transformStarStatusToValue } from "./utils.
 /**
  * Custom hook to manage rating star states for Rate component
  */
-export const useRatingStates = _ref => {
-  let {
-    value,
-    max,
-    allowHalf,
-    valueProp
-  } = _ref;
+export const useRatingStates = ({
+  value,
+  max,
+  allowHalf,
+  valueProp
+}) => {
   // Create a function to generate star states based on value
   const getStarStates = useCallback(v => {
     return transformValueToStarStatus(typeof v !== 'undefined' ? v : value, max, allowHalf);

package/esm/Sidenav/ExpandedSidenavDropdown.js

@@ -9,7 +9,7 @@ import SidenavDropdownToggle from "./SidenavDropdownToggle.js";
 import Box from "../internals/Box/index.js";
 import { useStyles, useInternalId } from "../internals/hooks/index.js";
 import { forwardRef, kebabPlace, mergeRefs } from "../internals/utils/index.js";
-import { SidenavContext } from "./Sidenav.js";
+import { SidenavContext } from "./SidenavContext.js";
 import { NavMenuContext } from "../Nav/NavMenu.js";
 const ExpandedSidenavDropdown = forwardRef((props, ref) => {
   const sidenav = useContext(SidenavContext);
@@ -71,10 +71,9 @@ const ExpandedSidenavDropdown = forwardRef((props, ref) => {
   return /*#__PURE__*/React.createElement(Disclosure, {
     open: open,
     onToggle: handleToggleDisclosure
-  }, (_ref, containerRef) => {
-    let {
-      open
-    } = _ref;
+  }, ({
+    open
+  }, containerRef) => {
     const classes = merge(className, withPrefix({
       [open ? 'expand' : 'collapse']: true,
       disabled
@@ -95,15 +94,12 @@ const ExpandedSidenavDropdown = forwardRef((props, ref) => {
       renderToggle: renderToggle,
       icon: icon,
       placement: placement
-    }, omit(buttonProps, ['open'])), title)), /*#__PURE__*/React.createElement(Disclosure.Content, null, _ref2 => {
-      let {
-        open
-      } = _ref2;
-      return /*#__PURE__*/React.createElement(SidenavDropdownCollapse, {
-        open: open,
-        style: menuStyle
-      }, children);
-    }));
+    }, omit(buttonProps, ['open'])), title)), /*#__PURE__*/React.createElement(Disclosure.Content, null, ({
+      open
+    }) => /*#__PURE__*/React.createElement(SidenavDropdownCollapse, {
+      open: open,
+      style: menuStyle
+    }, children)));
   });
 });
 ExpandedSidenavDropdown.displayName = 'Sidenav.Dropdown';

package/esm/Sidenav/ExpandedSidenavDropdownItem.js

@@ -6,7 +6,7 @@ import SafeAnchor from "../internals/SafeAnchor/index.js";
 import NavContext from "../Nav/NavContext.js";
 import { forwardRef, createChainedFunction, shallowEqual } from "../internals/utils/index.js";
 import { useStyles } from "../internals/hooks/index.js";
-import { SidenavContext } from "./Sidenav.js";
+import { SidenavContext } from "./SidenavContext.js";
 import { useRenderMenuItem } from "../internals/Menu/useRenderMenuItem.js";
 /**
  * Tree View Node

package/esm/Sidenav/ExpandedSidenavDropdownMenu.js

@@ -11,7 +11,7 @@ import ArrowRightLine from '@rsuite/icons/ArrowRightLine';
 import Box from "../internals/Box/index.js";
 import { forwardRef, createChainedFunction } from "../internals/utils/index.js";
 import { useStyles, useCustom } from "../internals/hooks/index.js";
-import { SidenavContext } from "./Sidenav.js";
+import { SidenavContext } from "./SidenavContext.js";
 /**
  * Tree View Node
  * @see https://www.w3.org/TR/wai-aria-practices-1.2/#TreeView
@@ -61,10 +61,9 @@ const ExpandedSidenavDropdownMenu = forwardRef((props, ref) => {
   return /*#__PURE__*/React.createElement(Disclosure, {
     open: !isNil(eventKey) && openKeys.includes(eventKey),
     onToggle: (_, event) => onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(eventKey, event)
-  }, _ref => {
-    let {
-      open
-    } = _ref;
+  }, ({
+    open
+  }) => {
     const classes = merge(className, prefix('submenu'), prefix(`pull-${rtl ? 'left' : 'right'}`), prefix(open ? 'expand' : 'collapse'), withPrefix({
       'with-icon': icon,
       // open,
@@ -86,10 +85,9 @@ const ExpandedSidenavDropdownMenu = forwardRef((props, ref) => {
       }), title, /*#__PURE__*/React.createElement(Icon, {
         className: iconClasses
       }), /*#__PURE__*/React.createElement(Ripple, null));
-    }), /*#__PURE__*/React.createElement(Disclosure.Content, null, _ref2 => {
-      let {
-        open
-      } = _ref2;
+    }), /*#__PURE__*/React.createElement(Disclosure.Content, null, ({
+      open
+    }) => {
       return /*#__PURE__*/React.createElement(SidenavDropdownCollapse, {
         open: open
       }, children);

package/esm/Sidenav/Sidenav.d.ts

@@ -22,21 +22,6 @@ export interface SidenavProps<T = string | number> extends BoxProps {
      */
     onSelect?: (eventKey: T | undefined, event: React.SyntheticEvent) => void;
 }
-export declare const SidenavContext: React.Context<SidenavContextType<string | number> | null>;
-export interface SidenavContextType<T = string | number> {
-    openKeys: T[];
-    /**
-     * @deprecated Use activeKey from NavContext instead
-     */
-    activeKey: T | undefined;
-    sidenav: boolean;
-    expanded: boolean;
-    onOpenChange: (eventKey: T, event: React.SyntheticEvent) => void;
-    /**
-     * @deprecated Use onSelect from NavContext instead
-     */
-    onSelect?: (eventKey: T | undefined, event: React.SyntheticEvent) => void;
-}
 /**
  * The `Sidenav` component is an encapsulation of the page sidebar `Nav`.
  * @see https://rsuitejs.com/components/sidenav/

package/esm/Sidenav/Sidenav.js

@@ -11,7 +11,7 @@ import SidenavGroupLabel from "./SidenavGroupLabel.js";
 import Box from "../internals/Box/index.js";
 import { forwardRef, mergeRefs, shallowEqual } from "../internals/utils/index.js";
 import { useStyles, useCustom, useControlled } from "../internals/hooks/index.js";
-export const SidenavContext = /*#__PURE__*/React.createContext(null);
+import { SidenavContext } from "./SidenavContext.js";
 const emptyArray = [];
 const Subcomponents = {
   Header: SidenavHeader,

package/esm/Sidenav/SidenavContext.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+export interface SidenavContextType<T = string | number> {
+    openKeys: T[];
+    /**
+     * @deprecated Use activeKey from NavContext instead
+     */
+    activeKey: T | undefined;
+    sidenav: boolean;
+    expanded: boolean;
+    onOpenChange: (eventKey: T, event: React.SyntheticEvent) => void;
+    /**
+     * @deprecated Use onSelect from NavContext instead
+     */
+    onSelect?: (eventKey: T | undefined, event: React.SyntheticEvent) => void;
+}
+export declare const SidenavContext: React.Context<SidenavContextType<string | number> | null>;

package/esm/Sidenav/SidenavContext.js

@@ -0,0 +1,3 @@
+'use client';
+import React from 'react';
+export const SidenavContext = /*#__PURE__*/React.createContext(null);

package/esm/Sidenav/SidenavDropdown.js

@@ -14,7 +14,7 @@ import Box from "../internals/Box/index.js";
 import { NavMenuContext } from "../Nav/NavMenu.js";
 import { forwardRef, mergeRefs, kebabPlace } from "../internals/utils/index.js";
 import { useStyles } from "../internals/hooks/index.js";
-import { SidenavContext } from "./Sidenav.js";
+import { SidenavContext } from "./SidenavContext.js";
 const Subcomponents = {
   Item: NavDropdownItem,
   Menu: NavDropdownMenu
@@ -101,11 +101,10 @@ const SidenavDropdown = forwardRef((props, ref) => {
   }
   const renderMenuButton = (menuButtonProps, buttonRef) => /*#__PURE__*/React.createElement(MenuItem, {
     disabled: disabled
-  }, (_ref, menuitemRef) => {
-    let {
-      active,
-      ...menuitemProps
-    } = _ref;
+  }, ({
+    active,
+    ...menuitemProps
+  }, menuitemRef) => {
     return /*#__PURE__*/React.createElement(SidenavDropdownToggle, _extends({
       ref: mergeRefs(buttonRef, menuitemRef),
       as: toggleAs,
@@ -118,11 +117,10 @@ const SidenavDropdown = forwardRef((props, ref) => {
     menuButtonText: title,
     renderMenuButton: renderMenuButton,
     openMenuOn: menuButtonTriggers,
-    renderMenuPopup: (_ref2, popupRef) => {
-      let {
-        open,
-        ...popupProps
-      } = _ref2;
+    renderMenuPopup: ({
+      open,
+      ...popupProps
+    }, popupRef) => {
       const menuClassName = mergeMenuClassName(className, withMenuClassPrefix({}));
       // When inside a collapsed <Sidenav>, render a header in menu
       const showHeader = !!sidenav;
@@ -144,11 +142,10 @@ const SidenavDropdown = forwardRef((props, ref) => {
         onClose === null || onClose === void 0 || onClose();
       }
     }
-  }, (_ref3, menuContainerRef) => {
-    let {
-      open,
-      ...menuContainer
-    } = _ref3;
+  }, ({
+    open,
+    ...menuContainer
+  }, menuContainerRef) => {
     const classes = merge(className, withPrefix({
       disabled,
       open,

package/esm/Sidenav/SidenavDropdownItem.js

@@ -7,7 +7,7 @@ import isNil from 'lodash/isNil';
 import NavContext from "../Nav/NavContext.js";
 import ExpandedSidenavDropdownItem from "./ExpandedSidenavDropdownItem.js";
 import { forwardRef, mergeRefs, shallowEqual } from "../internals/utils/index.js";
-import { SidenavContext } from "./Sidenav.js";
+import { SidenavContext } from "./SidenavContext.js";
 import { useStyles } from "../internals/hooks/index.js";
 import { useRenderMenuItem } from "../internals/Menu/useRenderMenuItem.js";
 /**
@@ -79,12 +79,11 @@ const SidenavDropdownItem = forwardRef((props, ref) => {
     selected: selected,
     disabled: disabled,
     onActivate: handleSelectItem
-  }, (_ref, menuitemRef) => {
-    let {
-      selected,
-      active,
-      ...menuitem
-    } = _ref;
+  }, ({
+    selected,
+    active,
+    ...menuitem
+  }, menuitemRef) => {
     const classes = merge(className, withPrefix({
       'with-icon': icon,
       active: selected,

package/esm/Sidenav/SidenavDropdownMenu.js

@@ -10,7 +10,7 @@ import NavContext from "../Nav/NavContext.js";
 import ExpandedSidenavDropdownMenu from "./ExpandedSidenavDropdownMenu.js";
 import { useStyles, useCustom } from "../internals/hooks/index.js";
 import { mergeRefs } from "../internals/utils/index.js";
-import { SidenavContext } from "./Sidenav.js";
+import { SidenavContext } from "./SidenavContext.js";
 /**
  * @private this component is not supposed to be used directly
  *          Instead it's rendered by a <Nav.Menu> within a <Sidenav>
@@ -72,43 +72,38 @@ const SidenavDropdownMenu = /*#__PURE__*/React.forwardRef((props, ref) => {
   const Icon = rtl ? ArrowLeftLine : ArrowRightLine;
   return /*#__PURE__*/React.createElement(Menu, {
     openMenuOn: ['mouseover', 'click'],
-    renderMenuButton: (_ref, buttonRef) => {
-      let {
-        open,
-        ...menuButtonProps
-      } = _ref;
-      return /*#__PURE__*/React.createElement(MenuItem, {
-        disabled: disabled
-      }, (_ref2, menuitemRef) => {
-        let {
-          selected,
-          active,
-          ...menuitem
-        } = _ref2;
-        const classes = mergeItemClassNames(className, prefixItemClassName`toggle`, withItemClassPrefix({
-          'with-icon': icon,
-          open,
-          active: selected,
-          disabled,
-          focus: active
-        }));
-        return /*#__PURE__*/React.createElement("div", _extends({
-          ref: mergeRefs(buttonRef, menuitemRef),
-          className: classes,
-          "data-event-key": eventKey,
-          "data-event-key-type": typeof eventKey
-        }, menuitem, omit(menuButtonProps, ['role'])), icon && /*#__PURE__*/React.cloneElement(icon, {
-          className: prefix('menu-icon')
-        }), title, /*#__PURE__*/React.createElement(Icon, {
-          className: prefix`toggle-icon`
-        }));
-      });
-    },
-    renderMenuPopup: (_ref3, popupRef) => {
-      let {
+    renderMenuButton: ({
+      open,
+      ...menuButtonProps
+    }, buttonRef) => /*#__PURE__*/React.createElement(MenuItem, {
+      disabled: disabled
+    }, ({
+      selected,
+      active,
+      ...menuitem
+    }, menuitemRef) => {
+      const classes = mergeItemClassNames(className, prefixItemClassName`toggle`, withItemClassPrefix({
+        'with-icon': icon,
         open,
-        ...popupProps
-      } = _ref3;
+        active: selected,
+        disabled,
+        focus: active
+      }));
+      return /*#__PURE__*/React.createElement("div", _extends({
+        ref: mergeRefs(buttonRef, menuitemRef),
+        className: classes,
+        "data-event-key": eventKey,
+        "data-event-key-type": typeof eventKey
+      }, menuitem, omit(menuButtonProps, ['role'])), icon && /*#__PURE__*/React.cloneElement(icon, {
+        className: prefix('menu-icon')
+      }), title, /*#__PURE__*/React.createElement(Icon, {
+        className: prefix`toggle-icon`
+      }));
+    }),
+    renderMenuPopup: ({
+      open,
+      ...popupProps
+    }, popupRef) => {
       const menuClassName = mergeMenuClassName(className, withMenuClassPrefix());
       return /*#__PURE__*/React.createElement("ul", _extends({
         ref: popupRef,
@@ -117,11 +112,10 @@ const SidenavDropdownMenu = /*#__PURE__*/React.forwardRef((props, ref) => {
       }, popupProps, menuProps), children);
     },
     onToggleMenu: handleToggleSubmenu
-  }, (_ref4, menuContainerRef) => {
-    let {
-      open,
-      ...menuContainer
-    } = _ref4;
+  }, ({
+    open,
+    ...menuContainer
+  }, menuContainerRef) => {
     const classes = mergeItemClassNames(className, withItemClassPrefix({
       disabled,
       open,

package/esm/Sidenav/SidenavItem.js

@@ -12,7 +12,7 @@ import Tooltip from "../Tooltip/index.js";
 import Box from "../internals/Box/index.js";
 import { forwardRef, shallowEqual, mergeRefs, createChainedFunction } from "../internals/utils/index.js";
 import { useStyles } from "../internals/hooks/index.js";
-import { SidenavContext } from "./Sidenav.js";
+import { SidenavContext } from "./SidenavContext.js";
 
 /**
  * Props of SidenavItem component
@@ -81,12 +81,11 @@ const SidenavItem = forwardRef((props, ref) => {
       selected: selected,
       disabled: disabled,
       onActivate: handleClick
-    }, (_ref, menuitemRef) => {
-      let {
-        selected,
-        active,
-        ...menuitem
-      } = _ref;
+    }, ({
+      selected,
+      active,
+      ...menuitem
+    }, menuitemRef) => {
       const classes = merge(className, withPrefix({
         focus: active,
         active: selected,

package/esm/Sidenav/SidenavToggle.js

@@ -4,7 +4,7 @@ import React, { useContext } from 'react';
 import ArrowLeftLineIcon from '@rsuite/icons/ArrowLeftLine';
 import IconButton from "../IconButton/index.js";
 import { forwardRef } from "../internals/utils/index.js";
-import { SidenavContext } from "./Sidenav.js";
+import { SidenavContext } from "./SidenavContext.js";
 import { useStyles, useEventCallback } from "../internals/hooks/index.js";
 const SidenavToggle = forwardRef((props, ref) => {
   const sidenav = useContext(SidenavContext);

package/esm/Slider/ProgressBar.d.ts

@@ -1,7 +1,6 @@
 import { BoxProps } from '../internals/Box';
 interface ProgressBarProps extends BoxProps {
     vertical?: boolean;
-    rtl?: boolean;
     start?: number;
     end?: number;
 }

package/esm/Slider/ProgressBar.js

@@ -9,7 +9,6 @@ const ProgressBar = forwardRef((props, ref) => {
     as,
     classPrefix = 'slider-progress-bar',
     vertical,
-    rtl,
     end = 0,
     start = 0,
     style,
@@ -21,8 +20,7 @@ const ProgressBar = forwardRef((props, ref) => {
     withPrefix
   } = useStyles(classPrefix);
   const sizeKey = vertical ? 'height' : 'width';
-  const dirKey = rtl ? 'right' : 'left';
-  const startKey = vertical ? 'bottom' : dirKey;
+  const startKey = vertical ? 'bottom' : 'inset-inline-start';
   const styles = mergeStyles(style, {
     [startKey]: `${start}%`,
     [sizeKey]: `${end - start}%`

package/esm/Slider/Slider.js

@@ -110,9 +110,19 @@ const Slider = forwardRef((props, ref) => {
       pageX,
       pageY
     } = getPosition(event);
-    const offset = vertical ? barOffset.top + barOffset.height - pageY : pageX - barOffset.left;
-    const offsetValue = rtl && !vertical ? barOffset.width - offset : offset;
-    return getValueByOffset(offsetValue) + min;
+    let offset;
+    if (vertical) {
+      // For vertical sliders, top is 0% and bottom is 100% in both LTR and RTL
+      offset = barOffset.top + barOffset.height - pageY;
+    } else {
+      // For horizontal sliders, handle RTL direction
+      offset = pageX - barOffset.left;
+      if (rtl) {
+        // In RTL, invert the offset so that dragging right decreases the value
+        offset = barOffset.width - offset;
+      }
+    }
+    return getValueByOffset(offset) + min;
   }, [getValueByOffset, min, rtl, vertical]);
 
   /**
@@ -188,7 +198,6 @@ const Slider = forwardRef((props, ref) => {
     onClick: handleClickBar,
     "data-testid": "slider-bar"
   }, progress && /*#__PURE__*/React.createElement(ProgressBar, {
-    rtl: rtl,
     vertical: vertical,
     start: 0,
     end: (value - min) / (max - min) * 100

package/esm/Stack/Stack.js

@@ -41,8 +41,10 @@ const Stack = forwardRef((props, ref) => {
     cssVar,
     responsive
   } = useStyles(classPrefix);
-  const classes = merge(className, withPrefix(), ...responsive(direction));
-  const styles = mergeStyles(style, cssVar('spacing', spacing, getCssValue), cssVar('align', align), cssVar('justify', justify), cssVar('wrap', wrap ? 'wrap' : undefined));
+  const classes = merge(className, withPrefix({
+    wrap
+  }), ...responsive(direction));
+  const styles = mergeStyles(style, cssVar('spacing', spacing, getCssValue), cssVar('align', align), cssVar('justify', justify));
   const filteredChildren = React.Children.toArray(children);
   const childCount = filteredChildren.length;
   return /*#__PURE__*/React.createElement(Box, _extends({

package/esm/Stack/VStack.js

@@ -12,9 +12,7 @@ const VStack = forwardRef((props, ref) => {
     ...rest
   } = props;
   const direction = reverse ? 'column-reverse' : 'column';
-  return /*#__PURE__*/React.createElement(Stack, _extends({
-    align: "flex-start"
-  }, rest, {
+  return /*#__PURE__*/React.createElement(Stack, _extends({}, rest, {
     direction: direction,
     ref: ref
   }));

package/esm/Tree/TreeView.js

@@ -217,12 +217,11 @@ const TreeView = forwardRef((props, ref) => {
       key: node[valueKey]
     }, nodeProps));
   };
-  const renderVirtualListNode = _ref => {
-    let {
-      index,
-      style,
-      data
-    } = _ref;
+  const renderVirtualListNode = ({
+    index,
+    style,
+    data
+  }) => {
     const node = data[index];
     const {
       layer,
@@ -276,20 +275,17 @@ const TreeView = forwardRef((props, ref) => {
       height: 'auto'
     },
     className: prefix('virt-auto-sizer')
-  }, _ref2 => {
-    let {
-      height
-    } = _ref2;
-    return /*#__PURE__*/React.createElement(List, _extends({
-      ref: listRef,
-      height: height,
-      itemSize: defaultItemSize,
-      itemCount: formattedNodes.length,
-      itemData: formattedNodes,
-      className: prefix('virt-list'),
-      scrollShadow: scrollShadow
-    }, listProps), renderVirtualListNode);
-  }) : formattedNodes));
+  }, ({
+    height
+  }) => /*#__PURE__*/React.createElement(List, _extends({
+    ref: listRef,
+    height: height,
+    itemSize: defaultItemSize,
+    itemCount: formattedNodes.length,
+    itemData: formattedNodes,
+    className: prefix('virt-list'),
+    scrollShadow: scrollShadow
+  }, listProps), renderVirtualListNode)) : formattedNodes));
 });
 TreeView.displayName = 'TreeView';
 export default TreeView;

package/esm/Tree/hooks/useFlattenTree.js

@@ -23,10 +23,7 @@ function useFlattenTree(data, options) {
   const forceUpdate = useForceUpdate();
   const flattenedNodes = useRef({});
   const seenValues = useRef(new Set());
-  const updateTreeNodeCheckState = useCallback(function (value) {
-    if (value === void 0) {
-      value = [];
-    }
+  const updateTreeNodeCheckState = useCallback((value = []) => {
     // Reset values to false
     Object.keys(flattenedNodes.current).forEach(refKey => {
       const node = flattenedNodes.current[refKey];
@@ -42,10 +39,7 @@ function useFlattenTree(data, options) {
       });
     });
   }, [cascade, uncheckableItemValues, valueKey]);
-  const flattenTreeData = useCallback(function (treeData, parent, layer) {
-    if (layer === void 0) {
-      layer = 1;
-    }
+  const flattenTreeData = useCallback((treeData, parent, layer = 1) => {
     if (!Array.isArray(treeData) || treeData.length === 0) {
       return [];
     }

package/esm/Tree/hooks/useVirtualizedTreeData.js

@@ -10,13 +10,7 @@ import { useItemDataKeys } from "../../internals/Tree/TreeProvider.js";
 /**
  * Determines whether a node should be shown based on the expanded state of its parent nodes.
  */
-function shouldShowNodeByParentExpanded(expandItemValues, parentKeys) {
-  if (expandItemValues === void 0) {
-    expandItemValues = [];
-  }
-  if (parentKeys === void 0) {
-    parentKeys = [];
-  }
+function shouldShowNodeByParentExpanded(expandItemValues = [], parentKeys = []) {
   const intersectionKeys = intersection(expandItemValues, parentKeys);
   if (intersectionKeys.length === parentKeys.length) {
     return true;

package/esm/Tree/utils/flattenTree.js

@@ -13,10 +13,7 @@ export let WalkTreeStrategy = /*#__PURE__*/function (WalkTreeStrategy) {
 /**
  * Flattens a tree structure into an array.
  */
-export function flattenTree(rootNodes, getChildren, walkStrategy) {
-  if (walkStrategy === void 0) {
-    walkStrategy = WalkTreeStrategy.BFS;
-  }
+export function flattenTree(rootNodes, getChildren, walkStrategy = WalkTreeStrategy.BFS) {
   const result = [];
   if (walkStrategy === WalkTreeStrategy.BFS) {
     walkTreeBfs(rootNodes, getChildren, node => result.push(node));
@@ -58,10 +55,7 @@ export function walkTreeDfs(rootNodes, getChildren, callback) {
  * @deprecated This function is considered unsafe because it mutates the `tree` argument in-place.
  *             Use the `flattenTree` function instead.
  */
-export function UNSAFE_flattenTree(tree, childrenKey, executor) {
-  if (childrenKey === void 0) {
-    childrenKey = 'children';
-  }
+export function UNSAFE_flattenTree(tree, childrenKey = 'children', executor) {
   const flattenData = [];
   const traverse = (data, parent) => {
     if (!Array.isArray(data)) {

package/esm/Tree/utils/getExpandItemValues.js

@@ -2,13 +2,12 @@
 /**
  * Returns an array of expanded item values.
  */
-export function getExpandItemValues(_ref) {
-  let {
-    node,
-    isExpand,
-    expandItemValues,
-    valueKey
-  } = _ref;
+export function getExpandItemValues({
+  node,
+  isExpand,
+  expandItemValues,
+  valueKey
+}) {
   const newExpandItemValues = new Set(expandItemValues);
   if (isExpand) {
     newExpandItemValues.add(node[valueKey]);

package/esm/Tree/utils/indentTreeNode.js

@@ -1,8 +1,5 @@
 'use client';
-export function indentTreeNode(rtl, layer, absolute) {
-  if (absolute === void 0) {
-    absolute = false;
-  }
+export function indentTreeNode(rtl, layer, absolute = false) {
   // layer start from 1
   const offset = layer * 26;
   if (absolute) {

package/esm/Uploader/UploadFileItem.js

@@ -12,10 +12,7 @@ import { previewFile } from "./utils/previewFile.js";
  * Format display file size
  * @param size
  */
-export const formatSize = function (size) {
-  if (size === void 0) {
-    size = 0;
-  }
+export const formatSize = (size = 0) => {
   const K = 1024;
   const M = 1024 * 1024;
   const G = 1024 * 1024 * 1024;

package/esm/Uploader/Uploader.js

@@ -59,10 +59,7 @@ function fileListReducer(files, action) {
       throw new Error();
   }
 }
-const useFileList = function (defaultFileList) {
-  if (defaultFileList === void 0) {
-    defaultFileList = [];
-  }
+const useFileList = (defaultFileList = []) => {
   const fileListRef = useRef(defaultFileList.map(createFile));
   const fileListUpdateCallback = useRef(null);
   const [fileList, dispatch] = useReducer(fileListReducer, fileListRef.current);