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

package/cjs/internals/Windowing/List.js

@@ -9,11 +9,12 @@ var _react = _interopRequireWildcard(require("react"));
 var _ScrollView = _interopRequireDefault(require("../ScrollView"));
 var _reactWindow = require("react-window");
 var _CustomProvider = require("../../CustomProvider");
+var _utils = require("../utils");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const defaultItemSize = () => 36;
 exports.defaultItemSize = defaultItemSize;
-const OuterElementType = /*#__PURE__*/_react.default.forwardRef(function OuterElementType(props, ref) {
+const OuterElementType = (0, _utils.forwardRef)(function OuterElementType(props, ref) {
   return /*#__PURE__*/_react.default.createElement(_ScrollView.default, (0, _extends2.default)({
     scrollShadow: true,
     ref: ref
@@ -25,7 +26,7 @@ const OuterElementType = /*#__PURE__*/_react.default.forwardRef(function OuterEl
  *
  * @private
  */
-const List = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+const List = (0, _utils.forwardRef)((props, ref) => {
   const {
     rowHeight,
     as: Component = _reactWindow.VariableSizeList,

package/cjs/internals/types/animation.d.ts

@@ -0,0 +1,14 @@
+export interface AnimationEventProps {
+    /** Callback fired before the Modal transitions in */
+    onEnter?: (node: HTMLElement) => void;
+    /** Callback fired as the Modal begins to transition in */
+    onEntering?: (node: HTMLElement) => void;
+    /** Callback fired after the Modal finishes transitioning in */
+    onEntered?: (node: HTMLElement) => void;
+    /** Callback fired right before the Modal transitions out */
+    onExit?: (node: HTMLElement) => void;
+    /** Callback fired as the Modal begins to transition out */
+    onExiting?: (node: HTMLElement) => void;
+    /** Callback fired after the Modal finishes transitioning out */
+    onExited?: (node: HTMLElement) => void;
+}

package/cjs/internals/types/animation.js

@@ -0,0 +1,4 @@
+'use client';
+"use strict";
+
+exports.__esModule = true;

package/cjs/internals/types/date.d.ts

@@ -0,0 +1,37 @@
+import { ReactNode } from 'react';
+export interface DateOptionPreset<T> {
+    /**
+     * The display label for the date option.
+     */
+    label: ReactNode;
+    /**
+     * The value of the date option, which can be:
+     * - A specific value of type `T`.
+     * - A function that dynamically computes the value based on the provided current value.
+     */
+    value: T | ((currentValue?: T) => T);
+    /**
+     * Whether to close the overlay after selecting this option.
+     * Defaults to `false` if not specified.
+     */
+    closeOverlay?: boolean;
+    /**
+     * The position of the preset option relative to the overlay.
+     * Defaults to `bottom` if not specified.
+     */
+    placement?: 'bottom' | 'left';
+}
+export declare namespace DateFns {
+    /**
+     * FirstWeekContainsDate is used to determine which week is the first week of the year, based on what day the January, 1 is in that week.
+     * The day in that week can only be 1 (Monday) or 4 (Thursday).
+     * Please see https://en.wikipedia.org/wiki/Week#The_ISO_week_date_system for more information.
+     */
+    type FirstWeekContainsDate = 1 | 4;
+    /**
+     * The day of the week type alias.
+     * Unlike the date (the number of days since the beginning of the month), which begins with 1 and is dynamic (can go up to 28, 30, or 31), the day starts with 0 and static (always ends at 6).
+     * Look at it as an index in an array where Sunday is the first element and Saturday is the last.
+     */
+    type Day = 0 | 1 | 2 | 3 | 4 | 5 | 6;
+}

package/cjs/internals/types/date.js

@@ -0,0 +1,4 @@
+'use client';
+"use strict";
+
+exports.__esModule = true;

package/cjs/internals/types/dom.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Interface representing the offset position and dimensions of an element
+ * Used to get or set geometric properties of DOM elements
+ */
+export interface Offset {
+    /** The distance in pixels from the top edge of the element to the top of the document */
+    top: number;
+    /** The distance in pixels from the left edge of the element to the left of the document */
+    left: number;
+    /** The width of the element in pixels */
+    width: number;
+    /** The height of the element in pixels */
+    height: number;
+}

package/cjs/internals/types/dom.js

@@ -0,0 +1,4 @@
+'use client';
+"use strict";
+
+exports.__esModule = true;

package/cjs/internals/types/form.d.ts

@@ -0,0 +1,21 @@
+import { InputHTMLAttributes, SyntheticEvent } from 'react';
+export interface FormControlBaseProps<ValueType = InputHTMLAttributes<HTMLInputElement>['value']> {
+    /** Name of the form field */
+    name?: string;
+    /** Initial value */
+    defaultValue?: ValueType;
+    /** Current value of the component. Creates a controlled component */
+    value?: ValueType;
+    /**
+     * Called after the value has been changed
+     * todo Override event as ChangeEvent in components where onChange is delegated
+     *      to an underlying <input> element
+     */
+    onChange?: (value: ValueType, event: SyntheticEvent) => void;
+    /** Set the component to be disabled and cannot be entered */
+    disabled?: boolean;
+    /** Render the control as plain text */
+    plaintext?: boolean;
+    /** Make the control readonly */
+    readOnly?: boolean;
+}

package/cjs/internals/types/form.js

@@ -0,0 +1,4 @@
+'use client';
+"use strict";
+
+exports.__esModule = true;

package/cjs/internals/types/index.d.ts

@@ -1,219 +1,9 @@
-import { ReactNode, CSSProperties, ElementType, InputHTMLAttributes, SyntheticEvent, FocusEventHandler } from 'react';
-import { ReplaceProps } from './utils';
-import { Placement } from './placement';
-import { Colours } from './colours';
+export * from './shared';
+export * from './dom';
+export * from './animation';
 export * from './placement';
 export * from './colours';
-export interface StandardProps {
-    /** The prefix of the component CSS class */
-    classPrefix?: string;
-    /** Additional classes */
-    className?: string;
-    /** Primary content */
-    children?: ReactNode;
-    /** Additional style */
-    style?: CSSProperties;
-}
-export interface WithAsProps<As extends ElementType | string = ElementType> extends StandardProps {
-    /** You can use a custom element for this component */
-    as?: As;
-}
-export interface WithAsPropsWithoutChildren<As extends ElementType | string = ElementType> extends Omit<StandardProps, 'children'> {
-    /** You can use a custom element for this component */
-    as?: As;
-}
-export interface RsRefForwardingComponent<T extends ElementType, P = unknown, ExcludeChildren extends boolean = false> {
-    <As extends ElementType = T>(props: ReplaceProps<As, ExcludeChildren extends true ? WithAsPropsWithoutChildren<As> & P : WithAsProps<As> & P>, context?: any): any;
-    contextTypes?: any;
-    displayName?: string;
-}
-export interface AnimationEventProps {
-    /** Callback fired before the Modal transitions in */
-    onEnter?: (node: HTMLElement) => void;
-    /** Callback fired as the Modal begins to transition in */
-    onEntering?: (node: HTMLElement) => void;
-    /** Callback fired after the Modal finishes transitioning in */
-    onEntered?: (node: HTMLElement) => void;
-    /** Callback fired right before the Modal transitions out */
-    onExit?: (node: HTMLElement) => void;
-    /** Callback fired as the Modal begins to transition out */
-    onExiting?: (node: HTMLElement) => void;
-    /** Callback fired after the Modal finishes transitioning out */
-    onExited?: (node: HTMLElement) => void;
-}
-export type PickerAppearance = 'default' | 'subtle';
-export interface PickerBaseProps<L = any> extends WithAsProps, AnimationEventProps {
-    id?: string;
-    /** Custom locale */
-    locale?: Partial<L>;
-    /** A picker can have different appearances. */
-    appearance?: PickerAppearance;
-    /** Format picker to appear inside a content block */
-    block?: boolean;
-    /** Set the padding of the container. */
-    containerPadding?: number;
-    /** Sets the rendering container */
-    container?: HTMLElement | (() => HTMLElement);
-    /** A picker can show it is currently unable to be interacted with */
-    disabled?: boolean;
-    /** You can use a custom element for this component */
-    toggleAs?: ElementType;
-    /** A CSS class to apply to the Menu DOM node. */
-    menuClassName?: string;
-    /** A style to apply to the Menu DOM node. */
-    menuStyle?: CSSProperties;
-    /** Picker menu auto width */
-    menuAutoWidth?: boolean;
-    /** Picker menu max Height */
-    menuMaxHeight?: number;
-    /** Placeholder text */
-    placeholder?: ReactNode;
-    /** The placement of picker */
-    placement?: Placement;
-    /** Prevent floating element overflow */
-    preventOverflow?: boolean;
-    /** Open the menu and control it */
-    open?: boolean;
-    /** Initial open menu */
-    defaultOpen?: boolean;
-    /** A picker that can clear values */
-    cleanable?: boolean;
-    /** A picker can have different sizes */
-    size?: TypeAttributes.Size;
-    /** Called when Modal is displayed */
-    onOpen?: () => void;
-    /** Called when Modal is closed */
-    onClose?: () => void;
-    /**
-     * Called when the component is focused.
-     */
-    onFocus?: FocusEventHandler<any>;
-    /**
-     * Called when the component is blurred.
-     */
-    onBlur?: FocusEventHandler<any>;
-    /** Custom render extra footer */
-    renderExtraFooter?: () => ReactNode;
-}
-export interface DeprecatedPickerProps {
-    /**
-     * Custom menu class name
-     * @deprecated Use `popupClassName` instead
-     */
-    menuClassName?: string;
-    /**
-     * Custom menu style
-     * @deprecated Use `popupStyle` instead
-     */
-    menuStyle?: CSSProperties;
-    /**
-     * Picker menu auto width
-     *
-     * @deprecated Use `popupAutoWidth` instead
-     */
-    menuAutoWidth?: boolean;
-    /**
-     * Custom render tree
-     * @deprecated Use `renderTree` instead
-     */
-    renderMenu?: (menu: ReactNode) => ReactNode;
-}
-export interface FormControlBaseProps<ValueType = InputHTMLAttributes<HTMLInputElement>['value']> {
-    /** Name of the form field */
-    name?: string;
-    /** Initial value */
-    defaultValue?: ValueType;
-    /** Current value of the component. Creates a controlled component */
-    value?: ValueType;
-    /**
-     * Called after the value has been changed
-     * todo Override event as ChangeEvent in components where onChange is delegated
-     *      to an underlying <input> element
-     */
-    onChange?: (value: ValueType, event: SyntheticEvent) => void;
-    /** Set the component to be disabled and cannot be entered */
-    disabled?: boolean;
-    /** Render the control as plain text */
-    plaintext?: boolean;
-    /** Make the control readonly */
-    readOnly?: boolean;
-}
-export type ToArray<V> = V extends any[] ? V : V[];
-/**
- * Represents the data properties for a component.
- */
-export interface DataProps<TData> {
-    /**
-     * The data of the component.
-     */
-    data: TData[];
-    /**
-     * The key to use for setting the option value in the data.
-     * @default value
-     */
-    valueKey?: string;
-    /**
-     * The key to use for displaying the options in the data.
-     * @default label
-     */
-    labelKey?: string;
-    /**
-     * The key to use for setting the children in the data.
-     * @default children
-     */
-    childrenKey?: string;
-}
-export interface FormControlPickerProps<T = any, L = any, D = Record<string, any>, I = T> extends PickerBaseProps<L>, FormControlBaseProps<T>, DataProps<D> {
-    /**
-     * Disabled items
-     */
-    disabledItemValues?: ToArray<NonNullable<I>>;
-}
-export declare namespace TypeAttributes {
-    type Size = 'lg' | 'md' | 'sm' | 'xs';
-    type Status = 'success' | 'warning' | 'error' | 'info';
-    type Color = `${Colours}`;
-    type Appearance = 'default' | 'primary' | 'link' | 'subtle' | 'ghost';
-    type CheckTrigger = 'change' | 'blur' | 'none' | null;
-    type DisplayState = 'show' | 'hide' | 'hiding';
-}
-export interface SVGIcon {
-    viewBox: string;
-    id: string;
-}
-export interface ItemDataType<T = number | string> extends Record<string, any> {
-    label?: string | ReactNode;
-    value?: T;
-    groupBy?: string;
-    parent?: ItemDataType<T>;
-    children?: ItemDataType<T>[];
-    loading?: boolean;
-}
-export type DataItemValue = number | string | null;
-export interface Offset {
-    top: number;
-    left: number;
-    width: number;
-    height: number;
-}
-export type OnChangeCallback<T, E = SyntheticEvent> = (value: T, event: E) => void;
-export type CursorPosition = {
-    top: number;
-    left: number;
-    clientTop: number;
-    clientLeft: number;
-};
-export declare namespace DateFns {
-    /**
-     * FirstWeekContainsDate is used to determine which week is the first week of the year, based on what day the January, 1 is in that week.
-     * The day in that week can only be 1 (Monday) or 4 (Thursday).
-     * Please see https://en.wikipedia.org/wiki/Week#The_ISO_week_date_system for more information.
-     */
-    type FirstWeekContainsDate = 1 | 4;
-    /**
-     * The day of the week type alias.
-     * Unlike the date (the number of days since the beginning of the month), which begins with 1 and is dynamic (can go up to 28, 30, or 31), the day starts with 0 and static (always ends at 6).
-     * Look at it as an index in an array where Sunday is the first element and Saturday is the last.
-     */
-    type Day = 0 | 1 | 2 | 3 | 4 | 5 | 6;
-}
+export * from './date';
+export * from './form';
+export * from './picker';
+export * from './utils';

package/cjs/internals/types/index.js

@@ -2,6 +2,24 @@
 "use strict";
 
 exports.__esModule = true;
+var _shared = require("./shared");
+Object.keys(_shared).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _shared[key]) return;
+  exports[key] = _shared[key];
+});
+var _dom = require("./dom");
+Object.keys(_dom).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _dom[key]) return;
+  exports[key] = _dom[key];
+});
+var _animation = require("./animation");
+Object.keys(_animation).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _animation[key]) return;
+  exports[key] = _animation[key];
+});
 var _placement = require("./placement");
 Object.keys(_placement).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -13,4 +31,28 @@ Object.keys(_colours).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _colours[key]) return;
   exports[key] = _colours[key];
+});
+var _date = require("./date");
+Object.keys(_date).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _date[key]) return;
+  exports[key] = _date[key];
+});
+var _form = require("./form");
+Object.keys(_form).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _form[key]) return;
+  exports[key] = _form[key];
+});
+var _picker = require("./picker");
+Object.keys(_picker).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _picker[key]) return;
+  exports[key] = _picker[key];
+});
+var _utils = require("./utils");
+Object.keys(_utils).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _utils[key]) return;
+  exports[key] = _utils[key];
 });

