@tamagui/floating 2.7.7 → 3.0.0-beta.637.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/Floating.cjs +10 -11
- package/dist/cjs/Floating.native.cjs +37 -0
- package/dist/cjs/Floating.native.js +20 -20
- package/dist/cjs/Floating.native.js.map +1 -1
- package/dist/cjs/index.cjs +45 -46
- package/dist/cjs/index.native.cjs +74 -0
- package/dist/cjs/index.native.js +45 -45
- package/dist/cjs/index.native.js.map +1 -1
- package/dist/cjs/interactions/PopupTriggerMap.cjs +36 -39
- package/dist/cjs/interactions/PopupTriggerMap.native.cjs +96 -0
- package/dist/cjs/interactions/PopupTriggerMap.native.js +76 -75
- package/dist/cjs/interactions/PopupTriggerMap.native.js.map +1 -1
- package/dist/cjs/interactions/createFloatingEvents.cjs +36 -39
- package/dist/cjs/interactions/createFloatingEvents.native.cjs +52 -0
- package/dist/cjs/interactions/createFloatingEvents.native.js +39 -41
- package/dist/cjs/interactions/createFloatingEvents.native.js.map +1 -1
- package/dist/cjs/interactions/safePolygon.cjs +263 -252
- package/dist/cjs/interactions/safePolygon.native.cjs +294 -0
- package/dist/cjs/interactions/safePolygon.native.js +271 -259
- package/dist/cjs/interactions/safePolygon.native.js.map +1 -1
- package/dist/cjs/interactions/types.cjs +10 -11
- package/dist/cjs/interactions/types.native.cjs +19 -0
- package/dist/cjs/interactions/types.native.js +10 -10
- package/dist/cjs/interactions/types.native.js.map +1 -1
- package/dist/cjs/interactions/useClick.cjs +96 -105
- package/dist/cjs/interactions/useClick.native.cjs +122 -0
- package/dist/cjs/interactions/useClick.native.js +101 -109
- package/dist/cjs/interactions/useClick.native.js.map +1 -1
- package/dist/cjs/interactions/useDelayGroup.cjs +86 -91
- package/dist/cjs/interactions/useDelayGroup.native.cjs +119 -0
- package/dist/cjs/interactions/useDelayGroup.native.js +92 -96
- package/dist/cjs/interactions/useDelayGroup.native.js.map +1 -1
- package/dist/cjs/interactions/useFocus.cjs +108 -115
- package/dist/cjs/interactions/useFocus.native.cjs +131 -0
- package/dist/cjs/interactions/useFocus.native.js +114 -120
- package/dist/cjs/interactions/useFocus.native.js.map +1 -1
- package/dist/cjs/interactions/useHover.cjs +321 -335
- package/dist/cjs/interactions/useHover.native.cjs +357 -0
- package/dist/cjs/interactions/useHover.native.js +333 -347
- package/dist/cjs/interactions/useHover.native.js.map +1 -1
- package/dist/cjs/interactions/useInnerOffset.cjs +103 -111
- package/dist/cjs/interactions/useInnerOffset.native.cjs +132 -0
- package/dist/cjs/interactions/useInnerOffset.native.js +113 -120
- package/dist/cjs/interactions/useInnerOffset.native.js.map +1 -1
- package/dist/cjs/interactions/useInteractions.cjs +85 -90
- package/dist/cjs/interactions/useInteractions.native.cjs +199 -0
- package/dist/cjs/interactions/useInteractions.native.js +180 -195
- package/dist/cjs/interactions/useInteractions.native.js.map +1 -1
- package/dist/cjs/interactions/useListNavigation.cjs +404 -390
- package/dist/cjs/interactions/useListNavigation.native.cjs +446 -0
- package/dist/cjs/interactions/useListNavigation.native.js +416 -401
- package/dist/cjs/interactions/useListNavigation.native.js.map +1 -1
- package/dist/cjs/interactions/useRole.cjs +92 -106
- package/dist/cjs/interactions/useRole.native.cjs +121 -0
- package/dist/cjs/interactions/useRole.native.js +103 -116
- package/dist/cjs/interactions/useRole.native.js.map +1 -1
- package/dist/cjs/interactions/useTypeahead.cjs +115 -129
- package/dist/cjs/interactions/useTypeahead.native.cjs +144 -0
- package/dist/cjs/interactions/useTypeahead.native.js +128 -141
- package/dist/cjs/interactions/useTypeahead.native.js.map +1 -1
- package/dist/cjs/interactions/utils.cjs +126 -143
- package/dist/cjs/interactions/utils.native.cjs +209 -0
- package/dist/cjs/interactions/utils.native.js +138 -154
- package/dist/cjs/interactions/utils.native.js.map +1 -1
- package/dist/cjs/middleware/inner.cjs +74 -101
- package/dist/cjs/middleware/inner.native.cjs +102 -0
- package/dist/cjs/middleware/inner.native.js +83 -109
- package/dist/cjs/middleware/inner.native.js.map +1 -1
- package/dist/cjs/useFloating.cjs +34 -46
- package/dist/cjs/useFloating.native.cjs +56 -0
- package/dist/cjs/useFloating.native.js +37 -48
- package/dist/cjs/useFloating.native.js.map +1 -1
- package/dist/esm/Floating.mjs +1 -2
- package/dist/esm/Floating.native.js +6 -4
- package/dist/esm/Floating.native.js.map +1 -1
- package/dist/esm/index.js +4 -5
- package/dist/esm/index.mjs +4 -5
- package/dist/esm/index.native.js +4 -5
- package/dist/esm/interactions/PopupTriggerMap.mjs +23 -22
- package/dist/esm/interactions/PopupTriggerMap.mjs.map +1 -1
- package/dist/esm/interactions/PopupTriggerMap.native.js +62 -58
- package/dist/esm/interactions/PopupTriggerMap.native.js.map +1 -1
- package/dist/esm/interactions/createFloatingEvents.mjs +22 -21
- package/dist/esm/interactions/createFloatingEvents.mjs.map +1 -1
- package/dist/esm/interactions/createFloatingEvents.native.js +25 -24
- package/dist/esm/interactions/createFloatingEvents.native.js.map +1 -1
- package/dist/esm/interactions/safePolygon.mjs +250 -234
- package/dist/esm/interactions/safePolygon.mjs.map +1 -1
- package/dist/esm/interactions/safePolygon.native.js +258 -242
- package/dist/esm/interactions/safePolygon.native.js.map +1 -1
- package/dist/esm/interactions/types.mjs +0 -2
- package/dist/esm/interactions/types.native.js +0 -2
- package/dist/esm/interactions/useClick.mjs +83 -87
- package/dist/esm/interactions/useClick.mjs.map +1 -1
- package/dist/esm/interactions/useClick.native.js +88 -92
- package/dist/esm/interactions/useClick.native.js.map +1 -1
- package/dist/esm/interactions/useDelayGroup.mjs +68 -65
- package/dist/esm/interactions/useDelayGroup.mjs.map +1 -1
- package/dist/esm/interactions/useDelayGroup.native.js +74 -71
- package/dist/esm/interactions/useDelayGroup.native.js.map +1 -1
- package/dist/esm/interactions/useFocus.mjs +95 -97
- package/dist/esm/interactions/useFocus.mjs.map +1 -1
- package/dist/esm/interactions/useFocus.native.js +101 -103
- package/dist/esm/interactions/useFocus.native.js.map +1 -1
- package/dist/esm/interactions/useHover.mjs +304 -310
- package/dist/esm/interactions/useHover.mjs.map +1 -1
- package/dist/esm/interactions/useHover.native.js +316 -323
- package/dist/esm/interactions/useHover.native.js.map +1 -1
- package/dist/esm/interactions/useInnerOffset.mjs +87 -85
- package/dist/esm/interactions/useInnerOffset.mjs.map +1 -1
- package/dist/esm/interactions/useInnerOffset.native.js +97 -95
- package/dist/esm/interactions/useInnerOffset.native.js.map +1 -1
- package/dist/esm/interactions/useInteractions.mjs +71 -72
- package/dist/esm/interactions/useInteractions.mjs.map +1 -1
- package/dist/esm/interactions/useInteractions.native.js +166 -178
- package/dist/esm/interactions/useInteractions.native.js.map +1 -1
- package/dist/esm/interactions/useListNavigation.mjs +392 -373
- package/dist/esm/interactions/useListNavigation.mjs.map +1 -1
- package/dist/esm/interactions/useListNavigation.native.js +404 -385
- package/dist/esm/interactions/useListNavigation.native.js.map +1 -1
- package/dist/esm/interactions/useRole.mjs +76 -80
- package/dist/esm/interactions/useRole.mjs.map +1 -1
- package/dist/esm/interactions/useRole.native.js +87 -91
- package/dist/esm/interactions/useRole.native.js.map +1 -1
- package/dist/esm/interactions/useTypeahead.mjs +102 -111
- package/dist/esm/interactions/useTypeahead.mjs.map +1 -1
- package/dist/esm/interactions/useTypeahead.native.js +115 -124
- package/dist/esm/interactions/useTypeahead.native.js.map +1 -1
- package/dist/esm/interactions/utils.mjs +91 -106
- package/dist/esm/interactions/utils.mjs.map +1 -1
- package/dist/esm/interactions/utils.native.js +103 -118
- package/dist/esm/interactions/utils.native.js.map +1 -1
- package/dist/esm/middleware/inner.mjs +58 -75
- package/dist/esm/middleware/inner.mjs.map +1 -1
- package/dist/esm/middleware/inner.native.js +67 -84
- package/dist/esm/middleware/inner.native.js.map +1 -1
- package/dist/esm/useFloating.mjs +17 -21
- package/dist/esm/useFloating.mjs.map +1 -1
- package/dist/esm/useFloating.native.js +19 -23
- package/dist/esm/useFloating.native.js.map +1 -1
- package/package.json +6 -5
- package/types/interactions/PopupTriggerMap.d.ts.map +1 -1
- package/types/interactions/useInteractions.d.ts.map +1 -1
- package/types/middleware/inner.d.ts.map +1 -1
- package/types/useFloating.d.ts.map +1 -1
- package/dist/esm/Floating.mjs.map +0 -1
- package/dist/esm/index.js.map +0 -1
- package/dist/esm/index.mjs.map +0 -1
- package/dist/esm/index.native.js.map +0 -1
- package/dist/esm/interactions/types.mjs.map +0 -1
- package/dist/esm/interactions/types.native.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","useEvent","clearTimeoutIfSet","contains","getDocument","isElement","isMouseLikePointerType","safePolygonIdentifier","getDelay","value","prop","pointerType","useHover","context","props","arguments","length","open","onOpenChange","dataRef","events","elements","enabled","delay","handleClose","mouseOnly","restMs","move","handleCloseRef","useRef","current","delayRef","openRef","restMsRef","stableOnOpenChange","pointerTypeRef","timeoutRef","handlerRef","restTimeoutRef","blockMouseMoveRef","performedPointerEventsMutationRef","unbindMouseMoveRef","restTimeoutPendingRef","isHoverOpen","_dataRef_current_openEvent","type","openEvent","includes","useEffect","onOpenChange2","param","open2","on","closeWithDelay","event","runElseBranch","reason","closeDelay","window","setTimeout","cleanupMouseMoveHandler","handleCloseActiveRef","clearPointerEvents","body","floating","style","pointerEvents","removeAttribute","isClickLikeOpenEvent","onReferenceMouseEnter","openDelay","onReferenceMouseLeave","_context_triggerElements","triggerElements","hasElement","relatedTarget","doc","placement","reference3","domReference","floating2","x","clientX","y","clientY","reference","onClose","handler","addEventListener","removeEventListener","shouldClose","onScrollMouseLeave","_handleCloseRef_current","call","onFloatingMouseEnter","onFloatingMouseLeave","reference2","once","useLayoutEffect","_handleCloseRef_current___options","__options","blockPointerEvents","floatingEl","setAttribute","ref","useMemo","setPointerRef","onPointerDown","onPointerEnter","onMouseMove","nativeEvent","handleMouseMove","Math","pow","movementX","movementY"],"sources":["../../../src/interactions/useHover.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"useHover.native.js","names":[],"sources":["esm/interactions/useHover.native.js"],"sourcesContent":["import * as React from \"react\";\nimport { useEvent } from \"@tamagui/use-event\";\nimport { clearTimeoutIfSet, contains, getDocument, isElement, isMouseLikePointerType } from \"./utils\";\nvar safePolygonIdentifier = \"data-floating-ui-safe-polygon\";\nfunction getDelay(value, prop, pointerType) {\n if (pointerType && !isMouseLikePointerType(pointerType)) {\n return 0;\n }\n if (typeof value === \"number\") {\n return value;\n }\n return value === null || value === void 0 ? void 0 : value[prop];\n}\nfunction useHover(context) {\n var props = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};\n var { open, onOpenChange, dataRef, events, elements } = context;\n var { enabled = true, delay = 0, handleClose = null, mouseOnly = false, restMs = 0, move = true } = props;\n var handleCloseRef = React.useRef(handleClose);\n handleCloseRef.current = handleClose;\n var delayRef = React.useRef(delay);\n delayRef.current = delay;\n var openRef = React.useRef(open);\n openRef.current = open;\n var restMsRef = React.useRef(restMs);\n restMsRef.current = restMs;\n var stableOnOpenChange = useEvent(onOpenChange);\n var pointerTypeRef = React.useRef(void 0);\n var timeoutRef = React.useRef(-1);\n var handlerRef = React.useRef(void 0);\n var restTimeoutRef = React.useRef(-1);\n var blockMouseMoveRef = React.useRef(true);\n var performedPointerEventsMutationRef = React.useRef(false);\n var unbindMouseMoveRef = React.useRef(function() {\n });\n var restTimeoutPendingRef = React.useRef(false);\n var isHoverOpen = useEvent(function() {\n var _dataRef_current_openEvent;\n var type = (_dataRef_current_openEvent = dataRef.current.openEvent) === null || _dataRef_current_openEvent === void 0 ? void 0 : _dataRef_current_openEvent.type;\n return (type === null || type === void 0 ? void 0 : type.includes(\"mouse\")) && type !== \"mousedown\";\n });\n React.useEffect(function() {\n if (!enabled) return;\n if (!events) return;\n function onOpenChange2(param) {\n var { open: open2 } = param;\n if (!open2) {\n clearTimeoutIfSet(timeoutRef);\n clearTimeoutIfSet(restTimeoutRef);\n blockMouseMoveRef.current = true;\n restTimeoutPendingRef.current = false;\n }\n }\n events.on(\"openchange\", onOpenChange2);\n return function() {\n events.off(\"openchange\", onOpenChange2);\n };\n }, [\n enabled,\n events\n ]);\n var closeWithDelay = useEvent(function(event) {\n var runElseBranch = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : true, reason = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : \"hover\";\n var closeDelay = getDelay(delayRef.current, \"close\", pointerTypeRef.current);\n if (closeDelay && !handlerRef.current) {\n clearTimeoutIfSet(timeoutRef);\n timeoutRef.current = window.setTimeout(function() {\n return stableOnOpenChange(false, event, reason);\n }, closeDelay);\n } else if (runElseBranch) {\n clearTimeoutIfSet(timeoutRef);\n stableOnOpenChange(false, event, reason);\n }\n });\n var cleanupMouseMoveHandler = useEvent(function() {\n unbindMouseMoveRef.current();\n handlerRef.current = void 0;\n if (context.handleCloseActiveRef) {\n context.handleCloseActiveRef.current = false;\n }\n });\n var clearPointerEvents = useEvent(function() {\n if (performedPointerEventsMutationRef.current) {\n var body = getDocument(elements.floating).body;\n body.style.pointerEvents = \"\";\n body.removeAttribute(safePolygonIdentifier);\n performedPointerEventsMutationRef.current = false;\n }\n });\n var isClickLikeOpenEvent = useEvent(function() {\n return dataRef.current.openEvent ? [\n \"click\",\n \"mousedown\"\n ].includes(dataRef.current.openEvent.type) : false;\n });\n React.useEffect(function() {\n if (!enabled) return;\n function onReferenceMouseEnter(event) {\n clearTimeoutIfSet(timeoutRef);\n blockMouseMoveRef.current = false;\n if (mouseOnly && !isMouseLikePointerType(pointerTypeRef.current) || restMsRef.current > 0 && !getDelay(delayRef.current, \"open\")) {\n return;\n }\n var openDelay = getDelay(delayRef.current, \"open\", pointerTypeRef.current);\n if (openDelay) {\n timeoutRef.current = window.setTimeout(function() {\n if (!openRef.current) {\n stableOnOpenChange(true, event, \"hover\");\n }\n }, openDelay);\n } else if (!open) {\n stableOnOpenChange(true, event, \"hover\");\n }\n }\n function onReferenceMouseLeave(event) {\n var _context_triggerElements;\n if (isClickLikeOpenEvent()) {\n clearPointerEvents();\n return;\n }\n if ((_context_triggerElements = context.triggerElements) === null || _context_triggerElements === void 0 ? void 0 : _context_triggerElements.hasElement(event.relatedTarget)) {\n return;\n }\n unbindMouseMoveRef.current();\n var doc = getDocument(elements.floating);\n clearTimeoutIfSet(restTimeoutRef);\n restTimeoutPendingRef.current = false;\n if (handleCloseRef.current) {\n if (!open) {\n clearTimeoutIfSet(timeoutRef);\n }\n var placement = dataRef.current.placement || \"bottom\";\n var reference3 = elements.domReference;\n var floating2 = elements.floating;\n if (!reference3 || !floating2) return;\n handlerRef.current = handleCloseRef.current({\n x: event.clientX,\n y: event.clientY,\n placement,\n elements: {\n reference: reference3,\n floating: floating2,\n domReference: reference3\n },\n onClose() {\n if (context.handleCloseActiveRef) {\n context.handleCloseActiveRef.current = false;\n }\n clearPointerEvents();\n cleanupMouseMoveHandler();\n if (!isClickLikeOpenEvent()) {\n closeWithDelay(event, true, \"safe-polygon\");\n }\n }\n });\n if (context.handleCloseActiveRef) {\n context.handleCloseActiveRef.current = true;\n }\n var handler = handlerRef.current;\n doc.addEventListener(\"mousemove\", handler);\n unbindMouseMoveRef.current = function() {\n doc.removeEventListener(\"mousemove\", handler);\n };\n return;\n }\n var shouldClose = pointerTypeRef.current === \"touch\" ? !contains(elements.floating, event.relatedTarget) : true;\n if (shouldClose) {\n closeWithDelay(event);\n }\n }\n function onScrollMouseLeave(event) {\n var _context_triggerElements, _handleCloseRef_current;\n if (isClickLikeOpenEvent()) return;\n if ((_context_triggerElements = context.triggerElements) === null || _context_triggerElements === void 0 ? void 0 : _context_triggerElements.hasElement(event.relatedTarget)) {\n return;\n }\n var placement = dataRef.current.placement || \"bottom\";\n var reference3 = elements.domReference;\n var floating2 = elements.floating;\n if (!reference3 || !floating2) return;\n (_handleCloseRef_current = handleCloseRef.current) === null || _handleCloseRef_current === void 0 ? void 0 : _handleCloseRef_current.call(handleCloseRef, {\n x: event.clientX,\n y: event.clientY,\n placement,\n elements: {\n reference: reference3,\n floating: floating2,\n domReference: reference3\n },\n onClose() {\n clearPointerEvents();\n cleanupMouseMoveHandler();\n if (!isClickLikeOpenEvent()) {\n closeWithDelay(event);\n }\n }\n })(event);\n }\n function onFloatingMouseEnter() {\n clearTimeoutIfSet(timeoutRef);\n }\n function onFloatingMouseLeave(event) {\n var _context_triggerElements;\n if (isClickLikeOpenEvent()) return;\n if ((_context_triggerElements = context.triggerElements) === null || _context_triggerElements === void 0 ? void 0 : _context_triggerElements.hasElement(event.relatedTarget)) {\n return;\n }\n closeWithDelay(event, false);\n }\n if (isElement(elements.domReference)) {\n var reference2 = elements.domReference;\n var floating = elements.floating;\n if (open) {\n reference2.addEventListener(\"mouseleave\", onScrollMouseLeave);\n }\n if (move) {\n reference2.addEventListener(\"mousemove\", onReferenceMouseEnter, {\n once: true\n });\n }\n reference2.addEventListener(\"mouseenter\", onReferenceMouseEnter);\n reference2.addEventListener(\"mouseleave\", onReferenceMouseLeave);\n if (floating) {\n floating.addEventListener(\"mouseleave\", onScrollMouseLeave);\n floating.addEventListener(\"mouseenter\", onFloatingMouseEnter);\n floating.addEventListener(\"mouseleave\", onFloatingMouseLeave);\n }\n return function() {\n if (open) {\n reference2.removeEventListener(\"mouseleave\", onScrollMouseLeave);\n }\n if (move) {\n reference2.removeEventListener(\"mousemove\", onReferenceMouseEnter);\n }\n reference2.removeEventListener(\"mouseenter\", onReferenceMouseEnter);\n reference2.removeEventListener(\"mouseleave\", onReferenceMouseLeave);\n if (floating) {\n floating.removeEventListener(\"mouseleave\", onScrollMouseLeave);\n floating.removeEventListener(\"mouseenter\", onFloatingMouseEnter);\n floating.removeEventListener(\"mouseleave\", onFloatingMouseLeave);\n }\n cleanupMouseMoveHandler();\n };\n }\n }, [\n elements,\n enabled,\n context,\n mouseOnly,\n move,\n open,\n dataRef\n ]);\n React.useLayoutEffect(function() {\n var _handleCloseRef_current___options, _handleCloseRef_current;\n if (!enabled) return;\n if (open && ((_handleCloseRef_current = handleCloseRef.current) === null || _handleCloseRef_current === void 0 ? void 0 : (_handleCloseRef_current___options = _handleCloseRef_current.__options) === null || _handleCloseRef_current___options === void 0 ? void 0 : _handleCloseRef_current___options.blockPointerEvents) && isHoverOpen()) {\n performedPointerEventsMutationRef.current = true;\n var floatingEl = elements.floating;\n if (isElement(elements.domReference) && floatingEl) {\n var body = getDocument(elements.floating).body;\n body.setAttribute(safePolygonIdentifier, \"\");\n var ref = elements.domReference;\n body.style.pointerEvents = \"none\";\n ref.style.pointerEvents = \"auto\";\n floatingEl.style.pointerEvents = \"auto\";\n return function() {\n body.style.pointerEvents = \"\";\n ref.style.pointerEvents = \"\";\n floatingEl.style.pointerEvents = \"\";\n };\n }\n }\n }, [\n enabled,\n open,\n elements,\n isHoverOpen\n ]);\n React.useLayoutEffect(function() {\n if (!open) {\n pointerTypeRef.current = void 0;\n restTimeoutPendingRef.current = false;\n cleanupMouseMoveHandler();\n clearPointerEvents();\n }\n }, [\n open\n ]);\n React.useEffect(function() {\n return function() {\n cleanupMouseMoveHandler();\n clearTimeoutIfSet(timeoutRef);\n clearTimeoutIfSet(restTimeoutRef);\n clearPointerEvents();\n };\n }, [\n enabled,\n elements.domReference\n ]);\n var reference = React.useMemo(function() {\n function setPointerRef(event) {\n pointerTypeRef.current = event.pointerType;\n }\n return {\n onPointerDown: setPointerRef,\n onPointerEnter: setPointerRef,\n onMouseMove(event) {\n var { nativeEvent } = event;\n function handleMouseMove() {\n if (!blockMouseMoveRef.current && !openRef.current) {\n stableOnOpenChange(true, nativeEvent, \"hover\");\n }\n }\n if (mouseOnly && !isMouseLikePointerType(pointerTypeRef.current)) {\n return;\n }\n if (open || restMsRef.current === 0) {\n return;\n }\n if (restTimeoutPendingRef.current && Math.pow(event.movementX, 2) + Math.pow(event.movementY, 2) < 2) {\n return;\n }\n clearTimeoutIfSet(restTimeoutRef);\n if (pointerTypeRef.current === \"touch\") {\n handleMouseMove();\n } else {\n restTimeoutPendingRef.current = true;\n restTimeoutRef.current = window.setTimeout(handleMouseMove, restMsRef.current);\n }\n }\n };\n }, [\n mouseOnly,\n open\n ]);\n return React.useMemo(function() {\n return enabled ? {\n reference\n } : {};\n }, [\n enabled,\n reference\n ]);\n}\nexport {\n getDelay,\n useHover\n};\n//# sourceMappingURL=useHover.js.map\n"],"mappings":"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"}
|
|
@@ -1,92 +1,94 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import * as ReactDOM from "react-dom";
|
|
3
3
|
import { useEvent } from "@tamagui/use-event";
|
|
4
|
+
|
|
4
5
|
function useInnerOffset(context, props) {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
6
|
+
const { open, elements } = context;
|
|
7
|
+
const { enabled = true, overflowRef, scrollRef, onChange: unstable_onChange } = props;
|
|
8
|
+
const onChange = useEvent(unstable_onChange);
|
|
9
|
+
const controlledScrollingRef = React.useRef(false);
|
|
10
|
+
const prevScrollTopRef = React.useRef(null);
|
|
11
|
+
const initialOverflowRef = React.useRef(null);
|
|
12
|
+
React.useEffect(() => {
|
|
13
|
+
if (!enabled) return;
|
|
14
|
+
function onWheel(e) {
|
|
15
|
+
if (e.ctrlKey || !el || overflowRef.current == null) {
|
|
16
|
+
return;
|
|
17
|
+
}
|
|
18
|
+
const dY = e.deltaY;
|
|
19
|
+
const isAtTop = overflowRef.current.top >= -.5;
|
|
20
|
+
const isAtBottom = overflowRef.current.bottom >= -.5;
|
|
21
|
+
const remainingScroll = el.scrollHeight - el.clientHeight;
|
|
22
|
+
const sign = dY < 0 ? -1 : 1;
|
|
23
|
+
const method = dY < 0 ? "max" : "min";
|
|
24
|
+
if (el.scrollHeight <= el.clientHeight) {
|
|
25
|
+
return;
|
|
26
|
+
}
|
|
27
|
+
if (!isAtTop && dY > 0 || !isAtBottom && dY < 0) {
|
|
28
|
+
e.preventDefault();
|
|
29
|
+
ReactDOM.flushSync(() => {
|
|
30
|
+
onChange((d) => d + Math[method](dY, remainingScroll * sign));
|
|
31
|
+
});
|
|
32
|
+
} else if (/firefox/i.test(navigator.userAgent)) {
|
|
33
|
+
el.scrollTop += dY;
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
const el = scrollRef?.current || elements.floating;
|
|
37
|
+
if (open && el) {
|
|
38
|
+
el.addEventListener("wheel", onWheel);
|
|
39
|
+
requestAnimationFrame(() => {
|
|
40
|
+
prevScrollTopRef.current = el.scrollTop;
|
|
41
|
+
if (overflowRef.current != null) {
|
|
42
|
+
initialOverflowRef.current = { ...overflowRef.current };
|
|
43
|
+
}
|
|
44
|
+
});
|
|
45
|
+
return () => {
|
|
46
|
+
prevScrollTopRef.current = null;
|
|
47
|
+
initialOverflowRef.current = null;
|
|
48
|
+
el.removeEventListener("wheel", onWheel);
|
|
49
|
+
};
|
|
50
|
+
}
|
|
51
|
+
}, [
|
|
52
|
+
enabled,
|
|
53
|
+
open,
|
|
54
|
+
elements.floating,
|
|
55
|
+
overflowRef,
|
|
56
|
+
scrollRef,
|
|
57
|
+
onChange
|
|
58
|
+
]);
|
|
59
|
+
const floating = React.useMemo(() => ({
|
|
60
|
+
onKeyDown() {
|
|
61
|
+
controlledScrollingRef.current = true;
|
|
62
|
+
},
|
|
63
|
+
onWheel() {
|
|
64
|
+
controlledScrollingRef.current = false;
|
|
65
|
+
},
|
|
66
|
+
onPointerMove() {
|
|
67
|
+
controlledScrollingRef.current = false;
|
|
68
|
+
},
|
|
69
|
+
onScroll() {
|
|
70
|
+
const el = scrollRef?.current || elements.floating;
|
|
71
|
+
if (!overflowRef.current || !el || !controlledScrollingRef.current) {
|
|
72
|
+
return;
|
|
73
|
+
}
|
|
74
|
+
if (prevScrollTopRef.current !== null) {
|
|
75
|
+
const scrollDiff = el.scrollTop - prevScrollTopRef.current;
|
|
76
|
+
if (overflowRef.current.bottom < -.5 && scrollDiff < -1 || overflowRef.current.top < -.5 && scrollDiff > 1) {
|
|
77
|
+
ReactDOM.flushSync(() => onChange((d) => d + scrollDiff));
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
requestAnimationFrame(() => {
|
|
81
|
+
prevScrollTopRef.current = el.scrollTop;
|
|
82
|
+
});
|
|
83
|
+
}
|
|
84
|
+
}), [
|
|
85
|
+
elements.floating,
|
|
86
|
+
onChange,
|
|
87
|
+
overflowRef,
|
|
88
|
+
scrollRef
|
|
89
|
+
]);
|
|
90
|
+
return React.useMemo(() => enabled ? { floating } : {}, [enabled, floating]);
|
|
90
91
|
}
|
|
92
|
+
|
|
91
93
|
export { useInnerOffset };
|
|
92
94
|
//# sourceMappingURL=useInnerOffset.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"useInnerOffset.js","names":[],"sources":["esm/interactions/useInnerOffset.js"],"sourcesContent":["import * as React from \"react\";\nimport * as ReactDOM from \"react-dom\";\nimport { useEvent } from \"@tamagui/use-event\";\nfunction useInnerOffset(context, props) {\n const { open, elements } = context;\n const { enabled = true, overflowRef, scrollRef, onChange: unstable_onChange } = props;\n const onChange = useEvent(unstable_onChange);\n const controlledScrollingRef = React.useRef(false);\n const prevScrollTopRef = React.useRef(null);\n const initialOverflowRef = React.useRef(null);\n React.useEffect(() => {\n if (!enabled) return;\n function onWheel(e) {\n if (e.ctrlKey || !el || overflowRef.current == null) {\n return;\n }\n const dY = e.deltaY;\n const isAtTop = overflowRef.current.top >= -0.5;\n const isAtBottom = overflowRef.current.bottom >= -0.5;\n const remainingScroll = el.scrollHeight - el.clientHeight;\n const sign = dY < 0 ? -1 : 1;\n const method = dY < 0 ? \"max\" : \"min\";\n if (el.scrollHeight <= el.clientHeight) {\n return;\n }\n if (!isAtTop && dY > 0 || !isAtBottom && dY < 0) {\n e.preventDefault();\n ReactDOM.flushSync(() => {\n onChange((d) => d + Math[method](dY, remainingScroll * sign));\n });\n } else if (/firefox/i.test(navigator.userAgent)) {\n el.scrollTop += dY;\n }\n }\n const el = scrollRef?.current || elements.floating;\n if (open && el) {\n el.addEventListener(\"wheel\", onWheel);\n requestAnimationFrame(() => {\n prevScrollTopRef.current = el.scrollTop;\n if (overflowRef.current != null) {\n initialOverflowRef.current = { ...overflowRef.current };\n }\n });\n return () => {\n prevScrollTopRef.current = null;\n initialOverflowRef.current = null;\n el.removeEventListener(\"wheel\", onWheel);\n };\n }\n }, [enabled, open, elements.floating, overflowRef, scrollRef, onChange]);\n const floating = React.useMemo(\n () => ({\n onKeyDown() {\n controlledScrollingRef.current = true;\n },\n onWheel() {\n controlledScrollingRef.current = false;\n },\n onPointerMove() {\n controlledScrollingRef.current = false;\n },\n onScroll() {\n const el = scrollRef?.current || elements.floating;\n if (!overflowRef.current || !el || !controlledScrollingRef.current) {\n return;\n }\n if (prevScrollTopRef.current !== null) {\n const scrollDiff = el.scrollTop - prevScrollTopRef.current;\n if (overflowRef.current.bottom < -0.5 && scrollDiff < -1 || overflowRef.current.top < -0.5 && scrollDiff > 1) {\n ReactDOM.flushSync(() => onChange((d) => d + scrollDiff));\n }\n }\n requestAnimationFrame(() => {\n prevScrollTopRef.current = el.scrollTop;\n });\n }\n }),\n [elements.floating, onChange, overflowRef, scrollRef]\n );\n return React.useMemo(() => enabled ? { floating } : {}, [enabled, floating]);\n}\nexport {\n useInnerOffset\n};\n//# sourceMappingURL=useInnerOffset.js.map\n"],"mappings":";;;;;AAGA,SAAS,eAAe,SAAS,OAAO;CACtC,MAAM,EAAE,MAAM,aAAa;CAC3B,MAAM,EAAE,UAAU,MAAM,aAAa,WAAW,UAAU,sBAAsB;CAChF,MAAM,WAAW,SAAS,iBAAiB;CAC3C,MAAM,yBAAyB,MAAM,OAAO,KAAK;CACjD,MAAM,mBAAmB,MAAM,OAAO,IAAI;CAC1C,MAAM,qBAAqB,MAAM,OAAO,IAAI;CAC5C,MAAM,gBAAgB;EACpB,IAAI,CAAC,SAAS;EACd,SAAS,QAAQ,GAAG;GAClB,IAAI,EAAE,WAAW,CAAC,MAAM,YAAY,WAAW,MAAM;IACnD;GACF;GACA,MAAM,KAAK,EAAE;GACb,MAAM,UAAU,YAAY,QAAQ,OAAO,CAAC;GAC5C,MAAM,aAAa,YAAY,QAAQ,UAAU,CAAC;GAClD,MAAM,kBAAkB,GAAG,eAAe,GAAG;GAC7C,MAAM,OAAO,KAAK,IAAI,CAAC,IAAI;GAC3B,MAAM,SAAS,KAAK,IAAI,QAAQ;GAChC,IAAI,GAAG,gBAAgB,GAAG,cAAc;IACtC;GACF;GACA,IAAI,CAAC,WAAW,KAAK,KAAK,CAAC,cAAc,KAAK,GAAG;IAC/C,EAAE,eAAe;IACjB,SAAS,gBAAgB;KACvB,UAAU,MAAM,IAAI,KAAK,QAAQ,IAAI,kBAAkB,IAAI,CAAC;IAC9D,CAAC;GACH,OAAO,IAAI,WAAW,KAAK,UAAU,SAAS,GAAG;IAC/C,GAAG,aAAa;GAClB;EACF;EACA,MAAM,KAAK,WAAW,WAAW,SAAS;EAC1C,IAAI,QAAQ,IAAI;GACd,GAAG,iBAAiB,SAAS,OAAO;GACpC,4BAA4B;IAC1B,iBAAiB,UAAU,GAAG;IAC9B,IAAI,YAAY,WAAW,MAAM;KAC/B,mBAAmB,UAAU,EAAE,GAAG,YAAY,QAAQ;IACxD;GACF,CAAC;GACD,aAAa;IACX,iBAAiB,UAAU;IAC3B,mBAAmB,UAAU;IAC7B,GAAG,oBAAoB,SAAS,OAAO;GACzC;EACF;CACF,GAAG;EAAC;EAAS;EAAM,SAAS;EAAU;EAAa;EAAW;CAAQ,CAAC;CACvE,MAAM,WAAW,MAAM,eACd;EACL,YAAY;GACV,uBAAuB,UAAU;EACnC;EACA,UAAU;GACR,uBAAuB,UAAU;EACnC;EACA,gBAAgB;GACd,uBAAuB,UAAU;EACnC;EACA,WAAW;GACT,MAAM,KAAK,WAAW,WAAW,SAAS;GAC1C,IAAI,CAAC,YAAY,WAAW,CAAC,MAAM,CAAC,uBAAuB,SAAS;IAClE;GACF;GACA,IAAI,iBAAiB,YAAY,MAAM;IACrC,MAAM,aAAa,GAAG,YAAY,iBAAiB;IACnD,IAAI,YAAY,QAAQ,SAAS,CAAC,MAAO,aAAa,CAAC,KAAK,YAAY,QAAQ,MAAM,CAAC,MAAO,aAAa,GAAG;KAC5G,SAAS,gBAAgB,UAAU,MAAM,IAAI,UAAU,CAAC;IAC1D;GACF;GACA,4BAA4B;IAC1B,iBAAiB,UAAU,GAAG;GAChC,CAAC;EACH;CACF,IACA;EAAC,SAAS;EAAU;EAAU;EAAa;CAAS,CACtD;CACA,OAAO,MAAM,cAAc,UAAU,EAAE,SAAS,IAAI,CAAC,GAAG,CAAC,SAAS,QAAQ,CAAC;AAC7E"}
|
|
@@ -1,102 +1,104 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import * as ReactDOM from "react-dom";
|
|
3
3
|
import { useEvent } from "@tamagui/use-event";
|
|
4
|
+
|
|
4
5
|
function useInnerOffset(context, props) {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
6
|
+
var { open, elements } = context;
|
|
7
|
+
var { enabled = true, overflowRef, scrollRef, onChange: unstable_onChange } = props;
|
|
8
|
+
var onChange = useEvent(unstable_onChange);
|
|
9
|
+
var controlledScrollingRef = React.useRef(false);
|
|
10
|
+
var prevScrollTopRef = React.useRef(null);
|
|
11
|
+
var initialOverflowRef = React.useRef(null);
|
|
12
|
+
React.useEffect(function() {
|
|
13
|
+
if (!enabled) return;
|
|
14
|
+
function onWheel(e) {
|
|
15
|
+
if (e.ctrlKey || !el || overflowRef.current == null) {
|
|
16
|
+
return;
|
|
17
|
+
}
|
|
18
|
+
var dY = e.deltaY;
|
|
19
|
+
var isAtTop = overflowRef.current.top >= -.5;
|
|
20
|
+
var isAtBottom = overflowRef.current.bottom >= -.5;
|
|
21
|
+
var remainingScroll = el.scrollHeight - el.clientHeight;
|
|
22
|
+
var sign = dY < 0 ? -1 : 1;
|
|
23
|
+
var method = dY < 0 ? "max" : "min";
|
|
24
|
+
if (el.scrollHeight <= el.clientHeight) {
|
|
25
|
+
return;
|
|
26
|
+
}
|
|
27
|
+
if (!isAtTop && dY > 0 || !isAtBottom && dY < 0) {
|
|
28
|
+
e.preventDefault();
|
|
29
|
+
ReactDOM.flushSync(function() {
|
|
30
|
+
onChange(function(d) {
|
|
31
|
+
return d + Math[method](dY, remainingScroll * sign);
|
|
32
|
+
});
|
|
33
|
+
});
|
|
34
|
+
} else if (/firefox/i.test(navigator.userAgent)) {
|
|
35
|
+
el.scrollTop += dY;
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
var el = (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) || elements.floating;
|
|
39
|
+
if (open && el) {
|
|
40
|
+
el.addEventListener("wheel", onWheel);
|
|
41
|
+
requestAnimationFrame(function() {
|
|
42
|
+
prevScrollTopRef.current = el.scrollTop;
|
|
43
|
+
if (overflowRef.current != null) {
|
|
44
|
+
initialOverflowRef.current = { ...overflowRef.current };
|
|
45
|
+
}
|
|
46
|
+
});
|
|
47
|
+
return function() {
|
|
48
|
+
prevScrollTopRef.current = null;
|
|
49
|
+
initialOverflowRef.current = null;
|
|
50
|
+
el.removeEventListener("wheel", onWheel);
|
|
51
|
+
};
|
|
52
|
+
}
|
|
53
|
+
}, [
|
|
54
|
+
enabled,
|
|
55
|
+
open,
|
|
56
|
+
elements.floating,
|
|
57
|
+
overflowRef,
|
|
58
|
+
scrollRef,
|
|
59
|
+
onChange
|
|
60
|
+
]);
|
|
61
|
+
var floating = React.useMemo(function() {
|
|
62
|
+
return {
|
|
63
|
+
onKeyDown() {
|
|
64
|
+
controlledScrollingRef.current = true;
|
|
65
|
+
},
|
|
66
|
+
onWheel() {
|
|
67
|
+
controlledScrollingRef.current = false;
|
|
68
|
+
},
|
|
69
|
+
onPointerMove() {
|
|
70
|
+
controlledScrollingRef.current = false;
|
|
71
|
+
},
|
|
72
|
+
onScroll() {
|
|
73
|
+
var el = (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) || elements.floating;
|
|
74
|
+
if (!overflowRef.current || !el || !controlledScrollingRef.current) {
|
|
75
|
+
return;
|
|
76
|
+
}
|
|
77
|
+
if (prevScrollTopRef.current !== null) {
|
|
78
|
+
var scrollDiff = el.scrollTop - prevScrollTopRef.current;
|
|
79
|
+
if (overflowRef.current.bottom < -.5 && scrollDiff < -1 || overflowRef.current.top < -.5 && scrollDiff > 1) {
|
|
80
|
+
ReactDOM.flushSync(function() {
|
|
81
|
+
return onChange(function(d) {
|
|
82
|
+
return d + scrollDiff;
|
|
83
|
+
});
|
|
84
|
+
});
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
requestAnimationFrame(function() {
|
|
88
|
+
prevScrollTopRef.current = el.scrollTop;
|
|
89
|
+
});
|
|
90
|
+
}
|
|
91
|
+
};
|
|
92
|
+
}, [
|
|
93
|
+
elements.floating,
|
|
94
|
+
onChange,
|
|
95
|
+
overflowRef,
|
|
96
|
+
scrollRef
|
|
97
|
+
]);
|
|
98
|
+
return React.useMemo(function() {
|
|
99
|
+
return enabled ? { floating } : {};
|
|
100
|
+
}, [enabled, floating]);
|
|
100
101
|
}
|
|
102
|
+
|
|
101
103
|
export { useInnerOffset };
|
|
102
104
|
//# sourceMappingURL=useInnerOffset.native.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"useInnerOffset.native.js","names":[],"sources":["esm/interactions/useInnerOffset.native.js"],"sourcesContent":["import * as React from \"react\";\nimport * as ReactDOM from \"react-dom\";\nimport { useEvent } from \"@tamagui/use-event\";\nfunction useInnerOffset(context, props) {\n var { open, elements } = context;\n var { enabled = true, overflowRef, scrollRef, onChange: unstable_onChange } = props;\n var onChange = useEvent(unstable_onChange);\n var controlledScrollingRef = React.useRef(false);\n var prevScrollTopRef = React.useRef(null);\n var initialOverflowRef = React.useRef(null);\n React.useEffect(function() {\n if (!enabled) return;\n function onWheel(e) {\n if (e.ctrlKey || !el || overflowRef.current == null) {\n return;\n }\n var dY = e.deltaY;\n var isAtTop = overflowRef.current.top >= -0.5;\n var isAtBottom = overflowRef.current.bottom >= -0.5;\n var remainingScroll = el.scrollHeight - el.clientHeight;\n var sign = dY < 0 ? -1 : 1;\n var method = dY < 0 ? \"max\" : \"min\";\n if (el.scrollHeight <= el.clientHeight) {\n return;\n }\n if (!isAtTop && dY > 0 || !isAtBottom && dY < 0) {\n e.preventDefault();\n ReactDOM.flushSync(function() {\n onChange(function(d) {\n return d + Math[method](dY, remainingScroll * sign);\n });\n });\n } else if (/firefox/i.test(navigator.userAgent)) {\n el.scrollTop += dY;\n }\n }\n var el = (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) || elements.floating;\n if (open && el) {\n el.addEventListener(\"wheel\", onWheel);\n requestAnimationFrame(function() {\n prevScrollTopRef.current = el.scrollTop;\n if (overflowRef.current != null) {\n initialOverflowRef.current = {\n ...overflowRef.current\n };\n }\n });\n return function() {\n prevScrollTopRef.current = null;\n initialOverflowRef.current = null;\n el.removeEventListener(\"wheel\", onWheel);\n };\n }\n }, [\n enabled,\n open,\n elements.floating,\n overflowRef,\n scrollRef,\n onChange\n ]);\n var floating = React.useMemo(function() {\n return {\n onKeyDown() {\n controlledScrollingRef.current = true;\n },\n onWheel() {\n controlledScrollingRef.current = false;\n },\n onPointerMove() {\n controlledScrollingRef.current = false;\n },\n onScroll() {\n var el = (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) || elements.floating;\n if (!overflowRef.current || !el || !controlledScrollingRef.current) {\n return;\n }\n if (prevScrollTopRef.current !== null) {\n var scrollDiff = el.scrollTop - prevScrollTopRef.current;\n if (overflowRef.current.bottom < -0.5 && scrollDiff < -1 || overflowRef.current.top < -0.5 && scrollDiff > 1) {\n ReactDOM.flushSync(function() {\n return onChange(function(d) {\n return d + scrollDiff;\n });\n });\n }\n }\n requestAnimationFrame(function() {\n prevScrollTopRef.current = el.scrollTop;\n });\n }\n };\n }, [\n elements.floating,\n onChange,\n overflowRef,\n scrollRef\n ]);\n return React.useMemo(function() {\n return enabled ? {\n floating\n } : {};\n }, [\n enabled,\n floating\n ]);\n}\nexport {\n useInnerOffset\n};\n//# sourceMappingURL=useInnerOffset.js.map\n"],"mappings":";;;;;AAGA,SAAS,eAAe,SAAS,OAAO;CACtC,IAAI,EAAE,MAAM,aAAa;CACzB,IAAI,EAAE,UAAU,MAAM,aAAa,WAAW,UAAU,sBAAsB;CAC9E,IAAI,WAAW,SAAS,iBAAiB;CACzC,IAAI,yBAAyB,MAAM,OAAO,KAAK;CAC/C,IAAI,mBAAmB,MAAM,OAAO,IAAI;CACxC,IAAI,qBAAqB,MAAM,OAAO,IAAI;CAC1C,MAAM,UAAU,WAAW;EACzB,IAAI,CAAC,SAAS;EACd,SAAS,QAAQ,GAAG;GAClB,IAAI,EAAE,WAAW,CAAC,MAAM,YAAY,WAAW,MAAM;IACnD;GACF;GACA,IAAI,KAAK,EAAE;GACX,IAAI,UAAU,YAAY,QAAQ,OAAO,CAAC;GAC1C,IAAI,aAAa,YAAY,QAAQ,UAAU,CAAC;GAChD,IAAI,kBAAkB,GAAG,eAAe,GAAG;GAC3C,IAAI,OAAO,KAAK,IAAI,CAAC,IAAI;GACzB,IAAI,SAAS,KAAK,IAAI,QAAQ;GAC9B,IAAI,GAAG,gBAAgB,GAAG,cAAc;IACtC;GACF;GACA,IAAI,CAAC,WAAW,KAAK,KAAK,CAAC,cAAc,KAAK,GAAG;IAC/C,EAAE,eAAe;IACjB,SAAS,UAAU,WAAW;KAC5B,SAAS,SAAS,GAAG;MACnB,OAAO,IAAI,KAAK,QAAQ,IAAI,kBAAkB,IAAI;KACpD,CAAC;IACH,CAAC;GACH,OAAO,IAAI,WAAW,KAAK,UAAU,SAAS,GAAG;IAC/C,GAAG,aAAa;GAClB;EACF;EACA,IAAI,MAAM,cAAc,QAAQ,cAAc,KAAK,IAAI,KAAK,IAAI,UAAU,YAAY,SAAS;EAC/F,IAAI,QAAQ,IAAI;GACd,GAAG,iBAAiB,SAAS,OAAO;GACpC,sBAAsB,WAAW;IAC/B,iBAAiB,UAAU,GAAG;IAC9B,IAAI,YAAY,WAAW,MAAM;KAC/B,mBAAmB,UAAU,EAC3B,GAAG,YAAY,QACjB;IACF;GACF,CAAC;GACD,OAAO,WAAW;IAChB,iBAAiB,UAAU;IAC3B,mBAAmB,UAAU;IAC7B,GAAG,oBAAoB,SAAS,OAAO;GACzC;EACF;CACF,GAAG;EACD;EACA;EACA,SAAS;EACT;EACA;EACA;CACF,CAAC;CACD,IAAI,WAAW,MAAM,QAAQ,WAAW;EACtC,OAAO;GACL,YAAY;IACV,uBAAuB,UAAU;GACnC;GACA,UAAU;IACR,uBAAuB,UAAU;GACnC;GACA,gBAAgB;IACd,uBAAuB,UAAU;GACnC;GACA,WAAW;IACT,IAAI,MAAM,cAAc,QAAQ,cAAc,KAAK,IAAI,KAAK,IAAI,UAAU,YAAY,SAAS;IAC/F,IAAI,CAAC,YAAY,WAAW,CAAC,MAAM,CAAC,uBAAuB,SAAS;KAClE;IACF;IACA,IAAI,iBAAiB,YAAY,MAAM;KACrC,IAAI,aAAa,GAAG,YAAY,iBAAiB;KACjD,IAAI,YAAY,QAAQ,SAAS,CAAC,MAAO,aAAa,CAAC,KAAK,YAAY,QAAQ,MAAM,CAAC,MAAO,aAAa,GAAG;MAC5G,SAAS,UAAU,WAAW;OAC5B,OAAO,SAAS,SAAS,GAAG;QAC1B,OAAO,IAAI;OACb,CAAC;MACH,CAAC;KACH;IACF;IACA,sBAAsB,WAAW;KAC/B,iBAAiB,UAAU,GAAG;IAChC,CAAC;GACH;EACF;CACF,GAAG;EACD,SAAS;EACT;EACA;EACA;CACF,CAAC;CACD,OAAO,MAAM,QAAQ,WAAW;EAC9B,OAAO,UAAU,EACf,SACF,IAAI,CAAC;CACP,GAAG,CACD,SACA,QACF,CAAC;AACH"}
|