@multiplatform.one/backoffice 6.3.0

package/dist/jsx/shared/useFrappeApp.mjs

@@ -0,0 +1,31 @@
+import { FrappeApp } from "@multiplatform.one/frappe";
+import { useFrappeConfig } from "@multiplatform.one/frappe-ui";
+import { useMemo } from "react";
+const appCache = /* @__PURE__ */new Map();
+function useFrappeApp() {
+  const config = useFrappeConfig();
+  const baseURL = config?.baseURL;
+  const socketPort = config?.socketPort;
+  const useToken = config?.auth?.useToken;
+  const token = config?.auth?.token;
+  const type = config?.auth?.type;
+  return useMemo(() => {
+    if (!baseURL) return void 0;
+    const key = `${baseURL}|${socketPort ?? ""}|${useToken ? "t" : ""}|${token ?? ""}|${type ?? ""}`;
+    let app = appCache.get(key);
+    if (!app) {
+      app = new FrappeApp(baseURL, {
+        useToken,
+        token,
+        type: type === "Bearer" ? "Bearer" : type ? "token" : void 0,
+        realtimeOptions: socketPort ? {
+          socketPort
+        } : void 0
+      });
+      appCache.set(key, app);
+    }
+    return app;
+  }, [baseURL, socketPort, useToken, token, type]);
+}
+export { useFrappeApp };
+//# sourceMappingURL=useFrappeApp.mjs.map

package/dist/jsx/shared/useFrappeApp.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["FrappeApp","useFrappeConfig","useMemo","appCache","Map","useFrappeApp","config","baseURL","socketPort","useToken","auth","token","type","key","app","get","realtimeOptions","set"],"sources":["../../../src/shared/useFrappeApp.ts"],"sourcesContent":[null],"mappings":"AAAA,SAASA,SAAA,QAAkC;AAC3C,SAASC,eAAA,QAAuB;AAChC,SAASC,OAAA,QAAe;AAExB,MAAMC,QAAA,GAAW,mBAAIC,GAAA,CAAuB;AASrC,SAASC,aAAA,EAAsC;EACpD,MAAMC,MAAA,GAASL,eAAA,CAAgB;EAC/B,MAAMM,OAAA,GAAUD,MAAA,EAAQC,OAAA;EAIxB,MAAMC,UAAA,GAAaF,MAAA,EAAQE,UAAA;EAC3B,MAAMC,QAAA,GAAWH,MAAA,EAAQI,IAAA,EAAMD,QAAA;EAC/B,MAAME,KAAA,GAAQL,MAAA,EAAQI,IAAA,EAAMC,KAAA;EAC5B,MAAMC,IAAA,GAAON,MAAA,EAAQI,IAAA,EAAME,IAAA;EAC3B,OAAOV,OAAA,CAAQ,MAAM;IACnB,IAAI,CAACK,OAAA,EAAS,OAAO;IACrB,MAAMM,GAAA,GAAM,GAAGN,OAAO,IAAIC,UAAA,IAAc,EAAE,IAAIC,QAAA,GAAW,MAAM,EAAE,IAAIE,KAAA,IAAS,EAAE,IAAIC,IAAA,IAAQ,EAAE;IAC9F,IAAIE,GAAA,GAAMX,QAAA,CAASY,GAAA,CAAIF,GAAG;IAC1B,IAAI,CAACC,GAAA,EAAK;MACRA,GAAA,GAAM,IAAId,SAAA,CAAUO,OAAA,EAAS;QAC3BE,QAAA;QACAE,KAAA;QACAC,IAAA,EAAOA,IAAA,KAAS,WAAW,WAAWA,IAAA,GAAO,UAAU;QACvDI,eAAA,EAAiBR,UAAA,GAAa;UAAEA;QAAW,IAAI;MACjD,CAAC;MACDL,QAAA,CAASc,GAAA,CAAIJ,GAAA,EAAKC,GAAG;IACvB;IACA,OAAOA,GAAA;EACT,GAAG,CAACP,OAAA,EAASC,UAAA,EAAYC,QAAA,EAAUE,KAAA,EAAOC,IAAI,CAAC;AACjD","ignoreList":[]}

package/dist/jsx/shared/useFrappeApp.native.js

