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

package/distribution/components/links/Link/index.d.ts

@@ -18,7 +18,8 @@ export interface PluridLinkDispatchProperties {
     dispatchSetTree: DispatchAction<typeof actions.space.setTree>;
     dispatchSetSpaceField: DispatchAction<typeof actions.space.setSpaceField>;
     dispatchUpdateSpaceLinkCoordinates: DispatchAction<typeof actions.space.updateSpaceLinkCoordinates>;
+    dispatchRemovePlane: DispatchAction<typeof actions.space.removePlane>;
 }
 export declare type PluridLinkProperties = PluridLinkOwnProperties<PluridReactComponent, React.CSSProperties, React.MouseEvent> & PluridLinkStateProperties & PluridLinkDispatchProperties;
-declare const ConnectedPluridLink: import("react-redux").ConnectedComponent<React.FC<React.PropsWithChildren<PluridLinkProperties>>, Omit<React.PropsWithChildren<PluridLinkProperties>, "dispatch" | "stateGeneralTheme" | "stateConfiguration" | "stateTree" | "stateViewSize" | "dispatchSetSpaceField" | "dispatchSetTree" | "stateLastClosedPlane" | "dispatchUpdateSpaceLinkCoordinates"> & import("react-redux").ConnectProps>;
+declare const ConnectedPluridLink: import("react-redux").ConnectedComponent<React.FC<React.PropsWithChildren<PluridLinkProperties>>, Omit<React.PropsWithChildren<PluridLinkProperties>, "dispatch" | "stateGeneralTheme" | "stateConfiguration" | "stateTree" | "stateViewSize" | "dispatchSetSpaceField" | "dispatchSetTree" | "stateLastClosedPlane" | "dispatchUpdateSpaceLinkCoordinates" | "dispatchRemovePlane"> & import("react-redux").ConnectProps>;
 export default ConnectedPluridLink;

package/distribution/index.d.ts

@@ -35,7 +35,7 @@ declare const Plurid: {
     RouterStatic: (properties: import("./containers/RouterStatic").PluridRouterStaticOwnProperties) => 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>;
+    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" | "dispatchRemovePlane"> & import("react-redux").ConnectProps>;
     RouterLink: import("react").FC<import("./components/links/RouterLink").PluridRouterLinkOwnProperties>;
     ApplicationConfigurator: import("react-redux").ConnectedComponent<import("react").FC<import("react").PropsWithChildren<import("./components/utilities/ApplicationConfigurator").PluridApplicationConfiguratorProperties>>, Omit<import("react").PropsWithChildren<import("./components/utilities/ApplicationConfigurator").PluridApplicationConfiguratorProperties>, "stateConfiguration" | "dispatchSetConfiguration"> & import("react-redux").ConnectProps>;
     PlaneConfigurator: import("react-redux").ConnectedComponent<import("react").FC<import("react").PropsWithChildren<import("./components/utilities/PlaneConfigurator").PluridPlaneConfiguratorProperties>>, Omit<import("react").PropsWithChildren<import("./components/utilities/PlaneConfigurator").PluridPlaneConfiguratorProperties>, never> & import("react-redux").ConnectProps>;

package/distribution/index.es.js

@@ -16,7 +16,7 @@ import { connect, Provider } from "react-redux";
 
 import { createSlice, combineReducers, configureStore } from "@reduxjs/toolkit";
 
-import { mathematics, dom, meta, objects, uuid, storage } from "@plurid/plurid-functions";
+import { mathematics, objects, dom, meta, uuid, storage } from "@plurid/plurid-functions";
 
 import themes$2, { plurid, decomposeColor } from "@plurid/plurid-themes";
 
@@ -602,6 +602,10 @@ const space = createSlice({
         },
         spaceSetCulledView: (state, action) => {
             state.culledView = action.payload;
+        },
+        removePlane: (state, action) => {
+            const updatedTree = space$2.tree.logic.removePlaneFromTree(objects.clone(state.tree), action.payload);
+            state.tree = updatedTree;
         }
     }
 });
