@firecms/core 3.0.0-canary.126 → 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;
     }, {});
@@ -10786,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",
@@ -10803,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,
@@ -12841,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,
@@ -12851,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
+          )) })
+        ] })
       }
     ) });
   }