@@ -0,0 +1,60 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var useFrappeApp_exports = {};
+__export(useFrappeApp_exports, {
+  useFrappeApp: () => useFrappeApp
+});
+module.exports = __toCommonJS(useFrappeApp_exports);
+var import_frappe = require("@multiplatform.one/frappe");
+var import_frappe_ui = require("@multiplatform.one/frappe-ui");
+var import_react = require("react");
+var appCache = /* @__PURE__ */new Map();
+function useFrappeApp() {
+  var _config_auth, _config_auth1, _config_auth2;
+  var config = (0, import_frappe_ui.useFrappeConfig)();
+  var baseURL = config === null || config === void 0 ? void 0 : config.baseURL;
+  var socketPort = config === null || config === void 0 ? void 0 : config.socketPort;
+  var useToken = config === null || config === void 0 ? void 0 : (_config_auth = config.auth) === null || _config_auth === void 0 ? void 0 : _config_auth.useToken;
+  var token = config === null || config === void 0 ? void 0 : (_config_auth1 = config.auth) === null || _config_auth1 === void 0 ? void 0 : _config_auth1.token;
+  var type = config === null || config === void 0 ? void 0 : (_config_auth2 = config.auth) === null || _config_auth2 === void 0 ? void 0 : _config_auth2.type;
+  return (0, import_react.useMemo)(function () {
+    if (!baseURL) return void 0;
+    var key = `${baseURL}|${socketPort !== null && socketPort !== void 0 ? socketPort : ""}|${useToken ? "t" : ""}|${token !== null && token !== void 0 ? token : ""}|${type !== null && type !== void 0 ? type : ""}`;
+    var app = appCache.get(key);
+    if (!app) {
+      app = new import_frappe.FrappeApp(baseURL, {
+        useToken,
+        token,
+        type: type === "Bearer" ? "Bearer" : type ? "token" : void 0,
+        realtimeOptions: socketPort ? {
+          socketPort
+        } : void 0
+      });
+      appCache.set(key, app);
+    }
+    return app;
+  }, [baseURL, socketPort, useToken, token, type]);
+}
+//# sourceMappingURL=useFrappeApp.native.js.map

package/dist/jsx/shared/useFrappeApp.native.js.map

@@ -0,0 +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","useFrappeApp_exports","useFrappeApp","module","exports","import_frappe","require","import_frappe_ui","import_react","appCache","Map"],"sources":["../../../src/shared/useFrappeApp.ts"],"sourcesContent":[null],"mappings":"AAAA,YAAS;;AACT,IAAAA,SAAS,GAAAC,MAAA,CAAAC,cAAuB;AAChC,IAAAC,gBAAS,GAAAF,MAAe,CAAAG,wBAAA;AAExB,IAAAC,iBAAiB,GAAAJ,MAAA,CAAAK,mBAA2B;AASrC,IAAAC,YAAS,GAAAN,MAAsC,CAAAO,SAAA,CAAAC,cAAA;AACpD,IAAAC,QAAM,GAAAA,CAAAC,MAAS,EAAAC,GAAA;EACf,SAAMC,IAAA,IAAUD,GAAA,EAIhBZ,SAAM,CAAAW,MAAA,EAAaE,IAAA;IAAQC,GAAA,EAAAF,GAAA,CAAAC,IAAA;IAAAE,UAAA;EAAA;AAC3B;AACA,IAAAC,WAAM,GAAQA,CAAAC,EAAA,EAAAC,IAAQ,EAAAC,MAAM,EAAAC,IAAA;EAC5B,IAAAF,IAAM,WAAOA,IAAQ,KAAM,mBAAAA,IAAA;IAC3B,KAAO,IAAAG,GAAA,IAAQhB,iBAAM,CAAAa,IAAA,GACnB,IAAK,CAAAX,YAAS,CAAAe,IAAO,CAAAL,EAAA,EAAAI,GAAA,KAAAA,GAAA,KAAAF,MAAA,EACrBnB,SAAY,CAAAiB,EAAG,EAAAI,GAAA,EAAO;MAAAP,GAAI,EAAAA,CAAA,KAAAI,IAAc,CAAAG,GAAE;MAAIN,UAAW,IAAAK,IAAQ,GAAAjB,gBAAmB,CAAAe,IAAA,EAAAG,GAAU,MAAAD,IAAA,CAAAL;IAAA;EAC9F;EACA,OAAKE,EAAA;AACH;AAA6B,IAAAM,YAC3B,GAAAC,GAAA,IAAAR,WAAA,CAAAhB,SAAA;EAAAyB,KAAA;AAAA,IAAAD,GAAA;AAAA,IAAAE,oBACA;AAAAhB,QACA,CAAAgB,oBAAgB;EAAuCC,YACvD,EAAAA,CAAA,KAAAA;AAA+C;AAEjDC,MAAA,CAAAC,OAAA,GAASN,YAAY,CAAAG,oBAAA;AAAA,IACvBI,aAAA,GAAAC,OAAA;AACA,IAAAC,gBAAO,GAAAD,OAAA;AAAA,IACTE,YAAa,GAAAF,OAAA,CAAY;AAC3B,IAAAG,QAAA,sBAAAC,GAAA","ignoreList":[]}

