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

package/dist/components/EntityCollectionView/utils.d.ts

@@ -0,0 +1,3 @@
+export declare function addRecentId(collectionId: string, id: string): string[];
+export declare function saveSearchedIdsLocally(collectionId: string, ids: string[]): void;
+export declare function getRecentIds(collectionId: string): string[];

package/dist/components/EntityPreview.d.ts

@@ -7,7 +7,7 @@ export type EntityPreviewProps = {
     collection?: EntityCollection;
     hover?: boolean;
     previewProperties?: string[];
-    disabled: undefined | boolean;
+    disabled?: boolean;
     entity: Entity<any>;
     includeId?: boolean;
     includeEntityLink?: boolean;

package/dist/index.es.js

@@ -2960,9 +2960,11 @@ function getArrayValuesCount(array) {
 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;
@@ -2970,13 +2972,19 @@ function makePropertiesEditable(properties) {
 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;
   }, {});
@@ -10782,6 +10790,23 @@ function DeleteEntityDialog({
     }
   );
 }
+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__ */ jsx(KeyboardTabIcon, {}),
   name: "Edit",
@@ -10799,6 +10824,9 @@ const editEntityAction = {
       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,
@@ -12837,6 +12865,7 @@ function EntityIdHeaderWidget({
 }) {
   const [openPopup, setOpenPopup] = React__default.useState(false);
   const [searchString, setSearchString] = React__default.useState("");
+  const [recentIds, setRecentIds] = React__default.useState(getRecentIds(collection.id));
   const sideEntityController = useSideEntityController();
   return /* @__PURE__ */ jsx(Tooltip, { title: !openPopup ? "Find by ID" : void 0, asChild: false, children: /* @__PURE__ */ jsx(
     Popover,
@@ -12847,47 +12876,69 @@ function EntityIdHeaderWidget({
       align: "start",
       alignOffset: -117,
       trigger: /* @__PURE__ */ jsx(IconButton, { size: "small", children: /* @__PURE__ */ jsx(SearchIcon, { size: "small" }) }),
-      children: /* @__PURE__ */ 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__ */ jsxs("div", { className: cls("my-2 rounded-lg bg-gray-50 dark:bg-gray-950 text-gray-900 dark:text-white"), children: [
+        /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex p-2 w-full gap-2", children: [
+              /* @__PURE__ */ 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 " + focusedDisabled
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  variant: "text",
+                  disabled: !searchString.trim(),
+                  type: "submit",
+                  children: /* @__PURE__ */ jsx(KeyboardTabIcon, {})
+                }
+              )
+            ] })
+          }
+        ),
+        recentIds && recentIds.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2 p-2", children: recentIds.map((id) => /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex p-2 w-full gap-4", children: [
-            /* @__PURE__ */ 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 " + focusedDisabled
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              Button,
-              {
-                variant: "outlined",
-                disabled: !searchString.trim(),
-                type: "submit",
-                children: "Go"
-              }
-            )
-          ] })
-        }
-      )
+          id
+        )) })
+      ] })
     }
   ) });
 }