@edifice.io/react 2.6.9-develop-enabling.20261013152718 → 2.6.9-develop-integration.20261014191834

package/dist/components/Input/Input.js

@@ -1 +1,64 @@
-import SvgIconClose from"../../modules/icons/components/IconClose.js";import{useFormControl}from"../Form/FormContext.js";import clsx$1 from"clsx";import{forwardRef,useLayoutEffect,useRef,useState}from"react";import{jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var Input=forwardRef(({placeholder,size=`md`,type=`text`,className,showCounter=!1,autoComplete=`off`,clearable=!1,noValidationIcon,...restProps},forwardedRef)=>{let{id,isRequired,isReadOnly,status}=useFormControl(),{t}=useTranslation(),inputRef=useRef(null),[currentLength,setCurrentLength]=useState(restProps.defaultValue?.toString().length||0);useLayoutEffect(()=>{inputRef.current&&setCurrentLength(inputRef.current.value.length)},[]);let setRefs=node=>{inputRef.current=node,typeof forwardedRef==`function`?forwardedRef(node):forwardedRef&&(forwardedRef.current=node)},wrapperClasses=clsx$1(`input`,{"input--lg":size===`lg`,"input--invalid":status===`invalid`,"input--valid":status===`valid`,"input--plaintext":isReadOnly},className),handleChange=e=>{setCurrentLength(e.target.value.length),restProps.onChange?.(e)},handleClear=()=>{let node=inputRef.current;node&&((Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,`value`)?.set)?.call(node,``),node.dispatchEvent(new Event(`input`,{bubbles:!0})),node.focus())},maxLength=restProps.maxLength??0;return jsxs(`div`,{className:wrapperClasses,children:[jsx(`input`,{ref:setRefs,id,className:`input__field`,type,placeholder,required:isRequired,readOnly:isReadOnly,...restProps,onChange:handleChange,autoComplete}),clearable&&!isReadOnly&&jsx(`button`,{type:`button`,className:`input__clear`,onClick:handleClear,"aria-label":t(`clear`),children:jsx(SvgIconClose,{})}),showCounter&&jsxs(`span`,{className:clsx$1(`input__counter`,{"input__counter--max":currentLength===maxLength}),children:[currentLength,` / `,maxLength]})]})});export{Input as default};
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef, useRef, useState, useLayoutEffect } from "react";
+import clsx from "clsx";
+import { useTranslation } from "react-i18next";
+import SvgIconClose from "../../modules/icons/components/IconClose.js";
+import { useFormControl } from "../Form/FormContext.js";
+const Input = /* @__PURE__ */ forwardRef(({
+  placeholder,
+  size = "md",
+  type = "text",
+  className,
+  showCounter = !1,
+  autoComplete = "off",
+  clearable = !1,
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  noValidationIcon,
+  ...restProps
+}, forwardedRef) => {
+  var _a;
+  const {
+    id,
+    isRequired,
+    isReadOnly,
+    status
+  } = useFormControl(), {
+    t
+  } = useTranslation(), inputRef = useRef(null), [currentLength, setCurrentLength] = useState(((_a = restProps.defaultValue) == null ? void 0 : _a.toString().length) || 0);
+  useLayoutEffect(() => {
+    inputRef.current && setCurrentLength(inputRef.current.value.length);
+  }, []);
+  const setRefs = (node) => {
+    inputRef.current = node, typeof forwardedRef == "function" ? forwardedRef(node) : forwardedRef && (forwardedRef.current = node);
+  }, wrapperClasses = clsx("input", {
+    "input--lg": size === "lg",
+    "input--invalid": status === "invalid",
+    "input--valid": status === "valid",
+    "input--plaintext": isReadOnly
+  }, className), handleChange = (e) => {
+    var _a2;
+    setCurrentLength(e.target.value.length), (_a2 = restProps.onChange) == null || _a2.call(restProps, e);
+  }, handleClear = () => {
+    var _a2;
+    const node = inputRef.current;
+    if (!node) return;
+    const nativeSetter = (_a2 = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")) == null ? void 0 : _a2.set;
+    nativeSetter == null || nativeSetter.call(node, ""), node.dispatchEvent(new Event("input", {
+      bubbles: !0
+    })), node.focus();
+  }, maxLength = restProps.maxLength ?? 0;
+  return /* @__PURE__ */ jsxs("div", { className: wrapperClasses, children: [
+    /* @__PURE__ */ jsx("input", { ref: setRefs, id, className: "input__field", type, placeholder, required: isRequired, readOnly: isReadOnly, ...restProps, onChange: handleChange, autoComplete }),
+    clearable && !isReadOnly && /* @__PURE__ */ jsx("button", { type: "button", className: "input__clear", onClick: handleClear, "aria-label": t("clear"), children: /* @__PURE__ */ jsx(SvgIconClose, {}) }),
+    showCounter && /* @__PURE__ */ jsxs("span", { className: clsx("input__counter", {
+      "input__counter--max": currentLength === maxLength
+    }), children: [
+      currentLength,
+      " / ",
+      maxLength
+    ] })
+  ] });
+});
+export {
+  Input as default
+};

package/dist/components/Label/Label.js

@@ -1 +1,37 @@
-import{useFormControl}from"../Form/FormContext.js";import clsx$1 from"clsx";import{forwardRef,useEffect}from"react";import{jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var Label=forwardRef(({leftIcon,optionalText,requiredText=`*`,children,className},ref)=>{let{id,isOptional,isRequired}=useFormControl(),{t}=useTranslation(),classes=clsx$1(`input-label`,{"input-label--has-icon":leftIcon},className),optionalState=isOptional&&!isRequired,requiredState=isRequired&&!isOptional;return useEffect(()=>{if(isOptional&&isRequired)throw Error(`Cannot be optional and required at the same time`)},[isOptional,isRequired]),jsxs(`label`,{ref,htmlFor:id,className:classes,children:[leftIcon,children,optionalState&&jsxs(`em`,{className:`input-label__optional`,children:[`- `,optionalText??t(`explorer.optional`)]}),requiredState&&jsx(`em`,{className:`input-label__required`,children:requiredText})]})});export{Label as default};
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef, useEffect } from "react";
+import clsx from "clsx";
+import { useTranslation } from "react-i18next";
+import { useFormControl } from "../Form/FormContext.js";
+const Label = /* @__PURE__ */ forwardRef(({
+  leftIcon,
+  optionalText,
+  requiredText = "*",
+  children,
+  className
+}, ref) => {
+  const {
+    id,
+    isOptional,
+    isRequired
+  } = useFormControl(), {
+    t
+  } = useTranslation(), classes = clsx("input-label", {
+    "input-label--has-icon": leftIcon
+  }, className), optionalState = isOptional && !isRequired, requiredState = isRequired && !isOptional;
+  return useEffect(() => {
+    if (isOptional && isRequired)
+      throw new Error("Cannot be optional and required at the same time");
+  }, [isOptional, isRequired]), /* @__PURE__ */ jsxs("label", { ref, htmlFor: id, className: classes, children: [
+    leftIcon,
+    children,
+    optionalState && /* @__PURE__ */ jsxs("em", { className: "input-label__optional", children: [
+      "- ",
+      optionalText ?? t("explorer.optional")
+    ] }),
+    requiredState && /* @__PURE__ */ jsx("em", { className: "input-label__required", children: requiredText })
+  ] });
+});
+export {
+  Label as default
+};

package/dist/components/Layout/Layout.js

@@ -1 +1,59 @@
-import{useEdificeTheme}from"../../providers/EdificeThemeProvider/EdificeThemeProvider.hook.js";import useUiOverride from"../../hooks/useUiOverride/useUiOverride.js";import useBackground_default from"../../hooks/useBackground/useBackground.js";import useCantoo from"../../hooks/useCantoo/useCantoo.js";import ButtonBeta from"../ButtonBeta/ButtonBeta.js";import Alert from"../Alert/Alert.js";import useToast from"../../hooks/useToast/useToast.js";import useZendeskGuide from"../../hooks/useZendeskGuide/useZendeskGuide.js";import useCookiesConsent from"../../hooks/useCookiesConsent/useCookiesConsent.js";import{useOverlay}from"../PageLayout/hook/useOverlay.js";import Header from"./components/Header.js";import HeaderNotificationsOverlay from"./components/HeaderNotificationsOverlay.js";import clsx$1 from"clsx";import{Suspense,lazy}from"react";import{jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var HeaderV2=lazy(()=>import(`../../modules/homepage/components/Header/Header.js`)),Layout=({children,headless=!1,whiteBg=!0,className,...restProps})=>{let{theme}=useEdificeTheme(),override=useUiOverride(`layout.header`),isHeaderV2=override?.variant===`v2`,{productOverride,background,isBackgroundImageOverridden,betaEnabled}=useBackground_default(),{toggleOverlay}=useOverlay(),toast=useToast(),{t}=useTranslation(),{showCookiesConsent,handleConsultCookies,handleCloseCookiesConsent}=useCookiesConsent();useZendeskGuide(),useCantoo();let classes=clsx$1(`d-flex flex-column`,{"bg-white":whiteBg,"container-fluid":!headless,"rounded-4 border":theme?.is1d&&!headless,"mt-24":theme?.is1d&&!headless},className),renderHeader=headless?null:isHeaderV2?jsx(Suspense,{fallback:null,children:jsx(HeaderV2,{src:theme?.basePath,dataProduct:override?.theme,onNotificationsClick:toggleOverlay})}):jsx(Header,{is1d:theme?.is1d,src:theme?.basePath}),renderNotificationsOverlay=!headless&&isHeaderV2&&jsx(HeaderNotificationsOverlay,{}),renderCookies=showCookiesConsent&&jsx(Alert,{type:`info`,className:`m-12 rgpd`,isConfirm:!0,position:`bottom-right`,button:jsx(ButtonBeta,{variant:`outline`,onClick:handleConsultCookies,children:t(`rgpd.cookies.banner.button.consult`)}),onClose:handleCloseCookiesConsent,children:t(`rgpd.cookies.banner.text1`)}),renderToaster=toast.renderToaster();return jsxs(`div`,{"data-product":productOverride,"data-background":theme?.is1d||!betaEnabled?void 0:background,className:clsx$1(`layout`,{"layout-has-background-image":isBackgroundImageOverridden}),children:[renderHeader,renderNotificationsOverlay,jsx(`main`,{className:classes,...restProps,children}),renderToaster,renderCookies]})};export{Layout as default};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Suspense, lazy } from "react";
+import clsx from "clsx";
+import { useTranslation } from "react-i18next";
+import { useEdificeTheme } from "../../providers/EdificeThemeProvider/EdificeThemeProvider.hook.js";
+import { useOverlay } from "../PageLayout/hook/useOverlay.js";
+import Header from "./components/Header.js";
+import HeaderNotificationsOverlay from "./components/HeaderNotificationsOverlay.js";
+import useUiOverride from "../../hooks/useUiOverride/useUiOverride.js";
+import useBackground from "../../hooks/useBackground/useBackground.js";
+import useToast from "../../hooks/useToast/useToast.js";
+import useCookiesConsent from "../../hooks/useCookiesConsent/useCookiesConsent.js";
+import useZendeskGuide from "../../hooks/useZendeskGuide/useZendeskGuide.js";
+import useCantoo from "../../hooks/useCantoo/useCantoo.js";
+import Alert from "../Alert/Alert.js";
+import ButtonBeta from "../ButtonBeta/ButtonBeta.js";
+const HeaderV2 = /* @__PURE__ */ lazy(() => import("../../modules/homepage/components/Header/Header.js")), Layout = ({
+  children,
+  headless = !1,
+  whiteBg = !0,
+  className,
+  ...restProps
+}) => {
+  const {
+    theme
+  } = useEdificeTheme(), override = useUiOverride("layout.header"), isHeaderV2 = (override == null ? void 0 : override.variant) === "v2", {
+    productOverride,
+    background,
+    isBackgroundImageOverridden,
+    betaEnabled
+  } = useBackground(), {
+    toggleOverlay
+  } = useOverlay(), toast = useToast(), {
+    t
+  } = useTranslation(), {
+    showCookiesConsent,
+    handleConsultCookies,
+    handleCloseCookiesConsent
+  } = useCookiesConsent();
+  useZendeskGuide(), useCantoo();
+  const classes = clsx("d-flex flex-column", {
+    "bg-white": whiteBg,
+    "container-fluid": !headless,
+    "rounded-4 border": (theme == null ? void 0 : theme.is1d) && !headless,
+    "mt-24": (theme == null ? void 0 : theme.is1d) && !headless
+  }, className), renderHeader = headless ? null : isHeaderV2 ? /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(HeaderV2, { src: theme == null ? void 0 : theme.basePath, dataProduct: override == null ? void 0 : override.theme, onNotificationsClick: toggleOverlay }) }) : /* @__PURE__ */ jsx(Header, { is1d: theme == null ? void 0 : theme.is1d, src: theme == null ? void 0 : theme.basePath }), renderNotificationsOverlay = !headless && isHeaderV2 && /* @__PURE__ */ jsx(HeaderNotificationsOverlay, {}), renderCookies = showCookiesConsent && /* @__PURE__ */ jsx(Alert, { type: "info", className: "m-12 rgpd", isConfirm: !0, position: "bottom-right", button: /* @__PURE__ */ jsx(ButtonBeta, { variant: "outline", onClick: handleConsultCookies, children: t("rgpd.cookies.banner.button.consult") }), onClose: handleCloseCookiesConsent, children: t("rgpd.cookies.banner.text1") }), renderToaster = toast.renderToaster(), isBackgroundHidden = !!(theme != null && theme.is1d || !betaEnabled);
+  return /* @__PURE__ */ jsxs("div", { "data-product": productOverride, "data-background": isBackgroundHidden ? void 0 : background, className: clsx("layout", {
+    "layout-has-background-image": isBackgroundImageOverridden
+  }), children: [
+    renderHeader,
+    renderNotificationsOverlay,
+    /* @__PURE__ */ jsx("main", { className: classes, ...restProps, children }),
+    renderToaster,
+    renderCookies
+  ] });
+};
+export {
+  Layout
+};

