azure-devops-ui/Components/TextFilterBarItem/KeywordFilterBarItem.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*as Resources from"../../Resources.Input";import{TextFieldStyle,TextFieldWidth}from"../../TextField";import{TextFilterBarItem}from"./TextFilterBarItem";var KeywordFilterBarItem=function(e){function r(){return null!==e&&e.apply(this,arguments)||this}return __extends(r,e),r.prototype.getExtraTextFieldProps=function(){var e=this.props.placeholder||Resources.KeywordFilterBarItemPlaceholderText;return{prefixIconProps:{className:"keyword-filter-icon",iconName:"Filter"},placeholder:e,ariaLabel:this.props.ariaLabel||e,role:"searchbox"}},r}(TextFilterBarItem),InlineKeywordFilterBarItem=function(e){return React.createElement("div",{className:"flex-noshrink flex-row bolt-inline-keyword-filter-bar"},React.createElement(KeywordFilterBarItem,__assign({clearable:!0},e,{style:TextFieldStyle.inline,width:TextFieldWidth.tabBar})))};export{KeywordFilterBarItem,InlineKeywordFilterBarItem};