@dust-tt/sparkle 0.2.172 → 0.2.173-pr

package/dist/esm/index.js

@@ -40447,9 +40447,11 @@ function Icon(_a) {
 
 function Tooltip(_a) {
     var children = _a.children, label = _a.label, _b = _a.position, position = _b === void 0 ? "above" : _b, contentChildren = _a.contentChildren;
-    var _c = __read(useState(false), 2), isHovered = _c[0], setIsHovered = _c[1];
-    var _d = __read(useState(null), 2), timerId = _d[0], setTimerId = _d[1];
-    var _e = __read(useState(false), 2), isTouchDevice = _e[0], setIsTouchDevice = _e[1];
+    // used to disable the tooltip when copying
+    var _c = __read(useState(false), 2), isCopying = _c[0], setIsCopying = _c[1];
+    var _d = __read(useState(false), 2), isHovered = _d[0], setIsHovered = _d[1];
+    var _e = __read(useState(null), 2), timerId = _e[0], setTimerId = _e[1];
+    var _f = __read(useState(false), 2), isTouchDevice = _f[0], setIsTouchDevice = _f[1];
     var handleMouseOver = function () {
         var id = window.setTimeout(function () {
             setIsHovered(true);
@@ -40482,7 +40484,15 @@ function Tooltip(_a) {
     // if tooltip text is too long we need to wrap it
     var labelLength = (label === null || label === void 0 ? void 0 : label.length) || 0;
     var labelClasses = labelLength > 80 ? "s-w-[38em]" : "s-whitespace-nowrap";
-    return (React__default.createElement("div", { onMouseEnter: handleMouseOver, onMouseLeave: handleMouseLeave, className: "s-relative s-inline-block" },
+    // do not show the tooltip while we're copying the content
+    // otherwise the tooltip text is copied also
+    if (isCopying) {
+        return React__default.createElement(React__default.Fragment, null, children);
+    }
+    return (React__default.createElement("div", { onMouseEnter: handleMouseOver, onMouseLeave: handleMouseLeave, className: "s-relative s-inline-block", onCopyCapture: function () {
+            setIsCopying(true);
+            setTimeout(function () { return setIsCopying(false); }, 200);
+        } },
         children,
         React__default.createElement("div", { className: classNames("".concat(isHovered ? visibleClasses : hiddenClasses), baseClasses, hiddenOnMobileClasses, tooltipPositionClasses, tooltipCenterClasses, contentChildren ? "" : labelClasses), onAnimationEnd: function () { return setIsHovered(false); } }, contentChildren || label)));
 }