@firecms/core 3.0.0-canary.227 → 3.0.0-canary.228

package/dist/index.umd.js

@@ -150,6 +150,7 @@
     entityId,
     copy,
     path,
+    fullIdPath,
     selectedTab,
     sideEntityController,
     onClose,
@@ -158,7 +159,8 @@
     if (openEntityMode === "side_panel") {
       sideEntityController.open({
         entityId,
-        path,
+        path: fullIdPath ?? path,
+        // fullIdPath,
         copy,
         selectedTab,
         collection,
@@ -166,7 +168,7 @@
         onClose
       });
     } else {
-      let to = navigation.buildUrlCollectionPath(entityId ? `${path}/${entityId}` : path);
+      let to = navigation.buildUrlCollectionPath(entityId ? `${fullIdPath ?? path}/${entityId}` : fullIdPath ?? path);
       if (entityId && selectedTab) {
         to += `/${selectedTab}`;
       }
@@ -12264,6 +12266,7 @@
         collection,
         entityId: entity.id,
         path,
+        fullIdPath: path,
         sideEntityController: context.sideEntityController,
         onClose: () => unhighlightEntity?.(entity),
         navigation: context.navigation,
@@ -12296,6 +12299,7 @@
         collection,
         entityId: entity.id,
         path,
+        fullIdPath: path,
         copy: true,
         sideEntityController: context.sideEntityController,
         onClose: () => unhighlightEntity?.(entity),
@@ -18463,6 +18467,7 @@
   const DEFAULT_ENTITY_OPEN_MODE = "side_panel";
   const EntityCollectionView = React.memo(function EntityCollectionView2({
     fullPath: fullPathProp,
+    fullIdPath,
     parentCollectionIds,
     isSubCollection,
     className,
@@ -18542,6 +18547,7 @@
       navigateToEntity({
         navigation,
         path,
+        fullIdPath,
         sideEntityController,
         openEntityMode,
         collection: collection_1,
@@ -18558,6 +18564,7 @@
         collection: collection_2,
         entityId: void 0,
         path: fullPath,
+        fullIdPath,
         sideEntityController,
         navigation,
         onClose: unselectNavigatedEntity
@@ -18693,6 +18700,7 @@
               entityId: entity_3.id,
               selectedTab: subcollection.id ?? subcollection.path,
               path: fullPath,
+              fullIdPath,
               navigation,
               sideEntityController
             });
@@ -18748,7 +18756,7 @@
         entity: entity_6,
         customEntityActions: collection.entityActions
       });
-      return /* @__PURE__ */ jsxRuntime.jsx(EntityCollectionRowActions, { entity: entity_6, width: width_0, frozen, isSelected, selectionEnabled, size: size_0, highlightEntity: setHighlightedEntity, unhighlightEntity: unselectNavigatedEntity, collection, fullPath, actions: actions_0, hideId: collection?.hideIdFromCollection, onCollectionChange: updateLastDeleteTimestamp, selectionController: usedSelectionController, openEntityMode });
+      return /* @__PURE__ */ jsxRuntime.jsx(EntityCollectionRowActions, { entity: entity_6, width: width_0, frozen, isSelected, selectionEnabled, size: size_0, highlightEntity: setHighlightedEntity, unhighlightEntity: unselectNavigatedEntity, collection, fullPath: fullIdPath ?? fullPath, actions: actions_0, hideId: collection?.hideIdFromCollection, onCollectionChange: updateLastDeleteTimestamp, selectionController: usedSelectionController, openEntityMode });
     }, [updateLastDeleteTimestamp, usedSelectionController]);
     const title = /* @__PURE__ */ jsxRuntime.jsx(ui.Popover, { open: popOverOpen, onOpenChange: setPopOverOpen, enabled: Boolean(collection.description), trigger: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col items-start", children: [
       /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "subtitle1", className: `leading-none truncate max-w-[160px] lg:max-w-[240px] ${collection.description ? "cursor-pointer" : "cursor-auto"}`, onClick: collection.description ? (e_2) => {
@@ -18790,7 +18798,7 @@
           /* @__PURE__ */ jsxRuntime.jsx(ui.AddIcon, {}),
           "Create your first entity"
         ] })
