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

package/dist/ui/src/portal/Header/Header.js

@@ -0,0 +1,171 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+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 { RafterDown as SvgRafterDown$1 } from "../../../../icons/dist/index.js";
+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";
+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(OneMessaging, { 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(OneProfile, { className: "icon user" }) }) }),
+        currentLanguage === "fr" && hasOldHelpEnableWorkflow ? /* @__PURE__ */ jsxs(NavItem, { children: [
+          /* @__PURE__ */ jsxs("button", { className: "nav-link", onClick: () => {
+            setIsHelpOpen(!0);
+          }, children: [
+            /* @__PURE__ */ jsx(OneAssistance, { 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(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(SvgRafterDown$1, { 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(NewRelease, { 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(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(MyApps, { 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(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, {}) })
+        ] })
+      ] }),
+      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 })
+      ] }) }),
+      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 })
+      ] }) }),
+      currentLanguage === "fr" && hasOldHelpEnableWorkflow ? /* @__PURE__ */ jsxs(NavItem, { children: [
+        /* @__PURE__ */ jsxs("button", { className: "nav-link btn btn-naked", onClick: () => {
+          setIsHelpOpen(!0);
+        }, children: [
+          /* @__PURE__ */ jsx(NeoAssistance, { 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(SvgRafterDown$1, { 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") })
+          ] }) }),
+          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(Disconnect, { className: "icon logout" }),
+            /* @__PURE__ */ jsx("span", { id: "logout-label", className: "nav-text", children: t("navbar.disconnect") })
+          ] }) })
+        ] })
+      ] }) })
+    ] })
+  ] }) }) });
+};
+export {
+  Header as default
+};

package/dist/ui/src/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/ui/src/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/ui/src/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/ui/src/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/ui/src/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/ui/src/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/ui/src/portal/Help/hooks/useHelp.js

@@ -0,0 +1,85 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import parse, { domToReact, attributesToProps } from "html-react-parser";
+import { BurgerMenu as SvgBurgerMenu$1 } from "../../../../../icons/dist/index.js";
+import Button from "../../../components/Button/Button.js";
+import { useOdeClient } from "../../../core/OdeClientProvider/OdeClientProvider.js";
+import { useOdeTheme } from "../../../core/ThemeProvider/ThemeProvider.js";
+function useHelp() {
+  var _a, _b, _c, _d, _e;
+  const {
+    appCode
+  } = useOdeClient(), {
+    theme
+  } = useOdeTheme(), [html, setHtml] = useState(""), [visibility, setVisibility] = useState(!0), [isModalOpen, setIsModalOpen] = useState(!1), [error, setError] = useState(!1), helpPath = theme != null && theme.is1d ? "/help-1d" : "/help-2d";
+  useEffect(() => {
+    (async () => {
+      let helpURL = "";
+      helpURL = helpPath + "/application/" + appCode + "/", !appCode && window.location.pathname !== "/adapter" ? helpURL = helpPath + "/application/portal/" : window.location.pathname === "/adapter" ? helpURL = helpPath + "/application/" + window.location.search.split("eliot=")[1].split("&")[0] + "/" : window.location.pathname.includes("/directory/class-admin") ? helpURL = helpPath + "/application/parametrage-de-la-classe/" : (window.location.pathname.includes("/userbook/mon-compte") || window.location.pathname.includes("/timeline/preferencesView") || window.location.pathname.includes("/timeline/historyView")) && (helpURL = helpPath + "/application/userbook/");
+      try {
+        const res = await fetch(helpURL), html2 = await res.text();
+        if (res.status === 404) {
+          setError(!0);
+          return;
+        }
+        setHtml(html2), setError(!1);
+      } catch (error2) {
+        setError(!0), console.error(error2);
+      }
+    })();
+  }, [appCode, helpPath]);
+  const parsedHTML = parse(html, {
+    replace: (domNode) => {
+      const typedDomNode = domNode;
+      if (typedDomNode.attribs && typedDomNode.attribs.id === "TOC")
+        return /* @__PURE__ */ jsxs("nav", { id: "TOC", children: [
+          /* @__PURE__ */ jsx(Button, { onClick: () => {
+            setVisibility(!visibility);
+          }, children: /* @__PURE__ */ jsx(SvgBurgerMenu$1, {}) }),
+          domToReact(typedDomNode.children, {
+            replace: (domNode2) => {
+              const typedDomNode2 = domNode2;
+              if (typedDomNode2.attribs && typedDomNode2.name === "ul")
+                return /* @__PURE__ */ jsx("ul", { id: "TOC-list", style: {
+                  display: visibility ? "block" : "none"
+                }, children: domToReact(typedDomNode2.children, {
+                  replace: (domNode3) => {
+                    const typedDomNode3 = domNode3;
+                    if (typedDomNode3.attribs && typedDomNode3.name === "a")
+                      return /* @__PURE__ */ jsx("a", { ...attributesToProps(typedDomNode3.attribs), children: /* @__PURE__ */ jsx("span", { onClick: () => {
+                        setVisibility(!1);
+                      }, children: domToReact(typedDomNode3.children) }) });
+                  }
+                }) });
+            }
+          })
+        ] });
+      if (typedDomNode.attribs && typedDomNode.attribs.class === "section level2") {
+        const props = attributesToProps(domNode.attribs);
+        return /* @__PURE__ */ jsx("div", { ...props, className: "section level2", style: {
+          display: typedDomNode.attribs.id !== "présentation" ? "none" : "block"
+        }, children: domToReact(typedDomNode.children, {
+          replace: (domNode2) => {
+            const typedDomNode2 = domNode2;
+            if (typedDomNode2.attribs && typedDomNode2.name === "img") {
+              const attribs = domNode2.attribs.src;
+              return /* @__PURE__ */ jsx("img", { ...attributesToProps(typedDomNode2.attribs), src: `${helpPath}/${attribs}`, alt: "" });
+            }
+          }
+        }) });
+      }
+    }
+  }), parsedContent = (_c = (_b = (_a = parsedHTML == null ? void 0 : parsedHTML.props) == null ? void 0 : _a.children.find((child) => child.type === "body")) == null ? void 0 : _b.props) == null ? void 0 : _c.children, parsedHeadline = (_e = (_d = parsedContent == null ? void 0 : parsedContent.find((child) => child.type === "p")) == null ? void 0 : _d.props) == null ? void 0 : _e.children;
+  return {
+    html,
+    visibility,
+    isModalOpen,
+    setIsModalOpen,
+    parsedContent,
+    parsedHeadline,
+    error
+  };
+}
+export {
+  useHelp
+};

