@multiplatform.one/backoffice 6.3.0

package/dist/esm/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/esm/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":"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","ignoreList":[]}

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

@@ -0,0 +1,195 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+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.native.js";
+import { HelpMenu } from "../chrome/HelpMenu.native.js";
+import { NotificationsButton } from "../chrome/NotificationsButton.native.js";
+import { useBackofficeShortcuts } from "../chrome/shortcuts.native.js";
+import { UserMenu } from "../chrome/UserMenu.native.js";
+import { useBackofficeCapabilities, useBackofficeLocation, useBackofficeNavigator, useBackofficePaths, useBackofficeSlots } from "../config/BackofficeProvider.native.js";
+import { BACKOFFICE_I18N_NAMESPACE } from "../i18n/index.native.js";
+import { WorkspaceSidebar } from "./WorkspaceSidebar.native.js";
+function useIsNarrow() {
+  return useLayoutSizeClass() === "compact";
+}
+function BackofficeShell(param) {
+  var {
+    children,
+    activePath,
+    onNavigate
+  } = param;
+  var _slots_renderSidebarFooter;
+  var {
+    t
+  } = useTranslation(BACKOFFICE_I18N_NAMESPACE);
+  var {
+    knobProps
+  } = useResolvedKnobs();
+  var capabilities = useBackofficeCapabilities();
+  var slots = useBackofficeSlots();
+  var navigator = useBackofficeNavigator();
+  var location = useBackofficeLocation();
+  var paths = useBackofficePaths();
+  var isNarrow = useIsNarrow();
+  var [drawerOpen, setDrawerOpen] = 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 = useRef(null);
+  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
+  });
+  useEffect(function () {
+    if (!isNarrow) setDrawerOpen(false);
+  }, [isNarrow]);
+  useEffect(function () {
+    if (!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__ */_jsxs(_Fragment, {
+    children: [/* @__PURE__ */_jsx(WorkspaceSidebar, {
+      activePath: resolvedActivePath,
+      onNavigate: handleNavigate
+    }), (_slots_renderSidebarFooter = slots.renderSidebarFooter) === null || _slots_renderSidebarFooter === void 0 ? void 0 : _slots_renderSidebarFooter.call(slots)]
+  });
+  var 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: function onPress() {
+        return setDrawerOpen(function (open) {
+          return !open;
+        });
+      },
+      "data-testid": "backoffice-sidebar-toggle"
+    }), /* @__PURE__ */_jsx(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__ */_jsx(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__ */
+    _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
+        })
+      })
+    }), /* Right chrome */
+    /* @__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: [/* Top navbar */
+    /* @__PURE__ */_jsx(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__ */_jsxs(XStack, {
+      flex: 1,
+      minWidth: 0,
+      position: "relative",
+      overflow: "hidden",
+      children: [/* Desktop rail — in flow */
+      sidebarEnabled && !isNarrow && /* @__PURE__ */_jsx(YStack, {
+        role: "navigation",
+        flexShrink: 0,
+        "data-testid": "backoffice-sidebar-rail",
+        children: sidebarContent
+      }), /* Narrow drawer + scrim */
+      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: function onPress() {
+            return 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
+        })]
+      }), /* Routed content — pages own their own headers/breadcrumbs */
+      /* @__PURE__ */_jsx(YStack, {
+        role: "main",
+        flex: 1,
+        minWidth: 0,
+        children
+      })]
+    })]
+  });
+}
+export { BackofficeShell };
+//# sourceMappingURL=BackofficeShell.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","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","useIsNarrow","BackofficeShell","param","children","activePath","onNavigate","_slots_renderSidebarFooter","t","knobProps","capabilities","slots","navigator","location","paths","isNarrow","drawerOpen","setDrawerOpen","resolvedActivePath","path","navigate","sidebarEnabled","sidebar","enabled","awesomebarRef","onFocusSearch","awesomebar","_awesomebarRef_current","current","focus","document","onKeyDown","onKeyDown2","event","key","addEventListener","removeEventListener","handleNavigate","handleNavigate2","surfaceBorderWidth","surface","borderWidth","sidebarContent","renderSidebarFooter","call","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"],"sources":["../../../src/shell/BackofficeShell.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/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/esm/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":[]}

package/dist/esm/shell/WorkspaceSidebar.native.js

@@ -0,0 +1,114 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Sidebar, Spinner, XStack, YStack } from "@multiplatform.one/components";
+import { useMemo } from "react";
+import { useTranslation } from "react-i18next";
+import { useBackofficePaths } from "../config/BackofficeProvider.native.js";
+import { BACKOFFICE_I18N_NAMESPACE } from "../i18n/index.native.js";
+import { useWorkspaces } from "./useWorkspaces.native.js";
+import { workspaceIcon } from "./workspaceIcons.native.js";
+var WORKSPACE_SIDEBAR_WIDTH = 250;
+function workspaceItem(workspace, depth, paths, activePath, onNavigate) {
+  var path = paths.workspace(workspace.name);
+  var IconComponent = workspaceIcon(workspace.icon);
+  var 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 ? function () {
+      return onNavigate(path);
+    } : void 0
+  };
+}
+function flattenTree(roots, childrenByParent, paths, activePath, onNavigate) {
+  var depth = arguments.length > 5 && arguments[5] !== void 0 ? arguments[5] : 0;
+  var items = [];
+  var _iteratorNormalCompletion = true,
+    _didIteratorError = false,
+    _iteratorError = void 0;
+  try {
+    for (var _iterator = roots[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      var workspace = _step.value;
+      items.push(workspaceItem(workspace, depth, paths, activePath, onNavigate));
+      var children = childrenByParent.get(workspace.name);
+      if (children === null || children === void 0 ? void 0 : children.length) {
+        items.push(...flattenTree(children, childrenByParent, paths, activePath, onNavigate, depth + 1));
+      }
+    }
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return != null) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+  return items;
+}
+function WorkspaceSidebar(param) {
+  var {
+    activePath,
+    onNavigate
+  } = param;
+  var {
+    t
+  } = useTranslation(BACKOFFICE_I18N_NAMESPACE);
+  var paths = useBackofficePaths();
+  var {
+    privateWorkspaces,
+    publicRoots,
+    childrenByParent,
+    isLoading
+  } = useWorkspaces();
+  var sections = useMemo(function () {
+    var result = [];
+    if (privateWorkspaces.length > 0) {
+      result.push({
+        title: t("sidebar.private", "Private"),
+        items: privateWorkspaces.map(function (workspace) {
+          return 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.native.js.map

package/dist/esm/shell/WorkspaceSidebar.native.js.map

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