@rebasepro/admin 0.7.0 → 0.9.0

package/src/components/HomePage/ContentHomePage.tsx

@@ -76,7 +76,7 @@ export function ContentHomePage({
     // Content mode shows collections, CMS custom views, and admin entries — but not Studio dev views.
     const rawNavigationEntries = useMemo(() => {
         if (adminModeController.mode === "studio") {
-            return unFilteredNavigationEntries.filter(e => e.type === "view" || e.type === "admin");
+            return unFilteredNavigationEntries.filter(e => (e.type === "view" && studioViewSlugs.has(e.slug)) || e.type === "admin");
         }
         return unFilteredNavigationEntries.filter(e => e.type !== "view" || !studioViewSlugs.has(e.slug));
     }, [unFilteredNavigationEntries, adminModeController.mode, studioViewSlugs]);

package/src/components/HomePage/NavigationCardBinding.tsx

@@ -1,4 +1,4 @@
-import type { NavigationEntry, EntityCollection } from "@rebasepro/types";
+import type { NavigationEntry, CollectionConfig } from "@rebasepro/types";
 import { useNavigate } from "react-router-dom";
 ;
 import { IconButton, StarIcon, Tooltip } from "@rebasepro/ui";

package/src/components/{EntityJsonPreview.tsx → JsonPreviewBinding.tsx}

@@ -2,7 +2,7 @@ import React, { useRef } from "react";
 import { Highlight, themes } from "prism-react-renderer";
 import { useModeController } from "@rebasepro/core";
 
-export function EntityJsonPreview({ values }: { values: object }) {
+export function JsonPreviewBinding({ values }: { values: object }) {
     const code = JSON.stringify(values, null, "\t");
     const { mode } = useModeController();
     const preRef = useRef<HTMLPreElement>(null);

package/src/components/RebaseCMS.tsx

@@ -10,7 +10,7 @@ import type { RebaseCMSConfig } from "@rebasepro/types";
  * is auto-wired as a native feature (slots, provider, Studio view) without
  * needing any external plugin.
  */
-export function RebaseCMS({ collections, views, homePage, entityViews, entityActions, plugins, collectionEditor, navigationGroupMappings }: RebaseCMSConfig) {
+export function RebaseCMS({ collections, views, homePage, entityViews, entityActions, collectionEditor, navigationGroupMappings, basePath }: RebaseCMSConfig) {
     const dispatch = useRebaseRegistryDispatch();
 
     useLayoutEffect(() => {
@@ -19,11 +19,11 @@ views,
 homePage,
 entityViews,
 entityActions,
-plugins,
 collectionEditor,
-navigationGroupMappings });
+navigationGroupMappings,
+basePath });
         return () => dispatch.unregisterCMS();
-    }, [dispatch, collections, views, homePage, entityViews, entityActions, plugins, collectionEditor, navigationGroupMappings]);
+    }, [dispatch, collections, views, homePage, entityViews, entityActions, collectionEditor, navigationGroupMappings, basePath]);
 
     return null;
 }

package/src/components/RebaseNavigation.tsx

@@ -16,12 +16,12 @@ import {
 } from "@rebasepro/core";
 import { buildRoutedRebaseData, resolveDataSource } from "@rebasepro/common";
 import { CircularProgressCenter } from "@rebasepro/ui";
-import type { AppView, CollectionEditorOptions, EntityCustomView, EntityAction, EntityCollection, RebasePlugin } from "@rebasepro/types";
+import type { AppView, CollectionEditorOptions, EntityCustomView, EntityAction, CollectionConfig, RebasePlugin } from "@rebasepro/types";
 import type { CollectionRegistryController } from "@rebasepro/types";
 import type { UrlController, NavigationStateController } from "@rebasepro/types";
 
 const EMPTY_PLUGINS: RebasePlugin[] = [];
-const EMPTY_COLLECTIONS: EntityCollection[] = [];
+const EMPTY_COLLECTIONS: CollectionConfig[] = [];
 
 import { useBuildNavigationStateController } from "../hooks/navigation/useBuildNavigationStateController";
 import { useBuildUrlController } from "../hooks/navigation/useBuildUrlController";
