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

package/cjs/internals/Tree/TreeProvider.js

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

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

@@ -6,10 +6,7 @@ exports.__esModule = true;
 exports.filterNodesOfTree = filterNodesOfTree;
 var _clone = _interopRequireDefault(require("lodash/clone"));
 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/cjs/internals/Tree/utils/findNodeOfTree.js

@@ -4,10 +4,7 @@
 exports.__esModule = true;
 exports.findNodeOfTree = findNodeOfTree;
 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/cjs/internals/Windowing/AutoSizer.js

@@ -9,8 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _getStyle = _interopRequireDefault(require("dom-lib/getStyle"));
 var _hooks = require("../hooks");
 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; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 /**
  * High-order component that automatically adjusts the width and height of a single child.
  *

package/cjs/internals/Windowing/List.js

@@ -10,8 +10,7 @@ var _ScrollView = _interopRequireDefault(require("../ScrollView"));
 var _reactWindow = require("react-window");
 var _hooks = require("../hooks");
 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; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const defaultItemSize = () => 36;
 exports.defaultItemSize = defaultItemSize;
 const OuterElementType = (0, _utils.forwardRef)(function OuterElementType(props, ref) {

package/cjs/internals/Windowing/index.js

@@ -12,5 +12,4 @@ exports.defaultItemSize = _List.defaultItemSize;
 var _reactWindow = require("react-window");
 exports.FixedSizeList = _reactWindow.FixedSizeList;
 exports.VariableSizeList = _reactWindow.VariableSizeList;
-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; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }

package/cjs/internals/hooks/useClickOutside.js

@@ -5,12 +5,11 @@ exports.__esModule = true;
 exports.default = void 0;
 exports.useClickOutside = useClickOutside;
 var _react = require("react");
-function useClickOutside(_ref) {
-  let {
-    enabled = true,
-    isOutside,
-    handle
-  } = _ref;
+function useClickOutside({
+  enabled = true,
+  isOutside,
+  handle
+}) {
   const isOutsideRef = (0, _react.useRef)(isOutside);
   const handleRef = (0, _react.useRef)(handle);
   (0, _react.useEffect)(() => {

package/cjs/internals/hooks/useElementResize.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 /**
  * Attach the event handler directly to the specified DOM element,
  * and it will be triggered when the size of the DOM element is changed.
@@ -5,5 +6,5 @@
  * @param eventTarget The target to listen for events on
  * @param listener An event handler
  */
-export declare function useElementResize(eventTarget: Element | null | (() => Element | null), listener: ResizeObserverCallback): void;
+export declare function useElementResize(eventTarget: Element | null | (() => Element | null) | React.RefObject<Element | null>, listener: ResizeObserverCallback): void;
 export default useElementResize;

package/cjs/internals/hooks/useElementResize.js

