Merge branch 'main' into @Skalakid/web-parser-refactor

README.md

@@ -120,7 +120,7 @@ The style object can be passed to multiple `MarkdownTextInput` components using
 
 ## Markdown flavors support
 
-Currently, `react-native-live-markdown` supports only [ExpensiMark](https://github.com/Expensify/expensify-common/blob/main/lib/ExpensiMark.js) flavor. We are working on CommonMark support as well as possibility to use other Markdown parsers.
+Currently, `react-native-live-markdown` supports only [ExpensiMark](https://github.com/Expensify/expensify-common/blob/main/lib/ExpensiMark.ts) flavor. We are working on CommonMark support as well as possibility to use other Markdown parsers.
 
 ## API reference
 

WebExample/__tests__/input.spec.ts

@@ -1,5 +1,5 @@
 import {test, expect} from '@playwright/test';
-import * as TEST_CONST from './testConstants';
+import * as TEST_CONST from '../../example/src/testConstants';
 import {checkCursorPosition, setupInput} from './utils';
 
 test.beforeEach(async ({page}) => {

WebExample/__tests__/styles.spec.ts

@@ -1,6 +1,6 @@
 import {test, expect} from '@playwright/test';
 import type {Page} from '@playwright/test';
-import * as TEST_CONST from './testConstants';
+import * as TEST_CONST from '../../example/src/testConstants';
 import {setupInput, getElementStyle} from './utils';
 
 const testMarkdownContentStyle = async ({testContent, style, page}: {testContent: string; style: string; page: Page}) => {

WebExample/__tests__/textManipulation.spec.ts

@@ -1,6 +1,6 @@
 import {test, expect} from '@playwright/test';
 import type {Locator, Page} from '@playwright/test';
-import * as TEST_CONST from './testConstants';
+import * as TEST_CONST from '../../example/src/testConstants';
 import {checkCursorPosition, setupInput, getElementStyle, pressCmd} from './utils';
 
 const pasteContent = async ({text, page, inputLocator}: {text: string; page: Page; inputLocator: Locator}) => {

WebExample/__tests__/utils.ts

@@ -1,5 +1,5 @@
 import type {Locator, Page} from '@playwright/test';
-import * as TEST_CONST from './testConstants';
+import * as TEST_CONST from '../../example/src/testConstants';
 
 const setupInput = async (page: Page, action?: 'clear' | 'reset') => {
   const inputLocator = await page.locator(`div#${TEST_CONST.INPUT_ID}`);

WebExample/playwright.config.ts

@@ -1,5 +1,5 @@
 import {defineConfig, devices} from '@playwright/test';
-import * as TEST_CONST from './__tests__/testConstants';
+import * as TEST_CONST from '../example/src/testConstants';
 
 export default defineConfig({
   testDir: './__tests__',

WebExample/tsconfig.json

@@ -3,6 +3,6 @@
   "compilerOptions": {
     "strict": true
   },
-  "include": ["App.tsx", "**/*.ts", "__tests__/testConstants.ts"],
+  "include": ["App.tsx", "**/*.ts"],
   "exclude": ["node_modules"]
 }

example/src/App.tsx

@@ -2,7 +2,7 @@ import * as React from 'react';
 import {Button, Platform, StyleSheet, Text, View} from 'react-native';
 import {MarkdownTextInput} from '@expensify/react-native-live-markdown';
 import type {TextInput} from 'react-native';
-import * as TEST_CONST from '../../WebExample/__tests__/testConstants';
+import * as TEST_CONST from './testConstants';
 
 function isWeb() {
   return Platform.OS === 'web';

example/tsconfig.json

@@ -3,6 +3,6 @@
   "compilerOptions": {
     "strict": true
   },
-  "include": ["src/App.tsx", "./index.ts"],
+  "include": ["src/App.tsx", "src/testConstants.ts", "./index.ts"],
   "exclude": ["node_modules"]
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expensify/react-native-live-markdown",
-  "version": "0.1.91",
+  "version": "0.1.95",
   "description": "Drop-in replacement for React Native's TextInput component with Markdown formatting.",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

src/MarkdownTextInput.web.tsx

@@ -472,8 +472,13 @@ const MarkdownTextInput = React.forwardRef<TextInput, MarkdownTextInputProps>(
       [onClick, updateSelection],
     );
 
-    const handlePaste = useCallback(() => {
+    const handlePaste = useCallback((e) => {
       pasteRef.current = true;
+      e.preventDefault();
+
+      const clipboardData = e.clipboardData;
+      const text = clipboardData.getData('text/plain');
+      document.execCommand('insertText', false, text);
     }, []);
 
     const startComposition = useCallback(() => {