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

package/dist/components/Layout/hooks/useHeader.js

@@ -1 +1,39 @@
-import{useEdificeClient}from"../../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";import useBookmark from"../../../hooks/useBookmark/useBookmark.js";import useHasWorkflow from"../../../hooks/useHasWorkflow/useHasWorkflow.js";import{useCallback,useId,useMemo,useState}from"react";import{useTranslation}from"react-i18next";import{useHover}from"@uidotdev/usehooks";function useHeader({user,avatar}){let{appCode}=useEdificeClient(),{t}=useTranslation(),title=t(appCode),[isCollapsed,setIsCollapsed]=useState(!0),[appsRef,isAppsHovered]=useHover(),popoverAppsId=useId(),popoverSearchId=useId(),userAvatar=avatar,userName=user?.username,welcomeUser=t(`welcome`,{username:user?.firstName}),bookmarkedApps=useBookmark(),communitiesWorkflow=useHasWorkflow(`community.access`),conversationWorflow=useHasWorkflow(`org.entcore.conversation.controllers.ConversationController|view`),searchWorkflow=useHasWorkflow(`fr.openent.searchengine.controllers.SearchEngineController|view`),toggleCollapsedNav=useCallback(()=>{setIsCollapsed(!isCollapsed)},[isCollapsed]);return useMemo(()=>({title,bookmarkedApps,appsRef,isAppsHovered,popoverAppsId,popoverSearchId,userAvatar,userName,welcomeUser,communitiesWorkflow,conversationWorflow,searchWorkflow,isCollapsed,toggleCollapsedNav}),[appsRef,bookmarkedApps,communitiesWorkflow,conversationWorflow,isAppsHovered,isCollapsed,popoverAppsId,popoverSearchId,searchWorkflow,title,toggleCollapsedNav,userAvatar,userName,welcomeUser])}export{useHeader as default};
+import { useState, useId, useCallback, useMemo } from "react";
+import { useHover } from "@uidotdev/usehooks";
+import { useTranslation } from "react-i18next";
+import { useEdificeClient } from "../../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";
+import useBookmark from "../../../hooks/useBookmark/useBookmark.js";
+import useHasWorkflow from "../../../hooks/useHasWorkflow/useHasWorkflow.js";
+function useHeader({
+  user,
+  avatar
+}) {
+  const {
+    appCode
+  } = useEdificeClient(), {
+    t
+  } = useTranslation(), title = t(appCode), [isCollapsed, setIsCollapsed] = useState(!0), [appsRef, isAppsHovered] = useHover(), popoverAppsId = useId(), popoverSearchId = useId(), userAvatar = avatar, userName = user == null ? void 0 : user.username, welcomeUser = t("welcome", {
+    username: user == null ? void 0 : user.firstName
+  }), bookmarkedApps = useBookmark(), communitiesWorkflow = useHasWorkflow("community.access"), conversationWorflow = useHasWorkflow("org.entcore.conversation.controllers.ConversationController|view"), searchWorkflow = useHasWorkflow("fr.openent.searchengine.controllers.SearchEngineController|view"), toggleCollapsedNav = useCallback(() => {
+    setIsCollapsed(!isCollapsed);
+  }, [isCollapsed]);
+  return useMemo(() => ({
+    title,
+    bookmarkedApps,
+    appsRef,
+    isAppsHovered,
+    popoverAppsId,
+    popoverSearchId,
+    userAvatar,
+    userName,
+    welcomeUser,
+    communitiesWorkflow,
+    conversationWorflow,
+    searchWorkflow,
+    isCollapsed,
+    toggleCollapsedNav
+  }), [appsRef, bookmarkedApps, communitiesWorkflow, conversationWorflow, isAppsHovered, isCollapsed, popoverAppsId, popoverSearchId, searchWorkflow, title, toggleCollapsedNav, userAvatar, userName, welcomeUser]);
+}
+export {
+  useHeader as default
+};

package/dist/components/Layout/hooks/useHelp.js

