@topconsultnpm/sdkui-react 6.22.0-dev3.25 → 6.22.0-dev3.27

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

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

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

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

@@ -1,4 +1,4 @@
-import React, { ReactNode } from "react";
+import { 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 | React.JSX.Element)[];
+export declare const highlightText: (text: string, searchText: string, isSelected: boolean) => string | (string | import("react/jsx-runtime").JSX.Element)[];
 export declare const lightenColor: (hex: string, amount: number) => string;
-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 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 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: React.JSX.Element;
-    tooltipContent: React.JSX.Element;
+    nameElement: import("react/jsx-runtime").JSX.Element;
+    tooltipContent: import("react/jsx-runtime").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) => React.JSX.Element;
+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 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) => React.JSX.Element;
+export declare const NewBadge: ({ layoutMode }: NewBadgeProps) => import("react/jsx-runtime").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) => React.JSX.Element;
+export declare const BlogPostTitle: (props: BlogPostTitleProps) => import("react/jsx-runtime").JSX.Element;
 export declare const stripHtml: (html: string) => string;
 export {};

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

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

package/lib/components/index.d.ts

@@ -68,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

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

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

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import { 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) => React.JSX.Element;
+export declare const TMPanelManagerProvider: (props: TMPanelManagerProviderProps) => import("react/jsx-runtime").JSX.Element;
 export declare const useTMPanelManagerContext: () => TMPanelManagerContextType;
 export {};

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

@@ -1,13 +1,14 @@
 import React from 'react';
 import { TMPanelDefinition } from './types';
-export declare const StyledToolbarButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style"> & {
-    style?: React.CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
-}, {
+export declare const StyledToolbarButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$isActive" | "$isDisabled"> & {
     $isActive?: boolean;
     $isDisabled?: boolean;
-}>> & string;
+}, never> & Partial<Pick<import("styled-components").FastOmit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "$isActive" | "$isDisabled"> & {
+    $isActive?: boolean;
+    $isDisabled?: boolean;
+}, never>>> & string;
 interface TMPanelManagerToolbarProps {
     panels: Array<TMPanelDefinition>;
 }
-declare const TMPanelManagerToolbar: (props: TMPanelManagerToolbarProps) => React.JSX.Element;
+declare const TMPanelManagerToolbar: (props: TMPanelManagerToolbarProps) => import("react/jsx-runtime").JSX.Element;
 export default TMPanelManagerToolbar;

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

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 import type { TMPanelDefinition, TMPanelDimensionsMap } from './types';
 interface TMPanelManagerWithPersistenceProps {
     children: ReactNode;
@@ -17,5 +17,5 @@ interface TMPanelManagerWithPersistenceProps {
     }>) => void;
     persistedPanelStates?: Record<string, any>;
 }
-export declare const TMPanelManagerWithPersistenceProvider: (props: TMPanelManagerWithPersistenceProps) => React.JSX.Element | null;
+export declare const TMPanelManagerWithPersistenceProvider: (props: TMPanelManagerWithPersistenceProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

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

@@ -1,8 +1,8 @@
-import React, { ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { TMPanelDefinition } from './types';
 interface TMPanelWrapperProps {
     panel: TMPanelDefinition;
     children: ReactNode;
 }
-declare const TMPanelWrapper: (props: TMPanelWrapperProps) => React.JSX.Element | null;
+declare const TMPanelWrapper: (props: TMPanelWrapperProps) => import("react/jsx-runtime").JSX.Element | null;
 export default TMPanelWrapper;

package/lib/components/pages/TMPage.d.ts

@@ -34,5 +34,5 @@ interface ITMPage<T> {
     /** Indica il cambiamento dei contatori della lista (totali, selezionati e visibili) */
     onCountersChanged?: (totalItemsCount: number, selectedItemsCount: number, visibleItemsCount: number) => void;
 }
-declare const TMPage: <T>({ id, objClass, listDisabled, lastRefreshTime, objType, listInsteadOfContent, detailInsteadOfContent, routePage, customButtons, customColumns, searchText, detailForm, detailTitlePathKeys, deps, onSelectionChanged, onCountersChanged }: ITMPage<T>) => React.JSX.Element;
+declare const TMPage: <T>({ id, objClass, listDisabled, lastRefreshTime, objType, listInsteadOfContent, detailInsteadOfContent, routePage, customButtons, customColumns, searchText, detailForm, detailTitlePathKeys, deps, onSelectionChanged, onCountersChanged }: ITMPage<T>) => import("react/jsx-runtime").JSX.Element;
 export default TMPage;

package/lib/components/query/TMQueryEditor.d.ts

@@ -2,22 +2,18 @@ import React from 'react';
 import { QueryDescriptor, ValidationItem } from '@topconsultnpm/sdk-ts';
 import { ITMApplyFormProps, FormModes } from '../../ts';
 import type { TMContextMenuItemProps } from '../NewComponents/ContextMenu/types';
-export declare const StyledRowItem: 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 StyledItemWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
-}, {
+export declare const StyledRowItem: 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 StyledItemWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$borderRadius"> & {
     $borderRadius?: string;
-}>> & string;
-export declare const StyledAccordionItemContainer: 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 StyledAccordionItemContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
-}, {
+}, never> & Partial<Pick<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$borderRadius"> & {
+    $borderRadius?: string;
+}, never>>> & string;
+export declare const StyledAccordionItemContainer: 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 StyledAccordionItemContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$disabled"> & {
+    $disabled?: boolean;
+}, never> & Partial<Pick<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$disabled"> & {
     $disabled?: boolean;
