build: upgrade deps to latest (#178)

- Add svelte-ignores for change introduced in sveltejs/svelte#5073

Author: camargo

package-lock.json

@@ -37,11 +37,11 @@
   },
   "dependencies": {
     "@fontsource/jetbrains-mono": "^4.5.11",
-    "@nasa-jpl/stellar": "^1.0.10",
-    "@sveltejs/adapter-node": "1.0.0-next.96",
-    "@sveltejs/kit": "1.0.0-next.504",
-    "ag-grid-community": "^28.1.1",
-    "bootstrap": "^5.2.1",
+    "@nasa-jpl/stellar": "^1.0.13",
+    "@sveltejs/adapter-node": "1.0.0-next.97",
+    "@sveltejs/kit": "1.0.0-next.513",
+    "ag-grid-community": "^28.2.0",
+    "bootstrap": "^5.2.2",
     "bootstrap-icons": "^1.9.1",
     "cookie": "^0.5.0",
     "d3-axis": "^3.0.0",
@@ -58,7 +58,7 @@
     "monaco-editor": "^0.34.0",
     "postgres-interval": "^4.0.0",
     "split-grid": "^1.0.11",
-    "svelte": "^3.50.1",
+    "svelte": "^3.51.0",
     "svelte-dnd-action": "^0.9.20",
     "svelte-popperjs": "^1.3.2",
     "svelte-preprocess": "^4.10.7",
@@ -67,9 +67,9 @@
     "toastify-js": "^1.12.0"
   },
   "devDependencies": {
-    "@playwright/test": "^1.26.0",
+    "@playwright/test": "^1.27.0",
     "@poppanator/sveltekit-svg": "^1.0.0",
-    "@testing-library/svelte": "^3.2.1",
+    "@testing-library/svelte": "^3.2.2",
     "@types/cookie": "^0.5.1",
     "@types/d3-axis": "^3.0.1",
     "@types/d3-brush": "^3.0.1",
@@ -81,26 +81,26 @@
     "@types/d3-shape": "^3.1.0",
     "@types/lodash-es": "^4.17.6",
     "@types/toastify-js": "^1.11.1",
-    "@typescript-eslint/eslint-plugin": "^5.38.0",
-    "@typescript-eslint/parser": "^5.38.0",
+    "@typescript-eslint/eslint-plugin": "^5.40.0",
+    "@typescript-eslint/parser": "^5.40.0",
     "cloc": "^2.10.0",
-    "eslint": "^8.24.0",
+    "eslint": "^8.25.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-svelte3": "^4.0.0",
-    "jsdom": "^20.0.0",
+    "jsdom": "^20.0.1",
     "postcss-html": "^1.5.0",
     "prettier": "^2.7.1",
-    "prettier-plugin-svelte": "^2.7.1",
-    "semver": "^7.3.7",
-    "stylelint": "^14.12.1",
+    "prettier-plugin-svelte": "^2.8.0",
+    "semver": "^7.3.8",
+    "stylelint": "^14.13.0",
     "stylelint-config-html": "^1.1.0",
     "stylelint-config-prettier": "^9.0.3",
     "stylelint-order": "^5.0.0",
-    "svelte-check": "^2.9.1",
+    "svelte-check": "^2.9.2",
     "tslib": "^2.4.0",
-    "typescript": "^4.8.3",
+    "typescript": "^4.8.4",
     "unique-names-generator": "^4.7.1",
-    "vite": "^3.1.3",
-    "vitest": "^0.23.4"
+    "vite": "^3.1.7",
+    "vitest": "^0.24.1"
   }
 }

package.json

@@ -51,6 +51,7 @@
         <TreeLeafIcon />
       {/if}
     </button>
+    <!-- svelte-ignore a11y-click-events-have-key-events -->
     <span on:click={() => ($selectedActivityId = id)} on:dblclick={toggle} class={nodeClass}>{type}</span>
   </div>
 

