@expressms/smartapp-ui 2.9.17-alpha.4 → 3.0.0-alpha.2

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

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/сomponents/Checkbox/Checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,cAAc,IAAI,SAAS,EAAE,MAAM,mCAAmC,CAAA;AAE/E,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AACxC,OAAO,0BAA0B,CAAA;AAEjC,IAAM,QAAQ,GAAG,UAAC,EAUD;QATf,EAAE,QAAA,EACF,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,SAAS,eAAA,EACT,MAAM,YAAA,EACN,YAAY,kBAAA,EACZ,iBAAiB,uBAAA,EACjB,mBAAmB,yBAAA,EACnB,gBAAgC,EAAhC,QAAQ,mBAAG,cAAY,OAAA,SAAS,EAAT,CAAS,KAAA;IAEhC,IAAM,WAAW,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAA;IAEvD,SAAS,CAAC;QACR,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,wBAAwB,EAAE,aAAa,CAAC,iBAAiB,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAA;QACvH,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,WAAW,CAAC,0BAA0B,EAAE,aAAa,CAAC,mBAAmB,EAAE,MAAM,CAAC,UAAU,CAAC,CAAC,CAAA;IAC/H,CAAC,EAAE,CAAC,iBAAiB,EAAE,mBAAmB,CAAC,CAAC,CAAA;IAE5C,SAAS,CAAC;QACR,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QAEjD,OAAO;YACL,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAA;QACtD,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,eAAe,GAAG,sBAAM,OAAA,MAAA,WAAW,CAAC,OAAO,0CAAE,SAAS,CAAC,GAAG,CAAC,6BAA6B,CAAC,CAAA,EAAA,CAAA;IAC/F,IAAM,aAAa,GAAG,sBAAM,OAAA,MAAA,WAAW,CAAC,OAAO,0CAAE,SAAS,CAAC,MAAM,CAAC,6BAA6B,CAAC,CAAA,EAAA,CAAA;IAEhG,IAAM,WAAW,GAAG,UAAC,KAAyC,IAAK,OAAA,KAAK,CAAC,eAAe,EAAE,EAAvB,CAAuB,CAAA;IAE1F,OAAO,CACL,uBAAK,GAAG,EAAE,WAAW,EAAE,SAAS,EAAE,UAAU,CAAC,oBAAoB,EAAE,SAAS,CAAC,EAAE,KAAK,EAAE,MAAM,gBAC1F,0BAAO,OAAO,EAAE,aAAM,EAAE,CAAE,iBACxB,gBACE,EAAE,EAAE,aAAM,EAAE,CAAE,EACd,IAAI,EAAC,UAAU,EACf,SAAS,EAAC,sCAAsC,EAChD,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,GACpB,EACD,SAAS,CAAC,CAAC,CAAC,CACX,KAAC,SAAS,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,aAAa,CAAC,YAAY,EAAE,MAAM,CAAC,IAAI,CAAC,EAAE,EAAE,WAAW,EAAE,eAAe,GAAI,CACxG,CAAC,CAAC,CAAC,CACF,eAAM,SAAS,EAAC,WAAW,EAAC,WAAW,EAAE,eAAe,GAAI,CAC7D,KACK,IACJ,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/сomponents/Checkbox/Checkbox.tsx"],"names":[],"mappings":"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"}

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

@@ -3,8 +3,10 @@ export interface ICheckBoxProps {
     id: string;
     isDisabled?: boolean;
     isChecked?: boolean;
+    isIndeterminate?: boolean;
     className?: string;
     styles?: TStyles;
+    shape?: 'square' | 'circle';
     checkedColor?: string;
     checkedHoverColor?: string;
     checkedPressedColor?: string;

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

@@ -1,4 +1,4 @@
 import { IChipProps } from './types';
 import '../../styles/styles.scss';
-declare const Chip: ({ language, name, email, uid, avatar, isAvatarHidden, isDisabled, isError, isLoading, isWarning, isEye, isMyContacts, isOpenContextMenu, userType, contextMenuItems, className, styles, iconColor, platform, onDelete, setIsOpenContextMenu, }: IChipProps) => import("react/jsx-runtime").JSX.Element;
+declare const Chip: ({ fontFamily, language, name, email, uid, avatar, isAvatarHidden, isDisabled, isError, isLoading, isWarning, isEye, isMyContacts, isOrganizer, isOrganizerShort, isOutline, isOpenContextMenu, userType, contextMenuItems, className, styles, iconColor, platform, onDelete, setIsOpenContextMenu, }: IChipProps) => import("react/jsx-runtime").JSX.Element;
 export default Chip;

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

@@ -9,65 +9,121 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var _a, _b;
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useEffect, useRef } from 'react';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import classNames from 'classnames';
+import { isEmpty } from 'lodash';
+import { useLongTap } from '../../hooks/useLongTap';
 import Avatar from '../Avatar';
 import ContextMenu from '../ContextMenu';
 import Loader from '../Loader';
-import { useLongTap } from '../../hooks/useLongTap';
-import { generateAvatarIcon, generateColor, isWebPlatform, renderUserIcon } from '../../helpers';
-import { COLOR_CHIP, COLORS, FIT_CONTENT, LANGUAGES, PLATFORM } from '../../constants';
+import { createSanitizedHtml, generateAvatarIcon, generateColor, generateFontFamilyStyle, isWebPlatform, renderUserIcon } from '../../helpers';
+import { COLORS, EVENT_LISTENER_TYPES, FIT_CONTENT, LANGUAGES, PLATFORM } from '../../constants';
 import { AVATAR_SIZES } from '../Avatar/types';
-import { ReactComponent as LoaderIcon } from '../../assets/icons/loader-medium.svg';
-import { ReactComponent as DeleteIcon } from '../../assets/icons/delete-chip.svg';
+import { ReactComponent as ArrowDownIcon } from '../../assets/icons/avatar-arrow-down.svg';
+import { ReactComponent as ArrowUpIcon } from '../../assets/icons/avatar-arrow-up.svg';
+import { ReactComponent as LoaderIcon } from '../../assets/icons/avatar-loader.svg';
 import { ReactComponent as InfoIcon } from '../../assets/icons/chip-info.svg';
+import { ReactComponent as DeleteIcon } from '../../assets/icons/delete-chip.svg';
 import '../../styles/styles.scss';
 var CHIP_HEIGHT = 32;
 var CONTEXT_MENU_INDENT_TOP = 4;
 var CONTEXT_MENU_INDENT = CHIP_HEIGHT + CONTEXT_MENU_INDENT_TOP;
+var CHIP_PRESSED_CLASSNAME = 'smartapp-chip__pressed';
+var DELETE_ICON_PRESSED_CLASSNAME = 'smartapp-chip__right-icons--delete-icon__pressed';
+var ICON_TRANSITION = 'opacity 150ms ease-in-out';
 var OPACITY_VALUES;
 (function (OPACITY_VALUES) {
     OPACITY_VALUES[OPACITY_VALUES["default"] = 1] = "default";
-    OPACITY_VALUES[OPACITY_VALUES["loading"] = 0.3] = "loading";
+    OPACITY_VALUES[OPACITY_VALUES["loading"] = 0.5] = "loading";
 })(OPACITY_VALUES || (OPACITY_VALUES = {}));
