@expressms/smartapp-ui 3.0.0-alpha.21 → 3.0.0-alpha.210

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

@@ -9,33 +9,58 @@ 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;
+};
 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 { generateFontFamilyStyle, generateId, isWebPlatform } from '../../helpers';
+import ContextMenuItem from '../ContextMenuItem';
+import { checkIsWebPlatform, generateFontFamilyStyle } from '../../helpers';
 import { CONTEXT_MENU_SAFE_SPACE, FIT_CONTENT, PLATFORM } from '../../constants';
 import '../../styles/styles.scss';
+var AUTO_OVERFLOW_VALUE = 'auto';
+var MAX_CONTENT = 'max-content';
 var ContextMenu = function (_a) {
-    var _b;
-    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 _b, _c;
+    var fontFamily = _a.fontFamily, isMenuOpen = _a.isMenuOpen, _d = _a.isClickForbidden, isClickForbidden = _d === void 0 ? false : _d, _e = _a.isCloseOnItemClick, isCloseOnItemClick = _e === void 0 ? true : _e, _f = _a.position, x = _f.x, y = _f.y, menuWidth = _a.menuWidth, containerClassName = _a.containerClassName, menuClassName = _a.menuClassName, itemClassName = _a.itemClassName, containerStyles = _a.containerStyles, _g = _a.menuStyles, menuStyles = _g === void 0 ? {} : _g, _h = _a.itemStyles, itemStyles = _h === void 0 ? {} : _h, items = _a.items, closeMenu = _a.closeMenu, _j = _a.platform, platform = _j === void 0 ? PLATFORM.web : _j, actionData = _a.actionData, topSlot = _a.topSlot, isTopSlotFixed = _a.isTopSlotFixed, maxHeight = _a.maxHeight, _k = _a.isMenuOverflowAuto, isMenuOverflowAuto = _k === void 0 ? true : _k;
     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];
+    var topSlotRef = useRef(null);
+    var _l = useState(((_b = elementRef === null || elementRef === void 0 ? void 0 : elementRef.current) === null || _b === void 0 ? void 0 : _b.offsetWidth) || 0), contextMenuWidth = _l[0], setContextMenuWidth = _l[1];
+    var _m = useState(((_c = elementRef === null || elementRef === void 0 ? void 0 : elementRef.current) === null || _c === void 0 ? void 0 : _c.offsetHeight) || 0), contextMenuHeight = _m[0], setContextMenuHeight = _m[1];
     var clientHeight = document.documentElement.clientHeight;
     var clientWidth = document.documentElement.clientWidth;
     var handleContextMenu = function (event) {
         event.preventDefault();
-        !isClickForbidden && closeMenu();
+        event.stopPropagation();
+        if (!checkIsWebPlatform(platform))
+            return;
+        !isClickForbidden && closeMenu(true);
+    };
+    var handleMenuItemClick = function (_a) {
+        var isCloseMenuOnCurrentItemClick = _a.isCloseMenuOnCurrentItemClick, event = _a.event, action = _a.action;
+        event.stopPropagation();
+        event.preventDefault();
+        !isClickForbidden && action(actionData);
+        handleMenuClose({ event: event, shouldCloseDropdown: false, isCloseMenuOnCurrentItemClick: isCloseMenuOnCurrentItemClick });
     };
-    var handleMenuItemClick = function (action) { return !isClickForbidden && action(actionData); };
     var handleMenuClose = function (_a) {
-        var event = _a.event, _b = _a.isItemClick, isItemClick = _b === void 0 ? true : _b;
+        var event = _a.event, _b = _a.isItemClick, isItemClick = _b === void 0 ? true : _b, _c = _a.isCloseMenuOnCurrentItemClick, isCloseMenuOnCurrentItemClick = _c === void 0 ? true : _c, _d = _a.shouldCloseDropdown, shouldCloseDropdown = _d === void 0 ? true : _d;
         event.stopPropagation();
-        if (isItemClick && !isCloseOnItemClick)
+        event.preventDefault();
+        if (isItemClick && (!isCloseOnItemClick || !isCloseMenuOnCurrentItemClick))
             return;
+        var closeDropdown = isItemClick ? false : shouldCloseDropdown;
         if (!isClickForbidden)
-            closeMenu();
+            closeMenu(closeDropdown);
     };
     var handleSortItems = function (_a, _b) {
         var isFixedA = _a.isFixedUnderLine;
@@ -51,31 +76,47 @@ var ContextMenu = function (_a) {
             setContextMenuWidth(menuWidth || width);
         }
     }, [isMenuOpen, menuWidth]);
