rsuite 5.39.0 → 5.41.0

package/cjs/Overlay/OverlayTrigger.js

@@ -1,54 +1,37 @@
+'use client';
 "use strict";
 
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = exports.OverlayCloseCause = void 0;
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
 var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-
 var _isUndefined2 = _interopRequireDefault(require("lodash/isUndefined"));
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _get = _interopRequireDefault(require("lodash/get"));
-
 var _isNil = _interopRequireDefault(require("lodash/isNil"));
-
 var _contains = _interopRequireDefault(require("dom-lib/contains"));
-
 var _Overlay = _interopRequireDefault(require("./Overlay"));
-
 var _utils = require("../utils");
-
 var _isOneOf = _interopRequireDefault(require("../utils/isOneOf"));
-
 var _OverlayContext = _interopRequireDefault(require("./OverlayContext"));
-
 function mergeEvents(events, props) {
   if (events === void 0) {
     events = {};
   }
-
   if (props === void 0) {
     props = {};
   }
-
   var nextEvents = {};
   Object.keys(events).forEach(function (eventName) {
     if (events[eventName]) {
       var _props;
-
       nextEvents[eventName] = (0, _utils.createChainedFunction)(events[eventName], (_props = props) === null || _props === void 0 ? void 0 : _props[eventName]);
     }
   });
   return nextEvents;
 }
-
 /**
  * The reason that triggers closing of an overlay
  * - Clicking outside of the overlay
@@ -62,115 +45,105 @@ var OverlayCloseCause;
  * @param handler
  * @param event
  */
-
 exports.OverlayCloseCause = OverlayCloseCause;
-
 (function (OverlayCloseCause) {
   OverlayCloseCause[OverlayCloseCause["ClickOutside"] = 0] = "ClickOutside";
   OverlayCloseCause[OverlayCloseCause["ImperativeHandle"] = 1] = "ImperativeHandle";
 })(OverlayCloseCause || (exports.OverlayCloseCause = OverlayCloseCause = {}));
-
 function onMouseEventHandler(handler, event, delay) {
   var target = event.currentTarget;
   var related = event.relatedTarget || (0, _get.default)(event, ['nativeEvent', 'toElement']);
-
   if ((!related || related !== target) && !(0, _contains.default)(target, related)) {
     handler(event, delay);
   }
 }
-
 var defaultTrigger = ['hover', 'focus'];
-
 var OverlayTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var _useContext = (0, _react.useContext)(_OverlayContext.default),
-      overlayContainer = _useContext.overlayContainer;
-
+    overlayContainer = _useContext.overlayContainer;
   var children = props.children,
