src/components/widgets/Form/fields/FilterButtonsField/FilterButtonsField.jsx

import React from 'react';
import PropTypes from 'prop-types';

import Buttons from '../../../../snippets/Filter/Buttons';

/**
 * Компонент обертка для встраивания кнопок фильтра в любое место формы, как Field.
 * Методы берутся из контекста, поэтому обязательно использовать внутри WidgetFilters
 * @reactProps {boolean} visible
 * @reactProps {string} searchLabel
 * @reactProps {string} resetLabel
 */
class FilterButtonsField extends React.Component {
  render() {
    const { visible, searchLabel, resetLabel } = this.props;
    const { _widgetFilter } = this.context;
    return visible ? (
      <Buttons
        searchLabel={searchLabel}
        resetLabel={resetLabel}
        onSearch={_widgetFilter.filter}
        onReset={_widgetFilter.reset}
      />
    ) : null;
  }
}

FilterButtonsField.propTypes = {
  searchLabel: PropTypes.string,
  resetLabel: PropTypes.string,
  visible: PropTypes.bool,
};

FilterButtonsField.defaultProps = {
  visible: true,
};

FilterButtonsField.contextTypes = {
  _widgetFilter: PropTypes.object,
};

export default FilterButtonsField;