-    var renderMenuItemIcon = function (icon) { return icon && _jsx("div", __assign({ className: "smartapp-context-menu__item--content__icon" }, { children: icon })); };
+    useLayoutEffect(function () {
+        var elementRefCurrent = elementRef.current;
+        if (!isMenuOpen || !elementRefCurrent)
+            return;
+        var previousElementWidth = elementRefCurrent.style.width;
+        if (!menuWidth)
+            elementRefCurrent.style.width = MAX_CONTENT;
+        var nextElementWidth = Math.ceil(elementRefCurrent.getBoundingClientRect().width);
+        elementRefCurrent.style.width = previousElementWidth;
+        setContextMenuWidth(function (prevContextMenuWidth) { return (Math.abs(prevContextMenuWidth - nextElementWidth) >= 1 ? nextElementWidth : prevContextMenuWidth); });
+    }, [isMenuOpen, menuWidth, items, topSlot, isTopSlotFixed]);
     var sortedContextMenuItems = items.sort(handleSortItems);
     var firstIndexUnderLine = sortedContextMenuItems.findIndex(function (_a) {
         var isFixedUnderLine = _a.isFixedUnderLine;
         return isFixedUnderLine;
     });
     var contextMenuItems = sortedContextMenuItems.map(function (_a, index) {
-        var _b = _a.isNegativeAction, isNegativeAction = _b === void 0 ? false : _b, _c = _a.isSelected, isSelected = _c === void 0 ? false : _c, _d = _a.isDisabled, isDisabled = _d === void 0 ? false : _d, _e = _a.isWithCheckbox, isWithCheckbox = _e === void 0 ? false : _e, _f = _a.isChecked, isChecked = _f === void 0 ? false : _f, _g = _a.isFixedUnderLine, isFixedUnderLine = _g === void 0 ? false : _g, _h = _a.className, className = _h === void 0 ? '' : _h, title = _a.title, icon = _a.icon, action = _a.action;
-        return (_jsxs("button", __assign({ className: classNames('smartapp-context-menu__item', {
-                'smartapp-context-menu__item--checkbox': isWithCheckbox,
-                'smartapp-context-menu__item--negative': isNegativeAction,
-                'smartapp-context-menu__item--selected': isSelected,
-                'smartapp-context-menu__item--disabled': isDisabled,
-                'smartapp-context-menu__item--fixed-under-line': isFixedUnderLine && index === firstIndexUnderLine,
-                'smartapp-context-menu__item--hover': isWebPlatform(platform) && !isWithCheckbox,
-            }, itemClassName, className), disabled: isDisabled, style: itemStyles, onClick: function () { return handleMenuItemClick(action); } }, { children: [_jsxs("div", __assign({ className: classNames('smartapp-context-menu__item--content', {
-                        'smartapp-context-menu__item--content__fixed-under-line': isFixedUnderLine,
-                        'smartapp-context-menu__item--checkbox__content': isWithCheckbox,
-                        'smartapp-context-menu__item--disabled__content': isDisabled,
-                    }) }, { children: [!isFixedUnderLine && renderMenuItemIcon(icon), _jsx("span", { children: title }), isFixedUnderLine && renderMenuItemIcon(icon)] })), isWithCheckbox && _jsx(Checkbox, { id: generateId(), isChecked: isChecked, isDisabled: isDisabled })] }), title));
+        var _b = _a.isCloseMenuOnClick, isCloseMenuOnClick = _b === void 0 ? true : _b, title = _a.title, className = _a.className, action = _a.action, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave, contextMenuItem = __rest(_a, ["isCloseMenuOnClick", "title", "className", "action", "onMouseEnter", "onMouseLeave"]);
+        return (_jsx(ContextMenuItem, __assign({ index: index, platform: platform, fontFamily: fontFamily, title: title, firstIndexUnderLine: firstIndexUnderLine, className: classNames(itemClassName, className), styles: itemStyles, onClick: function (event) { return handleMenuItemClick({ isCloseMenuOnCurrentItemClick: isCloseMenuOnClick, event: event, action: action }); }, onTouchEnd: function (event) { return handleMenuItemClick({ isCloseMenuOnCurrentItemClick: isCloseMenuOnClick, event: event, action: action }); }, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave }, contextMenuItem), title));
     });
-    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);
+    var calculateContextMenuHeight = function () {
+        var elementRefCurrent = elementRef.current;
+        if (!elementRefCurrent)
+            return FIT_CONTENT;
+        var currentElementHeight = elementRefCurrent.scrollHeight;
+        return maxHeight ? Math.min(currentElementHeight, maxHeight) : currentElementHeight;
+    };
+    var contextMenuStyles = __assign(__assign(__assign(__assign({ top: y + contextMenuHeight > clientHeight ? clientHeight - contextMenuHeight - CONTEXT_MENU_SAFE_SPACE : y, left: x + contextMenuWidth > clientWidth ? clientWidth - contextMenuWidth - CONTEXT_MENU_SAFE_SPACE : x }, (menuWidth ? { width: menuWidth } : { width: contextMenuWidth })), { height: calculateContextMenuHeight() }), (isMenuOverflowAuto ? { overflow: AUTO_OVERFLOW_VALUE } : {})), menuStyles);
+    var generateContextMenuItemsClassname = function () {
+        return classNames('smartapp-context-menu__items', {
+            'smartapp-context-menu__items--with-fixed-top-slot': isTopSlotFixed && topSlot,
+        }, menuClassName);
+    };
+    var generateTopSlotClassname = function () {
+        return classNames('smartapp-context-menu__items--top-slot', {
+            'smartapp-context-menu__items--top-slot__fixed': isTopSlotFixed,
+        });
+    };
     if (!isMenuOpen)
         return null;
