[feat] HoldItem: add new prop - longPressMinDurationMs (#85)

enesozturk · Apr 5, 2023 · e504596 · e504596
1 parent 99c663b
commit e504596
Show file tree

Hide file tree

Showing 3 changed files with 25 additions and 1 deletion.
diff --git a/src/components/holdItem/HoldItem.tsx b/src/components/holdItem/HoldItem.tsx
@@ -65,6 +65,7 @@ const HoldItemComponent = ({
   hapticFeedback,
   actionParams,
   closeOnTap,
+  longPressMinDurationMs = 150,
   children,
 }: HoldItemProps) => {
   //#region hooks
@@ -397,7 +398,7 @@ const HoldItemComponent = ({
       default:
         return ({ children: handlerChildren }: GestureHandlerProps) => (
           <LongPressGestureHandler
-            minDurationMs={150}
+            minDurationMs={longPressMinDurationMs}
             onHandlerStateChange={gestureEvent}
           >
             {handlerChildren}

diff --git a/src/components/holdItem/types.d.ts b/src/components/holdItem/types.d.ts
@@ -115,6 +115,15 @@ export type HoldItemProps = {
    * closeOnTap={true}
    */
   closeOnTap?: boolean;
+
+  /**
+   * Set delay before long tap will activate gesture. May be useful to increase this value in lists
+   * @type number
+   * @default 150
+   * @examples
+   * longPressMinDurationMs={250}
+   */
+  longPressMinDurationMs?: number;
 };
 
 export type GestureHandlerProps = {

diff --git a/website/docs/props.md b/website/docs/props.md
@@ -211,3 +211,17 @@ Set true if you want to close menu when tap to HoldItem
 ```tsx
 <HoldItem closeOnTap />
 ```
+
+### `longPressMinDurationMs`
+
+Set delay before long tap will activate gesture. May be useful to increase this value in lists
+
+| type    | default | required |
+| ------- | ------- | -------- |
+| number  | 150     | NO       |
+
+#### Example
+
+```tsx
+<HoldItem longPressMinDurationMs={250} />
+```