@@ -1 +1,86 @@
-import SvgIconBurgerMenu from"../../../modules/icons/components/IconBurgerMenu.js";import Button from"../../Button/Button.js";import{useEdificeTheme}from"../../../providers/EdificeThemeProvider/EdificeThemeProvider.hook.js";import{useEdificeClient}from"../../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";import{useEffect,useState}from"react";import{jsx,jsxs}from"react/jsx-runtime";import parse,{attributesToProps,domToReact}from"html-react-parser";function useHelp(hasOldHelpEnableWorkflow){let{appCode}=useEdificeClient(),{theme}=useEdificeTheme(),[html,setHtml]=useState(``),[visibility,setVisibility]=useState(!0),[activeSection,setActiveSection]=useState(`présentation`),[isModalOpen,setIsModalOpen]=useState(!1),[error,setError]=useState(!1),helpPath=theme?.is1d?`/help-1d`:`/help-2d`,isHelpEnabled=!!hasOldHelpEnableWorkflow;useEffect(()=>{isHelpEnabled&&(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{let res=await fetch(helpURL),html=await res.text();if(res.status===404){setError(!0);return}setHtml(html),setError(!1)}catch(error){setError(!0),console.error(error)}})()},[appCode,helpPath,isHelpEnabled]);let parsedContent=parse(html,{replace:domNode=>{let typedDomNode=domNode,isActive=typedDomNode.attribs?.id===activeSection;if(typedDomNode.attribs&&typedDomNode.attribs.id===`TOC`)return jsxs(`nav`,{id:`TOC`,children:[jsx(Button,{onClick:()=>{setVisibility(!visibility)},children:jsx(SvgIconBurgerMenu,{})}),domToReact(typedDomNode.children,{replace:domNode=>{let typedDomNode=domNode;if(typedDomNode.attribs&&typedDomNode.name===`ul`)return jsx(`ul`,{id:`TOC-list`,style:{display:visibility?`block`:`none`},children:domToReact(typedDomNode.children,{replace:domNode=>{let typedDomNode=domNode;if(typedDomNode.attribs&&typedDomNode.name===`a`){let sectionId=typedDomNode.attribs.href.replace(`#`,``);return jsx(`span`,{onClick:e=>{e.preventDefault(),setActiveSection(sectionId),setVisibility(!1)},children:domToReact(typedDomNode.children)})}}})})}})]});if(typedDomNode.attribs&&typedDomNode.attribs.class===`section level2`)return jsx(`div`,{...attributesToProps(domNode.attribs),className:`section level2`,hidden:!isActive,children:domToReact(typedDomNode.children,{replace:domNode=>{let typedDomNode=domNode;if(typedDomNode.attribs&&typedDomNode.name===`img`){let attribs=domNode.attribs.src;return jsx(`img`,{...attributesToProps(typedDomNode.attribs),src:`${helpPath}/${attribs}`,alt:``})}}})})}})?.props?.children.find(child=>child.type===`body`)?.props?.children;return{html,visibility,isModalOpen,setIsModalOpen,parsedContent,parsedHeadline:parsedContent?.find(child=>child.type===`p`)?.props?.children,error}}export{useHelp};
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import parse, { domToReact, attributesToProps } from "html-react-parser";
+import SvgIconBurgerMenu from "../../../modules/icons/components/IconBurgerMenu.js";
+import { useEdificeClient } from "../../../providers/EdificeClientProvider/EdificeClientProvider.hook.js";
+import { useEdificeTheme } from "../../../providers/EdificeThemeProvider/EdificeThemeProvider.hook.js";
+import Button from "../../Button/Button.js";
+function useHelp(hasOldHelpEnableWorkflow) {
+  var _a, _b, _c, _d, _e;
+  const {
+    appCode
+  } = useEdificeClient(), {
+    theme
+  } = useEdificeTheme(), [html, setHtml] = useState(""), [visibility, setVisibility] = useState(!0), [activeSection, setActiveSection] = useState("présentation"), [isModalOpen, setIsModalOpen] = useState(!1), [error, setError] = useState(!1), helpPath = theme != null && theme.is1d ? "/help-1d" : "/help-2d";
+  useEffect(() => {
+    hasOldHelpEnableWorkflow && (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) => {
+      var _a2;
+      const typedDomNode = domNode, isActive = ((_a2 = typedDomNode.attribs) == null ? void 0 : _a2.id) === activeSection;
+      if (typedDomNode.attribs && typedDomNode.attribs.id === "TOC")
+        return /* @__PURE__ */ jsxs("nav", { id: "TOC", children: [
+          /* @__PURE__ */ jsx(Button, { onClick: () => {
+            setVisibility(!visibility);
+          }, children: /* @__PURE__ */ jsx(SvgIconBurgerMenu, {}) }),
+          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") {
+                      const sectionId = typedDomNode3.attribs.href.replace("#", "");
+                      return /* @__PURE__ */ jsx("span", { onClick: (e) => {
+                        e.preventDefault(), setActiveSection(sectionId), 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", hidden: !isActive, 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/components/LinkPill/LinkPill.js

@@ -1 +1,28 @@
-import SvgIconLink from"../../modules/icons/components/IconLink.js";import clsx$1 from"clsx";import{Fragment,jsx,jsxs}from"react/jsx-runtime";var LinkPill=({href,label,subtitle,illustration,illustrationType=`icon`,illustrationPosition=`left`,className,...restProps})=>{let illustrationNode=illustrationType===`icon`?jsx(`span`,{className:`link-pill-icon`,children:illustration??jsx(SvgIconLink,{})}):jsx(`span`,{className:`link-pill-image`,children:illustration}),contentNode=jsxs(`span`,{className:`link-pill-content`,children:[jsx(`span`,{className:`link-pill-label`,title:label,children:label}),subtitle&&jsx(`span`,{className:`link-pill-subtitle`,title:subtitle,children:subtitle})]});return jsx(`a`,{href,target:`_blank`,rel:`noopener noreferrer`,"data-testid":`link-pill`,className:clsx$1(`link-pill`,`link-pill--illustration-${illustrationPosition}`,className),...restProps,children:illustrationPosition===`left`?jsxs(Fragment,{children:[illustrationNode,contentNode]}):jsxs(Fragment,{children:[contentNode,illustrationNode]})})};export{LinkPill as default};
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import clsx from "clsx";
+import SvgIconLink from "../../modules/icons/components/IconLink.js";
+const LinkPill = ({
+  href,
+  label,
+  subtitle,
+  illustration,
+  illustrationType = "icon",
+  illustrationPosition = "left",
+  className,
+  ...restProps
+}) => {
+  const illustrationNode = illustrationType === "icon" ? /* @__PURE__ */ jsx("span", { className: "link-pill-icon", children: illustration ?? /* @__PURE__ */ jsx(SvgIconLink, {}) }) : /* @__PURE__ */ jsx("span", { className: "link-pill-image", children: illustration }), contentNode = /* @__PURE__ */ jsxs("span", { className: "link-pill-content", children: [
+    /* @__PURE__ */ jsx("span", { className: "link-pill-label", title: label, children: label }),
+    subtitle && /* @__PURE__ */ jsx("span", { className: "link-pill-subtitle", title: subtitle, children: subtitle })
+  ] });
+  return /* @__PURE__ */ jsx("a", { href, target: "_blank", rel: "noopener noreferrer", "data-testid": "link-pill", className: clsx("link-pill", `link-pill--illustration-${illustrationPosition}`, className), ...restProps, children: illustrationPosition === "left" ? /* @__PURE__ */ jsxs(Fragment, { children: [
+    illustrationNode,
+    contentNode
+  ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+    contentNode,
+    illustrationNode
+  ] }) });
+};
+export {
+  LinkPill as default
+};

package/dist/components/List/List.js

@@ -1 +1,54 @@
-import useBreakpoint from"../../hooks/useBreakpoint/useBreakpoint.js";import{useCheckable}from"../../hooks/useCheckable/useCheckable.js";import Checkbox from"../Checkbox/Checkbox.js";import Toolbar from"../Toolbar/Toolbar.js";import clsx$1 from"clsx";import{Fragment,useEffect}from"react";import{Fragment as Fragment$1,jsx,jsxs}from"react/jsx-runtime";var List=({items,isCheckable=!1,data,renderNode,onSelectedItems,className,toolbarOptions})=>{let{selectedItems,allItemsSelected,isIndeterminate,handleOnSelectAllItems,handleOnSelectItem}=useCheckable(data),{lg}=useBreakpoint();useEffect(()=>{selectedItems&&onSelectedItems?.(selectedItems)},[onSelectedItems,selectedItems]);let toolbarClassName=clsx$1(`list-header d-flex align-items-center gap-8 px-12 bg-white border-bottom`,className,{"sticky-top":toolbarOptions?.sticky});return jsxs(Fragment$1,{children:[(items||isCheckable)&&jsx(Fragment$1,{children:jsx(`div`,{className:toolbarClassName,children:jsxs(Fragment$1,{children:[jsxs(`div`,{className:`d-flex align-items-center gap-8 py-12`,children:[jsx(Checkbox,{checked:allItemsSelected,indeterminate:isIndeterminate,onChange:()=>handleOnSelectAllItems(allItemsSelected)}),jsxs(`span`,{children:[`(`,selectedItems.length,`)`]})]}),items&&jsx(Toolbar,{items,shouldHideLabelsOnMobile:toolbarOptions?.shouldHideLabelsOnMobile,isBlock:!0,align:`left`,variant:`no-shadow`,className:clsx$1(`gap-4 py-4`,{"px-0 ms-auto":!lg})})]})})}),jsx(`div`,{children:data?.map(node=>{let checked=selectedItems.includes(node._id);return jsx(Fragment,{children:renderNode(node,jsx(Checkbox,{checked,onChange:()=>handleOnSelectItem(node._id),onClick:event=>event.stopPropagation()}),checked)},node._id)})})]})};export{List};
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { useEffect, Fragment as Fragment$1 } from "react";
+import { useCheckable } from "../../hooks/useCheckable/useCheckable.js";
+import useBreakpoint from "../../hooks/useBreakpoint/useBreakpoint.js";
+import Checkbox from "../Checkbox/Checkbox.js";
+import { Toolbar } from "../Toolbar/Toolbar.js";
+const List = ({
+  items,
+  isCheckable = !1,
+  data,
+  renderNode,
+  onSelectedItems,
+  className,
+  toolbarOptions
+}) => {
+  const {
+    selectedItems,
+    allItemsSelected,
+    isIndeterminate,
+    handleOnSelectAllItems,
+    handleOnSelectItem
+  } = useCheckable(data), {
+    lg
+  } = useBreakpoint();
+  useEffect(() => {
+    selectedItems && (onSelectedItems == null || onSelectedItems(selectedItems));
+  }, [onSelectedItems, selectedItems]);
+  const toolbarClassName = clsx("list-header d-flex align-items-center gap-8 px-12 bg-white border-bottom", className, {
+    "sticky-top": toolbarOptions == null ? void 0 : toolbarOptions.sticky
+  });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    (items || isCheckable) && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { className: toolbarClassName, children: /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsxs("div", { className: "d-flex align-items-center gap-8 py-12", children: [
+        /* @__PURE__ */ jsx(Checkbox, { checked: allItemsSelected, indeterminate: isIndeterminate, onChange: () => handleOnSelectAllItems(allItemsSelected) }),
+        /* @__PURE__ */ jsxs("span", { children: [
+          "(",
+          selectedItems.length,
+          ")"
+        ] })
+      ] }),
+      items && /* @__PURE__ */ jsx(Toolbar, { items, shouldHideLabelsOnMobile: toolbarOptions == null ? void 0 : toolbarOptions.shouldHideLabelsOnMobile, isBlock: !0, align: "left", variant: "no-shadow", className: clsx("gap-4 py-4", {
+        "px-0 ms-auto": !lg
+      }) })
+    ] }) }) }),
+    /* @__PURE__ */ jsx("div", { children: data == null ? void 0 : data.map((node) => {
+      const checked = selectedItems.includes(node._id);
+      return /* @__PURE__ */ jsx(Fragment$1, { children: renderNode(node, /* @__PURE__ */ jsx(Checkbox, { checked, onChange: () => handleOnSelectItem(node._id), onClick: (event) => event.stopPropagation() }), checked) }, node._id);
+    }) })
+  ] });
+};
+export {
+  List
+};

package/dist/components/Loading/Loading.js

@@ -1 +1,27 @@
-import SvgIconLoader from"../../modules/icons/components/IconLoader.js";import clsx$1 from"clsx";import{forwardRef}from"react";import{jsx,jsxs}from"react/jsx-runtime";var Loading=forwardRef((props,ref)=>{let{isLoading,loadingIcon,loadingPosition=`left`,children,className,...restProps}=props,getLoadingIcon=()=>{let icon;return icon=loadingIcon||jsx(SvgIconLoader,{...restProps,"aria-label":`Loading`}),icon};return jsxs(`div`,{className:clsx$1(`loading d-flex align-items-center gap-8`,{"is-loading":isLoading},className),role:`status`,ref,children:[(!loadingPosition||loadingPosition===`left`)&&getLoadingIcon(),children,loadingPosition===`right`&&getLoadingIcon()]})});export{Loading as default};
+import { jsxs, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import clsx from "clsx";
+import SvgIconLoader from "../../modules/icons/components/IconLoader.js";
+const Loading = /* @__PURE__ */ forwardRef((props, ref) => {
+  const {
+    isLoading,
+    loadingIcon,
+    loadingPosition = "left",
+    children,
+    className,
+    ...restProps
+  } = props, getLoadingIcon = () => {
+    let icon;
+    return loadingIcon ? icon = loadingIcon : icon = /* @__PURE__ */ jsx(SvgIconLoader, { ...restProps, "aria-label": "Loading" }), icon;
+  }, classes = clsx("loading d-flex align-items-center gap-8", {
+    "is-loading": isLoading
+  }, className);
+  return /* @__PURE__ */ jsxs("div", { className: classes, role: "status", ref, children: [
+    (!loadingPosition || loadingPosition === "left") && getLoadingIcon(),
+    children,
+    loadingPosition === "right" && getLoadingIcon()
+  ] });
+});
+export {
+  Loading as default
+};

package/dist/components/LoadingScreen/LoadingScreen.js

@@ -1 +1,25 @@
-import clsx$1 from"clsx";import{forwardRef}from"react";import{Fragment as Fragment$1,jsx,jsxs}from"react/jsx-runtime";import loadingScreen from"@edifice.io/bootstrap/dist/images/loading/screen-loading.gif";var LoadingScreen=forwardRef(({position=!0,caption},ref)=>{let containerClasses=clsx$1(`top-0 end-0 start-0 bottom-0 d-grid justify-content-center align-content-center align-items-center z-2000`,{"position-fixed":!position,"position-static":position}),captionClasses=clsx$1(`text-center pt-12`,{"text-white":!position});return jsxs(Fragment$1,{children:[jsxs(`div`,{ref,className:containerClasses,children:[jsx(`div`,{className:`bg-white rounded-circle mx-auto w-25`,children:jsx(`img`,{src:loadingScreen,alt:`loading`})}),caption&&jsx(`div`,{className:captionClasses,children:caption})]}),!position&&jsx(`div`,{className:`modal-backdrop fade show`})]})});export{LoadingScreen as default};
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import loadingScreen from "@edifice.io/bootstrap/dist/images/loading/screen-loading.gif";
+import clsx from "clsx";
+const LoadingScreen = /* @__PURE__ */ forwardRef(({
+  position = !0,
+  caption
+}, ref) => {
+  const containerClasses = clsx("top-0 end-0 start-0 bottom-0 d-grid justify-content-center align-content-center align-items-center z-2000", {
+    "position-fixed": !position,
+    "position-static": position
+  }), captionClasses = clsx("text-center pt-12", {
+    "text-white": !position
+  });
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { ref, className: containerClasses, children: [
+      /* @__PURE__ */ jsx("div", { className: "bg-white rounded-circle mx-auto w-25", children: /* @__PURE__ */ jsx("img", { src: loadingScreen, alt: "loading" }) }),
+      caption && /* @__PURE__ */ jsx("div", { className: captionClasses, children: caption })
+    ] }),
+    !position && /* @__PURE__ */ jsx("div", { className: "modal-backdrop fade show" })
+  ] });
+});
+export {
+  LoadingScreen as default
+};

