@edifice.io/react 2.6.9-develop-pedago.20261013143657 → 2.6.9-develop-enabling.20261013152718

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

@@ -1,86 +1 @@
-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
-};
+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};

package/dist/components/LinkPill/LinkPill.js

@@ -1,28 +1 @@
-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
-};
+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};

package/dist/components/List/List.js

@@ -1,54 +1 @@
-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
-};
+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};

package/dist/components/Loading/Loading.js

@@ -1,27 +1 @@
-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
-};
+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};

package/dist/components/LoadingScreen/LoadingScreen.js

@@ -1,25 +1 @@
-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
-};
+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};

package/dist/components/Logo/Logo.js

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

package/dist/components/LogoBeta/LogoBeta.js

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

package/dist/components/MediaViewer/MediaViewer.js

@@ -1,36 +1 @@
-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
-};
+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};

package/dist/components/MediaViewer/MediaWrapper.js

@@ -1,72 +1 @@
-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
-};
+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};

package/dist/components/MediaViewer/PdfViewer.js

@@ -1,36 +1 @@
-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
-};
+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};

package/dist/components/MediaViewer/ToolbarViewer.js

@@ -1,41 +1 @@
-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
-};
+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};

package/dist/components/MediaViewer/ToolbarZoom.js

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

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

@@ -1,27 +1 @@
-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
-};
+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};

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

@@ -1,30 +1 @@
-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
-};
+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};

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

@@ -1,12 +1 @@
-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
-};
+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};

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

@@ -1,19 +1 @@
-import { jsx } from "react/jsx-runtime";
-import { useRef, useId, useEffect } from "react";
-import { useMenuContext } from "./MenuContext.js";
-const MenuItem = ({
-  children
-}) => {
-  const itemRef = useRef(null), id = useId(), {
-    menuItems
-  } = useMenuContext();
-  return useEffect(() => {
-    const itemNode = itemRef.current;
-    return itemNode && menuItems.add(itemNode), () => {
-      itemNode && menuItems.delete(itemNode);
-    };
-  }, [menuItems]), /* @__PURE__ */ jsx("li", { ref: itemRef, id, role: "none", "data-menubar-listitem": !0, children });
-};
-export {
-  MenuItem
-};
+import{useMenuContext}from"./MenuContext.js";import{useEffect,useId,useRef}from"react";import{jsx}from"react/jsx-runtime";var MenuItem=({children})=>{let itemRef=useRef(null),id=useId(),{menuItems}=useMenuContext();return useEffect(()=>{let itemNode=itemRef.current;return itemNode&&menuItems.add(itemNode),()=>{itemNode&&menuItems.delete(itemNode)}},[menuItems]),jsx(`li`,{ref:itemRef,id,role:`none`,"data-menubar-listitem":!0,children})};export{MenuItem};