arengibook 2.5.510 → 2.5.511

package/dist/index.js

@@ -42653,348 +42653,70 @@ Toast$1.displayName = 'Toast';
 var css_248z = ".p-toast-message {\n    height:auto;\n}\n.p-toast-message.heightoastlarge {\n    min-height:50px;\n}\n.p-toast-message.heightoastmedium {\n    max-height:100px;\n    overflow: hidden;\n}\n\n.p-toast-message.toast_s--compact {\n    width: 116px;\n    min-width: 56px;\n    padding-right: 0;\n    position: relative;\n}\n\n.p-toast-message.toast_s--compact .p-toast-message-content {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 0.5rem;\n}\n\n.p-toast-message.toast_s--compact .maximize-button {\n    margin-right: 20px;\n}\n\n.p-toast-message.toast_s--compact .p-toast-icon-close {\n    position: absolute;\n    top: 4px;\n    right: 4px;\n}\n\n\n.p-toast-message.toast_s--large {\n    width: auto;\n    min-width: auto;\n    padding-right: inherit;\n}\n\n.p-toast-message.toast_s--large .p-toast-message-content {\n    display: flex;\n    align-items: center;\n    padding: 1rem;\n    gap: 0.75rem;\n}\n\n.p-toast-message .maximize-button-container {\n    margin-left: auto;\n    display: flex;\n    align-items: center;\n}\n\n.p-toast-message.toast_s--large .p-toast-icon-close {\n    position: static;\n    margin-left: 0.5rem;\n}\n\n/* Title  */\n\n.toast-title {\n    font-weight: 600;\n    font-size: 0.95rem;\n    line-height: 1.3;\n    color: #111827; /* gris très foncé / quasi noir */\n    margin-bottom: 0.25rem;\n}\n\n\n.toast-root {\n    display: flex;\n    align-items: flex-start;\n    width: 100%;\n    gap: 0.75rem;\n}\n.toast-left {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    flex-shrink: 0;\n}\n.toast-body {\n    line-height: 1.4;\n}\n.toast-action-btn {\n    background: transparent;\n    border: none;\n    cursor: pointer;\n    padding: 0;\n}\n.p-toast-message-content {\n    position: relative;\n}\n.p-toast-icon-close {\n    position: static;\n}\n.toast-left .p-toast-icon-close {\n    order: 3;\n}\n/* Toast - Percentage */\n.toast-percentage {\n    margin-top: 0.5rem;\n    width: 100%;\n}\n\n.toast-percentage-label {\n    font-size: 0.875rem;\n    color: #6b7280;\n    margin-bottom: 0.25rem;\n    text-align: right;\n    width: 100%;\n}\n\n.toast-percentage-bar {\n    height: 6px;\n    background-color: #e5e7eb;\n    border-radius: 999px;\n    overflow: hidden;\n    width: 100%;\n}\n\n.toast-percentage-bar-fill {\n    height: 100%;\n    background-color: #3b82f6;\n    transition: width 0.3s ease;\n}\n\n/* Link */\n\n.toast-link {\n    margin-top: 0.5rem;\n}\n\n.toast-link a {\n    font-size: 0.85rem;\n    font-weight: 500;\n    color: #2563eb;\n    text-decoration: underline;\n}\n\n.toast-link a:hover {\n    text-decoration: none;\n}\n\n/* Links */\n\n.toast-links {\n    margin-top: 0.5rem;\n    padding-left: 1rem;\n}\n\n.toast-links li {\n    margin-bottom: 0.25rem;\n}\n\n.toast-links a {\n    font-size: 0.85rem;\n    color: #2563eb;\n    text-decoration: underline;\n}\n\n.toast-links a:hover {\n    text-decoration: none;\n}\n\n.toast-message {\n    padding-right: 20px;\n}\n.p-toast-message {\n    position: relative;\n}\n.p-toast-message .p-toast-icon-close {\n    position: absolute;\n    top: 0.5rem;\n    right: 0.5rem;\n}\n.p-toast-message .toast-action-btn {\n    position: absolute;\n    top: 0.5rem;\n    right: 2.5rem;\n}\n\n/* AttachedFiles */\n\n.toast-attached-files {\n    margin-top: 0.75rem;\n}\n\n.toast-attached-files-title {\n    font-size: 0.75rem;\n    font-weight: 600;\n    color: #6b7280;\n    margin-bottom: 0.25rem;\n}\n\n.toast-attached-files-list {\n    list-style: none;\n    padding: 0;\n    margin: 0;\n}\n\n.toast-attached-files-list li {\n    margin-bottom: 0.25rem;\n}\n\n.toast-attached-files-list a {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.35rem;\n    font-size: 0.85rem;\n    color: #2563eb;\n    text-decoration: underline;\n}\n\n.toast-attached-files-list a:hover {\n    text-decoration: none;\n}\n\n";
 styleInject(css_248z);
 
