@talend/react-faceted-search/lib-esm/components/AddFacetPopover/AddFacetPopoverHeader/AddFacetPopoverHeader.component.js

Faceted search

import PropTypes from 'prop-types';
import { ButtonTertiary, Form } from '@talend/design-system';
import { isNull } from "lodash";
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
export const AddFacetPopoverHeader = ({
  category,
  onCategoryChange,
  id,
  onFilter,
  filterValue,
  t
}) => /*#__PURE__*/_jsxs("div", {
  id: `${id}-header`,
  children: [!isNull(category) && /*#__PURE__*/_jsx(ButtonTertiary, {
    "data-test": "add-facet-popover-header-goback",
    "data-testid": "add-facet-popover-header-goback",
    icon: "chevron-left",
    size: "S",
    onClick: () => onCategoryChange(null),
    children: t('ADD_FACET_FILTER_BACK', 'Back')
  }), /*#__PURE__*/_jsx(Form.Search, {
    id: `${id}-filter`,
    placeholder: t('ADD_FACET_FILTER_PLACEHOLDER', 'Find a filter'),
    onChange: onFilter,
    value: filterValue
  })]
});
AddFacetPopoverHeader.propTypes = {
  category: PropTypes.string,
  onCategoryChange: PropTypes.func.isRequired,
  id: PropTypes.string.isRequired,
  onFilter: PropTypes.func.isRequired,
  filterValue: PropTypes.string.isRequired,
  t: PropTypes.func.isRequired
};
//# sourceMappingURL=AddFacetPopoverHeader.component.js.map