arengibook 2.5.3 → 2.5.5

package/dist/index.js

@@ -42656,6 +42656,8 @@ styleInject(css_248z);
 var Toast = function Toast(_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,
@@ -42764,7 +42766,8 @@ var Toast = function Toast(_ref) {
           className: "toast-title"
         }, title), /*#__PURE__*/React__default.createElement("div", {
           className: "toast-message"
-        }, datetimecreation ? /*#__PURE__*/React__default.createElement("div", {
+        }, enableHtmlContent ? /*#__PURE__*/React__default.createElement("div", {
+          className: "toast-html-content",
           dangerouslySetInnerHTML: {
             __html: message
           }
@@ -42835,14 +42838,43 @@ var Toast = function Toast(_ref) {
   });
 };
 
-// Fonction globale pour afficher un toast simplement
-var showToast = function showToast(props) {
-  var container = document.createElement('div');
-  document.body.appendChild(container);
-  ReactDOM.render(/*#__PURE__*/React__default.createElement(Toast, props), container);
+// Singleton pour l'empilement des toasts
+var toastRef = null;
+var container = null;
+var ToastContainer = function ToastContainer() {
+  var ref = useRef(null);
+  useEffect(function () {
+    toastRef = ref.current;
+  }, []);
+  return /*#__PURE__*/React__default.createElement(Toast$1, {
+    ref: ref,
+    position: "top-right"
+  });
 };
 
-// Expose globalement
+// Fonction globale simple
+var showToast = function showToast(props) {
+  if (!container) {
+    container = document.createElement('div');
+    document.body.appendChild(container);
+    ReactDOM.render(/*#__PURE__*/React__default.createElement(ToastContainer, null), container);
+  }
+  setTimeout(function () {
+    if (toastRef) {
+      toastRef.show({
+        severity: props.type || 'info',
+        life: props.duration || 3000,
+        sticky: props.sticky,
+        closable: props.closable !== false,
+        content: function content() {
+          return /*#__PURE__*/React__default.createElement(Toast, _extends$G({}, props, {
+            autoShow: false
+          }));
+        }
+      });
+    }
+  }, 0);
+};
 if (typeof window !== 'undefined') {
   window.showArengibookToast = showToast;
 }
@@ -42982,6 +43014,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,
@@ -43028,6 +43061,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.03",
+  "version": "2.5.05",
   "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",