alighasami/xyflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor(nodes-edges): rename isHidden to hidden

Browse Source
This commit is contained in:
moklick
2021-11-18 13:06:14 +01:00
parent e6a4034747
commit fe9c1f02dc
12 changed files with 21 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
example/src/Basic/index.tsx
+1 -1
View File
@@ -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
+6 -6
View File
@@ -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
+1 -1
View File
@@ -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
+1 -1
View File
@@ -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;