arengibook 3.0.0 → 3.1.0

package/dist/index.js

@@ -42997,87 +42997,76 @@ var Toast$1 = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function (in
 }));
 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";
+var css_248z = ".p-component {\n    font-size: 17px;\n}\n\n.pi {\n    font-size: 16px;\n}\n\n.toast-body {\n    margin-left: 10px;\n    overflow: hidden;\n    word-wrap: break-word;\n    overflow-wrap: break-word;\n}\n\n.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: 18px;\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);
 
-var Toast = function Toast(_ref) {
-  var icon = _ref.icon,
-    message = _ref.message,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? "info" : _ref$type,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? "M" : _ref$size,
-    _ref$closable = _ref.closable,
-    closable = _ref$closable === void 0 ? true : _ref$closable,
-    _ref$position = _ref.position,
-    position = _ref$position === void 0 ? "top-right" : _ref$position,
-    _ref$duration = _ref.duration,
-    duration = _ref$duration === void 0 ? 3000 : _ref$duration,
-    _ref$autoShow = _ref.autoShow,
-    autoShow = _ref$autoShow === void 0 ? true : _ref$autoShow,
-    _ref$reShowOnPropsCha = _ref.reShowOnPropsChange,
-    reShowOnPropsChange = _ref$reShowOnPropsCha === void 0 ? false : _ref$reShowOnPropsCha,
-    onSizeChange = _ref.onSizeChange,
+// Toast.jsx
+var ICONS = {
+  success: "pi pi-check-circle",
+  error: "pi pi-times-circle",
+  settingError: "pi pi-cog pi-times-circle",
+  warning: "pi pi-exclamation-triangle",
+  processing: "pi pi-spinner pi-spin",
+  info: "pi pi-info-circle"
+};
+var DEFAULTS = {
+  type: 'info',
+  closable: true,
+  duration: 3000,
+  position: 'top-right'
+};
+var ToastContent = function ToastContent(_ref) {
+  var type = _ref.type,
     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;
+    message = _ref.message,
+    closeOnLinkClick = _ref.closeOnLinkClick;
+  var handleClick = closeOnLinkClick ? function (e) {
+    if (e.target.tagName === 'A') {
+      var _e$target$closest;
+      (_e$target$closest = e.target.closest('.p-toast-message')) === null || _e$target$closest === void 0 || (_e$target$closest = _e$target$closest.querySelector('.p-toast-icon-close')) === null || _e$target$closest === void 0 || _e$target$closest.click();
+    }
+  } : undefined;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "toast-root"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "toast-left"
+  }, /*#__PURE__*/React__default.createElement("i", {
+    className: ICONS[type] || ICONS.info,
+    "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
+    },
+    onClick: handleClick
+  }))));
+};
+var Toast = function Toast(_ref2) {
+  var message = _ref2.message,
+    _ref2$type = _ref2.type,
+    type = _ref2$type === void 0 ? DEFAULTS.type : _ref2$type,
+    _ref2$closable = _ref2.closable,
+    closable = _ref2$closable === void 0 ? DEFAULTS.closable : _ref2$closable,
+    _ref2$position = _ref2.position,
+    position = _ref2$position === void 0 ? DEFAULTS.position : _ref2$position,
+    _ref2$duration = _ref2.duration,
+    duration = _ref2$duration === void 0 ? DEFAULTS.duration : _ref2$duration,
+    _ref2$autoShow = _ref2.autoShow,
+    autoShow = _ref2$autoShow === void 0 ? true : _ref2$autoShow,
+    _ref2$reShowOnPropsCh = _ref2.reShowOnPropsChange,
+    reShowOnPropsChange = _ref2$reShowOnPropsCh === void 0 ? false : _ref2$reShowOnPropsCh,
+    title = _ref2.title,
+    sticky = _ref2.sticky,
+    _ref2$closeOnLinkClic = _ref2.closeOnLinkClick,
+    closeOnLinkClick = _ref2$closeOnLinkClic === void 0 ? false : _ref2$closeOnLinkClic;
   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":
-        return "pi pi-check-circle";
-      case "error":
-        return "pi pi-times-circle";
-      case "settingError":
-        return "pi pi-cog pi-times-circle";
-      case "warning":
-        return "pi pi-exclamation-triangle";
-      case "processing":
-        return "pi pi-spinner pi-spin";
-      case "info":
-      default:
-        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;
@@ -43086,96 +43075,17 @@ var Toast = function Toast(_ref) {
       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 /*#__PURE__*/React__default.createElement(ToastContent, {
+          type: type,
+          title: title,
+          message: message,
+          closeOnLinkClick: closeOnLinkClick
+        });
       }
     });
     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]);
+  }, [message, type, closable, duration, autoShow, reShowOnPropsChange, title, sticky, closeOnLinkClick]);
   return /*#__PURE__*/React__default.createElement(Toast$1, {
     ref: toastRef,
     position: position
@@ -43192,28 +43102,41 @@ var ToastContainer = function ToastContainer() {
   }, []);
   return /*#__PURE__*/React__default.createElement(Toast$1, {
     ref: ref,
-    position: "top-right"
+    position: DEFAULTS.position
   });
 };
-
-// Fonction globale simple
-var showToast = function showToast(props) {
+var showToast = function showToast(_ref3) {
+  var _ref3$type = _ref3.type,
+    type = _ref3$type === void 0 ? DEFAULTS.type : _ref3$type,
+    _ref3$duration = _ref3.duration,
+    duration = _ref3$duration === void 0 ? DEFAULTS.duration : _ref3$duration,
+    _ref3$closable = _ref3.closable,
+    closable = _ref3$closable === void 0 ? DEFAULTS.closable : _ref3$closable,
+    sticky = _ref3.sticky,
+    title = _ref3.title,
+    message = _ref3.message,
+    closeOnLinkClick = _ref3.closeOnLinkClick;
   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',
-        summary: props.title || '',
-        detail: props.message,
-        life: props.duration || 3000,
-        sticky: props.sticky,
-        closable: props.closable !== false
-      });
-    }
+    var _toastRef;
+    (_toastRef = toastRef) === null || _toastRef === void 0 || _toastRef.show({
+      severity: type,
+      life: duration,
+      sticky: sticky,
+      closable: closable,
+      content: function content() {
+        return /*#__PURE__*/React__default.createElement(ToastContent, {
+          type: type,
+          title: title,
+          message: message,
+          closeOnLinkClick: closeOnLinkClick
+        });
+      }
+    });
   }, 0);
 };
 if (typeof window !== 'undefined') {
@@ -43355,6 +43278,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,
@@ -43401,6 +43325,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": "3.0.0",
+  "version": "3.1.0",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "exports": {