@expressms/smartapp-ui 2.2.2 → 2.2.4

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

@@ -19,44 +19,49 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useRef, useState } from 'react';
+import { useCallback, useEffect, useRef, useState } from 'react';
 import Select, { components } from 'react-select';
-import { debounce, isNil, isNull, uniqBy, flatten, isEmpty, omit } from 'lodash';
+import { debounce, isNil, isNull, uniqBy, isEmpty, omit } from 'lodash';
 import classNames from 'classnames';
 import LoadingMessage from './LoadingMessage/LoadingMessage';
 import MultiValueLabel from './MultiValueLabel/MultiValueLabel';
-import GroupHeading from './GroupHeading/GroupHeading';
 import Option from './Option/Option';
+import MenuList from './MenuList/MenuList';
 import { IndicatorSeparator, DropdownIndicator, LoadingIndicator, MultiValueRemove, generateCorporateOptionsToSelect, generateContactsOptionsToSelect, generateCorporateOption, generateContactsOption, generateEnteredByUserOption, } from './helpers';
-import { getClassNames } from '../../helpers';
-import { DEFAULT_INPUT_PADDING, ENTER_KEY, INPUT_BORDER_TYPE, INPUT_COUNTER_TIMEOUT, MASK_INPUT_PL, PLATFORM, THEME } from '../../constants';
+import { getClassNames, isIosPlatform } from '../../helpers';
+import { DEFAULT_INPUT_PADDING, ENTER_KEY, INPUT_BORDER_TYPE, INPUT_COUNTER_TIMEOUT, LAYOUT_TYPE, MASK_INPUT_PL, PLATFORM, THEME, } from '../../constants';
 import selectStyles from './selectStyles';
 import '../../styles/styles.scss';
 var MIN_INPUT_SYMBOLS = 3;
-var GROUP_MY_CONTACTS = 'Мои контакты';
 var EMAIL_FIELD = 'email';
