@kubit-ui-web/react-components
Version:
Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience
23 lines • 1.85 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.BreadcrumbsStandAlone = void 0;
const jsx_runtime_1 = require("react/jsx-runtime");
const react_1 = __importDefault(require("react"));
// styles
const breadcrumbs_styled_1 = require("./breadcrumbs.styled");
const crumbStandAlone_1 = require("./components/crumbStandAlone");
const crumbMaxCharName_1 = require("./utils/crumbMaxCharName");
const useIsOverflow_1 = __importDefault(require("./utils/useIsOverflow"));
const BreadcrumbsStandAloneComponent = ({ id, dataTestId = 'breadcrumbs', crumbs, styles, minCharLimit = 20, lastOneCrumbComponent, ...props }, ref) => {
const { innerRef, isOverflow } = (0, useIsOverflow_1.default)();
return ((0, jsx_runtime_1.jsx)(breadcrumbs_styled_1.BreadcrumbsStyled, { ref: ref, "data-testid": dataTestId, id: id, children: (0, jsx_runtime_1.jsx)(breadcrumbs_styled_1.BreadcrumbsNavStyled, { ref: innerRef, "aria-label": props['aria-label'], children: (0, jsx_runtime_1.jsx)("ol", { children: crumbs?.length &&
crumbs.map((crumb, index) => {
const lastCrumb = index + 1 === crumbs.length;
return ((0, jsx_runtime_1.jsx)(crumbStandAlone_1.CrumbStandAlone, { crumb: (0, crumbMaxCharName_1.crumbMaxCharName)(crumb, minCharLimit, isOverflow, lastCrumb), dataTestId: `${dataTestId}-${index}`, dividerIcon: props.dividerIcon, lastCrumb: lastCrumb, lastOneCrumbComponent: lastOneCrumbComponent, link: props.link, styles: styles }, crumb.name));
}) }) }) }));
};
exports.BreadcrumbsStandAlone = react_1.default.forwardRef(BreadcrumbsStandAloneComponent);
//# sourceMappingURL=breadcrumbsStandAlone.js.map