rsuite 6.0.0-canary-20250424 → 6.0.0-canary-20250620

package/esm/internals/Provider/CustomContext.d.ts

@@ -1,7 +1,8 @@
-import React from 'react';
+import React, { ReactNode, RefObject } from 'react';
 import type { FormatDateOptions } from '../utils/date/types';
 import type { ReactSuiteComponents } from './types';
 import type { ToastContainerInstance } from '../../toaster/ToastContainer';
+import type { DialogContainerInstance } from '../../useDialog/DialogContainer';
 import type { Locale } from '../../locales';
 export interface CustomValue<T = Locale> {
     /**
@@ -100,6 +101,18 @@ export interface CustomProviderProps<T = Locale> extends Partial<CustomValue<T>>
      * ```
      */
     components?: Partial<ReactSuiteComponents>;
+    /**
+     * Dialogs to be rendered in the provider
+     * @internal
+     */
+    dialogs?: ReactNode[] & {
+        _?: never;
+    };
+    /**
+     * Reference to the dialog container instance
+     * @internal
+     */
+    dialogContainer?: RefObject<DialogContainerInstance | null>;
 }
 export declare const CustomContext: React.Context<CustomProviderProps<{
     code?: string | undefined;
@@ -250,4 +263,10 @@ export declare const CustomContext: React.Context<CustomProviderProps<{
         on: string;
         off: string;
     } | undefined;
+    Dialog?: {
+        alert: string;
+        confirm: string;
+        ok: string;
+        cancel: string;
+    } | undefined;
 }>>;

package/esm/internals/Provider/types.d.ts

@@ -76,8 +76,8 @@ 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 { ProgressCircleProps } from '../../ProgressCircle';
+import type { ProgressProps } from '../../Progress';
 import type { PinInputProps } from '../../PinInput';
 import type { RadioProps } from '../../Radio';
 import type { RadioGroupProps } from '../../RadioGroup';
@@ -113,6 +113,7 @@ import type { UploaderProps } from '../../Uploader';
 import type { VisuallyHiddenProps } from '../../VisuallyHidden';
 import type { WhisperProps } from '../../Whisper';
 import type { SafeAnchorProps } from '../SafeAnchor';
+import type { DialogProps } from '../../useDialog/Dialog';
 interface ComponentProps<T> {
     defaultProps: Partial<T>;
 }
