rsuite 5.40.0 → 5.42.0

package/esm/Overlay/Modal.js

@@ -1,3 +1,4 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import React, { useRef, useEffect, useState, useCallback, useMemo } from 'react';
@@ -11,12 +12,10 @@ import { animationPropTypes } from '../Animation/utils';
 import { mergeRefs, usePortal, createChainedFunction, useWillUnmount, useEventCallback, KEY_VALUES } from '../utils';
 import OverlayContext from './OverlayContext';
 var manager;
-
 function getManager() {
   if (!manager) manager = new ModalManager();
   return manager;
 }
-
 var useModalManager = function useModalManager() {
   var modalManager = getManager();
   var modal = useRef({
@@ -26,10 +25,8 @@ var useModalManager = function useModalManager() {
   return {
     get dialog() {
       var _modal$current;
-
       return (_modal$current = modal.current) === null || _modal$current === void 0 ? void 0 : _modal$current.dialog;
     },
-
     add: function add(containerElement, containerClassName) {
       return modalManager.add(modal.current, containerElement, containerClassName);
     },
@@ -47,59 +44,53 @@ var useModalManager = function useModalManager() {
     }, [])
   };
 };
-
 var Modal = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _props$as = props.as,
-      Component = _props$as === void 0 ? 'div' : _props$as,
-      children = props.children,
-      Transition = props.transition,
-      dialogTransitionTimeout = props.dialogTransitionTimeout,
-      style = props.style,
-      className = props.className,
-      container = props.container,
-      animationProps = props.animationProps,
-      containerClassName = props.containerClassName,
-      _props$keyboard = props.keyboard,
-      keyboard = _props$keyboard === void 0 ? true : _props$keyboard,
-      _props$enforceFocus = props.enforceFocus,
-      enforceFocus = _props$enforceFocus === void 0 ? true : _props$enforceFocus,
-      _props$backdrop = props.backdrop,
-      backdrop = _props$backdrop === void 0 ? true : _props$backdrop,
-      backdropTransitionTimeout = props.backdropTransitionTimeout,
-      backdropStyle = props.backdropStyle,
-      backdropClassName = props.backdropClassName,
-      open = props.open,
-      _props$autoFocus = props.autoFocus,
-      autoFocus = _props$autoFocus === void 0 ? true : _props$autoFocus,
-      onEsc = props.onEsc,
-      onExit = props.onExit,
-      onExiting = props.onExiting,
-      onExited = props.onExited,
-      onEnter = props.onEnter,
-      onEntering = props.onEntering,
-      onEntered = props.onEntered,
-      onClose = props.onClose,
-      onOpen = props.onOpen,
-      rest = _objectWithoutPropertiesLoose(props, ["as", "children", "transition", "dialogTransitionTimeout", "style", "className", "container", "animationProps", "containerClassName", "keyboard", "enforceFocus", "backdrop", "backdropTransitionTimeout", "backdropStyle", "backdropClassName", "open", "autoFocus", "onEsc", "onExit", "onExiting", "onExited", "onEnter", "onEntering", "onEntered", "onClose", "onOpen"]);
-
+    Component = _props$as === void 0 ? 'div' : _props$as,
+    children = props.children,
+    Transition = props.transition,
+    dialogTransitionTimeout = props.dialogTransitionTimeout,
+    style = props.style,
+    className = props.className,
+    container = props.container,
+    animationProps = props.animationProps,
+    containerClassName = props.containerClassName,
+    _props$keyboard = props.keyboard,
+    keyboard = _props$keyboard === void 0 ? true : _props$keyboard,
+    _props$enforceFocus = props.enforceFocus,
+    enforceFocus = _props$enforceFocus === void 0 ? true : _props$enforceFocus,
+    _props$backdrop = props.backdrop,
+    backdrop = _props$backdrop === void 0 ? true : _props$backdrop,
+    backdropTransitionTimeout = props.backdropTransitionTimeout,
+    backdropStyle = props.backdropStyle,
+    backdropClassName = props.backdropClassName,
+    open = props.open,
+    _props$autoFocus = props.autoFocus,
+    autoFocus = _props$autoFocus === void 0 ? true : _props$autoFocus,
+    onEsc = props.onEsc,
+    onExit = props.onExit,
+    onExiting = props.onExiting,
+    onExited = props.onExited,
+    onEnter = props.onEnter,
+    onEntering = props.onEntering,
+    onEntered = props.onEntered,
+    onClose = props.onClose,
+    onOpen = props.onOpen,
+    rest = _objectWithoutPropertiesLoose(props, ["as", "children", "transition", "dialogTransitionTimeout", "style", "className", "container", "animationProps", "containerClassName", "keyboard", "enforceFocus", "backdrop", "backdropTransitionTimeout", "backdropStyle", "backdropClassName", "open", "autoFocus", "onEsc", "onExit", "onExiting", "onExited", "onEnter", "onEntering", "onEntered", "onClose", "onOpen"]);
   var _useState = useState(!open),
-      exited = _useState[0],
-      setExited = _useState[1];
-
+    exited = _useState[0],
+    setExited = _useState[1];
   var _usePortal = usePortal({
-    container: container
-  }),
-      Portal = _usePortal.Portal,
-      containerElement = _usePortal.target;
-
+      container: container
+    }),
+    Portal = _usePortal.Portal,
+    containerElement = _usePortal.target;
   var modal = useModalManager();