package/dist/jsx/shell/BackofficeShell.mjs

@@ -0,0 +1,169 @@
+import { Button, SizableText, XStack, YStack, isWeb } from "@multiplatform.one/components";
+import { useLayoutSizeClass, useResolvedKnobs } from "@multiplatform.one/theme";
+import { ListIcon, XIcon } from "@phosphor-icons/react";
+import { useEffect, useRef, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { BackofficeAwesomebar } from "../chrome/BackofficeAwesomebar.mjs";
+import { HelpMenu } from "../chrome/HelpMenu.mjs";
+import { NotificationsButton } from "../chrome/NotificationsButton.mjs";
+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 { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function useIsNarrow() {
+  return useLayoutSizeClass() === "compact";
+}
+function BackofficeShell({
+  children,
+  activePath,
+  onNavigate
+}) {
+  const {
+    t
+  } = useTranslation(BACKOFFICE_I18N_NAMESPACE);
+  const {
+    knobProps
+  } = useResolvedKnobs();
+  const capabilities = useBackofficeCapabilities();
+  const slots = useBackofficeSlots();
+  const navigator = useBackofficeNavigator();
+  const location = useBackofficeLocation();
+  const paths = useBackofficePaths();
+  const isNarrow = useIsNarrow();
+  const [drawerOpen, setDrawerOpen] = useState(false);
+  const resolvedActivePath = activePath ?? location.path;
+  const navigate = onNavigate ?? navigator.navigate;
+  const sidebarEnabled = capabilities.sidebar.enabled;
+  const awesomebarRef = useRef(null);
+  useBackofficeShortcuts({
+    onFocusSearch: capabilities.awesomebar.enabled ? () => awesomebarRef.current?.focus() : void 0
+  });
+  useEffect(() => {
+    if (!isNarrow) setDrawerOpen(false);
+  }, [isNarrow]);
+  useEffect(() => {
+    if (!isWeb || typeof document === "undefined" || !drawerOpen) return;
+    const onKeyDown = event => {
+      if (event.key === "Escape") setDrawerOpen(false);
+    };
+    document.addEventListener("keydown", onKeyDown);
+    return () => document.removeEventListener("keydown", onKeyDown);
+  }, [drawerOpen]);
+  const handleNavigate = path => {
+    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 headerContent = /* @__PURE__ */jsxs(Fragment, {
+    children: [isNarrow && sidebarEnabled && /* @__PURE__ */jsx(Button, {
+      chromeless: true,
+      circular: true,
+      size: "$3",
+      icon: drawerOpen ? XIcon : ListIcon,
+      "aria-label": t("shell.toggleSidebar", "Toggle sidebar"),
+      "aria-expanded": drawerOpen,
+      onPress: () => setDrawerOpen(open => !open),
+      "data-testid": "backoffice-sidebar-toggle"
+    }), /* @__PURE__ */jsx(Button, {
+      chromeless: true,
+      size: "$3",
+      paddingHorizontal: "$2",
+      onPress: () => handleNavigate(paths.home()),
+      "aria-label": t("shell.home", "Home"),
+      "data-testid": "backoffice-home",
+      children: /* @__PURE__ */jsx(SizableText, {
+        size: "$5",
+        fontWeight: "700",
+        children: t("shell.title", "Backoffice")
+      })
+    }), /* @__PURE__ */jsx(XStack, {
+      flex: 1,
+      minWidth: 0,
+      justifyContent: "center",
+      children: capabilities.awesomebar.enabled && /* @__PURE__ */jsx(XStack, {
+        flex: 1,
+        maxWidth: 560,
+        minWidth: 0,
+        children: /* @__PURE__ */jsx(BackofficeAwesomebar, {
+          focusRef: awesomebarRef
+        })
+      })
+    }), /* @__PURE__ */jsxs(XStack, {
+      alignItems: "center",
+      gap: "$1",
+      flexShrink: 0,
+      children: [capabilities.notifications.enabled && /* @__PURE__ */jsx(NotificationsButton, {}), capabilities.help.enabled && /* @__PURE__ */jsx(HelpMenu, {}), capabilities.userMenu.enabled && /* @__PURE__ */jsx(UserMenu, {})]
+    })]
+  });
+  return /* @__PURE__ */jsxs(YStack, {
+    flex: 1,
+    height: "100%",
+    width: "100%",
+    overflow: "hidden",
+    "data-testid": "backoffice-shell",
+    children: [/* @__PURE__ */jsx(XStack, {
+      role: "banner",
+      ...knobProps.surface,
+      borderWidth: 0,
+      borderBottomWidth: surfaceBorderWidth,
+      borderBottomColor: knobProps.surface.borderColor,
+      alignItems: "center",
+      paddingHorizontal: "$3",
+      paddingVertical: "$2",
+      gap: "$2",
+      flexShrink: 0,
+      children: slots.renderShellHeader ? slots.renderShellHeader({
+        defaultContent: headerContent
+      }) : headerContent
+    }), /* @__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: [/* @__PURE__ */jsx(YStack, {
+          position: "absolute",
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0,
+          backgroundColor: "$shadowColor",
+          opacity: 0.5,
+          zIndex: 10,
+          onPress: () => setDrawerOpen(false),
+          "data-testid": "backoffice-sidebar-scrim"
+        }), /* @__PURE__ */jsx(YStack, {
+          role: "navigation",
+          position: "absolute",
+          top: 0,
+          left: 0,
+          bottom: 0,
+          zIndex: 11,
+          backgroundColor: "$background",
+          "data-testid": "backoffice-sidebar-drawer",
+          children: sidebarContent
+        })]
+      }), /* @__PURE__ */jsx(YStack, {
+        role: "main",
+        flex: 1,
+        minWidth: 0,
+        children
+      })]
+    })]
+  });
+}
+export { BackofficeShell };
+//# sourceMappingURL=BackofficeShell.mjs.map

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

