rsuite 6.0.0-canary-20250416 → 6.0.0-canary-20250507

package/esm/CustomProvider/types.d.ts

@@ -1,234 +0,0 @@
-import type { AccordionProps } from '../Accordion';
-import type { AffixProps } from '../Affix';
-import type { BounceProps } from '../Animation/Bounce';
-import type { CollapseProps } from '../Animation/Collapse';
-import type { FadeProps } from '../Animation/Fade';
-import type { SlideProps } from '../Animation/Slide';
-import type { TransitionProps } from '../Animation/Transition';
-import type { AutoCompleteProps } from '../AutoComplete';
-import type { AvatarProps } from '../Avatar';
-import type { AvatarGroupProps } from '../AvatarGroup';
-import type { BadgeProps } from '../Badge';
-import type { BreadcrumbProps } from '../Breadcrumb';
-import type { ButtonProps } from '../Button';
-import type { ButtonGroupProps } from '../ButtonGroup';
-import type { ButtonToolbarProps } from '../ButtonToolbar';
-import type { CalendarProps } from '../Calendar';
-import type { CarouselProps } from '../Carousel';
-import type { CascadeTreeProps } from '../CascadeTree';
-import type { CascaderProps } from '../Cascader';
-import type { CardProps } from '../Card';
-import type { CardGroupProps } from '../CardGroup';
-import type { CheckPickerProps } from '../CheckPicker';
-import type { CheckTreeProps } from '../CheckTree';
-import type { CheckTreePickerProps } from '../CheckTreePicker';
-import type { CheckboxProps } from '../Checkbox';
-import type { CheckboxGroupProps } from '../CheckboxGroup';
-import type { ColProps } from '../Col';
-import type { ContainerProps } from '../Container';
-import type { ContentProps } from '../Content';
-import type { DateInputProps } from '../DateInput';
-import type { DatePickerProps } from '../DatePicker';
-import type { DateRangeInputProps } from '../DateRangeInput';
-import type { DateRangePickerProps } from '../DateRangePicker';
-import type { DividerProps } from '../Divider';
-import type { DrawerProps } from '../Drawer';
-import type { DropdownProps } from '../Dropdown';
-import type { FlexboxGridProps } from '../FlexboxGrid';
-import type { FooterProps } from '../Footer';
-import type { FormProps } from '../Form';
-import type { FormControlProps } from '../FormControl';
-import type { FormControlLabelProps } from '../FormControlLabel';
-import type { FormErrorMessageProps } from '../FormErrorMessage';
-import type { FormGroupProps } from '../FormGroup';
-import type { FormHelpTextProps } from '../FormHelpText';
-import type { FormStackProps } from '../FormStack';
-import type { GridProps } from '../Grid';
-import type { HeaderProps } from '../Header';
-import type { HeadingProps } from '../Heading';
-import type { HeadingGroupProps } from '../HeadingGroup';
-import type { HighlightProps } from '../Highlight';
-import type { IconButtonProps } from '../IconButton';
-import type { InlineEditProps } from '../InlineEdit';
-import type { InputProps } from '../Input';
-import type { InputGroupProps } from '../InputGroup';
-import type { InputNumberProps } from '../InputNumber';
-import type { InputPickerProps } from '../InputPicker';
-import type { KbdProps } from '../Kbd';
-import type { ImageProps } from '../Image';
-import type { LinkProps } from '../Link';
-import type { ListProps } from '../List';
-import type { LoaderProps } from '../Loader';
-import type { MaskedInputProps } from '../MaskedInput';
-import type { MessageProps } from '../Message';
-import type { ModalProps } from '../Modal';
-import type { MultiCascadeTreeProps } from '../MultiCascadeTree';
-import type { MultiCascaderProps } from '../MultiCascader';
-import type { NavProps } from '../Nav';
-import type { NavbarProps } from '../Navbar';
-import type { NotificationProps } from '../Notification';
-import type { PasswordInputProps } from '../PasswordInput';
-import type { PasswordStrengthMeterProps } from '../PasswordStrengthMeter';
-import type { PaginationProps } from '../Pagination';
-import type { PanelProps } from '../Panel';
-import type { PanelGroupProps } from '../PanelGroup';
-import type { PlaceholderGraphProps } from '../Placeholder/PlaceholderGraph';
-import type { PlaceholderGridProps } from '../Placeholder/PlaceholderGrid';
-import type { PlaceholderParagraphProps } from '../Placeholder/PlaceholderParagraph';
-import type { PopoverProps } from '../Popover';
-import type { ProgressCircleProps } from '../Progress/ProgressCircle';
-import type { ProgressLineProps } from '../Progress/ProgressLine';
-import type { RadioProps } from '../Radio';
-import type { RadioGroupProps } from '../RadioGroup';
-import type { RadioTileProps } from '../RadioTile';
-import type { RadioTileGroupProps } from '../RadioTileGroup';
-import type { RangeSliderProps } from '../RangeSlider';
-import type { RateProps } from '../Rate';
-import type { RowProps } from '../Row';
-import type { SelectPickerProps } from '../SelectPicker';
-import type { SidebarProps } from '../Sidebar';
-import type { SidenavProps } from '../Sidenav';
-import type { SliderProps } from '../Slider';
-import type { StackProps } from '../Stack';
-import type { StepsProps } from '../Steps';
-import type { StatProps } from '../Stat';
-import type { StatGroupProps } from '../StatGroup';
-import type { TableProps } from '../Table';
-import type { TabsProps } from '../Tabs';
-import type { TagProps } from '../Tag';
-import type { TagGroupProps } from '../TagGroup';
-import type { TagInputProps } from '../TagInput';
-import type { TagPickerProps } from '../TagPicker';
-import type { TextProps } from '../Text';
-import type { TimePickerProps } from '../TimePicker';
-import type { TimeRangePickerProps } from '../TimeRangePicker';
-import type { TimelineProps } from '../Timeline';
-import type { ToggleProps } from '../Toggle';
-import type { TooltipProps } from '../Tooltip';
-import type { TreeProps } from '../Tree';
-import type { TreePickerProps } from '../TreePicker';
-import type { TextareaProps } from '../Textarea';
-import type { UploaderProps } from '../Uploader';
-import type { VisuallyHiddenProps } from '../VisuallyHidden';
-import type { WhisperProps } from '../Whisper';
-import type { SafeAnchorProps } from '../internals/SafeAnchor';
-interface ComponentProps<T> {
-    defaultProps: Partial<T>;
-}
-export interface ReactSuiteComponents {
-    Accordion: ComponentProps<AccordionProps>;
-    Affix: ComponentProps<AffixProps>;
-    Bounce: ComponentProps<BounceProps>;
-    Collapse: ComponentProps<CollapseProps>;
-    Fade: ComponentProps<FadeProps>;
-    Slide: ComponentProps<SlideProps>;
-    Transition: ComponentProps<TransitionProps>;
-    AutoComplete: ComponentProps<AutoCompleteProps>;
-    Avatar: ComponentProps<AvatarProps>;
-    AvatarGroup: ComponentProps<AvatarGroupProps>;
-    Badge: ComponentProps<BadgeProps>;
-    Breadcrumb: ComponentProps<BreadcrumbProps>;
-    Button: ComponentProps<ButtonProps>;
-    ButtonGroup: ComponentProps<ButtonGroupProps>;
-    ButtonToolbar: ComponentProps<ButtonToolbarProps>;
-    Calendar: ComponentProps<CalendarProps>;
-    Carousel: ComponentProps<CarouselProps>;
-    CascadeTree: ComponentProps<CascadeTreeProps>;
-    Cascader: ComponentProps<CascaderProps>;
-    Card: ComponentProps<CardProps>;
-    CardGroup: ComponentProps<CardGroupProps>;
-    CheckPicker: ComponentProps<CheckPickerProps>;
-    CheckTree: ComponentProps<CheckTreeProps>;
-    CheckTreePicker: ComponentProps<CheckTreePickerProps>;
-    Checkbox: ComponentProps<CheckboxProps>;
-    CheckboxGroup: ComponentProps<CheckboxGroupProps>;
-    Col: ComponentProps<ColProps>;
-    Container: ComponentProps<ContainerProps>;
-    Content: ComponentProps<ContentProps>;
-    DateInput: ComponentProps<DateInputProps>;
-    DatePicker: ComponentProps<DatePickerProps>;
-    DateRangeInput: ComponentProps<DateRangeInputProps>;
-    DateRangePicker: ComponentProps<DateRangePickerProps>;
-    Divider: ComponentProps<DividerProps>;
-    Drawer: ComponentProps<DrawerProps>;
-    Dropdown: ComponentProps<DropdownProps>;
-    FlexboxGrid: ComponentProps<FlexboxGridProps>;
-    Footer: ComponentProps<FooterProps>;
-    Form: ComponentProps<FormProps>;
-    FormControl: ComponentProps<FormControlProps>;
-    FormControlLabel: ComponentProps<FormControlLabelProps>;
-    FormErrorMessage: ComponentProps<FormErrorMessageProps>;
-    FormGroup: ComponentProps<FormGroupProps>;
-    FormHelpText: ComponentProps<FormHelpTextProps>;
-    FormStack: ComponentProps<FormStackProps>;
-    Grid: ComponentProps<GridProps>;
-    Header: ComponentProps<HeaderProps>;
-    Heading: ComponentProps<HeadingProps>;
-    HeadingGroup: ComponentProps<HeadingGroupProps>;
-    Highlight: ComponentProps<HighlightProps>;
-    IconButton: ComponentProps<IconButtonProps>;
-    InlineEdit: ComponentProps<InlineEditProps>;
-    Input: ComponentProps<InputProps>;
-    InputGroup: ComponentProps<InputGroupProps>;
-    InputNumber: ComponentProps<InputNumberProps>;
-    InputPicker: ComponentProps<InputPickerProps>;
-    Image: ComponentProps<ImageProps>;
-    Kbd: ComponentProps<KbdProps>;
-    Link: ComponentProps<LinkProps>;
-    List: ComponentProps<ListProps>;
-    Loader: ComponentProps<LoaderProps>;
-    MaskedInput: ComponentProps<MaskedInputProps>;
-    Message: ComponentProps<MessageProps>;
-    Modal: ComponentProps<ModalProps>;
-    MultiCascadeTree: ComponentProps<MultiCascadeTreeProps>;
-    MultiCascader: ComponentProps<MultiCascaderProps>;
-    Nav: ComponentProps<NavProps>;
-    Navbar: ComponentProps<NavbarProps>;
-    Notification: ComponentProps<NotificationProps>;
-    PasswordInput: ComponentProps<PasswordInputProps>;
-    PasswordStrengthMeter: ComponentProps<PasswordStrengthMeterProps>;
-    Pagination: ComponentProps<PaginationProps>;
-    Panel: ComponentProps<PanelProps>;
-    PanelGroup: ComponentProps<PanelGroupProps>;
-    PlaceholderGraph: ComponentProps<PlaceholderGraphProps>;
-    PlaceholderGrid: ComponentProps<PlaceholderGridProps>;
-    PlaceholderParagraph: ComponentProps<PlaceholderParagraphProps>;
-    Popover: ComponentProps<PopoverProps>;
-    ProgressCircle: ComponentProps<ProgressCircleProps>;
-    ProgressLine: ComponentProps<ProgressLineProps>;
-    Radio: ComponentProps<RadioProps>;
-    RadioGroup: ComponentProps<RadioGroupProps>;
-    RadioTile: ComponentProps<RadioTileProps>;
-    RadioTileGroup: ComponentProps<RadioTileGroupProps>;
-    RangeSlider: ComponentProps<RangeSliderProps>;
-    Rate: ComponentProps<RateProps>;
-    Row: ComponentProps<RowProps>;
-    SelectPicker: ComponentProps<SelectPickerProps>;
-    Sidebar: ComponentProps<SidebarProps>;
-    Sidenav: ComponentProps<SidenavProps>;
-    Slider: ComponentProps<SliderProps>;
-    Stack: ComponentProps<StackProps>;
-    Steps: ComponentProps<StepsProps>;
-    Stat: ComponentProps<StatProps>;
-    StatGroup: ComponentProps<StatGroupProps>;
-    Table: ComponentProps<TableProps>;
-    Tabs: ComponentProps<TabsProps>;
-    Tag: ComponentProps<TagProps>;
-    TagGroup: ComponentProps<TagGroupProps>;
-    TagInput: ComponentProps<TagInputProps>;
-    TagPicker: ComponentProps<TagPickerProps>;
-    Text: ComponentProps<TextProps>;
-    TimePicker: ComponentProps<TimePickerProps>;
-    TimeRangePicker: ComponentProps<TimeRangePickerProps>;
-    Timeline: ComponentProps<TimelineProps>;
-    Toggle: ComponentProps<ToggleProps>;
-    Tooltip: ComponentProps<TooltipProps>;
-    Tree: ComponentProps<TreeProps>;
-    TreePicker: ComponentProps<TreePickerProps>;
-    Textarea: ComponentProps<TextareaProps>;
-    Uploader: ComponentProps<UploaderProps>;
-    VisuallyHidden: ComponentProps<VisuallyHiddenProps>;
-    Whisper: ComponentProps<WhisperProps>;
-    SafeAnchor: ComponentProps<SafeAnchorProps>;
-}
-export {};

