refactor(nodes-edges): rename isHidden to hidden

example/src/Basic/index.tsx

@@ -140,7 +140,7 @@ const BasicFlow = () => {
   const toggleChildNodes = () => {
     setNodes((nds) => {
       return nds.map((n) => {
-        n.isHidden = !!n.parentNode && !n.isHidden;
+        n.hidden = !!n.parentNode && !n.hidden;
         return n;
       });
     });

example/src/Hidden/index.tsx

@@ -4,10 +4,10 @@ import { useEffect } from 'react';
 import ReactFlow, { addEdge, MiniMap, Controls, Connection, Edge, Node } from 'react-flow-renderer';
 
 const initialNodes: Node[] = [
-  { id: '1', type: 'input', isHidden: true, data: { label: 'Node 1' }, position: { x: 250, y: 5 } },
-  { id: '2', isHidden: true, data: { label: 'Node 2' }, position: { x: 100, y: 100 } },
-  { id: '3', isHidden: true, data: { label: 'Node 3' }, position: { x: 400, y: 100 } },
-  { id: '4', isHidden: true, data: { label: 'Node 4' }, position: { x: 400, y: 200 } },
+  { id: '1', type: 'input', hidden: true, data: { label: 'Node 1' }, position: { x: 250, y: 5 } },
+  { id: '2', hidden: true, data: { label: 'Node 2' }, position: { x: 100, y: 100 } },
+  { id: '3', hidden: true, data: { label: 'Node 3' }, position: { x: 400, y: 100 } },
+  { id: '4', hidden: true, data: { label: 'Node 4' }, position: { x: 400, y: 200 } },
 ];
 
 const initialEdges: Edge[] = [
@@ -16,9 +16,9 @@ const initialEdges: Edge[] = [
   { id: 'e3-4', source: '3', target: '4' },
 ];
 
-const setHidden = (isHidden: boolean) => (els: any[]) =>
+const setHidden = (hidden: boolean) => (els: any[]) =>
   els.map((e: any) => {
-    e.isHidden = isHidden;
+    e.hidden = hidden;
     return e;
   });
 

example/src/NestedNodes/index.tsx

@@ -129,7 +129,7 @@ const NestedFlow = () => {
   const toggleChildNodes = () => {
     setNodes((nds) => {
       return nds.map((n) => {
-        n.isHidden = !!n.parentNode && !n.isHidden;
+        n.hidden = !!n.parentNode && !n.hidden;
         return n;
       });
     });

example/src/UpdateNode/index.tsx

@@ -52,7 +52,7 @@ const UpdateNode = () => {
       nds.map((n) => {
         if (n.id === '1' || n.id === 'e1-2') {
           // when you update a simple type you can just update the value
-          n.isHidden = nodeHidden;
+          n.hidden = nodeHidden;
         }
 
         return n;

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;