@topconsultnpm/sdkui-react 6.22.0-dev4.2 → 6.22.0-dev4.20

package/lib/components/base/waitPanel/TMWaitPanelManager.js

@@ -4,6 +4,12 @@ import { SDKUI_Localizator } from '../../../helper';
 import TMWaitPanelView from './TMWaitPanelView';
 const Z_INDEX_BASE = 2147483601;
 const RESOLVED = Promise.resolve();
+/** Accumula un messaggio in testa, tenendo solo quelli visibili nel popover. */
+const pushMessage = (list, message, max) => {
+    list.unshift(message);
+    if (list.length > max)
+        list.length = max;
+};
 const pad2 = (n) => (n < 10 ? '0' + n : String(n));
 /** Formatta una durata in millisecondi come "42s", "3m 07s", "1h 12m". */
 const formatDuration = (ms) => {
@@ -37,6 +43,11 @@ class TMWaitPanelInstance {
         this._error = 0;
         this._secondaryValue = 0;
         this._secondaryMax = 0;
+        this._warningMessages = [];
+        this._errorMessages = [];
+        this.warningMessageTotal = 0;
+        this.errorMessageTotal = 0;
+        this.messagesDirty = false;
         // Ultimi valori scritti sul DOM: servono a non riscrivere testo identico.
         this.lastPercentText = '';
         this.lastSubtitleText = '';
@@ -55,8 +66,24 @@ class TMWaitPanelInstance {
         this.setTitle = (title) => { this._title = title; this.schedule(); };
         this.setSubtitle = (subtitle) => { this._subtitleOverride = subtitle; this.schedule(); };
         this.ok = (delta = 1) => { this._ok += delta; this.schedule(); };
-        this.warning = (delta = 1) => { this._warning += delta; this.schedule(); };
-        this.error = (delta = 1) => { this._error += delta; this.schedule(); };
+        this.warning = (delta = 1, message) => {
+            this._warning += delta;
+            if (message) {
+                pushMessage(this._warningMessages, message, this.maxVisibleMessages);
+                this.warningMessageTotal++;
+                this.messagesDirty = true;
+            }
+            this.schedule();
+        };
+        this.error = (delta = 1, message) => {
+            this._error += delta;
+            if (message) {
+                pushMessage(this._errorMessages, message, this.maxVisibleMessages);
+                this.errorMessageTotal++;
+                this.messagesDirty = true;
+            }
+            this.schedule();
+        };
         this.setSecondary = (patch) => {
             if (patch.value !== undefined)
                 this._secondaryValue = patch.value;
@@ -210,12 +237,18 @@ class TMWaitPanelInstance {
                 this.lastError = this._error;
                 nodes.errorValue.textContent = String(this._error);
             }
+            if (this.messagesDirty) {
+                this.messagesDirty = false;
+                this.flushMessages(nodes.warningPopover, nodes.warningList, this._warningMessages, this.warningMessageTotal);
+                this.flushMessages(nodes.errorPopover, nodes.errorList, this._errorMessages, this.errorMessageTotal);
+            }
             if (nodes.secondaryFill)
                 this.flushSecondary(nodes);
             if (this.options.showEta ?? true)
                 this.flushEta(nodes, ratio);
         };
         this.options = options;
+        this.maxVisibleMessages = Math.max(1, options.maxVisibleMessages ?? 5);
         this._max = options.max ?? 0;
         this._title = options.title ?? '';
         this._secondaryText = options.secondaryText ?? '';
@@ -256,6 +289,26 @@ class TMWaitPanelInstance {
             return template.replace('{{0}}', String(this._value)).replace('{{1}}', String(this._max));
         return this.options.subtitle ?? '';
     }
+    /** Riscrive la lista di un popover con gli ultimi messaggi e la riga "... e altri N". Il popover si apre solo se non e' vuoto. */
+    flushMessages(popover, list, messages, total) {
+        if (total === 0)
+            return;
+        const visible = messages.length;
+        const items = [];
+        for (let i = 0; i < visible; i++) {
+            const item = document.createElement('li');
+            item.textContent = messages[i];
+            items.push(item);
+        }
+        if (total > visible) {
+            const more = document.createElement('li');
+            more.className = 'tm-wait-panel-more';
+            more.textContent = SDKUI_Localizator.AndOthersCount.replace('{{0}}', String(total - visible));
+            items.push(more);
+        }
+        list.replaceChildren(...items);
+        popover.dataset.empty = 'false';
+    }
     /** Riversa sul DOM la seconda barra. Invocata solo quando la view l'ha renderizzata. */
     flushSecondary(nodes) {
         const ratio = this._secondaryMax > 0 ? Math.min(1, Math.max(0, this._secondaryValue / this._secondaryMax)) : 0;

package/lib/components/base/waitPanel/TMWaitPanelView.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 /** Guscio statico del wait panel: montato una sola volta e mai ri-renderizzato, il manager lo aggiorna via DOM. Le props sono valori iniziali. */
 /** Nodi DOM mutabili di cui il manager ha bisogno per aggiornare il pannello senza React. */
 export interface ITMWaitPanelNodes {
@@ -13,6 +12,11 @@ export interface ITMWaitPanelNodes {
     okValue: HTMLElement;
     warningValue: HTMLElement;
     errorValue: HTMLElement;
+    /** Popover delle pill: il manager riempie la lista e toglie `data-empty` al primo messaggio. */
+    warningPopover: HTMLElement;
+    warningList: HTMLElement;
+    errorPopover: HTMLElement;
+    errorList: HTMLElement;
     abortButton: HTMLButtonElement | null;
     /** Presenti solo con `showSecondary`: riga di avanzamento dell'operazione di dettaglio. */
     secondaryText: HTMLElement | null;
@@ -49,5 +53,5 @@ export interface ITMWaitPanelViewProps {
     /** Invocato dopo il commit con i nodi DOM da aggiornare imperativamente. */
     onMount?: (nodes: ITMWaitPanelNodes) => void;
 }
-declare const TMWaitPanelView: ({ title, subtitle, cancelable, showEta, showCounters, showSecondary, secondaryText, primaryLabel, secondaryLabel, zIndex, onAbort, onConfirmYes, onConfirmNo, onMount }: ITMWaitPanelViewProps) => React.JSX.Element;
+declare const TMWaitPanelView: ({ title, subtitle, cancelable, showEta, showCounters, showSecondary, secondaryText, primaryLabel, secondaryLabel, zIndex, onAbort, onConfirmYes, onConfirmNo, onMount }: ITMWaitPanelViewProps) => import("react/jsx-runtime").JSX.Element;
 export default TMWaitPanelView;

package/lib/components/base/waitPanel/TMWaitPanelView.js

@@ -138,6 +138,36 @@ const StyledPill = styled.span `
 
     svg { flex: 0 0 auto; }
 `;
+// Fratello della card, non figlio: l'overflow della card lo taglierebbe. Coordinate dell'overlay, calcolate all'apertura.
+const StyledPopover = styled.div `
+    display: none;
+    position: absolute;
+    width: 320px;
+    max-width: calc(100% - 24px);
+    overflow-y: auto;
+    box-sizing: border-box;
+    padding: 10px 12px;
+    background: #ffffff;
+    border-left: 3px solid ${props => props.$accent};
+    border-radius: 10px;
+    box-shadow: 0 10px 30px rgba(16, 24, 40, 0.22);
+    font-size: 12px;
+    color: #374151;
+
+    ul { margin: 6px 0 0 0; padding: 0; list-style: none; }
+    li { padding: 4px 0; border-top: 1px solid #eef1f6; overflow-wrap: anywhere; line-height: 1.35; }
+    li:first-child { border-top: none; }
+    li.tm-wait-panel-more { color: #8a94a6; font-style: italic; }
+`;
+const StyledPopoverTitle = styled.div `
+    font-size: 11px;
+    font-weight: 700;
+    letter-spacing: 0.04em;
+    text-transform: uppercase;
+    color: ${props => props.$color};
+`;
+/** Tempo per spostare il mouse dalla pill al popover. */
+const POPOVER_HIDE_DELAY_MS = 250;
 const StyledTrack = styled.div `
     margin-top: 12px;
     width: 100%;
@@ -238,6 +268,14 @@ const TMWaitPanelView = ({ title = '', subtitle = '', cancelable = false, showEt
     const okValueRef = useRef(null);
     const warningValueRef = useRef(null);
     const errorValueRef = useRef(null);
+    const overlayRef = useRef(null);
+    const warningPillRef = useRef(null);
+    const errorPillRef = useRef(null);
+    const warningPopoverRef = useRef(null);
+    const warningListRef = useRef(null);
+    const errorPopoverRef = useRef(null);
+    const errorListRef = useRef(null);
+    const hideTimerRef = useRef();
     const abortRef = useRef(null);
     const secondaryTextRef = useRef(null);
     const secondaryPercentRef = useRef(null);
@@ -249,6 +287,8 @@ const TMWaitPanelView = ({ title = '', subtitle = '', cancelable = false, showEt
             return;
         if (!okValueRef.current || !warningValueRef.current || !errorValueRef.current)
             return;
+        if (!warningPopoverRef.current || !warningListRef.current || !errorPopoverRef.current || !errorListRef.current)
+            return;
         onMount?.({
             confirm: confirmRef.current,
             title: titleRef.current,
@@ -260,15 +300,47 @@ const TMWaitPanelView = ({ title = '', subtitle = '', cancelable = false, showEt
             okValue: okValueRef.current,
             warningValue: warningValueRef.current,
             errorValue: errorValueRef.current,
+            warningPopover: warningPopoverRef.current,
+            warningList: warningListRef.current,
+            errorPopover: errorPopoverRef.current,
+            errorList: errorListRef.current,
             abortButton: abortRef.current,
             secondaryText: secondaryTextRef.current,
             secondaryPercent: secondaryPercentRef.current,
             secondaryFill: secondaryFillRef.current,
         });
         // Montaggio una tantum: da qui in avanti il manager aggiorna il pannello via DOM, non via render.
+        return () => clearTimeout(hideTimerRef.current);
     }, []);
-    return (_jsxs(_Fragment, { children: [_jsx(StyledOverlay, { $zIndex: zIndex, children: _jsxs(StyledCard, { role: 'dialog', "aria-live": 'polite', children: [_jsxs(StyledHeader, { children: [_jsx(StyledToppyClip, { children: _jsx(StyledToppy, { src: toppy, alt: '', draggable: false }) }), _jsxs(StyledHeaderText, { children: [_jsx(StyledTitle, { ref: titleRef, children: title }), _jsx(StyledSubtitle, { ref: subtitleRef, children: subtitle })] })] }), primaryLabel && _jsx(StyledBarLabel, { children: primaryLabel }), _jsxs(StyledPercentRow, { $hasLabel: !!primaryLabel, children: [_jsx(StyledPercent, { ref: percentRef, children: "0.00%" }), _jsxs(StyledCounters, { style: { display: showCounters ? 'flex' : 'none' }, children: [_jsxs(StyledPill, { $color: '#3E7B1C', $background: '#E8F5E0', children: [_jsx(IconOk, {}), _jsx("span", { ref: okValueRef, children: "0" })] }), _jsxs(StyledPill, { $color: '#8A6D00', $background: '#FBF3CF', children: [_jsx(IconWarning, {}), _jsx("span", { ref: warningValueRef, children: "0" })] }), _jsxs(StyledPill, { $color: '#B00F2B', $background: '#FBE1E6', children: [_jsx(IconError, {}), _jsx("span", { ref: errorValueRef, children: "0" })] })] })] }), _jsx(StyledTrack, { children: _jsx(StyledFill, { ref: fillRef, $color: getProgressColor() }) }), _jsxs(StyledTimeRow, { style: { visibility: showEta ? 'visible' : 'hidden' }, children: [_jsx("span", { ref: elapsedRef }), _jsx("span", { ref: remainingRef })] }), showSecondary && secondaryLabel && _jsx(StyledBarLabel, { children: secondaryLabel }), showSecondary &&
-                            _jsxs(StyledSecondary, { $hasLabel: !!secondaryLabel, children: [_jsxs(StyledSecondaryRow, { children: [_jsx(StyledSecondaryText, { ref: secondaryTextRef, children: secondaryText }), _jsx("span", { ref: secondaryPercentRef, children: "0.00%" })] }), _jsx(StyledSecondaryTrack, { children: _jsx(StyledSecondaryFill, { ref: secondaryFillRef, $color: getProgressColor() }) })] }), cancelable &&
-                            _jsx(StyledFooter, { children: _jsx(StyledAbortButton, { ref: abortRef, type: 'button', onClick: onAbort, children: SDKUI_Localizator.Abort }) })] }) }), _jsx(TMWaitPanelConfirm, { ref: confirmRef, zIndex: zIndex + 1, onYes: onConfirmYes, onNo: onConfirmNo })] }));
+    // Popover gestiti via DOM come il resto del pannello: nessuno stato React, nessun render durante il progresso.
+    const hidePopovers = () => {
+        clearTimeout(hideTimerRef.current);
+        if (warningPopoverRef.current)
+            warningPopoverRef.current.style.display = 'none';
+        if (errorPopoverRef.current)
+            errorPopoverRef.current.style.display = 'none';
+    };
+    const scheduleHide = () => {
+        clearTimeout(hideTimerRef.current);
+        hideTimerRef.current = setTimeout(hidePopovers, POPOVER_HIDE_DELAY_MS);
+    };
+    const cancelHide = () => clearTimeout(hideTimerRef.current);
+    /** Apre il popover sotto la pill, allineato a destra. Finche' non arriva un messaggio resta chiuso. */
+    const openPopover = (pill, popover) => {
+        const overlay = overlayRef.current;
+        if (!pill || !popover || !overlay || popover.dataset.empty !== 'false')
+            return;
+        hidePopovers();
+        const overlayRect = overlay.getBoundingClientRect();
+        const pillRect = pill.getBoundingClientRect();
+        const top = pillRect.bottom - overlayRect.top + 6;
+        popover.style.top = `${top}px`;
+        popover.style.right = `${Math.max(12, overlayRect.right - pillRect.right)}px`;
+        popover.style.maxHeight = `${Math.max(80, overlayRect.height - top - 12)}px`;
+        popover.style.display = 'block';
+    };
+    return (_jsxs(_Fragment, { children: [_jsxs(StyledOverlay, { ref: overlayRef, $zIndex: zIndex, children: [_jsxs(StyledCard, { role: 'dialog', "aria-live": 'polite', children: [_jsxs(StyledHeader, { children: [_jsx(StyledToppyClip, { children: _jsx(StyledToppy, { src: toppy, alt: '', draggable: false }) }), _jsxs(StyledHeaderText, { children: [_jsx(StyledTitle, { ref: titleRef, children: title }), _jsx(StyledSubtitle, { ref: subtitleRef, children: subtitle })] })] }), primaryLabel && _jsx(StyledBarLabel, { children: primaryLabel }), _jsxs(StyledPercentRow, { $hasLabel: !!primaryLabel, children: [_jsx(StyledPercent, { ref: percentRef, children: "0.00%" }), _jsxs(StyledCounters, { style: { display: showCounters ? 'flex' : 'none' }, children: [_jsxs(StyledPill, { $color: '#3E7B1C', $background: '#E8F5E0', children: [_jsx(IconOk, {}), _jsx("span", { ref: okValueRef, children: "0" })] }), _jsxs(StyledPill, { ref: warningPillRef, $color: '#8A6D00', $background: '#FBF3CF', onMouseEnter: () => openPopover(warningPillRef.current, warningPopoverRef.current), onMouseLeave: scheduleHide, onClick: () => openPopover(warningPillRef.current, warningPopoverRef.current), children: [_jsx(IconWarning, {}), _jsx("span", { ref: warningValueRef, children: "0" })] }), _jsxs(StyledPill, { ref: errorPillRef, $color: '#B00F2B', $background: '#FBE1E6', onMouseEnter: () => openPopover(errorPillRef.current, errorPopoverRef.current), onMouseLeave: scheduleHide, onClick: () => openPopover(errorPillRef.current, errorPopoverRef.current), children: [_jsx(IconError, {}), _jsx("span", { ref: errorValueRef, children: "0" })] })] })] }), _jsx(StyledTrack, { children: _jsx(StyledFill, { ref: fillRef, $color: getProgressColor() }) }), _jsxs(StyledTimeRow, { style: { visibility: showEta ? 'visible' : 'hidden' }, children: [_jsx("span", { ref: elapsedRef }), _jsx("span", { ref: remainingRef })] }), showSecondary && secondaryLabel && _jsx(StyledBarLabel, { children: secondaryLabel }), showSecondary &&
+                                _jsxs(StyledSecondary, { $hasLabel: !!secondaryLabel, children: [_jsxs(StyledSecondaryRow, { children: [_jsx(StyledSecondaryText, { ref: secondaryTextRef, children: secondaryText }), _jsx("span", { ref: secondaryPercentRef, children: "0.00%" })] }), _jsx(StyledSecondaryTrack, { children: _jsx(StyledSecondaryFill, { ref: secondaryFillRef, $color: getProgressColor() }) })] }), cancelable &&
+                                _jsx(StyledFooter, { children: _jsx(StyledAbortButton, { ref: abortRef, type: 'button', onClick: onAbort, children: SDKUI_Localizator.Abort }) })] }), _jsxs(StyledPopover, { ref: warningPopoverRef, $accent: '#E0B400', "data-empty": 'true', onMouseEnter: cancelHide, onMouseLeave: scheduleHide, children: [_jsx(StyledPopoverTitle, { $color: '#8A6D00', children: SDKUI_Localizator.LatestWarnings }), _jsx("ul", { ref: warningListRef })] }), _jsxs(StyledPopover, { ref: errorPopoverRef, $accent: '#B00F2B', "data-empty": 'true', onMouseEnter: cancelHide, onMouseLeave: scheduleHide, children: [_jsx(StyledPopoverTitle, { $color: '#B00F2B', children: SDKUI_Localizator.LatestErrors }), _jsx("ul", { ref: errorListRef })] })] }), _jsx(TMWaitPanelConfirm, { ref: confirmRef, zIndex: zIndex + 1, onYes: onConfirmYes, onNo: onConfirmNo })] }));
 };
 export default TMWaitPanelView;

package/lib/components/choosers/TMDistinctValues.js

@@ -5,7 +5,7 @@ import styled from 'styled-components';
 import { calcResponsiveSizes, IconAll, IconDelete, IconPencil, IconRefresh, IconSelected, SDKUI_Localizator } from '../../helper';
 import TMButton from '../base/TMButton';
 import TMDataGrid from '../base/TMDataGrid';
-import { CounterItemKey } from '../base/TMCounterContainer';
+import { CounterItemKey, formatCount } from '../base/TMCounterContainer';
 import { useDeviceType } from '../base/TMDeviceProvider';
 import TMCheckBox from '../editors/TMCheckBox';
 import TMDropDown from '../editors/TMDropDown';
@@ -126,8 +126,8 @@ const TMDistinctValues = ({ tid, mid, layoutMode = LayoutModes.None, allowAppend
             items.set(CounterItemKey.allItems, {
                 key: CounterItemKey.allItems,
                 show: true,
-                caption: `${counts.returned} restituiti su ${counts.found} trovati`,
-                value: `${counts.returned}/${counts.found}`,
+                caption: `${formatCount(counts.returned)} restituiti su ${formatCount(counts.found)} trovati`,
+                value: `${formatCount(counts.returned)}/${formatCount(counts.found)}`,
                 icon: _jsx(IconAll, {}),
                 order: -1
             });

package/lib/components/choosers/TMDynDataListItemChooser.d.ts

@@ -41,4 +41,4 @@ interface ITMDynDataListItemChooserFormProps extends ITMChooserFormProps<DataLis
     /** Se presente, sono i parametri da passare alla query per recuperare il dataSource  */
     queryParamsDynDataList?: string[];
 }
-export declare const TMDynDataListItemChooserForm: (props: ITMDynDataListItemChooserFormProps) => React.JSX.Element;
+export declare const TMDynDataListItemChooserForm: (props: ITMDynDataListItemChooserFormProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/choosers/TMInvoiceRetrieveFormats.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
 import { InvoiceRetrieveFormats } from '@topconsultnpm/sdk-ts';
 import { ITMEnumDataBinding } from '../../ts';
-declare const TMInvoiceRetrieveFormats: ({ value, valueOrig, onValueChanged, valuesToExclude, label, width }: ITMEnumDataBinding<InvoiceRetrieveFormats>) => React.JSX.Element;
+declare const TMInvoiceRetrieveFormats: ({ value, valueOrig, onValueChanged, valuesToExclude, label, width }: ITMEnumDataBinding<InvoiceRetrieveFormats>) => import("react/jsx-runtime").JSX.Element;
 export default TMInvoiceRetrieveFormats;

package/lib/components/choosers/TMOrderRetrieveFormats.d.ts

@@ -1,5 +1,4 @@
-import React from 'react';
 import { OrderRetrieveFormats } from '@topconsultnpm/sdk-ts';
 import { ITMEnumDataBinding } from '../../ts';
-declare const TMOrderRetrieveFormats: ({ value, valueOrig, onValueChanged, valuesToExclude, label, width }: ITMEnumDataBinding<OrderRetrieveFormats>) => React.JSX.Element;
+declare const TMOrderRetrieveFormats: ({ value, valueOrig, onValueChanged, valuesToExclude, label, width }: ITMEnumDataBinding<OrderRetrieveFormats>) => import("react/jsx-runtime").JSX.Element;
 export default TMOrderRetrieveFormats;

package/lib/components/choosers/TMQuickSearchInfo.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { TMEditorButtonData } from '../base/TMEditorBase';
 interface ITMQuickSearchInfo {
     /** Tipo documento della ricerca rapida: serve a ricostruire la ricerca di sistema con tutti i documenti */
@@ -8,6 +7,6 @@ interface ITMQuickSearchInfo {
 }
 export declare const useTMQuickSearchInfo: ({ tid, sqdId }: ITMQuickSearchInfo) => {
     infoButton: TMEditorButtonData | undefined;
-    detailForm: React.JSX.Element | null;
+    detailForm: import("react/jsx-runtime").JSX.Element | null;
 };
 export {};

package/lib/components/choosers/TMRelationChooser.d.ts

@@ -19,13 +19,13 @@ export declare const TMRelationIdViewer: ({ relationType, relationId, showIcon,
     relationId?: number;
     showIcon?: boolean;
     noneSelectionText?: string;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const TMRelationIcon: ({ rd, relationType }: {
     rd: RelationDescriptor | undefined;
     relationType?: RelationTypes;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const TMRelationTooltip: ({ rd, relationType, children }: {
     rd?: RelationDescriptor;
     relationType: RelationTypes | undefined;
     children: React.ReactNode;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/lib/components/choosers/TMUserChooser.d.ts

@@ -38,8 +38,9 @@ interface ITMUserChooserFormProps extends ITMChooserFormProps<UserDescriptor> {
 export declare const TMUserChooserForm: React.FunctionComponent<ITMUserChooserFormProps>;
 export declare const TMUserIcon: ({ ud }: {
     ud?: UserDescriptor;
-}) => React.JSX.Element | null;
+}) => import("react/jsx-runtime").JSX.Element | null;
 export declare const TMUserTooltip: ({ ud, children }: {
     ud?: UserDescriptor;
     children: React.ReactNode;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const User_IsExpired: (d: any) => boolean | undefined;

package/lib/components/choosers/TMUserChooser.js

@@ -113,13 +113,13 @@ const getCompleteUserName = (domain, name) => {
         return name;
     return domain + "\\" + name;
 };
-function User_IsExpired(d) {
+export const User_IsExpired = (d) => {
     if (d == undefined)
         return false;
-    let ud = d;
+    const ud = d;
     const today = new Date();
     return (ud.validFrom && today < ud.validFrom) || (ud.validTo && today > ud.validTo) || ud.disabled;
-}
+};
 const getUserIcon = (userLevel, level, isExpired) => {
     let ownershipColor = "";
     if (isExpired)

package/lib/components/editors/TMEditorStyled.d.ts

@@ -2,14 +2,22 @@ import { ValidationItem } from '@topconsultnpm/sdk-ts';
 export declare const TMEditorsDefaultBorderRadius = "5px";
 export declare const TMEditorsDefaultLabelFontSize = "0.9rem";
 export declare const editorColorManager: (validationItems: ValidationItem[]) => string;
-export declare const StyledEditorContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
-}, {
+export declare const StyledEditorContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$width"> & {
     $width: string;
-}>> & string;
-export declare const StyledEditor: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "style"> & {
-    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
-}, {
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$width"> & {
+    $width: string;
+}, never>>> & string;
+export declare const StyledEditor: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "$borderRadius" | "$disabled" | "$fontSize" | "$isMobile" | "$isModified" | "$maxValue" | "$type" | "$vil" | "$width"> & {
+    $vil: ValidationItem[];
+    $width: string;
+    $type: string;
+    $isModified: boolean;
+    $maxValue: number;
+    $fontSize: string;
+    $disabled: boolean;
+    $isMobile?: boolean;
+    $borderRadius?: string;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "$borderRadius" | "$disabled" | "$fontSize" | "$isMobile" | "$isModified" | "$maxValue" | "$type" | "$vil" | "$width"> & {
     $vil: ValidationItem[];
     $width: string;
     $type: string;
@@ -19,26 +27,40 @@ export declare const StyledEditor: import("styled-components/dist/types").IStyle
     $disabled: boolean;
     $isMobile?: boolean;
     $borderRadius?: string;
-}>> & string;
-export declare const StyledEditorIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
-}, {
+}, never>>> & string;
+export declare const StyledEditorIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$disabled" | "$isModified" | "$vil"> & {
     $vil: ValidationItem[];
     $disabled: boolean;
     $isModified: boolean;
-}>> & string;
-export declare const StyledEditorLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
-}, {
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$disabled" | "$isModified" | "$vil"> & {
+    $vil: ValidationItem[];
+    $disabled: boolean;
+    $isModified: boolean;
+}, never>>> & string;
+export declare const StyledEditorLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$color" | "$disabled" | "$fontSize" | "$isFocused" | "$labelPosition"> & {
     $isFocused: boolean;
     $labelPosition: 'right' | 'left' | 'top';
     $disabled: boolean;
     $fontSize?: string;
     $color?: string;
-}>> & string;
-export declare const StyledTextareaEditor: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Merged<Omit<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "style"> & {
-    style?: import("react").CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
-}, {
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "$color" | "$disabled" | "$fontSize" | "$isFocused" | "$labelPosition"> & {
+    $isFocused: boolean;
+    $labelPosition: 'right' | 'left' | 'top';
+    $disabled: boolean;
+    $fontSize?: string;
+    $color?: string;
+}, never>>> & string;
+export declare const StyledTextareaEditor: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "$borderRadius" | "$disabled" | "$fontSize" | "$isMobile" | "$isModified" | "$maxHeight" | "$resize" | "$vil" | "$width"> & {
+    $vil: ValidationItem[];
+    $width: string;
+    $isModified: boolean;
+    $fontSize: string;
+    $disabled: boolean;
+    $isMobile?: boolean;
+    $maxHeight?: string;
+    $borderRadius?: string;
+    $resize?: boolean;
+}, never> & Partial<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, "$borderRadius" | "$disabled" | "$fontSize" | "$isMobile" | "$isModified" | "$maxHeight" | "$resize" | "$vil" | "$width"> & {
     $vil: ValidationItem[];
     $width: string;
     $isModified: boolean;
@@ -48,4 +70,4 @@ export declare const StyledTextareaEditor: import("styled-components/dist/types"
     $maxHeight?: string;
     $borderRadius?: string;
     $resize?: boolean;
-}>> & string;
+}, never>>> & string;

package/lib/components/editors/TMFormulaEditor.d.ts

@@ -30,7 +30,7 @@ export declare class FormulaDescriptor {
     description?: string;
     syntax?: string;
 }
-export declare const renderFormulaIcon: (iconType: FormulaIconTypes, tid?: number, md?: MetadataDescriptor) => React.JSX.Element;
+export declare const renderFormulaIcon: (iconType: FormulaIconTypes, tid?: number, md?: MetadataDescriptor) => import("react/jsx-runtime").JSX.Element;
 declare const TMFormulaEditor: React.FunctionComponent<ITMApplyFormProps<FormulaDescriptor>>;
 export default TMFormulaEditor;
 export declare class FormulaHelper {

package/lib/components/editors/TMHtmlContentDisplay.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
 interface IHtmlContentDisplay {
     markup: string;
     isSelected: boolean;
     searchText?: string;
 }
-declare const TMHtmlContentDisplay: (props: IHtmlContentDisplay) => React.JSX.Element;
+declare const TMHtmlContentDisplay: (props: IHtmlContentDisplay) => import("react/jsx-runtime").JSX.Element;
 export default TMHtmlContentDisplay;

package/lib/components/editors/TMHtmlEditor.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { ValidationItem } from '@topconsultnpm/sdk-ts';
 export declare const sanitizeAndFormatComment: (raw?: string) => string;
 export interface ITMHtmlEditor {
@@ -35,5 +34,5 @@ export interface ITMHtmlEditor {
     /** If true, displays a character count below the editor */
     showCount?: boolean;
 }
-declare const TMHtmlEditor: (props: ITMHtmlEditor) => React.JSX.Element;
+declare const TMHtmlEditor: (props: ITMHtmlEditor) => import("react/jsx-runtime").JSX.Element;
 export default TMHtmlEditor;

package/lib/components/editors/TMTreeDropDown.d.ts

@@ -14,5 +14,5 @@ interface TMTreeDropDownProps {
     isValidKey?: (key: number) => boolean;
     elementStyle?: React.CSSProperties;
 }
-declare const TMTreeDropDown: (props: TMTreeDropDownProps) => React.JSX.Element;
+declare const TMTreeDropDown: (props: TMTreeDropDownProps) => import("react/jsx-runtime").JSX.Element;
 export default TMTreeDropDown;

package/lib/components/features/assistant/TMHelpOnLineChat.d.ts

@@ -18,7 +18,6 @@ export interface ITMHelpOnLineChatProps {
     onAddMessage: (message: HolChatMessage) => void;
     onSetThinking: (isThinking: boolean) => void;
     onSetConversationId: (id: string) => void;
-    suggestedQuestions?: string[];
 }
 export interface ITMToppyHeaderButtonProps {
     showChatButton: boolean;