package/dist/components/Logo/Logo.js

@@ -1 +1,14 @@
-import clsx$1 from"clsx";import{forwardRef}from"react";import{jsx}from"react/jsx-runtime";var Logo=forwardRef(({src,is1d,translate=`Retour accueil`},ref)=>jsx(`a`,{ref,className:clsx$1(`navbar-brand d-none d-md-block`),href:`/timeline/timeline`,"aria-label":translate,children:jsx(`img`,{className:`logo`,src,alt:`logo ${is1d?`ONE`:`NEO`}`,width:`300`,height:`52`})}));export{Logo as default};
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import clsx from "clsx";
+const Logo = /* @__PURE__ */ forwardRef(({
+  src,
+  is1d,
+  translate = "Retour accueil"
+}, ref) => {
+  const classes = clsx("navbar-brand d-none d-md-block");
+  return /* @__PURE__ */ jsx("a", { ref, className: classes, href: "/timeline/timeline", "aria-label": translate, children: /* @__PURE__ */ jsx("img", { className: "logo", src, alt: `logo ${is1d ? "ONE" : "NEO"}`, width: "300", height: "52" }) });
+});
+export {
+  Logo as default
+};

package/dist/components/LogoBeta/LogoBeta.js

@@ -1 +1,14 @@
-import clsx$1 from"clsx";import{forwardRef}from"react";import{jsx}from"react/jsx-runtime";var LogoBeta=forwardRef(({src,is1d,translate=`Retour accueil`},ref)=>jsx(`a`,{ref,className:clsx$1(`navbar-brand`),href:`/timeline/timeline`,"aria-label":translate,children:jsx(`img`,{className:`logo`,src,alt:`logo ${is1d?`ONE`:`NEO`}`,width:`300`,height:`52`})}));export{LogoBeta as default};
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import clsx from "clsx";
+const LogoBeta = /* @__PURE__ */ forwardRef(({
+  src,
+  is1d,
+  translate = "Retour accueil"
+}, ref) => {
+  const classes = clsx("navbar-brand");
+  return /* @__PURE__ */ jsx("a", { ref, className: classes, href: "/timeline/timeline", "aria-label": translate, children: /* @__PURE__ */ jsx("img", { className: "logo", src, alt: `logo ${is1d ? "ONE" : "NEO"}`, width: "300", height: "52" }) });
+});
+export {
+  LogoBeta as default
+};

