refactor: remove showReactions and showPreview props, enforce single-level nesting

- Remove showReactions prop - reactions now show automatically when array provided
- Remove non-functional showPreview prop entirely
- Enforce maximum menu nesting depth of 1 level (parent -> child only)
- Add comprehensive test coverage for gesture handling and validation
- Simplify example app with clear demonstrations of all features
- Add tap passthrough examples showing TouchableOpacity works inside menu
- Update TypeScript types and native modules (iOS/Android)
- Delete unnecessary SECURITY_REVIEW.md and CHANGELOG.md files

BREAKING CHANGE: showReactions and showPreview props removed, menu nesting limited to 1 level

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>

Author: shottah

CHANGELOG.md

@@ -76,7 +76,6 @@ function MyComponent() {
 ```tsx
 <ExpoFocusMenuView
   items={menuItems}
-  showReactions={true}
   reactions={['👍', '❤️', '😂', '🔥', '💯']}
   onReactionPress={({ emoji, selected }) => {
     console.log(`Emoji ${emoji} was ${selected ? 'selected' : 'deselected'}`);
@@ -113,8 +112,6 @@ const menuItems = [
 ```tsx
 <ExpoFocusMenuView
   items={menuItems}
-  triggerMode="tap"           // 'tap' or 'longPress' (default)
-  showPreview={true}           // Show content preview on menu
   hapticFeedback={true}        // Enable haptic feedback
   onItemPress={handleItemPress}
   onMenuShow={() => console.log('Menu opened')}
@@ -133,11 +130,8 @@ const menuItems = [
 | `items` | `FocusMenuItem[]` | Array of menu items to display | Required |
 | `onItemPress` | `(itemId: string) => void` | Callback when menu item is selected | Required |
 | `children` | `ReactNode` | Content to wrap with menu | Required |
-| `triggerMode` | `'longPress' \| 'tap'` | How to trigger the menu | `'longPress'` |
-| `showPreview` | `boolean` | Show content preview in menu (iOS 13+) | `false` |
 | `hapticFeedback` | `boolean` | Enable haptic feedback | `false` |
-| `showReactions` | `boolean` | Show emoji reaction picker | `false` |
-| `reactions` | `string[]` | Custom emoji reactions | Default set |
+| `reactions` | `string[]` | Emoji reactions to display (none if omitted) | - |
 | `onReactionPress` | `(data: {emoji: string, selected: boolean}) => void` | Reaction selection callback | - |
 | `onMenuShow` | `() => void` | Menu shown callback | - |
 | `onMenuDismiss` | `() => void` | Menu dismissed callback | - |

README.md

@@ -58,18 +58,10 @@ class ExpoFocusMenuModule : Module() {
         view.updateTriggerMode()
       }
 
-      Prop("showPreview") { view, show: Boolean ->
-        view.showPreview = show
-      }
-
       Prop("hapticFeedback") { view, enabled: Boolean ->
         view.hapticFeedback = enabled
       }
 
-      Prop("showReactions") { view, show: Boolean ->
-        view.showReactions = show
-      }
-
       Prop("reactions") { view, emojis: List<String>? ->
         view.reactions = emojis ?: emptyList()
       }

SECURITY_REVIEW.md

@@ -25,7 +25,6 @@ import expo.modules.kotlin.views.ExpoView
 class ExpoFocusMenuView(context: Context, appContext: AppContext) : ExpoView(context, appContext) {
     companion object {
         private const val TAG = "ExpoFocusMenuView"
-        private val DEFAULT_EMOJIS = listOf("😀", "😂", "❤️", "👍", "🔥", "💯", "😍", "🎉", "👏", "✨")
     }
 
     // Event dispatchers
@@ -37,12 +36,10 @@ class ExpoFocusMenuView(context: Context, appContext: AppContext) : ExpoView(con
     // Properties from JS
     var menuItems: List<Map<String, Any>> = emptyList()
     var triggerMode: String = "longPress"
-    var showPreview: Boolean = false
     var hapticFeedback: Boolean = false
-    var showReactions: Boolean = false
-    var reactions: List<String> = DEFAULT_EMOJIS
+    var reactions: List<String> = emptyList()
         set(value) {
-            field = value.ifEmpty { DEFAULT_EMOJIS }
+            field = value
             // Log.d(TAG, "Reactions updated: ${field.size} items")
             emojiPickerAdapter?.updateEmojis(field)
         }
@@ -75,7 +72,7 @@ class ExpoFocusMenuView(context: Context, appContext: AppContext) : ExpoView(con
                 setOnClickListener {
                     if (hapticFeedback) provideHapticFeedback()
                     showContextMenu()
-                    if (showReactions) showEmojiPicker()
+                    if (reactions.isNotEmpty()) showEmojiPicker()
                 }
                 setOnLongClickListener(null)
             }
@@ -84,7 +81,7 @@ class ExpoFocusMenuView(context: Context, appContext: AppContext) : ExpoView(con
                 setOnLongClickListener {
                     if (hapticFeedback) provideHapticFeedback()
                     showContextMenu()
-                    if (showReactions) showEmojiPicker()
+                    if (reactions.isNotEmpty()) showEmojiPicker()
                     true
                 }
             }