@headless-adminapp/app 1.4.13 → 1.4.14

package/hooks/index.d.ts

@@ -4,3 +4,4 @@ export * from './useIsMobile';
 export * from './useStorageState';
 export * from './useSystemColorScheme';
 export { useItemsWithKey } from './useItemsWithKey';
+export * from './useLongPress';

package/hooks/index.js

@@ -22,3 +22,4 @@ __exportStar(require("./useStorageState"), exports);
 __exportStar(require("./useSystemColorScheme"), exports);
 var useItemsWithKey_1 = require("./useItemsWithKey");
 Object.defineProperty(exports, "useItemsWithKey", { enumerable: true, get: function () { return useItemsWithKey_1.useItemsWithKey; } });
+__exportStar(require("./useLongPress"), exports);

package/hooks/useLongPress.d.ts

@@ -0,0 +1,12 @@
+interface Options {
+    isPreventDefault?: boolean;
+    delay?: number;
+}
+export declare const useLongPress: (callback: (e: TouchEvent | MouseEvent) => void, { isPreventDefault, delay }?: Options) => {
+    readonly onMouseDown: (e: any) => void;
+    readonly onTouchStart: (e: any) => void;
+    readonly onMouseUp: () => void;
+    readonly onMouseLeave: () => void;
+    readonly onTouchEnd: () => void;
+};
+export {};

package/hooks/useLongPress.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLongPress = void 0;
+const react_1 = require("react");
+const util_1 = require("react-use/lib/misc/util");
+const isTouchEvent = (ev) => {
+    return 'touches' in ev;
+};
+const preventDefault = (ev) => {
+    if (!isTouchEvent(ev))
+        return;
+    if (ev.touches.length < 2 && ev.preventDefault) {
+        ev.preventDefault();
+    }
+};
+const useLongPress = (callback, { isPreventDefault = true, delay = 300 } = {}) => {
+    const timeout = (0, react_1.useRef)();
+    const target = (0, react_1.useRef)();
+    const start = (0, react_1.useCallback)((event) => {
+        // prevent ghost click on mobile devices
+        if (isPreventDefault && event.target) {
+            (0, util_1.on)(event.target, 'touchend', preventDefault, { passive: false });
+            target.current = event.target;
+        }
+        timeout.current = setTimeout(() => callback(event), delay);
+    }, [callback, delay, isPreventDefault]);
+    const clear = (0, react_1.useCallback)(() => {
+        // clearTimeout and removeEventListener
+        timeout.current && clearTimeout(timeout.current);
+        if (isPreventDefault && target.current) {
+            (0, util_1.off)(target.current, 'touchend', preventDefault);
+        }
+    }, [isPreventDefault]);
+    (0, react_1.useEffect)(() => {
+        window.addEventListener('touchmove', clear);
+        return () => {
+            window.removeEventListener('touchmove', clear);
+        };
+    }, [clear]);
+    return {
+        onMouseDown: (e) => start(e),
+        onTouchStart: (e) => start(e),
+        onMouseUp: clear,
+        onMouseLeave: clear,
+        onTouchEnd: clear,
+    };
+};
+exports.useLongPress = useLongPress;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@headless-adminapp/app",
-  "version": "1.4.13",
+  "version": "1.4.14",
   "description": "",
   "main": "index.js",
   "types": "index.d.ts",
@@ -38,5 +38,5 @@
     "uuid": "11.0.3",
     "yup": "^1.4.0"
   },
-  "gitHead": "70b319f4b807a300e6b01c8d7e8c1768839f9541"
+  "gitHead": "0792de20ccf4a33c064428de55263fcf13de5543"
 }