@firecms/core 3.0.0-canary.99 → 3.0.0-rc.2

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

@@ -5,7 +5,6 @@
  * 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;

package/dist/app/Scaffold.d.ts

@@ -13,6 +13,10 @@ export interface ScaffoldProps {
      * Note that this has no effect if you are using a custom AppBar or Drawer.
      */
     logo?: string;
+    /**
+     * If true, the main content will be padded in large layouts. Defaults to true.
+     */
+    padding?: boolean;
     className?: string;
     style?: React.CSSProperties;
 }

package/dist/components/ArrayContainer.d.ts

@@ -1,40 +1,59 @@
 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;
+    canAddElements?: boolean;
+    sortable?: boolean;
     newDefaultEntry: T;
     onValueChange: (value: T[]) => void;
+    className?: string;
+    min?: number;
+    max?: number;
 }
-/**
- * @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;
 type ArrayContainerItemProps = {
-    provided: DraggableProvided;
+    nodeRef: (node: HTMLElement | null) => void;
+    style: React.CSSProperties;
+    dragHandleProps: any;
     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;
+    canAddElements?: boolean;
+    sortable: boolean;
     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({ nodeRef, style, dragHandleProps, index, internalId, size, disabled, buildEntry, remove, copy, addInIndex, canAddElements, sortable, isDragging, storedProps, updateItemCustomProps }: ArrayContainerItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function ArrayItemOptions({ dragHandleProps, direction, disabled, remove, index, copy, canAddElements, sortable, addInIndex, }: {
+    dragHandleProps: any;
     direction?: "row" | "column";
     disabled: boolean;
     remove: (index: number) => void;
     index: number;
-    provided: any;
     copy: (index: number) => void;
+    sortable: boolean;
+    canAddElements?: boolean;
+    addInIndex?: (index: number) => void;
 }): import("react/jsx-runtime").JSX.Element;
+export declare function ArrayContainer<T>({ droppableId, addLabel, value, disabled, buildEntry, size, onInternalIdAdded, includeAddButton: deprecatedIncludeAddButton, canAddElements: canAddElementsProp, sortable, newDefaultEntry, onValueChange, className, min, max }: ArrayContainerProps<T>): import("react/jsx-runtime").JSX.Element;
 export declare function getRandomId(): number;
 export {};

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

@@ -12,10 +12,11 @@ import { CollectionSize, Entity, EntityAction, EntityCollection, SelectionContro
  *
  * @group Collection components
  */
