docs: added migration guide for Medusa React (#3066)

* docs: added migration guide for Medusa React

* docs: fixed vale error

www/docs/src/utils/filterListItems.ts

@@ -1,9 +1,28 @@
-export default function filterListItems (items: any[], pathPattern: string | RegExp) {
+import { PropSidebarItem, PropSidebarItemLink } from '@docusaurus/plugin-content-docs'
+
+export default function filterListItems (items: PropSidebarItemLink[], pathPattern: string | RegExp): PropSidebarItemLink[] {
+  console.log(items)
   if (!items.length) {
     return items
   }
 
   let pattern = new RegExp(pathPattern)
 
-  return items.filter((item) => pattern.test(item.href))
+  return items.filter((item: PropSidebarItemLink) => pattern.test(item.href))
+}
+
+/**
+ * Flatting a sidebar list moving items from category
+ * to links
+ */
+export function flattenList (items: PropSidebarItem[]): PropSidebarItem[] {
+  const newItems = items.map((item: PropSidebarItem) => {
+    if (item.type !== 'category') {
+      return item
+    }
+
+    return item.items
+  })
+
+  return newItems.flat()
 }

www/docs/src/utils/reverseSidebar.js

@@ -0,0 +1,10 @@
+module.exports = function reverseSidebarItems(items) {
+  // Reverse items in categories
+  const result = items.map((item) => {
+    if (item.type === 'category' && item.customProps?.sort === 'desc') {
+      return {...item, items: reverseSidebarItems(item.items)};
+    }
+    return item;
+  });
+  return result;
+}