@topconsultnpm/sdkui-react 6.22.0-dev2.30 → 6.22.0-dev2.32

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

@@ -208,10 +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: handleSearchCompleted, onSqdSaved: async (newSqd) => {
+    const tmSearchQueryPanelElement = useMemo(() => _jsx(TMSearchQueryPanelWrapper, { isSearchViewOnScreen: currentSearchView === TMSearchViews.Search, 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, handleSearchCompleted]);
+        } }), [fromDTD, showSearchResults, setShowSearchResults, currentSQD, currentSearchView, 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) => {
@@ -298,11 +298,11 @@ const TMRecentsManagerWrapper = ({ mruTIDs, currentMruTID, deviceType, onSelecte
             onDeletedTID?.(tid);
         } }));
 };
-const TMSearchQueryPanelWrapper = ({ fromDTD, SQD, isExpertMode, showBackToResultButton, onSearchCompleted, onSqdSaved, onBackToResult, passToArchiveCallback, inputMids, maxDcmtsToBeReturned }) => {
+const TMSearchQueryPanelWrapper = ({ isSearchViewOnScreen, fromDTD, SQD, isExpertMode, showBackToResultButton, onSearchCompleted, onSqdSaved, onBackToResult, passToArchiveCallback, inputMids, maxDcmtsToBeReturned }) => {
     const { setPanelVisibilityById, toggleMaximize, countVisibleLeafPanels } = useTMPanelManagerContext();
     const deviceType = useDeviceType();
     const isMobile = deviceType === DeviceType.MOBILE;
-    return (_jsx(TMSearchQueryPanel, { onClosePanel: (!isMobile && countVisibleLeafPanels() > 1) ? () => setPanelVisibilityById('TMSearchQueryPanel', false) : undefined, allowMaximize: !isMobile && countVisibleLeafPanels() > 1, onMaximizePanel: (!isMobile && countVisibleLeafPanels() > 1) ? () => toggleMaximize("TMSearchQueryPanel") : undefined, isExpertMode: isExpertMode, fromDTD: fromDTD, SQD: SQD, inputMids: inputMids, onSearchCompleted: onSearchCompleted, onSqdSaved: onSqdSaved, showBackToResultButton: showBackToResultButton, onBackToResult: onBackToResult, passToArchiveCallback: passToArchiveCallback, maxDcmtsToBeReturned: maxDcmtsToBeReturned }));
+    return (_jsx(TMSearchQueryPanel, { isSearchViewOnScreen: isSearchViewOnScreen, onClosePanel: (!isMobile && countVisibleLeafPanels() > 1) ? () => setPanelVisibilityById('TMSearchQueryPanel', false) : undefined, allowMaximize: !isMobile && countVisibleLeafPanels() > 1, onMaximizePanel: (!isMobile && countVisibleLeafPanels() > 1) ? () => toggleMaximize("TMSearchQueryPanel") : undefined, isExpertMode: isExpertMode, fromDTD: fromDTD, SQD: SQD, inputMids: inputMids, onSearchCompleted: onSearchCompleted, onSqdSaved: onSqdSaved, showBackToResultButton: showBackToResultButton, onBackToResult: onBackToResult, passToArchiveCallback: passToArchiveCallback, maxDcmtsToBeReturned: maxDcmtsToBeReturned }));
 };
 const TMSavedQuerySelectorWrapper = ({ items, selectedId, allowShowSearch, manageDefault, onRefreshData, onItemClick, onDeleted, refreshFavoriteSavedQueries }) => {
     const { setPanelVisibilityById } = useTMPanelManagerContext();

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

@@ -1,6 +1,7 @@
 import React from 'react';
 import { DcmtTypeDescriptor, QueryDescriptor, SavedQueryDescriptor, SearchResultDescriptor } from '@topconsultnpm/sdk-ts';
 interface ITMSearchQueryPanelProps {
+    isSearchViewOnScreen?: boolean;
     fromDTD?: DcmtTypeDescriptor;
     SQD?: SavedQueryDescriptor;
     isExpertMode?: boolean;

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

@@ -24,7 +24,7 @@ import TMToppyMessage from '../../../helper/TMToppyMessage';
 import TMMetadataSorterForm from './TMMetadataSorterForm';
 import TMMetadataOutputForm from './TMMetadataOutputForm';
 import TMTooltip from '../../base/TMTooltip';
-const TMSearchQueryPanel = ({ fromDTD, showBackToResultButton, isExpertMode = SDKUI_Globals.userSettings.advancedSettings.expertMode === 1, SQD, inputMids, onSearchCompleted, onSqdSaved, onBack, onClosePanel, allowMaximize = true, onMaximizePanel, onBackToResult, passToArchiveCallback, maxDcmtsToBeReturned }) => {
+const TMSearchQueryPanel = ({ isSearchViewOnScreen = true, fromDTD, showBackToResultButton, isExpertMode = SDKUI_Globals.userSettings.advancedSettings.expertMode === 1, SQD, inputMids, onSearchCompleted, onSqdSaved, onBack, onClosePanel, allowMaximize = true, onMaximizePanel, onBackToResult, passToArchiveCallback, maxDcmtsToBeReturned }) => {
     const [confirmQueryParams, ConfirmQueryParamsDialog] = useQueryParametersDialog();
     const [qd, setQd] = useState();
     const [shouldSearch, setShouldSearch] = useState(false);
@@ -44,10 +44,25 @@ const TMSearchQueryPanel = ({ fromDTD, showBackToResultButton, isExpertMode = SD
     const deviceType = useDeviceType();
     const isMobile = deviceType === DeviceType.MOBILE;
     let initialMaxItems = deviceType === DeviceType.MOBILE ? 8 : 12;
+    const tmPanelRef = useRef(null);
+    // Passando nella vista risultati si prenota il focus, che verrà ripreso al rientro nella ricerca
+    const shouldRefocusOnReturnRef = useRef(false);
     const appliedInputMidsRef = useRef(null);
     const pendingMidsRef = useRef(null);
     // Flag "accoda": impostato dall'azione secondaria del bottone Ricerca, consumato in executeSearch
     const appendNextSearchRef = useRef(false);
+    // Tornando dalla vista risultati il pannello dei metadati di ricerca riprende il focus,
+    // così è lui quello evidenziato: prendendo il focus gli altri pannelli ricevono l'onBlur e si disattivano
+    useEffect(() => {
+        if (!isSearchViewOnScreen) {
+            shouldRefocusOnReturnRef.current = true;
+            return;
+        }
+        if (!shouldRefocusOnReturnRef.current)
+            return;
+        shouldRefocusOnReturnRef.current = false;
+        tmPanelRef.current?.focusPanel();
+    }, [isSearchViewOnScreen]);
     useEffect(() => {
         if (!SQD)
             return;
@@ -342,7 +357,7 @@ const TMSearchQueryPanel = ({ fromDTD, showBackToResultButton, isExpertMode = SD
             return false;
         return qd?.orderBy && qd.orderBy.length > 0;
     }, [showAdvancedSearch, qd?.orderBy]);
-    return (_jsxs(_Fragment, { children: [_jsxs(TMPanel, { title: fromDTD?.nameLoc ?? SDKUI_Localizator.Search_Metadata, allowMaximize: allowMaximize, onMaximize: onMaximizePanel, onHeaderDoubleClick: onMaximizePanel, onBack: onBack, onActiveChanged: handlePanelActiveChanged, toolbar: _jsx(_Fragment, { children: (SQD && !showSqdForm) ?
+    return (_jsxs(_Fragment, { children: [_jsxs(TMPanel, { ref: tmPanelRef, title: fromDTD?.nameLoc ?? SDKUI_Localizator.Search_Metadata, allowMaximize: allowMaximize, onMaximize: onMaximizePanel, onHeaderDoubleClick: onMaximizePanel, onBack: onBack, onActiveChanged: handlePanelActiveChanged, toolbar: _jsx(_Fragment, { children: (SQD && !showSqdForm) ?
                         _jsx(ContextMenu, { items: contextMenuItems, trigger: "left", children: _jsx(TMButton, { btnStyle: 'icon', caption: 'Altro', icon: _jsx(IconMenuVertical, { color: 'white' }), showTooltip: false, onClick: () => setIsQueryPanelActive(true) }) })
                         : _jsx(_Fragment, {}) }), children: [_jsx(ConfirmQueryParamsDialog, {}), SQD
                         ? _jsxs("div", { onContextMenu: (e) => e.preventDefault(), style: { height: '100%', width: '100%', position: 'relative', display: showSqdForm ? 'none' : 'flex', flexDirection: 'column', gap: 5 }, children: [showAdvancedSearch

package/lib/helper/SDKUI_Globals.d.ts

@@ -190,13 +190,21 @@ export declare class DevSettings {
 export declare class AdvancedSettings {
     private _expertMode;
     private _scannerLicense;
+    private _showDossiersV5;
     get expertMode(): number;
     set expertMode(value: number);
     get scannerLicense(): string;
     set scannerLicense(value: string);
+    /**
+     * Mostra le pratiche "V5" (i dossier) accanto al CaseFlow che le sostituisce.
+     * 0 = nascoste (default), 1 = visibili.
+     */
+    get showDossiersV5(): number;
+    set showDossiersV5(value: number);
     toJSON(): {
         expertMode: number;
         scannerLicense: string;
+        showDossiersV5: number;
     };
 }
 export declare class CtrlWfSettings {

package/lib/helper/SDKUI_Globals.js

@@ -286,6 +286,7 @@ export class AdvancedSettings {
     constructor() {
         this._expertMode = 0;
         this._scannerLicense = '';
+        this._showDossiersV5 = 0;
     }
     get expertMode() {
         return this._expertMode;
@@ -304,11 +305,27 @@ export class AdvancedSettings {
     set scannerLicense(value) {
         this._scannerLicense = value;
     }
+    /**
+     * Mostra le pratiche "V5" (i dossier) accanto al CaseFlow che le sostituisce.
+     * 0 = nascoste (default), 1 = visibili.
+     */
+    get showDossiersV5() {
+        return this._showDossiersV5;
+    }
+    set showDossiersV5(value) {
+        if (this._showDossiersV5 !== value) {
+            this._showDossiersV5 = value;
+            // Come per expertMode: chi mostra la funzione può reagire subito.
+            const event = new CustomEvent('showDossiersV5Changed', { detail: value });
+            window.dispatchEvent(event);
+        }
+    }
     // Override toJSON to control serialization (called by JSON.stringify)
     toJSON() {
         return {
             expertMode: this._expertMode,
             scannerLicense: this._scannerLicense,
+            showDossiersV5: this._showDossiersV5,
         };
     }
 }

package/lib/hooks/useShowDossiersV5.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Impostazione avanzata "Mostra pratiche V5": le pratiche (i dossier) sono
+ * sostituite dal CaseFlow e restano nascoste finché l'utente non le riattiva.
+ *
+ * Il valore vive in `SDKUI_Globals.userSettings.advancedSettings`, quindi la
+ * persistenza è quella delle altre impostazioni utente (per archivio e utente).
+ */
+export declare const SHOW_DOSSIERS_V5_CHANGED_EVENT = "showDossiersV5Changed";
+export declare const getShowDossiersV5: () => boolean;
+export declare const setShowDossiersV5: (value: boolean) => void;
+/** Legge l'impostazione e si aggiorna quando cambia. */
+export declare const useShowDossiersV5: () => boolean;

package/lib/hooks/useShowDossiersV5.js

@@ -0,0 +1,37 @@
+import { useEffect, useState } from 'react';
+import { SDK_Globals } from '@topconsultnpm/sdk-ts';
+import { SDKUI_Globals } from '../helper';
+/**
+ * Impostazione avanzata "Mostra pratiche V5": le pratiche (i dossier) sono
+ * sostituite dal CaseFlow e restano nascoste finché l'utente non le riattiva.
+ *
+ * Il valore vive in `SDKUI_Globals.userSettings.advancedSettings`, quindi la
+ * persistenza è quella delle altre impostazioni utente (per archivio e utente).
+ */
+export const SHOW_DOSSIERS_V5_CHANGED_EVENT = 'showDossiersV5Changed';
+export const getShowDossiersV5 = () => {
+    return SDKUI_Globals.userSettings.advancedSettings?.showDossiersV5 === 1;
+};
+export const setShowDossiersV5 = (value) => {
+    SDKUI_Globals.userSettings.advancedSettings.showDossiersV5 = value ? 1 : 0;
+    // Il setter di AdvancedSettings emette l'evento, ma dopo un ricaricamento
+    // della pagina `advancedSettings` torna da localStorage come oggetto
+    // semplice e non lo emette più: lo lanciamo anche qui, così i consumatori
+    // non dipendono da quale delle due forme è in memoria.
+    globalThis.dispatchEvent(new CustomEvent(SHOW_DOSSIERS_V5_CHANGED_EVENT, { detail: value }));
+};
+/** Legge l'impostazione e si aggiorna quando cambia. */
+export const useShowDossiersV5 = () => {
+    const sessionDescr = SDK_Globals.tmSession?.SessionDescr;
+    const archiveId = sessionDescr?.archiveID;
+    const userId = sessionDescr?.userID;
+    const [showDossiersV5, setValue] = useState(getShowDossiersV5);
+    // Le impostazioni sono per utente e archivio: al cambio sessione va riletto.
+    useEffect(() => { setValue(getShowDossiersV5()); }, [archiveId, userId]);
+    useEffect(() => {
+        const onChanged = () => setValue(getShowDossiersV5());
+        globalThis.addEventListener(SHOW_DOSSIERS_V5_CHANGED_EVENT, onChanged);
+        return () => globalThis.removeEventListener(SHOW_DOSSIERS_V5_CHANGED_EVENT, onChanged);
+    }, []);
+    return showDossiersV5;
+};

package/lib/index.d.ts

@@ -12,4 +12,5 @@ export * from './hooks/useCaseFlowApprove';
 export * from './hooks/useRelatedDocuments';
 export * from './hooks/useSettingsFeedback';
 export * from './hooks/useBetaFeatures';
+export * from './hooks/useShowDossiersV5';
 export * from './services';

package/lib/index.js

@@ -12,6 +12,7 @@ export * from './hooks/useCaseFlowApprove';
 export * from './hooks/useRelatedDocuments';
 export * from './hooks/useSettingsFeedback';
 export * from './hooks/useBetaFeatures';
+export * from './hooks/useShowDossiersV5';
 export * from './services';
 import config from 'devextreme/core/config';
 // DevExtreme License Key (valid for v25.2 and earlier versions)

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@topconsultnpm/sdkui-react",
-    "version": "6.22.0-dev2.30",
+    "version": "6.22.0-dev2.32",
     "description": "",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",