@helsenorge/designsystem-react 15.7.2 → 16.1.0

package/lib/floating-ui.react.js

@@ -1,7 +1,7 @@
 import * as React$1 from "react";
 import { useLayoutEffect } from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import * as ReactDOM from "react-dom";
+import * as ReactDOM$1 from "react-dom";
 //#region ../../node_modules/@floating-ui/utils/dist/floating-ui.utils.dom.mjs
 function hasWindow() {
 	return typeof window !== "undefined";
@@ -601,9 +601,6 @@ function isAndroid() {
 	const re = /android/i;
 	return re.test(getPlatform()) || re.test(getUserAgent());
 }
-function isMac() {
-	return getPlatform().toLowerCase().startsWith("mac") && !navigator.maxTouchPoints;
-}
 function isJSDOM() {
 	return getUserAgent().includes("jsdom/");
 }
@@ -653,14 +650,6 @@ function isTypeableCombobox(element) {
 	if (!element) return false;
 	return element.getAttribute("role") === "combobox" && isTypeableElement(element);
 }
-function matchesFocusVisible(element) {
-	if (!element || isJSDOM()) return true;
-	try {
-		return element.matches(":focus-visible");
-	} catch (_e) {
-		return true;
-	}
-}
 function getFloatingFocusElement(floatingElement) {
 	if (!floatingElement) return null;
 	return floatingElement.hasAttribute(FOCUSABLE_ATTRIBUTE$1) ? floatingElement : floatingElement.querySelector("[data-floating-ui-focusable]") || floatingElement;
@@ -1870,7 +1859,7 @@ function useFloating$1(options) {
 			};
 			if (isMountedRef.current && !deepEqual(dataRef.current, fullData)) {
 				dataRef.current = fullData;
-				ReactDOM.flushSync(() => {
+				ReactDOM$1.flushSync(() => {
 					setData(fullData);
 				});
 			}
@@ -2283,357 +2272,6 @@ function clearTimeoutIfSet(timeoutRef) {
 		timeoutRef.current = -1;
 	}
 }
-var safePolygonIdentifier = /*#__PURE__*/ createAttribute("safe-polygon");
-function getDelay(value, prop, pointerType) {
-	if (pointerType && !isMouseLikePointerType(pointerType)) return 0;
-	if (typeof value === "number") return value;
-	if (typeof value === "function") {
-		const result = value();
-		if (typeof result === "number") return result;
-		return result == null ? void 0 : result[prop];
-	}
-	return value == null ? void 0 : value[prop];
-}
-function getRestMs(value) {
-	if (typeof value === "function") return value();
-	return value;
-}
-/**
-* Opens the floating element while hovering over the reference element, like
-* CSS `:hover`.
-* @see https://floating-ui.com/docs/useHover
-*/
-function useHover(context, props) {
-	if (props === void 0) props = {};
-	const { open, onOpenChange, dataRef, events, elements } = context;
-	const { enabled = true, delay = 0, handleClose = null, mouseOnly = false, restMs = 0, move = true } = props;
-	const tree = useFloatingTree();
-	const parentId = useFloatingParentNodeId();
-	const handleCloseRef = useLatestRef$1(handleClose);
-	const delayRef = useLatestRef$1(delay);
-	const openRef = useLatestRef$1(open);
-	const restMsRef = useLatestRef$1(restMs);
-	const pointerTypeRef = React$1.useRef();
-	const timeoutRef = React$1.useRef(-1);
-	const handlerRef = React$1.useRef();
-	const restTimeoutRef = React$1.useRef(-1);
-	const blockMouseMoveRef = React$1.useRef(true);
-	const performedPointerEventsMutationRef = React$1.useRef(false);
-	const unbindMouseMoveRef = React$1.useRef(() => {});
-	const restTimeoutPendingRef = React$1.useRef(false);
-	const isHoverOpen = useEffectEvent(() => {
-		var _dataRef$current$open;
-		const type = (_dataRef$current$open = dataRef.current.openEvent) == null ? void 0 : _dataRef$current$open.type;
-		return (type == null ? void 0 : type.includes("mouse")) && type !== "mousedown";
-	});
-	React$1.useEffect(() => {
-		if (!enabled) return;
-		function onOpenChange(_ref) {
-			let { open } = _ref;
-			if (!open) {
-				clearTimeoutIfSet(timeoutRef);
-				clearTimeoutIfSet(restTimeoutRef);
-				blockMouseMoveRef.current = true;
-				restTimeoutPendingRef.current = false;
-			}
-		}
-		events.on("openchange", onOpenChange);
-		return () => {
-			events.off("openchange", onOpenChange);
-		};
-	}, [enabled, events]);
-	React$1.useEffect(() => {
-		if (!enabled) return;
-		if (!handleCloseRef.current) return;
-		if (!open) return;
-		function onLeave(event) {
-			if (isHoverOpen()) onOpenChange(false, event, "hover");
-		}
-		const html = getDocument$1(elements.floating).documentElement;
-		html.addEventListener("mouseleave", onLeave);
-		return () => {
-			html.removeEventListener("mouseleave", onLeave);
-		};
-	}, [
-		elements.floating,
-		open,
-		onOpenChange,
-		enabled,
-		handleCloseRef,
-		isHoverOpen
-	]);
-	const closeWithDelay = React$1.useCallback(function(event, runElseBranch, reason) {
-		if (runElseBranch === void 0) runElseBranch = true;
-		if (reason === void 0) reason = "hover";
-		const closeDelay = getDelay(delayRef.current, "close", pointerTypeRef.current);
-		if (closeDelay && !handlerRef.current) {
-			clearTimeoutIfSet(timeoutRef);
-			timeoutRef.current = window.setTimeout(() => onOpenChange(false, event, reason), closeDelay);
-		} else if (runElseBranch) {
-			clearTimeoutIfSet(timeoutRef);
-			onOpenChange(false, event, reason);
-		}
-	}, [delayRef, onOpenChange]);
-	const cleanupMouseMoveHandler = useEffectEvent(() => {
-		unbindMouseMoveRef.current();
-		handlerRef.current = void 0;
-	});
-	const clearPointerEvents = useEffectEvent(() => {
-		if (performedPointerEventsMutationRef.current) {
-			const body = getDocument$1(elements.floating).body;
-			body.style.pointerEvents = "";
-			body.removeAttribute(safePolygonIdentifier);
-			performedPointerEventsMutationRef.current = false;
-		}
-	});
-	const isClickLikeOpenEvent = useEffectEvent(() => {
-		return dataRef.current.openEvent ? ["click", "mousedown"].includes(dataRef.current.openEvent.type) : false;
-	});
-	React$1.useEffect(() => {
-		if (!enabled) return;
-		function onReferenceMouseEnter(event) {
-			clearTimeoutIfSet(timeoutRef);
-			blockMouseMoveRef.current = false;
-			if (mouseOnly && !isMouseLikePointerType(pointerTypeRef.current) || getRestMs(restMsRef.current) > 0 && !getDelay(delayRef.current, "open")) return;
-			const openDelay = getDelay(delayRef.current, "open", pointerTypeRef.current);
-			if (openDelay) timeoutRef.current = window.setTimeout(() => {
-				if (!openRef.current) onOpenChange(true, event, "hover");
-			}, openDelay);
-			else if (!open) onOpenChange(true, event, "hover");
-		}
-		function onReferenceMouseLeave(event) {
-			if (isClickLikeOpenEvent()) {
-				clearPointerEvents();
-				return;
-			}
-			unbindMouseMoveRef.current();
-			const doc = getDocument$1(elements.floating);
-			clearTimeoutIfSet(restTimeoutRef);
-			restTimeoutPendingRef.current = false;
-			if (handleCloseRef.current && dataRef.current.floatingContext) {
-				if (!open) clearTimeoutIfSet(timeoutRef);
-				handlerRef.current = handleCloseRef.current({
-					...dataRef.current.floatingContext,
-					tree,
-					x: event.clientX,
-					y: event.clientY,
-					onClose() {
-						clearPointerEvents();
-						cleanupMouseMoveHandler();
-						if (!isClickLikeOpenEvent()) closeWithDelay(event, true, "safe-polygon");
-					}
-				});
-				const handler = handlerRef.current;
-				doc.addEventListener("mousemove", handler);
-				unbindMouseMoveRef.current = () => {
-					doc.removeEventListener("mousemove", handler);
-				};
-				return;
-			}
-			if (pointerTypeRef.current === "touch" ? !contains(elements.floating, event.relatedTarget) : true) closeWithDelay(event);
-		}
-		function onScrollMouseLeave(event) {
-			if (isClickLikeOpenEvent()) return;
-			if (!dataRef.current.floatingContext) return;
-			handleCloseRef.current == null || handleCloseRef.current({
-				...dataRef.current.floatingContext,
-				tree,
-				x: event.clientX,
-				y: event.clientY,
-				onClose() {
-					clearPointerEvents();
-					cleanupMouseMoveHandler();
-					if (!isClickLikeOpenEvent()) closeWithDelay(event);
-				}
-			})(event);
-		}
-		function onFloatingMouseEnter() {
-			clearTimeoutIfSet(timeoutRef);
-		}
-		function onFloatingMouseLeave(event) {
-			if (!isClickLikeOpenEvent()) closeWithDelay(event, false);
-		}
-		if (isElement(elements.domReference)) {
-			const reference = elements.domReference;
-			const floating = elements.floating;
-			if (open) reference.addEventListener("mouseleave", onScrollMouseLeave);
-			if (move) reference.addEventListener("mousemove", onReferenceMouseEnter, { once: true });
-			reference.addEventListener("mouseenter", onReferenceMouseEnter);
-			reference.addEventListener("mouseleave", onReferenceMouseLeave);
-			if (floating) {
-				floating.addEventListener("mouseleave", onScrollMouseLeave);
-				floating.addEventListener("mouseenter", onFloatingMouseEnter);
-				floating.addEventListener("mouseleave", onFloatingMouseLeave);
-			}
-			return () => {
-				if (open) reference.removeEventListener("mouseleave", onScrollMouseLeave);
-				if (move) reference.removeEventListener("mousemove", onReferenceMouseEnter);
-				reference.removeEventListener("mouseenter", onReferenceMouseEnter);
-				reference.removeEventListener("mouseleave", onReferenceMouseLeave);
-				if (floating) {
-					floating.removeEventListener("mouseleave", onScrollMouseLeave);
-					floating.removeEventListener("mouseenter", onFloatingMouseEnter);
-					floating.removeEventListener("mouseleave", onFloatingMouseLeave);
-				}
-			};
-		}
-	}, [
-		elements,
-		enabled,
-		context,
-		mouseOnly,
-		move,
-		closeWithDelay,
-		cleanupMouseMoveHandler,
-		clearPointerEvents,
-		onOpenChange,
-		open,
-		openRef,
-		tree,
-		delayRef,
-		handleCloseRef,
-		dataRef,
-		isClickLikeOpenEvent,
-		restMsRef
-	]);
-	index$1(() => {
-		var _handleCloseRef$curre;
-		if (!enabled) return;
-		if (open && (_handleCloseRef$curre = handleCloseRef.current) != null && (_handleCloseRef$curre = _handleCloseRef$curre.__options) != null && _handleCloseRef$curre.blockPointerEvents && isHoverOpen()) {
-			performedPointerEventsMutationRef.current = true;
-			const floatingEl = elements.floating;
-			if (isElement(elements.domReference) && floatingEl) {
-				var _tree$nodesRef$curren;
-				const body = getDocument$1(elements.floating).body;
-				body.setAttribute(safePolygonIdentifier, "");
-				const ref = elements.domReference;
-				const parentFloating = tree == null || (_tree$nodesRef$curren = tree.nodesRef.current.find((node) => node.id === parentId)) == null || (_tree$nodesRef$curren = _tree$nodesRef$curren.context) == null ? void 0 : _tree$nodesRef$curren.elements.floating;
-				if (parentFloating) parentFloating.style.pointerEvents = "";
-				body.style.pointerEvents = "none";
-				ref.style.pointerEvents = "auto";
-				floatingEl.style.pointerEvents = "auto";
-				return () => {
-					body.style.pointerEvents = "";
-					ref.style.pointerEvents = "";
-					floatingEl.style.pointerEvents = "";
-				};
-			}
-		}
-	}, [
-		enabled,
-		open,
-		parentId,
-		elements,
-		tree,
-		handleCloseRef,
-		isHoverOpen
-	]);
-	index$1(() => {
-		if (!open) {
-			pointerTypeRef.current = void 0;
-			restTimeoutPendingRef.current = false;
-			cleanupMouseMoveHandler();
-			clearPointerEvents();
-		}
-	}, [
-		open,
-		cleanupMouseMoveHandler,
-		clearPointerEvents
-	]);
-	React$1.useEffect(() => {
-		return () => {
-			cleanupMouseMoveHandler();
-			clearTimeoutIfSet(timeoutRef);
-			clearTimeoutIfSet(restTimeoutRef);
-			clearPointerEvents();
-		};
-	}, [
-		enabled,
-		elements.domReference,
-		cleanupMouseMoveHandler,
-		clearPointerEvents
-	]);
-	const reference = React$1.useMemo(() => {
-		function setPointerRef(event) {
-			pointerTypeRef.current = event.pointerType;
-		}
-		return {
-			onPointerDown: setPointerRef,
-			onPointerEnter: setPointerRef,
-			onMouseMove(event) {
-				const { nativeEvent } = event;
-				function handleMouseMove() {
-					if (!blockMouseMoveRef.current && !openRef.current) onOpenChange(true, nativeEvent, "hover");
-				}
-				if (mouseOnly && !isMouseLikePointerType(pointerTypeRef.current)) return;
-				if (open || getRestMs(restMsRef.current) === 0) return;
-				if (restTimeoutPendingRef.current && event.movementX ** 2 + event.movementY ** 2 < 2) return;
-				clearTimeoutIfSet(restTimeoutRef);
-				if (pointerTypeRef.current === "touch") handleMouseMove();
-				else {
-					restTimeoutPendingRef.current = true;
-					restTimeoutRef.current = window.setTimeout(handleMouseMove, getRestMs(restMsRef.current));
-				}
-			}
-		};
-	}, [
-		mouseOnly,
-		onOpenChange,
-		open,
-		openRef,
-		restMsRef
-	]);
-	return React$1.useMemo(() => enabled ? { reference } : {}, [enabled, reference]);
-}
-var NOOP = () => {};
-var FloatingDelayGroupContext = /*#__PURE__*/ React$1.createContext({
-	delay: 0,
-	initialDelay: 0,
-	timeoutMs: 0,
-	currentId: null,
-	setCurrentId: NOOP,
-	setState: NOOP,
-	isInstantPhase: false
-});
-/**
-* Provides context for a group of floating elements that should share a
-* `delay`.
-* @see https://floating-ui.com/docs/FloatingDelayGroup
-*/
-function FloatingDelayGroup(props) {
-	const { children, delay, timeoutMs = 0 } = props;
-	const [state, setState] = React$1.useReducer((prev, next) => ({
-		...prev,
-		...next
-	}), {
-		delay,
-		timeoutMs,
-		initialDelay: delay,
-		currentId: null,
-		isInstantPhase: false
-	});
-	const initialCurrentIdRef = React$1.useRef(null);
-	const setCurrentId = React$1.useCallback((currentId) => {
-		setState({ currentId });
-	}, []);
-	index$1(() => {
-		if (state.currentId) {
-			if (initialCurrentIdRef.current === null) initialCurrentIdRef.current = state.currentId;
-			else if (!state.isInstantPhase) setState({ isInstantPhase: true });
-		} else {
-			if (state.isInstantPhase) setState({ isInstantPhase: false });
-			initialCurrentIdRef.current = null;
-		}
-	}, [state.currentId, state.isInstantPhase]);
-	return /*#__PURE__*/ jsx(FloatingDelayGroupContext.Provider, {
-		value: React$1.useMemo(() => ({
-			...state,
-			setState,
-			setCurrentId
-		}), [state, setCurrentId]),
-		children
-	});
-}
 var rafId = 0;
 function enqueueFocus(el, options) {
 	if (options === void 0) options = {};
@@ -3667,101 +3305,6 @@ function useFloating(_temp) {
 		context
 	]);
 }
-function isMacSafari() {
-	return isMac() && isSafari();
-}
-/**
-* Opens the floating element while the reference element has focus, like CSS
-* `:focus`.
-* @see https://floating-ui.com/docs/useFocus
-*/
-function useFocus(context, props) {
-	if (props === void 0) props = {};
-	const { open, onOpenChange, events, dataRef, elements } = context;
-	const { enabled = true, visibleOnly = true } = props;
-	const blockFocusRef = React$1.useRef(false);
-	const timeoutRef = React$1.useRef(-1);
-	const keyboardModalityRef = React$1.useRef(true);
-	React$1.useEffect(() => {
-		if (!enabled) return;
-		const win = getWindow(elements.domReference);
-		function onBlur() {
-			if (!open && isHTMLElement(elements.domReference) && elements.domReference === activeElement(getDocument$1(elements.domReference))) blockFocusRef.current = true;
-		}
-		function onKeyDown() {
-			keyboardModalityRef.current = true;
-		}
-		function onPointerDown() {
-			keyboardModalityRef.current = false;
-		}
-		win.addEventListener("blur", onBlur);
-		if (isMacSafari()) {
-			win.addEventListener("keydown", onKeyDown, true);
-			win.addEventListener("pointerdown", onPointerDown, true);
-		}
-		return () => {
-			win.removeEventListener("blur", onBlur);
-			if (isMacSafari()) {
-				win.removeEventListener("keydown", onKeyDown, true);
-				win.removeEventListener("pointerdown", onPointerDown, true);
-			}
-		};
-	}, [
-		elements.domReference,
-		open,
-		enabled
-	]);
-	React$1.useEffect(() => {
-		if (!enabled) return;
-		function onOpenChange(_ref) {
-			let { reason } = _ref;
-			if (reason === "reference-press" || reason === "escape-key") blockFocusRef.current = true;
-		}
-		events.on("openchange", onOpenChange);
-		return () => {
-			events.off("openchange", onOpenChange);
-		};
-	}, [events, enabled]);
-	React$1.useEffect(() => {
-		return () => {
-			clearTimeoutIfSet(timeoutRef);
-		};
-	}, []);
-	const reference = React$1.useMemo(() => ({
-		onMouseLeave() {
-			blockFocusRef.current = false;
-		},
-		onFocus(event) {
-			if (blockFocusRef.current) return;
-			const target = getTarget(event.nativeEvent);
-			if (visibleOnly && isElement(target)) {
-				if (isMacSafari() && !event.relatedTarget) {
-					if (!keyboardModalityRef.current && !isTypeableElement(target)) return;
-				} else if (!matchesFocusVisible(target)) return;
-			}
-			onOpenChange(true, event.nativeEvent, "focus");
-		},
-		onBlur(event) {
-			blockFocusRef.current = false;
-			const relatedTarget = event.relatedTarget;
-			const nativeEvent = event.nativeEvent;
-			const movedToFocusGuard = isElement(relatedTarget) && relatedTarget.hasAttribute(createAttribute("focus-guard")) && relatedTarget.getAttribute("data-type") === "outside";
-			timeoutRef.current = window.setTimeout(() => {
-				var _dataRef$current$floa;
-				const activeEl = activeElement(elements.domReference ? elements.domReference.ownerDocument : document);
-				if (!relatedTarget && activeEl === elements.domReference) return;
-				if (contains((_dataRef$current$floa = dataRef.current.floatingContext) == null ? void 0 : _dataRef$current$floa.refs.floating.current, activeEl) || contains(elements.domReference, activeEl) || movedToFocusGuard) return;
-				onOpenChange(false, nativeEvent, "focus");
-			});
-		}
-	}), [
-		dataRef,
-		elements.domReference,
-		onOpenChange,
-		visibleOnly
-	]);
-	return React$1.useMemo(() => enabled ? { reference } : {}, [enabled, reference]);
-}
 function mergeProps(userProps, propsList, elementKey) {
 	const map = /* @__PURE__ */ new Map();
 	const isItem = elementKey === "item";
@@ -3827,6 +3370,6 @@ function useInteractions(propsList) {
 	]);
 }
 //#endregion
-export { autoUpdate as _, useDismiss as a, useHover as c, arrow as d, flip as f, size as g, shift as h, useClick as i, useInteractions as l, offset as m, FloatingDelayGroup as n, useFloating as o, hide as p, FloatingFocusManager as r, useFocus as s, FloatingArrow as t, useMergeRefs as u };
+export { useFloating as a, arrow as c, offset as d, shift as f, useDismiss as i, flip as l, autoUpdate as m, FloatingFocusManager as n, useInteractions as o, size as p, useClick as r, useMergeRefs as s, FloatingArrow as t, hide as u };
 
 //# sourceMappingURL=floating-ui.react.js.map