@firecms/core 3.0.0-canary.282 → 3.0.0-canary.283

package/dist/preview/components/UserPreview.d.ts

@@ -5,4 +5,4 @@ import { PropertyPreviewProps } from "../PropertyPreviewProps";
  *
  * @group Preview components
  */
-export declare function UserPreview({ value }: PropertyPreviewProps<string>): import("react/jsx-runtime").JSX.Element | null;
+export declare function UserPreview({ value }: PropertyPreviewProps<string>): import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@firecms/core",
   "type": "module",
-  "version": "3.0.0-canary.282",
+  "version": "3.0.0-canary.283",
   "description": "Awesome Firebase/Firestore-based headless open-source CMS",
   "funding": {
     "url": "https://github.com/sponsors/firecmsco"
@@ -53,9 +53,9 @@
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/modifiers": "^9.0.0",
     "@dnd-kit/sortable": "^10.0.0",
-    "@firecms/editor": "^3.0.0-canary.282",
-    "@firecms/formex": "^3.0.0-canary.282",
-    "@firecms/ui": "^3.0.0-canary.282",
+    "@firecms/editor": "^3.0.0-canary.283",
+    "@firecms/formex": "^3.0.0-canary.283",
+    "@firecms/ui": "^3.0.0-canary.283",
     "@radix-ui/react-portal": "^1.1.9",
     "clsx": "^2.1.1",
     "date-fns": "^3.6.0",
@@ -108,7 +108,7 @@
     "dist",
     "src"
   ],
-  "gitHead": "54f09d9dfe3736fe2fb1258dc40cbdfda6b26d29",
+  "gitHead": "521154e8ee22424451421052cbc22fa6ba5b4d4d",
   "publishConfig": {
     "access": "public"
   },

package/src/components/PropertyConfigBadge.tsx

@@ -9,7 +9,7 @@ export function PropertyConfigBadge({
     propertyConfig: PropertyConfig | undefined,
     disabled?: boolean
 }): React.ReactNode {
-    const classes = "h-8 w-8 p-1 rounded-full shadow text-white " + (disabled ? "bg-surface-400 dark:bg-surface-600" : "");
+    const classes = "h-8 w-8 flex items-center justify-center rounded-full shadow text-white " + (disabled ? "bg-surface-400 dark:bg-surface-600" : "");
 
     const defaultPropertyConfig = typeof propertyConfig?.property === "object" ? getDefaultFieldConfig(propertyConfig.property) : undefined;
 
@@ -18,6 +18,6 @@ export function PropertyConfigBadge({
         style={{
             background: !disabled ? (propertyConfig?.color ?? defaultPropertyConfig?.color ?? "#888") : undefined
         }}>
-        {propertyConfig?.Icon ? getIconForWidget(propertyConfig, "medium") : getIconForWidget(defaultPropertyConfig, "medium")}
+        {propertyConfig?.Icon ? getIconForWidget(propertyConfig, "small") : getIconForWidget(defaultPropertyConfig, "small")}
     </div>
 }

package/src/components/UserDisplay.tsx

@@ -1,5 +1,6 @@
 import { User } from "../types";
 import { AccountCircleIcon, cls, defaultBorderMixin } from "@firecms/ui";
+import { EmptyValue } from "../preview";
 
 /**
  * Component to render a single user with name and email
@@ -8,7 +9,7 @@ export function UserDisplay({
                                 user,
                             }: { user: User | null }) {
     if (!user) {
-        return <span className="text-text-secondary dark:text-text-secondary-dark">Select a user</span>;
+        return <EmptyValue/>;
     }
 
     const avatarSizeClass = "w-6 h-6";

package/src/form/PropertyFieldBinding.tsx

@@ -93,6 +93,10 @@ function PropertyFieldBindingInternal<T extends CMSType = CMSType, M extends Rec
     const authController = useAuthController();
     const customizationController = useCustomizationController();
 
+    if(propertyKey === "created_by"){
+        console.log("Rendering field for created_by", {propertyKey, property, context});
+    }
+
     return (
         <Field
             key={propertyKey}

package/src/hooks/useBuildNavigationController.tsx

@@ -457,8 +457,9 @@ export function useBuildNavigationController<EC extends EntityCollection, USER e
         [fullCollectionPath]);
 
     const urlPathToDataPath = useCallback((path: string): string => {
-        if (path.startsWith(fullCollectionPath))
-            return path.replace(fullCollectionPath, "");
+        const decodedPath = decodeURIComponent(path);
+        if (decodedPath.startsWith(fullCollectionPath))
+            return decodedPath.replace(fullCollectionPath, "");
         throw Error("Expected path starting with " + fullCollectionPath);
     }, [fullCollectionPath]);
 

package/src/preview/components/UserPreview.tsx

@@ -2,6 +2,8 @@ import React from "react";
 import { PropertyPreviewProps } from "../PropertyPreviewProps";
 import { useInternalUserManagementController } from "../../hooks";
 import { UserDisplay } from "../../components/UserDisplay";
+import { EmptyValue } from "./EmptyValue";
+import { Typography } from "@firecms/ui";
 
 /**
  * Preview component for displaying user information.
@@ -13,10 +15,13 @@ export function UserPreview({ value }: PropertyPreviewProps<string>) {
     const { getUser } = useInternalUserManagementController();
 
     if (!value) {
-        return null;
+        return <EmptyValue/>;
     }
 
     const user = getUser(value);
+    if (!user) {
+        return <Typography variant={"caption"} color={"secondary"}>User not found: {value}</Typography>;
+    }
 
-    return <UserDisplay user={user}  />;
+    return <UserDisplay user={user}/>;
 }

package/src/preview/property_previews/ArrayPropertyPreview.tsx

@@ -42,7 +42,7 @@ export function ArrayPropertyPreview({
     const childSize: PreviewSize = size === "medium" ? "medium" : "small";
 
     return (
-        <div className="flex flex-col gap-2">
+        <div className="w-full flex flex-col gap-2">
             {values &&
                 values.map((value, index) => {
                         const of: ResolvedProperty = property.resolvedProperties[index] ??