@edifice.io/react 2.6.7-develop-b2school.20260930103331 → 2.6.7-develop-pedago.20260930173910

package/dist/components/Alert/Alert.js

@@ -1,14 +1,13 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { forwardRef, useState, useRef, useCallback, useEffect, useImperativeHandle, useLayoutEffect } from "react";
+import { forwardRef, useState, useRef, useCallback, useImperativeHandle, useLayoutEffect, useEffect } from "react";
 import clsx from "clsx";
 import { useTranslation } from "react-i18next";
-import SvgIconAlertTriangle from "../../modules/icons/components/IconAlertTriangle.js";
-import SvgIconClose from "../../modules/icons/components/IconClose.js";
+import SvgIconAlertCircle from "../../modules/icons/components/IconAlertCircle.js";
 import SvgIconError from "../../modules/icons/components/IconError.js";
 import SvgIconInfoCircle from "../../modules/icons/components/IconInfoCircle.js";
 import SvgIconSuccessOutline from "../../modules/icons/components/IconSuccessOutline.js";
-import ButtonBeta from "../ButtonBeta/ButtonBeta.js";
-const TOAST_EXIT_ANIMATION_DURATION = 240, getToastAnimationClass = (position, isClosing) => position === "top-left" || position === "bottom-left" ? isClosing ? "alert-slide-out-left" : "alert-slide-in-left" : position === "top-right" || position === "bottom-right" ? isClosing ? "alert-slide-out-right" : "alert-slide-in-right" : isClosing ? "alert-fade-out" : "alert-fade-in", Alert = /* @__PURE__ */ forwardRef(({
+import Button from "../Button/Button.js";
+const Alert = /* @__PURE__ */ forwardRef(({
   type = "success",
   className = "",
   children,
@@ -22,53 +21,31 @@ const TOAST_EXIT_ANIMATION_DURATION = 240, getToastAnimationClass = (position, i
   onClose,
   onVisibilityChange
 }, ref) => {
-  const [isVisible, setVisibleStatus] = useState(!0), [isClosing, setIsClosing] = useState(!1), refAlert = useRef(null), {
+  const [isVisible, setVisibleStatus] = useState(!0), refAlert = useRef(null), {
     t
   } = useTranslation(), hide = useCallback(() => {
-    if (isToast) {
-      setIsClosing(!0);
-      return;
-    }
     setVisibleStatus(!1), onClose == null || onClose();
-  }, [isToast, onClose]);
-  useEffect(() => {
-    if (!isClosing)
-      return;
-    const timeoutId = setTimeout(() => {
-      setVisibleStatus(!1), onClose == null || onClose();
-    }, TOAST_EXIT_ANIMATION_DURATION);
-    return () => clearTimeout(timeoutId);
-  }, [isClosing, onClose]);
-  const handleToastClick = () => {
-    isToast && !isConfirm && hide();
-  };
+  }, [onClose]);
   useImperativeHandle(ref, () => ({
     show,
     hide,
     ...refAlert.current
   })), useLayoutEffect(() => {
     onVisibilityChange == null || onVisibilityChange(isVisible);
-  }, [isVisible, onVisibilityChange]);
-  const shouldAutoClose = autoClose && isVisible && !isClosing, showProgress = autoClose && isToast && !isDismissible && !isClosing, remainingRef = useRef(autoCloseDelay), timeoutRef = useRef(), startedAtRef = useRef(0), [isPaused, setIsPaused] = useState(!1), clearAutoCloseTimeout = useCallback(() => {
-    timeoutRef.current && (clearTimeout(timeoutRef.current), timeoutRef.current = void 0);
-  }, []);
-  useEffect(() => {
-    if (shouldAutoClose)
-      return remainingRef.current = autoCloseDelay, startedAtRef.current = Date.now(), timeoutRef.current = setTimeout(hide, autoCloseDelay), clearAutoCloseTimeout;
-  }, [shouldAutoClose, autoCloseDelay, hide, clearAutoCloseTimeout]);
-  const handleMouseEnter = () => {
-    !shouldAutoClose || isPaused || (clearAutoCloseTimeout(), remainingRef.current = Math.max(remainingRef.current - (Date.now() - startedAtRef.current), 0), setIsPaused(!0));
-  }, handleMouseLeave = () => {
-    !shouldAutoClose || !isPaused || (startedAtRef.current = Date.now(), timeoutRef.current = setTimeout(hide, remainingRef.current), setIsPaused(!1));
-  }, show = () => {
-    setIsClosing(!1), setVisibleStatus(!0);
+  }, [isVisible, onVisibilityChange]), useEffect(() => {
+    autoClose && isVisible && setTimeout(() => {
+      hide();
+    }, autoCloseDelay);
+  }, [autoClose, autoCloseDelay, hide, isVisible]);
+  const show = () => {
+    setVisibleStatus(!0);
   }, mapping = {
     success: {
       icon: /* @__PURE__ */ jsx(SvgIconSuccessOutline, {}),
       classModifier: "alert-success"
     },
     warning: {
-      icon: /* @__PURE__ */ jsx(SvgIconAlertTriangle, {}),
+      icon: /* @__PURE__ */ jsx(SvgIconAlertCircle, {}),
       classModifier: "alert-warning"
     },
     info: {
@@ -81,22 +58,21 @@ const TOAST_EXIT_ANIMATION_DURATION = 240, getToastAnimationClass = (position, i
     }
   }, toastClasses = {
     "is-dismissible": isDismissible,
-    "is-toast": isToast
+    "is-toast ": isToast
   }, confirmClasses = {
     "is-confirm": isConfirm
-  }, divContainerClasses = clsx("alert gap-12", mapping[type].classModifier, toastClasses, confirmClasses, position, isToast && getToastAnimationClass(position, isClosing), className);
-  return /* @__PURE__ */ jsx(Fragment, { children: isVisible ? /* @__PURE__ */ jsxs("div", { ref: refAlert, className: divContainerClasses, role: "alert", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, onClick: handleToastClick, children: [
+  }, divContainerClasses = clsx("alert gap-12", mapping[type].classModifier, toastClasses, confirmClasses, position, className);
+  return /* @__PURE__ */ jsx(Fragment, { children: isVisible ? /* @__PURE__ */ jsxs("div", { ref: refAlert, className: divContainerClasses, role: "alert", children: [
     !isConfirm && mapping[type].icon,
     /* @__PURE__ */ jsx("div", { className: "alert-content small flex-grow-1", children }),
-    button && /* @__PURE__ */ jsxs("div", { className: "alert-actions", onClick: (e) => e.stopPropagation(), children: [
+    button && /* @__PURE__ */ jsxs("div", { className: "ms-12", children: [
       button,
-      isConfirm && /* @__PURE__ */ jsx(ButtonBeta, { onClick: hide, children: t("close") })
+      " ",
+      isConfirm && /* @__PURE__ */ jsx(Button, { onClick: hide, children: t("close") })
     ] }),
-    (isDismissible || isConfirm) && /* @__PURE__ */ jsx("div", { className: "btn-close-container", onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx(ButtonBeta, { type: "button", leftIcon: /* @__PURE__ */ jsx(SvgIconClose, {}), variant: "ghost", color: "tertiary", "aria-label": t("close"), title: t("close"), onClick: hide }) }),
-    showProgress && /* @__PURE__ */ jsx("div", { className: clsx("alert-progress", {
-      "is-paused": isPaused
-    }), style: {
-      "--alert-progress-duration": `${autoCloseDelay}ms`
+    (isDismissible || isConfirm) && /* @__PURE__ */ jsx("div", { className: "btn-close-container", children: /* @__PURE__ */ jsx("button", { type: "button", className: "btn-close", "data-bs-dismiss": "alert", "aria-label": t("close"), onClick: hide }) }),
+    autoClose && /* @__PURE__ */ jsx("div", { className: "alert-progress", style: {
+      transform: "scaleX(0)"
     } })
   ] }) : null });
 });

package/dist/components/AppIcon/AppIcon.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { forwardRef, useState, useEffect } from "react";
+import { forwardRef } from "react";
 import clsx from "clsx";
 import * as iconsApps from "../../icons-apps.js";
 import useEdificeIcons from "../../hooks/useEdificeIcons/useEdificeIcons.js";
@@ -15,7 +15,7 @@ const AppIcon = /* @__PURE__ */ forwardRef(({
   const {
     isIconUrl,
     getIconCode
-  } = useEdificeIcons(), [imageLoadFailed, setImageLoadFailed] = useState(!1), isSquare = variant === "square", isRounded = variant === "rounded", isCircle = variant === "circle", isContain = iconFit === "contain", isRatio = iconFit === "ratio", iconSizes = {
+  } = useEdificeIcons(), isSquare = variant === "square", isRounded = variant === "rounded", isCircle = variant === "circle", isContain = iconFit === "contain", isRatio = iconFit === "ratio", iconSizes = {
     "icon-xs": size === "24",
     "icon-sm": size === "40",
     "icon-md": size === "48",
@@ -28,11 +28,7 @@ const AppIcon = /* @__PURE__ */ forwardRef(({
   }, iconFits = {
     "icon-contain": isContain,
     "icon-ratio": isRatio
-  }, icon = typeof app == "string" ? app : (app == null ? void 0 : app.icon) !== void 0 ? app.icon : "placeholder", displayName = typeof app != "string" && ((app == null ? void 0 : app.displayName) || (app == null ? void 0 : app.name)) || "", code = app ? getIconCode(app) : "", iconIsUrl = !!isIconUrl(icon), isIconURL = iconIsUrl && !imageLoadFailed, showLetterFallback = iconIsUrl && imageLoadFailed && !!displayName;
-  useEffect(() => {
-    setImageLoadFailed(!1);
-  }, [icon]);
-  const appCode = iconIsUrl ? "placeholder" : code || "placeholder", classes = clsx("app-icon", {
+  }, icon = typeof app == "string" ? app : (app == null ? void 0 : app.icon) !== void 0 ? app.icon : "placeholder", displayName = typeof app != "string" && (app == null ? void 0 : app.displayName) !== void 0 ? app.displayName : "", code = app ? getIconCode(app) : "", isIconURL = isIconUrl(icon), appCode = code || "placeholder", classes = clsx("app-icon", {
     ...iconSizes,
     ...iconVariant,
     ...iconFits,
@@ -46,14 +42,12 @@ const AppIcon = /* @__PURE__ */ forwardRef(({
     const classes2 = clsx("h-full", className);
     return /* @__PURE__ */ jsx(Image, { src: icon, alt: displayName, objectFit: "contain", width: size, height: size, className: classes2, style: {
       minWidth: size + "px"
-    }, onError: () => setImageLoadFailed(!0) });
+    } });
   }
   return /* @__PURE__ */ jsx("div", { ref, className: classes, style: {
     width: size + "px",
     height: size + "px"
-  }, children: showLetterFallback ? /* @__PURE__ */ jsx("span", { className: "app-icon-letter", style: {
-    fontSize: size + "px"
-  }, children: displayName.charAt(0).toUpperCase() }) : /* @__PURE__ */ jsx(IconComponent, { width: size, height: size }) });
+  }, children: /* @__PURE__ */ jsx(IconComponent, { width: size, height: size }) });
 });
 export {
   AppIcon as default

package/dist/components/Form/FormText.js

@@ -1,21 +1,16 @@
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
-import SvgIconError from "../../modules/icons/components/IconError.js";
-import SvgIconSuccessOutline from "../../modules/icons/components/IconSuccessOutline.js";
 import { useFormControl } from "./FormContext.js";
 const FormText = ({
   children
 }) => {
   const {
     status
-  } = useFormControl(), classes = clsx("input-message", {
-    "input-message--invalid": status === "invalid",
-    "input-message--valid": status === "valid"
-  }), Icon = status === "invalid" ? SvgIconError : status === "valid" ? SvgIconSuccessOutline : null;
-  return /* @__PURE__ */ jsxs("p", { className: classes, children: [
-    Icon && /* @__PURE__ */ jsx(Icon, { className: "input-message__icon", "aria-hidden": "true" }),
-    children
-  ] });
+  } = useFormControl(), classes = clsx("form-text", {
+    "is-invalid": status === "invalid",
+    valid: status === "valid"
+  });
+  return /* @__PURE__ */ jsx("p", { className: classes, children: /* @__PURE__ */ jsx("em", { children }) });
 };
 export {
   FormText as default

package/dist/components/Image/Image.js

@@ -10,7 +10,6 @@ const Image = /* @__PURE__ */ forwardRef(({
   ratio,
   objectFit,
   className,
-  onError: onErrorProp,
   ...restProps
 }, ref) => {
   const placeholder = imgPlaceholder ?? commonPlaceholder, {
@@ -19,9 +18,7 @@ const Image = /* @__PURE__ */ forwardRef(({
   } = useImage({
     src,
     placeholder
-  }), handleError = (event) => {
-    onError(), onErrorProp == null || onErrorProp(event);
-  }, ratioImage = {
+  }), ratioImage = {
     "ratio ratio-1x1": ratio === "1",
     "ratio ratio-4x3": ratio === "4",
     "ratio ratio-16x9": ratio === "16",
@@ -36,7 +33,7 @@ const Image = /* @__PURE__ */ forwardRef(({
     ...ratioImage
   }), classes = clsx({
     ...objectImage
-  }, className), renderImage = /* @__PURE__ */ jsx("img", { alt, onError: handleError, ref, src: imgSrc, className: classes, ...restProps });
+  }, className), renderImage = /* @__PURE__ */ jsx("img", { alt, onError, ref, src: imgSrc, className: classes, ...restProps });
   return ratio ? /* @__PURE__ */ jsx("div", { className: ratioClasses, children: renderImage }) : renderImage;
 });
 export {

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

@@ -2,8 +2,7 @@ import { Size } from '../../types';
 export type OmitInputProps = 'disabled' | 'required' | 'size' | 'id' | 'readOnly';
 export interface InputProps extends Omit<React.ComponentPropsWithRef<'input'>, OmitInputProps> {
     /**
-     * Control size of input. `sm` and `md` share the same visual size
-     * ("Medium" in the design system); only `lg` ("Big") differs.
+     * Control size of input
      */
     size: Size;
     /**
@@ -19,8 +18,7 @@ export interface InputProps extends Omit<React.ComponentPropsWithRef<'input'>, O
      */
     disabled?: boolean;
     /**
-     * @deprecated Validation icons no longer render inside the field —
-     * this prop has no effect and will be removed in a future major version.
+     * Remove validation icon
      */
     noValidationIcon?: boolean;
     /**
@@ -35,13 +33,6 @@ export interface InputProps extends Omit<React.ComponentPropsWithRef<'input'>, O
      * Browser autocomplete feature
      */
     autoComplete?: string;
-    /**
-     * Show a built-in clear (×) button while the field is focused. Opt-in:
-     * several consumers render their own clear affordance already (e.g.
-     * `SearchBar`), and a broad audit of every `Input` usage hasn't been done
-     * yet — see INPUT-MIGRATION-PLAN.md §07.
-     */
-    clearable?: boolean;
 }
 /**
  * Input Form Component

package/dist/components/Input/Input.js

@@ -1,62 +1,40 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { forwardRef, useRef, useState, useLayoutEffect } from "react";
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { forwardRef, useState } from "react";
 import clsx from "clsx";
-import { useTranslation } from "react-i18next";
-import SvgIconClose from "../../modules/icons/components/IconClose.js";
 import { useFormControl } from "../Form/FormContext.js";
+import Textcounter from "../TextCounter/TextCounter.js";
 const Input = /* @__PURE__ */ forwardRef(({
+  noValidationIcon,
   placeholder,
   size = "md",
   type = "text",
   className,
   showCounter = !1,
   autoComplete = "off",
-  clearable = !1,
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  noValidationIcon,
   ...restProps
-}, forwardedRef) => {
+}, ref) => {
   var _a;
   const {
     id,
     isRequired,
     isReadOnly,
     status
-  } = useFormControl(), {
-    t
-  } = useTranslation(), inputRef = useRef(null), [currentLength, setCurrentLength] = useState(((_a = restProps.defaultValue) == null ? void 0 : _a.toString().length) || 0);
-  useLayoutEffect(() => {
-    inputRef.current && setCurrentLength(inputRef.current.value.length);
-  }, []);
-  const setRefs = (node) => {
-    inputRef.current = node, typeof forwardedRef == "function" ? forwardedRef(node) : forwardedRef && (forwardedRef.current = node);
-  }, wrapperClasses = clsx("input", {
-    "input--lg": size === "lg",
-    "input--invalid": status === "invalid",
-    "input--valid": status === "valid",
-    "input--plaintext": isReadOnly
-  }, className), handleChange = (e) => {
-    var _a2;
-    setCurrentLength(e.target.value.length), (_a2 = restProps.onChange) == null || _a2.call(restProps, e);
-  }, handleClear = () => {
-    var _a2;
-    const node = inputRef.current;
-    if (!node) return;
-    const nativeSetter = (_a2 = Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype, "value")) == null ? void 0 : _a2.set;
-    nativeSetter == null || nativeSetter.call(node, ""), node.dispatchEvent(new Event("input", {
-      bubbles: !0
-    })), node.focus();
-  }, maxLength = restProps.maxLength ?? 0;
-  return /* @__PURE__ */ jsxs("div", { className: wrapperClasses, children: [
-    /* @__PURE__ */ jsx("input", { ref: setRefs, id, className: "input__field", type, placeholder, required: isRequired, readOnly: isReadOnly, ...restProps, onChange: handleChange, autoComplete }),
-    clearable && !isReadOnly && /* @__PURE__ */ jsx("button", { type: "button", className: "input__clear", onClick: handleClear, "aria-label": t("clear"), children: /* @__PURE__ */ jsx(SvgIconClose, {}) }),
-    showCounter && /* @__PURE__ */ jsxs("span", { className: clsx("input__counter", {
-      "input__counter--max": currentLength === maxLength
-    }), children: [
-      currentLength,
-      " / ",
-      maxLength
-    ] })
+  } = useFormControl(), [currentLength, setCurrentLength] = useState(((_a = restProps.defaultValue) == null ? void 0 : _a.toString().length) || 0), classes = clsx({
+    "form-control": !isReadOnly,
+    "form-control-lg": size === "lg",
+    "form-control-sm": size === "sm",
+    "is-invalid": status === "invalid",
+    "is-valid": status === "valid",
+    "form-control-plaintext": isReadOnly,
+    "no-validation-icon": noValidationIcon,
+    "pe-64": showCounter && !status
+  }, className);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("input", { ref, id, className: classes, type, placeholder, required: isRequired, readOnly: isReadOnly, ...restProps, onChange: (e) => {
+      var _a2;
+      setCurrentLength(e.target.value.length), (_a2 = restProps.onChange) == null || _a2.call(restProps, e);
+    }, autoComplete }),
+    showCounter && !status && /* @__PURE__ */ jsx(Textcounter, { currentLength, maxLength: restProps.maxLength ?? 0 })
   ] });
 });
 export {

package/dist/components/Label/Label.js

@@ -16,8 +16,8 @@ const Label = /* @__PURE__ */ forwardRef(({
     isRequired
   } = useFormControl(), {
     t
-  } = useTranslation(), classes = clsx("input-label", {
-    "input-label--has-icon": leftIcon
+  } = useTranslation(), classes = clsx("form-label", {
+    "has-icon": leftIcon
   }, className), optionalState = isOptional && !isRequired, requiredState = isRequired && !isOptional;
   return useEffect(() => {
     if (isOptional && isRequired)
@@ -25,11 +25,11 @@ const Label = /* @__PURE__ */ forwardRef(({
   }, [isOptional, isRequired]), /* @__PURE__ */ jsxs("label", { ref, htmlFor: id, className: classes, children: [
     leftIcon,
     children,
-    optionalState && /* @__PURE__ */ jsxs("em", { className: "input-label__optional", children: [
+    optionalState && /* @__PURE__ */ jsxs("em", { className: "optional", children: [
       "- ",
       optionalText ?? t("explorer.optional")
     ] }),
-    requiredState && /* @__PURE__ */ jsx("em", { className: "input-label__required", children: requiredText })
+    requiredState && /* @__PURE__ */ jsx("em", { className: "required", children: requiredText })
   ] });
 });
 export {

package/dist/components/Layout/Layout.js

@@ -1,68 +1,53 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Suspense, lazy } from "react";
 import clsx from "clsx";
+import { Toaster } from "react-hot-toast";
 import { useTranslation } from "react-i18next";
 import { useEdificeTheme } from "../../providers/EdificeThemeProvider/EdificeThemeProvider.hook.js";
-import { useOverlay } from "../PageLayout/hook/useOverlay.js";
 import Header from "./components/Header.js";
 import HeaderNotificationsOverlay from "./components/HeaderNotificationsOverlay.js";
+import { useOverlay } from "../PageLayout/hook/useOverlay.js";
 import useUiOverride from "../../hooks/useUiOverride/useUiOverride.js";
-import useBackground from "../../hooks/useBackground/useBackground.js";
-import useToast from "../../hooks/useToast/useToast.js";
 import useCookiesConsent from "../../hooks/useCookiesConsent/useCookiesConsent.js";
 import useZendeskGuide from "../../hooks/useZendeskGuide/useZendeskGuide.js";
 import useCantoo from "../../hooks/useCantoo/useCantoo.js";
 import Alert from "../Alert/Alert.js";
-import ButtonBeta from "../ButtonBeta/ButtonBeta.js";
-import HelpZone from "../../modules/HelpZone/HelpZone.js";
-const HeaderV2 = /* @__PURE__ */ lazy(() => import("../../modules/homepage/components/Header/Header.js"));
-function getHeaderColor() {
-  return getComputedStyle(document.documentElement).getPropertyValue("--primitive-blue-400").trim();
-}
-const Layout = ({
+import Button from "../Button/Button.js";
+const HeaderV2 = /* @__PURE__ */ lazy(() => import("../../modules/homepage/components/Header/Header.js")), Layout = ({
   children,
   headless = !1,
   whiteBg = !0,
   className,
   ...restProps
 }) => {
-  var _a;
   const {
     theme
-  } = useEdificeTheme(), override = useUiOverride("layout.header"), isHeaderV2 = (override == null ? void 0 : override.variant) === "v2", isEdificeInProductHelp = ((_a = useUiOverride("layout.helpzone")) == null ? void 0 : _a.variant) === "edifice-in-product", {
-    productOverride,
-    background,
-    isBackgroundImageOverridden
-  } = useBackground(), {
+  } = useEdificeTheme(), override = useUiOverride("layout.header"), isHeaderV2 = (override == null ? void 0 : override.variant) === "v2", backgroundOverride = useUiOverride("layout.background"), hasBackgroundImage = (backgroundOverride == null ? void 0 : backgroundOverride.variant) === "image", {
     toggleOverlay
-  } = useOverlay(), toast = useToast(), {
+  } = useOverlay(), {
     t
   } = useTranslation(), {
     showCookiesConsent,
     handleConsultCookies,
     handleCloseCookiesConsent
-  } = useCookiesConsent(), {
-    isReady: isHelpZoneReady,
-    isOpen: isHelpZoneOpen,
-    open: openHelpZone,
-    close: closeHelpZone
-  } = useZendeskGuide(isEdificeInProductHelp ? getHeaderColor() : void 0);
-  useCantoo();
+  } = useCookiesConsent();
+  useZendeskGuide(), useCantoo();
   const classes = clsx("d-flex flex-column", {
     "bg-white": whiteBg,
     "container-fluid": !headless,
     "rounded-4 border": (theme == null ? void 0 : theme.is1d) && !headless,
     "mt-24": (theme == null ? void 0 : theme.is1d) && !headless
-  }, className), renderHeader = headless ? null : isHeaderV2 ? /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(HeaderV2, { src: theme == null ? void 0 : theme.basePath, dataProduct: override == null ? void 0 : override.theme, onNotificationsClick: toggleOverlay }) }) : /* @__PURE__ */ jsx(Header, { is1d: theme == null ? void 0 : theme.is1d, src: theme == null ? void 0 : theme.basePath }), renderNotificationsOverlay = !headless && isHeaderV2 && /* @__PURE__ */ jsx(HeaderNotificationsOverlay, {}), renderCookies = showCookiesConsent && /* @__PURE__ */ jsx(Alert, { type: "info", className: "m-12 rgpd", 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") }), renderToaster = toast.renderToaster();
-  return /* @__PURE__ */ jsxs("div", { "data-product": productOverride, "data-background": theme != null && theme.is1d ? void 0 : background, className: clsx("layout", {
-    "layout-has-background-image": isBackgroundImageOverridden
-  }), children: [
+  }, className), renderHeader = headless ? null : isHeaderV2 ? /* @__PURE__ */ jsx(Suspense, { fallback: null, children: /* @__PURE__ */ jsx(HeaderV2, { src: theme == null ? void 0 : theme.basePath, dataProduct: override == null ? void 0 : override.theme, onNotificationsClick: toggleOverlay }) }) : /* @__PURE__ */ jsx(Header, { is1d: theme == null ? void 0 : theme.is1d, src: theme == null ? void 0 : theme.basePath }), renderNotificationsOverlay = !headless && isHeaderV2 && /* @__PURE__ */ jsx(HeaderNotificationsOverlay, {}), renderCookies = showCookiesConsent && /* @__PURE__ */ jsx(Alert, { type: "info", className: "m-12 rgpd", isConfirm: !0, position: "bottom-right", button: /* @__PURE__ */ jsx(Button, { color: "tertiary", variant: "ghost", onClick: handleConsultCookies, children: t("rgpd.cookies.banner.button.consult") }), onClose: handleCloseCookiesConsent, children: t("rgpd.cookies.banner.text1") }), renderToaster = /* @__PURE__ */ jsx(Toaster, { containerClassName: "toaster-container", toastOptions: {
+    position: "top-right"
+  } });
+  return /* @__PURE__ */ jsxs("div", { className: clsx("layout", {
+    "layout-has-background-image": hasBackgroundImage
+  }), "data-product": hasBackgroundImage ? backgroundOverride == null ? void 0 : backgroundOverride.theme : void 0, children: [
     renderHeader,
     renderNotificationsOverlay,
     /* @__PURE__ */ jsx("main", { className: classes, ...restProps, children }),
     renderToaster,
-    renderCookies,
-    isEdificeInProductHelp && /* @__PURE__ */ jsx(HelpZone, { isReady: isHelpZoneReady, isOpen: isHelpZoneOpen, onOpen: openHelpZone, onClose: closeHelpZone })
+    renderCookies
   ] });
 };
 export {

package/dist/components/PageLayout/PageLayout.d.ts

@@ -41,9 +41,5 @@ declare const PageLayout: {
         ({ children, onClose, closeButton, backdrop, className, ...props }: import('./components/PageLayoutOverlay').PageLayoutOverlayProps): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
-    HelpZone: {
-        (): import("react/jsx-runtime").JSX.Element;
-        displayName: string;
-    };
 };
 export default PageLayout;

package/dist/components/PageLayout/PageLayout.js

@@ -1,21 +1,15 @@
-import { jsxs, jsx } from "react/jsx-runtime";
+import { jsx, jsxs } 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;
+  let hasLeftSidebar = !1, hasRightSidebar = !1, breadcrumb = null, overlay = null;
   const headerChildren = [], mainChildren = [];
   return Children.toArray(children).forEach((child) => {
     if (/* @__PURE__ */ isValidElement(child))
@@ -29,9 +23,6 @@ function analyzeChildren(children) {
         case PageLayoutOverlay:
           overlay = child;
           break;
-        case PageLayoutHelpZone:
-          helpZone = child;
-          break;
         case PageLayoutSidebarLeft:
           hasLeftSidebar = !0, mainChildren.push(child);
           break;
@@ -50,7 +41,6 @@ function analyzeChildren(children) {
     hasRightSidebar,
     breadcrumb,
     overlay,
-    helpZone,
     headerChildren,
     mainChildren
   };
@@ -64,22 +54,15 @@ const Root = ({
   className,
   ...props
 }) => {
-  const {
-    t
-  } = useTranslation(), {
-    showCookiesConsent,
-    handleConsultCookies,
-    handleCloseCookiesConsent
-  } = useCookiesConsent(), contextValue = useMemo(() => ({
+  const contextValue = useMemo(() => ({
     variant,
     scrollMode,
     noPadding
-  }), [variant, scrollMode, noPadding]), renderToaster = useToast().renderToaster(), {
+  }), [variant, scrollMode, noPadding]), {
     hasLeftSidebar,
     hasRightSidebar,
     breadcrumb,
     overlay,
-    helpZone,
     headerChildren,
     mainChildren
   } = analyzeChildren(children), mainAreaClasses = clsx("pagelayout-mainarea", {
@@ -88,29 +71,23 @@ const Root = ({
     "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") })
+  return /* @__PURE__ */ jsx(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
     ] }),
-    helpZone,
-    renderToaster
-  ] });
+    overlay
+  ] }) });
 }, PageLayout = Object.assign(Root, {
   Header: PageLayoutHeader,
   Breadcrumb: PageLayoutBreadcrumb,
   SidebarLeft: PageLayoutSidebarLeft,
   Content: PageLayoutContent,
   SidebarRight: PageLayoutSidebarRight,
-  Overlay: PageLayoutOverlay,
-  HelpZone: PageLayoutHelpZone
+  Overlay: PageLayoutOverlay
 });
 export {
   PageLayout as default

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

@@ -1,19 +1,15 @@
 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", {
+  return /* @__PURE__ */ jsx("main", { className: clsx("pagelayout-content", {
     "pagelayout-content--no-padding": noPadding == null ? void 0 : noPadding.content
   }, className), ...props, children });
 };

package/dist/components/Table/components/Table.d.ts

@@ -13,7 +13,7 @@ declare const Table: import('react').ForwardRefExoticComponent<{
         displayName: string;
     };
     Th: {
-        (props: React.ThHTMLAttributes<HTMLTableCellElement>): import("react/jsx-runtime").JSX.Element;
+        (props: React.HTMLAttributes<HTMLTableCellElement>): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
     Tbody: {
@@ -25,7 +25,7 @@ declare const Table: import('react').ForwardRefExoticComponent<{
         displayName: string;
     };
     Td: {
-        (props: React.TdHTMLAttributes<HTMLTableCellElement>): import("react/jsx-runtime").JSX.Element;
+        (props: React.HTMLAttributes<HTMLTableCellElement>): import("react/jsx-runtime").JSX.Element;
         displayName: string;
     };
 };

package/dist/components/Table/components/TableTd.d.ts

@@ -1,4 +1,4 @@
 export declare const TableTd: {
-    (props: React.TdHTMLAttributes<HTMLTableCellElement>): import("react/jsx-runtime").JSX.Element;
+    (props: React.HTMLAttributes<HTMLTableCellElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };

package/dist/components/Table/components/TableTh.d.ts

@@ -1,4 +1,4 @@
 export declare const TableTh: {
-    (props: React.ThHTMLAttributes<HTMLTableCellElement>): import("react/jsx-runtime").JSX.Element;
+    (props: React.HTMLAttributes<HTMLTableCellElement>): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };