@vendure/dashboard 3.3.6-master-202507021511 → 3.3.6-master-202507030234

package/src/lib/framework/layout-engine/location-wrapper.tsx

@@ -18,7 +18,10 @@ const LocationWrapperContext = createContext<{
     setHoveredId: null,
 });
 
-export function LocationWrapper({ children, blockId }: { children: React.ReactNode; blockId?: string }) {
+export function LocationWrapper({
+    children,
+    blockId,
+}: Readonly<{ children: React.ReactNode; blockId?: string }>) {
     const page = usePage();
     const { settings } = useUserSettings();
     const [isPopoverOpen, setIsPopoverOpen] = useState(false);

package/src/lib/framework/layout-engine/page-layout.tsx

@@ -10,7 +10,7 @@ import { useMediaQuery } from '@uidotdev/usehooks';
 import React, { ComponentProps } from 'react';
 import { Control, UseFormReturn } from 'react-hook-form';
 
-import { DashboardActionBarItem } from '../extension-api/extension-api-types.js';
+import { DashboardActionBarItem } from '../extension-api/types/layout.js';
 
 import { PageBlockContext } from '@/vdb/framework/layout-engine/page-block-provider.js';
 import { PageContext, PageContextValue } from '@/vdb/framework/layout-engine/page-provider.js';
@@ -42,7 +42,7 @@ export interface PageProps extends ComponentProps<'div'> {
  * @docsWeight 0
  * @since 3.3.0
  */
-export function Page({ children, pageId, entity, form, submitHandler, ...props }: PageProps) {
+export function Page({ children, pageId, entity, form, submitHandler, ...props }: Readonly<PageProps>) {
     const childArray = React.Children.toArray(children);
 
     const pageTitle = childArray.find(child => React.isValidElement(child) && child.type === PageTitle);
@@ -164,7 +164,7 @@ function isPageBlock(child: unknown): child is React.ReactElement<PageBlockProps
  * @docsWeight 0
  * @since 3.3.0
  */
-export function PageLayout({ children, className }: PageLayoutProps) {
+export function PageLayout({ children, className }: Readonly<PageLayoutProps>) {
     const page = usePage();
     const isDesktop = useMediaQuery('only screen and (min-width : 769px)');
     // Separate blocks into categories
@@ -238,7 +238,7 @@ export function PageLayout({ children, className }: PageLayoutProps) {
     );
 }
 
-export function DetailFormGrid({ children }: { children: React.ReactNode }) {
+export function DetailFormGrid({ children }: Readonly<{ children: React.ReactNode }>) {
     return <div className="md:grid md:grid-cols-2 gap-4 items-start mb-4">{children}</div>;
 }
 
@@ -252,7 +252,7 @@ export function DetailFormGrid({ children }: { children: React.ReactNode }) {
  * @docsPage PageTitle
  * @since 3.3.0
  */
-export function PageTitle({ children }: { children: React.ReactNode }) {
+export function PageTitle({ children }: Readonly<{ children: React.ReactNode }>) {
     return <h1 className="text-2xl font-semibold">{children}</h1>;
 }
 
@@ -269,7 +269,7 @@ export function PageTitle({ children }: { children: React.ReactNode }) {
  * @docsWeight 0
  * @since 3.3.0
  */
-export function PageActionBar({ children }: { children: React.ReactNode }) {
+export function PageActionBar({ children }: Readonly<{ children: React.ReactNode }>) {
     let childArray = React.Children.toArray(children);
 
     const leftContent = childArray.filter(child => isOfType(child, PageActionBarLeft));
@@ -291,7 +291,7 @@ export function PageActionBar({ children }: { children: React.ReactNode }) {
  * @docsPage PageActionBar
  * @since 3.3.0
  */
-export function PageActionBarLeft({ children }: { children: React.ReactNode }) {
+export function PageActionBarLeft({ children }: Readonly<{ children: React.ReactNode }>) {
     return <div className="flex justify-start gap-2">{children}</div>;
 }
 
@@ -303,7 +303,7 @@ export function PageActionBarLeft({ children }: { children: React.ReactNode }) {
  * @docsPage PageActionBar
  * @since 3.3.0
  */
-export function PageActionBarRight({ children }: { children: React.ReactNode }) {
+export function PageActionBarRight({ children }: Readonly<{ children: React.ReactNode }>) {
     const page = usePage();
     const actionBarItems = page.pageId ? getDashboardActionBarItems(page.pageId) : [];
     return (
@@ -355,7 +355,14 @@ export type PageBlockProps = {
  * @docsWeight 0
  * @since 3.3.0
  */
-export function PageBlock({ children, title, description, className, blockId, column }: PageBlockProps) {
+export function PageBlock({
+    children,
+    title,
+    description,
+    className,
+    blockId,
+    column,
+}: Readonly<PageBlockProps>) {
     return (
         <LocationWrapper blockId={blockId}>
             <PageBlockContext.Provider value={{ blockId, title, description, column }}>

package/src/lib/framework/page/list-page.tsx

@@ -9,21 +9,15 @@ import {
     PaginatedListDataTable,
     RowAction,
 } from '@/vdb/components/shared/paginated-list-data-table.js';
-import { BulkAction } from '@/vdb/framework/data-table/data-table-types.js';
 import { useUserSettings } from '@/vdb/hooks/use-user-settings.js';
 import { TypedDocumentNode } from '@graphql-typed-document-node/core';
 import { AnyRoute, AnyRouter, useNavigate } from '@tanstack/react-router';
 import { ColumnFiltersState, SortingState, Table } from '@tanstack/react-table';
 import { TableOptions } from '@tanstack/table-core';
 
+import { BulkAction } from '@/vdb/framework/extension-api/types/index.js';
 import { addCustomFields } from '../document-introspection/add-custom-fields.js';
-import {
-    FullWidthPageBlock,
-    Page,
-    PageActionBar,
-    PageLayout,
-    PageTitle,
-} from '../layout-engine/page-layout.js';
+import { FullWidthPageBlock, Page, PageActionBar, PageLayout, PageTitle } from '../layout-engine/page-layout.js';
 
 /**
  * @description

package/src/lib/framework/registry/registry-types.ts

@@ -1,14 +1,14 @@
+import {
+    BulkAction,
+    DashboardActionBarItem,
+    DashboardPageBlockDefinition,
+    DashboardWidgetDefinition,
+} from '@/vdb/framework/extension-api/types/index.js';
 import { DocumentNode } from 'graphql';
 import React from 'react';
 
-import { DashboardAlertDefinition } from '../alert/types.js';
 import { DataDisplayComponent, DataInputComponent } from '../component-registry/component-registry.js';
-import { DashboardWidgetDefinition } from '../dashboard-widget/types.js';
-import { BulkAction } from '../data-table/data-table-types.js';
-import {
-    DashboardActionBarItem,
-    DashboardPageBlockDefinition,
-} from '../extension-api/extension-api-types.js';
+import { DashboardAlertDefinition } from '../extension-api/types/alerts.js';
 import { CustomFormComponentInputProps } from '../form-engine/custom-form-component.js';
 import { NavMenuConfig } from '../nav-menu/nav-menu-extensions.js';