@topconsultnpm/sdkui-react 6.22.0-dev2.3 → 6.22.0-dev2.5

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

@@ -3,6 +3,17 @@ import { ITMEditorBase } from './TMEditorBase';
 export type ButtonColors = 'error' | 'warning' | 'success' | 'info' | 'primary' | 'secondary' | 'tertiary' | 'standard' | 'primaryOutline' | 'secondaryOutline' | 'tertiaryOutline' | 'errorOutline' | 'warningOutline' | 'successOutline' | 'infoOutline';
 export type ButtonStyle = 'normal' | 'toolbar' | 'icon' | 'text' | 'advanced';
 export type AdvancedButtonType = 'success' | 'error' | 'tertiary' | 'primary';
+/** Azione secondaria mostrata nel dropdown "split button" (freccia a destra) */
+export interface ITMButtonSecondaryAction {
+    /** Etichetta mostrata nella voce di menu */
+    name: string;
+    /** Icona opzionale a sinistra della voce */
+    icon?: React.ReactNode;
+    /** Callback al click della voce */
+    onClick?: () => void;
+    /** Disabilita la singola voce */
+    disabled?: boolean;
+}
 export interface ITMButton extends ITMEditorBase {
     color?: ButtonColors;
     btnStyle?: ButtonStyle;
@@ -17,6 +28,8 @@ export interface ITMButton extends ITMEditorBase {
     showTooltip?: boolean;
     onClick?: VoidFunction;
     onMouseDown?: (e: any) => any;
+    /** Azioni secondarie: se valorizzate, il bottone mostra una freccia a destra che apre un dropdown con queste azioni */
+    secondaryActions?: ITMButtonSecondaryAction[];
 }
 declare const TMButton: React.ForwardRefExoticComponent<ITMButton & React.RefAttributes<HTMLButtonElement>>;
 export default TMButton;

package/lib/components/base/TMButton.js

@@ -1,7 +1,8 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState, forwardRef } from 'react';
+import { useState, forwardRef, useRef, useEffect } from 'react';
+import { createPortal } from 'react-dom';
 import styled from 'styled-components';
-import { getColor } from '../../helper';
+import { getColor, IconChevronDown } from '../../helper';
 import { FontSize, TMColors } from '../../utils/theme';
 import TMTooltip from './TMTooltip';
 const StyledNormalButton = styled.button.withConfig({ shouldForwardProp: prop => !['text'].includes(prop) }) `
@@ -149,10 +150,132 @@ const StyledAdvancedButtonText = styled.div `
     border-top-right-radius: 10px;
     border-bottom-right-radius: 10px;
     padding: 5px;