package/dist/components/Layout/components/Header.js

@@ -1 +1,198 @@
-import SvgIconRafterDown from"../../../modules/icons/components/IconRafterDown.js";import{useEdificeTheme}from"../../../providers/EdificeThemeProvider/EdificeThemeProvider.hook.js";import{useEdificeClient}from"../../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";import useHasWorkflow from"../../../hooks/useHasWorkflow/useHasWorkflow.js";import useConversation from"../../../hooks/useConversation/useConversation.js";import useUser from"../../../hooks/useUser/useUser.js";import Avatar from"../../Avatar/Avatar.js";import Badge from"../../Badge/Badge.js";import SvgIconCommunities from"../../../modules/icons/components/nav/IconCommunities.js";import SvgIconDisconnect from"../../../modules/icons/components/nav/IconDisconnect.js";import SvgIconHome from"../../../modules/icons/components/nav/IconHome.js";import SvgIconMyApps from"../../../modules/icons/components/nav/IconMyApps.js";import SvgIconNeoAssistance from"../../../modules/icons/components/nav/IconNeoAssistance.js";import SvgIconNeoMessaging from"../../../modules/icons/components/nav/IconNeoMessaging.js";import SvgIconNewRelease from"../../../modules/icons/components/nav/IconNewRelease.js";import SvgIconOneAssistance from"../../../modules/icons/components/nav/IconOneAssistance.js";import SvgIconOneMessaging from"../../../modules/icons/components/nav/IconOneMessaging.js";import SvgIconOneProfile from"../../../modules/icons/components/nav/IconOneProfile.js";import SvgIconUserbook from"../../../modules/icons/components/nav/IconUserbook.js";import useHeader from"../hooks/useHeader.js";import{useHelp}from"../hooks/useHelp.js";import Help from"./Help.js";import{Navbar}from"./Navbar.js";import{NavBarNav}from"./NavbarNav.js";import{NavItem}from"./NavItem.js";import{NavLink}from"./NavLink.js";import SearchEngine from"./SearchEngine.js";import{WidgetAppsBody,WidgetAppsFooter}from"./WidgetApps.js";import Logo from"../../Logo/Logo.js";import{Popover,PopoverBody,PopoverFooter}from"../../Popover/Popover.js";import VisuallyHidden from"../../VisuallyHidden/VisuallyHidden.js";import clsx$1 from"clsx";import{Fragment,jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var Header=({is1d=!1,src=``})=>{let{t}=useTranslation(),{messages,msgLink,zimbraWorkflow}=useConversation(),{user,avatar}=useUser(),{currentLanguage,currentApp}=useEdificeClient(),hasOldHelpEnableWorkflow=useHasWorkflow(`org.entcore.portal.controllers.PortalController|oldHelpEnable`)||!1,hasCarbonioPreauthWorkflow=useHasWorkflow(`org.entcore.auth.controllers.CarbonioPreauthController|preauth`)||!1,{isModalOpen:isHelpOpen,setIsModalOpen:setIsHelpOpen,parsedContent,parsedHeadline,error}=useHelp(hasOldHelpEnableWorkflow),classes=clsx$1(`header d-print-none`,{"no-2d":is1d,"no-1d":!is1d}),{title,bookmarkedApps,appsRef,isAppsHovered,popoverAppsId,userAvatar,userName,welcomeUser,communitiesWorkflow,conversationWorflow,searchWorkflow,isCollapsed,toggleCollapsedNav}=useHeader({user,avatar}),hasMessages=messages>0,{theme}=useEdificeTheme();return jsx(`header`,{className:classes,children:is1d?jsxs(Fragment,{children:[jsx(`div`,{className:`container-fluid`,children:jsxs(Navbar,{children:[jsx(`a`,{className:`navbar-title d-md-none text-truncate h4`,href:currentApp?currentApp.address:`/timeline/timeline`,children:title}),jsxs(`div`,{className:`d-none d-md-inline-flex gap-12 align-items-center`,children:[jsx(Avatar,{alt:userName,size:`sm`,src:userAvatar,variant:`circle`,width:`32`,height:`32`}),jsx(`span`,{className:`navbar-text`,children:welcomeUser})]}),jsxs(NavBarNav,{className:`gap-8`,"aria-hidden":`false`,"aria-label":t(`navbar.main.navigation`),children:[conversationWorflow&&jsx(NavItem,{children:jsxs(`a`,{href:`/conversation/conversation`,className:`nav-link`,children:[jsx(SvgIconOneMessaging,{className:`icon notification`}),hasMessages&&jsx(Badge,{variant:{type:`notification`,level:`danger`},className:`position-absolute`,children:messages}),jsx(VisuallyHidden,{children:t(`navbar.messages`)})]})}),hasCarbonioPreauthWorkflow&&jsx(NavItem,{children:jsxs(`a`,{href:`/auth/carbonio/preauth`,target:`_blank`,className:`nav-link`,children:[jsx(SvgIconOneMessaging,{className:`icon notification`}),jsx(VisuallyHidden,{children:t(`navbar.messages`)})]})}),communitiesWorkflow&&jsx(NavItem,{children:jsx(NavLink,{link:`/communities`,translate:t(`navbar.community`),children:jsx(SvgIconCommunities,{className:`icon communities text-purple-500`})})}),jsx(NavItem,{children:jsx(NavLink,{link:`/userbook/mon-compte`,className:`dropdown-item`,translate:t(`navbar.myaccount`),children:jsx(SvgIconOneProfile,{className:`icon user`})})}),currentLanguage===`fr`&&hasOldHelpEnableWorkflow?jsxs(NavItem,{children:[jsxs(`button`,{className:`nav-link`,onClick:()=>{setIsHelpOpen(!0)},children:[jsx(SvgIconOneAssistance,{className:`icon help`}),jsx(VisuallyHidden,{children:t(`navbar.help`)})]}),jsx(Help,{isHelpOpen,setIsHelpOpen,parsedContent,parsedHeadline,error})]}):null,jsx(NavItem,{children:jsxs(`a`,{href:`/auth/logout?callback=`+(theme?.logoutCallback??``),className:`nav-link`,children:[jsx(SvgIconDisconnect,{className:`icon logout`}),jsx(VisuallyHidden,{children:t(`navbar.disconnect`)})]})}),jsx(NavItem,{className:`d-md-none`,children: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:jsx(SvgIconRafterDown,{className:`icon rafter-down`,width:`20`,height:`20`})})})]})]})}),jsx(Navbar,{className:`no-2d navbar-secondary navbar-expand-md`,"aria-label":t(`navbar.secondary.navigation`),children:jsx(`div`,{className:`container-fluid`,children:jsxs(`div`,{className:`collapse navbar-collapse ${isCollapsed?``:`show`}`,id:`navbarCollapsed`,children:[jsx(Logo,{is1d:!0,src:`${src}/img/illustrations/logo.png`,translate:t(`navbar.home`)}),jsxs(NavBarNav,{className:`gap-8`,children:[jsx(NavItem,{children:jsxs(`a`,{href:`/timeline/timeline`,className:`button`,children:[jsx(SvgIconNewRelease,{color:`#fff`,className:`d-md-none`}),jsx(`span`,{className:`d-inline-block`,children:t(`portal.header.navigation.whatsnew`)})]})}),jsx(NavItem,{children:jsxs(`a`,{href:`/userbook/annuaire`,className:`button`,children:[jsx(SvgIconUserbook,{color:`#fff`,className:`d-md-none`}),jsx(`span`,{className:`d-inline-block`,children:t(`portal.header.navigation.classMembers`)})]})}),jsx(NavItem,{children:jsxs(`a`,{href:`/welcome`,className:`button`,children:[jsx(SvgIconMyApps,{color:`#fff`,className:`d-md-none`}),jsx(`span`,{className:`d-inline-block`,children:t(`portal.header.navigation.myapps`)})]})})]})]})})})]}):jsx(Navbar,{className:`navbar-expand-md`,children:jsxs(`div`,{className:`container-fluid`,children:[jsx(Logo,{src:`${src}/img/illustrations/logo.png`}),jsx(`a`,{href:currentApp?currentApp.address:`/timeline/timeline`,className:`navbar-title text-truncate d-md-none`,children:title}),jsxs(`ul`,{className:`navbar-nav`,children:[jsx(NavItem,{children:jsx(NavLink,{link:`/timeline/timeline`,translate:t(`navbar.home`),children:jsx(SvgIconHome,{color:`#fff`})})}),jsxs(NavItem,{className:`position-relative`,ref:appsRef,id:popoverAppsId,"aria-haspopup":`true`,"aria-expanded":isAppsHovered,children:[jsx(NavLink,{link:`/welcome`,translate:t(`navbar.applications`),children:jsx(SvgIconMyApps,{color:`#fff`})}),jsxs(Popover,{className:`top-100 widget`,id:popoverAppsId,isVisible:isAppsHovered,children:[jsx(PopoverBody,{children:jsx(WidgetAppsBody,{bookmarkedApps})}),jsx(PopoverFooter,{className:`widget-footer border-top border-ghost`,children:jsx(WidgetAppsFooter,{})})]})]}),conversationWorflow&&jsx(NavItem,{children:jsxs(NavLink,{className:`position-relative`,link:`/conversation/conversation`,translate:t(`conversation`),children:[jsx(SvgIconNeoMessaging,{color:`#fff`}),hasMessages&&jsx(Badge,{variant:{type:`notification`,level:`warning`},className:`position-absolute`,children:messages})]})}),zimbraWorkflow&&jsx(NavItem,{children:jsxs(NavLink,{className:`position-relative`,link:msgLink,translate:t(`conversation`),children:[jsx(SvgIconNeoMessaging,{color:`#fff`}),hasMessages&&jsx(Badge,{variant:{type:`notification`,level:`warning`},className:`position-absolute`,children:messages})]})}),hasCarbonioPreauthWorkflow&&jsx(NavItem,{children:jsxs(`a`,{className:`nav-link position-relative`,href:`/auth/carbonio/preauth`,target:`_blank`,children:[jsx(SvgIconNeoMessaging,{color:`#fff`}),jsx(VisuallyHidden,{children:t(`conversation`)})]})}),currentLanguage===`fr`&&hasOldHelpEnableWorkflow?jsxs(NavItem,{children:[jsxs(`button`,{className:`nav-link btn btn-naked`,onClick:()=>{setIsHelpOpen(!0)},children:[jsx(SvgIconNeoAssistance,{color:`#fff`}),jsx(VisuallyHidden,{children:t(`support`)})]}),jsx(Help,{isHelpOpen,setIsHelpOpen,parsedContent,parsedHeadline,error})]}):null,jsx(NavItem,{children:jsxs(`div`,{className:`dropdown`,children:[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:jsx(SvgIconRafterDown,{className:`icon rafter-down`,width:`20`,height:`20`,color:`#fff`})}),jsxs(`ul`,{className:`dropdown-menu dropdown-menu-end ${isCollapsed?``:`show`}`,id:`dropdown-navbar`,children:[communitiesWorkflow&&jsx(NavItem,{children:jsxs(`a`,{href:`/communities`,className:`nav-link dropdown-item`,children:[jsx(SvgIconCommunities,{className:`icon communities`}),jsx(`span`,{className:`nav-text`,children:t(`navbar.community`)})]})}),searchWorkflow?jsx(SearchEngine,{}):null,jsx(NavItem,{children:jsxs(`a`,{href:`/userbook/mon-compte`,className:`nav-link dropdown-item`,children:[jsx(Avatar,{alt:userName,size:`sm`,src:userAvatar,variant:`circle`,className:`bg-white`,width:`32`,height:`32`}),jsx(`span`,{className:`nav-text`,children:t(`navbar.myaccount`)})]})}),jsx(NavItem,{children:jsx(`hr`,{className:`dropdown-divider`})}),jsx(NavItem,{children:jsxs(`a`,{href:`/auth/logout?callback=`+(theme?.logoutCallback??``),className:`nav-link dropdown-item`,children:[jsx(SvgIconDisconnect,{className:`icon logout`}),jsx(`span`,{id:`logout-label`,className:`nav-text`,children:t(`navbar.disconnect`)})]})})]})]})})]})]})})})};export{Header as default};
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import clsx from "clsx";
+import { useTranslation } from "react-i18next";
+import { useEdificeClient } from "../../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";
+import { useEdificeTheme } from "../../../providers/EdificeThemeProvider/EdificeThemeProvider.hook.js";
+import SvgIconRafterDown from "../../../modules/icons/components/IconRafterDown.js";
+import SvgIconCommunities from "../../../modules/icons/components/nav/IconCommunities.js";
+import SvgIconDisconnect from "../../../modules/icons/components/nav/IconDisconnect.js";
+import SvgIconHome from "../../../modules/icons/components/nav/IconHome.js";
+import SvgIconMyApps from "../../../modules/icons/components/nav/IconMyApps.js";
+import SvgIconNeoAssistance from "../../../modules/icons/components/nav/IconNeoAssistance.js";
+import SvgIconNeoMessaging from "../../../modules/icons/components/nav/IconNeoMessaging.js";
+import SvgIconNewRelease from "../../../modules/icons/components/nav/IconNewRelease.js";
+import SvgIconOneAssistance from "../../../modules/icons/components/nav/IconOneAssistance.js";
+import SvgIconOneMessaging from "../../../modules/icons/components/nav/IconOneMessaging.js";
+import SvgIconOneProfile from "../../../modules/icons/components/nav/IconOneProfile.js";
+import SvgIconUserbook from "../../../modules/icons/components/nav/IconUserbook.js";
+import useHeader from "../hooks/useHeader.js";
+import Help from "./Help.js";
+import { Navbar } from "./Navbar.js";
+import { NavBarNav } from "./NavbarNav.js";
+import { NavItem } from "./NavItem.js";
+import { NavLink } from "./NavLink.js";
+import SearchEngine from "./SearchEngine.js";
+import { WidgetAppsBody, WidgetAppsFooter } from "./WidgetApps.js";
+import useConversation from "../../../hooks/useConversation/useConversation.js";
+import useUser from "../../../hooks/useUser/useUser.js";
+import useHasWorkflow from "../../../hooks/useHasWorkflow/useHasWorkflow.js";
+import { useHelp } from "../hooks/useHelp.js";
+import Avatar from "../../Avatar/Avatar.js";
+import Badge from "../../Badge/Badge.js";
+import VisuallyHidden from "../../VisuallyHidden/VisuallyHidden.js";
+import Logo from "../../Logo/Logo.js";
+import { Popover, PopoverBody, PopoverFooter } from "../../Popover/Popover.js";
+const Header = ({
+  is1d = !1,
+  src = ""
+}) => {
+  const {
+    t
+  } = useTranslation(), {
+    messages,
+    msgLink,
+    zimbraWorkflow
+  } = useConversation(), {
+    user,
+    avatar
+  } = useUser(), {
+    currentLanguage,
+    currentApp
+  } = useEdificeClient(), hasOldHelpEnableWorkflow = useHasWorkflow("org.entcore.portal.controllers.PortalController|oldHelpEnable") || !1, hasCarbonioPreauthWorkflow = useHasWorkflow("org.entcore.auth.controllers.CarbonioPreauthController|preauth") || !1, {
+    isModalOpen: isHelpOpen,
+    setIsModalOpen: setIsHelpOpen,
+    parsedContent,
+    parsedHeadline,
+    error
+  } = useHelp(hasOldHelpEnableWorkflow), classes = clsx("header d-print-none", {
+    "no-2d": is1d,
+    "no-1d": !is1d
+  }), {
+    title,
+    bookmarkedApps,
+    appsRef,
+    isAppsHovered,
+    popoverAppsId,
+    userAvatar,
+    userName,
+    welcomeUser,
+    communitiesWorkflow,
+    conversationWorflow,
+    searchWorkflow,
+    isCollapsed,
+    toggleCollapsedNav
+  } = useHeader({
+    user,
+    avatar
+  }), hasMessages = messages > 0, {
+    theme
+  } = useEdificeTheme();
+  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(SvgIconOneMessaging, { className: "icon notification" }),
+          hasMessages && /* @__PURE__ */ jsx(Badge, { variant: {
+            type: "notification",
+            level: "danger"
+          }, className: "position-absolute", children: messages }),
+          /* @__PURE__ */ jsx(VisuallyHidden, { children: t("navbar.messages") })
+        ] }) }),
+        hasCarbonioPreauthWorkflow && /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsxs("a", { href: "/auth/carbonio/preauth", target: "_blank", className: "nav-link", children: [
+          /* @__PURE__ */ jsx(SvgIconOneMessaging, { className: "icon notification" }),
+          /* @__PURE__ */ jsx(VisuallyHidden, { children: t("navbar.messages") })
+        ] }) }),
+        communitiesWorkflow && /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsx(NavLink, { link: "/communities", translate: t("navbar.community"), children: /* @__PURE__ */ jsx(SvgIconCommunities, { className: "icon communities text-purple-500" }) }) }),
+        /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsx(NavLink, { link: "/userbook/mon-compte", className: "dropdown-item", translate: t("navbar.myaccount"), children: /* @__PURE__ */ jsx(SvgIconOneProfile, { className: "icon user" }) }) }),
+        currentLanguage === "fr" && hasOldHelpEnableWorkflow ? /* @__PURE__ */ jsxs(NavItem, { children: [
+          /* @__PURE__ */ jsxs("button", { className: "nav-link", onClick: () => {
+            setIsHelpOpen(!0);
+          }, children: [
+            /* @__PURE__ */ jsx(SvgIconOneAssistance, { 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("a", { href: "/auth/logout?callback=" + ((theme == null ? void 0 : theme.logoutCallback) ?? ""), className: "nav-link", children: [
+          /* @__PURE__ */ jsx(SvgIconDisconnect, { 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(SvgIconRafterDown, { 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(SvgIconNewRelease, { 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(SvgIconUserbook, { 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(SvgIconMyApps, { 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(SvgIconHome, { 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(SvgIconMyApps, { 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(SvgIconNeoMessaging, { color: "#fff" }),
+        hasMessages && /* @__PURE__ */ jsx(Badge, { variant: {
+          type: "notification",
+          level: "warning"
+        }, className: "position-absolute", children: messages })
+      ] }) }),
+      zimbraWorkflow && /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsxs(NavLink, { className: "position-relative", link: msgLink, translate: t("conversation"), children: [
+        /* @__PURE__ */ jsx(SvgIconNeoMessaging, { color: "#fff" }),
+        hasMessages && /* @__PURE__ */ jsx(Badge, { variant: {
+          type: "notification",
+          level: "warning"
+        }, className: "position-absolute", children: messages })
+      ] }) }),
+      hasCarbonioPreauthWorkflow && /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsxs("a", { className: "nav-link position-relative", href: "/auth/carbonio/preauth", target: "_blank", children: [
+        /* @__PURE__ */ jsx(SvgIconNeoMessaging, { color: "#fff" }),
+        /* @__PURE__ */ jsx(VisuallyHidden, { children: t("conversation") })
+      ] }) }),
+      currentLanguage === "fr" && hasOldHelpEnableWorkflow ? /* @__PURE__ */ jsxs(NavItem, { children: [
+        /* @__PURE__ */ jsxs("button", { className: "nav-link btn btn-naked", onClick: () => {
+          setIsHelpOpen(!0);
+        }, children: [
+          /* @__PURE__ */ jsx(SvgIconNeoAssistance, { 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(SvgIconRafterDown, { 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: [
+          communitiesWorkflow && /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsxs("a", { href: "/communities", className: "nav-link dropdown-item", children: [
+            /* @__PURE__ */ jsx(SvgIconCommunities, { className: "icon communities" }),
+            /* @__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(SvgIconDisconnect, { className: "icon logout" }),
+            /* @__PURE__ */ jsx("span", { id: "logout-label", className: "nav-text", children: t("navbar.disconnect") })
+          ] }) })
+        ] })
+      ] }) })
+    ] })
+  ] }) }) });
+};
+export {
+  Header as default
+};

package/dist/components/Layout/components/HeaderNotificationsOverlay.js

@@ -1 +1,18 @@
-import{useOverlay}from"../../PageLayout/hook/useOverlay.js";import NotificationListContainer from"../../../modules/homepage/components/Notifications/NotificationListContainer.js";import PageLayoutOverlay from"../../PageLayout/components/PageLayoutOverlay.js";import{jsx}from"react/jsx-runtime";var HeaderNotificationsOverlay=()=>{let{isOverlayOpen,updateOverlayOpen}=useOverlay(),handleClose=()=>updateOverlayOpen(!1);return jsx(PageLayoutOverlay,{onClose:handleClose,closeButton:!1,children:isOverlayOpen&&jsx(NotificationListContainer,{onCloseNotifications:handleClose})})};export{HeaderNotificationsOverlay as default};
+import { jsx } from "react/jsx-runtime";
+import { NotificationListContainer } from "../../../modules/homepage/components/Notifications/NotificationListContainer.js";
+import PageLayoutOverlay from "../../PageLayout/components/PageLayoutOverlay.js";
+import { useOverlay } from "../../PageLayout/hook/useOverlay.js";
+const HeaderNotificationsOverlay = () => {
+  const {
+    isOverlayOpen,
+    updateOverlayOpen
+  } = useOverlay(), handleClose = () => updateOverlayOpen(!1);
+  return (
+    // NotificationList renders its own header with a close button, so
+    // PageLayoutOverlay's default close button would be redundant (double X).
+    /* @__PURE__ */ jsx(PageLayoutOverlay, { onClose: handleClose, closeButton: !1, children: isOverlayOpen && /* @__PURE__ */ jsx(NotificationListContainer, { onCloseNotifications: handleClose }) })
+  );
+};
+export {
+  HeaderNotificationsOverlay as default
+};

package/dist/components/Layout/components/Help.js

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

@@ -1 +1,14 @@
-import clsx$1 from"clsx";import{forwardRef}from"react";import{jsx}from"react/jsx-runtime";var NavItem=forwardRef(({children,className,...restProps},ref)=>jsx(`li`,{ref,className:clsx$1(`nav-item`,className),...restProps,children}));export{NavItem};
+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/components/Layout/components/NavLink.js

@@ -1 +1,21 @@
-import VisuallyHidden from"../../VisuallyHidden/VisuallyHidden.js";import clsx$1 from"clsx";import{jsx,jsxs}from"react/jsx-runtime";function NavLink({link,className,children,translate,button,...restProps}){return jsxs(`a`,{href:link,className:clsx$1(`nav-link`,className),...restProps,children:[children,translate&&jsx(VisuallyHidden,{children:jsx(`span`,{className:`nav-text`,children:translate})})]})}export{NavLink};
+import { jsxs, jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import VisuallyHidden from "../../VisuallyHidden/VisuallyHidden.js";
+function NavLink({
+  link,
+  className,
+  children,
+  translate,
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  button,
+  ...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/components/Layout/components/Navbar.js

@@ -1 +1,13 @@
-import clsx$1 from"clsx";import{jsx}from"react/jsx-runtime";function Navbar({children,className,...restProps}){return jsx(`nav`,{className:clsx$1(`navbar`,className),...restProps,children})}export{Navbar};
+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/components/Layout/components/NavbarNav.js

@@ -1 +1,13 @@
-import clsx$1 from"clsx";import{jsx}from"react/jsx-runtime";function NavBarNav({children,className,...restProps}){return jsx(`ul`,{className:clsx$1(`navbar-nav`,className),...restProps,children})}export{NavBarNav};
+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/components/Layout/components/SearchEngine.js

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

@@ -1 +1,23 @@
-import AppIcon from"../../AppIcon/AppIcon.js";import{jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var WidgetAppsFooter=()=>{let{t}=useTranslation();return jsx(`div`,{className:`widget-footer`,children:jsx(`div`,{className:`widget-footer-action`,children:jsx(`a`,{href:`/welcome`,className:`link`,children:t(`plus`)})})})},appToOpenOnBlank=[`Administration`],WidgetAppsBody=({bookmarkedApps})=>{let{t}=useTranslation(),getAppName=data=>data.prefix&&data.prefix.length>1?t(data.prefix.substring(1)):t(data.displayName)||``;return jsxs(`div`,{className:`widget-body d-flex flex-wrap`,children:[!bookmarkedApps.length&&jsx(`div`,{className:`text-dark`,children:t(`navbar.myapps.more`)}),bookmarkedApps.slice(0,6).map((app,index)=>jsx(`a`,{href:app.address,title:getAppName(app),className:`bookmarked-app`,target:appToOpenOnBlank.includes(app.name)||app.isExternal||app.target===`_blank`?`_blank`:void 0,rel:appToOpenOnBlank.includes(app.name)||app.isExternal||app.target===`_blank`?`noopener noreferrer`:void 0,children:jsx(AppIcon,{app,size:`32`})},index))]})};export{WidgetAppsBody,WidgetAppsFooter};
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import AppIcon from "../../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") }) }) });
+}, appToOpenOnBlank = ["Administration"], WidgetAppsBody = ({
+  bookmarkedApps
+}) => {
+  const {
+    t
+  } = useTranslation(), getAppName = (data) => data.prefix && data.prefix.length > 1 ? t(data.prefix.substring(1)) : t(data.displayName) || "";
+  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, title: getAppName(app), className: "bookmarked-app", target: appToOpenOnBlank.includes(app.name) || app.isExternal || app.target === "_blank" ? "_blank" : void 0, rel: appToOpenOnBlank.includes(app.name) || app.isExternal || app.target === "_blank" ? "noopener noreferrer" : void 0, children: /* @__PURE__ */ jsx(AppIcon, { app, size: "32" }) }, index))
+  ] });
+};
+export {
+  WidgetAppsBody,
+  WidgetAppsFooter
+};