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

package/index.js

@@ -384,9 +384,9 @@ 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
+ * Check if we are running in a true browser
  */
-const IS_JSDOM_ENV = typeof navigator !== 'undefined' && navigator.userAgent.includes('jsdom');
+const IS_BROWSER = typeof navigator !== 'undefined' && !navigator.userAgent.includes('jsdom');
 
 const _excluded = ["prefix"];
 
@@ -4264,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';
@@ -6120,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';
@@ -6348,6 +6348,24 @@ var usePopper = function usePopper(referenceElement, popperElement, options) {
   };
 };
 
+/** Stub usePopper for use outside of browsers */
+const useStubPopper = (_a, _p, _ref) => {
+  let {
+    placement
+  } = _ref;
+  return {
+    attributes: {
+      popper: {
+        'data-popper-placement': placement
+      }
+    },
+    styles: {}
+  };
+};
+
+/** Switch hook implementation between environment */
+const usePopper$1 = IS_BROWSER ? usePopper : useStubPopper;
+
 /**
  * Different possible placements for the popover.
  */
@@ -6482,18 +6500,6 @@ function usePopoverStyle(_ref5) {
     zIndex
   } = _ref5;
   const [popperElement, setPopperElement] = useState(null);
-  if (IS_JSDOM_ENV) {
-    // 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 = [{
@@ -6535,24 +6541,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
@@ -13992,8 +13993,8 @@ function useTooltipOpen(delay, anchorElement) {
       const update = () => {
         setIsOpen(!!shouldOpen);
       };
-      // Skip timeout in jsdom env
-      if (IS_JSDOM_ENV) update();else timer = setTimeout(update, duration);
+      // Skip timeout in fake browsers
+      if (!IS_BROWSER) update();else timer = setTimeout(update, duration);
     };
     const hoverNotSupported = browserDoesNotSupportHover();
     const hasTouch = ('ontouchstart' in window);
@@ -14118,9 +14119,6 @@ const DEFAULT_PROPS$11 = {
  */
 const ARROW_SIZE$1 = 8;
 
-// Skip popper logic in jsdom env
-const usePopperHook = IS_JSDOM_ENV ? () => ({}) : usePopper;
-
 /**
  * Tooltip component.
  *
@@ -14141,16 +14139,16 @@ 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();
   const [popperElement, setPopperElement] = useState(null);
   const [anchorElement, setAnchorElement] = useState(null);
   const {
-    styles = {},
-    attributes = {}
-  } = usePopperHook(anchorElement, popperElement, {
+    styles,
+    attributes
+  } = usePopper$1(anchorElement, popperElement, {
     placement,
     modifiers: [{
       name: 'offset',