@topconsultnpm/sdkui-react-beta 6.16.18 → 6.16.20

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

@@ -1,23 +1,48 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useCallback, useMemo, useState } from 'react'; // Importa useState
+import { useCallback, useEffect, useMemo, useState } from 'react'; // Importa useState
 import TMModal from '../../../base/TMModal';
 import { DiagramItemTypes } from './interfaces';
 import TMCheckBox from '../../../editors/TMCheckBox';
-import { SDKUI_Localizator } from '../../../../helper';
+import { calcIsModified, getSystemMetadata, IconUndo, SDKUI_Localizator } from '../../../../helper';
 import TMMetadataChooser from '../../../choosers/TMMetadataChooser';
+import { FormModes, MetadataValueDescriptorEx } from '../../../../ts';
 import TMButton from '../../../base/TMButton';
 import styled from 'styled-components';
 import TMQuerySummary from '../../../query/TMQuerySummary';
-import { CultureIDs, FromItem, SearchEngine } from '@topconsultnpm/sdk-ts-beta';
+import { CultureIDs, DcmtTypeListCacheService, FromItem, MetadataDataDomains, SDK_Globals, SearchEngine, WorkItemSetRules } from '@topconsultnpm/sdk-ts-beta';
 import TMLocalizedTextBox from '../../../editors/TMLocalizedTextBox';
 import TMDataListItemPicker from '../../../choosers/TMDataListItemPicker';
 import WorkitemRecipientsEditor from './WorkitemRecipientsEditor';
+import TMDropDown from '../../../editors/TMDropDown';
+import TMMetadataValues, { AdvancedMenuButtons, ShowCheckBoxesMode } from '../../../editors/TMMetadataValues';
+import TMFormulaEditor, { FormulaDescriptor, FormulaHelper, FormulaTargets } from '../../../editors/TMFormulaEditor';
+import TMDistinctValues from '../../../choosers/TMDistinctValues';
 const FormContainer = styled.div `
   display: flex;
   flex-direction: column;
   gap: 5px;
   padding: 10px;
 `;
