@xyo-network/react-node-renderer 3.0.1 → 3.0.3

package/dist/browser/hooks/cytoscape/useIcons.d.ts

@@ -0,0 +1,3 @@
+import type { CyNodeModuleTypes } from '../../Cytoscape/index.ts';
+export declare const useIcons: () => Record<CyNodeModuleTypes, string>;
+//# sourceMappingURL=useIcons.d.ts.map

package/dist/browser/hooks/cytoscape/useIcons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIcons.d.ts","sourceRoot":"","sources":["../../../../src/hooks/cytoscape/useIcons.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAA;AAKjE,eAAO,MAAM,QAAQ,yCAapB,CAAA"}

package/dist/browser/hooks/cytoscape/useModuleDetails.d.ts

@@ -0,0 +1,18 @@
+import type { ModuleInstance } from '@xyo-network/module-model';
+export declare const useModuleDetails: (rootModule?: WeakRef<ModuleInstance> | null, onFoundModule?: () => void) => {
+    mod: ModuleInstance<import("@xylabs/object").BaseParamsFields & {
+        account?: import("@xyo-network/account-model").AccountInstance | "random";
+        addToResolvers?: boolean;
+        additionalSigners?: import("@xyo-network/account-model").AccountInstance[];
+        allowNameResolution?: boolean;
+        config: import("@xyo-network/payload-model").SchemaFields & import("@xyo-network/payload-model").PayloadFields & Omit<import("@xyo-network/module-model").ArchivingModuleConfig & import("@xyo-network/module-model").ModuleConfigFields & import("@xyo-network/payload-model").SchemaFields & import("@xyo-network/payload-model").PayloadFields & {
+            schema: "network.xyo.module.config";
+        }, "schema"> & {
+            schema: string;
+        };
+        ephemeralQueryAccountEnabled?: boolean;
+        moduleIdentifierTransformers?: import("@xyo-network/module-model").ModuleIdentifierTransformer[];
+    }, import("@xyo-network/module-model").ModuleEventData<object>> | null | undefined;
+    onModuleDetails: (address?: string | null) => void;
+};
+//# sourceMappingURL=useModuleDetails.d.ts.map

package/dist/browser/hooks/cytoscape/useModuleDetails.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useModuleDetails.d.ts","sourceRoot":"","sources":["../../../../src/hooks/cytoscape/useModuleDetails.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAK/D,eAAO,MAAM,gBAAgB,gBAAiB,OAAO,CAAC,cAAc,CAAC,GAAG,IAAI,kBAAkB,MAAM,IAAI;;;;;;;;;;;;;;gCA+CnE,MAAM,GAAG,IAAI;CAoBjD,CAAA"}

package/dist/browser/hooks/cytoscape/useRelationalGraphOptions.d.ts

@@ -0,0 +1,7 @@
+import type { ModuleInstance } from '@xyo-network/module-model';
+export declare const useRelationalGraphOptions: (mod?: WeakRef<ModuleInstance>) => {
+    handleToggleLabels: () => void;
+    hideLabels: boolean;
+    options: import("cytoscape").CytoscapeOptions | undefined;
+};
+//# sourceMappingURL=useRelationalGraphOptions.d.ts.map

package/dist/browser/hooks/cytoscape/useRelationalGraphOptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRelationalGraphOptions.d.ts","sourceRoot":"","sources":["../../../../src/hooks/cytoscape/useRelationalGraphOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAQ/D,eAAO,MAAM,yBAAyB,SAAU,OAAO,CAAC,cAAc,CAAC;;;;CActE,CAAA"}

package/dist/browser/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './cytoscape/index.ts';
+//# sourceMappingURL=index.d.ts.map

package/dist/browser/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA"}

package/dist/browser/index.d.ts

