@topconsultnpm/sdkui-react 6.19.0-dev1.30 → 6.19.0-dev1.32

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

@@ -58,7 +58,7 @@ const TMArchive = ({ onDcmtTypeSelect = undefined, inputTID, inputFile = null, c
                 passToSearch(currentTID, outputMids);
             } : undefined })
         :
-            _jsx(TMPanel, { title: 'Archiviazione', allowMaximize: false, children: _jsxs(TMLayoutContainer, { gap: 30, alignItems: 'center', justifyContent: 'center', children: [_jsx(StyledToppyTextContainer, { children: _jsx(StyledToppyText, { children: SDKUI_Localizator.DcmtTypeSelect }) }), _jsx(StyledToppyImage, { src: Logo, alt: 'Toppy' })] }) }), [currentTID, deviceType, mruTIDs, inputFile, inputMids]);
+            _jsx(TMPanel, { title: 'Archiviazione', allowMaximize: false, children: _jsxs(TMLayoutContainer, { gap: 30, alignItems: 'center', justifyContent: 'center', children: [_jsx(StyledToppyTextContainer, { children: _jsx(StyledToppyText, { children: SDKUI_Localizator.DcmtTypeSelect }) }), _jsx(StyledToppyImage, { src: Logo, alt: 'Toppy' })] }) }), [currentTID, deviceType, mruTIDs, inputFile, inputMids, enableDragDropOverlay]);
     const allInitialPanelVisibility = {
         'tmTreeSelector': true,
         'tmRecentsManager': true,

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

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useState } from "react";
 import Toppy from '../../../assets/Toppy-generico.png';
+import { SDKUI_Localizator } from "../../../helper";
 const TMDragDropOverlay = (props) => {
     const { handleFile, refocusAfterFileInput } = props;
     const [dragOver, setDragOver] = useState(false);
@@ -91,6 +92,6 @@ const TMDragDropOverlay = (props) => {
                     alignItems: 'center',
                     gap: 20,
                     textAlign: 'center',
-                }, children: [_jsx("img", { src: Toppy, alt: "Toppy", style: { width: 80, height: 'auto' } }), _jsx("div", { style: { fontSize: '1.6rem' }, children: "Rilascia il tuo file qui" })] })] }));
+                }, children: [_jsx("img", { src: Toppy, alt: "Toppy", style: { width: 80, height: 'auto' } }), _jsx("div", { style: { fontSize: '1.6rem' }, children: SDKUI_Localizator.DropFileHere })] })] }));
 };
 export default TMDragDropOverlay;

package/lib/components/features/documents/TMRelationViewer.d.ts

@@ -52,12 +52,14 @@ export interface TMRelationViewerProps {
     onDocumentDoubleClick?: (tid: number, did: number, name?: string) => void;
     /** Custom item renderer (full control). Return undefined to use default renderer. */
     customItemRender?: (item: RelationTreeItem | null) => JSX.Element | undefined;
-    /** Custom container style function */
-    customContainerStyle?: (item: RelationTreeItem) => React.CSSProperties;
     /** Custom document style function */
     customDocumentStyle?: (item: RelationTreeItem) => React.CSSProperties;
-    /** Custom container content renderer (partial control - replaces only content, keeps structure) */
-    customContainerContent?: (item: RelationTreeItem, defaultContent: JSX.Element) => JSX.Element;
+    /**
+     * Custom content renderer for the main container (when showMainDocument is false).
+     * Allows full control over the main container rendering including style and content.
+     * This replaces only the main container content, not the detail containers.
+     */
+    customMainContainerContent?: (item: RelationTreeItem, defaultContent: JSX.Element) => JSX.Element;
     /** Custom document content renderer (partial control - replaces only metadata display) */
     customDocumentContent?: (item: RelationTreeItem, defaultMetadataContent: JSX.Element) => JSX.Element;
     /**
@@ -80,6 +82,16 @@ export interface TMRelationViewerProps {
      * Can include a separator item by marking it with `isSeparator: true`.
      */
     additionalStaticItems?: RelationTreeItem[];
+    /**
+     * If false, hides the main document node and shows detail containers directly under the main container.
+     * Default: true (show main document as intermediate node)
+     */
+    showMainDocument?: boolean;
+    /**
+     * Custom label for the main container when showMainDocument is false.
+     * If not provided, uses the document type name.
+     */
+    labelMainContainer?: string;
 }
 /**
  * Check if document type has detail relations

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

@@ -9,9 +9,6 @@ import { TMWaitPanel } from '../../base/TMWaitPanel';
 import { TMUserIdViewer } from '../../choosers/TMUserChooser';
 import TMDataListItemViewer from '../../viewers/TMDataListItemViewer';
 import TMDcmtIcon from './TMDcmtIcon';
-// ============================================================================
-// UTILITY FUNCTIONS 
-// ============================================================================
 /**
  * Check if document type has detail relations
  */
@@ -139,7 +136,7 @@ export const searchResultToDataSource = async (searchResult, hideSysMetadata) =>
     }
     return output;
 };
-const TMRelationViewer = ({ inputDcmts, isForMaster = false, showCurrentDcmtIndicator = true, allowShowZeroDcmts = true, initialShowZeroDcmts = false, allowedTIDs, allowMultipleSelection = false, focusedItem, selectedItems, onFocusedItemChanged, onSelectedItemsChanged, onDocumentDoubleClick, customItemRender, customContainerStyle, customDocumentStyle, customContainerContent, customDocumentContent, showMetadataNames = false, maxDepthLevel = 2, invertMasterNavigation = true, additionalStaticItems = [], }) => {
+const TMRelationViewer = ({ inputDcmts, isForMaster = false, showCurrentDcmtIndicator = true, allowShowZeroDcmts = true, initialShowZeroDcmts = false, allowedTIDs, allowMultipleSelection = false, focusedItem, selectedItems, onFocusedItemChanged, onSelectedItemsChanged, onDocumentDoubleClick, customItemRender, customDocumentStyle, customMainContainerContent, customDocumentContent, showMetadataNames = false, maxDepthLevel = 2, invertMasterNavigation = true, additionalStaticItems = [], showMainDocument = true, labelMainContainer, }) => {
     // State
     const [dcmtTypes, setDcmtTypes] = useState([]);
     const [treeData, setTreeData] = useState([]);
@@ -395,48 +392,72 @@ const TMRelationViewer = ({ inputDcmts, isForMaster = false, showCurrentDcmtIndi
                 const relatedDocs = isForMaster
                     ? await getMasterDcmtsAsync(dcmt.TID, dcmt.DID, maxDepthLevel)
                     : await getDetailDcmtsAsync(dcmt.TID, dcmt.DID, maxDepthLevel);
-                // Create document node WITH VALUES
-                const docNode = {
-                    key: `${isForMaster ? 'detail' : 'master'}-doc-${dcmt.TID}-${dcmt.DID}-${containerGUID}`,
-                    name: docRow?.SYS_Abstract?.value || docRow?.SYS_SUBJECT?.value || `Documento ${isForMaster ? 'Dettaglio' : 'Master'}`,
-                    tid: dcmt.TID,
-                    did: dcmt.DID,
-                    isDcmt: true,
-                    isContainer: false,
-                    expanded: tree.length === 0,
-                    isZero: dcmt.DID === 0,
-                    isMaster: !isForMaster,
-                    isRoot: true,
-                    isLoaded: true,
-                    hidden: false,
-                    values: docRow,
-                    searchResult: result ? [result] : [],
-                    items: relatedDocs,
-                    itemsCount: relatedDocs.length
-                };
-                // Create type container with unique key
-                const typeContainer = {
-                    key: `${isForMaster ? 'detail' : 'master'}-type-${dcmt.TID}-${containerGUID}`,
-                    name: result?.fromName || dtd?.name || `TID: ${dcmt.TID}`,
-                    tid: dcmt.TID,
-                    dtd,
-                    isContainer: true,
-                    isRoot: true,
-                    isLoaded: true,
-                    isZero: false, // Type container is never zero (contains documents)
-                    searchResult: result ? [result] : [],
-                    items: [docNode],
-                    itemsCount: 1,
-                    expanded: tree.length === 0
-                };
-                tree.push(typeContainer);
+                // Se showMainDocument è false, mostra i container dei dettagli direttamente sotto il container principale
+                if (!showMainDocument) {
+                    // Create type container that contains detail containers directly
+                    const typeContainer = {
+                        key: `${isForMaster ? 'detail' : 'master'}-type-${dcmt.TID}-${containerGUID}`,
+                        name: labelMainContainer || result?.fromName || dtd?.name || `TID: ${dcmt.TID}`,
+                        tid: dcmt.TID,
+                        dtd,
+                        isContainer: true,
+                        isRoot: true,
+                        isLoaded: true,
+                        isZero: false,
+                        searchResult: result ? [result] : [],
+                        items: relatedDocs, // Directly show detail containers
+                        itemsCount: relatedDocs.length,
+                        expanded: tree.length === 0,
+                        hidden: false
+                    };
+                    tree.push(typeContainer);
+                }
+                else {
+                    // MODALITÀ ORIGINALE: mostra il documento master come nodo intermedio
+                    // Create document node WITH VALUES
+                    const docNode = {
+                        key: `${isForMaster ? 'detail' : 'master'}-doc-${dcmt.TID}-${dcmt.DID}-${containerGUID}`,
+                        name: docRow?.SYS_Abstract?.value || docRow?.SYS_SUBJECT?.value || `Documento ${isForMaster ? 'Dettaglio' : 'Master'}`,
+                        tid: dcmt.TID,
+                        did: dcmt.DID,
+                        isDcmt: true,
+                        isContainer: false,
+                        expanded: tree.length === 0,
+                        isZero: dcmt.DID === 0,
+                        isMaster: !isForMaster,
+                        isRoot: true,
+                        isLoaded: true,
+                        hidden: false,
+                        values: docRow,
+                        searchResult: result ? [result] : [],
+                        items: relatedDocs,
+                        itemsCount: relatedDocs.length
+                    };
+                    // Create type container with unique key
+                    const typeContainer = {
+                        key: `${isForMaster ? 'detail' : 'master'}-type-${dcmt.TID}-${containerGUID}`,
+                        name: labelMainContainer || result?.fromName || dtd?.name || `TID: ${dcmt.TID}`,
+                        tid: dcmt.TID,
+                        dtd,
+                        isContainer: true,
+                        isRoot: true,
+                        isLoaded: true,
+                        isZero: false, // Type container is never zero (contains documents)
+                        searchResult: result ? [result] : [],
+                        items: [docNode],
+                        itemsCount: 1,
+                        expanded: tree.length === 0,
+                        hidden: false
+                    };
+                    tree.push(typeContainer);
+                }
             }
             // Update progress counter
             processedCount++;
             setWaitPanelValuePrimary(processedCount);
         }
         setTreeData(updateHiddenProperty(tree));
-    }, [inputDcmts, dcmtTypes, maxDepthLevel, isForMaster, invertMasterNavigation, getDetailDcmtsAsync, getMasterDcmtsAsync, abortController, updateHiddenProperty]);
+    }, [inputDcmts, dcmtTypes, maxDepthLevel, isForMaster, invertMasterNavigation, getDetailDcmtsAsync, getMasterDcmtsAsync, abortController, updateHiddenProperty, showMainDocument, labelMainContainer]);
     /**
      * Merge main tree data with additional static items
      */
