@topconsultnpm/sdkui-react 6.22.0-dev3.3 → 6.22.0-dev3.31

package/lib/components/features/workflow/TMWorkflowPopup.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { DcmtTypeDescriptor, HomeBlogPost, TaskDescriptor, WFDescriptor } from '@topconsultnpm/sdk-ts';
 import { DeviceType } from "../../base/TMDeviceProvider";
 import { WorkItemDetail } from "../../../ts";
@@ -32,7 +33,7 @@ interface IWorkflowOperationButtonsProps {
     handleNavigateToWGs?: (value: HomeBlogPost | number) => Promise<void>;
     handleNavigateToDossiers?: (value: HomeBlogPost | number) => Promise<void>;
 }
-export declare const WorkFlowOperationButtons: (props: IWorkflowOperationButtonsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const WorkFlowOperationButtons: (props: IWorkflowOperationButtonsProps) => React.JSX.Element;
 export declare const WorkFlowApproveRejectPopUp: ({ TID, DID, deviceType, isReject, selectedItems, onClose, onCompleted }: {
     TID?: number;
     DID?: number;
@@ -41,7 +42,7 @@ export declare const WorkFlowApproveRejectPopUp: ({ TID, DID, deviceType, isReje
     isReject: number;
     onClose?: () => void;
     onCompleted?: () => Promise<void>;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;
 export declare const WorkFlowReAssignPopUp: ({ DID, TID, deviceType, onClose, selectedItems, onCompleted, wf, workItemDetail }: {
     TID?: number;
     DID?: number;
@@ -51,7 +52,7 @@ export declare const WorkFlowReAssignPopUp: ({ DID, TID, deviceType, onClose, se
     onCompleted?: () => Promise<void>;
     wf?: WFDescriptor;
     workItemDetail?: WorkItemDetail;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;
 /**
  * Modal per forzare l'approvazione di un work item
  */
@@ -59,7 +60,7 @@ export declare const WorkflowForceApproveModal: ({ detail, onClose, onCompleted
     detail: WorkItemDetail;
     onClose?: () => void;
     onCompleted?: () => Promise<void>;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;
 /**
  * Modal per forzare il rifiuto di un work item
  */
@@ -67,7 +68,7 @@ export declare const WorkflowForceRejectModal: ({ detail, onClose, onCompleted }
     detail: WorkItemDetail;
     onClose?: () => void;
     onCompleted?: () => Promise<void>;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;
 /**
  * Modal per terminare le istanze workflow selezionate
  */
@@ -79,7 +80,7 @@ export declare const WorkflowEndInstanceModal: ({ selectedInstances, onClose, on
     }>;
     onClose?: () => void;
     onCompleted?: () => Promise<void>;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;
 interface IWorkFlowMoreInfoPopUpProps {
     fromDTD?: DcmtTypeDescriptor;
     TID?: number;
@@ -96,5 +97,5 @@ interface IWorkFlowMoreInfoPopUpProps {
     handleNavigateToDossiers?: (value: HomeBlogPost | number) => Promise<void>;
     triggerBlogRefresh?: () => Promise<void>;
 }
-export declare const WorkFlowMoreInfoPopUp: (props: IWorkFlowMoreInfoPopUpProps) => import("react/jsx-runtime").JSX.Element | undefined;
+export declare const WorkFlowMoreInfoPopUp: (props: IWorkFlowMoreInfoPopUpProps) => React.JSX.Element | undefined;
 export {};

package/lib/components/features/workflow/diagram/WorkitemRecipientsEditor.d.ts

@@ -1,7 +1,9 @@
 import React from 'react';
 import { QueryDescriptor } from '@topconsultnpm/sdk-ts';
 import { WorkItemActor } from './RecipientList';
-export declare const RecipientsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const RecipientsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: React.CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;
 export declare const tosToActors: (tosString: string) => {
     andRecipients: WorkItemActor[];
     orRecipients: WorkItemActor[];

package/lib/components/forms/Login/ChangePasswordInputs.d.ts

@@ -11,4 +11,6 @@ interface ChangePasswordInputsProps {
 }
 declare const ChangePasswordInputs: React.FC<ChangePasswordInputsProps>;
 export default ChangePasswordInputs;
-export declare const Divider: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const Divider: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
+    style?: React.CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
+}> & string;

package/lib/components/forms/Login/Chooser.d.ts

@@ -23,6 +23,6 @@ interface ChooserProps<T> {
     onClose?: () => void;
     isDropDown?: boolean;
 }
-declare const Chooser: <T>({ dataSource, columns, value, additionalIcons, validationItems, title, label, icon, placeHolder, disabled, selectedRow, onChooserClick, onSelectionChanged, onClose, isDropDown }: ChooserProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const Chooser: <T>({ dataSource, columns, value, additionalIcons, validationItems, title, label, icon, placeHolder, disabled, selectedRow, onChooserClick, onSelectionChanged, onClose, isDropDown }: ChooserProps<T>) => React.JSX.Element;
 export default Chooser;
-export declare function IconDropDown(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export declare function IconDropDown(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;

package/lib/components/forms/TMChooserForm.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { ITMChooserFormProps } from '../../ts';
-declare const TMChooserForm: <T>({ children, title, allowMultipleSelection, allowApplyWithZeroSelection, startWithShowOnlySelectedItems, hasShowOnlySelectedItems, allowGrouping, allowSorting, width, height, dataSource, selectedIDs, manageUseLocalizedName, hasShowId, hideRefresh, keyName, customButtons, showFilterPanel, showDefaultColumns, columns, summaryItems, convertID, customFilter, getItems, cellRenderIcon, cellRenderNameAndDesc, onChoose, onClose, onShowIdChanged }: ITMChooserFormProps<T>) => import("react/jsx-runtime").JSX.Element;
+declare const TMChooserForm: <T>({ children, title, allowMultipleSelection, allowApplyWithZeroSelection, startWithShowOnlySelectedItems, hasShowOnlySelectedItems, allowGrouping, allowSorting, width, height, dataSource, selectedIDs, manageUseLocalizedName, hasShowId, hideRefresh, keyName, customButtons, showFilterPanel, showDefaultColumns, columns, summaryItems, convertID, customFilter, getItems, cellRenderIcon, cellRenderNameAndDesc, onChoose, onClose, onShowIdChanged }: ITMChooserFormProps<T>) => React.JSX.Element;
 export default TMChooserForm;

package/lib/components/forms/TMResultDialog.js

@@ -25,7 +25,7 @@ const TMResultDialog = ({ title, result, id1Caption, id2Caption }) => {
             TMExceptionBoxManager.show({ exception: e.data.description });
         }
     };
-    return (_jsx(TMModal, { height: '65%', width: '75%', title: `${SDKUI_Localizator.OperationResult} - ${title}`, children: _jsxs(TMLayoutContainer, { children: [_jsxs("div", { style: { display: 'flex', flexDirection: 'row', gap: '5px', padding: '5px', justifyContent: 'center', alignItems: 'center' }, children: [_jsx("p", { children: `${SDKUI_Localizator.ProcessedItems}: ${result.length}` }), _jsx(IconSuccessCirlce, { fontSize: 22, color: TMColors.success }), _jsx("p", { children: result.filter(o => o.resultType == ResultTypes.SUCCESS).length ?? 0 }), _jsx(IconWarning, { fontSize: 22, color: TMColors.warning }), _jsx("p", { children: result.filter(o => o.resultType == ResultTypes.WARNING).length ?? 0 }), _jsx(IconCloseCircle, { fontSize: 22, color: TMColors.error }), _jsx("p", { children: result.filter(o => o.resultType == ResultTypes.ERROR).length ?? 0 })] }), _jsxs(DataGrid, { dataSource: result.filter(o => o.resultType != ResultTypes.SUCCESS), showColumnLines: Number(SDKUI_Globals.userSettings?.themeSettings.gridSettings.showRowLines) === 1, showRowLines: Number(SDKUI_Globals.userSettings?.themeSettings.gridSettings.showColumnLines) === 1, keyExpr: "rowIndex", width: "100%", height: "100%", columnResizingMode: "widget", allowColumnResizing: true, focusedRowEnabled: true, hoverStateEnabled: true, rowAlternationEnabled: true, onRowDblClick: handleRowDblClick, children: [_jsx(Column, { dataField: 'resultType', caption: '', width: "5%", allowResizing: true, allowSorting: true, cellRender: cellRender }), _jsx(Column, { dataField: 'id1', caption: id1Caption, width: "10%" }), id2Caption && _jsx(Column, { dataField: 'id2', caption: id2Caption, width: "10%" }), _jsx(Column, { dataField: 'description', allowResizing: true, caption: SDKUI_Localizator.Description, allowSorting: true, width: id2Caption ? "75%" : "85%" }), _jsx(HeaderFilter, { visible: true }), _jsx(Paging, { enabled: true, pageSize: 30 }), _jsx(Pager, { visible: true, showInfo: true, showNavigationButtons: true }), _jsx(Scrolling, { mode: 'standard', useNative: Number(SDKUI_Globals.userSettings?.themeSettings.gridSettings.useNativeScrollbar) === 1 })] })] }) }));
+    return (_jsx(TMModal, { height: '65%', width: '75%', title: `${SDKUI_Localizator.OperationResult} - ${title}`, children: _jsxs(TMLayoutContainer, { children: [_jsxs("div", { style: { display: 'flex', flexDirection: 'row', gap: '5px', padding: '5px', justifyContent: 'center', alignItems: 'center', flexShrink: 0 }, children: [_jsx("p", { children: `${SDKUI_Localizator.ProcessedItems}: ${result.length}` }), _jsx(IconSuccessCirlce, { fontSize: 22, color: TMColors.success }), _jsx("p", { children: result.filter(o => o.resultType == ResultTypes.SUCCESS).length ?? 0 }), _jsx(IconWarning, { fontSize: 22, color: TMColors.warning }), _jsx("p", { children: result.filter(o => o.resultType == ResultTypes.WARNING).length ?? 0 }), _jsx(IconCloseCircle, { fontSize: 22, color: TMColors.error }), _jsx("p", { children: result.filter(o => o.resultType == ResultTypes.ERROR).length ?? 0 })] }), _jsx("div", { style: { flex: '1 1 auto', minHeight: 0, width: '100%', overflow: 'hidden' }, children: _jsxs(DataGrid, { dataSource: result.filter(o => o.resultType != ResultTypes.SUCCESS), showColumnLines: Number(SDKUI_Globals.userSettings?.themeSettings.gridSettings.showRowLines) === 1, showRowLines: Number(SDKUI_Globals.userSettings?.themeSettings.gridSettings.showColumnLines) === 1, keyExpr: "rowIndex", width: "100%", height: "100%", columnResizingMode: "widget", allowColumnResizing: true, focusedRowEnabled: true, hoverStateEnabled: true, rowAlternationEnabled: true, onRowDblClick: handleRowDblClick, children: [_jsx(Column, { dataField: 'resultType', caption: '', width: "5%", allowResizing: true, allowSorting: true, cellRender: cellRender }), _jsx(Column, { dataField: 'id1', caption: id1Caption, width: "10%" }), id2Caption && _jsx(Column, { dataField: 'id2', caption: id2Caption, width: "10%" }), _jsx(Column, { dataField: 'description', allowResizing: true, caption: SDKUI_Localizator.Description, allowSorting: true, width: id2Caption ? "75%" : "85%" }), _jsx(HeaderFilter, { visible: true }), _jsx(Paging, { enabled: true, pageSize: 30 }), _jsx(Pager, { visible: true, showInfo: true, showNavigationButtons: true }), _jsx(Scrolling, { mode: 'standard', useNative: Number(SDKUI_Globals.userSettings?.themeSettings.gridSettings.useNativeScrollbar) === 1 })] }) })] }) }));
 };
 export default TMResultDialog;
 export class TMResultManager {

package/lib/components/forms/TMSaveForm.d.ts

@@ -13,19 +13,19 @@ interface ITMSaveFormButtonPreviousProps extends ITMSaveFormButtonBase {
     onPrev?: () => void;
     onSaveAsync?: () => Promise<void>;
 }
-export declare const TMSaveFormButtonPrevious: ({ btnStyle, formMode, isModified, onPrev, canPrev, iconColor, onSaveAsync }: ITMSaveFormButtonPreviousProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TMSaveFormButtonPrevious: ({ btnStyle, formMode, isModified, onPrev, canPrev, iconColor, onSaveAsync }: ITMSaveFormButtonPreviousProps) => React.JSX.Element;
 interface ITMSaveFormButtonNextProps extends ITMSaveFormButtonBase {
     canNext?: boolean;
     onNext?: () => void;
     onSaveAsync?: () => Promise<void>;
 }
-export declare const TMSaveFormButtonNext: ({ btnStyle, formMode, isModified, onNext, canNext, iconColor, onSaveAsync }: ITMSaveFormButtonNextProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TMSaveFormButtonNext: ({ btnStyle, formMode, isModified, onNext, canNext, iconColor, onSaveAsync }: ITMSaveFormButtonNextProps) => React.JSX.Element;
 interface ITMSaveFormButtonSaveProps extends ITMSaveFormButtonBase {
     errorsCount: number;
     onSaveAsync?: () => Promise<void>;
 }
-export declare const TMSaveFormButtonSave: ({ btnStyle, errorsCount, isModified, iconColor, width, advancedColor, advancedType, onSaveAsync }: ITMSaveFormButtonSaveProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TMSaveFormButtonSave: ({ btnStyle, errorsCount, isModified, iconColor, width, advancedColor, advancedType, onSaveAsync }: ITMSaveFormButtonSaveProps) => React.JSX.Element;
 interface ITMSaveFormButtonUndoProps extends ITMSaveFormButtonBase {
     onUndo?: () => void;
 }
-export declare const TMSaveFormButtonUndo: ({ btnStyle, isModified, iconColor, width, advancedColor, advancedType, onUndo, color, showTooltip }: ITMSaveFormButtonUndoProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TMSaveFormButtonUndo: ({ btnStyle, isModified, iconColor, width, advancedColor, advancedType, onUndo, color, showTooltip }: ITMSaveFormButtonUndoProps) => React.JSX.Element;

package/lib/components/grids/TMBlogAttachments.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 import { BlogPostAttachment, DcmtTypeDescriptor } from "@topconsultnpm/sdk-ts";
 import { DcmtInfo } from "../../ts";
 import { FileItem } from "../base/TMFileManagerUtils";
@@ -25,5 +26,5 @@ interface TMBlogAttachmentsProps {
     handleAttachmentFocus: (attachment: DcmtInfo | undefined) => void;
     openDcmtForm: (dcmtInfo: DcmtInfo) => void;
 }
-declare const TMBlogAttachments: (props: TMBlogAttachmentsProps) => import("react/jsx-runtime").JSX.Element;
+declare const TMBlogAttachments: (props: TMBlogAttachmentsProps) => React.JSX.Element;
 export default TMBlogAttachments;

package/lib/components/grids/TMBlogHeader.d.ts

@@ -27,5 +27,5 @@ interface TMBlogHeaderProps {
     /** Callback when the search text changes */
     onSearchChange: (value: string) => void;
 }
-declare const TMBlogHeader: (props: TMBlogHeaderProps) => import("react/jsx-runtime").JSX.Element;
+declare const TMBlogHeader: (props: TMBlogHeaderProps) => React.JSX.Element;
 export default TMBlogHeader;

package/lib/components/grids/TMBlogsPost.d.ts

@@ -89,5 +89,5 @@ interface TMBlogsPostProps {
     /** Apre la pratica CaseFlow di una notizia con `classID === 'CF'` (bacheca Home V6). */
     handleNavigateToCaseflows?: (value: HomeBlogPost | number) => Promise<void>;
 }
-declare const TMBlogsPost: (props: TMBlogsPostProps) => import("react/jsx-runtime").JSX.Element;
+declare const TMBlogsPost: (props: TMBlogsPostProps) => React.JSX.Element;
 export default TMBlogsPost;

package/lib/components/grids/TMBlogsPost.js

@@ -11,7 +11,8 @@ import { TMColors } from "../../utils/theme";
 import ShowAlert from "../base/TMAlert";
 import { TMMessageBoxManager, ButtonNames } from "../base/TMPopUp";
 import TMTooltip from "../base/TMTooltip";
-import { TMLayoutWaitingContainer } from "../base/TMWaitPanel";
+import TMLayoutContainer from "../base/TMLayout";
+import TMWaitPanelManager from "../base/waitPanel/TMWaitPanelManager";
 import TMHtmlContentDisplay from "../editors/TMHtmlContentDisplay";
 import TMDcmtForm from "../features/documents/TMDcmtForm";
 import { TMResultManager } from "../forms/TMResultDialog";
@@ -38,7 +39,7 @@ const TMBlogsPost = (props) => {
         isRefreshEnabled: false,
         isCreateContextualTask: false,
     }, showFloatingCommentButton = false, showCommentFormCallback, refreshCallback, showId, setShowId, refreshHomePageNews, markBlogAsRead, externalBlogPost, resetExternalBlogPost, visible = true, allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, afterTaskSaved, handleNavigateToWGs, handleNavigateToDossiers, handleNavigateToCaseflows, } = props;
-    const { abortController, showWaitPanel, waitPanelTitle, showPrimary, waitPanelTextPrimary, waitPanelValuePrimary, waitPanelMaxValuePrimary, showSecondary, waitPanelTextSecondary, waitPanelValueSecondary, waitPanelMaxValueSecondary, downloadDcmtsAsync } = useDcmtOperations();
+    const { downloadDcmtsAsync } = useDcmtOperations();
     // Get the current device type (e.g., mobile, tablet, desktop) using a custom hook.
     const deviceType = useDeviceType();
     const bottomRef = useRef(null);
@@ -77,12 +78,6 @@ const TMBlogsPost = (props) => {
     const [menuVisible, setMenuVisible] = useState(false);
     const [menuPosition, setMenuPosition] = useState({ x: 0, y: 0 });
     const [menuItems, setMenuItems] = useState([]);
-    const [localShowWaitPanel, setLocalShowWaitPanel] = useState(false);
-    const [localWaitPanelTitle, setLocalWaitPanelTitle] = useState('');
-    const [localShowPrimary, setLocalShowPrimary] = useState(false);
-    const [localWaitPanelTextPrimary, setLocalWaitPanelTextPrimary] = useState('');
-    const [localWaitPanelValuePrimary, setLocalWaitPanelValuePrimary] = useState(0);
-    const [localWaitPanelMaxValuePrimary, setLocalWaitPanelMaxValuePrimary] = useState(0);
     const handleFocusedItem = (item) => {
         setFocusedAttachment(undefined);
         setFocusedItem(item);
@@ -430,18 +425,22 @@ const TMBlogsPost = (props) => {
                     || (context.engine === 'DossierEngine' && !context.object.id)) {
                     return Promise.resolve();
                 }
-                setLocalWaitPanelTitle(del ? SDKUI_Localizator.Delete : SDKUI_Localizator.Restore);
-                setLocalShowWaitPanel(true);
-                setLocalShowPrimary(true);
+                const operationTitle = del ? SDKUI_Localizator.Delete : SDKUI_Localizator.Restore;
                 localAbortController = new AbortController();
+                const panel = TMWaitPanelManager.show({
+                    title: operationTitle,
+                    max: 1,
+                    showCounters: false,
+                    cancelable: true,
+                    onAbort: () => localAbortController.abort(),
+                });
                 let result = [];
                 let i = 0;
-                setLocalWaitPanelMaxValuePrimary(1);
                 if (localAbortController.signal.aborted) {
                     result.push({ rowIndex: i, id1: currentBlog.id, id2: currentBlog.id, resultType: ResultTypes.WARNING, description: `Operazione interrotta. Elaborate ${i}` });
                 }
                 else {
-                    setLocalWaitPanelTextPrimary(del ? SDKUI_Localizator.Delete : SDKUI_Localizator.Restore);
+                    panel.setSubtitle(operationTitle);
                     if (context.engine === 'WorkingGroupEngine' && context.object.id) {
                         const workingGroupEngine = new WorkingGroupEngine(SDK_Globals.tmSession);
                         await workingGroupEngine.BlogPostDeleteOrUndeleteAsync(context.object.id, currentBlog.id, del)
@@ -479,10 +478,7 @@ const TMBlogsPost = (props) => {
                         });
                     }
                 }
-                setLocalWaitPanelTextPrimary('');
-                setLocalWaitPanelMaxValuePrimary(0);
-                setLocalWaitPanelValuePrimary(0);
-                setLocalShowWaitPanel(false);
+                panel.close();
             }
         });
     };
@@ -664,86 +660,86 @@ const TMBlogsPost = (props) => {
                 console.warn(`Unhandled object type: ${ref.objClass}`);
         }
     };
-    return _jsx("div", { ref: containerRef, style: { height: height, width: width }, children: _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: _jsxs(TMLayoutWaitingContainer, { direction: 'vertical', showWaitPanel: localShowWaitPanel, showWaitPanelPrimary: localShowPrimary, waitPanelTitle: localWaitPanelTitle, waitPanelTextPrimary: localWaitPanelTextPrimary, waitPanelValuePrimary: localWaitPanelValuePrimary, waitPanelMaxValuePrimary: localWaitPanelMaxValuePrimary, isCancelable: true, abortController: localAbortController, children: [_jsx(TMBlogHeader, { isVisible: currentHeader !== undefined && !isHeaderHidden, layoutMode: layoutMode, height: layoutMode === 'extended' ? "40px" : "70px", width: "100%", allPosts: posts, postsToShow: postsToShow, onPostsToShowChange: handlePostsToShowChange, categoryIdDataSource: categoryIdDataSource, appliedCategoryIdFilters: appliedCategoryIdFilters, setAppliedCategoryIdFilters: setAppliedCategoryIdFilters, searchText: searchText, onSearchChange: handleSearchChange }), _jsxs("div", { id: `${id}-blogs-wrapper`, onContextMenu: onContextMenu, style: {
-                            width: "100%",
-                            height: currentHeader !== undefined && !isHeaderHidden ? `calc(100% - ${layoutMode === 'extended' ? "40px" : "70px"})` : "100%",
-                        }, children: [blogPosts.length === 0 && _jsx(TMToppyMessage, { message: searchText.length > 0 ? SDKUI_Localizator.NoMessagesFound : SDKUI_Localizator.NoMessages }), blogPosts.length > 0 && _jsxs("div", { id: `${id}-blogs-container`, tabIndex: 0, onKeyDown: handleKeyDown, style: {
-                                    height: '100%',
-                                    width: '100%',
-                                    outline: "none",
-                                    display: "flex",
-                                    flexDirection: "column",
-                                    rowGap: "10px",
-                                    overflowY: "auto",
-                                    padding: "5px",
-                                    backgroundColor: displayMode === 'stacked' ? "#e0e0e0" : "#fff"
-                                }, children: [blogPosts.map((blogPost) => {
-                                        const isSelected = selectedItem.some(item => item.id === blogPost.id);
-                                        const isFocused = focusedItem?.id === blogPost.id;
-                                        const isHomeBlogPost = Boolean(blogPost.header?.trim());
-                                        const isNew = Boolean(blogPost.newPosts ?? blogPost.customData1);
-                                        const isOwnComment = blogPost.ownerID === SDK_Globals.tmSession?.SessionDescr?.userID;
-                                        const isSys = blogPost.isSys === 1;
-                                        return _jsxs(React.Fragment, { children: [(firstUnreadPost && blogPost.id === firstUnreadPost.id) && (_jsxs("div", { style: { display: 'flex', alignItems: 'center', width: '100%', color: TMColors.primary, fontWeight: '600', fontSize: '0.9rem', userSelect: 'none', marginTop: "12px", marginBottom: "12px" }, children: [_jsx("hr", { style: { flex: 1, border: 'none', borderTop: `1px solid ${TMColors.primary}`, marginRight: '15px' } }), _jsx("span", { children: SDKUI_Localizator.LastRead }), _jsx("hr", { style: { flex: 1, border: 'none', borderTop: `1px solid ${TMColors.primary}`, marginLeft: '15px' } })] })), _jsx(TMConditionalWrapper, { condition: displayMode === "chat", wrapper: children => _jsx("div", { style: {
-                                                            display: "flex",
-                                                            flexDirection: "row",
-                                                            alignItems: "flex-start",
-                                                            padding: "2px",
-                                                            borderRadius: "12px",
-                                                            cursor: "default",
-                                                            justifyContent: isOwnComment ? "flex-end" : "flex-start",
-                                                        }, children: _jsx("div", { style: {
-                                                                display: "flex",
-                                                                flexDirection: "column",
-                                                                alignItems: isOwnComment ? "flex-end" : "flex-start",
-                                                                textAlign: "left",
-                                                                maxWidth: '90%',
-                                                                borderRadius: '8px',
-                                                            }, children: children }) }), children: _jsxs("div", { id: `${id}-blogpost-${blogPost.id}`, onMouseEnter: () => handleMouseEnter(blogPost), onMouseLeave: handleMouseLeave, onClick: () => handleClick(blogPost), onDoubleClick: () => handleDoubleClick(blogPost), style: {
+    return _jsx("div", { ref: containerRef, style: { height: height, width: width }, children: _jsxs(TMLayoutContainer, { direction: 'vertical', children: [_jsx(TMBlogHeader, { isVisible: currentHeader !== undefined && !isHeaderHidden, layoutMode: layoutMode, height: layoutMode === 'extended' ? "40px" : "70px", width: "100%", allPosts: posts, postsToShow: postsToShow, onPostsToShowChange: handlePostsToShowChange, categoryIdDataSource: categoryIdDataSource, appliedCategoryIdFilters: appliedCategoryIdFilters, setAppliedCategoryIdFilters: setAppliedCategoryIdFilters, searchText: searchText, onSearchChange: handleSearchChange }), _jsxs("div", { id: `${id}-blogs-wrapper`, onContextMenu: onContextMenu, style: {
+                        width: "100%",
+                        height: currentHeader !== undefined && !isHeaderHidden ? `calc(100% - ${layoutMode === 'extended' ? "40px" : "70px"})` : "100%",
+                    }, children: [blogPosts.length === 0 && _jsx(TMToppyMessage, { message: searchText.length > 0 ? SDKUI_Localizator.NoMessagesFound : SDKUI_Localizator.NoMessages }), blogPosts.length > 0 && _jsxs("div", { id: `${id}-blogs-container`, tabIndex: 0, onKeyDown: handleKeyDown, style: {
+                                height: '100%',
+                                width: '100%',
+                                outline: "none",
+                                display: "flex",
+                                flexDirection: "column",
+                                rowGap: "10px",
+                                overflowY: "auto",
+                                padding: "5px",
+                                backgroundColor: displayMode === 'stacked' ? "#e0e0e0" : "#fff"
+                            }, children: [blogPosts.map((blogPost) => {
+                                    const isSelected = selectedItem.some(item => item.id === blogPost.id);
+                                    const isFocused = focusedItem?.id === blogPost.id;
+                                    const isHomeBlogPost = Boolean(blogPost.header?.trim());
+                                    const isNew = Boolean(blogPost.newPosts ?? blogPost.customData1);
+                                    const isOwnComment = blogPost.ownerID === SDK_Globals.tmSession?.SessionDescr?.userID;
+                                    const isSys = blogPost.isSys === 1;
+                                    return _jsxs(React.Fragment, { children: [(firstUnreadPost && blogPost.id === firstUnreadPost.id) && (_jsxs("div", { style: { display: 'flex', alignItems: 'center', width: '100%', color: TMColors.primary, fontWeight: '600', fontSize: '0.9rem', userSelect: 'none', marginTop: "12px", marginBottom: "12px" }, children: [_jsx("hr", { style: { flex: 1, border: 'none', borderTop: `1px solid ${TMColors.primary}`, marginRight: '15px' } }), _jsx("span", { children: SDKUI_Localizator.LastRead }), _jsx("hr", { style: { flex: 1, border: 'none', borderTop: `1px solid ${TMColors.primary}`, marginLeft: '15px' } })] })), _jsx(TMConditionalWrapper, { condition: displayMode === "chat", wrapper: children => _jsx("div", { style: {
+                                                        display: "flex",
+                                                        flexDirection: "row",
+                                                        alignItems: "flex-start",
+                                                        padding: "2px",
+                                                        borderRadius: "12px",
+                                                        cursor: "default",
+                                                        justifyContent: isOwnComment ? "flex-end" : "flex-start",
+                                                    }, children: _jsx("div", { style: {
                                                             display: "flex",
                                                             flexDirection: "column",
-                                                            width: "100%",
-                                                            position: "relative",
-                                                            backgroundColor: isSelected ? "#135596"
-                                                                : displayMode === 'stacked' ? "#f9f9f9" : isOwnComment ? '#D9EFE0' : '#F3E6E6',
-                                                            transition: "all 0.2s ease",
-                                                            color: isSys ? "#ff0000" : isSelected ? "#ffffff" : TMColors.primary,
-                                                            borderRadius: "5px",
-                                                            padding: isHomeBlogPost ? '10px' : `10px ${isOwnComment ? '50px' : '10px'} 10px 10px`,
-                                                            borderLeft: "5px solid transparent",
-                                                            textDecoration: blogPost.isDel ? 'line-through' : 'none',
-                                                            boxShadow: isFocused ? "0 4px 12px rgba(19, 85, 150, 0.6)" : "none",
-                                                            cursor: 'pointer',
-                                                        }, children: [_jsx(BlogPostTitle, { displayMode: displayMode, layoutMode: layoutMode, blogPost: blogPost, isSelected: isSelected, isOwnComment: isOwnComment, searchText: searchText, isSys: isSys, isHomeBlogPost: isHomeBlogPost, showId: localShowId, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers, handleNavigateToCaseflows: handleNavigateToCaseflows }), isNew && _jsx(NewBadge, { layoutMode: layoutMode }), _jsx("div", { style: { fontSize: '1rem', color: "#000", marginTop: "10px", overflow: "hidden" }, children: _jsx(TMHtmlContentDisplay, { markup: blogPost.description ?? '-', searchText: searchText, isSelected: isSelected }) }), showExtendedAttachments && blogPost.attachments && blogPost.attachments.length > 0 && (_jsx(TMBlogAttachments, { attachments: blogPost.attachments, layoutMode: layoutMode, isSelected: isSelected, isLoading: !descriptorsLoaded, searchText: searchText, dcmtTypeDescriptors: dcmtTypeDescriptors, treeFs: treeFs, draftLatestInfoMap: draftLatestInfoMap, archivedDocumentMap: archivedDocumentMap, handleAttachmentFocus: handleFocusedAttachment, openDcmtForm: openDcmtForm }))] }, `${id}-blogpost-${blogPost.id}`) })] }, "blog-post-wrapper-" + id + "-" + blogPost.id);
-                                    }), _jsx("div", { ref: bottomRef })] }), _jsx(TMContextMenu, { items: menuItems, target: `#${id}-blogs-wrapper`, externalControl: {
-                                    visible: menuVisible,
-                                    position: menuPosition,
-                                    onClose: closeContextMenu,
-                                } }), (showTaskForm && handleNavigateToWGs && handleNavigateToDossiers && getAllTasks && deleteTaskByIdsCallback && addTaskCallback && editTaskCallback) && _jsx("div", { style: { height: "100%", width: "100%" }, children: _jsx(TMTaskForm, { id: -1, title: SDKUI_Localizator.ContextualTask, isModal: true, width: taskModalSizes(deviceType, FormModes.Create).width, height: taskModalSizes(deviceType, FormModes.Create).height, formMode: FormModes.Create, visualizedTasks: [], currentTask: currentTask, setCurrentTask: () => { }, selectedRowKeys: [], handleFocusedRowKeyChange: () => { }, onStatusChanged: () => { }, onSaved: onSavedTaskFormCallback, onClose: () => closeTaskFormCallback(), onCancel: () => closeTaskFormCallback(), usersList: participants, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers, isContextualCreate: true, taskContext: taskContext, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback }) }), (dcmtForm.dcmt && dcmtForm.dcmt.TID && dcmtForm.dcmt.DID) && _jsx(TMDcmtForm, { TID: Number(dcmtForm.dcmt.TID), DID: Number(dcmtForm.dcmt.DID), layoutMode: LayoutModes.Update, onClose: closeDcmtForm, isClosable: true, titleModal: SDKUI_Localizator.Attachment + ": " + dcmtForm.dcmt.fileName, isModal: true, widthModal: "95%", heightModal: "95%", allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers, onReferenceClick: handleNavigateToReference, moreInfoTasks: getMoreInfoTasksForDocument(allTasks, Number(dcmtForm.dcmt.TID), Number(dcmtForm.dcmt.DID)) }), (showFloatingCommentButton && showCommentFormCallback && !(context?.engine === 'WorkingGroupEngine' && context?.object?.customData1 === 1)) && _jsx("button", { style: {
-                                    position: 'absolute',
-                                    bottom: '18px',
-                                    right: '20px',
-                                    width: '40px',
-                                    height: '40px',
-                                    borderRadius: "50%",
-                                    backgroundColor: "#C2388B",
-                                    color: '#fff',
-                                    border: 'none',
-                                    cursor: 'pointer',
-                                    boxShadow: '0 2px 6px rgba(0,0,0,0.2)',
-                                    zIndex: 1000,
-                                    transition: 'background-color 0.3s ease, transform 0.2s ease',
-                                    display: 'flex',
-                                    justifyContent: 'center',
-                                    alignItems: 'center',
-                                }, onMouseEnter: (e) => {
-                                    e.currentTarget.style.backgroundColor = '#D94A9F';
-                                    e.currentTarget.style.transform = 'scale(1.1)';
-                                    e.currentTarget.style.boxShadow = '0 4px 12px rgba(37, 89, 165, 0.6)';
-                                }, onMouseLeave: (e) => {
-                                    e.currentTarget.style.backgroundColor = "#C2388B";
-                                    e.currentTarget.style.transform = 'scale(1)';
-                                    e.currentTarget.style.boxShadow = '0 2px 6px rgba(0,0,0,0.2)';
-                                }, onClick: () => { showCommentFormCallback(undefined); }, children: _jsx(TMTooltip, { content: SDKUI_Localizator.AddNewComment, children: _jsx("i", { className: "dx-icon-chat", style: { fontSize: '25px' } }) }) })] })] }) }) });
+                                                            alignItems: isOwnComment ? "flex-end" : "flex-start",
+                                                            textAlign: "left",
+                                                            maxWidth: '90%',
+                                                            borderRadius: '8px',
+                                                        }, children: children }) }), children: _jsxs("div", { id: `${id}-blogpost-${blogPost.id}`, onMouseEnter: () => handleMouseEnter(blogPost), onMouseLeave: handleMouseLeave, onClick: () => handleClick(blogPost), onDoubleClick: () => handleDoubleClick(blogPost), style: {
+                                                        display: "flex",
+                                                        flexDirection: "column",
+                                                        width: "100%",
+                                                        position: "relative",
+                                                        backgroundColor: isSelected ? "#135596"
+                                                            : displayMode === 'stacked' ? "#f9f9f9" : isOwnComment ? '#D9EFE0' : '#F3E6E6',
+                                                        transition: "all 0.2s ease",
+                                                        color: isSys ? "#ff0000" : isSelected ? "#ffffff" : TMColors.primary,
+                                                        borderRadius: "5px",
+                                                        padding: isHomeBlogPost ? '10px' : `10px ${isOwnComment ? '50px' : '10px'} 10px 10px`,
+                                                        borderLeft: "5px solid transparent",
+                                                        textDecoration: blogPost.isDel ? 'line-through' : 'none',
+                                                        boxShadow: isFocused ? "0 4px 12px rgba(19, 85, 150, 0.6)" : "none",
+                                                        cursor: 'pointer',
+                                                    }, children: [_jsx(BlogPostTitle, { displayMode: displayMode, layoutMode: layoutMode, blogPost: blogPost, isSelected: isSelected, isOwnComment: isOwnComment, searchText: searchText, isSys: isSys, isHomeBlogPost: isHomeBlogPost, showId: localShowId, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers, handleNavigateToCaseflows: handleNavigateToCaseflows }), isNew && _jsx(NewBadge, { layoutMode: layoutMode }), _jsx("div", { style: { fontSize: '1rem', color: "#000", marginTop: "10px", overflow: "hidden" }, children: _jsx(TMHtmlContentDisplay, { markup: blogPost.description ?? '-', searchText: searchText, isSelected: isSelected }) }), showExtendedAttachments && blogPost.attachments && blogPost.attachments.length > 0 && (_jsx(TMBlogAttachments, { attachments: blogPost.attachments, layoutMode: layoutMode, isSelected: isSelected, isLoading: !descriptorsLoaded, searchText: searchText, dcmtTypeDescriptors: dcmtTypeDescriptors, treeFs: treeFs, draftLatestInfoMap: draftLatestInfoMap, archivedDocumentMap: archivedDocumentMap, handleAttachmentFocus: handleFocusedAttachment, openDcmtForm: openDcmtForm }))] }, `${id}-blogpost-${blogPost.id}`) })] }, "blog-post-wrapper-" + id + "-" + blogPost.id);
+                                }), _jsx("div", { ref: bottomRef })] }), _jsx(TMContextMenu, { items: menuItems, target: `#${id}-blogs-wrapper`, externalControl: {
+                                visible: menuVisible,
+                                position: menuPosition,
+                                onClose: closeContextMenu,
+                            } }), (showTaskForm && handleNavigateToWGs && handleNavigateToDossiers && getAllTasks && deleteTaskByIdsCallback && addTaskCallback && editTaskCallback) && _jsx("div", { style: { height: "100%", width: "100%" }, children: _jsx(TMTaskForm, { id: -1, title: SDKUI_Localizator.ContextualTask, isModal: true, width: taskModalSizes(deviceType, FormModes.Create).width, height: taskModalSizes(deviceType, FormModes.Create).height, formMode: FormModes.Create, visualizedTasks: [], currentTask: currentTask, setCurrentTask: () => { }, selectedRowKeys: [], handleFocusedRowKeyChange: () => { }, onStatusChanged: () => { }, onSaved: onSavedTaskFormCallback, onClose: () => closeTaskFormCallback(), onCancel: () => closeTaskFormCallback(), usersList: participants, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers, isContextualCreate: true, taskContext: taskContext, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback }) }), (dcmtForm.dcmt && dcmtForm.dcmt.TID && dcmtForm.dcmt.DID) && _jsx(TMDcmtForm, { TID: Number(dcmtForm.dcmt.TID), DID: Number(dcmtForm.dcmt.DID), layoutMode: LayoutModes.Update, onClose: closeDcmtForm, isClosable: true, titleModal: SDKUI_Localizator.Attachment + ": " + dcmtForm.dcmt.fileName, isModal: true, widthModal: "95%", heightModal: "95%", allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers, onReferenceClick: handleNavigateToReference, moreInfoTasks: getMoreInfoTasksForDocument(allTasks, Number(dcmtForm.dcmt.TID), Number(dcmtForm.dcmt.DID)) }), (showFloatingCommentButton && showCommentFormCallback && !(context?.engine === 'WorkingGroupEngine' && context?.object?.customData1 === 1)) && _jsx("button", { style: {
+                                position: 'absolute',
+                                bottom: '18px',
+                                right: '20px',
+                                width: '40px',
+                                height: '40px',
+                                borderRadius: "50%",
+                                backgroundColor: "#C2388B",
+                                color: '#fff',
+                                border: 'none',
+                                cursor: 'pointer',
+                                boxShadow: '0 2px 6px rgba(0,0,0,0.2)',
+                                zIndex: 1000,
+                                transition: 'background-color 0.3s ease, transform 0.2s ease',
+                                display: 'flex',
+                                justifyContent: 'center',
+                                alignItems: 'center',
+                            }, onMouseEnter: (e) => {
+                                e.currentTarget.style.backgroundColor = '#D94A9F';
+                                e.currentTarget.style.transform = 'scale(1.1)';
+                                e.currentTarget.style.boxShadow = '0 4px 12px rgba(37, 89, 165, 0.6)';
+                            }, onMouseLeave: (e) => {
+                                e.currentTarget.style.backgroundColor = "#C2388B";
+                                e.currentTarget.style.transform = 'scale(1)';
+                                e.currentTarget.style.boxShadow = '0 2px 6px rgba(0,0,0,0.2)';
+                            }, onClick: () => { showCommentFormCallback(undefined); }, children: _jsx(TMTooltip, { content: SDKUI_Localizator.AddNewComment, children: _jsx("i", { className: "dx-icon-chat", style: { fontSize: '25px' } }) }) })] })] }) });
 };
 export default TMBlogsPost;

package/lib/components/grids/TMBlogsPostUtils.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import React, { ReactNode } from "react";
 import { BlogPost, BlogPostAttachment, DcmtTypeDescriptor, DossierDescriptor, HomeBlogPost, TID_DID, WorkingGroupDescriptor } from "@topconsultnpm/sdk-ts";
 import { FileItem } from "../base/TMFileManagerUtils";
 export declare const DRAFT_TYPE_TID = 6;
@@ -59,10 +59,10 @@ export declare const getCompactEllipsisStyle: (layoutMode: "compact" | "extended
     display: string;
 };
 export declare const findFileItemByDraftID: (tree: FileItem | undefined, draftID: number | undefined) => FileItem | null;
-export declare const highlightText: (text: string, searchText: string, isSelected: boolean) => string | (string | import("react/jsx-runtime").JSX.Element)[];
+export declare const highlightText: (text: string, searchText: string, isSelected: boolean) => string | (string | React.JSX.Element)[];
 export declare const lightenColor: (hex: string, amount: number) => string;
-export declare const OwnerInitialsBadge: (blogPost: BlogPost | HomeBlogPost) => import("react/jsx-runtime").JSX.Element;
-export declare const getTooltipContent: (title: string | undefined, content: JSX.Element) => import("react/jsx-runtime").JSX.Element;
+export declare const OwnerInitialsBadge: (blogPost: BlogPost | HomeBlogPost) => React.JSX.Element;
+export declare const getTooltipContent: (title: string | undefined, content: JSX.Element) => React.JSX.Element;
 export declare const getAttachmentInfo: (attachment: BlogPostAttachment, treeFs: FileItem | undefined, draftLatestInfoMap: Map<number, {
     latestVersion: number;
     folderId: number;
@@ -76,8 +76,8 @@ export declare const getAttachmentInfo: (attachment: BlogPostAttachment, treeFs:
     fileSize: string;
 }> | undefined, dcmtTypeDescriptors: Map<number, DcmtTypeDescriptor>, isSelected: boolean, searchText: string) => {
     name: string;
-    nameElement: import("react/jsx-runtime").JSX.Element;
-    tooltipContent: import("react/jsx-runtime").JSX.Element;
+    nameElement: React.JSX.Element;
+    tooltipContent: React.JSX.Element;
     folderId: number;
     fileExt: string;
     draftExist: boolean;
@@ -85,7 +85,7 @@ export declare const getAttachmentInfo: (attachment: BlogPostAttachment, treeFs:
     isSigned: number;
 };
 export declare const getDcmtTypeDescriptor: (blogPosts: Array<BlogPost>) => Promise<Map<number, DcmtTypeDescriptor>>;
-export declare const BlogPostHomeHeader: (header: string | undefined, classId: string | undefined, isSelected: boolean, searchText: string, headerClickCallback: () => void) => import("react/jsx-runtime").JSX.Element;
+export declare const BlogPostHomeHeader: (header: string | undefined, classId: string | undefined, isSelected: boolean, searchText: string, headerClickCallback: () => void) => React.JSX.Element;
 export declare const isHeaderFullyHidden: (header: {
     showViewMode: boolean;
     showFilters: boolean;
@@ -95,7 +95,7 @@ export declare const isHeaderFullyHidden: (header: {
 interface NewBadgeProps {
     layoutMode: "compact" | "extended";
 }
-export declare const NewBadge: ({ layoutMode }: NewBadgeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const NewBadge: ({ layoutMode }: NewBadgeProps) => React.JSX.Element;
 export declare const removeFileExtension: (filename: string) => string;
 interface BlogPostTitleProps {
     displayMode: "chat" | "stacked";
@@ -111,6 +111,6 @@ interface BlogPostTitleProps {
     handleNavigateToDossiers?: (blogPost: BlogPost | HomeBlogPost) => void;
     handleNavigateToCaseflows?: (blogPost: BlogPost | HomeBlogPost) => void;
 }
-export declare const BlogPostTitle: (props: BlogPostTitleProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BlogPostTitle: (props: BlogPostTitleProps) => React.JSX.Element;
 export declare const stripHtml: (html: string) => string;
 export {};

package/lib/components/grids/TMValidationItemsList.d.ts

@@ -1,6 +1,7 @@
+import React from 'react';
 import { ValidationItem } from '@topconsultnpm/sdk-ts';
 interface ITMValidationItemsList {
     validationItems?: ValidationItem[];
 }
-declare const TMValidationItemsList: ({ validationItems }: ITMValidationItemsList) => import("react/jsx-runtime").JSX.Element;
+declare const TMValidationItemsList: ({ validationItems }: ITMValidationItemsList) => React.JSX.Element;
 export default TMValidationItemsList;

package/lib/components/index.d.ts

@@ -7,8 +7,10 @@ export { default as TMList } from './base/TMList';
 export { default as TMModal } from './base/TMModal';
 export * from './base/TMPopUp';
 export * from './base/TMLayout';
+export { default as TMLayoutContainer } from './base/TMLayout';
 export * from './base/Styled';
 export * from './base/TMWaitPanel';
+export * from './base/waitPanel';
 export * from './base/TMToolbarCard';
 export * from './base/TMRightSidebar';
 export * from './base/TMTreeView';
@@ -21,6 +23,8 @@ export { default as TMProgressBar } from './base/TMProgressBar';
 export { default as TMSpinner } from './base/TMSpinner';
 export { Spinner } from './base/TMSpinner';
 export { default as TMToggleButton } from './base/TMToggleButton';
+export { default as TMTabControl } from './base/TMTabControl';
+export * from './base/TMTabControl';
 export { default as TMTooltip } from './base/TMTooltip';
 export { default as TMVilViewer } from './base/TMVilViewer';
 export { default as TMUserAvatar } from './base/TMUserAvatar';
@@ -64,6 +68,8 @@ export * from './query/TMQueryEditor';
 export * from './query/TMQuerySummary';
 export * from './query/TMQueryCountButton';
 export { default as TMToppyDraggableHelpCenter } from './features/assistant/TMToppyDraggableHelpCenter';
+export { default as TMHelpOnLineChat, TMToppyHeaderButton } from './features/assistant/TMHelpOnLineChat';
+export type { HolChatMessage, ITMHelpOnLineChatProps, ITMToppyHeaderButtonProps } from './features/assistant/TMHelpOnLineChat';
 export * from './features/documents/TMDcmtForm';
 export * from './features/documents/TMDcmtIcon';
 export * from './features/documents/TMDcmtPreview';

package/lib/components/index.js

@@ -8,8 +8,10 @@ export { default as TMList } from './base/TMList';
 export { default as TMModal } from './base/TMModal';
 export * from './base/TMPopUp';
 export * from './base/TMLayout';
+export { default as TMLayoutContainer } from './base/TMLayout';
 export * from './base/Styled';
 export * from './base/TMWaitPanel';
+export * from './base/waitPanel';
 export * from './base/TMToolbarCard';
 export * from './base/TMRightSidebar';
 export * from './base/TMTreeView';
@@ -22,6 +24,8 @@ export { default as TMProgressBar } from './base/TMProgressBar';
 export { default as TMSpinner } from './base/TMSpinner';
 export { Spinner } from './base/TMSpinner';
 export { default as TMToggleButton } from './base/TMToggleButton';
+export { default as TMTabControl } from './base/TMTabControl';
+export * from './base/TMTabControl';
 export { default as TMTooltip } from './base/TMTooltip';
 export { default as TMVilViewer } from './base/TMVilViewer';
 export { default as TMUserAvatar } from './base/TMUserAvatar';
@@ -71,6 +75,7 @@ export * from './query/TMQuerySummary';
 export * from './query/TMQueryCountButton';
 //assistant
 export { default as TMToppyDraggableHelpCenter } from './features/assistant/TMToppyDraggableHelpCenter';
+export { default as TMHelpOnLineChat, TMToppyHeaderButton } from './features/assistant/TMHelpOnLineChat';
 //documents
 export * from './features/documents/TMDcmtForm';
 export * from './features/documents/TMDcmtIcon';

package/lib/components/layout/panelManager/TMPanelManagerContainer.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { TMPanelDefinition, TMPanelDirection } from './types';
 interface TMPanelManagerContainerProps {
     panels: Array<TMPanelDefinition>;
@@ -7,5 +8,5 @@ interface TMPanelManagerContainerProps {
     minPanelSizePx?: number;
     gutterSizePx?: number;
 }
-declare const TMPanelManagerContainer: (props: TMPanelManagerContainerProps) => import("react/jsx-runtime").JSX.Element | null;
+declare const TMPanelManagerContainer: (props: TMPanelManagerContainerProps) => React.JSX.Element | null;
 export default TMPanelManagerContainer;

package/lib/components/layout/panelManager/TMPanelManagerContext.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import type { TMPanelDefinition, TMPanelDimensionsMap } from './types';
 interface TMPanelManagerContextType {
     panelVisibility: {
@@ -34,6 +34,6 @@ interface TMPanelManagerProviderProps {
     initialMobilePanelId: string;
     isPersistenceEnabled?: boolean;
 }
-export declare const TMPanelManagerProvider: (props: TMPanelManagerProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const TMPanelManagerProvider: (props: TMPanelManagerProviderProps) => React.JSX.Element;
 export declare const useTMPanelManagerContext: () => TMPanelManagerContextType;
 export {};