@expressms/smartapp-ui 2.9.13-alpha.5 → 2.9.14
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/main/constants/constants.d.ts +0 -1
- package/build/main/constants/constants.js +0 -1
- package/build/main/constants/constants.js.map +1 -1
- package/build/main/index.d.ts +0 -1
- package/build/main/index.js +0 -1
- package/build/main/index.js.map +1 -1
- package/build/main/styles/styles.scss +1 -1
- package/build/main//321/201omponents/Avatar/Avatar.d.ts +2 -3
- package/build/main//321/201omponents/Avatar/Avatar.js +2 -2
- package/build/main//321/201omponents/Avatar/Avatar.js.map +1 -1
- package/build/main//321/201omponents/Calendar/Calendar.js +2 -1
- package/build/main//321/201omponents/Calendar/Calendar.js.map +1 -1
- package/build/main//321/201omponents/Chip/Chip.d.ts +2 -3
- package/build/main//321/201omponents/Chip/Chip.js +18 -31
- package/build/main//321/201omponents/Chip/Chip.js.map +1 -1
- package/build/main//321/201omponents/Chip/types.d.ts +2 -6
- package/build/main//321/201omponents/CustomSelect/CustomSelect.d.ts +1 -1
- package/build/main//321/201omponents/CustomSelect/CustomSelect.js +12 -12
- package/build/main//321/201omponents/CustomSelect/CustomSelect.js.map +1 -1
- package/build/main//321/201omponents/CustomSelect/selectStyles.d.ts +1 -1
- package/build/main//321/201omponents/CustomSelect/selectStyles.js +2 -2
- package/build/main//321/201omponents/CustomSelect/selectStyles.js.map +1 -1
- package/build/main//321/201omponents/CustomSelect/types.d.ts +5 -2
- package/build/main//321/201omponents/Header/Header.d.ts +1 -1
- package/build/main//321/201omponents/Header/Header.js +7 -7
- package/build/main//321/201omponents/Header/Header.js.map +1 -1
- package/build/main//321/201omponents/Header/types.d.ts +1 -0
- package/build/main//321/201omponents/UserDropdown/MultiValueLabel/MultiValueLabel.d.ts +2 -3
- package/build/main//321/201omponents/UserDropdown/MultiValueLabel/MultiValueLabel.js +43 -15
- package/build/main//321/201omponents/UserDropdown/MultiValueLabel/MultiValueLabel.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/UserDropdown.d.ts +3 -3
- package/build/main//321/201omponents/UserDropdown/UserDropdown.js +64 -74
- package/build/main//321/201omponents/UserDropdown/UserDropdown.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/helpers.d.ts +3 -1
- package/build/main//321/201omponents/UserDropdown/helpers.js +2 -2
- package/build/main//321/201omponents/UserDropdown/helpers.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/selectStyles.d.ts +1 -1
- package/build/main//321/201omponents/UserDropdown/selectStyles.js +10 -8
- package/build/main//321/201omponents/UserDropdown/selectStyles.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/types.d.ts +4 -13
- package/build/main//321/201omponents/UserDropdown/types.js.map +1 -1
- package/package.json +2 -4
- package/build/main//321/201omponents/ChipDndContext/ChipDndContext.d.ts +0 -11
- package/build/main//321/201omponents/ChipDndContext/ChipDndContext.js +0 -54
- package/build/main//321/201omponents/ChipDndContext/ChipDndContext.js.map +0 -1
- package/build/main//321/201omponents/ChipDndContext/index.d.ts +0 -1
- package/build/main//321/201omponents/ChipDndContext/index.js +0 -2
- package/build/main//321/201omponents/ChipDndContext/index.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../src/сomponents/Header/Header.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAa,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAC3D,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAChC,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../src/сomponents/Header/Header.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
1
|
import '../../../styles/styles.scss';
|
|
3
|
-
declare const
|
|
4
|
-
export default
|
|
2
|
+
declare const MultiValueLabel: (props: any) => import("react/jsx-runtime").JSX.Element | null;
|
|
3
|
+
export default MultiValueLabel;
|
|
@@ -10,7 +10,7 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
10
|
return __assign.apply(this, arguments);
|
|
11
11
|
};
|
|
12
12
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
-
import {
|
|
13
|
+
import { useEffect, useRef, useState } from 'react';
|
|
14
14
|
import { components } from 'react-select';
|
|
15
15
|
import Popup from 'reactjs-popup';
|
|
16
16
|
import classNames from 'classnames';
|
|
@@ -18,7 +18,7 @@ import { isEqual } from 'lodash';
|
|
|
18
18
|
import Avatar from '../../Avatar';
|
|
19
19
|
import Chip from '../../Chip';
|
|
20
20
|
import { generateAvatarIcon, generateClassNames, isValueEqualToZero, renderUserIcon } from '../../../helpers';
|
|
21
|
-
import { COLOR_CHIP
|
|
21
|
+
import { COLOR_CHIP } from '../../../constants';
|
|
22
22
|
import { AVATAR_SIZES } from '../../Avatar/types';
|
|
23
23
|
import '../../../styles/styles.scss';
|
|
24
24
|
var POPUP_APPEARANCE_DELAY = 1500;
|
|
@@ -27,20 +27,39 @@ var POPUP_PADDINGS = 24;
|
|
|
27
27
|
var POPUP_MARGINS = 32;
|
|
28
28
|
var POPUP_MARGIN_TOP = 1;
|
|
29
29
|
var MultiValueLabel = function (props) {
|
|
30
|
-
var
|
|
30
|
+
var _a = props.data, value = _a.value, label = _a.label, name = _a.name, email = _a.email, uid = _a.uid, isResetChipsToInputValue = _a.isResetChipsToInputValue, avatar = _a.avatar, platform = _a.platform, contextMenuItems = _a.contextMenuItems, language = _a.language, userType = _a.userType, isMyContacts = _a.isMyContacts, isPrivateSchedule = _a.isPrivateSchedule, isNotRemovable = _a.isNotRemovable, isChipsCollapsable = _a.isChipsCollapsable, isSelectedChipHasTooltip = _a.isSelectedChipHasTooltip, isBusyAtSelectedTime = _a.isBusyAtSelectedTime, isLoading = _a.isLoading, isWarning = _a.isWarning, isInputFocused = _a.isInputFocused.current, collapsableChipsCount = _a.collapsableChipsCount.current, lastVisibleChipIndex = _a.lastVisibleChipIndex.current, transformCurrentChipToInputValue = props.transformCurrentChipToInputValue, _b = props.selectProps, isDisabled = _b.isDisabled, selectedUsers = _b.value, onChange = _b.onChange;
|
|
31
31
|
var multiValueLabelRef = useRef(null);
|
|
32
32
|
var popupRef = useRef(null);
|
|
33
33
|
var popupContentRef = useRef(null);
|
|
34
|
-
var
|
|
35
|
-
var
|
|
36
|
-
var
|
|
37
|
-
var
|
|
38
|
-
var
|
|
39
|
-
var
|
|
34
|
+
var _c = useState(-1), left = _c[0], setLeft = _c[1];
|
|
35
|
+
var _d = useState(-1), top = _d[0], setTop = _d[1];
|
|
36
|
+
var _e = useState(null), timeoutId = _e[0], setTimeoutId = _e[1];
|
|
37
|
+
var _f = useState(POPUP_HIDDEN_CLASSNAME), hiddenClassName = _f[0], setHiddenClassName = _f[1];
|
|
38
|
+
var _g = useState(false), isOpenContextMenu = _g[0], setIsOpenContextMenu = _g[1];
|
|
39
|
+
var _h = useState(false), isChipHovered = _h[0], setIsChipHovered = _h[1];
|
|
40
|
+
var _j = useState(false), isShowPopup = _j[0], setIsShowPopup = _j[1];
|
|
41
|
+
var isPopupVisible = isChipHovered && !isOpenContextMenu && name && email && isSelectedChipHasTooltip;
|
|
40
42
|
useEffect(function () {
|
|
41
43
|
label && isResetChipsToInputValue && transformCurrentChipToInputValue(label, email);
|
|
42
44
|
// eslint-disable-next-line
|
|
43
45
|
}, [isResetChipsToInputValue]);
|
|
46
|
+
useEffect(function () {
|
|
47
|
+
var _a;
|
|
48
|
+
if (isPopupVisible) {
|
|
49
|
+
var timer_1 = setTimeout(function () {
|
|
50
|
+
if (isChipHovered && !isOpenContextMenu) {
|
|
51
|
+
setIsShowPopup(true);
|
|
52
|
+
handleOpenPopup();
|
|
53
|
+
}
|
|
54
|
+
}, POPUP_APPEARANCE_DELAY);
|
|
55
|
+
return function () { return clearTimeout(timer_1); };
|
|
56
|
+
}
|
|
57
|
+
else {
|
|
58
|
+
setIsShowPopup(false);
|
|
59
|
+
(_a = popupRef.current) === null || _a === void 0 ? void 0 : _a.close();
|
|
60
|
+
}
|
|
61
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
62
|
+
}, [isPopupVisible, isChipHovered, isOpenContextMenu]);
|
|
44
63
|
var windowInnerWidth = window.innerWidth;
|
|
45
64
|
var popupContentMaxWidth = windowInnerWidth - POPUP_MARGINS - POPUP_PADDINGS;
|
|
46
65
|
var noChipsCount = isValueEqualToZero(collapsableChipsCount);
|
|
@@ -49,16 +68,25 @@ var MultiValueLabel = function (props) {
|
|
|
49
68
|
return selectedUserValue === value && selectedUserLabel === label;
|
|
50
69
|
});
|
|
51
70
|
var handleDelete = function () { return onChange(selectedUsers.filter(function (user) { return !isEqual(user, props.data); })); };
|
|
52
|
-
var
|
|
71
|
+
var handleMouseDown = function (event) {
|
|
53
72
|
event.preventDefault();
|
|
54
73
|
event.stopPropagation();
|
|
55
74
|
};
|
|
75
|
+
var handleTouchEnd = function (event) { return event.stopPropagation(); };
|
|
76
|
+
var handleMouseEnter = function () { return !isOpenContextMenu && setIsChipHovered(true); };
|
|
77
|
+
var handleMouseLeave = function () { return setIsChipHovered(false); };
|
|
78
|
+
var handleContextMenu = function () {
|
|
79
|
+
var _a;
|
|
80
|
+
setIsChipHovered(false);
|
|
81
|
+
setIsShowPopup(false);
|
|
82
|
+
(_a = popupRef.current) === null || _a === void 0 ? void 0 : _a.close();
|
|
83
|
+
};
|
|
56
84
|
var renderPopupContent = function () { return (_jsxs("div", __assign({ ref: popupContentRef, className: "smartapp-multi-value-label" }, { children: [_jsx(Avatar, { icon: generateAvatarIcon(userType), username: label, avatar: avatar, size: AVATAR_SIZES.size_32, isEye: isPrivateSchedule, outlineDefaultBackground: COLOR_CHIP }), _jsxs("div", __assign({ className: "smartapp-multi-value-label__content" }, { children: [_jsxs("div", __assign({ className: "smartapp-multi-value-label__content--name" }, { children: [_jsx("div", __assign({ className: "smartapp-multi-value-label__content--name__icon" }, { children: renderUserIcon(userType, isMyContacts) })), _jsx("span", { children: name })] })), _jsx("div", __assign({ className: "smartapp-multi-value-label__content--email" }, { children: email }))] }))] }))); };
|
|
57
85
|
var handleOpenPopup = function () {
|
|
58
86
|
var popupRefCurrent = popupRef.current;
|
|
59
87
|
var popupContentRefCurrent = popupContentRef.current;
|
|
60
88
|
var multiValueLabelRefCurrent = multiValueLabelRef.current;
|
|
61
|
-
if (popupRefCurrent && popupContentRefCurrent && multiValueLabelRefCurrent) {
|
|
89
|
+
if (popupRefCurrent && popupContentRefCurrent && multiValueLabelRefCurrent && isShowPopup) {
|
|
62
90
|
var _a = multiValueLabelRefCurrent.getBoundingClientRect(), width = _a.width, multiValueLabelLeft = _a.left, top_1 = _a.top, height = _a.height;
|
|
63
91
|
var popupContentWidth = popupContentRefCurrent.getBoundingClientRect().width;
|
|
64
92
|
var popupContentWidthWithIndents_1 = popupContentWidth + POPUP_PADDINGS + POPUP_MARGINS;
|
|
@@ -83,20 +111,20 @@ var MultiValueLabel = function (props) {
|
|
|
83
111
|
};
|
|
84
112
|
var handleClosePopup = function () { return timeoutId && clearTimeout(timeoutId); };
|
|
85
113
|
if (!isChipsCollapsable || isInputFocused || (!isInputFocused && userIndex < lastVisibleChipIndex) || noChipsCount) {
|
|
86
|
-
return (_jsx(components.MultiValueLabel, __assign({}, props, { innerProps: { ref: multiValueLabelRef } }, { children: _jsx(Popup, __assign({ ref: popupRef, onOpen: handleOpenPopup, onClose: handleClosePopup, arrow: false,
|
|
114
|
+
return (_jsx(components.MultiValueLabel, __assign({}, props, { innerProps: { ref: multiValueLabelRef } }, { children: _jsx(Popup, __assign({ ref: popupRef, onOpen: handleOpenPopup, onClose: handleClosePopup, arrow: false, open: isShowPopup, className: classNames('multi-value-info', hiddenClassName), contentStyle: {
|
|
87
115
|
'--multi-value-label-content-left': "".concat(left, "px"),
|
|
88
116
|
'--multi-value-label-content-top': "".concat(top, "px"),
|
|
89
117
|
'--multi-value-label-content-max-width': "".concat(popupContentMaxWidth, "px"),
|
|
90
|
-
},
|
|
118
|
+
}, trigger: function () { return (_jsx("div", __assign({ onMouseDown: handleMouseDown, onTouchEnd: handleTouchEnd, onContextMenu: handleContextMenu, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave }, { children: _jsx(Chip, { language: language, name: label, email: email, uid: uid, isOpenContextMenu: isOpenContextMenu, setIsOpenContextMenu: setIsOpenContextMenu, isMyContacts: isMyContacts, isWarning: isWarning, userType: userType, avatar: avatar, isLoading: isLoading, isError: isBusyAtSelectedTime, isDisabled: isDisabled || isNotRemovable, isEye: isPrivateSchedule, onDelete: handleDelete, contextMenuItems: contextMenuItems, platform: platform }) }))); } }, { children: renderPopupContent() })) })));
|
|
91
119
|
}
|
|
92
120
|
if (isChipsCollapsable && !isInputFocused && userIndex === lastVisibleChipIndex && !noChipsCount) {
|
|
93
121
|
return (_jsxs("div", __assign({ className: generateClassNames({
|
|
94
122
|
className: 'multi-value-label-counter',
|
|
95
123
|
delimiter: '__',
|
|
96
124
|
additionalClassName: platform,
|
|
97
|
-
}), onTouchEnd:
|
|
125
|
+
}), onTouchEnd: handleTouchEnd }, { children: ["+", collapsableChipsCount] })));
|
|
98
126
|
}
|
|
99
127
|
return null;
|
|
100
128
|
};
|
|
101
|
-
export default
|
|
129
|
+
export default MultiValueLabel;
|
|
102
130
|
//# sourceMappingURL=MultiValueLabel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MultiValueLabel.js","sourceRoot":"","sources":["../../../../../src/сomponents/UserDropdown/MultiValueLabel/MultiValueLabel.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,
|
|
1
|
+
{"version":3,"file":"MultiValueLabel.js","sourceRoot":"","sources":["../../../../../src/сomponents/UserDropdown/MultiValueLabel/MultiValueLabel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
1
|
import { IUserDropdownProps } from './types';
|
|
3
2
|
import '../../styles/styles.scss';
|
|
4
|
-
declare const
|
|
5
|
-
|
|
3
|
+
export declare const EMAIL_FIELD = "email";
|
|
4
|
+
declare const UserDropdown: ({ platform, isDisabled, isLoading, isChipsVisible, isChipsCollapsable, isSelectedChipHasTooltip, isMenuCloseOnSelect, isFilteringDisabled, hasNextPage, isNextPageLoading, isInputHidden, isBackspaceChipToInput, isShowCatalogSearchButton, isDisabledMenuOffsetAtFullscreen, language, layoutType, externalInputValue, title, mask, placeholder, hint, onShowCatalogSearchButtonClick, noOptionsMessage, maxMembersCount, fillType, menuPosition, autoFocus, containerClassName, containerStyles, selectedEntries, corporateEntries, myContactsEntries, emailsToExclude, onInputChange, onChange, onMenuOpen, onMenuClose, onLoadNextPage, }: IUserDropdownProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
export default UserDropdown;
|
|
@@ -20,13 +20,12 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
|
20
20
|
};
|
|
21
21
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
22
22
|
/* eslint-disable max-lines */
|
|
23
|
-
import {
|
|
23
|
+
import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
|
|
24
24
|
import Select, { components } from 'react-select';
|
|
25
25
|
import classNames from 'classnames';
|
|
26
26
|
import { ru } from 'convert-layout';
|
|
27
27
|
import { debounce, includes, isEmpty, isNil, isNull, isString, omit, uniq, uniqBy } from 'lodash';
|
|
28
28
|
import { transliterate as tr } from 'transliteration';
|
|
29
|
-
import { useDroppable } from '@dnd-kit/core';
|
|
30
29
|
import Modal from '../Modal';
|
|
31
30
|
import ContactBottomSheet from './ContactBottomSheet/ContactBottomSheet';
|
|
32
31
|
import LoadingMessage from './LoadingMessage/LoadingMessage';
|
|
@@ -35,9 +34,9 @@ import MultiValueLabel from './MultiValueLabel/MultiValueLabel';
|
|
|
35
34
|
import Option from './Option/Option';
|
|
36
35
|
import SearchInCatalogButton from './SearchInCatalogButton/SearchInCatalogButton';
|
|
37
36
|
import selectStyles from './selectStyles';
|
|
38
|
-
import { generateId, isMobilePlatform } from '../../helpers';
|
|
37
|
+
import { generateId, isIosPlatform, isMobilePlatform } from '../../helpers';
|
|
39
38
|
import { DropdownIndicator, IndicatorSeparator, LoadingIndicator, MultiValueRemove, generateContactsOption, generateContactsOptionsToSelect, generateCorporateOption, generateCorporateOptionsToSelect, generateEnteredByUserOption, sortContacts, } from './helpers';
|
|
40
|
-
import { BACKSPACE_KEY, DEFAULT_INPUT_PADDING,
|
|
39
|
+
import { BACKSPACE_KEY, DEFAULT_INPUT_PADDING, ENTER_KEY, FILL_TYPE, INPUT_COUNTER_TIMEOUT, LANGUAGES, LAYOUT_TYPE, MASK_INPUT_PL, MENU_POSITIONS, PLATFORM, SPACE, } from '../../constants';
|
|
41
40
|
import '../../styles/styles.scss';
|
|
42
41
|
var MIN_INPUT_SYMBOLS = 3;
|
|
43
42
|
var THREE_DIGIT_NUMBER_WIDTH = 48;
|
|
@@ -46,6 +45,7 @@ var SINGLE_DIGIT_NUMBER_WIDTH = 32;
|
|
|
46
45
|
var INPUT_SPACE_WIDTH = 46;
|
|
47
46
|
var GAP = 8;
|
|
48
47
|
var USER_TYPING_TIMEOUT = 1000;
|
|
48
|
+
export var EMAIL_FIELD = 'email';
|
|
49
49
|
var MENU_ACTIONS;
|
|
50
50
|
(function (MENU_ACTIONS) {
|
|
51
51
|
MENU_ACTIONS["close"] = "menu-close";
|
|
@@ -55,6 +55,11 @@ var INPUT_ACTIONS;
|
|
|
55
55
|
INPUT_ACTIONS["change"] = "input-change";
|
|
56
56
|
INPUT_ACTIONS["blur"] = "input-blur";
|
|
57
57
|
})(INPUT_ACTIONS || (INPUT_ACTIONS = {}));
|
|
58
|
+
var EMAIL_SEPARATORS;
|
|
59
|
+
(function (EMAIL_SEPARATORS) {
|
|
60
|
+
EMAIL_SEPARATORS["semicolon"] = ";";
|
|
61
|
+
EMAIL_SEPARATORS["comma"] = ",";
|
|
62
|
+
})(EMAIL_SEPARATORS || (EMAIL_SEPARATORS = {}));
|
|
58
63
|
var EXCLUDED_FIELDS;
|
|
59
64
|
(function (EXCLUDED_FIELDS) {
|
|
60
65
|
EXCLUDED_FIELDS["value"] = "value";
|
|
@@ -76,8 +81,8 @@ var EXCLUDED_FIELDS;
|
|
|
76
81
|
var COMMON_FIELDS_TO_OMIT = Object.keys(omit(EXCLUDED_FIELDS, [EXCLUDED_FIELDS.language, EXCLUDED_FIELDS.isEnteredByUser]));
|
|
77
82
|
var Input = function (props) { return _jsx(components.Input, __assign({}, props, { enterKeyHint: "done" })); };
|
|
78
83
|
var UserDropdown = function (_a) {
|
|
79
|
-
var _b = _a.platform, platform = _b === void 0 ? PLATFORM.web : _b, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = _a.isLoading, isLoading = _d === void 0 ? false : _d, _e = _a.isChipsVisible, isChipsVisible = _e === void 0 ? true : _e, _f = _a.isChipsCollapsable, isChipsCollapsable = _f === void 0 ? false : _f, _g = _a.isSelectedChipHasTooltip, isSelectedChipHasTooltip = _g === void 0 ? false : _g, _h = _a.isMenuCloseOnSelect, isMenuCloseOnSelect = _h === void 0 ? true : _h, _j = _a.isFilteringDisabled, isFilteringDisabled = _j === void 0 ? false : _j, _k = _a.hasNextPage, hasNextPage = _k === void 0 ? false : _k, _l = _a.isNextPageLoading, isNextPageLoading = _l === void 0 ? false : _l, _m = _a.isInputHidden, isInputHidden = _m === void 0 ? false : _m, _o = _a.isBackspaceChipToInput, isBackspaceChipToInput = _o === void 0 ? false : _o, _p = _a.
|
|
80
|
-
var _y = useState(
|
|
84
|
+
var _b = _a.platform, platform = _b === void 0 ? PLATFORM.web : _b, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = _a.isLoading, isLoading = _d === void 0 ? false : _d, _e = _a.isChipsVisible, isChipsVisible = _e === void 0 ? true : _e, _f = _a.isChipsCollapsable, isChipsCollapsable = _f === void 0 ? false : _f, _g = _a.isSelectedChipHasTooltip, isSelectedChipHasTooltip = _g === void 0 ? false : _g, _h = _a.isMenuCloseOnSelect, isMenuCloseOnSelect = _h === void 0 ? true : _h, _j = _a.isFilteringDisabled, isFilteringDisabled = _j === void 0 ? false : _j, _k = _a.hasNextPage, hasNextPage = _k === void 0 ? false : _k, _l = _a.isNextPageLoading, isNextPageLoading = _l === void 0 ? false : _l, _m = _a.isInputHidden, isInputHidden = _m === void 0 ? false : _m, _o = _a.isBackspaceChipToInput, isBackspaceChipToInput = _o === void 0 ? false : _o, _p = _a.isShowCatalogSearchButton, isShowCatalogSearchButton = _p === void 0 ? false : _p, _q = _a.isDisabledMenuOffsetAtFullscreen, isDisabledMenuOffsetAtFullscreen = _q === void 0 ? false : _q, _r = _a.language, language = _r === void 0 ? LANGUAGES.ru : _r, _s = _a.layoutType, layoutType = _s === void 0 ? LAYOUT_TYPE.minimal : _s, externalInputValue = _a.externalInputValue, title = _a.title, mask = _a.mask, placeholder = _a.placeholder, hint = _a.hint, onShowCatalogSearchButtonClick = _a.onShowCatalogSearchButtonClick, noOptionsMessage = _a.noOptionsMessage, maxMembersCount = _a.maxMembersCount, _t = _a.fillType, fillType = _t === void 0 ? FILL_TYPE.primary : _t, _u = _a.menuPosition, menuPosition = _u === void 0 ? MENU_POSITIONS.top : _u, _v = _a.autoFocus, autoFocus = _v === void 0 ? false : _v, containerClassName = _a.containerClassName, containerStyles = _a.containerStyles, _w = _a.selectedEntries, selectedEntries = _w === void 0 ? [] : _w, corporateEntries = _a.corporateEntries, myContactsEntries = _a.myContactsEntries, _x = _a.emailsToExclude, emailsToExclude = _x === void 0 ? [] : _x, onInputChange = _a.onInputChange, onChange = _a.onChange, onMenuOpen = _a.onMenuOpen, onMenuClose = _a.onMenuClose, onLoadNextPage = _a.onLoadNextPage;
|
|
85
|
+
var _y = useState(''), userDropdownId = _y[0], setUserDropdownId = _y[1];
|
|
81
86
|
var _z = useState([]), selectedUsers = _z[0], setSelectedUsers = _z[1];
|
|
82
87
|
var _0 = useState(null), timeoutId = _0[0], setTimeoutId = _0[1];
|
|
83
88
|
var _1 = useState(''), paddingLeft = _1[0], setPaddingLeft = _1[1];
|
|
@@ -93,22 +98,14 @@ var UserDropdown = function (_a) {
|
|
|
93
98
|
var maskRef = useRef(null);
|
|
94
99
|
var menuScrollFromTop = useRef(0);
|
|
95
100
|
var collapsableChipsCount = useRef(0);
|
|
96
|
-
var visibleChipsCount = useRef(0);
|
|
97
|
-
var isNeedCheckChipCollapsableCount = useRef(false);
|
|
98
101
|
var lastVisibleChipIndex = useRef(-1);
|
|
99
102
|
var skipAddUserToChipsOnNextBlurRef = useRef(false);
|
|
100
|
-
var
|
|
101
|
-
var overId = (over || {}).id;
|
|
102
|
-
var isDraggable = overId === userDropdownId;
|
|
103
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
104
|
-
useImperativeHandle(focusRef, function () { return ({ focus: handleFocus, blur: handleDragBlur }); }, []);
|
|
103
|
+
var selectedUsersLength = selectedUsers.length;
|
|
105
104
|
var checkIsValueIsEmail = function (inputValue) {
|
|
106
105
|
var regex = new RegExp(/^(([^<>()[\].,;:\s@"]+(\.[^<>()[\].,;:\s@"]+)*)|(".+"))@(([^<>()[\].,;:\s@"]+\.)+[^<>()[\].,;:\s@"]{2,})$/);
|
|
107
106
|
return regex.test(inputValue);
|
|
108
107
|
};
|
|
109
|
-
|
|
110
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
111
|
-
var checkIsEmailToExclude = useCallback(function (email) { return includes(emailsToExclude, email); }, []);
|
|
108
|
+
var checkIsEmailToExclude = function (email) { return includes(emailsToExclude, email); };
|
|
112
109
|
var calculatePaddingLeft = function () {
|
|
113
110
|
var _a, _b;
|
|
114
111
|
var maskWidth = ((_b = (_a = maskRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) === null || _b === void 0 ? void 0 : _b.width) || null;
|
|
@@ -118,17 +115,16 @@ var UserDropdown = function (_a) {
|
|
|
118
115
|
var generateStyles = function () {
|
|
119
116
|
return selectStyles({
|
|
120
117
|
isChipsVisible: isChipsVisible,
|
|
121
|
-
isMaxMembersAdded: maxMembersCount && isChipsVisible ?
|
|
118
|
+
isMaxMembersAdded: maxMembersCount && isChipsVisible ? selectedUsersLength === maxMembersCount : false,
|
|
122
119
|
isDisabled: isDisabled,
|
|
123
120
|
isError: isError,
|
|
124
|
-
lastRowNumber: isChipsVisible ? Math.ceil(
|
|
125
|
-
paddingLeft: paddingLeft,
|
|
121
|
+
lastRowNumber: isChipsVisible ? Math.ceil(selectedUsersLength / 2) + 1 : 1,
|
|
122
|
+
paddingLeft: !!selectedUsersLength && isEmpty(mask) ? "".concat(DEFAULT_INPUT_PADDING / 2, "px") : paddingLeft,
|
|
126
123
|
fillType: fillType,
|
|
127
124
|
platform: platform,
|
|
128
125
|
layoutType: layoutType,
|
|
129
126
|
isInputHidden: isInputHidden,
|
|
130
|
-
|
|
131
|
-
isChipsCollapsed: isChipsCollapsable && !isInputFocused.current,
|
|
127
|
+
isDisabledMenuOffsetAtFullscreen: isDisabledMenuOffsetAtFullscreen,
|
|
132
128
|
});
|
|
133
129
|
};
|
|
134
130
|
var generateNoOptionsMessage = function (_a) {
|
|
@@ -176,17 +172,20 @@ var UserDropdown = function (_a) {
|
|
|
176
172
|
var id = setTimeout(function () { return setTimeoutId(null); }, INPUT_COUNTER_TIMEOUT);
|
|
177
173
|
setTimeoutId(id);
|
|
178
174
|
};
|
|
179
|
-
var
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
175
|
+
var requestInputChangeDebounce = useMemo(function () {
|
|
176
|
+
return debounce(function (inputValue) {
|
|
177
|
+
onInputChange(inputValue);
|
|
178
|
+
setIsUserTyping(false);
|
|
179
|
+
}, USER_TYPING_TIMEOUT);
|
|
180
|
+
}, [onInputChange]);
|
|
181
|
+
var resetIsUserTypingDebounce = useMemo(function () { return debounce(function () { return setIsUserTyping(false); }, USER_TYPING_TIMEOUT); }, []);
|
|
182
|
+
var handleResetError = function () { return isError && setIsError(false); };
|
|
184
183
|
var handleMenuClose = function () {
|
|
185
184
|
menuScrollFromTop.current = 0;
|
|
186
185
|
handleResetError();
|
|
187
186
|
onMenuClose && onMenuClose();
|
|
188
187
|
};
|
|
189
|
-
var handleInputChange =
|
|
188
|
+
var handleInputChange = function (inputValue, additionalInfo) {
|
|
190
189
|
if (additionalInfo) {
|
|
191
190
|
var action = additionalInfo.action, prevInputValue = additionalInfo.prevInputValue;
|
|
192
191
|
var trimPrevInputValue_1 = prevInputValue.trim();
|
|
@@ -204,18 +203,8 @@ var UserDropdown = function (_a) {
|
|
|
204
203
|
}
|
|
205
204
|
setIsUserTyping(!isEmpty(inputValue));
|
|
206
205
|
handleResetError();
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
}
|
|
210
|
-
else {
|
|
211
|
-
debounce(function () {
|
|
212
|
-
setIsUserTyping(false);
|
|
213
|
-
}, USER_TYPING_TIMEOUT);
|
|
214
|
-
}
|
|
215
|
-
},
|
|
216
|
-
// TODO: requestDebounce в массиве зависимостей вызывает бесконечный ререндер при драге
|
|
217
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
218
|
-
[checkIsEmailToExclude, handleResetError, selectedUsers]);
|
|
206
|
+
inputValue.length >= MIN_INPUT_SYMBOLS ? requestInputChangeDebounce(inputValue) : resetIsUserTypingDebounce();
|
|
207
|
+
};
|
|
219
208
|
var extractInputEmails = function (inputValue) {
|
|
220
209
|
return inputValue
|
|
221
210
|
.split(/[,;]+/)
|
|
@@ -226,6 +215,8 @@ var UserDropdown = function (_a) {
|
|
|
226
215
|
if (needToShowError === void 0) { needToShowError = true; }
|
|
227
216
|
var props = selectRef.current.props;
|
|
228
217
|
var options = props.options, inputValue = props.inputValue, onChange = props.onChange;
|
|
218
|
+
if (isEmpty(inputValue))
|
|
219
|
+
return;
|
|
229
220
|
var trimInputValue = inputValue.trim();
|
|
230
221
|
var optionProps = {
|
|
231
222
|
platform: platform,
|
|
@@ -240,8 +231,13 @@ var UserDropdown = function (_a) {
|
|
|
240
231
|
};
|
|
241
232
|
var inputEmails = extractInputEmails(trimInputValue);
|
|
242
233
|
var enteredUsers = [];
|
|
234
|
+
var incorrectEmails = [];
|
|
235
|
+
var inputEmailsLength = inputEmails.length;
|
|
236
|
+
var isSingleEmailEntered = inputEmailsLength === 1;
|
|
237
|
+
var emailSeparator = trimInputValue.includes(EMAIL_SEPARATORS.semicolon) ? EMAIL_SEPARATORS.semicolon : EMAIL_SEPARATORS.comma;
|
|
243
238
|
inputEmails.forEach(function (inputEmail) {
|
|
244
|
-
|
|
239
|
+
var isValueIsEmail = checkIsValueIsEmail(inputEmail);
|
|
240
|
+
if (isValueIsEmail && !checkIsEmailToExclude(inputEmail)) {
|
|
245
241
|
var isUserAlreadySelected = selectedUsers.find(function (_a) {
|
|
246
242
|
var email = _a.email;
|
|
247
243
|
return email === inputEmail;
|
|
@@ -251,27 +247,29 @@ var UserDropdown = function (_a) {
|
|
|
251
247
|
return email === inputEmail;
|
|
252
248
|
});
|
|
253
249
|
enteredUsers.push(existingUser || generateEnteredByUserOption(__assign(__assign({}, optionProps), { email: inputEmail })));
|
|
254
|
-
if (isUserAlreadySelected && needToShowError &&
|
|
250
|
+
if (isUserAlreadySelected && needToShowError && isSingleEmailEntered)
|
|
255
251
|
setIsError(true);
|
|
256
252
|
else
|
|
257
253
|
handleInputChange('', { action: INPUT_ACTIONS.change, prevInputValue: trimInputValue });
|
|
258
254
|
}
|
|
255
|
+
!isValueIsEmail && incorrectEmails.push(inputEmail);
|
|
259
256
|
});
|
|
257
|
+
!isSingleEmailEntered && setInputValue(incorrectEmails.join("".concat(emailSeparator).concat(SPACE)).trim());
|
|
260
258
|
onChange(__spreadArray(__spreadArray([], selectedUsers, true), enteredUsers, true));
|
|
261
259
|
return Promise.resolve();
|
|
262
260
|
};
|
|
263
261
|
var handleKeyDown = function (event) {
|
|
264
|
-
var _a, _b;
|
|
262
|
+
var _a, _b, _c;
|
|
265
263
|
var key = event.key, code = event.code;
|
|
266
264
|
var isEnterPressed = code === ENTER_KEY || key === ENTER_KEY;
|
|
267
265
|
var isBackspacePressed = code === BACKSPACE_KEY || key === BACKSPACE_KEY;
|
|
268
266
|
var isTransformChipToInputValue = isBackspacePressed && isBackspaceChipToInput && inputValue === '' && !isEmpty(selectedUsers);
|
|
269
267
|
if (isEnterPressed) {
|
|
270
268
|
event.preventDefault();
|
|
271
|
-
handleAddUser().then(function () { });
|
|
269
|
+
(_a = handleAddUser()) === null || _a === void 0 ? void 0 : _a.then(function () { });
|
|
272
270
|
}
|
|
273
271
|
if (isTransformChipToInputValue) {
|
|
274
|
-
var
|
|
272
|
+
var _d = selectedUsers[selectedUsersLength - 1], label = _d.label, email = _d.email;
|
|
275
273
|
var newSelectedUsers = selectedUsers.slice(0, -1);
|
|
276
274
|
setSelectedUsers(newSelectedUsers);
|
|
277
275
|
onChange === null || onChange === void 0 ? void 0 : onChange(newSelectedUsers.map(function (user) { return omit(user, COMMON_FIELDS_TO_OMIT); }));
|
|
@@ -280,10 +278,10 @@ var UserDropdown = function (_a) {
|
|
|
280
278
|
setInputValue(newInputValue);
|
|
281
279
|
handleInputChange(newInputValue);
|
|
282
280
|
onMenuOpen === null || onMenuOpen === void 0 ? void 0 : onMenuOpen();
|
|
283
|
-
(
|
|
281
|
+
(_c = (_b = selectRef.current) === null || _b === void 0 ? void 0 : _b.onMenuOpen) === null || _c === void 0 ? void 0 : _c.call(_b);
|
|
284
282
|
}
|
|
285
283
|
};
|
|
286
|
-
var transformCurrentChipToInputValue =
|
|
284
|
+
var transformCurrentChipToInputValue = function (label, email) {
|
|
287
285
|
var _a, _b;
|
|
288
286
|
skipAddUserToChipsOnNextBlurRef.current = true;
|
|
289
287
|
setSelectedUsers(function (prevSelectedUsers) {
|
|
@@ -299,7 +297,7 @@ var UserDropdown = function (_a) {
|
|
|
299
297
|
handleInputChange(label);
|
|
300
298
|
onMenuOpen === null || onMenuOpen === void 0 ? void 0 : onMenuOpen();
|
|
301
299
|
(_b = (_a = selectRef.current) === null || _a === void 0 ? void 0 : _a.onMenuOpen) === null || _b === void 0 ? void 0 : _b.call(_a);
|
|
302
|
-
}
|
|
300
|
+
};
|
|
303
301
|
var handleChange = function (newSelectedUsers) {
|
|
304
302
|
var uniqNewSelectedUsers = uniqBy(newSelectedUsers, EMAIL_FIELD);
|
|
305
303
|
var users = [];
|
|
@@ -405,11 +403,8 @@ var UserDropdown = function (_a) {
|
|
|
405
403
|
}
|
|
406
404
|
}
|
|
407
405
|
});
|
|
408
|
-
var visibleChipsCurrentCount = chips.length - collapsableChips;
|
|
409
|
-
isNeedCheckChipCollapsableCount.current = true;
|
|
410
|
-
visibleChipsCount.current = visibleChipsCurrentCount;
|
|
411
406
|
collapsableChipsCount.current = collapsableChips;
|
|
412
|
-
lastVisibleChipIndex.current =
|
|
407
|
+
lastVisibleChipIndex.current = chips.length - collapsableChips;
|
|
413
408
|
setChipLabelWithMaxWidth(chipLabelWithMaxWidth || generateId());
|
|
414
409
|
};
|
|
415
410
|
var handleUnCollapseChips = function () {
|
|
@@ -423,19 +418,12 @@ var UserDropdown = function (_a) {
|
|
|
423
418
|
var chipLabel = ((_a = chip.querySelector('.smartapp-chip__info--name')) === null || _a === void 0 ? void 0 : _a.innerHTML) || '';
|
|
424
419
|
chipLabel === chipLabelWithMaxWidth && (chip.style.maxWidth = '100%');
|
|
425
420
|
});
|
|
426
|
-
isNeedCheckChipCollapsableCount.current = false;
|
|
427
|
-
visibleChipsCount.current = chips.length;
|
|
428
421
|
collapsableChipsCount.current = 0;
|
|
429
422
|
lastVisibleChipIndex.current = -1;
|
|
430
423
|
setChipLabelWithMaxWidth('');
|
|
431
424
|
};
|
|
432
|
-
var handleDragBlur = function () {
|
|
433
|
-
var _a;
|
|
434
|
-
if (!isInputFocused.current)
|
|
435
|
-
return;
|
|
436
|
-
(_a = selectRef.current) === null || _a === void 0 ? void 0 : _a.blur();
|
|
437
|
-
};
|
|
438
425
|
var handleBlur = function () {
|
|
426
|
+
var _a;
|
|
439
427
|
var shouldSkipAddUserToChipsOnNextBlur = skipAddUserToChipsOnNextBlurRef.current;
|
|
440
428
|
var onBlurComplete = function () {
|
|
441
429
|
isChipsCollapsable && handleCollapseChips();
|
|
@@ -446,13 +434,16 @@ var UserDropdown = function (_a) {
|
|
|
446
434
|
return;
|
|
447
435
|
}
|
|
448
436
|
else
|
|
449
|
-
handleAddUser(false).then(onBlurComplete);
|
|
437
|
+
(_a = handleAddUser(false)) === null || _a === void 0 ? void 0 : _a.then(onBlurComplete);
|
|
450
438
|
skipAddUserToChipsOnNextBlurRef.current = false;
|
|
451
439
|
};
|
|
452
440
|
var handleFocus = function () {
|
|
453
|
-
if (
|
|
454
|
-
return;
|
|
455
|
-
|
|
441
|
+
if (isIosPlatform(platform)) {
|
|
442
|
+
new Promise(function (resolve) { return resolve(); }).then(function () { var _a; return (_a = selectRef.current) === null || _a === void 0 ? void 0 : _a.focus(); });
|
|
443
|
+
}
|
|
444
|
+
else {
|
|
445
|
+
setTimeout(function () { var _a; return (_a = selectRef.current) === null || _a === void 0 ? void 0 : _a.focus(); }, 100);
|
|
446
|
+
}
|
|
456
447
|
isInputFocused.current = true;
|
|
457
448
|
isChipsCollapsable && handleUnCollapseChips();
|
|
458
449
|
};
|
|
@@ -464,7 +455,7 @@ var UserDropdown = function (_a) {
|
|
|
464
455
|
}
|
|
465
456
|
};
|
|
466
457
|
var renderCounter = function () {
|
|
467
|
-
return !isNil(maxMembersCount) && (_jsx("div", __assign({ className: classNames('smartapp-user-dropdown__title--counter', { 'smartapp-user-dropdown__title--counter__error': !isNull(timeoutId) }) }, { children: "".concat(
|
|
458
|
+
return !isNil(maxMembersCount) && (_jsx("div", __assign({ className: classNames('smartapp-user-dropdown__title--counter', { 'smartapp-user-dropdown__title--counter__error': !isNull(timeoutId) }) }, { children: "".concat(selectedUsersLength, "/").concat(maxMembersCount) })));
|
|
468
459
|
};
|
|
469
460
|
var renderTitle = function () {
|
|
470
461
|
return title && (_jsxs("div", __assign({ className: "smartapp-user-dropdown__title" }, { children: [_jsx("p", __assign({ className: "smartapp-user-dropdown__title--text" }, { children: title })), renderCounter()] })));
|
|
@@ -490,7 +481,7 @@ var UserDropdown = function (_a) {
|
|
|
490
481
|
}, [userDropdownId]);
|
|
491
482
|
useLayoutEffect(function () {
|
|
492
483
|
if (userDropdownId) {
|
|
493
|
-
|
|
484
|
+
isChipsCollapsable ? handleCollapseChips() : handleUnCollapseChips();
|
|
494
485
|
}
|
|
495
486
|
// eslint-disable-next-line
|
|
496
487
|
}, [isChipsCollapsable, userDropdownId]);
|
|
@@ -526,8 +517,6 @@ var UserDropdown = function (_a) {
|
|
|
526
517
|
return 'contacts' in entity ? generateCorporateOption(__assign({ option: entity }, commonFields)) : generatedNotCorporateEntity;
|
|
527
518
|
}));
|
|
528
519
|
}
|
|
529
|
-
else
|
|
530
|
-
setSelectedUsers([]);
|
|
531
520
|
// eslint-disable-next-line
|
|
532
521
|
}, [selectedEntries]);
|
|
533
522
|
useEffect(function () {
|
|
@@ -538,15 +527,16 @@ var UserDropdown = function (_a) {
|
|
|
538
527
|
};
|
|
539
528
|
}, []);
|
|
540
529
|
useEffect(function () {
|
|
541
|
-
|
|
542
|
-
|
|
543
|
-
|
|
544
|
-
|
|
530
|
+
return function () {
|
|
531
|
+
requestInputChangeDebounce.cancel();
|
|
532
|
+
resetIsUserTypingDebounce.cancel();
|
|
533
|
+
};
|
|
534
|
+
}, [requestInputChangeDebounce, resetIsUserTypingDebounce]);
|
|
545
535
|
var OptionComponent = useCallback(function (props) { return _jsx(Option, __assign({}, props, { children: props.children })); }, []);
|
|
546
536
|
var MenuListComponent = useCallback(function (props) { return (_jsx(MenuList, __assign({}, props, { children: props.children, selectRef: selectRef, scrollFromTop: menuScrollFromTop, language: language, hasNextPage: hasNextPage, isLoading: isLoading, isShowCatalogSearchButton: isShowCatalogSearchButton, onShowCatalogSearchButtonClick: onShowCatalogSearchButtonClick, isUserTyping: isUserTyping, isNextPageLoading: isNextPageLoading, onLoadNextPage: function (inputValue) { return onLoadNextPage && onLoadNextPage(inputValue); } }))); }, [language, hasNextPage, isLoading, isShowCatalogSearchButton, onShowCatalogSearchButtonClick, isUserTyping, isNextPageLoading, onLoadNextPage]);
|
|
547
537
|
var NoOptionsButton = function (props) { return (_jsx(components.NoOptionsMessage, __assign({}, props, { children: _jsx(SearchInCatalogButton, { language: language, isOnlyButtonInList: true, onShowCatalogSearchButtonClick: onShowCatalogSearchButtonClick, noOptionText: isShowCatalogSearchButton ? undefined : generateNoOptionsMessage({ inputValue: inputValue }) }) }))); };
|
|
548
|
-
var MultiValueLabelComponent =
|
|
549
|
-
return (_jsxs("div", __assign({ id: userDropdownId, className: classNames('smartapp-user-dropdown', containerClassName), style: containerStyles }, { children: [renderTitle(), _jsxs("div", __assign({ className: "smartapp-user-dropdown__container"
|
|
538
|
+
var MultiValueLabelComponent = function (props) { return _jsx(MultiValueLabel, __assign({}, props, { transformCurrentChipToInputValue: transformCurrentChipToInputValue })); };
|
|
539
|
+
return (_jsxs("div", __assign({ id: userDropdownId, className: classNames('smartapp-user-dropdown', containerClassName), style: containerStyles }, { children: [renderTitle(), _jsxs("div", __assign({ className: "smartapp-user-dropdown__container" }, { children: [renderMask(), _jsx(Select, { ref: selectRef, menuIsOpen: isInputHidden ? !!externalInputValue : undefined, isMulti: true, openMenuOnFocus: true, blurInputOnSelect: false, captureMenuScroll: false, isSearchable: isSearchable, menuPlacement: menuPosition, controlShouldRenderValue: isChipsVisible, backspaceRemovesValue: isChipsVisible, isDisabled: isDisabled, closeMenuOnSelect: isMenuCloseOnSelect, isLoading: isLoading || isUserTyping, isClearable: false, styles: generateStyles(), placeholder: placeholder || '', noOptionsMessage: generateNoOptionsMessage, loadingMessage: function () { return _jsx(LoadingMessage, {}); }, value: selectedUsers, inputValue: inputValue, options: !isNull(corporateEntries) || !isNull(myContactsEntries) ? generateOptions() : undefined, filterOption: handleFilterOption, onInputChange: handleInputChange, onChange: handleChange, onMenuClose: handleMenuClose, onMenuOpen: onMenuOpen, onKeyDown: handleKeyDown, onBlur: handleBlur, autoFocus: autoFocus, onFocus: handleFocus, components: {
|
|
550
540
|
Input: Input,
|
|
551
541
|
MultiValueLabel: MultiValueLabelComponent,
|
|
552
542
|
MultiValueRemove: MultiValueRemove,
|
|
@@ -558,5 +548,5 @@ var UserDropdown = function (_a) {
|
|
|
558
548
|
NoOptionsMessage: NoOptionsButton,
|
|
559
549
|
} })] })), renderHint(), _jsx(Modal, { isModalOpen: !isNull(modalData), platform: platform, content: modalContent, isBottomSheet: isMobilePlatform(platform), backgroundColor: "var(--color-bg-blackout-transparent)", handleCloseModal: handleCloseModal })] })));
|
|
560
550
|
};
|
|
561
|
-
export default
|
|
551
|
+
export default UserDropdown;
|
|
562
552
|
//# sourceMappingURL=UserDropdown.js.map
|