@seij/common-ui 0.1.6 → 0.1.8

package/README.md

@@ -16,4 +16,3 @@ for our other applications..
 ## Notes
 
 - This package exposes UI primitives rather than a full design system.
-

package/dist/init/SeijUIProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SeijUIProvider.d.ts","sourceRoot":"","sources":["../../src/init/SeijUIProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAc1C,UAAU,mBAAoB,SAAQ,iBAAiB;CAEtD;AAED,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CAS/D"}
+{"version":3,"file":"SeijUIProvider.d.ts","sourceRoot":"","sources":["../../src/init/SeijUIProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAc1C,UAAU,mBAAoB,SAAQ,iBAAiB;CAAG;AAE1D,wBAAgB,cAAc,CAAC,EAAE,QAAQ,EAAE,EAAE,mBAAmB,2CAS/D"}

package/dist/init/SeijUIProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"SeijUIProvider.js","sources":["../../src/init/SeijUIProvider.tsx"],"sourcesContent":["import { FluentProvider, Theme, webLightTheme } from \"@fluentui/react-components\";\n\nimport { PropsWithChildren } from \"react\";\nimport { ErrorManager } from \"../lib/error_notifier/ErrorNotifier\";\nimport { I18nProvider } from \"../lib/i18n/i18n.react\";\n\n// noinspection SpellCheckingInspection\nconst theme: Theme = {\n  ...webLightTheme,\n  fontFamilyBase:\n    \"'Noto Sans', 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif\",\n  fontFamilyMonospace: \"Fira Mono, Consolas, 'Courier New', Courier, monospace\",\n  fontFamilyNumeric:\n    \"Bahnschrift, 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif\",\n};\n\ninterface SeijUIProviderProps extends PropsWithChildren {\n\n}\n\nexport function SeijUIProvider({ children }: SeijUIProviderProps) {\n  return (\n    <I18nProvider>\n      <FluentProvider theme={theme}>\n        {children}\n        <ErrorManager />\n      </FluentProvider>\n    </I18nProvider>\n  );\n}\n"],"names":["theme","webLightTheme","SeijUIProvider","children","jsx","I18nProvider","jsxs","FluentProvider","ErrorManager"],"mappings":";;;;AAOA,MAAMA,IAAe;AAAA,EACnB,GAAGC;AAAA,EACH,gBACE;AAAA,EACF,qBAAqB;AAAA,EACrB,mBACE;AACJ;AAMO,SAASC,EAAe,EAAE,UAAAC,KAAiC;AAChE,SACE,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAC,EAACC,GAAA,EAAe,OAAAP,GACb,UAAA;AAAA,IAAAG;AAAA,sBACAK,GAAA,CAAA,CAAa;AAAA,EAAA,EAAA,CAChB,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"SeijUIProvider.js","sources":["../../src/init/SeijUIProvider.tsx"],"sourcesContent":["import { FluentProvider, Theme, webLightTheme } from \"@fluentui/react-components\";\n\nimport { PropsWithChildren } from \"react\";\nimport { ErrorManager } from \"../lib/error_notifier/ErrorNotifier\";\nimport { I18nProvider } from \"../lib/i18n/i18n.react\";\n\n// noinspection SpellCheckingInspection\nconst theme: Theme = {\n  ...webLightTheme,\n  fontFamilyBase:\n    \"'Noto Sans', 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif\",\n  fontFamilyMonospace: \"Fira Mono, Consolas, 'Courier New', Courier, monospace\",\n  fontFamilyNumeric:\n    \"Bahnschrift, 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue', sans-serif\",\n};\n\ninterface SeijUIProviderProps extends PropsWithChildren {}\n\nexport function SeijUIProvider({ children }: SeijUIProviderProps) {\n  return (\n    <I18nProvider>\n      <FluentProvider theme={theme}>\n        {children}\n        <ErrorManager />\n      </FluentProvider>\n    </I18nProvider>\n  );\n}\n"],"names":["theme","webLightTheme","SeijUIProvider","children","jsx","I18nProvider","jsxs","FluentProvider","ErrorManager"],"mappings":";;;;AAOA,MAAMA,IAAe;AAAA,EACnB,GAAGC;AAAA,EACH,gBACE;AAAA,EACF,qBAAqB;AAAA,EACrB,mBACE;AACJ;AAIO,SAASC,EAAe,EAAE,UAAAC,KAAiC;AAChE,SACE,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAC,EAACC,GAAA,EAAe,OAAAP,GACb,UAAA;AAAA,IAAAG;AAAA,sBACAK,GAAA,CAAA,CAAa;AAAA,EAAA,EAAA,CAChB,EAAA,CACF;AAEJ;"}

package/dist/lib/applicationshell/ApplicationShell.d.ts

@@ -1,13 +1,84 @@
 import { ReactNode } from 'react';
 import { NavigationTreeItem } from '../navigation/Navigation.types';
 import { UserStatus } from './ApplicationShell.types';
