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

package/cjs/internals/Overlay/{positionUtils.js → utils/position.js}

@@ -3,7 +3,8 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.default = exports.AutoPlacement = void 0;
+exports.AutoPlacement = void 0;
+exports.calcPosition = calcPosition;
 var _maxBy = _interopRequireDefault(require("lodash/maxBy"));
 var _minBy = _interopRequireDefault(require("lodash/minBy"));
 var _ownerDocument = _interopRequireDefault(require("dom-lib/ownerDocument"));
@@ -20,11 +21,26 @@ const AutoPlacement = exports.AutoPlacement = {
   bottom: 'End'
 };
 
+// Cache for memoization
+const dimensionsCache = new Map();
+
+// Cache expiry time (milliseconds)
+const CACHE_EXPIRY = 100;
+
 /**
- * Get the external dimensions of the container
- * @param containerNode
+ * Get the external dimensions of the container with memoization for performance
+ * @param containerNode Container element
+ * @returns Container dimensions information
  */
 function getContainerDimensions(containerNode) {
+  // Check cache
+  const cached = dimensionsCache.get(containerNode);
+  const now = Date.now();
+  if (cached && now - cached.timestamp < CACHE_EXPIRY) {
+    return cached.dimensions;
+  }
+
+  // Calculate new dimensions
   let width;
   let height;
   let scrollX;
@@ -42,19 +58,28 @@ function getContainerDimensions(containerNode) {
     scrollY = (0, _scrollTop.default)(containerNode);
     scrollX = (0, _scrollLeft.default)(containerNode);
   }
-  return {
+  const dimensions = {
     width,
     height,
     scrollX,
     scrollY
   };
+
+  // Update cache
+  dimensionsCache.set(containerNode, {
+    dimensions,
+    timestamp: now
+  });
+  return dimensions;
 }
-var _default = props => {
+function calcPosition(options) {
   const {
     placement,
     preventOverflow,
     padding
-  } = props;
+  } = options;
+  // Ensure placement is a valid type
+  const currentPlacement = placement;
   function getTopDelta(top, overlayHeight, container) {
     if (!preventOverflow) {
       return 0;
@@ -100,12 +125,12 @@ var _default = props => {
       height: containerHeight
     } = getContainerDimensions(container);
 
-    // 判断 overlay 底部是否溢出，设置 top
+    // Check if the bottom of the overlay overflows, set top
     if (overlayHeight + top > containerHeight + scrollY) {
       return containerHeight - overlayHeight + scrollY;
     }
 
-    // top 的最小值不能少于纵向滚动条 y 的值
+    // The minimum value of top should not be less than the vertical scroll bar y value
     return Math.max(scrollY, top);
   }
   function getPositionLeft(container, overlayWidth, left) {
@@ -120,7 +145,7 @@ var _default = props => {
       return containerWidth - overlayWidth + scrollX;
     }
 
-    // left 的最小值不能少于横向滚动条 x 的值
+    // The minimum value of left should not be less than the horizontal scroll bar x value
     return Math.max(scrollX, left);
   }
   return {
@@ -166,57 +191,86 @@ var _default = props => {
       offset.top = top - containerOffset.top;
       return offset;
     },
+    /**
+     * Calculate the optimal auto placement position
+     * @param targetOffset Target element offset
+     * @param container Container element
+     * @param overlay Overlay dimensions
+     * @returns Calculated optimal placement position
+     */
     calcAutoPlacement(targetOffset, container, overlay) {
+      // Get container dimensions and scroll position
       const {
         width,
         height,
         scrollX,
         scrollY
       } = getContainerDimensions(container);
-      const left = targetOffset.left - scrollX - overlay.width;
-      const top = targetOffset.top - scrollY - overlay.height;
-      const right = width - targetOffset.left - targetOffset.width + scrollX - overlay.width;
-      const bottom = height - targetOffset.top - targetOffset.height + scrollY - overlay.height;
+
+      // Calculate available space in each direction
+      const availableSpace = {
+        left: targetOffset.left - scrollX - overlay.width,
+        top: targetOffset.top - scrollY - overlay.height,
+        right: width - targetOffset.left - targetOffset.width + scrollX - overlay.width,
+        bottom: height - targetOffset.top - targetOffset.height + scrollY - overlay.height
+      };
+
+      // Group available space into horizontal and vertical directions
       const horizontal = [{
         key: 'left',
-        value: left
+        value: availableSpace.left
       }, {
         key: 'right',
-        value: right
+        value: availableSpace.right
       }];
       const vertical = [{
         key: 'top',
-        value: top
+        value: availableSpace.top
       }, {
         key: 'bottom',
-        value: bottom
+        value: availableSpace.bottom
       }];
+
+      // Constants for auto placement
       const AV = 'autoVertical';
       const AH = 'autoHorizontal';
-      let direction;
-      let align;
-      if (placement.indexOf(AV) !== -1) {
-        direction = (0, _maxBy.default)(vertical, o => o.value);
-        return placement === AV ? direction.key : `${direction.key}${placement.replace(AV, '')}`;
-      } else if (placement.indexOf(AH) !== -1) {
-        direction = (0, _maxBy.default)(horizontal, o => o.value);
-        return placement === AH ? direction.key : `${direction.key}${placement.replace(AH, '')}`;
+
+      // Handle specific auto vertical placement
+      if (currentPlacement.indexOf(AV) !== -1) {
+        const bestDirection = (0, _maxBy.default)(vertical, o => o.value);
+        if (!bestDirection) return 'bottom'; // Default value
+        return currentPlacement === AV ? bestDirection.key : `${bestDirection.key}${currentPlacement.replace(AV, '')}`;
       }
 
-      /**
-       * Precedence Vertical
-       * [...vertical, ...horizontal]
-       */
-      direction = (0, _maxBy.default)([...vertical, ...horizontal], o => o.value);
-      if (direction.key === 'left' || direction.key === 'right') {
-        align = (0, _minBy.default)(vertical, o => o.value);
-      } else {
-        align = (0, _minBy.default)(horizontal, o => o.value);
+      // Handle specific auto horizontal placement
+      if (currentPlacement.indexOf(AH) !== -1) {
+        const bestDirection = (0, _maxBy.default)(horizontal, o => o.value);
+        if (!bestDirection) return 'right'; // Default value
+        return currentPlacement === AH ? bestDirection.key : `${bestDirection.key}${currentPlacement.replace(AH, '')}`;
       }
-      return `${direction.key}${AutoPlacement[align.key]}`;
+
+      // By default, vertical direction takes precedence
+      // Find the direction with the most space to use as main direction
+      const bestDirection = (0, _maxBy.default)([...vertical, ...horizontal], o => o.value);
+      if (!bestDirection) return 'bottom'; // 默认值
+
+      // Determine alignment based on main direction
+      const isHorizontal = bestDirection.key === 'left' || bestDirection.key === 'right';
+      const bestAlign = isHorizontal ? (0, _minBy.default)(vertical, o => o.value) // If main direction is horizontal, align vertically
+      : (0, _minBy.default)(horizontal, o => o.value); // If main direction is vertical, align horizontally
+
+      if (!bestAlign) return bestDirection.key; // If no alignment, return main direction
+
+      // Return final placement position
+      return `${bestDirection.key}${AutoPlacement[bestAlign.key]}`;
     },
     // Calculate the position of the overlay
     calcOverlayPosition(overlayNode, target, container, cursorPosition) {
+      // Cache commonly used values to avoid repeated calculations
+      const ARROW_OFFSET_FACTOR = 50; // Arrow offset calculation factor
+      const isRTL = document.dir === 'rtl';
+
+      // Get target element offset
       const childOffset = cursorPosition ? this.getCursorOffsetPosition(target, container, cursorPosition) : this.getPosition(target, container);
       const {
         height: overlayHeight,
@@ -226,45 +280,70 @@ var _default = props => {
         top,
         left
       } = childOffset;
-      let nextPlacement = placement;
-      if (placement && placement.indexOf('auto') >= 0) {
+
+      // Determine placement position
+      let nextPlacement = currentPlacement;
+      if (currentPlacement && currentPlacement.indexOf('auto') >= 0) {
         nextPlacement = this.calcAutoPlacement(childOffset, container, {
           height: overlayHeight,
           width: overlayWidth
         });
       }
+
+      // Initialize position and arrow offset values
       let positionLeft;
       let positionTop;
       let arrowOffsetLeft;
       let arrowOffsetTop;
+
+      // Handle basic left/right positions
       if (nextPlacement === 'left' || nextPlacement === 'right') {
+        // Vertical centering
         positionTop = childOffset.top + (childOffset.height - overlayHeight) / 2;
         const topDelta = getTopDelta(positionTop, overlayHeight, container);
         positionTop += topDelta;
-        arrowOffsetTop = `${50 * (1 - 2 * topDelta / overlayHeight)}%`;
+        arrowOffsetTop = `${ARROW_OFFSET_FACTOR * (1 - 2 * topDelta / overlayHeight)}%`;
         arrowOffsetLeft = undefined;
-      } else if (nextPlacement === 'top' || nextPlacement === 'bottom') {
+      }
+      // Handle basic top/bottom positions
+      else if (nextPlacement === 'top' || nextPlacement === 'bottom') {
+        // Horizontal centering
         positionLeft = left + (childOffset.width - overlayWidth) / 2;
         const leftDelta = getLeftDelta(positionLeft, overlayWidth, container);
         positionLeft += leftDelta;
-        arrowOffsetLeft = `${50 * (1 - 2 * leftDelta / overlayWidth)}%`;
+        arrowOffsetLeft = `${ARROW_OFFSET_FACTOR * (1 - 2 * leftDelta / overlayWidth)}%`;
         arrowOffsetTop = undefined;
       }
-      if (nextPlacement === 'top' || nextPlacement === 'topStart' || nextPlacement === 'topEnd') {
+
+      // Helper function: Check if placement matches specified prefix
+      const matchesPlacement = prefix => {
+        return nextPlacement === prefix || nextPlacement === `${prefix}Start` || nextPlacement === `${prefix}End`;
+      };
+
+      // Handle top position series
+      if (matchesPlacement('top')) {
         positionTop = getPositionTop(container, overlayHeight, childOffset.top - overlayHeight);
       }
-      if (nextPlacement === 'bottom' || nextPlacement === 'bottomStart' || nextPlacement === 'bottomEnd') {
+
+      // Handle bottom position series
+      if (matchesPlacement('bottom')) {
         positionTop = getPositionTop(container, overlayHeight, childOffset.top + childOffset.height);
       }
-      if (nextPlacement === 'left' || nextPlacement === 'leftStart' || nextPlacement === 'leftEnd') {
+
+      // Handle left position series
+      if (matchesPlacement('left')) {
         positionLeft = getPositionLeft(container, overlayWidth, childOffset.left - overlayWidth);
       }
-      if (nextPlacement === 'right' || nextPlacement === 'rightStart' || nextPlacement === 'rightEnd') {
+
+      // Handle right position series
+      if (matchesPlacement('right')) {
         positionLeft = getPositionLeft(container, overlayWidth, childOffset.left + childOffset.width);
       }
-      if (document.dir === 'rtl' && (nextPlacement === 'left' || nextPlacement === 'leftStart' || nextPlacement === 'leftEnd' || nextPlacement === 'right' || nextPlacement === 'rightStart' || nextPlacement === 'rightEnd')) {
+
+      // Handle horizontal position adjustment in RTL mode
+      if (isRTL && (matchesPlacement('left') || matchesPlacement('right'))) {
         /**
-         * When laying out in rtl, if the width of the container
+         * When laying out in RTL, if the width of the container
          * is less than the width of the container scrolling,
          * you need to recalculate the left value.
          */
@@ -275,25 +354,33 @@ var _default = props => {
           positionLeft = containerWidth + positionLeft - container.scrollWidth;
         }
       }
+
+      // Handle Start variant positions
       if (nextPlacement === 'topStart' || nextPlacement === 'bottomStart') {
-        if (document.dir === 'rtl') {
+        if (isRTL) {
           const nextLeft = left + (childOffset.width - overlayWidth);
           positionLeft = nextLeft + getLeftDelta(nextLeft, overlayWidth, container);
         } else {
           positionLeft = left + getLeftDelta(left, overlayWidth, container);
         }
       }
+
+      // Handle End variant positions
       if (nextPlacement === 'topEnd' || nextPlacement === 'bottomEnd') {
-        if (document.dir === 'rtl') {
+        if (isRTL) {
           positionLeft = left + getLeftDelta(left, overlayWidth, container);
         } else {
           const nextLeft = left + (childOffset.width - overlayWidth);
           positionLeft = nextLeft + getLeftDelta(nextLeft, overlayWidth, container);
         }
       }
+
+      // Handle leftStart and rightStart
       if (nextPlacement === 'leftStart' || nextPlacement === 'rightStart') {
         positionTop = top + getTopDelta(top, overlayHeight, container);
       }
+
+      // Handle leftEnd and rightEnd
       if (nextPlacement === 'leftEnd' || nextPlacement === 'rightEnd') {
         const nextTop = top + (childOffset.height - overlayHeight);
         positionTop = nextTop + getTopDelta(nextTop, overlayHeight, container);
@@ -307,5 +394,4 @@ var _default = props => {
       };
     }
   };
-};
-exports.default = _default;
+}

package/cjs/internals/Picker/Listbox.js

@@ -24,8 +24,7 @@ var _symbols = require("../symbols");
 var _hooks = require("../hooks");
 var _utils = require("../utils");
 var _getDataGroupBy = require("../utils/getDataGroupBy");
-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); }
 /**
  * Props for the Listbox component.
  */
@@ -133,13 +132,12 @@ const Listbox = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
     return !foldedGroupKeys.includes(groupValue);
   }) : data;
   const rowCount = filteredItems.length;
-  const renderItem = _ref => {
-    let {
-      index = 0,
-      style,
-      data,
-      item: itemData
-    } = _ref;
+  const renderItem = ({
+    index = 0,
+    style,
+    data,
+    item: itemData
+  }) => {
     const item = itemData || data[index];
     const value = item[valueKey];
     const itemLabel = item[labelKey];
@@ -207,20 +205,17 @@ const Listbox = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
       width: 'auto',
       height: 'auto'
     }
-  }, _ref2 => {
-    let {
-      height
-    } = _ref2;
-    return /*#__PURE__*/_react.default.createElement(_Windowing.List, (0, _extends2.default)({
-      as: _Windowing.VariableSizeList,
-      ref: (0, _utils.mergeRefs)(listRef, virtualizedListRef),
-      height: height || maxHeight,
-      itemCount: rowCount,
-      itemData: filteredItems,
-      itemSize: getRowHeight.bind(void 0, filteredItems),
-      className: rootPrefix('virt-list')
-    }, listProps), renderItem);
-  }) : filteredItems.map((item, index) => renderItem({
+  }, ({
+    height
+  }) => /*#__PURE__*/_react.default.createElement(_Windowing.List, (0, _extends2.default)({
+    as: _Windowing.VariableSizeList,
+    ref: (0, _utils.mergeRefs)(listRef, virtualizedListRef),
+    height: height || maxHeight,
+    itemCount: rowCount,
+    itemData: filteredItems,
+    itemSize: getRowHeight.bind(void 0, filteredItems),
+    className: rootPrefix('virt-list')
+  }, listProps), renderItem)) : filteredItems.map((item, index) => renderItem({
     index,
     item
   })));

package/cjs/internals/Picker/PickerIndicator.js

@@ -10,16 +10,15 @@ var _InputGroup = _interopRequireDefault(require("../../InputGroup"));
 var _CloseButton = _interopRequireDefault(require("../CloseButton"));
 var _Loader = _interopRequireDefault(require("../../Loader"));
 var _hooks = require("../hooks");
-const PickerIndicator = _ref => {
-  let {
-    loading,
-    caretAs,
-    onClose,
-    showCleanButton,
-    as: Component = _InputGroup.default.Addon,
-    disabled,
-    size
-  } = _ref;
+const PickerIndicator = ({
+  loading,
+  caretAs,
+  onClose,
+  showCleanButton,
+  as: Component = _InputGroup.default.Addon,
+  disabled,
+  size
+}) => {
   const {
     getLocale
   } = (0, _hooks.useCustom)();

package/cjs/internals/Picker/PickerLabel.js

@@ -7,13 +7,12 @@ exports.default = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _InputGroup = _interopRequireDefault(require("../../InputGroup"));
-const PickerLabel = _ref => {
-  let {
-    children,
-    className,
-    as: Component = _InputGroup.default.Addon,
-    ...rest
-  } = _ref;
+const PickerLabel = ({
+  children,
+  className,
+  as: Component = _InputGroup.default.Addon,
+  ...rest
+}) => {
   return children ? /*#__PURE__*/_react.default.createElement(Component, (0, _extends2.default)({
     "data-testid": "picker-label",
     className: className

package/cjs/internals/Picker/PickerPopup.js

@@ -11,8 +11,7 @@ var _getWidth = _interopRequireDefault(require("dom-lib/getWidth"));
 var _hooks = require("../hooks");
 var _utils = require("../utils");
 var _ = require("./");
-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); }
 // Define an array of placements that require resizing
 const resizePlacement = ['topStart', 'topEnd', 'leftEnd', 'rightEnd', 'auto', 'autoVerticalStart', 'autoVerticalEnd', 'autoHorizontalEnd'];
 const PickerPopup = (0, _utils.forwardRef)((props, ref) => {

package/cjs/internals/Picker/PickerToggle.js

@@ -16,8 +16,7 @@ var _useCombobox = _interopRequireDefault(require("./hooks/useCombobox"));
 var _hooks = require("../hooks");
 var _utils = require("../utils");
 var _PickerToggleTrigger = require("./PickerToggleTrigger");
-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 PickerToggle = (0, _utils.forwardRef)((props, ref) => {
   const {
     active,

package/cjs/internals/Picker/PickerToggleTrigger.js

@@ -13,8 +13,7 @@ var _PickerDrawer = _interopRequireDefault(require("./PickerDrawer"));
 var _OverlayTrigger = _interopRequireDefault(require("../Overlay/OverlayTrigger"));
 var _hooks = require("../hooks");
 var _useBreakpointValue = require("../../useBreakpointValue");
-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 overlayPropKeys = exports.overlayPropKeys = ['onEntered', 'onExited', 'onEnter', 'onEntering', 'onExit', 'onExiting', 'open', 'onOpen', 'defaultOpen', 'onClose', 'container', 'containerPadding', 'preventOverflow'];
 const pickerCommonPropKeys = exports.pickerCommonPropKeys = ['disabled', 'plaintext', 'readOnly', 'loading', 'label'];
 const triggerPropKeys = exports.triggerPropKeys = [...overlayPropKeys, ...pickerCommonPropKeys];

package/cjs/internals/Picker/utils.js

@@ -15,10 +15,7 @@ const defaultNodeKeys = {
   valueKey: 'value',
   childrenKey: 'children'
 };
-function createConcatChildrenFunction(node, nodeValue, nodeKeys) {
-  if (nodeKeys === void 0) {
-    nodeKeys = defaultNodeKeys;
-  }
+function createConcatChildrenFunction(node, nodeValue, nodeKeys = defaultNodeKeys) {
   const {
     valueKey,
     childrenKey

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

@@ -11,8 +11,7 @@ var _on = _interopRequireDefault(require("dom-lib/on"));
 var _Transition = _interopRequireDefault(require("../../Animation/Transition"));
 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 getPosition = (target, event) => {
   const offset = (0, _getOffset.default)(target);
   const offsetX = (event.pageX || 0) - offset.left;

package/cjs/internals/SafeAnchor/SafeAnchor.js

@@ -9,8 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _Box = _interopRequireDefault(require("../Box"));
 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); }
 function isTrivialHref(href) {
   return !href || href.trim() === '#';
 }

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)) {