arengibook 2.5.4 → 2.5.6

package/dist/index.js

@@ -42653,6 +42653,7 @@ 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,
@@ -42670,26 +42671,11 @@ var Toast = function Toast(_ref) {
     autoShow = _ref$autoShow === void 0 ? true : _ref$autoShow,
     _ref$reShowOnPropsCha = _ref.reShowOnPropsChange,
     reShowOnPropsChange = _ref$reShowOnPropsCha === void 0 ? false : _ref$reShowOnPropsCha,
-    onSizeChange = _ref.onSizeChange,
     title = _ref.title,
     sticky = _ref.sticky,
-    _ref$enablePercentage = _ref.enablePercentage,
-    enablePercentage = _ref$enablePercentage === void 0 ? false : _ref$enablePercentage,
-    percentage = _ref.percentage,
-    link = _ref.link,
-    links = _ref.links,
-    datetimecreation = _ref.datetimecreation,
-    sizeSModulable = _ref.sizeSModulable,
-    isExpanded = _ref.isExpanded,
-    attachedFiles = _ref.attachedFiles;
+    datetimecreation = _ref.datetimecreation;
   var toastRef = useRef(null);
   var hasShownRef = useRef(false);
-  var progressBarRef = useRef(null);
-  var percentageTextRef = useRef(null);
-  var _useState = useState(percentage),
-    _useState2 = _slicedToArray$a(_useState, 2),
-    currentPercentage = _useState2[0],
-    setCurrentPercentage = _useState2[1];
   var getIconByType = function getIconByType() {
     switch (type) {
       case "success":
@@ -42707,128 +42693,39 @@ var Toast = function Toast(_ref) {
         return "pi pi-info-circle";
     }
   };
-  var handleToggleSize = function handleToggleSize() {
-    if (!onSizeChange) return;
-    if (size === "S") {
-      onSizeChange("L");
-      toastRef.current.clear();
-    } else if (size === "L") {
-      onSizeChange("S");
-      toastRef.current.clear();
-    }
-  };
-  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 '';
-    }
-  };
   useEffect(function () {
     if (!toastRef.current || !autoShow) return;
     if (hasShownRef.current && !reShowOnPropsChange) return;
+    var _content = /*#__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(),
+      "aria-hidden": "true"
+    })), /*#__PURE__*/React__default.createElement("div", {
+      className: "toast-body"
+    }, title && /*#__PURE__*/React__default.createElement("div", {
+      className: "toast-title"
+    }, title), /*#__PURE__*/React__default.createElement("div", {
+      className: "toast-message"
+    }, /*#__PURE__*/React__default.createElement("div", {
+      className: "toast-html-content",
+      dangerouslySetInnerHTML: {
+        __html: message
+      }
+    }))));
     toastRef.current.show({
       severity: type,
       closable: closable,
       life: duration,
       sticky: sticky,
-      className: "".concat(classNameSizeS(), " ").concat(type === "processing" ? "toast--processing" : ""),
-      // toast--processing est le css à
-      // personnaliser pour obtenir le loader souhaité par Camille
-
       content: function content() {
-        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(),
-          "aria-hidden": "true"
-        }), (size === "S" || size === "L" && sizeSModulable === true) && /*#__PURE__*/React__default.createElement("button", {
-          type: "button",
-          onClick: handleToggleSize,
-          "aria-label": isExpanded ? "Réduire" : "Agrandir",
-          className: "toast-action-btn"
-        }, /*#__PURE__*/React__default.createElement("i", {
-          className: isExpanded ? "pi pi-window-minimize" : "pi pi-window-maximize"
-        }))), size !== "S" && /*#__PURE__*/React__default.createElement("div", {
-          className: "toast-body"
-        }, title && (size === "M" || size === "L") && /*#__PURE__*/React__default.createElement("div", {
-          className: "toast-title"
-        }, title), /*#__PURE__*/React__default.createElement("div", {
-          className: "toast-message"
-        }, datetimecreation ? /*#__PURE__*/React__default.createElement("div", {
-          dangerouslySetInnerHTML: {
-            __html: message
-          }
-        }) : message), link && size === "L" && /*#__PURE__*/React__default.createElement("div", {
-          className: "toast-link"
-        }, /*#__PURE__*/React__default.createElement("a", {
-          href: link.url,
-          target: "_blank",
-          rel: "noopener noreferrer"
-        }, link.label)), Array.isArray(links) && links.length > 0 && size === "L" && /*#__PURE__*/React__default.createElement("ul", {
-          className: "toast-links"
-        }, links.map(function (link, index) {
-          return /*#__PURE__*/React__default.createElement("li", {
-            key: index
-          }, /*#__PURE__*/React__default.createElement("a", {
-            href: link.url,
-            target: "_blank",
-            rel: "noopener noreferrer"
-          }, link.label));
-        })), Array.isArray(attachedFiles) && attachedFiles.length > 0 && size === "L" && /*#__PURE__*/React__default.createElement("div", {
-          className: "toast-attached-files"
-        }, /*#__PURE__*/React__default.createElement("div", {
-          className: "toast-attached-files-title"
-        }, "Pi\xE8ces jointes"), /*#__PURE__*/React__default.createElement("ul", {
-          className: "toast-attached-files-list"
-        }, attachedFiles.map(function (file, index) {
-          return /*#__PURE__*/React__default.createElement("li", {
-            key: index
-          }, /*#__PURE__*/React__default.createElement("a", {
-            href: file.url,
-            target: "_blank",
-            rel: "noopener noreferrer"
-          }, /*#__PURE__*/React__default.createElement("i", {
-            className: "pi pi-paperclip",
-            "aria-hidden": "true"
-          }), /*#__PURE__*/React__default.createElement("span", null, file.name)));
-        }))), size === "L" && enablePercentage && /*#__PURE__*/React__default.createElement("div", {
-          className: "toast-percentage"
-        }, /*#__PURE__*/React__default.createElement("div", {
-          className: "toast-percentage-label"
-        }, /*#__PURE__*/React__default.createElement("span", {
-          ref: percentageTextRef
-        }, currentPercentage, "%")), /*#__PURE__*/React__default.createElement("div", {
-          className: "toast-percentage-bar"
-        }, /*#__PURE__*/React__default.createElement("div", {
-          ref: progressBarRef,
-          className: "toast-percentage-bar-fill",
-          style: {
-            width: "".concat(currentPercentage, "%")
-          }
-        })))));
+        return _content;
       }
     });
     hasShownRef.current = true;