@@ -153,6 +154,7 @@ export interface ReactSuiteComponents {
     Divider: ComponentProps<DividerProps>;
     Drawer: ComponentProps<DrawerProps>;
     Dropdown: ComponentProps<DropdownProps>;
+    Dialog: ComponentProps<DialogProps>;
     FlexboxGrid: ComponentProps<FlexboxGridProps>;
     Footer: ComponentProps<FooterProps>;
     Form: ComponentProps<FormProps>;
@@ -196,8 +198,9 @@ export interface ReactSuiteComponents {
     PlaceholderParagraph: ComponentProps<PlaceholderParagraphProps>;
     PinInput: ComponentProps<PinInputProps>;
     Popover: ComponentProps<PopoverProps>;
+    Progress: ComponentProps<ProgressProps>;
+    ProgressLine: ComponentProps<ProgressProps>;
     ProgressCircle: ComponentProps<ProgressCircleProps>;
-    ProgressLine: ComponentProps<ProgressLineProps>;
     Radio: ComponentProps<RadioProps>;
     RadioGroup: ComponentProps<RadioGroupProps>;
     RadioTile: ComponentProps<RadioTileProps>;

package/esm/internals/Tree/TreeProvider.js

@@ -55,11 +55,10 @@ export const useTreeContextProps = () => {
 export const useTreeImperativeHandle = () => {
   const focusFirstNodeRef = useRef(null);
   const focusActiveNodeRef = useRef(null);
-  const register = useCallback(_ref => {
-    let {
-      focusTreeFirstNode,
-      focusTreeActiveNode
-    } = _ref;
+  const register = useCallback(({
+    focusTreeFirstNode,
+    focusTreeActiveNode
+  }) => {
     focusFirstNodeRef.current = focusTreeFirstNode;
     focusActiveNodeRef.current = focusTreeActiveNode;
     return () => {

package/esm/internals/Tree/utils/filterNodesOfTree.js

@@ -1,10 +1,7 @@
 'use client';
 import clone from 'lodash/clone';
 export function filterNodesOfTree(data, check) {
-  const findNodes = function (nodes) {
-    if (nodes === void 0) {
-      nodes = [];
-    }
+  const findNodes = (nodes = []) => {
     const nextNodes = [];
     for (let i = 0; i < nodes.length; i += 1) {
       if (Array.isArray(nodes[i].children)) {

package/esm/internals/Tree/utils/findNodeOfTree.js

@@ -1,9 +1,6 @@
 'use client';
 export function findNodeOfTree(data, check) {
-  const findNode = function (nodes) {
-    if (nodes === void 0) {
-      nodes = [];
-    }
+  const findNode = (nodes = []) => {
     for (let i = 0; i < nodes.length; i += 1) {
       const item = nodes[i];
       if (Array.isArray(item.children)) {

package/esm/internals/hooks/useClickOutside.js

@@ -1,11 +1,10 @@
 'use client';
 import { useEffect, useRef } from 'react';
-export function useClickOutside(_ref) {
-  let {
-    enabled = true,
-    isOutside,
-    handle
-  } = _ref;
+export function useClickOutside({
+  enabled = true,
+  isOutside,
+  handle
+}) {
   const isOutsideRef = useRef(isOutside);
   const handleRef = useRef(handle);
   useEffect(() => {

package/esm/internals/hooks/useEventCallback.js

@@ -16,11 +16,8 @@ export function useEventCallback(fn) {
   useIsomorphicLayoutEffect(() => {
     ref.current = fn;
   });
-  return useCallback(function () {
+  return useCallback((...args) => {
     var _ref$current;
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
     return (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.call(ref, ...args);
   }, []);
 }

package/esm/internals/hooks/useEventListener.js

@@ -10,10 +10,7 @@ import on from 'dom-lib/on';
  * @param handler An event handler
  * @param capture Whether or not to listen during the capture event phase
  */
-export function useEventListener(eventTarget, event, listener, capture) {
-  if (capture === void 0) {
-    capture = false;
-  }
+export function useEventListener(eventTarget, event, listener, capture = false) {
   useEffect(() => {
     const target = typeof eventTarget === 'function' ? eventTarget() : eventTarget;
     const controller = target ? on(target, event, listener, capture) : null;

package/esm/internals/hooks/usePortal.js

@@ -3,11 +3,10 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useEffect, useState, useCallback, useMemo } from 'react';
 import { createPortal } from 'react-dom';
 import canUseDOM from 'dom-lib/canUseDOM';
-const MountedPortal = /*#__PURE__*/React.memo(function MountedPortal(_ref) {
-  let {
-    children,
-    container
-  } = _ref;
+const MountedPortal = /*#__PURE__*/React.memo(function MountedPortal({
+  children,
+  container
+}) {
   const [mounted, setMounted] = useState(false);
   useEffect(() => setMounted(true), []);
   if (container && mounted) {
@@ -15,20 +14,16 @@ const MountedPortal = /*#__PURE__*/React.memo(function MountedPortal(_ref) {
   }
   return null;
 });
-export function usePortal(props) {
-  if (props === void 0) {
-    props = {};
-  }
+export function usePortal(props = {}) {
   const {
     container,
     waitMount = false
   } = props;
   const containerElement = typeof container === 'function' ? container() : container;
   const rootElement = useMemo(() => canUseDOM ? containerElement || document.body : null, [containerElement]);
-  const Portal = useCallback(_ref2 => {
-    let {
-      children
-    } = _ref2;
+  const Portal = useCallback(({
+    children
+  }) => {
     return rootElement != null ? /*#__PURE__*/createPortal(children, rootElement) : null;
   }, [rootElement]);
   const WaitMountPortal = useCallback(props => /*#__PURE__*/React.createElement(MountedPortal, _extends({

package/esm/internals/hooks/useRootClose.js

@@ -17,13 +17,12 @@ function isModifiedEvent(event) {
  * @param param1
  * @todo Allow different behaviors based on whether clicked element is focusable
  */
-export function useRootClose(onRootClose, _ref) {
-  let {
-    disabled,
-    triggerTarget,
-    overlayTarget,
-    listenEscape = true
-  } = _ref;
+export function useRootClose(onRootClose, {
+  disabled,
+  triggerTarget,
+  overlayTarget,
+  listenEscape = true
+}) {
   const handleDocumentKeyUp = useCallback(event => {
     if (listenEscape && event.key === KEY_VALUES.ESC) {
       onRootClose === null || onRootClose === void 0 || onRootClose(event);

package/esm/internals/hooks/useStyles.js

@@ -30,8 +30,8 @@ export function useStyles(str) {
    * if str = 'button':
    * prefix('red', { active: true }) => 'rs-button-red rs-button-active'
    */
-  const prefix = useCallback(function () {
-    const mergeClasses = arguments.length ? classNames(...arguments).split(' ').map(item => addPrefix(baseClass, item)) : [];
+  const prefix = useCallback((...classes) => {
+    const mergeClasses = classes.length ? classNames(...classes).split(' ').map(item => addPrefix(baseClass, item)) : [];
     return mergeClasses.filter(cls => cls).join(' ');
   }, [baseClass]);
 
@@ -41,10 +41,7 @@ export function useStyles(str) {
    * if str = 'button':
    * withPrefix('red', { active: true }) => 'rs-button rs-button-red rs-button-active'
    */
-  const withPrefix = useCallback(function () {
-    for (var _len = arguments.length, classes = new Array(_len), _key = 0; _key < _len; _key++) {
-      classes[_key] = arguments[_key];
-    }
+  const withPrefix = useCallback((...classes) => {
     const mergeClasses = prefix(classes);
     return mergeClasses ? `${baseClass} ${mergeClasses}` : baseClass;
   }, [baseClass, prefix]);
@@ -54,8 +51,8 @@ export function useStyles(str) {
    * rootPrefix('btn') => 'rs-btn'
    * rootPrefix('btn', { active: true }) => 'rs-btn rs-active'
    */
-  const rootPrefix = function () {
-    const mergeClasses = arguments.length ? classNames(...arguments).split(' ').map(item => addPrefix(classPrefix, item)) : [];
+  const rootPrefix = (...classes) => {
+    const mergeClasses = classes.length ? classNames(...classes).split(' ').map(item => addPrefix(classPrefix, item)) : [];
     return mergeClasses.filter(cls => cls).join(' ');
   };
   const cssVar = useCallback((prop, value, valueTransformer) => {

package/esm/internals/hooks/useTimeout.js

@@ -6,13 +6,7 @@ import { useEffect, useRef, useCallback } from 'react';
  * @param ms Milliseconds of the timer
  * @param enabled Whether to open the timer
  */
-export function useTimeout(fn, ms, enabled) {
-  if (ms === void 0) {
-    ms = 0;
-  }
-  if (enabled === void 0) {
-    enabled = true;
-  }
+export function useTimeout(fn, ms = 0, enabled = true) {
   const timeout = useRef(null);
   const callback = useRef(fn);
   const clear = useCallback(() => {

package/esm/internals/hooks/useToggleCaret.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { PlacementCorners, Placement } from '../types';
-export declare function useToggleCaret(placement: PlacementCorners | Placement): import("react").ForwardRefExoticComponent<import("@rsuite/icons/esm/Icon").IconProps & import("react").RefAttributes<SVGElement>>;
+export declare function useToggleCaret(placement: PlacementCorners | Placement): import("react").ForwardRefExoticComponent<Omit<import("@rsuite/icons/esm/Icon").IconProps, "ref"> & import("react").RefAttributes<SVGElement>>;
 export default useToggleCaret;

package/esm/internals/intl/FormattedDate.js

@@ -1,11 +1,10 @@
 'use client';
 import React from 'react';
 import { useCustom } from "../hooks/index.js";
-export function FormattedDate(_ref) {
-  let {
-    date,
-    formatStr
-  } = _ref;
+export function FormattedDate({
+  date,
+  formatStr
+}) {
   const {
     formatDate
   } = useCustom('Calendar');

package/esm/internals/intl/FormattedNumber.js

@@ -1,11 +1,10 @@
 'use client';
 import React, { useMemo } from 'react';
 import { useCustom } from "../hooks/index.js";
-export function FormattedNumber(_ref) {
-  let {
-    value,
-    formatOptions
-  } = _ref;
+export function FormattedNumber({
+  value,
+  formatOptions
+}) {
   const {
     code
   } = useCustom();

package/esm/internals/types/placement.d.ts

@@ -1,4 +1,9 @@
 export type PlacementCardinal = 'top' | 'bottom' | 'right' | 'left';
 export type PlacementCorners = 'topStart' | 'topEnd' | 'bottomStart' | 'bottomEnd' | 'leftStart' | 'rightStart' | 'leftEnd' | 'rightEnd';
 export type PlacementAuto = 'auto' | 'autoVertical' | 'autoVerticalStart' | 'autoVerticalEnd' | 'autoHorizontal' | 'autoHorizontalStart' | 'autoHorizontalEnd';
+/**
+ * Placement options for error messages in form controls.
+ * @since 'static' is supported from v6.0.0
+ */
+export type ErrorMessagePlacement = 'static' | PlacementCorners;
 export type Placement = PlacementCardinal | PlacementCorners | PlacementAuto;

package/esm/internals/utils/colours.js

@@ -92,10 +92,7 @@ export const getContrastText = bgColor => {
  * Create CSS color variables for custom colors
  * Returns background and optional text color variables
  */
-export const createColorVariables = function (color, bgFieldName, textFieldName) {
-  if (bgFieldName === void 0) {
-    bgFieldName = '--rs-color-bg';
-  }
+export const createColorVariables = (color, bgFieldName = '--rs-color-bg', textFieldName) => {
   if (color && !isPresetColor(color)) {
     const colorStr = color.toString();
     // Only convert to hex if it's a hex color

package/esm/internals/utils/composeFunctions.js

@@ -13,10 +13,7 @@
  * d(); // a b c
  * ```
  */
-export function composeFunctions() {
-  for (var _len = arguments.length, fns = new Array(_len), _key = 0; _key < _len; _key++) {
-    fns[_key] = arguments[_key];
-  }
+export function composeFunctions(...fns) {
   return first => fns.reduce((previousValue, fn) => fn(previousValue), first);
 }
 export default composeFunctions;

package/esm/internals/utils/createChainedFunction.js

@@ -13,10 +13,7 @@
  * @returns {function|undefined}
  */
 
-export function createChainedFunction() {
-  for (var _len = arguments.length, funcs = new Array(_len), _key = 0; _key < _len; _key++) {
-    funcs[_key] = arguments[_key];
-  }
+export function createChainedFunction(...funcs) {
   return funcs.filter(f => f !== null && typeof f !== 'undefined').reduce((acc, f) => {
     if (typeof f !== 'function') {
       throw new Error('Invalid Argument Type, must only provide functions, undefined, or null.');
@@ -24,10 +21,7 @@ export function createChainedFunction() {
     if (acc === undefined) {
       return f;
     }
-    return function chainedFunction() {
-      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-        args[_key2] = arguments[_key2];
-      }
+    return function chainedFunction(...args) {
       acc.apply(this, args);
       f.apply(this, args);
     };

package/esm/internals/utils/date/copyTime.js

@@ -12,11 +12,10 @@ import { isValid } from 'date-fns/isValid';
  * @param to - The target date.
  * @returns The target date with the time copied from the source date.
  */
-export function copyTime(_ref) {
-  let {
-    from,
-    to
-  } = _ref;
+export function copyTime({
+  from,
+  to
+}) {
   if (!isValid(from) || !isValid(to)) {
     return to;
   }

package/esm/internals/utils/getDataGroupBy.js

@@ -6,14 +6,11 @@ export const KEY_GROUP_TITLE = 'groupTitle';
 export function getDataGroupBy(data, key, sort) {
   const groupMap = _groupBy(data, key);
   const isSort = typeof sort === 'function';
-  const groups = Object.entries(groupMap).map(_ref => {
-    let [groupTitle, children] = _ref;
-    return {
-      children: isSort ? children.sort(sort(false)) : children,
-      [KEY_GROUP_TITLE]: groupTitle,
-      [RSUITE_PICKER_GROUP_KEY]: true
-    };
-  });
+  const groups = Object.entries(groupMap).map(([groupTitle, children]) => ({
+    children: isSort ? children.sort(sort(false)) : children,
+    [KEY_GROUP_TITLE]: groupTitle,
+    [RSUITE_PICKER_GROUP_KEY]: true
+  }));
   if (isSort) {
     groups.sort(sort(true));
   }

package/esm/internals/utils/html/htmlPropsUtils.js

@@ -35,10 +35,7 @@ export const htmlInputProps = [...htmlInputAttrs, ...htmlInputEvents];
  * @param {boolean} [options.includeAria] Includes all input props that starts with "aria-"
  * @returns {[{}, {}]} An array of objects
  */
-export const partitionHTMLProps = function (props, options) {
-  if (options === void 0) {
-    options = {};
-  }
+export const partitionHTMLProps = (props, options = {}) => {
   const {
     htmlProps = htmlInputProps,
     includeAria = true

package/esm/internals/utils/placement.js

@@ -9,10 +9,7 @@ import kebabCase from 'lodash/kebabCase';
  * // 'bottomStart'
  * ```
  */
-export function placementPolyfill(placement, rtl) {
-  if (rtl === void 0) {
-    rtl = false;
-  }
+export function placementPolyfill(placement, rtl = false) {
   if (typeof placement === 'string') {
     if (rtl) {
       placement = placement.replace(/left|right/, m => m === 'left' ? 'right' : 'left');

package/esm/internals/utils/react/createComponent.js

@@ -20,13 +20,12 @@ import { useCustom } from "../../hooks/useCustom.js";
  * Create a component with `classPrefix` and `as` attributes.
  * By default, the component is based on Box component and inherits all Box props.
  */
-export function createComponent(_ref) {
-  let {
-    name,
-    componentAs,
-    componentClassPrefix,
-    ...defaultProps
-  } = _ref;
+export function createComponent({
+  name,
+  componentAs,
+  componentClassPrefix,
+  ...defaultProps
+}) {
   const Component = forwardRef((props, ref) => {
     const {
       propsWithDefaults

package/esm/internals/utils/string/tplTransform.js

@@ -11,10 +11,7 @@ const toJSX = (node, key) => typeof node !== 'undefined' ? /*#__PURE__*/React.cr
  * tplTransform('Show {0} data', <i>100</i>);
  * // output: Show <span><i>100</i></span> data
  */
-export function tplTransform(pattern) {
-  for (var _len = arguments.length, data = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-    data[_key - 1] = arguments[_key];
-  }
+export function tplTransform(pattern, ...data) {
   return pattern.split(/\{(\d+)\}/).map((item, index) => index % 2 ? toJSX(data[+item], index) : toJSX(item, index)).filter(item => item !== '');
 }
 export default tplTransform;

package/esm/internals/utils/style-sheet/css.js

@@ -3,10 +3,7 @@ import isEmpty from 'lodash/isEmpty';
 /**
  * Processes and returns a value suitable for CSS (with a unit).
  */
-export function getCssValue(value, unit) {
-  if (unit === void 0) {
-    unit = 'px';
-  }
+export function getCssValue(value, unit = 'px') {
   if (value === undefined || value === null || value === '') {
     return '';
   }
@@ -28,10 +25,7 @@ export function getCssValue(value, unit) {
 /**
  * Merge multiple style objects, filtering out undefined values
  */
-export function mergeStyles() {
-  for (var _len = arguments.length, styles = new Array(_len), _key = 0; _key < _len; _key++) {
-    styles[_key] = arguments[_key];
-  }
+export function mergeStyles(...styles) {
   const mergedStyles = styles === null || styles === void 0 ? void 0 : styles.filter(Boolean).reduce((acc, style) => {
     if (!style) return acc;
     return {
@@ -45,10 +39,7 @@ export function mergeStyles() {
 /**
  * Create CSS variables for offset positioning
  */
-export function createOffsetStyles(offset, prefix) {
-  if (prefix === void 0) {
-    prefix = '--rs-offset';
-  }
+export function createOffsetStyles(offset, prefix = '--rs-offset') {
   if (!offset) return undefined;
   const [x, y] = offset;
   return {

package/esm/internals/utils/style-sheet/styles.js

@@ -5,10 +5,7 @@ export const createStyleValueSetter = config => {
     presetChecker,
     useGlobalVar
   } = config;
-  return function (value, name, prop) {
-    if (prop === void 0) {
-      prop = config.prop;
-    }
+  return (value, name, prop = config.prop) => {
     if (typeof value === 'undefined' || !name) {
       return;
     }
@@ -24,10 +21,7 @@ export const createStyleValueSetter = config => {
 };
 export const createStyleGetter = config => {
   const setValue = createStyleValueSetter(config);
-  return function (value, name, prop) {
-    if (prop === void 0) {
-      prop = config.prop;
-    }
+  return (value, name, prop = config.prop) => {
     if (typeof value === 'undefined' || !name) {
       return;
     }

package/esm/locales/ar_EG.d.ts

@@ -147,5 +147,11 @@ declare const _default: {
         on: string;
         off: string;
     };
+    Dialog: {
+        alert: string;
+        confirm: string;
+        ok: string;
+        cancel: string;
+    };
 };
 export default _default;

package/esm/locales/ar_EG.js

@@ -83,5 +83,11 @@ export default {
   Toggle: {
     on: 'إيقاف',
     off: 'تشغيل'
+  },
+  Dialog: {
+    alert: 'تنبيه',
+    confirm: 'تأكيد',
+    ok: 'موافق',
+    cancel: 'إلغاء'
   }
 };

package/esm/locales/ca_ES.d.ts

@@ -163,5 +163,11 @@ declare const _default: {
         on: string;
         off: string;
     };
+    Dialog: {
+        alert: string;
+        confirm: string;
+        ok: string;
+        cancel: string;
+    };
 };
 export default _default;

package/esm/locales/ca_ES.js

@@ -87,5 +87,11 @@ export default {
   Toggle: {
     on: 'Encendre',
     off: 'Apagar'
+  },
+  Dialog: {
+    alert: 'Alerta',
+    confirm: 'Confirmar',
+    ok: `D'acord`,
+    cancel: 'Cancel·lar'
   }
 };

package/esm/locales/cs_CZ.d.ts

@@ -163,5 +163,11 @@ declare const _default: {
         on: string;
         off: string;
     };
+    Dialog: {
+        alert: string;
+        confirm: string;
+        ok: string;
+        cancel: string;
+    };
 };
 export default _default;

package/esm/locales/cs_CZ.js

@@ -87,5 +87,11 @@ export default {
   Toggle: {
     on: 'Otevřít',
     off: 'Zavřít'
+  },
+  Dialog: {
+    alert: 'Upozornění',
+    confirm: 'Potvrdit',
+    ok: 'OK',
+    cancel: 'Zrušit'
   }
 };

package/esm/locales/da_DK.d.ts

@@ -163,5 +163,11 @@ declare const _default: {
         on: string;
         off: string;
     };
+    Dialog: {
+        alert: string;
+        confirm: string;
+        ok: string;
+        cancel: string;
+    };
 };
 export default _default;

package/esm/locales/da_DK.js

@@ -87,5 +87,11 @@ export default {
   Toggle: {
     on: 'på',
     off: 'Av'
+  },
+  Dialog: {
+    alert: 'Advarsel',
+    confirm: 'Bekræft',
+    ok: 'OK',
+    cancel: 'Annuller'
   }
 };

package/esm/locales/de_DE.d.ts

@@ -163,5 +163,11 @@ declare const _default: {
         on: string;
         off: string;
     };
+    Dialog: {
+        alert: string;
+        confirm: string;
+        ok: string;
+        cancel: string;
+    };
 };
 export default _default;