@dust-tt/sparkle 0.2.215 → 0.2.217

package/dist/cjs/index.js

@@ -129188,12 +129188,14 @@ var ELLIPSIS_STRING = "...";
 function Breadcrumbs(_a) {
     var items = _a.items;
     var components = React.useContext(SparkleContext).components;
+    var Link = components.link;
     var _b = items.reduce(function (acc, item, index) {
         if (items.length <= 5 || index < 2 || index >= items.length - 2) {
             acc.itemsShown.push(item);
         }
         else if (index === 2) {
             acc.itemsShown.push({ label: ELLIPSIS_STRING });
+            acc.itemsHidden.push(item);
         }
         else {
             acc.itemsHidden.push(item);
@@ -129204,21 +129206,18 @@ function Breadcrumbs(_a) {
         return (React.createElement("div", { key: "breadcrumbs-".concat(index), className: "s-flex s-flex-row s-items-center s-gap-1" },
             React.createElement(Icon, { visual: item.icon, className: "s-text-brand" }),
             item.label === ELLIPSIS_STRING ? (React.createElement(DropdownMenu, null,
-                React.createElement(DropdownMenu.Button, null,
-                    "$",
-                    ELLIPSIS_STRING),
-                React.createElement(DropdownMenu.Items, { origin: "topLeft" }, itemsHidden.map(function (item, index) { return (React.createElement(DropdownMenu.Item, { key: "breadcrumbs-hidden-".concat(index), icon: item.icon, label: item.label }, getLinkForItem(item, false, components.link))); })))) : (React.createElement("div", null, getLinkForItem(item, index === itemsShown.length - 1, components.link))),
+                React.createElement(DropdownMenu.Button, null, ELLIPSIS_STRING),
+                React.createElement(DropdownMenu.Items, { origin: "topLeft" }, itemsHidden.map(function (item, index) { return (React.createElement(DropdownMenu.Item, { icon: item.icon, label: item.label, href: item.href || "#", key: "breadcrumbs-hidden-".concat(index) }, truncateWithTooltip(item.label, LABEL_TRUNCATE_LENGTH_MIDDLE))); })))) : (React.createElement("div", null,
+                React.createElement(Link, { href: item.href || "#", className: index === items.length - 1
+                        ? "s-text-element-900"
+                        : "s-text-element-700" }, index === items.length - 1
+                    ? truncateWithTooltip(item.label, LABEL_TRUNCATE_LENGTH_END)
+                    : truncateWithTooltip(item.label, LABEL_TRUNCATE_LENGTH_MIDDLE)))),
             index === itemsShown.length - 1 ? null : (React.createElement(SvgChevronRight$1, { className: "s-text-element-500" }))));
     })));
 }
-function getLinkForItem(item, isLast, link) {
-    var Link = item.href ? link : noHrefLink;
-    return (React.createElement(Link, { href: item.href || "#", className: isLast ? "s-text-element-900" : "s-text-element-700" }, isLast
-        ? truncateWithTooltip(item.label, LABEL_TRUNCATE_LENGTH_END)
-        : truncateWithTooltip(item.label, LABEL_TRUNCATE_LENGTH_MIDDLE)));
-}
 function truncateWithTooltip(text, length) {
-    return text.length > length ? (React.createElement(Tooltip, { label: text }, "".concat(text.substring(0, length - 1), "\u2026"))) : (text);
+    return text.length > length ? (React.createElement(Tooltip, { label: text, position: "below" }, "".concat(text.substring(0, length - 1), "\u2026"))) : (text);
 }
 
 var SvgLogoHorizontalColor = function (props) { return (React__namespace.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", fill: "none", viewBox: "0 0 96 24" }, props),