From 6bca21a440d1ee3dc3390a34e05c8b038a610989 Mon Sep 17 00:00:00 2001
From: Riley Grant <grantrileyh@gmail.com>
Date: Mon, 4 Nov 2024 11:31:37 -0600
Subject: [PATCH] fix(browser): use numeric sort for AF in grp freq table
 consistently

---
 browser/src/VariantPage/PopulationsTable.tsx  |  22 +-
 .../GnomadPopulationsTable.spec.tsx.snap      | 838 +++++++++---------
 2 files changed, 432 insertions(+), 428 deletions(-)

diff --git a/browser/src/VariantPage/PopulationsTable.tsx b/browser/src/VariantPage/PopulationsTable.tsx
index ce6fef903..f0355fa63 100644
--- a/browser/src/VariantPage/PopulationsTable.tsx
+++ b/browser/src/VariantPage/PopulationsTable.tsx
@@ -45,21 +45,25 @@ const SEX_IDENTIFIERS = ['XX', 'XY']
 const isSexSpecificPopulation = (pop: any) =>
   SEX_IDENTIFIERS.includes(pop.id) || SEX_IDENTIFIERS.some((id) => pop.id.endsWith(`_${id}`))
 
-// if the allele number (denominator) is 0, return a non-number
-//   to signal to users that there is no information to be displayed about
-//   the frequency, rather than artificially calling it 0
-const calculatePopAF = (ac: number, an: number) => {
+// if the allele number (denominator) is 0, return a sentinel value of -1
+//   this sorts this grp to the end of the table, and can be used to render
+//   a special symbol
+const calculatePopAF = (ac: number, an: number): number => {
   if (an === 0) {
-    return '-'
+    return -1
   }
   return ac / an
 }
 
-const renderPopAF = (af: number | string) => {
-  if (typeof af === 'number') {
-    return af.toPrecision(4)
+// When rendering AFs, the sentinel value of -1 denotes grps with an AN of 0
+//   in this case, render a '-' character to communicate to users that
+//   there is no data to be displayed
+const renderPopAF = (af: number) => {
+  if (af === -1) {
+    return '-'
   }
-  return af
+
+  return af.toPrecision(4)
 }
 
 type OwnPopulationsTableProps = {
diff --git a/browser/src/VariantPage/__snapshots__/GnomadPopulationsTable.spec.tsx.snap b/browser/src/VariantPage/__snapshots__/GnomadPopulationsTable.spec.tsx.snap
index d668b7571..64e7c406f 100644
--- a/browser/src/VariantPage/__snapshots__/GnomadPopulationsTable.spec.tsx.snap
+++ b/browser/src/VariantPage/__snapshots__/GnomadPopulationsTable.spec.tsx.snap
@@ -106,28 +106,22 @@ exports[`GnomadPopulationsTable with a dataset of exac has no unexpected changes
           rowSpan={1}
           scope="row"
         >
-          <button
-            className="Button__TextButton-sc-1eobygi-3 PopulationsTable__TogglePopulationButton-sc-sijbl0-2 cdNMTw"
-            onClick={[Function]}
-            type="button"
-          >
-            South Asian
-          </button>
+          African/African American
         </th>
         <td
           className="right-align"
         >
-          0
+          33
         </td>
         <td
           className="right-align"
         >
-          0
+          330
         </td>
         <td
           className="right-align"
         >
-          0
+          37
         </td>
         <td
           style={
@@ -136,7 +130,7 @@ exports[`GnomadPopulationsTable with a dataset of exac has no unexpected changes
             }
           }
         >
-          -
+          0.1000
         </td>
       </tr>
     </tbody>
@@ -149,22 +143,22 @@ exports[`GnomadPopulationsTable with a dataset of exac has no unexpected changes
           rowSpan={1}
           scope="row"
         >
-          African/African American
+          Remaining
         </th>
         <td
           className="right-align"
         >
-          33
+          66
         </td>
         <td
           className="right-align"
         >
-          330
+          660
         </td>
         <td
           className="right-align"
         >
-          37
+          70
         </td>
         <td
           style={
@@ -191,7 +185,7 @@ exports[`GnomadPopulationsTable with a dataset of exac has no unexpected changes
             onClick={[Function]}
             type="button"
           >
-            Admixed American
+            South Asian
           </button>
         </th>
         <td
@@ -234,7 +228,7 @@ exports[`GnomadPopulationsTable with a dataset of exac has no unexpected changes
             onClick={[Function]}
             type="button"
           >
-            East Asian
+            Admixed American
           </button>
         </th>
         <td
@@ -277,7 +271,7 @@ exports[`GnomadPopulationsTable with a dataset of exac has no unexpected changes
             onClick={[Function]}
             type="button"
           >
-            European (Finnish)
+            East Asian
           </button>
         </th>
         <td
@@ -320,7 +314,7 @@ exports[`GnomadPopulationsTable with a dataset of exac has no unexpected changes
             onClick={[Function]}
             type="button"
           >
-            European (non-Finnish)
+            European (Finnish)
           </button>
         </th>
         <td
@@ -358,22 +352,28 @@ exports[`GnomadPopulationsTable with a dataset of exac has no unexpected changes
           rowSpan={1}
           scope="row"
         >
-          Remaining
+          <button
+            className="Button__TextButton-sc-1eobygi-3 PopulationsTable__TogglePopulationButton-sc-sijbl0-2 cdNMTw"
+            onClick={[Function]}
+            type="button"
+          >
+            European (non-Finnish)
+          </button>
         </th>
         <td
           className="right-align"
         >
-          66
+          0
         </td>
         <td
           className="right-align"
         >
-          660
+          0
         </td>
         <td
           className="right-align"
         >
-          70
+          0
         </td>
         <td
           style={
@@ -382,7 +382,7 @@ exports[`GnomadPopulationsTable with a dataset of exac has no unexpected changes
             }
           }
         >
-          0.1000
+          -
         </td>
       </tr>
     </tbody>
@@ -1149,28 +1149,22 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_cnv_r4 has no unexpecte
           rowSpan={1}
           scope="row"
         >
-          <button
-            className="Button__TextButton-sc-1eobygi-3 PopulationsTable__TogglePopulationButton-sc-sijbl0-2 cdNMTw"
-            onClick={[Function]}
-            type="button"
-          >
-            Admixed American
-          </button>
+          Remaining
         </th>
         <td
           className="right-align"
         >
-          0
+          66
         </td>
         <td
           className="right-align"
         >
-          0
+          660
         </td>
         <td
           className="right-align"
         >
-          0
+          70
         </td>
         <td
           style={
@@ -1179,7 +1173,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_cnv_r4 has no unexpecte
             }
           }
         >
-          -
+          0.1000
         </td>
       </tr>
     </tbody>
@@ -1197,7 +1191,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_cnv_r4 has no unexpecte
             onClick={[Function]}
             type="button"
           >
-            Ashkenazi Jewish
+            Admixed American
           </button>
         </th>
         <td
@@ -1240,7 +1234,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_cnv_r4 has no unexpecte
             onClick={[Function]}
             type="button"
           >
-            East Asian
+            Ashkenazi Jewish
           </button>
         </th>
         <td
@@ -1283,7 +1277,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_cnv_r4 has no unexpecte
             onClick={[Function]}
             type="button"
           >
-            European (Finnish)
+            East Asian
           </button>
         </th>
         <td
@@ -1326,7 +1320,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_cnv_r4 has no unexpecte
             onClick={[Function]}
             type="button"
           >
-            Middle Eastern
+            European (Finnish)
           </button>
         </th>
         <td
@@ -1369,7 +1363,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_cnv_r4 has no unexpecte
             onClick={[Function]}
             type="button"
           >
-            European (non-Finnish)
+            Middle Eastern
           </button>
         </th>
         <td
@@ -1412,7 +1406,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_cnv_r4 has no unexpecte
             onClick={[Function]}
             type="button"
           >
-            Amish
+            European (non-Finnish)
           </button>
         </th>
         <td
@@ -1455,7 +1449,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_cnv_r4 has no unexpecte
             onClick={[Function]}
             type="button"
           >
-            South Asian
+            Amish
           </button>
         </th>
         <td
@@ -1493,22 +1487,28 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_cnv_r4 has no unexpecte
           rowSpan={1}
           scope="row"
         >
-          Remaining
+          <button
+            className="Button__TextButton-sc-1eobygi-3 PopulationsTable__TogglePopulationButton-sc-sijbl0-2 cdNMTw"
+            onClick={[Function]}
+            type="button"
+          >
+            South Asian
+          </button>
         </th>
         <td
           className="right-align"
         >
-          66
+          0
         </td>
         <td
           className="right-align"
         >
-          660
+          0
         </td>
         <td
           className="right-align"
         >
-          70
+          0
         </td>
         <td
           style={
@@ -1517,7 +1517,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_cnv_r4 has no unexpecte
             }
           }
         >
-          0.1000
+          -
         </td>
       </tr>
     </tbody>
@@ -1813,28 +1813,22 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_cnv_r4 has no unexpecte
           rowSpan={1}
           scope="row"
         >
-          <button
-            className="Button__TextButton-sc-1eobygi-3 PopulationsTable__TogglePopulationButton-sc-sijbl0-2 cdNMTw"
-            onClick={[Function]}
-            type="button"
-          >
-            Admixed American
-          </button>
+          Remaining
         </th>
         <td
           className="right-align"
         >
-          0
+          2
         </td>
         <td
           className="right-align"
         >
-          0
+          20
         </td>
         <td
           className="right-align"
         >
-          0
+          4
         </td>
         <td
           style={
@@ -1843,7 +1837,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_cnv_r4 has no unexpecte
             }
           }
         >
-          -
+          0.1000
         </td>
       </tr>
     </tbody>
@@ -1861,7 +1855,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_cnv_r4 has no unexpecte
             onClick={[Function]}
             type="button"
           >
-            Ashkenazi Jewish
+            Admixed American
           </button>
         </th>
         <td
@@ -1904,7 +1898,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_cnv_r4 has no unexpecte
             onClick={[Function]}
             type="button"
           >
-            East Asian
+            Ashkenazi Jewish
           </button>
         </th>
         <td
@@ -1947,7 +1941,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_cnv_r4 has no unexpecte
             onClick={[Function]}
             type="button"
           >
-            European (Finnish)
+            East Asian
           </button>
         </th>
         <td
@@ -1990,7 +1984,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_cnv_r4 has no unexpecte
             onClick={[Function]}
             type="button"
           >
-            Middle Eastern
+            European (Finnish)
           </button>
         </th>
         <td
@@ -2033,7 +2027,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_cnv_r4 has no unexpecte
             onClick={[Function]}
             type="button"
           >
-            European (non-Finnish)
+            Middle Eastern
           </button>
         </th>
         <td
@@ -2076,7 +2070,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_cnv_r4 has no unexpecte
             onClick={[Function]}
             type="button"
           >
-            Amish
+            European (non-Finnish)
           </button>
         </th>
         <td
@@ -2119,7 +2113,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_cnv_r4 has no unexpecte
             onClick={[Function]}
             type="button"
           >
-            South Asian
+            Amish
           </button>
         </th>
         <td
@@ -2157,22 +2151,28 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_cnv_r4 has no unexpecte
           rowSpan={1}
           scope="row"
         >
-          Remaining
+          <button
+            className="Button__TextButton-sc-1eobygi-3 PopulationsTable__TogglePopulationButton-sc-sijbl0-2 cdNMTw"
+            onClick={[Function]}
+            type="button"
+          >
+            South Asian
+          </button>
         </th>
         <td
           className="right-align"
         >
-          2
+          0
         </td>
         <td
           className="right-align"
         >
-          20
+          0
         </td>
         <td
           className="right-align"
         >
-          4
+          0
         </td>
         <td
           style={
@@ -2181,7 +2181,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_cnv_r4 has no unexpecte
             }
           }
         >
-          0.1000
+          -
         </td>
       </tr>
     </tbody>
@@ -2440,28 +2440,22 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r2_1 has no unexpected
           rowSpan={1}
           scope="row"
         >
-          <button
-            className="Button__TextButton-sc-1eobygi-3 PopulationsTable__TogglePopulationButton-sc-sijbl0-2 cdNMTw"
-            onClick={[Function]}
-            type="button"
-          >
-            Admixed American
-          </button>
+          African/African American
         </th>
         <td
           className="right-align"
         >
-          0
+          33
         </td>
         <td
           className="right-align"
         >
-          0
+          330
         </td>
         <td
           className="right-align"
         >
-          0
+          37
         </td>
         <td
           style={
@@ -2470,7 +2464,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r2_1 has no unexpected
             }
           }
         >
-          -
+          0.1000
         </td>
       </tr>
     </tbody>
@@ -2488,7 +2482,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r2_1 has no unexpected
             onClick={[Function]}
             type="button"
           >
-            European (non-Finnish)
+            Admixed American
           </button>
         </th>
         <td
@@ -2526,22 +2520,28 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r2_1 has no unexpected
           rowSpan={1}
           scope="row"
         >
-          African/African American
+          <button
+            className="Button__TextButton-sc-1eobygi-3 PopulationsTable__TogglePopulationButton-sc-sijbl0-2 cdNMTw"
+            onClick={[Function]}
+            type="button"
+          >
+            European (non-Finnish)
+          </button>
         </th>
         <td
           className="right-align"
         >
-          33
+          0
         </td>
         <td
           className="right-align"
         >
-          330
+          0
         </td>
         <td
           className="right-align"
         >
-          37
+          0
         </td>
         <td
           style={
@@ -2550,7 +2550,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r2_1 has no unexpected
             }
           }
         >
-          0.1000
+          -
         </td>
       </tr>
     </tbody>
@@ -3541,28 +3541,22 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r2_1_controls has no un
           rowSpan={1}
           scope="row"
         >
-          <button
-            className="Button__TextButton-sc-1eobygi-3 PopulationsTable__TogglePopulationButton-sc-sijbl0-2 cdNMTw"
-            onClick={[Function]}
-            type="button"
-          >
-            Admixed American
-          </button>
+          African/African American
         </th>
         <td
           className="right-align"
         >
-          0
+          33
         </td>
         <td
           className="right-align"
         >
-          0
+          330
         </td>
         <td
           className="right-align"
         >
-          0
+          37
         </td>
         <td
           style={
@@ -3571,7 +3565,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r2_1_controls has no un
             }
           }
         >
-          -
+          0.1000
         </td>
       </tr>
     </tbody>
@@ -3589,7 +3583,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r2_1_controls has no un
             onClick={[Function]}
             type="button"
           >
-            European (non-Finnish)
+            Admixed American
           </button>
         </th>
         <td
@@ -3627,22 +3621,28 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r2_1_controls has no un
           rowSpan={1}
           scope="row"
         >
-          African/African American
+          <button
+            className="Button__TextButton-sc-1eobygi-3 PopulationsTable__TogglePopulationButton-sc-sijbl0-2 cdNMTw"
+            onClick={[Function]}
+            type="button"
+          >
+            European (non-Finnish)
+          </button>
         </th>
         <td
           className="right-align"
         >
-          33
+          0
         </td>
         <td
           className="right-align"
         >
-          330
+          0
         </td>
         <td
           className="right-align"
         >
-          37
+          0
         </td>
         <td
           style={
@@ -3651,7 +3651,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r2_1_controls has no un
             }
           }
         >
-          0.1000
+          -
         </td>
       </tr>
     </tbody>
@@ -4642,28 +4642,22 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r2_1_non_cancer has no
           rowSpan={1}
           scope="row"
         >
-          <button
-            className="Button__TextButton-sc-1eobygi-3 PopulationsTable__TogglePopulationButton-sc-sijbl0-2 cdNMTw"
-            onClick={[Function]}
-            type="button"
-          >
-            Admixed American
-          </button>
+          African/African American
         </th>
         <td
           className="right-align"
         >
-          0
+          33
         </td>
         <td
           className="right-align"
         >
-          0
+          330
         </td>
         <td
           className="right-align"
         >
-          0
+          37
         </td>
         <td
           style={
@@ -4672,7 +4666,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r2_1_non_cancer has no
             }
           }
         >
-          -
+          0.1000
         </td>
       </tr>
     </tbody>
@@ -4690,7 +4684,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r2_1_non_cancer has no
             onClick={[Function]}
             type="button"
           >
-            European (non-Finnish)
+            Admixed American
           </button>
         </th>
         <td
@@ -4728,22 +4722,28 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r2_1_non_cancer has no
           rowSpan={1}
           scope="row"
         >
-          African/African American
+          <button
+            className="Button__TextButton-sc-1eobygi-3 PopulationsTable__TogglePopulationButton-sc-sijbl0-2 cdNMTw"
+            onClick={[Function]}
+            type="button"
+          >
+            European (non-Finnish)
+          </button>
         </th>
         <td
           className="right-align"
         >
-          33
+          0
         </td>
         <td
           className="right-align"
         >
-          330
+          0
         </td>
         <td
           className="right-align"
         >
-          37
+          0
         </td>
         <td
           style={
@@ -4752,7 +4752,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r2_1_non_cancer has no
             }
           }
         >
-          0.1000
+          -
         </td>
       </tr>
     </tbody>
@@ -5743,28 +5743,22 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r2_1_non_neuro has no u
           rowSpan={1}
           scope="row"
         >
-          <button
-            className="Button__TextButton-sc-1eobygi-3 PopulationsTable__TogglePopulationButton-sc-sijbl0-2 cdNMTw"
-            onClick={[Function]}
-            type="button"
-          >
-            Admixed American
-          </button>
+          African/African American
         </th>
         <td
           className="right-align"
         >
-          0
+          33
         </td>
         <td
           className="right-align"
         >
-          0
+          330
         </td>
         <td
           className="right-align"
         >
-          0
+          37
         </td>
         <td
           style={
@@ -5773,7 +5767,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r2_1_non_neuro has no u
             }
           }
         >
-          -
+          0.1000
         </td>
       </tr>
     </tbody>
@@ -5791,7 +5785,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r2_1_non_neuro has no u
             onClick={[Function]}
             type="button"
           >
-            European (non-Finnish)
+            Admixed American
           </button>
         </th>
         <td
@@ -5829,22 +5823,28 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r2_1_non_neuro has no u
           rowSpan={1}
           scope="row"
         >
-          African/African American
+          <button
+            className="Button__TextButton-sc-1eobygi-3 PopulationsTable__TogglePopulationButton-sc-sijbl0-2 cdNMTw"
+            onClick={[Function]}
+            type="button"
+          >
+            European (non-Finnish)
+          </button>
         </th>
         <td
           className="right-align"
         >
-          33
+          0
         </td>
         <td
           className="right-align"
         >
-          330
+          0
         </td>
         <td
           className="right-align"
         >
-          37
+          0
         </td>
         <td
           style={
@@ -5853,7 +5853,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r2_1_non_neuro has no u
             }
           }
         >
-          0.1000
+          -
         </td>
       </tr>
     </tbody>
@@ -6844,28 +6844,22 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r2_1_non_topmed has no
           rowSpan={1}
           scope="row"
         >
-          <button
-            className="Button__TextButton-sc-1eobygi-3 PopulationsTable__TogglePopulationButton-sc-sijbl0-2 cdNMTw"
-            onClick={[Function]}
-            type="button"
-          >
-            Admixed American
-          </button>
+          African/African American
         </th>
         <td
           className="right-align"
         >
-          0
+          33
         </td>
         <td
           className="right-align"
         >
-          0
+          330
         </td>
         <td
           className="right-align"
         >
-          0
+          37
         </td>
         <td
           style={
@@ -6874,7 +6868,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r2_1_non_topmed has no
             }
           }
         >
-          -
+          0.1000
         </td>
       </tr>
     </tbody>
@@ -6892,7 +6886,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r2_1_non_topmed has no
             onClick={[Function]}
             type="button"
           >
-            European (non-Finnish)
+            Admixed American
           </button>
         </th>
         <td
@@ -6930,22 +6924,28 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r2_1_non_topmed has no
           rowSpan={1}
           scope="row"
         >
-          African/African American
+          <button
+            className="Button__TextButton-sc-1eobygi-3 PopulationsTable__TogglePopulationButton-sc-sijbl0-2 cdNMTw"
+            onClick={[Function]}
+            type="button"
+          >
+            European (non-Finnish)
+          </button>
         </th>
         <td
           className="right-align"
         >
-          33
+          0
         </td>
         <td
           className="right-align"
         >
-          330
+          0
         </td>
         <td
           className="right-align"
         >
-          37
+          0
         </td>
         <td
           style={
@@ -6954,7 +6954,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r2_1_non_topmed has no
             }
           }
         >
-          0.1000
+          -
         </td>
       </tr>
     </tbody>
@@ -7945,28 +7945,22 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r3 has no unexpected ch
           rowSpan={1}
           scope="row"
         >
-          <button
-            className="Button__TextButton-sc-1eobygi-3 PopulationsTable__TogglePopulationButton-sc-sijbl0-2 cdNMTw"
-            onClick={[Function]}
-            type="button"
-          >
-            European (non-Finnish)
-          </button>
+          African/African American
         </th>
         <td
           className="right-align"
         >
-          0
+          33
         </td>
         <td
           className="right-align"
         >
-          0
+          330
         </td>
         <td
           className="right-align"
         >
-          0
+          37
         </td>
         <td
           style={
@@ -7975,7 +7969,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r3 has no unexpected ch
             }
           }
         >
-          -
+          0.1000
         </td>
       </tr>
     </tbody>
@@ -7993,7 +7987,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r3 has no unexpected ch
             onClick={[Function]}
             type="button"
           >
-            European (Finnish)
+            European (non-Finnish)
           </button>
         </th>
         <td
@@ -8036,7 +8030,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r3 has no unexpected ch
             onClick={[Function]}
             type="button"
           >
-            Admixed American
+            European (Finnish)
           </button>
         </th>
         <td
@@ -8079,7 +8073,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r3 has no unexpected ch
             onClick={[Function]}
             type="button"
           >
-            Amish
+            Admixed American
           </button>
         </th>
         <td
@@ -8122,7 +8116,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r3 has no unexpected ch
             onClick={[Function]}
             type="button"
           >
-            East Asian
+            Amish
           </button>
         </th>
         <td
@@ -8165,7 +8159,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r3 has no unexpected ch
             onClick={[Function]}
             type="button"
           >
-            Middle Eastern
+            East Asian
           </button>
         </th>
         <td
@@ -8203,22 +8197,28 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r3 has no unexpected ch
           rowSpan={1}
           scope="row"
         >
-          African/African American
+          <button
+            className="Button__TextButton-sc-1eobygi-3 PopulationsTable__TogglePopulationButton-sc-sijbl0-2 cdNMTw"
+            onClick={[Function]}
+            type="button"
+          >
+            Middle Eastern
+          </button>
         </th>
         <td
           className="right-align"
         >
-          33
+          0
         </td>
         <td
           className="right-align"
         >
-          330
+          0
         </td>
         <td
           className="right-align"
         >
-          37
+          0
         </td>
         <td
           style={
@@ -8227,7 +8227,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r3 has no unexpected ch
             }
           }
         >
-          0.1000
+          -
         </td>
       </tr>
     </tbody>
@@ -9215,28 +9215,22 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r3_controls_and_biobank
           rowSpan={1}
           scope="row"
         >
-          <button
-            className="Button__TextButton-sc-1eobygi-3 PopulationsTable__TogglePopulationButton-sc-sijbl0-2 cdNMTw"
-            onClick={[Function]}
-            type="button"
-          >
-            European (non-Finnish)
-          </button>
+          African/African American
         </th>
         <td
           className="right-align"
         >
-          0
+          33
         </td>
         <td
           className="right-align"
         >
-          0
+          330
         </td>
         <td
           className="right-align"
         >
-          0
+          37
         </td>
         <td
           style={
@@ -9245,7 +9239,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r3_controls_and_biobank
             }
           }
         >
-          -
+          0.1000
         </td>
       </tr>
     </tbody>
@@ -9263,7 +9257,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r3_controls_and_biobank
             onClick={[Function]}
             type="button"
           >
-            European (Finnish)
+            European (non-Finnish)
           </button>
         </th>
         <td
@@ -9306,7 +9300,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r3_controls_and_biobank
             onClick={[Function]}
             type="button"
           >
-            Admixed American
+            European (Finnish)
           </button>
         </th>
         <td
@@ -9349,7 +9343,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r3_controls_and_biobank
             onClick={[Function]}
             type="button"
           >
-            Amish
+            Admixed American
           </button>
         </th>
         <td
@@ -9392,7 +9386,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r3_controls_and_biobank
             onClick={[Function]}
             type="button"
           >
-            East Asian
+            Amish
           </button>
         </th>
         <td
@@ -9435,7 +9429,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r3_controls_and_biobank
             onClick={[Function]}
             type="button"
           >
-            Middle Eastern
+            East Asian
           </button>
         </th>
         <td
@@ -9473,22 +9467,28 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r3_controls_and_biobank
           rowSpan={1}
           scope="row"
         >
-          African/African American
+          <button
+            className="Button__TextButton-sc-1eobygi-3 PopulationsTable__TogglePopulationButton-sc-sijbl0-2 cdNMTw"
+            onClick={[Function]}
+            type="button"
+          >
+            Middle Eastern
+          </button>
         </th>
         <td
           className="right-align"
         >
-          33
+          0
         </td>
         <td
           className="right-align"
         >
-          330
+          0
         </td>
         <td
           className="right-align"
         >
-          37
+          0
         </td>
         <td
           style={
@@ -9497,7 +9497,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r3_controls_and_biobank
             }
           }
         >
-          0.1000
+          -
         </td>
       </tr>
     </tbody>
@@ -10485,28 +10485,22 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r3_non_cancer has no un
           rowSpan={1}
           scope="row"
         >
-          <button
-            className="Button__TextButton-sc-1eobygi-3 PopulationsTable__TogglePopulationButton-sc-sijbl0-2 cdNMTw"
-            onClick={[Function]}
-            type="button"
-          >
-            European (non-Finnish)
-          </button>
+          African/African American
         </th>
         <td
           className="right-align"
         >
-          0
+          33
         </td>
         <td
           className="right-align"
         >
-          0
+          330
         </td>
         <td
           className="right-align"
         >
-          0
+          37
         </td>
         <td
           style={
@@ -10515,7 +10509,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r3_non_cancer has no un
             }
           }
         >
-          -
+          0.1000
         </td>
       </tr>
     </tbody>
@@ -10533,7 +10527,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r3_non_cancer has no un
             onClick={[Function]}
             type="button"
           >
-            European (Finnish)
+            European (non-Finnish)
           </button>
         </th>
         <td
@@ -10576,7 +10570,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r3_non_cancer has no un
             onClick={[Function]}
             type="button"
           >
-            Admixed American
+            European (Finnish)
           </button>
         </th>
         <td
@@ -10619,7 +10613,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r3_non_cancer has no un
             onClick={[Function]}
             type="button"
           >
-            Amish
+            Admixed American
           </button>
         </th>
         <td
@@ -10662,7 +10656,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r3_non_cancer has no un
             onClick={[Function]}
             type="button"
           >
-            East Asian
+            Amish
           </button>
         </th>
         <td
@@ -10705,7 +10699,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r3_non_cancer has no un
             onClick={[Function]}
             type="button"
           >
-            Middle Eastern
+            East Asian
           </button>
         </th>
         <td
@@ -10743,22 +10737,28 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r3_non_cancer has no un
           rowSpan={1}
           scope="row"
         >
-          African/African American
+          <button
+            className="Button__TextButton-sc-1eobygi-3 PopulationsTable__TogglePopulationButton-sc-sijbl0-2 cdNMTw"
+            onClick={[Function]}
+            type="button"
+          >
+            Middle Eastern
+          </button>
         </th>
         <td
           className="right-align"
         >
-          33
+          0
         </td>
         <td
           className="right-align"
         >
-          330
+          0
         </td>
         <td
           className="right-align"
         >
-          37
+          0
         </td>
         <td
           style={
@@ -10767,7 +10767,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r3_non_cancer has no un
             }
           }
         >
-          0.1000
+          -
         </td>
       </tr>
     </tbody>
@@ -11755,28 +11755,22 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r3_non_neuro has no une
           rowSpan={1}
           scope="row"
         >
-          <button
-            className="Button__TextButton-sc-1eobygi-3 PopulationsTable__TogglePopulationButton-sc-sijbl0-2 cdNMTw"
-            onClick={[Function]}
-            type="button"
-          >
-            European (non-Finnish)
-          </button>
+          African/African American
         </th>
         <td
           className="right-align"
         >
-          0
+          33
         </td>
         <td
           className="right-align"
         >
-          0
+          330
         </td>
         <td
           className="right-align"
         >
-          0
+          37
         </td>
         <td
           style={
@@ -11785,7 +11779,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r3_non_neuro has no une
             }
           }
         >
-          -
+          0.1000
         </td>
       </tr>
     </tbody>
@@ -11803,7 +11797,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r3_non_neuro has no une
             onClick={[Function]}
             type="button"
           >
-            European (Finnish)
+            European (non-Finnish)
           </button>
         </th>
         <td
@@ -11846,7 +11840,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r3_non_neuro has no une
             onClick={[Function]}
             type="button"
           >
-            Admixed American
+            European (Finnish)
           </button>
         </th>
         <td
@@ -11889,7 +11883,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r3_non_neuro has no une
             onClick={[Function]}
             type="button"
           >
-            Amish
+            Admixed American
           </button>
         </th>
         <td
@@ -11932,7 +11926,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r3_non_neuro has no une
             onClick={[Function]}
             type="button"
           >
-            East Asian
+            Amish
           </button>
         </th>
         <td
@@ -11975,7 +11969,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r3_non_neuro has no une
             onClick={[Function]}
             type="button"
           >
-            Middle Eastern
+            East Asian
           </button>
         </th>
         <td
@@ -12013,22 +12007,28 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r3_non_neuro has no une
           rowSpan={1}
           scope="row"
         >
-          African/African American
+          <button
+            className="Button__TextButton-sc-1eobygi-3 PopulationsTable__TogglePopulationButton-sc-sijbl0-2 cdNMTw"
+            onClick={[Function]}
+            type="button"
+          >
+            Middle Eastern
+          </button>
         </th>
         <td
           className="right-align"
         >
-          33
+          0
         </td>
         <td
           className="right-align"
         >
-          330
+          0
         </td>
         <td
           className="right-align"
         >
-          37
+          0
         </td>
         <td
           style={
@@ -12037,7 +12037,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r3_non_neuro has no une
             }
           }
         >
-          0.1000
+          -
         </td>
       </tr>
     </tbody>
@@ -13025,28 +13025,22 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r3_non_topmed has no un
           rowSpan={1}
           scope="row"
         >
-          <button
-            className="Button__TextButton-sc-1eobygi-3 PopulationsTable__TogglePopulationButton-sc-sijbl0-2 cdNMTw"
-            onClick={[Function]}
-            type="button"
-          >
-            European (non-Finnish)
-          </button>
+          African/African American
         </th>
         <td
           className="right-align"
         >
-          0
+          33
         </td>
         <td
           className="right-align"
         >
-          0
+          330
         </td>
         <td
           className="right-align"
         >
-          0
+          37
         </td>
         <td
           style={
@@ -13055,7 +13049,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r3_non_topmed has no un
             }
           }
         >
-          -
+          0.1000
         </td>
       </tr>
     </tbody>
@@ -13073,7 +13067,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r3_non_topmed has no un
             onClick={[Function]}
             type="button"
           >
-            European (Finnish)
+            European (non-Finnish)
           </button>
         </th>
         <td
@@ -13116,7 +13110,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r3_non_topmed has no un
             onClick={[Function]}
             type="button"
           >
-            Admixed American
+            European (Finnish)
           </button>
         </th>
         <td
@@ -13159,7 +13153,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r3_non_topmed has no un
             onClick={[Function]}
             type="button"
           >
-            Amish
+            Admixed American
           </button>
         </th>
         <td
@@ -13202,7 +13196,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r3_non_topmed has no un
             onClick={[Function]}
             type="button"
           >
-            East Asian
+            Amish
           </button>
         </th>
         <td
@@ -13245,7 +13239,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r3_non_topmed has no un
             onClick={[Function]}
             type="button"
           >
-            Middle Eastern
+            East Asian
           </button>
         </th>
         <td
@@ -13283,22 +13277,28 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r3_non_topmed has no un
           rowSpan={1}
           scope="row"
         >
-          African/African American
+          <button
+            className="Button__TextButton-sc-1eobygi-3 PopulationsTable__TogglePopulationButton-sc-sijbl0-2 cdNMTw"
+            onClick={[Function]}
+            type="button"
+          >
+            Middle Eastern
+          </button>
         </th>
         <td
           className="right-align"
         >
-          33
+          0
         </td>
         <td
           className="right-align"
         >
-          330
+          0
         </td>
         <td
           className="right-align"
         >
-          37
+          0
         </td>
         <td
           style={
@@ -13307,7 +13307,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r3_non_topmed has no un
             }
           }
         >
-          0.1000
+          -
         </td>
       </tr>
     </tbody>
@@ -14295,28 +14295,22 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r3_non_v2 has no unexpe
           rowSpan={1}
           scope="row"
         >
-          <button
-            className="Button__TextButton-sc-1eobygi-3 PopulationsTable__TogglePopulationButton-sc-sijbl0-2 cdNMTw"
-            onClick={[Function]}
-            type="button"
-          >
-            European (non-Finnish)
-          </button>
+          African/African American
         </th>
         <td
           className="right-align"
         >
-          0
+          33
         </td>
         <td
           className="right-align"
         >
-          0
+          330
         </td>
         <td
           className="right-align"
         >
-          0
+          37
         </td>
         <td
           style={
@@ -14325,7 +14319,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r3_non_v2 has no unexpe
             }
           }
         >
-          -
+          0.1000
         </td>
       </tr>
     </tbody>
@@ -14343,7 +14337,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r3_non_v2 has no unexpe
             onClick={[Function]}
             type="button"
           >
-            European (Finnish)
+            European (non-Finnish)
           </button>
         </th>
         <td
@@ -14386,7 +14380,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r3_non_v2 has no unexpe
             onClick={[Function]}
             type="button"
           >
-            Admixed American
+            European (Finnish)
           </button>
         </th>
         <td
@@ -14429,7 +14423,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r3_non_v2 has no unexpe
             onClick={[Function]}
             type="button"
           >
-            Amish
+            Admixed American
           </button>
         </th>
         <td
@@ -14472,7 +14466,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r3_non_v2 has no unexpe
             onClick={[Function]}
             type="button"
           >
-            East Asian
+            Amish
           </button>
         </th>
         <td
@@ -14515,7 +14509,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r3_non_v2 has no unexpe
             onClick={[Function]}
             type="button"
           >
-            Middle Eastern
+            East Asian
           </button>
         </th>
         <td
@@ -14553,22 +14547,28 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r3_non_v2 has no unexpe
           rowSpan={1}
           scope="row"
         >
-          African/African American
+          <button
+            className="Button__TextButton-sc-1eobygi-3 PopulationsTable__TogglePopulationButton-sc-sijbl0-2 cdNMTw"
+            onClick={[Function]}
+            type="button"
+          >
+            Middle Eastern
+          </button>
         </th>
         <td
           className="right-align"
         >
-          33
+          0
         </td>
         <td
           className="right-align"
         >
-          330
+          0
         </td>
         <td
           className="right-align"
         >
-          37
+          0
         </td>
         <td
           style={
@@ -14577,7 +14577,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r3_non_v2 has no unexpe
             }
           }
         >
-          0.1000
+          -
         </td>
       </tr>
     </tbody>
@@ -15602,28 +15602,22 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r4 has no unexpected ch
           rowSpan={1}
           scope="row"
         >
-          <button
-            className="Button__TextButton-sc-1eobygi-3 PopulationsTable__TogglePopulationButton-sc-sijbl0-2 cdNMTw"
-            onClick={[Function]}
-            type="button"
-          >
-            Admixed American
-          </button>
+          Remaining
         </th>
         <td
           className="right-align"
         >
-          0
+          66
         </td>
         <td
           className="right-align"
         >
-          0
+          660
         </td>
         <td
           className="right-align"
         >
-          0
+          70
         </td>
         <td
           style={
@@ -15632,7 +15626,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r4 has no unexpected ch
             }
           }
         >
-          -
+          0.1000
         </td>
       </tr>
     </tbody>
@@ -15650,7 +15644,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r4 has no unexpected ch
             onClick={[Function]}
             type="button"
           >
-            Ashkenazi Jewish
+            Admixed American
           </button>
         </th>
         <td
@@ -15693,7 +15687,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r4 has no unexpected ch
             onClick={[Function]}
             type="button"
           >
-            East Asian
+            Ashkenazi Jewish
           </button>
         </th>
         <td
@@ -15736,7 +15730,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r4 has no unexpected ch
             onClick={[Function]}
             type="button"
           >
-            European (Finnish)
+            East Asian
           </button>
         </th>
         <td
@@ -15779,7 +15773,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r4 has no unexpected ch
             onClick={[Function]}
             type="button"
           >
-            Middle Eastern
+            European (Finnish)
           </button>
         </th>
         <td
@@ -15822,7 +15816,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r4 has no unexpected ch
             onClick={[Function]}
             type="button"
           >
-            European (non-Finnish)
+            Middle Eastern
           </button>
         </th>
         <td
@@ -15865,7 +15859,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r4 has no unexpected ch
             onClick={[Function]}
             type="button"
           >
-            Amish
+            European (non-Finnish)
           </button>
         </th>
         <td
@@ -15908,7 +15902,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r4 has no unexpected ch
             onClick={[Function]}
             type="button"
           >
-            South Asian
+            Amish
           </button>
         </th>
         <td
@@ -15946,22 +15940,28 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r4 has no unexpected ch
           rowSpan={1}
           scope="row"
         >
-          Remaining
+          <button
+            className="Button__TextButton-sc-1eobygi-3 PopulationsTable__TogglePopulationButton-sc-sijbl0-2 cdNMTw"
+            onClick={[Function]}
+            type="button"
+          >
+            South Asian
+          </button>
         </th>
         <td
           className="right-align"
         >
-          66
+          0
         </td>
         <td
           className="right-align"
         >
-          660
+          0
         </td>
         <td
           className="right-align"
         >
-          70
+          0
         </td>
         <td
           style={
@@ -15970,7 +15970,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r4 has no unexpected ch
             }
           }
         >
-          0.1000
+          -
         </td>
       </tr>
     </tbody>
@@ -16266,28 +16266,22 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r4 has no unexpected ch
           rowSpan={1}
           scope="row"
         >
-          <button
-            className="Button__TextButton-sc-1eobygi-3 PopulationsTable__TogglePopulationButton-sc-sijbl0-2 cdNMTw"
-            onClick={[Function]}
-            type="button"
-          >
-            Admixed American
-          </button>
+          Remaining
         </th>
         <td
           className="right-align"
         >
-          0
+          2
         </td>
         <td
           className="right-align"
         >
-          0
+          20
         </td>
         <td
           className="right-align"
         >
-          0
+          4
         </td>
         <td
           style={
@@ -16296,7 +16290,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r4 has no unexpected ch
             }
           }
         >
-          -
+          0.1000
         </td>
       </tr>
     </tbody>
@@ -16314,7 +16308,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r4 has no unexpected ch
             onClick={[Function]}
             type="button"
           >
-            Ashkenazi Jewish
+            Admixed American
           </button>
         </th>
         <td
@@ -16357,7 +16351,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r4 has no unexpected ch
             onClick={[Function]}
             type="button"
           >
-            East Asian
+            Ashkenazi Jewish
           </button>
         </th>
         <td
@@ -16400,7 +16394,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r4 has no unexpected ch
             onClick={[Function]}
             type="button"
           >
-            European (Finnish)
+            East Asian
           </button>
         </th>
         <td
@@ -16443,7 +16437,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r4 has no unexpected ch
             onClick={[Function]}
             type="button"
           >
-            Middle Eastern
+            European (Finnish)
           </button>
         </th>
         <td
@@ -16486,7 +16480,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r4 has no unexpected ch
             onClick={[Function]}
             type="button"
           >
-            European (non-Finnish)
+            Middle Eastern
           </button>
         </th>
         <td
@@ -16529,7 +16523,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r4 has no unexpected ch
             onClick={[Function]}
             type="button"
           >
-            Amish
+            European (non-Finnish)
           </button>
         </th>
         <td
@@ -16572,7 +16566,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r4 has no unexpected ch
             onClick={[Function]}
             type="button"
           >
-            South Asian
+            Amish
           </button>
         </th>
         <td
@@ -16610,22 +16604,28 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r4 has no unexpected ch
           rowSpan={1}
           scope="row"
         >
-          Remaining
+          <button
+            className="Button__TextButton-sc-1eobygi-3 PopulationsTable__TogglePopulationButton-sc-sijbl0-2 cdNMTw"
+            onClick={[Function]}
+            type="button"
+          >
+            South Asian
+          </button>
         </th>
         <td
           className="right-align"
         >
-          2
+          0
         </td>
         <td
           className="right-align"
         >
-          20
+          0
         </td>
         <td
           className="right-align"
         >
-          4
+          0
         </td>
         <td
           style={
@@ -16634,7 +16634,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r4 has no unexpected ch
             }
           }
         >
-          0.1000
+          -
         </td>
       </tr>
     </tbody>
@@ -16930,28 +16930,22 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r4_non_ukb has no unexp
           rowSpan={1}
           scope="row"
         >
-          <button
-            className="Button__TextButton-sc-1eobygi-3 PopulationsTable__TogglePopulationButton-sc-sijbl0-2 cdNMTw"
-            onClick={[Function]}
-            type="button"
-          >
-            Admixed American
-          </button>
+          Remaining
         </th>
         <td
           className="right-align"
         >
-          0
+          66
         </td>
         <td
           className="right-align"
         >
-          0
+          660
         </td>
         <td
           className="right-align"
         >
-          0
+          70
         </td>
         <td
           style={
@@ -16960,7 +16954,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r4_non_ukb has no unexp
             }
           }
         >
-          -
+          0.1000
         </td>
       </tr>
     </tbody>
@@ -16978,7 +16972,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r4_non_ukb has no unexp
             onClick={[Function]}
             type="button"
           >
-            Ashkenazi Jewish
+            Admixed American
           </button>
         </th>
         <td
@@ -17021,7 +17015,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r4_non_ukb has no unexp
             onClick={[Function]}
             type="button"
           >
-            East Asian
+            Ashkenazi Jewish
           </button>
         </th>
         <td
@@ -17064,7 +17058,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r4_non_ukb has no unexp
             onClick={[Function]}
             type="button"
           >
-            European (Finnish)
+            East Asian
           </button>
         </th>
         <td
@@ -17107,7 +17101,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r4_non_ukb has no unexp
             onClick={[Function]}
             type="button"
           >
-            Middle Eastern
+            European (Finnish)
           </button>
         </th>
         <td
@@ -17150,7 +17144,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r4_non_ukb has no unexp
             onClick={[Function]}
             type="button"
           >
-            European (non-Finnish)
+            Middle Eastern
           </button>
         </th>
         <td
@@ -17193,7 +17187,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r4_non_ukb has no unexp
             onClick={[Function]}
             type="button"
           >
-            Amish
+            European (non-Finnish)
           </button>
         </th>
         <td
@@ -17236,7 +17230,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r4_non_ukb has no unexp
             onClick={[Function]}
             type="button"
           >
-            South Asian
+            Amish
           </button>
         </th>
         <td
@@ -17274,22 +17268,28 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r4_non_ukb has no unexp
           rowSpan={1}
           scope="row"
         >
-          Remaining
+          <button
+            className="Button__TextButton-sc-1eobygi-3 PopulationsTable__TogglePopulationButton-sc-sijbl0-2 cdNMTw"
+            onClick={[Function]}
+            type="button"
+          >
+            South Asian
+          </button>
         </th>
         <td
           className="right-align"
         >
-          66
+          0
         </td>
         <td
           className="right-align"
         >
-          660
+          0
         </td>
         <td
           className="right-align"
         >
-          70
+          0
         </td>
         <td
           style={
@@ -17298,7 +17298,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r4_non_ukb has no unexp
             }
           }
         >
-          0.1000
+          -
         </td>
       </tr>
     </tbody>
@@ -17594,28 +17594,22 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r4_non_ukb has no unexp
           rowSpan={1}
           scope="row"
         >
-          <button
-            className="Button__TextButton-sc-1eobygi-3 PopulationsTable__TogglePopulationButton-sc-sijbl0-2 cdNMTw"
-            onClick={[Function]}
-            type="button"
-          >
-            Admixed American
-          </button>
+          Remaining
         </th>
         <td
           className="right-align"
         >
-          0
+          2
         </td>
         <td
           className="right-align"
         >
-          0
+          20
         </td>
         <td
           className="right-align"
         >
-          0
+          4
         </td>
         <td
           style={
@@ -17624,7 +17618,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r4_non_ukb has no unexp
             }
           }
         >
-          -
+          0.1000
         </td>
       </tr>
     </tbody>
@@ -17642,7 +17636,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r4_non_ukb has no unexp
             onClick={[Function]}
             type="button"
           >
-            Ashkenazi Jewish
+            Admixed American
           </button>
         </th>
         <td
@@ -17685,7 +17679,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r4_non_ukb has no unexp
             onClick={[Function]}
             type="button"
           >
-            East Asian
+            Ashkenazi Jewish
           </button>
         </th>
         <td
@@ -17728,7 +17722,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r4_non_ukb has no unexp
             onClick={[Function]}
             type="button"
           >
-            European (Finnish)
+            East Asian
           </button>
         </th>
         <td
@@ -17771,7 +17765,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r4_non_ukb has no unexp
             onClick={[Function]}
             type="button"
           >
-            Middle Eastern
+            European (Finnish)
           </button>
         </th>
         <td
@@ -17814,7 +17808,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r4_non_ukb has no unexp
             onClick={[Function]}
             type="button"
           >
-            European (non-Finnish)
+            Middle Eastern
           </button>
         </th>
         <td
@@ -17857,7 +17851,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r4_non_ukb has no unexp
             onClick={[Function]}
             type="button"
           >
-            Amish
+            European (non-Finnish)
           </button>
         </th>
         <td
@@ -17900,7 +17894,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r4_non_ukb has no unexp
             onClick={[Function]}
             type="button"
           >
-            South Asian
+            Amish
           </button>
         </th>
         <td
@@ -17938,22 +17932,28 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r4_non_ukb has no unexp
           rowSpan={1}
           scope="row"
         >
-          Remaining
+          <button
+            className="Button__TextButton-sc-1eobygi-3 PopulationsTable__TogglePopulationButton-sc-sijbl0-2 cdNMTw"
+            onClick={[Function]}
+            type="button"
+          >
+            South Asian
+          </button>
         </th>
         <td
           className="right-align"
         >
-          2
+          0
         </td>
         <td
           className="right-align"
         >
-          20
+          0
         </td>
         <td
           className="right-align"
         >
-          4
+          0
         </td>
         <td
           style={
@@ -17962,7 +17962,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_r4_non_ukb has no unexp
             }
           }
         >
-          0.1000
+          -
         </td>
       </tr>
     </tbody>
@@ -19500,28 +19500,22 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_sv_r4 has no unexpected
           rowSpan={1}
           scope="row"
         >
-          <button
-            className="Button__TextButton-sc-1eobygi-3 PopulationsTable__TogglePopulationButton-sc-sijbl0-2 cdNMTw"
-            onClick={[Function]}
-            type="button"
-          >
-            Admixed American
-          </button>
+          Remaining
         </th>
         <td
           className="right-align"
         >
-          0
+          66
         </td>
         <td
           className="right-align"
         >
-          0
+          660
         </td>
         <td
           className="right-align"
         >
-          0
+          70
         </td>
         <td
           style={
@@ -19530,7 +19524,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_sv_r4 has no unexpected
             }
           }
         >
-          -
+          0.1000
         </td>
       </tr>
     </tbody>
@@ -19548,7 +19542,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_sv_r4 has no unexpected
             onClick={[Function]}
             type="button"
           >
-            Ashkenazi Jewish
+            Admixed American
           </button>
         </th>
         <td
@@ -19591,7 +19585,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_sv_r4 has no unexpected
             onClick={[Function]}
             type="button"
           >
-            East Asian
+            Ashkenazi Jewish
           </button>
         </th>
         <td
@@ -19634,7 +19628,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_sv_r4 has no unexpected
             onClick={[Function]}
             type="button"
           >
-            European (Finnish)
+            East Asian
           </button>
         </th>
         <td
@@ -19677,7 +19671,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_sv_r4 has no unexpected
             onClick={[Function]}
             type="button"
           >
-            Middle Eastern
+            European (Finnish)
           </button>
         </th>
         <td
@@ -19720,7 +19714,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_sv_r4 has no unexpected
             onClick={[Function]}
             type="button"
           >
-            European (non-Finnish)
+            Middle Eastern
           </button>
         </th>
         <td
@@ -19763,7 +19757,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_sv_r4 has no unexpected
             onClick={[Function]}
             type="button"
           >
-            Amish
+            European (non-Finnish)
           </button>
         </th>
         <td
@@ -19806,7 +19800,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_sv_r4 has no unexpected
             onClick={[Function]}
             type="button"
           >
-            South Asian
+            Amish
           </button>
         </th>
         <td
@@ -19844,22 +19838,28 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_sv_r4 has no unexpected
           rowSpan={1}
           scope="row"
         >
-          Remaining
+          <button
+            className="Button__TextButton-sc-1eobygi-3 PopulationsTable__TogglePopulationButton-sc-sijbl0-2 cdNMTw"
+            onClick={[Function]}
+            type="button"
+          >
+            South Asian
+          </button>
         </th>
         <td
           className="right-align"
         >
-          66
+          0
         </td>
         <td
           className="right-align"
         >
-          660
+          0
         </td>
         <td
           className="right-align"
         >
-          70
+          0
         </td>
         <td
           style={
@@ -19868,7 +19868,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_sv_r4 has no unexpected
             }
           }
         >
-          0.1000
+          -
         </td>
       </tr>
     </tbody>
@@ -20164,28 +20164,22 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_sv_r4 has no unexpected
           rowSpan={1}
           scope="row"
         >
-          <button
-            className="Button__TextButton-sc-1eobygi-3 PopulationsTable__TogglePopulationButton-sc-sijbl0-2 cdNMTw"
-            onClick={[Function]}
-            type="button"
-          >
-            Admixed American
-          </button>
+          Remaining
         </th>
         <td
           className="right-align"
         >
-          0
+          2
         </td>
         <td
           className="right-align"
         >
-          0
+          20
         </td>
         <td
           className="right-align"
         >
-          0
+          4
         </td>
         <td
           style={
@@ -20194,7 +20188,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_sv_r4 has no unexpected
             }
           }
         >
-          -
+          0.1000
         </td>
       </tr>
     </tbody>
@@ -20212,7 +20206,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_sv_r4 has no unexpected
             onClick={[Function]}
             type="button"
           >
-            Ashkenazi Jewish
+            Admixed American
           </button>
         </th>
         <td
@@ -20255,7 +20249,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_sv_r4 has no unexpected
             onClick={[Function]}
             type="button"
           >
-            East Asian
+            Ashkenazi Jewish
           </button>
         </th>
         <td
@@ -20298,7 +20292,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_sv_r4 has no unexpected
             onClick={[Function]}
             type="button"
           >
-            European (Finnish)
+            East Asian
           </button>
         </th>
         <td
@@ -20341,7 +20335,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_sv_r4 has no unexpected
             onClick={[Function]}
             type="button"
           >
-            Middle Eastern
+            European (Finnish)
           </button>
         </th>
         <td
@@ -20384,7 +20378,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_sv_r4 has no unexpected
             onClick={[Function]}
             type="button"
           >
-            European (non-Finnish)
+            Middle Eastern
           </button>
         </th>
         <td
@@ -20427,7 +20421,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_sv_r4 has no unexpected
             onClick={[Function]}
             type="button"
           >
-            Amish
+            European (non-Finnish)
           </button>
         </th>
         <td
@@ -20470,7 +20464,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_sv_r4 has no unexpected
             onClick={[Function]}
             type="button"
           >
-            South Asian
+            Amish
           </button>
         </th>
         <td
@@ -20508,22 +20502,28 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_sv_r4 has no unexpected
           rowSpan={1}
           scope="row"
         >
-          Remaining
+          <button
+            className="Button__TextButton-sc-1eobygi-3 PopulationsTable__TogglePopulationButton-sc-sijbl0-2 cdNMTw"
+            onClick={[Function]}
+            type="button"
+          >
+            South Asian
+          </button>
         </th>
         <td
           className="right-align"
         >
-          2
+          0
         </td>
         <td
           className="right-align"
         >
-          20
+          0
         </td>
         <td
           className="right-align"
         >
-          4
+          0
         </td>
         <td
           style={
@@ -20532,7 +20532,7 @@ exports[`GnomadPopulationsTable with a dataset of gnomad_sv_r4 has no unexpected
             }
           }
         >
-          0.1000
+          -
         </td>
       </tr>
     </tbody>