@vendure/dashboard 3.3.5 → 3.3.6-master-202506290242

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@vendure/dashboard",
     "private": false,
-    "version": "3.3.5",
+    "version": "3.3.6-master-202506290242",
     "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",
-        "@vendure/core": "3.3.5",
+        "@vendure/common": "^3.3.6-master-202506290242",
+        "@vendure/core": "^3.3.6-master-202506290242",
         "@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": "71d36ec5164c833d9f05f6e8140db13c450f4d29"
+    "gitHead": "6d4bc0d2c892f4b081fc037ea9b88aa86885cb2f"
 }

package/src/lib/framework/page/detail-page-route-loader.tsx

@@ -3,10 +3,11 @@ import { NEW_ENTITY_PATH } from '@/constants.js';
 import { PageBreadcrumb } from '@/components/layout/generated-breadcrumbs.js';
 import { TypedDocumentNode } from '@graphql-typed-document-node/core';
 import { FileBaseRouteOptions } from '@tanstack/react-router';
+import { addCustomFields } from '../document-introspection/add-custom-fields.js';
 import { getQueryName, getQueryTypeFieldInfo } from '../document-introspection/get-document-structure.js';
 import { DetailEntity } from './page-types.js';
 import { getDetailQueryOptions } from './use-detail-page.js';
-import { addCustomFields } from '../document-introspection/add-custom-fields.js';
+
 export interface DetailPageRouteLoaderConfig<T extends TypedDocumentNode<any, any>> {
     queryDocument: T;
     breadcrumb: (isNew: boolean, entity: DetailEntity<T>) => Array<PageBreadcrumb | undefined>;

package/src/lib/framework/page/use-detail-page.ts

@@ -16,7 +16,11 @@ import { FormEvent } from 'react';
 import { UseFormReturn } from 'react-hook-form';
 
 import { addCustomFields } from '../document-introspection/add-custom-fields.js';
-import { getMutationName, getQueryName } from '../document-introspection/get-document-structure.js';
+import {
+    getEntityName,
+    getMutationName,
+    getQueryName,
+} from '../document-introspection/get-document-structure.js';
 import { useGeneratedForm } from '../form-engine/use-generated-form.js';
 
 import { DetailEntityPath } from './page-types.js';
@@ -65,8 +69,9 @@ export interface DetailPageOptions<
      * @description
      * The entity type name for custom field configuration lookup.
      * Required to filter out readonly custom fields before mutations.
+     * If not provided, the function will try to infer it from the query document.
      */
-    entityName: string;
+    entityName?: string;
     /**
      * @description
      * The document to create the entity.
@@ -246,7 +251,8 @@ export function useDetailPage<
     } = options;
     const isNew = params.id === NEW_ENTITY_PATH;
     const queryClient = useQueryClient();
-    const customFieldConfig = useCustomFieldConfig(entityName);
+    const returnEntityName = entityName ?? getEntityName(queryDocument);
+    const customFieldConfig = useCustomFieldConfig(returnEntityName);
     const detailQueryOptions = getDetailQueryOptions(addCustomFields(queryDocument), {
         id: isNew ? '__NEW__' : params.id,
     });