-      ] }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "label", children: "No results with the applied filter/sort" }), hoverRow, inlineEditing: checkInlineEditing(), AdditionalHeaderWidget: buildAdditionalHeaderWidget, AddColumnComponent: addColumnComponentInternal, getIdColumnWidth, additionalIDHeaderWidget: /* @__PURE__ */ jsxRuntime.jsx(EntityIdHeaderWidget, { path: fullPath, collection }), openEntityMode }, `collection_table_${fullPath}`),
+      ] }) : /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "label", children: "No results with the applied filter/sort" }), hoverRow, inlineEditing: checkInlineEditing(), AdditionalHeaderWidget: buildAdditionalHeaderWidget, AddColumnComponent: addColumnComponentInternal, getIdColumnWidth, additionalIDHeaderWidget: /* @__PURE__ */ jsxRuntime.jsx(EntityIdHeaderWidget, { path: fullPath, fullIdPath: fullIdPath ?? fullPath, collection }), openEntityMode }, `collection_table_${fullPath}`),
       popupCell && /* @__PURE__ */ jsxRuntime.jsx(PopupFormField, { open: Boolean(popupCell), onClose: onPopupClose, cellRect: popupCell?.cellRect, propertyKey: popupCell?.propertyKey, collection, entityId: popupCell.entityId, tableKey: tableKey.current, customFieldValidator: uniqueFieldValidator, path: resolvedFullPath, onCellValueChange: onValueChange, container: containerRef.current }, `popup_form_${popupCell?.propertyKey}_${popupCell?.entityId}`),
       deleteEntityClicked && /* @__PURE__ */ jsxRuntime.jsx(DeleteEntityDialog, { entityOrEntitiesToDelete: deleteEntityClicked, path: fullPath, collection, callbacks: collection.callbacks, open: Boolean(deleteEntityClicked), onEntityDelete: internalOnEntityDelete, onMultipleEntitiesDelete: internalOnMultipleEntitiesDelete, onClose: () => setDeleteEntityClicked(void 0) })
     ] });
@@ -18849,10 +18857,11 @@
     };
   }
   function EntityIdHeaderWidget(t0) {
-    const $ = reactCompilerRuntime.c(40);
+    const $ = reactCompilerRuntime.c(42);
     const {
       collection,
-      path
+      path,
+      fullIdPath
     } = t0;
     const navigation = useNavigationController();
     const [openPopup, setOpenPopup] = React.useState(false);
@@ -18881,7 +18890,7 @@
       t4 = $[3];
     }
     let t5;
-    if ($[4] !== collection || $[5] !== navigation || $[6] !== openEntityMode || $[7] !== path || $[8] !== searchString || $[9] !== sideEntityController) {
+    if ($[4] !== collection || $[5] !== fullIdPath || $[6] !== navigation || $[7] !== openEntityMode || $[8] !== path || $[9] !== searchString || $[10] !== sideEntityController) {
       t5 = (e) => {
         e.preventDefault();
         if (!searchString) {
@@ -18895,77 +18904,79 @@
           collection,
           entityId,
           path,
+          fullIdPath,
           sideEntityController,
           navigation
         });
       };
       $[4] = collection;
-      $[5] = navigation;
-      $[6] = openEntityMode;
-      $[7] = path;
-      $[8] = searchString;
-      $[9] = sideEntityController;
-      $[10] = t5;
+      $[5] = fullIdPath;
+      $[6] = navigation;
+      $[7] = openEntityMode;
+      $[8] = path;
+      $[9] = searchString;
+      $[10] = sideEntityController;
+      $[11] = t5;
     } else {
-      t5 = $[10];
+      t5 = $[11];
     }
     let t6;
