arengibook 2.5.509 → 2.5.510

package/dist/index.js

@@ -42773,39 +42773,55 @@ 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
+      // Initialiser l'état de taille ET position
       var initialSize = props.size || 'M';
       toastRefs.sizeStates.set(toastId, {
         currentSize: initialSize,
-        isExpanded: initialSize === 'L'
+        isExpanded: initialSize === 'L',
+        currentPosition: position
       });
       var progressBarRef = {
         current: null
@@ -42822,11 +42838,41 @@ var showToast = function showToast(props) {
         state.isExpanded = newSize === 'L';
 
         // Re-afficher le toast avec la nouvelle taille
-        toastRefs.toastRef.current.clear();
+        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;
@@ -42850,7 +42896,9 @@ var showToast = function showToast(props) {
       var showToastWithState = function showToastWithState(id, currentProps) {
         var state = toastRefs.sizeStates.get(id);
         if (!state) return;
-        toastRefs.toastRef.current.show({
+        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,
@@ -42872,9 +42920,10 @@ var showToast = function showToast(props) {
               enablePercentage: currentProps.enablePercentage,
               sizeSModulable: currentProps.sizeSModulable,
               isExpanded: state.isExpanded,
+              currentPosition: state.currentPosition,
               onSizeChange: handleSizeChange,
-              toastRef: toastRefs.toastRef,
-              hasShownRef: toastRefs.hasShownRef,
+              onPositionChange: handlePositionChange,
+              toastRef: currentToastRef,
               progressBarRef: progressBarRef,
               percentageTextRef: percentageTextRef,
               handleToggleSize: handleToggleSize
@@ -42893,30 +42942,30 @@ var showToast = function showToast(props) {
 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.509",
+  "version": "2.5.510",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "exports": {