+    padding-right: ${props => props.$reserveArrow ? '26px' : '5px'};
+`;
+const StyledSplitContainer = styled.div `
+  display: inline-flex;
+  align-items: stretch;
+  position: relative;
+`;
+const StyledSplitArrow = styled.button `
+  position: absolute;
+  right: 4px;
+  top: 50%;
+  transform: translateY(-50%);
+  z-index: 2;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 20px;
+  height: 20px;
+  padding: 0;
+  border: none;
+  border-radius: 6px;
+  cursor: ${props => props.$isDisabled ? 'default' : 'pointer'};
+  color: white;
+  background-color: rgba(255, 255, 255, 0.22);
+  transition: background-color ease 150ms;
+  &:hover { background-color: ${props => props.$isDisabled ? 'rgba(255, 255, 255, 0.22)' : 'rgba(255, 255, 255, 0.38)'}; }
+  & svg {
+    transition: transform ease 150ms;
+    transform: rotate(${props => props.$isOpen ? '180deg' : '0deg'});
+  }
+`;
+const StyledDropdown = styled.div `
+  position: fixed;
+  left: ${props => props.$left}px;
+  top: ${props => props.$top}px;
+  transform: translateY(-100%);
+  transform-origin: bottom left;
+  min-width: ${props => props.$minWidth}px;
+  background: #ffffff;
+  border-radius: 14px;
+  box-shadow: 0 10px 30px rgba(20, 40, 80, 0.20);
+  border: 1px solid rgba(74, 150, 210, 0.18);
+  padding: 5px;
+  z-index: 100000;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  animation: tmSplitDropdownIn cubic-bezier(0.2, 0.8, 0.2, 1) 150ms;
+  @keyframes tmSplitDropdownIn {
+    from { opacity: 0; transform: translateY(calc(-100% + 8px)); }
+    to   { opacity: 1; transform: translateY(-100%); }
+  }
+`;
+const StyledDropdownItem = styled.button `
+  display: flex;
+  align-items: center;
+  gap: 9px;
+  width: 100%;
+  padding: 5px 9px;
+  border: none;
+  border-radius: 8px;
+  background: transparent;
+  text-align: left;
+  font-size: ${FontSize.defaultFontSize};
+  font-weight: 500;
+  color: ${props => props.$disabled ? '#b4b4b4' : '#2c3e50'};
+  cursor: ${props => props.$disabled ? 'default' : 'pointer'};
+  transition: background ease 150ms, color ease 150ms;
+  &:hover {
+    background: ${props => props.$disabled ? 'transparent' : 'linear-gradient(135deg, rgba(74, 150, 210, 0.16) 0%, rgba(37, 89, 165, 0.16) 100%)'};
+    color: ${props => props.$disabled ? '#b4b4b4' : '#2559A5'};
+  }
+  & > .tm-split-item-icon {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 22px;
+    height: 22px;
+    flex-shrink: 0;
+    border-radius: 6px;
+    background: rgba(74, 150, 210, 0.14);
+    color: #4A96D2;
+    transition: background ease 150ms, color ease 150ms;
+  }
+  &:hover > .tm-split-item-icon {
+    background: ${props => props.$disabled ? 'rgba(74, 150, 210, 0.14)' : '#4A96D2'};
+    color: ${props => props.$disabled ? '#4A96D2' : '#ffffff'};
+  }
 `;
 const TMButton = forwardRef((props, ref) => {
-    const { width, height, keyGesture, btnStyle = 'normal', advancedColor, advancedType = 'primary', color = 'primary', fontSize = FontSize.defaultFontSize, disabled = false, showTooltip = true, caption, icon, description, padding, elementStyle, onClick = () => { }, onMouseDown = () => { } } = props;
+    const { width, height, keyGesture, btnStyle = 'normal', advancedColor, advancedType = 'primary', color = 'primary', fontSize = FontSize.defaultFontSize, disabled = false, showTooltip = true, caption, icon, description, padding, elementStyle, onClick = () => { }, onMouseDown = () => { }, secondaryActions } = props;
     const [isHovered, setIsHovered] = useState(false);
+    const [isDropdownOpen, setIsDropdownOpen] = useState(false);
+    const [dropdownPos, setDropdownPos] = useState({ left: 0, top: 0, minWidth: 200 });
+    const splitContainerRef = useRef(null);
+    const dropdownRef = useRef(null);
+    const hasSecondaryActions = !!secondaryActions && secondaryActions.length > 0;
+    useEffect(() => {
+        if (!isDropdownOpen)
+            return;
+        const handlePointerDown = (e) => {
+            const target = e.target;
+            if (splitContainerRef.current?.contains(target) || dropdownRef.current?.contains(target))
+                return;
+            setIsDropdownOpen(false);
+        };
+        const handleKeyDown = (e) => { if (e.key === 'Escape')
+            setIsDropdownOpen(false); };
+        document.addEventListener('mousedown', handlePointerDown);
+        document.addEventListener('touchstart', handlePointerDown);
+        document.addEventListener('keydown', handleKeyDown);
+        return () => {
+            document.removeEventListener('mousedown', handlePointerDown);
+            document.removeEventListener('touchstart', handlePointerDown);
+            document.removeEventListener('keydown', handleKeyDown);
+        };
+    }, [isDropdownOpen]);
+    const toggleDropdown = () => {
+        if (disabled)
+            return;
+        if (!isDropdownOpen && splitContainerRef.current) {
+            const rect = splitContainerRef.current.getBoundingClientRect();
+            setDropdownPos({ left: rect.left, top: rect.top - 6, minWidth: Math.max(rect.width, 200) });
+        }
+        setIsDropdownOpen(prev => !prev);
+    };
     const renderedButton = () => {
         if (btnStyle === 'normal') {
             return (_jsx(StyledNormalButton, { ref: ref, width: width, height: height, color: color, caption: caption, disabled: disabled, fontSize: fontSize, onClick: onClick, onMouseDown: (e) => !disabled && onMouseDown?.(e), children: caption }));
@@ -164,7 +287,7 @@ const TMButton = forwardRef((props, ref) => {
             return (_jsx(StyledIconButton, { ref: ref, color: color, caption: caption, disabled: disabled, fontSize: fontSize, padding: padding, onClick: onClick, onMouseDown: (e) => !disabled && onMouseDown?.(e), children: icon }));
         }
         else if (btnStyle === 'advanced') {
-            return (_jsxs(StyledAdvancedButton, { ref: ref, "$width": width ?? '90px', "$height": height ?? '30px', onMouseOver: () => !disabled && setIsHovered(true), onMouseOut: () => setIsHovered(false), "$isDisabled": disabled, "$isPrimaryOutline": advancedType === 'primary' && (advancedColor === 'primaryOutline' || color === 'primaryOutline'), onClick: () => !disabled && onClick?.(), onMouseDown: (e) => !disabled && onMouseDown?.(e), children: [_jsx(StyledAdvancedButtonIcon, { "$color": advancedColor, "$isVisible": isHovered, "$isDisabled": disabled, "$type": advancedType, children: icon }), _jsx(StyledAdvancedButtonText, { "$color": advancedColor, "$isDisabled": disabled, "$type": advancedType, children: caption })] }));
+            return (_jsxs(StyledAdvancedButton, { ref: ref, "$width": width ?? '90px', "$height": height ?? '30px', onMouseOver: () => !disabled && setIsHovered(true), onMouseOut: () => setIsHovered(false), "$isDisabled": disabled, "$isPrimaryOutline": advancedType === 'primary' && (advancedColor === 'primaryOutline' || color === 'primaryOutline'), onClick: () => !disabled && onClick?.(), onMouseDown: (e) => !disabled && onMouseDown?.(e), children: [_jsx(StyledAdvancedButtonIcon, { "$color": advancedColor, "$isVisible": isHovered, "$isDisabled": disabled, "$type": advancedType, children: icon }), _jsx(StyledAdvancedButtonText, { "$color": advancedColor, "$isDisabled": disabled, "$type": advancedType, "$reserveArrow": hasSecondaryActions, children: caption })] }));
         }
         else {
             return (_jsx(StyledTextButton, { ref: ref, color: color, caption: caption, disabled: disabled, fontSize: fontSize, onClick: onClick, onMouseDown: (e) => !disabled && onMouseDown?.(e), children: caption }));
@@ -175,6 +298,15 @@ const TMButton = forwardRef((props, ref) => {
             _jsxs(_Fragment, { children: [caption &&
                         _jsx(StyledButtonTooltipHeader, { "$description": description, children: _jsx(StyledButtonTooltipItem, { "$color": color, children: caption }) }), description && _jsx(StyledButtonTooltipItem, { children: description })] }));
     };
-    return (_jsx("div", { style: elementStyle, children: showTooltip ? _jsx(TMTooltip, { hideAfterDelay: true, content: renderTooltip(), children: renderedButton() }) : renderedButton() }));
+    const buttonWithTooltip = showTooltip
+        ? _jsx(TMTooltip, { hideAfterDelay: true, content: renderTooltip(), children: renderedButton() })
+        : renderedButton();
+    const renderSplitButton = () => (_jsxs(StyledSplitContainer, { ref: splitContainerRef, children: [buttonWithTooltip, _jsx(StyledSplitArrow, { type: 'button', "$isDisabled": disabled, "$isOpen": isDropdownOpen, "aria-haspopup": 'menu', "aria-expanded": isDropdownOpen, onClick: (e) => { e.stopPropagation(); toggleDropdown(); }, onMouseDown: (e) => e.stopPropagation(), children: _jsx(IconChevronDown, { fontSize: 14 }) }), isDropdownOpen && createPortal(_jsx(StyledDropdown, { ref: dropdownRef, role: 'menu', "$left": dropdownPos.left, "$top": dropdownPos.top, "$minWidth": dropdownPos.minWidth, children: secondaryActions.map((action, idx) => (_jsxs(StyledDropdownItem, { type: 'button', role: 'menuitem', "$disabled": action.disabled, disabled: action.disabled, onClick: () => {
+                        if (action.disabled)
+                            return;
+                        setIsDropdownOpen(false);
+                        action.onClick?.();
+                    }, children: [action.icon && _jsx("span", { className: 'tm-split-item-icon', children: action.icon }), _jsx("span", { children: action.name })] }, `${action.name}-${idx}`))) }), document.body)] }));
+    return (_jsx("div", { style: elementStyle, children: hasSecondaryActions ? renderSplitButton() : buttonWithTooltip }));
 });
 export default TMButton;

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, removeMruTid, SDKUI_Globals, SDKUI_Localizator, updateMruTids } from '../../../helper';
+import { getSysAllDcmtsSQD, IconFilter, IconRecentlyViewed, IconSavedQuery, IconTree, mergeSearchResultsAppend, removeMruTid, SDKUI_Globals, SDKUI_Localizator, updateMruTids } from '../../../helper';
 import TMSearchResult from './TMSearchResult';
 import TMRecentsManager from '../../grids/TMRecentsManager';
 import { SearchResultContext } from '../../../ts';
@@ -164,6 +164,32 @@ const TMSearch = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTask
             console.error("Error refreshing search:", error);
         }
     };
+    const handleSearchCompleted = useCallback((searchResult, qd, append) => {
+        if (searchResult.length <= 0) {
+            // In ricerca normale un array vuoto resetta i risultati; in accoda si mantiene il set accumulato
+            if (!append)
+                setSearchResult(searchResult);
+            return;
+        }
+        const newResult = searchResult[0];
+        // In modalità accoda unisce il nuovo risultato a quello precedente (più recenti in cima).
+        setSearchResult(prev => {
+            if (append && prev.length > 0 && prev[0]?.fromTID === newResult?.fromTID) {
+                const merged = mergeSearchResultsAppend(prev[0], newResult);
+                return merged ? [merged] : searchResult;
+            }
+            return searchResult;
+        });
+        setLastQdSearched(qd);
+        setCurrentSearchView(TMSearchViews.Result);
+        // Salvataggio ultimi 10 TIDs
+        let fromTID = searchResult?.[0].fromTID;
+        let newMruTIDS = updateMruTids(SDKUI_Globals.userSettings.searchSettings.mruTIDs, fromTID);
+        SDKUI_Globals.userSettings.searchSettings.mruTIDs = newMruTIDS;
+        setMruTIDs(newMruTIDS);
+        setCurrentMruTID(fromTID);
+        setShowSearchResults(true);
+    }, []);
     const isMobile = deviceType === DeviceType.MOBILE;
     const isTabletOrMobile = deviceType === DeviceType.TABLET || deviceType === DeviceType.MOBILE;
     // --- JSX WRAPPERS ---
@@ -182,23 +208,10 @@ const TMSearch = ({ allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTask
             SDKUI_Globals.userSettings.searchSettings.mruTIDs = newMruTIDS;
             setMruTIDs(newMruTIDS);
         } }), [mruTIDs, currentMruTID, deviceType]);
-    const tmSearchQueryPanelElement = useMemo(() => _jsx(TMSearchQueryPanelWrapper, { passToArchiveCallback: passToArchiveCallback, isExpertMode: isExpertMode, showBackToResultButton: searchResult.length > 0, fromDTD: fromDTD, SQD: currentSQD, inputMids: inputMids, maxDcmtsToBeReturned: maxDcmtsToBeReturned, onBackToResult: () => { setCurrentSearchView(TMSearchViews.Result); }, onSearchCompleted: (searchResult, qd) => {
-            setSearchResult(searchResult);
-            if (searchResult.length <= 0)
-                return;
-            setLastQdSearched(qd);
-            setCurrentSearchView(TMSearchViews.Result);
-            // Salvataggio ultimi 10 TIDs 
-            let fromTID = searchResult?.[0].fromTID;
-            let newMruTIDS = updateMruTids(SDKUI_Globals.userSettings.searchSettings.mruTIDs, fromTID);
-            SDKUI_Globals.userSettings.searchSettings.mruTIDs = newMruTIDS;
-            setMruTIDs(newMruTIDS);
-            setCurrentMruTID(fromTID);
-            setShowSearchResults(true);
-        }, onSqdSaved: async (newSqd) => {
+    const tmSearchQueryPanelElement = useMemo(() => _jsx(TMSearchQueryPanelWrapper, { passToArchiveCallback: passToArchiveCallback, isExpertMode: isExpertMode, showBackToResultButton: searchResult.length > 0, fromDTD: fromDTD, SQD: currentSQD, inputMids: inputMids, maxDcmtsToBeReturned: maxDcmtsToBeReturned, onBackToResult: () => { setCurrentSearchView(TMSearchViews.Result); }, onSearchCompleted: handleSearchCompleted, onSqdSaved: async (newSqd) => {
             await loadDataSQDsAsync(true, newSqd.masterTID);
             await setSQDAsync(newSqd);
-        } }), [fromDTD, showSearchResults, setShowSearchResults, currentSQD, isExpertMode, mruTIDs, searchResult, passToArchiveCallback, inputMids, maxDcmtsToBeReturned]);
+        } }), [fromDTD, showSearchResults, setShowSearchResults, currentSQD, isExpertMode, mruTIDs, searchResult, passToArchiveCallback, inputMids, maxDcmtsToBeReturned, handleSearchCompleted]);
     const tmSavedQuerySelectorElement = useMemo(() => _jsxs(TabPanel, { width: "100%", height: "100%", showNavButtons: true, repaintChangesOnly: true, selectedIndex: currentSQDMode, onSelectedIndexChange: (index) => setCurrentSQDMode(index), children: [(currentTID || currentSQD) ? _jsx(Item, { title: fromDTD?.nameLoc, children: _jsx(TMSavedQuerySelectorWrapper, { allowShowSearch: false, items: filteredByTIDSQDs, selectedId: currentSQD?.id, onRefreshData: () => { loadDataSQDsAsync(true); }, onItemClick: (sqd) => {
                         onSQDItemClick(sqd, setSQDAsync);
                     }, onDeleted: (sqd) => onSQDDeleted(sqd, sqd.id == currentSQD?.id ? filteredByTIDSQDs.find(o => o.id == 1) : currentSQD, setSQDAsync), refreshFavoriteSavedQueries: refreshFavoriteSavedQueries }) }) : _jsx(_Fragment, {}), _jsx(Item, { title: SDKUI_Localizator.AllFemale, children: _jsx(TMSavedQuerySelectorWrapper, { allowShowSearch: true, items: allSQDs, manageDefault: false, onItemClick: (sqd) => {

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

@@ -12,7 +12,7 @@ interface ITMSearchQueryPanelProps {
     onBack?: () => void;
     onBackToResult?: () => void;
     onSqdSaved?: (newSqd: SavedQueryDescriptor) => void;
-    onSearchCompleted?: (searchResult: SearchResultDescriptor[], qd: QueryDescriptor | undefined) => void;
+    onSearchCompleted?: (searchResult: SearchResultDescriptor[], qd: QueryDescriptor | undefined, append?: boolean) => void;
     onClosePanel?: () => void;
     allowMaximize?: boolean;
     onMaximizePanel?: () => void;

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

@@ -46,6 +46,8 @@ const TMSearchQueryPanel = ({ fromDTD, showBackToResultButton, isExpertMode = SD
     let initialMaxItems = deviceType === DeviceType.MOBILE ? 8 : 12;
     const appliedInputMidsRef = useRef(null);
     const pendingMidsRef = useRef(null);
+    // Flag "accoda": impostato dall'azione secondaria del bottone Ricerca, consumato in executeSearch
+    const appendNextSearchRef = useRef(false);
     useEffect(() => {
         if (!SQD)
             return;
@@ -122,7 +124,10 @@ const TMSearchQueryPanel = ({ fromDTD, showBackToResultButton, isExpertMode = SD
     useEffect(() => {
         if (shouldSearch && qd) {
             const executeSearch = async () => {
-                await searchAsync(qd, showAdvancedSearch);
+                // Legge e consuma il flag "accoda" impostato dall'azione secondaria del bottone Ricerca
+                const append = appendNextSearchRef.current;
+                appendNextSearchRef.current = false;
+                await searchAsync(qd, showAdvancedSearch, append);
                 setShouldSearch(false); // Resetta il trigger dopo la ricerca
             };
             executeSearch();
@@ -167,8 +172,9 @@ const TMSearchQueryPanel = ({ fromDTD, showBackToResultButton, isExpertMode = SD
         });
         setQd({ ...qd, where: newWhere, orderBy: [] });
     };
-    const searchAsync = async (qdInput, isAdvancedSearch) => {
-        onSearchCompleted?.([], undefined); // reset results
+    const searchAsync = async (qdInput, isAdvancedSearch, append = false) => {
+        if (!append)
+            onSearchCompleted?.([], undefined); // reset results (solo in ricerca normale, non in accoda)
         let searchParams = { isAdvancedSearch: isAdvancedSearch, lastQdParams: lastQdParams, confirmQueryParams: confirmQueryParams, setLastQdParamsCallback: setLastQdParams };
         let searchResult = await searchByQdAsync(qdInput, searchParams);
         let dcmtsFound = searchResult?.result?.dcmtsFound ?? 0;
@@ -180,7 +186,7 @@ const TMSearchQueryPanel = ({ fromDTD, showBackToResultButton, isExpertMode = SD
                 results.push(searchResult?.result);
             // Before notifying onSearchComplete, let's set the panel to NOT active
             setIsQueryPanelActive(false);
-            onSearchCompleted?.(results, searchResult?.qd);
+            onSearchCompleted?.(results, searchResult?.qd, append);
         }
     };
     const updateIsModalOpen = useCallback((isOpen) => {
@@ -214,9 +220,24 @@ const TMSearchQueryPanel = ({ fromDTD, showBackToResultButton, isExpertMode = SD
         if (document.activeElement instanceof HTMLElement) {
             document.activeElement.blur();
         }
-        // Attiva il flag di ricerca anche per il click del bottone
+        // Ricerca normale: azzera l'eventuale flag accoda e avvia
+        appendNextSearchRef.current = false;
         setShouldSearch(true);
     }, []);
+    const handleSearchAndAppendClick = useCallback(() => {
+        // Propagazione blur
+        if (document.activeElement instanceof HTMLElement) {
+            document.activeElement.blur();
+        }
+        // Ricerca e accoda: imposta il flag consumato da executeSearch
+        appendNextSearchRef.current = true;
+        setShouldSearch(true);
+    }, []);
+    const searchButtonSecondaryActions = useMemo(() => [{
+            name: SDKUI_Localizator.SearchAndAppend,
+            icon: _jsx(IconSearch, {}),
+            onClick: handleSearchAndAppendClick
+        }], [handleSearchAndAppendClick]);
     const handleQdChanged = useCallback((newQd) => {
         if (!deepCompare(qd, newQd)) {
             setQd(newQd);
@@ -270,7 +291,7 @@ const TMSearchQueryPanel = ({ fromDTD, showBackToResultButton, isExpertMode = SD
     }, [qd, fromDTD?.metadata, SQD?.masterTID]);
     const handleCloseOutputConfig = useCallback(() => setShowOutputConfig(false), []);
     const contextMenuItems = useMemo(() => [
-        ...(showBackToResultButton ? [{ icon: _jsx(IconArrowRight, {}), name: "Vai a risultato", onClick: () => { onBackToResult?.(); } }] : []),
+        ...(showBackToResultButton ? [{ icon: _jsx(IconArrowRight, {}), name: SDKUI_Localizator.BackToResult, onClick: () => { onBackToResult?.(); } }] : []),
         { icon: _jsx(IconAddCircleOutline, {}), name: SDKUI_Localizator.SavedQueryNew, beginGroup: showBackToResultButton, onClick: () => { openSqdForm(FormModes.Create); } },
         { icon: _jsx(IconEdit, {}), name: SDKUI_Localizator.SavedQueryUpdate, disabled: (SQD && SQD.id == 1), onClick: () => { openSqdForm(FormModes.Update); } },
         { icon: showAdvancedSearch ? _jsx(IconEasy, {}) : _jsx(IconAdvanced, {}), beginGroup: true, name: showAdvancedSearch ? SDKUI_Localizator.Search_Easy : SDKUI_Localizator.Search_Advanced, onClick: () => { changeAdvancedSearchAsync(!showAdvancedSearch); } },
@@ -353,7 +374,7 @@ const TMSearchQueryPanel = ({ fromDTD, showBackToResultButton, isExpertMode = SD
                                         alignItems: 'center',
                                         gap: '10px',
                                         width: '100%'
-                                    }, children: [_jsx(TMButton, { btnStyle: 'advanced', icon: _jsx(IconSearch, {}), showTooltip: false, width: '90px', caption: SDKUI_Localizator.Search, advancedColor: '#4A96D2', onClick: handleSearchButtonClick }), _jsx(TMButton, { width: '90px', btnStyle: 'advanced', advancedType: 'primary', showTooltip: false, caption: SDKUI_Localizator.Clear, icon: _jsx(IconClear, {}), advancedColor: 'white', color: 'primaryOutline', onClick: clearFilters }), (!showAdvancedSearch && qd?.where && qd.where.length > initialMaxItems) && (_jsx(TMButton, { width: '120px', btnStyle: isMobile ? 'icon' : 'advanced', advancedColor: TMColors.button_primary, caption: captionText, showTooltip: false, icon: isMobile ? (_jsx("div", { children: _jsx("p", { children: showAllMdWhere ? `-${diff}` : `+${diff}` }) })) : (_jsx("p", { children: showAllMdWhere ? `-${diff}` : `+${diff}` })), onClick: () => setShowAllMdWhere(!showAllMdWhere) }))] }), showFiltersConfig &&
+                                    }, children: [_jsx(TMButton, { btnStyle: 'advanced', icon: _jsx(IconSearch, {}), showTooltip: false, width: '120px', caption: SDKUI_Localizator.Search, advancedColor: '#4A96D2', onClick: handleSearchButtonClick, secondaryActions: searchButtonSecondaryActions }), _jsx(TMButton, { width: '90px', btnStyle: 'advanced', advancedType: 'primary', showTooltip: false, caption: SDKUI_Localizator.Clear, icon: _jsx(IconClear, {}), advancedColor: 'white', color: 'primaryOutline', onClick: clearFilters }), (!showAdvancedSearch && qd?.where && qd.where.length > initialMaxItems) && (_jsx(TMButton, { width: '120px', btnStyle: isMobile ? 'icon' : 'advanced', advancedColor: TMColors.button_primary, caption: captionText, showTooltip: false, icon: isMobile ? (_jsx("div", { children: _jsx("p", { children: showAllMdWhere ? `-${diff}` : `+${diff}` }) })) : (_jsx("p", { children: showAllMdWhere ? `-${diff}` : `+${diff}` })), onClick: () => setShowAllMdWhere(!showAllMdWhere) }))] }), showFiltersConfig &&
                                     _jsx(TMMetadataChooserForm, { allowMultipleSelection: true, height: '500px', width: '600px', allowSysMetadata: true, filterMetadata: (o => o.perm?.canSearch === AccessLevels.Yes), qd: qd, selectedIDs: qd?.where?.map((w) => ({ tid: w.tid, mid: w.mid })), onClose: handleCloseFiltersConfig, onChoose: handleChooseFilters }), showOutputConfig &&
                                     _jsx(TMMetadataOutputForm, { qd: qd, selectedSelectItems: qd?.select, allowSysMetadata: true, filterMetadata: (o => o.perm?.canView === AccessLevels.Yes || o.perm?.canUpdate === AccessLevels.Yes), onClose: handleCloseOutputConfig, onChoose: (selectItems) => {
                                             setQd({ ...qd, select: selectItems });

package/lib/helper/SDKUI_Localizator.d.ts

@@ -76,6 +76,7 @@ export declare class SDKUI_Localizator {
     static get CustomButtonAction(): string;
     static get CustomButtonActions(): string;
     static get Back(): "Zurück" | "Back" | "Atrás" | "Dos" | "Voltar" | "Indietro";
+    static get BackToResult(): "Zum Ergebnis" | "Go to result" | "Ir al resultado" | "Aller au résultat" | "Ir para o resultado" | "Vai a risultato";
     static get BatchUpdate(): "Mehrfachbearbeitung" | "Multiple modification" | "Modificación múltiple" | "Modifie multiple" | "Editar múltipla" | "Modifica multipla";
     static get BlogCase(): "Anschlagbrett" | "Blog board" | "Tablón" | "Tableau d'affichage" | "Bakeca" | "Bacheca";
     static get Blog_Read(): "Anzeigebrett lesen" | "Reading blog board" | "Lectura tablón" | "Lire le tableau d'affichage" | "Quadro de avisos leitura" | "Lettura bacheca";
@@ -717,6 +718,7 @@ export declare class SDKUI_Localizator {
     static get ScanFeatureUnavailableInThisContext(): "Scanfunktionen sind in diesem Kontext nicht verfugbar." | "Scanning features are not available in this context." | "Las funciones de escaneo no estan disponibles en este contexto." | "Les fonctionnalites de numerisation ne sont pas disponibles dans ce contexte." | "Os recursos de digitalizacao nao estao disponiveis neste contexto." | "Funzionalita di scansione non disponibili in questo contesto.";
     static get Search(): "Auf der Suche nach" | "Search" | "Búsqueda" | "Recherche" | "Pesquisa" | "Ricerca";
     static get SearchAction(): "Search" | "Suche" | "Buscar" | "Chercher" | "Pesquisar" | "Cerca";
+    static get SearchAndAppend(): "Suchen und anhängen" | "Search and append" | "Buscar y añadir" | "Rechercher et ajouter" | "Pesquisar e acrescentar" | "Ricerca e accoda";
     static get Search_Advanced(): "Erweiterte Suche" | "Advanced search" | "Búsqueda avanzada" | "Recherche avancée" | "Pesquisa Avançada" | "Ricerca avanzata";
     static get Search_Easy(): "Einfache Suche" | "Easy search" | "Búsqueda fácil" | "Recherche facile" | "Pesquisa fácil" | "Ricerca facilitata";
     static get Search_EnterValue(): "Geben Sie einen Wert ein, nach dem gesucht werden soll" | "Enter a value to search" | "Introducir un valor para buscar" | "Entrez une valeur à rechercher" | "Digite um valor para pesquisar" | "Inserire un valore da ricercare";

package/lib/helper/SDKUI_Localizator.js

@@ -715,6 +715,16 @@ export class SDKUI_Localizator {
             default: return "Indietro";
         }
     }
+    static get BackToResult() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Zum Ergebnis";
+            case CultureIDs.En_US: return "Go to result";
+            case CultureIDs.Es_ES: return "Ir al resultado";
+            case CultureIDs.Fr_FR: return "Aller au résultat";
+            case CultureIDs.Pt_PT: return "Ir para o resultado";
+            default: return "Vai a risultato";
+        }
+    }
     static get BatchUpdate() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Mehrfachbearbeitung";
@@ -7149,6 +7159,16 @@ export class SDKUI_Localizator {
             default: return "Cerca";
         }
     }
+    static get SearchAndAppend() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Suchen und anhängen";
+            case CultureIDs.En_US: return "Search and append";
+            case CultureIDs.Es_ES: return "Buscar y añadir";
+            case CultureIDs.Fr_FR: return "Rechercher et ajouter";
+            case CultureIDs.Pt_PT: return "Pesquisar e acrescentar";
+            default: return "Ricerca e accoda";
+        }
+    }
     static get Search_Advanced() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Erweiterte Suche";

package/lib/helper/helpers.d.ts

@@ -35,6 +35,17 @@ export declare const getDataColumnName: (fromTID: number | undefined, dtColumn:
  */
 export declare const generateUniqueColumnKeys: (columns: DataColumnDescriptor[] | undefined, fromTID: number | undefined) => string[];
 export declare const searchResultDescriptorToSimpleArray: (searchResult: SearchResultDescriptor | undefined) => any[] | undefined;
+/**
+ * Unisce ("accoda") il risultato di una nuova ricerca a quello precedente, sullo stesso tipo documento.
+ * - Le righe della nuova ricerca vengono messe in cima (più recenti in alto)
+ * - Le righe duplicate sono accettate: lo stesso documento può comparire più volte
+ * - Aggiorna i contatori globali (dcmtsFound / dcmtsReturned) sul totale unito
+ *
+ * @param previous Risultato attualmente in memoria (può essere undefined al primo giro)
+ * @param next Nuovo risultato appena ottenuto
+ * @returns Un nuovo SearchResultDescriptor con le righe unite, oppure il singolo risultato disponibile
+ */
+export declare const mergeSearchResultsAppend: (previous: SearchResultDescriptor | undefined, next: SearchResultDescriptor | undefined) => SearchResultDescriptor | undefined;
 export declare const getCompleteMetadataName: (dcmtTypeName: string | undefined, metadataName: string | undefined) => string;
 export declare const getQueryCountAsync: (qd: QueryDescriptor, showSpinner: boolean) => Promise<void>;
 export declare function getTIDByMID(mid: number | undefined, defaultTid?: number): number;

package/lib/helper/helpers.js

@@ -239,6 +239,38 @@ export const searchResultDescriptorToSimpleArray = (searchResult) => {
     });
     return result;
 };
+/**
+ * Unisce ("accoda") il risultato di una nuova ricerca a quello precedente, sullo stesso tipo documento.
+ * - Le righe della nuova ricerca vengono messe in cima (più recenti in alto)
+ * - Le righe duplicate sono accettate: lo stesso documento può comparire più volte
+ * - Aggiorna i contatori globali (dcmtsFound / dcmtsReturned) sul totale unito
+ *
+ * @param previous Risultato attualmente in memoria (può essere undefined al primo giro)
+ * @param next Nuovo risultato appena ottenuto
+ * @returns Un nuovo SearchResultDescriptor con le righe unite, oppure il singolo risultato disponibile
+ */
+export const mergeSearchResultsAppend = (previous, next) => {
+    // Se manca uno dei due, non c'è nulla da unire
+    if (!next?.dtdResult?.rows?.length)
+        return previous;
+    if (!previous?.dtdResult?.rows?.length)
+        return next;
+    // L'accodamento ha senso solo sullo stesso tipo documento (colonne compatibili)
+    if (previous.fromTID !== next.fromTID)
+        return next;
+    const prevRows = previous.dtdResult.rows ?? [];
+    const nextRows = next.dtdResult.rows ?? [];
+    // Nessuna deduplica: le nuove righe in cima, poi le precedenti (i duplicati sono ammessi)
+    const mergedRows = [...nextRows, ...prevRows];
+    // Costruisce il nuovo descrittore basandosi sull'ultimo risultato (colonne/qd più recenti), con le righe unite
+    const merged = structuredClone(next);
+    const mergedDtd = structuredClone(next.dtdResult);
+    mergedDtd.rows = mergedRows;
+    merged.dtdResult = mergedDtd;
+    merged.dcmtsReturned = mergedRows.length;
+    merged.dcmtsFound = mergedRows.length;
+    return merged;
+};
 export const getCompleteMetadataName = (dcmtTypeName, metadataName) => `${dcmtTypeName}...${metadataName}`;
 export const getQueryCountAsync = async (qd, showSpinner) => {
     try {

package/package.json

@@ -1,68 +1,68 @@
 {
-    "name":  "@topconsultnpm/sdkui-react",
-    "version":  "6.22.0-dev2.3",
-    "description":  "",
-    "scripts":  {
-                    "test":  "echo \"Error: no test specified\" \u0026\u0026 exit 1",
-                    "clean":  "node -e \"const fs=require(\u0027fs\u0027);fs.rmSync(\u0027lib\u0027,{recursive:true,force:true});fs.mkdirSync(\u0027lib\u0027)\"",
-                    "copy-files":  "cpx \"src/{assets/*.*,assets/ImageLibrary/*.*,assets/thumbnails/*.*,assets/IconsS4t/*.*,assets/Metadata/*.*,css/tm-sdkui.css}\" lib",
-                    "tm-build":  "npm run clean \u0026\u0026 tsc \u0026\u0026 npm run copy-files",
-                    "tm-watch":  "tsc -w",
-                    "tm-publish":  "npm publish --tag latest",
-                    "tm-publish_wl":  "npm publish",
-                    "storybook":  "storybook dev -p 6006",
-                    "build-storybook":  "storybook build"
-                },
-    "author":  "TopConsult",
-    "license":  "ISC",
-    "devDependencies":  {
-                            "@chromatic-com/storybook":  "^5.1.2",
-                            "@storybook/addon-docs":  "^10.3.5",
-                            "@storybook/addon-onboarding":  "^10.3.5",
-                            "@storybook/react-vite":  "^10.3.5",
-                            "@types/node":  "^24.12.2",
-                            "@types/react":  "^18.3.3",
-                            "@types/react-dom":  "^18.3.3",
-                            "cpx2":  "^9.0.0",
-                            "esbuild":  "^0.25.0",
-                            "react":  "^18.3.1",
-                            "react-dom":  "^18.3.1",
-                            "storybook":  "^10.3.5",
-                            "typescript":  "^5.9.3",
-                            "vite":  "^6.1.1"
-                        },
-    "main":  "dist/cjs/index.js",
-    "types":  "./index.d.ts",
-    "module":  "lib/esm/index.js",
-    "files":  [
-                  "dist",
-                  "lib"
-              ],
-    "dependencies":  {
-                         "react-pdf":  "^10.4.1",
-                         "@zip.js/zip.js":  "2.8.26",
-                         "pdf-lib":  "^1.17.1",
-                         "devextreme-exceljs-fork":  "^4.4.10",
-                         "buffer":  "^6.0.3",
-                         "@topconsultnpm/sdk-ts":  "6.22.0-t1",
-                         "react-window":  "^2.2.7",
-                         "devextreme":  "^25.2.6",
-                         "htmlparser2":  "^10.0.0",
-                         "styled-components":  "^6.1.1",
-                         "devextreme-react":  "^25.2.6"
-                     },
-    "overrides":  {
-                      "esbuild":  "^0.25.0",
-                      "devextreme-exceljs-fork":  {
-                                                      "archiver":  "^8.0.0"
-                                                  },
-                      "quill-delta":  {
-                                          "lodash.isequal":  "npm:fast-deep-equal@^3.1.3"
-                                      }
-                  },
-    "allowScripts":  {
-                         "core-js@3.49.0":  true,
-                         "esbuild@0.25.12":  true,
-                         "inferno@8.2.3":  true
-                     }
+    "name": "@topconsultnpm/sdkui-react",
+    "version": "6.22.0-dev2.5",
+    "description": "",
+    "scripts": {
+        "test": "echo \"Error: no test specified\" && exit 1",
+        "clean": "node -e \"const fs=require('fs');fs.rmSync('lib',{recursive:true,force:true});fs.mkdirSync('lib')\"",
+        "copy-files": "cpx \"src/{assets/*.*,assets/ImageLibrary/*.*,assets/thumbnails/*.*,assets/IconsS4t/*.*,assets/Metadata/*.*,css/tm-sdkui.css}\" lib",
+        "tm-build": "npm run clean && tsc && npm run copy-files",
+        "tm-watch": "tsc -w",
+        "tm-publish": "npm publish --tag latest",
+        "tm-publish_wl": "npm publish",
+        "storybook": "storybook dev -p 6006",
+        "build-storybook": "storybook build"
+    },
+    "author": "TopConsult",
+    "license": "ISC",
+    "devDependencies": {
+        "@chromatic-com/storybook": "^5.1.2",
+        "@storybook/addon-docs": "^10.3.5",
+        "@storybook/addon-onboarding": "^10.3.5",
+        "@storybook/react-vite": "^10.3.5",
+        "@types/node": "^24.12.2",
+        "@types/react": "^18.3.3",
+        "@types/react-dom": "^18.3.3",
+        "cpx2": "^9.0.0",
+        "esbuild": "^0.25.0",
+        "react": "^18.3.1",
+        "react-dom": "^18.3.1",
+        "storybook": "^10.3.5",
+        "typescript": "^5.9.3",
+        "vite": "^6.1.1"
+    },
+    "main": "dist/cjs/index.js",
+    "types": "./index.d.ts",
+    "module": "lib/esm/index.js",
+    "files": [
+        "dist",
+        "lib"
+    ],
+    "dependencies": {
+        "@topconsultnpm/sdk-ts": "6.22.0-dev2.2",
+        "@zip.js/zip.js": "2.8.26",
+        "buffer": "^6.0.3",
+        "devextreme": "^25.2.6",
+        "devextreme-exceljs-fork": "^4.4.10",
+        "devextreme-react": "^25.2.6",
+        "htmlparser2": "^10.0.0",
+        "pdf-lib": "^1.17.1",
+        "react-pdf": "^10.4.1",
+        "react-window": "^2.2.7",
+        "styled-components": "^6.1.1"
+    },
+    "overrides": {
+        "esbuild": "^0.25.0",
+        "devextreme-exceljs-fork": {
+            "archiver": "^8.0.0"
+        },
+        "quill-delta": {
+            "lodash.isequal": "npm:fast-deep-equal@^3.1.3"
+        }
+    },
+    "allowScripts": {
+        "core-js@3.49.0": true,
+        "esbuild@0.25.12": true,
+        "inferno@8.2.3": true
+    }
 }