chore: Update package version to 1.0.185 and improve Accordion component

Author: agjs

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@programmer_network/yail",
-  "version": "1.0.184",
+  "version": "1.0.185",
   "description": "Programmer Network's official UI library for React",
   "author": "Aleksandar Grbic - (https://programmer.network)",
   "publishConfig": {

src/Components/Accordion/Accordion.stories.tsx

@@ -153,7 +153,7 @@ export const WithoutDragAndDrop = () => {
 export const AddSectionAndSectionItem = () => {
   const [sections, setSections] = useState<ISection[]>([
     {
-      id: 236163,
+      id: 1,
       title: "velum constans brevis canis corrumpo magni attollo",
       description:
         "Creber aeneus versus itaque alioqui abeo crux sperno. Atrox subseco ater tenetur libero absum quidem thymum degusto allatus. Venia in carbo cibus desolo contego suffragium. Vero civitas tredecim ventosus dapifer quas. Animadverto spiculum velut.",
@@ -195,6 +195,15 @@ export const AddSectionAndSectionItem = () => {
         selectedId={2}
         sections={sections}
         expanded={expandedSections}
+        hasDraggableSectionItems={true}
+        onSectionItemClick={sectionItem => {
+          const newSection = sections[0];
+          newSection.items = newSection.items.filter(
+            item => item.id !== sectionItem.id
+          );
+
+          setSections([newSection]);
+        }}
         onSorted={setSections}
         onAddSection={() => {
           action("onAddSection")();

src/Components/DraggableList/index.tsx

@@ -40,7 +40,14 @@ const DraggableList: FC<IDraggableList> = ({
         item => item.id === draggedOverId
       );
 
-      setLocalItems(ArrayUtils.reorder(items, draggedIndex, draggedOverIndex));
+      const withNewOrder = ArrayUtils.reorder(
+        items,
+        draggedIndex,
+        draggedOverIndex
+      );
+
+      setLocalItems(withNewOrder);
+      onDragged?.(withNewOrder);
     }
 
     setDraggedId(null);
@@ -51,10 +58,6 @@ const DraggableList: FC<IDraggableList> = ({
     setLocalItems(items || []);
   }, [items]);
 
-  useEffect(() => {
-    onDragged?.(localItems);
-  }, [localItems]);
-
   return (
     <ul
       className={classNames(