From 4754be109a9e990d41ea133debfbe1423b6e0b34 Mon Sep 17 00:00:00 2001
From: Andrew Kingston <andrew@kingston.dev>
Date: Tue, 14 Mar 2023 10:03:47 +0000
Subject: [PATCH] Add ability to focus first cell via tab

---
 .../components/sheet/KeyboardManager.svelte   | 21 ++++++++++++-------
 1 file changed, 14 insertions(+), 7 deletions(-)

diff --git a/packages/frontend-core/src/components/sheet/KeyboardManager.svelte b/packages/frontend-core/src/components/sheet/KeyboardManager.svelte
index 2b90dfdd1c..90a27db023 100644
--- a/packages/frontend-core/src/components/sheet/KeyboardManager.svelte
+++ b/packages/frontend-core/src/components/sheet/KeyboardManager.svelte
@@ -1,24 +1,23 @@
 <script>
   import { getContext, onMount } from "svelte"
-  import { get } from "svelte/store"
 
   const {
     rows,
     selectedCellId,
-    columns,
+    visibleColumns,
     selectedCellRow,
     stickyColumn,
     selectedCellAPI,
   } = getContext("sheet")
 
   const handleKeyDown = e => {
-    if (!get(selectedCellId)) {
+    if (!$selectedCellId) {
       if (e.key === "Tab") {
         selectFirstCell()
       }
       return
     }
-    const api = get(selectedCellAPI)
+    const api = $selectedCellAPI
 
     // Always intercept certain key presses
     if (e.key === "Escape") {
@@ -60,20 +59,28 @@
   }
 
   const selectFirstCell = () => {
-    console.log("select first")
+    const firstRow = $rows[0]
+    if (!firstRow) {
+      return
+    }
+    const firstColumn = $stickyColumn || $visibleColumns[0]
+    if (!firstColumn) {
+      return
+    }
+    selectedCellId.set(`${firstRow._id}-${firstColumn.name}`)
   }
 
   const changeSelectedColumn = delta => {
     if (!$selectedCellId) {
       return
     }
-    const cols = $columns
+    const cols = $visibleColumns
     const split = $selectedCellId.split("-")
     const columnName = split[1]
     let newColumnName
     if (columnName === $stickyColumn?.name) {
       const index = delta - 1
-      newColumnName = $columns[index]?.name
+      newColumnName = cols[index]?.name
     } else {
       const index = cols.findIndex(col => col.name === columnName) + delta
       if (index === -1) {