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

package/dist/components/Menu/hooks/useMenu.js

@@ -1,50 +1 @@
-import { usePrevious } from "@uidotdev/usehooks";
-import { useRef, useState, useEffect, useMemo } from "react";
-const useMenu = () => {
-  const menuRef = useRef(null), menuItems = useRef(/* @__PURE__ */ new Set()).current, [currentIndex, setCurrentIndex] = useState(0), previousIndex = usePrevious(currentIndex) ?? 0;
-  useEffect(() => {
-    var _a, _b;
-    if (currentIndex !== previousIndex) {
-      const items = Array.from(menuItems), currentNode = (_a = items[currentIndex]) == null ? void 0 : _a.firstChild, previousNode = (_b = items[previousIndex]) == null ? void 0 : _b.firstChild;
-      previousNode == null || previousNode.setAttribute("tabindex", "-1"), currentNode == null || currentNode.setAttribute("tabindex", "0"), currentNode == null || currentNode.focus({
-        preventScroll: !0
-      });
-    }
-  }, [currentIndex, previousIndex, menuItems]);
-  const first = () => setCurrentIndex(0), last = () => setCurrentIndex(menuItems.size - 1), next = () => {
-    const index = currentIndex === menuItems.size - 1 ? 0 : currentIndex + 1;
-    setCurrentIndex(index);
-  }, previous = () => {
-    const index = currentIndex === 0 ? menuItems.size - 1 : currentIndex - 1;
-    setCurrentIndex(index);
-  }, onKeyDown = (event) => {
-    switch (event.stopPropagation(), event.code) {
-      case "ArrowUp":
-        event.preventDefault(), previous();
-        break;
-      case "ArrowDown":
-        event.preventDefault(), next();
-        break;
-    }
-    switch (event.code) {
-      case "End":
-        event.preventDefault(), last();
-        break;
-      case "Home":
-        event.preventDefault(), first();
-        break;
-    }
-  }, childProps = useMemo(() => ({
-    "data-menubar-menuitem": "",
-    role: "menuitem"
-  }), []);
-  return {
-    menuRef,
-    menuItems,
-    childProps,
-    onKeyDown
-  };
-};
-export {
-  useMenu
-};
+import{useEffect,useMemo,useRef,useState}from"react";import{usePrevious}from"@uidotdev/usehooks";var useMenu=()=>{let menuRef=useRef(null),menuItems=useRef(new Set).current,[currentIndex,setCurrentIndex]=useState(0),previousIndex=usePrevious(currentIndex)??0;useEffect(()=>{if(currentIndex!==previousIndex){let items=Array.from(menuItems),currentNode=items[currentIndex]?.firstChild;(items[previousIndex]?.firstChild)?.setAttribute(`tabindex`,`-1`),currentNode?.setAttribute(`tabindex`,`0`),currentNode?.focus({preventScroll:!0})}},[currentIndex,previousIndex,menuItems]);let first=()=>setCurrentIndex(0),last=()=>setCurrentIndex(menuItems.size-1),next=()=>{setCurrentIndex(currentIndex===menuItems.size-1?0:currentIndex+1)},previous=()=>{setCurrentIndex(currentIndex===0?menuItems.size-1:currentIndex-1)};return{menuRef,menuItems,childProps:useMemo(()=>({"data-menubar-menuitem":``,role:`menuitem`}),[]),onKeyDown:event=>{switch(event.stopPropagation(),event.code){case`ArrowUp`:event.preventDefault(),previous();break;case`ArrowDown`:event.preventDefault(),next();break;default:break}switch(event.code){case`End`:event.preventDefault(),last();break;case`Home`:event.preventDefault(),first();break;default:break}}}};export{useMenu};

package/dist/components/Modal/Modal.js