-export declare function ApplicationShell({ applicationName, main, navigationItems, userStatus, onClickHome, navigate, matchPath, }: {
+/**
+ * Props for the `ApplicationShell` layout component.
+ *
+ * The shell renders a persistent left navigation (Fluent UI `NavDrawer`), a top `TitleBar`,
+ * and your main application content. It also wires navigation events so the currently
+ * selected item reflects the browser URL and clicking items triggers navigation.
+ */
+export interface ApplicationShellProps {
+    /**
+     * Human‑readable name of the application displayed in the `TitleBar`.
+     * Example: "Orders Console".
+     */
     applicationName: string;
+    /**
+     * Icon to display next to the application name
+     */
+    applicationIcon?: ReactNode;
+    /**
+     * Main content of the page. This is rendered in the scrollable content area on the right
+     * of the navigation drawer. Typically the routed page/component for the current URL.
+     */
     main: ReactNode;
+    /**
+     * Tree of navigation items used to render the side navigation and compute selection.
+     * Items may be categories or leaf entries with a `path`. When a leaf item is selected
+     * and has a `path`, `navigate(path)` is invoked.
+     */
     navigationItems: NavigationTreeItem[];
+    /**
+     * Current user status information shown in the `TitleBar` (e.g., username, avatar, roles).
+     */
     userStatus: UserStatus;
+    /**
+     * Called when the home button in the `TitleBar` is clicked.
+     * Use this to navigate to your application home route or perform any related action.
+     */
     onClickHome: () => void;
+    /**
+     * Imperative navigation function called when a navigation leaf item with a `path`
+     * is selected. Provide the function from your router (e.g., react-router navigate).
+     */
     navigate: (path: string) => void;
+    /**
+     * Function used to check whether the current browser location matches a given item `path`.
+     * It is used at render time to preselect the item that corresponds to the current URL.
+     * Return `true` if the provided `path` matches the active route.
+     */
     matchPath: (path: string | undefined) => boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}
+/**
+ * ApplicationShell
+ *
+ * High‑level layout component that composes the application chrome:
+ * - Top `TitleBar` showing the application name and user status
+ * - Left `NavDrawer` for hierarchical navigation
+ * - Main scrollable content area where your routed page is rendered
+ *
+ * Behavior
+ * - Preselects the navigation item that matches the current URL via `matchPath`
+ * - When a leaf item with a `path` is clicked, calls `navigate(path)`
+ * - Keeps track of opened navigation categories and the selected item
+ * - Displays a hamburger in the TitleBar to toggle the navigation drawer
+ *
+ * Usage (example)
+ *
+ * ```tsx
+ * <ApplicationShell
+ *   applicationName="Orders Console"
+ *   navigationItems={items}
+ *   userStatus={{ displayName: "Jane Doe" }}
+ *   onClickHome={() => navigate("/")}
+ *   navigate={(path) => navigate(path)}
+ *   matchPath={(path) => !!path && !!match(path)}
+ *   main={<Outlet />}
+ * />
+ * ```
+ * Where `navigate`/`match` typically come from your router (e.g., react‑router v6's
+ * `useNavigate`/`useMatch`). See `ApplicationShellProps` for details on each prop.
+ */
+export declare function ApplicationShell({ applicationName, applicationIcon, main, navigationItems, userStatus, onClickHome, navigate, matchPath, }: ApplicationShellProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ApplicationShell.d.ts.map

package/dist/lib/applicationshell/ApplicationShell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ApplicationShell.d.ts","sourceRoot":"","sources":["../../../src/lib/applicationshell/ApplicationShell.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAEpE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAqCtD,wBAAgB,gBAAgB,CAAC,EAC/B,eAAe,EACf,IAAI,EACJ,eAAe,EACf,UAAU,EACV,WAAW,EACX,QAAQ,EACR,SAAS,GACV,EAAE;IACD,eAAe,EAAE,MAAM,CAAC;IACxB,IAAI,EAAE,SAAS,CAAC;IAChB,eAAe,EAAE,kBAAkB,EAAE,CAAC;IACtC,UAAU,EAAE,UAAU,CAAC;IACvB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACjC,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,KAAK,OAAO,CAAC;CAClD,2CA2FA"}
+{"version":3,"file":"ApplicationShell.d.ts","sourceRoot":"","sources":["../../../src/lib/applicationshell/ApplicationShell.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAgC,MAAM,OAAO,CAAC;AAChE,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAEpE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAmCtD;;;;;;GAMG;AACH,MAAM,WAAW,qBAAqB;IACpC;;;OAGG;IACH,eAAe,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B;;;OAGG;IACH,IAAI,EAAE,SAAS,CAAC;IAEhB;;;;OAIG;IACH,eAAe,EAAE,kBAAkB,EAAE,CAAC;IAEtC;;OAEG;IACH,UAAU,EAAE,UAAU,CAAC;IAEvB;;;OAGG;IACH,WAAW,EAAE,MAAM,IAAI,CAAC;IAExB;;;OAGG;IACH,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAEjC;;;;OAIG;IACH,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,KAAK,OAAO,CAAC;CAClD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG;AACH,wBAAgB,gBAAgB,CAAC,EAC/B,eAAe,EACf,eAAe,EACf,IAAI,EACJ,eAAe,EACf,UAAU,EACV,WAAW,EACX,QAAQ,EACR,SAAS,GACV,EAAE,qBAAqB,2CAqHvB"}

package/dist/lib/applicationshell/ApplicationShell.js

@@ -1,10 +1,13 @@
-import { jsxs as h, jsx as n } from "react/jsx-runtime";
-import { makeStyles as j, tokens as m, NavDrawer as M, NavDrawerHeader as A, NavDrawerBody as H, Tooltip as V, Hamburger as U } from "@fluentui/react-components";
-import { useState as u, useMemo as q } from "react";
-import { Navigation as z } from "../navigation/Navigation.js";
-import { createNavigationTreeItemServiceImpl as E } from "../navigation/NavigationService.js";
-import { TitleBar as I } from "./TitleBar.js";
-const y = j({
+import { jsxs as S, jsx as a } from "react/jsx-runtime";
+import { makeStyles as E, tokens as F } from "@fluentui/react-components";
+import { useState as c, useMemo as R, useEffect as T } from "react";
+import { createNavigationTreeItemServiceImpl as P } from "../navigation/NavigationService.js";
+import { TitleBar as U } from "./TitleBar.js";
+import { useIsMobile as q } from "../responsive/useMobile.js";
+import { Rails as z } from "./ApplicationShellRails.js";
+import { Sidebar as G } from "./ApplicationShellSidebar.js";
+import { MenuBurger as H } from "./ApplicationShellHamburger.js";
+const J = E({
   shell: {
     width: "100vw",
     height: "100vh",
@@ -28,83 +31,85 @@ const y = j({
     justifyContent: "flex-start",
     alignItems: "flex-start",
     overflow: "auto",
-    backgroundColor: m.colorNeutralBackground2
-  },
-  bugerIcon: {
-    color: m.colorNeutralForegroundOnBrand,
-    ":hover": {
-      color: m.colorNeutralForegroundOnBrand
-    }
+    backgroundColor: F.colorNeutralBackground2
   }
 });
-function R({
-  applicationName: a,
-  main: d,
-  navigationItems: o,
+function te({
+  applicationName: o,
+  applicationIcon: p,
+  main: M,
+  navigationItems: d,
   userStatus: f,
-  onClickHome: g,
-  navigate: C,
-  matchPath: w
+  onClickHome: m,
+  navigate: k,
+  matchPath: v
 }) {
-  const l = o.find((t) => "path" in t && t.path !== null && w(t.path)), x = l?.id, b = l && "parentId" in l && l.parentId !== null ? [l.parentId] : [], i = y(), [s, B] = u(!0), [S, k] = u(x ?? ""), [r, c] = u(b), _ = q(() => E(o), [o]), v = () => {
-    B(!s);
-  }, D = (t) => {
-    const e = _.findById(t);
-    k(e.id);
-    const p = "parentId" in e ? e.parentId : null;
-    p && (r.find((T) => T === p) || c([...r, p])), "path" in e && e.path && C(e.path);
-  }, O = (t) => {
-    r.find((e) => e === t) ? c(r.filter((e) => e !== t)) : c([...r, t]);
-  }, F = [];
-  return l && "parentId" in l && l.parentId !== null && F.push(l.parentId), /* @__PURE__ */ h("div", { "data-e2e-id": "shell", className: i.shell, children: [
-    /* @__PURE__ */ n("div", { "data-e2e-id": "shell__menu_top", className: i.titleBar, children: s ? null : /* @__PURE__ */ n(
-      I,
+  const t = d.find((n) => "path" in n && n.path !== null && v(n.path)), y = t?.id, w = t && "parentId" in t && t.parentId !== null ? [t.parentId] : [], i = q(), s = J(), [l, g] = c(K), [x, _] = c(!1), [B, N] = c(y ?? ""), [r, h] = c(w), O = R(() => P(d), [d]);
+  T(() => {
+    i || localStorage.setItem("sidebarMode", l);
+  }, [i, l]);
+  const C = () => {
+    _(!x);
+  }, b = () => {
+    l === "expanded" && g("rails"), l === "rails" && g("expanded");
+  }, I = (n) => {
+    const e = O.findById(n);
+    N(e.id);
+    const u = "parentId" in e ? e.parentId : null;
+    u && (r.find((A) => A === u) || h([...r, u])), "path" in e && e.path && k(e.path);
+  }, j = (n) => {
+    r.find((e) => e === n) ? h(r.filter((e) => e !== n)) : h([...r, n]);
+  }, D = [];
+  return t && "parentId" in t && t.parentId !== null && D.push(t.parentId), /* @__PURE__ */ S("div", { "data-e2e-id": "shell", className: s.shell, children: [
+    /* @__PURE__ */ a("div", { "data-e2e-id": "shell__menu_top", className: s.titleBar, children: i ? /* @__PURE__ */ a(
+      U,
       {
-        applicationName: a,
+        applicationName: o,
+        applicationIcon: p,
         userStatus: f,
-        onClickHome: g,
-        hamburger: /* @__PURE__ */ n(N, { onClick: v })
+        onClickHome: m,
+        hamburger: /* @__PURE__ */ a(H, { onClick: C })
       }
-    ) }),
-    /* @__PURE__ */ h("div", { "data-e2e-id": "shell__main", className: i.main, children: [
-      /* @__PURE__ */ h(
-        M,
+    ) : null }),
+    /* @__PURE__ */ S("div", { "data-e2e-id": "shell__main", className: s.main, children: [
+      (!i && l === "expanded" || i) && /* @__PURE__ */ a(
+        G,
+        {
+          selectedItem: B,
+          openedCategories: r,
+          drawerOpen: x,
+          isMobile: i,
+          applicationName: o,
+          applicationIcon: p,
+          userStatus: f,
+          navigationItems: d,
+          onClickHome: m,
+          onClickHamburger: C,
+          onClickMenuItem: I,
+          onClickCategory: j,
+          onClickPanelReduce: b
+        }
+      ),
+      l === "rails" && /* @__PURE__ */ a(
+        z,
         {
-          selectedValue: S,
-          open: s,
-          density: "small",
-          type: "inline",
-          openCategories: r,
-          onNavItemSelect: (t, e) => {
-            D(e.value);
-          },
-          onNavCategoryItemToggle: (t, e) => {
-            O(e.categoryValue ?? "");
-          },
-          children: [
-            /* @__PURE__ */ n(
-              I,
-              {
-                applicationName: a,
-                userStatus: f,
-                onClickHome: g,
-                hamburger: /* @__PURE__ */ n(N, { onClick: v })
-              }
-            ),
-            /* @__PURE__ */ n(A, {}),
-            /* @__PURE__ */ n(H, { children: /* @__PURE__ */ n(z, { items: o }) })
-          ]
+          applicationIcon: p,
+          navigationItems: d,
+          userStatus: f,
+          onClickHome: m,
+          onClickMenuItem: I,
+          onClickSidebarExpand: b
         }
       ),
-      /* @__PURE__ */ n("div", { "data-e2e-id": "shell__content", className: i.content, children: d })
+      /* @__PURE__ */ a("div", { "data-e2e-id": "shell__content", className: s.content, children: M })
     ] })
   ] });
 }
-const N = ({ onClick: a }) => {
-  const d = y();
-  return /* @__PURE__ */ n(V, { content: "Navigation", relationship: "label", children: /* @__PURE__ */ n(U, { className: d.bugerIcon, onClick: a }) });
+const K = () => {
+  const o = localStorage.getItem("sidebarMode");
+  return o === "expanded" ? "expanded" : o === "rails" ? "rails" : "expanded";
 };
 export {
-  R as ApplicationShell
+  te as ApplicationShell
 };
 //# sourceMappingURL=ApplicationShell.js.map

package/dist/lib/applicationshell/ApplicationShell.js.map

@@ -1 +1 @@
-{"version":3,"file":"ApplicationShell.js","sources":["../../../src/lib/applicationshell/ApplicationShell.tsx"],"sourcesContent":["import {\n  Hamburger,\n  makeStyles,\n  NavDrawer,\n  NavDrawerBody,\n  NavDrawerHeader,\n  tokens,\n  Tooltip,\n} from \"@fluentui/react-components\";\nimport { ReactNode, useMemo, useState } from \"react\";\nimport { Navigation } from \"../navigation/Navigation\";\nimport { NavigationTreeItem } from \"../navigation/Navigation.types\";\nimport { createNavigationTreeItemServiceImpl } from \"../navigation/NavigationService\";\nimport { UserStatus } from \"./ApplicationShell.types\";\nimport { TitleBar } from \"./TitleBar\";\n\nconst useApplicationShellStyles = makeStyles({\n  shell: {\n    width: \"100vw\",\n    height: \"100vh\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    overflow: \"hidden\",\n  },\n  titleBar: {\n    width: \"100%\",\n    height: \"48px\",\n    flex: 0,\n  },\n  main: {\n    overflow: \"hidden\",\n    display: \"flex\",\n    height: \"100%\",\n  },\n  content: {\n    flex: \"1\",\n    display: \"bloc\",\n    justifyContent: \"flex-start\",\n    alignItems: \"flex-start\",\n    overflow: \"auto\",\n    backgroundColor: tokens.colorNeutralBackground2,\n  },\n  bugerIcon: {\n    color: tokens.colorNeutralForegroundOnBrand,\n    \":hover\": {\n      color: tokens.colorNeutralForegroundOnBrand,\n    },\n  },\n});\n\nexport function ApplicationShell({\n  applicationName,\n  main,\n  navigationItems,\n  userStatus,\n  onClickHome,\n  navigate,\n  matchPath,\n}: {\n  applicationName: string;\n  main: ReactNode;\n  navigationItems: NavigationTreeItem[];\n  userStatus: UserStatus;\n  onClickHome: () => void;\n  navigate: (path: string) => void;\n  matchPath: (path: string | undefined) => boolean;\n}) {\n  // test si le chemin courant du navigateur correspond à cet item\n  // attention, on est obligés de tester tous les items, qu'ils aient\n  // un lien ou pas, d'où le url-inconnue pour ceux qui n'ont pas de lien.\n  // On est obligés car useMatch est un hook que l'on ne peut pas lancer\n  // de manière conditionnelle\n  const navigationItemFound = navigationItems.find((it) => \"path\" in it && it.path !== null && matchPath(it.path));\n  const navigationItemSelectedFromUrl = navigationItemFound?.id;\n  const defaultOpenCategory =\n    navigationItemFound && \"parentId\" in navigationItemFound && navigationItemFound.parentId !== null\n      ? [navigationItemFound.parentId]\n      : [];\n\n  const styles = useApplicationShellStyles();\n  const [navDrawerOpened, setNavDrawerOpened] = useState<boolean>(true);\n  const [selectedItem, setSelectedItem] = useState<string>(navigationItemSelectedFromUrl ?? \"\");\n  const [openedCategories, setOpenCategories] = useState<string[]>(defaultOpenCategory);\n\n  const navigationService = useMemo(() => createNavigationTreeItemServiceImpl(navigationItems), [navigationItems]);\n  const handleClickHamburger = () => {\n    setNavDrawerOpened(!navDrawerOpened);\n  };\n\n  const handleClickMenuItem = (itemId: string) => {\n    const item = navigationService.findById(itemId);\n    setSelectedItem(item.id);\n    const parentId = \"parentId\" in item ? item.parentId : null;\n    if (parentId) {\n      if (!openedCategories.find((cat) => cat === parentId)) {\n        setOpenCategories([...openedCategories, parentId]);\n      }\n    }\n    if (\"path\" in item && item.path) navigate(item.path);\n  };\n\n  const handleClickCategory = (categoryId: string) => {\n    if (!openedCategories.find((cat) => cat === categoryId)) {\n      setOpenCategories([...openedCategories, categoryId]);\n    } else {\n      setOpenCategories(openedCategories.filter((it) => it !== categoryId));\n    }\n  };\n\n  const openCategories: string[] = [];\n  if (navigationItemFound && \"parentId\" in navigationItemFound && navigationItemFound.parentId !== null) {\n    openCategories.push(navigationItemFound.parentId);\n  }\n\n  return (\n    <div data-e2e-id=\"shell\" className={styles.shell}>\n      <div data-e2e-id=\"shell__menu_top\" className={styles.titleBar}>\n        {!navDrawerOpened ? (\n          <TitleBar\n            applicationName={applicationName}\n            userStatus={userStatus}\n            onClickHome={onClickHome}\n            hamburger={<MenuBurger onClick={handleClickHamburger} />}\n          />\n        ) : null}\n      </div>\n      <div data-e2e-id=\"shell__main\" className={styles.main}>\n        <NavDrawer\n          selectedValue={selectedItem}\n          open={navDrawerOpened}\n          density={\"small\"}\n          type={\"inline\"}\n          openCategories={openedCategories}\n          onNavItemSelect={(e, data) => {\n            handleClickMenuItem(data.value);\n          }}\n          onNavCategoryItemToggle={(e, data) => {\n            handleClickCategory(data.categoryValue ?? \"\");\n          }}\n        >\n          <TitleBar\n            applicationName={applicationName}\n            userStatus={userStatus}\n            onClickHome={onClickHome}\n            hamburger={<MenuBurger onClick={handleClickHamburger} />}\n          />\n          <NavDrawerHeader></NavDrawerHeader>\n          <NavDrawerBody>\n            <Navigation items={navigationItems} />\n          </NavDrawerBody>\n        </NavDrawer>\n        <div data-e2e-id=\"shell__content\" className={styles.content}>\n          {main}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nconst MenuBurger = ({ onClick }: { onClick: () => void }) => {\n  const styles = useApplicationShellStyles();\n  return (\n    <Tooltip content=\"Navigation\" relationship=\"label\">\n      <Hamburger className={styles.bugerIcon} onClick={onClick} />\n    </Tooltip>\n  );\n};\n"],"names":["useApplicationShellStyles","makeStyles","tokens","ApplicationShell","applicationName","main","navigationItems","userStatus","onClickHome","navigate","matchPath","navigationItemFound","it","navigationItemSelectedFromUrl","defaultOpenCategory","styles","navDrawerOpened","setNavDrawerOpened","useState","selectedItem","setSelectedItem","openedCategories","setOpenCategories","navigationService","useMemo","createNavigationTreeItemServiceImpl","handleClickHamburger","handleClickMenuItem","itemId","item","parentId","cat","handleClickCategory","categoryId","openCategories","jsx","TitleBar","MenuBurger","jsxs","NavDrawer","e","data","NavDrawerHeader","NavDrawerBody","Navigation","onClick","Tooltip","Hamburger"],"mappings":"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"}
+{"version":3,"file":"ApplicationShell.js","sources":["../../../src/lib/applicationshell/ApplicationShell.tsx"],"sourcesContent":["import { makeStyles, tokens } from \"@fluentui/react-components\";\nimport { ReactNode, useEffect, useMemo, useState } from \"react\";\nimport { NavigationTreeItem } from \"../navigation/Navigation.types\";\nimport { createNavigationTreeItemServiceImpl } from \"../navigation/NavigationService\";\nimport { UserStatus } from \"./ApplicationShell.types\";\nimport { TitleBar } from \"./TitleBar\";\nimport { useIsMobile } from \"../responsive/useMobile\";\nimport { Rails } from \"./ApplicationShellRails\";\nimport { Sidebar } from \"./ApplicationShellSidebar\";\nimport { MenuBurger } from \"./ApplicationShellHamburger\";\n\nconst useApplicationShellStyles = makeStyles({\n  shell: {\n    width: \"100vw\",\n    height: \"100vh\",\n    display: \"flex\",\n    flexDirection: \"column\",\n    overflow: \"hidden\",\n  },\n  titleBar: {\n    width: \"100%\",\n    height: \"48px\",\n    flex: 0,\n  },\n  main: {\n    overflow: \"hidden\",\n    display: \"flex\",\n    height: \"100%\",\n  },\n  content: {\n    flex: \"1\",\n    display: \"bloc\",\n    justifyContent: \"flex-start\",\n    alignItems: \"flex-start\",\n    overflow: \"auto\",\n    backgroundColor: tokens.colorNeutralBackground2,\n  },\n});\n\n/**\n * Props for the `ApplicationShell` layout component.\n *\n * The shell renders a persistent left navigation (Fluent UI `NavDrawer`), a top `TitleBar`,\n * and your main application content. It also wires navigation events so the currently\n * selected item reflects the browser URL and clicking items triggers navigation.\n */\nexport interface ApplicationShellProps {\n  /**\n   * Human‑readable name of the application displayed in the `TitleBar`.\n   * Example: \"Orders Console\".\n   */\n  applicationName: string;\n  /**\n   * Icon to display next to the application name\n   */\n  applicationIcon?: ReactNode;\n  /**\n   * Main content of the page. This is rendered in the scrollable content area on the right\n   * of the navigation drawer. Typically the routed page/component for the current URL.\n   */\n  main: ReactNode;\n\n  /**\n   * Tree of navigation items used to render the side navigation and compute selection.\n   * Items may be categories or leaf entries with a `path`. When a leaf item is selected\n   * and has a `path`, `navigate(path)` is invoked.\n   */\n  navigationItems: NavigationTreeItem[];\n\n  /**\n   * Current user status information shown in the `TitleBar` (e.g., username, avatar, roles).\n   */\n  userStatus: UserStatus;\n\n  /**\n   * Called when the home button in the `TitleBar` is clicked.\n   * Use this to navigate to your application home route or perform any related action.\n   */\n  onClickHome: () => void;\n\n  /**\n   * Imperative navigation function called when a navigation leaf item with a `path`\n   * is selected. Provide the function from your router (e.g., react-router navigate).\n   */\n  navigate: (path: string) => void;\n\n  /**\n   * Function used to check whether the current browser location matches a given item `path`.\n   * It is used at render time to preselect the item that corresponds to the current URL.\n   * Return `true` if the provided `path` matches the active route.\n   */\n  matchPath: (path: string | undefined) => boolean;\n}\n\n/**\n * ApplicationShell\n *\n * High‑level layout component that composes the application chrome:\n * - Top `TitleBar` showing the application name and user status\n * - Left `NavDrawer` for hierarchical navigation\n * - Main scrollable content area where your routed page is rendered\n *\n * Behavior\n * - Preselects the navigation item that matches the current URL via `matchPath`\n * - When a leaf item with a `path` is clicked, calls `navigate(path)`\n * - Keeps track of opened navigation categories and the selected item\n * - Displays a hamburger in the TitleBar to toggle the navigation drawer\n *\n * Usage (example)\n *\n * ```tsx\n * <ApplicationShell\n *   applicationName=\"Orders Console\"\n *   navigationItems={items}\n *   userStatus={{ displayName: \"Jane Doe\" }}\n *   onClickHome={() => navigate(\"/\")}\n *   navigate={(path) => navigate(path)}\n *   matchPath={(path) => !!path && !!match(path)}\n *   main={<Outlet />}\n * />\n * ```\n * Where `navigate`/`match` typically come from your router (e.g., react‑router v6's\n * `useNavigate`/`useMatch`). See `ApplicationShellProps` for details on each prop.\n */\nexport function ApplicationShell({\n  applicationName,\n  applicationIcon,\n  main,\n  navigationItems,\n  userStatus,\n  onClickHome,\n  navigate,\n  matchPath,\n}: ApplicationShellProps) {\n  // test si le chemin courant du navigateur correspond à cet item\n  // attention, on est obligés de tester tous les items, qu'ils aient\n  // un lien ou pas, d'où le url-inconnue pour ceux qui n'ont pas de lien.\n  // On est obligés car useMatch est un hook que l'on ne peut pas lancer\n  // de manière conditionnelle\n  const navigationItemFound = navigationItems.find((it) => \"path\" in it && it.path !== null && matchPath(it.path));\n  const navigationItemSelectedFromUrl = navigationItemFound?.id;\n  const defaultOpenCategory =\n    navigationItemFound && \"parentId\" in navigationItemFound && navigationItemFound.parentId !== null\n      ? [navigationItemFound.parentId]\n      : [];\n\n  // Hooks\n  const isMobile = useIsMobile();\n  const styles = useApplicationShellStyles();\n\n  const [sidebarMode, setSidebarMode] = useState<\"rails\" | \"expanded\">(initialSidebarModeDetect);\n  const [drawerOpen, setDrawerOpen] = useState(false);\n  const [selectedItem, setSelectedItem] = useState<string>(navigationItemSelectedFromUrl ?? \"\");\n  const [openedCategories, setOpenCategories] = useState<string[]>(defaultOpenCategory);\n  const navigationService = useMemo(() => createNavigationTreeItemServiceImpl(navigationItems), [navigationItems]);\n\n  useEffect(() => {\n    // Persist user choice for the rails or sidebar mode\n    if (!isMobile) {\n      localStorage.setItem(\"sidebarMode\", sidebarMode);\n    }\n  }, [isMobile, sidebarMode]);\n\n  // Events\n\n  const handleClickHamburger = () => {\n    setDrawerOpen(!drawerOpen);\n  };\n\n  const handleChangeSidebarMode = () => {\n    if (sidebarMode === \"expanded\") {\n      setSidebarMode(\"rails\");\n    }\n    if (sidebarMode === \"rails\") {\n      setSidebarMode(\"expanded\");\n    }\n  };\n\n  const handleClickMenuItem = (itemId: string) => {\n    const item = navigationService.findById(itemId);\n    setSelectedItem(item.id);\n    const parentId = \"parentId\" in item ? item.parentId : null;\n    if (parentId) {\n      if (!openedCategories.find((cat) => cat === parentId)) {\n        setOpenCategories([...openedCategories, parentId]);\n      }\n    }\n    if (\"path\" in item && item.path) navigate(item.path);\n  };\n\n  const handleClickCategory = (categoryId: string) => {\n    if (!openedCategories.find((cat) => cat === categoryId)) {\n      setOpenCategories([...openedCategories, categoryId]);\n    } else {\n      setOpenCategories(openedCategories.filter((it) => it !== categoryId));\n    }\n  };\n\n  const openCategories: string[] = [];\n  if (navigationItemFound && \"parentId\" in navigationItemFound && navigationItemFound.parentId !== null) {\n    openCategories.push(navigationItemFound.parentId);\n  }\n\n  return (\n    <div data-e2e-id=\"shell\" className={styles.shell}>\n      <div data-e2e-id=\"shell__menu_top\" className={styles.titleBar}>\n        {isMobile ? (\n          <TitleBar\n            applicationName={applicationName}\n            applicationIcon={applicationIcon}\n            userStatus={userStatus}\n            onClickHome={onClickHome}\n            hamburger={<MenuBurger onClick={handleClickHamburger} />}\n          />\n        ) : null}\n      </div>\n      <div data-e2e-id=\"shell__main\" className={styles.main}>\n        {((!isMobile && sidebarMode === \"expanded\") || isMobile) && (\n          <Sidebar\n            selectedItem={selectedItem}\n            openedCategories={openedCategories}\n            drawerOpen={drawerOpen}\n            isMobile={isMobile}\n            applicationName={applicationName}\n            applicationIcon={applicationIcon}\n            userStatus={userStatus}\n            navigationItems={navigationItems}\n            onClickHome={onClickHome}\n            onClickHamburger={handleClickHamburger}\n            onClickMenuItem={handleClickMenuItem}\n            onClickCategory={handleClickCategory}\n            onClickPanelReduce={handleChangeSidebarMode}\n          />\n        )}\n        {sidebarMode === \"rails\" && (\n          <Rails\n            applicationIcon={applicationIcon}\n            navigationItems={navigationItems}\n            userStatus={userStatus}\n            onClickHome={onClickHome}\n            onClickMenuItem={handleClickMenuItem}\n            onClickSidebarExpand={handleChangeSidebarMode}\n          />\n        )}\n        <div data-e2e-id=\"shell__content\" className={styles.content}>\n          {main}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nconst initialSidebarModeDetect = () => {\n  const value = localStorage.getItem(\"sidebarMode\");\n  if (value === \"expanded\") return \"expanded\";\n  if (value === \"rails\") return \"rails\";\n  return \"expanded\";\n};\n"],"names":["useApplicationShellStyles","makeStyles","tokens","ApplicationShell","applicationName","applicationIcon","main","navigationItems","userStatus","onClickHome","navigate","matchPath","navigationItemFound","it","navigationItemSelectedFromUrl","defaultOpenCategory","isMobile","useIsMobile","styles","sidebarMode","setSidebarMode","useState","initialSidebarModeDetect","drawerOpen","setDrawerOpen","selectedItem","setSelectedItem","openedCategories","setOpenCategories","navigationService","useMemo","createNavigationTreeItemServiceImpl","useEffect","handleClickHamburger","handleChangeSidebarMode","handleClickMenuItem","itemId","item","parentId","cat","handleClickCategory","categoryId","openCategories","jsx","TitleBar","MenuBurger","Sidebar","Rails","value"],"mappings":";;;;;;;;;AAWA,MAAMA,IAA4BC,EAAW;AAAA,EAC3C,OAAO;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,eAAe;AAAA,IACf,UAAU;AAAA,EAAA;AAAA,EAEZ,UAAU;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,EAAA;AAAA,EAER,MAAM;AAAA,IACJ,UAAU;AAAA,IACV,SAAS;AAAA,IACT,QAAQ;AAAA,EAAA;AAAA,EAEV,SAAS;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,IACT,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,iBAAiBC,EAAO;AAAA,EAAA;AAE5B,CAAC;AAuFM,SAASC,GAAiB;AAAA,EAC/B,iBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,MAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AACF,GAA0B;AAMxB,QAAMC,IAAsBL,EAAgB,KAAK,CAACM,MAAO,UAAUA,KAAMA,EAAG,SAAS,QAAQF,EAAUE,EAAG,IAAI,CAAC,GACzGC,IAAgCF,GAAqB,IACrDG,IACJH,KAAuB,cAAcA,KAAuBA,EAAoB,aAAa,OACzF,CAACA,EAAoB,QAAQ,IAC7B,CAAA,GAGAI,IAAWC,EAAA,GACXC,IAASlB,EAAA,GAET,CAACmB,GAAaC,CAAc,IAAIC,EAA+BC,CAAwB,GACvF,CAACC,GAAYC,CAAa,IAAIH,EAAS,EAAK,GAC5C,CAACI,GAAcC,CAAe,IAAIL,EAAiBP,KAAiC,EAAE,GACtF,CAACa,GAAkBC,CAAiB,IAAIP,EAAmBN,CAAmB,GAC9Ec,IAAoBC,EAAQ,MAAMC,EAAoCxB,CAAe,GAAG,CAACA,CAAe,CAAC;AAE/G,EAAAyB,EAAU,MAAM;AAEd,IAAKhB,KACH,aAAa,QAAQ,eAAeG,CAAW;AAAA,EAEnD,GAAG,CAACH,GAAUG,CAAW,CAAC;AAI1B,QAAMc,IAAuB,MAAM;AACjC,IAAAT,EAAc,CAACD,CAAU;AAAA,EAC3B,GAEMW,IAA0B,MAAM;AACpC,IAAIf,MAAgB,cAClBC,EAAe,OAAO,GAEpBD,MAAgB,WAClBC,EAAe,UAAU;AAAA,EAE7B,GAEMe,IAAsB,CAACC,MAAmB;AAC9C,UAAMC,IAAOR,EAAkB,SAASO,CAAM;AAC9C,IAAAV,EAAgBW,EAAK,EAAE;AACvB,UAAMC,IAAW,cAAcD,IAAOA,EAAK,WAAW;AACtD,IAAIC,MACGX,EAAiB,KAAK,CAACY,MAAQA,MAAQD,CAAQ,KAClDV,EAAkB,CAAC,GAAGD,GAAkBW,CAAQ,CAAC,IAGjD,UAAUD,KAAQA,EAAK,QAAM3B,EAAS2B,EAAK,IAAI;AAAA,EACrD,GAEMG,IAAsB,CAACC,MAAuB;AAClD,IAAKd,EAAiB,KAAK,CAACY,MAAQA,MAAQE,CAAU,IAGpDb,EAAkBD,EAAiB,OAAO,CAACd,MAAOA,MAAO4B,CAAU,CAAC,IAFpEb,EAAkB,CAAC,GAAGD,GAAkBc,CAAU,CAAC;AAAA,EAIvD,GAEMC,IAA2B,CAAA;AACjC,SAAI9B,KAAuB,cAAcA,KAAuBA,EAAoB,aAAa,QAC/F8B,EAAe,KAAK9B,EAAoB,QAAQ,qBAI/C,OAAA,EAAI,eAAY,SAAQ,WAAWM,EAAO,OACzC,UAAA;AAAA,IAAA,gBAAAyB,EAAC,SAAI,eAAY,mBAAkB,WAAWzB,EAAO,UAClD,UAAAF,IACC,gBAAA2B;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,iBAAAxC;AAAA,QACA,iBAAAC;AAAA,QACA,YAAAG;AAAA,QACA,aAAAC;AAAA,QACA,WAAW,gBAAAkC,EAACE,GAAA,EAAW,SAASZ,EAAA,CAAsB;AAAA,MAAA;AAAA,IAAA,IAEtD,KAAA,CACN;AAAA,sBACC,OAAA,EAAI,eAAY,eAAc,WAAWf,EAAO,MAC5C,UAAA;AAAA,OAAA,CAACF,KAAYG,MAAgB,cAAeH,MAC7C,gBAAA2B;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,cAAArB;AAAA,UACA,kBAAAE;AAAA,UACA,YAAAJ;AAAA,UACA,UAAAP;AAAA,UACA,iBAAAZ;AAAA,UACA,iBAAAC;AAAA,UACA,YAAAG;AAAA,UACA,iBAAAD;AAAA,UACA,aAAAE;AAAA,UACA,kBAAkBwB;AAAA,UAClB,iBAAiBE;AAAA,UACjB,iBAAiBK;AAAA,UACjB,oBAAoBN;AAAA,QAAA;AAAA,MAAA;AAAA,MAGvBf,MAAgB,WACf,gBAAAwB;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,iBAAA1C;AAAA,UACA,iBAAAE;AAAA,UACA,YAAAC;AAAA,UACA,aAAAC;AAAA,UACA,iBAAiB0B;AAAA,UACjB,sBAAsBD;AAAA,QAAA;AAAA,MAAA;AAAA,wBAGzB,OAAA,EAAI,eAAY,kBAAiB,WAAWhB,EAAO,SACjD,UAAAZ,EAAA,CACH;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;AAEA,MAAMgB,IAA2B,MAAM;AACrC,QAAM0B,IAAQ,aAAa,QAAQ,aAAa;AAChD,SAAIA,MAAU,aAAmB,aAC7BA,MAAU,UAAgB,UACvB;AACT;"}

package/dist/lib/applicationshell/ApplicationShellHamburger.d.ts

@@ -0,0 +1,4 @@
+export declare const MenuBurger: ({ onClick }: {
+    onClick: () => void;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ApplicationShellHamburger.d.ts.map

package/dist/lib/applicationshell/ApplicationShellHamburger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApplicationShellHamburger.d.ts","sourceRoot":"","sources":["../../../src/lib/applicationshell/ApplicationShellHamburger.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,UAAU,GAAI,aAAa;IAAE,OAAO,EAAE,MAAM,IAAI,CAAA;CAAE,4CAO9D,CAAC"}

package/dist/lib/applicationshell/ApplicationShellHamburger.js

@@ -0,0 +1,17 @@
+import { jsx as o } from "react/jsx-runtime";
+import { makeStyles as t, tokens as r, Tooltip as l, Hamburger as a } from "@fluentui/react-components";
+const c = t({
+  bugerIcon: {
+    color: r.colorNeutralForegroundOnBrand,
+    ":hover": {
+      color: r.colorNeutralForegroundOnBrand
+    }
+  }
+}), i = ({ onClick: e }) => {
+  const n = c();
+  return /* @__PURE__ */ o(l, { content: "Navigation", relationship: "label", children: /* @__PURE__ */ o(a, { className: n.bugerIcon, onClick: e }) });
+};
+export {
+  i as MenuBurger
+};
+//# sourceMappingURL=ApplicationShellHamburger.js.map

package/dist/lib/applicationshell/ApplicationShellHamburger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApplicationShellHamburger.js","sources":["../../../src/lib/applicationshell/ApplicationShellHamburger.tsx"],"sourcesContent":["import { Hamburger, makeStyles, tokens, Tooltip } from \"@fluentui/react-components\";\nconst useApplicationShellStyles = makeStyles({\n  bugerIcon: {\n    color: tokens.colorNeutralForegroundOnBrand,\n    \":hover\": {\n      color: tokens.colorNeutralForegroundOnBrand,\n    },\n  },\n});\nexport const MenuBurger = ({ onClick }: { onClick: () => void }) => {\n  const styles = useApplicationShellStyles();\n  return (\n    <Tooltip content=\"Navigation\" relationship=\"label\">\n      <Hamburger className={styles.bugerIcon} onClick={onClick} />\n    </Tooltip>\n  );\n};\n"],"names":["useApplicationShellStyles","makeStyles","tokens","MenuBurger","onClick","styles","jsx","Tooltip","Hamburger"],"mappings":";;AACA,MAAMA,IAA4BC,EAAW;AAAA,EAC3C,WAAW;AAAA,IACT,OAAOC,EAAO;AAAA,IACd,UAAU;AAAA,MACR,OAAOA,EAAO;AAAA,IAAA;AAAA,EAChB;AAEJ,CAAC,GACYC,IAAa,CAAC,EAAE,SAAAC,QAAuC;AAClE,QAAMC,IAASL,EAAA;AACf,SACE,gBAAAM,EAACC,GAAA,EAAQ,SAAQ,cAAa,cAAa,SACzC,UAAA,gBAAAD,EAACE,GAAA,EAAU,WAAWH,EAAO,WAAW,SAAAD,EAAA,CAAkB,GAC5D;AAEJ;"}

package/dist/lib/applicationshell/ApplicationShellPanelContract.d.ts

@@ -0,0 +1,5 @@
+export declare const PanelLeftContract: ({ panelState, onClick, }: {
+    panelState: "expanded" | "rails";
+    onClick: () => void;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ApplicationShellPanelContract.d.ts.map

package/dist/lib/applicationshell/ApplicationShellPanelContract.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApplicationShellPanelContract.d.ts","sourceRoot":"","sources":["../../../src/lib/applicationshell/ApplicationShellPanelContract.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,GAAI,0BAG/B;IACD,UAAU,EAAE,UAAU,GAAG,OAAO,CAAC;IACjC,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,4CAWA,CAAC"}

package/dist/lib/applicationshell/ApplicationShellPanelContract.js

@@ -0,0 +1,19 @@
+import { jsx as e } from "react/jsx-runtime";
+import { Tooltip as o, Button as r } from "@fluentui/react-components";
+import { Icon as a } from "@seij/common-ui-icons";
+const c = ({
+  panelState: n,
+  onClick: t
+}) => /* @__PURE__ */ e(o, { content: "Reduce panel", relationship: "label", children: /* @__PURE__ */ e(
+  r,
+  {
+    onClick: t,
+    icon: /* @__PURE__ */ e(a, { name: n === "expanded" ? "panel_left_reduce" : "panel_left_expand" }),
+    size: "medium",
+    appearance: "subtle"
+  }
+) });
+export {
+  c as PanelLeftContract
+};
+//# sourceMappingURL=ApplicationShellPanelContract.js.map

package/dist/lib/applicationshell/ApplicationShellPanelContract.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApplicationShellPanelContract.js","sources":["../../../src/lib/applicationshell/ApplicationShellPanelContract.tsx"],"sourcesContent":["import { Button, Tooltip } from \"@fluentui/react-components\";\nimport { Icon } from \"@seij/common-ui-icons\";\n\nexport const PanelLeftContract = ({\n  panelState,\n  onClick,\n}: {\n  panelState: \"expanded\" | \"rails\";\n  onClick: () => void;\n}) => {\n  return (\n    <Tooltip content=\"Reduce panel\" relationship=\"label\">\n      <Button\n        onClick={onClick}\n        icon={<Icon name={panelState === \"expanded\" ? \"panel_left_reduce\" : \"panel_left_expand\"} />}\n        size=\"medium\"\n        appearance=\"subtle\"\n      />\n    </Tooltip>\n  );\n};\n"],"names":["PanelLeftContract","panelState","onClick","jsx","Tooltip","Button","Icon"],"mappings":";;;AAGO,MAAMA,IAAoB,CAAC;AAAA,EAChC,YAAAC;AAAA,EACA,SAAAC;AACF,MAKI,gBAAAC,EAACC,GAAA,EAAQ,SAAQ,gBAAe,cAAa,SAC3C,UAAA,gBAAAD;AAAA,EAACE;AAAA,EAAA;AAAA,IACC,SAAAH;AAAA,IACA,MAAM,gBAAAC,EAACG,GAAA,EAAK,MAAML,MAAe,aAAa,sBAAsB,qBAAqB;AAAA,IACzF,MAAK;AAAA,IACL,YAAW;AAAA,EAAA;AAAA,GAEf;"}

package/dist/lib/applicationshell/ApplicationShellRails.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode } from 'react';
+import { NavigationTreeItem, UserStatus } from '@seij/common-ui';
+export declare function Rails({ applicationIcon, navigationItems, userStatus, onClickHome, onClickMenuItem, onClickSidebarExpand, }: {
+    applicationIcon?: ReactNode;
+    navigationItems: NavigationTreeItem[];
+    userStatus: UserStatus;
+    onClickHome: () => void;
+    onClickMenuItem: (id: string) => void;
+    onClickSidebarExpand: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ApplicationShellRails.d.ts.map

package/dist/lib/applicationshell/ApplicationShellRails.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApplicationShellRails.d.ts","sourceRoot":"","sources":["../../../src/lib/applicationshell/ApplicationShellRails.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,kBAAkB,EAAmD,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAsBlH,wBAAgB,KAAK,CAAC,EACpB,eAAe,EACf,eAAe,EACf,UAAU,EACV,WAAW,EACX,eAAe,EACf,oBAAoB,GACrB,EAAE;IACD,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,eAAe,EAAE,kBAAkB,EAAE,CAAC;IACtC,UAAU,EAAE,UAAU,CAAC;IACvB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,oBAAoB,EAAE,MAAM,IAAI,CAAC;CAClC,2CAgDA"}

package/dist/lib/applicationshell/ApplicationShellRails.js

@@ -0,0 +1,111 @@
+import { jsxs as d, jsx as n } from "react/jsx-runtime";
+import { makeStyles as f, tokens as m, Tooltip as r } from "@fluentui/react-components";
+import { User as h } from "./TitleBar.js";
+import { PanelLeftContract as x } from "./ApplicationShellPanelContract.js";
+import { Icon as c, parseIconName as p } from "@seij/common-ui-icons";
+const a = f({
+  container: {
+    display: "flex",
+    textAlign: "center",
+    width: "32px",
+    height: "32px",
+    alignItems: "center",
+    alignContent: "center",
+    "& > div": {
+      width: "100%"
+    },
+    "&:hover": {
+      cursor: "pointer",
+      backgroundColor: m.colorNeutralBackground4Hover
+    }
+  }
+});
+function j({
+  applicationIcon: t,
+  navigationItems: i,
+  userStatus: l,
+  onClickHome: e,
+  onClickMenuItem: o,
+  onClickSidebarExpand: u
+}) {
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      style: {
+        backgroundColor: m.colorNeutralBackground4,
+        width: "48px",
+        height: "100%",
+        display: "flex",
+        flexDirection: "column"
+      },
+      children: [
+        /* @__PURE__ */ n(
+          "div",
+          {
+            style: {
+              display: "flex",
+              flexDirection: "column",
+              alignItems: "center",
+              justifyContent: "start",
+              paddingTop: "0.5em"
+            },
+            children: /* @__PURE__ */ n(y, { applicationIcon: t, onClick: e })
+          }
+        ),
+        /* @__PURE__ */ n(
+          "div",
+          {
+            style: {
+              flex: 1,
+              display: "flex",
+              flexDirection: "column",
+              alignItems: "center",
+              justifyContent: "start"
+            },
+            children: i.map((s) => /* @__PURE__ */ n(g, { item: s, onClick: o }, s.id))
+          }
+        ),
+        /* @__PURE__ */ d(
+          "div",
+          {
+            style: {
+              display: "flex",
+              flexDirection: "column",
+              alignItems: "center",
+              justifyContent: "start"
+            },
+            children: [
+              /* @__PURE__ */ n(h, { status: l }),
+              /* @__PURE__ */ n(v, { onClick: u })
+            ]
+          }
+        )
+      ]
+    }
+  );
+}
+const y = ({ applicationIcon: t, onClick: i }) => {
+  const l = a();
+  return /* @__PURE__ */ n("div", { className: l.container, onClick: () => i(), children: /* @__PURE__ */ n(r, { content: "Home", relationship: "description", children: /* @__PURE__ */ n("span", { children: t || /* @__PURE__ */ n(c, { name: "dashboard" }) }) }) });
+}, v = ({ onClick: t }) => {
+  const i = a();
+  return /* @__PURE__ */ n("div", { className: i.container, onClick: () => t(), children: /* @__PURE__ */ n(x, { panelState: "rails", onClick: t }) });
+}, g = ({ item: t, onClick: i }) => {
+  const l = a();
+  if (t.type === "divider") return null;
+  if (t.type === "group") {
+    const e = t, o = e.icon ? p(e.icon) : void 0;
+    return /* @__PURE__ */ n("div", { className: l.container, onClick: () => i(e.id), children: /* @__PURE__ */ n(r, { content: e.label, relationship: "description", children: o && /* @__PURE__ */ n(c, { name: o }) }) }, e.id);
+  }
+  if (t.type === "page") {
+    const e = t;
+    if (e.parentId !== null) return null;
+    const o = e.icon ? p(e.icon) : void 0;
+    return /* @__PURE__ */ n(r, { content: e.label, relationship: "description", children: /* @__PURE__ */ n("div", { className: l.container, onClick: () => i(e.id), children: /* @__PURE__ */ n("div", { children: o && /* @__PURE__ */ n(c, { name: o }) }) }, e.id) });
+  }
+  return null;
+};
+export {
+  j as Rails
+};
+//# sourceMappingURL=ApplicationShellRails.js.map

package/dist/lib/applicationshell/ApplicationShellRails.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApplicationShellRails.js","sources":["../../../src/lib/applicationshell/ApplicationShellRails.tsx"],"sourcesContent":["import { makeStyles, tokens, Tooltip } from \"@fluentui/react-components\";\nimport { User } from \"./TitleBar\";\nimport { ReactNode } from \"react\";\nimport { NavigationTreeItem, NavigationTreeItemGroup, NavigationTreeItemPage, UserStatus } from \"@seij/common-ui\";\nimport { PanelLeftContract } from \"./ApplicationShellPanelContract\";\nimport { Icon, IconName, parseIconName } from \"@seij/common-ui-icons\";\n\nconst useStylesRailboxItem = makeStyles({\n  container: {\n    display: \"flex\",\n    textAlign: \"center\",\n    width: \"32px\",\n    height: \"32px\",\n    alignItems: \"center\",\n    alignContent: \"center\",\n    \"& > div\": {\n      width: \"100%\",\n    },\n    \"&:hover\": {\n      cursor: \"pointer\",\n      backgroundColor: tokens.colorNeutralBackground4Hover,\n    },\n  },\n});\n\nexport function Rails({\n  applicationIcon,\n  navigationItems,\n  userStatus,\n  onClickHome,\n  onClickMenuItem,\n  onClickSidebarExpand,\n}: {\n  applicationIcon?: ReactNode;\n  navigationItems: NavigationTreeItem[];\n  userStatus: UserStatus;\n  onClickHome: () => void;\n  onClickMenuItem: (id: string) => void;\n  onClickSidebarExpand: () => void;\n}) {\n  return (\n    <div\n      style={{\n        backgroundColor: tokens.colorNeutralBackground4,\n        width: \"48px\",\n        height: \"100%\",\n        display: \"flex\",\n        flexDirection: \"column\",\n      }}\n    >\n      <div\n        style={{\n          display: \"flex\",\n          flexDirection: \"column\",\n          alignItems: \"center\",\n          justifyContent: \"start\",\n          paddingTop: \"0.5em\",\n        }}\n      >\n        <RailBoxApplicationIcon applicationIcon={applicationIcon} onClick={onClickHome} />\n      </div>\n      <div\n        style={{\n          flex: 1,\n          display: \"flex\",\n          flexDirection: \"column\",\n          alignItems: \"center\",\n          justifyContent: \"start\",\n        }}\n      >\n        {navigationItems.map((it) => (\n          <RailBoxNavigationItem key={it.id} item={it} onClick={onClickMenuItem} />\n        ))}\n      </div>\n      <div\n        style={{\n          display: \"flex\",\n          flexDirection: \"column\",\n          alignItems: \"center\",\n          justifyContent: \"start\",\n        }}\n      >\n        <User status={userStatus} />\n        <RailBoxPanelLeftExpand onClick={onClickSidebarExpand} />\n      </div>\n    </div>\n  );\n}\n\nconst RailBoxApplicationIcon = ({ applicationIcon, onClick }: { applicationIcon?: ReactNode; onClick: () => void }) => {\n  const styles = useStylesRailboxItem();\n  return (\n    <div className={styles.container} onClick={() => onClick()}>\n      <Tooltip content={\"Home\"} relationship=\"description\">\n        <span>{applicationIcon ? applicationIcon : <Icon name={\"dashboard\"} />}</span>\n      </Tooltip>\n    </div>\n  );\n};\nconst RailBoxPanelLeftExpand = ({ onClick }: { onClick: () => void }) => {\n  const styles = useStylesRailboxItem();\n  return (\n    <div className={styles.container} onClick={() => onClick()}>\n      <PanelLeftContract panelState={\"rails\"} onClick={onClick} />\n    </div>\n  );\n};\nconst RailBoxNavigationItem = ({ item, onClick }: { item: NavigationTreeItem; onClick: (id: string) => void }) => {\n  const styles = useStylesRailboxItem();\n  if (item.type === \"divider\") return null;\n  if (item.type === \"group\") {\n    const nav = item as NavigationTreeItemGroup;\n    const iconName: IconName | undefined = nav.icon ? parseIconName(nav.icon) : undefined;\n    return (\n      <div key={nav.id} className={styles.container} onClick={() => onClick(nav.id)}>\n        <Tooltip content={nav.label} relationship=\"description\">\n          {iconName && <Icon name={iconName} />}\n        </Tooltip>\n      </div>\n    );\n  }\n  if (item.type === \"page\") {\n    const nav = item as NavigationTreeItemPage;\n    if (nav.parentId !== null) return null;\n    const iconName: IconName | undefined = nav.icon ? parseIconName(nav.icon) : undefined;\n    return (\n      <Tooltip content={nav.label} relationship=\"description\">\n        <div key={nav.id} className={styles.container} onClick={() => onClick(nav.id)}>\n          <div>{iconName && <Icon name={iconName} />}</div>\n        </div>\n      </Tooltip>\n    );\n  }\n  return null;\n};\n"],"names":["useStylesRailboxItem","makeStyles","tokens","Rails","applicationIcon","navigationItems","userStatus","onClickHome","onClickMenuItem","onClickSidebarExpand","jsxs","jsx","RailBoxApplicationIcon","it","RailBoxNavigationItem","User","RailBoxPanelLeftExpand","onClick","styles","Tooltip","Icon","PanelLeftContract","item","nav","iconName","parseIconName"],"mappings":"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"}

package/dist/lib/applicationshell/ApplicationShellSidebar.d.ts

@@ -0,0 +1,18 @@
+import { NavigationTreeItem, UserStatus } from '@seij/common-ui';
+import { ReactNode } from 'react';
+export declare function Sidebar({ selectedItem, isMobile, applicationName, drawerOpen, openedCategories, applicationIcon, userStatus, navigationItems, onClickHome, onClickMenuItem, onClickCategory, onClickHamburger, onClickPanelReduce, }: {
+    isMobile: boolean;
+    drawerOpen: boolean;
+    selectedItem: string;
+    applicationName: string;
+    applicationIcon?: ReactNode;
+    openedCategories: string[];
+    navigationItems: NavigationTreeItem[];
+    userStatus: UserStatus;
+    onClickHome: () => void;
+    onClickMenuItem: (id: string) => void;
+    onClickCategory: (id: string) => void;
+    onClickHamburger: () => void;
+    onClickPanelReduce: () => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ApplicationShellSidebar.d.ts.map

package/dist/lib/applicationshell/ApplicationShellSidebar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApplicationShellSidebar.d.ts","sourceRoot":"","sources":["../../../src/lib/applicationshell/ApplicationShellSidebar.tsx"],"names":[],"mappings":"AASA,OAAO,EAAc,kBAAkB,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAG7E,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,wBAAgB,OAAO,CAAC,EACtB,YAAY,EACZ,QAAQ,EACR,eAAe,EACf,UAAU,EACV,gBAAgB,EAChB,eAAe,EACf,UAAU,EACV,eAAe,EACf,WAAW,EACX,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,kBAAkB,GACnB,EAAE;IACD,QAAQ,EAAE,OAAO,CAAC;IAClB,UAAU,EAAE,OAAO,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,gBAAgB,EAAE,MAAM,EAAE,CAAC;IAC3B,eAAe,EAAE,kBAAkB,EAAE,CAAC;IACtC,UAAU,EAAE,UAAU,CAAC;IACvB,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,eAAe,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,kBAAkB,EAAE,MAAM,IAAI,CAAC;CAChC,2CAoCA"}