@firecms/core 3.0.0-canary.207 → 3.0.0-canary.208

package/dist/index.umd.js

@@ -15392,14 +15392,16 @@
       includeModeToggle: t1,
       className,
       style,
-      user: userProp
+      user: userProp,
+      logo: logoProp
     } = t0;
     const includeModeToggle = t1 === void 0 ? true : t1;
     const {
       hasDrawer,
       drawerOpen,
-      logo
+      logo: appLogo
     } = useApp();
+    const logo = logoProp ?? appLogo;
     const navigation = useNavigationController();
     const breadcrumbs = useBreadcrumbsController();
     const authController = useAuthController();
@@ -15483,7 +15485,7 @@
     }
     let t7;
     if ($[18] !== breadcrumbs.breadcrumbs) {
-      t7 = breadcrumbs.breadcrumbs && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mr-8 hidden lg:block", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-row gap-2", children: breadcrumbs.breadcrumbs.map(_temp$a) }) });
+      t7 = (breadcrumbs.breadcrumbs ?? []).length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mr-8 hidden lg:block", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-row gap-2", children: breadcrumbs.breadcrumbs.map(_temp$a) }) });
       $[18] = breadcrumbs.breadcrumbs;
       $[19] = t7;
     } else {
@@ -23516,92 +23518,94 @@
   AppBar.componentType = "AppBar";
   const DRAWER_WIDTH = 280;
   const Scaffold = React.memo(function Scaffold2(props) {
-    const $ = reactCompilerRuntime.c(46);
+    const $ = reactCompilerRuntime.c(48);
     const {
       children,
       autoOpenDrawer,
       logo,
       className,
-      style
+      style,
+      padding: t0
     } = props;
-    let t0;
+    const padding = t0 === void 0 ? true : t0;
+    let t1;
     if ($[0] !== children) {
-      t0 = React.Children.toArray(children).filter(_temp);
+      t1 = React.Children.toArray(children).filter(_temp);
       $[0] = children;
-      $[1] = t0;
+      $[1] = t1;
     } else {
-      t0 = $[1];
+      t1 = $[1];
     }
-    const drawerChildren = t0;
+    const drawerChildren = t1;
     if (drawerChildren.length > 1) {
       throw Error("Only one Drawer component is allowed in Scaffold");
     }
-    let t1;
+    let t2;
     if ($[2] !== children) {
-      t1 = React.Children.toArray(children).filter(_temp2);
+      t2 = React.Children.toArray(children).filter(_temp2);
       $[2] = children;
-      $[3] = t1;
+      $[3] = t2;
     } else {
-      t1 = $[3];
+      t2 = $[3];
     }
-    const appBarChildren = t1;
+    const appBarChildren = t2;
     if (appBarChildren.length > 1) {
       throw Error("Only one AppBar component is allowed in Scaffold");
     }
-    let t2;
+    let t3;
     if ($[4] !== children) {
-      t2 = React.Children.toArray(children).filter(_temp3);
+      t3 = React.Children.toArray(children).filter(_temp3);
       $[4] = children;
-      $[5] = t2;
+      $[5] = t3;
     } else {
-      t2 = $[5];
+      t3 = $[5];
     }
-    const otherChildren = t2;
+    const otherChildren = t3;
     const includeDrawer = drawerChildren.length > 0;
     const largeLayout = useLargeLayout();
     const [drawerOpen, setDrawerOpen] = React.useState(false);
     const [onHover, setOnHover] = React.useState(false);
-    let t3;
+    let t4;
     if ($[6] === Symbol.for("react.memo_cache_sentinel")) {
-      t3 = () => setOnHover(true);
-      $[6] = t3;
+      t4 = () => setOnHover(true);
+      $[6] = t4;
     } else {
-      t3 = $[6];
+      t4 = $[6];
     }
-    const setOnHoverTrue = t3;
-    let t4;
+    const setOnHoverTrue = t4;
+    let t5;
     if ($[7] === Symbol.for("react.memo_cache_sentinel")) {
-      t4 = () => setOnHover(false);
-      $[7] = t4;
+      t5 = () => setOnHover(false);
+      $[7] = t5;
     } else {
-      t4 = $[7];
+      t5 = $[7];
     }
-    const setOnHoverFalse = t4;
-    let t5;
+    const setOnHoverFalse = t5;
+    let t6;
     if ($[8] === Symbol.for("react.memo_cache_sentinel")) {
-      t5 = () => {
+      t6 = () => {
         setDrawerOpen(true);
       };
-      $[8] = t5;
+      $[8] = t6;
     } else {
-      t5 = $[8];
+      t6 = $[8];
     }
-    const handleDrawerOpen = t5;
-    let t6;
+    const handleDrawerOpen = t6;
+    let t7;
     if ($[9] === Symbol.for("react.memo_cache_sentinel")) {
-      t6 = () => {
+      t7 = () => {
         setDrawerOpen(false);
       };
-      $[9] = t6;
+      $[9] = t7;
     } else {
-      t6 = $[9];
+      t7 = $[9];
     }
-    const handleDrawerClose = t6;
+    const handleDrawerClose = t7;
     const computedDrawerOpen = drawerOpen || Boolean(largeLayout && autoOpenDrawer && onHover);
     const hasAppBar = Boolean(appBarChildren.length > 0);
-    let t7;
+    let t8;
     if ($[10] !== autoOpenDrawer || $[11] !== computedDrawerOpen || $[12] !== includeDrawer || $[13] !== logo || $[14] !== onHover) {
-      t7 = {
+      t8 = {
         logo,
         hasDrawer: includeDrawer,
         drawerHovered: onHover,
@@ -23615,21 +23619,21 @@
       $[12] = includeDrawer;
       $[13] = logo;
       $[14] = onHover;
-      $[15] = t7;
+      $[15] = t8;
     } else {
-      t7 = $[15];
+      t8 = $[15];
     }
-    let t8;
+    let t9;
     if ($[16] !== className) {
-      t8 = ui.cls("flex h-screen w-screen bg-surface-50 dark:bg-surface-900 text-surface-900 dark:text-white overflow-hidden", className);
+      t9 = ui.cls("flex h-screen w-screen bg-surface-50 dark:bg-surface-900 text-surface-900 dark:text-white overflow-hidden", className);
       $[16] = className;
-      $[17] = t8;
+      $[17] = t9;
     } else {
-      t8 = $[17];
+      t9 = $[17];
     }
-    let t9;
+    let t10;
     if ($[18] !== style) {
-      t9 = {
+      t10 = {
         paddingTop: "env(safe-area-inset-top)",
         paddingLeft: "env(safe-area-inset-left)",
         paddingRight: "env(safe-area-inset-right)",
@@ -23638,96 +23642,101 @@
         ...style
       };
       $[18] = style;
-      $[19] = t9;
+      $[19] = t10;
     } else {
-      t9 = $[19];
+      t10 = $[19];
     }
-    const t10 = includeDrawer && drawerChildren;
-    let t11;
-    if ($[20] !== computedDrawerOpen || $[21] !== includeDrawer || $[22] !== onHover || $[23] !== t10) {
-      t11 = /* @__PURE__ */ jsxRuntime.jsx(DrawerWrapper, { displayed: includeDrawer, onMouseEnter: setOnHoverTrue, onMouseMove: setOnHoverTrue, onMouseLeave: setOnHoverFalse, open: computedDrawerOpen, hovered: onHover, setDrawerOpen, children: t10 });
+    const t11 = includeDrawer && drawerChildren;
+    let t12;
+    if ($[20] !== computedDrawerOpen || $[21] !== includeDrawer || $[22] !== onHover || $[23] !== t11) {
+      t12 = /* @__PURE__ */ jsxRuntime.jsx(DrawerWrapper, { displayed: includeDrawer, onMouseEnter: setOnHoverTrue, onMouseMove: setOnHoverTrue, onMouseLeave: setOnHoverFalse, open: computedDrawerOpen, hovered: onHover, setDrawerOpen, children: t11 });
       $[20] = computedDrawerOpen;
       $[21] = includeDrawer;
       $[22] = onHover;
-      $[23] = t10;
-      $[24] = t11;
+      $[23] = t11;
+      $[24] = t12;
     } else {
-      t11 = $[24];
+      t12 = $[24];
     }
-    let t12;
+    let t13;
     if ($[25] !== hasAppBar) {
-      t12 = hasAppBar && /* @__PURE__ */ jsxRuntime.jsx(DrawerHeader, {});
+      t13 = hasAppBar && /* @__PURE__ */ jsxRuntime.jsx(DrawerHeader, {});
       $[25] = hasAppBar;
-      $[26] = t12;
+      $[26] = t13;
     } else {
-      t12 = $[26];
+      t13 = $[26];
     }
-    const t13 = !hasAppBar;
-    let t14;
-    if ($[27] !== t13) {
-      t14 = ui.cls(ui.defaultBorderMixin, "flex-grow overflow-auto lg:m-0 lg:mx-4 lg:mb-4 lg:rounded-lg lg:border lg:border-solid m-0 mt-1", {
-        "lg:mt-4": t13
+    const t14 = !hasAppBar;
+    const t15 = hasAppBar && !padding;
+    let t16;
+    if ($[27] !== padding || $[28] !== t14 || $[29] !== t15) {
+      t16 = ui.cls(ui.defaultBorderMixin, "flex-grow overflow-auto m-0 mt-1", {
+        "lg:mt-4": t14,
+        "lg:m-0 lg:mx-4 lg:mb-4 lg:rounded-lg lg:border lg:border-solid": padding,
+        "border-t": t15
       });
-      $[27] = t13;
+      $[27] = padding;
       $[28] = t14;
+      $[29] = t15;
+      $[30] = t16;
     } else {
-      t14 = $[28];
+      t16 = $[30];
     }
-    let t15;
-    if ($[29] !== otherChildren) {
-      t15 = /* @__PURE__ */ jsxRuntime.jsx(ErrorBoundary, { children: otherChildren });
-      $[29] = otherChildren;
-      $[30] = t15;
+    let t17;
+    if ($[31] !== otherChildren) {
+      t17 = /* @__PURE__ */ jsxRuntime.jsx(ErrorBoundary, { children: otherChildren });
+      $[31] = otherChildren;
+      $[32] = t17;
     } else {
-      t15 = $[30];
+      t17 = $[32];
     }
-    let t16;
-    if ($[31] !== t14 || $[32] !== t15) {
-      t16 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: t14, children: t15 });
-      $[31] = t14;
-      $[32] = t15;
+    let t18;
+    if ($[33] !== t16 || $[34] !== t17) {
+      t18 = /* @__PURE__ */ jsxRuntime.jsx("div", { className: t16, children: t17 });
       $[33] = t16;
+      $[34] = t17;
+      $[35] = t18;
     } else {
-      t16 = $[33];
+      t18 = $[35];
     }
-    let t17;
-    if ($[34] !== t12 || $[35] !== t16) {
-      t17 = /* @__PURE__ */ jsxRuntime.jsxs("main", { className: "flex flex-col flex-grow overflow-auto", children: [
-        t12,
-        t16
+    let t19;
+    if ($[36] !== t13 || $[37] !== t18) {
+      t19 = /* @__PURE__ */ jsxRuntime.jsxs("main", { className: "flex flex-col flex-grow overflow-auto", children: [
+        t13,
+        t18
       ] });
-      $[34] = t12;
-      $[35] = t16;
-      $[36] = t17;
+      $[36] = t13;
+      $[37] = t18;
+      $[38] = t19;
     } else {
-      t17 = $[36];
+      t19 = $[38];
     }
-    let t18;
-    if ($[37] !== appBarChildren || $[38] !== t11 || $[39] !== t17 || $[40] !== t8 || $[41] !== t9) {
-      t18 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: t8, style: t9, children: [
+    let t20;
+    if ($[39] !== appBarChildren || $[40] !== t10 || $[41] !== t12 || $[42] !== t19 || $[43] !== t9) {
+      t20 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: t9, style: t10, children: [
         appBarChildren,
-        t11,
-        t17
+        t12,
+        t19
       ] });
-      $[37] = appBarChildren;
-      $[38] = t11;
-      $[39] = t17;
-      $[40] = t8;
-      $[41] = t9;
-      $[42] = t18;
+      $[39] = appBarChildren;
+      $[40] = t10;
+      $[41] = t12;
+      $[42] = t19;
+      $[43] = t9;
+      $[44] = t20;
     } else {
-      t18 = $[42];
+      t20 = $[44];
     }
-    let t19;
-    if ($[43] !== t18 || $[44] !== t7) {
-      t19 = /* @__PURE__ */ jsxRuntime.jsx(AppContext.Provider, { value: t7, children: t18 });
-      $[43] = t18;
-      $[44] = t7;
-      $[45] = t19;
+    let t21;
+    if ($[45] !== t20 || $[46] !== t8) {
+      t21 = /* @__PURE__ */ jsxRuntime.jsx(AppContext.Provider, { value: t8, children: t20 });
+      $[45] = t20;
+      $[46] = t8;
+      $[47] = t21;
     } else {
-      t19 = $[45];
+      t21 = $[47];
     }
-    return t19;
+    return t21;
   }, equal);
   const DrawerHeader = () => {
     const $ = reactCompilerRuntime.c(1);