azure-devops-ui/Components/ZeroData/ZeroData.min.js

React components for building web UI in Azure DevOps

import{__assign,__extends}from"tslib";import"../../CommonImports";import"../../Core/core.css";import"./ZeroData.css";import*as React from"react";import{Button}from"../../Button";import{Icon}from"../../Icon";import{Link}from"../../Link";import{css}from"../../Util";import{ZeroDataActionType}from"./ZeroData.Props";var ZeroData=function(e){return React.createElement(ZeroDataMultiple,{items:[e],className:e.className})},ZeroDataMultiple=function(e){var a=1<e.items.length;return React.createElement("div",{className:css("vss-ZeroData flex-row justify-center",a?"multiple":"single",e.className)},e.items.map(function(e,t){return React.createElement(ZeroDataItem,{item:e,key:t,multiple:a})}))},ZeroDataItem=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return __extends(t,e),t.prototype.render=function(){var e=this.props.item,t="string"==typeof e.secondaryText?React.createElement("span",null,e.secondaryText):e.secondaryText;return React.createElement("div",{className:css("vss-ZeroDataItem flex-column flex-center",this.props.multiple&&"flex-grow")},e.iconProps?React.createElement(Icon,__assign({className:"vss-ZeroDataItem--icon-image"},e.iconProps)):React.createElement("img",{className:"vss-ZeroDataItem--image",src:e.imagePath,alt:e.imageAltText}),React.createElement("div",{className:css("vss-ZeroDataItem--primary margin-horizontal-16",this.props.multiple?"title-m":"title-l")},e.primaryText),t&&React.createElement("div",{className:"vss-ZeroDataItem--secondary margin-horizontal-16"},t),this.renderAction(e))},t.prototype.renderAction=function(t){var e;return t.renderAction?t.renderAction():t.actionText?t.actionType===ZeroDataActionType.ctaButton||1===t.actionType?(e=__assign(__assign({},t.actionButtonProps||{}),{className:"vss-ZeroDataItem--action",text:t.actionText,onClick:function(e){t.onActionClick&&t.onActionClick.call(null,e,t)},href:t.actionHref,role:t.actionHref?"link":void 0}),React.createElement(Button,__assign({},e,{primary:!0}))):React.createElement(Link,{href:t.actionHref},t.actionText):null},t}(React.Component);export{ZeroData};