@medusajs/dashboard 3.0.0-snapshot-20251104011621 → 3.0.0-snapshot-20251106143524

package/dist/{user-invite-FQNKJKMD.mjs → user-invite-QK3ZCSGG.mjs}

@@ -2,15 +2,15 @@ import "./chunk-LQTHYS2Z.mjs";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-PJ5EUKOB.mjs";
+} from "./chunk-YTN73JYH.mjs";
 import "./chunk-HQKGZADC.mjs";
 import "./chunk-EMIHDNB7.mjs";
 import {
   useUserInviteTableQuery
 } from "./chunk-FHSC5X62.mjs";
-import "./chunk-FKIOYL3D.mjs";
+import "./chunk-GU5PJRPM.mjs";
 import "./chunk-C76H5USB.mjs";
-import "./chunk-PFKKVLZX.mjs";
+import "./chunk-DZWH2RV6.mjs";
 import {
   KeyboundForm
 } from "./chunk-6HTZNHPT.mjs";
@@ -26,7 +26,7 @@ import {
 } from "./chunk-OZPB6JBL.mjs";
 import "./chunk-OC7BQLYI.mjs";
 import "./chunk-S4DMV3ZT.mjs";
-import "./chunk-67ORSRVT.mjs";
+import "./chunk-SUYYSKCB.mjs";
 import {
   Form
 } from "./chunk-OBQI23QM.mjs";

package/dist/{user-list-6EVTLPJE.mjs → user-list-RH43CTBN.mjs}

@@ -1,19 +1,19 @@
 import {
   useDataTableDateColumns
-} from "./chunk-2D44OO7A.mjs";
+} from "./chunk-2X25XWOW.mjs";
 import {
   SingleColumnPage
 } from "./chunk-GIZFNLKK.mjs";
 import {
   useDataTableDateFilters
-} from "./chunk-Q33G337Z.mjs";
+} from "./chunk-2GWGNMAA.mjs";
 import {
   DataTable
 } from "./chunk-GRNWRTT3.mjs";
 import {
   useQueryParams
 } from "./chunk-C76H5USB.mjs";
-import "./chunk-PFKKVLZX.mjs";
+import "./chunk-DZWH2RV6.mjs";
 import "./chunk-RM6NY572.mjs";
 import {
   useExtension
@@ -21,7 +21,7 @@ import {
 import "./chunk-OZPB6JBL.mjs";
 import "./chunk-OC7BQLYI.mjs";
 import "./chunk-S4DMV3ZT.mjs";
-import "./chunk-67ORSRVT.mjs";
+import "./chunk-SUYYSKCB.mjs";
 import {
   useUsers
 } from "./chunk-2ZKVRTBW.mjs";

package/dist/{workflow-execution-list-JOVBPL45.mjs → workflow-execution-list-6UTBTVX4.mjs}

@@ -9,23 +9,23 @@ import "./chunk-LQTHYS2Z.mjs";
 import {
   _DataTable,
   useDataTable
-} from "./chunk-PJ5EUKOB.mjs";
+} from "./chunk-YTN73JYH.mjs";
 import "./chunk-HQKGZADC.mjs";
 import "./chunk-EMIHDNB7.mjs";
-import "./chunk-FKIOYL3D.mjs";
+import "./chunk-GU5PJRPM.mjs";
 import {
   SingleColumnPage
 } from "./chunk-GIZFNLKK.mjs";
 import {
   useQueryParams
 } from "./chunk-C76H5USB.mjs";
-import "./chunk-PFKKVLZX.mjs";
+import "./chunk-DZWH2RV6.mjs";
 import {
   useExtension
 } from "./chunk-C5P5PL3E.mjs";
 import "./chunk-LPEUYMRK.mjs";
 import "./chunk-S4DMV3ZT.mjs";
-import "./chunk-67ORSRVT.mjs";
+import "./chunk-SUYYSKCB.mjs";
 import {
   useWorkflowExecutions
 } from "./chunk-QTCZFYFH.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@medusajs/dashboard",
-  "version": "3.0.0-snapshot-20251104011621",
+  "version": "3.0.0-snapshot-20251106143524",
   "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": "3.0.0-snapshot-20251104011621",
-    "@medusajs/icons": "3.0.0-snapshot-20251104011621",
-    "@medusajs/js-sdk": "3.0.0-snapshot-20251104011621",
-    "@medusajs/ui": "4.0.27-snapshot-20251104011621",
+    "@medusajs/admin-shared": "3.0.0-snapshot-20251106143524",
+    "@medusajs/icons": "3.0.0-snapshot-20251106143524",
+    "@medusajs/js-sdk": "3.0.0-snapshot-20251106143524",
+    "@medusajs/ui": "4.0.28-snapshot-20251106143524",
     "@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": "3.0.0-snapshot-20251104011621",
-    "@medusajs/admin-vite-plugin": "3.0.0-snapshot-20251104011621",
-    "@medusajs/types": "3.0.0-snapshot-20251104011621",
-    "@medusajs/ui-preset": "3.0.0-snapshot-20251104011621"
+    "@medusajs/admin-shared": "3.0.0-snapshot-20251106143524",
+    "@medusajs/admin-vite-plugin": "3.0.0-snapshot-20251106143524",
+    "@medusajs/types": "3.0.0-snapshot-20251106143524",
+    "@medusajs/ui-preset": "3.0.0-snapshot-20251106143524"
   },
   "packageManager": "yarn@3.2.1"
 }

