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

package/dist/index.es.js

@@ -5173,7 +5173,7 @@ function EntityPreview({
       hover: disabled ? void 0 : hover,
       size,
       children: [
-        /* @__PURE__ */ jsxs("div", { className: cls("flex w-10 h-10 mr-2 shrink-0 grow-0", size === "smallest" ? "my-0.5" : "m-2 self-start"), children: [
+        /* @__PURE__ */ jsxs("div", { className: cls("flex w-10 h-10 mr-2 shrink-0", size === "smallest" ? "my-0.5" : "m-2 self-start"), children: [
           imageProperty && /* @__PURE__ */ jsx(
             PropertyPreview,
             {
@@ -5185,7 +5185,7 @@ function EntityPreview({
           ),
           !imageProperty && /* @__PURE__ */ jsx(IconForView, { collectionOrView: collection, size, className: "m-auto" })
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: "flex flex-col flex-grow w-full m-1", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex flex-col grow-1 w-full max-w-full m-1", children: [
           size !== "smallest" && includeId && (entity ? /* @__PURE__ */ jsx("div", { className: `${size !== "medium" ? "block whitespace-nowrap overflow-hidden truncate" : ""}`, children: /* @__PURE__ */ jsx(
             Typography,
             {
@@ -5289,7 +5289,7 @@ const EntityPreviewContainer = React.forwardRef(({
         fullwidth ? "w-full" : "",
         "items-center",
         hover ? "hover:bg-slate-50 dark:hover:bg-gray-800 group-hover:bg-slate-50 dark:group-hover:bg-gray-800" : "",
-        size === "smallest" ? "p-1" : "p-2",
+        size === "smallest" ? "p-1" : "px-2 py-1",
         "flex border rounded-lg",
         onClick ? "cursor-pointer" : "",
         defaultBorderMixin,
@@ -6997,7 +6997,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 +7161,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 +9601,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,
@@ -11532,7 +11530,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 +12330,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", {
@@ -12847,6 +12843,9 @@ function EntityIdHeaderWidget({
     {
       open: openPopup,
       onOpenChange: setOpenPopup,
+      sideOffset: 0,
+      align: "start",
+      alignOffset: -117,
       trigger: /* @__PURE__ */ jsx(IconButton, { size: "small", children: /* @__PURE__ */ jsx(SearchIcon, { size: "small" }) }),
       children: /* @__PURE__ */ jsx(
         "form",
@@ -12874,7 +12873,7 @@ function EntityIdHeaderWidget({
                   setSearchString(e.target.value);
                 },
                 value: searchString,
-                className: "flex-grow bg-transparent outline-none p-1"
+                className: "flex-grow bg-transparent outline-none p-1 " + focusedDisabled
               }
             ),
             /* @__PURE__ */ jsx(
@@ -13743,7 +13742,6 @@ function SearchIconsView({
     };
   }, [query, updateSearchResults]);
   const icons = keys === null ? coolIconKeys : keys;
-  console.log("Icons", icons);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       SearchBar,
@@ -14434,7 +14432,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",
@@ -17491,7 +17489,6 @@ function EntityEditViewInner({
     if (onUpdate)
       onUpdate({ entity: updatedEntity });
     if (closeAfterSave) {
-      console.log("Closing side dialog");
       sideDialogContext.setBlocked(false);
       sideDialogContext.close(true);
       onClose?.();
@@ -18341,7 +18338,6 @@ function SideDialogView({
   const handleDrawerCloseOk = () => {
     setBlocked(false);
     setDrawerCloseRequested(false);
-    console.log("handleDrawerCloseOk");
     sideDialogsController.close();
     panel?.onClose?.();
   };
@@ -19319,7 +19315,7 @@ function DrawerWrapper(props) {
             children: /* @__PURE__ */ jsx(
               "div",
               {
-                className: "fixed top-2 left-3 !bg-gray-50 dark:!bg-gray-900 rounded-full w-fit z-20",
+                className: "ml-2 fixed top-2 left-3 !bg-gray-50 dark:!bg-gray-900 rounded-full w-fit z-20",
                 children: /* @__PURE__ */ jsx(
                   IconButton,
                   {
@@ -19365,7 +19361,7 @@ function DrawerWrapper(props) {
           "aria-label": "Open drawer",
           onClick: () => props.setDrawerOpen(true),
           size: "large",
-          className: "absolute top-2 left-6",
+          className: "absolute top-2 left-5",
           children: /* @__PURE__ */ jsx(MenuIcon, {})
         }
       ),
@@ -19424,7 +19420,7 @@ function DrawerNavigationItem({
       },
       className: ({ isActive }) => cls(
         "rounded-lg truncate",
-        "hover:bg-slate-300 hover:bg-opacity-75 dark:hover:bg-gray-700 dark:hover:bg-opacity-75 text-gray-800 dark:text-gray-200 hover:text-gray-900 hover:dark:text-white",
+        "hover:bg-slate-300 hover:bg-opacity-75 dark:hover:bg-slate-800 dark:hover:bg-opacity-75 text-gray-800 dark:text-gray-200 hover:text-gray-900 hover:dark:text-white",
         "flex flex-row items-center mr-8",
         // "transition-all ease-in-out delay-100 duration-300",
         // drawerOpen ? "w-full" : "w-18",
@@ -19524,7 +19520,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,
@@ -19601,9 +19597,9 @@ function DrawerLogo({ logo }) {
     {
       style: {
         transition: "padding 100ms cubic-bezier(0.4, 0, 0.6, 1) 0ms",
-        padding: drawerOpen ? "32px 144px 0px 24px" : "72px 16px 0px"
+        padding: drawerOpen ? "32px 144px 0px 24px" : "72px 12px 0px 12px"
       },
-      className: cls("cursor-pointer"),
+      className: cls("cursor-pointer ml-4"),
       children: /* @__PURE__ */ jsx(
         Tooltip,
         {