@medusajs/dashboard 2.10.4-preview-20250924060154 → 2.10.4-preview-20250924120212

package/dist/{tax-region-province-detail-HNK2ZJWL.mjs → tax-region-province-detail-P6LPVSQJ.mjs}

@@ -56,7 +56,7 @@ import "./chunk-ZCZL3STK.mjs";
 import "./chunk-OHSRRFGN.mjs";
 import "./chunk-F6PXCY3N.mjs";
 import "./chunk-NCR5UWRI.mjs";
-import "./chunk-ZODJNBAV.mjs";
+import "./chunk-R2G2B47Y.mjs";
 import "./chunk-GRT22PE5.mjs";
 import "./chunk-32IQRUVY.mjs";
 import "./chunk-KSRI5LOF.mjs";

package/dist/{tax-region-tax-override-create-XZJ3EIFJ.mjs → tax-region-tax-override-create-BPZKBPN6.mjs}

@@ -104,7 +104,7 @@ import "./chunk-ZCZL3STK.mjs";
 import "./chunk-OHSRRFGN.mjs";
 import "./chunk-F6PXCY3N.mjs";
 import "./chunk-NCR5UWRI.mjs";
-import "./chunk-ZODJNBAV.mjs";
+import "./chunk-R2G2B47Y.mjs";
 import "./chunk-GRT22PE5.mjs";
 import "./chunk-32IQRUVY.mjs";
 import "./chunk-KSRI5LOF.mjs";

package/dist/{tax-region-tax-override-edit-QHQHFI2Y.mjs → tax-region-tax-override-edit-O7LUBRQN.mjs}

@@ -105,7 +105,7 @@ import "./chunk-ZCZL3STK.mjs";
 import "./chunk-OHSRRFGN.mjs";
 import "./chunk-F6PXCY3N.mjs";
 import "./chunk-NCR5UWRI.mjs";
-import "./chunk-ZODJNBAV.mjs";
+import "./chunk-R2G2B47Y.mjs";
 import {
   useShippingOptions
 } from "./chunk-GRT22PE5.mjs";

package/dist/{user-list-TPBPZ7KJ.mjs → user-list-G4H2RSDX.mjs}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-Q33G337Z.mjs";
 import {
   DataTable
-} from "./chunk-OQPVQGSH.mjs";
+} from "./chunk-7GBCLBMX.mjs";
 import {
   useQueryParams
 } from "./chunk-C76H5USB.mjs";

package/dist/{user-metadata-F6KRFYDW.mjs → user-metadata-TM3FFLIR.mjs}

@@ -31,7 +31,7 @@ import "./chunk-ZCZL3STK.mjs";
 import "./chunk-OHSRRFGN.mjs";
 import "./chunk-F6PXCY3N.mjs";
 import "./chunk-NCR5UWRI.mjs";
-import "./chunk-ZODJNBAV.mjs";
+import "./chunk-R2G2B47Y.mjs";
 import "./chunk-GRT22PE5.mjs";
 import "./chunk-32IQRUVY.mjs";
 import "./chunk-KSRI5LOF.mjs";

package/dist/{workflow-execution-detail-JRJZATNU.mjs → workflow-execution-detail-3IBZZVRE.mjs}

@@ -40,7 +40,7 @@ import "./chunk-ZCZL3STK.mjs";
 import "./chunk-OHSRRFGN.mjs";
 import "./chunk-F6PXCY3N.mjs";
 import "./chunk-NCR5UWRI.mjs";
-import "./chunk-ZODJNBAV.mjs";
+import "./chunk-R2G2B47Y.mjs";
 import "./chunk-GRT22PE5.mjs";
 import "./chunk-32IQRUVY.mjs";
 import "./chunk-KSRI5LOF.mjs";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@medusajs/dashboard",
