rsuite 6.0.0-canary-20250103 → 6.0.0-canary-2025011413

package/esm/Timeline/Timeline.js

@@ -5,16 +5,21 @@ import some from 'lodash/some';
 import TimelineItem from "./TimelineItem.js";
 import { useClassNames } from "../internals/hooks/index.js";
 import { useCustom } from "../CustomProvider/index.js";
-import { ReactChildren } from "../internals/utils/index.js";
+import { forwardRef, ReactChildren } from "../internals/utils/index.js";
 const ACTIVE_FIRST = index => index === 0;
 const ACTIVE_LAST = (index, totalItemsCount) => index === totalItemsCount - 1;
+const SubcomponentsAndStaticMethods = {
+  Item: TimelineItem,
+  ACTIVE_FIRST,
+  ACTIVE_LAST
+};
 
 /**
  * The `Timeline` component is used to display a list of items in chronological order.
  *
  * @see https://rsuitejs.com/components/timeline
  */
-const Timeline = /*#__PURE__*/React.forwardRef(function Timeline(props, ref) {
+const Timeline = forwardRef((props, ref) => {
   const {
     propsWithDefaults
   } = useCustom('Timeline', props);
@@ -49,9 +54,6 @@ const Timeline = /*#__PURE__*/React.forwardRef(function Timeline(props, ref) {
     INTERNAL_active: isItemActive(index, count),
     align
   })));
-});
+}, SubcomponentsAndStaticMethods);
 Timeline.displayName = 'Timeline';
-Timeline.ACTIVE_FIRST = ACTIVE_FIRST;
-Timeline.ACTIVE_LAST = ACTIVE_LAST;
-Timeline.Item = TimelineItem;
 export default Timeline;