package/dist/components/MediaViewer/MediaViewer.js

@@ -1 +1,36 @@
-import Flex from"../Flex/Flex.js";import ToolbarZoom from"./ToolbarZoom.js";import useZoom from"../../hooks/useZoom/useZoom.js";import ToolbarViewer from"./ToolbarViewer.js";import{MediaWrapper}from"./MediaWrapper.js";import{useEffect,useState}from"react";import{jsx,jsxs}from"react/jsx-runtime";import{Carousel}from"antd";var MediaViewer=({onClose,media,indexMedia=0})=>{let{zoomIn,zoomOut,setScale,scale}=useZoom(1),[currentIndex,setCurrentIndex]=useState(indexMedia);return useEffect(()=>{setCurrentIndex(indexMedia)},[indexMedia]),jsxs(`div`,{className:`media-viewer`,children:[jsx(ToolbarViewer,{onClose,mediaUrl:media[currentIndex].url,mediaName:media[currentIndex].name,nbMedia:media.length,currentIndex}),jsx(Flex,{className:`media-viewer-inner-overlay`,onClick:onClose,children:jsxs(`div`,{className:`media-viewer-inner`,onClick:e=>e.stopPropagation(),children:[jsx(Carousel,{initialSlide:indexMedia,dots:!1,arrows:!0,draggable:!0,infinite:!1,afterChange:current=>{setCurrentIndex(current)},beforeChange:()=>{setScale(1)},children:media.map((item,index)=>jsx(`div`,{className:`viewer-slide`,children:jsx(MediaWrapper,{mediaUrl:item.url,mediaType:item.type,mimeType:item.mimeType,scale:index===currentIndex?scale:1})},index))}),jsx(ToolbarZoom,{zoomIn,zoomOut})]})})]})};export{MediaViewer as default};
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Carousel } from "antd";
+import ToolbarZoom from "./ToolbarZoom.js";
+import useZoom from "../../hooks/useZoom/useZoom.js";
+import ToolbarViewer from "./ToolbarViewer.js";
+import { useState, useEffect } from "react";
+import { MediaWrapper } from "./MediaWrapper.js";
+import Flex from "../Flex/Flex.js";
+const MediaViewer = ({
+  onClose,
+  media,
+  indexMedia = 0
+}) => {
+  const {
+    zoomIn,
+    zoomOut,
+    setScale,
+    scale
+  } = useZoom(1), [currentIndex, setCurrentIndex] = useState(indexMedia);
+  return useEffect(() => {
+    setCurrentIndex(indexMedia);
+  }, [indexMedia]), /* @__PURE__ */ jsxs("div", { className: "media-viewer", children: [
+    /* @__PURE__ */ jsx(ToolbarViewer, { onClose, mediaUrl: media[currentIndex].url, mediaName: media[currentIndex].name, nbMedia: media.length, currentIndex }),
+    /* @__PURE__ */ jsx(Flex, { className: "media-viewer-inner-overlay", onClick: onClose, children: /* @__PURE__ */ jsxs("div", { className: "media-viewer-inner", onClick: (e) => e.stopPropagation(), children: [
+      /* @__PURE__ */ jsx(Carousel, { initialSlide: indexMedia, dots: !1, arrows: !0, draggable: !0, infinite: !1, afterChange: (current) => {
+        setCurrentIndex(current);
+      }, beforeChange: () => {
+        setScale(1);
+      }, children: media.map((item, index) => /* @__PURE__ */ jsx("div", { className: "viewer-slide", children: /* @__PURE__ */ jsx(MediaWrapper, { mediaUrl: item.url, mediaType: item.type, mimeType: item.mimeType, scale: index === currentIndex ? scale : 1 }) }, index)) }),
+      /* @__PURE__ */ jsx(ToolbarZoom, { zoomIn, zoomOut })
+    ] }) })
+  ] });
+};
+export {
+  MediaViewer as default
+};

