@dust-tt/sparkle 0.2.273 → 0.2.274
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +19 -30
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/ConversationMessage.d.ts +1 -2
- package/dist/esm/components/ConversationMessage.d.ts.map +1 -1
- package/dist/esm/components/ConversationMessage.js.map +1 -1
- package/dist/esm/components/ConversationMessageContent.d.ts +1 -2
- package/dist/esm/components/ConversationMessageContent.d.ts.map +1 -1
- package/dist/esm/components/ConversationMessageContent.js +1 -4
- package/dist/esm/components/ConversationMessageContent.js.map +1 -1
- package/dist/esm/components/index.d.ts +0 -2
- package/dist/esm/components/index.d.ts.map +1 -1
- package/dist/esm/components/index.js +0 -1
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/stories/ConversationMessage.stories.d.ts.map +1 -1
- package/dist/esm/stories/ConversationMessage.stories.js +7 -15
- package/dist/esm/stories/ConversationMessage.stories.js.map +1 -1
- package/package.json +1 -1
- package/src/components/ConversationMessage.tsx +1 -2
- package/src/components/ConversationMessageContent.tsx +2 -8
- package/src/components/index.ts +0 -2
- package/src/stories/ConversationMessage.stories.tsx +48 -14
- package/dist/esm/components/ConversationCitationComponent.d.ts +0 -16
- package/dist/esm/components/ConversationCitationComponent.d.ts.map +0 -1
- package/dist/esm/components/ConversationCitationComponent.js +0 -11
- package/dist/esm/components/ConversationCitationComponent.js.map +0 -1
- package/src/components/ConversationCitationComponent.tsx +0 -43
package/dist/cjs/index.js
CHANGED
|
@@ -106661,32 +106661,6 @@ ContextItem.SectionHeader = function (_a) {
|
|
|
106661
106661
|
description && (React.createElement("div", { className: "s-text-sm s-font-normal s-text-element-700 dark:s-text-element-700-dark" }, description))));
|
|
106662
106662
|
};
|
|
106663
106663
|
|
|
106664
|
-
function ZoomableImageCitationWrapper(_a) {
|
|
106665
|
-
var alt = _a.alt, imgSrc = _a.imgSrc, title = _a.title, _b = _a.size, size = _b === void 0 ? "sm" : _b;
|
|
106666
|
-
var _c = __read(React.useState(false), 2), isZoomed = _c[0], setIsZoomed = _c[1];
|
|
106667
|
-
var handleZoomToggle = function () {
|
|
106668
|
-
setIsZoomed(!isZoomed);
|
|
106669
|
-
};
|
|
106670
|
-
return (React.createElement(React.Fragment, null,
|
|
106671
|
-
React.createElement("div", { onClick: handleZoomToggle, className: "s-min-h-76 s-group s-h-full" },
|
|
106672
|
-
React.createElement(Citation, { title: title, size: size, type: "image", imgSrc: imgSrc })),
|
|
106673
|
-
React.createElement(_t, { open: isZoomed, onClose: handleZoomToggle, className: "s-relative s-z-50" },
|
|
106674
|
-
React.createElement("div", { className: "s-fixed s-inset-0 s-flex s-w-screen s-items-center s-justify-center s-bg-black/70 s-p-4 s-transition-opacity" },
|
|
106675
|
-
React.createElement(_t.Panel, { className: "s-max-w-lg s-space-y-4" },
|
|
106676
|
-
React.createElement(_t.Title, null,
|
|
106677
|
-
React.createElement("div", { className: "s-flex s-justify-end" },
|
|
106678
|
-
React.createElement(IconButton, { icon: XCircleIcon, onClick: handleZoomToggle, variant: "white" }))),
|
|
106679
|
-
React.createElement("img", { src: imgSrc, alt: alt }))))));
|
|
106680
|
-
}
|
|
106681
|
-
|
|
106682
|
-
function ConversationCitationComponent(_a) {
|
|
106683
|
-
var citation = _a.citation;
|
|
106684
|
-
if (citation.isZoomable && citation.sourceUrl) {
|
|
106685
|
-
return (React.createElement(ZoomableImageCitationWrapper, { size: "xs", title: citation.title, imgSrc: citation.sourceUrl, alt: citation.title }));
|
|
106686
|
-
}
|
|
106687
|
-
return (React.createElement(Citation, { title: citation.title, size: "xs", type: citation.citationType, href: citation.sourceUrl, avatarSrc: citation.avatarSrc }));
|
|
106688
|
-
}
|
|
106689
|
-
|
|
106690
106664
|
function $parcel$interopDefault(a) {
|
|
106691
106665
|
return a && a.__esModule ? a.default : a;
|
|
106692
106666
|
}
|
|
@@ -111561,9 +111535,7 @@ function ConversationMessageContent(_a) {
|
|
|
111561
111535
|
var children = _a.children, citations = _a.citations, size = _a.size;
|
|
111562
111536
|
return (React.createElement("div", { className: cn("s-flex s-flex-col s-justify-stretch", size === "compact" ? "s-gap-3" : "s-gap-4") },
|
|
111563
111537
|
React.createElement("div", { className: cn("s-px-3 s-font-normal s-text-element-900", size === "compact" ? "s-text-sm" : "s-text-base") }, children),
|
|
111564
|
-
citations && (React.createElement("div", { className: cn("s-grid s-gap-2", size === "compact" ? "s-grid-cols-2" : "s-grid-cols-4") }, citations
|
|
111565
|
-
return React.createElement(ConversationCitationComponent, { citation: c, key: c.id });
|
|
111566
|
-
})))));
|
|
111538
|
+
citations && (React.createElement("div", { className: cn("s-grid s-gap-2", size === "compact" ? "s-grid-cols-2" : "s-grid-cols-4") }, citations))));
|
|
111567
111539
|
}
|
|
111568
111540
|
|
|
111569
111541
|
function ConversationMessageHeader(_a) {
|
|
@@ -143142,6 +143114,24 @@ Tree.Empty = function (_a) {
|
|
|
143142
143114
|
return (React.createElement("div", { className: "s-font-regular s-py-1.5 s-pl-6 s-text-sm s-text-muted-foreground" }, label));
|
|
143143
143115
|
};
|
|
143144
143116
|
|
|
143117
|
+
function ZoomableImageCitationWrapper(_a) {
|
|
143118
|
+
var alt = _a.alt, imgSrc = _a.imgSrc, title = _a.title, _b = _a.size, size = _b === void 0 ? "sm" : _b;
|
|
143119
|
+
var _c = __read(React.useState(false), 2), isZoomed = _c[0], setIsZoomed = _c[1];
|
|
143120
|
+
var handleZoomToggle = function () {
|
|
143121
|
+
setIsZoomed(!isZoomed);
|
|
143122
|
+
};
|
|
143123
|
+
return (React.createElement(React.Fragment, null,
|
|
143124
|
+
React.createElement("div", { onClick: handleZoomToggle, className: "s-min-h-76 s-group s-h-full" },
|
|
143125
|
+
React.createElement(Citation, { title: title, size: size, type: "image", imgSrc: imgSrc })),
|
|
143126
|
+
React.createElement(_t, { open: isZoomed, onClose: handleZoomToggle, className: "s-relative s-z-50" },
|
|
143127
|
+
React.createElement("div", { className: "s-fixed s-inset-0 s-flex s-w-screen s-items-center s-justify-center s-bg-black/70 s-p-4 s-transition-opacity" },
|
|
143128
|
+
React.createElement(_t.Panel, { className: "s-max-w-lg s-space-y-4" },
|
|
143129
|
+
React.createElement(_t.Title, null,
|
|
143130
|
+
React.createElement("div", { className: "s-flex s-justify-end" },
|
|
143131
|
+
React.createElement(IconButton, { icon: XCircleIcon, onClick: handleZoomToggle, variant: "white" }))),
|
|
143132
|
+
React.createElement("img", { src: imgSrc, alt: alt }))))));
|
|
143133
|
+
}
|
|
143134
|
+
|
|
143145
143135
|
/**
|
|
143146
143136
|
* Original code from : https://www.npmjs.com/package/use-hash-param
|
|
143147
143137
|
* ISC License
|
|
@@ -143455,7 +143445,6 @@ exports.ConfettiBackground = ConfettiBackground$1;
|
|
|
143455
143445
|
exports.ConfluenceLogo = ConfluenceLogo;
|
|
143456
143446
|
exports.ContentMessage = ContentMessage;
|
|
143457
143447
|
exports.ContextItem = ContextItem;
|
|
143458
|
-
exports.ConverationCitationComponent = ConversationCitationComponent;
|
|
143459
143448
|
exports.ConversationMessage = ConversationMessage;
|
|
143460
143449
|
exports.ConversationMessageActions = ConversationMessageActions;
|
|
143461
143450
|
exports.ConversationMessageContent = ConversationMessageContent;
|