@dust-tt/sparkle 0.2.254-rc-1 → 0.2.254-rc-2

package/dist/cjs/index.js

@@ -107753,7 +107753,7 @@ var modalStyles = (_a = {},
     _a);
 var getModalClasses = function (type) { return modalStyles[type] || {}; };
 function Modal(_a) {
-    var isOpen = _a.isOpen, onClose = _a.onClose, action = _a.action, children = _a.children, hasChanged = _a.hasChanged, onSave = _a.onSave, _b = _a.saveLabel, saveLabel = _b === void 0 ? "Save" : _b, isSaving = _a.isSaving, savingLabel = _a.savingLabel, title = _a.title, _c = _a.variant, variant = _c === void 0 ? "side-sm" : _c, className = _a.className;
+    var action = _a.action, alertModal = _a.alertModal, children = _a.children, className = _a.className, hasChanged = _a.hasChanged, isOpen = _a.isOpen, isSaving = _a.isSaving, onClose = _a.onClose, onSave = _a.onSave, _b = _a.saveLabel, saveLabel = _b === void 0 ? "Save" : _b, savingLabel = _a.savingLabel, title = _a.title, _c = _a.variant, variant = _c === void 0 ? "side-sm" : _c;
     var type = variantToType[variant];
     if (variant === "dialogue") {
         console.warn("Dialogue variant of Modal is deprecated. Please use either another variant of Modal or the Dialog component.");
@@ -107774,8 +107774,8 @@ function Modal(_a) {
     var _d = getModalClasses(type), containerClasses = _d.containerClasses, transitionEnterFrom = _d.transitionEnterFrom, transitionLeaveFrom = _d.transitionLeaveFrom, transitionEnterTo = _d.transitionEnterTo, transitionLeaveTo = _d.transitionLeaveTo, panelClasses = _d.panelClasses, innerContainerClasses = _d.innerContainerClasses;
     return (React.createElement(qe, { show: isOpen, as: React.Fragment, appear: true },
         React.createElement(_t, { as: "div", className: "s-fixed s-absolute s-inset-0 s-z-50 s-overflow-hidden", onClose: function () {
-                // We allow closing the modal by clicking outside of it only if there are no changes
-                if (!hasChanged) {
+                // Close modal on outside click if no changes or not an alert.
+                if (!hasChanged && !alertModal) {
                     onClose();
                 }
             } },
@@ -107784,7 +107784,7 @@ function Modal(_a) {
             React.createElement("div", { className: classNames(containerClasses, variantSize[variant]) },
                 React.createElement(qe.Child, { as: React.Fragment, enter: "s-ease-out s-duration-300", enterFrom: transitionEnterFrom, enterTo: transitionEnterTo, leave: "s-ease-in s-duration-200", leaveFrom: transitionLeaveFrom, leaveTo: transitionLeaveTo },
                     React.createElement(_t.Panel, { className: classNames("s-absolute s-transform s-bg-structure-0 s-px-3 s-transition-all sm:s-px-4", panelClasses, variantSize[variant]) },
-                        React.createElement(BarHeader, { title: title || "", leftActions: action ? React.createElement(Button, __assign({}, action)) : undefined, rightActions: React.createElement(BarHeader.ButtonBar, __assign({}, buttonBarProps)) }),
+                        React.createElement(BarHeader, { title: title || "", leftActions: action ? React.createElement(Button, __assign({}, action)) : undefined, rightActions: alertModal ? undefined : (React.createElement(BarHeader.ButtonBar, __assign({}, buttonBarProps))) }),
                         React.createElement("div", { className: classNames("s-pb-6 s-pt-16", innerContainerClasses, className !== null && className !== void 0 ? className : "") }, children)))))));
 }