-      _props$container = props.container,
-      container = _props$container === void 0 ? overlayContainer : _props$container,
-      controlId = props.controlId,
-      defaultOpen = props.defaultOpen,
-      _props$trigger = props.trigger,
-      trigger = _props$trigger === void 0 ? defaultTrigger : _props$trigger,
-      disabled = props.disabled,
-      followCursor = props.followCursor,
-      readOnly = props.readOnly,
-      plaintext = props.plaintext,
-      openProp = props.open,
-      delay = props.delay,
-      delayOpenProp = props.delayOpen,
-      delayCloseProp = props.delayClose,
-      enterable = props.enterable,
-      _props$placement = props.placement,
-      placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
-      speaker = props.speaker,
-      _props$rootClose = props.rootClose,
-      rootClose = _props$rootClose === void 0 ? true : _props$rootClose,
-      onClick = props.onClick,
-      onMouseOver = props.onMouseOver,
-      onMouseMove = props.onMouseMove,
-      onMouseOut = props.onMouseOut,
-      onContextMenu = props.onContextMenu,
-      onFocus = props.onFocus,
-      onBlur = props.onBlur,
-      onClose = props.onClose,
-      onExited = props.onExited,
-      rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["children", "container", "controlId", "defaultOpen", "trigger", "disabled", "followCursor", "readOnly", "plaintext", "open", "delay", "delayOpen", "delayClose", "enterable", "placement", "speaker", "rootClose", "onClick", "onMouseOver", "onMouseMove", "onMouseOut", "onContextMenu", "onFocus", "onBlur", "onClose", "onExited"]);
-
+    _props$container = props.container,
+    container = _props$container === void 0 ? overlayContainer : _props$container,
+    controlId = props.controlId,
+    defaultOpen = props.defaultOpen,
+    _props$trigger = props.trigger,
+    trigger = _props$trigger === void 0 ? defaultTrigger : _props$trigger,
+    disabled = props.disabled,
+    followCursor = props.followCursor,
+    readOnly = props.readOnly,
+    plaintext = props.plaintext,
+    openProp = props.open,
+    delay = props.delay,
+    delayOpenProp = props.delayOpen,
+    delayCloseProp = props.delayClose,
+    enterable = props.enterable,
+    _props$placement = props.placement,
+    placement = _props$placement === void 0 ? 'bottomStart' : _props$placement,
+    speaker = props.speaker,
+    _props$rootClose = props.rootClose,
+    rootClose = _props$rootClose === void 0 ? true : _props$rootClose,
+    onClick = props.onClick,
+    onMouseOver = props.onMouseOver,
+    onMouseMove = props.onMouseMove,
+    onMouseOut = props.onMouseOut,
+    onContextMenu = props.onContextMenu,
+    onFocus = props.onFocus,
+    onBlur = props.onBlur,
+    onClose = props.onClose,
+    onExited = props.onExited,
+    rest = (0, _objectWithoutPropertiesLoose2.default)(props, ["children", "container", "controlId", "defaultOpen", "trigger", "disabled", "followCursor", "readOnly", "plaintext", "open", "delay", "delayOpen", "delayClose", "enterable", "placement", "speaker", "rootClose", "onClick", "onMouseOver", "onMouseMove", "onMouseOut", "onContextMenu", "onFocus", "onBlur", "onClose", "onExited"]);
   var _usePortal = (0, _utils.usePortal)({
-    container: container
-  }),
-      Portal = _usePortal.Portal,
-      containerElement = _usePortal.target;
-
+      container: container
+    }),
+    Portal = _usePortal.Portal,
+    containerElement = _usePortal.target;
   var triggerRef = (0, _react.useRef)();
   var overlayRef = (0, _react.useRef)();
-
   var _useControlled = (0, _utils.useControlled)(openProp, defaultOpen),
-      open = _useControlled[0],
-      setOpen = _useControlled[1];
-
+    open = _useControlled[0],
+    setOpen = _useControlled[1];
   var _useState = (0, _react.useState)(null),
-      cursorPosition = _useState[0],
-      setCursorPosition = _useState[1]; // Delay the timer to close/open the overlay
+    cursorPosition = _useState[0],
+    setCursorPosition = _useState[1]; // Delay the timer to close/open the overlay
   // When the cursor moves from the trigger to the overlay, the overlay will be closed.
   // In order to keep the overlay open, a timer is used to delay the closing.
-
-
   var delayOpenTimer = (0, _react.useRef)(null);
   var delayCloseTimer = (0, _react.useRef)(null);
   var delayOpen = (0, _isNil.default)(delayOpenProp) ? delay : delayOpenProp;
-  var delayClose = (0, _isNil.default)(delayCloseProp) ? delay : delayCloseProp; // Whether the cursor is on the overlay
+  var delayClose = (0, _isNil.default)(delayCloseProp) ? delay : delayCloseProp;
 
-  var isOnOverlay = (0, _react.useRef)(false); // Whether the cursor is on the trigger
+  // Whether the cursor is on the overlay
+  var isOnOverlay = (0, _react.useRef)(false);
 
+  // Whether the cursor is on the trigger
   var isOnTrigger = (0, _react.useRef)(false);
   (0, _react.useEffect)(function () {
     return function () {
       if (!(0, _isNil.default)(delayOpenTimer.current)) {
         clearTimeout(delayOpenTimer.current);
       }
-
       if (!(0, _isNil.default)(delayCloseTimer.current)) {
         clearTimeout(delayCloseTimer.current);
       }
     };
   }, []);
