@multiplatform.one/backoffice 6.7.0 → 7.1.0

package/dist/jsx/shell/BackofficeShell.mjs

@@ -1,5 +1,6 @@
-import { Button, SizableText, XStack, YStack, isWeb } from "@multiplatform.one/components";
-import { useLayoutSizeClass, useResolvedKnobs } from "@multiplatform.one/theme";
+import { Button, SizableText, SkipLink, XStack, YStack, isWeb } from "@multiplatform.one/components";
+import * as componentsBarrel from "@multiplatform.one/components";
+import { hairline, useLayoutSizeClass, useResolvedKnobs } from "@multiplatform.one/theme";
 import { ListIcon, XIcon } from "@phosphor-icons/react";
 import { useEffect, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
@@ -10,11 +11,28 @@ import { useBackofficeShortcuts } from "../chrome/shortcuts.mjs";
 import { UserMenu } from "../chrome/UserMenu.mjs";
 import { useBackofficeCapabilities, useBackofficeLocation, useBackofficeNavigator, useBackofficePaths, useBackofficeSlots } from "../config/BackofficeProvider.mjs";
 import { BACKOFFICE_I18N_NAMESPACE } from "../i18n/index.mjs";
-import { WorkspaceSidebar } from "./WorkspaceSidebar.mjs";
+import { WORKSPACE_SIDEBAR_WIDTH, WorkspaceSidebar } from "./WorkspaceSidebar.mjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+const ToastViewport = componentsBarrel.ToastViewport;
 function useIsNarrow() {
   return useLayoutSizeClass() === "compact";
 }
+function ShellHairline({
+  axis,
+  testId
+}) {
+  return /* @__PURE__ */jsx(YStack, {
+    ...(axis === "horizontal" ? hairline.line : hairline.vline),
+    alignSelf: "stretch",
+    ...(axis === "horizontal" ? {
+      width: "100%"
+    } : {
+      height: "100%"
+    }),
+    flexShrink: 0,
+    "data-testid": testId
+  });
+}
 function BackofficeShell({
   children,
   activePath,
@@ -55,12 +73,27 @@ function BackofficeShell({
     if (isNarrow) setDrawerOpen(false);
     navigate(path);
   };
-  const surfaceBorderWidth = knobProps.surface.borderWidth;
-  const sidebarContent = /* @__PURE__ */jsxs(Fragment, {
-    children: [/* @__PURE__ */jsx(WorkspaceSidebar, {
-      activePath: resolvedActivePath,
-      onNavigate: handleNavigate
-    }), slots.renderSidebarFooter?.()]
+  const bannerHeight = knobProps.sizeToken === "$5" ? "$7" : knobProps.sizeToken === "$3" ? "$5" : "$6";
+  const sidebarContent = /* @__PURE__ */jsxs(YStack, {
+    flex: 1,
+    height: "100%",
+    minHeight: 0,
+    width: WORKSPACE_SIDEBAR_WIDTH,
+    children: [/* @__PURE__ */jsx(YStack, {
+      flex: 1,
+      minHeight: 0,
+      children: /* @__PURE__ */jsx(WorkspaceSidebar, {
+        activePath: resolvedActivePath,
+        onNavigate: handleNavigate
+      })
+    }), slots.renderSidebarFooter ? /* @__PURE__ */jsxs(YStack, {
+      flexShrink: 0,
+      width: "100%",
+      children: [/* @__PURE__ */jsx(ShellHairline, {
+        axis: "horizontal",
+        testId: "backoffice-shell-footer-rule"
+      }), slots.renderSidebarFooter()]
+    }) : null]
   });
   const headerContent = /* @__PURE__ */jsxs(Fragment, {
     children: [isNarrow && sidebarEnabled && /* @__PURE__ */jsx(Button, {
@@ -103,37 +136,49 @@ function BackofficeShell({
       children: [capabilities.notifications.enabled && /* @__PURE__ */jsx(NotificationsButton, {}), capabilities.help.enabled && /* @__PURE__ */jsx(HelpMenu, {}), capabilities.userMenu.enabled && /* @__PURE__ */jsx(UserMenu, {})]
     })]
   });
+  const rail = /* @__PURE__ */jsxs(XStack, {
+    role: "navigation",
+    flexShrink: 0,
+    height: "100%",
+    minHeight: 0,
+    backgroundColor: "$color2",
+    "data-testid": "backoffice-sidebar-rail",
+    children: [sidebarContent, /* @__PURE__ */jsx(ShellHairline, {
+      axis: "vertical",
+      testId: "backoffice-shell-column-rule"
+    })]
+  });
   return /* @__PURE__ */jsxs(YStack, {
     flex: 1,
     height: "100%",
     width: "100%",
     overflow: "hidden",
     "data-testid": "backoffice-shell",
-    children: [/* @__PURE__ */jsx(XStack, {
+    children: [isWeb ? /* @__PURE__ */jsx(SkipLink, {
+      targetId: "backoffice-main",
+      children: t("shell.skipToContent", "Skip to content")
+    }) : null, /* @__PURE__ */jsx(XStack, {
       role: "banner",
       ...knobProps.surface,
       borderWidth: 0,
-      borderBottomWidth: surfaceBorderWidth,
-      borderBottomColor: knobProps.surface.borderColor,
+      borderRadius: 0,
+      height: bannerHeight,
       alignItems: "center",
       paddingHorizontal: "$3",
-      paddingVertical: "$2",
       gap: "$2",
       flexShrink: 0,
       children: slots.renderShellHeader ? slots.renderShellHeader({
         defaultContent: headerContent
       }) : headerContent
+    }), /* @__PURE__ */jsx(ShellHairline, {
+      axis: "horizontal",
+      testId: "backoffice-shell-banner-rule"
     }), /* @__PURE__ */jsxs(XStack, {
       flex: 1,
       minWidth: 0,
       position: "relative",
       overflow: "hidden",
-      children: [sidebarEnabled && !isNarrow && /* @__PURE__ */jsx(YStack, {
-        role: "navigation",
-        flexShrink: 0,
-        "data-testid": "backoffice-sidebar-rail",
-        children: sidebarContent
-      }), sidebarEnabled && isNarrow && drawerOpen && /* @__PURE__ */jsxs(Fragment, {
+      children: [sidebarEnabled && !isNarrow && rail, sidebarEnabled && isNarrow && drawerOpen && /* @__PURE__ */jsxs(Fragment, {
         children: [/* @__PURE__ */jsx(YStack, {
           position: "absolute",
           top: 0,
@@ -145,24 +190,31 @@ function BackofficeShell({
           zIndex: 10,
           onPress: () => setDrawerOpen(false),
           "data-testid": "backoffice-sidebar-scrim"
-        }), /* @__PURE__ */jsx(YStack, {
+        }), /* @__PURE__ */jsxs(XStack, {
           role: "navigation",
           position: "absolute",
           top: 0,
           left: 0,
           bottom: 0,
           zIndex: 11,
-          backgroundColor: "$background",
+          backgroundColor: "$color2",
           "data-testid": "backoffice-sidebar-drawer",
-          children: sidebarContent
+          children: [sidebarContent, /* @__PURE__ */jsx(ShellHairline, {
+            axis: "vertical",
+            testId: "backoffice-shell-drawer-rule"
+          })]
         })]
       }), /* @__PURE__ */jsx(YStack, {
         role: "main",
+        id: "backoffice-main",
+        tabIndex: -1,
         flex: 1,
         minWidth: 0,
+        minHeight: 0,
+        overflow: "hidden",
         children
       })]
-    })]
+    }), ToastViewport ? /* @__PURE__ */jsx(ToastViewport, {}) : null]
   });
 }
 export { BackofficeShell };

package/dist/jsx/shell/BackofficeShell.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["Button","SizableText","XStack","YStack","isWeb","useLayoutSizeClass","useResolvedKnobs","ListIcon","XIcon","useEffect","useRef","useState","useTranslation","BackofficeAwesomebar","HelpMenu","NotificationsButton","useBackofficeShortcuts","UserMenu","useBackofficeCapabilities","useBackofficeLocation","useBackofficeNavigator","useBackofficePaths","useBackofficeSlots","BACKOFFICE_I18N_NAMESPACE","WorkspaceSidebar","Fragment","jsx","jsxs","useIsNarrow","BackofficeShell","children","activePath","onNavigate","t","knobProps","capabilities","slots","navigator","location","paths","isNarrow","drawerOpen","setDrawerOpen","resolvedActivePath","path","navigate","sidebarEnabled","sidebar","enabled","awesomebarRef","onFocusSearch","awesomebar","current","focus","document","onKeyDown","event","key","addEventListener","removeEventListener","handleNavigate","surfaceBorderWidth","surface","borderWidth","sidebarContent","renderSidebarFooter","headerContent","chromeless","circular","size","icon","onPress","open","paddingHorizontal","home","fontWeight","flex","minWidth","justifyContent","maxWidth","focusRef","alignItems","gap","flexShrink","notifications","help","userMenu","height","width","overflow","role","borderBottomWidth","borderBottomColor","borderColor","paddingVertical","renderShellHeader","defaultContent","position","top","left","right","bottom","backgroundColor","opacity","zIndex"],"sources":["../../../src/shell/BackofficeShell.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["Button","SizableText","SkipLink","XStack","YStack","isWeb","componentsBarrel","hairline","useLayoutSizeClass","useResolvedKnobs","ListIcon","XIcon","useEffect","useRef","useState","useTranslation","BackofficeAwesomebar","HelpMenu","NotificationsButton","useBackofficeShortcuts","UserMenu","useBackofficeCapabilities","useBackofficeLocation","useBackofficeNavigator","useBackofficePaths","useBackofficeSlots","BACKOFFICE_I18N_NAMESPACE","WORKSPACE_SIDEBAR_WIDTH","WorkspaceSidebar","Fragment","jsx","jsxs","ToastViewport","useIsNarrow","ShellHairline","axis","testId","line","vline","alignSelf","width","height","flexShrink","BackofficeShell","children","activePath","onNavigate","t","knobProps","capabilities","slots","navigator","location","paths","isNarrow","drawerOpen","setDrawerOpen","resolvedActivePath","path","navigate","sidebarEnabled","sidebar","enabled","awesomebarRef","onFocusSearch","awesomebar","current","focus","document","onKeyDown","event","key","addEventListener","removeEventListener","handleNavigate","bannerHeight","sizeToken","sidebarContent","flex","minHeight","renderSidebarFooter","headerContent","chromeless","circular","size","icon","onPress","open","paddingHorizontal","home","fontWeight","minWidth","justifyContent","maxWidth","focusRef","alignItems","gap","notifications","help","userMenu","rail","role","backgroundColor","overflow","targetId","surface","borderWidth","borderRadius","renderShellHeader","defaultContent","position","top","left","right","bottom","opacity","zIndex","id","tabIndex"],"sources":["../../../src/shell/BackofficeShell.tsx"],"sourcesContent":[null],"mappings":"AAmBA,SACEA,MAAA,EACAC,WAAA,EACAC,QAAA,EACAC,MAAA,EACAC,MAAA,EACAC,KAAA,QACK;AACP,YAAYC,gBAAA,MAAsB;AAClC,SAASC,QAAA,EAAUC,kBAAA,EAAoBC,gBAAA,QAAwB;AAC/D,SAASC,QAAA,EAAUC,KAAA,QAAa;AAEhC,SAASC,SAAA,EAAWC,MAAA,EAAQC,QAAA,QAAgB;AAC5C,SAASC,cAAA,QAAsB;AAC/B,SACEC,oBAAA,QAEK;AACP,SAASC,QAAA,QAAgB;AACzB,SAASC,mBAAA,QAA2B;AACpC,SAASC,sBAAA,QAA8B;AACvC,SAASC,QAAA,QAAgB;AACzB,SACEC,yBAAA,EACAC,qBAAA,EACAC,sBAAA,EACAC,kBAAA,EACAC,kBAAA,QACK;AACP,SAASC,yBAAA,QAAiC;AAC1C,SAASC,uBAAA,EAAyBC,gBAAA,QAAwB;AA4BtD,SAyEAC,QAAA,EAzEAC,GAAA,EAgEIC,IAAA,QAhEJ;AAtBJ,MAAMC,aAAA,GAAiB1B,gBAAA,CAAsD0B,aAAA;AAe7E,SAASC,YAAA,EAAuB;EAC9B,OAAOzB,kBAAA,CAAmB,MAAM;AAClC;AAGA,SAAS0B,cAAc;EAAEC,IAAA;EAAMC;AAAO,GAAwD;EAC5F,OACE,eAAAN,GAAA,CAAC1B,MAAA;IACE,IAAI+B,IAAA,KAAS,eAAe5B,QAAA,CAAS8B,IAAA,GAAO9B,QAAA,CAAS+B,KAAA;IACtDC,SAAA,EAAU;IACT,IAAIJ,IAAA,KAAS,eAAe;MAAEK,KAAA,EAAO;IAAO,IAAI;MAAEC,MAAA,EAAQ;IAAO;IAClEC,UAAA,EAAY;IACZ,eAAaN;EAAA,CACf;AAEJ;AAEO,SAASO,gBAAgB;EAAEC,QAAA;EAAUC,UAAA;EAAYC;AAAW,GAAyB;EAC1F,MAAM;IAAEC;EAAE,IAAIhC,cAAA,CAAeW,yBAAyB;EACtD,MAAM;IAAEsB;EAAU,IAAIvC,gBAAA,CAAiB;EACvC,MAAMwC,YAAA,GAAe5B,yBAAA,CAA0B;EAC/C,MAAM6B,KAAA,GAAQzB,kBAAA,CAAmB;EACjC,MAAM0B,SAAA,GAAY5B,sBAAA,CAAuB;EACzC,MAAM6B,QAAA,GAAW9B,qBAAA,CAAsB;EACvC,MAAM+B,KAAA,GAAQ7B,kBAAA,CAAmB;EACjC,MAAM8B,QAAA,GAAWrB,WAAA,CAAY;EAC7B,MAAM,CAACsB,UAAA,EAAYC,aAAa,IAAI1C,QAAA,CAAS,KAAK;EAElD,MAAM2C,kBAAA,GAAqBZ,UAAA,IAAcO,QAAA,CAASM,IAAA;EAClD,MAAMC,QAAA,GAAWb,UAAA,IAAcK,SAAA,CAAUQ,QAAA;EAEzC,MAAMC,cAAA,GAAiBX,YAAA,CAAaY,OAAA,CAAQC,OAAA;EAI5C,MAAMC,aAAA,GAAgBlD,MAAA,CAAmC,IAAI;EAC7DM,sBAAA,CAAuB;IACrB6C,aAAA,EAAef,YAAA,CAAagB,UAAA,CAAWH,OAAA,GACnC,MAAMC,aAAA,CAAcG,OAAA,EAASC,KAAA,CAAM,IACnC;EACN,CAAC;EAGDvD,SAAA,CAAU,MAAM;IACd,IAAI,CAAC0C,QAAA,EAAUE,aAAA,CAAc,KAAK;EACpC,GAAG,CAACF,QAAQ,CAAC;EAGb1C,SAAA,CAAU,MAAM;IACd,IAAI,CAACP,KAAA,IAAS,OAAO+D,QAAA,KAAa,eAAe,CAACb,UAAA,EAAY;IAC9D,MAAMc,SAAA,GAAaC,KAAA,IAAyB;MAC1C,IAAIA,KAAA,CAAMC,GAAA,KAAQ,UAAUf,aAAA,CAAc,KAAK;IACjD;IACAY,QAAA,CAASI,gBAAA,CAAiB,WAAWH,SAAS;IAC9C,OAAO,MAAMD,QAAA,CAASK,mBAAA,CAAoB,WAAWJ,SAAS;EAChE,GAAG,CAACd,UAAU,CAAC;EAEf,MAAMmB,cAAA,GAAkBhB,IAAA,IAAiB;IACvC,IAAIJ,QAAA,EAAUE,aAAA,CAAc,KAAK;IACjCG,QAAA,CAASD,IAAI;EACf;EAEA,MAAMiB,YAAA,GACJ3B,SAAA,CAAU4B,SAAA,KAAc,OAAO,OAAO5B,SAAA,CAAU4B,SAAA,KAAc,OAAO,OAAO;EAE9E,MAAMC,cAAA,GACJ,eAAA9C,IAAA,CAAC3B,MAAA;IAAO0E,IAAA,EAAM;IAAGrC,MAAA,EAAO;IAAOsC,SAAA,EAAW;IAAGvC,KAAA,EAAOb,uBAAA;IAClDiB,QAAA,kBAAAd,GAAA,CAAC1B,MAAA;MAAO0E,IAAA,EAAM;MAAGC,SAAA,EAAW;MAC1BnC,QAAA,iBAAAd,GAAA,CAACF,gBAAA;QAAiBiB,UAAA,EAAYY,kBAAA;QAAoBX,UAAA,EAAY4B;MAAA,CAAgB;IAAA,CAChF,GACCxB,KAAA,CAAM8B,mBAAA,GACL,eAAAjD,IAAA,CAAC3B,MAAA;MAAOsC,UAAA,EAAY;MAAGF,KAAA,EAAM;MAC3BI,QAAA,kBAAAd,GAAA,CAACI,aAAA;QAAcC,IAAA,EAAK;QAAaC,MAAA,EAAO;MAAA,CAA+B,GACtEc,KAAA,CAAM8B,mBAAA,CAAoB;IAAA,CAC7B,IACE;EAAA,CACN;EAGF,MAAMC,aAAA,GACJ,eAAAlD,IAAA,CAAAF,QAAA;IACGe,QAAA,GAAAU,QAAA,IAAYM,cAAA,IACX,eAAA9B,GAAA,CAAC9B,MAAA;MACCkF,UAAA,EAAU;MACVC,QAAA,EAAQ;MACRC,IAAA,EAAK;MACLC,IAAA,EAAM9B,UAAA,GAAa5C,KAAA,GAAQD,QAAA;MAC3B,cAAYqC,CAAA,CAAE,uBAAuB,gBAAgB;MACrD,iBAAeQ,UAAA;MACf+B,OAAA,EAASA,CAAA,KAAM9B,aAAA,CAAe+B,IAAA,IAAS,CAACA,IAAI;MAC5C,eAAY;IAAA,CACd,GAEF,eAAAzD,GAAA,CAAC9B,MAAA;MACCkF,UAAA,EAAU;MACVE,IAAA,EAAK;MACLI,iBAAA,EAAkB;MAClBF,OAAA,EAASA,CAAA,KAAMZ,cAAA,CAAerB,KAAA,CAAMoC,IAAA,CAAK,CAAC;MAC1C,cAAY1C,CAAA,CAAE,cAAc,MAAM;MAClC,eAAY;MAEZH,QAAA,iBAAAd,GAAA,CAAC7B,WAAA;QAAYmF,IAAA,EAAK;QAAKM,UAAA,EAAW;QAC/B9C,QAAA,EAAAG,CAAA,CAAE,eAAe,YAAY;MAAA,CAChC;IAAA,CACF,GAIA,eAAAjB,GAAA,CAAC3B,MAAA;MAAO2E,IAAA,EAAM;MAAGa,QAAA,EAAU;MAAGC,cAAA,EAAe;MAC1ChD,QAAA,EAAAK,YAAA,CAAagB,UAAA,CAAWH,OAAA,IACvB,eAAAhC,GAAA,CAAC3B,MAAA;QAAO2E,IAAA,EAAM;QAAGe,QAAA,EAAU;QAAKF,QAAA,EAAU;QACxC/C,QAAA,iBAAAd,GAAA,CAACd,oBAAA;UAAqB8E,QAAA,EAAU/B;QAAA,CAAe;MAAA,CACjD;IAAA,CAEJ,GAGA,eAAAhC,IAAA,CAAC5B,MAAA;MAAO4F,UAAA,EAAW;MAASC,GAAA,EAAI;MAAKtD,UAAA,EAAY;MAC9CE,QAAA,GAAAK,YAAA,CAAagD,aAAA,CAAcnC,OAAA,IAAW,eAAAhC,GAAA,CAACZ,mBAAA,IAAoB,GAC3D+B,YAAA,CAAaiD,IAAA,CAAKpC,OAAA,IAAW,eAAAhC,GAAA,CAACb,QAAA,IAAS,GACvCgC,YAAA,CAAakD,QAAA,CAASrC,OAAA,IAAW,eAAAhC,GAAA,CAACV,QAAA,IAAS;IAAA,CAC9C;EAAA,CACF;EAGF,MAAMgF,IAAA,GACJ,eAAArE,IAAA,CAAC5B,MAAA;IACCkG,IAAA,EAAK;IACL3D,UAAA,EAAY;IACZD,MAAA,EAAO;IACPsC,SAAA,EAAW;IACXuB,eAAA,EAAgB;IAChB,eAAY;IAEX1D,QAAA,GAAAiC,cAAA,EACD,eAAA/C,GAAA,CAACI,aAAA;MAAcC,IAAA,EAAK;MAAWC,MAAA,EAAO;IAAA,CAA+B;EAAA,CACvE;EAGF,OACE,eAAAL,IAAA,CAAC3B,MAAA;IAAO0E,IAAA,EAAM;IAAGrC,MAAA,EAAO;IAAOD,KAAA,EAAM;IAAO+D,QAAA,EAAS;IAAS,eAAY;IACvE3D,QAAA,GAAAvC,KAAA,GACC,eAAAyB,GAAA,CAAC5B,QAAA;MAASsG,QAAA,EAAS;MAChB5D,QAAA,EAAAG,CAAA,CAAE,uBAAuB,iBAAiB;IAAA,CAC7C,IACE,MAGJ,eAAAjB,GAAA,CAAC3B,MAAA;MACCkG,IAAA,EAAK;MACJ,GAAGrD,SAAA,CAAUyD,OAAA;MACdC,WAAA,EAAa;MACbC,YAAA,EAAc;MACdlE,MAAA,EAAQkC,YAAA;MACRoB,UAAA,EAAW;MACXP,iBAAA,EAAkB;MAClBQ,GAAA,EAAI;MACJtD,UAAA,EAAY;MAEXE,QAAA,EAAAM,KAAA,CAAM0D,iBAAA,GACH1D,KAAA,CAAM0D,iBAAA,CAAkB;QAAEC,cAAA,EAAgB5B;MAAc,CAAC,IACzDA;IAAA,CACN,GACA,eAAAnD,GAAA,CAACI,aAAA;MAAcC,IAAA,EAAK;MAAaC,MAAA,EAAO;IAAA,CAA+B,GAEvE,eAAAL,IAAA,CAAC5B,MAAA;MAAO2E,IAAA,EAAM;MAAGa,QAAA,EAAU;MAAGmB,QAAA,EAAS;MAAWP,QAAA,EAAS;MACxD3D,QAAA,GAAAgB,cAAA,IAAkB,CAACN,QAAA,IAAY8C,IAAA,EAG/BxC,cAAA,IAAkBN,QAAA,IAAYC,UAAA,IAC7B,eAAAxB,IAAA,CAAAF,QAAA;QACEe,QAAA,kBAAAd,GAAA,CAAC1B,MAAA;UACC0G,QAAA,EAAS;UACTC,GAAA,EAAK;UACLC,IAAA,EAAM;UACNC,KAAA,EAAO;UACPC,MAAA,EAAQ;UACRZ,eAAA,EAAgB;UAChBa,OAAA,EAAS;UACTC,MAAA,EAAQ;UACR9B,OAAA,EAASA,CAAA,KAAM9B,aAAA,CAAc,KAAK;UAClC,eAAY;QAAA,CACd,GACA,eAAAzB,IAAA,CAAC5B,MAAA;UACCkG,IAAA,EAAK;UACLS,QAAA,EAAS;UACTC,GAAA,EAAK;UACLC,IAAA,EAAM;UACNE,MAAA,EAAQ;UACRE,MAAA,EAAQ;UACRd,eAAA,EAAgB;UAChB,eAAY;UAEX1D,QAAA,GAAAiC,cAAA,EACD,eAAA/C,GAAA,CAACI,aAAA;YAAcC,IAAA,EAAK;YAAWC,MAAA,EAAO;UAAA,CAA+B;QAAA,CACvE;MAAA,CACF,GAIF,eAAAN,GAAA,CAAC1B,MAAA;QACCiG,IAAA,EAAK;QACLgB,EAAA,EAAG;QACHC,QAAA,EAAU;QACVxC,IAAA,EAAM;QACNa,QAAA,EAAU;QACVZ,SAAA,EAAW;QACXwB,QAAA,EAAS;QAER3D;MAAA,CACH;IAAA,CACF,GAMCZ,aAAA,GAAgB,eAAAF,GAAA,CAACE,aAAA,IAAc,IAAK;EAAA,CACvC;AAEJ","ignoreList":[]}

package/dist/jsx/shell/BackofficeShell.native.js

@@ -1,8 +1,10 @@
 "use strict";
 
+var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all) __defProp(target, name, {
@@ -19,6 +21,15 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
   value: true
 }), mod);
@@ -29,6 +40,7 @@ __export(BackofficeShell_exports, {
 module.exports = __toCommonJS(BackofficeShell_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_components = require("@multiplatform.one/components");
+var componentsBarrel = __toESM(require("@multiplatform.one/components"));
 var import_theme = require("@multiplatform.one/theme");
 var import_react = require("@phosphor-icons/react");
 var import_react2 = require("react");
@@ -41,16 +53,33 @@ var import_UserMenu = require("../chrome/UserMenu.native.js");
 var import_BackofficeProvider = require("../config/BackofficeProvider.native.js");
 var import_i18n = require("../i18n/index.native.js");
 var import_WorkspaceSidebar = require("./WorkspaceSidebar.native.js");
+var ToastViewport = componentsBarrel.ToastViewport;
 function useIsNarrow() {
   return (0, import_theme.useLayoutSizeClass)() === "compact";
 }
+function ShellHairline(param) {
+  var {
+    axis,
+    testId
+  } = param;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+    ...(axis === "horizontal" ? import_theme.hairline.line : import_theme.hairline.vline),
+    alignSelf: "stretch",
+    ...(axis === "horizontal" ? {
+      width: "100%"
+    } : {
+      height: "100%"
+    }),
+    flexShrink: 0,
+    "data-testid": testId
+  });
+}
 function BackofficeShell(param) {
   var {
     children,
     activePath,
     onNavigate
   } = param;
-  var _slots_renderSidebarFooter;
   var {
     t
   } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
@@ -91,12 +120,27 @@ function BackofficeShell(param) {
     if (isNarrow) setDrawerOpen(false);
     navigate(path);
   };
-  var surfaceBorderWidth = knobProps.surface.borderWidth;
-  var sidebarContent = /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_WorkspaceSidebar.WorkspaceSidebar, {
-      activePath: resolvedActivePath,
-      onNavigate: handleNavigate
-    }), (_slots_renderSidebarFooter = slots.renderSidebarFooter) === null || _slots_renderSidebarFooter === void 0 ? void 0 : _slots_renderSidebarFooter.call(slots)]
+  var bannerHeight = knobProps.sizeToken === "$5" ? "$7" : knobProps.sizeToken === "$3" ? "$5" : "$6";
+  var sidebarContent = /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+    flex: 1,
+    height: "100%",
+    minHeight: 0,
+    width: import_WorkspaceSidebar.WORKSPACE_SIDEBAR_WIDTH,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+      flex: 1,
+      minHeight: 0,
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_WorkspaceSidebar.WorkspaceSidebar, {
+        activePath: resolvedActivePath,
+        onNavigate: handleNavigate
+      })
+    }), slots.renderSidebarFooter ? /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
+      flexShrink: 0,
+      width: "100%",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(ShellHairline, {
+        axis: "horizontal",
+        testId: "backoffice-shell-footer-rule"
+      }), slots.renderSidebarFooter()]
+    }) : null]
   });
   var headerContent = /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
     children: [isNarrow && sidebarEnabled && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Button, {
@@ -150,41 +194,50 @@ function BackofficeShell(param) {
       children: [capabilities.notifications.enabled && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_NotificationsButton.NotificationsButton, {}), capabilities.help.enabled && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_HelpMenu.HelpMenu, {}), capabilities.userMenu.enabled && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_UserMenu.UserMenu, {})]
     })]
   });
