@expressms/smartapp-ui 3.0.0-alpha.2 → 3.0.0-alpha.200

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

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../../src/сomponents/Textarea/Textarea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAChC,OAAO,EAAE,uBAAuB,EAAE,MAAM,eAAe,CAAA;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAA;AAErD,OAAO,0BAA0B,CAAA;AAEjC,IAAM,QAAQ,GAAG,UAAC,EAUD;IATf,IAAA,UAAU,gBAAA,EACV,4BAA4B,EAA5B,oBAAoB,mBAAG,KAAK,KAAA,EAC5B,KAAK,WAAA,EACL,KAAK,WAAA,EACL,kBAAkB,wBAAA,EAClB,SAAS,eAAA,EACT,eAAe,qBAAA,EACf,QAAQ,cAAA,EACL,KAAK,cATQ,0HAUjB,CADS;IAER,IAAM,WAAW,GAAG,MAAM,CAAsB,IAAI,CAAC,CAAA;IAErD,IAAM,WAAW,GAAG;QAClB,IAAM,kBAAkB,GAAG,WAAW,CAAC,OAAO,CAAA;QAE9C,IAAI,kBAAkB,IAAI,oBAAoB,EAAE;YAC9C,kBAAkB,CAAC,KAAK,CAAC,MAAM,GAAG,mBAAmB,CAAA;YACrD,kBAAkB,CAAC,KAAK,CAAC,MAAM,GAAG,UAAG,kBAAkB,CAAC,YAAY,GAAG,CAAC,OAAI,CAAA;SAC7E;IACH,CAAC,CAAA;IAED,IAAM,YAAY,GAAG,UAAC,KAA6C;QAErD,IAAA,KAAK,GACb,KAAK,aADQ,CACR;QACT,IAAM,kBAAkB,GAAG,WAAW,CAAC,OAAO,CAAA;QAC9C,IAAM,WAAW,GAAG,KAAK,CAAC,MAAM,CAAA;QAEhC,QAAQ,CAAC,KAAK,CAAC,CAAA;QAEf,IAAI,kBAAkB,IAAI,kBAAkB,CAAC,cAAc,KAAK,WAAW,EAAE;YAC3E,kBAAkB,CAAC,SAAS,GAAG,kBAAkB,CAAC,YAAY,CAAA;SAC/D;IACH,CAAC,CAAA;IAED,SAAS,CAAC;QACR,oBAAoB,IAAI,WAAW,EAAE,CAAA;QACrC,2BAA2B;IAC7B,CAAC,EAAE,CAAC,oBAAoB,CAAC,CAAC,CAAA;IAE1B,OAAO,CACL,wBAAK,SAAS,EAAE,UAAU,CAAC,mBAAmB,EAAE,kBAAkB,CAAC,EAAE,KAAK,wBAAO,uBAAuB,CAAC,UAAU,CAAC,GAAK,eAAe,kBACrI,KAAK,IAAI,uBAAK,SAAS,EAAC,0BAA0B,gBAAE,KAAK,IAAO,EACjE,uBAAK,SAAS,EAAC,8BAA8B,gBAC3C,4BACE,GAAG,EAAE,WAAW,EAChB,SAAS,EAAE,UAAU,CAAC,qCAAqC,EAAE,EAAE,4CAA4C,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,EAAE,SAAS,CAAC,EAC1I,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,WAAW,IAChB,KAAK,EACT,IACE,EACL,KAAK,IAAI,uBAAK,SAAS,EAAC,0BAA0B,gBAAE,KAAK,IAAO,KAC7D,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../../src/сomponents/Textarea/Textarea.tsx"],"names":[],"mappings":"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"}

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

