@topconsultnpm/sdkui-react-beta 6.14.119 → 6.14.121

package/lib/components/features/archive/TMArchive.js

@@ -4,10 +4,10 @@ import Logo from '../../../assets/Toppy-generico.png';
 import { DcmtTypeListCacheService, LayoutModes, SDK_Localizator } from '@topconsultnpm/sdk-ts-beta';
 import { IconTree, SDKUI_Globals, SDKUI_Localizator, IconRecentlyViewed, IconPreview, IconShow, IconBoard, IconDcmtTypeSys, removeMruTid } from '../../../helper';
 import { useDeviceType, DeviceType } from '../../base/TMDeviceProvider';
-import TMLayoutContainer, { TMLayoutItem } from '../../base/TMLayout';
+import TMLayoutContainer from '../../base/TMLayout';
 import TMRecentsManager from '../../grids/TMRecentsManager';
 import TMDcmtForm from '../documents/TMDcmtForm';
-import { StyledToppyTextContainer, StyledToppyText } from '../search/TMSearchQueryPanel';
+import { StyledToppyTextContainer, StyledToppyText, StyledToppyImage } from '../search/TMSearchQueryPanel';
 import TMTreeSelector from '../search/TMTreeSelector';
 import TMPanel from '../../base/TMPanel';
 import { TMPanelManagerProvider, useTMPanelManagerContext } from '../../layout/panelManager/TMPanelManagerContext';
