@firecms/collection_editor 3.0.0-alpha.24 → 3.0.0-alpha.26

package/dist/types/collection_editor_controller.d.ts

@@ -1,5 +1,5 @@
 import { CollectionEditorPermissionsBuilder } from "./config_permissions";
-import { EntityCollection } from "@firecms/core";
+import { EntityCollection, Property } from "@firecms/core";
 /**
  * Controller to open the collection editor dialog.
  * @category Hooks and utilities
@@ -21,6 +21,13 @@ export interface CollectionEditorController {
         parentCollection?: EntityCollection<any, any, any>;
         redirect: boolean;
     }) => void;
+    editProperty: (props: {
+        propertyKey?: string;
+        property?: Property;
+        currentPropertiesOrder?: string[];
+        editedCollectionPath: string;
+        parentPathSegments: string[];
+    }) => void;
     configPermissions: CollectionEditorPermissionsBuilder;
     rootPathSuggestions?: string[];
 }

package/dist/types/config_controller.d.ts

@@ -1,4 +1,4 @@
-import { CMSType } from "@firecms/core";
+import { CMSType, Property } from "@firecms/core";
 import { PersistedCollection } from "./persisted_collection";
 /**
  * Use this controller to access the configuration that is stored externally,
@@ -10,6 +10,7 @@ export interface CollectionsConfigController {
     saveCollection: <M extends {
         [Key: string]: CMSType;
     }>(params: SaveCollectionParams<M>) => Promise<void>;
+    saveProperty: (params: SavePropertyParams) => Promise<void>;
     deleteCollection: (props: DeleteCollectionParams) => Promise<void>;
 }
 export type SaveCollectionParams<M extends Record<string, any>> = {
@@ -18,6 +19,14 @@ export type SaveCollectionParams<M extends Record<string, any>> = {
     previousPath?: string;
     parentPathSegments?: string[];
 };
+export type SavePropertyParams = {
+    path: string;
+    propertyKey: string;
+    namespace?: string;
+    newPropertiesOrder?: string[];
+    property: Property;
+    parentPathSegments?: string[];
+};
 export type DeleteCollectionParams = {
     path: string;
     parentPathSegments?: string[];

package/package.json

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

package/src/ConfigControllerProvider.tsx

@@ -246,8 +246,8 @@ export const ConfigControllerProvider = React.memo(
                         open={Boolean(currentPropertyDialog)}
                         includeIdAndName={true}
                         existingProperty={Boolean(currentPropertyDialog?.propertyKey)}
-                        autoUpdateId={!currentPropertyDialog?.propertyKey}
-                        autoOpenTypeSelect={!currentPropertyDialog?.propertyKey}
+                        autoUpdateId={!currentPropertyDialog ? false : !currentPropertyDialog?.propertyKey}
+                        autoOpenTypeSelect={!currentPropertyDialog ? false : !currentPropertyDialog?.propertyKey}
                         inArray={false}
                         getData={getData && currentDialog?.fullPath ? () => getData(currentDialog.fullPath!) : undefined}
                         onPropertyChanged={({

package/src/components/CollectionViewHeaderAction.tsx

@@ -21,7 +21,7 @@ export function CollectionViewHeaderAction({
     return (
         <Tooltip title={"Edit"}>
             <IconButton
-                className={onHover ? "bg-white dark:bg-gray-950" : undefined}
+                className={onHover ? "bg-white dark:bg-gray-950" : "hidden"}
                 onClick={() => {
                     collectionEditorController.editProperty({
                         propertyKey,

package/src/components/collection_editor/CollectionDetailsForm.tsx

@@ -242,6 +242,7 @@ export function CollectionDetailsForm({
                                 <div className={"col-span-12"}>
                                     <Field name={"alias"}
                                            as={DebouncedTextField}
+                                           disabled={!isNewCollection}
                                            label={"Alias"}
                                            validate={validateAlias}
                                            error={touched.alias && Boolean(errors.alias)}/>

package/src/components/collection_editor/PropertyEditView.tsx

@@ -290,6 +290,7 @@ function PropertyEditView({
     customFields: Record<string, FieldConfig>;
 } & FormikProps<PropertyWithId>) {
 
+    const [selectOpen, setSelectOpen] = useState(autoOpenTypeSelect);
     const [deleteDialogOpen, setDeleteDialogOpen] = useState(false);
     const [selectedFieldConfigId, setSelectedFieldConfigId] = useState<string | undefined>(values?.dataType ? getFieldId(values) : undefined);
 
@@ -439,13 +440,14 @@ function PropertyEditView({
             </InfoLabel>}
 
             <div className="flex mt-2 justify-between">
-                <div className={"w-full"}>
+                <div className={"w-full flex flex-col gap-2"}>
                     <Select
                         className={"w-full"}
                         error={Boolean(selectedWidgetError)}
                         value={selectedFieldConfigId ?? ""}
                         placeholder={"Select a property widget"}
-                        open={autoOpenTypeSelect}
+                        open={selectOpen}
+                        onOpenChange={setSelectOpen}
                         position={"item-aligned"}
                         disabled={disabled}
                         renderValue={(value) => {
@@ -497,8 +499,13 @@ function PropertyEditView({
                     </Select>
 
                     {selectedWidgetError &&
-                        <Typography variant="caption" color={"error"}>Required</Typography>}
-                    <Typography variant="caption">Define your own custom properties and components</Typography>
+                        <Typography variant="caption"
+                                    className={"ml-3.5"}
+                                    color={"error"}>Required</Typography>}
+
+                    {/*<Typography variant="caption" className={"ml-3.5"}>Define your own custom properties and*/}
+                    {/*    components</Typography>*/}
+
                 </div>
 
                 {onDelete && values?.id &&