azure-devops-ui/Components/Dropdown/DropdownExpandableButton.min.js

React components for building web UI in Azure DevOps

import{__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{expandableRef:t,items:o,placeholder:l,renderSelectedItems:r,selection:n}=e,a=__rest(e,["expandableRef","items","placeholder","renderSelectedItems","selection","tooltipProps"]);let p=l;return 0<n.selectedCount&&(p=r(n,o)),React.createElement(ExpandableButton,Object.assign({ref:t},a,{tooltipProps:Object.assign({overflowOnly:null==(r=null==(l=e.tooltipProps)?void 0:l.overflowOnly)||r,overflowDetected:overflowDetected},e.tooltipProps)}),React.createElement("div",{className:"bolt-dropdown-expandable-button-label justify-start flex-grow text-ellipsis"},e.children,p))}function overflowDetected(e){e=e.querySelector(".bolt-dropdown-expandable-button-label");return!!e&&e.scrollWidth>Math.ceil(e.offsetWidth)}export{DropdownExpandableButton};