@dust-tt/sparkle 0.2.180 → 0.2.181

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

@@ -1,17 +1,18 @@
 import React, { ReactNode } from "react";
 export type CitationType = "confluence" | "document" | "github" | "google_drive" | "image" | "intercom" | "microsoft" | "notion" | "slack";
 interface CitationProps {
-    type?: CitationType;
-    title: string;
+    avatarSrc?: string;
     description?: string;
+    href?: string;
+    imgSrc?: string;
     index?: ReactNode;
     isBlinking?: boolean;
-    href?: string;
+    isLoading?: boolean;
+    onClose?: () => void;
     size?: "xs" | "sm";
     sizing?: "fixed" | "fluid";
-    onClose?: () => void;
-    avatarSrc?: string;
-    imgSrc?: string;
+    title: string;
+    type?: CitationType;
 }
-export declare function Citation({ title, index, type, size, sizing, description, href, onClose, isBlinking, avatarSrc, imgSrc, }: CitationProps): React.JSX.Element;
+export declare function Citation({ avatarSrc, description, href, imgSrc, index, isBlinking, isLoading, onClose, size, sizing, title, type, }: CitationProps): React.JSX.Element;
 export {};

package/dist/cjs/index.js

@@ -75633,7 +75633,7 @@ var typeSizing = {
     fluid: "s-w-full",
 };
 function Citation(_a) {
-    var title = _a.title, index = _a.index, _b = _a.type, type = _b === void 0 ? "document" : _b, _c = _a.size, size = _c === void 0 ? "sm" : _c, _d = _a.sizing, sizing = _d === void 0 ? "fixed" : _d, description = _a.description, href = _a.href, onClose = _a.onClose, _e = _a.isBlinking, isBlinking = _e === void 0 ? false : _e, avatarSrc = _a.avatarSrc, imgSrc = _a.imgSrc;
+    var avatarSrc = _a.avatarSrc, description = _a.description, href = _a.href, imgSrc = _a.imgSrc, index = _a.index, _b = _a.isBlinking, isBlinking = _b === void 0 ? false : _b, isLoading = _a.isLoading, onClose = _a.onClose, _c = _a.size, size = _c === void 0 ? "sm" : _c, _d = _a.sizing, sizing = _d === void 0 ? "fixed" : _d, title = _a.title, _e = _a.type, type = _e === void 0 ? "document" : _e;
     var cardContent = (React.createElement(React.Fragment, null,
         type === "image" && imgSrc && (React.createElement("div", { className: "s-absolute s-left-0 s-top-0 s-brightness-90 s-filter s-transition s-duration-200 s-ease-out hover:s-brightness-110 active:s-brightness-100 group-hover:s-brightness-110 group-hover:s-filter group-active:s-brightness-100", style: {
                 backgroundImage: "url(".concat(imgSrc, ")"),
@@ -75645,7 +75645,7 @@ function Citation(_a) {
         React.createElement("div", { className: "s-flex s-items-center s-gap-2" },
             avatarSrc && React.createElement(Avatar, { visual: avatarSrc, size: "xs" }),
             index && (React.createElement("div", { className: classNames("s-flex s-items-center s-justify-center s-rounded-full s-border s-border-violet-200 s-bg-violet-100 s-text-xs s-font-semibold s-text-element-800", size === "sm" ? "s-h-5 s-w-5" : "s-h-4 s-w-4") }, index)),
-            React.createElement(Icon, { visual: typeIcons[type], className: "s-text-element-700" }),
+            !isLoading && (React.createElement(Icon, { visual: typeIcons[type], className: "s-text-element-700" })),
             React.createElement("div", { className: "s-flex-grow s-text-xs" }),
             onClose && (React.createElement("div", { className: classNames(type === "image"
                     ? "s-z-50 s-h-5 s-w-5 s-rounded-full s-bg-slate-950/30"
@@ -75654,12 +75654,10 @@ function Citation(_a) {
         React.createElement(Tooltip, { label: title, position: "above" },
             React.createElement("div", { className: classNames("s-line-clamp-1 s-text-sm s-text-element-800", size === "sm" ? "s-font-bold" : "s-font-semibold") }, title)),
         description && (React.createElement("div", { className: "s-line-clamp-2 s-text-xs s-font-normal s-text-element-700" }, description))));
-    if (href) {
-        return (React.createElement(CardButton, { variant: "secondary", size: "sm", href: href, target: "_blank", rel: "noopener noreferrer", className: classNames("s-relative s-flex s-w-48 s-flex-none s-flex-col s-gap-1", sizing === "fluid" ? typeSizing[sizing] : typeSizing[sizing][size], size === "sm" ? "sm:s-w-64" : "", isBlinking ? "s-animate-[bgblink_500ms_3]" : "", type === "image" ? "s-min-h-20" : "") }, cardContent));
-    }
-    else {
-        return (React.createElement(CardButton, { variant: "secondary", size: "sm", className: classNames("s-relative s-flex s-w-48 s-flex-none s-flex-col s-gap-1", sizing === "fluid" ? typeSizing[sizing] : typeSizing[sizing][size], size === "sm" ? "sm:s-w-64" : "", isBlinking ? "s-animate-[bgblink_500ms_3]" : "", type === "image" ? "s-min-h-20" : "") }, cardContent));
-    }
+    return (React.createElement(CardButton, __assign({ variant: "secondary", size: "sm", className: classNames("s-relative s-flex s-w-48 s-flex-none s-flex-col s-gap-1", sizing === "fluid" ? typeSizing[sizing] : typeSizing[sizing][size], size === "sm" ? "sm:s-w-64" : "", isBlinking ? "s-animate-[bgblink_500ms_3]" : "", type === "image" ? "s-min-h-20" : "") }, (href && { href: href, target: "_blank", rel: "noopener noreferrer" })),
+        isLoading && (React.createElement("div", { className: "s-absolute s-inset-0 s-flex s-items-center s-justify-center" },
+            React.createElement(Spinner, { size: "xs", variant: "color" }))),
+        React.createElement("div", { className: isLoading ? "s-opacity-50" : "" }, cardContent)));
 }
 
 function ZoomableImageCitationWrapper(_a) {