monday-ui-react-core
Version:
Official monday.com UI resources for application development in React.js
3 lines (2 loc) • 970 B
JavaScript
import e,{useMemo as t}from"react";import i from"../VirtualizedList/VirtualizedList.js";import r from"./AvatarGroupCounterTooltipContentVirtualizedList.module.scss.js";var a=Object.freeze({maxItemsWithoutScroll:10,itemLineHeight:34,itemLineWidth:150}),n=function(n){var o=n.avatarItems,l=void 0===o?[]:o,m=n.avatarRenderer,u=n.type,s=n.tooltipContainerAriaLabel,d=n.tooltipContentContainerRef,c=t((function(){return l.map((function(e){return{value:e,height:a.itemLineHeight}}))}),[l]);return e.createElement("div",{className:r.virtualizedTooltipContainer,"aria-label":s,ref:d,tabIndex:-1},e.createElement(i,{items:c,itemRenderer:function(e,t,i){return m(e.value,t,i,u,!1)},role:"treegrid",scrollableClassName:r.scrollableContainer,getItemId:function(e,t){return t+""},style:{height:a.itemLineHeight*Math.min(l.length,a.maxItemsWithoutScroll),minWidth:a.itemLineWidth}}))};export{n as default};
//# sourceMappingURL=AvatarGroupCounterTooltipContentVirtualizedList.js.map