azure-devops-ui
Version:
React components for building web UI in Azure DevOps
1 lines • 915 B
JavaScript
import{__assign,__rest}from"tslib";import"../../CommonImports";import"../../Core/core.css";import"./Dropdown.css";import*as React from"react";import{ExpandableButton}from"../../Button";function DropdownExpandableButton(e){var t=e.expandableRef,o=e.items,r=e.placeholder,l=e.renderSelectedItems,n=e.selection,a=(e.tooltipProps,__rest(e,["expandableRef","items","placeholder","renderSelectedItems","selection","tooltipProps"]));return 0<n.selectedCount&&(r=l(n,o)),React.createElement(ExpandableButton,__assign({ref:t},a,{tooltipProps:__assign({overflowOnly:!0,overflowDetected:overflowDetected},e.tooltipProps)}),React.createElement("div",{className:"bolt-dropdown-expandable-button-label justify-start flex-grow text-ellipsis"},e.children,r))}function overflowDetected(e){e=e.querySelector(".bolt-dropdown-expandable-button-label");return!!e&&e.scrollWidth>Math.ceil(e.offsetWidth)}export{DropdownExpandableButton};