@@ -31,7 +31,7 @@ import { CollectionRegistryContext } from "../hooks/navigation/contexts/Collecti
 import { UrlContext } from "../hooks/navigation/contexts/UrlContext";
 import { NavigationStateContext } from "../hooks/navigation/contexts/NavigationStateContext";
 
-import { SideEntityProvider } from "./SideEntityProvider";
+import { SidePanelProvider } from "./SidePanelProvider";
 
 // Collection editor internals — used when collectionEditor is enabled
 import { useLocalCollectionsConfigController } from "../collection_editor/useLocalCollectionsConfigController";
@@ -61,7 +61,7 @@ export interface RebaseNavigationProps {
  * ```tsx
  * <RebaseNavigation>
  *   <MyCustomLayout>
- *     <EntityCollectionView ... />
+ *     <CollectionViewBinding ... />
  *   </MyCustomLayout>
  * </RebaseNavigation>
  * ```
@@ -109,8 +109,17 @@ export function RebaseNavigation({ children }: RebaseNavigationProps) {
         resolveKey: (slugOrPath) => resolveDataSource(getCollectionRef.current(slugOrPath), dataSources.registry).key
     }), [defaultData, dataSources]);
 
+    // Normalize the configured mount prefix to a leading-slash, no-trailing-slash
+    // form (e.g. "admin" or "/admin/" -> "/admin"); empty/"/" stays "/".
+    const basePath = useMemo(() => {
+        const raw = registry.cmsConfig?.basePath;
+        if (!raw || raw === "/") return "/";
+        const trimmed = raw.replace(/^\/+/, "").replace(/\/+$/, "");
+        return trimmed ? `/${trimmed}` : "/";
+    }, [registry.cmsConfig?.basePath]);
+
     const urlController = useBuildUrlController({
-        basePath: "/",
+        basePath,
         baseCollectionPath: "/c",
         collectionRegistryController
     });
@@ -195,8 +204,10 @@ export function RebaseNavigation({ children }: RebaseNavigationProps) {
         return [...cmsViews, ...devViews];
     }, [cmsViews, devViews]);
 
