@plurid/plurid-react 0.0.0-30 → 0.0.0-31

package/distribution/index.es.js

@@ -5695,17 +5695,18 @@ const PluridLink = properties => {
     if (!planesRegistry) {
         return React.createElement(React.Fragment, null, properties.children);
     }
-    const {children: children, route: planeRoute, devisible: _devisible, suffix: _suffix, atClick: atClick, style: style, className: className, preview: preview, previewComponent: previewComponent, previewFadeIn: previewFadeIn, previewFadeOut: previewFadeOut, previewOffsetX: previewOffsetX, previewOffsetY: previewOffsetY, stateTree: stateTree, stateLastClosedPlane: stateLastClosedPlane, stateGeneralTheme: stateGeneralTheme, stateConfiguration: stateConfiguration, stateViewSize: stateViewSize, dispatch: dispatch, dispatchSetTree: dispatchSetTree, dispatchSetSpaceField: dispatchSetSpaceField, dispatchUpdateSpaceLinkCoordinates: dispatchUpdateSpaceLinkCoordinates} = properties;
+    const {children: children, route: planeRoute, devisible: devisibleProperty, suffix: suffixProperty, atClick: atClick, style: style, className: className, preview: preview, previewComponent: previewComponent, previewFadeIn: previewFadeIn, previewFadeOut: previewFadeOut, previewOffsetX: previewOffsetX, previewOffsetY: previewOffsetY, stateTree: stateTree, stateLastClosedPlane: stateLastClosedPlane, stateGeneralTheme: stateGeneralTheme, stateConfiguration: stateConfiguration, stateViewSize: stateViewSize, dispatch: dispatch, dispatchSetTree: dispatchSetTree, dispatchSetSpaceField: dispatchSetSpaceField, dispatchUpdateSpaceLinkCoordinates: dispatchUpdateSpaceLinkCoordinates} = properties;
     const planeControls = stateConfiguration.elements.plane.controls.show;
     const previewAppearTime = previewFadeIn || PLURID_DEFAULT_CONFIGURATION_LINK_PREVIEW_FADE_IN;
     const previewDisappearTime = previewFadeOut || PLURID_DEFAULT_CONFIGURATION_LINK_PREVIEW_FADE_OUT;
     const planeRouteResolved = computePlaneAddress(planeRoute);
     const absolutePlaneRoute = resolveRoute(planeRouteResolved, stateConfiguration.network.protocol, hostname || stateConfiguration.network.host);
-    const suffix = _suffix !== null && _suffix !== void 0 ? _suffix : PLURID_DEFAULT_CONFIGURATION_LINK_SUFFIX;
-    const devisible = _devisible !== null && _devisible !== void 0 ? _devisible : false;
+    const suffix = suffixProperty !== null && suffixProperty !== void 0 ? suffixProperty : PLURID_DEFAULT_CONFIGURATION_LINK_SUFFIX;
+    const devisible = devisibleProperty !== null && devisibleProperty !== void 0 ? devisibleProperty : false;
     const linkElement = useRef(null);
     const hoverInTimeout = useRef(null);
     const hoverOutTimeout = useRef(null);
+    const planeRef = useRef();
     const [mouseOver, setMouseOver] = useState(false);
     const [showPreview, setShowPreview] = useState(false);
     const [showLink, setShowLink] = useState(false);
@@ -5774,6 +5775,20 @@ const PluridLink = properties => {
     const debouncedUpdateLinkCoordinates = useDebouncedCallback((() => {
         updateLinkCoordinates();
     }), PLURID_DEFAULT_RESIZE_DEBOUNCE_TIME);
+    const assignTreePlaneToLink = (parentPlane, linkCoordinates) => {
+        if (!parentPlane || !parentPlane.children) {
+            return;
+        }
+        for (const plane of parentPlane.children) {
+            if (!plane.linkCoordinates) {
+                continue;
+            }
+            if (plane.linkCoordinates.x === linkCoordinates.x || plane.linkCoordinates.y === linkCoordinates.y) {
+                setShowLink(true);
+                setPluridPlaneID(plane.planeID);
+            }
+        }
+    };
     const updateTreeWithLink = event => {
         if (!parentPlaneID || !absolutePlaneRoute) {
             return;
@@ -5860,6 +5875,8 @@ const PluridLink = properties => {
         setParentPlaneID(parentPlaneID);
         const linkCoordinates = getPluridLinkCoordinates();
         setLinkCoordinates(linkCoordinates);
+        const parentPlane = space$2.tree.logic.getTreePlaneByID(stateTree, parentPlaneID);
+        assignTreePlaneToLink(parentPlane, linkCoordinates);
     }), []);
     useEffect((() => {
         if (showLink) {
@@ -5932,10 +5949,17 @@ const PluridLink = properties => {
             defaultPubSub.unsubscribe(closePlaneIndex);
         };
     }), [ showLink, pluridPlaneID, JSON.stringify(stateTree) ]);
-    useEffect((() => () => {
-        if (showLink && linkElement.current === null) {
-            removePlane();
-        }
+    useEffect((() => {
+        const plane = space$2.tree.logic.getTreePlaneByID(stateTree, pluridPlaneID);
+        planeRef.current = plane;
+        return () => {
+            setTimeout((() => {
+                var _a;
+                if (showLink && linkElement.current === null && ((_a = planeRef.current) === null || _a === void 0 ? void 0 : _a.show) === false) {
+                    removePlane();
+                }
+            }), 10);
+        };
     }), [ showLink, showPreview, pluridPlaneID, parentPlaneID, JSON.stringify(stateTree) ]);
     return React.createElement(StyledPluridLink, {
         ref: linkElement,