-    if ($[11] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
       t6 = (e_0) => {
         setSearchString(e_0.target.value);
       };
-      $[11] = t6;
+      $[12] = t6;
     } else {
-      t6 = $[11];
+      t6 = $[12];
     }
     let t7;
-    if ($[12] !== openPopup || $[13] !== searchString) {
+    if ($[13] !== openPopup || $[14] !== searchString) {
       t7 = /* @__PURE__ */ jsxRuntime.jsx("input", { autoFocus: openPopup, placeholder: "Find entity by ID", onChange: t6, value: searchString, className: "rounded-lg bg-white dark:bg-surface-800 flex-grow bg-transparent outline-none p-2 " + ui.focusedDisabled });
-      $[12] = openPopup;
-      $[13] = searchString;
-      $[14] = t7;
+      $[13] = openPopup;
+      $[14] = searchString;
+      $[15] = t7;
     } else {
-      t7 = $[14];
+      t7 = $[15];
     }
     const t8 = !searchString.trim();
     let t9;
-    if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[16] === Symbol.for("react.memo_cache_sentinel")) {
       t9 = /* @__PURE__ */ jsxRuntime.jsx(ui.KeyboardTabIcon, {});
-      $[15] = t9;
+      $[16] = t9;
     } else {
-      t9 = $[15];
+      t9 = $[16];
     }
     let t10;
-    if ($[16] !== t8) {
+    if ($[17] !== t8) {
       t10 = /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "text", disabled: t8, type: "submit", children: t9 });
-      $[16] = t8;
-      $[17] = t10;
+      $[17] = t8;
+      $[18] = t10;
     } else {
-      t10 = $[17];
+      t10 = $[18];
     }
     let t11;
-    if ($[18] !== t10 || $[19] !== t7) {
+    if ($[19] !== t10 || $[20] !== t7) {
       t11 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex p-2 w-full gap-2", children: [
         t7,
         t10
       ] });
-      $[18] = t10;
-      $[19] = t7;
-      $[20] = t11;
+      $[19] = t10;
+      $[20] = t7;
+      $[21] = t11;
     } else {
-      t11 = $[20];
+      t11 = $[21];
     }
     let t12;
-    if ($[21] !== t11 || $[22] !== t5) {
+    if ($[22] !== t11 || $[23] !== t5) {
       t12 = /* @__PURE__ */ jsxRuntime.jsx("form", { noValidate: true, onSubmit: t5, className: "w-96 max-w-full", children: t11 });
-      $[21] = t11;
-      $[22] = t5;
-      $[23] = t12;
+      $[22] = t11;
+      $[23] = t5;
+      $[24] = t12;
     } else {
-      t12 = $[23];
+      t12 = $[24];
     }
     let t13;
-    if ($[24] !== collection || $[25] !== navigation || $[26] !== openEntityMode || $[27] !== path || $[28] !== recentIds || $[29] !== sideEntityController) {
+    if ($[25] !== collection || $[26] !== fullIdPath || $[27] !== navigation || $[28] !== openEntityMode || $[29] !== path || $[30] !== recentIds || $[31] !== sideEntityController) {
       t13 = recentIds && recentIds.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col gap-2 p-2", children: recentIds.map((id) => /* @__PURE__ */ jsxRuntime.jsx(ReferencePreview, { reference: new EntityReference(id, path), hover: true, onClick: () => {
         setOpenPopup(false);
         navigateToEntity({
@@ -18973,49 +18984,51 @@
           collection,
           entityId: id,
           path,
+          fullIdPath,
           sideEntityController,
           navigation
         });
       }, includeEntityLink: false, size: "small" }, id)) });
-      $[24] = collection;
-      $[25] = navigation;
-      $[26] = openEntityMode;
-      $[27] = path;
-      $[28] = recentIds;
-      $[29] = sideEntityController;
-      $[30] = t13;
+      $[25] = collection;
+      $[26] = fullIdPath;
+      $[27] = navigation;
+      $[28] = openEntityMode;
+      $[29] = path;
+      $[30] = recentIds;
+      $[31] = sideEntityController;
+      $[32] = t13;
     } else {
-      t13 = $[30];
+      t13 = $[32];
     }
     let t14;