+
+  // Whether the cursor is on the overlay
+  var mouseEnter = (0, _react.useRef)(false);
   var handleOpen = (0, _react.useCallback)(function (delay) {
     var ms = (0, _isUndefined2.default)(delay) ? delayOpen : delay;
-
     if (ms && typeof ms === 'number') {
       return delayOpenTimer.current = setTimeout(function () {
         delayOpenTimer.current = null;
-        setOpen(true);
+        if (mouseEnter.current) {
+          setOpen(true);
+        }
       }, ms);
     }
-
     setOpen(true);
   }, [delayOpen, setOpen]);
   var handleClose = (0, _react.useCallback)(function (delay, callback) {
     var ms = (0, _isUndefined2.default)(delay) ? delayClose : delay;
-
     if (ms && typeof ms === 'number') {
       return delayCloseTimer.current = setTimeout(function () {
         delayCloseTimer.current = null;
@@ -178,7 +151,6 @@ var OverlayTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref
         callback === null || callback === void 0 ? void 0 : callback();
       }, ms);
     }
-
     setOpen(false);
     callback === null || callback === void 0 ? void 0 : callback();
   }, [delayClose, setOpen]);
@@ -190,13 +162,10 @@ var OverlayTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref
       get root() {
         return triggerRef.current;
       },
-
       get overlay() {
         var _overlayRef$current;
-
         return (_overlayRef$current = overlayRef.current) === null || _overlayRef$current === void 0 ? void 0 : _overlayRef$current.child;
       },
-
       open: handleOpen,
       close: function close(delay) {
         return handleClose(delay, function () {
@@ -205,25 +174,24 @@ var OverlayTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref
       },
       updatePosition: function updatePosition() {
         var _overlayRef$current2, _overlayRef$current2$;
-
         (_overlayRef$current2 = overlayRef.current) === null || _overlayRef$current2 === void 0 ? void 0 : (_overlayRef$current2$ = _overlayRef$current2.updatePosition) === null || _overlayRef$current2$ === void 0 ? void 0 : _overlayRef$current2$.call(_overlayRef$current2);
       }
     };
   });
+
   /**
    * Close after the cursor leaves.
    */
-
   var handleCloseWhenLeave = (0, _react.useCallback)(function () {
     // When the cursor is not on the overlay and not on the trigger, it is closed.
     if (!isOnOverlay.current && !isOnTrigger.current) {
       handleClose();
     }
   }, [handleClose]);
+
   /**
    * Toggle open and closed state.
    */
-
   var handleOpenState = (0, _react.useCallback)(function () {
     if (open) {
       handleCloseWhenLeave();
@@ -232,47 +200,40 @@ var OverlayTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref
     }
   }, [open, handleCloseWhenLeave, handleOpen]);
   var handleDelayedOpen = (0, _react.useCallback)(function () {
+    mouseEnter.current = true;
     if (!enterable) {
       return handleOpen();
     }
-
     isOnTrigger.current = true;
-
     if (!(0, _isNil.default)(delayCloseTimer.current)) {
       clearTimeout(delayCloseTimer.current);
       delayCloseTimer.current = null;
       return handleOpen();
     }
-
     if (open) {
       return;
     }
-
     handleOpen();
   }, [enterable, open, handleOpen]);
   var handleDelayedClose = (0, _react.useCallback)(function () {
+    mouseEnter.current = false;
     if (!enterable) {
       return handleClose();
     }
-
     isOnTrigger.current = false;
-
     if (!(0, _isNil.default)(delayOpenTimer.current)) {
       clearTimeout(delayOpenTimer.current);
       delayOpenTimer.current = null;
       return;
     }
-
     if (!open || !(0, _isNil.default)(delayCloseTimer.current)) {
       return;
     }
-
     delayCloseTimer.current = setTimeout(function () {
       if (!(0, _isNil.default)(delayCloseTimer.current)) {
         clearTimeout(delayCloseTimer.current);
         delayCloseTimer.current = null;
       }
-
       handleCloseWhenLeave();
     }, 200);
   }, [enterable, open, handleClose, handleCloseWhenLeave]);
@@ -281,7 +242,6 @@ var OverlayTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref
   }, []);
   var handleSpeakerMouseLeave = (0, _react.useCallback)(function () {
     isOnOverlay.current = false;
-
     if (!(0, _isOneOf.default)('click', trigger) && !(0, _isOneOf.default)('contextMenu', trigger) && !(0, _isOneOf.default)('active', trigger)) {
       handleCloseWhenLeave();
     }
@@ -309,56 +269,50 @@ var OverlayTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref
       onFocus: onFocus,
       onBlur: onBlur,
       onMouseMove: onMouseMove
-    }; // When trigger is disabled, no predefined event listeners are added.
+    };
 
