@multiplatform.one/frappe-ui 7.51.0 → 7.52.0

package/src/desk/DeskShell.tsx

@@ -59,6 +59,12 @@ export interface DeskShellProps {
   showSidebar?: boolean;
   /** Show awesomebar (default true) */
   showAwesomebar?: boolean;
+  /**
+   * A detail page (a record form) whose own top bar carries back to its list.
+   * At compact width the shell then draws no Desk bar and no breadcrumb row:
+   * the page's pinned bar is the one navigation row (LC-154, LC-157).
+   */
+  detail?: boolean;
 }
 
 /**
@@ -91,6 +97,7 @@ export function DeskShell({
   activePath,
   showSidebar = true,
   showAwesomebar = true,
+  detail = false,
 }: DeskShellProps) {
   const { t } = useTranslation();
   const { knobProps } = useResolvedKnobs({ component: "DeskShell" });
@@ -140,6 +147,8 @@ export function DeskShell({
     { conflictBehavior: "allow" },
   );
 
+  // LC-154: on a phone a detail page's own bar is the only navigation row.
+  const pageOwnsChrome = detail && isNarrow;
   const surfaceBorderWidth = knobProps.surface.borderWidth;
   const showMobileToggle = showSidebar && isNarrow;
   const drawerEdge = isWeb ? { insetInlineStart: 0 } : { start: 0 };
@@ -169,7 +178,7 @@ export function DeskShell({
       {isWeb ? <SkipLink targetId="desk-main">{t("Skip to content")}</SkipLink> : null}
 
       {/* Header with Awesomebar — R-NONE full-bleed chrome; knobs own pad/gap/type. */}
-      {showAwesomebar && (
+      {showAwesomebar && !pageOwnsChrome && (
         <XStack
           role="banner"
           {...knobProps.surface}
@@ -191,7 +200,7 @@ export function DeskShell({
       )}
 
       {/* Narrow + no awesomebar: still expose the drawer toggle */}
-      {!showAwesomebar && showMobileToggle && (
+      {!showAwesomebar && showMobileToggle && !pageOwnsChrome && (
         <XStack
           {...knobProps.surface}
           {...knobProps.gap}
@@ -264,7 +273,7 @@ export function DeskShell({
                 panelPadding inset on the inline axis) to share the exact x
                 that page templates give headings and content. Vertical pad
                 stays 0 so the trail does not inflate above the page. */}
-            {breadcrumbs && breadcrumbs.length > 0 && (
+            {breadcrumbs && breadcrumbs.length > 0 && !pageOwnsChrome && (
               <YStack
                 width="100%"
                 maxWidth={CONTENT_MAX_WIDTH}

package/src/schemaForm/index.tsx

@@ -436,7 +436,7 @@ function SchemaFormSectionCard({
               <YStack
                 key={colIndex}
                 {...hugColumn}
-                {...knobProps.gap}
+                {...knobProps.fieldGap}
                 data-mpo-schema-form-col=""
                 data-mpo-schema-form-col-hug=""
               >
@@ -459,7 +459,7 @@ function SchemaFormSectionCard({
             ))}
           </XStack>
         ) : (
-          <YStack {...knobProps.gap} width="100%" data-mpo-schema-form-section="">
+          <YStack {...knobProps.fieldGap} width="100%" data-mpo-schema-form-section="">
             {Array.from(
               { length: Math.max(...section.columns.map((c) => c.fields.length), 0) },
               (_, rowIndex) => (

package/types/desk/DeskFormPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DeskFormPage.d.ts","sourceRoot":"","sources":["../../src/desk/DeskFormPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAiBH,MAAM,WAAW,iBAAiB;IAChC,mEAAmE;IACnE,OAAO,EAAE,MAAM,CAAC;IAChB,sEAAsE;IACtE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8DAA8D;IAC9D,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAkBD,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,iBAAiB,2CAqF5E"}
+{"version":3,"file":"DeskFormPage.d.ts","sourceRoot":"","sources":["../../src/desk/DeskFormPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAiBH,MAAM,WAAW,iBAAiB;IAChC,mEAAmE;IACnE,OAAO,EAAE,MAAM,CAAC;IAChB,sEAAsE;IACtE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,8DAA8D;IAC9D,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAkBD,wBAAgB,YAAY,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE,iBAAiB,2CAsF5E"}

package/types/desk/DeskShell.d.ts

@@ -29,11 +29,17 @@ export interface DeskShellProps {
     showSidebar?: boolean;
     /** Show awesomebar (default true) */
     showAwesomebar?: boolean;
+    /**
+     * A detail page (a record form) whose own top bar carries back to its list.
+     * At compact width the shell then draws no Desk bar and no breadcrumb row:
+     * the page's pinned bar is the one navigation row (LC-154, LC-157).
+     */
+    detail?: boolean;
 }
 /**
  * Narrow viewport → sidebar drawer. Same value as theme `layoutBreakpoints.medium`
  * / `NARROW_BREAKPOINT` (640; Tamagui `$sm`). DG-LAY-01.
  */
 export declare const DESK_NARROW_BREAKPOINT: 640;
-export declare function DeskShell({ children, breadcrumbs, onNavigate, activePath, showSidebar, showAwesomebar, }: DeskShellProps): import("react/jsx-runtime").JSX.Element;
+export declare function DeskShell({ children, breadcrumbs, onNavigate, activePath, showSidebar, showAwesomebar, detail, }: DeskShellProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=DeskShell.d.ts.map

package/types/desk/DeskShell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DeskShell.d.ts","sourceRoot":"","sources":["../../src/desk/DeskShell.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAWL,KAAK,cAAc,EACpB,MAAM,+BAA+B,CAAC;AAcvC,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,uBAAuB;IACvB,WAAW,CAAC,EAAE,cAAc,EAAE,CAAC;IAC/B,yBAAyB;IACzB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kCAAkC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qCAAqC;IACrC,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED;;;GAGG;AACH,eAAO,MAAM,sBAAsB,KAAoB,CAAC;AAmBxD,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,WAAW,EACX,UAAU,EACV,UAAU,EACV,WAAkB,EAClB,cAAqB,GACtB,EAAE,cAAc,2CAkMhB"}
+{"version":3,"file":"DeskShell.d.ts","sourceRoot":"","sources":["../../src/desk/DeskShell.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAGH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAWL,KAAK,cAAc,EACpB,MAAM,+BAA+B,CAAC;AAcvC,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,uBAAuB;IACvB,WAAW,CAAC,EAAE,cAAc,EAAE,CAAC;IAC/B,yBAAyB;IACzB,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,4CAA4C;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kCAAkC;IAClC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qCAAqC;IACrC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;;GAGG;AACH,eAAO,MAAM,sBAAsB,KAAoB,CAAC;AAmBxD,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,WAAW,EACX,UAAU,EACV,UAAU,EACV,WAAkB,EAClB,cAAqB,EACrB,MAAc,GACf,EAAE,cAAc,2CAoMhB"}