@@ -1,9 +1,12 @@
-import { ChangeEvent, TextareaHTMLAttributes } from 'react';
-import { IFontFamilyProps, TStyles } from '../../constants';
-export interface ITextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement>, IFontFamilyProps {
+import { ChangeEvent, ReactElement, RefObject, TextareaHTMLAttributes } from 'react';
+import { IFontFamilyProps, IPlatformProps, TStyles } from '../../constants';
+export interface ITextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement>, IFontFamilyProps, IPlatformProps {
     isAdjustToTextHeight?: boolean;
+    textareaRef?: RefObject<HTMLTextAreaElement | null>;
     title?: string;
+    icon?: ReactElement;
     error?: string;
+    minHeight?: number;
     containerClassName?: string;
     containerStyles?: TStyles;
     onChange: (e: ChangeEvent<HTMLTextAreaElement>) => void;

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

@@ -1,4 +1,4 @@
 import { IContactBottomSheet } from '../types';
 import '../../../styles/styles.scss';
-declare const ContactBottomSheet: ({ fontFamily, language, avatar, name, email, serverName, company, department, companyPosition }: IContactBottomSheet) => import("react/jsx-runtime").JSX.Element;
+declare const ContactBottomSheet: ({ fontFamily, language, contactInfoTitle, avatar, name, email, serverName, company, department, companyPosition, handleCloseModal, onClickContactInfoCopyEmail, }: IContactBottomSheet) => import("react/jsx-runtime").JSX.Element;
 export default ContactBottomSheet;

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

@@ -11,21 +11,31 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect } from 'react';
+import classNames from 'classnames';
 import Avatar from '../../Avatar';
 import ContactInfo from '../ContactInfo/ContactInfo';
 import { EVENT_LISTENER_TYPES } from '../../../constants';
 import { AVATAR_SIZES } from '../../Avatar/types';
+import { ReactComponent as CloseIcon } from '../../../assets/icons/close-modal.svg';
+import { ReactComponent as CopyIcon } from '../../../assets/icons/copy.svg';
 import { ReactComponent as CorporateUserIcon } from '../../../assets/icons/corporate-user.svg';
 import '../../../styles/styles.scss';
+var ICON_COLOR = 'var(--color-text-secondary)';
+var copyTextToClipboard = function (text) { var _a; return (_a = navigator === null || navigator === void 0 ? void 0 : navigator.clipboard) === null || _a === void 0 ? void 0 : _a.writeText(text); };
 var ContactBottomSheet = function (_a) {
-    var fontFamily = _a.fontFamily, language = _a.language, avatar = _a.avatar, name = _a.name, email = _a.email, serverName = _a.serverName, company = _a.company, department = _a.department, companyPosition = _a.companyPosition;
+    var fontFamily = _a.fontFamily, language = _a.language, contactInfoTitle = _a.contactInfoTitle, avatar = _a.avatar, name = _a.name, email = _a.email, serverName = _a.serverName, company = _a.company, department = _a.department, companyPosition = _a.companyPosition, handleCloseModal = _a.handleCloseModal, onClickContactInfoCopyEmail = _a.onClickContactInfoCopyEmail;
     useEffect(function () {
         var modalContent = document.querySelector('.smartapp-modal__content');
         var handlePreventDefault = function (event) { return event.preventDefault(); };
         modalContent === null || modalContent === void 0 ? void 0 : modalContent.addEventListener(EVENT_LISTENER_TYPES.touchend, handlePreventDefault);
         return function () { return modalContent === null || modalContent === void 0 ? void 0 : modalContent.removeEventListener(EVENT_LISTENER_TYPES.touchend, handlePreventDefault); };
     }, []);
-    return (_jsxs("div", __assign({ className: "smartapp-contact-bottom-sheet" }, { children: [_jsxs("div", __assign({ className: "smartapp-contact-bottom-sheet__header" }, { children: [_jsx(Avatar, { fontFamily: fontFamily, username: name, avatar: avatar, size: AVATAR_SIZES.size_48 }), _jsxs("div", __assign({ className: "smartapp-contact-bottom-sheet__header--text" }, { children: [_jsxs("div", __assign({ className: "smartapp-contact-bottom-sheet__header--text__name" }, { children: [_jsx(CorporateUserIcon, {}), _jsx("div", { children: name })] })), _jsx("div", __assign({ className: "smartapp-contact-bottom-sheet__header--text__email" }, { children: email }))] }))] })), _jsx(ContactInfo, { language: language, serverName: serverName, company: company, department: department, companyPosition: companyPosition })] })));
+    var handleCopyEmailClick = function (event) {
+        event.stopPropagation();
+        copyTextToClipboard(email);
+        onClickContactInfoCopyEmail === null || onClickContactInfoCopyEmail === void 0 ? void 0 : onClickContactInfoCopyEmail();
+    };
+    return (_jsxs("div", __assign({ className: "smartapp-contact-bottom-sheet" }, { children: [contactInfoTitle && (_jsxs("div", __assign({ className: classNames('smartapp-contact-bottom-sheet__title', { 'mb-8': !!contactInfoTitle }) }, { children: [_jsx(CloseIcon, { className: "smartapp-contact-bottom-sheet__title--close", color: ICON_COLOR, onClick: handleCloseModal }), _jsx("div", __assign({ className: "smartapp-contact-bottom-sheet__title--text" }, { children: contactInfoTitle }))] }))), _jsxs("div", __assign({ className: "smartapp-contact-bottom-sheet__header" }, { children: [_jsx(Avatar, { fontFamily: fontFamily, username: name, avatar: avatar, size: AVATAR_SIZES.size_48 }), _jsxs("div", __assign({ className: "smartapp-contact-bottom-sheet__header--text" }, { children: [_jsxs("div", __assign({ className: "smartapp-contact-bottom-sheet__header--text__name" }, { children: [_jsx(CorporateUserIcon, {}), _jsx("div", { children: name })] })), _jsx("div", __assign({ className: "smartapp-contact-bottom-sheet__header--text__email" }, { children: email }))] })), _jsx(CopyIcon, { className: "smartapp-contact-bottom-sheet__header--copy", onClick: handleCopyEmailClick })] })), _jsx(ContactInfo, { language: language, serverName: serverName, company: company, department: department, companyPosition: companyPosition })] })));
 };
 export default ContactBottomSheet;
 //# sourceMappingURL=ContactBottomSheet.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ContactBottomSheet.js","sourceRoot":"","sources":["../../../../../src/сomponents/UserDropdown/ContactBottomSheet/ContactBottomSheet.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,MAAM,MAAM,cAAc,CAAA;AACjC,OAAO,WAAW,MAAM,4BAA4B,CAAA;AACpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAEjD,OAAO,EAAE,cAAc,IAAI,iBAAiB,EAAE,MAAM,0CAA0C,CAAA;AAC9F,OAAO,6BAA6B,CAAA;AAEpC,IAAM,kBAAkB,GAAG,UAAC,EAAoH;QAAlH,UAAU,gBAAA,EAAE,QAAQ,cAAA,EAAE,MAAM,YAAA,EAAE,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,UAAU,gBAAA,EAAE,OAAO,aAAA,EAAE,UAAU,gBAAA,EAAE,eAAe,qBAAA;IACvH,SAAS,CAAC;QACR,IAAM,YAAY,GAA0B,QAAQ,CAAC,aAAa,CAAC,0BAA0B,CAAC,CAAA;QAC9F,IAAM,oBAAoB,GAAG,UAAC,KAAY,IAAK,OAAA,KAAK,CAAC,cAAc,EAAE,EAAtB,CAAsB,CAAA;QAErE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,gBAAgB,CAAC,oBAAoB,CAAC,QAAQ,EAAE,oBAAoB,CAAC,CAAA;QACnF,OAAO,cAAM,OAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,mBAAmB,CAAC,oBAAoB,CAAC,QAAQ,EAAE,oBAAoB,CAAC,EAAtF,CAAsF,CAAA;IACrG,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,wBAAK,SAAS,EAAC,+BAA+B,iBAC5C,wBAAK,SAAS,EAAC,uCAAuC,iBACpD,KAAC,MAAM,IAAC,UAAU,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,CAAC,OAAO,GAAI,EAC9F,wBAAK,SAAS,EAAC,6CAA6C,iBAC1D,wBAAK,SAAS,EAAC,mDAAmD,iBAChE,KAAC,iBAAiB,KAAG,EACrB,wBAAM,IAAI,GAAO,KACb,EACN,uBAAK,SAAS,EAAC,oDAAoD,gBAAE,KAAK,IAAO,KAC7E,KACF,EACN,KAAC,WAAW,IAAC,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,eAAe,EAAE,eAAe,GAAI,KACnI,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,kBAAkB,CAAA"}
+{"version":3,"file":"ContactBottomSheet.js","sourceRoot":"","sources":["../../../../../src/сomponents/UserDropdown/ContactBottomSheet/ContactBottomSheet.tsx"],"names":[],"mappings":"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"}

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

@@ -12,71 +12,87 @@ var __assign = (this && this.__assign) || function () {
 var _a;
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { LANGUAGES } from '../../../constants';
+import { ReactComponent as DepartmentIcon } from '../../../assets/icons/department.svg';
+import { ReactComponent as JobPositionIcon } from '../../../assets/icons/job-position.svg';
+import { ReactComponent as OfficeIcon } from '../../../assets/icons/office.svg';
+import { ReactComponent as ServerIcon } from '../../../assets/icons/server.svg';
 import '../../../styles/styles.scss';
 var INFO_TITLE_TEXT = (_a = {},
     _a[LANGUAGES.ru] = {
-        server: 'Сервер',
+        server: 'Адрес сервера',
         company: 'Компания',
         department: 'Отдел',
         companyPosition: 'Должность',
     },
     _a[LANGUAGES.en] = {
-        server: 'Server',
+        server: 'Server address',
         company: 'Company',
         department: 'Department',
         companyPosition: 'Position',
     },
     _a[LANGUAGES.de] = {
-        server: 'Server',
+        server: 'Serveradresse',
         company: 'Firma',
         department: 'Abteilung',
         companyPosition: 'Position',
     },
     _a[LANGUAGES.es] = {
-        server: 'Servidor',
+        server: 'Dirección del servidor',
         company: 'Empresa',
         department: 'Sección',
         companyPosition: 'Cargo',
     },
     _a[LANGUAGES.fr] = {
-        server: 'Serveur',
+        server: 'Adresse du serveur',
         company: 'Société',
         department: 'Département',
         companyPosition: 'Poste',
     },
     _a[LANGUAGES.ar] = {
-        server: 'جهاز الخادم',
+        server: 'عنوان جهاز الخادم',
         company: 'شركة',
         department: 'الإدارة',
         companyPosition: 'المنصب',
     },
     _a[LANGUAGES.ms] = {
-        server: 'Pelayan',
+        server: 'Alamat pelayan',
         company: 'Syarikat',
         department: 'Jabatan',
         companyPosition: 'Kedudukan',
     },
     _a[LANGUAGES.tr] = {
-        server: 'Sunucu',
+        server: 'Sunucu adresi',
         company: 'Şirket',
         department: 'Bölüm',
         companyPosition: 'Pozisyon',
     },
     _a[LANGUAGES.id] = {
-        server: 'Server',
+        server: 'Alamat server',
         company: 'Nama perusahaan',
         department: 'Departemen',
         companyPosition: 'Posisi',
     },
+    _a[LANGUAGES.uz] = {
+        server: 'Server manzili',
+        company: 'Kompaniya',
+        department: 'Bo‘lim',
+        companyPosition: 'Lavozim',
+    },
+    _a[LANGUAGES.kk] = {
+        server: 'Сервер мекенжайы',
+        company: 'Компания',
+        department: 'Бөлім',
+        companyPosition: 'Лауазым',
+    },
     _a);
 var ContactInfo = function (_a) {
     var elementRef = _a.elementRef, language = _a.language, serverName = _a.serverName, company = _a.company, department = _a.department, companyPosition = _a.companyPosition;
     var _b = INFO_TITLE_TEXT[language], serverTitle = _b.server, companyTitle = _b.company, departmentTitle = _b.department, companyPositionTitle = _b.companyPosition;
     var renderInfoItem = function (_a) {
-        var title = _a.title, info = _a.info;
-        return (_jsxs("div", __assign({ className: "smartapp-contact-info__item" }, { children: [_jsx("div", { children: title }), _jsx("div", { children: info })] })));
+        var title = _a.title, info = _a.info, icon = _a.icon;
+        return (_jsxs("div", __assign({ className: "smartapp-contact-info__item" }, { children: [_jsx("div", __assign({ className: "smartapp-contact-info__item--icon" }, { children: icon })), _jsxs("div", __assign({ className: "smartapp-contact-info__item--text" }, { children: [_jsx("div", { children: title }), _jsx("div", { children: info })] }))] })));
     };
-    return (_jsxs("div", __assign({ ref: elementRef, className: "smartapp-contact-info" }, { children: [serverName && renderInfoItem({ title: serverTitle, info: serverName }), company && renderInfoItem({ title: companyTitle, info: company }), department && renderInfoItem({ title: departmentTitle, info: department }), companyPosition && renderInfoItem({ title: companyPositionTitle, info: companyPosition })] })));
+    return (_jsxs("div", __assign({ ref: elementRef, className: "smartapp-contact-info" }, { children: [serverName && renderInfoItem({ title: serverTitle, info: serverName, icon: _jsx(ServerIcon, {}) }), company && renderInfoItem({ title: companyTitle, info: company, icon: _jsx(OfficeIcon, {}) }), department && renderInfoItem({ title: departmentTitle, info: department, icon: _jsx(DepartmentIcon, {}) }), companyPosition && renderInfoItem({ title: companyPositionTitle, info: companyPosition, icon: _jsx(JobPositionIcon, {}) })] })));
 };
 export default ContactInfo;
 //# sourceMappingURL=ContactInfo.js.map

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

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

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

@@ -1,4 +1,5 @@
 import { ILoadingMessage } from '../types';
 import '../../../styles/styles.scss';
-declare const LoadingMessage: ({ skeletonRowsCount }: ILoadingMessage) => import("react/jsx-runtime").JSX.Element;
+export declare const LOADING_MESSAGE_ITEMS = 6;
+declare const LoadingMessage: ({ isMenuShadowless, skeletonRowsCount }: ILoadingMessage) => import("react/jsx-runtime").JSX.Element;
 export default LoadingMessage;

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

@@ -11,13 +11,14 @@ var __assign = (this && this.__assign) || function () {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRef } from 'react';
+import classNames from 'classnames';
 import { Skeleton } from '../../Skeleton';
 import '../../../styles/styles.scss';
-var LOADING_MESSAGE_ITEMS = 6;
+export var LOADING_MESSAGE_ITEMS = 6;
 var LoadingMessage = function (_a) {
-    var _b = _a.skeletonRowsCount, skeletonRowsCount = _b === void 0 ? LOADING_MESSAGE_ITEMS : _b;
+    var _b = _a.isMenuShadowless, isMenuShadowless = _b === void 0 ? false : _b, _c = _a.skeletonRowsCount, skeletonRowsCount = _c === void 0 ? LOADING_MESSAGE_ITEMS : _c;
     var ref = useRef(null);
-    return (_jsx("div", __assign({ ref: ref, className: "smartapp-loading-message" }, { children: Array.from({ length: skeletonRowsCount }, function (_, index) { return (_jsxs("div", __assign({ className: "smartapp-loading-message__item" }, { children: [_jsx(Skeleton, { containerRef: ref, circle: true, className: "smartapp-loading-message__item--circle" }), _jsxs("div", __assign({ className: "smartapp-loading-message__item--ellipse" }, { children: [_jsx(Skeleton, { containerRef: ref, className: "smartapp-loading-message__item--ellipse__first", borderRadius: 600 }), _jsx(Skeleton, { containerRef: ref, className: "smartapp-loading-message__item--ellipse__second", borderRadius: 600 })] }))] }), index)); }) })));
+    return (_jsx("div", __assign({ ref: ref, className: classNames('smartapp-loading-message', { 'smartapp-loading-message__reduced-padding': isMenuShadowless }) }, { children: Array.from({ length: skeletonRowsCount }, function (_, index) { return (_jsxs("div", __assign({ className: classNames('smartapp-loading-message__item', { 'ph-0': isMenuShadowless }) }, { children: [_jsx(Skeleton, { containerRef: ref, circle: true, className: "smartapp-loading-message__item--circle" }), _jsxs("div", __assign({ className: "smartapp-loading-message__item--ellipse" }, { children: [_jsx(Skeleton, { containerRef: ref, className: "smartapp-loading-message__item--ellipse__first", borderRadius: 600 }), _jsx(Skeleton, { containerRef: ref, className: "smartapp-loading-message__item--ellipse__second", borderRadius: 600 })] }))] }), index)); }) })));
 };
 export default LoadingMessage;
 //# sourceMappingURL=LoadingMessage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"LoadingMessage.js","sourceRoot":"","sources":["../../../../../src/сomponents/UserDropdown/LoadingMessage/LoadingMessage.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAEzC,OAAO,6BAA6B,CAAA;AAEpC,IAAM,qBAAqB,GAAG,CAAC,CAAA;AAE/B,IAAM,cAAc,GAAG,UAAC,EAA8D;QAA5D,yBAAyC,EAAzC,iBAAiB,mBAAG,qBAAqB,KAAA;IACjE,IAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAExC,OAAO,CACL,uBAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAC,0BAA0B,gBAChD,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,iBAAiB,EAAE,EAAE,UAAC,CAAC,EAAE,KAAK,IAAK,OAAA,CACvD,wBAAiB,SAAS,EAAC,gCAAgC,iBACzD,KAAC,QAAQ,IAAC,YAAY,EAAE,GAAG,EAAE,MAAM,QAAC,SAAS,EAAC,wCAAwC,GAAG,EACzF,wBAAK,SAAS,EAAC,yCAAyC,iBACtD,KAAC,QAAQ,IAAC,YAAY,EAAE,GAAG,EAAE,SAAS,EAAC,gDAAgD,EAAC,YAAY,EAAE,GAAG,GAAI,EAC7G,KAAC,QAAQ,IAAC,YAAY,EAAE,GAAG,EAAE,SAAS,EAAC,iDAAiD,EAAC,YAAY,EAAE,GAAG,GAAI,KAC1G,MALE,KAAK,CAMT,CACP,EARwD,CAQxD,CAAC,IACE,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,cAAc,CAAA"}
+{"version":3,"file":"LoadingMessage.js","sourceRoot":"","sources":["../../../../../src/сomponents/UserDropdown/LoadingMessage/LoadingMessage.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AACrC,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AAEzC,OAAO,6BAA6B,CAAA;AAEpC,MAAM,CAAC,IAAM,qBAAqB,GAAG,CAAC,CAAA;AAEtC,IAAM,cAAc,GAAG,UAAC,EAAwF;QAAtF,wBAAwB,EAAxB,gBAAgB,mBAAG,KAAK,KAAA,EAAE,yBAAyC,EAAzC,iBAAiB,mBAAG,qBAAqB,KAAA;IAC3F,IAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAExC,OAAO,CACL,uBAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,UAAU,CAAC,0BAA0B,EAAE,EAAE,2CAA2C,EAAE,gBAAgB,EAAE,CAAC,gBAChI,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,iBAAiB,EAAE,EAAE,UAAC,CAAC,EAAE,KAAK,IAAK,OAAA,CACvD,wBAAiB,SAAS,EAAE,UAAU,CAAC,gCAAgC,EAAE,EAAE,MAAM,EAAE,gBAAgB,EAAE,CAAC,iBACpG,KAAC,QAAQ,IAAC,YAAY,EAAE,GAAG,EAAE,MAAM,QAAC,SAAS,EAAC,wCAAwC,GAAG,EACzF,wBAAK,SAAS,EAAC,yCAAyC,iBACtD,KAAC,QAAQ,IAAC,YAAY,EAAE,GAAG,EAAE,SAAS,EAAC,gDAAgD,EAAC,YAAY,EAAE,GAAG,GAAI,EAC7G,KAAC,QAAQ,IAAC,YAAY,EAAE,GAAG,EAAE,SAAS,EAAC,iDAAiD,EAAC,YAAY,EAAE,GAAG,GAAI,KAC1G,MALE,KAAK,CAMT,CACP,EARwD,CAQxD,CAAC,IACE,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,cAAc,CAAA"}

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

@@ -9,71 +9,35 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-var _a;
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useEffect, useRef, useState } from 'react';
+import React, { useEffect, useLayoutEffect, useRef } from 'react';
 import { components } from 'react-select';
 import { AutoSizer } from 'react-virtualized';
 import { FixedSizeList } from 'react-window';
 import classNames from 'classnames';
 import LoadingMessage from '../LoadingMessage/LoadingMessage';
 import SearchInCatalogButton from '../SearchInCatalogButton/SearchInCatalogButton';
-import { LANGUAGES } from '../../../constants';
+import { isMobilePlatform, isWebPlatform } from '../../../helpers';
+import { USER_DROPDOWN_CHAR_HINT as CHAR_HINT, MIN_INPUT_SYMBOLS } from '../../../constants';
 import '../../../styles/styles.scss';
-var MIN_INPUT_SYMBOLS = 3;
 var SKELETON_ROWS_COUNT = 3;
 var MENU_ITEM_HEIGHT = 47;
-var MAX_MENU_HEIGHT = 220;
 var LIST_OVER_SCAN_COUNT = 5;
 var PADDING_SIZE = 12;
-var BUTTON_SIZE = 48;
-var CHAR_HINT_TIMEOUT = 1500;
-var ONE_CHARACTER = 1;
-var TWO_CHARACTERS = 2;
-var CHAR_HINT = (_a = {},
-    _a[LANGUAGES.ru] = 'Запрос должен содержать не менее 3-х символов',
-    _a[LANGUAGES.en] = 'The query must contain at least 3 characters',
-    _a[LANGUAGES.de] = 'Die Anfrage muss mindestens 3 Zeichen enthalten',
-    _a[LANGUAGES.es] = 'La consulta debe contener al menos 3 caracteres',
-    _a[LANGUAGES.fr] = 'Il faut au moins 3 caractères pour la recherche',
-    _a[LANGUAGES.ar] = 'الاستفسار يجب أن يحتوي على 3 حروف على الأقل',
-    _a[LANGUAGES.ms] = 'Pertanyaan harus mengandungi sekurang-kurangnya 3 aksara',
-    _a[LANGUAGES.tr] = 'Sorgu en az 3 karakter içermelidir',
-    _a[LANGUAGES.id] = 'Kueri harus berisi minimal 3 karakter',
-    _a);
+var BUTTON_SIZE = 45;
+var MIN_SCROLL_TOP = 10;
 var MenuList = function (props) {
     var _a;
-    var selectRef = props.selectRef, scrollFromTop = props.scrollFromTop, language = props.language, hasNextPage = props.hasNextPage, isLoading = props.isLoading, isUserTyping = props.isUserTyping, isNextPageLoading = props.isNextPageLoading, onLoadNextPage = props.onLoadNextPage, onShowCatalogSearchButtonClick = props.onShowCatalogSearchButtonClick, children = props.children, _b = props.isShowCatalogSearchButton, isShowCatalogSearchButton = _b === void 0 ? false : _b;
+    var selectRef = props.selectRef, scrollFromTop = props.scrollFromTop, language = props.language, platform = props.platform, menuListMaxHeight = props.menuListMaxHeight, charHintClassName = props.charHintClassName, hasNextPage = props.hasNextPage, isLoading = props.isLoading, isUserTyping = props.isUserTyping, isCharHintVisible = props.isCharHintVisible, isNextPageLoading = props.isNextPageLoading, _b = props.isShowCatalogSearchButton, isShowCatalogSearchButton = _b === void 0 ? false : _b, isMenuShadowless = props.isMenuShadowless, children = props.children, onLoadNextPage = props.onLoadNextPage, onShowCatalogSearchButtonClick = props.onShowCatalogSearchButtonClick, setIsDelimiterVisible = props.setIsDelimiterVisible;
     var selectRefCurrent = selectRef.current;
     var inputValue = (_a = selectRefCurrent === null || selectRefCurrent === void 0 ? void 0 : selectRefCurrent.props) === null || _a === void 0 ? void 0 : _a.inputValue;
     var inputValueLength = inputValue === null || inputValue === void 0 ? void 0 : inputValue.length;
+    var isCatalogSearchBtnListedLast = isShowCatalogSearchButton && !isMenuShadowless;
+    var isCatalogSearchBtnListedFirst = isShowCatalogSearchButton && isMenuShadowless;
     var virtualizationListRef = useRef(null);
+    var virtualizationListOuterRef = useRef(null);
     var lastElement = useRef(null);
     var observer = useRef(new IntersectionObserver(function (entries) { return entries[0].isIntersecting && handleLoadNextPage(); }));
-    var _c = useState(false), isCharHintVisible = _c[0], setIsCharHintVisible = _c[1];
-    var _d = useState(null), timeoutId = _d[0], setTimeoutId = _d[1];
-    useEffect(function () {
-        if (timeoutId) {
-            clearTimeout(timeoutId);
-            setTimeoutId(null);
-        }
-        if (inputValueLength >= MIN_INPUT_SYMBOLS) {
-            setIsCharHintVisible(false);
-        }
-        else if (inputValueLength === ONE_CHARACTER || inputValueLength === TWO_CHARACTERS) {
-            if (!isCharHintVisible) {
-                var nextTimeoutId = setTimeout(function () { return setIsCharHintVisible(true); }, CHAR_HINT_TIMEOUT);
-                setTimeoutId(nextTimeoutId);
-            }
-        }
-        else {
-            setIsCharHintVisible(false);
-        }
-        return function () {
-            timeoutId && clearTimeout(timeoutId);
-        };
-        // eslint-disable-next-line
-    }, [inputValue]);
     useEffect(function () {
         var lastElementCurrent = lastElement.current;
         var observerCurrent = observer.current;
@@ -83,6 +47,11 @@ var MenuList = function (props) {
         };
         // eslint-disable-next-line
     }, [lastElement.current]);
+    useLayoutEffect(function () {
+        var _a, _b;
+        var scrollTop = (_b = (_a = virtualizationListOuterRef.current) === null || _a === void 0 ? void 0 : _a.scrollTop) !== null && _b !== void 0 ? _b : 0;
+        setIsDelimiterVisible(scrollTop > MIN_SCROLL_TOP);
+    }, [setIsDelimiterVisible]);
     var handleLoadNextPage = function () {
         onLoadNextPage(inputValue);
         if (virtualizationListRef.current) {
@@ -91,36 +60,43 @@ var MenuList = function (props) {
         }
     };
     if (inputValueLength < MIN_INPUT_SYMBOLS)
-        return isCharHintVisible ? _jsx("div", __assign({ className: "smartapp-menu-list__char-hint" }, { children: CHAR_HINT[language] })) : null;
+        return isCharHintVisible ? (_jsx("div", __assign({ className: classNames('smartapp-menu-list__char-hint', charHintClassName, { 'smartapp-menu-list__char-hint--web': isWebPlatform(platform) }) }, { children: CHAR_HINT[language] }))) : null;
     // For children like: "Loading" or "No Options" provided by 'react-select'
     if (!Array.isArray(children))
         return _jsx(_Fragment, { children: children });
     var childrenLength = children.length;
     var listChildrenHeight = childrenLength * MENU_ITEM_HEIGHT + PADDING_SIZE;
-    var maxMenuHeight = isShowCatalogSearchButton ? MAX_MENU_HEIGHT - BUTTON_SIZE : MAX_MENU_HEIGHT;
+    var maxMenuHeight = isCatalogSearchBtnListedLast ? menuListMaxHeight - BUTTON_SIZE : menuListMaxHeight;
     var listHeight = listChildrenHeight > maxMenuHeight ? maxMenuHeight : listChildrenHeight;
     var itemCount = hasNextPage ? childrenLength + SKELETON_ROWS_COUNT : childrenLength;
     var isNextPageSkeletonsVisible = hasNextPage && !isNextPageLoading && !isLoading && !isUserTyping;
     var isDataLoadingSkeletonsVisible = isNextPageLoading || isLoading || (isUserTyping && inputValueLength >= MIN_INPUT_SYMBOLS);
     var isSkeletonsVisible = isNextPageSkeletonsVisible || isDataLoadingSkeletonsVisible;
-    var renderSkeletons = function () { return isSkeletonsVisible && _jsx(LoadingMessage, { skeletonRowsCount: SKELETON_ROWS_COUNT }); };
+    var handleScroll = function (_a) {
+        var scrollOffset = _a.scrollOffset;
+        scrollFromTop.current = scrollOffset;
+        setIsDelimiterVisible(scrollOffset > MIN_SCROLL_TOP);
+    };
+    var renderSkeletons = function () { return isSkeletonsVisible && _jsx(LoadingMessage, { isMenuShadowless: isMenuShadowless, skeletonRowsCount: SKELETON_ROWS_COUNT }); };
     var rowRenderer = function (_a) {
         var index = _a.index, style = _a.style;
         var isLastRow = index === childrenLength - 1;
         var rowRef = isNextPageSkeletonsVisible ? lastElement : null;
         return (_jsxs("div", __assign({ ref: rowRef, style: style, role: children[index] ? 'option' : '' }, { children: [children[index], isLastRow && renderSkeletons()] }), index));
     };
-    return (_jsx(components.MenuList, __assign({}, props, { children: _jsx(AutoSizer, __assign({ disableHeight: true }, { children: function (_a) {
-                var width = _a.width;
-                return (_jsxs("div", __assign({ style: {
-                        display: 'flex',
-                        flexDirection: 'column',
-                        height: isShowCatalogSearchButton ? listHeight + BUTTON_SIZE : listHeight,
-                    } }, { children: [_jsx(FixedSizeList, __assign({ ref: virtualizationListRef, height: listHeight, itemCount: itemCount, itemSize: MENU_ITEM_HEIGHT, width: width, overscanCount: LIST_OVER_SCAN_COUNT, onScroll: function (_a) {
-                                var scrollOffset = _a.scrollOffset;
-                                return (scrollFromTop.current = scrollOffset);
-                            }, initialScrollOffset: scrollFromTop.current, className: classNames('smartapp-menu-list', { 'smartapp-menu-list__with-button': isShowCatalogSearchButton }), outerElementType: CustomOuterElement }, { children: rowRenderer })), isShowCatalogSearchButton && (_jsx(SearchInCatalogButton, { language: language, width: width, onShowCatalogSearchButtonClick: onShowCatalogSearchButtonClick }))] })));
-            } })) })));
+    return (_jsxs(_Fragment, { children: [isCatalogSearchBtnListedFirst && (_jsx(SearchInCatalogButton, { isMenuShadowless: true, language: language, onShowCatalogSearchButtonClick: onShowCatalogSearchButtonClick })), _jsx(components.MenuList, __assign({}, props, { children: _jsx(AutoSizer, __assign({ disableHeight: true }, { children: function (_a) {
+                        var width = _a.width;
+                        return (_jsxs("div", __assign({ style: {
+                                display: 'flex',
+                                flexDirection: 'column',
+                                height: isCatalogSearchBtnListedLast ? listHeight + BUTTON_SIZE : listHeight,
+                            } }, { children: [_jsx(FixedSizeList, __assign({ outerRef: virtualizationListOuterRef, ref: virtualizationListRef, height: listHeight, itemCount: itemCount, itemSize: MENU_ITEM_HEIGHT, width: width, overscanCount: LIST_OVER_SCAN_COUNT, onScroll: handleScroll, initialScrollOffset: scrollFromTop.current, className: classNames('smartapp-menu-list', {
+                                        'smartapp-menu-list__with-button': isCatalogSearchBtnListedLast,
+                                        'smartapp-menu-list__shadowless': isMenuShadowless,
+                                        'smartapp-menu-list__shadowless--pt-0': isCatalogSearchBtnListedFirst,
+                                        'smartapp-menu-list__invisible-scroll': isMobilePlatform(platform) && isMenuShadowless,
+                                    }), outerElementType: CustomOuterElement }, { children: rowRenderer })), isCatalogSearchBtnListedLast && (_jsx(SearchInCatalogButton, { language: language, width: width, onShowCatalogSearchButtonClick: onShowCatalogSearchButtonClick }))] })));
+                    } })) }))] }));
 };
 var CustomOuterElement = React.forwardRef(function (props, ref) { return _jsx("div", __assign({ ref: ref }, props, { style: __assign({}, props.style) })); });
 CustomOuterElement.displayName = 'CustomOuterElement';

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

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

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, generateFontFamilyStyle, isValueEqualToZero, renderUserIcon } from '../../../helpers';
+import { checkIfContactTypeIsGroup, generateAvatarIcon, generateFontFamilyStyle, isMobilePlatform, isValueEqualToZero, renderUserIcon, } from '../../../helpers';
 import { COLORS } from '../../../constants';
 import { AVATAR_SIZES } from '../../Avatar/types';
 import '../../../styles/styles.scss';
@@ -25,26 +25,30 @@ 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 = 1;
+var POPUP_MARGIN_TOP = 4;
+var TOUCH = 'touch';
 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, fontFamily = _a.fontFamily, contextMenuItems = _a.contextMenuItems, language = _a.language, userType = _a.userType, isMyContacts = _a.isMyContacts, isOrganizer = _a.isOrganizer, 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 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, styles = data.styles, isOrganizerShort = data.isOrganizerShort, isMyContacts = data.isMyContacts, isLocalContact = data.isLocalContact, isCachedContact = data.isCachedContact, 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 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 isPopupVisible = isChipHovered && !isOpenContextMenu && name && email && isSelectedChipHasTooltip;
     useEffect(function () {
-        label && isResetChipsToInputValue && transformCurrentChipToInputValue(label, email);
+        label && isResetChipsToInputValue && transformCurrentChipToInputValue(label, checkIfContactTypeIsGroup(userType) ? uid : email);
         // eslint-disable-next-line
     }, [isResetChipsToInputValue]);
     useEffect(function () {
         var _a;
+        if (isMobilePlatform(platform))
+            return;
         if (isPopupVisible) {
             var timer_1 = setTimeout(function () {
                 if (isChipHovered && !isOpenContextMenu) {
@@ -59,7 +63,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]);
+    }, [isPopupVisible, isChipHovered, isOpenContextMenu, platform]);
     var windowInnerWidth = window.innerWidth;
     var popupContentMaxWidth = windowInnerWidth - POPUP_MARGINS - POPUP_PADDINGS;
     var noChipsCount = isValueEqualToZero(collapsableChipsCount);
@@ -68,20 +72,25 @@ 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)
+            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 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, isLocalContact: isLocalContact, isCachedContact: isCachedContact }) })), _jsx("span", { children: name })] })), _jsx("div", __assign({ className: "smartapp-multi-value-label__content--email" }, { children: email }))] }))] }))); };
     var handleOpenPopup = function () {
         var popupRefCurrent = popupRef.current;
         var popupContentRefCurrent = popupContentRef.current;
@@ -102,7 +111,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);
             }
@@ -111,14 +120,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, 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, isOrganizerShort: isOrganizer, 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() })) })));
+        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, styles: styles, language: language, name: label || email, email: email, uid: uid, setIsOpenContextMenu: handleContextMenu, isMyContacts: isMyContacts, isLocalContact: isLocalContact, isCachedContact: isCachedContact, 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() })) })));
     }
     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: handleTouchEnd }, { children: ["+", collapsableChipsCount] })));
+            }), onTouchEnd: handlePreventEvent }, { children: ["+", collapsableChipsCount] })));
     }
     return null;
 };
-export default MultiValueLabel;
+export default memo(MultiValueLabel);
 //# sourceMappingURL=MultiValueLabel.js.map