From fcec12be9cc095656b91e74806b3bf3ffa328c51 Mon Sep 17 00:00:00 2001
From: Robert Sesek <rsesek@bluestatic.org>
Date: Sun, 15 Mar 2020 12:36:20 -0400
Subject: [PATCH] Sort a Form's lines using localeCompare with numeric=true.

---
 src/FormView.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/FormView.tsx b/src/FormView.tsx
index 9e81ccd..f559fd9 100644
--- a/src/FormView.tsx
+++ b/src/FormView.tsx
@@ -15,7 +15,11 @@ interface FormProps {
 }
 
 export default function FormView(props: FormProps) {
-  const lines = createMemo(() => Object.values(props.form.lines));
+  const lines = createMemo(() => {
+    const keys = Object.keys(props.form.lines);
+    keys.sort((a, b) => a.localeCompare(b, undefined, { numeric: true }));
+    return keys.map(k => props.form.lines[k]);
+  });
 
   return (
     <>
-- 
2.22.5