@expensify/react-native-live-markdown 0.1.29 → 0.1.31

package/src/MarkdownTextInput.web.tsx

@@ -514,24 +514,6 @@ const MarkdownTextInput = React.forwardRef<TextInput, MarkdownTextInputProps>(
       [numberOfLines],
     );
 
-    useEffect(() => {
-      // update event listeners events objects
-      const originalAddEventListener = EventTarget.prototype.addEventListener;
-      EventTarget.prototype.addEventListener = function (eventName, callback) {
-        if (eventName === 'paste' && typeof callback === 'function') {
-          originalAddEventListener.call(this, eventName, function (event) {
-            if (divRef.current && divRef.current.contains(event.target as Node)) {
-              // pasting returns styled span elements as event.target instead of the contentEditable div. We want to keep the div as the target
-              Object.defineProperty(event, 'target', {writable: false, value: divRef.current});
-            }
-            callback(event);
-          });
-        } else {
-          originalAddEventListener.call(this, eventName, callback);
-        }
-      };
-    }, []);
-
     useEffect(() => {
       if (!divRef.current) {
         return;

package/src/MarkdownTextInputDecoratorViewNativeComponent.ts

@@ -7,6 +7,9 @@ interface MarkdownStyle {
   syntax: {
     color: ColorValue;
   };
+  emoji: {
+    fontSize: Float;
+  };
   link: {
     color: ColorValue;
   };

package/src/styleUtils.ts

@@ -23,6 +23,9 @@ function makeDefaultMarkdownStyle(): MarkdownStyle {
     h1: {
       fontSize: 25,
     },
+    emoji: {
+      fontSize: 20,
+    },
     blockquote: {
       borderColor: 'gray',
       borderWidth: 6,

package/src/web/parserUtils.ts

@@ -4,7 +4,7 @@ import * as BrowserUtils from './browserUtils';
 
 type PartialMarkdownStyle = StyleUtilsTypes.PartialMarkdownStyle;
 
-type MarkdownType = 'bold' | 'italic' | 'strikethrough' | 'link' | 'code' | 'pre' | 'blockquote' | 'h1' | 'syntax' | 'mention-here' | 'mention-user';
+type MarkdownType = 'bold' | 'italic' | 'strikethrough' | 'emoji' | 'link' | 'code' | 'pre' | 'blockquote' | 'h1' | 'syntax' | 'mention-here' | 'mention-user';
 
 type MarkdownRange = {
   type: MarkdownType;
@@ -33,6 +33,9 @@ function addStyling(targetElement: HTMLElement, type: MarkdownType, markdownStyl
     case 'strikethrough':
       node.style.textDecoration = 'line-through';
       break;
+    case 'emoji':
+      Object.assign(node.style, markdownStyle.emoji);
+      break;
     case 'mention-here':
       Object.assign(node.style, markdownStyle.mentionHere);
       break;