-    if ($[31] !== t12 || $[32] !== t13) {
+    if ($[33] !== t12 || $[34] !== t13) {
       t14 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: t4, children: [
         t12,
         t13
       ] });
-      $[31] = t12;
-      $[32] = t13;
-      $[33] = t14;
+      $[33] = t12;
+      $[34] = t13;
+      $[35] = t14;
     } else {
-      t14 = $[33];
+      t14 = $[35];
     }
     let t15;
-    if ($[34] !== openPopup || $[35] !== t14) {
+    if ($[36] !== openPopup || $[37] !== t14) {
       t15 = /* @__PURE__ */ jsxRuntime.jsx(ui.Popover, { open: openPopup, onOpenChange: setOpenPopup, sideOffset: 0, align: "start", alignOffset: -117, trigger: t3, children: t14 });
-      $[34] = openPopup;
-      $[35] = t14;
-      $[36] = t15;
+      $[36] = openPopup;
+      $[37] = t14;
+      $[38] = t15;
     } else {
-      t15 = $[36];
+      t15 = $[38];
     }
     let t16;
-    if ($[37] !== t15 || $[38] !== t2) {
+    if ($[39] !== t15 || $[40] !== t2) {
       t16 = /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: t2, asChild: false, children: t15 });
-      $[37] = t15;
-      $[38] = t2;
-      $[39] = t16;
+      $[39] = t15;
+      $[40] = t2;
+      $[41] = t16;
     } else {
-      t16 = $[39];
+      t16 = $[41];
     }
     return t16;
   }
