updates

front/js/svelte/records/elements/Reference.svelte

@@ -1,6 +1,6 @@
 <script>
     import {getContext} from "svelte";
-    import {uniqBy} from "lodash";
+    import {insertEdges} from "./reference";
     import PreviewCard from "../PreviewCard.svelte";
     import {getErrorMessage} from "./errorMessage";
     import {sortByField} from "../../edges/sortEdges";
@@ -37,26 +37,7 @@
 
     function insert(e) {
         e.preventDefault();
-        const recordsToInsert = e.detail.records;
-        const action = e.detail.action;
-        let newEdges = recordsToInsert.map((r) => {
-            return {
-                target: r.id,
-                source: record.id,
-                sourceSchema: record.schema,
-                targetSchema: r.schema,
-                field: field.name,
-                rank: ""
-            };
-        });
-
-        let replacedEdges = graph.edges;
-        if (action === "replace") {
-            replacedEdges = replacedEdges.filter((edge) => edge.field !== field.name);
-        }
-
-        graph.records = uniqBy([...graph.records, ...recordsToInsert], (r) => r.id);
-        graph.edges = uniqBy([...replacedEdges, ...newEdges], (edge) => edge.target + edge.field);
+        graph = insertEdges(graph,record,e.detail.records,field.name,e.detail.action);
     }
 
 </script>
@@ -68,7 +49,6 @@
 {/if}
 <div class="inline-card-wrapper">
     <ReferenceInlineButtons
-        {field}
         buttonClass="mt-2"
         recordId={null}
         schemas={collections}