-}>> & string;
+}, never>>> & string;
 export declare const colorValue = "rgba(224,224,224,.5)";
 export declare const colorBrackets = "rgba(209,52,56,.3)";
 export declare const colorOperator = "rgba(16,124,16,.3)";

package/lib/components/settings/SettingsAppearance.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 declare const SettingsAppearance: ({ landingPagesOptions, permissions, showConfirmPopup }: {
     landingPagesOptions?: {
         display: string;
@@ -12,5 +11,5 @@ declare const SettingsAppearance: ({ landingPagesOptions, permissions, showConfi
         workFlowLicense: boolean;
     };
     showConfirmPopup?: (title: string, onConfirm: () => void) => void;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default SettingsAppearance;

package/lib/components/sidebar/TMAboutApp.d.ts

@@ -1,9 +1,8 @@
-import React from 'react';
 interface TMAboutAppProps {
     app: boolean;
     skdui: boolean;
     sdk: boolean;
     websdk: boolean;
 }
-export declare const TMAboutApp: (props: TMAboutAppProps) => React.JSX.Element;
+export declare const TMAboutApp: (props: TMAboutAppProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/lib/components/sidebar/TMCommandsPanel.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-export declare const StyledCommandsPanel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
-}, {
+export declare const StyledCommandsPanel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$isMobile"> & {
     $isMobile?: boolean;
-}>> & string;
+}, never> & Partial<Pick<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$isMobile"> & {
+    $isMobile?: boolean;
+}, never>>> & string;
 export interface TMCommandItemProps {
     icon: React.ReactNode;
     selected?: boolean;

package/lib/components/sidebar/TMHeader.d.ts

@@ -16,6 +16,7 @@ interface ITMHeader {
     searchContext?: TMSearchContext;
     settingsMenuContext?: React.ReactNode;
     customButtons?: React.ReactNode;
+    toppyButton?: React.ReactNode;
     onMenusOpen?: VoidFunction;
     onChangePassword?: VoidFunction;
     onLogout?: VoidFunction;
@@ -36,8 +37,8 @@ export declare const TMSearchBar: ({ searchValue, onSearchValueChanged, maxWidth
     marginLeft?: string;
     searchValue: string;
     onSearchValueChanged: (value: string) => void;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 declare const TMHeader: React.FC<ITMHeader>;
 export default TMHeader;
-export declare function IconHeaderNotifications(props: Readonly<React.SVGProps<SVGSVGElement>>): React.JSX.Element;
-export declare function IconHeaderSettings(props: Readonly<React.SVGProps<SVGSVGElement>>): React.JSX.Element;
+export declare function IconHeaderNotifications(props: Readonly<React.SVGProps<SVGSVGElement>>): import("react/jsx-runtime").JSX.Element;
+export declare function IconHeaderSettings(props: Readonly<React.SVGProps<SVGSVGElement>>): import("react/jsx-runtime").JSX.Element;

package/lib/components/sidebar/TMHeader.js

@@ -90,7 +90,7 @@ export const TMSearchBar = ({ searchValue, onSearchValueChanged, maxWidth, margi
     const deviceType = useDeviceType();
     return (_jsxs(StyledSearchBarContainer, { style: { maxWidth: maxWidth ? maxWidth : deviceType === DeviceType.MOBILE ? '65%' : '650px', marginLeft: marginLeft ? marginLeft : deviceType === DeviceType.MOBILE ? '10px' : '20px' }, $isMobile: deviceType === DeviceType.MOBILE, children: [" ", _jsx(StyledSearchBar, { placeholder: SDKUI_Localizator.Search + '...', type: "text", value: searchValue, onChange: (e) => onSearchValueChanged(e.target.value) }), searchValue.length > 0 && _jsx(IconCloseOutline, { onClick: () => onSearchValueChanged(''), color: '#00000060', style: { cursor: 'pointer', position: 'absolute', width: '20px', height: '20px', right: '5px', top: '5px', zIndex: 1 } })] }));
 };
-const TMHeader = ({ customButtons = _jsx(_Fragment, {}), onMenusOpen, showSettingsMenu = true, showSearchBar = true, clearSearchJobValue, clearSearchQEValue, searchContext = TMSearchContext.JOBS, onChangePassword, onLogout, settingsMenuContext, onSeacrhJobsValueChange, onSeacrhJobslistValueChange, onSeacrhProcessMonitorValueChange, onSeacrhProcessValueChange, onSeacrhPlatformValueChange, onSeacrhQEValueChange, onSettingsClick }) => {
+const TMHeader = ({ customButtons = _jsx(_Fragment, {}), toppyButton = _jsx(_Fragment, {}), onMenusOpen, showSettingsMenu = true, showSearchBar = true, clearSearchJobValue, clearSearchQEValue, searchContext = TMSearchContext.JOBS, onChangePassword, onLogout, settingsMenuContext, onSeacrhJobsValueChange, onSeacrhJobslistValueChange, onSeacrhProcessMonitorValueChange, onSeacrhProcessValueChange, onSeacrhPlatformValueChange, onSeacrhQEValueChange, onSettingsClick }) => {
     const [appRoutes, setAppRoutes] = useState();
     const [menuStatus, setMenuStatus] = useState(false);
     const [showAppMenu, setShowAppMenu] = useState(false);
@@ -249,7 +249,7 @@ const TMHeader = ({ customButtons = _jsx(_Fragment, {}), onMenusOpen, showSettin
                                 }, onMouseLeave: () => {
                                     if (openMenuTimer.current)
                                         clearTimeout(openMenuTimer.current);
-                                }, src: six, height: isMobile ? 35 : 40, alt: "" }), (!isMobile || SDK_Globals.appModule === AppModules.WORD_CONNECTOR) && _jsx(StyledHeaderAppText, { children: headerAppName })] }), showSearchBar && _jsxs(_Fragment, { children: [searchContext === TMSearchContext.JOBS_LIST && _jsx(TMSearchBar, { onSearchValueChanged: (e) => setSearchJobListValue(e), searchValue: searchJobListValue }), searchContext === TMSearchContext.JOBS && _jsx(TMSearchBar, { onSearchValueChanged: (e) => setSearchJobsValue(e), searchValue: searchJobsValue }), searchContext === TMSearchContext.PROCESSES && _jsx(TMSearchBar, { onSearchValueChanged: (e) => setSearchProcessesValue(e), searchValue: searchProcessesValue }), searchContext === TMSearchContext.PROCESS_MONITOR && _jsx(TMSearchBar, { onSearchValueChanged: (e) => setSearchProcessMonitorValue(e), searchValue: searchProcessMonitorValue }), searchContext === TMSearchContext.PLATFORM && _jsx(TMSearchBar, { onSearchValueChanged: (e) => setSearchPlatformValue(e), searchValue: searchPlatformValue }), searchContext === TMSearchContext.QE && _jsx(TMSearchBar, { onSearchValueChanged: (e) => setSearchQEValue(e), searchValue: searchQEValue })] }), customButtons] }), showSettingsMenu && _jsxs(StyledHeaderIcon, { onClick: () => onSettingsClick?.(), children: [" ", _jsx(IconHeaderSettings, { fontSize: 24 }), " "] }), _jsx(UserAvatarContainer, { $isSelected: menuStatus, ref: userIcon, onClick: e => {
+                                }, src: six, height: isMobile ? 35 : 40, alt: "" }), (!isMobile || SDK_Globals.appModule === AppModules.WORD_CONNECTOR) && _jsx(StyledHeaderAppText, { children: headerAppName })] }), showSearchBar && _jsxs(_Fragment, { children: [searchContext === TMSearchContext.JOBS_LIST && _jsx(TMSearchBar, { onSearchValueChanged: (e) => setSearchJobListValue(e), searchValue: searchJobListValue }), searchContext === TMSearchContext.JOBS && _jsx(TMSearchBar, { onSearchValueChanged: (e) => setSearchJobsValue(e), searchValue: searchJobsValue }), searchContext === TMSearchContext.PROCESSES && _jsx(TMSearchBar, { onSearchValueChanged: (e) => setSearchProcessesValue(e), searchValue: searchProcessesValue }), searchContext === TMSearchContext.PROCESS_MONITOR && _jsx(TMSearchBar, { onSearchValueChanged: (e) => setSearchProcessMonitorValue(e), searchValue: searchProcessMonitorValue }), searchContext === TMSearchContext.PLATFORM && _jsx(TMSearchBar, { onSearchValueChanged: (e) => setSearchPlatformValue(e), searchValue: searchPlatformValue }), searchContext === TMSearchContext.QE && _jsx(TMSearchBar, { onSearchValueChanged: (e) => setSearchQEValue(e), searchValue: searchQEValue })] }), customButtons] }), toppyButton, showSettingsMenu && _jsxs(StyledHeaderIcon, { onClick: () => onSettingsClick?.(), children: [" ", _jsx(IconHeaderSettings, { fontSize: 24 }), " "] }), _jsx(UserAvatarContainer, { $isSelected: menuStatus, ref: userIcon, onClick: e => {
                     e.stopPropagation();
                     e.preventDefault();
                     setMenuStatus(prev => !prev);

package/lib/components/viewers/TMDataListItemViewer.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { DataListViewModes } from '@topconsultnpm/sdk-ts';
 import { DataGridTypes } from 'devextreme-react/data-grid';
 interface ITMDataListItemViewerProps {
@@ -8,6 +7,6 @@ interface ITMDataListItemViewerProps {
     showTooltip?: boolean;
     width?: string;
 }
-declare const TMDataListItemViewer: ({ dataListId, value, viewMode, showTooltip, width }: ITMDataListItemViewerProps) => React.JSX.Element | null;
+declare const TMDataListItemViewer: ({ dataListId, value, viewMode, showTooltip, width }: ITMDataListItemViewerProps) => import("react/jsx-runtime").JSX.Element | null;
 export default TMDataListItemViewer;
-export declare const cellRenderDataListItem: (data: DataGridTypes.ColumnCellTemplateData, dataListId?: number, viewMode?: DataListViewModes) => React.JSX.Element;
+export declare const cellRenderDataListItem: (data: DataGridTypes.ColumnCellTemplateData, dataListId?: number, viewMode?: DataListViewModes) => import("react/jsx-runtime").JSX.Element;

package/lib/components/viewers/TMDataUserIdItemViewer.d.ts

@@ -1,9 +1,8 @@
-import React from 'react';
 import { DataGridTypes } from 'devextreme-react/data-grid';
 interface ITMDataUserIdItemViewerProps {
     userId?: number;
     showIcon?: boolean;
 }
-declare const TMDataUserIdItemViewer: ({ userId, showIcon }: ITMDataUserIdItemViewerProps) => React.JSX.Element | null;
+declare const TMDataUserIdItemViewer: ({ userId, showIcon }: ITMDataUserIdItemViewerProps) => import("react/jsx-runtime").JSX.Element | null;
 export default TMDataUserIdItemViewer;
-export declare const cellRenderUserIdItem: (data: DataGridTypes.ColumnCellTemplateData, showIcon?: boolean) => React.JSX.Element;
+export declare const cellRenderUserIdItem: (data: DataGridTypes.ColumnCellTemplateData, showIcon?: boolean) => import("react/jsx-runtime").JSX.Element;

package/lib/components/viewers/TMMidViewer.d.ts

@@ -22,7 +22,7 @@ interface ITMMetadataIcon {
     isMetadataSelected?: boolean;
     elementStyle?: React.CSSProperties;
 }
-export declare const TMMetadataIcon: ({ tid, md, color, layoutMode, isMetadataSelected, elementStyle }: ITMMetadataIcon) => React.JSX.Element | null;
+export declare const TMMetadataIcon: ({ tid, md, color, layoutMode, isMetadataSelected, elementStyle }: ITMMetadataIcon) => import("react/jsx-runtime").JSX.Element | null;
 interface ITMMetadataTooltip {
     tid: number | undefined;
     md: MetadataDescriptor | undefined;
@@ -31,6 +31,6 @@ interface ITMMetadataTooltip {
     layoutMode?: LayoutModes;
 }
 export declare const TMMetadataTooltip: React.FC<ITMMetadataTooltip>;
-export declare const cellRenderMID: (data: DataGridTypes.ColumnCellTemplateData, noneSelectionText?: string, tid?: number) => React.JSX.Element;
+export declare const cellRenderMID: (data: DataGridTypes.ColumnCellTemplateData, noneSelectionText?: string, tid?: number) => import("react/jsx-runtime").JSX.Element;
 export declare const getDisplayAlias: (dcmtTypeName: string | undefined, alias: string | undefined) => string | undefined;
 export {};

package/lib/components/viewers/TMTidViewer.d.ts

@@ -252,5 +252,5 @@ export interface ITMTidViewerProps {
 }
 declare const TMTidViewer: React.FC<ITMTidViewerProps>;
 export default TMTidViewer;
-export declare const cellRenderTID: (data: DataGridTypes.ColumnCellTemplateData, noneSelectionText?: string) => React.JSX.Element;
-export declare const renderDTDTooltipContent: (dtd: DcmtTypeDescriptor | undefined) => React.JSX.Element | null;
+export declare const cellRenderTID: (data: DataGridTypes.ColumnCellTemplateData, noneSelectionText?: string) => import("react/jsx-runtime").JSX.Element;
+export declare const renderDTDTooltipContent: (dtd: DcmtTypeDescriptor | undefined) => import("react/jsx-runtime").JSX.Element | null;

package/lib/helper/SDKUI_Localizator.d.ts

@@ -433,6 +433,17 @@ export declare class SDKUI_Localizator {
     static get GoToToday(): "Aller à aujourd'hui" | "Gehe zu heute" | "Go to today" | "Ir a hoy" | "Ir para hoje" | "Vai a oggi";
     static get GoToWorkgroup(): "Aller au groupe de travail" | "Gehe zur Arbeitsgruppe" | "Go to workgroup" | "Ir al grupo de trabajo" | "Ir para grupo de trabalho" | "Vai al gruppo di lavoro";
     static get Grids(): string;
+    static get HelpOnLineShiftEnterHint(): string;
+    static get HelpOnLineThinking01(): string;
+    static get HelpOnLineThinking02(): string;
+    static get HelpOnLineThinking03(): string;
+    static get HelpOnLineThinking04(): string;
+    static get HelpOnLineThinking05(): string;
+    static get HelpOnLineThinking06(): string;
+    static get HelpOnLineThinking07(): string;
+    static get HelpOnLineThinking08(): string;
+    static get HelpOnLineThinking09(): string;
+    static get HelpOnLineThinking10(): string;
     static get Hide_CompleteName(): "Hide full name" | "Masquer le nom complet" | "Nascondi nome completo" | "Ocultar nombre completo" | "Ocultar nome completo" | "Vollständigen Namen ausblenden";
     static get HideAll(): "Alle ausblenden" | "Hide all" | "Masquer tout" | "Nascondi tutti" | "Ocultar todo" | "Ocultar tudo";
     static get HideArchivedDetails(): string;

package/lib/helper/SDKUI_Localizator.js

@@ -4298,6 +4298,116 @@ export class SDKUI_Localizator {
             default: return "Griglie";
         }
     }
+    static get HelpOnLineShiftEnterHint() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Enter zum Senden, Umschalt+Enter für eine neue Zeile";
+            case CultureIDs.En_US: return "Press Enter to send, Shift+Enter for a new line";
+            case CultureIDs.Es_ES: return "Pulsa Intro para enviar, Mayús+Intro para una nueva línea";
+            case CultureIDs.Fr_FR: return "Appuyez sur Entrée pour envoyer, Maj+Entrée pour aller à la ligne";
+            case CultureIDs.Pt_PT: return "Prima Enter para enviar, Shift+Enter para uma nova linha";
+            default: return "Premi Invio per inviare, Maiusc+Invio per andare a capo";
+        }
+    }
+    static get HelpOnLineThinking01() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Ich denke darüber nach";
+            case CultureIDs.En_US: return "Thinking about it";
+            case CultureIDs.Es_ES: return "Lo estoy pensando";
+            case CultureIDs.Fr_FR: return "J'y réfléchis";
+            case CultureIDs.Pt_PT: return "Estou a pensar nisso";
+            default: return "Ci sto pensando";
+        }
+    }
+    static get HelpOnLineThinking02() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Ich durchsuche die Informationen";
+            case CultureIDs.En_US: return "Searching through the information";
+            case CultureIDs.Es_ES: return "Estoy buscando entre la información";
+            case CultureIDs.Fr_FR: return "Je cherche parmi les informations";
+            case CultureIDs.Pt_PT: return "Estou a procurar nas informações";
+            default: return "Sto cercando tra le informazioni";
+        }
+    }
+    static get HelpOnLineThinking03() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Ich lese die relevantesten Inhalte";
+            case CultureIDs.En_US: return "Reading the most relevant content";
+            case CultureIDs.Es_ES: return "Estoy leyendo los contenidos más relevantes";
+            case CultureIDs.Fr_FR: return "Je lis les contenus les plus pertinents";
+            case CultureIDs.Pt_PT: return "Estou a ler os conteúdos mais relevantes";
+            default: return "Sto leggendo i contenuti più pertinenti";
+        }
+    }
+    static get HelpOnLineThinking04() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Ich verbinde die Punkte";
+            case CultureIDs.En_US: return "Connecting the dots";
+            case CultureIDs.Es_ES: return "Estoy atando cabos";
+            case CultureIDs.Fr_FR: return "Je relie les points";
+            case CultureIDs.Pt_PT: return "Estou a ligar os pontos";
+            default: return "Sto collegando i punti";
+        }
+    }
+    static get HelpOnLineThinking05() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Ich überprüfe die Details";
+            case CultureIDs.En_US: return "Checking the details";
+            case CultureIDs.Es_ES: return "Estoy verificando los detalles";
+            case CultureIDs.Fr_FR: return "Je vérifie les détails";
+            case CultureIDs.Pt_PT: return "Estou a verificar os detalhes";
+            default: return "Sto verificando i dettagli";
+        }
+    }
+    static get HelpOnLineThinking06() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Ich bringe die Antwort in Ordnung";
+            case CultureIDs.En_US: return "Putting the answer together";
+            case CultureIDs.Es_ES: return "Estoy ordenando la respuesta";
+            case CultureIDs.Fr_FR: return "Je mets de l'ordre dans la réponse";
+            case CultureIDs.Pt_PT: return "Estou a organizar a resposta";
+            default: return "Sto mettendo in ordine la risposta";
+        }
+    }
+    static get HelpOnLineThinking07() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Fast geschafft";
+            case CultureIDs.En_US: return "Almost there";
+            case CultureIDs.Es_ES: return "Ya casi está";
+            case CultureIDs.Fr_FR: return "On y est presque";
+            case CultureIDs.Pt_PT: return "Estamos quase lá";
+            default: return "Ci siamo quasi";
+        }
+    }
+    static get HelpOnLineThinking08() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Noch einen Moment, ich feile noch daran";
+            case CultureIDs.En_US: return "Just a moment more, polishing it up";
+            case CultureIDs.Es_ES: return "Un momento más, estoy puliendo los detalles";
+            case CultureIDs.Fr_FR: return "Encore un instant, je peaufine";
+            case CultureIDs.Pt_PT: return "Só mais um momento, estou a finalizar";
+            default: return "Ancora un momento, sto rifinendo";
+        }
+    }
+    static get HelpOnLineThinking09() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Schwierige Frage, das dauert etwas länger";
+            case CultureIDs.En_US: return "Tough question, this takes a little longer";
+            case CultureIDs.Es_ES: return "Pregunta difícil, necesito un momento más";
+            case CultureIDs.Fr_FR: return "Question difficile, il faut un peu plus de temps";
+            case CultureIDs.Pt_PT: return "Pergunta difícil, preciso de mais um momento";
+            default: return "Domanda impegnativa, ci vuole un attimo in più";
+        }
+    }
+    static get HelpOnLineThinking10() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Letzter Schritt, ich vervollständige die Antwort";
+            case CultureIDs.En_US: return "One last push, completing the answer";
+            case CultureIDs.Es_ES: return "Último esfuerzo, estoy completando la respuesta";
+            case CultureIDs.Fr_FR: return "Dernier effort, je termine la réponse";
+            case CultureIDs.Pt_PT: return "Último esforço, estou a completar a resposta";
+            default: return "Ultimo sforzo, sto completando la risposta";
+        }
+    }
     static get Hide_CompleteName() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Vollständigen Namen ausblenden";

package/lib/helper/TMAppUpdatedModal.d.ts

@@ -1,2 +1 @@
-import React from 'react';
-export declare const TMAppUpdatedModal: () => React.JSX.Element | null;
+export declare const TMAppUpdatedModal: () => import("react/jsx-runtime").JSX.Element | null;