+    const parentCustomizationController = useCustomizationController();
+
     const navigationStateController = useBuildNavigationStateController({
-        plugins: registry.cmsConfig?.plugins ?? EMPTY_PLUGINS,
+        plugins: parentCustomizationController.plugins ?? EMPTY_PLUGINS,
         collections: collectionsBuilder,
         views: mergedViews,
         navigationGroupMappings: registry.cmsConfig?.navigationGroupMappings,
@@ -211,9 +222,8 @@ export function RebaseNavigation({ children }: RebaseNavigationProps) {
     // The <Rebase> component builds the customizationController from its own props,
     // but entity views passed to <RebaseCMS> are stored in the registry and not
     // automatically merged. We re-provide an enriched controller here so that
-    // downstream consumers (EntityEditView, side panels, etc.) can resolve
+    // downstream consumers (EditViewBinding, side panels, etc.) can resolve
     // string-keyed entity views like "blog_preview".
-    const parentCustomizationController = useCustomizationController();
     const enrichedCustomizationController = useMemo(() => {
         const cmsEntityViews = (registry.cmsConfig?.entityViews ?? []) as EntityCustomView[];
         const cmsEntityActions = (registry.cmsConfig?.entityActions ?? []) as EntityAction[];
@@ -244,14 +254,14 @@ export function RebaseNavigation({ children }: RebaseNavigationProps) {
             <CollectionRegistryContext.Provider value={collectionRegistryController}>
                 <UrlContext.Provider value={urlController}>
                     <NavigationStateContext.Provider value={navigationStateController}>
-                        <SideEntityProvider>
+                        <SidePanelProvider>
                             <BridgeAutoRegistrar
                                 collectionRegistryController={collectionRegistryController}
                                 urlController={urlController}
                                 navigationStateController={navigationStateController}
                             />
                             {children}
-                        </SideEntityProvider>
+                        </SidePanelProvider>
                     </NavigationStateContext.Provider>
                 </UrlContext.Provider>
             </CollectionRegistryContext.Provider>

package/src/components/ReferenceTable/{EntitySelectionTable.tsx → SelectionTableBinding.tsx}

@@ -1,12 +1,13 @@
-import type { EntityCollection } from "@rebasepro/types";
+import type { CollectionConfig } from "@rebasepro/types";
 import React, { MouseEventHandler, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { CollectionSize, Entity, FilterValues } from "@rebasepro/types";
 
 import {
-    EntityCollectionRowActions,
-    EntityCollectionTable
-} from "../EntityCollectionTable";
+    CollectionRowActions,
+    CollectionTableBinding
+} from "../CollectionTableBinding";
 import {
+    CollectionScopeProvider,
     useAuthController,
     useCustomizationController,
     useData,
@@ -17,17 +18,17 @@ import {
 import { ErrorView } from "@rebasepro/core";
 import { Button, DialogActions, PlusIcon, Typography } from "@rebasepro/ui";
 import { IconForView } from "@rebasepro/core";
-import { useSelectionController } from "../EntityCollectionView/useSelectionController";
+import { useSelectionController } from "../CollectionViewBinding/useSelectionController";
 
 import { useColumnIds } from "@rebasepro/core";
 import { useSideDialogContext } from "../SideDialogs";
 import { useAnalyticsController } from "@rebasepro/core";
-import { useUrlController, useSideEntityController } from "../../index";
+import { useUrlController, useSidePanel } from "../../index";
 
 /**
  * @group Components
  */
-export interface EntitySelectionProps<M extends Record<string, unknown>> {
+export interface SelectionProps<M extends Record<string, unknown>> {
 
     /**
      * Allow multiple selection of values
@@ -37,7 +38,7 @@ export interface EntitySelectionProps<M extends Record<string, unknown>> {
     /**
      * Entity collection config
      */
-    collection?: EntityCollection<M>;
+    collection?: CollectionConfig<M>;
 
     /**
      * Absolute path of the collection.
@@ -87,20 +88,20 @@ export interface EntitySelectionProps<M extends Record<string, unknown>> {
 
 /**
  * This component allows to select entities from a given collection.
- * You probably want to open this dialog as a side view using {@link useEntitySelectionTable}
+ * You probably want to open this dialog as a side view using {@link useSelectionTableBinding}
  * @group Components
  */
-export function EntitySelectionTable<M extends Record<string, unknown>>(
-    props: EntitySelectionProps<M>
+export function SelectionTableBinding<M extends Record<string, unknown>>(
+    props: SelectionProps<M>
 ) {
     if (!props.collection) {
         return <ErrorView
             error={"Could not find collection"}/>
     }
-    return <EntitySelectionTableInternal {...props} collection={props.collection} />;
+    return <SelectionTableBindingInternal {...props} collection={props.collection} />;
 }
 
-function EntitySelectionTableInternal<M extends Record<string, unknown>>(
+function SelectionTableBindingInternal<M extends Record<string, unknown>>(
     {
         onSingleEntitySelected,
         onMultipleEntitiesSelected,
@@ -111,10 +112,10 @@ function EntitySelectionTableInternal<M extends Record<string, unknown>>(
         description,
         fixedFilter,
         maxSelection
-    }: EntitySelectionProps<M> & { collection: EntityCollection<M> }) {
+    }: SelectionProps<M> & { collection: CollectionConfig<M> }) {
 
     const sideDialogContext = useSideDialogContext();
-    const sideEntityController = useSideEntityController();
+    const sidePanelController = useSidePanel();
     const urlController = useUrlController();
     const analyticsController = useAnalyticsController();
 
@@ -212,7 +213,7 @@ function EntitySelectionTableInternal<M extends Record<string, unknown>>(
         analyticsController.onAnalyticsEvent?.("reference_selection_new_entity", {
             path
         });
-        sideEntityController.open({
+        sidePanelController.open({
             path: path,
             collection,
             updateUrl: true,
@@ -237,7 +238,7 @@ function EntitySelectionTableInternal<M extends Record<string, unknown>>(
     }) => {
         const selectedEntities = selectionController.selectedEntities;
         const isSelected = selectedEntities && selectedEntities.map(e => e.id).indexOf(entity.id) > -1;
-        return <EntityCollectionRowActions
+        return <CollectionRowActions
             width={width}
             frozen={frozen}
             entity={entity}
@@ -269,11 +270,12 @@ function EntitySelectionTableInternal<M extends Record<string, unknown>>(
 
     return (
 
+        <CollectionScopeProvider collection={collection}>
         <div className="flex flex-col h-full">
 
             <div className="grow">
                 {entitiesDisplayedFirst &&
-                    <EntityCollectionTable
+                    <CollectionTableBinding
                         additionalFields={collection.additionalFields}
                         displayedColumnIds={displayedColumnIds}
                         onEntityClick={onEntityClick}
@@ -316,6 +318,7 @@ function EntitySelectionTableInternal<M extends Record<string, unknown>>(
                 </Button>
             </DialogActions>
         </div>
+        </CollectionScopeProvider>
 
     );
 
@@ -327,7 +330,7 @@ function EntitySelectionDialogActions({
     onClear,
     onNewClick
 }: {
-    collection: EntityCollection<any>,
+    collection: CollectionConfig<any>,
     path: string,
     onClear: () => void,
     onNewClick: () => void

package/src/components/ReferenceWidget.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, useMemo } from "react";
 
 import { Entity, EntityReference, FilterValues } from "@rebasepro/types";
@@ -55,7 +55,7 @@ export function ReferenceWidget<M extends Record<string, unknown>>({
 
     const collectionRegistryController = useCollectionRegistryController();
 
-    const collection: EntityCollection | undefined = useMemo(() => {
+    const collection: CollectionConfig | undefined = useMemo(() => {
         return collectionRegistryController.getCollection(path);
     }, [path, collectionRegistryController.getCollection]);
 
@@ -83,7 +83,7 @@ export function ReferenceWidget<M extends Record<string, unknown>>({
         }
     }, [disabled, onReferenceSelected]);
 
-    const referenceDialogController = useEntitySelectionDialog({
+    const referenceDialogController = useSelectionDialog({
         multiselect,
         path,
         collection,

package/src/components/RelationSelector.tsx

@@ -24,10 +24,10 @@ import {
 import * as React from "react";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { Command as CommandPrimitive } from "cmdk";
-import { Entity, EntityRelation, FilterValues, Relation } from "@rebasepro/types";
-import { EntityPreviewData } from "./EntityPreview";
+import { Entity, EntityRelation, FilterValues, Relation, getCollectionDataPath } from "@rebasepro/types";
+import { EntityPreviewBindingData } from "./EntityPreviewBinding";
 import { useData, useRelationSelector } from "@rebasepro/core";
-import { useSideEntityController } from "../hooks/useSideEntityController";
+import { useSidePanel } from "../hooks/useSidePanel";
 import { normalizeToEntityRelation } from "@rebasepro/common";
 import { EmptyValue } from "../preview";
 
@@ -91,7 +91,7 @@ export const RelationSelector = React.forwardRef<
 
         const collection = relation.target();
         const dataClient = useData();
-        const sideEntityController = useSideEntityController();
+        const sidePanelController = useSidePanel();
         const multiple = relation.cardinality === "many";
 
         const [isPopoverOpen, setIsPopoverOpen] = useState(false);
@@ -102,7 +102,7 @@ export const RelationSelector = React.forwardRef<
         // Track IDs that were set via local user interaction (onItemClick / handleClear / handleRemoveItem).
         // When an incoming value change matches these IDs exactly, we skip async re-resolution.
         const localSelectionIdsRef = useRef<string | null>(null);
-        // Snapshot of selected IDs captured when the popover opens.
+        // Entity of selected IDs captured when the popover opens.
         // Used to sort the dropdown list so selected items appear at the top.
         // Stays stable for the entire popover session so items don't jump around.
         const pinnedIdsRef = useRef<Set<string> | null>(null);
@@ -115,7 +115,7 @@ export const RelationSelector = React.forwardRef<
             loadMore,
             entityToRelationItem
         } = useRelationSelector({
-            path: collection.slug,
+            path: getCollectionDataPath(collection),
             collection,
             fixedFilter,
             pageSize
@@ -213,7 +213,8 @@ export const RelationSelector = React.forwardRef<
 
                 if (hasEmbeddedData) {
                     const r = rel as EntityRelation;
-                    newResolvedItems.push(toRelationItem(r.data!, r));
+                    // CMS wire format embeds relation data as { id, path, values }
+                    newResolvedItems.push(toRelationItem(r.data as unknown as Entity, r));
                 } else if (currentSelectedMap.has(relId)) {
                     // We already have it in currentSelected
                     const existingItem = currentSelectedMap.get(relId)!;
@@ -248,7 +249,8 @@ export const RelationSelector = React.forwardRef<
                     const relation = isPrimitive ? new EntityRelation(relId, path) : rel as EntityRelation;
 
                     if (!isPrimitive && (rel as EntityRelation).data) {
-                        return toRelationItem((rel as EntityRelation).data!, relation);
+                        // CMS wire format embeds relation data as { id, path, values }
+                        return toRelationItem((rel as EntityRelation).data as unknown as Entity, relation);
                     }
                     if (currentSelectedMap.has(String(relId))) {
                         return currentSelectedMap.get(String(relId))!;
@@ -485,11 +487,11 @@ relation } as RelationItem;
                                                     <div key={String(item.id)}
                                                         className="flex flex-row items-center gap-1 truncate">
                                                         {item.data ? (
-                                                            <EntityPreviewData size={"medium"}
+                                                            <EntityPreviewBindingData size={"medium"}
                                                                 entity={item.data}
                                                                 includeEntityLink={false}
                                                                 includeId={false}
-                                                                onSideEntityClick={closePopover}
+                                                                onSidePanelClick={closePopover}
                                                             />
                                                         ) : (
                                                             <span className="text-sm truncate">{item.label}</span>
@@ -504,7 +506,7 @@ relation } as RelationItem;
                                                     className={cls("flex flex-row items-center gap-1 truncate")}
                                                 >
                                                     {item.data ? (
-                                                        <EntityPreviewData size={"smallest"} entity={item.data}
+                                                        <EntityPreviewBindingData size={"smallest"} entity={item.data}
                                                             includeEntityLink={false}
                                                             includeId={false}/>
                                                     ) : (
@@ -541,7 +543,7 @@ relation } as RelationItem;
                                                     e.preventDefault();
                                                     const entity = selectedItems[0].data!;
                                                     setIsPopoverOpen(false);
-                                                    sideEntityController.open({
+                                                    sidePanelController.open({
                                                         entityId: entity.id,
                                                         path: entity.path,
                                                         collection,
@@ -634,7 +636,7 @@ relation } as RelationItem;
                                     <CommandPrimitive.Group>
                                         {(() => {
                                             // Sort items so that initially-selected (pinned) items appear first.
-                                            // We use the snapshot taken when the popover opened so items don't
+                                            // We use the entity taken when the popover opened so items don't
                                             // jump around as the user checks/unchecks.
                                             const pinned = pinnedIdsRef.current;
                                             const sortedItems = pinned && pinned.size > 0
@@ -666,7 +668,7 @@ relation } as RelationItem;
                                                     {item.data ? (
                                                         <div
                                                             className="flex flex-row items-center gap-2 min-w-0 w-full">
-                                                            <EntityPreviewData
+                                                            <EntityPreviewBindingData
                                                                 size={multiple ? "smallest" : "medium"}
                                                                 entity={item.data}
                                                                 includeId={false}

package/src/components/SelectableTable/SelectableTable.tsx

@@ -1,19 +1,14 @@
-import { createSelectionStore } from "./SelectionStore";
-import type { Property } from "@rebasepro/types";
+import { createSelectionStore, AdminSelectedCell } from "./SelectionStore";
+import type { Property, WhereFilterOp } from "@rebasepro/types";
 import React, { useCallback, useEffect, useMemo, useRef } from "react";
-import { CollectionSize, Entity, EntityRelation, EntityTableController, FilterValues, SelectedCellProps } from "@rebasepro/types";
-import { CellRendererParams, TableView, VirtualTableColumn, VirtualTableFilterValues, OnRowClickParams, VirtualTableWhereFilterOp } from "@rebasepro/ui";
-import { enumToObjectEntries } from "@rebasepro/common";
-import { DEFAULT_PAGE_SIZE, EntityCollectionTableController, OnCellValueChange, OnColumnResizeParams } from "@rebasepro/core";
+import { CollectionSize, Entity, EntityTableController, FilterValues, SelectedCellProps } from "@rebasepro/types";
+import { CellRendererParams, TableView, VirtualTableColumn, VirtualTableFilterValues, OnRowClickParams } from "@rebasepro/ui";
+import { DEFAULT_PAGE_SIZE, DataCollectionTableController, OnCellValueChange, OnColumnResizeParams } from "@rebasepro/core";
 import { FilterFormFieldProps } from "@rebasepro/ui";
-import { ReferenceFilterField } from "./filters/ReferenceFilterField";
-import { StringNumberFilterField } from "./filters/StringNumberFilterField";
-import { BooleanFilterField } from "./filters/BooleanFilterField";
-import { DateTimeFilterField } from "./filters/DateTimeFilterField";
 import { useOutsideAlerter } from "@rebasepro/ui";
 import { SelectableTableContext } from "./SelectableTableContext";
 import { getRowHeight } from "@rebasepro/core";
-import { RelationFilterField } from "./filters/RelationFilterField";
+import { FilterFieldBinding } from "./filters/FilterFieldBinding";
 
 export type SelectableTableProps<M extends Record<string, unknown>> = {
 
@@ -107,23 +102,23 @@ export type SelectableTableProps<M extends Record<string, unknown>> = {
  * 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
  */
@@ -192,7 +187,15 @@ export const SelectableTable = function SelectableTable<M extends Record<string,
 
     const select = useCallback((cell?: SelectedCellProps<M>) => {
         setLocalSelectedCell(cell);
-        selectionStore.select(cell);
+        if (cell) {
+            selectionStore.select({
+                ...cell,
+                columnKey: cell.propertyKey,
+                id: cell.entityId
+            } as AdminSelectedCell);
+        } else {
+            selectionStore.select(undefined);
+        }
     }, [selectionStore]);
 
     const unselect = useCallback(() => {
@@ -236,7 +239,29 @@ export const SelectableTable = function SelectableTable<M extends Record<string,
         size: size ?? "m",
         selectionStore,
         setPopupCell
-    } as unknown as EntityCollectionTableController<Record<string, unknown>>), [setPopupCell, select, onValueChange, size, selectionStore]);
+    } as unknown as DataCollectionTableController<Record<string, unknown>>), [setPopupCell, select, onValueChange, size, selectionStore]);
+
+    const createFilterField = useCallback(({
+        id,
+        filterValue,
+        setFilterValue,
+        column,
+        hidden,
+        setHidden
+    }: FilterFormFieldProps<unknown>): React.ReactNode => {
+        if (!column.custom) return null;
+        const { resolvedProperty } = column.custom as { resolvedProperty?: Property };
+        if (!resolvedProperty) return null;
+        // Engine-aware operator resolution happens inside FilterFieldBinding,
+        // which reads the collection from the surrounding CollectionScopeProvider.
+        return <FilterFieldBinding
+            propertyKey={id as string}
+            property={resolvedProperty}
+            value={filterValue as [WhereFilterOp, unknown] | undefined}
+            setValue={setFilterValue as (value?: [WhereFilterOp, unknown]) => void}
+            hidden={hidden}
+            setHidden={setHidden}/>;
+    }, []);
 
     return (
         <SelectableTableContext.Provider
@@ -255,7 +280,7 @@ export const SelectableTable = function SelectableTable<M extends Record<string,
                     onColumnResize={onColumnResize}
                     rowHeight={getRowHeight(size)}
                     loading={dataLoading}
-                    filter={filterValues}
+                    filter={filterValues as any}
                     onFilterUpdate={setFilterValues ? onFilterUpdate : undefined}
                     sortBy={sortBy}
                     onSortByUpdate={setSortBy as ((sortBy?: [string, "asc" | "desc"]) => void)}
@@ -281,74 +306,4 @@ export const SelectableTable = function SelectableTable<M extends Record<string,
 
 };
 
-function createFilterField({
-    id,
-    filterValue,
-    setFilterValue,
-    column,
-    hidden,
-    setHidden
-}: FilterFormFieldProps<unknown>): React.ReactNode {
-
-    if (!column.custom) {
-        return null;
-    }
-
-    const { resolvedProperty } = column.custom as { resolvedProperty?: Property };
-
-    const isArray = resolvedProperty?.type === "array";
-    const ofVal = isArray && resolvedProperty ? resolvedProperty.of : undefined;
-    const baseProperty: Property | undefined = isArray ? (Array.isArray(ofVal) ? ofVal[0] : ofVal) : resolvedProperty;
-    if (!baseProperty) {
-        return null;
-    }
-    if (baseProperty.type === "reference") {
-        return <ReferenceFilterField value={filterValue}
-            setValue={setFilterValue}
-            name={id as string}
-            isArray={isArray}
-            path={baseProperty.path}
-            title={resolvedProperty?.name}
-            includeId={baseProperty.includeId}
-            previewProperties={baseProperty?.ui?.previewProperties}
-            hidden={hidden}
-            setHidden={setHidden}/>;
-    } else if (baseProperty.type === "relation" && baseProperty.relation) {
-        return <RelationFilterField value={filterValue as [VirtualTableWhereFilterOp, EntityRelation | EntityRelation[] | null]}
-            setValue={setFilterValue}
-            name={id as string}
-            relation={baseProperty.relation}
-            hidden={hidden}
-            setHidden={setHidden}/>;
-    } else if (baseProperty.type === "number" || baseProperty.type === "string") {
-        const name = baseProperty.name;
-        const enumValues = baseProperty.enum ? enumToObjectEntries(baseProperty.enum) : undefined;
-        return <StringNumberFilterField value={filterValue}
-            setValue={setFilterValue}
-            name={id as string}
-            type={baseProperty.type}
-            isArray={isArray}
-            enumValues={enumValues}
-            title={name}/>;
-    } else if (baseProperty.type === "boolean") {
-        const name = baseProperty.name;
-        return <BooleanFilterField value={filterValue}
-            setValue={setFilterValue}
-            name={id as string}
-            title={name}/>;
-
-    } else if (baseProperty.type === "date") {
-        const title = baseProperty.name;
-        return <DateTimeFilterField value={filterValue}
-            setValue={setFilterValue}
-            name={id as string}
-            mode={baseProperty.mode}
-            isArray={isArray}
-            title={title}/>;
-    }
-
-    return (
-        <div>{`Currently the filter field ${resolvedProperty?.type} is not supported`}</div>
-    );
-}
 

package/src/components/SelectableTable/SelectableTableContext.tsx

@@ -1,7 +1,7 @@
 import React, { useContext } from "react";
-import { EntityCollectionTableController } from "@rebasepro/core";
+import { DataCollectionTableController } from "@rebasepro/core";
 
-export const SelectableTableContext = React.createContext<EntityCollectionTableController<Record<string, unknown>>>(null! as EntityCollectionTableController<Record<string, unknown>>);
+export const SelectableTableContext = React.createContext<DataCollectionTableController<Record<string, unknown>>>(null! as DataCollectionTableController<Record<string, unknown>>);
 
 export const useSelectableTableController = <M extends Record<string, unknown> = Record<string, unknown>>() =>
-    useContext(SelectableTableContext) as unknown as EntityCollectionTableController<M>;
+    useContext(SelectableTableContext) as unknown as DataCollectionTableController<M>;