@expressms/smartapp-ui 2.9.19 → 2.9.20-alpha.1

package/build/main//321/201omponents/ContextMenu/ContextMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.js","sourceRoot":"","sources":["../../../../src/сomponents/ContextMenu/ContextMenu.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ContextMenu.js","sourceRoot":"","sources":["../../../../src/сomponents/ContextMenu/ContextMenu.tsx"],"names":[],"mappings":"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"}

package/build/main//321/201omponents/ContextMenu/types.d.ts

@@ -1,5 +1,5 @@
 import { ReactElement, ReactNode } from 'react';
-import { ICommonProps, TStyles } from '../../constants';
+import { ICommonProps, TCoords, TStyles } from '../../constants';
 export type MenuItem<T extends unknown = any> = {
     isNegativeAction?: boolean;
     isSelected?: boolean;
@@ -16,10 +16,7 @@ export interface IContextMenuProps<T extends unknown = any> extends ICommonProps
     isMenuOpen: boolean;
     isCloseOnItemClick?: boolean;
     isClickForbidden?: boolean;
-    position: {
-        x: number;
-        y: number;
-    };
+    position: TCoords;
     menuWidth?: number;
     containerClassName?: string;
     menuClassName?: string;
@@ -30,5 +27,5 @@ export interface IContextMenuProps<T extends unknown = any> extends ICommonProps
     items: MenuItem[];
     actionData?: T;
     topSlot?: ReactNode;
-    closeMenu: () => void;
+    closeMenu: (shouldCloseDropdown?: boolean) => void;
 }

package/build/main//321/201omponents/UserDropdown/MultiValueLabel/MultiValueLabel.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import '../../../styles/styles.scss';
-declare const MultiValueLabel: (props: any) => import("react/jsx-runtime").JSX.Element | null;
-export default MultiValueLabel;
+declare const _default: React.MemoExoticComponent<(props: any) => import("react/jsx-runtime").JSX.Element | null>;
+export default _default;

package/build/main//321/201omponents/UserDropdown/MultiValueLabel/MultiValueLabel.js

@@ -10,14 +10,14 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useRef, useState } from 'react';
+import { memo, useEffect, useRef, useState } from 'react';
 import { components } from 'react-select';
 import Popup from 'reactjs-popup';
 import classNames from 'classnames';
 import { isEqual } from 'lodash';
 import Avatar from '../../Avatar';
 import Chip from '../../Chip';
-import { generateAvatarIcon, generateClassNames, isValueEqualToZero, renderUserIcon } from '../../../helpers';
+import { generateAvatarIcon, generateClassNames, isMobilePlatform, isValueEqualToZero, renderUserIcon } from '../../../helpers';
 import { COLOR_CHIP } from '../../../constants';
 import { AVATAR_SIZES } from '../../Avatar/types';
 import '../../../styles/styles.scss';