package/esm/Timeline/TimelineItem.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps } from '../internals/types';
 export interface TimelineItemProps extends WithAsProps {
     /**
      * Whether the last item
@@ -34,5 +34,5 @@ export interface TimelineItemProps extends WithAsProps {
  *
  * @see https://rsuitejs.com/compo◊nents/timeline
  */
-declare const TimelineItem: RsRefForwardingComponent<'div', TimelineItemProps>;
+declare const TimelineItem: import("../internals/types").InternalRefForwardingComponent<"div", TimelineItemProps, never> & Record<string, never>;
 export default TimelineItem;

package/esm/Timeline/TimelineItem.js

@@ -2,12 +2,13 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
 import { useClassNames } from "../internals/hooks/index.js";
+import { forwardRef } from "../internals/utils/index.js";
 /**
  * The `Timeline.Item` component is used to set the layout of the child element in the `Timeline` component.
  *
  * @see https://rsuitejs.com/compo◊nents/timeline
  */
-const TimelineItem = /*#__PURE__*/React.forwardRef((props, ref) => {
+const TimelineItem = forwardRef((props, ref) => {
   const {
     as: Component = 'li',
     children,

package/esm/Timeline/index.d.ts

@@ -1,4 +1,6 @@
 import Timeline from './Timeline';
+import TimelineItem from './TimelineItem';
 export type { TimelineProps } from './Timeline';
 export type { TimelineItemProps } from './TimelineItem';
+export { Timeline, TimelineItem };
 export default Timeline;

package/esm/Timeline/index.js

@@ -1,3 +1,9 @@
 'use client';
 import Timeline from "./Timeline.js";
+import TimelineItem from "./TimelineItem.js";
+
+// export types
+
+// export components
+export { Timeline, TimelineItem };
 export default Timeline;

package/esm/Toggle/Toggle.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
-import type { WithAsProps, TypeAttributes, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps, ColorType, SizeType } from '../internals/types';
 import type { ToggleLocale } from '../locales';
 export interface ToggleProps extends WithAsProps, Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'onChange'> {
     /**
      * The color of the toggle.
      */
-    color?: TypeAttributes.Color;
+    color?: ColorType;
     /**
      * Whether to disabled toggle
      */
@@ -41,7 +41,7 @@ export interface ToggleProps extends WithAsProps, Omit<React.InputHTMLAttributes
     /**
      * The size of the toggle
      */
-    size?: Omit<TypeAttributes.Size, 'xs'>;
+    size?: Omit<SizeType, 'xs'>;
     /**
      * Custom locale
      */
@@ -56,5 +56,5 @@ export interface ToggleProps extends WithAsProps, Omit<React.InputHTMLAttributes
  *
  * @see https://rsuitejs.com/components/toggle
  */
-declare const Toggle: RsRefForwardingComponent<'label', ToggleProps>;
+declare const Toggle: import("../internals/types").InternalRefForwardingComponent<"label", ToggleProps, never> & Record<string, never>;
 export default Toggle;

package/esm/Toggle/Toggle.js

@@ -4,14 +4,14 @@ import React, { useRef } from 'react';
 import Plaintext from "../internals/Plaintext/index.js";
 import Loader from "../Loader/index.js";
 import { useClassNames, useControlled, useUniqueId, useEventCallback } from "../internals/hooks/index.js";
-import { partitionHTMLProps } from "../internals/utils/index.js";
+import { forwardRef, partitionHTMLProps } from "../internals/utils/index.js";
 import { useCustom } from "../CustomProvider/index.js";
 /**
  * The `Toggle` component is used to activate or deactivate an element.
  *
  * @see https://rsuitejs.com/components/toggle
  */
-const Toggle = /*#__PURE__*/React.forwardRef((props, ref) => {
+const Toggle = forwardRef((props, ref) => {
   const {
     propsWithDefaults
   } = useCustom('Toggle', props);

package/esm/Toggle/index.d.ts

@@ -1,3 +1,4 @@
 import Toggle from './Toggle';
 export type { ToggleProps } from './Toggle';
+export { Toggle };
 export default Toggle;

package/esm/Toggle/index.js

@@ -1,3 +1,8 @@
 'use client';
 import Toggle from "./Toggle.js";
+
+// export types
+
+// export components
+export { Toggle };
 export default Toggle;

package/esm/Tooltip/Tooltip.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { Placement, WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { Placement, WithAsProps } from '../internals/types';
 export interface TooltipProps extends WithAsProps {
     /** Dispaly placement */
     placement?: Placement;
@@ -15,5 +15,5 @@ export interface TooltipProps extends WithAsProps {
  *
  * @see https://rsuitejs.com/components/tooltip
  */
-declare const Tooltip: RsRefForwardingComponent<'div', TooltipProps>;
+declare const Tooltip: import("../internals/types").InternalRefForwardingComponent<"div", TooltipProps, never> & Record<string, never>;
 export default Tooltip;

package/esm/Tooltip/Tooltip.js

@@ -1,6 +1,7 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React from 'react';
+import { forwardRef } from "../internals/utils/index.js";
 import { useClassNames } from "../internals/hooks/index.js";
 import { useCustom } from "../CustomProvider/index.js";
 /**
@@ -8,7 +9,7 @@ import { useCustom } from "../CustomProvider/index.js";
  *
  * @see https://rsuitejs.com/components/tooltip
  */
-const Tooltip = /*#__PURE__*/React.forwardRef((props, ref) => {
+const Tooltip = forwardRef((props, ref) => {
   const {
     propsWithDefaults
   } = useCustom('Tooltip', props);

package/esm/Tooltip/index.d.ts

@@ -1,3 +1,4 @@
 import Tooltip from './Tooltip';
 export type { TooltipProps } from './Tooltip';
+export { Tooltip };
 export default Tooltip;

package/esm/Tooltip/index.js

@@ -1,3 +1,8 @@
 'use client';
 import Tooltip from "./Tooltip.js";
+
+// export types
+
+// export components
+export { Tooltip };
 export default Tooltip;

package/esm/Tree/Tree.d.ts

@@ -1,7 +1,6 @@
 import { type TreeViewProps } from './TreeView';
-import type { RsRefForwardingComponent } from '../internals/types';
-import type { TreeExtraProps } from './types';
-export interface TreeProps<T = string | number | null> extends TreeViewProps<T>, TreeExtraProps {
+import type { TreeExtraProps, WithTreeDragProps } from './types';
+export interface TreeProps<T = string | number | null> extends WithTreeDragProps<TreeViewProps<T>>, TreeExtraProps {
     /**
      * Default selected Value
      */
@@ -16,5 +15,5 @@ export interface TreeProps<T = string | number | null> extends TreeViewProps<T>,
  *
  * @see https://rsuitejs.com/components/tree
  */
-declare const Tree: RsRefForwardingComponent<'div', TreeProps>;
+declare const Tree: import("../internals/types").InternalRefForwardingComponent<"div", TreeProps<string | number | null>, never> & Record<string, never>;
 export default Tree;

package/esm/Tree/Tree.js

@@ -5,6 +5,7 @@ import useFlattenTree from "./hooks/useFlattenTree.js";
 import useTreeWithChildren from "./hooks/useTreeWithChildren.js";
 import useExpandTree from "./hooks/useExpandTree.js";
 import TreeView from "./TreeView.js";
+import { forwardRef } from "../internals/utils/index.js";
 import { useControlled, useEventCallback } from "../internals/hooks/index.js";
 import { TreeProvider } from "../internals/Tree/TreeProvider.js";
 import { useCustom } from "../CustomProvider/index.js";
@@ -13,7 +14,7 @@ import { useCustom } from "../CustomProvider/index.js";
  *
  * @see https://rsuitejs.com/components/tree
  */
-const Tree = /*#__PURE__*/React.forwardRef((props, ref) => {
+const Tree = forwardRef((props, ref) => {
   const {
     propsWithDefaults
   } = useCustom('Tree', props);

package/esm/Tree/TreeNode.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WithAsProps, RsRefForwardingComponent } from '../internals/types';
+import type { WithAsProps } from '../internals/types';
 import type { TreeNode as TreeNodeData } from '../internals/Tree/types';
 export type DragStatus = 'drag-over' | 'drag-over-top' | 'drag-over-bottom';
 interface TreeDragEventProps {
@@ -97,5 +97,5 @@ export interface TreeNodeProps extends WithAsProps, TreeDragEventProps {
      */
     onSelect?: (nodeData: TreeNodeData, event: React.SyntheticEvent) => void;
 }
-declare const TreeNode: RsRefForwardingComponent<'div', TreeNodeProps>;
+declare const TreeNode: import("../internals/types").InternalRefForwardingComponent<"div", TreeNodeProps, never> & Record<string, never>;
 export default TreeNode;

package/esm/Tree/TreeNode.js

@@ -1,8 +1,8 @@
 'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
-import React, { forwardRef, useMemo } from 'react';
+import React, { useMemo } from 'react';
 import TreeNodeToggle from "./TreeNodeToggle.js";
-import { mergeRefs, stringifyReactNode } from "../internals/utils/index.js";
+import { forwardRef, mergeRefs, stringifyReactNode } from "../internals/utils/index.js";
 import { useFocusVirtualListItem, useClassNames, useEventCallback } from "../internals/hooks/index.js";
 import { useTreeContextProps } from "../internals/Tree/TreeProvider.js";
 import { indentTreeNode } from "./utils/index.js";
@@ -12,7 +12,7 @@ import { useCustom } from "../CustomProvider/index.js";
  * Props for the TreeNode component.
  */
 
-const TreeNode = /*#__PURE__*/forwardRef((props, ref) => {
+const TreeNode = forwardRef((props, ref) => {
   const {
     as: Component = 'div',
     label,

package/esm/Tree/TreeView.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
 import { type ListHandle } from '../internals/Windowing';
-import { RsRefForwardingComponent, DataProps, ToArray } from '../internals/types';
+import type { DataProps, ToArray, WithAsPropsWithoutChildren } from '../internals/types';
 import type { TreeNode, TreeNodeMap } from '../internals/Tree/types';
 import type { TreeViewBaseProps, TreeDragProps } from './types';
-export interface TreeViewProps<V = number | string | null> extends TreeViewBaseProps<V, TreeNode>, DataProps<TreeNode>, TreeDragProps {
+export interface TreeViewProps<V = number | string | null> extends TreeViewBaseProps<V, TreeNode>, DataProps<TreeNode> {
     /**
      * Selected value.
      */
@@ -33,13 +33,14 @@ export interface TreeViewProps<V = number | string | null> extends TreeViewBaseP
      */
     onChange?: (value: V, event: React.SyntheticEvent) => void;
 }
+export type WithTreeDragProps<P> = P & TreeDragProps;
 /**
  * Props for the TreeViewInner component.
  */
 /**
  * Represents the props for the TreeView component.
  */
-interface TreeViewInnerProps<V = string | number | null> extends Omit<TreeViewProps<V>, 'onExpand'> {
+interface TreeViewInnerProps<V = string | number | null> extends Omit<WithTreeDragProps<TreeViewProps<V>>, 'onExpand'>, WithAsPropsWithoutChildren {
     /**
      * An array of values representing the loading nodes.
      */
@@ -65,5 +66,5 @@ interface TreeViewInnerProps<V = string | number | null> extends Omit<TreeViewPr
      */
     onExpand?: (nodeData: TreeNode, expanded?: boolean) => void;
 }
-declare const TreeView: RsRefForwardingComponent<'div', TreeViewInnerProps>;
+declare const TreeView: import("../internals/types").InternalRefForwardingComponent<"div", TreeViewInnerProps<string | number | null>, never> & Record<string, never>;
 export default TreeView;

package/esm/Tree/TreeView.js

@@ -11,6 +11,7 @@ import useVirtualizedTreeData from "./hooks/useVirtualizedTreeData.js";
 import useTreeNodeProps from "./hooks/useTreeNodeProps.js";
 import SearchBox from "../internals/SearchBox/index.js";
 import { List, AutoSizer, defaultItemSize } from "../internals/Windowing/index.js";
+import { forwardRef } from "../internals/utils/index.js";
 import { getPathTowardsItem, getKeyParentMap } from "../internals/Tree/utils/index.js";
 import { useClassNames, useEventCallback } from "../internals/hooks/index.js";
 import { isExpand, hasVisibleChildren, getActiveItem } from "./utils/index.js";
@@ -26,7 +27,7 @@ import { useCustom } from "../CustomProvider/index.js";
  * Represents the props for the TreeView component.
  */
 
-const TreeView = /*#__PURE__*/React.forwardRef((props, ref) => {
+const TreeView = forwardRef((props, ref) => {
   const {
     as: Component = 'div',
     data = [],

package/esm/Tree/hooks/useFlattenTree.js

@@ -1,10 +1,10 @@
 'use client';
-import { useCallback, useRef, useEffect } from 'react';
 import omit from 'lodash/omit';
 import isNil from 'lodash/isNil';
+import useForceUpdate from "./useForceUpdate.js";
+import { useCallback, useRef, useEffect } from 'react';
 import { shallowEqual } from "../../internals/utils/index.js";
 import { formatNodeRefKey } from "../utils/index.js";
-import useForceUpdate from "./useForceUpdate.js";
 /**
  * Custom hook that flattens a tree data structure into a map of nodes.
  *
@@ -22,6 +22,7 @@ function useFlattenTree(data, options) {
   } = options;
   const forceUpdate = useForceUpdate();
   const flattenedNodes = useRef({});
+  const seenValues = useRef(new Set());
   const updateTreeNodeCheckState = useCallback(function (value) {
     if (value === void 0) {
       value = [];
@@ -50,12 +51,12 @@ function useFlattenTree(data, options) {
     }
     treeData.map(node => {
       const value = node[valueKey];
-      /**
-       * because the value of the node's type is string or number,
-       * so it can used as the key of the object directly
-       * to avoid number value is converted to string. 1 and '1' will be convert to '1'
-       * we used `String_` or `Number_` prefix
-       */
+
+      // Check for duplicate values
+      if (seenValues.current.has(value)) {
+        console.error(`[rsuite] The value '${value}' is duplicated. Each node in the tree data must have a unique value.`);
+      }
+      seenValues.current.add(value);
       const refKey = formatNodeRefKey(value);
       node.refKey = refKey;
       flattenedNodes.current[refKey] = {
@@ -76,6 +77,7 @@ function useFlattenTree(data, options) {
   useEffect(() => {
     // when data is changed, should clear the flattenedNodes, avoid duplicate keys
     flattenedNodes.current = {};
+    seenValues.current.clear();
     flattenTreeData(data);
   }, [data]);
   useEffect(() => {

package/esm/Tree/index.d.ts

@@ -1,3 +1,5 @@
 import Tree from './Tree';
 export type { TreeProps } from './Tree';
+export type { TreeNodeProps } from './TreeNode';
+export { Tree };
 export default Tree;

package/esm/Tree/index.js

@@ -1,3 +1,8 @@
 'use client';
 import Tree from "./Tree.js";
+
+// export types
+
+// export components
+export { Tree };
 export default Tree;

package/esm/Tree/types.d.ts

@@ -70,6 +70,7 @@ export interface TreeDragProps<T = Record<string, any>> {
      */
     onDrop?: (dropData: DropData<T>, e: React.DragEvent) => void;
 }
+export type WithTreeDragProps<P> = P & TreeDragProps;
 /**
  * Represents the base props for the Tree component.
  *

package/esm/TreePicker/TreePicker.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import { type TreeViewProps } from '../Tree/TreeView';
 import { PickerLocale } from '../locales';
-import { PickerComponent, PickerToggleProps } from '../internals/Picker';
+import { PickerToggleProps } from '../internals/Picker';
 import { TreeNode } from '../internals/Tree/types';
 import type { FormControlPickerProps, DeprecatedPickerProps } from '../internals/types';
 import type { TreeExtraProps } from '../Tree/types';
@@ -34,5 +34,5 @@ export interface TreePickerProps<V = number | string | null> extends TreeViewPro
  *
  * @see https://rsuitejs.com/components/tree-picker/
  */
-declare const TreePicker: PickerComponent<TreePickerProps>;
+declare const TreePicker: import("../internals/types").InternalRefForwardingComponent<"div", TreePickerProps<string | number | null>, never> & Record<string, never>;
 export default TreePicker;

package/esm/TreePicker/TreePicker.js

@@ -11,7 +11,7 @@ import useFocusState from "./hooks/useFocusState.js";
 import useExpandTree from "../Tree/hooks/useExpandTree.js";
 import TreeView from "../Tree/TreeView.js";
 import { useClassNames, useControlled, useEventCallback } from "../internals/hooks/index.js";
-import { createChainedFunction, mergeRefs } from "../internals/utils/index.js";
+import { forwardRef, createChainedFunction, mergeRefs } from "../internals/utils/index.js";
 import { getActiveItem, getTreeActiveNode } from "../Tree/utils/index.js";
 import { PickerToggle, PickerPopup, PickerToggleTrigger, usePickerClassName, usePickerRef, onMenuKeyDown, pickTriggerPropKeys, omitTriggerPropKeys, useToggleKeyDownEvent } from "../internals/Picker/index.js";
 import { TreeProvider, useTreeImperativeHandle } from "../internals/Tree/TreeProvider.js";
@@ -21,7 +21,7 @@ import { useCustom } from "../CustomProvider/index.js";
  *
  * @see https://rsuitejs.com/components/tree-picker/
  */
-const TreePicker = /*#__PURE__*/React.forwardRef((props, ref) => {
+const TreePicker = forwardRef((props, ref) => {
   const {
     propsWithDefaults
   } = useCustom('TreePicker', props);

package/esm/TreePicker/index.d.ts

@@ -1,3 +1,4 @@
 import TreePicker from './TreePicker';
 export type { TreePickerProps } from './TreePicker';
+export { TreePicker };
 export default TreePicker;

package/esm/TreePicker/index.js

@@ -1,3 +1,8 @@
 'use client';
 import TreePicker from "./TreePicker.js";
+
+// export types
+
+// export components
+export { TreePicker };
 export default TreePicker;

package/esm/Uploader/UploadFileItem.d.ts

@@ -23,5 +23,5 @@ export interface UploadFileItemProps extends WithAsProps {
  * @param size
  */
 export declare const formatSize: (size?: number) => string;
-declare const UploadFileItem: React.ForwardRefExoticComponent<UploadFileItemProps & React.RefAttributes<HTMLDivElement>>;
+declare const UploadFileItem: import("../internals/types").InternalRefForwardingComponent<"div", UploadFileItemProps, never> & Record<string, never>;
 export default UploadFileItem;

package/esm/Uploader/UploadFileItem.js

@@ -4,6 +4,7 @@ import React, { useCallback, useEffect, useState } from 'react';
 import Attachment from '@rsuite/icons/Attachment';
 import Reload from '@rsuite/icons/Reload';
 import CloseButton from "../internals/CloseButton/index.js";
+import { forwardRef } from "../internals/utils/index.js";
 import { useClassNames } from "../internals/hooks/index.js";
 import { previewFile } from "./utils/previewFile.js";
 /**
@@ -28,7 +29,7 @@ export const formatSize = function (size) {
   }
   return `${size}B`;
 };
-const UploadFileItem = /*#__PURE__*/React.forwardRef((props, ref) => {
+const UploadFileItem = forwardRef((props, ref) => {
   const {
     as: Component = 'div',
     disabled,

package/esm/Uploader/UploadTrigger.d.ts

@@ -2,16 +2,12 @@ import React from 'react';
 import { ButtonProps } from '../Button';
 import type { UploaderLocale } from '../locales';
 export interface UploadTriggerProps extends ButtonProps {
-    as?: React.ElementType;
     name?: string;
     multiple?: boolean;
     disabled?: boolean;
     readOnly?: boolean;
     draggable?: boolean;
     accept?: string;
-    classPrefix?: string;
-    className?: string;
-    children?: React.ReactNode;
     locale?: UploaderLocale;
     onChange?: React.ChangeEventHandler<HTMLInputElement>;
     onDragEnter?: React.DragEventHandler<HTMLInputElement>;
@@ -22,5 +18,5 @@ export interface UploadTriggerProps extends ButtonProps {
 export interface UploadTriggerInstance {
     clearInput: () => void;
 }
-declare const UploadTrigger: React.ForwardRefExoticComponent<UploadTriggerProps & React.RefAttributes<unknown>>;
+declare const UploadTrigger: import("../internals/types").InternalRefForwardingComponent<import("../internals/types").InternalRefForwardingComponent<"button", ButtonProps, never> & Record<string, never>, UploadTriggerProps, never> & Record<string, never>;
 export default UploadTrigger;

package/esm/Uploader/UploadTrigger.js

@@ -2,7 +2,8 @@
 import React, { useRef, useState, useImperativeHandle } from 'react';
 import Button from "../Button/index.js";
 import { useClassNames, useEventCallback } from "../internals/hooks/index.js";
-const UploadTrigger = /*#__PURE__*/React.forwardRef((props, ref) => {
+import { forwardRef } from "../internals/utils/index.js";
+const UploadTrigger = forwardRef((props, ref) => {
   const {
     as: Component = Button,
     name,

package/esm/Uploader/Uploader.d.ts

@@ -22,6 +22,10 @@ export interface UploaderInstance {
     start: (file?: FileType) => void;
 }
 export interface UploaderProps extends WithAsProps, Omit<UploadTriggerProps, 'onChange' | 'onError' | 'onProgress'> {
+    /**
+     * Custom ref for Uploader
+     */
+    ref?: React.Ref<UploaderInstance | undefined>;
     /** Uploading URL */
     action: string;
     /** File types that can be accepted. See input accept Attribute */
@@ -110,5 +114,5 @@ export interface FileProgressType {
  *
  * @see https://rsuitejs.com/components/uploader
  */
-declare const Uploader: React.ForwardRefExoticComponent<UploaderProps & React.RefAttributes<unknown>>;
+declare const Uploader: import("../internals/types").InternalRefForwardingComponent<"div", UploaderProps, never> & Record<string, never>;
 export default Uploader;