monday-ui-react-core
Version:
Official monday.com UI resources for application development in React.js
3 lines (2 loc) • 1.5 kB
JavaScript
import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{useState as t,useRef as r,useMemo as i,useCallback as n}from"react";import l from"../Tooltip/Tooltip.js";import a from"./AvatarGroupCounterTooltipContent.js";import{useTooltipContentTabNavigation as s}from"./AvatarGroupCounterTooltipHelper.js";import{AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY as u}from"./AvatarGroupConstants.js";var c=[l.hideShowTriggers.MOUSE_ENTER],p=[l.hideShowTriggers.MOUSE_LEAVE],d=function(d){var f=d.focusPrevPlaceholderRef,m=d.focusNextPlaceholderRef,v=d.counterContainerRef,T=d.children,h=void 0===T?[]:T,g=d.avatars,C=void 0===g?[]:g,E=d.type,R=d.className,P=d.counterTooltipCustomProps,b=d.counterTooltipIsVirtualizedList,j=void 0!==b&&b,y=t(!1),A=e(y,2),N=A[0],V=A[1],w=r(null),O=i((function(){return(null==P?void 0:P.content)||o.createElement(a,{avatars:C,type:E,className:R,isVirtualizedList:j,tooltipContentContainerRef:w})}),[C,R,null==P?void 0:P.content,j,E]);s({counterContainerRef:v,tooltipContentContainerRef:w,focusPrevPlaceholderRef:f,focusNextPlaceholderRef:m,setIsKeyboardTooltipVisible:V,isKeyboardTooltipVisible:N});var S=n((function(){V(!1)}),[]);return(null==C?void 0:C.length)||(null==P?void 0:P.content)?o.createElement(l,Object.assign({showOnDialogEnter:!0,open:N,hideDelay:u,showTrigger:c,hideTrigger:p,onTooltipHide:S},P||{},{content:O}),h):o.createElement(o.Fragment,null,h)};export{d as default};
//# sourceMappingURL=AvatarGroupCounterTooltipContainer.js.map