package/esm/FormControl/hooks/useRegisterModel.d.ts

@@ -1,3 +0,0 @@
-import type { CheckType } from 'schema-typed';
-declare function useRegisterModel(name: string, rule?: CheckType<unknown, any>): void;
-export default useRegisterModel;

package/esm/InputNumber/InputNumber.js

@@ -1,293 +0,0 @@
-'use client';
-import _extends from "@babel/runtime/helpers/esm/extends";
-import React, { useEffect, useRef, useState, useMemo, useCallback } from 'react';
-import isNil from 'lodash/isNil';
-import on from 'dom-lib/on';
-import ArrowUpLineIcon from '@rsuite/icons/ArrowUpLine';
-import ArrowDownLineIcon from '@rsuite/icons/ArrowDownLine';
-import InputGroup from "../InputGroup/InputGroup.js";
-import InputGroupAddon from "../InputGroup/InputGroupAddon.js";
-import Input from "../Input/index.js";
-import Button from "../Button/index.js";
-import Box from "../internals/Box/index.js";
-import { useStyles, useControlled, useEventCallback } from "../internals/hooks/index.js";
-import { KEY_VALUES } from "../internals/constants/index.js";
-import { forwardRef, partitionHTMLProps, createChainedFunction } from "../internals/utils/index.js";
-import { useCustom } from "../CustomProvider/index.js";
-/**
- * Check if the value is a number.
- * @param value
- */
-const isNumber = value => /(^-?|^\+?|^\d?)\d*\.\d+$/.test(value + '');
-
-/**
- * Get the length of the decimal.
- * @param value
- */
-function getDecimalLength(value) {
-  if (isNumber(value)) {
-    return value.toString().split('.')[1].length;
-  }
-  return 0;
-}
-
-/**
- * Get the value after the decimal point.
- * @param values
- */
-function decimals() {
-  for (var _len = arguments.length, values = new Array(_len), _key = 0; _key < _len; _key++) {
-    values[_key] = arguments[_key];
-  }
-  const lengths = values.map(getDecimalLength);
-  return Math.max(...lengths);
-}
-
-/**
- * Disable the upper limit of the number.
- * @param value
- * @param max
- */
-function valueReachesMax(value, max) {
-  if (!isNil(value)) {
-    return +value >= max;
-  }
-  return false;
-}
-
-/**
- * Disable the lower limit of the number.
- * @param value
- * @param min
- */
-function valueReachesMin(value, min) {
-  if (!isNil(value)) {
-    return +value <= min;
-  }
-  return false;
-}
-
-/**
- * The `InputNumber` component is used to enter a numerical value.
- * @see https://rsuitejs.com/components/input-number
- */
-const InputNumber = forwardRef((props, ref) => {
-  const {
-    propsWithDefaults
-  } = useCustom('InputNumber', props);
-  const {
-    as = InputGroup,
-    className,
-    classPrefix = 'input-number',
-    disabled,
-    decimalSeparator,
-    formatter,
-    readOnly,
-    plaintext,
-    value: valueProp,
-    defaultValue,
-    size,
-    prefix: prefixElement,
-    postfix,
-    step = 1,
-    buttonAppearance = 'subtle',
-    min: minProp,
-    max: maxProp,
-    scrollable = true,
-    onChange,
-    onWheel,
-    onBlur,
-    onFocus,
-    ...restProps
-  } = propsWithDefaults;
-  const min = minProp !== null && minProp !== void 0 ? minProp : -Infinity;
-  const max = maxProp !== null && maxProp !== void 0 ? maxProp : Infinity;
-  const [value, setValue] = useControlled(valueProp, defaultValue);
-  const [isFocused, setIsFocused] = useState(false);
-  const {
-    withPrefix,
-    merge,
-    prefix
-  } = useStyles(classPrefix);
-  const classes = merge(className, withPrefix());
-  const [htmlInputProps, rest] = partitionHTMLProps(restProps);
-  const inputRef = useRef(null);
-  const getSafeValue = value => {
-    if (!Number.isNaN(value)) {
-      if (+value > max) {
-        value = max;
-      }
-      if (+value < min) {
-        value = min;
-      }
-    } else {
-      value = '';
-    }
-    return value.toString();
-  };
-  const handleChangeValue = useEventCallback((currentValue, event) => {
-    if (currentValue !== value) {
-      setValue(currentValue);
-      onChange === null || onChange === void 0 || onChange(currentValue, event);
-    }
-  });
-
-  // Increment value by step
-  const handleStepUp = useEventCallback(event => {
-    const val = +(value || 0);
-    const bit = decimals(val, step);
-    handleChangeValue(getSafeValue((val + step).toFixed(bit)), event);
-  });
-
-  // Decrement value by step
-  const handleStepDown = useEventCallback(event => {
-    const val = +(value || 0);
-    const bit = decimals(val, step);
-    handleChangeValue(getSafeValue((val - step).toFixed(bit)), event);
-  });
-
-  // Disables step up/down button when
-  // - InputNumber is disabled/readonly
-  // - value reaches max/min limits
-  const stepUpDisabled = disabled || readOnly || valueReachesMax(value, max);
-  const stepDownDisabled = disabled || readOnly || valueReachesMin(value, min);
-  const handleKeyDown = useEventCallback(event => {
-    switch (event.key) {
-      case KEY_VALUES.UP:
-        event.preventDefault();
-        handleStepUp(event);
-        break;
-      case KEY_VALUES.DOWN:
-        event.preventDefault();
-        handleStepDown(event);
-        break;
-      case KEY_VALUES.HOME:
-        if (typeof minProp !== 'undefined') {
-          event.preventDefault();
-          handleChangeValue(getSafeValue(minProp), event);
-        }
-        break;
-      case KEY_VALUES.END:
-        if (typeof maxProp !== 'undefined') {
-          event.preventDefault();
-          handleChangeValue(getSafeValue(maxProp), event);
-        }
-        break;
-    }
-  });
-  const handleWheel = useEventCallback(event => {
-    if (!scrollable) {
-      event.preventDefault();
-      return;
-    }
-    if (!disabled && !readOnly && event.target === document.activeElement) {
-      event.preventDefault();
-      const delta = event['wheelDelta'] || -event.deltaY || -(event === null || event === void 0 ? void 0 : event.detail);
-      if (delta > 0) {
-        handleStepDown(event);
-      }
-      if (delta < 0) {
-        handleStepUp(event);
-      }
-    }
-    onWheel === null || onWheel === void 0 || onWheel(event);
-  });
-  const handleChange = useEventCallback((value, event) => {
-    const separator = decimalSeparator || '.';
-    const escapedSeparator = separator.replace(/[-/\\^$*+?.()|[\]{}]/g, '\\$&');
-    const regex = new RegExp(`^-?(?:\\d+)?(${escapedSeparator})?\\d*$`);
-    if (!regex.test(value) && value !== '') {
-      return;
-    }
-    handleChangeValue(value, event);
-  });
-  const replaceDecimalSeparator = useCallback(value => {
-    if (decimalSeparator && value) {
-      return value.toString().replace('.', decimalSeparator);
-    }
-    return value;
-  }, [decimalSeparator]);
-  const restoreDecimalSeparator = useCallback(value => {
-    if (decimalSeparator && value) {
-      return value.replace(decimalSeparator, '.');
-    }
-    return value;
-  }, [decimalSeparator]);
-  const handleBlur = useEventCallback(event => {
-    var _event$target;
-    const value = restoreDecimalSeparator((_event$target = event.target) === null || _event$target === void 0 ? void 0 : _event$target.value);
-    const targetValue = Number.parseFloat(value);
-    handleChangeValue(getSafeValue(targetValue), event);
-    setIsFocused(false);
-  });
-  useEffect(() => {
-    let wheelListener;
-    if (inputRef.current) {
-      wheelListener = on(inputRef.current, 'wheel', handleWheel, {
-        passive: false
-      });
-    }
-    return () => {
-      var _wheelListener;
-      (_wheelListener = wheelListener) === null || _wheelListener === void 0 || _wheelListener.off();
-    };
-  }, [handleWheel, scrollable]);
-  const inputValue = useMemo(() => {
-    if (isNil(value)) {
-      return '';
-    }
-    if (isFocused) {
-      return replaceDecimalSeparator(value);
-    }
-    if (formatter) {
-      return formatter(value);
-    }
-    return replaceDecimalSeparator(value);
-  }, [formatter, isFocused, replaceDecimalSeparator, value]);
-  const input = /*#__PURE__*/React.createElement(Input, _extends({}, htmlInputProps, {
-    ref: plaintext ? ref : undefined,
-    inputRef: inputRef,
-    autoComplete: "off",
-    inputMode: "numeric",
-    step: step,
-    value: inputValue,
-    disabled: disabled,
-    readOnly: readOnly,
-    plaintext: plaintext,
-    onKeyDown: handleKeyDown,
-    onChange: handleChange,
-    onBlur: createChainedFunction(handleBlur, onBlur),
-    onFocus: createChainedFunction(() => setIsFocused(true), onFocus)
-  }));
-  if (plaintext) {
-    return input;
-  }
-  return /*#__PURE__*/React.createElement(Box, _extends({
-    as: as
-  }, rest, {
-    ref: ref,
-    className: classes,
-    disabled: disabled,
-    size: size
-  }), prefixElement && /*#__PURE__*/React.createElement(InputGroupAddon, null, prefixElement), input, /*#__PURE__*/React.createElement("span", {
-    className: prefix('btn-group-vertical')
-  }, /*#__PURE__*/React.createElement(Button, {
-    tabIndex: -1,
-    appearance: buttonAppearance,
-    className: prefix('touchspin-up'),
-    onClick: handleStepUp,
-    disabled: stepUpDisabled,
-    "aria-label": "Increment",
-    size: size
-  }, /*#__PURE__*/React.createElement(ArrowUpLineIcon, null)), /*#__PURE__*/React.createElement(Button, {
-    tabIndex: -1,
-    appearance: buttonAppearance,
-    className: prefix('touchspin-down'),
-    onClick: handleStepDown,
-    disabled: stepDownDisabled,
-    "aria-label": "Decrement",
-    size: size
-  }, /*#__PURE__*/React.createElement(ArrowDownLineIcon, null))), postfix && /*#__PURE__*/React.createElement(InputGroupAddon, null, postfix));
-});
-InputNumber.displayName = 'InputNumber';
-export default InputNumber;