@@ -1,73 +1 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { forwardRef, useEffect } from "react";
-import { useTransition, animated } from "@react-spring/web";
-import clsx from "clsx";
-import ModalBody from "./ModalBody.js";
-import { ModalContext } from "./ModalContext.js";
-import ModalFooter from "./ModalFooter.js";
-import ModalHeader from "./ModalHeader.js";
-import ModalSubtitle from "./ModalSubtitle.js";
-import useClickOutside from "../../hooks/useClickOutside/useClickOutside.js";
-import useTrapFocus from "../../hooks/useTrapFocus/useTrapFocus.js";
-import useKeyPress from "../../hooks/useKeyPress/useKeyPress.js";
-const Root = /* @__PURE__ */ forwardRef(({
-  id,
-  isOpen,
-  onModalClose,
-  size = "md",
-  viewport = !1,
-  scrollable = !1,
-  focusId,
-  children,
-  ...otherDivProps
-}, ref) => {
-  const ariaLabelId = `aria_label_${id}`, ariaDescriptionId = `aria_desc_${id}`, modalRef = useClickOutside(onModalClose), trapRef = useTrapFocus(isOpen);
-  useKeyPress(onModalClose, ["Escape"]), useEffect(() => {
-    if (isOpen && (document.body.style.overflow = "hidden", focusId)) {
-      const elem = document.getElementById(focusId);
-      elem == null || elem.focus();
-    }
-    return () => {
-      document.body.style.overflow = "";
-    };
-  }, [focusId, isOpen]);
-  const modalClasses = clsx("modal fade", {
-    "show d-block": isOpen,
-    "modal-scrollable": scrollable,
-    viewport,
-    [`modal-${size}`]: size
-  }), dialogClasses = clsx("modal-dialog"), modalContextValue = {
-    ariaLabelId,
-    ariaDescriptionId,
-    focusId
-  }, transition = useTransition(isOpen, {
-    from: {
-      x: -50,
-      opacity: 0
-    },
-    enter: {
-      x: 0,
-      opacity: 1
-    },
-    leave: {
-      x: 50,
-      opacity: 0
-    }
-  });
-  return /* @__PURE__ */ jsx(ModalContext.Provider, { value: modalContextValue, children: transition((style, isOpen2) => /* @__PURE__ */ jsxs(Fragment, { children: [
-    isOpen2 && /* @__PURE__ */ jsx(animated.div, { id, ref, role: "dialog", "aria-modal": "true", "aria-labelledby": ariaLabelId, "aria-describedby": ariaDescriptionId, className: modalClasses, style, tabIndex: -1, ...otherDivProps, children: /* @__PURE__ */ jsx("div", { id: `${id}_ref`, ref: (node) => {
-      modalRef.current = node, isOpen2 && (trapRef.current = node);
-    }, className: dialogClasses, children: /* @__PURE__ */ jsx("div", { className: "modal-content", children }) }) }),
-    isOpen2 && /* @__PURE__ */ jsx(animated.div, { className: "modal-backdrop fade show", style: {
-      opacity: 0.65
-    } })
-  ] })) });
-}), Modal = Object.assign(Root, {
-  Header: ModalHeader,
-  Subtitle: ModalSubtitle,
-  Body: ModalBody,
-  Footer: ModalFooter
-});
-export {
-  Modal as default
-};
+import useClickOutside from"../../hooks/useClickOutside/useClickOutside.js";import useKeyPress from"../../hooks/useKeyPress/useKeyPress.js";import useTrapFocus from"../../hooks/useTrapFocus/useTrapFocus.js";import{ModalContext}from"./ModalContext.js";import ModalBody from"./ModalBody.js";import ModalFooter from"./ModalFooter.js";import ModalHeader from"./ModalHeader.js";import ModalSubtitle from"./ModalSubtitle.js";import clsx$1 from"clsx";import{forwardRef,useEffect}from"react";import{Fragment as Fragment$1,jsx,jsxs}from"react/jsx-runtime";import{animated,useTransition}from"@react-spring/web";var Root=forwardRef(({id,isOpen,onModalClose,size=`md`,viewport=!1,scrollable=!1,focusId,children,...otherDivProps},ref)=>{let ariaLabelId=`aria_label_${id}`,ariaDescriptionId=`aria_desc_${id}`,modalRef=useClickOutside(onModalClose),trapRef=useTrapFocus(isOpen);useKeyPress(onModalClose,[`Escape`]),useEffect(()=>(isOpen&&(document.body.style.overflow=`hidden`,focusId&&document.getElementById(focusId)?.focus()),()=>{document.body.style.overflow=``}),[focusId,isOpen]);let modalClasses=clsx$1(`modal fade`,{"show d-block":isOpen,"modal-scrollable":scrollable,viewport,[`modal-${size}`]:size}),dialogClasses=clsx$1(`modal-dialog`),modalContextValue={ariaLabelId,ariaDescriptionId,focusId},transition=useTransition(isOpen,{from:{x:-50,opacity:0},enter:{x:0,opacity:1},leave:{x:50,opacity:0}});return jsx(ModalContext.Provider,{value:modalContextValue,children:transition((style,isOpen)=>jsxs(Fragment$1,{children:[isOpen&&jsx(animated.div,{id,ref,role:`dialog`,"aria-modal":`true`,"aria-labelledby":ariaLabelId,"aria-describedby":ariaDescriptionId,className:modalClasses,style,tabIndex:-1,...otherDivProps,children:jsx(`div`,{id:`${id}_ref`,ref:node=>{modalRef.current=node,isOpen&&(trapRef.current=node)},className:dialogClasses,children:jsx(`div`,{className:`modal-content`,children})})}),isOpen&&jsx(animated.div,{className:`modal-backdrop fade show`,style:{opacity:.65}})]}))})}),Modal=Object.assign(Root,{Header:ModalHeader,Subtitle:ModalSubtitle,Body:ModalBody,Footer:ModalFooter});export{Modal as default};

package/dist/components/Modal/ModalBody.js

