chore(props): rename isEdgeAutoZIndex to elevateEdgesOnSelect

src/container/EdgeRenderer/index.tsx

@@ -37,7 +37,7 @@ interface EdgeRendererProps {
   onEdgeUpdateEnd?: (event: MouseEvent, edge: Edge, handleType: HandleType) => void;
   edgeUpdaterRadius?: number;
   noPanClassName?: string;
-  isEdgeAutoZIndex: boolean;
+  elevateEdgesOnSelect: boolean;
 }
 
 const selector = (s: ReactFlowState) => ({
@@ -66,7 +66,7 @@ const EdgeRenderer = (props: EdgeRendererProps) => {
     connectionMode,
     nodeInternals,
   } = useStore(selector, shallow);
-  const edgeTree = useVisibleEdges(props.onlyRenderVisibleElements, nodeInternals, props.isEdgeAutoZIndex);
+  const edgeTree = useVisibleEdges(props.onlyRenderVisibleElements, nodeInternals, props.elevateEdgesOnSelect);
 
   if (!width) {
     return null;

src/container/GraphView/index.tsx

@@ -82,7 +82,7 @@ const GraphView = ({
   noDragClassName,
   noWheelClassName,
   noPanClassName,
-  isEdgeAutoZIndex,
+  elevateEdgesOnSelect,
 }: GraphViewProps) => {
   useOnInitHandler(onInit);
 
@@ -136,7 +136,7 @@ const GraphView = ({
           edgeUpdaterRadius={edgeUpdaterRadius}
           defaultMarkerColor={defaultMarkerColor}
           noPanClassName={noPanClassName}
-          isEdgeAutoZIndex={!!isEdgeAutoZIndex}
+          elevateEdgesOnSelect={!!elevateEdgesOnSelect}
         />
         <NodeRenderer
           nodeTypes={nodeTypes}

src/container/ReactFlow/index.tsx

@@ -137,7 +137,7 @@ const ReactFlow = forwardRef<ReactFlowRefType, ReactFlowProps>(
       attributionPosition,
       proOptions,
       defaultEdgeOptions,
-      isEdgeAutoZIndex = false,
+      elevateEdgesOnSelect = false,
       ...rest
     },
     ref
@@ -205,7 +205,7 @@ const ReactFlow = forwardRef<ReactFlowRefType, ReactFlowProps>(
             noDragClassName={noDragClassName}
             noWheelClassName={noWheelClassName}
             noPanClassName={noPanClassName}
-            isEdgeAutoZIndex={isEdgeAutoZIndex}
+            elevateEdgesOnSelect={elevateEdgesOnSelect}
           />
           <StoreUpdater
             nodes={nodes}

src/hooks/useVisibleEdges.ts

@@ -7,14 +7,14 @@ import { isNumeric } from '../utils';
 
 const defaultEdgeTree = [{ level: 0, isMaxLevel: true, edges: [] }];
 
-function groupEdgesByZLevel(edges: Edge[], nodeInternals: NodeInternals, isEdgeAutoZIndex: boolean = false) {
+function groupEdgesByZLevel(edges: Edge[], nodeInternals: NodeInternals, elevateEdgesOnSelect: boolean = false) {
   let maxLevel = -1;
 
   const levelLookup = edges.reduce<Record<string, Edge[]>>((tree, edge) => {
     const hasZIndex = isNumeric(edge.zIndex);
     let z = hasZIndex ? edge.zIndex! : 0;
 
-    if (isEdgeAutoZIndex) {
+    if (elevateEdgesOnSelect) {
       z = hasZIndex
         ? edge.zIndex!
         : Math.max(nodeInternals.get(edge.source)?.z || 0, nodeInternals.get(edge.target)?.z || 0);
@@ -48,7 +48,7 @@ function groupEdgesByZLevel(edges: Edge[], nodeInternals: NodeInternals, isEdgeA
   return edgeTree;
 }
 
-function useVisibleEdges(onlyRenderVisible: boolean, nodeInternals: NodeInternals, isEdgeAutoZIndex: boolean) {
+function useVisibleEdges(onlyRenderVisible: boolean, nodeInternals: NodeInternals, elevateEdgesOnSelect: boolean) {
   const edges = useStore(
     useCallback(
       (s: ReactFlowState) => {
@@ -83,7 +83,7 @@ function useVisibleEdges(onlyRenderVisible: boolean, nodeInternals: NodeInternal
     )
   );
 
-  return groupEdgesByZLevel(edges, nodeInternals, isEdgeAutoZIndex);
+  return groupEdgesByZLevel(edges, nodeInternals, elevateEdgesOnSelect);
 }
 
 export default useVisibleEdges;

src/types/component-props.ts

@@ -118,7 +118,7 @@ export interface ReactFlowProps extends HTMLAttributes<HTMLDivElement> {
   connectOnClick?: boolean;
   attributionPosition?: AttributionPosition;
   proOptions?: ProOptions;
-  isEdgeAutoZIndex?: boolean;
+  elevateEdgesOnSelect?: boolean;
 }
 
 export type ReactFlowRefType = HTMLDivElement;