@expressms/smartapp-ui 2.9.21 → 2.9.22
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 +3 -0
- package/build/main/constants/constants.js +3 -0
- package/build/main/constants/constants.js.map +1 -1
- package/build/main/constants/types.d.ts +6 -0
- package/build/main/hooks/useMobileLongTap.d.ts +16 -0
- package/build/main/hooks/useMobileLongTap.js +55 -0
- package/build/main/hooks/useMobileLongTap.js.map +1 -0
- package/build/main/hooks/useModal.js +11 -6
- package/build/main/hooks/useModal.js.map +1 -1
- package/build/main/index.d.ts +1 -0
- package/build/main/index.js +1 -0
- package/build/main/index.js.map +1 -1
- package/build/main/styles/styles.scss +2 -2
- package/build/main//321/201omponents/Avatar/Avatar.d.ts +3 -2
- 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/Chip/Chip.d.ts +3 -2
- package/build/main//321/201omponents/Chip/Chip.js +147 -21
- package/build/main//321/201omponents/Chip/Chip.js.map +1 -1
- package/build/main//321/201omponents/Chip/types.d.ts +9 -4
- package/build/main//321/201omponents/ChipDndContext/ChipDndContext.d.ts +13 -0
- package/build/main//321/201omponents/ChipDndContext/ChipDndContext.js +76 -0
- package/build/main//321/201omponents/ChipDndContext/ChipDndContext.js.map +1 -0
- package/build/main//321/201omponents/ChipDndContext/index.d.ts +1 -0
- package/build/main//321/201omponents/ChipDndContext/index.js +2 -0
- package/build/main//321/201omponents/ChipDndContext/index.js.map +1 -0
- package/build/main//321/201omponents/ContextMenu/ContextMenu.js +16 -6
- package/build/main//321/201omponents/ContextMenu/ContextMenu.js.map +1 -1
- package/build/main//321/201omponents/ContextMenu/types.d.ts +3 -6
- package/build/main//321/201omponents/Input/Input.d.ts +1 -1
- package/build/main//321/201omponents/Input/Input.js +4 -3
- package/build/main//321/201omponents/Input/Input.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/MultiValueLabel/MultiValueLabel.d.ts +3 -2
- package/build/main//321/201omponents/UserDropdown/MultiValueLabel/MultiValueLabel.js +30 -21
- 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 +75 -39
- package/build/main//321/201omponents/UserDropdown/UserDropdown.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/selectStyles.d.ts +1 -1
- package/build/main//321/201omponents/UserDropdown/selectStyles.js +7 -5
- package/build/main//321/201omponents/UserDropdown/selectStyles.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/types.d.ts +13 -0
- package/build/main//321/201omponents/UserDropdown/types.js.map +1 -1
- package/package.json +4 -2
- package/build/main/hooks/useLongTap.d.ts +0 -12
- package/build/main/hooks/useLongTap.js +0 -29
- package/build/main/hooks/useLongTap.js.map +0 -1
|
@@ -36,13 +36,14 @@ var CHAR_HINT_GAP = 4;
|
|
|
36
36
|
var CHAR_HINT_TIMEOUT = 3000;
|
|
37
37
|
var Input = function (_a) {
|
|
38
38
|
var _b, _c, _d;
|
|
39
|
-
var _e = _a.isPassword, isPassword = _e === void 0 ? false : _e, _f = _a.isClearable, isClearable = _f === void 0 ? false : _f, _g = _a.isSearchable, isSearchable = _g === void 0 ? false : _g, _h = _a.isCharHintEnable, isCharHintEnable = _h === void 0 ? false : _h, _j = _a.language, language = _j === void 0 ? LANGUAGES.ru : _j, _k = _a.disabled, disabled = _k === void 0 ? false : _k, title = _a.title, mask = _a.mask, maxCharacters = _a.maxCharacters, hint = _a.hint, error = _a.error, type = _a.type, _l = _a.fieldType, fieldType = _l === void 0 ? INPUT_FIELD_TYPE.text : _l, _m = _a.fillType, fillType = _m === void 0 ? FILL_TYPE.primary : _m, _o = _a.counterType, counterType = _o === void 0 ? INPUT_COUNTER_TYPE.text : _o, _p = _a.width, width = _p === void 0 ? 100 : _p, iconColor = _a.iconColor, containerClassName = _a.containerClassName, className = _a.className, containerStyles = _a.containerStyles, style = _a.style, onChange = _a.onChange, onFocus = _a.onFocus, onBlur = _a.onBlur, onEnterPress = _a.onEnterPress, onClearClick = _a.onClearClick, outerRef = _a.outerRef, additionalInputParams = _a.additionalInputParams, placeholder = _a.placeholder, _q = _a.disableErrorBorder, disableErrorBorder = _q === void 0 ? false : _q, defaultValue = _a.defaultValue, props = __rest(_a, ["isPassword", "isClearable", "isSearchable", "isCharHintEnable", "language", "disabled", "title", "mask", "maxCharacters", "hint", "error", "type", "fieldType", "fillType", "counterType", "width", "iconColor", "containerClassName", "className", "containerStyles", "style", "onChange", "onFocus", "onBlur", "onEnterPress", "onClearClick", "outerRef", "additionalInputParams", "placeholder", "disableErrorBorder", "defaultValue"]);
|
|
39
|
+
var _e = _a.isPassword, isPassword = _e === void 0 ? false : _e, _f = _a.isClearable, isClearable = _f === void 0 ? false : _f, _g = _a.isSearchable, isSearchable = _g === void 0 ? false : _g, _h = _a.isCharHintEnable, isCharHintEnable = _h === void 0 ? false : _h, _j = _a.language, language = _j === void 0 ? LANGUAGES.ru : _j, _k = _a.disabled, disabled = _k === void 0 ? false : _k, title = _a.title, mask = _a.mask, maxCharacters = _a.maxCharacters, hint = _a.hint, error = _a.error, type = _a.type, _l = _a.fieldType, fieldType = _l === void 0 ? INPUT_FIELD_TYPE.text : _l, _m = _a.fillType, fillType = _m === void 0 ? FILL_TYPE.primary : _m, _o = _a.counterType, counterType = _o === void 0 ? INPUT_COUNTER_TYPE.text : _o, _p = _a.width, width = _p === void 0 ? 100 : _p, iconColor = _a.iconColor, containerClassName = _a.containerClassName, className = _a.className, containerStyles = _a.containerStyles, style = _a.style, onChange = _a.onChange, onFocus = _a.onFocus, onBlur = _a.onBlur, onEnterPress = _a.onEnterPress, onClearClick = _a.onClearClick, outerRef = _a.outerRef, additionalInputParams = _a.additionalInputParams, placeholder = _a.placeholder, _q = _a.disableErrorBorder, disableErrorBorder = _q === void 0 ? false : _q, defaultValue = _a.defaultValue, value = _a.value, props = __rest(_a, ["isPassword", "isClearable", "isSearchable", "isCharHintEnable", "language", "disabled", "title", "mask", "maxCharacters", "hint", "error", "type", "fieldType", "fillType", "counterType", "width", "iconColor", "containerClassName", "className", "containerStyles", "style", "onChange", "onFocus", "onBlur", "onEnterPress", "onClearClick", "outerRef", "additionalInputParams", "placeholder", "disableErrorBorder", "defaultValue", "value"]);
|
|
40
40
|
var localRef = useRef(null);
|
|
41
41
|
var maskRef = useRef(null);
|
|
42
42
|
var additionalInputRef = useRef(null);
|
|
43
43
|
var hiddenSpanRef = useRef(null);
|
|
44
44
|
var inputRef = outerRef || localRef;
|
|
45
|
-
var
|
|
45
|
+
var initialInputLength = (value === null || value === void 0 ? void 0 : value.toString().length) || 0;
|
|
46
|
+
var _r = useState(initialInputLength), inputLength = _r[0], setInputLength = _r[1];
|
|
46
47
|
var _s = useState(maxCharacters || 0), remainingCharacters = _s[0], setRemainingCharacters = _s[1];
|
|
47
48
|
var _t = useState(null), timeoutId = _t[0], setTimeoutId = _t[1];
|
|
48
49
|
var _u = useState(false), isPasswordShown = _u[0], setIsPasswordShown = _u[1];
|
|
@@ -226,7 +227,7 @@ var Input = function (_a) {
|
|
|
226
227
|
'smartapp-input__container--field__disabled': disabled,
|
|
227
228
|
'smartapp-input__container--field__error': error && !disableErrorBorder,
|
|
228
229
|
'smartapp-input__container--field__secondary-fill-type': isSecondaryFillType(fillType),
|
|
229
|
-
}, className), style: __assign({ paddingLeft: calculateInputPaddingLeft(), paddingRight: calculateInputPaddingRight() }, style), type: generateInputType(), disabled: disabled, maxLength: maxCharacters, onKeyDown: handleKeyDown, onChange: handleChange, defaultValue: defaultValue, onFocus: handleFocus, onBlur: handleBlur, placeholder: SPACE }, props)), isCharHintEnable && isCharHintVisible && (_jsx("div", __assign({ className: "smartapp-input__container--char-hint", style: { top: inputHeight + CHAR_HINT_GAP } }, { children: CHAR_HINT[language] }))), renderPlaceholder(), onAdditionalChange && (_jsxs("div", __assign({ className: "smartapp-input__container--additional-field", style: { width: "".concat(additionalWidth, "px") } }, { children: [_jsx("input", __assign({ ref: additionalInputRef, className: classNames('smartapp-input__container--additional-field__input', { 'smartapp-input__container--additional-field__input--disabled': disabled }, additionalClassName), defaultValue: additionalDefaultValue, disabled: disabled, maxLength: ADDITIONAL_MAX_CHARACTERS, placeholder: additionalPlaceholder, onChange: handleAdditionalChange }, additionalInputProps)), _jsx("span", { ref: hiddenSpanRef, className: "smartapp-input__container--additional-field__hidden-span" })] }))), renderEyeIcon(), renderMagnifyingGlass(), renderClearIcon(), renderTextCounter(), renderError()] })), renderHint()] })));
|
|
230
|
+
}, className), style: __assign({ paddingLeft: calculateInputPaddingLeft(), paddingRight: calculateInputPaddingRight() }, style), type: generateInputType(), disabled: disabled, maxLength: maxCharacters, onKeyDown: handleKeyDown, onChange: handleChange, defaultValue: defaultValue, value: value, onFocus: handleFocus, onBlur: handleBlur, placeholder: SPACE }, props)), isCharHintEnable && isCharHintVisible && (_jsx("div", __assign({ className: "smartapp-input__container--char-hint", style: { top: inputHeight + CHAR_HINT_GAP } }, { children: CHAR_HINT[language] }))), renderPlaceholder(), onAdditionalChange && (_jsxs("div", __assign({ className: "smartapp-input__container--additional-field", style: { width: "".concat(additionalWidth, "px") } }, { children: [_jsx("input", __assign({ ref: additionalInputRef, className: classNames('smartapp-input__container--additional-field__input', { 'smartapp-input__container--additional-field__input--disabled': disabled }, additionalClassName), defaultValue: additionalDefaultValue, disabled: disabled, maxLength: ADDITIONAL_MAX_CHARACTERS, placeholder: additionalPlaceholder, onChange: handleAdditionalChange }, additionalInputProps)), _jsx("span", { ref: hiddenSpanRef, className: "smartapp-input__container--additional-field__hidden-span" })] }))), renderEyeIcon(), renderMagnifyingGlass(), renderClearIcon(), renderTextCounter(), renderError()] })), renderHint()] })));
|
|
230
231
|
};
|
|
231
232
|
export default Input;
|
|
232
233
|
//# sourceMappingURL=Input.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/сomponents/Input/Input.tsx"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../../src/сomponents/Input/Input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import React from 'react';
|
|
1
2
|
import '../../../styles/styles.scss';
|
|
2
|
-
declare const
|
|
3
|
-
export default
|
|
3
|
+
declare const _default: React.MemoExoticComponent<(props: any) => import("react/jsx-runtime").JSX.Element | null>;
|
|
4
|
+
export default _default;
|
|
@@ -10,14 +10,14 @@ 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 { useEffect, useRef, useState } from 'react';
|
|
13
|
+
import { memo, 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';
|
|
17
17
|
import { isEqual } from 'lodash';
|
|
18
18
|
import Avatar from '../../Avatar';
|
|
19
19
|
import Chip from '../../Chip';
|
|
20
|
-
import { generateAvatarIcon, generateClassNames, isValueEqualToZero, renderUserIcon } from '../../../helpers';
|
|
20
|
+
import { generateAvatarIcon, generateClassNames, isMobilePlatform, isValueEqualToZero, renderUserIcon } from '../../../helpers';
|
|
21
21
|
import { COLOR_CHIP } from '../../../constants';
|
|
22
22
|
import { AVATAR_SIZES } from '../../Avatar/types';
|
|
23
23
|
import '../../../styles/styles.scss';
|
|
@@ -26,18 +26,20 @@ var POPUP_HIDDEN_CLASSNAME = 'multi-value-info-hidden';
|
|
|
26
26
|
var POPUP_PADDINGS = 24;
|
|
27
27
|
var POPUP_MARGINS = 32;
|
|
28
28
|
var POPUP_MARGIN_TOP = 1;
|
|
29
|
+
var TOUCH = 'touch';
|
|
29
30
|
var MultiValueLabel = function (props) {
|
|
30
|
-
var
|
|
31
|
+
var data = props.data, transformCurrentChipToInputValue = props.transformCurrentChipToInputValue, handleRequestFocus = props.handleRequestFocus, _a = props.selectProps, isDisabled = _a.isDisabled, selectedUsers = _a.value, onChange = _a.onChange, instanceId = _a.instanceId;
|
|
32
|
+
var value = data.value, label = data.label, name = data.name, email = data.email, uid = data.uid, selectRef = data.selectRef, isResetChipsToInputValue = data.isResetChipsToInputValue, avatar = data.avatar, platform = data.platform, contextMenuItems = data.contextMenuItems, language = data.language, userType = data.userType, isMyContacts = data.isMyContacts, isPrivateSchedule = data.isPrivateSchedule, isNotRemovable = data.isNotRemovable, isChipsCollapsable = data.isChipsCollapsable, isSelectedChipHasTooltip = data.isSelectedChipHasTooltip, isBusyAtSelectedTime = data.isBusyAtSelectedTime, isLoading = data.isLoading, isWarning = data.isWarning, isInputFocused = data.isInputFocused.current, collapsableChipsCount = data.collapsableChipsCount.current, lastVisibleChipIndex = data.lastVisibleChipIndex.current;
|
|
31
33
|
var multiValueLabelRef = useRef(null);
|
|
32
34
|
var popupRef = useRef(null);
|
|
33
35
|
var popupContentRef = useRef(null);
|
|
34
|
-
var
|
|
35
|
-
var
|
|
36
|
-
var
|
|
37
|
-
var
|
|
38
|
-
var
|
|
39
|
-
var
|
|
40
|
-
var
|
|
36
|
+
var _b = useState(-1), left = _b[0], setLeft = _b[1];
|
|
37
|
+
var _c = useState(-1), top = _c[0], setTop = _c[1];
|
|
38
|
+
var _d = useState(null), timeoutId = _d[0], setTimeoutId = _d[1];
|
|
39
|
+
var _e = useState(POPUP_HIDDEN_CLASSNAME), hiddenClassName = _e[0], setHiddenClassName = _e[1];
|
|
40
|
+
var _f = useState(false), isOpenContextMenu = _f[0], setIsOpenContextMenu = _f[1];
|
|
41
|
+
var _g = useState(false), isChipHovered = _g[0], setIsChipHovered = _g[1];
|
|
42
|
+
var _h = useState(false), isShowPopup = _h[0], setIsShowPopup = _h[1];
|
|
41
43
|
var isPopupVisible = isChipHovered && !isOpenContextMenu && name && email && isSelectedChipHasTooltip;
|
|
42
44
|
useEffect(function () {
|
|
43
45
|
label && isResetChipsToInputValue && transformCurrentChipToInputValue(label, email);
|
|
@@ -45,6 +47,8 @@ var MultiValueLabel = function (props) {
|
|
|
45
47
|
}, [isResetChipsToInputValue]);
|
|
46
48
|
useEffect(function () {
|
|
47
49
|
var _a;
|
|
50
|
+
if (isMobilePlatform(platform))
|
|
51
|
+
return;
|
|
48
52
|
if (isPopupVisible) {
|
|
49
53
|
var timer_1 = setTimeout(function () {
|
|
50
54
|
if (isChipHovered && !isOpenContextMenu) {
|
|
@@ -59,7 +63,7 @@ var MultiValueLabel = function (props) {
|
|
|
59
63
|
(_a = popupRef.current) === null || _a === void 0 ? void 0 : _a.close();
|
|
60
64
|
}
|
|
61
65
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
62
|
-
}, [isPopupVisible, isChipHovered, isOpenContextMenu]);
|
|
66
|
+
}, [isPopupVisible, isChipHovered, isOpenContextMenu, platform]);
|
|
63
67
|
var windowInnerWidth = window.innerWidth;
|
|
64
68
|
var popupContentMaxWidth = windowInnerWidth - POPUP_MARGINS - POPUP_PADDINGS;
|
|
65
69
|
var noChipsCount = isValueEqualToZero(collapsableChipsCount);
|
|
@@ -68,18 +72,23 @@ var MultiValueLabel = function (props) {
|
|
|
68
72
|
return selectedUserValue === value && selectedUserLabel === label;
|
|
69
73
|
});
|
|
70
74
|
var handleDelete = function () { return onChange(selectedUsers.filter(function (user) { return !isEqual(user, props.data); })); };
|
|
71
|
-
var handleMouseDown = function (event) {
|
|
72
|
-
event.preventDefault();
|
|
73
|
-
event.stopPropagation();
|
|
74
|
-
};
|
|
75
|
-
var handleTouchEnd = function (event) { return event.stopPropagation(); };
|
|
76
75
|
var handleMouseEnter = function () { return !isOpenContextMenu && setIsChipHovered(true); };
|
|
77
76
|
var handleMouseLeave = function () { return setIsChipHovered(false); };
|
|
78
|
-
var handleContextMenu = function () {
|
|
77
|
+
var handleContextMenu = function (isOpen, shouldFocusDropdown) {
|
|
79
78
|
var _a;
|
|
79
|
+
if (isOpenContextMenu === isOpen)
|
|
80
|
+
return;
|
|
81
|
+
setIsOpenContextMenu(isOpen);
|
|
80
82
|
setIsChipHovered(false);
|
|
81
83
|
setIsShowPopup(false);
|
|
82
84
|
(_a = popupRef.current) === null || _a === void 0 ? void 0 : _a.close();
|
|
85
|
+
if (shouldFocusDropdown)
|
|
86
|
+
handleRequestFocus === null || handleRequestFocus === void 0 ? void 0 : handleRequestFocus();
|
|
87
|
+
};
|
|
88
|
+
var handlePreventEvent = function (event) {
|
|
89
|
+
var type = event.type;
|
|
90
|
+
event.stopPropagation();
|
|
91
|
+
!type.includes(TOUCH) && event.preventDefault();
|
|
83
92
|
};
|
|
84
93
|
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 }))] }))] }))); };
|
|
85
94
|
var handleOpenPopup = function () {
|
|
@@ -111,20 +120,20 @@ var MultiValueLabel = function (props) {
|
|
|
111
120
|
};
|
|
112
121
|
var handleClosePopup = function () { return timeoutId && clearTimeout(timeoutId); };
|
|
113
122
|
if (!isChipsCollapsable || isInputFocused || (!isInputFocused && userIndex < lastVisibleChipIndex) || noChipsCount) {
|
|
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: {
|
|
123
|
+
return (_jsx(components.MultiValueLabel, __assign({}, props, { innerProps: { ref: multiValueLabelRef } }, { children: _jsx(Popup, __assign({ ref: popupRef, onOpen: handleOpenPopup, onClose: handleClosePopup, arrow: false, open: isShowPopup, disabled: isMobilePlatform(platform), className: classNames('multi-value-info', hiddenClassName), contentStyle: {
|
|
115
124
|
'--multi-value-label-content-left': "".concat(left, "px"),
|
|
116
125
|
'--multi-value-label-content-top': "".concat(top, "px"),
|
|
117
126
|
'--multi-value-label-content-max-width': "".concat(popupContentMaxWidth, "px"),
|
|
118
|
-
}, trigger: function () { return (_jsx("div", __assign({ onMouseDown:
|
|
127
|
+
}, trigger: function () { return (_jsx("div", __assign({ onMouseDown: handlePreventEvent, onTouchEnd: isMobilePlatform(platform) ? undefined : handlePreventEvent, onContextMenu: handlePreventEvent, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave }, { children: _jsx(Chip, { language: language, name: label || email, email: email, uid: uid, setIsOpenContextMenu: handleContextMenu, isMyContacts: isMyContacts, isWarning: isWarning, userType: userType, avatar: avatar, isLoading: isLoading, isError: isBusyAtSelectedTime, isDisabled: isDisabled || isNotRemovable, isEye: isPrivateSchedule, onDelete: handleDelete, contextMenuItems: contextMenuItems, platform: platform, draggableData: __assign(__assign({}, data), { selectRef: selectRef }), dropdownId: instanceId }) }))); } }, { children: renderPopupContent() })) })));
|
|
119
128
|
}
|
|
120
129
|
if (isChipsCollapsable && !isInputFocused && userIndex === lastVisibleChipIndex && !noChipsCount) {
|
|
121
130
|
return (_jsxs("div", __assign({ className: generateClassNames({
|
|
122
131
|
className: 'multi-value-label-counter',
|
|
123
132
|
delimiter: '__',
|
|
124
133
|
additionalClassName: platform,
|
|
125
|
-
}), onTouchEnd:
|
|
134
|
+
}), onTouchEnd: handlePreventEvent }, { children: ["+", collapsableChipsCount] })));
|
|
126
135
|
}
|
|
127
136
|
return null;
|
|
128
137
|
};
|
|
129
|
-
export default MultiValueLabel;
|
|
138
|
+
export default memo(MultiValueLabel);
|
|
130
139
|
//# 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,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;
|
|
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';
|
|
1
2
|
import { IUserDropdownProps } from './types';
|
|
2
3
|
import '../../styles/styles.scss';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
export default UserDropdown;
|
|
4
|
+
declare const _default: React.MemoExoticComponent<({ platform, isDisabled, isLoading, isChipsVisible, isChipsCollapsable, isSelectedChipHasTooltip, isMenuCloseOnSelect, isFilteringDisabled, hasNextPage, isNextPageLoading, isInputHidden, isBackspaceChipToInput, isShowCatalogSearchButton, isDisabledMenuOffsetAtFullscreen, isDisabledCheckUniqueEmails, language, layoutType, externalInputValue, title, mask, placeholder, hint, onShowCatalogSearchButtonClick, noOptionsMessage, maxMembersCount, fillType, menuPosition, autoFocus, containerClassName, containerStyles, selectedEntries, corporateEntries, myContactsEntries, emailsToExclude, userDropdownId: initialId, focusRef, onInputChange, onChange, onMenuOpen, onMenuClose, onLoadNextPage, }: IUserDropdownProps) => import("react/jsx-runtime").JSX.Element>;
|
|
5
|
+
export default _default;
|
|
@@ -20,12 +20,13 @@ 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 { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
|
|
23
|
+
import { memo, useCallback, useEffect, useImperativeHandle, 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';
|
|
29
30
|
import { useCharHintDisplay } from '../../hooks/useCharHintDisplay';
|
|
30
31
|
import Modal from '../Modal';
|
|
31
32
|
import ContactBottomSheet from './ContactBottomSheet/ContactBottomSheet';
|
|
@@ -35,9 +36,9 @@ import MultiValueLabel from './MultiValueLabel/MultiValueLabel';
|
|
|
35
36
|
import Option from './Option/Option';
|
|
36
37
|
import SearchInCatalogButton from './SearchInCatalogButton/SearchInCatalogButton';
|
|
37
38
|
import selectStyles from './selectStyles';
|
|
38
|
-
import { generateId,
|
|
39
|
+
import { generateId, isMobilePlatform } from '../../helpers';
|
|
39
40
|
import { DropdownIndicator, IndicatorSeparator, LoadingIndicator, MultiValueRemove, generateContactsOption, generateContactsOptionsToSelect, generateCorporateOption, generateCorporateOptionsToSelect, generateEnteredByUserOption, sortContacts, } from './helpers';
|
|
40
|
-
import { BACKSPACE_KEY, DEFAULT_INPUT_PADDING, ENTER_KEY, FILL_TYPE, INPUT_COUNTER_TIMEOUT, LANGUAGES, LAYOUT_TYPE, MASK_INPUT_PL, MENU_POSITIONS, MIN_INPUT_SYMBOLS, PLATFORM, SPACE, SPACE_KEY, } from '../../constants';
|
|
41
|
+
import { BACKSPACE_KEY, DEFAULT_INPUT_PADDING, EMAIL_FIELD, ENTER_KEY, FILL_TYPE, INPUT_COUNTER_TIMEOUT, LANGUAGES, LAYOUT_TYPE, MASK_INPUT_PL, MENU_POSITIONS, MIN_INPUT_SYMBOLS, PLATFORM, RENDER_DELAY, SPACE, SPACE_KEY, } from '../../constants';
|
|
41
42
|
import '../../styles/styles.scss';
|
|
42
43
|
var THREE_DIGIT_NUMBER_WIDTH = 48;
|
|
43
44
|
var TWO_DIGIT_NUMBER_WIDTH = 40;
|
|
@@ -46,7 +47,6 @@ var INPUT_SPACE_WIDTH = 46;
|
|
|
46
47
|
var GAP = 8;
|
|
47
48
|
var USER_TYPING_TIMEOUT = 1000;
|
|
48
49
|
var FILLED_INPUT_PL = '7px';
|
|
49
|
-
export var EMAIL_FIELD = 'email';
|
|
50
50
|
var MENU_ACTIONS;
|
|
51
51
|
(function (MENU_ACTIONS) {
|
|
52
52
|
MENU_ACTIONS["close"] = "menu-close";
|
|
@@ -82,32 +82,41 @@ var EXCLUDED_FIELDS;
|
|
|
82
82
|
var COMMON_FIELDS_TO_OMIT = Object.keys(omit(EXCLUDED_FIELDS, [EXCLUDED_FIELDS.language, EXCLUDED_FIELDS.isEnteredByUser]));
|
|
83
83
|
var Input = function (props) { return _jsx(components.Input, __assign({}, props, { enterKeyHint: "done" })); };
|
|
84
84
|
var UserDropdown = function (_a) {
|
|
85
|
-
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.isDisabledCheckUniqueEmails, isDisabledCheckUniqueEmails = _r === void 0 ? false : _r, _s = _a.language, language = _s === void 0 ? LANGUAGES.ru : _s, _t = _a.layoutType, layoutType = _t === void 0 ? LAYOUT_TYPE.minimal : _t, externalInputValue = _a.externalInputValue, title = _a.title, mask = _a.mask, placeholder = _a.placeholder, hint = _a.hint, onShowCatalogSearchButtonClick = _a.onShowCatalogSearchButtonClick, noOptionsMessage = _a.noOptionsMessage, maxMembersCount = _a.maxMembersCount, _u = _a.fillType, fillType = _u === void 0 ? FILL_TYPE.primary : _u, _v = _a.menuPosition, menuPosition = _v === void 0 ? MENU_POSITIONS.top : _v, _w = _a.autoFocus, autoFocus = _w === void 0 ? false : _w, containerClassName = _a.containerClassName, containerStyles = _a.containerStyles, _x = _a.selectedEntries, selectedEntries = _x === void 0 ? [] : _x, corporateEntries = _a.corporateEntries, myContactsEntries = _a.myContactsEntries, _y = _a.emailsToExclude, emailsToExclude = _y === void 0 ? [] : _y, onInputChange = _a.onInputChange, onChange = _a.onChange, onMenuOpen = _a.onMenuOpen, onMenuClose = _a.onMenuClose, onLoadNextPage = _a.onLoadNextPage;
|
|
86
|
-
var
|
|
87
|
-
var
|
|
88
|
-
var
|
|
89
|
-
var
|
|
90
|
-
var
|
|
91
|
-
var
|
|
92
|
-
var
|
|
93
|
-
var
|
|
94
|
-
var
|
|
95
|
-
var
|
|
96
|
-
var
|
|
85
|
+
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.isDisabledCheckUniqueEmails, isDisabledCheckUniqueEmails = _r === void 0 ? false : _r, _s = _a.language, language = _s === void 0 ? LANGUAGES.ru : _s, _t = _a.layoutType, layoutType = _t === void 0 ? LAYOUT_TYPE.minimal : _t, externalInputValue = _a.externalInputValue, title = _a.title, mask = _a.mask, placeholder = _a.placeholder, hint = _a.hint, onShowCatalogSearchButtonClick = _a.onShowCatalogSearchButtonClick, noOptionsMessage = _a.noOptionsMessage, maxMembersCount = _a.maxMembersCount, _u = _a.fillType, fillType = _u === void 0 ? FILL_TYPE.primary : _u, _v = _a.menuPosition, menuPosition = _v === void 0 ? MENU_POSITIONS.top : _v, _w = _a.autoFocus, autoFocus = _w === void 0 ? false : _w, containerClassName = _a.containerClassName, containerStyles = _a.containerStyles, _x = _a.selectedEntries, selectedEntries = _x === void 0 ? [] : _x, corporateEntries = _a.corporateEntries, myContactsEntries = _a.myContactsEntries, _y = _a.emailsToExclude, emailsToExclude = _y === void 0 ? [] : _y, _z = _a.userDropdownId, initialId = _z === void 0 ? '' : _z, focusRef = _a.focusRef, onInputChange = _a.onInputChange, onChange = _a.onChange, onMenuOpen = _a.onMenuOpen, onMenuClose = _a.onMenuClose, onLoadNextPage = _a.onLoadNextPage;
|
|
86
|
+
var _0 = useState(initialId), userDropdownId = _0[0], setUserDropdownId = _0[1];
|
|
87
|
+
var _1 = useState([]), selectedUsers = _1[0], setSelectedUsers = _1[1];
|
|
88
|
+
var _2 = useState(null), timeoutId = _2[0], setTimeoutId = _2[1];
|
|
89
|
+
var _3 = useState(''), paddingLeft = _3[0], setPaddingLeft = _3[1];
|
|
90
|
+
var _4 = useState(0), maskWidth = _4[0], setMaskWidth = _4[1];
|
|
91
|
+
var _5 = useState(false), isError = _5[0], setIsError = _5[1];
|
|
92
|
+
var _6 = useState(true), isSearchable = _6[0], setIsSearchable = _6[1];
|
|
93
|
+
var _7 = useState(false), isUserTyping = _7[0], setIsUserTyping = _7[1];
|
|
94
|
+
var _8 = useState(null), modalData = _8[0], setModalData = _8[1];
|
|
95
|
+
var _9 = useState(''), chipLabelWithMaxWidth = _9[0], setChipLabelWithMaxWidth = _9[1];
|
|
96
|
+
var _10 = useState(''), inputValue = _10[0], setInputValue = _10[1];
|
|
97
97
|
var isInputFocused = useRef(false);
|
|
98
98
|
var selectRef = useRef(null);
|
|
99
99
|
var maskRef = useRef(null);
|
|
100
100
|
var menuScrollFromTop = useRef(0);
|
|
101
101
|
var collapsableChipsCount = useRef(0);
|
|
102
|
+
var visibleChipsCount = useRef(0);
|
|
103
|
+
var isNeedCheckChipCollapsableCount = useRef(false);
|
|
102
104
|
var lastVisibleChipIndex = useRef(-1);
|
|
103
105
|
var skipAddUserToChipsOnNextBlurRef = useRef(false);
|
|
104
106
|
var selectedUsersLength = selectedUsers.length;
|
|
107
|
+
var _11 = useDroppable({ id: userDropdownId }), setNodeRef = _11.setNodeRef, over = _11.over;
|
|
108
|
+
var overId = (over || {}).id;
|
|
109
|
+
var isDraggable = overId === userDropdownId;
|
|
110
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
111
|
+
useImperativeHandle(focusRef, function () { return ({ focus: handleFocus, blur: function () { return handleDragBlur(true); } }); }, []);
|
|
105
112
|
var isCharHintVisible = useCharHintDisplay({ inputValue: inputValue }).isCharHintVisible;
|
|
106
113
|
var checkIsValueIsEmail = function (inputValue) {
|
|
107
114
|
var regex = new RegExp(/^(([^<>()[\].,;:\s@"]+(\.[^<>()[\].,;:\s@"]+)*)|(".+"))@(([^<>()[\].,;:\s@"]+\.)+[^<>()[\].,;:\s@"]{2,})$/);
|
|
108
115
|
return regex.test(inputValue);
|
|
109
116
|
};
|
|
110
|
-
|
|
117
|
+
// TODO: emailsToExclude в массиве зависимостей вызывает бесконечный ререндер при драге
|
|
118
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
119
|
+
var checkIsEmailToExclude = useCallback(function (email) { return includes(emailsToExclude, email); }, []);
|
|
111
120
|
var calculatePaddingLeft = function () {
|
|
112
121
|
var _a, _b;
|
|
113
122
|
var maskWidth = ((_b = (_a = maskRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) === null || _b === void 0 ? void 0 : _b.width) || null;
|
|
@@ -128,6 +137,8 @@ var UserDropdown = function (_a) {
|
|
|
128
137
|
isInputHidden: isInputHidden,
|
|
129
138
|
isDisabledMenuOffsetAtFullscreen: isDisabledMenuOffsetAtFullscreen,
|
|
130
139
|
isInputFocused: isInputFocused.current,
|
|
140
|
+
isDraggable: isDraggable,
|
|
141
|
+
isChipsCollapsed: isChipsCollapsable && !isInputFocused.current,
|
|
131
142
|
});
|
|
132
143
|
};
|
|
133
144
|
var generateNoOptionsMessage = function (_a) {
|
|
@@ -182,13 +193,13 @@ var UserDropdown = function (_a) {
|
|
|
182
193
|
}, USER_TYPING_TIMEOUT);
|
|
183
194
|
}, [onInputChange]);
|
|
184
195
|
var resetIsUserTypingDebounce = useMemo(function () { return debounce(function () { return setIsUserTyping(false); }, USER_TYPING_TIMEOUT); }, []);
|
|
185
|
-
var handleResetError = function () { return isError && setIsError(false); };
|
|
196
|
+
var handleResetError = useCallback(function () { return isError && setIsError(false); }, [isError]);
|
|
186
197
|
var handleMenuClose = function () {
|
|
187
198
|
menuScrollFromTop.current = 0;
|
|
188
199
|
handleResetError();
|
|
189
200
|
onMenuClose && onMenuClose();
|
|
190
201
|
};
|
|
191
|
-
var handleInputChange = function (inputValue, additionalInfo) {
|
|
202
|
+
var handleInputChange = useCallback(function (inputValue, additionalInfo) {
|
|
192
203
|
if (additionalInfo) {
|
|
193
204
|
var action = additionalInfo.action, prevInputValue = additionalInfo.prevInputValue;
|
|
194
205
|
var trimPrevInputValue_1 = prevInputValue.trim();
|
|
@@ -207,7 +218,7 @@ var UserDropdown = function (_a) {
|
|
|
207
218
|
setIsUserTyping(!isEmpty(inputValue));
|
|
208
219
|
handleResetError();
|
|
209
220
|
inputValue.length >= MIN_INPUT_SYMBOLS ? requestInputChangeDebounce(inputValue) : resetIsUserTypingDebounce();
|
|
210
|
-
};
|
|
221
|
+
}, [checkIsEmailToExclude, handleResetError, selectedUsers, requestInputChangeDebounce, resetIsUserTypingDebounce]);
|
|
211
222
|
var extractInputEmails = function (inputValue) {
|
|
212
223
|
return inputValue
|
|
213
224
|
.split(/[,;]+/)
|
|
@@ -293,7 +304,7 @@ var UserDropdown = function (_a) {
|
|
|
293
304
|
(_c = (_b = selectRef.current) === null || _b === void 0 ? void 0 : _b.onMenuOpen) === null || _c === void 0 ? void 0 : _c.call(_b);
|
|
294
305
|
}
|
|
295
306
|
};
|
|
296
|
-
var transformCurrentChipToInputValue = function (label, email) {
|
|
307
|
+
var transformCurrentChipToInputValue = useCallback(function (label, email) {
|
|
297
308
|
var _a, _b;
|
|
298
309
|
skipAddUserToChipsOnNextBlurRef.current = true;
|
|
299
310
|
setSelectedUsers(function (prevSelectedUsers) {
|
|
@@ -310,7 +321,7 @@ var UserDropdown = function (_a) {
|
|
|
310
321
|
onMenuOpen === null || onMenuOpen === void 0 ? void 0 : onMenuOpen();
|
|
311
322
|
(_b = (_a = selectRef.current) === null || _a === void 0 ? void 0 : _a.onMenuOpen) === null || _b === void 0 ? void 0 : _b.call(_a);
|
|
312
323
|
setIsUserTyping(false);
|
|
313
|
-
};
|
|
324
|
+
}, [onInputChange, handleInputChange, onMenuOpen, onChange]);
|
|
314
325
|
var handleChange = function (newSelectedUsers) {
|
|
315
326
|
var uniqNewSelectedUsers = isDisabledCheckUniqueEmails ? newSelectedUsers : uniqBy(newSelectedUsers, EMAIL_FIELD);
|
|
316
327
|
var users = [];
|
|
@@ -416,11 +427,14 @@ var UserDropdown = function (_a) {
|
|
|
416
427
|
}
|
|
417
428
|
}
|
|
418
429
|
});
|
|
430
|
+
var visibleChipsCurrentCount = chips.length - collapsableChips;
|
|
431
|
+
isNeedCheckChipCollapsableCount.current = true;
|
|
432
|
+
visibleChipsCount.current = visibleChipsCurrentCount;
|
|
419
433
|
collapsableChipsCount.current = collapsableChips;
|
|
420
|
-
lastVisibleChipIndex.current =
|
|
434
|
+
lastVisibleChipIndex.current = visibleChipsCurrentCount;
|
|
421
435
|
setChipLabelWithMaxWidth(chipLabelWithMaxWidth || generateId());
|
|
422
436
|
};
|
|
423
|
-
var handleUnCollapseChips = function () {
|
|
437
|
+
var handleUnCollapseChips = useCallback(function () {
|
|
424
438
|
var _a;
|
|
425
439
|
if (!userDropdownId)
|
|
426
440
|
return;
|
|
@@ -431,13 +445,26 @@ var UserDropdown = function (_a) {
|
|
|
431
445
|
var chipLabel = ((_a = chip.querySelector('.smartapp-chip__info--name')) === null || _a === void 0 ? void 0 : _a.innerHTML) || '';
|
|
432
446
|
chipLabel === chipLabelWithMaxWidth && (chip.style.maxWidth = '100%');
|
|
433
447
|
});
|
|
448
|
+
isNeedCheckChipCollapsableCount.current = false;
|
|
449
|
+
visibleChipsCount.current = chips.length;
|
|
434
450
|
collapsableChipsCount.current = 0;
|
|
435
451
|
lastVisibleChipIndex.current = -1;
|
|
436
452
|
setChipLabelWithMaxWidth('');
|
|
453
|
+
}, [chipLabelWithMaxWidth, userDropdownId]);
|
|
454
|
+
var handleDragBlur = function (isDisableCheckFocused) {
|
|
455
|
+
var _a;
|
|
456
|
+
if (!isInputFocused.current && !isDisableCheckFocused)
|
|
457
|
+
return;
|
|
458
|
+
if (selectRef.current)
|
|
459
|
+
selectRef.current._preventBlur = false;
|
|
460
|
+
(_a = selectRef.current) === null || _a === void 0 ? void 0 : _a.blur();
|
|
437
461
|
};
|
|
438
462
|
var handleBlur = function () {
|
|
439
463
|
var _a;
|
|
440
464
|
var shouldSkipAddUserToChipsOnNextBlur = skipAddUserToChipsOnNextBlurRef.current;
|
|
465
|
+
var _b = selectRef.current || {}, _preventBlur = _b._preventBlur, _contextMenuOpen = _b._contextMenuOpen, _isDragging = _b._isDragging;
|
|
466
|
+
if (_preventBlur || _contextMenuOpen || _isDragging || skipAddUserToChipsOnNextBlurRef.current)
|
|
467
|
+
return;
|
|
441
468
|
var onBlurComplete = function () {
|
|
442
469
|
isChipsCollapsable && handleCollapseChips();
|
|
443
470
|
isInputFocused.current = false;
|
|
@@ -450,16 +477,15 @@ var UserDropdown = function (_a) {
|
|
|
450
477
|
(_a = handleAddUser(false)) === null || _a === void 0 ? void 0 : _a.then(onBlurComplete);
|
|
451
478
|
skipAddUserToChipsOnNextBlurRef.current = false;
|
|
452
479
|
};
|
|
453
|
-
var
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
else {
|
|
458
|
-
setTimeout(function () { var _a; return (_a = selectRef.current) === null || _a === void 0 ? void 0 : _a.focus(); }, 100);
|
|
459
|
-
}
|
|
480
|
+
var handleSelectBlur = function () { return setTimeout(handleBlur, RENDER_DELAY); };
|
|
481
|
+
var handleFocus = useCallback(function (isDisableCheckFocused) {
|
|
482
|
+
if (isInputFocused.current && !isDisableCheckFocused)
|
|
483
|
+
return;
|
|
460
484
|
isInputFocused.current = true;
|
|
485
|
+
setTimeout(function () { return selectRef.current && !selectRef.current._preventBlur && selectRef.current.focus(); }, RENDER_DELAY);
|
|
461
486
|
isChipsCollapsable && handleUnCollapseChips();
|
|
462
|
-
};
|
|
487
|
+
}, [isChipsCollapsable, handleUnCollapseChips]);
|
|
488
|
+
var handleForceFocus = useCallback(function () { return setTimeout(function () { return handleFocus(true); }, RENDER_DELAY); }, [handleFocus]);
|
|
463
489
|
var handleCloseModal = function () {
|
|
464
490
|
setModalData(null);
|
|
465
491
|
setIsSearchable(true);
|
|
@@ -493,9 +519,8 @@ var UserDropdown = function (_a) {
|
|
|
493
519
|
!userDropdownId && setUserDropdownId("user_dropdown_".concat(generateId().replace(/-/g, '_')));
|
|
494
520
|
}, [userDropdownId]);
|
|
495
521
|
useLayoutEffect(function () {
|
|
496
|
-
if (userDropdownId)
|
|
497
|
-
isChipsCollapsable ? handleCollapseChips() : handleUnCollapseChips();
|
|
498
|
-
}
|
|
522
|
+
if (userDropdownId)
|
|
523
|
+
setTimeout(function () { return (isChipsCollapsable ? handleCollapseChips() : handleUnCollapseChips()); }, RENDER_DELAY);
|
|
499
524
|
// eslint-disable-next-line
|
|
500
525
|
}, [isChipsCollapsable, userDropdownId]);
|
|
501
526
|
useEffect(function () {
|
|
@@ -507,7 +532,12 @@ var UserDropdown = function (_a) {
|
|
|
507
532
|
useEffect(function () {
|
|
508
533
|
if (!isEmpty(selectedEntries)) {
|
|
509
534
|
setSelectedUsers(selectedEntries.map(function (entity) {
|
|
510
|
-
var isWarning = entity.isWarning, isLoading = entity.isLoading, uid = entity.uid, userType = entity.userType,
|
|
535
|
+
var isWarning = entity.isWarning, isLoading = entity.isLoading, uid = entity.uid, userType = entity.userType, currentContextItems = entity.contextMenuItems, isResetChipsToInputValue = entity.isResetChipsToInputValue;
|
|
536
|
+
var contextMenuItems = currentContextItems === null || currentContextItems === void 0 ? void 0 : currentContextItems.map(function (item) { return (__assign(__assign({}, item), { action: function (data) {
|
|
537
|
+
var _a;
|
|
538
|
+
(_a = item.action) === null || _a === void 0 ? void 0 : _a.call(item, data);
|
|
539
|
+
isMobilePlatform(platform) && handleFocus(true);
|
|
540
|
+
} })); });
|
|
511
541
|
var commonFields = {
|
|
512
542
|
platform: platform,
|
|
513
543
|
layoutType: layoutType,
|
|
@@ -530,6 +560,8 @@ var UserDropdown = function (_a) {
|
|
|
530
560
|
return 'contacts' in entity ? generateCorporateOption(__assign({ option: entity }, commonFields)) : generatedNotCorporateEntity;
|
|
531
561
|
}));
|
|
532
562
|
}
|
|
563
|
+
else
|
|
564
|
+
setSelectedUsers([]);
|
|
533
565
|
// eslint-disable-next-line
|
|
534
566
|
}, [selectedEntries]);
|
|
535
567
|
useEffect(function () {
|
|
@@ -545,6 +577,10 @@ var UserDropdown = function (_a) {
|
|
|
545
577
|
resetIsUserTypingDebounce.cancel();
|
|
546
578
|
};
|
|
547
579
|
}, [requestInputChangeDebounce, resetIsUserTypingDebounce]);
|
|
580
|
+
useEffect(function () {
|
|
581
|
+
if (isChipsCollapsable && !isInputFocused.current && isNeedCheckChipCollapsableCount.current)
|
|
582
|
+
collapsableChipsCount.current = selectedEntries.length - visibleChipsCount.current;
|
|
583
|
+
}, [isChipsCollapsable, selectedEntries]);
|
|
548
584
|
var OptionComponent = useCallback(function (props) { return _jsx(Option, __assign({}, props, { children: props.children })); }, []);
|
|
549
585
|
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, isCharHintVisible: isCharHintVisible, isNextPageLoading: isNextPageLoading, onLoadNextPage: function (inputValue) { return onLoadNextPage && onLoadNextPage(inputValue); } }))); }, [
|
|
550
586
|
hasNextPage,
|
|
@@ -558,8 +594,8 @@ var UserDropdown = function (_a) {
|
|
|
558
594
|
onShowCatalogSearchButtonClick,
|
|
559
595
|
]);
|
|
560
596
|
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 }) }) }))); };
|
|
561
|
-
var MultiValueLabelComponent = function (props) { return _jsx(MultiValueLabel, __assign({}, props, { transformCurrentChipToInputValue: transformCurrentChipToInputValue })); };
|
|
562
|
-
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:
|
|
597
|
+
var MultiValueLabelComponent = useCallback(function (props) { return (_jsx(MultiValueLabel, __assign({}, props, { platform: platform, transformCurrentChipToInputValue: transformCurrentChipToInputValue, handleBlurDropdown: function () { return handleDragBlur(true); }, handleRequestFocus: handleForceFocus }))); }, [transformCurrentChipToInputValue, platform, handleForceFocus]);
|
|
598
|
+
return (_jsxs("div", __assign({ id: userDropdownId, className: classNames('smartapp-user-dropdown', containerClassName), style: containerStyles }, { children: [renderTitle(), _jsxs("div", __assign({ className: "smartapp-user-dropdown__container", ref: setNodeRef }, { 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: handleSelectBlur, autoFocus: autoFocus, onFocus: function () { return handleFocus(); }, instanceId: userDropdownId, components: {
|
|
563
599
|
Input: Input,
|
|
564
600
|
MultiValueLabel: MultiValueLabelComponent,
|
|
565
601
|
MultiValueRemove: MultiValueRemove,
|
|
@@ -571,5 +607,5 @@ var UserDropdown = function (_a) {
|
|
|
571
607
|
NoOptionsMessage: NoOptionsButton,
|
|
572
608
|
} })] })), renderHint(), _jsx(Modal, { isModalOpen: !isNull(modalData), platform: platform, content: modalContent, isBottomSheet: isMobilePlatform(platform), backgroundColor: "var(--color-bg-blackout-transparent)", handleCloseModal: handleCloseModal })] })));
|
|
573
609
|
};
|
|
574
|
-
export default UserDropdown;
|
|
610
|
+
export default memo(UserDropdown);
|
|
575
611
|
//# sourceMappingURL=UserDropdown.js.map
|