@edifice.io/react 2.0.0-develop-rc.3

package/dist/modules/multimedia/Workspace/Workspace.js

@@ -0,0 +1,169 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useRef, useState, useCallback, useEffect } from "react";
+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 { Icon } from "../../../components/Icon/Icon.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(Icon, { name: "sort-time" }), onClick: () => setSortOrder(["modified", "desc"]), children: t("sort.order.modify.desc") }),
+              /* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(Icon, { name: "sort-ascending-letters" }), onClick: () => setSortOrder(["name", "asc"]), children: t("sort.order.alpha.asc") }),
+              /* @__PURE__ */ jsx(Dropdown.Item, { icon: /* @__PURE__ */ jsx(Icon, { name: "sort-descending-letters" }), 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/modules/multimedia/Workspace/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Workspace } from './Workspace';
+export * from './Workspace';

package/dist/modules/multimedia/index.d.ts

@@ -0,0 +1,8 @@
+export * from './MediaLibrary';
+export * from './Workspace';
+export * from './VideoRecorder';
+export * from './Linker';
+export * from './LinkerCard';
+export * from './AudioRecorder';
+export * from './Embed';
+export * from './ImageEditor';

package/dist/multimedia.js

@@ -0,0 +1,20 @@
+import { default as default2 } from "./modules/multimedia/MediaLibrary/MediaLibrary.js";
+import { default as default3 } from "./modules/multimedia/Workspace/Workspace.js";
+import { default as default4 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
+import { default as default5 } from "./modules/multimedia/Linker/InternalLinker.js";
+import { default as default6 } from "./modules/multimedia/Linker/ExternalLinker.js";
+import { default as default7 } from "./modules/multimedia/LinkerCard/LinkerCard.js";
+import { default as default8 } from "./modules/multimedia/AudioRecorder/AudioRecorder.js";
+import { default as default9 } from "./modules/multimedia/Embed/Embed.js";
+import { default as default10 } from "./modules/multimedia/ImageEditor/components/ImageEditor.js";
+export {
+  default8 as AudioRecorder,
+  default9 as Embed,
+  default6 as ExternalLinker,
+  default10 as ImageEditor,
+  default5 as InternalLinker,
+  default7 as LinkerCard,
+  default2 as MediaLibrary,
+  default4 as VideoRecorder,
+  default3 as Workspace
+};

package/dist/portal/Header/Badge.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+export interface BadgeProps {
+    children: ReactNode;
+}
+export declare function Badge({ children }: BadgeProps): import("react/jsx-runtime").JSX.Element;

package/dist/portal/Header/Badge.js

@@ -0,0 +1,9 @@
+import { jsx } from "react/jsx-runtime";
+function Badge({
+  children
+}) {
+  return /* @__PURE__ */ jsx("span", { className: "position-absolute badge rounded-pill bg-warning", children });
+}
+export {
+  Badge
+};

package/dist/portal/Header/Header.d.ts

@@ -0,0 +1,9 @@
+export interface HeaderProps {
+    is1d?: boolean;
+    src: string | undefined;
+}
+declare const Header: {
+    ({ is1d, src }: HeaderProps): JSX.Element;
+    displayName: string;
+};
+export default Header;

package/dist/portal/Header/Header.js

@@ -0,0 +1,170 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+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 Avatar from "../../components/Avatar/Avatar.js";
+import VisuallyHidden from "../../components/VisuallyHidden/VisuallyHidden.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 { Icon } from "../../components/Icon/Icon.js";
+const Header = ({
+  is1d = !1,
+  src = ""
+}) => {
+  const {
+    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,
+    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__ */ 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(Icon, { name: "nav/one-messaging", className: "icon notification" }),
+          hasMessages && /* @__PURE__ */ jsx(Badge, { children: messages }),
+          /* @__PURE__ */ jsx(VisuallyHidden, { children: t("navbar.messages") })
+        ] }) }),
+        /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsx(NavLink, { link: "/userbook/mon-compte", className: "dropdown-item", translate: t("navbar.myaccount"), children: /* @__PURE__ */ jsx(Icon, { name: "nav/one-profile", className: "icon user" }) }) }),
+        currentLanguage === "fr" && hasOldHelpEnableWorkflow ? /* @__PURE__ */ jsxs(NavItem, { children: [
+          /* @__PURE__ */ jsxs("button", { className: "nav-link", onClick: () => {
+            setIsHelpOpen(!0);
+          }, children: [
+            /* @__PURE__ */ jsx(Icon, { name: "nav/neo-assistance", className: "icon help" }),
+            /* @__PURE__ */ jsx(VisuallyHidden, { children: t("navbar.help") })
+          ] }),
+          /* @__PURE__ */ jsx(Help, { isHelpOpen, setIsHelpOpen, parsedContent, parsedHeadline, error })
+        ] }) : null,
+        /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsxs("button", { className: "nav-link", onClick: handleLogout, children: [
+          /* @__PURE__ */ jsx(Icon, { name: "nav/disconnect", className: "icon logout" }),
+          /* @__PURE__ */ jsx(VisuallyHidden, { children: t("navbar.disconnect") })
+        ] }) }),
+        /* @__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(Icon, { name: "rafter-down", className: "icon rafter-down", width: "20", height: "20" }) }) })
+      ] })
+    ] }) }),
+    /* @__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(Icon, { name: "nav/new-release", color: "#fff", className: "d-md-none" }),
+          /* @__PURE__ */ jsx("span", { className: "d-inline-block", children: t("portal.header.navigation.whatsnew") })
+        ] }) }),
+        /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsxs("a", { href: "/userbook/annuaire", className: "button", children: [
+          /* @__PURE__ */ jsx(Icon, { name: "nav/userbook", color: "#fff", className: "d-md-none" }),
+          /* @__PURE__ */ jsx("span", { className: "d-inline-block", children: t("portal.header.navigation.classMembers") })
+        ] }) }),
+        /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsxs("a", { href: "/welcome", className: "button", children: [
+          /* @__PURE__ */ jsx(Icon, { name: "nav/my-apps", color: "#fff", className: "d-md-none" }),
+          /* @__PURE__ */ jsx("span", { className: "d-inline-block", children: t("portal.header.navigation.myapps") })
+        ] }) })
+      ] })
+    ] }) }) })
+  ] }) : /* @__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(Icon, { name: "nav/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(Icon, { name: "nav/my-apps", 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, {}) })
+        ] })
+      ] }),
+      conversationWorflow && /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsxs(NavLink, { className: "position-relative", link: "/conversation/conversation", translate: t("conversation"), children: [
+        /* @__PURE__ */ jsx(Icon, { name: "nav/neo-messaging", color: "#fff" }),
+        hasMessages && /* @__PURE__ */ jsx(Badge, { children: messages })
+      ] }) }),
+      zimbraWorkflow && /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsxs(NavLink, { className: "position-relative", link: msgLink, translate: t("conversation"), children: [
+        /* @__PURE__ */ jsx(Icon, { name: "nav/neo-messaging", color: "#fff" }),
+        hasMessages && /* @__PURE__ */ jsx(Badge, { children: messages })
+      ] }) }),
+      currentLanguage === "fr" && hasOldHelpEnableWorkflow ? /* @__PURE__ */ jsxs(NavItem, { children: [
+        /* @__PURE__ */ jsxs("button", { className: "nav-link btn btn-naked", onClick: () => {
+          setIsHelpOpen(!0);
+        }, children: [
+          /* @__PURE__ */ jsx(Icon, { name: "nav/neo-assistance", color: "#fff" }),
+          /* @__PURE__ */ jsx(VisuallyHidden, { children: t("support") })
+        ] }),
+        /* @__PURE__ */ jsx(Help, { isHelpOpen, setIsHelpOpen, parsedContent, parsedHeadline, error })
+      ] }) : null,
+      /* @__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(Icon, { name: "rafter-down", 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(Icon, { name: "nav/community", className: "icon community" }),
+            /* @__PURE__ */ jsx("span", { className: "nav-text", children: t("navbar.community") })
+          ] }) }),
+          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__ */ 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(Icon, { name: "nav/disconnect", className: "icon logout" }),
+            /* @__PURE__ */ jsx("span", { id: "logout-label", className: "nav-text", children: t("navbar.disconnect") })
+          ] }) })
+        ] })
+      ] }) })
+    ] })
+  ] }) }) });
+};
+export {
+  Header as default
+};

