@firecms/collection_editor 3.0.0-alpha.28 → 3.0.0-alpha.30

package/dist/types/collection_editor_controller.d.ts

@@ -1,5 +1,6 @@
 import { CollectionEditorPermissionsBuilder } from "./config_permissions";
 import { EntityCollection, Property } from "@firecms/core";
+import { PersistedCollection } from "./persisted_collection";
 /**
  * Controller to open the collection editor dialog.
  * @category Hooks and utilities
@@ -9,7 +10,7 @@ export interface CollectionEditorController {
         path?: string;
         fullPath?: string;
         parentPathSegments: string[];
-        parentCollection?: EntityCollection<any, any, any>;
+        parentCollection?: EntityCollection;
     }) => void;
     createCollection: (props: {
         initialValues?: {
@@ -18,7 +19,7 @@ export interface CollectionEditorController {
             name?: string;
         };
         parentPathSegments: string[];
-        parentCollection?: EntityCollection<any, any, any>;
+        parentCollection?: PersistedCollection;
         redirect: boolean;
     }) => void;
     editProperty: (props: {
@@ -27,6 +28,7 @@ export interface CollectionEditorController {
         currentPropertiesOrder?: string[];
         editedCollectionPath: string;
         parentPathSegments: string[];
+        collection: PersistedCollection;
     }) => void;
     configPermissions: CollectionEditorPermissionsBuilder;
     rootPathSuggestions?: string[];

package/dist/types/persisted_collection.d.ts

@@ -1,6 +1,7 @@
 import { EntityCollection, Properties, User } from "@firecms/core";
-export type PersistedCollection<M extends Record<string, any> = any, AdditionalKey extends string = string, UserType extends User = User> = Omit<EntityCollection<M, AdditionalKey, UserType>, "properties" | "subcollections"> & {
+export type PersistedCollection<M extends Record<string, any> = any, UserType extends User = User> = Omit<EntityCollection<M, UserType>, "properties" | "subcollections"> & {
     properties: Properties<M>;
     ownerId: string;
     subcollections?: PersistedCollection<any, any>[];
+    editable?: boolean;
 };

package/dist/useCollectionEditorPlugin.d.ts

@@ -41,4 +41,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;
+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>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@firecms/collection_editor",
-  "version": "3.0.0-alpha.28",
+  "version": "3.0.0-alpha.30",
   "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": "^3.0.0-alpha.28",
-    "@firecms/schema_inference": "^3.0.0-alpha.28"
+    "@firecms/data_import": "^3.0.0-alpha.30",
+    "@firecms/schema_inference": "^3.0.0-alpha.30"
   },
   "peerDependencies": {
     "react": "^18.2.0",
@@ -76,5 +76,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "aba9501b45cf2dc84dc172084510b90e417b42f1"
+  "gitHead": "89854d00f9088e09134623a84be752990c6cbc32"
 }

package/src/ConfigControllerProvider.tsx

@@ -16,6 +16,7 @@ import { CollectionEditorController } from "./types/collection_editor_controller
 import { CollectionEditorPermissionsBuilder } from "./types/config_permissions";
 import { CollectionInference } from "./types/collection_inference";
 import { PropertyFormDialog } from "./components/collection_editor/PropertyEditView";
+import { PersistedCollection } from "./types/persisted_collection";
 
 export const ConfigControllerContext = React.createContext<CollectionsConfigController>({} as any);
 export const CollectionEditorContext = React.createContext<CollectionEditorController>({} as any);
@@ -111,6 +112,7 @@ export const ConfigControllerProvider = React.memo(
             editedCollectionPath: string,
             fullPath?: string,
             parentPathSegments: string[],
+            collectionEditable: boolean;
         }>();
 
         const defaultConfigPermissions: CollectionEditorPermissionsBuilder = useCallback(() => ({
@@ -146,14 +148,14 @@ export const ConfigControllerProvider = React.memo(
                                               editedCollectionPath,
                                               currentPropertiesOrder,
                                               parentPathSegments,
-                                              parentCollection
+                                              collection
                                           }: {
             propertyKey?: string,
             property?: Property,
             currentPropertiesOrder?: string[],
             editedCollectionPath: string,
             parentPathSegments: string[],
-            parentCollection?: EntityCollection
+            collection: PersistedCollection,
         }) => {
             // namespace is all the path until the last dot
             const namespace = propertyKey && propertyKey.includes(".")
@@ -162,6 +164,7 @@ export const ConfigControllerProvider = React.memo(
             const propertyKeyWithoutNamespace = propertyKey && propertyKey.includes(".")
                 ? propertyKey.substring(propertyKey.lastIndexOf(".") + 1)
                 : propertyKey;
+            console.log("edit property", propertyKeyWithoutNamespace, collection)
             setCurrentPropertyDialog({
                 propertyKey: propertyKeyWithoutNamespace,
                 property,
@@ -169,7 +172,7 @@ export const ConfigControllerProvider = React.memo(
                 currentPropertiesOrder,
                 editedCollectionPath,
                 parentPathSegments,
-                parentCollection
+                collectionEditable: collection?.editable ?? false
             });
         }, []);
 
@@ -180,7 +183,7 @@ export const ConfigControllerProvider = React.memo(
                                                         redirect
                                                     }: {
             parentPathSegments: string[],
-            parentCollection?: EntityCollection<any, any, any>
+            parentCollection?: EntityCollection
             initialValues?: {
                 group?: string,
                 path?: string,
@@ -249,7 +252,13 @@ export const ConfigControllerProvider = React.memo(
                         autoUpdateId={!currentPropertyDialog ? false : !currentPropertyDialog?.propertyKey}
                         autoOpenTypeSelect={!currentPropertyDialog ? false : !currentPropertyDialog?.propertyKey}
                         inArray={false}
-                        getData={getData && currentDialog?.fullPath ? () => getData(currentDialog.fullPath!) : undefined}
+                        collectionEditable={currentPropertyDialog?.collectionEditable ?? false}
+                        getData={getData && currentPropertyDialog?.editedCollectionPath
+                            ? () => {
+                                const resolvedPath = navigation.resolveAliasesFrom(currentPropertyDialog.editedCollectionPath!)
+                                return getData(resolvedPath);
+                            }
+                            : undefined}
                         onPropertyChanged={({
                                                 id,
                                                 property

package/src/components/CollectionViewHeaderAction.tsx

@@ -1,19 +1,22 @@
-import { IconButton, ResolvedProperty, SettingsIcon, Tooltip } from "@firecms/core";
+import { EntityCollection, IconButton, ResolvedProperty, SettingsIcon, Tooltip } from "@firecms/core";
 import React from "react";
 import { useCollectionEditorController } from "../useCollectionEditorController";
+import { PersistedCollection } from "../types/persisted_collection";
 
 export function CollectionViewHeaderAction({
                                                propertyKey,
                                                onHover,
                                                property,
                                                fullPath,
-                                               parentPathSegments
+                                               parentPathSegments,
+                                               collection
                                            }: {
     property: ResolvedProperty,
     propertyKey: string,
     onHover: boolean,
     fullPath: string,
     parentPathSegments: string[],
+    collection: PersistedCollection;
 }) {
 
     const collectionEditorController = useCollectionEditorController();
@@ -27,7 +30,8 @@ export function CollectionViewHeaderAction({
                         propertyKey,
                         property,
                         editedCollectionPath: fullPath,
-                        parentPathSegments
+                        parentPathSegments,
+                        collection
                     });
                 }}
                 size={"small"}>

package/src/components/PropertyAddColumnComponent.tsx

@@ -1,5 +1,6 @@
 import { AddIcon, EntityCollection, getDefaultPropertiesOrder, Tooltip, useAuthController } from "@firecms/core";
 import { useCollectionEditorController } from "../useCollectionEditorController";
+import { PersistedCollection } from "../types/persisted_collection";
 
 export function PropertyAddColumnComponent({
                                                fullPath,
@@ -8,7 +9,7 @@ export function PropertyAddColumnComponent({
                                            }: {
     fullPath: string,
     parentPathSegments: string[],
-    collection: EntityCollection;
+    collection: PersistedCollection;
 }) {
 
     const authController = useAuthController();
@@ -29,7 +30,8 @@ export function PropertyAddColumnComponent({
                     collectionEditorController.editProperty({
                         editedCollectionPath: fullPath,
                         parentPathSegments,
-                        currentPropertiesOrder: getDefaultPropertiesOrder(collection)
+                        currentPropertiesOrder: getDefaultPropertiesOrder(collection),
+                        collection
                     });
                 }}>
                 <AddIcon color={"inherit"}/>

package/src/components/collection_editor/CollectionEditorDialog.tsx

@@ -285,11 +285,11 @@ export function CollectionEditorDialogInternal<M extends {
 
         if (Object.keys(inferredCollection.properties ?? {}).length > 0) {
             values.properties = inferredCollection.properties as Properties<M>;
-            values.propertiesOrder = inferredCollection.propertiesOrder
+            values.propertiesOrder = inferredCollection.propertiesOrder as Extract<keyof M, string>[];
         }
 
         if (!values.propertiesOrder) {
-            values.propertiesOrder = Object.keys(values.properties);
+            values.propertiesOrder = Object.keys(values.properties) as Extract<keyof M, string>[];
             return values;
         }
 
@@ -392,7 +392,8 @@ export function CollectionEditorDialogInternal<M extends {
 
                 const path = values.path ?? editedCollectionPath;
                 const updatedFullPath = fullPath?.includes("/") ? fullPath?.split("/").slice(0, -1).join("/") + "/" + path : path;
-                const getDataWithPath = updatedFullPath && getData ? () => getData(updatedFullPath) : undefined;
+                const resolvedPath = navigation.resolveAliasesFrom(updatedFullPath);
+                const getDataWithPath = resolvedPath && getData ? () => getData(resolvedPath) : undefined;
 
                 // eslint-disable-next-line react-hooks/rules-of-hooks
                 useEffect(() => {
@@ -430,6 +431,7 @@ export function CollectionEditorDialogInternal<M extends {
                     })
                 };
 
+                const collectionEditable = collection?.editable || isNewCollection;
                 return (
                     <>
                         {!isNewCollection && <Tabs value={currentView}
@@ -476,6 +478,7 @@ export function CollectionEditorDialogInternal<M extends {
 
                             {currentView === "import_data_mapping" && importConfig &&
                                 <CollectionEditorImportMapping importConfig={importConfig}
+                                                               collectionEditable={collectionEditable}
                                                                customFields={customFields}/>}
 
                             {currentView === "import_data_preview" && importConfig &&
@@ -527,6 +530,7 @@ export function CollectionEditorDialogInternal<M extends {
                                     getData={getDataWithPath}
                                     doCollectionInference={doCollectionInference}
                                     customFields={customFields}
+                                    collectionEditable={collectionEditable}
                                     extraIcon={extraView?.icon &&
                                         <IconButton
                                             color={"primary"}

package/src/components/collection_editor/CollectionPropertiesEditorForm.tsx

@@ -40,8 +40,9 @@ type CollectionEditorFormProps = {
     extraIcon: React.ReactNode;
     getUser: (uid: string) => User | null;
     getData?: () => Promise<object[]>;
-    doCollectionInference: (collection: PersistedCollection<any, string>) => Promise<EntityCollection | null> | undefined;
+    doCollectionInference: (collection: PersistedCollection) => Promise<EntityCollection | null> | undefined;
     customFields: Record<string, PropertyConfig>;
+    collectionEditable: boolean;
 };
 
 export function CollectionPropertiesEditorForm({
@@ -55,7 +56,8 @@ export function CollectionPropertiesEditorForm({
                                                    getUser,
                                                    getData,
                                                    doCollectionInference,
-                                                   customFields
+                                                   customFields,
+                                                   collectionEditable
                                                }: CollectionEditorFormProps) {
 
     const {
@@ -354,6 +356,7 @@ export function CollectionPropertiesEditorForm({
                         propertiesOrder={usedPropertiesOrder}
                         onPropertyMove={onPropertyMove}
                         onPropertyRemove={isNewCollection ? deleteProperty : undefined}
+                        collectionEditable={collectionEditable}
                         errors={showErrors ? errors : {}}/>
                 </ErrorBoundary>
 
@@ -392,6 +395,7 @@ export function CollectionPropertiesEditorForm({
                                 initialErrors={initialErrors}
                                 getData={getData}
                                 customFields={customFields}
+                                collectionEditable={collectionEditable}
                             />}
 
                         {!selectedProperty &&
@@ -426,6 +430,7 @@ export function CollectionPropertiesEditorForm({
                 initialErrors={initialErrors}
                 getData={getData}
                 customFields={customFields}
+                collectionEditable={collectionEditable}
                 onOkClicked={asDialog
                     ? closePropertyDialog
                     : undefined
@@ -450,6 +455,7 @@ export function CollectionPropertiesEditorForm({
                 getData={getData}
                 allowDataInference={!isNewCollection}
                 customFields={customFields}
+                collectionEditable={collectionEditable}
                 existingPropertyKeys={values.propertiesOrder as string[]}/>
 
         </>

package/src/components/collection_editor/EnumForm.tsx

@@ -14,7 +14,6 @@ import {
     FormikArrayContainer,
     IconButton,
     ListIcon,
-    LoadingButton,
     Paper,
     SettingsIcon,
     Typography
@@ -132,7 +131,8 @@ function EnumFormFields({
     };
 
     const inferValues = async () => {
-
+        if (!getData)
+            return;
         setInferring(true);
         getData?.().then((data) => {
             if (!data)
@@ -169,12 +169,14 @@ function EnumFormFields({
                     Values
                 </Typography>
                 {allowDataInference &&
-                    <LoadingButton loading={inferring}
-                                   disabled={disabled || inferring}
-                                   variant={"text"} size={"small"} onClick={inferValues}>
+                    <Button loading={inferring}
+                            disabled={disabled || inferring}
+                            variant={"text"}
+                            size={"small"}
+                            onClick={inferValues}>
                         {inferring ? <CircularProgress size={"small"}/> : <AutoAwesomeIcon/>}
                         Infer values from data
-                    </LoadingButton>}
+                    </Button>}
             </div>
 
             <Paper className="p-4 m-1">

package/src/components/collection_editor/PropertyEditView.tsx

@@ -20,7 +20,7 @@ import {
     isPropertyBuilder,
     mergeDeep,
     Property,
-    PropertyConfig,
+    PropertyConfig, PropertyOrBuilder,
     Select,
     toSnakeCase,
     Typography
@@ -73,6 +73,7 @@ export type PropertyFormProps = {
     getData?: () => Promise<object[]>;
     getHelpers?: (formikProps: FormikProps<PropertyWithId>) => void;
     customFields: Record<string, PropertyConfig>;
+    collectionEditable: boolean;
 };
 
 export const PropertyForm = React.memo(
@@ -95,7 +96,8 @@ export const PropertyForm = React.memo(
                               allowDataInference,
                               getHelpers,
                               getData,
-                              customFields
+                              customFields,
+                              collectionEditable
                           }: PropertyFormProps) {
 
         const initialValue: PropertyWithId = {
@@ -103,7 +105,8 @@ export const PropertyForm = React.memo(
             name: ""
         } as PropertyWithId;
 
-        const disabled = (property && !editableProperty(property)) ?? false;
+        const disabled = (Boolean(property && !editableProperty(property)) && !collectionEditable);
+        console.log("PropertyForm disabled", disabled)
 
         const lastSubmittedProperty = useRef<OnPropertyChangedParams | undefined>(property ? {
             id: propertyKey,
@@ -182,6 +185,7 @@ export const PropertyForm = React.memo(
                     getData={getData}
                     allowDataInference={allowDataInference}
                     customFields={customFields}
+                    collectionEditable={collectionEditable}
                     {...props}/>;
 
             }}
@@ -201,6 +205,7 @@ export function PropertyFormDialog({
                                        onOkClicked,
                                        onPropertyChanged,
                                        getData,
+                                       collectionEditable,
                                        ...formProps
                                    }: PropertyFormProps & {
     open?: boolean;
@@ -224,6 +229,7 @@ export function PropertyFormDialog({
                               onPropertyChanged?.(params);
                               onOkClicked?.();
                           }}
+                          collectionEditable={collectionEditable}
                           onPropertyChangedImmediate={false}
                           getHelpers={getHelpers}
                           getData={getData}
@@ -271,7 +277,8 @@ function PropertyEditView({
                               existingPropertyKeys,
                               getData,
                               allowDataInference,
-                              customFields
+                              customFields,
+                              collectionEditable
                           }: {
     includeIdAndTitle?: boolean;
     existing: boolean;
@@ -288,6 +295,7 @@ function PropertyEditView({
     getData?: () => Promise<object[]>;
     allowDataInference: boolean;
     customFields: Record<string, PropertyConfig>;
+    collectionEditable: boolean;
 } & FormikProps<PropertyWithId>) {
 
     const [selectOpen, setSelectOpen] = useState(autoOpenTypeSelect);
@@ -395,10 +403,12 @@ function PropertyEditView({
     } else if (selectedFieldConfigId === "group") {
         childComponent =
             <MapPropertyField disabled={disabled} getData={getData} allowDataInference={allowDataInference}
+                              collectionEditable={collectionEditable}
                               customFields={customFields}/>;
     } else if (selectedFieldConfigId === "block") {
         childComponent =
             <BlockPropertyField disabled={disabled} getData={getData} allowDataInference={allowDataInference}
+                                collectionEditable={collectionEditable}
                                 customFields={customFields}/>;
     } else if (selectedFieldConfigId === "reference") {
         childComponent =
@@ -421,6 +431,7 @@ function PropertyEditView({
                                  getData={getData}
                                  allowDataInference={allowDataInference}
                                  disabled={disabled}
+                                 collectionEditable={collectionEditable}
                                  customFields={customFields}/>;
     } else if (selectedFieldConfigId === "key_value") {
         childComponent =

package/src/components/collection_editor/PropertyTree.tsx

@@ -5,8 +5,10 @@ import {
     defaultBorderMixin,
     DragHandleIcon,
     ErrorBoundary,
-    IconButton, isPropertyBuilder,
-    PropertiesOrBuilders, PropertyOrBuilder,
+    IconButton,
+    isPropertyBuilder,
+    PropertiesOrBuilders,
+    PropertyOrBuilder,
     RemoveIcon,
     Tooltip
 } from "@firecms/core";
@@ -30,7 +32,8 @@ export function PropertyTree<M extends {
        onPropertyMove,
        onPropertyRemove,
        className,
-       inferredPropertyKeys
+       inferredPropertyKeys,
+       collectionEditable
    }: {
     namespace?: string;
     selectedPropertyKey?: string;
@@ -43,6 +46,7 @@ export function PropertyTree<M extends {
     onPropertyRemove?: (propertyKey: string, namespace?: string) => void;
     className?: string;
     inferredPropertyKeys?: string[];
+    collectionEditable: boolean;
 }) {
 
     const propertiesOrder = propertiesOrderProp ?? Object.keys(properties);
@@ -102,6 +106,7 @@ export function PropertyTree<M extends {
                                                             onPropertyRemove={onPropertyRemove}
                                                             onPropertyClick={snapshot.isDragging ? undefined : onPropertyClick}
                                                             selectedPropertyKey={selectedPropertyKey}
+                                                            collectionEditable={collectionEditable}
                                                         />
                                                     </ErrorBoundary>
                                                 );
@@ -131,7 +136,8 @@ export function PropertyTreeEntry({
                                       onPropertyClick,
                                       onPropertyMove,
                                       onPropertyRemove,
-                                      inferredPropertyKeys
+                                      inferredPropertyKeys,
+                                      collectionEditable
                                   }: {
     propertyKey: string;
     namespace?: string;
@@ -144,6 +150,7 @@ export function PropertyTreeEntry({
     onPropertyMove?: (propertiesOrder: string[], namespace?: string) => void;
     onPropertyRemove?: (propertyKey: string, namespace?: string) => void;
     inferredPropertyKeys?: string[];
+    collectionEditable: boolean;
 }) {
 
     const isPropertyInferred = inferredPropertyKeys?.includes(namespace ? `${namespace}.${propertyKey}` : propertyKey);
@@ -161,13 +168,15 @@ export function PropertyTreeEntry({
                 errors={errors}
                 onPropertyClick={onPropertyClick}
                 onPropertyMove={onPropertyMove}
-                onPropertyRemove={onPropertyRemove}/>
+                onPropertyRemove={onPropertyRemove}
+                collectionEditable={collectionEditable}
+            />
         }
     }
 
     const hasError = fullId ? getIn(errors, idToPropertiesPath(fullId)) : false;
     const selected = selectedPropertyKey === fullId;
-    const editable = propertyOrBuilder && editableProperty(propertyOrBuilder);
+    const editable = propertyOrBuilder && ((collectionEditable && !isPropertyBuilder(propertyOrBuilder)) || editableProperty(propertyOrBuilder));
 
     return (
         <div

package/src/components/collection_editor/import/CollectionEditorImportMapping.tsx

@@ -8,12 +8,12 @@ import { getIn, useFormikContext } from "formik";
 
 import {
     Container,
-    PropertyConfig,
     FieldConfigBadge,
     getFieldConfig,
     getFieldId,
     Properties,
     Property,
+    PropertyConfig,
     Select,
     Tooltip,
     Typography,
@@ -30,11 +30,13 @@ import { buildPropertyFromData } from "@firecms/schema_inference";
 
 export function CollectionEditorImportMapping({
                                                   importConfig,
-                                                  customFields
+                                                  customFields,
+                                                  collectionEditable
                                               }:
                                                   {
                                                       importConfig: ImportConfig,
-                                                      customFields: Record<string, PropertyConfig>
+                                                      customFields: Record<string, PropertyConfig>,
+                                                      collectionEditable: boolean
                                                   }) {
 
     const {
@@ -192,6 +194,7 @@ export function CollectionEditorImportMapping({
                 autoUpdateId={false}
                 onPropertyChanged={onPropertyChanged}
                 allowDataInference={false}
+                collectionEditable={collectionEditable}
                 onOkClicked={() => {
                     setSelectedProperty(undefined);
                 }}

package/src/components/collection_editor/properties/BlockPropertyField.tsx

@@ -5,11 +5,12 @@ import { PropertyFormDialog } from "../PropertyEditView";
 import { getFullId, idToPropertiesPath, namespaceToPropertiesOrderPath } from "../util";
 import { PropertyTree } from "../PropertyTree";
 
-export function BlockPropertyField({ disabled, getData, allowDataInference, customFields }: {
+export function BlockPropertyField({ disabled, getData, allowDataInference, customFields, collectionEditable }: {
     disabled: boolean;
     getData?: () => Promise<object[]>;
     allowDataInference: boolean;
-    customFields: Record<string, PropertyConfig>
+    customFields: Record<string, PropertyConfig>,
+    collectionEditable: boolean;
 }) {
 
     const {
@@ -81,6 +82,7 @@ export function BlockPropertyField({ disabled, getData, allowDataInference, cust
                         properties={values.oneOf?.properties ?? {}}
                         propertiesOrder={values.oneOf?.propertiesOrder}
                         errors={{}}
+                        collectionEditable={collectionEditable}
                         onPropertyClick={disabled
                             ? undefined
                             : (propertyKey, namespace) => {
@@ -116,6 +118,7 @@ export function BlockPropertyField({ disabled, getData, allowDataInference, cust
                     setSelectedPropertyKey(undefined);
                     setSelectedPropertyNamespace(undefined);
                 }}
+                collectionEditable={collectionEditable}
                 onDelete={deleteProperty}
                 propertyKey={selectedPropertyKey}
                 propertyNamespace={selectedPropertyNamespace}

package/src/components/collection_editor/properties/MapPropertyField.tsx

@@ -15,11 +15,12 @@ import { PropertyTree } from "../PropertyTree";
 import { getFullId, idToPropertiesPath, namespaceToPropertiesOrderPath, namespaceToPropertiesPath } from "../util";
 import { FieldHelperView } from "./FieldHelperView";
 
-export function MapPropertyField({ disabled, getData, allowDataInference, customFields }: {
+export function MapPropertyField({ disabled, getData, allowDataInference, customFields, collectionEditable }: {
     disabled: boolean;
     getData?: () => Promise<object[]>;
     allowDataInference: boolean;
-    customFields: Record<string, PropertyConfig>
+    customFields: Record<string, PropertyConfig>,
+    collectionEditable: boolean;
 }) {
 
     const {
@@ -94,6 +95,7 @@ export function MapPropertyField({ disabled, getData, allowDataInference, custom
                         properties={values.properties ?? {}}
                         propertiesOrder={propertiesOrder}
                         errors={{}}
+                        collectionEditable={collectionEditable}
                         onPropertyClick={(propertyKey, namespace) => {
                             setSelectedPropertyKey(propertyKey);
                             setSelectedPropertyNamespace(namespace);
@@ -127,6 +129,7 @@ export function MapPropertyField({ disabled, getData, allowDataInference, custom
                 forceShowErrors={false}
                 open={propertyDialogOpen}
                 allowDataInference={allowDataInference}
+                collectionEditable={collectionEditable}
                 onCancel={() => {
                     setPropertyDialogOpen(false);
                     setSelectedPropertyKey(undefined);

package/src/components/collection_editor/properties/RepeatPropertyField.tsx

@@ -2,10 +2,10 @@ import React, { useCallback, useState } from "react";
 import {
     ArrayProperty,
     Button,
-    PropertyConfig,
     getFieldConfig,
     Paper,
     Property,
+    PropertyConfig,
     Typography,
     useFireCMSContext
 } from "@firecms/core";
@@ -21,14 +21,16 @@ export function RepeatPropertyField({
                                         disabled,
                                         getData,
                                         allowDataInference,
-                                        customFields
+                                        customFields,
+                                        collectionEditable
                                     }: {
     showErrors: boolean,
     existing: boolean,
     disabled: boolean,
     getData?: () => Promise<object[]>;
     allowDataInference: boolean;
-    customFields: Record<string, PropertyConfig>
+    customFields: Record<string, PropertyConfig>,
+    collectionEditable: boolean;
 }) {
 
     const { fields } = useFireCMSContext();
@@ -96,6 +98,7 @@ export function RepeatPropertyField({
                                 onPropertyChanged={onPropertyChanged}
                                 forceShowErrors={showErrors}
                                 customFields={customFields}
+                                collectionEditable={collectionEditable}
                             />
                         </Paper>
                     )}