timeout is back

graphql-editor · Feb 6, 2024 · 8c1625d · 8c1625d
1 parent 957e59e
commit 8c1625d
Show file tree

Hide file tree

Showing 9 changed files with 32 additions and 33 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/editor-worker/package.json b/packages/editor-worker/package.json
@@ -1,6 +1,6 @@
 {
   "name": "graphql-editor-worker",
-  "version": "7.1.9",
+  "version": "7.2.0",
   "private": false,
   "license": "MIT",
   "description": "Visual node editor for GraphQL",

diff --git a/packages/editor/package.json b/packages/editor/package.json
@@ -1,6 +1,6 @@
 {
   "name": "graphql-editor",
-  "version": "7.1.9",
+  "version": "7.2.0",
   "private": false,
   "license": "MIT",
   "description": "Visual node editor for GraphQL",
@@ -45,7 +45,7 @@
     "file-saver": "^2.0.5",
     "framer-motion": "^10.12.16",
     "fuzzyjs": "^5.0.1",
-    "graphql-editor-worker": "^7.1.9",
+    "graphql-editor-worker": "^7.2.0",
     "graphql-js-tree": "^1.0.9",
     "graphql-language-service": "3.1.4",
     "html-to-image": "^1.10.8",

diff --git a/packages/editor/src/Relation/PanZoom/LinesDiagram/LinesDiagram.tsx b/packages/editor/src/Relation/PanZoom/LinesDiagram/LinesDiagram.tsx
@@ -221,14 +221,13 @@ export const LinesDiagram = React.forwardRef<
     if (!props.loading) {
       if (instance.wrapperComponent) {
         transformEffect(instance.transformState, instance.wrapperComponent);
-        setSelectedNodeId(
-          activeNode
-            ? selectedNodeId
-            : {
-                source: "relation",
-                value: undefined,
-              }
-        );
+        setSelectedNodeId({
+          source: "relation",
+          value:
+            activeNode && selectedNodeId?.value
+              ? selectedNodeId.value
+              : undefined,
+        });
       }
     }
   }, [props.loading, focusMode]);

diff --git a/packages/editor/src/editor/code/gql/index.tsx b/packages/editor/src/editor/code/gql/index.tsx
@@ -76,15 +76,13 @@ export const GqlCodePane = (props: GqlCodePaneProps) => {
           select={(e) => {
             if (e) {
               const n = allNodes.nodes.find((an) => an.name === e);
-              setSelectedNodeId(
-                n && {
-                  source: "code",
-                  value: {
-                    id: n.id,
-                    name: n.name,
-                  },
-                }
-              );
+              setSelectedNodeId({
+                source: "code",
+                value: n && {
+                  id: n.id,
+                  name: n.name,
+                },
+              });
             }
           }}
         />

diff --git a/packages/editor/src/state/containers/trees/index.ts b/packages/editor/src/state/containers/trees/index.ts
@@ -235,14 +235,16 @@ const useTreesStateContainer = createContainer(() => {
       .map((n) => n.id);
   }, [relatedToSelected, allNodes]);
   const setSelectedNodeId = useCallback(
-    (_selectedNodeId?: SelectedNodeId) => {
+    (_selectedNodeId: SelectedNodeId) => {
       const nodeId = _selectedNodeId?.value?.id;
       if (
         nodeId !== selectedNodeId?.value?.id ||
         _selectedNodeId?.justCreated !== selectedNodeId?.justCreated
       ) {
         DOMEvents.selectNode.trigger(nodeId);
-        return _setSelectedNodeId(_selectedNodeId);
+        setTimeout(() => {
+          return _setSelectedNodeId(_selectedNodeId);
+        }, 250);
       }
     },
     [_setSelectedNodeId, allNodes, selectedNodeId?.value?.id, focusMode]

diff --git a/packages/sandbox/package.json b/packages/sandbox/package.json
@@ -1,6 +1,6 @@
 {
   "name": "sandbox",
-  "version": "7.1.9",
+  "version": "7.2.0",
   "private": false,
   "license": "MIT",
   "description": "Visual node editor for GraphQL",
@@ -49,7 +49,7 @@
     "@aexol-studio/styling-system": "^0.0.8",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
-    "graphql-editor": "^7.1.9",
+    "graphql-editor": "^7.2.0",
     "graphql-js-tree": "^0.1.6",
     "socket.io-client": "^4.7.2",
     "y-monaco": "^0.1.5",

diff --git a/packages/socket-live-test/package.json b/packages/socket-live-test/package.json
@@ -1,6 +1,6 @@
 {
   "name": "socket-live-test",
-  "version": "2.1.9",
+  "version": "2.2.0",
   "description": "testing editor live",
   "main": "index.js",
   "type": "module",

diff --git a/packages/svg-ts-sync/package.json b/packages/svg-ts-sync/package.json
@@ -1,6 +1,6 @@
 {
   "name": "svg-ts-sync",
-  "version": "1.1.9",
+  "version": "1.2.0",
   "private": false,
   "license": "MIT",
   "description": "Sync folders with svg's to react typescript components",