@dust-tt/sparkle 0.2.245 → 0.2.247

package/dist/cjs/index.js

@@ -103571,10 +103571,13 @@ DataTable.Caption = function Caption(_a) {
 };
 
 function Dialog(_a) {
-    var title = _a.title, isOpen = _a.isOpen, children = _a.children, disabled = _a.disabled, onCancel = _a.onCancel, onValidate = _a.onValidate, _b = _a.cancelLabel, cancelLabel = _b === void 0 ? "Cancel" : _b, _c = _a.validateLabel, validateLabel = _c === void 0 ? "Ok" : _c, _d = _a.validateVariant, validateVariant = _d === void 0 ? "primary" : _d, isSaving = _a.isSaving, _e = _a.backgroundType, backgroundType = _e === void 0 ? "none" : _e;
+    var _b;
+    var _c = _a.backgroundType, backgroundType = _c === void 0 ? "none" : _c, children = _a.children, disabled = _a.disabled, isOpen = _a.isOpen, isSaving = _a.isSaving, title = _a.title, _d = _a.validateLabel, validateLabel = _d === void 0 ? "Ok" : _d, _e = _a.validateVariant, validateVariant = _e === void 0 ? "primary" : _e, onValidate = _a.onValidate, props = __rest(_a, ["backgroundType", "children", "disabled", "isOpen", "isSaving", "title", "validateLabel", "validateVariant", "onValidate"]);
     var referentRef = React.useRef(null);
     return (React.createElement(qe, { show: isOpen, as: React.Fragment, appear: true },
-        React.createElement(_t, { as: "div", className: "s-relative s-z-50", onClose: onCancel },
+        React.createElement(_t, { as: "div", className: "s-relative s-z-50", 
+            // If it's an alert dialog, we don't want to close it when clicking outside.
+            onClose: props.alertDialog ? function () { } : props.onCancel, role: props.alertDialog ? "alertdialog" : "dialog" },
             React.createElement(qe.Child, { as: React.Fragment, enter: "s-ease-out s-duration-150", enterFrom: "s-opacity-0", enterTo: "s-opacity-100", leave: "s-ease-in s-duration-150", leaveFrom: "s-opacity-100", leaveTo: "s-opacity-0" },
                 React.createElement("div", { className: "s-fixed s-inset-0 s-bg-structure-50/80 s-backdrop-blur-sm s-transition-opacity" })),
             React.createElement("div", { className: "s-fixed s-inset-0 s-z-50" },
@@ -103586,7 +103589,7 @@ function Dialog(_a) {
                             React.createElement("div", { className: "s-flex s-w-full s-justify-end" },
                                 React.createElement(Button.List, null,
                                     !isSaving && (React.createElement(React.Fragment, null,
-                                        React.createElement(Button, { label: cancelLabel, variant: "tertiary", onClick: onCancel }),
+                                        !props.alertDialog && (React.createElement(Button, { label: (_b = props.cancelLabel) !== null && _b !== void 0 ? _b : "Cancel", variant: "tertiary", onClick: props.onCancel })),
                                         React.createElement(Button, { disabled: disabled, label: validateLabel, variant: validateVariant, onClick: onValidate }))),
                                     isSaving && React.createElement(Spinner, { variant: "color" }))),
                             backgroundType !== "none" && (React.createElement("div", { className: "s-absolute s-bottom-0 s-left-0 s-right-0 s-top-0 s-z-0" },