-    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] })) })));
+    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, onTouchEnd: function (event) { return handleMenuClose({ event: event, isItemClick: false }); } }, { children: _jsxs("div", __assign({ ref: elementRef, className: generateContextMenuItemsClassname(), style: contextMenuStyles, onClick: function (event) { return handleMenuClose({ event: event }); } }, { children: [topSlot && (_jsx("div", __assign({ ref: topSlotRef, className: generateTopSlotClassname() }, { children: topSlot }))), _jsx("div", __assign({ className: "smartapp-context-menu__items--list" }, { children: 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,6 @@
 import { ReactElement, ReactNode } from 'react';
-import { IFontFamilyProps, IPlatformProps, TStyles } from '../../constants';
+import { IFontFamilyProps, IPlatformProps, TCoords, TStyles } from '../../constants';
+import { ICON_POSITION, TContextMenuItemMouseEventHandler } from '../ContextMenuItem/types';
 export type MenuItem<T extends unknown = any> = {
     isNegativeAction?: boolean;
     isSelected?: boolean;
@@ -7,19 +8,23 @@ export type MenuItem<T extends unknown = any> = {
     isWithCheckbox?: boolean;
     isChecked?: boolean;
     isFixedUnderLine?: boolean;
+    isShowArrow?: boolean;
+    isCloseMenuOnClick?: boolean;
     className?: string;
     title: string;
-    action: (actionData?: T) => void;
+    secondaryText?: string;
     icon?: ReactElement;
+    iconPosition?: ICON_POSITION;
+    onMouseEnter?: TContextMenuItemMouseEventHandler;
+    onMouseLeave?: TContextMenuItemMouseEventHandler;
+    action: (actionData?: T) => void;
 };
 export interface IContextMenuProps<T extends unknown = any> extends IPlatformProps, IFontFamilyProps {
     isMenuOpen: boolean;
     isCloseOnItemClick?: boolean;
     isClickForbidden?: boolean;
-    position: {
-        x: number;
-        y: number;
-    };
+    isMenuOverflowAuto?: boolean;
+    position: TCoords;
     menuWidth?: number;
     containerClassName?: string;
     menuClassName?: string;
@@ -30,5 +35,7 @@ export interface IContextMenuProps<T extends unknown = any> extends IPlatformPro
     items: MenuItem[];
     actionData?: T;
     topSlot?: ReactNode;
-    closeMenu: () => void;
+    isTopSlotFixed?: boolean;
+    maxHeight?: number;
+    closeMenu: (shouldCloseDropdown?: boolean) => void;
 }

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

@@ -0,0 +1,4 @@
+import { IContextMenuItemProps } from './types';
+import '../../styles/styles.scss';
+declare const ContextMenuItem: ({ platform, fontFamily, isNegativeAction, isSelected, isDisabled, isWithCheckbox, isChecked, isFixedUnderLine, index, firstIndexUnderLine, title, icon, iconPosition, className, styles, onClick, onTouchEnd, secondaryText, isShowArrow, onMouseEnter, onMouseLeave, }: IContextMenuItemProps) => import("react/jsx-runtime").JSX.Element;
+export default ContextMenuItem;

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

@@ -0,0 +1,49 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { isNil } from 'lodash';
+import Checkbox from '../Checkbox/Checkbox';
+import { checkIsWebPlatform, generateFontFamilyStyle, generateId } from '../../helpers';
+import { COLORS, PLATFORM } from '../../constants';
+import { ICON_POSITION } from './types';
+import { ReactComponent as ChevronIcon } from '../../assets/icons/chevron.svg';
+import '../../styles/styles.scss';
+var checkIconPosition = function (isFixedUnderLine, iconPosition) {
+    var isLeftIconPosition = iconPosition === ICON_POSITION.left;
+    var isLeftIconLocation = iconPosition ? isLeftIconPosition : !isFixedUnderLine;
+    var isRightIconLocation = iconPosition ? iconPosition === ICON_POSITION.right : isFixedUnderLine;
+    return { isLeftIconPosition: isLeftIconPosition, isLeftIconLocation: isLeftIconLocation, isRightIconLocation: isRightIconLocation };
+};
+var ContextMenuItem = function (_a) {
+    var _b = _a.platform, platform = _b === void 0 ? PLATFORM.web : _b, fontFamily = _a.fontFamily, _c = _a.isNegativeAction, isNegativeAction = _c === void 0 ? false : _c, _d = _a.isSelected, isSelected = _d === void 0 ? false : _d, _e = _a.isDisabled, isDisabled = _e === void 0 ? false : _e, _f = _a.isWithCheckbox, isWithCheckbox = _f === void 0 ? false : _f, _g = _a.isChecked, isChecked = _g === void 0 ? false : _g, _h = _a.isFixedUnderLine, isFixedUnderLine = _h === void 0 ? false : _h, index = _a.index, firstIndexUnderLine = _a.firstIndexUnderLine, title = _a.title, icon = _a.icon, iconPosition = _a.iconPosition, className = _a.className, styles = _a.styles, onClick = _a.onClick, onTouchEnd = _a.onTouchEnd, secondaryText = _a.secondaryText, _j = _a.isShowArrow, isShowArrow = _j === void 0 ? false : _j, onMouseEnter = _a.onMouseEnter, onMouseLeave = _a.onMouseLeave;
+    var _k = checkIconPosition(isFixedUnderLine, iconPosition), isLeftIconPosition = _k.isLeftIconPosition, isLeftIconLocation = _k.isLeftIconLocation, isRightIconLocation = _k.isRightIconLocation;
+    var renderContextMenuItemIcon = function (icon) { return icon && _jsx("div", __assign({ className: "smartapp-context-menu-item__content--icon" }, { children: icon })); };
+    var renderContextMenuItemText = function (title, secondaryText) {
+        return secondaryText ? (_jsxs("div", __assign({ className: "smartapp-context-menu-item__content--text" }, { children: [_jsx("span", __assign({ className: "smartapp-context-menu-item__content--text__title" }, { children: title })), _jsx("span", __assign({ className: "smartapp-context-menu-item__content--text__secondary-text" }, { children: secondaryText }))] }))) : (_jsx("span", { children: title }));
+    };
+    return (_jsxs(_Fragment, { children: [isFixedUnderLine && index === firstIndexUnderLine && _jsx("div", { className: "smartapp-context-menu-item__fixed-under-line" }), _jsxs("button", __assign({ className: classNames('smartapp-context-menu-item', {
+                    'smartapp-context-menu-item__checkbox': isWithCheckbox,
+                    'smartapp-context-menu-item__checkbox-with-arrow': isWithCheckbox && isShowArrow,
+                    'smartapp-context-menu-item__negative': isNegativeAction,
+                    'smartapp-context-menu-item__selected': isSelected,
+                    'smartapp-context-menu-item__disabled': isDisabled,
+                    'smartapp-context-menu-item__hover': checkIsWebPlatform(platform) && !isWithCheckbox,
+                }, className), disabled: isDisabled, style: __assign(__assign({}, styles), generateFontFamilyStyle(fontFamily)), onClick: onClick, onTouchEnd: onTouchEnd, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave }, { children: [_jsxs("div", __assign({ className: classNames('smartapp-context-menu-item__content', {
+                            'smartapp-context-menu-item__content--fixed-under-line': isFixedUnderLine,
+                            'smartapp-context-menu-item__content--fixed-under-line__reduced-gap': isFixedUnderLine && isLeftIconPosition,
+                            'smartapp-context-menu-item__checkbox--content': isWithCheckbox && !isNil(icon),
+                            'smartapp-context-menu-item__disabled--content': isDisabled,
+                        }) }, { children: [isLeftIconLocation && renderContextMenuItemIcon(icon), renderContextMenuItemText(title, secondaryText), isRightIconLocation && renderContextMenuItemIcon(icon)] })), isWithCheckbox && _jsx(Checkbox, { id: generateId(), isChecked: isChecked, isDisabled: isDisabled }), isShowArrow && (_jsx("div", __assign({ className: "smartapp-context-menu-item__arrow" }, { children: _jsx(ChevronIcon, { color: COLORS.iconPrimary }) })))] }))] }));
+};
+export default ContextMenuItem;
+//# sourceMappingURL=ContextMenuItem.js.map

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

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

package/build/main//321/201omponents/ContextMenuItem/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ContextMenuItem';

package/build/main//321/201omponents/ContextMenuItem/index.js

@@ -0,0 +1,2 @@
+export { default } from './ContextMenuItem';
+//# sourceMappingURL=index.js.map

package/build/main//321/201omponents/ContextMenuItem/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/сomponents/ContextMenuItem/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA"}

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

@@ -0,0 +1,28 @@
+import { MouseEventHandler, ReactElement } from 'react';
+import { IFontFamilyProps, IPlatformProps, TClickEvent, TStyles } from '../../constants';
+export declare enum ICON_POSITION {
+    left = "left",
+    right = "right"
+}
+export type TContextMenuItemMouseEventHandler = MouseEventHandler<HTMLButtonElement>;
+export interface IContextMenuItemProps extends IPlatformProps, IFontFamilyProps {
+    isNegativeAction?: boolean;
+    isSelected?: boolean;
+    isDisabled?: boolean;
+    isWithCheckbox?: boolean;
+    isChecked?: boolean;
+    isFixedUnderLine?: boolean;
+    index?: number;
+    firstIndexUnderLine?: number;
+    title: string;
+    icon?: ReactElement;
+    iconPosition?: ICON_POSITION;
+    className?: string;
+    secondaryText?: string;
+    isShowArrow?: boolean;
+    styles?: TStyles;
+    onClick?: (event: TClickEvent) => void;
+    onTouchEnd?: (event: TClickEvent) => void;
+    onMouseEnter?: TContextMenuItemMouseEventHandler;
+    onMouseLeave?: TContextMenuItemMouseEventHandler;
+}

package/build/main//321/201omponents/ContextMenuItem/types.js

@@ -0,0 +1,6 @@
+export var ICON_POSITION;
+(function (ICON_POSITION) {
+    ICON_POSITION["left"] = "left";
+    ICON_POSITION["right"] = "right";
+})(ICON_POSITION || (ICON_POSITION = {}));
+//# sourceMappingURL=types.js.map

package/build/main//321/201omponents/ContextMenuItem/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/сomponents/ContextMenuItem/types.ts"],"names":[],"mappings":"AAGA,MAAM,CAAN,IAAY,aAGX;AAHD,WAAY,aAAa;IACvB,8BAAa,CAAA;IACb,gCAAe,CAAA;AACjB,CAAC,EAHW,aAAa,KAAb,aAAa,QAGxB"}

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: ({ fontFamily, isLoading, isSearchable, isCreatable, isDisabled, isOptionsWithTooltip, isMenuAutoWidth, width, menuListMaxHeight, containerClassName, containerPadding, containerStyles, title, placeholder, hint, noOptionsMessage, noOptionsMessageClassName, error, menuPosition, menuLocation, defaultValue, options, onChange, onDisabledOptionClick, onMenuOpen, }: ICustomSelectProps) => import("react/jsx-runtime").JSX.Element;
+declare const CustomSelect: ({ platform, fontFamily, isLoading, isSearchable, isCreatable, isDisabled, isOptionsWithTooltip, isOptionsTextTruncated, isMenuAutoWidth, isInteractionDisabled, width, menuListMaxHeight, containerClassName, containerPadding, containerStyles, title, placeholder, hint, noOptionsMessage, noOptionsMessageClassName, error, menuPosition, menuLocation, defaultValue, options, selectProps, creatableSelectProps, onChange, onDisabledOptionClick, onMenuOpen, }: ICustomSelectProps) => import("react/jsx-runtime").JSX.Element;
 export default CustomSelect;

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

@@ -12,13 +12,15 @@ var __assign = (this && this.__assign) || function () {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable max-lines */
 import { useEffect, useLayoutEffect, useRef, useState } from 'react';
-import Select, { components } from 'react-select';
+import Select, { components, } from 'react-select';
 import CreatableSelect from 'react-select/creatable';
 import Popup from 'reactjs-popup';
 import classNames from 'classnames';
-import { isEmpty, max, omit } from 'lodash';
+import { isArray, isEmpty, isNull, max, omit } from 'lodash';
 import ListItem from '../ListItem';
 import { DEFAULT_INDICATOR_COLOR, NOT_INTERACTIVE_ELEMENT } from '../ListItem/ListItem';
+import ScrollBar from '../ScrollBar';
+import { DEFAULT_SCROLL_BAR_SIZE } from '../ScrollBar/ScrollBar';
 import { Skeleton } from '../Skeleton';
 import selectStyles from './selectStyles';
 import { generateFontFamilyStyle, isValueEqualToZero } from '../../helpers';
@@ -47,7 +49,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, fontFamily = props.fontFamily;
+    var label = props.label, isSelected = props.isSelected, isOptionsWithTooltip = props.isOptionsWithTooltip, isOptionsTextTruncated = props.isOptionsTextTruncated, _a = props.data, isCreatable = _a.isCreatable, isDisabled = _a.isDisabled, _b = _a.element, element = _b === void 0 ? NOT_INTERACTIVE_ELEMENT.noElement : _b, primaryTextStyles = _a.primaryTextStyles, primaryTextClassName = _a.primaryTextClassName, secondaryText = _a.secondaryText, secondaryTextColor = _a.secondaryTextColor, secondaryTextStyles = _a.secondaryTextStyles, secondaryTextClassName = _a.secondaryTextClassName, color = _a.color, styles = _a.styles, containerClassName = _a.containerClassName, avatar = _a.avatar, onDisabledSpecialOptionClick = _a.onDisabledSpecialOptionClick, menuListRef = props.menuListRef, platform = props.platform, fontFamily = props.fontFamily, onDisabledOptionClick = props.onDisabledOptionClick;
     var optionComponentRef = useRef(null);
     var listItemTextRef = useRef(null);
     var popupRef = useRef(null);
@@ -59,7 +61,7 @@ var Option = function (props) {
     var _g = useState(POPUP_HIDDEN_CLASSNAME), hiddenClassName = _g[0], setHiddenClassName = _g[1];
     var _h = useState(null), timeoutId = _h[0], setTimeoutId = _h[1];
     var _j = generateListItemTextRect(menuListRef, listItemTextRef), scrollWidth = _j.scrollWidth, clientWidth = _j.clientWidth, left = _j.left, top = _j.top, maxWidth = _j.maxWidth;
-    var isTooltipAvailable = scrollWidth > clientWidth;
+    var isTooltipAvailable = isOptionsWithTooltip && scrollWidth > clientWidth;
     var generateListItemTextWidth = function () {
         var _a;
         var listItemTextElement = (_a = optionComponentRef.current) === null || _a === void 0 ? void 0 : _a.querySelector('.smartapp-list-item__text');
@@ -76,7 +78,8 @@ var Option = function (props) {
     useLayoutEffect(function () {
         setListItemTextWidth(generateListItemTextWidth());
     }, []);
-    var handleOptionClick = function () { return isDisabled && onDisabledOptionClick(); };
+    var handleDisabledOptionClick = onDisabledSpecialOptionClick || onDisabledOptionClick;
+    var handleOptionClick = function () { return isDisabled && handleDisabledOptionClick(); };
     var recalculatePopupMaxWidth = function () {
         var popupRefCurrent = popupRef.current;
         var popupSpanRefCurrent = popupSpanRef.current;
@@ -93,7 +96,7 @@ var Option = function (props) {
         }
     };
     var handleClosePopup = function () { return timeoutId && clearTimeout(timeoutId); };
-    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 }) })); };
+    var renderListItem = function () { return (_jsx(ListItem, { platform: platform, fontFamily: fontFamily, textRef: listItemTextRef, type: "not-interactive", element: element, text: label, primaryTextClassName: primaryTextClassName, primaryTextStyles: primaryTextStyles, secondaryText: secondaryText, secondaryTextColor: secondaryTextColor, secondaryTextStyles: secondaryTextStyles, secondaryTextClassName: secondaryTextClassName, color: color, isSelected: isSelected && !isCreatable, isDisabled: isDisabled, isTextTruncated: isOptionsTextTruncated, textStyles: __assign(__assign({}, styles), { width: listItemTextWidth }), avatar: avatar })); };
     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) {
@@ -109,7 +112,16 @@ var SingleValueComponent = function (props) {
     return (_jsxs(components.SingleValue, __assign({}, props, { children: [renderIndicatorElement(), _jsx("div", __assign({ className: "smartapp-custom-select__selected-value" }, { children: children }))] })));
 };
 var MenuList = function (props) {
-    var menuListRef = props.menuListRef, selectWidth = props.selectWidth, optionHeight = props.optionHeight, setOptionHeight = props.setOptionHeight, children = props.children;
+    var platform = props.platform, menuListRef = props.menuListRef, isMenuAutoWidth = props.isMenuAutoWidth, menuListWidth = props.menuListWidth, menuListMaxHeight = props.menuListMaxHeight, selectWidth = props.selectWidth, optionHeight = props.optionHeight, setOptionHeight = props.setOptionHeight, children = props.children;
+    // Определяем количество элементов: если это список доступных для выбора элементов, берем его длину.
+    // Если это не массив, значит в меню отображается "Loading" или "No Options" компонент.
+    var optionsLength = isArray(children) ? children.length : 1;
+    // Рассчитываем итоговую высоту контейнера меню:
+    // 1. Общая высота всех элементов (высота одного элемента * количество);
+    // 2. Суммарная высота промежутков между элементами (количество промежутков всегда на 1 меньше, чем элементов);
+    // 3. Внутренние отступы (padding) контейнера сверху и снизу.
+    var menuListHeight = optionHeight * optionsLength + OPTIONS_GAP * (optionsLength - 1) + PADDING;
+    var containerHeight = Math.min(menuListHeight, menuListMaxHeight);
     useLayoutEffect(function () {
         var _a;
         if (menuListRef.current && isValueEqualToZero(optionHeight)) {
@@ -118,7 +130,7 @@ var MenuList = function (props) {
             !isEmpty(optionsHeights) && setOptionHeight(max(optionsHeights) || 0);
         }
     }, [optionHeight, setOptionHeight, selectWidth, menuListRef]);
-    return (_jsx(components.MenuList, __assign({}, props, { innerRef: menuListRef }, { children: children })));
+    return (_jsx(components.MenuList, __assign({}, props, { innerRef: menuListRef }, { children: isArray(children) ? (_jsx(ScrollBar, { platform: platform, content: children, containerHeight: "".concat(containerHeight, "px"), containerWidth: isMenuAutoWidth ? "".concat(menuListWidth, "px") : DEFAULT_SCROLL_BAR_SIZE, trackYHeight: TRACK_Y_HEIGHT })) : (children) })));
 };
 var LoadingMessage = function (_a) {
     var _b = _a.isCreatableSelect, isCreatableSelect = _b === void 0 ? false : _b;
@@ -129,7 +141,7 @@ var LoadingMessage = function (_a) {
 };
 var NoOptionsMessage = function (props) {
     var noOptionsMessage = props.noOptionsMessage, children = props.children;
-    return noOptionsMessage ? _jsx(components.NoOptionsMessage, __assign({}, props, { children: children })) : null;
+    return noOptionsMessage ? (_jsx(components.NoOptionsMessage, __assign({}, props, { className: "smartapp-custom-select__no-options" }, { children: children }))) : null;
 };
 var Input = function (props) { return _jsx(components.Input, __assign({}, props, { isHidden: false })); };
 var IndicatorSeparator = function () { return null; };
@@ -142,22 +154,42 @@ var POPUP_HIDDEN_CLASSNAME = 'select-label-hidden';
 var LOADING_MESSAGE_ITEMS = 6;
 var IS_CREATABLE_FIELD_NAME = 'isCreatable';
 var EMPTY_SELECTED_VALUE = { value: '', label: '' };
+var OPTIONS_GAP = 2;
+var PADDING = 12;
+var TRACK_Y_HEIGHT = 'calc(100% - 16px)';
 var ACTIONS = {
     clear: 'clear',
     inputChange: 'input-change',
 };
 var CustomSelect = function (_a) {
-    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, containerPadding = _a.containerPadding, 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 _b;
+    var platform = _a.platform, fontFamily = _a.fontFamily, _c = _a.isLoading, isLoading = _c === void 0 ? false : _c, _d = _a.isSearchable, isSearchable = _d === void 0 ? false : _d, _e = _a.isCreatable, isCreatable = _e === void 0 ? false : _e, _f = _a.isDisabled, isDisabled = _f === void 0 ? false : _f, _g = _a.isOptionsWithTooltip, isOptionsWithTooltip = _g === void 0 ? false : _g, _h = _a.isOptionsTextTruncated, isOptionsTextTruncated = _h === void 0 ? false : _h, _j = _a.isMenuAutoWidth, isMenuAutoWidth = _j === void 0 ? false : _j, _k = _a.isInteractionDisabled, isInteractionDisabled = _k === void 0 ? false : _k, _l = _a.width, width = _l === void 0 ? 100 : _l, menuListMaxHeight = _a.menuListMaxHeight, containerClassName = _a.containerClassName, containerPadding = _a.containerPadding, containerStyles = _a.containerStyles, title = _a.title, placeholder = _a.placeholder, hint = _a.hint, noOptionsMessage = _a.noOptionsMessage, noOptionsMessageClassName = _a.noOptionsMessageClassName, error = _a.error, _m = _a.menuPosition, menuPosition = _m === void 0 ? MENU_POSITIONS.bottom : _m, menuLocation = _a.menuLocation, defaultValue = _a.defaultValue, options = _a.options, selectProps = _a.selectProps, creatableSelectProps = _a.creatableSelectProps, onChange = _a.onChange, _o = _a.onDisabledOptionClick, onDisabledOptionClick = _o === void 0 ? function () { } : _o, _p = _a.onMenuOpen, onMenuOpen = _p === void 0 ? function () { } : _p;
     var selectRef = useRef(null);
     var menuListRef = useRef(null);
-    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 _q = useState(), value = _q[0], setValue = _q[1];
+    var _r = useState(''), inputValue = _r[0], setInputValue = _r[1];
+    var _s = useState(false), isInputFocused = _s[0], setIsInputFocused = _s[1];
+    var _t = useState(0), optionHeight = _t[0], setOptionHeight = _t[1];
+    var _u = useState(0), menuListWidth = _u[0], setMenuListWidth = _u[1];
     var selectRefCurrent = selectRef.current;
     var isSelectClearable = isInputFocused && !isEmpty(inputValue);
     var fontFamilyStyle = generateFontFamilyStyle(fontFamily);
-    useLayoutEffect(function () { return setOptionHeight(0); }, [width, fontFamily, isMenuAutoWidth]);
+    var isActionless = isInteractionDisabled && options.length === 1;
+    var isMenuOpen = isActionless ? false : undefined;
+    var isSelectMenuOpen = (_b = selectRefCurrent === null || selectRefCurrent === void 0 ? void 0 : selectRefCurrent.props) === null || _b === void 0 ? void 0 : _b.menuIsOpen;
+    useLayoutEffect(function () {
+        setOptionHeight(0);
+        setMenuListWidth(0);
+    }, [width, fontFamily, isMenuAutoWidth]);
+    useLayoutEffect(function () {
+        var _a;
+        var menuListRefCurrent = menuListRef.current;
+        if (isSelectMenuOpen && !isNull(menuListRefCurrent)) {
+            var _b = menuListRefCurrent.getBoundingClientRect().width, menuListWidth_1 = _b === void 0 ? 0 : _b;
+            var _c = (((_a = menuListRefCurrent.querySelector('[role="option"]')) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) || {}).width, optionWidth = _c === void 0 ? 0 : _c;
+            setMenuListWidth(Math.max(optionWidth, menuListWidth_1 - PADDING));
+        }
+    }, [isMenuAutoWidth, isSelectMenuOpen]);
     useEffect(function () {
         if (defaultValue) {
             setValue(defaultValue);
@@ -174,8 +206,8 @@ 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, 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 OptionComponent = function (props) { return (_jsx(Option, __assign({}, props, { menuListRef: menuListRef, platform: platform, fontFamily: fontFamily, isOptionsWithTooltip: isOptionsWithTooltip, isOptionsTextTruncated: isOptionsTextTruncated, onDisabledOptionClick: onDisabledOptionClick }))); };
+    var MenuListComponent = function (props) { return (_jsx(MenuList, __assign({}, props, { children: props.children, platform: platform, menuListRef: menuListRef, isMenuAutoWidth: isMenuAutoWidth, menuListWidth: menuListWidth, menuListMaxHeight: generateMenuListMaxHeight(), selectWidth: width, optionHeight: optionHeight, setOptionHeight: setOptionHeight }))); };
     var generateStyles = function () {
         return selectStyles({
             isDisabled: isDisabled,
@@ -215,6 +247,7 @@ var CustomSelect = function (_a) {
         setIsInputFocused(true);
     };
     var handleBlur = function () { return setIsInputFocused(false); };
+    var handleMenuOpen = function () { return !isActionless && (onMenuOpen === null || onMenuOpen === void 0 ? void 0 : onMenuOpen()); };
     var handleCreatableKeyDown = function (event) {
         var key = event.key, code = event.code;
         if (code === ENTER_KEY || key === ENTER_KEY) {
@@ -222,27 +255,27 @@ 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(__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: {
+    return (_jsxs("div", __assign({ className: classNames('smartapp-custom-select', containerClassName), style: __assign(__assign({ width: "".concat(width, "%") }, fontFamilyStyle), containerStyles) }, { children: [renderTitle(), isCreatable ? (_jsx(CreatableSelect, __assign({ ref: selectRef, menuIsOpen: isMenuOpen, 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: handleMenuOpen, loadingMessage: function () { return _jsx(LoadingMessage, { isCreatableSelect: true }); }, components: {
                     Input: Input,
                     Option: OptionComponent,
                     IndicatorSeparator: IndicatorSeparator,
-                    DropdownIndicator: function (props) { return _jsx(DropdownIndicator, __assign({}, props, { isHidden: isSelectClearable })); },
+                    DropdownIndicator: function (props) { return _jsx(DropdownIndicator, __assign({}, props, { isHidden: isSelectClearable || isActionless })); },
                     MenuList: MenuListComponent,
                     LoadingIndicator: LoadingIndicator,
                     NoOptionsMessage: function () { return null; },
                     ClearIndicator: ClearIndicator,
                     SingleValue: SingleValueComponent,
-                } })) : (_jsx(Select, { ref: selectRef, menuPlacement: menuPosition, menuPosition: menuLocation, isLoading: isLoading, isDisabled: isDisabled, isSearchable: isSearchable, isClearable: isSearchable && isSelectClearable, controlShouldRenderValue: isDisabled || !isSearchable, options: options, value: (value === null || value === void 0 ? void 0 : value.label) ? value : null, styles: generateStyles(), placeholder: placeholder, inputValue: isDisabled || !isSearchable ? '' : inputValue, onInputChange: handleInputChange, onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur, onMenuOpen: onMenuOpen, noOptionsMessage: function () { return noOptionsMessage; }, loadingMessage: function () { return _jsx(LoadingMessage, {}); }, components: {
+                } }, creatableSelectProps))) : (_jsx(Select, __assign({ ref: selectRef, menuIsOpen: isMenuOpen, menuPlacement: menuPosition, menuPosition: menuLocation, isLoading: isLoading, isDisabled: isDisabled, isSearchable: isSearchable, isClearable: isSearchable && isSelectClearable, controlShouldRenderValue: isDisabled || !isSearchable, options: options, value: (value === null || value === void 0 ? void 0 : value.label) ? value : null, styles: generateStyles(), placeholder: placeholder, inputValue: isDisabled || !isSearchable ? '' : inputValue, onInputChange: handleInputChange, onChange: handleChange, onFocus: handleFocus, onBlur: handleBlur, onMenuOpen: handleMenuOpen, noOptionsMessage: function () { return noOptionsMessage; }, loadingMessage: function () { return _jsx(LoadingMessage, {}); }, components: {
                     Input: Input,
                     Option: OptionComponent,
                     IndicatorSeparator: IndicatorSeparator,
-                    DropdownIndicator: function (props) { return _jsx(DropdownIndicator, __assign({}, props, { isHidden: isSearchable && isSelectClearable })); },
+                    DropdownIndicator: function (props) { return _jsx(DropdownIndicator, __assign({}, props, { isHidden: (isSearchable && isSelectClearable) || isActionless })); },
                     SingleValue: SingleValueComponent,
                     MenuList: MenuListComponent,
                     LoadingIndicator: LoadingIndicator,
                     ClearIndicator: ClearIndicator,
                     NoOptionsMessage: function (props) { return _jsx(NoOptionsMessage, __assign({}, props, { className: noOptionsMessageClassName, noOptionsMessage: noOptionsMessage })); },
-                } })), renderHint(), renderError()] })));
+                } }, selectProps))), renderHint(), renderError()] })));
 };
 export default CustomSelect;
 //# sourceMappingURL=CustomSelect.js.map