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

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

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

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

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

package/dist/components/Modal/Modal.js

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

package/dist/components/Modal/ModalBody.js

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

package/dist/components/Modal/ModalContext.js

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

package/dist/components/Modal/ModalFooter.js

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

package/dist/components/Modal/ModalHeader.js

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

package/dist/components/Modal/ModalSubtitle.js

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

package/dist/components/ModalBeta/ModalBeta.js

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

package/dist/components/ModalBeta/ModalBetaBody.js

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

package/dist/components/ModalBeta/ModalBetaContext.js

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

package/dist/components/ModalBeta/ModalBetaFooter.js

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

package/dist/components/ModalBeta/ModalBetaHeader.js

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

package/dist/components/PageLayout/PageLayout.js

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

package/dist/components/PageLayout/PageLayoutContext.js

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

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

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

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

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

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

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

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

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