+const FlexContainer = styled.div `
+  display: flex;
+  align-items: center;
+  gap: 20px;
+`;
+const BoxContainer = styled.div `
+  flex: 1;
+  border: 1px solid #ccc;
+  border-radius: 5px;
+  padding: 10px;
+  min-width: 300px;
+  position: relative;
+`;
+const HeaderContainer = styled.div `
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  position: relative;
+  margin-bottom: 10px;
+`;
 const ButtonsContainer = styled.div `
   display: flex;
   justify-content: center;
@@ -25,6 +50,10 @@ const ButtonsContainer = styled.div `
   margin-top: auto; 
   padding-top: 20px;
 `;
+const SET_RULE_DATASOURCE = [
+    { value: WorkItemSetRules.Ands_AND_Ors, display: "Ands_AND_Ors" },
+    { value: WorkItemSetRules.Ands_OR_Ors, display: "Ands_OR_Ors" }
+];
 const DiagramItemForm = ({ itemToEdit, wf, onClose, onApply }) => {
     const [localItem, setLocalItem] = useState(itemToEdit);
     const [localItemOrig] = useState(structuredClone(itemToEdit));
@@ -58,6 +87,10 @@ const DiagramItemForm = ({ itemToEdit, wf, onClose, onApply }) => {
                 width = '700px';
                 height = '510px';
                 break;
+            case DiagramItemTypes.UpdateDcmt:
+                width = '700px';
+                height = '510px';
+                break;
             default:
                 width = '50%';
                 height = '50%';
@@ -65,6 +98,15 @@ const DiagramItemForm = ({ itemToEdit, wf, onClose, onApply }) => {
         }
         return { calculatedWidth: width, calculatedHeight: height };
     }, [localItem.Type]);
+    const isModified = useMemo(() => calcIsModified(localItem, localItemOrig), [localItem, localItemOrig]);
+    const handleCancel = () => {
+        setLocalItem(localItemOrig); // Revert to the original state
+        onClose();
+    };
+    const handleSave = () => {
+        onApply(localItem);
+        onClose();
+    };
     const handleStartAfterArchiveChange = useCallback((newValue) => {
         setLocalItem(prevLocalItem => ({
             ...prevLocalItem,
@@ -133,11 +175,6 @@ const DiagramItemForm = ({ itemToEdit, wf, onClose, onApply }) => {
             QD: newQD
         }));
     }, []);
-    // Gestore per il salvataggio
-    const handleSave = () => {
-        onApply(localItem);
-        onClose();
-    };
     const handleLocalizedNameChange = useCallback((lang, newValue) => {
         setLocalItem(prevLocalItem => {
             const updatedItem = { ...prevLocalItem };
@@ -198,6 +235,20 @@ const DiagramItemForm = ({ itemToEdit, wf, onClose, onApply }) => {
             return updatedItem;
         });
     }, []);
+    const handleMetadataValuesChanged = useCallback((newItems) => {
+        const updatedMetadataValues = newItems
+            .filter(item => item.isNull || item.value)
+            .map(item => {
+            const newMvd = new MetadataValueDescriptorEx();
+            newMvd.mid = item.mid;
+            newMvd.value = item.isNull ? undefined : item.value;
+            return newMvd;
+        });
+        setLocalItem(prevLocalItem => ({
+            ...prevLocalItem,
+            MetadataValues: updatedMetadataValues
+        }));
+    }, []);
     // 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) {
@@ -235,7 +286,77 @@ 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(TMCheckBox, { value: localItem.AllowZeroTos ?? 0, label: SDKUI_Localizator.WorkflowAllowZeroTos, isModifiedWhen: localItem.AllowZeroTos !== localItemOrig.AllowZeroTos, onValueChanged: handleAllowZeroTosChange }), _jsx(WorkitemRecipientsEditor, { tos: localItem.Tos ?? '', mTID: wf?.MTID, qd: qdForRecipientsEditor, setRule: localItem.SetRule, onTosChange: handleTosChange, onSetRuleChange: handleSetRuleChange, onQDChange: handleSetRuleQDChange })] }));
+        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 })] })] }));
+    };
+    // Function to render UpdateDcmt-specific fields
+    const renderUpdateDcmtFields = () => {
+        const [metadataValues, setMetadataValues] = useState([]);
+        const [metadataValuesOrig, setMetadataValuesOrig] = useState([]);
+        const [focusedMetadataValue, setFocusedMetadataValue] = useState();
+        const [showDistinctValuesPanel, setShowDistinctValuesPanel] = useState(false);
+        const [showFormulaEditor, setShowFormulaEditor] = useState(false);
+        const [dtd, setDtd] = useState();
+        const TID = wf?.MTID;
+        useEffect(() => {
+            DcmtTypeListCacheService.GetAsync(TID).then((dtd) => setDtd(dtd));
+        }, [TID]);
+        useEffect(() => {
+            const mappedValues = dtd?.metadata?.filter(o => o.dataDomain !== MetadataDataDomains.Computed &&
+                o.isSystem !== 1).map(item => ({
+                mid: item.id,
+                tid: TID,
+                value: localItem.MetadataValues?.find(o => o.mid === item.id)?.value,
+                md: item,
+                isRequired: item.isRequired,
+                isEditable: FormulaHelper.isFormula(localItem.MetadataValues?.find(o => o.mid === item.id)?.value),
+                isLexProt: 0,
+                isSelected: localItem.MetadataValues?.find(o => o.mid === item.id) !== undefined,
+                isNull: localItem.MetadataValues?.find(o => o.mid === item.id) && localItem.MetadataValues?.find(o => o.mid === item.id)?.value === undefined,
+            }));
+            setMetadataValues(mappedValues);
+            setMetadataValuesOrig(structuredClone(mappedValues));
+            setFocusedMetadataValue(undefined);
+            setShowDistinctValuesPanel(false);
+            setShowFormulaEditor(false);
+        }, [dtd, localItem.MetadataValues]);
+        const validationItems = [];
+        const getFormula = () => {
+            let fd = new FormulaDescriptor();
+            fd.expression = FormulaHelper.isFormula(focusedMetadataValue?.value) ? FormulaHelper.removeFormulaTag(focusedMetadataValue?.value) : undefined;
+            fd.formulaTarget = FormulaTargets.BatchUpdate;
+            fd.items = FormulaHelper.TreeViewList(TID ?? 0, getSystemMetadata(true), undefined, FormulaTargets.BatchUpdate, SDK_Globals.dbBrand);
+            fd.mid = focusedMetadataValue?.mid ?? 0;
+            fd.tid = TID;
+            return fd;
+        };
+        const handleAdvancedMenuClick = useCallback((e) => {
+            switch (e.button) {
+                case AdvancedMenuButtons.DistinctValues:
+                    setShowDistinctValuesPanel(prev => !prev);
+                    setShowFormulaEditor(false);
+                    break;
+                case AdvancedMenuButtons.FormulaEditor:
+                    setShowFormulaEditor(prev => !prev);
+                    setShowDistinctValuesPanel(false);
+                    break;
+            }
+        }, []);
+        // Return the TMMetadataValues component with the necessary props
+        return (_jsxs(_Fragment, { children: [_jsx(TMMetadataValues, { TID: wf?.MTID, isExpertMode: true, checkPerms: false, showCheckBoxes: ShowCheckBoxesMode.AlwaysReadOnly, showNullValueCheckBoxes: true, metadataValues: metadataValues, metadataValuesOrig: metadataValuesOrig, validationItems: validationItems, isOpenDistinctValues: showDistinctValuesPanel, selectedMID: focusedMetadataValue?.mid, onFocusedItemChanged: (item) => setFocusedMetadataValue(item), onAdvancedMenuClick: handleAdvancedMenuClick, onValueChanged: handleMetadataValuesChanged }), showDistinctValuesPanel && focusedMetadataValue &&
+                    _jsx(TMDistinctValues, { isModal: true, tid: TID, mid: focusedMetadataValue?.mid, separator: ', ', allowAppendMode: false, onClosePanelCallback: () => setShowDistinctValuesPanel(false), onSelectionChanged: (e) => {
+                            if (!e)
+                                return;
+                            setMetadataValues((prevItems) => prevItems.map((item) => item.tid == e.tid && item.mid === e.mid ? { ...item, value: e.newValue, isSelected: true } : item));
+                        } }), showFormulaEditor && focusedMetadataValue &&
+                    _jsx(TMFormulaEditor, { isModal: true, formMode: FormModes.Update, inputData: getFormula(), showBack: false, onClose: () => setShowFormulaEditor(false), onApplied: (newFormula) => {
+                            setMetadataValues((prevItems) => prevItems.map((item) => item.tid == newFormula.tid && item.mid === newFormula.mid ? { ...item, value: FormulaHelper.addFormulaTag(newFormula.expression), isSelected: true, isEditable: true } : item));
+                            setFocusedMetadataValue(prevState => ({
+                                ...prevState,
+                                isSelected: true,
+                                isEditable: true,
+                                value: FormulaHelper.addFormulaTag(newFormula.expression)
+                            }));
+                        } })] }));
     };
     const renderForm = () => {
         let specificFields;
@@ -259,10 +380,13 @@ const DiagramItemForm = ({ itemToEdit, wf, onClose, onApply }) => {
             case DiagramItemTypes.DataEntry:
                 specificFields = renderApprovalFields();
                 break;
+            case DiagramItemTypes.UpdateDcmt:
+                specificFields = renderUpdateDcmtFields();
+                break;
             default:
                 specificFields = null;
         }
-        return (_jsxs(FormContainer, { children: [renderCommonFields(), specificFields, _jsx(ButtonsContainer, { children: _jsx(TMButton, { caption: 'Applica', color: 'success', showTooltip: false, onClick: handleSave }) })] }));
+        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 (_jsx(TMModal, { title: DiagramItemTypes[localItem.Type].toString(), onClose: onClose, isModal: true, width: calculatedWidth, height: calculatedHeight, children: renderForm() }));
 };

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

@@ -1,12 +1,10 @@
 import React from 'react';
-import { QueryDescriptor, WorkItemSetRules } from '@topconsultnpm/sdk-ts-beta';
+import { QueryDescriptor } from '@topconsultnpm/sdk-ts-beta';
 interface WorkitemRecipientsEditorProps {
     tos: string;
-    setRule: WorkItemSetRules | undefined;
     qd: QueryDescriptor | undefined;
     mTID: number | undefined;
     onTosChange: (newTos: string) => void;
-    onSetRuleChange: (newRule: WorkItemSetRules) => void;
     onQDChange: (newQD: QueryDescriptor | undefined) => void;
 }
 declare const WorkitemRecipientsEditor: React.FC<WorkitemRecipientsEditorProps>;

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

@@ -1,10 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import styled from 'styled-components';
-import TMDropDown from '../../../editors/TMDropDown';
-import { WorkItemSetRules } from '@topconsultnpm/sdk-ts-beta';
 import RecipientList, { WorkItemActorTypes } from './RecipientList';
-import { SDKUI_Localizator } from '../../../../helper';
 const RecipientsContainer = styled.div `
   display: flex;
   gap: 20px;