-  }, [icon, message, type, size, closable, duration, autoShow, reShowOnPropsChange, title, sticky, enablePercentage, link, datetimecreation, sizeSModulable, isExpanded]);
-  useEffect(function () {
-    setCurrentPercentage(percentage);
-    if (progressBarRef.current) {
-      progressBarRef.current.style.width = "".concat(percentage, "%");
-    }
-    if (percentageTextRef.current) {
-      percentageTextRef.current.textContent = "".concat(percentage, "%");
-    }
-  }, [percentage]);
+  }, [icon, message, type, size, closable, duration, autoShow, reShowOnPropsChange, title, sticky, datetimecreation]);
   return /*#__PURE__*/React__default.createElement(Toast$1, {
     ref: toastRef,
     position: position
@@ -42848,8 +42745,6 @@ var ToastContainer = function ToastContainer() {
     position: "top-right"
   });
 };
-
-// Fonction globale simple
 var showToast = function showToast(props) {
   if (!container) {
     container = document.createElement('div');
@@ -42860,11 +42755,20 @@ var showToast = function showToast(props) {
     if (toastRef) {
       toastRef.show({
         severity: props.type || 'info',
-        summary: props.title || '',
-        detail: props.message,
         life: props.duration || 3000,
         sticky: props.sticky,
-        closable: props.closable !== false
+        closable: props.closable !== false,
+        summary: props.title || '',
+        content: /*#__PURE__*/React__default.createElement("div", {
+          className: "p-toast-message-content"
+        }, props.title && /*#__PURE__*/React__default.createElement("span", {
+          className: "p-toast-summary"
+        }, props.title), /*#__PURE__*/React__default.createElement("div", {
+          className: "p-toast-detail",
+          dangerouslySetInnerHTML: {
+            __html: props.message
+          }
+        }))
       });
     }
   }, 0);
@@ -43008,6 +42912,7 @@ var ToastPresets = {
     type: "processing",
     size: "L",
     title: "Tâche en cours",
+    enableHtmlContent: true,
     datetimecreation: "12.01.2026 à 11h18",
     message: "Le programme a commencé le <strong>{{datetimecreation}}</strong>.\n\n" + "Vous serez averti par mail de la fin de son exécution.\n\n" + "Vous pouvez également suivre son exécution en cliquant sur ce lien.",
     closable: true,
@@ -43054,6 +42959,17 @@ var ToastPresets = {
     reShowOnPropsChange: true,
     sizeSModulable: true,
     enablePercentage: true
+  },
+  BackendHtmlContent: {
+    type: "success",
+    size: "L",
+    title: "Résultat du traitement",
+    enableHtmlContent: true,
+    message: "\n        <div style=\"display:flex; flex-direction:column; gap:0.75rem;\">\n            <strong style=\"color:#16a34a;\">\n                \u2714 Traitement termin\xE9 avec succ\xE8s\n            </strong>\n\n            <p>\n                Le fichier a \xE9t\xE9 g\xE9n\xE9r\xE9 par le backend Symfony.\n            </p>\n\n            <a\n                href=\"https://example.com/result\"\n                target=\"_blank\"\n                style=\"color:#2563eb; text-decoration:underline;\"\n            >\n                Voir le r\xE9sultat\n            </a>\n\n            <button\n                style=\"\n                    margin-top:0.5rem;\n                    padding:0.4rem 0.75rem;\n                    background:#2563eb;\n                    color:white;\n                    border:none;\n                    border-radius:4px;\n                    cursor:pointer;\n                \"\n                onclick=\"alert('T\xE9l\xE9chargement d\xE9clench\xE9')\"\n            >\n                T\xE9l\xE9charger\n            </button>\n        </div>\n    ",
+    sticky: true,
+    closable: true,
+    autoShow: true,
+    reShowOnPropsChange: true
   }
 };
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "arengibook",
   "private": false,
-  "version": "2.5.04",
+  "version": "2.5.6",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "exports": {
@@ -13,7 +13,7 @@
   ],
   "scripts": {
     "dev": "vite",
-    "build": "rollup -cCh",
+    "build": "rollup -c",
     "lint": "eslint .",
     "preview": "vite preview",
     "storybook": "storybook dev -p 6006",