@@ -0,0 +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":"AAaA,SAASA,MAAA,EAAQC,WAAA,EAAaC,MAAA,EAAQC,MAAA,EAAQC,KAAA,QAAa;AAC3D,SAASC,kBAAA,EAAoBC,gBAAA,QAAwB;AACrD,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,gBAAA,QAAwB;AAmE7B,SAAAC,QAAA,EACEC,GAAA,EADFC,IAAA;AApDJ,SAASC,YAAA,EAAuB;EAC9B,OAAOvB,kBAAA,CAAmB,MAAM;AAClC;AAEO,SAASwB,gBAAgB;EAAEC,QAAA;EAAUC,UAAA;EAAYC;AAAW,GAAyB;EAC1F,MAAM;IAAEC;EAAE,IAAIrB,cAAA,CAAeW,yBAAyB;EACtD,MAAM;IAAEW;EAAU,IAAI5B,gBAAA,CAAiB;EACvC,MAAM6B,YAAA,GAAejB,yBAAA,CAA0B;EAC/C,MAAMkB,KAAA,GAAQd,kBAAA,CAAmB;EACjC,MAAMe,SAAA,GAAYjB,sBAAA,CAAuB;EACzC,MAAMkB,QAAA,GAAWnB,qBAAA,CAAsB;EACvC,MAAMoB,KAAA,GAAQlB,kBAAA,CAAmB;EACjC,MAAMmB,QAAA,GAAWZ,WAAA,CAAY;EAC7B,MAAM,CAACa,UAAA,EAAYC,aAAa,IAAI/B,QAAA,CAAS,KAAK;EAElD,MAAMgC,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,GAAgBvC,MAAA,CAAmC,IAAI;EAC7DM,sBAAA,CAAuB;IACrBkC,aAAA,EAAef,YAAA,CAAagB,UAAA,CAAWH,OAAA,GACnC,MAAMC,aAAA,CAAcG,OAAA,EAASC,KAAA,CAAM,IACnC;EACN,CAAC;EAGD5C,SAAA,CAAU,MAAM;IACd,IAAI,CAAC+B,QAAA,EAAUE,aAAA,CAAc,KAAK;EACpC,GAAG,CAACF,QAAQ,CAAC;EAGb/B,SAAA,CAAU,MAAM;IACd,IAAI,CAACL,KAAA,IAAS,OAAOkD,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,kBAAA,GAAqB3B,SAAA,CAAU4B,OAAA,CAAQC,WAAA;EAE7C,MAAMC,cAAA,GACJ,eAAArC,IAAA,CAAAF,QAAA;IACEK,QAAA,kBAAAJ,GAAA,CAACF,gBAAA;MAAiBO,UAAA,EAAYY,kBAAA;MAAoBX,UAAA,EAAY4B;IAAA,CAAgB,GAC7ExB,KAAA,CAAM6B,mBAAA,GAAsB;EAAA,CAC/B;EAGF,MAAMC,aAAA,GACJ,eAAAvC,IAAA,CAAAF,QAAA;IACGK,QAAA,GAAAU,QAAA,IAAYM,cAAA,IACX,eAAApB,GAAA,CAAC1B,MAAA;MACCmE,UAAA,EAAU;MACVC,QAAA,EAAQ;MACRC,IAAA,EAAK;MACLC,IAAA,EAAM7B,UAAA,GAAajC,KAAA,GAAQD,QAAA;MAC3B,cAAY0B,CAAA,CAAE,uBAAuB,gBAAgB;MACrD,iBAAeQ,UAAA;MACf8B,OAAA,EAASA,CAAA,KAAM7B,aAAA,CAAe8B,IAAA,IAAS,CAACA,IAAI;MAC5C,eAAY;IAAA,CACd,GAEF,eAAA9C,GAAA,CAAC1B,MAAA;MACCmE,UAAA,EAAU;MACVE,IAAA,EAAK;MACLI,iBAAA,EAAkB;MAClBF,OAAA,EAASA,CAAA,KAAMX,cAAA,CAAerB,KAAA,CAAMmC,IAAA,CAAK,CAAC;MAC1C,cAAYzC,CAAA,CAAE,cAAc,MAAM;MAClC,eAAY;MAEZH,QAAA,iBAAAJ,GAAA,CAACzB,WAAA;QAAYoE,IAAA,EAAK;QAAKM,UAAA,EAAW;QAC/B7C,QAAA,EAAAG,CAAA,CAAE,eAAe,YAAY;MAAA,CAChC;IAAA,CACF,GAIA,eAAAP,GAAA,CAACxB,MAAA;MAAO0E,IAAA,EAAM;MAAGC,QAAA,EAAU;MAAGC,cAAA,EAAe;MAC1ChD,QAAA,EAAAK,YAAA,CAAagB,UAAA,CAAWH,OAAA,IACvB,eAAAtB,GAAA,CAACxB,MAAA;QAAO0E,IAAA,EAAM;QAAGG,QAAA,EAAU;QAAKF,QAAA,EAAU;QACxC/C,QAAA,iBAAAJ,GAAA,CAACb,oBAAA;UAAqBmE,QAAA,EAAU/B;QAAA,CAAe;MAAA,CACjD;IAAA,CAEJ,GAGA,eAAAtB,IAAA,CAACzB,MAAA;MAAO+E,UAAA,EAAW;MAASC,GAAA,EAAI;MAAKC,UAAA,EAAY;MAC9CrD,QAAA,GAAAK,YAAA,CAAaiD,aAAA,CAAcpC,OAAA,IAAW,eAAAtB,GAAA,CAACX,mBAAA,IAAoB,GAC3DoB,YAAA,CAAakD,IAAA,CAAKrC,OAAA,IAAW,eAAAtB,GAAA,CAACZ,QAAA,IAAS,GACvCqB,YAAA,CAAamD,QAAA,CAAStC,OAAA,IAAW,eAAAtB,GAAA,CAACT,QAAA,IAAS;IAAA,CAC9C;EAAA,CACF;EAGF,OACE,eAAAU,IAAA,CAACxB,MAAA;IAAOyE,IAAA,EAAM;IAAGW,MAAA,EAAO;IAAOC,KAAA,EAAM;IAAOC,QAAA,EAAS;IAAS,eAAY;IAExE3D,QAAA,kBAAAJ,GAAA,CAACxB,MAAA;MACCwF,IAAA,EAAK;MACJ,GAAGxD,SAAA,CAAU4B,OAAA;MAGdC,WAAA,EAAa;MACb4B,iBAAA,EAAmB9B,kBAAA;MACnB+B,iBAAA,EAAmB1D,SAAA,CAAU4B,OAAA,CAAQ+B,WAAA;MACrCZ,UAAA,EAAW;MACXR,iBAAA,EAAkB;MAClBqB,eAAA,EAAgB;MAChBZ,GAAA,EAAI;MACJC,UAAA,EAAY;MAEXrD,QAAA,EAAAM,KAAA,CAAM2D,iBAAA,GACH3D,KAAA,CAAM2D,iBAAA,CAAkB;QAAEC,cAAA,EAAgB9B;MAAc,CAAC,IACzDA;IAAA,CACN,GAEA,eAAAvC,IAAA,CAACzB,MAAA;MAAO0E,IAAA,EAAM;MAAGC,QAAA,EAAU;MAAGoB,QAAA,EAAS;MAAWR,QAAA,EAAS;MAExD3D,QAAA,GAAAgB,cAAA,IAAkB,CAACN,QAAA,IAClB,eAAAd,GAAA,CAACvB,MAAA;QAAOuF,IAAA,EAAK;QAAaP,UAAA,EAAY;QAAG,eAAY;QAClDrD,QAAA,EAAAkC;MAAA,CACH,GAIDlB,cAAA,IAAkBN,QAAA,IAAYC,UAAA,IAC7B,eAAAd,IAAA,CAAAF,QAAA;QACEK,QAAA,kBAAAJ,GAAA,CAACvB,MAAA;UACC8F,QAAA,EAAS;UACTC,GAAA,EAAK;UACLC,IAAA,EAAM;UACNC,KAAA,EAAO;UACPC,MAAA,EAAQ;UACRC,eAAA,EAAgB;UAChBC,OAAA,EAAS;UACTC,MAAA,EAAQ;UACRjC,OAAA,EAASA,CAAA,KAAM7B,aAAA,CAAc,KAAK;UAClC,eAAY;QAAA,CACd,GACA,eAAAhB,GAAA,CAACvB,MAAA;UACCuF,IAAA,EAAK;UACLO,QAAA,EAAS;UACTC,GAAA,EAAK;UACLC,IAAA,EAAM;UACNE,MAAA,EAAQ;UACRG,MAAA,EAAQ;UACRF,eAAA,EAAgB;UAChB,eAAY;UAEXxE,QAAA,EAAAkC;QAAA,CACH;MAAA,CACF,GAIF,eAAAtC,GAAA,CAACvB,MAAA;QAAOuF,IAAA,EAAK;QAAOd,IAAA,EAAM;QAAGC,QAAA,EAAU;QACpC/C;MAAA,CACH;IAAA,CACF;EAAA,CACF;AAEJ","ignoreList":[]}

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