-var Toast = function Toast(_ref) {
+// Fonction utilitaire pour obtenir l'icône en fonction du type
+var getIconByType = function getIconByType(type) {
+  switch (type) {
+    case "success":
+      return "pi pi-check-circle";
+    case "error":
+      return "pi pi-times-circle";
+    case "settingError":
+      return "pi pi-cog pi-times-circle";
+    case "warning":
+      return "pi pi-exclamation-triangle";
+    case "processing":
+      return "pi pi-spinner pi-spin";
+    case "info":
+    default:
+      return "pi pi-info-circle";
+  }
+};
+
+// Fonction utilitaire pour obtenir la classe CSS en fonction de la taille
+var getSizeClassName = function getSizeClassName(size, sizeSModulable) {
+  switch (size) {
+    case 'S':
+      return "toast_s--compact";
+    case 'L':
+      return sizeSModulable ? "toast_s--large" : "";
+    default:
+      return '';
+  }
+};
+var RichMessage = function RichMessage(_ref) {
   var icon = _ref.icon,
-    message = _ref.message,
-    _ref$enableHtmlConten = _ref.enableHtmlContent,
-    enableHtmlContent = _ref$enableHtmlConten === void 0 ? false : _ref$enableHtmlConten,
     _ref$type = _ref.type,
     type = _ref$type === void 0 ? "info" : _ref$type,
     _ref$size = _ref.size,
     size = _ref$size === void 0 ? "M" : _ref$size,
-    _ref$closable = _ref.closable,
-    closable = _ref$closable === void 0 ? true : _ref$closable,
-    _ref$position = _ref.position,
-    position = _ref$position === void 0 ? "top-right" : _ref$position,
-    _ref$duration = _ref.duration,
-    duration = _ref$duration === void 0 ? 3000 : _ref$duration,
-    _ref$autoShow = _ref.autoShow,
-    autoShow = _ref$autoShow === void 0 ? true : _ref$autoShow,
-    onSizeChange = _ref.onSizeChange,
     title = _ref.title,
-    sticky = _ref.sticky,
+    message = _ref.message,
+    _ref$enableHtmlConten = _ref.enableHtmlContent,
+    enableHtmlContent = _ref$enableHtmlConten === void 0 ? false : _ref$enableHtmlConten,
+    link = _ref.link,
+    _ref$links = _ref.links,
+    links = _ref$links === void 0 ? [] : _ref$links,
+    _ref$attachedFiles = _ref.attachedFiles,
+    attachedFiles = _ref$attachedFiles === void 0 ? [] : _ref$attachedFiles,
     _ref$enablePercentage = _ref.enablePercentage,
     enablePercentage = _ref$enablePercentage === void 0 ? false : _ref$enablePercentage,
-    percentage = _ref.percentage,
-    link = _ref.link,
-    links = _ref.links;
-    _ref.datetimecreation;
-    var sizeSModulable = _ref.sizeSModulable,
-    isExpanded = _ref.isExpanded,
-    attachedFiles = _ref.attachedFiles;
-  var toastRef = useRef(null);
-  var hasShownRef = useRef(false);
-  var progressBarRef = useRef(null);
-  var percentageTextRef = useRef(null);
-  var handleToggleSize = function handleToggleSize() {
-    if (!onSizeChange) return;
-    if (size === "S") {
-      onSizeChange("L");
-      toastRef.current.clear();
-      hasShownRef.current = false;
-    } else if (size === "L") {
-      onSizeChange("S");
-      toastRef.current.clear();
-      hasShownRef.current = false;
-    }
-  };
-  var classNameSizeS = function classNameSizeS() {
-    switch (size) {
-      case 'S':
-        return "toast_s--compact";
-      case 'L':
-        if (sizeSModulable === true) {
-          return "toast_s--large";
-        } else {
-          return "";
-        }
-      default:
-        return '';
-    }
-  };
-  var memoizedRichMessage = useMemo(function () {
-    return /*#__PURE__*/React__default.createElement(RichMessage, {
-      icon: icon,
-      type: type,
-      size: size,
-      title: title,
-      message: message,
-      enableHtmlContent: enableHtmlContent,
-      link: link,
-      links: links,
-      attachedFiles: attachedFiles,
-      enablePercentage: enablePercentage,
-      sizeSModulable: sizeSModulable,
-      isExpanded: isExpanded,
-      onSizeChange: onSizeChange,
-      toastRef: toastRef,
-      progressBarRef: progressBarRef,
-      percentageTextRef: percentageTextRef,
-      handleToggleSize: handleToggleSize
-    });
-  }, [icon, type, size, title, message, enableHtmlContent, link, links, attachedFiles, enablePercentage, sizeSModulable, isExpanded, onSizeChange, handleToggleSize]);
-  useEffect(function () {
-    if (!toastRef.current || !autoShow) return;
-    if (!hasShownRef.current) {
-      toastRef.current.show({
-        severity: type,
-        closable: closable,
-        life: duration,
-        sticky: sticky,
-        className: "".concat(classNameSizeS(), " ").concat(type === "processing" ? "toast--processing" : ""),
-        content: function content() {
-          return memoizedRichMessage;
-        }
-      });
-      hasShownRef.current = true;
-    }
-  }, [autoShow, toastRef, memoizedRichMessage]);
-  useEffect(function () {
-    return function () {
-      if (toastRef.current) {
-        toastRef.current.clear();
-        hasShownRef.current = false;
-      }
-    };
-  }, []);
-  useEffect(function () {
-    if (progressBarRef.current) {
-      progressBarRef.current.style.width = "".concat(percentage, "%");
-    }
-    if (percentageTextRef.current) {
-      percentageTextRef.current.textContent = "".concat(percentage, "%");
-    }
-  }, [percentage]);
-  return /*#__PURE__*/React__default.createElement(Toast$1, {
-    ref: toastRef,
-    position: position
-  });
-};
-
-// Singleton pour l'empilement des toasts
-var toastRefs = {
-  containers: {},
-  sizeStates: new Map()
-};
-
-// const ToastContainer = () => {
-//     const ref = useRef(null);
-//     useEffect(() => {
-//         toastRefs.toastRef = ref;
-//     }, []);
-//
-//     return <PrimeToast ref={ref} position="top-right" />;
-// };
-
-var ToastContainer = function ToastContainer(_ref2) {
-  var _ref2$position = _ref2.position,
-    position = _ref2$position === void 0 ? "top-right" : _ref2$position;
-  var ref = useRef(null);
-  useEffect(function () {
-    if (!toastRefs.containers[position]) {
-      toastRefs.containers[position] = ref;
-    }
-  }, [position]);
-  return /*#__PURE__*/React__default.createElement(Toast$1, {
-    ref: ref,
-    position: position
-  });
-};
-var showToast = function showToast(props) {
-  var position = props.position || "top-right";
-  if (!toastRefs.containers[position]) {
-    var containerDiv = document.createElement('div');
-    containerDiv.id = "toast-container-".concat(position);
-    document.body.appendChild(containerDiv);
-    ReactDOM.render(/*#__PURE__*/React__default.createElement(ToastContainer, {
-      position: position
-    }), containerDiv);
-  }
-  setTimeout(function () {
-    var toastRef = toastRefs.containers[position];
-    if (toastRef !== null && toastRef !== void 0 && toastRef.current) {
-      // Générer un ID unique pour ce toast
-      var toastId = "toast-".concat(Date.now(), "-").concat(Math.random());
-
-      // Initialiser l'état de taille ET position
-      var initialSize = props.size || 'M';
-      toastRefs.sizeStates.set(toastId, {
-        currentSize: initialSize,
-        isExpanded: initialSize === 'L',
-        currentPosition: position
-      });
-      var progressBarRef = {
-        current: null
-      };
-      var percentageTextRef = {
-        current: null
-      };
-
-      // Fonction pour changer la taille
-      var handleSizeChange = function handleSizeChange(newSize) {
-        var state = toastRefs.sizeStates.get(toastId);
-        if (!state) return;
-        state.currentSize = newSize;
-        state.isExpanded = newSize === 'L';
-
-        // Re-afficher le toast avec la nouvelle taille
-        toastRef.current.clear();
-        showToastWithState(toastId, _objectSpread2(_objectSpread2({}, props), {}, {
-          size: newSize
-        }));
-      };
-
-      // Nouvelle fonction pour changer la position
-      var handlePositionChange = function handlePositionChange(newPosition) {
-        var state = toastRefs.sizeStates.get(toastId);
-        if (!state) return;
-
-        // Effacer le toast de l'ancienne position
-        var oldToastRef = toastRefs.containers[state.currentPosition];
-        if (oldToastRef !== null && oldToastRef !== void 0 && oldToastRef.current) {
-          oldToastRef.current.clear();
-        }
-        state.currentPosition = newPosition;
-
-        // Créer le conteneur pour la nouvelle position si nécessaire
-        if (!toastRefs.containers[newPosition]) {
-          var _containerDiv = document.createElement('div');
-          _containerDiv.id = "toast-container-".concat(newPosition);
-          document.body.appendChild(_containerDiv);
-          ReactDOM.render(/*#__PURE__*/React__default.createElement(ToastContainer, {
-            position: newPosition
-          }), _containerDiv);
-        }
-
-        // Attendre que le nouveau conteneur soit prêt
-        setTimeout(function () {
-          showToastWithState(toastId, _objectSpread2(_objectSpread2({}, props), {}, {
-            position: newPosition
-          }));
-        }, 50);
-      };
-      var handleToggleSize = function handleToggleSize() {
-        var state = toastRefs.sizeStates.get(toastId);
-        if (!state || !props.sizeSModulable) return;
-        var newSize = state.currentSize === "S" ? "L" : "S";
-        handleSizeChange(newSize);
-      };
-      var classNameSizeS = function classNameSizeS(currentSize) {
-        switch (currentSize) {
-          case 'S':
-            return "toast_s--compact";
-          case 'L':
-            if (props.sizeSModulable === true) {
-              return "toast_s--large";
-            } else {
-              return "";
-            }
-          default:
-            return '';
-        }
-      };
-      var showToastWithState = function showToastWithState(id, currentProps) {
-        var state = toastRefs.sizeStates.get(id);
-        if (!state) return;
-        var currentToastRef = toastRefs.containers[state.currentPosition];
-        if (!(currentToastRef !== null && currentToastRef !== void 0 && currentToastRef.current)) return;
-        currentToastRef.current.show({
-          severity: currentProps.type || 'info',
-          life: currentProps.duration || 3000,
-          sticky: currentProps.sticky,
-          closable: currentProps.closable !== false,
-          summary: currentProps.title || '',
-          className: "".concat(classNameSizeS(state.currentSize), " ").concat(currentProps.type === "processing" ? "toast--processing" : ""),
-          content: function content() {
-            return /*#__PURE__*/React__default.createElement(RichMessage, {
-              icon: currentProps.icon,
-              type: currentProps.type,
-              size: state.currentSize,
-              title: currentProps.title,
-              message: currentProps.message,
-              enableHtmlContent: currentProps.enableHtmlContent,
-              currentPercentage: currentProps.percentage || 0,
-              link: currentProps.link,
-              links: currentProps.links,
-              attachedFiles: currentProps.attachedFiles,
-              enablePercentage: currentProps.enablePercentage,
-              sizeSModulable: currentProps.sizeSModulable,
-              isExpanded: state.isExpanded,
-              currentPosition: state.currentPosition,
-              onSizeChange: handleSizeChange,
-              onPositionChange: handlePositionChange,
-              toastRef: currentToastRef,
-              progressBarRef: progressBarRef,
-              percentageTextRef: percentageTextRef,
-              handleToggleSize: handleToggleSize
-            });
-          },
-          onRemove: function onRemove() {
-            // Nettoyer l'état quand le toast est supprimé
-            toastRefs.sizeStates["delete"](id);
-          }
-        });
-      };
-      showToastWithState(toastId, props);
-    }
-  }, 0);
-};
-if (typeof window !== 'undefined') {
-  window.showArengibookToast = showToast;
-}
-var RichMessage = function RichMessage(_ref3) {
-  var icon = _ref3.icon,
-    _ref3$type = _ref3.type,
-    type = _ref3$type === void 0 ? "info" : _ref3$type,
-    _ref3$size = _ref3.size,
-    size = _ref3$size === void 0 ? "M" : _ref3$size,
-    title = _ref3.title,
-    message = _ref3.message,
-    _ref3$enableHtmlConte = _ref3.enableHtmlContent,
-    enableHtmlContent = _ref3$enableHtmlConte === void 0 ? false : _ref3$enableHtmlConte,
-    link = _ref3.link,
-    _ref3$links = _ref3.links,
-    links = _ref3$links === void 0 ? [] : _ref3$links,
-    _ref3$attachedFiles = _ref3.attachedFiles,
-    attachedFiles = _ref3$attachedFiles === void 0 ? [] : _ref3$attachedFiles,
-    _ref3$enablePercentag = _ref3.enablePercentage,
-    enablePercentage = _ref3$enablePercentag === void 0 ? false : _ref3$enablePercentag,
-    currentPercentage = _ref3.currentPercentage,
-    sizeSModulable = _ref3.sizeSModulable,
-    _ref3$isExpanded = _ref3.isExpanded,
-    isExpanded = _ref3$isExpanded === void 0 ? false : _ref3$isExpanded,
-    progressBarRef = _ref3.progressBarRef,
-    percentageTextRef = _ref3.percentageTextRef,
-    handleToggleSize = _ref3.handleToggleSize;
-  var getIconByType = function getIconByType() {
-    switch (type) {
-      case "success":
-        return "pi pi-check-circle";
-      case "error":
-        return "pi pi-times-circle";
-      case "settingError":
-        return "pi pi-cog pi-times-circle";
-      case "warning":
-        return "pi pi-exclamation-triangle";
-      case "processing":
-        return "pi pi-spinner pi-spin";
-      case "info":
-      default:
-        return "pi pi-info-circle";
-    }
-  };
+    currentPercentage = _ref.currentPercentage,
+    sizeSModulable = _ref.sizeSModulable,
+    _ref$isExpanded = _ref.isExpanded,
+    isExpanded = _ref$isExpanded === void 0 ? false : _ref$isExpanded,
+    progressBarRef = _ref.progressBarRef,
+    percentageTextRef = _ref.percentageTextRef,
+    handleToggleSize = _ref.handleToggleSize;
   return /*#__PURE__*/React__default.createElement("div", {
     className: "toast-root"
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "toast-left"
   }, /*#__PURE__*/React__default.createElement("i", {
-    className: icon !== null && icon !== void 0 ? icon : getIconByType(),
+    className: icon !== null && icon !== void 0 ? icon : getIconByType(type),
     "aria-hidden": "true"
-  }), (size === "S" || size === "L" && sizeSModulable === true) && /*#__PURE__*/React__default.createElement("button", {
+  }), (size === "S" || size === "L" && sizeSModulable) && /*#__PURE__*/React__default.createElement("button", {
     type: "button",
-    onClick: function onClick() {
-      return handleToggleSize();
-    },
+    onClick: handleToggleSize,
     "aria-label": isExpanded ? "Réduire" : "Agrandir",
     className: "toast-action-btn"
   }, /*#__PURE__*/React__default.createElement("i", {
@@ -43060,6 +42782,228 @@ var RichMessage = function RichMessage(_ref3) {
   })))));
 };
 
