From 9bce8d74c95942d4968cee7a0b1dae7f50ba555a Mon Sep 17 00:00:00 2001
From: Zoe Roux <zoe.roux@zoriya.dev>
Date: Thu, 30 Nov 2023 17:31:38 +0100
Subject: [PATCH] Fix tab index of interactive base

---
 front/components/UI/InteractiveBase.tsx |  1 +
 front/rnw.d.ts                          | 32 +++++++++++++++++++++++++
 2 files changed, 33 insertions(+)
 create mode 100644 front/rnw.d.ts

diff --git a/front/components/UI/InteractiveBase.tsx b/front/components/UI/InteractiveBase.tsx
index fb2370f..4bf7288 100644
--- a/front/components/UI/InteractiveBase.tsx
+++ b/front/components/UI/InteractiveBase.tsx
@@ -242,6 +242,7 @@ const InteractiveBase: React.FC<InteractiveBaseProps> = ({
 		<Animated.View style={[style, isDisabled ? disableStyle : animatedStyle]}>
 			<Pressable
 				focusable={focusable}
+				tabIndex={focusable ? 0 : -1}
 				disabled={isDisabled}
 				onHoverIn={handleMouseEnter}
 				onPressIn={handlePressIn}
diff --git a/front/rnw.d.ts b/front/rnw.d.ts
new file mode 100644
index 0000000..09b2839
--- /dev/null
+++ b/front/rnw.d.ts
@@ -0,0 +1,32 @@
+import React from "react";
+import "react-native";
+
+declare module "react-native" {
+	interface PressableStateCallbackType {
+		hovered?: boolean;
+		focused?: boolean;
+	}
+	interface AccessibilityProps {
+		tabIndex?: number;
+	}
+	interface ViewStyle {
+		transitionProperty?: string;
+		transitionDuration?: string;
+	}
+	interface TextProps {
+		href?: string;
+		hrefAttrs?: {
+			rel?: "noreferrer";
+			target?: string;
+		};
+	}
+	interface ViewProps {
+		dataSet?: Record<string, string>;
+		href?: string;
+		hrefAttrs?: {
+			rel: "noreferrer";
+			target?: "_blank";
+		};
+		onClick?: (e: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => void;
+	}
+}