@@ -46,7 +43,7 @@ const tosToActors = (tosString) => {
 const actorsToTos = (actors) => {
     return actors.map(actor => `${WorkItemActorTypes[actor.ActorType]}|${actor.ActorID}|${actor.Or}`).join(';');
 };
-const WorkitemRecipientsEditor = ({ tos, setRule, qd, mTID, onTosChange, onQDChange, onSetRuleChange }) => {
+const WorkitemRecipientsEditor = ({ tos, qd, mTID, onTosChange, onQDChange }) => {
     const [localTos, setLocalTos] = useState(tos);
     useEffect(() => {
         setLocalTos(tos);
@@ -94,10 +91,6 @@ const WorkitemRecipientsEditor = ({ tos, setRule, qd, mTID, onTosChange, onQDCha
         onTosChange(newTos);
         onQDChange(newQd);
     }, [andRecipients, orRecipients, onTosChange, onQDChange]);
-    const SET_RULE_DATASOURCE = [
-        { value: WorkItemSetRules.Ands_AND_Ors, display: "Ands_AND_Ors" },
-        { value: WorkItemSetRules.Ands_OR_Ors, display: "Ands_OR_Ors" }
-    ];
-    return (_jsxs("div", { children: [_jsxs(RecipientsContainer, { children: [_jsx(RecipientList, { recipients: andRecipients, title: "Destinatari in AND", tid: mTID, qd: qd, onQDChange: (newQd) => newQd && handleQDChosen(newQd, 0), onAdd: (newRecipients) => handleAddRecipients(newRecipients, 0), onRemove: handleRemoveRecipient }), _jsx(RecipientList, { recipients: orRecipients, title: "Destinatari in OR", tid: mTID, qd: qd, onQDChange: (newQd) => newQd && handleQDChosen(newQd, 1), onAdd: (newRecipients) => handleAddRecipients(newRecipients, 1), onRemove: handleRemoveRecipient })] }), _jsx("div", { style: { display: 'flex', justifyContent: 'center' }, children: _jsx(TMDropDown, { label: SDKUI_Localizator.WorkflowRecipientSetRule, width: '230px', dataSource: SET_RULE_DATASOURCE, value: setRule, onValueChanged: (e) => { onSetRuleChange?.(e.target.value); } }) })] }));
+    return (_jsxs(RecipientsContainer, { children: [_jsx(RecipientList, { recipients: andRecipients, title: "Destinatari in AND", tid: mTID, qd: qd, onQDChange: (newQd) => newQd && handleQDChosen(newQd, 0), onAdd: (newRecipients) => handleAddRecipients(newRecipients, 0), onRemove: handleRemoveRecipient }), _jsx(RecipientList, { recipients: orRecipients, title: "Destinatari in OR", tid: mTID, qd: qd, onQDChange: (newQd) => newQd && handleQDChosen(newQd, 1), onAdd: (newRecipients) => handleAddRecipients(newRecipients, 1), onRemove: handleRemoveRecipient })] }));
 };
 export default WorkitemRecipientsEditor;

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

@@ -1,4 +1,5 @@
 import { QueryDescriptor, WorkItemSetRules, WorkItemStatus } from "@topconsultnpm/sdk-ts-beta";
+import { MetadataValueDescriptorEx } from "../../../../ts";
 export declare enum DiagramItemTypes {
     None = 0,
     Start = 1,
@@ -64,7 +65,7 @@ export interface DiagramItem {
     EndWFInstance?: number;
     QD?: QueryDescriptor;
     SOD?: string;
-    MetadataValues?: string;
+    MetadataValues?: MetadataValueDescriptorEx[];
     Severity?: number;
     RegAsWfInstPart?: number;
     FormatCultureID?: number;

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

@@ -0,0 +1,14 @@
+import { MetadataValueDescriptorEx } from "../../../../ts";
+/**
+ * Parsa la stringa XML annidata di MetadataValues in un array di MetadataValueDescriptor.
+ * @param xmlString La stringa XML grezza contenente le entità codificate.
+ * @returns Un array di MetadataValueDescriptor.
+ */
+export declare const parseMetadataValuesXml: (xmlString: string) => MetadataValueDescriptorEx[];
+/**
+ * Serializza un array di MetadataValueDescriptor nella stringa XML richiesta
+ * dal C# DataContractSerializer, con le entità codificate.
+ * @param metadataValues L'array di MetadataValueDescriptor da serializzare.
+ * @returns La stringa XML pronta da inserire nel tag <MetadataValues>.
+ */
+export declare const serializeMetadataValuesToXml: (metadataValues: MetadataValueDescriptorEx[] | undefined) => string;

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

@@ -0,0 +1,71 @@
+import { MetadataValueDescriptorEx } from "../../../../ts";
+// Funzione per decodificare le entità HTML/XML
+const decodeXmlEntities = (xmlString) => {
+    return xmlString.replace(/&lt;/g, "<")
+        .replace(/&gt;/g, ">")
+        .replace(/&amp;/g, "&")
+        .replace(/&quot;/g, '"')
+        .replace(/&apos;/g, "'");
+};
+// Funzione per codificare le entità XML
+const encodeXmlEntities = (xmlString) => {
+    return xmlString.replace(/&/g, "&amp;")
+        .replace(/</g, "&lt;")
+        .replace(/>/g, "&gt;")
+        .replace(/"/g, "&quot;")
+        .replace(/'/g, "&apos;");
+};
+/**
+ * Parsa la stringa XML annidata di MetadataValues in un array di MetadataValueDescriptor.
+ * @param xmlString La stringa XML grezza contenente le entità codificate.
+ * @returns Un array di MetadataValueDescriptor.
+ */
+export const parseMetadataValuesXml = (xmlString) => {
+    const parser = new DOMParser();
+    const decodedXml = decodeXmlEntities(xmlString);
+    const xmlDoc = parser.parseFromString(decodedXml, "application/xml");
+    const metadataDescriptors = [];
+    const itemsXML = xmlDoc.querySelectorAll("MetadataValueDescriptor");
+    itemsXML.forEach(itemXML => {
+        const descriptor = new MetadataValueDescriptorEx();
+        descriptor.mid = parseInt(itemXML.querySelector("MID")?.textContent || "0", 10);
+        descriptor.metadataName = itemXML.querySelector("MetadataName")?.textContent || undefined;
+        descriptor.value = itemXML.querySelector("Value")?.textContent || undefined;
+        metadataDescriptors.push(descriptor);
+    });
+    return metadataDescriptors;
+};
+/**
+ * Serializza un array di MetadataValueDescriptor nella stringa XML richiesta
+ * dal C# DataContractSerializer, con le entità codificate.
+ * @param metadataValues L'array di MetadataValueDescriptor da serializzare.
+ * @returns La stringa XML pronta da inserire nel tag <MetadataValues>.
+ */
+export const serializeMetadataValuesToXml = (metadataValues) => {
+    if (!metadataValues || metadataValues.length === 0) {
+        return "";
+    }
+    let xml = `<ArrayOfMetadataValueDescriptor xmlns="http://schemas.datacontract.org/2004/07/TopConsult.TM5.Server.WEBSDK.Contracts" xmlns:i="http://www.w3.org/2001/XMLSchema-instance">`;
+    metadataValues.forEach(md => {
+        xml += `<MetadataValueDescriptor>`;
+        xml += `<MID>${md.mid}</MID>`;
+        // Il C# DataContractSerializer usa <MetadataName i:nil="true"/> per valori nulli
+        if (md.metadataName === undefined || md.metadataName === null) {
+            xml += `<MetadataName i:nil="true"/>`;
+        }
+        else {
+            xml += `<MetadataName>${md.metadataName}</MetadataName>`;
+        }
+        // Gestione del valore (potrebbe essere nullo o vuoto)
+        if (md.value === undefined || md.value === null) {
+            xml += `<Value i:nil="true"/>`;
+        }
+        else {
+            xml += `<Value>${md.value}</Value>`;
+        }
+        xml += `</MetadataValueDescriptor>`;
+    });
+    xml += `</ArrayOfMetadataValueDescriptor>`;
+    // Codifica le entità XML per inserire la stringa nel tag principale
+    return encodeXmlEntities(xml);
+};

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

@@ -1,6 +1,7 @@
 import { ArrowSymbol } from './interfaces';
 import { WorkItemStatus } from '@topconsultnpm/sdk-ts-beta';
 import { parseQueryDescriptorXml } from './queryDescriptorParser'; // Import the new parser
+import { parseMetadataValuesXml } from './metadataParser';
 // Funzione helper per mappare i valori numerici di OutputStatus
 const mapOutputStatus = (statusValue) => {
     switch (statusValue) {
@@ -67,6 +68,11 @@ export const parseWfDiagramXml = (xmlString) => {
             // Parse the QD XML string into a QueryDescriptor object
             parsedQD = parseQueryDescriptorXml(qdXmlString);
         }
+        const metadataValuesXmlString = itemXML.querySelector("MetadataValues")?.textContent || undefined;
+        let parsedMetadataValues = undefined;
+        if (metadataValuesXmlString) {
+            parsedMetadataValues = parseMetadataValuesXml(metadataValuesXmlString);
+        }
         const item = {
             ID: itemXML.querySelector("ID")?.textContent || "",
             Left: left,
@@ -101,7 +107,7 @@ export const parseWfDiagramXml = (xmlString) => {
             EndWFInstance: parseInt(itemXML.querySelector("EndWFInstance")?.textContent || "0", 10),
             QD: parsedQD, // Assign the parsed object
             SOD: itemXML.querySelector("SOD")?.textContent || undefined,
-            MetadataValues: itemXML.querySelector("MetadataValues")?.textContent || undefined,
+            MetadataValues: parsedMetadataValues,
             Severity: parseInt(itemXML.querySelector("Severity")?.textContent || "0", 10),
             RegAsWfInstPart: parseInt(itemXML.querySelector("RegAsWfInstPart")?.textContent || "0", 10),
             FormatCultureID: parseInt(itemXML.querySelector("FormatCultureID")?.textContent || "0", 10),

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/package.json

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