es-grid-template/es/grid-component/FilterSearch.js

es-grid-template

import * as React from 'react';
import SearchOutlined from '@ant-design/icons/SearchOutlined';
import { Input } from 'rc-master-ui';
const FilterSearch = props => {
  const {
    value,
    filterSearch,
    tablePrefixCls,
    locale,
    onChange
  } = props;
  if (!filterSearch) {
    return null;
  }
  return /*#__PURE__*/React.createElement("div", {
    className: `${tablePrefixCls}-filter-dropdown-search`,
    style: {
      paddingLeft: 0,
      paddingRight: 0
    }
  }, /*#__PURE__*/React.createElement(Input, {
    suffix: /*#__PURE__*/React.createElement(SearchOutlined, null),
    placeholder: locale?.filterSearchPlaceholder,
    onChange: onChange,
    value: value,
    autoFocus: true
    // for skip min-width of input
    ,
    htmlSize: 1,
    className: `${tablePrefixCls}-filter-dropdown-search-input`
  }));
};
export default FilterSearch;