@@ -15,18 +15,61 @@ var _resizeObserver = require("@juggle/resize-observer");
  */
 function useElementResize(eventTarget, listener) {
   const resizeObserver = (0, _react.useRef)(null);
+  const currentElement = (0, _react.useRef)(null);
+
+  // Create the observer
   (0, _react.useEffect)(() => {
-    if (!resizeObserver.current) {
-      const target = typeof eventTarget === 'function' ? eventTarget() : eventTarget;
-      if (target) {
-        resizeObserver.current = new _resizeObserver.ResizeObserver(listener);
-        resizeObserver.current.observe(target);
+    // Get the target element
+    let target = null;
+    if (eventTarget) {
+      if (typeof eventTarget === 'function') {
+        target = eventTarget();
+      } else if ('current' in eventTarget) {
+        target = eventTarget.current;
+      } else {
+        target = eventTarget;
+      }
+    }
+
+    // If target changed, disconnect the previous observer
+    if (currentElement.current !== target) {
+      if (resizeObserver.current) {
+        resizeObserver.current.disconnect();
+        resizeObserver.current = null;
       }
+      currentElement.current = target;
+    }
+
+    // If we have a target and no observer, create one
+    if (target && !resizeObserver.current) {
+      const observer = new _resizeObserver.ResizeObserver(listener);
+      observer.observe(target);
+      resizeObserver.current = observer;
     }
+
+    // Cleanup function
     return () => {
-      var _resizeObserver$curre;
-      (_resizeObserver$curre = resizeObserver.current) === null || _resizeObserver$curre === void 0 || _resizeObserver$curre.disconnect();
+      if (resizeObserver.current) {
+        resizeObserver.current.disconnect();
+        resizeObserver.current = null;
+      }
+      currentElement.current = null;
     };
   }, [eventTarget, listener]);
+
+  // Update the current element reference if it changes
+  (0, _react.useEffect)(() => {
+    if (eventTarget) {
+      if (typeof eventTarget === 'function') {
+        currentElement.current = eventTarget();
+      } else if ('current' in eventTarget) {
+        currentElement.current = eventTarget.current;
+      } else {
+        currentElement.current = eventTarget;
+      }
+    } else {
+      currentElement.current = null;
+    }
+  }, [eventTarget]);
 }
 var _default = exports.default = useElementResize;

package/cjs/internals/hooks/useEventCallback.js

@@ -21,11 +21,8 @@ function useEventCallback(fn) {
   (0, _useIsomorphicLayoutEffect.default)(() => {
     ref.current = fn;
   });
-  return (0, _react.useCallback)(function () {
+  return (0, _react.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/cjs/internals/hooks/useEventListener.js

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

package/cjs/internals/hooks/usePortal.js

@@ -9,13 +9,11 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireWildcard(require("react"));
 var _reactDom = require("react-dom");
 var _canUseDOM = _interopRequireDefault(require("dom-lib/canUseDOM"));
-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 MountedPortal = /*#__PURE__*/_react.default.memo(function MountedPortal(_ref) {
-  let {
-    children,
-    container
-  } = _ref;
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const MountedPortal = /*#__PURE__*/_react.default.memo(function MountedPortal({
+  children,
+  container
+}) {
   const [mounted, setMounted] = (0, _react.useState)(false);
   (0, _react.useEffect)(() => setMounted(true), []);
   if (container && mounted) {
@@ -23,20 +21,16 @@ const MountedPortal = /*#__PURE__*/_react.default.memo(function MountedPortal(_r
   }
   return null;
 });
-function usePortal(props) {
-  if (props === void 0) {
-    props = {};
-  }
+function usePortal(props = {}) {
   const {
     container,
     waitMount = false
   } = props;
   const containerElement = typeof container === 'function' ? container() : container;
   const rootElement = (0, _react.useMemo)(() => _canUseDOM.default ? containerElement || document.body : null, [containerElement]);
-  const Portal = (0, _react.useCallback)(_ref2 => {
-    let {
-      children
-    } = _ref2;
+  const Portal = (0, _react.useCallback)(({
+    children
+  }) => {
     return rootElement != null ? /*#__PURE__*/(0, _reactDom.createPortal)(children, rootElement) : null;
   }, [rootElement]);
   const WaitMountPortal = (0, _react.useCallback)(props => /*#__PURE__*/_react.default.createElement(MountedPortal, (0, _extends2.default)({

package/cjs/internals/hooks/useRootClose.js

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

package/cjs/internals/hooks/useStyles.js

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

package/cjs/internals/hooks/useTimeout.js

@@ -11,13 +11,7 @@ var _react = require("react");
  * @param ms Milliseconds of the timer
  * @param enabled Whether to open the timer
  */
-function useTimeout(fn, ms, enabled) {
-  if (ms === void 0) {
-    ms = 0;
-  }
-  if (enabled === void 0) {
-    enabled = true;
-  }
+function useTimeout(fn, ms = 0, enabled = true) {
   const timeout = (0, _react.useRef)(null);
   const callback = (0, _react.useRef)(fn);
   const clear = (0, _react.useCallback)(() => {

package/cjs/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/cjs/internals/intl/FormattedDate.js

@@ -7,11 +7,10 @@ exports.FormattedDate = FormattedDate;
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _hooks = require("../hooks");
-function FormattedDate(_ref) {
-  let {
-    date,
-    formatStr
-  } = _ref;
+function FormattedDate({
+  date,
+  formatStr
+}) {
   const {
     formatDate
   } = (0, _hooks.useCustom)('Calendar');

package/cjs/internals/intl/FormattedNumber.js

@@ -5,13 +5,11 @@ exports.__esModule = true;
 exports.FormattedNumber = FormattedNumber;
 var _react = _interopRequireWildcard(require("react"));
 var _hooks = require("../hooks");
-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; }
-function FormattedNumber(_ref) {
-  let {
-    value,
-    formatOptions
-  } = _ref;
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+function FormattedNumber({
+  value,
+  formatOptions
+}) {
   const {
     code
   } = (0, _hooks.useCustom)();

package/cjs/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/cjs/internals/utils/colours.js

@@ -100,10 +100,7 @@ const getContrastText = bgColor => {
  * Returns background and optional text color variables
  */
 exports.getContrastText = getContrastText;
-const createColorVariables = function (color, bgFieldName, textFieldName) {
-  if (bgFieldName === void 0) {
-    bgFieldName = '--rs-color-bg';
-  }
+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/cjs/internals/utils/composeFunctions.js

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

package/cjs/internals/utils/createChainedFunction.js

@@ -18,10 +18,7 @@ exports.default = void 0;
  * @returns {function|undefined}
  */
 
-function createChainedFunction() {
-  for (var _len = arguments.length, funcs = new Array(_len), _key = 0; _key < _len; _key++) {
-    funcs[_key] = arguments[_key];
-  }
+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.');
@@ -29,10 +26,7 @@ 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/cjs/internals/utils/date/copyTime.js

@@ -16,11 +16,10 @@ var _isValid = require("date-fns/isValid");
  * @param to - The target date.
  * @returns The target date with the time copied from the source date.
  */
-function copyTime(_ref) {
-  let {
-    from,
-    to
-  } = _ref;
+function copyTime({
+  from,
+  to
+}) {
   if (!(0, _isValid.isValid)(from) || !(0, _isValid.isValid)(to)) {
     return to;
   }

package/cjs/internals/utils/getDataGroupBy.js

@@ -12,14 +12,11 @@ const KEY_GROUP_TITLE = exports.KEY_GROUP_TITLE = 'groupTitle';
 function getDataGroupBy(data, key, sort) {
   const groupMap = (0, _groupBy2.default)(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,
-      [_symbols.RSUITE_PICKER_GROUP_KEY]: true
-    };
-  });
+  const groups = Object.entries(groupMap).map(([groupTitle, children]) => ({
+    children: isSort ? children.sort(sort(false)) : children,
+    [KEY_GROUP_TITLE]: groupTitle,
+    [_symbols.RSUITE_PICKER_GROUP_KEY]: true
+  }));
   if (isSort) {
     groups.sort(sort(true));
   }

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

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

package/cjs/internals/utils/placement.js

@@ -14,10 +14,7 @@ var _kebabCase = _interopRequireDefault(require("lodash/kebabCase"));
  * // 'bottomStart'
  * ```
  */
-function placementPolyfill(placement, rtl) {
-  if (rtl === void 0) {
-    rtl = false;
-  }
+function placementPolyfill(placement, rtl = false) {
   if (typeof placement === 'string') {
     if (rtl) {
       placement = placement.replace(/left|right/, m => m === 'left' ? 'right' : 'left');

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

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

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

@@ -17,10 +17,7 @@ const toJSX = (node, key) => typeof node !== 'undefined' ? /*#__PURE__*/_react.d
  * tplTransform('Show {0} data', <i>100</i>);
  * // output: Show <span><i>100</i></span> data
  */
-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];
-  }
+function tplTransform(pattern, ...data) {
   return pattern.split(/\{(\d+)\}/).map((item, index) => index % 2 ? toJSX(data[+item], index) : toJSX(item, index)).filter(item => item !== '');
 }
 var _default = exports.default = tplTransform;

package/cjs/internals/utils/style-sheet/css.d.ts

@@ -3,7 +3,7 @@ import type { StyleProperties } from '../../types';
 /**
  * Processes and returns a value suitable for CSS (with a unit).
  */
-export declare function getCssValue(value?: number | string | null, unit?: string): string;
+export declare function getCssValue(value?: number | string | null, unit?: string): string | undefined;
 /**
  * Merge multiple style objects, filtering out undefined values
  */

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

@@ -10,12 +10,9 @@ var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
 /**
  * Processes and returns a value suitable for CSS (with a unit).
  */
-function getCssValue(value, unit) {
-  if (unit === void 0) {
-    unit = 'px';
-  }
+function getCssValue(value, unit = 'px') {
   if (value === undefined || value === null || value === '') {
-    return '';
+    return undefined;
   }
 
   // If the value is 0, return it as a string without unit
@@ -35,10 +32,7 @@ function getCssValue(value, unit) {
 /**
  * Merge multiple style objects, filtering out undefined values
  */
-function mergeStyles() {
-  for (var _len = arguments.length, styles = new Array(_len), _key = 0; _key < _len; _key++) {
-    styles[_key] = arguments[_key];
-  }
+function mergeStyles(...styles) {
   const mergedStyles = styles === null || styles === void 0 ? void 0 : styles.filter(Boolean).reduce((acc, style) => {
     if (!style) return acc;
     return {
@@ -52,10 +46,7 @@ function mergeStyles() {
 /**
  * Create CSS variables for offset positioning
  */
-function createOffsetStyles(offset, prefix) {
-  if (prefix === void 0) {
-    prefix = '--rs-offset';
-  }
+function createOffsetStyles(offset, prefix = '--rs-offset') {
   if (!offset) return undefined;
   const [x, y] = offset;
   return {

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

@@ -9,10 +9,7 @@ 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;
     }
@@ -29,10 +26,7 @@ const createStyleValueSetter = config => {
 exports.createStyleValueSetter = createStyleValueSetter;
 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/cjs/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/cjs/locales/ar_EG.js

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