@@ -5695,7 +5699,7 @@ const PluridLink = properties => {
     if (!planesRegistry) {
         return React.createElement(React.Fragment, null, properties.children);
     }
-    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 {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, dispatchRemovePlane: dispatchRemovePlane} = 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;
@@ -5706,7 +5710,6 @@ const PluridLink = properties => {
     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);
@@ -5784,6 +5787,9 @@ const PluridLink = properties => {
                 continue;
             }
             if (plane.linkCoordinates.x === linkCoordinates.x || plane.linkCoordinates.y === linkCoordinates.y) {
+                if (pluridPlaneID === plane.planeID) {
+                    continue;
+                }
                 setShowLink(true);
                 setPluridPlaneID(plane.planeID);
             }
@@ -5849,9 +5855,12 @@ const PluridLink = properties => {
         }
     };
     const removePlane = () => {
-        const updatedTree = space$2.tree.logic.removePlaneFromTree(objects.clone(stateTree), pluridPlaneID);
-        dispatchSetTree(updatedTree);
-        setShowLink((show => !show));
+        const pluridPlane = document.getElementById(pluridPlaneID);
+        if (!pluridPlane) {
+            return;
+        }
+        dispatchRemovePlane(pluridPlaneID);
+        setShowLink(false);
         setShowPreview(false);
     };
     const handleClick = useCallback((event => {
@@ -5871,11 +5880,11 @@ const PluridLink = properties => {
         return;
     };
     useEffect((() => {
-        const parentPlaneID = getPluridPlaneIDByData$1(linkElement.current);
-        setParentPlaneID(parentPlaneID);
+        const newParentPlaneID = getPluridPlaneIDByData$1(linkElement.current);
+        setParentPlaneID(newParentPlaneID);
         const linkCoordinates = getPluridLinkCoordinates();
         setLinkCoordinates(linkCoordinates);
-        const parentPlane = space$2.tree.logic.getTreePlaneByID(stateTree, parentPlaneID);
+        const parentPlane = space$2.tree.logic.getTreePlaneByID(stateTree, newParentPlaneID);
         assignTreePlaneToLink(parentPlane, linkCoordinates);
     }), []);
     useEffect((() => {
@@ -5910,7 +5919,6 @@ const PluridLink = properties => {
             }
         };
     }), [ preview, mouseOver ]);
-    useEffect((() => {}), []);
     useEffect((() => {
         const openClosedPlaneIndex = defaultPubSub.subscribe({
             topic: PLURID_PUBSUB_TOPIC.OPEN_CLOSED_PLANE,
@@ -5949,17 +5957,12 @@ const PluridLink = properties => {
             defaultPubSub.unsubscribe(closePlaneIndex);
         };
     }), [ showLink, pluridPlaneID, JSON.stringify(stateTree) ]);
-    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);
-        };
+    useEffect((() => () => {
+        setTimeout((() => {
+            if (pluridPlaneID && showLink && linkElement.current === null) {
+                removePlane();
+            }
+        }), 10);
     }), [ showLink, showPreview, pluridPlaneID, parentPlaneID, JSON.stringify(stateTree) ]);
     return React.createElement(StyledPluridLink, {
         ref: linkElement,
@@ -5998,7 +6001,8 @@ const mapDispatchToProperties$5 = dispatch => ({
     dispatch: dispatch,
     dispatchSetTree: payload => dispatch(actions.space.setTree(payload)),
     dispatchSetSpaceField: payload => dispatch(actions.space.setSpaceField(payload)),
-    dispatchUpdateSpaceLinkCoordinates: payload => dispatch(actions.space.updateSpaceLinkCoordinates(payload))
+    dispatchUpdateSpaceLinkCoordinates: payload => dispatch(actions.space.updateSpaceLinkCoordinates(payload)),
+    dispatchRemovePlane: payload => dispatch(actions.space.removePlane(payload))
 });
 
 const ConnectedPluridLink = connect(mapStateToProperties$5, mapDispatchToProperties$5, null, {