@@ -21271,6 +21284,7 @@
   }
   function EntityEditViewInner({
     path,
+    fullIdPath,
     entityId,
     selectedTab: selectedTabProp,
     collection,
@@ -21368,18 +21382,19 @@
     }), role: "tabpanel", children: /* @__PURE__ */ jsxRuntime.jsx(ErrorBoundary, { children: /* @__PURE__ */ jsxRuntime.jsx(EntityJsonPreview, { values: formContext?.values ?? entity?.values ?? {} }) }) }, "json_view");
     const subCollectionsViews = subcollections && subcollections.map((subcollection) => {
       const subcollectionId = subcollection.id ?? subcollection.path;
-      const fullPath = usedEntity ? `${path}/${usedEntity?.id}/${removeInitialAndTrailingSlashes(subcollectionId)}` : void 0;
+      const newFullPath = usedEntity ? `${path}/${usedEntity?.id}/${removeInitialAndTrailingSlashes(subcollectionId)}` : void 0;
+      const newFullIdPath = fullIdPath ? `${fullIdPath}/${usedEntity?.id}/${removeInitialAndTrailingSlashes(subcollectionId)}` : void 0;
       if (selectedTab !== subcollectionId) return null;
       return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex-1 h-full overflow-auto w-full", role: "tabpanel", children: [
         globalLoading && /* @__PURE__ */ jsxRuntime.jsx(CircularProgressCenter, {}),
-        !globalLoading && (usedEntity && fullPath ? /* @__PURE__ */ jsxRuntime.jsx(EntityCollectionView, { fullPath, parentCollectionIds: [...parentCollectionIds, collection.id], isSubCollection: true, updateUrl: false, ...subcollection, openEntityMode: layout }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center w-full h-full p-3", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "label", children: "You need to save your entity before adding additional collections" }) }))
+        !globalLoading && (usedEntity && newFullPath ? /* @__PURE__ */ jsxRuntime.jsx(EntityCollectionView, { fullPath: newFullPath, fullIdPath: newFullIdPath, parentCollectionIds: [...parentCollectionIds, collection.id], isSubCollection: true, updateUrl: false, ...subcollection, openEntityMode: layout }) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex items-center justify-center w-full h-full p-3", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "label", children: "You need to save your entity before adding additional collections" }) }))
       ] }, `subcol_${subcollectionId}`);
     }).filter(Boolean);
     const onSideTabClick = (value_0) => {
       setSelectedTab(value_0);
       if (status === "existing") {
         onTabChange?.({
-          path,
+          path: fullIdPath ?? path,
           entityId,
           selectedTab: value_0 === MAIN_TAB_VALUE ? void 0 : value_0,
           collection
@@ -21696,6 +21711,7 @@
       if (navigationEntry.type === "entity") {
         sidePanel = {
           path: navigationEntry.path,
+          // fullIdPath: navigationEntry.path,
           entityId: navigationEntry.entityId,
           copy: false,
           width: navigationEntry.parentCollection?.sideDialogWidth
@@ -21713,6 +21729,7 @@
     if (newFlag) {
       sidePanel = {
         path: lastCollectionPath,
+        // fullIdPath: lastCollectionPath,
         copy: false
       };
     }
@@ -21721,10 +21738,8 @@
   const propsToSidePanel = (props, buildUrlCollectionPath, resolveIdsFrom, smallLayout, customizationController, authController) => {
     const collectionPath = removeInitialAndTrailingSlashes(props.path);
     const newPath = props.entityId ? buildUrlCollectionPath(`${collectionPath}/${props.entityId}${props.selectedTab ? "/" + props.selectedTab : ""}#${SIDE_URL_HASH}`) : buildUrlCollectionPath(`${collectionPath}#${NEW_URL_HASH}`);
-    const resolvedPath = resolveIdsFrom(props.path);
     const resolvedPanelProps = {
       ...props,
-      path: resolvedPath,
       formProps: props.formProps
     };
     const entityViewWidth = getEntityViewWidth(props, smallLayout, customizationController, authController);
@@ -23226,7 +23241,7 @@
             } else {
               t8 = $[27];
             }
-            t62 = /* @__PURE__ */ jsxRuntime.jsx(EntityCollectionView, { isSubCollection: false, parentCollectionIds: t8, fullPath: collection_0.id, updateUrl: true, ...collection_0, Actions: toArray(collection_0.Actions) }, `collection_view_${collection_0.id ?? collection_0.path}`);
+            t62 = /* @__PURE__ */ jsxRuntime.jsx(EntityCollectionView, { fullIdPath: collection_0.id, isSubCollection: false, parentCollectionIds: t8, fullPath: collection_0.id, updateUrl: true, ...collection_0, Actions: toArray(collection_0.Actions) }, `collection_view_${collection_0.id ?? collection_0.path}`);
           }
           $[23] = navigation;
           $[24] = navigationEntries;
@@ -23315,9 +23330,10 @@
       return /* @__PURE__ */ jsxRuntime.jsx(NotFoundPage, {});
     }
     const collection = isNew ? lastCollectionEntry.collection : lastEntityEntry.parentCollection;
-    const collectionPath = navigation.resolveIdsFrom(isNew ? lastCollectionEntry.path : lastEntityEntry.path);
+    const fullIdPath = isNew ? lastCollectionEntry.path : lastEntityEntry.path;
+    const collectionPath = navigation.resolveIdsFrom(fullIdPath);
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(EntityEditView, { entityId: isNew ? void 0 : entityId, collection, layout: "full_screen", path: collectionPath, copy: isCopy, selectedTab: selectedTab ?? void 0, onValuesModified: (modified) => blocked.current = modified, onSaved: (params) => {
+      /* @__PURE__ */ jsxRuntime.jsx(EntityEditView, { entityId: isNew ? void 0 : entityId, fullIdPath, collection, layout: "full_screen", path: collectionPath, copy: isCopy, selectedTab: selectedTab ?? void 0, onValuesModified: (modified) => blocked.current = modified, onSaved: (params) => {
         const newSelectedTab = params.selectedTab;
         const newEntityId = params.entityId;
         if (newSelectedTab) {