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

Faceted search

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.AddFacetPopoverHeader = void 0;
var _propTypes = _interopRequireDefault(require("prop-types"));
var _designSystem = require("@talend/design-system");
var _lodash = require("lodash");
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const AddFacetPopoverHeader = ({
  category,
  onCategoryChange,
  id,
  onFilter,
  filterValue,
  t
}) => /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
  id: `${id}-header`,
  children: [!(0, _lodash.isNull)(category) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_designSystem.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__*/(0, _jsxRuntime.jsx)(_designSystem.Form.Search, {
    id: `${id}-filter`,
    placeholder: t('ADD_FACET_FILTER_PLACEHOLDER', 'Find a filter'),
    onChange: onFilter,
    value: filterValue
  })]
});
exports.AddFacetPopoverHeader = AddFacetPopoverHeader;
AddFacetPopoverHeader.propTypes = {
  category: _propTypes.default.string,
  onCategoryChange: _propTypes.default.func.isRequired,
  id: _propTypes.default.string.isRequired,
  onFilter: _propTypes.default.func.isRequired,
  filterValue: _propTypes.default.string.isRequired,
  t: _propTypes.default.func.isRequired
};
//# sourceMappingURL=AddFacetPopoverHeader.component.js.map