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

package/dist/components/ReferenceWidget.d.ts

@@ -3,13 +3,13 @@ import { PreviewSize } from "../preview";
 export type ReferenceWidgetProps<M extends Record<string, any>> = {
     name?: string;
     multiselect?: boolean;
-    value: EntityReference<M> | EntityReference<M>[] | null;
+    value: EntityReference | EntityReference[] | null;
     onReferenceSelected?: (params: {
-        reference: EntityReference<M> | null;
+        reference: EntityReference | null;
         entity: Entity<M> | null;
     }) => void;
     onMultipleReferenceSelected?: (params: {
-        references: EntityReference<M>[] | null;
+        references: EntityReference[] | null;
         entities: Entity<M>[] | null;
     }) => void;
     path: string;
@@ -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/{EntityCollectionTable/SimpleEntityCollectionTable.d.ts → SelectableTable/SelectableTable.d.ts}

@@ -1,17 +1,8 @@
 import React from "react";
 import { CollectionSize, Entity, EntityTableController, FilterValues } from "../../types";
 import { CellRendererParams, VirtualTableColumn } from "../VirtualTable";
-import { OnCellValueChange } from "./types";
-import { OnColumnResizeParams } from "./EntityCollectionTableProps";
-export type SimpleEntityCollectionTableProps<M extends Record<string, any>> = {
-    /**
-     * List of entities that will be displayed as selected;
-     */
-    highlightedEntities?: Entity<M>[];
-    /**
-     * Override the title in the toolbar
-     */
-    title?: React.ReactNode;
+import { OnCellValueChange, OnColumnResizeParams } from "../common";
+export type SelectableTableProps<M extends Record<string, any>> = {
     /**
      * Callback when a cell value changes.
      */
@@ -37,24 +28,10 @@ export type SimpleEntityCollectionTableProps<M extends Record<string, any>> = {
      * Callback when a column is resized
      */
     onColumnResize?(params: OnColumnResizeParams): void;
-    /**
-     * Callback when the selected size of the table is changed
-     */
-    onSizeChanged?(size: CollectionSize): void;
     /**
      * Should apply a different style to a row when hovering
      */
     hoverRow?: boolean;
-    /**
-     * Additional component that renders actions such as buttons in the
-     * collection toolbar, displayed on the left side
-     */
-    actionsStart?: React.ReactNode;
-    /**
-     * Additional component that renders actions such as buttons in the
-     * collection toolbar, displayed on the right side
-     */
-    actions?: React.ReactNode;
     /**
      * Controller holding the logic for the table
      * {@link useDataSourceEntityCollectionTableController}
@@ -64,9 +41,12 @@ export type SimpleEntityCollectionTableProps<M extends Record<string, any>> = {
     filterable?: boolean;
     sortable?: boolean;
     inlineEditing?: boolean;
-    textSearchEnabled?: boolean;
-    emptyComponent?: React.ReactNode;
     forceFilter?: FilterValues<keyof M extends string ? keyof M : never>;
+    highlightedRow?: (data: Entity<M>) => boolean;
+    size?: CollectionSize;
+    emptyComponent?: React.ReactNode;
+    endAdornment?: React.ReactNode;
+    AddColumnComponent?: React.ComponentType;
 };
 /**
  * This component is in charge of rendering a collection table with a high
@@ -92,4 +72,4 @@ export type SimpleEntityCollectionTableProps<M extends Record<string, any>> = {
  * @see VirtualTable
  * @group Components
  */
-export declare const SimpleEntityCollectionTable: React.NamedExoticComponent<SimpleEntityCollectionTableProps<any>>;
+export declare const SelectableTable: React.NamedExoticComponent<SelectableTableProps<any>>;

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

@@ -0,0 +1,4 @@
+import React from "react";
+import { EntityCollectionTableController } from "../common/types";
+export declare const SelectableTableContext: React.Context<EntityCollectionTableController<any>>;
+export declare const useSelectableTableController: () => EntityCollectionTableController<any>;

package/dist/components/{EntityCollectionTable → 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
@@ -207,7 +210,7 @@ export type VirtualTableSort = "asc" | "desc" | undefined;
 export type VirtualTableFilterValues<Key extends string> = Partial<Record<Key, [WhereFilterOp, any]>>;
 /**
  * Filter conditions in a `Query.where()` clause are specified using the
- * strings '<', '<=', '==', '>=', '>', 'array-contains', 'in', 'not-in', and 'array-contains-any'.
+ * strings `<`, `<=`, `==`, `>=`, `>`, `array-contains`, `in`, and `array-contains-any`.
  * @see Table
  * @group Models
  */

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

@@ -1,9 +1,9 @@
 import React from "react";
-import { CellRendererParams, OnRowClickParams, OnVirtualTableColumnResizeParams, VirtualTableColumn, VirtualTableFilterValues, VirtualTableSize, VirtualTableWhereFilterOp } from "./VirtualTableProps";
+import { CellRendererParams, OnRowClickParams, OnVirtualTableColumnResizeParams, VirtualTableColumn, VirtualTableFilterValues, VirtualTableWhereFilterOp } from "./VirtualTableProps";
 import { FilterFormFieldProps } from "./VirtualTableHeader";
 export type VirtualTableRowProps<T> = {
     style: any;
-    size: VirtualTableSize;
+    rowHeight: number;
     rowData: T;
     rowIndex: number;
     onRowClick?: (props: OnRowClickParams<any>) => void;
@@ -14,7 +14,7 @@ export type VirtualTableRowProps<T> = {
 };
 export type VirtualTableContextProps<T extends any> = {
     data?: T[];
-    size?: VirtualTableSize;
+    rowHeight?: number;
     columns: VirtualTableColumn[];
     cellRenderer: React.ComponentType<CellRendererParams<T>>;
     currentSort: "asc" | "desc" | undefined;

package/dist/components/{EntityCollectionTable/internal → common}/default_entity_actions.d.ts

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

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

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

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

@@ -0,0 +1,5 @@
+/**
+ * @group Components
+ */
+export type TableSize = "xs" | "s" | "m" | "l" | "xl";
+export declare function getRowHeight(size: TableSize): number;

package/dist/components/{EntityCollectionTable → common}/types.d.ts

@@ -1,4 +1,4 @@
-import { CollectionSize, Entity, FireCMSContext, ResolvedProperty, SelectedCellProps } from "../../types";
+import { CollectionSize, ResolvedProperty, SelectedCellProps } from "../../types";
 export type EntityCollectionTableController<M extends Record<string, any>> = {
     /**
      * This cell is displayed as selected
@@ -28,14 +28,12 @@ export type EntityCollectionTableController<M extends Record<string, any>> = {
  * Props passed in a callback when the content of a cell in a table has been edited
  * @group Collection components
  */
-export interface OnCellValueChangeParams<T = any, M extends Record<string, any> = any> {
+export interface OnCellValueChangeParams<T = any, D = any> {
     value: T;
     propertyKey: string;
-    entity: Entity<M>;
+    data?: D;
     onValueUpdated: () => void;
-    setError: (e: Error) => void;
-    fullPath: string;
-    context: FireCMSContext;
+    setError: (e: Error | undefined) => void;
 }
 /**
  * @group Collection components
@@ -51,3 +49,10 @@ export type UniqueFieldValidator = (props: {
  * @group Collection components
  */
 export type OnCellValueChange<T, M extends Record<string, any>> = (params: OnCellValueChangeParams<T, M>) => Promise<void> | void;
+/**
+ * @group Collection components
+ */
+export type OnColumnResizeParams = {
+    width: number;
+    key: string;
+};

package/dist/components/{EntityCollectionView → common}/useColumnsIds.d.ts

@@ -1,4 +1,5 @@
-import { ResolvedEntityCollection, ResolvedProperty } from "../../types";
+import { EntityCollection, ResolvedEntityCollection, ResolvedProperty } from "../../types";
 import { PropertyColumnConfig } from "../EntityCollectionTable/EntityCollectionTableProps";
 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[];

package/dist/components/{EntityCollectionTable → common}/useDataSourceEntityCollectionTableController.d.ts

@@ -1,4 +1,4 @@
-import { Entity, EntityCollection, FilterValues, EntityTableController, User } from "../../types";
+import { Entity, EntityCollection, EntityTableController, FilterValues, User } from "../../types";
 export type DataSourceEntityCollectionTableControllerProps<M extends Record<string, any> = any> = {
     /**
      * Full path where the data of this table is located
@@ -14,6 +14,9 @@ export type DataSourceEntityCollectionTableControllerProps<M extends Record<stri
      */
     entitiesDisplayedFirst?: Entity<M>[];
     lastDeleteTimestamp?: number;
+    /**
+     * Force filter to be applied to the table.
+     */
     forceFilter?: FilterValues<string>;
 };
 /**

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

@@ -0,0 +1,12 @@
+import { EntityCollection } from "../../types";
+export interface UseTableSearchHelperParams<M extends Record<string, any>> {
+    collection: EntityCollection<M>;
+    fullPath: string;
+    parentCollectionIds?: string[];
+}
+export declare function useTableSearchHelper<M extends Record<string, any>>({ collection, fullPath, parentCollectionIds }: UseTableSearchHelperParams<M>): {
+    textSearchLoading: boolean;
+    textSearchInitialised: boolean;
+    onTextSearchClick: (() => void) | undefined;
+    textSearchEnabled: boolean;
+};

package/dist/components/index.d.ts

@@ -1,21 +1,27 @@
 export type { ErrorViewProps } from "./ErrorView";
 export { ErrorView } from "./ErrorView";
-export type { EntityPreviewProps } from "./EntityPreview";
-export { EntityPreview } from "./EntityPreview";
-export type { ReferenceSelectionInnerProps } from "./ReferenceSelectionInner";
-export { ReferenceSelectionInner } from "./ReferenceSelectionInner";
+export type { EntityViewProps } from "./EntityView";
+export { EntityView } from "./EntityView";
+export type { ReferenceSelectionInnerProps } from "./ReferenceTable/ReferenceSelectionTable";
+export { ReferenceSelectionTable } from "./ReferenceTable/ReferenceSelectionTable";
 export { CircularProgressCenter } from "./CircularProgressCenter";
+export * from "./common";
 export * from "./HomePage";
+export * from "./SelectableTable/SelectableTable";
+export * from "./SelectableTable/SelectableTableContext";
 export * from "./EntityCollectionView/EntityCollectionView";
-export * from "./FieldConfigBadge";
+export * from "./EntityCollectionView/EntityCollectionViewActions";
+export * from "./EntityCollectionView/useSelectionController";
+export * from "./PropertyConfigBadge";
+export * from "./PropertyIdCopyTooltip";
 export * from "./EntityCollectionTable";
 export * from "./NotFoundPage";
 export * from "./VirtualTable";
 export * from "./ErrorBoundary";
-export * from "./DeleteConfirmationDialog";
+export * from "./ConfirmationDialog";
 export * from "./FireCMSLogo";
-export * from "./FireCMSAppBar";
+export * from "../core/DefaultAppBar";
 export * from "./ArrayContainer";
 export * from "./ReferenceWidget";
-export * from "./LabelWithIcon";
 export * from "./SearchIconsView";
+export * from "./FieldCaption";

package/dist/contexts/AuthControllerContext.d.ts

@@ -1,3 +1,3 @@
 import React from "react";
 import { AuthController } from "../types";
-export declare const AuthControllerContext: React.Context<AuthController>;
+export declare const AuthControllerContext: React.Context<AuthController<any, any>>;

package/dist/{components/FireCMSAppBar.d.ts → core/DefaultAppBar.d.ts}

@@ -1,26 +1,23 @@
 import React from "react";
 import { User } from "../types";
-export type FireCMSAppBarProps<ADDITIONAL_PROPS = object> = {
-    title: string;
+export type DefaultAppBarProps<ADDITIONAL_PROPS = object> = {
+    title?: React.ReactNode;
     /**
      * A component that gets rendered on the upper side of the main toolbar
      */
     endAdornment?: React.ReactNode;
     startAdornment?: React.ReactNode;
     dropDownActions?: React.ReactNode;
-    includeDrawer?: boolean;
-    drawerOpen: boolean;
+    includeModeToggle?: boolean;
     className?: string;
     style?: React.CSSProperties;
+    logo?: string;
     user?: User;
 } & ADDITIONAL_PROPS;
 /**
  * This component renders the main app bar of FireCMS.
  * You will likely not need to use this component directly.
  *
- * @param title
- * @param toolbarExtraWidget
- * @param drawerOpen
- * @constructor
+
  */
-export declare const FireCMSAppBar: ({ title, endAdornment, startAdornment, drawerOpen, dropDownActions, includeDrawer, className, style, user: userProp }: FireCMSAppBarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DefaultAppBar: ({ title, endAdornment, startAdornment, dropDownActions, includeModeToggle, className, style, user: userProp }: DefaultAppBarProps) => import("react/jsx-runtime").JSX.Element;

package/dist/core/DefaultDrawer.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+/**
+ * Default drawer used in the CMS
+ * @group Core
+ */
+export declare function DefaultDrawer({ className, style, }: {
+    className?: string;
+    style?: React.CSSProperties;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * This is the logo displayed in the drawer
+ * It expands when the drawer is open.
+ *
+ * @param logo
+
+ */
+export declare function DrawerLogo({ logo }: {
+    logo?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/core/DrawerNavigationItem.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export declare function DrawerNavigationItem({ name, icon, drawerOpen, adminMenuOpen, tooltipsOpen, url, onClick }: {
+    icon: React.ReactElement;
+    name: string;
+    tooltipsOpen: boolean;
+    drawerOpen: boolean;
+    adminMenuOpen?: boolean;
+    url: string;
+    onClick?: () => void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/core/EntityEditView.d.ts

@@ -0,0 +1,36 @@
+import { Entity, EntityCollection, EntityValues, ResolvedEntityCollection, User } from "../types";
+import { ValidationError } from "yup";
+export interface EntityEditViewProps<M extends Record<string, any>> {
+    path: string;
+    collection: EntityCollection<M>;
+    entityId?: string;
+    copy?: boolean;
+    selectedSubPath?: string;
+    parentCollectionIds: string[];
+    onValuesAreModified: (modified: boolean) => void;
+    onUpdate?: (params: {
+        entity: Entity<any>;
+    }) => void;
+    onClose?: () => void;
+}
+/**
+ * This is the default view that is used as the content of a side panel when
+ * an entity is opened.
+ * You probably don't want to use this view directly since it is bound to the
+ * side panel.
+ */
+export declare function EntityEditView<M extends Record<string, any>, UserType extends User>({ entityId, ...props }: EntityEditViewProps<M>): import("react/jsx-runtime").JSX.Element;
+export declare function EntityEditViewInner<M extends Record<string, any>>({ path, entityId: entityIdProp, selectedSubPath: selectedSubPathProp, copy, collection, parentCollectionIds, onValuesAreModified, onUpdate, onClose, entity, dataLoading }: EntityEditViewProps<M> & {
+    entity?: Entity<M>;
+    dataLoading: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+export type EntityFormSaveParams<M extends Record<string, any>> = {
+    collection: ResolvedEntityCollection<M>;
+    path: string;
+    entityId: string | undefined;
+    values: EntityValues<M>;
+    previousValues?: EntityValues<M>;
+    closeAfterSave: boolean;
+    autoSave: boolean;
+};
+export declare function yupToFormErrors(yupError: ValidationError): Record<string, any>;

package/dist/core/FireCMS.d.ts

@@ -8,7 +8,7 @@ import { EntityCollection, FireCMSProps, User } from "../types";
  *
  * You only need to use this component if you are building a custom app.
  *
- * @constructor
+
  * @group Core
  */
 export declare function FireCMS<UserType extends User, EC extends EntityCollection>(props: FireCMSProps<UserType, EC>): import("react/jsx-runtime").JSX.Element;

package/dist/core/NavigationRoutes.d.ts

@@ -6,8 +6,8 @@ export type NavigationRoutesProps = {
     /**
      * In case you need to override the home page
      */
-    HomePage?: React.ComponentType;
-    customRoutes?: React.ReactNode[];
+    homePage?: React.ReactNode;
+    children?: React.ReactNode | React.ReactNode[];
 };
 /**
  * This component is in charge of rendering
@@ -15,7 +15,7 @@ export type NavigationRoutesProps = {
  * or the home route) related to a {@link NavigationController}.
  * This component needs a parent {@link FireCMS}
  *
- * @constructor
+
  * @group Components
  */
 export declare const NavigationRoutes: React.NamedExoticComponent<NavigationRoutesProps>;

package/dist/core/index.d.ts

@@ -1,10 +1,7 @@
 export * from "./FireCMS";
-export type { ScaffoldProps } from "./Scaffold";
-export { Scaffold } from "./Scaffold";
-export type { DrawerProps } from "./Drawer";
-export { Drawer, DrawerNavigationItem } from "./Drawer";
+export * from "../app/Scaffold";
+export * from "./DefaultDrawer";
+export * from "./DrawerNavigationItem";
 export * from "./field_configs";
 export * from "./SideDialogs";
 export * from "./NavigationRoutes";
-export * from "./useBuildModeController";
-export * from "./useBuildLocalConfigurationPersistence";

package/dist/form/PropertyFieldBinding.d.ts

@@ -26,5 +26,5 @@ import { CMSType, PropertyFieldBindingProps } from "../types";
  * @group Form custom fields
  */
 export declare const PropertyFieldBinding: typeof PropertyFieldBindingInternal;
-declare function PropertyFieldBindingInternal<T extends CMSType = CMSType, CustomProps = any, M extends Record<string, any> = Record<string, any>>({ propertyKey, property, context, includeDescription, underlyingValueHasChanged, disabled, tableMode, partOfArray, partOfBlock, autoFocus, }: PropertyFieldBindingProps<T, M>): ReactElement<PropertyFieldBindingProps<T, M>>;
+declare function PropertyFieldBindingInternal<T extends CMSType = CMSType, M extends Record<string, any> = Record<string, any>>({ propertyKey, property, context, includeDescription, underlyingValueHasChanged, disabled, partOfArray, minimalistView, autoFocus, index, size }: PropertyFieldBindingProps<T, M>): ReactElement<PropertyFieldBindingProps<T, M>>;
 export {};

package/dist/form/components/CustomIdField.d.ts

@@ -1,9 +1,10 @@
 import { Entity, EntityStatus, EnumValues } from "../../types";
-export declare function CustomIdField<M extends Record<string, any>>({ customId, entityId, status, onChange, error, entity }: {
+export declare function CustomIdField<M extends Record<string, any>>({ customId, entityId, status, onChange, error, entity, loading }: {
     customId?: boolean | EnumValues | "optional";
     entityId?: string;
     status: EntityStatus;
     onChange: (id?: string) => void;
     error: boolean;
     entity: Entity<M> | undefined;
+    loading: boolean;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/form/components/ErrorFocus.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 export declare const ErrorFocus: ({ containerRef }: {
-    containerRef?: React.RefObject<HTMLDivElement> | undefined;
+    containerRef?: React.RefObject<HTMLDivElement>;
 }) => null;

package/dist/form/components/FieldHelperText.d.ts

@@ -1,12 +1,12 @@
-import { ResolvedProperty } from "../../types";
+import { Property, ResolvedProperty } from "../../types";
 /**
  * Component in charge of rendering the description of a field
  * as well as the error message if any.
  */
 export declare function FieldHelperText({ error, showError, property, includeDescription, disabled }: {
     error?: string;
-    showError: boolean;
-    property: ResolvedProperty;
+    showError?: boolean;
+    property: ResolvedProperty | Property;
     includeDescription?: boolean;
     disabled?: boolean;
 }): import("react/jsx-runtime").JSX.Element | null;

package/dist/form/components/FormikArrayContainer.d.ts

@@ -10,9 +10,10 @@ interface ArrayContainerProps<T> {
     includeAddButton?: boolean;
     newDefaultEntry?: T | null;
     setFieldValue: (field: string, value: any, shouldValidate?: boolean | undefined) => void;
+    className?: string;
 }
 /**
  * @group Form custom fields
  */
-export declare function FormikArrayContainer<T>({ name, addLabel, value, disabled, buildEntry, small, onInternalIdAdded, includeAddButton, newDefaultEntry, setFieldValue }: ArrayContainerProps<T>): import("react/jsx-runtime").JSX.Element;
+export declare function FormikArrayContainer<T>({ name, addLabel, value, disabled, buildEntry, small, onInternalIdAdded, includeAddButton, newDefaultEntry, setFieldValue, className }: ArrayContainerProps<T>): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/{components → form/components}/LabelWithIcon.d.ts

@@ -10,5 +10,5 @@ interface LabelWithIconProps {
  * Render the label of with an icon and the title of a property
  * @group Form custom fields
  */
-export declare function LabelWithIcon({ icon, title, small, className, required }: LabelWithIconProps): import("react/jsx-runtime").JSX.Element;
+export declare const LabelWithIcon: React.ForwardRefExoticComponent<LabelWithIconProps & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/form/components/LabelWithIconAndTooltip.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+interface LabelWithIconAndTooltip {
+    icon: React.ReactNode;
+    title?: string;
+    small?: boolean;
+    className?: string;
+    required?: boolean;
+    propertyKey: string;
+}
+/**
+ * Render the label of with an icon and the title of a property
+ * @group Form custom fields
+ */
+export declare function LabelWithIconAndTooltip({ propertyKey, className, ...props }: LabelWithIconAndTooltip): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/form/components/StorageItemPreview.d.ts

@@ -1,13 +1,14 @@
-import { Entity, ResolvedStringProperty } from "../../types";
+import { ResolvedStringProperty } from "../../types";
 import { PreviewSize } from "../../preview";
 interface StorageItemPreviewProps {
     name: string;
     property: ResolvedStringProperty;
     value: string;
-    entity: Entity<any>;
     onRemove: (value: string) => void;
     size: PreviewSize;
     disabled: boolean;
+    placeholder?: boolean;
+    className?: string;
 }
-export declare function StorageItemPreview({ name, property, value, entity, onRemove, disabled, size }: StorageItemPreviewProps): import("react/jsx-runtime").JSX.Element;
+export declare function StorageItemPreview({ name, property, value, onRemove, disabled, size, placeholder, className }: StorageItemPreviewProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/form/components/StorageUploadProgress.d.ts

@@ -7,4 +7,4 @@ export interface StorageUploadItemProps {
     imageSize: number;
     simple: boolean;
 }
-export declare function StorageUploadProgress({ storagePath, entry, metadata, onFileUploadComplete, imageSize, simple }: StorageUploadItemProps): import("react/jsx-runtime").JSX.Element;
+export declare function StorageUploadProgress({ storagePath, entry, metadata, onFileUploadComplete, imageSize, simple, }: StorageUploadItemProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,3 +1,4 @@
 export * from "./FormikArrayContainer";
-export * from "./SwitchControl";
 export * from "./FieldHelperText";
+export * from "./LabelWithIcon";
+export * from "./LabelWithIconAndTooltip";

package/dist/form/field_bindings/ArrayCustomShapedFieldBinding.d.ts

@@ -6,4 +6,4 @@ import { FieldProps } from "../../types";
  * and tables to the specified properties.
  * @group Form fields
  */
-export declare function ArrayCustomShapedFieldBinding<T extends Array<any>>({ propertyKey, value, error, showError, isSubmitting, setValue, tableMode, property, includeDescription, underlyingValueHasChanged, context, disabled }: FieldProps<T, any, any>): import("react/jsx-runtime").JSX.Element;
+export declare function ArrayCustomShapedFieldBinding<T extends Array<any>>({ propertyKey, value, error, showError, isSubmitting, setValue, minimalistView, property, includeDescription, underlyingValueHasChanged, context, disabled }: FieldProps<T, any, any>): import("react/jsx-runtime").JSX.Element;