@topconsultnpm/sdkui-react-beta 6.14.15 → 6.14.16

package/lib/components/base/TMPanel.d.ts

@@ -11,12 +11,12 @@ export interface ITMPanelProps {
     totalItems?: number;
     toolbar?: any;
     padding?: string;
-    keepActiveState?: boolean;
     isVisible?: boolean;
     onBack?: () => void;
     onClose?: () => void;
     onHeaderDoubleClick?: () => void;
     onMaximize?: (isMaximized: boolean) => void;
+    onActiveChanged?: (isActive: boolean) => void;
 }
 declare const TMPanel: React.FC<ITMPanelProps>;
 export default TMPanel;

package/lib/components/base/TMPanel.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useRef, useState } from 'react';
+import { useCallback, useRef, useState } from 'react';
 import styled from 'styled-components';
 import { IconArrowLeft, IconClearButton, IconWindowMaximize, IconWindowMinimize, isPositiveNumber, SDKUI_Globals, SDKUI_Localizator } from '../../helper';
 import TMButton from './TMButton';
@@ -65,23 +65,29 @@ const StyledPanelContent = styled.div `
         outline: none;
     }
 `;
-const TMPanel = ({ allowMaximize = true, color, backgroundColor, backgroundColorContainer, children, showHeader = true, title, totalItems, displayedItemsCount, toolbar, padding = '5px', keepActiveState = false, isVisible = true, onBack, onClose, onHeaderDoubleClick, onMaximize }) => {
+const TMPanel = ({ allowMaximize = true, color, backgroundColor, backgroundColorContainer, children, showHeader = true, title, totalItems, displayedItemsCount, toolbar, padding = '5px', isVisible = true, onBack, onClose, onHeaderDoubleClick, onMaximize, onActiveChanged }) => {
     const [isActive, setIsActive] = useState(false);
     const [isMaximized, setIsMaximized] = useState(false);
     const titleRowRef = useRef(null);
-    // If keepActiveState is true, always force isActive to true
-    useEffect(() => {
-        if (keepActiveState)
+    const handleFocus = useCallback(() => {
+        if (!isActive) {
             setIsActive(true);
-    }, [keepActiveState]);
-    const handleFocus = () => {
-        if (!keepActiveState)
-            setIsActive(true);
-    };
-    const handleBlur = () => {
-        if (!keepActiveState)
-            setIsActive(false);
-    };
+            onActiveChanged?.(true);
+        }
+    }, [isActive, onActiveChanged]);
+    const handleBlur = useCallback(() => {
+        // Usiamo un setTimeout per dare il tempo al browser di spostare il focus
+        // e controllare se il focus è andato a un figlio che poi si è disconnesso
+        // o se il focus è uscito definitivamente dal pannello
+        setTimeout(() => {
+            if (!document.activeElement || !document.activeElement.closest('tmpanel-container')) {
+                if (isActive) {
+                    setIsActive(false);
+                    onActiveChanged?.(false);
+                }
+            }
+        }, 0); // Un piccolo ritardo per consentire al browser di stabilire il nuovo activeElement
+    }, [isActive, onActiveChanged]);
     // handler for external maximize management
     const handleMaximize = () => {
         setIsMaximized(prevState => {
@@ -92,7 +98,7 @@ const TMPanel = ({ allowMaximize = true, color, backgroundColor, backgroundColor
             return newValue;
         });
     };
-    return (_jsxs(StyledPanelContainer, { "$isMaximized": onMaximize ? false : isMaximized, style: {
+    return (_jsxs(StyledPanelContainer, { className: "tmpanel-container", "$isMaximized": onMaximize ? false : isMaximized, style: {
             visibility: isVisible ? 'visible' : 'hidden',
         }, children: [showHeader &&
                 _jsx(StyledPanelHeader, { "$backgroundColor": backgroundColor, "$color": color, "$isActive": isActive, onDoubleClick: () => {

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

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useMemo, useState } from 'react';
 import Logo from '../../../assets/Toppy-generico.png';
 import { DcmtTypeListCacheService, LayoutModes, SDK_Localizator } from '@topconsultnpm/sdk-ts-beta';
-import { IconTree, SDKUI_Globals, SDKUI_Localizator, IconRecentlyViewed, IconPreview, IconShow, IconBoard, IconDcmtTypeSys } from '../../../helper';
+import { IconTree, SDKUI_Globals, SDKUI_Localizator, IconRecentlyViewed, IconPreview, IconShow, IconBoard, IconDcmtTypeSys, removeMruTid } from '../../../helper';
 import { useDeviceType, DeviceType } from '../../base/TMDeviceProvider';
 import TMLayoutContainer, { TMLayoutItem } from '../../base/TMLayout';
 import TMRecentsManager from '../../grids/TMRecentsManager';
@@ -13,13 +13,12 @@ import TMPanel from '../../base/TMPanel';
 import { TMPanelManagerProvider, useTMPanelManagerContext } from '../../layout/panelManager/TMPanelManagerContext';
 import TMPanelManagerContainer from '../../layout/panelManager/TMPanelManagerContainer';
 const TMArchive = ({ inputTID, fileFromConnector = null }) => {
-    const TIDs = SDKUI_Globals.userSettings.archivingSettings.mruTIDs;
     const [currentTID, setCurrentTID] = useState(0);
-    const [mruTIDs, setMruTIDs] = useState(TIDs);
+    const [mruTIDs, setMruTIDs] = useState([]);
     const [currentMruTID, setCurrentMruTID] = useState(0);
     const [fromDTD, setFromDTD] = useState();
     const deviceType = useDeviceType();
-    useEffect(() => { setMruTIDs(TIDs); }, []);
+    useEffect(() => { console.log(SDKUI_Globals.userSettings.archivingSettings.mruTIDs); setMruTIDs(SDKUI_Globals.userSettings.archivingSettings.mruTIDs); }, []);
     useEffect(() => {
         if (!inputTID)
             return;
@@ -33,10 +32,9 @@ const TMArchive = ({ inputTID, fileFromConnector = null }) => {
             setFromDTD(dtd);
         });
     }, [currentTID]);
-    const setSearchByTID = (tid) => { setCurrentTID(tid); };
     const isMobile = deviceType === DeviceType.MOBILE;
     const tmTreeSelectorElement = useMemo(() => _jsx(TMTreeSelectorWrapper, { isMobile: isMobile, onSelectedTIDChanged: (tid) => {
-            setSearchByTID(tid);
+            setCurrentTID(tid);
             if (tid && mruTIDs.includes(tid))
                 setCurrentMruTID(tid);
             else
@@ -46,11 +44,8 @@ const TMArchive = ({ inputTID, fileFromConnector = null }) => {
             setCurrentMruTID(tid);
             setCurrentTID(tid);
         }, onDeletedTID: (tid) => {
-            let newMruTIDS = mruTIDs.slice();
-            let index = newMruTIDS.findIndex(o => o == tid);
-            if (index >= 0)
-                newMruTIDS.splice(index, 1);
-            SDKUI_Globals.userSettings.searchSettings.mruTIDs = newMruTIDS.filter(tid => tid != undefined && tid != null);
+            let newMruTIDS = removeMruTid(SDKUI_Globals.userSettings.archivingSettings.mruTIDs, tid);
+            SDKUI_Globals.userSettings.archivingSettings.mruTIDs = newMruTIDS;
             setMruTIDs(newMruTIDS);
         } }), [mruTIDs, currentMruTID, deviceType]);
     const tmFormElement = useMemo(() => currentTID ?
@@ -136,6 +131,7 @@ const TMTreeSelectorWrapper = ({ isMobile, onSelectedTIDChanged }) => {
 };
 const TMRecentsManagerWrapper = ({ mruTIDs, currentMruTID, deviceType, onSelectedTID, onDeletedTID }) => {
     const { setPanelVisibilityById, setToolbarButtonVisibility } = useTMPanelManagerContext();
+    useEffect(() => { console.log('TMRecentsManagerWrapper -mruTIDs', mruTIDs); }, [mruTIDs]);
     return (_jsx(TMRecentsManager, { mruTIDs: mruTIDs, currentMruTID: currentMruTID, deviceType: deviceType, onSelectedTID: (tid) => {
             onSelectedTID?.(tid);
             if (deviceType === DeviceType.MOBILE)

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

@@ -31,10 +31,10 @@ import TMModal from '../../base/TMModal';
 import toppy from '../../../assets/Toppy-generico.png';
 import { TMPanelManagerProvider, useTMPanelManagerContext } from '../../layout/panelManager/TMPanelManagerContext';
 import TMPanelManagerContainer from '../../layout/panelManager/TMPanelManagerContainer';
+import { updateMruTids } from '../../../helper';
 let abortControllerLocal = new AbortController();
 //#endregion
 const TMDcmtForm = ({ showHeader = true, onSaveRecents, layoutMode = LayoutModes.Update, onClose, onSavedAsyncCallback, TID, DID, formMode = FormModes.Update, canNext, canPrev, count, itemIndex, onNext, onPrev, allowNavigation = true, allowRelations = true, isClosable = false, isExpertMode = SDKUI_Globals.userSettings.advancedSettings.expertMode === 1, showDcmtFormSidebar = true, invokedByTodo = false, titleModal, isModal = false, widthModal = "100%", heightModal = "100%", groupId, onWFOperationCompleted, fileFromConnector = null, }) => {
-    const mruTIDs = SDKUI_Globals.userSettings.archivingSettings.mruTIDs;
     const [id, setID] = useState('');
     const [showWaitPanelLocal, setShowWaitPanelLocal] = useState(false);
     const [waitPanelTitleLocal, setWaitPanelTitleLocal] = useState('');
@@ -326,14 +326,8 @@ const TMDcmtForm = ({ showHeader = true, onSaveRecents, layoutMode = LayoutModes
             });
             await setMetadataListAsync(fromDTD?.metadata ?? [], true, res);
             resetHandler();
-            let newMruTIDS = mruTIDs ? mruTIDs.slice() : [];
-            let index = newMruTIDS.findIndex((o) => o == TID);
-            if (index >= 0)
-                newMruTIDS.splice(index, 1);
-            if (newMruTIDS.length >= 10)
-                newMruTIDS.splice(0, 1);
-            newMruTIDS.push(TID);
-            SDKUI_Globals.userSettings.archivingSettings.mruTIDs = newMruTIDS.filter(tid => tid != undefined && tid != null);
+            let newMruTIDS = updateMruTids(SDKUI_Globals.userSettings.archivingSettings.mruTIDs, TID);
+            SDKUI_Globals.userSettings.archivingSettings.mruTIDs = newMruTIDS;
             onSaveRecents?.(newMruTIDS);
             ShowAlert({ mode: 'success', title: 'Archiviazione', message: 'Il documento è stato archiviato con successo', duration: 3000 });
         }
@@ -585,10 +579,8 @@ const TMDcmtForm = ({ showHeader = true, onSaveRecents, layoutMode = LayoutModes
                                         isEditable: true,
                                         value: FormulaHelper.addFormulaTag(newFormula.expression)
                                     }));
-                                } }), (isModal && onClose) && _jsx("div", { id: "TMDcmtFormShowConfirmForClose-" + id })] }), (fromDTD?.templateTID === TemplateTIDs.WF_WIApprView && !isOpenDetails && !isOpenMaster) &&
-                    _jsx(ToppyHelpCenter, { deviceType: deviceType, 
-                        // onClick={() => isMobile ? openConfigureMode?.() : undefined}
-                        content: _jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: '10px' }, children: _jsx(WorkFlowOperationButtons, { onApprove: () => setShowApprovePopup(true), onReject: () => setShowRejectPopup(true), onReAssign: () => setShowReAssignPopup(true), isInDcmtForm: deviceType === DeviceType.MOBILE }) }) }), isOpenDetails &&
+                                } }), (isModal && onClose) && _jsx("div", { id: "TMDcmtFormShowConfirmForClose-" + id })] }), (fromDTD?.templateTID === TemplateTIDs.WF_WIApprView && !isOpenDetails && !isOpenMaster && layoutMode === LayoutModes.Update) &&
+                    _jsx(ToppyHelpCenter, { deviceType: deviceType, content: _jsx("div", { style: { display: 'flex', flexDirection: 'column', gap: '10px' }, children: _jsx(WorkFlowOperationButtons, { onApprove: () => setShowApprovePopup(true), onReject: () => setShowRejectPopup(true), onReAssign: () => setShowReAssignPopup(true), isInDcmtForm: deviceType === DeviceType.MOBILE }) }) }), isOpenDetails &&
                     _jsx(StyledModalContainer, { style: { backgroundColor: 'white' }, children: _jsx(TMMasterDetailDcmts, { deviceType: deviceType, isForMaster: false, inputDcmts: getSelectionDcmtInfo(), allowNavigation: allowNavigation, canNext: canNext, canPrev: canPrev, onNext: onNext, onPrev: onPrev, onBack: () => setIsOpenDetails(false) }) }), isOpenMaster &&
                     _jsxs(StyledModalContainer, { style: { backgroundColor: 'white' }, children: [_jsx(TMMasterDetailDcmts, { deviceType: deviceType, inputDcmts: getSelectionDcmtInfo(), isForMaster: true, allowNavigation: allowNavigation, canNext: canNext, canPrev: canPrev, onNext: onNext, onPrev: onPrev, onBack: () => setIsOpenMaster(false), appendMasterDcmts: handleAddItem }), secondaryMasterDcmts.length > 0 && secondaryMasterDcmts.map((dcmt, index) => {
                                 return (_jsx(StyledModalContainer, { style: { backgroundColor: 'white' }, children: _jsx(TMMasterDetailDcmts, { deviceType: deviceType, inputDcmts: [dcmt], isForMaster: true, allowNavigation: false, onBack: () => handleRemoveItem(dcmt.TID, dcmt.DID), appendMasterDcmts: handleAddItem }) }, `${index}-${dcmt.DID}`));

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

@@ -5,7 +5,7 @@ import TMSavedQuerySelector from './TMSavedQuerySelector';
 import TMTreeSelector from './TMTreeSelector';
 import { TabPanel, Item } from 'devextreme-react/tab-panel';
 import TMSearchQueryPanel, { refreshLastSearch } from './TMSearchQueryPanel';
-import { getSysAllDcmtsSQD, IconFilter, IconRecentlyViewed, IconSavedQuery, IconTree, SDKUI_Globals, SDKUI_Localizator } from '../../../helper';
+import { getSysAllDcmtsSQD, IconFilter, IconRecentlyViewed, IconSavedQuery, IconTree, removeMruTid, SDKUI_Globals, SDKUI_Localizator, updateMruTids } from '../../../helper';
 import TMSearchResult from './TMSearchResult';
 import TMRecentsManager from '../../grids/TMRecentsManager';
 import { SearchResultContext } from '../../../ts';
@@ -131,11 +131,8 @@ const TMSearch = ({ inputTID, inputSqdID, isExpertMode = SDKUI_Globals.userSetti
             setCurrentMruTID(tid);
             setCurrentTID(tid);
         }, onDeletedTID: (tid) => {
-            let newMruTIDS = mruTIDs.slice();
-            let index = newMruTIDS.findIndex(o => o == tid);
-            if (index >= 0)
-                newMruTIDS.splice(index, 1);
-            SDKUI_Globals.userSettings.searchSettings.mruTIDs = newMruTIDS.filter(tid => tid != undefined && tid != null);
+            let newMruTIDS = removeMruTid(SDKUI_Globals.userSettings.searchSettings.mruTIDs, tid);
+            SDKUI_Globals.userSettings.searchSettings.mruTIDs = newMruTIDS;
             setMruTIDs(newMruTIDS);
         } }), [mruTIDs, currentMruTID, deviceType]);
     const tmSearchQueryPanelElement = useMemo(() => _jsx(TMSearchQueryPanelWrapper, { isExpertMode: isExpertMode, showBackToResultButton: searchResult.length > 0, fromDTD: fromDTD, SQD: currentSQD, onBackToResult: () => { setCurrentSearchView(TMSearchViews.Result); }, onSearchCompleted: (searchResult, qd) => {
@@ -146,16 +143,10 @@ const TMSearch = ({ inputTID, inputSqdID, isExpertMode = SDKUI_Globals.userSetti
             setCurrentSearchView(TMSearchViews.Result);
             // Salvataggio ultimi 10 TIDs 
             let fromTID = searchResult?.[0].fromTID;
-            let newMruTIDS = mruTIDs.slice();
-            let index = newMruTIDS.findIndex(o => o == fromTID);
-            if (index >= 0)
-                newMruTIDS.splice(index, 1);
-            if (newMruTIDS.length >= 10)
-                newMruTIDS.splice(0, 1);
-            newMruTIDS.push(fromTID);
+            let newMruTIDS = updateMruTids(SDKUI_Globals.userSettings.searchSettings.mruTIDs, fromTID);
+            SDKUI_Globals.userSettings.searchSettings.mruTIDs = newMruTIDS;
             setMruTIDs(newMruTIDS);
             setCurrentMruTID(fromTID);
-            SDKUI_Globals.userSettings.searchSettings.mruTIDs = newMruTIDS.filter(tid => tid != undefined && tid != null);
         }, onSqdSaved: async (newSqd) => {
             await loadDataSQDsAsync(true, newSqd.masterTID);
             await setSQDAsync(newSqd);

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useCallback, useEffect, useRef, useState } from 'react';
+import { useCallback, useEffect, useState } from 'react';
 import { PlatformObjectValidator, WhereItem, SDK_Localizator, OrderByItem, SelectItem, SelectItemVisibilities, SDK_Globals, SavedQueryCacheService, SearchEngine, QueryOperators } from '@topconsultnpm/sdk-ts-beta';
 import styled from 'styled-components';
 import TMSearchQueryEditor from './TMSearchQueryEditor';
@@ -26,7 +26,8 @@ import TMShowAllOrMaxItemsButton from '../../base/TMShowAllOrMaxItemsButton';
 const TMSearchQueryPanel = ({ fromDTD, showBackToResultButton, isExpertMode = SDKUI_Globals.userSettings.advancedSettings.expertMode === 1, SQD, onSearchCompleted, onSqdSaved, onBack, onClosePanel, onMaximizePanel, onBackToResult }) => {
     const [confirmQueryParams, ConfirmQueryParamsDialog] = useQueryParametersDialog();
     const [qd, setQd] = useState();
-    const [shouldSearch, setShouldSearch] = useState(false); // Nuovo stato per attivare la ricerca
+    const [shouldSearch, setShouldSearch] = useState(false);
+    const [isQueryPanelActive, setIsQueryPanelActive] = useState(false);
     const [lastQdParams, setLastQdParams] = useState([]);
     const [dcmtTypesList, setDcmtTypesList] = useState([]);
     const [showSqdForm, setShowSqdForm] = useState(false);
@@ -41,7 +42,6 @@ const TMSearchQueryPanel = ({ fromDTD, showBackToResultButton, isExpertMode = SD
     const deviceType = useDeviceType();
     const isMobile = deviceType === DeviceType.MOBILE;
     let initialMaxItems = deviceType === DeviceType.MOBILE ? 8 : 12;
-    const panelRef = useRef(null);
     useEffect(() => {
         if (!SQD)
             return;
@@ -59,8 +59,7 @@ const TMSearchQueryPanel = ({ fromDTD, showBackToResultButton, isExpertMode = SD
     }, [shouldSearch, qd, showAdvancedSearch]);
     useEffect(() => {
         const handleKeyDown = (e) => {
-            if (panelRef.current &&
-                panelRef.current.contains(document.activeElement)) {
+            if (isQueryPanelActive) {
                 if (e.key === 'Enter') {
                     e.preventDefault();
                     // Disattiva l'elemento attivo per forzare l'onBlur
@@ -76,7 +75,7 @@ const TMSearchQueryPanel = ({ fromDTD, showBackToResultButton, isExpertMode = SD
         return () => {
             window.removeEventListener('keydown', handleKeyDown);
         };
-    }, []);
+    }, [isQueryPanelActive]);
     const setDataAsync = async (sqd) => {
         let newSqd = (sqd?.id == 1) ? sqd : await SavedQueryCacheService.GetAsync(sqd?.id);
         let newQd = SearchEngine.NormalizeQueryDescriptor(newSqd?.qd);
@@ -146,6 +145,9 @@ const TMSearchQueryPanel = ({ fromDTD, showBackToResultButton, isExpertMode = SD
             setQd(newQd);
         }
     }, []);
+    const handlePanelActiveChanged = useCallback((isActive) => {
+        setIsQueryPanelActive(isActive);
+    }, []);
     const handleAdvancedMenuClick = useCallback((e) => {
         if (e.button === AdvancedMenuButtons.DistinctValues) {
             setShowDistinctValuesPanel(true);
@@ -227,7 +229,7 @@ const TMSearchQueryPanel = ({ fromDTD, showBackToResultButton, isExpertMode = SD
         }
         setQd({ ...qd, orderBy: newOrderBy });
     }, [qd, fromDTD?.metadata, SQD?.masterTID]);
-    return (_jsxs("div", { ref: panelRef, style: { height: '100%' }, children: [_jsxs(TMPanel, { title: fromDTD?.nameLoc ?? SDKUI_Localizator.Search_Metadata, allowMaximize: !isMobile, onMaximize: isMobile ? undefined : onMaximizePanel, onHeaderDoubleClick: isMobile ? undefined : onMaximizePanel, onBack: onBack, toolbar: _jsx(_Fragment, { children: (SQD && !showSqdForm) ?
+    return (_jsxs(_Fragment, { children: [_jsxs(TMPanel, { title: fromDTD?.nameLoc ?? SDKUI_Localizator.Search_Metadata, allowMaximize: !isMobile, onMaximize: isMobile ? undefined : onMaximizePanel, onHeaderDoubleClick: isMobile ? undefined : onMaximizePanel, onBack: onBack, onActiveChanged: handlePanelActiveChanged, toolbar: _jsx(_Fragment, { children: (SQD && !showSqdForm) ?
                         _jsx(TMDropDownMenu, { backgroundColor: 'white', borderRadius: '3px', content: _jsx(TMButton, { btnStyle: 'icon', caption: 'Altro', icon: _jsx(IconMenuVertical, { color: 'white' }), showTooltip: false }), items: [
                                 ...(showBackToResultButton ? [{ icon: _jsx(IconArrowRight, {}), text: "Vai a risultato", onClick: () => { onBackToResult?.(); } }] : []),
                                 { icon: _jsx(IconAddCircleOutline, {}), beginGroup: true, text: SDKUI_Localizator.SavedQueryNew, onClick: () => { openSqdForm(FormModes.Create); } },

package/lib/helper/helpers.d.ts

@@ -57,3 +57,7 @@ export declare function getContrastColor(inputColor: string): {
     bgColor: string;
     textColor: string;
 };
+/** Adds TID to a list of "most recently used" (MRU) TIDs, keeping a maximum of 10 elements  */
+export declare function updateMruTids(currentMruTIDs: number[] | undefined | null, newTid: unknown): number[];
+/** Remove TID to a list of "most recently used" (MRU) TIDs, keeping a maximum of 10 elements  */
+export declare function removeMruTid(currentMruTIDs: number[] | undefined | null, tidToRemove: unknown): number[];

package/lib/helper/helpers.js

@@ -718,3 +718,47 @@ export function getContrastColor(inputColor) {
         textColor: luminance > 0.6 ? '#2559A5' : '#FFFFFF'
     };
 }
+// #endregion
+/** Adds TID to a list of "most recently used" (MRU) TIDs, keeping a maximum of 10 elements  */
+export function updateMruTids(currentMruTIDs, newTid) {
+    // 1. Make sure newTid is a valid number.
+    // Using unknown forces validation. 
+    // This is a best practice for robust functions that need to handle potentially non-compliant input.
+    const tidAsNumber = Number(newTid);
+    if (isNaN(tidAsNumber)) {
+        console.warn(`Tentativo di aggiungere un TID non numerico: ${newTid}. Ignorato.`);
+        return currentMruTIDs ? currentMruTIDs.filter(tid => tid != null) : [];
+    }
+    // 2. Initialize or copy existing MRU list.
+    let updatedMruTIDs = currentMruTIDs ? currentMruTIDs.filter(tid => tid != null) : [];
+    // 3. Remove the TID if it already exists to avoid duplicates and update its position.
+    const existingIndex = updatedMruTIDs.findIndex((o) => o === tidAsNumber);
+    if (existingIndex >= 0) {
+        updatedMruTIDs.splice(existingIndex, 1);
+    }
+    // 4. Remove oldest element if list exceeds maximum size of 10.
+    if (updatedMruTIDs.length >= 10) {
+        updatedMruTIDs.splice(0, 1); // Rimuove il primo elemento (il più vecchio)
+    }
+    // 5. Add new TID to queue (most recent).
+    updatedMruTIDs.push(tidAsNumber);
+    return updatedMruTIDs;
+}
+/** Remove TID to a list of "most recently used" (MRU) TIDs, keeping a maximum of 10 elements  */
+export function removeMruTid(currentMruTIDs, tidToRemove) {
+    // 1. Make sure tidToRemove is a valid number.
+    const tidAsNumber = Number(tidToRemove);
+    if (isNaN(tidAsNumber)) {
+        console.warn(`Tentativo di rimuovere un TID non numerico: ${tidToRemove}. Ignorato.`);
+        return currentMruTIDs ? currentMruTIDs.filter(tid => tid != null) : [];
+    }
+    // 2. Initialize or copy existing MRU list.
+    let updatedMruTIDs = currentMruTIDs ? currentMruTIDs.filter(tid => tid != null) : [];
+    // 3. Find the TID index to remove.
+    const indexToRemove = updatedMruTIDs.findIndex((o) => o === tidAsNumber);
+    // 4. If the TID is found, remove it from the list.
+    if (indexToRemove >= 0) {
+        updatedMruTIDs.splice(indexToRemove, 1);
+    }
+    return updatedMruTIDs;
+}

package/package.json

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