@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.
Files changed (26) hide show
  1. package/dist/cjs/index.js +19 -30
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/esm/components/ConversationMessage.d.ts +1 -2
  4. package/dist/esm/components/ConversationMessage.d.ts.map +1 -1
  5. package/dist/esm/components/ConversationMessage.js.map +1 -1
  6. package/dist/esm/components/ConversationMessageContent.d.ts +1 -2
  7. package/dist/esm/components/ConversationMessageContent.d.ts.map +1 -1
  8. package/dist/esm/components/ConversationMessageContent.js +1 -4
  9. package/dist/esm/components/ConversationMessageContent.js.map +1 -1
  10. package/dist/esm/components/index.d.ts +0 -2
  11. package/dist/esm/components/index.d.ts.map +1 -1
  12. package/dist/esm/components/index.js +0 -1
  13. package/dist/esm/components/index.js.map +1 -1
  14. package/dist/esm/stories/ConversationMessage.stories.d.ts.map +1 -1
  15. package/dist/esm/stories/ConversationMessage.stories.js +7 -15
  16. package/dist/esm/stories/ConversationMessage.stories.js.map +1 -1
  17. package/package.json +1 -1
  18. package/src/components/ConversationMessage.tsx +1 -2
  19. package/src/components/ConversationMessageContent.tsx +2 -8
  20. package/src/components/index.ts +0 -2
  21. package/src/stories/ConversationMessage.stories.tsx +48 -14
  22. package/dist/esm/components/ConversationCitationComponent.d.ts +0 -16
  23. package/dist/esm/components/ConversationCitationComponent.d.ts.map +0 -1
  24. package/dist/esm/components/ConversationCitationComponent.js +0 -11
  25. package/dist/esm/components/ConversationCitationComponent.js.map +0 -1
  26. 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.map(function (c) {
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;