@radix-ui/react-tooltip - npm Package Compare versions

Comparing version 0.1.8-rc.11 to 0.1.8-rc.12

dist/index.d.ts

@@ -10,3 +10,3 @@ import * as React from "react";
     /**
-     * The duration from when the mouse enters the trigger until the tooltip gets opened.
+     * The duration from when the pointer enters the trigger until the tooltip gets opened.
      * @defaultValue 700
@@ -28,3 +28,3 @@ */
     /**
-     * The duration from when the mouse enters the trigger until the tooltip gets opened. This will
+     * The duration from when the pointer enters the trigger until the tooltip gets opened. This will
      * override the prop with the same name passed to Provider.
@@ -31,0 +31,0 @@ * @defaultValue 700

dist/index.js

@@ -202,10 +202,10 @@ var $iVrL9$babelruntimehelpersextends = require("@babel/runtime/helpers/extends");
     const composedTriggerRef = $iVrL9$radixuireactcomposerefs.useComposedRefs(forwardedRef, context.onTriggerChange);
-    const isMouseDownRef = $iVrL9$react.useRef(false);
-    const handleMouseUp = $iVrL9$react.useCallback(()=>isMouseDownRef.current = false
+    const isPointerDownRef = $iVrL9$react.useRef(false);
+    const handlePointerUp = $iVrL9$react.useCallback(()=>isPointerDownRef.current = false
     , []);
     $iVrL9$react.useEffect(()=>{
-        return ()=>document.removeEventListener('mouseup', handleMouseUp)
+        return ()=>document.removeEventListener('pointerup', handlePointerUp)
         ;
     }, [
-        handleMouseUp
+        handlePointerUp
     ]);
@@ -221,7 +221,9 @@ return /*#__PURE__*/ $iVrL9$react.createElement($iVrL9$radixuireactpopper.Anchor, ($parcel$interopDefault($iVrL9$babelruntimehelpersextends))({
         ref: composedTriggerRef,
-        onMouseEnter: $iVrL9$radixuiprimitive.composeEventHandlers(props.onMouseEnter, context.onTriggerEnter),
-        onMouseLeave: $iVrL9$radixuiprimitive.composeEventHandlers(props.onMouseLeave, context.onClose),
-        onMouseDown: $iVrL9$radixuiprimitive.composeEventHandlers(props.onMouseDown, ()=>{
-            isMouseDownRef.current = true;
-            document.addEventListener('mouseup', handleMouseUp, {
+        onPointerEnter: $iVrL9$radixuiprimitive.composeEventHandlers(props.onPointerEnter, (event)=>{
+            if (event.pointerType !== 'touch') context.onTriggerEnter();
+        }),
+        onPointerLeave: $iVrL9$radixuiprimitive.composeEventHandlers(props.onPointerLeave, context.onClose),
+        onPointerDown: $iVrL9$radixuiprimitive.composeEventHandlers(props.onPointerDown, ()=>{
+            isPointerDownRef.current = true;
+            document.addEventListener('pointerup', handlePointerUp, {
                 once: true
@@ -231,3 +233,3 @@ });
         onFocus: $iVrL9$radixuiprimitive.composeEventHandlers(props.onFocus, ()=>{
-            if (!isMouseDownRef.current) context.onOpen();
+            if (!isPointerDownRef.current) context.onOpen();
         }),
@@ -234,0 +236,0 @@ onBlur: $iVrL9$radixuiprimitive.composeEventHandlers(props.onBlur, context.onClose),

dist/index.module.js

@@ -183,10 +183,10 @@ import $8wepK$babelruntimehelpersesmextends from "@babel/runtime/helpers/esm/extends";
     const composedTriggerRef = $8wepK$useComposedRefs(forwardedRef, context.onTriggerChange);
-    const isMouseDownRef = $8wepK$useRef(false);
-    const handleMouseUp = $8wepK$useCallback(()=>isMouseDownRef.current = false
+    const isPointerDownRef = $8wepK$useRef(false);
+    const handlePointerUp = $8wepK$useCallback(()=>isPointerDownRef.current = false
     , []);
     $8wepK$useEffect(()=>{
-        return ()=>document.removeEventListener('mouseup', handleMouseUp)
+        return ()=>document.removeEventListener('pointerup', handlePointerUp)
         ;
     }, [
-        handleMouseUp
+        handlePointerUp
     ]);
@@ -202,7 +202,9 @@ return /*#__PURE__*/ $8wepK$createElement($8wepK$Anchor, $8wepK$babelruntimehelpersesmextends({
         ref: composedTriggerRef,
-        onMouseEnter: $8wepK$composeEventHandlers(props.onMouseEnter, context.onTriggerEnter),
-        onMouseLeave: $8wepK$composeEventHandlers(props.onMouseLeave, context.onClose),
-        onMouseDown: $8wepK$composeEventHandlers(props.onMouseDown, ()=>{
-            isMouseDownRef.current = true;
-            document.addEventListener('mouseup', handleMouseUp, {
+        onPointerEnter: $8wepK$composeEventHandlers(props.onPointerEnter, (event)=>{
+            if (event.pointerType !== 'touch') context.onTriggerEnter();
+        }),
+        onPointerLeave: $8wepK$composeEventHandlers(props.onPointerLeave, context.onClose),
+        onPointerDown: $8wepK$composeEventHandlers(props.onPointerDown, ()=>{
+            isPointerDownRef.current = true;
+            document.addEventListener('pointerup', handlePointerUp, {
                 once: true
@@ -212,3 +214,3 @@ });
         onFocus: $8wepK$composeEventHandlers(props.onFocus, ()=>{
-            if (!isMouseDownRef.current) context.onOpen();
+            if (!isPointerDownRef.current) context.onOpen();
         }),
@@ -215,0 +217,0 @@ onBlur: $8wepK$composeEventHandlers(props.onBlur, context.onClose),

package.json

 {
   "name": "@radix-ui/react-tooltip",
-  "version": "0.1.8-rc.11",
+  "version": "0.1.8-rc.12",
   "license": "MIT",
@@ -21,13 +21,13 @@ "source": "src/index.ts",
     "@radix-ui/primitive": "0.1.0",
-    "@radix-ui/react-compose-refs": "0.1.1-rc.6",
-    "@radix-ui/react-context": "0.1.2-rc.6",
-    "@radix-ui/react-dismissable-layer": "0.1.6-rc.6",
-    "@radix-ui/react-id": "0.1.6-rc.6",
-    "@radix-ui/react-popper": "0.1.5-rc.6",
-    "@radix-ui/react-portal": "0.1.5-rc.6",
-    "@radix-ui/react-presence": "0.1.3-rc.6",
-    "@radix-ui/react-primitive": "0.1.5-rc.6",
-    "@radix-ui/react-slot": "0.1.3-rc.6",
-    "@radix-ui/react-use-controllable-state": "0.1.1-rc.6",
-    "@radix-ui/react-visually-hidden": "0.1.5-rc.6"
+    "@radix-ui/react-compose-refs": "0.1.1-rc.7",
+    "@radix-ui/react-context": "0.1.2-rc.7",
+    "@radix-ui/react-dismissable-layer": "0.1.6-rc.7",
+    "@radix-ui/react-id": "0.1.6-rc.7",
+    "@radix-ui/react-popper": "0.1.5-rc.7",
+    "@radix-ui/react-portal": "0.1.5-rc.7",
+    "@radix-ui/react-presence": "0.1.3-rc.7",
+    "@radix-ui/react-primitive": "0.1.5-rc.7",
+    "@radix-ui/react-slot": "0.1.3-rc.7",
+    "@radix-ui/react-use-controllable-state": "0.1.1-rc.7",
+    "@radix-ui/react-visually-hidden": "0.1.5-rc.7"
   },
@@ -34,0 +34,0 @@ "peerDependencies": {

No alert changes

Improved metrics

Total package byte prevSize

96573

increased by0.7%

Lines of code

689

increased by0.58%

Dependency changes

• + Added@radix-ui/react-arrow@0.1.5-rc.7(transitive)

• + Added@radix-ui/react-compose-refs@0.1.1-rc.7(transitive)

• + Added@radix-ui/react-context@0.1.2-rc.7(transitive)

• + Added@radix-ui/react-dismissable-layer@0.1.6-rc.7(transitive)

• + Added@radix-ui/react-id@0.1.6-rc.7(transitive)

• + Added@radix-ui/react-popper@0.1.5-rc.7(transitive)

• + Added@radix-ui/react-portal@0.1.5-rc.7(transitive)

• + Added@radix-ui/react-presence@0.1.3-rc.7(transitive)

• + Added@radix-ui/react-primitive@0.1.5-rc.7(transitive)

• + Added@radix-ui/react-slot@0.1.3-rc.7(transitive)

• + Added@radix-ui/react-use-body-pointer-events@0.1.2-rc.7(transitive)

• + Added@radix-ui/react-use-callback-ref@0.1.1-rc.7(transitive)

• + Added@radix-ui/react-use-controllable-state@0.1.1-rc.7(transitive)

• + Added@radix-ui/react-use-escape-keydown@0.1.1-rc.7(transitive)

• + Added@radix-ui/react-use-layout-effect@0.1.1-rc.7(transitive)

• + Added@radix-ui/react-use-rect@0.1.2-rc.7(transitive)

• + Added@radix-ui/react-use-size@0.1.2-rc.7(transitive)

• + Added@radix-ui/react-visually-hidden@0.1.5-rc.7(transitive)

• - Removed@radix-ui/react-arrow@0.1.5-rc.6(transitive)

• - Removed@radix-ui/react-compose-refs@0.1.1-rc.6(transitive)

• - Removed@radix-ui/react-context@0.1.2-rc.6(transitive)

• - Removed@radix-ui/react-dismissable-layer@0.1.6-rc.6(transitive)

• - Removed@radix-ui/react-id@0.1.6-rc.6(transitive)

• - Removed@radix-ui/react-popper@0.1.5-rc.6(transitive)

• - Removed@radix-ui/react-portal@0.1.5-rc.6(transitive)

• - Removed@radix-ui/react-presence@0.1.3-rc.6(transitive)

• - Removed@radix-ui/react-primitive@0.1.5-rc.6(transitive)

• - Removed@radix-ui/react-slot@0.1.3-rc.6(transitive)

• - Removed@radix-ui/react-use-body-pointer-events@0.1.2-rc.6(transitive)

• - Removed@radix-ui/react-use-callback-ref@0.1.1-rc.6(transitive)

• - Removed@radix-ui/react-use-controllable-state@0.1.1-rc.6(transitive)

• - Removed@radix-ui/react-use-escape-keydown@0.1.1-rc.6(transitive)

• - Removed@radix-ui/react-use-layout-effect@0.1.1-rc.6(transitive)

• - Removed@radix-ui/react-use-rect@0.1.2-rc.6(transitive)

• - Removed@radix-ui/react-use-size@0.1.2-rc.6(transitive)

• - Removed@radix-ui/react-visually-hidden@0.1.5-rc.6(transitive)

• Updated@radix-ui/react-compose-refs@0.1.1-rc.7

• Updated@radix-ui/react-context@0.1.2-rc.7

• Updated@radix-ui/react-dismissable-layer@0.1.6-rc.7

• Updated@radix-ui/react-id@0.1.6-rc.7

• Updated@radix-ui/react-popper@0.1.5-rc.7

• Updated@radix-ui/react-portal@0.1.5-rc.7

• Updated@radix-ui/react-presence@0.1.3-rc.7

• Updated@radix-ui/react-primitive@0.1.5-rc.7

• Updated@radix-ui/react-slot@0.1.3-rc.7

• Updated@radix-ui/react-use-controllable-state@0.1.1-rc.7

• Updated@radix-ui/react-visually-hidden@0.1.5-rc.7