@@ -27,17 +27,18 @@ var POPUP_PADDINGS = 24;
 var POPUP_MARGINS = 32;
 var POPUP_MARGIN_TOP = 1;
 var MultiValueLabel = function (props) {
-    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;
+    var data = props.data, transformCurrentChipToInputValue = props.transformCurrentChipToInputValue, onRequestFocus = props.onRequestFocus, _a = props.selectProps, isDisabled = _a.isDisabled, selectedUsers = _a.value, onChange = _a.onChange, instanceId = _a.instanceId;
     var multiValueLabelRef = useRef(null);
     var popupRef = useRef(null);
     var popupContentRef = useRef(null);
-    var _c = useState(-1), left = _c[0], setLeft = _c[1];
-    var _d = useState(-1), top = _d[0], setTop = _d[1];
-    var _e = useState(null), timeoutId = _e[0], setTimeoutId = _e[1];
-    var _f = useState(POPUP_HIDDEN_CLASSNAME), hiddenClassName = _f[0], setHiddenClassName = _f[1];
-    var _g = useState(false), isOpenContextMenu = _g[0], setIsOpenContextMenu = _g[1];
-    var _h = useState(false), isChipHovered = _h[0], setIsChipHovered = _h[1];
-    var _j = useState(false), isShowPopup = _j[0], setIsShowPopup = _j[1];
+    var _b = useState(-1), left = _b[0], setLeft = _b[1];
+    var _c = useState(-1), top = _c[0], setTop = _c[1];
+    var _d = useState(null), timeoutId = _d[0], setTimeoutId = _d[1];
+    var _e = useState(POPUP_HIDDEN_CLASSNAME), hiddenClassName = _e[0], setHiddenClassName = _e[1];
+    var _f = useState(false), isOpenContextMenu = _f[0], setIsOpenContextMenu = _f[1];
+    var _g = useState(false), isChipHovered = _g[0], setIsChipHovered = _g[1];
+    var _h = useState(false), isShowPopup = _h[0], setIsShowPopup = _h[1];
+    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;
     var isPopupVisible = isChipHovered && !isOpenContextMenu && name && email && isSelectedChipHasTooltip;
     useEffect(function () {
         label && isResetChipsToInputValue && transformCurrentChipToInputValue(label, email);
@@ -68,18 +69,28 @@ var MultiValueLabel = function (props) {
         return selectedUserValue === value && selectedUserLabel === label;
     });
     var handleDelete = function () { return onChange(selectedUsers.filter(function (user) { return !isEqual(user, props.data); })); };
-    var handleMouseDown = function (event) {
-        event.preventDefault();
-        event.stopPropagation();
-    };
-    var handleTouchEnd = function (event) { return event.stopPropagation(); };
     var handleMouseEnter = function () { return !isOpenContextMenu && setIsChipHovered(true); };
     var handleMouseLeave = function () { return setIsChipHovered(false); };
-    var handleContextMenu = function () {
+    var handleContextMenu = function (isOpen, shouldFocusDropdown) {
         var _a;
+        if (isOpenContextMenu === isOpen)
+            return;
+        setIsOpenContextMenu(isOpen);
         setIsChipHovered(false);
         setIsShowPopup(false);
         (_a = popupRef.current) === null || _a === void 0 ? void 0 : _a.close();
+        if (shouldFocusDropdown) {
+            onRequestFocus === null || onRequestFocus === void 0 ? void 0 : onRequestFocus();
+        }
+    };
+    var handlePreventEvent = function (event) {
+        if (event.type.includes('touch')) {
+            event.stopPropagation();
+        }
+        else {
+            event.preventDefault();
+            event.stopPropagation();
+        }
     };
     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 }))] }))] }))); };
     var handleOpenPopup = function () {
@@ -115,16 +126,16 @@ var MultiValueLabel = function (props) {
                     '--multi-value-label-content-left': "".concat(left, "px"),
                     '--multi-value-label-content-top': "".concat(top, "px"),
                     '--multi-value-label-content-max-width': "".concat(popupContentMaxWidth, "px"),
-                }, trigger: function () { return (_jsx("div", __assign({ onMouseDown: handleMouseDown, onTouchEnd: handleTouchEnd, onContextMenu: handleContextMenu, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave }, { children: _jsx(Chip, { language: language, name: label, email: email, uid: uid, isOpenContextMenu: isOpenContextMenu, setIsOpenContextMenu: setIsOpenContextMenu, isMyContacts: isMyContacts, isWarning: isWarning, userType: userType, avatar: avatar, isLoading: isLoading, isError: isBusyAtSelectedTime, isDisabled: isDisabled || isNotRemovable, isEye: isPrivateSchedule, onDelete: handleDelete, contextMenuItems: contextMenuItems, platform: platform }) }))); } }, { children: renderPopupContent() })) })));
+                }, 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() })) })));
     }
     if (isChipsCollapsable && !isInputFocused && userIndex === lastVisibleChipIndex && !noChipsCount) {
         return (_jsxs("div", __assign({ className: generateClassNames({
                 className: 'multi-value-label-counter',
                 delimiter: '__',
                 additionalClassName: platform,
-            }), onTouchEnd: handleTouchEnd }, { children: ["+", collapsableChipsCount] })));
+            }), onTouchEnd: handlePreventEvent }, { children: ["+", collapsableChipsCount] })));
     }
     return null;
 };