src/components/activity/ActivityDecomposition.svelte

@@ -9,6 +9,7 @@
   const dispatch = createEventDispatcher();
 </script>
 
+<!-- svelte-ignore a11y-click-events-have-key-events -->
 <div class="nav-button st-typography-medium" class:selected on:click|preventDefault={() => dispatch('click')}>
   <span style="color: {status !== null ? getColorForStatus(status) : 'unset'}">
     <slot />

src/components/app/NavButton.svelte

@@ -24,6 +24,7 @@
           <div class="console-tabs">
             <slot name="console-tabs" />
           </div>
+          <!-- svelte-ignore a11y-click-events-have-key-events -->
           <div class="console-toggle" on:click={onToggle}>
             {#if isOpen}
               <ChevronDownIcon />

src/components/console/Console.svelte

@@ -41,6 +41,7 @@
 <svelte:body on:click={hide} />
 
 {#if shown}
+  <!-- svelte-ignore a11y-click-events-have-key-events -->
   <div
     bind:this={div}
     class="context-menu"

src/components/context-menu/ContextMenu.svelte

@@ -4,6 +4,7 @@
   const dispatch = createEventDispatcher();
 </script>
 
+<!-- svelte-ignore a11y-click-events-have-key-events -->
 <div class="context-menu-item" on:click|preventDefault={() => dispatch('click')}>
   <slot />
 </div>

src/components/context-menu/ContextMenuItem.svelte

@@ -8,6 +8,7 @@
 </script>
 
 {#each expansionRules as rule}
+  <!-- svelte-ignore a11y-click-events-have-key-events -->
   <div class="expansion-rule-selection" on:click|stopPropagation={() => selectExpansionRule(activityName, rule)}>
     <input checked={selectedExpansionRules[activityName] === rule.id} name={activityName} type="checkbox" />Rule {rule.id}
   </div>

src/components/expansion/ExpansionSetRuleSelection.svelte

@@ -32,6 +32,7 @@
   }
 </script>
 
+<!-- svelte-ignore a11y-click-events-have-key-events -->
 <div class="app-menu" on:click|stopPropagation={() => appMenu.toggle()}>
   <div class="app-icon"><AerieLogoDark /></div>
 

src/components/menus/AppMenu.svelte

@@ -39,6 +39,7 @@
   }
 </script>
 
+<!-- svelte-ignore a11y-click-events-have-key-events -->
 <div class="grid-menu st-typography-medium" on:click|stopPropagation={() => gridMenu.toggle()}>
   <div class="title">{title}</div>
   <ChevronDownIcon />

src/components/menus/GridMenu.svelte

@@ -73,6 +73,7 @@
 <svelte:body on:click={hide} />
 
 {#if shown}
+  <!-- svelte-ignore a11y-click-events-have-key-events -->
   <div class="menu" use:popperRef on:click|stopPropagation={onClick} on:mouseenter={() => hideAllTooltips()}>
     <div class="menu-slot st-typography-medium" use:popperContent={extraOpts}>
       <slot />

src/components/menus/Menu.svelte

@@ -8,6 +8,7 @@
   const dispatch = createEventDispatcher();
 </script>
 
+<!-- svelte-ignore a11y-click-events-have-key-events -->
 <div class="menu-item" class:disabled on:click|preventDefault={() => dispatch('click')}>
   <slot />
 </div>

src/components/menus/MenuItem.svelte

@@ -28,6 +28,7 @@
   }
 </script>
 
+<!-- svelte-ignore a11y-click-events-have-key-events -->
 <div class="view-menu st-typography-body" on:click|stopPropagation={() => viewMenu.toggle()}>
   <ChevronDownIcon />
 

src/components/menus/ViewMenu.svelte

@@ -6,6 +6,7 @@
 </script>
 
 <div class="modal-container">
+  <!-- svelte-ignore a11y-click-events-have-key-events -->
   <div
     class="modal st-typography-body"
     style:height={`${height}px`}

src/components/modals/Modal.svelte

@@ -74,6 +74,7 @@
 
 {#if showName}
   <div class="parameter-rec-series">
+    <!-- svelte-ignore a11y-click-events-have-key-events -->
     <div class="series-left" on:click={toggleExpanded}>
       <div class="arrow">
         {#if !expanded}

src/components/parameters/ParameterRecSeries.svelte

@@ -58,6 +58,7 @@
 </script>
 
 {#if showName}
+  <!-- svelte-ignore a11y-click-events-have-key-events -->
   <div class="parameter-rec-struct" on:click={toggleExpanded}>
     {#if !expanded}
       <ChevronRightIcon />

src/components/parameters/ParameterRecStruct.svelte

@@ -55,6 +55,7 @@
 
 <div class="scheduling-goal" on:contextmenu|preventDefault={contextMenu.show}>
   <div class="left st-typography-body" class:disabled={!enabled}>
+    <!-- svelte-ignore a11y-click-events-have-key-events -->
     <span on:click={() => (expanded = !expanded)}>
       {#if !expanded}
         <CaretRightFillIcon />
@@ -85,9 +86,11 @@
         on:keydown={onKeyDown}
       />
       <div class="priority-buttons">
+        <!-- svelte-ignore a11y-click-events-have-key-events -->
         <div class="up-button {upButtonClass}" on:click={() => focusInput() && updatePriority(priority - 1)}>
           <CaretUpFillIcon />
         </div>
+        <!-- svelte-ignore a11y-click-events-have-key-events -->
         <div class="down-button" on:click={() => focusInput() && updatePriority(priority + 1)}>
           <CaretDownFillIcon />
         </div>

src/components/scheduling/SchedulingGoal.svelte

@@ -19,6 +19,7 @@
 
 <div class="scheduling-goal-analysis-activities">
   <div class="left st-typography-body">
+    <!-- svelte-ignore a11y-click-events-have-key-events -->
     <span on:click={() => (expanded = !expanded)}>
       {#if !expanded}
         <CaretRightFillIcon />
@@ -38,6 +39,7 @@
         {#each analysis.satisfying_activities as activity}
           {#if $activitiesMap[activity.activity_id]}
             <li>
+              <!-- svelte-ignore a11y-click-events-have-key-events -->
               <div
                 class="satisfied-activity st-typography-body"
                 class:selected={$selectedActivityId === activity.activity_id}

src/components/scheduling/SchedulingGoalAnalysesActivities.svelte

@@ -258,6 +258,7 @@
   {#if isOpen}
     <div class="date-picker-portal" use:popperContent={extraOpts}>
       <div class="date-picker-inputs">
+        <!-- svelte-ignore a11y-click-events-have-key-events -->
         <div><div class="chevron-button button" role="button" on:click={decrementMonth}><ChevronLeft /></div></div>
         <DatePickerDropdown
           class="date-picker-month-input"
@@ -271,6 +272,7 @@
           value={viewYear}
           on:change={onChangeViewYear}
         />
+        <!-- svelte-ignore a11y-click-events-have-key-events -->
         <div><div class="chevron-button button" role="button" on:click={incrementMonth}><ChevronRight /></div></div>
       </div>
       <Month {maxDate} {minDate} month={viewMonth} year={viewYear} {selectedDate} on:select={onSelect} />

src/components/ui/DatePicker/DatePicker.svelte

@@ -37,6 +37,7 @@
   }
 </script>
 
+<!-- svelte-ignore a11y-click-events-have-key-events -->
 <div
   class="date-picker-day"
   class:isOutsideBounds

src/components/ui/DatePicker/Day.svelte

@@ -11,6 +11,7 @@
   let styleName: string = '';
 </script>
 
+<!-- svelte-ignore a11y-click-events-have-key-events -->
 <div
   class="list-item st-typography-body {className}"
   {draggable}