@firecms/core 3.0.0-canary.163 → 3.0.0-canary.165

package/dist/index.es.js

@@ -352,6 +352,7 @@ function isPropertyBuilder(propertyOrBuilder) {
 function getDefaultValuesFor(properties) {
   if (!properties) return {};
   return Object.entries(properties).map(([key, property]) => {
+    if (!property) return {};
     const value = getDefaultValueFor(property);
     return value === void 0 ? {} : {
       [key]: value
@@ -362,6 +363,7 @@ function getDefaultValuesFor(properties) {
   }), {});
 }
 function getDefaultValueFor(property) {
+  if (!property) return void 0;
   if (isPropertyBuilder(property)) return void 0;
   if (property.defaultValue || property.defaultValue === null) {
     return property.defaultValue;
@@ -6855,15 +6857,17 @@ const EntityCollectionRowActions = function EntityCollectionRowActions2({
   const hasCollapsedActions = actions.some((a) => a.collapsed || a.collapsed === void 0);
   const collapsedActions = actions.filter((a_0) => a_0.collapsed || a_0.collapsed === void 0);
   const uncollapsedActions = actions.filter((a_1) => a_1.collapsed === false);
-  return /* @__PURE__ */ jsxs("div", { className: cls("h-full flex items-center justify-center flex-col bg-surface-50 dark:bg-surface-900 bg-opacity-90 dark:bg-opacity-90 z-10", frozen ? "sticky left-0" : ""), style: {
+  return /* @__PURE__ */ jsxs("div", { className: cls("h-full flex items-center justify-center flex-col bg-surface-50 dark:bg-surface-900 bg-opacity-90 dark:bg-opacity-90 z-10", frozen ? "sticky left-0" : ""), onClick: useCallback((event) => {
+    event.stopPropagation();
+  }, []), style: {
     width,
     position: frozen ? "sticky" : "initial",
     left: frozen ? 0 : "initial",
     contain: "strict"
   }, children: [
     (hasActions || selectionEnabled) && /* @__PURE__ */ jsxs("div", { className: "w-34 flex justify-center", children: [
-      uncollapsedActions.map((action, index) => /* @__PURE__ */ jsx(Tooltip, { title: action.name, asChild: true, children: /* @__PURE__ */ jsx(IconButton, { onClick: (event) => {
-        event.stopPropagation();
+      uncollapsedActions.map((action, index) => /* @__PURE__ */ jsx(Tooltip, { title: action.name, asChild: true, children: /* @__PURE__ */ jsx(IconButton, { onClick: (event_0) => {
+        event_0.stopPropagation();
         action.onClick({
           entity,
           fullPath,
@@ -6893,8 +6897,8 @@ const EntityCollectionRowActions = function EntityCollectionRowActions2({
       ] }, index_0)) }),
       selectionEnabled && /* @__PURE__ */ jsx(Tooltip, { title: `Select ${entity.id}`, children: /* @__PURE__ */ jsx(Checkbox, { size: largeLayout ? "medium" : "small", checked: Boolean(isSelected), onCheckedChange }) })
     ] }),
-    !hideId && size !== "xs" && /* @__PURE__ */ jsx("div", { className: "w-[138px] text-center overflow-hidden truncate font-mono text-xs text-text-secondary dark:text-text-secondary-dark max-w-full text-ellipsis px-2", onClick: (event_0) => {
-      event_0.stopPropagation();
+    !hideId && size !== "xs" && /* @__PURE__ */ jsx("div", { className: "w-[138px] text-center overflow-hidden truncate font-mono text-xs text-text-secondary dark:text-text-secondary-dark max-w-full text-ellipsis px-2", onClick: (event_1) => {
+      event_1.stopPropagation();
     }, children: entity ? entity.id : /* @__PURE__ */ jsx(Skeleton, {}) })
   ] });
 };
@@ -12873,7 +12877,7 @@ function useApp() {
   return React__default.useContext(AppContext);
 }
 const DefaultAppBar = function DefaultAppBar2(t0) {
-  const $ = c(45);
+  const $ = c(44);
   const {
     title,
     endAdornment,
@@ -12957,58 +12961,57 @@ const DefaultAppBar = function DefaultAppBar2(t0) {
     t5 = $[12];
   }
   let t6;
-  if ($[13] !== drawerOpen || $[14] !== hasDrawer || $[15] !== logo || $[16] !== navigation || $[17] !== title) {
-    t6 = navigation && /* @__PURE__ */ jsx("div", { className: "mr-8 hidden lg:block", children: /* @__PURE__ */ jsx(Link, { className: "visited:text-inherit visited:dark:text-inherit", to: navigation?.basePath ?? "/", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-row gap-4", children: [
+  if ($[13] !== hasDrawer || $[14] !== logo || $[15] !== navigation || $[16] !== title) {
+    t6 = navigation && /* @__PURE__ */ jsx("div", { className: "mr-8 hidden lg:block", children: /* @__PURE__ */ jsx(Link, { className: "visited:text-inherit visited:dark:text-inherit block", to: navigation?.basePath ?? "/", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-row gap-4", children: [
       !hasDrawer && (logo ? /* @__PURE__ */ jsx("img", { src: logo, alt: "Logo", className: cls("w-[32px] h-[32px] object-contain") }) : /* @__PURE__ */ jsx(FireCMSLogo, { width: "32px", height: "32px" })),
-      typeof title === "string" ? /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", noWrap: true, className: cls("transition-all", drawerOpen ? "ml-2" : ""), children: title }) : title
+      typeof title === "string" ? /* @__PURE__ */ jsx(Typography, { variant: "subtitle1", noWrap: true, children: title }) : title
     ] }) }) });
-    $[13] = drawerOpen;
-    $[14] = hasDrawer;
-    $[15] = logo;
-    $[16] = navigation;
-    $[17] = title;
-    $[18] = t6;
+    $[13] = hasDrawer;
+    $[14] = logo;
+    $[15] = navigation;
+    $[16] = title;
+    $[17] = t6;
   } else {
-    t6 = $[18];
+    t6 = $[17];
   }
   let t7;
-  if ($[19] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
     t7 = /* @__PURE__ */ jsx("div", { className: "flex-grow" });
-    $[19] = t7;
+    $[18] = t7;
   } else {
-    t7 = $[19];
+    t7 = $[18];
   }
   let t8;
-  if ($[20] !== endAdornment) {
+  if ($[19] !== endAdornment) {
     t8 = endAdornment && /* @__PURE__ */ jsx(ErrorBoundary, { children: endAdornment });
-    $[20] = endAdornment;
-    $[21] = t8;
+    $[19] = endAdornment;
+    $[20] = t8;
   } else {
-    t8 = $[21];
+    t8 = $[20];
   }
   let t9;
-  if ($[22] !== includeModeToggle || $[23] !== mode || $[24] !== toggleMode) {
+  if ($[21] !== includeModeToggle || $[22] !== mode || $[23] !== toggleMode) {
     t9 = includeModeToggle && /* @__PURE__ */ jsx(IconButton, { color: "inherit", "aria-label": "Open drawer", onClick: toggleMode, size: "large", children: mode === "dark" ? /* @__PURE__ */ jsx(DarkModeIcon, {}) : /* @__PURE__ */ jsx(LightModeIcon, {}) });
-    $[22] = includeModeToggle;
-    $[23] = mode;
-    $[24] = toggleMode;
-    $[25] = t9;
+    $[21] = includeModeToggle;
+    $[22] = mode;
+    $[23] = toggleMode;
+    $[24] = t9;
   } else {
-    t9 = $[25];
+    t9 = $[24];
   }
   let t10;
-  if ($[26] !== user) {
+  if ($[25] !== user) {
     t10 = user && /* @__PURE__ */ jsxs("div", { className: "px-4 py-2 mb-2", children: [
       user.displayName && /* @__PURE__ */ jsx(Typography, { variant: "body1", color: "secondary", children: user.displayName }),
       user.email && /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "secondary", children: user.email })
     ] });
-    $[26] = user;
-    $[27] = t10;
+    $[25] = user;
+    $[26] = t10;
   } else {
-    t10 = $[27];
+    t10 = $[26];
   }
   let t11;
-  if ($[28] !== authController || $[29] !== dropDownActions || $[30] !== navigate) {
+  if ($[27] !== authController || $[28] !== dropDownActions || $[29] !== navigate) {
     t11 = !dropDownActions && /* @__PURE__ */ jsxs(MenuItem, { onClick: async () => {
       await authController.signOut();
       navigate("/");
@@ -13016,30 +13019,30 @@ const DefaultAppBar = function DefaultAppBar2(t0) {
       /* @__PURE__ */ jsx(LogoutIcon, {}),
       "Log Out"
     ] });
-    $[28] = authController;
-    $[29] = dropDownActions;
-    $[30] = navigate;
-    $[31] = t11;
+    $[27] = authController;
+    $[28] = dropDownActions;
+    $[29] = navigate;
+    $[30] = t11;
   } else {
-    t11 = $[31];
+    t11 = $[30];
   }
   let t12;
-  if ($[32] !== avatarComponent || $[33] !== dropDownActions || $[34] !== t10 || $[35] !== t11) {
+  if ($[31] !== avatarComponent || $[32] !== dropDownActions || $[33] !== t10 || $[34] !== t11) {
     t12 = /* @__PURE__ */ jsxs(Menu, { trigger: avatarComponent, children: [
       t10,
       dropDownActions,
       t11
     ] });
-    $[32] = avatarComponent;
-    $[33] = dropDownActions;
-    $[34] = t10;
-    $[35] = t11;
-    $[36] = t12;
+    $[31] = avatarComponent;
+    $[32] = dropDownActions;
+    $[33] = t10;
+    $[34] = t11;
+    $[35] = t12;
   } else {
-    t12 = $[36];
+    t12 = $[35];
   }
   let t13;
-  if ($[37] !== startAdornment || $[38] !== style || $[39] !== t12 || $[40] !== t5 || $[41] !== t6 || $[42] !== t8 || $[43] !== t9) {
+  if ($[36] !== startAdornment || $[37] !== style || $[38] !== t12 || $[39] !== t5 || $[40] !== t6 || $[41] !== t8 || $[42] !== t9) {
     t13 = /* @__PURE__ */ jsxs("div", { style, className: t5, children: [
       t6,
       startAdornment,
@@ -13048,16 +13051,16 @@ const DefaultAppBar = function DefaultAppBar2(t0) {
       t9,
       t12
     ] });
-    $[37] = startAdornment;
-    $[38] = style;
-    $[39] = t12;
-    $[40] = t5;
-    $[41] = t6;
-    $[42] = t8;
-    $[43] = t9;
-    $[44] = t13;
+    $[36] = startAdornment;
+    $[37] = style;
+    $[38] = t12;
+    $[39] = t5;
+    $[40] = t6;
+    $[41] = t8;
+    $[42] = t9;
+    $[43] = t13;
   } else {
-    t13 = $[44];
+    t13 = $[43];
   }
   return t13;
 };
@@ -22372,7 +22375,7 @@ function DrawerLogo(t0) {
   }
   let t3;
   if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-    t3 = cls("cursor-pointer ml-3 mr-1");
+    t3 = cls("cursor-pointer rounded ml-3 mr-1");
     $[2] = t3;
   } else {
     t3 = $[2];
@@ -22388,7 +22391,7 @@ function DrawerLogo(t0) {
   }
   let t5;
   if ($[6] !== navigation.basePath || $[7] !== t4) {
-    t5 = /* @__PURE__ */ jsx(Tooltip, { title: "Home", sideOffset: 20, side: "right", children: /* @__PURE__ */ jsx(Link, { to: navigation.basePath, children: t4 }) });
+    t5 = /* @__PURE__ */ jsx(Tooltip, { title: "Home", sideOffset: 20, side: "right", children: /* @__PURE__ */ jsx(Link, { className: "block", to: navigation.basePath, children: t4 }) });
     $[6] = navigation.basePath;
     $[7] = t4;
     $[8] = t5;