@topconsultnpm/sdkui-react 6.22.0-dev2.2 → 6.22.0-dev2.21

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/components/features/search/TMSearchResult.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import { DcmtTypeDescriptor, HomeBlogPost, ObjectRef, SearchResultDescriptor, TaskDescriptor, WorkingGroupDescriptor } from '@topconsultnpm/sdk-ts';
 import { IntesiCertificateData } from '../../../helper';
+import { ITMCounterContainerProps } from '../../base/TMCounterContainer';
 import { DcmtInfo, IGraphometricManagerProp, SearchResultContext, TaskContext } from '../../../ts';
 import { TMSearchResultFloatingActionConfig } from './TMSearchResultFloatingActionButton';
 export declare const getSearchResultCountersSingleCategory: (searchResults: SearchResultDescriptor[]) => string;
@@ -25,6 +26,7 @@ interface ITMSearchResultProps {
     showSelector?: boolean;
     showToolbarHeader?: boolean;
     showBackButton?: boolean;
+    showToolbarCloseButton?: boolean;
     disableAccordionIfSingleCategory?: boolean;
     enablePinIcons?: boolean;
     editPdfForm?: boolean;
@@ -33,10 +35,17 @@ interface ITMSearchResultProps {
     showToppyDraggableHelpCenter?: boolean;
     toppyHelpCenterUsePortal?: boolean;
     showNoDcmtFoundMessage?: boolean;
+    showCounterConfig?: boolean;
+    /** Mostra in testa alla griglia la colonna con le azioni di riga (modifica, duplica, cancella) */
+    showActionsColumn?: boolean;
+    /** Rende compatto il paginatore della griglia: utile quando il risultato è dentro pannelli bassi (es. accordion) */
+    compactPager?: boolean;
+    counterConfig?: ITMCounterContainerProps;
     onClose?: () => void;
     openInOffice?: (selectedDcmtsOrFocused: Array<DcmtInfo>) => Promise<void>;
     onWFOperationCompleted?: () => Promise<void>;
     onSelectedTIDChanged?: (TID: number) => void;
+    onSelectedTIDCleared?: () => void;
     onRefreshSearchAsyncDatagrid?: () => Promise<void>;
     onRefreshAfterAddDcmtToFavs?: () => void;
     onFileOpened?: (blob: File | undefined) => void;