package/src/components/common/infinite-list/infinite-list.tsx

@@ -65,6 +65,13 @@ export const InfiniteList = <
   const parentRef = useRef<HTMLDivElement>(null)
   const startObserver = useRef<IntersectionObserver>()
   const endObserver = useRef<IntersectionObserver>()
+  const fetchNextPageRef = useRef(fetchNextPage)
+  const fetchPreviousPageRef = useRef(fetchPreviousPage)
+
+  useEffect(() => {
+    fetchNextPageRef.current = fetchNextPage
+    fetchPreviousPageRef.current = fetchPreviousPage
+  }, [fetchNextPage, fetchPreviousPage])
 
   useEffect(() => {
     if (isPending) {
@@ -78,7 +85,7 @@ export const InfiniteList = <
         (entries) => {
           if (entries[0].isIntersecting && hasPreviousPage) {
             startObserver.current?.disconnect()
-            fetchPreviousPage()
+            fetchPreviousPageRef.current()
           }
         },
         {
@@ -90,7 +97,7 @@ export const InfiniteList = <
         (entries) => {
           if (entries[0].isIntersecting && hasNextPage) {
             endObserver.current?.disconnect()
-            fetchNextPage()
+            fetchNextPageRef.current()
           }
         },
         {
@@ -113,8 +120,6 @@ export const InfiniteList = <
       endObserver.current?.disconnect()
     }
   }, [
-    fetchNextPage,
-    fetchPreviousPage,
     hasNextPage,
     hasPreviousPage,
     isFetching,

package/src/components/layout/main-layout/main-layout.tsx

@@ -348,6 +348,7 @@ const ExtensionRouteSection = () => {
                     label={item.label}
                     icon={item.icon ? item.icon : <SquaresPlus />}
                     items={item.items}
+                    translationNs={item.translationNs}
                     type="extension"
                   />
                 )

package/src/components/layout/nav-item/nav-item.tsx

@@ -17,6 +17,7 @@ type ItemType = "core" | "extension" | "setting"
 type NestedItemProps = {
   label: string
   to: string
+  translationNs?: string
 }
 
 export type INavItem = {
@@ -27,6 +28,7 @@ export type INavItem = {
   type?: ItemType
   from?: string
   nested?: string
+  translationNs?: string
 }
 
 const BASE_NAV_LINK_CLASSES =
@@ -90,10 +92,15 @@ export const NavItem = ({
   items,
   type = "core",
   from,
+  translationNs,
 }: INavItem) => {
+  const { t } = useTranslation(translationNs as any)
   const { pathname } = useLocation()
   const [open, setOpen] = useState(getIsOpen(to, items, pathname))
 
+  // Use translation if translationNs is provided, otherwise use label as-is
+  const displayLabel: string = translationNs ? t(label) : label
+
   useEffect(() => {
     setOpen(getIsOpen(to, items, pathname))
   }, [pathname, to, items])
@@ -150,7 +157,7 @@ export const NavItem = ({
             </div>
           )}
           <Text size="small" weight="plus" leading="compact">
-            {label}
+            {displayLabel}
           </Text>
         </NavLink>
       </NavItemTooltip>
@@ -166,7 +173,7 @@ export const NavItem = ({
               <Icon icon={icon} type={type} />
             </div>
             <Text size="small" weight="plus" leading="compact">
-              {label}
+              {displayLabel}
             </Text>
           </RadixCollapsible.Trigger>
           <RadixCollapsible.Content>
@@ -189,12 +196,15 @@ export const NavItem = ({
                       }}
                     >
                       <Text size="small" weight="plus" leading="compact">
-                        {label}
+                        {displayLabel}
                       </Text>
                     </NavLink>
                   </NavItemTooltip>
                 </li>
                 {items.map((item) => {
+                  const { t: itemT } = useTranslation(item.translationNs as any)
+                  const itemLabel: string = item.translationNs ? itemT(item.label) : item.label
+
                   return (
                     <li key={item.to} className="flex h-7 items-center">
                       <NavItemTooltip to={item.to}>
@@ -213,7 +223,7 @@ export const NavItem = ({
                           }}
                         >
                           <Text size="small" weight="plus" leading="compact">
-                            {item.label}
+                            {itemLabel}
                           </Text>
                         </NavLink>
                       </NavItemTooltip>

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

@@ -42,6 +42,13 @@ type DashboardAppProps = {
   plugins: DashboardPlugin[]
 }
 
+/**
+ * Matches segments that are optional and at the end of the path.
+ * Example: /path/to/:id?
+ * Such paths can be added to the menu items without the optional segment.
+ */
+const OPTIONAL_LAST_SEGMENT_MATCH = /\/([^\/])+\?$/
+
 export class DashboardApp {
   private widgets: WidgetMap
   private menus: MenuMap
@@ -129,10 +136,11 @@ export class DashboardApp {
     allMenuItems.sort((a, b) => a.path.length - b.path.length)
 
     allMenuItems.forEach((item) => {
-      if (item.path.includes("/:")) {
+      item.path = item.path.replace(OPTIONAL_LAST_SEGMENT_MATCH, "")
+      if (item.path.includes("/:") || item.path.endsWith("/*")) {
         if (process.env.NODE_ENV === "development") {
           console.warn(
-            `[@medusajs/dashboard] Menu item for path "${item.path}" can't be added to the sidebar as it contains a parameter.`
+            `[@medusajs/dashboard] Menu item for path "${item.path}" can't be added to the sidebar as it contains a mandatory parameter.`
           )
         }
         return
@@ -179,6 +187,7 @@ export class DashboardApp {
         icon: item.icon ? <item.icon /> : undefined,
         items: [],
         nested: item.nested,
+        translationNs: item.translationNs,
       }
 
       if (parentPath !== "/" && tempRegistry[parentPath]) {

package/src/dashboard-app/routes/utils.ts

@@ -37,9 +37,10 @@ const createBranchRoute = (segment: string): RouteObject => ({
 const createLeafRoute = (
   Component: ComponentType,
   loader?: LoaderFunction,
-  handle?: object
+  handle?: object,
+  path: string = ""
 ): RouteObject => ({
-  path: "",
+  path,
   ErrorBoundary: ErrorBoundary,
   async lazy() {
     const result: {
@@ -149,7 +150,6 @@ const addRoute = (
 
   if (isComponentSegment || remainingSegments.length === 0) {
     route.children ||= []
-    const leaf = createLeafRoute(Component, loader)
 
     if (handle) {
       route.handle = handle
@@ -159,9 +159,17 @@ const addRoute = (
       route.loader = loader
     }
 
-    leaf.children = processParallelRoutes(parallelRoutes, currentFullPath)
-    route.children.push(leaf)
-
+    // Since splat segments must occur at the end of a route, react-router enforces the segment to be a leaf.
+    // Therefore we can't create a child leaf route with `path: ""` and must instead modify the route itself
+    if (currentSegment === "*?" || currentSegment === "*") {
+      const leaf = createLeafRoute(Component, loader, handle, currentSegment)
+      leaf.children = processParallelRoutes(parallelRoutes, currentFullPath)
+      Object.assign(route, leaf)
+    } else {
+      const leaf = createLeafRoute(Component, loader)
+      leaf.children = processParallelRoutes(parallelRoutes, currentFullPath)
+      route.children.push(leaf)
+    }
     if (remainingSegments.length > 0) {
       addRoute(
         remainingSegments,

package/src/dashboard-app/types.ts

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

package/src/i18n/languages.ts

@@ -1,33 +1,34 @@
 import {
-  de,
+  ar,
   bg,
+  bs,
+  cs,
+  de,
+  el,
   enUS,
   es,
+  faIR,
   fr,
   he,
+  hu,
+  id,
   it,
   ja,
+  ko,
+  lt,
+  mk,
+  mn,
+  nl,
   pl,
+  pt,
   ptBR,
+  ro,
+  ru,
   th,
   tr,
   uk,
-  ro,
-  mk,
-  mn,
-  ar,
-  zhCN,
-  faIR,
-  cs,
-  ru,
-  el,
-  lt,
   vi,
-  ko,
-  nl,
-  hu,
-  bs,
-  id,
+  zhCN,
 } from "date-fns/locale"
 import { Language } from "./types"
 
@@ -110,6 +111,12 @@ export const languages: Language[] = [
     ltr: true,
     date_locale: ptBR,
   },
+  {
+    code: "ptPT",
+    display_name: "Português (Portugal)",
+    ltr: true,
+    date_locale: pt,
+  },
   {
     code: "tr",
     display_name: "Türkçe",

package/src/i18n/translations/index.ts

@@ -10,6 +10,7 @@ import it from "./it.json"
 import ja from "./ja.json"
 import pl from "./pl.json"
 import ptBR from "./ptBR.json"
+import ptPT from "./ptPT.json"
 import th from "./th.json"
 import tr from "./tr.json"
 import uk from "./uk.json"
@@ -67,6 +68,9 @@ export default {
   ptBR: {
     translation: ptBR,
   },
+  ptPT: {
+    translation: ptPT,
+  },
   th: {
     translation: th,
   },