@transferwise/components 46.52.0 → 46.52.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/i18n/pt.json +2 -0
- package/build/i18n/pt.json.js +2 -0
- package/build/i18n/pt.json.js.map +1 -1
- package/build/i18n/pt.json.mjs +2 -0
- package/build/i18n/pt.json.mjs.map +1 -1
- package/build/i18n/zh-CN.json +2 -0
- package/build/i18n/zh-CN.json.js +2 -0
- package/build/i18n/zh-CN.json.js.map +1 -1
- package/build/i18n/zh-CN.json.mjs +2 -0
- package/build/i18n/zh-CN.json.mjs.map +1 -1
- package/build/typeahead/Typeahead.js +63 -59
- package/build/typeahead/Typeahead.js.map +1 -1
- package/build/typeahead/Typeahead.messages.js +12 -0
- package/build/typeahead/Typeahead.messages.js.map +1 -0
- package/build/typeahead/Typeahead.messages.mjs +10 -0
- package/build/typeahead/Typeahead.messages.mjs.map +1 -0
- package/build/typeahead/Typeahead.mjs +63 -59
- package/build/typeahead/Typeahead.mjs.map +1 -1
- package/build/types/typeahead/Typeahead.d.ts +2 -1
- package/build/types/typeahead/Typeahead.d.ts.map +1 -1
- package/build/types/typeahead/Typeahead.messages.d.ts +9 -0
- package/build/types/typeahead/Typeahead.messages.d.ts.map +1 -0
- package/package.json +3 -3
- package/src/i18n/pt.json +2 -0
- package/src/i18n/zh-CN.json +2 -0
- package/src/typeahead/Typeahead.messages.ts +9 -0
- package/src/typeahead/Typeahead.rtl.spec.tsx +13 -1
- package/src/typeahead/Typeahead.spec.js +12 -10
- package/src/typeahead/Typeahead.story.tsx +194 -195
- package/src/typeahead/Typeahead.tsx +16 -9
package/build/i18n/pt.json
CHANGED
|
@@ -23,6 +23,8 @@
|
|
|
23
23
|
"neptune.PhoneNumberInput.SelectInput.placeholder": "Escolha uma opção...",
|
|
24
24
|
"neptune.Select.searchPlaceholder": "Buscar...",
|
|
25
25
|
"neptune.SelectInput.noResultsFound": "Nenhum resultado encontrado",
|
|
26
|
+
"neptune.SelectOption.action.label": "Selecionar",
|
|
27
|
+
"neptune.SelectOption.selected.action.label": "Altere a opção escolhida",
|
|
26
28
|
"neptune.Summary.statusDone": "Pronto",
|
|
27
29
|
"neptune.Summary.statusNotDone": "Não iniciado",
|
|
28
30
|
"neptune.Summary.statusPending": "Pendente",
|
package/build/i18n/pt.json.js
CHANGED
|
@@ -25,6 +25,8 @@ var pt = {
|
|
|
25
25
|
"neptune.PhoneNumberInput.SelectInput.placeholder": "Escolha uma opção...",
|
|
26
26
|
"neptune.Select.searchPlaceholder": "Buscar...",
|
|
27
27
|
"neptune.SelectInput.noResultsFound": "Nenhum resultado encontrado",
|
|
28
|
+
"neptune.SelectOption.action.label": "Selecionar",
|
|
29
|
+
"neptune.SelectOption.selected.action.label": "Altere a opção escolhida",
|
|
28
30
|
"neptune.Summary.statusDone": "Pronto",
|
|
29
31
|
"neptune.Summary.statusNotDone": "Não iniciado",
|
|
30
32
|
"neptune.Summary.statusPending": "Pendente",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pt.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"pt.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/build/i18n/pt.json.mjs
CHANGED
|
@@ -23,6 +23,8 @@ var pt = {
|
|
|
23
23
|
"neptune.PhoneNumberInput.SelectInput.placeholder": "Escolha uma opção...",
|
|
24
24
|
"neptune.Select.searchPlaceholder": "Buscar...",
|
|
25
25
|
"neptune.SelectInput.noResultsFound": "Nenhum resultado encontrado",
|
|
26
|
+
"neptune.SelectOption.action.label": "Selecionar",
|
|
27
|
+
"neptune.SelectOption.selected.action.label": "Altere a opção escolhida",
|
|
26
28
|
"neptune.Summary.statusDone": "Pronto",
|
|
27
29
|
"neptune.Summary.statusNotDone": "Não iniciado",
|
|
28
30
|
"neptune.Summary.statusPending": "Pendente",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pt.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"pt.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/build/i18n/zh-CN.json
CHANGED
|
@@ -23,6 +23,8 @@
|
|
|
23
23
|
"neptune.PhoneNumberInput.SelectInput.placeholder": "选择其中一项...",
|
|
24
24
|
"neptune.Select.searchPlaceholder": "搜索",
|
|
25
25
|
"neptune.SelectInput.noResultsFound": "找不到结果",
|
|
26
|
+
"neptune.SelectOption.action.label": "选择",
|
|
27
|
+
"neptune.SelectOption.selected.action.label": "更改所选选项",
|
|
26
28
|
"neptune.Summary.statusDone": "已完成",
|
|
27
29
|
"neptune.Summary.statusNotDone": "未完成",
|
|
28
30
|
"neptune.Summary.statusPending": "待处理",
|
package/build/i18n/zh-CN.json.js
CHANGED
|
@@ -25,6 +25,8 @@ var zhCN = {
|
|
|
25
25
|
"neptune.PhoneNumberInput.SelectInput.placeholder": "选择其中一项...",
|
|
26
26
|
"neptune.Select.searchPlaceholder": "搜索",
|
|
27
27
|
"neptune.SelectInput.noResultsFound": "找不到结果",
|
|
28
|
+
"neptune.SelectOption.action.label": "选择",
|
|
29
|
+
"neptune.SelectOption.selected.action.label": "更改所选选项",
|
|
28
30
|
"neptune.Summary.statusDone": "已完成",
|
|
29
31
|
"neptune.Summary.statusNotDone": "未完成",
|
|
30
32
|
"neptune.Summary.statusPending": "待处理",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"zh-CN.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"zh-CN.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -23,6 +23,8 @@ var zhCN = {
|
|
|
23
23
|
"neptune.PhoneNumberInput.SelectInput.placeholder": "选择其中一项...",
|
|
24
24
|
"neptune.Select.searchPlaceholder": "搜索",
|
|
25
25
|
"neptune.SelectInput.noResultsFound": "找不到结果",
|
|
26
|
+
"neptune.SelectOption.action.label": "选择",
|
|
27
|
+
"neptune.SelectOption.selected.action.label": "更改所选选项",
|
|
26
28
|
"neptune.Summary.statusDone": "已完成",
|
|
27
29
|
"neptune.Summary.statusNotDone": "未完成",
|
|
28
30
|
"neptune.Summary.statusPending": "待处理",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"zh-CN.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"zh-CN.json.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -5,13 +5,15 @@ var clsx = require('clsx');
|
|
|
5
5
|
var clamp = require('lodash.clamp');
|
|
6
6
|
var debounce = require('lodash.debounce');
|
|
7
7
|
var React = require('react');
|
|
8
|
+
var reactIntl = require('react-intl');
|
|
8
9
|
var Chip = require('../chips/Chip.js');
|
|
9
|
-
var documentIosClick = require('../common/domHelpers/documentIosClick.js');
|
|
10
10
|
var InlineAlert = require('../inlineAlert/InlineAlert.js');
|
|
11
11
|
var contexts = require('../inputs/contexts.js');
|
|
12
12
|
var TypeaheadInput = require('./typeaheadInput/TypeaheadInput.js');
|
|
13
13
|
var TypeaheadOption = require('./typeaheadOption/TypeaheadOption.js');
|
|
14
|
+
var Typeahead_messages = require('./Typeahead.messages.js');
|
|
14
15
|
var jsxRuntime = require('react/jsx-runtime');
|
|
16
|
+
var documentIosClick = require('../common/domHelpers/documentIosClick.js');
|
|
15
17
|
var sentiment = require('../common/propsValues/sentiment.js');
|
|
16
18
|
var size = require('../common/propsValues/size.js');
|
|
17
19
|
|
|
@@ -20,9 +22,6 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
|
20
22
|
var clamp__default = /*#__PURE__*/_interopDefault(clamp);
|
|
21
23
|
var debounce__default = /*#__PURE__*/_interopDefault(debounce);
|
|
22
24
|
|
|
23
|
-
/* eslint-disable jsx-a11y/anchor-is-valid */
|
|
24
|
-
/* eslint-disable jsx-a11y/click-events-have-key-events */
|
|
25
|
-
/* eslint-disable jsx-a11y/no-static-element-interactions */
|
|
26
25
|
const DEFAULT_MIN_QUERY_LENGTH = 3;
|
|
27
26
|
const SEARCH_DELAY = 200;
|
|
28
27
|
class Typeahead extends React.Component {
|
|
@@ -401,67 +400,72 @@ class Typeahead extends React.Component {
|
|
|
401
400
|
const displayAlert = !errorState && alert || alert && alertType === sentiment.Sentiment.ERROR;
|
|
402
401
|
const hasWarning = displayAlert && alertType === sentiment.Sentiment.WARNING;
|
|
403
402
|
const hasInfo = displayAlert && alertType === sentiment.Sentiment.NEUTRAL;
|
|
404
|
-
return
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
'typeahead
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
className: clsx.clsx('form-group', {
|
|
417
|
-
'has-error': hasError,
|
|
418
|
-
'has-warning': hasWarning,
|
|
419
|
-
'has-info': hasInfo
|
|
403
|
+
return (
|
|
404
|
+
/*#__PURE__*/
|
|
405
|
+
/* eslint-disable-next-line jsx-a11y/click-events-have-key-events */
|
|
406
|
+
jsxRuntime.jsx("div", {
|
|
407
|
+
role: "group",
|
|
408
|
+
...inputAttributes,
|
|
409
|
+
id: id,
|
|
410
|
+
className: clsx.clsx('typeahead', `typeahead-${size}`, {
|
|
411
|
+
'typeahead--has-value': selected.length > 0,
|
|
412
|
+
'typeahead--empty': selected.length === 0,
|
|
413
|
+
'typeahead--multiple': multiple,
|
|
414
|
+
open: dropdownOpen
|
|
420
415
|
}),
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
416
|
+
onClick: documentIosClick.stopPropagation,
|
|
417
|
+
children: /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
418
|
+
className: clsx.clsx('form-group', {
|
|
419
|
+
'has-error': hasError,
|
|
420
|
+
'has-warning': hasWarning,
|
|
421
|
+
'has-info': hasInfo
|
|
424
422
|
}),
|
|
425
|
-
children: [
|
|
426
|
-
className:
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
451
|
-
children: /*#__PURE__*/jsxRuntime.jsx(
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
|
|
423
|
+
children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
424
|
+
className: clsx.clsx(`input-group input-group-${size}`, {
|
|
425
|
+
'input-group--has-error': hasError
|
|
426
|
+
}),
|
|
427
|
+
children: [addon && /*#__PURE__*/jsxRuntime.jsx("span", {
|
|
428
|
+
className: "input-group-addon input-group-addon--search",
|
|
429
|
+
children: addon
|
|
430
|
+
}), /*#__PURE__*/jsxRuntime.jsx(TypeaheadInput, {
|
|
431
|
+
autoFocus,
|
|
432
|
+
multiple,
|
|
433
|
+
dropdownOpen,
|
|
434
|
+
placeholder,
|
|
435
|
+
selected,
|
|
436
|
+
maxHeight,
|
|
437
|
+
id: id,
|
|
438
|
+
name: name,
|
|
439
|
+
value: query,
|
|
440
|
+
typeaheadId: id,
|
|
441
|
+
renderChip: this.renderChip,
|
|
442
|
+
autoComplete: inputAutoComplete,
|
|
443
|
+
onChange: this.handleOnChange,
|
|
444
|
+
onKeyDown: this.handleOnKeyDown,
|
|
445
|
+
onFocus: this.handleOnFocus,
|
|
446
|
+
onPaste: this.handleOnPaste
|
|
447
|
+
}), clearButton && /*#__PURE__*/jsxRuntime.jsx("div", {
|
|
448
|
+
className: "input-group-addon",
|
|
449
|
+
children: /*#__PURE__*/jsxRuntime.jsx("button", {
|
|
450
|
+
type: "button",
|
|
451
|
+
className: "btn-unstyled",
|
|
452
|
+
"aria-label": this.props.intl.formatMessage(Typeahead_messages.clearLabel),
|
|
453
|
+
onClick: this.clear,
|
|
454
|
+
children: /*#__PURE__*/jsxRuntime.jsx(icons.Cross, {})
|
|
455
|
+
})
|
|
456
|
+
})]
|
|
457
|
+
}), displayAlert ? /*#__PURE__*/jsxRuntime.jsx(InlineAlert, {
|
|
458
|
+
type: alert.type,
|
|
459
|
+
children: alert.message
|
|
460
|
+
}) : menu]
|
|
461
|
+
})
|
|
458
462
|
})
|
|
459
|
-
|
|
463
|
+
);
|
|
460
464
|
}
|
|
461
465
|
}
|
|
462
|
-
var Typeahead$1 = contexts.withInputAttributes(Typeahead, {
|
|
466
|
+
var Typeahead$1 = reactIntl.injectIntl(contexts.withInputAttributes(Typeahead, {
|
|
463
467
|
nonLabelable: true
|
|
464
|
-
});
|
|
468
|
+
}));
|
|
465
469
|
|
|
466
470
|
module.exports = Typeahead$1;
|
|
467
471
|
//# sourceMappingURL=Typeahead.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Typeahead.js","sources":["../../src/typeahead/Typeahead.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/anchor-is-valid */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n\nimport { Cross as CrossIcon } from '@transferwise/icons';\nimport { clsx } from 'clsx';\nimport { DebouncedFunc } from 'lodash';\nimport clamp from 'lodash.clamp';\nimport debounce from 'lodash.debounce';\nimport { Component, ReactNode } from 'react';\n\nimport Chip from '../chips/Chip';\nimport { Size, Sentiment, SizeMedium, SizeLarge } from '../common';\nimport {\n addClickClassToDocumentOnIos,\n removeClickClassFromDocumentOnIos,\n stopPropagation,\n} from '../common/domHelpers';\nimport InlineAlert from '../inlineAlert';\nimport { InlineAlertProps } from '../inlineAlert/InlineAlert';\nimport { withInputAttributes, WithInputAttributesProps } from '../inputs/contexts';\n\nimport TypeaheadInput from './typeaheadInput/TypeaheadInput';\nimport TypeaheadOption from './typeaheadOption/TypeaheadOption';\n\nconst DEFAULT_MIN_QUERY_LENGTH = 3;\nconst SEARCH_DELAY = 200;\n\nexport type TypeaheadOption<T = string> = {\n label: string;\n note?: string;\n secondary?: string;\n value?: T;\n clearQueryOnSelect?: boolean;\n keepFocusOnSelect?: boolean;\n};\n\nexport interface TypeaheadProps<T> {\n id: string;\n name: string;\n addon?: ReactNode;\n alert?: {\n message: InlineAlertProps['children'];\n type?: InlineAlertProps['type'];\n };\n allowNew?: boolean;\n autoFillOnBlur?: boolean;\n autoFocus?: boolean;\n chipSeparators?: readonly string[];\n clearable?: boolean;\n footer?: ReactNode;\n initialValue?: readonly TypeaheadOption<T>[];\n inputAutoComplete?: string;\n maxHeight?: number;\n minQueryLength?: number;\n placeholder?: string;\n multiple?: boolean;\n options: readonly TypeaheadOption<T>[];\n searchDelay?: number;\n showSuggestions?: boolean;\n showNewEntry?: boolean;\n size?: SizeMedium | SizeLarge;\n\n onBlur?: () => void;\n onChange: (options: TypeaheadOption<T>[]) => void;\n onFocus?: () => void;\n onInputChange?: (query: string) => void;\n onSearch?: (query: string) => void;\n validateChip?: (chip: TypeaheadOption<T>) => boolean;\n}\n\ntype TypeaheadPropsWithInputAttributes<T> = TypeaheadProps<T> & Partial<WithInputAttributesProps>;\n\ntype TypeaheadState<T> = {\n selected: readonly TypeaheadOption<T>[];\n keyboardFocusedOptionIndex: number | null;\n errorState: boolean;\n query: string;\n optionsShown: boolean;\n isFocused: boolean;\n};\n\nclass Typeahead<T> extends Component<TypeaheadPropsWithInputAttributes<T>, TypeaheadState<T>> {\n declare props: TypeaheadPropsWithInputAttributes<T> &\n Required<Pick<TypeaheadPropsWithInputAttributes<T>, keyof typeof Typeahead.defaultProps>>;\n\n static defaultProps = {\n allowNew: false,\n autoFillOnBlur: true,\n autoFocus: false,\n chipSeparators: [],\n clearable: true,\n initialValue: [],\n inputAutoComplete: 'new-password',\n minQueryLength: DEFAULT_MIN_QUERY_LENGTH,\n multiple: false,\n searchDelay: SEARCH_DELAY,\n showSuggestions: true,\n showNewEntry: true,\n size: Size.MEDIUM,\n validateChip: () => true,\n } satisfies Partial<TypeaheadProps<unknown>>;\n\n constructor(props: TypeaheadPropsWithInputAttributes<T>) {\n super(props);\n const { searchDelay, initialValue, multiple } = this.props;\n this.handleSearchDebounced = debounce(this.handleSearch, searchDelay);\n const initialQuery = !multiple && initialValue.length > 0 ? initialValue[0].label : '';\n this.state = {\n selected: initialValue,\n errorState: false,\n query: initialQuery,\n keyboardFocusedOptionIndex: null,\n optionsShown: false,\n isFocused: false,\n };\n }\n\n handleSearchDebounced: DebouncedFunc<Typeahead<T>['handleSearch']>;\n\n UNSAFE_componentWillReceiveProps(nextProps: TypeaheadPropsWithInputAttributes<T>) {\n if (nextProps.multiple !== this.props.multiple) {\n this.setState((previousState) => {\n const { selected } = previousState;\n if (!nextProps.multiple && selected.length > 0) {\n return {\n query: selected[0].label,\n selected: [selected[0]],\n };\n }\n return {\n selected: previousState.selected,\n query: '',\n };\n });\n }\n }\n\n componentWillUnmount() {\n this.handleSearchDebounced.cancel();\n }\n\n handleOnFocus = () => {\n this.showMenu();\n this.props.onFocus?.();\n };\n\n onOptionSelected = (event: React.MouseEvent, item: TypeaheadOption<T>) => {\n event.preventDefault();\n this.selectItem(item);\n };\n\n handleOnChange: React.ChangeEventHandler<HTMLInputElement> = (event) => {\n const { optionsShown, selected } = this.state;\n const { multiple, onInputChange } = this.props;\n\n if (!optionsShown) {\n this.showMenu();\n }\n\n const query = event.target.value;\n\n if (!multiple && selected.length > 0) {\n this.updateSelectedValue([]);\n }\n\n this.setState({ query }, () => {\n this.handleSearchDebounced(query);\n if (onInputChange) {\n onInputChange(query);\n }\n });\n };\n\n handleOnPaste: React.ClipboardEventHandler<HTMLInputElement> = (event) => {\n const { allowNew, multiple, chipSeparators } = this.props;\n const { selected } = this.state;\n\n if (allowNew && multiple && chipSeparators.length > 0) {\n event.preventDefault();\n const value = event.clipboardData.getData('text');\n if (value) {\n const regex = new RegExp(chipSeparators.join('|'));\n const pastedChips = value\n .split(regex)\n .map((label) => ({ label: label.trim() }))\n .filter((chip) => chip.label);\n\n this.updateSelectedValue([...selected, ...pastedChips]);\n }\n }\n };\n\n handleOnKeyDown: React.KeyboardEventHandler<HTMLInputElement> = (event) => {\n const { showSuggestions, allowNew, multiple, chipSeparators, options } = this.props;\n const { keyboardFocusedOptionIndex, query, selected } = this.state;\n const chipsMode = !showSuggestions && allowNew && multiple;\n\n if (chipsMode && ['Enter', 'Tab', ...chipSeparators].includes(event.key) && query.trim()) {\n event.preventDefault();\n this.selectItem({ label: query });\n } else {\n switch (event.key) {\n case 'ArrowDown':\n event.preventDefault();\n this.moveFocusedOption(1);\n break;\n case 'ArrowUp':\n event.preventDefault();\n this.moveFocusedOption(-1);\n break;\n case 'Enter':\n event.preventDefault();\n if (keyboardFocusedOptionIndex != null && options[keyboardFocusedOptionIndex]) {\n this.selectItem(options[keyboardFocusedOptionIndex]);\n } else if (allowNew && query.trim()) {\n this.selectItem({ label: query });\n }\n break;\n case 'Backspace':\n if (multiple && !query && selected.length > 0) {\n this.updateSelectedValue(selected.slice(0, -1));\n }\n break;\n default:\n break;\n }\n }\n };\n\n moveFocusedOption(offset: number) {\n this.setState((previousState) => {\n const { keyboardFocusedOptionIndex } = previousState;\n const { options } = this.props;\n let index = 0;\n if (keyboardFocusedOptionIndex !== null) {\n index = clamp(keyboardFocusedOptionIndex + offset, 0, options.length - 1);\n }\n return {\n keyboardFocusedOptionIndex: index,\n };\n });\n }\n\n selectItem = (item: TypeaheadOption<T>) => {\n const { multiple } = this.props;\n let selected = [...this.state.selected];\n let query;\n if (multiple) {\n selected.push(item);\n query = '';\n } else {\n selected = [item];\n query = item.label;\n }\n\n this.updateSelectedValue(selected);\n\n if (!item.keepFocusOnSelect) {\n this.hideMenu();\n }\n\n if (item.clearQueryOnSelect) {\n query = '';\n }\n\n this.setState({\n query,\n });\n };\n\n handleSearch = (query: string) => {\n const { onSearch } = this.props;\n if (onSearch) {\n onSearch(query);\n }\n\n this.setState((previousState) => ({\n keyboardFocusedOptionIndex: previousState.keyboardFocusedOptionIndex === null ? null : 0,\n }));\n };\n\n handleDocumentClick = () => {\n if (this.state.optionsShown) {\n this.hideMenu();\n const { allowNew, onBlur, autoFillOnBlur } = this.props;\n const { query } = this.state;\n this.setState({\n isFocused: false,\n });\n if (allowNew && autoFillOnBlur && query.trim()) {\n this.selectItem({ label: query });\n }\n\n if (onBlur) {\n onBlur();\n }\n }\n };\n\n showMenu = () => {\n this.setState(\n {\n isFocused: true,\n optionsShown: true,\n },\n () => {\n addClickClassToDocumentOnIos();\n document.addEventListener('click', this.handleDocumentClick, false);\n },\n );\n };\n\n hideMenu = () => {\n this.setState(\n {\n optionsShown: false,\n keyboardFocusedOptionIndex: null,\n },\n () => {\n removeClickClassFromDocumentOnIos();\n document.removeEventListener('click', this.handleDocumentClick, false);\n },\n );\n };\n\n updateSelectedValue = (selected: readonly TypeaheadOption<T>[]) => {\n const { onChange, validateChip } = this.props;\n\n const errorState = selected.some((chip) => !validateChip(chip));\n this.setState({ selected, errorState }, () => {\n onChange([...selected]);\n });\n };\n\n clear = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.preventDefault();\n if (this.state.selected.length > 0) {\n this.updateSelectedValue([]);\n }\n\n this.setState({\n query: '',\n });\n };\n\n removeChip = (option: TypeaheadOption<T>) => {\n const { selected } = this.state;\n\n if (selected.length > 0) {\n this.updateSelectedValue([...selected.filter((selectedOption) => selectedOption !== option)]);\n }\n };\n\n renderChip = (option: TypeaheadOption<T>, idx: number): ReactNode => {\n const valid = this.props.validateChip?.(option);\n\n return (\n <Chip\n key={idx}\n label={option.label}\n className={clsx('m-t-1', {\n 'has-error': !valid,\n 'np-chip--valid': valid,\n })}\n onRemove={() => this.removeChip(option)}\n />\n );\n };\n\n renderMenu = ({\n footer,\n options,\n id,\n keyboardFocusedOptionIndex,\n query,\n allowNew,\n showNewEntry,\n dropdownOpen,\n }: Pick<\n TypeaheadPropsWithInputAttributes<T>,\n 'footer' | 'options' | 'id' | 'allowNew' | 'showNewEntry'\n > &\n Pick<TypeaheadState<T>, 'keyboardFocusedOptionIndex' | 'query'> & {\n dropdownOpen: boolean;\n }) => {\n const optionsToRender = [...options];\n if (\n allowNew &&\n query.trim() &&\n options.every((option) => option.label.trim().toUpperCase() !== query.trim().toUpperCase()) &&\n showNewEntry\n ) {\n optionsToRender.push({\n label: query,\n });\n }\n return (\n <div\n className={clsx('dropdown btn-group btn-block', { open: dropdownOpen })}\n id={`menu-${id}`}\n >\n <ul className=\"dropdown-menu\" role=\"menu\" aria-labelledby=\"dropdownMenu1\">\n {optionsToRender.map((option, idx) => (\n <TypeaheadOption\n key={`${option.label}${idx.toString()}`}\n query={query}\n option={option}\n selected={keyboardFocusedOptionIndex === idx}\n onClick={(event) => {\n this.onOptionSelected(event, option);\n }}\n />\n ))}\n {footer}\n </ul>\n </div>\n );\n };\n\n render() {\n const {\n inputAttributes,\n id: idProp,\n placeholder,\n multiple,\n size,\n addon,\n name,\n clearable,\n allowNew,\n footer,\n showSuggestions,\n showNewEntry,\n options,\n minQueryLength,\n autoFocus,\n maxHeight,\n alert,\n inputAutoComplete,\n } = this.props;\n const id = idProp ?? inputAttributes?.id;\n\n const { errorState, query, selected, optionsShown, keyboardFocusedOptionIndex } = this.state;\n\n const clearButton = clearable && (query || selected.length > 0);\n\n const dropdownOpen = optionsShown && showSuggestions && query.length >= minQueryLength;\n\n const menu = this.renderMenu({\n footer,\n options,\n id,\n keyboardFocusedOptionIndex,\n query,\n allowNew,\n showNewEntry,\n dropdownOpen,\n });\n\n const alertType = alert?.type ?? Sentiment.NEUTRAL;\n const hasError = errorState || (alert && alertType === Sentiment.ERROR);\n const displayAlert = (!errorState && alert) || (alert && alertType === Sentiment.ERROR);\n const hasWarning = displayAlert && alertType === Sentiment.WARNING;\n const hasInfo = displayAlert && alertType === Sentiment.NEUTRAL;\n return (\n <div\n role=\"group\"\n {...inputAttributes}\n id={id}\n className={clsx('typeahead', `typeahead-${size}`, {\n 'typeahead--has-value': selected.length > 0,\n 'typeahead--empty': selected.length === 0,\n 'typeahead--multiple': multiple,\n open: dropdownOpen,\n })}\n onClick={stopPropagation}\n >\n <div\n className={clsx('form-group', {\n 'has-error': hasError,\n 'has-warning': hasWarning,\n 'has-info': hasInfo,\n })}\n >\n <div\n className={clsx(`input-group input-group-${size}`, {\n 'input-group--has-error': hasError,\n })}\n >\n {addon && <span className=\"input-group-addon input-group-addon--search\">{addon}</span>}\n\n <TypeaheadInput\n {...{\n autoFocus,\n multiple,\n dropdownOpen,\n placeholder,\n selected,\n maxHeight,\n }}\n id={id}\n name={name}\n value={query}\n typeaheadId={id}\n renderChip={this.renderChip}\n autoComplete={inputAutoComplete}\n onChange={this.handleOnChange}\n onKeyDown={this.handleOnKeyDown}\n onFocus={this.handleOnFocus}\n onPaste={this.handleOnPaste}\n />\n\n {clearButton && (\n <div className=\"input-group-addon\">\n <button type=\"button\" className=\"btn-unstyled\" onClick={this.clear}>\n <CrossIcon />\n </button>\n </div>\n )}\n </div>\n {displayAlert ? <InlineAlert type={alert.type}>{alert.message}</InlineAlert> : menu}\n </div>\n </div>\n );\n }\n}\n\nexport default withInputAttributes(Typeahead, { nonLabelable: true }) as <T>(\n props: TypeaheadProps<T>,\n) => React.ReactElement;\n"],"names":["DEFAULT_MIN_QUERY_LENGTH","SEARCH_DELAY","Typeahead","Component","defaultProps","allowNew","autoFillOnBlur","autoFocus","chipSeparators","clearable","initialValue","inputAutoComplete","minQueryLength","multiple","searchDelay","showSuggestions","showNewEntry","size","Size","MEDIUM","validateChip","constructor","props","handleSearchDebounced","debounce","handleSearch","initialQuery","length","label","state","selected","errorState","query","keyboardFocusedOptionIndex","optionsShown","isFocused","UNSAFE_componentWillReceiveProps","nextProps","setState","previousState","componentWillUnmount","cancel","handleOnFocus","showMenu","onFocus","onOptionSelected","event","item","preventDefault","selectItem","handleOnChange","onInputChange","target","value","updateSelectedValue","handleOnPaste","clipboardData","getData","regex","RegExp","join","pastedChips","split","map","trim","filter","chip","handleOnKeyDown","options","chipsMode","includes","key","moveFocusedOption","slice","offset","index","clamp","push","keepFocusOnSelect","hideMenu","clearQueryOnSelect","onSearch","handleDocumentClick","onBlur","addClickClassToDocumentOnIos","document","addEventListener","removeClickClassFromDocumentOnIos","removeEventListener","onChange","some","clear","removeChip","option","selectedOption","renderChip","idx","valid","_jsx","Chip","className","clsx","onRemove","renderMenu","footer","id","dropdownOpen","optionsToRender","every","toUpperCase","open","children","_jsxs","role","TypeaheadOption","onClick","toString","render","inputAttributes","idProp","placeholder","addon","name","maxHeight","alert","clearButton","menu","alertType","type","Sentiment","NEUTRAL","hasError","ERROR","displayAlert","hasWarning","WARNING","hasInfo","stopPropagation","TypeaheadInput","typeaheadId","autoComplete","onKeyDown","onPaste","CrossIcon","InlineAlert","message","withInputAttributes","nonLabelable"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Typeahead.js","sources":["../../src/typeahead/Typeahead.tsx"],"sourcesContent":["import { Cross as CrossIcon } from '@transferwise/icons';\nimport { clsx } from 'clsx';\nimport { DebouncedFunc } from 'lodash';\nimport clamp from 'lodash.clamp';\nimport debounce from 'lodash.debounce';\nimport { Component, ReactNode } from 'react';\nimport { injectIntl, WrappedComponentProps } from 'react-intl';\n\nimport Chip from '../chips/Chip';\nimport {\n Size,\n Sentiment,\n SizeMedium,\n SizeLarge,\n addClickClassToDocumentOnIos,\n removeClickClassFromDocumentOnIos,\n stopPropagation,\n} from '../common';\nimport InlineAlert from '../inlineAlert';\nimport { InlineAlertProps } from '../inlineAlert/InlineAlert';\nimport { withInputAttributes, WithInputAttributesProps } from '../inputs/contexts';\n\nimport TypeaheadInput from './typeaheadInput/TypeaheadInput';\nimport TypeaheadOption from './typeaheadOption/TypeaheadOption';\nimport messages from './Typeahead.messages';\n\nconst DEFAULT_MIN_QUERY_LENGTH = 3;\nconst SEARCH_DELAY = 200;\n\nexport type TypeaheadOption<T = string> = {\n label: string;\n note?: string;\n secondary?: string;\n value?: T;\n clearQueryOnSelect?: boolean;\n keepFocusOnSelect?: boolean;\n};\n\nexport interface TypeaheadProps<T> extends WrappedComponentProps {\n id: string;\n name: string;\n addon?: ReactNode;\n alert?: {\n message: InlineAlertProps['children'];\n type?: InlineAlertProps['type'];\n };\n allowNew?: boolean;\n autoFillOnBlur?: boolean;\n autoFocus?: boolean;\n chipSeparators?: readonly string[];\n clearable?: boolean;\n footer?: ReactNode;\n initialValue?: readonly TypeaheadOption<T>[];\n inputAutoComplete?: string;\n maxHeight?: number;\n minQueryLength?: number;\n placeholder?: string;\n multiple?: boolean;\n options: readonly TypeaheadOption<T>[];\n searchDelay?: number;\n showSuggestions?: boolean;\n showNewEntry?: boolean;\n size?: SizeMedium | SizeLarge;\n\n onBlur?: () => void;\n onChange: (options: TypeaheadOption<T>[]) => void;\n onFocus?: () => void;\n onInputChange?: (query: string) => void;\n onSearch?: (query: string) => void;\n validateChip?: (chip: TypeaheadOption<T>) => boolean;\n}\n\ntype TypeaheadPropsWithInputAttributes<T> = TypeaheadProps<T> & Partial<WithInputAttributesProps>;\n\ntype TypeaheadState<T> = {\n selected: readonly TypeaheadOption<T>[];\n keyboardFocusedOptionIndex: number | null;\n errorState: boolean;\n query: string;\n optionsShown: boolean;\n isFocused: boolean;\n};\n\nclass Typeahead<T> extends Component<TypeaheadPropsWithInputAttributes<T>, TypeaheadState<T>> {\n declare props: TypeaheadPropsWithInputAttributes<T> &\n Required<Pick<TypeaheadPropsWithInputAttributes<T>, keyof typeof Typeahead.defaultProps>>;\n\n static defaultProps = {\n allowNew: false,\n autoFillOnBlur: true,\n autoFocus: false,\n chipSeparators: [],\n clearable: true,\n initialValue: [],\n inputAutoComplete: 'new-password',\n minQueryLength: DEFAULT_MIN_QUERY_LENGTH,\n multiple: false,\n searchDelay: SEARCH_DELAY,\n showSuggestions: true,\n showNewEntry: true,\n size: Size.MEDIUM,\n validateChip: () => true,\n } satisfies Partial<TypeaheadProps<unknown>>;\n\n constructor(props: TypeaheadPropsWithInputAttributes<T>) {\n super(props);\n const { searchDelay, initialValue, multiple } = this.props;\n this.handleSearchDebounced = debounce(this.handleSearch, searchDelay);\n const initialQuery = !multiple && initialValue.length > 0 ? initialValue[0].label : '';\n this.state = {\n selected: initialValue,\n errorState: false,\n query: initialQuery,\n keyboardFocusedOptionIndex: null,\n optionsShown: false,\n isFocused: false,\n };\n }\n\n handleSearchDebounced: DebouncedFunc<Typeahead<T>['handleSearch']>;\n\n UNSAFE_componentWillReceiveProps(nextProps: TypeaheadPropsWithInputAttributes<T>) {\n if (nextProps.multiple !== this.props.multiple) {\n this.setState((previousState) => {\n const { selected } = previousState;\n if (!nextProps.multiple && selected.length > 0) {\n return {\n query: selected[0].label,\n selected: [selected[0]],\n };\n }\n return {\n selected: previousState.selected,\n query: '',\n };\n });\n }\n }\n\n componentWillUnmount() {\n this.handleSearchDebounced.cancel();\n }\n\n handleOnFocus = () => {\n this.showMenu();\n this.props.onFocus?.();\n };\n\n onOptionSelected = (event: React.MouseEvent, item: TypeaheadOption<T>) => {\n event.preventDefault();\n this.selectItem(item);\n };\n\n handleOnChange: React.ChangeEventHandler<HTMLInputElement> = (event) => {\n const { optionsShown, selected } = this.state;\n const { multiple, onInputChange } = this.props;\n\n if (!optionsShown) {\n this.showMenu();\n }\n\n const query = event.target.value;\n\n if (!multiple && selected.length > 0) {\n this.updateSelectedValue([]);\n }\n\n this.setState({ query }, () => {\n this.handleSearchDebounced(query);\n if (onInputChange) {\n onInputChange(query);\n }\n });\n };\n\n handleOnPaste: React.ClipboardEventHandler<HTMLInputElement> = (event) => {\n const { allowNew, multiple, chipSeparators } = this.props;\n const { selected } = this.state;\n\n if (allowNew && multiple && chipSeparators.length > 0) {\n event.preventDefault();\n const value = event.clipboardData.getData('text');\n if (value) {\n const regex = new RegExp(chipSeparators.join('|'));\n const pastedChips = value\n .split(regex)\n .map((label) => ({ label: label.trim() }))\n .filter((chip) => chip.label);\n\n this.updateSelectedValue([...selected, ...pastedChips]);\n }\n }\n };\n\n handleOnKeyDown: React.KeyboardEventHandler<HTMLInputElement> = (event) => {\n const { showSuggestions, allowNew, multiple, chipSeparators, options } = this.props;\n const { keyboardFocusedOptionIndex, query, selected } = this.state;\n const chipsMode = !showSuggestions && allowNew && multiple;\n\n if (chipsMode && ['Enter', 'Tab', ...chipSeparators].includes(event.key) && query.trim()) {\n event.preventDefault();\n this.selectItem({ label: query });\n } else {\n switch (event.key) {\n case 'ArrowDown':\n event.preventDefault();\n this.moveFocusedOption(1);\n break;\n case 'ArrowUp':\n event.preventDefault();\n this.moveFocusedOption(-1);\n break;\n case 'Enter':\n event.preventDefault();\n if (keyboardFocusedOptionIndex != null && options[keyboardFocusedOptionIndex]) {\n this.selectItem(options[keyboardFocusedOptionIndex]);\n } else if (allowNew && query.trim()) {\n this.selectItem({ label: query });\n }\n break;\n case 'Backspace':\n if (multiple && !query && selected.length > 0) {\n this.updateSelectedValue(selected.slice(0, -1));\n }\n break;\n default:\n break;\n }\n }\n };\n\n moveFocusedOption(offset: number) {\n this.setState((previousState) => {\n const { keyboardFocusedOptionIndex } = previousState;\n const { options } = this.props;\n let index = 0;\n if (keyboardFocusedOptionIndex !== null) {\n index = clamp(keyboardFocusedOptionIndex + offset, 0, options.length - 1);\n }\n return {\n keyboardFocusedOptionIndex: index,\n };\n });\n }\n\n selectItem = (item: TypeaheadOption<T>) => {\n const { multiple } = this.props;\n let selected = [...this.state.selected];\n let query;\n if (multiple) {\n selected.push(item);\n query = '';\n } else {\n selected = [item];\n query = item.label;\n }\n\n this.updateSelectedValue(selected);\n\n if (!item.keepFocusOnSelect) {\n this.hideMenu();\n }\n\n if (item.clearQueryOnSelect) {\n query = '';\n }\n\n this.setState({\n query,\n });\n };\n\n handleSearch = (query: string) => {\n const { onSearch } = this.props;\n if (onSearch) {\n onSearch(query);\n }\n\n this.setState((previousState) => ({\n keyboardFocusedOptionIndex: previousState.keyboardFocusedOptionIndex === null ? null : 0,\n }));\n };\n\n handleDocumentClick = () => {\n if (this.state.optionsShown) {\n this.hideMenu();\n const { allowNew, onBlur, autoFillOnBlur } = this.props;\n const { query } = this.state;\n this.setState({\n isFocused: false,\n });\n if (allowNew && autoFillOnBlur && query.trim()) {\n this.selectItem({ label: query });\n }\n\n if (onBlur) {\n onBlur();\n }\n }\n };\n\n showMenu = () => {\n this.setState(\n {\n isFocused: true,\n optionsShown: true,\n },\n () => {\n addClickClassToDocumentOnIos();\n document.addEventListener('click', this.handleDocumentClick, false);\n },\n );\n };\n\n hideMenu = () => {\n this.setState(\n {\n optionsShown: false,\n keyboardFocusedOptionIndex: null,\n },\n () => {\n removeClickClassFromDocumentOnIos();\n document.removeEventListener('click', this.handleDocumentClick, false);\n },\n );\n };\n\n updateSelectedValue = (selected: readonly TypeaheadOption<T>[]) => {\n const { onChange, validateChip } = this.props;\n\n const errorState = selected.some((chip) => !validateChip(chip));\n this.setState({ selected, errorState }, () => {\n onChange([...selected]);\n });\n };\n\n clear = (event: React.MouseEvent<HTMLButtonElement>) => {\n event.preventDefault();\n if (this.state.selected.length > 0) {\n this.updateSelectedValue([]);\n }\n\n this.setState({\n query: '',\n });\n };\n\n removeChip = (option: TypeaheadOption<T>) => {\n const { selected } = this.state;\n\n if (selected.length > 0) {\n this.updateSelectedValue([...selected.filter((selectedOption) => selectedOption !== option)]);\n }\n };\n\n renderChip = (option: TypeaheadOption<T>, idx: number): ReactNode => {\n const valid = this.props.validateChip?.(option);\n\n return (\n <Chip\n key={idx}\n label={option.label}\n className={clsx('m-t-1', {\n 'has-error': !valid,\n 'np-chip--valid': valid,\n })}\n onRemove={() => this.removeChip(option)}\n />\n );\n };\n\n renderMenu = ({\n footer,\n options,\n id,\n keyboardFocusedOptionIndex,\n query,\n allowNew,\n showNewEntry,\n dropdownOpen,\n }: Pick<\n TypeaheadPropsWithInputAttributes<T>,\n 'footer' | 'options' | 'id' | 'allowNew' | 'showNewEntry'\n > &\n Pick<TypeaheadState<T>, 'keyboardFocusedOptionIndex' | 'query'> & {\n dropdownOpen: boolean;\n }) => {\n const optionsToRender = [...options];\n if (\n allowNew &&\n query.trim() &&\n options.every((option) => option.label.trim().toUpperCase() !== query.trim().toUpperCase()) &&\n showNewEntry\n ) {\n optionsToRender.push({\n label: query,\n });\n }\n return (\n <div\n className={clsx('dropdown btn-group btn-block', { open: dropdownOpen })}\n id={`menu-${id}`}\n >\n <ul className=\"dropdown-menu\" role=\"menu\" aria-labelledby=\"dropdownMenu1\">\n {optionsToRender.map((option, idx) => (\n <TypeaheadOption\n key={`${option.label}${idx.toString()}`}\n query={query}\n option={option}\n selected={keyboardFocusedOptionIndex === idx}\n onClick={(event) => {\n this.onOptionSelected(event, option);\n }}\n />\n ))}\n {footer}\n </ul>\n </div>\n );\n };\n\n render() {\n const {\n inputAttributes,\n id: idProp,\n placeholder,\n multiple,\n size,\n addon,\n name,\n clearable,\n allowNew,\n footer,\n showSuggestions,\n showNewEntry,\n options,\n minQueryLength,\n autoFocus,\n maxHeight,\n alert,\n inputAutoComplete,\n } = this.props;\n const id = idProp ?? inputAttributes?.id;\n\n const { errorState, query, selected, optionsShown, keyboardFocusedOptionIndex } = this.state;\n\n const clearButton = clearable && (query || selected.length > 0);\n\n const dropdownOpen = optionsShown && showSuggestions && query.length >= minQueryLength;\n\n const menu = this.renderMenu({\n footer,\n options,\n id,\n keyboardFocusedOptionIndex,\n query,\n allowNew,\n showNewEntry,\n dropdownOpen,\n });\n\n const alertType = alert?.type ?? Sentiment.NEUTRAL;\n const hasError = errorState || (alert && alertType === Sentiment.ERROR);\n const displayAlert = (!errorState && alert) || (alert && alertType === Sentiment.ERROR);\n const hasWarning = displayAlert && alertType === Sentiment.WARNING;\n const hasInfo = displayAlert && alertType === Sentiment.NEUTRAL;\n return (\n /* eslint-disable-next-line jsx-a11y/click-events-have-key-events */\n <div\n role=\"group\"\n {...inputAttributes}\n id={id}\n className={clsx('typeahead', `typeahead-${size}`, {\n 'typeahead--has-value': selected.length > 0,\n 'typeahead--empty': selected.length === 0,\n 'typeahead--multiple': multiple,\n open: dropdownOpen,\n })}\n onClick={stopPropagation}\n >\n <div\n className={clsx('form-group', {\n 'has-error': hasError,\n 'has-warning': hasWarning,\n 'has-info': hasInfo,\n })}\n >\n <div\n className={clsx(`input-group input-group-${size}`, {\n 'input-group--has-error': hasError,\n })}\n >\n {addon && <span className=\"input-group-addon input-group-addon--search\">{addon}</span>}\n\n <TypeaheadInput\n {...{\n autoFocus,\n multiple,\n dropdownOpen,\n placeholder,\n selected,\n maxHeight,\n }}\n id={id}\n name={name}\n value={query}\n typeaheadId={id}\n renderChip={this.renderChip}\n autoComplete={inputAutoComplete}\n onChange={this.handleOnChange}\n onKeyDown={this.handleOnKeyDown}\n onFocus={this.handleOnFocus}\n onPaste={this.handleOnPaste}\n />\n\n {clearButton && (\n <div className=\"input-group-addon\">\n <button\n type=\"button\"\n className=\"btn-unstyled\"\n aria-label={this.props.intl.formatMessage(messages.clearLabel)}\n onClick={this.clear}\n >\n <CrossIcon />\n </button>\n </div>\n )}\n </div>\n {displayAlert ? <InlineAlert type={alert.type}>{alert.message}</InlineAlert> : menu}\n </div>\n </div>\n );\n }\n}\n\nexport default injectIntl(withInputAttributes(Typeahead, { nonLabelable: true })) as <T>(\n props: TypeaheadProps<T>,\n) => React.ReactElement;\n"],"names":["DEFAULT_MIN_QUERY_LENGTH","SEARCH_DELAY","Typeahead","Component","defaultProps","allowNew","autoFillOnBlur","autoFocus","chipSeparators","clearable","initialValue","inputAutoComplete","minQueryLength","multiple","searchDelay","showSuggestions","showNewEntry","size","Size","MEDIUM","validateChip","constructor","props","handleSearchDebounced","debounce","handleSearch","initialQuery","length","label","state","selected","errorState","query","keyboardFocusedOptionIndex","optionsShown","isFocused","UNSAFE_componentWillReceiveProps","nextProps","setState","previousState","componentWillUnmount","cancel","handleOnFocus","showMenu","onFocus","onOptionSelected","event","item","preventDefault","selectItem","handleOnChange","onInputChange","target","value","updateSelectedValue","handleOnPaste","clipboardData","getData","regex","RegExp","join","pastedChips","split","map","trim","filter","chip","handleOnKeyDown","options","chipsMode","includes","key","moveFocusedOption","slice","offset","index","clamp","push","keepFocusOnSelect","hideMenu","clearQueryOnSelect","onSearch","handleDocumentClick","onBlur","addClickClassToDocumentOnIos","document","addEventListener","removeClickClassFromDocumentOnIos","removeEventListener","onChange","some","clear","removeChip","option","selectedOption","renderChip","idx","valid","_jsx","Chip","className","clsx","onRemove","renderMenu","footer","id","dropdownOpen","optionsToRender","every","toUpperCase","open","children","_jsxs","role","TypeaheadOption","onClick","toString","render","inputAttributes","idProp","placeholder","addon","name","maxHeight","alert","clearButton","menu","alertType","type","Sentiment","NEUTRAL","hasError","ERROR","displayAlert","hasWarning","WARNING","hasInfo","stopPropagation","TypeaheadInput","typeaheadId","autoComplete","onKeyDown","onPaste","intl","formatMessage","messages","clearLabel","CrossIcon","InlineAlert","message","injectIntl","withInputAttributes","nonLabelable"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Typeahead.messages.js","sources":["../../src/typeahead/Typeahead.messages.ts"],"sourcesContent":["import { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n clearLabel: {\n id: 'neptune.ClearButton.ariaLabel',\n defaultMessage: 'Clear',\n description: 'Description of clear button',\n },\n});\n"],"names":["defineMessages","clearLabel","id"],"mappings":";;;;AAEA,eAAeA,wBAAc,CAAC;AAC5BC,EAAAA,UAAU,EAAE;IACVC,EAAE,EAAA,+BAAA;AAGH,GAAA;AACF,CAAA,CAAC;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Typeahead.messages.mjs","sources":["../../src/typeahead/Typeahead.messages.ts"],"sourcesContent":["import { defineMessages } from 'react-intl';\n\nexport default defineMessages({\n clearLabel: {\n id: 'neptune.ClearButton.ariaLabel',\n defaultMessage: 'Clear',\n description: 'Description of clear button',\n },\n});\n"],"names":["defineMessages","clearLabel","id"],"mappings":";;AAEA,eAAeA,cAAc,CAAC;AAC5BC,EAAAA,UAAU,EAAE;IACVC,EAAE,EAAA,+BAAA;AAGH,GAAA;AACF,CAAA,CAAC;;;;"}
|
|
@@ -3,19 +3,18 @@ import { clsx } from 'clsx';
|
|
|
3
3
|
import clamp from 'lodash.clamp';
|
|
4
4
|
import debounce from 'lodash.debounce';
|
|
5
5
|
import { Component } from 'react';
|
|
6
|
+
import { injectIntl } from 'react-intl';
|
|
6
7
|
import Chip from '../chips/Chip.mjs';
|
|
7
|
-
import { addClickClassToDocumentOnIos, removeClickClassFromDocumentOnIos, stopPropagation } from '../common/domHelpers/documentIosClick.mjs';
|
|
8
8
|
import InlineAlert from '../inlineAlert/InlineAlert.mjs';
|
|
9
9
|
import { withInputAttributes } from '../inputs/contexts.mjs';
|
|
10
10
|
import TypeaheadInput from './typeaheadInput/TypeaheadInput.mjs';
|
|
11
11
|
import Option from './typeaheadOption/TypeaheadOption.mjs';
|
|
12
|
+
import messages from './Typeahead.messages.mjs';
|
|
12
13
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
14
|
+
import { addClickClassToDocumentOnIos, removeClickClassFromDocumentOnIos, stopPropagation } from '../common/domHelpers/documentIosClick.mjs';
|
|
13
15
|
import { Sentiment } from '../common/propsValues/sentiment.mjs';
|
|
14
16
|
import { Size } from '../common/propsValues/size.mjs';
|
|
15
17
|
|
|
16
|
-
/* eslint-disable jsx-a11y/anchor-is-valid */
|
|
17
|
-
/* eslint-disable jsx-a11y/click-events-have-key-events */
|
|
18
|
-
/* eslint-disable jsx-a11y/no-static-element-interactions */
|
|
19
18
|
const DEFAULT_MIN_QUERY_LENGTH = 3;
|
|
20
19
|
const SEARCH_DELAY = 200;
|
|
21
20
|
class Typeahead extends Component {
|
|
@@ -394,67 +393,72 @@ class Typeahead extends Component {
|
|
|
394
393
|
const displayAlert = !errorState && alert || alert && alertType === Sentiment.ERROR;
|
|
395
394
|
const hasWarning = displayAlert && alertType === Sentiment.WARNING;
|
|
396
395
|
const hasInfo = displayAlert && alertType === Sentiment.NEUTRAL;
|
|
397
|
-
return
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
'typeahead
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
className: clsx('form-group', {
|
|
410
|
-
'has-error': hasError,
|
|
411
|
-
'has-warning': hasWarning,
|
|
412
|
-
'has-info': hasInfo
|
|
396
|
+
return (
|
|
397
|
+
/*#__PURE__*/
|
|
398
|
+
/* eslint-disable-next-line jsx-a11y/click-events-have-key-events */
|
|
399
|
+
jsx("div", {
|
|
400
|
+
role: "group",
|
|
401
|
+
...inputAttributes,
|
|
402
|
+
id: id,
|
|
403
|
+
className: clsx('typeahead', `typeahead-${size}`, {
|
|
404
|
+
'typeahead--has-value': selected.length > 0,
|
|
405
|
+
'typeahead--empty': selected.length === 0,
|
|
406
|
+
'typeahead--multiple': multiple,
|
|
407
|
+
open: dropdownOpen
|
|
413
408
|
}),
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
409
|
+
onClick: stopPropagation,
|
|
410
|
+
children: /*#__PURE__*/jsxs("div", {
|
|
411
|
+
className: clsx('form-group', {
|
|
412
|
+
'has-error': hasError,
|
|
413
|
+
'has-warning': hasWarning,
|
|
414
|
+
'has-info': hasInfo
|
|
417
415
|
}),
|
|
418
|
-
children: [
|
|
419
|
-
className:
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
|
|
425
|
-
|
|
426
|
-
|
|
427
|
-
|
|
428
|
-
|
|
429
|
-
|
|
430
|
-
|
|
431
|
-
|
|
432
|
-
|
|
433
|
-
|
|
434
|
-
|
|
435
|
-
|
|
436
|
-
|
|
437
|
-
|
|
438
|
-
|
|
439
|
-
|
|
440
|
-
|
|
441
|
-
|
|
442
|
-
|
|
443
|
-
|
|
444
|
-
children: /*#__PURE__*/jsx(
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
|
|
449
|
-
|
|
450
|
-
|
|
416
|
+
children: [/*#__PURE__*/jsxs("div", {
|
|
417
|
+
className: clsx(`input-group input-group-${size}`, {
|
|
418
|
+
'input-group--has-error': hasError
|
|
419
|
+
}),
|
|
420
|
+
children: [addon && /*#__PURE__*/jsx("span", {
|
|
421
|
+
className: "input-group-addon input-group-addon--search",
|
|
422
|
+
children: addon
|
|
423
|
+
}), /*#__PURE__*/jsx(TypeaheadInput, {
|
|
424
|
+
autoFocus,
|
|
425
|
+
multiple,
|
|
426
|
+
dropdownOpen,
|
|
427
|
+
placeholder,
|
|
428
|
+
selected,
|
|
429
|
+
maxHeight,
|
|
430
|
+
id: id,
|
|
431
|
+
name: name,
|
|
432
|
+
value: query,
|
|
433
|
+
typeaheadId: id,
|
|
434
|
+
renderChip: this.renderChip,
|
|
435
|
+
autoComplete: inputAutoComplete,
|
|
436
|
+
onChange: this.handleOnChange,
|
|
437
|
+
onKeyDown: this.handleOnKeyDown,
|
|
438
|
+
onFocus: this.handleOnFocus,
|
|
439
|
+
onPaste: this.handleOnPaste
|
|
440
|
+
}), clearButton && /*#__PURE__*/jsx("div", {
|
|
441
|
+
className: "input-group-addon",
|
|
442
|
+
children: /*#__PURE__*/jsx("button", {
|
|
443
|
+
type: "button",
|
|
444
|
+
className: "btn-unstyled",
|
|
445
|
+
"aria-label": this.props.intl.formatMessage(messages.clearLabel),
|
|
446
|
+
onClick: this.clear,
|
|
447
|
+
children: /*#__PURE__*/jsx(Cross, {})
|
|
448
|
+
})
|
|
449
|
+
})]
|
|
450
|
+
}), displayAlert ? /*#__PURE__*/jsx(InlineAlert, {
|
|
451
|
+
type: alert.type,
|
|
452
|
+
children: alert.message
|
|
453
|
+
}) : menu]
|
|
454
|
+
})
|
|
451
455
|
})
|
|
452
|
-
|
|
456
|
+
);
|
|
453
457
|
}
|
|
454
458
|
}
|
|
455
|
-
var Typeahead$1 = withInputAttributes(Typeahead, {
|
|
459
|
+
var Typeahead$1 = injectIntl(withInputAttributes(Typeahead, {
|
|
456
460
|
nonLabelable: true
|
|
457
|
-
});
|
|
461
|
+
}));
|
|
458
462
|
|
|
459
463
|
export { Typeahead$1 as default };
|
|
460
464
|
//# sourceMappingURL=Typeahead.mjs.map
|