@vendure/dashboard 3.3.5-master-202506231131 → 3.3.5-master-202506231200

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@vendure/dashboard",
     "private": false,
-    "version": "3.3.5-master-202506231131",
+    "version": "3.3.5-master-202506231200",
     "type": "module",
     "repository": {
         "type": "git",
@@ -86,8 +86,8 @@
         "@types/react-dom": "^19.0.4",
         "@types/react-grid-layout": "^1.3.5",
         "@uidotdev/usehooks": "^2.4.1",
-        "@vendure/common": "^3.3.5-master-202506231131",
-        "@vendure/core": "^3.3.5-master-202506231131",
+        "@vendure/common": "^3.3.5-master-202506231200",
+        "@vendure/core": "^3.3.5-master-202506231200",
         "@vitejs/plugin-react": "^4.3.4",
         "awesome-graphql-client": "^2.1.0",
         "class-variance-authority": "^0.7.1",
@@ -130,5 +130,5 @@
         "lightningcss-linux-arm64-musl": "^1.29.3",
         "lightningcss-linux-x64-musl": "^1.29.1"
     },
-    "gitHead": "47318761ef74cfdd0e5452a33f5849b444f405ca"
+    "gitHead": "6f49cf141df0d5c95a0a93d908acd95b0979f278"
 }

package/src/app/routes/_authenticated/_products/components/product-variants-table.tsx

@@ -6,6 +6,17 @@ import { DetailPageButton } from "@/index.js";
 import { ColumnFiltersState, SortingState } from "@tanstack/react-table";
 import { useState } from "react";
 import { productVariantListDocument } from "../products.graphql.js";
+import { graphql } from '@/graphql/graphql.js';
+
+export const deleteProductVariantDocument = graphql(`
+    mutation DeleteProductVariant($id: ID!) {
+        deleteProductVariant(id: $id) {
+            result
+            message
+        }
+    }
+`);
+
 
 interface ProductVariantsTableProps {
     productId: string;
@@ -22,6 +33,7 @@ export function ProductVariantsTable({ productId, registerRefresher }: ProductVa
     return <PaginatedListDataTable
         registerRefresher={registerRefresher}
         listQuery={productVariantListDocument}
+        deleteMutation={deleteProductVariantDocument}
         transformVariables={variables => ({
             ...variables,
             productId,

package/src/lib/components/shared/paginated-list-data-table.tsx

@@ -16,6 +16,17 @@ import {
     DropdownMenuItem,
     DropdownMenuTrigger,
 } from '@/components/ui/dropdown-menu.js';
+import {
+    AlertDialog,
+    AlertDialogAction,
+    AlertDialogCancel,
+    AlertDialogContent,
+    AlertDialogDescription,
+    AlertDialogFooter,
+    AlertDialogHeader,
+    AlertDialogTitle,
+    AlertDialogTrigger,
+} from '@/components/ui/alert-dialog.js';
 import { DisplayComponent } from '@/framework/component-registry/dynamic-component.js';
 import { ResultOf } from '@/graphql/graphql.js';
 import { Trans, useLingui } from '@/lib/trans.js';
@@ -523,12 +534,37 @@ function DeleteMutationRowAction({
         },
     });
     return (
-        <DropdownMenuItem onClick={() => deleteMutationFn({ id: row.original.id })}>
-            <div className="flex items-center gap-2 text-destructive">
-                <TrashIcon className="w-4 h-4 text-destructive" />
-                <Trans>Delete</Trans>
-            </div>
-        </DropdownMenuItem>
+        <AlertDialog>
+            <AlertDialogTrigger asChild>
+                <DropdownMenuItem onSelect={(e) => e.preventDefault()}>
+                    <div className="flex items-center gap-2 text-destructive">
+                        <TrashIcon className="w-4 h-4 text-destructive" />
+                        <Trans>Delete</Trans>
+                    </div>
+                </DropdownMenuItem>
+            </AlertDialogTrigger>
+            <AlertDialogContent>
+                <AlertDialogHeader>
+                    <AlertDialogTitle>
+                        <Trans>Confirm deletion</Trans>
+                    </AlertDialogTitle>
+                    <AlertDialogDescription>
+                        <Trans>Are you sure you want to delete this item? This action cannot be undone.</Trans>
+                    </AlertDialogDescription>
+                </AlertDialogHeader>
+                <AlertDialogFooter>
+                    <AlertDialogCancel>
+                        <Trans>Cancel</Trans>
+                    </AlertDialogCancel>
+                    <AlertDialogAction
+                        onClick={() => deleteMutationFn({ id: row.original.id })}
+                        className="bg-destructive text-destructive-foreground hover:bg-destructive/90"
+                    >
+                        <Trans>Delete</Trans>
+                    </AlertDialogAction>
+                </AlertDialogFooter>
+            </AlertDialogContent>
+        </AlertDialog>
     );
 }
 /**