@multiplatform.one/backoffice 6.3.0

package/dist/cjs/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/cjs/shell/BackofficeShell.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","BackofficeShell_exports","__export","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","key","addEventListener","removeEventListener","handleNavigate","handleNavigate2","surfaceBorderWidth","surface","borderWidth","sidebarContent","jsxs","Fragment","jsx","WorkspaceSidebar","renderSidebarFooter","call","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","YStack","height","width","overflow","role"],"sources":["../../../src/shell/BackofficeShell.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/shell/WorkspaceSidebar.cjs

@@ -0,0 +1,115 @@
+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 WorkspaceSidebar_exports = {};
+__export(WorkspaceSidebar_exports, {
+  WORKSPACE_SIDEBAR_WIDTH: () => WORKSPACE_SIDEBAR_WIDTH,
+  WorkspaceSidebar: () => WorkspaceSidebar
+});
+module.exports = __toCommonJS(WorkspaceSidebar_exports);
+var import_components = require("@multiplatform.one/components");
+var import_react = require("react");
+var import_react_i18next = require("react-i18next");
+var import_BackofficeProvider = require("../config/BackofficeProvider.cjs");
+var import_i18n = require("../i18n/index.cjs");
+var import_useWorkspaces = require("./useWorkspaces.cjs");
+var import_workspaceIcons = require("./workspaceIcons.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+const WORKSPACE_SIDEBAR_WIDTH = 250;
+function workspaceItem(workspace, depth, paths, activePath, onNavigate) {
+  const path = paths.workspace(workspace.name);
+  const IconComponent = (0, import_workspaceIcons.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__ */
+  (0, import_jsx_runtime.jsx)(import_components.XStack, {
+    paddingLeft: depth > 0 ? depth * 16 : 0,
+    children: /* @__PURE__ */(0, import_jsx_runtime.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
+  } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  const paths = (0, import_BackofficeProvider.useBackofficePaths)();
+  const {
+    privateWorkspaces,
+    publicRoots,
+    childrenByParent,
+    isLoading
+  } = (0, import_useWorkspaces.useWorkspaces)();
+  const sections = (0, import_react.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__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+      width: WORKSPACE_SIDEBAR_WIDTH,
+      alignItems: "center",
+      paddingTop: "$6",
+      "aria-label": t("sidebar.loading", "Loading workspaces"),
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Spinner, {
+        size: "small"
+      })
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Sidebar, {
+    sections,
+    width: WORKSPACE_SIDEBAR_WIDTH
+  });
+}

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

@@ -0,0 +1,143 @@
+"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 WorkspaceSidebar_exports = {};
+__export(WorkspaceSidebar_exports, {
+  WORKSPACE_SIDEBAR_WIDTH: () => WORKSPACE_SIDEBAR_WIDTH,
+  WorkspaceSidebar: () => WorkspaceSidebar
+});
+module.exports = __toCommonJS(WorkspaceSidebar_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_components = require("@multiplatform.one/components");
+var import_react = require("react");
+var import_react_i18next = require("react-i18next");
+var import_BackofficeProvider = require("../config/BackofficeProvider.native.js");
+var import_i18n = require("../i18n/index.native.js");
+var import_useWorkspaces = require("./useWorkspaces.native.js");
+var import_workspaceIcons = require("./workspaceIcons.native.js");
+var WORKSPACE_SIDEBAR_WIDTH = 250;
+function workspaceItem(workspace, depth, paths, activePath, onNavigate) {
+  var path = paths.workspace(workspace.name);
+  var IconComponent = (0, import_workspaceIcons.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__ */
+  (0, import_jsx_runtime.jsx)(import_components.XStack, {
+    paddingLeft: depth > 0 ? depth * 16 : 0,
+    children: /* @__PURE__ */(0, import_jsx_runtime.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
+  } = (0, import_react_i18next.useTranslation)(import_i18n.BACKOFFICE_I18N_NAMESPACE);
+  var paths = (0, import_BackofficeProvider.useBackofficePaths)();
+  var {
+    privateWorkspaces,
+    publicRoots,
+    childrenByParent,
+    isLoading
+  } = (0, import_useWorkspaces.useWorkspaces)();
+  var sections = (0, import_react.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__ */(0, import_jsx_runtime.jsx)(import_components.YStack, {
+      width: WORKSPACE_SIDEBAR_WIDTH,
+      alignItems: "center",
+      paddingTop: "$6",
+      "aria-label": t("sidebar.loading", "Loading workspaces"),
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Spinner, {
+        size: "small"
+      })
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_components.Sidebar, {
+    sections,
+    width: WORKSPACE_SIDEBAR_WIDTH
+  });
+}
+//# sourceMappingURL=WorkspaceSidebar.native.js.map

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

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

package/dist/cjs/shell/useWorkspaces.cjs

@@ -0,0 +1,131 @@
+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 useWorkspaces_exports = {};
+__export(useWorkspaces_exports, {
+  useDefaultWorkspace: () => useDefaultWorkspace,
+  useSessionUser: () => useSessionUser,
+  useWorkspaces: () => useWorkspaces
+});
+module.exports = __toCommonJS(useWorkspaces_exports);
+var import_frappe = require("@multiplatform.one/frappe");
+var import_frappe_ui = require("@multiplatform.one/frappe-ui");
+var import_react = require("react");
+const WORKSPACE_FIELDS = ["name", "title", "icon", "parent_page", "public", "for_user", "sequence_id", "module", "is_hidden"];
+const sessionUserCache = /* @__PURE__ */new Map();
+async function fetchSessionUser(baseURL, auth) {
+  const client = new import_frappe.HttpClient(baseURL, auth);
+  const res = await client.get("/api/method/frappe.auth.get_logged_user");
+  const user = res.payload?.message;
+  return user && user !== "Guest" ? user : void 0;
+}
+function useSessionUser() {
+  const config = (0, import_frappe_ui.useFrappeConfig)();
+  const baseURL = config?.baseURL;
+  const auth = config?.auth;
+  const fixtures = config?.fixtures;
+  const [user, setUser] = (0, import_react.useState)(void 0);
+  (0, import_react.useEffect)(() => {
+    if (fixtures || !baseURL) return;
+    let cancelled = false;
+    let promise = sessionUserCache.get(baseURL);
+    if (!promise) {
+      promise = fetchSessionUser(baseURL, auth).catch(() => {
+        sessionUserCache.delete(baseURL);
+        return void 0;
+      });
+      sessionUserCache.set(baseURL, promise);
+    }
+    promise.then(value => {
+      if (!cancelled) setUser(value);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [baseURL, fixtures]);
+  return user;
+}
+function bySequence(a, b) {
+  const seqA = Number(a.sequence_id ?? 0);
+  const seqB = Number(b.sequence_id ?? 0);
+  if (seqA !== seqB) return seqA - seqB;
+  return (a.title || a.name).localeCompare(b.title || b.name);
+}
+function useWorkspaces() {
+  const config = (0, import_frappe_ui.useFrappeConfig)();
+  const sessionUser = useSessionUser();
+  const connectionConfig = (0, import_react.useMemo)(() => config ? {
+    baseURL: config.baseURL,
+    socketPort: config.socketPort,
+    auth: config.auth,
+    syncOptions: config.syncOptions,
+    socketOptions: config.socketOptions,
+    fixtures: config.fixtures
+  } : void 0, [config]);
+  const collection = (0, import_frappe.useFrappeCollection)(connectionConfig, "Workspace", {
+    fields: WORKSPACE_FIELDS
+  });
+  const {
+    data: rawData,
+    isLoading
+  } = (0, import_frappe.useLiveQuery)(q => collection ? q.from({
+    _workspace: collection
+  }) : null, [collection]);
+  return (0, import_react.useMemo)(() => {
+    const all = (rawData ?? []).filter(w => w.name && !w.is_hidden).sort(bySequence);
+    const privateWorkspaces = sessionUser ? all.filter(w => !w.public && w.for_user === sessionUser) : [];
+    const publicWorkspaces = all.filter(w => Boolean(w.public));
+    const publicNames = new Set(publicWorkspaces.map(w => w.name));
+    const publicRoots = [];
+    const childrenByParent = /* @__PURE__ */new Map();
+    for (const workspace of publicWorkspaces) {
+      if (workspace.parent_page && publicNames.has(workspace.parent_page)) {
+        const siblings = childrenByParent.get(workspace.parent_page) ?? [];
+        siblings.push(workspace);
+        childrenByParent.set(workspace.parent_page, siblings);
+      } else {
+        publicRoots.push(workspace);
+      }
+    }
+    return {
+      workspaces: all,
+      privateWorkspaces,
+      publicRoots,
+      childrenByParent,
+      // No provider config → settle empty instead of skeleting forever.
+      isLoading: connectionConfig ? Boolean(isLoading) || collection === void 0 : false,
+      sessionUser
+    };
+  }, [rawData, isLoading, collection, connectionConfig, sessionUser]);
+}
+function useDefaultWorkspace() {
+  const {
+    privateWorkspaces,
+    publicRoots,
+    isLoading
+  } = useWorkspaces();
+  const workspace = privateWorkspaces[0]?.name ?? publicRoots[0]?.name;
+  return {
+    workspace,
+    isLoading
+  };
+}