drag and drop with nested array of objects

[bilelkh]

Hello everyone , i want to implement the functionality that can reorder (drag and drop) with nested array of objects , everyone work fine but i dont succeed to create the fucntion that update the data after drag and drop

<MaterialReactTable editingMode={'row'} columns={columns} data={data} enableColumnResizing={true} enableRowOrdering enableSorting={true} enableRowSelection={true} enableEditing={true} muiTableBodyRowDragHandleProps={({ table }) => ({ onDragEnd: () => { const { draggingRow, hoveredRow } = table.getState() } }) })} enablePagination={false} enableExpanding getSubRows={(originalRow: any) => originalRow.children} // default, can customize />

`[
{
"id":201,
"uuid":"a64b824f-b229-4773-91e3-f70aabe9eae1",
"type":"milestone",
"parent":0,
"start_date":16692455000,
"end_date":1669248000,
"duration":null,
"unscheduled":false,
"virtual":false,
"description":"FOT",
"status":null,
"children":[

  ]

},
{
"id":203,
"uuid":"046ef363-73ae-467c-ae64-69411e9af3c7",
"type":"family",
"parent":0,
"start_date":1669248000,
"end_date":1669248000,
"duration":null,
"unscheduled":false,
"virtual":false,
"description":"Post FOT",
"status":null,
"children":[
{
"id":25,
"uuid":"62febad1-4156-4aa1-a3c0-4c98343e7973",
"type":"task",
"parent":203,
"start_date":1669251600,
"end_date":1669256280,
"duration":1.3,
"unscheduled":false,
"virtual":false,
"description":"ASSIST TRACTAGE A/C VERS FLIGHTLINE",
"status":null,
"children":[

        ]
     },
     {
        "id":60,
        "uuid":"0bbf3a1c-d08b-4a27-9640-619f57b5c8f9",
        "type":"task",
        "parent":203,
        "start_date":1669256280,
        "end_date":1669258080,
        "duration":0.5,
        "unscheduled":false,
        "virtual":false,
        "description":"INVENTAIRE CAISSE APRES FOT",
        "status":null,
        "children":[
           
        ]
     },
     {
        "id":270,
        "uuid":"4cfd7291-0ff4-428d-900c-93b47ef03f95",
        "type":"family",
        "parent":203,
        "start_date":1669248000,
        "end_date":1669248000,
        "duration":null,
        "unscheduled":false,
        "virtual":false,
        "description":"VISITE INVENTAIRE APRES FOT",
        "status":null,
        "children":[
           {
              "id":113,
              "uuid":"2c7001b0-64c7-472f-bbb6-ee06ff565595",
              "type":"task",
              "parent":270,
              "start_date":1669258080,
              "end_date":1669259160,
              "duration":0.3,
              "unscheduled":false,
              "virtual":true,
              "description":"VISITE INVENTAIRE APRES FOT",
              "status":null,
              "children":[
                 
              ]
           },
           {
              "id":269,
              "uuid":"9b347dd1-40e5-459c-bdc0-8b8edbd5799c",
              "type":"task",
              "parent":270,
              "start_date":1669258080,
              "end_date":1669259160,
              "duration":0.3,
              "unscheduled":false,
              "virtual":false,
              "description":"VISITE INVENTAIRE APRES FOT",
              "status":null,
              "children":[
                 
              ]
           }
        ]
     },
     {
        "id":271,
        "uuid":"a8a9a469-d98a-4e76-b0b3-30109e378ef4",
        "type":"family",
        "parent":203,
        "start_date":1669248000,
        "end_date":1669248000,
        "duration":null,
        "unscheduled":false,
        "virtual":false,
        "description":"PESEE CONTRACTUELLE",
        "status":null,
        "children":[
           {
              "id":122,
              "uuid":"f3da6b5a-482a-4033-a45d-5cf41dc2f89b",
              "type":"task",
              "parent":271,
              "start_date":1669259160,
              "end_date":1669262760,
              "duration":1,
              "unscheduled":false,
              "virtual":false,
              "description":"PESEE CONTRACTUELLE",
              "status":null,
              "children":[
                 
              ]
           },
           {
              "id":265,
              "uuid":"1eb8f41c-389e-47a5-9637-ce950e0005df",
              "type":"task",
              "parent":271,
              "start_date":1669259160,
              "end_date":1669262760,
              "duration":1,
              "unscheduled":false,
              "virtual":true,
              "description":"PESEE CONTRACTUELLE",
              "status":null,
              "children":[
                 
              ]
           }
        ]
     },
     {
        "id":202,
        "uuid":"a086d65f-af5c-4b9d-929d-7a52f16156c0",
        "type":"task",
        "parent":203,
        "start_date":1669262760,
        "end_date":1669266360,
        "duration":1,
        "unscheduled":false,
        "virtual":true,
        "description":"REFUEL A/C APRES FOT",
        "status":null,
        "children":[
           
        ]
     }
  ]

},
{
"id":255,
"uuid":"c56ab89a-74e3-484a-ae6c-3e070a3e0ad0",
"type":"family",
"parent":0,
"start_date":1669248000,
"end_date":1669248000,
"duration":null,
"unscheduled":false,
"virtual":false,
"description":"PREPA A/C FLIGHTLINE",
"status":null,
"children":[
{
"id":21,
"uuid":"3a8d60fc-f761-4ca0-b55a-6f9d398bb93b",
"type":"task",
"parent":255,
"start_date":1669266360,
"end_date":1669269960,
"duration":1,
"unscheduled":false,
"virtual":false,
"description":"INSTALL FIREBAG COCKPIT",
"status":null,
"children":[
{
"id":196,
"uuid":"c9236a07-72c1-471e-96c2-47e540536dae",
"type":"task",
"parent":21,
"start_date":1669266360,
"end_date":1669269960,
"duration":1,
"unscheduled":false,
"virtual":false,
"description":"MONTER TETIERES SECU TOBOGGAN APRES FOT",
"status":null,
"children":[

              ]
           }
        ]
     },
     {
        "id":165,
        "uuid":"5f0c1b15-3d9e-40ea-be49-1b150805d0f4",
        "type":"task",
        "parent":255,
        "start_date":1669266360,
        "end_date":1669273560,
        "duration":2,
        "unscheduled":false,
        "virtual":false,
        "description":"VISITE INCOMING CABINE APRES FOT",
        "status":null,
        "children":[
           
        ]
     },
     {
        "id":3,
        "uuid":"d113a65e-47b9-463d-8070-204f631b75ab",
        "type":"task",
        "parent":255,
        "start_date":1669273560,
        "end_date":1669277160,
        "duration":1,
        "unscheduled":false,
        "virtual":false,
        "description":"POSE PROTECTION AVION APRES INCOMING",
        "status":null,
        "children":[
           
        ]
     },
     {
        "id":42,
        "uuid":"0359888f-0d6f-4b31-8a9d-a000cd167bbf",
        "type":"task",
        "parent":255,
        "start_date":1669273560,
        "end_date":1669277160,
        "duration":1,
        "unscheduled":false,
        "virtual":false,
        "description":"POSE PROTECTION CABINE APRES FOT",
        "status":null,
        "children":[
           
        ]
     },
     {
        "id":59,
        "uuid":"a86fe880-2c79-4cc7-8bf6-835fcec086e3",
        "type":"task",
        "parent":255,
        "start_date":1669273560,
        "end_date":1669277160,
        "duration":1,
        "unscheduled":false,
        "virtual":false,
        "description":"POSE PROTECTION AVION APRES FOT",
        "status":null,
        "children":[
           
        ]
     },
     {
        "id":243,
        "uuid":"e0b89928-f57b-44fe-8e54-ffc9b313fc08",
        "type":"family",
        "parent":255,
        "start_date":1669248000,
        "end_date":1669248000,
        "duration":null,
        "unscheduled":false,
        "virtual":false,
        "description":"INSTALL COCOTO",
        "status":null,
        "children":[
           {
              "id":74,
              "uuid":"0ae801ab-762b-414a-9b7d-641e566ee63f",
              "type":"task",
              "parent":243,
              "start_date":1669266360,
              "end_date":1669269960,
              "duration":1,
              "unscheduled":false,
              "virtual":true,
              "description":"INSTALL COCOTO Kit",
              "status":null,
              "children":[
                 
              ]
           },
           {
              "id":126,
              "uuid":"31f47527-30ce-4764-8f2c-c654384a755a",
              "type":"task",
              "parent":243,
              "start_date":1669266360,
              "end_date":1669269960,
              "duration":1,
              "unscheduled":false,
              "virtual":false,
              "description":"INSTALL COCOTO Kit",
              "status":null,
              "children":[
                 
              ]
           }
        ]
     },
     {
        "id":81,
        "uuid":"6efa36c4-92c7-4c6a-abdf-342c6be9e008",
        "type":"task",
        "parent":255,
        "start_date":1669269960,
        "end_date":1669271760,
        "duration":0.5,
        "unscheduled":false,
        "virtual":false,
        "description":"INSTALL PCMCIA Card",
        "status":null,
        "children":[
           
        ]
     },
     {
        "id":58,
        "uuid":"328d1126-966d-4cd0-807b-cf2e14e4736a",
        "type":"task",
        "parent":255,
        "start_date":1669271760,
        "end_date":1669275360,
        "duration":1,
        "unscheduled":false,
        "virtual":false,
        "description":"INSTALL ELT",
        "status":null,
        "children":[
           
        ]
     },
     {
        "id":244,
        "uuid":"e5970bdb-c652-4f79-bd24-73308fa4d9ce",
        "type":"family",
        "parent":255,
        "start_date":1669248000,
        "end_date":1669248000,
        "duration":null,
        "unscheduled":false,
        "virtual":false,
        "description":"VISITE ETAT CAPOT APRES FOT",
        "status":null,
        "children":[
           {
              "id":150,
              "uuid":"0a5f0220-de2e-48b9-98c4-794651b632d6",
              "type":"task",
              "parent":244,
              "start_date":1669273560,
              "end_date":1669277160,
              "duration":1,
              "unscheduled":false,
              "virtual":true,
              "description":"VISITE ÉTAT CAPOT PH1",
              "status":null,
              "children":[
                 
              ]
           }
        ]
     }

  ]

}
]`