From 65479a803a4e08ebc864cc40db8ab25268d08fd8 Mon Sep 17 00:00:00 2001
From: Martin McKeaveney <martin@shogunsystems.co.uk>
Date: Wed, 21 Oct 2020 13:42:26 +0100
Subject: [PATCH] ag grid updates

---
 packages/builder/cypress/support/commands.js  |  2 +-
 .../components/backend/DataTable/Table.svelte |  3 +++
 .../DataTable/TableHeader/TableHeader.svelte  | 24 ++++++++++++++++---
 3 files changed, 25 insertions(+), 4 deletions(-)

diff --git a/packages/builder/cypress/support/commands.js b/packages/builder/cypress/support/commands.js
index ece9565e18..677de9d44e 100644
--- a/packages/builder/cypress/support/commands.js
+++ b/packages/builder/cypress/support/commands.js
@@ -149,7 +149,7 @@ Cypress.Commands.add("addButtonComponent", () => {
 })
 
 Cypress.Commands.add("navigateToFrontend", () => {
-  cy.contains("frontend").click()
+  cy.contains("design").click()
 })
 
 Cypress.Commands.add("createScreen", (screenName, route) => {
diff --git a/packages/builder/src/components/backend/DataTable/Table.svelte b/packages/builder/src/components/backend/DataTable/Table.svelte
index 43a6152e41..0c0365b9b8 100644
--- a/packages/builder/src/components/backend/DataTable/Table.svelte
+++ b/packages/builder/src/components/backend/DataTable/Table.svelte
@@ -76,6 +76,9 @@
       // checkboxSelection: i === 0 && canEdit,
       // valueSetter: setters.get(schema[key].type),
       headerComponent: TableHeader,
+      headerComponentParams: {
+        field: schema[key]
+      },
       headerName: key,
       field: key,
       // hide: shouldHideField(key),
diff --git a/packages/builder/src/components/backend/DataTable/TableHeader/TableHeader.svelte b/packages/builder/src/components/backend/DataTable/TableHeader/TableHeader.svelte
index 690d40b19a..a1dde919b0 100644
--- a/packages/builder/src/components/backend/DataTable/TableHeader/TableHeader.svelte
+++ b/packages/builder/src/components/backend/DataTable/TableHeader/TableHeader.svelte
@@ -1,9 +1,27 @@
 <script>
-  export let params
-  console.log("in svelte", params)
+  import ColumnHeaderPopover from "../popovers/ColumnPopover.svelte"
+
+  export let column
+  export let gridApi
+  export let field
+  export let enableMenu
+
+  let menuButton
+
+  // field = {
+  //   name: column.colId,
+  //   colDef: column.colDef,
+  // }
+
+  console.log("in svelte", $$restProps)
+
+  function toggleMenu() {
+    this.agParams.showColumnMenu(menuButton)
+  }
 </script>
 
-<h1>Fackle</h1>
+<button bind:this={menuButton} on:click={toggleMenu} />
+<ColumnHeaderPopover on:click {field} />
 
 <style>
   h1 {