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

package/dist/index.umd.js

@@ -355,6 +355,7 @@
   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
@@ -365,6 +366,7 @@
     }), {});
   }
   function getDefaultValueFor(property) {
+    if (!property) return void 0;
     if (isPropertyBuilder(property)) return void 0;
     if (property.defaultValue || property.defaultValue === null) {
       return property.defaultValue;
@@ -6858,15 +6860,17 @@
     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__ */ jsxRuntime.jsxs("div", { className: ui.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__ */ jsxRuntime.jsxs("div", { className: ui.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: React.useCallback((event) => {
+      event.stopPropagation();
+    }, []), style: {
       width,
       position: frozen ? "sticky" : "initial",
       left: frozen ? 0 : "initial",
       contain: "strict"
     }, children: [
       (hasActions || selectionEnabled) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-34 flex justify-center", children: [
-        uncollapsedActions.map((action, index) => /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: action.name, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { onClick: (event) => {
-          event.stopPropagation();
+        uncollapsedActions.map((action, index) => /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: action.name, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { onClick: (event_0) => {
+          event_0.stopPropagation();
           action.onClick({
             entity,
             fullPath,
@@ -6896,8 +6900,8 @@
         ] }, index_0)) }),
         selectionEnabled && /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: `Select ${entity.id}`, children: /* @__PURE__ */ jsxRuntime.jsx(ui.Checkbox, { size: largeLayout ? "medium" : "small", checked: Boolean(isSelected), onCheckedChange }) })
       ] }),
-      !hideId && size !== "xs" && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ui.Skeleton, {}) })
     ] });
   };
@@ -12876,7 +12880,7 @@
     return React.useContext(AppContext);
   }
   const DefaultAppBar = function DefaultAppBar2(t0) {
-    const $ = reactCompilerRuntime.c(45);
+    const $ = reactCompilerRuntime.c(44);
     const {
       title,
       endAdornment,
@@ -12960,58 +12964,57 @@
       t5 = $[12];
     }
     let t6;
-    if ($[13] !== drawerOpen || $[14] !== hasDrawer || $[15] !== logo || $[16] !== navigation || $[17] !== title) {
-      t6 = navigation && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mr-8 hidden lg:block", children: /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Link, { className: "visited:text-inherit visited:dark:text-inherit", to: navigation?.basePath ?? "/", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row gap-4", children: [
+    if ($[13] !== hasDrawer || $[14] !== logo || $[15] !== navigation || $[16] !== title) {
+      t6 = navigation && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mr-8 hidden lg:block", children: /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Link, { className: "visited:text-inherit visited:dark:text-inherit block", to: navigation?.basePath ?? "/", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-row gap-4", children: [
         !hasDrawer && (logo ? /* @__PURE__ */ jsxRuntime.jsx("img", { src: logo, alt: "Logo", className: ui.cls("w-[32px] h-[32px] object-contain") }) : /* @__PURE__ */ jsxRuntime.jsx(FireCMSLogo, { width: "32px", height: "32px" })),
-        typeof title === "string" ? /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "subtitle1", noWrap: true, className: ui.cls("transition-all", drawerOpen ? "ml-2" : ""), children: title }) : title
+        typeof title === "string" ? /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ui.IconButton, { color: "inherit", "aria-label": "Open drawer", onClick: toggleMode, size: "large", children: mode === "dark" ? /* @__PURE__ */ jsxRuntime.jsx(ui.DarkModeIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsxs("div", { className: "px-4 py-2 mb-2", children: [
         user.displayName && /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "body1", color: "secondary", children: user.displayName }),
         user.email && /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsxs(ui.MenuItem, { onClick: async () => {
         await authController.signOut();
         navigate("/");
@@ -13019,30 +13022,30 @@
         /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsxs(ui.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__ */ jsxRuntime.jsxs("div", { style, className: t5, children: [
         t6,
         startAdornment,
@@ -13051,16 +13054,16 @@
         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;
   };
@@ -22375,7 +22378,7 @@
     }
     let t3;
     if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-      t3 = ui.cls("cursor-pointer ml-3 mr-1");
+      t3 = ui.cls("cursor-pointer rounded ml-3 mr-1");
       $[2] = t3;
     } else {
       t3 = $[2];
@@ -22391,7 +22394,7 @@
     }
     let t5;
     if ($[6] !== navigation.basePath || $[7] !== t4) {
-      t5 = /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: "Home", sideOffset: 20, side: "right", children: /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Link, { to: navigation.basePath, children: t4 }) });
+      t5 = /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: "Home", sideOffset: 20, side: "right", children: /* @__PURE__ */ jsxRuntime.jsx(reactRouterDom.Link, { className: "block", to: navigation.basePath, children: t4 }) });
       $[6] = navigation.basePath;
       $[7] = t4;
       $[8] = t5;