react-native-marked 7.0.1-rc.0 → 7.0.2-rc.0

package/src/lib/Renderer.tsx

@@ -1,24 +1,22 @@
+import Slugger from "github-slugger";
 import React, { type ReactNode } from "react";
 import {
+	Dimensions,
+	type ImageStyle,
 	ScrollView,
-	View,
 	Text,
-	TouchableHighlight,
 	type TextStyle,
+	TouchableHighlight,
+	View,
 	type ViewStyle,
-	type ImageStyle,
-	Dimensions,
 } from "react-native";
-import MarkedList from "@jsamr/react-native-li";
-import Disc from "@jsamr/counter-style/presets/disc";
-import Decimal from "@jsamr/counter-style/presets/decimal";
-import Slugger from "github-slugger";
 import MDImage from "./../components/MDImage";
-import { onLinkPress } from "../utils/handlers";
-import type { RendererInterface } from "./types";
-import { getTableWidthArr } from "../utils/table";
+import MDList from "./../components/MDList";
 import MDSvg from "./../components/MDSvg";
 import MDTable from "./../components/MDTable";
+import { onLinkPress } from "../utils/handlers";
+import { getTableWidthArr } from "../utils/table";
+import type { RendererInterface } from "./types";
 
 class Renderer implements RendererInterface {
 	private slugPrefix = "react-native-marked-ele";
@@ -80,15 +78,14 @@ class Renderer implements RendererInterface {
 		startIndex?: number,
 	): ReactNode {
 		return (
-			<MarkedList
-				counterRenderer={ordered ? Decimal : Disc}
-				markerTextStyle={textStyle}
-				markerBoxStyle={listStyle}
+			<MDList
 				key={this.getKey()}
+				ordered={ordered}
+				li={li}
+				listStyle={listStyle}
+				textStyle={textStyle}
 				startIndex={startIndex}
-			>
-				{li.map((node) => node)}
-			</MarkedList>
+			/>
 		);
 	}
 

package/src/lib/types.ts

@@ -1,12 +1,12 @@
+import type { Tokenizer } from "marked";
 import type { ReactNode } from "react";
 import type {
 	FlatListProps,
-	ViewStyle,
-	TextStyle,
 	ImageStyle,
+	TextStyle,
+	ViewStyle,
 } from "react-native";
 import type { MarkedStyles, UserTheme } from "./../theme/types";
-import type { Tokenizer } from "marked";
 
 export interface ParserOptions {
 	styles?: MarkedStyles;

package/src/theme/styles.ts

@@ -1,6 +1,6 @@
-import { StyleSheet, type ColorSchemeName } from "react-native";
-import spacing from "./spacing";
+import { type ColorSchemeName, StyleSheet } from "react-native";
 import colors, { type ColorsPropType } from "./colors";
+import spacing from "./spacing";
 import type { MarkedStyles, UserTheme } from "./types";
 
 const getFontStyles = (mdColors: ColorsPropType) => {