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

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@firecms/core",
     "type": "module",
-    "version": "3.0.0-canary.124",
+    "version": "3.0.0-canary.126",
     "description": "Awesome Firebase/Firestore-based headless open-source CMS",
     "funding": {
         "url": "https://github.com/sponsors/firecmsco"
@@ -46,9 +46,9 @@
         "./package.json": "./package.json"
     },
     "dependencies": {
-        "@firecms/editor": "^3.0.0-canary.124",
-        "@firecms/formex": "^3.0.0-canary.124",
-        "@firecms/ui": "^3.0.0-canary.124",
+        "@firecms/editor": "^3.0.0-canary.126",
+        "@firecms/formex": "^3.0.0-canary.126",
+        "@firecms/ui": "^3.0.0-canary.126",
         "@hello-pangea/dnd": "^16.6.0",
         "@radix-ui/react-portal": "^1.1.1",
         "clsx": "^2.1.1",
@@ -100,7 +100,7 @@
         "dist",
         "src"
     ],
-    "gitHead": "b1ef1804b61ad99988128d9a79d4364dba7d9beb",
+    "gitHead": "122cb2b218a404444b4580e8f561f671c8b785a9",
     "publishConfig": {
         "access": "public"
     },

package/src/app/Scaffold.tsx

@@ -166,10 +166,9 @@ function DrawerWrapper(props: {
             <Tooltip title="Open menu"
                      side="right"
                      sideOffset={12}
-                     asChild={true}
-            >
+                     asChild={true}>
                 <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">
                     <IconButton
                         color="inherit"
                         aria-label="Open menu"
@@ -211,7 +210,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"
             >
                 <MenuIcon/>
             </IconButton>

package/src/components/EntityCollectionTable/fields/TableReferenceField.tsx

@@ -67,7 +67,6 @@ export const TableReferenceFieldInternal = React.memo(
         }, [updateValue]);
 
         const onMultipleEntitiesSelected = useCallback((entities: Entity<any>[]) => {
-            console.log("onMultipleEntitiesSelected", entities);
             updateValue(entities.map((e) => getReferenceFrom(e)));
         }, [updateValue]);
 

package/src/components/EntityCollectionTable/fields/TableStorageUpload.tsx

@@ -179,7 +179,7 @@ function StorageUpload({
             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",

package/src/components/EntityCollectionView/EntityCollectionView.tsx

@@ -45,7 +45,7 @@ import { EntityCollectionViewActions } from "./EntityCollectionViewActions";
 import {
     AddIcon,
     Button,
-    cls,
+    cls, focusedDisabled,
     IconButton,
     KeyboardTabIcon,
     Markdown,
@@ -207,7 +207,6 @@ export const EntityCollectionView = React.memo(
         }, [tableController.setPopupCell]);
 
         const onEntityClick = useCallback((clickedEntity: Entity<M>) => {
-            console.log("Entity clicked", clickedEntity)
             const collection = collectionRef.current;
             setHighlightedEntity(clickedEntity);
             analyticsController.onAnalyticsEvent?.("edit_entity_clicked", {
@@ -785,6 +784,9 @@ function EntityIdHeaderWidget({
             <Popover
                 open={openPopup}
                 onOpenChange={setOpenPopup}
+                sideOffset={0}
+                align={"start"}
+                alignOffset={-117}
                 trigger={
                     <IconButton size={"small"}>
                         <SearchIcon size={"small"}/>
@@ -814,7 +816,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}/>
                         <Button variant={"outlined"}
                                 disabled={!(searchString.trim())}
                                 type={"submit"}

package/src/components/EntityPreview.tsx

@@ -77,7 +77,7 @@ export function EntityPreview({
     return <EntityPreviewContainer onClick={disabled ? undefined : onClick}
                                    hover={disabled ? undefined : hover}
                                    size={size}>
-        <div className={cls("flex w-10 h-10 mr-2 shrink-0 grow-0", size === "smallest" ? "my-0.5" : "m-2 self-start")}>
+        <div className={cls("flex w-10 h-10 mr-2 shrink-0", size === "smallest" ? "my-0.5" : "m-2 self-start")}>
             {imageProperty && <PropertyPreview property={imageProperty}
                                                propertyKey={imagePropertyKey as string}
                                                size={"smallest"}
@@ -86,7 +86,7 @@ export function EntityPreview({
         </div>
 
 
-        <div className={"flex flex-col flex-grow w-full m-1"}>
+        <div className={"flex flex-col grow-1 w-full max-w-full m-1"}>
 
             {size !== "smallest" && includeId && (
                 entity
@@ -205,7 +205,7 @@ export const EntityPreviewContainer = React.forwardRef<HTMLDivElement, EntityPre
             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,

package/src/components/HomePage/DefaultHomePage.tsx

@@ -82,7 +82,6 @@ export 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));
                 }

package/src/components/SearchIconsView.tsx

@@ -46,7 +46,6 @@ export function SearchIconsView({
     }, [query, updateSearchResults]);
 
     const icons = keys === null ? coolIconKeys : keys;
-    console.log("Icons", icons);
 
     return (
         <>

package/src/components/SelectableTable/filters/StringNumberFilterField.tsx

@@ -93,7 +93,6 @@ export function StringNumberFilterField({
 
     const multiple = multipleSelectOperations.includes(operation);
 
-    console.log("internalValue", { internalValue });
     return (
 
         <div className="flex w-[440px]">

package/src/core/DefaultDrawer.tsx

@@ -93,7 +93,7 @@ export function DefaultDrawer({
                                 .map((view, index) =>
                                     <DrawerNavigationItem
                                         key={`navigation_${index}`}
-                                        icon={<IconForView collectionOrView={view.collection ?? view.view}/>}
+                                        icon={<IconForView collectionOrView={view.collection ?? view.view} size={"small"}/>}
                                         tooltipsOpen={tooltipsOpen}
                                         adminMenuOpen={adminMenuOpen}
                                         drawerOpen={drawerOpen}
@@ -161,9 +161,9 @@ export function DrawerLogo({ logo }: {
     return <div
         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")}>
 
         <Tooltip title={"Home"}
                  sideOffset={20}

package/src/core/DrawerNavigationItem.tsx

@@ -34,7 +34,7 @@ export function DrawerNavigationItem({
                 transition: drawerOpen ? "width 150ms ease-in" : undefined
             }}
             className={({ isActive }: any) => 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",

package/src/core/EntityEditView.tsx

@@ -299,7 +299,6 @@ export function EntityEditViewInner<M extends Record<string, any>>({
             onUpdate({ entity: updatedEntity });
 
         if (closeAfterSave) {
-            console.log("Closing side dialog")
             sideDialogContext.setBlocked(false);
             sideDialogContext.close(true);
             onClose?.();

package/src/core/SideDialogs.tsx

@@ -94,7 +94,6 @@ function SideDialogView({
     const handleDrawerCloseOk = () => {
         setBlocked(false);
         setDrawerCloseRequested(false);
-        console.log("handleDrawerCloseOk");
         sideDialogsController.close();
         panel?.onClose?.();
     };

package/src/form/field_bindings/StorageUploadFieldBinding.tsx

@@ -182,7 +182,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",