+  var rail = /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+    role: "navigation",
+    flexShrink: 0,
+    height: "100%",
+    minHeight: 0,
+    backgroundColor: "$color2",
+    "data-testid": "backoffice-sidebar-rail",
+    children: [sidebarContent, /* @__PURE__ */(0, import_jsx_runtime.jsx)(ShellHairline, {
+      axis: "vertical",
+      testId: "backoffice-shell-column-rule"
+    })]
+  });
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.YStack, {
     flex: 1,
     height: "100%",
     width: "100%",
     overflow: "hidden",
     "data-testid": "backoffice-shell",
-    children: [/* Top navbar */
+    children: [import_components.isWeb ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.SkipLink, {
+      targetId: "backoffice-main",
+      children: t("shell.skipToContent", "Skip to content")
+    }) : null, /* Top navbar — Frappe inverted-L: full width above the rail. */
     /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
       role: "banner",
       ...knobProps.surface,
-      // Surface knobs paint a full box border; keep only the bottom edge
-      // (DeskShell precedent, SB-M-1708).
       borderWidth: 0,
-      borderBottomWidth: surfaceBorderWidth,
-      borderBottomColor: knobProps.surface.borderColor,
+      borderRadius: 0,
+      height: bannerHeight,
       alignItems: "center",
       paddingHorizontal: "$3",
-      paddingVertical: "$2",
       gap: "$2",
       flexShrink: 0,
       children: slots.renderShellHeader ? slots.renderShellHeader({
         defaultContent: headerContent
       }) : headerContent
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(ShellHairline, {
+      axis: "horizontal",
+      testId: "backoffice-shell-banner-rule"
     }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
       flex: 1,
       minWidth: 0,
       position: "relative",
       overflow: "hidden",
-      children: [/* Desktop rail — in flow */
-      sidebarEnabled && !isNarrow && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
-        role: "navigation",
-        flexShrink: 0,
-        "data-testid": "backoffice-sidebar-rail",
-        children: sidebarContent
-      }), /* Narrow drawer + scrim */
+      children: [sidebarEnabled && !isNarrow && rail, /* Narrow drawer + scrim */
       sidebarEnabled && isNarrow && drawerOpen && /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
         children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
           position: "absolute",
@@ -199,25 +252,37 @@ function BackofficeShell(param) {
             return setDrawerOpen(false);
           },
           "data-testid": "backoffice-sidebar-scrim"
-        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
           role: "navigation",
           position: "absolute",
           top: 0,
           left: 0,
           bottom: 0,
           zIndex: 11,
-          backgroundColor: "$background",
+          backgroundColor: "$color2",
           "data-testid": "backoffice-sidebar-drawer",
-          children: sidebarContent
+          children: [sidebarContent, /* @__PURE__ */(0, import_jsx_runtime.jsx)(ShellHairline, {
+            axis: "vertical",
+            testId: "backoffice-shell-drawer-rule"
+          })]
         })]
       }), /* Routed content — pages own their own headers/breadcrumbs */
       /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
         role: "main",