+var YOU = (_a = {},
+    _a[LANGUAGES.ru] = 'Вы',
+    _a[LANGUAGES.en] = 'Вы',
+    _a[LANGUAGES.de] = 'Вы',
+    _a[LANGUAGES.es] = 'Вы',
+    _a[LANGUAGES.fr] = 'Вы',
+    _a[LANGUAGES.ar] = 'Вы',
+    _a[LANGUAGES.ms] = 'Вы',
+    _a[LANGUAGES.tr] = 'Вы',
+    _a[LANGUAGES.id] = 'Вы',
+    _a);
+var ORGANIZER = (_b = {},
+    _b[LANGUAGES.ru] = 'организатор',
+    _b[LANGUAGES.en] = 'organizer',
+    _b[LANGUAGES.de] = 'veranstalter',
+    _b[LANGUAGES.es] = 'organizador',
+    _b[LANGUAGES.fr] = 'organisateur',
+    _b[LANGUAGES.ar] = 'منظم',
+    _b[LANGUAGES.ms] = 'pengurus',
+    _b[LANGUAGES.tr] = 'düzenleyici',
+    _b[LANGUAGES.id] = 'penyelenggara',
+    _b);
 var generateLoaderContainerStyles = function () { return ({ background: 'none' }); };
 var generateLoaderStyles = function () { return ({ width: 'fit-content', padding: 0 }); };
 var Chip = function (_a) {
-    var _b = _a.language, language = _b === void 0 ? LANGUAGES.ru : _b, name = _a.name, email = _a.email, uid = _a.uid, avatar = _a.avatar, _c = _a.isAvatarHidden, isAvatarHidden = _c === void 0 ? false : _c, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, _e = _a.isError, isError = _e === void 0 ? false : _e, _f = _a.isLoading, isLoading = _f === void 0 ? false : _f, _g = _a.isWarning, isWarning = _g === void 0 ? false : _g, _h = _a.isEye, isEye = _h === void 0 ? false : _h, isMyContacts = _a.isMyContacts, isOpenContextMenu = _a.isOpenContextMenu, userType = _a.userType, contextMenuItems = _a.contextMenuItems, className = _a.className, styles = _a.styles, iconColor = _a.iconColor, _j = _a.platform, platform = _j === void 0 ? PLATFORM.web : _j, onDelete = _a.onDelete, setIsOpenContextMenu = _a.setIsOpenContextMenu;
+    var fontFamily = _a.fontFamily, _b = _a.language, language = _b === void 0 ? LANGUAGES.ru : _b, name = _a.name, email = _a.email, uid = _a.uid, avatar = _a.avatar, _c = _a.isAvatarHidden, isAvatarHidden = _c === void 0 ? false : _c, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, _e = _a.isError, isError = _e === void 0 ? false : _e, _f = _a.isLoading, isLoading = _f === void 0 ? false : _f, _g = _a.isWarning, isWarning = _g === void 0 ? false : _g, _h = _a.isEye, isEye = _h === void 0 ? false : _h, isMyContacts = _a.isMyContacts, isOrganizer = _a.isOrganizer, isOrganizerShort = _a.isOrganizerShort, isOutline = _a.isOutline, isOpenContextMenu = _a.isOpenContextMenu, userType = _a.userType, contextMenuItems = _a.contextMenuItems, className = _a.className, styles = _a.styles, iconColor = _a.iconColor, _j = _a.platform, platform = _j === void 0 ? PLATFORM.web : _j, onDelete = _a.onDelete, setIsOpenContextMenu = _a.setIsOpenContextMenu;
     var chipRef = useRef(null);
+    var deleteIconRef = useRef(null);
+    var _k = useState(false), isAvatarArrowVisible = _k[0], setIsAvatarArrowVisible = _k[1];
+    var iconOpacity = useMemo(function () { return (isLoading ? OPACITY_VALUES.loading : OPACITY_VALUES.default); }, [isLoading]);
+    var iconStyles = { opacity: iconOpacity, transition: ICON_TRANSITION };
+    var userIcon = renderUserIcon({ userType: userType, isMyContacts: isMyContacts, style: iconStyles });
+    var isContextMenuAvailable = !isEmpty(contextMenuItems);
+    var isDeleteIconAvailable = !isDisabled && onDelete;
     useEffect(function () {
-        window.addEventListener('mouseup', handleMouseUp);
-        return function () {
-            window.removeEventListener('mouseup', handleMouseUp);
-        };
+        window.addEventListener(EVENT_LISTENER_TYPES.mouseup, handleMouseUp);
+        return function () { return window.removeEventListener(EVENT_LISTENER_TYPES.mouseup, handleMouseUp); };
     }, []);
-    var handleMouseDown = function () { var _a; return (_a = chipRef.current) === null || _a === void 0 ? void 0 : _a.classList.add('smartapp-chip__pressed'); };
-    var handleMouseUp = function () { var _a; return (_a = chipRef.current) === null || _a === void 0 ? void 0 : _a.classList.remove('smartapp-chip__pressed'); };
-    var handleDeleteClick = function (e) {
-        e.stopPropagation();
-        e.preventDefault();
+    var generateName = function () {
+        var you = YOU[language];
+        if (isOrganizer)
+            return "".concat(you, " <span>(").concat(ORGANIZER[language], ")</span>");
+        return isOrganizerShort ? you : name;
+    };
+    var handleMouseDown = function () { var _a; return !isLoading && isContextMenuAvailable && ((_a = chipRef.current) === null || _a === void 0 ? void 0 : _a.classList.add(CHIP_PRESSED_CLASSNAME)); };
+    var handleMouseEnter = function () { return isContextMenuAvailable && setIsAvatarArrowVisible(true); };
+    var handleMouseLeave = function () { return isContextMenuAvailable && setIsAvatarArrowVisible(false); };
+    var handleDeleteIconMouseDown = function (event) {
+        var _a;
+        if (isLoading)
+            return;
+        event.stopPropagation();
+        (_a = deleteIconRef.current) === null || _a === void 0 ? void 0 : _a.classList.add(DELETE_ICON_PRESSED_CLASSNAME);
+    };
+    var handleMouseUp = function () {
+        var _a, _b;
+        (_a = chipRef.current) === null || _a === void 0 ? void 0 : _a.classList.remove(CHIP_PRESSED_CLASSNAME);
+        (_b = deleteIconRef.current) === null || _b === void 0 ? void 0 : _b.classList.remove(DELETE_ICON_PRESSED_CLASSNAME);
+    };
+    var handleDeleteClick = function (event) {
+        event.stopPropagation();
+        event.preventDefault();
         !isLoading && (onDelete === null || onDelete === void 0 ? void 0 : onDelete(name));
     };
-    var handleOpenContextMenu = useCallback(function () { return setIsOpenContextMenu === null || setIsOpenContextMenu === void 0 ? void 0 : setIsOpenContextMenu(true); }, [setIsOpenContextMenu]);
-    var handleCloseContextMenu = function () { return setIsOpenContextMenu === null || setIsOpenContextMenu === void 0 ? void 0 : setIsOpenContextMenu(false); };
+    var handleOpenContextMenu = useCallback(function () { return isContextMenuAvailable && !isLoading && (setIsOpenContextMenu === null || setIsOpenContextMenu === void 0 ? void 0 : setIsOpenContextMenu(true)); }, [isContextMenuAvailable, isLoading, setIsOpenContextMenu]);
+    var handleCloseContextMenu = function () {
+        setIsOpenContextMenu === null || setIsOpenContextMenu === void 0 ? void 0 : setIsOpenContextMenu(false);
+        setIsAvatarArrowVisible(false);
+    };
     var setContextMenuPosition = useCallback(function () {
         var _a;
         var _b = ((_a = chipRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) || {}, _c = _b.left, left = _c === void 0 ? 0 : _c, _d = _b.top, top = _d === void 0 ? 0 : _d;
         return { x: left, y: top + CONTEXT_MENU_INDENT };
     }, [chipRef]);
-    var _k = useLongTap({ onLongTap: handleOpenContextMenu }), cancelPressTimer = _k.cancelPressTimer, startPressTimer = _k.startPressTimer;
+    var _l = useLongTap({ onLongTap: handleOpenContextMenu }), cancelPressTimer = _l.cancelPressTimer, startPressTimer = _l.startPressTimer;
     var handleContextMenu = function (event) {
         if (!isWebPlatform(platform))
             return;
         event.preventDefault();
         handleOpenContextMenu();
     };
-    var contextMenuHeader = (_jsxs("div", __assign({ className: "smartapp-chip__context-menu-header" }, { children: [_jsx(Avatar, { username: name, icon: generateAvatarIcon(userType), avatar: avatar, size: AVATAR_SIZES.size_32, isEye: isEye, outlineDefaultBackground: COLOR_CHIP }), _jsxs("div", __assign({ className: "smartapp-chip__context-menu-header__content" }, { children: [_jsxs("div", __assign({ className: "smartapp-chip__context-menu-header__content--name" }, { children: [renderUserIcon(userType, isMyContacts), _jsx("span", { children: name })] })), _jsx("div", __assign({ className: "smartapp-chip__context-menu-header__content--email" }, { children: email }))] }))] })));
-    return (_jsxs("div", __assign({ ref: chipRef, className: classNames('smartapp-chip', { 'smartapp-chip__disabled': isDisabled, 'smartapp-chip__loading': isLoading }, className), style: styles, onContextMenu: handleContextMenu, onTouchStart: !isOpenContextMenu ? startPressTimer : undefined, onTouchEnd: cancelPressTimer, onTouchMove: cancelPressTimer }, { children: [_jsxs("div", __assign({ className: "smartapp-chip__info" }, { children: [!isAvatarHidden && (_jsx("div", __assign({ className: "smartapp-chip__info--avatar" }, { children: isLoading ? (_jsx(Loader, { icon: _jsx(LoaderIcon, {}), color: COLORS.iconAccent, isLoader: true, iconSize: AVATAR_SIZES.size_20, styles: generateLoaderStyles(), containerStyles: generateLoaderContainerStyles(), isFullScreen: false })) : (_jsx(Avatar, { isTooltipAvailableOnEye: true, language: language, icon: generateAvatarIcon(userType), username: name, isWarning: isWarning, avatar: avatar, size: AVATAR_SIZES.size_24, isEye: isEye, outlineDefaultBackground: COLOR_CHIP })) }))), _jsxs("div", __assign({ className: classNames('smartapp-chip__info--name', { 'smartapp-chip__info--name__loading': isLoading }) }, { children: [_jsx("p", { children: name }), isError && _jsx(InfoIcon, { color: COLORS.iconNegative })] }))] })), !isDisabled && onDelete && (_jsx("div", __assign({ className: "smartapp-chip__delete-icon", onClick: handleDeleteClick, onMouseDown: handleMouseDown }, { children: _jsx(DeleteIcon, { style: {
-                        color: generateColor(iconColor),
-                        opacity: isLoading ? OPACITY_VALUES.loading : OPACITY_VALUES.default,
-                    } }) }))), contextMenuItems && (_jsx(ContextMenu, { isMenuOpen: !!isOpenContextMenu, position: setContextMenuPosition(), closeMenu: handleCloseContextMenu, items: contextMenuItems, actionData: uid || email, topSlot: contextMenuHeader, menuStyles: { width: FIT_CONTENT } }))] })));
+    var renderAvatar = function () {
+        return isAvatarArrowVisible || isOpenContextMenu ? (_jsx("div", __assign({ className: classNames('smartapp-chip__info--avatar-arrow', { 'smartapp-chip__info--avatar-arrow__outline': isOutline }) }, { children: isOpenContextMenu ? _jsx(ArrowUpIcon, { color: COLORS.iconAccentPressed }) : _jsx(ArrowDownIcon, { color: COLORS.iconAccent }) }))) : (avatar);
+    };
+    var contextMenuHeader = (_jsxs("div", __assign({ className: "smartapp-chip__context-menu-header" }, { children: [_jsx(Avatar, { fontFamily: fontFamily, username: name, icon: generateAvatarIcon(userType), avatar: avatar, size: AVATAR_SIZES.size_32, isEye: isEye, outlineDefaultBackground: COLORS.chip }), _jsxs("div", __assign({ className: "smartapp-chip__context-menu-header__content" }, { children: [_jsxs("div", { children: [userIcon, _jsx("span", { children: name })] }), email && _jsx("div", { children: email })] }))] })));
+    return (_jsxs("div", __assign({ ref: chipRef, className: classNames('smartapp-chip', { 'smartapp-chip__outline': isOutline, 'smartapp-chip__loading': isLoading }, className), style: __assign(__assign({}, generateFontFamilyStyle(fontFamily)), styles), onContextMenu: handleContextMenu, onTouchStart: !isOpenContextMenu ? startPressTimer : undefined, onTouchEnd: cancelPressTimer, onTouchMove: cancelPressTimer, onMouseDown: handleMouseDown, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave }, { children: [_jsxs("div", __assign({ className: "smartapp-chip__info" }, { children: [!isAvatarHidden && (_jsx("div", __assign({ className: "smartapp-chip__info--avatar" }, { children: isLoading ? (_jsx(Loader, { icon: _jsx(LoaderIcon, {}), color: COLORS.iconAccent, isLoader: true, iconSize: AVATAR_SIZES.size_20, styles: generateLoaderStyles(), containerStyles: generateLoaderContainerStyles(), isFullScreen: false })) : (_jsx(Avatar, { isTooltipAvailableOnEye: true, language: language, fontFamily: fontFamily, icon: !isAvatarArrowVisible && generateAvatarIcon(userType), username: name, isWarning: isWarning, avatar: renderAvatar(), size: AVATAR_SIZES.size_24, isEye: isEye, outlineDefaultBackground: COLORS.chip })) }))), userIcon, _jsx("p", { className: classNames('smartapp-chip__info--name', { 'smartapp-chip__info--name__loading': isLoading }), dangerouslySetInnerHTML: createSanitizedHtml(generateName()) })] })), (isError || isDeleteIconAvailable) && (_jsxs("div", __assign({ className: "smartapp-chip__right-icons" }, { children: [isError && _jsx(InfoIcon, { color: COLORS.iconNegative }), isDeleteIconAvailable && (_jsx("div", __assign({ ref: deleteIconRef, className: classNames('smartapp-chip__right-icons--delete-icon', { 'smartapp-chip__right-icons--delete-icon__loading': isLoading }), onClick: handleDeleteClick, onMouseDown: handleDeleteIconMouseDown }, { children: _jsx(DeleteIcon, { style: __assign({ color: generateColor(iconColor) }, iconStyles) }) })))] }))), contextMenuItems && (_jsx(ContextMenu, { isMenuOpen: !!isOpenContextMenu, fontFamily: fontFamily, position: setContextMenuPosition(), closeMenu: handleCloseContextMenu, items: contextMenuItems, actionData: uid || email, topSlot: contextMenuHeader, menuStyles: { width: FIT_CONTENT } }))] })));
 };
 export default Chip;
 //# sourceMappingURL=Chip.js.map

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

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

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

@@ -1,7 +1,7 @@
-import { ICommonProps, ILanguageProps, TStyles } from '../../constants';
+import { IFontFamilyProps, ILanguageProps, IPlatformProps, TStyles } from '../../constants';
 import { CONTACT_TYPES } from '../UserDropdown/constants';
 import { MenuItem } from '../ContextMenu/types';
-export interface IChipProps extends ICommonProps, ILanguageProps {
+export interface IChipProps extends IFontFamilyProps, IPlatformProps, ILanguageProps {
     name: string;
     email?: string;
     uid?: string;
@@ -13,6 +13,9 @@ export interface IChipProps extends ICommonProps, ILanguageProps {
     isLoading?: boolean;
     isEye?: boolean;
     isMyContacts?: boolean;
+    isOrganizer?: boolean;
+    isOrganizerShort?: boolean;
+    isOutline?: boolean;
     isOpenContextMenu?: boolean;
     userType?: CONTACT_TYPES;
     className?: string;

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

@@ -1,4 +1,4 @@
 import { IConfirmationModalProps } from './types';
 import '../../styles/styles.scss';
-declare const ConfirmationModal: ({ isModalOpen, isClosableOutside, isConfirmLoading, isCancelLoading, isCloseIconHidden, title, text, cancelButtonName, confirmButtonName, cancelButtonFunction, confirmButtonFunction, handleCloseModal, platform, popupClassName, className, popupStyles, styles, titleStyles, iconColor, backgroundColor, buttonsDirection, isBottomSheet, isDisabledBottomSheet, bottomSheetProps, }: IConfirmationModalProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const ConfirmationModal: ({ isModalOpen, isClosableOutside, isConfirmLoading, isCancelLoading, isCloseIconHidden, title, text, cancelButtonName, confirmButtonName, cancelButtonFunction, confirmButtonFunction, handleCloseModal, platform, fontFamily, popupClassName, className, popupStyles, styles, titleStyles, iconColor, backgroundColor, buttonsDirection, isBottomSheet, isDisabledBottomSheet, bottomSheetProps, }: IConfirmationModalProps) => import("react/jsx-runtime").JSX.Element | null;
 export default ConfirmationModal;

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

@@ -12,22 +12,23 @@ var __assign = (this && this.__assign) || function () {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef } from 'react';
 import classNames from 'classnames';
+import { useModal } from '../../hooks/useModal';
 import Button from '../Button';
+import { generateBottomSheetClassName, generateClassNames, generateColor, generateFontFamilyStyle, generateIsCloseIconHidden, renderCloseIconSpace, } from '../../helpers';
+import { COLORS, EVENT_LISTENER_TYPES, MODAL_BUTTONS_DIRECTION, PLATFORM } from '../../constants';
 import { TButtonVariant } from '../Button/types';
-import { PLATFORM, MODAL_BUTTONS_DIRECTION, ROW } from '../../constants';
-import { checkIfContentIsCentered, generateClassNames, generateColor, generateIsCloseIconHidden, generateBottomSheetClassName } from '../../helpers';
-import { ReactComponent as CloseIcon } from '../../assets/icons/cancel-cross.svg';
-import { useModal } from '../../hooks/useModal';
+import { ReactComponent as CloseIcon } from '../../assets/icons/close-modal.svg';
 import '../../styles/styles.scss';
-var COLUMN_REVERSE = 'column-reverse';
 var ConfirmationModal = function (_a) {
-    var isModalOpen = _a.isModalOpen, _b = _a.isClosableOutside, isClosableOutside = _b === void 0 ? true : _b, _c = _a.isConfirmLoading, isConfirmLoading = _c === void 0 ? false : _c, _d = _a.isCancelLoading, isCancelLoading = _d === void 0 ? false : _d, isCloseIconHidden = _a.isCloseIconHidden, title = _a.title, text = _a.text, cancelButtonName = _a.cancelButtonName, confirmButtonName = _a.confirmButtonName, cancelButtonFunction = _a.cancelButtonFunction, confirmButtonFunction = _a.confirmButtonFunction, handleCloseModal = _a.handleCloseModal, _e = _a.platform, platform = _e === void 0 ? PLATFORM.web : _e, popupClassName = _a.popupClassName, className = _a.className, popupStyles = _a.popupStyles, styles = _a.styles, titleStyles = _a.titleStyles, iconColor = _a.iconColor, backgroundColor = _a.backgroundColor, _f = _a.buttonsDirection, buttonsDirection = _f === void 0 ? MODAL_BUTTONS_DIRECTION.row : _f, _g = _a.isBottomSheet, isBottomSheet = _g === void 0 ? false : _g, _h = _a.isDisabledBottomSheet, isDisabledBottomSheet = _h === void 0 ? false : _h, bottomSheetProps = _a.bottomSheetProps;
+    var isModalOpen = _a.isModalOpen, _b = _a.isClosableOutside, isClosableOutside = _b === void 0 ? true : _b, _c = _a.isConfirmLoading, isConfirmLoading = _c === void 0 ? false : _c, _d = _a.isCancelLoading, isCancelLoading = _d === void 0 ? false : _d, isCloseIconHidden = _a.isCloseIconHidden, title = _a.title, text = _a.text, cancelButtonName = _a.cancelButtonName, confirmButtonName = _a.confirmButtonName, cancelButtonFunction = _a.cancelButtonFunction, confirmButtonFunction = _a.confirmButtonFunction, handleCloseModal = _a.handleCloseModal, _e = _a.platform, platform = _e === void 0 ? PLATFORM.web : _e, fontFamily = _a.fontFamily, popupClassName = _a.popupClassName, className = _a.className, popupStyles = _a.popupStyles, styles = _a.styles, titleStyles = _a.titleStyles, iconColor = _a.iconColor, backgroundColor = _a.backgroundColor, _f = _a.buttonsDirection, buttonsDirection = _f === void 0 ? MODAL_BUTTONS_DIRECTION.row : _f, _g = _a.isBottomSheet, isBottomSheet = _g === void 0 ? false : _g, _h = _a.isDisabledBottomSheet, isDisabledBottomSheet = _h === void 0 ? false : _h, bottomSheetProps = _a.bottomSheetProps;
     var ref = useRef(null);
     var titleRef = useRef(null);
     var textRef = useRef(null);
-    var btnsContainerDirection = buttonsDirection === MODAL_BUTTONS_DIRECTION.row ? ROW : COLUMN_REVERSE;
+    var closeIconRef = useRef(null);
+    var background = generateColor(backgroundColor, COLORS.colorBgBlackoutTransparent);
     var isCloseIconInvisible = generateIsCloseIconHidden(platform, isCloseIconHidden);
     var cancelFunction = handleCloseModal || cancelButtonFunction;
+    var popupOverlayStyle = __assign({ '--confirmation-modal-background': background }, popupStyles);
     var _j = useModal({
         isModalOpen: isModalOpen,
         platform: platform,
@@ -37,33 +38,25 @@ var ConfirmationModal = function (_a) {
         isClosableOutside: isClosableOutside,
         handleCloseModal: cancelFunction,
         popupClassName: classNames('confirmation-modal', popupClassName),
-        popupStyles: popupStyles,
+        popupStyles: popupOverlayStyle,
+        bottomSheetStyles: { '--rsbs-backdrop-bg': background },
         bottomSheetProps: bottomSheetProps,
     }), shouldUseBottomSheet = _j.shouldUseBottomSheet, renderModal = _j.renderModal;
     var additionalClassName = generateBottomSheetClassName(platform, shouldUseBottomSheet);
     useEffect(function () {
-        document.documentElement.style.setProperty('--confirmation-modal-background', generateColor(backgroundColor));
-    }, [backgroundColor]);
-    useEffect(function () {
-        var checkIfClickedOutside = function (e) {
-            if (isModalOpen && isClosableOutside && ref.current && !ref.current.contains(e.target)) {
+        var checkIfClickedOutside = function (_a) {
+            var target = _a.target;
+            var refCurrent = ref.current;
+            if (isModalOpen && isClosableOutside && refCurrent && !refCurrent.contains(target))
                 cancelFunction();
-            }
-        };
-        document === null || document === void 0 ? void 0 : document.addEventListener('click', checkIfClickedOutside, true);
-        return function () {
-            document === null || document === void 0 ? void 0 : document.removeEventListener('click', checkIfClickedOutside, true);
         };
+        document === null || document === void 0 ? void 0 : document.addEventListener(EVENT_LISTENER_TYPES.click, checkIfClickedOutside, true);
+        return function () { return document === null || document === void 0 ? void 0 : document.removeEventListener(EVENT_LISTENER_TYPES.click, checkIfClickedOutside, true); };
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [isModalOpen, isClosableOutside]);
-    var renderCloseIconSpace = function (_a) {
-        var elementRef = _a.elementRef, _b = _a.isContent, isContent = _b === void 0 ? false : _b;
-        return (_jsx("div", { className: classNames('close-icon-space', {
-                'close-icon-space__content': isContent,
-                'close-icon-space__centered': checkIfContentIsCentered(elementRef),
-            }) }));
-    };
-    var modalContent = (_jsx("div", __assign({ ref: ref, className: classNames('smartapp-confirmation-modal', { 'smartapp-confirmation-modal__bottom-sheet': shouldUseBottomSheet }, className), style: styles }, { children: _jsxs("div", __assign({ className: generateClassNames({ className: 'smartapp-confirmation-modal__content', delimiter: '--', additionalClassName: additionalClassName }) }, { children: [title && (_jsxs("div", { children: [!isCloseIconInvisible && renderCloseIconSpace({ elementRef: titleRef }), _jsx("p", __assign({ ref: titleRef, className: "smartapp-confirmation-modal__content--title", style: titleStyles }, { children: title }))] })), !isCloseIconInvisible && (_jsx("div", __assign({ onClick: cancelFunction, className: "smartapp-confirmation-modal__content--close-icon" }, { children: _jsx(CloseIcon, { style: { color: generateColor(iconColor) } }) }))), _jsxs("div", { children: [!title && !isCloseIconInvisible && renderCloseIconSpace({ elementRef: textRef, isContent: true }), _jsx("span", __assign({ ref: textRef, className: "smartapp-confirmation-modal__content--text" }, { children: text }))] }), _jsxs("div", __assign({ style: { flexDirection: btnsContainerDirection }, className: "smartapp-confirmation-modal__content--buttons" }, { children: [cancelButtonName && (_jsx(Button, { title: cancelButtonName, isWaitingResponse: isCancelLoading, variant: TButtonVariant.secondary, onClick: cancelButtonFunction, disabled: isConfirmLoading })), _jsx(Button, { isWaitingResponse: isConfirmLoading, title: confirmButtonName, onClick: confirmButtonFunction, disabled: isCancelLoading })] }))] })) })));
+    var modalContent = (_jsx("div", __assign({ ref: ref, className: classNames('smartapp-confirmation-modal', { 'smartapp-confirmation-modal__bottom-sheet': shouldUseBottomSheet }, className), style: __assign(__assign({}, generateFontFamilyStyle(fontFamily)), styles) }, { children: _jsxs("div", __assign({ className: generateClassNames({ className: 'smartapp-confirmation-modal__content', delimiter: '--', additionalClassName: additionalClassName }) }, { children: [title && (_jsxs("div", { children: [!isCloseIconInvisible && renderCloseIconSpace({ elementRef: titleRef, closeIconRef: closeIconRef }), _jsx("p", __assign({ ref: titleRef, className: "smartapp-confirmation-modal__content--title", style: titleStyles }, { children: title }))] })), !isCloseIconInvisible && (_jsx("div", __assign({ ref: closeIconRef, onClick: cancelFunction, className: "smartapp-close-modal-icon" }, { children: _jsx(CloseIcon, { style: { color: generateColor(iconColor) } }) }))), _jsxs("div", { children: [!title && !isCloseIconInvisible && renderCloseIconSpace({ elementRef: textRef, closeIconRef: closeIconRef, isContent: true }), _jsx("span", __assign({ ref: textRef, className: "smartapp-confirmation-modal__content--text" }, { children: text }))] }), _jsxs("div", __assign({ className: classNames("smartapp-confirmation-modal__content--buttons smartapp-confirmation-modal__content--buttons__".concat(platform), {
+                        'smartapp-confirmation-modal__content--buttons__column-reverse': buttonsDirection === MODAL_BUTTONS_DIRECTION.column,
+                    }) }, { children: [cancelButtonName && (_jsx(Button, { fontFamily: fontFamily, title: cancelButtonName, isWaitingResponse: isCancelLoading, variant: TButtonVariant.secondary, onClick: cancelButtonFunction, disabled: isConfirmLoading })), _jsx(Button, { fontFamily: fontFamily, isWaitingResponse: isConfirmLoading, title: confirmButtonName, onClick: confirmButtonFunction, disabled: isCancelLoading })] }))] })) })));
     return renderModal(modalContent);
 };
 export default ConfirmationModal;

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

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

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

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { BottomSheetProps } from 'alex.chus-react-spring-bottom-sheet';
-import { ICommonProps, TStyles } from '../../constants';
-export interface IConfirmationModalProps extends ICommonProps {
+import { IFontFamilyProps, IPlatformProps, TStyles } from '../../constants';
+export interface IConfirmationModalProps extends IPlatformProps, IFontFamilyProps {
     isModalOpen: boolean;
     isClosableOutside?: boolean;
     isCloseIconHidden?: boolean;

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

@@ -1,4 +1,4 @@
 import { IContextMenuProps } from './types';
 import '../../styles/styles.scss';
-declare const ContextMenu: <T>({ isMenuOpen, isClickForbidden, isCloseOnItemClick, position: { x, y }, menuWidth, containerClassName, menuClassName, itemClassName, containerStyles, menuStyles, itemStyles, items, closeMenu, platform, actionData, topSlot, }: IContextMenuProps<T>) => import("react/jsx-runtime").JSX.Element | null;
+declare const ContextMenu: <T>({ fontFamily, isMenuOpen, isClickForbidden, isCloseOnItemClick, position: { x, y }, menuWidth, containerClassName, menuClassName, itemClassName, containerStyles, menuStyles, itemStyles, items, closeMenu, platform, actionData, topSlot, }: IContextMenuProps<T>) => import("react/jsx-runtime").JSX.Element | null;
 export default ContextMenu;

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

@@ -13,12 +13,12 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useLayoutEffect, useRef, useState } from 'react';
 import classNames from 'classnames';
 import Checkbox from '../Checkbox';
-import { generateId, isWebPlatform } from '../../helpers';
+import { generateFontFamilyStyle, generateId, isWebPlatform } from '../../helpers';
 import { CONTEXT_MENU_SAFE_SPACE, FIT_CONTENT, PLATFORM } from '../../constants';
 import '../../styles/styles.scss';
 var ContextMenu = function (_a) {
     var _b;
-    var isMenuOpen = _a.isMenuOpen, _c = _a.isClickForbidden, isClickForbidden = _c === void 0 ? false : _c, _d = _a.isCloseOnItemClick, isCloseOnItemClick = _d === void 0 ? true : _d, _e = _a.position, x = _e.x, y = _e.y, menuWidth = _a.menuWidth, containerClassName = _a.containerClassName, menuClassName = _a.menuClassName, itemClassName = _a.itemClassName, containerStyles = _a.containerStyles, _f = _a.menuStyles, menuStyles = _f === void 0 ? {} : _f, _g = _a.itemStyles, itemStyles = _g === void 0 ? {} : _g, items = _a.items, closeMenu = _a.closeMenu, _h = _a.platform, platform = _h === void 0 ? PLATFORM.web : _h, actionData = _a.actionData, topSlot = _a.topSlot;
+    var fontFamily = _a.fontFamily, isMenuOpen = _a.isMenuOpen, _c = _a.isClickForbidden, isClickForbidden = _c === void 0 ? false : _c, _d = _a.isCloseOnItemClick, isCloseOnItemClick = _d === void 0 ? true : _d, _e = _a.position, x = _e.x, y = _e.y, menuWidth = _a.menuWidth, containerClassName = _a.containerClassName, menuClassName = _a.menuClassName, itemClassName = _a.itemClassName, containerStyles = _a.containerStyles, _f = _a.menuStyles, menuStyles = _f === void 0 ? {} : _f, _g = _a.itemStyles, itemStyles = _g === void 0 ? {} : _g, items = _a.items, closeMenu = _a.closeMenu, _h = _a.platform, platform = _h === void 0 ? PLATFORM.web : _h, actionData = _a.actionData, topSlot = _a.topSlot;
     var elementRef = useRef(null);
     var _j = useState(0), contextMenuWidth = _j[0], setContextMenuWidth = _j[1];
     var _k = useState(((_b = elementRef === null || elementRef === void 0 ? void 0 : elementRef.current) === null || _b === void 0 ? void 0 : _b.offsetHeight) || 0), contextMenuHeight = _k[0], setContextMenuHeight = _k[1];
@@ -75,7 +75,7 @@ var ContextMenu = function (_a) {
     var contextMenuStyles = __assign({ top: y + contextMenuHeight > clientHeight ? clientHeight - contextMenuHeight - CONTEXT_MENU_SAFE_SPACE : y, left: x + contextMenuWidth > clientWidth ? clientWidth - contextMenuWidth - CONTEXT_MENU_SAFE_SPACE : x, width: contextMenuWidth || FIT_CONTENT }, menuStyles);
     if (!isMenuOpen)
         return null;
-    return (_jsx("div", __assign({ className: classNames('smartapp-context-menu', containerClassName), style: containerStyles, onClick: function (event) { return handleMenuClose({ event: event, isItemClick: false }); }, onContextMenu: handleContextMenu }, { children: _jsxs("div", __assign({ ref: elementRef, className: classNames('smartapp-context-menu__items', menuClassName), style: contextMenuStyles, onClick: function (event) { return handleMenuClose({ event: event }); } }, { children: [topSlot, contextMenuItems] })) })));
+    return (_jsx("div", __assign({ className: classNames('smartapp-context-menu', containerClassName), style: __assign(__assign({}, generateFontFamilyStyle(fontFamily)), containerStyles), onClick: function (event) { return handleMenuClose({ event: event, isItemClick: false }); }, onContextMenu: handleContextMenu }, { children: _jsxs("div", __assign({ ref: elementRef, className: classNames('smartapp-context-menu__items', menuClassName), style: contextMenuStyles, onClick: function (event) { return handleMenuClose({ event: event }); } }, { children: [topSlot, contextMenuItems] })) })));
 };
 export default ContextMenu;
 //# sourceMappingURL=ContextMenu.js.map

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 { IFontFamilyProps, IPlatformProps, TStyles } from '../../constants';
 export type MenuItem<T extends unknown = any> = {
     isNegativeAction?: boolean;
     isSelected?: boolean;
@@ -12,7 +12,7 @@ export type MenuItem<T extends unknown = any> = {
     action: (actionData?: T) => void;
     icon?: ReactElement;
 };
-export interface IContextMenuProps<T extends unknown = any> extends ICommonProps {
+export interface IContextMenuProps<T extends unknown = any> extends IPlatformProps, IFontFamilyProps {
     isMenuOpen: boolean;
     isCloseOnItemClick?: boolean;
     isClickForbidden?: boolean;

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

@@ -8,5 +8,5 @@ export declare const generateListItemTextRect: (menuListRef: React.RefObject<HTM
     top: number;
     maxWidth: number;
 };
-declare const CustomSelect: ({ isLoading, isSearchable, isCreatable, isDisabled, isOptionsWithTooltip, isMenuAutoWidth, fillType, width, menuListMaxHeight, containerClassName, containerStyles, title, placeholder, hint, noOptionsMessage, noOptionsMessageClassName, error, menuPosition, menuLocation, defaultValue, options, onChange, onDisabledOptionClick, onMenuOpen, }: ICustomSelectProps) => import("react/jsx-runtime").JSX.Element;
+declare const CustomSelect: ({ fontFamily, isLoading, isSearchable, isCreatable, isDisabled, isOptionsWithTooltip, isMenuAutoWidth, width, menuListMaxHeight, containerClassName, containerStyles, title, placeholder, hint, noOptionsMessage, noOptionsMessageClassName, error, menuPosition, menuLocation, defaultValue, options, onChange, onDisabledOptionClick, onMenuOpen, }: ICustomSelectProps) => import("react/jsx-runtime").JSX.Element;
 export default CustomSelect;

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

@@ -21,8 +21,8 @@ import ListItem from '../ListItem';
 import { DEFAULT_INDICATOR_COLOR, NOT_INTERACTIVE_ELEMENT } from '../ListItem/ListItem';
 import { Skeleton } from '../Skeleton';
 import selectStyles from './selectStyles';
-import { isValueEqualToZero } from '../../helpers';
-import { CREATABLE_MENU_LIST_MAX_HEIGHT, ENTER_KEY, FILL_TYPE, MENU_LIST_MAX_HEIGHT, MENU_POSITIONS, POPUP_ON_EVENT_TYPE } from '../../constants';
+import { generateFontFamilyStyle, isValueEqualToZero } from '../../helpers';
+import { CREATABLE_MENU_LIST_MAX_HEIGHT, ENTER_KEY, MENU_LIST_MAX_HEIGHT, MENU_POSITIONS, POPUP_ON_EVENT_TYPE } from '../../constants';
 import { ReactComponent as ArrowDownIcon } from '../../assets/icons/arrow-down.svg';
 import { ReactComponent as ArrowUpIcon } from '../../assets/icons/arrow-up.svg';
 import { ReactComponent as ClearIcon } from '../../assets/icons/clear.svg';
@@ -47,7 +47,7 @@ export var generateListItemTextRect = function (menuListRef, listItemTextRef) {
     };
 };
 var Option = function (props) {
-    var label = props.label, isSelected = props.isSelected, isOptionsWithTooltip = props.isOptionsWithTooltip, _a = props.data, isCreatable = _a.isCreatable, isDisabled = _a.isDisabled, _b = _a.element, element = _b === void 0 ? NOT_INTERACTIVE_ELEMENT.noElement : _b, secondaryText = _a.secondaryText, secondaryTextColor = _a.secondaryTextColor, color = _a.color, styles = _a.styles, containerClassName = _a.containerClassName, onDisabledOptionClick = props.onDisabledOptionClick, menuListRef = props.menuListRef;
+    var label = props.label, isSelected = props.isSelected, isOptionsWithTooltip = props.isOptionsWithTooltip, _a = props.data, isCreatable = _a.isCreatable, isDisabled = _a.isDisabled, _b = _a.element, element = _b === void 0 ? NOT_INTERACTIVE_ELEMENT.noElement : _b, secondaryText = _a.secondaryText, secondaryTextColor = _a.secondaryTextColor, color = _a.color, styles = _a.styles, containerClassName = _a.containerClassName, onDisabledOptionClick = props.onDisabledOptionClick, menuListRef = props.menuListRef, fontFamily = props.fontFamily;
     var optionComponentRef = useRef(null);
     var listItemTextRef = useRef(null);
     var popupRef = useRef(null);
@@ -93,12 +93,8 @@ var Option = function (props) {
         }
     };
     var handleClosePopup = function () { return timeoutId && clearTimeout(timeoutId); };
-    var renderListItem = function () { return (_jsx(ListItem, { textRef: listItemTextRef, type: "not-interactive", element: element, text: label, secondaryText: secondaryText, secondaryTextColor: secondaryTextColor, color: color, isSelected: isSelected && !isCreatable, isDisabled: isDisabled, textStyles: __assign(__assign({}, styles), { width: listItemTextWidth }) })); };
-    return (_jsx("div", __assign({ className: containerClassName, onClick: handleOptionClick }, { children: _jsx(components.Option, __assign({}, props, { innerRef: optionComponentRef, className: classNames({ 'smartapp-option-with-tooltip': isOptionsWithTooltip }) }, { children: isTooltipAvailable ? (_jsx(Popup, __assign({ ref: popupRef, className: classNames('select-label', hiddenClassName), contentStyle: {
-                    '--select-label-content-left': "".concat(popupLeft, "px"),
-                    '--select-label-content-top': "".concat(popupTop, "px"),
-                    '--select-label-content-max-width': "".concat(popupMaxWidth, "px"),
-                }, on: [POPUP_ON_EVENT_TYPE.hover], mouseEnterDelay: POPUP_APPEARANCE_DELAY, onOpen: recalculatePopupMaxWidth, onClose: handleClosePopup, trigger: function () { return _jsx("div", __assign({ className: "w-100" }, { children: renderListItem() })); } }, { children: _jsx("span", __assign({ ref: popupSpanRef }, { children: label })) }))) : (renderListItem()) })) })));
+    var renderListItem = function () { return (_jsx(ListItem, { fontFamily: fontFamily, textRef: listItemTextRef, type: "not-interactive", element: element, text: label, secondaryText: secondaryText, secondaryTextColor: secondaryTextColor, color: color, isSelected: isSelected && !isCreatable, isDisabled: isDisabled, textStyles: __assign(__assign({}, styles), { width: listItemTextWidth }) })); };
+    return (_jsx("div", __assign({ className: containerClassName, onClick: handleOptionClick }, { children: _jsx(components.Option, __assign({}, props, { innerRef: optionComponentRef, className: classNames({ 'smartapp-option-with-tooltip': isOptionsWithTooltip }) }, { children: isTooltipAvailable ? (_jsx(Popup, __assign({ ref: popupRef, arrow: false, className: classNames('select-label', hiddenClassName), contentStyle: __assign({ '--select-label-content-left': "".concat(popupLeft, "px"), '--select-label-content-top': "".concat(popupTop, "px"), '--select-label-content-max-width': "".concat(popupMaxWidth, "px") }, generateFontFamilyStyle(fontFamily)), on: [POPUP_ON_EVENT_TYPE.hover], mouseEnterDelay: POPUP_APPEARANCE_DELAY, onOpen: recalculatePopupMaxWidth, onClose: handleClosePopup, trigger: function () { return _jsx("div", __assign({ className: "w-100" }, { children: renderListItem() })); } }, { children: _jsx("span", __assign({ ref: popupSpanRef }, { children: label })) }))) : (renderListItem()) })) })));
 };
 var SingleValueComponent = function (props) {
     var isDisabled = props.isDisabled, _a = props.data, _b = _a.element, element = _b === void 0 ? NOT_INTERACTIVE_ELEMENT.noElement : _b, _c = _a.color, color = _c === void 0 ? DEFAULT_INDICATOR_COLOR : _c, children = props.children;
@@ -138,10 +134,10 @@ var NoOptionsMessage = function (props) {
 var Input = function (props) { return _jsx(components.Input, __assign({}, props, { isHidden: false })); };
 var IndicatorSeparator = function () { return null; };
 var LoadingIndicator = function () { return null; };
-var MENU_LIST_INDENT = 16;
-var POPUP_TOP_INDENT = 26;
+var MENU_LIST_INDENT = 14;
+var POPUP_TOP_INDENT = 20;
 var TOOLTIP_CONTENT_INDENTS = 24;
-var POPUP_APPEARANCE_DELAY = 1000;
+var POPUP_APPEARANCE_DELAY = 500;
 var POPUP_HIDDEN_CLASSNAME = 'select-label-hidden';
 var LOADING_MESSAGE_ITEMS = 6;
 var IS_CREATABLE_FIELD_NAME = 'isCreatable';
@@ -151,16 +147,17 @@ var ACTIONS = {
     inputChange: 'input-change',
 };
 var CustomSelect = function (_a) {
-    var _b = _a.isLoading, isLoading = _b === void 0 ? false : _b, _c = _a.isSearchable, isSearchable = _c === void 0 ? false : _c, _d = _a.isCreatable, isCreatable = _d === void 0 ? false : _d, _e = _a.isDisabled, isDisabled = _e === void 0 ? false : _e, _f = _a.isOptionsWithTooltip, isOptionsWithTooltip = _f === void 0 ? false : _f, _g = _a.isMenuAutoWidth, isMenuAutoWidth = _g === void 0 ? false : _g, _h = _a.fillType, fillType = _h === void 0 ? FILL_TYPE.primary : _h, _j = _a.width, width = _j === void 0 ? 100 : _j, menuListMaxHeight = _a.menuListMaxHeight, containerClassName = _a.containerClassName, containerStyles = _a.containerStyles, title = _a.title, placeholder = _a.placeholder, hint = _a.hint, noOptionsMessage = _a.noOptionsMessage, noOptionsMessageClassName = _a.noOptionsMessageClassName, error = _a.error, _k = _a.menuPosition, menuPosition = _k === void 0 ? MENU_POSITIONS.bottom : _k, menuLocation = _a.menuLocation, defaultValue = _a.defaultValue, options = _a.options, onChange = _a.onChange, _l = _a.onDisabledOptionClick, onDisabledOptionClick = _l === void 0 ? function () { } : _l, _m = _a.onMenuOpen, onMenuOpen = _m === void 0 ? function () { } : _m;
+    var fontFamily = _a.fontFamily, _b = _a.isLoading, isLoading = _b === void 0 ? false : _b, _c = _a.isSearchable, isSearchable = _c === void 0 ? false : _c, _d = _a.isCreatable, isCreatable = _d === void 0 ? false : _d, _e = _a.isDisabled, isDisabled = _e === void 0 ? false : _e, _f = _a.isOptionsWithTooltip, isOptionsWithTooltip = _f === void 0 ? false : _f, _g = _a.isMenuAutoWidth, isMenuAutoWidth = _g === void 0 ? false : _g, _h = _a.width, width = _h === void 0 ? 100 : _h, menuListMaxHeight = _a.menuListMaxHeight, containerClassName = _a.containerClassName, containerStyles = _a.containerStyles, title = _a.title, placeholder = _a.placeholder, hint = _a.hint, noOptionsMessage = _a.noOptionsMessage, noOptionsMessageClassName = _a.noOptionsMessageClassName, error = _a.error, _j = _a.menuPosition, menuPosition = _j === void 0 ? MENU_POSITIONS.bottom : _j, menuLocation = _a.menuLocation, defaultValue = _a.defaultValue, options = _a.options, onChange = _a.onChange, _k = _a.onDisabledOptionClick, onDisabledOptionClick = _k === void 0 ? function () { } : _k, _l = _a.onMenuOpen, onMenuOpen = _l === void 0 ? function () { } : _l;
     var selectRef = useRef(null);
     var menuListRef = useRef(null);
-    var _o = useState(), value = _o[0], setValue = _o[1];
-    var _p = useState(''), inputValue = _p[0], setInputValue = _p[1];
-    var _q = useState(false), isInputFocused = _q[0], setIsInputFocused = _q[1];
-    var _r = useState(0), optionHeight = _r[0], setOptionHeight = _r[1];
+    var _m = useState(), value = _m[0], setValue = _m[1];
+    var _o = useState(''), inputValue = _o[0], setInputValue = _o[1];
+    var _p = useState(false), isInputFocused = _p[0], setIsInputFocused = _p[1];
+    var _q = useState(0), optionHeight = _q[0], setOptionHeight = _q[1];
     var selectRefCurrent = selectRef.current;
     var isSelectClearable = isInputFocused && !isEmpty(inputValue);
-    useLayoutEffect(function () { return setOptionHeight(0); }, [width, isMenuAutoWidth]);
+    var fontFamilyStyle = generateFontFamilyStyle(fontFamily);
+    useLayoutEffect(function () { return setOptionHeight(0); }, [width, fontFamily, isMenuAutoWidth]);
     useEffect(function () {
         if (defaultValue) {
             setValue(defaultValue);
@@ -177,10 +174,17 @@ var CustomSelect = function (_a) {
     };
     var renderHint = function () { return hint && _jsx("div", __assign({ className: "smartapp-custom-select__hint" }, { children: hint })); };
     var renderError = function () { return error && _jsx("div", __assign({ className: "smartapp-custom-select__error" }, { children: error })); };
-    var OptionComponent = function (props) { return (_jsx(Option, __assign({}, props, { menuListRef: menuListRef, isOptionsWithTooltip: isOptionsWithTooltip, onDisabledOptionClick: onDisabledOptionClick }))); };
+    var OptionComponent = function (props) { return (_jsx(Option, __assign({}, props, { menuListRef: menuListRef, fontFamily: fontFamily, isOptionsWithTooltip: isOptionsWithTooltip, onDisabledOptionClick: onDisabledOptionClick }))); };
     var MenuListComponent = function (props) { return (_jsx(MenuList, __assign({}, props, { children: props.children, menuListRef: menuListRef, selectWidth: width, optionHeight: optionHeight, setOptionHeight: setOptionHeight }))); };
     var generateStyles = function () {
-        return selectStyles({ isDisabled: isDisabled, isError: !isEmpty(error), isMenuAutoWidth: isMenuAutoWidth, fillType: fillType, menuListMaxHeight: generateMenuListMaxHeight(), optionHeight: optionHeight });
+        return selectStyles({
+            isDisabled: isDisabled,
+            isError: !isEmpty(error),
+            isMenuAutoWidth: isMenuAutoWidth,
+            fontFamilyStyle: fontFamilyStyle,
+            menuListMaxHeight: generateMenuListMaxHeight(),
+            optionHeight: optionHeight,
+        });
     };
     var creatableFilterOption = function () { return !(value === null || value === void 0 ? void 0 : value.isCreatable); };
     var handleChange = function (option, _a) {
@@ -217,7 +221,7 @@ var CustomSelect = function (_a) {
             selectRefCurrent === null || selectRefCurrent === void 0 ? void 0 : selectRefCurrent.blur();
         }
     };
-    return (_jsxs("div", __assign({ className: classNames('smartapp-custom-select', containerClassName), style: __assign({ width: "".concat(width, "%") }, containerStyles) }, { children: [renderTitle(), isCreatable ? (_jsx(CreatableSelect, { ref: selectRef, menuPlacement: menuPosition, menuPosition: menuLocation, isLoading: isLoading, isDisabled: isDisabled, isClearable: isSelectClearable, controlShouldRenderValue: isDisabled, filterOption: creatableFilterOption, options: options, value: (value === null || value === void 0 ? void 0 : value.label) ? value : null, styles: generateStyles(), placeholder: placeholder, inputValue: isDisabled ? '' : inputValue, onInputChange: handleInputChange, onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur, onKeyDown: handleCreatableKeyDown, onMenuOpen: onMenuOpen, loadingMessage: function () { return _jsx(LoadingMessage, { isCreatableSelect: true }); }, components: {
+    return (_jsxs("div", __assign({ className: classNames('smartapp-custom-select', containerClassName), style: __assign(__assign({ width: "".concat(width, "%") }, fontFamilyStyle), containerStyles) }, { children: [renderTitle(), isCreatable ? (_jsx(CreatableSelect, { ref: selectRef, menuPlacement: menuPosition, menuPosition: menuLocation, isLoading: isLoading, isDisabled: isDisabled, isClearable: isSelectClearable, controlShouldRenderValue: isDisabled, filterOption: creatableFilterOption, options: options, value: (value === null || value === void 0 ? void 0 : value.label) ? value : null, styles: generateStyles(), placeholder: placeholder, inputValue: isDisabled ? '' : inputValue, onInputChange: handleInputChange, onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur, onKeyDown: handleCreatableKeyDown, onMenuOpen: onMenuOpen, loadingMessage: function () { return _jsx(LoadingMessage, { isCreatableSelect: true }); }, components: {
                     Input: Input,
                     Option: OptionComponent,
                     IndicatorSeparator: IndicatorSeparator,