package/dist/ui/src/portal/Layout/Layout.js

@@ -0,0 +1,43 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import clsx from "clsx";
+import { Toaster } from "react-hot-toast";
+import { useTranslation } from "react-i18next";
+import Alert from "../../components/Alert/Alert.js";
+import Button from "../../components/Button/Button.js";
+import useCookiesConsent from "../../core/useCookiesConsent/useCookiesConsent.js";
+import Header from "../Header/Header.js";
+import useZendeskGuide from "../../core/useZendeskGuide/useZendeskGuide.js";
+import useCantoo from "../../core/useCantoo/useCantoo.js";
+import { useOdeTheme } from "../../core/ThemeProvider/ThemeProvider.js";
+const Layout = ({
+  children,
+  headless = !1,
+  ...restProps
+}) => {
+  const {
+    theme
+  } = useOdeTheme(), {
+    t
+  } = useTranslation(), {
+    showCookiesConsent,
+    handleConsultCookies,
+    handleCloseCookiesConsent
+  } = useCookiesConsent();
+  useZendeskGuide(), useCantoo();
+  const classes = clsx("d-flex flex-column bg-white", {
+    "container-fluid": !headless,
+    "rounded-4 border": (theme == null ? void 0 : theme.is1d) && !headless,
+    "mt-24": (theme == null ? void 0 : theme.is1d) && !headless
+  }), renderHeader = headless ? null : /* @__PURE__ */ jsx(Header, { is1d: theme == null ? void 0 : theme.is1d, src: theme == null ? void 0 : theme.basePath }), renderCookies = showCookiesConsent && /* @__PURE__ */ jsx(Alert, { type: "info", className: "m-12 rgpd", isConfirm: !0, position: "bottom-right", button: /* @__PURE__ */ jsx(Button, { color: "tertiary", variant: "ghost", onClick: handleConsultCookies, children: t("rgpd.cookies.banner.button.consult") }), onClose: handleCloseCookiesConsent, children: t("rgpd.cookies.banner.text1") }), renderToaster = /* @__PURE__ */ jsx(Toaster, { containerClassName: "toaster-container", toastOptions: {
+    position: "top-right"
+  } });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    renderHeader,
+    /* @__PURE__ */ jsx("main", { className: classes, ...restProps, children }),
+    renderToaster,
+    renderCookies
+  ] });
+}, Layout$1 = Layout;
+export {
+  Layout$1 as default
+};

package/dist/ui/src/portal/SearchEngine/SearchEngine.js

