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

package/src/components/CollectionPanel.tsx

@@ -1,14 +1,14 @@
-import type { EntityCollection, ViewMode } from "@rebasepro/types";
+import type { CollectionConfig, ViewMode } from "@rebasepro/types";
 import React, { useMemo } from "react";
-import { EntityCollectionView } from "./EntityCollectionView/EntityCollectionView";
+import { CollectionViewBinding } from "./CollectionViewBinding/CollectionViewBinding";
 import { useCollectionRegistryController } from "../hooks/navigation/contexts/CollectionRegistryContext";
 import { Typography } from "@rebasepro/ui";
-import { useComponentOverride, CollectionComponentOverrideProvider } from "@rebasepro/core";
+import { useComponentOverride, CollectionScopeProvider } from "@rebasepro/app";
 
 /**
  * Props for the {@link CollectionPanel} component.
  *
- * This is a high-level, consumer-friendly wrapper around {@link EntityCollectionView}
+ * This is a high-level, consumer-friendly wrapper around {@link CollectionViewBinding}
  * designed for embedding collection views inside custom pages (home pages,
  * dashboards, entity detail views, etc.).
  *
@@ -53,7 +53,7 @@ export type CollectionPanelProps = {
     updateUrl?: boolean;
 
     /**
-     * Override the entity open mode when clicking an entity.
+     * Override the entity open mode when clicking a entity.
      */
     openEntityMode?: "side_panel" | "full_screen" | "split" | "dialog";
 
@@ -66,7 +66,7 @@ export type CollectionPanelProps = {
      * Any additional collection-level overrides (e.g. `previewProperties`,
      * `enabledViews`, `entityActions`, `defaultFilter`, etc.).
      */
-    collectionOverrides?: Partial<EntityCollection>;
+    collectionOverrides?: Partial<CollectionConfig>;
 };
 
 /**
@@ -101,8 +101,8 @@ function CollectionPanelInner({
     title,
     updateUrl,
     className
-}: CollectionPanelProps & { mergedCollection: EntityCollection }) {
-    const ResolvedCollectionView = useComponentOverride("Collection.View", EntityCollectionView);
+}: CollectionPanelProps & { mergedCollection: CollectionConfig }) {
+    const ResolvedCollectionView = useComponentOverride("Collection.View", CollectionViewBinding);
 
     return (
         <div className={className}>
@@ -150,7 +150,7 @@ export function CollectionPanel(props: CollectionPanelProps) {
             ...registeredCollection,
             ...(collectionOverrides ?? {}),
             ...propOverrides
-        } as EntityCollection;
+        } as CollectionConfig;
     }, [registeredCollection, collectionOverrides, viewMode, sort, limit, openEntityMode]);
 
     if (!mergedCollection) {
@@ -170,12 +170,9 @@ export function CollectionPanel(props: CollectionPanelProps) {
         />
     );
 
-    if (mergedCollection.components) {
-        return (
-            <CollectionComponentOverrideProvider overrides={mergedCollection.components}>
-                {content}
-            </CollectionComponentOverrideProvider>
-        );
-    }
-    return content;
+    return (
+        <CollectionScopeProvider collection={mergedCollection}>
+            {content}
+        </CollectionScopeProvider>
+    );
 }

package/src/components/{EntityCollectionTable/EntityCollectionRowActions.tsx → CollectionTableBinding/CollectionRowActions.tsx}

@@ -1,4 +1,4 @@
-import type { EntityCollection } from "@rebasepro/types";
+import type { CollectionConfig } from "@rebasepro/types";
 import type { EntityAction } from "@rebasepro/types";
 import React, { MouseEvent, useCallback } from "react";
 
@@ -14,8 +14,8 @@ import {
     Skeleton,
     Tooltip
 } from "@rebasepro/ui";
-import { useTranslation } from "@rebasepro/core";
-import { getEntityFromCache } from "@rebasepro/core";
+import { useTranslation } from "@rebasepro/app";
+import { getEntityFromCache } from "@rebasepro/app";
 import { getLocalChangesBackup } from "@rebasepro/common";
 import { useCMSContext } from "../../index";
 
@@ -32,7 +32,7 @@ import { useCMSContext } from "../../index";
  *
  * @group Collection components
  */
