@atlaskit/breadcrumbs
Version:
Breadcrumbs are a navigation system used to show a user's location in a site or app.
53 lines (52 loc) • 2 kB
JavaScript
/* ellipsis-popup.tsx generated by @compiled/babel-plugin v3.0.2 */
import _extends from "@babel/runtime/helpers/extends";
import "./ellipsis-popup.compiled.css";
import * as React from 'react';
import { ax, ix } from "@compiled/react/runtime";
import IconButton from '@atlaskit/button/icon/button';
import DropdownMenu from '@atlaskit/dropdown-menu/dropdown-menu';
import DropdownItem from '@atlaskit/dropdown-menu/dropdown-menu-item';
import DropdownItemGroup from '@atlaskit/dropdown-menu/dropdown-menu-item-group';
import ShowMoreHorizontalIcon from '@atlaskit/icon/core/show-more-horizontal';
const groupWrapperStyles = null;
// eslint-disable-next-line @repo/internal/react/require-jsdoc
export default function EllipsisPopup({
collapsedItems,
label,
onClick,
testId
}) {
return /*#__PURE__*/React.createElement(DropdownMenu, {
trigger: ({
triggerRef,
isSelected,
testId: _triggerTestId,
...triggerProps
}) => {
const handleClick = event => {
var _triggerProps$onClick;
(_triggerProps$onClick = triggerProps.onClick) === null || _triggerProps$onClick === void 0 ? void 0 : _triggerProps$onClick.call(triggerProps, event);
onClick === null || onClick === void 0 ? void 0 : onClick(event);
};
return /*#__PURE__*/React.createElement(IconButton, _extends({}, triggerProps, {
ref: triggerRef,
icon: ShowMoreHorizontalIcon,
label: label,
isSelected: isSelected,
appearance: "subtle",
spacing: "compact",
isTooltipDisabled: true,
onClick: handleClick,
testId: testId
}));
},
placement: "bottom-start"
}, /*#__PURE__*/React.createElement("div", {
className: ax(["_p12f1y37"])
}, /*#__PURE__*/React.createElement(DropdownItemGroup, null, collapsedItems.map((item, i) => /*#__PURE__*/React.createElement(DropdownItem, {
key: i,
href: item.href,
target: item.target,
onClick: item.onClick
}, item.text)))));
}