@expressms/smartapp-ui 2.9.13-alpha.5 → 2.9.13
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 +15 -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 +60 -73
- 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 +5 -7
- package/build/main//321/201omponents/UserDropdown/selectStyles.js.map +1 -1
- package/build/main//321/201omponents/UserDropdown/types.d.ts +2 -13
- package/build/main//321/201omponents/UserDropdown/types.js.map +1 -1
- package/package.json +1 -3
- 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,13 +10,13 @@ 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 {
|
|
14
|
-
import { components } from 'react-select';
|
|
13
|
+
import { useEffect, useRef, useState } from 'react';
|
|
15
14
|
import Popup from 'reactjs-popup';
|
|
16
|
-
import
|
|
15
|
+
import { components } from 'react-select';
|
|
17
16
|
import { isEqual } from 'lodash';
|
|
18
|
-
import
|
|
17
|
+
import classNames from 'classnames';
|
|
19
18
|
import Chip from '../../Chip';
|
|
19
|
+
import Avatar from '../../Avatar';
|
|
20
20
|
import { generateAvatarIcon, generateClassNames, isValueEqualToZero, renderUserIcon } from '../../../helpers';
|
|
21
21
|
import { COLOR_CHIP, POPUP_ON_EVENT_TYPE } from '../../../constants';
|
|
22
22
|
import { AVATAR_SIZES } from '../../Avatar/types';
|
|
@@ -27,16 +27,15 @@ 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 value = data.value, label = data.label, name = data.name, email = data.email, uid = data.uid, 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;
|
|
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];
|
|
40
39
|
useEffect(function () {
|
|
41
40
|
label && isResetChipsToInputValue && transformCurrentChipToInputValue(label, email);
|
|
42
41
|
// eslint-disable-next-line
|
|
@@ -49,10 +48,11 @@ var MultiValueLabel = function (props) {
|
|
|
49
48
|
return selectedUserValue === value && selectedUserLabel === label;
|
|
50
49
|
});
|
|
51
50
|
var handleDelete = function () { return onChange(selectedUsers.filter(function (user) { return !isEqual(user, props.data); })); };
|
|
52
|
-
var
|
|
51
|
+
var handleMouseDown = function (event) {
|
|
53
52
|
event.preventDefault();
|
|
54
53
|
event.stopPropagation();
|
|
55
54
|
};
|
|
55
|
+
var handleTouchEnd = function (event) { return event.stopPropagation(); };
|
|
56
56
|
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
57
|
var handleOpenPopup = function () {
|
|
58
58
|
var popupRefCurrent = popupRef.current;
|
|
@@ -87,16 +87,16 @@ var MultiValueLabel = function (props) {
|
|
|
87
87
|
'--multi-value-label-content-left': "".concat(left, "px"),
|
|
88
88
|
'--multi-value-label-content-top': "".concat(top, "px"),
|
|
89
89
|
'--multi-value-label-content-max-width': "".concat(popupContentMaxWidth, "px"),
|
|
90
|
-
}, on: [POPUP_ON_EVENT_TYPE.hover], mouseEnterDelay: POPUP_APPEARANCE_DELAY, trigger: function () { return (_jsx("div", __assign({
|
|
90
|
+
}, on: [POPUP_ON_EVENT_TYPE.hover], mouseEnterDelay: POPUP_APPEARANCE_DELAY, trigger: function () { return (_jsx("div", __assign({ onMouseDown: handleMouseDown, onTouchEnd: handleTouchEnd }, { 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
91
|
}
|
|
92
92
|
if (isChipsCollapsable && !isInputFocused && userIndex === lastVisibleChipIndex && !noChipsCount) {
|
|
93
93
|
return (_jsxs("div", __assign({ className: generateClassNames({
|
|
94
94
|
className: 'multi-value-label-counter',
|
|
95
95
|
delimiter: '__',
|
|
96
96
|
additionalClassName: platform,
|
|
97
|
-
}), onTouchEnd:
|
|
97
|
+
}), onTouchEnd: handleTouchEnd }, { children: ["+", collapsableChipsCount] })));
|
|
98
98
|
}
|
|
99
99
|
return null;
|
|
100
100
|
};
|
|
101
|
-
export default
|
|
101
|
+
export default MultiValueLabel;
|
|
102
102
|
//# 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, language, layoutType, externalInputValue, title, mask, placeholder, hint, isShowCatalogSearchButton, 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, 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,39 +81,31 @@ 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.language, language = _p === void 0 ? LANGUAGES.ru : _p, _q = _a.layoutType, layoutType = _q === void 0 ? LAYOUT_TYPE.minimal : _q, externalInputValue = _a.externalInputValue, title = _a.title, mask = _a.mask, placeholder = _a.placeholder, hint = _a.hint, _r = _a.isShowCatalogSearchButton, isShowCatalogSearchButton = _r === void 0 ? false : _r, onShowCatalogSearchButtonClick = _a.onShowCatalogSearchButtonClick, noOptionsMessage = _a.noOptionsMessage, maxMembersCount = _a.maxMembersCount, _s = _a.fillType, fillType = _s === void 0 ? FILL_TYPE.primary : _s, _t = _a.menuPosition, menuPosition = _t === void 0 ? MENU_POSITIONS.top : _t, _u = _a.autoFocus, autoFocus = _u === void 0 ? false : _u, containerClassName = _a.containerClassName, containerStyles = _a.containerStyles, _v = _a.selectedEntries, selectedEntries = _v === void 0 ? [] : _v, corporateEntries = _a.corporateEntries, myContactsEntries = _a.myContactsEntries, _w = _a.emailsToExclude, emailsToExclude = _w === void 0 ? [] : _w,
|
|
80
|
-
var
|
|
81
|
-
var
|
|
82
|
-
var
|
|
83
|
-
var
|
|
84
|
-
var
|
|
85
|
-
var
|
|
86
|
-
var
|
|
87
|
-
var
|
|
88
|
-
var
|
|
89
|
-
var
|
|
90
|
-
var
|
|
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.language, language = _p === void 0 ? LANGUAGES.ru : _p, _q = _a.layoutType, layoutType = _q === void 0 ? LAYOUT_TYPE.minimal : _q, externalInputValue = _a.externalInputValue, title = _a.title, mask = _a.mask, placeholder = _a.placeholder, hint = _a.hint, _r = _a.isShowCatalogSearchButton, isShowCatalogSearchButton = _r === void 0 ? false : _r, onShowCatalogSearchButtonClick = _a.onShowCatalogSearchButtonClick, noOptionsMessage = _a.noOptionsMessage, maxMembersCount = _a.maxMembersCount, _s = _a.fillType, fillType = _s === void 0 ? FILL_TYPE.primary : _s, _t = _a.menuPosition, menuPosition = _t === void 0 ? MENU_POSITIONS.top : _t, _u = _a.autoFocus, autoFocus = _u === void 0 ? false : _u, containerClassName = _a.containerClassName, containerStyles = _a.containerStyles, _v = _a.selectedEntries, selectedEntries = _v === void 0 ? [] : _v, corporateEntries = _a.corporateEntries, myContactsEntries = _a.myContactsEntries, _w = _a.emailsToExclude, emailsToExclude = _w === void 0 ? [] : _w, onInputChange = _a.onInputChange, onChange = _a.onChange, onMenuOpen = _a.onMenuOpen, onMenuClose = _a.onMenuClose, onLoadNextPage = _a.onLoadNextPage;
|
|
85
|
+
var _x = useState(''), userDropdownId = _x[0], setUserDropdownId = _x[1];
|
|
86
|
+
var _y = useState([]), selectedUsers = _y[0], setSelectedUsers = _y[1];
|
|
87
|
+
var _z = useState(null), timeoutId = _z[0], setTimeoutId = _z[1];
|
|
88
|
+
var _0 = useState(''), paddingLeft = _0[0], setPaddingLeft = _0[1];
|
|
89
|
+
var _1 = useState(0), maskWidth = _1[0], setMaskWidth = _1[1];
|
|
90
|
+
var _2 = useState(false), isError = _2[0], setIsError = _2[1];
|
|
91
|
+
var _3 = useState(true), isSearchable = _3[0], setIsSearchable = _3[1];
|
|
92
|
+
var _4 = useState(false), isUserTyping = _4[0], setIsUserTyping = _4[1];
|
|
93
|
+
var _5 = useState(null), modalData = _5[0], setModalData = _5[1];
|
|
94
|
+
var _6 = useState(''), chipLabelWithMaxWidth = _6[0], setChipLabelWithMaxWidth = _6[1];
|
|
95
|
+
var _7 = useState(''), inputValue = _7[0], setInputValue = _7[1];
|
|
91
96
|
var isInputFocused = useRef(false);
|
|
92
97
|
var selectRef = useRef(null);
|
|
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,15 @@ 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
|
-
isDraggable: isDraggable,
|
|
131
|
-
isChipsCollapsed: isChipsCollapsable && !isInputFocused.current,
|
|
132
127
|
});
|
|
133
128
|
};
|
|
134
129
|
var generateNoOptionsMessage = function (_a) {
|
|
@@ -180,13 +175,13 @@ var UserDropdown = function (_a) {
|
|
|
180
175
|
onInputChange(inputValue);
|
|
181
176
|
setIsUserTyping(false);
|
|
182
177
|
}, USER_TYPING_TIMEOUT);
|
|
183
|
-
var handleResetError =
|
|
178
|
+
var handleResetError = function () { return isError && setIsError(false); };
|
|
184
179
|
var handleMenuClose = function () {
|
|
185
180
|
menuScrollFromTop.current = 0;
|
|
186
181
|
handleResetError();
|
|
187
182
|
onMenuClose && onMenuClose();
|
|
188
183
|
};
|
|
189
|
-
var handleInputChange =
|
|
184
|
+
var handleInputChange = function (inputValue, additionalInfo) {
|
|
190
185
|
if (additionalInfo) {
|
|
191
186
|
var action = additionalInfo.action, prevInputValue = additionalInfo.prevInputValue;
|
|
192
187
|
var trimPrevInputValue_1 = prevInputValue.trim();
|
|
@@ -212,10 +207,7 @@ var UserDropdown = function (_a) {
|
|
|
212
207
|
setIsUserTyping(false);
|
|
213
208
|
}, USER_TYPING_TIMEOUT);
|
|
214
209
|
}
|
|
215
|
-
}
|
|
216
|
-
// TODO: requestDebounce в массиве зависимостей вызывает бесконечный ререндер при драге
|
|
217
|
-
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
218
|
-
[checkIsEmailToExclude, handleResetError, selectedUsers]);
|
|
210
|
+
};
|
|
219
211
|
var extractInputEmails = function (inputValue) {
|
|
220
212
|
return inputValue
|
|
221
213
|
.split(/[,;]+/)
|
|
@@ -226,6 +218,8 @@ var UserDropdown = function (_a) {
|
|
|
226
218
|
if (needToShowError === void 0) { needToShowError = true; }
|
|
227
219
|
var props = selectRef.current.props;
|
|
228
220
|
var options = props.options, inputValue = props.inputValue, onChange = props.onChange;
|
|
221
|
+
if (isEmpty(inputValue))
|
|
222
|
+
return;
|
|
229
223
|
var trimInputValue = inputValue.trim();
|
|
230
224
|
var optionProps = {
|
|
231
225
|
platform: platform,
|
|
@@ -240,8 +234,13 @@ var UserDropdown = function (_a) {
|
|
|
240
234
|
};
|
|
241
235
|
var inputEmails = extractInputEmails(trimInputValue);
|
|
242
236
|
var enteredUsers = [];
|
|
237
|
+
var incorrectEmails = [];
|
|
238
|
+
var inputEmailsLength = inputEmails.length;
|
|
239
|
+
var isSingleEmailEntered = inputEmailsLength === 1;
|
|
240
|
+
var emailSeparator = trimInputValue.includes(EMAIL_SEPARATORS.semicolon) ? EMAIL_SEPARATORS.semicolon : EMAIL_SEPARATORS.comma;
|
|
243
241
|
inputEmails.forEach(function (inputEmail) {
|
|
244
|
-
|
|
242
|
+
var isValueIsEmail = checkIsValueIsEmail(inputEmail);
|
|
243
|
+
if (isValueIsEmail && !checkIsEmailToExclude(inputEmail)) {
|
|
245
244
|
var isUserAlreadySelected = selectedUsers.find(function (_a) {
|
|
246
245
|
var email = _a.email;
|
|
247
246
|
return email === inputEmail;
|
|
@@ -251,27 +250,29 @@ var UserDropdown = function (_a) {
|
|
|
251
250
|
return email === inputEmail;
|
|
252
251
|
});
|
|
253
252
|
enteredUsers.push(existingUser || generateEnteredByUserOption(__assign(__assign({}, optionProps), { email: inputEmail })));
|
|
254
|
-
if (isUserAlreadySelected && needToShowError &&
|
|
253
|
+
if (isUserAlreadySelected && needToShowError && isSingleEmailEntered)
|
|
255
254
|
setIsError(true);
|
|
256
255
|
else
|
|
257
256
|
handleInputChange('', { action: INPUT_ACTIONS.change, prevInputValue: trimInputValue });
|
|
258
257
|
}
|
|
258
|
+
!isValueIsEmail && incorrectEmails.push(inputEmail);
|
|
259
259
|
});
|
|
260
|
+
!isSingleEmailEntered && setInputValue(incorrectEmails.join("".concat(emailSeparator).concat(SPACE)).trim());
|
|
260
261
|
onChange(__spreadArray(__spreadArray([], selectedUsers, true), enteredUsers, true));
|
|
261
262
|
return Promise.resolve();
|
|
262
263
|
};
|
|
263
264
|
var handleKeyDown = function (event) {
|
|
264
|
-
var _a, _b;
|
|
265
|
+
var _a, _b, _c;
|
|
265
266
|
var key = event.key, code = event.code;
|
|
266
267
|
var isEnterPressed = code === ENTER_KEY || key === ENTER_KEY;
|
|
267
268
|
var isBackspacePressed = code === BACKSPACE_KEY || key === BACKSPACE_KEY;
|
|
268
269
|
var isTransformChipToInputValue = isBackspacePressed && isBackspaceChipToInput && inputValue === '' && !isEmpty(selectedUsers);
|
|
269
270
|
if (isEnterPressed) {
|
|
270
271
|
event.preventDefault();
|
|
271
|
-
handleAddUser().then(function () { });
|
|
272
|
+
(_a = handleAddUser()) === null || _a === void 0 ? void 0 : _a.then(function () { });
|
|
272
273
|
}
|
|
273
274
|
if (isTransformChipToInputValue) {
|
|
274
|
-
var
|
|
275
|
+
var _d = selectedUsers[selectedUsersLength - 1], label = _d.label, email = _d.email;
|
|
275
276
|
var newSelectedUsers = selectedUsers.slice(0, -1);
|
|
276
277
|
setSelectedUsers(newSelectedUsers);
|
|
277
278
|
onChange === null || onChange === void 0 ? void 0 : onChange(newSelectedUsers.map(function (user) { return omit(user, COMMON_FIELDS_TO_OMIT); }));
|
|
@@ -280,10 +281,10 @@ var UserDropdown = function (_a) {
|
|
|
280
281
|
setInputValue(newInputValue);
|
|
281
282
|
handleInputChange(newInputValue);
|
|
282
283
|
onMenuOpen === null || onMenuOpen === void 0 ? void 0 : onMenuOpen();
|
|
283
|
-
(
|
|
284
|
+
(_c = (_b = selectRef.current) === null || _b === void 0 ? void 0 : _b.onMenuOpen) === null || _c === void 0 ? void 0 : _c.call(_b);
|
|
284
285
|
}
|
|
285
286
|
};
|
|
286
|
-
var transformCurrentChipToInputValue =
|
|
287
|
+
var transformCurrentChipToInputValue = function (label, email) {
|
|
287
288
|
var _a, _b;
|
|
288
289
|
skipAddUserToChipsOnNextBlurRef.current = true;
|
|
289
290
|
setSelectedUsers(function (prevSelectedUsers) {
|
|
@@ -299,7 +300,7 @@ var UserDropdown = function (_a) {
|
|
|
299
300
|
handleInputChange(label);
|
|
300
301
|
onMenuOpen === null || onMenuOpen === void 0 ? void 0 : onMenuOpen();
|
|
301
302
|
(_b = (_a = selectRef.current) === null || _a === void 0 ? void 0 : _a.onMenuOpen) === null || _b === void 0 ? void 0 : _b.call(_a);
|
|
302
|
-
}
|
|
303
|
+
};
|
|
303
304
|
var handleChange = function (newSelectedUsers) {
|
|
304
305
|
var uniqNewSelectedUsers = uniqBy(newSelectedUsers, EMAIL_FIELD);
|
|
305
306
|
var users = [];
|
|
@@ -405,11 +406,8 @@ var UserDropdown = function (_a) {
|
|
|
405
406
|
}
|
|
406
407
|
}
|
|
407
408
|
});
|
|
408
|
-
var visibleChipsCurrentCount = chips.length - collapsableChips;
|
|
409
|
-
isNeedCheckChipCollapsableCount.current = true;
|
|
410
|
-
visibleChipsCount.current = visibleChipsCurrentCount;
|
|
411
409
|
collapsableChipsCount.current = collapsableChips;
|
|
412
|
-
lastVisibleChipIndex.current =
|
|
410
|
+
lastVisibleChipIndex.current = chips.length - collapsableChips;
|
|
413
411
|
setChipLabelWithMaxWidth(chipLabelWithMaxWidth || generateId());
|
|
414
412
|
};
|
|
415
413
|
var handleUnCollapseChips = function () {
|
|
@@ -423,19 +421,12 @@ var UserDropdown = function (_a) {
|
|
|
423
421
|
var chipLabel = ((_a = chip.querySelector('.smartapp-chip__info--name')) === null || _a === void 0 ? void 0 : _a.innerHTML) || '';
|
|
424
422
|
chipLabel === chipLabelWithMaxWidth && (chip.style.maxWidth = '100%');
|
|
425
423
|
});
|
|
426
|
-
isNeedCheckChipCollapsableCount.current = false;
|
|
427
|
-
visibleChipsCount.current = chips.length;
|
|
428
424
|
collapsableChipsCount.current = 0;
|
|
429
425
|
lastVisibleChipIndex.current = -1;
|
|
430
426
|
setChipLabelWithMaxWidth('');
|
|
431
427
|
};
|
|
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
428
|
var handleBlur = function () {
|
|
429
|
+
var _a;
|
|
439
430
|
var shouldSkipAddUserToChipsOnNextBlur = skipAddUserToChipsOnNextBlurRef.current;
|
|
440
431
|
var onBlurComplete = function () {
|
|
441
432
|
isChipsCollapsable && handleCollapseChips();
|
|
@@ -446,13 +437,16 @@ var UserDropdown = function (_a) {
|
|
|
446
437
|
return;
|
|
447
438
|
}
|
|
448
439
|
else
|
|
449
|
-
handleAddUser(false).then(onBlurComplete);
|
|
440
|
+
(_a = handleAddUser(false)) === null || _a === void 0 ? void 0 : _a.then(onBlurComplete);
|
|
450
441
|
skipAddUserToChipsOnNextBlurRef.current = false;
|
|
451
442
|
};
|
|
452
443
|
var handleFocus = function () {
|
|
453
|
-
if (
|
|
454
|
-
return;
|
|
455
|
-
|
|
444
|
+
if (isIosPlatform(platform)) {
|
|
445
|
+
new Promise(function (resolve) { return resolve(); }).then(function () { var _a; return (_a = selectRef.current) === null || _a === void 0 ? void 0 : _a.focus(); });
|
|
446
|
+
}
|
|
447
|
+
else {
|
|
448
|
+
setTimeout(function () { var _a; return (_a = selectRef.current) === null || _a === void 0 ? void 0 : _a.focus(); }, 100);
|
|
449
|
+
}
|
|
456
450
|
isInputFocused.current = true;
|
|
457
451
|
isChipsCollapsable && handleUnCollapseChips();
|
|
458
452
|
};
|
|
@@ -464,7 +458,7 @@ var UserDropdown = function (_a) {
|
|
|
464
458
|
}
|
|
465
459
|
};
|
|
466
460
|
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(
|
|
461
|
+
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
462
|
};
|
|
469
463
|
var renderTitle = function () {
|
|
470
464
|
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 +484,7 @@ var UserDropdown = function (_a) {
|
|
|
490
484
|
}, [userDropdownId]);
|
|
491
485
|
useLayoutEffect(function () {
|
|
492
486
|
if (userDropdownId) {
|
|
493
|
-
|
|
487
|
+
isChipsCollapsable ? handleCollapseChips() : handleUnCollapseChips();
|
|
494
488
|
}
|
|
495
489
|
// eslint-disable-next-line
|
|
496
490
|
}, [isChipsCollapsable, userDropdownId]);
|
|
@@ -526,8 +520,6 @@ var UserDropdown = function (_a) {
|
|
|
526
520
|
return 'contacts' in entity ? generateCorporateOption(__assign({ option: entity }, commonFields)) : generatedNotCorporateEntity;
|
|
527
521
|
}));
|
|
528
522
|
}
|
|
529
|
-
else
|
|
530
|
-
setSelectedUsers([]);
|
|
531
523
|
// eslint-disable-next-line
|
|
532
524
|
}, [selectedEntries]);
|
|
533
525
|
useEffect(function () {
|
|
@@ -537,16 +529,11 @@ var UserDropdown = function (_a) {
|
|
|
537
529
|
document.removeEventListener('visibilitychange', handleVisibilityChange);
|
|
538
530
|
};
|
|
539
531
|
}, []);
|
|
540
|
-
useEffect(function () {
|
|
541
|
-
if (isChipsCollapsable && !isInputFocused.current && isNeedCheckChipCollapsableCount.current) {
|
|
542
|
-
collapsableChipsCount.current = selectedEntries.length - visibleChipsCount.current;
|
|
543
|
-
}
|
|
544
|
-
}, [isChipsCollapsable, selectedEntries]);
|
|
545
532
|
var OptionComponent = useCallback(function (props) { return _jsx(Option, __assign({}, props, { children: props.children })); }, []);
|
|
546
533
|
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
534
|
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"
|
|
535
|
+
var MultiValueLabelComponent = function (props) { return _jsx(MultiValueLabel, __assign({}, props, { transformCurrentChipToInputValue: transformCurrentChipToInputValue })); };
|
|
536
|
+
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
537
|
Input: Input,
|
|
551
538
|
MultiValueLabel: MultiValueLabelComponent,
|
|
552
539
|
MultiValueRemove: MultiValueRemove,
|
|
@@ -558,5 +545,5 @@ var UserDropdown = function (_a) {
|
|
|
558
545
|
NoOptionsMessage: NoOptionsButton,
|
|
559
546
|
} })] })), renderHint(), _jsx(Modal, { isModalOpen: !isNull(modalData), platform: platform, content: modalContent, isBottomSheet: isMobilePlatform(platform), backgroundColor: "var(--color-bg-blackout-transparent)", handleCloseModal: handleCloseModal })] })));
|
|
560
547
|
};
|
|
561
|
-
export default
|
|
548
|
+
export default UserDropdown;
|
|
562
549
|
//# sourceMappingURL=UserDropdown.js.map
|