+var TOP_MENU_POSITION = 'top';
 var EXCLUDED_FIELDS;
 (function (EXCLUDED_FIELDS) {
     EXCLUDED_FIELDS["value"] = "value";
     EXCLUDED_FIELDS["label"] = "label";
     EXCLUDED_FIELDS["theme"] = "theme";
+    EXCLUDED_FIELDS["layoutType"] = "layoutType";
     EXCLUDED_FIELDS["platform"] = "platform";
-    EXCLUDED_FIELDS["isTrustUser"] = "isTrustUser";
     EXCLUDED_FIELDS["isMyContacts"] = "isMyContacts";
     EXCLUDED_FIELDS["isEnteredByUser"] = "isEnteredByUser";
+    EXCLUDED_FIELDS["isChipsCollapsable"] = "isChipsCollapsable";
+    EXCLUDED_FIELDS["isInputFocused"] = "isInputFocused";
     EXCLUDED_FIELDS["setIsSearchable"] = "setIsSearchable";
     EXCLUDED_FIELDS["selectRef"] = "selectRef";
 })(EXCLUDED_FIELDS || (EXCLUDED_FIELDS = {}));
 var Input = function (props) { return _jsx(components.Input, __assign({}, props, { enterkeyhint: "done" })); };
 var UserDropdown = function (_a) {
-    var _b = _a.theme, theme = _b === void 0 ? THEME.default : _b, _c = _a.platform, platform = _c === void 0 ? PLATFORM.web : _c, _d = _a.isFullScreen, isFullScreen = _d === void 0 ? false : _d, _e = _a.isDisabled, isDisabled = _e === void 0 ? false : _e, _f = _a.isLoading, isLoading = _f === void 0 ? false : _f, _g = _a.isChipsVisible, isChipsVisible = _g === void 0 ? true : _g, _h = _a.isMenuCloseOnSelect, isMenuCloseOnSelect = _h === void 0 ? true : _h, title = _a.title, mask = _a.mask, placeholder = _a.placeholder, hint = _a.hint, noOptionsMessage = _a.noOptionsMessage, maxMembersCount = _a.maxMembersCount, _j = _a.borderType, borderType = _j === void 0 ? INPUT_BORDER_TYPE.intense : _j, _k = _a.selectedEntries, selectedEntries = _k === void 0 ? [] : _k, corporateEntries = _a.corporateEntries, myContactsEntries = _a.myContactsEntries, onInputChange = _a.onInputChange, onChange = _a.onChange, onMenuClose = _a.onMenuClose, _l = _a.menuPosition, menuPosition = _l === void 0 ? 'top' : _l;
-    var _m = useState([]), selectedUsers = _m[0], setSelectedUsers = _m[1];
-    var _o = useState(null), timeoutId = _o[0], setTimeoutId = _o[1];
-    var _p = useState(''), paddingLeft = _p[0], setPaddingLeft = _p[1];
-    var _q = useState(false), isError = _q[0], setIsError = _q[1];
-    var _r = useState(true), isSearchable = _r[0], setIsSearchable = _r[1];
+    var _b = _a.theme, theme = _b === void 0 ? THEME.default : _b, _c = _a.platform, platform = _c === void 0 ? PLATFORM.web : _c, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, _e = _a.isLoading, isLoading = _e === void 0 ? false : _e, _f = _a.isChipsVisible, isChipsVisible = _f === void 0 ? true : _f, _g = _a.isChipsCollapsable, isChipsCollapsable = _g === void 0 ? false : _g, _h = _a.isMenuCloseOnSelect, isMenuCloseOnSelect = _h === void 0 ? true : _h, _j = _a.hasNextPage, hasNextPage = _j === void 0 ? false : _j, _k = _a.isNextPageLoading, isNextPageLoading = _k === void 0 ? false : _k, _l = _a.layoutType, layoutType = _l === void 0 ? LAYOUT_TYPE.minimal : _l, title = _a.title, mask = _a.mask, placeholder = _a.placeholder, hint = _a.hint, noOptionsMessage = _a.noOptionsMessage, maxMembersCount = _a.maxMembersCount, _m = _a.borderType, borderType = _m === void 0 ? INPUT_BORDER_TYPE.intense : _m, _o = _a.selectedEntries, selectedEntries = _o === void 0 ? [] : _o, corporateEntries = _a.corporateEntries, myContactsEntries = _a.myContactsEntries, onInputChange = _a.onInputChange, onChange = _a.onChange, onMenuClose = _a.onMenuClose, onLoadNextPage = _a.onLoadNextPage, _p = _a.menuPosition, menuPosition = _p === void 0 ? TOP_MENU_POSITION : _p;
+    var _q = useState([]), selectedUsers = _q[0], setSelectedUsers = _q[1];
+    var _r = useState(null), timeoutId = _r[0], setTimeoutId = _r[1];
+    var _s = useState(''), paddingLeft = _s[0], setPaddingLeft = _s[1];
+    var _t = useState(false), isError = _t[0], setIsError = _t[1];
+    var _u = useState(true), isSearchable = _u[0], setIsSearchable = _u[1];
+    var _v = useState(false), isUserTyping = _v[0], setIsUserTyping = _v[1];
+    var isInputFocused = useRef(false);
     var selectRef = useRef(null);
     var maskRef = useRef(null);
+    var menuScrollFromTop = useRef(0);
     var generatePaddingLeft = function () {
         var _a, _b;
         var maskWidth = ((_b = (_a = maskRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) === null || _b === void 0 ? void 0 : _b.width) || null;
@@ -64,8 +69,6 @@ var UserDropdown = function (_a) {
     };
     var generateStyles = function () {
         return selectStyles({
-            isLoading: isLoading,
-            isFullScreen: isFullScreen,
             isChipsVisible: isChipsVisible,
             isMaxMembersAdded: maxMembersCount && isChipsVisible ? selectedUsers.length === maxMembersCount : false,
             isDisabled: isDisabled,
@@ -74,40 +77,24 @@ var UserDropdown = function (_a) {
             paddingLeft: paddingLeft,
             borderType: borderType,
             theme: theme,
+            layoutType: layoutType,
         });
     };
     var generateNoOptionsMessage = function (_a) {
         var inputValue = _a.inputValue;
         return inputValue.length >= MIN_INPUT_SYMBOLS && !isNull(corporateEntries) && !isNull(myContactsEntries) ? noOptionsMessage : null;
     };
-    var generateOptions = function () { return [
-        {
-            options: __spreadArray(__spreadArray([], generateCorporateOptionsToSelect({
-                options: (corporateEntries === null || corporateEntries === void 0 ? void 0 : corporateEntries.corpPhonebookEntries) || [],
-                theme: theme,
-                platform: platform,
-                setIsSearchable: setIsSearchable,
-                selectRef: selectRef,
-            }), true), generateCorporateOptionsToSelect({
-                options: (corporateEntries === null || corporateEntries === void 0 ? void 0 : corporateEntries.trustSearchEntries) || [],
-                theme: theme,
-                platform: platform,
-                isTrustUser: true,
-                setIsSearchable: setIsSearchable,
-                selectRef: selectRef,
-            }), true),
-        },
-        {
-            label: GROUP_MY_CONTACTS,
-            options: __spreadArray([], generateContactsOptionsToSelect({ options: myContactsEntries || [], theme: theme }), true),
-        },
-    ]; };
+    var generateOptions = function () {
+        var commonFields = { theme: theme, platform: platform, layoutType: layoutType, isChipsCollapsable: isChipsCollapsable, isInputFocused: isInputFocused, selectRef: selectRef, setIsSearchable: setIsSearchable };
+        return __spreadArray(__spreadArray(__spreadArray([], generateCorporateOptionsToSelect(__assign({ options: (corporateEntries === null || corporateEntries === void 0 ? void 0 : corporateEntries.corpPhonebookEntries) || [] }, commonFields)), true), generateCorporateOptionsToSelect(__assign({ options: (corporateEntries === null || corporateEntries === void 0 ? void 0 : corporateEntries.trustSearchEntries) || [] }, commonFields)), true), generateContactsOptionsToSelect(__assign({ options: myContactsEntries || [] }, commonFields)), true);
+    };
     var handleSetTimeoutForCounter = function () {
         var id = setTimeout(function () { return setTimeoutId(null); }, INPUT_COUNTER_TIMEOUT);
         setTimeoutId(id);
     };
     var requestDebounce = debounce(function (inputValue) {
         onInputChange(inputValue);
+        setIsUserTyping(false);
     }, 300);
     var handleResetError = function () { return isError && setIsError(false); };
     var handleMenuClose = function () {
@@ -115,15 +102,21 @@ var UserDropdown = function (_a) {
         onMenuClose && onMenuClose();
     };
     var handleInputChange = function (inputValue) {
+        setIsUserTyping(true);
         handleResetError();
         if (inputValue.length >= MIN_INPUT_SYMBOLS) {
             requestDebounce(inputValue);
         }
+        else {
+            debounce(function () {
+                setIsUserTyping(false);
+            }, 300);
+        }
     };
     var handleAddUser = function (needToShowError) {
         if (needToShowError === void 0) { needToShowError = true; }
         var selectRefCurrent = selectRef.current;
-        var _a = selectRefCurrent.props, selectOptions = _a.options, inputValue = _a.inputValue, onChange = _a.onChange, onInputChange = _a.onInputChange;
+        var _a = selectRefCurrent.props, options = _a.options, inputValue = _a.inputValue, onChange = _a.onChange, onInputChange = _a.onInputChange;
         var trimInputValue = inputValue.trim();
         var regex = new RegExp(/^(([^<>()[\].,;:\s@"]+(\.[^<>()[\].,;:\s@"]+)*)|(".+"))@(([^<>()[\].,;:\s@"]+\.)+[^<>()[\].,;:\s@"]{2,})$/);
         if (regex.test(trimInputValue)) {
@@ -131,15 +124,14 @@ var UserDropdown = function (_a) {
                 var email = _a.email;
                 return email === trimInputValue;
             });
-            var options = flatten(selectOptions.map(function (_a) {
-                var options = _a.options;
-                return options;
-            }));
             var existingUser = options.find(function (_a) {
                 var email = _a.email;
                 return email === trimInputValue;
             });
-            onChange(__spreadArray(__spreadArray([], selectedUsers, true), [existingUser || generateEnteredByUserOption({ email: trimInputValue, theme: theme })], false));
+            onChange(__spreadArray(__spreadArray([], selectedUsers, true), [
+                existingUser ||
+                    generateEnteredByUserOption({ email: trimInputValue, theme: theme, platform: platform, layoutType: layoutType, isChipsCollapsable: isChipsCollapsable, isInputFocused: isInputFocused, selectRef: selectRef }),
+            ], false));
             isUserAlreadySelected && needToShowError ? setIsError(true) : onInputChange('');
         }
         else {
@@ -157,10 +149,18 @@ var UserDropdown = function (_a) {
         var users = [];
         uniqNewSelectedUsers.forEach(function (user) {
             var isEnteredByUser = user.isEnteredByUser, isMyContacts = user.isMyContacts;
-            var userToAdd = omit(user, [EXCLUDED_FIELDS.value, EXCLUDED_FIELDS.label, EXCLUDED_FIELDS.theme]);
-            var entryFieldsToExclude = isMyContacts
-                ? [EXCLUDED_FIELDS.isMyContacts]
-                : [EXCLUDED_FIELDS.isTrustUser, EXCLUDED_FIELDS.platform, EXCLUDED_FIELDS.setIsSearchable, EXCLUDED_FIELDS.selectRef];
+            var userToAdd = omit(user, [
+                EXCLUDED_FIELDS.value,
+                EXCLUDED_FIELDS.label,
+                EXCLUDED_FIELDS.theme,
+                EXCLUDED_FIELDS.platform,
+                EXCLUDED_FIELDS.layoutType,
+                EXCLUDED_FIELDS.isChipsCollapsable,
+                EXCLUDED_FIELDS.isInputFocused,
+                EXCLUDED_FIELDS.selectRef,
+                EXCLUDED_FIELDS.setIsSearchable,
+            ]);
+            var entryFieldsToExclude = isMyContacts ? [EXCLUDED_FIELDS.isMyContacts] : [];
             var fieldsToExclude = isEnteredByUser ? [EXCLUDED_FIELDS.isEnteredByUser] : entryFieldsToExclude;
             users.push(omit(userToAdd, fieldsToExclude));
         });
@@ -188,6 +188,19 @@ var UserDropdown = function (_a) {
         var isContainsInputValue = label.toLowerCase().includes(inputValue.toLowerCase()) || optionEmail.toLowerCase().includes(inputValue.toLowerCase());
         return !isEmpty(selectedUsers) ? !isUserAlreadySelected && isContainsInputValue : isContainsInputValue;
     };
+    var handleBlur = function () {
+        handleAddUser(false);
+        isInputFocused.current = false;
+    };
+    var handleFocus = function () {
+        if (isIosPlatform(platform)) {
+            new Promise(function (resolve) { return resolve(); }).then(function () { var _a; return (_a = selectRef.current) === null || _a === void 0 ? void 0 : _a.focus(); });
+        }
+        else {
+            setTimeout(function () { var _a; return (_a = selectRef.current) === null || _a === void 0 ? void 0 : _a.focus(); }, 100);
+        }
+        isInputFocused.current = true;
+    };
     var renderCounter = function () {
         return !isNil(maxMembersCount) && (_jsx("div", __assign({ className: classNames('smartapp-user-dropdown__title--counter', { 'smartapp-user-dropdown__title--counter__error': !isNull(timeoutId) }) }, { children: "".concat(selectedUsers.length, "/").concat(maxMembersCount) })));
     };
@@ -202,20 +215,32 @@ var UserDropdown = function (_a) {
         setPaddingLeft(generatePaddingLeft());
     }, [mask]);
     useEffect(function () {
-        setSelectedUsers(function (prevSelectedUsers) { return prevSelectedUsers.map(function (selectedUser) { return (__assign(__assign({}, selectedUser), { theme: theme })); }); });
-    }, [theme]);
+        setSelectedUsers(function (prevSelectedUsers) { return prevSelectedUsers.map(function (selectedUser) { return (__assign(__assign({}, selectedUser), { theme: theme, layoutType: layoutType, isChipsCollapsable: isChipsCollapsable })); }); });
+    }, [theme, layoutType, isChipsCollapsable]);
     useEffect(function () {
         if (!isEmpty(selectedEntries)) {
             setSelectedUsers(selectedEntries.map(function (entity) {
+                var commonFields = { theme: theme, platform: platform, layoutType: layoutType, isChipsCollapsable: isChipsCollapsable, isInputFocused: isInputFocused, selectRef: selectRef };
                 var generatedNotCorporateEntity = Object.keys(entity).length === 1
-                    ? generateEnteredByUserOption({ email: entity.email, theme: theme })
-                    : generateContactsOption({ option: entity, theme: theme });
-                return 'contacts' in entity ? generateCorporateOption({ option: entity, theme: theme }) : generatedNotCorporateEntity;
+                    ? generateEnteredByUserOption(__assign({ email: entity.email }, commonFields))
+                    : generateContactsOption(__assign({ option: entity }, commonFields));
+                return 'contacts' in entity ? generateCorporateOption(__assign({ option: entity }, commonFields)) : generatedNotCorporateEntity;
             }));
         }
         // eslint-disable-next-line
     }, [selectedEntries]);
-    return (_jsxs("div", __assign({ className: getClassNames({ className: 'smartapp-user-dropdown', delimiter: '__', additionalClassName: theme }) }, { children: [renderTitle(), _jsxs("div", __assign({ className: "smartapp-user-dropdown__container" }, { children: [renderMask(), _jsx(Select, { ref: selectRef, isMulti: true, isSearchable: isSearchable, menuPlacement: menuPosition, controlShouldRenderValue: isChipsVisible, backspaceRemovesValue: isChipsVisible, isDisabled: isDisabled, closeMenuOnSelect: isMenuCloseOnSelect, isLoading: isLoading, isClearable: false, styles: generateStyles(), placeholder: placeholder || '', noOptionsMessage: generateNoOptionsMessage, loadingMessage: function () { return _jsx(LoadingMessage, { theme: theme }); }, value: selectedUsers, options: !isNull(corporateEntries) || !isNull(myContactsEntries) ? generateOptions() : undefined, filterOption: handleFilterOption, onInputChange: handleInputChange, onChange: handleChange, onMenuClose: handleMenuClose, onKeyDown: handleKeyDown, onBlur: function () { return handleAddUser(false); }, onFocus: function () { return setTimeout(function () { var _a; return (_a = selectRef.current) === null || _a === void 0 ? void 0 : _a.focus(); }, 100); }, components: { Input: Input, MultiValueLabel: MultiValueLabel, MultiValueRemove: MultiValueRemove, GroupHeading: GroupHeading, Option: Option, IndicatorSeparator: IndicatorSeparator, DropdownIndicator: DropdownIndicator, LoadingIndicator: LoadingIndicator } })] })), renderHint()] })));
+    var OptionComponent = useCallback(function (props) { return _jsx(Option, __assign({}, props, { children: props.children })); }, []);
+    var MenuListComponent = useCallback(function (props) { return (_jsx(MenuList, __assign({}, props, { children: props.children, appTheme: theme, selectRef: selectRef, scrollFromTop: menuScrollFromTop, hasNextPage: hasNextPage, isLoading: isLoading, isUserTyping: isUserTyping, isNextPageLoading: isNextPageLoading, onLoadNextPage: function (inputValue) { return onLoadNextPage && onLoadNextPage(inputValue); } }))); }, [hasNextPage, isLoading, isNextPageLoading, isUserTyping, onLoadNextPage, theme]);
+    return (_jsxs("div", __assign({ className: getClassNames({ className: 'smartapp-user-dropdown', delimiter: '__', additionalClassName: theme }) }, { children: [renderTitle(), _jsxs("div", __assign({ className: "smartapp-user-dropdown__container" }, { children: [renderMask(), _jsx(Select, { ref: selectRef, isMulti: true, openMenuOnFocus: true, isSearchable: isSearchable, menuPlacement: menuPosition, controlShouldRenderValue: isChipsVisible, backspaceRemovesValue: isChipsVisible, isDisabled: isDisabled, closeMenuOnSelect: isMenuCloseOnSelect, isLoading: isLoading, isClearable: false, styles: generateStyles(), placeholder: placeholder || '', noOptionsMessage: generateNoOptionsMessage, loadingMessage: function () { return _jsx(LoadingMessage, { theme: theme }); }, value: selectedUsers, options: !isNull(corporateEntries) || !isNull(myContactsEntries) ? generateOptions() : undefined, filterOption: handleFilterOption, onInputChange: handleInputChange, onChange: handleChange, onMenuClose: handleMenuClose, onKeyDown: handleKeyDown, onBlur: handleBlur, onFocus: handleFocus, components: {
+                            Input: Input,
+                            MultiValueLabel: MultiValueLabel,
+                            MultiValueRemove: MultiValueRemove,
+                            Option: OptionComponent,
+                            IndicatorSeparator: IndicatorSeparator,
+                            DropdownIndicator: DropdownIndicator,
+                            LoadingIndicator: LoadingIndicator,
+                            MenuList: MenuListComponent,
+                        } })] })), renderHint()] })));
 };
 export default UserDropdown;
 //# sourceMappingURL=UserDropdown.js.map

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

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

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

@@ -3,7 +3,6 @@ export declare const lightBlueColor = "rgba(71, 153, 227, 0.5)";
 export declare const lighterGrayColor = "rgba(241, 241, 242, 1)";
 export declare const lightGrayColor = "rgba(17, 17, 17, 0.3)";
 export declare const grayColor = "rgba(183, 183, 183, 1)";
-export declare const darkGrayColor = "rgba(158, 158, 158, 1)";
 export declare const lighterBlackColor = "rgba(86, 86, 86, 1)";
 export declare const lightBlackColor = "rgba(49, 49, 49, 1)";
 export declare const blackColor = "rgba(26, 26, 26, 1)";
@@ -11,10 +10,11 @@ export declare const whiteBackgroundColor = "rgba(255, 255, 255, 1)";
 export declare const grayBackgroundColor = "rgba(249, 249, 249, 1)";
 export declare const darkGrayBackgroundColor = "rgba(0, 0, 0, 0.04)";
 export declare const darkerGrayBackgroundColor = "rgba(0, 0, 0, 0.3)";
-export declare const lighterBlackBackgroundColor = "rgba(66, 66, 66, 1)";
+export declare const lighterBlackBackgroundColor = "rgba(43, 43, 43, 1)";
 export declare const lightBlackBackgroundColor = "rgba(61, 61, 61, 1)";
 export declare const blackBackgroundColor = "rgba(36, 36, 36, 1)";
 export declare const intenseBorderColor = "rgba(217, 217, 217, 1)";
 export declare const hoverBorderColor = "rgba(128, 128, 128, 1)";
 export declare const redBorderColor = "rgba(237, 71, 71, 1)";
 export declare const boxShadowColor = "rgba(0, 0, 0, 0.25)";
+export declare const transparent = "transparent";

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

@@ -3,7 +3,6 @@ export var lightBlueColor = 'rgba(71, 153, 227, 0.5)';
 export var lighterGrayColor = 'rgba(241, 241, 242, 1)';
 export var lightGrayColor = 'rgba(17, 17, 17, 0.3)';
 export var grayColor = 'rgba(183, 183, 183, 1)';
-export var darkGrayColor = 'rgba(158, 158, 158, 1)';
 export var lighterBlackColor = 'rgba(86, 86, 86, 1)';
 export var lightBlackColor = 'rgba(49, 49, 49, 1)';
 export var blackColor = 'rgba(26, 26, 26, 1)';
@@ -11,11 +10,12 @@ export var whiteBackgroundColor = 'rgba(255, 255, 255, 1)';
 export var grayBackgroundColor = 'rgba(249, 249, 249, 1)';
 export var darkGrayBackgroundColor = 'rgba(0, 0, 0, 0.04)';
 export var darkerGrayBackgroundColor = 'rgba(0, 0, 0, 0.3)';
-export var lighterBlackBackgroundColor = 'rgba(66, 66, 66, 1)';
+export var lighterBlackBackgroundColor = 'rgba(43, 43, 43, 1)';
 export var lightBlackBackgroundColor = 'rgba(61, 61, 61, 1)';
 export var blackBackgroundColor = 'rgba(36, 36, 36, 1)';
 export var intenseBorderColor = 'rgba(217, 217, 217, 1)';
 export var hoverBorderColor = 'rgba(128, 128, 128, 1)';
 export var redBorderColor = 'rgba(237, 71, 71, 1)';
 export var boxShadowColor = 'rgba(0, 0, 0, 0.25)';
+export var transparent = 'transparent';
 //# sourceMappingURL=colors.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../../../src/сomponents/UserDropdown/colors.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,SAAS,GAAG,uBAAuB,CAAA;AAChD,MAAM,CAAC,IAAM,cAAc,GAAG,yBAAyB,CAAA;AACvD,MAAM,CAAC,IAAM,gBAAgB,GAAG,wBAAwB,CAAA;AACxD,MAAM,CAAC,IAAM,cAAc,GAAG,uBAAuB,CAAA;AACrD,MAAM,CAAC,IAAM,SAAS,GAAG,wBAAwB,CAAA;AACjD,MAAM,CAAC,IAAM,aAAa,GAAG,wBAAwB,CAAA;AACrD,MAAM,CAAC,IAAM,iBAAiB,GAAG,qBAAqB,CAAA;AACtD,MAAM,CAAC,IAAM,eAAe,GAAG,qBAAqB,CAAA;AACpD,MAAM,CAAC,IAAM,UAAU,GAAG,qBAAqB,CAAA;AAE/C,MAAM,CAAC,IAAM,oBAAoB,GAAG,wBAAwB,CAAA;AAC5D,MAAM,CAAC,IAAM,mBAAmB,GAAG,wBAAwB,CAAA;AAC3D,MAAM,CAAC,IAAM,uBAAuB,GAAG,qBAAqB,CAAA;AAC5D,MAAM,CAAC,IAAM,yBAAyB,GAAG,oBAAoB,CAAA;AAC7D,MAAM,CAAC,IAAM,2BAA2B,GAAG,qBAAqB,CAAA;AAChE,MAAM,CAAC,IAAM,yBAAyB,GAAG,qBAAqB,CAAA;AAC9D,MAAM,CAAC,IAAM,oBAAoB,GAAG,qBAAqB,CAAA;AAEzD,MAAM,CAAC,IAAM,kBAAkB,GAAG,wBAAwB,CAAA;AAC1D,MAAM,CAAC,IAAM,gBAAgB,GAAG,wBAAwB,CAAA;AACxD,MAAM,CAAC,IAAM,cAAc,GAAG,sBAAsB,CAAA;AAEpD,MAAM,CAAC,IAAM,cAAc,GAAG,qBAAqB,CAAA"}
+{"version":3,"file":"colors.js","sourceRoot":"","sources":["../../../../src/сomponents/UserDropdown/colors.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,SAAS,GAAG,uBAAuB,CAAA;AAChD,MAAM,CAAC,IAAM,cAAc,GAAG,yBAAyB,CAAA;AACvD,MAAM,CAAC,IAAM,gBAAgB,GAAG,wBAAwB,CAAA;AACxD,MAAM,CAAC,IAAM,cAAc,GAAG,uBAAuB,CAAA;AACrD,MAAM,CAAC,IAAM,SAAS,GAAG,wBAAwB,CAAA;AACjD,MAAM,CAAC,IAAM,iBAAiB,GAAG,qBAAqB,CAAA;AACtD,MAAM,CAAC,IAAM,eAAe,GAAG,qBAAqB,CAAA;AACpD,MAAM,CAAC,IAAM,UAAU,GAAG,qBAAqB,CAAA;AAE/C,MAAM,CAAC,IAAM,oBAAoB,GAAG,wBAAwB,CAAA;AAC5D,MAAM,CAAC,IAAM,mBAAmB,GAAG,wBAAwB,CAAA;AAC3D,MAAM,CAAC,IAAM,uBAAuB,GAAG,qBAAqB,CAAA;AAC5D,MAAM,CAAC,IAAM,yBAAyB,GAAG,oBAAoB,CAAA;AAC7D,MAAM,CAAC,IAAM,2BAA2B,GAAG,qBAAqB,CAAA;AAChE,MAAM,CAAC,IAAM,yBAAyB,GAAG,qBAAqB,CAAA;AAC9D,MAAM,CAAC,IAAM,oBAAoB,GAAG,qBAAqB,CAAA;AAEzD,MAAM,CAAC,IAAM,kBAAkB,GAAG,wBAAwB,CAAA;AAC1D,MAAM,CAAC,IAAM,gBAAgB,GAAG,wBAAwB,CAAA;AACxD,MAAM,CAAC,IAAM,cAAc,GAAG,sBAAsB,CAAA;AAEpD,MAAM,CAAC,IAAM,cAAc,GAAG,qBAAqB,CAAA;AAEnD,MAAM,CAAC,IAAM,WAAW,GAAG,aAAa,CAAA"}

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

@@ -1,6 +1,12 @@
 /// <reference types="react" />
 import { TGenerateContactsOption, TGenerateContactsOptionsToSelect, TGenerateCorporateOption, TGenerateCorporateOptionsToSelect, TGenerateEnteredByUserOption } from './types';
-export declare const generateCorporateOption: ({ option: { name, avatar, email, contacts, serverName, company, department, companyPosition }, theme, }: TGenerateCorporateOption) => {
+export declare const generateCorporateOption: ({ option: { name, avatar, email, contacts, serverName, company, department, companyPosition }, ...remainingFields }: TGenerateCorporateOption) => {
+    theme: string;
+    platform: string;
+    layoutType: string;
+    isChipsCollapsable: boolean;
+    isInputFocused: import("react").MutableRefObject<boolean>;
+    selectRef: import("react").MutableRefObject<any>;
     value: string;
     label: string;
     name: string;
@@ -14,12 +20,14 @@ export declare const generateCorporateOption: ({ option: { name, avatar, email,
     company: string | null;
     department: string | null;
     companyPosition: string | null;
-    theme: string;
 };
-export declare const generateCorporateOptionsToSelect: ({ options, theme, platform, isTrustUser, setIsSearchable, selectRef, }: TGenerateCorporateOptionsToSelect) => {
-    isTrustUser: boolean | undefined;
-    platform: string;
+export declare const generateCorporateOptionsToSelect: ({ options, setIsSearchable, ...remainingFields }: TGenerateCorporateOptionsToSelect) => {
     setIsSearchable: (isSearchable: boolean) => void;
+    theme: string;
+    platform: string;
+    layoutType: string;
+    isChipsCollapsable: boolean;
+    isInputFocused: import("react").MutableRefObject<boolean>;
     selectRef: import("react").MutableRefObject<any>;
     value: string;
     label: string;
@@ -34,32 +42,46 @@ export declare const generateCorporateOptionsToSelect: ({ options, theme, platfo
     company: string | null;
     department: string | null;
     companyPosition: string | null;
-    theme: string;
 }[];
-export declare const generateContactsOption: ({ option: { name, avatar, email }, theme }: TGenerateContactsOption) => {
+export declare const generateContactsOption: ({ option: { name, avatar, email }, ...remainingFields }: TGenerateContactsOption) => {
+    theme: string;
+    platform: string;
+    layoutType: string;
+    isChipsCollapsable: boolean;
+    isInputFocused: import("react").MutableRefObject<boolean>;
+    selectRef: import("react").MutableRefObject<any>;
     value: string;
     label: string;
     name: string | null;
     avatar: string | null;
     email: string;
     isMyContacts: boolean;
-    theme: string;
 };
-export declare const generateContactsOptionsToSelect: ({ options, theme }: TGenerateContactsOptionsToSelect) => {
+export declare const generateContactsOptionsToSelect: ({ options, ...remainingFields }: TGenerateContactsOptionsToSelect) => {
+    theme: string;
+    platform: string;
+    layoutType: string;
+    isChipsCollapsable: boolean;
+    isInputFocused: import("react").MutableRefObject<boolean>;
+    selectRef: import("react").MutableRefObject<any>;
     value: string;
     label: string;
     name: string | null;
     avatar: string | null;
     email: string;
     isMyContacts: boolean;
-    theme: string;
 }[];
-export declare const generateEnteredByUserOption: ({ email, theme }: TGenerateEnteredByUserOption) => {
+export declare const generateEnteredByUserOption: ({ email, ...remainingFields }: TGenerateEnteredByUserOption) => {
+    theme: string;
+    platform: string;
+    layoutType: string;
+    isChipsCollapsable: boolean;
+    isInputFocused: import("react").MutableRefObject<boolean>;
+    selectRef: import("react").MutableRefObject<any>;
     value: string;
     label: string;
     email: string;
     isEnteredByUser: boolean;
-    theme: string;
 };
 export declare const IndicatorSeparator: () => null;
 export declare const DropdownIndicator: () => null;

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

@@ -9,51 +9,36 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 export var generateCorporateOption = function (_a) {
-    var _b = _a.option, name = _b.name, avatar = _b.avatar, email = _b.email, contacts = _b.contacts, serverName = _b.serverName, company = _b.company, department = _b.department, companyPosition = _b.companyPosition, theme = _a.theme;
-    return ({
-        value: contacts[0].userHuid,
-        label: name,
-        name: name,
-        avatar: avatar,
-        email: email || contacts[0].contact,
-        contacts: contacts,
-        serverName: serverName,
-        company: company,
-        department: department,
-        companyPosition: companyPosition,
-        theme: theme,
-    });
+    var _b = _a.option, name = _b.name, avatar = _b.avatar, email = _b.email, contacts = _b.contacts, serverName = _b.serverName, company = _b.company, department = _b.department, companyPosition = _b.companyPosition, remainingFields = __rest(_a, ["option"]);
+    return (__assign({ value: contacts[0].userHuid, label: name, name: name, avatar: avatar, email: email || contacts[0].contact, contacts: contacts, serverName: serverName, company: company, department: department, companyPosition: companyPosition }, remainingFields));
 };
 export var generateCorporateOptionsToSelect = function (_a) {
-    var options = _a.options, theme = _a.theme, platform = _a.platform, isTrustUser = _a.isTrustUser, setIsSearchable = _a.setIsSearchable, selectRef = _a.selectRef;
-    return options.map(function (option) { return (__assign(__assign({}, generateCorporateOption({ option: option, theme: theme })), { isTrustUser: isTrustUser, platform: platform, setIsSearchable: setIsSearchable, selectRef: selectRef })); });
+    var options = _a.options, setIsSearchable = _a.setIsSearchable, remainingFields = __rest(_a, ["options", "setIsSearchable"]);
+    return options.map(function (option) { return (__assign(__assign({}, generateCorporateOption(__assign({ option: option }, remainingFields))), { setIsSearchable: setIsSearchable })); });
 };
 export var generateContactsOption = function (_a) {
-    var _b = _a.option, name = _b.name, avatar = _b.avatar, email = _b.email, theme = _a.theme;
-    return ({
-        value: email,
-        label: name || email,
-        name: name,
-        avatar: avatar,
-        email: email,
-        isMyContacts: true,
-        theme: theme,
-    });
+    var _b = _a.option, name = _b.name, avatar = _b.avatar, email = _b.email, remainingFields = __rest(_a, ["option"]);
+    return (__assign({ value: email, label: name || email, name: name, avatar: avatar, email: email, isMyContacts: true }, remainingFields));
 };
 export var generateContactsOptionsToSelect = function (_a) {
-    var options = _a.options, theme = _a.theme;
-    return options.map(function (option) { return generateContactsOption({ option: option, theme: theme }); });
+    var options = _a.options, remainingFields = __rest(_a, ["options"]);
+    return options.map(function (option) { return generateContactsOption(__assign({ option: option }, remainingFields)); });
 };
 export var generateEnteredByUserOption = function (_a) {
-    var email = _a.email, theme = _a.theme;
-    return ({
-        value: email,
-        label: email,
-        email: email,
-        isEnteredByUser: true,
-        theme: theme,
-    });
+    var email = _a.email, remainingFields = __rest(_a, ["email"]);
+    return (__assign({ value: email, label: email, email: email, isEnteredByUser: true }, remainingFields));
 };
 export var IndicatorSeparator = function () { return null; };
 export var DropdownIndicator = function () { return null; };

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

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../../src/сomponents/UserDropdown/helpers.ts"],"names":[],"mappings":";;;;;;;;;;;AAQA,MAAM,CAAC,IAAM,uBAAuB,GAAG,UAAC,EAGb;QAFzB,cAA2F,EAAjF,IAAI,UAAA,EAAE,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,UAAU,gBAAA,EAAE,OAAO,aAAA,EAAE,UAAU,gBAAA,EAAE,eAAe,qBAAA,EACzF,KAAK,WAAA;IACyB,OAAA,CAAC;QAC/B,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ;QAC3B,KAAK,EAAE,IAAI;QACX,IAAI,MAAA;QACJ,MAAM,QAAA;QACN,KAAK,EAAE,KAAK,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO;QACnC,QAAQ,UAAA;QACR,UAAU,YAAA;QACV,OAAO,SAAA;QACP,UAAU,YAAA;QACV,eAAe,iBAAA;QACf,KAAK,OAAA;KACN,CAAC;AAZ8B,CAY9B,CAAA;AAEF,MAAM,CAAC,IAAM,gCAAgC,GAAG,UAAC,EAOb;QANlC,OAAO,aAAA,EACP,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,eAAe,qBAAA,EACf,SAAS,eAAA;IAET,OAAA,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,uBACnB,uBAAuB,CAAC,EAAE,MAAM,QAAA,EAAE,KAAK,OAAA,EAAE,CAAC,KAC7C,WAAW,aAAA,EACX,QAAQ,UAAA,EACR,eAAe,iBAAA,EACf,SAAS,WAAA,IACT,EANsB,CAMtB,CAAC;AANH,CAMG,CAAA;AAEL,MAAM,CAAC,IAAM,sBAAsB,GAAG,UAAC,EAAmE;QAAjE,cAA+B,EAArB,IAAI,UAAA,EAAE,MAAM,YAAA,EAAE,KAAK,WAAA,EAAI,KAAK,WAAA;IAAgC,OAAA,CAAC;QAC9G,KAAK,EAAE,KAAK;QACZ,KAAK,EAAE,IAAI,IAAI,KAAK;QACpB,IAAI,MAAA;QACJ,MAAM,QAAA;QACN,KAAK,OAAA;QACL,YAAY,EAAE,IAAI;QAClB,KAAK,OAAA;KACN,CAAC;AAR6G,CAQ7G,CAAA;AAEF,MAAM,CAAC,IAAM,+BAA+B,GAAG,UAAC,EAAoD;QAAlD,OAAO,aAAA,EAAE,KAAK,WAAA;IAC9D,OAAA,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,sBAAsB,CAAC,EAAE,MAAM,QAAA,EAAE,KAAK,OAAA,EAAE,CAAC,EAAzC,CAAyC,CAAC;AAAlE,CAAkE,CAAA;AAEpE,MAAM,CAAC,IAAM,2BAA2B,GAAG,UAAC,EAA8C;QAA5C,KAAK,WAAA,EAAE,KAAK,WAAA;IAAqC,OAAA,CAAC;QAC9F,KAAK,EAAE,KAAK;QACZ,KAAK,EAAE,KAAK;QACZ,KAAK,OAAA;QACL,eAAe,EAAE,IAAI;QACrB,KAAK,OAAA;KACN,CAAC;AAN6F,CAM7F,CAAA;AAEF,MAAM,CAAC,IAAM,kBAAkB,GAAG,cAAM,OAAA,IAAI,EAAJ,CAAI,CAAA;AAC5C,MAAM,CAAC,IAAM,iBAAiB,GAAG,cAAM,OAAA,IAAI,EAAJ,CAAI,CAAA;AAC3C,MAAM,CAAC,IAAM,gBAAgB,GAAG,cAAM,OAAA,IAAI,EAAJ,CAAI,CAAA;AAC1C,MAAM,CAAC,IAAM,gBAAgB,GAAG,cAAM,OAAA,IAAI,EAAJ,CAAI,CAAA"}
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../../src/сomponents/UserDropdown/helpers.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAQA,MAAM,CAAC,IAAM,uBAAuB,GAAG,UAAC,EAGb;IAFzB,IAAA,cAA2F,EAAjF,IAAI,UAAA,EAAE,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,UAAU,gBAAA,EAAE,OAAO,aAAA,EAAE,UAAU,gBAAA,EAAE,eAAe,qBAAA,EACtF,eAAe,cAFoB,UAGvC,CADmB;IACY,OAAA,YAC9B,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,EAC3B,KAAK,EAAE,IAAI,EACX,IAAI,MAAA,EACJ,MAAM,QAAA,EACN,KAAK,EAAE,KAAK,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAC,OAAO,EACnC,QAAQ,UAAA,EACR,UAAU,YAAA,EACV,OAAO,SAAA,EACP,UAAU,YAAA,EACV,eAAe,iBAAA,IACZ,eAAe,EAClB,CAAA;CAAA,CAAA;AAEF,MAAM,CAAC,IAAM,gCAAgC,GAAG,UAAC,EAAmF;IAAjF,IAAA,OAAO,aAAA,EAAE,eAAe,qBAAA,EAAK,eAAe,cAA9C,8BAAgD,CAAF;IAC7F,OAAA,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,uBACnB,uBAAuB,YAAG,MAAM,QAAA,IAAK,eAAe,EAAG,KAC1D,eAAe,iBAAA,IACf,EAHsB,CAGtB,CAAC,CAAA;CAAA,CAAA;AAEL,MAAM,CAAC,IAAM,sBAAsB,GAAG,UAAC,EAAgF;IAA9E,IAAA,cAA+B,EAArB,IAAI,UAAA,EAAE,MAAM,YAAA,EAAE,KAAK,WAAA,EAAO,eAAe,cAArD,UAAuD,CAAF;IAAgC,OAAA,YAC1H,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,IAAI,IAAI,KAAK,EACpB,IAAI,MAAA,EACJ,MAAM,QAAA,EACN,KAAK,OAAA,EACL,YAAY,EAAE,IAAI,IACf,eAAe,EAClB,CAAA;CAAA,CAAA;AAEF,MAAM,CAAC,IAAM,+BAA+B,GAAG,UAAC,EAAiE;IAA/D,IAAA,OAAO,aAAA,EAAK,eAAe,cAA7B,WAA+B,CAAF;IAC3E,OAAA,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,sBAAsB,YAAG,MAAM,QAAA,IAAK,eAAe,EAAG,EAAtD,CAAsD,CAAC,CAAA;CAAA,CAAA;AAEjF,MAAM,CAAC,IAAM,2BAA2B,GAAG,UAAC,EAA2D;IAAzD,IAAA,KAAK,WAAA,EAAK,eAAe,cAA3B,SAA6B,CAAF;IAAqC,OAAA,YAC1G,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,KAAK,OAAA,EACL,eAAe,EAAE,IAAI,IAClB,eAAe,EAClB,CAAA;CAAA,CAAA;AAEF,MAAM,CAAC,IAAM,kBAAkB,GAAG,cAAM,OAAA,IAAI,EAAJ,CAAI,CAAA;AAC5C,MAAM,CAAC,IAAM,iBAAiB,GAAG,cAAM,OAAA,IAAI,EAAJ,CAAI,CAAA;AAC3C,MAAM,CAAC,IAAM,gBAAgB,GAAG,cAAM,OAAA,IAAI,EAAJ,CAAI,CAAA;AAC1C,MAAM,CAAC,IAAM,gBAAgB,GAAG,cAAM,OAAA,IAAI,EAAJ,CAAI,CAAA"}

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

@@ -1,9 +1,7 @@
 import { TSelectStyles } from './types';
-declare const _default: ({ isLoading, isFullScreen, isChipsVisible, isMaxMembersAdded, isDisabled, isError, lastRowNumber, paddingLeft, borderType, theme, }: TSelectStyles) => {
+declare const _default: ({ isChipsVisible, isMaxMembersAdded, isDisabled, isError, lastRowNumber, paddingLeft, borderType, theme, layoutType, }: TSelectStyles) => {
     control: (provided: any, { menuIsOpen }: any) => any;
     menu: (provided: any) => any;
-    group: (provided: any) => any;
-    groupHeading: (provided: any) => any;
     menuList: (provided: any) => any;
     valueContainer: (provided: any, { hasValue }: any) => any;
     placeholder: (provided: any) => any;

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

@@ -9,12 +9,12 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import { isDarkTheme } from '../../helpers';
+import { isDarkTheme, isFullScreen, isHalfLayoutType } from '../../helpers';
 import { INPUT_BORDER_TYPE } from '../../constants';
 import * as colors from './colors';
 // eslint-disable-next-line import/no-anonymous-default-export
 export default (function (_a) {
-    var isLoading = _a.isLoading, isFullScreen = _a.isFullScreen, isChipsVisible = _a.isChipsVisible, isMaxMembersAdded = _a.isMaxMembersAdded, isDisabled = _a.isDisabled, isError = _a.isError, lastRowNumber = _a.lastRowNumber, paddingLeft = _a.paddingLeft, borderType = _a.borderType, theme = _a.theme;
+    var isChipsVisible = _a.isChipsVisible, isMaxMembersAdded = _a.isMaxMembersAdded, isDisabled = _a.isDisabled, isError = _a.isError, lastRowNumber = _a.lastRowNumber, paddingLeft = _a.paddingLeft, borderType = _a.borderType, theme = _a.theme, layoutType = _a.layoutType;
     return ({
         control: function (provided, _a) {
             var menuIsOpen = _a.menuIsOpen;
@@ -30,21 +30,19 @@ export default (function (_a) {
                     borderColor: isError ? colors.redBorderColor : hoverBorderColor,
                 } });
         },
-        menu: function (provided) { return (__assign(__assign({}, provided), { width: isFullScreen ? '384px' : '100%', left: isFullScreen ? '55px' : 0, borderRadius: '4px', boxShadow: isDarkTheme(theme) ? "0 4px 17px 0 ".concat(colors.boxShadowColor) : "0 2px 4px 0 ".concat(colors.boxShadowColor), margin: '4px 0', zIndex: 2 })); },
-        group: function (provided) { return (__assign(__assign({}, provided), { padding: 0, '& > div:last-child > div:last-child': {
+        menu: function (provided) { return (__assign(__assign({}, provided), { width: isFullScreen(layoutType) ? '384px' : '100%', left: isFullScreen(layoutType) ? '55px' : 0, borderRadius: '4px', boxShadow: isDarkTheme(theme) ? "0 4px 17px 0 ".concat(colors.boxShadowColor) : "0 2px 4px 0 ".concat(colors.boxShadowColor), margin: '4px 0', zIndex: 2, '& > div:last-child > div:last-child': {
                 '.smartapp-option__container': {
                     borderBottom: 'none',
                 },
             }, '[role=option]:has(+[role=option]:hover)': {
                 '.smartapp-option__container': {
-                    borderBottomColor: 'transparent',
+                    borderBottomColor: colors.transparent,
                 },
             } })); },
-        groupHeading: function (provided) { return (__assign(__assign({}, provided), { fontSize: '12px', fontWeight: 600, lineHeight: '16px', color: isDarkTheme(theme) ? colors.darkGrayColor : colors.darkGrayColor, background: isDarkTheme(theme) ? colors.lighterBlackBackgroundColor : colors.grayBackgroundColor, textTransform: 'unset', padding: '8px 16px', margin: 0 })); },
-        menuList: function (provided) { return (__assign(__assign({}, provided), { maxHeight: isLoading ? 'fit-content' : '356px', background: isDarkTheme(theme) ? colors.lightBlackColor : colors.whiteBackgroundColor, borderRadius: '4px', padding: 0, scrollbarColor: "".concat(colors.lightBlueColor, " transparent"), '::-webkit-scrollbar-thumb': {
+        menuList: function (provided) { return (__assign(__assign({}, provided), { maxHeight: '356px', background: isDarkTheme(theme) ? colors.lightBlackColor : colors.whiteBackgroundColor, borderRadius: '4px', padding: 0, scrollbarColor: "".concat(colors.lightBlueColor, " ").concat(colors.transparent), '::-webkit-scrollbar-thumb': {
                 background: colors.lightBlueColor,
             }, '::-webkit-scrollbar-track': {
-                background: 'transparent',
+                background: colors.transparent,
             } })); },
         valueContainer: function (provided, _a) {
             var hasValue = _a.hasValue;
@@ -53,16 +51,19 @@ export default (function (_a) {
         },
         placeholder: function (provided) { return (__assign(__assign({}, provided), { fontFamily: "Open Sans, 'sans-serif'", fontSize: '14px', fontWeight: '400', lineHeight: '19px', color: isDarkTheme(theme) ? colors.lighterBlackColor : colors.grayColor, margin: 0 })); },
         input: function (provided) { return (__assign(__assign({}, provided), { display: isMaxMembersAdded || isDisabled ? 'none' : 'grid', fontSize: '14px', fontWeight: '400', lineHeight: '19px', color: isDarkTheme(theme) ? colors.grayBackgroundColor : colors.blackColor, caretColor: colors.blueColor, padding: 0, margin: 0, overflow: 'auto' })); },
-        multiValue: function (provided) { return (__assign(__assign({}, provided), { width: isFullScreen ? 'auto' : 'calc(50% - 4px)', background: 'unset', borderRadius: '20px', margin: 0 })); },
+        multiValue: function (provided) { return (__assign(__assign({}, provided), { width: isFullScreen(layoutType) ? 'auto' : isHalfLayoutType(layoutType) ? 'calc((100% - 16px) / 3)' : 'calc(50% - 4px)', background: 'unset', borderRadius: '20px', margin: 0, '&:empty, &:has(.multi-value-label-counter)': {
+                width: 'fit-content',
+                cursor: 'default',
+            } })); },
         multiValueLabel: function (provided) { return (__assign(__assign({}, provided), { width: '100%', padding: '0 !important', '.smartapp-chip': {
                 maxWidth: '100%',
             } })); },
         noOptionsMessage: function (provided) { return (__assign(__assign({}, provided), { fontSize: '12px', fontWeight: 400, color: isDarkTheme(theme) ? colors.grayColor : colors.lightGrayColor, padding: '8px 16px' })); },
         loadingMessage: function (provided) { return (__assign(__assign({}, provided), { padding: 0 })); },
-        option: function (provided) { return (__assign(__assign({}, provided), { background: isDarkTheme(theme) ? colors.lightBlackColor : colors.whiteBackgroundColor, padding: '0 0 0 16px', cursor: 'pointer', '&:hover': {
-                background: isDarkTheme(theme) ? colors.lightBlackBackgroundColor : colors.darkGrayBackgroundColor,
+        option: function (provided) { return (__assign(__assign({}, provided), { background: isDarkTheme(theme) ? colors.lighterBlackBackgroundColor : colors.whiteBackgroundColor, padding: '0 0 0 16px', cursor: 'pointer', '&:hover': {
+                background: isDarkTheme(theme) ? colors.lightBlackColor : colors.darkGrayBackgroundColor,
                 '.smartapp-option__container': {
-                    borderBottomColor: 'transparent',
+                    borderBottomColor: colors.transparent,
                 },
             } })); },
     });