@@ -0,0 +1,33 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useRef, useId } from "react";
+import { Search } from "@edifice.io/icons/nav";
+import { useTranslation } from "react-i18next";
+import { NavItem } from "../Header/NavItem.js";
+import useHover from "../../hooks/useHover/useHover.js";
+import { Popover } from "../../components/Popover/Popover.js";
+import FormControl from "../../components/Form/FormControl.js";
+import SearchButton from "../../components/Button/SearchButton.js";
+const SearchEngine = () => {
+  const [searchRef, isSearchHovered] = useHover(), inputRef = useRef(null), popoverSearchId = useId(), {
+    t
+  } = useTranslation();
+  function redirectToSearch() {
+    if (inputRef.current) {
+      const value = inputRef.current.value;
+      window.location.href = `/searchengine#/${value}`;
+    }
+  }
+  return /* @__PURE__ */ jsxs(NavItem, { id: popoverSearchId, ref: searchRef, className: "position-relative", "aria-haspopup": "true", "aria-expanded": isSearchHovered, children: [
+    /* @__PURE__ */ jsxs("a", { href: "/searchengine", className: "nav-link dropdown-item", children: [
+      /* @__PURE__ */ jsx(Search, { className: "icon search" }),
+      /* @__PURE__ */ jsx("span", { className: "nav-text", children: t("navbar.search") })
+    ] }),
+    /* @__PURE__ */ jsx(Popover, { id: popoverSearchId, isVisible: isSearchHovered, className: "d-none d-md-flex", children: /* @__PURE__ */ jsxs(FormControl, { id: "my-search-input", className: "search-text input-group py-8 px-12", children: [
+      /* @__PURE__ */ jsx(FormControl.Input, { ref: inputRef, size: "sm", type: "text", name: "my-search-input", placeholder: "Rechercher" }),
+      /* @__PURE__ */ jsx(SearchButton, { type: "submit", size: "sm", onClick: redirectToSearch, "aria-label": t("navbar.search") })
+    ] }) })
+  ] });
+};
+export {
+  SearchEngine as default
+};

package/dist/ui/src/utils/MockedDataProvider/MockedDataProvider.js

@@ -0,0 +1,26 @@
+import { jsx } from "react/jsx-runtime";
+import { useMemo, useContext, createContext } from "react";
+const MockedDataContext = /* @__PURE__ */ createContext(null);
+function MockedDataProvider({
+  children,
+  mocks
+}) {
+  const values = useMemo(() => {
+    const value = {};
+    return typeof mocks.app < "u" && (value.app = mocks.app), Array.isArray(mocks.availableApps) && (value.availableApps = Promise.resolve(mocks.availableApps)), typeof mocks.workflows < "u" && (value.hasWorkflow = async (workflow) => {
+      var _a;
+      return ((_a = mocks.workflows) == null ? void 0 : _a.findIndex((w) => w === workflow)) !== -1;
+    }), mocks.workspaceDocuments && (value.listWorkspaceDocuments = async () => mocks.workspaceDocuments ?? []), mocks.appResources && (value.loadResources = async (filters) => {
+      var _a, _b;
+      return ((_b = (_a = mocks.appResources) == null ? void 0 : _a[filters.types[0]]) == null ? void 0 : _b.filter(() => (filters && console.log(filters.search || "none"), !0))) || [];
+    }), value;
+  }, [mocks]);
+  return /* @__PURE__ */ jsx(MockedDataContext.Provider, { value: values, children });
+}
+function useMockedData() {
+  return useContext(MockedDataContext);
+}
+export {
+  MockedDataProvider,
+  useMockedData
+};

package/dist/ui/src/utils/StringUtils.js

@@ -0,0 +1,14 @@
+class StringUtils {
+  static isLocalURL(str) {
+    return str.length > 0 && str.charAt(0) === "/";
+  }
+  static startWithHttp(str) {
+    return /^https?:\/\//gi.test(str);
+  }
+  static toCounter(counter) {
+    return counter > 999 ? `${Number(counter / 1e3).toFixed(1)} k` : "" + counter;
+  }
+}
+export {
+  StringUtils
+};

package/dist/ui/src/utils/addTimestampToUrl.js

@@ -0,0 +1,7 @@
+function addTimestampToImageUrl(imageUrl) {
+  const timestamp = (/* @__PURE__ */ new Date()).getTime(), separator = imageUrl.includes("?") ? "&" : "?";
+  return `${imageUrl}${separator}timestamp=${timestamp}`;
+}
+export {
+  addTimestampToImageUrl
+};

package/dist/ui/src/utils/blob.js

@@ -0,0 +1,15 @@
+import { StringUtils } from "edifice-ts-client";
+const getOrGenerateBlobId = (blob, id) => {
+  const KEY = "virtualID";
+  if (!Object.hasOwnProperty.apply(blob, [KEY])) {
+    const value = id ?? `${StringUtils.generateVirtualId()}#${blob.size}`;
+    Object.defineProperty(blob, KEY, {
+      value,
+      writable: !1
+    });
+  }
+  return blob[KEY];
+};
+export {
+  getOrGenerateBlobId
+};

