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

package/dist/index.umd.js

@@ -5177,7 +5177,7 @@
         hover: disabled ? void 0 : hover,
         size,
         children: [
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cls("flex w-10 h-10 mr-2 shrink-0 grow-0", size === "smallest" ? "my-0.5" : "m-2 self-start"), children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: ui.cls("flex w-10 h-10 mr-2 shrink-0", size === "smallest" ? "my-0.5" : "m-2 self-start"), children: [
             imageProperty && /* @__PURE__ */ jsxRuntime.jsx(
               PropertyPreview,
               {
@@ -5189,7 +5189,7 @@
             ),
             !imageProperty && /* @__PURE__ */ jsxRuntime.jsx(IconForView, { collectionOrView: collection, size, className: "m-auto" })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col flex-grow w-full m-1", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col grow-1 w-full max-w-full m-1", children: [
             size !== "smallest" && includeId && (entity ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: `${size !== "medium" ? "block whitespace-nowrap overflow-hidden truncate" : ""}`, children: /* @__PURE__ */ jsxRuntime.jsx(
               ui.Typography,
               {
@@ -5293,7 +5293,7 @@
           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" : "",
           ui.defaultBorderMixin,
@@ -7001,7 +7001,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 +7165,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 +9605,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,
@@ -11536,7 +11534,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 +12334,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", {
@@ -12851,6 +12847,9 @@
       {
         open: openPopup,
         onOpenChange: setOpenPopup,
+        sideOffset: 0,
+        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",
@@ -12878,7 +12877,7 @@
                     setSearchString(e.target.value);
                   },
                   value: searchString,
-                  className: "flex-grow bg-transparent outline-none p-1"
+                  className: "flex-grow bg-transparent outline-none p-1 " + ui.focusedDisabled
                 }
               ),
               /* @__PURE__ */ jsxRuntime.jsx(
@@ -13747,7 +13746,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,
@@ -14438,7 +14436,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",
@@ -17495,7 +17493,6 @@
       if (onUpdate)
         onUpdate({ entity: updatedEntity });
       if (closeAfterSave) {
-        console.log("Closing side dialog");
         sideDialogContext.setBlocked(false);
         sideDialogContext.close(true);
         onClose?.();
@@ -18345,7 +18342,6 @@
     const handleDrawerCloseOk = () => {
       setBlocked(false);
       setDrawerCloseRequested(false);
-      console.log("handleDrawerCloseOk");
       sideDialogsController.close();
       panel?.onClose?.();
     };
@@ -19323,7 +19319,7 @@
               children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
                     ui.IconButton,
                     {
@@ -19369,7 +19365,7 @@
             "aria-label": "Open drawer",
             onClick: () => props.setDrawerOpen(true),
             size: "large",
-            className: "absolute top-2 left-6",
+            className: "absolute top-2 left-5",
             children: /* @__PURE__ */ jsxRuntime.jsx(ui.MenuIcon, {})
           }
         ),
@@ -19428,7 +19424,7 @@
         },
         className: ({ isActive }) => ui.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",
@@ -19528,7 +19524,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,
@@ -19605,9 +19601,9 @@
       {
         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: ui.cls("cursor-pointer"),
+        className: ui.cls("cursor-pointer ml-4"),
         children: /* @__PURE__ */ jsxRuntime.jsx(
           ui.Tooltip,
           {