@firecms/core 3.0.0-beta.2-pre.2 → 3.0.0-beta.2-pre.3

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@firecms/core",
   "type": "module",
-  "version": "3.0.0-beta.2-pre.2",
+  "version": "3.0.0-beta.2-pre.3",
   "description": "Awesome Firebase/Firestore-based headless open-source CMS",
   "funding": {
     "url": "https://github.com/sponsors/firecmsco"
@@ -38,7 +38,7 @@
     "generateIcons": "ts-node --esm src/icons/generateIcons.ts"
   },
   "dependencies": {
-    "@firecms/ui": "^3.0.0-beta.2-pre.2",
+    "@firecms/ui": "^3.0.0-beta.2-pre.3",
     "@fontsource/ibm-plex-mono": "^5.0.8",
     "@fontsource/roboto": "^5.0.8",
     "@hello-pangea/dnd": "^16.5.0",
@@ -107,7 +107,7 @@
     "dist",
     "src"
   ],
-  "gitHead": "f3f62fc3cbc4f0d9d1a26817a14cff06393b7c2b",
+  "gitHead": "c78c58643c73ba776dfbcb8315d1a99160bb607a",
   "publishConfig": {
     "access": "public"
   }

package/src/components/ArrayContainer.tsx

@@ -274,7 +274,7 @@ export function ArrayItemOptions({
     const iconRef = React.useRef<HTMLDivElement>(null);
     useOutsideAlerter(iconRef, () => setMenuOpen(false));
 
-    return <div className={`ml-2 flex ${direction === "row" ? "flex-row-reverse" : "flex-col"} items-center`}
+    return <div className={`pl-2 pt-1 pb-4 flex ${direction === "row" ? "flex-row-reverse" : "flex-col"} items-center`}
                 ref={iconRef}
                 {...provided.dragHandleProps}>
         <Tooltip
@@ -302,14 +302,21 @@ export function ArrayItemOptions({
             </IconButton>
 
             <Menu
+                portalContainer={iconRef.current}
                 open={menuOpen}
                 trigger={<div/>}>
 
-                <MenuItem dense onClick={() => remove(index)}>
+                <MenuItem dense onClick={(e) => {
+                    setMenuOpen(false);
+                    remove(index);
+                }}>
                     <RemoveIcon size={"small"}/>
                     Remove
                 </MenuItem>
-                <MenuItem dense onClick={() => copy(index)}>
+                <MenuItem dense onClick={() => {
+                    setMenuOpen(false);
+                    copy(index);
+                }}>
                     <ContentCopyIcon size={"small"}/>
                     Copy
                 </MenuItem>

package/src/components/EntityCollectionTable/EntityCollectionTable.tsx

@@ -8,7 +8,7 @@ import { CellRendererParams, VirtualTableColumn } from "../VirtualTable";
 import { getValueInPath } from "../../util";
 import { getRowHeight } from "../VirtualTable/common";
 import { EntityCollectionRowActions } from "./EntityCollectionRowActions";
-import { EntityCollectionTableController } from "./types";
+import { EntityCollectionTableController } from "../common/types";
 import { CollectionTableToolbar } from "./internal/CollectionTableToolbar";
 import { EntityCollectionTableProps } from "./EntityCollectionTableProps";
 import { EntityTableCell } from "./internal/EntityTableCell";
@@ -16,13 +16,8 @@ import { CustomFieldValidator } from "../../form/validation";
 import { renderSkeletonText } from "../../preview";
 import { propertiesToColumns } from "./column_utils";
 import { ErrorView } from "../ErrorView";
-import { SimpleTable } from "./SimpleTable";
+import { SelectableTable } from "../SelectableTable/SelectableTable";
 
-const DEFAULT_STATE = {} as any;
-
-export const EntityCollectionTableContext = React.createContext<EntityCollectionTableController<any>>(DEFAULT_STATE);
-
-export const useEntityCollectionTableController = () => useContext<EntityCollectionTableController<any>>(EntityCollectionTableContext);
 
 /**
  * This component is in charge of rendering a collection table with a high
@@ -313,21 +308,20 @@ export const EntityCollectionTable = React.memo<EntityCollectionTableProps<any>>
                     actions={actions}
                     loading={tableController.dataLoading}/>
 
-                <SimpleTable columns={columns}
-                             size={size}
-                             inlineEditing={inlineEditing}
-                             cellRenderer={cellRenderer}
-                             onEntityClick={onEntityClick}
-                             highlightedRow={useCallback((entity: Entity<M>) => selectedEntityIds?.includes(entity.id) ?? false, [selectedEntityIds])}
-                             tableController={tableController}
-                             onValueChange={onValueChange}
-                             onColumnResize={onColumnResize}
-                             hoverRow={hoverRow}
-                             filterable={filterable}
-                             emptyComponent={emptyComponent}
-                             endAdornment={endAdornment}
-                             AddColumnComponent={AddColumnComponent}/>
-
+                <SelectableTable columns={columns}
+                                 size={size}
+                                 inlineEditing={inlineEditing}
+                                 cellRenderer={cellRenderer}
+                                 onEntityClick={onEntityClick}
+                                 highlightedRow={useCallback((entity: Entity<M>) => selectedEntityIds?.includes(entity.id) ?? false, [selectedEntityIds])}
+                                 tableController={tableController}
+                                 onValueChange={onValueChange}
+                                 onColumnResize={onColumnResize}
+                                 hoverRow={hoverRow}
+                                 filterable={filterable}
+                                 emptyComponent={emptyComponent}
+                                 endAdornment={endAdornment}
+                                 AddColumnComponent={AddColumnComponent}/>
 
             </div>
         );

package/src/components/EntityCollectionTable/EntityCollectionTableProps.tsx

@@ -10,12 +10,8 @@ import {
     SelectionController,
     User
 } from "../../types";
-import { OnCellValueChange, UniqueFieldValidator } from "./types";
+import { OnCellValueChange, OnColumnResizeParams, UniqueFieldValidator } from "../common/types";
 
-/**
- * @group Collection components
- */
-export type OnColumnResizeParams = { width: number, key: string };
 
 /**
  * @group Collection components

package/src/components/EntityCollectionTable/PropertyTableCell.tsx

@@ -24,13 +24,13 @@ import { getPreviewSizeFrom } from "../../preview/util";
 import { isReadOnly } from "../../util";
 
 import { CustomFieldValidator, mapPropertyToYup } from "../../form/validation";
-import { useEntityCollectionTableController } from "./EntityCollectionTable";
 import { useClearRestoreValue, useFireCMSContext } from "../../hooks";
 
 import { EntityTableCell } from "./internal/EntityTableCell";
 import { EntityTableCellActions } from "./internal/EntityTableCellActions";
 
 import { getRowHeight } from "../VirtualTable/common";
+import { useSelectableTableController } from "../SelectableTable/SelectableTableContext";
 
 export interface PropertyTableCellProps<T extends CMSType, M extends Record<string, any>> {
     propertyKey: string;
@@ -84,7 +84,7 @@ export const PropertyTableCell = React.memo<PropertyTableCellProps<any, any>>(
             selectedCell,
             select,
             setPopupCell
-        } = useEntityCollectionTableController();
+        } = useSelectableTableController();
 
         const selected = selectedCell?.propertyKey === propertyKey &&
             selectedCell?.entity.path === entity.path &&

package/src/components/EntityCollectionTable/column_utils.tsx

@@ -3,7 +3,7 @@ import { getTableCellAlignment, getTablePropertyColumnWidth } from "./internal/c
 import { FilterValues, ResolvedProperties, ResolvedProperty } from "../../types";
 import { VirtualTableColumn } from "../VirtualTable";
 import { getIconForProperty, getResolvedPropertyInPath } from "../../util";
-import { getColumnKeysForProperty } from "../EntityCollectionView/useColumnsIds";
+import { getColumnKeysForProperty } from "../common/useColumnsIds";
 
 export function buildIdColumn(largeLayout?: boolean): VirtualTableColumn {
     return {

package/src/components/EntityCollectionTable/index.tsx

@@ -4,17 +4,9 @@ export {
 
 export type {
     EntityCollectionTableProps,
-    OnColumnResizeParams
 } from "./EntityCollectionTableProps";
 
-export type {
-    UniqueFieldValidator,
-    OnCellValueChange,
-    OnCellValueChangeParams
-} from "./types";
-
 export * from "./PropertyTableCell";
-export * from "./SimpleTable";
 export * from "./EntityCollectionRowActions";
-export * from "./useDataSourceEntityCollectionTableController";
+export * from "../common/useDataSourceEntityCollectionTableController";
 export * from "./column_utils";

package/src/components/EntityCollectionTable/internal/popup_field/PopupFormField.tsx

@@ -19,11 +19,12 @@ import { useDraggable } from "./useDraggable";
 import { CustomFieldValidator, getYupEntitySchema } from "../../../../form/validation";
 import { useWindowSize } from "./useWindowSize";
 import { ElementResizeListener } from "./ElementResizeListener";
-import { ErrorView, OnCellValueChangeParams } from "../../../../components";
+import { ErrorView } from "../../../ErrorView";
 import { getPropertyInPath, isReadOnly, resolveCollection } from "../../../../util";
 import { Button, ClearIcon, DialogActions, IconButton, Typography } from "@firecms/ui";
 import { PropertyFieldBinding } from "../../../../form";
 import { useCustomizationController, useFireCMSContext } from "../../../../hooks";
+import { OnCellValueChangeParams } from "../../../common";
 
 interface PopupFormFieldProps<M extends Record<string, any>> {
     entity?: Entity<M>;

package/src/components/EntityCollectionView/EntityCollectionView.tsx

@@ -16,14 +16,11 @@ import {
     SelectionController
 } from "../../types";
 import {
+    EntityCollectionRowActions,
     EntityCollectionTable,
-    OnCellValueChange,
-    OnColumnResizeParams,
-    UniqueFieldValidator
+    useDataSourceEntityCollectionTableController
 } from "../EntityCollectionTable";
 
-import { EntityCollectionRowActions } from "../EntityCollectionTable/EntityCollectionRowActions";
-
 import {
     canCreateEntity,
     canDeleteEntity,
@@ -40,16 +37,12 @@ import {
     useAuthController,
     useCustomizationController,
     useDataSource,
-    useFireCMSContext,
     useLargeLayout,
     useNavigationController,
     useSideEntityController
 } from "../../hooks";
 import { useUserConfigurationPersistence } from "../../hooks/useUserConfigurationPersistence";
 import { EntityCollectionViewActions } from "./EntityCollectionViewActions";
-import {
-    useDataSourceEntityCollectionTableController
-} from "../EntityCollectionTable/useDataSourceEntityCollectionTableController";
 import {
     AddIcon,
     Button,
@@ -66,7 +59,13 @@ import {
 } from "@firecms/ui";
 import { setIn } from "formik";
 import { getSubcollectionColumnId } from "../EntityCollectionTable/internal/common";
-import { useColumnIds } from "./useColumnsIds";
+import {
+    OnCellValueChange,
+    OnColumnResizeParams,
+    UniqueFieldValidator,
+    useColumnIds,
+    useTableSearchHelper
+} from "../common";
 import { PopupFormField } from "../EntityCollectionTable/internal/popup_field/PopupFormField";
 import { GetPropertyForProps } from "../EntityCollectionTable/EntityCollectionTableProps";
 import {
@@ -130,7 +129,6 @@ export const EntityCollectionView = React.memo(
         const userConfigPersistence = useUserConfigurationPersistence();
         const analyticsController = useAnalyticsController();
         const customizationController = useCustomizationController();
-        const context = useFireCMSContext();
 
         const containerRef = React.useRef<HTMLDivElement>(null);
 
@@ -148,7 +146,6 @@ export const EntityCollectionView = React.memo(
         const [selectedNavigationEntity, setSelectedNavigationEntity] = useState<Entity<M> | undefined>(undefined);
         const [deleteEntityClicked, setDeleteEntityClicked] = React.useState<Entity<M> | Entity<M>[] | undefined>(undefined);
 
-        const [textSearchLoading, setTextSearchLoading] = useState<boolean>(false);
         const [lastDeleteTimestamp, setLastDeleteTimestamp] = React.useState<number>(0);
 
         // number of entities in the collection
@@ -569,34 +566,16 @@ export const EntityCollectionView = React.memo(
             }
             : undefined;
 
-        const [textSearchInitialised, setTextSearchInitialised] = useState<boolean>(false);
-        let onTextSearchClick: (() => void) | undefined;
-        let textSearchEnabled = Boolean(collection.textSearchEnabled);
-        if (customizationController?.plugins) {
-            const addTextSearchClickListener = customizationController.plugins?.find(p => Boolean(p.collectionView?.onTextSearchClick));
-
-            onTextSearchClick = addTextSearchClickListener
-                ? () => {
-                    setTextSearchLoading(true);
-                    Promise.all(customizationController.plugins?.map(p => {
-                        if (p.collectionView?.onTextSearchClick)
-                            return p.collectionView.onTextSearchClick({ context, path: resolvedFullPath, collection, parentCollectionIds });
-                        return Promise.resolve(true);
-                    }) as Promise<boolean>[])
-                        .then((res) => {
-                            if (res.every(Boolean)) setTextSearchInitialised(true);
-                        })
-                        .finally(() => setTextSearchLoading(false));
-                }
-                : undefined;
-
-            customizationController.plugins?.forEach(p => {
-                if (!textSearchEnabled)
-                    if (p.collectionView?.showTextSearchBar) {
-                        textSearchEnabled = p.collectionView.showTextSearchBar({ context, path: resolvedFullPath, collection, parentCollectionIds });
-                    }
-            })
-        }
+        const {
+            textSearchLoading,
+            textSearchInitialised,
+            onTextSearchClick,
+            textSearchEnabled
+        } = useTableSearchHelper({
+            collection,
+            fullPath: resolvedFullPath,
+            parentCollectionIds
+        });
 
         return (
             <div className={cn("overflow-hidden h-full w-full", className)}

package/src/components/{ReferenceSelectionInner.tsx → ReferenceTable/ReferenceSelectionTable.tsx}

@@ -1,8 +1,11 @@
 import React, { MouseEventHandler, useCallback, useEffect, useMemo, useState } from "react";
-import { CollectionSize, Entity, EntityCollection, FilterValues } from "../types";
+import { CollectionSize, Entity, EntityCollection, FilterValues } from "../../types";
 
-import { EntityCollectionTable } from "./EntityCollectionTable";
-import { EntityCollectionRowActions } from "./EntityCollectionTable/EntityCollectionRowActions";
+import {
+    EntityCollectionRowActions,
+    EntityCollectionTable,
+    useDataSourceEntityCollectionTableController
+} from "../EntityCollectionTable";
 import {
     useAuthController,
     useCustomizationController,
@@ -10,17 +13,14 @@ import {
     useLargeLayout,
     useNavigationController,
     useSideEntityController
-} from "../hooks";
-import { ErrorView } from "./ErrorView";
+} from "../../hooks";
+import { ErrorView } from "../ErrorView";
 import { AddIcon, Button, DialogActions, Typography } from "@firecms/ui";
-import { canCreateEntity, fullPathToCollectionSegments, resolveCollection } from "../util";
-import { useSelectionController } from "./EntityCollectionView/EntityCollectionView";
-import {
-    useDataSourceEntityCollectionTableController
-} from "./EntityCollectionTable/useDataSourceEntityCollectionTableController";
-import { useColumnIds } from "./EntityCollectionView/useColumnsIds";
-import { useSideDialogContext } from "../core";
-import { useAnalyticsController } from "../hooks/useAnalyticsController";
+import { canCreateEntity, fullPathToCollectionSegments, resolveCollection } from "../../util";
+import { useSelectionController } from "../EntityCollectionView/EntityCollectionView";
+import { useColumnIds, useTableSearchHelper } from "../common";
+import { useSideDialogContext } from "../../core";
+import { useAnalyticsController } from "../../hooks/useAnalyticsController";
 
 /**
  * @group Components
@@ -88,7 +88,7 @@ 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 function ReferenceSelectionInner<M extends Record<string, any>>(
+export function ReferenceSelectionTable<M extends Record<string, any>>(
     {
         onSingleEntitySelected,
         onMultipleEntitiesSelected,
@@ -98,7 +98,7 @@ export function ReferenceSelectionInner<M extends Record<string, any>>(
         selectedEntityIds: selectedEntityIdsProp,
         description,
         forceFilter,
-        maxSelection
+        maxSelection,
     }: ReferenceSelectionInnerProps<M>) {
 
     const sideDialogContext = useSideDialogContext();
@@ -266,6 +266,19 @@ export function ReferenceSelectionInner<M extends Record<string, any>>(
         forceFilter
     });
 
+
+    const {
+        textSearchLoading,
+        textSearchInitialised,
+        onTextSearchClick,
+        textSearchEnabled
+    } =
+        // eslint-disable-next-line react-hooks/rules-of-hooks
+        useTableSearchHelper({
+            collection,
+            fullPath,
+        });
+
     return (
 
         <div className="flex flex-col h-full">
@@ -273,6 +286,9 @@ export function ReferenceSelectionInner<M extends Record<string, any>>(
             <div className="flex-grow">
                 {entitiesDisplayedFirst &&
                     <EntityCollectionTable
+                        textSearchLoading={textSearchLoading}
+                        onTextSearchClick={textSearchInitialised ? undefined : onTextSearchClick}
+                        textSearchEnabled={textSearchEnabled}
                         displayedColumnIds={displayedColumnIds}
                         onEntityClick={onEntityClick}
                         tableController={tableController}

package/src/components/{EntityCollectionTable/SimpleTable.tsx → SelectableTable/SelectableTable.tsx}

@@ -10,17 +10,16 @@ import {
 } from "../../types";
 import { CellRendererParams, VirtualTable, VirtualTableColumn } from "../VirtualTable";
 import { enumToObjectEntries } from "../../util";
-import { OnCellValueChange } from "./types";
-import { OnColumnResizeParams } from "./EntityCollectionTableProps";
+import { OnCellValueChange, OnColumnResizeParams } from "../common/types";
 import { FilterFormFieldProps } from "../VirtualTable/VirtualTableHeader";
 import { ReferenceFilterField } from "./filters/ReferenceFilterField";
 import { StringNumberFilterField } from "./filters/StringNumberFilterField";
 import { BooleanFilterField } from "./filters/BooleanFilterField";
 import { DateTimeFilterField } from "./filters/DateTimeFilterField";
-import { EntityCollectionTableContext } from "./EntityCollectionTable";
 import { useOutsideAlerter } from "@firecms/ui";
+import { SelectableTableContext } from "./SelectableTableContext";
 
-export type SimpleTableProps<M extends Record<string, any>> = {
+export type SelectableTableProps<M extends Record<string, any>> = {
 
     /**
      * Callback when a cell value changes.
@@ -108,8 +107,8 @@ export type SimpleTableProps<M extends Record<string, any>> = {
  * @see VirtualTable
  * @group Components
  */
-export const SimpleTable = React.memo<SimpleTableProps<any>>(
-    function SimpleTable<M extends Record<string, any>>
+export const SelectableTable = React.memo<SelectableTableProps<any>>(
+    function SelectableTable<M extends Record<string, any>>
     ({
          onValueChange,
          cellRenderer,
@@ -143,7 +142,7 @@ export const SimpleTable = React.memo<SimpleTableProps<any>>(
          highlightedRow,
          endAdornment,
          AddColumnComponent
-     }: SimpleTableProps<M>) {
+     }: SelectableTableProps<M>) {
 
         const ref = useRef<HTMLDivElement>(null);
         const [size, setSize] = React.useState<CollectionSize>("m");
@@ -203,7 +202,7 @@ export const SimpleTable = React.memo<SimpleTableProps<any>>(
         }, [forceFilter]);
 
         return (
-            <EntityCollectionTableContext.Provider
+            <SelectableTableContext.Provider
                 value={{
                     setPopupCell: setPopupCell as ((cell?: SelectedCellProps<M>) => void),
                     select,
@@ -244,7 +243,7 @@ export const SimpleTable = React.memo<SimpleTableProps<any>>(
                     />
 
                 </div>
-            </EntityCollectionTableContext.Provider>
+            </SelectableTableContext.Provider>
         );
 
     },

package/src/components/SelectableTable/SelectableTableContext.tsx

@@ -0,0 +1,6 @@
+import React, { useContext } from "react";
+import { EntityCollectionTableController } from "../common/types";
+
+export const SelectableTableContext = React.createContext<EntityCollectionTableController<any>>({} as any);
+
+export const useSelectableTableController = () => useContext<EntityCollectionTableController<any>>(SelectableTableContext);

package/src/components/common/index.ts

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

package/src/components/{EntityCollectionTable → common}/types.tsx

@@ -56,3 +56,8 @@ 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/src/components/common/useTableSearchHelper.ts

@@ -0,0 +1,47 @@
+import { useState } from "react";
+
+import { EntityCollection } from "../../types";
+import { useCustomizationController, useFireCMSContext } from "../../hooks";
+
+export interface UseTableSearchHelperParams<M extends Record<string, any>> {
+    collection: EntityCollection<M>;
+    fullPath: string;
+    parentCollectionIds?: string[];
+}
+
+export function useTableSearchHelper<M extends Record<string, any>>({ collection, fullPath, parentCollectionIds }: UseTableSearchHelperParams<M>) {
+
+    const context = useFireCMSContext();
+    const customizationController = useCustomizationController();
+
+    const [textSearchLoading, setTextSearchLoading] = useState<boolean>(false);
+    const [textSearchInitialised, setTextSearchInitialised] = useState<boolean>(false);
+    let onTextSearchClick: (() => void) | undefined;
+    let textSearchEnabled = Boolean(collection.textSearchEnabled);
+    if (customizationController?.plugins) {
+        const addTextSearchClickListener = customizationController.plugins?.find(p => Boolean(p.collectionView?.onTextSearchClick));
+
+        onTextSearchClick = addTextSearchClickListener
+            ? () => {
+                setTextSearchLoading(true);
+                Promise.all(customizationController.plugins?.map(p => {
+                    if (p.collectionView?.onTextSearchClick)
+                        return p.collectionView.onTextSearchClick({ context, path: fullPath, collection, parentCollectionIds });
+                    return Promise.resolve(true);
+                }) as Promise<boolean>[])
+                    .then((res) => {
+                        if (res.every(Boolean)) setTextSearchInitialised(true);
+                    })
+                    .finally(() => setTextSearchLoading(false));
+            }
+            : undefined;
+
+        customizationController.plugins?.forEach(p => {
+            if (!textSearchEnabled)
+                if (p.collectionView?.showTextSearchBar) {
+                    textSearchEnabled = p.collectionView.showTextSearchBar({ context, path: fullPath, collection, parentCollectionIds });
+                }
+        })
+    }
+    return { textSearchLoading, textSearchInitialised, onTextSearchClick, textSearchEnabled };
+}

package/src/components/index.tsx

@@ -4,13 +4,17 @@ export { ErrorView } from "./ErrorView";
 export type { EntityPreviewProps } from "./EntityPreview";
 export { EntityPreview } from "./EntityPreview";
 
-export type { ReferenceSelectionInnerProps } from "./ReferenceSelectionInner";
-export { ReferenceSelectionInner } from "./ReferenceSelectionInner";
+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 "./EntityCollectionView/EntityCollectionView";
+export * from "./EntityCollectionView/EntityCollectionViewActions";
 
 export * from "./PropertyConfigBadge";
 

package/src/core/EntitySidePanel.tsx

@@ -33,13 +33,15 @@ export function EntitySidePanel(props: EntitySidePanelProps) {
         if (!props) return undefined;
         let usedCollection = props.collection;
 
+        const registryCollection = navigationController.getCollection(props.path, props.entityId);
+        if (registryCollection) {
+            usedCollection = registryCollection;
+        }
         if (!usedCollection) {
-            usedCollection = navigationController.getCollection(props.path, props.entityId);
-            if (!usedCollection) {
-                console.error("ERROR: No collection found in path `", props.path, "`. Entity id: ", props.entityId);
-                throw Error("ERROR: No collection found in path `" + props.path + "`. Make sure you have defined a collection for this path in the root navigation.");
-            }
+            console.error("ERROR: No collection found in path `", props.path, "`. Entity id: ", props.entityId);
+            throw Error("ERROR: No collection found in path `" + props.path + "`. Make sure you have defined a collection for this path in the root navigation.");
         }
+
         return usedCollection;
     }, [navigationController, props]);
 

package/src/form/EntityForm.tsx

@@ -427,7 +427,7 @@ function EntityFormInternal<M extends Record<string, any>>({
                         {pluginActions}
                     </div>}
 
-                    <div className="pl-4 pr-4 pt-12 pb-16 md:pl-8">
+                    <div className="pt-12 pb-16 pl-8 pr-8">
                         <div
                             className={`w-full py-2 flex flex-col items-start mt-${4 + (pluginActions ? 8 : 0)} lg:mt-${8 + (pluginActions ? 8 : 0)} mb-8`}>
 

package/src/form/components/index.tsx

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