1 | import _extends from "@babel/runtime/helpers/extends";
|
2 | import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
|
3 | import React, { Fragment } from 'react';
|
4 | import PropTypes from 'prop-types';
|
5 | import Highlighter from './Highlighter';
|
6 | import Menu from './Menu';
|
7 | import MenuItem from './MenuItem';
|
8 | import { getOptionLabel, getOptionProperty } from '../utils';
|
9 | var propTypes = {
|
10 | |
11 |
|
12 |
|
13 |
|
14 | newSelectionPrefix: PropTypes.node,
|
15 |
|
16 | |
17 |
|
18 |
|
19 | paginationText: PropTypes.node,
|
20 |
|
21 | |
22 |
|
23 |
|
24 | renderMenuItemChildren: PropTypes.func
|
25 | };
|
26 | var defaultProps = {
|
27 | newSelectionPrefix: 'New selection: ',
|
28 | paginationText: 'Display additional results...',
|
29 | renderMenuItemChildren: function renderMenuItemChildren(option, props, idx) {
|
30 | return React.createElement(Highlighter, {
|
31 | search: props.text
|
32 | }, getOptionLabel(option, props.labelKey));
|
33 | }
|
34 | };
|
35 |
|
36 | var TypeaheadMenu = function TypeaheadMenu(props) {
|
37 | var labelKey = props.labelKey,
|
38 | newSelectionPrefix = props.newSelectionPrefix,
|
39 | options = props.options,
|
40 | paginationText = props.paginationText,
|
41 | renderMenuItemChildren = props.renderMenuItemChildren,
|
42 | text = props.text,
|
43 | menuProps = _objectWithoutPropertiesLoose(props, ["labelKey", "newSelectionPrefix", "options", "paginationText", "renderMenuItemChildren", "text"]);
|
44 |
|
45 | var renderMenuItem = function renderMenuItem(option, position) {
|
46 | var label = getOptionLabel(option, labelKey);
|
47 | var menuItemProps = {
|
48 | disabled: getOptionProperty(option, 'disabled'),
|
49 | label: label,
|
50 | option: option,
|
51 | position: position
|
52 | };
|
53 |
|
54 | if (option.customOption) {
|
55 | return React.createElement(MenuItem, _extends({}, menuItemProps, {
|
56 | className: "rbt-menu-custom-option",
|
57 | key: position,
|
58 | label: label
|
59 | }), newSelectionPrefix, React.createElement(Highlighter, {
|
60 | search: text
|
61 | }, label));
|
62 | }
|
63 |
|
64 | if (option.paginationOption) {
|
65 | return React.createElement(Fragment, {
|
66 | key: "pagination-item"
|
67 | }, React.createElement(Menu.Divider, null), React.createElement(MenuItem, _extends({}, menuItemProps, {
|
68 | className: "rbt-menu-pagination-option",
|
69 | label: paginationText
|
70 | }), paginationText));
|
71 | }
|
72 |
|
73 | return React.createElement(MenuItem, _extends({}, menuItemProps, {
|
74 | key: position
|
75 | }), renderMenuItemChildren(option, props, position));
|
76 | };
|
77 |
|
78 | return (
|
79 |
|
80 |
|
81 | React.createElement(Menu, _extends({}, menuProps, {
|
82 | text: text
|
83 | }), options.map(renderMenuItem))
|
84 | );
|
85 | };
|
86 |
|
87 | TypeaheadMenu.propTypes = propTypes;
|
88 | TypeaheadMenu.defaultProps = defaultProps;
|
89 | export default TypeaheadMenu; |
\ | No newline at end of file |