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

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 a true browser
+ */
+const IS_BROWSER = typeof navigator !== 'undefined' && !navigator.userAgent.includes('jsdom');
+
 const _excluded = ["prefix"];
 
 /**
@@ -4259,24 +4264,6 @@ function useRestoreFocusOnClose(_ref, popoverElement) {
   });
 }
 
-/**
- * Simple ponyfill for Object.fromEntries
- */
-
-var fromEntries = function fromEntries(entries) {
-  return entries.reduce(function (acc, _ref) {
-    var key = _ref[0],
-        value = _ref[1];
-    acc[key] = value;
-    return acc;
-  }, {});
-};
-/**
- * Small wrapper around `useLayoutEffect` to get rid of the warning on SSR envs
- */
-
-var useIsomorphicLayoutEffect = typeof window !== 'undefined' && window.document && window.document.createElement ? useLayoutEffect : useEffect;
-
 var top = 'top';
 var bottom = 'bottom';
 var right = 'right';
@@ -6115,6 +6102,24 @@ var createPopper = /*#__PURE__*/popperGenerator({
   defaultModifiers: defaultModifiers
 }); // eslint-disable-next-line import/no-unused-modules
 
+/**
+ * Simple ponyfill for Object.fromEntries
+ */
+
+var fromEntries = function fromEntries(entries) {
+  return entries.reduce(function (acc, _ref) {
+    var key = _ref[0],
+        value = _ref[1];
+    acc[key] = value;
+    return acc;
+  }, {});
+};
+/**
+ * Small wrapper around `useLayoutEffect` to get rid of the warning on SSR envs
+ */
+
+var useIsomorphicLayoutEffect = typeof window !== 'undefined' && window.document && window.document.createElement ? useLayoutEffect : useEffect;
+
 /* global Map:readonly, Set:readonly, ArrayBuffer:readonly */
 
 var hasElementType = typeof Element !== 'undefined';
@@ -6343,6 +6348,22 @@ var usePopper = function usePopper(referenceElement, popperElement, options) {
   };
 };
 
+/** Stub usePopper for use outside of browsers */
+const useStubPopper = (_a, _p, _ref) => {
+  let {
+    placement
+  } = _ref;
+  return {
+    attributes: {
+      'data-popper-placement': placement
+    },
+    styles: {}
+  };
+};
+
+/** Switch hook implementation between environment */
+const usePopper$1 = IS_BROWSER ? usePopper : useStubPopper;
+
 /**
  * Different possible placements for the popover.
  */
@@ -6477,18 +6498,6 @@ function usePopoverStyle(_ref5) {
     zIndex
   } = _ref5;
   const [popperElement, setPopperElement] = useState(null);
-  if (navigator.userAgent.includes('jsdom')) {
-    // Skip all logic; we don't need popover positioning in jsdom.
-    return {
-      styles: {},
-      attributes: {},
-      isPositioned: true,
-      popperElement,
-      setPopperElement
-    };
-  }
-
-  // eslint-disable-next-line react-hooks/rules-of-hooks
   const [arrowElement, setArrowElement] = useState(null);
   const actualOffset = [(_offset$along = offset === null || offset === void 0 ? void 0 : offset.along) !== null && _offset$along !== void 0 ? _offset$along : 0, ((_offset$away = offset === null || offset === void 0 ? void 0 : offset.away) !== null && _offset$away !== void 0 ? _offset$away : 0) + (hasArrow ? ARROW_SIZE : 0)];
   const modifiers = [{
@@ -6530,24 +6539,19 @@ function usePopoverStyle(_ref5) {
       }
     });
   }
-
-  // eslint-disable-next-line react-hooks/rules-of-hooks
   const {
     styles,
     attributes,
     state,
     update
-  } = usePopper(anchorRef.current, popperElement, {
+  } = usePopper$1(anchorRef.current, popperElement, {
     placement,
     modifiers
   });
-  // eslint-disable-next-line react-hooks/rules-of-hooks
   useEffect(() => {
     update === null || update === void 0 ? void 0 : update();
   }, [children, update]);
   const position = (_state$placement = state === null || state === void 0 ? void 0 : state.placement) !== null && _state$placement !== void 0 ? _state$placement : placement;
-
-  // eslint-disable-next-line react-hooks/rules-of-hooks
   const popoverStyle = useMemo(() => {
     const newStyles = _objectSpread2(_objectSpread2(_objectSpread2({}, style), styles.popper), {}, {
       zIndex
@@ -13984,9 +13988,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 fake browsers
+      if (!IS_BROWSER) update();else timer = setTimeout(update, duration);
     };
     const hoverNotSupported = browserDoesNotSupportHover();
     const hasTouch = ('ontouchstart' in window);
@@ -14103,7 +14109,7 @@ const CLASSNAME$1h = getRootClassName(COMPONENT_NAME$1k);
  */
 const DEFAULT_PROPS$11 = {
   placement: Placement.BOTTOM,
-  closeMode: 'hide'
+  closeMode: 'unmount'
 };
 
 /**
@@ -14131,7 +14137,7 @@ const Tooltip = /*#__PURE__*/forwardRef((props, ref) => {
     } = props,
     forwardedProps = _objectWithoutProperties(props, _excluded$1q);
   // Disable in SSR.
-  if (!DOCUMENT && closeMode === 'unmount') {
+  if (!DOCUMENT) {
     return /*#__PURE__*/React.createElement(React.Fragment, null, children);
   }
   const id = useId();
@@ -14140,7 +14146,7 @@ const Tooltip = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     styles,
     attributes
-  } = usePopper(anchorElement, popperElement, {
+  } = usePopper$1(anchorElement, popperElement, {
     placement,
     modifiers: [{
       name: 'offset',
@@ -14158,8 +14164,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",