@@ -51,7 +51,7 @@ const TMArchive = ({ inputTID, fileFromConnector = null }) => {
     const tmFormElement = useMemo(() => currentTID ?
         _jsx(TMDcmtForm, { TID: currentTID, DID: undefined, groupId: 'tmForm', layoutMode: LayoutModes.Ark, onClose: deviceType === DeviceType.MOBILE ? () => setCurrentTID(undefined) : undefined, onSaveRecents: (TIDs) => setMruTIDs(TIDs), showDcmtFormSidebar: false, fileFromConnector: fileFromConnector })
         :
-            _jsx(TMPanel, { title: 'Archiviazione', allowMaximize: false, children: _jsxs(TMLayoutContainer, { gap: 30, alignItems: 'center', justifyContent: 'center', children: [_jsxs(TMLayoutItem, { width: 'max-content', height: 'max-content', children: [" ", _jsxs(StyledToppyTextContainer, { children: [" ", _jsxs(StyledToppyText, { children: [" ", SDKUI_Localizator.DcmtTypeSelect, " "] }), " "] }), " "] }), _jsxs(TMLayoutItem, { width: 'max-content', height: 'max-content', children: [" ", _jsx("img", { src: Logo, width: 120, alt: '' }), " "] })] }) }), [currentTID, deviceType, mruTIDs, fileFromConnector]);
+            _jsx(TMPanel, { title: 'Archiviazione', allowMaximize: false, children: _jsxs(TMLayoutContainer, { gap: 30, alignItems: 'center', justifyContent: 'center', children: [_jsx(StyledToppyTextContainer, { children: _jsx(StyledToppyText, { children: SDKUI_Localizator.DcmtTypeSelect }) }), _jsx(StyledToppyImage, { src: Logo, alt: 'Toppy' })] }) }), [currentTID, deviceType, mruTIDs, fileFromConnector]);
     const allInitialPanelVisibility = {
         'tmTreeSelector': true,
         'tmRecentsManager': true,

package/lib/components/features/assistant/ToppyHelpCenter.js

@@ -69,11 +69,16 @@ const ToppyImage = styled.img `
     css `
       /* animation: ${bounceAnimation} 2s infinite; */
       /* animation: ${pulseAnimation} 2s infinite; */
-      animation: ${wiggle} 1.5s infinite;
+      animation: ${wiggle} 2s infinite;
     `}
 `;
 const ToppyContent = styled.div `
-  margin-bottom: ${props => props.$isMobile ? '10px' : '20px'};
+  margin-bottom: ${({ $isMobile, $align }) => $align === 'left'
+    ? '50px'
+    : $isMobile
+        ? '10px'
+        : '20px'};
+  margin-left: ${({ $align }) => $align === 'left' ? '50px' : '0'};
   display: ${props => (props.$isCollapsed ? 'none' : 'block')};
   width: max-content;
   max-width: 250px;
@@ -108,7 +113,7 @@ const ToppyContent = styled.div `
   }
   
   &::before {
-	transform: ${({ $align }) => $align === 'left' ? 'skewX(15deg)' : 'skewX(-15deg)'};
+    transform: ${({ $align }) => $align === 'left' ? 'skewX(15deg)' : 'skewX(-15deg)'};
     content: "";
     position: absolute;
     top: 100%;

package/lib/components/features/documents/TMDcmtPreview.js

@@ -205,7 +205,7 @@ export const TMFileViewer = ({ fileBlob, isResizingActive }) => {
         return (_jsx(ImageViewer, { fileBlob: fileBlob, alt: '' }));
     }
     if (fileType === 'application/pdf') {
-        return (_jsx("div", { style: { width: '100%', height: '100%', position: 'relative' }, children: _jsx("object", { data: blobUrl, type: "application/pdf", width: "100%", height: "100%", style: { border: 'none' }, children: _jsxs("div", { style: {
+        return (_jsx("div", { style: { width: '100%', height: '100%', position: 'relative' }, children: _jsx("object", { data: blobUrl, type: "application/pdf", width: "100%", height: "100%", style: { border: 'none', pointerEvents: isResizingActive === true ? "none" : "auto" }, children: _jsxs("div", { style: {
                         padding: '40px',
                         textAlign: 'center',
                         display: 'flex',

package/lib/components/features/search/TMSearchQueryPanel.d.ts

@@ -18,3 +18,4 @@ export default TMSearchQueryPanel;
 export declare const refreshLastSearch: (qd: QueryDescriptor | undefined) => Promise<SearchResultDescriptor[] | undefined>;
 export declare const StyledToppyTextContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledToppyText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
+export declare const StyledToppyImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;

package/lib/components/features/search/TMSearchQueryPanel.js

@@ -250,7 +250,7 @@ const TMSearchQueryPanel = ({ fromDTD, showBackToResultButton, isExpertMode = SD
                                     _jsx(TMMetadataChooserForm, { allowMultipleSelection: true, height: '500px', width: '600px', allowSysMetadata: true, qd: qd, selectedIDs: qd?.select?.map((item) => ({ tid: item.tid, mid: item.mid })), onClose: handleCloseOutputConfig, onChoose: handleChooseOutput }), showOrderByConfig &&
                                     _jsx(TMMetadataChooserForm, { allowMultipleSelection: true, height: '500px', width: '600px', allowSysMetadata: true, qd: qd, selectedIDs: qd?.orderBy?.map((item) => ({ tid: item.tid, mid: item.mid })), onClose: handleCloseOrderByConfig, onChoose: handleChooseOrderBy })] })
                         :
-                            _jsxs(TMLayoutContainer, { gap: 30, alignItems: 'center', justifyContent: 'center', children: [_jsx(StyledToppyTextContainer, { children: _jsx(StyledToppyText, { children: SDKUI_Localizator.DcmtTypeSelectOrQuickSearch }) }), _jsx("img", { src: Toppy, width: 120, alt: '' })] }), showSqdForm &&
+                            _jsxs(TMLayoutContainer, { gap: 30, alignItems: 'center', justifyContent: 'center', children: [_jsx(StyledToppyTextContainer, { children: _jsx(StyledToppyText, { children: SDKUI_Localizator.DcmtTypeSelectOrQuickSearch }) }), _jsx(StyledToppyImage, { src: Toppy, alt: 'Toppy' })] }), showSqdForm &&
                         _jsx(StyledModalContainer, { style: { backgroundColor: `${TMColors.backgroundColorHeader}12` }, children: _jsx(TMSavedQueryForm, { height: '50%', width: '50%', id: formModeSqdForm === FormModes.Create ? -1 : SQD?.id, title: 'Ricerca rapida', formMode: formModeSqdForm, showBackButton: true, qd: qd, isAdvancedSearch: showAdvancedSearch, isModal: false, onClose: () => { setShowSqdForm(false); }, onSaved: onSqdSaved }) })] }), showDistinctValuesPanel &&
                 _jsx(TMDistinctValues, { isModal: true, tid: focusedTidMid?.tid, mid: focusedTidMid?.mid, separator: ',', onClosePanelCallback: () => setShowDistinctValuesPanel(false), onSelectionChanged: (e) => {
                         if (!e)
@@ -329,25 +329,43 @@ export const refreshLastSearch = async (qd) => {
     }
     return searchResults;
 };
-export const StyledToppyTextContainer = styled.div ` 
-    padding: 30px 5vw;
+export const StyledToppyTextContainer = styled.div `
+    padding: 22px 8px;
     width: 100%;
     max-width: 345px;
-    border: 1px solid #2559A5; 
-    border-radius: 30px; 
-    display: flex; 
-    align-items: center; 
-    justify-content: center; 
+    border: 1px solid #2559A5;
+    border-radius: 30px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
     box-sizing: border-box;
+    min-height: 120px; 
 
     @media (max-width: 400px) {
         padding: 20px 10px;
         max-width: 98vw;
     }
 `;
-export const StyledToppyText = styled.p ` 
-    text-align: center; 
-    color: #2559A5; 
-    font-size: 30px; 
+export const StyledToppyText = styled.p `
+    text-align: center;
+    color: #2559A5;
+    font-size: 30px;
     user-select: none;
+    margin: 0; 
+
+    /* Stili per l'ellissi multiriga (soluzione più semplice e ampiamente supportata) */
+    display: -webkit-box; 
+    -webkit-box-orient: vertical; 
+    -webkit-line-clamp: 3; /* non è una proprietà standard ma è così diffusa e ben supportata che è considerata una "best practice pragmatica" */
+    overflow: hidden; 
+    text-overflow: ellipsis; 
+    white-space: normal;
+    word-break: break-word; 
+    line-height: 1.2; 
+`;
+export const StyledToppyImage = styled.img `
+    width: 100%; 
+    max-width: 120px; 
+    height: auto;
+    display: block; 
 `;

package/lib/components/features/search/TMTreeSelector.js

@@ -27,28 +27,29 @@ const TMTreeSelector = ({ layoutMode = LayoutModes.Update, isVisible, onSelected
     const deviceType = useDeviceType();
     const isMobile = deviceType === DeviceType.MOBILE;
     const panelRef = useOutsideClick(() => setInfoDTD(undefined));
-    useEffect(() => {
-        if (treeItems.length > 0 && treeItems[0].id) {
-            setSelectedRowKeys([treeItems[0].id]);
-        }
-    }, [treeItems]);
+    // useEffect(() => {
+    //     if (treeItems.length > 0 && treeItems[0].id) {
+    //         setSelectedRowKeys([treeItems[0].id])
+    //     }
+    // }, [treeItems])
     useEffect(() => {
         const setResultCache = (result) => {
             if (result && result.length > 0) {
                 setTrees(result);
                 let defaultTree = SDKUI_Globals.userSettings.searchSettings.defaultTree;
+                let initialTreeId;
+                let treeToSelect;
                 if (defaultTree > 0) {
-                    setDefaultTreeId(defaultTree);
-                    setSelectedTreeId(defaultTree);
-                    const treeItemDescriptor = result.find(o => o.id == defaultTree);
-                    if (treeItemDescriptor?.id)
-                        setSelectedRowKeys([treeItemDescriptor.id]);
+                    initialTreeId = defaultTree;
+                    treeToSelect = result.find(o => o.id == defaultTree);
                 }
                 else {
-                    setSelectedTreeId(result?.[0].id ?? 0);
-                    const treeItemDescriptor = result?.[0];
-                    if (treeItemDescriptor?.id)
-                        setSelectedRowKeys([treeItemDescriptor.id]);
+                    initialTreeId = result[0]?.id ?? 0;
+                    treeToSelect = result[0];
+                }
+                setSelectedTreeId(initialTreeId);
+                if (treeToSelect?.id) {
+                    setSelectedRowKeys([treeToSelect.id]);
                 }
             }
         };
@@ -58,12 +59,12 @@ const TMTreeSelector = ({ layoutMode = LayoutModes.Update, isVisible, onSelected
         else {
             TreeCacheService.GetAllArchiveAsync().then((result) => { setResultCache(result); });
         }
-    }, []);
+    }, [layoutMode]);
     useEffect(() => {
         let newTreeItems = trees.find(o => o.id == selectedTreeId)?.items ?? [];
         setTreeItems(newTreeItems);
-    }, [selectedTreeId]);
-    const renderCell = (data) => {
+    }, [selectedTreeId, trees]);
+    const renderCell = useCallback((data) => {
         const treeItem = data.data;
         const [showInfo, setShowInfo] = useState(false);
         // Documento (DcmtType)
@@ -114,7 +115,7 @@ const TMTreeSelector = ({ layoutMode = LayoutModes.Update, isVisible, onSelected
                         whiteSpace: 'nowrap',
                         flex: 1,
                     }, children: treeItem.nameLoc })] }));
-    };
+    }, [isMobile, setInfoDTD]);
     // Handles selection change in the data grid
     const onSelectionChanged = useCallback((e) => {
         const selectedKeys = e.component.getSelectedRowKeys() ?? [];
@@ -144,11 +145,17 @@ const TMTreeSelector = ({ layoutMode = LayoutModes.Update, isVisible, onSelected
     }, []);
     return (_jsx(TMPanel, { title: SDK_Localizator.Trees, isVisible: isVisible, totalItems: trees.length, onClose: onClosePanel, allowMaximize: allowMaximize, onMaximize: onMaximizePanel, onHeaderDoubleClick: onMaximizePanel, toolbar: _jsx(TMButton, { btnStyle: 'icon', caption: defaultTreeId == selectedTreeId ? SDKUI_Localizator.TreeRemoveDefault : SDKUI_Localizator.SetAsDefault, icon: defaultTreeId == selectedTreeId ? _jsx(IconStarRemove, { color: 'rgb(243, 114, 92)' }) : _jsx(IconStar, { color: 'rgb(248, 215, 117)' }), onClick: () => {
                 if (defaultTreeId == selectedTreeId) {
-                    SDKUI_Globals.userSettings.searchSettings.defaultTree = -1;
+                    if (layoutMode == LayoutModes.Update)
+                        SDKUI_Globals.userSettings.searchSettings.defaultTree = -1;
+                    else
+                        SDKUI_Globals.userSettings.archivingSettings.defaultTree = -1;
                     setDefaultTreeId(-1);
                 }
                 else {
-                    SDKUI_Globals.userSettings.searchSettings.defaultTree = selectedTreeId;
+                    if (layoutMode == LayoutModes.Update)
+                        SDKUI_Globals.userSettings.searchSettings.defaultTree = selectedTreeId;
+                    else
+                        SDKUI_Globals.userSettings.archivingSettings.defaultTree = selectedTreeId;
                     setDefaultTreeId(selectedTreeId);
                 }
             } }), children: trees.length > 0

package/lib/components/grids/TMBlogs.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { DcmtTypeListCacheService, LayoutModes, ResultTypes, SDK_Globals, WorkingGroupEngine } from "@topconsultnpm/sdk-ts-beta";
 import { ContextMenu, ScrollView } from 'devextreme-react';
-import { SDKUI_Localizator, IconAttachment, getExceptionMessage, Globalization, IconBoard } from '../../helper';
+import { SDKUI_Localizator, IconAttachment, getExceptionMessage, Globalization, IconBoard, genUniqueId } from '../../helper';
 import { useDeviceType, DeviceType } from '../base/TMDeviceProvider';
 import { TMMessageBoxManager, ButtonNames } from '../base/TMPopUp';
 import TMTooltip from '../base/TMTooltip';
@@ -31,6 +31,7 @@ const TMBlogs = (props) => {
         isRefreshEnabled: false,
         isCreateContextualTask: false,
     }, refreshCallback, showCommentFormCallback, showTaskFormCallback, handleAttachmentFocus, showFloatingCommentButton = false, context, layoutMode = 'stacked', markBlogAsRead, shouldSelectLastBlog = false, updateShouldSelectLastBlog } = props;
+    const [uiId, setUiId] = useState('');
     // Get the current device type (e.g., mobile, tablet, desktop) using a custom hook.
     const deviceType = useDeviceType();
     const { abortController, showWaitPanel, waitPanelTitle, showPrimary, waitPanelTextPrimary, waitPanelValuePrimary, waitPanelMaxValuePrimary, showSecondary, waitPanelTextSecondary, waitPanelValueSecondary, waitPanelMaxValueSecondary, downloadDcmtsAsync } = useDcmtOperations();
@@ -288,6 +289,9 @@ const TMBlogs = (props) => {
         ];
         return menuItemsElements;
     }, [isHeaderHidden, localShowId, setLocalShowId, focusedBlog, focusedAttachment, showDcmtForm]);
+    useEffect(() => {
+        setUiId(genUniqueId());
+    }, []);
     useEffect(() => {
         if (showId !== undefined)
             setLocalShowId(showId);
@@ -403,7 +407,7 @@ const TMBlogs = (props) => {
     // Scroll the focused blog post into view
     useEffect(() => {
         if (focusedBlog && focusedBlog.id && containerRef.current) {
-            const focusedElement = document.getElementById(id + "-" + focusedBlog.id.toString());
+            const focusedElement = document.getElementById(id + "-" + uiId + focusedBlog.id.toString());
             if (focusedElement) {
                 focusedElement.scrollIntoView({ behavior: 'smooth', block: 'center' });
             }
@@ -413,7 +417,7 @@ const TMBlogs = (props) => {
         const scrollRef = useRef(null);
         useEffect(() => {
             if (focusedBlog && focusedBlog.id) { // containerRef.current
-                const focusedElement = document.getElementById(id + "-" + focusedBlog.id.toString());
+                const focusedElement = document.getElementById(id + "-" + uiId + focusedBlog.id.toString());
                 if (focusedElement) {
                     focusedElement.scrollIntoView({ behavior: 'smooth', block: 'center' });
                 }
@@ -496,7 +500,7 @@ const TMBlogs = (props) => {
                 handleFocusedBlog(blogPost);
                 handleFocusedAttachment(undefined);
             };
-            return (_jsxs(BlogPostContainer, { className: "blog-post-container", id: id + "-" + blogPost.id.toString(), ref: containerRef, "$color": textColor, "$textDecoration": blogPost.isDel ? 'line-through' : 'none', "$backgroundColor": bgColor, "$paddingRight": layoutMode === 'chat' ? '50px' : '10px', "$canNavigate": canNavigate(), onClick: onClickCallback, onDoubleClick: headerClickCallback, tabIndex: 0, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, onContextMenu: onContextMenu, children: [_jsxs("div", { style: { display: "flex", alignItems: "center" }, children: [(layoutMode !== 'chat' || !isOwnComment) && OwnerInitialsBadge(blogPost), _jsx("div", { style: { flex: "1 1 auto", minWidth: "0" }, children: _jsxs("div", { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center', flexWrap: "wrap", /* overflow: "hidden" */ }, children: [_jsxs("div", { style: { flex: "1 1 auto", minWidth: "0" }, children: [_jsxs("div", { style: {
+            return (_jsxs(BlogPostContainer, { className: "blog-post-container", id: id + "-" + uiId + "-" + blogPost.id.toString(), ref: containerRef, "$color": textColor, "$textDecoration": blogPost.isDel ? 'line-through' : 'none', "$backgroundColor": bgColor, "$paddingRight": layoutMode === 'chat' ? '50px' : '10px', "$canNavigate": canNavigate(), onClick: onClickCallback, onDoubleClick: headerClickCallback, tabIndex: 0, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, onContextMenu: onContextMenu, children: [_jsxs("div", { style: { display: "flex", alignItems: "center" }, children: [(layoutMode !== 'chat' || !isOwnComment) && OwnerInitialsBadge(blogPost), _jsx("div", { style: { flex: "1 1 auto", minWidth: "0" }, children: _jsxs("div", { style: { display: 'flex', justifyContent: 'space-between', alignItems: 'center', flexWrap: "wrap", /* overflow: "hidden" */ }, children: [_jsxs("div", { style: { flex: "1 1 auto", minWidth: "0" }, children: [_jsxs("div", { style: {
                                                         fontWeight: "bold",
                                                         fontSize: '1rem',
                                                         display: "flex",
@@ -551,7 +555,7 @@ const TMBlogs = (props) => {
                                                     }, children: [(showIconHeader) && blogPost.header && blogPost.classID &&
                                                             _jsxs(_Fragment, { children: [_jsx("span", { style: { marginLeft: showIconHeader ? "5px" : "0" }, children: blogPost.ownerName }), _jsx("span", { style: { margin: "0 5px" }, children: "\u2501" })] }), blogPost.creationTime && highlightText(`${Globalization.getDateTimeDisplayValue(blogPost.creationTime)} ${new Date(blogPost.creationTime).toDateString() === new Date().toDateString()
                                                             ? `(${SDKUI_Localizator.Today})`
-                                                            : ''}`, searchText, isSelected), localShowId && (_jsxs(_Fragment, { children: [_jsx("span", { style: { margin: "0 5px" }, children: "\u2501" }), _jsxs("span", { children: ["(ID: ", blogPost.id, ")"] })] }))] })] }), blogPost.attachments && showExtendedAttachments === false && (_jsx("div", { style: { marginTop: "25px", fontSize: "13px", display: "flex", justifyContent: "flex-end" }, children: _jsx(TMTooltip, { content: `${SDKUI_Localizator.Attachments}: ${blogPost.attachments.length}`, children: _jsx(IconAttachment, { fontSize: 20, color: isSelected ? '#fff' : color }) }) }))] }) })] }), _jsx("div", { style: { marginTop: "10px", fontSize: '1rem' }, children: _jsx(TMHtmlContentDisplay, { markup: blogPost.description ?? '-', searchText: searchText, isSelected: isSelected }) }), showExtendedAttachments && blogPost.attachments && blogPost.attachments.length > 0 && attachmentDetails(blogPost.attachments, isSelected)] }, id + "-" + blogPost.id));
+                                                            : ''}`, searchText, isSelected), localShowId && (_jsxs(_Fragment, { children: [_jsx("span", { style: { margin: "0 5px" }, children: "\u2501" }), _jsxs("span", { children: ["(ID: ", blogPost.id, ")"] })] }))] })] }), blogPost.attachments && showExtendedAttachments === false && (_jsx("div", { style: { marginTop: "25px", fontSize: "13px", display: "flex", justifyContent: "flex-end" }, children: _jsx(TMTooltip, { content: `${SDKUI_Localizator.Attachments}: ${blogPost.attachments.length}`, children: _jsx(IconAttachment, { fontSize: 20, color: isSelected ? '#fff' : color }) }) }))] }) })] }), _jsx("div", { style: { marginTop: "10px", fontSize: '1rem' }, children: _jsx(TMHtmlContentDisplay, { markup: blogPost.description ?? '-', searchText: searchText, isSelected: isSelected }) }), showExtendedAttachments && blogPost.attachments && blogPost.attachments.length > 0 && attachmentDetails(blogPost.attachments, isSelected)] }, id + "-" + uiId + "-" + blogPost.id));
         };
         return _jsx(TMLayoutWaitingContainer, { direction: 'vertical', showWaitPanel: showWaitPanel, showWaitPanelPrimary: showPrimary, showWaitPanelSecondary: showSecondary, waitPanelTitle: waitPanelTitle, waitPanelTextPrimary: waitPanelTextPrimary, waitPanelValuePrimary: waitPanelValuePrimary, waitPanelMaxValuePrimary: waitPanelMaxValuePrimary, waitPanelTextSecondary: waitPanelTextSecondary, waitPanelValueSecondary: waitPanelValueSecondary, waitPanelMaxValueSecondary: waitPanelMaxValueSecondary, isCancelable: true, abortController: abortController, children: _jsx("div", { ref: scrollRef, style: { backgroundColor: layoutMode === "stacked" ? "rgba(191, 191, 191, 0.15)" : '#fff', height: "100%", padding: "5px", overflowY: "auto", width: "100%" }, children: blogPosts.length === 0 ?
                     _jsxs("div", { style: { display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'center', height: '100%' }, children: [_jsx(IconBoard, { fontSize: 96 }), searchText.length > 0 ?

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@topconsultnpm/sdkui-react-beta",
-    "version": "6.14.119",
+    "version": "6.14.121",
     "description": "",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",