synapse-react-client/dist/containers/entity_finder/Breadcrumbs.js

[](https://travis-ci.com/Sage-Bionetworks/Synapse-React-Client) [](https://badge.fury.io/js/synaps

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.Breadcrumbs = void 0;
var tslib_1 = require("tslib");
var react_1 = (0, tslib_1.__importDefault)(require("react"));
var Breadcrumbs = function (_a) {
    var items = _a.items, _b = _a.maxItemCount, maxItemCount = _b === void 0 ? 4 : _b;
    var truncateBreadcrumbs = items.length > maxItemCount;
    if (truncateBreadcrumbs) {
        items = items.slice(-maxItemCount);
    }
    return (react_1.default.createElement("div", { className: "Breadcrumbs" },
        items.length > 0 && react_1.default.createElement("span", null, "You are in: "),
        truncateBreadcrumbs && (react_1.default.createElement(react_1.default.Fragment, null,
            react_1.default.createElement("button", { className: "BreadcrumbItem Current" }, "..."),
            react_1.default.createElement("span", null, ">"))),
        items.map(function (item, index) { return (react_1.default.createElement(react_1.default.Fragment, null,
            react_1.default.createElement("button", { className: "BreadcrumbItem " + (item.isCurrent ? 'Current' : ''), key: index, onClick: function (event) {
                    event.preventDefault();
                    if (item.action) {
                        item.action();
                    }
                } }, item.name),
            index !== items.length - 1 && react_1.default.createElement("span", null, ">"))); })));
};
exports.Breadcrumbs = Breadcrumbs;
//# sourceMappingURL=Breadcrumbs.js.map