@medusajs/dashboard 2.11.4-preview-20251107180141 → 2.11.4-preview-20251108000302

package/dist/app.js

@@ -188039,6 +188039,35 @@ var init_utils14 = __esm({
   }
 });
 
+// src/dashboard-app/utils/sort-menu-items-by-rank.ts
+function sortMenuItemsByRank(items) {
+  const sortedItems = items.sort((a, b) => {
+    if (a.rank !== void 0 && b.rank !== void 0) {
+      return a.rank - b.rank;
+    }
+    if (a.rank !== void 0) {
+      return -1;
+    }
+    if (b.rank !== void 0) {
+      return 1;
+    }
+    return 0;
+  });
+  sortedItems.forEach((item) => {
+    if (item.items && item.items.length > 0) {
+      item.items = sortMenuItemsByRank(
+        item.items
+      );
+    }
+  });
+  return sortedItems;
+}
+var init_sort_menu_items_by_rank = __esm({
+  "src/dashboard-app/utils/sort-menu-items-by-rank.ts"() {
+    "use strict";
+  }
+});
+
 // src/dashboard-app/dashboard-app.tsx
 var import_admin_shared, import_react_router_dom247, import_jsx_runtime684, OPTIONAL_LAST_SEGMENT_MATCH, DashboardApp;
 var init_dashboard_app = __esm({
@@ -188050,6 +188079,7 @@ var init_dashboard_app = __esm({
     init_translations();
     init_get_route_map();
     init_utils14();
+    init_sort_menu_items_by_rank();
     import_jsx_runtime684 = require("react/jsx-runtime");
     OPTIONAL_LAST_SEGMENT_MATCH = /\/([^\/])+\?$/;
     DashboardApp = class {
@@ -188159,6 +188189,7 @@ var init_dashboard_app = __esm({
             icon: item.icon ? /* @__PURE__ */ (0, import_jsx_runtime684.jsx)(item.icon, {}) : void 0,
             items: [],
             nested: item.nested,
+            rank: item.rank,
             translationNs: item.translationNs
           };
           if (parentPath !== "/" && tempRegistry[parentPath]) {
@@ -188174,6 +188205,10 @@ var init_dashboard_app = __esm({
           }
           tempRegistry[item.path] = navItem;
         });
+        registry.forEach((items, key) => {
+          const sorted = sortMenuItemsByRank(items);
+          registry.set(key, sorted);
+        });
         return registry;
       }
       populateForm(plugins) {

package/dist/app.mjs

@@ -1,6 +1,6 @@
 import {
   DashboardApp
-} from "./chunk-L42C44TT.mjs";
+} from "./chunk-Z6WB7TZP.mjs";
 import "./chunk-NQIC7ZFS.mjs";
 import "./chunk-ONB3JEHR.mjs";
 import "./chunk-YCDDT44O.mjs";

package/dist/{chunk-UJXHTZVV.mjs → chunk-DZRLFO3U.mjs}

@@ -1,6 +1,6 @@
 import {
   getLinkedFields
-} from "./chunk-L42C44TT.mjs";
+} from "./chunk-Z6WB7TZP.mjs";
 
 // src/routes/products/product-detail/constants.ts
 var PRODUCT_DETAIL_FIELDS = getLinkedFields(

package/dist/{chunk-L42C44TT.mjs → chunk-Z6WB7TZP.mjs}

@@ -92515,7 +92515,7 @@ function getRouteMap({
                   children: [
                     {
                       path: "create",
-                      lazy: () => import("./product-create-4RYWBBFD.mjs")
+                      lazy: () => import("./product-create-NAXSYJ5M.mjs")
                     },
                     {
                       path: "import",
@@ -92531,7 +92531,7 @@ function getRouteMap({
                   path: ":id",
                   errorElement: /* @__PURE__ */ jsx17(ErrorBoundary, {}),
                   lazy: async () => {
-                    const { Breadcrumb, loader } = await import("./product-detail-VUAVAV4Y.mjs");
+                    const { Breadcrumb, loader } = await import("./product-detail-MPZU2WNR.mjs");
                     return {
                       Component: Outlet4,
                       loader,
@@ -92543,11 +92543,11 @@ function getRouteMap({
                   children: [
                     {
                       path: "",
-                      lazy: () => import("./product-detail-VUAVAV4Y.mjs"),
+                      lazy: () => import("./product-detail-MPZU2WNR.mjs"),
                       children: [
                         {
                           path: "edit",
-                          lazy: () => import("./product-edit-QRSQ7N2D.mjs")
+                          lazy: () => import("./product-edit-DASY4AKG.mjs")
                         },
                         {
                           path: "edit-variant",
@@ -92559,15 +92559,15 @@ function getRouteMap({
                         },
                         {
                           path: "attributes",
-                          lazy: () => import("./product-attributes-2MOCN4AC.mjs")
+                          lazy: () => import("./product-attributes-BLFPZBW3.mjs")
                         },
                         {
                           path: "organization",
-                          lazy: () => import("./product-organization-FCLESZIL.mjs")
+                          lazy: () => import("./product-organization-EO4PRRYO.mjs")
                         },
                         {
                           path: "shipping-profile",
-                          lazy: () => import("./product-shipping-profile-EKVSMZ6F.mjs")
+                          lazy: () => import("./product-shipping-profile-H4FRRBGX.mjs")
                         },
                         {
                           path: "media",
@@ -94042,6 +94042,30 @@ var createRouteMap = (routes, ignore) => {
   return root;
 };
 
+// src/dashboard-app/utils/sort-menu-items-by-rank.ts
+function sortMenuItemsByRank(items) {
+  const sortedItems = items.sort((a, b) => {
+    if (a.rank !== void 0 && b.rank !== void 0) {
+      return a.rank - b.rank;
+    }
+    if (a.rank !== void 0) {
+      return -1;
+    }
+    if (b.rank !== void 0) {
+      return 1;
+    }
+    return 0;
+  });
+  sortedItems.forEach((item) => {
+    if (item.items && item.items.length > 0) {
+      item.items = sortMenuItemsByRank(
+        item.items
+      );
+    }
+  });
+  return sortedItems;
+}
+
 // src/dashboard-app/dashboard-app.tsx
 import { jsx as jsx18 } from "react/jsx-runtime";
 var OPTIONAL_LAST_SEGMENT_MATCH = /\/([^\/])+\?$/;
@@ -94152,6 +94176,7 @@ var DashboardApp = class {
         icon: item.icon ? /* @__PURE__ */ jsx18(item.icon, {}) : void 0,
         items: [],
         nested: item.nested,
+        rank: item.rank,
         translationNs: item.translationNs
       };
       if (parentPath !== "/" && tempRegistry[parentPath]) {
@@ -94167,6 +94192,10 @@ var DashboardApp = class {
       }
       tempRegistry[item.path] = navItem;
     });
+    registry.forEach((items, key) => {
+      const sorted = sortMenuItemsByRank(items);
+      registry.set(key, sorted);
+    });
     return registry;
   }
   populateForm(plugins) {

package/dist/{product-attributes-2MOCN4AC.mjs → product-attributes-BLFPZBW3.mjs}

@@ -12,11 +12,11 @@ import {
 } from "./chunk-AERWK3TJ.mjs";
 import {
   PRODUCT_DETAIL_FIELDS
-} from "./chunk-UJXHTZVV.mjs";
+} from "./chunk-DZRLFO3U.mjs";
 import {
   FormExtensionZone,
   useExtendableForm
-} from "./chunk-L42C44TT.mjs";
+} from "./chunk-Z6WB7TZP.mjs";
 import "./chunk-NQIC7ZFS.mjs";
 import "./chunk-ONB3JEHR.mjs";
 import "./chunk-YCDDT44O.mjs";

package/dist/{product-create-4RYWBBFD.mjs → product-create-NAXSYJ5M.mjs}

@@ -61,7 +61,7 @@ import {
 import {
   FormExtensionZone,
   useExtendableForm
-} from "./chunk-L42C44TT.mjs";
+} from "./chunk-Z6WB7TZP.mjs";
 import "./chunk-NQIC7ZFS.mjs";
 import "./chunk-ONB3JEHR.mjs";
 import "./chunk-YCDDT44O.mjs";

package/dist/{product-detail-VUAVAV4Y.mjs → product-detail-MPZU2WNR.mjs}

@@ -27,8 +27,8 @@ import {
 import "./chunk-DZWH2RV6.mjs";
 import {
   PRODUCT_DETAIL_FIELDS
-} from "./chunk-UJXHTZVV.mjs";
-import "./chunk-L42C44TT.mjs";
+} from "./chunk-DZRLFO3U.mjs";
+import "./chunk-Z6WB7TZP.mjs";
 import "./chunk-NQIC7ZFS.mjs";
 import "./chunk-ONB3JEHR.mjs";
 import "./chunk-YCDDT44O.mjs";

package/dist/{product-edit-QRSQ7N2D.mjs → product-edit-DASY4AKG.mjs}

@@ -15,11 +15,11 @@ import {
 } from "./chunk-AERWK3TJ.mjs";
 import {
   PRODUCT_DETAIL_FIELDS
-} from "./chunk-UJXHTZVV.mjs";
+} from "./chunk-DZRLFO3U.mjs";
 import {
   FormExtensionZone,
   useExtendableForm
-} from "./chunk-L42C44TT.mjs";
+} from "./chunk-Z6WB7TZP.mjs";
 import "./chunk-NQIC7ZFS.mjs";
 import "./chunk-ONB3JEHR.mjs";
 import "./chunk-YCDDT44O.mjs";

package/dist/{product-organization-FCLESZIL.mjs → product-organization-EO4PRRYO.mjs}

@@ -17,11 +17,11 @@ import {
 } from "./chunk-AERWK3TJ.mjs";
 import {
   PRODUCT_DETAIL_FIELDS
-} from "./chunk-UJXHTZVV.mjs";
+} from "./chunk-DZRLFO3U.mjs";
 import {
   FormExtensionZone,
   useExtendableForm
-} from "./chunk-L42C44TT.mjs";
+} from "./chunk-Z6WB7TZP.mjs";
 import "./chunk-NQIC7ZFS.mjs";
 import "./chunk-ONB3JEHR.mjs";
 import "./chunk-YCDDT44O.mjs";

package/dist/{product-shipping-profile-EKVSMZ6F.mjs → product-shipping-profile-H4FRRBGX.mjs}

@@ -14,8 +14,8 @@ import {
 } from "./chunk-AERWK3TJ.mjs";
 import {
   PRODUCT_DETAIL_FIELDS
-} from "./chunk-UJXHTZVV.mjs";
-import "./chunk-L42C44TT.mjs";
+} from "./chunk-DZRLFO3U.mjs";
+import "./chunk-Z6WB7TZP.mjs";
 import "./chunk-NQIC7ZFS.mjs";
 import "./chunk-ONB3JEHR.mjs";
 import "./chunk-YCDDT44O.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@medusajs/dashboard",
-  "version": "2.11.4-preview-20251107180141",
+  "version": "2.11.4-preview-20251108000302",
   "scripts": {
     "generate:static": "node ./scripts/generate-currencies.js && prettier --write ./src/lib/currencies.ts",
     "dev": "vite",
@@ -46,10 +46,10 @@
     "@dnd-kit/utilities": "^3.2.2",
     "@hookform/error-message": "^2.0.1",
     "@hookform/resolvers": "3.4.2",
-    "@medusajs/admin-shared": "2.11.4-preview-20251107180141",
-    "@medusajs/icons": "2.11.4-preview-20251107180141",
-    "@medusajs/js-sdk": "2.11.4-preview-20251107180141",
-    "@medusajs/ui": "4.0.28-preview-20251107180141",
+    "@medusajs/admin-shared": "2.11.4-preview-20251108000302",
+    "@medusajs/icons": "2.11.4-preview-20251108000302",
+    "@medusajs/js-sdk": "2.11.4-preview-20251108000302",
+    "@medusajs/ui": "4.0.28-preview-20251108000302",
     "@radix-ui/react-dialog": "1.1.4",
     "@radix-ui/react-dismissable-layer": "1.1.4",
     "@tanstack/react-query": "5.64.2",
@@ -81,10 +81,10 @@
     "zod": "3.25.76"
   },
   "devDependencies": {
-    "@medusajs/admin-shared": "2.11.4-preview-20251107180141",
-    "@medusajs/admin-vite-plugin": "2.11.4-preview-20251107180141",
-    "@medusajs/types": "2.11.4-preview-20251107180141",
-    "@medusajs/ui-preset": "2.11.4-preview-20251107180141"
+    "@medusajs/admin-shared": "2.11.4-preview-20251108000302",
+    "@medusajs/admin-vite-plugin": "2.11.4-preview-20251108000302",
+    "@medusajs/types": "2.11.4-preview-20251108000302",
+    "@medusajs/ui-preset": "2.11.4-preview-20251108000302"
   },
   "packageManager": "yarn@3.2.1"
 }

package/src/dashboard-app/__tests__/sort-menu-items-by-rank.spec.ts

@@ -0,0 +1,169 @@
+import { describe, expect, it } from "vitest"
+import { sortMenuItemsByRank } from "../utils/sort-menu-items-by-rank"
+import { INavItem } from "../../components/layout/nav-item"
+
+describe("sortMenuItemsByRank", () => {
+  it("should sort items by rank in ascending order", () => {
+    const items: INavItem[] = [
+      { label: "Third", to: "/third", rank: 3 },
+      { label: "First", to: "/first", rank: 1 },
+      { label: "Second", to: "/second", rank: 2 },
+    ]
+
+    const sorted = sortMenuItemsByRank(items)
+
+    expect(sorted[0].label).toBe("First")
+    expect(sorted[1].label).toBe("Second")
+    expect(sorted[2].label).toBe("Third")
+  })
+
+  it("should place items with rank before items without rank", () => {
+    const items: INavItem[] = [
+      { label: "No Rank", to: "/no-rank" },
+      { label: "Ranked 2", to: "/ranked-2", rank: 2 },
+      { label: "Ranked 1", to: "/ranked-1", rank: 1 },
+      { label: "Also No Rank", to: "/also-no-rank" },
+    ]
+
+    const sorted = sortMenuItemsByRank(items)
+
+    expect(sorted[0].label).toBe("Ranked 1")
+    expect(sorted[1].label).toBe("Ranked 2")
+    expect(sorted[2].label).toBe("No Rank")
+    expect(sorted[3].label).toBe("Also No Rank")
+  })
+
+  it("should handle items with rank 0", () => {
+    const items: INavItem[] = [
+      { label: "Rank 2", to: "/rank-2", rank: 2 },
+      { label: "Rank 0", to: "/rank-0", rank: 0 },
+      { label: "Rank 1", to: "/rank-1", rank: 1 },
+    ]
+
+    const sorted = sortMenuItemsByRank(items)
+
+    expect(sorted[0].label).toBe("Rank 0")
+    expect(sorted[1].label).toBe("Rank 1")
+    expect(sorted[2].label).toBe("Rank 2")
+  })
+
+  it("should handle negative ranks", () => {
+    const items: INavItem[] = [
+      { label: "Rank 1", to: "/rank-1", rank: 1 },
+      { label: "Rank -1", to: "/rank-minus-1", rank: -1 },
+      { label: "Rank 0", to: "/rank-0", rank: 0 },
+    ]
+
+    const sorted = sortMenuItemsByRank(items)
+
+    expect(sorted[0].label).toBe("Rank -1")
+    expect(sorted[1].label).toBe("Rank 0")
+    expect(sorted[2].label).toBe("Rank 1")
+  })
+
+  it("should sort nested items independently", () => {
+    const items: INavItem[] = [
+      {
+        label: "Parent 2",
+        to: "/parent-2",
+        rank: 2,
+        items: [
+          { label: "Child 2B", to: "/child-2b", rank: 2 },
+          { label: "Child 2A", to: "/child-2a", rank: 1 },
+        ],
+      },
+      {
+        label: "Parent 1",
+        to: "/parent-1",
+        rank: 1,
+        items: [
+          { label: "Child 1C", to: "/child-1c", rank: 3 },
+          { label: "Child 1A", to: "/child-1a", rank: 1 },
+          { label: "Child 1B", to: "/child-1b", rank: 2 },
+        ],
+      },
+    ]
+
+    const sorted = sortMenuItemsByRank(items)
+
+    // Parents should be sorted
+    expect(sorted[0].label).toBe("Parent 1")
+    expect(sorted[1].label).toBe("Parent 2")
+
+    // Parent 1's children should be sorted
+    expect(sorted[0].items![0].label).toBe("Child 1A")
+    expect(sorted[0].items![1].label).toBe("Child 1B")
+    expect(sorted[0].items![2].label).toBe("Child 1C")
+
+    // Parent 2's children should be sorted
+    expect(sorted[1].items![0].label).toBe("Child 2A")
+    expect(sorted[1].items![1].label).toBe("Child 2B")
+  })
+
+  it("should handle nested items with mixed ranked and unranked", () => {
+    const items: INavItem[] = [
+      {
+        label: "Parent",
+        to: "/parent",
+        rank: 1,
+        items: [
+          { label: "No Rank Child", to: "/no-rank" },
+          { label: "Rank 1 Child", to: "/rank-1", rank: 1 },
+          { label: "Rank 2 Child", to: "/rank-2", rank: 2 },
+        ],
+      },
+    ]
+
+    const sorted = sortMenuItemsByRank(items)
+
+    expect(sorted[0].items![0].label).toBe("Rank 1 Child")
+    expect(sorted[0].items![1].label).toBe("Rank 2 Child")
+    expect(sorted[0].items![2].label).toBe("No Rank Child")
+  })
+
+  it("should handle empty items array", () => {
+    const items: INavItem[] = []
+
+    const sorted = sortMenuItemsByRank(items)
+
+    expect(sorted).toEqual([])
+  })
+
+  it("should handle single item", () => {
+    const items: INavItem[] = [{ label: "Only Item", to: "/only", rank: 1 }]
+
+    const sorted = sortMenuItemsByRank(items)
+
+    expect(sorted).toHaveLength(1)
+    expect(sorted[0].label).toBe("Only Item")
+  })
+
+  it("should preserve items without nested arrays", () => {
+    const items: INavItem[] = [
+      { label: "Item 1", to: "/item-1", rank: 2 },
+      { label: "Item 2", to: "/item-2", rank: 1 },
+    ]
+
+    const sorted = sortMenuItemsByRank(items)
+
+    expect(sorted[0].items).toBeUndefined()
+    expect(sorted[1].items).toBeUndefined()
+  })
+
+  it("should handle duplicate rank values", () => {
+    const items: INavItem[] = [
+      { label: "Item C", to: "/item-c", rank: 1 },
+      { label: "Item A", to: "/item-a", rank: 1 },
+      { label: "Item B", to: "/item-b", rank: 1 },
+    ]
+
+    const sorted = sortMenuItemsByRank(items)
+
+    // All should have rank 1, order should be stable
+    expect(sorted[0].rank).toBe(1)
+    expect(sorted[1].rank).toBe(1)
+    expect(sorted[2].rank).toBe(1)
+    expect(sorted).toHaveLength(3)
+  })
+})
+

package/src/dashboard-app/dashboard-app.tsx

@@ -18,6 +18,7 @@ import { Providers } from "../providers"
 import coreTranslations from "../i18n/translations"
 import { getRouteMap } from "./routes/get-route.map"
 import { createRouteMap, getRouteExtensions } from "./routes/utils"
+import { sortMenuItemsByRank } from "./utils/sort-menu-items-by-rank"
 import {
   ConfigExtension,
   ConfigField,
@@ -181,12 +182,13 @@ export class DashboardApp {
         return
       }
 
-      const navItem: INavItem = {
+      const navItem: INavItem & { rank?: number } = {
         label: item.label,
         to: item.path,
         icon: item.icon ? <item.icon /> : undefined,
         items: [],
         nested: item.nested,
+        rank: item.rank,
         translationNs: item.translationNs,
       }
 
@@ -205,6 +207,12 @@ export class DashboardApp {
       tempRegistry[item.path] = navItem
     })
 
+    // Sort menu items by rank (ascending order, undefined ranks come last)
+    registry.forEach((items, key) => {
+      const sorted = sortMenuItemsByRank(items)
+      registry.set(key, sorted)
+    })
+
     return registry
   }
 

package/src/dashboard-app/types.ts

@@ -24,6 +24,7 @@ export type MenuItemExtension = {
   path: string
   icon?: ComponentType
   nested?: NestedRoutePosition
+  rank?: number
   translationNs?: string
 }
 

package/src/dashboard-app/utils/sort-menu-items-by-rank.ts

@@ -0,0 +1,43 @@
+import { INavItem } from "../../components/layout/nav-item"
+
+/**
+ * Sort menu items by rank in ascending order.
+ * Items with rank come first, sorted by rank value.
+ * Items without rank come last, maintaining their original order.
+ * Recursively sorts nested items independently.
+ */
+export function sortMenuItemsByRank(
+  items: (INavItem & { rank?: number })[]
+): INavItem[] {
+  // Sort items by rank (ascending order)
+  // Items with rank come first, sorted by rank value
+  // Items without rank come last, maintaining their original order
+  const sortedItems = items.sort((a, b) => {
+    // If both have rank, sort by rank value
+    if (a.rank !== undefined && b.rank !== undefined) {
+      return a.rank - b.rank
+    }
+    // If only a has rank, it comes first
+    if (a.rank !== undefined) {
+      return -1
+    }
+    // If only b has rank, it comes first
+    if (b.rank !== undefined) {
+      return 1
+    }
+    // If neither has rank, maintain original order
+    return 0
+  })
+
+  // Recursively sort nested items
+  sortedItems.forEach((item) => {
+    if (item.items && item.items.length > 0) {
+      item.items = sortMenuItemsByRank(
+        item.items as (INavItem & { rank?: number })[]
+      )
+    }
+  })
+
+  return sortedItems
+}
+