@@ -1,15 +1 @@
-import { jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-import { useModalContext } from "./ModalContext.js";
-const ModalBody = (props) => {
-  const {
-    ariaDescriptionId
-  } = useModalContext(), {
-    children,
-    className
-  } = props, classes = clsx("modal-body", className);
-  return /* @__PURE__ */ jsx("div", { id: ariaDescriptionId, className: classes, children });
-};
-export {
-  ModalBody as default
-};
+import{useModalContext}from"./ModalContext.js";import clsx$1 from"clsx";import{jsx}from"react/jsx-runtime";var ModalBody=props=>{let{ariaDescriptionId}=useModalContext(),{children,className}=props;return jsx(`div`,{id:ariaDescriptionId,className:clsx$1(`modal-body`,className),children})};export{ModalBody as default};

package/dist/components/Modal/ModalContext.js

@@ -1,15 +1 @@
-import { createContext, useContext } from "react";
-const ModalContext = /* @__PURE__ */ createContext({
-  ariaLabelId: "",
-  ariaDescriptionId: "",
-  focusId: ""
-}), useModalContext = () => {
-  const context = useContext(ModalContext);
-  if (!context)
-    throw new Error("Cannot be rendered outside the Modal component");
-  return context;
-};
-export {
-  ModalContext,
-  useModalContext
-};
+import{createContext,useContext}from"react";var ModalContext=createContext({ariaLabelId:``,ariaDescriptionId:``,focusId:``}),useModalContext=()=>{let context=useContext(ModalContext);if(!context)throw Error(`Cannot be rendered outside the Modal component`);return context};export{ModalContext,useModalContext};

package/dist/components/Modal/ModalFooter.js

@@ -1,5 +1 @@
-import { jsx } from "react/jsx-runtime";
-const ModalFooter = (props) => /* @__PURE__ */ jsx("div", { className: "modal-footer", children: props.children });
-export {
-  ModalFooter as default
-};
+import{jsx}from"react/jsx-runtime";var ModalFooter=props=>jsx(`div`,{className:`modal-footer`,children:props.children});export{ModalFooter as default};

package/dist/components/Modal/ModalHeader.js

@@ -1,32 +1 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useRef, useEffect } from "react";
-import { useTranslation } from "react-i18next";
-import SvgIconClose from "../../modules/icons/components/IconClose.js";
-import IconButton from "../Button/IconButton.js";
-import { useModalContext } from "./ModalContext.js";
-import clsx from "clsx";
-const ModalHeader = (props) => {
-  const {
-    onModalClose,
-    children
-  } = props, {
-    ariaLabelId,
-    focusId
-  } = useModalContext(), closeButtonRef = useRef(null), {
-    t
-  } = useTranslation();
-  useEffect(() => {
-    var _a;
-    focusId || (_a = closeButtonRef.current) == null || _a.focus();
-  }, [focusId]);
-  const headerClassName = clsx("modal-header", {
-    "align-self-center": props.centered
-  });
-  return /* @__PURE__ */ jsxs("div", { className: headerClassName, children: [
-    /* @__PURE__ */ jsx("h2", { id: ariaLabelId, className: "modal-title", tabIndex: -1, children }),
-    /* @__PURE__ */ jsx(IconButton, { ref: closeButtonRef, "aria-label": t("close"), color: "tertiary", icon: /* @__PURE__ */ jsx(SvgIconClose, {}), type: "button", variant: "ghost", title: t("close"), onClick: onModalClose, className: "btn-close" })
-  ] });
-};
-export {
-  ModalHeader as default
-};
+import SvgIconClose from"../../modules/icons/components/IconClose.js";import IconButton from"../Button/IconButton.js";import{useModalContext}from"./ModalContext.js";import clsx$1 from"clsx";import{useEffect,useRef}from"react";import{jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var ModalHeader=props=>{let{onModalClose,children}=props,{ariaLabelId,focusId}=useModalContext(),closeButtonRef=useRef(null),{t}=useTranslation();return useEffect(()=>{focusId||closeButtonRef.current?.focus()},[focusId]),jsxs(`div`,{className:clsx$1(`modal-header`,{"align-self-center":props.centered}),children:[jsx(`h2`,{id:ariaLabelId,className:`modal-title`,tabIndex:-1,children}),jsx(IconButton,{ref:closeButtonRef,"aria-label":t(`close`),color:`tertiary`,icon:jsx(SvgIconClose,{}),type:`button`,variant:`ghost`,title:t(`close`),onClick:onModalClose,className:`btn-close`})]})};export{ModalHeader as default};

package/dist/components/Modal/ModalSubtitle.js

@@ -1,5 +1 @@
-import { jsx } from "react/jsx-runtime";
-const ModalSubtitle = (props) => /* @__PURE__ */ jsx("p", { className: "modal-subtitle", children: props.children });
-export {
-  ModalSubtitle as default
-};
+import{jsx}from"react/jsx-runtime";var ModalSubtitle=props=>jsx(`p`,{className:`modal-subtitle`,children:props.children});export{ModalSubtitle as default};

package/dist/components/ModalBeta/ModalBeta.js

@@ -1,62 +1 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { forwardRef, useCallback, useEffect } from "react";
-import { useTransition, animated } from "@react-spring/web";
-import clsx from "clsx";
-import ModalBetaBody from "./ModalBetaBody.js";
-import { ModalBetaContext } from "./ModalBetaContext.js";
-import ModalBetaFooter from "./ModalBetaFooter.js";
-import ModalBetaHeader from "./ModalBetaHeader.js";
-import useClickOutside from "../../hooks/useClickOutside/useClickOutside.js";
-import useTrapFocus from "../../hooks/useTrapFocus/useTrapFocus.js";
-import useKeyPress from "../../hooks/useKeyPress/useKeyPress.js";
-const Root = /* @__PURE__ */ forwardRef(({
-  id,
-  isOpen,
-  onModalClose,
-  size = "m",
-  focusId,
-  children,
-  ...otherDivProps
-}, ref) => {
-  const ariaLabelId = `aria_label_${id}`, ariaDescriptionId = `aria_desc_${id}`, modalRef = useClickOutside(onModalClose, void 0, void 0, isOpen), trapRef = useTrapFocus(isOpen), setDialogRef = useCallback((node) => {
-    modalRef.current = node, trapRef.current = node;
-  }, [modalRef, trapRef]);
-  useKeyPress(onModalClose, ["Escape"]), useEffect(() => {
-    if (isOpen && (document.body.style.overflow = "hidden", focusId)) {
-      const elem = document.getElementById(focusId);
-      elem == null || elem.focus();
-    }
-    return () => {
-      document.body.style.overflow = "";
-    };
-  }, [focusId, isOpen]);
-  const modalClasses = clsx("modal-beta", `modal-beta--${size}`), modalContextValue = {
-    ariaLabelId,
-    ariaDescriptionId,
-    focusId
-  }, transition = useTransition(isOpen, {
-    from: {
-      y: -20,
-      opacity: 0
-    },
-    enter: {
-      y: 0,
-      opacity: 1
-    },
-    leave: {
-      y: 20,
-      opacity: 0
-    }
-  });
-  return /* @__PURE__ */ jsx(ModalBetaContext.Provider, { value: modalContextValue, children: transition((style, isOpen2) => /* @__PURE__ */ jsxs(Fragment, { children: [
-    isOpen2 && /* @__PURE__ */ jsx(animated.div, { id, ref, role: "dialog", "aria-modal": "true", "aria-labelledby": ariaLabelId, "aria-describedby": ariaDescriptionId, className: modalClasses, style, tabIndex: -1, ...otherDivProps, children: /* @__PURE__ */ jsx("div", { id: `${id}_ref`, ref: setDialogRef, className: "modal-beta-dialog", children: /* @__PURE__ */ jsx("div", { className: "modal-beta-content", children }) }) }),
-    isOpen2 && /* @__PURE__ */ jsx("div", { className: "modal-beta-backdrop" })
-  ] })) });
-}), ModalBeta = Object.assign(Root, {
-  Header: ModalBetaHeader,
-  Body: ModalBetaBody,
-  Footer: ModalBetaFooter
-});
-export {
-  ModalBeta as default
-};
+import useClickOutside from"../../hooks/useClickOutside/useClickOutside.js";import useKeyPress from"../../hooks/useKeyPress/useKeyPress.js";import useTrapFocus from"../../hooks/useTrapFocus/useTrapFocus.js";import{ModalBetaContext}from"./ModalBetaContext.js";import ModalBetaBody from"./ModalBetaBody.js";import ModalBetaFooter from"./ModalBetaFooter.js";import ModalBetaHeader from"./ModalBetaHeader.js";import clsx$1 from"clsx";import{forwardRef,useCallback,useEffect}from"react";import{Fragment as Fragment$1,jsx,jsxs}from"react/jsx-runtime";import{animated,useTransition}from"@react-spring/web";var Root=forwardRef(({id,isOpen,onModalClose,size=`m`,focusId,children,...otherDivProps},ref)=>{let ariaLabelId=`aria_label_${id}`,ariaDescriptionId=`aria_desc_${id}`,modalRef=useClickOutside(onModalClose,void 0,void 0,isOpen),trapRef=useTrapFocus(isOpen),setDialogRef=useCallback(node=>{modalRef.current=node,trapRef.current=node},[modalRef,trapRef]);useKeyPress(onModalClose,[`Escape`]),useEffect(()=>(isOpen&&(document.body.style.overflow=`hidden`,focusId&&document.getElementById(focusId)?.focus()),()=>{document.body.style.overflow=``}),[focusId,isOpen]);let modalClasses=clsx$1(`modal-beta`,`modal-beta--${size}`),modalContextValue={ariaLabelId,ariaDescriptionId,focusId},transition=useTransition(isOpen,{from:{y:-20,opacity:0},enter:{y:0,opacity:1},leave:{y:20,opacity:0}});return jsx(ModalBetaContext.Provider,{value:modalContextValue,children:transition((style,isOpen)=>jsxs(Fragment$1,{children:[isOpen&&jsx(animated.div,{id,ref,role:`dialog`,"aria-modal":`true`,"aria-labelledby":ariaLabelId,"aria-describedby":ariaDescriptionId,className:modalClasses,style,tabIndex:-1,...otherDivProps,children:jsx(`div`,{id:`${id}_ref`,ref:setDialogRef,className:`modal-beta-dialog`,children:jsx(`div`,{className:`modal-beta-content`,children})})}),isOpen&&jsx(`div`,{className:`modal-beta-backdrop`})]}))})}),ModalBeta=Object.assign(Root,{Header:ModalBetaHeader,Body:ModalBetaBody,Footer:ModalBetaFooter});export{ModalBeta as default};

package/dist/components/ModalBeta/ModalBetaBody.js

@@ -1,15 +1 @@
-import { jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-import { useModalBetaContext } from "./ModalBetaContext.js";
-const ModalBetaBody = ({
-  children,
-  className
-}) => {
-  const {
-    ariaDescriptionId
-  } = useModalBetaContext();
-  return /* @__PURE__ */ jsx("div", { id: ariaDescriptionId, className: clsx("modal-beta-body", className), children });
-};
-export {
-  ModalBetaBody as default
-};
+import{useModalBetaContext}from"./ModalBetaContext.js";import clsx$1 from"clsx";import{jsx}from"react/jsx-runtime";var ModalBetaBody=({children,className})=>{let{ariaDescriptionId}=useModalBetaContext();return jsx(`div`,{id:ariaDescriptionId,className:clsx$1(`modal-beta-body`,className),children})};export{ModalBetaBody as default};

package/dist/components/ModalBeta/ModalBetaContext.js

@@ -1,15 +1 @@
-import { createContext, useContext } from "react";
-const ModalBetaContext = /* @__PURE__ */ createContext({
-  ariaLabelId: "",
-  ariaDescriptionId: "",
-  focusId: ""
-}), useModalBetaContext = () => {
-  const context = useContext(ModalBetaContext);
-  if (!context)
-    throw new Error("Cannot be rendered outside the ModalBeta component");
-  return context;
-};
-export {
-  ModalBetaContext,
-  useModalBetaContext
-};
+import{createContext,useContext}from"react";var ModalBetaContext=createContext({ariaLabelId:``,ariaDescriptionId:``,focusId:``}),useModalBetaContext=()=>{let context=useContext(ModalBetaContext);if(!context)throw Error(`Cannot be rendered outside the ModalBeta component`);return context};export{ModalBetaContext,useModalBetaContext};

package/dist/components/ModalBeta/ModalBetaFooter.js

@@ -1,7 +1 @@
-import { jsx } from "react/jsx-runtime";
-const ModalBetaFooter = ({
-  children
-}) => /* @__PURE__ */ jsx("div", { className: "modal-beta-footer", children });
-export {
-  ModalBetaFooter as default
-};
+import{jsx}from"react/jsx-runtime";var ModalBetaFooter=({children})=>jsx(`div`,{className:`modal-beta-footer`,children});export{ModalBetaFooter as default};

package/dist/components/ModalBeta/ModalBetaHeader.js

@@ -1,31 +1 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useRef, useEffect } from "react";
-import { useTranslation } from "react-i18next";
-import SvgIconClose from "../../modules/icons/components/IconClose.js";
-import ButtonBeta from "../ButtonBeta/ButtonBeta.js";
-import { useModalBetaContext } from "./ModalBetaContext.js";
-const ModalBetaHeader = ({
-  onModalClose,
-  children,
-  subtitle
-}) => {
-  const {
-    ariaLabelId,
-    focusId
-  } = useModalBetaContext(), closeButtonRef = useRef(null), {
-    t
-  } = useTranslation();
-  return useEffect(() => {
-    var _a;
-    focusId || (_a = closeButtonRef.current) == null || _a.focus();
-  }, [focusId]), /* @__PURE__ */ jsxs("div", { className: "modal-beta-header", children: [
-    /* @__PURE__ */ jsxs("div", { className: "modal-beta-title-row", children: [
-      /* @__PURE__ */ jsx("h2", { id: ariaLabelId, className: "modal-beta-title", tabIndex: -1, children }),
-      /* @__PURE__ */ jsx(ButtonBeta, { ref: closeButtonRef, "aria-label": t("close"), title: t("close"), type: "button", variant: "ghost", color: "tertiary", leftIcon: /* @__PURE__ */ jsx(SvgIconClose, {}), onClick: onModalClose })
-    ] }),
-    subtitle && /* @__PURE__ */ jsx("p", { className: "modal-beta-subtitle", children: subtitle })
-  ] });
-};
-export {
-  ModalBetaHeader as default
-};
+import SvgIconClose from"../../modules/icons/components/IconClose.js";import ButtonBeta from"../ButtonBeta/ButtonBeta.js";import{useModalBetaContext}from"./ModalBetaContext.js";import{useEffect,useRef}from"react";import{jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var ModalBetaHeader=({onModalClose,children,subtitle})=>{let{ariaLabelId,focusId}=useModalBetaContext(),closeButtonRef=useRef(null),{t}=useTranslation();return useEffect(()=>{focusId||closeButtonRef.current?.focus()},[focusId]),jsxs(`div`,{className:`modal-beta-header`,children:[jsxs(`div`,{className:`modal-beta-title-row`,children:[jsx(`h2`,{id:ariaLabelId,className:`modal-beta-title`,tabIndex:-1,children}),jsx(ButtonBeta,{ref:closeButtonRef,"aria-label":t(`close`),title:t(`close`),type:`button`,variant:`ghost`,color:`tertiary`,leftIcon:jsx(SvgIconClose,{}),onClick:onModalClose})]}),subtitle&&jsx(`p`,{className:`modal-beta-subtitle`,children:subtitle})]})};export{ModalBetaHeader as default};

package/dist/components/PageLayout/PageLayout.js

@@ -1,117 +1 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { useMemo, Children, isValidElement } from "react";
-import clsx from "clsx";
-import { useTranslation } from "react-i18next";
-import PageLayoutBreadcrumb from "./components/PageLayoutBreadcrumb.js";
-import PageLayoutContent from "./components/PageLayoutContent.js";
-import PageLayoutHeader from "./components/PageLayoutHeader.js";
-import PageLayoutHelpZone from "./components/PageLayoutHelpZone.js";
-import PageLayoutOverlay from "./components/PageLayoutOverlay.js";
-import PageLayoutSidebarLeft from "./components/PageLayoutSidebarLeft.js";
-import PageLayoutSidebarRight from "./components/PageLayoutSidebarRight.js";
-import { PageLayoutContext } from "./PageLayoutContext.js";
-import useCookiesConsent from "../../hooks/useCookiesConsent/useCookiesConsent.js";
-import useToast from "../../hooks/useToast/useToast.js";
-import Alert from "../Alert/Alert.js";
-import ButtonBeta from "../ButtonBeta/ButtonBeta.js";
-function analyzeChildren(children) {
-  let hasLeftSidebar = !1, hasRightSidebar = !1, breadcrumb = null, overlay = null, helpZone = null;
-  const headerChildren = [], mainChildren = [];
-  return Children.toArray(children).forEach((child) => {
-    if (/* @__PURE__ */ isValidElement(child))
-      switch (child.type) {
-        case PageLayoutHeader:
-          headerChildren.push(child);
-          break;
-        case PageLayoutBreadcrumb:
-          breadcrumb = child;
-          break;
-        case PageLayoutOverlay:
-          overlay = child;
-          break;
-        case PageLayoutHelpZone:
-          helpZone = child;
-          break;
-        case PageLayoutSidebarLeft:
-          hasLeftSidebar = !0, mainChildren.push(child);
-          break;
-        case PageLayoutSidebarRight:
-          hasRightSidebar = !0, mainChildren.push(child);
-          break;
-        case PageLayoutContent:
-          mainChildren.push(child);
-          break;
-        default:
-          mainChildren.push(child);
-          break;
-      }
-  }), {
-    hasLeftSidebar,
-    hasRightSidebar,
-    breadcrumb,
-    overlay,
-    helpZone,
-    headerChildren,
-    mainChildren
-  };
-}
-const Root = ({
-  children,
-  variant = "centered",
-  withGap = !1,
-  scrollMode,
-  noPadding,
-  className,
-  ...props
-}) => {
-  const {
-    t
-  } = useTranslation(), {
-    showCookiesConsent,
-    handleConsultCookies,
-    handleCloseCookiesConsent
-  } = useCookiesConsent(), contextValue = useMemo(() => ({
-    variant,
-    scrollMode,
-    noPadding
-  }), [variant, scrollMode, noPadding]), renderToaster = useToast().renderToaster(), {
-    hasLeftSidebar,
-    hasRightSidebar,
-    breadcrumb,
-    overlay,
-    helpZone,
-    headerChildren,
-    mainChildren
-  } = analyzeChildren(children), mainAreaClasses = clsx("pagelayout-mainarea", {
-    "has-both-sidebars": hasLeftSidebar && hasRightSidebar,
-    "has-left-sidebar-only": hasLeftSidebar && !hasRightSidebar,
-    "has-right-sidebar-only": !hasLeftSidebar && hasRightSidebar,
-    "has-gap": withGap
-  }), isFullpage = variant === "fullpage";
-  return /* @__PURE__ */ jsxs(PageLayoutContext.Provider, { value: contextValue, children: [
-    /* @__PURE__ */ jsxs("div", { className: clsx("pagelayout", `pagelayout-${variant}`, scrollMode && `pagelayout-scroll-${scrollMode}`, className), ...props, children: [
-      headerChildren,
-      headerChildren.length > 0 && /* @__PURE__ */ jsx("div", { className: "pagelayout-headerspacer" }),
-      !isFullpage && breadcrumb,
-      /* @__PURE__ */ jsxs("div", { className: mainAreaClasses, children: [
-        isFullpage && breadcrumb,
-        mainChildren
-      ] }),
-      overlay,
-      showCookiesConsent && /* @__PURE__ */ jsx(Alert, { type: "info", isConfirm: !0, position: "bottom-right", button: /* @__PURE__ */ jsx(ButtonBeta, { variant: "outline", onClick: handleConsultCookies, children: t("rgpd.cookies.banner.button.consult") }), onClose: handleCloseCookiesConsent, children: t("rgpd.cookies.banner.text1") })
-    ] }),
-    helpZone,
-    renderToaster
-  ] });
-}, PageLayout = Object.assign(Root, {
-  Header: PageLayoutHeader,
-  Breadcrumb: PageLayoutBreadcrumb,
-  SidebarLeft: PageLayoutSidebarLeft,
-  Content: PageLayoutContent,
-  SidebarRight: PageLayoutSidebarRight,
-  Overlay: PageLayoutOverlay,
-  HelpZone: PageLayoutHelpZone
-});
-export {
-  PageLayout as default
-};
+import ButtonBeta from"../ButtonBeta/ButtonBeta.js";import Alert from"../Alert/Alert.js";import useToast from"../../hooks/useToast/useToast.js";import useCookiesConsent from"../../hooks/useCookiesConsent/useCookiesConsent.js";import PageLayoutOverlay from"./components/PageLayoutOverlay.js";import PageLayoutBreadcrumb from"./components/PageLayoutBreadcrumb.js";import{PageLayoutContext}from"./PageLayoutContext.js";import PageLayoutContent from"./components/PageLayoutContent.js";import PageLayoutHeader from"./components/PageLayoutHeader.js";import PageLayoutHelpZone from"./components/PageLayoutHelpZone.js";import PageLayoutSidebarLeft from"./components/PageLayoutSidebarLeft.js";import PageLayoutSidebarRight from"./components/PageLayoutSidebarRight.js";import clsx$1 from"clsx";import{Children,Fragment,cloneElement,isValidElement,useMemo}from"react";import{jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";function flattenFragments(children,keyPrefix=``){return Children.toArray(children).flatMap(child=>{if(!isValidElement(child))return[child];let key=`${keyPrefix}${child.key??``}`;return child.type===Fragment?flattenFragments(child.props.children,key):[keyPrefix?cloneElement(child,{key}):child]})}function analyzeChildren(children){let hasLeftSidebar=!1,hasRightSidebar=!1,breadcrumb=null,overlay=null,helpZone=null,headerChildren=[],mainChildren=[];return flattenFragments(children).forEach(child=>{if(isValidElement(child))switch(child.type){case PageLayoutHeader:headerChildren.push(child);break;case PageLayoutBreadcrumb:breadcrumb=child;break;case PageLayoutOverlay:overlay=child;break;case PageLayoutHelpZone:helpZone=child;break;case PageLayoutSidebarLeft:hasLeftSidebar=!0,mainChildren.push(child);break;case PageLayoutSidebarRight:hasRightSidebar=!0,mainChildren.push(child);break;case PageLayoutContent:mainChildren.push(child);break;default:mainChildren.push(child);break}}),{hasLeftSidebar,hasRightSidebar,breadcrumb,overlay,helpZone,headerChildren,mainChildren}}var PageLayout=Object.assign(({children,variant=`centered`,withGap=!1,scrollMode,noPadding,className,...props})=>{let{t}=useTranslation(),{showCookiesConsent,handleConsultCookies,handleCloseCookiesConsent}=useCookiesConsent(),contextValue=useMemo(()=>({variant,scrollMode,noPadding}),[variant,scrollMode,noPadding]),renderToaster=useToast().renderToaster(),{hasLeftSidebar,hasRightSidebar,breadcrumb,overlay,helpZone,headerChildren,mainChildren}=analyzeChildren(children),mainAreaClasses=clsx$1(`pagelayout-mainarea`,{"has-both-sidebars":hasLeftSidebar&&hasRightSidebar,"has-left-sidebar-only":hasLeftSidebar&&!hasRightSidebar,"has-right-sidebar-only":!hasLeftSidebar&&hasRightSidebar,"has-gap":withGap}),isFullpage=variant===`fullpage`;return jsxs(PageLayoutContext.Provider,{value:contextValue,children:[jsxs(`div`,{className:clsx$1(`pagelayout`,`pagelayout-${variant}`,scrollMode&&`pagelayout-scroll-${scrollMode}`,className),...props,children:[headerChildren,headerChildren.length>0&&jsx(`div`,{className:`pagelayout-headerspacer`}),!isFullpage&&breadcrumb,jsxs(`div`,{className:mainAreaClasses,children:[isFullpage&&breadcrumb,mainChildren]}),overlay,showCookiesConsent&&jsx(Alert,{type:`info`,isConfirm:!0,position:`bottom-right`,button:jsx(ButtonBeta,{variant:`outline`,onClick:handleConsultCookies,children:t(`rgpd.cookies.banner.button.consult`)}),onClose:handleCloseCookiesConsent,children:t(`rgpd.cookies.banner.text1`)})]}),helpZone,renderToaster]})},{Header:PageLayoutHeader,Breadcrumb:PageLayoutBreadcrumb,SidebarLeft:PageLayoutSidebarLeft,Content:PageLayoutContent,SidebarRight:PageLayoutSidebarRight,Overlay:PageLayoutOverlay,HelpZone:PageLayoutHelpZone});export{PageLayout as default};

package/dist/components/PageLayout/PageLayoutContext.js

@@ -1,8 +1 @@
-import { createContext, useContext } from "react";
-const PageLayoutContext = /* @__PURE__ */ createContext({
-  variant: "centered"
-}), usePageLayout = () => useContext(PageLayoutContext);
-export {
-  PageLayoutContext,
-  usePageLayout
-};
+import{createContext,useContext}from"react";var PageLayoutContext=createContext({variant:`centered`}),usePageLayout=()=>useContext(PageLayoutContext);export{PageLayoutContext,usePageLayout};

package/dist/components/PageLayout/components/PageLayoutBreadcrumb.js

@@ -1,10 +1 @@
-import { jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-const PageLayoutBreadcrumb = ({
-  children,
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx("div", { className: clsx("pagelayout-breadcrumb", className), ...props, children });
-export {
-  PageLayoutBreadcrumb as default
-};
+import clsx$1 from"clsx";import{jsx}from"react/jsx-runtime";var PageLayoutBreadcrumb=({children,className,...props})=>jsx(`div`,{className:clsx$1(`pagelayout-breadcrumb`,className),...props,children});export{PageLayoutBreadcrumb as default};

package/dist/components/PageLayout/components/PageLayoutContent.js

@@ -1,22 +1 @@
-import { jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-import { usePageLayout } from "../PageLayoutContext.js";
-import useBackground from "../../../hooks/useBackground/useBackground.js";
-const PageLayoutContent = ({
-  children,
-  className,
-  ...props
-}) => {
-  const {
-    productOverride,
-    background
-  } = useBackground(), {
-    noPadding
-  } = usePageLayout();
-  return /* @__PURE__ */ jsx("main", { "data-product": productOverride, "data-background": background, className: clsx("pagelayout-content", {
-    "pagelayout-content--no-padding": noPadding == null ? void 0 : noPadding.content
-  }, className), ...props, children });
-};
-export {
-  PageLayoutContent as default
-};
+import useBackground_default from"../../../hooks/useBackground/useBackground.js";import{usePageLayout}from"../PageLayoutContext.js";import clsx$1 from"clsx";import{jsx}from"react/jsx-runtime";var PageLayoutContent=({children,className,...props})=>{let{productOverride,background}=useBackground_default(),{noPadding}=usePageLayout();return jsx(`main`,{"data-product":productOverride,"data-background":background,className:clsx$1(`pagelayout-content`,{"pagelayout-content--no-padding":noPadding?.content},className),...props,children})};export{PageLayoutContent as default};

package/dist/components/PageLayout/components/PageLayoutHeader.js

@@ -1,18 +1 @@
-import { jsx } from "react/jsx-runtime";
-import clsx from "clsx";
-import Header from "../../../modules/homepage/components/Header/Header.js";
-import { useEdificeTheme } from "../../../providers/EdificeThemeProvider/EdificeThemeProvider.hook.js";
-const PageLayoutHeader = ({
-  children,
-  className,
-  onNotificationsClick,
-  ...props
-}) => {
-  const {
-    theme
-  } = useEdificeTheme();
-  return /* @__PURE__ */ jsx("header", { className: clsx("pagelayout-header", className), ...props, children: children ?? /* @__PURE__ */ jsx(Header, { src: theme == null ? void 0 : theme.basePath, onNotificationsClick }) });
-};
-export {
-  PageLayoutHeader as default
-};
+import{useEdificeTheme}from"../../../providers/EdificeThemeProvider/EdificeThemeProvider.hook.js";import Header from"../../../modules/homepage/components/Header/Header.js";import clsx$1 from"clsx";import{jsx}from"react/jsx-runtime";var PageLayoutHeader=({children,className,onNotificationsClick,...props})=>{let{theme}=useEdificeTheme();return jsx(`header`,{className:clsx$1(`pagelayout-header`,className),...props,children:children??jsx(Header,{src:theme?.basePath,onNotificationsClick})})};export{PageLayoutHeader as default};

package/dist/components/PageLayout/components/PageLayoutHelpZone.js

@@ -1,6 +1 @@
-import { jsx } from "react/jsx-runtime";
-import { HelpZoneContainer } from "../../../modules/HelpZone/HelpZoneContainer.js";
-const PageLayoutHelpZone = () => /* @__PURE__ */ jsx(HelpZoneContainer, {});
-export {
-  PageLayoutHelpZone as default
-};
+import{HelpZoneContainer}from"../../../modules/HelpZone/HelpZoneContainer.js";import{jsx}from"react/jsx-runtime";var PageLayoutHelpZone=()=>jsx(HelpZoneContainer,{});export{PageLayoutHelpZone as default};

package/dist/components/PageLayout/components/PageLayoutOverlay.js

@@ -1,51 +1 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { useEffect } from "react";
-import clsx from "clsx";
-import { useTranslation } from "react-i18next";
-import SvgIconClose from "../../../modules/icons/components/IconClose.js";
-import { useOverlay } from "../hook/useOverlay.js";
-import ButtonBeta from "../../ButtonBeta/ButtonBeta.js";
-const PageLayoutOverlay = ({
-  children,
-  onClose,
-  closeButton = !0,
-  backdrop = !1,
-  className,
-  ...props
-}) => {
-  const {
-    t
-  } = useTranslation(), {
-    isOverlayOpen,
-    updateOverlayOpen
-  } = useOverlay(), handleClose = () => {
-    updateOverlayOpen(!1), onClose == null || onClose();
-  };
-  return useEffect(() => {
-    if (!isOverlayOpen) return;
-    const handleKeyDown = (e) => {
-      e.key === "Escape" && handleClose();
-    };
-    return document.addEventListener("keydown", handleKeyDown), () => document.removeEventListener("keydown", handleKeyDown);
-  }, [isOverlayOpen, onClose, updateOverlayOpen, handleClose]), /* @__PURE__ */ jsxs(Fragment, { children: [
-    isOverlayOpen && backdrop && /* @__PURE__ */ jsx("div", { className: "pagelayout-overlaybackdrop", "aria-hidden": "true", onClick: handleClose }),
-    /* @__PURE__ */ jsxs(
-      "aside",
-      {
-        className: clsx("pagelayout-overlay", {
-          "pagelayout-overlay-open": isOverlayOpen
-        }, className),
-        "aria-hidden": !isOverlayOpen,
-        inert: isOverlayOpen ? void 0 : "",
-        ...props,
-        children: [
-          closeButton && isOverlayOpen && /* @__PURE__ */ jsx(ButtonBeta, { "aria-label": t("close"), color: "tertiary", leftIcon: /* @__PURE__ */ jsx(SvgIconClose, {}), type: "button", variant: "ghost", title: t("close"), onClick: handleClose, className: "pagelayout-overlay-close-button", "data-testid": "pagelayout-overlay-close-button" }),
-          children
-        ]
-      }
-    )
-  ] });
-};
-export {
-  PageLayoutOverlay as default
-};
+import SvgIconClose from"../../../modules/icons/components/IconClose.js";import ButtonBeta from"../../ButtonBeta/ButtonBeta.js";import{useOverlay}from"../hook/useOverlay.js";import clsx$1 from"clsx";import{useCallback,useEffect}from"react";import{Fragment as Fragment$1,jsx,jsxs}from"react/jsx-runtime";import{useTranslation}from"react-i18next";var PageLayoutOverlay=({children,onClose,closeButton=!0,backdrop=!1,className,...props})=>{let{t}=useTranslation(),{isOverlayOpen,updateOverlayOpen}=useOverlay(),handleClose=useCallback(()=>{updateOverlayOpen(!1),onClose?.()},[onClose,updateOverlayOpen]);return useEffect(()=>{if(!isOverlayOpen)return;let handleKeyDown=e=>{e.key===`Escape`&&handleClose()};return document.addEventListener(`keydown`,handleKeyDown),()=>document.removeEventListener(`keydown`,handleKeyDown)},[isOverlayOpen,onClose,updateOverlayOpen,handleClose]),jsxs(Fragment$1,{children:[isOverlayOpen&&backdrop&&jsx(`div`,{className:`pagelayout-overlaybackdrop`,"aria-hidden":`true`,onClick:handleClose}),jsxs(`aside`,{className:clsx$1(`pagelayout-overlay`,{"pagelayout-overlay-open":isOverlayOpen},className),"aria-hidden":!isOverlayOpen,inert:isOverlayOpen?void 0:``,...props,children:[closeButton&&isOverlayOpen&&jsx(ButtonBeta,{"aria-label":t(`close`),color:`tertiary`,leftIcon:jsx(SvgIconClose,{}),type:`button`,variant:`ghost`,title:t(`close`),onClick:handleClose,className:`pagelayout-overlay-close-button`,"data-testid":`pagelayout-overlay-close-button`}),children]})]})};export{PageLayoutOverlay as default};