chore: Update DraggableList onDragged event handler and add order property to items

Author: agjs

src/Components/DraggableList/DraggableList.stories.tsx

@@ -21,7 +21,7 @@ export const Default: Story = {
     draggedClassName: "yl-bg-primary",
     draggedOverClassName: "yl-bg-rose-500",
     isDraggable: true,
-    onSorted: (items: IDraggableListItem[]) => {
+    onDragged: (items: IDraggableListItem[]) => {
       return new Promise(resolve => {
         setTimeout(() => {
           resolve(items);
@@ -32,22 +32,26 @@ export const Default: Story = {
       {
         id: 1,
         title: "Item 1",
-        description: "Description 1"
+        description: "Description 1",
+        order: 1
       },
       {
         id: 2,
         title: "Item 2",
-        description: "Description 2"
+        description: "Description 2",
+        order: 2
       },
       {
         id: 3,
         title: "Item 3",
-        description: "Description 3"
+        description: "Description 3",
+        order: 3
       },
       {
         id: 4,
         title: "Item 4",
-        description: "Description 4"
+        description: "Description 4",
+        order: 4
       }
     ]
   }
@@ -58,7 +62,7 @@ export const WithOneItem: Story = {
     draggedClassName: "yl-bg-primary",
     draggedOverClassName: "yl-bg-rose-500",
     isDraggable: true,
-    onSorted: (items: IDraggableListItem[]) => {
+    onDragged: (items: IDraggableListItem[]) => {
       return new Promise(resolve => {
         setTimeout(() => {
           resolve(items);
@@ -69,7 +73,8 @@ export const WithOneItem: Story = {
       {
         id: 1,
         title: "Item 1",
-        description: "Description 1"
+        description: "Description 1",
+        order: 1
       }
     ]
   }