UNPKG

@atlaskit/breadcrumbs

Version:

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

64 lines (62 loc) • 3.36 kB
"use strict"; var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault"); Object.defineProperty(exports, "__esModule", { value: true }); exports.default = void 0; var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")); var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty")); var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties")); var _react = _interopRequireDefault(require("react")); var _usePlatformLeafEventHandler = require("@atlaskit/analytics-next/usePlatformLeafEventHandler"); var _standardButton = _interopRequireDefault(require("@atlaskit/button/standard-button")); var _noop = _interopRequireDefault(require("@atlaskit/ds-lib/noop")); var _fg = require("@atlaskit/platform-feature-flags/fg"); var _excluded = ["analyticsContext", "component", "hasOverflow", "href", "iconAfter", "iconBefore", "onClick", "target", "testId"]; function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; } function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } var analyticsAttributes = { componentName: 'breadcrumbsItem', packageName: "@atlaskit/breadcrumbs", packageVersion: "17.8.3" }; var noop = _noop.default; /** * __Step__ * * A button that represents a single step in a breadcrumbs component. */ var StepOld = /*#__PURE__*/_react.default.forwardRef(function (_ref, ref) { var analyticsContext = _ref.analyticsContext, component = _ref.component, _ref$hasOverflow = _ref.hasOverflow, hasOverflow = _ref$hasOverflow === void 0 ? true : _ref$hasOverflow, _ref$href = _ref.href, href = _ref$href === void 0 ? '#' : _ref$href, iconAfter = _ref.iconAfter, iconBefore = _ref.iconBefore, _ref$onClick = _ref.onClick, onClickProvided = _ref$onClick === void 0 ? noop : _ref$onClick, target = _ref.target, testId = _ref.testId, props = (0, _objectWithoutProperties2.default)(_ref, _excluded); var handleClicked = (0, _usePlatformLeafEventHandler.usePlatformLeafEventHandler)(_objectSpread({ fn: onClickProvided, action: 'clicked', analyticsData: analyticsContext }, analyticsAttributes)); var resolvedIconAfter = (0, _fg.fg)('platform_dst_breadcrumbs-refresh') ? undefined : hasOverflow ? undefined : iconAfter; return /*#__PURE__*/_react.default.createElement(_standardButton.default, (0, _extends2.default)({}, props, { appearance: "subtle-link", component: component, href: href, iconAfter: resolvedIconAfter, iconBefore: hasOverflow ? undefined : iconBefore, onClick: handleClicked, ref: ref, spacing: "none", target: target, testId: testId })); }); var _default = exports.default = StepOld;