@edifice.io/react 2.0.0-develop-rc.8 → 2.0.0-develop-rc.13

package/dist/multimedia/Workspace/Workspace.js

@@ -0,0 +1,169 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useRef, useState, useCallback, useEffect } from "react";
+import { SortTime, SortAscendingLetters, SortDescendingLetters } from "@edifice.io/icons";
+import clsx from "clsx";
+import { useTranslation } from "react-i18next";
+import useWorkspaceSearch from "../../core/useWorkspaceSearch/useWorkspaceSearch.js";
+import { Grid } from "../../components/Grid/Grid.js";
+import TreeView from "../../components/TreeView/TreeView.js";
+import SearchBar from "../../components/SearchBar/SearchBar.js";
+import FileCard from "../../components/FileCard/FileCard.js";
+import Dropdown from "../../components/Dropdown/Dropdown.js";
+import LoadingScreen from "../../components/LoadingScreen/LoadingScreen.js";
+import EmptyScreen from "../../components/EmptyScreen/EmptyScreen.js";
+import { findTreeNode } from "../../utils/findTreeNode.js";
+const Workspace = ({
+  roles,
+  onSelect,
+  multiple = !0,
+  className,
+  defaultFolder,
+  showPublicFolder
+}) => {
+  const {
+    t
+  } = useTranslation(), {
+    root: ownerRoot,
+    loadContent: loadOwnerDocs
+  } = useWorkspaceSearch("root", t("workspace.tree.owner"), "owner", roles), {
+    root: sharedRoot,
+    loadContent: loadSharedDocs
+  } = useWorkspaceSearch("root", t("workspace.tree.shared"), "shared", roles), {
+    root: protectRoot,
+    loadContent: loadProtectedDocs
+  } = useWorkspaceSearch("root", t("workspace.tree.protected"), "protected", roles), {
+    root: publicRoot,
+    loadContent: loadPublicDocs
+  } = useWorkspaceSearch("root", t("workspace.tree.public"), "public", roles), ownerRef = useRef(null), sharedRef = useRef(null), protectRef = useRef(null), publicRef = useRef(null), [currentFilter, setCurrentFilter] = useState(() => defaultFolder === "public" ? showPublicFolder ? defaultFolder : "protected" : defaultFolder === "protected" || defaultFolder === "shared" ? defaultFolder : "owner"), [currentNode, setCurrentNode] = useState(() => defaultFolder === "public" ? showPublicFolder ? publicRoot : protectRoot : defaultFolder === "protected" ? protectRoot : defaultFolder === "shared" ? sharedRoot : ownerRoot), [documents, setDocuments] = useState(), [searchTerm, setSearchTerm] = useState(null), [sortOrder, setSortOrder] = useState(["modified", "desc"]), [selectedDocuments, setSelectedDocuments] = useState([]), rootNodeFor = useCallback((filter) => {
+    switch (filter) {
+      case "owner":
+        return {
+          root: ownerRoot,
+          othersRef: [sharedRef, protectRef, publicRef]
+        };
+      case "shared":
+        return {
+          root: sharedRoot,
+          othersRef: [ownerRef, protectRef, publicRef]
+        };
+      case "protected":
+        return {
+          root: protectRoot,
+          othersRef: [ownerRef, sharedRef, publicRef]
+        };
+      case "public":
+        return {
+          root: publicRoot,
+          othersRef: [ownerRef, sharedRef, protectRef]
+        };
+      default:
+        throw "no.root.node";
+    }
+  }, [ownerRoot, sharedRoot, protectRoot, publicRoot]), loadContent = useCallback(() => {
+    switch (currentFilter) {
+      case "owner":
+        loadOwnerDocs(currentNode.id);
+        break;
+      case "shared":
+        loadSharedDocs(currentNode.id);
+        break;
+      case "protected":
+        loadProtectedDocs(currentNode.id);
+        break;
+      case "public":
+        loadPublicDocs(currentNode.id);
+        break;
+      default:
+        throw "no.way";
+    }
+  }, [currentFilter, currentNode.id, loadOwnerDocs, loadProtectedDocs, loadPublicDocs, loadSharedDocs]);
+  function selectAndLoadContent(filter, nodeId) {
+    setCurrentFilter(filter);
+    const {
+      root,
+      othersRef
+    } = rootNodeFor(filter), targetNode = findTreeNode(root, (node) => node.id === nodeId);
+    targetNode && (setCurrentNode(targetNode), othersRef.forEach((otherRef) => {
+      var _a;
+      return (_a = otherRef.current) == null ? void 0 : _a.unselectAll();
+    }));
+  }
+  useEffect(() => {
+    var _a;
+    let ref;
+    switch (currentFilter) {
+      case "owner":
+        ref = ownerRef;
+        break;
+      case "shared":
+        ref = sharedRef;
+        break;
+      case "protected":
+        ref = protectRef;
+        break;
+      case "public":
+        ref = publicRef;
+        break;
+      default:
+        return;
+    }
+    (_a = ref == null ? void 0 : ref.current) == null || _a.select("root");
+  }, [currentFilter]), useEffect(loadContent, [loadContent]), useEffect(() => {
+    if (currentNode.files) {
+      let list = [].concat(currentNode.files);
+      searchTerm && (list = list.filter((f) => f.name.indexOf(searchTerm) >= 0));
+      const sortFunction = sortOrder[0] === "name" ? sortOrder[1] === "asc" ? (a, b) => compare(a.name, b.name) : (a, b) => compare(b.name, a.name) : (a, b) => compare(b.modified, a.modified);
+      setDocuments(() => list.sort(sortFunction));
+    } else
+      setDocuments(void 0);
+  }, [currentNode, ownerRoot, protectRoot, sharedRoot, publicRoot, searchTerm, sortOrder]);
+  const handleSearchChange = useCallback((e) => {
+    setSearchTerm(e.target.value);
+  }, [setSearchTerm]);
+  function compare(a, b) {
+    return a ? b ? a.localeCompare(b) : 1 : -1;
+  }
+  function getSortOrderLabel() {
+    return sortOrder[0] === "name" ? sortOrder[1] === "asc" ? t("sort.order.alpha.asc") : t("sort.order.alpha.desc") : t("sort.order.modify.desc");
+  }
+  function handleSelectDoc(doc) {
+    let currentDocuments = [...selectedDocuments];
+    multiple ? currentDocuments.includes(doc) ? currentDocuments = currentDocuments.filter((selectedDocument) => selectedDocument._id !== doc._id) : currentDocuments = [...currentDocuments, doc] : currentDocuments = [doc], setSelectedDocuments(currentDocuments), onSelect(currentDocuments);
+  }
+  const workspace = clsx("workspace flex-grow-1 gap-0", className);
+  return /* @__PURE__ */ jsxs(Grid, { className: workspace, children: [
+    /* @__PURE__ */ jsx(Grid.Col, { sm: "12", md: "3", xl: "4", className: "workspace-folders p-12 pt-0 gap-12", children: /* @__PURE__ */ jsxs("div", { style: {
+      position: "sticky",
+      top: 0,
+      paddingTop: "1.2rem"
+    }, children: [
+      /* @__PURE__ */ jsx(TreeView, { ref: ownerRef, data: ownerRoot, onTreeItemSelect: (nodeId) => selectAndLoadContent("owner", nodeId), onTreeItemUnfold: (nodeId) => selectAndLoadContent("owner", nodeId) }),
+      /* @__PURE__ */ jsx(TreeView, { ref: sharedRef, data: sharedRoot, onTreeItemSelect: (nodeId) => selectAndLoadContent("shared", nodeId), onTreeItemUnfold: (nodeId) => selectAndLoadContent("shared", nodeId) }),
+      /* @__PURE__ */ jsx(TreeView, { ref: protectRef, data: protectRoot, onTreeItemSelect: (nodeId) => selectAndLoadContent("protected", nodeId), onTreeItemUnfold: (nodeId) => selectAndLoadContent("protected", nodeId) }),
+      showPublicFolder && /* @__PURE__ */ jsx(TreeView, { ref: publicRef, data: publicRoot, onTreeItemSelect: (nodeId) => selectAndLoadContent("public", nodeId), onTreeItemUnfold: (nodeId) => selectAndLoadContent("public", nodeId) })
+    ] }) }),
+    /* @__PURE__ */ jsx(Grid.Col, { sm: "12", md: "5", xl: "8", children: /* @__PURE__ */ jsxs(Grid, { className: "flex-grow-1 gap-0", children: [
+      /* @__PURE__ */ jsxs(Grid.Col, { sm: "4", md: "8", xl: "12", children: [
+        /* @__PURE__ */ jsx("div", { className: "workspace-search px-16 py-8 ", children: /* @__PURE__ */ jsx(SearchBar, { isVariant: !0, className: "gap-16", onChange: handleSearchChange }) }),
+        /* @__PURE__ */ jsxs("div", { className: "d-flex align-items-center justify-content-end px-8 py-4", children: [
+          /* @__PURE__ */ jsx("small", { className: "text-muted", children: t("workspace.search.order") }),
+          /* @__PURE__ */ jsxs(Dropdown, { children: [
+            /* @__PURE__ */ jsx(Dropdown.Trigger, { size: "sm", label: getSortOrderLabel(), variant: "ghost" }),
+            /* @__PURE__ */ jsxs(Dropdown.Menu, { children: [
+              /* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SortTime, {}), onClick: () => setSortOrder(["modified", "desc"]), children: t("sort.order.modify.desc") }),
+              /* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SortAscendingLetters, {}), onClick: () => setSortOrder(["name", "asc"]), children: t("sort.order.alpha.asc") }),
+              /* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(SortDescendingLetters, {}), onClick: () => setSortOrder(["name", "desc"]), children: t("sort.order.alpha.desc") })
+            ] })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(Grid.Col, { sm: "4", md: "8", xl: "12", className: "p-8 gap-8", children: documents ? documents.length !== 0 ? /* @__PURE__ */ jsx("div", { className: "grid grid-workspace", children: documents.map((doc) => {
+        const isSelected = selectedDocuments.includes(doc);
+        return /* @__PURE__ */ jsx(FileCard, { doc, isSelected, onClick: () => handleSelectDoc(doc) }, doc._id);
+      }) }) : /* @__PURE__ */ jsx(EmptyScreen, { imageSrc: "/assets/themes/edifice-bootstrap/images/emptyscreen/illu-trash.svg", text: t("workspace.empty.docSpace"), title: t("explorer.emptyScreen.trash.title") }) : /* @__PURE__ */ jsx(LoadingScreen, {}) })
+    ] }) })
+  ] });
+}, Component = Workspace;
+export {
+  Component as default
+};

package/dist/portal/Header/Badge.js

@@ -1,10 +1,9 @@
-import { jsx as o } from "react/jsx-runtime";
-function e({
-  children: n
+import { jsx } from "react/jsx-runtime";
+function Badge({
+  children
 }) {
-  return /* @__PURE__ */ o("span", { className: "position-absolute badge rounded-pill bg-warning", children: n });
+  return /* @__PURE__ */ jsx("span", { className: "position-absolute badge rounded-pill bg-warning", children });
 }
 export {
-  e as Badge
+  Badge
 };
-//# sourceMappingURL=Badge.js.map

package/dist/portal/Header/Header.js

@@ -1,164 +1,165 @@
-import { jsx as e, jsxs as a, Fragment as D } from "react/jsx-runtime";
-import G from "clsx";
-import { useTranslation as J } from "react-i18next";
-import { useHelp as K } from "../Help/hooks/useHelp.js";
-import Q from "../SearchEngine/SearchEngine.js";
-import { Badge as v } from "./Badge.js";
-import { NavItem as r } from "./NavItem.js";
-import { NavLink as l } from "./NavLink.js";
-import { Navbar as f } from "./Navbar.js";
-import { NavBarNav as L } from "./NavbarNav.js";
-import { WidgetAppsBody as X, WidgetAppsFooter as Y } from "./WidgetApps.js";
-import Z from "../../core/useConversation/useConversation.js";
-import _ from "../../core/useUser/useUser.js";
-import ee from "../../core/useHasWorkflow/useHasWorkflow.js";
-import ae from "../../core/useHeader/useHeader.js";
-import { VisuallyHidden as d } from "../../components/VisuallyHidden/VisuallyHidden.js";
-import B from "../Help/Help.js";
-import { Logo as M } from "../../components/Logo/Logo.js";
-import { Popover as ne, PopoverBody as re, PopoverFooter as oe } from "../../components/Popover/Popover.js";
-import { useOdeClient as le } from "../../core/OdeClientProvider/OdeClientProvider.js";
-import { useOdeTheme as ie } from "../../core/ThemeProvider/ThemeProvider.js";
-import { Avatar as P } from "../../components/Avatar/Avatar.js";
-import { Icon as o } from "../../components/Icon/Icon.js";
-const Le = ({
-  is1d: m = !1,
-  src: u = ""
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { RafterDown } from "@edifice.io/icons";
+import { OneMessaging, OneProfile, OneAssistance, Disconnect, NewRelease, Userbook, MyApps, Home, NeoMessaging, NeoAssistance, Community } from "@edifice.io/icons/nav";
+import clsx from "clsx";
+import { useTranslation } from "react-i18next";
+import { useHelp } from "../Help/hooks/useHelp.js";
+import SearchEngine from "../SearchEngine/SearchEngine.js";
+import { Badge } from "./Badge.js";
+import { NavItem } from "./NavItem.js";
+import { NavLink } from "./NavLink.js";
+import { Navbar } from "./Navbar.js";
+import { NavBarNav } from "./NavbarNav.js";
+import { WidgetAppsBody, WidgetAppsFooter } from "./WidgetApps.js";
+import useConversation from "../../core/useConversation/useConversation.js";
+import useUser from "../../core/useUser/useUser.js";
+import useHasWorkflow from "../../core/useHasWorkflow/useHasWorkflow.js";
+import useHeader from "../../core/useHeader/useHeader.js";
+import Help from "../Help/Help.js";
+import Logo from "../../components/Logo/Logo.js";
+import { Popover, PopoverBody, PopoverFooter } from "../../components/Popover/Popover.js";
+import { useOdeClient } from "../../core/OdeClientProvider/OdeClientProvider.js";
+import { useOdeTheme } from "../../core/ThemeProvider/ThemeProvider.js";
+import Avatar from "../../components/Avatar/Avatar.js";
+import VisuallyHidden from "../../components/VisuallyHidden/VisuallyHidden.js";
+const Header = ({
+  is1d = !1,
+  src = ""
 }) => {
   const {
-    t: n
-  } = J(), {
-    messages: i,
-    msgLink: $,
-    zimbraWorkflow: z
-  } = Z(), {
-    user: E,
-    avatar: F
-  } = _(), {
-    currentLanguage: b,
-    currentApp: s
-  } = le(), N = ee("org.entcore.portal.controllers.PortalController|oldHelpEnable") || !1, {
-    isModalOpen: g,
-    setIsModalOpen: c,
-    parsedContent: k,
-    parsedHeadline: w,
-    error: y
-  } = K(), j = G("header", {
-    "no-2d": m,
-    "no-1d": !m
+    t
+  } = useTranslation(), {
+    messages,
+    msgLink,
+    zimbraWorkflow
+  } = useConversation(), {
+    user,
+    avatar
+  } = useUser(), {
+    currentLanguage,
+    currentApp
+  } = useOdeClient(), hasOldHelpEnableWorkflow = useHasWorkflow("org.entcore.portal.controllers.PortalController|oldHelpEnable") || !1, {
+    isModalOpen: isHelpOpen,
+    setIsModalOpen: setIsHelpOpen,
+    parsedContent,
+    parsedHeadline,
+    error
+  } = useHelp(), classes = clsx("header", {
+    "no-2d": is1d,
+    "no-1d": !is1d
   }), {
-    title: x,
-    bookmarkedApps: T,
-    appsRef: U,
-    isAppsHovered: C,
-    popoverAppsId: H,
-    userAvatar: A,
-    userName: W,
-    welcomeUser: V,
-    communityWorkflow: R,
-    conversationWorflow: O,
-    searchWorkflow: S,
-    isCollapsed: t,
-    toggleCollapsedNav: I,
-    handleLogout: q
-  } = ae({
-    user: E,
-    avatar: F
-  }), p = i > 0, {
-    theme: h
-  } = ie();
-  return /* @__PURE__ */ e("header", { className: j, children: m ? /* @__PURE__ */ a(D, { children: [
-    /* @__PURE__ */ e("div", { className: "container-fluid", children: /* @__PURE__ */ a(f, { children: [
-      /* @__PURE__ */ e("a", { className: "navbar-title d-md-none text-truncate h4", href: s ? s.address : "/timeline/timeline", children: x }),
-      /* @__PURE__ */ a("div", { className: "d-none d-md-inline-flex gap-12 align-items-center", children: [
-        /* @__PURE__ */ e(P, { alt: W, size: "sm", src: A, variant: "circle", width: "32", height: "32" }),
-        /* @__PURE__ */ e("span", { className: "navbar-text", children: V })
+    title,
+    bookmarkedApps,
+    appsRef,
+    isAppsHovered,
+    popoverAppsId,
+    userAvatar,
+    userName,
+    welcomeUser,
+    communityWorkflow,
+    conversationWorflow,
+    searchWorkflow,
+    isCollapsed,
+    toggleCollapsedNav,
+    handleLogout
+  } = useHeader({
+    user,
+    avatar
+  }), hasMessages = messages > 0, {
+    theme
+  } = useOdeTheme();
+  return /* @__PURE__ */ jsx("header", { className: classes, children: is1d ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("div", { className: "container-fluid", children: /* @__PURE__ */ jsxs(Navbar, { children: [
+      /* @__PURE__ */ jsx("a", { className: "navbar-title d-md-none text-truncate h4", href: currentApp ? currentApp.address : "/timeline/timeline", children: title }),
+      /* @__PURE__ */ jsxs("div", { className: "d-none d-md-inline-flex gap-12 align-items-center", children: [
+        /* @__PURE__ */ jsx(Avatar, { alt: userName, size: "sm", src: userAvatar, variant: "circle", width: "32", height: "32" }),
+        /* @__PURE__ */ jsx("span", { className: "navbar-text", children: welcomeUser })
       ] }),
-      /* @__PURE__ */ a(L, { className: "gap-8", "aria-hidden": "false", "aria-label": n("navbar.main.navigation"), children: [
-        O && /* @__PURE__ */ e(r, { children: /* @__PURE__ */ a("a", { href: "/conversation/conversation", className: "nav-link", children: [
-          /* @__PURE__ */ e(o, { name: "nav/one-messaging", className: "icon notification" }),
-          p && /* @__PURE__ */ e(v, { children: i }),
-          /* @__PURE__ */ e(d, { children: n("navbar.messages") })
+      /* @__PURE__ */ jsxs(NavBarNav, { className: "gap-8", "aria-hidden": "false", "aria-label": t("navbar.main.navigation"), children: [
+        conversationWorflow && /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsxs("a", { href: "/conversation/conversation", className: "nav-link", children: [
+          /* @__PURE__ */ jsx(OneMessaging, { className: "icon notification" }),
+          hasMessages && /* @__PURE__ */ jsx(Badge, { children: messages }),
+          /* @__PURE__ */ jsx(VisuallyHidden, { children: t("navbar.messages") })
         ] }) }),
-        /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(l, { link: "/userbook/mon-compte", className: "dropdown-item", translate: n("navbar.myaccount"), children: /* @__PURE__ */ e(o, { name: "nav/one-profile", className: "icon user" }) }) }),
-        b === "fr" && N ? /* @__PURE__ */ a(r, { children: [
-          /* @__PURE__ */ a("button", { className: "nav-link", onClick: () => {
-            c(!0);
+        /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsx(NavLink, { link: "/userbook/mon-compte", className: "dropdown-item", translate: t("navbar.myaccount"), children: /* @__PURE__ */ jsx(OneProfile, { className: "icon user" }) }) }),
+        currentLanguage === "fr" && hasOldHelpEnableWorkflow ? /* @__PURE__ */ jsxs(NavItem, { children: [
+          /* @__PURE__ */ jsxs("button", { className: "nav-link", onClick: () => {
+            setIsHelpOpen(!0);
           }, children: [
-            /* @__PURE__ */ e(o, { name: "nav/neo-assistance", className: "icon help" }),
-            /* @__PURE__ */ e(d, { children: n("navbar.help") })
+            /* @__PURE__ */ jsx(OneAssistance, { className: "icon help" }),
+            /* @__PURE__ */ jsx(VisuallyHidden, { children: t("navbar.help") })
           ] }),
-          /* @__PURE__ */ e(B, { isHelpOpen: g, setIsHelpOpen: c, parsedContent: k, parsedHeadline: w, error: y })
+          /* @__PURE__ */ jsx(Help, { isHelpOpen, setIsHelpOpen, parsedContent, parsedHeadline, error })
         ] }) : null,
-        /* @__PURE__ */ e(r, { children: /* @__PURE__ */ a("button", { className: "nav-link", onClick: q, children: [
-          /* @__PURE__ */ e(o, { name: "nav/disconnect", className: "icon logout" }),
-          /* @__PURE__ */ e(d, { children: n("navbar.disconnect") })
+        /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsxs("button", { className: "nav-link", onClick: handleLogout, children: [
+          /* @__PURE__ */ jsx(Disconnect, { className: "icon logout" }),
+          /* @__PURE__ */ jsx(VisuallyHidden, { children: t("navbar.disconnect") })
         ] }) }),
-        /* @__PURE__ */ e(r, { className: "d-md-none", children: /* @__PURE__ */ e("button", { className: "nav-link btn btn-naked", type: "button", "aria-controls": "navbarCollapsed", "aria-expanded": !t, "aria-label": n("navbar.secondary.navigation"), onClick: I, children: /* @__PURE__ */ e(o, { name: "rafter-down", className: "icon rafter-down", width: "20", height: "20" }) }) })
+        /* @__PURE__ */ jsx(NavItem, { className: "d-md-none", children: /* @__PURE__ */ jsx("button", { className: "nav-link btn btn-naked", type: "button", "aria-controls": "navbarCollapsed", "aria-expanded": !isCollapsed, "aria-label": t("navbar.secondary.navigation"), onClick: toggleCollapsedNav, children: /* @__PURE__ */ jsx(RafterDown, { className: "icon rafter-down", width: "20", height: "20" }) }) })
       ] })
     ] }) }),
-    /* @__PURE__ */ e(f, { className: "no-2d navbar-secondary navbar-expand-md", "aria-label": n("navbar.secondary.navigation"), children: /* @__PURE__ */ e("div", { className: "container-fluid", children: /* @__PURE__ */ a("div", { className: `collapse navbar-collapse ${t ? "" : "show"}`, id: "navbarCollapsed", children: [
-      /* @__PURE__ */ e(M, { is1d: !0, src: `${u}/img/illustrations/logo.png`, translate: n("navbar.home") }),
-      /* @__PURE__ */ a(L, { className: "gap-8", children: [
-        /* @__PURE__ */ e(r, { children: /* @__PURE__ */ a("a", { href: "/timeline/timeline", className: "button", children: [
-          /* @__PURE__ */ e(o, { name: "nav/new-release", color: "#fff", className: "d-md-none" }),
-          /* @__PURE__ */ e("span", { className: "d-inline-block", children: n("portal.header.navigation.whatsnew") })
+    /* @__PURE__ */ jsx(Navbar, { className: "no-2d navbar-secondary navbar-expand-md", "aria-label": t("navbar.secondary.navigation"), children: /* @__PURE__ */ jsx("div", { className: "container-fluid", children: /* @__PURE__ */ jsxs("div", { className: `collapse navbar-collapse ${isCollapsed ? "" : "show"}`, id: "navbarCollapsed", children: [
+      /* @__PURE__ */ jsx(Logo, { is1d: !0, src: `${src}/img/illustrations/logo.png`, translate: t("navbar.home") }),
+      /* @__PURE__ */ jsxs(NavBarNav, { className: "gap-8", children: [
+        /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsxs("a", { href: "/timeline/timeline", className: "button", children: [
+          /* @__PURE__ */ jsx(NewRelease, { color: "#fff", className: "d-md-none" }),
+          /* @__PURE__ */ jsx("span", { className: "d-inline-block", children: t("portal.header.navigation.whatsnew") })
         ] }) }),
-        /* @__PURE__ */ e(r, { children: /* @__PURE__ */ a("a", { href: "/userbook/annuaire", className: "button", children: [
-          /* @__PURE__ */ e(o, { name: "nav/userbook", color: "#fff", className: "d-md-none" }),
-          /* @__PURE__ */ e("span", { className: "d-inline-block", children: n("portal.header.navigation.classMembers") })
+        /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsxs("a", { href: "/userbook/annuaire", className: "button", children: [
+          /* @__PURE__ */ jsx(Userbook, { color: "#fff", className: "d-md-none" }),
+          /* @__PURE__ */ jsx("span", { className: "d-inline-block", children: t("portal.header.navigation.classMembers") })
         ] }) }),
-        /* @__PURE__ */ e(r, { children: /* @__PURE__ */ a("a", { href: "/welcome", className: "button", children: [
-          /* @__PURE__ */ e(o, { name: "nav/my-apps", color: "#fff", className: "d-md-none" }),
-          /* @__PURE__ */ e("span", { className: "d-inline-block", children: n("portal.header.navigation.myapps") })
+        /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsxs("a", { href: "/welcome", className: "button", children: [
+          /* @__PURE__ */ jsx(MyApps, { color: "#fff", className: "d-md-none" }),
+          /* @__PURE__ */ jsx("span", { className: "d-inline-block", children: t("portal.header.navigation.myapps") })
         ] }) })
       ] })
     ] }) }) })
-  ] }) : /* @__PURE__ */ e(f, { className: "navbar-expand-md", children: /* @__PURE__ */ a("div", { className: "container-fluid", children: [
-    /* @__PURE__ */ e(M, { src: `${u}/img/illustrations/logo.png` }),
-    /* @__PURE__ */ e("a", { href: s ? s.address : "/timeline/timeline", className: "navbar-title text-truncate d-md-none", children: x }),
-    /* @__PURE__ */ a("ul", { className: "navbar-nav", children: [
-      /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(l, { link: "/timeline/timeline", translate: n("navbar.home"), children: /* @__PURE__ */ e(o, { name: "nav/home", color: "#fff" }) }) }),
-      /* @__PURE__ */ a(r, { className: "position-relative", ref: U, id: H, "aria-haspopup": "true", "aria-expanded": C, children: [
-        /* @__PURE__ */ e(l, { link: "/welcome", translate: n("navbar.applications"), children: /* @__PURE__ */ e(o, { name: "nav/my-apps", color: "#fff" }) }),
-        /* @__PURE__ */ a(ne, { className: "top-100 widget", id: H, isVisible: C, children: [
-          /* @__PURE__ */ e(re, { children: /* @__PURE__ */ e(X, { bookmarkedApps: T }) }),
-          /* @__PURE__ */ e(oe, { className: "widget-footer border-top border-ghost", children: /* @__PURE__ */ e(Y, {}) })
+  ] }) : /* @__PURE__ */ jsx(Navbar, { className: "navbar-expand-md", children: /* @__PURE__ */ jsxs("div", { className: "container-fluid", children: [
+    /* @__PURE__ */ jsx(Logo, { src: `${src}/img/illustrations/logo.png` }),
+    /* @__PURE__ */ jsx("a", { href: currentApp ? currentApp.address : "/timeline/timeline", className: "navbar-title text-truncate d-md-none", children: title }),
+    /* @__PURE__ */ jsxs("ul", { className: "navbar-nav", children: [
+      /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsx(NavLink, { link: "/timeline/timeline", translate: t("navbar.home"), children: /* @__PURE__ */ jsx(Home, { color: "#fff" }) }) }),
+      /* @__PURE__ */ jsxs(NavItem, { className: "position-relative", ref: appsRef, id: popoverAppsId, "aria-haspopup": "true", "aria-expanded": isAppsHovered, children: [
+        /* @__PURE__ */ jsx(NavLink, { link: "/welcome", translate: t("navbar.applications"), children: /* @__PURE__ */ jsx(MyApps, { color: "#fff" }) }),
+        /* @__PURE__ */ jsxs(Popover, { className: "top-100 widget", id: popoverAppsId, isVisible: isAppsHovered, children: [
+          /* @__PURE__ */ jsx(PopoverBody, { children: /* @__PURE__ */ jsx(WidgetAppsBody, { bookmarkedApps }) }),
+          /* @__PURE__ */ jsx(PopoverFooter, { className: "widget-footer border-top border-ghost", children: /* @__PURE__ */ jsx(WidgetAppsFooter, {}) })
         ] })
       ] }),
-      O && /* @__PURE__ */ e(r, { children: /* @__PURE__ */ a(l, { className: "position-relative", link: "/conversation/conversation", translate: n("conversation"), children: [
-        /* @__PURE__ */ e(o, { name: "nav/neo-messaging", color: "#fff" }),
-        p && /* @__PURE__ */ e(v, { children: i })
+      conversationWorflow && /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsxs(NavLink, { className: "position-relative", link: "/conversation/conversation", translate: t("conversation"), children: [
+        /* @__PURE__ */ jsx(NeoMessaging, { color: "#fff" }),
+        hasMessages && /* @__PURE__ */ jsx(Badge, { children: messages })
       ] }) }),
-      z && /* @__PURE__ */ e(r, { children: /* @__PURE__ */ a(l, { className: "position-relative", link: $, translate: n("conversation"), children: [
-        /* @__PURE__ */ e(o, { name: "nav/neo-messaging", color: "#fff" }),
-        p && /* @__PURE__ */ e(v, { children: i })
+      zimbraWorkflow && /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsxs(NavLink, { className: "position-relative", link: msgLink, translate: t("conversation"), children: [
+        /* @__PURE__ */ jsx(NeoMessaging, { color: "#fff" }),
+        hasMessages && /* @__PURE__ */ jsx(Badge, { children: messages })
       ] }) }),
-      b === "fr" && N ? /* @__PURE__ */ a(r, { children: [
-        /* @__PURE__ */ a("button", { className: "nav-link btn btn-naked", onClick: () => {
-          c(!0);
+      currentLanguage === "fr" && hasOldHelpEnableWorkflow ? /* @__PURE__ */ jsxs(NavItem, { children: [
+        /* @__PURE__ */ jsxs("button", { className: "nav-link btn btn-naked", onClick: () => {
+          setIsHelpOpen(!0);
         }, children: [
-          /* @__PURE__ */ e(o, { name: "nav/neo-assistance", color: "#fff" }),
-          /* @__PURE__ */ e(d, { children: n("support") })
+          /* @__PURE__ */ jsx(NeoAssistance, { color: "#fff" }),
+          /* @__PURE__ */ jsx(VisuallyHidden, { children: t("support") })
         ] }),
-        /* @__PURE__ */ e(B, { isHelpOpen: g, setIsHelpOpen: c, parsedContent: k, parsedHeadline: w, error: y })
+        /* @__PURE__ */ jsx(Help, { isHelpOpen, setIsHelpOpen, parsedContent, parsedHeadline, error })
       ] }) : null,
-      /* @__PURE__ */ e(r, { children: /* @__PURE__ */ a("div", { className: "dropdown", children: [
-        /* @__PURE__ */ e("button", { className: "nav-link btn btn-naked d-md-none", type: "button", "aria-controls": "dropdown-navbar", "aria-expanded": !t, "aria-label": n("navbar.open.menu"), onClick: I, children: /* @__PURE__ */ e(o, { name: "rafter-down", className: "icon rafter-down", width: "20", height: "20", color: "#fff" }) }),
-        /* @__PURE__ */ a("ul", { className: `dropdown-menu dropdown-menu-end ${t ? "" : "show"}`, id: "dropdown-navbar", children: [
-          R && /* @__PURE__ */ e(r, { children: /* @__PURE__ */ a("a", { href: "/community", className: "nav-link dropdown-item", children: [
-            /* @__PURE__ */ e(o, { name: "nav/community", className: "icon community" }),
-            /* @__PURE__ */ e("span", { className: "nav-text", children: n("navbar.community") })
+      /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsxs("div", { className: "dropdown", children: [
+        /* @__PURE__ */ jsx("button", { className: "nav-link btn btn-naked d-md-none", type: "button", "aria-controls": "dropdown-navbar", "aria-expanded": !isCollapsed, "aria-label": t("navbar.open.menu"), onClick: toggleCollapsedNav, children: /* @__PURE__ */ jsx(RafterDown, { className: "icon rafter-down", width: "20", height: "20", color: "#fff" }) }),
+        /* @__PURE__ */ jsxs("ul", { className: `dropdown-menu dropdown-menu-end ${isCollapsed ? "" : "show"}`, id: "dropdown-navbar", children: [
+          communityWorkflow && /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsxs("a", { href: "/community", className: "nav-link dropdown-item", children: [
+            /* @__PURE__ */ jsx(Community, { className: "icon community" }),
+            /* @__PURE__ */ jsx("span", { className: "nav-text", children: t("navbar.community") })
           ] }) }),
-          S ? /* @__PURE__ */ e(Q, {}) : null,
-          /* @__PURE__ */ e(r, { children: /* @__PURE__ */ a("a", { href: "/userbook/mon-compte", className: "nav-link dropdown-item", children: [
-            /* @__PURE__ */ e(P, { alt: W, size: "sm", src: A, variant: "circle", className: "bg-white", width: "32", height: "32" }),
-            /* @__PURE__ */ e("span", { className: "nav-text", children: n("navbar.myaccount") })
+          searchWorkflow ? /* @__PURE__ */ jsx(SearchEngine, {}) : null,
+          /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsxs("a", { href: "/userbook/mon-compte", className: "nav-link dropdown-item", children: [
+            /* @__PURE__ */ jsx(Avatar, { alt: userName, size: "sm", src: userAvatar, variant: "circle", className: "bg-white", width: "32", height: "32" }),
+            /* @__PURE__ */ jsx("span", { className: "nav-text", children: t("navbar.myaccount") })
           ] }) }),
-          /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e("hr", { className: "dropdown-divider" }) }),
-          /* @__PURE__ */ e(r, { children: /* @__PURE__ */ a("a", { href: "/auth/logout?callback=" + ((h == null ? void 0 : h.logoutCallback) ?? "/"), className: "nav-link dropdown-item", children: [
-            /* @__PURE__ */ e(o, { name: "nav/disconnect", className: "icon logout" }),
-            /* @__PURE__ */ e("span", { id: "logout-label", className: "nav-text", children: n("navbar.disconnect") })
+          /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsx("hr", { className: "dropdown-divider" }) }),
+          /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsxs("a", { href: "/auth/logout?callback=" + ((theme == null ? void 0 : theme.logoutCallback) ?? "/"), className: "nav-link dropdown-item", children: [
+            /* @__PURE__ */ jsx(Disconnect, { className: "icon logout" }),
+            /* @__PURE__ */ jsx("span", { id: "logout-label", className: "nav-text", children: t("navbar.disconnect") })
           ] }) })
         ] })
       ] }) })
@@ -166,6 +167,5 @@ const Le = ({
   ] }) }) });
 };
 export {
-  Le as default
+  Header as default
 };
-//# sourceMappingURL=Header.js.map

package/dist/portal/Header/NavItem.js

@@ -1,15 +1,14 @@
-import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as a } from "react";
-import c from "clsx";
-const n = /* @__PURE__ */ a(({
-  children: r,
-  className: o,
-  ...m
-}, s) => {
-  const t = c("nav-item", o);
-  return /* @__PURE__ */ e("li", { ref: s, className: t, ...m, children: r });
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import clsx from "clsx";
+const NavItem = /* @__PURE__ */ forwardRef(({
+  children,
+  className,
+  ...restProps
+}, ref) => {
+  const classes = clsx("nav-item", className);
+  return /* @__PURE__ */ jsx("li", { ref, className: classes, ...restProps, children });
 });
 export {
-  n as NavItem
+  NavItem
 };
-//# sourceMappingURL=NavItem.js.map

package/dist/portal/Header/NavLink.js

@@ -1,20 +1,19 @@
-import { jsxs as l, jsx as n } from "react/jsx-runtime";
-import o from "clsx";
-import { VisuallyHidden as m } from "../../components/VisuallyHidden/VisuallyHidden.js";
-function p({
-  link: r,
-  className: i,
-  children: e,
-  translate: s,
-  ...a
+import { jsxs, jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import VisuallyHidden from "../../components/VisuallyHidden/VisuallyHidden.js";
+function NavLink({
+  link,
+  className,
+  children,
+  translate,
+  ...restProps
 }) {
-  const c = o("nav-link", i);
-  return /* @__PURE__ */ l("a", { href: r, className: c, ...a, children: [
-    e,
-    s && /* @__PURE__ */ n(m, { children: /* @__PURE__ */ n("span", { className: "nav-text", children: s }) })
+  const classes = clsx("nav-link", className);
+  return /* @__PURE__ */ jsxs("a", { href: link, className: classes, ...restProps, children: [
+    children,
+    translate && /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx("span", { className: "nav-text", children: translate }) })
   ] });
 }
 export {
-  p as NavLink
+  NavLink
 };
-//# sourceMappingURL=NavLink.js.map

package/dist/portal/Header/Navbar.js

@@ -1,14 +1,13 @@
-import { jsx as n } from "react/jsx-runtime";
-import t from "clsx";
-function e({
-  children: r,
-  className: a,
-  ...s
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+function Navbar({
+  children,
+  className,
+  ...restProps
 }) {
-  const o = t("navbar", a);
-  return /* @__PURE__ */ n("nav", { className: o, ...s, children: r });
+  const classes = clsx("navbar", className);
+  return /* @__PURE__ */ jsx("nav", { className: classes, ...restProps, children });
 }
 export {
-  e as Navbar
+  Navbar
 };
-//# sourceMappingURL=Navbar.js.map