package/dist/portal/Header/NavItem.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export interface NavItemProps extends React.ComponentPropsWithRef<'li'> {
+    children: ReactNode;
+    className?: string;
+}
+export declare const NavItem: import('react').ForwardRefExoticComponent<Omit<NavItemProps, "ref"> & import('react').RefAttributes<HTMLLIElement>>;

package/dist/portal/Header/NavItem.js

@@ -0,0 +1,14 @@
+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 {
+  NavItem
+};

package/dist/portal/Header/NavLink.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+export interface NavLinkProps<T> {
+    /**
+     * href link
+     */
+    link: T;
+    /**
+     * To override default classes
+     */
+    className?: T;
+    /**
+     * Children props
+     */
+    children: ReactNode;
+    /**
+     * Translate Text
+     */
+    translate?: T;
+    /**
+     * Give Navlink Button Style (for 1D navbar)
+     */
+    button?: boolean;
+}
+export declare function NavLink({ link, className, children, translate, ...restProps }: NavLinkProps<string>): import("react/jsx-runtime").JSX.Element;

package/dist/portal/Header/NavLink.js

@@ -0,0 +1,19 @@
+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 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 {
+  NavLink
+};

package/dist/portal/Header/Navbar.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export interface NavbarProps {
+    children: ReactNode;
+    className?: string;
+}
+export declare function Navbar({ children, className, ...restProps }: NavbarProps): import("react/jsx-runtime").JSX.Element;

