@fto-consult/expo-ui 8.82.9 → 8.83.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fto-consult/expo-ui",
-  "version": "8.82.9",
+  "version": "8.83.0",
   "description": "Bibliothèque de composants UI Expo,react-native",
   "react-native-paper-doc": "https://github.com/callstack/react-native-paper/tree/main/docs/docs/guides",
   "scripts": {

package/src/components/Pressable/index.js

@@ -0,0 +1,30 @@
+import { Pressable } from "react-native";
+import { forwardRef,useRef } from "react";
+import PropTypes from "prop-types";
+
+const PressableComponent = forwardRef(({onPress,pressDelay,onDoublePress,disabled,readOnly,...props},ref)=>{
+    const lastPressRef = useRef=(0);
+    pressDelay = typeof pressDelay =="number" && pressDelay > 10 ? pressDelay : 400;
+    return <Pressable
+        {...props}
+        onPress = {disabled !== true && readOnly !== true ? (...rest)=>{
+            const delta = new Date().getTime() - lastPressRef.current;
+            lastPressRef.current = new Date().getTime();
+            if(delta < pressDelay && typeof onDoublePress ==="function") {
+                // double tap happend
+                onDoublePress(...rest);
+            }
+            if(typeof onPress =="function"){
+                onPress(...rest);
+            }
+        }: onPress}
+    />
+});
+
+PressableComponent.displayName = "PressableComponent";
+
+PressableComponent.propTypes = {
+    ...Object.assign({},Pressable.propTypes),
+    pressDelay : PropTypes.number, //le délai d'attente de l'action press, par défaut 400 milli secondes
+    onDoublePress : PropTypes.func,
+}