monday-ui-react-core
Version:
Official monday.com UI resources for application development in React.js
3 lines (2 loc) • 1.46 kB
JavaScript
import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as r,ComponentDefaultTestId as t}from"../../../tests/testIds.js";import i from"classnames";import o,{useRef as s}from"react";import a from"../../../hooks/useIsOverflowing/useIsOverflowing.js";import l from"../../Tooltip/Tooltip.js";import{backwardCompatibilityForProperties as m}from"../../../helpers/backwardCompatibilityForProperties.js";import{BreadcrumbContent as d}from"./BreadcrumbContent/BreadcrumbContent.js";import{HideShowEvent as n}from"../../../constants/dialog.js";import"../../../constants/sizes.js";import"../../../constants/positions.js";import c from"./BreadcrumbItem.module.scss.js";var p=[n.MOUSE_ENTER],f=[n.MOUSE_LEAVE],u=function(n){var u=n.className,b=n.text,g=void 0===b?"":b,E=n.isClickable,j=void 0!==E&&E,C=n.link,v=n.onClick,T=n.isCurrent,h=void 0!==T&&T,k=n.icon,w=n.id,B=n.showText,I=void 0===B||B,x=n["data-testid"],D=m([n.disabled,n.isDisabled],!1),_=s(null),y=a({ref:_});return o.createElement(l,{disableDialogSlide:!0,withoutDialog:!1,content:(y||!I)&&g,showTrigger:p,hideTrigger:f,addKeyboardHideShowTriggersByDefault:!I},o.createElement("li",{id:w,"data-testid":x||r(t.BREADCRUMB_ITEM,w),className:i(c.breadcrumbItemWrapper,u,e({},c.disabled,D))},o.createElement(d,{ref:_,isClickable:j,link:C,onClick:v,text:g,icon:k,isCurrent:h,disabled:D,showText:I})))};export{u as default};
//# sourceMappingURL=BreadcrumbItem.js.map