@@ -1,168 +1,5 @@
-import { Address } from '@xylabs/hex';
-import { FlexBoxProps } from '@xylabs/react-flexbox';
-import { NodeInstance } from '@xyo-network/node-model';
-import * as cytoscape from 'cytoscape';
-import { CytoscapeOptions, Core, ElementDefinition, LayoutOptions, Stylesheet } from 'cytoscape';
-import * as React from 'react';
-import React__default, { PropsWithChildren, ReactNode, Dispatch, SetStateAction, ReactElement } from 'react';
-import * as _xyo_network_module_model from '@xyo-network/module-model';
-import { ModuleInstance } from '@xyo-network/module-model';
-import * as _xyo_network_account_model from '@xyo-network/account-model';
-import { AccountInstance } from '@xyo-network/account-model';
-import * as _xyo_network_react_shared from '@xyo-network/react-shared';
-import { ContextExState } from '@xyo-network/react-shared';
-import { WithChildren } from '@xylabs/react-shared';
-import { SvgIconTypeMap } from '@mui/material';
-import { OverridableComponent } from '@mui/material/OverridableComponent.js';
-import * as _xyo_network_payload_model from '@xyo-network/payload-model';
-import * as _xylabs_object from '@xylabs/object';
-
-interface NodeRelationalGraphProps extends PropsWithChildren<FlexBoxProps> {
-    actions?: ReactNode;
-    detail?: ReactNode;
-    layout?: 'dagre' | 'euler' | 'cose-bilkent' | 'cola';
-    layoutOptions?: object;
-    node?: WeakRef<NodeInstance>;
-    onHover?: (address?: Address) => void;
-    options?: CytoscapeOptions;
-    showDetails?: boolean;
-}
-
-interface ModuleCardParserProps {
-    mod?: ModuleInstance;
-}
-declare const ModuleCardParser: React__default.FC<ModuleCardParserProps>;
-
-interface ModuleGraphFlexBoxProps extends FlexBoxProps {
-    disableModuleDetails?: boolean;
-    hideActions?: boolean;
-    layout?: 'dagre' | 'euler' | 'cose-bilkent' | 'cola';
-    layoutOptions?: object;
-    rootModule?: WeakRef<ModuleInstance> | null;
-}
-declare const ModuleGraphFlexBox: React__default.FC<ModuleGraphFlexBoxProps>;
-declare const ModuleGraphFlexBoxWithProvider: React__default.FC<ModuleGraphFlexBoxProps>;
-
-declare const NodeRelationalGraphFlexBox: React__default.ForwardRefExoticComponent<NodeRelationalGraphProps & React__default.RefAttributes<HTMLDivElement>>;
-declare const NodeRelationalGraph: React__default.ForwardRefExoticComponent<NodeRelationalGraphProps & React__default.RefAttributes<HTMLDivElement>>;
-
-interface ProvidedNodeRendererProps extends NodeRelationalGraphProps {
-    account?: AccountInstance;
-    layout?: 'dagre' | 'euler' | 'cose-bilkent' | 'cola';
-    layoutOptions?: object;
-    node?: WeakRef<NodeInstance>;
-}
-declare const ProvidedNodeRenderer: React__default.FC<ProvidedNodeRendererProps>;
-
-interface CytoscapeInstanceState extends ContextExState {
-    cy?: WeakRef<Core>;
-    setCy?: Dispatch<SetStateAction<WeakRef<Core> | undefined>>;
-}
-
-declare const CytoscapeInstanceContext: React.Context<CytoscapeInstanceState & _xyo_network_react_shared.ContextExState>;
-
-interface CytoscapeInstanceProviderProps extends WithChildren {
-    defaultInstance?: WeakRef<Core>;
-}
-declare const CytoscapeInstanceProvider: React__default.FC<CytoscapeInstanceProviderProps>;
-
-declare const useCytoscapeInstance: (required?: boolean) => Omit<CytoscapeInstanceState & _xyo_network_react_shared.ContextExState, "provided">;
-
-interface ModuleInfo {
-    children: ModuleInfo[];
-    depth: number;
-    mod: ModuleInstance;
-}
-declare const CytoscapeElements: {
-    MaxNameLength: number;
-    buildEdge(rootNode: ElementDefinition, newNode: ElementDefinition, properties?: {
-        [key: string]: unknown;
-    }): {
-        data: {
-            id: string;
-            source: string | undefined;
-            target: string | undefined;
-        };
-    };
-    buildElements(mod: ModuleInstance): Promise<ElementDefinition[]>;
-    buildElementsFromInfo(info: ModuleInfo, root?: ElementDefinition, classes?: string[]): Promise<ElementDefinition[]>;
-    buildNode(mod: ModuleInstance, properties?: {
-        [key: string]: unknown;
-    }, classes?: string[]): ElementDefinition;
-    buildRootNode: (mod: ModuleInstance) => ElementDefinition;
-    normalizeName(name?: string): string | undefined;
-    recurseNodes(root: ModuleInstance, maxDepth?: number, depth?: number): Promise<ModuleInfo>;
-};
-
-type CyNodeModuleTypes = 'archivist' | 'bridge' | 'diviner' | 'module' | 'node' | 'witness' | 'sentinel';
-
-declare const encodeSvg: (reactElement: ReactElement, color?: string) => string;
-
-declare const generateIconMap: () => Record<CyNodeModuleTypes, string>;
-
-declare const ColaLayout: {
-    centerGraph: boolean;
-    convergenceThreshold: number;
-    name: string;
-};
-
-declare const ConcentricLayout: LayoutOptions;
-
-declare const parseModuleType: (mod?: ModuleInstance) => CyNodeModuleTypes;
-
-declare const CyIconSet: Record<CyNodeModuleTypes, OverridableComponent<SvgIconTypeMap<{}, 'svg'>>>;
-
-declare const NodeWithName: (color?: string, outlineColor?: string) => Stylesheet;
-declare const Node: (icons: Record<CyNodeModuleTypes, string>, bgColor?: string, hideLabels?: boolean) => Stylesheet;
-declare const NodeAsRoot: (bgColor?: string) => {
-    selector: string;
-    style: {
-        'background-color': string | undefined;
-    };
-};
-declare const EdgeStyled: (lineColor?: string, targetArrowColor?: string) => {
-    selector: string;
-    style: {
-        'curve-style': string;
-        'line-color': string | undefined;
-        'line-opacity': number;
-        'target-arrow-color': string | undefined;
-        'target-arrow-shape': string;
-        width: number;
-    };
-};
-
-declare const useCytoscapeElements: (mod?: WeakRef<ModuleInstance> | null) => ElementDefinition[];
-
-declare const useElements: (hideLabels: boolean) => {
-    hoveredNode: cytoscape.NodeSingular | undefined;
-    setHoveredNode: React.Dispatch<React.SetStateAction<cytoscape.NodeSingular | undefined>>;
-    toggleSelectedElement: (address?: string) => void;
-};
-
-declare const useCytoscapeOptions: (elements: CytoscapeOptions["elements"], style?: CytoscapeOptions["style"], layout?: CytoscapeOptions["layout"]) => CytoscapeOptions | undefined;
-
-declare const useModuleDetails: (rootModule?: WeakRef<ModuleInstance> | null, onFoundModule?: () => void) => {
-    mod: ModuleInstance<_xylabs_object.BaseParamsFields & {
-        account?: _xyo_network_account_model.AccountInstance | "random";
-        addToResolvers?: boolean;
-        additionalSigners?: _xyo_network_account_model.AccountInstance[];
-        allowNameResolution?: boolean;
-        config: _xyo_network_payload_model.SchemaFields & _xyo_network_payload_model.PayloadFields & Omit<_xyo_network_module_model.ArchivingModuleConfig & _xyo_network_module_model.ModuleConfigFields & _xyo_network_payload_model.SchemaFields & _xyo_network_payload_model.PayloadFields & {
-            schema: "network.xyo.module.config";
-        }, "schema"> & {
-            schema: string;
-        };
-        ephemeralQueryAccountEnabled?: boolean;
-        moduleIdentifierTransformers?: _xyo_network_module_model.ModuleIdentifierTransformer[];
-    }, _xyo_network_module_model.ModuleEventData<object>> | null | undefined;
-    onModuleDetails: (address?: string | null) => void;
-};
-
-declare const useRelationalGraphOptions: (mod?: WeakRef<ModuleInstance>) => {
-    handleToggleLabels: () => void;
-    hideLabels: boolean;
-    options: cytoscape.CytoscapeOptions | undefined;
-};
-
-export { ColaLayout, ConcentricLayout, CyIconSet, type CyNodeModuleTypes, CytoscapeElements, CytoscapeInstanceContext, CytoscapeInstanceProvider, type CytoscapeInstanceProviderProps, type CytoscapeInstanceState, EdgeStyled, ModuleCardParser, type ModuleCardParserProps, ModuleGraphFlexBox, type ModuleGraphFlexBoxProps, ModuleGraphFlexBoxWithProvider, Node, NodeAsRoot, NodeRelationalGraph, NodeRelationalGraphFlexBox, type NodeRelationalGraphProps, NodeWithName, ProvidedNodeRenderer, type ProvidedNodeRendererProps, encodeSvg, generateIconMap, parseModuleType, useCytoscapeElements, useCytoscapeInstance, useCytoscapeOptions, useElements, useModuleDetails, useRelationalGraphOptions };
+export * from './components/index.ts';
+export * from './contexts/index.ts';
+export * from './Cytoscape/index.ts';
+export * from './hooks/index.ts';
+//# sourceMappingURL=index.d.ts.map

