@topconsultnpm/sdkui-react-beta 6.15.92 → 6.15.93

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useMemo, useState } from 'react';
 import TMDcmtPreview from './TMDcmtPreview';
-import { AccessLevels, ArchiveConstraints, ArchiveEngineByID, DcmtTypeListCacheService, LayoutModes, MetadataDataTypes, ResultTypes, SDK_Globals, SDK_Localizator, SystemMIDsAsNumber, SystemTIDs, Task_States, TemplateTIDs, TID_DID, UpdateEngineByID, ValidationItem, WorkflowCacheService, WorkItemMetadataNames } from '@topconsultnpm/sdk-ts-beta';
+import { AccessLevels, ArchiveConstraints, ArchiveEngineByID, DcmtTypeListCacheService, LayoutModes, MetadataDataTypes, ResultTypes, SDK_Globals, SDK_Localizator, SystemMIDsAsNumber, SystemTIDs, Task_States, TemplateTIDs, UpdateEngineByID, ValidationItem, WorkflowCacheService, WorkItemMetadataNames } from '@topconsultnpm/sdk-ts-beta';
 import { ContextMenu } from 'devextreme-react';
 import { WorkFlowApproveRejectPopUp, WorkFlowMoreInfoPopUp, WorkFlowOperationButtons, WorkFlowReAssignPopUp } from '../workflow/TMWorkflowPopup';
 import { DownloadTypes, FormModes } from '../../../ts';