+        id: "backoffice-main",
+        tabIndex: -1,
         flex: 1,
         minWidth: 0,
+        minHeight: 0,
+        overflow: "hidden",
         children
       })]
-    })]
+    }),
+    /* THE backoffice toast host: one shell-level viewport so every desk
+    surface (list, form, report, kanban, …) renders notify()/showToast
+    feedback without mounting its own. Double-mount safe — a second
+    viewport lower in the tree no-ops (components Toast contract). */
+    ToastViewport ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(ToastViewport, {}) : null]
   });
 }
 //# sourceMappingURL=BackofficeShell.native.js.map

package/dist/jsx/shell/BackofficeShell.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","BackofficeShell_exports","BackofficeShell","module","exports","import_jsx_runtime","require","import_components","import_theme","import_react","import_react2","import_react_i18next","import_BackofficeAwesomebar","import_HelpMenu","import_NotificationsButton","import_shortcuts","import_UserMenu","import_BackofficeProvider","import_i18n","import_WorkspaceSidebar","useIsNarrow","useLayoutSizeClass","param","children","activePath","onNavigate","_slots_renderSidebarFooter","t","useTranslation","BACKOFFICE_I18N_NAMESPACE","knobProps","useResolvedKnobs","capabilities","useBackofficeCapabilities","slots","useBackofficeSlots","navigator","useBackofficeNavigator","location","useBackofficeLocation","paths","useBackofficePaths","isNarrow","drawerOpen","setDrawerOpen","useState","resolvedActivePath","path","navigate","sidebarEnabled","sidebar","enabled","awesomebarRef","useRef","useBackofficeShortcuts","onFocusSearch","awesomebar","_awesomebarRef_current","current","focus","useEffect","isWeb","document","onKeyDown","onKeyDown2","event","addEventListener","removeEventListener","handleNavigate","handleNavigate2","surfaceBorderWidth","surface","borderWidth","sidebarContent","jsxs","Fragment","jsx","WorkspaceSidebar","renderSidebarFooter","headerContent","Button","chromeless","circular","size","icon","XIcon","ListIcon","onPress","open","paddingHorizontal","home","SizableText","fontWeight","XStack","flex","minWidth","justifyContent","maxWidth","BackofficeAwesomebar","focusRef","alignItems","gap","flexShrink","notifications","NotificationsButton","help","HelpMenu","userMenu","UserMenu"],"sources":["../../../src/shell/BackofficeShell.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","BackofficeShell_exports","BackofficeShell","module","exports","import_jsx_runtime","require","import_components","componentsBarrel","import_theme","import_react","import_react2","import_react_i18next","import_BackofficeAwesomebar","import_HelpMenu","import_NotificationsButton","import_shortcuts","import_UserMenu","import_BackofficeProvider","import_i18n","import_WorkspaceSidebar","ToastViewport","useIsNarrow","useLayoutSizeClass","ShellHairline","param","axis","testId","jsx","YStack","hairline","line","vline","alignSelf","width","height","flexShrink","children","activePath","onNavigate","t","useTranslation","BACKOFFICE_I18N_NAMESPACE","knobProps","useResolvedKnobs","capabilities","useBackofficeCapabilities","slots","useBackofficeSlots","navigator","useBackofficeNavigator","location","useBackofficeLocation","paths","useBackofficePaths","isNarrow","drawerOpen","setDrawerOpen","useState","resolvedActivePath","path","navigate","sidebarEnabled","sidebar","enabled","awesomebarRef","useRef","useBackofficeShortcuts","onFocusSearch","awesomebar","_awesomebarRef_current","current","focus","useEffect","isWeb","document","onKeyDown","onKeyDown2","event","addEventListener","removeEventListener","handleNavigate","handleNavigate2","bannerHeight","sizeToken","sidebarContent","jsxs","flex","minHeight","WORKSPACE_SIDEBAR_WIDTH","WorkspaceSidebar","renderSidebarFooter","headerContent","Fragment","Button","chromeless","circular","size","icon","XIcon","ListIcon","onPress","open","paddingHorizontal","home","SizableText","fontWeight","XStack","minWidth","justifyContent","maxWidth","BackofficeAwesomebar","focusRef","alignItems","gap","notifications","NotificationsButton","help","HelpMenu","userMenu","UserMenu","rail","role","backgroundColor"],"sources":["../../../src/shell/BackofficeShell.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/shell/WorkspaceSidebar.mjs

