refactor(nodes-edges): rename isHidden to hidden

src/additional-components/MiniMap/index.tsx

@@ -84,7 +84,7 @@ const MiniMap = ({
       className={mapClasses}
     >
       {Array.from(nodeInternals)
-        .filter(([_, node]) => !node.isHidden && node.width && node.height)
+        .filter(([_, node]) => !node.hidden && node.width && node.height)
         .map(([_, node]) => {
           const positionAbsolute = nodeInternals.get(node.id)?.positionAbsolute;
 

src/components/Edges/wrapEdge.tsx

@@ -42,7 +42,7 @@ export default (EdgeComponent: ComponentType<EdgeProps>) => {
     sourcePosition,
     targetPosition,
     elementsSelectable,
-    isHidden,
+    hidden,
     sourceHandleId,
     targetHandleId,
     handleEdgeUpdate,
@@ -204,7 +204,7 @@ export default (EdgeComponent: ComponentType<EdgeProps>) => {
     const markerStartUrl = useMemo(() => `url(#${getMarkerId(markerStart)})`, [markerStart]);
     const markerEndUrl = useMemo(() => `url(#${getMarkerId(markerEnd)})`, [markerEnd]);
 
-    if (isHidden) {
+    if (hidden) {
       return null;
     }
 

src/components/Nodes/wrapNode.tsx

@@ -41,7 +41,7 @@ export default (NodeComponent: ComponentType<NodeProps>) => {
     selectNodesOnDrag,
     sourcePosition,
     targetPosition,
-    isHidden,
+    hidden,
     isInitialized,
     snapToGrid,
     snapGrid,
@@ -210,7 +210,7 @@ export default (NodeComponent: ComponentType<NodeProps>) => {
       }
     }, []);
 
-    if (isHidden) {
+    if (hidden) {
       return null;
     }
 

src/container/EdgeRenderer/index.tsx

@@ -190,7 +190,7 @@ const Edge = memo(
         targetPosition={targetPosition}
         elementsSelectable={elementsSelectable}
         markerEndId={markerEndId}
-        isHidden={edge.isHidden}
+        hidden={edge.hidden}
         onConnectEdge={onConnectEdge}
         handleEdgeUpdate={typeof onEdgeUpdate !== 'undefined'}
         onContextMenu={onEdgeContextMenu}

src/container/NodeRenderer/index.tsx

@@ -87,7 +87,7 @@ const NodeRenderer = (props: NodeRendererProps) => {
             data={node.data}
             sourcePosition={node.sourcePosition}
             targetPosition={node.targetPosition}
-            isHidden={node.isHidden}
+            hidden={node.hidden}
             xPos={internals?.positionAbsolute?.x || 0}
             yPos={internals?.positionAbsolute?.y || 0}
             dragging={!!node.dragging}

src/hooks/useZoomPanHelper.ts

@@ -48,7 +48,7 @@ const useZoomPanHelper = (): ZoomPanHelperFunctions => {
             return;
           }
 
-          const bounds = getRectOfNodes(options.includeHiddenNodes ? nodes : nodes.filter((node) => !node.isHidden));
+          const bounds = getRectOfNodes(options.includeHiddenNodes ? nodes : nodes.filter((node) => !node.hidden));
           const [x, y, zoom] = getTransformForBounds(
             bounds,
             width,

src/types/edges.ts

@@ -21,7 +21,7 @@ export interface Edge<T = any> {
   labelBgBorderRadius?: number;
   style?: CSSProperties;
   animated?: boolean;
-  isHidden?: boolean;
+  hidden?: boolean;
   data?: T;
   className?: string;
   sourceNode?: Node;
@@ -88,7 +88,7 @@ export interface WrapEdgeProps<T = any> {
   sourcePosition: Position;
   targetPosition: Position;
   elementsSelectable?: boolean;
-  isHidden?: boolean;
+  hidden?: boolean;
   handleEdgeUpdate: boolean;
   onConnectEdge: OnConnect;
   onContextMenu?: EdgeMouseHandler;

src/types/nodes.ts

@@ -14,7 +14,7 @@ export interface Node<T = any> {
   className?: string;
   targetPosition?: Position;
   sourcePosition?: Position;
-  isHidden?: boolean;
+  hidden?: boolean;
   selected?: boolean;
   dragging?: boolean;
   draggable?: boolean;
@@ -73,7 +73,7 @@ export interface WrapNodeProps<T = any> {
   className?: string;
   sourcePosition?: Position;
   targetPosition?: Position;
-  isHidden?: boolean;
+  hidden?: boolean;
   isInitialized?: boolean;
   snapToGrid?: boolean;
   snapGrid?: SnapGrid;