@firecms/core 3.0.0-beta.1 → 3.0.0-beta.10

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 />
@@ -40,17 +40,16 @@ out-of-the-box experience for any project.
 FireCMS is based on this great technologies:
 
 - Typescript
-- Firebase SDK 9
+- Tailwind CSS
+- Firebase SDK 10
 - React + React Router 6
-- Material UI 5
-- Formik + Yup
 
 ### Quickstart
 
 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
 
@@ -83,14 +82,14 @@ data.
 
 ### ✨ Robust Forms
 
-![fields](https://firecms.co/img/post_editing.webp)
+![fields](https://firecms.co/img/form_editing.webp)
 
 When editing an entity, FireCMS offers a nested system of side dialogs for
 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

@@ -11,11 +11,12 @@ interface ArrayContainerProps<T> {
     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;
@@ -28,10 +29,8 @@ type ArrayContainerItemProps = {
     isDragging: boolean;
 };
 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, contentOverflow, measuring }: {
+export declare function ArrayItemOptions({ direction, disabled, remove, index, provided, copy, }: {
     direction?: "row" | "column";
-    contentOverflow: boolean;
-    measuring: boolean;
     disabled: boolean;
     remove: (index: number) => void;
     index: number;

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

@@ -1,4 +1,3 @@
-import React from "react";
 import { CollectionSize, Entity, EntityAction, EntityCollection, SelectionController } from "../../types";
 /**
  *
@@ -9,27 +8,23 @@ import { CollectionSize, Entity, EntityAction, EntityCollection, SelectionContro
  * @param selectionEnabled
  * @param size
  * @param toggleEntitySelection
- * @param onCopyClicked
- * @param onEditClicked
- * @param onDeleteClicked
  * @param hideId
- * @constructor
  *
  * @group Collection components
  */
-export declare const EntityCollectionRowActions: React.NamedExoticComponent<{
+export declare const EntityCollectionRowActions: ({ entity, collection, fullPath, width, frozen, isSelected, selectionEnabled, size, highlightEntity, onCollectionChange, unhighlightEntity, actions, hideId, selectionController, }: {
     entity: Entity<any>;
-    collection?: EntityCollection<any, import("../../types").User> | 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

@@ -1,8 +1,5 @@
-import React from "react";
-import { EntityCollectionTableController } from "./types";
+import { User } from "../../types";
 import { EntityCollectionTableProps } from "./EntityCollectionTableProps";
-export declare const EntityCollectionTableContext: React.Context<EntityCollectionTableController<any>>;
-export declare const useEntityCollectionTableController: () => EntityCollectionTableController<any>;
 /**
  * This component is in charge of rendering a collection table with a high
  * degree of customization.
@@ -27,4 +24,4 @@ export declare const useEntityCollectionTableController: () => EntityCollectionT
  * @see VirtualTable
  * @group Components
  */
-export declare const EntityCollectionTable: React.NamedExoticComponent<EntityCollectionTableProps<any>>;
+export declare const EntityCollectionTable: <M extends Record<string, any>, UserType 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

@@ -1,18 +1,12 @@
 import React from "react";
 import { AdditionalFieldDelegate, CollectionSize, Entity, EntityTableController, FilterValues, ResolvedProperties, ResolvedProperty, SelectionController, User } from "../../types";
-import { OnCellValueChange, UniqueFieldValidator } from "./types";
-/**
- * @group Collection components
- */
-export type OnColumnResizeParams = {
-    width: number;
-    key: string;
-};
+import { OnCellValueChange, OnColumnResizeParams, UniqueFieldValidator } from "../common/types";
 /**
  * @group Collection components
  */
 export type EntityCollectionTableProps<M extends Record<string, any>, UserType extends User = User> = {
-    debugKey?: string;
+    className?: string;
+    style?: React.CSSProperties;
     /**
      * Display these entities as selected
      */
@@ -73,10 +67,10 @@ 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 | ((entity: Entity<M>) => boolean);
+    inlineEditing?: boolean;
     additionalFields?: AdditionalFieldDelegate<M, UserType>[];
     defaultSize?: CollectionSize;
     properties: ResolvedProperties<M>;
@@ -95,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

@@ -1,7 +1,7 @@
 import React from "react";
 import { CMSType, Entity, ResolvedProperty } from "../../types";
 import { CustomFieldValidator } from "../../form/validation";
-export interface PropertyTableCellProps<T extends CMSType, M extends Record<string, any>> {
+export interface PropertyTableCellProps<T extends CMSType> {
     propertyKey: string;
     columnIndex: number;
     align: "right" | "left" | "center";
@@ -14,5 +14,6 @@ export interface PropertyTableCellProps<T extends CMSType, M extends Record<stri
     entity: Entity<any>;
     path: string;
     disabled: boolean;
+    enablePopupIcon?: boolean;
 }
-export declare const PropertyTableCell: React.FunctionComponent<PropertyTableCellProps<any, any>>;
+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/index.d.ts

@@ -1,8 +1,6 @@
 export { EntityCollectionTable } from "./EntityCollectionTable";
-export type { EntityCollectionTableProps, OnColumnResizeParams } from "./EntityCollectionTableProps";
-export type { UniqueFieldValidator, OnCellValueChange, OnCellValueChangeParams } from "./types";
+export type { EntityCollectionTableProps, } from "./EntityCollectionTableProps";
 export * from "./PropertyTableCell";
-export * from "./SimpleEntityCollectionTable";
 export * from "./EntityCollectionRowActions";
-export * from "./useDataSourceEntityCollectionTableController";
+export * from "../common/useDataSourceEntityCollectionTableController";
 export * from "./column_utils";

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

@@ -1,8 +1,8 @@
 import { Entity, EntityCollection } from "../../../../types";
 import { CustomFieldValidator } from "../../../../form/validation";
-import { OnCellValueChangeParams } from "../../../../components";
+import { OnCellValueChangeParams } from "../../../common";
 interface PopupFormFieldProps<M extends Record<string, any>> {
-    entity?: Entity<M>;
+    entity: Entity<M>;
     customFieldValidator?: CustomFieldValidator;
     path: string;
     tableKey: string;
@@ -16,7 +16,7 @@ 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;

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

@@ -1,11 +1,21 @@
 import React from "react";
-import { Entity, EntityCollection, SelectionController } from "../../types";
+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,8 +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>>;
-export declare function useSelectionController<M extends Record<string, any> = any>(onSelectionChange?: (entity: Entity<M>, selected: boolean) => void): SelectionController<M>;

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/useSelectionController.d.ts

@@ -0,0 +1,2 @@
+import { Entity, SelectionController } from "../../types";
+export declare function useSelectionController<M extends Record<string, any> = any>(onSelectionChange?: (entity: Entity<M>, selected: boolean) => void): SelectionController<M>;

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

@@ -1,11 +1,30 @@
+import * as React from "react";
 import { Entity, EntityCollection } from "../types";
+import { PreviewSize } from "../preview";
+export type EntityPreviewProps = {
+    size: PreviewSize;
+    actions?: React.ReactNode;
+    collection?: EntityCollection;
+    hover?: boolean;
+    previewProperties?: string[];
+    disabled?: boolean;
+    entity: Entity<any>;
+    includeId?: boolean;
+    includeEntityLink?: boolean;
+    onClick?: (e: React.SyntheticEvent) => void;
+};
 /**
- * @group Components
+ * 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 interface EntityPreviewProps<M extends Record<string, any>> {
-    entity: Entity<M>;
-    collection: EntityCollection<M>;
-    path: string;
+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;
-}
-export declare function EntityPreview<M extends Record<string, any>>({ entity, collection, path, className }: EntityPreviewProps<M>): import("react/jsx-runtime").JSX.Element;
+    style?: React.CSSProperties;
+    onClick?: (e: React.SyntheticEvent) => void;
+};
+export declare const EntityPreviewContainer: React.ForwardRefExoticComponent<EntityPreviewContainerProps & React.RefAttributes<HTMLDivElement>>;

package/dist/components/EntityView.d.ts

@@ -0,0 +1,11 @@
+import { Entity, EntityCollection } from "../types";
+/**
+ * @group Components
+ */
+export interface EntityViewProps<M extends Record<string, any>> {
+    entity: Entity<M>;
+    collection: EntityCollection<M>;
+    path: string;
+    className?: string;
+}
+export declare function EntityView<M extends Record<string, any>>({ entity, collection, path, className }: EntityViewProps<M>): import("react/jsx-runtime").JSX.Element;

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/FieldCaption.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+export declare function FieldCaption({ error, children }: {
+    error?: boolean;
+    children?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element | null;

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/NavigationCard.d.ts

@@ -0,0 +1,8 @@
+export type NavigationCardProps = {
+    name: string;
+    description?: string;
+    actions: React.ReactNode;
+    icon: React.ReactNode;
+    onClick?: () => void;
+};
+export declare function NavigationCard({ name, description, icon, actions, onClick, }: NavigationCardProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/HomePage/{NavigationCollectionCard.d.ts → NavigationCardBinding.d.ts}

@@ -1,7 +1,7 @@
 import { TopNavigationEntry } from "../../types";
 /**
  * This is the component used in the home page to render a card for each
- * collection.
+ * collection or view.
  * @group Components
  * @param view
  * @param path
@@ -10,8 +10,8 @@ import { TopNavigationEntry } from "../../types";
  * @param name
  * @param description
  * @param onClick
- * @constructor
+
  */
-export declare function NavigationCollectionCard({ view, path, collection, url, name, description, onClick }: TopNavigationEntry & {
+export declare function NavigationCardBinding({ path, collection, view, url, name, description, onClick, type }: TopNavigationEntry & {
     onClick?: () => void;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,6 @@
+export type SmallNavigationCardProps = {
+    name: string;
+    url: string;
+    icon: React.ReactElement;
+};
+export declare function SmallNavigationCard({ name, url, icon, }: SmallNavigationCardProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,3 +1,5 @@
 export * from "./DefaultHomePage";
-export * from "./NavigationCollectionCard";
+export * from "./NavigationCardBinding";
 export * from "./NavigationGroup";
+export * from "./NavigationCard";
+export * from "./SmallNavigationCard";

package/dist/components/{FieldConfigBadge.d.ts → PropertyConfigBadge.d.ts}

@@ -1,4 +1,5 @@
 import { PropertyConfig } from "../types";
-export declare function FieldConfigBadge({ 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/{ReferenceSelectionInner.d.ts → ReferenceTable/ReferenceSelectionTable.d.ts}

@@ -1,5 +1,5 @@
 import React from "react";
-import { Entity, EntityCollection, FilterValues } from "../types";
+import { Entity, EntityCollection, FilterValues } from "../../types";
 /**
  * @group Components
  */
@@ -55,4 +55,4 @@ export interface ReferenceSelectionInnerProps<M extends Record<string, any>> {
  * You probably want to open this dialog as a side view using {@link useReferenceDialog}
  * @group Components
  */
-export declare function ReferenceSelectionInner<M extends Record<string, any>>({ onSingleEntitySelected, onMultipleEntitiesSelected, multiselect, collection, path: pathInput, selectedEntityIds: selectedEntityIdsProp, description, forceFilter, maxSelection }: ReferenceSelectionInnerProps<M>): import("react/jsx-runtime").JSX.Element;
+export declare function ReferenceSelectionTable<M extends Record<string, any>>({ onSingleEntitySelected, onMultipleEntitiesSelected, multiselect, collection, path: pathInput, selectedEntityIds: selectedEntityIdsProp, description, forceFilter, maxSelection, }: ReferenceSelectionInnerProps<M>): import("react/jsx-runtime").JSX.Element;