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

package/distribution/containers/RouterBrowser/FadeIn/index.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 export interface FadeInProperties {
+    time: number;
 }
 declare const FadeIn: React.FC<FadeInProperties>;
 export default FadeIn;

package/distribution/containers/RouterStatic/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { PluridRoute, PluridRoutePlane } from '@plurid/plurid-data';
+import { PluridRoute, PluridRoutePlane, PluridRouterProperties } from '@plurid/plurid-data';
 import { PluridReactComponent } from "../../data/interfaces";
 export interface PluridRouterStaticOwnProperties {
     path: string;
@@ -13,6 +13,7 @@ export interface PluridRouterStaticOwnProperties {
     gateway?: boolean;
     gatewayQuery?: string;
     gatewayEndpoint?: string;
+    routerProperties?: Partial<PluridRouterProperties<PluridReactComponent>>;
 }
 declare const PluridRouterStatic: (properties: PluridRouterStaticOwnProperties) => JSX.Element;
 export default PluridRouterStatic;

package/distribution/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { Theme } from '@plurid/plurid-themes';
-import { PLURID_PUBSUB_TOPIC, PluridPlane, PluridView, PluridUniverse, PluridConfiguration, PluridPartialConfiguration, RecursivePartial, PluridRoute, PluridRouteSpace, PluridRouteUniverse, PluridRoutePlane, ComponentWithPlurid, PluridPlaneComponentProperty, PluridRouteComponentProperty, PluridPreserve, PluridPreserveTransmission, PluridPubSubPublishMessage, PluridPubSubSubscribeMessage, LAYOUT_TYPES as SPACE_LAYOUT, SIZES, TRANSFORM_MODES, TRANSFORM_TOUCHES, PLURID_ROUTER_LOCATION_CHANGED, PLURID_ROUTER_LOCATION_STORED } from '@plurid/plurid-data';
+import { PLURID_PUBSUB_TOPIC, PluridPlane, PluridView, PluridUniverse, PluridConfiguration, PluridPartialConfiguration, PluridRouterProperties, RecursivePartial, PluridRoute, PluridRouteSpace, PluridRouteUniverse, PluridRoutePlane, ComponentWithPlurid, PluridPlaneComponentProperty, PluridRouteComponentProperty, PluridPreserve, PluridPreserveTransmission, PluridPubSubPublishMessage, PluridPubSubSubscribeMessage, LAYOUT_TYPES as SPACE_LAYOUT, SIZES, TRANSFORM_MODES, TRANSFORM_TOUCHES, PLURID_ROUTER_LOCATION_CHANGED, PLURID_ROUTER_LOCATION_STORED } from '@plurid/plurid-data';
 import { routing, pluridRouterNavigate } from '@plurid/plurid-engine';
 import PluridPubSub from '@plurid/plurid-pubsub';
 import { PluridReactComponent, PluridReactPlaneComponent, PluridReactRouteComponent, PluridReactPlane, PluridReactRoute, PluridReactRoutePlane, PluridRouteMatch } from './data/interfaces';
@@ -33,7 +33,7 @@ declare const internals: {
 declare const Plurid: {
     Application: typeof PluridApplication;
     RouterStatic: (properties: import("./containers/RouterStatic").PluridRouterStaticOwnProperties) => JSX.Element;
-    RouterBrowser: (properties: import("@plurid/plurid-data").PluridRouterProperties<PluridReactComponent<any, PluridPlaneComponentProperty | PluridRouteComponentProperty>>) => JSX.Element;
+    RouterBrowser: (properties: PluridRouterProperties<PluridReactComponent<any, PluridPlaneComponentProperty | PluridRouteComponentProperty>>) => JSX.Element;
     Provider: typeof PluridProvider;
     Link: import("react-redux").ConnectedComponent<import("react").FC<import("react").PropsWithChildren<import("./components/links/Link").PluridLinkProperties>>, Omit<import("react").PropsWithChildren<import("./components/links/Link").PluridLinkProperties>, "dispatch" | "stateGeneralTheme" | "stateConfiguration" | "stateTree" | "stateViewSize" | "dispatchSetSpaceField" | "dispatchSetTree" | "stateLastClosedPlane" | "dispatchUpdateSpaceLinkCoordinates"> & import("react-redux").ConnectProps>;
     RouterLink: import("react").FC<import("./components/links/RouterLink").PluridRouterLinkOwnProperties>;
@@ -99,9 +99,10 @@ declare const Plurid: {
         PluridSpaceDebugger: import("react-redux").ConnectedComponent<import("react").FC<import("./components/structural/Space/components/SpaceDebugger").PluridSpaceDebuggerProperties>, Omit<import("./components/structural/Space/components/SpaceDebugger").PluridSpaceDebuggerProperties, "stateGeneralTheme" | "stateInteractionTheme"> & import("react-redux").ConnectProps>;
     };
 };
+declare type PluridRouterPartialProperties = Partial<PluridRouterProperties<PluridReactComponent>>;
 export { PluridApplication, PluridRouterBrowser, PluridRouterStatic, PluridProvider, PluridLink, PluridRouterLink, PluridApplicationConfigurator, PluridPlaneConfigurator, PluridExternalPlane, PluridIframePlane, PluridVirtualList, 
 /** Interfaces */
-Theme, PluridPlane, PluridView, PluridUniverse, PluridRoute, PluridRouteSpace, PluridRouteUniverse, PluridRoutePlane, ComponentWithPlurid, PluridPlaneComponentProperty, PluridRouteComponentProperty, PluridReactComponent, PluridReactPlane, PluridReactPlaneComponent, PluridReactRouteComponent, PluridReactRoute, PluridReactRoutePlane, PluridRouteMatch, PluridPreserve, PluridPreserveTransmission, PluridPubSubPublishMessage, PluridPubSubSubscribeMessage, PluridConfiguration, PluridPartialConfiguration, RecursivePartial, 
+Theme, PluridPlane, PluridView, PluridUniverse, PluridRouterProperties, PluridRouterPartialProperties, PluridRoute, PluridRouteSpace, PluridRouteUniverse, PluridRoutePlane, ComponentWithPlurid, PluridPlaneComponentProperty, PluridRouteComponentProperty, PluridReactComponent, PluridReactPlane, PluridReactPlaneComponent, PluridReactRouteComponent, PluridReactRoute, PluridReactRoutePlane, PluridRouteMatch, PluridPreserve, PluridPreserveTransmission, PluridPubSubPublishMessage, PluridPubSubSubscribeMessage, PluridConfiguration, PluridPartialConfiguration, RecursivePartial, 
 /** Enumerations */
 SPACE_LAYOUT, SIZES, TRANSFORM_MODES, TRANSFORM_TOUCHES, PLURID_ROUTER_LOCATION_CHANGED, PLURID_ROUTER_LOCATION_STORED, 
 /** Engine */

package/distribution/index.es.js

@@ -5430,21 +5430,25 @@ const StyledFadeIn = styled.div`
 `;
 
 const FadeIn = properties => {
+    const {time: time} = properties;
     const [fadedIn, setFadedIn] = useState(false);
     useEffect((() => {
-        setTimeout((() => {
-            setFadedIn(true);
-        }), 10);
+        if (time > 0) {
+            setTimeout((() => {
+                setFadedIn(true);
+            }), time);
+        }
     }), []);
-    if (fadedIn) {
+    if (fadedIn || time === 0) {
         return React.createElement(React.Fragment, null);
     }
     return React.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 = useRef(null);
     const pluridPlanesRegistrar = useRef(new PluridPlanesRegistrar(pluridPlanes, hostname));
@@ -5540,7 +5544,9 @@ const PluridRouterBrowser = properties => {
             PluridRouterShell.displayName = "PluridRouterShell";
         }
     }
-    return React.createElement(React.Fragment, null, React.createElement(FadeIn, null), React.createElement(PluridScrollTop, {
+    return React.createElement(React.Fragment, null, React.createElement(FadeIn, {
+        time: fadeIn
+    }), React.createElement(PluridScrollTop, {
         ref: topContainer
     }), PluridRouterExterior && React.createElement(PluridRouterExterior, {
         matchedRoute: matchedRoute
@@ -5550,10 +5556,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.createElement(PluridRouterBrowser, {
+    return React.createElement(PluridRouterBrowser, Object.assign({
         routes: routes,
         planes: planes,
         exterior: exterior,
@@ -5564,7 +5570,7 @@ const PluridRouterStatic = properties => {
         },
         protocol: protocol,
         hostname: hostname
-    });
+    }, routerProperties));
 };
 
 class PluridProvider extends Component {
@@ -5689,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);
@@ -5768,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;
@@ -5854,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) {
@@ -5926,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,