React Flow export

flow.json

{
  "nodes": [
    {
      "id": "1",
      "position": {
        "x": 50,
        "y": 50
      },
      "data": {
        "label": "Root"
      },
      "type": "sourceOnly",
      "width": 171,
      "height": 35
    },
    {
      "id": "2",
      "position": {
        "x": 250,
        "y": 150
      },
      "data": {
        "label": "Folder right"
      },
      "type": "default",
      "width": 150,
      "height": 35
    },
    {
      "id": "3",
      "position": {
        "x": -150,
        "y": 150
      },
      "data": {
        "label": "Folder left"
      },
      "type": "default",
      "width": 150,
      "height": 35
    },
    {
      "id": "4",
      "position": {
        "x": -250,
        "y": 250
      },
      "data": {
        "label": "Leaf left 1"
      },
      "type": "targetOnly",
      "width": 171,
      "height": 35
    },
    {
      "id": "5",
      "position": {
        "x": -50,
        "y": 250
      },
      "data": {
        "label": "Leaf left 2"
      },
      "type": "targetOnly",
      "width": 171,
      "height": 35
    },
    {
      "id": "6",
      "position": {
        "x": 150,
        "y": 250
      },
      "data": {
        "label": "Leaf right 1"
      },
      "type": "targetOnly",
      "width": 171,
      "height": 35
    },
    {
      "id": "7",
      "position": {
        "x": 350,
        "y": 250
      },
      "data": {
        "label": "Leaf right 2"
      },
      "type": "targetOnly",
      "width": 171,
      "height": 35
    }
  ],
  "edges": [
    {
      "id": "e1-2",
      "source": "1",
      "target": "2"
    },
    {
      "id": "e1-3",
      "source": "1",
      "target": "3"
    },
    {
      "id": "e3-4",
      "source": "3",
      "target": "4"
    },
    {
      "id": "e3-5",
      "source": "3",
      "target": "5"
    },
    {
      "id": "e2-6",
      "source": "2",
      "target": "6"
    },
    {
      "id": "e2-7",
      "source": "2",
      "target": "7"
    }
  ]
}