@apollohg/react-native-rich-text-editor 2.0.1 → 2.0.3

package/android/src/main/java/com/apollohg/editor/EditorV2Adapter.kt

@@ -796,6 +796,42 @@ internal class EditorV2Adapter private constructor(
         )
     }
 
+    override fun clipboardJson(): String? {
+        if (destroyed) return null
+        return when (val result = backend.getClipboard(editorId)) {
+            is EditorV2CallResult.Ok -> result.value
+
+            is EditorV2CallResult.Err -> {
+                emit(result.error)
+                null
+            }
+        }
+    }
+
+    override fun pasteAtSelection(
+        fragment: String?,
+        html: String?,
+        text: String?,
+        plainText: Boolean,
+        anchor: Int,
+        head: Int,
+        preserveEngineSelection: Boolean
+    ): String? {
+        val command = JSONObject().put("type", "paste")
+        fragment?.let { command.put("fragment", it) }
+        html?.let { command.put("html", it) }
+        text?.let { command.put("text", it) }
+        if (plainText) command.put("plainText", true)
+        return performMutation(
+            preSelection = if (preserveEngineSelection) null else intArrayOf(anchor, head),
+            adoptEngineSelection = true
+        ) {
+            callWithEnvelope(JSONObject().put("command", command)) { requestJson ->
+                backend.applyCommand(editorId, requestJson)
+            }
+        }
+    }
+
     override fun toggleMark(markName: String, anchor: Int, head: Int): String? = commandAtSelection(
         JSONObject().put("type", "toggleMark").put("markType", markName),
         anchor,

package/android/src/main/java/com/apollohg/editor/EditorV2Backend.kt

@@ -37,6 +37,7 @@ internal interface EditorV2Backend {
     fun getDocumentJson(editorId: String): EditorV2CallResult<String>
     fun getDocumentHtml(editorId: String): EditorV2CallResult<String>
     fun getContentSnapshot(editorId: String): EditorV2CallResult<String>
+    fun getClipboard(editorId: String): EditorV2CallResult<String>
     fun applyInput(editorId: String, requestJson: String): EditorV2CallResult<String>
     fun applyCommand(editorId: String, requestJson: String): EditorV2CallResult<String>
     fun applyLocalApi(editorId: String, requestJson: String): EditorV2CallResult<String>

package/android/src/main/java/com/apollohg/editor/EditorV2Driver.kt

@@ -50,6 +50,16 @@ internal interface EditorV2Driver {
     fun insertNode(nodeType: String, anchor: Int, head: Int): String?
     fun insertContentHtmlAtSelection(html: String, anchor: Int, head: Int): String?
     fun insertContentJsonAtSelection(json: String, anchor: Int, head: Int): String?
+    fun clipboardJson(): String?
+    fun pasteAtSelection(
+        fragment: String?,
+        html: String?,
+        text: String?,
+        plainText: Boolean,
+        anchor: Int,
+        head: Int,
+        preserveEngineSelection: Boolean = false
+    ): String?
     fun toggleMark(markName: String, anchor: Int, head: Int): String?
     fun setMark(markName: String, attrsJson: String, anchor: Int, head: Int): String?
     fun unsetMark(markName: String, anchor: Int, head: Int): String?

package/android/src/main/java/com/apollohg/editor/EditorV2RenderValidation.kt

@@ -141,6 +141,7 @@ private fun validMentionNodeStyle(value: Any?): Boolean {
             listOf("Top", "Right", "Bottom", "Left").map { "border${it}Color" }
     val nonnegative =
         listOf("Top", "Right", "Bottom", "Left").map { "border${it}Width" } +
+            listOf("Top", "Right", "Bottom", "Left").map { "padding$it" } +
             listOf("TopLeft", "TopRight", "BottomLeft", "BottomRight").map { "border${it}Radius" }
     val enums = mapOf(
         "fontWeight" to

package/android/src/main/java/com/apollohg/editor/ImageResizeOverlayView.kt

@@ -30,8 +30,15 @@ internal class ImageResizeOverlayView @JvmOverloads constructor(
         val corner: Corner,
         val originalRect: RectF,
         val docPos: Int,
+        val span: BlockImageSpan,
+        val downX: Float,
+        val downY: Float,
+        val originalSize: Pair<Int, Int>,
+        val fixedWidthPx: Float,
+        val fixedHeightPx: Float,
         val maximumWidthPx: Float,
-        var previewRect: RectF
+        var previewRect: RectF,
+        var previewContentSize: Pair<Float, Float>
     )
 
     private var editorView: RichTextEditorView? = null
@@ -73,7 +80,10 @@ internal class ImageResizeOverlayView @JvmOverloads constructor(
             cancelActiveResize()
             return
         }
-        if (currentGeometry?.docPos != nextGeometry.docPos) cancelActiveResize()
+        val selectedSpan = editorView?.selectedImageSpanForResize()
+        if (currentGeometry?.docPos != nextGeometry.docPos ||
+            dragState?.span?.let { it !== selectedSpan } == true
+        ) cancelActiveResize()
         currentGeometry = nextGeometry
         visibility = VISIBLE
         bringToFront()
@@ -82,6 +92,7 @@ internal class ImageResizeOverlayView @JvmOverloads constructor(
     }
 
     fun cancelActiveResize() {
+        dragState?.let { state -> editorView?.restoreImageResizePreview(state.span) }
         dragState = null
         currentGeometry = null
         parent?.requestDisallowInterceptTouchEvent(false)
@@ -114,12 +125,20 @@ internal class ImageResizeOverlayView @JvmOverloads constructor(
         when (event.actionMasked) {
             MotionEvent.ACTION_DOWN -> {
                 val corner = cornerAt(event.x, event.y, geometry.rect) ?: return false
+                val span = editorView?.selectedImageSpanForResize() ?: return false
                 dragState = DragState(
                     corner = corner,
                     originalRect = RectF(geometry.rect),
                     docPos = geometry.docPos,
+                    span = span,
+                    downX = event.x,
+                    downY = event.y,
+                    originalSize = span.currentSizePx(),
+                    fixedWidthPx = geometry.rect.width() - span.currentSizePx().first,
+                    fixedHeightPx = geometry.rect.height() - span.currentSizePx().second,
                     maximumWidthPx = editorView?.maximumImageWidthPx() ?: geometry.rect.width(),
-                    previewRect = RectF(geometry.rect)
+                    previewRect = RectF(geometry.rect),
+                    previewContentSize = span.currentSizePx().let { it.first.toFloat() to it.second.toFloat() }
                 )
                 parent?.requestDisallowInterceptTouchEvent(true)
                 return true
@@ -127,29 +146,24 @@ internal class ImageResizeOverlayView @JvmOverloads constructor(
 
             MotionEvent.ACTION_MOVE -> {
                 val state = dragState ?: return false
-                val nextRect = resizedRect(
-                    originalRect = state.originalRect,
-                    corner = state.corner,
-                    deltaX = event.x - handleCenter(state.corner, state.originalRect).x,
-                    deltaY = event.y - handleCenter(state.corner, state.originalRect).y,
-                    maximumWidthPx = state.maximumWidthPx
-                )
-                state.previewRect = RectF(nextRect)
-                currentGeometry = EditorEditText.SelectedImageGeometry(state.docPos, nextRect)
-                updateSystemGestureExclusionRects()
-                invalidate()
+                updatePreview(state, event.x, event.y)
                 return true
             }
 
             MotionEvent.ACTION_UP, MotionEvent.ACTION_CANCEL -> {
                 val state = dragState ?: return false
                 if (event.actionMasked == MotionEvent.ACTION_UP) {
-                    editorView?.resizeImage(
-                        state.docPos,
-                        state.previewRect.width(),
-                        state.previewRect.height()
-                    )
-                }
+                    updatePreview(state, event.x, event.y)
+                    val previewSize = state.span.currentSizePx()
+                    if (previewSize != state.originalSize) {
+                        editorView?.resizeImage(
+                            state.docPos,
+                            state.previewContentSize.first,
+                            state.previewContentSize.second
+                        )
+                    }
+                    editorView?.restoreImageResizePreview(state.span)
+                } else editorView?.restoreImageResizePreview(state.span)
                 dragState = null
                 parent?.requestDisallowInterceptTouchEvent(false)
                 post { refresh() }
@@ -160,6 +174,51 @@ internal class ImageResizeOverlayView @JvmOverloads constructor(
         return false
     }
 
+    private fun updatePreview(state: DragState, x: Float, y: Float) {
+        val deltaX = x - state.downX
+        val deltaY = y - state.downY
+        if (deltaX == 0f && deltaY == 0f) {
+            val originalContentSize = state.originalSize.let {
+                it.first.toFloat() to it.second.toFloat()
+            }
+            if (state.previewContentSize == originalContentSize) return
+            val boundEditor = editorView ?: return
+            if (!boundEditor.previewImageResize(
+                    state.span,
+                    originalContentSize.first,
+                    originalContentSize.second
+                )
+            ) return
+            state.previewRect = RectF(state.originalRect)
+            state.previewContentSize = originalContentSize
+            currentGeometry = boundEditor.selectedImageGeometry()
+                ?.takeIf { it.docPos == state.docPos }
+                ?: EditorEditText.SelectedImageGeometry(state.docPos, state.originalRect)
+            updateSystemGestureExclusionRects()
+            invalidate()
+            return
+        }
+        val (nextRect, contentSize) = resizedRect(
+            originalRect = state.originalRect,
+            originalContentSize = state.originalSize,
+            fixedWidthPx = state.fixedWidthPx,
+            fixedHeightPx = state.fixedHeightPx,
+            corner = state.corner,
+            deltaX = deltaX,
+            deltaY = deltaY,
+            maximumWidthPx = state.maximumWidthPx
+        )
+        val boundEditor = editorView ?: return
+        if (!boundEditor.previewImageResize(state.span, contentSize.first, contentSize.second)) return
+        state.previewRect = RectF(nextRect)
+        state.previewContentSize = contentSize
+        currentGeometry = boundEditor.selectedImageGeometry()
+            ?.takeIf { it.docPos == state.docPos }
+            ?: EditorEditText.SelectedImageGeometry(state.docPos, nextRect)
+        updateSystemGestureExclusionRects()
+        invalidate()
+    }
+
     override fun onDetachedFromWindow() {
         cancelActiveResize()
         super.onDetachedFromWindow()
@@ -217,12 +276,17 @@ internal class ImageResizeOverlayView @JvmOverloads constructor(
 
     private fun resizedRect(
         originalRect: RectF,
+        originalContentSize: Pair<Int, Int>,
+        fixedWidthPx: Float,
+        fixedHeightPx: Float,
         corner: Corner,
         deltaX: Float,
         deltaY: Float,
         maximumWidthPx: Float?
-    ): RectF {
-        val aspectRatio = max(originalRect.width() / max(originalRect.height(), 1f), 0.1f)
+    ): Pair<RectF, Pair<Float, Float>> {
+        val originalWidth = max(originalContentSize.first.toFloat(), 1f)
+        val originalHeight = max(originalContentSize.second.toFloat(), 1f)
+        val aspectRatio = max(originalWidth / originalHeight, 0.1f)
         val signedDx = if (corner == Corner.TOP_RIGHT ||
             corner == Corner.BOTTOM_RIGHT
         ) {
@@ -237,30 +301,34 @@ internal class ImageResizeOverlayView @JvmOverloads constructor(
         } else {
             -deltaY
         }
-        val widthScale = (originalRect.width() + signedDx) / max(originalRect.width(), 1f)
-        val heightScale = (originalRect.height() + signedDy) / max(originalRect.height(), 1f)
+        val projectedScale = 1f +
+            ((signedDx * originalWidth) + (signedDy * originalHeight)) /
+            ((originalWidth * originalWidth) + (originalHeight * originalHeight))
         val scale = max(
-            max(widthScale, heightScale),
-            minimumImageSizePx / max(originalRect.width(), 1f)
+            projectedScale,
+            max(minimumImageSizePx / originalWidth, minimumImageSizePx / originalHeight)
         )
-        val unclampedWidth = max(minimumImageSizePx, originalRect.width() * scale)
+        val unclampedWidth = max(minimumImageSizePx, originalWidth * scale)
         val unclampedHeight = max(minimumImageSizePx / aspectRatio, unclampedWidth / aspectRatio)
         val (width, height) = editorView?.let { boundEditor ->
             maximumWidthPx?.let { maxWidth ->
                 boundEditor.clampImageSize(
                     widthPx = unclampedWidth,
                     heightPx = unclampedHeight,
-                    maximumWidthPx = maxWidth
+                    maximumWidthPx = (maxWidth - fixedWidthPx).coerceAtLeast(minimumImageSizePx)
                 )
             } ?: boundEditor.clampImageSize(unclampedWidth, unclampedHeight)
         } ?: (unclampedWidth to unclampedHeight)
         val anchor = anchorPoint(corner, originalRect)
 
-        return when (corner) {
-            Corner.TOP_LEFT -> RectF(anchor.x - width, anchor.y - height, anchor.x, anchor.y)
-            Corner.TOP_RIGHT -> RectF(anchor.x, anchor.y - height, anchor.x + width, anchor.y)
-            Corner.BOTTOM_LEFT -> RectF(anchor.x - width, anchor.y, anchor.x, anchor.y + height)
-            Corner.BOTTOM_RIGHT -> RectF(anchor.x, anchor.y, anchor.x + width, anchor.y + height)
+        val visualWidth = width + fixedWidthPx
+        val visualHeight = height + fixedHeightPx
+        val rect = when (corner) {
+            Corner.TOP_LEFT -> RectF(anchor.x - visualWidth, anchor.y - visualHeight, anchor.x, anchor.y)
+            Corner.TOP_RIGHT -> RectF(anchor.x, anchor.y - visualHeight, anchor.x + visualWidth, anchor.y)
+            Corner.BOTTOM_LEFT -> RectF(anchor.x - visualWidth, anchor.y, anchor.x, anchor.y + visualHeight)
+            Corner.BOTTOM_RIGHT -> RectF(anchor.x, anchor.y, anchor.x + visualWidth, anchor.y + visualHeight)
         }
+        return rect to (width to height)
     }
 }

package/android/src/main/java/com/apollohg/editor/NativeEditorExpoView.kt

@@ -388,6 +388,8 @@ class NativeEditorExpoView(context: Context, appContext: AppContext) :
 
     fun setEditable(editable: Boolean) = setEditableImpl(editable)
 
+    fun setPasteMode(rawPasteMode: String?) = setPasteModeImpl(rawPasteMode)
+
     fun beginExternalTextComposition(sessionId: String): String =
         beginExternalTextCompositionImpl(sessionId)
 

package/android/src/main/java/com/apollohg/editor/NativeEditorExpoViewProperties.kt

@@ -140,6 +140,10 @@ internal fun NativeEditorExpoView.setEditableImpl(editable: Boolean) {
     updateKeyboardToolbarVisibility()
 }
 
+internal fun NativeEditorExpoView.setPasteModeImpl(rawPasteMode: String?) {
+    richTextView.editorEditText.pasteMode = EditorPasteMode.fromRaw(rawPasteMode)
+}
+
 internal fun NativeEditorExpoView.setAccessibilityLabelImpl(label: String?) {
     richTextView.editorEditText.contentDescription = label
 }

package/android/src/main/java/com/apollohg/editor/NativeEditorModule.kt

@@ -520,6 +520,9 @@ class NativeEditorModule : Module() {
             Prop("editable") { view: NativeEditorExpoView, editable: Boolean ->
                 view.setEditable(editable)
             }
+            Prop("pasteMode") { view: NativeEditorExpoView, pasteMode: String? ->
+                view.setPasteMode(pasteMode)
+            }
             Prop("accessibilityLabel") { view: NativeEditorExpoView, label: String? ->
                 view.setAccessibilityLabel(label)
             }

package/android/src/main/java/com/apollohg/editor/RenderMediaSpans.kt

@@ -74,6 +74,7 @@ internal class BlockImageSpan(
 
     @Volatile
     private var lastDrawRect: RectF? = null
+    private var temporarySizePx: Pair<Int, Int>? = null
 
     init {
         if (preparedSource != null) {
@@ -228,9 +229,6 @@ internal class BlockImageSpan(
         paint.color = Color.argb(24, 0, 0, 0)
         paint.style = Paint.Style.FILL
         canvas.drawRoundRect(rect, 16f * density, 16f * density, paint)
-        paint.color = Color.argb(120, 0, 0, 0)
-        val iconRadius = minOf(rect.width(), rect.height()) * 0.12f
-        canvas.drawCircle(rect.centerX(), rect.centerY(), iconRadius, paint)
         paint.color = previousColor
         paint.style = previousStyle
     }
@@ -247,6 +245,7 @@ internal class BlockImageSpan(
     }
 
     internal fun currentSizePx(): Pair<Int, Int> {
+        temporarySizePx?.let { return it }
         val maxWidth = resolvedMaxWidth()
         val loadedBitmap = bitmapLease.get()?.bitmap
         val fallbackAspectRatio = if (loadedBitmap != null && loadedBitmap.width > 0 &&
@@ -299,6 +298,19 @@ internal class BlockImageSpan(
 
     internal fun currentDrawRect(): RectF? = lastDrawRect?.let(::RectF)
 
+    internal fun setTemporarySizePx(widthPx: Float, heightPx: Float): Boolean {
+        val next = checkedPositiveInt(widthPx) to checkedPositiveInt(heightPx)
+        if (temporarySizePx == next) return false
+        temporarySizePx = next
+        return true
+    }
+
+    internal fun clearTemporarySize(): Boolean {
+        if (temporarySizePx == null) return false
+        temporarySizePx = null
+        return true
+    }
+
     private fun resolvedMaxWidth(): Float {
         val host = hostRef.get()
         val hostWidth = host?.let {

package/android/src/main/java/com/apollohg/editor/RichTextEditorView.kt

@@ -943,6 +943,20 @@ class RichTextEditorView @JvmOverloads constructor(
         editorEditText.resizeImageAtDocPos(docPos, clampedWidth, clampedHeight)
     }
 
+    internal fun selectedImageSpanForResize(): BlockImageSpan? =
+        editorEditText.selectedImageSpanForResize()
+
+    internal fun previewImageResize(span: BlockImageSpan, widthPx: Float, heightPx: Float): Boolean {
+        if (!span.setTemporarySizePx(widthPx, heightPx)) return false
+        editorEditText.relayoutImageResizePreview(span)
+        return true
+    }
+
+    internal fun restoreImageResizePreview(span: BlockImageSpan) {
+        if (!span.clearTemporarySize()) return
+        editorEditText.relayoutImageResizePreview(span)
+    }
+
     private fun refreshOverlays() {
         layoutAtomHostViews()
         remoteSelectionOverlayView.refreshGeometry()

package/android/src/main/java/com/apollohg/editor/UniffiEditorV2Backend.kt

@@ -20,6 +20,7 @@ import uniffi.editor_core.editorV2CollaborationSocketOpen
 import uniffi.editor_core.editorV2Create
 import uniffi.editor_core.editorV2Destroy
 import uniffi.editor_core.editorV2DocToScalar
+import uniffi.editor_core.editorV2GetClipboard
 import uniffi.editor_core.editorV2GetContentSnapshot
 import uniffi.editor_core.editorV2GetDocumentHtml
 import uniffi.editor_core.editorV2GetDocumentJson
@@ -77,6 +78,9 @@ internal object UniffiEditorV2Backend : EditorV2Backend {
     override fun getContentSnapshot(editorId: String): EditorV2CallResult<String> =
         normalize(editorV2GetContentSnapshot(editorId))
 
+    override fun getClipboard(editorId: String): EditorV2CallResult<String> =
+        normalize(editorV2GetClipboard(editorId))
+
     override fun applyInput(editorId: String, requestJson: String): EditorV2CallResult<String> =
         normalize(editorV2ApplyInput(editorId, requestJson))
 

package/android/src/main/java/com/apollohg/editor/viewer/AndroidProseLayoutEngine.kt

@@ -1182,7 +1182,7 @@ internal class StaticLayoutAndroidProseLayoutEngine : AndroidProseLayoutEngine {
                                 )
                         val width =
                             max(
-                                base.sizePx.toInt(),
+                                if (inline.nodeType == "mention") 0 else base.sizePx.toInt(),
                                 ceil(
                                     labelPaint.measureText(label) + atomInset.left + atomInset.right
                                 ).toInt()

package/dist/EditorStyleSheetNormalization.js

@@ -63,7 +63,7 @@ const fields = {
     italic: inline,
     underline: inline,
     strike: inline,
-    mention: [...inline, ...border],
+    mention: [...inline, ...border, ...spacing('padding')],
     placeholder: typography,
 };
 const enums = {

package/dist/EditorStyleSheetTypes.d.ts

@@ -91,7 +91,7 @@ export interface EditorHorizontalRuleStyle extends EditorBorderStyle, EditorMarg
     backgroundColor?: string;
     height?: number;
 }
-export interface EditorMentionStyle extends EditorInlineStyle, EditorBorderStyle {
+export interface EditorMentionStyle extends EditorInlineStyle, EditorBorderStyle, EditorPaddingStyle {
 }
 export interface EditorStyleMap {
     content: EditorSurfaceStyle;

package/dist/NativeRichTextEditor.d.ts

@@ -1,3 +1,3 @@
-export { type RichTextEditorHeightBehavior, type RichTextEditorToolbarPlacement, type RichTextEditorValueJSONUpdateMode, type RichTextEditorAutoCapitalize, type RichTextEditorKeyboardType, type RichTextEditorAndroidInputOptions, type RemoteSelectionDecoration, type LinkRequestContext, type ImageRequestContext, type RichTextEditorProps, type RichTextEditorRef, type RichTextEditorCaretRect, type NativeRichTextEditorHeightBehavior, type NativeRichTextEditorToolbarPlacement, type NativeRichTextEditorValueJSONUpdateMode, type NativeRichTextEditorAutoCapitalize, type NativeRichTextEditorKeyboardType, type NativeRichTextEditorAndroidInputOptions, type NativeRichTextEditorProps, type NativeRichTextEditorRef, type NativeRichTextEditorCaretRect, } from './RichTextEditorTypes';
+export { type RichTextEditorHeightBehavior, type RichTextEditorToolbarPlacement, type RichTextEditorValueJSONUpdateMode, type RichTextEditorPasteMode, type RichTextEditorAutoCapitalize, type RichTextEditorKeyboardType, type RichTextEditorAndroidInputOptions, type RemoteSelectionDecoration, type LinkRequestContext, type ImageRequestContext, type RichTextEditorProps, type RichTextEditorRef, type RichTextEditorCaretRect, type NativeRichTextEditorHeightBehavior, type NativeRichTextEditorToolbarPlacement, type NativeRichTextEditorValueJSONUpdateMode, type NativeRichTextEditorAutoCapitalize, type NativeRichTextEditorKeyboardType, type NativeRichTextEditorAndroidInputOptions, type NativeRichTextEditorProps, type NativeRichTextEditorRef, type NativeRichTextEditorCaretRect, } from './RichTextEditorTypes';
 export { RichTextEditor, NativeRichTextEditor } from './RichTextEditor';
 export type { NativeRichTextEditorFocusPreservingElement, NativeRichTextEditorFocusPreservingRef, NativeRichTextEditorFocusPreservingRefs, RichTextEditorFocusPreservingElement, RichTextEditorFocusPreservingRef, RichTextEditorFocusPreservingRefs, } from './useFocusPreservingFrames';

package/dist/RichTextEditorNativeTypes.d.ts

@@ -2,7 +2,7 @@ import { type ExternalTextCompositionManager, type NativeExternalTextComposition
 import { type ReactNode } from 'react';
 import { type NativeSyntheticEvent, type StyleProp, type ViewStyle } from 'react-native';
 import { type DocumentJSON, type NativeEditorDocumentHandle } from './NativeEditorBridge';
-import { type RichTextEditorAutoCapitalize, type RichTextEditorKeyboardType, type RichTextEditorToolbarPlacement, type RichTextEditorHeightBehavior } from './RichTextEditorTypes';
+import { type RichTextEditorPasteMode, type RichTextEditorAutoCapitalize, type RichTextEditorKeyboardType, type RichTextEditorToolbarPlacement, type RichTextEditorHeightBehavior } from './RichTextEditorTypes';
 export interface NativeExternalTextCompositionEvent {
     editorId: string;
     resultJson: string;
@@ -21,6 +21,7 @@ export interface NativeEditorViewProps {
     editorId: string;
     placeholder?: string;
     editable: boolean;
+    pasteMode: RichTextEditorPasteMode;
     autoFocus: boolean;
     autoCapitalize?: RichTextEditorAutoCapitalize;
     autoCorrect?: boolean;

package/dist/RichTextEditorTypes.d.ts

@@ -24,6 +24,8 @@ export type RichTextEditorToolbarPlacement = 'keyboard' | 'inline';
  * records one undoable step, `'reset'` clears history entirely.
  */
 export type RichTextEditorValueJSONUpdateMode = 'replace' | 'reset';
+/** Controls native clipboard paste. Plain text keeps destination typing marks. */
+export type RichTextEditorPasteMode = 'rich' | 'plainText' | 'disabled';
 /** Native keyboard auto-capitalization behavior. */
 export type RichTextEditorAutoCapitalize = 'none' | 'sentences' | 'words' | 'characters';
 /** Native keyboard layout. Values not supported by a platform fall back to its default. */
@@ -104,6 +106,8 @@ export interface RichTextEditorProps {
     placeholder?: string;
     /** Whether the editor is editable. Defaults to true. When false, every mutation ref method rejects with MUTATION_REJECTED; selection and controlled content still flow. */
     editable?: boolean;
+    /** Clipboard paste policy. Defaults to rich; updates apply immediately. */
+    pasteMode?: RichTextEditorPasteMode;
     /** Whether to auto-focus on mount. */
     autoFocus?: boolean;
     /** Controls native keyboard auto-capitalization. Defaults to sentences. */

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { RichTextEditor, type RichTextEditorProps, type RichTextEditorRef, type RichTextEditorCaretRect, type RichTextEditorHeightBehavior, type RichTextEditorToolbarPlacement, type RichTextEditorValueJSONUpdateMode, type RichTextEditorAutoCapitalize, type RichTextEditorKeyboardType, type RichTextEditorAndroidInputOptions, type RichTextEditorFocusPreservingElement, type RichTextEditorFocusPreservingRef, type RichTextEditorFocusPreservingRefs, type RemoteSelectionDecoration, type LinkRequestContext, type ImageRequestContext, NativeRichTextEditor, type NativeRichTextEditorProps, type NativeRichTextEditorRef, type NativeRichTextEditorCaretRect, type NativeRichTextEditorHeightBehavior, type NativeRichTextEditorToolbarPlacement, type NativeRichTextEditorValueJSONUpdateMode, type NativeRichTextEditorAutoCapitalize, type NativeRichTextEditorKeyboardType, type NativeRichTextEditorAndroidInputOptions, type NativeRichTextEditorFocusPreservingElement, type NativeRichTextEditorFocusPreservingRef, type NativeRichTextEditorFocusPreservingRefs, } from './NativeRichTextEditor';
+export { RichTextEditor, type RichTextEditorProps, type RichTextEditorRef, type RichTextEditorCaretRect, type RichTextEditorHeightBehavior, type RichTextEditorToolbarPlacement, type RichTextEditorValueJSONUpdateMode, type RichTextEditorPasteMode, type RichTextEditorAutoCapitalize, type RichTextEditorKeyboardType, type RichTextEditorAndroidInputOptions, type RichTextEditorFocusPreservingElement, type RichTextEditorFocusPreservingRef, type RichTextEditorFocusPreservingRefs, type RemoteSelectionDecoration, type LinkRequestContext, type ImageRequestContext, NativeRichTextEditor, type NativeRichTextEditorProps, type NativeRichTextEditorRef, type NativeRichTextEditorCaretRect, type NativeRichTextEditorHeightBehavior, type NativeRichTextEditorToolbarPlacement, type NativeRichTextEditorValueJSONUpdateMode, type NativeRichTextEditorAutoCapitalize, type NativeRichTextEditorKeyboardType, type NativeRichTextEditorAndroidInputOptions, type NativeRichTextEditorFocusPreservingElement, type NativeRichTextEditorFocusPreservingRef, type NativeRichTextEditorFocusPreservingRefs, } from './NativeRichTextEditor';
 export type { ExternalTextCompositionEndCause, ExternalTextCompositionEndEvent, ExternalTextCompositionOptions, ExternalTextCompositionSession, } from './ExternalTextComposition';
 export { RichTextViewer, type RichTextViewerProps, type RichTextViewerAddons, type RichTextViewerBaseProps, type RichTextViewerMentionsConfig, type RichTextViewerLinkPressEvent, type RichTextViewerMentionPressEvent, type RichTextViewerErrorEvent, type RichTextViewerAtomAttrsUpdateEvent, NativeProseViewer, type NativeProseViewerProps, type NativeProseViewerAddons, type NativeProseViewerBaseProps, type NativeProseViewerMentionsConfig, type NativeProseViewerLinkPressEvent, type NativeProseViewerMentionPressEvent, type NativeProseViewerErrorEvent, type NativeProseViewerAtomAttrsUpdateEvent, } from './NativeProseViewer';
 export { EditorToolbar, DEFAULT_EDITOR_TOOLBAR_ITEMS, type EditorToolbarProps, type EditorToolbarItem, type EditorToolbarLeafItem, type EditorToolbarGroupChildItem, type EditorToolbarGroupItem, type EditorToolbarGroupPresentation, type EditorToolbarIcon, type EditorToolbarButtonStyle, type EditorToolbarDefaultIconId, type EditorToolbarSFSymbolIcon, type EditorToolbarMaterialIcon, type EditorToolbarCommand, type EditorToolbarHeadingLevel, type EditorToolbarListType, type EditorToolbarItemPlacement, } from './EditorToolbar';

package/dist/useRichTextEditorPresentation.d.ts

@@ -2,4 +2,4 @@ import { type useRichTextEditorState } from './useRichTextEditorState';
 import { type useRichTextEditorMentions } from './useRichTextEditorMentions';
 import { type useRichTextEditorCommands } from './useRichTextEditorCommands';
 import { type useRichTextEditorEvents } from './useRichTextEditorEvents';
-export declare function useRichTextEditorPresentation(context: Pick<ReturnType<typeof useRichTextEditorState>, 'theme' | 'addons' | 'imageLoadingPolicy' | 'androidInputOptions' | 'remoteSelections' | 'atoms' | 'atomState' | 'atomComponents' | 'warnedUnknownAtomTypesRef' | 'atomContentWidth' | 'atomPositions' | 'atomViewport' | 'virtualizeAtoms' | 'nativeAtomViewport' | 'selectedKeys' | 'editable' | 'atomsInteractive' | 'documentHandle' | 'activeState' | 'onRequestLink' | 'onRequestImage' | 'toolbarItemsSerializationCacheRef' | 'toolbarItems' | 'document' | 'toolbarPlacement' | 'showToolbar' | 'containerStyle' | 'style' | 'heightBehavior' | 'autoGrowHeight' | 'pushedUpdate' | 'editorId' | 'registeredToolbarFrames' | 'suppliedFocusPreservingFrames' | 'isFocused' | 'nativeViewRef' | 'refreshFocusPreservingFrames' | 'accessibilityLabel' | 'accessibilityHint' | 'placeholder' | 'autoFocus' | 'autoCapitalize' | 'autoCorrect' | 'keyboardType' | 'allowImageResizing' | 'toolbarFrameOwnerId' | 'onToolbarAction'> & Pick<ReturnType<typeof useRichTextEditorMentions>, 'mentionSuggestionTheme' | 'handleAddonEvent'> & Pick<ReturnType<typeof useRichTextEditorCommands>, 'runAtomAction' | 'updateAtomAttrs' | 'atomOwnerRef' | 'commandToggleMark' | 'commandToggleList' | 'commandToggleHeading' | 'commandToggleBlockquote' | 'commandInsertNode' | 'commandIndentListItem' | 'commandOutdentListItem' | 'openLinkRequest' | 'openImageRequest'> & Pick<ReturnType<typeof useRichTextEditorEvents>, 'handleEditorUpdate' | 'handleEditorError' | 'handleExternalTextCompositionEnd' | 'handleSelectionChange' | 'handleFocusChange' | 'handleContentHeightChange' | 'handleAtomLayout' | 'handleToolbarAction'>): import("react/jsx-runtime").JSX.Element | null;
+export declare function useRichTextEditorPresentation(context: Pick<ReturnType<typeof useRichTextEditorState>, 'theme' | 'addons' | 'imageLoadingPolicy' | 'androidInputOptions' | 'remoteSelections' | 'atoms' | 'atomState' | 'atomComponents' | 'warnedUnknownAtomTypesRef' | 'atomContentWidth' | 'atomPositions' | 'atomViewport' | 'virtualizeAtoms' | 'nativeAtomViewport' | 'selectedKeys' | 'editable' | 'atomsInteractive' | 'documentHandle' | 'activeState' | 'onRequestLink' | 'onRequestImage' | 'toolbarItemsSerializationCacheRef' | 'toolbarItems' | 'document' | 'toolbarPlacement' | 'showToolbar' | 'containerStyle' | 'style' | 'heightBehavior' | 'autoGrowHeight' | 'pushedUpdate' | 'editorId' | 'registeredToolbarFrames' | 'suppliedFocusPreservingFrames' | 'isFocused' | 'nativeViewRef' | 'refreshFocusPreservingFrames' | 'accessibilityLabel' | 'accessibilityHint' | 'placeholder' | 'autoFocus' | 'pasteMode' | 'autoCapitalize' | 'autoCorrect' | 'keyboardType' | 'allowImageResizing' | 'toolbarFrameOwnerId' | 'onToolbarAction'> & Pick<ReturnType<typeof useRichTextEditorMentions>, 'mentionSuggestionTheme' | 'handleAddonEvent'> & Pick<ReturnType<typeof useRichTextEditorCommands>, 'runAtomAction' | 'updateAtomAttrs' | 'atomOwnerRef' | 'commandToggleMark' | 'commandToggleList' | 'commandToggleHeading' | 'commandToggleBlockquote' | 'commandInsertNode' | 'commandIndentListItem' | 'commandOutdentListItem' | 'openLinkRequest' | 'openImageRequest'> & Pick<ReturnType<typeof useRichTextEditorEvents>, 'handleEditorUpdate' | 'handleEditorError' | 'handleExternalTextCompositionEnd' | 'handleSelectionChange' | 'handleFocusChange' | 'handleContentHeightChange' | 'handleAtomLayout' | 'handleToolbarAction'>): import("react/jsx-runtime").JSX.Element | null;

package/dist/useRichTextEditorPresentation.js

@@ -17,7 +17,7 @@ const EditorToolbar_1 = require("./EditorToolbar");
 const RichTextEditorSerialization_1 = require("./RichTextEditorSerialization");
 const RichTextEditorNativeView_1 = require("./RichTextEditorNativeView");
 function useRichTextEditorPresentation(context) {
-    const { theme, mentionSuggestionTheme, addons, imageLoadingPolicy, androidInputOptions, remoteSelections, atoms, atomState, atomComponents, warnedUnknownAtomTypesRef, runAtomAction, updateAtomAttrs, atomOwnerRef, atomContentWidth, atomPositions, atomViewport, virtualizeAtoms, nativeAtomViewport, selectedKeys, editable, atomsInteractive, documentHandle, activeState, onRequestLink, onRequestImage, toolbarItemsSerializationCacheRef, toolbarItems, document, toolbarPlacement, showToolbar, containerStyle, style, heightBehavior, autoGrowHeight, pushedUpdate, editorId, registeredToolbarFrames, suppliedFocusPreservingFrames, isFocused, nativeViewRef, refreshFocusPreservingFrames, accessibilityLabel, accessibilityHint, placeholder, autoFocus, autoCapitalize, autoCorrect, keyboardType, allowImageResizing, handleEditorUpdate, handleEditorError, handleExternalTextCompositionEnd, handleSelectionChange, handleFocusChange, handleContentHeightChange, handleAtomLayout, handleToolbarAction, handleAddonEvent, toolbarFrameOwnerId, commandToggleMark, commandToggleList, commandToggleHeading, commandToggleBlockquote, commandInsertNode, commandIndentListItem, commandOutdentListItem, openLinkRequest, openImageRequest, onToolbarAction, } = context;
+    const { theme, mentionSuggestionTheme, addons, imageLoadingPolicy, androidInputOptions, remoteSelections, atoms, atomState, atomComponents, warnedUnknownAtomTypesRef, runAtomAction, updateAtomAttrs, atomOwnerRef, atomContentWidth, atomPositions, atomViewport, virtualizeAtoms, nativeAtomViewport, selectedKeys, editable, atomsInteractive, documentHandle, activeState, onRequestLink, onRequestImage, toolbarItemsSerializationCacheRef, toolbarItems, document, toolbarPlacement, showToolbar, containerStyle, style, heightBehavior, autoGrowHeight, pushedUpdate, editorId, registeredToolbarFrames, suppliedFocusPreservingFrames, isFocused, nativeViewRef, refreshFocusPreservingFrames, accessibilityLabel, accessibilityHint, placeholder, autoFocus, pasteMode, autoCapitalize, autoCorrect, keyboardType, allowImageResizing, handleEditorUpdate, handleEditorError, handleExternalTextCompositionEnd, handleSelectionChange, handleFocusChange, handleContentHeightChange, handleAtomLayout, handleToolbarAction, handleAddonEvent, toolbarFrameOwnerId, commandToggleMark, commandToggleList, commandToggleHeading, commandToggleBlockquote, commandInsertNode, commandIndentListItem, commandOutdentListItem, openLinkRequest, openImageRequest, onToolbarAction, } = context;
     const themeJson = (0, react_1.useMemo)(() => (0, EditorTheme_1.serializeEditorTheme)(theme, mentionSuggestionTheme), [mentionSuggestionTheme, theme]);
     const addonsJson = (0, RichTextEditorSerialization_1.useSerializedValue)(addons, value => (0, addons_1.serializeNormalizedEditorAddons)(value));
     const imageLoadingPolicyJson = (0, RichTextEditorSerialization_1.useSerializedValue)(imageLoadingPolicy, value => (0, ImageLoadingPolicy_1.serializeEditorImageLoadingPolicy)(value));
@@ -161,7 +161,7 @@ function useRichTextEditorPresentation(context) {
     const currentPushedUpdate = pushedUpdate?.editorId === editorId ? pushedUpdate : null;
     const focusPreservingFrames = [...registeredToolbarFrames, ...suppliedFocusPreservingFrames];
     const toolbarFrameJson = (0, RichTextEditorSerialization_1.serializeToolbarFrames)(editable && isFocused ? focusPreservingFrames : undefined);
-    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [RichTextEditorNativeView_1.styles.container, containerStyle], children: [(0, jsx_runtime_1.jsx)(RichTextEditorNativeView_1.NativeEditorView, { ref: nativeViewRef, style: nativeViewStyle, onLayout: refreshFocusPreservingFrames, accessibilityLabel: accessibilityLabel, accessibilityHint: accessibilityHint, editorId: editorId, placeholder: placeholder, editable: editable, autoFocus: autoFocus, autoCapitalize: autoCapitalize, autoCorrect: autoCorrect, keyboardType: keyboardType, ...(react_native_1.Platform.OS === 'android' ? { androidInputOptionsJson } : {}), showToolbar: showToolbar, toolbarPlacement: toolbarPlacement, heightBehavior: heightBehavior, allowImageResizing: allowImageResizing, imageLoadingPolicyJson: imageLoadingPolicyJson, themeJson: themeJson, addonsJson: addonsJson, atomsJson: atomsJson, toolbarItemsJson: toolbarItemsJson, toolbarFrameJson: toolbarFrameJson, remoteSelectionsJson: remoteSelectionsJson, editorUpdateJson: currentPushedUpdate?.json, editorUpdateResetJson: currentPushedUpdate?.resetJson, editorUpdateEditorId: currentPushedUpdate?.editorId, editorUpdateRevision: currentPushedUpdate?.revision ?? 0, onEditorUpdate: handleEditorUpdate, onEditorError: handleEditorError, onExternalTextCompositionEnd: handleExternalTextCompositionEnd, onSelectionChange: handleSelectionChange, onFocusChange: handleFocusChange, onContentHeightChange: handleContentHeightChange, onAtomLayout: handleAtomLayout, onToolbarAction: handleToolbarAction, onAddonEvent: handleAddonEvent, children: atomChildren }), shouldRenderJsToolbar ? ((0, jsx_runtime_1.jsx)(react_native_1.View, { testID: 'native-editor-js-toolbar', style: [RichTextEditorNativeView_1.styles.inlineToolbar, { marginTop: inlineToolbarMarginTop }], children: (0, jsx_runtime_1.jsx)(EditorToolbar_1.EditorToolbarFrameOwnerProvider, { ownerId: toolbarFrameOwnerId, children: (0, jsx_runtime_1.jsx)(EditorToolbar_1.EditorToolbar, { activeState: activeState, historyState: document.historyState, toolbarItems: toolbarItems, theme: theme?.toolbar, showTopBorder: theme?.toolbar?.showTopBorder ?? false, preserveEditorFocus: false, onToggleMark: commandToggleMark, onToggleListType: (listType) => commandToggleList(listType), onToggleHeading: commandToggleHeading, onToggleBlockquote: commandToggleBlockquote, onInsertNodeType: commandInsertNode, onRunCommand: (command) => {
+    return ((0, jsx_runtime_1.jsxs)(react_native_1.View, { style: [RichTextEditorNativeView_1.styles.container, containerStyle], children: [(0, jsx_runtime_1.jsx)(RichTextEditorNativeView_1.NativeEditorView, { ref: nativeViewRef, style: nativeViewStyle, onLayout: refreshFocusPreservingFrames, accessibilityLabel: accessibilityLabel, accessibilityHint: accessibilityHint, editorId: editorId, placeholder: placeholder, editable: editable, autoFocus: autoFocus, pasteMode: pasteMode, autoCapitalize: autoCapitalize, autoCorrect: autoCorrect, keyboardType: keyboardType, ...(react_native_1.Platform.OS === 'android' ? { androidInputOptionsJson } : {}), showToolbar: showToolbar, toolbarPlacement: toolbarPlacement, heightBehavior: heightBehavior, allowImageResizing: allowImageResizing, imageLoadingPolicyJson: imageLoadingPolicyJson, themeJson: themeJson, addonsJson: addonsJson, atomsJson: atomsJson, toolbarItemsJson: toolbarItemsJson, toolbarFrameJson: toolbarFrameJson, remoteSelectionsJson: remoteSelectionsJson, editorUpdateJson: currentPushedUpdate?.json, editorUpdateResetJson: currentPushedUpdate?.resetJson, editorUpdateEditorId: currentPushedUpdate?.editorId, editorUpdateRevision: currentPushedUpdate?.revision ?? 0, onEditorUpdate: handleEditorUpdate, onEditorError: handleEditorError, onExternalTextCompositionEnd: handleExternalTextCompositionEnd, onSelectionChange: handleSelectionChange, onFocusChange: handleFocusChange, onContentHeightChange: handleContentHeightChange, onAtomLayout: handleAtomLayout, onToolbarAction: handleToolbarAction, onAddonEvent: handleAddonEvent, children: atomChildren }), shouldRenderJsToolbar ? ((0, jsx_runtime_1.jsx)(react_native_1.View, { testID: 'native-editor-js-toolbar', style: [RichTextEditorNativeView_1.styles.inlineToolbar, { marginTop: inlineToolbarMarginTop }], children: (0, jsx_runtime_1.jsx)(EditorToolbar_1.EditorToolbarFrameOwnerProvider, { ownerId: toolbarFrameOwnerId, children: (0, jsx_runtime_1.jsx)(EditorToolbar_1.EditorToolbar, { activeState: activeState, historyState: document.historyState, toolbarItems: toolbarItems, theme: theme?.toolbar, showTopBorder: theme?.toolbar?.showTopBorder ?? false, preserveEditorFocus: false, onToggleMark: commandToggleMark, onToggleListType: (listType) => commandToggleList(listType), onToggleHeading: commandToggleHeading, onToggleBlockquote: commandToggleBlockquote, onInsertNodeType: commandInsertNode, onRunCommand: (command) => {
                             switch (command) {
                                 case 'indentList':
                                     commandIndentListItem();

package/dist/useRichTextEditorState.d.ts

@@ -1,3 +1,4 @@
+import type { StyleProp, ViewStyle } from 'react-native';
 import { type EditorToolbarItem } from './EditorToolbar';
 import type React from 'react';
 import { type ReadonlyActiveState, type Selection } from './NativeEditorBridge';
@@ -8,7 +9,7 @@ import { type AtomViewport } from './AtomHost';
 import { type RichTextEditorProps, type RichTextEditorRef } from './RichTextEditorTypes';
 import { type AtomRenderState } from './RichTextEditorSerialization';
 import { type NativeEditorViewHandle, type NativeEditorErrorBinding, type NativeAtomPosition } from './RichTextEditorNativeTypes';
-export declare function useRichTextEditorState({ documentHandle, documentRevision, value, valueJSON, valueJSONRevision, valueJSONUpdateMode, placeholder, editable, autoFocus, autoCapitalize, autoCorrect, keyboardType, androidInputOptions, heightBehavior, showToolbar, toolbarPlacement, toolbarItems, onToolbarAction, onRequestLink, onRequestImage, imageLoadingPolicy, accessibilityLabel, accessibilityHint, style, containerStyle, theme, addons: addonDescriptors, atoms, atomsInteractive, virtualizeAtoms, atomViewport, remoteSelections, allowImageResizing, onContentChange, onContentChangeJSON, onSelectionChange, onActiveStateChange, onHistoryStateChange, onFocus, onBlur, focusPreservingRefs, onLocalCommit, }: RichTextEditorProps, ref: React.ForwardedRef<RichTextEditorRef>): {
+export declare function useRichTextEditorState({ documentHandle, documentRevision, value, valueJSON, valueJSONRevision, valueJSONUpdateMode, placeholder, editable, pasteMode, autoFocus, autoCapitalize, autoCorrect, keyboardType, androidInputOptions, heightBehavior, showToolbar, toolbarPlacement, toolbarItems, onToolbarAction, onRequestLink, onRequestImage, imageLoadingPolicy, accessibilityLabel, accessibilityHint, style, containerStyle, theme, addons: addonDescriptors, atoms, atomsInteractive, virtualizeAtoms, atomViewport, remoteSelections, allowImageResizing, onContentChange, onContentChangeJSON, onSelectionChange, onActiveStateChange, onHistoryStateChange, onFocus, onBlur, focusPreservingRefs, onLocalCommit, }: RichTextEditorProps, ref: React.ForwardedRef<RichTextEditorRef>): {
     atomStateRef: React.RefObject<AtomRenderState>;
     setSelectedKeys: React.Dispatch<React.SetStateAction<ReadonlySet<string>>>;
     bridge: import("./NativeEditorDocumentBridge").NativeEditorDocumentBridge;
@@ -156,8 +157,8 @@ export declare function useRichTextEditorState({ documentHandle, documentRevisio
     toolbarItems: readonly EditorToolbarItem[];
     toolbarPlacement: import("./RichTextEditorTypes").RichTextEditorToolbarPlacement;
     showToolbar: boolean;
-    containerStyle: import("react-native").StyleProp<import("react-native").ViewStyle>;
-    style: import("react-native").StyleProp<import("react-native").ViewStyle>;
+    containerStyle: StyleProp<ViewStyle>;
+    style: StyleProp<ViewStyle>;
     autoGrowHeight: number | null;
     pushedUpdate: {
         json: string;
@@ -172,6 +173,7 @@ export declare function useRichTextEditorState({ documentHandle, documentRevisio
     accessibilityHint: string | undefined;
     placeholder: string | undefined;
     autoFocus: boolean;
+    pasteMode: import("./RichTextEditorTypes").RichTextEditorPasteMode;
     autoCapitalize: import("./RichTextEditorTypes").RichTextEditorAutoCapitalize | undefined;
     autoCorrect: boolean | undefined;
     keyboardType: import("./RichTextEditorTypes").RichTextEditorKeyboardType | undefined;

package/dist/useRichTextEditorState.js

@@ -10,7 +10,7 @@ const useNativeEditor_1 = require("./useNativeEditor");
 const addons_1 = require("./addons");
 const useFocusPreservingFrames_1 = require("./useFocusPreservingFrames");
 const RichTextEditorSerialization_1 = require("./RichTextEditorSerialization");
-function useRichTextEditorState({ documentHandle, documentRevision, value, valueJSON, valueJSONRevision, valueJSONUpdateMode = 'replace', placeholder, editable = true, autoFocus = false, autoCapitalize, autoCorrect, keyboardType, androidInputOptions, heightBehavior = 'autoGrow', showToolbar = true, toolbarPlacement = 'keyboard', toolbarItems = EditorToolbar_1.DEFAULT_EDITOR_TOOLBAR_ITEMS, onToolbarAction, onRequestLink, onRequestImage, imageLoadingPolicy, accessibilityLabel, accessibilityHint, style, containerStyle, theme, addons: addonDescriptors, atoms, atomsInteractive = true, virtualizeAtoms = false, atomViewport, remoteSelections, allowImageResizing = true, onContentChange, onContentChangeJSON, onSelectionChange, onActiveStateChange, onHistoryStateChange, onFocus, onBlur, focusPreservingRefs, onLocalCommit, }, ref) {
+function useRichTextEditorState({ documentHandle, documentRevision, value, valueJSON, valueJSONRevision, valueJSONUpdateMode = 'replace', placeholder, editable = true, pasteMode = 'rich', autoFocus = false, autoCapitalize, autoCorrect, keyboardType, androidInputOptions, heightBehavior = 'autoGrow', showToolbar = true, toolbarPlacement = 'keyboard', toolbarItems = EditorToolbar_1.DEFAULT_EDITOR_TOOLBAR_ITEMS, onToolbarAction, onRequestLink, onRequestImage, imageLoadingPolicy, accessibilityLabel, accessibilityHint, style, containerStyle, theme, addons: addonDescriptors, atoms, atomsInteractive = true, virtualizeAtoms = false, atomViewport, remoteSelections, allowImageResizing = true, onContentChange, onContentChangeJSON, onSelectionChange, onActiveStateChange, onHistoryStateChange, onFocus, onBlur, focusPreservingRefs, onLocalCommit, }, ref) {
     const addons = (0, react_1.useMemo)(() => (0, addons_1.normalizeEditorAddons)(addonDescriptors), [addonDescriptors]);
     (0, NativeEditorBridge_1._assertNativeEditorDocumentHandle)(documentHandle);
     const documentDescriptor = (0, NativeEditorBridge_1._getNativeEditorDocumentHandleDescriptor)(documentHandle);
@@ -390,8 +390,8 @@ function useRichTextEditorState({ documentHandle, documentRevision, value, value
         toolbarItems,
         toolbarPlacement,
         showToolbar,
-        containerStyle,
-        style,
+        containerStyle: containerStyle,
+        style: style,
         autoGrowHeight,
         pushedUpdate,
         registeredToolbarFrames,
@@ -401,6 +401,7 @@ function useRichTextEditorState({ documentHandle, documentRevision, value, value
         accessibilityHint,
         placeholder,
         autoFocus,
+        pasteMode,
         autoCapitalize,
         autoCorrect,
         keyboardType,