-  "version": "2.10.4-preview-20250924060154",
+  "version": "2.10.4-preview-20250924120212",
   "scripts": {
     "generate:static": "node ./scripts/generate-currencies.js && prettier --write ./src/lib/currencies.ts",
     "dev": "vite",
@@ -45,10 +45,10 @@
     "@dnd-kit/utilities": "^3.2.2",
     "@hookform/error-message": "^2.0.1",
     "@hookform/resolvers": "3.4.2",
-    "@medusajs/admin-shared": "2.10.4-preview-20250924060154",
-    "@medusajs/icons": "2.10.4-preview-20250924060154",
-    "@medusajs/js-sdk": "2.10.4-preview-20250924060154",
-    "@medusajs/ui": "4.0.24-preview-20250924060154",
+    "@medusajs/admin-shared": "2.10.4-preview-20250924120212",
+    "@medusajs/icons": "2.10.4-preview-20250924120212",
+    "@medusajs/js-sdk": "2.10.4-preview-20250924120212",
+    "@medusajs/ui": "4.0.24-preview-20250924120212",
     "@radix-ui/react-dialog": "1.1.4",
     "@radix-ui/react-dismissable-layer": "1.1.4",
     "@tanstack/react-query": "5.64.2",
@@ -78,10 +78,10 @@
     "zod": "3.25.76"
   },
   "devDependencies": {
-    "@medusajs/admin-shared": "2.10.4-preview-20250924060154",
-    "@medusajs/admin-vite-plugin": "2.10.4-preview-20250924060154",
-    "@medusajs/types": "2.10.4-preview-20250924060154",
-    "@medusajs/ui-preset": "2.10.4-preview-20250924060154",
+    "@medusajs/admin-shared": "2.10.4-preview-20250924120212",
+    "@medusajs/admin-vite-plugin": "2.10.4-preview-20250924120212",
+    "@medusajs/types": "2.10.4-preview-20250924120212",
+    "@medusajs/ui-preset": "2.10.4-preview-20250924120212",
     "@types/node": "^20.11.15",
     "@types/react": "^18.2.79",
     "@types/react-dom": "^18.2.25",

package/src/components/data-table/data-table.tsx

@@ -31,26 +31,26 @@ type DataTableActionProps = {
   label: string
   disabled?: boolean
 } & (
-    | {
+  | {
       to: string
     }
-    | {
+  | {
       onClick: () => void
     }
-  )
+)
 
 type DataTableActionMenuActionProps = {
   label: string
   icon: ReactNode
   disabled?: boolean
 } & (
-    | {
+  | {
       to: string
     }
-    | {
+  | {
       onClick: () => void
     }
-  )
+)
 
 type DataTableActionMenuGroupProps = {
   actions: DataTableActionMenuActionProps[]
@@ -138,15 +138,18 @@ export const DataTable = <TData,>({
   const isViewConfigEnabled = useFeatureFlag("view_configurations")
 
   // If view config is disabled, don't use column visibility features
-  const effectiveEnableColumnVisibility = isViewConfigEnabled && enableColumnVisibility
+  const effectiveEnableColumnVisibility =
+    isViewConfigEnabled && enableColumnVisibility
   const effectiveEnableViewSelector = isViewConfigEnabled && enableViewSelector
 
   const enableFiltering = filters && filters.length > 0
-  const showFilterMenu = enableFilterMenu !== undefined ? enableFilterMenu : enableFiltering
+  const showFilterMenu =
+    enableFilterMenu !== undefined ? enableFilterMenu : enableFiltering
   const enableCommands = commands && commands.length > 0
   const enableSorting = columns.some((column) => column.enableSorting)
 
-  const [columnVisibility, setColumnVisibility] = React.useState<VisibilityState>(initialColumnVisibility)
+  const [columnVisibility, setColumnVisibility] =
+    React.useState<VisibilityState>(initialColumnVisibility)
 
   // Update column visibility when initial visibility changes
   React.useEffect(() => {
@@ -154,9 +157,12 @@ export const DataTable = <TData,>({
     const currentKeys = Object.keys(columnVisibility).sort()
     const newKeys = Object.keys(initialColumnVisibility).sort()
 
-    const hasChanged = currentKeys.length !== newKeys.length ||
+    const hasChanged =
+      currentKeys.length !== newKeys.length ||
       currentKeys.some((key, index) => key !== newKeys[index]) ||
-      Object.entries(initialColumnVisibility).some(([key, value]) => columnVisibility[key] !== value)
+      Object.entries(initialColumnVisibility).some(
+        ([key, value]) => columnVisibility[key] !== value
+      )
 
     if (hasChanged) {
       setColumnVisibility(initialColumnVisibility)
@@ -164,10 +170,13 @@ export const DataTable = <TData,>({
   }, [initialColumnVisibility])
 
   // Wrapper function to handle column visibility changes
-  const handleColumnVisibilityChange = React.useCallback((visibility: VisibilityState) => {
-    setColumnVisibility(visibility)
-    onColumnVisibilityChange?.(visibility)
-  }, [onColumnVisibilityChange])
+  const handleColumnVisibilityChange = React.useCallback(
+    (visibility: VisibilityState) => {
+      setColumnVisibility(visibility)
+      onColumnVisibilityChange?.(visibility)
+    },
+    [onColumnVisibilityChange]
+  )
 
   // Extract filter IDs for query param management
   const filterIds = useMemo(() => filters?.map((f) => f.id) ?? [], [filters])
@@ -231,7 +240,7 @@ export const DataTable = <TData,>({
       Array.from(prev.keys()).forEach((key) => {
         if (prefixedFilterIds.includes(key)) {
           // Extract the unprefixed key
-          const unprefixedKey = prefix ? key.replace(`${prefix}_`, '') : key
+          const unprefixedKey = prefix ? key.replace(`${prefix}_`, "") : key
           if (!(unprefixedKey in value)) {
             prev.delete(key)
           }
@@ -257,11 +266,14 @@ export const DataTable = <TData,>({
   }, [order])
 
   // Memoize current configuration to prevent infinite loops
-  const currentConfiguration = useMemo(() => ({
-    filters: filtering,
-    sorting: sorting,
-    search: search,
-  }), [filtering, sorting, search])
+  const currentConfiguration = useMemo(
+    () => ({
+      filters: filtering,
+      sorting: sorting,
+      search: search,
+    }),
+    [filtering, sorting, search]
+  )
 
   const handleSortingChange = (value: DataTableSortingState) => {
     setSearchParams((prev) => {
@@ -315,42 +327,43 @@ export const DataTable = <TData,>({
     onRowClick: rowHref ? onRowClick : undefined,
     pagination: enablePagination
       ? {
-        state: pagination,
-        onPaginationChange: handlePaginationChange,
-      }
+          state: pagination,
+          onPaginationChange: handlePaginationChange,
+        }
       : undefined,
     filtering: enableFiltering
       ? {
-        state: filtering,
-        onFilteringChange: handleFilteringChange,
-      }
+          state: filtering,
+          onFilteringChange: handleFilteringChange,
+        }
       : undefined,
     sorting: enableSorting
       ? {
-        state: sorting,
-        onSortingChange: handleSortingChange,
-      }
+          state: sorting,
+          onSortingChange: handleSortingChange,
+        }
       : undefined,
     search: enableSearch
       ? {
-        state: search,
-        onSearchChange: handleSearchChange,
-      }
+          state: search,
+          onSearchChange: handleSearchChange,
+        }
       : undefined,
     rowSelection,
     isLoading,
     columnVisibility: effectiveEnableColumnVisibility
       ? {
-        state: columnVisibility,
-        onColumnVisibilityChange: handleColumnVisibilityChange,
-      }
-      : undefined,
-    columnOrder: effectiveEnableColumnVisibility && columnOrder && onColumnOrderChange
-      ? {
-        state: columnOrder,
-        onColumnOrderChange: onColumnOrderChange,
-      }
+          state: columnVisibility,
+          onColumnVisibilityChange: handleColumnVisibilityChange,
+        }
       : undefined,
+    columnOrder:
+      effectiveEnableColumnVisibility && columnOrder && onColumnOrderChange
+        ? {
+            state: columnOrder,
+            onColumnOrderChange: onColumnOrderChange,
+          }
+        : undefined,
   })
 
   const shouldRenderHeading = heading || subHeading
@@ -358,7 +371,9 @@ export const DataTable = <TData,>({
   return (
     <UiDataTable
       instance={instance}
-      className={layout === "fill" ? "h-full [&_tr]:last-of-type:!border-b" : undefined}
+      className={
+        layout === "fill" ? "h-full [&_tr]:last-of-type:!border-b" : undefined
+      }
     >
       <UiDataTable.Toolbar
         className="flex flex-col items-start justify-between gap-2 md:flex-row md:items-center"
@@ -397,7 +412,9 @@ export const DataTable = <TData,>({
               </div>
             )}
             {actionMenu && <ActionMenu variant="primary" {...actionMenu} />}
-            {actions && actions.length > 0 && <DataTableActions actions={actions} />}
+            {actions && actions.length > 0 && (
+              <DataTableActions actions={actions} />
+            )}
             {!actions && action && <DataTableAction {...action} />}
           </div>
         </div>
@@ -407,7 +424,9 @@ export const DataTable = <TData,>({
         <UiDataTable.Pagination translations={paginationTranslations} />
       )}
       {enableCommands && (
-        <UiDataTable.CommandBar selectedLabel={(count) => `${count} selected`} />
+        <UiDataTable.CommandBar
+          selectedLabel={(count) => `${count} selected`}
+        />
       )}
     </UiDataTable>
   )
@@ -520,4 +539,3 @@ const DataTableActions = ({ actions }: { actions: DataTableActionProps[] }) => {
     </div>
   )
 }
-

package/src/hooks/api/campaigns.tsx

@@ -130,6 +130,7 @@ export const useAddOrRemoveCampaignPromotions = (
     onSuccess: (data, variables, context) => {
       queryClient.invalidateQueries({ queryKey: campaignsQueryKeys.details() })
       queryClient.invalidateQueries({ queryKey: promotionsQueryKeys.lists() })
+      queryClient.invalidateQueries({ queryKey: promotionsQueryKeys.details() })
       options?.onSuccess?.(data, variables, context)
     },
     ...options,

package/src/i18n/translations/$schema.json

@@ -5834,9 +5834,23 @@
           "properties": {
             "description": {
               "type": "string"
+            },
+            "noRecordsMessage": {
+              "type": "string"
+            },
+            "noRecordsMessageEmpty": {
+              "type": "string"
+            },
+            "noRecordsMessageFiltered": {
+              "type": "string"
             }
           },
-          "required": ["description"],
+          "required": [
+            "description",
+            "noRecordsMessage",
+            "noRecordsMessageEmpty",
+            "noRecordsMessageFiltered"
+          ],
           "additionalProperties": false
         },
         "create": {
@@ -5876,9 +5890,12 @@
           "properties": {
             "confirmation": {
               "type": "string"
+            },
+            "successToast": {
+              "type": "string"
             }
           },
-          "required": ["confirmation"],
+          "required": ["confirmation", "successToast"],
           "additionalProperties": false
         },
         "fulfillmentProviders": {

package/src/i18n/translations/en.json

@@ -1535,7 +1535,10 @@
   "stockLocations": {
     "domain": "Locations & Shipping",
     "list": {
-      "description": "Manage your store's stock locations and shipping options."
+      "description": "Manage your store's stock locations and shipping options.",
+      "noRecordsMessage": "No records",
+      "noRecordsMessageEmpty": "No locations found",
+      "noRecordsMessageFiltered": "No locations found matching the filters"
     },
     "create": {
       "header": "Create Stock Location",
@@ -1548,7 +1551,8 @@
       "successToast": "Location {{name}} was successfully updated."
     },
     "delete": {
-      "confirmation": "You are about to delete the stock location \"{{name}}\". This action cannot be undone."
+      "confirmation": "You are about to delete the stock location \"{{name}}\". This action cannot be undone.",
+      "successToast": "Location \"{{name}}\" was successfully deleted."
     },
     "fulfillmentProviders": {
       "header": "Fulfillment Providers",
@@ -2230,7 +2234,7 @@
       "total_used": "Budget used",
       "budget_limit": "Budget limit",
       "campaign_id": {
-        "hint": "Only campaigns with the same currency code as the promotion are shown in this list."
+        "hint": "Disabled campaigns have budget in a different currency than the promotion."
       }
     },
     "budget": {

package/src/routes/locations/location-edit/components/edit-location-form/edit-location-form.tsx

@@ -62,7 +62,7 @@ export const EditLocationForm = ({ location }: EditLocationFormProps) => {
       },
       {
         onSuccess: () => {
-          toast.success(t("stockLocations.edit.successToast"))
+          toast.success(t("stockLocations.edit.successToast", { name: name }))
           handleSuccess()
         },
         onError: (e) => {

package/src/routes/locations/location-list/index.ts

@@ -1,2 +1 @@
-export { shippingListLoader as loader } from "./loader"
 export { LocationList as Component } from "./location-list"

package/src/routes/locations/location-list/location-list.tsx

@@ -1,34 +1,46 @@
 import { ShoppingBag, TruckFast } from "@medusajs/icons"
 import { Container, Heading } from "@medusajs/ui"
 import { useTranslation } from "react-i18next"
-import { useLoaderData } from "react-router-dom"
 
 import { useStockLocations } from "../../../hooks/api/stock-locations"
-import LocationListItem from "./components/location-list-item/location-list-item"
 import { LOCATION_LIST_FIELDS } from "./constants"
-import { shippingListLoader } from "./loader"
+import { useLocationListTableColumns } from "./use-location-list-table-columns"
+import { useLocationListTableQuery } from "./use-location-list-table-query"
 
+import { DataTable } from "../../../components/data-table"
 import { SidebarLink } from "../../../components/common/sidebar-link/sidebar-link"
 import { TwoColumnPage } from "../../../components/layout/pages"
 import { useExtension } from "../../../providers/extension-provider"
-import { LocationListHeader } from "./components/location-list-header"
+import { keepPreviousData } from "@tanstack/react-query"
+
+const PAGE_SIZE = 20
+const PREFIX = "loc"
 
 export function LocationList() {
-  const initialData = useLoaderData() as Awaited<
-    ReturnType<typeof shippingListLoader>
-  >
+  const { t } = useTranslation()
+
+  const searchParams = useLocationListTableQuery({
+    pageSize: PAGE_SIZE,
+    prefix: PREFIX,
+  })
 
   const {
     stock_locations: stockLocations = [],
+    count,
     isError,
     error,
+    isLoading,
   } = useStockLocations(
     {
       fields: LOCATION_LIST_FIELDS,
+      ...searchParams,
     },
-    { initialData }
+    {
+      placeholderData: keepPreviousData,
+    }
   )
 
+  const columns = useLocationListTableColumns()
   const { getWidgets } = useExtension()
 
   if (isError) {
@@ -46,12 +58,38 @@ export function LocationList() {
       showJSON
     >
       <TwoColumnPage.Main>
-        <LocationListHeader />
-        <div className="flex flex-col gap-3 lg:col-span-2">
-          {stockLocations.map((location) => (
-            <LocationListItem key={location.id} location={location} />
-          ))}
-        </div>
+        <Container className="flex flex-col divide-y p-0">
+          <DataTable
+            data={stockLocations}
+            columns={columns}
+            rowCount={count}
+            pageSize={PAGE_SIZE}
+            getRowId={(row) => row.id}
+            heading={t("stockLocations.domain")}
+            subHeading={t("stockLocations.list.description")}
+            emptyState={{
+              empty: {
+                heading: t("stockLocations.list.noRecordsMessage"),
+                description: t("stockLocations.list.noRecordsMessageEmpty"),
+              },
+              filtered: {
+                heading: t("stockLocations.list.noRecordsMessage"),
+                description: t("stockLocations.list.noRecordsMessageFiltered"),
+              },
+            }}
+            actions={[
+              {
+                label: t("actions.create"),
+                to: "create",
+              },
+            ]}
+            isLoading={isLoading}
+            rowHref={(row) => `/settings/locations/${row.id}`}
+            enableSearch={true}
+            prefix={PREFIX}
+            layout="fill"
+          />
+        </Container>
       </TwoColumnPage.Main>
       <TwoColumnPage.Sidebar>
         <LinksSection />