@topconsultnpm/sdkui-react 6.20.0-dev2.20 → 6.20.0-dev2.22

package/lib/components/choosers/TMMetadataChooser.js

@@ -21,7 +21,7 @@ const TMMetadataChooser = ({ tmSession, dataSource, showEditButton = true, butto
         return undefined;
     };
     const renderTemplate = useMemo(() => {
-        return (_jsxs(StyledDivHorizontal, { style: { width: 'max-content', height: '100%' }, children: [values && values.length > 0 && values[0].mid && values[0].mid > 0 && _jsx(TMMidViewer, { tmSession: tmSession, tid_mid: values[0], showIcon: true, showId: showId, showCompleteName: showCompleteMetadataName }), values && values.length > 0 && values[0].mid && values[0].mid < 0 && _jsx(TMMidViewer, { tmSession: tmSession, tid_mid: values[0], inputMd: getinputMd(), showIcon: true, showId: showId, showCompleteName: showCompleteMetadataName }), values && values.length > 1 && _jsx("p", { style: { marginLeft: '10px' }, children: `(+${values.length - 1} ${values.length == 2 ? 'altro' : 'altri'})` }), (values == undefined || values.length == 0) && _jsx("p", { children: placeHolder })] }));
+        return (_jsxs(StyledDivHorizontal, { style: { width: 'max-content', height: '100%' }, children: [values && values.length > 0 && values[0].mid && values[0].mid > 0 && _jsx(TMMidViewer, { tmSession: tmSession, tid_mid: values[0], showIcon: true, showId: showId, showCompleteName: showCompleteMetadataName }), values && values.length > 0 && values[0].mid && values[0].mid < 0 && _jsx(TMMidViewer, { tmSession: tmSession, tid_mid: values[0], inputMd: getinputMd(), showIcon: true, showId: showId, showCompleteName: showCompleteMetadataName }), values && values.length > 1 && _jsx("p", { style: { marginLeft: '10px' }, children: `(+${values.length - 1} ${values.length == 2 ? 'altro' : 'altri'})` }), (values == undefined || values.length == 0) && _jsx("p", { children: placeHolder ?? SDKUI_Localizator.SelectMetadata })] }));
     }, [values, tmSession, showId, showCompleteMetadataName, placeHolder]);
     return (_jsxs(_Fragment, { children: [_jsx(TMSummary, { label: label, width: width, height: height, disabled: disabled, validationItems: validationItems, backgroundColor: backgroundColor, buttons: buttons, placeHolder: placeHolder, fontSize: fontSize, showBorder: showBorder, borderRadius: borderRadius, hasValue: values && values.length > 0, showClearButton: showClearButton, showEditButton: showEditButton, iconEditButton: _jsx(IconSearch, { fontSize: 16 }), openEditorOnSummaryClick: openEditorOnSummaryClick, onEditorClick: () => {
                     if (!disabled) {

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React, { useEffect, useMemo, useState } from 'react';
 import Logo from '../../../assets/Toppy-generico.png';
-import { DcmtTypeListCacheService, LayoutModes, SDK_Localizator } from '@topconsultnpm/sdk-ts';
+import { ArchiveConstraints, DcmtTypeListCacheService, LayoutModes, SDK_Localizator } from '@topconsultnpm/sdk-ts';
 import { IconTree, SDKUI_Globals, SDKUI_Localizator, IconRecentlyViewed, IconPreview, IconShow, IconBoard, IconDcmtTypeSys, removeMruTid, getMoreInfoTasksForDocument } from '../../../helper';
 import { useDeviceType, DeviceType } from '../../base/TMDeviceProvider';
 import TMLayoutContainer from '../../base/TMLayout';
@@ -145,49 +145,36 @@ const TMArchive = ({ onDcmtTypeSelect = undefined, inputTID, inputFile = null, c
 export default TMArchive;
 const TMTreeSelectorWrapper = ({ isMobile, isSharedArchive, onSelectedTIDChanged }) => {
     const { setPanelVisibilityById, toggleMaximize, setToolbarButtonVisibility, countVisibleLeafPanels } = useTMPanelManagerContext();
-    return (_jsx(TMTreeSelector, { layoutMode: LayoutModes.Ark, onClosePanel: !isMobile && countVisibleLeafPanels() > 1 ? () => setPanelVisibilityById('tmTreeSelector', false) : undefined, allowMaximize: !isMobile && countVisibleLeafPanels() > 1, onMaximizePanel: !isMobile && countVisibleLeafPanels() > 1 ? () => toggleMaximize("tmTreeSelector") : undefined, onSelectedTIDChanged: (tid) => {
-            onSelectedTIDChanged?.(tid);
-            if (isMobile)
-                setPanelVisibilityById('tmDcmtForm', true);
-            else {
-                setPanelVisibilityById('tmDcmtForm', true);
-                if (!isSharedArchive) {
-                    setPanelVisibilityById('tmDcmtPreview', true);
-                }
-            }
-            if (!isSharedArchive) {
-                setToolbarButtonVisibility('tmDcmtPreview', true);
-            }
-            setToolbarButtonVisibility('tmDcmtForm', true);
-        } }));
+    const updatePanelsVisibility = async (tid) => {
+        if (!tid)
+            return;
+        const dtd = await DcmtTypeListCacheService.GetAsync(tid);
+        const isOnlyMetadata = dtd?.archiveConstraint === ArchiveConstraints.OnlyMetadata;
+        const previewVisible = !isSharedArchive && !isOnlyMetadata;
+        setPanelVisibilityById('tmDcmtPreview', previewVisible);
+        setToolbarButtonVisibility('tmDcmtPreview', previewVisible);
+        setPanelVisibilityById('tmDcmtForm', true);
+        setToolbarButtonVisibility('tmDcmtForm', true);
+    };
+    return (_jsx(TMTreeSelector, { layoutMode: LayoutModes.Ark, onClosePanel: !isMobile && countVisibleLeafPanels() > 1 ? () => setPanelVisibilityById('tmTreeSelector', false) : undefined, allowMaximize: !isMobile && countVisibleLeafPanels() > 1, onMaximizePanel: !isMobile && countVisibleLeafPanels() > 1 ? () => toggleMaximize("tmTreeSelector") : undefined, onSelectedTIDChanged: async (tid) => { updatePanelsVisibility(tid); onSelectedTIDChanged?.(tid); } }));
 };
 const TMRecentsManagerWrapper = ({ mruTIDs, currentTID, currentMruTID, deviceType, isSharedArchive, onSelectedTID, onDeletedTID }) => {
     const { setPanelVisibilityById, setToolbarButtonVisibility } = useTMPanelManagerContext();
+    // This avoids unnecessary re-renders by only recalculating when deviceType changes.
+    let isMobile = useMemo(() => { return deviceType === DeviceType.MOBILE; }, [deviceType]);
+    const updatePanelsVisibility = async (tid) => {
+        if (!tid)
+            return;
+        const dtd = await DcmtTypeListCacheService.GetAsync(tid);
+        const isOnlyMetadata = dtd?.archiveConstraint === ArchiveConstraints.OnlyMetadata;
+        const previewVisible = !isSharedArchive && !isOnlyMetadata;
+        setPanelVisibilityById('tmDcmtPreview', previewVisible);
+        setToolbarButtonVisibility('tmDcmtPreview', previewVisible);
+        setPanelVisibilityById('tmDcmtForm', true);
+        setToolbarButtonVisibility('tmDcmtForm', true);
+    };
     useEffect(() => {
-        if (currentTID) {
-            setPanelVisibilityById('tmDcmtForm', true);
-            if (!isSharedArchive) {
-                setToolbarButtonVisibility('tmDcmtPreview', true);
-            }
-            setToolbarButtonVisibility('tmDcmtForm', true);
-        }
-    }, [currentTID, isSharedArchive]);
-    return (_jsx(TMRecentsManager, { accessFilter: 'canArchive', mruTIDs: mruTIDs, currentMruTID: currentMruTID, deviceType: deviceType, onSelectedTID: (tid) => {
-            onSelectedTID?.(tid);
-            if (deviceType === DeviceType.MOBILE) {
-                setPanelVisibilityById('tmDcmtForm', true);
-            }
-            else {
-                setPanelVisibilityById('tmDcmtForm', true);
-                if (!isSharedArchive) {
-                    setPanelVisibilityById('tmDcmtPreview', true);
-                }
-            }
-            if (!isSharedArchive) {
-                setToolbarButtonVisibility('tmDcmtPreview', true);
-            }
-            setToolbarButtonVisibility('tmDcmtForm', true);
-        }, onDeletedTID: (tid) => {
-            onDeletedTID?.(tid);
-        } }));
+        updatePanelsVisibility(currentTID);
+    }, [currentTID, isSharedArchive, isMobile]);
+    return (_jsx(TMRecentsManager, { accessFilter: "canArchive", mruTIDs: mruTIDs, currentMruTID: currentMruTID, deviceType: deviceType, onSelectedTID: async (tid) => { await updatePanelsVisibility(tid); onSelectedTID?.(tid); }, onDeletedTID: onDeletedTID }));
 };

package/lib/helper/SDKUI_Localizator.d.ts

@@ -569,6 +569,7 @@ export declare class SDKUI_Localizator {
     static get SelectArchiveToStart(): "Klicken Sie auf Archivieren, um zu beginnen." | "Click on Archive button to start." | "Haz clic en el botón Archivar para comenzar." | "Cliquez sur le bouton Archiver pour commencer." | "Clique no botão Arquivar para iniciar." | "Clicca sul pulsante Archivia per iniziare.";
     static get SelectAttachToStart(): "Sie können Dateien zu Ihrer E-Mail hinzufügen, klicken Sie auf Anhängen, um zu beginnen." | "You can attach files to your email, click on Attach button to start." | "Puedes adjuntar archivos a tu correo electrónico, haz clic en el botón Adjuntar para comenzar." | "Vous pouvez joindre des fichiers à votre e-mail, cliquez sur le bouton Joindre pour commencer." | "Você pode anexar arquivos ao seu e-mail, clique no botão Anexar para iniciar." | "Puoi allegare file alla tua email, clicca sul pulsante Allega per iniziare.";
     static get SelectFromAttachments(): "Aus Anhängen auswählen" | "Select from attachments" | "Seleccionar de archivos adjuntos" | "Sélectionner parmi les pièces jointes" | "Selecionar dos anexos" | "Seleziona dagli allegati";
+    static get SelectMetadata(): "Metadaten auswählen" | "Select metadata" | "Seleccionar metadatos" | "Sélectionner les métadonnées" | "Selecionar metadados" | "Seleziona metadato";
     static get SelectSupportAreaMessage(): "Wählen Sie einen Ablagebereich aus" | "Select a support area" | "Seleccione un área de apoyo" | "Sélectionnez une zone de support" | "Selecione uma área de apoio" | "Selezionare un'area di appoggio";
     static get SelectedSingular(): string;
     static get Selected(): "Ausgewählt" | "Selected" | "Sélectionné" | "Selecionado" | "Seleccionados" | "Selezionati";

package/lib/helper/SDKUI_Localizator.js

@@ -5661,6 +5661,16 @@ export class SDKUI_Localizator {
             default: return "Seleziona dagli allegati";
         }
     }
+    static get SelectMetadata() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Metadaten auswählen";
+            case CultureIDs.En_US: return "Select metadata";
+            case CultureIDs.Es_ES: return "Seleccionar metadatos";
+            case CultureIDs.Fr_FR: return "Sélectionner les métadonnées";
+            case CultureIDs.Pt_PT: return "Selecionar metadados";
+            default: return "Seleziona metadato";
+        }
+    }
     static get SelectSupportAreaMessage() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Wählen Sie einen Ablagebereich aus";

package/package.json

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