@firecms/collection_editor 3.0.0-alpha.45 → 3.0.0-alpha.47

package/dist/types/collection_editor_controller.d.ts

@@ -9,7 +9,7 @@ export interface CollectionEditorController {
     editCollection: (props: {
         path?: string;
         fullPath?: string;
-        parentPathSegments: string[];
+        parentCollectionIds: string[];
         parentCollection?: PersistedCollection;
     }) => void;
     createCollection: (props: {
@@ -18,7 +18,7 @@ export interface CollectionEditorController {
             path?: string;
             name?: string;
         };
-        parentPathSegments: string[];
+        parentCollectionIds: string[];
         parentCollection?: PersistedCollection;
         redirect: boolean;
     }) => void;
@@ -27,7 +27,7 @@ export interface CollectionEditorController {
         property?: Property;
         currentPropertiesOrder?: string[];
         editedCollectionPath: string;
-        parentPathSegments: string[];
+        parentCollectionIds: string[];
         collection: PersistedCollection;
     }) => void;
     configPermissions: CollectionEditorPermissionsBuilder;

package/dist/types/collection_inference.d.ts

@@ -1,2 +1,2 @@
 import { EntityCollection } from "@firecms/core";
-export type CollectionInference = (path: string, collectionGroup: boolean, parentPathSegments: string[]) => Promise<EntityCollection | null>;
+export type CollectionInference = (path: string, collectionGroup: boolean, parentCollectionIds: string[]) => Promise<Partial<EntityCollection> | null>;

package/dist/types/config_controller.d.ts

