@firecms/collection_editor 3.0.0-canary.126 → 3.0.0-canary.128

package/dist/index.es.js

@@ -1,5 +1,5 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { FieldCaption, SearchIconsView, toSnakeCase, singular, IconForView, ArrayContainer, serializeRegExp, useSnackbarController, resolveEnumValues, isPropertyBuilder, useCustomizationController, getFieldConfig, ErrorBoundary, PropertyConfigBadge, unslugify, useNavigationController, mergeDeep, DEFAULT_FIELD_CONFIGS, isValidRegExp, getFieldId, DeleteConfirmationDialog, useLargeLayout, makePropertiesEditable, resolveEntityView, useSelectionController, CircularProgressCenter, EntityCollectionTable, slugify, useAuthController, randomString, removeUndefined, ErrorView, removeInitialAndTrailingSlashes, getDefaultPropertiesOrder, joinCollectionLists } from "@firecms/core";
+import { FieldCaption, SearchIconsView, toSnakeCase, singular, IconForView, ArrayContainer, serializeRegExp, useSnackbarController, resolveEnumValues, isPropertyBuilder, useCustomizationController, getFieldConfig, ErrorBoundary, PropertyConfigBadge, unslugify, useNavigationController, mergeDeep, DEFAULT_FIELD_CONFIGS, isValidRegExp, getFieldId, ConfirmationDialog, useLargeLayout, makePropertiesEditable, resolveEntityView, useSelectionController, CircularProgressCenter, EntityCollectionTable, slugify, useAuthController, randomString, removeUndefined, ErrorView, removeInitialAndTrailingSlashes, getDefaultPropertiesOrder, joinCollectionLists } from "@firecms/core";
 import * as React from "react";
 import React__default, { useContext, useState, useEffect, useMemo, useRef, useDeferredValue, useCallback } from "react";
 import equal from "react-fast-compare";
@@ -131,6 +131,7 @@ function CollectionDetailsForm({
             value: values.name ?? "",
             onChange: (e) => updateName(e.target.value),
             label: "Name",
+            autoFocus: true,
             required: true,
             error: showErrors && Boolean(errors.name)
           }
@@ -3549,7 +3550,7 @@ function PropertyEditFormFields({
       /* @__PURE__ */ jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsx(AdvancedPropertyValidation, { disabled }) })
     ] }),
     onDelete && /* @__PURE__ */ jsx(
-      DeleteConfirmationDialog,
+      ConfirmationDialog,
       {
         open: deleteDialogOpen,
         onAccept: () => onDelete(values?.id, propertyNamespace),
@@ -4193,7 +4194,7 @@ function SubcollectionsEditTab({
     values,
     setFieldValue
   } = useFormex();
-  const subcollections = collection.subcollections ?? [];
+  const [subcollections, setSubcollections] = React__default.useState(collection.subcollections ?? []);
   const resolvedEntityViews = values.entityViews?.filter((e) => typeof e === "string").map((e) => resolveEntityView(e, contextEntityViews)).filter(Boolean) ?? [];
   const hardCodedEntityViews = collection.entityViews?.filter((e) => typeof e !== "string") ?? [];
   const totalEntityViews = resolvedEntityViews.length + hardCodedEntityViews.length;
@@ -4346,7 +4347,7 @@ function SubcollectionsEditTab({
     ] }) }),
     /* @__PURE__ */ jsx("div", { style: { height: "52px" } }),
     subcollectionToDelete && /* @__PURE__ */ jsx(
-      DeleteConfirmationDialog,
+      ConfirmationDialog,
       {
         open: Boolean(subcollectionToDelete),
         onAccept: () => {
@@ -4355,8 +4356,10 @@ function SubcollectionsEditTab({
             parentCollectionIds: [...parentCollectionIds ?? [], collection.id]
           };
           console.debug("Deleting subcollection", props);
-          configController.deleteCollection(props);
-          setSubcollectionToDelete(void 0);
+          configController.deleteCollection(props).then(() => {
+            setSubcollectionToDelete(void 0);
+            setSubcollections(subcollections?.filter((e) => e.id !== subcollectionToDelete));
+          });
         },
         onCancel: () => setSubcollectionToDelete(void 0),
         title: /* @__PURE__ */ jsx(Fragment, { children: "Delete this subcollection?" }),
@@ -4368,7 +4371,7 @@ function SubcollectionsEditTab({
       }
     ),
     viewToDelete && /* @__PURE__ */ jsx(
-      DeleteConfirmationDialog,
+      ConfirmationDialog,
       {
         open: Boolean(viewToDelete),
         onAccept: () => {
@@ -4395,7 +4398,10 @@ function SubcollectionsEditTab({
         isNewCollection: false,
         ...currentDialog,
         getUser,
-        handleClose: () => {
+        handleClose: (updatedCollection) => {
+          if (updatedCollection && !subcollections.map((e) => e.id).includes(updatedCollection.id)) {
+            setSubcollections([...subcollections, updatedCollection]);
+          }
           setCurrentDialog(void 0);
         }
       }
@@ -4672,7 +4678,7 @@ const pagesCollectionTemplate = {
       validation: {
         required: true,
         unique: true,
-        matches: /^[a-z0-9]+(?:-[a-z0-9]+)*$/,
+        matches: "^[a-z0-9]+(?:-[a-z0-9]+)*$",
         matchesMessage: "Must be lowercase, alphanumeric, and hyphenated"
       }
     },
@@ -5486,7 +5492,7 @@ function CollectionEditorInternal({
   };
   const doCollectionInference = (collection2) => {
     if (!collectionInference) return void 0;
-    return collectionInference?.(collection2.path, collection2.collectionGroup ?? false, parentCollectionIds ?? []);
+    return collectionInference?.(collection2.path, collection2.collectionGroup ?? false, parentPaths ?? []);
   };
   const inferCollectionFromData = async (newCollection) => {
     try {
@@ -6300,7 +6306,7 @@ function HomePageEditorCollectionAction({
       )
     ] }),
     /* @__PURE__ */ jsx(
-      DeleteConfirmationDialog,
+      ConfirmationDialog,
       {
         open: deleteRequested,
         onAccept: deleteCollection,