@@ -0,0 +1,223 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var BackofficeShell_exports = {};
+__export(BackofficeShell_exports, {
+  BackofficeShell: () => BackofficeShell
+});
+module.exports = __toCommonJS(BackofficeShell_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_components = require("@multiplatform.one/components");
+var import_theme = require("@multiplatform.one/theme");
+var import_react = require("@phosphor-icons/react");
+var import_react2 = require("react");
+var import_react_i18next = require("react-i18next");
+var import_BackofficeAwesomebar = require("../chrome/BackofficeAwesomebar.native.js");
+var import_HelpMenu = require("../chrome/HelpMenu.native.js");
+var import_NotificationsButton = require("../chrome/NotificationsButton.native.js");
+var import_shortcuts = require("../chrome/shortcuts.native.js");
+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");
+function useIsNarrow() {
+  return (0, import_theme.useLayoutSizeClass)() === "compact";
+}
+function BackofficeShell(param) {
+  var {
+    children,
+    activePath,
+    onNavigate
+  } = param;
+  var _slots_renderSidebarFooter;
+  var {
+    t
+  } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  var {
+    knobProps
+  } = (0, import_theme.useResolvedKnobs)();
+  var capabilities = (0, import_BackofficeProvider.useBackofficeCapabilities)();
+  var slots = (0, import_BackofficeProvider.useBackofficeSlots)();
+  var navigator = (0, import_BackofficeProvider.useBackofficeNavigator)();
+  var location = (0, import_BackofficeProvider.useBackofficeLocation)();
+  var paths = (0, import_BackofficeProvider.useBackofficePaths)();
+  var isNarrow = useIsNarrow();
+  var [drawerOpen, setDrawerOpen] = (0, import_react2.useState)(false);
+  var resolvedActivePath = activePath !== null && activePath !== void 0 ? activePath : location.path;
+  var navigate = onNavigate !== null && onNavigate !== void 0 ? onNavigate : navigator.navigate;
+  var sidebarEnabled = capabilities.sidebar.enabled;
+  var awesomebarRef = (0, import_react2.useRef)(null);
+  (0, import_shortcuts.useBackofficeShortcuts)({
+    onFocusSearch: capabilities.awesomebar.enabled ? function () {
+      var _awesomebarRef_current;
+      return (_awesomebarRef_current = awesomebarRef.current) === null || _awesomebarRef_current === void 0 ? void 0 : _awesomebarRef_current.focus();
+    } : void 0
+  });
+  (0, import_react2.useEffect)(function () {
+    if (!isNarrow) setDrawerOpen(false);
+  }, [isNarrow]);
+  (0, import_react2.useEffect)(function () {
+    if (!import_components.isWeb || typeof document === "undefined" || !drawerOpen) return;
+    var onKeyDown = function onKeyDown2(event) {
+      if (event.key === "Escape") setDrawerOpen(false);
+    };
+    document.addEventListener("keydown", onKeyDown);
+    return function () {
+      return document.removeEventListener("keydown", onKeyDown);
+    };
+  }, [drawerOpen]);
+  var handleNavigate = function handleNavigate2(path) {
+    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 headerContent = /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
+    children: [isNarrow && sidebarEnabled && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Button, {
+      chromeless: true,
+      circular: true,
+      size: "$3",
+      icon: drawerOpen ? import_react.XIcon : import_react.ListIcon,
+      "aria-label": t("shell.toggleSidebar", "Toggle sidebar"),
+      "aria-expanded": drawerOpen,
+      onPress: function onPress() {
+        return setDrawerOpen(function (open) {
+          return !open;
+        });
+      },
+      "data-testid": "backoffice-sidebar-toggle"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Button, {
+      chromeless: true,
+      size: "$3",
+      paddingHorizontal: "$2",
+      onPress: function onPress() {
+        return handleNavigate(paths.home());
+      },
+      "aria-label": t("shell.home", "Home"),
+      "data-testid": "backoffice-home",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.SizableText, {
+        size: "$5",
+        fontWeight: "700",
+        children: t("shell.title", "Backoffice")
+      })
+    }),
+    /* Centered awesomebar (the flex spacer keeps the right chrome pinned
+    when the awesomebar capability is off) */
+    /* @__PURE__ */
+    (0, import_jsx_runtime.jsx)(import_components.XStack, {
+      flex: 1,
+      minWidth: 0,
+      justifyContent: "center",
+      children: capabilities.awesomebar.enabled && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.XStack, {
+        flex: 1,
+        maxWidth: 560,
+        minWidth: 0,
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_BackofficeAwesomebar.BackofficeAwesomebar, {
+          focusRef: awesomebarRef
+        })
+      })
+    }), /* Right chrome */
+    /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_components.XStack, {
+      alignItems: "center",
+      gap: "$1",
+      flexShrink: 0,
+      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, {})]
+    })]
+  });
+  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 */
+    /* @__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,
+      alignItems: "center",
+      paddingHorizontal: "$3",
+      paddingVertical: "$2",
+      gap: "$2",
+      flexShrink: 0,
+      children: slots.renderShellHeader ? slots.renderShellHeader({
+        defaultContent: headerContent
+      }) : headerContent
+    }), /* @__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 */
+      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",
+          top: 0,
+          left: 0,
+          right: 0,
+          bottom: 0,
+          backgroundColor: "$shadowColor",
+          opacity: 0.5,
+          zIndex: 10,
+          onPress: function onPress() {
+            return setDrawerOpen(false);
+          },
+          "data-testid": "backoffice-sidebar-scrim"
+        }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+          role: "navigation",
+          position: "absolute",
+          top: 0,
+          left: 0,
+          bottom: 0,
+          zIndex: 11,
+          backgroundColor: "$background",
+          "data-testid": "backoffice-sidebar-drawer",
+          children: sidebarContent
+        })]
+      }), /* Routed content — pages own their own headers/breadcrumbs */
+      /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+        role: "main",
+        flex: 1,
+        minWidth: 0,
+        children
+      })]
+    })]
+  });
+}
+//# sourceMappingURL=BackofficeShell.native.js.map

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

