@topconsultnpm/sdkui-react-beta 6.16.23 → 6.16.24

package/lib/components/editors/TMLocalizedTextBox.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 import { CultureIDs } from '@topconsultnpm/sdk-ts-beta';
+export declare const getCultureIDImg: (cultureID: CultureIDs) => any;
 interface TMLocalizedTextBoxProps {
     label: string;
     value?: string;

package/lib/components/editors/TMLocalizedTextBox.js

@@ -47,7 +47,7 @@ const IconContainer = styled.div `
   align-items: center;
 `;
 // Helper function to get image path
-const getCultureIDImg = (cultureID) => {
+export const getCultureIDImg = (cultureID) => {
     switch (cultureID) {
         case CultureIDs.En_US: return en;
         case CultureIDs.De_DE: return de;

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

@@ -3,14 +3,15 @@ import { useCallback, useEffect, useMemo, useState } from 'react'; // Importa us
 import TMModal from '../../../base/TMModal';
 import { DiagramItemTypes } from './interfaces';
 import TMCheckBox from '../../../editors/TMCheckBox';
-import { calcIsModified, getSystemMetadata, IconUndo, SDKUI_Localizator } from '../../../../helper';
+import { calcIsModified, getSystemMetadata, IconApply, IconUndo, SDKUI_Localizator } from '../../../../helper';
 import TMMetadataChooser from '../../../choosers/TMMetadataChooser';
 import { FormModes, MetadataValueDescriptorEx } from '../../../../ts';
+import TMTextBox from '../../../editors/TMTextBox';
 import TMButton from '../../../base/TMButton';
 import styled from 'styled-components';
 import TMQuerySummary from '../../../query/TMQuerySummary';
-import { CultureIDs, DcmtTypeListCacheService, FromItem, MetadataDataDomains, SDK_Globals, SearchEngine, WorkItemSetRules } from '@topconsultnpm/sdk-ts-beta';
-import TMLocalizedTextBox from '../../../editors/TMLocalizedTextBox';
+import { CultureIDs, DcmtTypeListCacheService, FromItem, MetadataDataDomains, SDK_Globals, SearchEngine, WFAppTypes, WorkItemSetRules } from '@topconsultnpm/sdk-ts-beta';
+import TMLocalizedTextBox, { getCultureIDImg } from '../../../editors/TMLocalizedTextBox';
 import TMDataListItemPicker from '../../../choosers/TMDataListItemPicker';
 import WorkitemRecipientsEditor from './WorkitemRecipientsEditor';
 import TMDropDown from '../../../editors/TMDropDown';
@@ -18,6 +19,7 @@ import TMMetadataValues, { AdvancedMenuButtons, ShowCheckBoxesMode } from '../..
 import TMFormulaEditor, { FormulaDescriptor, FormulaHelper, FormulaTargets } from '../../../editors/TMFormulaEditor';
 import TMDistinctValues from '../../../choosers/TMDistinctValues';
 import TMTidViewer from '../../../viewers/TMTidViewer';
+import { TMColors } from '../../../../utils/theme';
 const FormContainer = styled.div `
   display: flex;
   flex-direction: column;
@@ -56,6 +58,19 @@ const SET_RULE_DATASOURCE = [
     { value: WorkItemSetRules.Ands_AND_Ors, display: "Ands_AND_Ors" },
     { value: WorkItemSetRules.Ands_OR_Ors, display: "Ands_OR_Ors" }
 ];
+const CULTUREIDs_DATASOURCE = [
+    { value: CultureIDs.It_IT, display: "Italiano", icon: _jsx("img", { src: getCultureIDImg(CultureIDs.It_IT), alt: "Lang", width: 16, height: 16 }) },
+    { value: CultureIDs.Fr_FR, display: "Française", icon: _jsx("img", { src: getCultureIDImg(CultureIDs.Fr_FR), alt: "Lang", width: 16, height: 16 }) },
+    { value: CultureIDs.Pt_PT, display: "Português", icon: _jsx("img", { src: getCultureIDImg(CultureIDs.Pt_PT), alt: "Lang", width: 16, height: 16 }) },
+    { value: CultureIDs.En_US, display: "English", icon: _jsx("img", { src: getCultureIDImg(CultureIDs.En_US), alt: "Lang", width: 16, height: 16 }) },
+    { value: CultureIDs.Es_ES, display: "Español", icon: _jsx("img", { src: getCultureIDImg(CultureIDs.Es_ES), alt: "Lang", width: 16, height: 16 }) },
+    { value: CultureIDs.De_DE, display: "Deutsch", icon: _jsx("img", { src: getCultureIDImg(CultureIDs.De_DE), alt: "Lang", width: 16, height: 16 }) },
+];
+const APP_TYPES_DATASOURCE = [
+    { value: WFAppTypes.EXE, display: "EXE" },
+    { value: WFAppTypes.SP, display: "SP" },
+    { value: WFAppTypes.REST, display: "REST" }
+];
 const DiagramItemForm = ({ itemToEdit, wf, onClose, onApply }) => {
     const [localItem, setLocalItem] = useState(itemToEdit);
     const [localItemOrig] = useState(structuredClone(itemToEdit));
@@ -88,10 +103,18 @@ const DiagramItemForm = ({ itemToEdit, wf, onClose, onApply }) => {
                 width = '700px';
                 height = '510px';
                 break;
+            case DiagramItemTypes.ExecTask:
+                width = '700px';
+                height = '700px';
+                break;
             case DiagramItemTypes.UpdateDcmt:
                 width = '700px';
                 height = '510px';
                 break;
+            case DiagramItemTypes.RunApp:
+                width = '450px';
+                height = '420px';
+                break;
             default:
                 width = '50%';
                 height = '50%';
@@ -99,6 +122,9 @@ const DiagramItemForm = ({ itemToEdit, wf, onClose, onApply }) => {
         }
         return { calculatedWidth: width, calculatedHeight: height };
     }, [localItem.Type]);
+    useEffect(() => {
+        console.log('localItem: ', localItem);
+    }, [localItem]);
     const isModified = useMemo(() => calcIsModified(localItem, localItemOrig), [localItem, localItemOrig]);
     const handleCancel = () => {
         setLocalItem(localItemOrig); // Revert to the original state
@@ -250,6 +276,30 @@ const DiagramItemForm = ({ itemToEdit, wf, onClose, onApply }) => {
             MetadataValues: updatedMetadataValues
         }));
     }, []);
+    const handleAppTypeChange = useCallback((newValue) => {
+        setLocalItem(prevLocalItem => ({
+            ...prevLocalItem,
+            AppType: newValue
+        }));
+    }, []);
+    const handleAppNameChange = useCallback((newValue) => {
+        setLocalItem(prevLocalItem => ({
+            ...prevLocalItem,
+            AppName: newValue
+        }));
+    }, []);
+    const handleAppArgsChange = useCallback((newValue) => {
+        setLocalItem(prevLocalItem => ({
+            ...prevLocalItem,
+            AppArgs: newValue
+        }));
+    }, []);
+    const handleFormatCultureIDChange = useCallback((newValue) => {
+        setLocalItem(prevLocalItem => ({
+            ...prevLocalItem,
+            FormatCultureID: newValue
+        }));
+    }, []);
     // Function to render common elements like the name textbox
     const renderCommonFields = () => {
         if (localItem.Type !== DiagramItemTypes.Start && localItem.Type !== DiagramItemTypes.End && localItem.Type !== DiagramItemTypes.Exit && localItem.Type !== DiagramItemTypes.Status) {
@@ -277,6 +327,9 @@ const DiagramItemForm = ({ itemToEdit, wf, onClose, onApply }) => {
     const renderStatusFields = () => {
         return (_jsx(TMDataListItemPicker, { dataListID: wf?.MStatusDLID, selectedValue: localItem.StatusValue, onItemSelect: handleStatusChange }));
     };
+    const renderAppFields = () => {
+        return (_jsxs(_Fragment, { children: [_jsx(TMDropDown, { label: SDKUI_Localizator.WorkflowAppType, dataSource: APP_TYPES_DATASOURCE, value: localItem.AppType, onValueChanged: (e) => { handleAppTypeChange(e.target.value); } }), _jsx(TMTextBox, { label: SDKUI_Localizator.WorkflowAppName, value: localItem.AppName, onValueChanged: (e) => { handleAppNameChange(e.target.value); } }), _jsx(TMTextBox, { label: SDKUI_Localizator.Arguments, value: localItem.AppArgs, onValueChanged: (e) => { handleAppArgsChange(e.target.value); } }), _jsx(TMDropDown, { label: SDKUI_Localizator.Format, dataSource: CULTUREIDs_DATASOURCE, value: localItem.FormatCultureID, onValueChanged: (e) => { handleFormatCultureIDChange(e.target.value); } })] }));
+    };
     // Function to render Approval-specific fields
     const renderApprovalFields = () => {
         const newQD = () => {
@@ -287,7 +340,8 @@ const DiagramItemForm = ({ itemToEdit, wf, onClose, onApply }) => {
             return qd;
         };
         const qdForRecipientsEditor = localItem.QD ?? newQD();
-        return (_jsxs(_Fragment, { children: [_jsx(TMLocalizedTextBox, { label: SDKUI_Localizator.Description, value: localItem.Description, value_IT: localItem.Description_IT, value_EN: localItem.Description_EN, value_FR: localItem.Description_FR, value_PT: localItem.Description_PT, value_ES: localItem.Description_ES, value_DE: localItem.Description_DE, onValueChanged: handleLocalizedDescriptionChange }), _jsx(WorkitemRecipientsEditor, { tos: localItem.Tos ?? '', mTID: wf?.MTID, qd: qdForRecipientsEditor, onTosChange: handleTosChange, onQDChange: handleSetRuleQDChange }), _jsxs(FlexContainer, { children: [_jsx(TMDropDown, { label: SDKUI_Localizator.WorkflowRecipientSetRule, elementStyle: { width: '320px' }, dataSource: SET_RULE_DATASOURCE, value: localItem.SetRule, onValueChanged: (e) => { handleSetRuleChange(e.target.value); } }), _jsx(TMCheckBox, { value: localItem.AllowZeroTos ?? 0, label: SDKUI_Localizator.WorkflowAllowZeroTos, isModifiedWhen: localItem.AllowZeroTos !== localItemOrig.AllowZeroTos, onValueChanged: handleAllowZeroTosChange })] })] }));
+        return (_jsxs(_Fragment, { children: [_jsx(TMLocalizedTextBox, { label: SDKUI_Localizator.Description, value: localItem.Description, value_IT: localItem.Description_IT, value_EN: localItem.Description_EN, value_FR: localItem.Description_FR, value_PT: localItem.Description_PT, value_ES: localItem.Description_ES, value_DE: localItem.Description_DE, onValueChanged: handleLocalizedDescriptionChange }), _jsx(WorkitemRecipientsEditor, { tos: localItem.Tos ?? '', mTID: wf?.MTID, qd: qdForRecipientsEditor, onTosChange: handleTosChange, onQDChange: handleSetRuleQDChange }), _jsxs(FlexContainer, { children: [_jsx(TMDropDown, { label: SDKUI_Localizator.WorkflowRecipientSetRule, elementStyle: { width: '320px' }, dataSource: SET_RULE_DATASOURCE, value: localItem.SetRule, onValueChanged: (e) => { handleSetRuleChange(e.target.value); } }), _jsx(TMCheckBox, { value: localItem.AllowZeroTos ?? 0, label: SDKUI_Localizator.WorkflowAllowZeroTos, isModifiedWhen: localItem.AllowZeroTos !== localItemOrig.AllowZeroTos, onValueChanged: handleAllowZeroTosChange })] }), localItem.Type === DiagramItemTypes.ExecTask &&
+                    _jsxs(BoxContainer, { children: [_jsx(HeaderContainer, { children: _jsx("span", { children: SDKUI_Localizator.Application }) }), renderAppFields()] })] }));
     };
     // Function to render UpdateDcmt-specific fields
     const renderUpdateDcmtFields = () => {
@@ -358,6 +412,10 @@ const DiagramItemForm = ({ itemToEdit, wf, onClose, onApply }) => {
                                     }));
                                 } })] })] }));
     };
+    // Function to render RunApp-specific fields
+    const renderRunAppFields = () => {
+        return (_jsxs(_Fragment, { children: [_jsx(TMLocalizedTextBox, { label: SDKUI_Localizator.Description, value: localItem.Description, value_IT: localItem.Description_IT, value_EN: localItem.Description_EN, value_FR: localItem.Description_FR, value_PT: localItem.Description_PT, value_ES: localItem.Description_ES, value_DE: localItem.Description_DE, onValueChanged: handleLocalizedDescriptionChange }), renderAppFields()] }));
+    };
     const renderForm = () => {
         let specificFields;
         switch (localItem.Type) {
@@ -378,15 +436,19 @@ const DiagramItemForm = ({ itemToEdit, wf, onClose, onApply }) => {
                 break;
             case DiagramItemTypes.Approval:
             case DiagramItemTypes.DataEntry:
+            case DiagramItemTypes.ExecTask:
                 specificFields = renderApprovalFields();
                 break;
             case DiagramItemTypes.UpdateDcmt:
                 specificFields = renderUpdateDcmtFields();
                 break;
+            case DiagramItemTypes.RunApp:
+                specificFields = renderRunAppFields();
+                break;
             default:
                 specificFields = null;
         }
-        return (_jsxs(FormContainer, { children: [renderCommonFields(), specificFields, _jsxs(ButtonsContainer, { children: [_jsx(TMButton, { caption: 'Applica', color: 'tertiary', showTooltip: false, disabled: !isModified, onClick: handleSave }), _jsx(TMButton, { caption: 'Annulla', btnStyle: 'toolbar', color: 'primary', icon: _jsx(IconUndo, {}), showTooltip: false, disabled: !isModified, onClick: handleCancel })] })] }));
+        return (_jsxs(FormContainer, { children: [renderCommonFields(), specificFields, _jsxs(ButtonsContainer, { children: [_jsx(TMButton, { caption: 'Applica', btnStyle: 'advanced', advancedColor: TMColors.tertiary, icon: _jsx(IconApply, {}), showTooltip: false, disabled: !isModified, onClick: handleSave }), _jsx(TMButton, { caption: 'Annulla', btnStyle: 'toolbar', color: 'primary', icon: _jsx(IconUndo, {}), showTooltip: false, disabled: !isModified, onClick: handleCancel })] })] }));
     };
     return (_jsx(TMModal, { title: DiagramItemTypes[localItem.Type].toString(), onClose: onClose, isModal: true, width: calculatedWidth, height: calculatedHeight, children: renderForm() }));
 };

package/lib/components/features/workflow/diagram/interfaces.d.ts

@@ -1,4 +1,4 @@
-import { QueryDescriptor, WorkItemSetRules, WorkItemStatus } from "@topconsultnpm/sdk-ts-beta";
+import { CultureIDs, QueryDescriptor, WFAppTypes, WorkItemSetRules, WorkItemStatus } from "@topconsultnpm/sdk-ts-beta";
 import { MetadataValueDescriptorEx } from "../../../../ts";
 export declare enum DiagramItemTypes {
     None = 0,
@@ -68,7 +68,7 @@ export interface DiagramItem {
     MetadataValues?: MetadataValueDescriptorEx[];
     Severity?: number;
     RegAsWfInstPart?: number;
-    FormatCultureID?: number;
+    FormatCultureID?: CultureIDs | undefined;
     Tos2?: string;
     QD2?: string;
     PlatformObjName?: string;
@@ -77,7 +77,7 @@ export interface DiagramItem {
     Value2asInt?: number;
     Value3asInt?: number;
     Value1asString?: string;
-    AppType?: number;
+    AppType?: WFAppTypes;
     AppName?: string;
     AppArgs?: string;
     Trunc?: number;

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, searchPanelFocusStarting: true, 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

@@ -29,6 +29,7 @@ export declare class SDKUI_Localizator {
     static get AllItems(): "alle Artikel" | "All items" | "Todos los artículos" | "tous les articles" | "todos os artigos" | "tutti gli elementi";
     static get Alls2(): "Alle" | "All" | "Todos" | "Tous" | "Tutte";
     static get Alphabetic(): "Alphabetisch" | "Alphabetic" | "Alfabético" | "Alphabétique" | "Alfabética" | "Alfabetico";
+    static get Application(): "Anwendung" | "Application" | "Aplicación" | "Aplicação" | "Applicazione";
     static get Applied(): string;
     static get Apply(): "Anwenden" | "Apply" | "Aplicar" | "Applique" | "Applica";
     static get ApplyAndClose(): "Anwenden und Schließen" | "Apply and close" | "Aplicar y cerrar" | "Applique et ferme" | "Aplicar e fechar" | "Applica e chiudi";
@@ -40,6 +41,7 @@ export declare class SDKUI_Localizator {
     static get ArchiveConstraints_OnlyMetadata(): "Nur Methadatenarchivierung erlauben" | "Allow metadata only archiving" | "Permitir solo almacenamiento de metadatos" | "Autorise uniquement l'archivage de métadonnées" | "Permitir somente os metadados de arquivamento" | "Consenti solo archiviazioni di metadati";
     static get ArchivedDocuments(): string;
     static get ArchiveID(): "Armazena" | "Dokumentarisches Archiv" | "Documental archive" | "Archivo de documentos" | "Archivage des documents" | "Archivio documentale";
+    static get Arguments(): "Themen" | "Arguments" | "Argumentos" | "Sujets" | "Tópicos" | "Argomenti";
     static get AssignedTo(): string;
     static get AttachDocument(): "Dokument anhängen" | "Attach Document" | "Adjuntar documento" | "Joindre un document" | "Anexar documento" | "Allega documento";
     static get AttachingDocuments(): "Dokumente werden angehängt..." | "Attaching documents..." | "Adjuntando documentos..." | "Pièces jointes en cours..." | "Anexando documentos..." | "Allegando documenti...";
@@ -541,6 +543,8 @@ export declare class SDKUI_Localizator {
     static get WhatWouldYouLikeToArchive(): "Was möchten Sie archivieren?" | "What would you like to archive?" | "¿Qué te gustaría archivar?" | "Que souhaitez-vous archiver?" | "O que gostaria de arquivar?" | "Cosa vorresti archiviare?";
     static get WorkflowAllowZeroTos(): "0 Empfänger zulassen" | "Allow 0 recipients" | "Permitir 0 destinatarios" | "Autoriser 0 destinataires" | "Permitir 0 destinatários" | "Consenti 0 destinatari";
     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 WorkflowAppName(): "Name der Anwendung" | "Application name" | "Nombre de aplicación" | "Nom de l'application" | "Nome da aplicação" | "Nome applicazione";
+    static get WorkflowAppType(): "Anwendungsart" | "Application type" | "Tipo de aplicación" | "Type d'application" | "Tipo de aplicação" | "Tipo applicazione";
     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 WorkflowEndInstance(): "Instanz beenden" | "End instance" | "Finalizar instancia" | "Termine l'instance" | "Pare a instância" | "Termina istanza";
     static get WorkflowHistWI(): "Workitems historisieren" | "Historicize workitems" | "Incluir en historial los workitem" | "Historiser le workitems" | "Historicize workItem" | "Storicizza i workitem";

package/lib/helper/SDKUI_Localizator.js

@@ -238,6 +238,16 @@ export class SDKUI_Localizator {
             default: return "Alfabetico";
         }
     }
+    static get Application() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Anwendung";
+            case CultureIDs.En_US: return "Application";
+            case CultureIDs.Es_ES: return "Aplicación";
+            case CultureIDs.Fr_FR: return "Application";
+            case CultureIDs.Pt_PT: return "Aplicação";
+            default: return "Applicazione";
+        }
+    }
     static get Applied() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Angewandt";
@@ -348,6 +358,16 @@ export class SDKUI_Localizator {
             default: return "Archivio documentale";
         }
     }
+    static get Arguments() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Themen";
+            case CultureIDs.En_US: return "Arguments";
+            case CultureIDs.Es_ES: return "Argumentos";
+            case CultureIDs.Fr_FR: return "Sujets";
+            case CultureIDs.Pt_PT: return "Tópicos";
+            default: return "Argomenti";
+        }
+    }
     static get AssignedTo() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Zugewiesen an";
@@ -5375,6 +5395,26 @@ export class SDKUI_Localizator {
             default: return "Approvazione workflow";
         }
     }
+    static get WorkflowAppName() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Name der Anwendung";
+            case CultureIDs.En_US: return "Application name";
+            case CultureIDs.Es_ES: return "Nombre de aplicación";
+            case CultureIDs.Fr_FR: return "Nom de l'application";
+            case CultureIDs.Pt_PT: return "Nome da aplicação";
+            default: return "Nome applicazione";
+        }
+    }
+    static get WorkflowAppType() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "Anwendungsart";
+            case CultureIDs.En_US: return "Application type";
+            case CultureIDs.Es_ES: return "Tipo de aplicación";
+            case CultureIDs.Fr_FR: return "Type d'application";
+            case CultureIDs.Pt_PT: return "Tipo de aplicação";
+            default: return "Tipo applicazione";
+        }
+    }
     static get WorkflowDiagramMissingOrInvalid() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Diagramm fehlt oder ist ungültig";

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@topconsultnpm/sdkui-react-beta",
-    "version": "6.16.23",
+    "version": "6.16.24",
     "description": "",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",
@@ -38,7 +38,7 @@
         "lib"
     ],
     "dependencies": {
-        "@topconsultnpm/sdk-ts-beta": "6.16.3",
+        "@topconsultnpm/sdk-ts-beta": "6.16.4",
         "buffer": "^6.0.3",
         "devextreme": "25.1.4",
         "devextreme-react": "25.1.4",