@expressms/smartapp-ui 2.9.18 → 2.9.19-alpha.2
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 +2 -0
- package/build/main/constants/constants.js +2 -0
- package/build/main/constants/constants.js.map +1 -1
- package/build/main/constants/types.d.ts +4 -0
- package/build/main/hooks/useMobileLongTap.d.ts +13 -0
- package/build/main/hooks/useMobileLongTap.js +51 -0
- package/build/main/hooks/useMobileLongTap.js.map +1 -0
- 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 +130 -20
- package/build/main//321/201omponents/Chip/Chip.js.map +1 -1
- package/build/main//321/201omponents/Chip/types.d.ts +8 -2
- package/build/main//321/201omponents/ChipDndContext/ChipDndContext.d.ts +12 -0
- package/build/main//321/201omponents/ChipDndContext/ChipDndContext.js +139 -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 +18 -2
- package/build/main//321/201omponents/ContextMenu/ContextMenu.js.map +1 -1
- package/build/main//321/201omponents/ContextMenu/types.d.ts +2 -5
- package/build/main//321/201omponents/Input/Input.js +1 -1
- 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 +29 -19
- 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 +74 -37
- 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 +3 -1
- 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
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ReactElement, ReactNode } from 'react';
|
|
2
|
-
import { ICommonProps, TStyles } from '../../constants';
|
|
2
|
+
import { ICommonProps, TCoords, TStyles } from '../../constants';
|
|
3
3
|
export type MenuItem<T extends unknown = any> = {
|
|
4
4
|
isNegativeAction?: boolean;
|
|
5
5
|
isSelected?: boolean;
|
|
@@ -16,10 +16,7 @@ export interface IContextMenuProps<T extends unknown = any> extends ICommonProps
|
|
|
16
16
|
isMenuOpen: boolean;
|
|
17
17
|
isCloseOnItemClick?: boolean;
|
|
18
18
|
isClickForbidden?: boolean;
|
|
19
|
-
position:
|
|
20
|
-
x: number;
|
|
21
|
-
y: number;
|
|
22
|
-
};
|
|
19
|
+
position: TCoords;
|
|
23
20
|
menuWidth?: number;
|
|
24
21
|
containerClassName?: string;
|
|
25
22
|
menuClassName?: string;
|
|
@@ -189,7 +189,7 @@ var Input = function (_a) {
|
|
|
189
189
|
};
|
|
190
190
|
var renderClearIcon = function () {
|
|
191
191
|
return isClearable &&
|
|
192
|
-
isClearableIconVisible && (_jsx(
|
|
192
|
+
isClearableIconVisible && (_jsx("div", __assign({ className: "smartapp-input__container--clear-icon", onMouseDown: handleClearClick, onTouchEnd: handleClearClick }, { children: _jsx(ClearIcon, { style: iconStyles }) })));
|
|
193
193
|
};
|
|
194
194
|
var renderTextCounter = function () {
|
|
195
195
|
return isTextCounterVisible() && (_jsx("div", __assign({ className: classNames('smartapp-input__container--counter', { 'smartapp-input__container--counter__error': !isNull(timeoutId) }) }, { children: remainingCharacters })));
|
|
@@ -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';
|
|
@@ -27,17 +27,18 @@ 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 data = props.data, transformCurrentChipToInputValue = props.transformCurrentChipToInputValue, handleBlurDropdown = props.handleBlurDropdown, _a = props.selectProps, isDisabled = _a.isDisabled, selectedUsers = _a.value, onChange = _a.onChange, instanceId = _a.instanceId;
|
|
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
|
|
40
|
-
var
|
|
34
|
+
var _b = useState(-1), left = _b[0], setLeft = _b[1];
|
|
35
|
+
var _c = useState(-1), top = _c[0], setTop = _c[1];
|
|
36
|
+
var _d = useState(null), timeoutId = _d[0], setTimeoutId = _d[1];
|
|
37
|
+
var _e = useState(POPUP_HIDDEN_CLASSNAME), hiddenClassName = _e[0], setHiddenClassName = _e[1];
|
|
38
|
+
var _f = useState(false), isOpenContextMenu = _f[0], setIsOpenContextMenu = _f[1];
|
|
39
|
+
var _g = useState(false), isChipHovered = _g[0], setIsChipHovered = _g[1];
|
|
40
|
+
var _h = useState(false), isShowPopup = _h[0], setIsShowPopup = _h[1];
|
|
41
|
+
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;
|
|
41
42
|
var isPopupVisible = isChipHovered && !isOpenContextMenu && name && email && isSelectedChipHasTooltip;
|
|
42
43
|
useEffect(function () {
|
|
43
44
|
label && isResetChipsToInputValue && transformCurrentChipToInputValue(label, email);
|
|
@@ -68,18 +69,27 @@ var MultiValueLabel = function (props) {
|
|
|
68
69
|
return selectedUserValue === value && selectedUserLabel === label;
|
|
69
70
|
});
|
|
70
71
|
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
72
|
var handleMouseEnter = function () { return !isOpenContextMenu && setIsChipHovered(true); };
|
|
77
73
|
var handleMouseLeave = function () { return setIsChipHovered(false); };
|
|
78
|
-
var handleContextMenu = function () {
|
|
74
|
+
var handleContextMenu = function (isOpen) {
|
|
79
75
|
var _a;
|
|
76
|
+
if (isOpenContextMenu === isOpen)
|
|
77
|
+
return;
|
|
78
|
+
setIsOpenContextMenu(isOpen);
|
|
80
79
|
setIsChipHovered(false);
|
|
81
80
|
setIsShowPopup(false);
|
|
82
81
|
(_a = popupRef.current) === null || _a === void 0 ? void 0 : _a.close();
|
|
82
|
+
if (!isOpen) {
|
|
83
|
+
handleBlurDropdown();
|
|
84
|
+
}
|
|
85
|
+
};
|
|
86
|
+
var handlePreventEvent = function (event) {
|
|
87
|
+
event.preventDefault();
|
|
88
|
+
event.stopPropagation();
|
|
89
|
+
};
|
|
90
|
+
var handleMobileTouchEnd = function (event) {
|
|
91
|
+
event.preventDefault();
|
|
92
|
+
event.stopPropagation();
|
|
83
93
|
};
|
|
84
94
|
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
95
|
var handleOpenPopup = function () {
|
|
@@ -115,16 +125,16 @@ var MultiValueLabel = function (props) {
|
|
|
115
125
|
'--multi-value-label-content-left': "".concat(left, "px"),
|
|
116
126
|
'--multi-value-label-content-top': "".concat(top, "px"),
|
|
117
127
|
'--multi-value-label-content-max-width': "".concat(popupContentMaxWidth, "px"),
|
|
118
|
-
}, trigger: function () { return (_jsx("div", __assign({ onMouseDown:
|
|
128
|
+
}, trigger: function () { return (_jsx("div", __assign({ onMouseDown: handlePreventEvent, onTouchEnd: isMobilePlatform(platform) ? handleMobileTouchEnd : handlePreventEvent, onContextMenu: handlePreventEvent, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave }, { children: _jsx(Chip, { language: language, name: label || email, email: email, uid: uid, isOpenContextMenu: isOpenContextMenu, 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
129
|
}
|
|
120
130
|
if (isChipsCollapsable && !isInputFocused && userIndex === lastVisibleChipIndex && !noChipsCount) {
|
|
121
131
|
return (_jsxs("div", __assign({ className: generateClassNames({
|
|
122
132
|
className: 'multi-value-label-counter',
|
|
123
133
|
delimiter: '__',
|
|
124
134
|
additionalClassName: platform,
|
|
125
|
-
}), onTouchEnd:
|
|
135
|
+
}), onTouchEnd: handlePreventEvent }, { children: ["+", collapsableChipsCount] })));
|
|
126
136
|
}
|
|
127
137
|
return null;
|
|
128
138
|
};
|
|
129
|
-
export default MultiValueLabel;
|
|
139
|
+
export default memo(MultiValueLabel);
|
|
130
140
|
//# 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 Modal from '../Modal';
|
|
30
31
|
import ContactBottomSheet from './ContactBottomSheet/ContactBottomSheet';
|
|
31
32
|
import LoadingMessage from './LoadingMessage/LoadingMessage';
|
|
@@ -34,9 +35,9 @@ import MultiValueLabel from './MultiValueLabel/MultiValueLabel';
|
|
|
34
35
|
import Option from './Option/Option';
|
|
35
36
|
import SearchInCatalogButton from './SearchInCatalogButton/SearchInCatalogButton';
|
|
36
37
|
import selectStyles from './selectStyles';
|
|
37
|
-
import { generateId,
|
|
38
|
+
import { generateId, isMobilePlatform } from '../../helpers';
|
|
38
39
|
import { DropdownIndicator, IndicatorSeparator, LoadingIndicator, MultiValueRemove, generateContactsOption, generateContactsOptionsToSelect, generateCorporateOption, generateCorporateOptionsToSelect, generateEnteredByUserOption, sortContacts, } from './helpers';
|
|
39
|
-
import { BACKSPACE_KEY, DEFAULT_INPUT_PADDING, ENTER_KEY, FILL_TYPE, INPUT_COUNTER_TIMEOUT, LANGUAGES, LAYOUT_TYPE, MASK_INPUT_PL, MENU_POSITIONS, PLATFORM, SPACE, SPACE_KEY, } from '../../constants';
|
|
40
|
+
import { BACKSPACE_KEY, DEFAULT_INPUT_PADDING, EMAIL_FIELD, ENTER_KEY, FILL_TYPE, INPUT_COUNTER_TIMEOUT, LANGUAGES, LAYOUT_TYPE, MASK_INPUT_PL, MENU_POSITIONS, PLATFORM, SPACE, SPACE_KEY, } from '../../constants';
|
|
40
41
|
import '../../styles/styles.scss';
|
|
41
42
|
var MIN_INPUT_SYMBOLS = 3;
|
|
42
43
|
var THREE_DIGIT_NUMBER_WIDTH = 48;
|
|
@@ -46,7 +47,7 @@ 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
|
-
|
|
50
|
+
var RENDER_DELAY = 50;
|
|
50
51
|
var MENU_ACTIONS;
|
|
51
52
|
(function (MENU_ACTIONS) {
|
|
52
53
|
MENU_ACTIONS["close"] = "menu-close";
|
|
@@ -82,31 +83,40 @@ var EXCLUDED_FIELDS;
|
|
|
82
83
|
var COMMON_FIELDS_TO_OMIT = Object.keys(omit(EXCLUDED_FIELDS, [EXCLUDED_FIELDS.language, EXCLUDED_FIELDS.isEnteredByUser]));
|
|
83
84
|
var Input = function (props) { return _jsx(components.Input, __assign({}, props, { enterKeyHint: "done" })); };
|
|
84
85
|
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
|
|
86
|
+
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;
|
|
87
|
+
var _0 = useState(initialId), userDropdownId = _0[0], setUserDropdownId = _0[1];
|
|
88
|
+
var _1 = useState([]), selectedUsers = _1[0], setSelectedUsers = _1[1];
|
|
89
|
+
var _2 = useState(null), timeoutId = _2[0], setTimeoutId = _2[1];
|
|
90
|
+
var _3 = useState(''), paddingLeft = _3[0], setPaddingLeft = _3[1];
|
|
91
|
+
var _4 = useState(0), maskWidth = _4[0], setMaskWidth = _4[1];
|
|
92
|
+
var _5 = useState(false), isError = _5[0], setIsError = _5[1];
|
|
93
|
+
var _6 = useState(true), isSearchable = _6[0], setIsSearchable = _6[1];
|
|
94
|
+
var _7 = useState(false), isUserTyping = _7[0], setIsUserTyping = _7[1];
|
|
95
|
+
var _8 = useState(null), modalData = _8[0], setModalData = _8[1];
|
|
96
|
+
var _9 = useState(''), chipLabelWithMaxWidth = _9[0], setChipLabelWithMaxWidth = _9[1];
|
|
97
|
+
var _10 = useState(''), inputValue = _10[0], setInputValue = _10[1];
|
|
97
98
|
var isInputFocused = useRef(false);
|
|
98
99
|
var selectRef = useRef(null);
|
|
99
100
|
var maskRef = useRef(null);
|
|
100
101
|
var menuScrollFromTop = useRef(0);
|
|
101
102
|
var collapsableChipsCount = useRef(0);
|
|
103
|
+
var visibleChipsCount = useRef(0);
|
|
104
|
+
var isNeedCheckChipCollapsableCount = useRef(false);
|
|
102
105
|
var lastVisibleChipIndex = useRef(-1);
|
|
103
106
|
var skipAddUserToChipsOnNextBlurRef = useRef(false);
|
|
104
107
|
var selectedUsersLength = selectedUsers.length;
|
|
108
|
+
var _11 = useDroppable({ id: userDropdownId }), setNodeRef = _11.setNodeRef, over = _11.over;
|
|
109
|
+
var overId = (over || {}).id;
|
|
110
|
+
var isDraggable = overId === userDropdownId;
|
|
111
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
112
|
+
useImperativeHandle(focusRef, function () { return ({ focus: handleFocus, blur: handleDragBlur }); }, []);
|
|
105
113
|
var checkIsValueIsEmail = function (inputValue) {
|
|
106
114
|
var regex = new RegExp(/^(([^<>()[\].,;:\s@"]+(\.[^<>()[\].,;:\s@"]+)*)|(".+"))@(([^<>()[\].,;:\s@"]+\.)+[^<>()[\].,;:\s@"]{2,})$/);
|
|
107
115
|
return regex.test(inputValue);
|
|
108
116
|
};
|
|
109
|
-
|
|
117
|
+
// TODO: emailsToExclude в массиве зависимостей вызывает бесконечный ререндер при драге
|
|
118
|
+
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
119
|
+
var checkIsEmailToExclude = useCallback(function (email) { return includes(emailsToExclude, email); }, []);
|
|
110
120
|
var calculatePaddingLeft = function () {
|
|
111
121
|
var _a, _b;
|
|
112
122
|
var maskWidth = ((_b = (_a = maskRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) === null || _b === void 0 ? void 0 : _b.width) || null;
|
|
@@ -127,6 +137,8 @@ var UserDropdown = function (_a) {
|
|
|
127
137
|
isInputHidden: isInputHidden,
|
|
128
138
|
isDisabledMenuOffsetAtFullscreen: isDisabledMenuOffsetAtFullscreen,
|
|
129
139
|
isInputFocused: isInputFocused.current,
|
|
140
|
+
isDraggable: isDraggable,
|
|
141
|
+
isChipsCollapsed: isChipsCollapsable && !isInputFocused.current,
|
|
130
142
|
});
|
|
131
143
|
};
|
|
132
144
|
var generateNoOptionsMessage = function (_a) {
|
|
@@ -181,13 +193,13 @@ var UserDropdown = function (_a) {
|
|
|
181
193
|
}, USER_TYPING_TIMEOUT);
|
|
182
194
|
}, [onInputChange]);
|
|
183
195
|
var resetIsUserTypingDebounce = useMemo(function () { return debounce(function () { return setIsUserTyping(false); }, USER_TYPING_TIMEOUT); }, []);
|
|
184
|
-
var handleResetError = function () { return isError && setIsError(false); };
|
|
196
|
+
var handleResetError = useCallback(function () { return isError && setIsError(false); }, [isError]);
|
|
185
197
|
var handleMenuClose = function () {
|
|
186
198
|
menuScrollFromTop.current = 0;
|
|
187
199
|
handleResetError();
|
|
188
200
|
onMenuClose && onMenuClose();
|
|
189
201
|
};
|
|
190
|
-
var handleInputChange = function (inputValue, additionalInfo) {
|
|
202
|
+
var handleInputChange = useCallback(function (inputValue, additionalInfo) {
|
|
191
203
|
if (additionalInfo) {
|
|
192
204
|
var action = additionalInfo.action, prevInputValue = additionalInfo.prevInputValue;
|
|
193
205
|
var trimPrevInputValue_1 = prevInputValue.trim();
|
|
@@ -206,7 +218,7 @@ var UserDropdown = function (_a) {
|
|
|
206
218
|
setIsUserTyping(!isEmpty(inputValue));
|
|
207
219
|
handleResetError();
|
|
208
220
|
inputValue.length >= MIN_INPUT_SYMBOLS ? requestInputChangeDebounce(inputValue) : resetIsUserTypingDebounce();
|
|
209
|
-
};
|
|
221
|
+
}, [checkIsEmailToExclude, handleResetError, selectedUsers, requestInputChangeDebounce, resetIsUserTypingDebounce]);
|
|
210
222
|
var extractInputEmails = function (inputValue) {
|
|
211
223
|
return inputValue
|
|
212
224
|
.split(/[,;]+/)
|
|
@@ -292,7 +304,7 @@ var UserDropdown = function (_a) {
|
|
|
292
304
|
(_c = (_b = selectRef.current) === null || _b === void 0 ? void 0 : _b.onMenuOpen) === null || _c === void 0 ? void 0 : _c.call(_b);
|
|
293
305
|
}
|
|
294
306
|
};
|
|
295
|
-
var transformCurrentChipToInputValue = function (label, email) {
|
|
307
|
+
var transformCurrentChipToInputValue = useCallback(function (label, email) {
|
|
296
308
|
var _a, _b;
|
|
297
309
|
skipAddUserToChipsOnNextBlurRef.current = true;
|
|
298
310
|
setSelectedUsers(function (prevSelectedUsers) {
|
|
@@ -308,7 +320,7 @@ var UserDropdown = function (_a) {
|
|
|
308
320
|
handleInputChange(label);
|
|
309
321
|
onMenuOpen === null || onMenuOpen === void 0 ? void 0 : onMenuOpen();
|
|
310
322
|
(_b = (_a = selectRef.current) === null || _a === void 0 ? void 0 : _a.onMenuOpen) === null || _b === void 0 ? void 0 : _b.call(_a);
|
|
311
|
-
};
|
|
323
|
+
}, [onInputChange, handleInputChange, onMenuOpen, onChange]);
|
|
312
324
|
var handleChange = function (newSelectedUsers) {
|
|
313
325
|
var uniqNewSelectedUsers = isDisabledCheckUniqueEmails ? newSelectedUsers : uniqBy(newSelectedUsers, EMAIL_FIELD);
|
|
314
326
|
var users = [];
|
|
@@ -414,8 +426,11 @@ var UserDropdown = function (_a) {
|
|
|
414
426
|
}
|
|
415
427
|
}
|
|
416
428
|
});
|
|
429
|
+
var visibleChipsCurrentCount = chips.length - collapsableChips;
|
|
430
|
+
isNeedCheckChipCollapsableCount.current = true;
|
|
431
|
+
visibleChipsCount.current = visibleChipsCurrentCount;
|
|
417
432
|
collapsableChipsCount.current = collapsableChips;
|
|
418
|
-
lastVisibleChipIndex.current =
|
|
433
|
+
lastVisibleChipIndex.current = visibleChipsCurrentCount;
|
|
419
434
|
setChipLabelWithMaxWidth(chipLabelWithMaxWidth || generateId());
|
|
420
435
|
};
|
|
421
436
|
var handleUnCollapseChips = function () {
|
|
@@ -429,12 +444,22 @@ var UserDropdown = function (_a) {
|
|
|
429
444
|
var chipLabel = ((_a = chip.querySelector('.smartapp-chip__info--name')) === null || _a === void 0 ? void 0 : _a.innerHTML) || '';
|
|
430
445
|
chipLabel === chipLabelWithMaxWidth && (chip.style.maxWidth = '100%');
|
|
431
446
|
});
|
|
447
|
+
isNeedCheckChipCollapsableCount.current = false;
|
|
448
|
+
visibleChipsCount.current = chips.length;
|
|
432
449
|
collapsableChipsCount.current = 0;
|
|
433
450
|
lastVisibleChipIndex.current = -1;
|
|
434
451
|
setChipLabelWithMaxWidth('');
|
|
435
452
|
};
|
|
436
|
-
var
|
|
453
|
+
var handleDragBlur = function (isDisableCheckFocused) {
|
|
437
454
|
var _a;
|
|
455
|
+
if (!isInputFocused.current && !isDisableCheckFocused)
|
|
456
|
+
return;
|
|
457
|
+
(_a = selectRef.current) === null || _a === void 0 ? void 0 : _a.blur();
|
|
458
|
+
};
|
|
459
|
+
var handleBlur = function () {
|
|
460
|
+
var _a, _b, _c;
|
|
461
|
+
if (((_a = selectRef.current) === null || _a === void 0 ? void 0 : _a._preventBlur) || ((_b = selectRef.current) === null || _b === void 0 ? void 0 : _b._contextMenuOpen))
|
|
462
|
+
return;
|
|
438
463
|
var shouldSkipAddUserToChipsOnNextBlur = skipAddUserToChipsOnNextBlurRef.current;
|
|
439
464
|
var onBlurComplete = function () {
|
|
440
465
|
isChipsCollapsable && handleCollapseChips();
|
|
@@ -445,16 +470,16 @@ var UserDropdown = function (_a) {
|
|
|
445
470
|
return;
|
|
446
471
|
}
|
|
447
472
|
else
|
|
448
|
-
(
|
|
473
|
+
(_c = handleAddUser(false)) === null || _c === void 0 ? void 0 : _c.then(onBlurComplete);
|
|
449
474
|
skipAddUserToChipsOnNextBlurRef.current = false;
|
|
450
475
|
};
|
|
451
|
-
var
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
|
-
|
|
456
|
-
|
|
457
|
-
}
|
|
476
|
+
var onSelectBlur = function () {
|
|
477
|
+
setTimeout(handleBlur, RENDER_DELAY);
|
|
478
|
+
};
|
|
479
|
+
var handleFocus = function (isDisableCheckFocused) {
|
|
480
|
+
if (isInputFocused.current && !isDisableCheckFocused)
|
|
481
|
+
return;
|
|
482
|
+
setTimeout(function () { var _a; return (_a = selectRef.current) === null || _a === void 0 ? void 0 : _a.focus(); }, RENDER_DELAY);
|
|
458
483
|
isInputFocused.current = true;
|
|
459
484
|
isChipsCollapsable && handleUnCollapseChips();
|
|
460
485
|
};
|
|
@@ -492,7 +517,7 @@ var UserDropdown = function (_a) {
|
|
|
492
517
|
}, [userDropdownId]);
|
|
493
518
|
useLayoutEffect(function () {
|
|
494
519
|
if (userDropdownId) {
|
|
495
|
-
isChipsCollapsable ? handleCollapseChips() : handleUnCollapseChips();
|
|
520
|
+
setTimeout(function () { return (isChipsCollapsable ? handleCollapseChips() : handleUnCollapseChips()); }, RENDER_DELAY);
|
|
496
521
|
}
|
|
497
522
|
// eslint-disable-next-line
|
|
498
523
|
}, [isChipsCollapsable, userDropdownId]);
|
|
@@ -505,7 +530,12 @@ var UserDropdown = function (_a) {
|
|
|
505
530
|
useEffect(function () {
|
|
506
531
|
if (!isEmpty(selectedEntries)) {
|
|
507
532
|
setSelectedUsers(selectedEntries.map(function (entity) {
|
|
508
|
-
var isWarning = entity.isWarning, isLoading = entity.isLoading, uid = entity.uid, userType = entity.userType,
|
|
533
|
+
var isWarning = entity.isWarning, isLoading = entity.isLoading, uid = entity.uid, userType = entity.userType, currentContextItems = entity.contextMenuItems, isResetChipsToInputValue = entity.isResetChipsToInputValue;
|
|
534
|
+
var contextMenuItems = currentContextItems === null || currentContextItems === void 0 ? void 0 : currentContextItems.map(function (item) { return (__assign(__assign({}, item), { action: function (data) {
|
|
535
|
+
var _a;
|
|
536
|
+
(_a = item.action) === null || _a === void 0 ? void 0 : _a.call(item, data);
|
|
537
|
+
isMobilePlatform(platform) && handleFocus(true);
|
|
538
|
+
} })); });
|
|
509
539
|
var commonFields = {
|
|
510
540
|
platform: platform,
|
|
511
541
|
layoutType: layoutType,
|
|
@@ -528,6 +558,8 @@ var UserDropdown = function (_a) {
|
|
|
528
558
|
return 'contacts' in entity ? generateCorporateOption(__assign({ option: entity }, commonFields)) : generatedNotCorporateEntity;
|
|
529
559
|
}));
|
|
530
560
|
}
|
|
561
|
+
else
|
|
562
|
+
setSelectedUsers([]);
|
|
531
563
|
// eslint-disable-next-line
|
|
532
564
|
}, [selectedEntries]);
|
|
533
565
|
useEffect(function () {
|
|
@@ -543,11 +575,16 @@ var UserDropdown = function (_a) {
|
|
|
543
575
|
resetIsUserTypingDebounce.cancel();
|
|
544
576
|
};
|
|
545
577
|
}, [requestInputChangeDebounce, resetIsUserTypingDebounce]);
|
|
578
|
+
useEffect(function () {
|
|
579
|
+
if (isChipsCollapsable && !isInputFocused.current && isNeedCheckChipCollapsableCount.current) {
|
|
580
|
+
collapsableChipsCount.current = selectedEntries.length - visibleChipsCount.current;
|
|
581
|
+
}
|
|
582
|
+
}, [isChipsCollapsable, selectedEntries]);
|
|
546
583
|
var OptionComponent = useCallback(function (props) { return _jsx(Option, __assign({}, props, { children: props.children })); }, []);
|
|
547
584
|
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]);
|
|
548
585
|
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 }) }) }))); };
|
|
549
|
-
var MultiValueLabelComponent = function (props) { return _jsx(MultiValueLabel, __assign({}, props, { transformCurrentChipToInputValue: transformCurrentChipToInputValue })); };
|
|
550
|
-
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:
|
|
586
|
+
var MultiValueLabelComponent = useCallback(function (props) { return (_jsx(MultiValueLabel, __assign({}, props, { platform: platform, transformCurrentChipToInputValue: transformCurrentChipToInputValue, handleBlurDropdown: function () { return handleDragBlur(true); } }))); }, [transformCurrentChipToInputValue, platform]);
|
|
587
|
+
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: onSelectBlur, autoFocus: autoFocus, onFocus: function () { return handleFocus(); }, instanceId: userDropdownId, components: {
|
|
551
588
|
Input: Input,
|
|
552
589
|
MultiValueLabel: MultiValueLabelComponent,
|
|
553
590
|
MultiValueRemove: MultiValueRemove,
|
|
@@ -559,5 +596,5 @@ var UserDropdown = function (_a) {
|
|
|
559
596
|
NoOptionsMessage: NoOptionsButton,
|
|
560
597
|
} })] })), renderHint(), _jsx(Modal, { isModalOpen: !isNull(modalData), platform: platform, content: modalContent, isBottomSheet: isMobilePlatform(platform), backgroundColor: "var(--color-bg-blackout-transparent)", handleCloseModal: handleCloseModal })] })));
|
|
561
598
|
};
|
|
562
|
-
export default UserDropdown;
|
|
599
|
+
export default memo(UserDropdown);
|
|
563
600
|
//# sourceMappingURL=UserDropdown.js.map
|