@expressms/smartapp-ui 3.0.0-alpha.20 → 3.0.0-alpha.201

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

@@ -12,10 +12,13 @@ var __assign = (this && this.__assign) || function () {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useRef } from 'react';
 import classNames from 'classnames';
+import { isUndefined } from 'lodash';
+import Avatar from '../Avatar';
 import Checkbox from '../Checkbox';
 import RadioButton from '../RadioButton';
 import Toggle from '../Toggle';
 import { generateFontFamilyStyle, generateId } from '../../helpers';
+import { AVATAR_SIZES } from '../Avatar/types';
 import '../../styles/styles.scss';
 export var LIST_ITEM_TYPE = {
     interactive: 'interactive',
@@ -52,9 +55,10 @@ var isElement = function (element) {
     return { isIndicatorElement: isIndicatorElement, isIconElement: isIconElement, isNoElement: isNoElement };
 };
 var ListItem = function (props) {
-    var fontFamily = props.fontFamily, textRef = props.textRef, type = props.type, text = props.text, element = props.element, isDisabled = props.isDisabled, className = props.className, styles = props.styles, textStyles = props.textStyles, interactiveElementStyles = props.interactiveElementStyles;
+    var platform = props.platform, fontFamily = props.fontFamily, textRef = props.textRef, type = props.type, text = props.text, element = props.element, isDisabled = props.isDisabled, isTextTruncated = props.isTextTruncated, className = props.className, styles = props.styles, textStyles = props.textStyles, primaryTextStyles = props.primaryTextStyles, primaryTextClassName = props.primaryTextClassName, interactiveElementStyles = props.interactiveElementStyles, avatar = props.avatar;
     var listItemRef = useRef(null);
     var isRadioButtonOrCheckbox = element === INTERACTIVE_ELEMENT.radioButton || element === INTERACTIVE_ELEMENT.checkbox;
+    var isUserListItem = !isUndefined(avatar);
     var _a = isType(type), isInteractiveType = _a.isInteractiveType, isNotInteractiveType = _a.isNotInteractiveType;
     var _b = isElement(element), isIndicatorElement = _b.isIndicatorElement, isIconElement = _b.isIconElement, isNoElement = _b.isNoElement;
     var isLeftPosition = function (position) { return position === INTERACTIVE_POSITION.left; };
@@ -123,13 +127,17 @@ var ListItem = function (props) {
         return null;
     };
     var renderLeftElement = function () {
+        if (isUserListItem) {
+            var secondaryText = props.secondaryText;
+            var username = secondaryText || text;
+            return _jsx(Avatar, { fontFamily: fontFamily, className: "smartapp-list-item__avatar", avatar: avatar, username: username, size: AVATAR_SIZES.size_32 });
+        }
         if (isInteractiveType) {
             var _a = props, _b = _a.position, position = _b === void 0 ? INTERACTIVE_POSITION.right : _b, _c = _a.isIndicator, isIndicator = _c === void 0 ? false : _c, color = _a.color;
             return isLeftPosition(position) ? renderInteractiveElement() : renderIndicatorElement({ isIndicator: isIndicator, color: color });
         }
-        if (isNotInteractiveType) {
+        if (isNotInteractiveType)
             return renderNotInteractiveElement();
-        }
     };
     var renderRightElement = function () {
         if (isInteractiveType) {
@@ -139,12 +147,13 @@ var ListItem = function (props) {
     };
     var renderSecondaryText = function () {
         if (isNotInteractiveType && isNoElement) {
-            var _a = props, secondaryText = _a.secondaryText, secondaryTextColor = _a.secondaryTextColor;
-            return secondaryText ? _jsx("div", __assign({ style: { color: secondaryTextColor } }, { children: secondaryText })) : null;
+            var _a = props, secondaryText = _a.secondaryText, secondaryTextColor = _a.secondaryTextColor, _b = _a.secondaryTextStyles, secondaryTextStyles = _b === void 0 ? {} : _b, secondaryTextClassName = _a.secondaryTextClassName;
+            return secondaryText ? (_jsx("div", __assign({ className: secondaryTextClassName, style: __assign({ color: secondaryTextColor }, secondaryTextStyles) }, { children: secondaryText }))) : null;
         }
     };
     var generateTextClassName = function () {
-        var classNames = ['smartapp-list-item__text'];
+        var defaultTextClassname = 'smartapp-list-item__text';
+        var classNames = isUserListItem || isTextTruncated ? [defaultTextClassname, "".concat(defaultTextClassname, "--wrap")] : [defaultTextClassname];
         if (isInteractiveType) {
             var _a = props, _b = _a.position, position = _b === void 0 ? INTERACTIVE_POSITION.right : _b, isIndicator = _a.isIndicator;
             var isLeftClassNeeded = isLeftPosition(position) || isIndicator;
@@ -159,14 +168,16 @@ var ListItem = function (props) {
         return classNames;
     };
     var generateClassName = function () {
-        var classNames = ['smartapp-list-item', "smartapp-list-item__".concat(type)];
+        var typeClassName = "smartapp-list-item__".concat(type);
+        var selectedClassName = "".concat(typeClassName, "--selected");
+        var classNames = ['smartapp-list-item', typeClassName, "".concat(typeClassName, "--").concat(platform)];
         if (isNotInteractiveType) {
             var isSelected = props.isSelected;
-            isSelected && classNames.push("smartapp-list-item__".concat(type, "--selected"));
+            isSelected && classNames.push.apply(classNames, [selectedClassName, "".concat(selectedClassName, "__").concat(platform)]);
         }
         if (isNoElement) {
             var secondaryText = props.secondaryText;
-            secondaryText && classNames.push("smartapp-list-item__".concat(type, "--with-secondary-text"));
+            secondaryText && classNames.push("".concat(typeClassName, "--with-secondary-text"));
         }
         isDisabled && classNames.push('smartapp-list-item__disabled');
         className && classNames.push(className);
@@ -197,7 +208,7 @@ var ListItem = function (props) {
             window.removeEventListener('mouseup', handleMouseUp);
         };
     }, [handleMouseUp]);
-    return (_jsxs("div", __assign({ ref: listItemRef, className: classNames(generateClassName()), style: __assign(__assign({}, generateFontFamilyStyle(fontFamily)), styles), onMouseDown: handleMouseDown, onClick: handleClick }, { children: [renderLeftElement(), _jsxs("div", __assign({ className: classNames(generateTextClassName()), style: textStyles }, { children: [_jsx("div", __assign({ ref: textRef }, { children: text })), renderSecondaryText()] })), renderRightElement()] })));
+    return (_jsxs("div", __assign({ ref: listItemRef, className: classNames(generateClassName()), style: __assign(__assign({}, generateFontFamilyStyle(fontFamily)), styles), onMouseDown: handleMouseDown, onClick: handleClick }, { children: [renderLeftElement(), _jsxs("div", __assign({ className: classNames(generateTextClassName()), style: textStyles }, { children: [_jsx("div", __assign({ ref: textRef, className: primaryTextClassName, style: primaryTextStyles }, { children: text })), renderSecondaryText()] })), renderRightElement()] })));
 };
 export default ListItem;
 //# sourceMappingURL=ListItem.js.map

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

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

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

@@ -1,5 +1,5 @@
 import { ReactElement, RefObject } from 'react';
-import { IFontFamilyProps, TStyles } from '../../constants';
+import { IFontFamilyProps, IPlatformProps, TAvatar, TStyles } from '../../constants';
 export type TInteractivePosition = 'left' | 'right';
 export type TInteractiveElement = 'radio-button' | 'checkbox' | 'toggle';
 export type TNotInteractiveElement = 'icon' | 'indicator' | 'no-element';
@@ -25,17 +25,23 @@ export interface NotInteractiveNoElementItemProps {
     element: 'no-element';
     secondaryText?: string;
     secondaryTextColor?: string;
+    secondaryTextStyles?: TStyles;
+    secondaryTextClassName?: string;
 }
 export type NotInteractiveItemProps = (NotInteractiveIconItemProps | NotInteractiveIndicatorItemProps | NotInteractiveNoElementItemProps) & {
     type: 'not-interactive';
     isSelected?: boolean;
 };
-export type IListItemProps = IFontFamilyProps & (InteractiveItemProps | NotInteractiveItemProps) & {
+export type IListItemProps = IFontFamilyProps & IPlatformProps & (InteractiveItemProps | NotInteractiveItemProps) & {
     text: string;
     isDisabled?: boolean;
+    isTextTruncated?: boolean;
     className?: string;
     styles?: TStyles;
     textStyles?: TStyles;
+    primaryTextStyles?: TStyles;
+    primaryTextClassName?: string;
     interactiveElementStyles?: TStyles;
     textRef?: RefObject<HTMLDivElement | null>;
+    avatar?: TAvatar;
 };

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

@@ -1,4 +1,5 @@
-import { IModalProps } from './types';
+import { IModalProps, TBottomSheetScrollMobileConfig } from './types';
 import '../../styles/styles.scss';
-declare const Modal: ({ fontFamily, isModalOpen, isClosableOutside, isCloseIconHidden, isPopup, isBottomSheet, isDisabledBottomSheet, isCloseButtonDisabled, isResetPaddingBottom, isScrollBordersVisible, isNeedToScrollUp, modalId, contentId, modalRef: outerModalRef, content, bottomContent, title, titleIcons, platform, popupClassName, className, titleClassName, iconsClassName, popupStyles, styles, titleStyles, contentStyles, iconColor, backgroundColor, modalMaxHeight, bottomSheetProps, externalBottomSheetScrollContainer, contextMenuProps, handleChangeTitleBorderDisplayed, handleCloseModal, }: IModalProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const DEFAULT_BOTTOM_SHEET_SCROLL_MOBILE_CONFIG: TBottomSheetScrollMobileConfig;
+declare const Modal: ({ fontFamily, isModalOpen, isClosableOutside, isCloseIconHidden, isPopup, isBottomSheet, isDisabledBottomSheet, isCloseButtonDisabled, isResetPaddingBottom, isScrollBordersVisible, isDisableTitleCollapsing, isBottomContentBorderShown, isNeedToScrollUp, isDisablePopupDragging, modalId, contentId, mobileContentId, modalRef: outerModalRef, content, bottomContent, title, titleIcons, platform, popupClassName, className, titleClassName, iconsClassName, popupStyles, styles, titleStyles, contentStyles, scrollableContentStyles, iconColor, backgroundColor, modalMaxHeight, bottomSheetProps, bottomSheetDetent, bottomSheetStyles, externalBottomSheetScrollContainer, contextMenuProps, bottomSheetScrollMobileConfig, handleChangeTitleBorderDisplayed, handleClickOutside, handleCloseModal, handleBottomSheetInitialized, onScroll: externalHandleScroll, }: IModalProps) => import("react/jsx-runtime").JSX.Element | null;
 export default Modal;

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

@@ -30,75 +30,117 @@ 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";
+/* eslint-disable max-lines */
 import { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
 import classNames from 'classnames';
-import { isArray } from 'lodash';
+import { isArray, isNil, isNull, isNumber } from 'lodash';
 import { useModal } from '../../hooks/useModal';
 import ContextMenu from '../ContextMenu';
 import ScrollBar from '../ScrollBar';
 import { DEFAULT_SCROLL_BAR_SIZE } from '../ScrollBar/ScrollBar';
-import { checkIfContentIsCentered, generateBottomSheetClassName, generateClassNames, generateColor, generateFontFamilyStyle, generateIsCloseIconHidden, isMobilePlatform, } from '../../helpers';
-import { COLORS, DRAGGABLE_KEY, EVENT_LISTENER_TYPES, MODAL_ICONS_PADDING_LEFT, PLATFORM } from '../../constants';
+import { checkIfContentIsCentered, clickOutsideTheModal, generateBottomSheetClassName, generateClassNames, generateColor, generateFontFamilyStyle, generateIsCloseIconHidden, isAndroidPlatform, isIosPlatform, isMobilePlatform, } from '../../helpers';
+import { BOTTOM_SHEET, BOTTOM_SHEET_SCROLL_POSITION, COLORS, DRAGGABLE_KEY, EVENT_LISTENER_TYPES, MODAL_ICONS_PADDING_LEFT, PLATFORM, SMARTAPP_MODAL_ID, } from '../../constants';
 import { ReactComponent as CloseIcon } from '../../assets/icons/close-modal.svg';
 import { ReactComponent as MoreIcon } from '../../assets/icons/more.svg';
 import '../../styles/styles.scss';
 var SCROLL_BAR_HEIGHT_WITH_PADDING = 'calc(100% - 20px)';
 var MODAL_MARGIN_SIZE_WEB = 165;
 var CONTENT_PADDING_TOP = 20;
-var MODAL_TITLE_PADDING_BOTTOM = 16;
+var BOTTOM_SHEET_CONTENT_PADDING_TOP = 18;
 var MODAL_MARGIN_SIZE_MOBILE = 136;
 var POPUP_CLASS_NAME = 'popup';
 var MIN_SCROLL_TOP = 5;
 var MODAL_PADDING_RIGHT = 20;
 var CONTAINER_EDGE_MARGIN = 4;
+var FULL_HEIGHT_BOTTOM_SHEET_TOP_MARGIN = 24;
+var FULL_HEIGHT_SCROLL_BAR_HEIGHT = 'auto';
+export var DEFAULT_BOTTOM_SHEET_SCROLL_MOBILE_CONFIG = {
+    scrollTo: BOTTOM_SHEET_SCROLL_POSITION.bottom,
+    extraPaddingFocusedElement: 0,
+    topCursorEdge: 0,
+    upperVisibilityThreshold: 0,
+    shouldDoScrollToFocusedElement: true,
+};
 var TITLE_CLASS_NAMES = {
     border: 'smartapp-modal__content--title__border',
     ellipsis: 'smartapp-modal__content--title__ellipsis',
     ellipsisContainer: 'smartapp-modal__content--title__ellipsis-container',
 };
+var checkIsBottomContentBorderVisible = function (_a) {
+    var scrollTop = _a.scrollTop, clientHeight = _a.clientHeight, scrollHeight = _a.scrollHeight;
+    return scrollTop + clientHeight < scrollHeight - 1;
+};
+var generateBottomSheetHeightConfig = function (_a) {
+    var bottomSheetProps = _a.bottomSheetProps, containerHeight = _a.containerHeight, shouldUseBottomSheet = _a.shouldUseBottomSheet;
+    var _b = bottomSheetProps || {}, bottomSheetHeight = _b.height, _c = _b.isFullHeightWithTopMargin, isFullHeightWithTopMargin = _c === void 0 ? false : _c;
+    var isBottomSheetHeightAvailable = isNumber(bottomSheetHeight) && bottomSheetHeight > 0;
+    var isFullHeightBottomSheet = shouldUseBottomSheet && !isBottomSheetHeightAvailable && isFullHeightWithTopMargin;
+    var scrollBarContainerHeight = isFullHeightBottomSheet ? FULL_HEIGHT_SCROLL_BAR_HEIGHT : containerHeight;
+    return { bottomSheetHeight: bottomSheetHeight, isFullHeightBottomSheet: isFullHeightBottomSheet, scrollBarContainerHeight: scrollBarContainerHeight };
+};
 var Modal = function (_a) {
-    var fontFamily = _a.fontFamily, isModalOpen = _a.isModalOpen, _b = _a.isClosableOutside, isClosableOutside = _b === void 0 ? true : _b, isCloseIconHidden = _a.isCloseIconHidden, _c = _a.isPopup, isPopup = _c === void 0 ? false : _c, _d = _a.isBottomSheet, isBottomSheet = _d === void 0 ? false : _d, _e = _a.isDisabledBottomSheet, isDisabledBottomSheet = _e === void 0 ? false : _e, _f = _a.isCloseButtonDisabled, isCloseButtonDisabled = _f === void 0 ? false : _f, _g = _a.isResetPaddingBottom, isResetPaddingBottom = _g === void 0 ? false : _g, _h = _a.isScrollBordersVisible, isScrollBordersVisible = _h === void 0 ? false : _h, _j = _a.isNeedToScrollUp, isNeedToScrollUp = _j === void 0 ? false : _j, modalId = _a.modalId, contentId = _a.contentId, outerModalRef = _a.modalRef, content = _a.content, bottomContent = _a.bottomContent, title = _a.title, titleIcons = _a.titleIcons, _k = _a.platform, platform = _k === void 0 ? PLATFORM.web : _k, popupClassName = _a.popupClassName, className = _a.className, titleClassName = _a.titleClassName, iconsClassName = _a.iconsClassName, popupStyles = _a.popupStyles, styles = _a.styles, titleStyles = _a.titleStyles, contentStyles = _a.contentStyles, iconColor = _a.iconColor, backgroundColor = _a.backgroundColor, modalMaxHeight = _a.modalMaxHeight, bottomSheetProps = _a.bottomSheetProps, externalBottomSheetScrollContainer = _a.externalBottomSheetScrollContainer, contextMenuProps = _a.contextMenuProps, handleChangeTitleBorderDisplayed = _a.handleChangeTitleBorderDisplayed, handleCloseModal = _a.handleCloseModal;
+    var fontFamily = _a.fontFamily, isModalOpen = _a.isModalOpen, _b = _a.isClosableOutside, isClosableOutside = _b === void 0 ? true : _b, isCloseIconHidden = _a.isCloseIconHidden, _c = _a.isPopup, isPopup = _c === void 0 ? false : _c, _d = _a.isBottomSheet, isBottomSheet = _d === void 0 ? false : _d, _e = _a.isDisabledBottomSheet, isDisabledBottomSheet = _e === void 0 ? false : _e, _f = _a.isCloseButtonDisabled, isCloseButtonDisabled = _f === void 0 ? false : _f, _g = _a.isResetPaddingBottom, isResetPaddingBottom = _g === void 0 ? false : _g, _h = _a.isScrollBordersVisible, isScrollBordersVisible = _h === void 0 ? false : _h, _j = _a.isDisableTitleCollapsing, isDisableTitleCollapsing = _j === void 0 ? false : _j, _k = _a.isBottomContentBorderShown, isBottomContentBorderShown = _k === void 0 ? false : _k, _l = _a.isNeedToScrollUp, isNeedToScrollUp = _l === void 0 ? false : _l, _m = _a.isDisablePopupDragging, isDisablePopupDragging = _m === void 0 ? false : _m, modalId = _a.modalId, contentId = _a.contentId, mobileContentId = _a.mobileContentId, outerModalRef = _a.modalRef, content = _a.content, bottomContent = _a.bottomContent, title = _a.title, titleIcons = _a.titleIcons, _o = _a.platform, platform = _o === void 0 ? PLATFORM.web : _o, popupClassName = _a.popupClassName, className = _a.className, titleClassName = _a.titleClassName, iconsClassName = _a.iconsClassName, popupStyles = _a.popupStyles, styles = _a.styles, titleStyles = _a.titleStyles, contentStyles = _a.contentStyles, scrollableContentStyles = _a.scrollableContentStyles, iconColor = _a.iconColor, backgroundColor = _a.backgroundColor, modalMaxHeight = _a.modalMaxHeight, bottomSheetProps = _a.bottomSheetProps, bottomSheetDetent = _a.bottomSheetDetent, bottomSheetStyles = _a.bottomSheetStyles, externalBottomSheetScrollContainer = _a.externalBottomSheetScrollContainer, contextMenuProps = _a.contextMenuProps, _p = _a.bottomSheetScrollMobileConfig, bottomSheetScrollMobileConfig = _p === void 0 ? DEFAULT_BOTTOM_SHEET_SCROLL_MOBILE_CONFIG : _p, handleChangeTitleBorderDisplayed = _a.handleChangeTitleBorderDisplayed, handleClickOutside = _a.handleClickOutside, handleCloseModal = _a.handleCloseModal, handleBottomSheetInitialized = _a.handleBottomSheetInitialized, externalHandleScroll = _a.onScroll;
     var localModalRef = useRef(null);
     var titleRef = useRef(null);
     var titleTextElementRef = useRef(null);
-    var iconsRef = useRef(null);
     var scrollableContentRef = useRef(null);
     var contentRef = useRef(null);
     var scrollerRef = useRef(null);
     var bottomContentRef = useRef(null);
     var scrollbarRef = useRef(null);
-    var _l = useState(''), containerHeight = _l[0], setContainerHeight = _l[1];
-    var _m = useState(0), iconsWidth = _m[0], setIconsWidth = _m[1];
-    var _o = useState(false), isTitleBorderVisible = _o[0], setIsTitleBorderVisible = _o[1];
-    var _p = useState(false), isBottomContentBorderVisible = _p[0], setIsBottomContentBorderVisible = _p[1];
+    var isAndroidContainerHeightInitializedRef = useRef(false);
+    var androidContainerHeightContentIdRef = useRef(mobileContentId);
+    var elementRefResizeObserver = useRef(null);
+    var titleIconsRefResizeObserver = useRef(null);
+    var _q = useState(''), containerHeight = _q[0], setContainerHeight = _q[1];
+    var _r = useState(0), iconsWidth = _r[0], setIconsWidth = _r[1];
+    var _s = useState(false), isTitleBorderVisible = _s[0], setIsTitleBorderVisible = _s[1];
+    var _t = useState(false), isBottomContentBorderVisible = _t[0], setIsBottomContentBorderVisible = _t[1];
     var modalRef = outerModalRef || localModalRef;
     var background = generateColor(backgroundColor, COLORS.colorBgBlackoutTransparent);
     var isScrollBordersAvailable = isPopup || isScrollBordersVisible;
     var isTitleBorderDisplayed = isScrollBordersAvailable && isTitleBorderVisible;
-    var isBottomContentBorderDisplayed = isScrollBordersAvailable && isBottomContentBorderVisible;
+    var isBottomContentBorderDisplayed = (isScrollBordersAvailable && isBottomContentBorderVisible) || isBottomContentBorderShown;
+    var _u = bottomSheetScrollMobileConfig.shouldDoScrollToFocusedElement, shouldDoScrollToFocusedElement = _u === void 0 ? true : _u;
     var popupOverlayStyle = __assign({ '--modal-background': background }, popupStyles);
-    var _q = useModal({
+    var _v = useModal({
         isModalOpen: isModalOpen,
-        platform: platform,
         isDisabledBottomSheet: isDisabledBottomSheet,
+        isClosableOutside: isClosableOutside,
         initialIsBottomSheet: isBottomSheet,
+        platform: platform,
         modalRef: modalRef,
-        isClosableOutside: isClosableOutside,
-        handleCloseModal: handleCloseModal,
+        scrollRef: externalBottomSheetScrollContainer || scrollerRef,
         popupClassName: classNames('modal', popupClassName),
         popupStyles: popupOverlayStyle,
-        bottomSheetStyles: { '--rsbs-backdrop-bg': background },
+        bottomSheetStyles: bottomSheetStyles,
         bottomSheetProps: bottomSheetProps,
-        scrollRef: externalBottomSheetScrollContainer || scrollerRef,
-    }), shouldUseBottomSheet = _q.shouldUseBottomSheet, renderModal = _q.renderModal;
-    var findTitleElementWithText = function (root) {
+        bottomSheetDetent: bottomSheetDetent,
+        bottomSheetScrollMobileConfig: bottomSheetScrollMobileConfig,
+        handleCloseModal: handleCloseModal,
+        handleClickOutside: handleClickOutside,
+        handleBottomSheetInitialized: handleBottomSheetInitialized,
+    }), shouldUseBottomSheet = _v.shouldUseBottomSheet, renderModal = _v.renderModal, offsetScrollY = _v.offsetScrollY, offsetScrollYKey = _v.offsetScrollYKey, bottomKeyboardPadding = _v.bottomKeyboardPadding;
+    var isIos = isIosPlatform(platform);
+    var isAndroid = isAndroidPlatform(platform);
+    var _w = generateBottomSheetHeightConfig({
+        bottomSheetProps: bottomSheetProps,
+        containerHeight: containerHeight,
+        shouldUseBottomSheet: shouldUseBottomSheet,
+    }), bottomSheetHeight = _w.bottomSheetHeight, isFullHeightBottomSheet = _w.isFullHeightBottomSheet, scrollBarContainerHeight = _w.scrollBarContainerHeight;
+    var findElementWithText = function (root, isButtonExcluded) {
+        if (isButtonExcluded === void 0) { isButtonExcluded = false; }
+        if (isNull(root))
+            return null;
         var stack = [root];
         while (stack.length) {
             // take the first element from the stack
             var node = stack.shift();
             if (!node)
                 continue;
-            var childNodes = node.childNodes, children = node.children;
+            var childNodes = node.childNodes, children = node.children, classList = node.classList;
+            if (isButtonExcluded && classList.contains('smartapp-button'))
+                continue;
             // check if the current node has any direct text nodes
             // if it does, return this node immediately
             if (Array.from(childNodes).some(function (_a) {
@@ -112,108 +154,199 @@ var Modal = function (_a) {
         }
         return null;
     };
-    var generateAdditionalClassName = function () {
+    var generateAdditionalClassName = useCallback(function () {
         var bottomSheetClassName = generateBottomSheetClassName(platform, shouldUseBottomSheet);
         return isPopup ? __spreadArray(__spreadArray([], bottomSheetClassName, true), [POPUP_CLASS_NAME], false) : bottomSheetClassName;
-    };
+    }, [isPopup, platform, shouldUseBottomSheet]);
     var isCloseIconInvisible = generateIsCloseIconHidden(platform, isCloseIconHidden);
+    var isCloseIconLocatedOnTheLeft = !isCloseIconInvisible && shouldUseBottomSheet;
+    var areThereTitleIcons = (!isCloseIconLocatedOnTheLeft && !isCloseIconInvisible) || !isNil(titleIcons);
     var modalMargins = isMobilePlatform(platform) ? MODAL_MARGIN_SIZE_MOBILE : 2 * MODAL_MARGIN_SIZE_WEB;
     var MAX_MODAL_HEIGHT_WEB = modalMaxHeight || window.innerHeight - modalMargins;
+    var isMobileModalWithoutContent = isMobilePlatform(platform) && !shouldUseBottomSheet && isNull(findElementWithText(contentRef.current, true));
     var handleMouseDown = function (event) {
         var target = event.target;
         if (target instanceof HTMLElement || target instanceof SVGElement) {
             target.closest('.smartapp-custom-select__dropdown-indicator') && event.stopPropagation();
         }
     };
-    var handleSetContainerHeight = function (elementRef, maxModalHeight) {
+    var handleSetContainerHeight = useCallback(function (elementRef, maxModalHeight) {
         var _a, _b;
         if (!elementRef)
-            return;
+            return false;
         var height = elementRef.getBoundingClientRect().height;
         var titleHeight = ((_a = titleRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().height) || 0;
         var bottomContentHeight = ((_b = bottomContentRef.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect().height) || 0;
-        var titleHeightWithMargin = titleHeight ? titleHeight + MODAL_TITLE_PADDING_BOTTOM : titleHeight;
-        var defaultContentHeight = maxModalHeight - titleHeightWithMargin - CONTENT_PADDING_TOP;
+        var contentAdditionalClassName = generateAdditionalClassName();
+        var contentPaddingTop = contentAdditionalClassName.includes(BOTTOM_SHEET) ? BOTTOM_SHEET_CONTENT_PADDING_TOP : CONTENT_PADDING_TOP;
+        var defaultContentHeight = maxModalHeight - titleHeight - contentPaddingTop;
         var maxContentHeightValue = defaultContentHeight - bottomContentHeight;
-        setContainerHeight("".concat(Math.min(height, maxContentHeightValue), "px"));
-    };
-    var handleSetContainerHeightWeb = useCallback(function (contentRef) { return handleSetContainerHeight(contentRef, MAX_MODAL_HEIGHT_WEB); }, 
+        var nextContainerHeight = isFullHeightBottomSheet ? maxContentHeightValue : Math.min(height, maxContentHeightValue);
+        // Если пересчет на андроиде выдает 0, оставляем как есть
+        if (isAndroid && nextContainerHeight <= 0)
+            return false;
+        setContainerHeight("".concat(nextContainerHeight, "px"));
+        return true;
+    }, [generateAdditionalClassName, isAndroid, isFullHeightBottomSheet]);
+    var handleSetContainerHeightWeb = useCallback(function (contentRef) {
+        var maxModalHeight = isFullHeightBottomSheet ? window.innerHeight - FULL_HEIGHT_BOTTOM_SHEET_TOP_MARGIN : MAX_MODAL_HEIGHT_WEB;
+        return handleSetContainerHeight(contentRef, maxModalHeight);
+    }, 
     //eslint-disable-next-line
-    [contentId, modalMaxHeight]);
+    [contentId, modalMaxHeight, isFullHeightBottomSheet]);
     var handleSetContainerHeightMobile = useCallback(function (elementRef) {
-        var MAX_MODAL_HEIGHT_MOBILE = modalMaxHeight || window.innerHeight - modalMargins;
+        var isAndroidContentChanged = isAndroid && androidContainerHeightContentIdRef.current !== mobileContentId;
+        if (isAndroidContentChanged)
+            isAndroidContainerHeightInitializedRef.current = false;
+        // Для Android BottomSheet повторный замер запрещаем после первого успешного расчета.
+        if (isAndroid && isAndroidContainerHeightInitializedRef.current)
+            return;
+        var visualViewport = window.visualViewport, innerHeight = window.innerHeight;
+        var maxFullHeightBottomSheetHeight = ((visualViewport === null || visualViewport === void 0 ? void 0 : visualViewport.height) || innerHeight) - FULL_HEIGHT_BOTTOM_SHEET_TOP_MARGIN;
+        var MAX_MODAL_HEIGHT_MOBILE = isFullHeightBottomSheet
+            ? maxFullHeightBottomSheetHeight
+            : modalMaxHeight || ((visualViewport === null || visualViewport === void 0 ? void 0 : visualViewport.height) || innerHeight) - modalMargins;
         contentRef.current = elementRef;
-        handleSetContainerHeight(elementRef, MAX_MODAL_HEIGHT_MOBILE);
+        var isContainerHeightUpdated = handleSetContainerHeight(elementRef, MAX_MODAL_HEIGHT_MOBILE);
+        if (isAndroid && isContainerHeightUpdated) {
+            isAndroidContainerHeightInitializedRef.current = true;
+            androidContainerHeightContentIdRef.current = mobileContentId;
+        }
     }, 
-    //eslint-disable-next-line
-    [modalMargins, modalMaxHeight, contentId]);
-    var handleScroll = function (event) {
-        var contentScrollHeight = event.contentScrollHeight, clientHeight = event.clientHeight, scrollTop = event.scrollTop;
+    /* eslint-disable-next-line */
+    [isAndroid, mobileContentId, handleSetContainerHeight, isFullHeightBottomSheet]);
+    useLayoutEffect(function () {
+        if (!isModalOpen || isFullHeightBottomSheet)
+            return;
+        if (isAndroid)
+            isAndroidContainerHeightInitializedRef.current = false;
+        if (isMobilePlatform(platform)) {
+            handleSetContainerHeightMobile(contentRef.current);
+            return;
+        }
+        handleSetContainerHeightWeb(contentRef.current);
+    }, [
+        bottomSheetHeight,
+        handleSetContainerHeightMobile,
+        handleSetContainerHeightWeb,
+        isAndroid,
+        isFullHeightBottomSheet,
+        isModalOpen,
+        platform,
+        shouldUseBottomSheet,
+    ]);
+    var changeIsTitleBorderVisible = function (scrollTop) {
         var isTitleBorderShown = scrollTop > MIN_SCROLL_TOP;
         setIsTitleBorderVisible(isTitleBorderShown);
         handleChangeTitleBorderDisplayed === null || handleChangeTitleBorderDisplayed === void 0 ? void 0 : handleChangeTitleBorderDisplayed(isTitleBorderShown);
-        setIsBottomContentBorderVisible(scrollTop + clientHeight < contentScrollHeight - 1);
     };
-    var handleScrollerRef = function (el) {
-        scrollerRef.current = el;
-        var _a = (el || {}).clientHeight, clientHeight = _a === void 0 ? 0 : _a;
-        if (bottomContent && el && clientHeight > 0) {
-            var scrollTop = el.scrollTop, scrollHeight = el.scrollHeight, clientHeight_1 = el.clientHeight;
-            setIsBottomContentBorderVisible(scrollTop + clientHeight_1 < scrollHeight - 1);
+    var handleScroll = function (event) {
+        var scrollHeight = event.contentScrollHeight, clientHeight = event.clientHeight, scrollTop = event.scrollTop;
+        changeIsTitleBorderVisible(scrollTop);
+        setIsBottomContentBorderVisible(checkIsBottomContentBorderVisible({ scrollTop: scrollTop, clientHeight: clientHeight, scrollHeight: scrollHeight }));
+        externalHandleScroll === null || externalHandleScroll === void 0 ? void 0 : externalHandleScroll(event);
+    };
+    var handleScrollerRef = function (element) {
+        if (elementRefResizeObserver.current)
+            elementRefResizeObserver.current.disconnect();
+        scrollerRef.current = element;
+        if (element) {
+            var firstElementChild = element.firstElementChild;
+            var observer = new ResizeObserver(function () {
+                var scrollTop = element.scrollTop, scrollHeight = element.scrollHeight, clientHeight = element.clientHeight;
+                changeIsTitleBorderVisible(scrollTop);
+                if (bottomContent && clientHeight > 0)
+                    setIsBottomContentBorderVisible(checkIsBottomContentBorderVisible({ scrollTop: scrollTop, clientHeight: clientHeight, scrollHeight: scrollHeight }));
+            });
+            if (firstElementChild)
+                observer.observe(firstElementChild);
+            elementRefResizeObserver.current = observer;
         }
     };
+    var handleTitleIconsRef = function (element) {
+        if (titleIconsRefResizeObserver.current)
+            titleIconsRefResizeObserver.current.disconnect();
+        if (element) {
+            var observer = new ResizeObserver(function () {
+                var width = element.getBoundingClientRect().width;
+                setIconsWidth(width);
+            });
+            observer.observe(element);
+            titleIconsRefResizeObserver.current = observer;
+        }
+    };
+    var handleTitleRef = useCallback(function (element) {
+        var titleTextElementRefCurrent = titleTextElementRef.current;
+        titleRef.current = element;
+        if (isNull(titleTextElementRefCurrent) || !(element === null || element === void 0 ? void 0 : element.contains(titleTextElementRefCurrent)))
+            titleTextElementRef.current = findElementWithText(element);
+    }, 
+    // eslint-disable-next-line
+    [modalId]);
+    useEffect(function () {
+        return function () {
+            if (elementRefResizeObserver.current)
+                elementRefResizeObserver.current.disconnect();
+            if (titleIconsRefResizeObserver.current)
+                titleIconsRefResizeObserver.current.disconnect();
+        };
+    }, []);
     useEffect(function () {
         var handleWindowResize = function () { return handleSetContainerHeightMobile(contentRef.current); };
-        isMobilePlatform(platform) && window.addEventListener(EVENT_LISTENER_TYPES.resize, handleWindowResize);
+        isIos && window.addEventListener(EVENT_LISTENER_TYPES.resize, handleWindowResize);
         return function () { return window.removeEventListener(EVENT_LISTENER_TYPES.resize, handleWindowResize); };
-    }, [handleSetContainerHeightMobile, platform]);
+    }, [handleSetContainerHeightMobile, isIos]);
+    useEffect(function () {
+        if (!isAndroid || !isModalOpen)
+            return;
+        isAndroidContainerHeightInitializedRef.current = false;
+        handleSetContainerHeightMobile(contentRef.current);
+    }, [modalId, mobileContentId, isAndroid, isModalOpen, handleSetContainerHeightMobile]);
     useEffect(function () {
         var checkIfClickedOutside = function (_a) {
             var target = _a.target;
             var modalRefCurrent = modalRef.current;
             if (isModalOpen && isClosableOutside && modalRefCurrent && !modalRefCurrent.contains(target))
-                handleCloseModal();
+                clickOutsideTheModal(handleCloseModal, handleClickOutside);
         };
-        !isPopup && (document === null || document === void 0 ? void 0 : document.addEventListener(EVENT_LISTENER_TYPES.click, checkIfClickedOutside, true));
+        !isPopup && !shouldUseBottomSheet && (document === null || document === void 0 ? void 0 : document.addEventListener(EVENT_LISTENER_TYPES.click, checkIfClickedOutside, true));
         return function () { return document === null || document === void 0 ? void 0 : document.removeEventListener(EVENT_LISTENER_TYPES.click, checkIfClickedOutside, true); };
-    }, [isModalOpen, isClosableOutside, handleCloseModal, isPopup, modalRef]);
-    useLayoutEffect(function () {
-        var resizeObserver = new ResizeObserver(function () {
-            var _a;
-            var _b = (((_a = iconsRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) || {}).width, width = _b === void 0 ? 0 : _b;
-            setIconsWidth(width);
-        });
-        requestAnimationFrame(function () {
-            var iconsRefCurrent = iconsRef.current;
-            iconsRefCurrent && resizeObserver.observe(iconsRefCurrent);
-        });
-        return function () { return resizeObserver.disconnect(); };
-    }, []);
+    }, [handleClickOutside, handleCloseModal, isClosableOutside, isModalOpen, isPopup, modalRef, shouldUseBottomSheet]);
     useEffect(function () {
         var _a;
-        var titleRefCurrent = titleRef.current;
+        if (isDisableTitleCollapsing)
+            return;
         var titleTextElementRefCurrent = titleTextElementRef.current;
-        if (!titleTextElementRefCurrent && titleRefCurrent) {
-            var titleElementWithText = findTitleElementWithText(titleRefCurrent);
-            titleTextElementRef.current = titleElementWithText;
-            titleTextElementRefCurrent = titleElementWithText;
-        }
         var parentClassList = (_a = titleTextElementRefCurrent === null || titleTextElementRefCurrent === void 0 ? void 0 : titleTextElementRefCurrent.parentElement) === null || _a === void 0 ? void 0 : _a.classList;
         titleTextElementRefCurrent === null || titleTextElementRefCurrent === void 0 ? void 0 : titleTextElementRefCurrent.classList.toggle(TITLE_CLASS_NAMES.ellipsis, isTitleBorderDisplayed);
         !(parentClassList === null || parentClassList === void 0 ? void 0 : parentClassList.contains(TITLE_CLASS_NAMES.border)) && (parentClassList === null || parentClassList === void 0 ? void 0 : parentClassList.toggle(TITLE_CLASS_NAMES.ellipsisContainer, isTitleBorderDisplayed));
-    }, [isTitleBorderDisplayed]);
+    }, [isDisableTitleCollapsing, isTitleBorderDisplayed]);
     useEffect(function () {
         var scrollbarRefCurrent = scrollbarRef.current;
         if (isNeedToScrollUp && scrollbarRefCurrent)
             scrollbarRefCurrent.scrollTop = 0;
     }, [isNeedToScrollUp]);
+    useEffect(function () {
+        var scrollbarRefCurrent = scrollbarRef.current;
+        if (scrollbarRefCurrent && offsetScrollY)
+            scrollbarRefCurrent.scrollTop += offsetScrollY;
+        // The "offsetScrollYKey" is required in the useEffect dependency array
+        // because sometimes we have to scroll to the same "offsetScrollY" position multiple times consecutively
+    }, [offsetScrollY, offsetScrollYKey]);
     var renderTitle = function () {
-        return title && (_jsxs("div", __assign({ className: classNames({ 'smartapp-modal__content--title__border': isTitleBorderDisplayed }) }, { children: [isPopup && _jsx("div", { className: "smartapp-modal__content--title__draggable-zone ".concat(DRAGGABLE_KEY) }), !isCloseIconInvisible && renderCloseIconSpace({ elementRef: titleRef }), _jsx("div", __assign({ ref: titleRef, className: "smartapp-modal__content--title ".concat(titleClassName), style: titleStyles }, { children: title }))] })));
+        var isPaddingIncreased = shouldUseBottomSheet && isCloseIconLocatedOnTheLeft;
+        return (title && (_jsxs("div", __assign({ className: classNames({ 'smartapp-modal__content--title__border': isTitleBorderDisplayed }) }, { children: [isPopup && (_jsx("div", { className: classNames("smartapp-modal__content--title__draggable-zone ".concat(DRAGGABLE_KEY), { cd: isDisablePopupDragging }) })), areThereTitleIcons && renderCloseIconSpace({ elementRef: titleRef }), _jsx("div", __assign({ ref: handleTitleRef, className: classNames('smartapp-modal__content--title', titleClassName, {
+                        'smartapp-modal__content--title__reduced': isMobileModalWithoutContent,
+                        'smartapp-modal__content--title__bottom-sheet': shouldUseBottomSheet,
+                        'smartapp-modal__content--title__bottom-sheet--increased-pt': isPaddingIncreased && (!isTitleBorderDisplayed || isDisableTitleCollapsing),
+                        'smartapp-modal__content--title__bottom-sheet--increased-pl': isPaddingIncreased && isTitleBorderDisplayed && !isDisableTitleCollapsing,
+                        'smartapp-modal__content--title__with-title-icons': areThereTitleIcons,
+                    }), style: titleStyles }, { children: title }))] }))));
     };
     var renderCloseIcon = function () {
         return !isCloseIconInvisible && (_jsx("div", __assign({ onClick: !isCloseButtonDisabled ? handleCloseModal : function () { }, className: classNames('smartapp-modal__content--close-icon', {
                 'smartapp-modal__content--close-icon__disabled': isCloseButtonDisabled,
-                'smartapp-modal__content--close-icon__accent': isPopup,
+                'smartapp-modal__content--close-icon__located-on-left': isCloseIconLocatedOnTheLeft,
             }) }, { children: _jsx(CloseIcon, { style: { color: generateColor(iconColor) } }) })));
     };
     var renderCloseIconSpace = function (_a) {
@@ -238,21 +371,23 @@ var Modal = function (_a) {
     var renderBottomContent = function () {
         return bottomContent && (_jsx("div", __assign({ ref: bottomContentRef, className: classNames('smartapp-modal__content--bottom', { 'smartapp-modal__content--bottom__border': isBottomContentBorderDisplayed }) }, { children: bottomContent })));
     };
-    var modalContent = (_jsx("div", __assign({ ref: modalRef, className: classNames('smartapp-modal', {
+    var modalContent = (_jsx("div", __assign({ ref: modalRef, id: SMARTAPP_MODAL_ID, className: classNames('smartapp-modal', {
             'smartapp-modal__bottom-sheet': shouldUseBottomSheet,
+            'smartapp-modal__bottom-sheet--full-height': isFullHeightBottomSheet,
             'smartapp-modal__popup': isPopup,
         }, className), style: __assign(__assign({}, generateFontFamilyStyle(fontFamily)), styles), onMouseDown: handleMouseDown }, { children: _jsxs("div", __assign({ className: generateClassNames({
                 className: 'smartapp-modal__content',
                 delimiter: '--',
                 additionalClassName: generateAdditionalClassName(),
-            }), style: contentStyles }, { children: [renderTitle(), _jsxs("div", __assign({ ref: iconsRef, className: classNames('smartapp-modal__content--icons', iconsClassName) }, { children: [titleIcons && renderTitleIcons(), renderContextMenuIcon(), renderCloseIcon()] })), _jsx(ScrollBar, { scrollbarRef: scrollbarRef, contentId: modalId, containerEdgeMargin: CONTAINER_EDGE_MARGIN, scrollerProps: { elementRef: handleScrollerRef }, content: _jsxs("div", __assign({ ref: isMobilePlatform(platform) ? handleSetContainerHeightMobile : handleSetContainerHeightWeb, className: classNames('smartapp-modal__content--scrollable', {
+            }), style: contentStyles }, { children: [isCloseIconLocatedOnTheLeft && renderCloseIcon(), renderTitle(), _jsxs("div", __assign({ ref: handleTitleIconsRef, className: classNames('smartapp-modal__content--icons', iconsClassName, {
+                        'smartapp-modal__content--icons__bottom-sheet': shouldUseBottomSheet,
+                    }) }, { children: [titleIcons && renderTitleIcons(), renderContextMenuIcon(), !isCloseIconLocatedOnTheLeft && renderCloseIcon()] })), _jsx(ScrollBar, { scrollbarRef: scrollbarRef, contentId: modalId, containerEdgeMargin: CONTAINER_EDGE_MARGIN, scrollerProps: { elementRef: handleScrollerRef }, content: _jsxs("div", __assign({ ref: isMobilePlatform(platform) ? handleSetContainerHeightMobile : handleSetContainerHeightWeb, className: classNames('smartapp-modal__content--scrollable', {
+                            'smartapp-modal__content--scrollable__bottom-sheet': shouldUseBottomSheet,
                             'smartapp-modal__content--scrollable__pb': !bottomContent && !isResetPaddingBottom,
-                        }) }, { children: [!title &&
-                                !isCloseIconInvisible &&
-                                renderCloseIconSpace({
-                                    elementRef: scrollableContentRef,
-                                    isContent: true,
-                                }), _jsx("div", __assign({ ref: scrollableContentRef }, { children: content }))] })), containerHeight: containerHeight, trackYHeight: bottomContent ? DEFAULT_SCROLL_BAR_SIZE : SCROLL_BAR_HEIGHT_WITH_PADDING, handleScroll: handleScroll }), renderBottomContent()] })) })));
+                            'smartapp-modal__content--scrollable__bottom-sheet--pb': shouldUseBottomSheet && !bottomContent && !isResetPaddingBottom,
+                        }), style: scrollableContentStyles }, { children: [!title && areThereTitleIcons && renderCloseIconSpace({ elementRef: scrollableContentRef, isContent: true }), _jsx("div", __assign({ style: {
+                                    paddingBottom: shouldDoScrollToFocusedElement ? bottomKeyboardPadding : undefined,
+                                }, ref: scrollableContentRef }, { children: content }))] })), containerHeight: scrollBarContainerHeight, trackYHeight: bottomContent ? DEFAULT_SCROLL_BAR_SIZE : SCROLL_BAR_HEIGHT_WITH_PADDING, handleScroll: handleScroll }), renderBottomContent()] })) })));
     return isPopup ? modalContent : renderModal(modalContent);
 };
 export default Modal;