package/cjs/internals/types/picker.d.ts

@@ -0,0 +1,128 @@
+import type { CSSProperties, ReactNode, ElementType, SyntheticEvent, FocusEventHandler } from 'react';
+import type { Placement } from './placement';
+import type { ToArray } from './utils';
+import type { FormControlBaseProps } from './form';
+import type { AnimationEventProps } from './animation';
+import type { SizeType, WithAsProps } from './shared';
+import type { PickerHandle } from '../Picker/types';
+export interface ItemDataType<T = number | string> extends Record<string, any> {
+    label?: string | ReactNode;
+    value?: T;
+    groupBy?: string;
+    parent?: ItemDataType<T>;
+    children?: ItemDataType<T>[];
+    loading?: boolean;
+}
+export type DataItemValue = number | string | null;
+export type OnChangeCallback<T, E = SyntheticEvent> = (value: T, event: E) => void;
+export interface DeprecatedPickerProps {
+    /**
+     * Custom menu class name
+     * @deprecated Use `popupClassName` instead
+     */
+    menuClassName?: string;
+    /**
+     * Custom menu style
+     * @deprecated Use `popupStyle` instead
+     */
+    menuStyle?: CSSProperties;
+    /**
+     * Picker menu auto width
+     *
+     * @deprecated Use `popupAutoWidth` instead
+     */
+    menuAutoWidth?: boolean;
+    /**
+     * Custom render tree
+     * @deprecated Use `renderTree` instead
+     */
+    renderMenu?: (menu: ReactNode) => ReactNode;
+}
+export type PickerAppearance = 'default' | 'subtle';
+/**
+ * Represents the data properties for a component.
+ */
+export interface DataProps<TData> {
+    /**
+     * The data of the component.
+     */
+    data: TData[];
+    /**
+     * The key to use for setting the option value in the data.
+     * @default value
+     */
+    valueKey?: string;
+    /**
+     * The key to use for displaying the options in the data.
+     * @default label
+     */
+    labelKey?: string;
+    /**
+     * The key to use for setting the children in the data.
+     * @default children
+     */
+    childrenKey?: string;
+}
+export interface PickerBaseProps<L = any> extends WithAsProps, AnimationEventProps {
+    id?: string;
+    /**
+     * Custom Ref for the picker
+     */
+    ref?: React.Ref<PickerHandle | undefined>;
+    /** Custom locale */
+    locale?: Partial<L>;
+    /** A picker can have different appearances. */
+    appearance?: PickerAppearance;
+    /** Format picker to appear inside a content block */
+    block?: boolean;
+    /** Set the padding of the container. */
+    containerPadding?: number;
+    /** Sets the rendering container */
+    container?: HTMLElement | (() => HTMLElement);
+    /** A picker can show it is currently unable to be interacted with */
+    disabled?: boolean;
+    /** You can use a custom element for this component */
+    toggleAs?: ElementType;
+    /** A CSS class to apply to the Menu DOM node. */
+    menuClassName?: string;
+    /** A style to apply to the Menu DOM node. */
+    menuStyle?: CSSProperties;
+    /** Picker menu auto width */
+    menuAutoWidth?: boolean;
+    /** Picker menu max Height */
+    menuMaxHeight?: number;
+    /** Placeholder text */
+    placeholder?: ReactNode;
+    /** The placement of picker */
+    placement?: Placement;
+    /** Prevent floating element overflow */
+    preventOverflow?: boolean;
+    /** Open the menu and control it */
+    open?: boolean;
+    /** Initial open menu */
+    defaultOpen?: boolean;
+    /** A picker that can clear values */
+    cleanable?: boolean;
+    /** A picker can have different sizes */
+    size?: SizeType;
+    /** Called when Modal is displayed */
+    onOpen?: () => void;
+    /** Called when Modal is closed */
+    onClose?: () => void;
+    /**
+     * Called when the component is focused.
+     */
+    onFocus?: FocusEventHandler<any>;
+    /**
+     * Called when the component is blurred.
+     */
+    onBlur?: FocusEventHandler<any>;
+    /** Custom render extra footer */
+    renderExtraFooter?: () => ReactNode;
+}
+export interface FormControlPickerProps<T = any, L = any, D = Record<string, any>, I = T> extends PickerBaseProps<L>, FormControlBaseProps<T>, DataProps<D> {
+    /**
+     * Disabled items
+     */
+    disabledItemValues?: ToArray<NonNullable<I>>;
+}

