ag grid updates

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) => {

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),

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 {