-export default MultiValueLabel;
+export default memo(MultiValueLabel);
 //# sourceMappingURL=MultiValueLabel.js.map

package/build/main//321/201omponents/UserDropdown/MultiValueLabel/MultiValueLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiValueLabel.js","sourceRoot":"","sources":["../../../../../src/сomponents/UserDropdown/MultiValueLabel/MultiValueLabel.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"MultiValueLabel.js","sourceRoot":"","sources":["../../../../../src/сomponents/UserDropdown/MultiValueLabel/MultiValueLabel.tsx"],"names":[],"mappings":"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"}

package/build/main//321/201omponents/UserDropdown/UserDropdown.d.ts

@@ -1,5 +1,5 @@
+import React from 'react';
 import { IUserDropdownProps } from './types';
 import '../../styles/styles.scss';
-export declare const EMAIL_FIELD = "email";
-declare const UserDropdown: ({ 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, onInputChange, onChange, onMenuOpen, onMenuClose, onLoadNextPage, }: IUserDropdownProps) => import("react/jsx-runtime").JSX.Element;
-export default UserDropdown;
+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>;
+export default _default;

package/build/main//321/201omponents/UserDropdown/UserDropdown.js

@@ -20,12 +20,13 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 /* eslint-disable max-lines */
-import { useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState } from 'react';
+import { memo, useCallback, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from 'react';
 import Select, { components } from 'react-select';
 import classNames from 'classnames';
 import { ru } from 'convert-layout';
 import { debounce, includes, isEmpty, isNil, isNull, isString, omit, uniq, uniqBy } from 'lodash';
 import { transliterate as tr } from 'transliteration';
+import { useDroppable } from '@dnd-kit/core';
 import Modal from '../Modal';
 import ContactBottomSheet from './ContactBottomSheet/ContactBottomSheet';
 import LoadingMessage from './LoadingMessage/LoadingMessage';
@@ -34,9 +35,9 @@ import MultiValueLabel from './MultiValueLabel/MultiValueLabel';
 import Option from './Option/Option';
 import SearchInCatalogButton from './SearchInCatalogButton/SearchInCatalogButton';
 import selectStyles from './selectStyles';
-import { generateId, isIosPlatform, isMobilePlatform } from '../../helpers';
+import { generateId, isMobilePlatform } from '../../helpers';
 import { DropdownIndicator, IndicatorSeparator, LoadingIndicator, MultiValueRemove, generateContactsOption, generateContactsOptionsToSelect, generateCorporateOption, generateCorporateOptionsToSelect, generateEnteredByUserOption, sortContacts, } from './helpers';
-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';
+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';
 import '../../styles/styles.scss';
 var MIN_INPUT_SYMBOLS = 3;
 var THREE_DIGIT_NUMBER_WIDTH = 48;
@@ -46,7 +47,7 @@ var INPUT_SPACE_WIDTH = 46;
 var GAP = 8;
 var USER_TYPING_TIMEOUT = 1000;
 var FILLED_INPUT_PL = '7px';
-export var EMAIL_FIELD = 'email';
+var RENDER_DELAY = 50;
 var MENU_ACTIONS;
 (function (MENU_ACTIONS) {
     MENU_ACTIONS["close"] = "menu-close";
@@ -82,31 +83,40 @@ var EXCLUDED_FIELDS;
 var COMMON_FIELDS_TO_OMIT = Object.keys(omit(EXCLUDED_FIELDS, [EXCLUDED_FIELDS.language, EXCLUDED_FIELDS.isEnteredByUser]));
 var Input = function (props) { return _jsx(components.Input, __assign({}, props, { enterKeyHint: "done" })); };
 var UserDropdown = function (_a) {
-    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;
-    var _z = useState(''), userDropdownId = _z[0], setUserDropdownId = _z[1];
-    var _0 = useState([]), selectedUsers = _0[0], setSelectedUsers = _0[1];
-    var _1 = useState(null), timeoutId = _1[0], setTimeoutId = _1[1];
-    var _2 = useState(''), paddingLeft = _2[0], setPaddingLeft = _2[1];
-    var _3 = useState(0), maskWidth = _3[0], setMaskWidth = _3[1];
-    var _4 = useState(false), isError = _4[0], setIsError = _4[1];
-    var _5 = useState(true), isSearchable = _5[0], setIsSearchable = _5[1];
-    var _6 = useState(false), isUserTyping = _6[0], setIsUserTyping = _6[1];
-    var _7 = useState(null), modalData = _7[0], setModalData = _7[1];
-    var _8 = useState(''), chipLabelWithMaxWidth = _8[0], setChipLabelWithMaxWidth = _8[1];
-    var _9 = useState(''), inputValue = _9[0], setInputValue = _9[1];
+    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;
+    var _0 = useState(initialId), userDropdownId = _0[0], setUserDropdownId = _0[1];
+    var _1 = useState([]), selectedUsers = _1[0], setSelectedUsers = _1[1];
+    var _2 = useState(null), timeoutId = _2[0], setTimeoutId = _2[1];
+    var _3 = useState(''), paddingLeft = _3[0], setPaddingLeft = _3[1];
+    var _4 = useState(0), maskWidth = _4[0], setMaskWidth = _4[1];
+    var _5 = useState(false), isError = _5[0], setIsError = _5[1];
+    var _6 = useState(true), isSearchable = _6[0], setIsSearchable = _6[1];
+    var _7 = useState(false), isUserTyping = _7[0], setIsUserTyping = _7[1];
+    var _8 = useState(null), modalData = _8[0], setModalData = _8[1];
+    var _9 = useState(''), chipLabelWithMaxWidth = _9[0], setChipLabelWithMaxWidth = _9[1];
+    var _10 = useState(''), inputValue = _10[0], setInputValue = _10[1];
     var isInputFocused = useRef(false);
     var selectRef = useRef(null);
     var maskRef = useRef(null);
     var menuScrollFromTop = useRef(0);
     var collapsableChipsCount = useRef(0);
+    var visibleChipsCount = useRef(0);
+    var isNeedCheckChipCollapsableCount = useRef(false);
     var lastVisibleChipIndex = useRef(-1);
     var skipAddUserToChipsOnNextBlurRef = useRef(false);
     var selectedUsersLength = selectedUsers.length;
+    var _11 = useDroppable({ id: userDropdownId }), setNodeRef = _11.setNodeRef, over = _11.over;
+    var overId = (over || {}).id;
+    var isDraggable = overId === userDropdownId;
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    useImperativeHandle(focusRef, function () { return ({ focus: handleFocus, blur: function () { return handleDragBlur(true); } }); }, []);
     var checkIsValueIsEmail = function (inputValue) {
         var regex = new RegExp(/^(([^<>()[\].,;:\s@"]+(\.[^<>()[\].,;:\s@"]+)*)|(".+"))@(([^<>()[\].,;:\s@"]+\.)+[^<>()[\].,;:\s@"]{2,})$/);
         return regex.test(inputValue);
     };
-    var checkIsEmailToExclude = function (email) { return includes(emailsToExclude, email); };
+    // TODO: emailsToExclude в массиве зависимостей вызывает бесконечный ререндер при драге
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    var checkIsEmailToExclude = useCallback(function (email) { return includes(emailsToExclude, email); }, []);
     var calculatePaddingLeft = function () {
         var _a, _b;
         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) {
             isInputHidden: isInputHidden,
             isDisabledMenuOffsetAtFullscreen: isDisabledMenuOffsetAtFullscreen,
             isInputFocused: isInputFocused.current,
+            isDraggable: isDraggable,
+            isChipsCollapsed: isChipsCollapsable && !isInputFocused.current,
         });
     };
     var generateNoOptionsMessage = function (_a) {
@@ -181,13 +193,13 @@ var UserDropdown = function (_a) {
         }, USER_TYPING_TIMEOUT);
     }, [onInputChange]);
     var resetIsUserTypingDebounce = useMemo(function () { return debounce(function () { return setIsUserTyping(false); }, USER_TYPING_TIMEOUT); }, []);