package/cjs/internals/types/picker.js

@@ -0,0 +1,4 @@
+'use client';
+"use strict";
+
+exports.__esModule = true;

package/cjs/internals/types/shared.d.ts

@@ -0,0 +1,35 @@
+import type { CSSProperties, ElementType, ReactNode } from 'react';
+import type { ReplaceProps } from './utils';
+import { Colours } from './colours';
+import React from 'react';
+export type SizeType = 'lg' | 'md' | 'sm' | 'xs';
+export type StatusType = 'success' | 'warning' | 'error' | 'info';
+export type ColorType = `${Colours}`;
+export type AppearanceType = 'default' | 'primary' | 'link' | 'subtle' | 'ghost';
+export type CheckTriggerType = 'change' | 'blur' | 'none' | null;
+export type DisplayStateType = 'show' | 'hide' | 'hiding';
+export interface StandardProps {
+    /** The prefix of the component CSS class */
+    classPrefix?: string;
+    /** Additional classes */
+    className?: string;
+    /** Primary content */
+    children?: ReactNode;
+    /** Additional style */
+    style?: CSSProperties;
+}
+export interface WithAsProps<As extends ElementType | string = ElementType> extends StandardProps {
+    /** You can use a custom element for this component */
+    as?: As;
+}
+export interface WithAsPropsWithoutChildren<As extends ElementType | string = ElementType> extends Omit<StandardProps, 'children'> {
+    /** You can use a custom element for this component */
+    as?: As;
+}
+export interface InternalRefForwardingComponent<T extends ElementType, P = unknown, OmitKeys extends keyof any = never> {
+    <As extends ElementType = T>(props: ReplaceProps<As, Omit<WithAsProps<As>, OmitKeys> & P> & {
+        ref?: React.Ref<any>;
+    }, context?: any): any;
+    contextTypes?: any;
+    displayName?: string;
+}

package/cjs/internals/types/shared.js

@@ -0,0 +1,4 @@
+'use client';
+"use strict";
+
+exports.__esModule = true;

package/cjs/internals/types/utils.d.ts

@@ -7,6 +7,7 @@ export type Pick<T, K extends keyof T> = {
 };
 export type Exclude<T, U> = T extends U ? never : T;
 export type Omit<T, U> = Pick<T, Exclude<keyof T, keyof U>>;
+export type ToArray<V> = V extends any[] ? V : V[];
 export type ReplaceProps<Inner extends React.ElementType, P> = Omit<React.ComponentPropsWithRef<Inner>, P> & P;
 /**
  * Prepend arguments to function