@firecms/core 3.0.0-canary.224 → 3.0.0-canary.226

package/dist/index.es.js

@@ -71,23 +71,46 @@ function resolveCollectionPathIds(path, allCollections) {
   const cleanPath = removeInitialAndTrailingSlashes(path);
   const subpaths = cleanPath.split("/");
   if (subpaths.length % 2 === 0) {
-    throw Error(`resolveCollectionPathAliases: Collection paths must have an odd number of segments: ${path}`);
-  }
-  const aliasedCollection = allCollections.find((col) => col.id === subpaths[0]);
-  let resolvedAliased;
-  if (aliasedCollection) {
-    resolvedAliased = aliasedCollection.path;
+    throw Error(`resolveCollectionPathIds: Collection paths must have an odd number of segments: ${path}`);
+  }
+  const exactMatch = allCollections.find((col) => col.path === cleanPath);
+  if (exactMatch) {
+    return exactMatch.path;
+  }
+  if (subpaths.length === 1) {
+    const aliasedCollection = allCollections.find((col) => col.id === subpaths[0]);
+    return aliasedCollection?.path ?? subpaths[0];
+  }
+  let matchingCollection;
+  let entityIndex = 1;
+  for (const collection of allCollections) {
+    const pathSegments = collection.path.split("/");
+    if (pathSegments.length > 1 && subpaths.slice(0, pathSegments.length).join("/") === collection.path) {
+      matchingCollection = collection;
+      entityIndex = pathSegments.length;
+      break;
+    }
   }
-  if (subpaths.length > 1) {
-    const segmentCollection = getCollectionByPathOrId(resolvedAliased ?? subpaths[0], allCollections);
-    if (!segmentCollection?.subcollections) {
+  if (!matchingCollection) {
+    const matchingCollections = allCollections.filter((col) => col.id === subpaths[0] || col.path === subpaths[0]);
+    if (!matchingCollections.length) {
       return cleanPath;
     }
-    const restOfThePath = cleanPath.split("/").slice(2).join("/");
-    return (resolvedAliased ?? subpaths[0]) + "/" + subpaths[1] + "/" + resolveCollectionPathIds(restOfThePath, segmentCollection.subcollections);
-  } else {
-    return resolvedAliased ?? cleanPath;
+    matchingCollection = matchingCollections[0];
+  }
+  const entityId = subpaths[entityIndex];
+  const remainingPath = subpaths.slice(entityIndex + 1);
+  if (remainingPath.length > 0) {
+    const subcollectionId = remainingPath[0];
+    const subcollection = matchingCollection.subcollections?.find((subcol) => subcol.id === subcollectionId);
+    if (subcollection) {
+      return `${matchingCollection.path}/${entityId}/${subcollection.path}`;
+    }
   }
+  if (remainingPath.length === 0) {
+    return `${matchingCollection.path}/${entityId}`;
+  }
+  return `${matchingCollection.path}/${entityId}/${remainingPath.join("/")}`;
 }
 function getCollectionByPathOrId(pathOrId, collections) {
   const subpaths = removeInitialAndTrailingSlashes(pathOrId).split("/");
@@ -10483,7 +10506,30 @@ const VirtualTable = React__default.memo(function VirtualTable2({
   useEffect(() => {
     setColumns(columnsProp);
   }, [columnsProp]);
-  const [measureRef, bounds] = useMeasure();
+  const [_, setForceUpdate] = useState(false);
+  useEffect(() => {
+    if (tableRef.current) {
+      const resizeObserver = new ResizeObserver(() => {
+        setForceUpdate((prev) => !prev);
+      });
+      resizeObserver.observe(tableRef.current);
+      return () => {
+        if (tableRef.current) {
+          resizeObserver.unobserve(tableRef.current);
+        }
+        resizeObserver.disconnect();
+      };
+    }
+    return () => {
+    };
+  }, [tableRef]);
+  const [measureRef, bounds] = useMeasure({
+    debounce: 50,
+    polyfill: ResizeObserver,
+    scroll: true,
+    // This is important for handling zooming in react-flow
+    offsetSize: true
+  });
   const onColumnResizeInternal = useCallback((params) => {
     if (debug) console.log("onColumnResizeInternal", params);
     setColumns(columns.map((column) => column.key === params.column.key ? params.column : column));
@@ -18423,9 +18469,13 @@ const EntityCollectionView = React__default.memo(function EntityCollectionView2(
   ...collectionProp
 }) {
   const context = useFireCMSContext();
-  const fullPath = fullPathProp ?? collectionProp.path;
-  const dataSource = useDataSource();
   const navigation = useNavigationController();
+  const fullPath = (fullPathProp ? navigation.resolveIdsFrom(fullPathProp) : void 0) ?? collectionProp.path;
+  console.log("aaa", {
+    fullPathProp,
+    fullPath
+  });
+  const dataSource = useDataSource();
   const sideEntityController = useSideEntityController();
   const authController = useAuthController();
   const userConfigPersistence = useUserConfigurationPersistence();
@@ -21339,10 +21389,10 @@ function EntityEditViewInner({
       });
     }
   };
-  const entityReadOnlyView = /* @__PURE__ */ jsx("div", { className: cls("flex-1 flex flex-row w-full overflow-y-auto justify-center", canEdit || !mainViewVisible || selectedSecondaryForm ? "hidden" : ""), children: /* @__PURE__ */ jsxs("div", { className: cls("relative flex flex-col max-w-4xl lg:max-w-3xl xl:max-w-4xl 2xl:max-w-6xl w-full h-fit"), children: [
+  const entityReadOnlyView = !canEdit && entity ? /* @__PURE__ */ jsx("div", { className: cls("flex-1 flex flex-row w-full overflow-y-auto justify-center", canEdit || !mainViewVisible || selectedSecondaryForm ? "hidden" : ""), children: /* @__PURE__ */ jsxs("div", { className: cls("relative flex flex-col max-w-4xl lg:max-w-3xl xl:max-w-4xl 2xl:max-w-6xl w-full h-fit"), children: [
     /* @__PURE__ */ jsx(Typography, { className: "mt-16 mb-8 mx-8", variant: "h4", children: collection.singularName ?? collection.name }),
     /* @__PURE__ */ jsx(EntityView, { className: "px-8 h-full overflow-auto", entity, path, collection })
-  ] }) });
+  ] }) }) : null;
   const entityView = /* @__PURE__ */ jsx(EntityForm, { collection, path, entityId: entityId ?? usedEntity?.id, onValuesModified, entity, initialDirtyValues: cachedDirtyValues, openEntityMode: layout, forceActionsAtTheBottom: actionsAtTheBottom, initialStatus: status, className: cls((!mainViewVisible || !canEdit) && !selectedSecondaryForm ? "hidden" : "", formProps?.className), EntityFormActionsComponent: EntityEditViewFormActions, disabled: !canEdit, ...formProps, onEntityChange: (entity_0) => {
     setUsedEntity(entity_0);
     formProps?.onEntityChange?.(entity_0);