@dust-tt/sparkle 0.1.90 → 0.1.92

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

@@ -10,5 +10,5 @@ interface ModalProps {
     title?: string;
     isFullScreen?: boolean;
 }
-export declare function Modal({ isOpen, onClose, children, hasChanged, onSave, title, isFullScreen, }: ModalProps): React.JSX.Element;
+export declare function Modal({ isOpen, onClose, action, children, hasChanged, onSave, title, isFullScreen, }: ModalProps): React.JSX.Element;
 export {};

package/dist/cjs/index.js

@@ -32769,7 +32769,7 @@ function IconToggleButton(_a) {
 }
 
 function Modal(_a) {
-    var isOpen = _a.isOpen, onClose = _a.onClose, children = _a.children, hasChanged = _a.hasChanged, onSave = _a.onSave, title = _a.title, _b = _a.isFullScreen, isFullScreen = _b === void 0 ? false : _b;
+    var isOpen = _a.isOpen, onClose = _a.onClose, action = _a.action, children = _a.children, hasChanged = _a.hasChanged, onSave = _a.onSave, title = _a.title, _b = _a.isFullScreen, isFullScreen = _b === void 0 ? false : _b;
     var buttonBarProps = hasChanged
         ? {
             variant: "validate",
@@ -32790,7 +32790,7 @@ function Modal(_a) {
                         React.createElement(_t.Panel, { className: classNames("s-relative s-transform s-overflow-hidden s-bg-white s-px-4 s-transition-all sm:s-px-6", isFullScreen
                                 ? "s-m-0 s-h-full s-max-h-full s-w-full s-max-w-full"
                                 : "s-max-w-2xl s-rounded-lg s-shadow-xl lg:s-w-1/2") },
-                            React.createElement(BarHeader, { title: title || "", rightActions: React.createElement(BarHeader.ButtonBar, __assign({}, buttonBarProps)) }),
+                            React.createElement(BarHeader, { title: title || "", leftActions: action ? React.createElement(Button, __assign({}, action)) : undefined, rightActions: React.createElement(BarHeader.ButtonBar, __assign({}, buttonBarProps)) }),
                             React.createElement("div", { className: "s-pb-6 s-pt-14 ".concat(isFullScreen ? "s-h-full s-overflow-y-auto" : "") }, children))))))));
 }
 
@@ -32815,7 +32815,7 @@ function Searchbar(_a) {
                     onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value);
                 }, onKeyDown: onKeyDown, disabled: disabled }),
             React.createElement(SvgMagnifyingGlass, { className: "s-absolute s-right-3 s-top-2 s-h-5 s-w-5" })),
-        React.createElement("div", { className: "s-ml-2 s-h-4 s-text-red-500" }, showErrorLabel && error ? error : null)));
+        React.createElement("div", { className: classNames("s-ml-2 s-h-4 s-text-red-500", showErrorLabel ? "" : "hidden") }, showErrorLabel && error ? error : null)));
 }
 
 var SvgLogoHorizontalColor = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 96 24" }, props),