-export declare const EntityCollectionRowActions: ({ entity, collection, fullPath, width, frozen, isSelected, selectionEnabled, size, highlightEntity, onCollectionChange, unhighlightEntity, actions, hideId, selectionController, }: {
+export declare const EntityCollectionRowActions: ({ entity, collection, fullPath, fullIdPath, width, frozen, isSelected, selectionEnabled, size, highlightEntity, onCollectionChange, unhighlightEntity, actions, hideId, selectionController, openEntityMode }: {
     entity: Entity<any>;
     collection?: EntityCollection<any>;
     fullPath?: string;
+    fullIdPath?: string;
     width: number;
     frozen?: boolean;
     size: CollectionSize;
@@ -27,4 +28,5 @@ export declare const EntityCollectionRowActions: ({ entity, collection, fullPath
     selectionController?: SelectionController;
     highlightEntity?: (entity: Entity<any>) => void;
     unhighlightEntity?: (entity: Entity<any>) => void;
+    openEntityMode: "side_panel" | "full_screen";
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -17,11 +17,11 @@ import { EntityCollectionTableProps } from "./EntityCollectionTableProps";
  *
  * The data displayed in the table is managed by a {@link EntityTableController}.
  * You can build the default, bound to a path in the datasource, by using the hook
- * {@link useDataSourceEntityCollectionTableController}
+ * {@link useDataSourceTableController}
  *
  * @see EntityCollectionTableProps
  * @see EntityCollectionView
  * @see VirtualTable
  * @group Components
  */
-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;
+export declare const EntityCollectionTable: <M extends Record<string, any> = any, USER extends User = any>({ className, style, forceFilter, actionsStart, actions, title, tableRowActionsBuilder, uniqueFieldValidator, getPropertyFor, onValueChange, selectionController, highlightedEntities, onEntityClick, onColumnResize, initialScroll, onScroll, onSizeChanged, textSearchEnabled, hoverRow, inlineEditing, additionalFields, displayedColumnIds, defaultSize, properties, tableController, filterable, sortable, endAdornment, AddColumnComponent, AdditionalHeaderWidget, additionalIDHeaderWidget, emptyComponent, getIdColumnWidth, onTextSearchClick, textSearchLoading, enablePopupIcon, openEntityMode }: EntityCollectionTableProps<M>) => import("react/jsx-runtime").JSX.Element;

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

@@ -4,7 +4,7 @@ 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;
     /**
@@ -48,6 +48,19 @@ export type EntityCollectionTableProps<M extends Record<string, any>, UserType e
      * Callback when a column is resized
      */
     onColumnResize?(params: OnColumnResizeParams): void;
+    /**
+     * Initial scroll position
+     */
+    initialScroll?: number;
+    /**
+     * Callback when the table is scrolled
+     * @param props
+     */
+    onScroll?: (props: {
+        scrollDirection: "forward" | "backward";
+        scrollOffset: number;
+        scrollUpdateWasRequested: boolean;
+    }) => void;
     /**
      * Callback when the selected size of the table is changed
      */
@@ -63,7 +76,7 @@ export type EntityCollectionTableProps<M extends Record<string, any>, UserType e
     actions?: React.ReactNode;
     /**
      * Controller holding the logic for the table
-     * {@link useDataSourceEntityCollectionTableController}
+     * {@link useDataSourceTableController}
      * {@link EntityTableController}
      */
     tableController: EntityTableController<M>;
@@ -71,7 +84,7 @@ export type EntityCollectionTableProps<M extends Record<string, any>, UserType e
     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];
@@ -90,6 +103,7 @@ export type EntityCollectionTableProps<M extends Record<string, any>, UserType e
     onTextSearchClick?: () => void;
     textSearchLoading?: boolean;
     enablePopupIcon: boolean;
+    openEntityMode?: "side_panel" | "full_screen";
 };
 export type GetPropertyForProps<M extends Record<string, any>> = {
     propertyKey: string;

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

@@ -15,7 +15,7 @@ type TableReferenceFieldProps = {
     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

@@ -2,5 +2,5 @@ export { EntityCollectionTable } from "./EntityCollectionTable";
 export type { EntityCollectionTableProps, } from "./EntityCollectionTableProps";
 export * from "./PropertyTableCell";
 export * from "./EntityCollectionRowActions";
-export * from "../common/useDataSourceEntityCollectionTableController";
+export * from "../common/useDataSourceTableController";
 export * from "./column_utils";

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;
@@ -19,5 +19,8 @@ interface PopupFormFieldProps<M extends Record<string, any>> {
     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

@@ -9,6 +9,10 @@ export type EntityCollectionViewProps<M extends Record<string, any>> = {
      * It defaults to the collection path if not provided.
      */
     fullPath?: string;
+    /**
+     * Full path using navigation ids.
+     */
+    fullIdPath?: string;
     /**
      * If this is a subcollection, specify the parent collection ids.
      */
@@ -18,6 +22,10 @@ export type EntityCollectionViewProps<M extends Record<string, any>> = {
      */
     isSubCollection?: boolean;
     className?: string;
+    /**
+     * If true, this view will store its filter and sorting status in the url params
+     */
+    updateUrl?: boolean;
 } & EntityCollection<M>;
 /**
  * This component is in charge of binding a datasource path with an {@link EntityCollection}

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

@@ -0,0 +1,3 @@
+export declare function EntityJsonPreview({ values }: {
+    values: object;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/EntityPreview.d.ts

@@ -2,29 +2,31 @@ import * as React from "react";
 import { Entity, EntityCollection } from "../types";
 import { PreviewSize } from "../preview";
 export type EntityPreviewProps = {
-    size: PreviewSize;
+    size?: PreviewSize;
     actions?: React.ReactNode;
     collection?: EntityCollection;
     hover?: boolean;
-    previewProperties?: string[];
-    disabled: undefined | boolean;
+    previewKeys?: string[];
+    disabled?: boolean;
     entity: Entity<any>;
     includeId?: boolean;
+    includeTitle?: boolean;
     includeEntityLink?: boolean;
+    includeImage?: 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, includeId, includeEntityLink, entity }: EntityPreviewProps): import("react/jsx-runtime").JSX.Element;
+export declare function EntityPreview({ actions, disabled, hover, collection: collectionProp, previewKeys, onClick, size, includeId, includeTitle, includeEntityLink, includeImage, entity, }: EntityPreviewProps): import("react/jsx-runtime").JSX.Element;
 export type EntityPreviewContainerProps = {
     children: React.ReactNode;
     hover?: boolean;
     fullwidth?: boolean;
-    size: PreviewSize;
+    size?: PreviewSize;
     className?: string;
     style?: React.CSSProperties;
     onClick?: (e: React.SyntheticEvent) => void;
 };
-export declare const EntityPreviewContainer: React.FC<EntityPreviewContainerProps>;
+export declare const EntityPreviewContainer: React.ForwardRefExoticComponent<EntityPreviewContainerProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -1,21 +1,8 @@
 import React from "react";
-/**
- * Default entry view for the CMS. This component renders navigation cards
- * for each collection defined in the navigation.
-
- * @group Components
- */
+export declare const DEFAULT_GROUP_NAME = "Views";
+export declare const ADMIN_GROUP_NAME = "Admin";
 export declare function DefaultHomePage({ additionalActions, additionalChildrenStart, additionalChildrenEnd }: {
-    /**
-     * Additional actions to be rendered in the home page, close to the search bar.
-     */
     additionalActions?: React.ReactNode;
-    /**
-     * Additional children to be rendered in the beginning of the home page.
-     */
     additionalChildrenStart?: React.ReactNode;
-    /**
-     * Additional children to be rendered at the end of the home page.
-     */
     additionalChildrenEnd?: React.ReactNode;
 }): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,76 @@
+import React from "react";
+import { Active, CollisionDetection, DropAnimation, UniqueIdentifier } from "@dnd-kit/core";
+import { NavigationEntry } from "../../types";
+export declare function SortableNavigationCard({ entry, onClick }: {
+    entry: NavigationEntry;
+    onClick?: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function NavigationGroupDroppable({ id, itemIds, children, isPotentialCardDropTarget }: {
+    id: UniqueIdentifier;
+    itemIds: UniqueIdentifier[];
+    children: React.ReactNode;
+    isPotentialCardDropTarget?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function SortableNavigationGroup({ groupName, children, disabled }: {
+    groupName: string;
+    children: React.ReactNode;
+    disabled?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useHomePageDnd({ items: dndItems, setItems: setDndItems, disabled, onCardMovedBetweenGroups, onGroupMoved, onNewGroupDrop, onPersist }: {
+    items: {
+        name: string;
+        entries: NavigationEntry[];
+    }[];
+    setItems: (newItemsOrUpdater: {
+        name: string;
+        entries: NavigationEntry[];
+    }[] | ((currentItems: {
+        name: string;
+        entries: NavigationEntry[];
+    }[]) => {
+        name: string;
+        entries: NavigationEntry[];
+    }[])) => void;
+    disabled: boolean;
+    onCardMovedBetweenGroups?: (card: NavigationEntry) => void;
+    onGroupMoved?: (groupName: string, oldIndex: number, newIndex: number) => void;
+    onNewGroupDrop?: () => void;
+    onPersist?: (latest: {
+        name: string;
+        entries: NavigationEntry[];
+    }[]) => void;
+}): {
+    sensors: import("@dnd-kit/core").SensorDescriptor<import("@dnd-kit/core").SensorOptions>[];
+    collisionDetection: CollisionDetection;
+    onDragStart: ({ active }: {
+        active: Active;
+    }) => void;
+    onDragOver: ({ active, over }: {
+        active: Active;
+        over: any;
+    }) => void;
+    onDragEnd: ({ active, over }: {
+        active: Active;
+        over: any;
+    }) => void;
+    onDragCancel: () => void;
+    dropAnimation: DropAnimation;
+    activeItemForOverlay: NavigationEntry | null;
+    activeGroupData: {
+        name: string;
+        entries: NavigationEntry[];
+    } | null;
+    draggingGroupId: UniqueIdentifier | null;
+    containers: string[];
+    dndKitActiveNode: Active | null;
+    isDraggingCardOnly: boolean;
+    dialogOpenForGroup: string | null;
+    setDialogOpenForGroup: React.Dispatch<React.SetStateAction<string | null>>;
+    handleRenameGroup: (oldName: string, newName: string) => void;
+    isHoveringNewGroupDropZone: boolean;
+    setIsHoveringNewGroupDropZone: React.Dispatch<React.SetStateAction<boolean>>;
+};
+export declare function NewGroupDropZone({ disabled, setIsHovering }: {
+    disabled: boolean;
+    setIsHovering: (v: boolean) => void;
+}): import("react/jsx-runtime").JSX.Element | null;

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

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

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

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

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

@@ -1,4 +1,11 @@
 import { PropsWithChildren } from "react";
-export declare function NavigationGroup({ children, group }: PropsWithChildren<{
+export declare function NavigationGroup({ children, group, minimised, isPreview, isPotentialCardDropTarget, onEditGroup, dndDisabled, collapsed, onToggleCollapsed }: PropsWithChildren<{
     group: string | undefined;
+    minimised?: boolean;
+    isPreview?: boolean;
+    isPotentialCardDropTarget?: boolean;
+    onEditGroup?: (groupName: string) => void;
+    dndDisabled?: boolean;
+    collapsed?: boolean;
+    onToggleCollapsed?: () => void;
 }>): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,9 @@
+interface RenameGroupDialogProps {
+    open: boolean;
+    initialName: string;
+    existingGroupNames: string[];
+    onClose: () => void;
+    onRename: (newName: string) => void;
+}
+export declare function RenameGroupDialog({ open, initialName, existingGroupNames, onClose, onRename }: RenameGroupDialogProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

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

@@ -34,7 +34,7 @@ export type SelectableTableProps<M extends Record<string, any>> = {
     hoverRow?: boolean;
     /**
      * Controller holding the logic for the table
-     * {@link useDataSourceEntityCollectionTableController}
+     * {@link useDataSourceTableController}
      * {@link EntityTableController}
      */
     tableController: EntityTableController<M>;
@@ -44,6 +44,16 @@ export type SelectableTableProps<M extends Record<string, any>> = {
     forceFilter?: FilterValues<keyof M extends string ? keyof M : never>;
     highlightedRow?: (data: Entity<M>) => boolean;
     size?: CollectionSize;
+    initialScroll?: number;
+    /**
+     * Callback when the table is scrolled
+     * @param props
+     */
+    onScroll?: (props: {
+        scrollDirection: "forward" | "backward";
+        scrollOffset: number;
+        scrollUpdateWasRequested: boolean;
+    }) => void;
     emptyComponent?: React.ReactNode;
     endAdornment?: React.ReactNode;
     AddColumnComponent?: React.ComponentType;
@@ -65,11 +75,11 @@ export type SelectableTableProps<M extends Record<string, any>> = {
  *
  * The data displayed in the table is managed by a {@link EntityTableController}.
  * You can build the default, bound to a path in the datasource, by using the hook
- * {@link useDataSourceEntityCollectionTableController}
+ * {@link useDataSourceTableController}
  *
  * @see EntityCollectionTableProps
  * @see EntityCollectionView
  * @see VirtualTable
  * @group Components
  */
-export declare const SelectableTable: React.NamedExoticComponent<SelectableTableProps<any>>;
+export declare const SelectableTable: <M extends Record<string, any>>({ onValueChange, cellRenderer, onEntityClick, onColumnResize, hoverRow, size, inlineEditing, tableController: { data, dataLoading, noMoreToLoad, dataLoadingError, filterValues, setFilterValues, sortBy, setSortBy, itemCount, setItemCount, pageSize, paginationEnabled, checkFilterCombination, setPopupCell }, filterable, onScroll, initialScroll, emptyComponent, columns, forceFilter, highlightedRow, endAdornment, AddColumnComponent }: SelectableTableProps<M>) => import("react/jsx-runtime").JSX.Element;

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

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

package/dist/components/UnsavedChangesDialog.d.ts

@@ -0,0 +1,8 @@
+export interface UnsavedChangesDialogProps {
+    open: boolean;
+    body?: React.ReactNode;
+    title?: string;
+    handleOk: () => void;
+    handleCancel: () => void;
+}
+export declare function UnsavedChangesDialog({ open, handleOk, handleCancel, body, title }: UnsavedChangesDialogProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/UserDisplay.d.ts

@@ -0,0 +1,7 @@
+import { User } from "../types";
+/**
+ * Component to render a single user with name and email
+ */
+export declare function UserDisplay({ user, }: {
+    user: User | null;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -66,6 +66,15 @@ export interface VirtualTableProps<T extends Record<string, any>> {
      * @param filter
      */
     onFilterUpdate?: (filter?: VirtualTableFilterValues<any> | undefined) => void;
+    /**
+     * Callback when the table is scrolled
+     * @param props
+     */
+    onScroll?: (props: {
+        scrollDirection: "forward" | "backward";
+        scrollOffset: number;
+        scrollUpdateWasRequested: boolean;
+    }) => void;
     /**
      * Default sort applied to this collection
      */
@@ -120,9 +129,9 @@ export interface VirtualTableProps<T extends Record<string, any>> {
      */
     AddColumnComponent?: React.ComponentType;
     /**
-     * Debug mode
+     * Initial scroll position
      */
-    debug?: boolean;
+    initialScroll?: number;
 }
 export type CellRendererParams<T = any> = {
     column: VirtualTableColumn;

package/dist/components/VirtualTable/fields/VirtualTableUserSelect.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+export declare function VirtualTableUserSelect(props: {
+    name: string;
+    error: Error | undefined;
+    multiple: boolean;
+    disabled: boolean;
+    small: boolean;
+    internalValue: string | string[] | undefined;
+    updateValue: (newValue: (string | string[] | null)) => void;
+    focused: boolean;
+    onBlur?: React.FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/common/default_entity_actions.d.ts

@@ -1,6 +1,4 @@
 import { EntityAction } from "../../types";
 export declare const editEntityAction: EntityAction;
 export declare const copyEntityAction: EntityAction;
-export declare const archiveEntityAction: EntityAction;
-export declare const openWebsiteAction: EntityAction;
 export declare const deleteEntityAction: EntityAction;

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

@@ -1,6 +1,6 @@
 export * from "./types";
 export * from "./useDebouncedData";
 export * from "./useColumnsIds";
-export * from "./useDataSourceEntityCollectionTableController";
+export * from "./useDataSourceTableController";
 export * from "./useTableSearchHelper";
 export * from "./default_entity_actions";

package/dist/components/common/useColumnsIds.d.ts

@@ -1,5 +1,6 @@
 import { EntityCollection, ResolvedEntityCollection, ResolvedProperty } from "../../types";
 import { PropertyColumnConfig } from "../EntityCollectionTable/EntityCollectionTableProps";
+export declare const COLLECTION_GROUP_PARENT_ID = "collectionGroupParent";
 export declare function useColumnIds<M extends Record<string, any>>(collection: ResolvedEntityCollection<M>, includeSubcollections: boolean): PropertyColumnConfig[];
 export declare function getColumnKeysForProperty(property: ResolvedProperty, key: string, disabled?: boolean): PropertyColumnConfig[];
 export declare function getFormFieldKeys(collection: EntityCollection): string[];