arengibook 2.5.508 → 2.5.510

package/dist/index.js

@@ -42653,7 +42653,6 @@ 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);
 
-// Toast.jsx
 var Toast = function Toast(_ref) {
   var icon = _ref.icon,
     message = _ref.message,
@@ -42774,51 +42773,114 @@ var Toast = function Toast(_ref) {
 
 // Singleton pour l'empilement des toasts
 var toastRefs = {
-  toastRef: null,
-  hasShownRef: {
-    current: false
-  },
-  container: null
+  containers: {},
+  sizeStates: new Map()
 };
-var ToastContainer = function ToastContainer() {
+
+// 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 () {
-    toastRefs.toastRef = ref;
-  }, []);
+    if (!toastRefs.containers[position]) {
+      toastRefs.containers[position] = ref;
+    }
+  }, [position]);
   return /*#__PURE__*/React__default.createElement(Toast$1, {
     ref: ref,
-    position: "top-right"
+    position: position
   });
 };
 var showToast = function showToast(props) {
-  if (!toastRefs.container) {
-    toastRefs.container = document.createElement('div');
-    document.body.appendChild(toastRefs.container);
-    ReactDOM.render(/*#__PURE__*/React__default.createElement(ToastContainer, null), toastRefs.container);
+  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 () {
-    if (toastRefs.toastRef) {
+    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
       };
-      var handleToggleSize = function handleToggleSize() {
-        console.log(props);
-        if (!props.onSizeChange) return;
-        if (props.size === "S") {
-          props.onSizeChange("L");
-          toastRefs.toastRef.current.clear();
-          toastRefs.hasShownRef.current = false;
-        } else if (props.size === "L") {
-          props.onSizeChange("S");
-          toastRefs.toastRef.current.clear();
-          toastRefs.hasShownRef.current = false;
+
+      // 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 classNameSizeS = function classNameSizeS() {
-        switch (props.size) {
+      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':
@@ -42831,67 +42893,79 @@ var showToast = function showToast(props) {
             return '';
         }
       };
-      toastRefs.toastRef.current.show({
-        severity: props.type || 'info',
-        life: props.duration || 3000,
-        sticky: props.sticky,
-        closable: props.closable !== false,
-        summary: props.title || '',
-        className: "".concat(classNameSizeS(), " ").concat(props.type === "processing" ? "toast--processing" : ""),
-        content: function content() {
-          return /*#__PURE__*/React__default.createElement(RichMessage, {
-            icon: props.icon,
-            type: props.type,
-            size: props.size,
-            title: props.title,
-            message: props.message,
-            enableHtmlContent: props.enableHtmlContent,
-            currentPercentage: props.percentage || 0,
-            link: props.link,
-            links: props.links,
-            attachedFiles: props.attachedFiles,
-            enablePercentage: props.enablePercentage,
-            sizeSModulable: props.sizeSModulable,
-            isExpanded: props.isExpanded,
-            onSizeChange: props.onSizeChange,
-            toastRef: toastRefs.toastRef,
-            hasShownRef: toastRefs.hasShownRef,
-            progressBarRef: progressBarRef,
-            percentageTextRef: percentageTextRef,
-            handleToggleSize: handleToggleSize
-          });
-        }
-      });
+      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(_ref2) {
-  var icon = _ref2.icon,
-    _ref2$type = _ref2.type,
-    type = _ref2$type === void 0 ? "info" : _ref2$type,
-    _ref2$size = _ref2.size,
-    size = _ref2$size === void 0 ? "M" : _ref2$size,
-    title = _ref2.title,
-    message = _ref2.message,
-    _ref2$enableHtmlConte = _ref2.enableHtmlContent,
-    enableHtmlContent = _ref2$enableHtmlConte === void 0 ? false : _ref2$enableHtmlConte,
-    link = _ref2.link,
-    _ref2$links = _ref2.links,
-    links = _ref2$links === void 0 ? [] : _ref2$links,
-    _ref2$attachedFiles = _ref2.attachedFiles,
-    attachedFiles = _ref2$attachedFiles === void 0 ? [] : _ref2$attachedFiles,
-    _ref2$enablePercentag = _ref2.enablePercentage,
-    enablePercentage = _ref2$enablePercentag === void 0 ? false : _ref2$enablePercentag,
-    currentPercentage = _ref2.currentPercentage,
-    sizeSModulable = _ref2.sizeSModulable,
-    _ref2$isExpanded = _ref2.isExpanded,
-    isExpanded = _ref2$isExpanded === void 0 ? false : _ref2$isExpanded,
-    progressBarRef = _ref2.progressBarRef,
-    percentageTextRef = _ref2.percentageTextRef,
-    handleToggleSize = _ref2.handleToggleSize;
+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":

package/package.json

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