@firecms/core 3.0.0-canary.125 → 3.0.0-canary.127

package/dist/index.umd.js

@@ -2964,9 +2964,11 @@
   function makePropertiesEditable(properties) {
     Object.keys(properties).forEach((key) => {
       const property = properties[key];
-      property.editable = true;
-      if (property.dataType === "map" && property.properties) {
-        makePropertiesEditable(property.properties);
+      if (property) {
+        property.editable = true;
+        if (property.dataType === "map" && property.properties) {
+          makePropertiesEditable(property.properties);
+        }
       }
     });
     return properties;
@@ -2974,13 +2976,19 @@
   function makePropertiesNonEditable(properties) {
     return Object.entries(properties).reduce((acc, [key, property]) => {
       if (!isPropertyBuilder(property) && property.dataType === "map" && property.properties) {
-        const updated = { ...property, properties: makePropertiesNonEditable(property.properties) };
+        const updated = {
+          ...property,
+          properties: makePropertiesNonEditable(property.properties)
+        };
         acc[key] = updated;
       }
       if (isPropertyBuilder(property)) {
         acc[key] = property;
       } else {
-        acc[key] = { ...property, editable: false };
+        acc[key] = {
+          ...property,
+          editable: false
+        };
       }
       return acc;
     }, {});
@@ -7001,7 +7009,7 @@
         onDropRejected: (fileRejections, event) => {
           for (const fileRejection of fileRejections) {
             for (const error2 of fileRejection.errors) {
-              console.log("Error uploading file: ", error2);
+              console.error("Error uploading file: ", error2);
               if (error2.code === "file-too-large") {
                 snackbarContext.open({
                   type: "error",
@@ -7165,7 +7173,6 @@
         updateValue(entity ? getReferenceFrom(entity) : null);
       }, [updateValue]);
       const onMultipleEntitiesSelected = React.useCallback((entities) => {
-        console.log("onMultipleEntitiesSelected", entities);
         updateValue(entities.map((e) => getReferenceFrom(e)));
       }, [updateValue]);
       const selectedEntityIds = internalValue ? Array.isArray(internalValue) ? internalValue.map((ref) => ref.id) : internalValue.id ? [internalValue.id] : [] : [];
@@ -9606,7 +9613,6 @@
       }
     }
     const multiple = multipleSelectOperations$1.includes(operation);
-    console.log("internalValue", { internalValue });
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-[440px]", children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-[80px]", children: /* @__PURE__ */ jsxRuntime.jsx(
         ui.Select,
@@ -10788,6 +10794,23 @@
       }
     );
   }
+  function addRecentId(collectionId, id) {
+    const recentIds = getRecentIds(collectionId);
+    const newRecentIds = [id, ...recentIds.filter((i) => i !== id)];
+    if (newRecentIds.length > 5) {
+      newRecentIds.pop();
+    }
+    saveSearchedIdsLocally(collectionId, newRecentIds);
+    return newRecentIds;
+  }
+  function saveSearchedIdsLocally(collectionId, ids) {
+    localStorage.setItem("recent_id_searches::" + collectionId, JSON.stringify(ids));
+  }
+  function getRecentIds(collectionId) {
+    const stored = localStorage.getItem("recent_id_searches::" + collectionId);
+    if (!stored) return [];
+    return JSON.parse(stored);
+  }
   const editEntityAction = {
     icon: /* @__PURE__ */ jsxRuntime.jsx(ui.KeyboardTabIcon, {}),
     name: "Edit",
@@ -10805,6 +10828,9 @@
         path: entity.path,
         entityId: entity.id
       });
+      if (collection) {
+        addRecentId(collection.id, entity.id);
+      }
       const path = collection?.collectionGroup ? entity.path : fullPath ?? entity.path;
       context.sideEntityController.open({
         entityId: entity.id,
@@ -11536,7 +11562,6 @@
           setFilteredUrls(null);
         } else {
           const searchResult = fuse.current?.search(value);
-          console.log("Search result", searchResult);
           if (searchResult) {
             setFilteredUrls(searchResult.map((e) => e.item.url));
           }
@@ -12337,7 +12362,6 @@
         tableController.setPopupCell?.(void 0);
       }, [tableController.setPopupCell]);
       const onEntityClick = React.useCallback((clickedEntity) => {
-        console.log("Entity clicked", clickedEntity);
         const collection2 = collectionRef.current;
         setHighlightedEntity(clickedEntity);
         analyticsController.onAnalyticsEvent?.("edit_entity_clicked", {
@@ -12845,6 +12869,7 @@
   }) {
     const [openPopup, setOpenPopup] = React.useState(false);
     const [searchString, setSearchString] = React.useState("");
+    const [recentIds, setRecentIds] = React.useState(getRecentIds(collection.id));
     const sideEntityController = useSideEntityController();
     return /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: !openPopup ? "Find by ID" : void 0, asChild: false, children: /* @__PURE__ */ jsxRuntime.jsx(
       ui.Popover,
@@ -12855,47 +12880,69 @@
         align: "start",
         alignOffset: -117,
         trigger: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", children: /* @__PURE__ */ jsxRuntime.jsx(ui.SearchIcon, { size: "small" }) }),
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          "form",
-          {
-            noValidate: true,
-            onSubmit: (e) => {
-              e.preventDefault();
-              if (!searchString) return;
-              setOpenPopup(false);
-              return sideEntityController.open({
-                entityId: searchString.trim(),
-                path,
-                collection,
-                updateUrl: true
-              });
+        children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cls("my-2 rounded-lg bg-gray-50 dark:bg-gray-950 text-gray-900 dark:text-white"), children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "form",
+            {
+              noValidate: true,
+              onSubmit: (e) => {
+                e.preventDefault();
+                if (!searchString) return;
+                setOpenPopup(false);
+                setRecentIds(addRecentId(collection.id, searchString.trim()));
+                return sideEntityController.open({
+                  entityId: searchString.trim(),
+                  path,
+                  collection,
+                  updateUrl: true
+                });
+              },
+              className: "w-96 max-w-full",
+              children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex p-2 w-full gap-2", children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "input",
+                  {
+                    autoFocus: openPopup,
+                    placeholder: "Find entity by ID",
+                    onChange: (e) => {
+                      setSearchString(e.target.value);
+                    },
+                    value: searchString,
+                    className: "rounded-lg bg-white dark:bg-gray-800 flex-grow bg-transparent outline-none p-2 " + ui.focusedDisabled
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  ui.Button,
+                  {
+                    variant: "text",
+                    disabled: !searchString.trim(),
+                    type: "submit",
+                    children: /* @__PURE__ */ jsxRuntime.jsx(ui.KeyboardTabIcon, {})
+                  }
+                )
+              ] })
+            }
+          ),
+          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);
+                sideEntityController.open({
+                  entityId: id,
+                  path,
+                  collection,
+                  updateUrl: true
+                });
+              },
+              includeEntityLink: false,
+              size: "small"
             },
-            className: "text-gray-900 dark:text-white w-96 max-w-full",
-            children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex p-2 w-full gap-4", children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "input",
-                {
-                  autoFocus: openPopup,
-                  placeholder: "Find entity by ID",
-                  onChange: (e) => {
-                    setSearchString(e.target.value);
-                  },
-                  value: searchString,
-                  className: "flex-grow bg-transparent outline-none p-1 " + ui.focusedDisabled
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                ui.Button,
-                {
-                  variant: "outlined",
-                  disabled: !searchString.trim(),
-                  type: "submit",
-                  children: "Go"
-                }
-              )
-            ] })
-          }
-        )
+            id
+          )) })
+        ] })
       }
     ) });
   }