-    var handleResetError = function () { return isError && setIsError(false); };
+    var handleResetError = useCallback(function () { return isError && setIsError(false); }, [isError]);
     var handleMenuClose = function () {
         menuScrollFromTop.current = 0;
         handleResetError();
         onMenuClose && onMenuClose();
     };
-    var handleInputChange = function (inputValue, additionalInfo) {
+    var handleInputChange = useCallback(function (inputValue, additionalInfo) {
         if (additionalInfo) {
             var action = additionalInfo.action, prevInputValue = additionalInfo.prevInputValue;
             var trimPrevInputValue_1 = prevInputValue.trim();
@@ -206,7 +218,7 @@ var UserDropdown = function (_a) {
         setIsUserTyping(!isEmpty(inputValue));
         handleResetError();
         inputValue.length >= MIN_INPUT_SYMBOLS ? requestInputChangeDebounce(inputValue) : resetIsUserTypingDebounce();
-    };
+    }, [checkIsEmailToExclude, handleResetError, selectedUsers, requestInputChangeDebounce, resetIsUserTypingDebounce]);
     var extractInputEmails = function (inputValue) {
         return inputValue
             .split(/[,;]+/)
@@ -292,7 +304,7 @@ var UserDropdown = function (_a) {
             (_c = (_b = selectRef.current) === null || _b === void 0 ? void 0 : _b.onMenuOpen) === null || _c === void 0 ? void 0 : _c.call(_b);
         }
     };
-    var transformCurrentChipToInputValue = function (label, email) {
+    var transformCurrentChipToInputValue = useCallback(function (label, email) {
         var _a, _b;
         skipAddUserToChipsOnNextBlurRef.current = true;
         setSelectedUsers(function (prevSelectedUsers) {
@@ -309,7 +321,7 @@ var UserDropdown = function (_a) {
         onMenuOpen === null || onMenuOpen === void 0 ? void 0 : onMenuOpen();
         (_b = (_a = selectRef.current) === null || _a === void 0 ? void 0 : _a.onMenuOpen) === null || _b === void 0 ? void 0 : _b.call(_a);
         setIsUserTyping(false);
-    };
+    }, [onInputChange, handleInputChange, onMenuOpen, onChange]);
     var handleChange = function (newSelectedUsers) {
         var uniqNewSelectedUsers = isDisabledCheckUniqueEmails ? newSelectedUsers : uniqBy(newSelectedUsers, EMAIL_FIELD);
         var users = [];
@@ -415,11 +427,14 @@ var UserDropdown = function (_a) {
                 }
             }
         });
+        var visibleChipsCurrentCount = chips.length - collapsableChips;
+        isNeedCheckChipCollapsableCount.current = true;
+        visibleChipsCount.current = visibleChipsCurrentCount;
         collapsableChipsCount.current = collapsableChips;
-        lastVisibleChipIndex.current = chips.length - collapsableChips;
+        lastVisibleChipIndex.current = visibleChipsCurrentCount;
         setChipLabelWithMaxWidth(chipLabelWithMaxWidth || generateId());
     };
-    var handleUnCollapseChips = function () {
+    var handleUnCollapseChips = useCallback(function () {
         var _a;
         if (!userDropdownId)
             return;
@@ -430,35 +445,52 @@ var UserDropdown = function (_a) {
             var chipLabel = ((_a = chip.querySelector('.smartapp-chip__info--name')) === null || _a === void 0 ? void 0 : _a.innerHTML) || '';
             chipLabel === chipLabelWithMaxWidth && (chip.style.maxWidth = '100%');
         });
+        isNeedCheckChipCollapsableCount.current = false;
+        visibleChipsCount.current = chips.length;
         collapsableChipsCount.current = 0;
         lastVisibleChipIndex.current = -1;
         setChipLabelWithMaxWidth('');
+    }, [chipLabelWithMaxWidth, userDropdownId]);
+    var handleDragBlur = function (isDisableCheckFocused) {
+        var _a;
+        if (!isInputFocused.current && !isDisableCheckFocused)
+            return;
+        if (selectRef.current)
+            selectRef.current._preventBlur = false;
+        (_a = selectRef.current) === null || _a === void 0 ? void 0 : _a.blur();
     };
     var handleBlur = function () {
-        var _a;
-        var shouldSkipAddUserToChipsOnNextBlur = skipAddUserToChipsOnNextBlurRef.current;
+        var _a, _b, _c, _d;
+        if (((_a = selectRef.current) === null || _a === void 0 ? void 0 : _a._preventBlur) ||
+            ((_b = selectRef.current) === null || _b === void 0 ? void 0 : _b._contextMenuOpen) ||
+            ((_c = selectRef.current) === null || _c === void 0 ? void 0 : _c._isDragging) ||
+            skipAddUserToChipsOnNextBlurRef.current)
+            return;
         var onBlurComplete = function () {
             isChipsCollapsable && handleCollapseChips();
             isInputFocused.current = false;
         };
-        if (shouldSkipAddUserToChipsOnNextBlur) {
-            onBlurComplete();
-            return;
-        }
-        else
-            (_a = handleAddUser(false)) === null || _a === void 0 ? void 0 : _a.then(onBlurComplete);
-        skipAddUserToChipsOnNextBlurRef.current = false;
+        (_d = handleAddUser(false)) === null || _d === void 0 ? void 0 : _d.then(onBlurComplete);
     };
-    var handleFocus = function () {
-        if (isIosPlatform(platform)) {
-            new Promise(function (resolve) { return resolve(); }).then(function () { var _a; return (_a = selectRef.current) === null || _a === void 0 ? void 0 : _a.focus(); });
-        }
-        else {
-            setTimeout(function () { var _a; return (_a = selectRef.current) === null || _a === void 0 ? void 0 : _a.focus(); }, 100);
-        }
+    var onSelectBlur = function () {
+        setTimeout(handleBlur, RENDER_DELAY);
+    };
+    var handleFocus = useCallback(function (isDisableCheckFocused) {
+        if (isInputFocused.current && !isDisableCheckFocused)
+            return;
         isInputFocused.current = true;
+        setTimeout(function () {
+            if (selectRef.current && !selectRef.current._preventBlur) {
+                selectRef.current.focus();
+            }
+        }, RENDER_DELAY);
         isChipsCollapsable && handleUnCollapseChips();
-    };
+    }, [isChipsCollapsable, handleUnCollapseChips]);
+    var forceFocus = useCallback(function () {
+        setTimeout(function () {
+            handleFocus(true);
+        }, RENDER_DELAY);
+    }, [handleFocus]);
     var handleCloseModal = function () {
         setModalData(null);
         setIsSearchable(true);
@@ -493,7 +525,7 @@ var UserDropdown = function (_a) {
     }, [userDropdownId]);
     useLayoutEffect(function () {
         if (userDropdownId) {
-            isChipsCollapsable ? handleCollapseChips() : handleUnCollapseChips();
+            setTimeout(function () { return (isChipsCollapsable ? handleCollapseChips() : handleUnCollapseChips()); }, RENDER_DELAY);
         }
         // eslint-disable-next-line
     }, [isChipsCollapsable, userDropdownId]);
@@ -506,7 +538,12 @@ var UserDropdown = function (_a) {
     useEffect(function () {
         if (!isEmpty(selectedEntries)) {
             setSelectedUsers(selectedEntries.map(function (entity) {
-                var isWarning = entity.isWarning, isLoading = entity.isLoading, uid = entity.uid, userType = entity.userType, contextMenuItems = entity.contextMenuItems, isResetChipsToInputValue = entity.isResetChipsToInputValue;
+                var isWarning = entity.isWarning, isLoading = entity.isLoading, uid = entity.uid, userType = entity.userType, currentContextItems = entity.contextMenuItems, isResetChipsToInputValue = entity.isResetChipsToInputValue;
+                var contextMenuItems = currentContextItems === null || currentContextItems === void 0 ? void 0 : currentContextItems.map(function (item) { return (__assign(__assign({}, item), { action: function (data) {
+                        var _a;
+                        (_a = item.action) === null || _a === void 0 ? void 0 : _a.call(item, data);
+                        isMobilePlatform(platform) && handleFocus(true);
+                    } })); });
                 var commonFields = {
                     platform: platform,
                     layoutType: layoutType,
@@ -529,6 +566,8 @@ var UserDropdown = function (_a) {
                 return 'contacts' in entity ? generateCorporateOption(__assign({ option: entity }, commonFields)) : generatedNotCorporateEntity;
             }));
         }
+        else
+            setSelectedUsers([]);
         // eslint-disable-next-line
     }, [selectedEntries]);
     useEffect(function () {
@@ -544,11 +583,16 @@ var UserDropdown = function (_a) {
             resetIsUserTypingDebounce.cancel();
         };
     }, [requestInputChangeDebounce, resetIsUserTypingDebounce]);
+    useEffect(function () {
+        if (isChipsCollapsable && !isInputFocused.current && isNeedCheckChipCollapsableCount.current) {
+            collapsableChipsCount.current = selectedEntries.length - visibleChipsCount.current;
+        }
+    }, [isChipsCollapsable, selectedEntries]);
     var OptionComponent = useCallback(function (props) { return _jsx(Option, __assign({}, props, { children: props.children })); }, []);
     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]);
     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 }) }) }))); };
