@dust-tt/sparkle 0.2.64 → 0.2.66

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

@@ -1,20 +1,28 @@
 import React from "react";
 type AssistantPreviewVariant = "sm" | "md" | "lg" | "list";
-interface AssistantPreviewProps {
+interface BaseAssistantPreviewProps {
+    description: string;
+    name: string;
+    pictureUrl: string;
+    variant: AssistantPreviewVariant;
+}
+type LargeVariantAssistantPreviewProps = BaseAssistantPreviewProps & {
+    variant: "lg";
     allowAddAction?: boolean;
     allowRemoveAction?: boolean;
-    description: string;
     isAdded: boolean;
     isUpdatingList: boolean;
     isWorkspace: boolean;
-    name: string;
-    pictureUrl: string;
     subtitle: string;
-    variant: AssistantPreviewVariant;
     onShowDetailsClick?: () => void;
     onTestClick?: () => void;
     onUpdate: (action: "added" | "removed") => Promise<void> | void;
-}
+};
+type SmallVariantAssistantPreviewProps = BaseAssistantPreviewProps & {
+    variant: "sm";
+    onClick: () => void;
+};
+type AssistantPreviewProps = SmallVariantAssistantPreviewProps | LargeVariantAssistantPreviewProps;
 export declare function AssistantPreview(props: AssistantPreviewProps): React.JSX.Element;
 export declare namespace AssistantPreview {
     var defaultProps: {

package/dist/cjs/index.js

@@ -32240,27 +32240,27 @@ AssistantPreview.defaultProps = {
     allowAddAction: false,
     allowRemoveAction: false,
 };
-function renderVariantContent(variant, props) {
-    switch (variant) {
+function renderVariantContent(props) {
+    switch (props.variant) {
         case "sm":
-            return React.createElement(SmallVariantContent, null);
-        case "md":
-            return React.createElement(MediumVariantContent, null);
+            return React.createElement(SmallVariantContent, __assign({}, props));
         case "lg":
-            return React.createElement(LargeVariantContent, { props: props });
-        case "list":
-            return React.createElement(ListVariantContent, null);
+            return React.createElement(LargeVariantContent, __assign({}, props));
         default:
             return React.createElement(React.Fragment, null);
     }
 }
-// TODO:
-var SmallVariantContent = function () {
-    throw new Error("Not yet implemented!");
-};
-// TODO:
-var MediumVariantContent = function () {
-    throw new Error("Not yet implemented!");
+var SmallVariantContent = function (props) {
+    var description = props.description, name = props.name, onClick = props.onClick, pictureUrl = props.pictureUrl;
+    return (React.createElement("div", { className: "s-flex s-flex-col s-py-2" },
+        React.createElement("div", { className: "s-flex s-flex-row s-gap-2" },
+            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", { className: "s-text-sm s-font-medium s-text-element-900" },
+                    "@",
+                    name),
+                React.createElement(Button, { key: "start", variant: "tertiary", icon: SvgChatBubbleBottomCenterText$1, size: "xs", label: "Start", onClick: onClick }))),
+        React.createElement("div", { className: "s-py-1.5 s-text-sm s-font-normal s-text-element-700" }, description)));
 };
 var GalleryChip = function (_a) {
     var allowAddAction = _a.allowAddAction, allowRemoveAction = _a.allowRemoveAction, isAdded = _a.isAdded, isUpdatingList = _a.isUpdatingList, onUpdate = _a.onUpdate;
@@ -32279,8 +32279,7 @@ var ButtonsGroup = function (_a) {
         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 props = _a.props;
+var LargeVariantContent = function (props) {
     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: "Avatar of ".concat(name) }), size: "md" }),
@@ -32295,12 +32294,8 @@ var LargeVariantContent = function (_a) {
                 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:
-var ListVariantContent = function () {
-    throw new Error("Not yet implemented!");
-};
 function AssistantPreview(props) {
-    var VariantContent = renderVariantContent(props.variant, props);
+    var VariantContent = renderVariantContent(props);
     return React.createElement("div", null, VariantContent);
 }
 
@@ -33453,7 +33448,7 @@ var sizeInputClasses = {
 };
 function Input(_a) {
     var placeholder = _a.placeholder, value = _a.value, _b = _a.size, size = _b === void 0 ? "sm" : _b, onChange = _a.onChange, error = _a.error, _c = _a.showErrorLabel, showErrorLabel = _c === void 0 ? false : _c, name = _a.name, _d = _a.isPassword, isPassword = _d === void 0 ? false : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e, _f = _a.className, className = _f === void 0 ? "" : _f;
-    return (React.createElement("div", { className: "s-m-px s-flex s-flex-col s-gap-1 s-p-px" },
+    return (React.createElement("div", { className: "s-flex s-flex-col s-gap-1 s-p-px" },
         React.createElement("input", { type: isPassword ? "password" : "text", name: name, id: name, className: classNames("s-w-full s-border-0 s-outline-none s-ring-1 focus:s-outline-none focus:s-ring-2", "s-bg-structure-50 s-text-element-900 s-placeholder-element-600", "dark:s-bg-structure-50-dark dark:s-text-element-800-dark dark:s-placeholder-element-600-dark", sizeInputClasses[size], "s-transition-all s-duration-300 s-ease-out", className !== null && className !== void 0 ? className : "", !error
                 ? classNames("s-ring-structure-200 focus:s-ring-action-300", "dark:s-ring-structure-300-dark dark:focus:s-ring-action-300-dark")
                 : classNames("s-ring-warning-200 focus:s-ring-warning-300", "dark:s-ring-warning-200-dark dark:focus:s-ring-warning-300-dark")), placeholder: placeholder, value: value !== null && value !== void 0 ? value : "", onChange: function (e) {