arengibook 2.5.507 → 2.5.509

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,
@@ -42778,7 +42777,8 @@ var toastRefs = {
   hasShownRef: {
     current: false
   },
-  container: null
+  container: null,
+  sizeStates: new Map()
 };
 var ToastContainer = function ToastContainer() {
   var ref = useRef(null);
@@ -42798,54 +42798,95 @@ var showToast = function showToast(props) {
   }
   setTimeout(function () {
     if (toastRefs.toastRef) {
+      // Générer un ID unique pour ce toast
+      var toastId = "toast-".concat(Date.now(), "-").concat(Math.random());
+
+      // Initialiser l'état de taille
+      var initialSize = props.size || 'M';
+      toastRefs.sizeStates.set(toastId, {
+        currentSize: initialSize,
+        isExpanded: initialSize === 'L'
+      });
       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
+        toastRefs.toastRef.current.clear();
+        showToastWithState(toastId, _objectSpread2(_objectSpread2({}, props), {}, {
+          size: newSize
+        }));
+      };
       var handleToggleSize = function handleToggleSize() {
-        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;
-        }
+        var state = toastRefs.sizeStates.get(toastId);
+        if (!state || !props.sizeSModulable) return;
+        var newSize = state.currentSize === "S" ? "L" : "S";
+        handleSizeChange(newSize);
       };
-      toastRefs.toastRef.current.show({
-        severity: props.type || 'info',
-        life: props.duration || 3000,
-        sticky: props.sticky,
-        closable: props.closable !== false,
-        summary: props.title || '',
-        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 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;
+        toastRefs.toastRef.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,
+              onSizeChange: handleSizeChange,
+              toastRef: toastRefs.toastRef,
+              hasShownRef: toastRefs.hasShownRef,
+              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);
 };

package/package.json

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