@expressms/smartapp-ui 2.9.19-alpha.1 → 3.0.0-alpha.10

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

@@ -1,5 +1,5 @@
 import { ReactElement, RefObject } from 'react';
-import { IThemeProps, TStyles } from '../../constants';
+import { IFontFamilyProps, TStyles } from '../../constants';
 export type TInteractivePosition = 'left' | 'right';
 export type TInteractiveElement = 'radio-button' | 'checkbox' | 'toggle';
 export type TNotInteractiveElement = 'icon' | 'indicator' | 'no-element';
@@ -31,7 +31,7 @@ export interface NotInteractiveNoElementItemProps {
 export type NotInteractiveItemProps = (NotInteractiveIconItemProps | NotInteractiveIndicatorItemProps | NotInteractiveNoElementItemProps) & {
     type: 'not-interactive';
 };
-export type IListItemProps = IThemeProps & (InteractiveItemProps | NotInteractiveItemProps) & {
+export type IListItemProps = IFontFamilyProps & (InteractiveItemProps | NotInteractiveItemProps) & {
     text: string;
     isDisabled?: boolean;
     className?: string;

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

@@ -1,4 +1,4 @@
 import { ILoaderProps } from './types';
 import '../../styles/styles.scss';
-declare const Loader: ({ isLoader, isFullScreen, isTextItalic, title, textSize, width, iconSize, containerClassName, className, containerStyles, styles, color, backgroundColor, theme, icon, }: ILoaderProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const Loader: ({ fontFamily, isLoader, isFullScreen, isTextItalic, title, textSize, width, iconSize, containerClassName, className, containerStyles, styles, color, backgroundColor, theme, icon, }: ILoaderProps) => import("react/jsx-runtime").JSX.Element | null;
 export default Loader;

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

@@ -12,12 +12,12 @@ var __assign = (this && this.__assign) || function () {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cloneElement } from 'react';
 import classNames from 'classnames';
+import { generateColor, generateFontFamilyStyle, isDarkTheme } from '../../helpers';
 import { COLORS, FONT_SIZE, LINE_HEIGHT, THEME } from '../../constants';
-import { generateColor, isDarkTheme } from '../../helpers';
 import { ReactComponent as LoaderIcon } from '../../assets/icons/loader.svg';
 import '../../styles/styles.scss';
 var Loader = function (_a) {
-    var isLoader = _a.isLoader, _b = _a.isFullScreen, isFullScreen = _b === void 0 ? true : _b, _c = _a.isTextItalic, isTextItalic = _c === void 0 ? false : _c, title = _a.title, _d = _a.textSize, textSize = _d === void 0 ? 'small' : _d, _e = _a.width, width = _e === void 0 ? 150 : _e, _f = _a.iconSize, iconSize = _f === void 0 ? 25 : _f, containerClassName = _a.containerClassName, className = _a.className, containerStyles = _a.containerStyles, styles = _a.styles, color = _a.color, backgroundColor = _a.backgroundColor, _g = _a.theme, theme = _g === void 0 ? THEME.default : _g, _h = _a.icon, icon = _h === void 0 ? _jsx(LoaderIcon, {}) : _h;
+    var fontFamily = _a.fontFamily, isLoader = _a.isLoader, _b = _a.isFullScreen, isFullScreen = _b === void 0 ? true : _b, _c = _a.isTextItalic, isTextItalic = _c === void 0 ? false : _c, title = _a.title, _d = _a.textSize, textSize = _d === void 0 ? 'small' : _d, _e = _a.width, width = _e === void 0 ? 150 : _e, _f = _a.iconSize, iconSize = _f === void 0 ? 25 : _f, containerClassName = _a.containerClassName, className = _a.className, containerStyles = _a.containerStyles, styles = _a.styles, color = _a.color, backgroundColor = _a.backgroundColor, _g = _a.theme, theme = _g === void 0 ? THEME.default : _g, _h = _a.icon, icon = _h === void 0 ? _jsx(LoaderIcon, {}) : _h;
     var loaderColor = generateColor(color, COLORS.blue);
     var generateTextStyles = function () { return ({
         fontSize: FONT_SIZE[textSize],
@@ -38,7 +38,7 @@ var Loader = function (_a) {
         height: iconSize,
         style: { color: loaderColor },
     };
-    return (_jsx("div", __assign({ className: classNames('smartapp-loader-wrapper', { 'smartapp-loader-wrapper__full-screen': isFullScreen }, containerClassName), style: __assign({ background: generateBackgroundColor() }, containerStyles) }, { children: _jsxs("div", __assign({ className: classNames('smartapp-loader', className), style: __assign({ width: "".concat(width, "px") }, styles) }, { children: [cloneElement(icon, iconProps), title && (_jsx("p", __assign({ className: "smartapp-loader__title", style: generateTextStyles() }, { children: title })))] })) })));
+    return (_jsx("div", __assign({ className: classNames('smartapp-loader-wrapper', { 'smartapp-loader-wrapper__full-screen': isFullScreen }, containerClassName), style: __assign(__assign({ background: generateBackgroundColor() }, generateFontFamilyStyle(fontFamily)), containerStyles) }, { children: _jsxs("div", __assign({ className: classNames('smartapp-loader', className), style: __assign({ width: "".concat(width, "px") }, styles) }, { children: [cloneElement(icon, iconProps), title && (_jsx("p", __assign({ className: "smartapp-loader__title", style: generateTextStyles() }, { children: title })))] })) })));
 };
 export default Loader;
 //# sourceMappingURL=Loader.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../../../src/сomponents/Loader/Loader.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACvE,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC1D,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,MAAM,+BAA+B,CAAA;AAC5E,OAAO,0BAA0B,CAAA;AAEjC,IAAM,MAAM,GAAG,UAAC,EAgBD;QAfb,QAAQ,cAAA,EACR,oBAAmB,EAAnB,YAAY,mBAAG,IAAI,KAAA,EACnB,oBAAoB,EAApB,YAAY,mBAAG,KAAK,KAAA,EACpB,KAAK,WAAA,EACL,gBAAkB,EAAlB,QAAQ,mBAAG,OAAO,KAAA,EAClB,aAAW,EAAX,KAAK,mBAAG,GAAG,KAAA,EACX,gBAAa,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,kBAAkB,wBAAA,EAClB,SAAS,eAAA,EACT,eAAe,qBAAA,EACf,MAAM,YAAA,EACN,KAAK,WAAA,EACL,eAAe,qBAAA,EACf,aAAqB,EAArB,KAAK,mBAAG,KAAK,CAAC,OAAO,KAAA,EACrB,YAAqB,EAArB,IAAI,mBAAG,KAAC,UAAU,KAAG,KAAA;IAErB,IAAM,WAAW,GAAG,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,CAAA;IAErD,IAAM,kBAAkB,GAAG,cAAM,OAAA,CAAC;QAChC,QAAQ,EAAE,SAAS,CAAC,QAAQ,CAAC;QAC7B,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ;QAC7C,UAAU,EAAE,WAAW,CAAC,QAAQ,CAAC;KAClC,CAAC,EAJ+B,CAI/B,CAAA;IAEF,IAAM,uBAAuB,GAAG;QAC9B,IAAM,oBAAoB,GAAG,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAA;QAC7E,IAAM,YAAY,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,oBAAoB,CAAA;QAE9E,OAAO,aAAa,CAAC,eAAe,EAAE,YAAY,CAAC,CAAA;IACrD,CAAC,CAAA;IAED,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO,IAAI,CAAA;KACZ;IAED,IAAM,SAAS,GAAG;QAChB,SAAS,EAAE,uBAAuB;QAClC,KAAK,EAAE,QAAQ;QACf,MAAM,EAAE,QAAQ;QAChB,KAAK,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE;KAC9B,CAAA;IAED,OAAO,CACL,uBACE,SAAS,EAAE,UAAU,CAAC,yBAAyB,EAAE,EAAE,sCAAsC,EAAE,YAAY,EAAE,EAAE,kBAAkB,CAAC,EAC9H,KAAK,aAAI,UAAU,EAAE,uBAAuB,EAAE,IAAK,eAAe,iBAElE,wBAAK,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE,SAAS,CAAC,EAAE,KAAK,aAAI,KAAK,EAAE,UAAG,KAAK,OAAI,IAAK,MAAM,kBAC9F,YAAY,CAAC,IAAI,EAAE,SAAS,CAAC,EAC7B,KAAK,IAAI,CACR,qBAAG,SAAS,EAAC,wBAAwB,EAAC,KAAK,EAAE,kBAAkB,EAAE,gBAC9D,KAAK,IACJ,CACL,KACG,IACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}
+{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../../../src/сomponents/Loader/Loader.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,EAAE,aAAa,EAAE,uBAAuB,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AACnF,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAEvE,OAAO,EAAE,cAAc,IAAI,UAAU,EAAE,MAAM,+BAA+B,CAAA;AAC5E,OAAO,0BAA0B,CAAA;AAEjC,IAAM,MAAM,GAAG,UAAC,EAiBD;QAhBb,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,oBAAmB,EAAnB,YAAY,mBAAG,IAAI,KAAA,EACnB,oBAAoB,EAApB,YAAY,mBAAG,KAAK,KAAA,EACpB,KAAK,WAAA,EACL,gBAAkB,EAAlB,QAAQ,mBAAG,OAAO,KAAA,EAClB,aAAW,EAAX,KAAK,mBAAG,GAAG,KAAA,EACX,gBAAa,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,kBAAkB,wBAAA,EAClB,SAAS,eAAA,EACT,eAAe,qBAAA,EACf,MAAM,YAAA,EACN,KAAK,WAAA,EACL,eAAe,qBAAA,EACf,aAAqB,EAArB,KAAK,mBAAG,KAAK,CAAC,OAAO,KAAA,EACrB,YAAqB,EAArB,IAAI,mBAAG,KAAC,UAAU,KAAG,KAAA;IAErB,IAAM,WAAW,GAAG,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,CAAA;IAErD,IAAM,kBAAkB,GAAG,cAAM,OAAA,CAAC;QAChC,QAAQ,EAAE,SAAS,CAAC,QAAQ,CAAC;QAC7B,SAAS,EAAE,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,QAAQ;QAC7C,UAAU,EAAE,WAAW,CAAC,QAAQ,CAAC;KAClC,CAAC,EAJ+B,CAI/B,CAAA;IAEF,IAAM,uBAAuB,GAAG;QAC9B,IAAM,oBAAoB,GAAG,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAA;QAC7E,IAAM,YAAY,GAAG,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,oBAAoB,CAAA;QAE9E,OAAO,aAAa,CAAC,eAAe,EAAE,YAAY,CAAC,CAAA;IACrD,CAAC,CAAA;IAED,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO,IAAI,CAAA;KACZ;IAED,IAAM,SAAS,GAAG;QAChB,SAAS,EAAE,uBAAuB;QAClC,KAAK,EAAE,QAAQ;QACf,MAAM,EAAE,QAAQ;QAChB,KAAK,EAAE,EAAE,KAAK,EAAE,WAAW,EAAE;KAC9B,CAAA;IAED,OAAO,CACL,uBACE,SAAS,EAAE,UAAU,CAAC,yBAAyB,EAAE,EAAE,sCAAsC,EAAE,YAAY,EAAE,EAAE,kBAAkB,CAAC,EAC9H,KAAK,sBAAI,UAAU,EAAE,uBAAuB,EAAE,IAAK,uBAAuB,CAAC,UAAU,CAAC,GAAK,eAAe,iBAE1G,wBAAK,SAAS,EAAE,UAAU,CAAC,iBAAiB,EAAE,SAAS,CAAC,EAAE,KAAK,aAAI,KAAK,EAAE,UAAG,KAAK,OAAI,IAAK,MAAM,kBAC9F,YAAY,CAAC,IAAI,EAAE,SAAS,CAAC,EAC7B,KAAK,IAAI,CACR,qBAAG,SAAS,EAAC,wBAAwB,EAAC,KAAK,EAAE,kBAAkB,EAAE,gBAC9D,KAAK,IACJ,CACL,KACG,IACF,CACP,CAAA;AACH,CAAC,CAAA;AAED,eAAe,MAAM,CAAA"}

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

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
-import { IThemeProps, TStyles } from '../../constants';
-export interface ILoaderProps extends IThemeProps {
+import { IFontFamilyProps, IThemeProps, TStyles } from '../../constants';
+export interface ILoaderProps extends IThemeProps, IFontFamilyProps {
     isLoader: boolean;
     isFullScreen?: boolean;
     isTextItalic?: boolean;

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

@@ -1,4 +1,4 @@
 import { IModalProps } from './types';
 import '../../styles/styles.scss';
-declare const Modal: ({ isModalOpen, isClosableOutside, isCloseIconHidden, isPopup, isBottomSheet, isDisabledBottomSheet, isCloseButtonDisabled, isResetPaddingBottom, modalId, content, topContent, bottomContent, title, titleIcon, platform, popupClassName, className, popupStyles, styles, titleStyles, contentStyles, iconColor, backgroundColor, modalMaxHeight, bottomSheetProps, externalBottomSheetScrollContainer, contextMenuProps, handleCloseModal, titleClassName, }: IModalProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const Modal: ({ fontFamily, isModalOpen, isClosableOutside, isCloseIconHidden, isPopup, isBottomSheet, isDisabledBottomSheet, isCloseButtonDisabled, isResetPaddingBottom, modalId, content, bottomContent, title, titleIcons, platform, popupClassName, className, popupStyles, styles, titleStyles, contentStyles, iconColor, backgroundColor, modalMaxHeight, bottomSheetProps, externalBottomSheetScrollContainer, contextMenuProps, handleCloseModal, titleClassName, }: IModalProps) => import("react/jsx-runtime").JSX.Element | null;
 export default Modal;

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

@@ -30,37 +30,44 @@ 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 { useCallback, useEffect, useRef, useState } from 'react';
+import { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';
 import classNames from 'classnames';
+import { isArray } 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, generateIsCloseIconHidden, isMobilePlatform, } from '../../helpers';
-import { EVENT_LISTENER_TYPES, PLATFORM } from '../../constants';
-import { ReactComponent as CloseIcon } from '../../assets/icons/cancel-cross.svg';
+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 { 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_MARGIN_BOTTOM = 16;
+var MODAL_TITLE_PADDING_BOTTOM = 12;
 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 Modal = function (_a) {
-    var isModalOpen = _a.isModalOpen, _b = _a.isClosableOutside, isClosableOutside = _b === void 0 ? true : _b, isCloseIconHidden = _a.isCloseIconHidden, isPopup = _a.isPopup, _c = _a.isBottomSheet, isBottomSheet = _c === void 0 ? false : _c, _d = _a.isDisabledBottomSheet, isDisabledBottomSheet = _d === void 0 ? false : _d, _e = _a.isCloseButtonDisabled, isCloseButtonDisabled = _e === void 0 ? false : _e, _f = _a.isResetPaddingBottom, isResetPaddingBottom = _f === void 0 ? false : _f, modalId = _a.modalId, content = _a.content, topContent = _a.topContent, bottomContent = _a.bottomContent, title = _a.title, titleIcon = _a.titleIcon, _g = _a.platform, platform = _g === void 0 ? PLATFORM.web : _g, popupClassName = _a.popupClassName, className = _a.className, 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, handleCloseModal = _a.handleCloseModal, titleClassName = _a.titleClassName;
+    var fontFamily = _a.fontFamily, isModalOpen = _a.isModalOpen, _b = _a.isClosableOutside, isClosableOutside = _b === void 0 ? true : _b, isCloseIconHidden = _a.isCloseIconHidden, isPopup = _a.isPopup, _c = _a.isBottomSheet, isBottomSheet = _c === void 0 ? false : _c, _d = _a.isDisabledBottomSheet, isDisabledBottomSheet = _d === void 0 ? false : _d, _e = _a.isCloseButtonDisabled, isCloseButtonDisabled = _e === void 0 ? false : _e, _f = _a.isResetPaddingBottom, isResetPaddingBottom = _f === void 0 ? false : _f, modalId = _a.modalId, content = _a.content, bottomContent = _a.bottomContent, title = _a.title, titleIcons = _a.titleIcons, _g = _a.platform, platform = _g === void 0 ? PLATFORM.web : _g, popupClassName = _a.popupClassName, className = _a.className, 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, handleCloseModal = _a.handleCloseModal, titleClassName = _a.titleClassName;
     var ref = 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 topContentRef = useRef(null);
     var bottomContentRef = useRef(null);
     var _h = useState(''), containerHeight = _h[0], setContainerHeight = _h[1];
-    var _j = useState(false), isShadowVisible = _j[0], setIsShadowVisible = _j[1];
-    var _k = useModal({
+    var _j = useState(0), iconsWidth = _j[0], setIconsWidth = _j[1];
+    var _k = useState(false), isTitleBorderVisible = _k[0], setIsTitleBorderVisible = _k[1];
+    var _l = useState(false), isBottomContentBorderVisible = _l[0], setIsBottomContentBorderVisible = _l[1];
+    var background = generateColor(backgroundColor, COLORS.colorBgBlackoutTransparent);
+    var popupOverlayStyle = __assign({ '--modal-background': background }, popupStyles);
+    var _m = useModal({
         isModalOpen: isModalOpen,
         platform: platform,
         isDisabledBottomSheet: isDisabledBottomSheet,
@@ -69,10 +76,32 @@ var Modal = function (_a) {
         isClosableOutside: isClosableOutside,
         handleCloseModal: handleCloseModal,
         popupClassName: classNames('modal', popupClassName),
-        popupStyles: popupStyles,
+        popupStyles: popupOverlayStyle,
+        bottomSheetStyles: { '--rsbs-backdrop-bg': background },
         bottomSheetProps: bottomSheetProps,
         scrollRef: externalBottomSheetScrollContainer || scrollerRef,
-    }), shouldUseBottomSheet = _k.shouldUseBottomSheet, renderModal = _k.renderModal;
+    }), shouldUseBottomSheet = _m.shouldUseBottomSheet, renderModal = _m.renderModal;
+    var findTitleElementWithText = function (root) {
+        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;
+            // check if the current node has any direct text nodes
+            // if it does, return this node immediately
+            if (Array.from(childNodes).some(function (_a) {
+                var nodeType = _a.nodeType, textContent = _a.textContent;
+                return nodeType === Node.TEXT_NODE && (textContent === null || textContent === void 0 ? void 0 : textContent.trim());
+            }))
+                return node;
+            // otherwise, add all children of the current node to the stack for further search
+            // only include elements that are actual HTMLElements
+            stack.push.apply(stack, Array.from(children).filter(function (child) { return child instanceof HTMLElement; }));
+        }
+        return null;
+    };
     var generateAdditionalClassName = function () {
         var bottomSheetClassName = generateBottomSheetClassName(platform, shouldUseBottomSheet);
         return isPopup ? __spreadArray(__spreadArray([], bottomSheetClassName, true), [POPUP_CLASS_NAME], false) : bottomSheetClassName;
@@ -82,16 +111,15 @@ var Modal = function (_a) {
     var MAX_MODAL_HEIGHT_WEB = modalMaxHeight || window.innerHeight - modalMargins;
     var handleMouseDown = function (event) { return !isPopup && event.stopPropagation(); };
     var handleSetContainerHeight = function (elementRef, maxModalHeight) {
-        var _a, _b, _c;
+        var _a, _b;
         if (!elementRef)
             return;
         var height = elementRef.getBoundingClientRect().height;
         var titleHeight = ((_a = titleRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().height) || 0;
-        var topContentHeight = ((_b = topContentRef.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect().height) || 0;
-        var bottomContentHeight = ((_c = bottomContentRef.current) === null || _c === void 0 ? void 0 : _c.getBoundingClientRect().height) || 0;
-        var titleHeightWithMargin = titleHeight ? titleHeight + MODAL_TITLE_MARGIN_BOTTOM : titleHeight;
+        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 maxContentHeightValue = defaultContentHeight - topContentHeight - bottomContentHeight;
+        var maxContentHeightValue = defaultContentHeight - bottomContentHeight;
         setContainerHeight("".concat(Math.min(height, maxContentHeightValue), "px"));
     };
     var handleSetContainerHeightWeb = function (contentRef) { return handleSetContainerHeight(contentRef, MAX_MODAL_HEIGHT_WEB); };
@@ -100,62 +128,101 @@ var Modal = function (_a) {
         contentRef.current = elementRef;
         handleSetContainerHeight(elementRef, MAX_MODAL_HEIGHT_MOBILE);
     }, [modalMargins, modalMaxHeight]);
-    var handleScroll = function (event) { return setIsShadowVisible(event.scrollTop > MIN_SCROLL_TOP); };
+    var handleScroll = function (event) {
+        var contentScrollHeight = event.contentScrollHeight, clientHeight = event.clientHeight, scrollTop = event.scrollTop;
+        setIsTitleBorderVisible(scrollTop > MIN_SCROLL_TOP);
+        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);
+        }
+    };
     useEffect(function () {
         var handleWindowResize = function () { return handleSetContainerHeightMobile(contentRef.current); };
         isMobilePlatform(platform) && window.addEventListener(EVENT_LISTENER_TYPES.resize, handleWindowResize);
         return function () { return window.removeEventListener(EVENT_LISTENER_TYPES.resize, handleWindowResize); };
     }, [handleSetContainerHeightMobile, platform]);
     useEffect(function () {
-        document.documentElement.style.setProperty('--modal-background', generateColor(backgroundColor));
-    }, [backgroundColor]);
-    useEffect(function () {
-        var checkIfClickedOutside = function (e) {
-            if (isModalOpen && isClosableOutside && ref.current && !ref.current.contains(e.target)) {
+        var checkIfClickedOutside = function (_a) {
+            var target = _a.target;
+            var refCurrent = ref.current;
+            if (isModalOpen && isClosableOutside && refCurrent && !refCurrent.contains(target))
                 handleCloseModal();
-            }
         };
         !isPopup && (document === null || document === void 0 ? void 0 : document.addEventListener(EVENT_LISTENER_TYPES.click, checkIfClickedOutside, true));
-        return function () {
-            document === null || document === void 0 ? void 0 : document.removeEventListener(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]);
+    useLayoutEffect(function () {
+        var iconsRefCurrent = iconsRef.current;
+        if (!iconsRefCurrent)
+            return;
+        var resizeObserver = new ResizeObserver(function () {
+            var _a = iconsRefCurrent.getBoundingClientRect().width, width = _a === void 0 ? 0 : _a;
+            setIconsWidth(width);
+        });
+        resizeObserver.observe(iconsRefCurrent);
+        return function () { return resizeObserver.disconnect(); };
+    }, []);
+    useEffect(function () {
+        var titleRefCurrent = titleRef.current;
+        var titleTextElementRefCurrent = titleTextElementRef.current;
+        if (!titleTextElementRefCurrent && titleRefCurrent)
+            titleTextElementRef.current = findTitleElementWithText(titleRefCurrent);
+        titleTextElementRefCurrent === null || titleTextElementRefCurrent === void 0 ? void 0 : titleTextElementRefCurrent.classList.toggle('smartapp-modal__content--title__ellipsis', isPopup && isTitleBorderVisible);
+    }, [isPopup, isTitleBorderVisible]);
     var renderTitle = function () {
-        return title && (_jsxs("div", __assign({ className: classNames({ 'smartapp-modal__content--title__shadow': isShadowVisible && isPopup }) }, { children: [!isCloseIconInvisible && renderCloseIconSpace({ elementRef: titleRef, isLarge: true }), _jsx("p", __assign({ ref: titleRef, className: classNames("smartapp-modal__content--title ".concat(titleClassName), {
-                        'smartapp-modal__content--title__ellipsis': isShadowVisible && isPopup,
-                    }), style: titleStyles }, { children: title }))] })));
+        return title && (_jsxs("div", __assign({ className: classNames({ 'smartapp-modal__content--title__border': isTitleBorderVisible && isPopup }) }, { children: [isPopup && _jsx("div", { className: "smartapp-modal__content--title__draggable-zone ".concat(DRAGGABLE_KEY) }), !isCloseIconInvisible && renderCloseIconSpace({ elementRef: titleRef }), _jsx("div", __assign({ ref: titleRef, className: classNames("smartapp-modal__content--title ".concat(titleClassName)), 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,
             }) }, { children: _jsx(CloseIcon, { style: { color: generateColor(iconColor) } }) })));
     };
     var renderCloseIconSpace = function (_a) {
-        var elementRef = _a.elementRef, _b = _a.isLarge, isLarge = _b === void 0 ? false : _b, _c = _a.isContent, isContent = _c === void 0 ? false : _c;
+        var elementRef = _a.elementRef, _b = _a.isContent, isContent = _b === void 0 ? false : _b;
         var isContentCentered = checkIfContentIsCentered(elementRef);
-        return (_jsx("div", { className: classNames('close-icon-space', {
-                'close-icon-space__large': isLarge,
-                'close-icon-space__large--with-context-menu': isLarge && contextMenuProps,
+        var baseWidth = iconsWidth + MODAL_ICONS_PADDING_LEFT;
+        var spaceWidth = isContent ? baseWidth : baseWidth + MODAL_PADDING_RIGHT;
+        return (_jsx("div", { style: { '--close-icon-space-width': "".concat(spaceWidth, "px") }, className: classNames('close-icon-space', {
                 'close-icon-space__content': isContent,
-                'close-icon-space__content--with-context-menu': isContent && contextMenuProps,
                 'close-icon-space__centered': isContentCentered,
-                'close-icon-space__centered--with-context-menu': isContentCentered && contextMenuProps,
+                'close-icon-space__popup': isPopup,
             }) }));
     };
-    var renderTitleIcon = function () { return titleIcon && _jsx("div", __assign({ className: "smartapp-modal__content--title-icon" }, { children: titleIcon })); };
+    var renderTitleIcons = function () {
+        return (isArray(titleIcons) ? titleIcons : [titleIcons]).map(function (titleIcon, index) { return (_jsx("div", __assign({ className: "smartapp-modal__content--title-icon" }, { children: titleIcon }), index)); });
+    };
     var renderContextMenuIcon = function () {
         if (contextMenuProps) {
-            var openMenu = contextMenuProps.openMenu, isMenuOpen = contextMenuProps.isMenuOpen, remainingProps = __rest(contextMenuProps, ["openMenu", "isMenuOpen"]);
-            return (_jsxs("div", __assign({ className: classNames('smartapp-modal__content--context-menu-icon', { 'smartapp-modal__content--context-menu-icon__active': isMenuOpen }), onClick: openMenu }, { children: [_jsx(MoreIcon, {}), _jsx(ContextMenu, __assign({ isMenuOpen: isMenuOpen }, remainingProps))] })));
+            var openMenu = contextMenuProps.openMenu, isMenuOpen = contextMenuProps.isMenuOpen, contextMenuFontFamily = contextMenuProps.fontFamily, remainingProps = __rest(contextMenuProps, ["openMenu", "isMenuOpen", "fontFamily"]);
+            return (_jsxs("div", __assign({ className: classNames('smartapp-modal__content--context-menu-icon', { 'smartapp-modal__content--context-menu-icon__active': isMenuOpen }), onClick: openMenu }, { children: [_jsx(MoreIcon, {}), _jsx(ContextMenu, __assign({ isMenuOpen: isMenuOpen }, remainingProps, { fontFamily: contextMenuFontFamily || fontFamily }))] })));
         }
     };
-    var renderTopContent = function () { return topContent && _jsx("div", __assign({ ref: topContentRef }, { children: topContent })); };
     var renderBottomContent = function () {
-        return bottomContent && (_jsx("div", __assign({ ref: bottomContentRef, className: classNames('smartapp-modal__content--bottom', 'smartapp-modal__content--pr', 'smartapp-modal__content--pb') }, { children: bottomContent })));
+        return bottomContent && (_jsx("div", __assign({ ref: bottomContentRef, className: classNames('smartapp-modal__content--bottom', {
+                'smartapp-modal__content--bottom__border': isBottomContentBorderVisible && isPopup,
+            }) }, { children: bottomContent })));
     };
-    var modalContent = (_jsx("div", __assign({ ref: ref, className: classNames('smartapp-modal', { 'smartapp-modal__bottom-sheet': shouldUseBottomSheet }, className), style: styles, onMouseDown: handleMouseDown }, { children: _jsxs("div", __assign({ className: generateClassNames({ className: 'smartapp-modal__content', delimiter: '--', additionalClassName: generateAdditionalClassName() }), style: contentStyles }, { children: [renderTitle(), _jsxs("div", __assign({ className: "smartapp-modal__content--icons" }, { children: [renderTitleIcon(), renderContextMenuIcon(), renderCloseIcon()] })), renderTopContent(), _jsx(ScrollBar, { contentId: modalId, containerEdgeMargin: CONTAINER_EDGE_MARGIN, scrollerProps: { elementRef: function (el) { return (scrollerRef.current = el); } }, content: _jsxs("div", __assign({ ref: isMobilePlatform(platform) ? handleSetContainerHeightMobile : handleSetContainerHeightWeb, className: classNames('smartapp-modal__content--scrollable', 'smartapp-modal__content--pr', {
-                            'smartapp-modal__content--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()] })) })));
+    var modalContent = (_jsx("div", __assign({ ref: ref, className: classNames('smartapp-modal', {
+            'smartapp-modal__bottom-sheet': shouldUseBottomSheet,
+            '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: "smartapp-modal__content--icons" }, { children: [titleIcons && renderTitleIcons(), renderContextMenuIcon(), renderCloseIcon()] })), _jsx(ScrollBar, { 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__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()] })) })));
     return isPopup ? modalContent : renderModal(modalContent);
 };
 export default Modal;

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

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

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

@@ -1,8 +1,8 @@
-import React, { ReactElement, RefObject } from 'react';
+import React, { ReactElement, ReactNode, RefObject } from 'react';
 import { BottomSheetProps } from 'alex.chus-react-spring-bottom-sheet';
-import { ICommonProps, TStyles } from '../../constants';
+import { IFontFamilyProps, IPlatformProps, TStyles } from '../../constants';
 import { IContextMenuProps } from '../ContextMenu/types';
-export interface IModalProps extends ICommonProps {
+export interface IModalProps extends IPlatformProps, IFontFamilyProps {
     isModalOpen: boolean;
     isClosableOutside?: boolean;
     isCloseIconHidden?: boolean;
@@ -13,12 +13,12 @@ export interface IModalProps extends ICommonProps {
     isResetPaddingBottom?: boolean;
     modalId?: string;
     content: ReactElement;
-    topContent?: ReactElement;
     bottomContent?: ReactElement;
-    title?: string;
-    titleIcon?: ReactElement;
+    title?: ReactNode;
+    titleIcons?: ReactElement | ReactElement[];
     popupClassName?: string;
     className?: string;
+    titleClassName?: string;
     popupStyles?: TStyles;
     styles?: TStyles;
     titleStyles?: TStyles;
@@ -32,5 +32,4 @@ export interface IModalProps extends ICommonProps {
         openMenu: (event?: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
     };
     handleCloseModal: () => void;
-    titleClassName?: string;
 }

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

@@ -4,5 +4,5 @@ export declare const INDEFINITELY_FULL_SCREEN_POSITION: {
     right: string;
     left: string;
 };
-declare const Notification: ({ theme, platform, id, type, isAutoHidden, isCloseIconVisible, layoutType, isAllIndefinitelyNeedToBeClosed, indefinitelyFullScreenPosition, hideDuration, distanceFromBottom, containerClassName, className, containerStyles, styles, title, avatar, text, subText, iconColor, action, onClose, content, }: INotificationProps) => import("react/jsx-runtime").JSX.Element;
+declare const Notification: ({ theme, platform, fontFamily, id, type, isAutoHidden, isCloseIconHidden, layoutType, isAllIndefinitelyNeedToBeClosed, indefinitelyFullScreenPosition, hideDuration, distanceFromBottom, containerClassName, className, containerStyles, styles, title, avatar, text, subText, content, iconColor, action, onClose, }: INotificationProps) => import("react/jsx-runtime").JSX.Element;
 export default Notification;