@lumx/react 3.9.2-alpha.0 → 3.9.2-alpha.1

package/index.js

@@ -383,6 +383,11 @@ const WINDOW = typeof window !== 'undefined' ? window : undefined;
  */
 const DOCUMENT = typeof document !== 'undefined' ? document : undefined;
 
+/**
+ * Check if we are running in the simulated DOM jsdom environment
+ */
+const IS_JSDOM_ENV = typeof navigator !== 'undefined' && navigator.userAgent.includes('jsdom');
+
 const _excluded = ["prefix"];
 
 /**
@@ -6477,7 +6482,7 @@ function usePopoverStyle(_ref5) {
     zIndex
   } = _ref5;
   const [popperElement, setPopperElement] = useState(null);
-  if (navigator.userAgent.includes('jsdom')) {
+  if (IS_JSDOM_ENV) {
     // Skip all logic; we don't need popover positioning in jsdom.
     return {
       styles: {},
@@ -13984,9 +13989,11 @@ function useTooltipOpen(delay, anchorElement) {
     // Run timer to defer updating the isOpen state.
     const deferUpdate = duration => {
       if (timer) clearTimeout(timer);
-      timer = setTimeout(() => {
+      const update = () => {
         setIsOpen(!!shouldOpen);
-      }, duration);
+      };
+      // Skip timeout in jsdom env
+      if (IS_JSDOM_ENV) update();else timer = setTimeout(update, duration);
     };
     const hoverNotSupported = browserDoesNotSupportHover();
     const hasTouch = ('ontouchstart' in window);
@@ -14103,7 +14110,7 @@ const CLASSNAME$1h = getRootClassName(COMPONENT_NAME$1k);
  */
 const DEFAULT_PROPS$11 = {
   placement: Placement.BOTTOM,
-  closeMode: 'hide'
+  closeMode: 'unmount'
 };
 
 /**
@@ -14111,6 +14118,9 @@ const DEFAULT_PROPS$11 = {
  */
 const ARROW_SIZE$1 = 8;
 
+// Skip popper logic in jsdom env
+const usePopperHook = IS_JSDOM_ENV ? () => ({}) : usePopper;
+
 /**
  * Tooltip component.
  *
@@ -14138,9 +14148,9 @@ const Tooltip = /*#__PURE__*/forwardRef((props, ref) => {
   const [popperElement, setPopperElement] = useState(null);
   const [anchorElement, setAnchorElement] = useState(null);
   const {
-    styles,
-    attributes
-  } = usePopper(anchorElement, popperElement, {
+    styles = {},
+    attributes = {}
+  } = usePopperHook(anchorElement, popperElement, {
     placement,
     modifiers: [{
       name: 'offset',
@@ -14158,8 +14168,9 @@ const Tooltip = /*#__PURE__*/forwardRef((props, ref) => {
   const isMounted = isOpen || closeMode === 'hide';
   const wrappedChildren = useInjectTooltipRef(children, setAnchorElement, isMounted, id, label);
   const labelLines = label ? label.split('\n') : [];
+  const tooltipRef = useMergeRefs(ref, setPopperElement, onPopperMount);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(TooltipContextProvider, null, wrappedChildren), isMounted && /*#__PURE__*/createPortal( /*#__PURE__*/React.createElement("div", _extends({
-    ref: mergeRefs(ref, setPopperElement, onPopperMount)
+    ref: tooltipRef
   }, forwardedProps, {
     id: id,
     role: "tooltip",