instantsearch-ui-components
Version:
Common UI components for InstantSearch.
43 lines (42 loc) • 1.97 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.createAutocompleteSuggestionComponent = createAutocompleteSuggestionComponent;
var _lib = require("../../lib");
var _icons = require("./icons");
function createAutocompleteSuggestionComponent(_ref) {
var createElement = _ref.createElement;
return function AutocompleteSuggestion(userProps) {
var item = userProps.item,
children = userProps.children,
onSelect = userProps.onSelect,
onApply = userProps.onApply,
_userProps$classNames = userProps.classNames,
classNames = _userProps$classNames === void 0 ? {} : _userProps$classNames;
return createElement("div", {
onClick: onSelect,
className: (0, _lib.cx)('ais-AutocompleteItemWrapper', 'ais-AutocompleteSuggestionWrapper', classNames.root)
}, createElement("div", {
className: (0, _lib.cx)('ais-AutocompleteItemContent', 'ais-AutocompleteSuggestionItemContent', classNames.content)
}, createElement("div", {
className: (0, _lib.cx)('ais-AutocompleteItemIcon', 'ais-AutocompleteSuggestionItemIcon', classNames.content)
}, createElement(_icons.SubmitIcon, {
createElement: createElement
})), createElement("div", {
className: (0, _lib.cx)('ais-AutocompleteItemContentBody', 'ais-AutocompleteSuggestionItemContentBody', classNames.content)
}, children)), createElement("div", {
className: (0, _lib.cx)('ais-AutocompleteItemActions', 'ais-AutocompleteSuggestionItemActions', classNames.actions)
}, createElement("button", {
className: (0, _lib.cx)('ais-AutocompleteItemActionButton', 'ais-AutocompleteSuggestionItemApplyButton', classNames.applyButton),
type: "button",
title: "Apply ".concat(item.query, " as search"),
onClick: function onClick(evt) {
evt.stopPropagation();
onApply();
}
}, createElement(_icons.ApplyIcon, {
createElement: createElement
}))));
};
}