react-native-enriched 0.4.1 → 0.5.1

package/README.md

@@ -1,4 +1,4 @@
-<img src="https://github.com/user-attachments/assets/6963e203-38c8-4209-b1b2-1ff65f6765f9" alt="react-native-enriched by Software Mansion" width="100%">
+<img src="https://github.com/user-attachments/assets/c8ba03bc-4ea8-48f4-9566-02ebac0c19d3" alt="react-native-enriched by Software Mansion" width="100%">
 
 # react-native-enriched
 
@@ -30,6 +30,7 @@ We can help you build your next dream product –
 - [Inline Images](#inline-images)
 - [Style Detection](#style-detection)
 - [Other Events](#other-events)
+- [Context Menu Items](#context-menu-items)
 - [Customizing \<EnrichedTextInput /> styles](#customizing-enrichedtextinput--styles)
 - [API Reference](#api-reference)
 - [Known limitations](#known-limitations)
@@ -40,7 +41,8 @@ We can help you build your next dream product –
 ## Prerequisites
 
 - `react-native-enriched` currently supports only Android and iOS platforms
-- It works only with [the React Native New Architecture (Fabric)](https://reactnative.dev/architecture/landing-page) and supports following React Native releases: `0.79`, `0.80`, `0.81`, `0.82`, `0.83` and `0.84`.
+- It works only with [the React Native New Architecture (Fabric)](https://reactnative.dev/architecture/landing-page) and supports following React Native releases: `0.81`, `0.82`, `0.83` and `0.84`.
+- If you would like to use `react-native-enriched` in React Native `0.79` or `0.80` use `react-native-enriched 0.4.x`.
 
 ## Installation
 
@@ -232,6 +234,29 @@ You can find some examples in the [usage section](#usage) or in the example app.
 - [onKeyPress](docs/API_REFERENCE.md#onkeypress) - emits whenever a key is pressed. Follows react-native TextInput's onKeyPress event [spec](https://reactnative.dev/docs/textinput#onkeypress).
 - [onPasteImages](docs/API_REFERENCE.md#onpasteimages) - returns an array of images details whenever an image/GIF is pasted into the input.
 
+## Context Menu Items
+
+> **Note:** This feature is currently supported on Android and iOS 16+.
+
+You can extend the native text editing menu with custom items using the [contextMenuItems](docs/API_REFERENCE.md#contextmenuitems) prop. Each item has a `text` (title), `visible` flag and an `onPress` callback. Items appear in the specified order, before the system actions.
+
+```tsx
+<EnrichedTextInput
+  ref={ref}
+  contextMenuItems={[
+    {
+      text: 'Paste Link',
+      onPress: ({ text, selection, styleState }) => {
+        if (!styleState.link.isBlocking) {
+          ref.current?.setLink(selection.start, selection.end, text, url);
+        }
+      },
+      visible: true,
+    },
+  ]}
+/>
+```
+
 ## Customizing \<EnrichedTextInput /> styles
 
 `react-native-enriched` allows customizing styles of the `<EnrichedTextInput />` component. See [htmlStyle](docs/API_REFERENCE.md#htmlstyle) prop.

package/ReactNativeEnriched.podspec

@@ -13,8 +13,12 @@ Pod::Spec.new do |s|
   s.platforms    = { :ios => min_ios_version_supported }
   s.source       = { :git => "https://github.com/software-mansion/react-native-enriched.git", :tag => "#{s.version}" }
 
-  s.source_files = "ios/**/*.{h,m,mm,cpp}"
+  s.source_files = ["ios/**/*.{h,m,mm,cpp}", "cpp/**/*.{h,hpp,c,cpp}"]
+  s.exclude_files = ["cpp/tests/**"]
   s.private_header_files = "ios/**/*.h"
+  s.pod_target_xcconfig = {
+    'HEADER_SEARCH_PATHS' => '"${PODS_TARGET_SRCROOT}/cpp/parser" "${PODS_TARGET_SRCROOT}/cpp/GumboParser"'
+  }
 
 # Use install_modules_dependencies helper to install the dependencies if React Native version >=0.71.0.
 # See https://github.com/facebook/react-native/blob/febf6b7f33fdb4904669f99d795eba4c0f95d7bf/scripts/cocoapods/new_architecture.rb#L79.

package/android/generated/java/com/facebook/react/viewmanagers/EnrichedTextInputViewManagerDelegate.java

@@ -61,12 +61,18 @@ public class EnrichedTextInputViewManagerDelegate<T extends View, U extends Base
       case "linkRegex":
         mViewManager.setLinkRegex(view, (ReadableMap) value);
         break;
+      case "contextMenuItems":
+        mViewManager.setContextMenuItems(view, (ReadableArray) value);
+        break;
       case "color":
         mViewManager.setColor(view, ColorPropConverter.getColor(value, view.getContext()));
         break;
       case "fontSize":
         mViewManager.setFontSize(view, value == null ? 0f : ((Double) value).floatValue());
         break;
+      case "lineHeight":
+        mViewManager.setLineHeight(view, value == null ? 0f : ((Double) value).floatValue());
+        break;
       case "fontFamily":
         mViewManager.setFontFamily(view, value == null ? null : (String) value);
         break;
@@ -85,6 +91,9 @@ public class EnrichedTextInputViewManagerDelegate<T extends View, U extends Base
       case "androidExperimentalSynchronousEvents":
         mViewManager.setAndroidExperimentalSynchronousEvents(view, value == null ? false : (boolean) value);
         break;
+      case "useHtmlNormalizer":
+        mViewManager.setUseHtmlNormalizer(view, value == null ? false : (boolean) value);
+        break;
       default:
         super.setProperty(view, propName, value);
     }
@@ -156,6 +165,9 @@ public class EnrichedTextInputViewManagerDelegate<T extends View, U extends Base
       case "addLink":
         mViewManager.addLink(view, args.getInt(0), args.getInt(1), args.getString(2), args.getString(3));
         break;
+      case "removeLink":
+        mViewManager.removeLink(view, args.getInt(0), args.getInt(1));
+        break;
       case "addImage":
         mViewManager.addImage(view, args.getString(0), (float) args.getDouble(1), (float) args.getDouble(2));
         break;

package/android/generated/java/com/facebook/react/viewmanagers/EnrichedTextInputViewManagerInterface.java

@@ -28,14 +28,17 @@ public interface EnrichedTextInputViewManagerInterface<T extends View> extends V
   void setHtmlStyle(T view, @Nullable ReadableMap value);
   void setScrollEnabled(T view, boolean value);
   void setLinkRegex(T view, @Nullable ReadableMap value);
+  void setContextMenuItems(T view, @Nullable ReadableArray value);
   void setColor(T view, @Nullable Integer value);
   void setFontSize(T view, float value);
+  void setLineHeight(T view, float value);
   void setFontFamily(T view, @Nullable String value);
   void setFontWeight(T view, @Nullable String value);
   void setFontStyle(T view, @Nullable String value);
   void setIsOnChangeHtmlSet(T view, boolean value);
   void setIsOnChangeTextSet(T view, boolean value);
   void setAndroidExperimentalSynchronousEvents(T view, boolean value);
+  void setUseHtmlNormalizer(T view, boolean value);
   void focus(T view);
   void blur(T view);
   void setValue(T view, String text);
@@ -57,6 +60,7 @@ public interface EnrichedTextInputViewManagerInterface<T extends View> extends V
   void toggleUnorderedList(T view);
   void toggleCheckboxList(T view, boolean checked);
   void addLink(T view, int start, int end, String text, String url);
+  void removeLink(T view, int start, int end);
   void addImage(T view, String uri, float width, float height);
   void startMention(T view, String indicator);
   void addMention(T view, String indicator, String text, String payload);

package/android/generated/jni/react/renderer/components/ReactNativeEnrichedSpec/EventEmitters.cpp

@@ -273,4 +273,153 @@ imagesObject.setProperty(runtime, "height", imagesValue.height);
   });
 }
 
+
+void EnrichedTextInputViewEventEmitter::onContextMenuItemPress(OnContextMenuItemPress event) const {
+  dispatchEvent("contextMenuItemPress", [event=std::move(event)](jsi::Runtime &runtime) {
+    auto payload = jsi::Object(runtime);
+    payload.setProperty(runtime, "itemText", event.itemText);
+payload.setProperty(runtime, "selectedText", event.selectedText);
+payload.setProperty(runtime, "selectionStart", event.selectionStart);
+payload.setProperty(runtime, "selectionEnd", event.selectionEnd);
+{
+  auto styleState = jsi::Object(runtime);
+  {
+    auto bold = jsi::Object(runtime);
+    bold.setProperty(runtime, "isActive", event.styleState.bold.isActive);
+    bold.setProperty(runtime, "isConflicting", event.styleState.bold.isConflicting);
+    bold.setProperty(runtime, "isBlocking", event.styleState.bold.isBlocking);
+    styleState.setProperty(runtime, "bold", bold);
+  }
+  {
+    auto italic = jsi::Object(runtime);
+    italic.setProperty(runtime, "isActive", event.styleState.italic.isActive);
+    italic.setProperty(runtime, "isConflicting", event.styleState.italic.isConflicting);
+    italic.setProperty(runtime, "isBlocking", event.styleState.italic.isBlocking);
+    styleState.setProperty(runtime, "italic", italic);
+  }
+  {
+    auto underline = jsi::Object(runtime);
+    underline.setProperty(runtime, "isActive", event.styleState.underline.isActive);
+    underline.setProperty(runtime, "isConflicting", event.styleState.underline.isConflicting);
+    underline.setProperty(runtime, "isBlocking", event.styleState.underline.isBlocking);
+    styleState.setProperty(runtime, "underline", underline);
+  }
+  {
+    auto strikeThrough = jsi::Object(runtime);
+    strikeThrough.setProperty(runtime, "isActive", event.styleState.strikeThrough.isActive);
+    strikeThrough.setProperty(runtime, "isConflicting", event.styleState.strikeThrough.isConflicting);
+    strikeThrough.setProperty(runtime, "isBlocking", event.styleState.strikeThrough.isBlocking);
+    styleState.setProperty(runtime, "strikeThrough", strikeThrough);
+  }
+  {
+    auto inlineCode = jsi::Object(runtime);
+    inlineCode.setProperty(runtime, "isActive", event.styleState.inlineCode.isActive);
+    inlineCode.setProperty(runtime, "isConflicting", event.styleState.inlineCode.isConflicting);
+    inlineCode.setProperty(runtime, "isBlocking", event.styleState.inlineCode.isBlocking);
+    styleState.setProperty(runtime, "inlineCode", inlineCode);
+  }
+  {
+    auto h1 = jsi::Object(runtime);
+    h1.setProperty(runtime, "isActive", event.styleState.h1.isActive);
+    h1.setProperty(runtime, "isConflicting", event.styleState.h1.isConflicting);
+    h1.setProperty(runtime, "isBlocking", event.styleState.h1.isBlocking);
+    styleState.setProperty(runtime, "h1", h1);
+  }
+  {
+    auto h2 = jsi::Object(runtime);
+    h2.setProperty(runtime, "isActive", event.styleState.h2.isActive);
+    h2.setProperty(runtime, "isConflicting", event.styleState.h2.isConflicting);
+    h2.setProperty(runtime, "isBlocking", event.styleState.h2.isBlocking);
+    styleState.setProperty(runtime, "h2", h2);
+  }
+  {
+    auto h3 = jsi::Object(runtime);
+    h3.setProperty(runtime, "isActive", event.styleState.h3.isActive);
+    h3.setProperty(runtime, "isConflicting", event.styleState.h3.isConflicting);
+    h3.setProperty(runtime, "isBlocking", event.styleState.h3.isBlocking);
+    styleState.setProperty(runtime, "h3", h3);
+  }
+  {
+    auto h4 = jsi::Object(runtime);
+    h4.setProperty(runtime, "isActive", event.styleState.h4.isActive);
+    h4.setProperty(runtime, "isConflicting", event.styleState.h4.isConflicting);
+    h4.setProperty(runtime, "isBlocking", event.styleState.h4.isBlocking);
+    styleState.setProperty(runtime, "h4", h4);
+  }
+  {
+    auto h5 = jsi::Object(runtime);
+    h5.setProperty(runtime, "isActive", event.styleState.h5.isActive);
+    h5.setProperty(runtime, "isConflicting", event.styleState.h5.isConflicting);
+    h5.setProperty(runtime, "isBlocking", event.styleState.h5.isBlocking);
+    styleState.setProperty(runtime, "h5", h5);
+  }
+  {
+    auto h6 = jsi::Object(runtime);
+    h6.setProperty(runtime, "isActive", event.styleState.h6.isActive);
+    h6.setProperty(runtime, "isConflicting", event.styleState.h6.isConflicting);
+    h6.setProperty(runtime, "isBlocking", event.styleState.h6.isBlocking);
+    styleState.setProperty(runtime, "h6", h6);
+  }
+  {
+    auto codeBlock = jsi::Object(runtime);
+    codeBlock.setProperty(runtime, "isActive", event.styleState.codeBlock.isActive);
+    codeBlock.setProperty(runtime, "isConflicting", event.styleState.codeBlock.isConflicting);
+    codeBlock.setProperty(runtime, "isBlocking", event.styleState.codeBlock.isBlocking);
+    styleState.setProperty(runtime, "codeBlock", codeBlock);
+  }
+  {
+    auto blockQuote = jsi::Object(runtime);
+    blockQuote.setProperty(runtime, "isActive", event.styleState.blockQuote.isActive);
+    blockQuote.setProperty(runtime, "isConflicting", event.styleState.blockQuote.isConflicting);
+    blockQuote.setProperty(runtime, "isBlocking", event.styleState.blockQuote.isBlocking);
+    styleState.setProperty(runtime, "blockQuote", blockQuote);
+  }
+  {
+    auto orderedList = jsi::Object(runtime);
+    orderedList.setProperty(runtime, "isActive", event.styleState.orderedList.isActive);
+    orderedList.setProperty(runtime, "isConflicting", event.styleState.orderedList.isConflicting);
+    orderedList.setProperty(runtime, "isBlocking", event.styleState.orderedList.isBlocking);
+    styleState.setProperty(runtime, "orderedList", orderedList);
+  }
+  {
+    auto unorderedList = jsi::Object(runtime);
+    unorderedList.setProperty(runtime, "isActive", event.styleState.unorderedList.isActive);
+    unorderedList.setProperty(runtime, "isConflicting", event.styleState.unorderedList.isConflicting);
+    unorderedList.setProperty(runtime, "isBlocking", event.styleState.unorderedList.isBlocking);
+    styleState.setProperty(runtime, "unorderedList", unorderedList);
+  }
+  {
+    auto link = jsi::Object(runtime);
+    link.setProperty(runtime, "isActive", event.styleState.link.isActive);
+    link.setProperty(runtime, "isConflicting", event.styleState.link.isConflicting);
+    link.setProperty(runtime, "isBlocking", event.styleState.link.isBlocking);
+    styleState.setProperty(runtime, "link", link);
+  }
+  {
+    auto image = jsi::Object(runtime);
+    image.setProperty(runtime, "isActive", event.styleState.image.isActive);
+    image.setProperty(runtime, "isConflicting", event.styleState.image.isConflicting);
+    image.setProperty(runtime, "isBlocking", event.styleState.image.isBlocking);
+    styleState.setProperty(runtime, "image", image);
+  }
+  {
+    auto mention = jsi::Object(runtime);
+    mention.setProperty(runtime, "isActive", event.styleState.mention.isActive);
+    mention.setProperty(runtime, "isConflicting", event.styleState.mention.isConflicting);
+    mention.setProperty(runtime, "isBlocking", event.styleState.mention.isBlocking);
+    styleState.setProperty(runtime, "mention", mention);
+  }
+  {
+    auto checkboxList = jsi::Object(runtime);
+    checkboxList.setProperty(runtime, "isActive", event.styleState.checkboxList.isActive);
+    checkboxList.setProperty(runtime, "isConflicting", event.styleState.checkboxList.isConflicting);
+    checkboxList.setProperty(runtime, "isBlocking", event.styleState.checkboxList.isBlocking);
+    styleState.setProperty(runtime, "checkboxList", checkboxList);
+  }
+  payload.setProperty(runtime, "styleState", styleState);
+}
+    return payload;
+  });
+}
+
 } // namespace facebook::react

package/android/generated/jni/react/renderer/components/ReactNativeEnrichedSpec/EventEmitters.h

@@ -212,6 +212,150 @@ class EnrichedTextInputViewEventEmitter : public ViewEventEmitter {
   struct OnPasteImages {
       std::vector<OnPasteImagesImages> images;
     };
+
+  struct OnContextMenuItemPressStyleStateBold {
+      bool isActive;
+    bool isConflicting;
+    bool isBlocking;
+    };
+
+  struct OnContextMenuItemPressStyleStateItalic {
+      bool isActive;
+    bool isConflicting;
+    bool isBlocking;
+    };
+
+  struct OnContextMenuItemPressStyleStateUnderline {
+      bool isActive;
+    bool isConflicting;
+    bool isBlocking;
+    };
+
+  struct OnContextMenuItemPressStyleStateStrikeThrough {
+      bool isActive;
+    bool isConflicting;
+    bool isBlocking;
+    };
+
+  struct OnContextMenuItemPressStyleStateInlineCode {
+      bool isActive;
+    bool isConflicting;
+    bool isBlocking;
+    };
+
+  struct OnContextMenuItemPressStyleStateH1 {
+      bool isActive;
+    bool isConflicting;
+    bool isBlocking;
+    };
+
+  struct OnContextMenuItemPressStyleStateH2 {
+      bool isActive;
+    bool isConflicting;
+    bool isBlocking;
+    };
+
+  struct OnContextMenuItemPressStyleStateH3 {
+      bool isActive;
+    bool isConflicting;
+    bool isBlocking;
+    };
+
+  struct OnContextMenuItemPressStyleStateH4 {
+      bool isActive;
+    bool isConflicting;
+    bool isBlocking;
+    };
+
+  struct OnContextMenuItemPressStyleStateH5 {
+      bool isActive;
+    bool isConflicting;
+    bool isBlocking;
+    };
+
+  struct OnContextMenuItemPressStyleStateH6 {
+      bool isActive;
+    bool isConflicting;
+    bool isBlocking;
+    };
+
+  struct OnContextMenuItemPressStyleStateCodeBlock {
+      bool isActive;
+    bool isConflicting;
+    bool isBlocking;
+    };
+
+  struct OnContextMenuItemPressStyleStateBlockQuote {
+      bool isActive;
+    bool isConflicting;
+    bool isBlocking;
+    };
+
+  struct OnContextMenuItemPressStyleStateOrderedList {
+      bool isActive;
+    bool isConflicting;
+    bool isBlocking;
+    };
+
+  struct OnContextMenuItemPressStyleStateUnorderedList {
+      bool isActive;
+    bool isConflicting;
+    bool isBlocking;
+    };
+
+  struct OnContextMenuItemPressStyleStateLink {
+      bool isActive;
+    bool isConflicting;
+    bool isBlocking;
+    };
+
+  struct OnContextMenuItemPressStyleStateImage {
+      bool isActive;
+    bool isConflicting;
+    bool isBlocking;
+    };
+
+  struct OnContextMenuItemPressStyleStateMention {
+      bool isActive;
+    bool isConflicting;
+    bool isBlocking;
+    };
+
+  struct OnContextMenuItemPressStyleStateCheckboxList {
+      bool isActive;
+    bool isConflicting;
+    bool isBlocking;
+    };
+
+  struct OnContextMenuItemPressStyleState {
+      OnContextMenuItemPressStyleStateBold bold;
+    OnContextMenuItemPressStyleStateItalic italic;
+    OnContextMenuItemPressStyleStateUnderline underline;
+    OnContextMenuItemPressStyleStateStrikeThrough strikeThrough;
+    OnContextMenuItemPressStyleStateInlineCode inlineCode;
+    OnContextMenuItemPressStyleStateH1 h1;
+    OnContextMenuItemPressStyleStateH2 h2;
+    OnContextMenuItemPressStyleStateH3 h3;
+    OnContextMenuItemPressStyleStateH4 h4;
+    OnContextMenuItemPressStyleStateH5 h5;
+    OnContextMenuItemPressStyleStateH6 h6;
+    OnContextMenuItemPressStyleStateCodeBlock codeBlock;
+    OnContextMenuItemPressStyleStateBlockQuote blockQuote;
+    OnContextMenuItemPressStyleStateOrderedList orderedList;
+    OnContextMenuItemPressStyleStateUnorderedList unorderedList;
+    OnContextMenuItemPressStyleStateLink link;
+    OnContextMenuItemPressStyleStateImage image;
+    OnContextMenuItemPressStyleStateMention mention;
+    OnContextMenuItemPressStyleStateCheckboxList checkboxList;
+    };
+
+  struct OnContextMenuItemPress {
+      std::string itemText;
+    std::string selectedText;
+    int selectionStart;
+    int selectionEnd;
+    OnContextMenuItemPressStyleState styleState;
+    };
   void onInputFocus(OnInputFocus value) const;
 
   void onInputBlur(OnInputBlur value) const;
@@ -235,5 +379,7 @@ class EnrichedTextInputViewEventEmitter : public ViewEventEmitter {
   void onInputKeyPress(OnInputKeyPress value) const;
 
   void onPasteImages(OnPasteImages value) const;
+
+  void onContextMenuItemPress(OnContextMenuItemPress value) const;
 };
 } // namespace facebook::react

package/android/generated/jni/react/renderer/components/ReactNativeEnrichedSpec/Props.cpp

@@ -32,14 +32,17 @@ EnrichedTextInputViewProps::EnrichedTextInputViewProps(
     htmlStyle(convertRawProp(context, rawProps, "htmlStyle", sourceProps.htmlStyle, {})),
     scrollEnabled(convertRawProp(context, rawProps, "scrollEnabled", sourceProps.scrollEnabled, {false})),
     linkRegex(convertRawProp(context, rawProps, "linkRegex", sourceProps.linkRegex, {})),
+    contextMenuItems(convertRawProp(context, rawProps, "contextMenuItems", sourceProps.contextMenuItems, {})),
     color(convertRawProp(context, rawProps, "color", sourceProps.color, {})),
     fontSize(convertRawProp(context, rawProps, "fontSize", sourceProps.fontSize, {0.0})),
+    lineHeight(convertRawProp(context, rawProps, "lineHeight", sourceProps.lineHeight, {0.0})),
     fontFamily(convertRawProp(context, rawProps, "fontFamily", sourceProps.fontFamily, {})),
     fontWeight(convertRawProp(context, rawProps, "fontWeight", sourceProps.fontWeight, {})),
     fontStyle(convertRawProp(context, rawProps, "fontStyle", sourceProps.fontStyle, {})),
     isOnChangeHtmlSet(convertRawProp(context, rawProps, "isOnChangeHtmlSet", sourceProps.isOnChangeHtmlSet, {false})),
     isOnChangeTextSet(convertRawProp(context, rawProps, "isOnChangeTextSet", sourceProps.isOnChangeTextSet, {false})),
-    androidExperimentalSynchronousEvents(convertRawProp(context, rawProps, "androidExperimentalSynchronousEvents", sourceProps.androidExperimentalSynchronousEvents, {false})) {}
+    androidExperimentalSynchronousEvents(convertRawProp(context, rawProps, "androidExperimentalSynchronousEvents", sourceProps.androidExperimentalSynchronousEvents, {false})),
+    useHtmlNormalizer(convertRawProp(context, rawProps, "useHtmlNormalizer", sourceProps.useHtmlNormalizer, {false})) {}
     
 #ifdef RN_SERIALIZABLE_STATE
 ComponentName EnrichedTextInputViewProps::getDiffPropsImplementationTarget() const {
@@ -105,6 +108,10 @@ folly::dynamic EnrichedTextInputViewProps::getDiffProps(
     result["linkRegex"] = toDynamic(linkRegex);
   }
     
+  if (contextMenuItems != oldProps->contextMenuItems) {
+    result["contextMenuItems"] = toDynamic(contextMenuItems);
+  }
+    
   if (color != oldProps->color) {
     result["color"] = *color;
   }
@@ -113,6 +120,10 @@ folly::dynamic EnrichedTextInputViewProps::getDiffProps(
     result["fontSize"] = fontSize;
   }
     
+  if ((lineHeight != oldProps->lineHeight) && !(std::isnan(lineHeight) && std::isnan(oldProps->lineHeight))) {
+    result["lineHeight"] = lineHeight;
+  }
+    
   if (fontFamily != oldProps->fontFamily) {
     result["fontFamily"] = fontFamily;
   }
@@ -136,6 +147,10 @@ folly::dynamic EnrichedTextInputViewProps::getDiffProps(
   if (androidExperimentalSynchronousEvents != oldProps->androidExperimentalSynchronousEvents) {
     result["androidExperimentalSynchronousEvents"] = androidExperimentalSynchronousEvents;
   }
+    
+  if (useHtmlNormalizer != oldProps->useHtmlNormalizer) {
+    result["useHtmlNormalizer"] = useHtmlNormalizer;
+  }
   return result;
 }
 #endif

package/android/generated/jni/react/renderer/components/ReactNativeEnrichedSpec/Props.h

@@ -746,6 +746,49 @@ static inline folly::dynamic toDynamic(const EnrichedTextInputViewLinkRegexStruc
   return value.toDynamic();
 }
 #endif
+
+struct EnrichedTextInputViewContextMenuItemsStruct {
+  std::string text{};
+
+#ifdef RN_SERIALIZABLE_STATE
+  bool operator==(const EnrichedTextInputViewContextMenuItemsStruct&) const = default;
+
+  folly::dynamic toDynamic() const {
+    folly::dynamic result = folly::dynamic::object();
+    result["text"] = text;
+    return result;
+  }
+#endif
+};
+
+static inline void fromRawValue(const PropsParserContext& context, const RawValue &value, EnrichedTextInputViewContextMenuItemsStruct &result) {
+  auto map = (std::unordered_map<std::string, RawValue>)value;
+
+  auto tmp_text = map.find("text");
+  if (tmp_text != map.end()) {
+    fromRawValue(context, tmp_text->second, result.text);
+  }
+}
+
+static inline std::string toString(const EnrichedTextInputViewContextMenuItemsStruct &value) {
+  return "[Object EnrichedTextInputViewContextMenuItemsStruct]";
+}
+
+#ifdef RN_SERIALIZABLE_STATE
+static inline folly::dynamic toDynamic(const EnrichedTextInputViewContextMenuItemsStruct &value) {
+  return value.toDynamic();
+}
+#endif
+
+static inline void fromRawValue(const PropsParserContext& context, const RawValue &value, std::vector<EnrichedTextInputViewContextMenuItemsStruct> &result) {
+  auto items = (std::vector<RawValue>)value;
+  for (const auto &item : items) {
+    EnrichedTextInputViewContextMenuItemsStruct newItem;
+    fromRawValue(context, item, newItem);
+    result.emplace_back(newItem);
+  }
+}
+
 class EnrichedTextInputViewProps final : public ViewProps {
  public:
   EnrichedTextInputViewProps() = default;
@@ -765,14 +808,17 @@ class EnrichedTextInputViewProps final : public ViewProps {
   EnrichedTextInputViewHtmlStyleStruct htmlStyle{};
   bool scrollEnabled{false};
   EnrichedTextInputViewLinkRegexStruct linkRegex{};
+  std::vector<EnrichedTextInputViewContextMenuItemsStruct> contextMenuItems{};
   SharedColor color{};
   Float fontSize{0.0};
+  Float lineHeight{0.0};
   std::string fontFamily{};
   std::string fontWeight{};
   std::string fontStyle{};
   bool isOnChangeHtmlSet{false};
   bool isOnChangeTextSet{false};
   bool androidExperimentalSynchronousEvents{false};
+  bool useHtmlNormalizer{false};
 
   #ifdef RN_SERIALIZABLE_STATE
   ComponentName getDiffPropsImplementationTarget() const override;

package/android/src/main/java/com/swmansion/enriched/common/GumboNormalizer.kt

@@ -0,0 +1,5 @@
+package com.swmansion.enriched.common
+
+object GumboNormalizer {
+  external fun normalizeHtml(html: String): String?
+}

package/android/src/main/java/com/swmansion/enriched/common/spans/EnrichedCheckboxListSpan.kt

@@ -80,8 +80,9 @@ open class EnrichedCheckboxListSpan(
     if (spannedText.getSpanStart(this) == start) {
       checkboxDrawable.update(isChecked)
 
-      val lineCenter = (top + bottom) / 2f
-      val drawableTop = lineCenter - (enrichedStyle.ulCheckboxBoxSize / 2f)
+      val fm = paint.fontMetricsInt
+      val textCenter = baseline + (fm.ascent + fm.descent) / 2f
+      val drawableTop = textCenter - (enrichedStyle.ulCheckboxBoxSize / 2f)
 
       canvas.withTranslation(x.toFloat() + enrichedStyle.ulCheckboxMarginLeft, drawableTop) {
         checkboxDrawable.draw(this)

package/android/src/main/java/com/swmansion/enriched/common/spans/EnrichedUnorderedListSpan.kt

@@ -49,7 +49,8 @@ open class EnrichedUnorderedListSpan(
       paint.style = Paint.Style.FILL
 
       val bulletRadius = enrichedStyle.ulBulletSize / 2f
-      val yPosition = (top + bottom) / 2f
+      val fm = paint.fontMetricsInt
+      val yPosition = baseline + (fm.ascent + fm.descent) / 2f
       val xPosition = x + dir * bulletRadius + enrichedStyle.ulMarginLeft
 
       canvas.drawCircle(xPosition, yPosition, bulletRadius, paint)