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

package/distribution/index.js

@@ -5733,17 +5733,18 @@ const PluridLink = properties => {
     if (!planesRegistry) {
         return React__default["default"].createElement(React__default["default"].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 || pluridData.PLURID_DEFAULT_CONFIGURATION_LINK_PREVIEW_FADE_IN;
     const previewDisappearTime = previewFadeOut || pluridData.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 : pluridData.PLURID_DEFAULT_CONFIGURATION_LINK_SUFFIX;
-    const devisible = _devisible !== null && _devisible !== void 0 ? _devisible : false;
+    const suffix = suffixProperty !== null && suffixProperty !== void 0 ? suffixProperty : pluridData.PLURID_DEFAULT_CONFIGURATION_LINK_SUFFIX;
+    const devisible = devisibleProperty !== null && devisibleProperty !== void 0 ? devisibleProperty : false;
     const linkElement = React.useRef(null);
     const hoverInTimeout = React.useRef(null);
     const hoverOutTimeout = React.useRef(null);
+    const planeRef = React.useRef();
     const [mouseOver, setMouseOver] = React.useState(false);
     const [showPreview, setShowPreview] = React.useState(false);
     const [showLink, setShowLink] = React.useState(false);
@@ -5812,6 +5813,20 @@ const PluridLink = properties => {
     const debouncedUpdateLinkCoordinates = pluridFunctionsReact.useDebouncedCallback((() => {
         updateLinkCoordinates();
     }), pluridData.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;
@@ -5898,6 +5913,8 @@ const PluridLink = properties => {
         setParentPlaneID(parentPlaneID);
         const linkCoordinates = getPluridLinkCoordinates();
         setLinkCoordinates(linkCoordinates);
+        const parentPlane = pluridEngine.space.tree.logic.getTreePlaneByID(stateTree, parentPlaneID);
+        assignTreePlaneToLink(parentPlane, linkCoordinates);
     }), []);
     React.useEffect((() => {
         if (showLink) {
@@ -5970,10 +5987,17 @@ const PluridLink = properties => {
             defaultPubSub.unsubscribe(closePlaneIndex);
         };
     }), [ showLink, pluridPlaneID, JSON.stringify(stateTree) ]);
-    React.useEffect((() => () => {
-        if (showLink && linkElement.current === null) {
-            removePlane();
-        }
+    React.useEffect((() => {
+        const plane = pluridEngine.space.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__default["default"].createElement(StyledPluridLink, {
         ref: linkElement,