UNPKG

@atlaskit/breadcrumbs

Version:

Breadcrumbs are a navigation system used to show a user's location in a site or app.

78 lines (76 loc) • 4.01 kB
/* breadcrumbs-item-base.tsx generated by @compiled/babel-plugin v3.0.2 */ "use strict"; var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); var _typeof = require("@babel/runtime/helpers/typeof"); Object.defineProperty(exports, "__esModule", { value: true }); exports.default = void 0; require("./breadcrumbs-item-base.compiled.css"); var _react = _interopRequireWildcard(require("react")); var React = _react; var _runtime = require("@compiled/react/runtime"); var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties")); var _mergeRefs = _interopRequireDefault(require("@atlaskit/ds-lib/merge-refs")); var _Tooltip = _interopRequireDefault(require("@atlaskit/tooltip/Tooltip")); var _step = _interopRequireDefault(require("./step")); var _excluded = ["ref", "testId"]; function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); } var itemWrapperStyles = null; var BreadcrumbsItemBase = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) { var analyticsContext = _ref.analyticsContext, elemBefore = _ref.elemBefore, href = _ref.href, iconAfter = _ref.iconAfter, iconBefore = _ref.iconBefore, onClick = _ref.onClick, onTooltipShown = _ref.onTooltipShown, target = _ref.target, testId = _ref.testId, text = _ref.text, title = _ref.title, truncationWidth = _ref.truncationWidth, shouldShowTooltip = _ref.shouldShowTooltip, stepRef = _ref.stepRef, xcss = _ref.xcss, ariaLabel = _ref['aria-label'], ariaLabelledBy = _ref['aria-labelledby'], ariaCurrent = _ref['aria-current']; var resolvedElemBefore = elemBefore !== null && elemBefore !== void 0 ? elemBefore : iconBefore; var renderStep = function renderStep(triggerProps) { var _ref2 = triggerProps !== null && triggerProps !== void 0 ? triggerProps : {}, tooltipRef = _ref2.ref, _testId = _ref2.testId, tooltipTriggerProps = (0, _objectWithoutProperties2.default)(_ref2, _excluded); return /*#__PURE__*/React.createElement(_step.default, { ref: tooltipRef ? (0, _mergeRefs.default)([stepRef, tooltipRef]) : stepRef, analyticsContext: analyticsContext, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-current": ariaCurrent, elemBefore: resolvedElemBefore, href: href, iconAfter: iconAfter, iconBefore: iconBefore, onClick: onClick, target: target, testId: testId, title: title, triggerProps: triggerProps ? tooltipTriggerProps : undefined, truncationWidth: truncationWidth }, text); }; var step = renderStep(); return /*#__PURE__*/React.createElement("li", { ref: ref // eslint-disable-next-line @atlaskit/ui-styling-standard/no-classname-prop -- required for public xcss passthrough , className: (0, _runtime.ax)(["_1e0c1txw _vchhusvi _p12f1osq _4cvr1h6o _2lx2vrvc _1wpz1h6o _ect4ttxp _6rthze3t _1pfhze3t _12l2ze3t _ahbqze3t _85i5ze3t _1q51ze3t _y4tize3t _bozgze3t _1mnxv77o _1nh4u2gc _z0aiftgi _tua5idpf _1plw1q9y _14rn1rpy _aetr1n76 _8yoa1h6o", xcss]) }, shouldShowTooltip ? /*#__PURE__*/React.createElement(_Tooltip.default, { content: text, position: "bottom", onShow: onTooltipShown }, renderStep) : step); }); // eslint-disable-next-line @repo/internal/react/require-jsdoc var _default = exports.default = BreadcrumbsItemBase;