package/dist/browser/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAA;AACrC,cAAc,qBAAqB,CAAA;AACnC,cAAc,sBAAsB,CAAA;AACpC,cAAc,kBAAkB,CAAA"}

package/dist/browser/index.mjs

@@ -36,20 +36,19 @@ import { createContextEx } from "@xyo-network/react-shared";
 var CytoscapeInstanceContext = createContextEx();
 
 // src/contexts/CytoscapeInstance/Provider.tsx
-import React2, { useEffect, useState } from "react";
+import React2, { useMemo, useState } from "react";
 var CytoscapeInstanceProvider = /* @__PURE__ */ __name(({ children, defaultInstance }) => {
-  const [cy, setCy] = useState(defaultInstance);
-  useEffect(() => {
-    setCy(defaultInstance);
-  }, [
-    defaultInstance
+  const [cy, setCy] = useState(() => defaultInstance);
+  const value = useMemo(() => ({
+    cy,
+    provided: true,
+    setCy
+  }), [
+    cy,
+    setCy
   ]);
   return /* @__PURE__ */ React2.createElement(CytoscapeInstanceContext.Provider, {
-    value: {
-      cy,
-      provided: true,
-      setCy
-    }
+    value
   }, children);
 }, "CytoscapeInstanceProvider");
 
@@ -60,7 +59,7 @@ var useCytoscapeInstance = /* @__PURE__ */ __name((required = false) => useConte
 // src/hooks/cytoscape/elements/useCytoscapeElements.ts
 import { useAsyncEffect } from "@xylabs/react-async-effect";
 import { isNodeInstance as isNodeInstance2 } from "@xyo-network/node-model";
-import { useEffect as useEffect2, useState as useState2 } from "react";
+import { useEffect, useState as useState2 } from "react";
 
 // src/Cytoscape/CytoscapeElements.ts
 import { exists } from "@xylabs/exists";
@@ -290,7 +289,7 @@ var useCytoscapeElements = /* @__PURE__ */ __name((mod) => {
   }, [
     mod
   ]);
-  useEffect2(() => {
+  useEffect(() => {
     let attachedListener;
     let detachedListener;
     if (mod && isNodeInstance2(mod)) {
@@ -314,7 +313,7 @@ var useCytoscapeElements = /* @__PURE__ */ __name((mod) => {
 }, "useCytoscapeElements");
 
 // src/hooks/cytoscape/elements/useHoveredNode.tsx
-import { useCallback, useEffect as useEffect3, useState as useState3 } from "react";
+import { useCallback, useEffect as useEffect2, useState as useState3 } from "react";
 var useHoveredNode = /* @__PURE__ */ __name((renderedElements) => {
   const { cy } = useCytoscapeInstance(true);
   const [hoveredNode, setHoveredNode] = useState3();
@@ -323,7 +322,7 @@ var useHoveredNode = /* @__PURE__ */ __name((renderedElements) => {
       setHoveredNode(node);
     });
   }, []);
-  useEffect3(() => {
+  useEffect2(() => {
     if (renderedElements) {
       renderedElements.nodes().forEach(nodeListener);
     }
@@ -331,7 +330,7 @@ var useHoveredNode = /* @__PURE__ */ __name((renderedElements) => {
     nodeListener,
     renderedElements
   ]);
-  useEffect3(() => {
+  useEffect2(() => {
     cy?.deref()?.ready(() => {
       cy?.deref()?.nodes().forEach(nodeListener);
     });
@@ -347,9 +346,9 @@ var useHoveredNode = /* @__PURE__ */ __name((renderedElements) => {
 
 // src/hooks/cytoscape/elements/useNewElements.tsx
 import { useWeakModuleFromNode } from "@xyo-network/react-node";
-import { useMemo } from "react";
+import { useMemo as useMemo2 } from "react";
 var useNewElements = /* @__PURE__ */ __name((selectedElement) => {
-  const selectedAddress = useMemo(() => {
+  const selectedAddress = useMemo2(() => {
     const { address: selectedAddress2 } = selectedElement?.data() ?? {};
     return selectedAddress2;
   }, [
@@ -361,11 +360,11 @@ var useNewElements = /* @__PURE__ */ __name((selectedElement) => {
 }, "useNewElements");
 
 // src/hooks/cytoscape/elements/useRenderNewElements.tsx
-import { useEffect as useEffect4, useState as useState4 } from "react";
+import { useEffect as useEffect3, useState as useState4 } from "react";
 var useRenderNewElements = /* @__PURE__ */ __name((newElements = [], hideLabels) => {
   const { cy } = useCytoscapeInstance(true);
   const [renderedElements, setRenderedElements] = useState4();
-  useEffect4(() => {
+  useEffect3(() => {
     if (newElements.length > 1) {
       const renderedElements2 = cy?.deref()?.add(newElements);
       setRenderedElements(renderedElements2);
@@ -416,18 +415,18 @@ var useElements = /* @__PURE__ */ __name((hideLabels) => {
 }, "useElements");
 
 // src/hooks/cytoscape/useCytoscapeOptions.ts
-import { useMemo as useMemo4 } from "react";
+import { useMemo as useMemo5 } from "react";
 
 // src/hooks/cytoscape/useCytoscapeStyle.tsx
 import { useTheme as useTheme2 } from "@mui/material";
-import { useMemo as useMemo3 } from "react";
+import { useMemo as useMemo4 } from "react";
 
 // src/hooks/cytoscape/useIcons.tsx
 import { useTheme } from "@mui/material";
-import React3, { useMemo as useMemo2 } from "react";
+import React3, { useMemo as useMemo3 } from "react";
 var useIcons = /* @__PURE__ */ __name(() => {
   const theme = useTheme();
-  const icons = useMemo2(() => {
+  const icons = useMemo3(() => {
     const iconMap = generateIconMap();
     return Object.entries(CyIconSet).reduce((acc, [name, IconComponent]) => {
       const icon = /* @__PURE__ */ React3.createElement(IconComponent, {
@@ -446,7 +445,7 @@ var useIcons = /* @__PURE__ */ __name(() => {
 var useCytoscapeStyle = /* @__PURE__ */ __name((hideLabels = false) => {
   const theme = useTheme2();
   const icons = useIcons();
-  const style = useMemo3(() => [
+  const style = useMemo4(() => [
     Node(icons, theme.palette.primary.main, hideLabels),
     NodeWithName(theme.palette.text.primary, theme.palette.getContrastText(theme.palette.text.primary)),
     NodeAsRoot(theme.palette.secondary.main),
@@ -464,7 +463,7 @@ var useCytoscapeOptions = /* @__PURE__ */ __name((elements, style, layout) => {
   const defaultStyle = useCytoscapeStyle();
   const resolvedLayout = layout ?? ConcentricLayout;
   const resolvedStyle = style ?? defaultStyle;
-  const options = useMemo4(() => {
+  const options = useMemo5(() => {
     if (elements && resolvedLayout && resolvedStyle) {
       return {
         elements,
@@ -482,7 +481,7 @@ var useCytoscapeOptions = /* @__PURE__ */ __name((elements, style, layout) => {
 
 // src/hooks/cytoscape/useModuleDetails.tsx
 import { usePromise } from "@xylabs/react-promise";
-import { useEffect as useEffect5, useState as useState6 } from "react";
+import { useEffect as useEffect4, useState as useState6 } from "react";
 var useModuleDetails = /* @__PURE__ */ __name((rootModule, onFoundModule) => {
   const { cy } = useCytoscapeInstance();
   const [moduleAddress, setModuleAddress] = useState6();
@@ -497,7 +496,7 @@ var useModuleDetails = /* @__PURE__ */ __name((rootModule, onFoundModule) => {
     moduleAddress,
     rootModule
   ]);
-  useEffect5(() => {
+  useEffect4(() => {
     const resizeObserver = new ResizeObserver(() => {
       if (moduleAddress === null) {
         setTimeout(() => {
@@ -523,7 +522,7 @@ var useModuleDetails = /* @__PURE__ */ __name((rootModule, onFoundModule) => {
     foundModule,
     rootModule
   ]);
-  useEffect5(() => {
+  useEffect4(() => {
     if (foundModule) {
       onFoundModule?.();
     }
@@ -577,10 +576,10 @@ import cola from "cytoscape-cola";
 import coseBilkent from "cytoscape-cose-bilkent";
 import dagre from "cytoscape-dagre";
 import euler from "cytoscape-euler";
-import React4, { useEffect as useEffect6, useState as useState8 } from "react";
+import React4, { useEffect as useEffect5, useState as useState8 } from "react";
 var WithExtensions = /* @__PURE__ */ __name(({ children }) => {
   const [initialized, setInitialized] = useState8(false);
-  useEffect6(() => {
+  useEffect5(() => {
     cytoscape.use(cola);
     cytoscape.use(dagre);
     cytoscape.use(coseBilkent);
@@ -601,7 +600,7 @@ import cola2 from "cytoscape-cola";
 import coseBilkentLayout from "cytoscape-cose-bilkent";
 import dagre2 from "cytoscape-dagre";
 import eulerLayout from "cytoscape-euler";
-import React5, { forwardRef, useEffect as useEffect7, useRef, useState as useState9 } from "react";
+import React5, { forwardRef, useEffect as useEffect6, useRef, useState as useState9 } from "react";
 var applyLayout = /* @__PURE__ */ __name((cy, name = "cola", options) => {
   cy?.layout({
     name,
@@ -656,7 +655,7 @@ var NodeRelationalGraphFlexBox = /* @__PURE__ */ forwardRef(({ actions, children
   const [moduleInstance] = useWeakModuleFromNode2(hoverAddress, {
     node
   });
-  useEffect7(() => {
+  useEffect6(() => {
     cy?.on("mouseover tap", ({ target }) => {
       const cyNode = target;
       const bb = cyNode?.renderedBoundingBox?.();
@@ -680,7 +679,7 @@ var NodeRelationalGraphFlexBox = /* @__PURE__ */ forwardRef(({ actions, children
     cy?.reset();
     applyLayout(cy, layout ?? "euler", layoutOptions);
   }, "handleReset");
-  useEffect7(() => {
+  useEffect6(() => {
     let newCy;
     const container = cytoscapeRef.current;
     if (container) {
@@ -699,7 +698,7 @@ var NodeRelationalGraphFlexBox = /* @__PURE__ */ forwardRef(({ actions, children
     cytoscapeRef,
     layoutOptions
   ]);
-  useEffect7(() => {
+  useEffect6(() => {
     if (cy) {
       loadLayout(layout);
       applyLayout(cy, layout ?? "euler", layoutOptions);
@@ -798,17 +797,17 @@ import { FlexCol as FlexCol2 } from "@xylabs/react-flexbox";
 import React8 from "react";
 
 // src/components/module/graph/node/hooks/useNodeElement.tsx
-import { useEffect as useEffect8, useRef as useRef2, useState as useState10 } from "react";
+import { useEffect as useEffect7, useRef as useRef2, useState as useState10 } from "react";
 var useNodeElement = /* @__PURE__ */ __name((node) => {
   const ref = useRef2(null);
   const [currentElement, setCurrentElement] = useState10(null);
   const [boundingBox, setBoundingBox] = useState10(node?.renderedBoundingBox());
-  useEffect8(() => {
+  useEffect7(() => {
     setCurrentElement(null);
   }, [
     node
   ]);
-  useEffect8(() => {
+  useEffect7(() => {
     if (node) {
       setBoundingBox(node.renderedBoundingBox());
     }
@@ -822,7 +821,7 @@ var useNodeElement = /* @__PURE__ */ __name((node) => {
   }, [
     node
   ]);
-  useEffect8(() => {
+  useEffect7(() => {
     setCurrentElement(ref.current);
   }, [
     boundingBox