@@ -13750,7 +13797,6 @@
       };
     }, [query, updateSearchResults]);
     const icons = keys === null ? ui.coolIconKeys : keys;
-    console.log("Icons", icons);
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         ui.SearchBar,
@@ -14441,7 +14487,7 @@
         onDropRejected: (fileRejections, event) => {
           for (const fileRejection of fileRejections) {
             for (const error of fileRejection.errors) {
-              console.log("Error uploading file: ", error);
+              console.error("Error uploading file: ", error);
               if (error.code === "file-too-large") {
                 snackbarContext.open({
                   type: "error",
@@ -17498,7 +17544,6 @@
       if (onUpdate)
         onUpdate({ entity: updatedEntity });
       if (closeAfterSave) {
-        console.log("Closing side dialog");
         sideDialogContext.setBlocked(false);
         sideDialogContext.close(true);
         onClose?.();
@@ -18348,7 +18393,6 @@
     const handleDrawerCloseOk = () => {
       setBlocked(false);
       setDrawerCloseRequested(false);
-      console.log("handleDrawerCloseOk");
       sideDialogsController.close();
       panel?.onClose?.();
     };
@@ -19531,7 +19575,7 @@
                 Object.values(navigationEntries).filter((e) => e.group === group).map((view, index) => /* @__PURE__ */ jsxRuntime.jsx(
                   DrawerNavigationItem,
                   {
-                    icon: /* @__PURE__ */ jsxRuntime.jsx(IconForView, { collectionOrView: view.collection ?? view.view }),
+                    icon: /* @__PURE__ */ jsxRuntime.jsx(IconForView, { collectionOrView: view.collection ?? view.view, size: "small" }),
                     tooltipsOpen,
                     adminMenuOpen,
                     drawerOpen,