+// Singleton pour l'empilement des toasts
+var toastRefs = {
+  containers: {},
+  sizeStates: {}};
+var ToastContainer = function ToastContainer(_ref2) {
+  var _ref2$position = _ref2.position,
+    position = _ref2$position === void 0 ? "top-right" : _ref2$position;
+  var ref = useRef(null);
+  useEffect(function () {
+    if (!toastRefs.containers[position]) {
+      toastRefs.containers[position] = ref;
+    }
+  }, [position]);
+  return /*#__PURE__*/React__default.createElement(Toast$1, {
+    ref: ref,
+    position: position
+  });
+};
+var Toast = function Toast(_ref3) {
+  var icon = _ref3.icon,
+    message = _ref3.message,
+    _ref3$enableHtmlConte = _ref3.enableHtmlContent,
+    enableHtmlContent = _ref3$enableHtmlConte === void 0 ? false : _ref3$enableHtmlConte,
+    _ref3$type = _ref3.type,
+    type = _ref3$type === void 0 ? "info" : _ref3$type,
+    _ref3$size = _ref3.size,
+    size = _ref3$size === void 0 ? "M" : _ref3$size,
+    _ref3$closable = _ref3.closable,
+    closable = _ref3$closable === void 0 ? true : _ref3$closable,
+    _ref3$position = _ref3.position,
+    position = _ref3$position === void 0 ? "top-right" : _ref3$position,
+    _ref3$duration = _ref3.duration,
+    duration = _ref3$duration === void 0 ? 3000 : _ref3$duration,
+    _ref3$autoShow = _ref3.autoShow,
+    autoShow = _ref3$autoShow === void 0 ? true : _ref3$autoShow,
+    onSizeChange = _ref3.onSizeChange,
+    title = _ref3.title,
+    sticky = _ref3.sticky,
+    _ref3$enablePercentag = _ref3.enablePercentage,
+    enablePercentage = _ref3$enablePercentag === void 0 ? false : _ref3$enablePercentag,
+    percentage = _ref3.percentage,
+    link = _ref3.link,
+    links = _ref3.links;
+    _ref3.datetimecreation;
+    var sizeSModulable = _ref3.sizeSModulable,
+    isExpanded = _ref3.isExpanded,
+    attachedFiles = _ref3.attachedFiles;
+  var toastRef = useRef(null);
+  var hasShownRef = useRef(false);
+  var progressBarRef = useRef(null);
+  var percentageTextRef = useRef(null);
+  var handleToggleSize = function handleToggleSize() {
+    if (!onSizeChange) return;
+    var newSize = size === "S" ? "L" : "S";
+    onSizeChange(newSize);
+    toastRef.current.clear();
+    hasShownRef.current = false;
+  };
+  var memoizedRichMessage = useMemo(function () {
+    return /*#__PURE__*/React__default.createElement(RichMessage, {
+      icon: icon,
+      type: type,
+      size: size,
+      title: title,
+      message: message,
+      enableHtmlContent: enableHtmlContent,
+      link: link,
+      links: links,
+      attachedFiles: attachedFiles,
+      enablePercentage: enablePercentage,
+      currentPercentage: percentage,
+      sizeSModulable: sizeSModulable,
+      isExpanded: isExpanded,
+      progressBarRef: progressBarRef,
+      percentageTextRef: percentageTextRef,
+      handleToggleSize: handleToggleSize
+    });
+  }, [icon, type, size, title, message, enableHtmlContent, link, links, attachedFiles, enablePercentage, percentage, sizeSModulable, isExpanded, handleToggleSize]);
+  useEffect(function () {
+    if (!toastRef.current || !autoShow || hasShownRef.current) return;
+    toastRef.current.show({
+      severity: type,
+      closable: closable,
+      life: duration,
+      sticky: sticky,
+      className: "".concat(getSizeClassName(size, sizeSModulable), " ").concat(type === "processing" ? "toast--processing" : ""),
+      content: function content() {
+        return memoizedRichMessage;
+      }
+    });
+    hasShownRef.current = true;
+  }, [autoShow, toastRef, memoizedRichMessage, type, closable, duration, sticky, size, sizeSModulable]);
+  useEffect(function () {
+    if (progressBarRef.current) {
+      progressBarRef.current.style.width = "".concat(percentage, "%");
+    }
+    if (percentageTextRef.current) {
+      percentageTextRef.current.textContent = "".concat(percentage, "%");
+    }
+  }, [percentage]);
+  useEffect(function () {
+    return function () {
+      if (toastRef.current) {
+        toastRef.current.clear();
+        hasShownRef.current = false;
+      }
+    };
+  }, []);
+  return /*#__PURE__*/React__default.createElement(Toast$1, {
+    ref: toastRef,
+    position: position
+  });
+};
+var showToast = function showToast(props) {
+  var position = props.position || "top-right";
+  if (!toastRefs.containers[position]) {
+    var containerDiv = document.createElement('div');
+    containerDiv.id = "toast-container-".concat(position);
+    document.body.appendChild(containerDiv);
+    ReactDOM.render(/*#__PURE__*/React__default.createElement(ToastContainer, {
+      position: position
+    }), containerDiv);
+  }
+  setTimeout(function () {
+    var toastRef = toastRefs.containers[position];
+    if (!(toastRef !== null && toastRef !== void 0 && toastRef.current)) return;
+    var toastId = "toast-".concat(Date.now(), "-").concat(Math.random());
+    var initialSize = props.size || 'M';
+    toastRefs.sizeStates[toastId] = {
+      currentSize: initialSize,
+      isExpanded: initialSize === 'L',
+      currentPosition: position
+    };
+    var progressBarRef = {
+      current: null
+    };
+    var percentageTextRef = {
+      current: null
+    };
+    var handleSizeChange = function handleSizeChange(newSize) {
+      var state = toastRefs.sizeStates[toastId];
+      if (!state) return;
+      state.currentSize = newSize;
+      state.isExpanded = newSize === 'L';
+      toastRef.current.clear();
+      showToastWithState(toastId, _objectSpread2(_objectSpread2({}, props), {}, {
+        size: newSize
+      }));
+    };
+    var handlePositionChange = function handlePositionChange(newPosition) {
+      var state = toastRefs.sizeStates[toastId];
+      if (!state) return;
+      var oldToastRef = toastRefs.containers[state.currentPosition];
+      if (oldToastRef !== null && oldToastRef !== void 0 && oldToastRef.current) {
+        oldToastRef.current.clear();
+      }
+      state.currentPosition = newPosition;
+      if (!toastRefs.containers[newPosition]) {
+        var _containerDiv = document.createElement('div');
+        _containerDiv.id = "toast-container-".concat(newPosition);
+        document.body.appendChild(_containerDiv);
+        ReactDOM.render(/*#__PURE__*/React__default.createElement(ToastContainer, {
+          position: newPosition
+        }), _containerDiv);
+      }
+      setTimeout(function () {
+        showToastWithState(toastId, _objectSpread2(_objectSpread2({}, props), {}, {
+          position: newPosition
+        }));
+      }, 50);
+    };
+    var handleToggleSize = function handleToggleSize() {
+      var state = toastRefs.sizeStates[toastId];
+      if (!state || !props.sizeSModulable) return;
+      var newSize = state.currentSize === "S" ? "L" : "S";
+      handleSizeChange(newSize);
+    };
+    var showToastWithState = function showToastWithState(id, currentProps) {
+      var state = toastRefs.sizeStates[id];
+      if (!state) return;
+      var currentToastRef = toastRefs.containers[state.currentPosition];
+      if (!(currentToastRef !== null && currentToastRef !== void 0 && currentToastRef.current)) return;
+      currentToastRef.current.show({
+        severity: currentProps.type || 'info',
+        life: currentProps.duration || 3000,
+        sticky: currentProps.sticky,
+        closable: currentProps.closable !== false,
+        summary: currentProps.title || '',
+        className: "".concat(getSizeClassName(state.currentSize, currentProps.sizeSModulable), " ").concat(currentProps.type === "processing" ? "toast--processing" : ""),
+        content: function content() {
+          return /*#__PURE__*/React__default.createElement(RichMessage, {
+            icon: currentProps.icon,
+            type: currentProps.type,
+            size: state.currentSize,
+            title: currentProps.title,
+            message: currentProps.message,
+            enableHtmlContent: currentProps.enableHtmlContent,
+            currentPercentage: currentProps.percentage || 0,
+            link: currentProps.link,
+            links: currentProps.links,
+            attachedFiles: currentProps.attachedFiles,
+            enablePercentage: currentProps.enablePercentage,
+            sizeSModulable: currentProps.sizeSModulable,
+            isExpanded: state.isExpanded,
+            currentPosition: state.currentPosition,
+            onSizeChange: handleSizeChange,
+            onPositionChange: handlePositionChange,
+            toastRef: currentToastRef,
+            progressBarRef: progressBarRef,
+            percentageTextRef: percentageTextRef,
+            handleToggleSize: handleToggleSize
+          });
+        }
+      });
+    };
+    showToastWithState(toastId, props);
+  }, 0);
+};
+if (typeof window !== 'undefined') {
+  window.showArengibookToast = showToast;
+}
+
 var ToastPresets = {
   Picto: {
     presetType: "base",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "arengibook",
   "private": false,
-  "version": "2.5.510",
+  "version": "2.5.511",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "exports": {