fix sort

front/js/svelte/edges/sortEdges.js

@@ -1,8 +1,12 @@
-export function sortByField(from, to, edges, fieldName) {
+
+
+
+export function sortByField(from, to, edges, fieldName, references) {
     if (from === to) {
         return edges;
     }
-    let edgesTosort = edges?.filter((ed) => ed.field === fieldName && ed.depth === 1 ) ?? [];
+    let referenceIds = references.map(r => r.id);
+    let edgesTosort = edges?.filter((ed) => ed.field === fieldName && ed.depth === 1 && referenceIds.includes(ed.target)) ?? [];
     let remainingEdge = edges?.filter((ed) => !(ed.field === fieldName && ed.depth === 1)) ?? [];
 
     edgesTosort = array_move(edgesTosort,from, to);

front/js/svelte/libs/Sortable.svelte

@@ -18,7 +18,7 @@
             easing: "cubic-bezier(1, 0, 0, 1)",
             onUpdate: function (/**Event*/ evt) {
                 // reorder(evt.oldIndex,evt.newIndex);
-                console.log(evt)
+                // console.log(evt)
                 dispatch("update", {
                     source: evt.oldIndex,
                     target: evt.newIndex,

front/js/svelte/records/block/elements/File.svelte

@@ -41,7 +41,7 @@
     }
 
     function reorder(e) {
-        graph.edges = sortByField(e.detail.source, e.detail.target, graph.edges, blockFieldName);
+        graph.edges = sortByField(e.detail.source, e.detail.target, graph.edges, blockFieldName, references);
     }
 
     function insert(e) {

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

@@ -35,7 +35,7 @@
     }
 
     function reorder(e) {
-        graph.edges = sortByField(e.detail.source, e.detail.target, graph.edges, blockFieldName);
+        graph.edges = sortByField(e.detail.source, e.detail.target, graph.edges, blockFieldName, references);
     }
 
     function insert(e) {

front/js/svelte/records/elements/File.svelte

@@ -12,11 +12,10 @@
     export let graph
 
     let browseModal;
-
     $: references = graph?.edges
         .filter((edge) => edge.field === field.name)
         .map((edge) => {
-            return graph.records.find((increc) => increc.id == edge.target && record.id == edge.source);
+            return graph.records.find((increc) => increc.id === edge.target && record.id === edge.source);
         }).filter((rec) => (rec?.id ? true : false)) ?? [];
 
     let collections = channel.schemas.filter((aschema) =>
@@ -36,7 +35,9 @@
     }
 
     async function reorder(e) {
-        graph.edges = await sortByField(e.detail.source, e.detail.target, graph.edges, field.name);
+
+        graph.edges = await sortByField(e.detail.source, e.detail.target, graph.edges, field.name, references);
+
     }
 
     function insert(e) {

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

@@ -14,6 +14,7 @@
     export let validationErrors;
     $: errorMessage = getErrorMessage(validationErrors, field.name);
 
+
     $: references = graph.edges
         .filter((edge) => edge.field === field.name)
         .map((edge) => {
@@ -32,7 +33,8 @@
     }
 
     function reorder(e) {
-        graph.edges = sortByField(e.detail.source, e.detail.target, graph.edges, field.name);
+
+        graph.edges = sortByField(e.detail.source, e.detail.target, graph.edges, field.name, references);
     }
 
     function insert(e) {

front/js/svelte/records/elements/ReferenceInline.svelte

@@ -119,7 +119,7 @@
     }
 
     function move(e, from, to) {
-        graph.edges = sortByField(from, to, graph.edges, field.name);
+        graph.edges = sortByField(from, to, graph.edges, field.name, references);
     }
 </script>
 

front/js/svelte/records/elements/ReferenceTable.svelte

@@ -57,7 +57,7 @@
 
 
     function reorder(e) {
-        graph.edges = sortByField(e.detail.source, e.detail.target, graph.edges, field.name);
+        graph.edges = sortByField(e.detail.source, e.detail.target, graph.edges, field.name, references);
     }
 
 

front/js/svelte/records/elements/ReferenceTags.svelte

@@ -1,14 +1,8 @@
 <script>
     import {getContext} from "svelte";
-    import {uniqBy, debounce} from "lodash";
+    import {debounce} from "lodash";
     import {previewTitle} from "../Preview";
     import {getErrorMessage} from "./errorMessage";
-    import {sortByField} from "../../edges/sortEdges";
-    import ReferenceInlineButtons from "./ReferenceInlineButtons.svelte";
-    import Sortable from "../../libs/Sortable.svelte";
-    import RenderField from "../../content/RenderField.svelte";
-    import Icon from "../../common/Icon.svelte";
-    import Datalist from "./Datalist.svelte";
     import {insertEdges} from "./reference.js";
 
     const channel = getContext("channel");