SYNC: diagram column filter

packages/web/src/designer/Designer.svelte

@@ -67,7 +67,8 @@
   let canvasHeight = 3000;
   let dragStartPoint = null;
   let dragCurrentPoint = null;
-  let columnFilter;
+  export let columnFilter;
+  export let showColumnFilter = true;
 
   const sourceDragColumn$ = writable(null);
   const targetDragColumn$ = writable(null);
@@ -972,7 +973,7 @@
       </svg>
     {/if}
   </div>
-  {#if tables?.length > 0}
+  {#if showColumnFilter && tables?.length > 0}
     <div class="panel">
       <DragColumnMemory {settings} {sourceDragColumn$} {targetDragColumn$} />
       <div class="searchbox">

packages/web/src/designer/DiagramDesigner.svelte

@@ -1,6 +1,8 @@
 <script lang="ts">
   import Designer from './Designer.svelte';
   import DiagramDesignerReference from './DiagramDesignerReference.svelte';
+
+  export let columnFilter;
 </script>
 
 <Designer
@@ -18,4 +20,6 @@
     arrangeAlg: 'springy',
   }}
   referenceComponent={DiagramDesignerReference}
+  showColumnFilter={false}
+  {columnFilter}
 />

packages/web/src/designer/DiagramSettings.svelte

@@ -100,4 +100,6 @@
 
   <FormCheckboxField name="showNullability" label="Show NULL/NOT NULL" data-testid="DiagramSettings_showNullability" />
   <FormCheckboxField name="showDataType" label="Show data type" data-testid="DiagramSettings_showDataType" />
+
+  <FormTextField name="columnFilter" label="Column filter" />
 </FormProviderCore>