rsuite 6.0.0-canary-20250507 → 6.0.0-canary-2025062016

package/esm/DateRangePicker/disabledDateUtils.js

@@ -61,10 +61,7 @@ export function allowedRange(startDate, endDate) {
 /**
  Disable dates after the specified date.
  */
-export function before(beforeDate) {
-  if (beforeDate === void 0) {
-    beforeDate = new Date();
-  }
+export function before(beforeDate = new Date()) {
   return date => {
     if (isBeforeDay(date, new Date(beforeDate))) {
       return true;
@@ -76,10 +73,7 @@ export function before(beforeDate) {
 /**
  Disable dates before the specified date.
  */
-export function after(afterDate) {
-  if (afterDate === void 0) {
-    afterDate = new Date();
-  }
+export function after(afterDate = new Date()) {
   return date => {
     if (isAfterDay(date, new Date(afterDate))) {
       return true;
@@ -105,14 +99,8 @@ export function afterToday() {
 /**
  Used to combine multiple conditions.
  */
-export function combine() {
-  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-    args[_key] = arguments[_key];
-  }
-  return function () {
-    for (var _len2 = arguments.length, disabledDateArgs = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-      disabledDateArgs[_key2] = arguments[_key2];
-    }
+export function combine(...args) {
+  return (...disabledDateArgs) => {
     return args.reduce((a, b) => a(...disabledDateArgs) || b(...disabledDateArgs));
   };
 }

package/esm/DateRangePicker/hooks/useCalendarHandlers.js

@@ -2,14 +2,13 @@
 import { useMemo } from 'react';
 import { useEventCallback } from "../../internals/hooks/index.js";
 import { addMonths } from "../../internals/utils/date/index.js";
-export function useCalendarHandlers(_ref) {
-  let {
-    index,
-    calendarDateRange,
-    onChangeCalendarMonth,
-    onChangeCalendarTime,
-    onSelect
-  } = _ref;
+export function useCalendarHandlers({
+  index,
+  calendarDateRange,
+  onChangeCalendarMonth,
+  onChangeCalendarTime,
+  onSelect
+}) {
   const calendarDate = useMemo(() => calendarDateRange[index], [calendarDateRange, index]);
   const handleSelect = useEventCallback((date, event) => {
     onSelect === null || onSelect === void 0 || onSelect(index, date, event);

package/esm/DateRangePicker/utils.js

@@ -1,12 +1,11 @@
 'use client';
 import { addMonths, isSameDay, shouldRenderTime, isSameSecond, startOfMonth, endOfMonth, startOfISOWeek, endOfISOWeek, startOfWeek, startOfToday, endOfWeek, differenceInCalendarMonths, copyTime } from "../internals/utils/date/index.js";
-export function getSafeCalendarDate(_ref) {
+export function getSafeCalendarDate({
+  value,
+  calendarKey = 'start',
+  allowSameMonth
+}) {
   var _value;
-  let {
-    value,
-    calendarKey = 'start',
-    allowSameMonth
-  } = _ref;
   // Update calendarDate if the value is not null
   value = (_value = value) !== null && _value !== void 0 ? _value : [];
   const gap = allowSameMonth ? 0 : 1;

package/esm/Dropdown/Dropdown.js

@@ -115,11 +115,10 @@ const Dropdown = forwardRef((props, ref) => {
     renderMenuButton: renderMenuButton,
     disabled: disabled,
     openMenuOn: menuButtonTriggers,
-    renderMenuPopup: (_ref, popupRef) => {
-      let {
-        open,
-        ...popupProps
-      } = _ref;
+    renderMenuPopup: ({
+      open,
+      ...popupProps
+    }, popupRef) => {
       const menuClassName = mergeMenuClassName(className, withMenuClassPrefix({}));
       return /*#__PURE__*/React.createElement("ul", _extends({
         ref: popupRef,
@@ -136,11 +135,10 @@ const Dropdown = forwardRef((props, ref) => {
         onClose === null || onClose === void 0 || onClose();
       }
     }
-  }, (_ref2, menuContainerRef) => {
-    let {
-      open,
-      ...menuContainer
-    } = _ref2;
+  }, ({
+    open,
+    ...menuContainer
+  }, menuContainerRef) => {
     const classes = merge(className, withPrefix({
       disabled,
       open

package/esm/Dropdown/DropdownItem.js

@@ -99,12 +99,11 @@ const DropdownItem = 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/Dropdown/DropdownMenu.js

@@ -102,43 +102,38 @@ const DropdownMenu = /*#__PURE__*/React.forwardRef((props, ref) => {
   const Icon = rtl ? PagePreviousIcon : PageNextIcon;
   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,
@@ -147,11 +142,10 @@ const DropdownMenu = /*#__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/Dropdown/DropdownState.js

@@ -8,10 +8,7 @@ export let DropdownActionType = /*#__PURE__*/function (DropdownActionType) {
   DropdownActionType[DropdownActionType["UpdateItem"] = 2] = "UpdateItem";
   return DropdownActionType;
 }({});
-export function reducer(state, action) {
-  if (state === void 0) {
-    state = initialState;
-  }
+export function reducer(state = initialState, action) {
   switch (action.type) {
     case DropdownActionType.RegisterItem:
       if (state.items.find(item => item.id === action.payload.id)) {

package/esm/Form/hooks/useFormValidate.js

@@ -38,8 +38,7 @@ export default function useFormValidate(_formError, props) {
 
       // Check nested object
       if (type !== null && type !== void 0 && type.objectTypeSchemaSpec) {
-        Object.entries(type.objectTypeSchemaSpec).forEach(_ref => {
-          let [nestedKey, nestedType] = _ref;
+        Object.entries(type.objectTypeSchemaSpec).forEach(([nestedKey, nestedType]) => {
           formErrorObj[key] = formErrorObj[key] || {
             object: {}
           };
@@ -47,8 +46,7 @@ export default function useFormValidate(_formError, props) {
         });
       }
     };
-    Object.entries(model.getSchemaSpec()).forEach(_ref2 => {
-      let [key, type] = _ref2;
+    Object.entries(model.getSchemaSpec()).forEach(([key, type]) => {
       checkField(key, type, formValue[key], formError);
     });
     setFormError(formError);
@@ -214,10 +212,7 @@ export default function useFormValidate(_formError, props) {
   const cleanErrors = useEventCallback(() => {
     setFormError({});
   });
-  const resetErrors = useEventCallback(function (formError) {
-    if (formError === void 0) {
-      formError = {};
-    }
+  const resetErrors = useEventCallback((formError = {}) => {
     setFormError(formError);
   });
   const cleanErrorForField = useEventCallback(fieldName => {

package/esm/Form/hooks/useSchemaModel.js

@@ -21,15 +21,12 @@ function useSchemaModel(formModel, nestedField) {
     if (realSubRules.length === 0) {
       return formModel;
     }
-    const subRuleObject = realSubRules.map(_ref => {
-      let {
-        name,
-        fieldRule
-      } = _ref;
-      return {
-        [name]: fieldRule.current
-      };
-    }).reduce((a, b) => Object.assign(a, b), {});
+    const subRuleObject = realSubRules.map(({
+      name,
+      fieldRule
+    }) => ({
+      [name]: fieldRule.current
+    })).reduce((a, b) => Object.assign(a, b), {});
     return SchemaModel.combine(formModel, SchemaModel(nestedField ? constructFlatSchema(subRuleObject) : subRuleObject));
   }, [formModel, nestedField]);
   return {

package/esm/FormControl/FormControl.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import Input from '../Input';
 import { BoxProps } from '../internals/Box';
 import type { CheckType } from 'schema-typed';
-import type { PlacementCorners, FormControlBaseProps, CheckTriggerType } from '../internals/types';
+import type { ErrorMessagePlacement, FormControlBaseProps, CheckTriggerType } from '../internals/types';
 /**
  * Props that FormControl passes to its accepter
  */
@@ -29,7 +29,7 @@ export interface FormControlProps<ValueType = any> extends BoxProps, Omit<React.
     /** Show error messages */
     errorMessage?: React.ReactNode;
     /** The placement of error messages */
-    errorPlacement?: PlacementCorners;
+    errorPlacement?: ErrorMessagePlacement;
     /** Make the control readonly */
     readOnly?: boolean;
     /** Render the control as plain text */

package/esm/FormControl/FormControl.js

@@ -36,7 +36,7 @@ const FormControl = forwardRef((props, ref) => {
     defaultValue,
     checkTrigger,
     errorMessage,
-    errorPlacement,
+    errorPlacement = 'bottomStart',
     checkAsync,
     shouldResetWithUnmount,
     rule,

package/esm/FormErrorMessage/FormErrorMessage.d.ts

@@ -1,10 +1,10 @@
 import { BoxProps } from '../internals/Box';
-import type { PlacementCorners } from '../internals/types';
+import type { ErrorMessagePlacement } from '../internals/types';
 export interface FormErrorMessageProps extends BoxProps {
     /** Show error messages */
     show?: boolean;
     /** The placement of error messages */
-    placement?: PlacementCorners;
+    placement?: ErrorMessagePlacement;
 }
 /**
  * The `<Form.ErrorMessage>` component is used to display error messages in the form.

package/esm/FormGroup/FormGroup.d.ts

@@ -6,24 +6,6 @@ export interface FormGroupProps extends BoxProps {
      */
     controlId?: string;
 }
-export declare const useFormGroup: (controlId?: string) => {
-    /**
-     * The `id` of the `<Form.Control>` component.
-     */
-    controlId: string;
-    /**
-     * The `id` of the `<Form.HelpText>` component.
-     */
-    helpTextId: string;
-    /**
-     * The `id` of the `<Form.ControlLabel>` component.
-     */
-    labelId: string;
-    /**
-     * The `id` of the `<Form.ErrorMessage>` component.
-     */
-    errorMessageId: string;
-};
 /**
  * The `<Form.Group>` component is the easiest way to add some structure to forms.
  * @see https://rsuitejs.com/components/form/

package/esm/FormGroup/FormGroup.js

@@ -4,34 +4,7 @@ import React, { useMemo } from 'react';
 import Box from "../internals/Box/index.js";
 import { forwardRef } from "../internals/utils/index.js";
 import { useStyles, useCustom, useUniqueId } from "../internals/hooks/index.js";
-const FormGroupContext = /*#__PURE__*/React.createContext({});
-export const useFormGroup = controlId => {
-  const context = React.useContext(FormGroupContext);
-  const fallbackId = useUniqueId('rs-');
-  const id = controlId || context.controlId || fallbackId;
-  const helpTextId = `${id}-help-text`;
-  const labelId = `${id}-label`;
-  const errorMessageId = `${id}-error-message`;
-  return {
-    /**
-     * The `id` of the `<Form.Control>` component.
-     */
-    controlId: id,
-    /**
-     * The `id` of the `<Form.HelpText>` component.
-     */
-    helpTextId,
-    /**
-     * The `id` of the `<Form.ControlLabel>` component.
-     */
-    labelId,
-    /**
-     * The `id` of the `<Form.ErrorMessage>` component.
-     */
-    errorMessageId
-  };
-};
-
+import { FormGroupContext } from "./FormGroupContext.js";
 /**
  * The `<Form.Group>` component is the easiest way to add some structure to forms.
  * @see https://rsuitejs.com/components/form/

package/esm/FormGroup/FormGroupContext.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const FormGroupContext: React.Context<{
+    controlId?: string | undefined;
+}>;

package/esm/FormGroup/FormGroupContext.js

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

package/esm/FormGroup/index.d.ts

@@ -1,5 +1,5 @@
 import FormGroup from './FormGroup';
 export type { FormGroupProps } from './FormGroup';
-export { useFormGroup } from './FormGroup';
+export { useFormGroup } from './useFormGroup';
 export { FormGroup };
 export default FormGroup;

package/esm/FormGroup/index.js

@@ -4,7 +4,7 @@ import FormGroup from "./FormGroup.js";
 // export types
 
 // export hooks
-export { useFormGroup } from "./FormGroup.js";
+export { useFormGroup } from "./useFormGroup.js";
 
 // export components
 export { FormGroup };

package/esm/FormGroup/useFormGroup.d.ts

@@ -0,0 +1,18 @@
+export declare const useFormGroup: (controlId?: string) => {
+    /**
+     * The `id` of the `<Form.Control>` component.
+     */
+    controlId: string;
+    /**
+     * The `id` of the `<Form.HelpText>` component.
+     */
+    helpTextId: string;
+    /**
+     * The `id` of the `<Form.ControlLabel>` component.
+     */
+    labelId: string;
+    /**
+     * The `id` of the `<Form.ErrorMessage>` component.
+     */
+    errorMessageId: string;
+};

package/esm/FormGroup/useFormGroup.js

@@ -0,0 +1,30 @@
+'use client';
+import { useContext } from 'react';
+import { useUniqueId } from "../internals/hooks/index.js";
+import { FormGroupContext } from "./FormGroupContext.js";
+export const useFormGroup = controlId => {
+  const context = useContext(FormGroupContext);
+  const fallbackId = useUniqueId('rs-');
+  const id = controlId || context.controlId || fallbackId;
+  const helpTextId = `${id}-help-text`;
+  const labelId = `${id}-label`;
+  const errorMessageId = `${id}-error-message`;
+  return {
+    /**
+     * The `id` of the `<Form.Control>` component.
+     */
+    controlId: id,
+    /**
+     * The `id` of the `<Form.HelpText>` component.
+     */
+    helpTextId,
+    /**
+     * The `id` of the `<Form.ControlLabel>` component.
+     */
+    labelId,
+    /**
+     * The `id` of the `<Form.ErrorMessage>` component.
+     */
+    errorMessageId
+  };
+};

package/esm/Grid/utils/styles.d.ts

@@ -3,4 +3,4 @@ import type { GutterType } from '../types';
 /**
  * Generates CSS variable styles for grid gutters, supporting both single values and arrays [horizontal, vertical]
  */
-export declare const getResponsiveGutterStyles: (gutter?: GutterType | ResponsiveValue<GutterType>) => Record<string, string>;
+export declare const getResponsiveGutterStyles: (gutter?: GutterType | ResponsiveValue<GutterType>) => Record<string, string | undefined>;

package/esm/Grid/utils/styles.js

@@ -11,10 +11,7 @@ export const getResponsiveGutterStyles = gutter => {
   }
 
   // Helper function to process gutter values and generate CSS variables
-  const processGutterValue = function (value, prefix) {
-    if (prefix === void 0) {
-      prefix = '';
-    }
+  const processGutterValue = (value, prefix = '') => {
     const [h, v] = Array.isArray(value) ? value : [value, value];
     return {
       [`--rs-grid-gutter${prefix}`]: getCssValue(h),

package/esm/InlineEdit/useEditState.js

@@ -29,7 +29,7 @@ const useEditState = props => {
     setResetValue(value);
   });
   const handleFocus = useEventCallback(event => {
-    if (disabled) return;
+    if (disabled || isEditing) return;
     onFocus === null || onFocus === void 0 || onFocus(event);
     setIsEditing(true);
     setResetValue(value);

package/esm/InlineEdit/useFocusEvent.js

@@ -3,14 +3,13 @@ import { useRef } from 'react';
 import { contains, ownerDocument } from 'dom-lib';
 import { useIsomorphicLayoutEffect, useUpdateEffect, useEventCallback } from "../internals/hooks/index.js";
 import { RSUITE_PICKER_TYPE } from "../internals/symbols.js";
-const useFocusEvent = _ref => {
+const useFocusEvent = ({
+  isEditing,
+  stateOnBlur,
+  onSave,
+  onCancel
+}) => {
   var _ref$current;
-  let {
-    isEditing,
-    stateOnBlur,
-    onSave,
-    onCancel
-  } = _ref;
   const ref = useRef(null);
   const rootRef = useRef(null);
   const isPicker = ((_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.type) === RSUITE_PICKER_TYPE;

package/esm/Input/Input.js

@@ -3,7 +3,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useContext } from 'react';
 import InputBase from "../internals/InputBase/index.js";
 import { forwardRef } from "../internals/utils/index.js";
-import { InputGroupContext } from "../InputGroup/InputGroup.js";
+import { InputGroupContext } from "../InputGroup/index.js";
 import { useCustom } from "../internals/hooks/index.js";
 /**
  * The `<Input>` component is used to get user input in a text field.

package/esm/InputGroup/InputGroup.d.ts

@@ -1,11 +1,6 @@
 import React from 'react';
 import { BoxProps } from '../internals/Box';
 import type { Size } from '../internals/types';
-export declare const InputGroupContext: React.Context<{
-    onFocus: () => void;
-    onBlur: () => void;
-    size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
-} | null>;
 export interface InputGroupProps extends BoxProps {
     /** Sets the composition content internally */
     inside?: boolean;

package/esm/InputGroup/InputGroup.js

@@ -6,7 +6,7 @@ import InputGroupAddon from "./InputGroupAddon.js";
 import InputGroupButton from "./InputGroupButton.js";
 import { forwardRef } from "../internals/utils/index.js";
 import { useStyles, useCustom } from "../internals/hooks/index.js";
-export const InputGroupContext = /*#__PURE__*/React.createContext(null);
+import { InputGroupContext } from "./InputGroupContext.js";
 const Subcomponents = {
   Addon: InputGroupAddon,
   Button: InputGroupButton

package/esm/InputGroup/InputGroupContext.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const InputGroupContext: React.Context<{
+    onFocus: () => void;
+    onBlur: () => void;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined;
+} | null>;

package/esm/InputGroup/InputGroupContext.js

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

package/esm/InputGroup/index.d.ts

@@ -5,4 +5,5 @@ export type { InputGroupProps } from './InputGroup';
 export type { InputGroupAddonProps } from './InputGroupAddon';
 export type { InputGroupButtonProps } from './InputGroupButton';
 export { InputGroup, InputGroupAddon, InputGroupButton };
+export { InputGroupContext } from './InputGroupContext';
 export default InputGroup;

package/esm/InputGroup/index.js

@@ -7,4 +7,5 @@ import InputGroupButton from "./InputGroupButton.js";
 
 // export components
 export { InputGroup, InputGroupAddon, InputGroupButton };
+export { InputGroupContext } from "./InputGroupContext.js";
 export default InputGroup;

package/esm/List/helper/AutoScroller.js

@@ -19,14 +19,13 @@ class AutoScroller {
       this.interval = null;
     }
   }
-  update(_ref) {
-    let {
-      translate,
-      minTranslate,
-      maxTranslate,
-      width,
-      height
-    } = _ref;
+  update({
+    translate,
+    minTranslate,
+    maxTranslate,
+    width,
+    height
+  }) {
     const direction = {
       x: 0,
       y: 0

package/esm/List/helper/useSortHelper.js

@@ -70,7 +70,7 @@ const useSortHelper = config => {
       position: 'fixed',
       width: `${activeNodeBoundingClientRect.width}px`,
       height: `${activeNodeBoundingClientRect.height}px`,
-      left: `${activeNodeBoundingClientRect.left - parseFloat(activeNodeStyle.marginLeft)}px`,
+      insetInlineStart: `${activeNodeBoundingClientRect.left - parseFloat(activeNodeStyle.marginInlineStart)}px`,
       top: `${activeNodeBoundingClientRect.top - parseFloat(activeNodeStyle.marginTop)}px`
     });
     activeNode.classList.add(holderElementClass);

package/esm/List/helper/utils.js

@@ -37,13 +37,10 @@ export function closestNode(sourceNode, judge) {
   }
   return null;
 }
-export function getEdgeOffset(node, parent, offset) {
-  if (offset === void 0) {
-    offset = {
-      left: 0,
-      top: 0
-    };
-  }
+export function getEdgeOffset(node, parent, offset = {
+  left: 0,
+  top: 0
+}) {
   if (!node || !parent) {
     return {};
   }