-    var MultiValueLabelComponent = function (props) { return _jsx(MultiValueLabel, __assign({}, props, { transformCurrentChipToInputValue: transformCurrentChipToInputValue })); };
-    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: {
+    var MultiValueLabelComponent = useCallback(function (props) { return (_jsx(MultiValueLabel, __assign({}, props, { platform: platform, transformCurrentChipToInputValue: transformCurrentChipToInputValue, handleBlurDropdown: function () { return handleDragBlur(true); }, onRequestFocus: forceFocus }))); }, [transformCurrentChipToInputValue, platform, forceFocus]);
+    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: {
                             Input: Input,
                             MultiValueLabel: MultiValueLabelComponent,
                             MultiValueRemove: MultiValueRemove,
@@ -560,5 +604,5 @@ var UserDropdown = function (_a) {
                             NoOptionsMessage: NoOptionsButton,
                         } })] })), renderHint(), _jsx(Modal, { isModalOpen: !isNull(modalData), platform: platform, content: modalContent, isBottomSheet: isMobilePlatform(platform), backgroundColor: "var(--color-bg-blackout-transparent)", handleCloseModal: handleCloseModal })] })));
 };
-export default UserDropdown;
+export default memo(UserDropdown);
 //# sourceMappingURL=UserDropdown.js.map