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

package/dist/components/EmptyScreen/EmptyScreen.d.ts

@@ -15,13 +15,17 @@ export interface EmptyScreenProps {
      * Text to display
      */
     text?: string;
+    /**
+     * Size of the EmptyScreen image. Must be square
+     */
+    size?: number;
     /**
      * Optional class for styling purpose
      */
     className?: string;
 }
 declare const EmptyScreen: {
-    ({ imageSrc, imageAlt, title, text, className, }: EmptyScreenProps): import("react/jsx-runtime").JSX.Element;
+    ({ imageSrc, imageAlt, title, text, size, className, }: EmptyScreenProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default EmptyScreen;

package/dist/components/EmptyScreen/EmptyScreen.js

@@ -0,0 +1,21 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import Heading from "../Heading/Heading.js";
+const EmptyScreen = ({
+  imageSrc,
+  imageAlt = "",
+  title,
+  text,
+  size = 250,
+  className
+}) => {
+  const textClass = clsx("text", className);
+  return /* @__PURE__ */ jsxs("div", { className: "emptyscreen", children: [
+    imageSrc && /* @__PURE__ */ jsx("div", { className: "emptyscreen-image mb-12", children: /* @__PURE__ */ jsx("img", { className: "mx-auto", src: imageSrc, alt: imageAlt, width: size, height: size }) }),
+    title && /* @__PURE__ */ jsx(Heading, { level: "h2", headingStyle: "h2", className: "text-secondary mb-8", children: title }),
+    text && /* @__PURE__ */ jsx("div", { className: textClass, children: text })
+  ] });
+};
+export {
+  EmptyScreen as default
+};

package/dist/components/Form/FormContext.d.ts

@@ -1,5 +1,5 @@
 import { FormControlProps } from './FormControl';
-type Props = Omit<FormControlProps, 'className' | 'children'>;
+type Props = Omit<FormControlProps, "className" | "children">;
 export type FormContextProps = Props;
 export declare const Context: import('react').Context<Props | null>;
 export declare const useFormControl: () => Props;

package/dist/components/Form/FormControl.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-export interface FormControlProps extends React.ComponentPropsWithRef<'div'> {
+export interface FormControlProps extends React.ComponentPropsWithRef<"div"> {
     /**
      * For accessibility
      */
@@ -27,11 +27,11 @@ export interface FormControlProps extends React.ComponentPropsWithRef<'div'> {
     /**
      * Status to handle Form Validation
      */
-    status?: 'valid' | 'invalid';
+    status?: "valid" | "invalid";
 }
 declare const FormControl: import('react').ForwardRefExoticComponent<Omit<FormControlProps, "ref"> & import('react').RefAttributes<HTMLDivElement>> & {
-    Label: import('react').ForwardRefExoticComponent<Omit<import('../Label').LabelProps, "ref"> & import('react').RefAttributes<HTMLLabelElement>>;
-    Input: import('react').ForwardRefExoticComponent<Omit<import('../Input').InputProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
+    Label: import('react').ForwardRefExoticComponent<Omit<import('..').LabelProps, "ref"> & import('react').RefAttributes<HTMLLabelElement>>;
+    Input: import('react').ForwardRefExoticComponent<Omit<import('..').InputProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
     Text: {
         ({ children }: {
             children: ReactNode;

package/dist/components/Form/FormText.js

@@ -0,0 +1,17 @@
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { useFormControl } from "./FormContext.js";
+const FormText = ({
+  children
+}) => {
+  const {
+    status
+  } = useFormControl(), classes = clsx("form-text", {
+    "is-invalid": status === "invalid",
+    valid: status === "valid"
+  });
+  return /* @__PURE__ */ jsx("p", { className: classes, children: /* @__PURE__ */ jsx("em", { children }) });
+};
+export {
+  FormText as default
+};

package/dist/components/Grid/Grid.d.ts

@@ -9,7 +9,7 @@ export interface GridProps {
      */
     className?: string;
 }
-export interface GridColProps extends React.ComponentPropsWithoutRef<'div'> {
+export interface GridColProps extends React.ComponentPropsWithoutRef<"div"> {
     /**
      * Size on Mobile
      */

package/dist/components/Heading/Heading.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-export type HeadingElement = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+export type HeadingElement = "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
 export interface HeadingProps extends React.HTMLAttributes<HTMLHeadingElement> {
     /**
      * Level of Heading

package/dist/components/Image/Image.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-export interface ImageProps extends React.ComponentPropsWithRef<'img'> {
+export interface ImageProps extends React.ComponentPropsWithRef<"img"> {
     /**
      * Image URL
      */
@@ -11,11 +10,11 @@ export interface ImageProps extends React.ComponentPropsWithRef<'img'> {
     /**
      * Image ratio
      */
-    ratio?: '1' | '4' | '16' | '21';
+    ratio?: "1" | "4" | "16" | "21";
     /**
      * Object fit property
      */
-    objectFit?: 'contain' | 'cover' | 'fill' | 'scale' | 'none';
+    objectFit?: "contain" | "cover" | "fill" | "scale" | "none";
     /**
      * Placeholder image as fallback
      */

package/dist/components/Image/Image.js

@@ -0,0 +1,41 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import clsx from "clsx";
+import useImage from "../../hooks/useImage/useImage.js";
+import usePaths from "../../hooks/usePaths/usePaths.js";
+const Image = /* @__PURE__ */ forwardRef(({
+  src,
+  alt,
+  imgPlaceholder,
+  ratio,
+  objectFit,
+  className,
+  ...restProps
+}, ref) => {
+  const [imagePath] = usePaths(), placeholder = imgPlaceholder ?? `${imagePath}/common/image-placeholder.png`, {
+    imgSrc,
+    onError
+  } = useImage({
+    src,
+    placeholder
+  }), ratioImage = {
+    "ratio ratio-1x1": ratio === "1",
+    "ratio ratio-4x3": ratio === "4",
+    "ratio ratio-16x9": ratio === "16",
+    "ratio ratio-21x9": ratio === "21"
+  }, objectImage = {
+    "object-fit-contain": objectFit === "contain",
+    "object-fit-cover": objectFit === "cover",
+    "object-fit-fill": objectFit === "fill",
+    "object-fit-scale": objectFit === "scale",
+    "object-fit-none": objectFit === "none"
+  }, ratioClasses = clsx({
+    ...ratioImage
+  }), classes = clsx({
+    ...objectImage
+  }, className), renderImage = /* @__PURE__ */ jsx("img", { alt, onError, ref, src: imgSrc, className: classes, ...restProps });
+  return ratio ? /* @__PURE__ */ jsx("div", { className: ratioClasses, children: renderImage }) : renderImage;
+});
+export {
+  Image as default
+};

package/dist/components/Input/Input.d.ts

@@ -1,6 +1,6 @@
 import { Size } from '../../types';
-export type OmitInputProps = 'disabled' | 'required' | 'size' | 'id' | 'readOnly';
-export interface InputProps extends Omit<React.ComponentPropsWithRef<'input'>, OmitInputProps> {
+export type OmitInputProps = "disabled" | "required" | "size" | "id" | "readOnly";
+export interface InputProps extends Omit<React.ComponentPropsWithRef<"input">, OmitInputProps> {
     /**
      * Control size of input
      */

package/dist/components/Label/Label.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-export type OmitLabelProps = 'htmlFor';
-export interface LabelProps extends Omit<React.ComponentPropsWithRef<'label'>, OmitLabelProps> {
+export type OmitLabelProps = "htmlFor";
+export interface LabelProps extends Omit<React.ComponentPropsWithRef<"label">, OmitLabelProps> {
     /**
      * Display Icon to the left
      */

package/dist/components/Layout/Layout.d.ts

@@ -0,0 +1,12 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+export interface LayoutProps extends ComponentPropsWithoutRef<any> {
+    /**  Main content of an application */
+    children: ReactNode;
+    /** Full screen mode without header component  */
+    headless?: boolean;
+}
+export declare const Layout: {
+    ({ children, headless, ...restProps }: LayoutProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default Layout;

package/dist/components/Layout/Layout.js

@@ -0,0 +1,44 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import clsx from "clsx";
+import { Toaster } from "react-hot-toast";
+import { useTranslation } from "react-i18next";
+import { useEdificeTheme } from "../../providers/EdificeThemeProvider/EdificeThemeProvider.hook.js";
+import Header from "./components/Header.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 Button from "../Button/Button.js";
+const Layout = ({
+  children,
+  headless = !1,
+  ...restProps
+}) => {
+  const {
+    theme
+  } = useEdificeTheme(), {
+    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
+  ] });
+};
+export {
+  Layout,
+  Layout as default
+};

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

@@ -0,0 +1,189 @@
+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 SvgIconAssistance from "../../../modules/icons/components/apps/IconAssistance.js";
+import SvgIconCommunity from "../../../modules/icons/components/nav/IconCommunity.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 SvgIconNeoMessaging from "../../../modules/icons/components/nav/IconNeoMessaging.js";
+import SvgIconNewRelease from "../../../modules/icons/components/nav/IconNewRelease.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 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 useHeader from "../../../hooks/useHeader/useHeader.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, {
+    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
+  } = 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") })
+        ] }) }),
+        /* @__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(SvgIconAssistance, { 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(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 })
+      ] }) }),
+      currentLanguage === "fr" && hasOldHelpEnableWorkflow ? /* @__PURE__ */ jsxs(NavItem, { children: [
+        /* @__PURE__ */ jsxs("button", { className: "nav-link btn btn-naked", onClick: () => {
+          setIsHelpOpen(!0);
+        }, children: [
+          /* @__PURE__ */ jsx(SvgIconAssistance, { 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: [
+          communityWorkflow && /* @__PURE__ */ jsx(NavItem, { children: /* @__PURE__ */ jsxs("a", { href: "/community", className: "nav-link dropdown-item", children: [
+            /* @__PURE__ */ jsx(SvgIconCommunity, { 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(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/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 "../../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/Main.d.ts

@@ -0,0 +1,16 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+export interface MainProps extends ComponentPropsWithoutRef<"main"> {
+    /**
+     * App content
+     */
+    children: ReactNode;
+    /**
+     * Optional class for styling purpose
+     */
+    className?: string;
+}
+declare function Main({ children, className, ...restProps }: MainProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Main {
+    var displayName: string;
+}
+export default Main;

package/dist/components/Layout/components/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/components/Layout/components/NavLink.js

@@ -0,0 +1,19 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import VisuallyHidden from "../../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/components/Layout/components/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/components/Layout/components/SearchEngine.js

@@ -0,0 +1,33 @@
+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.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { IWebApp } from '@edifice.io/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/components/Layout/components/WidgetApps.js

@@ -0,0 +1,23 @@
+import { jsx, jsxs } 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") }) }) });
+}, 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/components/Layout/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useHeader';
+export * from './useHelp';

package/dist/components/Layout/hooks/useHeader.d.ts

@@ -0,0 +1,5 @@
+import { IUserInfo } from '@edifice.io/ts-client';
+export default function useHeader({ user, avatar, }: {
+    user: IUserInfo | undefined;
+    avatar: string;
+}): any;

package/dist/components/Layout/hooks/useHelp.d.ts

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