@@ -218,9 +218,9 @@ const TMDcmtForm = ({ showHeader = true, onSaveRecents, layoutMode = LayoutModes
             for (const dataRow of workflow.dtdResult?.rows ?? []) {
                 let did = Number(dataRow?.[1]);
                 if (did === Number(DID)) {
-                    let w = new TID_DID();
-                    w.tid = Number(dataRow?.[0]);
-                    w.did = did;
+                    const index = workflow.dtdResult?.columns?.findIndex(o => o.caption === WorkItemMetadataNames.WI_SetID);
+                    const setID = (index && index >= 0) ? dataRow[index] : undefined;
+                    let w = { tid: Number(dataRow?.[0]), did: did, setID: setID };
                     items.push(w);
                 }
             }
@@ -480,6 +480,7 @@ const TMDcmtForm = ({ showHeader = true, onSaveRecents, layoutMode = LayoutModes
     };
     const isMobile = deviceType === DeviceType.MOBILE;
     const isApprView = fromDTD?.templateTID === TemplateTIDs.WF_WIApprView;
+    const WIsetIdValue = workItems.find(o => o.did === Number(DID))?.setID || formData.find(o => o.md?.name === WorkItemMetadataNames.WI_SetID)?.value;
     useEffect(() => {
         if ((isApprView || TID === SystemTIDs.Drafts) && !showAll)
             setShowAll(true);
@@ -507,10 +508,20 @@ const TMDcmtForm = ({ showHeader = true, onSaveRecents, layoutMode = LayoutModes
             setDcmtFile(setFile);
         } }), [currentDcmt, dcmtFile, deviceType, fromDTD, layoutMode, inputFile]);
     const tmWF = useMemo(() => {
-        return (_jsxs("div", { style: { position: 'relative', width: '100%', height: '100%' }, children: [_jsx(WFDiagram, { xmlDiagramString: workflows?.[0]?.diagram || '', currentSetID: formData.find(o => o.md?.name === WorkItemMetadataNames.WI_SetID)?.value, readOnly: true, zoomLevel: zoomLevel, translateX: 0, translateY: 0 }), _jsxs("div", { style: {
+        return (_jsxs("div", { style: { position: 'relative', width: '100%', height: '100%', display: 'flex', flexDirection: 'column', gap: 3 }, children: [workItems.length > 0
+                    ? _jsx(WFDiagram, { xmlDiagramString: workflows?.[0]?.diagram || '', currentSetID: WIsetIdValue, readOnly: true, zoomLevel: zoomLevel, translateX: 0, translateY: 0 })
+                    : _jsx("div", { style: {
+                            position: 'absolute',
+                            top: '50%',
+                            left: '50%',
+                            transform: 'translate(-50%, -50%)',
+                            fontSize: '1.1rem',
+                            color: TMColors.primaryColor,
+                            textAlign: 'center',
+                        }, children: SDKUI_Localizator.WorkflowNoInstances }), workItems.length > 0 && _jsxs("div", { style: {
                         position: 'absolute',
                         left: 16,
-                        bottom: 16,
+                        bottom: WIsetIdValue || workItems.length <= 0 ? 16 : 64,
                         display: 'flex',
                         flexDirection: 'row',
                         background: 'transparent linear-gradient(180deg, #E03A8B 9%, #C2388B 34%, #A63B8D 60%, #943C8D 83%, #8F3C8D 100%) 0% 0% no-repeat padding-box',
@@ -529,8 +540,13 @@ const TMDcmtForm = ({ showHeader = true, onSaveRecents, layoutMode = LayoutModes
                                 alignItems: 'center',
                                 padding: '0 8px',
                                 borderRadius: 4
-                            }, children: formattedZoomLevel })] })] }));
-    }, [workflows, formData, zoomLevel, handleZoomIn, handleZoomOut]);
+                            }, children: formattedZoomLevel })] }), !WIsetIdValue && workItems.length > 0 &&
+                    _jsx("div", { style: {
+                            padding: 5,
+                            backgroundColor: 'khaki',
+                            borderRadius: 8
+                        }, children: SDKUI_Localizator.WorkItemTechnicalNote_SetID })] }));
+    }, [workflows, formData, WIsetIdValue, workItems, zoomLevel, handleZoomIn, handleZoomOut]);
     const normalizedTID = TID !== undefined ? Number(TID) : undefined;
     const defaultPanelDimensions = {
         'tmDcmtForm': { width: '20%', height: '100%' },

package/lib/components/features/workflow/diagram/WFDiagram.js

@@ -8,7 +8,7 @@ import ConnectionComponent from './ConnectionComponent';
 import DiagramItemComponent from './DiagramItemComponent';
 import DiagramItemSvgContent from './DiagramItemSvgContent';
 import { calculateArrowAngle, getConnectionPoint, isConnectionNonLinear, validateDiagram } from './workflowHelpers';
-import { IconFlowChart, IconUndo, IconRestore, IconAdjust, IconCopy, IconCut, IconPaste, IconPin, IconUnpin, IconChevronRight, IconCloseOutline, IconNew } from '../../../../helper';
+import { IconFlowChart, IconUndo, IconRestore, IconAdjust, IconCopy, IconCut, IconPaste, IconPin, IconUnpin, IconChevronRight, IconCloseOutline, IconNew, SDKUI_Localizator } from '../../../../helper';
 import TMModal from '../../../base/TMModal';
 import { TMExceptionBoxManager } from '../../../base/TMPopUp';
 const CanvasContainer = styled.div `
@@ -1334,6 +1334,6 @@ const WFDiagram = ({ xmlDiagramString, currentSetID, readOnly = false, zoomLevel
                                 const isThisConnectionBeingDragged = isDraggingExistingConnectionEndpoint && draggingConnectionId === connection.ID;
                                 return (_jsx(ConnectionComponent, { connection: connection, isSelected: selectedConnections.has(connection.ID), sourcePoint: sourcePoint, sinkPoint: sinkPoint, isTemporary: isThisConnectionBeingDragged, onClick: handleConnectionClick, onConnectionEndpointMouseDown: handleConnectionEndpointMouseDown }, connection.ID));
                             }), isDrawingConnection && tempConnectionPathData && (_jsx(TempConnectionPath, { d: tempConnectionPathData })), isDraggingExistingConnectionEndpoint && tempConnectionPathData && (_jsx(TempConnectionPath, { d: tempConnectionPathData })), isDrawingSelectionRect && currentSelectionRect && (_jsx(SelectionRect, { x: currentSelectionRect.x, y: currentSelectionRect.y, width: currentSelectionRect.width, height: currentSelectionRect.height }))] }) }))
-                    : (_jsx(DiagramMessage, { children: "Diagramma non presente o non valido..." })) }), isModalOpen && itemToEdit && (_jsx(TMModal, { title: DiagramItemTypes[itemToEdit.Type].toString(), onClose: handleCloseModal, isModal: true, width: '50%', height: '50%', children: _jsx("div", { children: itemToEdit.ItemName }) }))] }));
+                    : (_jsx(DiagramMessage, { children: `${SDKUI_Localizator.WorkflowDiagramMissingOrInvalid} ...` })) }), isModalOpen && itemToEdit && (_jsx(TMModal, { title: DiagramItemTypes[itemToEdit.Type].toString(), onClose: handleCloseModal, isModal: true, width: '50%', height: '50%', children: _jsx("div", { children: itemToEdit.ItemName }) }))] }));
 };
 export default WFDiagram;

package/lib/components/forms/TMChooserForm.js

@@ -86,8 +86,8 @@ const TMChooserForm = ({ children, title, allowMultipleSelection = false, allowA
             ...summaryItems ?? {}
         });
     }, [manageUseLocalizedName, summaryItems]);
-    return (_jsx(TMModal, { title: renderTitle(), width: width ?? '550px', height: height ?? '600px', toolbar: _jsx(ToolbarButtons, {}), onClose: onClose, children: (children ??
-            filteredItems.length > 0)
+    return (_jsx(TMModal, { title: renderTitle(), width: width ?? '550px', height: height ?? '600px', toolbar: _jsx(ToolbarButtons, {}), onClose: onClose, children: children ??
+            filteredItems.length > 0
             ? _jsx(TMDataGrid, { dataSource: filteredItems, keyExpr: keyName, dataColumns: dataColumns, focusedRowKey: focusedRowKey, selectedRowKeys: selectedRowKeys, headerFilter: { visible: true }, selection: { mode: allowMultipleSelection ? 'multiple' : 'single', showCheckBoxesMode: 'always', selectAllMode: 'allPages' }, grouping: allowGrouping ? { autoExpandAll: false, expandMode: 'rowClick' } : undefined, summary: customSummary, onFocusedRowChanged: handleFocusedRowChange, onSelectionChanged: handleSelectionChanged, onRowDblClick: handleRowDoubleClick })
             : _jsx(TMLayoutContainer, { gap: 30, alignItems: 'center', justifyContent: 'center', children: _jsx(TMLayoutItem, { children: _jsx("p", { style: { height: "100%", color: TMColors.primaryColor, fontSize: "1.5rem", display: 'flex', alignItems: 'center', justifyContent: 'center' }, children: SDKUI_Localizator.NoDataToDisplay }) }) }) }));
 };

package/lib/helper/SDKUI_Localizator.d.ts

@@ -518,11 +518,14 @@ export declare class SDKUI_Localizator {
     static get Warning(): "Warnung" | "Warning" | "advertencia" | "avertissement" | "aviso" | "Avviso";
     static get WelcomeTo(): "Willkommen bei {{0}}" | "Welcome to {{0}}" | "Bienvenido a {{0}}" | "Bienvenue sur {{0}}" | "Bem-vindo à {{0}}" | "Benvenuto su {{0}}";
     static get WorkflowApproval(): "Workflow-Genehmigung" | "Workflow approval" | "Aprobación de flujo de trabajo" | "Approbation de workflow" | "Aprovação de fluxo de trabalho" | "Approvazione workflow";
+    static get WorkflowDiagramMissingOrInvalid(): "Diagramm fehlt oder ist ungültig" | "Diagram missing or invalid" | "Diagrama no presente o no válido" | "Schéma manquant ou invalide" | "Diagrama ausente ou inválido" | "Diagramma non presente o non valido";
+    static get WorkflowNoInstances(): "Keine Instanzen aktiv" | "No running instances" | "Ninguna instancia en curso" | "Aucune instance en cours" | "Nenhuma instância em execução" | "Nessuna istanza in corso";
     static get WorkGroup(): "Arbeitsgruppe" | "Work Group" | "Grupo de Trabajo" | "Groupe de travail" | "Grupo de Trabalho" | "Gruppo di lavoro";
     static get WorkgroupOperations(): string;
     static get WorkingGroups(): "Arbeitsgruppen" | "Work groups" | "Grupos de trabajo" | "Groupes de travail" | "Grupos de trabalho" | "Gruppi di lavoro";
     static get WorkItemData(): string;
     static get WorkItemTechnicalData(): string;
+    static get WorkItemTechnicalNote_SetID(): "Um den Standort des Prozesses zu erfahren, fügen Sie das technische Metadatum \"SetID\" zur Freigabeansicht hinzu." | "To find the location of the process, add the technical metadata \"SetID\" to the approval view." | "Para conocer la ubicación del proceso, añada el metadato técnico \"SetID\" a la vista de aprobación." | "Pour connaître l'emplacement du processus, ajoutez la métadonnée technique \"SetID\" à la vue d'approbation." | "Para saber a localização do processo, adicione o metadado técnico \"SetID\" à vista de aprovação." | "Per conoscere il punto in cui si trova il processo, aggiungere il metadato tecnico \"SetID\" alla vista approvativa.";
     static get WorkitemApprove(): string;
     static get WorkitemReject(): string;
     static get WorkitemReassign(): string;

package/lib/helper/SDKUI_Localizator.js

@@ -5145,6 +5145,26 @@ export class SDKUI_Localizator {
             default: return "Approvazione workflow";
         }
     }
+    static get WorkflowDiagramMissingOrInvalid() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Diagramm fehlt oder ist ungültig";
+            case CultureIDs.En_US: return "Diagram missing or invalid";
+            case CultureIDs.Es_ES: return "Diagrama no presente o no válido";
+            case CultureIDs.Fr_FR: return "Schéma manquant ou invalide";
+            case CultureIDs.Pt_PT: return "Diagrama ausente ou inválido";
+            default: return "Diagramma non presente o non valido";
+        }
+    }
+    static get WorkflowNoInstances() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Keine Instanzen aktiv";
+            case CultureIDs.En_US: return "No running instances";
+            case CultureIDs.Es_ES: return "Ninguna instancia en curso";
+            case CultureIDs.Fr_FR: return "Aucune instance en cours";
+            case CultureIDs.Pt_PT: return "Nenhuma instância em execução";
+            default: return "Nessuna istanza in corso";
+        }
+    }
     static get WorkGroup() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Arbeitsgruppe";
@@ -5195,6 +5215,16 @@ export class SDKUI_Localizator {
             default: return "Dati tecnici del WorkItem"; // Italian (default)
         }
     }
+    static get WorkItemTechnicalNote_SetID() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Um den Standort des Prozesses zu erfahren, fügen Sie das technische Metadatum \"SetID\" zur Freigabeansicht hinzu.";
+            case CultureIDs.En_US: return "To find the location of the process, add the technical metadata \"SetID\" to the approval view.";
+            case CultureIDs.Es_ES: return "Para conocer la ubicación del proceso, añada el metadato técnico \"SetID\" a la vista de aprobación.";
+            case CultureIDs.Fr_FR: return "Pour connaître l'emplacement du processus, ajoutez la métadonnée technique \"SetID\" à la vue d'approbation.";
+            case CultureIDs.Pt_PT: return "Para saber a localização do processo, adicione o metadado técnico \"SetID\" à vista de aprovação.";
+            default: return "Per conoscere il punto in cui si trova il processo, aggiungere il metadato tecnico \"SetID\" alla vista approvativa.";
+        }
+    }
     static get WorkitemApprove() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Arbeitselement genehmigen";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@topconsultnpm/sdkui-react-beta",
-  "version": "6.15.92",
+  "version": "6.15.93",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",