@tpguy825/clicker - npm Package Compare versions

Comparing version 1.0.4 to 1.0.5

dist/index.d.ts

@@ -1,14 +0,16 @@
-/// <reference types="react" />
+import { type MouseEvent, type TouchEvent } from "react";
 /**
  * @template Element Used to specify what type of element the event listeners will be attached to.
+ * @param onLongPress The function to be called when the element is clicked and held for the time specified in `options.delay`.
+ * @param onClick The function to be called when the element is clicked.
  */
-export declare function useLongPress<Element extends HTMLElement = HTMLElement>(onLongPress: (e: React.MouseEvent<Element> | React.TouchEvent<Element>) => void, onClick: (e: React.MouseEvent<Element> | React.TouchEvent<Element>) => void, { shouldPreventDefault, delay }?: {
+export declare function useLongPress<Element extends HTMLElement = HTMLElement>(onLongPress: (e: MouseEvent<Element> | TouchEvent<Element>) => void, onClick: (e: MouseEvent<Element> | TouchEvent<Element>) => void, options?: {
     shouldPreventDefault?: boolean;
     delay?: number;
 }): {
-    onMouseDown: (event: React.MouseEvent<Element> | React.TouchEvent<Element>) => void;
-    onTouchStart: (event: React.MouseEvent<Element> | React.TouchEvent<Element>) => void;
-    onMouseUp: (event: React.MouseEvent<Element> | React.TouchEvent<Element>, shouldTriggerClick?: boolean) => void;
-    onMouseLeave: (event: import("react").MouseEvent<Element, MouseEvent> | import("react").TouchEvent<Element>) => void;
-    onTouchEnd: (event: React.MouseEvent<Element> | React.TouchEvent<Element>, shouldTriggerClick?: boolean) => void;
+    onMouseDown: (event: MouseEvent<Element> | TouchEvent<Element>) => void;
+    onTouchStart: (event: MouseEvent<Element> | TouchEvent<Element>) => void;
+    onMouseUp: (event: MouseEvent<Element> | TouchEvent<Element>, shouldTriggerClick?: boolean) => void;
+    onMouseLeave: (event: MouseEvent<Element> | TouchEvent<Element>) => void;
+    onTouchEnd: (event: MouseEvent<Element> | TouchEvent<Element>, shouldTriggerClick?: boolean) => void;
 };
@@ -21,6 +23,6 @@ /**
     {
-        onMouseEnter: (event: React.MouseEvent) => void;
-        onMouseLeave: (event: React.MouseEvent) => void;
+        onMouseEnter: (event: MouseEvent) => void;
+        onMouseLeave: (event: MouseEvent) => void;
     }
 ];
 //# sourceMappingURL=index.d.ts.map

dist/index.js

@@ -1,1 +0,1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.useLongHover=exports.useLongPress=void 0;var react_1=require("react");function useLongPress(onLongPress,onClick,_a){var _b=_a===void 0?{}:_a,_c=_b.shouldPreventDefault,shouldPreventDefault=_c===void 0?true:_c,_d=_b.delay,delay=_d===void 0?1e3:_d;var _e=(0,react_1.useState)(false),longPressTriggered=_e[0],setLongPressTriggered=_e[1];var timeout=(0,react_1.useRef)();var target=(0,react_1.useRef)();var start=(0,react_1.useCallback)(function(event){if(shouldPreventDefault&&event.target){event.target.addEventListener("touchend",preventDefault,{passive:false});target.current=event.target}timeout.current=setTimeout(function(){onLongPress(event);setLongPressTriggered(true)},delay)},[onLongPress,delay,shouldPreventDefault]);var clear=(0,react_1.useCallback)(function(event,shouldTriggerClick){if(shouldTriggerClick===void 0){shouldTriggerClick=true}if(timeout.current)clearTimeout(timeout.current);if(shouldTriggerClick&&!longPressTriggered)onClick(event);setLongPressTriggered(false);if(shouldPreventDefault&&target.current){target.current.removeEventListener("touchend",preventDefault)}},[shouldPreventDefault,onClick,longPressTriggered]);var preventDefault=function(event){if(!("touches"in event)||event.touches===undefined)return;if(event.touches.length<2&&event.preventDefault){event.preventDefault()}};return{onMouseDown:start,onTouchStart:start,onMouseUp:clear,onMouseLeave:function(event){return clear(event,false)},onTouchEnd:clear}}exports.useLongPress=useLongPress;function useLongHover(time){var _a=(0,react_1.useState)(false),isHoveredForTime=_a[0],setIsHoveredForTime=_a[1];var _b=(0,react_1.useState)(null),timeout=_b[0],changeTimeout=_b[1];var handlers={onMouseLeave:function(){if(timeout){clearTimeout(timeout);changeTimeout(null)}setIsHoveredForTime(false)},onMouseEnter:function(){return changeTimeout(setTimeout(function(){return setIsHoveredForTime(true)},time))}};return[isHoveredForTime,handlers]}exports.useLongHover=useLongHover;
+"use strict";Object.defineProperty(exports,"__esModule",{value:true});exports.useLongHover=exports.useLongPress=void 0;var react_1=require("react");function useLongPress(onLongPress,onClick,options){var _a=options||{},_b=_a.shouldPreventDefault,shouldPreventDefault=_b===void 0?true:_b,_c=_a.delay,delay=_c===void 0?300:_c;var _d=(0,react_1.useState)(false),longPressTriggered=_d[0],setLongPressTriggered=_d[1];var timeout=(0,react_1.useRef)();var target=(0,react_1.useRef)();var start=(0,react_1.useCallback)(function(event){if(shouldPreventDefault&&event.target){event.target.addEventListener("touchend",preventDefault,{passive:false});target.current=event.target}timeout.current=setTimeout(function(){onLongPress(event);setLongPressTriggered(true)},delay)},[onLongPress,delay,shouldPreventDefault]);var clear=(0,react_1.useCallback)(function(event,shouldTriggerClick){if(shouldTriggerClick===void 0){shouldTriggerClick=true}if(timeout.current)clearTimeout(timeout.current);if(shouldTriggerClick&&!longPressTriggered)onClick(event);setLongPressTriggered(false);if(shouldPreventDefault&&target.current){target.current.removeEventListener("touchend",preventDefault)}},[shouldPreventDefault,onClick,longPressTriggered]);var preventDefault=function(event){if(!("touches"in event)||event.touches===undefined)return;if(event.touches.length<2&&event.preventDefault){event.preventDefault()}};return{onMouseDown:start,onTouchStart:start,onMouseUp:clear,onMouseLeave:function(event){return clear(event,false)},onTouchEnd:clear}}exports.useLongPress=useLongPress;function useLongHover(time){var _a=(0,react_1.useState)(false),isHoveredForTime=_a[0],setIsHoveredForTime=_a[1];var _b=(0,react_1.useState)(null),timeout=_b[0],changeTimeout=_b[1];var handlers={onMouseLeave:function(){if(timeout){clearTimeout(timeout);changeTimeout(null)}setIsHoveredForTime(false)},onMouseEnter:function(){return changeTimeout(setTimeout(function(){return setIsHoveredForTime(true)},time))}};return[isHoveredForTime,handlers]}exports.useLongHover=useLongHover;

package.json

 {
   "name": "@tpguy825/clicker",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "Mouse event helper library for React",
@@ -5,0 +5,0 @@ "main": "dist/index.js",

No alert changes

Improved metrics

Total package byte prevSize

7446

increased by1.04%

Number of package files

8

increased by14.29%

Lines of code

26

increased by8.33%

No dependency changes