expo-native-sheet-emojis 1.6.0 → 1.8.0

package/README.md

@@ -306,6 +306,7 @@ A declarative React component that renders the emoji picker inline.
 | Prop | Type | Default | Description |
 |-|-|-|-|
 | onEmojiSelected | `(emoji: string) => void` | required | Called when an emoji is tapped |
+| onDismiss | `() => void` | -- | Called when the picker is dismissed (View API only, not Embedded view) |
 | theme | `EmojiSheetTheme \| 'dark' \| 'light' \| 'system'` | `'light'` | Theme configuration |
 | translations | `EmojiSheetTranslations` | -- | Localized strings |
 | categoryBarPosition | `'top' \| 'bottom'` | `'top'` | Position of the category tab bar |

package/android/build.gradle

@@ -44,7 +44,7 @@ android {
     dependencies {
         implementation "androidx.recyclerview:recyclerview:1.3.2"
         implementation "androidx.appcompat:appcompat:1.6.1"
-        implementation "com.google.android.material:material:1.11.0"
+        implementation "com.google.android.material:material:1.12.0"
         implementation "androidx.emoji2:emoji2:1.6.0"
         implementation "androidx.emoji2:emoji2-views-helper:1.6.0"
     }

package/android/src/main/java/expo/community/modules/emojisheet/EmojiCategoryStrip.kt

@@ -81,6 +81,13 @@ class EmojiCategoryStrip(
         adapter.notifyDataSetChanged()
     }
 
+    fun applyLayoutDirection(direction: Int) {
+        layoutDirection = direction
+        recyclerView.layoutDirection = direction
+        dividerView.layoutDirection = direction
+        recyclerView.adapter?.notifyDataSetChanged()
+    }
+
     private inner class CategoryAdapter : RecyclerView.Adapter<CategoryAdapter.VH>() {
 
         inner class VH(val container: FrameLayout) : RecyclerView.ViewHolder(container) {

package/android/src/main/java/expo/community/modules/emojisheet/EmojiGridAdapter.kt

@@ -69,6 +69,9 @@ class EmojiGridAdapter(
                 val tv = TextView(parent.context).apply {
                     setTextSize(TypedValue.COMPLEX_UNIT_SP, 14f)
                     typeface = Typeface.create(Typeface.DEFAULT, Typeface.BOLD)
+                    gravity = Gravity.START or Gravity.CENTER_VERTICAL
+                    textAlignment = View.TEXT_ALIGNMENT_VIEW_START
+                    textDirection = View.TEXT_DIRECTION_LOCALE
                     val pad = (16 * density).toInt()
                     setPadding(pad, pad, pad, (8 * density).toInt())
                     layoutParams = RecyclerView.LayoutParams(

package/android/src/main/java/expo/community/modules/emojisheet/EmojiSearchBar.kt

@@ -53,7 +53,7 @@ class EmojiSearchBar(
         layoutParams = lp
 
         searchIcon = ImageView(context).apply {
-            setImageResource(android.R.drawable.ic_menu_search)
+            setImageResource(R.drawable.ic_search)
             scaleType = ImageView.ScaleType.CENTER_INSIDE
             val iconLp = LayoutParams(iconWidth, LayoutParams.MATCH_PARENT)
             layoutParams = iconLp
@@ -85,6 +85,8 @@ class EmojiSearchBar(
             setBackgroundColor(0x00000000)
             hint = "Search emoji"
             setSingleLine(true)
+            textDirection = View.TEXT_DIRECTION_LOCALE
+            textAlignment = View.TEXT_ALIGNMENT_VIEW_START
             imeOptions = EditorInfo.IME_ACTION_SEARCH
             setTextSize(TypedValue.COMPLEX_UNIT_SP, 15f)
             setPadding((4 * density).toInt(), 0, clearSize + clearMarginEnd, 0)

package/android/src/main/java/expo/community/modules/emojisheet/EmojiSheetContentView.kt

@@ -13,6 +13,7 @@ class EmojiSheetContentView(
 ) : ExpoView(context, appContext) {
 
     private val onEmojiSelected by EventDispatcher()
+    private val onDismiss by EventDispatcher()
     private val pickerView = EmojiSheetUIView(context)
 
     init {
@@ -37,6 +38,10 @@ class EmojiSheetContentView(
         pickerView.applyConfiguration()
     }
 
+    fun updateLayoutDirection(direction: String) {
+        pickerView.layoutDirectionProp = direction
+    }
+
     fun updateColumns(columns: Int) {
         pickerView.columns = columns
         pickerView.applyConfiguration()

package/android/src/main/java/expo/community/modules/emojisheet/EmojiSheetModule.kt

@@ -76,6 +76,9 @@ class EmojiSheetModule : Module() {
                 Prop("categoryBarPosition") { view: EmojiSheetContentView, position: String? ->
                     view.updateCategoryBarPosition(position ?: "top")
                 }
+                Prop("layoutDirection") { view: EmojiSheetContentView, direction: String? ->
+                    view.updateLayoutDirection(direction ?: "auto")
+                }
                 Prop("columns") { view: EmojiSheetContentView, columns: Int? ->
                     view.updateColumns(columns ?: 7)
                 }
@@ -112,7 +115,7 @@ class EmojiSheetModule : Module() {
                 Prop("excludeEmojis") { view: EmojiSheetContentView, ids: List<String>? ->
                     view.updateExcludeEmojis(ids ?: emptyList())
                 }
-                Events("onEmojiSelected")
+                Events("onEmojiSelected", "onDismiss")
             }
         }
 
@@ -143,6 +146,7 @@ class EmojiSheetModule : Module() {
         val gestureEnabled = options["gestureEnabled"] as? Boolean ?: true
         val backdropOpacity = (options["backdropOpacity"] as? Number)?.toFloat() ?: if (isDark) 0.4f else 0.22f
         val categoryBarPosition = options["categoryBarPosition"] as? String ?: "top"
+        val layoutDirection = options["layoutDirection"] as? String ?: "auto"
         @Suppress("UNCHECKED_CAST")
         val categoryNames = options["categoryNames"] as? Map<String, String>
         @Suppress("UNCHECKED_CAST")
@@ -202,6 +206,7 @@ class EmojiSheetModule : Module() {
         pickerView.enableAnimations = enableAnimations
         pickerView.recentLimit = recentLimit
         pickerView.categoryBarPosition = categoryBarPosition
+        pickerView.layoutDirectionProp = layoutDirection
         pickerView.categoryNames = categoryNames
         pickerView.excludeEmojis = excludeEmojis
         (options["searchPlaceholder"] as? String)?.let { pickerView.searchPlaceholder = it }
@@ -221,6 +226,7 @@ class EmojiSheetModule : Module() {
         }
         pickerView.onSearchFocused = { hasFocus ->
             if (hasFocus) {
+                pickerView.setSheetExpansionInProgress(true)
                 bottomSheet.behavior.state = BottomSheetBehavior.STATE_EXPANDED
             } else {
                 bottomSheet.behavior.state = BottomSheetBehavior.STATE_HALF_EXPANDED
@@ -228,6 +234,7 @@ class EmojiSheetModule : Module() {
         }
         pickerView.onScrollIntentUp = {
             if (bottomSheet.behavior.state != BottomSheetBehavior.STATE_EXPANDED) {
+                pickerView.setSheetExpansionInProgress(true)
                 bottomSheet.behavior.state = BottomSheetBehavior.STATE_EXPANDED
             }
         }
@@ -316,6 +323,17 @@ class EmojiSheetModule : Module() {
             skipCollapsed = false
             isFitToContents = false
             isDraggable = gestureEnabled
+            addBottomSheetCallback(object : BottomSheetBehavior.BottomSheetCallback() {
+                override fun onStateChanged(bottomSheet: View, newState: Int) {
+                    pickerView.setSheetExpanded(newState == BottomSheetBehavior.STATE_EXPANDED)
+                    pickerView.setSheetExpansionInProgress(
+                        newState == BottomSheetBehavior.STATE_DRAGGING ||
+                            newState == BottomSheetBehavior.STATE_SETTLING
+                    )
+                }
+
+                override fun onSlide(bottomSheet: View, slideOffset: Float) = Unit
+            })
         }
 
         bottomSheet.setOnDismissListener {

package/android/src/main/java/expo/community/modules/emojisheet/EmojiSheetUIView.kt

@@ -83,6 +83,11 @@ class EmojiSheetUIView(context: Context) : LinearLayout(context) {
     var enableAnimations: Boolean = false
     var recentLimit: Int = 30
     var categoryBarPosition: String = "top"
+    var layoutDirectionProp: String = "auto"
+        set(value) {
+            field = value
+            applyLayoutDirection()
+        }
     var categoryNames: Map<String, String>? = null
     @Volatile
     var excludeEmojis: Set<String> = emptySet()
@@ -97,6 +102,7 @@ class EmojiSheetUIView(context: Context) : LinearLayout(context) {
     private val recyclerView: RecyclerView
     private val gridAdapter: EmojiGridAdapter
     private val gridLayoutManager: GridLayoutManager
+    private val stickyHeaderDecoration: StickyHeaderDecoration
     private val emptyStateLabel: TextView
     private val contentFrame: FrameLayout
 
@@ -108,6 +114,8 @@ class EmojiSheetUIView(context: Context) : LinearLayout(context) {
     private var initialTouchY = 0f
     private var lastTopPullDragDistance = 0f
     private var isHandlingTopPullDrag = false
+    private var isSheetExpanded = false
+    private var isSheetExpansionInProgress = false
     private val touchSlop = ViewConfiguration.get(context).scaledTouchSlop.toFloat()
     private var velocityTracker: VelocityTracker? = null
     private var topPullStartY: Float? = null
@@ -156,6 +164,8 @@ class EmojiSheetUIView(context: Context) : LinearLayout(context) {
         recyclerView = RecyclerView(context).apply {
             layoutManager = gridLayoutManager
             adapter = gridAdapter
+            stickyHeaderDecoration = StickyHeaderDecoration(gridAdapter, currentTheme.backgroundColor)
+            addItemDecoration(stickyHeaderDecoration)
             setHasFixedSize(false)
             overScrollMode = View.OVER_SCROLL_NEVER
             isNestedScrollingEnabled = true
@@ -173,6 +183,10 @@ class EmojiSheetUIView(context: Context) : LinearLayout(context) {
                             lastTopPullDragDistance = 0f
                             isHandlingTopPullDrag = false
                             topPullStartY = null
+                            if (isSheetExpansionInProgress) {
+                                rv.stopScroll()
+                                return true
+                            }
                         }
                         android.view.MotionEvent.ACTION_UP,
                         android.view.MotionEvent.ACTION_CANCEL -> {
@@ -187,12 +201,28 @@ class EmojiSheetUIView(context: Context) : LinearLayout(context) {
                             topPullStartY = null
                             velocityTracker?.recycle()
                             velocityTracker = null
+                            if (isSheetExpansionInProgress) {
+                                rv.stopScroll()
+                                return true
+                            }
                         }
                     }
 
                     if (e.actionMasked == android.view.MotionEvent.ACTION_MOVE) {
+                        if (isSheetExpansionInProgress) {
+                            rv.stopScroll()
+                            return true
+                        }
+
                         val deltaY = e.y - initialTouchY
                         val isAtTop = !rv.canScrollVertically(-1)
+                        if (!isSheetExpanded && deltaY < -touchSlop && !didTriggerExpandForCurrentDrag) {
+                            didTriggerExpandForCurrentDrag = true
+                            isSheetExpansionInProgress = true
+                            rv.stopScroll()
+                            onScrollIntentUp?.invoke()
+                            return true
+                        }
                         if (isHandlingTopPullDrag) {
                             rv.parent?.requestDisallowInterceptTouchEvent(true)
                             rv.stopScroll()
@@ -232,6 +262,11 @@ class EmojiSheetUIView(context: Context) : LinearLayout(context) {
             }
 
             override fun onScrolled(rv: RecyclerView, dx: Int, dy: Int) {
+                if (!isSheetExpanded) {
+                    rv.stopScroll()
+                    return
+                }
+
                 if (dy > 0 && rv.scrollState != RecyclerView.SCROLL_STATE_IDLE && !didTriggerExpandForCurrentDrag) {
                     didTriggerExpandForCurrentDrag = true
                     onScrollIntentUp?.invoke()
@@ -274,6 +309,21 @@ class EmojiSheetUIView(context: Context) : LinearLayout(context) {
         addView(contentFrame)
 
         applyTheme(currentTheme)
+        applyLayoutDirection()
+    }
+
+    fun setSheetExpanded(expanded: Boolean) {
+        isSheetExpanded = expanded
+        if (expanded) {
+            isSheetExpansionInProgress = false
+        }
+    }
+
+    fun setSheetExpansionInProgress(inProgress: Boolean) {
+        isSheetExpansionInProgress = inProgress
+        if (inProgress) {
+            recyclerView.stopScroll()
+        }
     }
 
     /** Call after setting configurable properties but before loadDataAsync to apply layout changes. */
@@ -411,9 +461,28 @@ class EmojiSheetUIView(context: Context) : LinearLayout(context) {
         categoryStrip.applyTheme(theme)
         gridAdapter.updateTheme(theme)
         recyclerView.setBackgroundColor(theme.backgroundColor)
+        stickyHeaderDecoration.backgroundColor = theme.backgroundColor
+        stickyHeaderDecoration.invalidateCache()
         emptyStateLabel.setTextColor(theme.textSecondaryColor)
     }
 
+    private fun applyLayoutDirection() {
+        val dir = when (layoutDirectionProp) {
+            "rtl" -> View.LAYOUT_DIRECTION_RTL
+            "ltr" -> View.LAYOUT_DIRECTION_LTR
+            else -> View.LAYOUT_DIRECTION_LOCALE
+        }
+
+        layoutDirection = dir
+        searchBar.layoutDirection = dir
+        categoryStrip.applyLayoutDirection(dir)
+        recyclerView.layoutDirection = dir
+        contentFrame.layoutDirection = dir
+        stickyHeaderDecoration.invalidateCache()
+        recyclerView.invalidateItemDecorations()
+        requestLayout()
+    }
+
     private fun buildCategoryKeys(): List<String> {
         val keys = mutableListOf<String>()
         if (showRecents && getFrequentlyUsed().isNotEmpty()) {
@@ -473,6 +542,7 @@ class EmojiSheetUIView(context: Context) : LinearLayout(context) {
         }
 
         gridAdapter.setItems(items, sectionPositions)
+        stickyHeaderDecoration.invalidateCache()
 
         // Rebuild category keys in case frequently_used changed
         val newKeys = buildCategoryKeys()
@@ -500,6 +570,7 @@ class EmojiSheetUIView(context: Context) : LinearLayout(context) {
             addView(categoryStrip, index)
         }
         categoryStrip.applyTheme(currentTheme)
+        applyLayoutDirection()
     }
 
     private fun resolveSkinTone(baseEmoji: String, emojiId: String, toneEnabled: Boolean): String {

package/android/src/main/java/expo/community/modules/emojisheet/StickyHeaderDecoration.kt

@@ -0,0 +1,95 @@
+package expo.community.modules.emojisheet
+
+import android.graphics.Canvas
+import android.view.View
+import android.view.ViewGroup
+import android.widget.TextView
+import androidx.recyclerview.widget.RecyclerView
+
+class StickyHeaderDecoration(
+    private val adapter: EmojiGridAdapter,
+    var backgroundColor: Int = 0
+) : RecyclerView.ItemDecoration() {
+
+    private var cachedHeaderPosition: Int = RecyclerView.NO_POSITION
+    private var cachedHeaderView: View? = null
+    private var cachedParentWidth: Int = 0
+
+    override fun onDrawOver(c: Canvas, parent: RecyclerView, state: RecyclerView.State) {
+        val topChild = parent.getChildAt(0) ?: return
+        val topPosition = parent.getChildAdapterPosition(topChild)
+        if (topPosition == RecyclerView.NO_POSITION) return
+
+        val headerPosition = findHeaderPositionBefore(topPosition)
+        if (headerPosition == RecyclerView.NO_POSITION) return
+
+        val headerView = getHeaderView(parent, headerPosition)
+
+        val nextHeaderPosition = findNextHeaderPosition(topPosition)
+        if (nextHeaderPosition != RecyclerView.NO_POSITION) {
+            val nextHeaderView = parent.findViewHolderForAdapterPosition(nextHeaderPosition)?.itemView
+            if (nextHeaderView != null && nextHeaderView.top < headerView.height) {
+                val offset = maxOf(0f, (nextHeaderView.top - headerView.height).toFloat())
+                c.save()
+                c.translate(0f, offset)
+                headerView.draw(c)
+                c.restore()
+                return
+            }
+        }
+
+        c.save()
+        c.translate(0f, 0f)
+        headerView.draw(c)
+        c.restore()
+    }
+
+    private fun getHeaderView(parent: RecyclerView, position: Int): View {
+        if (position == cachedHeaderPosition && cachedHeaderView != null && cachedParentWidth == parent.width) {
+            return cachedHeaderView!!
+        }
+        val holder = adapter.createViewHolder(parent, EmojiGridAdapter.VIEW_TYPE_HEADER)
+        adapter.bindViewHolder(holder, position)
+        val view = holder.itemView
+        view.layoutDirection = parent.layoutDirection
+        if (view is TextView) {
+            view.textAlignment = View.TEXT_ALIGNMENT_VIEW_START
+            view.textDirection = View.TEXT_DIRECTION_LOCALE
+        }
+        if (backgroundColor != 0) {
+            view.setBackgroundColor(backgroundColor)
+        }
+        fixLayoutSize(parent, view)
+        cachedHeaderPosition = position
+        cachedHeaderView = view
+        cachedParentWidth = parent.width
+        return view
+    }
+
+    fun invalidateCache() {
+        cachedHeaderPosition = RecyclerView.NO_POSITION
+        cachedHeaderView = null
+    }
+
+    private fun findHeaderPositionBefore(pos: Int): Int {
+        for (i in pos downTo 0) {
+            if (adapter.getItemViewType(i) == EmojiGridAdapter.VIEW_TYPE_HEADER) return i
+        }
+        return RecyclerView.NO_POSITION
+    }
+
+    private fun findNextHeaderPosition(pos: Int): Int {
+        val count = adapter.itemCount
+        for (i in (pos + 1) until count) {
+            if (adapter.getItemViewType(i) == EmojiGridAdapter.VIEW_TYPE_HEADER) return i
+        }
+        return RecyclerView.NO_POSITION
+    }
+
+    private fun fixLayoutSize(parent: ViewGroup, view: View) {
+        val widthSpec = View.MeasureSpec.makeMeasureSpec(parent.width, View.MeasureSpec.EXACTLY)
+        val heightSpec = View.MeasureSpec.makeMeasureSpec(parent.height, View.MeasureSpec.UNSPECIFIED)
+        view.measure(widthSpec, heightSpec)
+        view.layout(0, 0, view.measuredWidth, view.measuredHeight)
+    }
+}

package/android/src/main/res/drawable/ic_search.xml

@@ -0,0 +1,9 @@
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+    <path
+        android:fillColor="#000000"
+        android:pathData="M15.5,14h-0.79l-0.28,-0.27C15.41,12.59 16,11.11 16,9.5 16,5.91 13.09,3 9.5,3S3,5.91 3,9.5 5.91,16 9.5,16c1.61,0 3.09,-0.59 4.23,-1.57l0.27,0.28v0.79l5,4.99L20.49,19l-4.99,-5zM9.5,14C7.01,14 5,11.99 5,9.5S7.01,5 9.5,5 14,7.01 14,9.5 11.99,14 9.5,14z"/>
+</vector>

package/ios/EmojiCategoryStrip.swift

@@ -82,6 +82,12 @@ class EmojiCategoryStrip: UIView, UICollectionViewDataSource, UICollectionViewDe
         collectionView.reloadData()
     }
 
+    func applyLayoutDirection(_ attribute: UISemanticContentAttribute) {
+        semanticContentAttribute = attribute
+        collectionView.semanticContentAttribute = attribute
+        collectionView.collectionViewLayout.invalidateLayout()
+    }
+
     func selectCategory(at index: Int) {
         guard !isSearchActive, index != selectedIndex, index >= 0, index < categoryKeys.count else { return }
         selectedIndex = index

package/ios/EmojiGridView.swift

@@ -28,6 +28,7 @@ class EmojiGridView: UIView, UICollectionViewDataSource, UICollectionViewDelegat
     private var sections: [EmojiSection] = []
     private var categoryNames: [String: String] = [:]
     private var currentTheme: EmojiSheetTheme = .light
+    private var headerTextAlignment: NSTextAlignment = .left
     private var collectionView: UICollectionView!
     private var skinTonePicker: EmojiSkinTonePicker?
     private var isScrollingProgrammatically = false
@@ -128,6 +129,16 @@ class EmojiGridView: UIView, UICollectionViewDataSource, UICollectionViewDelegat
         collectionView.reloadData()
     }
 
+    func applyLayoutDirection(_ attribute: UISemanticContentAttribute) {
+        semanticContentAttribute = attribute
+        collectionView.semanticContentAttribute = attribute
+        headerTextAlignment = UIView.userInterfaceLayoutDirection(for: attribute) == .rightToLeft
+            ? .right
+            : .left
+        collectionView.collectionViewLayout.invalidateLayout()
+        collectionView.reloadData()
+    }
+
     private func indicatorStyle(for theme: EmojiSheetTheme) -> UIScrollView.IndicatorStyle {
         let backgroundBrightness = theme.backgroundColor.resolvedColor(with: traitCollection).perceivedBrightness
         return backgroundBrightness < 0.5 ? .white : .black
@@ -227,7 +238,7 @@ class EmojiGridView: UIView, UICollectionViewDataSource, UICollectionViewDelegat
         ) as! SectionHeaderView
         let title = sections[indexPath.section].title
         let displayName = categoryNames[title] ?? title.replacingOccurrences(of: "_", with: " ").capitalized
-        header.configure(title: displayName, theme: currentTheme)
+        header.configure(title: displayName, theme: currentTheme, textAlignment: headerTextAlignment)
         header.isAccessibilityElement = true
         header.accessibilityLabel = displayName
         return header
@@ -491,6 +502,7 @@ private class SectionHeaderView: UICollectionReusableView {
         super.init(frame: frame)
         titleLabel.translatesAutoresizingMaskIntoConstraints = false
         titleLabel.font = .systemFont(ofSize: 14, weight: .bold)
+        titleLabel.textAlignment = .natural
         addSubview(titleLabel)
         NSLayoutConstraint.activate([
             titleLabel.leadingAnchor.constraint(equalTo: leadingAnchor, constant: 4),
@@ -503,8 +515,9 @@ private class SectionHeaderView: UICollectionReusableView {
         fatalError("init(coder:) has not been implemented")
     }
 
-    func configure(title: String, theme: EmojiSheetTheme) {
+    func configure(title: String, theme: EmojiSheetTheme, textAlignment: NSTextAlignment) {
         titleLabel.text = title
+        titleLabel.textAlignment = textAlignment
         titleLabel.textColor = theme.textSecondaryColor
         backgroundColor = theme.backgroundColor
     }

package/ios/EmojiSearchBar.swift

@@ -41,6 +41,7 @@ class EmojiSearchBar: UIView, UITextFieldDelegate {
         textField.placeholder = "Search emoji"
         textField.borderStyle = .none
         textField.font = .systemFont(ofSize: 16)
+        textField.textAlignment = .natural
         textField.returnKeyType = .search
         textField.autocorrectionType = .no
         textField.autocapitalizationType = .none
@@ -96,6 +97,17 @@ class EmojiSearchBar: UIView, UITextFieldDelegate {
         textField.tintColor = theme.selectionColor
     }
 
+    func applyLayoutDirection(_ attribute: UISemanticContentAttribute) {
+        semanticContentAttribute = attribute
+        containerView.semanticContentAttribute = attribute
+        iconView.semanticContentAttribute = attribute
+        textField.semanticContentAttribute = attribute
+        clearButton.semanticContentAttribute = attribute
+        textField.textAlignment = UIView.userInterfaceLayoutDirection(for: attribute) == .rightToLeft
+            ? .right
+            : .left
+    }
+
     @objc private func textFieldDidChange() {
         updateClearButtonVisibility()
         debounceTimer?.invalidate()

package/ios/EmojiSheetContentView.swift

@@ -21,6 +21,7 @@ struct EmojiSection {
 
 class EmojiSheetContentView: ExpoView, EmojiSheetUIViewDelegate {
     let onEmojiSelected = EventDispatcher()
+    let onDismiss = EventDispatcher()
     private let pickerView = EmojiSheetUIView()
 
     required init(appContext: AppContext? = nil) {
@@ -49,6 +50,10 @@ class EmojiSheetContentView: ExpoView, EmojiSheetUIViewDelegate {
         pickerView.categoryBarPosition = position
     }
 
+    func updateLayoutDirection(_ direction: String) {
+        pickerView.layoutDirection = direction
+    }
+
     func updateColumns(_ columns: Int) {
         pickerView.columns = columns
     }

package/ios/EmojiSheetModule.podspec

@@ -1,6 +1,6 @@
 Pod::Spec.new do |s|
   s.name           = 'EmojiSheetModule'
-  s.version        = '1.6.0'
+  s.version        = '1.8.0'
   s.summary        = 'Native emoji picker bottom sheet for React Native'
   s.description    = 'A fully native iOS/Android emoji picker presented in a bottom sheet with search, skin tones, and theming support.'
   s.author         = ''

package/ios/EmojiSheetModule.swift

@@ -48,6 +48,9 @@ public class EmojiSheetModule: Module {
             Prop("categoryBarPosition") { (view, position: String?) in
                 view.updateCategoryBarPosition(position ?? "top")
             }
+            Prop("layoutDirection") { (view, direction: String?) in
+                view.updateLayoutDirection(direction ?? "auto")
+            }
             Prop("columns") { (view, columns: Int?) in
                 view.updateColumns(columns ?? 7)
             }
@@ -84,7 +87,7 @@ public class EmojiSheetModule: Module {
             Prop("excludeEmojis") { (view, ids: [String]?) in
                 view.updateExcludeEmojis(ids ?? [])
             }
-            Events("onEmojiSelected")
+            Events("onEmojiSelected", "onDismiss")
         }
     }
 
@@ -123,6 +126,7 @@ public class EmojiSheetModule: Module {
         let gestureEnabled = (options["gestureEnabled"] as? Bool) ?? true
         let backdropOpacity = options["backdropOpacity"] as? Double ?? (isDark ? 0.4 : 0.22)
         let categoryBarPosition = (options["categoryBarPosition"] as? String) ?? "top"
+        let layoutDirection = (options["layoutDirection"] as? String) ?? "auto"
         let categoryNames = options["categoryNames"] as? [String: String]
         let excludeEmojis = Set((options["excludeEmojis"] as? [String]) ?? [])
 
@@ -187,6 +191,7 @@ public class EmojiSheetModule: Module {
         pickerView.enableAnimations = enableAnimations
         pickerView.recentLimit = recentLimit
         pickerView.categoryBarPosition = categoryBarPosition
+        pickerView.layoutDirection = layoutDirection
         pickerView.categoryNames = categoryNames
         pickerView.excludeEmojis = excludeEmojis
         pickerView.applyCustomTheme(customTheme)

package/ios/EmojiSheetUIView.swift

@@ -68,6 +68,9 @@ class EmojiSheetUIView: UIView,
     var categoryBarPosition: String = "top" {
         didSet { if categoryBarPosition != oldValue { configureLayout() } }
     }
+    var layoutDirection: String = "auto" {
+        didSet { applyLayoutDirection() }
+    }
     var categoryNames: [String: String]?
     var excludeEmojis: Set<String> = []
 
@@ -150,6 +153,24 @@ class EmojiSheetUIView: UIView,
         gridView.delegate = self
 
         configureLayout()
+        applyLayoutDirection()
+    }
+
+    private func applyLayoutDirection() {
+        let attribute: UISemanticContentAttribute
+        switch layoutDirection {
+        case "rtl":
+            attribute = .forceRightToLeft
+        case "ltr":
+            attribute = .forceLeftToRight
+        default:
+            attribute = .unspecified
+        }
+
+        semanticContentAttribute = attribute
+        searchBar.applyLayoutDirection(attribute)
+        categoryStrip.applyLayoutDirection(attribute)
+        gridView.applyLayoutDirection(attribute)
     }
 
     private func configureLayout() {

package/lib/commonjs/EmojiSheetModule.js

@@ -40,6 +40,7 @@ function flattenOptions(options) {
   }
 
   // Layout & behavior
+  if (options.layoutDirection) flat.layoutDirection = options.layoutDirection;
   if (options.snapPoints) flat.snapPoints = options.snapPoints;
   if (options.categoryBarPosition) flat.categoryBarPosition = options.categoryBarPosition;
   if (options.columns != null) flat.columns = options.columns;

package/lib/commonjs/EmojiSheetModule.js.map

@@ -1 +1 @@
-{"version":3,"names":["_expo","require","flattenOptions","options","flat","theme","backgroundColor","searchBarBackgroundColor","textColor","textSecondaryColor","accentColor","dividerColor","searchTextColor","placeholderTextColor","selectionColor","categoryIconColor","categoryActiveIconColor","categoryActiveBackgroundColor","handleColor","categoryBarBackgroundColor","translations","searchPlaceholder","noResultsText","categoryNames","snapPoints","categoryBarPosition","columns","emojiSize","recentLimit","showSearch","showRecents","enableSkinTones","enableHaptics","enableAnimations","gestureEnabled","backdropOpacity","excludeEmojis","NativeEmojiSheet","requireNativeModule","_default","exports","default","present","dismiss","clearRecents","clearSkinTonePreferences"],"sourceRoot":"../../src","sources":["EmojiSheetModule.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_expo","require","flattenOptions","options","flat","theme","backgroundColor","searchBarBackgroundColor","textColor","textSecondaryColor","accentColor","dividerColor","searchTextColor","placeholderTextColor","selectionColor","categoryIconColor","categoryActiveIconColor","categoryActiveBackgroundColor","handleColor","categoryBarBackgroundColor","translations","searchPlaceholder","noResultsText","categoryNames","layoutDirection","snapPoints","categoryBarPosition","columns","emojiSize","recentLimit","showSearch","showRecents","enableSkinTones","enableHaptics","enableAnimations","gestureEnabled","backdropOpacity","excludeEmojis","NativeEmojiSheet","requireNativeModule","_default","exports","default","present","dismiss","clearRecents","clearSkinTonePreferences"],"sourceRoot":"../../src","sources":["EmojiSheetModule.ts"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/EmojiSheetView.js

@@ -9,8 +9,10 @@ var _jsxRuntime = require("react/jsx-runtime");
 const NativeView = (0, _expo.requireNativeView)('EmojiSheet');
 function EmojiSheetView({
   onEmojiSelected,
+  onDismiss,
   theme,
   translations,
+  layoutDirection,
   categoryBarPosition,
   columns,
   emojiSize,
@@ -32,6 +34,7 @@ function EmojiSheetView({
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(NativeView, {
     ...rest,
     theme: resolvedTheme,
+    layoutDirection: layoutDirection,
     categoryBarPosition: categoryBarPosition,
     columns: columns,
     emojiSize: emojiSize,
@@ -49,7 +52,8 @@ function EmojiSheetView({
       nativeEvent
     }) => {
       onEmojiSelected(nativeEvent.emoji);
-    }
+    },
+    onDismiss: onDismiss ? () => onDismiss() : undefined
   });
 }
 //# sourceMappingURL=EmojiSheetView.js.map

package/lib/commonjs/EmojiSheetView.js.map

@@ -1 +1 @@
-{"version":3,"names":["_expo","require","_jsxRuntime","NativeView","requireNativeView","EmojiSheetView","onEmojiSelected","theme","translations","categoryBarPosition","columns","emojiSize","recentLimit","showSearch","showRecents","enableSkinTones","enableHaptics","enableAnimations","excludeEmojis","rest","resolvedTheme","jsx","searchPlaceholder","noResultsText","categoryNames","nativeEvent","emoji"],"sourceRoot":"../../src","sources":["EmojiSheetView.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAAyC,IAAAC,WAAA,GAAAD,OAAA;AAOzC,MAAME,UAA0D,GAC9D,IAAAC,uBAAiB,EAAC,YAAY,CAAC;AAElB,SAASC,cAAcA,CAAC;EACrCC,eAAe;EACfC,KAAK;EACLC,YAAY;EACZC,mBAAmB;EACnBC,OAAO;EACPC,SAAS;EACTC,WAAW;EACXC,UAAU;EACVC,WAAW;EACXC,eAAe;EACfC,aAAa;EACbC,gBAAgB;EAChBC,aAAa;EACb,GAAGC;AACgB,CAAC,EAAE;EACtB,MAAMC,aAAa,GAAG,OAAOb,KAAK,KAAK,QAAQ,GAAG,QAAQ,GAAGA,KAAK;;EAElE;EACA;EACA;;EAEA,oBACE,IAAAL,WAAA,CAAAmB,GAAA,EAAClB,UAAU;IAAA,GACLgB,IAAI;IACRZ,KAAK,EAAEa,aAAc;IACrBX,mBAAmB,EAAEA,mBAAoB;IACzCC,OAAO,EAAEA,OAAQ;IACjBC,SAAS,EAAEA,SAAU;IACrBC,WAAW,EAAEA,WAAY;IACzBC,UAAU,EAAEA,UAAW;IACvBC,WAAW,EAAEA,WAAY;IACzBC,eAAe,EAAEA,eAAgB;IACjCC,aAAa,EAAEA,aAAc;IAC7BC,gBAAgB,EAAEA,gBAAiB;IACnCC,aAAa,EAAEA,aAAc;IAC7BI,iBAAiB,EAAEd,YAAY,EAAEc,iBAAkB;IACnDC,aAAa,EAAEf,YAAY,EAAEe,aAAc;IAC3CC,aAAa,EAAEhB,YAAY,EAAEgB,aAAc;IAC3ClB,eAAe,EAAEA,CAAC;MAAEmB;IAAY,CAAC,KAAK;MACpCnB,eAAe,CAACmB,WAAW,CAACC,KAAK,CAAC;IACpC;EAAE,CACH,CAAC;AAEN","ignoreList":[]}
+{"version":3,"names":["_expo","require","_jsxRuntime","NativeView","requireNativeView","EmojiSheetView","onEmojiSelected","onDismiss","theme","translations","layoutDirection","categoryBarPosition","columns","emojiSize","recentLimit","showSearch","showRecents","enableSkinTones","enableHaptics","enableAnimations","excludeEmojis","rest","resolvedTheme","jsx","searchPlaceholder","noResultsText","categoryNames","nativeEvent","emoji","undefined"],"sourceRoot":"../../src","sources":["EmojiSheetView.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AAAyC,IAAAC,WAAA,GAAAD,OAAA;AAOzC,MAAME,UAA0D,GAC9D,IAAAC,uBAAiB,EAAC,YAAY,CAAC;AAElB,SAASC,cAAcA,CAAC;EACrCC,eAAe;EACfC,SAAS;EACTC,KAAK;EACLC,YAAY;EACZC,eAAe;EACfC,mBAAmB;EACnBC,OAAO;EACPC,SAAS;EACTC,WAAW;EACXC,UAAU;EACVC,WAAW;EACXC,eAAe;EACfC,aAAa;EACbC,gBAAgB;EAChBC,aAAa;EACb,GAAGC;AACgB,CAAC,EAAE;EACtB,MAAMC,aAAa,GAAG,OAAOd,KAAK,KAAK,QAAQ,GAAG,QAAQ,GAAGA,KAAK;;EAElE;EACA;EACA;;EAEA,oBACE,IAAAN,WAAA,CAAAqB,GAAA,EAACpB,UAAU;IAAA,GACLkB,IAAI;IACRb,KAAK,EAAEc,aAAc;IACrBZ,eAAe,EAAEA,eAAgB;IACjCC,mBAAmB,EAAEA,mBAAoB;IACzCC,OAAO,EAAEA,OAAQ;IACjBC,SAAS,EAAEA,SAAU;IACrBC,WAAW,EAAEA,WAAY;IACzBC,UAAU,EAAEA,UAAW;IACvBC,WAAW,EAAEA,WAAY;IACzBC,eAAe,EAAEA,eAAgB;IACjCC,aAAa,EAAEA,aAAc;IAC7BC,gBAAgB,EAAEA,gBAAiB;IACnCC,aAAa,EAAEA,aAAc;IAC7BI,iBAAiB,EAAEf,YAAY,EAAEe,iBAAkB;IACnDC,aAAa,EAAEhB,YAAY,EAAEgB,aAAc;IAC3CC,aAAa,EAAEjB,YAAY,EAAEiB,aAAc;IAC3CpB,eAAe,EAAEA,CAAC;MAAEqB;IAAY,CAAC,KAAK;MACpCrB,eAAe,CAACqB,WAAW,CAACC,KAAK,CAAC;IACpC,CAAE;IACFrB,SAAS,EAAEA,SAAS,GAAG,MAAMA,SAAS,CAAC,CAAC,GAAGsB;EAAU,CACtD,CAAC;AAEN","ignoreList":[]}

package/lib/module/EmojiSheetModule.js

@@ -36,6 +36,7 @@ function flattenOptions(options) {
   }
 
   // Layout & behavior
+  if (options.layoutDirection) flat.layoutDirection = options.layoutDirection;
   if (options.snapPoints) flat.snapPoints = options.snapPoints;
   if (options.categoryBarPosition) flat.categoryBarPosition = options.categoryBarPosition;
   if (options.columns != null) flat.columns = options.columns;

package/lib/module/EmojiSheetModule.js.map

@@ -1 +1 @@
-{"version":3,"names":["NativeModule","requireNativeModule","flattenOptions","options","flat","theme","backgroundColor","searchBarBackgroundColor","textColor","textSecondaryColor","accentColor","dividerColor","searchTextColor","placeholderTextColor","selectionColor","categoryIconColor","categoryActiveIconColor","categoryActiveBackgroundColor","handleColor","categoryBarBackgroundColor","translations","searchPlaceholder","noResultsText","categoryNames","snapPoints","categoryBarPosition","columns","emojiSize","recentLimit","showSearch","showRecents","enableSkinTones","enableHaptics","enableAnimations","gestureEnabled","backdropOpacity","excludeEmojis","NativeEmojiSheet","present","dismiss","clearRecents","clearSkinTonePreferences"],"sourceRoot":"../../src","sources":["EmojiSheetModule.ts"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["NativeModule","requireNativeModule","flattenOptions","options","flat","theme","backgroundColor","searchBarBackgroundColor","textColor","textSecondaryColor","accentColor","dividerColor","searchTextColor","placeholderTextColor","selectionColor","categoryIconColor","categoryActiveIconColor","categoryActiveBackgroundColor","handleColor","categoryBarBackgroundColor","translations","searchPlaceholder","noResultsText","categoryNames","layoutDirection","snapPoints","categoryBarPosition","columns","emojiSize","recentLimit","showSearch","showRecents","enableSkinTones","enableHaptics","enableAnimations","gestureEnabled","backdropOpacity","excludeEmojis","NativeEmojiSheet","present","dismiss","clearRecents","clearSkinTonePreferences"],"sourceRoot":"../../src","sources":["EmojiSheetModule.ts"],"mappings":"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","ignoreList":[]}

package/lib/module/EmojiSheetView.js

@@ -5,8 +5,10 @@ import { jsx as _jsx } from "react/jsx-runtime";
 const NativeView = requireNativeView('EmojiSheet');
 export default function EmojiSheetView({
   onEmojiSelected,
+  onDismiss,
   theme,
   translations,
+  layoutDirection,
   categoryBarPosition,
   columns,
   emojiSize,
@@ -28,6 +30,7 @@ export default function EmojiSheetView({
   return /*#__PURE__*/_jsx(NativeView, {
     ...rest,
     theme: resolvedTheme,
+    layoutDirection: layoutDirection,
     categoryBarPosition: categoryBarPosition,
     columns: columns,
     emojiSize: emojiSize,
@@ -45,7 +48,8 @@ export default function EmojiSheetView({
       nativeEvent
     }) => {
       onEmojiSelected(nativeEvent.emoji);
-    }
+    },
+    onDismiss: onDismiss ? () => onDismiss() : undefined
   });
 }
 //# sourceMappingURL=EmojiSheetView.js.map

package/lib/module/EmojiSheetView.js.map

@@ -1 +1 @@
-{"version":3,"names":["requireNativeView","jsx","_jsx","NativeView","EmojiSheetView","onEmojiSelected","theme","translations","categoryBarPosition","columns","emojiSize","recentLimit","showSearch","showRecents","enableSkinTones","enableHaptics","enableAnimations","excludeEmojis","rest","resolvedTheme","searchPlaceholder","noResultsText","categoryNames","nativeEvent","emoji"],"sourceRoot":"../../src","sources":["EmojiSheetView.tsx"],"mappings":";;AAAA,SAASA,iBAAiB,QAAQ,MAAM;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOzC,MAAMC,UAA0D,GAC9DH,iBAAiB,CAAC,YAAY,CAAC;AAEjC,eAAe,SAASI,cAAcA,CAAC;EACrCC,eAAe;EACfC,KAAK;EACLC,YAAY;EACZC,mBAAmB;EACnBC,OAAO;EACPC,SAAS;EACTC,WAAW;EACXC,UAAU;EACVC,WAAW;EACXC,eAAe;EACfC,aAAa;EACbC,gBAAgB;EAChBC,aAAa;EACb,GAAGC;AACgB,CAAC,EAAE;EACtB,MAAMC,aAAa,GAAG,OAAOb,KAAK,KAAK,QAAQ,GAAG,QAAQ,GAAGA,KAAK;;EAElE;EACA;EACA;;EAEA,oBACEJ,IAAA,CAACC,UAAU;IAAA,GACLe,IAAI;IACRZ,KAAK,EAAEa,aAAc;IACrBX,mBAAmB,EAAEA,mBAAoB;IACzCC,OAAO,EAAEA,OAAQ;IACjBC,SAAS,EAAEA,SAAU;IACrBC,WAAW,EAAEA,WAAY;IACzBC,UAAU,EAAEA,UAAW;IACvBC,WAAW,EAAEA,WAAY;IACzBC,eAAe,EAAEA,eAAgB;IACjCC,aAAa,EAAEA,aAAc;IAC7BC,gBAAgB,EAAEA,gBAAiB;IACnCC,aAAa,EAAEA,aAAc;IAC7BG,iBAAiB,EAAEb,YAAY,EAAEa,iBAAkB;IACnDC,aAAa,EAAEd,YAAY,EAAEc,aAAc;IAC3CC,aAAa,EAAEf,YAAY,EAAEe,aAAc;IAC3CjB,eAAe,EAAEA,CAAC;MAAEkB;IAAY,CAAC,KAAK;MACpClB,eAAe,CAACkB,WAAW,CAACC,KAAK,CAAC;IACpC;EAAE,CACH,CAAC;AAEN","ignoreList":[]}
+{"version":3,"names":["requireNativeView","jsx","_jsx","NativeView","EmojiSheetView","onEmojiSelected","onDismiss","theme","translations","layoutDirection","categoryBarPosition","columns","emojiSize","recentLimit","showSearch","showRecents","enableSkinTones","enableHaptics","enableAnimations","excludeEmojis","rest","resolvedTheme","searchPlaceholder","noResultsText","categoryNames","nativeEvent","emoji","undefined"],"sourceRoot":"../../src","sources":["EmojiSheetView.tsx"],"mappings":";;AAAA,SAASA,iBAAiB,QAAQ,MAAM;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOzC,MAAMC,UAA0D,GAC9DH,iBAAiB,CAAC,YAAY,CAAC;AAEjC,eAAe,SAASI,cAAcA,CAAC;EACrCC,eAAe;EACfC,SAAS;EACTC,KAAK;EACLC,YAAY;EACZC,eAAe;EACfC,mBAAmB;EACnBC,OAAO;EACPC,SAAS;EACTC,WAAW;EACXC,UAAU;EACVC,WAAW;EACXC,eAAe;EACfC,aAAa;EACbC,gBAAgB;EAChBC,aAAa;EACb,GAAGC;AACgB,CAAC,EAAE;EACtB,MAAMC,aAAa,GAAG,OAAOd,KAAK,KAAK,QAAQ,GAAG,QAAQ,GAAGA,KAAK;;EAElE;EACA;EACA;;EAEA,oBACEL,IAAA,CAACC,UAAU;IAAA,GACLiB,IAAI;IACRb,KAAK,EAAEc,aAAc;IACrBZ,eAAe,EAAEA,eAAgB;IACjCC,mBAAmB,EAAEA,mBAAoB;IACzCC,OAAO,EAAEA,OAAQ;IACjBC,SAAS,EAAEA,SAAU;IACrBC,WAAW,EAAEA,WAAY;IACzBC,UAAU,EAAEA,UAAW;IACvBC,WAAW,EAAEA,WAAY;IACzBC,eAAe,EAAEA,eAAgB;IACjCC,aAAa,EAAEA,aAAc;IAC7BC,gBAAgB,EAAEA,gBAAiB;IACnCC,aAAa,EAAEA,aAAc;IAC7BG,iBAAiB,EAAEd,YAAY,EAAEc,iBAAkB;IACnDC,aAAa,EAAEf,YAAY,EAAEe,aAAc;IAC3CC,aAAa,EAAEhB,YAAY,EAAEgB,aAAc;IAC3CnB,eAAe,EAAEA,CAAC;MAAEoB;IAAY,CAAC,KAAK;MACpCpB,eAAe,CAACoB,WAAW,CAACC,KAAK,CAAC;IACpC,CAAE;IACFpB,SAAS,EAAEA,SAAS,GAAG,MAAMA,SAAS,CAAC,CAAC,GAAGqB;EAAU,CACtD,CAAC;AAEN","ignoreList":[]}

package/lib/typescript/EmojiSheetModule.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmojiSheetModule.d.ts","sourceRoot":"","sources":["../../src/EmojiSheetModule.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,wBAAwB,EAAmB,MAAM,0BAA0B,CAAC;AAiE5G,YAAY,EAAE,gBAAgB,EAAE,CAAC;;sBAGd,wBAAwB,GAAQ,OAAO,CAAC,gBAAgB,CAAC;eAG/D,OAAO,CAAC,IAAI,CAAC;oBAGR,OAAO,CAAC,IAAI,CAAC;gCAGD,OAAO,CAAC,IAAI,CAAC;;AAV3C,wBAaE"}
+{"version":3,"file":"EmojiSheetModule.d.ts","sourceRoot":"","sources":["../../src/EmojiSheetModule.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,wBAAwB,EAAmB,MAAM,0BAA0B,CAAC;AAkE5G,YAAY,EAAE,gBAAgB,EAAE,CAAC;;sBAGd,wBAAwB,GAAQ,OAAO,CAAC,gBAAgB,CAAC;eAG/D,OAAO,CAAC,IAAI,CAAC;oBAGR,OAAO,CAAC,IAAI,CAAC;gCAGD,OAAO,CAAC,IAAI,CAAC;;AAV3C,wBAaE"}

package/lib/typescript/EmojiSheetModule.types.d.ts

@@ -24,6 +24,7 @@ export type EmojiSheetTranslations = {
 export type EmojiSheetPresentOptions = {
     theme?: EmojiSheetTheme | 'dark' | 'light' | 'system';
     translations?: EmojiSheetTranslations;
+    layoutDirection?: 'ltr' | 'rtl' | 'auto';
     snapPoints?: [number, number];
     categoryBarPosition?: 'top' | 'bottom';
     columns?: number;
@@ -52,8 +53,10 @@ export type EmojiSelectionListener = (event: {
 }) => void;
 export type EmojiSheetViewProps = ViewProps & {
     onEmojiSelected: (emoji: string) => void;
+    onDismiss?: () => void;
     theme?: EmojiSheetTheme | 'dark' | 'light' | 'system';
     translations?: EmojiSheetTranslations;
+    layoutDirection?: 'ltr' | 'rtl' | 'auto';
     categoryBarPosition?: 'top' | 'bottom';
     columns?: number;
     emojiSize?: number;
@@ -67,7 +70,11 @@ export type EmojiSheetViewProps = ViewProps & {
 };
 export type EmojiSheetNativeViewProps = ViewProps & {
     onEmojiSelected: EmojiSelectionListener;
+    onDismiss?: (event: {
+        nativeEvent: {};
+    }) => void;
     theme?: string;
+    layoutDirection?: 'ltr' | 'rtl' | 'auto';
     categoryBarPosition?: string;
     columns?: number;
     emojiSize?: number;

package/lib/typescript/EmojiSheetModule.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmojiSheetModule.types.d.ts","sourceRoot":"","sources":["../../src/EmojiSheetModule.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"EmojiSheetModule.types.d.ts","sourceRoot":"","sources":["../../src/EmojiSheetModule.types.ts"],"names":[],"mappings":"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"}

package/lib/typescript/EmojiSheetView.d.ts

@@ -1,3 +1,3 @@
 import type { EmojiSheetViewProps } from './EmojiSheetModule.types';
-export default function EmojiSheetView({ onEmojiSelected, theme, translations, categoryBarPosition, columns, emojiSize, recentLimit, showSearch, showRecents, enableSkinTones, enableHaptics, enableAnimations, excludeEmojis, ...rest }: EmojiSheetViewProps): import("react/jsx-runtime").JSX.Element;
+export default function EmojiSheetView({ onEmojiSelected, onDismiss, theme, translations, layoutDirection, categoryBarPosition, columns, emojiSize, recentLimit, showSearch, showRecents, enableSkinTones, enableHaptics, enableAnimations, excludeEmojis, ...rest }: EmojiSheetViewProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=EmojiSheetView.d.ts.map

package/lib/typescript/EmojiSheetView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EmojiSheetView.d.ts","sourceRoot":"","sources":["../../src/EmojiSheetView.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAEV,mBAAmB,EACpB,MAAM,0BAA0B,CAAC;AAKlC,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,eAAe,EACf,KAAK,EACL,YAAY,EACZ,mBAAmB,EACnB,OAAO,EACP,SAAS,EACT,WAAW,EACX,UAAU,EACV,WAAW,EACX,eAAe,EACf,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,GAAG,IAAI,EACR,EAAE,mBAAmB,2CA6BrB"}
+{"version":3,"file":"EmojiSheetView.d.ts","sourceRoot":"","sources":["../../src/EmojiSheetView.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAEV,mBAAmB,EACpB,MAAM,0BAA0B,CAAC;AAKlC,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EACrC,eAAe,EACf,SAAS,EACT,KAAK,EACL,YAAY,EACZ,eAAe,EACf,mBAAmB,EACnB,OAAO,EACP,SAAS,EACT,WAAW,EACX,UAAU,EACV,WAAW,EACX,eAAe,EACf,aAAa,EACb,gBAAgB,EAChB,aAAa,EACb,GAAG,IAAI,EACR,EAAE,mBAAmB,2CA+BrB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "expo-native-sheet-emojis",
-  "version": "1.6.0",
+  "version": "1.8.0",
   "description": "A fully native emoji picker bottom sheet for React Native. Built with Swift and Kotlin for maximum performance. Features search with multilingual keywords, skin tones, frequently used tracking, theming, and configurable layout.",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",

package/src/EmojiSheetModule.ts

@@ -38,6 +38,7 @@ function flattenOptions(options: EmojiSheetPresentOptions): NativeOptions {
   }
 
   // Layout & behavior
+  if (options.layoutDirection) flat.layoutDirection = options.layoutDirection;
   if (options.snapPoints) flat.snapPoints = options.snapPoints;
   if (options.categoryBarPosition) flat.categoryBarPosition = options.categoryBarPosition;
   if (options.columns != null) flat.columns = options.columns;

package/src/EmojiSheetModule.types.ts

@@ -38,6 +38,7 @@ export type EmojiSheetTranslations = {
 export type EmojiSheetPresentOptions = {
   theme?: EmojiSheetTheme | 'dark' | 'light' | 'system';
   translations?: EmojiSheetTranslations;
+  layoutDirection?: 'ltr' | 'rtl' | 'auto';
   snapPoints?: [number, number];
   categoryBarPosition?: 'top' | 'bottom';
   columns?: number;
@@ -61,8 +62,10 @@ export type EmojiSelectionListener = (event: { nativeEvent: { emoji: string } })
 
 export type EmojiSheetViewProps = ViewProps & {
   onEmojiSelected: (emoji: string) => void;
+  onDismiss?: () => void;
   theme?: EmojiSheetTheme | 'dark' | 'light' | 'system';
   translations?: EmojiSheetTranslations;
+  layoutDirection?: 'ltr' | 'rtl' | 'auto';
   categoryBarPosition?: 'top' | 'bottom';
   columns?: number;
   emojiSize?: number;
@@ -77,7 +80,9 @@ export type EmojiSheetViewProps = ViewProps & {
 
 export type EmojiSheetNativeViewProps = ViewProps & {
   onEmojiSelected: EmojiSelectionListener;
+  onDismiss?: (event: { nativeEvent: {} }) => void;
   theme?: string;
+  layoutDirection?: 'ltr' | 'rtl' | 'auto';
   categoryBarPosition?: string;
   columns?: number;
   emojiSize?: number;

package/src/EmojiSheetView.tsx

@@ -10,8 +10,10 @@ const NativeView: React.ComponentType<EmojiSheetNativeViewProps> =
 
 export default function EmojiSheetView({
   onEmojiSelected,
+  onDismiss,
   theme,
   translations,
+  layoutDirection,
   categoryBarPosition,
   columns,
   emojiSize,
@@ -34,6 +36,7 @@ export default function EmojiSheetView({
     <NativeView
       {...rest}
       theme={resolvedTheme}
+      layoutDirection={layoutDirection}
       categoryBarPosition={categoryBarPosition}
       columns={columns}
       emojiSize={emojiSize}
@@ -50,6 +53,7 @@ export default function EmojiSheetView({
       onEmojiSelected={({ nativeEvent }) => {
         onEmojiSelected(nativeEvent.emoji);
       }}
+      onDismiss={onDismiss ? () => onDismiss() : undefined}
     />
   );
 }