@expressms/smartapp-ui 3.0.0-alpha.47 → 3.0.0-alpha.49

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 { memo, useEffect, useRef, useState } from 'react';
+import { 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 { checkIfContactTypeIsGroup, generateAvatarIcon, generateFontFamilyStyle, isMobilePlatform, isValueEqualToZero, renderUserIcon, } from '../../../helpers';
+import { generateAvatarIcon, generateFontFamilyStyle, isValueEqualToZero, renderUserIcon } from '../../../helpers';
 import { COLORS } from '../../../constants';
 import { AVATAR_SIZES } from '../../Avatar/types';
 import '../../../styles/styles.scss';
@@ -25,30 +25,26 @@ var POPUP_APPEARANCE_DELAY = 1500;
 var POPUP_HIDDEN_CLASSNAME = 'multi-value-info-hidden';
 var POPUP_PADDINGS = 16;
 var POPUP_MARGINS = 32;
-var POPUP_MARGIN_TOP = 4;
-var TOUCH = 'touch';
+var POPUP_MARGIN_TOP = 1;
 var MultiValueLabel = function (props) {
-    var data = props.data, transformCurrentChipToInputValue = props.transformCurrentChipToInputValue, handleRequestFocus = props.handleRequestFocus, isChipsOutline = props.isChipsOutline, _a = props.selectProps, isDisabled = _a.isDisabled, selectedUsers = _a.value, onChange = _a.onChange, instanceId = _a.instanceId;
-    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, organizerName = data.organizerName, fontFamily = data.fontFamily, isOrganizerShort = data.isOrganizerShort, 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 _a = props.data, value = _a.value, label = _a.label, name = _a.name, organizerName = _a.organizerName, email = _a.email, uid = _a.uid, isResetChipsToInputValue = _a.isResetChipsToInputValue, avatar = _a.avatar, platform = _a.platform, fontFamily = _a.fontFamily, contextMenuItems = _a.contextMenuItems, language = _a.language, userType = _a.userType, isMyContacts = _a.isMyContacts, isOrganizerShort = _a.isOrganizerShort, 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, isChipsOutline = props.isChipsOutline;
     var multiValueLabelRef = useRef(null);
     var popupRef = useRef(null);
     var popupContentRef = useRef(null);
-    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 _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 isPopupVisible = isChipHovered && !isOpenContextMenu && name && email && isSelectedChipHasTooltip;
     useEffect(function () {
-        label && isResetChipsToInputValue && transformCurrentChipToInputValue(label, checkIfContactTypeIsGroup(userType) ? uid : email);
+        label && isResetChipsToInputValue && transformCurrentChipToInputValue(label, email);
         // eslint-disable-next-line
     }, [isResetChipsToInputValue]);
     useEffect(function () {
         var _a;
-        if (isMobilePlatform(platform))
-            return;
         if (isPopupVisible) {
             var timer_1 = setTimeout(function () {
                 if (isChipHovered && !isOpenContextMenu) {
@@ -63,7 +59,7 @@ var MultiValueLabel = function (props) {
             (_a = popupRef.current) === null || _a === void 0 ? void 0 : _a.close();
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [isPopupVisible, isChipHovered, isOpenContextMenu, platform]);
+    }, [isPopupVisible, isChipHovered, isOpenContextMenu]);
     var windowInnerWidth = window.innerWidth;
     var popupContentMaxWidth = windowInnerWidth - POPUP_MARGINS - POPUP_PADDINGS;
     var noChipsCount = isValueEqualToZero(collapsableChipsCount);
@@ -72,23 +68,18 @@ 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 (isOpen, shouldFocusDropdown) {
+    var handleContextMenu = function () {
         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)
-            handleRequestFocus === null || handleRequestFocus === void 0 ? void 0 : handleRequestFocus();
-    };
-    var handlePreventEvent = function (event) {
-        var type = event.type;
-        event.stopPropagation();
-        !type.includes(TOUCH) && event.preventDefault();
     };
     var renderPopupContent = function () { return (_jsxs("div", __assign({ ref: popupContentRef, className: "smartapp-multi-value-label" }, { children: [_jsx(Avatar, { fontFamily: fontFamily, icon: generateAvatarIcon(userType), username: label, avatar: avatar, size: AVATAR_SIZES.size_32, isEye: isPrivateSchedule, outlineDefaultBackground: COLORS.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: userType, isMyContacts: isMyContacts }) })), _jsx("span", { children: name })] })), _jsx("div", __assign({ className: "smartapp-multi-value-label__content--email" }, { children: email }))] }))] }))); };
     var handleOpenPopup = function () {
@@ -111,7 +102,7 @@ var MultiValueLabel = function (props) {
             if (left !== nextLeftValue) {
                 popupRefCurrent.close();
                 setLeft(nextLeftValue);
-                setTop(top_1 + height + POPUP_MARGIN_TOP);
+                setTop(top_1 + height - POPUP_MARGIN_TOP);
                 var nextTimeoutId = setTimeout(function () { var _a; return (_a = popupRef.current) === null || _a === void 0 ? void 0 : _a.open(); }, 0);
                 setTimeoutId(nextTimeoutId);
             }
@@ -120,14 +111,14 @@ var MultiValueLabel = function (props) {
     };
     var handleClosePopup = function () { return timeoutId && clearTimeout(timeoutId); };
     if (!isChipsCollapsable || isInputFocused || (!isInputFocused && userIndex < lastVisibleChipIndex) || noChipsCount) {
-        return (_jsx(components.MultiValueLabel, __assign({}, props, { innerProps: { ref: multiValueLabelRef } }, { children: _jsx(Popup, __assign({ ref: popupRef, onOpen: handleOpenPopup, onClose: handleClosePopup, arrow: false, open: isShowPopup, disabled: isMobilePlatform(platform), className: classNames('multi-value-info', hiddenClassName), contentStyle: __assign({ '--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") }, generateFontFamilyStyle(fontFamily)), trigger: function () { return (_jsx("div", __assign({ onMouseDown: handlePreventEvent, onTouchEnd: isMobilePlatform(platform) ? undefined : handlePreventEvent, onContextMenu: handlePreventEvent, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave }, { children: _jsx(Chip, { fontFamily: fontFamily, language: language, name: label || email, email: email, uid: uid, setIsOpenContextMenu: handleContextMenu, isMyContacts: isMyContacts, organizerName: organizerName, isOrganizerShort: isOrganizerShort, isWarning: isWarning, userType: userType, avatar: avatar, isLoading: isLoading, isError: isBusyAtSelectedTime, isDisabled: isDisabled || isNotRemovable, isEye: isPrivateSchedule, isOutline: isChipsOutline, onDelete: handleDelete, contextMenuItems: contextMenuItems, platform: platform, draggableData: __assign(__assign({}, data), { selectRef: selectRef }), dropdownId: instanceId }) }))); } }, { children: renderPopupContent() })) })));
+        return (_jsx(components.MultiValueLabel, __assign({}, props, { innerProps: { ref: multiValueLabelRef } }, { children: _jsx(Popup, __assign({ ref: popupRef, onOpen: handleOpenPopup, onClose: handleClosePopup, arrow: false, open: isShowPopup, className: classNames('multi-value-info', hiddenClassName), contentStyle: __assign({ '--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") }, generateFontFamilyStyle(fontFamily)), trigger: function () { return (_jsx("div", __assign({ onMouseDown: handleMouseDown, onTouchEnd: handleTouchEnd, onContextMenu: handleContextMenu, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave }, { children: _jsx(Chip, { fontFamily: fontFamily, language: language, name: label, email: email, uid: uid, isOpenContextMenu: isOpenContextMenu, setIsOpenContextMenu: setIsOpenContextMenu, isMyContacts: isMyContacts, organizerName: organizerName, isOrganizerShort: isOrganizerShort, isWarning: isWarning, userType: userType, avatar: avatar, isLoading: isLoading, isError: isBusyAtSelectedTime, isDisabled: isDisabled || isNotRemovable, isEye: isPrivateSchedule, isOutline: isChipsOutline, onDelete: handleDelete, contextMenuItems: contextMenuItems, platform: platform }) }))); } }, { children: renderPopupContent() })) })));
     }
     if (isChipsCollapsable && !isInputFocused && userIndex === lastVisibleChipIndex && !noChipsCount) {
         return (_jsxs("div", __assign({ className: classNames('multi-value-label-counter', "multi-value-label-counter__".concat(platform), {
                 'multi-value-label-counter__outline': isChipsOutline,
-            }), onTouchEnd: handlePreventEvent }, { children: ["+", collapsableChipsCount] })));
+            }), onTouchEnd: handleTouchEnd }, { children: ["+", collapsableChipsCount] })));
     }
     return null;
 };
-export default memo(MultiValueLabel);
+export default 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';
-declare const _default: React.MemoExoticComponent<({ platform, fontFamily, isDisabled, isLoading, isChipsOutline, isChipsVisible, isChipsCollapsable, isSelectedChipHasTooltip, isMenuCloseOnSelect, isFilteringDisabled, hasNextPage, isNextPageLoading, isInputHidden, isBackspaceChipToInput, isShowCatalogSearchButton, isDisabledMenuOffsetAtFullscreen, isDisabledCheckUniqueEmails, isMenuShadowless, language, layoutType, externalInputValue, title, mask, suffix, placeholder, hint, onShowCatalogSearchButtonClick, noOptionsMessage, maxMembersCount, menuPosition, menuLocation, menuPortalTarget, autoFocus, containerClassName, containerPadding, containerStyles, selectedEntries, corporateEntries, myContactsEntries, emailsToExclude, userDropdownId: initialUserDropdownId, focusRef, onInputChange, onChange, onMenuOpen, onMenuClose, onLoadNextPage, }: IUserDropdownProps) => import("react/jsx-runtime").JSX.Element>;
-export default _default;
+export declare const EMAIL_FIELD = "email";
+declare const UserDropdown: ({ platform, fontFamily, isDisabled, isLoading, isChipsOutline, isChipsVisible, isChipsCollapsable, isSelectedChipHasTooltip, isMenuCloseOnSelect, isFilteringDisabled, hasNextPage, isNextPageLoading, isInputHidden, isBackspaceChipToInput, isShowCatalogSearchButton, isDisabledMenuOffsetAtFullscreen, isDisabledCheckUniqueEmails, isMenuShadowless, language, layoutType, externalInputValue, title, mask, suffix, placeholder, hint, onShowCatalogSearchButtonClick, noOptionsMessage, maxMembersCount, menuPosition, menuLocation, menuPortalTarget, autoFocus, containerClassName, containerPadding, containerStyles, selectedEntries, corporateEntries, myContactsEntries, emailsToExclude, onInputChange, onChange, onMenuOpen, onMenuClose, onLoadNextPage, }: IUserDropdownProps) => import("react/jsx-runtime").JSX.Element;
+export default UserDropdown;

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

@@ -20,13 +20,12 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 };
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable max-lines */
-import { memo, useCallback, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState } from 'react';
+import { useCallback, useEffect, 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 { useCharHintDisplay } from '../../hooks/useCharHintDisplay';
 import Modal from '../Modal';
 import ContactBottomSheet from './ContactBottomSheet/ContactBottomSheet';
@@ -36,9 +35,9 @@ import MultiValueLabel from './MultiValueLabel/MultiValueLabel';
 import Option from './Option/Option';
 import SearchInCatalogButton from './SearchInCatalogButton/SearchInCatalogButton';
 import selectStyles from './selectStyles';
-import { checkIfContactTypeIsGroup, generateFontFamilyStyle, generateId, isIosPlatform, isMobilePlatform } from '../../helpers';
+import { generateFontFamilyStyle, generateId, isIosPlatform, isMobilePlatform } from '../../helpers';
 import { DropdownIndicator, IndicatorSeparator, LoadingIndicator, MultiValueRemove, generateContactsOption, generateContactsOptionsToSelect, generateCorporateOption, generateCorporateOptionsToSelect, generateEnteredByUserOption, sortContacts, } from './helpers';
-import { BACKSPACE_KEY, DEFAULT_INPUT_PADDING, EMAIL_FIELD, ENTER_KEY, EVENT_LISTENER_TYPES, LANGUAGES, LAYOUT_TYPE, MASK_INPUT_PL, MENU_POSITIONS, MIN_INPUT_SYMBOLS, PLATFORM, RENDER_DELAY, SPACE, SPACE_KEY, SUFFIX_INPUT_PR, } from '../../constants';
+import { BACKSPACE_KEY, DEFAULT_INPUT_PADDING, ENTER_KEY, EVENT_LISTENER_TYPES, LANGUAGES, LAYOUT_TYPE, MASK_INPUT_PL, MENU_POSITIONS, MIN_INPUT_SYMBOLS, PLATFORM, SPACE, SPACE_KEY, SUFFIX_INPUT_PR, } from '../../constants';
 import '../../styles/styles.scss';
 var THREE_DIGIT_NUMBER_WIDTH = 48;
 var TWO_DIGIT_NUMBER_WIDTH = 40;
@@ -46,20 +45,7 @@ var SINGLE_DIGIT_NUMBER_WIDTH = 32;
 var INPUT_SPACE_WIDTH = 46;
 var GAP = 8;
 var USER_TYPING_TIMEOUT = 1000;
-var INPUT = 'input';
-var EMPTY_STRING = '';
-var BUBBLES = { bubbles: true };
-var dispatchInputEvent = function (input) { return input.dispatchEvent(new Event(INPUT, BUBBLES)); };
-var setCaretPosition = function (input, position) { return input.setSelectionRange(position, position); };
-var setCaretInEmptyInput = function (input) {
-    input.value = SPACE;
-    dispatchInputEvent(input);
-    setTimeout(function () {
-        input.value = EMPTY_STRING;
-        dispatchInputEvent(input);
-        setCaretPosition(input, 0);
-    }, 0);
-};
+export var EMAIL_FIELD = 'email';
 var MENU_ACTIONS;
 (function (MENU_ACTIONS) {
     MENU_ACTIONS["close"] = "menu-close";
@@ -99,44 +85,35 @@ var Input = function (props) {
     return (_jsxs(_Fragment, { children: [_jsx(components.Input, __assign({}, props, { enterKeyHint: "done" })), suffix && (_jsx("div", __assign({ ref: suffixRef, className: "smartapp-user-dropdown__suffix" }, { children: suffix })))] }));
 };
 var UserDropdown = function (_a) {
-    var _b = _a.platform, platform = _b === void 0 ? PLATFORM.web : _b, fontFamily = _a.fontFamily, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = _a.isLoading, isLoading = _d === void 0 ? false : _d, _e = _a.isChipsOutline, isChipsOutline = _e === void 0 ? false : _e, _f = _a.isChipsVisible, isChipsVisible = _f === void 0 ? true : _f, _g = _a.isChipsCollapsable, isChipsCollapsable = _g === void 0 ? false : _g, _h = _a.isSelectedChipHasTooltip, isSelectedChipHasTooltip = _h === void 0 ? false : _h, _j = _a.isMenuCloseOnSelect, isMenuCloseOnSelect = _j === void 0 ? true : _j, _k = _a.isFilteringDisabled, isFilteringDisabled = _k === void 0 ? false : _k, _l = _a.hasNextPage, hasNextPage = _l === void 0 ? false : _l, _m = _a.isNextPageLoading, isNextPageLoading = _m === void 0 ? false : _m, _o = _a.isInputHidden, isInputHidden = _o === void 0 ? false : _o, _p = _a.isBackspaceChipToInput, isBackspaceChipToInput = _p === void 0 ? false : _p, _q = _a.isShowCatalogSearchButton, isShowCatalogSearchButton = _q === void 0 ? false : _q, _r = _a.isDisabledMenuOffsetAtFullscreen, isDisabledMenuOffsetAtFullscreen = _r === void 0 ? false : _r, _s = _a.isDisabledCheckUniqueEmails, isDisabledCheckUniqueEmails = _s === void 0 ? false : _s, _t = _a.isMenuShadowless, isMenuShadowless = _t === void 0 ? false : _t, _u = _a.language, language = _u === void 0 ? LANGUAGES.ru : _u, _v = _a.layoutType, layoutType = _v === void 0 ? LAYOUT_TYPE.minimal : _v, externalInputValue = _a.externalInputValue, title = _a.title, mask = _a.mask, suffix = _a.suffix, placeholder = _a.placeholder, hint = _a.hint, onShowCatalogSearchButtonClick = _a.onShowCatalogSearchButtonClick, noOptionsMessage = _a.noOptionsMessage, maxMembersCount = _a.maxMembersCount, _w = _a.menuPosition, menuPosition = _w === void 0 ? MENU_POSITIONS.top : _w, menuLocation = _a.menuLocation, menuPortalTarget = _a.menuPortalTarget, _x = _a.autoFocus, autoFocus = _x === void 0 ? false : _x, containerClassName = _a.containerClassName, containerPadding = _a.containerPadding, containerStyles = _a.containerStyles, _y = _a.selectedEntries, selectedEntries = _y === void 0 ? [] : _y, corporateEntries = _a.corporateEntries, myContactsEntries = _a.myContactsEntries, _z = _a.emailsToExclude, emailsToExclude = _z === void 0 ? [] : _z, _0 = _a.userDropdownId, initialUserDropdownId = _0 === void 0 ? EMPTY_STRING : _0, focusRef = _a.focusRef, onInputChange = _a.onInputChange, onChange = _a.onChange, onMenuOpen = _a.onMenuOpen, onMenuClose = _a.onMenuClose, onLoadNextPage = _a.onLoadNextPage;
-    var _1 = useState(initialUserDropdownId), userDropdownId = _1[0], setUserDropdownId = _1[1];
-    var _2 = useState([]), selectedUsers = _2[0], setSelectedUsers = _2[1];
-    var _3 = useState(''), paddingLeft = _3[0], setPaddingLeft = _3[1];
-    var _4 = useState(''), paddingRight = _4[0], setPaddingRight = _4[1];
-    var _5 = useState(0), maskWidth = _5[0], setMaskWidth = _5[1];
-    var _6 = useState(0), suffixWidth = _6[0], setSuffixWidth = _6[1];
-    var _7 = useState(false), isError = _7[0], setIsError = _7[1];
-    var _8 = useState(true), isSearchable = _8[0], setIsSearchable = _8[1];
-    var _9 = useState(false), isUserTyping = _9[0], setIsUserTyping = _9[1];
-    var _10 = useState(null), modalData = _10[0], setModalData = _10[1];
-    var _11 = useState(''), chipLabelWithMaxWidth = _11[0], setChipLabelWithMaxWidth = _11[1];
-    var _12 = useState(''), inputValue = _12[0], setInputValue = _12[1];
+    var _b = _a.platform, platform = _b === void 0 ? PLATFORM.web : _b, fontFamily = _a.fontFamily, _c = _a.isDisabled, isDisabled = _c === void 0 ? false : _c, _d = _a.isLoading, isLoading = _d === void 0 ? false : _d, _e = _a.isChipsOutline, isChipsOutline = _e === void 0 ? false : _e, _f = _a.isChipsVisible, isChipsVisible = _f === void 0 ? true : _f, _g = _a.isChipsCollapsable, isChipsCollapsable = _g === void 0 ? false : _g, _h = _a.isSelectedChipHasTooltip, isSelectedChipHasTooltip = _h === void 0 ? false : _h, _j = _a.isMenuCloseOnSelect, isMenuCloseOnSelect = _j === void 0 ? true : _j, _k = _a.isFilteringDisabled, isFilteringDisabled = _k === void 0 ? false : _k, _l = _a.hasNextPage, hasNextPage = _l === void 0 ? false : _l, _m = _a.isNextPageLoading, isNextPageLoading = _m === void 0 ? false : _m, _o = _a.isInputHidden, isInputHidden = _o === void 0 ? false : _o, _p = _a.isBackspaceChipToInput, isBackspaceChipToInput = _p === void 0 ? false : _p, _q = _a.isShowCatalogSearchButton, isShowCatalogSearchButton = _q === void 0 ? false : _q, _r = _a.isDisabledMenuOffsetAtFullscreen, isDisabledMenuOffsetAtFullscreen = _r === void 0 ? false : _r, _s = _a.isDisabledCheckUniqueEmails, isDisabledCheckUniqueEmails = _s === void 0 ? false : _s, _t = _a.isMenuShadowless, isMenuShadowless = _t === void 0 ? false : _t, _u = _a.language, language = _u === void 0 ? LANGUAGES.ru : _u, _v = _a.layoutType, layoutType = _v === void 0 ? LAYOUT_TYPE.minimal : _v, externalInputValue = _a.externalInputValue, title = _a.title, mask = _a.mask, suffix = _a.suffix, placeholder = _a.placeholder, hint = _a.hint, onShowCatalogSearchButtonClick = _a.onShowCatalogSearchButtonClick, noOptionsMessage = _a.noOptionsMessage, maxMembersCount = _a.maxMembersCount, _w = _a.menuPosition, menuPosition = _w === void 0 ? MENU_POSITIONS.top : _w, menuLocation = _a.menuLocation, menuPortalTarget = _a.menuPortalTarget, _x = _a.autoFocus, autoFocus = _x === void 0 ? false : _x, containerClassName = _a.containerClassName, containerPadding = _a.containerPadding, containerStyles = _a.containerStyles, _y = _a.selectedEntries, selectedEntries = _y === void 0 ? [] : _y, corporateEntries = _a.corporateEntries, myContactsEntries = _a.myContactsEntries, _z = _a.emailsToExclude, emailsToExclude = _z === void 0 ? [] : _z, onInputChange = _a.onInputChange, onChange = _a.onChange, onMenuOpen = _a.onMenuOpen, onMenuClose = _a.onMenuClose, onLoadNextPage = _a.onLoadNextPage;
+    var _0 = useState(''), userDropdownId = _0[0], setUserDropdownId = _0[1];
+    var _1 = useState([]), selectedUsers = _1[0], setSelectedUsers = _1[1];
+    var _2 = useState(''), paddingLeft = _2[0], setPaddingLeft = _2[1];
+    var _3 = useState(''), paddingRight = _3[0], setPaddingRight = _3[1];
+    var _4 = useState(0), maskWidth = _4[0], setMaskWidth = _4[1];
+    var _5 = useState(0), suffixWidth = _5[0], setSuffixWidth = _5[1];
+    var _6 = useState(false), isError = _6[0], setIsError = _6[1];
+    var _7 = useState(true), isSearchable = _7[0], setIsSearchable = _7[1];
+    var _8 = useState(false), isUserTyping = _8[0], setIsUserTyping = _8[1];
+    var _9 = useState(null), modalData = _9[0], setModalData = _9[1];
+    var _10 = useState(''), chipLabelWithMaxWidth = _10[0], setChipLabelWithMaxWidth = _10[1];
+    var _11 = useState(''), inputValue = _11[0], setInputValue = _11[1];
     var isInputFocused = useRef(false);
     var selectRef = useRef(null);
     var maskRef = useRef(null);
     var suffixRef = 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 _13 = useDroppable({ id: userDropdownId }), setNodeRef = _13.setNodeRef, over = _13.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 fontFamilyStyle = generateFontFamilyStyle(fontFamily);
     var isCharHintVisible = useCharHintDisplay({ inputValue: inputValue }).isCharHintVisible;
     var checkIsValueIsEmail = function (inputValue) {
         var regex = new RegExp(/^(([^<>()[\].,;:\s@"]+(\.[^<>()[\].,;:\s@"]+)*)|(".+"))@(([^<>()[\].,;:\s@"]+\.)+[^<>()[\].,;:\s@"]{2,})$/);
         return regex.test(inputValue);
     };
-    // TODO: emailsToExclude в массиве зависимостей вызывает бесконечный ререндер при драге
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    var checkIsEmailToExclude = useCallback(function (email) { return includes(emailsToExclude, email); }, []);
+    var checkIsEmailToExclude = 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;
@@ -168,8 +145,6 @@ var UserDropdown = function (_a) {
             isMenuShadowless: isMenuShadowless,
             fontFamilyStyle: fontFamilyStyle,
             containerPadding: containerPadding,
-            isDraggable: isDraggable,
-            isChipsCollapsed: isChipsCollapsable && !isInputFocused.current,
         });
     };
     var generateNoOptionsMessage = function (_a) {
@@ -221,13 +196,13 @@ var UserDropdown = function (_a) {
         }, USER_TYPING_TIMEOUT);
     }, [onInputChange]);
     var resetIsUserTypingDebounce = useMemo(function () { return debounce(function () { return setIsUserTyping(false); }, USER_TYPING_TIMEOUT); }, []);
-    var handleResetError = useCallback(function () { return isError && setIsError(false); }, [isError]);
+    var handleResetError = function () { return isError && setIsError(false); };
     var handleMenuClose = function () {
         menuScrollFromTop.current = 0;
         handleResetError();
         onMenuClose === null || onMenuClose === void 0 ? void 0 : onMenuClose();
     };
-    var handleInputChange = useCallback(function (inputValue, additionalInfo) {
+    var handleInputChange = function (inputValue, additionalInfo) {
         if (additionalInfo) {
             var action = additionalInfo.action, prevInputValue = additionalInfo.prevInputValue;
             var trimPrevInputValue_1 = prevInputValue.trim();
@@ -246,7 +221,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(/[,;]+/)
@@ -333,27 +308,24 @@ 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 = useCallback(function (label, value) {
+    var transformCurrentChipToInputValue = function (label, email) {
         var _a, _b;
         skipAddUserToChipsOnNextBlurRef.current = true;
         setSelectedUsers(function (prevSelectedUsers) {
             var nextSelectedUsers = prevSelectedUsers.filter(function (_a) {
-                var userEmail = _a.email, userType = _a.userType, userUid = _a.uid;
-                return checkIfContactTypeIsGroup(userType) ? userUid !== value : userEmail !== value;
+                var userEmail = _a.email;
+                return userEmail !== email;
             });
             onChange === null || onChange === void 0 ? void 0 : onChange(nextSelectedUsers.map(function (userData) { return omit(userData, COMMON_FIELDS_TO_OMIT); }));
             return nextSelectedUsers;
         });
-        handleFocus();
         setInputValue(label);
         onInputChange(label);
         handleInputChange(label);
         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);
-    }, 
-    // eslint-disable-next-line
-    [onInputChange, handleInputChange, onMenuOpen, onChange]);
+    };
     var handleChange = function (newSelectedUsers) {
         var uniqNewSelectedUsers = isDisabledCheckUniqueEmails ? newSelectedUsers : uniqBy(newSelectedUsers, EMAIL_FIELD);
         var users = [];
@@ -446,14 +418,11 @@ var UserDropdown = function (_a) {
                 }
             }
         });
-        var visibleChipsCurrentCount = chips.length - collapsableChips;
-        isNeedCheckChipCollapsableCount.current = true;
-        visibleChipsCount.current = visibleChipsCurrentCount;
         collapsableChipsCount.current = collapsableChips;
-        lastVisibleChipIndex.current = visibleChipsCurrentCount;
+        lastVisibleChipIndex.current = chips.length - collapsableChips;
         setChipLabelWithMaxWidth(chipLabelWithMaxWidth || generateId());
     };
-    var handleUnCollapseChips = useCallback(function () {
+    var handleUnCollapseChips = function () {
         var _a;
         if (!userDropdownId)
             return;
@@ -464,26 +433,13 @@ 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 _b = selectRef.current || {}, _preventBlur = _b._preventBlur, _contextMenuOpen = _b._contextMenuOpen, _isDragging = _b._isDragging;
-        if (_preventBlur || _contextMenuOpen || _isDragging || skipAddUserToChipsOnNextBlurRef.current)
-            return;
         var onBlurComplete = function () {
             isChipsCollapsable && handleCollapseChips();
             isInputFocused.current = false;
@@ -496,27 +452,16 @@ var UserDropdown = function (_a) {
             (_a = handleAddUser(false)) === null || _a === void 0 ? void 0 : _a.then(onBlurComplete);
         skipAddUserToChipsOnNextBlurRef.current = false;
     };
-    var handleSelectBlur = function () { return setTimeout(handleBlur, RENDER_DELAY); };
-    var focusInputIOS = useCallback(function (input) {
-        var length = input.value.length;
-        requestAnimationFrame(function () {
-            input.focus();
-            input.value === EMPTY_STRING ? setCaretInEmptyInput(input) : setCaretPosition(input, length);
-        });
-    }, []);
-    var handleFocus = useCallback(function (isDisableCheckFocused) {
-        if (isInputFocused.current && !isDisableCheckFocused)
-            return;
+    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);
+        }
         isInputFocused.current = true;
-        var selectRefCurrent = selectRef.current;
-        var _a = selectRefCurrent || {}, _preventBlur = _a._preventBlur, inputRef = _a.inputRef;
-        setTimeout(function () {
-            if (selectRefCurrent && !_preventBlur)
-                isIosPlatform(platform) && inputRef ? focusInputIOS(inputRef) : selectRefCurrent.focus();
-        }, RENDER_DELAY);
         isChipsCollapsable && handleUnCollapseChips();
-    }, [isChipsCollapsable, handleUnCollapseChips, platform, focusInputIOS]);
-    var handleForceFocus = useCallback(function () { return setTimeout(function () { return handleFocus(true); }, RENDER_DELAY); }, [handleFocus]);
+    };
     var handleCloseModal = function () {
         setModalData(null);
         setIsSearchable(true);
@@ -545,8 +490,9 @@ var UserDropdown = function (_a) {
         !userDropdownId && setUserDropdownId("user_dropdown_".concat(generateId().replace(/-/g, '_')));
     }, [userDropdownId]);
     useLayoutEffect(function () {
-        if (userDropdownId)
-            setTimeout(function () { return (isChipsCollapsable ? handleCollapseChips() : handleUnCollapseChips()); }, RENDER_DELAY);
+        if (userDropdownId) {
+            isChipsCollapsable ? handleCollapseChips() : handleUnCollapseChips();
+        }
         // eslint-disable-next-line
     }, [isChipsCollapsable, userDropdownId]);
     useEffect(function () {
@@ -563,12 +509,7 @@ var UserDropdown = function (_a) {
     useEffect(function () {
         if (!isEmpty(selectedEntries)) {
             setSelectedUsers(selectedEntries.map(function (entity) {
-                var isWarning = entity.isWarning, isLoading = entity.isLoading, isOrganizerShort = entity.isOrganizerShort, isResetChipsToInputValue = entity.isResetChipsToInputValue, userType = entity.userType, currentContextItems = entity.contextMenuItems, uid = entity.uid, organizerName = entity.organizerName;
-                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 isWarning = entity.isWarning, isLoading = entity.isLoading, isOrganizerShort = entity.isOrganizerShort, isResetChipsToInputValue = entity.isResetChipsToInputValue, userType = entity.userType, uid = entity.uid, organizerName = entity.organizerName, contextMenuItems = entity.contextMenuItems;
                 var commonFields = {
                     platform: platform,
                     layoutType: layoutType,
@@ -595,8 +536,6 @@ var UserDropdown = function (_a) {
                 return 'contacts' in entity ? generateCorporateOption(__assign({ option: entity }, commonFields)) : generatedNotCorporateEntity;
             }));
         }
-        else
-            setSelectedUsers([]);
         // eslint-disable-next-line
     }, [selectedEntries]);
     useEffect(function () {
@@ -612,10 +551,6 @@ 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, { isMenuShadowless: isMenuShadowless, children: props.children })); }, [isMenuShadowless]);
     var MenuListComponent = useCallback(function (props) { return (_jsx(MenuList, __assign({}, props, { children: props.children, selectRef: selectRef, scrollFromTop: menuScrollFromTop, language: language, hasNextPage: hasNextPage, isLoading: isLoading, isShowCatalogSearchButton: isShowCatalogSearchButton, onShowCatalogSearchButtonClick: onShowCatalogSearchButtonClick, isUserTyping: isUserTyping, isCharHintVisible: isCharHintVisible, isMenuShadowless: isMenuShadowless, isNextPageLoading: isNextPageLoading, onLoadNextPage: function (inputValue) { return onLoadNextPage === null || onLoadNextPage === void 0 ? void 0 : onLoadNextPage(inputValue); } }))); }, [
         hasNextPage,
@@ -630,9 +565,9 @@ var UserDropdown = function (_a) {
         onShowCatalogSearchButtonClick,
     ]);
     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, { isChipsOutline: isChipsOutline, transformCurrentChipToInputValue: transformCurrentChipToInputValue }))); };
     var InputComponent = useCallback(function (props) { return _jsx(Input, __assign({}, props, { suffixref: suffixRef, suffix: suffix })); }, [suffix]);
-    var MultiValueLabelComponent = useCallback(function (props) { return (_jsx(MultiValueLabel, __assign({}, props, { platform: platform, isChipsOutline: isChipsOutline, transformCurrentChipToInputValue: transformCurrentChipToInputValue, handleBlurDropdown: function () { return handleDragBlur(true); }, handleRequestFocus: handleForceFocus }))); }, [platform, isChipsOutline, transformCurrentChipToInputValue, handleForceFocus]);
-    return (_jsxs("div", __assign({ id: userDropdownId, className: classNames('smartapp-user-dropdown', containerClassName), style: __assign(__assign({}, fontFamilyStyle), containerStyles) }, { children: [renderTitle(), _jsxs("div", __assign({ className: "smartapp-user-dropdown__container", ref: setNodeRef }, { children: [renderMask(), _jsx(Select, { ref: selectRef, menuIsOpen: isInputHidden ? !!externalInputValue : undefined, menuPortalTarget: menuPortalTarget === null || menuPortalTarget === void 0 ? void 0 : menuPortalTarget.current, isMulti: true, openMenuOnFocus: true, blurInputOnSelect: false, captureMenuScroll: false, isSearchable: isSearchable, menuPlacement: menuPosition, menuPosition: menuLocation, controlShouldRenderValue: isChipsVisible, backspaceRemovesValue: isChipsVisible, isDisabled: isDisabled, closeMenuOnSelect: isMenuCloseOnSelect, isLoading: isLoading || isUserTyping, isClearable: false, styles: generateStyles(), placeholder: placeholder || '', noOptionsMessage: generateNoOptionsMessage, loadingMessage: function () { return _jsx(LoadingMessage, {}); }, value: selectedUsers, inputValue: inputValue, options: !isNull(corporateEntries) || !isNull(myContactsEntries) ? generateOptions() : undefined, filterOption: handleFilterOption, onInputChange: handleInputChange, onChange: handleChange, onMenuClose: handleMenuClose, onMenuOpen: onMenuOpen, onKeyDown: handleKeyDown, onBlur: handleSelectBlur, autoFocus: autoFocus, onFocus: function () { return handleFocus(); }, instanceId: userDropdownId, components: {
+    return (_jsxs("div", __assign({ id: userDropdownId, className: classNames('smartapp-user-dropdown', containerClassName), style: __assign(__assign({}, fontFamilyStyle), containerStyles) }, { children: [renderTitle(), _jsxs("div", __assign({ className: "smartapp-user-dropdown__container" }, { children: [renderMask(), _jsx(Select, { ref: selectRef, menuIsOpen: isInputHidden ? !!externalInputValue : undefined, menuPortalTarget: menuPortalTarget === null || menuPortalTarget === void 0 ? void 0 : menuPortalTarget.current, isMulti: true, openMenuOnFocus: true, blurInputOnSelect: false, captureMenuScroll: false, isSearchable: isSearchable, menuPlacement: menuPosition, menuPosition: menuLocation, 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: {
                             Input: InputComponent,
                             MultiValueLabel: MultiValueLabelComponent,
                             MultiValueRemove: MultiValueRemove,
@@ -644,5 +579,5 @@ var UserDropdown = function (_a) {
                             NoOptionsMessage: NoOptionsButton,
                         } })] })), renderHint(), _jsx(Modal, { isModalOpen: !isNull(modalData), platform: platform, fontFamily: fontFamily, content: modalContent, isBottomSheet: isMobilePlatform(platform), backgroundColor: "var(--color-bg-blackout-transparent)", handleCloseModal: handleCloseModal })] })));
 };
-export default memo(UserDropdown);
+export default UserDropdown;
 //# sourceMappingURL=UserDropdown.js.map