@firecms/core 3.0.0-canary.129 → 3.0.0-canary.130

package/package.json

@@ -1,7 +1,7 @@
 {
     "name": "@firecms/core",
     "type": "module",
-    "version": "3.0.0-canary.129",
+    "version": "3.0.0-canary.130",
     "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.129",
-        "@firecms/formex": "^3.0.0-canary.129",
-        "@firecms/ui": "^3.0.0-canary.129",
+        "@firecms/editor": "^3.0.0-canary.130",
+        "@firecms/formex": "^3.0.0-canary.130",
+        "@firecms/ui": "^3.0.0-canary.130",
         "@hello-pangea/dnd": "^16.6.0",
         "@radix-ui/react-portal": "^1.1.1",
         "clsx": "^2.1.1",
@@ -100,7 +100,7 @@
         "dist",
         "src"
     ],
-    "gitHead": "576f01afd4b2e604c7505e3317ab178b33916068",
+    "gitHead": "be19fe9ddedd3af96fe7593373f62fe5fe55a4c6",
     "publishConfig": {
         "access": "public"
     },

package/src/components/VirtualTable/VirtualTable.tsx

@@ -63,10 +63,10 @@ const innerElementType = forwardRef<HTMLDivElement, InnerElementProps>(({
 
                             {customView && <div style={{
                                 position: "sticky",
-                                top: "56px",
+                                top: "48px",
                                 flexGrow: 1,
-                                height: "calc(100% - 56px)",
-                                marginTop: "calc(56px - 100vh)",
+                                height: "calc(100% - 48px)",
+                                marginTop: "calc(48px - 100vh)",
                                 left: 0
                             }}>{customView}</div>}
 
@@ -248,17 +248,7 @@ export const VirtualTable = React.memo<VirtualTableProps<any>>(
             if (onFilterUpdate) onFilterUpdate(newFilterValue);
         }, [checkFilterCombination, currentSort, onFilterUpdate, sortByProperty]);
 
-        const buildEmptyView = useCallback(() => {
-            if (loading)
-                return <CircularProgressCenter/>;
-            return <div
-                className="flex flex-col overflow-auto items-center justify-center p-2 gap-2 h-full">
-                <AssignmentIcon/>
-                {emptyComponent}
-            </div>;
-        }, [emptyComponent, loading]);
-
-        const empty = data?.length ?? 0 === 0;
+        const empty = !loading && (data?.length ?? 0) === 0;
         const customView = error
             ? <CenteredView maxWidth={"2xl"}
                             className="flex flex-col gap-2">
@@ -270,7 +260,15 @@ export const VirtualTable = React.memo<VirtualTableProps<any>>(
                 {error?.message && <SafeLinkRenderer text={error.message}/>}
 
             </CenteredView>
-            : (empty ? buildEmptyView() : undefined);
+            : (empty
+                ? (loading
+                    ? <CircularProgressCenter/>
+                    : <div
+                        className="flex flex-col overflow-auto items-center justify-center p-2 gap-2 h-full">
+                        <AssignmentIcon/>
+                        {emptyComponent}
+                    </div>)
+                : undefined);
 
         const virtualListController = {
             data,

package/src/core/FireCMS.tsx

@@ -129,6 +129,8 @@ export function FireCMS<UserType extends User, EC extends EntityCollection>(prop
         );
     }
 
+    console.log("FireCMS render");
+
     return (
         <AnalyticsContext.Provider value={analyticsController}>
             <CustomizationControllerContext.Provider value={customizationController}>