@dust-tt/sparkle 0.2.117 → 0.2.119

package/dist/cjs/components/Dialog.d.ts

@@ -10,5 +10,5 @@ type ModalProps = {
     validateVariant?: "primary" | "primaryWarning";
     isSaving?: boolean;
 };
-export declare function Dialog({ isOpen, children, onCancel, onValidate, cancelLabel, validateLabel, validateVariant, title, }: ModalProps): React.JSX.Element;
+export declare function Dialog({ isOpen, children, onCancel, onValidate, cancelLabel, validateLabel, validateVariant, title, isSaving, }: ModalProps): React.JSX.Element;
 export {};

package/dist/cjs/index.js

@@ -32431,7 +32431,7 @@ function Banner(_a) {
     React.useEffect(function () {
         setIsDismissed(hidden);
     }, [hidden]);
-    return isDismissed ? (React.createElement(React.Fragment, null)) : (React.createElement("div", { className: classNames(variantClasses[variant], "sm:s-before:flex-1 s-flex s-min-h-16 s-items-center s-px-6 s-py-4 s-text-sm sm:s-px-3.5", className) },
+    return isDismissed ? (React.createElement(React.Fragment, null)) : (React.createElement("div", { className: classNames(variantClasses[variant], "sm:s-before:flex-1 s-min-h-16 s-flex s-items-center s-px-6 s-py-4 s-text-sm sm:s-px-3.5", className) },
         children,
         allowDismiss && (React.createElement("div", { className: "s-flex s-flex-1 s-items-center s-justify-end" },
             React.createElement("span", { className: "s-sr-only" }, "Dismiss"),
@@ -33784,7 +33784,7 @@ function ElementModal(_a) {
 }
 
 function Dialog(_a) {
-    var isOpen = _a.isOpen, children = _a.children, 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, title = _a.title;
+    var isOpen = _a.isOpen, children = _a.children, 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, title = _a.title, isSaving = _a.isSaving;
     return (React.createElement(tt, { show: isOpen, as: React.Fragment, appear: true },
         React.createElement(_t, { as: "div", className: "s-relative s-z-50", onClose: onCancel },
             React.createElement(tt.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" },
@@ -33797,8 +33797,10 @@ function Dialog(_a) {
                             React.createElement("div", { className: "s-text-base s-text-element-700" }, children),
                             React.createElement("div", { className: "s-flex s-w-full s-justify-end" },
                                 React.createElement(Button.List, null,
-                                    React.createElement(Button, { label: cancelLabel, variant: "tertiary", onClick: onCancel }),
-                                    React.createElement(Button, { label: validateLabel, variant: validateVariant, onClick: onValidate }))))))))));
+                                    !isSaving && (React.createElement(React.Fragment, null,
+                                        React.createElement(Button, { label: cancelLabel, variant: "tertiary", onClick: onCancel }),
+                                        React.createElement(Button, { label: validateLabel, variant: validateVariant, onClick: onValidate }))),
+                                    isSaving && React.createElement(Spinner, null))))))))));
 }
 
 var sizeInputClasses = {