@rebasepro/admin 0.8.0 → 0.9.1-canary.09aaf62

package/src/components/{EntityCollectionView → CollectionViewBinding}/FiltersDialog.tsx

@@ -4,12 +4,27 @@ import React, { useCallback, useMemo, useState } from "react";
 import { FilterValues, WhereFilterOp } from "@rebasepro/types";
 import { Button, cls, defaultBorderMixin, Dialog, DialogActions, DialogContent, DialogTitle, Typography } from "@rebasepro/ui";
 import { FilterIcon, VirtualTableWhereFilterOp } from "@rebasepro/ui";
-import { StringNumberFilterField } from "../SelectableTable/filters/StringNumberFilterField";
-import { BooleanFilterField } from "../SelectableTable/filters/BooleanFilterField";
-import { DateTimeFilterField } from "../SelectableTable/filters/DateTimeFilterField";
-import { ReferenceFilterField } from "../SelectableTable/filters/ReferenceFilterField";
-import { enumToObjectEntries } from "@rebasepro/common";
-import { useTranslation } from "@rebasepro/core";
+import { resolveFilterOperators } from "@rebasepro/common";
+import { useCollectionScope, useTranslation } from "@rebasepro/app";
+import { FilterFieldBinding } from "../SelectableTable/filters/FilterFieldBinding";
+
+/**
+ * `WhereFilterOp` is declared twice: once in `@rebasepro/types` as the canonical
+ * operator set every driver translates, and once in `@rebasepro/ui` for the
+ * table's own props. That is deliberate — `ui` is a standalone design system and
+ * depends on no Rebase package, so it cannot import the canonical one (and a
+ * type-only import would not help: `ui` emits declarations with `tsc`, which
+ * references external types rather than inlining them, so its published `.d.ts`
+ * would demand `@rebasepro/types` from every consumer).
+ *
+ * This file is where the two meet and get cast into each other, so it is where
+ * their agreement is checked. Adding an operator to one and not the other stops
+ * this line compiling instead of silently producing a filter the table can build
+ * and no driver can run — or one a driver supports and the table cannot offer.
+ */
+type MutuallyAssignable<A, B> = [A] extends [B] ? ([B] extends [A] ? true : never) : never;
+const _whereFilterOpDefinitionsAgree: MutuallyAssignable<WhereFilterOp, VirtualTableWhereFilterOp> = true;
+void _whereFilterOpDefinitionsAgree;
 
 export interface FiltersDialogProps {
     open: boolean;
@@ -33,6 +48,9 @@ export function FiltersDialog({
     fixedFilter
 }: FiltersDialogProps) {
     const { t } = useTranslation();
+    // Engine of the collection this dialog filters — read from the
+    // surrounding CollectionScopeProvider mounted by the collection view.
+    const engine = useCollectionScope()?.engine;
     // Local state for filters being edited
     const [localFilters, setLocalFilters] = useState<FilterValues<any>>(filterValues ?? {});
 
@@ -52,12 +70,17 @@ export function FiltersDialog({
             if (!property) return false;
             // Force filter properties should not be editable
             if (fixedFilter && key in fixedFilter) return false;
-            // Check if property type is filterable
-            const baseProperty = property.type === "array" ? property.of : property;
-            if (!baseProperty || Array.isArray(baseProperty)) return false;
-            return ["string", "number", "boolean", "date", "reference"].includes(baseProperty.type);
+            const isArray = property.type === "array";
+            const ofProp = isArray && "of" in property ? property.of : undefined;
+            const baseProperty = isArray ? (Array.isArray(ofProp) ? ofProp[0] : ofProp) as Property | undefined : property;
+            if (!baseProperty) return false;
+            // A property is filterable when it has a custom filter field, or
+            // when at least one operator survives the engine ∩ type ∩
+            // property-narrowing resolution.
+            if (baseProperty.ui?.Filter) return true;
+            return resolveFilterOperators({ property: baseProperty, isArray, engine }).length > 0;
         });
-    }, [properties, fixedFilter]);
+    }, [properties, fixedFilter, engine]);
 
     const handleFilterChange = useCallback((propertyKey: string, value?: [VirtualTableWhereFilterOp, any]) => {
         setLocalFilters(prev => {
@@ -94,67 +117,21 @@ export function FiltersDialog({
     const activeFilterCount = Object.keys(localFilters).length;
 
     const renderFilterField = useCallback((propertyKey: string, property: Property) => {
-        const isArray = property.type === "array";
-        const ofProp = isArray && "of" in property ? property.of : undefined;
-        const baseProperty: Property | undefined = isArray ? (Array.isArray(ofProp) ? ofProp[0] : ofProp) as Property | undefined : property;
-
-        if (!baseProperty) return null;
-
-        const filterValue = localFilters[propertyKey] as [VirtualTableWhereFilterOp, any] | undefined;
-        const setValue = (value?: [VirtualTableWhereFilterOp, any]) => handleFilterChange(propertyKey, value);
-
-        if (baseProperty.type === "reference") {
-            return (
-                <ReferenceFilterField
-                    value={filterValue}
-                    setValue={setValue}
-                    name={propertyKey}
-                    isArray={isArray}
-                    path={baseProperty.path}
-                    title={property.name}
-                    includeId={baseProperty.includeId}
-                    previewProperties={baseProperty.ui?.previewProperties}
-                    hidden={hiddenFields[propertyKey] ?? false}
-                    setHidden={(hidden) => setHiddenForField(propertyKey, hidden)}
-                />
-            );
-        } else if (baseProperty.type === "number" || baseProperty.type === "string") {
-            const enumValues = baseProperty.enum ? enumToObjectEntries(baseProperty.enum) : undefined;
-            return (
-                <StringNumberFilterField
-                    value={filterValue}
-                    setValue={setValue}
-                    name={propertyKey}
-                    type={baseProperty.type}
-                    isArray={isArray}
-                    enumValues={enumValues}
-                    title={property.name}
-                />
-            );
-        } else if (baseProperty.type === "boolean") {
-            return (
-                <BooleanFilterField
-                    value={filterValue}
-                    setValue={setValue}
-                    name={propertyKey}
-                    title={property.name}
-                />
-            );
-        } else if (baseProperty.type === "date") {
-            return (
-                <DateTimeFilterField
-                    value={filterValue}
-                    setValue={setValue}
-                    name={propertyKey}
-                    mode={baseProperty.mode}
-                    isArray={isArray}
-                    title={property.name}
-                />
-            );
-        }
-
-        return null;
-    }, [localFilters, handleFilterChange, hiddenFields, setHiddenForField]);
+        const filterValue = localFilters[propertyKey] as [WhereFilterOp, any] | undefined;
+        const setValue = (value?: [WhereFilterOp, any]) => handleFilterChange(propertyKey, value as [VirtualTableWhereFilterOp, any] | undefined);
+
+        return (
+            <FilterFieldBinding
+                propertyKey={propertyKey}
+                property={property}
+                engine={engine}
+                value={filterValue}
+                setValue={setValue}
+                hidden={hiddenFields[propertyKey] ?? false}
+                setHidden={(hidden) => setHiddenForField(propertyKey, hidden)}
+            />
+        );
+    }, [localFilters, handleFilterChange, hiddenFields, setHiddenForField, engine]);
 
     return (
         <Dialog

package/src/components/{EntityCollectionView → CollectionViewBinding}/SplitListView.tsx

@@ -1,21 +1,21 @@
-import type { EntityCollection } from "@rebasepro/types";
+import type { CollectionConfig } from "@rebasepro/types";
 import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { CollectionSize, Entity, EntityTableController, SelectionController } from "@rebasepro/types";
-import { EntityEditView } from "../EntityEditView";
-import { EntityDetailView } from "../EntityDetailView";
+import { EditViewBinding } from "../EditViewBinding";
+import { DetailViewBinding } from "../DetailViewBinding";
 import {
     cls,
     defaultBorderMixin,
     ResizablePanels
 } from "@rebasepro/ui";
-import { useLargeLayout } from "@rebasepro/core";
+import { useLargeLayout } from "@rebasepro/app";
 import { useCollectionRegistryController } from "../../index";
 import { useNavigate, useLocation } from "react-router-dom";
 import { useUrlController } from "../../index";
 import { ErrorBoundary } from "@rebasepro/ui";
 
 export type SplitListViewProps<M extends Record<string, unknown> = Record<string, unknown>> = {
-    collection: EntityCollection<M>;
+    collection: CollectionConfig<M>;
     tableController: EntityTableController<M>;
     onEntityClick?: (entity: Entity<M>) => void;
     onNewClick?: () => void;
@@ -84,7 +84,7 @@ function savePanelSize(path: string, size: number) {
  * State management:
  * - The selected entity is driven by the URL path (e.g. /c/authors/14).
  *   `selectedEntityId` comes from props via RebaseRoute, NOT from internal state.
- * - Clicking an entity navigates to /c/authors/{id} via the standard onEntityClick handler.
+ * - Clicking a entity navigates to /c/authors/{id} via the standard onEntityClick handler.
  * - Closing the detail navigates back to /c/authors.
  */
 export function SplitListView<M extends Record<string, unknown> = Record<string, unknown>>({
@@ -292,10 +292,10 @@ export function SplitListView<M extends Record<string, unknown> = Record<string,
         >
             <ErrorBoundary>
                 {collection.defaultEntityAction === "view" && !isEditMode
-                    ? <EntityDetailView
+                    ? <DetailViewBinding
                         key={String(renderedEntityId)}
                         path={path}
-                        collection={collection as EntityCollection<Record<string, unknown>>}
+                        collection={collection as CollectionConfig<Record<string, unknown>>}
                         entityId={renderedEntityId}
                         parentCollectionSlugs={usedParentCollectionIds}
                         parentEntityIds={usedParentEntityIds}
@@ -323,10 +323,10 @@ export function SplitListView<M extends Record<string, unknown> = Record<string,
                             navigate(entityUrl);
                         }}
                     />
-                    : <EntityEditView
+                    : <EditViewBinding
                         key={String(renderedEntityId)}
                         path={path}
-                        collection={collection as EntityCollection<Record<string, unknown>>}
+                        collection={collection as CollectionConfig<Record<string, unknown>>}
                         entityId={renderedEntityId}
                         parentCollectionSlugs={usedParentCollectionIds}
                         parentEntityIds={usedParentEntityIds}

package/src/components/{EntityCollectionView → CollectionViewBinding}/ViewModeToggle.tsx

@@ -15,7 +15,7 @@ import {
     ToggleButtonGroup,
     ToggleButtonOption
 } from "@rebasepro/ui";
-import { useTranslation } from "@rebasepro/core";
+import { useTranslation } from "@rebasepro/app";
 
 export type KanbanPropertyOption = {
     key: string;

package/src/components/{EntityCollectionView → CollectionViewBinding}/hooks/useCollectionInlineEditor.ts

@@ -1,11 +1,11 @@
 import { useCallback, useMemo } from "react";
-import { setIn } from "@rebasepro/formex";
-import { EntityCollection, SaveEntityProps, RebaseData, RebaseContext } from "@rebasepro/types";
-import { OnCellValueChange, saveEntityWithCallbacks, UniqueFieldValidator } from "@rebasepro/core";
+import { setIn } from "@rebasepro/forms";
+import { CollectionConfig, RebaseData, RebaseContext } from "@rebasepro/types";
+import { OnCellValueChange, saveEntityWithCallbacks, SaveEntityWithCallbacksProps, UniqueFieldValidator } from "@rebasepro/app";
 
 export interface UseCollectionInlineEditorParams<M extends Record<string, unknown>> {
     path: string;
-    collection: EntityCollection<M>;
+    collection: CollectionConfig<M>;
     dataClient: RebaseData;
     context: RebaseContext;
 }
@@ -17,7 +17,7 @@ export function useCollectionInlineEditor<M extends Record<string, unknown>>({
     context
 }: UseCollectionInlineEditorParams<M>) {
 
-    // Unique field validator (ported from EntityCollectionView)
+    // Unique field validator (ported from CollectionViewBinding)
     const uniqueFieldValidator: UniqueFieldValidator = useCallback(
         async ({ name, value, property, entityId }: Parameters<UniqueFieldValidator>[0]) => {
             const accessor = dataClient.collection(path);
@@ -46,7 +46,7 @@ export function useCollectionInlineEditor<M extends Record<string, unknown>>({
 
         const updatedValues = setIn({}, propertyKey, value) as Partial<Record<string, unknown>>;
 
-        const saveProps: SaveEntityProps = {
+        const saveProps: SaveEntityWithCallbacksProps<Record<string, unknown>> = {
             path: entity.path ?? path,
             entityId: entity.id,
             values: updatedValues,

package/src/components/{EntityCollectionView → CollectionViewBinding}/hooks/useKanbanDragAndDrop.ts

@@ -1,13 +1,13 @@
 import { useCallback, useMemo } from "react";
-import { setIn } from "@rebasepro/formex";
-import { EntityCollection, SaveEntityProps, RebaseData, RebaseContext, AnalyticsController, Entity } from "@rebasepro/types";
-import { saveEntityWithCallbacks } from "@rebasepro/core";
+import { setIn } from "@rebasepro/forms";
+import { CollectionConfig, RebaseData, RebaseContext, AnalyticsController, Entity } from "@rebasepro/types";
+import { saveEntityWithCallbacks, SaveEntityWithCallbacksProps } from "@rebasepro/app";
 import { BoardItem } from "@rebasepro/ui";
 import { BoardDataController } from "../useBoardDataController";
 import { generateKeyBetween } from "fractional-indexing";
 
 export interface UseKanbanDragAndDropParams<M extends Record<string, unknown>> {
-    collection: EntityCollection<M>;
+    collection: CollectionConfig<M>;
     fullPath: string;
     columnProperty: string;
     orderProperty?: string;
@@ -106,7 +106,7 @@ export function useKanbanDragAndDrop<M extends Record<string, unknown>>({
             );
         }
 
-        const saveProps: SaveEntityProps = {
+        const saveProps: SaveEntityWithCallbacksProps<Record<string, unknown>> = {
             path: entity.path,
             entityId: entity.id,
             values: updatedValues as M,

package/src/components/{EntityCollectionView → CollectionViewBinding}/useBoardDataController.tsx

@@ -1,7 +1,7 @@
-import type { EntityCollection } from "@rebasepro/types";
-import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import type { CollectionConfig } from "@rebasepro/types";
 import { Entity, FilterValues } from "@rebasepro/types";
-import { useData, useRebaseContext } from "@rebasepro/core";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { getRelationIncludeParams, useData, useRebaseContext } from "@rebasepro/app";
 
 const DEFAULT_PAGE_SIZE = 20;
 
@@ -67,7 +67,7 @@ export interface UseBoardDataControllerProps<M extends Record<string, unknown> =
     /** Full path to the collection */
     fullPath: string;
     /** The entity collection configuration */
-    collection: EntityCollection<M>;
+    collection: CollectionConfig<M>;
     /** Property key used for column assignment */
     columnProperty: string;
     /** Array of column values (enum values from columnProperty) */
@@ -244,7 +244,7 @@ export function useBoardDataController<M extends Record<string, unknown> = any,
             [currentColumnProperty]: ["==", column]
         };
 
-        const orderByParam = currentOrderProperty ? `${currentOrderProperty}:asc` : undefined;
+        const orderByParam: [string, "asc" | "desc"] | undefined = currentOrderProperty ? [currentOrderProperty, "asc"] : undefined;
 
         // Mark column as loading
         setColumnData(prev => ({
@@ -326,18 +326,24 @@ values: { ...e.values,
                 });
             }
 
-            // Apply afterRead callbacks if any
+            // Apply afterRead callbacks if any.
+            // afterRead operates on flat rows; unwrap the Entity view-model
+            // before invoking and re-wrap the processed row after.
             if (currentCollection.callbacks?.afterRead) {
                 try {
                     processed = await Promise.all(
-                        processed.map(entity =>
-                            currentCollection.callbacks!.afterRead!({
+                        processed.map(async (entity) => {
+                            const processedRow = await currentCollection.callbacks!.afterRead!({
                                 collection: currentCollection,
                                 path: currentResolvedPath,
-                                entity,
+                                row: { id: entity.id, ...entity.values },
                                 context: currentContext
-                            })
-                        )
+                            });
+                            return {
+                                ...entity,
+                                values: processedRow as M
+                            };
+                        })
                     );
                 } catch (e) {
                     console.error("Error in afterRead callback:", e);
@@ -404,18 +410,24 @@ values: { ...e.values,
 
         // Set up listener or fetch
         const accessor = currentDataClient.collection(currentResolvedPath);
+
+        // Eagerly include relations to avoid N+1 fetches.
+        const includeParams = getRelationIncludeParams(currentCollection);
+
         if (accessor.listen) {
             const unsubscribe = accessor.listen({
                 where: whereFilter,
                 limit: itemCount,
-                orderBy: orderByParam
+                orderBy: orderByParam,
+                include: includeParams
             }, res => onUpdate(res.data as Entity<M>[]), onError);
             unsubscribersRef.current[column] = unsubscribe;
         } else {
             accessor.find({
                 where: whereFilter,
                 limit: itemCount,
-                orderBy: orderByParam
+                orderBy: orderByParam,
+                include: includeParams
             })
                 .then(res => onUpdate(res.data as Entity<M>[]))
                 .catch(onError);

package/src/components/{EntityCollectionView/useEntityPreviewSlots.ts → CollectionViewBinding/usePreviewSlots.ts}

@@ -1,8 +1,8 @@
 import { useMemo } from "react";
-import type { EntityCollection, Property, RelationProperty } from "@rebasepro/types";
+import type { CollectionConfig, Property, RelationProperty } from "@rebasepro/types";
 import type { Entity, PropertyConfig, EntityRelation } from "@rebasepro/types";
 import { getEntityImagePreviewPropertyKey } from "@rebasepro/common";
-import { getEntityFromCache } from "@rebasepro/core";
+import { getEntityFromCache } from "@rebasepro/app";
 import { getEntityTitlePropertyKey, getEntityPreviewKeys } from "../../util/previews";
 import { getValueInPath } from "@rebasepro/utils";
 import type { AuthController } from "@rebasepro/types";
@@ -13,7 +13,7 @@ import { ChipColorScheme, CHIP_COLORS } from "@rebasepro/ui";
 
 /**
  * A resolved "slot" containing the property definition, key, and the
- * concrete value extracted from an entity.
+ * concrete value extracted from a entity.
  */
 export interface PreviewSlot {
     property: Property;
@@ -102,7 +102,7 @@ export interface CollectionSlotKeys {
  * Pure function — call inside `useMemo`.
  */
 export function resolveCollectionSlotKeys(
-    collection: EntityCollection<Record<string, unknown>>,
+    collection: CollectionConfig<Record<string, unknown>>,
     authController: AuthController,
     propertyConfigs: Record<string, PropertyConfig>
 ): CollectionSlotKeys {
@@ -216,7 +216,7 @@ dateKey };
  * and value is the first element (for arrays) or the raw value.
  */
 function resolveImageSlot(
-    collection: EntityCollection<Record<string, unknown>>,
+    collection: CollectionConfig<Record<string, unknown>>,
     imageKey: string,
     entity: Entity<Record<string, unknown>>
 ): PreviewSlot | undefined {
@@ -277,7 +277,7 @@ function formatDateValue(value: unknown): string {
  * `resolveEntitySlots` for each entity row.
  */
 export function useCollectionSlotKeys(
-    collection: EntityCollection<Record<string, unknown>>,
+    collection: CollectionConfig<Record<string, unknown>>,
     authController: AuthController,
     propertyConfigs: Record<string, PropertyConfig>
 ): CollectionSlotKeys {
@@ -296,7 +296,7 @@ export function useCollectionSlotKeys(
  */
 export function resolveEntitySlots(
     entity: Entity<Record<string, unknown>>,
-    collection: EntityCollection<Record<string, unknown>>,
+    collection: CollectionConfig<Record<string, unknown>>,
     slotKeys: CollectionSlotKeys
 ): EntityPreviewSlots {
     const { titleKey, imageKey, subtitleKey, relationKeys, statusKey, dateKey } = slotKeys;
@@ -441,11 +441,11 @@ function resolveRelationDisplayName(
     const data = "data" in relation ? (relation as EntityRelation).data : undefined;
 
     // Resolve target collection from either `prop.relation.target()` or `prop.target()` (inline API)
-    let targetCollection: EntityCollection | undefined;
+    let targetCollection: CollectionConfig | undefined;
     try {
         const resolved = prop.relation?.target?.() ?? (typeof prop.target === "function" ? prop.target() : undefined);
         if (resolved && typeof resolved === "object") {
-            targetCollection = resolved as EntityCollection;
+            targetCollection = resolved as CollectionConfig;
         }
     } catch {
         // Target collection may not be resolvable

package/src/components/DefaultAppBar.tsx

@@ -2,7 +2,7 @@
 import React from "react";
 
 import { Link, useNavigate } from "react-router-dom";
-import { RebaseLogo, LanguageToggle } from "@rebasepro/core";
+import { RebaseLogo, LanguageToggle } from "@rebasepro/app";
 import { ErrorBoundary, iconSize } from "@rebasepro/ui";
 import {
     Avatar,
@@ -18,12 +18,12 @@ import {
     SunMoonIcon,
     Typography
 } from "@rebasepro/ui";
-import { useAuthController, useLargeLayout, useModeController, useAdminModeController, useTranslation } from "@rebasepro/core";
+import { useAuthController, useLargeLayout, useModeController, useAdminModeController, useTranslation } from "@rebasepro/app";
 import { useUrlController } from "../hooks/navigation/contexts/UrlContext";
 import { User } from "@rebasepro/types";
 import { useApp } from "./app/useApp";
 import { useBreadcrumbsController } from "../hooks/useBreadcrumbsController";
-import { UserSettingsView } from "@rebasepro/core";
+import { UserSettingsView } from "@rebasepro/app";
 
 export type DefaultAppBarProps<ADDITIONAL_PROPS = object> = {
 

package/src/components/DefaultDrawer.tsx

@@ -1,7 +1,7 @@
 import type { NavigationEntry, NavigationResult } from "@rebasepro/types";
 import React, { useMemo } from "react";
 
-import { useCollapsedGroups, buildCollapsedDefaults, useLargeLayout, useAdminModeController, useAuthController, useModeController, useTranslation, useSlot, useRebaseContext, useAnalyticsController, useRebaseRegistry, useComponentOverride } from "@rebasepro/core";
+import { useCollapsedGroups, buildCollapsedDefaults, useLargeLayout, useAdminModeController, useAuthController, useModeController, useTranslation, useSlot, useRebaseContext, useAnalyticsController, useRebaseRegistry, useComponentOverride } from "@rebasepro/app";
 import { useUrlController } from "../hooks/navigation/contexts/UrlContext";
 import { useNavigationStateController } from "../hooks/navigation/contexts/NavigationStateContext";
 
@@ -29,7 +29,7 @@ import {
     Typography
 } from "@rebasepro/ui";
 import { DrawerNavigationGroup } from "./DrawerNavigationGroup";
-import { LanguageToggle, RebaseLogo } from "@rebasepro/core";
+import { LanguageToggle, RebaseLogo } from "@rebasepro/app";
 import { useApp } from "./app/useApp";
 
 /**
@@ -166,7 +166,7 @@ function CMSNavigationContent() {
     const allNavigationEntries = navigationState.topLevelNavigation?.navigationEntries ?? [];
 
     // Build a set of Studio-only dev view slugs so we can distinguish them from
-    // CMS custom views added via <RebaseCMS views={...}> or plugins.
+    // CMS custom views added via <RebaseAdmin views={...}> or plugins.
     const studioViewSlugs = useMemo(() => {
         const slugs = new Set<string>();
         (registry.studioConfig?.devViews ?? []).forEach(v => slugs.add(v.slug));

package/src/components/DeleteEntityDialog.tsx

@@ -1,5 +1,5 @@
-import type { EntityCollection } from "@rebasepro/types";
-import { Entity, EntityCallbacks } from "@rebasepro/types";
+import type { CollectionConfig } from "@rebasepro/types";
+import { Entity, CollectionCallbacks } from "@rebasepro/types";
 import React, { useCallback, useMemo, useState } from "react";
 import { Button, CircularProgress, Dialog, DialogActions, DialogContent, DialogTitle } from "@rebasepro/ui";
 import {
@@ -9,17 +9,17 @@ import {
     useData,
     useSnackbarController,
     useTranslation
-} from "@rebasepro/core";
+} from "@rebasepro/app";
 import { useCMSContext } from "../hooks";
-import { EntityView } from "./EntityView";
+import { EntityViewBinding } from "./EntityViewBinding";
 
 export interface DeleteEntityDialogProps<M extends Record<string, unknown>> {
     entityOrEntitiesToDelete?: Entity<M> | Entity<M>[],
     path: string,
-    collection: EntityCollection<M>
+    collection: CollectionConfig<M>
     open: boolean;
     onClose: () => void;
-    callbacks?: EntityCallbacks<M>,
+    callbacks?: CollectionCallbacks<M>,
 
     onEntityDelete?(path: string, entity: Entity<M>): void;
 
@@ -135,7 +135,7 @@ export function DeleteEntityDialog<M extends Record<string, unknown>>({
     } else {
         const entity = entityOrEntities as Entity<M> | undefined;
         content = entity
-            ? <EntityView
+            ? <EntityViewBinding
                 entity={entity}
                 collection={collection}
                 path={path}/>