azure-devops-ui/Components/ResizeGroup/OverflowButton.min.js

React components for building web UI in Azure DevOps

import{__assign,__extends}from"tslib";import"../../CommonImports";import"../../Core/core.css";import*as React from"react";import{MoreButton}from"../Menu/MoreButton";import{Observer}from"../../Observer";import{ResizeGroupContext}from"./ResizeGroup";var OverflowButton=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this;return e.moreButton=React.createRef(),e}return __extends(e,t),e.prototype.render=function(){var t=this;return React.createElement(ResizeGroupContext.Consumer,null,function(e){return React.createElement(Observer,{menuItems:e.overflowItems},function(e){return e.menuItems&&0<e.menuItems.length?React.createElement(MoreButton,__assign({contextualMenuProps:{menuProps:{id:"overflow-menu",items:e.menuItems}},ref:t.moreButton},t.props)):React.createElement("div",null)})})},e.prototype.focus=function(){this.moreButton.current&&this.moreButton.current.focus()},e}(React.Component);export{OverflowButton};