feat: Default to not renumbering lists

Author: madsroskar

package/src/components/Message/MessageSimple/utils/renderText.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { GestureResponderEvent, Linking, Text } from 'react-native';
+import { GestureResponderEvent, Linking, Text, View } from 'react-native';
 import anchorme from 'anchorme';
 import truncate from 'lodash/truncate';
 // @ts-expect-error
@@ -11,6 +11,7 @@ import {
   ParseFunction,
   parseInline,
   ReactNodeOutput,
+  SingleASTNode,
 } from 'simple-markdown';
 
 import type { MessageType } from '../../../MessageList/hooks/useMessageList';
@@ -41,6 +42,9 @@ const defaultMarkdownStyles: MarkdownStyle = {
   listItemText: {
     flex: 0,
   },
+  listRow: {
+    flexDirection: 'row',
+  },
   mentions: {
     fontWeight: '700',
   },
@@ -242,8 +246,37 @@ export const renderText = <
     );
   };
 
+  const listLevels = {
+    'top': 'top',
+    'sub': 'sub',
+  }
+
+  const customListAtLevel = (level: keyof typeof listLevels): ReactNodeOutput => (node, output, {...state}) => {
+        var numberIndex = node.start;
+        var items = node.items.map((item: Array<SingleASTNode>, i: number) => {
+          const withinList = item.length > 1 && item[1].type === 'list';
+          var content = output(item, { ...state, withinList });
+
+          const isTopLevelText = ['text', 'paragraph', 'strong'].includes(item[0].type) && withinList == false
+
+          numberIndex++;
+
+          return (
+            <View key={i} style={styles.listRow}>
+              <Text style={styles.listItemNumber}>{node.ordered ? `${numberIndex}. ` : `\u2022`}</Text>
+              <Text style={[styles.listItemText, isTopLevelText && {marginBottom: 0}]}>{content}</Text>
+            </View>
+          );
+        });
+
+    const isSublist = level === 'sub';
+    return (<View key={state.key} style={[isSublist ? styles.list : styles.sublist]}>{items}</View>);
+  }
+
   const customRules = {
     link: { react },
+    list: { react: customListAtLevel('top') },
+    sublist: { react: customListAtLevel('sub') },
     // we have no react rendering support for reflinks
     reflink: { match: () => null },
     ...(mentionedUsers