+    // When trigger is disabled, no predefined event listeners are added.
     if (disabled || readOnly || plaintext || trigger === 'none') {
       return events;
-    } // Get the cursor position through onMouseMove.
-    // https://rsuitejs.com/components/tooltip/#follow-cursor
-
+    }
 
+    // Get the cursor position through onMouseMove.
+    // https://rsuitejs.com/components/tooltip/#follow-cursor
     if (followCursor) {
       events.onMouseMove = (0, _utils.createChainedFunction)(handledMoveOverlay, onMouseMove);
-    } // The `click` event is usually used in `toggle` scenarios.
-    // The first click will open and the second click will close.
-
+    }
 
+    // The `click` event is usually used in `toggle` scenarios.
+    // The first click will open and the second click will close.
     if ((0, _isOneOf.default)('click', trigger)) {
       events.onClick = (0, _utils.createChainedFunction)(handleOpenState, events.onClick);
       return events;
-    } // The difference between it and the click event is that it does not trigger the close.
-
+    }
 
+    // The difference between it and the click event is that it does not trigger the close.
     if ((0, _isOneOf.default)('active', trigger)) {
       events.onClick = (0, _utils.createChainedFunction)(handleDelayedOpen, events.onClick);
       return events;
     }
-
     if ((0, _isOneOf.default)('hover', trigger)) {
       var onMouseOverListener = function onMouseOverListener(e) {
         return onMouseEventHandler(handleDelayedOpen, e);
       };
-
       var onMouseOutListener = function onMouseOutListener(e) {
         return onMouseEventHandler(handleDelayedClose, e);
       };
-
       events.onMouseOver = (0, _utils.createChainedFunction)(onMouseOverListener, events.onMouseOver);
       events.onMouseOut = (0, _utils.createChainedFunction)(onMouseOutListener, events.onMouseOut);
     }
-
     if ((0, _isOneOf.default)('focus', trigger)) {
       events.onFocus = (0, _utils.createChainedFunction)(handleDelayedOpen, events.onFocus);
       events.onBlur = (0, _utils.createChainedFunction)(handleDelayedClose, events.onBlur);
     }
-
     if ((0, _isOneOf.default)('contextMenu', trigger)) {
       events.onContextMenu = (0, _utils.createChainedFunction)(preventDefault, handleOpenState, events.onContextMenu);
     }
-
     return events;
   }, [disabled, followCursor, handleDelayedClose, handleDelayedOpen, handleOpenState, handledMoveOverlay, onBlur, onClick, onContextMenu, onFocus, onMouseMove, onMouseOut, onMouseOver, plaintext, preventDefault, readOnly, trigger]);
-
   var renderOverlay = function renderOverlay() {
     var overlayProps = (0, _extends2.default)({}, rest, {
       rootClose: rootClose,
@@ -373,15 +327,15 @@ var OverlayTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref
     });
     var speakerProps = {
       id: controlId
-    }; // The purpose of adding mouse entry and exit events to the Overlay is to record whether the current cursor is on the Overlay.
+    };
+
+    // The purpose of adding mouse entry and exit events to the Overlay is to record whether the current cursor is on the Overlay.
     // When `trigger` is equal to `hover`, if the cursor leaves the `triggerTarget` and stays on the Overlay,
     // the Overlay will continue to remain open.
-
     if (trigger !== 'none' && enterable) {
       speakerProps.onMouseEnter = handleSpeakerMouseEnter;
       speakerProps.onMouseLeave = handleSpeakerMouseLeave;
     }
-
     return /*#__PURE__*/_react.default.createElement(_Overlay.default, (0, _extends2.default)({}, overlayProps, {
       ref: overlayRef,
       childrenProps: speakerProps,
@@ -393,17 +347,14 @@ var OverlayTrigger = /*#__PURE__*/_react.default.forwardRef(function (props, ref
       }), ref);
     } : speaker);
   };
-
   if (typeof children === 'object' && children.type === _react.default.Fragment || typeof children === 'string') {
     console.error('[rsuite] The OverlayTrigger component does not accept strings or Fragments as child.');
   }
-
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, typeof children === 'function' ? children(triggerEvents, triggerRef) : /*#__PURE__*/_react.default.cloneElement(children, (0, _extends2.default)({
     ref: triggerRef,
     'aria-describedby': controlId
   }, mergeEvents(triggerEvents, children.props))), /*#__PURE__*/_react.default.createElement(Portal, null, renderOverlay()));
 });
