@firecms/core 3.0.0-canary.16 → 3.0.0-canary.160

package/README.md

@@ -9,7 +9,7 @@
 </p>
 
 <h1 align="center">FireCMS</h1>
-<h3 align="center">Awesome Firebase/Firestore-based headless CMS</h3>
+<h3 align="center">Awesome Firebase/MongoDB-based headless CMS</h3>
 <p align="center"><a href="https://demo.firecms.co">Live demo</a></p>
 
 <br />
@@ -49,7 +49,7 @@ FireCMS is based on this great technologies:
 The easiest way to get going is to check our quickstart guide! You will just
 need to follow some quick steps:
 
-https://firecms.co/docs/quickstart
+https://firecms.co/docs
 
 ### Demo
 
@@ -89,7 +89,7 @@ navigating through **subcollections** and accessing custom views (such as custom
 forms or blog previews). This functionality can also be accessed
 programmatically using the `useSideEntityController` hook.
 
-FireCMS includes **over 15 built-in fields** with numerous customization and
+FireCMS includes **over 20 built-in fields** with numerous customization and
 validation options. The components have been carefully designed for an
 outstanding user experience, including advanced features like **references** to
 other collections, **markdown**, and **array reordering**.

package/dist/app/AppBar.d.ts

@@ -0,0 +1,12 @@
+import { DefaultAppBarProps } from "../core/DefaultAppBar";
+/**
+ * This component renders the main app bar of FireCMS.
+ */
+export declare function AppBar({ children, ...props }: {
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+} & DefaultAppBarProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace AppBar {
+    var componentType: string;
+}

package/dist/app/Drawer.d.ts

@@ -0,0 +1,16 @@
+/**
+ * This component is in charge of rendering the drawer.
+ * If you add this component under your {@link Scaffold}, it will be rendered
+ * as a drawer, and the open and close functionality will be handled automatically.
+ * If you want to customise the drawer, you can create your own component and pass it as a child.
+ * For custom drawers, you can use the {@link useApp} to open and close the drawer.
+ *
+ */
+export declare function Drawer({ children, className, style }: {
+    children?: React.ReactNode;
+    className?: string;
+    style?: React.CSSProperties;
+}): import("react/jsx-runtime").JSX.Element;
+export declare namespace Drawer {
+    var componentType: string;
+}

package/dist/app/Scaffold.d.ts

@@ -0,0 +1,30 @@
+import React from "react";
+export declare const DRAWER_WIDTH = 280;
+/**
+ * @group Core
+ */
+export interface ScaffoldProps {
+    /**
+     * Open the drawer on hover
+     */
+    autoOpenDrawer?: boolean;
+    /**
+     * Logo to be displayed in the top bar and drawer.
+     * Note that this has no effect if you are using a custom AppBar or Drawer.
+     */
+    logo?: string;
+    className?: string;
+    style?: React.CSSProperties;
+}
+/**
+ * This view acts as a scaffold for FireCMS.
+ *
+ * It is in charge of displaying the navigation drawer, top bar and main
+ * collection views.
+ * This component needs a parent {@link FireCMS}
+ *
+ * @param props
+
+ * @group Core
+ */
+export declare const Scaffold: React.NamedExoticComponent<React.PropsWithChildren<ScaffoldProps>>;

package/dist/app/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./Drawer";
+export * from "./AppBar";
+export * from "./Scaffold";
+export * from "./useApp";

package/dist/app/useApp.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+/**
+ * This context represents the state of the app in terms of layout.
+ * @group Core
+ */
+export type AppState = {
+    hasDrawer: boolean;
+    drawerHovered: boolean;
+    drawerOpen: boolean;
+    openDrawer: () => void;
+    closeDrawer: () => void;
+    autoOpenDrawer?: boolean;
+    logo?: string;
+};
+export declare const AppContext: React.Context<AppState>;
+export declare function useApp(): AppState;

package/dist/components/ArrayContainer.d.ts

@@ -1,40 +1,53 @@
 import React from "react";
 import { DraggableProvided } from "@hello-pangea/dnd";
-interface ArrayContainerProps<T> {
+export type ArrayEntryParams = {
+    index: number;
+    internalId: number;
+    isDragging: boolean;
+    storedProps?: object;
+    storeProps: (props: object) => void;
+};
+export type ArrayEntryBuilder = (params: ArrayEntryParams) => React.ReactNode;
+export interface ArrayContainerProps<T> {
     droppableId: string;
     value: T[];
     addLabel: string;
-    buildEntry: (index: number, internalId: number) => React.ReactNode;
+    buildEntry: ArrayEntryBuilder;
     disabled?: boolean;
     size?: "small" | "medium";
     onInternalIdAdded?: (id: number) => void;
     includeAddButton?: boolean;
     newDefaultEntry: T;
     onValueChange: (value: T[]) => void;
+    className?: string;
 }
 /**
  * @group Form custom fields
  */
-export declare function ArrayContainer<T>({ droppableId, addLabel, value, disabled, buildEntry, size, onInternalIdAdded, includeAddButton, newDefaultEntry, onValueChange }: ArrayContainerProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function ArrayContainer<T>({ droppableId, addLabel, value, disabled, buildEntry, size, onInternalIdAdded, includeAddButton, newDefaultEntry, onValueChange, className }: ArrayContainerProps<T>): import("react/jsx-runtime").JSX.Element;
 type ArrayContainerItemProps = {
     provided: DraggableProvided;
     index: number;
     internalId: number;
     size?: "small" | "medium";
     disabled: boolean;
-    buildEntry: (index: number, internalId: number) => React.ReactNode;
+    buildEntry: ArrayEntryBuilder;
     remove: (index: number) => void;
     copy: (index: number) => void;
+    addInIndex?: (index: number) => void;
     isDragging: boolean;
+    storedProps?: object;
+    updateItemCustomProps: (internalId: number, props: object) => void;
 };
-export declare function ArrayContainerItem({ provided, index, internalId, size, disabled, buildEntry, remove, copy, isDragging }: ArrayContainerItemProps): import("react/jsx-runtime").JSX.Element;
-export declare function ArrayItemOptions({ direction, disabled, remove, index, provided, copy, }: {
+export declare function ArrayContainerItem({ provided, index, internalId, size, disabled, buildEntry, remove, addInIndex, copy, isDragging, storedProps, updateItemCustomProps }: ArrayContainerItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function ArrayItemOptions({ direction, disabled, remove, index, provided, copy, addInIndex }: {
     direction?: "row" | "column";
     disabled: boolean;
     remove: (index: number) => void;
     index: number;
     provided: any;
     copy: (index: number) => void;
+    addInIndex?: (index: number) => void;
 }): import("react/jsx-runtime").JSX.Element;
 export declare function getRandomId(): number;
 export {};

package/dist/components/CircularProgressCenter.d.ts

@@ -3,7 +3,7 @@ import { CircularProgressProps } from "@firecms/ui";
  *
  * @param text
  * @param props
- * @constructor
+
  * @ignore
  */
 export declare function CircularProgressCenter({ text, ...props }: CircularProgressProps & {

package/dist/components/ClearFilterSortButton.d.ts

@@ -0,0 +1,5 @@
+import { EntityTableController } from "../types";
+export declare function ClearFilterSortButton({ tableController, enabled }: {
+    enabled: boolean;
+    tableController: EntityTableController;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/{DeleteConfirmationDialog.d.ts → ConfirmationDialog.d.ts}

@@ -1,5 +1,5 @@
 import React from "react";
-export declare function DeleteConfirmationDialog({ open, onAccept, onCancel, title, loading, body }: {
+export declare function ConfirmationDialog({ open, onAccept, onCancel, title, loading, body }: {
     open: boolean;
     onAccept: () => void;
     onCancel: () => void;

package/dist/components/EntityCollectionTable/EntityCollectionRowActions.d.ts

@@ -9,23 +9,22 @@ import { CollectionSize, Entity, EntityAction, EntityCollection, SelectionContro
  * @param size
  * @param toggleEntitySelection
  * @param hideId
- * @constructor
  *
  * @group Collection components
  */
 export declare const EntityCollectionRowActions: ({ entity, collection, fullPath, width, frozen, isSelected, selectionEnabled, size, highlightEntity, onCollectionChange, unhighlightEntity, actions, hideId, selectionController, }: {
     entity: Entity<any>;
-    collection?: EntityCollection<any, any> | undefined;
-    fullPath?: string | undefined;
+    collection?: EntityCollection<any>;
+    fullPath?: string;
     width: number;
-    frozen?: boolean | undefined;
+    frozen?: boolean;
     size: CollectionSize;
-    isSelected?: boolean | undefined;
-    selectionEnabled?: boolean | undefined;
-    actions?: EntityAction[] | undefined;
-    hideId?: boolean | undefined;
-    onCollectionChange?: (() => void) | undefined;
-    selectionController?: SelectionController | undefined;
-    highlightEntity?: ((entity: Entity<any>) => void) | undefined;
-    unhighlightEntity?: ((entity: Entity<any>) => void) | undefined;
+    isSelected?: boolean;
+    selectionEnabled?: boolean;
+    actions?: EntityAction[];
+    hideId?: boolean;
+    onCollectionChange?: () => void;
+    selectionController?: SelectionController;
+    highlightEntity?: (entity: Entity<any>) => void;
+    unhighlightEntity?: (entity: Entity<any>) => void;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/EntityCollectionTable/EntityCollectionTable.d.ts

@@ -24,4 +24,4 @@ import { EntityCollectionTableProps } from "./EntityCollectionTableProps";
  * @see VirtualTable
  * @group Components
  */
-export declare const EntityCollectionTable: <M extends Record<string, any>, UserType extends User>({ forceFilter, actionsStart, actions, title, tableRowActionsBuilder, uniqueFieldValidator, getPropertyFor, onValueChange, selectionController, highlightedEntities, onEntityClick, onColumnResize, onSizeChanged, textSearchEnabled, hoverRow, inlineEditing, additionalFields, displayedColumnIds, defaultSize, properties, tableController, filterable, sortable, endAdornment, AddColumnComponent, AdditionalHeaderWidget, additionalIDHeaderWidget, emptyComponent, getIdColumnWidth, onTextSearchClick, textSearchLoading }: EntityCollectionTableProps<M>) => import("react/jsx-runtime").JSX.Element;
+export declare const EntityCollectionTable: <M extends Record<string, any>, USER extends User>({ className, style, forceFilter, actionsStart, actions, title, tableRowActionsBuilder, uniqueFieldValidator, getPropertyFor, onValueChange, selectionController, highlightedEntities, onEntityClick, onColumnResize, onSizeChanged, textSearchEnabled, hoverRow, inlineEditing, additionalFields, displayedColumnIds, defaultSize, properties, tableController, filterable, sortable, endAdornment, AddColumnComponent, AdditionalHeaderWidget, additionalIDHeaderWidget, emptyComponent, getIdColumnWidth, onTextSearchClick, textSearchLoading, enablePopupIcon }: EntityCollectionTableProps<M>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/EntityCollectionTable/EntityCollectionTableProps.d.ts

@@ -4,7 +4,9 @@ import { OnCellValueChange, OnColumnResizeParams, UniqueFieldValidator } from ".
 /**
  * @group Collection components
  */
-export type EntityCollectionTableProps<M extends Record<string, any>, UserType extends User = User> = {
+export type EntityCollectionTableProps<M extends Record<string, any>, USER extends User = User> = {
+    className?: string;
+    style?: React.CSSProperties;
     /**
      * Display these entities as selected
      */
@@ -65,11 +67,11 @@ export type EntityCollectionTableProps<M extends Record<string, any>, UserType e
      * {@link EntityTableController}
      */
     tableController: EntityTableController<M>;
-    displayedColumnIds: PropertyColumnConfig[];
+    displayedColumnIds?: PropertyColumnConfig[];
     forceFilter?: FilterValues<Extract<keyof M, string>>;
     textSearchEnabled?: boolean;
     inlineEditing?: boolean;
-    additionalFields?: AdditionalFieldDelegate<M, UserType>[];
+    additionalFields?: AdditionalFieldDelegate<M, USER>[];
     defaultSize?: CollectionSize;
     properties: ResolvedProperties<M>;
     getPropertyFor?: (props: GetPropertyForProps<M>) => ResolvedProperties<M>[string];
@@ -87,13 +89,13 @@ export type EntityCollectionTableProps<M extends Record<string, any>, UserType e
     getIdColumnWidth?: () => number;
     onTextSearchClick?: () => void;
     textSearchLoading?: boolean;
+    enablePopupIcon: boolean;
 };
 export type GetPropertyForProps<M extends Record<string, any>> = {
     propertyKey: string;
-    propertyValue: any;
     entity: Entity<M>;
 };
 export type PropertyColumnConfig = {
     key: string;
-    disabled: boolean;
+    disabled?: boolean;
 };

package/dist/components/EntityCollectionTable/PropertyTableCell.d.ts

@@ -14,5 +14,6 @@ export interface PropertyTableCellProps<T extends CMSType> {
     entity: Entity<any>;
     path: string;
     disabled: boolean;
+    enablePopupIcon?: boolean;
 }
 export declare const PropertyTableCell: React.FunctionComponent<PropertyTableCellProps<any>>;

package/dist/components/EntityCollectionTable/column_utils.d.ts

@@ -6,11 +6,10 @@ export interface PropertiesToColumnsParams<M extends Record<string, any>> {
     properties: ResolvedProperties<M>;
     sortable?: boolean;
     forceFilter?: FilterValues<keyof M extends string ? keyof M : never>;
-    disabledFilter?: boolean;
     AdditionalHeaderWidget?: React.ComponentType<{
         property: ResolvedProperty;
         propertyKey: string;
         onHover: boolean;
     }>;
 }
-export declare function propertiesToColumns<M extends Record<string, any>>({ properties, sortable, forceFilter, disabledFilter, AdditionalHeaderWidget }: PropertiesToColumnsParams<M>): VirtualTableColumn[];
+export declare function propertiesToColumns<M extends Record<string, any>>({ properties, sortable, forceFilter, AdditionalHeaderWidget }: PropertiesToColumnsParams<M>): VirtualTableColumn[];

package/dist/components/EntityCollectionTable/fields/TableReferenceField.d.ts

@@ -11,9 +11,11 @@ type TableReferenceFieldProps = {
     title?: string;
     path: string;
     forceFilter?: FilterValues<string>;
+    includeId?: boolean;
+    includeEntityLink?: boolean;
 };
 export declare function TableReferenceField(props: TableReferenceFieldProps): import("react/jsx-runtime").JSX.Element;
-export declare const TableReferenceFieldSuccess: React.NamedExoticComponent<TableReferenceFieldProps & {
+export declare const TableReferenceFieldInternal: React.NamedExoticComponent<TableReferenceFieldProps & {
     collection: EntityCollection;
 }>;
 export {};

package/dist/components/EntityCollectionTable/internal/CollectionTableToolbar.d.ts

@@ -2,17 +2,14 @@ import React from "react";
 import { CollectionSize } from "../../../types";
 interface CollectionTableToolbarProps {
     size: CollectionSize;
-    filterIsSet: boolean;
     loading: boolean;
-    forceFilter?: boolean;
     actionsStart?: React.ReactNode;
     actions?: React.ReactNode;
     title?: React.ReactNode;
     onTextSearchClick?: () => void;
     onTextSearch?: (searchString?: string) => void;
     onSizeChanged: (size: CollectionSize) => void;
-    clearFilter?: () => void;
     textSearchLoading?: boolean;
 }
-export declare function CollectionTableToolbar(props: CollectionTableToolbarProps): import("react/jsx-runtime").JSX.Element;
+export declare function CollectionTableToolbar({ actions, actionsStart, loading, onSizeChanged, onTextSearch, onTextSearchClick, size, textSearchLoading, title }: CollectionTableToolbarProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/EntityCollectionTable/internal/EntityTableCell.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { VirtualTableSize } from "../../VirtualTable";
+import { TableSize } from "../../common/table_height";
 interface EntityTableCellProps {
     children: React.ReactNode;
     actions?: React.ReactNode;
@@ -12,7 +12,7 @@ interface EntityTableCellProps {
     error?: Error;
     allowScroll?: boolean;
     align: "right" | "left" | "center";
-    size: VirtualTableSize;
+    size: TableSize;
     disabledTooltip?: string;
     width: number;
     showExpandIcon?: boolean;

package/dist/components/EntityCollectionTable/internal/popup_field/PopupFormField.d.ts

@@ -2,12 +2,12 @@ import { Entity, EntityCollection } from "../../../../types";
 import { CustomFieldValidator } from "../../../../form/validation";
 import { OnCellValueChangeParams } from "../../../common";
 interface PopupFormFieldProps<M extends Record<string, any>> {
-    entity?: Entity<M>;
     customFieldValidator?: CustomFieldValidator;
     path: string;
+    entityId: string;
     tableKey: string;
     propertyKey?: Extract<keyof M, string>;
-    collection?: EntityCollection<M>;
+    collection?: EntityCollection<any>;
     cellRect?: DOMRect;
     open: boolean;
     onClose: () => void;
@@ -16,8 +16,11 @@ interface PopupFormFieldProps<M extends Record<string, any>> {
      * Callback when the value of a cell has been edited
      * @param params
      */
-    onCellValueChange?: (params: OnCellValueChangeParams<any, M>) => Promise<void> | void;
+    onCellValueChange?: (params: OnCellValueChangeParams<any, any>) => Promise<void> | void;
 }
 export declare function PopupFormField<M extends Record<string, any>>(props: PopupFormFieldProps<M>): import("react/jsx-runtime").JSX.Element | null;
-export declare function PopupFormFieldInternal<M extends Record<string, any>>({ tableKey, entity: entityProp, customFieldValidator, propertyKey, collection: inputCollection, path, cellRect, open, onClose, onCellValueChange, container }: PopupFormFieldProps<M>): import("react/jsx-runtime").JSX.Element;
+export declare function PopupFormFieldLoading<M extends Record<string, any>>({ tableKey, entityId, customFieldValidator, propertyKey, collection: inputCollection, path, cellRect, open, onClose, onCellValueChange, container }: PopupFormFieldProps<M>): import("react/jsx-runtime").JSX.Element | null;
+export declare function PopupFormFieldInternal<M extends Record<string, any>>({ tableKey, entityId, customFieldValidator, propertyKey, collection: inputCollection, path, cellRect, open, onClose, onCellValueChange, container, entity }: PopupFormFieldProps<M> & {
+    entity?: Entity<M>;
+}): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/EntityCollectionView/EntityCollectionView.d.ts

@@ -4,8 +4,18 @@ import { EntityCollection } from "../../types";
  * @group Components
  */
 export type EntityCollectionViewProps<M extends Record<string, any>> = {
-    fullPath: string;
+    /**
+     * Complete path where this collection is located.
+     * It defaults to the collection path if not provided.
+     */
+    fullPath?: string;
+    /**
+     * If this is a subcollection, specify the parent collection ids.
+     */
     parentCollectionIds?: string[];
+    /**
+     * Whether this is a subcollection or not.
+     */
     isSubCollection?: boolean;
     className?: string;
 } & EntityCollection<M>;
@@ -30,7 +40,7 @@ export type EntityCollectionViewProps<M extends Record<string, any>> = {
  *
  * @param fullPath
  * @param collection
- * @constructor
+
  * @group Components
  */
 export declare const EntityCollectionView: React.FunctionComponent<EntityCollectionViewProps<any>>;

package/dist/components/EntityCollectionView/EntityCollectionViewStartActions.d.ts

@@ -0,0 +1,11 @@
+import { EntityCollection, EntityTableController, SelectionController } from "../../types";
+export type EntityCollectionViewStartActionsProps<M extends Record<string, any>> = {
+    collection: EntityCollection<M>;
+    path: string;
+    relativePath: string;
+    parentCollectionIds: string[];
+    selectionController: SelectionController<M>;
+    tableController: EntityTableController<M>;
+    collectionEntitiesCount: number;
+};
+export declare function EntityCollectionViewStartActions<M extends Record<string, any>>({ collection, relativePath, parentCollectionIds, path, selectionController, tableController, collectionEntitiesCount }: EntityCollectionViewStartActionsProps<M>): import("react/jsx-runtime").JSX.Element;

package/dist/components/EntityCollectionView/utils.d.ts

@@ -0,0 +1,3 @@
+export declare function addRecentId(collectionId: string, id: string): string[];
+export declare function saveSearchedIdsLocally(collectionId: string, ids: string[]): void;
+export declare function getRecentIds(collectionId: string): string[];

package/dist/components/EntityPreview.d.ts

@@ -7,23 +7,24 @@ export type EntityPreviewProps = {
     collection?: EntityCollection;
     hover?: boolean;
     previewProperties?: string[];
-    disabled: undefined | boolean;
+    disabled?: boolean;
     entity: Entity<any>;
-    includeEntityNavigation?: boolean;
+    includeId?: boolean;
+    includeEntityLink?: boolean;
     onClick?: (e: React.SyntheticEvent) => void;
 };
 /**
  * This view is used to display a preview of an entity.
  * It is used by default in reference fields and whenever a reference is displayed.
  */
-export declare function EntityPreview({ actions, disabled, hover, collection: collectionProp, previewProperties, onClick, size, includeEntityNavigation, entity }: EntityPreviewProps): import("react/jsx-runtime").JSX.Element;
-type EntityPreviewContainerProps = {
+export declare function EntityPreview({ actions, disabled, hover, collection: collectionProp, previewProperties, onClick, size, includeId, includeEntityLink, entity }: EntityPreviewProps): import("react/jsx-runtime").JSX.Element;
+export type EntityPreviewContainerProps = {
     children: React.ReactNode;
     hover?: boolean;
+    fullwidth?: boolean;
     size: PreviewSize;
     className?: string;
     style?: React.CSSProperties;
     onClick?: (e: React.SyntheticEvent) => void;
 };
-export declare const EntityPreviewContainer: React.FC<EntityPreviewContainerProps>;
-export {};
+export declare const EntityPreviewContainer: React.ForwardRefExoticComponent<EntityPreviewContainerProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/ErrorView.d.ts

@@ -13,7 +13,7 @@ export interface ErrorViewProps {
  * @param title
  * @param error
  * @param tooltip
- * @constructor
+
  * @group Components
  */
 export declare function ErrorView({ title, error, tooltip }: ErrorViewProps): React.ReactElement;

package/dist/components/HomePage/DefaultHomePage.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 /**
  * Default entry view for the CMS. This component renders navigation cards
  * for each collection defined in the navigation.
- * @constructor
+
  * @group Components
  */
 export declare function DefaultHomePage({ additionalActions, additionalChildrenStart, additionalChildrenEnd }: {

package/dist/components/HomePage/NavigationCardBinding.d.ts

@@ -10,7 +10,7 @@ import { TopNavigationEntry } from "../../types";
  * @param name
  * @param description
  * @param onClick
- * @constructor
+
  */
 export declare function NavigationCardBinding({ path, collection, view, url, name, description, onClick, type }: TopNavigationEntry & {
     onClick?: () => void;

package/dist/components/PropertyConfigBadge.d.ts

@@ -1,4 +1,5 @@
 import { PropertyConfig } from "../types";
-export declare function PropertyConfigBadge({ propertyConfig }: {
+export declare function PropertyConfigBadge({ propertyConfig, disabled }: {
     propertyConfig: PropertyConfig | undefined;
+    disabled?: boolean;
 }): React.ReactNode;

package/dist/components/PropertyIdCopyTooltip.d.ts

@@ -0,0 +1,8 @@
+export declare function PropertyIdCopyTooltip({ propertyKey, className, children }: {
+    propertyKey: string;
+    className?: string;
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function PropertyIdCopyTooltipContent({ propertyKey }: {
+    propertyKey: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/ReferenceWidget.d.ts

@@ -21,8 +21,10 @@ export type ReferenceWidgetProps<M extends Record<string, any>> = {
     forceFilter?: FilterValues<string>;
     size: PreviewSize;
     className?: string;
+    includeId?: boolean;
+    includeEntityLink?: boolean;
 };
 /**
  * This field allows selecting reference/s.
  */
-export declare function ReferenceWidget<M extends Record<string, any>>({ name, multiselect, path, disabled, value, onReferenceSelected, onMultipleReferenceSelected, previewProperties, forceFilter, size, className }: ReferenceWidgetProps<M>): import("react/jsx-runtime").JSX.Element;
+export declare function ReferenceWidget<M extends Record<string, any>>({ name, multiselect, path, disabled, value, onReferenceSelected, onMultipleReferenceSelected, previewProperties, forceFilter, size, className, includeId, includeEntityLink }: ReferenceWidgetProps<M>): import("react/jsx-runtime").JSX.Element;

package/dist/components/SelectableTable/SelectableTable.d.ts

@@ -1,7 +1,7 @@
 import React from "react";
 import { CollectionSize, Entity, EntityTableController, FilterValues } from "../../types";
 import { CellRendererParams, VirtualTableColumn } from "../VirtualTable";
-import { OnCellValueChange, OnColumnResizeParams } from "../common/types";
+import { OnCellValueChange, OnColumnResizeParams } from "../common";
 export type SelectableTableProps<M extends Record<string, any>> = {
     /**
      * Callback when a cell value changes.

package/dist/components/SelectableTable/filters/ReferenceFilterField.d.ts

@@ -6,9 +6,10 @@ interface ReferenceFilterFieldProps {
     isArray?: boolean;
     path?: string;
     title?: string;
+    includeId?: boolean;
     previewProperties?: string[];
     hidden: boolean;
     setHidden: (hidden: boolean) => void;
 }
-export declare function ReferenceFilterField({ name, value, setValue, isArray, path, title, previewProperties, setHidden }: ReferenceFilterFieldProps): import("react/jsx-runtime").JSX.Element;
+export declare function ReferenceFilterField({ name, value, setValue, isArray, path, title, includeId, previewProperties, setHidden }: ReferenceFilterFieldProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/VirtualTable/VirtualTableProps.d.ts

@@ -25,10 +25,6 @@ export interface VirtualTableProps<T extends Record<string, any>> {
      * The renderer receives props `{ cellData, columns, column, columnIndex, rowData, rowIndex, container, isScrolling }`
      */
     cellRenderer: React.ComponentType<CellRendererParams<T>>;
-    /**
-     * If enabled, content is loaded in batch
-     */
-    paginationEnabled?: boolean;
     /**
      * Set this callback if you want to support some combinations
      * of filter combinations only.
@@ -40,6 +36,10 @@ export interface VirtualTableProps<T extends Record<string, any>> {
      * A callback function when scrolling the table to near the end
      */
     onEndReached?: () => void;
+    /**
+     * Offset in pixels where the onEndReached callback is triggered
+     */
+    endOffset?: number;
     /**
      * When the pagination should be reset. E.g. the filters or sorting
      * has been reset.
@@ -56,7 +56,7 @@ export interface VirtualTableProps<T extends Record<string, any>> {
     /**
      * Size of the table
      */
-    size?: VirtualTableSize;
+    rowHeight?: number;
     /**
      * In case this table should have some filters set by default
      */
@@ -106,6 +106,10 @@ export interface VirtualTableProps<T extends Record<string, any>> {
      * Class name applied to the table
      */
     className?: string;
+    /**
+     * Style applied to the table
+     */
+    style?: React.CSSProperties;
     /**
      * Component rendered at the end of the table, after scroll
      */
@@ -115,8 +119,12 @@ export interface VirtualTableProps<T extends Record<string, any>> {
      * @param column
      */
     AddColumnComponent?: React.ComponentType;
+    /**
+     * Debug mode
+     */
+    debug?: boolean;
 }
-export type CellRendererParams<T extends any = any> = {
+export type CellRendererParams<T = any> = {
     column: VirtualTableColumn;
     columns: VirtualTableColumn[];
     columnIndex: number;
@@ -129,7 +137,7 @@ export type CellRendererParams<T extends any = any> = {
  * @see Table
  * @group Components
  */
-export interface VirtualTableColumn<CustomProps extends any = any> {
+export interface VirtualTableColumn<CustomProps = any> {
     /**
      * Data key for the cell value, could be "a.b.c"
      */
@@ -190,11 +198,6 @@ export type OnVirtualTableColumnResizeParams = {
     key: string;
     column: VirtualTableColumn;
 };
-/**
- * @see Table
- * @group Components
- */
-export type VirtualTableSize = "xs" | "s" | "m" | "l" | "xl";
 /**
  * @see Table
  * @group Components