-
   if (open) {
     if (exited) setExited(false);
   } else if (!Transition && !exited) {
     setExited(true);
   }
-
   var mountModal = open || Transition && !exited;
   var lastFocus = useRef(null);
   var handleDocumentKeyDown = useEventCallback(function (event) {
@@ -111,21 +102,19 @@ var Modal = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var restoreLastFocus = useCallback(function () {
     if (lastFocus.current) {
       var _lastFocus$current$fo, _lastFocus$current;
-
       (_lastFocus$current$fo = (_lastFocus$current = lastFocus.current).focus) === null || _lastFocus$current$fo === void 0 ? void 0 : _lastFocus$current$fo.call(_lastFocus$current);
       lastFocus.current = null;
     }
   }, []);
+
   /**
    * Determines if the currently focused element is inside the dialog,
    * and if not, returns the focus to the dialog.
    *
    */
-
   var handleFocusDialog = useEventCallback(function (onBeforeFocusCallback) {
     var currentActiveElement = document.activeElement;
     var dialog = modal.dialog;
-
     if (dialog && currentActiveElement && !contains(dialog, currentActiveElement)) {
       onBeforeFocusCallback === null || onBeforeFocusCallback === void 0 ? void 0 : onBeforeFocusCallback();
       dialog.focus();
@@ -135,7 +124,6 @@ var Modal = /*#__PURE__*/React.forwardRef(function (props, ref) {
     if (!enforceFocus || !modal.isTopModal()) {
       return;
     }
-
     handleFocusDialog();
   });
   var documentKeyDownListener = useRef();
@@ -144,26 +132,21 @@ var Modal = /*#__PURE__*/React.forwardRef(function (props, ref) {
     if (containerElement) {
       modal.add(containerElement, containerClassName);
     }
-
     if (!documentKeyDownListener.current) {
       documentKeyDownListener.current = on(document, 'keydown', handleDocumentKeyDown);
     }
-
     if (!documentFocusListener.current) {
       documentFocusListener.current = on(document, 'focus', handleEnforceFocus, true);
     }
-
     if (autoFocus) {
       handleFocusDialog(function () {
         lastFocus.current = document.activeElement;
       });
     }
-
     onOpen === null || onOpen === void 0 ? void 0 : onOpen();
   });
   var handleClose = useEventCallback(function () {
     var _documentKeyDownListe, _documentFocusListene;
-
     modal.remove();
     (_documentKeyDownListe = documentKeyDownListener.current) === null || _documentKeyDownListe === void 0 ? void 0 : _documentKeyDownListe.off();
     documentKeyDownListener.current = null;
@@ -175,14 +158,12 @@ var Modal = /*#__PURE__*/React.forwardRef(function (props, ref) {
     if (!open) {
       return;
     }
-
     handleOpen();
   }, [open, handleOpen]);
   useEffect(function () {
     if (!exited) {
       return;
     }
-
     handleClose();
   }, [exited, handleClose]);
   useWillUnmount(function () {
@@ -198,11 +179,9 @@ var Modal = /*#__PURE__*/React.forwardRef(function (props, ref) {
       }
     };
   }, [modal.dialog]);
-
   if (!mountModal) {
     return null;
   }
-
   var renderBackdrop = function renderBackdrop() {
     if (Transition) {
       return /*#__PURE__*/React.createElement(Fade, {
@@ -211,8 +190,7 @@ var Modal = /*#__PURE__*/React.forwardRef(function (props, ref) {
         timeout: backdropTransitionTimeout
       }, function (fadeProps, ref) {
         var className = fadeProps.className,
-            rest = _objectWithoutPropertiesLoose(fadeProps, ["className"]);
-
+          rest = _objectWithoutPropertiesLoose(fadeProps, ["className"]);
         return /*#__PURE__*/React.createElement("div", _extends({
           "aria-hidden": true
         }, rest, {
@@ -222,14 +200,12 @@ var Modal = /*#__PURE__*/React.forwardRef(function (props, ref) {
         }));
       });
     }
-
     return /*#__PURE__*/React.createElement("div", {
       "aria-hidden": true,
       style: backdropStyle,
       className: backdropClassName
     });
   };
-
   var dialogElement = Transition ? /*#__PURE__*/React.createElement(Transition, _extends({}, animationProps, {
     transitionAppear: true,
     unmountOnExit: true,

package/esm/Overlay/ModalManager.js

@@ -1,10 +1,10 @@
+'use client';
 import addClass from 'dom-lib/addClass';
 import removeClass from 'dom-lib/removeClass';
 import addStyle from 'dom-lib/addStyle';
 import getStyle from 'dom-lib/getStyle';
 import getScrollbarSize from 'dom-lib/getScrollbarSize';
 import isOverflowing from 'dom-lib/isOverflowing';
-
 function findIndexOf(arr, cb) {
   var index = -1;
   arr.some(function (d, i) {
@@ -12,43 +12,34 @@ function findIndexOf(arr, cb) {
       index = i;
       return true;
     }
-
     return false;
   });
   return index;
 }
-
 function findContainer(data, modal) {
   return findIndexOf(data, function (d) {
     return d.modals.indexOf(modal) !== -1;
   });
 }
-
 var ModalManager = /*#__PURE__*/function () {
   function ModalManager() {
     this.modals = [];
     this.containers = [];
     this.data = [];
   }
-
   var _proto = ModalManager.prototype;
-
   _proto.add = function add(modal, container, className) {
     var modalIndex = this.modals.indexOf(modal);
     var containerIndex = this.containers.indexOf(container);
-
     if (modalIndex !== -1) {
       return modalIndex;
     }
-
     modalIndex = this.modals.length;
     this.modals.push(modal);
-
     if (containerIndex !== -1) {
       this.data[containerIndex].modals.push(modal);
       return modalIndex;
     }
-
     var containerState = {
       modals: [modal],
       classes: className ? className.split(/\s+/) : [],
@@ -58,7 +49,6 @@ var ModalManager = /*#__PURE__*/function () {
       },
       overflowing: isOverflowing(container)
     };
-
     if (containerState.overflowing) {
       var paddingRight = parseInt(getStyle(container, 'paddingRight') || 0, 10);
       var barSize = getScrollbarSize();
@@ -66,26 +56,21 @@ var ModalManager = /*#__PURE__*/function () {
         paddingRight: (barSize ? paddingRight + barSize : paddingRight) + 'px'
       });
     }
-
     containerState.classes.forEach(addClass.bind(null, container));
     this.containers.push(container);
     this.data.push(containerState);
     return modalIndex;
   };
-
   _proto.remove = function remove(modal) {
     var modalIndex = this.modals.indexOf(modal);
-
     if (modalIndex === -1) {
       return;
     }
-
     var containerIndex = findContainer(this.data, modal);
     var containerState = this.data[containerIndex];
     var container = this.containers[containerIndex];
     containerState.modals.splice(containerState.modals.indexOf(modal), 1);
     this.modals.splice(modalIndex, 1);
-
     if (containerState.modals.length === 0) {
       Object.keys(containerState.style).forEach(function (key) {
         return container.style[key] = containerState.style[key];
@@ -95,12 +80,9 @@ var ModalManager = /*#__PURE__*/function () {
       this.data.splice(containerIndex, 1);
     }
   };
-
   _proto.isTopModal = function isTopModal(modal) {
     return !!this.modals.length && this.modals[this.modals.length - 1] === modal;
   };
-
   return ModalManager;
 }();
-
 export default ModalManager;

package/esm/Overlay/Overlay.js

@@ -1,3 +1,4 @@
+'use client';
 import _extends from "@babel/runtime/helpers/esm/extends";
 import React, { useState, useRef, useCallback, useContext } from 'react';
 import classNames from 'classnames';
@@ -28,42 +29,37 @@ export var overlayPropTypes = {
 };
 var Overlay = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _useContext = useContext(OverlayContext),
-      overlayContainer = _useContext.overlayContainer;
-
+    overlayContainer = _useContext.overlayContainer;
   var _props$container = props.container,
-      container = _props$container === void 0 ? overlayContainer : _props$container,
-      containerPadding = props.containerPadding,
-      placement = props.placement,
-      rootClose = props.rootClose,
-      children = props.children,
-      childrenProps = props.childrenProps,
-      _props$transition = props.transition,
-      Transition = _props$transition === void 0 ? Fade : _props$transition,
-      open = props.open,
-      preventOverflow = props.preventOverflow,
-      triggerTarget = props.triggerTarget,
-      onClose = props.onClose,
-      onExited = props.onExited,
-      onExit = props.onExit,
-      onExiting = props.onExiting,
-      onEnter = props.onEnter,
-      onEntering = props.onEntering,
-      onEntered = props.onEntered,
-      followCursor = props.followCursor,
-      cursorPosition = props.cursorPosition;
-
+    container = _props$container === void 0 ? overlayContainer : _props$container,
+    containerPadding = props.containerPadding,
+    placement = props.placement,
+    rootClose = props.rootClose,
+    children = props.children,
+    childrenProps = props.childrenProps,
+    _props$transition = props.transition,
+    Transition = _props$transition === void 0 ? Fade : _props$transition,
+    open = props.open,
+    preventOverflow = props.preventOverflow,
+    triggerTarget = props.triggerTarget,
+    onClose = props.onClose,
+    onExited = props.onExited,
+    onExit = props.onExit,
+    onExiting = props.onExiting,
+    onEnter = props.onEnter,
+    onEntering = props.onEntering,
+    onEntered = props.onEntered,
+    followCursor = props.followCursor,
+    cursorPosition = props.cursorPosition;
   var _useState = useState(!open),
-      exited = _useState[0],
-      setExited = _useState[1];
-
+    exited = _useState[0],
+    setExited = _useState[1];
   var overlayTarget = useRef(null);
-
   if (open) {
     if (exited) setExited(false);
   } else if (!Transition && !exited) {
     setExited(true);
   }
-
   var mountOverlay = open || Transition && !exited;
   var handleExited = useCallback(function (args) {
     setExited(true);
@@ -74,11 +70,9 @@ var Overlay = /*#__PURE__*/React.forwardRef(function (props, ref) {
     overlayTarget: overlayTarget,
     disabled: !rootClose || !mountOverlay
   });
-
   if (!mountOverlay) {
     return null;
   }
-
   var positionProps = {
     container: container,
     containerPadding: containerPadding,
@@ -88,7 +82,6 @@ var Overlay = /*#__PURE__*/React.forwardRef(function (props, ref) {
     followCursor: followCursor,
     cursorPosition: cursorPosition
   };
-
   var renderChildWithPosition = function renderChildWithPosition(transitionProps, transitionRef) {
     return /*#__PURE__*/React.createElement(Position, _extends({}, positionProps, transitionProps, {
       ref: mergeRefs(ref, transitionRef)
@@ -96,12 +89,12 @@ var Overlay = /*#__PURE__*/React.forwardRef(function (props, ref) {
       // overlayTarget is the ref on the DOM of the Overlay.
       if (typeof children === 'function') {
         return children(Object.assign(childProps, childrenProps), mergeRefs(childRef, overlayTarget));
-      } // Position will return coordinates and className
-
+      }
 
+      // Position will return coordinates and className
       var left = childProps.left,
-          top = childProps.top,
-          className = childProps.className;
+        top = childProps.top,
+        className = childProps.className;
       return /*#__PURE__*/React.cloneElement(children, _extends({}, childrenProps, children.props, {
         className: classNames(className, children.props.className),
         style: _extends({
@@ -112,7 +105,6 @@ var Overlay = /*#__PURE__*/React.forwardRef(function (props, ref) {
       }));
     });
   };
-
   if (Transition) {
     return /*#__PURE__*/React.createElement(Transition, {
       in: open,
@@ -125,7 +117,6 @@ var Overlay = /*#__PURE__*/React.forwardRef(function (props, ref) {
       onEntered: onEntered
     }, renderChildWithPosition);
   }
-
   return renderChildWithPosition();
 });
 Overlay.displayName = 'Overlay';

package/esm/Overlay/OverlayContext.js

@@ -1,3 +1,4 @@
+'use client';
 import React from 'react';
 var OverlayContext = /*#__PURE__*/React.createContext({});
 OverlayContext.displayName = 'OverlayContext';