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

package/esm/Uploader/Uploader.js

@@ -6,9 +6,9 @@ import FileItem from "./UploadFileItem.js";
 import Plaintext from "../internals/Plaintext/index.js";
 import ajaxUpload from "./utils/ajaxUpload.js";
 import UploadTrigger from "./UploadTrigger.js";
-import { useClassNames, useWillUnmount } from "../internals/hooks/index.js";
+import { forwardRef, guid } from "../internals/utils/index.js";
+import { useClassNames, useWillUnmount, useEventCallback } from "../internals/hooks/index.js";
 import { useCustom } from "../CustomProvider/index.js";
-import { guid } from "../internals/utils/index.js";
 
 // Define several states of the file during the upload process.
 
@@ -87,7 +87,7 @@ const useFileList = function (defaultFileList) {
  *
  * @see https://rsuitejs.com/components/uploader
  */
-const Uploader = /*#__PURE__*/React.forwardRef((props, ref) => {
+const Uploader = forwardRef((props, ref) => {
   const {
     propsWithDefaults
   } = useCustom('Uploader', props);
@@ -225,7 +225,7 @@ const Uploader = /*#__PURE__*/React.forwardRef((props, ref) => {
    * Upload a single file.
    * @param file
    */
-  const handleUploadFile = useCallback(file => {
+  const handleUploadFile = useEventCallback(file => {
     const {
       xhr,
       data: uploadData
@@ -251,8 +251,8 @@ const Uploader = /*#__PURE__*/React.forwardRef((props, ref) => {
       xhrs.current[file.fileKey] = xhr;
     }
     onUpload === null || onUpload === void 0 || onUpload(file, uploadData, xhr);
-  }, [name, timeout, headers, data, method, withCredentials, disableMultipart, action, handleAjaxUploadError, handleAjaxUploadSuccess, handleAjaxUploadProgress, updateFileStatus, onUpload]);
-  const handleAjaxUpload = useCallback(() => {
+  });
+  const handleAjaxUpload = useEventCallback(() => {
     fileList.current.forEach(file => {
       const checkState = shouldUpload === null || shouldUpload === void 0 ? void 0 : shouldUpload(file);
       if (checkState instanceof Promise) {
@@ -270,8 +270,8 @@ const Uploader = /*#__PURE__*/React.forwardRef((props, ref) => {
       }
     });
     cleanInputValue();
-  }, [cleanInputValue, fileList, handleUploadFile, shouldUpload]);
-  const handleUploadTriggerChange = event => {
+  });
+  const handleUploadTriggerChange = useEventCallback(event => {
     const files = getFiles(event);
     const newFileList = [];
     Array.from(files).forEach(file => {
@@ -306,8 +306,8 @@ const Uploader = /*#__PURE__*/React.forwardRef((props, ref) => {
       return;
     }
     upload();
-  };
-  const handleRemoveFile = (fileKey, event) => {
+  });
+  const handleRemoveFile = useEventCallback((fileKey, event) => {
     var _xhrs$current;
     const file = find(fileList.current, f => f.fileKey === fileKey);
     const nextFileList = fileList.current.filter(f => f.fileKey !== fileKey);
@@ -322,20 +322,20 @@ const Uploader = /*#__PURE__*/React.forwardRef((props, ref) => {
     onRemove === null || onRemove === void 0 || onRemove(file);
     onChange === null || onChange === void 0 || onChange(nextFileList, event);
     cleanInputValue();
-  };
-  const handleReupload = file => {
+  });
+  const handleReupload = useEventCallback(file => {
     autoUpload && handleUploadFile(file);
     onReupload === null || onReupload === void 0 || onReupload(file);
-  };
+  });
 
   // public API
-  const start = file => {
+  const start = useCallback(file => {
     if (file) {
       handleUploadFile(file);
       return;
     }
     handleAjaxUpload();
-  };
+  }, [handleAjaxUpload, handleUploadFile]);
   useImperativeHandle(ref, () => ({
     root: rootRef.current,
     start

package/esm/Uploader/index.d.ts

@@ -1,3 +1,4 @@
 import Uploader from './Uploader';
-export type { UploaderProps, FileStatusType, FileType } from './Uploader';
+export type { UploaderInstance, UploaderProps, FileStatusType, FileType } from './Uploader';
+export { Uploader };
 export default Uploader;

package/esm/Uploader/index.js

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

package/esm/VisuallyHidden/VisuallyHidden.d.ts

@@ -6,5 +6,8 @@ export type VisuallyHiddenProps = ComponentProps;
  * @version 5.52.0
  * @see https://rsuitejs.com/components/visually-hidden/
  */
-declare const VisuallyHidden: import("../internals/types").RsRefForwardingComponent<"span", ComponentProps, false>;
+declare const VisuallyHidden: import("../internals/types").InternalRefForwardingComponent<"span", Partial<{
+    name: string;
+    componentAs: "span";
+}>, never> & Record<string, never>;
 export default VisuallyHidden;

package/esm/VisuallyHidden/index.d.ts

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

package/esm/VisuallyHidden/index.js

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

package/esm/Whisper/index.d.ts

@@ -1,3 +1,4 @@
 import Whisper from './Whisper';
 export type { WhisperProps, WhisperInstance } from './Whisper';
+export { Whisper };
 export default Whisper;

package/esm/Whisper/index.js

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

package/esm/index.d.ts

@@ -1,203 +1,109 @@
-export { default as Text } from './Text';
-export type { TextProps } from './Text';
-export { default as Heading } from './Heading';
-export type { HeadingProps } from './Heading';
-export { default as HeadingGroup } from './HeadingGroup';
-export type { HeadingGroupProps } from './HeadingGroup';
-export { default as Highlight } from './Highlight';
-export type { HighlightProps } from './Highlight';
-export { default as SafeAnchor } from './SafeAnchor';
-export type { SafeAnchorProps } from './SafeAnchor';
-export { default as Button } from './Button';
-export type { ButtonProps } from './Button';
-export { default as IconButton } from './IconButton';
-export type { IconButtonProps } from './IconButton';
-export { default as ButtonToolbar } from './ButtonToolbar';
-export type { ButtonToolbarProps } from './ButtonToolbar';
-export { default as ButtonGroup } from './ButtonGroup';
-export type { ButtonGroupProps } from './ButtonGroup';
-export { default as Whisper } from './Whisper';
-export type { WhisperProps, WhisperInstance } from './Whisper';
-export { default as Tooltip } from './Tooltip';
-export type { TooltipProps } from './Tooltip';
-export { default as Popover } from './Popover';
-export type { PopoverProps } from './Popover';
-export { default as Modal } from './Modal';
-export type { ModalProps, ModalBodyProps, ModalDialogProps, ModalFooterProps, ModalHeaderProps, ModalTitleProps } from './Modal';
-export { default as Drawer } from './Drawer';
-export type { DrawerProps } from './Drawer';
-export { default as Dropdown } from './Dropdown';
-export type { DropdownProps, DropdownMenuItemProps, DropdownMenuProps } from './Dropdown';
-export { default as Notification } from './Notification';
-export type { NotificationProps } from './Notification';
-export { default as Message } from './Message';
-export type { MessageProps } from './Message';
-export { default as Loader } from './Loader';
-export type { LoaderProps } from './Loader';
-export { default as Placeholder } from './Placeholder';
-export type { PlaceholderGraphProps, PlaceholderGridProps, PlaceholderParagraphProps } from './Placeholder';
-export { default as Badge } from './Badge';
-export type { BadgeProps } from './Badge';
-export { default as toaster } from './toaster';
-export type { Toaster } from './toaster';
-export { default as useToaster } from './useToaster';
-export { default as Progress } from './Progress';
-export type { ProgressLineProps, ProgressCircleProps } from './Progress';
-export { default as Avatar } from './Avatar';
-export type { AvatarProps } from './Avatar';
-export { default as AvatarGroup } from './AvatarGroup';
-export type { AvatarGroupProps } from './AvatarGroup';
-export { default as Image } from './Image';
-export type { ImageProps } from './Image';
-export { default as Nav } from './Nav';
-export type { NavProps, NavItemProps } from './Nav';
-export { default as Navbar } from './Navbar';
-export type { NavbarProps, NavbarBodyProps, NavbarHeaderProps, NavbarBrandProps } from './Navbar';
-export { default as Sidenav } from './Sidenav';
-export type { SidenavProps, SidenavToggleProps, SidenavHeaderProps, SidenavBodyProps } from './Sidenav';
-export { default as Breadcrumb } from './Breadcrumb';
-export type { BreadcrumbProps, BreadcrumbItemProps } from './Breadcrumb';
-export { default as Pagination } from './Pagination';
-export type { PaginationProps, PaginationButtonProps, BasePaginationProps } from './Pagination';
-export { default as Steps } from './Steps';
-export type { StepsProps, StepItemProps } from './Steps';
-export { default as Form, useFormClassNames } from './Form';
-export type { FormProps, FormInstance, FormGroupProps, FormErrorMessageProps, FormControlLabelProps, FormHelpTextProps, FormControlProps } from './Form';
-export { default as Toggle } from './Toggle';
-export type { ToggleProps } from './Toggle';
-export { default as Input } from './Input';
-export type { InputProps } from './Input';
-export { default as MaskedInput } from './MaskedInput';
-export type { MaskedInputProps } from './MaskedInput';
-export { default as InputNumber } from './InputNumber';
-export type { InputNumberProps } from './InputNumber';
-export { default as InputGroup } from './InputGroup';
-export type { InputGroupProps } from './InputGroup';
-export { default as Checkbox } from './Checkbox';
-export type { CheckboxProps } from './Checkbox';
-export { default as CheckboxGroup } from './CheckboxGroup';
-export type { CheckboxGroupProps } from './CheckboxGroup';
-export { default as Radio } from './Radio';
-export type { RadioProps } from './Radio';
-export { default as RadioGroup } from './RadioGroup';
-export type { RadioGroupProps } from './RadioGroup';
-export { default as RadioTile } from './RadioTile';
-export type { RadioTileProps } from './RadioTile';
-export { default as RadioTileGroup } from './RadioTileGroup';
-export type { RadioTileGroupProps } from './RadioTileGroup';
-export { default as SelectPicker } from './SelectPicker';
-export type { SelectPickerProps } from './SelectPicker';
-export { default as CheckPicker } from './CheckPicker';
-export type { CheckPickerProps } from './CheckPicker';
-export { default as InputPicker } from './InputPicker';
-export type { InputPickerProps } from './InputPicker';
-export { default as TagPicker } from './TagPicker';
-export type { TagPickerProps } from './TagPicker';
-export { default as TagInput } from './TagInput';
-export type { TagInputProps } from './TagInput';
-export { default as TreePicker } from './TreePicker';
-export type { TreePickerProps } from './TreePicker';
-export { default as CheckTreePicker } from './CheckTreePicker';
-export type { CheckTreePickerProps } from './CheckTreePicker';
-export { default as Cascader } from './Cascader';
-export type { CascaderProps } from './Cascader';
-export { default as MultiCascader } from './MultiCascader';
-export type { MultiCascaderProps } from './MultiCascader';
-export { default as DateInput } from './DateInput';
-export type { DateInputProps } from './DateInput';
-export { default as DatePicker } from './DatePicker';
-export type { DatePickerProps } from './DatePicker';
-export { default as TimePicker } from './TimePicker';
-export type { TimePickerProps } from './TimePicker';
-export { default as DateRangeInput } from './DateRangeInput';
-export type { DateRangeInputProps } from './DateRangeInput';
-export { default as DateRangePicker } from './DateRangePicker';
-export type { DateRangePickerProps } from './DateRangePicker';
-export { default as TimeRangePicker } from './TimeRangePicker';
-export type { TimeRangePickerProps } from './TimeRangePicker';
-export { default as AutoComplete } from './AutoComplete';
-export type { AutoCompleteProps } from './AutoComplete';
-export { default as Uploader } from './Uploader';
-export type { UploaderProps } from './Uploader';
-export { default as Slider } from './Slider';
-export type { SliderProps } from './Slider';
-export { default as RangeSlider } from './RangeSlider';
-export type { RangeSliderProps } from './RangeSlider';
-export { default as Rate } from './Rate';
-export type { RateProps } from './Rate';
-export { default as InlineEdit } from './InlineEdit';
-export type { InlineEditProps } from './InlineEdit';
-export { default as Tree } from './Tree';
-export type { TreeProps } from './Tree';
-export { default as CheckTree } from './CheckTree';
-export type { CheckTreeProps } from './CheckTree';
-export { default as Card } from './Card';
-export type { CardProps } from './Card';
-export { default as CardGroup } from './CardGroup';
-export type { CardGroupProps } from './CardGroup';
-export { default as CascadeTree } from './CascadeTree';
-export type { CascadeTreeProps } from './CascadeTree';
-export { default as MultiCascadeTree } from './MultiCascadeTree';
-export type { MultiCascadeTreeProps } from './MultiCascadeTree';
-export { default as Panel } from './Panel';
-export type { PanelProps } from './Panel';
-export { default as PanelGroup } from './PanelGroup';
-export type { PanelGroupProps } from './PanelGroup';
-export { default as Stat } from './Stat';
-export type { StatProps } from './Stat';
-export { default as StatGroup } from './StatGroup';
-export type { StatGroupProps } from './StatGroup';
-export { default as Table } from './Table';
-export type { TableProps, ColumnProps, ColumnGroupProps, CellProps, TableLocaleType } from './Table';
-export { default as Timeline } from './Timeline';
-export type { TimelineProps, TimelineItemProps } from './Timeline';
-export { default as Tag } from './Tag';
-export type { TagProps } from './Tag';
-export { default as TagGroup } from './TagGroup';
-export type { TagGroupProps } from './TagGroup';
-export { default as List } from './List';
-export type { ListProps, ListItemProps } from './List';
-export { default as Calendar } from './Calendar';
-export type { CalendarProps } from './Calendar';
-export { default as Carousel } from './Carousel';
-export type { CarouselProps } from './Carousel';
-export { default as Grid } from './Grid';
-export type { GridProps } from './Grid';
-export { default as Row } from './Row';
-export type { RowProps } from './Row';
-export { default as Col } from './Col';
-export type { ColProps } from './Col';
-export { default as FlexboxGrid } from './FlexboxGrid';
-export type { FlexboxGridProps, FlexboxGridItemProps } from './FlexboxGrid';
-export { default as Container } from './Container';
-export type { ContainerProps } from './Container';
-export { default as Content } from './Content';
-export type { ContentProps } from './Content';
-export { default as Header } from './Header';
-export type { HeaderProps } from './Header';
-export { default as Sidebar } from './Sidebar';
-export type { SidebarProps } from './Sidebar';
-export { default as Footer } from './Footer';
-export type { FooterProps } from './Footer';
-export { default as Divider } from './Divider';
-export type { DividerProps } from './Divider';
-export { default as Stack, HStack, VStack } from './Stack';
-export type { StackProps, HStackProps, VStackProps } from './Stack';
-export { default as Schema } from './Schema';
-export { default as Animation } from './Animation';
-export type { TransitionProps, SlideProps, CollapseProps, FadeProps, BounceProps } from './Animation';
-export { default as DOMHelper } from './DOMHelper';
-export { default as Affix } from './Affix';
-export type { AffixProps } from './Affix';
-export { default as CustomProvider } from './CustomProvider';
-export type { CustomProviderProps } from './CustomProvider';
-export type { Locale, CalendarLocale, PlaintextLocale, PaginationLocale, TableLocale, DatePickerLocale, DateRangePickerLocale, PickerLocale, InputPickerLocale, UploaderLocale, BreadcrumbLocale, ToggleLocale } from './locales';
-export type { PickerHandle } from './internals/Picker';
-export { default as useMediaQuery } from './useMediaQuery';
-export { default as useBreakpointValue } from './useBreakpointValue';
-export { default as VisuallyHidden } from './VisuallyHidden';
-export type { VisuallyHiddenProps } from './VisuallyHidden';
-export { default as Tabs } from './Tabs';
-export type { TabsProps } from './Tabs';
-export { default as Accordion } from './Accordion';
-export type { AccordionProps } from './Accordion';
+export * from './Text';
+export * from './Heading';
+export * from './HeadingGroup';
+export * from './Highlight';
+export * from './SafeAnchor';
+export * from './Button';
+export * from './IconButton';
+export * from './ButtonToolbar';
+export * from './ButtonGroup';
+export * from './Whisper';
+export * from './Tooltip';
+export * from './Popover';
+export * from './Modal';
+export * from './Drawer';
+export * from './Dropdown';
+export * from './Notification';
+export * from './Message';
+export * from './Loader';
+export * from './Placeholder';
+export * from './Badge';
+export * from './toaster';
+export * from './useToaster';
+export * from './Progress';
+export * from './Avatar';
+export * from './AvatarGroup';
+export * from './Image';
+export * from './Nav';
+export * from './Navbar';
+export * from './Sidenav';
+export * from './Breadcrumb';
+export * from './Pagination';
+export * from './Steps';
+export * from './Form';
+export * from './FormGroup';
+export * from './FormErrorMessage';
+export * from './FormControlLabel';
+export * from './FormHelpText';
+export * from './FormControl';
+export * from './Toggle';
+export * from './Input';
+export * from './MaskedInput';
+export * from './InputNumber';
+export * from './InputGroup';
+export * from './Checkbox';
+export * from './CheckboxGroup';
+export * from './Radio';
+export * from './RadioGroup';
+export * from './RadioTile';
+export * from './RadioTileGroup';
+export * from './SelectPicker';
+export * from './CheckPicker';
+export * from './InputPicker';
+export * from './TagPicker';
+export * from './TagInput';
+export * from './TreePicker';
+export * from './CheckTreePicker';
+export * from './Cascader';
+export * from './MultiCascader';
+export * from './DateInput';
+export * from './DatePicker';
+export * from './TimePicker';
+export * from './DateRangeInput';
+export * from './DateRangePicker';
+export * from './TimeRangePicker';
+export * from './AutoComplete';
+export * from './Uploader';
+export * from './Slider';
+export * from './RangeSlider';
+export * from './Rate';
+export * from './InlineEdit';
+export * from './Tree';
+export * from './CheckTree';
+export * from './Card';
+export * from './CardGroup';
+export * from './CascadeTree';
+export * from './MultiCascadeTree';
+export * from './Panel';
+export * from './PanelGroup';
+export * from './Stat';
+export * from './StatGroup';
+export * from './Table';
+export * from './Timeline';
+export * from './Tag';
+export * from './TagGroup';
+export * from './List';
+export * from './Calendar';
+export * from './Carousel';
+export * from './Grid';
+export * from './Row';
+export * from './Col';
+export * from './FlexboxGrid';
+export * from './Container';
+export * from './Content';
+export * from './Header';
+export * from './Sidebar';
+export * from './Footer';
+export * from './Divider';
+export * from './Stack';
+export * from './Schema';
+export * from './Animation';
+export * from './DOMHelper';
+export * from './Affix';
+export * from './CustomProvider';
+export * from './useMediaQuery';
+export * from './useBreakpointValue';
+export * from './VisuallyHidden';
+export * from './Tabs';
+export * from './Accordion';
+export type { PickerHandle } from './internals/Picker/types';