-
 OverlayTrigger.displayName = 'OverlayTrigger';
 var _default = OverlayTrigger;
 exports.default = _default;

package/cjs/Overlay/Position.js

@@ -1,49 +1,34 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _getContainer = _interopRequireDefault(require("dom-lib/getContainer"));
-
 var _ownerDocument = _interopRequireDefault(require("dom-lib/ownerDocument"));
-
 var _removeClass = _interopRequireDefault(require("dom-lib/removeClass"));
-
 var _on = _interopRequireDefault(require("dom-lib/on"));
-
 var _addClass = _interopRequireDefault(require("dom-lib/addClass"));
-
 var _addStyle = _interopRequireDefault(require("dom-lib/addStyle"));
-
 var _resizeObserver = require("@juggle/resize-observer");
-
 var _isElement = _interopRequireDefault(require("../DOMHelper/isElement"));
-
 var _positionUtils = _interopRequireDefault(require("./positionUtils"));
-
 var _utils = require("../utils");
-
 var usePosition = function usePosition(props, ref) {
   var _props$placement = props.placement,
-      placement = _props$placement === void 0 ? 'right' : _props$placement,
-      _props$preventOverflo = props.preventOverflow,
-      preventOverflow = _props$preventOverflo === void 0 ? false : _props$preventOverflo,
-      _props$containerPaddi = props.containerPadding,
-      containerPadding = _props$containerPaddi === void 0 ? 0 : _props$containerPaddi,
-      container = props.container,
-      triggerTarget = props.triggerTarget,
-      followCursor = props.followCursor,
-      cursorPosition = props.cursorPosition;
+    placement = _props$placement === void 0 ? 'right' : _props$placement,
+    _props$preventOverflo = props.preventOverflow,
+    preventOverflow = _props$preventOverflo === void 0 ? false : _props$preventOverflo,
+    _props$containerPaddi = props.containerPadding,
+    containerPadding = _props$containerPaddi === void 0 ? 0 : _props$containerPaddi,
+    container = props.container,
+    triggerTarget = props.triggerTarget,
+    followCursor = props.followCursor,
+    cursorPosition = props.cursorPosition;
   var containerRef = (0, _react.useRef)(null);
   var lastTargetRef = (0, _react.useRef)(null);
   var overlayResizeObserver = (0, _react.useRef)();
@@ -53,11 +38,9 @@ var usePosition = function usePosition(props, ref) {
     arrowOffsetLeft: undefined,
     arrowOffsetTop: undefined
   };
-
   var _useState = (0, _react.useState)(defaultPosition),
-      position = _useState[0],
-      setPosition = _useState[1];
-
+    position = _useState[0],
+    setPosition = _useState[1];
   var utils = (0, _react.useMemo)(function () {
     return (0, _positionUtils.default)({
       placement: placement,
@@ -75,36 +58,28 @@ var usePosition = function usePosition(props, ref) {
     if (placementChanged === void 0) {
       placementChanged = true;
     }
-
     if (!(triggerTarget !== null && triggerTarget !== void 0 && triggerTarget.current)) {
       return;
     }
-
     var targetElement = (0, _utils.getDOMNode)(triggerTarget);
-
     if (!(0, _isElement.default)(targetElement)) {
       throw new Error('`target` should return an HTMLElement');
-    } //  If the target and placement do not change, the position is not updated.
-
+    }
 
+    //  If the target and placement do not change, the position is not updated.
     if (targetElement === lastTargetRef.current && !placementChanged) {
       return;
     }
-
     var overlay = (0, _utils.getDOMNode)(ref.current);
     var containerElement = (0, _getContainer.default)(typeof container === 'function' ? container() : container !== null && container !== void 0 ? container : null, (0, _ownerDocument.default)(ref.current).body);
     var posi = utils.calcOverlayPosition(overlay, targetElement, containerElement, followCursor ? cursorPosition : undefined);
-
     if (forceUpdateDOM && overlay) {
       var _overlay$className, _overlay$className$ma;
-
       var preClassName = overlay === null || overlay === void 0 ? void 0 : (_overlay$className = overlay.className) === null || _overlay$className === void 0 ? void 0 : (_overlay$className$ma = _overlay$className.match(/(placement-\S+)/)) === null || _overlay$className$ma === void 0 ? void 0 : _overlay$className$ma[0];
       (0, _removeClass.default)(overlay, preClassName);
-
       if (posi.positionClassName) {
         (0, _addClass.default)(overlay, posi.positionClassName);
       }
-
       (0, _addStyle.default)(overlay, {
         left: posi.positionLeft + "px",
         top: posi.positionTop + "px"
@@ -112,7 +87,6 @@ var usePosition = function usePosition(props, ref) {
     } else {
       setPosition(posi);
     }
-
     containerRef.current = containerElement;
     lastTargetRef.current = targetElement;
   }, [container, ref, triggerTarget, utils, followCursor, cursorPosition]);
@@ -120,21 +94,18 @@ var usePosition = function usePosition(props, ref) {
     updatePosition(false);
     var overlay = (0, _utils.getDOMNode)(ref.current);
     var containerScrollListener;
-
     if (containerRef.current && preventOverflow) {
       var _containerRef$current;
-
       // Update the overlay position when the container scroll bar is scrolling
       containerScrollListener = (0, _on.default)(((_containerRef$current = containerRef.current) === null || _containerRef$current === void 0 ? void 0 : _containerRef$current.tagName) === 'BODY' ? window : containerRef.current, 'scroll', function () {
         return updatePosition(true, true);
       });
-    } // Update the position when the window size changes
-
+    }
 
+    // Update the position when the window size changes
     var resizeListener = (0, _on.default)(window, 'resize', function () {
       return updatePosition(true, true);
     });
-
     if (overlay) {
       // Update the position when the size of the overlay changes
       overlayResizeObserver.current = new _resizeObserver.ResizeObserver(function () {
@@ -142,10 +113,8 @@ var usePosition = function usePosition(props, ref) {
       });
       overlayResizeObserver.current.observe(overlay);
     }
-
     return function () {
       var _containerScrollListe, _overlayResizeObserve;
-
       lastTargetRef.current = null;
       (_containerScrollListe = containerScrollListener) === null || _containerScrollListe === void 0 ? void 0 : _containerScrollListe.off();
       resizeListener === null || resizeListener === void 0 ? void 0 : resizeListener.off();
@@ -157,30 +126,25 @@ var usePosition = function usePosition(props, ref) {
   }, [updatePosition, placement]);
   return [position, updatePosition];
 };
-
 var Position = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
   var children = props.children,
-      className = props.className,
-      followCursor = props.followCursor,
-      cursorPosition = props.cursorPosition;
-
+    className = props.className,
+    followCursor = props.followCursor,
+    cursorPosition = props.cursorPosition;
   var childRef = _react.default.useRef(null);
-
   var _usePosition = usePosition(props, childRef),
-      position = _usePosition[0],
-      updatePosition = _usePosition[1];
-
+    position = _usePosition[0],
+    updatePosition = _usePosition[1];
   var positionClassName = position.positionClassName,
-      arrowOffsetLeft = position.arrowOffsetLeft,
-      arrowOffsetTop = position.arrowOffsetTop,
-      positionLeft = position.positionLeft,
-      positionTop = position.positionTop;
+    arrowOffsetLeft = position.arrowOffsetLeft,
+    arrowOffsetTop = position.arrowOffsetTop,
+    positionLeft = position.positionLeft,
+    positionTop = position.positionTop;
   (0, _react.useImperativeHandle)(ref, function () {
     return {
       get child() {
         return childRef.current;
       },
-
       updatePosition: updatePosition
     };
   });
@@ -188,7 +152,6 @@ var Position = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     if (!followCursor || !cursorPosition) return;
     updatePosition();
   }, [followCursor, cursorPosition, updatePosition]);
-
   if (typeof children === 'function') {
     var childProps = {
       className: (0, _classnames.default)(className, positionClassName),
@@ -199,10 +162,8 @@ var Position = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
     };
     return children(childProps, childRef);
   }
-
   return children;
 });
-
 Position.displayName = 'Position';
 Position.propTypes = {
   className: _propTypes.default.string,

package/cjs/Overlay/index.js

@@ -1,11 +1,9 @@
+'use client';
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 exports.__esModule = true;
 exports.default = void 0;
-
 var _Overlay = _interopRequireDefault(require("./Overlay"));
-
 var _default = _Overlay.default;
 exports.default = _default;