@@ -1,15 +1,16 @@
-import { Sidebar, Spinner, XStack, YStack } from "@multiplatform.one/components";
+import { ScrollView, Separator, SizableText, Spinner, XStack, YStack } from "@multiplatform.one/components";
+import { ensureFocusVisibleRing, getGroupPosition, hairline, stackRadiusProps, useReadableTextOn, useResolvedKnobs } from "@multiplatform.one/theme";
 import { useMemo } from "react";
 import { useTranslation } from "react-i18next";
 import { useBackofficePaths } from "../config/BackofficeProvider.mjs";
 import { BACKOFFICE_I18N_NAMESPACE } from "../i18n/index.mjs";
 import { useWorkspaces } from "./useWorkspaces.mjs";
 import { workspaceIcon } from "./workspaceIcons.mjs";
-import { jsx } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 const WORKSPACE_SIDEBAR_WIDTH = 250;
 function workspaceItem(workspace, depth, paths, activePath, onNavigate) {
   const path = paths.workspace(workspace.name);
-  const IconComponent = workspaceIcon(workspace.icon);
+  const IconComponent = workspaceIcon(workspace.icon, workspace.name);
   const icon =
   // Depth-based inset carried by the icon slot — the Sidebar row API has
   // no nesting support, so children indent icon+label via this wrapper.
@@ -39,6 +40,113 @@ function flattenTree(roots, childrenByParent, paths, activePath, onNavigate, dep
   }
   return items;
 }