@@ -15,10 +15,10 @@ export interface CollectionsConfigController {
     deleteCollection: (props: DeleteCollectionParams) => Promise<void>;
 }
 export type SaveCollectionParams<M extends Record<string, any>> = {
-    path: string;
+    id: string;
     collectionData: PersistedCollection<M>;
     previousPath?: string;
-    parentPathSegments?: string[];
+    parentCollectionIds?: string[];
 };
 export type SavePropertyParams = {
     path: string;
@@ -26,16 +26,16 @@ export type SavePropertyParams = {
     namespace?: string;
     newPropertiesOrder?: string[];
     property: Property;
-    parentPathSegments?: string[];
+    parentCollectionIds?: string[];
 };
 export type DeletePropertyParams = {
     path: string;
     propertyKey: string;
     namespace?: string;
     newPropertiesOrder?: string[];
-    parentPathSegments?: string[];
+    parentCollectionIds?: string[];
 };
 export type DeleteCollectionParams = {
     path: string;
-    parentPathSegments?: string[];
+    parentCollectionIds?: string[];
 };

package/dist/ui/CollectionViewHeaderAction.d.ts

@@ -1,10 +1,10 @@
 import { ResolvedProperty } from "@firecms/core";
 import { PersistedCollection } from "../types/persisted_collection";
-export declare function CollectionViewHeaderAction({ propertyKey, onHover, property, fullPath, parentPathSegments, collection }: {
+export declare function CollectionViewHeaderAction({ propertyKey, onHover, property, fullPath, parentCollectionIds, collection }: {
     property: ResolvedProperty;
     propertyKey: string;
     onHover: boolean;
     fullPath: string;
-    parentPathSegments: string[];
+    parentCollectionIds: string[];
     collection: PersistedCollection;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/ui/EditorCollectionAction.d.ts

@@ -1,2 +1,2 @@
 import { CollectionActionsProps } from "@firecms/core";
-export declare function EditorCollectionAction({ path: fullPath, parentPathSegments, collection, tableController }: CollectionActionsProps): import("react/jsx-runtime").JSX.Element;
+export declare function EditorCollectionAction({ path: fullPath, parentCollectionIds, collection, tableController }: CollectionActionsProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/PropertyAddColumnComponent.d.ts

@@ -1,6 +1,6 @@
 import { PersistedCollection } from "../types/persisted_collection";
-export declare function PropertyAddColumnComponent({ fullPath, parentPathSegments, collection }: {
+export declare function PropertyAddColumnComponent({ fullPath, parentCollectionIds, collection }: {
     fullPath: string;
-    parentPathSegments: string[];
+    parentCollectionIds: string[];
     collection: PersistedCollection;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/ui/collection_editor/CollectionDetailsForm.d.ts

@@ -1,9 +1,9 @@
 import { EntityCollection } from "@firecms/core";
-export declare function CollectionDetailsForm({ isNewCollection, reservedGroups, existingPaths, existingAliases, groups, parentCollection }: {
+export declare function CollectionDetailsForm({ isNewCollection, reservedGroups, existingPaths, existingIds, groups, parentCollection }: {
     isNewCollection: boolean;
     reservedGroups?: string[];
     existingPaths?: string[];
-    existingAliases?: string[];
+    existingIds?: string[];
     groups: string[] | null;
     parentCollection?: EntityCollection;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/ui/collection_editor/CollectionEditorDialog.d.ts

@@ -13,7 +13,7 @@ export interface CollectionEditorDialogProps {
     };
     editedCollectionPath?: string;
     fullPath?: string;
-    parentPathSegments?: string[];
+    parentCollectionIds?: string[];
     handleClose: (collection?: EntityCollection) => void;
     configController: CollectionsConfigController;
     reservedGroups?: string[];
@@ -32,7 +32,7 @@ export interface CollectionEditorDialogProps {
 export declare function CollectionEditorDialog(props: CollectionEditorDialogProps): import("react/jsx-runtime").JSX.Element;
 export declare function CollectionEditorDialogInternal<M extends {
     [Key: string]: CMSType;
-}>({ isNewCollection, initialValues: initialValuesProp, configController, editedCollectionPath, parentPathSegments, fullPath, collectionInference, handleClose, reservedGroups, extraView, handleCancel, setFormDirty, pathSuggestions, getUser, parentCollection, getData }: CollectionEditorDialogProps & {
+}>({ isNewCollection, initialValues: initialValuesProp, configController, editedCollectionPath, parentCollectionIds, fullPath, collectionInference, handleClose, reservedGroups, extraView, handleCancel, setFormDirty, pathSuggestions, getUser, parentCollection, getData }: CollectionEditorDialogProps & {
     handleCancel: () => void;
     setFormDirty: (dirty: boolean) => void;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/ui/collection_editor/CollectionPropertiesEditorForm.d.ts

@@ -12,7 +12,7 @@ type CollectionEditorFormProps = {
     extraIcon: React.ReactNode;
     getUser: (uid: string) => User | null;
     getData?: () => Promise<object[]>;
-    doCollectionInference: (collection: PersistedCollection) => Promise<EntityCollection | null> | undefined;
+    doCollectionInference: (collection: PersistedCollection) => Promise<Partial<EntityCollection> | null> | undefined;
     propertyConfigs: Record<string, PropertyConfig>;
     collectionEditable: boolean;
 };

package/dist/ui/collection_editor/CollectionYupValidation.d.ts

@@ -1,11 +1,14 @@
 import * as Yup from "yup";
 export declare const YupSchema: Yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
+    id: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
     name: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
     path: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
 }>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
+    id: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
     name: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
     path: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
 }>>, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
+    id: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
     name: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
     path: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
 }>>>;

package/dist/ui/collection_editor/SubcollectionsEditTab.d.ts

@@ -2,11 +2,11 @@ import { EntityCollection, User } from "@firecms/core";
 import { CollectionsConfigController } from "../../types/config_controller";
 import { PersistedCollection } from "../../types/persisted_collection";
 import { CollectionInference } from "../../types/collection_inference";
-export declare function SubcollectionsEditTab({ collection, parentCollection, configController, collectionInference, getUser, parentPathSegments }: {
+export declare function SubcollectionsEditTab({ collection, parentCollection, configController, collectionInference, getUser, parentCollectionIds }: {
     collection: PersistedCollection;
     parentCollection?: EntityCollection;
     configController: CollectionsConfigController;
     collectionInference?: CollectionInference;
     getUser: (uid: string) => User | null;
-    parentPathSegments?: string[];
+    parentCollectionIds?: string[];
 }): import("react/jsx-runtime").JSX.Element;

package/dist/useCollectionEditorPlugin.d.ts

@@ -1,5 +1,5 @@
 import React from "react";
-import { FireCMSPlugin, User } from "@firecms/core";
+import { EntityCollection, FireCMSPlugin, ModifyCollectionProps, User } from "@firecms/core";
 import { CollectionEditorPermissionsBuilder } from "./types/config_permissions";
 import { PersistedCollection } from "./types/persisted_collection";
 import { CollectionInference } from "./types/collection_inference";
@@ -9,6 +9,7 @@ export interface CollectionConfigControllerProps<EC extends PersistedCollection
      * Firebase app where the configuration is saved.
      */
     collectionConfigController: CollectionsConfigController;
+    modifyCollection?: (props: ModifyCollectionProps) => EntityCollection | undefined;
     /**
      * Define what actions can be performed on the configuration.
      */
@@ -41,4 +42,4 @@ export interface CollectionConfigControllerProps<EC extends PersistedCollection
  * @param getUser
  * @param collectionInference
  */
-export declare function useCollectionEditorPlugin<EC extends PersistedCollection = PersistedCollection, UserType extends User = User>({ collectionConfigController, configPermissions, reservedGroups, extraView, pathSuggestions, getUser, collectionInference, getData }: CollectionConfigControllerProps<EC, UserType>): FireCMSPlugin<any, any, PersistedCollection>;
+export declare function useCollectionEditorPlugin<EC extends PersistedCollection = PersistedCollection, UserType extends User = User>({ collectionConfigController, modifyCollection, configPermissions, reservedGroups, extraView, pathSuggestions, getUser, collectionInference, getData }: CollectionConfigControllerProps<EC, UserType>): FireCMSPlugin<any, any, PersistedCollection>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@firecms/collection_editor",
-  "version": "3.0.0-alpha.45",
+  "version": "3.0.0-alpha.47",
   "main": "./dist/index.umd.js",
   "module": "./dist/index.es.js",
   "types": "dist/index.d.ts",
@@ -14,8 +14,8 @@
     "./package.json": "./package.json"
   },
   "dependencies": {
-    "@firecms/data_import_export": "^3.0.0-alpha.45",
-    "@firecms/schema_inference": "^3.0.0-alpha.45",
+    "@firecms/data_import_export": "^3.0.0-alpha.47",
+    "@firecms/schema_inference": "^3.0.0-alpha.47",
     "json5": "^2.2.3",
     "prism-react-renderer": "^2.3.0"
   },
@@ -78,5 +78,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "8a8223081bd7f76d655564ca995dca085f22d727"
+  "gitHead": "1c2310776f2da9bba46ba352e9a5244118dcdc3f"
 }

package/src/ConfigControllerProvider.tsx

@@ -2,14 +2,7 @@ import React, { PropsWithChildren, useCallback, useEffect } from "react";
 import equal from "react-fast-compare"
 
 import { CollectionsConfigController } from "./types/config_controller";
-import {
-    EntityCollection,
-    Property,
-    useFireCMSContext,
-    useNavigationController,
-    User,
-    useSnackbarController
-} from "@firecms/core";
+import { Property, useFireCMSContext, useNavigationController, User, useSnackbarController } from "@firecms/core";
 import { CollectionEditorDialog } from "./ui/collection_editor/CollectionEditorDialog";
 import { useNavigate } from "react-router";
 import { CollectionEditorController } from "./types/collection_editor_controller";
@@ -94,7 +87,7 @@ export const ConfigControllerProvider = React.memo(
             parentCollection?: PersistedCollection,
             editedCollectionPath?: string,
             fullPath?: string,
-            parentPathSegments: string[],
+            parentCollectionIds: string[],
             initialValues?: {
                 path?: string,
                 group?: string,
@@ -111,7 +104,7 @@ export const ConfigControllerProvider = React.memo(
             currentPropertiesOrder?: string[],
             editedCollectionPath: string,
             fullPath?: string,
-            parentPathSegments: string[],
+            parentCollectionIds: string[],
             collectionEditable: boolean;
         }>();
 
@@ -124,18 +117,18 @@ export const ConfigControllerProvider = React.memo(
         const editCollection = useCallback(({
                                                 path,
                                                 fullPath,
-                                                parentPathSegments,
+                                                parentCollectionIds,
                                                 parentCollection
                                             }: {
             path?: string,
             fullPath?: string,
-            parentPathSegments: string[],
+            parentCollectionIds: string[],
             parentCollection?: PersistedCollection
         }) => {
             setCurrentDialog({
                 editedCollectionPath: path,
                 fullPath,
-                parentPathSegments,
+                parentCollectionIds,
                 isNewCollection: false,
                 parentCollection,
                 redirect: false
@@ -147,14 +140,14 @@ export const ConfigControllerProvider = React.memo(
                                               property,
                                               editedCollectionPath,
                                               currentPropertiesOrder,
-                                              parentPathSegments,
+                                              parentCollectionIds,
                                               collection
                                           }: {
             propertyKey?: string,
             property?: Property,
             currentPropertiesOrder?: string[],
             editedCollectionPath: string,
-            parentPathSegments: string[],
+            parentCollectionIds: string[],
             collection: PersistedCollection,
         }) => {
             // namespace is all the path until the last dot
@@ -171,18 +164,18 @@ export const ConfigControllerProvider = React.memo(
                 namespace,
                 currentPropertiesOrder,
                 editedCollectionPath,
-                parentPathSegments,
+                parentCollectionIds,
                 collectionEditable: collection?.editable ?? false
             });
         }, []);
 
         const createCollection = React.useCallback(({
-                                                        parentPathSegments,
+                                                        parentCollectionIds,
                                                         parentCollection,
                                                         initialValues,
                                                         redirect
                                                     }: {
-            parentPathSegments: string[],
+            parentCollectionIds: string[],
             parentCollection?: PersistedCollection
             initialValues?: {
                 group?: string,
@@ -193,7 +186,7 @@ export const ConfigControllerProvider = React.memo(
         }) => {
             setCurrentDialog({
                 isNewCollection: true,
-                parentPathSegments,
+                parentCollectionIds,
                 parentCollection,
                 initialValues,
                 redirect
@@ -236,8 +229,8 @@ export const ConfigControllerProvider = React.memo(
                         getUser={getUser}
                         handleClose={(collection) => {
                             if (currentDialog?.redirect) {
-                                if (collection && currentDialog?.isNewCollection && !currentDialog.parentPathSegments.length) {
-                                    const url = navigation.buildUrlCollectionPath(collection.alias ?? collection.path);
+                                if (collection && currentDialog?.isNewCollection && !currentDialog.parentCollectionIds.length) {
+                                    const url = navigation.buildUrlCollectionPath(collection.id ?? collection.path);
                                     navigate(url);
                                 }
                             }
@@ -272,7 +265,7 @@ export const ConfigControllerProvider = React.memo(
                                 propertyKey: id,
                                 newPropertiesOrder: newProperty && currentPropertyDialog.currentPropertiesOrder ? [...currentPropertyDialog.currentPropertiesOrder, id] : undefined,
                                 namespace: currentPropertyDialog.namespace,
-                                parentPathSegments: currentPropertyDialog.parentPathSegments
+                                parentCollectionIds: currentPropertyDialog.parentCollectionIds
                             })
                                 .catch((e) => {
                                     console.error(e);
@@ -292,7 +285,7 @@ export const ConfigControllerProvider = React.memo(
                                 propertyKey: currentPropertyDialog?.propertyKey,
                                 namespace: currentPropertyDialog?.namespace,
                                 newPropertiesOrder,
-                                parentPathSegments: currentPropertyDialog?.parentPathSegments
+                                parentCollectionIds: currentPropertyDialog?.parentCollectionIds
                             })
                                 .then(() => {
                                     setCurrentPropertyDialog(undefined);

package/src/types/collection_editor_controller.tsx

@@ -1,5 +1,5 @@
 import { CollectionEditorPermissionsBuilder } from "./config_permissions";
-import { EntityCollection, Property } from "@firecms/core";
+import { Property } from "@firecms/core";
 import { PersistedCollection } from "./persisted_collection";
 
 /**
@@ -11,7 +11,7 @@ export interface CollectionEditorController {
     editCollection: (props: {
         path?: string,
         fullPath?: string,
-        parentPathSegments: string[],
+        parentCollectionIds: string[],
         parentCollection?: PersistedCollection
     }) => void;
 
@@ -21,7 +21,7 @@ export interface CollectionEditorController {
             path?: string,
             name?: string
         },
-        parentPathSegments: string[],
+        parentCollectionIds: string[],
         parentCollection?: PersistedCollection,
         redirect: boolean
     }) => void;
@@ -31,7 +31,7 @@ export interface CollectionEditorController {
         property?: Property,
         currentPropertiesOrder?: string[],
         editedCollectionPath: string,
-        parentPathSegments: string[],
+        parentCollectionIds: string[],
         collection: PersistedCollection
     }) => void;
 

package/src/types/collection_inference.ts

@@ -1,3 +1,3 @@
 import { EntityCollection } from "@firecms/core";
 
-export type CollectionInference = (path: string, collectionGroup: boolean, parentPathSegments: string[]) => Promise<EntityCollection | null>;
+export type CollectionInference = (path: string, collectionGroup: boolean, parentCollectionIds: string[]) => Promise<Partial<EntityCollection> | null>;

package/src/types/config_controller.tsx

@@ -21,10 +21,10 @@ export interface CollectionsConfigController {
 }
 
 export type SaveCollectionParams<M extends Record<string, any>> = {
-    path: string,
+    id: string,
     collectionData: PersistedCollection<M>,
     previousPath?: string,
-    parentPathSegments?: string[]
+    parentCollectionIds?: string[]
 }
 
 export type SavePropertyParams = {
@@ -33,7 +33,7 @@ export type SavePropertyParams = {
     namespace?: string,
     newPropertiesOrder?: string[],
     property: Property,
-    parentPathSegments?: string[]
+    parentCollectionIds?: string[]
 }
 
 export type DeletePropertyParams = {
@@ -41,10 +41,10 @@ export type DeletePropertyParams = {
     propertyKey: string,
     namespace?: string,
     newPropertiesOrder?: string[],
-    parentPathSegments?: string[]
+    parentCollectionIds?: string[]
 }
 
 export type DeleteCollectionParams = {
     path: string,
-    parentPathSegments?: string[]
+    parentCollectionIds?: string[]
 }

package/src/types/persisted_collection.ts

@@ -1,4 +1,4 @@
-import { EntityCollection, Properties, User } from "@firecms/core";
+import { EntityCollection, User } from "@firecms/core";
 
 export type PersistedCollection<M extends Record<string, any> = any, UserType extends User = User>
     = Omit<EntityCollection<M, UserType>, "subcollections"> & {

package/src/ui/CollectionViewHeaderAction.tsx

@@ -1,4 +1,4 @@
-import { EntityCollection, IconButton, ResolvedProperty, SettingsIcon, Tooltip } from "@firecms/core";
+import { IconButton, ResolvedProperty, SettingsIcon, Tooltip } from "@firecms/core";
 import React from "react";
 import { useCollectionEditorController } from "../useCollectionEditorController";
 import { PersistedCollection } from "../types/persisted_collection";
@@ -8,14 +8,14 @@ export function CollectionViewHeaderAction({
                                                onHover,
                                                property,
                                                fullPath,
-                                               parentPathSegments,
+                                               parentCollectionIds,
                                                collection
                                            }: {
     property: ResolvedProperty,
     propertyKey: string,
     onHover: boolean,
     fullPath: string,
-    parentPathSegments: string[],
+    parentCollectionIds: string[],
     collection: PersistedCollection;
 }) {
 
@@ -30,7 +30,7 @@ export function CollectionViewHeaderAction({
                         propertyKey,
                         property,
                         editedCollectionPath: fullPath,
-                        parentPathSegments,
+                        parentCollectionIds,
                         collection
                     });
                 }}

package/src/ui/EditorCollectionAction.tsx

@@ -19,7 +19,7 @@ import { PersistedCollection } from "../types/persisted_collection";
 
 export function EditorCollectionAction({
                                            path: fullPath,
-                                           parentPathSegments,
+                                           parentCollectionIds,
                                            collection,
                                            tableController
                                        }: CollectionActionsProps) {
@@ -30,7 +30,7 @@ export function EditorCollectionAction({
     const configController = useCollectionsConfigController();
     const snackbarController = useSnackbarController();
 
-    const parentCollection = navigationController.getCollectionFromPaths(parentPathSegments);
+    const parentCollection = navigationController.getCollectionFromIds(parentCollectionIds);
 
     const canEditCollection = collectionEditorController.configPermissions
         ? collectionEditorController.configPermissions({
@@ -50,8 +50,8 @@ export function EditorCollectionAction({
                 variant={"outlined"}
                 onClick={() => configController
                     ?.saveCollection({
-                        path: collection.path,
-                        parentPathSegments,
+                        id: collection.path,
+                        parentCollectionIds,
                         collectionData: mergeDeep(collection as PersistedCollection,
                             {
                                 initialFilter: tableController.filterValues ?? null,
@@ -75,7 +75,7 @@ export function EditorCollectionAction({
             color={"primary"}
             disabled={!canEditCollection}
             onClick={canEditCollection
-                ? () => collectionEditorController?.editCollection({ path: collection.path, fullPath, parentPathSegments, parentCollection: parentCollection as PersistedCollection })
+                ? () => collectionEditorController?.editCollection({ path: collection.path, fullPath, parentCollectionIds, parentCollection: parentCollection as PersistedCollection })
                 : undefined}>
             <SettingsIcon/>
         </IconButton>

package/src/ui/HomePageEditorCollectionAction.tsx

@@ -7,7 +7,7 @@ import {
     MoreVertIcon,
     PluginHomePageActionsProps,
     SettingsIcon,
-    useAuthController
+    useAuthController, useSnackbarController
 } from "@firecms/core";
 import { useCollectionEditorController } from "../useCollectionEditorController";
 import { useCallback, useState } from "react";
@@ -18,6 +18,7 @@ export function HomePageEditorCollectionAction({
                                                    collection
                                                }: PluginHomePageActionsProps) {
 
+    const snackbarController = useSnackbarController();
     const authController = useAuthController();
     const configController = useCollectionsConfigController();
     const collectionEditorController = useCollectionEditorController();
@@ -28,13 +29,19 @@ export function HomePageEditorCollectionAction({
     });
 
     const onEditCollectionClicked = useCallback(() => {
-        collectionEditorController?.editCollection({ path, parentPathSegments: [] });
+        collectionEditorController?.editCollection({ path, parentCollectionIds: [] });
     }, [collectionEditorController, path]);
 
     const [deleteRequested, setDeleteRequested] = useState(false);
 
     const deleteCollection = useCallback(() => {
-        configController?.deleteCollection({ path });
+        configController?.deleteCollection({ path }).then(() => {
+            setDeleteRequested(false);
+            snackbarController.open({
+                message: "Collection deleted",
+                type: "success"
+            });
+        });
     }, [path, configController]);
 
     return <>

package/src/ui/MissingReferenceWidget.tsx

@@ -1,11 +1,12 @@
-import { Button, ErrorView, unslugify } from "@firecms/core";
+import { Button, ErrorView, unslugify, useNavigationController } from "@firecms/core";
 import { useCollectionEditorController } from "../useCollectionEditorController";
 
 export function MissingReferenceWidget({ path: pathProp }: {
     path: string
 }) {
+    const navigation = useNavigationController();
     const path = getLastSegment(pathProp);
-    const parentPathSegments = getParentPathSegments(pathProp);
+    const parentCollectionIds = navigation.getParentCollectionIds(pathProp);
     const collectionEditor = useCollectionEditorController();
     return <div className={"p-1 flex flex-col items-center"}>
         <ErrorView error={"No collection for path: " + path}/>
@@ -13,7 +14,7 @@ export function MissingReferenceWidget({ path: pathProp }: {
                 onClick={() => {
                     collectionEditor.createCollection({
                         initialValues: { path, name: unslugify(path) },
-                        parentPathSegments,
+                        parentCollectionIds,
                         redirect: false
                     });
                 }}>

package/src/ui/NewCollectionCard.tsx

@@ -23,7 +23,7 @@ export function NewCollectionCard({
               onClick={collectionEditorController && canCreateCollections
                   ? () => collectionEditorController.createCollection({
                       initialValues: group ? { group } : undefined,
-                      parentPathSegments: [],
+                      parentCollectionIds: [],
                         redirect: true
                   })
                   : undefined}>

package/src/ui/PropertyAddColumnComponent.tsx

@@ -1,14 +1,14 @@
-import { AddIcon, EntityCollection, getDefaultPropertiesOrder, Tooltip, useAuthController } from "@firecms/core";
+import { AddIcon, getDefaultPropertiesOrder, Tooltip, useAuthController } from "@firecms/core";
 import { useCollectionEditorController } from "../useCollectionEditorController";
 import { PersistedCollection } from "../types/persisted_collection";
 
 export function PropertyAddColumnComponent({
                                                fullPath,
-                                               parentPathSegments,
+                                               parentCollectionIds,
                                                collection
                                            }: {
     fullPath: string,
-    parentPathSegments: string[],
+    parentCollectionIds: string[],
     collection: PersistedCollection;
 }) {
 
@@ -29,7 +29,7 @@ export function PropertyAddColumnComponent({
                 onClick={() => {
                     collectionEditorController.editProperty({
                         editedCollectionPath: fullPath,
-                        parentPathSegments,
+                        parentCollectionIds,
                         currentPropertiesOrder: getDefaultPropertiesOrder(collection),
                         collection
                     });

package/src/ui/RootCollectionSuggestions.tsx

@@ -1,4 +1,12 @@
-import { AddIcon, Chip, Collapse, Typography, unslugify, useAuthController, useNavigationController } from "@firecms/core";
+import {
+    AddIcon,
+    Chip,
+    Collapse,
+    Typography,
+    unslugify,
+    useAuthController,
+    useNavigationController
+} from "@firecms/core";
 import { useCollectionEditorController } from "../useCollectionEditorController";
 import React from "react";
 
@@ -38,7 +46,7 @@ export function RootCollectionSuggestions() {
                                 onClick={collectionEditorController && canCreateCollections
                                     ? () => collectionEditorController.createCollection({
                                         initialValues: { path, name: unslugify(path) },
-                                        parentPathSegments: [],
+                                        parentCollectionIds: [],
                                         redirect: true
                                     })
                                     : undefined}