Fix eslint #3

.eslintrc.js

@@ -40,6 +40,7 @@ module.exports = {
       rules: {
         '@typescript-eslint/no-non-null-assertion': 'off',
         '@typescript-eslint/no-unnecessary-type-assertion': 'off', // generate as a bunch of false positives
+        '@typescript-eslint/no-base-to-string': 'off', // false positives in deriveLinkDefaults
       },
     },
   ],

src/components/tree/TreeInnerNode.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
   import DataSet from '../../data/DataSet';
   import type { DataGroup } from '../../data/DataSet';
-  import type { IChart } from '../store';
+  import type { IChart } from '../../store';
   import { expandedDataGroups } from '../../store';
   import TreeLeafNode from './TreeLeafNode.svelte';
   import Fa from 'svelte-fa';
@@ -21,7 +21,18 @@
 </script>
 
 <div class="tv_node">
-  <span on:click={toggleExpanded}>
+  <span
+    on:click={toggleExpanded}
+    role="button"
+    tabindex="0"
+    on:keydown={(e) => {
+      if (e.key !== 'Enter' && e.key !== ' ') return;
+      e.preventDefault();
+      if (e.target != null) {
+        e.target.click();
+      }
+    }}
+  >
     <Fa icon={expanded ? faChevronDown : faChevronRight} style="width: 0.9em; margin-right: 0.5em" />
     <span>
       {node.title}

src/components/tree/TreeLeafNode.svelte

@@ -30,6 +30,15 @@
   class="tv_node"
   class:selected
   on:click={toggleSelected}
+  role="button"
+  tabindex="0"
+  on:keydown={(e) => {
+    if (e.key !== 'Enter' && e.key !== ' ') return;
+    e.preventDefault();
+    if (e.target != null) {
+      e.target.click();
+    }
+  }}
   title="click to toggle the visibility of this dataset"
   uk-tooltip="pos: right"
 >

src/data/DataSet.ts

@@ -103,7 +103,10 @@ export default class DataSet {
 export class DataGroup {
   public parent?: DataGroup;
 
-  constructor(public readonly title: string, public readonly datasets: (DataSet | DataGroup)[]) {}
+  constructor(
+    public readonly title: string,
+    public readonly datasets: (DataSet | DataGroup)[],
+  ) {}
 
   flat(arr: DataSet[]): void {
     for (const child of this.datasets) {

src/data/EpiDate.ts

@@ -3,7 +3,11 @@ export default class EpiDate {
   private static CUMULATIVE_DAYS_PER_MONTH = [0, 31, 59, 90, 120, 151, 181, 212, 243, 273, 304, 334];
   private static DAY_OF_WEEK_TABLE = [0, 3, 2, 5, 0, 3, 5, 1, 4, 6, 2, 4];
 
-  constructor(private readonly year: number, private readonly month: number, private readonly day: number) {
+  constructor(
+    private readonly year: number,
+    private readonly month: number,
+    private readonly day: number,
+  ) {
     // constructor logic
     if (
       year < 1 ||

src/data/EpiPoint.ts

@@ -1,7 +1,10 @@
 import type EpiDate from './EpiDate';
 
 export default class EpiPoint {
-  constructor(private readonly date: EpiDate, private readonly value: number) {}
+  constructor(
+    private readonly date: EpiDate,
+    private readonly value: number,
+  ) {}
   getDate(): EpiDate {
     return this.date;
   }

tsconfig.json

@@ -15,7 +15,7 @@
     "strictNullChecks": true,
     "strictPropertyInitialization": true,
     "resolveJsonModule": true,
-    "verbatimModuleSyntax": true,
+    "verbatimModuleSyntax": true
   },
   "include": ["src/**/*", "types.d.ts"],
   "exclude": ["node_modules/*", "__sapper__/*", "public/*"]