@dust-tt/sparkle 0.2.251 → 0.2.253

package/dist/cjs/index.js

@@ -103569,6 +103569,35 @@ DataTable.CellContent = function CellContent(_a) {
             React.createElement("span", { className: "s-truncate s-text-sm s-text-element-800" }, children),
             description && (React.createElement("span", { className: "s-pl-2 s-text-sm s-text-element-600" }, description)))));
 };
+DataTable.CellContentWithCopy = function CellContentWithCopy(_a) {
+    var _this = this;
+    var children = _a.children, textToCopy = _a.textToCopy, className = _a.className;
+    var _b = __read(useCopyToClipboard(), 2), isCopied = _b[0], copyToClipboard = _b[1];
+    var handleCopy = function () { return __awaiter(_this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            void copyToClipboard(new ClipboardItem({
+                "text/plain": new Blob([textToCopy !== null && textToCopy !== void 0 ? textToCopy : String(children)], {
+                    type: "text/plain",
+                }),
+            }));
+            return [2 /*return*/];
+        });
+    }); };
+    return (React.createElement("div", { className: classNames("s-flex s-items-center s-space-x-2", className || "") },
+        React.createElement("span", { className: "s-truncate" }, children),
+        React.createElement(IconButton, { icon: isCopied ? SvgClipboardCheck$1 : SvgClipboard$1, variant: "tertiary", onClick: function (e) { return __awaiter(_this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            e.stopPropagation();
+                            return [4 /*yield*/, handleCopy()];
+                        case 1:
+                            _a.sent();
+                            return [2 /*return*/];
+                    }
+                });
+            }); }, size: "xs" })));
+};
 DataTable.Caption = function Caption(_a) {
     var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
     return (React.createElement("caption", __assign({ className: className }, props), children));
@@ -104305,7 +104334,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.");
@@ -104326,8 +104355,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();
                 }
             } },
@@ -104336,7 +104365,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)))))));
 }
 
@@ -129162,17 +129191,14 @@ function Tab(_a) {
         React.createElement("nav", { className: "s-flex s-space-x-0", "aria-label": "Tabs" }, renderTabs())));
 }
 
-function TextArea(_a) {
-    var placeholder = _a.placeholder, value = _a.value, onChange = _a.onChange, error = _a.error, _b = _a.showErrorLabel, showErrorLabel = _b === void 0 ? false : _b, className = _a.className, _c = _a.minRows, minRows = _c === void 0 ? 10 : _c;
-    var textareaRef = React.useRef(null);
+var TextArea = React.forwardRef(function (_a, ref) {
+    var error = _a.error, _b = _a.showErrorLabel, showErrorLabel = _b === void 0 ? false : _b, className = _a.className, _c = _a.minRows, minRows = _c === void 0 ? 10 : _c, props = __rest(_a, ["error", "showErrorLabel", "className", "minRows"]);
     return (React.createElement("div", { className: "s-flex s-flex-col s-gap-1 s-p-px" },
-        React.createElement("textarea", { rows: minRows, ref: textareaRef, className: classNames("overflow-y-auto s-block s-w-full s-min-w-0 s-rounded-xl s-text-sm s-placeholder-element-700 s-transition-all s-duration-200 s-scrollbar-hide", !error
+        React.createElement("textarea", __assign({ rows: minRows, ref: ref, className: classNames("overflow-y-auto s-block s-w-full s-min-w-0 s-rounded-xl s-text-sm s-placeholder-element-700 s-transition-all s-duration-200 s-scrollbar-hide", !error
                 ? "s-border-structure-100 focus:s-border-action-300 focus:s-ring-action-300"
-                : "s-border-red-500 focus:s-border-red-500 focus:s-ring-red-500", "s-border-structure-200 s-bg-structure-50", "s-resize-y", className !== null && className !== void 0 ? className : ""), placeholder: placeholder, value: value !== null && value !== void 0 ? value : "", onChange: function (e) {
-                onChange(e.target.value);
-            } }),
+                : "s-border-red-500 focus:s-border-red-500 focus:s-ring-red-500", "s-border-structure-200 s-bg-structure-50", "s-resize-y", className !== null && className !== void 0 ? className : "") }, props)),
         error && showErrorLabel && (React.createElement("div", { className: "s-ml-2 s-text-sm s-text-warning-500" }, error))));
-}
+});
 
 function Tree(_a) {
     var children = _a.children, isLoading = _a.isLoading, _b = _a.isBoxed, isBoxed = _b === void 0 ? false : _b, tailwindIconTextColor = _a.tailwindIconTextColor, _c = _a.variant, variant = _c === void 0 ? "finder" : _c;