@@ -0,0 +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":[]}

package/dist/jsx/shell/WorkspaceSidebar.mjs

@@ -0,0 +1,89 @@
+import { Sidebar, Spinner, XStack, YStack } from "@multiplatform.one/components";
+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";
+const WORKSPACE_SIDEBAR_WIDTH = 250;
+function workspaceItem(workspace, depth, paths, activePath, onNavigate) {
+  const path = paths.workspace(workspace.name);
+  const IconComponent = workspaceIcon(workspace.icon);
+  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.
+  /* @__PURE__ */
+  jsx(XStack, {
+    paddingLeft: depth > 0 ? depth * 16 : 0,
+    children: /* @__PURE__ */jsx(IconComponent, {
+      size: 16
+    })
+  });
+  return {
+    label: workspace.title || workspace.name,
+    value: path,
+    icon,
+    active: activePath === path,
+    onPress: onNavigate ? () => onNavigate(path) : void 0
+  };
+}
+function flattenTree(roots, childrenByParent, paths, activePath, onNavigate, depth = 0) {
+  const items = [];
+  for (const workspace of roots) {
+    items.push(workspaceItem(workspace, depth, paths, activePath, onNavigate));
+    const children = childrenByParent.get(workspace.name);
+    if (children?.length) {
+      items.push(...flattenTree(children, childrenByParent, paths, activePath, onNavigate, depth + 1));
+    }
+  }
+  return items;
+}
+function WorkspaceSidebar({
+  activePath,
+  onNavigate
+}) {
+  const {
+    t
+  } = useTranslation(BACKOFFICE_I18N_NAMESPACE);
+  const paths = useBackofficePaths();
+  const {
+    privateWorkspaces,
+    publicRoots,
+    childrenByParent,
+    isLoading
+  } = useWorkspaces();
+  const sections = useMemo(() => {
+    const result = [];
+    if (privateWorkspaces.length > 0) {
+      result.push({
+        title: t("sidebar.private", "Private"),
+        items: privateWorkspaces.map(workspace => workspaceItem(workspace, 0, paths, activePath, onNavigate))
+      });
+    }
+    if (publicRoots.length > 0) {
+      result.push({
+        title: t("sidebar.public", "Public"),
+        items: flattenTree(publicRoots, childrenByParent, paths, activePath, onNavigate)
+      });
+    }
+    return result;
+  }, [privateWorkspaces, publicRoots, childrenByParent, paths, activePath, onNavigate, t]);
+  if (isLoading && sections.length === 0) {
+    return /* @__PURE__ */jsx(YStack, {
+      width: WORKSPACE_SIDEBAR_WIDTH,
+      alignItems: "center",
+      paddingTop: "$6",
+      "aria-label": t("sidebar.loading", "Loading workspaces"),
+      children: /* @__PURE__ */jsx(Spinner, {
+        size: "small"
+      })
+    });
+  }
+  return /* @__PURE__ */jsx(Sidebar, {
+    sections,
+    width: WORKSPACE_SIDEBAR_WIDTH
+  });
+}
+export { WORKSPACE_SIDEBAR_WIDTH, WorkspaceSidebar };
+//# sourceMappingURL=WorkspaceSidebar.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Sidebar","Spinner","XStack","YStack","useMemo","useTranslation","useBackofficePaths","BACKOFFICE_I18N_NAMESPACE","useWorkspaces","workspaceIcon","jsx","WORKSPACE_SIDEBAR_WIDTH","workspaceItem","workspace","depth","paths","activePath","onNavigate","path","name","IconComponent","icon","paddingLeft","children","size","label","title","value","active","onPress","flattenTree","roots","childrenByParent","items","push","get","length","WorkspaceSidebar","t","privateWorkspaces","publicRoots","isLoading","sections","result","map","width","alignItems","paddingTop"],"sources":["../../../src/shell/WorkspaceSidebar.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}