package/dist/components/MediaViewer/MediaWrapper.js

@@ -1 +1,72 @@
-import SvgIconDownload from"../../modules/icons/components/IconDownload.js";import SvgIconExternalLink from"../../modules/icons/components/IconExternalLink.js";import SvgIconHeadphone from"../../modules/icons/components/IconHeadphone.js";import SvgIconLink from"../../modules/icons/components/IconLink.js";import SvgIconTextPage from"../../modules/icons/components/IconTextPage.js";import Button from"../Button/Button.js";import Flex from"../Flex/Flex.js";import Image from"../Image/Image.js";import PdfViewer from"./PdfViewer.js";import{jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var MediaWrapper=({mediaUrl,mediaType,mimeType,scale})=>{let{t}=useTranslation(),imageMediaStyle={flex:`none`,height:`100%`,transform:`scale(${scale})`,maxHeight:`70vh`},audioStyle={width:`100%`,maxWidth:`500px`},videoMediaStyle={height:`100%`,objectFit:`cover`,transform:`scale(${scale})`},iframeMediaStyle={width:`100%`,height:`600px`,maxWidth:`900px`,transform:`scale(${scale})`};switch(mediaType){case`image`:return jsx(Image,{className:`rounded-2`,src:mediaUrl,alt:mediaType,width:`100%`,objectFit:`contain`,style:imageMediaStyle});case`audio`:return jsxs(Flex,{direction:`column`,align:`center`,style:{height:`200px`},children:[jsx(Flex,{justify:`center`,align:`center`,className:`bg-gray-300 h-100 w-100 rounded-2 mb-8`,style:{maxWidth:`500px`},children:jsx(SvgIconHeadphone,{width:40,height:40,color:`#B0B0B0`})}),jsx(`audio`,{src:mediaUrl,className:`media-audio`,controls:!0,style:audioStyle})]});case`video`:return jsx(Flex,{justify:`center`,align:`center`,children:jsx(`video`,{src:mediaUrl,controls:!0,className:`media-video`,style:videoMediaStyle})});case`embedder`:return jsx(Flex,{justify:`center`,align:`center`,children:jsx(`iframe`,{title:`Embedded media content`,src:mediaUrl,className:`media-video`,style:iframeMediaStyle})});case`hyperlink`:case`attachment`:return mimeType&&mimeType===`application/pdf`?jsx(PdfViewer,{mediaUrl,scale}):jsxs(Flex,{direction:`column`,align:`center`,children:[jsx(Flex,{justify:`center`,align:`center`,className:`bg-gray-300 w-100 rounded-2 mb-8`,style:{maxWidth:`500px`,height:`200px`},children:jsx(mediaType===`hyperlink`?SvgIconLink:SvgIconTextPage,{width:40,height:40,color:`#B0B0B0`})}),jsx(`a`,{className:`w-100 d-flex justify-content-center`,href:mediaUrl,download:mediaType!==`hyperlink`,target:`_blank`,rel:`noopener noreferrer`,children:jsx(Button,{className:`w-100`,style:{height:`40px`,maxWidth:`500px`},leftIcon:jsx(mediaType===`hyperlink`?SvgIconExternalLink:SvgIconDownload,{}),color:`tertiary`,children:t(mediaType===`hyperlink`?`mediaWrapper.attachment.open`:`mediaWrapper.attachment.download`)})})]});default:return null}};export{MediaWrapper};
+import { jsx, jsxs } from "react/jsx-runtime";
+import SvgIconTextPage from "../../modules/icons/components/IconTextPage.js";
+import SvgIconLink from "../../modules/icons/components/IconLink.js";
+import SvgIconHeadphone from "../../modules/icons/components/IconHeadphone.js";
+import SvgIconDownload from "../../modules/icons/components/IconDownload.js";
+import SvgIconExternalLink from "../../modules/icons/components/IconExternalLink.js";
+import { useTranslation } from "react-i18next";
+import PdfViewer from "./PdfViewer.js";
+import Flex from "../Flex/Flex.js";
+import Button from "../Button/Button.js";
+import Image from "../Image/Image.js";
+const MediaWrapper = ({
+  mediaUrl,
+  mediaType,
+  mimeType,
+  scale
+}) => {
+  const {
+    t
+  } = useTranslation(), imageMediaStyle = {
+    flex: "none",
+    height: "100%",
+    transform: `scale(${scale})`,
+    maxHeight: "70vh"
+  }, audioStyle = {
+    width: "100%",
+    maxWidth: "500px"
+  }, videoMediaStyle = {
+    height: "100%",
+    objectFit: "cover",
+    transform: `scale(${scale})`
+  }, iframeMediaStyle = {
+    width: "100%",
+    height: "600px",
+    maxWidth: "900px",
+    transform: `scale(${scale})`
+  };
+  switch (mediaType) {
+    case "image":
+      return /* @__PURE__ */ jsx(Image, { className: "rounded-2", src: mediaUrl, alt: mediaType, width: "100%", objectFit: "contain", style: imageMediaStyle });
+    case "audio":
+      return /* @__PURE__ */ jsxs(Flex, { direction: "column", align: "center", style: {
+        height: "200px"
+      }, children: [
+        /* @__PURE__ */ jsx(Flex, { justify: "center", align: "center", className: "bg-gray-300 h-100 w-100 rounded-2 mb-8", style: {
+          maxWidth: "500px"
+        }, children: /* @__PURE__ */ jsx(SvgIconHeadphone, { width: 40, height: 40, color: "#B0B0B0" }) }),
+        /* @__PURE__ */ jsx("audio", { src: mediaUrl, className: "media-audio", controls: !0, style: audioStyle })
+      ] });
+    case "video":
+      return /* @__PURE__ */ jsx(Flex, { justify: "center", align: "center", children: /* @__PURE__ */ jsx("video", { src: mediaUrl, controls: !0, className: "media-video", style: videoMediaStyle }) });
+    case "embedder":
+      return /* @__PURE__ */ jsx(Flex, { justify: "center", align: "center", children: /* @__PURE__ */ jsx("iframe", { title: "Embedded media content", src: mediaUrl, className: "media-video", style: iframeMediaStyle }) });
+    case "hyperlink":
+    case "attachment":
+      return mimeType && mimeType === "application/pdf" ? /* @__PURE__ */ jsx(PdfViewer, { mediaUrl, scale }) : /* @__PURE__ */ jsxs(Flex, { direction: "column", align: "center", children: [
+        /* @__PURE__ */ jsx(Flex, { justify: "center", align: "center", className: "bg-gray-300 w-100 rounded-2 mb-8", style: {
+          maxWidth: "500px",
+          height: "200px"
+        }, children: mediaType === "hyperlink" ? /* @__PURE__ */ jsx(SvgIconLink, { width: 40, height: 40, color: "#B0B0B0" }) : /* @__PURE__ */ jsx(SvgIconTextPage, { width: 40, height: 40, color: "#B0B0B0" }) }),
+        /* @__PURE__ */ jsx("a", { className: "w-100 d-flex justify-content-center", href: mediaUrl, download: mediaType !== "hyperlink", target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ jsx(Button, { className: "w-100", style: {
+          height: "40px",
+          maxWidth: "500px"
+        }, leftIcon: mediaType === "hyperlink" ? /* @__PURE__ */ jsx(SvgIconExternalLink, {}) : /* @__PURE__ */ jsx(SvgIconDownload, {}), color: "tertiary", children: t(mediaType === "hyperlink" ? "mediaWrapper.attachment.open" : "mediaWrapper.attachment.download") }) })
+      ] });
+    default:
+      return null;
+  }
+};
+export {
+  MediaWrapper
+};

package/dist/components/MediaViewer/PdfViewer.js

@@ -1 +1,36 @@
-import LoadingScreen from"../LoadingScreen/LoadingScreen.js";import{useEffect,useRef,useState}from"react";import{jsx}from"react/jsx-runtime";function PdfViewer({mediaUrl,scale}){let[numPages,setNumPages]=useState(null),[Document,setDocument]=useState(null),[Page,setPage]=useState(null),[isLoading,setIsLoading]=useState(!0),pagesRef=useRef([]);return useEffect(()=>{(async()=>{try{let reactPdf=await import(`react-pdf`);setDocument(()=>reactPdf.Document),setPage(()=>reactPdf.Page),setIsLoading(!1)}catch(error){console.error(`Failed to load react-pdf:`,error)}})()},[]),isLoading||!Document||!Page?jsx(LoadingScreen,{}):jsx(`div`,{style:{width:`calc(600px * ${scale})`,height:`calc(100vh - 52px)`,overflowY:`auto`,marginTop:`20px`},children:jsx(Document,{file:mediaUrl,onLoadSuccess:({numPages})=>{setNumPages(numPages)},loading:jsx(LoadingScreen,{}),children:Array.from(Array(numPages),(_,index)=>jsx(`div`,{ref:el=>pagesRef.current[index]=el,style:{marginBottom:32,transformOrigin:`top center`},children:jsx(Page,{className:`pdf-page`,pageNumber:index+1,renderTextLayer:!1,renderAnnotationLayer:!1,width:600*(scale??1),loading:jsx(LoadingScreen,{})})},index))})})}export{PdfViewer as default};
+import { jsx } from "react/jsx-runtime";
+import { useState, useRef, useEffect } from "react";
+import LoadingScreen from "../LoadingScreen/LoadingScreen.js";
+function PdfViewer({
+  mediaUrl,
+  scale
+}) {
+  const [numPages, setNumPages] = useState(null), [Document, setDocument] = useState(null), [Page, setPage] = useState(null), [isLoading, setIsLoading] = useState(!0), pagesRef = useRef([]);
+  useEffect(() => {
+    (async () => {
+      try {
+        const reactPdf = await import("react-pdf");
+        setDocument(() => reactPdf.Document), setPage(() => reactPdf.Page), setIsLoading(!1);
+      } catch (error) {
+        console.error("Failed to load react-pdf:", error);
+      }
+    })();
+  }, []);
+  const onDocumentLoadSuccess = ({
+    numPages: numPages2
+  }) => {
+    setNumPages(numPages2);
+  };
+  return isLoading || !Document || !Page ? /* @__PURE__ */ jsx(LoadingScreen, {}) : /* @__PURE__ */ jsx("div", { style: {
+    width: `calc(600px * ${scale})`,
+    height: "calc(100vh - 52px)",
+    overflowY: "auto",
+    marginTop: "20px"
+  }, children: /* @__PURE__ */ jsx(Document, { file: mediaUrl, onLoadSuccess: onDocumentLoadSuccess, loading: /* @__PURE__ */ jsx(LoadingScreen, {}), children: Array.from(new Array(numPages), (_, index) => /* @__PURE__ */ jsx("div", { ref: (el) => pagesRef.current[index] = el, style: {
+    marginBottom: 32,
+    transformOrigin: "top center"
+  }, children: /* @__PURE__ */ jsx(Page, { className: "pdf-page", pageNumber: index + 1, renderTextLayer: !1, renderAnnotationLayer: !1, width: 600 * (scale ?? 1), loading: /* @__PURE__ */ jsx(LoadingScreen, {}) }) }, index)) }) });
+}
+export {
+  PdfViewer as default
+};

package/dist/components/MediaViewer/ToolbarViewer.js

@@ -1 +1,41 @@
-import SvgIconClose from"../../modules/icons/components/IconClose.js";import SvgIconDownload from"../../modules/icons/components/IconDownload.js";import SvgIconExternalLink from"../../modules/icons/components/IconExternalLink.js";import Flex from"../Flex/Flex.js";import IconButton from"../Button/IconButton.js";import SmartEllipsis from"../SmartEllipsis/SmartEllipsis.js";import{useEffect}from"react";import{jsx,jsxs}from"react/jsx-runtime";function ToolbarViewer({onClose,mediaName,mediaUrl,nbMedia,currentIndex}){return useEffect(()=>{let handleKeyDown=e=>{e.key===`Escape`&&onClose()};return window.addEventListener(`keydown`,handleKeyDown),()=>{window.removeEventListener(`keydown`,handleKeyDown)}},[onClose]),jsxs(Flex,{className:`media-viewer-toolbar p-8`,align:`center`,children:[jsxs(Flex,{gap:`8`,align:`center`,style:{minWidth:`50%`},children:[jsx(IconButton,{icon:jsx(SvgIconClose,{color:`#fff`}),onClick:onClose,variant:`ghost`}),jsx(SmartEllipsis,{text:mediaName})]}),jsxs(Flex,{gap:`8`,align:`center`,justify:`between`,className:`w-100`,children:[nbMedia?jsx(`p`,{children:`${currentIndex+1}/${nbMedia} `}):jsx(`p`,{children:`${currentIndex+1}`}),mediaUrl&&jsxs(Flex,{className:`ms-8`,gap:`8`,align:`center`,children:[jsx(`a`,{href:mediaUrl,download:!0,target:`_blank`,rel:`noopener noreferrer`,children:jsx(IconButton,{icon:jsx(SvgIconDownload,{color:`#fff`}),variant:`ghost`})}),jsx(`a`,{href:mediaUrl,target:`_blank`,rel:`noopener noreferrer`,children:jsx(IconButton,{icon:jsx(SvgIconExternalLink,{color:`#fff`}),variant:`ghost`})})]})]})]})}export{ToolbarViewer as default};
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useEffect } from "react";
+import SvgIconClose from "../../modules/icons/components/IconClose.js";
+import SvgIconDownload from "../../modules/icons/components/IconDownload.js";
+import SvgIconExternalLink from "../../modules/icons/components/IconExternalLink.js";
+import Flex from "../Flex/Flex.js";
+import IconButton from "../Button/IconButton.js";
+import SmartEllipsis from "../SmartEllipsis/SmartEllipsis.js";
+function ToolbarViewer({
+  onClose,
+  mediaName,
+  mediaUrl,
+  nbMedia,
+  currentIndex
+}) {
+  return useEffect(() => {
+    const handleKeyDown = (e) => {
+      e.key === "Escape" && onClose();
+    };
+    return window.addEventListener("keydown", handleKeyDown), () => {
+      window.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [onClose]), /* @__PURE__ */ jsxs(Flex, { className: "media-viewer-toolbar p-8", align: "center", children: [
+    /* @__PURE__ */ jsxs(Flex, { gap: "8", align: "center", style: {
+      minWidth: "50%"
+    }, children: [
+      /* @__PURE__ */ jsx(IconButton, { icon: /* @__PURE__ */ jsx(SvgIconClose, { color: "#fff" }), onClick: onClose, variant: "ghost" }),
+      /* @__PURE__ */ jsx(SmartEllipsis, { text: mediaName })
+    ] }),
+    /* @__PURE__ */ jsxs(Flex, { gap: "8", align: "center", justify: "between", className: "w-100", children: [
+      nbMedia ? /* @__PURE__ */ jsx("p", { children: `${currentIndex + 1}/${nbMedia} ` }) : /* @__PURE__ */ jsx("p", { children: `${currentIndex + 1}` }),
+      mediaUrl && /* @__PURE__ */ jsxs(Flex, { className: "ms-8", gap: "8", align: "center", children: [
+        /* @__PURE__ */ jsx("a", { href: mediaUrl, download: !0, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ jsx(IconButton, { icon: /* @__PURE__ */ jsx(SvgIconDownload, { color: "#fff" }), variant: "ghost" }) }),
+        /* @__PURE__ */ jsx("a", { href: mediaUrl, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ jsx(IconButton, { icon: /* @__PURE__ */ jsx(SvgIconExternalLink, { color: "#fff" }), variant: "ghost" }) })
+      ] })
+    ] })
+  ] });
+}
+export {
+  ToolbarViewer as default
+};

package/dist/components/MediaViewer/ToolbarZoom.js

@@ -1 +1,19 @@
-import SvgIconMinus from"../../modules/icons/components/IconMinus.js";import SvgIconPlus from"../../modules/icons/components/IconPlus.js";import SvgIconZoomIn from"../../modules/icons/components/IconZoomIn.js";import Flex from"../Flex/Flex.js";import IconButton from"../Button/IconButton.js";import{jsx,jsxs}from"react/jsx-runtime";function ToolbarZoom({zoomIn,zoomOut}){return jsx(Flex,{justify:`center`,className:`media-viewer-toolbar-zoom-container`,children:jsxs(Flex,{gap:`4`,className:`p-12 media-viewer-toolbar-zoom`,align:`center`,children:[jsx(IconButton,{variant:`ghost`,icon:jsx(SvgIconMinus,{color:`#fff`}),onClick:zoomOut}),jsx(SvgIconZoomIn,{color:`#fff`,className:`m-4`}),jsx(IconButton,{variant:`ghost`,icon:jsx(SvgIconPlus,{color:`#fff`}),onClick:zoomIn})]})})}export{ToolbarZoom as default};
+import { jsx, jsxs } from "react/jsx-runtime";
+import SvgIconMinus from "../../modules/icons/components/IconMinus.js";
+import SvgIconPlus from "../../modules/icons/components/IconPlus.js";
+import SvgIconZoomIn from "../../modules/icons/components/IconZoomIn.js";
+import Flex from "../Flex/Flex.js";
+import IconButton from "../Button/IconButton.js";
+function ToolbarZoom({
+  zoomIn,
+  zoomOut
+}) {
+  return /* @__PURE__ */ jsx(Flex, { justify: "center", className: "media-viewer-toolbar-zoom-container", children: /* @__PURE__ */ jsxs(Flex, { gap: "4", className: "p-12 media-viewer-toolbar-zoom", align: "center", children: [
+    /* @__PURE__ */ jsx(IconButton, { variant: "ghost", icon: /* @__PURE__ */ jsx(SvgIconMinus, { color: "#fff" }), onClick: zoomOut }),
+    /* @__PURE__ */ jsx(SvgIconZoomIn, { color: "#fff", className: "m-4" }),
+    /* @__PURE__ */ jsx(IconButton, { variant: "ghost", icon: /* @__PURE__ */ jsx(SvgIconPlus, { color: "#fff" }), onClick: zoomIn })
+  ] }) });
+}
+export {
+  ToolbarZoom as default
+};

package/dist/components/Menu/components/Menu.js

@@ -1 +1,27 @@
-import{useMenu}from"../hooks/useMenu.js";import{MenuContext}from"./MenuContext.js";import{MenuButton}from"./MenuButton.js";import{MenuItem}from"./MenuItem.js";import{useMemo}from"react";import{jsx}from"react/jsx-runtime";var Menu=({label,children})=>{let{menuRef,childProps,menuItems,onKeyDown}=useMenu(),values=useMemo(()=>({menuRef,menuItems,childProps}),[childProps,menuItems,menuRef]);return jsx(MenuContext.Provider,{value:values,children:jsx(`nav`,{"aria-label":label,className:`menu`,children:jsx(`ul`,{ref:menuRef,role:`menubar`,"aria-label":label,onKeyDown,"data-menubar-list":!0,className:`list-unstyled d-flex flex-column gap-4`,children})})})};Menu.Item=MenuItem,Menu.Button=MenuButton;export{Menu};
+import { jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { useMenu } from "../hooks/useMenu.js";
+import { MenuButton } from "./MenuButton.js";
+import { MenuContext } from "./MenuContext.js";
+import { MenuItem } from "./MenuItem.js";
+const Menu = ({
+  label,
+  children
+}) => {
+  const {
+    menuRef,
+    childProps,
+    menuItems,
+    onKeyDown
+  } = useMenu(), values = useMemo(() => ({
+    menuRef,
+    menuItems,
+    childProps
+  }), [childProps, menuItems, menuRef]);
+  return /* @__PURE__ */ jsx(MenuContext.Provider, { value: values, children: /* @__PURE__ */ jsx("nav", { "aria-label": label, className: "menu", children: /* @__PURE__ */ jsx("ul", { ref: menuRef, role: "menubar", "aria-label": label, onKeyDown, "data-menubar-list": !0, className: "list-unstyled d-flex flex-column gap-4", children }) }) });
+};
+Menu.Item = MenuItem;
+Menu.Button = MenuButton;
+export {
+  Menu
+};

package/dist/components/Menu/components/MenuButton.js

@@ -1 +1,30 @@
-import Button from"../../Button/Button.js";import{useMenuContext}from"./MenuContext.js";import clsx$1 from"clsx";import{jsx}from"react/jsx-runtime";var MenuButton=props=>{let{selected,leftIcon,rightIcon,onClick,children,className,size}=props,{childProps}=useMenuContext();return jsx(Button,{variant:`ghost`,color:`tertiary`,className:clsx$1(`stack w-100 overflow-hidden`,{selected,"menu-button-lg":size===`lg`},className),leftIcon,rightIcon,onClick,...childProps,style:size===`lg`?{height:`auto`}:void 0,children:jsx(`div`,{className:clsx$1(`text-truncate w-100 text-start`,{"text-truncate-2 text-start ms-0":size===`lg`}),style:{overflowWrap:`break-word`},children})})};export{MenuButton};
+import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { useMenuContext } from "./MenuContext.js";
+import Button from "../../Button/Button.js";
+const MenuButton = (props) => {
+  const {
+    selected,
+    leftIcon,
+    rightIcon,
+    onClick,
+    children,
+    className,
+    size
+  } = props, {
+    childProps
+  } = useMenuContext();
+  return /* @__PURE__ */ jsx(Button, { variant: "ghost", color: "tertiary", className: clsx("stack w-100 overflow-hidden", {
+    selected,
+    "menu-button-lg": size === "lg"
+  }, className), leftIcon, rightIcon, onClick, ...childProps, style: size === "lg" ? {
+    height: "auto"
+  } : void 0, children: /* @__PURE__ */ jsx("div", { className: clsx("text-truncate w-100 text-start", {
+    "text-truncate-2 text-start ms-0": size === "lg"
+  }), style: {
+    overflowWrap: "break-word"
+  }, children }) });
+};
+export {
+  MenuButton
+};

package/dist/components/Menu/components/MenuContext.js

@@ -1 +1,12 @@
-import{createContext,useContext}from"react";var MenuContext=createContext(null);function useMenuContext(){let context=useContext(MenuContext);if(!context)throw Error(`Cannot be rendered outside the Menu component`);return context}export{MenuContext,useMenuContext};
+import { createContext, useContext } from "react";
+const MenuContext = /* @__PURE__ */ createContext(null);
+function useMenuContext() {
+  const context = useContext(MenuContext);
+  if (!context)
+    throw new Error("Cannot be rendered outside the Menu component");
+  return context;
+}
+export {
+  MenuContext,
+  useMenuContext
+};