Merge pull request #55509 from software-mansion-labs/@Skalakid/bump-r…

…eact-native-live-markdown-0.1.221 Bump react-native-live-markdown version to 0.1.221
Expensify · Jan 28, 2025 · 00f5edd · 00f5edd
2 parents 28cb413 + ac5a13f
commit 00f5edd
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 6 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -76,7 +76,7 @@
   },
   "dependencies": {
     "@dotlottie/react-player": "^1.6.3",
-    "@expensify/react-native-live-markdown": "0.1.210",
+    "@expensify/react-native-live-markdown": "0.1.221",
     "@expensify/react-native-background-task": "file:./modules/background-task",
     "@expo/metro-runtime": "^4.0.0",
     "@firebase/app": "^0.10.10",

diff --git a/src/components/RNMarkdownTextInput.tsx b/src/components/RNMarkdownTextInput.tsx
@@ -13,6 +13,17 @@ type AnimatedMarkdownTextInputRef = typeof AnimatedMarkdownTextInput & MarkdownT
 
 type RNMarkdownTextInputProps = Omit<MarkdownTextInputProps, 'parser'>;
 
+function handleFormatSelection(selectedText: string, formatCommand: string) {
+    switch (formatCommand) {
+        case 'formatBold':
+            return `*${selectedText}*`;
+        case 'formatItalic':
+            return `_${selectedText}_`;
+        default:
+            return selectedText;
+    }
+}
+
 function RNMarkdownTextInputWithRef({maxLength, ...props}: RNMarkdownTextInputProps, ref: ForwardedRef<AnimatedMarkdownTextInputRef>) {
     const theme = useTheme();
 
@@ -28,6 +39,7 @@ function RNMarkdownTextInputWithRef({maxLength, ...props}: RNMarkdownTextInputPr
                 }
                 ref(refHandle as AnimatedMarkdownTextInputRef);
             }}
+            formatSelection={handleFormatSelection}
             // eslint-disable-next-line
             {...props}
             /**