@@ -587,19 +608,20 @@ const TMRelationViewer = ({ inputDcmts, isForMaster = false, showCurrentDcmtIndi
                 opacity: item.isZero ? 0.4 : 1,
                 transition: 'opacity 0.2s ease-in-out'
             };
-            const containerStyle = customContainerStyle
-                ? { ...defaultContainerStyle, ...customContainerStyle(item) }
-                : defaultContainerStyle;
+            // Se è il container principale (root) e showMainDocument è false,
+            // non mostrare il badge perché conterrebbe il numero di sotto-container, non di documenti
+            const shouldShowBadge = !(item.isRoot && !showMainDocument);
             const defaultContent = (_jsxs(_Fragment, { children: [_jsx("div", { style: { position: 'relative' }, children: _jsx(IconFolder, { color: item.isManyToMany ? '#ff8f44' : TMColors.iconLight, fontSize: 24 }) }), _jsxs(StyledDivHorizontal, { style: { gap: 5, overflow: 'hidden', whiteSpace: 'nowrap', textOverflow: 'ellipsis' }, children: [_jsx("p", { style: {
                                     whiteSpace: 'nowrap',
                                     textOverflow: 'ellipsis',
                                     fontSize: '1rem',
                                     color: 'inherit'
-                                }, children: item.name }), _jsx(StyledBadge, { "$backgroundColor": TMColors.info, children: item.items?.length ?? 0 })] })] }));
-            const content = customContainerContent
-                ? customContainerContent(item, defaultContent)
+                                }, children: item.name }), shouldShowBadge && (_jsx(StyledBadge, { "$backgroundColor": TMColors.info, children: item.items?.length ?? 0 }))] })] }));
+            // Se è il container principale (root) e abbiamo un custom renderer, usalo
+            const content = (item.isRoot && customMainContainerContent)
+                ? customMainContainerContent(item, defaultContent)
                 : defaultContent;