+function NavRow({
+  item,
+  position
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const onAccent = useReadableTextOn("$accentBackground");
+  const rowPad = knobProps.panelPadding.padding;
+  const corners = stackRadiusProps(position, knobProps.borderRadius.borderRadius);
+  const ink = item.active && onAccent ? onAccent : void 0;
+  return /* @__PURE__ */jsxs(XStack, {
+    role: "button",
+    "aria-current": item.active ? "page" : void 0,
+    "data-testid": "backoffice-workspace-row",
+    "data-group-position": position,
+    "data-active": item.active ? "true" : "false",
+    alignItems: "center",
+    gap: "$2",
+    minHeight: knobProps.sizeToken,
+    paddingHorizontal: rowPad,
+    paddingVertical: "$2",
+    overflow: "hidden",
+    userSelect: "none",
+    ...corners,
+    backgroundColor: item.active ? "$accentBackground" : "transparent",
+    hoverStyle: {
+      backgroundColor: item.active ? "$accentBackground" : "$color3",
+      ...corners
+    },
+    pressStyle: {
+      backgroundColor: item.active ? "$accentBackground" : "$color4",
+      ...corners
+    },
+    cursor: item.onPress ? "pointer" : "default",
+    onPress: item.onPress,
+    tabIndex: item.onPress ? 0 : void 0,
+    outlineWidth: 0,
+    focusStyle: {
+      outlineWidth: 0
+    },
+    focusVisibleStyle: ensureFocusVisibleRing({
+      outlineOffset: -2,
+      outlineColor: ink ?? "$outlineColor"
+    }),
+    onKeyDown: e => {
+      if (e.key === "Enter" || e.key === " ") {
+        e.preventDefault?.();
+        item.onPress?.();
+      }
+    },
+    children: [item.icon, /* @__PURE__ */jsx(SizableText, {
+      size: "$3",
+      numberOfLines: 1,
+      flex: 1,
+      flexShrink: 1,
+      fontWeight: item.active ? "600" : "400",
+      color: ink,
+      children: item.label
+    })]
+  });
+}
+function WorkspaceNav({
+  sections
+}) {
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const rowPad = knobProps.panelPadding.padding;
+  return /* @__PURE__ */jsx(YStack, {
+    width: WORKSPACE_SIDEBAR_WIDTH,
+    flex: 1,
+    height: "100%",
+    minHeight: 0,
+    children: /* @__PURE__ */jsx(ScrollView, {
+      flex: 1,
+      children: /* @__PURE__ */jsx(YStack, {
+        ...knobProps.panelPadding,
+        paddingHorizontal: 0,
+        ...knobProps.gapLg,
+        children: sections.map((section, sectionIdx) => /* @__PURE__ */jsxs(YStack, {
+          ...knobProps.gap,
+          children: [section.title ? /* @__PURE__ */jsx(SizableText, {
+            size: "$2",
+            fontWeight: "600",
+            textTransform: "uppercase",
+            color: "$color11",
+            marginHorizontal: rowPad,
+            children: section.title
+          }) : null, /* @__PURE__ */jsx(YStack, {
+            children: section.items.map((item, itemIdx) => {
+              const position = getGroupPosition(itemIdx, section.items.length);
+              return /* @__PURE__ */jsxs(YStack, {
+                children: [itemIdx > 0 ? /* @__PURE__ */jsx(Separator, {
+                  ...hairline.line
+                }) : null, /* @__PURE__ */jsx(NavRow, {
+                  item,
+                  position
+                })]
+              }, String(item.value ?? item.label));
+            })
+          })]
+        }, section.title ?? sectionIdx))
+      })
+    })
+  });
+}
 function WorkspaceSidebar({
   activePath,
   onNavigate
@@ -76,6 +184,8 @@ function WorkspaceSidebar({
   if (isLoading && sections.length === 0) {
     return /* @__PURE__ */jsx(YStack, {
       width: WORKSPACE_SIDEBAR_WIDTH,
+      flex: 1,
+      height: "100%",
       alignItems: "center",
       paddingTop: "$6",
       "aria-label": t("sidebar.loading", "Loading workspaces"),
@@ -84,9 +194,8 @@ function WorkspaceSidebar({
       })
     });
   }
-  return /* @__PURE__ */jsx(Sidebar, {
-    sections,
-    width: WORKSPACE_SIDEBAR_WIDTH
+  return /* @__PURE__ */jsx(WorkspaceNav, {
+    sections
   });
 }
 export { WORKSPACE_SIDEBAR_WIDTH, WorkspaceSidebar };