package/dist/portal/Header/Navbar.js

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+function Navbar({
+  children,
+  className,
+  ...restProps
+}) {
+  const classes = clsx("navbar", className);
+  return /* @__PURE__ */ jsx("nav", { className: classes, ...restProps, children });
+}
+export {
+  Navbar
+};

package/dist/portal/Header/NavbarNav.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export interface NavBarNavProps extends React.ComponentPropsWithoutRef<'ul'> {
+    children: ReactNode;
+    className?: string;
+}
+export declare function NavBarNav({ children, className, ...restProps }: NavBarNavProps): import("react/jsx-runtime").JSX.Element;

package/dist/portal/Header/NavbarNav.js

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+function NavBarNav({
+  children,
+  className,
+  ...restProps
+}) {
+  const classes = clsx("navbar-nav", className);
+  return /* @__PURE__ */ jsx("ul", { className: classes, ...restProps, children });
+}
+export {
+  NavBarNav
+};

package/dist/portal/Header/WidgetApps.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { IWebApp } from 'edifice-ts-client';
+export declare const WidgetAppsFooter: () => import("react/jsx-runtime").JSX.Element;
+export declare const WidgetAppsBody: ({ bookmarkedApps, }: {
+    bookmarkedApps: IWebApp[];
+}) => import("react/jsx-runtime").JSX.Element;
+export default function WidgetApps({ children }: {
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/portal/Header/WidgetApps.js

@@ -0,0 +1,23 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import { AppIcon } from "../../components/AppIcon/AppIcon.js";
+const WidgetAppsFooter = () => {
+  const {
+    t
+  } = useTranslation();
+  return /* @__PURE__ */ jsx("div", { className: "widget-footer", children: /* @__PURE__ */ jsx("div", { className: "widget-footer-action", children: /* @__PURE__ */ jsx("a", { href: "/welcome", className: "link", children: t("plus") }) }) });
+}, WidgetAppsBody = ({
+  bookmarkedApps
+}) => {
+  const {
+    t
+  } = useTranslation();
+  return /* @__PURE__ */ jsxs("div", { className: "widget-body d-flex flex-wrap", children: [
+    !bookmarkedApps.length && /* @__PURE__ */ jsx("div", { className: "text-dark", children: t("navbar.myapps.more") }),
+    bookmarkedApps.slice(0, 6).map((app, index) => /* @__PURE__ */ jsx("a", { href: app.address, className: "bookmarked-app", children: /* @__PURE__ */ jsx(AppIcon, { app, size: "32" }) }, index))
+  ] });
+};
+export {
+  WidgetAppsBody,
+  WidgetAppsFooter
+};

package/dist/portal/Header/index.d.ts

@@ -0,0 +1,5 @@
+export { default as Header } from './Header';
+export * from './NavItem';
+export * from './NavLink';
+export * from './Navbar';
+export * from './NavbarNav';

package/dist/portal/Help/Help.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+export interface HelpProps {
+    isHelpOpen: boolean;
+    parsedHeadline: any;
+    parsedContent: any;
+    error: boolean;
+    setIsHelpOpen: (state: boolean) => void;
+}
+export default function Help({ isHelpOpen, setIsHelpOpen, parsedHeadline, parsedContent, error, }: HelpProps): JSX.Element | null;

package/dist/portal/Help/Help.js

@@ -0,0 +1,25 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { createPortal } from "react-dom";
+import { useTranslation } from "react-i18next";
+import Modal from "../../components/Modal/Modal.js";
+function Help({
+  isHelpOpen,
+  setIsHelpOpen,
+  parsedHeadline,
+  parsedContent,
+  error
+}) {
+  const {
+    t
+  } = useTranslation(), handleHelpOpen = () => {
+    setIsHelpOpen(!1);
+  };
+  return isHelpOpen ? /* @__PURE__ */ createPortal(/* @__PURE__ */ jsxs(Modal, { id: "help-modal", isOpen: isHelpOpen, onModalClose: handleHelpOpen, scrollable: !0, size: "lg", children: [
+    /* @__PURE__ */ jsx(Modal.Header, { onModalClose: handleHelpOpen, children: t("navbar.help") }),
+    /* @__PURE__ */ jsx(Modal.Subtitle, { children: error ? t("help.notfound.title") : parsedHeadline }),
+    /* @__PURE__ */ jsx(Modal.Body, { className: error ? "d-flex" : null, children: error ? t("help.notfound.text") : parsedContent })
+  ] }), document.getElementById("portal")) : null;
+}
+export {
+  Help as default
+};

package/dist/portal/Help/hooks/useHelp.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+export declare function useHelp(): {
+    html: string;
+    visibility: boolean;
+    isModalOpen: boolean;
+    setIsModalOpen: import('react').Dispatch<import('react').SetStateAction<boolean>>;
+    parsedContent: any;
+    parsedHeadline: any;
+    error: boolean;
+};