@firecms/core 3.0.0-alpha.72 → 3.0.0-alpha.73

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@firecms/core",
   "type": "module",
-  "version": "3.0.0-alpha.72",
+  "version": "3.0.0-alpha.73",
   "description": "Awesome Firebase/Firestore-based headless open-source CMS",
   "funding": {
     "url": "https://github.com/sponsors/firecmsco"
@@ -38,7 +38,7 @@
     "generateIcons": "ts-node --esm src/icons/generateIcons.ts"
   },
   "dependencies": {
-    "@firecms/ui": "^3.0.0-alpha.72",
+    "@firecms/ui": "^3.0.0-alpha.73",
     "@fontsource/ibm-plex-mono": "^5.0.8",
     "@fontsource/roboto": "^5.0.8",
     "@hello-pangea/dnd": "^16.5.0",
@@ -107,7 +107,7 @@
     "dist",
     "src"
   ],
-  "gitHead": "7f6599121c226abbb4fb4dccbe109b2c8ba6e23e",
+  "gitHead": "df625cc7bd6af087b7012d1c9ae77d3a6c17a320",
   "publishConfig": {
     "access": "public"
   }

package/src/components/EntityCollectionTable/internal/CollectionTableToolbar.tsx

@@ -71,9 +71,9 @@ export function CollectionTableToolbar(props: CollectionTableToolbarProps) {
 
     return (
         <div
-            className={cn(defaultBorderMixin, "no-scrollbar min-h-[56px] overflow-x-auto px-4 bg-gray-50 dark:bg-gray-900 border-b flex flex-row justify-between items-center w-full")}>
+            className={cn(defaultBorderMixin, "no-scrollbar min-h-[56px] overflow-x-auto px-2 md:px-4 bg-gray-50 dark:bg-gray-900 border-b flex flex-row justify-between items-center w-full")}>
 
-            <div className="flex items-center gap-2">
+            <div className="flex items-center gap-2 md:mr-4 mr-2">
 
                 {props.title && <div className={"hidden lg:block"}>
                     {props.title}

package/src/components/VirtualTable/VirtualTableRow.tsx

@@ -19,7 +19,6 @@ export const VirtualTableRow = React.memo<VirtualTableRowProps<any>>(
                                 }: VirtualTableRowProps<T>) {
 
         const onClick = useCallback((event: React.SyntheticEvent) => {
-            console.debug("VirtualTableRow click");
             if (onRowClick)
                 onRowClick({
                     rowData,

package/src/core/EntitySidePanel.tsx

@@ -74,7 +74,6 @@ export function EntitySidePanel(props: EntitySidePanelProps) {
 
     return (
         <>
-
             <ErrorBoundary>
                 <EntityView
                     {...props}

package/src/form/EntityForm.tsx

@@ -28,7 +28,7 @@ import {
 import { useAuthController, useDataSource, useFireCMSContext, useSideEntityController } from "../hooks";
 import { ErrorFocus } from "./components/ErrorFocus";
 import { CustomIdField } from "./components/CustomIdField";
-import { Button, cn, DialogActions, IconButton, Typography } from "@firecms/ui";
+import { Alert, Button, cn, DialogActions, IconButton, Typography } from "@firecms/ui";
 import { ErrorBoundary } from "../components";
 import {
     copyEntityAction,
@@ -400,9 +400,7 @@ function EntityFormInternal<M extends Record<string, any>>({
                     )).filter(Boolean));
                 }
 
-                return <div
-                    className="h-full overflow-auto"
-                >
+                return <div className="h-full overflow-auto">
 
                     {pluginActions.length > 0 && <div
                         className={cn("w-full flex justify-end items-center sticky top-0 right-0 left-0 z-10 bg-opacity-60 bg-slate-200 dark:bg-opacity-60 dark:bg-slate-800 backdrop-blur-md")}>
@@ -413,12 +411,15 @@ function EntityFormInternal<M extends Record<string, any>>({
                         className="pl-4 pr-4 pt-12 pb-16 md:pl-8"
                     >
                         <div
-                            className={`w-full py-2 flex items-center mt-${4 + (pluginActions ? 8 : 0)} lg:mt-${8 + (pluginActions ? 8 : 0)} mb-8`}>
+                            className={`w-full py-2 flex flex-col items-start mt-${4 + (pluginActions ? 8 : 0)} lg:mt-${8 + (pluginActions ? 8 : 0)} mb-8`}>
 
                             <Typography
                                 className={"mt-4 flex-grow " + inputCollection.hideIdFromForm ? "mb-2" : "mb-0"}
                                 variant={"h4"}>{inputCollection.singularName ?? inputCollection.name}
                             </Typography>
+                            <Alert color={"base"} className={"w-full"} size={"small"}>
+                                <code className={"text-sm select-all"}>{path}/{entityId}</code>
+                            </Alert>
                         </div>
 
                         {!hideId &&

package/src/form/PropertyFieldBinding.tsx

@@ -202,7 +202,7 @@ function FieldInternal<T extends CMSType, CustomProps, M extends Record<string,
         (!Array.isArray(error) || !!error.filter((e: any) => !!e).length);
 
     const WrappedComponent: ComponentType<FieldProps<T, any, M>> | null = useWrappedComponent(context.path, context.collection, propertyKey, property, Component, plugins);
-    const UsedComponent: ComponentType<FieldProps<T>> = Component;
+    const UsedComponent: ComponentType<FieldProps<T>> = WrappedComponent ?? Component;
 
     const isSubmitting = fieldProps.form.isSubmitting;