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

package/distribution/index.js

@@ -5468,21 +5468,25 @@ const StyledFadeIn = styled__default["default"].div`
 `;
 
 const FadeIn = properties => {
+    const {time: time} = properties;
     const [fadedIn, setFadedIn] = React.useState(false);
     React.useEffect((() => {
-        setTimeout((() => {
-            setFadedIn(true);
-        }), 10);
+        if (time > 0) {
+            setTimeout((() => {
+                setFadedIn(true);
+            }), time);
+        }
     }), []);
-    if (fadedIn) {
+    if (fadedIn || time === 0) {
         return React__default["default"].createElement(React__default["default"].Fragment, null);
     }
     return React__default["default"].createElement(StyledFadeIn, null);
 };
 
 const PluridRouterBrowser = properties => {
-    const {routes: routes, planes: planes, exterior: exterior, shell: shell, hostname: hostname, scrollToTop: scrollToTop, static: staticContext, view: cleanNavigationView, cleanNavigation: cleanNavigation, notFoundPath: notFoundPathProperty} = properties;
+    const {routes: routes, planes: planes, exterior: exterior, shell: shell, hostname: hostname, scrollToTop: scrollToTop, fadeIn: fadeInProperty, static: staticContext, view: cleanNavigationView, cleanNavigation: cleanNavigation, notFoundPath: notFoundPathProperty} = properties;
     const notFoundPath = notFoundPathProperty || "/not-found";
+    const fadeIn = fadeInProperty !== null && fadeInProperty !== void 0 ? fadeInProperty : 10;
     const pluridPlanes = gatherPluridPlanes(routes, planes);
     const topContainer = React.useRef(null);
     const pluridPlanesRegistrar = React.useRef(new PluridPlanesRegistrar(pluridPlanes, hostname));
@@ -5578,7 +5582,9 @@ const PluridRouterBrowser = properties => {
             PluridRouterShell.displayName = "PluridRouterShell";
         }
     }
-    return React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(FadeIn, null), React__default["default"].createElement(PluridScrollTop, {
+    return React__default["default"].createElement(React__default["default"].Fragment, null, React__default["default"].createElement(FadeIn, {
+        time: fadeIn
+    }), React__default["default"].createElement(PluridScrollTop, {
         ref: topContainer
     }), PluridRouterExterior && React__default["default"].createElement(PluridRouterExterior, {
         matchedRoute: matchedRoute
@@ -5588,10 +5594,10 @@ const PluridRouterBrowser = properties => {
 };
 
 const PluridRouterStatic = properties => {
-    const {path: path, directPlane: directPlane, routes: routes, planes: planes, exterior: exterior, shell: shell, protocol: protocolProperty, hostname: hostnameProperty, gateway: gateway, gatewayQuery: gatewayQueryProperty, gatewayEndpoint: gatewayEndpointProperty} = properties;
+    const {path: path, directPlane: directPlane, routes: routes, planes: planes, exterior: exterior, shell: shell, protocol: protocolProperty, hostname: hostnameProperty, gateway: gateway, gatewayQuery: gatewayQueryProperty, gatewayEndpoint: gatewayEndpointProperty, routerProperties: routerProperties} = properties;
     const protocol = protocolProperty || "http";
     const hostname = hostnameProperty || "origin";
-    return React__default["default"].createElement(PluridRouterBrowser, {
+    return React__default["default"].createElement(PluridRouterBrowser, Object.assign({
         routes: routes,
         planes: planes,
         exterior: exterior,
@@ -5602,7 +5608,7 @@ const PluridRouterStatic = properties => {
         },
         protocol: protocol,
         hostname: hostname
-    });
+    }, routerProperties));
 };
 
 class PluridProvider extends React.Component {
@@ -5727,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);
@@ -5806,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;
@@ -5892,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) {
@@ -5964,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,