Lint and prevent scrolling to selected component when starting dragging

packages/builder/src/builderStore/store/frontend.js

@@ -1,6 +1,6 @@
 import { get, writable } from "svelte/store"
 import { cloneDeep } from "lodash/fp"
-import { selectedScreen, selectedComponent, store } from "builderStore"
+import { selectedScreen, selectedComponent } from "builderStore"
 import {
   datasources,
   integrations,

packages/client/src/components/Component.svelte

@@ -421,7 +421,11 @@
   }
 
   const scrollIntoView = () => {
+    // Don't scroll into view if we selected this component because we were
+    // starting dragging on it
+    if (get(dndIsDragging)) {
       return
+    }
     const node = document.getElementsByClassName(id)?.[0]?.children[0]
     if (!node) {
       return

packages/frontend-core/src/utils/utils.js

@@ -4,8 +4,6 @@
  * @param fn the async function to run
  * @return {Promise} a sequential version of the function
  */
-import { lastIndexOf } from "lodash/array"
-
 export const sequential = fn => {
   let queue = []
   return async (...params) => {