@dust-tt/sparkle 0.2.153-alphatv → 0.2.155-alphatv

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

@@ -22,9 +22,11 @@ type GalleryVariantAssistantPreviewProps = BaseAssistantPreviewProps & {
 };
 type MinimalGalleryVariantAssistantPreviewProps = BaseAssistantPreviewProps & {
     variant: "minimalGallery";
-    actions?: React.ReactNode;
+    hasAction?: boolean;
+    href?: string;
     onClick?: () => void;
     onActionClick?: () => void;
+    renderActionButton?: (button: React.ReactNode) => React.ReactNode;
 };
 type AssistantPreviewProps = ItemVariantAssistantPreviewProps | ListVariantAssistantPreviewProps | GalleryVariantAssistantPreviewProps | MinimalGalleryVariantAssistantPreviewProps;
 export declare function AssistantPreview(props: AssistantPreviewProps): React.JSX.Element;

package/dist/cjs/index.js

@@ -74717,19 +74717,26 @@ ContextItem.SectionHeader = function (_a) {
         description && (React.createElement("div", { className: "s-text-sm s-font-normal s-text-element-700 dark:s-text-element-700-dark" }, description))));
 };
 
+var breakpoints = {
+    sm: 640,
+    md: 768,
+    lg: 1024,
+    xl: 1280,
+    xxl: 1536, // Tailwind's default for `2xl`
+};
 var titleClassNames = {
     base: "s-truncate s-font-medium s-text-element-900 s-w-full",
     item: "s-text-sm",
     list: "s-text-base",
     gallery: "s-text-lg",
-    minimalGallery: "s-truncate s-text-base",
+    minimalGallery: "s-overflow-hidden s-whitespace-nowrap ".concat(window.innerWidth <= breakpoints.sm ? "s-text-sm" : window.innerWidth <= breakpoints.md ? "s-text-base" : ""),
 };
 var subtitleClassNames = {
     base: "s-font-normal s-text-element-700 s-truncate s-w-full",
     item: "s-text-xs",
     list: "s-text-sm",
     gallery: "s-text-sm",
-    minimalGallery: "s-text-sm",
+    minimalGallery: "s-overflow-hidden s-whitespace-nowrap ".concat(window.innerWidth <= breakpoints.sm ? "s-text-xs" : window.innerWidth <= breakpoints.md ? "s-text-sm" : ""),
 };
 var descriptionClassNames = {
     base: "s-font-normal s-mb-1",
@@ -74801,23 +74808,25 @@ var GalleryVariantContent = function (_a) {
             React.createElement("div", { className: classNames(descriptionClassNames["base"], descriptionClassNames.gallery) }, description))));
 };
 var MinimalGalleryVariantContent = function (_a) {
-    var actions = _a.actions, title = _a.title, pictureUrl = _a.pictureUrl, subtitle = _a.subtitle, onClick = _a.onClick, onActionClick = _a.onActionClick;
+    var title = _a.title, pictureUrl = _a.pictureUrl, subtitle = _a.subtitle, _b = _a.hasAction, hasAction = _b === void 0 ? true : _b, onClick = _a.onClick, onActionClick = _a.onActionClick, renderActionButton = _a.renderActionButton;
+    var isSmallScreen = window.innerWidth <= breakpoints.sm;
+    var actionButton = (React.createElement(Button, { label: "", icon: SvgMore$1, variant: "tertiary", size: isSmallScreen ? "xs" : "sm", labelVisible: false, hasMagnifying: false, disabledTooltip: true, onClick: function (e) {
+            e.stopPropagation();
+            onActionClick === null || onActionClick === void 0 ? void 0 : onActionClick();
+        } }));
     return (React.createElement(React.Fragment, null,
-        React.createElement("div", { id: "assistant-container", className: "s-flex s-grow s-flex-row s-justify-between s-gap-2 s-py-1", onClick: onClick },
-            React.createElement("div", { id: "preview", className: "s-flex s-w-fit s-flex-row s-items-center s-gap-2" },
+        React.createElement("div", { id: "assistant-container", className: "s-flex s-grow s-flex-row s-justify-between s-gap-2 s-overflow-hidden s-py-1", onClick: onClick },
+            React.createElement("div", { id: "preview", className: "s-flex s-w-full s-min-w-0 s-flex-row s-items-center s-gap-2" },
                 React.createElement("div", { id: "avatar-column", className: "s-w-fit" },
-                    React.createElement(Avatar, { name: "Avatar of ".concat(title), visual: pictureUrl, size: "md" })),
-                React.createElement("div", { id: "details-column", className: "s-flex s-w-full s-min-w-0 s-flex-col s-items-start s-gap-0" },
+                    React.createElement(Avatar, { name: "Avatar of ".concat(title), visual: pictureUrl, size: isSmallScreen ? "sm" : "md" })),
+                React.createElement("div", { id: "details-column", className: "s-flex s-w-full s-min-w-0 s-flex-col s-items-start s-gap-0 s-overflow-hidden" },
                     React.createElement("div", { className: classNames(titleClassNames["base"], titleClassNames.minimalGallery) },
                         "@",
                         title),
                     React.createElement("div", { className: classNames(subtitleClassNames["base"], subtitleClassNames.minimalGallery) },
                         "By: ",
                         subtitle))),
-            React.createElement("div", { id: "actions-column", onClick: function (e) {
-                    e.stopPropagation();
-                    onActionClick === null || onActionClick === void 0 ? void 0 : onActionClick();
-                } }, actions))));
+            React.createElement("div", { id: "actions-column", className: "s-flex s-shrink-0 s-w-fit" }, hasAction && (renderActionButton ? renderActionButton(actionButton) : actionButton)))));
 };
 function AssistantPreview(props) {
     var onClick = props.onClick, variant = props.variant;