@firecms/core 3.0.0-canary.125 → 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;
   }, {});
@@ -6997,7 +7005,7 @@ function StorageUpload$1({
       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",
@@ -7161,7 +7169,6 @@ const TableReferenceFieldInternal = React__default.memo(
       updateValue(entity ? getReferenceFrom(entity) : null);
     }, [updateValue]);
     const onMultipleEntitiesSelected = 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] : [] : [];
@@ -9602,7 +9609,6 @@ function StringNumberFilterField({
     }
   }
   const multiple = multipleSelectOperations$1.includes(operation);
-  console.log("internalValue", { internalValue });
   return /* @__PURE__ */ jsxs("div", { className: "flex w-[440px]", children: [
     /* @__PURE__ */ jsx("div", { className: "w-[80px]", children: /* @__PURE__ */ jsx(
       Select,
@@ -10784,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",
@@ -10801,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,
@@ -11532,7 +11558,6 @@ function DefaultHomePage({
         setFilteredUrls(null);
       } else {
         const searchResult = fuse.current?.search(value);
-        console.log("Search result", searchResult);
         if (searchResult) {
           setFilteredUrls(searchResult.map((e) => e.item.url));
         }
@@ -12333,7 +12358,6 @@ const EntityCollectionView = React__default.memo(
       tableController.setPopupCell?.(void 0);
     }, [tableController.setPopupCell]);
     const onEntityClick = useCallback((clickedEntity) => {
-      console.log("Entity clicked", clickedEntity);
       const collection2 = collectionRef.current;
       setHighlightedEntity(clickedEntity);
       analyticsController.onAnalyticsEvent?.("edit_entity_clicked", {
@@ -12841,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,
@@ -12851,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
+        )) })
+      ] })
     }
   ) });
 }
@@ -13746,7 +13793,6 @@ function SearchIconsView({
     };
   }, [query, updateSearchResults]);
   const icons = keys === null ? coolIconKeys : keys;
-  console.log("Icons", icons);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       SearchBar,
@@ -14437,7 +14483,7 @@ function FileDropComponent({
       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",
@@ -17494,7 +17540,6 @@ function EntityEditViewInner({
     if (onUpdate)
       onUpdate({ entity: updatedEntity });
     if (closeAfterSave) {
-      console.log("Closing side dialog");
       sideDialogContext.setBlocked(false);
       sideDialogContext.close(true);
       onClose?.();
@@ -18344,7 +18389,6 @@ function SideDialogView({
   const handleDrawerCloseOk = () => {
     setBlocked(false);
     setDrawerCloseRequested(false);
-    console.log("handleDrawerCloseOk");
     sideDialogsController.close();
     panel?.onClose?.();
   };
@@ -19527,7 +19571,7 @@ function DefaultDrawer({
               Object.values(navigationEntries).filter((e) => e.group === group).map((view, index) => /* @__PURE__ */ jsx(
                 DrawerNavigationItem,
                 {
-                  icon: /* @__PURE__ */ jsx(IconForView, { collectionOrView: view.collection ?? view.view }),
+                  icon: /* @__PURE__ */ jsx(IconForView, { collectionOrView: view.collection ?? view.view, size: "small" }),
                   tooltipsOpen,
                   adminMenuOpen,
                   drawerOpen,