fix(major): lists with start offset

gmsgowtham · Apr 6, 2023 · e5601b2 · e5601b2
1 parent a6a28de
commit e5601b2
Show file tree

Hide file tree

Showing 5 changed files with 374 additions and 0 deletions.
diff --git a/src/lib/Parser.tsx b/src/lib/Parser.tsx
@@ -76,6 +76,10 @@ class Parser {
 				return this.renderer.hr(this.styles.hr);
 			}
 			case "list": {
+				let startIndex = parseInt(token.start.toString());
+				if (Number.isNaN(startIndex)) {
+					startIndex = 1;
+				}
 				const li = token.items.map((item) => {
 					const children = item.tokens.flatMap((cItem) => {
 						if (cItem.type === "text") {
@@ -102,6 +106,7 @@ class Parser {
 					li,
 					this.styles.list,
 					this.styles.li,
+					startIndex,
 				);
 			}
 			case "escape": {

diff --git a/src/lib/Renderer.tsx b/src/lib/Renderer.tsx
@@ -65,13 +65,15 @@ class Renderer implements RendererInterface {
 		li: ReactNode[],
 		listStyle?: ViewStyle,
 		textStyle?: TextStyle,
+		startIndex?: number,
 	): ReactNode {
 		return (
 			<MarkedList
 				counterRenderer={ordered ? Decimal : Disc}
 				markerTextStyle={textStyle}
 				markerBoxStyle={listStyle}
 				key={this.getKey()}
+				startIndex={startIndex}
 			>
 				{li.map((node) => node)}
 			</MarkedList>

diff --git a/src/lib/__tests__/Markdown.spec.tsx b/src/lib/__tests__/Markdown.spec.tsx
@@ -272,6 +272,17 @@ describe("Lists", () => {
 		const tree = r.toJSON();
 		expect(tree).toMatchSnapshot();
 	});
+	it("Ordered Lists: With Start Offset", () => {
+		const r = render(<Markdown value={"57. foo\n1. bar\n2. baz"} />);
+		expect(screen.queryByText("foo")).toBeTruthy();
+		expect(screen.queryByText("bar")).toBeTruthy();
+		expect(screen.queryByText("baz")).toBeTruthy();
+		expect(screen.queryByText("57.")).toBeTruthy();
+		expect(screen.queryByText("58.")).toBeTruthy();
+		expect(screen.queryByText("59.")).toBeTruthy();
+		const tree = r.toJSON();
+		expect(tree).toMatchSnapshot();
+	});
 	it("Unordered Lists", () => {
 		const r = render(
 			<Markdown