-export const EntityCollectionRowActions = function EntityCollectionRowActions({
+export const CollectionRowActions = function CollectionRowActions({
     entity,
     collection,
     path,
@@ -56,7 +56,7 @@ export const EntityCollectionRowActions = function EntityCollectionRowActions({
 }:
     {
         entity: Entity<any>,
-        collection?: EntityCollection<any>,
+        collection?: CollectionConfig<any>,
         path?: string,
         width: number,
         frozen?: boolean,
@@ -80,7 +80,7 @@ export const EntityCollectionRowActions = function EntityCollectionRowActions({
 
 
     const context = useCMSContext();
-    const sideEntityCtrl = context.sideEntityController;
+    const sidePanelCtrl = context.sidePanelController;
     const { t } = useTranslation();
 
     const onCheckedChange = useCallback((checked: boolean) => {
@@ -131,7 +131,7 @@ export const EntityCollectionRowActions = function EntityCollectionRowActions({
                                     path,
                                     collection,
                                     context,
-                                    sideEntityController: sideEntityCtrl,
+                                    sidePanelController: sidePanelCtrl,
                                     selectionController,
                                     highlightEntity,
                                     unhighlightEntity,
@@ -175,7 +175,7 @@ export const EntityCollectionRowActions = function EntityCollectionRowActions({
                                             path,
                                             collection,
                                             context,
-                                            sideEntityController: sideEntityCtrl,
+                                            sidePanelController: sidePanelCtrl,
                                             selectionController,
                                             highlightEntity,
                                             unhighlightEntity,

package/src/components/{EntityCollectionTable/EntityCollectionTable.tsx → CollectionTableBinding/CollectionTableBinding.tsx}

@@ -3,46 +3,46 @@ import React, { useCallback, useMemo, useRef } from "react";
 import { CollectionSize, Entity, RebaseContext, User, Property } from "@rebasepro/types";
 import { PropertyTableCell } from "./PropertyTableCell";
 import { ErrorBoundary } from "@rebasepro/ui";
-import { useRebaseContext, useLargeLayout } from "@rebasepro/core";
+import { useRebaseContext, useLargeLayout } from "@rebasepro/app";
 import { CellRendererParams, VirtualTableColumn } from "@rebasepro/ui";
-import { EntityCollectionRowActions } from "./EntityCollectionRowActions";
+import { CollectionRowActions } from "./CollectionRowActions";
 import { CollectionTableToolbar } from "./internal/CollectionTableToolbar";
-import { EntityCollectionTableProps } from "./EntityCollectionTableProps";
+import { CollectionTableBindingProps } from "./CollectionTableBindingProps";
 import { EntityTableCell } from "./internal/EntityTableCell";
 import { CustomFieldValidator } from "../../form/validation";
 import { renderSkeletonText } from "../../preview";
 import { propertiesToColumns } from "./column_utils";
-import { ErrorView } from "@rebasepro/core";
+import { ErrorView } from "@rebasepro/app";
 import { SelectableTable } from "../SelectableTable/SelectableTable";
 import { cls } from "@rebasepro/ui";
-import { getRowHeight } from "@rebasepro/core";
+import { getRowHeight } from "@rebasepro/app";
 import { getValueInPath } from "@rebasepro/utils";
 
 /**
  * This component is in charge of rendering a collection table with a high
  * degree of customization.
  *
- * This component is used internally by {@link EntityCollectionView} and
+ * This component is used internally by {@link CollectionViewBinding} and
  * {@link useReferenceDialog}
  *
  * Please note that you only need to use this component if you are building
  * a custom view. If you just need to create a default view you can do it
  * exclusively with config options.
  *
- * If you want to bind a {@link EntityCollection} to a table with the default
+ * If you want to bind a {@link CollectionConfig} to a table with the default
  * options you see in collections in the top level navigation, you can
- * check {@link EntityCollectionView}.
+ * check {@link CollectionViewBinding}.
  *
  * The data displayed in the table is managed by a {@link EntityTableController}.
  * You can build the default, bound to a path in the driver, by using the hook
  * {@link useDataTableController}
  *
- * @see EntityCollectionTableProps
- * @see EntityCollectionView
+ * @see CollectionTableBindingProps
+ * @see CollectionViewBinding
  * @see VirtualTable
  * @group Components
  */
-export const EntityCollectionTable = function EntityCollectionTable<M extends Record<string, unknown> = Record<string, unknown>, USER extends User = User>
+export const CollectionTableBinding = function CollectionTableBinding<M extends Record<string, unknown> = Record<string, unknown>, USER extends User = User>
     ({
         className,
         style,
@@ -82,7 +82,7 @@ export const EntityCollectionTable = function EntityCollectionTable<M extends Re
         openEntityMode = "side_panel",
         onColumnsOrderChange,
         hideToolbar = false
-    }: EntityCollectionTableProps<M>) {
+    }: CollectionTableBindingProps<M>) {
 
     const ref = useRef<HTMLDivElement>(null);
 
@@ -310,7 +310,7 @@ export const EntityCollectionTable = function EntityCollectionTable<M extends Re
                         frozen: column.frozen
                     });
                 else
-                    return <EntityCollectionRowActions entity={props.rowData!}
+                    return <CollectionRowActions entity={props.rowData!}
                         width={column.width}
                         frozen={column.frozen}
                         isSelected={false}

package/src/components/{EntityCollectionTable/EntityCollectionTableProps.tsx → CollectionTableBinding/CollectionTableBindingProps.tsx}

@@ -3,13 +3,13 @@ import type { AdditionalFieldDelegate } from "@rebasepro/types";
 import type { Property } from "@rebasepro/types";
 import React from "react";
 import { CollectionSize, Entity, EntityTableController, FilterValues, SelectionController, User } from "@rebasepro/types";
-import { OnCellValueChange, OnColumnResizeParams, UniqueFieldValidator } from "@rebasepro/core";
+import { OnCellValueChange, OnColumnResizeParams, UniqueFieldValidator } from "@rebasepro/app";
 import { VirtualTableColumn } from "@rebasepro/ui";
 
 /**
  * @group Collection components
  */
-export type EntityCollectionTableProps<M extends Record<string, unknown>,
+export type CollectionTableBindingProps<M extends Record<string, unknown>,
     USER extends User = User> = {
 
         className?: string;

package/src/components/{EntityCollectionTable → CollectionTableBinding}/PropertyTableCell.tsx

@@ -17,7 +17,7 @@ import { EntityTableCellActions } from "./internal/EntityTableCellActions";
 
 import { useSelectableTableController } from "../SelectableTable/SelectableTableContext";
 import { useClearRestoreValue } from "../../form/useClearRestoreValue";
-import { getRowHeight } from "@rebasepro/core";
+import { getRowHeight } from "@rebasepro/app";
 import { isReadOnly } from "@rebasepro/common";
 import { TableRelationField } from "./fields/TableRelationField";
 import { TableRelationSelectorField } from "./fields/TableRelationSelectorField";

package/src/components/{EntityCollectionTable → CollectionTableBinding}/column_utils.tsx

@@ -4,7 +4,7 @@ import { getTableCellAlignment, getTablePropertyColumnWidth } from "./internal/c
 import { FilterValues } from "@rebasepro/types";
 import { VirtualTableColumn } from "@rebasepro/ui";
 import { getIconForProperty, getResolvedPropertyInPath } from "../../util/property_utils";
-import { getColumnKeysForProperty } from "@rebasepro/core";
+import { getColumnKeysForProperty } from "@rebasepro/app";
 
 export function buildIdColumn(largeLayout?: boolean): VirtualTableColumn {
     return {

package/src/components/{EntityCollectionTable → CollectionTableBinding}/fields/TableMultipleRelationField.tsx

@@ -1,5 +1,5 @@
-import { useEntitySelectionDialog } from "../../../hooks/useEntitySelectionDialog";
-import type { EntityCollection } from "@rebasepro/types";
+import { useSelectionDialog } from "../../../hooks/useSelectionDialog";
+import type { CollectionConfig } from "@rebasepro/types";
 import { getCollectionDataPath } from "@rebasepro/types";
 import React, { useCallback } from "react";
 import { deepEqual as equal } from "fast-equals";
@@ -9,9 +9,9 @@ import { getRelationFrom, normalizeToEntityRelation } from "@rebasepro/common";
 
 import { RelationPreview } from "../../../preview";
 import { CollectionSize, Entity, EntityRelation, FilterValues, Relation } from "@rebasepro/types";
-import { } from "@rebasepro/core";
-import { ErrorView } from "@rebasepro/core";
-import { EntityPreviewContainer } from "../../EntityPreview";
+import { } from "@rebasepro/app";
+import { ErrorView } from "@rebasepro/app";
+import { EntityPreviewContainer } from "../../EntityPreviewBinding";
 
 type TableMultipleRelationFieldProps = {
     name: string;
@@ -34,7 +34,7 @@ export function TableMultipleRelationField(props: TableMultipleRelationFieldProp
 
 export const TableMultipleRelationFieldInternal = React.memo(
     function TableMultipleRelationFieldInternal(props: TableMultipleRelationFieldProps & {
-        collection: EntityCollection;
+        collection: CollectionConfig;
     }) {
         const {
             name,
@@ -57,7 +57,7 @@ export const TableMultipleRelationFieldInternal = React.memo(
 
         const selectedEntityIds = value.map((ref) => ref.id);
 
-        const relationDialogController = useEntitySelectionDialog({
+        const relationDialogController = useSelectionDialog({
             multiselect: true,
             path: getCollectionDataPath(collection),
             collection,

package/src/components/{EntityCollectionTable → CollectionTableBinding}/fields/TableReferenceField.tsx

@@ -1,5 +1,5 @@
-import { useEntitySelectionDialog } from "../../../hooks/useEntitySelectionDialog";
-import type { EntityCollection } from "@rebasepro/types";
+import { useSelectionDialog } from "../../../hooks/useSelectionDialog";
+import type { CollectionConfig } from "@rebasepro/types";
 import React, { useCallback } from "react";
 import { deepEqual as equal } from "fast-equals"
 
@@ -7,9 +7,9 @@ import { ReferencePreview } from "../../../preview";
 import { CollectionSize, Entity, EntityReference, FilterValues } from "@rebasepro/types";
 
 import { getPreviewSizeFrom } from "../../../preview/util";
-import { useComponentOverride, ErrorView, CollectionComponentOverrideProvider } from "@rebasepro/core";
+import { useComponentOverride, ErrorView, CollectionScopeProvider } from "@rebasepro/app";
 import { cls, PencilIcon } from "@rebasepro/ui";
-import { EntityPreviewContainer } from "../../EntityPreview";
+import { EntityPreviewContainer } from "../../EntityPreviewBinding";
 import { getReferenceFrom } from "@rebasepro/common";
 import { useCollectionRegistryController } from "../../../index";
 
@@ -30,7 +30,7 @@ type TableReferenceFieldProps = {
 
 const DefaultMissingReference: React.FC<{ path: string }> = () => null;
 
-function TableReferenceFieldResolver(props: TableReferenceFieldProps & { collection: EntityCollection | undefined }) {
+function TableReferenceFieldResolver(props: TableReferenceFieldProps & { collection: CollectionConfig | undefined }) {
     const ResolvedMissingReference = useComponentOverride("Entity.MissingReference", DefaultMissingReference);
     const { path, collection } = props;
 
@@ -56,11 +56,11 @@ export function TableReferenceField(props: TableReferenceFieldProps) {
         />
     );
 
-    if (collection?.components) {
+    if (collection) {
         return (
-            <CollectionComponentOverrideProvider overrides={collection.components}>
+            <CollectionScopeProvider collection={collection}>
                 {content}
-            </CollectionComponentOverrideProvider>
+            </CollectionScopeProvider>
         );
     }
     return content;
@@ -68,7 +68,7 @@ export function TableReferenceField(props: TableReferenceFieldProps) {
 
 export const TableReferenceFieldInternal = React.memo(
     function TableReferenceFieldInternal(props: TableReferenceFieldProps & {
-        collection: EntityCollection;
+        collection: CollectionConfig;
     }) {
         const {
             name,
@@ -100,7 +100,7 @@ export const TableReferenceFieldInternal = React.memo(
                 : internalValue.id ? [internalValue.id] : [])
             : [];
 
-        const referenceDialogController = useEntitySelectionDialog({
+        const referenceDialogController = useSelectionDialog({
             multiselect,
             path,
             collection,

package/src/components/{EntityCollectionTable → CollectionTableBinding}/fields/TableRelationField.tsx

@@ -1,5 +1,5 @@
-import { useEntitySelectionDialog } from "../../../hooks/useEntitySelectionDialog";
-import type { EntityCollection } from "@rebasepro/types";
+import { useSelectionDialog } from "../../../hooks/useSelectionDialog";
+import type { CollectionConfig } from "@rebasepro/types";
 import { getCollectionDataPath } from "@rebasepro/types";
 import React, { useCallback } from "react";
 import { deepEqual as equal } from "fast-equals"
@@ -8,10 +8,10 @@ import { RelationPreview } from "../../../preview";
 import { CollectionSize, Entity, EntityRelation, FilterValues, Relation } from "@rebasepro/types";
 
 import { getPreviewSizeFrom } from "../../../preview/util";
-import { } from "@rebasepro/core";
-import { ErrorView } from "@rebasepro/core";
+import { } from "@rebasepro/app";
+import { ErrorView } from "@rebasepro/app";
 import { cls, PencilIcon } from "@rebasepro/ui";
-import { EntityPreviewContainer } from "../../EntityPreview";
+import { EntityPreviewContainer } from "../../EntityPreviewBinding";
 import { getRelationFrom, normalizeToEntityRelation } from "@rebasepro/common";
 import { TableMultipleRelationField } from "./TableMultipleRelationField";
 
@@ -57,7 +57,7 @@ export function TableRelationField(props: TableRelationFieldProps) {
 
 export const TableRelationFieldInternal = React.memo(
     function TableRelationFieldInternal(props: TableRelationFieldProps & {
-        collection: EntityCollection;
+        collection: CollectionConfig;
     }) {
         const {
             name,
@@ -89,7 +89,7 @@ export const TableRelationFieldInternal = React.memo(
                 : internalValue.id ? [internalValue.id] : [])
             : [];
 
-        const relationDialogController = useEntitySelectionDialog({
+        const relationDialogController = useSelectionDialog({
             multiselect,
             path: getCollectionDataPath(collection),
             collection,

package/src/components/{EntityCollectionTable → CollectionTableBinding}/fields/TableStorageUpload.tsx

@@ -8,7 +8,7 @@ import { useDropzone } from "react-dropzone";
 import { PropertyPreview } from "../../../preview";
 import { ErrorBoundary } from "@rebasepro/ui";
 import { cls, IconButton, PencilIcon, Typography } from "@rebasepro/ui";
-import { useSnackbarController, useStorageSource, useTranslation, StorageFieldItem, useStorageUploadController, StorageSourceContext } from "@rebasepro/core";
+import { useSnackbarController, useStorageSource, useTranslation, StorageFieldItem, useStorageUploadController, StorageSourceContext } from "@rebasepro/app";
 import { getThumbnailMeasure } from "../../../preview/util";
 import { StorageUploadProgress } from "../../../form/components/StorageUploadProgress";
 import { EntityTableCellActions } from "../internal/EntityTableCellActions";

package/src/components/CollectionTableBinding/index.tsx

@@ -0,0 +1,14 @@
+export {
+    CollectionTableBinding
+} from "./CollectionTableBinding";
+
+export type {
+    CollectionTableBindingProps
+} from "./CollectionTableBindingProps";
+
+export * from "./PropertyTableCell";
+export * from "./CollectionRowActions";
+
+export * from "./column_utils";
+
+export { VirtualTableInput } from "@rebasepro/ui";

package/src/components/{EntityCollectionTable → CollectionTableBinding}/internal/CollectionTableToolbar.tsx

@@ -1,7 +1,7 @@
 import React from "react";
 
 import { CircularProgress, cls, defaultBorderMixin, SearchBar } from "@rebasepro/ui";
-import { useLargeLayout, useTranslation } from "@rebasepro/core";
+import { useLargeLayout, useTranslation } from "@rebasepro/app";
 
 interface CollectionTableToolbarProps {
     loading: boolean;

package/src/components/{EntityCollectionTable → CollectionTableBinding}/internal/EntityTableCell.tsx

@@ -4,8 +4,8 @@ import useMeasure from "react-use-measure";
 
 import { cls, Tooltip, iconSize } from "@rebasepro/ui";
 import { ErrorBoundary, MinusCircleIcon } from "@rebasepro/ui";
-import { getRowHeight, TableSize } from "@rebasepro/core";
-import { ErrorTooltip } from "@rebasepro/core";
+import { getRowHeight, TableSize } from "@rebasepro/app";
+import { ErrorTooltip } from "@rebasepro/app";
 
 interface EntityTableCellProps {
     children: React.ReactNode;

package/src/components/{EntityCollectionTable → CollectionTableBinding}/internal/EntityTableCellActions.tsx

@@ -1,5 +1,5 @@
 import { AlertCircleIcon, IconButton } from "@rebasepro/ui";
-import { ErrorTooltip } from "@rebasepro/core";
+import { ErrorTooltip } from "@rebasepro/app";
 import { useCallback, useEffect, useRef } from "react";
 
 export interface EntityTableCellActionsProps {

package/src/components/{EntityCollectionTable → CollectionTableBinding}/internal/common.tsx

@@ -1,4 +1,4 @@
-import type { EntityCollection } from "@rebasepro/types";
+import type { CollectionConfig } from "@rebasepro/types";
 import type { ArrayProperty, Property } from "@rebasepro/types";
 
 export function getTableCellAlignment(property: Property): "right" | "left" | "center" {
@@ -68,6 +68,6 @@ export function getTablePropertyColumnWidth(property: Property): number {
     }
 }
 
-export function getSubcollectionColumnId(collection: EntityCollection) {
+export function getSubcollectionColumnId(collection: CollectionConfig) {
     return `subcollection:${collection.slug}`;
 }

package/src/components/{EntityCollectionTable → CollectionTableBinding}/internal/popup_field/PopupFormField.tsx

@@ -1,5 +1,5 @@
 import type { Properties } from "@rebasepro/types";
-import type { EntityCollection } from "@rebasepro/types";
+import type { CollectionConfig } from "@rebasepro/types";
 import type { FormContext, PropertyFieldBindingProps } from "../../../../types/fields";
 import type { Property } from "@rebasepro/types";
 import React, { useCallback, useEffect, useLayoutEffect, useMemo, useState } from "react";
@@ -7,15 +7,15 @@ import React, { useCallback, useEffect, useLayoutEffect, useMemo, useState } fro
 import { Button, DialogActions, IconButton, Portal, Typography, XIcon } from "@rebasepro/ui";
 
 import { Entity, EntityValues } from "@rebasepro/types";
-import { PluginProviderStack } from "@rebasepro/core";
-import { Formex, FormexController, useCreateFormex } from "@rebasepro/formex";
+import { PluginProviderStack } from "@rebasepro/app";
+import { Formex, FormexController, useCreateFormex } from "@rebasepro/forms";
 import { useDraggable } from "./useDraggable";
 import { CustomFieldValidator, getEntitySchema } from "../../../../form/validation";
 import { useWindowSize } from "./useWindowSize";
 import { getPropertyInPath } from "../../../../util/property_utils";
 import { PropertyFieldBinding, zodToFormErrors } from "../../../../form";
-import { useAuthController, useCustomizationController, useData, useRebaseContext } from "@rebasepro/core";
-import type { OnCellValueChangeParams } from "@rebasepro/core";
+import { useAuthController, useCustomizationController, useData, useRebaseContext } from "@rebasepro/app";
+import type { OnCellValueChangeParams } from "@rebasepro/app";
 import { isReadOnly } from "@rebasepro/common";
 
 interface PopupFormFieldProps<M extends Record<string, unknown>> {
@@ -24,7 +24,7 @@ interface PopupFormFieldProps<M extends Record<string, unknown>> {
     entityId: string | number;
     tableKey: string;
     propertyKey?: Extract<keyof M, string>;
-    collection?: EntityCollection<any>;
+    collection?: CollectionConfig<any>;
     cellRect?: DOMRect;
     open: boolean;
     onClose: () => void;

package/src/components/{EntityCollectionTable → CollectionTableBinding}/table_bindings.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 import { ArrayProperty, DateProperty, Entity, EntityReference, EntityRelation, NumberProperty, Property, ReferenceProperty, RelationProperty, StringProperty } from "@rebasepro/types";
-import { TableSize, useCustomizationController } from "@rebasepro/core";
+import { TableSize, useCustomizationController } from "@rebasepro/app";
 import {
     VirtualTableInput,
     VirtualTableNumberInput,

package/src/components/{EntityCollectionView/EntityBoardCard.tsx → CollectionViewBinding/BoardCardBinding.tsx}

@@ -1,15 +1,15 @@
-import type { EntityCollection } from "@rebasepro/types";
+import type { CollectionConfig } from "@rebasepro/types";
 import React, { memo, useCallback, useMemo } from "react";
 import { Entity } from "@rebasepro/types";
 import { Checkbox, Chip, cls, defaultBorderMixin, Markdown } from "@rebasepro/ui";
 import { PropertyPreview } from "../../preview";
-import { useAuthController, useCustomizationController } from "@rebasepro/core";
-import { IconForView } from "@rebasepro/core";
+import { useAuthController, useCustomizationController } from "@rebasepro/app";
+import { IconForView } from "@rebasepro/app";
 import { BoardItemViewProps } from "@rebasepro/ui";
-import { useCollectionSlotKeys, resolveEntitySlots } from "./useEntityPreviewSlots";
+import { useCollectionSlotKeys, resolveEntitySlots } from "./usePreviewSlots";
 
-export type EntityBoardCardProps<M extends Record<string, unknown> = Record<string, unknown>> = BoardItemViewProps<Entity<M>> & {
-    collection: EntityCollection<M>;
+export type BoardCardBindingProps<M extends Record<string, unknown> = Record<string, unknown>> = BoardItemViewProps<Entity<M>> & {
+    collection: CollectionConfig<M>;
     onClick?: (entity: Entity<M>) => void;
     selected?: boolean;
     onSelectionChange?: (entity: Entity<M>, selected: boolean) => void;
@@ -17,14 +17,14 @@ export type EntityBoardCardProps<M extends Record<string, unknown> = Record<stri
 };
 
 /**
- * Compact card component for displaying an entity in a Kanban board.
+ * Compact card component for displaying a entity in a Kanban board.
  * Uses the shared slot system for consistent preview rendering.
  *
  * Selection UX: The checkbox overlays on top of the image/icon thumbnail area,
  * revealed on card hover or when the card is selected. This keeps the card
  * layout clean while providing intuitive selection affordance.
  */
-function EntityBoardCardInner<M extends Record<string, unknown> = Record<string, unknown>>({
+function BoardCardBindingInner<M extends Record<string, unknown> = Record<string, unknown>>({
     item,
     isDragging,
     isGroupedOver,
@@ -34,13 +34,13 @@ function EntityBoardCardInner<M extends Record<string, unknown> = Record<string,
     selected,
     onSelectionChange,
     selectionEnabled = false
-}: EntityBoardCardProps<M>) {
+}: BoardCardBindingProps<M>) {
     const entity = item.data;
     const authController = useAuthController();
     const customizationController = useCustomizationController();
 
     const slotKeys = useCollectionSlotKeys(
-        collection as EntityCollection<Record<string, unknown>>,
+        collection as CollectionConfig<Record<string, unknown>>,
         authController,
         customizationController.propertyConfigs
     );
@@ -48,7 +48,7 @@ function EntityBoardCardInner<M extends Record<string, unknown> = Record<string,
     const slots = useMemo(
         () => resolveEntitySlots(
             entity as Entity<Record<string, unknown>>,
-            collection as EntityCollection<Record<string, unknown>>,
+            collection as CollectionConfig<Record<string, unknown>>,
             slotKeys
         ),
         [entity, collection, slotKeys]
@@ -234,13 +234,13 @@ function EntityBoardCardInner<M extends Record<string, unknown> = Record<string,
 }
 
 // Memoized to prevent unnecessary re-renders when other cards in the board change
-export const EntityBoardCard = memo(EntityBoardCardInner) as typeof EntityBoardCardInner;
+export const BoardCardBinding = memo(BoardCardBindingInner) as typeof BoardCardBindingInner;
 
 /**
- * Wrapper component that adapts EntityBoardCard to BoardItemViewProps interface
+ * Wrapper component that adapts BoardCardBinding to BoardItemViewProps interface
  */
-export function createEntityBoardCardComponent<M extends Record<string, unknown>>(
-    collection: EntityCollection<M>,
+export function createBoardCardBindingComponent<M extends Record<string, unknown>>(
+    collection: CollectionConfig<M>,
     options: {
         onClick?: (entity: Entity<M>) => void;
         isEntitySelected?: (entity: Entity<M>) => boolean;
@@ -248,9 +248,9 @@ export function createEntityBoardCardComponent<M extends Record<string, unknown>
         selectionEnabled?: boolean;
     }
 ): React.ComponentType<BoardItemViewProps<Entity<M>>> {
-    return function EntityBoardCardWrapper(props: BoardItemViewProps<Entity<M>>) {
+    return function BoardCardBindingWrapper(props: BoardItemViewProps<Entity<M>>) {
         return (
-            <EntityBoardCard
+            <BoardCardBinding
                 {...props}
                 collection={collection}
                 onClick={options.onClick}