react-native-enriched 0.2.1 → 0.4.0

package/android/src/main/java/com/swmansion/enriched/{EnrichedTextInputViewLayoutManager.kt → textinput/EnrichedTextInputViewLayoutManager.kt}

@@ -1,8 +1,10 @@
-package com.swmansion.enriched
+package com.swmansion.enriched.textinput
 
 import com.facebook.react.bridge.Arguments
 
-class EnrichedTextInputViewLayoutManager(private val view: EnrichedTextInputView) {
+class EnrichedTextInputViewLayoutManager(
+  private val view: EnrichedTextInputView,
+) {
   private var forceHeightRecalculationCounter: Int = 0
 
   fun invalidateLayout() {

package/android/src/main/java/com/swmansion/enriched/{EnrichedTextInputViewManager.kt → textinput/EnrichedTextInputViewManager.kt}

@@ -1,4 +1,4 @@
-package com.swmansion.enriched
+package com.swmansion.enriched.textinput
 
 import android.content.Context
 import com.facebook.react.bridge.ReadableArray
@@ -15,37 +15,34 @@ import com.facebook.react.uimanager.annotations.ReactProp
 import com.facebook.react.viewmanagers.EnrichedTextInputViewManagerDelegate
 import com.facebook.react.viewmanagers.EnrichedTextInputViewManagerInterface
 import com.facebook.yoga.YogaMeasureMode
-import com.swmansion.enriched.events.OnInputBlurEvent
-import com.swmansion.enriched.events.OnChangeHtmlEvent
-import com.swmansion.enriched.events.OnChangeSelectionEvent
-import com.swmansion.enriched.events.OnChangeStateEvent
-import com.swmansion.enriched.events.OnChangeTextEvent
-import com.swmansion.enriched.events.OnInputFocusEvent
-import com.swmansion.enriched.events.OnLinkDetectedEvent
-import com.swmansion.enriched.events.OnMentionDetectedEvent
-import com.swmansion.enriched.events.OnMentionEvent
-import com.swmansion.enriched.events.OnRequestHtmlResultEvent
-import com.swmansion.enriched.spans.EnrichedSpans
-import com.swmansion.enriched.styles.HtmlStyle
-import com.swmansion.enriched.utils.jsonStringToStringMap
+import com.swmansion.enriched.textinput.events.OnChangeHtmlEvent
+import com.swmansion.enriched.textinput.events.OnChangeSelectionEvent
+import com.swmansion.enriched.textinput.events.OnChangeStateEvent
+import com.swmansion.enriched.textinput.events.OnChangeTextEvent
+import com.swmansion.enriched.textinput.events.OnInputBlurEvent
+import com.swmansion.enriched.textinput.events.OnInputFocusEvent
+import com.swmansion.enriched.textinput.events.OnInputKeyPressEvent
+import com.swmansion.enriched.textinput.events.OnLinkDetectedEvent
+import com.swmansion.enriched.textinput.events.OnMentionDetectedEvent
+import com.swmansion.enriched.textinput.events.OnMentionEvent
+import com.swmansion.enriched.textinput.events.OnPasteImagesEvent
+import com.swmansion.enriched.textinput.events.OnRequestHtmlResultEvent
+import com.swmansion.enriched.textinput.spans.EnrichedSpans
+import com.swmansion.enriched.textinput.styles.HtmlStyle
+import com.swmansion.enriched.textinput.utils.jsonStringToStringMap
 
 @ReactModule(name = EnrichedTextInputViewManager.NAME)
-class EnrichedTextInputViewManager : SimpleViewManager<EnrichedTextInputView>(),
+class EnrichedTextInputViewManager :
+  SimpleViewManager<EnrichedTextInputView>(),
   EnrichedTextInputViewManagerInterface<EnrichedTextInputView> {
   private val mDelegate: ViewManagerDelegate<EnrichedTextInputView> =
     EnrichedTextInputViewManagerDelegate(this)
 
-  override fun getDelegate(): ViewManagerDelegate<EnrichedTextInputView>? {
-    return mDelegate
-  }
+  override fun getDelegate(): ViewManagerDelegate<EnrichedTextInputView>? = mDelegate
 
-  override fun getName(): String {
-    return NAME
-  }
+  override fun getName(): String = NAME
 
-  public override fun createViewInstance(context: ThemedReactContext): EnrichedTextInputView {
-    return EnrichedTextInputView(context)
-  }
+  public override fun createViewInstance(context: ThemedReactContext): EnrichedTextInputView = EnrichedTextInputView(context)
 
   override fun onDropViewInstance(view: EnrichedTextInputView) {
     super.onDropViewInstance(view)
@@ -55,65 +52,91 @@ class EnrichedTextInputViewManager : SimpleViewManager<EnrichedTextInputView>(),
   override fun updateState(
     view: EnrichedTextInputView,
     props: ReactStylesDiffMap?,
-    stateWrapper: StateWrapper?
+    stateWrapper: StateWrapper?,
   ): Any? {
     view.stateWrapper = stateWrapper
     return super.updateState(view, props, stateWrapper)
   }
 
-   override fun getExportedCustomDirectEventTypeConstants(): MutableMap<String, Any> {
-     val map = mutableMapOf<String, Any>()
-     map.put(OnInputFocusEvent.EVENT_NAME, mapOf("registrationName" to OnInputFocusEvent.EVENT_NAME))
-     map.put(OnInputBlurEvent.EVENT_NAME, mapOf("registrationName" to OnInputBlurEvent.EVENT_NAME))
-     map.put(OnChangeTextEvent.EVENT_NAME, mapOf("registrationName" to OnChangeTextEvent.EVENT_NAME))
-     map.put(OnChangeHtmlEvent.EVENT_NAME, mapOf("registrationName" to OnChangeHtmlEvent.EVENT_NAME))
-     map.put(OnChangeStateEvent.EVENT_NAME, mapOf("registrationName" to OnChangeStateEvent.EVENT_NAME))
-     map.put(OnLinkDetectedEvent.EVENT_NAME, mapOf("registrationName" to OnLinkDetectedEvent.EVENT_NAME))
-     map.put(OnMentionDetectedEvent.EVENT_NAME, mapOf("registrationName" to OnMentionDetectedEvent.EVENT_NAME))
-     map.put(OnMentionEvent.EVENT_NAME, mapOf("registrationName" to OnMentionEvent.EVENT_NAME))
-     map.put(OnChangeSelectionEvent.EVENT_NAME, mapOf("registrationName" to OnChangeSelectionEvent.EVENT_NAME))
-     map.put(OnRequestHtmlResultEvent.EVENT_NAME, mapOf("registrationName" to OnRequestHtmlResultEvent.EVENT_NAME))
+  override fun getExportedCustomDirectEventTypeConstants(): MutableMap<String, Any> {
+    val map = mutableMapOf<String, Any>()
+    map.put(OnInputFocusEvent.EVENT_NAME, mapOf("registrationName" to OnInputFocusEvent.EVENT_NAME))
+    map.put(OnInputBlurEvent.EVENT_NAME, mapOf("registrationName" to OnInputBlurEvent.EVENT_NAME))
+    map.put(OnChangeTextEvent.EVENT_NAME, mapOf("registrationName" to OnChangeTextEvent.EVENT_NAME))
+    map.put(OnChangeHtmlEvent.EVENT_NAME, mapOf("registrationName" to OnChangeHtmlEvent.EVENT_NAME))
+    map.put(OnChangeStateEvent.EVENT_NAME, mapOf("registrationName" to OnChangeStateEvent.EVENT_NAME))
+    map.put(OnLinkDetectedEvent.EVENT_NAME, mapOf("registrationName" to OnLinkDetectedEvent.EVENT_NAME))
+    map.put(OnMentionDetectedEvent.EVENT_NAME, mapOf("registrationName" to OnMentionDetectedEvent.EVENT_NAME))
+    map.put(OnMentionEvent.EVENT_NAME, mapOf("registrationName" to OnMentionEvent.EVENT_NAME))
+    map.put(OnChangeSelectionEvent.EVENT_NAME, mapOf("registrationName" to OnChangeSelectionEvent.EVENT_NAME))
+    map.put(OnRequestHtmlResultEvent.EVENT_NAME, mapOf("registrationName" to OnRequestHtmlResultEvent.EVENT_NAME))
+    map.put(OnInputKeyPressEvent.EVENT_NAME, mapOf("registrationName" to OnInputKeyPressEvent.EVENT_NAME))
+    map.put(OnPasteImagesEvent.EVENT_NAME, mapOf("registrationName" to OnPasteImagesEvent.EVENT_NAME))
 
-     return map
-   }
+    return map
+  }
 
   @ReactProp(name = "defaultValue")
-  override fun setDefaultValue(view: EnrichedTextInputView?, value: String?) {
+  override fun setDefaultValue(
+    view: EnrichedTextInputView?,
+    value: String?,
+  ) {
     view?.setDefaultValue(value)
   }
 
   @ReactProp(name = "placeholder")
-  override fun setPlaceholder(view: EnrichedTextInputView?, value: String?) {
+  override fun setPlaceholder(
+    view: EnrichedTextInputView?,
+    value: String?,
+  ) {
     view?.setPlaceholder(value)
   }
 
   @ReactProp(name = "placeholderTextColor", customType = "Color")
-  override fun setPlaceholderTextColor(view: EnrichedTextInputView?, color: Int?) {
+  override fun setPlaceholderTextColor(
+    view: EnrichedTextInputView?,
+    color: Int?,
+  ) {
     view?.setPlaceholderTextColor(color)
   }
 
   @ReactProp(name = "cursorColor", customType = "Color")
-  override fun setCursorColor(view: EnrichedTextInputView?, color: Int?) {
+  override fun setCursorColor(
+    view: EnrichedTextInputView?,
+    color: Int?,
+  ) {
     view?.setCursorColor(color)
   }
 
   @ReactProp(name = "selectionColor", customType = "Color")
-  override fun setSelectionColor(view: EnrichedTextInputView?, color: Int?) {
+  override fun setSelectionColor(
+    view: EnrichedTextInputView?,
+    color: Int?,
+  ) {
     view?.setSelectionColor(color)
   }
 
   @ReactProp(name = "autoFocus", defaultBoolean = false)
-  override fun setAutoFocus(view: EnrichedTextInputView?, autoFocus: Boolean) {
+  override fun setAutoFocus(
+    view: EnrichedTextInputView?,
+    autoFocus: Boolean,
+  ) {
     view?.setAutoFocus(autoFocus)
   }
 
   @ReactProp(name = "editable", defaultBoolean = true)
-  override fun setEditable(view: EnrichedTextInputView?, editable: Boolean) {
+  override fun setEditable(
+    view: EnrichedTextInputView?,
+    editable: Boolean,
+  ) {
     view?.isEnabled = editable
   }
 
   @ReactProp(name = "mentionIndicators")
-  override fun setMentionIndicators(view: EnrichedTextInputView?, indicators: ReadableArray?) {
+  override fun setMentionIndicators(
+    view: EnrichedTextInputView?,
+    indicators: ReadableArray?,
+  ) {
     if (indicators == null) return
 
     val indicatorsList = mutableListOf<String>()
@@ -127,37 +150,58 @@ class EnrichedTextInputViewManager : SimpleViewManager<EnrichedTextInputView>(),
   }
 
   @ReactProp(name = "htmlStyle")
-  override fun setHtmlStyle(view: EnrichedTextInputView?, style: ReadableMap?) {
+  override fun setHtmlStyle(
+    view: EnrichedTextInputView?,
+    style: ReadableMap?,
+  ) {
     view?.htmlStyle = HtmlStyle(view, style)
   }
 
   @ReactProp(name = ViewProps.COLOR, customType = "Color")
-  override fun setColor(view: EnrichedTextInputView?, color: Int?) {
+  override fun setColor(
+    view: EnrichedTextInputView?,
+    color: Int?,
+  ) {
     view?.setColor(color)
   }
 
   @ReactProp(name = "fontSize", defaultFloat = ViewDefaults.FONT_SIZE_SP)
-  override fun setFontSize(view: EnrichedTextInputView?, size: Float) {
+  override fun setFontSize(
+    view: EnrichedTextInputView?,
+    size: Float,
+  ) {
     view?.setFontSize(size)
   }
 
   @ReactProp(name = "fontFamily")
-  override fun setFontFamily(view: EnrichedTextInputView?, family: String?) {
+  override fun setFontFamily(
+    view: EnrichedTextInputView?,
+    family: String?,
+  ) {
     view?.setFontFamily(family)
   }
 
   @ReactProp(name = "fontWeight")
-  override fun setFontWeight(view: EnrichedTextInputView?, weight: String?) {
+  override fun setFontWeight(
+    view: EnrichedTextInputView?,
+    weight: String?,
+  ) {
     view?.setFontWeight(weight)
   }
 
   @ReactProp(name = "fontStyle")
-  override fun setFontStyle(view: EnrichedTextInputView?, style: String?) {
+  override fun setFontStyle(
+    view: EnrichedTextInputView?,
+    style: String?,
+  ) {
     view?.setFontStyle(style)
   }
 
   @ReactProp(name = "scrollEnabled")
-  override fun setScrollEnabled(view: EnrichedTextInputView, scrollEnabled: Boolean) {
+  override fun setScrollEnabled(
+    view: EnrichedTextInputView,
+    scrollEnabled: Boolean,
+  ) {
     view.scrollEnabled = scrollEnabled
   }
 
@@ -171,24 +215,44 @@ class EnrichedTextInputViewManager : SimpleViewManager<EnrichedTextInputView>(),
     left: Int,
     top: Int,
     right: Int,
-    bottom: Int
+    bottom: Int,
   ) {
     super.setPadding(view, left, top, right, bottom)
 
     view?.setPadding(left, top, right, bottom)
   }
 
-  override fun setIsOnChangeHtmlSet(view: EnrichedTextInputView?, value: Boolean) {
+  override fun setIsOnChangeHtmlSet(
+    view: EnrichedTextInputView?,
+    value: Boolean,
+  ) {
     view?.shouldEmitHtml = value
   }
 
-  override fun setAutoCapitalize(view: EnrichedTextInputView?, flag: String?) {
+  override fun setIsOnChangeTextSet(
+    view: EnrichedTextInputView?,
+    value: Boolean,
+  ) {
+    view?.shouldEmitOnChangeText = value
+  }
+
+  override fun setAutoCapitalize(
+    view: EnrichedTextInputView?,
+    flag: String?,
+  ) {
     view?.setAutoCapitalize(flag)
   }
 
+  override fun setLinkRegex(
+    view: EnrichedTextInputView?,
+    config: ReadableMap?,
+  ) {
+    view?.setLinkRegex(config)
+  }
+
   override fun setAndroidExperimentalSynchronousEvents(
     view: EnrichedTextInputView?,
-    value: Boolean
+    value: Boolean,
   ) {
     view?.experimentalSynchronousEvents = value
   }
@@ -201,10 +265,21 @@ class EnrichedTextInputViewManager : SimpleViewManager<EnrichedTextInputView>(),
     view?.clearFocus()
   }
 
-  override fun setValue(view: EnrichedTextInputView?, text: String) {
+  override fun setValue(
+    view: EnrichedTextInputView?,
+    text: String,
+  ) {
     view?.setValue(text)
   }
 
+  override fun setSelection(
+    view: EnrichedTextInputView?,
+    start: Int,
+    end: Int,
+  ) {
+    view?.setCustomSelection(start, end)
+  }
+
   override fun toggleBold(view: EnrichedTextInputView?) {
     view?.verifyAndToggleStyle(EnrichedSpans.BOLD)
   }
@@ -237,6 +312,18 @@ class EnrichedTextInputViewManager : SimpleViewManager<EnrichedTextInputView>(),
     view?.verifyAndToggleStyle(EnrichedSpans.H3)
   }
 
+  override fun toggleH4(view: EnrichedTextInputView?) {
+    view?.verifyAndToggleStyle(EnrichedSpans.H4)
+  }
+
+  override fun toggleH5(view: EnrichedTextInputView?) {
+    view?.verifyAndToggleStyle(EnrichedSpans.H5)
+  }
+
+  override fun toggleH6(view: EnrichedTextInputView?) {
+    view?.verifyAndToggleStyle(EnrichedSpans.H6)
+  }
+
   override fun toggleCodeBlock(view: EnrichedTextInputView?) {
     view?.verifyAndToggleStyle(EnrichedSpans.CODE_BLOCK)
   }
@@ -253,24 +340,53 @@ class EnrichedTextInputViewManager : SimpleViewManager<EnrichedTextInputView>(),
     view?.verifyAndToggleStyle(EnrichedSpans.UNORDERED_LIST)
   }
 
-  override fun addLink(view: EnrichedTextInputView?, start: Int, end: Int, text: String, url: String) {
+  override fun toggleCheckboxList(
+    view: EnrichedTextInputView?,
+    isChecked: Boolean,
+  ) {
+    view?.toggleCheckboxListItem(isChecked)
+  }
+
+  override fun addLink(
+    view: EnrichedTextInputView?,
+    start: Int,
+    end: Int,
+    text: String,
+    url: String,
+  ) {
     view?.addLink(start, end, text, url)
   }
 
-  override fun addImage(view: EnrichedTextInputView?, src: String, width: Float, height: Float) {
+  override fun addImage(
+    view: EnrichedTextInputView?,
+    src: String,
+    width: Float,
+    height: Float,
+  ) {
     view?.addImage(src, width, height)
   }
 
-  override fun startMention(view: EnrichedTextInputView?, indicator: String) {
+  override fun startMention(
+    view: EnrichedTextInputView?,
+    indicator: String,
+  ) {
     view?.startMention(indicator)
   }
 
-  override fun addMention(view: EnrichedTextInputView?, indicator: String, text: String, payload: String) {
+  override fun addMention(
+    view: EnrichedTextInputView?,
+    indicator: String,
+    text: String,
+    payload: String,
+  ) {
     val attributes = jsonStringToStringMap(payload)
     view?.addMention(text, indicator, attributes)
   }
 
-  override fun requestHTML(view: EnrichedTextInputView?, requestId: Int) {
+  override fun requestHTML(
+    view: EnrichedTextInputView?,
+    requestId: Int,
+  ) {
     view?.requestHTML(requestId)
   }
 
@@ -283,10 +399,10 @@ class EnrichedTextInputViewManager : SimpleViewManager<EnrichedTextInputView>(),
     widthMode: YogaMeasureMode?,
     height: Float,
     heightMode: YogaMeasureMode?,
-    attachmentsPositions: FloatArray?
+    attachmentsPositions: FloatArray?,
   ): Long {
     val id = localData?.getInt("viewTag")
-    return MeasurementStore.getMeasureById(context, id, width, props)
+    return MeasurementStore.getMeasureById(context, id, width, height, heightMode, props)
   }
 
   companion object {

package/android/src/main/java/com/swmansion/enriched/{MeasurementStore.kt → textinput/MeasurementStore.kt}

@@ -1,4 +1,4 @@
-package com.swmansion.enriched
+package com.swmansion.enriched.textinput
 
 import android.content.Context
 import android.graphics.Typeface
@@ -13,9 +13,10 @@ import com.facebook.react.uimanager.PixelUtil
 import com.facebook.react.views.text.ReactTypefaceUtils.applyStyles
 import com.facebook.react.views.text.ReactTypefaceUtils.parseFontStyle
 import com.facebook.react.views.text.ReactTypefaceUtils.parseFontWeight
+import com.facebook.yoga.YogaMeasureMode
 import com.facebook.yoga.YogaMeasureOutput
-import com.swmansion.enriched.styles.HtmlStyle
-import com.swmansion.enriched.utils.EnrichedParser
+import com.swmansion.enriched.common.parser.EnrichedParser
+import com.swmansion.enriched.textinput.styles.HtmlStyle
 import java.util.concurrent.ConcurrentHashMap
 import kotlin.math.ceil
 
@@ -27,17 +28,19 @@ object MeasurementStore {
 
   data class MeasurementParams(
     val initialized: Boolean,
-
     val cachedWidth: Float,
     val cachedSize: Long,
-
     val spannable: CharSequence?,
     val paintParams: PaintParams,
   )
 
   private val data = ConcurrentHashMap<Int, MeasurementParams>()
 
-  fun store(id: Int, spannable: Spannable?, paint: TextPaint): Boolean {
+  fun store(
+    id: Int,
+    spannable: Spannable?,
+    paint: TextPaint,
+  ): Boolean {
     val cachedWidth = data[id]?.cachedWidth ?: 0f
     val cachedSize = data[id]?.cachedSize ?: 0L
     val initialized = data[id]?.initialized ?: true
@@ -53,22 +56,32 @@ object MeasurementStore {
     data.remove(id)
   }
 
-  private fun measure(maxWidth: Float, spannable: CharSequence?, paintParams: PaintParams): Long {
-    val paint = TextPaint().apply {
-      typeface = paintParams.typeface
-      textSize = paintParams.fontSize
-    }
+  private fun measure(
+    maxWidth: Float,
+    spannable: CharSequence?,
+    paintParams: PaintParams,
+  ): Long {
+    val paint =
+      TextPaint().apply {
+        typeface = paintParams.typeface
+        textSize = paintParams.fontSize
+      }
 
     return measure(maxWidth, spannable, paint)
   }
 
-  private fun measure(maxWidth: Float, spannable: CharSequence?, paint: TextPaint): Long {
+  private fun measure(
+    maxWidth: Float,
+    spannable: CharSequence?,
+    paint: TextPaint,
+  ): Long {
     val text = spannable ?: ""
     val textLength = text.length
-    val builder = StaticLayout.Builder
-      .obtain(text, 0, textLength, paint, maxWidth.toInt())
-      .setIncludePad(true)
-      .setLineSpacing(0f, 1f)
+    val builder =
+      StaticLayout.Builder
+        .obtain(text, 0, textLength, paint, maxWidth.toInt())
+        .setIncludePad(true)
+        .setLineSpacing(0f, 1f)
 
     if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.Q) {
       builder.setBreakStrategy(LineBreaker.BREAK_STRATEGY_HIGH_QUALITY)
@@ -85,7 +98,10 @@ object MeasurementStore {
   }
 
   // Returns either: Spannable parsed from HTML defaultValue, or plain text defaultValue, or "I" if no defaultValue
-  private fun getInitialText(defaultView: EnrichedTextInputView, props: ReadableMap?): CharSequence {
+  private fun getInitialText(
+    defaultView: EnrichedTextInputView,
+    props: ReadableMap?,
+  ): CharSequence {
     val defaultValue = props?.getString("defaultValue")
 
     // If there is no default value, assume text is one line, "I" is a good approximation of height
@@ -96,7 +112,8 @@ object MeasurementStore {
 
     try {
       val htmlStyle = HtmlStyle(defaultView, props.getMap("htmlStyle"))
-      val parsed = EnrichedParser.fromHtml(defaultValue, htmlStyle, null)
+      val factory = EnrichedTextInputSpannableFactory()
+      val parsed = EnrichedParser.fromHtml(defaultValue, htmlStyle, factory)
       return parsed.trimEnd('\n')
     } catch (e: Exception) {
       Log.w("MeasurementStore", "Error parsing initial HTML text: ${e.message}")
@@ -104,7 +121,10 @@ object MeasurementStore {
     }
   }
 
-  private fun getInitialFontSize(defaultView: EnrichedTextInputView, props: ReadableMap?): Float {
+  private fun getInitialFontSize(
+    defaultView: EnrichedTextInputView,
+    props: ReadableMap?,
+  ): Float {
     val propsFontSize = props?.getDouble("fontSize")?.toFloat()
     if (propsFontSize == null) return defaultView.textSize
 
@@ -113,7 +133,12 @@ object MeasurementStore {
 
   // Called when view measurements are not available in the store
   // Most likely first measurement, we can use defaultValue, as no native state is set yet
-  private fun initialMeasure(context: Context, id: Int?, width: Float, props: ReadableMap?): Long {
+  private fun initialMeasure(
+    context: Context,
+    id: Int?,
+    width: Float,
+    props: ReadableMap?,
+  ): Long {
     val defaultView = EnrichedTextInputView(context)
 
     val text = getInitialText(defaultView, props)
@@ -134,7 +159,12 @@ object MeasurementStore {
     return size
   }
 
-  fun getMeasureById(context: Context, id: Int?, width: Float, props: ReadableMap?): Long {
+  private fun getMeasureById(
+    context: Context,
+    id: Int?,
+    width: Float,
+    props: ReadableMap?,
+  ): Long {
     val id = id ?: return initialMeasure(context, id, width, props)
     val value = data[id] ?: return initialMeasure(context, id, width, props)
 
@@ -146,13 +176,33 @@ object MeasurementStore {
       return value.cachedSize
     }
 
-    val paint = TextPaint().apply {
-      typeface = value.paintParams.typeface
-      textSize = value.paintParams.fontSize
-    }
+    val paint =
+      TextPaint().apply {
+        typeface = value.paintParams.typeface
+        textSize = value.paintParams.fontSize
+      }
 
     val size = measure(width, value.spannable, paint)
     data[id] = MeasurementParams(true, width, size, value.spannable, value.paintParams)
     return size
   }
+
+  fun getMeasureById(
+    context: Context,
+    id: Int?,
+    width: Float,
+    height: Float,
+    heightMode: YogaMeasureMode?,
+    props: ReadableMap?,
+  ): Long {
+    val size = getMeasureById(context, id, width, props)
+    if (heightMode !== YogaMeasureMode.AT_MOST) {
+      return size
+    }
+
+    val calculatedHeight = YogaMeasureOutput.getHeight(size)
+    val atMostHeight = PixelUtil.toDIPFromPixel(height)
+    val finalHeight = calculatedHeight.coerceAtMost(atMostHeight)
+    return YogaMeasureOutput.make(YogaMeasureOutput.getWidth(size), finalHeight)
+  }
 }

package/android/src/main/java/com/swmansion/enriched/{events → textinput/events}/MentionHandler.kt

@@ -1,10 +1,12 @@
-package com.swmansion.enriched.events
+package com.swmansion.enriched.textinput.events
 
 import com.facebook.react.bridge.ReactContext
 import com.facebook.react.uimanager.UIManagerHelper
-import com.swmansion.enriched.EnrichedTextInputView
+import com.swmansion.enriched.textinput.EnrichedTextInputView
 
-class MentionHandler(private val view: EnrichedTextInputView) {
+class MentionHandler(
+  private val view: EnrichedTextInputView,
+) {
   private var previousText: String? = null
   private var previousIndicator: String? = null
 
@@ -21,12 +23,18 @@ class MentionHandler(private val view: EnrichedTextInputView) {
     previousIndicator = null
   }
 
-  fun onMention(indicator: String, text: String?) {
+  fun onMention(
+    indicator: String,
+    text: String?,
+  ) {
     emitEvent(indicator, text)
     previousIndicator = indicator
   }
 
-  private fun emitEvent(indicator: String, text: String?) {
+  private fun emitEvent(
+    indicator: String,
+    text: String?,
+  ) {
     // Do not emit events too often
     if (previousText == text) return
 
@@ -34,12 +42,14 @@ class MentionHandler(private val view: EnrichedTextInputView) {
     val context = view.context as ReactContext
     val surfaceId = UIManagerHelper.getSurfaceId(context)
     val dispatcher = UIManagerHelper.getEventDispatcherForReactTag(context, view.id)
-    dispatcher?.dispatchEvent(OnMentionEvent(
-      surfaceId,
-      view.id,
-      indicator,
-      text,
-      view.experimentalSynchronousEvents,
-    ))
+    dispatcher?.dispatchEvent(
+      OnMentionEvent(
+        surfaceId,
+        view.id,
+        indicator,
+        text,
+        view.experimentalSynchronousEvents,
+      ),
+    )
   }
 }

package/android/src/main/java/com/swmansion/enriched/textinput/events/OnChangeHtmlEvent.kt

@@ -0,0 +1,27 @@
+package com.swmansion.enriched.textinput.events
+
+import com.facebook.react.bridge.Arguments
+import com.facebook.react.bridge.WritableMap
+import com.facebook.react.uimanager.events.Event
+
+class OnChangeHtmlEvent(
+  surfaceId: Int,
+  viewId: Int,
+  private val html: String,
+  private val experimentalSynchronousEvents: Boolean,
+) : Event<OnChangeHtmlEvent>(surfaceId, viewId) {
+  override fun getEventName(): String = EVENT_NAME
+
+  override fun getEventData(): WritableMap {
+    val eventData: WritableMap = Arguments.createMap()
+    eventData.putString("value", html)
+
+    return eventData
+  }
+
+  override fun experimental_isSynchronous(): Boolean = experimentalSynchronousEvents
+
+  companion object {
+    const val EVENT_NAME: String = "onChangeHtml"
+  }
+}