@rebasepro/admin 0.7.0 → 0.9.0

package/src/components/SideDialogs.tsx

@@ -4,7 +4,7 @@ import { useSideDialogsController } from "../hooks";
 import { Sheet, Dialog } from "@rebasepro/ui";
 import { useUnsavedChangesDialog, UnsavedChangesDialog } from "@rebasepro/core";
 import { ErrorBoundary } from "@rebasepro/ui";
-import type { EntitySidePanelProps } from "@rebasepro/types";
+import type { SidePanelBindingProps } from "@rebasepro/types";
 
 
 export type SideDialogController = {
@@ -41,7 +41,7 @@ export const useSideDialogContext = () => useContext<SideDialogController>(SideD
 
 /**
  * This is the component in charge of rendering the side dialogs used
- * for editing entities. Use the {@link useSideEntityController} to open
+ * for editing entities. Use the {@link useSidePanel} to open
  * and control the dialogs.
  * This component needs a parent {@link Rebase}
  * {@link useSideDialogsController}
@@ -146,7 +146,7 @@ function SideDialogView({
         setPendingClose
     }), [blocked, setBlockedNavigationMessage, width, onCloseRequest, pendingClose]);
 
-    const additionalProps = panel?.additional as EntitySidePanelProps | undefined;
+    const additionalProps = panel?.additional as SidePanelBindingProps | undefined;
     const isDialogMode = additionalProps?.collection?.openEntityMode === "dialog";
 
     return (

package/src/components/{EntitySidePanel.tsx → SidePanelBinding.tsx}

@@ -1,28 +1,28 @@
-import type { EntityCollection } from "@rebasepro/types";
-import type { EntitySidePanelProps } from "@rebasepro/types";
+import type { CollectionConfig } from "@rebasepro/types";
+import type { SidePanelBindingProps } from "@rebasepro/types";
 import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
 
 import type { OnUpdateParams } from "../types/components/EntityFormProps";
 import { ErrorBoundary } from "@rebasepro/ui";
 import { IconButton, Maximize2Icon, XIcon } from "@rebasepro/ui";
-import { EntityEditView } from "./EntityEditView";
-import { EntityDetailView } from "./EntityDetailView";
+import { EditViewBinding } from "./EditViewBinding";
+import { DetailViewBinding } from "./DetailViewBinding";
 import { useSideDialogContext } from "./SideDialogs";
 import { useNavigate } from "react-router-dom";
 import { saveEntityToMemoryCache, useComponentOverride } from "@rebasepro/core";
-import { useCollectionRegistryController, useSideEntityController } from "../index";
+import { useCollectionRegistryController, useSidePanel } from "../index";
 import { useUrlController } from "../index";
 import { resolveDefaultSelectedView } from "@rebasepro/common";
 
 /**
  * This is the component in charge of rendering the side dialog used
- * for editing entities. Use the {@link useSideEntityController} to open
+ * for editing entities. Use the {@link useSidePanel} to open
  * and control the dialogs.
  * This component needs a parent {@link Rebase}
- * {@link useSideEntityController}
+ * {@link useSidePanel}
  * @group Components
  */
-export function EntitySidePanel(props: EntitySidePanelProps) {
+export function SidePanelBinding(props: SidePanelBindingProps) {
 
     const {
         allowFullScreen = true,
@@ -32,7 +32,7 @@ export function EntitySidePanel(props: EntitySidePanelProps) {
         formProps
     } = props;
 
-    const ResolvedDetailView = useComponentOverride("Entity.DetailView", EntityDetailView);
+    const ResolvedDetailView = useComponentOverride("DetailView", DetailViewBinding);
 
     const {
         blocked,
@@ -43,7 +43,7 @@ export function EntitySidePanel(props: EntitySidePanelProps) {
 
     const navigate = useNavigate();
 
-    const sideEntityController = useSideEntityController();
+    const sidePanelController = useSidePanel();
     const collectionRegistryController = useCollectionRegistryController();
     const sideDialogsController = useSideDialogContext();
     const urlController = useUrlController();
@@ -63,7 +63,7 @@ export function EntitySidePanel(props: EntitySidePanelProps) {
         }
         setShowEditInPanel(false);
         if (params.status !== "existing") {
-            sideEntityController.replace({
+            sidePanelController.replace({
                 path: params.path,
                 entityId: params.entityId,
                 selectedTab: params.selectedTab,
@@ -102,7 +102,7 @@ export function EntitySidePanel(props: EntitySidePanelProps) {
     // defaultSelectedView, update the panel width and URL to match.
     // This handles cases where defaultSelectedView is set via the collection
     // editor / Studio and is not available on the collection object the
-    // caller passed to sideEntityController.open().
+    // caller passed to sidePanelController.open().
     const hasCorrectedDefaultView = useRef(false);
     useEffect(() => {
         hasCorrectedDefaultView.current = false;
@@ -119,7 +119,7 @@ entityId }
         );
         if (effectiveDefault && effectiveDefault !== "edit") {
             hasCorrectedDefaultView.current = true;
-            sideEntityController.replace({
+            sidePanelController.replace({
                 path,
                 entityId,
                 selectedTab: effectiveDefault,
@@ -127,7 +127,7 @@ entityId }
                 collection
             });
         }
-    }, [selectedTab, entityId, collection, path, sideEntityController]);
+    }, [selectedTab, entityId, collection, path, sidePanelController]);
 
     // Note: beforeunload is handled by useUnsavedChangesDialog in SideDialogView,
     // which listens to the same `blocked` state via SideDialogContext.
@@ -150,7 +150,7 @@ entityId }
                     ? <ResolvedDetailView
                         path={path}
                         layout={collection?.openEntityMode === "dialog" ? "dialog" : "side_panel"}
-                        collection={collection as EntityCollection}
+                        collection={collection as CollectionConfig}
                         entityId={entityId!}
                         parentCollectionSlugs={parentCollectionSlugs}
                         parentEntityIds={parentEntityIds}
@@ -186,7 +186,7 @@ entityId }
                                 return;
                             }
                             if (tabEntityId) {
-                                sideEntityController.replace({
+                                sidePanelController.replace({
                                     path,
                                     entityId: tabEntityId,
                                     selectedTab,
@@ -196,10 +196,10 @@ entityId }
                             }
                         }}
                     />
-                    : <EntityEditView
+                    : <EditViewBinding
                         {...props}
                         layout={collection?.openEntityMode === "dialog" ? "dialog" : "side_panel"}
-                        collection={collection as EntityCollection}
+                        collection={collection as CollectionConfig}
                         parentCollectionSlugs={parentCollectionSlugs} parentEntityIds={parentEntityIds}
                         onValuesModified={onValuesModified}
                         onSaved={onUpdate}
@@ -242,7 +242,7 @@ entityId }
                                 return;
                             }
                             if (tabEntityId) {
-                                sideEntityController.replace({
+                                sidePanelController.replace({
                                     path,
                                     entityId: tabEntityId,
                                     selectedTab,

package/src/components/{SideEntityProvider.tsx → SidePanelProvider.tsx}

@@ -1,8 +1,8 @@
-import type { SideEntityController } from "@rebasepro/types";
+import type { SidePanelController } from "@rebasepro/types";
 import React from "react";
-import { useBuildSideEntityController } from "../hooks/useBuildSideEntityController";
+import { useBuildSidePanel } from "../hooks/useBuildSidePanel";
 import { useBuildSideDialogsController } from "../hooks/useBuildSideDialogsController";
-import { SideEntityControllerContext } from "../hooks/useSideEntityController";
+import { SidePanelControllerContext } from "../hooks/useSidePanel";
 import { SideDialogsControllerContext } from "../contexts/SideDialogsControllerContext";
 import { BreadcrumbsProvider } from "../contexts/BreacrumbsContext";
 import { useBreadcrumbsController } from "../hooks/useBreadcrumbsController";
@@ -11,13 +11,13 @@ import { useNavigationStateController } from "../index";
 import { useAuthController, useBridgeRegistration } from "@rebasepro/core";
 
 /**
- * Provider that builds the SideEntityController and makes it available
- * via the SideEntityControllerContext from @rebasepro/core.
+ * Provider that builds the SidePanelController and makes it available
+ * via the SidePanelControllerContext from @rebasepro/core.
  *
- * After the CMS extraction refactor, `useBuildSideEntityController` lives
+ * After the CMS extraction refactor, `useBuildSidePanel` lives
  * in the CMS package while the context it feeds into lives in core.
  * This provider bridges the two: place it inside the `<Rebase>` tree and
- * above any component that calls `useSideEntityController()`.
+ * above any component that calls `useSidePanel()`.
  *
  * Also auto-registers the side entity controller and breadcrumbs into the
  * self-assembling Studio bridge (when a StudioBridgeRegistryProvider is
@@ -27,25 +27,25 @@ import { useAuthController, useBridgeRegistration } from "@rebasepro/core";
  * ```tsx
  * <Rebase ...>
  *   {({ loading }) => (
- *     <SideEntityProvider>
+ *     <SidePanelProvider>
  *       <RebaseRoutes>
  *         ...
  *       </RebaseRoutes>
- *     </SideEntityProvider>
+ *     </SidePanelProvider>
  *   )}
  * </Rebase>
  * ```
  *
  * @group Components
  */
-export function SideEntityProvider({ children }: { children: React.ReactNode }) {
+export function SidePanelProvider({ children }: { children: React.ReactNode }) {
     const collectionRegistryController = useCollectionRegistryController();
     const urlController = useUrlController();
     const navigationStateController = useNavigationStateController();
     const sideDialogsController = useBuildSideDialogsController();
     const authController = useAuthController();
 
-    const sideEntityController = useBuildSideEntityController(
+    const sidePanelController = useBuildSidePanel(
         collectionRegistryController,
         urlController,
         navigationStateController,
@@ -56,10 +56,10 @@ export function SideEntityProvider({ children }: { children: React.ReactNode })
     return (
         <BreadcrumbsProvider>
             <SideDialogsControllerContext.Provider value={sideDialogsController}>
-                <SideEntityControllerContext.Provider value={sideEntityController}>
-                    <BridgeAutoRegistrar sideEntityController={sideEntityController}/>
+                <SidePanelControllerContext.Provider value={sidePanelController}>
+                    <BridgeAutoRegistrar sidePanelController={sidePanelController}/>
                     {children}
-                </SideEntityControllerContext.Provider>
+                </SidePanelControllerContext.Provider>
             </SideDialogsControllerContext.Provider>
         </BreadcrumbsProvider>
     );
@@ -69,9 +69,9 @@ export function SideEntityProvider({ children }: { children: React.ReactNode })
  * Internal component that auto-registers side entity and breadcrumbs
  * into the Studio bridge. Must be a child of BreadcrumbsProvider.
  */
-function BridgeAutoRegistrar({ sideEntityController }: { sideEntityController: SideEntityController }) {
+function BridgeAutoRegistrar({ sidePanelController }: { sidePanelController: SidePanelController }) {
     const breadcrumbs = useBreadcrumbsController();
-    useBridgeRegistration("sideEntityController", sideEntityController);
+    useBridgeRegistration("sidePanelController", sidePanelController);
     useBridgeRegistration("breadcrumbs", breadcrumbs);
     return null;
 }

package/src/components/common/default_entity_actions.tsx

@@ -1,14 +1,19 @@
 import { CopyIcon, iconSize, KeyRoundIcon, PencilIcon, Trash2Icon } from "@rebasepro/ui";
 import type { EntityAction, User, UserCreationResult } from "@rebasepro/types";
-import { ConfirmationDialog, useSnackbarController, useTranslation, useRebaseClient, useAuthController } from "@rebasepro/core";
+import {
+    ConfirmationDialog,
+    useAuthController,
+    useRebaseClient,
+    useSnackbarController,
+    useTranslation
+} from "@rebasepro/core";
 import { DeleteEntityDialog } from "../DeleteEntityDialog";
-import { addRecentId } from "../EntityCollectionView/utils";
+import { addRecentId } from "../CollectionViewBinding/utils";
 import { navigateToEntity } from "../../util/navigation_utils";
 import { resolveDefaultSelectedView } from "@rebasepro/common";
 import { CreationResultDialog } from "../admin/CreationResultDialog";
 import React, { useState } from "react";
 
-
 export const editEntityAction: EntityAction = {
     icon: <PencilIcon size={iconSize.smallest}/>,
     key: "edit",
@@ -20,7 +25,7 @@ export const editEntityAction: EntityAction = {
         collection,
         path,
         context,
-        sideEntityController,
+        sidePanelController,
         highlightEntity,
         unhighlightEntity,
         openEntityMode
@@ -30,8 +35,8 @@ export const editEntityAction: EntityAction = {
             throw new Error("INTERNAL: editEntityAction: Entity is undefined");
         }
 
-        if (!sideEntityController) {
-            throw new Error("INTERNAL: editEntityAction: sideEntityController is undefined");
+        if (!sidePanelController) {
+            throw new Error("INTERNAL: editEntityAction: sidePanelController is undefined");
         }
 
         highlightEntity?.(entity);
@@ -55,14 +60,17 @@ export const editEntityAction: EntityAction = {
                     entityId: entity.id
                 }
             );
+        if (!context?.urlController) {
+            throw new Error("INTERNAL: editEntityAction: urlController is undefined");
+        }
         navigateToEntity({
             openEntityMode,
             collection,
             entityId: entity.id,
             path: newFullIdPath,
-            sideEntityController,
+            sidePanelController,
             onClose: () => unhighlightEntity?.(entity),
-            navigation: context?.urlController!,
+            navigation: context.urlController,
             selectedTab: defaultSelectedView
         });
 
@@ -80,7 +88,7 @@ export const copyEntityAction: EntityAction = {
         collection,
         context,
         path,
-        sideEntityController,
+        sidePanelController,
         highlightEntity,
         unhighlightEntity,
         openEntityMode
@@ -88,8 +96,8 @@ export const copyEntityAction: EntityAction = {
         if (!entity) {
             throw new Error("INTERNAL: copyEntityAction: Entity is undefined");
         }
-        if (!sideEntityController) {
-            throw new Error("INTERNAL: copyEntityAction: sideEntityController is undefined");
+        if (!sidePanelController) {
+            throw new Error("INTERNAL: copyEntityAction: sidePanelController is undefined");
         }
         highlightEntity?.(entity);
         context?.analyticsController?.onAnalyticsEvent?.("copy_entity_click", {
@@ -98,15 +106,18 @@ export const copyEntityAction: EntityAction = {
         });
 
         const usedPath = path ?? collection?.slug ?? entity.path;
+        if (!context?.urlController) {
+            throw new Error("INTERNAL: copyEntityAction: urlController is undefined");
+        }
         navigateToEntity({
             openEntityMode,
             collection,
             entityId: entity.id,
             path: usedPath,
             copy: true,
-            sideEntityController,
+            sidePanelController,
             onClose: () => unhighlightEntity?.(entity),
-            navigation: context?.urlController!
+            navigation: context.urlController
         });
 
         return Promise.resolve(undefined);

package/src/components/field_configs.tsx

@@ -9,7 +9,6 @@ import { KeyValueFieldBinding } from "../form/field_bindings/KeyValueFieldBindin
 import { MapFieldBinding } from "../form/field_bindings/MapFieldBinding";
 import { MarkdownEditorFieldBinding } from "../form/field_bindings/MarkdownEditorFieldBinding";
 import { MultiSelectFieldBinding } from "../form/field_bindings/MultiSelectFieldBinding";
-import { ReferenceAsStringFieldBinding } from "../form/field_bindings/ReferenceAsStringFieldBinding";
 import { ReferenceFieldBinding } from "../form/field_bindings/ReferenceFieldBinding";
 import { RepeatFieldBinding } from "../form/field_bindings/RepeatFieldBinding";
 import { SelectFieldBinding } from "../form/field_bindings/SelectFieldBinding";
@@ -220,17 +219,6 @@ Field: TextFieldBinding }
             ui: { Field: StorageUploadFieldBinding }
         }
     },
-    reference_as_string: {
-        key: "reference_as_string",
-        name: "Reference (as string)",
-        description: "The value refers to a different collection (it is saved as a string)",
-        Icon: LinkIcon,
-        color: "#154fb3",
-        property: {
-            type: "string",
-            ui: { Field: ReferenceAsStringFieldBinding }
-        }
-    },
     reference: {
         key: "reference",
         name: "Reference",
@@ -393,8 +381,6 @@ export function getDefaultFieldId(property: Property) {
             return "select";
         } else if (property.userSelect) {
             return "user_select";
-        } else if ((property as StringProperty).reference) {
-            return "reference_as_string";
         } else {
             return "text_field";
         }

package/src/components/history/EntityHistoryEntry.tsx

@@ -1,4 +1,4 @@
-import type { EntityCollection } from "@rebasepro/types";
+import type { CollectionConfig } from "@rebasepro/types";
 import type { Property } from "@rebasepro/types";
 import * as React from "react";
 
@@ -39,7 +39,7 @@ function deepEqual(a: unknown, b: unknown): boolean {
 export type EntityHistoryEntryProps = {
     size: PreviewSize;
     actions?: React.ReactNode;
-    collection?: EntityCollection;
+    collection?: CollectionConfig;
     hover?: boolean;
     entry: HistoryEntryData;
     onClick?: (e: React.SyntheticEvent) => void;

package/src/components/history/EntityHistoryView.tsx

@@ -7,7 +7,7 @@ import { EntityHistoryEntry } from "./EntityHistoryEntry";
 import { useSnackbarController, useAuthController } from "@rebasepro/core";
 import { ConfirmationDialog } from "@rebasepro/core";
 import { useState } from "react";
-import { useEntityHistory } from "../../index";
+import { useHistory } from "../../index";
 
 /**
  * Entity history tab view. Shows a paginated list of entity revisions
@@ -32,7 +32,7 @@ export function EntityHistoryView<M extends Record<string, unknown>>({
         hasMore,
         loadMore,
         revert
-    } = useEntityHistory({
+    } = useHistory({
         slug,
         entityId,
         enabled: !!entityId,
@@ -136,7 +136,7 @@ export function EntityHistoryView<M extends Record<string, unknown>>({
                     No history available
                 </Label>
                 <Typography variant={"caption"} className={"ml-4"}>
-                    When you save an entity, a new version is created and stored in the history.
+                    When you save a entity, a new version is created and stored in the history.
                 </Typography>
             </>}
 

package/src/components/history/LastEditedByIndicator.tsx

@@ -1,4 +1,4 @@
-import type { EntityCollection } from "@rebasepro/types";
+import type { CollectionConfig } from "@rebasepro/types";
 import React, { useEffect, useState, useCallback } from "react";
 ;
 import { useApiConfig } from "@rebasepro/core";
@@ -31,7 +31,7 @@ export function LastEditedByIndicator({
 }: {
     path: string;
     entityId: string;
-    collection: EntityCollection;
+    collection: CollectionConfig;
 }) {
     const apiConfig = useApiConfig();
     const authController = useAuthController();

package/src/components/index.ts

@@ -1,36 +1,37 @@
-export type { EntityViewProps } from "./EntityView";
-export { EntityView } from "./EntityView";
+export type { EntityViewBindingProps } from "./EntityViewBinding";
+export { EntityViewBinding } from "./EntityViewBinding";
 
-export * from "./EntityDetailView";
+export * from "./DetailViewBinding";
 
-export type { EntitySelectionProps } from "./ReferenceTable/EntitySelectionTable";
-export { EntitySelectionTable } from "./ReferenceTable/EntitySelectionTable";
+export type { SelectionProps } from "./ReferenceTable/SelectionTableBinding";
+export { SelectionTableBinding } from "./ReferenceTable/SelectionTableBinding";
 
 export * from "./SelectableTable/SelectableTable";
 export * from "./SelectableTable/SelectableTableContext";
-export * from "./EntityCollectionView/EntityCollectionView";
-export * from "./EntityCollectionView/EntityCollectionViewActions";
-export * from "./EntityCollectionView/EntityCollectionCardView";
-export * from "./EntityCollectionView/EntityCard";
-export * from "./EntityCollectionView/useSelectionController";
+export * from "./SelectableTable/filters/FilterFieldBinding";
+export * from "./CollectionViewBinding/CollectionViewBinding";
+export * from "./CollectionViewBinding/CollectionViewActions";
+export * from "./CollectionViewBinding/CollectionCardViewBinding";
+export * from "./CollectionViewBinding/EntityCardBinding";
+export * from "./CollectionViewBinding/useSelectionController";
 
 export * from "./PropertyConfigBadge";
 export * from "./PropertyIdCopyTooltip";
 
-export * from "./EntityCollectionTable";
+export * from "./CollectionTableBinding";
 // VirtualTable is exported from @rebasepro/ui
 export * from "./ArrayContainer";
 export * from "./ReferenceWidget";
 export * from "./SearchIconsView";
 export * from "./FieldCaption";
-export * from "./EntityPreview";
+export * from "./EntityPreviewBinding";
 
-// history is lazy-loaded by EntityEditView and resolutions.ts
+// history is lazy-loaded by EditViewBinding and resolutions.ts
 // export * from "./history";
 export * from "./common";
 export * from "./field_configs";
 
-export * from "./SideEntityProvider";
+export * from "./SidePanelProvider";
 export * from "./AdminModeSyncer";
 // Admin views: only CreationResultDialog remains (used by resetPasswordAction)
 export * from "./app/AppBar";

package/src/contexts/SidePanelControllerContext.tsx

@@ -0,0 +1,5 @@
+import type { SidePanelController } from "@rebasepro/types";
+import React from "react";
+;
+
+export const SidePanelControllerContext = React.createContext<SidePanelController>({} as SidePanelController);

package/src/data_export/export/ExportCollectionAction.tsx

@@ -8,7 +8,7 @@ import {
     useTranslation
 } from "@rebasepro/core";
 import { useCMSContext } from "../../hooks";
-import { CollectionActionsProps, Entity, EntityCollection, ExportConfig, RebaseContext, User } from "@rebasepro/types";
+import { CollectionActionsProps, Entity, CollectionConfig, ExportConfig, RebaseContext, User } from "@rebasepro/types";
 import { getDefaultValuesFor } from "@rebasepro/common";
 import {
     Alert,
@@ -38,8 +38,8 @@ export function ExportCollectionAction<M extends Record<string, unknown>, USER e
     onAnalyticsEvent,
     exportAllowed,
     notAllowedView
-}: CollectionActionsProps<M, USER, EntityCollection<M>> & {
-    exportAllowed?: (props: { collectionEntitiesCount: number, path: string, collection: EntityCollection }) => boolean;
+}: CollectionActionsProps<M, USER, CollectionConfig<M>> & {
+    exportAllowed?: (props: { collectionEntitiesCount: number, path: string, collection: CollectionConfig }) => boolean;
     notAllowedView?: React.ReactNode;
     onAnalyticsEvent?: (event: string, params?: any) => void;
 }) {
@@ -115,7 +115,7 @@ export function ExportCollectionAction<M extends Record<string, unknown>, USER e
         return [...resolvedExportColumnsValues, ...resolvedColumnsValues];
     }, [exportConfig?.additionalFields]);
 
-    const doDownload = useCallback(async (collection: EntityCollection<M>,
+    const doDownload = useCallback(async (collection: CollectionConfig<M>,
         exportConfig: ExportConfig<any> | undefined) => {
 
         onAnalyticsEvent?.("export_collection", {

package/src/data_import/components/ImportSaveInProgress.tsx

@@ -1,11 +1,11 @@
 import { useData } from "@rebasepro/core";
-import { Entity, EntityCollection } from "@rebasepro/types";
+import { Entity, CollectionConfig } from "@rebasepro/types";
 import { RebaseData } from "@rebasepro/types";
 import { Button, CenteredView, CircularProgress, Typography } from "@rebasepro/ui";
 import { useEffect, useRef, useState } from "react";
 import { ImportConfig } from "../types";
 
-export function ImportSaveInProgress<C extends EntityCollection<any>>
+export function ImportSaveInProgress<C extends CollectionConfig<any>>
     ({
         path,
         importConfig,
@@ -95,7 +95,7 @@ export function ImportSaveInProgress<C extends EntityCollection<any>>
 }
 
 function saveDataBatch(dataClient: RebaseData,
-    collection: EntityCollection,
+    collection: CollectionConfig,
     path: string,
     data: Partial<Entity<any>>[],
     offset = 0,

package/src/data_import/import/ImportCollectionAction.tsx

@@ -5,13 +5,13 @@ import {
     useSnackbarController
 } from "@rebasepro/core";
 import { getPropertiesWithPropertiesOrder, getPropertyInPath } from "../../util";
-import { CollectionActionsProps, Properties, Property, User, EntityCollection } from "@rebasepro/types";
+import { CollectionActionsProps, Properties, Property, User, CollectionConfig } from "@rebasepro/types";
 import {
     getFieldConfig,
     PropertyConfigBadge,
     useSelectionController
 } from "../../components";
-import { EntityCollectionTable } from "../../components/EntityCollectionTable/EntityCollectionTable";
+import { CollectionTableBinding } from "../../components/CollectionTableBinding/CollectionTableBinding";
 import { useCollectionRegistryController } from "../../hooks";
 import {
     Button,
@@ -176,7 +176,7 @@ export function ImportCollectionAction<M extends Record<string, unknown>, USER e
 
                 {step === "import_data_saving" && importConfig &&
                     <ImportSaveInProgress importConfig={importConfig}
-                        collection={collection as EntityCollection}
+                        collection={collection as CollectionConfig}
                         path={path}
                         onImportSuccess={(importedCollection) => {
                             handleClose();
@@ -396,7 +396,7 @@ export function ImportDataPreview<M extends Record<string, unknown>>({
 
     const selectionController = useSelectionController();
 
-    return <EntityCollectionTable
+    return <CollectionTableBinding
         title={<div>
             <Typography variant={"subtitle2"}>Imported data preview</Typography>
             <Typography variant={"caption"}>Entities with the same id will be overwritten</Typography>

package/src/data_import/utils/data.ts

@@ -1,5 +1,5 @@
 import { getPropertyInPath } from "../../util";
-import { AuthController, Entity, EntityCollection, EntityReference, CollectionRegistryController, Properties, Property, Vector } from "@rebasepro/types";
+import { AuthController, Entity, CollectionConfig, EntityReference, CollectionRegistryController, Properties, Property, Vector } from "@rebasepro/types";
 import { isPropertyBuilder } from "@rebasepro/common";
 import { unflattenObject } from "./file_to_json";
 import { getIn } from "@rebasepro/formex";
@@ -148,7 +148,7 @@ export function processValueMapping(authController: AuthController, value: any,
 
         // If no explicit database was provided in the string, try to get it from the collection
         if (databaseId === undefined) {
-            const targetCollection: EntityCollection<any> | undefined = navigation.getCollection(path);
+            const targetCollection: CollectionConfig<any> | undefined = navigation.getCollection(path);
             databaseId = targetCollection?.databaseId;
         }
 

package/src/editor/editor.tsx

@@ -1,7 +1,7 @@
 "use client";
 import React, { useEffect, useState, useRef, useMemo } from "react";
 import { EditorState, Selection } from "prosemirror-state";
-import { cls, defaultBorderMixin, Separator, useInjectStyles, TextareaAutosize } from "@rebasepro/ui";
+import { cls, defaultBorderMixin, Separator, TextareaAutosize, useInjectStyles } from "@rebasepro/ui";
 import { useTranslation } from "@rebasepro/core";
 import { EditorBubble, ImageBubble, SlashCommandMenu, TableBubble, type JSONContent } from "./components";
 import { NodeSelector } from "./selectors/node-selector";
@@ -26,8 +26,7 @@ export interface MarkdownEditorConfig {
 }
 
 export type RichTextEditorTextSize = "sm" | "base" | "lg";
-/** @deprecated Use `RichTextEditorTextSize` instead. */
-export type RebaseEditorTextSize = RichTextEditorTextSize;
+
 
 export type RichTextEditorProps = {
   content?: JSONContent | string,
@@ -43,8 +42,7 @@ export type RichTextEditorProps = {
   disabled?: boolean;
   markdownConfig?: MarkdownEditorConfig;
 };
-/** @deprecated Use `RichTextEditorProps` instead. */
-export type RebaseEditorProps = RichTextEditorProps;
+
 
 const proseClasses = {
   "sm": "prose-sm",
@@ -324,8 +322,7 @@ view }), [state, view])}>
     </div>
   );
 };
-/** @deprecated Use `RichTextEditor` instead. */
-export const RebaseEditor = RichTextEditor;
+
 
 const cssStyles = `
 .ProseMirror {