SanichKotikov/react-family-tree

don't have any configration for displaying child node to single parent node

divbhalala opened this issue · 9 comments

divbhalala commented

i am not able to find any configration for displaying child node to single parent node
you can see this in below screenshot

https://prnt.sc/1re7iiy

SanichKotikov commented

Hi,

Not sure what the problem is. If you need add child for one spouse only, just do it.

divbhalala commented

@SanichKotikov please check this https://codesandbox.io/s/weevusissue-uvuk0 . In child-issue option I have added one child to female node but it can not appearing.

SanichKotikov commented

I see only 3 nodes in the json file, but u want to see 4. Nodes will not appear out of nothing.

divbhalala commented

I was testing it. please check that now.There is added one children with only one parent in their parents list.

divbhalala commented

@SanichKotikov here is JSON data that i am using for that
[ { "id": "aoF9dn5Ew", "gender": "male", "spouses": [ { "id": "tdRwdtR54", "type": "divorced" } ], "siblings": [], "parents": [], "children": [ { "id": "dyTpfj6st", "type": "blood" } ] }, { "id": "tdRwdtR54", "gender": "female", "parents": [], "siblings": [], "spouses": [ { "id": "aoF9dn5Ew", "type": "divorced" } ], "children": [ { "id": "dyTpfj6st", "type": "blood" }, { "id": "dyTpfj6st_single", "type": "blood" } ] }, { "id": "dyTpfj6st", "gender": "male", "spouses": [], "siblings": [], "parents": [ { "id": "aoF9dn5Ew", "type": "blood" } ], "children": [] }, { "id": "dyTpfj6st_single", "gender": "male", "spouses": [], "siblings": [], "parents": [ { "id": "tdRwdtR54", "type": "blood" } ], "children": [] } ]

https://codesandbox.io/s/weevusissue-uvuk0

https://prnt.sc/1sylmka

SanichKotikov commented

This is impossible in current version of the library. I'll add this case to my roadmap and will try to implement when I have some time. Right now, as a workaround, you have to define second parent (with another type of spouse relation) for this hidden node.

divbhalala commented

Ok thanks

LavransBjerkestrand commented

Great library, thanks for making it open source.

... define second parent (with another type of spouse relation) for this hidden node.

@divbhalala were you able to get this to work?

I'm trying but not sure if it's actually possible. Is this what you had in mind?

stackblitz

Nodes:

[
  {
    id: 'father',
    gender: 'male',
    children: [
      { id: 'child-1', type: 'blood' },
      { id: 'child-2', type: 'blood' },
    ],
    parents: [],
    siblings: [],
    spouses: [
      { id: 'spouse-1', type: 'married' },
      { id: 'spouse-2', type: 'divorced' },
    ],
  },
  {
    id: 'spouse-1',
    gender: 'female',
    children: [{ id: 'child-1', type: 'blood' }],
    parents: [],
    siblings: [],
    spouses: [{ id: 'father', type: 'married' }],
  },
  {
    id: 'spouse-2',
    gender: 'female',
    children: [{ id: 'child-2', type: 'blood' }],
    parents: [],
    siblings: [],
    spouses: [{ id: 'father', type: 'divorced' }],
  },
  {
    id: 'child-1',
    gender: 'male',
    children: [],
    parents: [
      { id: 'father', type: 'blood' },
      { id: 'spouse-1', type: 'blood' },
    ],
    siblings: [{ id: 'child-2', type: 'half' }],
    spouses: [],
  },
  {
    id: 'child-2',
    gender: 'male',
    children: [],
    parents: [
      { id: 'father', type: 'blood' },
      { id: 'spouse-2', type: 'blood' },
    ],
    siblings: [{ id: 'child-1', type: 'half' }],
    spouses: [],
  },
]
image