package/dist/ui/src/utils/checkUserRight.js

@@ -0,0 +1,44 @@
+import { odeServices } from "edifice-ts-client";
+const convertToArray = (rights) => rights instanceof Array ? rights : [rights], checkRightForMultipleResources = async (roles, rights) => Array.isArray(roles) ? await odeServices.rights().sessionHasAtLeastOneResourceRightForEachList(roles, rights) : await odeServices.rights().sessionHasResourceRightForEachList(roles, rights), checkRights = async (roles, rights) => {
+  const safeRights = convertToArray(rights);
+  return Array.isArray(roles) ? await odeServices.rights().sessionHasAtLeastOneResourceRight(roles, safeRights) : await odeServices.rights().sessionHasResourceRight(roles, safeRights);
+}, checkHasRights = async ({
+  roles,
+  rights
+}) => {
+  if (roles !== void 0)
+    if (Array.isArray(rights))
+      if (rights.length > 0) {
+        if (typeof rights[0] == "string")
+          return await checkRights(roles, rights);
+        {
+          const rightsArray = rights.map((right) => right.rights);
+          return await checkRightForMultipleResources(roles, rightsArray);
+        }
+      } else
+        return !1;
+    else {
+      if (typeof rights == "string")
+        return await checkRights(roles, rights);
+      if (rights)
+        return await checkRights(roles, rights.rights);
+    }
+}, checkUserRight = async (rights) => {
+  const roles = ["contrib", "creator", "manager", "read"], userRights = {
+    creator: !1,
+    contrib: !1,
+    manager: !1,
+    read: !1
+  };
+  for (const role of roles) {
+    const hasRight = await checkHasRights({
+      roles: role,
+      rights
+    });
+    userRights[role] = hasRight;
+  }
+  return userRights;
+};
+export {
+  checkUserRight
+};

package/dist/ui/src/utils/fileSize.js

@@ -0,0 +1,8 @@
+const customSize = (bytes, decimalPoint) => {
+  if (bytes == 0) return "0 octets";
+  const k = 1e3, dm = decimalPoint, sizes = ["octets", "Ko", "Mo", "Go"], i = Math.floor(Math.log(bytes) / Math.log(k));
+  return parseFloat((bytes / Math.pow(k, i)).toFixed(dm)) + " " + sizes[i];
+};
+export {
+  customSize
+};

package/dist/ui/src/utils/findTreeNode.js

@@ -0,0 +1,11 @@
+function findTreeNode(root, predicate) {
+  if (predicate(root)) return root;
+  if (Array.isArray(root.children))
+    for (const child of root.children) {
+      const found = findTreeNode(child, predicate);
+      if (found) return found;
+    }
+}
+export {
+  findTreeNode
+};

package/dist/ui/src/utils/isActionAvailable.js

@@ -0,0 +1,7 @@
+const isActionAvailable = (workflow, actions) => {
+  const found = actions == null ? void 0 : actions.filter((action) => action.id === workflow && action.available);
+  return found && found.length > 0;
+};
+export {
+  isActionAvailable
+};

package/dist/ui/src/utils/libraryMaps.js

@@ -0,0 +1,12 @@
+const libraryMaps = {
+  blog: "Blog",
+  mindmap: "MindMap",
+  scrapbook: "ScrapBook",
+  collaborativewall: "CollaborativeWall",
+  timelinegenerator: "TimelineGenerator",
+  wiki: "Wiki",
+  exercizer: "Exercizer"
+};
+export {
+  libraryMaps
+};

package/dist/ui/src/utils/noop.js

@@ -0,0 +1,5 @@
+const NOOP = () => {
+};
+export {
+  NOOP
+};

package/dist/ui/src/utils/ref.js

@@ -0,0 +1,14 @@
+function mergeRefs(...refs) {
+  return (val) => {
+    setRef(val, ...refs);
+  };
+}
+function setRef(val, ...refs) {
+  refs.forEach((ref) => {
+    typeof ref == "function" ? ref(val) : ref != null && (ref.current = val);
+  });
+}
+export {
+  mergeRefs,
+  setRef
+};

package/dist/ui/src/utils/thumbnail.js

@@ -0,0 +1,6 @@
+function getThumbnail(src, width = 0, height = 0) {
+  return !src.includes("data:image") && !src.includes("thumbnail") && (src = src + (src.includes("?") ? "&thumbnail=" : "?thumbnail=") + `${width}x${height}`), src;
+}
+export {
+  getThumbnail
+};