@dust-tt/sparkle 0.2.61-alpha-2 → 0.2.61-alpha-4

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

@@ -1,7 +1,8 @@
 import React from "react";
 type AssistantPreviewVariant = "sm" | "md" | "lg" | "list";
 interface AssistantPreviewProps {
-    allowAddAction: boolean;
+    allowAddAction?: boolean;
+    allowRemoveAction?: boolean;
     description: string;
     isAdded: boolean;
     isUpdatingList: boolean;
@@ -15,4 +16,10 @@ interface AssistantPreviewProps {
     onUpdate: (action: "added" | "removed") => Promise<void> | void;
 }
 export declare function AssistantPreview(props: AssistantPreviewProps): React.JSX.Element;
+export declare namespace AssistantPreview {
+    var defaultProps: {
+        allowAddAction: boolean;
+        allowRemoveAction: boolean;
+    };
+}
 export {};

package/dist/cjs/index.js

@@ -32235,7 +32235,12 @@ Chip.List = function (_a) {
         React.createElement("div", { className: classNames("s-flex s-flex-row s-gap-2", isWrapping ? "s-flex-wrap" : "") }, children)));
 };
 
-function getVariantContent(variant, props) {
+// Define defaultProps for the AssistantPreview component.
+AssistantPreview.defaultProps = {
+    allowAddAction: false,
+    allowRemoveAction: false,
+};
+function renderVariantContent(variant, props) {
     switch (variant) {
         case "sm":
             return React.createElement(SmallVariantContent, null);
@@ -32257,24 +32262,28 @@ var SmallVariantContent = function () {
 var MediumVariantContent = function () {
     throw new Error("Not yet implemented!");
 };
+var GalleryChip = function (_a) {
+    var allowAddAction = _a.allowAddAction, allowRemoveAction = _a.allowRemoveAction, isAdded = _a.isAdded, isUpdatingList = _a.isUpdatingList, onUpdate = _a.onUpdate;
+    if (!isAdded || !allowAddAction)
+        return null;
+    return (allowAddAction && (React.createElement("div", { className: "s-group" },
+        React.createElement(Chip, { color: "emerald", size: "xs", label: "Added", className: allowRemoveAction ? "group-hover:s-hidden" : "" }),
+        allowRemoveAction && (React.createElement("div", { className: "s-hidden group-hover:s-block" },
+            React.createElement(Button.List, { isWrapping: true },
+                React.createElement(Button, { key: "remove", variant: "tertiary", icon: SvgDash$1, disabled: isUpdatingList, size: "xs", label: "Remove", onClick: function () { return onUpdate("removed"); } })))))));
+};
+var ButtonsGroup = function (_a) {
+    var allowAddAction = _a.allowAddAction, isAdded = _a.isAdded, isUpdatingList = _a.isUpdatingList, isWorkspace = _a.isWorkspace, onShowDetailsClick = _a.onShowDetailsClick, onTestClick = _a.onTestClick, onUpdate = _a.onUpdate;
+    return (React.createElement(Button.List, { isWrapping: true },
+        !isAdded && allowAddAction && (React.createElement(Button, { key: "add", variant: "tertiary", icon: SvgPlus$1, disabled: isUpdatingList, size: "xs", label: isWorkspace ? "Add to Workspace" : "Add", onClick: function () { return onUpdate("added"); } })),
+        onTestClick && (React.createElement(Button, { key: "test", variant: "tertiary", icon: SvgPlay$1, size: "xs", label: "Test", onClick: onTestClick })),
+        onShowDetailsClick && (React.createElement(Button, { key: "show_details", icon: SvgMore$1, label: "View Assistant", labelVisible: false, size: "xs", variant: "tertiary", onClick: onShowDetailsClick }))));
+};
 var LargeVariantContent = function (_a) {
-    var _b;
     var props = _a.props;
-    var description = props.description, isAdded = props.isAdded, allowAddAction = props.allowAddAction, isUpdatingList = props.isUpdatingList, isWorkspace = props.isWorkspace, name = props.name, onShowDetailsClick = props.onShowDetailsClick, onTestClick = props.onTestClick, onUpdate = props.onUpdate, pictureUrl = props.pictureUrl, subtitle = props.subtitle;
-    var galleryChip = isAdded && (React.createElement("div", { className: "s-group" },
-        React.createElement(Chip, { color: "emerald", size: "xs", label: "Added", className: "group-hover:s-hidden" }),
-        allowAddAction && (React.createElement("div", { className: "s-hidden group-hover:s-block" },
-            React.createElement(Button.List, { isWrapping: true },
-                React.createElement(Button, { key: "remove", variant: "tertiary", icon: SvgDash$1, disabled: isUpdatingList, size: "xs", label: "Remove", onClick: function () { return onUpdate("removed"); } }))))));
-    var addButton = !isAdded && allowAddAction && (React.createElement(Button, { key: "add", variant: "tertiary", icon: SvgPlus$1, disabled: isUpdatingList, size: "xs", label: isWorkspace ? "Add to Workspace" : "Add", onClick: function () { return onUpdate("added"); } }));
-    var testButton = null;
-    if (onTestClick) {
-        testButton = (React.createElement(Button, { key: "test", variant: "tertiary", icon: SvgPlay$1, size: "xs", label: "Test", onClick: onTestClick }));
-    }
-    var showAssistantButton = (React.createElement(Button, { key: "show_details", icon: SvgMore$1, label: "View Assistant", labelVisible: false, size: "xs", variant: "tertiary", onClick: onShowDetailsClick }));
-    var buttonsToRender = (_b = [addButton, testButton, showAssistantButton].filter(Boolean)) !== null && _b !== void 0 ? _b : [];
+    var allowAddAction = props.allowAddAction, allowRemoveAction = props.allowRemoveAction, description = props.description, isAdded = props.isAdded, isUpdatingList = props.isUpdatingList, isWorkspace = props.isWorkspace, name = props.name, onShowDetailsClick = props.onShowDetailsClick, onTestClick = props.onTestClick, onUpdate = props.onUpdate, pictureUrl = props.pictureUrl, subtitle = props.subtitle;
     return (React.createElement("div", { className: "s-flex s-flex-row s-gap-2 s-py-2" },
-        React.createElement(Avatar, { visual: React.createElement("img", { src: pictureUrl, alt: "Agent Avatar" }), size: "md" }),
+        React.createElement(Avatar, { visual: React.createElement("img", { src: pictureUrl, alt: "Avatar of ".concat(name) }), size: "md" }),
         React.createElement("div", { className: "s-flex s-flex-col s-gap-2" },
             React.createElement("div", null,
                 React.createElement("div", { className: "s-text-sm s-font-medium s-text-element-900" },
@@ -32282,8 +32291,8 @@ var LargeVariantContent = function (_a) {
                     name),
                 React.createElement("div", { className: "s-text-sm s-font-normal s-text-element-700" }, subtitle)),
             React.createElement("div", { className: "s-flex s-flex-row s-gap-2" },
-                galleryChip,
-                React.createElement(Button.List, { isWrapping: true }, buttonsToRender)),
+                React.createElement(GalleryChip, { allowAddAction: allowAddAction, allowRemoveAction: allowRemoveAction, isAdded: isAdded, isUpdatingList: isUpdatingList, onUpdate: onUpdate }),
+                React.createElement(ButtonsGroup, { allowAddAction: allowAddAction, isAdded: isAdded, isUpdatingList: isUpdatingList, isWorkspace: isWorkspace, onShowDetailsClick: onShowDetailsClick, onTestClick: onTestClick, onUpdate: onUpdate })),
             React.createElement("div", { className: "s-text-sm s-font-normal s-text-element-800" }, description))));
 };
 // TODO:
@@ -32291,8 +32300,7 @@ var ListVariantContent = function () {
     throw new Error("Not yet implemented!");
 };
 function AssistantPreview(props) {
-    // You can also use a function to get variant-specific styles or components
-    var VariantContent = getVariantContent(props.variant, props);
+    var VariantContent = renderVariantContent(props.variant, props);
     return React.createElement("div", null, VariantContent);
 }