-            return (_jsx("div", { style: containerStyle, children: content }));
+            return (_jsx("div", { style: defaultContainerStyle, children: content }));
         }
         // Document rendering with full metadata display
         const defaultDocumentStyle = {
@@ -645,7 +667,7 @@ const TMRelationViewer = ({ inputDcmts, isForMaster = false, showCurrentDcmtIndi
             ? customDocumentContent(item, defaultMetadataContent || _jsx(_Fragment, {}))
             : defaultMetadataContent;
         return (_jsxs("div", { onDoubleClick: handleDoubleClick, style: documentStyle, children: [item.did && showCurrentDcmtIndicator && item.did === inputDcmts?.[0].DID ? _jsx(IconBackhandIndexPointingRight, { fontSize: 22, overflow: 'visible' }) : _jsx(_Fragment, {}), item.values && (_jsx(TMDcmtIcon, { tid: item.values?.TID?.value, did: item.values?.DID?.value, fileExtension: item.values?.FILEEXT?.value, fileCount: item.values?.FILECOUNT?.value, isLexProt: item.values?.IsLexProt?.value, isMail: item.values?.ISMAIL?.value, isShared: item.values?.ISSHARED?.value, isSigned: item.values?.ISSIGNED?.value, downloadMode: 'openInNewWindow' })), metadataContent] }));
-    }, [onDocumentDoubleClick, showCurrentDcmtIndicator, inputDcmts, customContainerStyle, customContainerContent, customDocumentStyle, customDocumentContent, showMetadataNames]);
+    }, [onDocumentDoubleClick, showCurrentDcmtIndicator, inputDcmts, customMainContainerContent, customDocumentStyle, customDocumentContent, showMetadataNames, showMainDocument]);
     /**
      * Wrapper renderer that handles custom rendering if provided
      */

package/lib/helper/SDKUI_Globals.d.ts

@@ -1,4 +1,4 @@
-import { InvoiceRetrieveFormats, OrderRetrieveFormats } from "@topconsultnpm/sdk-ts";
+import { InvoiceRetrieveFormats, ObjectClasses, OrderRetrieveFormats } from "@topconsultnpm/sdk-ts";
 export declare const dcmtsFileCacheDownload: Map<string, File>;
 export declare const dcmtsFileCachePreview: Map<string, File>;
 export declare const CACHE_SIZE_LIMIT = 10;
@@ -44,6 +44,7 @@ export declare class ThemeSettings {
     };
 }
 export declare class SearchSettings {
+    autoFindReferences: ObjectClasses[];
     invoiceRetrieveFormat: InvoiceRetrieveFormats;
     orderRetrieveFormat: OrderRetrieveFormats;
     mruTIDs: number[];

package/lib/helper/SDKUI_Globals.js

@@ -87,6 +87,7 @@ export class ThemeSettings {
 }
 export class SearchSettings {
     constructor() {
+        this.autoFindReferences = [];
         this.invoiceRetrieveFormat = InvoiceRetrieveFormats.ASW_HTML;
         this.orderRetrieveFormat = OrderRetrieveFormats.NSO_HTML;
         this.mruTIDs = [];

package/lib/helper/SDKUI_Localizator.d.ts

@@ -172,6 +172,7 @@ export declare class SDKUI_Localizator {
     static get DownloadXMLAttachments(): string;
     static get Draft(): string;
     static get Drafts(): string;
+    static get DropFileHere(): "Ziehen Sie Ihre Datei hierher" | "Drop your file here" | "Suelta tu archivo aquí" | "Déposez votre fichier ici" | "Solte seu arquivo aqui";
     static get DropFileToShare(): string;
     static get Duplicate(): "Duplikat" | "Duplicate" | "Duplicar" | "Dupliquer" | "Duplicado" | "Duplica";
     static get Duplicate_ConfirmFor1(): "Möchten Sie '{{0}}' duplizieren?" | "Are you sure you want to duplicate '{{0}}'?" | "¿Estás seguro de que deseas duplicar '{{0}}'?" | "Êtes-vous sûr de vouloir dupliquer '{{0}}'?" | "Você tem certeza que deseja duplicar '{{0}}'?" | "Sei sicuro di voler duplicare '{{0}}'?";

package/lib/helper/SDKUI_Localizator.js

@@ -1632,6 +1632,16 @@ export class SDKUI_Localizator {
             default: return "Bozze";
         }
     }
+    static get DropFileHere() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Ziehen Sie Ihre Datei hierher";
+            case CultureIDs.En_US: return "Drop your file here";
+            case CultureIDs.Es_ES: return "Suelta tu archivo aquí";
+            case CultureIDs.Fr_FR: return "Déposez votre fichier ici";
+            case CultureIDs.Pt_PT: return "Solte seu arquivo aqui";
+            default: return "Drop your file here";
+        }
+    }
     static get DropFileToShare() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Datei zum Teilen hier ablegen";

package/package.json

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