@dust-tt/sparkle 0.2.216 → 0.2.217
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 +9 -10
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +9 -10
- package/dist/esm/index.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/components/Breadcrumbs.tsx +26 -28
- package/src/stories/Breadcrumbs.stories.tsx +1 -1
package/dist/esm/index.js
CHANGED
|
@@ -129168,12 +129168,14 @@ var ELLIPSIS_STRING = "...";
|
|
|
129168
129168
|
function Breadcrumbs(_a) {
|
|
129169
129169
|
var items = _a.items;
|
|
129170
129170
|
var components = React__default.useContext(SparkleContext).components;
|
|
129171
|
+
var Link = components.link;
|
|
129171
129172
|
var _b = items.reduce(function (acc, item, index) {
|
|
129172
129173
|
if (items.length <= 5 || index < 2 || index >= items.length - 2) {
|
|
129173
129174
|
acc.itemsShown.push(item);
|
|
129174
129175
|
}
|
|
129175
129176
|
else if (index === 2) {
|
|
129176
129177
|
acc.itemsShown.push({ label: ELLIPSIS_STRING });
|
|
129178
|
+
acc.itemsHidden.push(item);
|
|
129177
129179
|
}
|
|
129178
129180
|
else {
|
|
129179
129181
|
acc.itemsHidden.push(item);
|
|
@@ -129184,19 +129186,16 @@ function Breadcrumbs(_a) {
|
|
|
129184
129186
|
return (React__default.createElement("div", { key: "breadcrumbs-".concat(index), className: "s-flex s-flex-row s-items-center s-gap-1" },
|
|
129185
129187
|
React__default.createElement(Icon, { visual: item.icon, className: "s-text-brand" }),
|
|
129186
129188
|
item.label === ELLIPSIS_STRING ? (React__default.createElement(DropdownMenu, null,
|
|
129187
|
-
React__default.createElement(DropdownMenu.Button, null,
|
|
129188
|
-
|
|
129189
|
-
|
|
129190
|
-
|
|
129189
|
+
React__default.createElement(DropdownMenu.Button, null, ELLIPSIS_STRING),
|
|
129190
|
+
React__default.createElement(DropdownMenu.Items, { origin: "topLeft" }, itemsHidden.map(function (item, index) { return (React__default.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__default.createElement("div", null,
|
|
129191
|
+
React__default.createElement(Link, { href: item.href || "#", className: index === items.length - 1
|
|
129192
|
+
? "s-text-element-900"
|
|
129193
|
+
: "s-text-element-700" }, index === items.length - 1
|
|
129194
|
+
? truncateWithTooltip(item.label, LABEL_TRUNCATE_LENGTH_END)
|
|
129195
|
+
: truncateWithTooltip(item.label, LABEL_TRUNCATE_LENGTH_MIDDLE)))),
|
|
129191
129196
|
index === itemsShown.length - 1 ? null : (React__default.createElement(SvgChevronRight$1, { className: "s-text-element-500" }))));
|
|
129192
129197
|
})));
|
|
129193
129198
|
}
|
|
129194
|
-
function getLinkForItem(item, isLast, link) {
|
|
129195
|
-
var Link = item.href ? link : noHrefLink;
|
|
129196
|
-
return (React__default.createElement(Link, { href: item.href || "#", className: isLast ? "s-text-element-900" : "s-text-element-700" }, isLast
|
|
129197
|
-
? truncateWithTooltip(item.label, LABEL_TRUNCATE_LENGTH_END)
|
|
129198
|
-
: truncateWithTooltip(item.label, LABEL_TRUNCATE_LENGTH_MIDDLE)));
|
|
129199
|
-
}
|
|
129200
129199
|
function truncateWithTooltip(text, length) {
|
|
129201
129200
|
return text.length > length ? (React__default.createElement(Tooltip, { label: text, position: "below" }, "".concat(text.substring(0, length - 1), "\u2026"))) : (text);
|
|
129202
129201
|
}
|